@charset "UTF-8";
.main-visual { position: relative; text-align: center; padding: 0 0 3px; }

.main-visual .mv__catch { position: absolute; left: 51px; right: 51px; top: 50%; transform: translateY(-50%); z-index: 13; }

.main-visual .mv__ttl01 { font-size: 0; letter-spacing: 0; max-width: 490px; text-align: left; }

.main-visual .mv__ttl01 .tag { color: #202020; font-size: 4.2rem; line-height: 1.2381em; letter-spacing: 0em; font-weight: bold; background: #fff; margin: 0 7px 7px 0; display: inline-block; vertical-align: top; padding: 8px 24px 13px; }

.main-visual .mv__ttl01 .tag em { color: #ba976e; font-style: normal; font-size: 6.5rem; line-height: 1em; letter-spacing: 0em; font-weight: bold; }

.main-visual .mv__ttl01 .tag.bdlt { border-radius: 20px 0 0 0; }

.main-visual .mv__ttl01 .tag.bdrt { border-radius: 0 20px 0 0; }

.main-visual .mv__ttl01 .tag.bdlb { border-radius: 0 0 0 20px; }

.main-visual .mv__ttl01 .tag .bdrb { border-radius: 0 20px 0 0; }

.main-visual .mv__slider { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }

.main-visual .mv__slider .slider { animation: scroll 130s linear infinite; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }

.main-visual .mv__slider .img { width: 3170px; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .main-visual { padding: 0 9px 5px; }
  .main-visual .mv__catch { left: 20px; right: 20px; top: 45%; }
  .main-visual .mv__ttl01 { max-width: 68%; }
  .main-visual .mv__ttl01 .tag { font-size: 5.83333vw; margin: 0 6px 4px 0; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1); padding: 5px 10px 5px; }
  .main-visual .mv__ttl01 .tag em { font-size: 7.91667vw; }
  .main-visual .mv__ttl01 .tag.bdlt { border-radius: 10px 0 0 0; }
  .main-visual .mv__ttl01 .tag.bdrt { border-radius: 0 10px 0 0; }
  .main-visual .mv__ttl01 .tag.bdlb { border-radius: 0 0 0 10px; }
  .main-visual .mv__ttl01 .tag .bdrb { border-radius: 0 10px 0 0; }
  .main-visual .mv__slider { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }
  .main-visual .mv__slider .slider { animation: scroll 60s linear infinite; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }
  .main-visual .mv__slider .img { margin-right: 1vw; width: 462px; } }

/* ========== end △ */
.sec01 { background: #fff8f0; padding: 20px 0 40px; }

.sec01 .block__ttl { position: relative; text-align: center; }

.sec01 .block__ttl:after { background: url(../images/common/icn_arr03.png) no-repeat center center; background-size: 100% auto; position: absolute; content: ""; right: -10px; top: 50%; width: 16px; height: 18px; margin: -9px 0 0; }

.sec01 .block__ttl .ttl { padding: 19px 10px 19px; background: #fff; position: relative; z-index: 11; font-size: 4rem; line-height: 1.125em; letter-spacing: 0em; font-weight: bold; }

.sec01 .block__info ul li { margin-bottom: 2px; }

.sec01 .block__info ul li .date { font-size: 1.6rem; line-height: 1.5625em; letter-spacing: 0em; font-weight: 400; -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; }

.sec01 .block__info ul li .ttl { font-size: 1.8rem; line-height: 1.55556em; letter-spacing: 0em; font-weight: 400; -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; }

.sec01 .block__info ul li a { background: #fff; padding: 18px 24px 18px; display: block; text-decoration: none; position: relative; -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; }

.sec01 .block__info ul li a:after { background: #202020 url(../images/common/icn_arr01_wh.png) no-repeat center center; background-size: 9px 9px; position: absolute; content: ""; right: 25px; top: 50%; width: 30px; height: 30px; margin: 0; border-radius: 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; margin: -12px 0 0; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .sec01 .block__info ul li a:hover { opacity: 1; background: #ba976e; }
  .sec01 .block__info ul li a:hover:after { transform: translate(5px, -5px); }
  .sec01 .block__info ul li a:hover .date, .sec01 .block__info ul li a:hover .ttl { color: #fff; } }

/* ========== end △ */
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .sec01 .block { 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: flex-start; }
  .sec01 .block__ttl { width: 235px; background: #ffffff; }
  .sec01 .block__info { width: calc(100% - 235px); padding: 0 0 0 2px; } }

/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .sec01 { padding: 25px 0 25px; }
  .sec01 .block__ttl { text-align: center; }
  .sec01 .block__ttl:after { right: 0px; top: auto; left: 0; bottom: -10px; width: 16px; height: 18px; margin: 0 auto; transform: rotate(90deg); }
  .sec01 .block__ttl .ttl { padding: 12px 10px 12px; font-size: 2.6rem; line-height: 1.15385em; }
  .sec01 .block__info { margin: 6px 0 0; }
  .sec01 .block__info ul li { margin-bottom: 2px; }
  .sec01 .block__info ul li .date { font-size: 1.5rem; line-height: 1.6em; }
  .sec01 .block__info ul li .ttl { font-size: 1.6rem; line-height: 1.5em; }
  .sec01 .block__info ul li a { padding: 10px 45px 10px 12px; }
  .sec01 .block__info ul li a:after { right: 12px; width: 25px; height: 25px; margin: -12px 0 0; } }

/* ========== end △ */
.sec02 { background: #fff8f0; padding: 55px 0 101px; }

.sec02 .mod-tabs { margin: 56px 0 0; }

.sec02 .btn01 { text-align: center; margin: 0; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .sec02 { padding: 25px 0 30px; }
  .sec02 .mod-tabs { margin: 25px 0 0; }
  .sec02 .btn01 { margin: 20px 0 0; } }

/* ========== end △ */
.sec03 { background: #fff8f0; padding: 0 0 63px; }

.sec03 .container { max-width: 1590px; }

.sec03 .lst-block { background: #ffffff; border-radius: 60px; }

.sec03 .block { padding: 42px 22px 17px; }

.sec03 .block .tags .tag { background: #ba976e; color: #fff; display: inline-block; border-radius: 50px; font-size: 4.6rem; line-height: 1.08696em; letter-spacing: 0em; font-weight: bold; position: relative; padding: 18px 31px 20px 101px; margin: 0 20px 33px 0; }

.sec03 .block .tags .tag:before { background: url(../images/common/icn_tag.png) no-repeat center center; background-size: 100% auto; position: absolute; content: ""; left: 40px; top: 21px; width: 43px; height: 48px; }

.sec03 .block .tags .tag.yellow { background: #ffe361; color: #202020; }

.sec03 .block .tags .tag.yellow:before { background: url(../images/common/icn_tag02.png) no-repeat center center; background-size: 100% auto; }

.sec03 .block .tags .tag.green { color: #202020; background: #71cab4; }

.sec03 .block .tags .tag.green:before { background: url(../images/common/icn_tag02.png) no-repeat center center; background-size: 100% auto; }

.sec03 .block .tags .tag:last-child { margin-right: 0; }

.sec03 .block .block__ttl { font-size: 4rem; line-height: 1.25em; letter-spacing: 0em; font-weight: bold; margin: 25px 0 0; }

.sec03 .block .block__desc { margin: 38px 0 0; }

.sec03 .block .block__desc p { font-size: 1.8rem; line-height: 1.66667em; letter-spacing: 0em; font-weight: 500; margin-bottom: 19px; }

.sec03 .block .block__desc p:last-child { margin-bottom: 0; }

.sec03 .block .block__btn { margin: 45px 0 0; }

.sec03 .block .lst-img { 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; }

.sec03 .block .lst-img li { width: 49%; margin: 0 2% 20px 0; }

.sec03 .block .lst-img li img { border-radius: 20px; }

.sec03 .block .lst-img li:nth-child(2n) { margin-right: 0; }

.sec03 .block.block01 { background: #f5efe2; border-radius: 60px; }

.sec03 .block.block01 .block__btn .c-bnt01 { max-width: 362px; }

.sec03 .block.block02 { background: #ffffff; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .sec03 .block { 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; }
  .sec03 .block__info { width: 49%; padding: 54px 55px 0 0; }
  .sec03 .block__img { width: 51%; }
  .sec03 .block.block02 .block__info { order: 2; padding: 81px 0 0 71px; }
  .sec03 .block.block02 .block__img { order: 1; } }

/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .sec03 { padding: 0 0 63px; }
  .sec03 .lst-block { border-radius: 40px; }
  .sec03 .block { padding: 30px 15px 17px; margin-bottom: 20px; }
  .sec03 .block .tags .tag { border-radius: 50px; font-size: 2.2rem; line-height: 1.36364em; padding: 9px 31px 11px 45px; margin: 0 10px 10px 0; }
  .sec03 .block .tags .tag:before { left: 15px; top: 12px; width: 23px; height: 28px; }
  .sec03 .block .tags .tag:last-child { margin-right: 0; }
  .sec03 .block .block__ttl { font-size: 2.4rem; line-height: 1.33333em; margin: 14px 0 0; }
  .sec03 .block .block__desc { margin: 14px 0 0; }
  .sec03 .block .block__desc p { font-size: 1.6rem; line-height: 1.875em; letter-spacing: 0em; font-weight: 500; margin-bottom: 19px; }
  .sec03 .block .block__desc p:last-child { margin-bottom: 0; }
  .sec03 .block .block__btn { margin: 25px 0 0; text-align: center; }
  .sec03 .block__img { text-align: center; margin: 25px 0 0; }
  .sec03 .block .lst-img { 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; }
  .sec03 .block .lst-img li { width: 49%; margin: 0 2% 20px 0; }
  .sec03 .block .lst-img li img { border-radius: 20px; }
  .sec03 .block .lst-img li:nth-child(2n) { margin-right: 0; }
  .sec03 .block.block01 { border-radius: 40px; }
  .sec03 .block.block01 .block__btn .c-bnt01 { max-width: 362px; } }

/* ========== end △ */
.sec04 { padding-bottom: 100px; background: #fff8f0; }

.sec04 .container { max-width: 1590px; }

.sec04 ul li { border-top: 8px solid #ffe361; border-bottom: 8px solid #ffe361; background: #fff; position: relative; padding: 34px 20px 48px 20px; }

.sec04 ul li:after { background: url(../images/common/box_icn01.png) no-repeat center center; background-size: 100% auto; position: absolute; content: ""; right: 0; top: -8px; width: 18px; height: 24px; -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; }

.sec04 ul li .item__thumb .c-img { position: relative; }

.sec04 ul li .item__thumb .c-img:before { display: block; content: " "; width: 100%; padding-top: 63.44086%; }

.sec04 ul li .item__thumb .c-img > .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.sec04 ul li .info { padding: 31px 0 0 0; }

.sec04 ul li .desc01 { font-size: 2rem; line-height: 1.5em; letter-spacing: 0em; font-weight: bold; text-align: left; max-width: 340px; margin: 0 auto; }

.sec04 ul li .ttl { 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; text-decoration: none; position: absolute; left: 0; top: 0; right: 0; z-index: 22; }

.sec04 ul li .ttl .ttljp { background: #ffe361; color: #202020; font-size: 3.3rem; line-height: 1em; letter-spacing: 0em; font-weight: bold; padding: 15px 20px 19px 79px; margin-right: 0; border-radius: 0 0 10px 0; }

.sec04 ul li .ttl .ttljp:before { background: url(../images/common/icn_tag02.png) no-repeat center center; background-size: 100% auto; position: absolute; content: ""; left: 35px; top: 16px; width: 32px; height: 38px; }

.sec04 ul li .ttl .ttlen { color: #ffe361; font-family: "Supermercado One", sans-serif; font-size: 4.8rem; line-height: 1em; letter-spacing: 0em; font-weight: 400; padding: 8px 0 0 18px; position: relative; max-width: calc(100% - 200px); }

.sec04 ul li .btn { margin: 41px 0 0; }

.sec04 ul li:nth-child(2) { border-top: 8px solid #7599f4; border-bottom: 8px solid #7599f4; }

.sec04 ul li:nth-child(2):after { background-image: url(../images/common/box_icn02.png); }

.sec04 ul li:nth-child(2) .ttl .ttljp { background: #7599f4; }

.sec04 ul li:nth-child(2) .ttl .ttlen { color: #7599f4; }

.sec04 ul li:nth-child(3) { border-top: 8px solid #71cab4; border-bottom: 8px solid #71cab4; }

.sec04 ul li:nth-child(3):after { background-image: url(../images/common/box_icn03.png); }

.sec04 ul li:nth-child(3) .ttl .ttljp { background: #71cab4; }

.sec04 ul li:nth-child(3) .ttl .ttlen { color: #71cab4; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .sec04 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; }
  .sec04 ul li { width: 32.33%; margin: 0 1.5% 0 0; }
  .sec04 ul li:nth-child(3n) { margin-right: 0; } }

/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .sec04 { padding-bottom: 60px; }
  .sec04 ul li { border-top: 6px solid #ffe361; border-bottom: 6px solid #ffe361; padding: 27px 15px 35px; margin-bottom: 20px; }
  .sec04 ul li:last-child { margin-bottom: 0; }
  .sec04 ul li:after { right: 0; top: -6px; width: 14px; height: 19px; }
  .sec04 ul li .info { padding: 20px 0 0 0; }
  .sec04 ul li .desc01 { font-size: 1.8rem; line-height: 1.38889em; max-width: 340px; margin: 0 auto; }
  .sec04 ul li .ttl .ttljp { font-size: 2.2rem; line-height: 1em; padding: 8px 15px 10px 38px; border-radius: 0 0 10px 0; }
  .sec04 ul li .ttl .ttljp:before { left: 12px; top: 8px; width: 20px; height: 25px; }
  .sec04 ul li .ttl .ttlen { font-size: 3.8rem; line-height: 1em; padding: 5px 30px 0 20px; position: relative; max-width: calc(100% - 150px); }
  .sec04 ul li .btn { margin: 25px auto 0; max-width: 395px; }
  .sec04 ul li:nth-child(2) { border-top: 6px solid #7599f4; border-bottom: 6px solid #7599f4; }
  .sec04 ul li:nth-child(3) { border-top: 6px solid #71cab4; border-bottom: 6px solid #71cab4; } }

/* ========== end △ */
.sec05 { background: url(../images/top/bg01.jpg) no-repeat center center; background-size: cover; margin: 20px 25px 20px; padding: 77px 20px 70px; }

.sec05 .container { max-width: 1525px; }

.sec05 .ttl01 { font-size: 4rem; line-height: 1.25em; letter-spacing: 0em; font-weight: bold; }

.sec05 .desc { font-size: 2rem; line-height: 1.5em; letter-spacing: 0em; font-weight: 500; max-width: 375px; margin: 53px 0 0; }

.sec05 .btn { margin: 46px 0 0; }

.sec05 .btn .c-btn01 { max-width: 275px; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .sec05 { margin: 20px 12px 20px; padding: 40px 12px 40px; }
  .sec05 .ttl01 { font-size: 3rem; line-height: 1em; }
  .sec05 .desc { font-size: 1.8rem; line-height: 1.44444em; max-width: 100%; margin: 25px 0 0; }
  .sec05 .btn { text-align: center; margin: 30px 0 0; }
  .sec05 .btn .c-btn01 { max-width: 225px; } }

/* ========== end △ */
#footer .fmap { display: block; }

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