@charset "UTF-8";
@media screen and (min-width: 768px),print {

#mainttl{background: url(../images/common/ttlback2.svg) repeat-x bottom left 2px #E2EBE7;}

#contentsmain {margin: 0 auto -9.7rem;position: relative;background: #50A578;color: #fff;padding: 10.7rem 5vw 23.7rem;}
#contentsmain .inner-Box{margin:0 auto;position:relative;display:flex;gap:8rem;align-items:flex-start;max-width: 1200px;}
#contentsmain .left-Box{margin:0;position:relative;max-width: 50rem;width: 43%;flex-shrink:0;padding-top: 6.8rem;}
#contentsmain .right-Box{margin:0;position:relative;flex:1;min-width:0;display: grid;gap: 2.4rem;}

#contentsmain .left-Box figure.img {position: relative;top: 0;left: 0;}
#contentsmain .left-Box figure.img img{width: 100%;height: auto;}
#contentsmain .right-Box h2 {position: relative;font-size: 2.8rem;line-height: 1.8;letter-spacing: 0.14rem;font-weight: 700;text-align: left;}
#contentsmain .right-Box p.text {position: relative;font-size: 1.6rem;line-height: 2;letter-spacing: 0.08rem;font-weight: 400;text-align: left;}

#contents01 {margin: 0 auto;position: relative;background: #fff;padding: 11.9rem 5vw 16.1rem;border-radius: 9.8rem 0 0 0;}
#contents01 .inner-Box {margin: 0 auto;position: relative;max-width: 1200px;}
#contents01 .inner-Box h2 {margin-bottom: 9.4rem;position: relative;font-size: 2.8rem;line-height: 1.5;letter-spacing: 0.14rem;font-weight: 700;text-align: left;}
#contents01 .inner-Box h2 span{ color: #50A578;}
#contents01 .inBox{margin:0 auto;position:relative;display:flex;gap:3.2rem;/* align-items:center; */}
#contents01 .minBox{margin:0;position:relative;background:#EFF7F2;border-radius:2.4rem;flex:1;min-width:0;padding: 6.4rem 3.1rem 3.1rem;}

#contents01 .minBox figure.img {position: absolute;top: -5.6rem;left: 50%;transform: translateX(-50%);}
#contents01 .minBox:nth-child(1) figure.img{top: -6.7rem;}
#contents01 .minBox figure.img img{  }
#contents01 .minBox h3 {margin-bottom: 1.3rem;position: relative;font-size: 2.0rem;line-height: 1.5;letter-spacing: 0.1rem;font-weight: 700;text-align: center;color: #50A578;}
#contents01 .minBox h3 span.f-en {font-size: 1.4rem;line-height: 1;letter-spacing: 0.14rem;font-weight: 500;text-align: left;display: inline-block;margin-right: 0.5rem;top: -0.8rem;position: relative;}
#contents01 .minBox p.ltext {position: relative;font-size: 1.4rem;line-height: 1.8;letter-spacing: 0.07rem;font-weight: 400;text-align: left;margin-bottom: 1.3rem;}
#contents01 .minBox ul{ background: #FFFFFF; border-radius: 0.8rem; padding: 1.6rem 2.6rem 1.1rem 2.6rem; }
#contents01 .minBox ul li {position: relative;margin-bottom: 0.3rem;}
#contents01 .minBox ul li::before {content: "";display: block;width: 0.5rem;height: 0.5rem;border-radius: 50%;background: #50A578;position: absolute;top: 0.7rem;left: -1rem;}
#contents01 .minBox p.stext {position: relative;font-size: 1.3rem;line-height: 1.5;letter-spacing: 0.065rem;font-weight: 400;text-align: left;}

#contents02 {margin: 0 auto -8rem;position: relative;background: #F4F4F4;padding: 12rem 5vw 23.7rem;}
#contents02 .inner-Box { margin: 0 auto; position: relative; max-width: 1200px;}
#contents02 .inner-Box .min-Box{display:flex;gap:4.8rem;}
#contents02 .inner-Box .min-Box .in-Box{flex:1;min-width:0;}
#contents02 .inner-Box h2 {margin-bottom: 3.7rem;position: relative;font-size: 2.8rem;line-height: 1.5;letter-spacing: 0.14rem;font-weight: 700;text-align: left;}
#contents02 .inner-Box h2 span{ color: #50A578;}

#contents02 .in-Box figure.photo {position: relative;top: 0;left: 0;border-radius: 2.3rem;overflow: hidden;margin-bottom: 1.6rem;}
#contents02 .in-Box figure.photo img{ width: 100%; height: auto; }
#contents02 .in-Box h3 {margin-bottom: 0.8rem;position: relative;font-size: 2.0rem;line-height: 1.6;letter-spacing: 0.1rem;font-weight: 700;text-align: left;}
#contents02 .in-Box p.text {position: relative;font-size: 1.4rem;line-height: 1.8;letter-spacing: 0.07rem;font-weight: 400;text-align: left;}

#contents03 {margin: 0 auto;padding: 12rem 5vw 16.1rem;position: relative;background: #fff;border-radius: 0 9.8rem 0 0;}
#contents03 .inner-Box { max-width: 1200px; margin: 0 auto; position: relative; }
#contents03 .inner-Box h2 {margin-bottom: 3.7rem;position: relative;font-size: 2.8rem;line-height: 1.5;letter-spacing: 0.14rem;font-weight: 700;text-align: left;}
#contents03 .inner-Box h2 span{ color: #50A578;}

#contents03 .inner-Box ul{display:flex;flex-wrap:wrap;gap:1.6rem;}
#contents03 .inner-Box ul li{background: #EFF7F2;border-radius: 0.8rem;position:relative;width:calc((100% - 4.8rem)/4);text-align: center;padding: 2.5rem 0 2rem;}
#contents03 .inner-Box h3 {margin-bottom: 0.5rem;position: relative;color: #50A578;font-size: 1.6rem;line-height: 1.5;letter-spacing: 0.08rem;font-weight: 700;text-align: center;}
#contents03 .inner-Box p.ltext {position: relative;font-size: 1.4rem;line-height: 1.8;letter-spacing: 0.07rem;font-weight: 400;text-align: center;padding: 0 1rem;}

}

@media screen and (min-width:768px) and ( max-width:1350px) {
	
#contentsmain .inner-Box{gap:4rem;}

	
}


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

#mainttl{background:url(../images/common/ttlback2.svg) repeat-x bottom left 0.53vw #E2EBE7;}

#contentsmain{margin: 0 auto -33.87vw;position:relative;background:#50A578;color:#fff;padding: 8.53vw 6.4vw 45.7vw;}
#contentsmain .inner-Box{}
#contentsmain .left-Box{margin: 0 0.4vw 7vw;position:relative;}
#contentsmain .right-Box{margin:0;position:relative;flex:1;min-width:0;}

#contentsmain .left-Box figure.img{position:relative;top:0;left:0;}
#contentsmain .left-Box figure.img img{width:100%;height:auto;}
#contentsmain .right-Box h2{margin-bottom: 5.43vw;position:relative;font-size: 5.87vw;line-height: 1.5;letter-spacing: 0.29vw;font-weight: 700;text-align: left;}
#contentsmain .right-Box p.text{margin-bottom:4.27vw;position:relative;font-size: 4vw;line-height: 1.8;letter-spacing: 0.2vw;font-weight: 400;text-align: left;}

#contents01{margin:0 auto;position:relative;background:#fff;padding: 15.73vw 6.4vw 3.93vw;border-radius: 16.13vw 0 0 0;}
#contents01 .inner-Box{margin:0 auto;position:relative;max-width:1200px;}
#contents01 .inner-Box h2{margin-bottom: 15.67vw;position:relative;font-size: 5.87vw;line-height:1.5;letter-spacing:0.37vw;font-weight:700;text-align:left;}
#contents01 .inner-Box h2 span{color:#50A578;margin-bottom: 1.9vw;}
#contents01 .inBox{margin:0 auto;position:relative;}
#contents01 .minBox{margin: 0 0 12.4vw;position:relative;background:#EFF7F2;border-radius: 4.4vw;padding: 17.07vw 6.4vw 7.07vw;}

#contents01 .minBox figure.img{position:absolute;top: -8.43vw;width: 18.5vw;left:50%;transform:translateX(-50%);}
#contents01 .minBox:nth-child(3){ margin-bottom: 13vw; }
#contents01 .minBox:nth-child(1) figure.img{top: -6.87vw;width: 18.6vw;overflow: hidden;height: 19.7vw;}
#contents01 .minBox:nth-child(3) figure.img{top: -8.77vw;width: 14.6vw;}
#contents01 .minBox h3{margin-bottom:3.47vw;position:relative;font-size:5.33vw;line-height:1.5;letter-spacing:0.27vw;font-weight:700;text-align:center;color:#50A578;}
#contents01 .minBox h3 span.f-en{font-size:3.73vw;line-height:1;letter-spacing:0.37vw;font-weight:500;text-align:left;display:inline-block;margin-right:1.33vw;top:-2.13vw;position:relative;}
#contents01 .minBox p.ltext{position:relative;font-size:3.73vw;line-height:1.8;letter-spacing:0.19vw;font-weight:400;text-align:left;margin-bottom:3.47vw;}
#contents01 .minBox ul{background:#fff;border-radius:2.13vw;padding:4.27vw 6.93vw 2.93vw 6.93vw;}
#contents01 .minBox ul li{position:relative;margin-bottom:.8vw;}
#contents01 .minBox ul li::before{content:"";display:block;width:1.33vw;height:1.33vw;border-radius:50%;background:#50A578;position:absolute;top:1.87vw;left:-2.67vw;}
#contents01 .minBox p.stext{position:relative;font-size:3.47vw;line-height:1.5;letter-spacing:0.17vw;font-weight:400;text-align:left;}

#contents02{margin:0 auto -21.33vw;position:relative;background:#F4F4F4;padding: 15vw 6.4vw 26.2vw;}
#contents02 .inner-Box{margin:0 auto;position:relative;max-width:1200px;}
#contents02 .inner-Box .min-Box{}
#contents02 .inner-Box .min-Box .in-Box{margin-bottom: 12vw;}
#contents02 .inner-Box h2{margin-bottom: 9.07vw;position:relative;font-size: 5.87vw;line-height:1.5;letter-spacing:0.37vw;font-weight:700;text-align:left;}
#contents02 .inner-Box h2 span{color:#50A578;margin-bottom: 1.9vw;}

#contents02 .in-Box figure.photo{position:relative;top:0;left:0;border-radius: 4.27vw;overflow:hidden;margin-bottom:4vw;}
#contents02 .in-Box figure.photo img{width:100%;height:auto;}
#contents02 .in-Box h3{margin-bottom: 1.87vw;position:relative;font-size: 4.8vw;line-height: 1.33;letter-spacing: 0.24vw;font-weight: 700;text-align: left;}
#contents02 .in-Box p.text{position:relative;font-size: 3.73vw;line-height: 1.8;letter-spacing: 0.19vw;font-weight: 400;text-align: left;}

#contents03{margin:0 auto;padding: 14.8vw 6.4vw 16.93vw;position:relative;background:#fff;border-radius: 0 16.13vw 0 0;}
#contents03 .inner-Box{max-width:1200px;margin:0 auto;position:relative;}
#contents03 .inner-Box h2{margin-bottom: 6.77vw;position:relative;font-size: 5.87vw;line-height:1.5;letter-spacing:0.37vw;font-weight:700;text-align:left;}
#contents03 .inner-Box h2 span{color:#50A578;margin-bottom: 2vw;}

#contents03 .inner-Box ul{display:flex;flex-wrap:wrap;gap: 2.13vw;}
#contents03 .inner-Box ul li{background:#EFF7F2;border-radius:2.13vw;position:relative;width: calc((100% - 2.67vw)/2);text-align:center;padding: 3.97vw 0 3.93vw;}
#contents03 .inner-Box h3{margin-bottom: 1.13vw;position:relative;color:#50A578;font-size: 3.57vw;line-height:1.5;letter-spacing:0.21vw;font-weight:700;text-align:center;}
#contents03 .inner-Box p.ltext{position:relative;font-size: 3.03vw;line-height:1.8;letter-spacing:0.19vw;font-weight:400;text-align:center;padding:0 2.67vw;}
    
}