.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;
	}
	.wPC270{
		width: 270px !important;
	}
	.wPC300{
		width: 300px !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;
	}
	.wSP30 {
		width: 30% !important;
	}
	.wSP20 {
		width: 20% !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;}	
}





















@media screen and (min-width: 897px){
    .new__link a.wide{
        width: 550px;
        line-height: 1.3;
        border-radius: 52px;
      }
      .wPC28{
        width: 28% !important;
    }
}

@media screen and (max-width: 896px){
    .new__link a.wide{
        border-radius: 3em;
      }
}


.fukidashi{
  background: url(/ja/cocchi/assets/img/oshirase/fukidashi.svg) no-repeat center;
  padding:15px 0px 27px 0;
  letter-spacing:2px;
}

.arrow_cocchi{
        bottom: 0;
        right: 50%;
        left: 50%;
        display: block;
        background: #ababab;
        height: calc(tan(60deg)* 30px / 2);
        width: 35px;
        clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.grid{
  display: grid;
}
ol li{
  position: relative;
}
@media screen and (max-width: 896px){
  ol.procedure li{
      padding-bottom: 40px;
      margin-bottom: 0;
  }
  ol.procedure li::after {
      position: absolute;
      bottom: 0;
      /* right: 50%; */
      left: calc( 50% - 15px);
      content: "";
      display: block;
      background: #ababab;
      height: calc(tan(60deg)* 30px / 2);
      width: 35px;
      clip-path: polygon(0 0, 100% 0, 50% 100%);
  }

}
ol.procedure li:last-child::after{
  display: none;
}







	 .tabStyle04.accordion01 .ts04-ttl {
        background: #b91440;
		 color: #fff;
    }
     .tabStyle04.accordion01 .ts04-ttl:hover {
        /*background: #b91440;*/
		opacity: 0.6;
    }
@media screen and (min-width: 897px) {
    .tabStyle04.accordion01 .ts04-txt {
		padding-left: /*20*/350px;
		padding-top: 15px;
		font-size: 28px;
        font-weight: 700;
		
    }
}
@media screen and (max-width: 896px) {
    .tabStyle04.accordion01 .ts04-txt {
        padding-right: 15px;
		padding-left: 20px;
        font-size: 20px;
        font-weight: 700;
    }
}



.slideToggleBtn.black:after, .slideToggleBtn.black:before {
    background: #fff;
}
@media screen and (min-width: 897px) {
.slideToggleBtn:after, .slideToggleBtn:before {
    content: "";
    display: block;
    width: 24px;
    height: 3px;
    background: #ffffff;
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
}		
}
@media screen and (max-width: 896px) {
.slideToggleBtn:after, .slideToggleBtn:before {
    content: "";
    display: block;
    width: 16px;
    height: 3px;
    background: #ffffff;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
}
}

@media screen and (min-width: 897px) {
    .tabStyle04.accordion01 .ts04-ttl .slideToggleBtn.black {
        top: 47px;
        position: absolute;
        right: 30px;
        margin: auto;
    }
}

@media screen and (max-width: 896px) {
    .tabStyle04.accordion01 .ts04-ttl {
		margin: 0;
	}
}



@media screen and (min-width: 897px) {
    .accordion02 .unitStyle01.twoCol .ts03-box {
        width: 100%;
    }
}