@charset "UTF-8";
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; }

html { font-size: 62.5%; }
@media screen and (max-width: 750px) { html { font-size: 2.1111111111vw; } }

body { color: #2B2B2B; font-family: "Noto Sans JP", YuGothicM, YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-size: 1.8rem; -webkit-text-size-adjust: 100%; }

li { list-style: none; }

img { max-width: 100%; vertical-align: bottom; }

video { max-width: 100%; }

a { color: #2B2B2B; }
a:hover { text-decoration: none; }

button { padding: 0; border: none; background: none; font-family: inherit; font-size: 1.8rem; cursor: pointer; }

input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="submit"], input[type="button"], textarea, select { font-family: inherit; font-size: 1.8rem; }

.only-pc { display: block; }
@media screen and (max-width: 750px) { .only-pc { display: none; } }

.only-sp { display: none; }
@media screen and (max-width: 750px) { .only-sp { display: block; } }

img.only-pc, span.only-pc { display: inline; }
@media screen and (max-width: 750px) { img.only-pc, span.only-pc { display: none; } }
img.only-sp, span.only-sp { display: none; }
@media screen and (max-width: 750px) { img.only-sp, span.only-sp { display: inline; } }

table.only-pc { display: table; }
@media screen and (max-width: 750px) { table.only-pc { display: none; } }
table.only-sp { display: none; }
@media screen and (max-width: 750px) { table.only-sp { display: table; } }

.js-tel { color: #000 !important; text-decoration: none; cursor: default; }

.pagetop { position: fixed; bottom: 20px; right: 20px; z-index: 9999; width: 90px; opacity: 0; transition: all .5s; transform: translateY(100px); }
@media screen and (max-width: 750px) { .pagetop { width: 6rem; } }
.pagetop.is-show { opacity: 1; transform: translateY(0); }

.inner { width: 100%; max-width: 1360px; margin: 0 auto; padding: 0 20px; line-height: 1.6; }
@media screen and (max-width: 750px) { .inner { padding: 0 4%; } }

.contents { width: 100%; max-width: 1200px; margin: 0 auto; }

/* ------------------------------ ヘッダー
------------------------------ */
.header .header-con { display: flex; justify-content: space-between; align-items: center; height: 130px; padding: 30px 50px; }
@media screen and (max-width: 750px) { .header .header-con { height: 80px; padding: 10px 4%; } }
.header .header-logo { width: 357px; margin-right: 10px; }
@media screen and (max-width: 750px) { .header .header-logo { width: 220px; } }
.header .header-box { flex: 1; display: flex; align-items: center; justify-content: flex-end; }
@media screen and (max-width: 1200px) { .header .header-box { display: none; } }
.header .header-nav { display: flex; align-items: center; justify-content: flex-end; }
.header .header-nav li { margin-right: 30px; }
.header .header-nav li a { text-decoration: none; font-weight: 500; }
.header .header-btn { width: 100%; max-width: 280px; }
.header .header-btn a { display: flex; align-items: center; justify-content: center; text-decoration: none; padding: 10px 20px; background-color: #06B4D6; border-radius: 2em; color: #fff; text-align: center; }
.header .header-btn a .ico { width: 2.4em; margin-left: 15px; }
.header .header-menu { display: none; }
@media screen and (max-width: 1200px) { .header .header-menu { display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; background-color: #06B4D6; cursor: pointer; } }
@media screen and (max-width: 750px) { .header .header-menu { width: 50px; height: 50px; } }
.header .header-menu p { position: relative; width: 58px; height: 34px; margin: 0 auto; }
@media screen and (max-width: 750px) { .header .header-menu p { width: 28px; height: 18px; } }
.header .header-menu span { position: absolute; right: 0; display: block; width: 100%; height: 2px; background-color: #fff; transition: all .4s; }
.header .header-menu span:nth-of-type(1) { top: 0; }
.header .header-menu span:nth-of-type(2) { top: 50%; margin-top: -1px; }
.header .header-menu span:nth-of-type(3) { bottom: 0; }

/* ------------------------------ SPメニュー
------------------------------ */
.nav-menu { z-index: 99999; display: none; position: fixed; top: 130px; left: 0; width: 100%; height: calc(100% - 130px); background: #fff; border-top: 1px solid #06B4D6; }
@media screen and (max-width: 750px) { .nav-menu { top: 80px; height: calc(100% - 80px); } }
.nav-menu .nav-menu-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; overflow-y: auto; }
.nav-menu a { display: block; text-decoration: none; }
.nav-menu .nav-menu-list { margin-bottom: 30px; }
.nav-menu .nav-menu-list li { border-bottom: 1px solid #06B4D6; }
.nav-menu .nav-menu-list li a { padding: 20px; }
.nav-menu .nav-men-btn { width: 100%; max-width: 15em; margin: 0 auto; }
.nav-menu .nav-men-btn a { display: flex; align-items: center; justify-content: center; text-decoration: none; padding: 10px 20px; background-color: #06B4D6; border-radius: 2em; color: #fff; text-align: center; }
.nav-menu .nav-men-btn a .ico { width: 2.4em; margin-left: 15px; }

.js-menuopen { overflow: hidden; }
.js-menuopen .header-menu span:nth-child(1) { transform: translateY(16px) rotate(-45deg); }
@media screen and (max-width: 750px) { .js-menuopen .header-menu span:nth-child(1) { transform: translateY(8px) rotate(-45deg); } }
.js-menuopen .header-menu span:nth-child(2) { opacity: 0; }
.js-menuopen .header-menu span:nth-child(3) { transform: translateY(-16px) rotate(45deg); }
@media screen and (max-width: 750px) { .js-menuopen .header-menu span:nth-child(3) { transform: translateY(-8px) rotate(45deg); } }
.js-menuopen .header-menu .header-menu-txt:before { content: '' !important; }
.js-menuopen .nav-menu { display: block; }

/* ------------------------------ フッター
------------------------------ */
.footer { background-color: #06B4D6; color: #fff; }
.footer .footer-main { padding: 60px 0 40px; }
.footer .footer-main .footer-in { width: 100%; max-width: 1360px; margin: 0 auto; padding: 0 20px; }
@media screen and (max-width: 750px) { .footer .footer-main .footer-in { padding: 0 4%; } }
.footer .footer-main .footer-nav { display: flex; align-items: center; justify-content: center; margin-bottom: 80px; }
.footer .footer-main .footer-nav li { border-right: 1px solid #fff; }
.footer .footer-main .footer-nav li:last-child { border-right: none; }
.footer .footer-main .footer-nav li a { display: block; text-decoration: none; padding: 0 1em; color: #fff; }
.footer .footer-main .footer-box { display: flex; align-items: center; justify-content: center; }
@media screen and (max-width: 750px) { .footer .footer-main .footer-box { display: block; } }
.footer .footer-main dl { line-height: 2; }
.footer .footer-main dl dt { font-weight: 700; }
.footer .footer-main .footer-btn { width: 100%; max-width: 280px; }
@media screen and (max-width: 750px) { .footer .footer-main .footer-btn { margin: 30px auto 0; } }
.footer .footer-main .footer-btn a { display: flex; align-items: center; justify-content: center; text-decoration: none; padding: 10px 20px; background-color: #11519A; border-radius: 2em; color: #fff; text-align: center; }
.footer .footer-main .footer-btn a .ico { width: 2.4em; margin-left: 15px; }
.footer .copy { padding: 40px 20px 45px; border-top: 1px solid #D0D3DC; font-size: 1.6rem; text-align: center; }
@media screen and (max-width: 750px) { .footer .copy { padding: 4%; font-size: 1.4rem; } }

.opacity { transition: all .6s; }
.opacity:hover { opacity: 0.7; }

.font-en { font-family: "Poppins", sans-serif; }

.ico { display: inline-flex; justify-content: center; align-items: center; width: 1em; line-height: 0; }
.ico::before { width: 100% !important; }

.ico-insta::before { content: url("../img/common/ico_insta.svg"); }

.ico-insta-btn::before { content: url("../img/common/btn_insta.svg"); }

.ico-heart::before { content: url("../img/common/ico_heart.svg"); }

.ico-search::before { content: url("../img/common/ico_search.svg"); }

.ico-map::before { content: url("../img/common/ico_map.svg"); }

.c-box { padding: 20px; background-color: #fff; box-shadow: 0px 5px 16px -6px rgba(0, 0, 0, 0.1); border-radius: 1em; }

.c-txt { line-height: 2; }
.c-txt span { font-weight: 500; color: #06B4D6; }
.c-txt a { color: #06B4D6; }

.clearfix { zoom: 1; }
.clearfix::before { content: ""; display: table; }
.clearfix::after { content: ""; display: table; clear: both; }

.w100 { width: 100%; }

.js-anime-fadein { opacity: 0; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-fadein.js-anime-on { animation-name: fadeIn; }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
.js-anime-slide { opacity: 0; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-slide.js-anime-on { animation-name: slide; }

@keyframes slide { 0% { opacity: 0; transform: translateY(100px); }
  100% { opacity: 1; transform: translateY(0); } }
.js-anime-slideleft { opacity: 0; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-slideleft.js-anime-on { animation-name: slideLeft; }

@keyframes slideLeft { 0% { opacity: 0; transform: translateX(-100px); }
  100% { opacity: 1; transform: translateX(0); } }
.js-anime-slideright { opacity: 0; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-slideright.js-anime-on { animation-name: slideRight; }

@keyframes slideRight { 0% { opacity: 0; transform: translateX(100px); }
  100% { opacity: 1; transform: translateX(0); } }
@media print { .js-anime-fadein, .js-anime-slide, .js-anime-slideleft, .js-anime-slideright { opacity: initial; } }

/*# sourceMappingURL=style.css.map */