@charset "UTF-8";
/* Scss Document */
/* Scss Document */
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, sub, sup, 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, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

html { font-size: 62.5%; }

body { line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ul { 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; }

/* change colours to suit your needs */
ins { background-color: #ff9; color: #000; text-decoration: none; }

/* change colours to suit your needs */
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

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

/* change border colour to suit your needs */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

input, textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border: none; border-radius: 0; font: inherit; outline: none; }

/* Scss Document */
/* Scss Document */
html { min-height: 100vh; }

body { min-height: 100vh; box-sizing: border-box; background: #fff; font-family: Hiragino Sans, ヒラギノ角ゴシック, Meiryo, "sans-serif"; color: #172D5D; font-size: 1.3rem; line-height: 1.8; letter-spacing: 0.15em; word-wrap: break-word; text-align: justify; font-feature-settings: "palt"; }
@media (min-width: 375px) { body { font-size: calc( 1.3rem + ( 1vw - 3.75px ) * 0.2424242424 ); } }
@media (min-width: 1200px) { body { font-size: 1.5rem; } }

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

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

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

.sp { display: block; }
@media screen and (min-width: 769px) { .sp { display: none; } }
@media screen and (min-width: 961px) { .sp { display: none; } }

.tab { display: none; }
@media screen and (min-width: 769px) { .tab { display: block; } }
@media screen and (min-width: 961px) { .tab { display: block; } }
@media screen and (min-width: 1201px) { .tab { display: none; } }

.sp-tab { display: block; }
@media screen and (min-width: 769px) { .sp-tab { display: block; } }
@media screen and (min-width: 961px) { .sp-tab { display: block; } }
@media screen and (min-width: 1201px) { .sp-tab { display: none; } }

.pc-tab { display: none; }
@media screen and (min-width: 769px) { .pc-tab { display: block; } }
@media screen and (min-width: 961px) { .pc-tab { display: block; } }
@media screen and (min-width: 1201px) { .pc-tab { display: block; } }

.pc { display: none; }
@media screen and (min-width: 769px) { .pc { display: none; } }
@media screen and (min-width: 961px) { .pc { display: none; } }
@media screen and (min-width: 1201px) { .pc { display: inherit; } }

a, button { text-decoration: none; color: inherit; transition: .4s; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; }

button { background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; appearance: none; font-family: Hiragino Sans, ヒラギノ角ゴシック, Meiryo, "sans-serif"; color: #fff; }

a[href*="tel:"] { display: block; }

.event-none { pointer-events: none !important; }

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

.inner { box-sizing: border-box; width: 100%; max-width: 1200px; margin: auto; padding: 0% 5.33% 0% 5.33%; }
@media screen and (min-width: 769px) { .inner { padding: 0% 1.66% 0% 1.66%; } }
@media screen and (min-width: 1260px) { .inner { padding: 0; } }

.s-inner { box-sizing: border-box; width: 100%; max-width: 900px; margin: auto; padding: 0% 5.33% 0% 5.33%; }
@media screen and (min-width: 769px) { .s-inner { padding: 0% 1.66% 0% 1.66%; } }
@media screen and (min-width: 1260px) { .s-inner { padding: 0; } }
@media screen and (min-width: 920px) { .s-inner { padding: 0; } }

.mb-box { margin: 0% 0% 13.33% 0%; }

.cotents__bottom { margin-bottom: 20%; }

.no_data_txt { margin-bottom: 30px; font-size: 1.6rem; text-align: center; }

h1, h2, h3, h4 { font-weight: normal; }

p { font-size: 100%; }

address { font-style: normal; }

#contents { margin-top: 60px; }

.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-25 { margin-bottom: 25px; }
.mb-30 { margin-bottom: 30px; }

.s-txt { font-size: 70%; }

.l-txt { font-size: 140%; }

.fs-10 { font-size: 1.0rem; }
.fs-11 { font-size: 1.1rem; }
.fs-12 { font-size: 1.2rem; }
.fs-13 { font-size: 1.3rem; }
.fs-14 { font-size: 1.4rem; }
.fs-15 { font-size: 1.5rem; }
.fs-16 { font-size: 1.6rem; }
.fs-17 { font-size: 1.7rem; }
.fs-18 { font-size: 1.8rem; }

::selection { color: #fff; background: #A7CFF4; }

.en { font-family: Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: 0.02em; }

.num { font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.02em; }

.mincho { font-family: YuMincho, 游明朝, 游明朝体, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }

.icon { margin-right: 5px; }

.attent { font-size: 1.1rem; letter-spacing: normal; }

.link { color: #4366da; text-decoration: underline; }

.fit { object-fit: cover; object-position: center; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { #contents { margin-top: 80px; } }
/*------------------------------
		861px以上
------------------------------*/
@media screen and (min-width: 961px) { a { transition: all .4s; }
  a:hover { opacity: .7; }
  a[href*="tel:"] { pointer-events: none; cursor: default; text-decoration: none; }
  a[href*="fax:"] { pointer-events: none; cursor: default; text-decoration: none; }
  .mb-box { margin-bottom: 100px; } }
/*------------------------------
		1041px以上
------------------------------*/
/*//////////////////////////////////////////////////

	header設定

//////////////////////////////////////////////////*/
#header { position: fixed; z-index: 999; top: 0; left: 0; width: 100%; height: 60px; background: #fff; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16); }
#header .header__logo { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); left: 5.33%; width: 50%; max-width: 300px; }
#header .header__menubtn { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); right: 5.33%; width: 50px; height: 35px; }
#header .header__menubtn .header__menubtn-line { position: absolute; width: 100%; left: 50%; transform: translateX(-50%); top: 0; width: 26px; height: 16px; }
#header .header__menubtn .header__menubtn-line span { display: block; position: absolute; width: 100%; height: 2px; background: #4366da; transition: .4s; }
#header .header__menubtn .header__menubtn-line span:first-child { top: 0; }
#header .header__menubtn .header__menubtn-line span:nth-child(2) { top: 0; bottom: 0; margin: auto; }
#header .header__menubtn .header__menubtn-line span:last-child { bottom: 0; }
#header .header__menubtn .header__menubtn-txt { position: absolute; width: 100%; left: 50%; transform: translateX(-50%); bottom: 0; text-align: center; font-size: 1.2rem; color: #4366da; line-height: 1; }
#header .header__nav { display: none; position: absolute; top: 60px; left: 0; width: 100%; height: calc(100vh - 60px); box-sizing: border-box; padding: 5.33% 5.33% 5.33% 5.33%; background: rgba(255, 255, 255, 0.9); overflow-y: scroll; }
#header .header__nav-list { margin: 0% 0% 8% 0%; }
#header .header__nav-list li { border-bottom: 1px solid; text-align: center; color: #4366da; font-size: 1.5rem; }
#header .header__nav-list li a { display: block; padding: 15px 0; }
#header .header__contact { padding: 8% 5.33% 8% 5.33%; box-sizing: border-box; background: #fff; text-align: center; color: #4366da; }
#header .header__contact .header__contact-ttl { margin-bottom: 10px; font-weight: 600; font-size: 1.6rem; }
#header .header__contact .header__tel-num { font-family: Arial, Helvetica, sans-serif; font-weight: 600; font-size: 3.6rem; line-height: 1; }
#header .header__contact .header__tel-num .header__tel-icon { display: inline-block; vertical-align: middle; width: 25px; margin-right: 5px; }
#header .header__contact .header__tel-num .header__tel-icon svg { fill: #4366da; }
#header .header__contact .header__tel-time:after { display: block; margin: 20px auto; height: 1px; width: 90px; background: #4366da; content: ''; }
#header .header__contact .header__form-btn a { border: 1px solid #4366da; color: #4366da; }

.open { overflow: hidden; }
.open #header .header__menubtn .header__menubtn-line span:first-child { top: 7px; transform: rotate(320deg); }
.open #header .header__menubtn .header__menubtn-line span:nth-child(2) { opacity: 0; }
.open #header .header__menubtn .header__menubtn-line span:last-child { bottom: 7px; transform: rotate(-320deg); }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { #header { height: 80px; }
  #header .header__logo { left: 2%; }
  #header .header__nav { display: block; top: 50%; left: auto; right: 0; transform: translateY(-50%); width: 62%; height: auto; padding: 0; background: none; overflow-y: auto; }
  #header .header__nav-list { display: flex; flex-flow: row wrap; align-content: flex-start; justify-content: space-between; justify-content: flex-end; align-items: center; margin: 0; overflow: hidden; }
  #header .header__nav-list li { position: relative; border: none; padding: 0 2.5%; }
  #header .header__nav-list li a { position: relative; padding: 5px 0; }
  #header .header__nav-list li a:after { display: block; position: absolute; height: 3px; width: 80%; left: 0; right: 0; bottom: -2px; margin: auto; background: #4366da; content: ''; opacity: 0; transition: .3s; }
  #header .header__nav-list li a:hover { opacity: 1; }
  #header .header__nav-list li a:hover:after { opacity: 1; bottom: 0px; }
  #header .header__nav-list li:before { display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(15deg); height: 14px; width: 1px; background: #4366da; content: ''; }
  #header .header__nav-list li.active a:after { opacity: 1; bottom: 0px; }
  #header .header__nav-list li:first-child { margin-left: 0; }
  #header .header__nav-list li:nth-last-child(-n + 2):before { display: none; }
  #header .header__nav-list .header__nav-contact { width: 30%; max-width: 180px; height: 80px; padding: 0; line-height: 80px; }
  #header .header__nav-list .header__nav-contact a { padding: 0 6px 0 0; background: #4366da; color: #fff; transform: skew(-15deg); margin-right: -12px; }
  #header .header__nav-list .header__nav-contact a:after { display: none; }
  #header .header__nav-list .header__nav-contact a span { display: inline-block; position: relative; transform: skew(15deg); }
  #header .header__nav-list .header__nav-contact a span:after { position: absolute; width: 4px; height: 4px; border-top: 1px solid; border-right: 1px solid; top: 50%; transform: rotate(45deg) translate(0%, -50%); right: -10px; content: ''; }
  #header .header__nav-list .header__nav-contact a:hover { background: #333; }
  #header .header__contact { display: none; } }
/*------------------------------
		861px以上
------------------------------*/
/*------------------------------
		961px以上
------------------------------*/
/*//////////////////////////////////////////////////

	footer設定

//////////////////////////////////////////////////*/
#gotop { position: fixed; bottom: 2%; right: 2%; z-index: 1000; width: 56px; height: 56px; box-sizing: border-box; text-align: center; }
#gotop .gotop__inner { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); line-height: 1.5; font-family: Arial, Helvetica, sans-serif; text-indent: .15em; letter-spacing: 0; }
#gotop .gotop__inner:before { display: block; position: absolute; width: 8px; height: 8px; border-top: 1px solid; border-right: 1px solid; top: 50%; transform: rotate(45deg) translate(0%, -50%); position: static; transform: rotate(-45deg); margin: auto; content: ''; }
#gotop a { position: relative; display: block; width: 100%; height: 100%; background: #4366da; color: #fff; border: 1px solid #fff; }

#footer { padding-bottom: 20px; }
#footer .footer__nav { padding: 10.66% 5.33% 10.66% 5.33%; background: #172D5D; }
#footer .footer__nav-list { display: flex; flex-flow: row wrap; align-content: flex-start; justify-content: space-between; }
#footer .footer__nav li { position: relative; width: 50%; padding: 10px 0 10px 20px; box-sizing: border-box; font-size: 1.5rem; color: #fff; }
#footer .footer__nav li:before { position: absolute; width: 6px; height: 6px; border-top: 1px solid; border-right: 1px solid; top: 50%; transform: rotate(45deg) translate(0%, -50%); left: 0; content: ''; }
#footer .footer__info { padding: 16% 5.33% 10.66% 5.33%; }
#footer .footer__info .footer__logo { width: 80%; max-width: 280px; }
#footer .footer__info .footer__logo img { margin-bottom: 10px; }
#footer .footer__info .footer__addr { font-size: 1.2rem; }
@media (min-width: 375px) { #footer .footer__info .footer__addr { font-size: calc( 1.2rem + ( 1vw - 3.75px ) * 0.3636363636 ); } }
@media (min-width: 1200px) { #footer .footer__info .footer__addr { font-size: 1.5rem; } }

.copyright { font-size: 1.2rem; color: #172D5D; font-family: Arial, Helvetica, sans-serif; text-align: center; }
@media (min-width: 375px) { .copyright { font-size: calc( 1.2rem + ( 1vw - 3.75px ) * 0.2424242424 ); } }
@media (min-width: 1200px) { .copyright { font-size: 1.4rem; } }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { #footer { padding: 40px 0 20px; }
  #footer .footer__wrap { padding: 0 2%; margin: auto; max-width: 1200px; display: flex; flex-flow: row wrap; align-content: flex-start; justify-content: space-between; }
  #footer .footer__nav { order: 2; padding: 0; width: 62%; background: #fff; }
  #footer .footer__nav-list { justify-content: flex-end; }
  #footer .footer__nav li { padding: 0 15px; width: auto; color: #172D5D; }
  #footer .footer__nav li:before { width: 1px; height: 15px; border: none; transform: rotate(15deg) translate(0%, -50%); background: #172D5D; }
  #footer .footer__info { order: 1; padding: 0; width: 38%; }
  #footer .copyright { order: 3; width: 100%; margin-top: 40px; } }
/*------------------------------
		961px以上
------------------------------*/
@media screen and (min-width: 1201px) { #footer .footer__wrap { padding: 0; } }
/* Scss Document */
/*------------------------------
		下層タイトル
------------------------------*/
/*------------------------------
		ボタン
------------------------------*/
.btn a, .btn--wh a, .btn--navy a, .btn--back a, .btn button, .btn--wh button, .btn--navy button, .btn--back button, .btn .btn__input, .btn--wh .btn__input, .btn--navy .btn__input, .btn--back .btn__input, .btn input, .btn--wh input, .btn--navy input, .btn--back input, .btn .btn__deco, .btn--wh .btn__deco, .btn--navy .btn__deco, .btn--back .btn__deco { display: block; position: relative; z-index: 1; transform: skew(-15deg); height: 50px; width: 90%; max-width: 320px; margin: auto; border: 1px solid #172D5D; color: #172D5D; font-size: 1.5rem; text-align: center; }
@media (min-width: 375px) { .btn a, .btn--wh a, .btn--navy a, .btn--back a, .btn button, .btn--wh button, .btn--navy button, .btn--back button, .btn .btn__input, .btn--wh .btn__input, .btn--navy .btn__input, .btn--back .btn__input, .btn input, .btn--wh input, .btn--navy input, .btn--back input, .btn .btn__deco, .btn--wh .btn__deco, .btn--navy .btn__deco, .btn--back .btn__deco { font-size: calc( 1.5rem + ( 1vw - 3.75px ) * 0.1212121212 ); } }
@media (min-width: 1200px) { .btn a, .btn--wh a, .btn--navy a, .btn--back a, .btn button, .btn--wh button, .btn--navy button, .btn--back button, .btn .btn__input, .btn--wh .btn__input, .btn--navy .btn__input, .btn--back .btn__input, .btn input, .btn--wh input, .btn--navy input, .btn--back input, .btn .btn__deco, .btn--wh .btn__deco, .btn--navy .btn__deco, .btn--back .btn__deco { font-size: 1.6rem; } }
.btn a .btn__inner, .btn--wh a .btn__inner, .btn--navy a .btn__inner, .btn--back a .btn__inner, .btn button .btn__inner, .btn--wh button .btn__inner, .btn--navy button .btn__inner, .btn--back button .btn__inner, .btn .btn__input .btn__inner, .btn--wh .btn__input .btn__inner, .btn--navy .btn__input .btn__inner, .btn--back .btn__input .btn__inner, .btn input .btn__inner, .btn--wh input .btn__inner, .btn--navy input .btn__inner, .btn--back input .btn__inner, .btn .btn__deco .btn__inner, .btn--wh .btn__deco .btn__inner, .btn--navy .btn__deco .btn__inner, .btn--back .btn__deco .btn__inner { display: block; transform: skew(15deg); line-height: 50px; }
.btn a .btn__inner:after, .btn--wh a .btn__inner:after, .btn--navy a .btn__inner:after, .btn--back a .btn__inner:after, .btn button .btn__inner:after, .btn--wh button .btn__inner:after, .btn--navy button .btn__inner:after, .btn--back button .btn__inner:after, .btn .btn__input .btn__inner:after, .btn--wh .btn__input .btn__inner:after, .btn--navy .btn__input .btn__inner:after, .btn--back .btn__input .btn__inner:after, .btn input .btn__inner:after, .btn--wh input .btn__inner:after, .btn--navy input .btn__inner:after, .btn--back input .btn__inner:after, .btn .btn__deco .btn__inner:after, .btn--wh .btn__deco .btn__inner:after, .btn--navy .btn__deco .btn__inner:after, .btn--back .btn__deco .btn__inner:after { display: block; position: absolute; width: 4px; height: 4px; border-top: 1px solid; border-right: 1px solid; top: 50%; transform: rotate(45deg) translate(0%, -50%); right: 20px; content: ''; }
.btn--wh a, .btn--wh button, .btn--wh .btn__input, .btn--wh input, .btn--wh .btn__deco { color: #fff; border: 1px solid #fff; }
.btn--navy a, .btn--navy button, .btn--navy .btn__input, .btn--navy input, .btn--navy .btn__deco { background: #172D5D; color: #fff; border: 1px solid #172D5D; line-height: 50px; }
.btn--navy a div, .btn--navy button div, .btn--navy .btn__input div, .btn--navy input div, .btn--navy .btn__deco div { transform: skew(15deg); }
.btn--back a, .btn--back button, .btn--back .btn__input, .btn--back input, .btn--back .btn__deco { line-height: 50px; }
.btn--back a .btn__inner::after, .btn--back button .btn__inner::after, .btn--back .btn__input .btn__inner::after, .btn--back input .btn__inner::after, .btn--back .btn__deco .btn__inner::after { right: auto; left: 35px; transform: translate(0%, -50%) rotate(225deg); }

/*------------------------------
　　各タイトル
------------------------------*/
.mainttl { margin: 0% 0% 5.33% 0%; text-align: center; color: #FFF; filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.5)); }
.mainttl-jp { font-family: YuMincho, 游明朝, 游明朝体, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight: 600; font-size: 2.2rem; line-height: 1.5; }
@media (min-width: 375px) { .mainttl-jp { font-size: calc( 2.2rem + ( 1vw - 3.75px ) * 1.696969697 ); } }
@media (min-width: 1200px) { .mainttl-jp { font-size: 3.6rem; } }
.mainttl-en { display: inline-block; position: relative; font-family: "Times New Roman", Times, "serif"; font-size: 1.3rem; }
@media (min-width: 375px) { .mainttl-en { font-size: calc( 1.3rem + ( 1vw - 3.75px ) * 1.0909090909 ); } }
@media (min-width: 1200px) { .mainttl-en { font-size: 2.2rem; } }
.mainttl-en:before, .mainttl-en:after { display: block; position: absolute; width: 100%; top: 50%; transform: translateY(-50%); width: 30px; height: 1px; background: #fff; content: ''; }
.mainttl-en:before { left: -35px; }
.mainttl-en:after { right: -35px; }

#home .mainttl { filter: none; }

/*------------------------------ 下層タイトル ------------------------------*/
#ttlimg { position: relative; height: 45vw; max-height: 230px; }
#ttlimg .mainttl { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); }

/*------------------------------
		お問い合わせ
------------------------------*/
.contact { margin: 21.33% 0% 0% 0%; padding: 10% 0; background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("/img/common/bg_contact.jpg") center/cover no-repeat; color: #fff; text-align: center; }
.contact .contact__copy { margin-bottom: 20px; }
.contact .contact__wrap { padding: 8% 5.33% 8% 5.33%; box-sizing: border-box; background: #fff; text-align: center; color: #172D5D; }
.contact .contact__wrap .contact__ttl { margin-bottom: 10px; font-weight: 600; font-size: 1.6rem; }
@media (min-width: 375px) { .contact .contact__wrap .contact__ttl { font-size: calc( 1.6rem + ( 1vw - 3.75px ) * 0.2424242424 ); } }
@media (min-width: 1200px) { .contact .contact__wrap .contact__ttl { font-size: 1.8rem; } }
.contact .contact__wrap .contact__tel-num { font-family: Arial, Helvetica, sans-serif; font-weight: 600; font-size: 3.6rem; line-height: 1; }
@media (min-width: 375px) { .contact .contact__wrap .contact__tel-num { font-size: calc( 3.6rem + ( 1vw - 3.75px ) * 1.696969697 ); } }
@media (min-width: 1200px) { .contact .contact__wrap .contact__tel-num { font-size: 5rem; } }
.contact .contact__wrap .contact__tel-num .contact__tel-icon { display: inline-block; vertical-align: middle; width: 5%; min-width: 25px; margin-right: 5px; }
.contact .contact__wrap .contact__tel-num .contact__tel-icon svg { fill: #172D5D; }
.contact .contact__wrap .contact__tel-time:after { display: block; margin: 20px auto; height: 1px; width: 90px; background: #172D5D; content: ''; }
.contact .contact__wrap .contact__btn a { border: 1px solid #172D5D; color: #172D5D; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { /*------------------------------ ボタン ------------------------------*/
  .btn a, .btn--wh a, .btn--navy a, .btn--back a, .btn button, .btn--wh button, .btn--navy button, .btn--back button, .btn .btn__input, .btn--wh .btn__input, .btn--navy .btn__input, .btn--back .btn__input, .btn input, .btn--wh input, .btn--navy input, .btn--back input, .btn .btn__deco, .btn--wh .btn__deco, .btn--navy .btn__deco, .btn--back .btn__deco { height: 60px; line-height: 60px; }
  .btn a .btn__inner, .btn--wh a .btn__inner, .btn--navy a .btn__inner, .btn--back a .btn__inner, .btn button .btn__inner, .btn--wh button .btn__inner, .btn--navy button .btn__inner, .btn--back button .btn__inner, .btn .btn__input .btn__inner, .btn--wh .btn__input .btn__inner, .btn--navy .btn__input .btn__inner, .btn--back .btn__input .btn__inner, .btn input .btn__inner, .btn--wh input .btn__inner, .btn--navy input .btn__inner, .btn--back input .btn__inner, .btn .btn__deco .btn__inner, .btn--wh .btn__deco .btn__inner, .btn--navy .btn__deco .btn__inner, .btn--back .btn__deco .btn__inner { line-height: 60px; }
  .btn a:hover, .btn--wh a:hover, .btn--navy a:hover, .btn--back a:hover, .btn button:hover, .btn--wh button:hover, .btn--navy button:hover, .btn--back button:hover, .btn .btn__input:hover, .btn--wh .btn__input:hover, .btn--navy .btn__input:hover, .btn--back .btn__input:hover, .btn input:hover, .btn--wh input:hover, .btn--navy input:hover, .btn--back input:hover, .btn .btn__deco:hover, .btn--wh .btn__deco:hover, .btn--navy .btn__deco:hover, .btn--back .btn__deco:hover { opacity: 1; background: #172D5D; color: #fff; }
  .btn--wh a:hover, .btn--wh button:hover, .btn--wh .btn__input:hover, .btn--wh input:hover, .btn--wh .btn__deco:hover, .btn--navy a:hover, .btn--navy button:hover, .btn--navy .btn__input:hover, .btn--navy input:hover, .btn--navy .btn__deco:hover { opacity: 1; background: #fff; color: #172D5D; }
  .btn--back a:hover::after, .btn--back button:hover::after, .btn--back .btn__input:hover::after, .btn--back input:hover::after, .btn--back .btn__deco:hover::after { border-color: #FFF; }
  	/*------------------------------ 各タイトル ------------------------------*/
  /*------------------------------ 	お問い合わせ ------------------------------*/
  .contact { margin-top: 140px; padding: 100px 0; }
  .contact .s-inner { max-width: 1000px; }
  .contact .contact__wrap { position: relative; display: flex; flex-flow: row wrap; align-content: flex-start; justify-content: space-between; padding: 30px 20px; }
  .contact .contact__wrap > * { width: 44%; }
  .contact .contact__wrap .contact__tel-time:after { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1px; height: 60%; margin: auto; } }
/*------------------------------
		1041px以上
------------------------------*/
@media screen and (min-width: 961px) { /*------------------------------ 下層タイトル ------------------------------*/ }
/*------------------------------
		1281px以上
------------------------------*/
@media screen and (min-width: 1201px) { /*------------------------------ 	お問い合わせ ------------------------------*/ }
input[type="text"], input[type="email"] { width: 100%; padding: 10px; box-sizing: border-box; border: 1px solid #CDD8F0; border-radius: 6px; outline: none; font-family: Hiragino Sans, ヒラギノ角ゴシック, Meiryo, "sans-serif"; }
input[type="text"].col-1, input[type="email"].col-1 { width: calc(100% / 12 * 1); }
input[type="text"].col-2, input[type="email"].col-2 { width: calc(100% / 12 * 2); }
input[type="text"].col-3, input[type="email"].col-3 { width: calc(100% / 12 * 3); }
input[type="text"].col-4, input[type="email"].col-4 { width: calc(100% / 12 * 4); }
input[type="text"].col-5, input[type="email"].col-5 { width: calc(100% / 12 * 5); }
input[type="text"].col-6, input[type="email"].col-6 { width: calc(100% / 12 * 6); }
input[type="text"].col-7, input[type="email"].col-7 { width: calc(100% / 12 * 7); }
input[type="text"].col-8, input[type="email"].col-8 { width: calc(100% / 12 * 8); }
input[type="text"].col-9, input[type="email"].col-9 { width: calc(100% / 12 * 9); }
input[type="text"].col-10, input[type="email"].col-10 { width: calc(100% / 12 * 10); }
input[type="text"].col-11, input[type="email"].col-11 { width: calc(100% / 12 * 11); }
input[type="text"].col-12, input[type="email"].col-12 { width: 100%; }

::placeholder { color: #CDD8F0; }

textarea { width: 100%; height: 30vw; max-height: 200px; padding: 10px; box-sizing: border-box; border: 1px solid #CDD8F0; border-radius: 6px; outline: none; font-family: Hiragino Sans, ヒラギノ角ゴシック, Meiryo, "sans-serif"; }

select { width: 100%; padding: 10px; background: #fff; background-image: none; border: 1px solid #797979; cursor: pointer; font-family: Hiragino Sans, ヒラギノ角ゴシック, Meiryo, "sans-serif"; color: #172D5D; }
select.selected { color: #172D5D; }
select.col-1 { width: calc(100% / 12 * 1); }
select.col-2 { width: calc(100% / 12 * 2); }
select.col-3 { width: calc(100% / 12 * 3); }
select.col-4 { width: calc(100% / 12 * 4); }
select.col-5 { width: calc(100% / 12 * 5); }
select.col-6 { width: calc(100% / 12 * 6); }
select.col-7 { width: calc(100% / 12 * 7); }
select.col-8 { width: calc(100% / 12 * 8); }
select.col-9 { width: calc(100% / 12 * 9); }
select.col-10 { width: calc(100% / 12 * 10); }
select.col-11 { width: calc(100% / 12 * 11); }
select.col-12 { width: 100%; }

input.error, textarea.error, select.error { background: #ffecec; border-color: #ED2623; }

.parts-selectbox { position: relative; }
.parts-selectbox::after { position: absolute; content: ""; top: 35%; right: 10px; width: 5px; height: 5px; border-bottom: solid 2px #172D5D; border-right: solid 2px #172D5D; transform: rotate(45deg); }
.parts-selectbox select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.parts-selectbox select::-ms-expand { display: none; }

.hissu { display: inline-block; vertical-align: middle; margin: 0 5px; padding: 2px 6px; line-height: 1; font-size: 1.0rem; font-weight: normal; color: #fff; background: #d12610; border-radius: 2px; }

.state_message { margin: 40px auto; text-align: center; }
.state_message .class-ng { padding: 10px; color: #d12610; font-weight: bold; border: 2px solid #d12610; background: #ffe0e0; }
.state_message .class-ok { padding: 10px; color: #5bb75b; font-weight: bold; border: 2px solid #5bb75b; background: #e2ffe2; }
.state_message .descript { margin: 15px auto 30px; text-align: left; }

#form { margin-bottom: 40px; }

.form__ttl { margin-bottom: 5px; font-size: 1.6rem; }

.form__txt { padding: 10px; background: #fdfdfb; color: #676767; }

.form__box { margin-bottom: 20px; }

.input__item { margin-right: 12px; display: inline-block; vertical-align: middle; }

.check { display: block; height: 30px; }

.checkbox-input, .radio-input { position: absolute; opacity: 0; height: 1px; width: 1px; -webkit-appearance: none; appearance: none; }

.checkbox-parts, .radio-parts { padding-left: 25px; position: relative; line-height: 1.3; }

.checkbox-parts:before { content: ""; display: block; position: absolute; top: -2px; left: 0; width: 20px; height: 20px; box-sizing: border-box; border: 1px solid #C6C6C6; background: #fff; cursor: pointer; }

.checkbox-input:checked + .checkbox-parts:before { background: #fff; }
.checkbox-input:checked + .checkbox-parts:after { content: ""; display: block; position: absolute; top: -10px; left: 9px; width: 6px; height: 20px; transform: rotate(40deg); border-bottom: 2px solid #ED2623; border-right: 2px solid #ED2623; }

.radio-parts:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 15px; height: 15px; box-sizing: border-box; border: 1px solid #707070; background: #fff; border-radius: 50%; cursor: pointer; }

.radio-input:checked + .radio-parts:after { content: ""; display: block; position: absolute; top: 3px; left: 3px; width: 9px; height: 9px; background: #172D5D; border-radius: 50%; }

@media screen and (min-width: 769px) { input[type="corp_name"].col-1_tab, input[type="corp_kana"].col-1_tab, input[type="name"].col-1_tab, input[type="kana"].col-1_tab, input[type="num"].col-1_tab, input[type="text"].col-1_tab, input[type="password"].col-1_tab, input[type="number"].col-1_tab, input[type="address"].col-1_tab, input[type="tel"].col-1_tab, input[type="url"].col-1_tab, input[type="mail"].col-1_tab, select.col-1_tab { width: calc(100% / 12 * 1); }
  input[type="corp_name"].col-2_tab, input[type="corp_kana"].col-2_tab, input[type="name"].col-2_tab, input[type="kana"].col-2_tab, input[type="num"].col-2_tab, input[type="text"].col-2_tab, input[type="password"].col-2_tab, input[type="number"].col-2_tab, input[type="address"].col-2_tab, input[type="tel"].col-2_tab, input[type="url"].col-2_tab, input[type="mail"].col-2_tab, select.col-2_tab { width: calc(100% / 12 * 2); }
  input[type="corp_name"].col-3_tab, input[type="corp_kana"].col-3_tab, input[type="name"].col-3_tab, input[type="kana"].col-3_tab, input[type="num"].col-3_tab, input[type="text"].col-3_tab, input[type="password"].col-3_tab, input[type="number"].col-3_tab, input[type="address"].col-3_tab, input[type="tel"].col-3_tab, input[type="url"].col-3_tab, input[type="mail"].col-3_tab, select.col-3_tab { width: calc(100% / 12 * 3); }
  input[type="corp_name"].col-4_tab, input[type="corp_kana"].col-4_tab, input[type="name"].col-4_tab, input[type="kana"].col-4_tab, input[type="num"].col-4_tab, input[type="text"].col-4_tab, input[type="password"].col-4_tab, input[type="number"].col-4_tab, input[type="address"].col-4_tab, input[type="tel"].col-4_tab, input[type="url"].col-4_tab, input[type="mail"].col-4_tab, select.col-4_tab { width: calc(100% / 12 * 4); }
  input[type="corp_name"].col-5_tab, input[type="corp_kana"].col-5_tab, input[type="name"].col-5_tab, input[type="kana"].col-5_tab, input[type="num"].col-5_tab, input[type="text"].col-5_tab, input[type="password"].col-5_tab, input[type="number"].col-5_tab, input[type="address"].col-5_tab, input[type="tel"].col-5_tab, input[type="url"].col-5_tab, input[type="mail"].col-5_tab, select.col-5_tab { width: calc(100% / 12 * 5); }
  input[type="corp_name"].col-6_tab, input[type="corp_kana"].col-6_tab, input[type="name"].col-6_tab, input[type="kana"].col-6_tab, input[type="num"].col-6_tab, input[type="text"].col-6_tab, input[type="password"].col-6_tab, input[type="number"].col-6_tab, input[type="address"].col-6_tab, input[type="tel"].col-6_tab, input[type="url"].col-6_tab, input[type="mail"].col-6_tab, select.col-6_tab { width: calc(100% / 12 * 6); }
  input[type="corp_name"].col-7_tab, input[type="corp_kana"].col-7_tab, input[type="name"].col-7_tab, input[type="kana"].col-7_tab, input[type="num"].col-7_tab, input[type="text"].col-7_tab, input[type="password"].col-7_tab, input[type="number"].col-7_tab, input[type="address"].col-7_tab, input[type="tel"].col-7_tab, input[type="url"].col-7_tab, input[type="mail"].col-7_tab, select.col-7_tab { width: calc(100% / 12 * 7); }
  input[type="corp_name"].col-8_tab, input[type="corp_kana"].col-8_tab, input[type="name"].col-8_tab, input[type="kana"].col-8_tab, input[type="num"].col-8_tab, input[type="text"].col-8_tab, input[type="password"].col-8_tab, input[type="number"].col-8_tab, input[type="address"].col-8_tab, input[type="tel"].col-8_tab, input[type="url"].col-8_tab, input[type="mail"].col-8_tab, select.col-8_tab { width: calc(100% / 12 * 8); }
  input[type="corp_name"].col-9_tab, input[type="corp_kana"].col-9_tab, input[type="name"].col-9_tab, input[type="kana"].col-9_tab, input[type="num"].col-9_tab, input[type="text"].col-9_tab, input[type="password"].col-9_tab, input[type="number"].col-9_tab, input[type="address"].col-9_tab, input[type="tel"].col-9_tab, input[type="url"].col-9_tab, input[type="mail"].col-9_tab, select.col-9_tab { width: calc(100% / 12 * 9); }
  input[type="corp_name"].col-10_tab, input[type="corp_kana"].col-10_tab, input[type="name"].col-10_tab, input[type="kana"].col-10_tab, input[type="num"].col-10_tab, input[type="text"].col-10_tab, input[type="password"].col-10_tab, input[type="number"].col-10_tab, input[type="address"].col-10_tab, input[type="tel"].col-10_tab, input[type="url"].col-10_tab, input[type="mail"].col-10_tab, select.col-10_tab { width: calc(100% / 12 * 10); }
  input[type="corp_name"].col-11_tab, input[type="corp_kana"].col-11_tab, input[type="name"].col-11_tab, input[type="kana"].col-11_tab, input[type="num"].col-11_tab, input[type="text"].col-11_tab, input[type="password"].col-11_tab, input[type="number"].col-11_tab, input[type="address"].col-11_tab, input[type="tel"].col-11_tab, input[type="url"].col-11_tab, input[type="mail"].col-11_tab, select.col-11_tab { width: calc(100% / 12 * 11); }
  input[type="corp_name"].col-12_tab, input[type="corp_kana"].col-12_tab, input[type="name"].col-12_tab, input[type="kana"].col-12_tab, input[type="num"].col-12_tab, input[type="text"].col-12_tab, input[type="password"].col-12_tab, input[type="number"].col-12_tab, input[type="address"].col-12_tab, input[type="tel"].col-12_tab, input[type="url"].col-12_tab, input[type="mail"].col-12_tab, select.col-12_tab { width: 100%; }
  .checkbox-parts:hover { cursor: pointer; } }
@media screen and (min-width: 961px) { input[type="corp_name"].col-1_pc, input[type="corp_kana"].col-1_pc, input[type="name"].col-1_pc, input[type="kana"].col-1_pc, input[type="num"].col-1_pc, input[type="text"].col-1_pc, input[type="password"].col-1_pc, input[type="number"].col-1_pc, input[type="address"].col-1_pc, input[type="tel"].col-1_pc, input[type="url"].col-1_pc, input[type="mail"].col-1_pc, select.col-1_pc { width: calc(100% / 12 * 1); }
  input[type="corp_name"].col-2_pc, input[type="corp_kana"].col-2_pc, input[type="name"].col-2_pc, input[type="kana"].col-2_pc, input[type="num"].col-2_pc, input[type="text"].col-2_pc, input[type="password"].col-2_pc, input[type="number"].col-2_pc, input[type="address"].col-2_pc, input[type="tel"].col-2_pc, input[type="url"].col-2_pc, input[type="mail"].col-2_pc, select.col-2_pc { width: calc(100% / 12 * 2); }
  input[type="corp_name"].col-3_pc, input[type="corp_kana"].col-3_pc, input[type="name"].col-3_pc, input[type="kana"].col-3_pc, input[type="num"].col-3_pc, input[type="text"].col-3_pc, input[type="password"].col-3_pc, input[type="number"].col-3_pc, input[type="address"].col-3_pc, input[type="tel"].col-3_pc, input[type="url"].col-3_pc, input[type="mail"].col-3_pc, select.col-3_pc { width: calc(100% / 12 * 3); }
  input[type="corp_name"].col-4_pc, input[type="corp_kana"].col-4_pc, input[type="name"].col-4_pc, input[type="kana"].col-4_pc, input[type="num"].col-4_pc, input[type="text"].col-4_pc, input[type="password"].col-4_pc, input[type="number"].col-4_pc, input[type="address"].col-4_pc, input[type="tel"].col-4_pc, input[type="url"].col-4_pc, input[type="mail"].col-4_pc, select.col-4_pc { width: calc(100% / 12 * 4); }
  input[type="corp_name"].col-5_pc, input[type="corp_kana"].col-5_pc, input[type="name"].col-5_pc, input[type="kana"].col-5_pc, input[type="num"].col-5_pc, input[type="text"].col-5_pc, input[type="password"].col-5_pc, input[type="number"].col-5_pc, input[type="address"].col-5_pc, input[type="tel"].col-5_pc, input[type="url"].col-5_pc, input[type="mail"].col-5_pc, select.col-5_pc { width: calc(100% / 12 * 5); }
  input[type="corp_name"].col-6_pc, input[type="corp_kana"].col-6_pc, input[type="name"].col-6_pc, input[type="kana"].col-6_pc, input[type="num"].col-6_pc, input[type="text"].col-6_pc, input[type="password"].col-6_pc, input[type="number"].col-6_pc, input[type="address"].col-6_pc, input[type="tel"].col-6_pc, input[type="url"].col-6_pc, input[type="mail"].col-6_pc, select.col-6_pc { width: calc(100% / 12 * 6); }
  input[type="corp_name"].col-7_pc, input[type="corp_kana"].col-7_pc, input[type="name"].col-7_pc, input[type="kana"].col-7_pc, input[type="num"].col-7_pc, input[type="text"].col-7_pc, input[type="password"].col-7_pc, input[type="number"].col-7_pc, input[type="address"].col-7_pc, input[type="tel"].col-7_pc, input[type="url"].col-7_pc, input[type="mail"].col-7_pc, select.col-7_pc { width: calc(100% / 12 * 7); }
  input[type="corp_name"].col-8_pc, input[type="corp_kana"].col-8_pc, input[type="name"].col-8_pc, input[type="kana"].col-8_pc, input[type="num"].col-8_pc, input[type="text"].col-8_pc, input[type="password"].col-8_pc, input[type="number"].col-8_pc, input[type="address"].col-8_pc, input[type="tel"].col-8_pc, input[type="url"].col-8_pc, input[type="mail"].col-8_pc, select.col-8_pc { width: calc(100% / 12 * 8); }
  input[type="corp_name"].col-9_pc, input[type="corp_kana"].col-9_pc, input[type="name"].col-9_pc, input[type="kana"].col-9_pc, input[type="num"].col-9_pc, input[type="text"].col-9_pc, input[type="password"].col-9_pc, input[type="number"].col-9_pc, input[type="address"].col-9_pc, input[type="tel"].col-9_pc, input[type="url"].col-9_pc, input[type="mail"].col-9_pc, select.col-9_pc { width: calc(100% / 12 * 9); }
  input[type="corp_name"].col-10_pc, input[type="corp_kana"].col-10_pc, input[type="name"].col-10_pc, input[type="kana"].col-10_pc, input[type="num"].col-10_pc, input[type="text"].col-10_pc, input[type="password"].col-10_pc, input[type="number"].col-10_pc, input[type="address"].col-10_pc, input[type="tel"].col-10_pc, input[type="url"].col-10_pc, input[type="mail"].col-10_pc, select.col-10_pc { width: calc(100% / 12 * 10); }
  input[type="corp_name"].col-11_pc, input[type="corp_kana"].col-11_pc, input[type="name"].col-11_pc, input[type="kana"].col-11_pc, input[type="num"].col-11_pc, input[type="text"].col-11_pc, input[type="password"].col-11_pc, input[type="number"].col-11_pc, input[type="address"].col-11_pc, input[type="tel"].col-11_pc, input[type="url"].col-11_pc, input[type="mail"].col-11_pc, select.col-11_pc { width: calc(100% / 12 * 11); }
  input[type="corp_name"].col-12_pc, input[type="corp_kana"].col-12_pc, input[type="name"].col-12_pc, input[type="kana"].col-12_pc, input[type="num"].col-12_pc, input[type="text"].col-12_pc, input[type="password"].col-12_pc, input[type="number"].col-12_pc, input[type="address"].col-12_pc, input[type="tel"].col-12_pc, input[type="url"].col-12_pc, input[type="mail"].col-12_pc, select.col-12_pc { width: 100%; }
  select { font-size: 1.3rem; } }
/*//////////////////////////////////////////////////////

	flex設定

//////////////////////////////////////////////////////*/
.layout__flex { display: flex; flex-flow: row wrap; align-content: flex-start; justify-content: space-between; }
.layout__flex.option-justify_end { justify-content: flex-end; }
.layout__flex.option-justify_center { justify-content: center; }
.layout__flex.option-align_center { align-items: center; }
.layout__flex.option-align_end { align-items: flex-end; }
.layout__flex .layout__flex-col { box-sizing: border-box; flex: 0 1 48%; width: 48%; max-width: 48%; }
.layout__flex .layout__flex-col.col-none { display: none; }
.layout__flex .layout__flex-col.col-1 { flex: 0 1 calc((100% / 12) * 1); width: calc((100% / 12) * 1); max-width: calc((100% / 12) * 1); }
.layout__flex .layout__flex-col.col-2 { flex: 0 1 calc((100% / 12) * 2); width: calc((100% / 12) * 2); max-width: calc((100% / 12) * 2); }
.layout__flex .layout__flex-col.col-3 { flex: 0 1 calc((100% / 12) * 3); width: calc((100% / 12) * 3); max-width: calc((100% / 12) * 3); }
.layout__flex .layout__flex-col.col-4 { flex: 0 1 calc((100% / 12) * 4); width: calc((100% / 12) * 4); max-width: calc((100% / 12) * 4); }
.layout__flex .layout__flex-col.col-5 { flex: 0 1 calc((100% / 12) * 5); width: calc((100% / 12) * 5); max-width: calc((100% / 12) * 5); }
.layout__flex .layout__flex-col.col-6 { flex: 0 1 calc((100% / 12) * 6); width: calc((100% / 12) * 6); max-width: calc((100% / 12) * 6); }
.layout__flex .layout__flex-col.col-7 { flex: 0 1 calc((100% / 12) * 7); width: calc((100% / 12) * 7); max-width: calc((100% / 12) * 7); }
.layout__flex .layout__flex-col.col-8 { flex: 0 1 calc((100% / 12) * 8); width: calc((100% / 12) * 8); max-width: calc((100% / 12) * 8); }
.layout__flex .layout__flex-col.col-9 { flex: 0 1 calc((100% / 12) * 9); width: calc((100% / 12) * 9); max-width: calc((100% / 12) * 9); }
.layout__flex .layout__flex-col.col-10 { flex: 0 1 calc((100% / 12) * 10); width: calc((100% / 12) * 10); max-width: calc((100% / 12) * 10); }
.layout__flex .layout__flex-col.col-11 { flex: 0 1 calc((100% / 12) * 11); width: calc((100% / 12) * 11); max-width: calc((100% / 12) * 11); }
.layout__flex .layout__flex-col.col-12 { flex: 0 1 100%; width: 100%; max-width: 100%; }
.layout__flex .layout__flex-col.order-1 { order: 1; }
.layout__flex .layout__flex-col.order-2 { order: 2; }

@media screen and (min-width: 961px) { .layout__flex .layout__flex-col.col-none_pc { display: none; }
  .layout__flex .layout__flex-col.col-1_pc { flex: 0 1 calc((100% / 12) * 1); width: calc((100% / 12) * 1); max-width: calc((100% / 12) * 1); }
  .layout__flex .layout__flex-col.col-2_pc { flex: 0 1 calc((100% / 12) * 2); width: calc((100% / 12) * 2); max-width: calc((100% / 12) * 2); }
  .layout__flex .layout__flex-col.col-3_pc { flex: 0 1 calc((100% / 12) * 3); width: calc((100% / 12) * 3); max-width: calc((100% / 12) * 3); }
  .layout__flex .layout__flex-col.col-4_pc { flex: 0 1 calc((100% / 12) * 4); width: calc((100% / 12) * 4); max-width: calc((100% / 12) * 4); }
  .layout__flex .layout__flex-col.col-5_pc { flex: 0 1 calc((100% / 12) * 5); width: calc((100% / 12) * 5); max-width: calc((100% / 12) * 5); }
  .layout__flex .layout__flex-col.col-6_pc { flex: 0 1 calc((100% / 12) * 6); width: calc((100% / 12) * 6); max-width: calc((100% / 12) * 6); }
  .layout__flex .layout__flex-col.col-7_pc { flex: 0 1 calc((100% / 12) * 7); width: calc((100% / 12) * 7); max-width: calc((100% / 12) * 7); }
  .layout__flex .layout__flex-col.col-8_pc { flex: 0 1 calc((100% / 12) * 8); width: calc((100% / 12) * 8); max-width: calc((100% / 12) * 8); }
  .layout__flex .layout__flex-col.col-9_pc { flex: 0 1 calc((100% / 12) * 9); width: calc((100% / 12) * 9); max-width: calc((100% / 12) * 9); }
  .layout__flex .layout__flex-col.col-10_pc { flex: 0 1 calc((100% / 12) * 10); width: calc((100% / 12) * 10); max-width: calc((100% / 12) * 10); }
  .layout__flex .layout__flex-col.col-11_pc { flex: 0 1 calc((100% / 12) * 11); width: calc((100% / 12) * 11); max-width: calc((100% / 12) * 11); }
  .layout__flex .layout__flex-col.col-12_pc { flex: 0 1 100%; width: 100%; max-width: 100%; }
  .layout__flex .layout__flex-col.order-1 { order: 1; }
  .layout__flex .layout__flex-col.order-2 { order: 2; } }

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