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

#contentsmain {margin: 0 auto;position: relative;background: #F4F4F4;padding: 11.2rem 5vw 9.2rem;}
#contentsmain .inner-Box {}

#contentsmain .inner-Box{border-bottom: #CCC 1px solid;margin: 0 auto 6.4rem;position:relative;max-width:1000px;display:flex;align-items:flex-start;gap: 5.6rem;padding-bottom: 6.4rem;}
#contentsmain .left-Box{margin:0;position:relative;width:38rem;flex-shrink:0;}
#contentsmain .right-Box{margin:0;position:relative;flex:1;min-width:0;padding-bottom: 4.6rem;}

#contentsmain .left-Box figure.photo {position: relative;top: 0;left: 0;border-radius: 1.6rem;overflow: hidden;}
#contentsmain .left-Box figure.photo img{width: 100%;height: auto;}

#contentsmain .right-Box p.cate {margin-bottom: 1.2rem;position: relative;color: #50A578;font-size: 1.2rem;line-height: 2.133;letter-spacing: 0rem;font-weight: 400;text-align: left;}
#contentsmain .right-Box p.cate span {display: inline-block;border-radius: 0.5rem;border: #50A578 1px solid;background: #fff;margin-right: 1rem;padding: 0.8rem 1rem;line-height: 1;}
#contentsmain .right-Box h2 {margin-bottom: 2.4rem;position: relative;font-size: 2.4rem;line-height: 1.5;letter-spacing: 0.12rem;font-weight: 700;text-align: left;}
#contentsmain .right-Box h3 {margin-bottom: 0.8rem;position: relative;font-size: 1.6rem;line-height: 1.5;letter-spacing: 0.08rem;font-weight: 700;text-align: left;color: #50A578;padding-left: 1.8rem;}
#contentsmain .right-Box h3::before{content: "";display: block;width: 0.8rem;height: 0.8rem;border-radius: 50%;background: #50A578;position: absolute;top: 0.9rem;left: 0.2rem;}
#contentsmain .right-Box p.text {margin-bottom: 1.6rem;position: relative;font-size: 1.5rem;line-height: 1.8;letter-spacing: 0.075rem;font-weight: 400;text-align: left;}
#contentsmain .right-Box p.text:last-child{ margin-bottom: 0; }

}

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

#contentsmain{margin:0 auto;position:relative;background:#F4F4F4;padding: 12.867vw 6.3vw 9.333vw;}
#contentsmain .inner-Box{}

#contentsmain .inner-Box{border-bottom:#CCC 1px solid;margin: 0 auto 8.6vw;position:relative;}
#contentsmain .left-Box{margin:0;position:relative;margin-bottom: 4vw;}
#contentsmain .right-Box{margin:0;position:relative;padding-bottom: 3.767vw;}

#contentsmain .left-Box figure.photo{position:relative;top:0;left:0;border-radius:4.27vw;overflow:hidden;}
#contentsmain .left-Box figure.photo img{}

#contentsmain .right-Box p.cate{margin-bottom: 2.8vw;position:relative;color:#50A578;font-size: 2.933vw;line-height: 1;letter-spacing: 0vw;font-weight: 400;text-align: left;}
#contentsmain .right-Box p.cate span{display:inline-block;border-radius:1.333vw;border:0.267vw solid #50A578;background:#fff;padding:2.3vw 1.9vw;margin-right:2.067vw;}
#contentsmain .right-Box h2{margin-bottom:4vw;position:relative;font-size: 4.8vw;line-height: 1.5;letter-spacing: 0.24vw;font-weight: 700;text-align: left;}
#contentsmain .right-Box h3{margin-bottom:1.333vw;position:relative;font-size:4.267vw;line-height:1.5;letter-spacing:0.213vw;font-weight:700;text-align:left;color:#50A578;padding-left:4.8vw;}
#contentsmain .right-Box h3::before{content:"";display:block;width:2.133vw;height:2.133vw;border-radius:50%;background:#50A578;position:absolute;top:2.4vw;left:0.533vw;}
#contentsmain .right-Box p.text{margin-bottom:3.733vw;position:relative;font-size:4vw;line-height:1.8;letter-spacing:0.2vw;font-weight:400;text-align:left;}


}