/*--------------------------------------------------------------------------
TABLET
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	
/* common
-----------------------------------------------------------------*/
	#brand .inner {
		width: 90%;
	}
	#wrapper #brand{
		font-size: 3.6458vw;
	}

	/* .ttl
	-----------------------------------------------------------------*/
	#brand .ttl-01{
		font-size: 7.0313vw; /*54px*/
		margin-bottom: 5%;
	}
	#brand .ttl-01 .sub-txt-01{
		font-size: 5.9896vw; /*46px*/
	}
	#brand .ttl-01 .sub-txt-02{
		font-size: 4.6875vw; /*36px*/
	}
	#brand .ttl-02{
		font-size: 7.0313vw; /*54px*/
	}
	#brand .ttl-04{
		font-size: 5.9896vw; /*46px*/
	}
	#brand .ttl-05{
		font-size: 5.7292vw; /*44px*/
	}
	/* .txt
-----------------------------------------------------------------*/
	#brand .txt-01,
	#brand .txt-02{
		font-size: 3.9063vw; /*30px*/
	}


	/* .btn
	-----------------------------------------------------------------*/	
	#brand .btn-01 a{
		width: 71%;
		margin: 0 auto 3%;
		font-size: 4.1667vw; /*32px*/
		padding: 3% 0;
	}
	#brand .btn-01 a span{
		background-size: 1.7vw;
	}
	
	/* .list-intro
	-----------------------------------------------------------------*/
	#brand .list-intro-03 dt{
		font-size:4.1667vw; /*32px*/
		padding-left: 5.5%;
	}
	#brand .list-intro-03 dt::before{
		width: 2vw;
		height: 2vw;
	}
	#brand .list-intro-03 dd {
		margin-bottom: 5.5%;
		padding-bottom: 5.5%;
	}
	#brand .list-intro-03 dd:last-child{
		margin-bottom: 4%;
	}
	/* .link
-----------------------------------------------------------------*/
.link-01 a::after {
	content: "";
	background: url(/-/Media/com/pansiron/55/ico_arw01.png) no-repeat center left;
	background-size: 2vw;
	display: inline-block;
	width: 2vw;
	    height: 5vw;
	margin-left: 2.6042vw;
	vertical-align: middle;
}
		/* a55Vi
-----------------------------------------------------------------*/
#a55vi .a55vi-bg{
 background: none;
 text-align: center;
 height: auto;
} 
#a55vi .inner{
 width: 100%;
}
#a55vi .a55vi-bg .cnt-55vi-01 {
	padding: 0;
}

/* a55lnv
-----------------------------------------------------------------*/
#a55lnv .list-lnv li{
	width: 50%;
	float: left;
	text-align: center;
	padding: 1.9531vw 0;
}
#a55lnv .list-lnv li a{
	font-size: 3.9063vw;
	font-weight: bold;
	padding: 4.2083vw 0;
	display: block;
	border-right: 1px solid #aaa;
}
	
/* a55intro01
-----------------------------------------------------------------*/
#a55intro01{
	margin-top: 18.2292vw;
	margin-bottom: 0;
}
#a55intro01 .ttl-02{
	position: relative;
	padding-bottom: 20.8333vw;
}
#a55intro01 .ttl-02 .sub-ttl-02{
	font-size: 9.6354vw;
}
#a55intro01 .ttl-02:after {
	-webkit-transform: rotate(8deg);
	top: 75%;
	margin-left: 2%;
}
#a55intro01 .list-intro-01 li {
	width: 100%;
	float: none;
	text-align: center;
	margin-bottom: -5vw;
}
#a55intro01 .list-intro-01 li .img-01{
	width: 38.8021vw;
	text-align: center;
	margin: 0 auto;
	float: left;
}
#a55intro01 .list-intro-01 li .txt-01{
	font-weight: bold;
	padding-top: 13.0208vw;
	text-align: left;
	margin-left: 13.0208vw;
}
#a55intro01 .list-intro-01 li:last-child .img-01{
	float: right;
	margin-top: 0.7813vw;
}
#a55intro01 .img-02{
	text-align: center;
	width: 100%;
	margin: 0 auto;
}
	#a55intro01 .img-02 img{
		    margin-top: -8%;
	}
	
	
/* a55intro02
-----------------------------------------------------------------*/
#a55intro02::after{
  transform: skewY(-8deg);
}
#a55intro02 .a55intro02-bg {
    padding: 9.6354vw 0 6.23vw;
}
#a55intro02 .ttl-02 {
	margin-bottom: 9.1146vw;
	padding-left: 4vw;
	/* margin-right: -4vw; */
}
#a55intro02 .ttl-02 .sub-ttl-02{
	font-size: 7.5521vw;
}

#a55intro02 .list-intro-02 {
	margin: 0 auto;
}
#a55intro02 .list-intro-02 li {
	float: none;
	text-align: center;
	margin: 0 auto;
	display: table;
}
#a55intro02 .list-intro-02 li.list-01,
	#a55intro02 .list-intro-02 li.list-02,
	#a55intro02 .list-intro-02 li.list-03{
	width: 100%;
	margin: 0 auto;
}
#a55intro02 .list-intro-02 li.list-01 .ttl-05 {
	color: #fff;
	text-align: left;
	margin-bottom: 1vw;
}
	#a55intro02 .list-intro-02 li.list-01 .img-01{
		float: left;
		width: 46.8750vw;
		margin-right: 1.8229vw;
		margin-bottom: 0;
	}
#a55intro02 .list-intro-02 li.list-03 .img-01{
	float: left;
	width: 54.6875vw;
	margin-left: -2.6042vw;
	margin-right: 1.8229vw;
}
#a55intro02 .list-intro-02 li.list-02 .img-02{
 width: 42.8385vw;
 margin: 1.8229vw 0 1.8229vw 17.4896vw;
}
#a55intro02 .list-intro-02 li .cnt-01{
	color: #000;
	display: table-cell;
	vertical-align: middle;
	letter-spacing: -0.3px;
}

#a55intro02 .list-intro-02 li.list-03 .cnt-01{
	padding-top: 6vw;
}

/***********202211改修ここから***********/
#a55intro02 .inner {
    width: 100%;
}
#a55intro02 .flex_pc{
	display: block;
}
#a55intro02 .txt_pc{
	display: none;
}
#a55intro02 .img_h-01 {
	max-width: 100%;
	width: 90%;
    margin-top: 30px;
    margin-bottom: 10px;
}
#a55intro02 .img_pc{
	display: none;
}
#a55intro02 .img_sp{
	display: block;
}
#a55intro02 .arrow {
    max-width: 100%;
    margin: 18px auto;
    width: 50%;
}
#a55intro02 .txt_stomach {
    left: 10%;
    bottom: 8%;
}
#a55intro02 .acc_btn {
    max-width: 100%;
    width: 90%;
    margin: 0 auto;
}
#a55intro02 .acc_btn::before {
    left: 10px;
    top: 20%;
}
#a55intro02 .stomach_y p, #a55intro02 .stomach_a p {
    font-size: 5vw;
    width: 90%;
    margin: 0 auto;
}
#a55intro02 .txt_pink {
    font-size: 6.7vw;
}
#a55intro02 .txt_purple {
    font-size: 6.7vw;
}
#a55intro02 .bgp_inner h3 {
    font-size: 7vw;
}
#a55intro02 .bgp_inner .flex_pc img {
    max-width: 100%;
}
#a55intro02 .flex_pc .balloon01 p {
    font-size: 5vw;
    top: 32%;
    left: 24%;
}
#a55intro02 .flex_pc .balloon02 p {
    font-size: 5vw;
    top: 30%;
    left: 40%;
}
#a55intro02 .balloon03 {
    width: 90%;
    margin: 0 auto;
}
#a55intro02 .balloon03 p {
    font-size: 5.2vw;
    top: 21%;
    left: 19%;
}
#a55intro02 .sub-ttl-03 {
    display: none;
}
#a55intro02 .img_inspection {
    max-width: 100%;
}
#a55intro02 .img_sp {
    max-width: 100%; 
}
#a55intro02 .speech {
    margin-right: 0px; 
}
#a55intro02 .speech p {
    left: 20%;
    top: 10%;
    font-size: 4vw;
    padding: 10.5px 17.5px;
	line-height: 1.5;
}
#a55intro02 .inspection {
    max-width: 100%;
    width: 90%;
    margin: 0 auto;
}
#a55intro02 .inspection img{
	margin-bottom: 15px;
}
#a55intro02 .inspection:nth-of-type(5){
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
}
#a55intro02 .inspection:nth-of-type(5) .speech{
	order: 2;
}
#a55intro02 .inspection:nth-of-type(5) .img_inspection{
	order: 1;
}
#a55intro02 .inspection:nth-of-type(4) p,#a55intro02 .inspection:nth-of-type(5) p {
    margin-top: 0px;
}
#a55intro02 .img_inspection img:nth-of-type(2) {
    width: 60%;
}
#a55intro02 .inspection:nth-of-type(4) .speech img,#a55intro02 .inspection:nth-of-type(5) .speech img {
    margin-top: 0;
}
#a55intro02 .inspection:nth-of-type(4) .img_inspection img,#a55intro02 .inspection:nth-of-type(5) .img_inspection img {
    margin-bottom: 25px;
}
#a55intro02 .inspection:nth-of-type(5) .img_inspection p {
    top: 13%;
    left: 7%;
    font-size: 5vw;
    line-height: 1.4em;
}
#a55intro02 .inspection:nth-of-type(5) .img_inspection p .txt_32 {
    font-size: 7.2vw;
}
#a55intro02 .summarize {
    font-size: 3.9vw;
    line-height: 2em;
    margin-top: 18px;
}
#a55intro02 .img_h-01 {
    max-width: 545px;
    width: 90%;
}

/* a55intro03
-----------------------------------------------------------------*/
#a55intro03::before {
    content: '';
    display: inline-block;
    background-image: url(/-/Media/com/pansiron/55/bg03_b_pc.png);
    width: 100%;
    height: 244px;
    top: -3%;
    left: 0;
    position: absolute;
    background-position: top center;
    background-size: cover;
}
/***********202211改修ここまで（最下部に続く）***********/
#a55intro03 .a55intro03-bg{
	padding: 29.1667vw 0 33.8542vw;
}
#a55intro03 .img-01{
	float: none;
	margin: 0 auto 6.5104vw;
	width: 48.8281vw;
}
#a55intro03 .cnt-01{
	float: none;
	margin-left: 0;
	width: 100%;
	letter-spacing: -0.5px;
}
#a55intro03 .img-02{
	width: 67.8385vw;
	margin: 0 auto 6.5104vw;
}
#a55intro03 .ttl-04{
	text-align: center;
	margin-left: -5vw;
}
#a55intro03 .ttl-04 .sub-ttl-04{
	font-size: 7.0313vw;
}


#a55intro03 .btn {
    width: 90%;
    margin-left: auto;
	margin-right: auto;
}

#a55intro03 .btn::before {
    left: 30%;
    top: 35%;
}


/* a55intro04
-----------------------------------------------------------------*/
#a55intro04::before{
  transform: skewY(-8deg);
}
#a55intro04::after{
  transform: skewY(8deg);
}
#a55intro04 .a55intro04-bg{
	padding: 9.1146vw 0 20%;
}
#a55intro04 .list-intro-04 li{
	float: none;
	width: 100%;
	margin-bottom: 17.2292vw;
	margin-right: 0;
}

#a55intro04 .list-intro-04 li .img-01{
	width: 100%;
	margin-bottom: 13.0208vw;
}
#a55intro04 .list-intro-04 li .img-02{
	float: right;
	width: 41.9688vw;
	margin-right: -4vw;
	margin-top: -7vw;
	margin-left: 1vw;
}
#a55intro04 .list-intro-04 li .img-03{
	width: 85.4167vw;
	margin: -10vw auto  -7vw;
}
#a55intro04 .list-intro-04 li .ttl-05 .sub-ttl-05{
	font-size: 7.0313vw;
}
#a55intro04 .list-intro-04 li .txt-01.txt-02{
	margin-bottom: 4.1667vw;
}
#a55intro04 .list-intro-04 li .txt-01 .sub-txt-01{
	font-size: 6.2500vw;
	font-weight: bold;
	margin-bottom: 1vw;
	display: inline-block;
}
	#a55intro04 .list-intro-04 li .txt-01 .sub-txt {
	top: -3.9063vw;
}

	/* .free + type
	-----------------------------------------------------------------*/
	#a55intro05 .ttl-01,
	#a55intro06 .ttl-01{
		margin-bottom:14%;
	}
	#a55intro05 .list-clm,
	#a55intro06 .list-clm{
		display: block;
	}
	#a55intro05 .list-clm .list-txt-01,
	#a55intro05 .list-clm .list-txt-02,
	#a55intro06 .list-clm .list-txt-01,
	#a55intro06 .list-clm .list-txt-02{
		width:100%;
	}
	
	/* .free
	-----------------------------------------------------------------*/
	#a55intro05::before{
	  transform: skewY(8deg);
	}
	#a55intro05::after{
	  transform: skewY(-8deg);
	}
	#a55intro05 .a55intro05-bg{
		padding-top: 8%;
   		padding-bottom: 15%;
	}
	#a55intro05 .ttl-01{
		margin-bottom: 5%;
	}
	#a55intro05 .ttl-01 .sub-txt-01{
		color: #fff;
	}
	#a55intro05 .a55intro05-txt-01{
		width:77%;
		margin: 0 auto 5%;
	}
	#a55intro05 .chuui{
		width: 100%;
	}
	
	
	/* .type
	-----------------------------------------------------------------*/
	#a55intro06::before{
	  transform: skewY(-8deg);
	}
	#a55intro06::after{
	  transform: skewY(8deg);
	}
	#a55intro06 .a55intro06-bg{
		padding-top: 10%;
		margin-top: 20%;
		margin-bottom: 20%;
	}
	#a55intro06 .list-clm .list-txt-01{
		display: flex;
		text-align: left;
		align-items: flex-end;
		justify-content: center;
		margin-bottom: 11%;
	}
	#a55intro06 .list-clm .list-txt-01 p{
		width: 52%;
	}
	#a55intro06 .list-clm .list-txt-01 img{
		width: 100%;
		margin: 0 auto;
	}
	#a55intro06 .list-clm .list-txt-01 .list-ttl{
		width: 45%;
		margin-top: 0;
		margin-left: 3%;
		margin-bottom: 5.8%;
		font-size: 4.1667vw; /*32px*/
	}
	#a55intro06 .list-clm .list-txt-01 .list-ttl .sub-txt{
		font-size: 7.0313vw; /*54px*/
	}
	#a55intro06 .list-clm .list-intro-03 dt{
		font-weight: normal;
	}
	
	/* .img
	-----------------------------------------------------------------*/
	#a55intro07{
		overflow: hidden;
	}
	#a55intro07::before{
		top:-1px;
		border-width: 15vw 100vw;
	}
	#a55intro07::after{
		bottom:-1px;
		border-width: 15vw 100vw;
	}
	
	/* .cm
	-----------------------------------------------------------------*/
	#brand .section-cm{
		padding-top: 14%;
		padding-bottom: 33%;
	}
	#brand .wrapper-video{
		width: 100%;
		min-height: auto;
	}

	
	/* .item
	-----------------------------------------------------------------*/
	#brand .section-item{
		margin-bottom:10%;
	}
	#brand .section-item::before{
	  transform: skewY(8deg);
	}
	#brand .section-item::after{
	  transform: skewY(-8deg);
	}
	#brand .section-item .item-clm-01{
		display:block;
		margin-bottom: 9.4%;
	}
	#brand .section-item .item-clm-01 .txt{
		width: 71%;
		margin: 0 auto 9.4%;
	}
	#brand .section-item .item-clm-01 .ttl img{
		width: 75%;
		margin: 0 auto 7%;
	}
	#brand .section-item .item-clm-01 .ttl{
		width: 100%;
		font-size: 5.9896vw; /*46px*/
		text-align: center;
	}
	#brand .section-item .item-clm-01 .ttl .sub-txt{
		font-size: 7.0313vw; /*54px*/
	}
	
	#brand .section-item .item-list{
		display: block;
	}
	#brand .section-item .item-list li div{
		margin-bottom:5%;
	}
	#brand .section-item .item-list li.item-01,
	#brand .section-item .item-list li.item-02{
		width:100%;
	}
	#brand .section-item .item-list li.item-01{
		margin: 0 auto 21%;
	}
	#brand .section-item .item-list li .img{
		height: 54vw;
	}
	#brand .section-item .item-list li.item-01 .img{
	    margin-bottom: 4.9%;
	}
	#brand .section-item .item-list li.item-02 .img,
	#brand .section-item .item-list li .chuui,
	#brand .section-item .item-list li .txt{
	    margin-bottom: 7.2%;
	}
	#brand .section-item .item-list li.item-01 .img{
		width: 73.5%;
	}
	#brand .section-item .item-list li.item-02 .img{
		width: 87%;
	}
	#brand .section-item .item-list li .chuui{
		width: 82%;
		margin-left: auto;
		margin-right: auto;
	}
	
	/* .popup
	-----------------------------------------------------------------*/
	#brand .section-popup{
		padding: 5% 7%;
	}
	#brand .section-popup .popup-close{
		width: 5%;
		top: 3%;
		right: 3%;
	}
	#brand .section-popup .popup-clm-01{
		margin-bottom: 8%;
	}
	#brand .section-popup .popup-clm-01 .popup-ttl{
		font-size: 3.6458vw; /*28px*/
		line-height: 1.75em;
	}
	#brand .section-popup .popup-clm-01 .popup-ttl .sub-ttl{
		font-size: 5.9896vw; /*46px*/
	}
	#brand .section-popup .popup-clm-01 .popup-img{
		width: 27%;
		margin-right: 4%;
	}
	#brand .section-popup .popup-clm-01 .popup-ico{
		width: 23%;
		margin-right: 4%;
		padding: 6.5% 0;
		line-height: 1em;
	}
	#brand .section-popup .popup-clm-01 .popup-ico .sub-txt{
		font-size: 2.6042vw;
	}
	#brand .section-popup .popup-list{
		display: block;
	}
	#brand .section-popup .popup-list .btn{
		width: 100%;
	}
	#brand .section-popup .popup-list .btn a{
		padding: 7% 0;
		border-width: 1.5vw;
		margin-bottom: 3%;
	}
	#brand .section-popup .popup-list .btn a img{
		height: 8.5vw;
	}
	#brand .section-popup > section{
		margin-bottom: 20%;
	}

	/* a55intro10
	-----------------------------------------------------------------*/
	#a55intro10 {
		margin-bottom: 35%;
	}
	#a55intro10 .a55intro10-bg {
		padding-bottom: 0;
	}
	#a55intro10::before {
		transform: skewY(-8deg);
	}
	#a55intro10::after {
		transform: skewY(8deg);
	}
	#a55intro10 .flex_pc {
		flex-direction: column;
		gap: 20px;
	}
	#a55intro10 .flex_pc li {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#a55intro10 .flex_pc li a{
		display: contents;
	}
	#a55intro10 .flex_pc li img{
		width: calc(45% - 15px);
	}
	#a55intro10 .flex_pc li p {
		display: inline-block;
		width: 55%;
		padding: 0;
	}
}


/*--------------------------------------------------------------------------
SP
---------------------------------------------------------------------------*/
/***********202211改修ここから***********/
@media screen and (max-width: 640px){
	#a55intro03::before {
		height: 180px;
		top: -1%;
	}
}
@media screen and (max-width: 600px){
	#a55intro03::before {
		height: 150px;
	}
}
@media screen and (max-width: 570px){
	#a55intro03 .btn::before {
		left: 28%;
		top: 32%;
	}
	#a55intro03 .btn::after {
		top: 38%;
	}
}
@media screen and (max-width: 430px){
	#a55intro03::before {
		height: 130px;
	}
	#a55intro03 .btn::before {
		width: 18px;
		height: 14px;
		left: 28%;
		top: 35%;
	}
	#a55intro03 .btn::after {
		height: 12px;
	}
}
@media screen and (max-width: 400px){
	#a55intro02 .speech p {
		top: 7%;
	}
}
@media screen and (max-width: 380px){
	#a55intro02 .acc_btn::before {
		left: 5px;
	}
	#a55intro02 .acc_btn::after {
		right: 5px;
	}
	#a55intro03::before {
		height: 110px;
	}
	#a55intro02 .img_h-01 {
		margin-top: 0px;
	}
	#a55intro03 .btn::before {
		width: 16px;
		height: 12px;
	}
	#a55intro03 .btn::after {
		height: 10px;
		top: 40%;
	}
}
@media screen and (max-width: 340px){
	#a55intro02 .speech p {
		top: 6%;
	}
}
/***********202211改修ここまで***********/