@charset "UTF-8";
.font-en { font-family: 'Montserrat', sans-serif; }

.font-min { font-family: 'Shippori Mincho', serif; }

.font-num { font-family: 'Oswald', sans-serif; }

* { -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.375vw; } }

body { color: #1e1e1e; font-family: 'Noto Sans JP', YuGothicM, YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-size: 1.6rem; -webkit-text-size-adjust: 100%; }
@media screen and (max-width: 750px) { body { font-size: 1.6rem; } }

li { list-style: none; }

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

video { max-width: 100%; }

a { color: #1e1e1e; }
a:hover { text-decoration: none; }

button { padding: 0; border: none; background: none; font-family: inherit; font-size: 1.6rem; cursor: pointer; }
@media screen and (max-width: 750px) { button { font-size: 1.6rem; } }

input[type="text"], input[type="password"], input[type="tel"], input[type="email"], textarea { font-family: inherit; font-size: 1.6rem; }
@media screen and (max-width: 750px) { input[type="text"], input[type="password"], input[type="tel"], input[type="email"], textarea { font-size: 1.6rem; } }

select { font-family: inherit; }

h1, h2, h3, h4, h5, h6, strong { font-weight: 700; }

.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; opacity: 0; transition: all .5s; transform: translateY(100px); width: 100px; }
@media screen and (max-width: 750px) { .pagetop { width: 60px; } }
.pagetop.is-show { opacity: 1; transform: translateY(0); }

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

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

.contents { max-width: 1000px; margin: 0 auto; }

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

/* ==================================================================================================== 重要なお知らせ
==================================================================================================== */
.important-header { position: relative; z-index: 99999; padding: 10px 0; background-color: #000; }
.important-header .important-in { width: 100%; max-width: 1430px; margin: 0 auto; padding: 0 20px; }
@media screen and (max-width: 750px) { .important-header .important-in { padding: 0 4%; } }
.important-header .important-con { position: relative; padding-right: 45px; }
.important-header .important-list { display: none; padding-left: 30px; background: url("../img/common/ico_important.svg") no-repeat left top 0.2em; background-size: 17px auto; font-size: 1.4rem; line-height: 1.6; color: #fff; }
.important-header .important-list.slick-initialized { display: block; }
.important-header .important-list li { margin-bottom: 1em; }
.important-header .important-list li:last-child { margin-bottom: 0; }
.important-header .important-list li a { color: #fff; text-decoration: none; padding-right: 15px; background: url("../img/common/ico_arrow_w.svg") no-repeat right center; background-size: 7px auto; }
.important-header .important-list li a:hover { text-decoration: underline; }
.important-header .important-close { position: absolute; top: 50%; right: 0; width: 23px; cursor: pointer; transform: translateY(-50%); }

/* ------------------------------ ヘッダー
------------------------------ */
.header { top: 0; left: 0; z-index: 99999; width: 100%; }
.header .header-in { display: flex; align-items: center; justify-content: space-between; height: 120px; background: rgba(255, 255, 255, 0.8); border-bottom: 2px solid #edeff4; }
@media screen and (max-width: 1310px) { .header .header-in { height: 70px; } }
.header .header-logo { width: 240px; margin: 0 50px; }
@media screen and (max-width: 1310px) { .header .header-logo { width: 160px; margin: 0 4%; } }
.header .header-logo ._c { display: none; }
@media screen and (max-width: 1310px) { .header .header-logo ._c { display: inline; } }
.header .header-logo ._s { display: none; }
.header .header-r { flex: 1; display: flex; align-items: center; justify-content: flex-end; }
@media screen and (max-width: 1310px) { .header .header-r { flex: initial; } }
@media screen and (max-width: 1310px) { .header .header-r .header-nav { display: none; } }
.header .header-r .header-online { margin-bottom: 30px; }
.header .header-r .header-online ul { display: flex; justify-content: flex-end; }
.header .header-r .header-online ul li { margin-right: 30px; padding-right: 30px; border-right: 1px solid #999db1; }
.header .header-r .header-online ul li a { display: flex; align-items: center; text-decoration: none; padding-right: 20px; background: url("../img/common/ico_link.svg") no-repeat right center; background-size: 10px auto; }
.header .header-r .header-online ul li a figure { flex: 1; }
.header .header-r .header-online ul li a p { margin-left: 10px; font-size: 1.2rem; }
.header .header-r .header-online ul li:first-child figure { width: 108px; }
.header .header-r .header-online ul li:last-child { margin-right: 0; padding-right: 0; border-right: none; }
.header .header-r .header-online ul li:last-child figure { width: 89px; }
.header .header-r .gnav ul { display: flex; justify-content: flex-end; }
.header .header-r .gnav ul li { margin-right: 2em; }
.header .header-r .gnav ul li:last-child { margin-right: 0; }
.header .header-r .gnav ul li a { text-decoration: none; }
.header .header-r .gnav ul li a:hover { border-bottom: 1px solid #333; }
.header .header-r .header-language { position: relative; display: flex; align-items: center; justify-content: center; width: 120px; height: 120px; }
@media screen and (max-width: 1310px) { .header .header-r .header-language { width: 90px; height: 90px; } }
.header .header-r .header-language a { position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; }
.header .header-r .header-language img { width: 100%; max-width: 29px; }
.header .header-r .header-menu { display: flex; align-items: center; justify-content: center; width: 120px; height: 120px; background-color: #edeff4; cursor: pointer; }
@media screen and (max-width: 1310px) { .header .header-r .header-menu { width: 70px; height: 70px; } }
.header .header-r .header-menu p { position: relative; width: 45px; height: 12px; margin: 0 auto 10px; }
@media screen and (max-width: 1310px) { .header .header-r .header-menu p { margin-top: 10px; } }
.header .header-r .header-menu span { position: absolute; left: 0; display: block; width: 100%; height: 1px; background-color: #02518d; transition: all .4s; }
.header .header-r .header-menu span:nth-of-type(1) { top: 0; }
.header .header-r .header-menu span:nth-of-type(2) { width: 50%; left: initial; right: 0; bottom: 0; }
.header .header-r .header-menu .txt { text-align: center; }
.header .header-r .header-menu .txt:before { content: 'MENU'; font-size: 1.2rem; color: #02518d; }

.js-sticky .header { position: sticky; transform: translateY(-50px); }
@media screen and (max-width: 1310px) { .js-sticky .header { transform: initial; } }
.js-sticky .header .header-in { background: rgba(255, 255, 255, 0.9); box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5); border-bottom: none; }
.js-sticky .header .header-logo { width: 22.6875%; max-width: 363px; margin-top: 50px; }
@media screen and (max-width: 1310px) { .js-sticky .header .header-logo { flex: 1; width: 100%; margin-top: 0 !important; } }
.js-sticky .header .header-logo ._w { display: none !important; }
.js-sticky .header .header-logo ._c { display: none !important; }
.js-sticky .header .header-logo ._s { display: inline !important; }
.js-sticky .header .header-r .header-online { display: none; }
.js-sticky .header .header-r .gnav { margin-top: 50px; }
.js-sticky .header .header-r .header-language { margin-top: 50px; height: 70px; }
@media screen and (max-width: 1310px) { .js-sticky .header .header-r .header-language { height: 90px; margin-top: 0; } }
.js-sticky .header .header-r .header-menu { height: 70px; margin-top: 50px; }
@media screen and (max-width: 1310px) { .js-sticky .header .header-r .header-menu { height: 90px; margin-top: 0; } }
.js-sticky .nav-menu { top: 70px; height: calc(100% - 70px); }
@media screen and (max-width: 1310px) { .js-sticky .nav-menu { top: 90px; height: calc(100% - 90px); } }

.nav-menu { position: fixed; top: 120px; right: 0; z-index: 99999; display: flex; justify-content: flex-start; align-items: flex-start !important; width: 410px; height: calc(100% - 120px); visibility: hidden; transform: translateX(100%); }
@media screen and (max-width: 1310px) { .nav-menu { top: 70px; height: calc(100% - 70px); } }
@media screen and (max-width: 750px) { .nav-menu { width: 100%; } }
.nav-menu.is-loaded { transition: all .5s; }
.nav-menu.is-show { visibility: visible; transform: translateX(0); }
.nav-menu .nav-menu-content { position: absolute; top: 0; right: 0; width: 100%; height: 100%; padding: 35px 40px; background: #02518d; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; }
@media screen and (max-width: 750px) { .nav-menu .nav-menu-content { padding: 4%; } }
.nav-menu .nav-menu-top { display: flex; justify-content: space-between; margin-bottom: 20px; }
.nav-menu .nav-menu-logo { width: 30px; margin-bottom: 10px; }
.nav-menu .nav-menu-heading { font-size: 2rem; color: #fff; }
.nav-menu .nav-close { cursor: pointer; }
.nav-menu .nav-close img { width: 34px; }
.nav-menu .nav-close figcaption { margin-top: 5px; font-size: 1.2rem; text-align: center; color: #fff; }
.nav-menu .nav-menu-link { margin-bottom: 35px; }
.nav-menu .nav-menu-link li { background: url("../img/common/arrow_link_w.svg") no-repeat right bottom; }
.nav-menu .nav-menu-link li a { display: block; text-decoration: none; padding: 20px 0; font-size: 1.8rem; color: #fff; }
.nav-menu .nav-menu-online li { margin-bottom: 20px; text-align: center; }
.nav-menu .nav-menu-online li:last-child { margin-bottom: 0; }

@media screen and (max-width: 750px) { .js-menuopen { overflow: hidden; } }
.js-menuopen .important-header { display: none; }
.js-menuopen .header .header-r .header-menu span:nth-child(1) { transform: translateY(6px) rotate(-45deg); }
.js-menuopen .header .header-r .header-menu span:nth-child(2) { width: 100%; transform: translateY(-6px) rotate(45deg); }
.js-menuopen .header .header-r .header-menu .txt:before { content: 'CLOSE'; }
.js-menuopen .nav-menu { display: block; }

/* ------------------------------ ぱんくず
------------------------------ */
.topicpath { padding: 10px 100px; }
@media screen and (max-width: 960px) { .topicpath { padding-left: 20px; padding-right: 20px; } }
@media screen and (max-width: 750px) { .topicpath { padding-left: 4%; padding-right: 4%; } }
.topicpath ol { display: flex; flex-wrap: wrap; }
.topicpath ol li { margin-right: 1em; font-size: 1.2rem; color: #535a60; }
.topicpath ol li:last-child { margin-right: 0; }
.topicpath ol li:last-child::after { content: ''; padding-left: 0; }
.topicpath ol li::after { content: '/'; padding-left: 1em; color: #1a6fba; }
.topicpath ol li a { text-decoration: none; color: #535a60; }
.topicpath ol li a:hover { text-decoration: underline; }

/* ------------------------------ メインタイトル
------------------------------ */
.mainttl-sec { position: relative; z-index: 999; padding: 20px 100px; height: 66px; background-color: #edeff4; }
@media screen and (max-width: 960px) { .mainttl-sec { padding-left: 20px; padding-right: 20px; } }
@media screen and (max-width: 750px) { .mainttl-sec { padding-left: 4%; padding-right: 4%; } }
.mainttl-sec._menu { position: relative; display: flex; align-items: center; justify-content: space-between; }
.mainttl-sec .mainttl-txt { font-size: 2.6rem; font-weight: normal; color: #1a6fba; }
@media screen and (max-width: 750px) { .mainttl-sec .mainttl-txt { font-size: 2rem; } }
.mainttl-sec .mainttl-menu p { padding: 1.5rem 0; color: #1a6fba; cursor: pointer; }
@media screen and (max-width: 750px) { .mainttl-sec .mainttl-menu p { font-size: 1.4rem; } }
.mainttl-sec .mainttl-menu p span { display: inline-block; padding-left: 30px; background: url("../img/common/arrow_bl_b.svg") no-repeat left center; background-size: 15px auto; }
.mainttl-sec .mainttl-menu-wrap { z-index: 10000; display: none; position: absolute; top: 0; left: 0; width: 100%; height: auto; padding-top: 66px; }
.mainttl-sec .mainttl-menu-wrap .mainttl-menu-in { padding: 40px 0; background-color: #e8f3fd; border-top: 4px solid #fff; }
.mainttl-sec .mainttl-menu-wrap .mainttl-menu-con { display: flex; }
.mainttl-sec .mainttl-menu-wrap ul { margin-right: 75px; }
.mainttl-sec .mainttl-menu-wrap ul:last-child { margin-right: 0; }
.mainttl-sec .mainttl-menu-wrap ul li { margin-bottom: 15px; padding-left: 1.3em; text-indent: -1.3em; }
.mainttl-sec .mainttl-menu-wrap ul li:last-child { margin-bottom: 0; }
.mainttl-sec .mainttl-menu-wrap ul li a { text-decoration: none; color: #1a6fba; padding-left: 25px; background: url("../img/common/arrow_cc.svg") no-repeat left center; background-size: 16px auto; }
.mainttl-sec .mainttl-menu-wrap ul li a:hover { background-image: url("../img/common/arrow_cc_act.svg"); }

/* ------------------------------ コンタクト
------------------------------ */
.contact-sec { padding: 70px 0 125px; background-color: #e8f3fd; }
@media screen and (max-width: 750px) { .contact-sec { padding: 60px 0; } }
.contact-sec .contact-heading { margin-bottom: 60px; font-size: 2.2rem; font-weight: 700; color: #1a6fba; text-align: center; }
.contact-sec .contact-list { display: flex; justify-content: center; }
@media screen and (max-width: 750px) { .contact-sec .contact-list { display: block; } }
.contact-sec .contact-list li { width: 31.25%; margin-right: 3.125%; background-color: #fff; }
@media screen and (max-width: 750px) { .contact-sec .contact-list li { width: 100%; margin-right: 0; margin-bottom: 40px; } }
.contact-sec .contact-list li:last-child { margin-right: 0; }
.contact-sec .contact-list li a { display: block; text-decoration: none; height: 100%; padding: 40px 30px; }
.contact-sec .contact-list li .contact-icon { display: flex; align-items: center; margin: 0 auto 30px; height: 46px; }
.contact-sec .contact-list li .contact-icon._info { max-width: 140px; }
.contact-sec .contact-list li .contact-icon._yamamoto { max-width: 204px; }
.contact-sec .contact-list li .contact-icon._swans { max-width: 174px; }
.contact-sec .contact-list li .contact-subheading { font-size: 2.0rem; font-weight: 400; color: #1a6fba; text-align: center; }
.contact-sec .contact-list li .contact-txt { margin-bottom: 30px; font-size: 1.7rem; }
.contact-sec .contact-list li .contact-btn { max-width: 188px; margin: 0 auto; }
.contact-sec .contact-list li .contact-btn a { display: block; text-decoration: none; padding: 18px 10px; background: #1a6fba url("../img/common/arrow_w.svg") no-repeat right 15px center; background-size: 9px auto; font-size: 1.7rem; color: #fff; text-align: center; line-height: 1; }

/* ------------------------------ フッター
------------------------------ */
.footer .footer-in { width: 100%; max-width: 1320px; margin: 0 auto; padding: 0 20px; }
@media screen and (max-width: 750px) { .footer .footer-in { padding: 0 4%; } }
.footer .footer-brand { padding: 30px 0; background-color: #edeff4; }
.footer .footer-brand .brand-con { display: flex; justify-content: center; align-items: center; max-width: 910px; margin: 0 auto; }
@media screen and (max-width: 960px) { .footer .footer-brand .brand-con { display: block; } }
.footer .footer-brand .brand-heading { margin-right: 50px; font-size: 2.2rem; font-weight: 300; }
@media screen and (max-width: 960px) { .footer .footer-brand .brand-heading { margin-right: 0; margin-bottom: 40px; } }
.footer .footer-brand .brand-heading span { display: inline-block; padding-right: 50px; background: url("../img/common/arrow_g.svg") no-repeat right center; background-size: 7px auto; }
@media screen and (max-width: 960px) { .footer .footer-brand .brand-heading span { background-image: url("../img/common/arrow_g_b.svg"); background-size: 14px auto; } }
.footer .footer-brand .brand-link { flex: 1; display: flex; align-items: center; justify-content: space-around; }
@media screen and (max-width: 750px) { .footer .footer-brand .brand-link { flex-wrap: wrap; justify-content: space-between; } }
.footer .footer-brand .brand-link li { margin-right: 10px; }
@media screen and (max-width: 750px) { .footer .footer-brand .brand-link li { margin-right: 0; margin-bottom: 2em; text-align: center; } }
.footer .footer-brand .brand-link li.yamamoto { width: 171px; }
@media screen and (max-width: 750px) { .footer .footer-brand .brand-link li.yamamoto { width: 48%; } }
.footer .footer-brand .brand-link li.swans { width: 146px; }
@media screen and (max-width: 750px) { .footer .footer-brand .brand-link li.swans { width: 48%; }
  .footer .footer-brand .brand-link li.swans img { width: 85.3801169591%; } }
.footer .footer-brand .brand-link li.dice { width: 83px; }
@media screen and (max-width: 750px) { .footer .footer-brand .brand-link li.dice { width: 32%; }
  .footer .footer-brand .brand-link li.dice img { width: 71.9298245614%; } }
.footer .footer-brand .brand-link li.outland { width: 86px; margin-right: 0; }
@media screen and (max-width: 750px) { .footer .footer-brand .brand-link li.outland { width: 32%; }
  .footer .footer-brand .brand-link li.outland img { width: 73.6842105263%; } }
.footer .footer-brand .brand-link li.atiromavs { width: 50px; margin-right: 0; }
@media screen and (max-width: 750px) { .footer .footer-brand .brand-link li.atiromavs { width: 32%; }
  .footer .footer-brand .brand-link li.atiromavs img { width: 43.8596491228%; } }
.footer .footer-main { padding: 85px 0 100px; }
@media screen and (max-width: 750px) { .footer .footer-main { padding: 60px 0; } }
.footer .footer-main .footer-con { display: flex; align-items: flex-start; }
@media screen and (max-width: 960px) { .footer .footer-main .footer-con { display: block; } }
.footer .footer-main .f-logo { width: 100%; max-width: 285px; margin-left: 10px; }
.footer .footer-main .footer-nav { flex: 1; display: flex; margin-left: 100px; padding-left: 95px; border-left: 1px solid #999db1; }
@media screen and (max-width: 960px) { .footer .footer-main .footer-nav { margin: 40px 0 0; padding: 40px 0 0; border-left: none; border-top: 1px solid #999db1; } }
@media screen and (max-width: 750px) { .footer .footer-main .footer-nav { display: block; } }
.footer .footer-main .footer-nav ul { width: calc(100% / 3); padding-right: 1em; }
@media screen and (max-width: 750px) { .footer .footer-main .footer-nav ul { width: 100%; margin-bottom: 1em; padding-right: 0; }
  .footer .footer-main .footer-nav ul:last-child { margin-bottom: 0; } }
.footer .footer-main .footer-nav ul li { margin-bottom: 1em; padding-left: 15px; background: url("../img/common/arrow_b.svg") no-repeat left top 0.3em; background-size: 6px 11px; }
.footer .footer-main .footer-nav ul li:last-child { margin-bottom: 0; }
.footer .footer-main .footer-nav ul li a { display: block; text-decoration: none; }
.footer .footer-main .footer-nav ul li a:hover { text-decoration: underline; }
.footer .copy { padding: 15px 20px; background-color: #1a6fba; font-size: 1.5rem; color: #fff; text-align: center; }
@media screen and (max-width: 750px) { .footer .copy { padding: 15px 4%; font-size: 1.2rem; } }

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

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

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

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

.txt-cap { padding-left: 1em; text-indent: -1em; }

.cmn-in { max-width: 1000px; margin: 0 auto; }

.txt-secondary { color: #d3d3d3; }

.txt-primary { color: #0054bf; }

.txt-danger { color: #ff173e; }

.c-anchor { position: relative; top: -70px; }

.cmn-anchor { position: relative; }
.cmn-anchor a { position: absolute; top: -70px; }

/* ------------------------------ 共通
------------------------------ */
.cmn-heading { position: relative; margin-bottom: 30px; padding: 10px 0 10px 50px; font-size: 2.2rem; font-weight: 700; color: #1a6fba; }
@media screen and (max-width: 1380px) { .cmn-heading { padding-left: 70px; } }
.cmn-heading::before { content: ''; position: absolute; top: 0; left: 0; width: 58px; height: 52px; margin-left: -30px; background: url("../img/common/heading.svg") no-repeat left center; }
@media screen and (max-width: 1380px) { .cmn-heading::before { margin-left: 0; } }

.cmn-subheading { margin-bottom: 30px; font-size: 1.8rem; font-weight: 700; color: #1a6fba; }

.cmn-bgheading { margin-bottom: 30px; padding: 10px 20px; border-radius: 10px; background-color: #E8F3FD; font-size: 2rem; font-weight: 500; color: #1a6fba; }

.cmn-fig-txt { display: flex; justify-content: space-between; }
@media screen and (max-width: 750px) { .cmn-fig-txt { flex-direction: column-reverse; } }
.cmn-fig-txt.reverse { flex-direction: row-reverse; }
@media screen and (max-width: 750px) { .cmn-fig-txt.reverse { flex-direction: column-reverse; } }
.cmn-fig-txt .cmn-fig-txt-fig { width: 47%; }
@media screen and (max-width: 750px) { .cmn-fig-txt .cmn-fig-txt-fig { width: 100%; } }
.cmn-fig-txt .cmn-fig-txt-fig p { margin-top: 10px; font-size: 1.4rem; }
.cmn-fig-txt .cmn-fig-txt-lead { width: 47%; }
@media screen and (max-width: 750px) { .cmn-fig-txt .cmn-fig-txt-lead { width: 100%; margin-bottom: 20px; } }
.cmn-fig-txt .cmn-fig-txt-lead .cmn-txtheading { margin-bottom: 10px; }

.cmn-fig .cmn-fig-con { margin-top: 10px; font-size: 1.4rem; }
.cmn-fig._01 { max-width: 700px; margin: 0 auto; }
.cmn-fig._01 li { margin-bottom: 80px; }
.cmn-fig._02 { display: flex; flex-wrap: wrap; }
.cmn-fig._02 li { width: 47%; margin-right: 6%; margin-bottom: 50px; }
.cmn-fig._02 li:nth-child(2n) { margin-right: 0; }
.cmn-fig._02 li:last-child { margin-right: 0; }
.cmn-fig._03 { display: flex; flex-wrap: wrap; }
.cmn-fig._03 li { width: 30.8%; margin-right: 3.8%; margin-bottom: 50px; }
.cmn-fig._03 li:nth-child(3n) { margin-right: 0; }
.cmn-fig._03 li:last-child { margin-right: 0; }
.cmn-fig._04 { display: flex; flex-wrap: wrap; }
.cmn-fig._04 li { width: 23.2%; margin-right: 2.4%; margin-bottom: 50px; }
.cmn-fig._04 li:nth-child(4n) { margin-right: 0; }
.cmn-fig._04 li:last-child { margin-right: 0; }

.cmn-ytjs { position: relative; width: 100%; padding-top: 56.25%; }
.cmn-ytjs iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.cmn-yt { max-width: 700px; margin: 0 auto; }
.cmn-yt .cmn-yt-in { position: relative; padding-top: 56.25%; }
.cmn-yt .cmn-yt-in iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.cmn-yt .cmn-yt-txt { margin-top: 10px; text-align: left; font-size: 1.4rem; }

.cmn-txtlink li { margin-bottom: 10px; padding-left: 25px; background: url("../img/common/arrow_bl.svg") no-repeat left center; background-size: 9px auto; }
.cmn-txtlink li:last-child { margin-bottom: 0; }
.cmn-txtlink li.cmn-txtlink-file { background-image: url("../img/common/ico_pdf.svg"); background-size: 23px auto; }
.cmn-txtlink li.cmn-txtlink-external { background-image: url("../img/common/ico_link_bl.svg"); background-size: 15px auto; }
.cmn-txtlink li a { font-size: 1.6rem; color: #1a6fba; }

.cmn-btnlink { max-width: 480px; margin: 0 auto; }
.cmn-btnlink li { margin-bottom: 45px; }
.cmn-btnlink li:last-child { margin-bottom: 0; }
.cmn-btnlink li.cmn-txtlink-file a { background-image: url("../img/common/ico_pdf.svg"); background-size: 30px auto; }
.cmn-btnlink li.cmn-txtlink-file a:hover { background-image: url("../img/common/ico_pdf.svg"); }
.cmn-btnlink li.cmn-txtlink-external a { background-image: url("../img/common/ico_link_bl.svg"); background-size: 18px auto; }
.cmn-btnlink li.cmn-txtlink-external a:hover { background-image: url("../img/common/ico_link_w.svg"); }
.cmn-btnlink li a { display: block; text-decoration: none; padding: 30px; border: 1px solid #1a6fba; background: #fff url("../img/common/arrow_bl.svg") no-repeat right 25px center; background-size: 9px auto; font-size: 1.7rem; color: #1a6fba; }
.cmn-btnlink li a:hover { background-image: url("../img/common/arrow_w.svg"); background-color: #1a6fba; color: #fff; }

.back-btn { max-width: 195px; }
.back-btn a { display: block; text-decoration: none; padding: 15px; border: 1px solid #1a6fba; background: #fff url("../img/common/arrow_bl_l.svg") no-repeat left 25px center; background-size: 9px auto; font-size: 1.7rem; color: #1a6fba; text-align: center; border-radius: 2em; line-height: 1; }

/* ------------------------------ ページャー
------------------------------ */
.pager { display: flex; align-items: center; justify-content: center; }
.pager p { width: 9px; }
.pager p img { vertical-align: middle; }
.pager ol { display: flex; align-items: center; justify-content: center; margin: 0 50px; }
.pager ol li { width: 30px; height: 30px; margin-right: 6px; }
.pager ol li:last-child { margin-right: 0; }
.pager ol li a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; text-decoration: none; font-size: 1.9rem; color: #1a6fba; border-radius: 50%; line-height: 1; }
.pager ol li a.active, .pager ol li a:hover { background-color: #1a6fba; color: #fff; }

.cmn-lnav { margin-bottom: 80px; }
.cmn-lnav ul { display: flex; }
@media screen and (max-width: 750px) { .cmn-lnav ul { display: block; } }
.cmn-lnav ul li { width: 33.2%; margin-right: 0.1%; }
@media screen and (max-width: 750px) { .cmn-lnav ul li { width: 100%; margin-right: 0; margin-bottom: 1px; } }
.cmn-lnav ul li:last-child { margin-right: 0; }
@media screen and (max-width: 750px) { .cmn-lnav ul li:last-child { margin-bottom: 0; } }
.cmn-lnav ul li a { display: block; text-decoration: none; padding: 35px 60px 35px 35px; background: #edeff4 url("../img/common/arrow_bl_b.svg") no-repeat right 30px center; background-size: 15px auto; font-size: 1.7rem; color: #1a6fba; }
@media screen and (max-width: 750px) { .cmn-lnav ul li a { padding: 1em 2.5em 1em 1.5em; background-position: right 1em center; } }

.cmn-leadheading { margin-bottom: 20px; font-size: 1.6rem; font-weight: 700; }

.cmn-detail-heading { margin-bottom: 30px; font-size: 2.2rem; font-weight: 700; }

.cmn-heading-bg { margin-bottom: 30px; padding: 10px 20px; background-color: #999db1; color: #fff; font-size: 2.4rem; font-weight: 700; }
.cmn-heading-bg._primary { background-color: #1a6fba; }
.cmn-heading-bg._secondary { background-color: #000; }

.cmn-txtheading { margin-bottom: 20px; font-size: 2rem; font-weight: 700; }
.cmn-txtheading.cmn-txtheading_bl { color: #1a6fba; }
.cmn-txtheading span { font-size: 1.4rem; color: #d80012; }

.cmn-fig figure { text-align: center; }
@media screen and (max-width: 750px) { .cmn-fig figure { margin-bottom: 1em; } }
.cmn-fig p { margin-top: 10px; font-size: 1.4rem; }
.cmn-fig .cmn-lead { margin-top: 20px; font-size: 1.6rem; text-align: left; }

.cmn-fig-01 li { margin-bottom: 6%; }
.cmn-fig-01 li figure, .cmn-fig-01 li .cmn-txtheading { margin-bottom: 10px; }
.cmn-fig-01._reverse li { display: flex; flex-direction: column-reverse; }
.cmn-fig-01._reverse li figure { margin-top: 10px; }
@media screen and (max-width: 750px) { .cmn-fig-01._sp-reverse li { display: flex; flex-direction: column-reverse; }
  .cmn-fig-01._sp-reverse li figure { margin-top: 10px; } }

.cmn-fig-02 { display: flex; justify-content: space-between; }
.cmn-fig-02 li { width: 47%; margin-bottom: 6%; }
.cmn-fig-02 li figure, .cmn-fig-02 li .cmn-txtheading { margin-bottom: 10px; }
@media screen and (max-width: 750px) { .cmn-fig-02._sp-row1 { flex-wrap: wrap; } }
@media screen and (max-width: 750px) { .cmn-fig-02._sp-row1 li { width: 100%; } }
.cmn-fig-02._reverse li { display: flex; flex-direction: column-reverse; }
.cmn-fig-02._reverse li figure { margin-top: 10px; margin-bottom: 0; }
@media screen and (max-width: 750px) { .cmn-fig-02._sp-reverse li { display: flex; flex-direction: column-reverse; }
  .cmn-fig-02._sp-reverse li figure { margin-top: 10px; } }

.cmn-fig-03 { display: flex; justify-content: space-between; }
@media screen and (max-width: 750px) { .cmn-fig-03 { display: block; } }
.cmn-fig-03 li { width: 30.8%; margin-bottom: 3.8%; }
@media screen and (max-width: 750px) { .cmn-fig-03 li { width: 100%; } }
.cmn-fig-03 li figure, .cmn-fig-03 li .cmn-txtheading { margin-bottom: 10px; }
.cmn-fig-03._reverse li { display: flex; flex-direction: column-reverse; }
.cmn-fig-03._reverse li figure { margin-top: 10px; margin-bottom: 0; }
@media screen and (max-width: 750px) { .cmn-fig-03._sp-reverse li { display: flex; flex-direction: column-reverse; }
  .cmn-fig-03._sp-reverse li figure { margin-top: 10px; } }

.cmn-fig-04 { display: flex; justify-content: space-between; }
@media screen and (max-width: 750px) { .cmn-fig-04 { flex-wrap: wrap; } }
.cmn-fig-04 li { width: 23.2%; margin-bottom: 2.4%; }
@media screen and (max-width: 750px) { .cmn-fig-04 li { width: 47%; margin-bottom: 4.2253521127%; } }
.cmn-fig-04 li figure, .cmn-fig-04 li .cmn-txtheading { margin-bottom: 10px; }
@media screen and (max-width: 750px) { .cmn-fig-04._sp-row1 { flex-wrap: wrap; } }
@media screen and (max-width: 750px) { .cmn-fig-04._sp-row1 li { width: 100%; } }
.cmn-fig-04._reverse li { display: flex; flex-direction: column-reverse; }
.cmn-fig-04._reverse li figure { margin-top: 10px; margin-bottom: 0; }
@media screen and (max-width: 750px) { .cmn-fig-04._sp-reverse li { display: flex; flex-direction: column-reverse; }
  .cmn-fig-04._sp-reverse li figure { margin-top: 10px; } }

.cmn-product-list02 { display: flex; justify-content: center; }
@media screen and (max-width: 750px) { .cmn-product-list02 { display: block; } }
.cmn-product-list02 li { width: 27.5%; margin-right: 2%; }
@media screen and (max-width: 750px) { .cmn-product-list02 li { width: 100%; margin-right: 0; margin-bottom: 20px; } }
.cmn-product-list02 li:last-child { margin-right: 0; }
@media screen and (max-width: 750px) { .cmn-product-list02 li:last-child { margin-bottom: 0; } }
.cmn-product-list02 li .cmn-product-list02-item { display: block; }
.cmn-product-list02 li figure { margin-bottom: 10px; text-align: center; }
@media screen and (max-width: 750px) { .cmn-product-list02 li figure { margin-bottom: 1em; } }
.cmn-product-list02 li .cmn-product-list-heading { margin-bottom: 10px; font-size: 1.6rem; }
.cmn-product-list02 li .cmn-product-list-txt { font-size: 1.4rem; }

.cmn-morebtn { max-width: 218px; margin: 0 auto; }
.cmn-morebtn a { display: block; text-decoration: none; padding: 15px 10px; background-color: #1a6fba; text-align: center; color: #fff; font-size: 1.7rem; border-radius: 2em; }
.cmn-morebtn a span { display: inline-block; padding-right: 25px; background: url("../img/common/ico_arrow_w_b.svg") no-repeat right center; background-size: 15px auto; }

.cmn-reflink { margin-bottom: 65px; }
.cmn-reflink dt { max-width: 95px; margin-bottom: 20px; padding: 2px; background-color: #1a6fba; font-size: 1.4rem; color: #fff; text-align: center; line-height: 1; border-radius: 2px; }
.cmn-reflink dd ul li { margin-bottom: 15px; padding-left: 20px; background: url("../img/common/ico_arrow.svg") no-repeat left center; background-size: 9px auto; }
.cmn-reflink dd ul li:last-child { margin-bottom: 0; }
.cmn-reflink dd ul li a { font-size: 1.6rem; color: #0054bf; }

.cmn-withdraw { margin-bottom: 45px; font-size: 1.6rem; color: #d80012; }

.cmn-paragraph { margin-bottom: 40px; }
.cmn-paragraph dt { margin-bottom: 20px; font-weight: 700; }
.cmn-paragraph dd { font-size: 1.6rem; font-weight: 300; }

.cmn-gbox { background-color: #edeff4; }
.cmn-gbox .cmn-gbox-heading { margin-bottom: 35px; font-weight: 700; color: #1a6fba; }
.cmn-gbox .cmn-gbox-item { display: flex; justify-content: space-between; }
@media screen and (max-width: 750px) { .cmn-gbox .cmn-gbox-item { display: block; } }
.cmn-gbox .cmn-gbox-lead { font-size: 1.6rem; font-weight: 300; }
.cmn-gbox._type1 { padding: 60px 30px 45px; }
@media screen and (max-width: 750px) { .cmn-gbox._type1 { padding: 40px 20px; } }
.cmn-gbox._type1 .cmn-gbox-heading { text-align: center; }
.cmn-gbox._type1 .cmn-gbox-lead { width: 63.2978723404%; }
@media screen and (max-width: 750px) { .cmn-gbox._type1 .cmn-gbox-lead { width: 100%; } }
.cmn-gbox._type1 .cmn-gbox-fig { width: 29.7872340426%; }
@media screen and (max-width: 750px) { .cmn-gbox._type1 .cmn-gbox-fig { width: 100%; margin-bottom: 20px; } }
.cmn-gbox._type2 { padding: 60px 50px 45px; }
@media screen and (max-width: 750px) { .cmn-gbox._type2 { padding: 40px 20px; } }
.cmn-gbox._type2 .cmn-gbox-lead { margin-bottom: 40px; }
.cmn-gbox._type2 .cmn-fig-03 li { width: 45.652173913%; margin-right: 3.3333333333%; margin-bottom: 5.5555555556%; }
.cmn-gbox._type2 .cmn-gbox-fig { display: flex; }
.cmn-gbox._type2 .cmn-gbox-fig li { width: 33.75%; margin-right: 5%; }
.cmn-gbox._type2 .cmn-gbox-fig li:nth-child(3n) { margin-right: 0; }

.cmn-table { table-layout: fixed; width: 100%; margin-bottom: 20px; }
.cmn-table img { vertical-align: middle; }
.cmn-table tr:first-child { border-top: 1px solid #999db1; }
.cmn-table tr th { padding: 15px 30px; background-color: #edeff4; border-bottom: 1px solid #999db1; text-align: left; font-weight: 400; }
.cmn-table tr td { padding: 15px 30px; background-color: #fff; border-bottom: 1px solid #999db1; border-right: 1px solid #999db1; }
.cmn-table tr td:last-child { border-right: none; }
.cmn-table._col2 { table-layout: initial; }
.cmn-table._col2 th:first-child, .cmn-table._col2 td:first-child { width: 40%; }
@media screen and (max-width: 750px) { .cmn-table._col2 th:first-child, .cmn-table._col2 td:first-child { width: 100%; } }
.cmn-table._col2 th:last-child, .cmn-table._col2 td:last-child { width: 60%; }
@media screen and (max-width: 750px) { .cmn-table._col2 th:last-child, .cmn-table._col2 td:last-child { width: 100%; } }

@media screen and (max-width: 750px) { .cmn-table-01 tr th, .cmn-table-01 tr td { display: block; width: 100%; } }
@media screen and (max-width: 750px) { .cmn-table-01 tr td { border-right: none; } }

.cmn-table-02 tr th { border-right: 1px solid #999db1; }
.cmn-table-02 tr th:last-child { border-right: none; }

.scroll { overflow-x: auto; }
.scroll::-webkit-scrollbar { height: 5px; }
.scroll::-webkit-scrollbar-track { background-color: #ededed; }
.scroll::-webkit-scrollbar-thumb { background-color: #1a6fba; }
@media screen and (max-width: 960px) { .scroll { white-space: nowrap; }
  .scroll table { width: initial; table-layout: initial; } }

.cmn-table-wrap { margin-bottom: 20px; }
@media screen and (max-width: 1230px) { .cmn-table-wrap { overflow-x: auto; }
  .cmn-table-wrap::-webkit-scrollbar { height: 5px; }
  .cmn-table-wrap::-webkit-scrollbar-track { background-color: #ededed; }
  .cmn-table-wrap::-webkit-scrollbar-thumb { background-color: #1a6fba; }
  .cmn-table-wrap table { width: 1000px; } }

.cmn-table-scroll-02 tr th { border-right: 1px solid #999db1; }
.cmn-table-scroll-02 tr th:last-child { border-right: none; }

.cmn-hr { border-top-color: #1a6fba; }

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

.ico-extract { margin-right: 10px; }
.ico-extract::before { content: url("../img/common/ico_extract.svg"); }

.ico-withdraw { margin-right: 10px; }
.ico-withdraw::before { content: url("../img/common/ico_withdraw.svg"); }

.ico-review { margin-right: 10px; }
.ico-review::before { content: url("../img/common/ico_review.svg"); }

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

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

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

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

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

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

.w100 { width: 100%; }

.tac { text-align: center !important; }

.tar { text-align: right; }

.mab0 { margin-bottom: 0px !important; }

.mab10 { margin-bottom: 10px !important; }

.mab20 { margin-bottom: 20px !important; }

.mab40 { margin-bottom: 40px !important; }

.mab60 { margin-bottom: 60px !important; }

.mab70 { margin-bottom: 70px !important; }

.mab80 { margin-bottom: 80px !important; }

.mab100 { margin-bottom: 100px !important; }

.mat20 { margin-top: 20px !important; }

.pa1em { padding: 1em; }

.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-fadeout { animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-fadeout.js-anime-on { animation-name: fadeOut; }

@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
.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); } }
.js-anime-slash { animation-duration: 1s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; clip-path: polygon(80.625% 0, 80.625% 0, 24.375% 100%, 24.375% 100%); }
.js-anime-slash.js-anime-on { animation-name: slash; }

@keyframes slash { 0% { clip-path: polygon(80.625% 0, 80.625% 0, 24.375% 100%, 24.375% 100%); }
  100% { clip-path: polygon(0% 0, 161.25% 0, 100% 100%, -51.25% 100%); } }
.js-anime-scale { animation-duration: 1s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; transform: translate(-50%, -50%) scale(0); transform-origin: center center; }
.js-anime-scale.js-anime-on { animation-name: scale; }

@keyframes scale { 0% { transform: translate(-50%, -50%) scale(0); }
  100% { transform: translate(-50%, -50%) scale(10); } }
@media print { .js-anime-fadein, .js-anime-slide, .js-anime-slideleft, .js-anime-slideright { opacity: initial; } }

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