@charset "UTF-8";
:root { --color-gray: #929292; --color-gray-second: #c4c4c4; --color-gray-third: #707070; --color-gray-fourth: #d8d5d5; --color-gray-fifth: #e3e3e3; --color-gray-sixth: #F6F6F6; --color-black: #000000; --color-black-second: #0d0d0d; --color-black-third: #262421; --color-white: #ffffff; --color-brown: #684117; --color-red: #ff0000; --font-noto-sans-jp: "Noto Sans JP", sans-serif; --font-noto-serif-jp: "Noto Serif JP", serif; --font-saira: "Saira Semi Condensed", sans-serif; --font-libre-baskerville: "Libre Baskerville", serif; }

:root { --color-gray: #929292; --color-gray-second: #c4c4c4; --color-gray-third: #707070; --color-gray-fourth: #d8d5d5; --color-gray-fifth: #e3e3e3; --color-gray-sixth: #F6F6F6; --color-black: #000000; --color-black-second: #0d0d0d; --color-black-third: #262421; --color-white: #ffffff; --color-brown: #684117; --color-red: #ff0000; --font-noto-sans-jp: "Noto Sans JP", sans-serif; --font-noto-serif-jp: "Noto Serif JP", serif; --font-saira: "Saira Semi Condensed", sans-serif; --font-libre-baskerville: "Libre Baskerville", serif; }

.main-visual { background: url("../images/mv.jpg") no-repeat center center; background-size: cover; position: relative; text-align: left; padding: 0; z-index: 23; overflow: hidden; height: 516px; }

.main-visual .mv-ttl { position: absolute; content: ""; z-index: 22; left: 0; right: 0; max-width: 1220px; margin: 0 auto; top: 63%; transform: translateY(-50%); padding: 0 20px; }

.main-visual .mv-ttl .ttl01 { -webkit-transition: 0.8s ease all; -moz-transition: 0.8s ease all; -ms-transition: 0.8s ease all; -o-transition: 0.8s ease all; transition: 0.8s ease all; color: #fff; font-size: 65px; line-height: 1.15385; letter-spacing: 0.02em; font-weight: bold; text-shadow: 0 3px 6px rgba(0, 91, 171, 0.8); }

.main-visual .mv-ttl .ttl02 { color: #fff; font-size: 40px; line-height: 1.25; letter-spacing: 0.02em; font-weight: bold; margin: 35px 0 20px; -webkit-transition: 0.8s ease all; -moz-transition: 0.8s ease all; -ms-transition: 0.8s ease all; -o-transition: 0.8s ease all; transition: 0.8s ease all; text-shadow: 0 3px 6px rgba(0, 91, 171, 0.8); }

.main-visual .mv-ttl .ttl03 { color: #fff; font-size: 19px; line-height: 1.31579; letter-spacing: 0.02em; font-weight: bold; text-shadow: 0 3px 6px rgba(61, 141, 48, 0.8); }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .main-visual { height: 300px; }
  .main-visual .mv-ttl { padding: 0 10px; }
  .main-visual .mv-ttl .ttl01 { font-size: 38px; line-height: 1.18421; }
  .main-visual .mv-ttl .ttl02 { font-size: 26px; line-height: 1.15385; margin: 15px 0 10px; }
  .main-visual .mv-ttl .ttl03 { font-size: 17px; line-height: 1.29412; } }

/* ========== end △ */
.sec01 { padding: 34px 0 13px; }

.sec01 .desc01 { text-align: center; font-size: 18px; line-height: 2.16667; letter-spacing: 0.02em; font-weight: 400; }

.sec01 .intro { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; align-items: center; max-width: 985px; margin: 23px auto 73px; }

.sec01 .intro .intro__left { position: relative; width: 52%; padding: 39px 0 0 27px; }

.sec01 .intro .intro__left:before { position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; -ms-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; background: url(../images/bg01.png) no-repeat center center; background-size: 100% auto; width: 563px; height: 324px; }

.sec01 .intro .intro__right { width: 46.5%; }

.sec01 .intro .ttl01 { color: #005BAB; font-size: 25px; line-height: 1.72; letter-spacing: 0em; font-weight: bold; position: relative; z-index: 22; }

.sec01 .block { margin-bottom: 60px; }

.sec01 .block__ttl { position: relative; text-align: center; margin: 0 40px -48px; }

.sec01 .block__ttl:before { content: ""; position: absolute; z-index: -1; top: 0; right: 100%; width: 40px; height: 48px; background: #003869; -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%); clip-path: polygon(100% 0, 100% 100%, 0 100%); }

.sec01 .block__ttl:after { content: ""; position: absolute; z-index: -1; top: 0; left: 100%; width: 40px; height: 48px; background: #003869; -webkit-clip-path: polygon(0% 0, 0% 100%, 100% 100%); clip-path: polygon(0% 0, 0% 100%, 100% 100%); }

.sec01 .block__ttl .ttl { color: #fff; background: 0; font-size: 30px; line-height: 1.66667; letter-spacing: 0.02em; font-weight: bold; background: #005BAB; padding: 23px 10px 23px; border-radius: 0 0 20px 20px; }

.sec01 .block .block__desc01 { font-size: 25px; line-height: 2; letter-spacing: 0em; font-weight: 400; margin-bottom: 24px; }

.sec01 .block .block__desc01 strong { font-size: 25px; line-height: 2; letter-spacing: 0em; font-weight: bold; }

.sec01 .block .block__desc01 small { color: #005BAB; font-size: 25px; line-height: 2; letter-spacing: 0em; font-weight: bold; margin-left: 5px; }

.sec01 .block .bgwh { background: #fff; border: 1px solid #c4c8cb; position: relative; }

.sec01 .block .bgwh:before { position: absolute; content: ""; left: 0; right: 0; width: 200px; height: 50px; background-image: url(../images/bg_arr01.png); background-size: 100% auto; background-repeat: no-repeat; margin: 0 auto; bottom: -50px; z-index: 22; }

.sec01 .block .bgwh .bgwh__ttl { text-align: center; color: #005BAB; font-size: 22px; line-height: 2.27273; letter-spacing: 0em; font-weight: bold; border-bottom: 1px solid #bec5ca; }

.sec01 .block .bgwh .lp-ttl01 { color: #005BAB; font-size: 18px; line-height: 1.38889; letter-spacing: 0em; font-weight: bold; margin-bottom: 13px; }

.sec01 .block .bgwh .c-txt01 { font-size: 16px; line-height: 1.875; letter-spacing: 0.02em; font-weight: 400; }

.sec01 .block .bgwh .c-txt01 + .lp-ttl01 { margin-top: 24px; }

.sec01 .block .bgwh .c-lst01 li { font-size: 16px; line-height: 1.875; letter-spacing: 0.02em; font-weight: 300; position: relative; padding: 0 0 0 17px; }

.sec01 .block .bgwh .c-lst01 li:before { position: absolute; content: "・"; left: 0; top: 0; }

.sec01 .block .bgwh .bgwh__content { padding: 26px 47px 35px; }

.sec01 .block__lst01 { margin: 70px 0 0; }

.sec01 .block__lst01 .item { background: #fff; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); padding: 20px 18px 36px; }

.sec01 .block__lst01 .item .item__ttl { background: #005BAB; font-size: 22px; line-height: 1.36364; letter-spacing: 0.02em; font-weight: bold; position: relative; padding: 12px 10px 12px; border-radius: 34px; text-align: center; }

.sec01 .block__lst01 .item .item__ttl span { color: #fff; }

.sec01 .block__lst01 .item .item__desc { font-size: 16px; line-height: 1.875; letter-spacing: 0em; font-weight: 300; margin: 25px 0 0; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .sec01 .block__lst01 { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .sec01 .block__lst01 .item { width: 32%; margin: 0 2% 0 0; }
  .sec01 .block__lst01 .item:nth-child(3n), .sec01 .block__lst01 .item:last-child { margin-right: 0; } }

/* ========== end △ */
.sec01 .block__lst02 { margin: 11px 0 0; }

.sec01 .block__lst02 .item { padding: 0; }

.sec01 .block__lst02 .item .img { text-align: center; -webkit-mix-blend-mode: multiply; mix-blend-mode: multiply; }

.sec01 .block__lst02 .item .cap { font-size: 16px; line-height: 1.25; letter-spacing: 0em; font-weight: bold; margin: 15px 0 0; text-align: center; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .sec01 .block__lst02 { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; }
  .sec01 .block__lst02 .item { max-width: 24%; }
  .sec01 .block__lst02 .item:nth-child(4n), .sec01 .block__lst02 .item:last-child { margin-right: 0; } }

/* ========== end △ */
.sec01 .block__info { background: #E1F1FD; padding: 80px 40px 40px; }

.sec01 .block.green .block__ttl:before { background: #1E6A10; }

.sec01 .block.green .block__ttl:after { background: #1E6A10; }

.sec01 .block.green .block__ttl .ttl { background: #3D8D2E; }

.sec01 .block.green .block__desc01 small { color: #3D8D2E; }

.sec01 .block.green .bgwh .bgwh__ttl { color: #3D8D2E; }

.sec01 .block.green .bgwh .lp-ttl01 { color: #3D8D2E; }

.sec01 .block.green .block__lst01 { margin: 70px 0 0; }

.sec01 .block.green .block__lst01 .item .item__ttl { background: #3D8D2E; }

.sec01 .block.green .block__lst02 { margin: 11px 0 0; }

.sec01 .block.green .block__lst02 .item .img { -webkit-mix-blend-mode: normal; mix-blend-mode: normal; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; height: 226px; }

.sec01 .block.green .block__lst02 .item .img span { width: 100%; }

.sec01 .block.green .block__info { background: #DDEAD9; }

.sec01 .block.blue02 .block__ttl:before { background: #118FA3; }

.sec01 .block.blue02 .block__ttl:after { background: #118FA3; }

.sec01 .block.blue02 .block__ttl .ttl { background: #33BAD0; }

.sec01 .block.blue02 .block__desc01 small { color: #33BAD0; }

.sec01 .block.blue02 .bgwh .bgwh__ttl { color: #33BAD0; }

.sec01 .block.blue02 .bgwh .lp-ttl01 { color: #33BAD0; }

.sec01 .block.blue02 .block__lst01 { margin: 70px 0 0; }

.sec01 .block.blue02 .block__lst01 .item .item__ttl { background: #33BAD0; }

.sec01 .block.blue02 .block__lst02 { margin: 11px 0 0; }

.sec01 .block.blue02 .block__lst02 .item .img { -webkit-mix-blend-mode: normal; mix-blend-mode: normal; }

.sec01 .block.blue02 .block__info { background: #F5F5F5; }

.sec01 .btn01 { text-align: center; margin: 56px 0 0; }

.sec01 .btn01 .c-btn01 { margin: 0 auto; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .sec01 { padding: 15px 0 10px; }
  .sec01 .desc01 { text-align: left; font-size: 16px; line-height: 1.5625; }
  .sec01 .intro { margin: 10px auto 25px; }
  .sec01 .intro .intro__left { width: 100%; padding: 56px 0 48px; text-align: center; }
  .sec01 .intro .intro__left:before { width: 300px; height: 213px; right: 0; margin: 0 auto; }
  .sec01 .intro .intro__right { width: 100%; text-align: center; padding: 0 15%; }
  .sec01 .intro .ttl01 { font-size: 18px; line-height: 1.66667; }
  .sec01 .block { margin-bottom: 60px; }
  .sec01 .block__ttl { position: relative; text-align: center; margin: 0 40px -48px; }
  .sec01 .block__ttl:before { content: ""; position: absolute; z-index: -1; top: 0; right: 100%; width: 40px; height: 48px; background: #003869; -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%); clip-path: polygon(100% 0, 100% 100%, 0 100%); }
  .sec01 .block__ttl:after { content: ""; position: absolute; z-index: -1; top: 0; left: 100%; width: 40px; height: 48px; background: #003869; -webkit-clip-path: polygon(0% 0, 0% 100%, 100% 100%); clip-path: polygon(0% 0, 0% 100%, 100% 100%); }
  .sec01 .block__ttl .ttl { color: #fff; background: 0; font-size: 30px; line-height: 1.66667; letter-spacing: 0.02em; font-weight: bold; background: #005BAB; padding: 23px 10px 23px; border-radius: 0 0 20px 20px; }
  .sec01 .block .block__desc01 { font-size: 25px; line-height: 2; letter-spacing: 0em; font-weight: 400; margin-bottom: 24px; }
  .sec01 .block .block__desc01 strong { font-size: 25px; line-height: 2; letter-spacing: 0em; font-weight: bold; }
  .sec01 .block .block__desc01 small { color: #005BAB; font-size: 25px; line-height: 2; letter-spacing: 0em; font-weight: bold; margin-left: 5px; }
  .sec01 .block .bgwh { background: #fff; border: 1px solid #c4c8cb; position: relative; }
  .sec01 .block .bgwh:before { position: absolute; content: ""; left: 0; right: 0; width: 200px; height: 50px; background-image: url(../images/bg_arr01.png); background-size: 100% auto; background-repeat: no-repeat; margin: 0 auto; bottom: -50px; z-index: 22; }
  .sec01 .block .bgwh .bgwh__ttl { text-align: center; color: #005BAB; font-size: 22px; line-height: 2.27273; letter-spacing: 0em; font-weight: bold; border-bottom: 1px solid #bec5ca; }
  .sec01 .block .bgwh .lp-ttl01 { color: #005BAB; font-size: 18px; line-height: 1.38889; letter-spacing: 0em; font-weight: bold; margin-bottom: 13px; }
  .sec01 .block .bgwh .c-txt01 { font-size: 16px; line-height: 1.875; letter-spacing: 0.02em; font-weight: 400; }
  .sec01 .block .bgwh .c-txt01 + .lp-ttl01 { margin-top: 24px; }
  .sec01 .block .bgwh .c-lst01 li { font-size: 16px; line-height: 1.875; letter-spacing: 0.02em; font-weight: 300; position: relative; padding: 0 0 0 17px; }
  .sec01 .block .bgwh .c-lst01 li:before { position: absolute; content: "・"; left: 0; top: 0; }
  .sec01 .block .bgwh .bgwh__content { padding: 26px 47px 35px; }
  .sec01 .block__lst01 { margin: 70px 0 0; }
  .sec01 .block__lst01 .item { background: #fff; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); padding: 20px 18px 36px; }
  .sec01 .block__lst01 .item .item__ttl { background: #005BAB; font-size: 22px; line-height: 1.36364; letter-spacing: 0.02em; font-weight: bold; position: relative; padding: 12px 10px 12px; border-radius: 34px; text-align: center; }
  .sec01 .block__lst01 .item .item__ttl span { color: #fff; }
  .sec01 .block__lst01 .item .item__desc { font-size: 16px; line-height: 1.875; letter-spacing: 0em; font-weight: 300; margin: 25px 0 0; }
  /* ▽ PC-TAB layout ========== */ }

@media only screen and (max-width: 767px) and (min-width: 768px) { .sec01 .block__lst01 { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .sec01 .block__lst01 .item { width: 32%; margin: 0 2% 0 0; }
  .sec01 .block__lst01 .item:nth-child(3n), .sec01 .block__lst01 .item:last-child { margin-right: 0; } }

@media only screen and (max-width: 767px) { /* ========== end △ */
  .sec01 .block__lst02 { margin: 11px 0 0; }
  .sec01 .block__lst02 .item { padding: 0; }
  .sec01 .block__lst02 .item .img { text-align: center; -webkit-mix-blend-mode: multiply; mix-blend-mode: multiply; }
  .sec01 .block__lst02 .item .cap { font-size: 16px; line-height: 1.25; letter-spacing: 0em; font-weight: bold; margin: 15px 0 0; text-align: center; }
  /* ▽ PC-TAB layout ========== */ }

@media only screen and (max-width: 767px) and (min-width: 768px) { .sec01 .block__lst02 { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; }
  .sec01 .block__lst02 .item { max-width: 24%; }
  .sec01 .block__lst02 .item:nth-child(4n), .sec01 .block__lst02 .item:last-child { margin-right: 0; } }

@media only screen and (max-width: 767px) { /* ========== end △ */
  .sec01 .block__info { background: #E1F1FD; padding: 80px 40px 40px; }
  .sec01 .block.green .block__ttl:before { background: #1E6A10; }
  .sec01 .block.green .block__ttl:after { background: #1E6A10; }
  .sec01 .block.green .block__ttl .ttl { background: #3D8D2E; }
  .sec01 .block.green .block__desc01 small { color: #3D8D2E; }
  .sec01 .block.green .bgwh .bgwh__ttl { color: #3D8D2E; }
  .sec01 .block.green .bgwh .lp-ttl01 { color: #3D8D2E; }
  .sec01 .block.green .block__lst01 { margin: 70px 0 0; }
  .sec01 .block.green .block__lst01 .item .item__ttl { background: #3D8D2E; }
  .sec01 .block.green .block__lst02 { margin: 11px 0 0; }
  .sec01 .block.green .block__lst02 .item .img { -webkit-mix-blend-mode: normal; mix-blend-mode: normal; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; height: 226px; }
  .sec01 .block.green .block__lst02 .item .img span { width: 100%; }
  .sec01 .block.green .block__info { background: #DDEAD9; }
  .sec01 .block.blue02 .block__ttl:before { background: #118FA3; }
  .sec01 .block.blue02 .block__ttl:after { background: #118FA3; }
  .sec01 .block.blue02 .block__ttl .ttl { background: #33BAD0; }
  .sec01 .block.blue02 .block__desc01 small { color: #33BAD0; }
  .sec01 .block.blue02 .bgwh .bgwh__ttl { color: #33BAD0; }
  .sec01 .block.blue02 .bgwh .lp-ttl01 { color: #33BAD0; }
  .sec01 .block.blue02 .block__lst01 { margin: 70px 0 0; }
  .sec01 .block.blue02 .block__lst01 .item .item__ttl { background: #33BAD0; }
  .sec01 .block.blue02 .block__lst02 { margin: 11px 0 0; }
  .sec01 .block.blue02 .block__lst02 .item .img { -webkit-mix-blend-mode: normal; mix-blend-mode: normal; }
  .sec01 .block.blue02 .block__info { background: #F5F5F5; }
  /* ▽ SP layout ========== */ }

@media only screen and (max-width: 767px) and (max-width: 767px) { .sec01 .block { margin-bottom: 40px; }
  .sec01 .block__ttl { margin: 0 25px -65px; }
  .sec01 .block__ttl:before { width: 25px; height: 25px; }
  .sec01 .block__ttl:after { width: 25px; height: 25px; }
  .sec01 .block__ttl .ttl { font-size: 20px; line-height: 1.5; padding: 15px 10px 15px; border-radius: 0 0 15px 15px; }
  .sec01 .block .block__desc01 { font-size: 18px; line-height: 1.55556; margin-bottom: 15px; }
  .sec01 .block .block__desc01 strong { font-size: 18px; line-height: 1.55556; display: block; }
  .sec01 .block .block__desc01 small { display: block; font-size: 18px; line-height: 1.55556; margin-left: 0; }
  .sec01 .block .bgwh:before { width: 100px; height: 30px; bottom: -30px; }
  .sec01 .block .bgwh .bgwh__ttl { font-size: 18px; line-height: 1.66667; padding: 6px 5px 6px; }
  .sec01 .block .bgwh .lp-ttl01 { font-size: 16px; line-height: 1.4375; margin-bottom: 13px; }
  .sec01 .block .bgwh .c-txt01 { font-size: 14px; line-height: 1.57143; }
  .sec01 .block .bgwh .c-txt01 + .lp-ttl01 { margin-top: 20px; }
  .sec01 .block .bgwh .c-lst01 li { font-size: 14px; line-height: 1.57143; }
  .sec01 .block .bgwh .bgwh__content { padding: 15px 12px 15px; }
  .sec01 .block__lst01 { margin: 40px 0 0; }
  .sec01 .block__lst01 .item { padding: 15px 12px 25px; margin-bottom: 20px; }
  .sec01 .block__lst01 .item .item__ttl { font-size: 18px; line-height: 1.27778; padding: 12px 10px 12px; border-radius: 25px; }
  .sec01 .block__lst01 .item .item__desc { font-size: 15px; line-height: 1.6; margin: 15px 0 0; }
  .sec01 .block__lst02 { margin: 11px 0 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .sec01 .block__lst02 .item { width: 50%; padding: 0 5px 5px; }
  .sec01 .block__lst02 .item:nth-child(2n), .sec01 .block__lst02 .item:last-child { margin-right: 0; }
  .sec01 .block__lst02 .cap { font-size: 14px; line-height: 1.57143; margin: 10px 0 0; }
  .sec01 .block__info { padding: 75px 10px 20px; }
  .sec01 .block.green .block__lst01 { margin: 40px 0 0; }
  .sec01 .block.green .block__lst02 .item .img { min-height: 195px; }
  .sec01 .block.blue02 .block__lst01 { margin: 40px 0 0; }
  .sec01 .block.blue02 .block__lst02 .item .img { min-height: 150px; } }

@media only screen and (max-width: 767px) { /* ========== end △ */
  .sec01 .btn01 { margin: 56px 0 0; }
  /* ▽ SP layout ========== */ }

@media only screen and (max-width: 767px) and (max-width: 767px) { .sec01 .btn01 { margin-top: 20px; } }

@media only screen and (max-width: 767px) { /* ========== end △ */
  .sec01 .btn01 .c-btn01 { margin: 0 auto; } }

/* ========== end △ */
.sec02 { padding: 0; }

.sec02 .heading { position: relative; z-index: 33; background: url(../images/bg03.jpg) no-repeat center center; background-size: cover; text-align: center; padding: 42px 0 76px; }

.sec02 .heading .ttl { font-size: 30px; line-height: 1.76667; letter-spacing: 0em; font-weight: bold; color: #fff; }

.sec02 .block01 { background: #F5F5F5; padding: 0 0 74px; }

.sec02 .block01 .lst01 { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; margin: -48px 0 0; position: relative; z-index: 234; }

.sec02 .block01 .lst01 .item { background: #fff; border-radius: 20px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); padding: 20px 20px 32px; width: 30%; }

.sec02 .block01 .lst01 .item:nth-child(3n) { margin-right: 0; }

.sec02 .block02 { padding: 103px 0 93px; position: relative; }

.sec02 .block02:after { position: absolute; content: ""; background: url(../images/bg02.png) no-repeat center center; background-size: 100% auto; z-index: 3; pointer-events: none; width: 2142px; height: 1875px; left: 44%; top: -47%; transform: translateX(-50%); }

.sec02 .block02 .ttl02 { text-align: center; font-size: 25px; line-height: 2.08; letter-spacing: 0em; font-weight: bold; margin-bottom: 20px; }

.sec02 .block02 .img { text-align: center; margin: 44px 0 0; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .sec02 .heading { padding: 45px 0 45px; }
  .sec02 .heading .ttl { font-size: 20px; line-height: 1.5; }
  .sec02 .block01 { padding: 15px 0 35px; }
  .sec02 .block01 .lst01 { margin: 0 0 0; }
  .sec02 .block01 .lst01 .item { border-radius: 20px; padding: 20px 10px 32px; width: 100%; margin-bottom: 20px; }
  .sec02 .block01 .lst01 .item:last-child { margin-bottom: 0; }
  .sec02 .block01 .lst01 .item:nth-child(3n) { margin-right: 0; }
  .sec02 .block02 { padding: 35px 0 35px; }
  .sec02 .block02:after { width: 190vw; height: 144vw; left: 44%; top: -11%; transform: translateX(-50%); }
  .sec02 .block02 .ttl02 { text-align: left; font-size: 18px; line-height: 1.66667; margin-bottom: 20px; }
  .sec02 .block02 .box-scrollsp { overflow-x: scroll; padding: 0 0 10px; }
  .sec02 .block02 .box-scrollsp .img { width: 500px; }
  .sec02 .block02 .img { text-align: center; margin: 0; } }

/* ========== end △ */
.sec03 { position: relative; background: #E1F1FD; padding: 87px 0 84px; }

.sec03:after { position: absolute; content: ""; left: 0; top: 51%; background: url(../images/bg04.png) no-repeat center center; background-size: 100% auto; z-index: 3; pointer-events: none; width: 1521px; height: 792px; }

.sec03 .ttl { text-align: center; font-size: 30px; line-height: 1.76667; letter-spacing: 0em; font-weight: bold; }

.sec03 .container { position: relative; z-index: 22; }

.sec03 ul li { background: #fff; border-radius: 20px; color: #005BAB; padding: 22px 20px 22px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15); text-align: center; }

.sec03 ul li .txt { font-size: 18px; line-height: 1.38889; letter-spacing: 0em; font-weight: bold; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .sec03 ul { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 49px 0 0; }
  .sec03 ul li { width: 32%; margin: 0 2% 20px 0; }
  .sec03 ul li:nth-child(3n), .sec03 ul li:last-child { margin-right: 0; } }

/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .sec03 { padding: 35px 0 25px; }
  .sec03:after { left: 0; top: 51%; width: 100vw; height: 70vw; }
  .sec03 .ttl { font-size: 20px; line-height: 1.5; }
  .sec03 ul { margin: 20px 0 0; }
  .sec03 ul li { border-radius: 20px; padding: 12px 10px 12px; margin-bottom: 14px; }
  .sec03 ul li .txt { font-size: 17px; line-height: 1.41176; } }

/* ========== end △ */
.sec04 { position: relative; text-align: center; padding: 95px 0 129px; }

.sec04:before { position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; -ms-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; background: url(../images/bg05.png) no-repeat center center; background-size: 100% auto; width: 500px; height: 288px; margin: 0 auto; right: 0; }

.sec04 .desc { color: #005BAB; position: relative; font-size: 30px; line-height: 1.7; letter-spacing: 0em; font-weight: bold; text-align: center; display: inline-block; z-index: 22; padding: 31px 10px 27px 10px; width: 100%; max-width: 678px; }

.sec04 .desc:before { position: absolute; content: ""; left: 0; top: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='343' height='130.06' viewBox='0 0 343 130.06'%3E%3Cg id='Group_37499' data-name='Group 37499' transform='translate(-340 -7174.94)'%3E%3Cpath id='Path_542' data-name='Path 542' d='M-20180.367-9494.087v-125.687h338.945' transform='translate(20524.422 16795.215)' fill='none' stroke='%2352b5fd' stroke-width='1'/%3E%3Ccircle id='Ellipse_47' data-name='Ellipse 47' cx='4.5' cy='4.5' r='4.5' transform='translate(340 7296)' fill='%2352b5fd'/%3E%3C/g%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: 100% 100%; background-position: center; width: 343px; height: 131px; }

.sec04 .desc:after { position: absolute; content: ""; right: 0; bottom: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='343' height='130.059' viewBox='0 0 343 130.059'%3E%3Cg id='Group_37498' data-name='Group 37498' transform='translate(-682.25 -7205.44)'%3E%3Cpath id='Path_543' data-name='Path 543' d='M-20180.367-9494.087v-125.687h338.945' transform='translate(-19159.172 -2284.775) rotate(180)' fill='none' stroke='%2352b5fd' stroke-width='1'/%3E%3Ccircle id='Ellipse_48' data-name='Ellipse 48' cx='4.5' cy='4.5' r='4.5' transform='translate(1025.25 7214.44) rotate(180)' fill='%2352b5fd'/%3E%3C/g%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; width: 343px; height: 131px; background-size: 100% 100%; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .sec04 { padding: 45px 0 45px; }
  .sec04:before { width: 500px; height: 288px; }
  .sec04 .desc { font-size: 18px; padding: 20px 10px 20px 10px; width: 100%; max-width: 678px; }
  .sec04 .desc:before { width: 190px; height: 70px; }
  .sec04 .desc:after { width: 190px; height: 70px; } }

/* ========== end △ */

/*# sourceMappingURL=maps/top.css.map */