@charset "UTF-8";


@media screen and (min-width: 768px),print {

#contentsmain {margin: 0 auto 9.1rem;position: relative;padding: 0 5vw;}
#contentsmain .inner-Box1 {margin: 0 auto 6.2rem;position: relative;max-width: 110rem;border-bottom: #707070 1px solid;padding-bottom: 3rem;}
#contentsmain .inner-Box1 figure.img {position: relative;top: 0;left: 0;text-align: center;margin-bottom: 7.5rem;}
#contentsmain .inner-Box1 figure.img img{ max-width: 100%; height: auto; }
#contentsmain .inner-Box1 h2 {margin-bottom: 7.6rem;position: relative;font-size: 2.4rem;line-height: 1.875;letter-spacing: 0.2em;font-weight: 600;text-align: center;}
#contentsmain .inner-Box1 h3.f-en {margin-bottom: 1.8rem;position: relative;font-size: 1.4rem;line-height: 1.714;letter-spacing: 0.2em;font-weight: 600;text-align: left;color: var(--mred);text-align: center;}
#contentsmain .inner-Box1 h3.f-en span { color: var(--mbl); }
#contentsmain .inner-Box1 .dicon{margin: 0 auto -0.4rem;width: 5.2rem;position: relative;left: -7.5rem;}
#contentsmain .inner-Box1 p.text {margin-bottom: 3rem;position: relative;font-size: 1.6rem;line-height: 2.0;letter-spacing: 0.2em;font-weight: 400;text-align: center;}
#contentsmain .inner-Box2{margin: 0 auto 6.3rem;position: relative;max-width: 110rem;border-bottom: #707070 1px solid;padding-bottom: 4rem;display: flex;gap: 4.0364%;align-items: center;}
#contentsmain .inner-Box2 .ttl-Box{position: relative;width: 24.5455%;flex-shrink: 0;padding-top: 2.1rem;}
#contentsmain .inner-Box2 .text-Box{position: relative;width: 70.8182%;}

#contentsmain .inner-Box2 .ttl-Box h4 {margin-bottom: 0px;position: relative;font-size: 2.0rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: 600;text-align: left;}
#contentsmain .inner-Box2 .text-Box figure.img {position: relative;top: 0;left: 0;margin-bottom: 4rem;}
#contentsmain .inner-Box2 .text-Box figure.img.mmm{margin-left: 6rem;}
#contentsmain .inner-Box2 .text-Box figure.img img{ max-width: 100%; height: auto; }
#contentsmain .inner-Box2 .text-Box ul li{ display:flex; align-items:flex-start; margin-bottom: 2.5rem; }
#contentsmain .inner-Box2 .text-Box h5{ flex-shrink:0; position:relative; padding-left: 1.2rem; margin-right: 0em; font-size:1.6rem; line-height:1.8; font-weight:600; letter-spacing:.1em; }
#contentsmain .inner-Box2 .text-Box h5::before{ content:""; position:absolute; left: -0.3rem; top:.9rem; width:.8rem; height:.8rem; border-radius:50%; background:var(--mred); }
#contentsmain .inner-Box2 .text-Box p.ltext{ margin:0; font-size:1.4rem; line-height:1.5; letter-spacing:.1em; }


}
@media screen and (min-width:768px) and ( max-width:1023px) {
	

	
}

@media screen and (max-width: 767px) {

#contentsmain{margin:0 auto 24.3vw;position:relative;padding: 1vw 5.3vw 0;}
#contentsmain .inner-Box1{margin: 0 auto 9.8vw;position:relative;max-width:110rem;border-bottom:#707070 .3vw solid;padding-bottom: 1.7vw;}
#contentsmain .inner-Box1 figure.img{position:relative;top:0;left:0;text-align:center;margin-bottom: 5vw;}
#contentsmain .inner-Box1 figure.img img{max-width:100%;height:auto;}
#contentsmain .inner-Box1 h2{margin-bottom: 9.3vw;position:relative;font-size: 4.3vw;line-height: 2.0;letter-spacing: 0.1em;font-weight: 600;text-align: center;}
#contentsmain .inner-Box1 h3.f-en{margin-bottom: 5.8vw;position:relative;color:var(--mred);font-size: 3.2vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: 600;text-align: center;padding-left: 4.9vw;}
#contentsmain .inner-Box1 h3.f-en span{color:var(--mbl);}
#contentsmain .inner-Box1 .dicon{margin: 0 auto -0.7vw;width: 11.9vw;position:relative;left: -16.8vw;}
#contentsmain .inner-Box1 p.text{margin-bottom:8vw;position:relative;font-size: 3.7vw;line-height: 2.0;letter-spacing: 0.1em;font-weight: 400;text-align: left;}

#contentsmain .inner-Box2{margin: 0 auto 9.8vw;position:relative;border-bottom:#707070 .3vw solid;padding-bottom: 6.9vw;}
#contentsmain .inner-Box2:last-child{margin-bottom: -4.5vw;}
#contentsmain .inner-Box2 .ttl-Box{position:relative;}
#contentsmain .inner-Box2 .text-Box{position:relative;}

#contentsmain .inner-Box2 .ttl-Box h4{margin-bottom: 5.2vw;position:relative;font-size: 4.8vw;line-height: 1.8;letter-spacing: 0.2em;font-weight: 600;text-align: center;}
#contentsmain .inner-Box2 .text-Box figure.img{position:relative;top:0;left:0;margin-bottom: 3.8vw;}
#contentsmain .inner-Box2 .text-Box figure.img.mmm{margin-left: 11vw;margin-right: 11vw;}
#contentsmain .inner-Box2 .text-Box figure.img img{}

#contentsmain .inner-Box2 .text-Box ul li{margin-bottom: 3.7vw;}
#contentsmain .inner-Box2 .text-Box h5{position:relative;padding-left: 4.1vw;margin-right:0;font-size:4.3vw;line-height:1.8;font-weight:600;letter-spacing:.1em;margin-bottom: 1.2vw;}
#contentsmain .inner-Box2 .text-Box h5::before{content:"";position:absolute;left: 0vw;top: 2.9vw;width:2.1vw;height:2.1vw;border-radius:50%;background:var(--mred);}
#contentsmain .inner-Box2 .text-Box p.ltext{margin:0;font-size: 3.7vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 400;text-align: left;}

    

}