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

html { font-size: 16px; }
@media screen and (max-width: 600px) { html { font-size: 3.8vw; } }

body { font-family: YuGothicM, YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; -webkit-text-size-adjust: 100%; }

li { list-style: none; }

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

a:hover { text-decoration: none; }

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

input[type="text"], input[type="password"], input[type="tel"], input[type="email"] { font-family: inherit; font-size: 1rem; }

select { font-family: inherit; }

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

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

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

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

.inner { width: 100%; max-width: 1040px; margin: 0 auto; padding: 0 20px; }

.inner-s { width: 100%; max-width: 1040px; margin: 0 auto; padding: 0 20px; }

.header { background-color: #0C3178; }
.header a { color: #fff; text-decoration: none; }
.header .header-in { display: flex; justify-content: space-between; align-items: center; max-width: 1200px; margin: 0 auto; padding: 10px 20px; }
.header .header-nav { display: flex; align-items: center; }
.header .header-nav ul { display: flex; font-size: 0.875rem; }
.header .header-nav ul li { padding-left: 2em; }
@media screen and (max-width: 600px) { .header .header-nav ul li { padding-left: 1em; } }
.header .header-logo { max-width: 140px; margin-right: 4em; }
@media screen and (max-width: 600px) { .header .header-logo { max-width: 6em; margin-right: 0; } }
.header .header-contact { font-size: 0.875rem; }
.header .header-contact a { display: inline-block; padding-left: 1.5em; background: url("../img/common/i_contact.png") no-repeat left center; }
@media screen and (max-width: 600px) { .header .header-contact a { height: 1.5em; } }

.main { font-family: 'Noto Sans JP', YuGothicM, YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; line-height: 1.8; }

.footer { padding: 60px 0 50px; background-color: #000; color: #fff; }
.footer .footer-logo { margin-bottom: 50px; }
@media screen and (max-width: 900px) { .footer .footer-logo { text-align: center; } }
.footer .footer-in { display: flex; justify-content: space-between; margin-bottom: 100px; }
@media screen and (max-width: 900px) { .footer .footer-in { display: block; text-align: center; } }
.footer .footer-name { margin-bottom: 10px; font-size: 1.5rem; }
@media screen and (max-width: 600px) { .footer .footer-name { font-size: 1.375rem; } }
.footer .footer-addr { margin-bottom: 50px; font-size: 1rem; line-height: 1.8; }
.footer .footer-num { margin-bottom: 10px; font-size: 1.875rem; }
.footer .footer-num small { margin-right: 1em; font-size: 1.25rem; }
.footer .footer-num a { color: #fff; text-decoration: none; }
.footer .footer-contact { width: 41.2%; }
@media screen and (max-width: 900px) { .footer .footer-contact { width: 100%; margin-top: 40px; } }
.footer .footer-contact p { margin-bottom: 30px; font-size: 1rem; line-height: 1.8; }
.footer .footer-contact ul { width: 100%; max-width: 412px; }
@media screen and (max-width: 900px) { .footer .footer-contact ul { margin: 0 auto; } }
.footer .footer-contact ul li a { display: block; padding: 1em; border: 2px solid #888888; border-radius: 2em; color: #fff; font-size: 1rem; text-align: center; text-decoration: none; transition: all .4s; }
.footer .footer-contact ul li a:hover { border: 2px solid #0C3178; background-color: #fff; color: #0C3178; }
.footer .footer-copy { font-size: 1rem; text-align: center; }

.pagetop { display: none; position: fixed; bottom: 40px; right: 40px; }
@media screen and (max-width: 600px) { .pagetop { bottom: 20px; right: 10px; width: 50px; height: 50px; } }

.c-headline { margin-bottom: 50px; font-size: 2.125rem; line-height: 1.6; text-align: center; }
@media screen and (max-width: 600px) { .c-headline { font-size: 1.375rem; } }
.c-headline::before { content: ''; display: block; width: 1px; height: 65px; margin: 0 auto 20px; background-color: #fff; }

.c-youtube { max-width: 780px; margin: 0 auto; }
.c-youtube .c-youtube-in { position: relative; padding-top: 56.0256410256%; }
.c-youtube .c-youtube-in iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.c-btn { display: block; width: 100%; max-width: 300px; padding: 0.6em 0; border: 2px solid #888888; border-radius: 2em; background: url("../img/common/i_arrow.png") no-repeat right 12px center; color: #fff; font-size: 1.125rem; font-weight: 700; text-align: center; text-decoration: none; transition: all .4s; }
@media screen and (max-width: 600px) { .c-btn { max-width: 90%; } }
.c-btn:hover { background-color: #fff; color: #000; }
.c-btn.c-btn-contact:hover { border: 2px solid #0C3178; background: #fff url("../img/common/i_arrow_b.png") no-repeat right 12px center; color: #0C3178; }
.c-btn.c-btn-contact:hover span { background: url("../img/common/i_contact_b.png") no-repeat left center; }
.c-btn.c-btn-contact span { display: inline-block; padding-left: 1.8em; background: url("../img/common/i_contact_w.png") no-repeat left center; }

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

.w100 { width: 100%; }

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