.main { padding: 0; }

.home-mainimg { position: relative; margin-bottom: 20px; background: url("../img/home/mainimg_bg001.svg") no-repeat left top; background-size: 100% auto; }
@media screen and (max-width: 750px) { .home-mainimg { margin-bottom: 2.6666666667%; background-image: url("../img/home/sp/mainimg_bg001.svg"); } }
.home-mainimg .mainimg-ttl { padding-top: 30px; color: #fff; font-size: 2.5rem; }
@media screen and (max-width: 750px) { .home-mainimg .mainimg-ttl { padding-top: 5.3333333333%; font-size: 1.6rem; text-align: center; } }
.home-mainimg .mainimg-fig { width: 98.7142857143%; margin: -60px auto 0; }
@media screen and (max-width: 1100px) { .home-mainimg .mainimg-fig { margin-top: -20px; } }
@media screen and (max-width: 750px) { .home-mainimg .mainimg-fig { width: 100%; margin-top: 2.6666666667%; } }

.home-top .top-in { width: 100%; max-width: 1000px; margin: 0 auto 75px; padding-bottom: 60px; border-bottom: 1px solid #005eac; }
@media screen and (max-width: 750px) { .home-top .top-in { margin-bottom: 14.4927536232%; padding-bottom: 14.4927536232%; } }
.home-top p { color: #005eac; text-align: center; }

.home-method { margin-bottom: 90px; }
@media screen and (max-width: 750px) { .home-method { margin-bottom: 8%; } }
.home-method .method-in { width: 100%; max-width: 1300px; margin: 0 auto; padding: 0 20px; line-height: 1.6; }
@media screen and (max-width: 750px) { .home-method .method-in { padding: 0 4%; } }
.home-method .method-heading { margin-bottom: 70px; font-size: 3.2rem; color: #005eac; text-align: center; font-weight: 700; }
@media screen and (max-width: 750px) { .home-method .method-heading { margin-bottom: 11.5942028986%; font-size: 2.6666666667rem; } }
.home-method ul { display: flex; column-gap: 2.380952381%; }
@media screen and (max-width: 750px) { .home-method ul { display: block; width: 86.9565217391%; margin: 0 auto; } }
.home-method ul li { position: relative; width: 31.746031746%; background-color: #fff; box-shadow: 7px 7px 7px 7px rgba(0, 0, 0, 0.1); border-radius: 20px; overflow: hidden; }
@media screen and (max-width: 750px) { .home-method ul li { width: 100%; margin-bottom: 11.6666666667%; }
  .home-method ul li:last-child { margin-bottom: 0; } }
.home-method ul li a { display: flex; flex-direction: column; height: 100%; text-decoration: none; }
.home-method ul li dl { flex: 1; padding: 20px 60px 20px 30px; background: url("../img/common/ico_arrow_btn.svg") no-repeat right 20px center; background-size: 38px auto; color: #005eac; font-weight: 700; }
@media screen and (max-width: 980px) { .home-method ul li dl { padding: 10px 40px 10px 10px; background-position: right 10px center; background-size: 28px auto; } }
@media screen and (max-width: 750px) { .home-method ul li dl { padding: 5% 15% 5% 5%; background-size: 9.5% auto; background-position: right 5% center; } }
.home-method ul li dl dt { font-size: 2.0rem; }
@media screen and (max-width: 980px) { .home-method ul li dl dt { font-size: 1.8rem; } }
@media screen and (max-width: 750px) { .home-method ul li dl dt { font-size: 1.6rem; } }
.home-method ul li dl dd { font-size: 1.3rem; }
@media screen and (max-width: 750px) { .home-method ul li dl dd { font-size: 1.0666666667rem; } }

.home-bg { position: relative; background: #e0eef7 url("../img/home/bg_home.png") no-repeat right top; background-size: 100% auto; }
@media screen and (max-width: 750px) { .home-bg { background-image: url("../img/home/sp/bg_home.png"); } }

.home-bg-b { position: relative; padding-bottom: 280px; background: url("../img/home/bg_home02.png") no-repeat right bottom -1px; background-size: 100% auto; }
@media screen and (max-width: 750px) { .home-bg-b { padding-bottom: 29.3333333333%; background-image: url("../img/home/sp/bg_home02.png"); } }

.home-report { margin-bottom: 100px; }
@media screen and (max-width: 750px) { .home-report { margin-bottom: 20.6666666667%; } }
.home-report .report-main { position: relative; width: 100%; max-width: 1000px; margin: 0 auto; }
@media screen and (max-width: 750px) { .home-report .report-main { width: 86.9565217391%; max-width: 100%; } }
.home-report .report-btn { position: absolute; bottom: 0; left: 50%; width: 100%; max-width: 296px; margin-left: -148px; margin-bottom: 30px; }
@media screen and (max-width: 750px) { .home-report .report-btn { width: 87.1666666667%; max-width: 100%; margin-left: -43.5%; }
  .home-report .report-btn .c-btn { max-width: 100%; } }

.home-contents .con-box { margin-bottom: 60px; }
@media screen and (max-width: 750px) { .home-contents .con-box { margin-bottom: 12.6666666667%; } }
.home-contents .con-box:last-child { margin-bottom: 0; }
.home-contents .con-box .con-in { width: 100%; max-width: 1373px; margin: 0 auto; padding: 0 20px; line-height: 1.6; }
@media screen and (max-width: 750px) { .home-contents .con-box .con-in { padding: 0 4%; } }
.home-contents .con-box .con-main { display: flex; justify-content: space-between; column-gap: 90px; padding: 85px 65px; background-color: #fff; border-radius: 20px; }
@media screen and (max-width: 980px) { .home-contents .con-box .con-main { display: block; padding: 30px 0; } }
@media screen and (max-width: 750px) { .home-contents .con-box .con-main { padding-block: 13.0434782609%; } }
.home-contents .con-box .con-top { width: 100%; max-width: 296px; }
@media screen and (max-width: 980px) { .home-contents .con-box .con-top { max-width: 100%; border-bottom: 4px solid #e7eff3; } }
@media screen and (max-width: 980px) { .home-contents .con-box .con-top .con-btn { display: none; } }
.home-contents .con-box .con-ttl { margin-bottom: 30px; font-size: 2.2rem; font-weight: 700; color: #005eac; }
@media screen and (max-width: 980px) { .home-contents .con-box .con-ttl { padding: 0 40px; text-align: center; } }
@media screen and (max-width: 750px) { .home-contents .con-box .con-ttl { margin-bottom: 14.4927536232%; padding: 0 5.7971014493%; font-size: 2.7733333333rem; } }
.home-contents .con-box .con-ttl span { font-size: 1.8rem; font-weight: 400; }
@media screen and (max-width: 980px) { .home-contents .con-box .con-btn .c-btn { width: 76.231884058%; max-width: 100%; margin: 0 auto; } }
.home-contents .con-box ul { flex: 1; }
@media screen and (max-width: 980px) { .home-contents .con-box ul { margin-bottom: 30px; } }
@media screen and (max-width: 750px) { .home-contents .con-box ul { margin-bottom: 10.1449275362%; } }
.home-contents .con-box ul li { display: flex; align-items: center; justify-content: space-between; padding: 20px 0; border-bottom: 1px solid #e7eff3; }
@media screen and (max-width: 980px) { .home-contents .con-box ul li { display: block; padding: 20px 40px; border-bottom-width: 4px; } }
@media screen and (max-width: 750px) { .home-contents .con-box ul li { padding: 5.7971014493% 2.8985507246%; } }
.home-contents .con-box ul li:first-child { padding-top: 0; }
@media screen and (max-width: 980px) { .home-contents .con-box ul li:first-child { padding-top: 20px; } }
.home-contents .con-box ul li dl, .home-contents .con-box ul li .linklist-ttl { flex: 1; }
.home-contents .con-box ul li dl dt, .home-contents .con-box ul li .linklist-ttl dt { margin-bottom: 10px; font-size: 1.4rem; }
.home-contents .con-box ul li .linklist-pdf { width: 100%; max-width: 204px; margin-left: 20px; }
@media screen and (max-width: 980px) { .home-contents .con-box ul li .linklist-pdf { margin: 20px auto 0; } }
.home-contents .con-box ul li .linklist-pdf a { display: flex; text-decoration: none; padding: 10px 15px; border: 1px solid #b5cdd3; background-color: #fff; border-radius: 2em; }
.home-contents .con-box ul li .linklist-pdf a .ico { width: 1.4rem; margin-right: 10px; }
.home-contents .con-box ul li .linklist-pdf a span { flex: 1; font-size: 1.3rem; color: #0a49dc; }

/*# sourceMappingURL=home.css.map */
