@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 25.9rem;}
#contentsmain .inner-Box{margin: 0 auto 8rem;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: 0.5rem;}
#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;transform: scale(-1, 1);}
#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;}

#contentsmain .inner-Box2 {margin: 0 auto;position: relative;max-width: 1000px;color: #333;}
#contentsmain .inner-Box2 .inBox{margin:0 auto;position:relative;display:flex;gap: 2.4rem;align-items:stretch;}
#contentsmain .inner-Box2 .minBox{margin:0;position:relative;background: #fff;border-radius: 1.6rem;flex:1;min-width:0;padding: 3.2rem 3.1rem 1.5rem;}
#contentsmain .inner-Box2 .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;}
#contentsmain .inner-Box2 .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 {margin: 0 auto;position: relative;background: #fff;padding: 11.9rem 5vw 9.3rem;border-radius: 9.8rem 0 0 0;}
#contents01 .inner-Box {margin: 0 auto;position: relative;max-width: 1000px;}
#contents01 .inner-Box h2 {margin-bottom: 5.3rem;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 .min-Box{margin: 0 auto 6.4rem;position:relative;display:flex;gap:5.6rem;align-items:flex-start;border-bottom: 1px solid #CCC;padding-bottom: 6.4rem;}
#contents01 .left-Box{margin:0;position:relative;width:38rem;flex-shrink:0;}
#contents01 .right-Box{margin:0;position:relative;flex:1;min-width:0;}

#contents01 .left-Box figure.photo {position: relative;top: 0;left: 0;overflow: hidden;border-radius: 1.4rem;}
#contents01 .left-Box figure.photo img{ width: 100%; height: auto; }
#contents01 .right-Box p.catetext {margin-bottom: 1.2rem;position: relative;color: #50A578;font-size: 1.2rem;line-height: 1.083;letter-spacing: 0rem;font-weight: 400;text-align: left;}
#contents01 .right-Box p.catetext span {display: inline-block;border: 1px solid #50A578;border-radius: 5px;line-height: 1;padding: 0.8rem 1rem;}
#contents01 .right-Box h3 {margin-bottom: 1.6rem;position: relative;font-size: 2.4rem;line-height: 1.5;letter-spacing: 0.12rem;font-weight: 700;text-align: left;}
#contents01 .right-Box p.text {margin-bottom: 2.4rem;position: relative;font-size: 1.5rem;line-height: 1.8;letter-spacing: 0.075rem;font-weight: 400;text-align: left;}
#contents01 .b-Box {position: relative;background: #EFF7F2;border-radius: 0.8rem;padding: 1.5rem 1.5rem 1.5rem 10.6rem;}
#contents01 .b-Box span.ch {display: block;line-height: 1;position: absolute;top: 1.6rem;left: 1.6rem;}
#contents01 .b-Box span.ch img {  }
#contents01 .b-Box h4 {margin-bottom: 0px;position: absolute;font-size: 1.6rem;line-height: 1.5;letter-spacing: 0.08rem;font-weight: 700;text-align: left;color: #50A578;top: 1.6rem;left: 4.8rem;}
#contents01 .b-Box p.mtext {position: relative;font-size: 1.5rem;line-height: 1.8;letter-spacing: 0.075rem;font-weight: 700;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: 1000px;}
#contents02 .inner-Box .min-Box{ background: #fff; border-radius: 2.4rem; padding: 5.6rem 6.4rem 3.4rem 6.4rem; }

#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 .min-Box{ }
#contents02 .min-Box ul{position: relative;}
#contents02 .min-Box ul::before{content: "";width: 2px;height: 34.7rem;background: url(../images/workshop/linesvg.svg);display: block;position: absolute;top: 1.5rem;left: 7.1rem;}
#contents02 .min-Box ul li{position: relative;padding-left: 10rem;margin-bottom: 3.2rem;}
#contents02 .min-Box ul li::before{content: "";display: block;width: 1rem;height: 1rem;background: #50A578;border-radius: 50%;position: absolute;top: 0.5rem;left: 6.3rem;border: 3px solid #fff;z-index: 3;}
#contents02 .min-Box ul li:last-child h3::before{content: "";width: 0.5rem;height: 5rem;background: #fff;position: absolute;top: 1.2rem;left: 6.9rem;}
#contents02 .min-Box ul li .time{font-size: 1.5rem;line-height: 1;letter-spacing: 0.075rem;font-weight: 500;text-align: left;color: #50A578;position: absolute;top: 0.5rem;left: 0;}
#contents02 .min-Box ul li h3{font-size: 1.6rem;line-height: 1.5;letter-spacing: 0.08rem;font-weight: 700;text-align: left;margin-bottom: 0.8rem;}
#contents02 .min-Box ul li .ltext{font-size: 1.4rem;line-height: 1.92857;letter-spacing: 0.07rem;font-weight: 400;text-align: left;}


#contents03 {margin: 0 auto;padding: 12rem 5vw 14.1rem;position: relative;background: #fff;border-radius: 0 9.8rem 0 0;}
#contents03 .inner-Box {max-width: 1000px;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: 3rem;align-items:stretch;margin-bottom: 8.4rem;}
#contents03 .inner-Box ul li{position:relative;width: calc((100% - 3rem)/2);text-align:center;display:flex;flex-direction:column;padding: 0 0 0 11.6rem;}
#contents03 .inner-Box h3 {position: relative;color: #50A578;line-height: 1.5;letter-spacing: 0.07rem;font-weight: 400;text-align: left;margin-bottom: 0.8rem;font-size: 1.3rem;}
#contents03 .inner-Box p.ltext {position: relative;font-weight: 400;text-align: left;font-size: 1.4rem;line-height: 1.7;letter-spacing: 0.05em;}

#contents03 .inner-Box ul li div{background:#EFF7F2;border-radius: 1.6rem;padding: 3.2rem;}
#contents03 .inner-Box ul li figure{width: 8rem;height: 8rem;position: absolute;top: 5.9rem;left: 0;overflow: hidden;border-radius: 50%;}
#contents03 .inner-Box ul li figure img{ width: 100%; height: auto; }
#contents03 .inner-Box ul li div::before{content: "";display: block;width: 2rem;height: 3.4rem;background: url(../images/workshop/arr.svg)no-repeat;position: absolute;top: 8.3rem;left: 9.9rem;}
#contents03 .inner-Box .gl-btn{margin: 0 auto;width: 32rem;}


}

@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 -22.13vw;position:relative;background:#50A578;color:#fff;padding: 9.23vw 6.4vw 39.2vw;}
#contentsmain .inner-Box{}
#contentsmain .left-Box{margin: 0 0.4vw 6vw;position:relative;}
#contentsmain .right-Box{margin:0 0 6.4vw;position:relative;}

#contentsmain .left-Box figure.img{position:relative;top:0;left:0;transform: scale(-1, 1);}
#contentsmain .left-Box figure.img img{width:100%;height:auto;}
#contentsmain .right-Box h2{margin-bottom: 5.93vw;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:0;position:relative;font-size: 4vw;line-height: 1.8;letter-spacing: 0.2vw;font-weight: 400;text-align: left;}

#contentsmain .inner-Box2{margin:0 auto;position:relative;max-width:1200px;}
#contentsmain .inner-Box2 .inBox{margin:0 auto;position:relative;}
#contentsmain .inner-Box2 .minBox{margin: 0 0 4.27vw;position:relative;background: #fff;border-radius:4.27vw;padding: 7.07vw 6.4vw;}
#contentsmain .inner-Box2 .minBox:last-child{margin-bottom:0;}

#contentsmain .inner-Box2 .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;}
#contentsmain .inner-Box2 .minBox p.ltext{ color: #333; 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{margin:0 auto;position:relative;background:#fff;padding: 14.93vw 6.4vw 7.73vw;border-radius: 16.13vw 0 0 0;}
#contents01 .inner-Box{margin:0 auto;position:relative;max-width:1200px;}
#contents01 .inner-Box h2{margin-bottom: 8.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: 2.1vw;}
#contents01 .inBox{margin:0 auto;position:relative;}
#contents01 .minBox{margin: 0 0 7vw;position:relative;background:#EFF7F2;border-radius:6.4vw;padding: 7.07vw 6.4vw;}

#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 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 .left-Box figure.photo{position:relative;top:0;left:0;overflow:hidden;border-radius:4.27vw;margin-bottom: 4.3vw;}
#contents01 .left-Box figure.photo img{width:100%;height:auto;}
#contents01 .right-Box p.catetext{margin-bottom:2.93vw;position:relative;color:#50A578;font-size: 2.93vw;line-height: 1;letter-spacing: 0vw;font-weight: 400;text-align: left;}
#contents01 .right-Box p.catetext span{display:inline-block;border:.27vw solid #50A578;border-radius:1.33vw;padding: 2.07vw 2vw;}
#contents01 .right-Box h3{margin-bottom:3.2vw;position:relative;font-size: 4.8vw;line-height: 1.5;letter-spacing: 0.24vw;font-weight: 700;text-align: left;}
#contents01 .right-Box p.text{margin-bottom:5.6vw;position:relative;font-size: 4vw;line-height: 1.8;letter-spacing: 0.2vw;font-weight: 400;text-align: left;}

#contents01 .b-Box{position:relative;background:#EFF7F2;border-radius:2.13vw;padding: 4.7vw 4vw 4vw 26.2vw;margin-bottom: 17.6vw;}
#contents01 .b-Box span.ch{display:block;line-height:1;position:absolute;top: 4.17vw;left:4.27vw;width: 6.3vw;}
#contents01 .b-Box span.ch img{}
#contents01 .b-Box h4{margin-bottom: 2vw;position: absolute;font-size: 3.67vw;line-height:1.5;letter-spacing:.21vw;font-weight:700;text-align:left;color:#50A578;top: 4.5vw;left: 13vw;}
#contents01 .b-Box p.mtext{position:relative;font-size: 3.73vw;line-height: 1.5;letter-spacing: 0.19vw;font-weight: 700;text-align: left;}

#contents02 {margin:0 auto -21.333vw;position:relative;background:#F4F4F4;padding: 14.7vw 6.4vw 38.2vw;}
#contents02 .inner-Box {margin:0 auto;position:relative;max-width:1000px;}
#contents02 .inner-Box .min-Box{background:#fff;border-radius: 4.4vw;padding: 6vw 6vw 6vw 6vw;}

#contents02 .inner-Box h2{margin-bottom: 8.67vw;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: 2.1vw;}

#contents02 .min-Box{}
#contents02 .min-Box ul{position:relative;}
#contents02 .min-Box ul::before{content:"";width:0.533vw;height:92.533vw;background: url(../images/workshop/linesvg.svg)repeat-y;display:block;position:absolute;top:4vw;left: 15.333vw;}
#contents02 .min-Box ul li{position:relative;padding-left: 20.367vw;margin-bottom: 3.367vw;}
#contents02 .min-Box ul li::before{content:"";display:block;width: 2.13vw;height: 2.13vw;background:#50A578;border-radius:50%;position:absolute;top:1.333vw;left: 13.4vw;border:0.8vw solid #fff;z-index:3;}
#contents02 .min-Box ul li:last-child h3::before{content:"";width:1.333vw;height:13.333vw;background:#fff;position:absolute;top:3.2vw;left: 14.4vw;}
#contents02 .min-Box ul li .time{color:#50A578;position:absolute;top: 1.033vw;left: 0.4vw;font-size: 3.2vw;line-height: 1.25;letter-spacing: 0.16vw;font-weight: 500;text-align: left;}
#contents02 .min-Box ul li h3{margin-bottom: 2.133vw;font-size: 3.73vw;line-height: 1.5;letter-spacing: 0.19vw;font-weight: 700;text-align: left;}
#contents02 .min-Box ul li .ltext{font-size: 3.2vw;line-height: 1.6;letter-spacing: 0.16vw;font-weight: 400;text-align: left;}

#contents03 {margin:0 auto;padding: 15.2vw 6.4vw 16.9vw;position:relative;background:#fff;border-radius: 0 15.133vw 0 0;}
#contents03 .inner-Box {max-width:1000px;margin:0 auto;position:relative;}
#contents03 .inner-Box h2{margin-bottom: 8.67vw;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: 2.1vw;}

#contents03 .inner-Box ul{margin-bottom: 10.4vw;}
#contents03 .inner-Box ul li{position:relative;padding: 0 0 0 18.933vw;margin-bottom: 4.4vw;}
#contents03 .inner-Box h3 {margin-bottom: 1.967vw;position:relative;color:#50A578;font-size: 3.2vw;line-height: 1.5;letter-spacing: 0.16vw;font-weight: 400;text-align: left;}
#contents03 .inner-Box p.ltext {position:relative;font-size: 3.47vw;line-height: 1.6;letter-spacing: 0.17vw;font-weight: 400;text-align: left;}

#contents03 .inner-Box ul li div{background:#EFF7F2;border-radius:4.533vw;padding: 4vw 5.9vw 6vw 5.9vw;}
#contents03 .inner-Box ul li figure{width: 12.133vw;height: 12.033vw;position:absolute;top: 4.633vw;left:0;overflow:hidden;border-radius:50%;}
#contents03 .inner-Box ul li figure img{width:100%;height:auto;}
#contents03 .inner-Box ul li div::before{content:"";display:block;width: 4.53vw;height:7.47vw;background:url(../images/workshop/arr.svg)no-repeat;position:absolute;top: 6.933vw;left: 14.44vw;background-size: 100% auto;}
#contents03 .inner-Box .gl-btn{margin:0 auto;width: 86.333vw;}


}