@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

ul, ol { list-style: none; }

blockquote, q { quotes: none; }

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

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

del { text-decoration: line-through; }

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

hr { display: block; height: 1px; border: 0; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

* { box-sizing: border-box; }

body { font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; line-height: 1.5; -webkit-text-size-adjust: 100%; overflow-x: hidden; }

a { text-decoration: none; }
a:hover { opacity: 0.7; }

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

@media screen and (min-width: 768px) { .spOnly { display: none; } }
@media screen and (max-width: 768px) { .pcOnly { display: none; } }
.fadeIn { opacity: 0; transform: translate(0, 100px); }

.fadeIn.fade-active { opacity: 1; transform: translate(0, 0); transition: all .4s; }

/* --------- common end ---------*/
.header { position: relative; padding-top: 119.3333333333vw; background: url(../img/header_bg.jpg) 0 0/contain no-repeat; }
.header:before { content: ""; display: block; position: absolute; top: 0; z-index: 1; width: 100%; height: 100%; background: url(../img/header_bg-item.png) 0 0/100% no-repeat; }

.header_title { position: absolute; top: 4vw; left: 4vw; z-index: 2; }
.header_title a { display: block; }
.header_title img { width: 27.7333333333vw; }

.header_sub-title { position: absolute; top: 29.3333333333vw; right: 0; left: 0; z-index: 2; text-align: center; }
.header_sub-title img { width: 100%; }

@media screen and (min-width: 768px) { .header { height: 586px; padding-top: 0; background: url(../img/header_bg_pc.png) center bottom/cover no-repeat; }
  .header:before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; z-index: 1; max-width: 1300px; height: 100%; background: url(../img/header_bg-item_pc.png) 0 0/100% no-repeat; }
  .header_inner { position: relative; max-width: 1000px; margin: 0 auto; height: 100%; }
  .header_title { top: 30px; left: 0; }
  .header_title img { width: 165px; }
  .header_sub-title { top: 136px; z-index: 1; }
  .header_sub-title img { width: 510px; } }
.gnav { position: fixed; top: 0; left: 0; z-index: 3; width: 100%; }

.gnav_menu-btn { position: fixed; top: 4vw; right: 4vw; z-index: 2; width: 13.3333333333vw; height: 13.0666666667vw; background: #5084c4; }
.gnav_menu-btn span { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 8vw; height: 1.3333333333vw; background: #fff; }
.gnav_menu-btn span:before, .gnav_menu-btn span:after { content: ""; display: block; position: absolute; width: 8vw; height: 1.3333333333vw; background: #fff; }
.gnav_menu-btn span:before { top: -3.0666666667vw; }
.gnav_menu-btn span:after { top: 3.0666666667vw; }

.gnav_menu-btn.active span { background: none; }
.gnav_menu-btn.active span:before, .gnav_menu-btn.active span:after { top: 0; transition: all .6s; }
.gnav_menu-btn.active span:before { transform: rotate(45deg); }
.gnav_menu-btn.active span:after { transform: rotate(-45deg); }

.active + .gnav_list { transform: translate(0, 0); opacity: 1; }

.gnav_list { transform: translate(0, -100%); transition: all .6s; opacity: 0; position: absolute; top: 4vw; right: 0; left: 0; z-index: 1; width: 92vw; margin: 0 auto; padding-top: 13.3333333333vw; padding-bottom: 13.3333333333vw; background: #5084c4; }

.gnav_item a { display: block; display: flex; justify-content: center; align-items: center; border-top: 0.13vw solid #85a9d6; height: 13.3333333333vw; color: #fff; background: #5084c4; }
.gnav_item:last-of-type a { border-bottom: 0.13vw solid #85a9d6; }

@media screen and (min-width: 768px) { .gnav { right: 0; left: auto; }
  .gnav_menu-btn { top: 30px; right: 50%; margin-right: -465px; width: 60px; height: 60px; transform: translate(50%, 0); }
  .gnav_menu-btn span { width: 40px; height: 6px; }
  .gnav_menu-btn span:before, .gnav_menu-btn span:after { width: 40px; height: 6px; }
  .gnav_menu-btn span:before { top: -14px; }
  .gnav_menu-btn span:after { top: 14px; } }
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) { .gnav_menu-btn { margin-right: -360px; } }

@media screen and (min-width: 768px) { .gnav_list { top: 30px; left: auto; right: 50%; width: 520px; margin: 0 -495px 0 0; padding-top: 60px; padding-bottom: 60px; }
  .gnav_item a { height: 60px; margin: 0; border-top: 1px solid #85a9d6; }
  .gnav_item a:hover { background: #cadaed; }
  .gnav_item:last-of-type a { border-bottom: 1px solid #85a9d6; } }
.sentence { text-align: center; margin-right: 4vw; margin-left: 4vw; margin-bottom: 9.3333333333vw; }

.sentence_title { margin-top: 5.3333333333vw; font-size: 4.5333333333vw; line-height: 1.4117647059; color: #5084c4; }

.sentence_text { font-size: 4vw; line-height: 1.6666666667; }
.sentence_text:first-of-type { margin-top: 4vw; }
.sentence_text:last-of-type { margin-top: 8vw; }

@media screen and (min-width: 768px) { .sentence { margin: 0 0 70px; }
  .sentence_title { margin-top: 40px; font-size: 24px; line-height: 1.25; }
  .sentence_text { font-size: 16px; line-height: 1.875; }
  .sentence_text:first-of-type { margin-top: 40px; }
  .sentence_text:last-of-type { margin-top: 40px; } }
.content_group { margin-top: 10.6666666667vw; }
.content_group:first-of-type { margin-top: 0; }

.content_title { display: flex; justify-content: center; align-items: center; height: 12vw; margin-right: 4vw; margin-left: 4vw; font-size: 5.3333333333vw; font-weight: bold; }
.content_title span { font-size: 4vw; }
.content_title--blue { background: url(../img/content_bg-blue.gif) 0 0/6.4vw repeat; }
.content_title--green { background: url(../img/content_bg-green.gif) 0 0/4.4vw repeat; }
.content_title--yellow { background: url(../img/content_bg-yellow.gif) 0 0/6.4vw repeat; }
.content_title--orange { background: url(../img/content_bg-orange.gif) 0 0/4.4vw repeat; }
.content_title--pink { background: url(../img/content_bg-pink.gif) 0 0/3.2vw repeat; }

.content_block { margin-top: 2.1333333333vw; margin-right: 7.4666666667vw; margin-left: 7.4666666667vw; padding-top: 3.3333333333vw; padding-right: 3.3333333333vw; padding-bottom: 3.3333333333vw; padding-left: 3.3333333333vw; border: 0.13vw solid #c9ced3; }

.content_text { text-align: center; margin-top: 4vw; font-size: 4vw; }

.content_notice-pdf { margin-top: 1.7333333333vw; font-size: 2vw; }

.content_button a { display: flex; justify-content: center; align-items: center; width: 100%; height: 13.3333333333vw; margin-top: 2.4vw; font-size: 4.8vw; font-weight: bold; color: #fff; background: #5084c4; }
.content_button span { padding-left: 2.6666666667vw; font-size: 3.4666666667vw; }

.content_sns-button-wrapper { display: flex; justify-content: space-between; margin-top: 2.4vw; }

.content_sns-button a { position: relative; display: flex; justify-content: center; align-items: center; width: 38.1333333333vw; height: 12vw; }
.content_sns-button a:before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; margin: auto; width: 8.2666666667vw; height: 12vw; }
.content_sns-button--fb a { background: #3b5a9a; }
.content_sns-button--fb a:before { background: url(../img/content_fb.png) 0 0/100% no-repeat; }
.content_sns-button--tw a { background: #000; }
.content_sns-button--tw a:before { background: url(../img/content_x.png) 0 0/100% no-repeat; }

@media screen and (min-width: 768px) { .content { max-width: 1000px; margin: 0 auto; }
  .content_group { margin-top: 90px; }
  .content_title { margin: 0; height: 60px; font-size: 30px; }
  .content_title span { font-size: 22px; }
  .content_title--blue { background: url(../img/content_bg-blue.gif) 0 0/38px repeat; }
  .content_title--green { background: url(../img/content_bg-green.gif) 0 0/24px repeat; }
  .content_title--yellow { background: url(../img/content_bg-yellow.gif) 0 0/38px repeat; }
  .content_title--orange { background: url(../img/content_bg-orange.gif) 0 0/30px repeat; }
  .content_title--pink { background: url(../img/content_bg-pink.gif) 0 0/16px repeat; }
  .content_block { width: 490px; margin: 30px 5px 0 5px; padding: 20px; border: 1px solid #c9ced3; }
  .content_image img { width: 450px; }
  .content_text { margin-top: 30px; font-size: 20px; }
  .content_notice-pdf { margin-top: 14px; font-size: 12px; }
  .content_button a { height: 60px; margin-top: 12px; font-size: 24px; }
  .content_button span { padding-left: 12px; font-size: 18px; font-weight: normal; }
  .content_sns-button-wrapper { margin-top: 16px; }
  .content_sns-button a { width: 220px; height: 50px; }
  .content_sns-button a:before { width: 30px; height: 43px; } }
.pagetop { display: flex; justify-content: flex-end; margin-top: 10.6666666667vw; margin-right: 4vw; }
.pagetop a { position: relative; display: flex; justify-content: center; align-items: center; width: 20vw; height: 13.3333333333vw; background: #7c8794; }
.pagetop a:before { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; margin: auto; width: 4.8vw; height: 4.1333333333vw; background: url(../img/icon_tri.png) 0 0/100% no-repeat; }

@media screen and (min-width: 768px) { .pagetop { width: 1000px; margin: 110px auto 0; }
  .pagetop a { width: 70px; height: 50px; }
  .pagetop a:before { width: 17px; height: 15px; } }
.footer { text-align: center; border-top: 0.13vw solid #c6cbd0; margin-top: 8vw; padding-bottom: 9.3333333333vw; }

.footer_title { margin-top: 8vw; }
.footer_title a { display: block; }
.footer_title img { width: 43.7333333333vw; }

.footer_copy { margin-top: 4.8vw; font-size: 3.4666666667vw; }

@media screen and (min-width: 768px) { .footer { border-top: 1px solid #c6cbd0; margin-top: 30px; padding-bottom: 130px; }
  .footer_title { margin-top: 40px; }
  .footer_title img { width: 165px; }
  .footer_copy { margin-top: 44px; font-size: 16px; } }

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