@charset "UTF-8";


@media screen and (min-width: 768px),print {  
#index-head{ display: none!important;}
#contentsmain {margin: 0 auto;position: relative;background: url('../images/index/contentsmain-back01.jpg')no-repeat top center;background-size: cover;border-radius: 10rem 0 0 0;}
#contentsmain .inner-Box{margin: 0 auto;position: relative;background: url('../images/common/ttlback.svg')repeat-x bottom left;padding: 15rem 7.2vw 40.4rem 5vw;}
#contentsmain .inBox{margin:0 auto;max-width: 101.9rem;position:relative;display:flex;justify-content:space-between;align-items:flex-start;color: #fff;}
#contentsmain .leftBox{margin:0;position:relative;width:32.2rem;flex-shrink:0;}
#contentsmain .rightBox{margin:0;position:relative;width:49.7rem;flex-shrink:0;}

#contentsmain .leftBox h1 {margin-bottom: 2.3rem;position: relative;font-size: 5.0rem;line-height: 1.6;letter-spacing: 0.5rem;font-weight: 700;text-align: left;margin-right: -3rem;}
#contentsmain .leftBox h2 {margin-bottom: 0px;position: relative;font-size: 2.0rem;line-height: 1.05;letter-spacing: 0.1rem;font-weight: 700;text-align: left;}
#contentsmain .rightBox p.text {margin-bottom: 5rem;position: relative;font-size: 1.8rem;line-height: 2.2;letter-spacing: 0.09rem;font-weight: 500;text-align: left;padding-top: 12.7rem;}
#contentsmain .rightBox ul.btn-list{display:flex;flex-wrap:wrap;gap:1.6rem;}
#contentsmain .rightBox ul.btn-list li{width:calc((100% - 1.6rem)/2);}
#contentsmain .rightBox ul.btn-list li .gl-btn2{ }
#contentsmain .rightBox ul.btn-list li .gl-btn2 a{width: 100%;height: 6.2rem;}

#contents01 {margin: 0 auto -8.6rem;position: relative;background: #F4F4F4;padding: 9.2rem 5vw 22.6rem 5vw;}
#contents01 .inner-Box {margin: 0 auto;position: relative;max-width: 1200px;}
#contents01 .inner-Box h2 {margin-bottom: 10.4rem;position: relative;font-size: 2.8rem;line-height: 1.8;letter-spacing: 0.14rem;font-weight: 700;text-align: center;}
#contents01 .inner-Box h2 span{color: #50A578;margin-bottom: 0.4rem;}
#contents01 .inner-Box ul.commelist{display:flex;flex-wrap:wrap;gap:2.67%;margin-bottom: 3.1rem;}
#contents01 .inner-Box ul.commelist.startanime li{  /* アニメーション初期状態 */ transform: translateY(40px) scale(0.6); animation: bounceIn 0.7s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;}
#contents01 .inner-Box ul.commelist li{  opacity: 0; width:calc((100% - 5.34%) / 3);background: #fff;border-radius: 24px;position: relative;padding: 3rem 3.1rem 4rem;}
#contents01 .inner-Box ul.commelist li:nth-child(2){top: -6rem;}
#contents01 .inner-Box 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 .inner-Box 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 .inner-Box p.ltext {position: relative;font-size: 1.4rem;line-height: 1.8;letter-spacing: 0.07rem;font-weight: 400;text-align: left;}
#contents01 .inner-Box span.comm01 {position: absolute;bottom: -3rem;right: 6.4rem;}
#contents01 .inner-Box span.comm02 {position: absolute;bottom: -3.5rem;left: 50%;transform: translateX(-50%);}
#contents01 .inner-Box span.comm03 {position: absolute;bottom: -3rem;left: 8rem;}
#contents01 .inner-Box figure.img {position: relative;top: 0;left: 0;text-align: center;margin-bottom: 5rem;}
#contents01 .inner-Box figure.img img{  }
#contents01 .inner-Box h4 {margin-bottom: 0px;position: relative;font-size: 2.8rem;line-height: 1.8;letter-spacing: 0.14rem;font-weight: 700;text-align: center;}
#contents01 .inner-Box h4 span {color: #50A578;}
#contents01 .inner-Box h4::before{content: "";display: block;background: url(../images/price/line.svg)no-repeat;background-size: 100% auto;display: inline-block;position: relative;width: 1.8rem;height: 2.6rem;left: -1.2rem;top: 0.5rem;}
#contents01 .inner-Box h4::after{content: "";display: block;background: url(../images/price/line.svg)no-repeat;background-size: 100% auto;display: inline-block;position: relative;width: 1.8rem;height: 2.6rem;transform: scale(-1, 1);top: 0.5rem;left: 1.2rem;}

/* アニメーション遅延 */
.delay-1 { animation-delay: 0.1s!important; }
.delay-2 { animation-delay: 0.3s!important; }
.delay-3 { animation-delay: 0.5s!important; }

@keyframes bounceIn {
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

#contents02 {margin: 0 auto;position: relative;background: #fff;border-radius: 0 10rem 0 0;padding: 11.9rem 5vw 13.5rem 5vw;}
#contents02 .inner-Box {margin: 0 auto;position: relative;max-width: 1200px;}
#contents02 .inner-Box .svbtn{position: absolute;top: 8.5rem;right: -3.3rem;}
#contents02 .inner-Box .svbtn .morearrtext{ position: relative;}
#contents02 .inner-Box h2 {margin-bottom: 3.4rem;position: relative;font-size: 2.8rem;line-height: 1.8;letter-spacing: 0.14rem;font-weight: 700;text-align: left;}
#contents02 .inner-Box h2 span{color: #50A578;margin-bottom: 0.4rem;}
#contents02 .inner-Box ul{display:flex;flex-wrap:wrap;gap:2.67%;margin-bottom: 3.1rem;}
#contents02 .inner-Box ul li{width:calc((100% - 5.34%) / 3);background: #EFF7F2;border-radius: 2.4rem;position: relative;}
#contents02 .morearrtext .arr{position: absolute;top: -0.6rem;right: 0;width: 3.2rem;height: 3.2rem;}
#contents02 .morearrtext {position: absolute;font-size: 1.2rem;line-height: 1.417;letter-spacing: 0.06rem;font-weight: 500;text-align: right;padding-right: 4rem;bottom: 4rem;right: 3.2rem;}

#contents02 .inner-Box ul li a {display: block;padding: 3rem 3.1rem 7.6rem;}
#contents02 .inner-Box ul li a:hover {  }
#contents02 .inner-Box figure.img {position: relative;top: 0;left: 0;margin-bottom: 1.4rem;}
#contents02 .inner-Box figure.img img{width: 100%;height: auto;}
#contents02 .inner-Box 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;}
#contents02 .inner-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 -10.7rem;position: relative;background: #50A578;padding: 17.7rem 5vw 24rem 5vw;border-radius: 10rem 0 0 0;}
#contents03 .inner-Box {margin: 0 auto;position: relative;max-width: 1199px;padding: 0 5.6rem 0 20.2rem;}
#contents03 .inner-Box h2 {writing-mode: vertical-rl;position: absolute;font-size: 3.2rem;line-height: 1.156;letter-spacing: 0.5rem;font-weight: 700;color: #fff;top: -5.1rem;left: 1.3rem;}
#contents03 .inner-Box h2 span.f-en {font-size: 1.2rem;line-height: 1;letter-spacing: 0.12rem;font-weight: 500;text-align: center;display: block;writing-mode: lr;position: relative;top: -0.5rem;left: -1.4rem;}

#contents03 .inBox{margin: 0 auto  4.8rem 0;position:relative;background:#FFFFFF;border-radius:2.4rem;max-width:86rem;padding: 4.7rem 5.7rem 8.7rem;display:flex;gap:4.8rem;align-items:flex-start;}
#contents03 .inBox .left-Box{margin:0;position:relative;width:20rem;flex-shrink:0;}
#contents03 .inBox .right-Box{margin:0;/* position:relative; */flex:1;min-width:0;}

#contents03 .inBox2{margin: 0 auto  4.8rem 0;position:relative;background:#FFFFFF;border-radius:2.4rem;max-width:86rem;padding: 4.7rem 5.7rem 8.7rem;display:flex;gap:4.8rem;align-items:flex-start;}
#contents03 .inBox2 .left-Box{margin:0;position:relative;width:20rem;flex-shrink:0;order: 2;}
#contents03 .inBox2 .right-Box{margin:0;/* position:relative; */flex:1;min-width:0;order: 1;}
#contents03 .inBox2 p.no{ }

#contents03 span.en{display:block;line-height:1;position:absolute;top:0;left:0;transform-origin:center center;animation:rotate360 20s linear infinite;}
@keyframes rotate360{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
#contents03 span.en img {width: 100%;height: auto;}
#contents03 p.no {position: absolute;font-size: 2.8rem;line-height: 0.875;letter-spacing: 0.24rem;font-weight: 500;text-align: center;font-family: 'Poppins', sans-serif;color: #50A578;width: 8.4rem;height: 8.4rem;display: block;padding-top: 2.7rem;}
#contents03 .inBox p.no{top: -4.8rem;left: -3.5rem;}
#contents03 .inBox2 p.no{right: -4.3rem;top: -4.9rem;left: auto;}

#contents03 .left-Box figure.img01 { position: absolute; top: 0; left: 0; }
#contents03 .left-Box figure.img01 img{width: 100%;height: auto;}
#contents03 .right-Box p.no {margin-bottom: 30px;/* position: relative; */color: #fff;}
#contents03 .right-Box span.en { display: block; line-height: 1; }
#contents03 .right-Box span.en img {  }

#contents03 .right-Box h3 {margin-bottom: 1.3rem;position: relative;color: #50A578;font-size: 2.2rem;line-height: 1.5;letter-spacing: 0.11rem;font-weight: 700;text-align: left;}
#contents03 .right-Box 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;}

#contents03 .right-Box p.text {position: relative;font-size: 1.6rem;line-height: 2;letter-spacing: 0.08rem;font-weight: 400;text-align: left;}
#contents03 .inBox2 {margin: 0 0 4.8rem;position: relative;left: 8rem;}
#contents03 .gl-btn2{margin: 0 auto;width: 28rem;padding-top: 2.1rem;}
#contents03 .gl-btn2 a{width: 100%;height: 6.2rem;left: -4rem;}
#contents03 .gl-btn2 a .arr{ }

#contents04 { margin: 0 auto; position: relative; }
#contents04 .inner-Box {margin: 0 auto;position: relative;}
#contents04 .inner-Box figure.photo {position: relative;top: 0;left: 0;}
#contents04 .inner-Box figure.photo img{width: 100%;height: auto;border-radius: 0 9.9rem 0 0;}
#contents04 .inner-Box h2.f-en {margin-bottom: 0px;position: absolute;font-size: 7.5rem;line-height: 1;letter-spacing: 0.75rem;font-weight: 400;text-align: right;color: #50A578;right: -0.8rem;z-index: 3;bottom: -4.1rem;}
#contents04 .inner-Box2 {margin: 0 auto;position: relative;background: #F4F4F4;padding: 14rem 5vw 15.8rem 5vw;border-radius: 0 0 0rem 10rem;}

#contents04 .inner-Box2 .inBox{margin:0 auto;position:relative;max-width:1120px;display:flex;gap:10.71%;align-items:flex-start;}
#contents04 .inner-Box2 .left-Box{margin:0;position:relative;width:40rem;flex-shrink:0;}
#contents04 .inner-Box2 .right-Box{margin:0;position:relative;flex:1;min-width:0;padding-top: 8rem;}

#contents04 .inner-Box2 .left-Box figure.photo {position: relative;top: 0;left: 0;overflow: hidden;border-radius: 2.4rem;}
#contents04 .inner-Box2 .left-Box figure.photo img{width: 100%;height: auto;}
#contents04 .inner-Box2 .right-Box h2 {margin-bottom: 1.9rem;position: relative;font-size: 2.8rem;line-height: 1.8;letter-spacing: 0.14rem;font-weight: 700;text-align: left;}
#contents04 .inner-Box2 .right-Box h2 span{color: #50A578;margin-bottom: 0.4rem;}

#contents04 .inner-Box2 .right-Box h3 {margin-bottom: 3.5rem;position: relative;color: #767676;font-size: 1.3rem;line-height: 1.5;letter-spacing: 0.065rem;font-weight: 400;}
#contents04 .inner-Box2 .right-Box h3 span{display: inline-block;margin: 0rem 0.7rem;position: relative;top: -0.5rem;}
#contents04 .inner-Box2 .right-Box p.text {position: relative;font-size: 1.6rem;line-height: 2;letter-spacing: 0.08rem;font-weight: 400;text-align: left;margin-bottom: 1.6rem;}
#contents04 .inner-Box2 .right-Box h4 {margin-bottom: 0px;position: relative;font-size: 2.0rem;line-height: 1.5;letter-spacing: 0.1rem;font-weight: 700;text-align: right;padding-top: 0.4rem;}
#contents04 .inner-Box2 .right-Box h4 span {font-size: 1.4rem;line-height: 1.5;letter-spacing: 0.07rem;font-weight: 400;text-align: right;position: relative;top: -0.2rem;left: -1.5rem;}


#contents-case {margin: 0 auto 1.2rem;position: relative;background: #fff;border-radius: 0 10rem 0 0;padding: 12.4rem 5vw 13.5rem 5vw;}
#contents-case .inner-Box {margin: 0 auto;position: relative;max-width: 1200px;}
#contents-case .morearrtext .arr{position: absolute;top: -0.6rem;right: 0;width: 3.2rem;height: 3.2rem;}
#contents-case .morearrtext {position: absolute;font-size: 1.2rem;line-height: 1.417;letter-spacing: 0.06rem;font-weight: 500;text-align: right;padding-right: 4rem;bottom: 4rem;right: 3.2rem;}

#contents-case .inner-Box .svbtn{position: absolute;top: 9rem;right: -3.3rem;}
#contents-case .inner-Box .svbtn .morearrtext{ position: relative;}
#contents-case .inner-Box h2 {margin-bottom: 3.4rem;position: relative;font-size: 2.8rem;line-height: 1.8;letter-spacing: 0.14rem;font-weight: 700;text-align: left;}
#contents-case .inner-Box h2 span{color: #50A578;margin-bottom: 0.8rem;}
#contents-case .inner-Box .min-Box{display:flex;gap:4.8rem;}
#contents-case .inner-Box .min-Box .in-Box{flex:1;min-width:0; position: relative;}
#contents-case .inner-Box .min-Box .in-Box a{display: block;padding-bottom: 4.7rem;}
#contents-case .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;}
#contents-case .inner-Box h2 span{ color: #50A578;}

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

#contents-case .in-Box .morearrtext{bottom: 0.9rem;right: 0rem;}


#contents-news {margin: 0 auto -7.7rem;position: relative;background: #F4F4F4;border-radius: 0 10rem 0 0;padding: 13.9rem 5vw 13.5rem 5vw;}
#contents-news .inner-Box{margin:0 auto;position:relative;max-width:1200px;display:flex;gap:2rem;align-items:flex-start;}
#contents-news .left-Box{margin:0;position:relative;width:30rem;flex-shrink:0;}
#contents-news .right-Box{margin:0;position:relative;flex:1;min-width:0;}

#contents-news .left-Box .morearrtext .arr{position: absolute;top: -0.6rem;right: 0;width: 3.2rem;height: 3.2rem;}
#contents-news .left-Box .morearrtext {position: relative;font-size: 1.2rem;line-height: 1.417;letter-spacing: 0.06rem;font-weight: 500;text-align: left;padding-right: 4rem;display: inline-block;}
#contents-news .left-Box h2 {margin-bottom: 2.7rem;position: relative;font-size: 2.8rem;line-height: 1.8;letter-spacing: 0.14rem;font-weight: 700;text-align: left;}
#contents-news .left-Box h2 span{color: #50A578;margin-bottom: 0.4rem;}

#contents-news .system-list{padding: 1px;margin-bottom: 50px;}
#contents-news .system-list li{border-bottom: #CCC 1px solid;margin-bottom: 3.2rem;}
#contents-news .system-list li a{display: block;padding-left: 0.9rem;position: relative;padding-bottom: 3rem;padding-right: 6rem;}
#contents-news .system-list li .databox{font-size: 1.2rem;line-height: 1.083;letter-spacing: 0.06rem;font-weight: 400;text-align: left;color: #50A578;margin-bottom: 1.2rem;}
#contents-news .system-list li .databox .categ{color: #50A578;display: inline-block;background: #fff;border: 1px solid #50A578;border-radius: 0.5rem;padding: 0.9rem 0.9rem;margin-right: 1rem;}
#contents-news .system-list li .arr{position: absolute;right: 0.6rem;width: 3.2rem;height: 3.2rem;bottom: 5rem;}

#contents-news .right-Box .morearrtext .arr{position: absolute;top: 1.8rem;width: 3.2rem;height: 3.2rem;}
#contents-news .right-Box .morearrtext {/* position: relative; */}


    
#contents-column {margin: 0 auto 1.2rem;position: relative;background: #fff;border-radius: 10rem 0 0 0;padding: 11.7rem 5vw 5.5rem 5vw;}
#contents-column .inner-Box {margin: 0 auto;position: relative;max-width: 1200px;}
#contents-column .morearrtext .arr{position: absolute;top: -0.6rem;right: 0;width: 3.2rem;height: 3.2rem;}
#contents-column .morearrtext {position: absolute;font-size: 1.2rem;line-height: 1.417;letter-spacing: 0.06rem;font-weight: 500;text-align: right;padding-right: 4rem;bottom: 4rem;right: 3.2rem;}

#contents-column .inner-Box .svbtn{position: absolute;top: 9rem;right: -3.3rem;}
#contents-column .inner-Box .svbtn .morearrtext{ position: relative;}
#contents-column .inner-Box h2 {margin-bottom: 3.4rem;position: relative;font-size: 2.8rem;line-height: 1.8;letter-spacing: 0.14rem;font-weight: 700;text-align: left;}
#contents-column .inner-Box h2 span{color: #50A578;margin-bottom: 0.5rem;}

#contents-column .system-list{padding:1px;margin-bottom:50px;display:flex;flex-wrap:wrap;gap:3.2rem;align-items:stretch;}
#contents-column .system-list li:nth-child(4){display: none;}
#contents-column .system-list li{margin: 0 0 2rem;width:calc((100% - 6.4rem)/3);display:flex;flex-direction:column;}
#contents-column .system-list li a{display: block;position: relative;}
#contents-column .system-list li .databox{font-size: 1.2rem;line-height: 1.083;letter-spacing: 0.1em;font-weight: 400;text-align: left;color: #50A578;margin-bottom: 1.2rem;}
#contents-column .system-list li .databox .categ{color: #50A578;display: inline-block;background: #fff;border: 1px solid #50A578;border-radius: 0.5rem;margin-right: 1rem;padding: 0.8rem 1rem;line-height: 1;letter-spacing: 0;}
#contents-column .system-list li .arr{position: absolute;right: 0.6rem;width: 3.2rem;height: 3.2rem;bottom: 5rem;}

#contents-column .system-list li .figbo {width: 100%;aspect-ratio: 3 / 1.9;overflow: hidden;text-align: center;margin-bottom: 1.7rem;position: relative;border-radius: 1.6rem;}
#contents-column .system-list li .figbo img { width: 100%; height: 100%; object-fit: cover; display: block; }
#contents-column .system-list li h3{ font-size: 1.6rem; line-height: 1.6; letter-spacing: 0.08rem; font-weight: 700; text-align: left;}


}
@media screen and (min-width:768px) and ( max-width:1260px) {
#contentsmain .rightBox{width: 38vw;padding-right: 2rem;}



}


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

#contentsmain .rightBox{width: 52.2rem;padding-right: 0;}




}



@media screen and (max-width: 767px) {
body{background: #F4F4F4;padding-top: 24vw;}

#pc-glnavi{ background: none;}

#index-head{position:absolute;top:0;left:0;width:100%;z-index:1000;}

#index-head{position: absolute;top: 0;left: 0;padding: 5.4vw 0 0 6.3vw;width: 100vw;}
#index-head p.h-logo span{color: #50A578;font-size: 3.2vw;line-height: 1.417;letter-spacing: 0.16vw;font-weight: 400;text-align: left;padding-top: 1.1vw;display: block;}
#index-head p.h-logo img{width: 44.3vw;}
#index-head.is-fixed{ background: #fff; height: 17.60vw; border-radius: 0 0 0 10vw;}
#index-head.is-fixed p.h-logo span{ display: none; }

#contentsmain{margin: 0 auto 0 4.2vw;position:relative;background: url('../images/index/sp-contentsmain-back01.jpg')no-repeat top center;background-size:cover;border-radius: 15.57vw 0 0 0;}
#contentsmain .inner-Box{margin:0 auto;position:relative;background:url('../images/common/ttlback.svg')repeat-x bottom left;padding: 13.2vw 7.2vw 46.73vw 10.8vw;background-size: 27vw auto;}
#contentsmain .inBox{margin:0 auto;color:#fff;}
#contentsmain .leftBox{margin:0;position:relative;width:85.87vw;flex-shrink:0;}
#contentsmain .rightBox{margin:0;position:relative;width:132.53vw;flex-shrink:0;}
#contentsmain .leftBox h1{margin-bottom: 3.43vw;position:relative;margin-right:-8vw;font-size: 8.53vw;line-height: 1.6;letter-spacing: 0.85vw;font-weight: 700;text-align: left;}
#contentsmain .leftBox h2{margin-bottom:0;position:relative;font-size: 4.8vw;line-height: 1.5;letter-spacing: 0.24vw;font-weight: 700;text-align: left;}
#contentsmain .rightBox p.text{margin-bottom: 7.43vw;position:relative;padding-top: 7.27vw;font-size: 3.73vw;line-height: 2;letter-spacing: 0.19vw;font-weight: 500;text-align: left;}
#contentsmain .rightBox ul.btn-list{}
#contentsmain .rightBox ul.btn-list li{
    width: 74.4vw;
    margin-bottom: 4.5vw;
}
#contentsmain .rightBox ul.btn-list li .gl-btn2 a{width:100%;height: 13.83vw;padding-top: 4vw;}

#contents01{margin:0 auto -22.93vw;position:relative;background:#F4F4F4;padding: 13.53vw 5vw 40.27vw 5vw;}
#contents01 .inner-Box{margin:0 auto;position:relative;}
#contents01 .inner-Box h2{margin-bottom: 8.53vw;position:relative;font-size: 6.13vw;line-height: 1.6;letter-spacing: 0.31vw;font-weight: 700;text-align: center;}
#contents01 .inner-Box h2 span{color:#50A578;margin-bottom: 1.77vw;}
#contents01 .inner-Box ul.commelist{
    margin: 0 1.3vw 17.5vw;
}
#contents01 .inner-Box ul.commelist.startanime li{transform:translateY(10.67vw) scale(.6);animation:bounceIn .7s cubic-bezier(.34,1.56,.64,1) forwards;}
#contents01 .inner-Box ul.commelist li{opacity:0;background:#fff;border-radius:6.4vw;position:relative;padding: 6.7vw 6.57vw 7.37vw;margin: 0 0 0 10.3vw;margin-bottom: 12.7vw;}
#contents01 .inner-Box ul.commelist li:nth-child(2){
    margin: 0 10.3vw 14.7vw 0;
}
#contents01 .inner-Box h3{margin-bottom:3.47vw;position:relative;color:#50A578;font-size: 4.8vw;line-height: 1.5;letter-spacing: 0.24vw;font-weight: 700;text-align: left;}
#contents01 .inner-Box h3 span.f-en{font-size:3.73vw;line-height:1;letter-spacing:.37vw;font-weight:500;text-align:left;display:inline-block;margin-right:1.33vw;top:-2.13vw;position:relative;}
#contents01 .inner-Box p.ltext{position:relative;font-size:3.73vw;line-height:1.8;letter-spacing:.19vw;font-weight:400;text-align:left;}
#contents01 .inner-Box span.comm01{position:absolute;bottom:-8vw;right: 21.57vw;width: 13vw;}
#contents01 .inner-Box span.comm02{position:absolute;bottom: -10.33vw;left:50%;transform:translateX(-50%);width: 11vw;}
#contents01 .inner-Box span.comm03{position:absolute;bottom: -9vw;left: 19.53vw;width: 13.1vw;}
#contents01 .inner-Box figure.img{position:relative;top:0;left:0;text-align:center;margin: 0 1.3vw 7.23vw;}
#contents01 .inner-Box h4{margin-bottom:0;position:relative;font-size: 4.8vw;line-height: 1.2;letter-spacing: 0.24vw;font-weight: 700;text-align: center;}
#contents01 .inner-Box h4 span{color:#50A578;}
#contents01 .inner-Box h4::before{content:"";background:url(../images/price/line.svg)no-repeat;background-size:100% auto;display:inline-block;position:relative;width:4.8vw;height:6.93vw;left: -7.2vw;top: 9.33vw;margin-right: -4vw;}
#contents01 .inner-Box h4::after{content:"";background:url(../images/price/line.svg)no-repeat;background-size:100% auto;display:inline-block;position:relative;width:4.8vw;height:6.93vw;transform:scale(-1,1);top:1.33vw;left: 8.5vw;margin-left: -5vw;}

.delay-1{animation-delay:.1s!important;}
.delay-2{animation-delay:.3s!important;}
.delay-3{animation-delay:.5s!important;}

@keyframes bounceIn{to{opacity:1;transform:translateY(0) scale(1);}}

#contents02{margin: 0 auto -16vw;position:relative;background:#fff;border-radius:0 26.67vw 0 0;padding: 14.53vw 6.3vw 24.9vw;}
#contents02 .inner-Box{margin:0 auto;position:relative;max-width:1200px;}
#contents02 .inner-Box .svbtn{position: relative;margin-bottom: 10.4vw;}
#contents02 .inner-Box h2{margin-bottom: 5.37vw;position:relative;font-size: 6.13vw;line-height: 1.6;letter-spacing: 0.31vw;font-weight: 700;text-align: left;}
#contents02 .inner-Box h2 span{color:#50A578;margin-bottom: 1.87vw;}
#contents02 .inner-Box ul{margin-bottom:8.27vw;}
#contents02 .inner-Box ul li{width: 100%;background:#EFF7F2;position:relative;margin-bottom: 6.1vw;border-radius: 6vw;}
#contents02 .inner-Box h3{margin-bottom:3.47vw;position:relative;color:#50A578;font-size: 5.33vw;line-height: 1.5;letter-spacing: 0.27vw;font-weight: 700;text-align: center;margin-top: 4.1vw;}
#contents02 .inner-Box ul li a{display:block;padding: 6.2vw 6.47vw 18.87vw;}
#contents02 .inner-Box ul li .text{ font-size: 3.73vw; line-height: 1.8; letter-spacing: 0.19vw; font-weight: 400; text-align: left;}
#contents02 .morearrtext{position: relative;font-size:3.2vw;line-height:1.417;letter-spacing:.16vw;font-weight:500;text-align: left;padding-right:10.67vw;display: inline;}
#contents02 .morearrtext .arr{position:absolute;top:-1.6vw;right:0;width:8.53vw;height:8.53vw;}

#contents02 .inner-Box ul li .morearrtext{position: absolute;font-size:3.2vw;line-height:1.417;letter-spacing:.16vw;font-weight:500;text-align: left;padding-right:10.67vw;display: inline;bottom: 9vw;right: 6.5vw;}
#contents02 .inner-Box ul li .morearrtext .arr{position:absolute;top:-1.6vw;right:0;width:8.53vw;height:8.53vw;}

#contents03{margin: 0 auto -17.03vw;position:relative;background:#50A578;padding: 15.5vw 6.4vw 34.2vw 6.5vw;border-radius: 14.67vw 0 0 0;}
#contents03 .inner-Box{margin:0 auto;position:relative;}
#contents03 .inner-Box h2{position: relative;color:#fff;font-size: 6.13vw;line-height: 1.6;letter-spacing: 0.31vw;font-weight: 700;text-align: left;margin-bottom: 13.5vw;}
#contents03 .inner-Box h2 span.f-en{font-size:3.2vw;line-height:1;letter-spacing:.32vw;font-weight:500;position:relative;text-align: left;margin-bottom: 4.6vw;}

#contents03 .inBox{margin: 0 auto 6.3vw 7.6vw;position:relative;background:#fff;border-radius: 4.4vw;padding: 6.3vw 5.7vw 12.2vw;}
#contents03 .inBox .left-Box{}
#contents03 .inBox .right-Box{}

#contents03 .inBox2{margin: 0 auto 6.3vw 7.6vw;position:relative;background:#fff;border-radius: 4.4vw;padding: 6.3vw 5.7vw 12.2vw;}
#contents03 .inBox2 .left-Box{}
#contents03 .inBox2 .right-Box{}

#contents03 .img01{position: absolute;right: 0vw;bottom: 0vw;}
#contents03 .img01.spii1{transform: scale(-1, 1);width: 21.3vw;right: 2.7vw;}
#contents03 .img01.spii2{width: 23vw;right: 3.7vw;bottom: -2.5vw;}
#contents03 .img01.spii3{width: 29vw;right: 5.3vw;bottom: -5.8vw;}


#contents03 span.en{display:block;line-height:1;position:absolute;top:0;left:0;transform-origin:center center;animation:rotate360 20s linear infinite;}
@keyframes rotate360{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
#contents03 span.en img{width: 12.7vw;height:auto;}
#contents03 p.no{position:absolute;font-family:'Poppins',sans-serif;color: #fff;width: 13.6vw;display:block;padding-top: 4.3vw;font-size: 4vw;line-height: 1;letter-spacing: 0.4vw;font-weight: 500;text-align: center;}
#contents03 p.no{top: -5.4vw;left: -10.13vw;}

#contents03 .right-Box h3{margin-bottom: 1.07vw;position:relative;color:#50A578;font-size: 4.27vw;line-height: 1.6;letter-spacing: 0.21vw;font-weight: 700;text-align: left;}
#contents03 .right-Box 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: 2.23vw;top: -1vw;position:relative;left: 0.8vw;}
#contents03 .right-Box p.text{position:relative;font-size: 3.73vw;line-height: 1.8;letter-spacing: 0.19vw;font-weight: 400;text-align: left;margin-left: 1vw;}
#contents03 .gl-btn2{margin: 12.2vw 6.2vw 0;}

#contents04 {margin: 0 auto -15vw;position: relative;z-index: 3;}
#contents04 .inner-Box {margin: 0 auto;position: relative;}
#contents04 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 0vw;}
#contents04 .inner-Box figure.photo img{width: 100%;height: auto;border-radius: 0 15.4vw 0 0;}
#contents04 .inner-Box h2.f-en {margin-bottom: 0px;position: absolute;color: #50A578;right: -0.813vw;z-index: 3;bottom: -2.733vw;font-size: 8vw;line-height: 0.4;letter-spacing: 0.8vw;font-weight: 400;text-align: right;}
#contents04 .inner-Box2 {margin: 0 auto;position: relative;background: #F4F4F4;border-radius: 0 0 0 15.667vw;padding: 19.8vw 6.4vw 16.9vw;}

#contents04 .inner-Box2 .inBox{margin:0 auto;position:relative;}
#contents04 .inner-Box2 .left-Box{margin:0;position:relative;margin-bottom: 5vw;}
#contents04 .inner-Box2 .right-Box{margin:0;position: relative;}

#contents04 .inner-Box2 .left-Box figure.photo {position: relative;top: 0;left: 0;overflow: hidden;border-radius: 4.27vw;margin: 0 10.3vw 0;}
#contents04 .inner-Box2 .left-Box figure.photo img{width: 100%;height: auto;}
#contents04 .inner-Box2 .right-Box h2 {margin-bottom: 4.067vw;position: relative;font-size: 5.33vw;line-height: 1.6;letter-spacing: 0.27vw;font-weight: 700;text-align: left;}
#contents04 .inner-Box2 .right-Box h2 span{color: #50A578;margin-bottom: 1.867vw;}

#contents04 .inner-Box2 .right-Box h3 {margin-bottom: 7.333vw;position: relative;color: #767676;font-size: 3.2vw;line-height: 1.5;letter-spacing: 0.16vw;font-weight: 400;text-align: left;}
#contents04 .inner-Box2 .right-Box h3 span{display: inline-block;margin: 0 1.867vw;position: relative;top: -1.333vw;width: 1.6vw;}
#contents04 .inner-Box2 .right-Box p.text {position: relative;margin-bottom: 4.267vw;font-size: 4vw;line-height: 1.8;letter-spacing: 0.2vw;font-weight: 400;text-align: left;}
#contents04 .inner-Box2 .right-Box h4 {margin-bottom: 0px;position: relative;padding-top: 1.867vw;font-size: 4.8vw;line-height: 1.5;letter-spacing: 0.24vw;font-weight: 700;text-align: right;}
#contents04 .inner-Box2 .right-Box h4 span {position: relative;top: -0.533vw;left: -1.9vw;font-size: 3.2vw;line-height: 1.5;letter-spacing: 0.16vw;font-weight: 400;text-align: right;}

#contents-case {margin: 0 auto;position: relative;background: #fff;border-radius: 0 26.667vw 0 0;padding: 29.267vw 6.4vw 8.8vw;}
#contents-case .inner-Box {margin: 0 auto;position: relative;max-width: 1200px;}
#contents-case .morearrtext .arr{position: absolute;top: -1.6vw;right: 0;width: 8.533vw;height: 8.533vw;}
#contents-case .morearrtext {position: absolute;font-size: 3.2vw;line-height: 1.417;letter-spacing: 0.16vw;font-weight: 500;text-align: right;padding-right: 10.667vw;bottom: 10.667vw;right: 8.533vw;}

#contents-case .inner-Box .svbtn{position: absolute;top: 22.7vw;right: -8.8vw;}
#contents-case .inner-Box .svbtn .morearrtext{ position: relative;}
#contents-case .inner-Box h2 {margin-bottom: 8.067vw;position: relative;font-size: 6.13vw;line-height: 1.6;letter-spacing: 0.31vw;font-weight: 700;text-align: left;}
#contents-case .inner-Box h2 span{color: #50A578;margin-bottom: 2.133vw;}
#contents-case .inner-Box .min-Box{}
#contents-case .inner-Box .min-Box .in-Box{flex:1;min-width:0;position: relative;margin-bottom: 8.3vw;}
#contents-case .inner-Box .min-Box .in-Box a{display: block;padding-bottom: 12.533vw;}

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

#contents-case .in-Box .morearrtext{bottom: 2.4vw;right: 0;}

#contents-news {margin: 0 auto -20.533vw;position: relative;background: #F4F4F4;border-radius: 26.667vw 0 0 0;padding: 14.367vw 6.4vw 21.6vw;}
#contents-news .inner-Box{margin:0 auto;position:relative;}
#contents-news .left-Box{margin:0;position:relative;}
#contents-news .right-Box{margin:0;position:relative;flex:1;min-width:0;}

#contents-news .left-Box .svbtn{position: absolute;top: 7vw;right: -9.8vw;}
#contents-news .left-Box .svbtn .morearrtext{ position: relative;}
#contents-news .left-Box a .morearrtext .arr{display: inline-block;top: 3.1vw;right: -1vw;}
#contents-news .left-Box .morearrtext {position: relative;font-size: 3.2vw;line-height: 1.417;letter-spacing: 0.16vw;font-weight: 500;text-align: left;padding-right: 10.667vw;display: inline-block;}
#contents-news .left-Box h2 {margin-bottom: 7.2vw;position: relative;font-size: 6.13vw;line-height: 1.6;letter-spacing: 0.31vw;font-weight: 700;text-align: left;}
#contents-news .left-Box h2 span{color: #50A578;margin-bottom: 2.167vw;}

#contents-news .system-list{padding: 0.267vw;margin-bottom: 13.333vw;}
#contents-news .system-list li{border-bottom: #CCC 0.267vw solid;margin-bottom: 4.27vw;padding-bottom: 0vw;}
#contents-news .system-list li a{display: block;padding-left: 2.4vw;position: relative;padding-bottom: 4.27vw;}
#contents-news .system-list li .databox{color: #50A578;margin-bottom: 2.6vw;font-size: 2.93vw;line-height: 1;letter-spacing: 0vw;font-weight: 400;text-align: left;}
#contents-news .system-list li .databox .categ{color: #50A578;display: inline-block;background: #fff;border: 0.267vw solid #50A578;border-radius: 1.333vw;padding: 2.3vw 1.9vw;margin-right: 2.067vw;}
#contents-news .system-list li .arr{display: none;}
#contents-news .system-list li h3{font-size: 4vw; line-height: 1.6; letter-spacing: 0.2vw; font-weight: 400; text-align: left;}

#contents-column {margin: 0 auto;position: relative;background: #fff;border-radius: 13.667vw 0 0 0;padding: 14.4vw 6.4vw 14.667vw;}

#contents-column .inner-Box .svbtn{position: absolute;top: 22.7vw;right: -8.8vw;}
#contents-column .inner-Box .svbtn .morearrtext{ position: relative;}
#contents-column .inner-Box h2 span{color: #50A578;margin-bottom: 2.133vw;}

#contents-column .inner-Box {margin: 0 auto;position: relative;max-width: 1200px;}
#contents-column .morearrtext .arr{position: absolute;top: -1.6vw;right: 0;width: 8.533vw;height: 8.533vw;}
#contents-column .morearrtext {position: absolute;font-size: 3.2vw;line-height: 1.417;letter-spacing: 0.16vw;font-weight: 500;text-align: right;padding-right: 10.667vw;bottom: 10.667vw;right: 8.533vw;}

#contents-column .inner-Box h2 {margin-bottom: 5.867vw;position: relative;font-size: 6.13vw;line-height: 1.6;letter-spacing: 0.31vw;font-weight: 700;text-align: left;}

#contents-column .system-list{padding:0;display:flex;flex-wrap:wrap;gap:4vw;align-items:stretch;margin: 0 -2.3vw;}
#contents-column .system-list li{margin:0 0 5.333vw;width:calc((100% - 4vw)/2);display:flex;flex-direction:column;}
#contents-column .system-list li .figbo {width: 100%;aspect-ratio: 3 / 1.9;overflow: hidden;text-align: center;margin-bottom: 4.533vw;position: relative;border-radius: 2.13vw;}
#contents-column .system-list li h3{ font-size: 3.733vw; line-height: 1.5; letter-spacing: 0.213vw; font-weight: 700; text-align: left;}

#contents-column .system-list li .databox{color: #50A578;margin-bottom: 2.6vw;font-size: 2.93vw;line-height: 1;letter-spacing: 0vw;font-weight: 400;text-align: left;}
#contents-column .system-list li .databox .categ{color: #50A578;display: inline-block;background: #fff;border: 0.267vw solid #50A578;border-radius: 1.333vw;padding: 2.3vw 1.9vw;margin-right: 2.067vw;margin-bottom: 2vw;}
#contents-column .system-list li .arr{display: none;}
#contents-column .system-list li h3{}


}