@charset "utf-8";

/* ----------------------------------------------------------------------
 home
---------------------------------------------------------------------- */
/* common */
#lp #sec2 h2,
#lp #sec3 h2 {
 color: #39B68E;
}

#lp #sec2 h2,
#lp #sec3 h2,
#lp #sec5 h2,
#lp #sec6 h2 {
 font-weight: 600;
 text-align: center;
}

#lp #sec2 h2,
#lp #sec3 h2,
#lp #sec5 h2 {
 font-size: 3.6rem;
 padding-top: 10rem;
 margin-bottom: 4.4rem;
}

/* sec1 */
#lp #sec1 .cont {
 /* background: #D1F5EE; */
 padding-bottom: 2rem;
}

#lp #sec1 .cont-bf {
 height: 68rem;
 background-repeat: no-repeat;
 background-size: 100% auto;
 background-position: center bottom;
 padding-top: 12rem;
}

#lp #sec1 .cont {
 background-size: 100% auto;
}

#lp #sec1 .line {
 width: 68rem;
 margin: 0 auto;
}

#lp #sec1 .line img {
 width: 100%;
 height: auto;
}

#lp #sec1 .co {
 width: 60rem;
 margin: 0 auto;
 padding-bottom: 9.2rem;
}

#lp #sec1 .co h3 {
 font-size: 3.2rem;
 font-weight: 600;
 text-align: center;
 margin-bottom: 3.6rem;
}

#lp #sec1 .co p {
 font-size: 1.8rem;
 text-align: justify;
 font-weight: 500;
}

@media screen and (min-width: 1901px) {
 #lp #sec1 .cont-bf {
  height: 76rem;
 }
}

/* sec2 sec3 */
#lp #sec2 .cont {
 padding-top: 6rem;
}

#lp #sec2 .cont,
#lp #sec3 .cont {
 width: 94rem;
 margin: 0 auto;
}

#lp #sec2 h2 .sp_br,
#lp #sec2 h2 .sp_br2,
#lp #sec3 h2 .sp_br {
 display: none;
}

#lp #sec2 ul,
#lp #sec3 .ul-lb ul {
 display: flex;
 justify-content: space-between;
 position: relative;
}

#lp #sec3 .ul-rb ul {
 display: flex;
 justify-content: end;
 position: relative;
}

#lp #sec3 .ul-lb ul {
 flex-wrap: wrap;
 position: relative;
}

#lp #sec3 .ulb {
 display: table-cell;
}

#lp #sec3 .ul-lb {
 width: calc(94rem * 66 / 100);
}

#lp #sec3 .ul-rb {
 width: calc(94rem * 34 / 100);
}


#lp #sec2 li.rel-menu,
#lp #sec3 li.rel-menu {
 z-index: 1;
}

#lp #sec2 li.rel-menu div,
#lp #sec3 li.rel-menu div {
 text-align: center;
 height: 100%;
 background: #FFEAB4;
 border-radius: 2rem;
 padding: 3.2rem 0 2.4rem;
}

#lp #sec2 li.rel-menu:nth-of-type(2) div,
#lp #sec3 .ul-lb li.rel-menu:nth-of-type(1) div,
#lp #sec3 .ul-lb li.rel-menu:nth-of-type(4) div {
 background: #FFD4B4;
}

#lp #sec3 .ul-rb li.rel-menu:nth-of-type(1) div {
 background: #D1F5EE;
}

#lp #sec3 li.rel-menu {
 width: 30rem;
 height: 44rem;
 /* padding: 3.2rem 0 0rem; */
}

#lp #sec3 .ul-lb li.rel-menu {
 width: 30rem;
 height: 21rem;
 margin-bottom: 2rem;
}

#lp #sec2 li.rel-menu {
 width: 30rem;
}

#lp #sec2 li.rel-menu h3,
#lp #sec3 li.rel-menu h3 {
 font-size: 2.2rem;
 font-weight: 600;
 margin-bottom: 2.8rem;
}

#lp #sec3 li.rel-menu h3 {
 margin-bottom: 1.8rem;
}

#lp #sec2 li.rel-menu img {
 width: 100%;
 height: auto;
 /* background: #ffff00; */
 margin-bottom: 2.2rem;
}

#lp #sec2 li.rel-menu p,
#lp #sec3 li.rel-menu p {
 font-size: 1.8rem;
 line-height: calc(3.2 / 2);
 margin: 0 auto;
}

#lp #sec2 li.rel-menu p {
 font-weight: 500;
}

#lp #sec3 li.rel-menu p {
 line-height: calc(3.4 / 2);
 width: 72%;
}

#lp #sec3 .ul-rb li.rel-menu p {
 text-align: justify;
 /* margin-bottom: 2rem; */
}

#lp #sec2 img.ill01 {
 width: auto;
 height: 22rem;
 position: absolute;
 top: -21rem;
 right: 0rem;
}

#lp #sec3 img.ill02 {
 width: auto;
 height: 22rem;
 position: absolute;
 top: -21rem;
 left: 0rem;
}

#lp #sec3 img.ill02-2 {
 display: none;
 width: auto;
 height: 22rem;
 position: absolute;
}

/* sec5 */
#lp #sec5 .cont {
 width: 88rem;
 padding-bottom: 15rem;
 margin: 0 auto;
}

#lp #sec5 h2 {
 margin-bottom: 5.4rem;
}

#lp #sec5 h2 span {
 font-weight: 600;
 border-bottom: .4rem solid;
 padding-bottom: 1rem;
}

#lp #sec5 .cont ul {
 display: flex;
 justify-content: space-between;
}

#lp #sec5 li.flow {
 text-align: center;
 width: calc(100% / 7 + 6rem);
}

#lp #sec5 li.flow .fb p {
 font-size: 1.8rem;
 font-weight: 500;
 line-height: calc(3.2 / 2);
}

#lp #sec5 li.flow .fb img {
 width: calc(100% - 6rem);
 height: auto;
 margin-bottom: 2.4rem;
}

#lp #sec5 li.flow.arrow {
 text-align: center;
 width: calc(100% / 7 - 8rem);
}

#lp #sec5 li.flow.arrow img {
 width: 4rem;
 height: auto;
 padding-top: 4rem;
}

/* sec6 */
#lp #sec6 {
 background: #D1F5EE;
 background-size: 100% auto;
 background-position: center bottom;
 padding: 6.5rem 0 2.5rem;
}

#lp #sec6 .cont {
 width: 88rem;
 background: #fff;
 border-radius: 2rem;
 margin: 0 auto;
 padding: 5rem 5.5rem;
}

#lp #sec6 h2 {
 font-size: 3.6rem;
 margin-bottom: 1.8rem;
}

#lp #sec6 h2 .sp_br {
 display: none;
}

#lp #sec6 h3 {
 font-size: 2.2rem;
 margin: 0 auto 2rem;
}

#lp #sec6 .reference {
 font-size: 2rem;
 font-weight: 300;
 line-height: calc(3.8 / 2);
 margin-bottom: 2rem;
}

#lp #sec6 .exp {
 text-align: center;
 padding-top: 2.6rem;
}

#lp #sec6 .exp a {
 text-decoration: underline;
}

/* form */
#lp .sec .cont.form {
 width: 72rem;
 padding: 9rem 0 0;
 margin: 0 auto;
}

#lp #sec7 {
 background-repeat: no-repeat;
 background-size: 100% auto;
 background-position: center top;
 padding: 24rem 0 8rem;
}

#lp #sec7 h2 {
 font-size: 2rem;
 text-align: center;
 margin-bottom: 4rem;
}

#lp #sec7 ul {
 display: flex;
 justify-content: center;
}

#lp #sec7 ul li {
 width: 28rem;
}

#lp #sec7 ul li.left {
 margin-right: 2rem;
}

#lp #sec7 ul li.right {
 margin-left: 2rem;
}

#lp #sec7 ul li img {
 width: 100%;
 height: auto;
}

#lp .sec .cont.form h2 {
 font-size: 2.8rem;
 text-align: center;
 font-weight: 600;
 line-height: calc(3.4 / 2);
 margin-bottom: 2.6rem;
}

#lp .sec .cont.form h2 .sp_br {
 display: none;
}

#lp .sec .cont.form ul {
 display: flex;
 justify-content: center;
}

#lp .sec .cont.form li.btn {
 text-align: center;
 width: 88%;
 position: relative;
}

#lp .sec .cont.form li.btn a {
 display: inline-block;
 color: #fff;
 font-size: 3.2rem;
 font-weight: 600;
 width: 100%;
 background: #F8A81D;
 border-radius: 1rem;
 padding: 2.5rem 0;
 box-shadow: 0.5rem 0.55rem 0rem rgba(0, 0, 0, .16);
 transition: all .2s ease-in-out;
}

#lp .sec .cont.form li.btn a:hover {
 background: #39B68E;
 box-shadow: 0.25rem 0.25rem 0rem rgba(0, 0, 0, .48);
 transform: translate3d(0, .2rem, 0);
}

#lp .sec .cont.form li.btn img.arrow {
 width: 4rem;
 height: auto;
 position: absolute;
 top: 0;
 bottom: 0;
 right: 4rem;
 margin: auto;
}

#lp .sec .cont.form p.exp {
 text-align: center;
 padding-top: 3rem;
}