@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: "FP-ヒラギノUD角ゴ StdN W5", YuGothic, "Yu Gothic medium", "Hiragino Kaku Gothic ProN", "sans-serif"; color: #212121; font-size: 1.3rem; line-height: 2; word-wrap: break-word; text-align: justify; text-justify: inter-ideograph; text-justify: inter-character; }
@media (min-width: 375px) { body { font-size: calc( 1.3rem + ( 1vw - 3.75px ) * 0.3007518797 ); } }
@media (min-width: 1040px) { 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: 861px) { .sp { display: none; } }

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

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

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

.pc { display: none; }
@media screen and (min-width: 769px) { .pc { display: none; } }
@media screen and (min-width: 861px) { .pc { display: none; } }
@media screen and (min-width: 1041px) { .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: "FP-ヒラギノUD角ゴ StdN W5", YuGothic, "Yu Gothic medium", "Hiragino Kaku Gothic ProN", "sans-serif"; font-family: "FP-ヒラギノUD角ゴ StdN W6", YuGothic, "Yu Gothic medium", "Hiragino Kaku Gothic ProN", "sans-serif"; font-weight: bold; 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: 1180px; margin: auto; padding: 0% 6.66% 0% 6.66%; }
@media screen and (min-width: 376px) { .inner { padding: 0% 2.11% 0% 2.11%; } }
@media screen and (min-width: 1240px) { .inner { padding: 0; } }

.s-inner { box-sizing: border-box; width: 100%; max-width: 900px; margin: auto; padding: 0% 6.66% 0% 6.66%; }
@media screen and (min-width: 376px) { .s-inner { padding: 0% 2.11% 0% 2.11%; } }
@media screen and (min-width: 1240px) { .s-inner { padding: 0; } }
@media screen and (min-width: 900px) { .s-inner { padding: 0; } }

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

.cotents__bottom { margin-bottom: 20%; }

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: #1D53AC; }

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

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

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

.icon { margin-right: 5px; }

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

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

.fit { object-fit: cover; object-position: center; font-family: "object-fit: cover; object-position: center;"; }

/*------------------------------
		769px以上
------------------------------*/
/*------------------------------
		861px以上
------------------------------*/
@media screen and (min-width: 861px) { 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: 120px; } }
/*------------------------------
		1041px以上
------------------------------*/
@media screen and (min-width: 1071px) { #contents { margin-top: 100px; } }
/*//////////////////////////////////////////////////

	header設定

//////////////////////////////////////////////////*/
#header { display: none; position: fixed; z-index: 999; top: 0; left: 0; width: 100%; height: 60px; font-family: "FP-ヒラギノUD角ゴ StdN W6", YuGothic, "Yu Gothic medium", "Hiragino Kaku Gothic ProN", "sans-serif"; font-weight: bold; background: #fff; transition: .4s; }
#header .header__wrap { position: absolute; padding: 0% 4.26% 0% 4.26%; box-sizing: border-box; width: 100%; z-index: 1; transition: 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; }
#header .header__logo { padding: 10px 0 0; width: 60%; max-width: 220px; }
#header .header__reservebtn { line-height: normal; }
#header .header__reservebtn a { padding: 5px 10px; border-radius: 5px; }
#header .header__menubtn { position: absolute; top: 0; right: 0; width: 70px; height: 55px; }
#header .header__menubtn .header__menubtn-line { position: absolute; bottom: 20%; left: 50%; width: 35px; height: 10px; transform: translate(-50%, 0); }
#header .header__menubtn .header__menubtn-line span { display: block; position: absolute; width: 100%; height: 1px; background: #212121; transition: .4s; }
#header .header__menubtn .header__menubtn-line span:first-child { top: 0; }
#header .header__menubtn .header__menubtn-line span:last-child { bottom: 0; }
#header .header__menubtn .header__menubtn-txt { position: absolute; top: 25%; left: 0; width: 100%; text-align: center; font-size: 1.2rem; color: #212121; line-height: 1; transition: .4s; }
#header .header__nav { display: none; position: absolute; top: 60px; left: 0; width: 100%; box-sizing: border-box; padding: 10px 2%; background: #DEDEDE; }
#header .header__nav-list { padding: 0% 5.33% 0% 5.33%; }
#header .header__nav-list li { border-bottom: 1px solid #212121; line-height: 1.5; }
#header .header__nav-list li a { position: relative; display: block; margin: 20px 0; }
#header .header__nav-list li a i { position: absolute; top: 50%; right: 2%; font-size: 2rem; transform: translate(0, -50%); }
#header .header__nav-list li:last-child { border-bottom: none; }
#header .header__nav-reservebtn { margin-bottom: 30px; }
#header .header__nav-reservebtn .header__reservebtn--jp { font-size: 2rem; }
@media (min-width: 375px) { #header .header__nav-reservebtn .header__reservebtn--jp { font-size: calc( 2rem + ( 1vw - 3.75px ) * -0.7518796992 ); } }
@media (min-width: 1040px) { #header .header__nav-reservebtn .header__reservebtn--jp { font-size: 1.5rem; } }
#header .header__nav-reservebtn .header__reservebtn--en { font-size: 1.4rem; }
@media (min-width: 375px) { #header .header__nav-reservebtn .header__reservebtn--en { font-size: calc( 1.4rem + ( 1vw - 3.75px ) * -0.3007518797 ); } }
@media (min-width: 1040px) { #header .header__nav-reservebtn .header__reservebtn--en { font-size: 1.2rem; } }
#header .header__nav-reservebtn .sp { display: inline; }
#header .w_1041 { display: none; }

.open { overflow: hidden; }
.open #header .header__menubtn .header__menubtn-line span:first-child { top: 4px; transform: rotate(340deg); }
.open #header .header__menubtn .header__menubtn-line span:last-child { bottom: 5px; transform: rotate(-340deg); }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { #header .header__logo { width: 25%; max-width: 255px; }
  #header .header__logo a:hover { opacity: 0.7; }
  #header .header__nav-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 0; height: 60px; }
  #header .header__nav-list li { flex: 0 1 auto; width: auto; border-bottom: none; }
  #header .header__nav-list li a { position: relative; display: block; margin: 20px 12px; padding-bottom: 2px; color: #212121; box-sizing: border-box; transition: .4s; }
  #header .header__nav-list li a::before { position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: #223176; z-index: 1; transition: .4s; content: ''; }
  #header .header__nav-list li a:hover { color: #223176; opacity: 1; }
  #header .header__nav-list li a:hover::before { width: 100%; }
  #header .header__nav-list li a i { display: none; } }
/*------------------------------
		861px以上
------------------------------*/
/*------------------------------
		961px以上
------------------------------*/
@media screen and (min-width: 1041px) { #header { height: 100px; }
  #header .header__wrap { top: 50%; left: 0; transform: translate(0, -50%); }
  #header .header__logo { padding: 0; }
  #header .header__nav { top: 30px; left: auto; right: 2%; width: auto; background: transparent; z-index: 2; }
  #header .header__nav { display: block !important; padding: 0; overflow: inherit; }
  #header .header__nav-list { height: auto; }
  #header .header__nav-list li a { position: relative; margin: 6px 12px 6px 12px; padding: 4px 0; }
  #header .header__nav-list li a:after { position: absolute; bottom: -2px; left: 0; content: ''; width: 100%; height: 1px; background: #223176; transform: scale(0, 1); transform-origin: left top; transition: transform .3s; }
  #header .header__nav-list li a:hover:after { transform: scale(1, 1); }
  #header .header__nav-list .active a { color: #223176; }
  #header .w_1041 { position: absolute; display: block; top: 0; right: 0; z-index: 999; }
  #header .w_1041 a { display: block; width: 120px; height: 100%; font-size: 1.5rem; line-height: 98px; text-align: center; color: #fff; background: #223176; border: solid 1px #223176; box-sizing: border-box; }
  #header .w_1041 a:hover { color: #223176; background: #fff; opacity: 1; } }
@media screen and (min-width: 1261px) { #header .w_1041 a { width: 160px; } }
/*//////////////////////////////////////////////////

	footer設定

//////////////////////////////////////////////////*/
#pageTop { box-sizing: border-box; position: fixed; margin: 0; bottom: 2%; right: 2%; z-index: 2; border: none; }
#pageTop a { position: relative; display: block; width: 45px; height: 45px; border-radius: 45px; background: #212121; border: solid 1px #fff; }
#pageTop a p { position: absolute; top: 50%; left: 0; width: 100%; font-size: 1.2rem; line-height: normal; transform: translate(0, -50%); }
#pageTop a i { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); top: 46%; width: auto; font-size: 1.9rem; }
#pageTop a:hover { opacity: 1; color: #212121; background: #fff; }

#footer { padding-bottom: 30px; color: #fff; background: #212121; }
#footer .footer__nav-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px; border-top: 1px solid #fff; }
#footer .footer__nav-list li { flex: 0 1 50%; width: 50%; max-width: 50%; padding: 10px 0; border-bottom: 1px solid #fff; border-right: 1px solid #fff; box-sizing: border-box; font-size: 1.3rem; text-align: center; }
@media (min-width: 375px) { #footer .footer__nav-list li { font-size: calc( 1.3rem + ( 1vw - 3.75px ) * 0.2209944751 ); } }
@media (min-width: 1280px) { #footer .footer__nav-list li { font-size: 1.5rem; } }
#footer .footer__nav-list li:nth-of-type(2n) { border-right: none; }
#footer .footer__nav-list li .footer__nav-list-main { font-family: "FP-ヒラギノUD角ゴ StdN W6", YuGothic, "Yu Gothic medium", "Hiragino Kaku Gothic ProN", "sans-serif"; font-weight: bold; }
#footer .footer__logo { width: 70%; max-width: 290px; margin-bottom: 5px; }
#footer .footer__logo a:hover { opacity: 0.7; }
#footer .footer__logo a svg g path { fill: #fff !important; }
#footer .footer__logo a svg g .st1 { fill: #fff !important; }
#footer .footer__info-txt { margin-bottom: 15px; }
#footer .footer__info-txt > p { font-size: 1.2rem; line-height: 1.5384615385; }
@media (min-width: 375px) { #footer .footer__info-txt > p { font-size: calc( 1.2rem + ( 1vw - 3.75px ) * 0.1104972376 ); } }
@media (min-width: 1280px) { #footer .footer__info-txt > p { font-size: 1.3rem; } }
#footer .footer__info-tel { margin-bottom: 20px; font-size: 1.5rem; line-height: 1.3181818182; }
@media (min-width: 375px) { #footer .footer__info-tel { font-size: calc( 1.5rem + ( 1vw - 3.75px ) * 0.773480663 ); } }
@media (min-width: 1280px) { #footer .footer__info-tel { font-size: 2.2rem; } }

.copyright { font-size: 1rem; color: #fff; font-family: "Roboto", Arial, Helvetica, sans-serif; text-align: left; }
@media (min-width: 375px) { .copyright { font-size: calc( 1rem + ( 1vw - 3.75px ) * 0.1503759398 ); } }
@media (min-width: 1040px) { .copyright { font-size: 1.1rem; } }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { #footer { padding: 30px 0; }
  #footer .footer__wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; }
  #footer .footer__wrap .footerr__nav { flex: 0 1 60%; width: 60%; max-width: 60%; }
  #footer .footer__wrap .footer__info { flex: 0 1 40%; width: 40%; max-width: 40%; order: -1; }
  #footer .footer__nav-list { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; border: none; margin-bottom: 0; }
  #footer .footer__nav-list li { flex: 0 1 auto; width: auto; margin: 0 5% 0 0; border: none; }
  #footer .footer__nav-list li:nth-child(6) { margin: 0; }
  #footer .footer__nav-list li .footer__nav-list-main { display: block; margin-bottom: 10px; text-align: left; }
  #footer .footer__nav-list li .footer__nav-list-box { font-size: 1.1rem; text-align: left; }
  #footer .footer__nav-list li .footer__nav-list-link { margin-bottom: 10px; } }
/*------------------------------
		961px以上
------------------------------*/
@media screen and (min-width: 861px) { #footer { padding: 60px 0; }
  #footer .footer__wrap { box-sizing: border-box; width: 100%; max-width: 1180px; margin: auto; padding: 0% 6.66% 0% 6.66%; } }
@media screen and (min-width: 861px) and (min-width: 376px) { #footer .footer__wrap { padding: 0% 2.11% 0% 2.11%; } }
@media screen and (min-width: 861px) and (min-width: 1240px) { #footer .footer__wrap { padding: 0; } }
@media screen and (min-width: 861px) { #footer .footer__wrap .footerr__nav { flex: 0 1 65%; width: 65%; max-width: 65%; }
  #footer .footer__wrap .footer__info { flex: 0 1 33%; width: 33%; max-width: 33%; } }
@media screen and (min-width: 1041px) { #footer .footer__nav-list { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }
  #footer .footer__nav-list li { margin: 0 6% 0 0; } }
/* Scss Document */
/*------------------------------
		下層タイトル
------------------------------*/
.titleimg { position: relative; height: 35vw; max-height: 240px; margin-bottom: 70px; background: url("/img/company/titleimg.jpg") left 30% center/cover no-repeat; }
.titleimg .titleimg__ttl { position: absolute; bottom: -20px; max-width: 320px; width: 35%; padding: 25px 5% 20px; background: #FCFCFC; }
.titleimg .titleimg__ttl .titleimg__en { color: #223176; font-size: 2rem; line-height: 1.25; }
@media (min-width: 769px) { .titleimg .titleimg__ttl .titleimg__en { font-size: calc( 2rem + ( 1vw - 7.69px ) * 4.8661800487 ); } }
@media (min-width: 1180px) { .titleimg .titleimg__ttl .titleimg__en { font-size: 4rem; } }
.titleimg .titleimg__ttl .titleimg__jp { color: #6F6F6F; font-size: 1.2rem; font-family: "FP-ヒラギノUD角ゴ StdN W6", YuGothic, "Yu Gothic medium", "Hiragino Kaku Gothic ProN", "sans-serif"; font-weight: bold; }
@media (min-width: 769px) { .titleimg .titleimg__ttl .titleimg__jp { font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 0.4866180049 ); } }
@media (min-width: 1180px) { .titleimg .titleimg__ttl .titleimg__jp { font-size: 1.4rem; } }
.titleimg .breadcrumb { position: absolute; right: 0; bottom: -50px; padding-right: 6%; }
.titleimg .breadcrumb .breadcrumb__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.titleimg .breadcrumb .breadcrumb__list li { flex: 0 1 auto; width: auto; font-size: 1.1rem; font-family: "FP-ヒラギノUD角ゴ StdN W6", YuGothic, "Yu Gothic medium", "Hiragino Kaku Gothic ProN", "sans-serif"; font-weight: bold; }
.titleimg .breadcrumb .breadcrumb__list li a { color: #223176; text-decoration: underline; }
.titleimg .breadcrumb .breadcrumb__list li .arrow { margin: auto 5px; }

/*------------------------------
		ボタン
------------------------------*/
.btn a, .btn button, .btn .btn__input, .btn input { display: block; position: relative; margin: auto; padding: 25px 0; width: 90%; max-width: 380px; background: #212121; border: 1px solid #212121; box-sizing: border-box; border-radius: 50px; color: #fff; font-size: 1.4rem; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16); text-align: center; font-family: "FP-ヒラギノUD角ゴ StdN W6", YuGothic, "Yu Gothic medium", "Hiragino Kaku Gothic ProN", "sans-serif"; font-weight: bold; line-height: 1.5; }
@media (min-width: 375px) { .btn a, .btn button, .btn .btn__input, .btn input { font-size: calc( 1.4rem + ( 1vw - 3.75px ) * 0.1503759398 ); } }
@media (min-width: 1040px) { .btn a, .btn button, .btn .btn__input, .btn input { font-size: 1.5rem; } }
.btn a i, .btn button i, .btn .btn__input i, .btn input i { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); width: auto; right: 10%; font-size: 1.5rem; line-height: 2; transition: all .3s; }
.btn a:hover i, .btn button:hover i, .btn .btn__input:hover i, .btn input:hover i { right: 8%; }
.btn .btn__input { transition: .3s; padding: 0; }
.btn .btn__input input { width: 100%; padding: 25px 0; color: #fff; }

/*------------------------------
　　各タイトル
------------------------------*/
.ttl { margin-bottom: 20px; text-align: center; }
.ttl .ttl__en { font-size: 2.5rem; color: #223176; line-height: 1.325; }
@media (min-width: 769px) { .ttl .ttl__en { font-size: calc( 2.5rem + ( 1vw - 7.69px ) * 3.6496350365 ); } }
@media (min-width: 1180px) { .ttl .ttl__en { font-size: 4rem; } }
.ttl .ttl__jp { font-size: 1.3rem; color: #6F6F6F; font-family: "FP-ヒラギノUD角ゴ StdN W6", YuGothic, "Yu Gothic medium", "Hiragino Kaku Gothic ProN", "sans-serif"; font-weight: bold; }
@media (min-width: 769px) { .ttl .ttl__jp { font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.2433090024 ); } }
@media (min-width: 1180px) { .ttl .ttl__jp { font-size: 1.4rem; } }

/*.ttl__wp{
	margin-bottom: 30px;
	text-align: center;
	.ttl__en{
		@include font(2.8,3.6,769,1180);
font-family: $gothic_b;
		font-weight: bold;
		line-height: normal;
	}
	.ttl__jp{
		font-size: 1.5rem;
	}
}*/
/*------------------------------
　　下層タイトル
------------------------------*/
.cnts__ttl { margin: 0% 0% 2.54% 0%; text-align: center; }
.cnts__ttl .cnts__ttl-jp { font-size: 2rem; color: #223176; font-family: "FP-ヒラギノUD角ゴ StdN W6", YuGothic, "Yu Gothic medium", "Hiragino Kaku Gothic ProN", "sans-serif"; font-weight: bold; line-height: 1.6666666667; }
@media (min-width: 769px) { .cnts__ttl .cnts__ttl-jp { font-size: calc( 2rem + ( 1vw - 7.69px ) * 2.4330900243 ); } }
@media (min-width: 1180px) { .cnts__ttl .cnts__ttl-jp { font-size: 3rem; } }

/*------------------------------
　　移動時のtopの隙間
------------------------------*/
.move-top { padding-top: 90px; margin-top: -90px; }

/*------------------------------
		お問い合わせ
------------------------------*/
.contact { padding: 30px 0 50px; text-align: center; font-weight: normal; color: #fff; background: url("/img/common/bg_contact.jpg") center/cover no-repeat; }
.contact .contact__list { margin-bottom: 20px; line-height: normal; }
.contact .contact__list .contact__list-ttl { font-size: 1.6rem; }
@media (min-width: 769px) { .contact .contact__list .contact__list-ttl { font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 0.4866180049 ); } }
@media (min-width: 1180px) { .contact .contact__list .contact__list-ttl { font-size: 1.8rem; } }
.contact .contact__list .contact__list-txt { font-size: 1.3rem; margin-bottom: 10px; }
@media (min-width: 769px) { .contact .contact__list .contact__list-txt { font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.2433090024 ); } }
@media (min-width: 1180px) { .contact .contact__list .contact__list-txt { font-size: 1.4rem; } }
.contact .contact__list .contact__tel-box a { font-size: 2.9rem; }
@media (min-width: 769px) { .contact .contact__list .contact__tel-box a { font-size: calc( 2.9rem + ( 1vw - 7.69px ) * 1.703163017 ); } }
@media (min-width: 1180px) { .contact .contact__list .contact__tel-box a { font-size: 3.6rem; } }
.contact .contact__list .contact__tel-box a span { font-size: 1.6rem; }
@media (min-width: 769px) { .contact .contact__list .contact__tel-box a span { font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 0.9732360097 ); } }
@media (min-width: 1180px) { .contact .contact__list .contact__tel-box a span { font-size: 2rem; } }
.contact .contact__list .contact__form-box a { width: 100%; max-width: none; font-size: 1.8rem; color: #223176; background: #fff; border: solid 1px #fff; box-shadow: none; }
.contact .contact__list:last-child { margin-bottom: 0; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { /*------------------------------ 下層タイトル ------------------------------*/
  .titleimg { margin-bottom: 100px; }
  .titleimg .titleimg__ttl { bottom: -60px; padding: 45px 5% 60px; }
  .titleimg .titleimg__ttl .titleimg__en { margin-bottom: 5px; }
  .titleimg .breadcrumb { bottom: -35px; }
  /*------------------------------ ボタン ------------------------------*/
  .btn a, .btn button, .btn .btn__input, .btn input { padding: 35px 0; }
  .btn a:hover, .btn button:hover, .btn .btn__input:hover, .btn input:hover { opacity: 1; background: #223176; color: #fff; }
  .btn .btn__input { padding: 0; }
  .btn .btn__input input { padding: 35px 0; cursor: pointer; }
  	/*------------------------------ 各タイトル ------------------------------*/
  .ttl { margin-bottom: 40px; }
  /*.ttl__wp{ 	margin-bottom: 50px; }*/
  /*------------------------------ 	お問い合わせ ------------------------------*/
  .contact .ttl__wp { margin-bottom: 55px; }
  .contact .contact__wp { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  .contact .contact__list { flex: 0 1 33.3333%; width: 33.3333%; max-width: 33.3333%; }
  .contact .contact__list .contact__form-box a { margin: auto; max-width: 350px; }
  .contact .contact__list .contact__form-box a:hover { color: #fff; background: #223176; }
  .contact .contact__list:first-child { flex: 0 1 33.3333%; width: 33.3333%; max-width: 33.3333%; position: relative; margin: 0 auto 20px; }
  .contact .contact__list:first-child:before { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); content: ""; display: block; right: 0; width: 1px; height: 120%; background: #fff; }
  .contact .contact__list:nth-child(n+2) { margin-bottom: 0; } }
/*------------------------------
		1041px以上
------------------------------*/
@media screen and (min-width: 861px) { /*------------------------------ 下層タイトル ------------------------------*/
  .titleimg { height: 20vw; } }
/*------------------------------
		1281px以上
------------------------------*/
@media screen and (min-width: 1041px) { /*------------------------------ 	お問い合わせ ------------------------------*/
  .contact { padding: 60px 0 40px; }
  .contact .contact__list .contact__form-box { margin: auto; width: 90%; }
  .contact .contact__list .contact__form-box a { padding: 30px 0; } }
@media screen and (min-width: 1071px) { /*------------------------------ 移動時のtopの隙間 ------------------------------*/
  .move-top { padding-top: 110px; margin-top: -110px; } }
input[type="name"], input[type="num"], input[type="text"], input[type="password"], input[type="number"], input[type="tel"], input[type="url"], input[type="email"] { width: 100%; padding: 10px; box-sizing: border-box; border: 1px solid #797979; border-radius: 0; outline: none; font-family: "FP-ヒラギノUD角ゴ StdN W5", YuGothic, "Yu Gothic medium", "Hiragino Kaku Gothic ProN", "sans-serif"; }
input[type="name"].error, input[type="num"].error, input[type="text"].error, input[type="password"].error, input[type="number"].error, input[type="tel"].error, input[type="url"].error, input[type="email"].error { border-color: #d12610; box-shadow: 0 0 3px rgba(209, 38, 16, 0.5); }
input[type="name"].col-1, input[type="num"].col-1, input[type="text"].col-1, input[type="password"].col-1, input[type="number"].col-1, input[type="tel"].col-1, input[type="url"].col-1, input[type="email"].col-1 { width: calc(100% / 12 * 1); }
input[type="name"].col-2, input[type="num"].col-2, input[type="text"].col-2, input[type="password"].col-2, input[type="number"].col-2, input[type="tel"].col-2, input[type="url"].col-2, input[type="email"].col-2 { width: calc(100% / 12 * 2); }
input[type="name"].col-3, input[type="num"].col-3, input[type="text"].col-3, input[type="password"].col-3, input[type="number"].col-3, input[type="tel"].col-3, input[type="url"].col-3, input[type="email"].col-3 { width: calc(100% / 12 * 3); }
input[type="name"].col-4, input[type="num"].col-4, input[type="text"].col-4, input[type="password"].col-4, input[type="number"].col-4, input[type="tel"].col-4, input[type="url"].col-4, input[type="email"].col-4 { width: calc(100% / 12 * 4); }
input[type="name"].col-5, input[type="num"].col-5, input[type="text"].col-5, input[type="password"].col-5, input[type="number"].col-5, input[type="tel"].col-5, input[type="url"].col-5, input[type="email"].col-5 { width: calc(100% / 12 * 5); }
input[type="name"].col-6, input[type="num"].col-6, input[type="text"].col-6, input[type="password"].col-6, input[type="number"].col-6, input[type="tel"].col-6, input[type="url"].col-6, input[type="email"].col-6 { width: calc(100% / 12 * 6); }
input[type="name"].col-7, input[type="num"].col-7, input[type="text"].col-7, input[type="password"].col-7, input[type="number"].col-7, input[type="tel"].col-7, input[type="url"].col-7, input[type="email"].col-7 { width: calc(100% / 12 * 7); }
input[type="name"].col-8, input[type="num"].col-8, input[type="text"].col-8, input[type="password"].col-8, input[type="number"].col-8, input[type="tel"].col-8, input[type="url"].col-8, input[type="email"].col-8 { width: calc(100% / 12 * 8); }
input[type="name"].col-9, input[type="num"].col-9, input[type="text"].col-9, input[type="password"].col-9, input[type="number"].col-9, input[type="tel"].col-9, input[type="url"].col-9, input[type="email"].col-9 { width: calc(100% / 12 * 9); }
input[type="name"].col-10, input[type="num"].col-10, input[type="text"].col-10, input[type="password"].col-10, input[type="number"].col-10, input[type="tel"].col-10, input[type="url"].col-10, input[type="email"].col-10 { width: calc(100% / 12 * 10); }
input[type="name"].col-11, input[type="num"].col-11, input[type="text"].col-11, input[type="password"].col-11, input[type="number"].col-11, input[type="tel"].col-11, input[type="url"].col-11, input[type="email"].col-11 { width: calc(100% / 12 * 11); }
input[type="name"].col-12, input[type="num"].col-12, input[type="text"].col-12, input[type="password"].col-12, input[type="number"].col-12, input[type="tel"].col-12, input[type="url"].col-12, input[type="email"].col-12 { width: 100%; }

textarea { width: 100%; height: 30vw; max-height: 200px; padding: 10px; box-sizing: border-box; border: 1px solid #797979; border-radius: 0; outline: none; font-family: "FP-ヒラギノUD角ゴ StdN W5", YuGothic, "Yu Gothic medium", "Hiragino Kaku Gothic ProN", "sans-serif"; }

select { width: 100%; padding: 10px; background: #fff; background-image: none; border: 1px solid #797979; cursor: pointer; font-family: "FP-ヒラギノUD角ゴ StdN W5", YuGothic, "Yu Gothic medium", "Hiragino Kaku Gothic ProN", "sans-serif"; color: #212121; }
select.selected { color: #212121; }
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%; }

.parts-selectbox { position: relative; }
.parts-selectbox::after { position: absolute; content: ""; top: 35%; right: 10px; width: 5px; height: 5px; border-bottom: solid 2px #212121; border-right: solid 2px #212121; 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-family: "FP-ヒラギノUD角ゴ StdN W6", YuGothic, "Yu Gothic medium", "Hiragino Kaku Gothic ProN", "sans-serif"; font-weight: bold; border: 2px solid #d12610; background: #ffe0e0; }
.state_message .class-ok { padding: 10px; color: #5bb75b; font-family: "FP-ヒラギノUD角ゴ StdN W6", YuGothic, "Yu Gothic medium", "Hiragino Kaku Gothic ProN", "sans-serif"; 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 #707070; background: #fff; cursor: pointer; }

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

.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: #212121; border-radius: 50%; }

@media screen and (min-width: 769px) { input[type="name"].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="tel"].col-1_tab, input[type="url"].col-1_tab, input[type="email"].col-1_tab, select.col-1_tab { width: calc(100% / 12 * 1); }
  input[type="name"].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="tel"].col-2_tab, input[type="url"].col-2_tab, input[type="email"].col-2_tab, select.col-2_tab { width: calc(100% / 12 * 2); }
  input[type="name"].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="tel"].col-3_tab, input[type="url"].col-3_tab, input[type="email"].col-3_tab, select.col-3_tab { width: calc(100% / 12 * 3); }
  input[type="name"].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="tel"].col-4_tab, input[type="url"].col-4_tab, input[type="email"].col-4_tab, select.col-4_tab { width: calc(100% / 12 * 4); }
  input[type="name"].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="tel"].col-5_tab, input[type="url"].col-5_tab, input[type="email"].col-5_tab, select.col-5_tab { width: calc(100% / 12 * 5); }
  input[type="name"].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="tel"].col-6_tab, input[type="url"].col-6_tab, input[type="email"].col-6_tab, select.col-6_tab { width: calc(100% / 12 * 6); }
  input[type="name"].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="tel"].col-7_tab, input[type="url"].col-7_tab, input[type="email"].col-7_tab, select.col-7_tab { width: calc(100% / 12 * 7); }
  input[type="name"].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="tel"].col-8_tab, input[type="url"].col-8_tab, input[type="email"].col-8_tab, select.col-8_tab { width: calc(100% / 12 * 8); }
  input[type="name"].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="tel"].col-9_tab, input[type="url"].col-9_tab, input[type="email"].col-9_tab, select.col-9_tab { width: calc(100% / 12 * 9); }
  input[type="name"].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="tel"].col-10_tab, input[type="url"].col-10_tab, input[type="email"].col-10_tab, select.col-10_tab { width: calc(100% / 12 * 10); }
  input[type="name"].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="tel"].col-11_tab, input[type="url"].col-11_tab, input[type="email"].col-11_tab, select.col-11_tab { width: calc(100% / 12 * 11); }
  input[type="name"].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="tel"].col-12_tab, input[type="url"].col-12_tab, input[type="email"].col-12_tab, select.col-12_tab { width: 100%; } }
@media screen and (min-width: 861px) { input[type="name"].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="tel"].col-1_pc, input[type="url"].col-1_pc, input[type="email"].col-1_pc, select.col-1_pc { width: calc(100% / 12 * 1); }
  input[type="name"].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="tel"].col-2_pc, input[type="url"].col-2_pc, input[type="email"].col-2_pc, select.col-2_pc { width: calc(100% / 12 * 2); }
  input[type="name"].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="tel"].col-3_pc, input[type="url"].col-3_pc, input[type="email"].col-3_pc, select.col-3_pc { width: calc(100% / 12 * 3); }
  input[type="name"].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="tel"].col-4_pc, input[type="url"].col-4_pc, input[type="email"].col-4_pc, select.col-4_pc { width: calc(100% / 12 * 4); }
  input[type="name"].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="tel"].col-5_pc, input[type="url"].col-5_pc, input[type="email"].col-5_pc, select.col-5_pc { width: calc(100% / 12 * 5); }
  input[type="name"].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="tel"].col-6_pc, input[type="url"].col-6_pc, input[type="email"].col-6_pc, select.col-6_pc { width: calc(100% / 12 * 6); }
  input[type="name"].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="tel"].col-7_pc, input[type="url"].col-7_pc, input[type="email"].col-7_pc, select.col-7_pc { width: calc(100% / 12 * 7); }
  input[type="name"].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="tel"].col-8_pc, input[type="url"].col-8_pc, input[type="email"].col-8_pc, select.col-8_pc { width: calc(100% / 12 * 8); }
  input[type="name"].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="tel"].col-9_pc, input[type="url"].col-9_pc, input[type="email"].col-9_pc, select.col-9_pc { width: calc(100% / 12 * 9); }
  input[type="name"].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="tel"].col-10_pc, input[type="url"].col-10_pc, input[type="email"].col-10_pc, select.col-10_pc { width: calc(100% / 12 * 10); }
  input[type="name"].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="tel"].col-11_pc, input[type="url"].col-11_pc, input[type="email"].col-11_pc, select.col-11_pc { width: calc(100% / 12 * 11); }
  input[type="name"].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="tel"].col-12_pc, input[type="url"].col-12_pc, input[type="email"].col-12_pc, select.col-12_pc { width: 100%; }
  select { font-size: 1.3rem; } }
/*//////////////////////////////////////////////////////

	flex設定

//////////////////////////////////////////////////////*/
.layout__flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.layout__flex.option-justify_end { -webkit-justify-content: flex-end; -ms-justify-content: flex-end; ustify-content: flex-end; }
.layout__flex.option-justify_center { -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; }
.layout__flex.option-align_center { -webkit-align-items: center; -ms-align-items: center; align-items: center; }
.layout__flex.option-align_end { -webkit-align-items: flex-end; -ms-align-items: flex-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: 861px) { .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 */