@charset "UTF-8";

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

#contentsmain {margin: 0 auto;position: relative;background: #F4F4F4;padding: 10.8rem 5vw 8.4rem;}
#contentsmain .inner-Box {margin: 0 auto 7.5rem;position: relative;max-width: 1000px;}
#contentsmain .inner-Box p.text {margin-bottom: 0;position: relative;font-size: 1.6rem;line-height: 2;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contentsmain .inner-Box p.text + p.text{margin-top:2.4rem;}
#contentsmain .inner-Box h2 {position: relative;background: #E5E5E5;border-radius: 0.8rem;font-size: 2.4rem;line-height: 1.5;letter-spacing: 0.12rem;font-weight: 700;text-align: left;padding: 1.6rem 2.4rem;margin: 8rem 0 3.2rem;}
#contentsmain .inner-Box > h3 {margin: 3.2rem 0 0.8rem;position: relative;font-size: 2rem;line-height: 1.5;letter-spacing: 0.11rem;font-weight: 700;text-align: left;}
#contentsmain .inner-Box ul{list-style-type:disc;line-height:1.8;font-size:16px;margin:3.2rem 0 3.2rem 20px;}
#contentsmain .inner-Box ul li::marker{content:"";}
#contentsmain .inner-Box ul li::before{content:"";display:block;width:7px;height:7px;background:#50A578;border-radius:50%;position:absolute;left:-15px;top:0.65em;top:calc(0.5lh - 3.5px);}
#contentsmain .inner-Box ul li{position:relative;font-size:1.6rem;line-height:1.8;margin-bottom:0.8rem;font-weight:400;}
#contentsmain .inner-Box p.ltext {margin-bottom:0;position:relative;padding-left:0;font-size:1.6rem;line-height:1.8;letter-spacing:0.05em;font-weight:400;text-align:left;}
#contentsmain .inBox {position: relative;width: 51.8rem;height: 11.2rem;background: #fff;border-radius: 1.6rem;margin: 3.2rem 0 0;padding: 2rem 1.2rem 2rem 3.2rem;}
#contentsmain .inBox h3 {margin-bottom: 0.1rem;position: relative;font-size: 1.6rem;line-height: 2;letter-spacing: 0.08rem;font-weight: 700;text-align: left;}
#contentsmain .inBox p.intext { font-size: 1.6rem; line-height: 2; letter-spacing: 0.05em; font-weight: 400; text-align: left; }
#contentsmain .inBox p.intext a {text-decoration: underline;}
#contentsmain .inBox p.intext a:hover {  }
#contentsmain .inner-Box p.text2 {position: relative;font-size: 1.2rem;line-height: 1.5;letter-spacing: 0.06rem;font-weight: 400;text-align: right;padding-top: 4.6rem;}
#contentsmain .inner-Box:last-child {margin-bottom: 0;}

}


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

#contentsmain{margin:0 auto;position:relative;background:#F4F4F4;padding: 12.2vw 6.4vw 3.4vw;}
#contentsmain .inner-Box{margin: 0 auto 14vw;position:relative;max-width:100%;}
#contentsmain .inner-Box p.text{margin-bottom:0;position:relative;font-size: 4vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contentsmain .inner-Box p.text + p.text{margin-top:6.4vw;}
#contentsmain .inner-Box h2{margin-bottom: 6.4vw;position:relative;background:#E5E5E5;border-radius:2.13vw;padding: 2.67vw 4.27vw;font-size: 5.333vw;line-height: 1.5;letter-spacing: 0.267vw;font-weight: 700;text-align: left;}
#contentsmain .inner-Box > h3{margin:6.4vw 0 2.13vw;position:relative;font-size: 4.27vw;line-height: 1.5;letter-spacing: 0.24vw;font-weight: 700;text-align: left;}
#contentsmain .inner-Box ul{list-style-type:disc;line-height:1.6;font-size:3.86vw;margin:6.4vw 0 6.4vw 4.83vw;}
#contentsmain .inner-Box ul li::marker{content:"";}
#contentsmain .inner-Box ul li::before{content:"";display:block;width:7px;height:7px;background:#50A578;border-radius:50%;position:absolute;left:-12px;top:0.6em;top:calc(0.5lh - 3.5px);}
#contentsmain .inner-Box ul li{position:relative;font-size:4vw;line-height:1.6;margin-bottom:2.13vw;font-weight:400;}
#contentsmain .inner-Box p.ltext{margin-bottom:0;position:relative;padding-left:0;font-size:4vw;line-height:1.6;letter-spacing:0.05em;font-weight:400;text-align:left;}
#contentsmain .inBox{position:relative;width:100%;height:auto;background:#fff;border-radius: 2.27vw;margin: 6.4vw 0 15.3vw;padding: 6.33vw 4.2vw 5.33vw 6.33vw;}
#contentsmain .inBox h3{margin-bottom: 1.87vw;position:relative;font-size: 4vw;line-height: 1.5;letter-spacing: 0.2vw;font-weight: 700;text-align: left;}
#contentsmain .inBox p.intext{font-size: 3.733vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;text-align: left;margin-right: 3vw;}
#contentsmain .inBox p.intext a{text-decoration:underline;}
#contentsmain .inBox p.intext a:hover{}
#contentsmain .inner-Box p.text2{position:relative;font-size:3.2vw;line-height:1.5;letter-spacing:0.16vw;font-weight:400;text-align:right;padding-top:12.27vw;}

}