@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Itim&display=swap");
/* ### reset.scss ### */
/*
YUI 3.14.1 (build 63049cb)
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html { color: #000; background: #FFF; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset, img { border: 0; vertical-align: top; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

ol, ul { list-style: none; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

q:before, q:after { content: ''; }

abbr, acronym { border: 0; font-variant: normal; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; *font-size: 100%; }

legend { color: #000; }

#yui3-css-stamp.cssreset { display: none; }

figure { margin: 0; }

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

html, body { padding: 0; margin: 0; }

html { font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif; font-weight: normal; font-style: normal; font-size: 16px; line-height: 2rem; letter-spacing: 0pt; color: #333333; background-size: cover; letter-spacing: 0.5px; }
@media screen and (max-width: 768px) { html { font-size: 16px; } }

body { -webkit-text-size-adjust: 100%; word-wrap: break-word; }

ul { list-style: none; padding: 0; margin: 0; }

a { text-decoration: none; color: #333333; }

img { max-width: 100%; height: auto; }

strong { font-weight: bold; font-weight: 600; }

sub { vertical-align: super; }

a:hover { transition: all .2s linear; opacity: 0.7; }

@media screen and (max-width: 768px) { body { min-width: 320px; } }

::selection { background: #333333; /* Safari用 */ color: #fff; }

::-moz-selection { background: #333333; /* Firefox用 */ color: #fff; }

.l-header { padding: 15px 30px; display: flex; justify-content: space-between; align-items: center; position: relative; background: #fff; }
@media screen and (max-width: 768px) { .l-header { padding: 15px; position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; } }
@media screen and (max-width: 768px) { .l-header__logo { width: 114px; margin-left: 34px; } }

.l-nav { line-height: 1; }
@media screen and (max-width: 1100px) { .l-nav { display: none; position: absolute; top: 58px; left: 0; width: 100%; z-index: 100; background: #fff; padding: 15px 20px 40px; border-bottom: 1px solid #CCCCCC; } }
@media screen and (max-width: 1100px) and (max-width: 1100px) { .l-nav.is-active { display: block; } }

.l-nav__menu { display: flex; align-items: center; }
@media screen and (max-width: 1100px) { .l-nav__menu { display: block; margin-bottom: 30px; } }
.l-nav__spMenu { display: flex; align-items: center; }
.l-nav__spMenu.is-active { display: none; }
@media screen and (min-width: 769px) { .l-nav__spMenu { display: none; } }
@media screen and (max-width: 1100px) { .l-nav__spMenu { display: flex; } }
@media screen and (min-width: 769px) { .l-nav__item { margin-left: 20px; } }
@media screen and (min-width: 769px) and (max-width: 1300px) { .l-nav__item { margin-left: 10px; font-size: 15px; } }
@media screen and (max-width: 1100px) { .l-nav__item { border-bottom: 1px solid #CCCCCC; } }
.l-nav__item a { font-weight: bold; display: block; padding: 15px 0 15px 0; position: relative; }
@media screen and (max-width: 1100px) { .l-nav__item a { padding: 20px 0 20px 30px; background: url("../img/icon_menu.svg") no-repeat 0 50%; } }
.l-nav__item a:after { content: ""; display: block; width: 0%; height: 3px; background: #FF764A; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; transition: all .2s linear; }
@media screen and (min-width: 769px) { .l-nav__item a.is-active:after, .l-nav__item a:hover:after { width: 100%; } }
@media screen and (max-width: 1100px) { .l-nav .sp { display: block; } }
.l-nav__sItem { text-align: center; padding: 10px 0; }
@media screen and (min-width: 769px) { .l-nav__button { margin-left: 10px; } }
.l-nav__cvButton { width: 220px; display: block; border-radius: 6px; padding: 17px 0; text-align: center; font-weight: bold; color: #fff; }
@media screen and (min-width: 769px) and (max-width: 1300px) { .l-nav__cvButton { width: 180px; } }
@media screen and (max-width: 1100px) { .l-nav__cvButton { width: 90px; font-size: 12px; line-height: 1.2; padding: 6px 0; height: 40px; } }
.l-nav__cvButton.is-no1 { background: #FFB865; }
@media screen and (min-width: 769px) { .l-nav__cvButton.is-no1 { margin-left: 20px; } }
.l-nav__cvButton.is-no2 { background: #FF764A; }
@media screen and (max-width: 1100px) { .l-nav__cvButton.is-no2 { margin-left: 6px; padding-top: 13px; } }
.l-nav__cvButton.is-large { width: 100%; border-radius: 100px; background: #FF764A; font-size: 20px; padding: 16px 0; margin-bottom: 20px; height: auto; }
.l-nav__icon { position: absolute; left: 15px; top: 0px; bottom: 0; margin: auto; width: 24px; height: 24px; display: flex; flex-flow: row wrap; align-items: center; z-index: 90; }
@media screen and (min-width: 769px) { .l-nav__icon { display: none; } }
@media screen and (min-width: 769px) and (max-width: 1300px) { .l-nav__icon { display: block; } }
.l-nav__icon span { width: 100%; height: 2px; background: #666; transition: all 250ms ease-out; transform-origin: 0 0; }
.l-nav__icon.is-active span:nth-last-child(1) { transform: rotate(-45deg) translate(-1px, 0px); }
.l-nav__icon.is-active span:nth-last-child(2) { transform: rotate(0deg) scale(0.2, 0.2); opacity: 0; }
.l-nav__icon.is-active span:nth-last-child(3) { transform: rotate(45deg) translate(0px, -1px); }

.l-footer { text-align: center; background: #FFF2EC; padding-top: 60px; }
.l-footer__item { line-height: 1; }
@media screen and (min-width: 769px) { .l-footer__item { display: inline-block; padding: 0 20px; } }
@media screen and (max-width: 768px) { .l-footer__item a { display: block; padding: 10px 0; } }
.l-footer__copy { font-size: 10px; line-height: 1; background: #FF764A; color: #fff; padding: 10px 0; margin-top: 60px; }
@media screen and (max-width: 768px) { .l-footer__copy { margin-top: 30px; } }

.c-button { width: 480px; border-radius: 100px; background: #FFF2EC; color: #FF764A; font-weight: bold; border: 1px solid; font-size: 18px; padding: 16px 0; display: block; text-align: center; margin: 0 auto; }
.c-button__wrap { margin-top: 40px; }
@media screen and (max-width: 768px) { .c-button__wrap { margin-top: 30px; margin-left: 15px; margin-right: 15px; } }
@media screen and (max-width: 768px) { .c-button { padding: 14px 0; width: 100%; } }

.c-contents { max-width: 1100px; margin-left: auto; margin-right: auto; padding: 100px 0; }
@media screen and (max-width: 1100px) { .c-contents { padding-left: 20px; padding-right: 20px; } }
@media screen and (max-width: 768px) { .c-contents { padding: 60px 15px 80px; } }

.c-cvArea { margin-top: 40px; line-height: 1; }
@media screen and (max-width: 768px) { .c-cvArea { padding: 17px 15px 20px; } }
.c-cvArea.c-contents { padding-top: 0; padding-bottom: 0; }
.c-cvArea__inner { background: #FFE0BB; border-radius: 10px; padding: 30px 20px; color: #FF764A; }
.c-cvArea__inner > .c-cvArea-app { margin-top: 0; }
.c-cvArea__inner > .c-cvArea-app .c-cvArea-app__item img { height: 48px; }
.c-cvArea__text { font-weight: bold; text-align: center; margin-bottom: 20px; font-size: 20px; position: relative; }
.c-cvArea__text:before, .c-cvArea__text:after { content: ""; display: inline-block; width: 2px; height: 34px; background: #FF764A; vertical-align: middle; }
@media screen and (max-width: 768px) { .c-cvArea__text:before, .c-cvArea__text:after { display: block; position: absolute; top: 0; height: 46px; } }
.c-cvArea__text:before { transform: rotate(-20deg); margin-right: 15px; }
@media screen and (max-width: 768px) { .c-cvArea__text:before { left: 20px; } }
.c-cvArea__text:after { transform: rotate(20deg); margin-left: 15px; }
@media screen and (max-width: 768px) { .c-cvArea__text:after { right: 20px; } }
.c-cvArea__button { text-align: center; }
.c-cvArea__button a { display: block; width: 480px; padding: 21px 0; text-align: center; margin: 0 auto; background: #FF764A; color: #fff; font-weight: bold; font-size: 22px; border-radius: 100px; box-shadow: 0px 5px 8px 0px rgba(109, 0, 0, 0.2); }
@media screen and (max-width: 768px) { .c-cvArea__button a { width: 100%; } }
.c-cvArea-app { align-items: center; justify-content: center; grid-gap: 50px; gap: 50px; display: flex; flex-flow: wrap; margin-top: 30px; }
@media screen and (max-width: 768px) { .c-cvArea-app { display: block; flex-flow: nowrap; text-align: center; grid-gap: 10px; gap: 10px; } }
.c-cvArea-app__text { font-weight: bold; }
@media screen and (max-width: 768px) { .c-cvArea-app__text { margin-bottom: 10px; } }
.c-cvArea-app-List { align-items: center; justify-content: center; grid-gap: 20px; gap: 20px; display: flex; flex-flow: wrap; }
@media screen and (max-width: 768px) { .c-cvArea-app-List { grid-gap: 2%; gap: 2%; } }
.c-cvArea-app__item img { vertical-align: middle; height: 50px; }
@media screen and (max-width: 768px) { .c-cvArea-app__item { width: auto; }
  .c-cvArea-app__item img { width: auto; max-width: none; height: 56px; } }
.c-cvArea__notice { margin: 10px auto 0; font-size: 10px; max-width: 607px; line-height: 1.3; font-weight: 100; }
@media screen and (max-width: 768px) { .c-cvArea__notice { width: 100%; } }
@media screen and (max-width: 768px) { .c-cvArea__qr { display: none; } }

.c-title { text-align: center; margin-bottom: 60px; font-weight: bold; }
@media screen and (max-width: 768px) { .c-title { margin-bottom: 40px; } }
.c-title__sub { display: block; margin-top: 8px; font-size: 20px; }
.c-title__text { font-size: 26px; display: block; line-height: 1.5; }

.c-text__notice { font-size: 13px; line-height: 1.3; text-indent: -1em; margin-left: 1em; }

.p-banner { margin-top: 100px; }
@media screen and (max-width: 768px) { .p-banner { margin-top: 40px; } }
.p-banner__item { width: 300px !important; margin: 0 auto; }
.p-banner img { border: 1px solid #CCCCCC; border-radius: 10px; height: auto; }

@media screen and (min-width: 769px) { .p-hajimete .c-contents { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; align-items: center; } }
.p-hajimete__title { font-weight: bold; font-size: 26px; line-height: 1.9; margin-bottom: 20px; }
.p-hajimete__img { max-width: 430px; }
@media screen and (max-width: 768px) { .p-hajimete__img { max-width: 100%; margin-top: 30px; } }
.p-hajimete__text { line-height: 2; }

.p-point { background: #FFF2EC; }
.p-pointItem { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; align-items: center; margin-bottom: 80px; }
.p-pointItem:nth-child(even) { flex-direction: row-reverse; }
@media screen and (max-width: 1100px) { .p-pointItem { display: block; }
  .p-pointItem:not(:first-child) { margin-top: 40px; } }
.p-point__inner { width: calc(100% - 600px); }
@media screen and (max-width: 1100px) { .p-point__inner { width: auto; } }
.p-point__title { font-size: 20px; font-weight: bold; position: relative; padding-left: 60px; }
@media screen and (max-width: 1100px) { .p-point__title { text-align: center; padding-left: 0; } }
.p-point__title span { color: #FF764A; font-family: "Roboto", sans-serif; font-size: 40px; display: block; vertical-align: middle; background: url("../img/border_num.svg") no-repeat bottom center; padding-bottom: 16px; position: absolute; left: 0; }
@media screen and (max-width: 1100px) { .p-point__title span { display: block; text-align: center; position: static; margin-bottom: 20px; } }
.p-point__text { margin-top: 30px; }
@media screen and (max-width: 1100px) { .p-point__text { margin-top: 15px; } }
.p-point__notice { margin-top: 20px; }
.p-point__notice li { margin-top: 5px; }
.p-point__img { border-radius: 10px; overflow: hidden; margin-left: auto; margin-right: auto; }
@media screen and (max-width: 1100px) { .p-point__img { margin-top: 20px; } }
@media screen and (min-width: 769px) { .p-point__img { width: 540px; } }

.p-pagetop { text-align: center; }
.p-pagetop a { background: #3C3E41; color: #fff; padding: 10px; display: block; }
.p-pagetop a:before { content: ""; width: 16px; height: 16px; margin-right: 10px; background: url(../img/pagetop.png); background-size: 100% auto; display: inline-block; vertical-align: middle; }
@media screen and (max-width: 768px) { .p-pagetop a:before { width: 12px; height: 6px; background-size: 100% auto; } }

.p-function-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px; }
@media screen and (max-width: 768px) { .p-function-list { display: block; margin-bottom: 0; } }
.p-function-list__item { width: 31%; text-align: center; }
@media screen and (max-width: 768px) { .p-function-list__item { width: auto; position: relative; text-align: left; padding-left: 100px; }
  .p-function-list__item:not(:last-child) { border-bottom: 1px solid #CCCCCC; padding-bottom: 20px; margin-bottom: 20px; } }
@media screen and (min-width: 769px) { .p-function-list__item:not(:first-child) { border-left: 1px solid #CCCCCC; padding-left: 3.33%; } }
.p-function-list__title { color: #FF764A; font-weight: bold; font-size: 28px; line-height: 1; margin-bottom: 20px; }
@media screen and (max-width: 768px) { .p-function-list__title { margin-bottom: 15px; } }
.p-function-list__img { margin-bottom: 20px; }
@media screen and (max-width: 768px) { .p-function-list__img { position: absolute; left: 0; top: 0; } }
.p-function-list__text { line-height: 1.6; text-align: left; }

.p-faq-list { border-top: 1px solid #CCCCCC; }
.p-faq-list__item { padding: 0 20px 20px; border-bottom: 1px solid #CCCCCC; }
@media screen and (max-width: 768px) { .p-faq-list__item { padding-left: 0; padding-right: 0; } }
.p-faq__inner { align-content: center; flex: none; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; padding: 20px 0 0; width: auto; max-width: 100%; display: flex; position: relative; line-height: 1.6; }
.p-faq__inner.is-title { cursor: pointer; position: relative; }
.p-faq__inner.is-answer { align-items: normal; border-top: 1px solid #CCCCCC; display: none; }
.p-faq__inner.is-answer .p-faq__icon { background: #FF764A; }
.p-faq__inner.is-active { display: flex !important; }
.p-faq__icon { align-content: center; align-items: center; border-radius: 24px; font-size: 24px; flex: none; flex-direction: column; flex-wrap: nowrap; height: 40px; justify-content: center; width: 40px; max-width: 100%; text-align: center; color: #a2a2a2; font-weight: bold; line-height: 40px; font-family: "Roboto", sans-serif; background: #F5F5F5; }
.p-faq__icon.is-answer { background: #FFF2EC; color: #FF764A; }
.p-faq__title { margin: 0px 0px 0px 16px; width: auto; max-width: calc(100% - 16px); justify-content: center; }
@media screen and (max-width: 768px) { .p-faq__title { margin-top: 8px; } }
.p-faq__text { margin: 0px 0px 0px 16px; width: auto; max-width: calc(100% - 16px); justify-content: center; margin-top: 8px; }
.p-faq__button { margin-top: 40px; }

.p-main { background-color: #FFF2EC; display: flex; align-items: center; flex-direction: row-reverse; }
@media screen and (max-width: 1100px) { .p-main { padding-bottom: 47px; display: block; padding-top: 70px; } }
.p-main__inner { width: 50%; padding: 0 5%; }
@media screen and (max-width: 1100px) { .p-main__inner { width: 100%; padding: 0 15px; } }
.p-main__title { text-align: center; color: #FF764A; }
.p-main__title__1 { font-size: 54px; font-weight: bold; margin-bottom: 30px; line-height: 1.1; }
@media screen and (max-width: 1100px) { .p-main__title__1 { font-size: 26px; margin-bottom: 4px; } }
.p-main__title__2 { font-size: 40px; font-weight: bold; }
@media screen and (max-width: 1100px) { .p-main__title__2 { font-size: 20px; } }
.p-main__pointList { margin-top: 40px; }
.p-main__pointList li { background: #fff; text-align: center; padding: 10px 2px; margin-top: 10px; border-radius: 3px; font-size: 26px; font-weight: bold; }
@media screen and (max-width: 1100px) { .p-main__pointList li { font-size: 16px; } }
.p-main__pointList li span { color: #FF764A; }
.p-main__img { width: 50%; }
@media screen and (max-width: 1100px) { .p-main__img { width: 100%; margin-bottom: 48px; } }

@media screen and (max-width: 768px) { .p-guide .c-contents { padding-left: 0; padding-right: 0; padding-bottom: 0; } }
.p-guideList { margin-bottom: 30px; }
@media screen and (max-width: 768px) { .p-guideList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; flex-wrap: nowrap; overflow-x: scroll; display: -webkit-box; padding-bottom: 2px; } }
.p-guide__item { position: relative; border: 2px solid #FF764A; border-radius: 10px; margin-top: 20px; }
@media screen and (min-width: 769px) { .p-guide__item { padding: 0 20px 0 200px; width: 100%; } }
@media screen and (max-width: 768px) { .p-guide__item { width: 300px; margin-right: 30px; padding: 20px; margin-top: 0; }
  .p-guide__item:first-child { margin-left: 15px; }
  .p-guide__item:last-child { margin-right: 15px; } }
.p-guide__item:not(:first-child):before { content: ""; display: block; width: 2px; height: 20px; background: #FF764A; position: absolute; left: 0; right: 0; margin: auto; top: -22px; }
@media screen and (max-width: 768px) { .p-guide__item:not(:first-child):before { width: 30px; height: 2px; left: -32px; top: 0; right: auto; bottom: 0; } }
.p-guide__inner { height: 180px; display: table-cell; vertical-align: middle; }
.p-guide__title { font-weight: bold; font-size: 20px; }
@media screen and (max-width: 768px) { .p-guide__title { text-align: center; } }
.p-guide__title span { width: 40px; height: 40px; border-radius: 40px; background: #FF764A; color: #fff; font-weight: bold; font-size: 20px; font-family: "Roboto", sans-serif; line-height: 40px; text-align: center; display: inline-block; margin-right: 10px; }
@media screen and (max-width: 768px) { .p-guide__title span { width: 38px; height: 38px; line-height: 38px; font-size: 20px; } }
.p-guide__text { margin: 15px 0  0; line-height: 1.4; }
.p-guide__text a { color: #FF764A; }
@media screen and (max-width: 768px) { .p-guide__img { text-align: center; margin-top: 15px; } }
.p-guide__img img { max-width: 120px; margin: auto; }
@media screen and (min-width: 769px) { .p-guide__img img { position: absolute; left: 40px; top: 0; bottom: 0; } }
@media screen and (max-width: 768px) { .p-guide .c-text__notice { margin: 0 25px; } }

.p-service { background: #F5F5F5; }
.p-service__item { border-radius: 10px; background: #fff; margin-top: 20px; padding: 50px 40px; }
@media screen and (min-width: 769px) { .p-service__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; align-items: center; } }
@media screen and (max-width: 768px) { .p-service__item { padding: 30px 20px; } }
.p-service__title { font-weight: bold; width: 140px; line-height: 40px; border-right: 3px solid #FF764A; margin-right: 50px; font-size: 20px; }
@media screen and (max-width: 768px) { .p-service__title { margin-right: 0; text-align: center; width: auto; margin-bottom: 20px; border: none; position: relative; padding-bottom: 20px; }
  .p-service__title:after { display: block; content: ""; width: 40px; height: 3px; background: #FF764A; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; } }
.p-service__text { flex: 1; }
.p-service__text p + p { margin-top: 20px; }
.p-service__text .c-text__notice { margin-top: 0; }
.p-service__text table { width: 400px; margin-top: 10px; }
@media screen and (max-width: 768px) { .p-service__text table { width: 100%; } }
.p-service__text table th, .p-service__text table td { border: 1px solid #CCCCCC; padding: 4px 12px; }
.p-service__text table th { font-weight: bold; background: #F5F5F5; }

.p-map iframe { width: 100%; aspect-ratio: 16/9; height: 335px; vertical-align: bottom; }

.p-menu { border: 1px solid #CCCCCC; border-radius: 10px; padding: 0 10px; margin: 80px 15px 0; }
@media screen and (min-width: 769px) { .p-menu { display: none; } }
.p-menu__item:not(:first-child) { border-top: 1px solid #CCCCCC; }
.p-menu__item a { display: block; padding: 14px 0 14px 30px; font-weight: bold; background: url("../img/icon_anchor.svg") no-repeat 2px 50%; }

.p-introduce { background: #FFF2EC; }
.p-introduce .c-contents { padding-top: 40px; padding-bottom: 1px; }
.p-introduce__titleWrap { display: table; text-align: center; margin: 0 auto 27px; }
@media screen and (max-width: 768px) { .p-introduce__titleWrap { margin-bottom: 0; position: relative; padding-bottom: 130px; } }
.p-introduce__title { font-weight: bold; font-size: 26px; line-height: 1.6; }
@media screen and (min-width: 769px) { .p-introduce__title { padding: 0 44px; display: table-cell; vertical-align: middle; } }
@media screen and (min-width: 769px) { .p-introduce__point { display: table-cell; } }
@media screen and (max-width: 768px) { .p-introduce__point { position: absolute; bottom: 0; }
  .p-introduce__point.is-no1 { left: 10%; }
  .p-introduce__point.is-no2 { right: 10%; } }
.p-introduce-cta { background: #fff; border-radius: 10px; padding: 40px 0 30px; align-items: center; justify-content: center; grid-gap: 10px; gap: 10px; display: flex; flex-flow: wrap; }
@media screen and (max-width: 768px) { .p-introduce-cta { padding: 20px; } }
.p-introduce-cta-List { align-items: center; justify-content: center; grid-gap: 15px; gap: 15px; display: flex; flex-flow: wrap; text-align: center; font-size: 13px; font-weight: bold; margin-top: -30px; padding: 0 10px 0 20px; }
@media screen and (max-width: 768px) { .p-introduce-cta-List { padding: 10px 0; } }
.p-introduce-cta__button { font-weight: bold; }
.p-introduce-cta__button a { color: #FF764A; font-weight: bold; border: 1px solid; display: block; padding: 5px 50px; border-radius: 100px; }

.p-404 { text-align: center; padding: 60px 0; }
.p-404__title { font-family: "Roboto", sans-serif; color: #FF764A; font-size: 80px; font-weight: bold; margin-bottom: 30px; }
.p-404__text { font-weight: bold; }

@media screen and (max-width: 768px) { .p-page { margin-top: 68px; } }
.p-page h1 { text-align: center; padding: 100px 0; background: #FFF2EC; font-size: 40px; font-weight: bold; color: #FF764A; }
@media screen and (max-width: 1100px) { .p-page h1 { font-size: 20px; padding: 60px 0; } }
.p-page h1.image { background-repeat: none !important; background-position: 50% 50% !important; background-size: cover !important; color: #fff; }
.p-page__inner { max-width: 960px; padding: 60px 0; margin: 0 auto; }
@media screen and (max-width: 1100px) { .p-page__inner { padding: 30px 15px; } }
.p-page ul li { padding-left: 20px; position: relative; }
.p-page ul li:before { content: ""; display: block; width: 6px; height: 6px; border-radius: 100%; background: #FF764A; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; }
.p-page a { color: #FF764A; }
.p-page a:hover { opacity: 100; text-decoration: underline; }
.p-page p { margin-bottom: 20px; }
.p-page h2 { font-size: 24px; font-weight: bold; margin-bottom: 10px; color: #FF764A; }
@media screen and (max-width: 768px) { .p-page h2 { font-size: 20px; } }
.p-page h3 { font-weight: bold; margin-bottom: 10px; font-size: 18px; }

.iphone .is-android { display: none; }

.android .is-iphone { display: none; }

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

.tb { display: none; }
@media screen and (max-width: 1100px) { .tb .tb { display: inline-block; } }

@media screen and (max-width: 768px) { .pc { display: none !important; } }
.u-font-ltim { font-family: "Itim", cursive; }

.align-center { text-align: center; }

.align-right { text-align: center; }

.align-left { text-align: center; }

.font-size-0-8rem { font-size: 0.8rem; }

.font-1-0rem { font-size: 1rem; }

.font-1-2rem { font-size: 1.2rem; }

.font-1-4rem { font-size: 1.4rem; }

.font-1-6rem { font-size: 1.6rem; }

.font-1-8rem { font-size: 1.8rem; }

.font-2-0rem { font-size: 2rem; }

.font-normal { font-family: dnp-shuei-mgothic-std, sans-serif; font-weight: 400; font-style: normal; }

.font-bold { font-family: dnp-shuei-mgothic-std, sans-serif; font-weight: 600; font-style: normal; }

.u-font-10 { font-size: 10px; }
@media screen and (max-width: 768px) { .u-font-10 { font-size: 8.5px; } }

.u-font-11 { font-size: 11px; }
@media screen and (max-width: 768px) { .u-font-11 { font-size: 9.35px; } }

.u-font-12 { font-size: 12px; }
@media screen and (max-width: 768px) { .u-font-12 { font-size: 10.2px; } }

.u-font-13 { font-size: 13px; }
@media screen and (max-width: 768px) { .u-font-13 { font-size: 11.05px; } }

.u-font-14 { font-size: 14px; }
@media screen and (max-width: 768px) { .u-font-14 { font-size: 11.9px; } }

.u-font-15 { font-size: 15px; }
@media screen and (max-width: 768px) { .u-font-15 { font-size: 12.75px; } }

.u-font-16 { font-size: 16px; }
@media screen and (max-width: 768px) { .u-font-16 { font-size: 13.6px; } }

.u-font-17 { font-size: 17px; }
@media screen and (max-width: 768px) { .u-font-17 { font-size: 14.45px; } }

.u-font-18 { font-size: 18px; }
@media screen and (max-width: 768px) { .u-font-18 { font-size: 15.3px; } }

.u-font-19 { font-size: 19px; }
@media screen and (max-width: 768px) { .u-font-19 { font-size: 16.15px; } }

.u-font-20 { font-size: 20px; }
@media screen and (max-width: 768px) { .u-font-20 { font-size: 17px; } }

.u-font-21 { font-size: 21px; }
@media screen and (max-width: 768px) { .u-font-21 { font-size: 17.85px; } }

.u-font-22 { font-size: 22px; }
@media screen and (max-width: 768px) { .u-font-22 { font-size: 18.7px; } }

.u-font-23 { font-size: 23px; }
@media screen and (max-width: 768px) { .u-font-23 { font-size: 19.55px; } }

.u-font-24 { font-size: 24px; }
@media screen and (max-width: 768px) { .u-font-24 { font-size: 20.4px; } }

.u-font-25 { font-size: 25px; }
@media screen and (max-width: 768px) { .u-font-25 { font-size: 21.25px; } }

.u-font-26 { font-size: 26px; }
@media screen and (max-width: 768px) { .u-font-26 { font-size: 22.1px; } }

.u-font-27 { font-size: 27px; }
@media screen and (max-width: 768px) { .u-font-27 { font-size: 22.95px; } }

.u-font-28 { font-size: 28px; }
@media screen and (max-width: 768px) { .u-font-28 { font-size: 23.8px; } }

.u-font-29 { font-size: 29px; }
@media screen and (max-width: 768px) { .u-font-29 { font-size: 24.65px; } }

.u-font-30 { font-size: 30px; }
@media screen and (max-width: 768px) { .u-font-30 { font-size: 25.5px; } }

.u-font-31 { font-size: 31px; }
@media screen and (max-width: 768px) { .u-font-31 { font-size: 26.35px; } }

.u-font-32 { font-size: 32px; }
@media screen and (max-width: 768px) { .u-font-32 { font-size: 27.2px; } }

.u-font-33 { font-size: 33px; }
@media screen and (max-width: 768px) { .u-font-33 { font-size: 28.05px; } }

.u-font-34 { font-size: 34px; }
@media screen and (max-width: 768px) { .u-font-34 { font-size: 28.9px; } }

.u-font-35 { font-size: 35px; }
@media screen and (max-width: 768px) { .u-font-35 { font-size: 29.75px; } }

.u-font-36 { font-size: 36px; }
@media screen and (max-width: 768px) { .u-font-36 { font-size: 30.6px; } }

.u-font-37 { font-size: 37px; }
@media screen and (max-width: 768px) { .u-font-37 { font-size: 31.45px; } }

.u-font-38 { font-size: 38px; }
@media screen and (max-width: 768px) { .u-font-38 { font-size: 32.3px; } }

.u-font-39 { font-size: 39px; }
@media screen and (max-width: 768px) { .u-font-39 { font-size: 33.15px; } }

.u-font-40 { font-size: 40px; }
@media screen and (max-width: 768px) { .u-font-40 { font-size: 34px; } }

.u-font-41 { font-size: 41px; }
@media screen and (max-width: 768px) { .u-font-41 { font-size: 34.85px; } }

.u-font-42 { font-size: 42px; }
@media screen and (max-width: 768px) { .u-font-42 { font-size: 35.7px; } }

.u-font-43 { font-size: 43px; }
@media screen and (max-width: 768px) { .u-font-43 { font-size: 36.55px; } }

.u-font-44 { font-size: 44px; }
@media screen and (max-width: 768px) { .u-font-44 { font-size: 37.4px; } }

.u-font-45 { font-size: 45px; }
@media screen and (max-width: 768px) { .u-font-45 { font-size: 38.25px; } }

.u-font-46 { font-size: 46px; }
@media screen and (max-width: 768px) { .u-font-46 { font-size: 39.1px; } }

.u-font-47 { font-size: 47px; }
@media screen and (max-width: 768px) { .u-font-47 { font-size: 39.95px; } }

.u-font-48 { font-size: 48px; }
@media screen and (max-width: 768px) { .u-font-48 { font-size: 40.8px; } }

.u-font-49 { font-size: 49px; }
@media screen and (max-width: 768px) { .u-font-49 { font-size: 41.65px; } }

.u-font-50 { font-size: 50px; }
@media screen and (max-width: 768px) { .u-font-50 { font-size: 42.5px; } }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; margin: 0px 5px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

/* Slider */
.slick-loading .slick-list { background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face { font-family: "slick"; src: url("./fonts/slick.eot"); src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }
.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; }
[dir="rtl"] .slick-prev { left: auto; right: -25px; }
.slick-prev:before { content: "←"; }
[dir="rtl"] .slick-prev:before { content: "→"; }

.slick-next { right: -25px; }
[dir="rtl"] .slick-next { left: -25px; right: auto; }
.slick-next:before { content: "→"; }
[dir="rtl"] .slick-next:before { content: "←"; }

/* Dots */
.slick-dotted.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -40px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 8px; width: 96px; margin: 0; padding: 0; cursor: pointer; background: #EFEFEF; }
@media screen and (max-width: 768px) { .slick-dots li { width: 60px; } }
.slick-dots li.slick-active, .slick-dots li:hover { background: #FF764A; border-radius: 8px; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 8px; width: 96px; outline: none; line-height: 0px; font-size: 0px; color: transparent; cursor: pointer; }
@media screen and (max-width: 768px) { .slick-dots li button { width: 60px; } }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }

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