@charset "UTF-8";
/* 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; }

/* Scss Document */
/* Scss Document */
input[type="name"], input[type="num"], input[type="text"], input[type="password"], input[type="number"], input[type="tel"], input[type="url"], input[type="email"], select { width: 100%; padding: 10px; box-sizing: border-box; border: 1px solid #797979; border-radius: 0; outline: none; font-family: "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "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, select.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, select.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, select.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, select.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, select.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, select.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, select.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, select.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, select.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, select.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, select.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, select.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, select.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: "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; }

select { width: 100%; padding: 10px; background: #fff; background-image: none; border: 1px solid #797979; cursor: pointer; font-family: "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; color: #101010; }
select.selected { color: #101010; }
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 #101010; border-right: solid 2px #101010; 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 #707070; background: #fff; cursor: pointer; }

.checkbox-input:checked + .checkbox-parts:before { background: #101010; }
.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: #101010; 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: 961px) { 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; } }
/* Scss Document */
body { box-sizing: border-box; background: #fff; line-height: 1.6666666667; letter-spacing: 0.06em; font-size: 1.2rem; color: #101010; font-family: "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; word-wrap: break-word; text-align: justify; text-justify: inter-ideograph; /* IEで必要 */ text-justify: inter-character; /* Firefoxで必要 */ }
@media (min-width: 390px) { body { font-size: calc( 1.2rem + ( 1vw - 3.9px ) * 0.3797468354 ); } }
@media (min-width: 1180px) { body { font-size: 1.5rem; } }

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

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

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

.sp { display: inherit; }
@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: inherit; } }
@media screen and (min-width: 961px) { .tab { display: inherit; } }
@media screen and (min-width: 1181px) { .tab { display: none; } }

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

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

.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: 1181px) { .pc { display: inherit; } }

.mb10 { margin-bottom: 10px; }

.mb20 { margin-bottom: 20px; }

.mb30 { margin-bottom: 30px; }

a, button { text-decoration: none; color: inherit; transition: .4s; }

button { background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; appearance: none; }

a { display: block; }
a:hover { opacity: 0.8; }

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

main { display: block; }

img { width: 100%; vertical-align: bottom; -webkit-backface-visibility: hidden; image-rendering: -webkit-optimize-contrast; }

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

.s-inner { box-sizing: border-box; width: 100%; max-width: 960px; margin: auto; padding: 0% 5.33% 0% 5.33%; }
@media screen and (min-width: 769px) { .s-inner { padding: 0% 1.69% 0% 1.69%; } }
@media screen and (min-width: 1221px) { .s-inner { padding: 0; } }
@media screen and (min-width: 961px) { .s-inner { padding: 0% 1.69% 0% 1.69%; } }
@media screen and (min-width: 1001px) { .s-inner { padding: 0; } }

.l-inner { box-sizing: border-box; width: 100%; max-width: 1480px; margin: auto; padding: 0% 5.33% 0% 5.33%; }
@media screen and (min-width: 769px) { .l-inner { padding: 0% 1.69% 0% 1.69%; } }
@media screen and (min-width: 1221px) { .l-inner { padding: 0; } }
@media screen and (min-width: 961px) { .l-inner { padding: 0% 1.69% 0% 1.69%; } }
@media screen and (min-width: 1521px) { .l-inner { padding: 0; } }

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

h2 { font-size: 2.4rem; text-align: center; line-height: normal; }
@media (min-width: 768px) { h2 { font-size: calc( 2.4rem + ( 1vw - 7.68px ) * 1.171875 ); } }
@media (min-width: 1280px) { h2 { font-size: 3rem; } }

h3 { font-size: 1.8rem; text-align: center; line-height: normal; }
@media (min-width: 768px) { h3 { font-size: calc( 1.8rem + ( 1vw - 7.68px ) * 1.171875 ); } }
@media (min-width: 1280px) { h3 { font-size: 2.4rem; } }

p { font-size: 100%; }

address { font-style: normal; }

::selection { background: #eae5e3; }

.en { font-family: Helvetica, Arial, "sans-serif", "sans-serif"; letter-spacing: normal; }

.num { font-family: "DIN Alternate", Arial, Helvetica, "sans-serif", "sans-serif"; letter-spacing: normal; }

.gothic { font-family: "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; }

.mincho { font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; }

.font-b { font-weight: bold; }

.icon { margin-right: 5px; }

.flex-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; }
.flex-wrap > * { flex: 0 1 48%; width: 48%; max-width: 48%; }

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

.cap { display: block; margin-top: 5px; text-align: right; font-size: 1.1rem; letter-spacing: normal; line-height: 1; }

.attent { display: block; font-size: 1.1rem; letter-spacing: normal; line-height: 1.5; }

.ms-txt { font-size: 80%; }

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

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

.ll-txt { font-size: 200%; }

figure { position: relative; }
figure .imgcap, figure .imgcap--wh { position: absolute; left: 5px; bottom: 3px; font-size: 1rem; letter-spacing: normal; }
figure .imgcap--wh { color: #fff; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { .mb-box { margin-bottom: 60px; } }
/*------------------------------
		1021px以上
------------------------------*/
@media screen and (min-width: 961px) { body { line-height: 2; }
  a[href*="tel:"] { pointer-events: none; cursor: default; text-decoration: none; } }
/*------------------------------
		1221px以上
------------------------------*/
/* Scss Document */
header { padding: 20px; }
header .header__logo { max-width: 460px; margin: 0 auto; }

/*------------------------------
		769px以上
------------------------------*/
/*------------------------------
		961px以上
------------------------------*/
/*------------------------------
		1181px以上
------------------------------*/
/* Scss Document */
.footer { padding: 40px 0; background: #eae5e3; text-align: center; }
.footer .tel { margin: 5px auto 10px; font-weight: bold; font-size: 3rem; line-height: 1; }
@media (min-width: 769px) { .footer .tel { font-size: calc( 3rem + ( 1vw - 7.69px ) * 90.9090909091 ); } }
@media (min-width: 780px) { .footer .tel { font-size: 4rem; } }
.footer .tel .icon { display: inline-block; line-height: 0.8; width: 30px; }
.footer .borderAll { display: block; border: 1px solid; padding: 5px; margin: 20px auto 0; }
.footer .footer__outerlink { max-width: 600px; margin: 30px auto 0; text-align: left; font-size: 1rem; }
@media (min-width: 769px) { .footer .footer__outerlink { font-size: calc( 1rem + ( 1vw - 7.69px ) * 9.0909090909 ); } }
@media (min-width: 780px) { .footer .footer__outerlink { font-size: 1.1rem; } }
.footer .footer__outerlink ul { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.footer .footer__outerlink li { flex: 0 1 46%; width: 46%; max-width: 46%; }
.footer .footer__outerlink li:first-child { margin-right: 8%; }
.footer .footer__outerlink li.s-link { flex: 0 1 30%; width: 30%; max-width: 30%; }

/*------------------------------
		769px以上
------------------------------*/
/*------------------------------
		961px以上
------------------------------*/
/*------------------------------
		1181px以上
------------------------------*/
/* Scss Document */
/*-----------ボタン-----------*/
.btn a, .btn--wh a { font-size: 1.3rem; position: relative; margin: auto; padding: 15px; width: 90%; max-width: 230px; text-align: center; font-weight: bold; background: #1e5bb8; border: solid 3px #1e5bb8; border-radius: 50px; box-sizing: border-box; }
@media (min-width: 769px) { .btn a, .btn--wh a { font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 9.0909090909 ); } }
@media (min-width: 780px) { .btn a, .btn--wh a { font-size: 1.4rem; } }
.btn a p, .btn--wh a p { display: inline-block; padding-left: 15px; color: #fff; }
.btn a::after, .btn--wh a::after { font-size: 1.4rem; position: absolute; width: 100%; top: 50%; transform: translateY(-50%); content: "\f061"; left: 30px; width: auto; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #fff; transform: translateY(-50%) translateX(0px); transition: .4s; }
@media (min-width: 769px) { .btn a::after, .btn--wh a::after { font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 90.9090909091 ); } }
@media (min-width: 780px) { .btn a::after, .btn--wh a::after { font-size: 2.4rem; } }
.btn--wh a { background: #fff; }
.btn--wh a p { color: #1e5bb8; }
.btn--wh a::after { color: #1e5bb8; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { .btn a, .btn--wh a { padding: 20px; max-width: 285px; background: #fff; }
  .btn a p, .btn--wh a p { padding-left: 25px; color: #1e5bb8; }
  .btn a::after, .btn--wh a::after { color: #1e5bb8; }
  .btn a:hover, .btn--wh a:hover { color: #fff; background: #1e5bb8; opacity: 1; }
  .btn a:hover p, .btn--wh a:hover p { color: #fff; }
  .btn a:hover::after, .btn--wh a:hover::after { color: #fff; transform: translateY(-50%) translateX(20px); } }
/*------------------------------
		961px以上
------------------------------*/
/*------------------------------
		1181px以上
------------------------------*/

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