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

#contentsmain {margin: 0 auto 60px;position: relative;}
#contentsmain .inner-Box { margin: 0 auto; position: relative; }
#contentsmain .inner-Box span.lin1 {display: inline-block;line-height: 1;position: relative;top: 1px;}
#contentsmain .inner-Box span.lin2 {display: inline-block;line-height: 1;transform: scale(-1, 1);position: relative;top: 0px;}
#contentsmain .inner-Box h2 {font-size: 3.2rem;line-height: 1.33;font-weight: 700;letter-spacing: 0.16rem;margin-bottom: 50px;position: relative;text-align: center;}
#contentsmain .inner-Box figure.img {position: relative;top: 0;left: 0;margin-bottom: 73px;}
#contentsmain .inner-Box figure.img img{ width: 100%; height: auto; }
#contentsmain .inner-Box h3 {font-size: 2.4rem;line-height: 2;font-weight: 700;letter-spacing: 0.12rem;margin-bottom: 50px;position: relative;text-align: center;}
#contentsmain .inner-Box h3 span { background: linear-gradient(transparent 60%, #FFF183 60%); }

#contentsmain .inBox {margin: 0 auto 61px;position: relative;max-width: 1000px;display: flex;justify-content: space-between;gap: 4.6%; /* 余白 */align-items: stretch; /* 高さを揃える */}
#contentsmain .leftBox, #contentsmain .rightBox { position: relative; width: 47.7%; border: 1px solid #B5B5B5; border-radius: 24px; padding: 41px 0 0; box-sizing: border-box; }

#contentsmain .inBox h4 {font-size: 2.4rem;line-height: 1.33;font-weight: 700;letter-spacing: 0.12rem;margin-bottom: 23px;position: relative;text-align: center;color: #0057AA;}
#contentsmain .inBox p.text1 {font-size: 1.6rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.08rem;margin: 0 10% 2.2rem;position: relative;}
#contentsmain .inBox p.text1 span {font-weight: bold;}
#contentsmain .inBox ul.list {margin-left: 10%;margin-bottom: 4.3rem;}
#contentsmain .inBox ul li { position: relative; }
#contentsmain .inBox ul li:nth-child(3n) { margin-right: 0px; }
#contentsmain .inBox span.ch {display: block;line-height: 1;position: absolute;top: 0;left: 0;}
#contentsmain .inBox span.ch img {  }
#contentsmain .inBox p.ltext {font-size: 1.6rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.08rem;position: relative;padding: 0 0 0 3.3rem;margin-bottom: 0.8rem;}

#contentsmain span.barr {display: block;line-height: 1;text-align: center;}
#contentsmain span.barr img {  }

#contents01 {margin: 0 auto 32px;position: relative;max-width: 1000px;border-radius: 24px;background: #F3F5FA;text-align: center;}
#contents01 .inner-Box {margin: 0 auto;position: relative;padding: 68px 3rem 33px;}
#contents01 .inner-Box h2 {font-size: 2.4rem;line-height: 1.33;font-weight: 700;letter-spacing: 0.12rem;margin-bottom: 3.2rem;position: relative;}
#contents01 .inner-Box figure.denlogo {position: relative;top: 0;left: 0;margin-bottom: 3.1rem;}
#contents01 .inner-Box figure.denlogo img{  }
#contents01 .inner-Box p.text {font-size: 1.6rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.08rem;margin-bottom: 3.7rem;position: relative;}
#contents01 .inner-Box p.denbtn {  font-size: 1.6rem; line-height: 1.8; font-weight: 400; letter-spacing: 0.08rem; margin-bottom: 3rem; position: relative; }
#contents01 .inner-Box p.denbtn a {display: block;width: 280px;height: 52px;margin: 0 auto;border: 1px solid #20992A;border-radius: 50px;background: #fff;color: #20992A;font-size: 1.4rem;font-weight: bold;position: relative;padding-top: 13px;transition: all 0.3s ease-in-out;}
#contents01 .inner-Box p.denbtn a:hover { background: #20992A; color: #fff; }
#contents01 .inner-Box span.blank {display: block;line-height: 1;position: absolute;top: 17px;right: 21px;}
#contents01 .inner-Box span.blank img { transition: all 0.3s ease-in-out; }
#contents01 .inner-Box a:hover span.blank img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }

#contents02 {margin: 0 auto 62px;position: relative;max-width: 1000px;border-radius: 24px;background: #F3F5FA;text-align: center;}
#contents02 .inner-Box {margin: 0 auto;position: relative;padding: 68px 3rem 73px;}
#contents02 .inner-Box h2 {font-size: 2.4rem;line-height: 1.33;font-weight: 700;letter-spacing: 0.12rem;margin-bottom: 1.2rem;position: relative;}
#contents02 .inner-Box figure.denlogo {position: relative;top: 0;left: 0;margin-bottom: 3.1rem;}
#contents02 .inner-Box figure.denlogo img{  }
#contents02 .inner-Box p.text {font-size: 1.2rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.08rem;margin-bottom: 3.1rem;position: relative;}
#contents02 .inner-Box .btn{ }
#contents02 .inner-Box .btn img{ max-width: 600px; width: 100%;}

#contents03 {margin: 0 auto 16rem;position: relative;text-align: center;}
#contents03 .inner-Box { margin: 0 auto; position: relative; }
#contents03 .inner-Box p.text {font-size: 1.6rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.08rem;margin-bottom: 3rem;position: relative;display: inline-block;}
#contents03 .inner-Box p.morebtn {font-size: 1.6rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.08rem;position: relative;display: inline-block;margin-left: 10px;top: 0px;}
#contents03 .inner-Box p.morebtn a {width: 240px;height: 52px;display: inline-block;border: 1px solid #0057AA;border-radius: 50px;background: #fff;font-size: 1.4rem;font-weight: bold;color: #0057AA;padding: 12px 30px 0 21px;transition: all 0.3s ease-in-out;}
#contents03 .inner-Box p.morebtn a:hover { background: #0057AA; color: #fff; }
#contents03 .inner-Box p.morebtn a .arr{position: absolute;top: 2rem;right: 3rem;transition: all 0.3s ease-in-out;}
#contents03 .inner-Box p.morebtn a:hover .arr{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}


}

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

#contentsmain {margin: 0 auto 5.8vw;position: relative;padding: 6.83vw 0 0;}
#contentsmain .inner-Box {margin: 0 6.2vw;position: relative;}
#contentsmain .inner-Box span.lin1 {display: block;line-height: 1;position: absolute;top: 0.8vw;left: 50%;margin-left: -37.8vw;width: 3.4vw;transform: rotate(7deg);transform-origin: center;}
#contentsmain .inner-Box span.lin2 {display: block;line-height: 1;position: absolute;top: 0.8vw;left: 50%;margin-left: 33.8vw;width: 3.4vw;transform: rotate(68deg);transform-origin: center;}
#contentsmain .inner-Box h2 {font-size: 4.80vw;line-height: 1.33;font-weight: 700;letter-spacing: 0.24vw;margin-bottom: 4.43vw;position: relative;text-align: center;}
#contentsmain .inner-Box figure.img {position: relative;top: 0;left: 0;margin-bottom: 5.27vw;}
#contentsmain .inner-Box figure.img img{ width: 100%; height: auto; }
#contentsmain .inner-Box h3 {font-size: 4.27vw;line-height: 1.8;font-weight: 700;letter-spacing: 0.21vw;margin-bottom: 7.53vw;position: relative;}
#contentsmain .inner-Box h3 span { background: linear-gradient(transparent 60%, #FFF183 60%); }

#contentsmain .inBox {margin: 0 auto 6.27vw;position: relative; /* 余白 */ /* 高さを揃える */}
#contentsmain .leftBox, #contentsmain .rightBox {position: relative;border: 0.27vw solid #B5B5B5;border-radius: 4.4vw;padding: 6.93vw 0 2.4vw;margin-bottom: 4.5vw;}

#contentsmain .inBox h4 {font-size: 5.33vw;line-height: 1.33;font-weight: 700;letter-spacing: 0.32vw;margin-bottom: 3.73vw;position: relative;text-align: center;color: #0057AA;}
#contentsmain .inBox p.text1 {font-size: 3.73vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.19vw;margin: 0 6.1vw 3.4vw;position: relative;}
#contentsmain .inBox p.text1 span {font-weight: bold;}
#contentsmain .inBox ul.list {margin-bottom: 5.3vw;margin-left: 6vw;margin-right: 7vw;}
#contentsmain .inBox ul li { position: relative; }
#contentsmain .inBox ul li:nth-child(3n) { margin-right: 0.0vw; }
#contentsmain .inBox span.ch {display: block;line-height: 1;position: absolute;top: 0.7vw;width: 5.1vw;left: 0.6vw;}
#contentsmain .inBox span.ch img {  }
#contentsmain .inBox p.ltext {font-size: 4.27vw;line-height: 1.5;font-weight: 400;letter-spacing: 0.21vw;position: relative;padding: 0 0 0 8.1vw;margin-bottom: 2.3vw;}

#contentsmain span.barr {display: block;line-height: 1;text-align: center;margin: 0 36.8vw;}
#contentsmain span.barr img {  }

#contents01 {margin: 0 6.1vw 4.63vw;position: relative;border-radius: 4.4vw;background: #F3F5FA;text-align: center;}
#contents01 .inner-Box {position: relative;padding: 6.83vw 3vw 1.1vw;}
#contents01 .inner-Box h2 {font-size: 5.33vw;line-height: 1.33;font-weight: 700;letter-spacing: 0.27vw;margin-bottom: 3.2rem;position: relative;}
#contents01 .inner-Box figure.denlogo {position: relative;top: 0;left: 0;margin: 0 17.1vw 6vw;}
#contents01 .inner-Box figure.denlogo img{  }
#contents01 .inner-Box p.text {font-size: 3.73vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.19vw;margin: 0 3.7vw 5.4vw;position: relative;text-align: left;}
#contents01 .inner-Box p.denbtn {  font-size: 4.27vw; line-height: 1.8; font-weight: 400; letter-spacing: 0.21vw; margin-bottom: 3rem; position: relative; }
#contents01 .inner-Box p.denbtn a {display: block;height: 13.87vw;margin: 0 4vw;border: 0.27vw solid #20992A;border-radius: 13.33vw;background: #fff;color: #20992A;font-size: 3.73vw;font-weight: bold;position: relative;padding-top: 3.47vw;transition: all 0.3s ease-in-out;}
#contents01 .inner-Box p.denbtn a:hover { background: #20992A; color: #fff; }
#contents01 .inner-Box span.blank {display: block;line-height: 1;position: absolute;top: 4.73vw;right: 5.9vw;width: 4.5vw;}
#contents01 .inner-Box span.blank img { transition: all 0.3s ease-in-out; }
#contents01 .inner-Box a:hover span.blank img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }

#contents02 {margin: 0 6.1vw 4.83vw;position: relative;border-radius: 4.4vw;background: #F3F5FA;text-align: center;}
#contents02 .inner-Box {position: relative;padding: 6.03vw 3vw 9vw;}
#contents02 .inner-Box h2 {font-size: 5.33vw;line-height: 1.53;font-weight: 700;letter-spacing: 0.27vw;margin-bottom: 1.7vw;position: relative;}
#contents02 .inner-Box figure.denlogo {position: relative;top: 0;left: 0;margin: 0 17.1vw 6vw;}
#contents02 .inner-Box figure.denlogo img{  }
#contents02 .inner-Box p.text {font-size: 3.20vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.15vw;margin: 0 3.7vw 3.4vw 5.8vw;position: relative;text-align: left;}
#contents02 .inner-Box .btn{margin: 0 3.7vw;}
#contents02 .inner-Box .btn img{  width: 100%;}

#contents03 {margin: 0 auto 15.03vw;position: relative;text-align: center;}
#contents03 .inner-Box { margin: 0 4vw; position: relative; }
#contents03 .inner-Box p.text {font-size: 3.73vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.21vw;margin-bottom: 3.6vw;position: relative;display: inline-block;}
#contents03 .inner-Box p.morebtn {font-size: 4.27vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.21vw;position: relative;display: block;top: 0.0vw;}
#contents03 .inner-Box p.morebtn a {height: 14.87vw;border: 0.27vw solid #0057AA;border-radius: 13.33vw;background: #fff;font-size: 4.27vw;font-weight: bold;color: #0057AA;padding: 3.2vw 0 0 0.6vw;transition: all 0.3s ease-in-out;display: block;margin: 0 2.6vw;}
#contents03 .inner-Box p.morebtn a .arr{position: absolute;top: 6.1vw;right: 8.6vw;transition: all 0.3s ease-in-out;width: 3.5vw;display: block;}

}