/*================================================================================
FileName: _layout.scss
================================================================================*/

	.pt15{padding-top: 15px;
	}
	.pb15{padding-bottom: 15px;
	}	
@media screen and (min-width:897px) {
	.ptP15{padding-top: 15px;
	}
	.pbP15{padding-bottom: 15px;
	}	
}
@media screen and (max-width:896px) {
	.ptS15{padding-top: 15px;
	}
	.pbP15{padding-bottom: 15px;
	}
}


.mt15 {margin-top: 15px !important;}
.mt25 {margin-top: 25px !important;}
.mt35 {margin-top: 35px !important;}
.mt45 {margin-top: 45px !important;}
.mt55 {margin-top: 55px !important;}
.mt65 {margin-top: 65px !important;}


.mb15 {margin-bottom: 15px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb55 {margin-bottom: 55px !important;}
.mb65 {margin-bottom: 65px !important;}

.mb110 {margin-bottom: 110px !important;}
.mb120 {margin-bottom: 120px !important;}
.mb130 {margin-bottom: 130px !important;}
.mb140 {margin-bottom: 140px !important;}
.mb150 {margin-bottom: 150px !important;}
.mb160 {margin-bottom: 160px !important;}
.mb170 {margin-bottom: 170px !important;}
.mb180 {margin-bottom: 180px !important;}
.mb190 {margin-bottom: 190px !important;}
.mb200 {margin-bottom: 200px !important;}

@media screen and (min-width:897px) {
.mbP15 {margin-bottom: 15px !important;}
.mbP25 {margin-bottom: 25px !important;}
.mbP35 {margin-bottom: 35px !important;}
.mbP45 {margin-bottom: 45px !important;}
.mbP55 {margin-bottom: 55px !important;}
.mbP65 {margin-bottom: 65px !important;}
	
.mbP110 {margin-bottom: 110px !important;}
.mbP120 {margin-bottom: 120px !important;}
.mbP130 {margin-bottom: 130px !important;}
.mbP140 {margin-bottom: 140px !important;}
.mbP150 {margin-bottom: 150px !important;}
.mbP160 {margin-bottom: 160px !important;}
.mbP170 {margin-bottom: 170px !important;}
.mbP180 {margin-bottom: 180px !important;}
.mbP190 {margin-bottom: 190px !important;}
.mbP200 {margin-bottom: 200px !important;}
}

@media screen and (max-width:896px) {
.mbS15 {margin-bottom: 15px !important;}
.mbS25 {margin-bottom: 25px !important;}
.mbS35 {margin-bottom: 35px !important;}
.mbS45 {margin-bottom: 45px !important;}
.mbS55 {margin-bottom: 55px !important;}
.mbS65 {margin-bottom: 65px !important;}
	
.mbS110 {margin-bottom: 110px !important;}
.mbS120 {margin-bottom: 120px !important;}
.mbS130 {margin-bottom: 130px !important;}
.mbS140 {margin-bottom: 140px !important;}
.mbS150 {margin-bottom: 150px !important;}
.mbS160 {margin-bottom: 160px !important;}
.mbS170 {margin-bottom: 170px !important;}
.mbS180 {margin-bottom: 180px !important;}
.mbS190 {margin-bottom: 190px !important;}
.mbS200 {margin-bottom: 200px !important;}
}

.mAuto{margin: auto !important;}
@media screen and (min-width:897px) {
.mAutoPC{margin: auto !important;}
}
@media screen and (max-width:896px) {
.mAutoSP{margin: auto !important;}
}

	.w100 {
		width: 100% !important;
	}
	.w90 {
		width: 90% !important;
	}
	.w80 {
		width: 80% !important;
	}
	.w70 {
		width: 70% !important;
	}
	.w60 {
		width: 60% !important;
	}
	.w50 {
		width: 50% !important;
	}
	.w40 {
		width: 40% !important;
	}
	.w30 {
		width: 30% !important;
	}
	.w20 {
		width: 20% !important;
	}
	.w10 {
		width: 10% !important;
	}

.lh13 {
    line-height: 1.3 !important;
}
.lh14 {
    line-height: 1.4 !important;
}
.lh15 {
    line-height: 1.5 !important;
}
.lh16 {
    line-height: 1.6 !important;
}
.lh17 {
    line-height: 1.7 !important;
}
.lh18 {
    line-height: 1.8 !important;
}
.lh19 {
    line-height: 1.9 !important;
}
.lh20 {
    line-height: 2.0 !important;
}

.lh30 {
    line-height: 3.0 !important;
}
@media only screen and (min-width: 897px) {
.lhP30 {
    line-height: 3.0 !important;
}
}

@media only screen and (min-width: 897px) {
	.flexPcrr {
		flex-direction: row-reverse;
	}
	.wPC100 {
		width: 100% !important;
	}
	.wPC90 {
		width: 90% !important;
	}
	.wPC80 {
		width: 80% !important;
	}
	.wPC75 {
		width: 75% !important;
	}
	.wPC70 {
		width: 70% !important;
	}
	.wPC65 {
		width: 65% !important;
	}
	.wPC60 {
		width: 60% !important;
	}
	.wPC52 {
		width: 52% !important;
	}
	.wPC50 {
		width: 50% !important;
	}
	.wPC42 {
		width: 42% !important;
	}
	.wPC44 {
		width: 44% !important;
	}
	.wPC45 {
		width: 45% !important;
	}
	.wPC46 {
		width: 46% !important;
	}
	.wPC49 {
		width: 49% !important;
	}
	.wPC48 {
		width: 48% !important;
	}
	.wPC47 {
		width: 47% !important;
	}
	.wPC40 {
		width: 40% !important;
	}
	.wPC35 {
		width: 35% !important;
	}
	.wPC32 {
		width: 32% !important;
	}
	.wPC30 {
		width: 30% !important;
	}
	.wPC25 {
		width: 25% !important;
	}
	.wPC20 {
		width: 20% !important;
	}
	.wPC15 {
		width: 15% !important;
	}
	.wPC10 {
		width: 10% !important;
	}
	.wPC220{
		width: 220px !important;
	}
	.wPC250{
		width: 250px !important;
	}	
	.wPC270{
		width: 270px !important;
	}
	.wPC300{
		width: 300px !important;
	}
	.wPC350{
		width: 350px !important;
	}
	.wPC-topMV{
		width: 220px !important;
	}	
	.hPC55{
		height: 55px;
	}	
	.fzP60{
		font-size: 60px;
	}
	.fzP66{
		font-size: 66px;
	}
	.fzP72{
		font-size: 72px;
	}
	.mbP150{
		margin-bottom: 150px;
	}
	.mtP110{
		margin-top: 110px;
	}
	.mlP35{
		margin-left: 35px;
	}
	.plP70{
		padding-left: 70px;
	}
	.mtP5{
		margin-top: 5px;
}
	
	
	.fzPl22{
		font-size: 22px !important;
	}
	.fzPl12{
		font-size: 12px !important;
	}
}

@media only screen and (max-width: 896px) {
	
	.wSP100 {
		width: 100% !important;
	}
	.wSP90 {
		width: 90% !important;
	}
	.wSP80 {
		width: 80% !important;
	}
	.wSP70 {
		width: 70% !important;
	}
	.wSP65 {
		width: 65% !important;
	}
	.wSP60 {
		width: 60% !important;
	}
	.wSP50 {
		width: 50% !important;
	}
	.wSP40 {
		width: 40% !important;
	}
	.wSP35 {
		width: 35% !important;
	}
	.wSP30 {
		width: 30% !important;
	}
	.wSP25 {
		width: 25% !important;
	}
	.wSP20 {
		width: 20% !important;
	}
	.wSP15 {
		width: 15% !important;
	}
	.wSP10 {
		width: 10% !important;
	}
	.taCSP{
		text-align: center;
	}
	.taLSP{
		text-align: center;
	}
	.fzS60{
		font-size: 60px;
	}
	.mbS100{
		margin-bottom: 100px;
	}
	.mtSP16{
		margin-top: 16px;
	}
	.pbS0{
		padding-bottom: 0 !important;
	}
	.mbS150{
		margin-bottom: 150px;
	}
	.mtS150{
		margin-top: 150px !important;
	
	}
}



@media only screen and (min-width: 897px) {
.topP10{top: 10px !important;}
.topP20{top: 20px !important;}
.topP30{top: 30px !important;}
.topP40{top: 40px !important;}
.topP50{top: 50px !important;}
.topP60{top: 60px !important;}
.topP70{top: 70px !important;}
.topP80{top: 80px !important;}
.topP90{top: 90px !important;}
.topP100{top: 100px !important;}	
}
@media only screen and (max-width: 896px) {
.topS10{top: 10px !important;}
.topS20{top: 20px !important;}
.topS30{top: 30px !important;}
.topS40{top: 40px !important;}
.topS50{top: 50px !important;}
.topS60{top: 60px !important;}
.topS70{top: 70px !important;}
.topS80{top: 80px !important;}
.topSP90{top: 90px !important;}
.topS100{top: 100px !important;}	
}

.letter-spacing_05{
	letter-spacing: -0.05em;
}
.taJ{text-align: justify !important;}

@media only screen and (min-width: 897px) {
.taJPC{text-align: justify !important;}
}
@media only screen and (max-width: 896px) {
.taJSP{text-align: justify !important;}
}


.radius0{
	border-radius: 0 !important;
}

img.hover-opacity:hover{
	opacity: 0.6;
}


.Blue01{
	color: #446bb3;
}
.Blue02{
	color: #5EB9EC;
}
.Blue03{
	color: #8ecef2;
}


h2.ttlStyle02 {
    font-weight: 400 !important;
}

.fadeIn {
    opacity: 1 !important;
    transform: translateY(0) !important;
}
.fadeBlock {
    opacity: 0;
    transition: all .8s;
}


.fadeIn1{
	opacity: 0 !important;
	transition: all 3s 0s ease;
	transform: translateY(20px) ;

}

.fadeIn1.run{
	opacity: 1 !important;
	transform: translateY(0px);

}

.fadeIn2{
	opacity: 0 !important;
	transition: all 2s 0s ease;
	transform: translateY(20px) ;
}

.fadeIn2.run{
	opacity: 1 !important;
	transform: translateY(0px);
}


.fadeIn3{
	opacity: 0;
		animation-name: fadeIn3;
        animation-duration: 1s;
        animation-iteration-count: 1;
        animation-timing-function: ease;
        animation-fill-mode:forwards;
		animation-delay: 1s;
}

@keyframes fadeIn3 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


.fadeIn4.run{
	opacity: 0;
		animation-name: fadeIn4;
        animation-duration: 1s;
        animation-iteration-count: 1;
        animation-timing-function: ease;
        animation-fill-mode:forwards;
		animation-delay: 1s;
}

@keyframes fadeIn4 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


    .fadeDelay01 {
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s;
        -webkit-animation-delay: 0.1s;
        animation-delay: 0.1s;
    }


    .fadeDelay02 {
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s;
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
     }

    .fadeDelay03 {
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s;
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
     } 

    .fadeDelay04 {
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s;
        -webkit-animation-delay: 0.4s;
        animation-delay: 0.4s;
     } 

    .fadeDelay05 {
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s;
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s;
     } 

    .fadeDelay06 {
        -webkit-transition-delay: 0.6s;
        transition-delay: 0.6s;
        -webkit-animation-delay: 0.6s;
        animation-delay: 0.6s;
     } 




.relative{
position:relative;
}

.absolute{
position:absolute;
}


@media screen and (min-width: 897px) {
    .bg_clear {
        background: rgba(255, 255, 255, 0) !important;
    }
}

@media screen and (min-width: 897px) {
    #container .mv02 .mv-txtBox {
        min-width: 480px;
        max-width: 630px;
        width: auto;
        padding: 0;
        letter-spacing: .04em;
		top: 45%;
    }
	
    #container .cocchi_biz_top .mv02 .mv-txtBox {
        min-width: 460px;
        max-width: 630px;
        width: 460px;
        padding: 0;
        letter-spacing: .04em;
		top: /*45*/45%;
    }	
	
	.cocchi_biz_top .mv-txtBox h1{
		height: /*53*/37px;
		font-size: 1em;
		margin-top: 20px;
	}

	.cocchi_biz_top .mv-txtBox h1{
		width: /*400*/280px;
	}
	/*.cocchi_biz_service .mv-txtBox h1{
		width: 475px;
	}
	.cocchi_biz_subscribe .mv-txtBox h1{
		width: 620px;
	}*/
	
	.cocchi_biz_service .mv-txtBox h1 span,
	.cocchi_biz_subscribe .mv-txtBox h1 span{
		width: 240px;
		height: 45px;
		display: block;
	}	
	
	.cocchi_biz_service .mv-txtBox h1,
	.cocchi_biz_subscribe .mv-txtBox h1{
		height: auto;
		font-size: 40px;
		margin-top: 10px;
	}
	
	
	.cocchi_biz_cartoon .mv-txtBox h1 span{
		/*width: 240px;
		height: 45px;*/
		display: block;
	}	
	
	.cocchi_biz_cartoon .mv-txtBox h1{
		height: auto;
		font-size: 34px;
		margin-top: 20px;
	}	
	

}


.cocchi_biz .t-attention {
    font-size: 14px;
}



#container .cocchi_biz_top .mv-txtBox .linkStyle01_white,
#container .cocchi_biz_service .mv-txtBox .linkStyle01_white,
#container .cocchi_biz_subscribe .mv-txtBox .linkStyle01_white{
	        padding: 10px 25px 12px 0;
}

.linkStyle01_white.btnBlue,
.linkStyle01_white.btnBlue:hover{
    background: #446bb3 !important;
    color: #fff;
    border-color: #446bb3 !important;
}

.linkStyle01_white.btnBlue:hover{
	opacity: 0.7;
}

.linkStyle01_white.btnRed,
.linkStyle01_white.btnRed:hover{
    background: #b91440 !important;
    color: #fff;
    border-color: #b91440 !important;
}

.linkStyle01_white.btnRed:hover{
	opacity: 0.7;
}


.linkStyle01_white.arrow:hover:after {
	        position: absolute;
	        content: "";

        right: 15px;
        background: url(https://assets.jpn.pioneer/ja/assets/img/icon_arrow01_w.svg) no-repeat;
        background-size: 9px;
	width: 9px;
        height: 13px;
    }


    .linkStyle01_white.window:hover:after {
        position: absolute;
        content: "";
			width: 15px;
        height: 13px;
        background: url(https://assets.jpn.pioneer/ja/assets/img/icon_window_w.svg) no-repeat;
        background-size: 15px;
        right: 20px;
}
.linkStyle01_white.dl:after{
        position: absolute;
        content: "";
        width: 20px;
        height: 20px;
        background: url(/ja/cocchi_biz/img/icon_dl_w.svg) no-repeat;
        background-size: 20px;
        right: 20px;
        top: 40%;;
    }

.linkStyle01_white.anc:after,
 #container .mv-txtBox .linkStyle01_white.anc:after{
        position: absolute;
        content: "";
        width: 16px;
        height: 16px;
        background: url(https://assets.jpn.pioneer/ja/assets/img/icon_arrow_w_down01.svg) no-repeat;
        background-size: 13px;
        right: 20px;
        top: 45%;;
    }

@media screen and (max-width: 896px) {
.linkStyle01_white.anc:after,
 #container .mv-txtBox .linkStyle01_white.anc:after{
        position: absolute;
        content: "";
        width: 16px;
        height: 16px;
        background: url(https://assets.jpn.pioneer/ja/assets/img/icon_arrow_w_down01.svg) no-repeat;
        background-size: 11px;
        right: 20px;
        top: 45%;;
    }	
}

@media screen and (min-width: 897px) {
	#container .mv-txtBox .linkStyle01_white.dl:after{
        position: absolute;
        content: "";
        width: 20px;
        height: 20px;
        background: url(/ja/cocchi_biz/img/icon_dl_w.svg) no-repeat;
        background-size: 20px;
        right: 20px;
        top: 40%;;
    }
}

.window.linkStyle02_black.icon-red:after{
    width: 15px;
    height: 13px;
    background: url(https://assets.jpn.pioneer/ja/assets/img/icon_window_r.svg) no-repeat;
    background-size: 15px;
    right: 0;
}


.linkStyle02.anc:after, .linkStyle02_black.anc:after {
    position: absolute;
    bottom: 0;
    bottom: 3px;
    right: 0;
    margin: auto;
    display: inline-block;
    width: 13px;
    height: 10px;
    content: "";
    background: url(https://assets.jpn.pioneer/ja/assets/img/icon_arrow_down01.svg) no-repeat;
    background-size: 13px;
    vertical-align: top;
}


.linkStyle02.anc.ancUp:after, .linkStyle02_black.anc.ancUp:after {
    position: absolute;
    bottom: 0;
    top: 3px;
    right: 0;
    margin: auto;
    display: inline-block;
    width: 13px;
    height: 10px;
    content: "";
    background: url(/ja/mobility-one/cocchi_biz/img/icon_arrow_up01.svg) no-repeat;
    background-size: 13px;
    vertical-align: top;
}

.linkStyle02.anc:hover:after, .linkStyle02_black.anc:hover:after {
        transform: none;
}

@media screen and (min-width: 897px) {
#container .cocchi_biz .mv-txtBox .linkStyle01_white{
	font-size: 15px;
}
}

.comments-area .comments1{
	text-indent: -1em;
    padding-left: 1em;
}

.blue{
	color: #446bb3 !important;
}
.bgtBlue{
	background: ##446bb3 !important;
}
.bgLightBlue{
	background: #E3F7FF !important;
}
.bgLightBlue2{
	background: #8ecef2 !important;
}

@media screen and (min-width: 897px) {
	
	/*-----------------------------------------------
	section1
	-----------------------------------------------*/

	/*li*/
     .cocchi_biz .unitStyle05.threeCol li.us05-box {
      width: 30%;
      padding: 0;
		 margin: 0 20px;
	background: #fff;
    }
	
	/*li  cocchi_biz_servic*/
     .cocchi_biz.cocchi_biz_service .unitStyle05.threeCol li.us05-box {
		 margin: 0 20px 50px;
    }
	
	/*li  cocchi_biz_schedule*/
     .cocchi_biz.cocchi_biz_service.cocchi_biz_schedule .unitStyle05.threeCol li.us05-box {
		 margin: 0 20px 20px;
    }	
    .cocchi_biz .cardStyle01 .cs01-content {
        margin: 0 !important;
        width: 100%;
        padding: 30px 20px;
		/*background: #fff;*/
		/*padding-right: 20px;*/
    }
	
	
	/*-----------------------------------------------
	section3 section5
	-----------------------------------------------*/
	/*ul*/
	.cocchi_biz.cocchi_biz_top .section3 .unitStyle05,
	.cocchi_biz.cocchi_biz_top .section5 .unitStyle05{
		 padding-top: 100px;
		 
    }
	
	/*li*/
     .cocchi_biz.cocchi_biz_top .section3 .unitStyle05.threeCol li.us05-box,
	 .cocchi_biz.cocchi_biz_top .section5 .unitStyle05.threeCol li.us05-box{
		 padding-top: 100px;
		 
    }
}/*media screen and (min-width: 897px)*/
	
	
	
@media screen and (min-width: 897px) {
	
	/*-----------------------------------------------
	howToSubscribe
	-----------------------------------------------*/
	/*ul*/
	.cocchi_biz .howToSubscribe .unitStyle05{
		 padding-top: 100px;
		 
    }
	
	/*li*/
     .cocchi_biz .howToSubscribe .unitStyle05.threeCol li.us05-box{
		 width: 28%;
      	padding-top: 100px;
		 margin: 0 30px;
		 background: #fff;
		 border: solid 4px #446bb3;
		 border-radius: 30px;
    }
	
	
    .cocchi_biz .howToSubscribe .cardStyle01 .cs01-content {
        margin: 0 !important;
        width: 100%;
        padding: 30px 20px;
		/*background: #fff;*/
		/*padding-right: 20px;*/
		text-align: left;
}
	
	
	
	   .cocchi_biz .cardStyle01 .cs01-content .txt {
			padding-bottom: 0;
	}



.howToSubscribe .arrow01{
	position: absolute;
	right: -60px;
	top: 50%;
	margin-top:-50px;
	width: 60px;
	height: 100px;
}	
.howToSubscribe .arrow02{
display: none;
}
	
}/*media screen and (min-width: 897px)*/

@media screen and (max-width: 896px) {
	
	/*-----------------------------------------------
	howToSubscribe
	-----------------------------------------------*/
	/*ul*/
	.cocchi_biz .howToSubscribe .unitStyle05{
		 /*padding-top: 100px;*/
		 
    }
	
	/*li*/
     .cocchi_biz .howToSubscribe .unitStyle05.threeCol li.us05-box{
		 /*width: 28%;*/
      	padding-top: 100px;
		 /*margin-top: 200px;*/
		 /*margin: 0 30px;*/
		 background: #fff;
		 border: solid 4px #446bb3;
		 border-radius: 30px;
    }
	
	   .cocchi_biz .howToSubscribe .unitStyle05.threeCol li.us05-box:not(:first-child) {
       		 margin-top: 180px;
    }
		   .cocchi_biz .howToSubscribe .unitStyle05.threeCol li.us05-box:first-child {
       		 margin-top: 120px;
    }
	
	
    .cocchi_biz .howToSubscribe .cardStyle01 .cs01-content {
        margin: 0 !important;
        width: 100%;
        padding: 20px 20px;

		text-align: left;
}
	
	
	
	   .cocchi_biz .cardStyle01 .cs01-content .txt {
			padding-bottom: 0;
	}



.howToSubscribe .arrow01{
display: none;
}	
.howToSubscribe .arrow02{
position: absolute;
        bottom: -60px;
        left: 50%;
        margin-left: -30px;
        width: 60px;
        height: 40px;
}


	
}/*media screen and (max-width: 896px)*/



.fz-up{
	font-size: 1.3em;
	padding: 0 3px;
}


.shadow_gray01 {
    box-shadow: 2px 2px 13px 0px rgba(0, 0, 0, .3);
}




.dl_medal{
    position: absolute;
    right: 15px;
    top: -80px;
    width: 150px !important;
    height: auto;
}

@media screen and (max-width: 896px) {
	.dl_medal{
		    right: 0px;
		    top: -35px;
		    width: 110px !important;

	}
	
}

h4.circle{
	position: absolute;
	width: 200px;
	height: 200px;
	border-radius: 100px;
	top: -100px;
	left: 50%;
	margin-left: -100px;
	color: #fff;
	background: #555;
	text-align: center;
	line-height: 1.6;
	/*text-align: center;*/
	padding-top: 55px;
    font-size: 28px;
    font-weight: 300;
	box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.1);
}

.section5 h4.circle,
.howToSubscribe h4.circle{
	background: #446bb3;
}

.howToSubscribe h4.circle{
	box-shadow: none;
	padding-top: 0;
	line-height: 1.4;
    font-size: 18px;
    font-weight: 400;
}

h4.circle.line3{
	padding-top: 38px;
	line-height: 1.45;
}



/*-----------------------------------------------
section4
-----------------------------------------------*/

    .cocchi_biz.cocchi_biz_top .box-inner {
        width: 1100px;
        height: auto;
        margin: auto;
        overflow: hidden;
    }

@media screen and (max-width: 896px) {
    .cocchi_biz.cocchi_biz_top .box-inner {
        width: 100%;
    }
}


    .cocchi_biz.cocchi_biz_top .boxStyle11 {
        /* max-width: 50%; */
        margin: 0 auto;
        height: 500px;
        float: left;
    }

@media screen and (max-width: 896px) {
    .cocchi_biz.cocchi_biz_top .boxStyle11 {
        width: 100%;
        height: 100%;
    }
}
@media screen and (min-width: 897px) {
.cocchi_biz_top .w_A {
        width: 450px;
    }
.cocchi_biz_top .w_B {
        width: 650px;
    }
}

    .cocchi_biz.cocchi_biz_top .section4 .imgBox {
        position: relative;
        width: 400px;
        height: 400px;
        text-align: center;
    }
@media screen and (max-width: 896px) {
    .cocchi_biz.cocchi_biz_top .section4 .imgBox {
        position: relative;
        width: 100%;
        height: auto;
        text-align: center;
    }
}

.cocchi_biz.cocchi_biz_top .boxStyle11 .imgBox img {
    width: 100%;
    height: 100%;
}
@media screen and (min-width: 897px) {
.cocchi_biz.cocchi_biz_top .box-right .bs11_txt-box {
    position: absolute;
    height: auto;
    /*top: 50px;*/
    left: 10px;
}

.cocchi_biz.cocchi_biz_top .box-left .bs11_txt-box {
    position: absolute;
    /* width: 50%; */
    height: auto;
    top: 50px;
    right: 30px;
    text-align: right;
}


.cocchi_biz.cocchi_biz_top .box-left .bs11_txt-box.top10 {
    top: 10px;
}
}

@media screen and (max-width: 896px) {
	.cocchi_biz.cocchi_biz_top .box-right .bs11_txt-box {
    /*position: absolute;*/
    height: auto;
    left: 10px;
}

.cocchi_biz.cocchi_biz_top .box-left .bs11_txt-box {
    /*position: absolute;*/
    height: auto;
    top: 50px;
    right: 30px;
    text-align: right;
}
	
	
}


.cocchi_biz.cocchi_biz_top .textNo {
    margin-bottom: 5px;
	
    font-size: 80px;
    font-weight: 600;
    color: #446bb3;
	line-height: 1.2;
}
@media screen and (max-width: 896px) {
	
	.cocchi_biz.cocchi_biz_top .textNo {
		text-align: center;
}
}


.fadeIn4.run {
    opacity: 0;
    animation-name: fadeIn4;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-delay: 1s;
}

.fRed2.run {
    color: /*#e81d74*/ #000;
}

    .cocchi_biz.cocchi_biz_top .boxStyle11 .ttl {
        font-size: 28px;
        padding: 0;
        /* font-weight: 500; */
    }
@media screen and (max-width: 896px) {
    .cocchi_biz.cocchi_biz_top .boxStyle11 .ttl {
        font-size: 24px;
        padding: 0;
		text-align: center;

    }
}


@media screen and (max-width: 896px) {
    .cocchi_biz.cocchi_biz_top .boxStyle11 .txt {
        font-size: 12px;
        padding-top: 10px;
		text-align: left;
    }
}


.animation1,
.animation2,
.animation3{
clip-path: circle(0% at center);
	/*border: 5px solid #fff;
    border-radius: 50%;*/
	/*width: 90%;
	height: 90%;*/

}

.animation1.run{
	animation-name: animation01;
        animation-duration: 3s;
        animation-iteration-count: 1;
        animation-timing-function: ease;
        animation-fill-mode:forwards;
        /*animation-delay: 5s;*/
		/*top:calc(50% - 250px);
		left:calc(50% - 250px);*/
        top:0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
		/*transform: scale(0.8);*/
}
@keyframes animation01 {
  0% {
    clip-path: circle(0% at center);
	 /*transform: scale(0.8);*/
  }
  100% {
    clip-path: circle(50% at center);
	  /*transform: scale(1);*/
  }
}



/*========= 光りながら出現させるためのCSS ===============*/

.glowAnime span{opacity: 0;}

/*アニメーションで透過を0から1に変化させtext-shadowをつける*/
.glowAnime.glow span{ animation:glow_anime_on 1s ease-out forwards; }

@keyframes glow_anime_on{
  0% { opacity:0; text-shadow: 0 0 0 #fff,0 0 0 #fff;}
  50% { opacity:1;text-shadow: 0 0 10px #fff,0 0 20px #fff; }
  100% { opacity:1; text-shadow: 0 0 3px #fff,0 0 5px #fff; }
}


/*-----------------------------------------------
QandA
-----------------------------------------------*/

   .QandA .tabStyle04 .ts04-box {
	   background: #fff;
	   height: auto;
	   margin-top: 20px;
    }
	
	.QandA .tabStyle04 .ts04-ttl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: auto;
        height: auto;
        width: 100%;
        border-bottom: none;
        padding: 25px 47px 0 70px;
        cursor: pointer;
        -webkit-transition: all .2s;
        transition: all .2s;
        position: relative;
    }
@media only screen and (max-width: 896px) {
.QandA .tabStyle04 .ts04-ttl {
	padding: 10px 20px 10px 45px;
	margin: 0;
	
}
}

	
	    .tvA-inner{
			        padding: 25px 47px 0 70px;

        font-size: 18px;
    }
	
		.ts04-txt {
        font-size: 18px;
    }
	
	
	  .QandA .tabStyle04 .ts04-ttl.pcOn {
        border-bottom: none;
        background: #fff; 
        height: auto;
	}
	
	 .QandA .tabStyle04 .ts04-ttl:hover {
        background: none;
    }



    .QandA .icon-faq {
		color: #446bb3;
    }
   .QandA .icon-answer {
		color: #b91440;
    }

@media only screen and (min-width: 897px) {
	.QandA .icon-faq,
	.QandA .icon-answer {
        position: absolute;
		top: 8px;
        left: 24px;
		font-size: 2rem;
    }
}
@media only screen and (max-width: 896px) {
	.QandA .icon-faq,
	.QandA .icon-answer {
        position: absolute;
		top: 8px;
        left: 10px;
		font-size: 2rem;
    }
	
	.QandA .ts04-contents.tab-contents	{
		    padding: 10px 20px 10px 45px;
		position: relative;
	}
}



.QandA .tvA-inner{
	position: relative;
}
.QandA .slideToggleBtn.black:after, .slideToggleBtn.black:before {
    background: #446bb3;
}



/*======================================================
service
======================================================*/

.ancStyle02.service_anc{
	justify-content: center;
}

.ancStyle02.service_anc li {

	width: 340px;
	height: 340px;
	border-radius: 170px;
	margin: 0 30px;
	background: #446bb3;
		color: #fff;
}

@media only screen and (max-width: 896px) {
	.ancStyle02.service_anc li {
	width: 340px;
	height: 340px;
	border-radius: 170px;
	margin: 20px auto;
	background: #446bb3;
		color: #fff;
}
	
	
}


/*
.ancStyle02.service_anc li:hover {
	opacity: 0.5;
}
*/
.ancStyle02.service_anc li a {
		width: 100%;
	height: 100%;
	
	background: none;
color: #fff;
	padding: 0 0 20px;


}

.ancStyle02.service_anc li.comingSoon {
    /*pointer-events: none;*/
	background: #e3e9f4;

}

.ancStyle02.service_anc .comingSoon a {
    opacity: 0.3;

}

.ancStyle02.service_anc .comingSoon .comingSoon_txt{
position: absolute;
    position: absolute;
    top: 30%;
    right: 0;
    left: 0;
    font-size: 37px;
    font-weight: 700;
    color: #446bb3;
    line-height: 1.4;
}

.ancStyle02.service_anc li a:after {
    background-image: url(https://assets.jpn.pioneer/ja/assets/img/icon_arrow_w_down01.svg);
    bottom: 30px !important;
    left: 0;
    right: 0;
    top: auto;
	width: 24px;
    background-size: 24px;
    height: 24px;
}

.ancStyle02.service_anc li.comingSoon a:after {
    background-image: url(https://assets.jpn.pioneer/ja/assets/img/icon_arrow_down01.svg);
    bottom: 30px !important;
    left: 0;
    right: 0;
    top: auto;
	width: 24px;
    background-size: 24px;
    height: 24px;
}






.cocchi_biz_service .cardStyle01 .cs01-content .ttl {
    font-size: 22px;
    padding: 0 0 10px;
    font-weight: 500;
}
@media only screen and (max-width: 896px) {
.cocchi_biz_top .cardStyle01 .cs01-content .ttl {
	text-align: center;
}	
.cocchi_biz_service .cardStyle01 .cs01-content .ttl,
.cocchi_biz_subscribe .cardStyle01 .cs01-content .ttl,
.howToSubscribe .cardStyle01 .cs01-content .ttl{
	text-align: left;	
}
	
.cocchi_biz.cocchi_biz_schedule .cardStyle01 .cs01-content .ttl {
    font-size: 20px;
    padding: 0 0 0px;
    font-weight: 500;
}	
}


/*======================================================
trial
======================================================*/


/*navi(service)*/
.cocchi_biz_service .trial{
	background: #E3F7FF;
}
.cocchi_biz_service .support{
	background: #fff;
}

/*schedule*/
.cocchi_biz_schedule .trial{
	background: #E3F7FF;
}
.cocchi_biz_schedule .support{
	background: #fff;
}

/*zenrin*/
.cocchi_biz_zenrin .trial{
	background: #fff;
}
.cocchi_biz_zenrin .support{
	background: #E3F7FF;
}


@media screen and (min-width: 769px) {
  .mv-download-area {
    /*min-width: 1200px;*/
    background-color: /*#000*/#8ecef2;
    color: /*#fff*/#000;
    font-feature-settings: "palt";
	  border-radius: 30px;
  }
  .mv-download-area__inner {
    display: flex;
    align-items: center;
    gap: 20px;
    width: fit-content;
    margin-inline: auto;
    padding-block: 40px;
  }
  .mv-download-area__inner > div {
    order: 2;
  }
  .mv-download-area__inner > figure {
    order: 1;
  }
  .mv-download-area__title {
    width: fit-content;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.048em;
    line-height: 1;
  }
  .mv-download-area__list {
    display: flex;
    align-items: flex-end;
    margin-right: 8px;
    order: 3;
  }
  .mv-download-area__item a {
    transition: opacity 0.3s;
  }
  .mv-download-area__item a:hover {
    opacity: 0.7;
  }
  .mv-download-area__item--app {
    max-width: 124px;
  }
  .mv-download-area__item--google {
    max-width: 154px;
    margin-left: 10px;
  }
  .mv-download-area__item--qr {
    max-width: 154px;
    margin-left: 20px;
  }
  .mv-download-area__text {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5714285714;
    margin-top: 10px;
  }
.mv-download-area img{
	width: 100%;
	height: auto;
}
}

@media screen and (max-width: 768px) {
	
	 .mv-sp {
    width: 100vw;
    margin-inline: calc(50% - 50vw);
  }
  .mv-download-area {
    padding: 11.0533159948% 4.6814044213%;
    margin-top: -1px;
	      background-color: /*#000*/#8ecef2;
    color: /*#fff*/#000 !important;
    font-feature-settings: "palt";
	  border-radius: 25px;
  }
	
	.mv-download-area img {
    vertical-align: middle;
    width: 100%;
    height: auto;
}
  .mv-download-area__title {
    color: #000;
    font-size: clamp(22px, 5.86vw, 45px);
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.048em;
    text-align: center;
  }
  .mv-download-area__list {
    display: flex;
    justify-content: center;
    gap: 2.9895366218%;
    margin-top: 3.3500837521%;
  }
  .mv-download-area__item--app {
    width: 37.3534338358%;
  }
  .mv-download-area__item--google {
    width: 46.3986599665%;
  }	
	
	
	
}

@media screen and (min-width: 769px) {
  .spv {
    display: none !important;
  }
  .pcv {
    display: inline-block;
  }
}
@media screen and (max-width: 768px) {
  .pcv {
    display: none;
  }
  .spv {
    display: inline-block;
  }	
	
}

 .mv-download-area figure {
    margin: auto;
}




    .cocchi_biz .trial .unitStyle05.fourCol li.us05-box {
        margin: 0 20px 50px;
		border: solid 3px /*#5EB9EC*/#8ecef2;
		background: #8ecef2;
    }
    .cocchi_biz .trial .unitStyle05.fourCol .us05-box {
        width: 260px;
    }
	    .cocchi_biz .trial .cardStyle01 .cs01-content {
			        padding: 20px 20px;
	}
	
	    .cocchi_biz .trial .cardStyle01 .cs01-content .txt {
			padding-top: 0;
	}

@media screen and (max-width: 896px) {
	
	    .cocchi_biz .trial .unitStyle05.fourCol li.us05-box {
		 margin: 0 0 50px;	
	}
	    .cocchi_biz .trial .unitStyle05.fourCol .us05-box {
        width: 100%;
    }
}


@media screen and (min-width: 897px) {
	

.trial .arrow03{
    position: absolute;
    top: 50%;
    right: -40px;
    width: 40px;
    height: 60px;
    margin-top: -30px;
}
.trial .arrow04{
	display: none;
	}
}


@media screen and (max-width: 896px) {
.trial .arrow03{
	display: none;
	}
.trial .arrow04 {
    position: absolute;
    bottom: -50px;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 40px;
}
}

/*
.trial .mailAd {
    background: #f0f0f0;
    text-align: center;
    color: #b91440;
    padding: 50px 0;
}*/

@media only screen and (min-width: 897px) {
.cocchi_biz_service .mailAd{
	background: #f0f0f0/*#E3F7FF*/;
	text-align: center;
	color: #b91440;
	padding: 50px 0;
}
}
@media only screen and (max-width: 896px) {
.cocchi_biz_service .mailAd{
	background: #fff;
	/*text-align: center;*/
	color: #b91440;
	padding:25px 20px;
}
}

/*======================================================
subscribe
======================================================*/

table.price{
	width: 800px;
	margin: auto;
	margin-bottom: 30px;
	
}
@media only screen and (max-width: 896px) {
table.price{
	width: 100%;
}
}
table.price tr{
	border-bottom: solid 1px #000;
}

table.price tr:last-child{
	border-bottom: none;
}

table.price th.plan{
vertical-align: middle;
	line-height: 1.2;
	padding: 10px 3px;
	font-size: 20px;
}
@media only screen and (max-width: 896px) {
table.price th.plan{
	line-height: 1.3;
	padding: 10px 3px;
	font-size: 12px;
	font-weight: bold !important;
}		
}
/*
table.price th.planTxt{
vertical-align: middle;
	line-height: 1.2;
	padding: 10px 3px;
	font-size: 14px;
}
@media only screen and (max-width: 896px) {
table.price th.planTxt{
	line-height: 1.2;
	padding: 10px 3px;
	font-size: 10px;
	font-weight: normal !important;
}	
}
*/

table.price td{
vertical-align: bottom;
	line-height: 1.0;
	padding: 10px 3px;
	font-size: 16px;
}
@media only screen and (max-width: 896px) {
table.price td{
vertical-align: middle;
	line-height: 1.0;
	padding: 10px 3px;
	font-size: 12px;
}	
	
}
/*
@media only screen and (max-width: 896px) {
	table.price th{
		font-size: 20px;
}	
}*/
table.price th,
table.price td{
	font-weight: 600;

}
@media only screen and (max-width: 896px) {
table.price th,
table.price td{
	letter-spacing: -0.04em;

}
}
table.price .value{
	text-align: right;
	color: #b91440;
	font-size: 46px;
	font-weight: 800;
}
@media only screen and (max-width: 896px) {
	table.price .value{
		font-size: 24px;
	}
}

@media only screen and (min-width: 897px) {
.flow-box1{
	background: #fff;
	padding: 50px 150px 50px;
	margin: 0 30px 0;
}
}	
	
@media only screen and (min-width: 897px) {
.oshirase01 .flow-box1{
	background: #fff;
	padding: 50px 190px 50px;
	margin: 0 30px 0;
}
}
@media only screen and (max-width: 896px) {
.cocchi_biz_service .flow-box1{
	background: none;
	/*padding: 0px 0px 50px;*/
	/*margin: 0 0px 100px;*/
}
.cocchi_biz_subscribe .flow-box1{
	background: #fff;
	padding: 20px 20px;
	margin: 0 0px 40px;
}
}

@media only screen and (min-width: 897px) {
.flow-box2{
	position: relative;
	background: #fff;
	padding: 40px 180px 50px;
	margin: 0 30px 100px;
}

.flow-box2 .step {
	position: absolute;
	width: 130px;
	height: 130px;
	font-size: 30px;
	background: #446bb3;
	color: #fff;
	top:0;
	left: 0;
	text-align: center;
	padding-top: 30px;
}


.flow-box2 .arrow02{
	position: absolute;
	bottom: -90px;
	left: 50%;
	margin-left: -40px;
	width: 80px;
	height: 80px;
}

}


@media only screen and (max-width: 896px) {
.flow-box2{
	/*position: relative;*/
	background: #fff;
	padding: 20px;
	margin: 0 0 60px;
}

.flow-box2 .step {
	/*position: absolute;*/
	width: 100%;
	height: auto;
	font-size: 25px;
	background: #446bb3;
	color: #fff;
	text-align: center;
	padding: 5px 0;
}
	
.flow-box2 h3 {
	font-size: 25px;
	margin: 10px 0;
	text-align: center;	
}

.flow-box2 .arrow02{
	position: absolute;
	bottom: -50px;
	left: 50%;
	margin-left: -20px;
	width: 40px;
	height: 40px;
}
}



@media only screen and (min-width: 897px) {
.cocchi_biz_subscribe .mailAd{
	background: #f0f0f0;
	text-align: center;
	color: #b91440;
	padding: 50px 0;
}
}
@media only screen and (max-width: 896px) {
.cocchi_biz_subscribe .mailAd{
	background: #f0f0f0;
	/*text-align: center;*/
	color: #b91440;
	padding:25px 20px;
}
}


.flexP2.file-dl{
	align-items: center;
}


/*----------------------------------------
SP
----------------------------------------*/
/*MV*/
@media screen and (max-width: 896px) {
    #container .cocchi_biz_top .mv-txtBox, #container .cocchi_biz_top .blur{
        height: 520px;
		/*background: #8fcef2;*/
    }	
	#container .cocchi_biz_service .mv-txtBox, #container .cocchi_biz_service .blur{
        height: 480px;
		/*background: #8fcef2;*/
    }
    #container .cocchi_biz_subscribe .mv-txtBox, #container .cocchi_biz_subscribe .blur {
        height: /*300*/400px;
		/*background: #8fcef2;*/
		
    }
    #container .cocchi_biz_cartoon .mv-txtBox, #container .cocchi_biz_cartoon .blur {
        height: 350px;
		/*background: #8fcef2;*/
		
    }		
	
	
	
	.cocchi_biz_top .mv-txtBox {
        background: url(/ja/cocchi_biz/img/mv_sp_bg.png) no-repeat top #8fcef2;
        background-size: 100%;
    }
	.cocchi_biz_service .mv-txtBox {
        background: url(/ja/cocchi_biz/img/service/mv_sp_bg.png) no-repeat top #8fcef2;
        background-size: 100%;
    }	
	.cocchi_biz_subscribe .mv-txtBox {
        background: url(/ja/cocchi_biz/subscribe/img/mv_sp_bg.png) no-repeat top #8fcef2;
        background-size: 100%;
    }
	
	.cocchi_biz_cartoon .mv-txtBox {
        background: url(/ja/cocchi_biz/service/img/mv_sp_bg.png) no-repeat top #8fcef2;
        background-size: 100%;
    }
	
	.cocchi_biz_service .mv-txtBox h1 span,
	.cocchi_biz_subscribe .mv-txtBox h1 span{
		height: 1.2em;
		display: block;
	}	
	
	.cocchi_biz_service .mv-txtBox h1,
	.cocchi_biz_subscribe .mv-txtBox h1{
		height: auto;
		font-size: 32px;
		margin-top: 10px;
		text-align: center;
	}	
	
	
	


    .cocchi_biz .cardStyle01:not(:last-child) {
        margin-bottom: 50px;
    }
	
	
    .cocchi_biz_top .section3 .cardStyle01,
	.cocchi_biz_top .section5 .cardStyle01{
	        padding-top: 90px;
        margin-top: 150px;
	}
    .cocchi_biz .cardStyle01 .cs01-content {
        margin: 0 !important;
        width: 100%;
        padding: 30px 20px;

    }
	
    .cocchi_biz.cocchi_biz_schedule .cardStyle01 .cs01-content {
        margin: 0 !important;
        width: 100%;
        padding: 15px 20px;

    }
	
	

	
	
}/*media screen and (max-width: 896x)*/



/*----------------------------------------------
caseStudy-area
----------------------------------------------*/
@media screen and (min-width: 897px) {
	.stroke {
  /*background: #f0f0f0;*/
  max-width: 550px;
  /*height: 250px;*/
  position: relative;
	padding: 30px 0;
	margin: auto;
}
}
@media screen and (max-width: 896px) {
	.stroke {
  /*background: #f0f0f0;*/
  max-width: 70%;
  /*height: 250px;*/
  position: relative;
	padding: 20px 0;
	margin: auto;
}	
}
 
.stroke .flexWrap{
	    flex-wrap: wrap;
        justify-content: center;
        align-items: center;
}
@media screen and (min-width: 897px) {
    .stroke .flexP2 > * {
        width: auto;
    }
	
	.stroke .flexP2 div:first-child{
		width: 60%;
	}
	.stroke .flexP2 div:last-child{
		width: 40%;
	}
}

.stroke .border {
  content: "";
  position: absolute;
  opacity: 0;
}
.stroke .border.top,
.stroke .border.bottom {
  width: calc(100% - 20px);
}
.stroke .border.top {
  border-top: 2px solid #446bb3;
  right: 0;
  top: 0;
}
.stroke .border.bottom {
  border-bottom: 2px solid #446bb3;
  left: 0;
  bottom: 0;
}
 
.stroke .border.right,
.stroke .border.left {
  height: calc(100% - 20px);
}
.stroke .border.right {
  border-right: 2px solid #446bb3;
  right: 0;
  top: 0;
}
.stroke .border.left {
  border-left: 2px solid #446bb3;
  left: 0;
  bottom: 0;
}
 
.stroke.run .border {
  opacity: 1;
}
 
.stroke.run .border.top,
.stroke.run .border.bottom {
  animation: stroke-width 1.8s cubic-bezier(0.22, 1, 0.36, 1);
	/*animation-delay: 1s;*/
}
.stroke.run .border.right,
.stroke.run .border.left {
  animation: stroke-height 1.8s cubic-bezier(0.22, 1, 0.36, 1);

}
}
 
@keyframes stroke-width {
  0% {
    width: 0;
    opacity: 1;
  }
  100% {
    width: calc(100% - 20px);
    opacity: 1;
  }
}
 
@keyframes stroke-height {
  0% {
    height: 0;
    opacity: 1;
  }
  100% {
    height: calc(100% - 20px);
    opacity: 1;
  }
}

.fadeIn5.run{
	opacity: 0;
	animation-name: fadeIn5;
        animation-duration: 0.8s;
        animation-iteration-count: 1;
        animation-timing-function: ease;
        animation-fill-mode:forwards;
	animation-delay: 0.5s;
}

@keyframes fadeIn5 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}



.line {
  display: block;
  position: relative;
}
.line::after {
  /*background: linear-gradient(to right, #362ae0 0%,#3b79cc 50%,#42d3ed 100%);*/
  background: linear-gradient(to right, #cfad45 0%,#d8c487 50%,#efebe0 100%);
  content: '';
  display: block;
  height: 2px;
  width: 0;
  transform: translateX(-50%);
  transition: 0.7s cubic-bezier(0.22, 1, 0.36, 1);
  position: absolute;
  bottom: 0;
  left: 50%;
}
.line.run::after {
  width: 100%;
}



/*-------------------------------------------
 toppage News  PC
-------------------------------------------*/
/*
@media screen and (min-width: 1025px) {
#container .mainVisual .topixBox {	
    background: #fff;
    padding: 15px 20px 20px 30px;
    margin-top: 30px;
    border-radius: 60px;
    box-sizing: border-box;	
	}
}

@media screen and (min-width:896px) and (max-width:1024px){
	#container .mainVisual .topixBox {	
    background: #fff;
    padding: 10px 20px 15px 30px;
    margin-top: 20px;
    border-radius: 60px;
    box-sizing: border-box;		
	}
}
*/
@media screen and (min-width: 897px) {
#container .mainVisual .topixBox {	
    /*background: #fff;
    padding: 7px 25px 30px 25px;
    margin-top: 20px;
    border-radius: 60px;
    box-sizing: border-box;
	position: relative;*/
	}
/*
#container .mainVisual .topixBox:after {
        content: "PICK UP";
        font-weight: 500;
        position: absolute;
        left: 34px;
        top: -14px;
        font-size: 18px;
        color: #FFF;
        line-height: 1.0;
        background: #000;
        padding: 4px 10px;
        border-radius: 15px;
	}*/
}


@media screen and (min-width: 897px) {
#container .mainVisual .topixBox a {
    display: inline-flex;
	margin-top: 20px;
	position: relative;
	padding: 10px 65px 10px 25px;
	line-height:1.3;
	color: #000;
	background: #fff;
	border-radius: 50px;
	 border: #446bb3 solid 3px;
	gap:15px;
	align-items: center;
}
	
#container .mainVisual .topixBox a:hover {
	color: #b91440;
}
	
	
#container .mainVisual .topixBox a:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 15px;
         transition: top .2s; 
        width: 48px;
        height: 26px;
        background: url(../img/Check2.svg) no-repeat;
        background-size: 48px;
        margin-top: -12px;
    }

#container .mainVisual .topixBox a:hover:after {
	background: url(../img/Check2.svg) no-repeat;
	top: 58%;
    }
	
	
	
.check-img{
	position: absolute;
	width: 46px !important;
	left: 50%;
	bottom: 2px;
	margin-left: -23px;
}
	
a:hover .check-img {
	opacity: 0.6;
	}
	
/*
#container .mainVisual .topixBox a.arrow:after {
	content: "";
	    position: absolute;
    top: 10px;
        right: 12px;
        transition: right .2s;
        width: 9px;
        height: 13px;
        background: url(../img/icon_arrow01_bl.svg) no-repeat;
        background-size: 9px;
    }	
#container .mainVisual .topixBox a.arrow:hover:after {
	background: url(https://assets.jpn.pioneer/ja/assets/img/icon_arrow01_r.svg) no-repeat;
	right: 0px;
    }
	
#container .mainVisual .topixBox a.window:after {
	content: "";
	    position: absolute;
    top: 10px;
        right: 8px;
        transition: right .2s;
        width: 15px;
        height: 13px;
        background: url(../img/icon_window_bl.svg) no-repeat;
        background-size: 15px;
    }	
#container .mainVisual .topixBox a.window:hover:after {
	background: url(https://assets.jpn.pioneer/ja/assets/img/icon_window_r.svg) no-repeat;
    }
*/	
/*	
#container .mainVisual .topixBox a.anc:after {
	content: "";
	    position: absolute;
    top: 10px;
        right: 8px;
        transition: right .2s;
        width: 14px;
        height: 12px;
        background: url(../img/icon_arrow_bl_down01.svg) no-repeat;
        background-size: 14px;
    }	
#container .mainVisual .topixBox a.anc:hover:after {
	background: url(https://assets.jpn.pioneer/ja/assets/img/icon_arrow_r_down01.svg) no-repeat;
    }
*/
	
	
#container .mainVisual .topixBox .date{
		/*width: 100px;*/
	font-weight: bold;
}	
	
	#container .mainVisual .topixBox .news{
		color: #446bb3; 
		text-align: center;
		font-size: 20px;
		font-weight: 900;
		line-height: 1.0;
	}
	
	

.slideIn01{
	opacity: 0;
		animation-name: slideIn01;
        animation-duration: 0.5s;
        animation-iteration-count: 1;
        animation-timing-function: ease;
        animation-fill-mode:forwards;
		animation-delay: 1s;
}

@keyframes slideIn01 {
  0% {
    opacity: 0;
	  transform: translateX(-50px) ;
	  
  }
  100% {
    opacity: 1;
	  transform: translateX(0) ;
  }
}	

}




/*-------------------------------------------
 toppage News  SP
-------------------------------------------*/

@media screen and (max-width: 896px) {
	
#container .mainVisual .topixBox a {
    display: inline-flex;
	margin-top: 30px;
	position: relative;
	padding: 10px 65px 10px 25px;
	line-height:1.3;
	color: #000;
	background: #fff;
	border-radius: 50px;
	 border: #446bb3 solid 3px;
	gap:15px;
	align-items: center;
}
	

	
	
#container .mainVisual .topixBox a:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 15px;
         transition: top .2s; 
        width: 48px;
        height: 26px;
        background: url(../img/Check2.svg) no-repeat;
        background-size: 48px;
        margin-top: -12px;
    }



	
	
.check-img{
	position: absolute;
	width: 40px !important;
	left: 50%;
	bottom: 1px;
	margin-left: -20px;
}
	

	
	
	
/*
#container .mainVisual .topixBox {	
    background: #fff;
    padding: 10px 20px 10px 30px;
    margin-top: 30px;
    border-radius: 60px;
    box-sizing: border-box;
	position: relative;
	}
#container .mainVisual .topixBox:after {
	content: "News";
        font-weight: 900;
        position: absolute;
        left: 41%;
        top: -14px;
        font-size: 22px;
        color: #446bb3;
        line-height: 1.0;
	}

#container .mainVisual .topixBox a {
    display: inline-flex;
	margin-top: 8px;
	position: relative;
	padding-right: 30px;
	line-height:1.3;
	color: #000;
}

#container .mainVisual .topixBox a.arrow:after {
	content: "";
	    position: absolute;
    top: 10px;
        right: 12px;
        transition: right .2s;
        width: 9px;
        height: 13px;
        background: url(../img/icon_arrow01_bl.svg) no-repeat;
        background-size: 9px;
    }	

	
#container .mainVisual .topixBox a.window:after {
	content: "";
	    position: absolute;
    top: 8px;
        right: 8px;
        transition: right .2s;
        width: 15px;
        height: 13px;
        background: url(../img/icon_window_bl.svg) no-repeat;
        background-size: 15px;
    }	

	
#container .mainVisual .topixBox a.anc:after {
	content: "";
	    position: absolute;
    top: 8px;
        right: 8px;
        transition: right .2s;
        width: 14px;
        height: 12px;
        background: url(../img/icon_arrow_bl_down01.svg) no-repeat;
        background-size: 14px;
    }
*/
	
	
	
	
	
	
#container .mainVisual .topixBox .date{
		/*width: 120px;*/
	font-weight: bold;
}	
	
	
	#container .mainVisual .topixBox .news{
		color: #446bb3; 
		text-align: center;
		font-size: 20px;
		font-weight: 900;
		line-height: 1.0;
	}
	
	

.slideIn01{
	opacity: 0;
		animation-name: slideIn01;
        animation-duration: 0.5s;
        animation-iteration-count: 1;
        animation-timing-function: ease;
        animation-fill-mode:forwards;
		animation-delay: 1s;
}

@keyframes slideIn01 {
  0% {
    opacity: 0;
	  transform: translateY(20px) ;
	  
  }
  100% {
    opacity: 1;
	  transform: translateY(0) ;
  }
}	
	
	
}/*max-width: 896p*/



.check-img{
	/*position: absolute;
	width: 60px !important;
	left: 50%;
	bottom: 2px;
	margin-left: -30px;*/
	
		/*animation-name: check-img;
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
        animation-timing-function: ease;
		animation-delay: 1s;*/

}
/*
@keyframes check-img {
  0% {
	  transform: translateY(0px) ;
	  
  }
  50% {
	  transform: translateY(8px) ;
  }
  100% {
	  transform: translateY(0px) ;
	  
  }	
}
*/

/*
.check{
	width:120px;
	margin: auto;


}
.check img{width:100%; }
*/

/*
@media screen and (min-width: 897px) {
	.movie_banner-area{
		height: 250px;
	}
}*/


@media screen and (min-width: 897px) {
    .movie_banner-area .flexP2_2 {
		flex-direction: row-reverse;
		/*align-items: baseline;*/
		align-items: center;
    }
	
	.movie_banner-area .mBox1of3{
		padding: 5px 10px 10px;
		background: #446bb3/*#186078*/;
		border-radius: 12px;
		width: 100%;
		/*top: -70px;
		left: -30px;*/
	}
	
}


@media screen and (max-width: 886px) {
	
	.movie_banner-area .mBox1of3{
		padding: 5px 10px 10px;
		background: #446bb3/*#186078*/;
		border-radius: 12px;


	}
	
}

.drop-shadow{
    filter:drop-shadow(4px 4px 4px #6e6e6e);
}



@media screen and (min-width: 897px) {
    .flexP2_2 > * {
        width: 30%;
    }
}
@media screen and (min-width: 897px) {
    .flexP2_2 .flexP2_2_2 {
        width: 70%;
    }
}



/*--------------------------------------------------------------
コンバージョンボタン用
-------------------------------------------------------------*/
.fixBtnArea {
    /*z-index: 99999;*/
    opacity: 0;
    transition: all .5s;
    visibility: hidden;
		
	bottom: 90px;
}

@media screen and (max-width: 896px) {
    .fixBtnArea {
        right: 10px;
        bottom: 90px;
    }
}

.fixBtnArea.fixBtnFade {
    opacity: 1;
    visibility: visible;
    transition: all .5s
}

.i_cvContact.download:after {
    background-image: url(/ja/mobility-one/cocchi_biz/img/fix_btn_download.svg);
}
.i_cvContact:after {
    background-image: url(/ja/mobility-one/cocchi_biz/img/fix_btn_contact.svg);
}

@media screen and (min-width: 897px) {
	.i_cvContact:after
	{
        width: 96px;
        height: 96px;
        background-size: 96px;
    }
}










/*-----------------------------------------------
.cocchi_biz_schedule section2
-----------------------------------------------*/

    .cocchi_biz_schedule .box-inner {
        width: 1100px;
        height: auto;
        margin: auto;
        overflow: hidden;
    }

@media screen and (max-width: 896px) {
    .cocchi_biz_schedule .box-inner {
        width: 100%;
    }
}


    .cocchi_biz_schedule .boxStyle11 {
        /* max-width: 50%; */
        margin: 0 auto;
        height: 500px;
        float: left;
    }

@media screen and (max-width: 896px) {
    .cocchi_biz_schedule .boxStyle11 {
        width: 100%;
        height: 100%;
    }
}
@media screen and (min-width: 897px) {
.cocchi_biz_schedule .w_A {
        width: 550px;
    }
.cocchi_biz_schedule .w_B {
        width: 550px;
    }
}

    .cocchi_biz_schedule .section2 .imgBox {
        position: relative;
        width: 500px;
        height: 375px;
        text-align: center;
    }
@media screen and (max-width: 896px) {
    .cocchi_biz_schedule .section2 .imgBox {
        position: relative;
        width: 100%;
        height: auto;
        text-align: center;
    }
}

.cocchi_biz_schedule .boxStyle11 .imgBox img {
    width: 100%;
    height: 100%;
}
@media screen and (min-width: 897px) {
.cocchi_biz_schedule .box-right .bs11_txt-box {
    position: absolute;
    height: auto;
    /*top: 50px;*/
    left: 10px;
}

.cocchi_biz_schedule .box-left .bs11_txt-box {
    position: absolute;
    /* width: 50%; */
    height: auto;
    top: 50px;
    right: 30px;
    text-align: right;
}
}

@media screen and (max-width: 896px) {
	.cocchi_biz_schedule .box-right .bs11_txt-box {
    /*position: absolute;*/
    height: auto;
    left: 10px;
}

.cocchi_biz_schedule .box-left .bs11_txt-box {
    /*position: absolute;*/
    height: auto;
    top: 50px;
    right: 30px;
    text-align: right;
}
	
	
}


.cocchi_biz_schedule .textNo {
    margin-bottom: 5px;
	
    font-size: 80px;
    font-weight: 600;
    color: #446bb3;
	line-height: 1.2;
}
@media screen and (max-width: 896px) {
	
	.cocchi_biz_schedule .textNo {
		text-align: center;
}
}




    .cocchi_biz_schedule .boxStyle11 .ttl {
        font-size: 28px;
        padding: 0;
        /* font-weight: 500; */
    }
@media screen and (max-width: 896px) {
    .cocchi_biz_schedule .boxStyle11 .ttl {
        font-size: 24px;
        padding: 0;
		text-align: center;

    }
}


@media screen and (max-width: 896px) {
    .cocchi_biz_schedule .boxStyle11 .txt {
        font-size: 12px;
        padding-top: 10px;
		text-align: left;
    }
}


.cocchi_biz_schedule .animation1{
clip-path: inset(100% 100% round 30px 30px 30px 30px);
	/*border: 5px solid #fff;
    border-radius: 50%;*/
	/*width: 90%;
	height: 90%;*/

}

.cocchi_biz_schedule .animation1.run{
	animation-name: schedule-animation01;
        animation-duration: 3s;
        animation-iteration-count: 1;
        animation-timing-function: ease;
        animation-fill-mode:forwards;
        /*animation-delay: 5s;*/
		/*top:calc(50% - 250px);
		left:calc(50% - 250px);*/
        top:0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
		/*transform: scale(0.8);*/
}
@keyframes schedule-animation01 {
  0% {
    clip-path: inset(100% 100% round 30px 30px 30px 30px);
	 /*transform: scale(0.8);*/
  }
  100% {
    clip-path: inset(0% 0% round 30px 30px 30px 30px);
	  /*transform: scale(1);*/
  }
}





/*-----------------------------------------------
.cocchi_biz_zenrin section2
-----------------------------------------------*/

    .cocchi_biz_zenrin .box-inner {
        width: 1000px;
        height: auto;
        margin: auto;
        overflow: hidden;
    }

@media screen and (max-width: 896px) {
    .cocchi_biz_zenrin .box-inner {
        width: 100%;
    }
}


    .cocchi_biz_zenrin .boxStyle11 {
        /* max-width: 50%; */
        margin: 0 auto;
        height: 450px;
        float: left;
    }

@media screen and (max-width: 896px) {
    .cocchi_biz_zenrin .boxStyle11 {
        width: 100%;
        height: 100%;
    }
}
@media screen and (min-width: 897px) {
.cocchi_biz_zenrin .w_A {
        width: 450px;
    }
.cocchi_biz_zenrin .w_B {
        width: 550px;
    }
}

    .cocchi_biz_zenrin .section2 .imgBox {
        position: relative;
        width: 400px;
        height: 400px;
        text-align: center;
    }
@media screen and (max-width: 896px) {
    .cocchi_biz_zenrin .section2 .imgBox {
        position: relative;
        width: 100%;
        height: auto;
        text-align: center;
    }
}

.cocchi_biz_zenrin .boxStyle11 .imgBox img {
    width: 100%;
    height: 100%;
}
@media screen and (min-width: 897px) {
.cocchi_biz_zenrin .box-right .bs11_txt-box {
    position: absolute;
    height: auto;
    top: 80px;
    left: 10px;
}

.cocchi_biz_zenrin .box-left .bs11_txt-box {
    position: absolute;
    /* width: 50%; */
    height: auto;
    top: 80px;
    right: 30px;
    text-align: right;
}
}

@media screen and (max-width: 896px) {
	.cocchi_biz_zenrin .box-right .bs11_txt-box {
    /*position: absolute;*/
    height: auto;
    left: 10px;
}

.cocchi_biz_zenrin .box-left .bs11_txt-box {
    /*position: absolute;*/
    height: auto;
    top: 50px;
    right: 30px;
    text-align: right;
}
	
	
}


.cocchi_biz_zenrin .textNo {
    margin-bottom: 5px;
	
    font-size: 80px;
    font-weight: 600;
    color: #446bb3;
	line-height: 1.2;
}
@media screen and (max-width: 896px) {
	
	.cocchi_biz_zenrin .textNo {
		text-align: center;
}
}




    .cocchi_biz_zenrin .boxStyle11 .ttl {
        font-size: 28px;
        padding: 0;
        /* font-weight: 500; */
    }
@media screen and (max-width: 896px) {
    .cocchi_biz_zenrin .boxStyle11 .ttl {
        font-size: 24px;
        padding: 0;
		text-align: center;

    }
}


@media screen and (max-width: 896px) {
    .cocchi_biz_zenrin .boxStyle11 .txt {
        font-size: 12px;
        padding-top: 10px;
		text-align: left;
    }
}


.cocchi_biz_zenrin .animation1{
clip-path: inset(100% 100% round 50px 50px 50px 50px);
	/*border: 5px solid #fff;
    border-radius: 50%;*/
	/*width: 90%;
	height: 90%;*/

}

.cocchi_biz_zenrin .animation1.run{
	animation-name: zenrin-animation01;
        animation-duration: 3s;
        animation-iteration-count: 1;
        animation-timing-function: ease;
        animation-fill-mode:forwards;
        /*animation-delay: 5s;*/
		/*top:calc(50% - 250px);
		left:calc(50% - 250px);*/
        top:0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
		/*transform: scale(0.8);*/
}
@keyframes zenrin-animation01 {
  0% {
    clip-path: inset(100% 100% round 50px 50px 50px 50px);
	 /*transform: scale(0.8);*/
  }
  100% {
    clip-path: inset(0% 0% round 50px 50px 50px 50px);
	  /*transform: scale(1);*/
  }
}


/*--------------------------------------------------------------
トップページ：ナビゲーション機能xスケジュール機能+ゼンリン住宅地図機能
-------------------------------------------------------------*/
/*aboutFeature*/
@media screen and (min-width: 897px) {
    .flexP3.aboutFeature .textArea{
        width: 30%;
    }
    .flexP3.aboutFeature .imgArea{
        width: 40%;
    }
	
	.cocchi_biz_top .plus{width: 80px;}
	
 .flexP2.aboutFeature {
    width: 1000px;
    justify-content: center;
    margin: auto;
}	
	
}



/*aboutFeatureSP*/
@media screen and (max-width: 896px) {
	.flex2.aboutFeatureSP{
		gap: 10%;
	}
	
	.flex2.aboutFeatureSP > * {
    width: 45%;
	}
	
	.cocchi_biz_top .plus{width: 20%;}
	
	.flex2.aboutFeature{
		gap: 10%;
		align-items: center;
	}
	
	.flex2.aboutFeature > * {
    width: 45%;
	}	
	
	
}


/*--------------------------------------------------------------
料金プラン
-------------------------------------------------------------*/

.fw900{font-weight: 900 !important;}

.bdB_white {
  border-bottom: solid #fffc 1px;
}

/*
  .price02__content {
    padding-block: 46px 120px;
  }*/
  .price02__text {
    font-size: 16px;
    line-height: 1.875;
    font-weight: 500;
    text-align: center;
  }
  .price02__table {
    width: 100%;
    border-collapse: collapse;
    /*margin-top: 120px;*/
    position: relative;
  }
  .price02__table::before {
    content: "";
    display: block;
    width: /*170*/400px;/*20240507*/
    height: /*48*/60px;/*20240507*/
    /*background: url("/ja/cocchi/assets/img/sec03/sec03_table_txt2.png") no-repeat center center/contain;*/
    position: absolute;
    right: /*5.8*/7%;
    top: -63px;
  }
  .price02__table th,
  .price02__table td {
    padding-block: 15px;
  }
  .price02__table td img {
    width: 21px;
    margin-inline: auto;
  }
  /*.price02__table tr:nth-child(even) th,
  .price02__table tr:nth-child(even) td*/
  .price02__table tr:nth-child(even):not(:first-child):not(:nth-child(2)) th,
  .price02__table tr:nth-child(even):not(:first-child):not(:nth-child(2)) td{
    background-color: /*#e0e0e0*/#E3F7FF;
  }
  .price02__table tr:first-child th {
    font-size: /*31*/22px;/*20240507*/
    font-weight: 700;
    /*letter-spacing: 0.06em;*//*20240507*/
    /*padding-block: 0 20px;*/
	  line-height: 1.5;
	  background: #446bb3;
	  color: #fff;
	  padding: 15px 0 0 0;
  }
  .price02__table tr:nth-child(2) th {
    font-size: /*31*/14px;
    font-weight: 400;
    /*letter-spacing: 0.06em;*//*20240507*/
    /*padding-block: 0 20px;*/
	  line-height: 1.4;
	  background: #446bb3;
	  color: #fff;
	  padding: 10px 10px 15px;
  }


.price02__table tr:first-child th:first-child,
.price02__table tr:nth-child(2) th:first-child{
    line-height: 1.5;
    background: #fff;

}

  .price02__table tr:first-child th span {/*20240507*/
    font-size: 16px;/*20240507*/
	display: inline-block;
	  line-height: 1.5;
  }	
  .price02__table tr:first-child th span.new {/*20240507*/
    font-size: 18px;
	display: inline-block;
	  line-height: 1.5;
	  color: red;
	  font-weight: bold;
    font-style: oblique;
    font-family: "Times New Roman";
	      padding-left: 3px;
	background: linear-gradient(transparent 70%, #ffff01 0%);
    display: inline;
	}

	
	
  /*.price02__table tr:first-child th:last-child {
    /*border-top: 7px solid #a31440;
    /*border-left:  7px solid #a31440;*//*20240507*/
    /*border-right: 7px solid #a31440;
  }20241209*/
  /*.price02__table tr:first-child th:nth-last-child(2) {/*20240507*/
    /*border-top: 7px solid #a31440;
    border-left: 7px solid #a31440; 
  }20241209*/
  .price02__table tr:not(:first-child):not(:nth-child(2)) th,
  .price02__table tr:not(:first-child):not(:nth-child(2)) td {
    padding-block: 15px;
  }
  .price02__table tr:not(:first-child):not(:nth-child(2)) th {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
    border-right: 1px solid #446bb3;
	color: #446bb3
  }
  .price02__table tr:not(:first-child):not(:nth-child(2)) td {
    font-size: 21px;
    line-height: 1.2380952381;
    font-weight: 700;
    text-align: center;
  }
  /*.price02__table tr:last-child td:last-child {
    border-bottom: 7px solid #a31440;
  }
  .price02__table tr:last-child td:nth-last-child(2) {
    border-bottom: 7px solid #a31440;
  }*/
  .price02__table tr th:first-child {
    width: /*44*/19%;/*20240507*/
  }
  .price02__table tr th:not(:first-child):not(:nth-child(2)),
  .price02__table tr td {
    width: /*28*/27%;/*20240507*/
  }
  /*.price02__table tr td:last-child {
    border-right: 7px solid #a31440;
  }
  .price02__table tr td:nth-last-child(2) {
    border-left: 7px solid #a31440;
  }*/

  .price02__table-anotation {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.875;
    letter-spacing: 0.036em;
    margin-top: 25px;
  }
  .price02__table-anotation2 {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.875;
    letter-spacing: 0.036em;
    /*margin-top: 50px;*/
	  text-indent: -1.8em;
	  padding-left: 1.6em;
	  text-align: left;
  }
	.price02__table-sup {
    display: inline-block;
    margin-top: -3px;
    font-size: 0.6em;
    vertical-align: text-top;
  }



@media screen and (max-width: 768px) {
  .inner {
    padding-inline: 6.5019505852%;
  }

  .price02__content .inner {
    padding-inline: 0;
  }
	
	

  .price02__text {
    font-size: clamp(16px, 4.29vw, 33px);
    line-height: 1.5151515152;
    font-weight: 500;
    margin-top: 12.4065769806%;
    font-feature-settings: "palt";
  }
  .price02__table {
    width: 100%;
    border-collapse: collapse;
    /*margin-top: 23.9162929746%;*/
    position: relative;
  }
  .price02__table::before {
    content: "";
    display: block;
    width: 48vw;
    height: 10vw;
    /*background: url("/ja/cocchi/assets/img/sec03/sec03_table_txt2.png") no-repeat center center/contain;*/
    position: absolute;
    right: 0px;
    top: -11.5vw;
  }
  .price02__table th,
  .price02__table td {
    padding-block: 3.2552083333vw;
    font-feature-settings: "palt";
  }
  .price02__table td img {
    width: 3.515625vw;
    margin-inline: auto;
  }
  .price02__table tr:nth-child(even):not(:first-child):not(:nth-child(2)) th,
  .price02__table tr:nth-child(even):not(:first-child):not(:nth-child(2)) td{
    background-color: /*#e0e0e0*/#E3F7FF;
  }
  .price02__table tr:first-child th {
    font-size: 13px;
    font-weight: 900;
    /*padding-block: 0 1.3020833333vw;*/
	padding: 10ps 0;
	  line-height: 1.4;
  }
	
  .price02__table tr:nth-child(2) th {
    font-size: /*31*/10px;
    font-weight: 400;
    /*letter-spacing: 0.06em;*//*20240507*/
    /*padding-block: 0 20px;*/
	  line-height: 1.3;
	  background: #446bb3;
	  color: #fff;
	  padding: 10px 10px;
  }	
	
  .price02__table tr:first-child th span {/*20240507*/
font-size: 12px;
    display: inline-block;
    line-height: 1.4;
    text-align: left;
    padding: 5px;
	font-weight: normal;  
  }	

  .price02__table tr:first-child th span.new {/*20240507*/
    font-size: 10px;
	display: inline-block;
	  line-height: 1.5;
	  color: red;
	  font-weight: bold;
    font-style: oblique;
    font-family: "Times New Roman";
	      padding: 3px;
	background: linear-gradient(transparent 70%, #ffff01 0%);
    display: inline;
  }
	/*
  .price02__table tr:first-child th:last-child {
    border-top: 1.3020833333vw solid #a31440;
    border-right: 1.3020833333vw solid #a31440;
  }
  .price02__table tr:first-child th:nth-last-child(2) {
    border-top: 1.3020833333vw solid #a31440;
    border-left: 1.3020833333vw solid #a31440;
  }	*/
  .price02__table tr:not(:first-child):not(:nth-child(2)) th,
  .price02__table tr:not(:first-child):not(:nth-child(2)) td {
    padding-block: 3.2552083333vw;
  }
  .price02__table tr:not(:first-child):not(:nth-child(2)) td {
    padding-inline: 0.6510416667vw;
  }
  .price02__table tr:not(:first-child):not(:nth-child(2)) th {
    font-size: clamp(12px, 3.1vw, 25px);
    font-weight: 500;
    line-height: 1.1153846154;
    text-align: center;
    border-right: 1px solid #000;
   /* padding-left: 2.6041666667vw;*/
  }
  .price02__table tr:not(:first-child):not(:nth-child(2)) td {
    font-size: clamp(12px, 3.4vw, 27px);
    line-height: 1.0740740741;
    font-weight: 700;
    text-align: center;
  }
	/*
  .price02__table tr:last-child td:last-child {
    border-bottom: 1.3020833333vw solid #a31440;
  }
  .price02__table tr:last-child td:nth-last-child(2) {
    border-bottom: 1.3020833333vw solid #a31440;
  }
  .price02__table tr td:last-child {
    border-right: 1.3020833333vw solid #a31440;
  }
  .price02__table tr td:nth-last-child(2) {
    border-left:1.3020833333vw solid #a31440;
  }*/

  .price02__table-anotation {
    font-size: clamp(12px, 3.25vw, 25px);
    font-weight: 500;
    line-height: 1.44;
    margin-top: 4.4843049327%;
    padding-left: 1em;
    text-indent: -1em;
  }
  .price02__table-anotation2 {
    font-size: clamp(12px, 3.25vw, 25px);
    font-weight: 500;
    line-height: 1.44;
    margin-top: 4.4843049327%;
    padding-left: 1em;
    text-indent: -1.8em;
    padding-left: 1.6em;
	text-align: left;
	  
  }
	.price02__table-sup {
    display: inline-block;
    margin-top: -6px;
    font-size: 0.4em;
    vertical-align: text-top;
  }	
	



}/*max-width: 768px*/

.close img {
    width: inherit;
}


/*--------------------------------------------------------------
お役立ち情報
-------------------------------------------------------------*/
/*
section.banner{
	background: #E3F7FF !important;
}
@media screen and (min-width: 897px) {
section.banner .bgUseful {
    background: url(/ja/mobility-one/useful/img/icon_useful.svg) #fff;
    background-repeat: no-repeat;
    background-position: 88% 47%, top left;
    background-size: 24%, 100%;
}
}
@media screen and (max-width: 896px) {
section.banner .bgUseful {
    background: url(/ja/mobility-one/useful/img/icon_useful.svg) #fff;
    background-repeat: no-repeat;
        background-position: 50% 78%, top left;
        background-size: 40%, 100%;
}
}

section.banner h3{
	color: #4184b5;
}

.br20 {
    border-radius: 20px;
}
*/