@charset "UTF-8";
/* font
===================================*/
/* text, anchor, image
===================================*/
.lp_off { /* switch
===================================*/ }

.lp_off p { color: #333; font-size: 18px; line-height: 1.9; margin: 0 0 2em; word-wrap: break-word; }

@media screen and (min-width: 320px) and (max-width: 567px) { .lp_off p { font-size: 1em; } }

@media screen and (min-width: 320px) and (max-width: 767px) { .lp_off p { margin-bottom: 1em; } }

.lp_off p:nth-last-of-type(1) { margin-bottom: 0; }

.lp_off a { -webkit-transition: all  0.2s ease; transition: all  0.2s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.lp_off a img { -webkit-transition: all  0.2s ease; transition: all  0.2s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.lp_off a { color: inherit; text-decoration: none; font: inherit; }

.lp_off a img:hover { opacity: 0.9; }

.lp_off a:hover { text-decoration: none; }

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

.lp_off figure img { display: block; }

.lp_off li { list-style: none; }

.lp_off address, .lp_off em, .lp_off i { font-style: normal; }

.lp_off i { line-height: 1; }

@media screen and (min-width: 768px) { .lp_off .sp { display: none; } }

@media screen and (max-width: 767px) { .lp_off .pc { display: none; } }

@media screen and (min-width: 567px) { .lp_off .portrait { display: none; } }

.lp_off hr.spacer { border: none; height: 30px; }

.lp_off hr.spacer.medium { height: 60px; }

@media screen and (min-width: 320px) and (max-width: 767px) { .lp_off hr.spacer.medium { height: 3rem; } }

.lp_off .button { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; font-family: "Noto Sans Japanese", "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; width: calc(100% - 2.50em); max-width: calc(500px - 2.50em); }

.lp_off .button.flat { padding: 1.25em; }

.lp_off .button.blue { background: #18a7c3; color: #fff; font-size: 20px; font-family: "Noto Sans Japanese", "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: 500; }

.lp_off .button.icon i { position: absolute; right: 1em; top: 50%; bottom: 0; margin: 0; -webkit-transition: all  0.2s ease; transition: all  0.2s ease; }

.lp_off .button.icon:hover i { right: 0.5em; }

.lp_off .button.full-width { height: auto !important; }

.lp_off .gg-arrow-right-o { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; display: block; width: 22px; height: 22px; border: 2px solid; -webkit-transform: scale(var(--ggs, 1)); transform: scale(var(--ggs, 1)); border-radius: 20px; }

.lp_off .gg-arrow-right-o::after, .lp_off .gg-arrow-right-o::before { content: ""; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; right: 4px; }

.lp_off .gg-arrow-right-o::after { width: 6px; height: 6px; border-top: 2px solid; border-right: 2px solid; -webkit-transform: rotate(45deg); transform: rotate(45deg); bottom: 6px; }

.lp_off .gg-arrow-right-o::before { width: 10px; height: 2px; bottom: 8px; background: currentColor; }

.lp_off .container { width: 960px; margin: 0 auto; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media screen and (min-width: 320px) and (max-width: 960px) { .lp_off .container { width: 100%; padding: 0; } }

.lp_off .page-header { text-align: center; margin-bottom: 3rem; background: #18a7c3; color: #fff; padding: 50px 0; }

@media screen and (min-width: 320px) and (max-width: 768px) { .lp_off .page-header { padding: 5% 3%; } }

@media screen and (min-width: 320px) and (max-width: 567px) { .lp_off .page-header { margin-bottom: 2rem; } }

.lp_off .page-header .above, .lp_off .page-header .below { display: block; font-weight: 700; font-size: 24px; }

@media screen and (min-width: 320px) and (max-width: 768px) { .lp_off .page-header .above, .lp_off .page-header .below { font-size: 3vw; } }

@media screen and (min-width: 320px) and (max-width: 567px) { .lp_off .page-header .above, .lp_off .page-header .below { font-size: 4.5vw; } }

.lp_off .page-header .above { margin-bottom: 1.5rem; }

@media screen and (min-width: 320px) and (max-width: 567px) { .lp_off .page-header .above { margin-bottom: 1rem; } }

.lp_off .page-header .page-title { font-size: 35px; margin-bottom: 1.5rem; font-weight: 700; color: #fffb00; }

@media screen and (min-width: 320px) and (max-width: 768px) { .lp_off .page-header .page-title { font-size: 3.6vw; } }

@media screen and (min-width: 320px) and (max-width: 567px) { .lp_off .page-header .page-title { font-size: 5.6vw; margin-bottom: 1rem; } }

.lp_off .page-header small { font-size: 0.7em; }

@media screen and (min-width: 320px) and (max-width: 567px) { .lp_off .page-header small { font-size: .8em; } }

@media screen and (min-width: 320px) and (max-width: 567px) { .lp_off .page-header br:not(.portrait) { display: none; } }

.lp_off .content { margin-bottom: 5rem; }

@media screen and (min-width: 320px) and (max-width: 768px) { .lp_off .content { padding: 0 3%; margin-bottom: 3rem; } }

.lp_off .sec-title { font-size: 30px; font-weight: 700; position: relative; padding-bottom: 10px; margin-bottom: 2rem; }

.lp_off .sec-title:before, .lp_off .sec-title:after { content: ""; height: 4px; background: #eee; width: 100%; position: absolute; left: 0; bottom: 0; }

.lp_off .sec-title:after { width: 30%; background: #18a7c3; }

@media screen and (min-width: 320px) and (max-width: 768px) { .lp_off .sec-title { font-size: 3.5vw; } }

@media screen and (min-width: 320px) and (max-width: 567px) { .lp_off .sec-title { font-size: 5.3vw; } }

.lp_off .sec_lead .main-image { text-align: center; margin-bottom: 2rem; }

@media screen and (min-width: 320px) and (max-width: 567px) { .lp_off .sec_lead .main-image img:not(.portrait) { display: none; } }

.lp_off .sec_summary .balloon { background: #18a7c3; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 60px; color: #fff; font-weight: 700; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; font-size: 25px; border-radius: 80px; margin-bottom: 20px; }

@media screen and (min-width: 320px) and (max-width: 960px) { .lp_off .sec_summary .balloon { font-size: 28px; margin-left: 3%; margin-right: 3%; } }

@media screen and (min-width: 320px) and (max-width: 1023px) { .lp_off .sec_summary .balloon { font-size: 2.6vw; } }

@media screen and (min-width: 320px) and (max-width: 567px) { .lp_off .sec_summary .balloon { height: initial; padding: 3% 5%; text-align: center; font-size: 1em; } }

.lp_off .sec_summary .balloon:after { content: ""; width: 0; display: block; height: 0; border: 15px solid transparent; border-top: 15px solid #18a7c3; position: absolute; left: 0; right: 0; bottom: -30px; margin: auto; }

.lp_off .sec_summary .table { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1060px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ccc; }

.lp_off .sec_summary .table dt, .lp_off .sec_summary .table dd { font-size: 16px; line-height: 1.7; padding: 1em 1.25em; border: 0 solid #ccc; border-bottom-width: 1px; }

@media screen and (min-width: 320px) and (max-width: 567px) { .lp_off .sec_summary .table dt, .lp_off .sec_summary .table dd { padding: 0.35em; border-top-width: 0; } }

.lp_off .sec_summary .table dt:nth-last-of-type(1), .lp_off .sec_summary .table dd:nth-last-of-type(1) { border-bottom-width: 0; }

.lp_off .sec_summary .table dt { -webkit-flex-basis: calc(25% - 2.55em); -ms-flex-preferred-size: calc(25% - 2.55em); flex-basis: calc(25% - 2.55em); border-right-width: 1px; background: #FBFBFB; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; /* justify-content: center;  */ -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media screen and (min-width: 567px) and (max-width: 767px) { .lp_off .sec_summary .table dt { -webkit-flex-basis: calc(25% - 2.55em); -ms-flex-preferred-size: calc(25% - 2.55em); flex-basis: calc(25% - 2.55em); } }

@media screen and (min-width: 320px) and (max-width: 567px) { .lp_off .sec_summary .table dt { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; border-right-width: 0; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; font-weight: 700; } }

@media screen and (min-width: 960px) { .lp_off .sec_summary .table dt { max-width: calc(25% - 2.55em); } }

.lp_off .sec_summary .table dd { -webkit-flex-basis: calc(75% - 2.55em); -ms-flex-preferred-size: calc(75% - 2.55em); flex-basis: calc(75% - 2.55em); }

@media screen and (min-width: 567px) and (max-width: 767px) { .lp_off .sec_summary .table dd { -webkit-flex-basis: calc(75% - 2.55em); -ms-flex-preferred-size: calc(75% - 2.55em); flex-basis: calc(75% - 2.55em); } }

@media screen and (min-width: 320px) and (max-width: 567px) { .lp_off .sec_summary .table dd { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; border-bottom-width: 1px; } }

@media screen and (min-width: 960px) { .lp_off .sec_summary .table dd { max-width: calc(75% - 2.55em); } }

.lp_off .sec_summary a { color: #18a7c3; text-decoration: underline; }

.lp_off .sec_howto .buttons { text-align: center; }

.lp_off .sec_about .box { border: 2px solid #eee; padding: 1.5em; line-height: 1.9; }

@media screen and (min-width: 320px) and (max-width: 567px) { .lp_off .sec_about .box { padding: 3%; } }

.lp_off .sec_about .box .box-head { display: block; font-weight: 700; }

.lp_off .sec_about .box address { margin-bottom: .5rem; font-size: 16px; }

.lp_off .sec_about .box a { color: #18a7c3; text-decoration: underline; }

.lp_off .sec_about .box .links { font-size: 16px; }

.lp_off .sec_about .box .links .head { display: inline-block; margin-right: .5em; }
/*# sourceMappingURL=page_off.css.map */