@charset "UTF-8";
/* common
================================================ */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, 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, 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%; word-break: break-all; }

body { -webkit-text-size-adjust: 100%; }

article, aside, details, figcaption, figure, main, footer, header, menu, nav, section { display: block; }

h1, h2, h3, h4, h5, h6 { word-break: break-word; line-break: strict; overflow-wrap: break-word; word-wrap: break-word; }

ul:not([class]), ol:not([class]) { padding-left: 1.25em; }

ul[class], ol[class] { list-style: none; }

span { font-weight: inherit; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

a { color: inherit; }

@media all and (min-width: 768px) { a:hover { text-decoration: none; } }

a[class] { text-decoration: none; }

ins { background-color: #ff9; text-decoration: none; }

mark { background-color: #ff9; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

address { font-style: normal; }

table { width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid rgba(51, 51, 51, 0.5); margin: 1em 0; padding: 0; }

img { max-width: 100%; height: auto; vertical-align: bottom; }

.slick-slide img{ width: 100%; }

/* form
================================================== */
input[type="text"], input[type="email"], input[type="tel"], textarea, button, select, option { display: block; width: 100%; max-width: 100%; font-family: inherit; outline: none; border: 1px solid; border-radius: 0; background: none; }

@media all and (max-width: 767px) { input[type="text"], input[type="email"], input[type="tel"], textarea, button, select, option { font-size: 1.6rem; } }

input[type="text"], input[type="email"], input[type="tel"], textarea, button { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; }

input[type="radio"], input[type="checkbox"] { margin: 0; padding: 0; vertical-align: middle; }

textarea { resize: vertical; }

button { cursor: pointer; }

/* 02_base
================================================ */
html { overflow: auto; word-break: break-word; }

body { color: #333; font-family: -apple-system, BlinkMacSystemFont, YuGothic, 'Yu Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif; font-size: 1.4rem; line-height: 1.5; min-width: 320px; }

.l-wrapper { position: relative; }

@media all and (min-width: 768px) { .l-container.is-col2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 1120px; margin: 0 auto; }
  .l-container.is-col2 .l-contents { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: calc(100% - 250px - 20px); }
  .l-container.is-col2 .l-sidebar { width: 250px; } }

/* utility
================================================ */
@media all and (max-width: 1119px) { .u-view-pc { display: none !important; } }

@media all and (max-width: 767px) { .u-view-tb { display: none !important; } }

@media all and (min-width: 1120px) { .u-view-tb { display: none !important; } }

@media all and (min-width: 768px) { .u-view-sp { display: none !important; } }

.u-inner { -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 20px; padding-right: 20px; }

@media all and (min-width: 768px) { .u-inner { margin: auto; padding-left: 60px; padding-right: 60px; width: 100%; max-width: 1120px; } }

/* .u-font-apparat { font-family: apparat, sans-serif; font-weight: 700; } */
.u-font-apparat { font-weight: 700; }

/* component
================================================ */
/*  .c-btn01 - 矢印アイコンのあるボタン
================================================== */
.c-btn01 { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 30px auto 0; height: 62px; text-align: center; max-width: 100%; }

.c-btn01__link { background: #F6251D; border: 1px solid #F6251D; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.6rem; letter-spacing: 0.06em; height: 100%; padding: 10px 0; -webkit-transition: all 0.3s; transition: all 0.3s; width: 100%; }

.c-btn01__link:hover { background: #fff; color: #F6251D; }

.c-btn01__link:hover .c-btn01__txt::after { width: 32px; height: 10px; content: ""; display: inline-block; vertical-align: middle; background: no-repeat center/contain; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2231.695%22%20height%3D%229.811%22%20viewBox%3D%220%200%2031.695%209.811%22%3E%20%3Cpath%20d%3D%22M357.037%2C588.9H325.342v-1.5h28.073l-7.251-7.251%2C1.061-1.061Z%22%20transform%3D%22translate(-325.342%20-579.086)%22%20fill%3D%22%23F6251D%22%2F%3E%3C%2Fsvg%3E"); }

.c-btn01__link:hover[target] .c-btn01__txt::after { width: 18px; height: 18px; content: ""; display: inline-block; vertical-align: middle; background: no-repeat center/contain; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cg%20fill%3D%22%23F6251D%22%3E%3Cpath%20d%3D%22m14%204.22-9%209-1.13-1.03%206.47-6.47H6.87v-1.5Z%22%2F%3E%3Cpath%20d%3D%22M1.5%201.5v15h15v-15h-15M0%200h18v18H0Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

.c-btn01__link[target] .c-btn01__txt::after { width: 18px; height: 18px; content: ""; display: inline-block; vertical-align: middle; background: no-repeat center/contain; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22m14%204.22-9%209-1.13-1.03%206.47-6.47H6.87v-1.5Z%22%2F%3E%3Cpath%20d%3D%22M1.5%201.5v15h15v-15h-15M0%200h18v18H0Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

.c-btn01__txt::after { width: 32px; height: 10px; content: ""; display: inline-block; vertical-align: middle; background: no-repeat center/contain; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2231.695%22%20height%3D%229.811%22%20viewBox%3D%220%200%2031.695%209.811%22%3E%20%3Cpath%20d%3D%22M357.037%2C588.9H325.342v-1.5h28.073l-7.251-7.251%2C1.061-1.061Z%22%20transform%3D%22translate(-325.342%20-579.086)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); margin: 0 0 6px 22px; }

@media all and (min-width: 768px) { .c-btn01 { margin-top: 50px; } }

/* .c-color-black
================================================== */
.c-color-black { color: #333; }

/* .c-color-blue
================================================== */
.c-color-blue { color: blue; }

/*  .c-cv01 - お問い合わせエリア
================================================== */
.c-cv01 { background: url(/images/common/bg_cv01_sp.jpg) no-repeat center/cover; color: #fff; }

.c-cv01__inner { padding-top: 54px; padding-bottom: 54px; }

.c-cv01__head { height: 33px; margin: 0 auto 40px; width: 187px; }

.c-cv01__head img { width: 100%; }

.c-cv01-list { padding: 0 20px; }

.c-cv01-list__item + .c-cv01-list__item { margin-top: 26px; }

.c-cv01-list__header { min-height: 36px; margin-bottom: 15px; padding-right: 90px; position: relative; }

.c-cv01-list__en { font-size: 2rem; line-height: 1.1; margin-bottom: 2px; }

.c-cv01-list__head { font-size: 1.2rem; font-weight: 700; }

.c-cv01-list__map { border: 1px solid #fff; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1.6rem; font-weight: 400; height: 36px; padding-top: 2px; position: absolute; top: 0; right: 0; -webkit-transition: all 0.3s; transition: all 0.3s; width: 72px; }

.c-cv01-list__map:hover { background: #fff; color: #333; }

.c-cv01-list__txt { font-size: 1.2rem; }

.c-cv01-contact { margin-top: 40px; text-align: center; }

.c-cv01-contact__main { font-size: 1.5rem; font-weight: 700; margin-bottom: 10px; }

.c-cv01-contact__note { font-size: 1.2rem; }

.c-cv01-contact__btns { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 30px; }

.c-cv01-contact__btn { font-size: 1.6rem; font-weight: 700; height: 62px; text-align: center; width: calc(50% - 9px); max-width: 310px; }

.c-cv01-contact__btn + .c-cv01-contact__btn { margin-left: 18px; }

.c-cv01-contact__btn.is-white .c-cv01-contact__btn-link { background: #fff; color: #333; }

.c-cv01-contact__btn.is-white .c-cv01-contact__btn-link:hover { background: transparent; color: #fff; }

.c-cv01-contact__btn-link { background: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #fff; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; width: 100%; }

.c-cv01-contact__btn-link:hover { background: #fff; color: #333; }

@media all and (min-width: 768px) { .c-cv01__inner { padding-top: 64px; padding-bottom: 64px; max-width: 696px; }
  .c-cv01-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin: 0 -36px -52px; }
  .c-cv01-list__item { margin: 0 36px 52px; width: calc(50% - 72px); }
  .c-cv01-list__item + .c-cv01-list__item { margin-top: 0; }
  .c-cv01-contact { margin-top: 50px; } }

/*  .c-head01 - 英字＋日本語の見出し
================================================== */
.c-head01 { margin-bottom: 40px; }

.c-head01::before { background: #F6251D; content: ""; display: block; height: 6px; margin-bottom: 16px; width: 18px; }

.c-head01__en { font-size: 3rem; font-weight: 700; line-height: 1; }

.c-head01__main { font-size: 1.4rem; font-weight: 700; margin-top: 4px; }

@media all and (min-width: 768px) {
	.c-head01 { margin-bottom: 50px; }
	.c-head01.c-head01-02{ margin-bottom: 0; }
}

.c-head01.is-white { color: #fff; }

.c-head01.is-white::before { background: #fff; }

.c-head01.is-center { text-align: center; }

.c-head01.is-center::before { margin-left: auto; margin-right: auto; }

/* common
================================================ */
/* .l-breadcrumb
================================================ */
.l-breadcrumb-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 20px; padding-bottom: 20px; }

.l-breadcrumb-list__item { display: inline-block; vertical-align: top; }

.l-breadcrumb-list__item + .l-breadcrumb-list__item { margin-left: 5px; }

.l-breadcrumb-list__item + .l-breadcrumb-list__item:before { content: ">"; margin-right: 5px; }

@media all and (max-width: 767px) { .l-breadcrumb-list { white-space: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-overflow-scrolling: touch; overflow: auto; }
  .l-breadcrumb-list::-webkit-scrollbar { display: none; } }

/* .l-footer
================================================ */
.l-footer { background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; }

.l-footer__inner { border-left: 3px solid #F6251D; padding: 28px 40px 30px; max-width: 696px; }

@media all and (min-width: 768px) { .l-footer { padding: 35px 0; } }

/* .l-footer-nav
================================================ */
.l-footer-nav { display: none; }

@media all and (min-width: 768px) { .l-footer-nav { display: block; padding-right: 60px; }
  .l-footer-nav__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .l-footer-nav__item + .l-footer-nav__item { margin-top: 22px; }
  .l-footer-nav__link { display: block; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }
  .l-footer-nav__link:hover { opacity: 0.7; }
  .l-footer-nav__en { display: block; font-size: 3rem; line-height: 1; }
  .l-footer-nav__txt { display: block; font-size: 1.4rem; font-weight: 700; margin-top: 2px; } }

/* .l-footer-nav-sub
================================================ */
.l-footer-nav-sub__item { font-size: 1.4rem; font-weight: 700; }

.l-footer-nav-sub__item + .l-footer-nav-sub__item { margin-top: 12px; }

.l-footer-nav-sub__link { -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }

.l-footer-nav-sub__link:hover { opacity: 0.7; }

/* .l-footer-sns
================================================== */
.l-footer-sns { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 10px; }

.l-footer-sns__link { display: block; height: 25px; width: 25px; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }

.l-footer-sns__link:hover { opacity: 0.7; }

.l-footer-sns__link + .l-footer-sns__link { margin-left: 20px; }

/* .l-footer-copy
================================================== */
.l-footer-copy { color: #B9B9B9; font-size: 1.2rem; margin-top: 30px; text-align: center; }

/* .l-header
================================================ */
.l-header { position: fixed; top: 0; left: 0; width: 100%; min-width: 320px; z-index: 2000; }

@media all and (min-width: 1120px) { .l-header { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: absolute; } }

/* .l-header-top
================================================== */
.l-header-top { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 3; height: 90px; padding: 20px; }

.l-header-top__logo-link { display: block; height: 25px; width: 140px; position: relative; -webkit-transform: opacity, 0.3s; transform: opacity, 0.3s; }

.l-header-top__logo-link:hover { opacity: 0.7; }

.l-header-top__logo-link::before { content: ""; background: url(/images/common/logo_axs-design01.svg) no-repeat center/contain; display: block; height: 100%; opacity: 0; visibility: hidden; position: absolute; -webkit-transition: all 0.3s; transition: all 0.3s; width: 100%; }

.l-header-top__logo-link img { -webkit-transition: all 0.3s; transition: all 0.3s; width: 100%; }

.l-header-top__logo-txt { color: #fff; display: block; font-size: 1.2rem; font-weight: 700; margin-top: 4px; -webkit-transition: all 0.3s; transition: all 0.3s; }

.l-header-top__logo-txt a{
  text-decoration: none;
}
.l-header-top__logo-txt a:hover{
  text-decoration: underline;
}
@media all and (min-width: 768px) { .l-header-top { height: 110px; }
  .l-header-top__logo-link { height: 32px; width: 180px; } }

@media all and (min-width: 1120px) { .l-header-top { padding: 20px; } }

@media all and (min-width: 1320px) { .l-header-top { padding: 20px; }
  .l-header-top__logo-txt { font-size: 1.2rem; margin-top: 8px; } }

.l-header.is-sticky:not(.is-open) .l-header-top__logo-link img { opacity: 0; }

.l-header.is-sticky:not(.is-open) .l-header-top__logo-link::before { opacity: 1; visibility: visible; }

.l-header.is-sticky:not(.is-open) .l-header-top__logo-txt { display: none; }

.l-header.is-open .l-header-top__logo-link img { opacity: 0; }

.l-header.is-open .l-header-top__logo-link::before { opacity: 1; visibility: visible; }

.l-header.is-open .l-header-top__logo-txt { display: none; }

/* .l-nav-btn
================================================== */
.l-nav-btn { background: #F6251D; border: none; position: absolute; top: 20px; right: 20px; width: 50px; height: 50px; cursor: pointer; }

.l-nav-btn__line { background: #fff; content: ''; position: absolute; left: 14px; -webkit-transform: skewX(-45deg); transform: skewX(-45deg); -webkit-transition: all 0.3s; transition: all 0.3s; width: 22px; height: 2px; }

.l-nav-btn__line:nth-child(1) { top: 16px; }

.l-nav-btn__line:nth-child(2) { top: 24px; }

.l-nav-btn__line:nth-child(3) { top: 32px; width: 16px; }

.l-nav-btn.is-open { background: transparent; top: 10px; }

.l-nav-btn.is-open .l-nav-btn__line { background: #F6251D; }

.l-nav-btn.is-open .l-nav-btn__line:nth-child(1) { top: 24px; -webkit-transform: rotate(-45deg) skewX(45deg); transform: rotate(-45deg) skewX(45deg); }

.l-nav-btn.is-open .l-nav-btn__line:nth-child(2) { opacity: 0; }

.l-nav-btn.is-open .l-nav-btn__line:nth-child(3) { top: 24px; -webkit-transform: rotate(45deg) skewX(-45deg); transform: rotate(45deg) skewX(-45deg); width: 22px; }

@media all and (min-width: 1120px) { .l-nav-btn { display: none; } }

/* .l-nav-overlay
================================================ */
.l-nav-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.25); z-index: 1000; }

@media all and (min-width: 1120px) { .l-nav-overlay { display: none !important; } }

/* .l-nav
================================================ */
.l-nav { background: #fff; border-left: 3px solid #F6251D; -webkit-box-sizing: border-box; box-sizing: border-box; height: 100vh; position: absolute; top: 0; left: 0; padding: 70px 40px 0; -webkit-transform: translateX(120%); transform: translateX(120%); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; width: 100%; min-width: 320px; z-index: 2; }

.l-nav__inner { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-overflow-scrolling: touch; height: 100%; /*overflow: auto;*/ padding: 20px 0 50px; }

.l-nav__inner::-webkit-scrollbar { display: none; }

@media all and (min-width: 768px) { .l-nav { padding-top: 90px; } }

@media all and (min-width: 1120px) { .l-nav { background: transparent; border-left: 0; height: auto; padding: 20px 20px 20px 0; position: static; -webkit-transform: none; transform: none; width: auto; min-width: auto; }
  .l-nav__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; height: auto; padding: 0; } }

.l-header.is-open .l-nav { -webkit-transform: translateX(0); transform: translateX(0); }

/* .l-nav-list
================================================== */
.l-nav-list__item + .l-nav-list__item { margin-top: 22px; }

.l-nav-list__link { display: block; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }

.l-nav-list__link:hover { opacity: 0.7; }

.l-nav-list__en { display: block; font-size: 3rem; line-height: 1; }

.l-nav-list__txt { display: block; font-size: 1.4rem; font-weight: 700; margin-top: 2px; }

.l-nav-list__txt em{
	font-style: normal;
}
@media all and (min-width: 768px) {
	.l-nav-list__txt em{
		font-size: 1.1rem;
        position: absolute;
        white-space: pre;
        bottom: -14px;
	}
}

@media all and (min-width: 1120px) { .l-nav-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; color: #fff; }
  .l-nav-list__item + .l-nav-list__item { margin-top: 0; margin-left: 20px; }
  .l-nav-list__en { font-size: 1rem; } }

@media all and (min-width: 1320px) { .l-nav-list__item + .l-nav-list__item { margin-left: 30px; } }

/* .l-nav-contact
================================================== */
.l-nav-contact { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 30px; }

.l-nav-contact__btn { font-size: 1.6rem; font-weight: 700; height: 62px; text-align: center; width: calc(50% - 9px); max-width: 300px; }

.l-nav-contact__btn + .l-nav-contact__btn { margin-left: 18px; }

.l-nav-contact__btn.is-white .l-nav-contact__btn-link { background: #fff; color: #F6251D; }

.l-nav-contact__btn-link { background: #F6251D; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #F6251D; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; width: 100%; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }

.l-nav-contact__btn-link:hover { opacity: 0.7; }

@media all and (min-width: 1120px) { .l-nav-contact { margin-top: 0; margin-left: 20px; }
  .l-nav-contact__btn { font-size: 1.4rem; height: 50px; width: 100px; }
  .l-nav-contact__btn.is-white .l-nav-contact__btn-link { border-color: #fff; background: transparent; color: #fff; } }

@media all and (min-width: 1320px) { .l-nav-contact { margin-left: 30px; } }

/* .l-nav-sub
================================================== */
.l-nav-sub { border-top: 2px solid #e6e6e6; margin-top: 30px; padding-top: 24px; position: relative; }

.l-nav-sub::before { background: #F6251D; content: ""; display: block; height: 2px; position: absolute; top: -2px; left: 0; width: 35px; }

.l-nav-sub__item { font-size: 1.4rem; font-weight: 700; }

.l-nav-sub__item + .l-nav-sub__item { margin-top: 12px; }

@media all and (min-width: 1120px) { .l-nav-sub { display: none; } }

/* .l-nav-sns
================================================== */
.l-nav-sns { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 10px; }

.l-nav-sns__link { display: block; height: 25px; width: 25px; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }

.l-nav-sns__link:hover { opacity: 0.7; }

.l-nav-sns__link + .l-nav-sns__link { margin-left: 20px; }

@media all and (min-width: 1120px) { .l-nav-sns { display: none; } }

/* .l-main-mv
================================================ */
.l-main-mv-slide { opacity: 0; color: #fff; }

.l-main-mv-slide.slick-initialized { opacity: 1; }

.l-main-mv-slide__wrap { position: relative; }

.l-main-mv-slide__link { display: block; position: relative; }

.l-main-mv-slide__txt { font-size: 1.5rem; position: absolute; bottom: 20px; right: 20px; text-align: right; }

.l-main-mv-slide__txt-main { font-size: 2.4rem; font-weight: 700; }

.l-main-mv-slide__txt::after { width: 32px; height: 10px; content: ""; display: inline-block; vertical-align: middle; background: no-repeat center/contain; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2231.695%22%20height%3D%229.811%22%20viewBox%3D%220%200%2031.695%209.811%22%3E%20%3Cpath%20d%3D%22M357.037%2C588.9H325.342v-1.5h28.073l-7.251-7.251%2C1.061-1.061Z%22%20transform%3D%22translate(-325.342%20-579.086)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); display: block; margin: 16px 0 0 auto; }

.l-main-mv-slide__dots { position: absolute; left: 20px; bottom: 20px; max-width: calc(100% - 120px); }
.l-main-mv-slide__dots.l-main-mv-slide__dots--repos{ bottom: 220px; }
.l-main-mv-slide__dots .slick-dots { display: -webkit-box; display: -ms-flexbox; display: flex; }

.l-main-mv-slide__dots .slick-dots button { background: #fff; border: 0; height: 3px; margin-right: 7px; opacity: 0.5; overflow: hidden; text-indent: 100%; white-space: nowrap; width: 38px; }

.l-main-mv-slide__dots .slick-dots .slick-active button { opacity: 1; }

.l-main-mv-head { color: #363636; margin-top: 20px; padding: 0 20px 52px; position: relative; }

.l-main-mv-head::after { background: #363636; content: ""; display: block; height: 28px; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 1px; }

.l-main-mv-head__main { font-size: 3.4rem; font-weight: 700; line-height: 1.3; -webkit-font-feature-settings: "palt" 1; font-feature-settings: "palt" 1; }

.l-main-mv-head__main em { color: #F6251D; font-style: normal; }

.l-main-mv-head__en { font-size: 1.6rem; font-weight: 400; margin-top: 10px; }

.l-main-mv-head__en em { color: #F6251D; font-style: normal; }

.l-main-mv-head-fukui { display: none; }

@media all and (min-width: 768px) { .l-main-mv-head { margin-top: 40px; padding-bottom: 80px; }
  .l-main-mv-head__main { font-size: 5.5rem; }
  .l-main-mv-head__en { font-size: 2.5rem; } }

.l-main-mv-head.l-main-mv-head-inner{
	display: none;
}
@media all and (min-width: 1120px) { .l-main-mv-slide__txt { font-size: 1.6rem; bottom: 96px; right: 60px; }
  .l-main-mv-slide__dots { position: absolute; left: auto; right: 60px; bottom: 60px; }
  .l-main-mv-head { color: #fff; position: absolute; top: 2.6%; left: 60px; }
  .l-main-mv-head::after { content: none; }
  .l-main-mv-head__main em { color: #fff; }
  .l-main-mv-head__en em { color: #fff; }
	.l-main-mv-head.l-main-mv-head-inner{
		top: 32.6%;
		display: block;
	}
	.l-main-mv-head.l-main-mv-head--spview{
		display: none;
	}
	.l-main-mv-slide__dots.l-main-mv-slide__dots--repos{
		bottom: 60px;
	}
}

/* .l-sidebar
================================================== */
/* page
================================================ */
/*  home-works - 施工実績
================================================== */
.home-works__inner { padding-top: 36px; padding-bottom: 36px; }

.home-works-list { margin: auto; max-width: 500px; }

.home-works-list__item + .home-works-list__item { margin-top: 36px; }

.home-works-list__link { display: block; position: relative; }

.home-works-list__area { background: #333; color: #fff; font-size: 1.2rem; font-weight: 700; padding: 8px 25px 7px; position: absolute; top: 0; right: 0; }

.home-works-list__comment { font-size: 1.5rem; font-weight: 700; line-height: 1.7; margin-top: 10px; }

@media all and (min-width: 768px) { .home-works__inner { padding-top: 80px; padding-bottom: 80px; } }

@media all and (min-width: 1120px) { .home-works-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 100%; margin: 0 -18px -36px; }
  .home-works-list__item { margin: 0 18px 36px; width: calc(33.33% - 36px); }
  .home-works-list__item + .home-works-list__item { margin-top: 0; } }

/*  home-lineup - ラインナップ
================================================== */
.home-lineup { background: #f4f5f2; }

.home-lineup__inner { padding-top: 36px; padding-bottom: 36px; }

.home-lineup__head { margin-bottom: 0; }

.home-lineup-slide { margin: 0 -20px; }

.home-lineup-slide__link { display: block; position: relative; }

.home-lineup-slide-control { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: -30px -10px 0 auto; height: 30px; width: 120px; }

.home-lineup-slide-control .slick-arrow { border: none; height: 30px; padding: 0; position: relative; width: 30px; }

.home-lineup-slide-control .slick-arrow::before { border-style: solid; border-width: 0 0 2px 2px; border-color: #333; content: ""; display: block; height: 15px; position: absolute; top: 50%; left: 50%; width: 15px; }

.home-lineup-slide-control .slick-arrow.is-prev::before { right: 0; -webkit-transform: translate(0, -50%) rotate(45deg); transform: translate(0, -50%) rotate(45deg); }

.home-lineup-slide-control .slick-arrow.is-next::before { left: 0; -webkit-transform: translate(0, -50%) rotate(-135deg); transform: translate(0, -50%) rotate(-135deg); }

.home-lineup-slide-control__page { font-size: 1.5rem; margin: 4px 10px 0; }

@media all and (max-width: 360px) { .home-lineup-slide-control { height: 24px; margin-top: -24px; width: 100px; }
  .home-lineup-slide-control .slick-arrow { height: 24px; width: 24px; }
  .home-lineup-slide-control .slick-arrow::before { height: 10px; width: 10px; }
  .home-lineup-slide-control__page { font-size: 1.3rem; } }

@media all and (min-width: 768px) { .home-lineup__inner { padding-top: 80px; padding-bottom: 80px; position: relative; }
  .home-lineup__head { position: absolute; }
  .home-lineup-slide { margin: 20px 0 0; }
  .home-lineup-slide-control { height: 40px; margin-top: -40px; width: 140px; }
  .home-lineup-slide-control .slick-arrow { height: 40px; width: 40px; } }

@media all and (min-width: 1120px) { .home-lineup-slide { margin-top: 0; }
  .home-lineup-slide__wrap { position: relative; }
  .home-lineup-slide-control { margin: 0; position: absolute; right: 16%; bottom: 90px; }
  .home-lineup-slide__btn { position: absolute; bottom: 0; right: 0; } }

/*  home-concept - コンセプト
================================================== */
.home-concept__inner { padding-top: 36px; padding-bottom: 36px; }

.home-concept-set { background: no-repeat center / cover; position: relative; }

.home-concept-set:nth-of-type(odd) { margin-right: -20px; }

.home-concept-set:nth-of-type(odd) .home-concept-set__bg { margin-left: auto; margin-right: 0; }

.home-concept-set:nth-of-type(even) { margin-left: -20px; }

.home-concept-set:nth-of-type(even) .home-concept-set__bg { margin-right: auto; margin-left: 0; }

.home-concept-set:nth-of-type(even) .home-concept-set__link { right: 0; }

.home-concept-set + .home-concept-set { margin-top: -30px; }

.home-concept-set__bg { margin-left: auto; margin-right: 0; height: 280px; width: 70%; }

.home-concept-set__bg img { height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center bottom; object-position: center bottom; width: 100%; }

.home-concept-set__link { display: block; position: absolute; top: 16px; }

.home-concept-set__num { color: #F6251D; font-size: 3rem; letter-spacing: 0.06em; line-height: 1.1; }

.home-concept-set__txt { background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); font-size: 1.6rem; font-weight: 700; line-height: 1.8; padding: 20px 25px 18px; }

.home-concept-set__btn::before { width: 32px; height: 10px; content: ""; display: inline-block; vertical-align: middle; background: no-repeat center/contain; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2231.695%22%20height%3D%229.811%22%20viewBox%3D%220%200%2031.695%209.811%22%3E%20%3Cpath%20d%3D%22M357.037%2C588.9H325.342v-1.5h28.073l-7.251-7.251%2C1.061-1.061Z%22%20transform%3D%22translate(-325.342%20-579.086)%22%20fill%3D%22%23333%22%2F%3E%3C%2Fsvg%3E"); display: block; margin: 22px 18px 0 auto; }

.home-concept-set__btn-txt { display: none; }

@media all and (min-width: 768px) { .home-concept__inner { padding-top: 112px; padding-bottom: 0; position: relative; }
  .home-concept__head { position: absolute; left: 0; right: 0; text-align: center; z-index: 1; }
  .home-concept__head::before { margin-left: auto; margin-right: auto; }
  .home-concept-set__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -112px -60px 0; }
  .home-concept-set { padding: 300px 0 158px; width: 50%; }
  .home-concept-set:nth-of-type(odd) { margin-right: 0; }
  .home-concept-set:nth-of-type(odd) .home-concept-set__link { margin-left: auto; margin-right: 50px; }
  .home-concept-set:nth-of-type(even) { margin-left: 0; }
  .home-concept-set:nth-of-type(even) .home-concept-set__link { margin-left: 50px; margin-right: auto; }
  .home-concept-set + .home-concept-set { margin-top: 0; }
  .home-concept-set__bg { height: auto; position: absolute; top: 0; bottom: 0; width: 100%; z-index: -1; }
  .home-concept-set__link { position: static; width: 250px; }
  .home-concept-set__link:hover .home-concept-set__btn { background: #fff; color: #F6251D; }
  .home-concept-set__link:hover .home-concept-set__btn-txt::after { width: 32px; height: 10px; content: ""; display: inline-block; vertical-align: middle; background: no-repeat center/contain; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2231.695%22%20height%3D%229.811%22%20viewBox%3D%220%200%2031.695%209.811%22%3E%20%3Cpath%20d%3D%22M357.037%2C588.9H325.342v-1.5h28.073l-7.251-7.251%2C1.061-1.061Z%22%20transform%3D%22translate(-325.342%20-579.086)%22%20fill%3D%22%23F6251D%22%2F%3E%3C%2Fsvg%3E"); }
  .home-concept-set__num { color: #F6251D; font-size: 3rem; letter-spacing: 0.06em; line-height: 1.1; }
  .home-concept-set__txt { font-size: 1.7rem; padding: 24px 28px 22px; }
  .home-concept-set__btn { background: #F6251D; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1.6rem; font-weight: 700; height: 52px; margin: 26px auto 0; -webkit-transition: all 0.3s; transition: all 0.3s; width: 250px; }
  .home-concept-set__btn::before { content: none; }
  .home-concept-set__btn-txt { display: block; }
  .home-concept-set__btn-txt::after { width: 32px; height: 10px; content: ""; display: inline-block; vertical-align: middle; background: no-repeat center/contain; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2231.695%22%20height%3D%229.811%22%20viewBox%3D%220%200%2031.695%209.811%22%3E%20%3Cpath%20d%3D%22M357.037%2C588.9H325.342v-1.5h28.073l-7.251-7.251%2C1.061-1.061Z%22%20transform%3D%22translate(-325.342%20-579.086)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); margin-left: 18px; } }

@media all and (min-width: 1120px) { .home-concept__inner { padding-left: 0; padding-right: 0; max-width: 100%; }
  .home-concept-set__wrap { margin-left: 0; margin-right: 0; } }

/*  home-events - イベント情報
================================================== */
.home-events { background: url(/images/home/bg_events01_sp.jpg) no-repeat center/cover; color: #fff; }

.home-events__inner { padding-top: 60px; padding-bottom: 60px; }

.home-events__txt { font-size: 1.5rem; font-weight: 700; line-height: 1.7; text-align: center; }

@media all and (min-width: 1120px) { .home-events { background-image: url(/images/home/bg_events01_pc.jpg); } }

/*  home-after - アフターサービス
================================================== */
.home-after { background: #f4f5f2; }

.home-after__inner { padding-top: 36px; padding-bottom: 36px; }

.home-after__area-logo { margin-bottom: 50px; }

.home-after__logo { height: 39px; margin: 0 auto 32px; width: 222px; }

.home-after__logo img { width: 100%; }

.home-after__txt { font-size: 1.5rem; font-weight: 700; line-height: 1.7; padding: 0 20px; }

.home-after-service { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 -7px -14px; }

.home-after-service__item { margin: 0 7px 14px; width: calc(50% - 14px); max-width: 148px; }

.home-after__note { color: #F6251D; font-weight: 700; margin-top: 8px; text-align: center; }

@media all and (min-width: 768px) { .home-after__inner { padding-top: 80px; padding-bottom: 80px; }
  .home-after__logo { height: 60px; width: 346px; } }

@media all and (min-width: 1120px) { .home-after__con { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .home-after__area-logo { margin: 0 42px 0 0; width: 346px; }
  .home-after__txt { padding: 0; }
  .home-after-srvice { margin-left: 50px; }
  .home-after__area-btn { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .home-after__btn { margin-top: 0; width: 252px; } }

/*  home-news - ニュース
================================================== */
.home-news__inner { padding-top: 36px; padding-bottom: 40px; }

.home-news-slide { margin: 0 auto; padding: 0 20px; max-width: 100%; }

.home-news-slide__item { -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; padding: 0 10px; }

.home-news-slide__in { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; }

.home-news-slide__date { font-weight: 400; line-height: 1.2; }

.home-news-slide__head { font-size: 1.6rem; font-weight: 700; margin-bottom: 24px; }

.home-news-slide__content { font-size: 1.4rem; line-height: 2.3em; background-image: linear-gradient(90deg, transparent 0%, transparent 50%, #fff 50%, #fff 100%), linear-gradient(180deg, #333 1px, transparent 1px); background-size: 8px 100%, 100% 2.3em; padding-bottom: 1px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.home-news-slide .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; }

.home-news-slide .slick-slide { height: auto !important; }

.home-news-slide .slick-arrow { border: none; height: 30px; padding: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 0; overflow: hidden; white-space: normal; width: 30px; }

.home-news-slide .slick-arrow::before { border-style: solid; border-width: 0 0 2px 2px; border-color: #333; content: ""; display: block; height: 15px; position: absolute; top: 50%; left: 50%; width: 15px; }

.home-news-slide .slick-arrow.slick-prev { left: -10px; }

.home-news-slide .slick-arrow.slick-prev::before { margin-left: 4px; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }

.home-news-slide .slick-arrow.slick-next { right: -10px; }

.home-news-slide .slick-arrow.slick-next::before { margin-left: -4px; -webkit-transform: translate(-50%, -50%) rotate(-135deg); transform: translate(-50%, -50%) rotate(-135deg); }

.home-news__bnr { display: block; margin: 40px auto 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; max-width: 390px; }

.home-news__bnr:hover { opacity: 0.7; }

@media all and (min-width: 768px) { .home-news__inner { padding-top: 60px; padding-bottom: 60px; } }

@media all and (min-width: 1120px) { .home-news__con { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin: 60px 0 20px; }
  .home-news-slide { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  .home-news__bnr { margin-top: 0; margin-left: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } }

/*  home-zeh - ZEH
================================================== */
.home-zeh { background: #f4f5f2; }

.home-zeh__inner { padding-top: 36px; padding-bottom: 54px; }

.home-zeh__logo { height: 100px; margin: 0 auto 10px; width: 100px; }

.home-zeh__main { color: #fff; font-size: 1.4rem; font-weight: 700; margin-bottom: 16px; }

.home-zeh__main span { background: #8EC32F; display: inline-block; margin-top: 8px; padding: 10px 24px 8px 12px; }

.home-zeh__txt { font-size: 1.2rem; }

.home-zeh__source { font-size: 1rem; line-height: 1.2; margin-top: 15px; }

@media all and (max-width: 360px) { .home-zeh__main { font-size: 1.2rem; } }

@media all and (min-width: 768px) { .home-zeh__inner { padding-top: 60px; padding-bottom: 60px; max-width: 780px; }
  .home-zeh__con { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .home-zeh__area-txt { width: calc(100% - 100px - 10px); }
  .home-zeh__main { background: #8EC32F; margin-bottom: 16px; padding: 10px 7px 8px; }
  .home-zeh__main span { display: inline; margin-top: 0; padding: 0; }
  .home-zeh__source { margin-top: 20px; } }

@media (max-width: 768px){
  .l-nav__inner{
    overflow: auto;
  }
}


/* 新着バッジ表示用 */
.l-nav-list__link{
	position: relative;
  display: inline-block;
}
.l-nav-list__link .l-nav-list__badge{
	/* font-family: apparat, sans-serif; */
	background: #F6251D;
	border-radius: 30px;
	padding: 6px 8px;
	letter-spacing: 1px;
	line-height: 1;
	color: #fff;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	font-weight: bold;
	font-size: 12px;
	position: absolute;
	right: -12px;
	top: -18px;
}

/* プロモーション用 */
.home-prom__inner .c-head01{
  margin-bottom: 20px;
}
.home-prom__inner .home-prom-pc{
  display: none;
}
.home-prom__inner .home-prom-sp{
  display: block;
}
.home-prom__inner .home-prom-list .home-prom-list__item{
  font-feature-settings: "palt";
  margin: 0 0 40px;
}
.home-prom__inner .home-prom-list .home-prom-list__item .home-prom-list__info h3{
  position: relative;
  top: 15px;
  left: -10px;
  font-size: 3rem;
  line-height: 1.25;
  letter-spacing: 3px;
}
.home-prom__inner .home-prom-list .home-prom-list__item .home-prom-list__info p{
  font-size: 1.5rem;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
}
.home-prom__inner .home-prom-list .home-prom-list__item .home-prom-list__credit{
  background-color: #F4F5F2;
  padding: 20px;
  box-sizing: border-box;
  font-weight: bold;
  width: 100%;
  text-align: left;
}
.home-prom__inner .home-prom-list .home-prom-list__item .home-prom-list__credit p{
  font-size: 1.8rem;
  line-height: 1.2;
  font-weight: bold;
  margin: 0 0 10px;
}
.home-prom__inner .home-prom-news{
  border: 2px solid #363636;
  padding: 20px;
  box-sizing: border-box;
  font-feature-settings: "palt";
}
.home-prom__inner .home-prom-news img{
  width: 70px;
  display: block;
  margin: 0 20px 20px 0;
  float: left;
}
.home-prom__inner .home-prom-news > strong{
  float: left;
  font-size: 1.7rem;
  width: calc(100% - 100px);
}
.home-prom__inner .home-prom-news div{
  clear: both;
  width: 100%;
}
.home-prom__inner .home-prom-news div p{
  font-size: 1.2rem;
  line-height: 1.6;
}
.home-prom__inner .home-prom-news div p a{
  color: #04c;
}
@media (min-width: 768px){
  .home-prom__inner .c-head01{
    margin-bottom: 40px;
  }
  .home-prom__inner .home-prom-pc{
    display: block;
  }
  .home-prom__inner .home-prom-sp{
    display: none;
  }
  .home-prom__inner .home-prom-list .home-prom-list__item{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    position: relative;
    margin: 0 0 60px;
  }
  .home-prom__inner .home-prom-list .home-prom-list__item .home-prom-list__info{
    position: absolute;
    left: 0;
    top: 30px;
  }
  .home-prom__inner .home-prom-list .home-prom-list__item .home-prom-list__info h3{
    font-size: 4.4rem;
    line-height: 1.25;
    letter-spacing: 3px;
  }
  .home-prom__inner .home-prom-list .home-prom-list__item .home-prom-list__info p{
    font-size: 1.55rem;
    font-weight: bold;
    width: 280px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .home-prom__inner .home-prom-list .home-prom-list__item .home-prom-list__credit{
    width: 280px;
    text-align: right;
  }
  .home-prom__inner .home-prom-list .home-prom-list__item .home-prom-list__credit p{
    font-size: 1.7rem;
    font-weight: bold;
    margin: 0 0 10px;
  }
  .home-prom__inner .home-prom-list .home-prom-list__item a{
    width: 700px;
    display: block;
  }
  .home-prom__inner .home-prom-list .home-prom-list__item a img{
    width: 100%;
  }
  .home-prom__inner{
    padding-top: 80px;
    padding-bottom: 40px;
  }
  .home-prom__inner .home-prom-news{
    display: flex;
    padding: 40px;
    align-items: flex-start;
    justify-content: space-between;
  }
  .home-prom__inner .home-prom-news img{
    width: 100px;
    margin: 0;
  }
  .home-prom__inner .home-prom-news div{
    width: calc(100% - 140px);
  }
  .home-prom__inner .home-prom-news div strong{
    font-size: 1.7rem;
    font-weight: bold;
  }
  .home-prom__inner .home-prom-news div p{
    font-size: 1.2rem;
    line-height: 1.6;
  }
}



/* モーダル表示調整用 */
.modaal-noscroll .modaal-overlay{
  z-index: 3000;
}
.modaal-noscroll .modaal-video-wrap{
  margin: auto 0;
}
.modaal-container .modaal-content-container{
	padding: 10px;
}
.modaal-container .modaal-content-container video{
	display: block;
}
.hidden{
	display: none;
}
@media (min-width: 768px){
  .modaal-noscroll .modaal-video-wrap{
    margin: auto 50px;
  }
}



/* トップページ ポップアップバナー */

.Bnr {
  position: fixed;
  margin: 0 auto;
  left: 15px;
  bottom: 15px;
  width: 100%;
  max-width: 400px;
}

.Bnr .Bnr__img {
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  z-index: 88;
  position: relative;
}

.Bnr__img__inner {
  width: 100%;
  max-width: 400px;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  background-color: #fafafa;
}

.Bnr .Bnr__img__inner a {
  display: block;
}

.Bnr .Bnr__img__inner a span.bnrTitle {
  background-color: #004E98;
  width: 100%;
  display: block;
  color: #fff;
  text-align: center;
  padding: 8px 0 6px;
  font-weight: bold;
  letter-spacing: 2px;
  font-size: 1.2rem;
}

.Bnr .Bnr__img__inner a img {
  display: block;
  width: 100%;
}

.Bnr .Bnr__img p.close {
  position: absolute;
  right: -5px;
  top: -30px;
}

.Bnr .Bnr__img p.close a {
  display: block;
  width: 20px;
  height: 25px;
  text-align: center;
}

.Bnr .Bnr__img p.close a span {
  display: block;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.Bnr .Bnr__img p.close a i {
  font-size: 24px;
  z-index: 888;
  color: #000;
  position: relative;
  right: 2px;
}

@media screen and (max-width: 896px) {
  .Bnr {
    width: 90vw;
    left: 5vw;
    max-width: 1000px;
  }
  .Bnr__img__inner {
    width: 90vw;
  }
}




/* 建築・不動産のプロに相談 */

.consult-title{
    margin: 30px 0 0;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    font-size: 28px;
    font-weight: bold;
}
.consult-title img{
    display: block;
    margin: 0 15px 0 0;
}
.consult-group{
    background-color: #F4F5F2;
    width: 1000px;
    max-width: 100%;
    margin: 30px auto;
    padding: 30px 15px;
    box-sizing: border-box;
}
.consult-group > b{
    display: block;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
}
.consult-group > p{
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    margin: 5px 0 30px;
}
.consult-group .consult-group-child{
    border: 1px solid #444;
    box-sizing: border-box;
    padding: 0 15px 20px;
    width: 850px;
    margin: auto;
    max-width: 100%;
}

.consult-group .consult-group-child > img{
    width: 284px;
    display: block;
    margin: 0 auto 20px;
    position: relative;
    top: -20px;
}
.consult-group .consult-group-child > p{
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    margin: -30px 0 25px;
}
.consult-group .consult-group-child ul{
    display: flex;
    align-items: flex-start;
    justify-content: center;
	list-style-type: none;
}
.consult-group .consult-group-child ul li{
    width: 174px;
}
.consult-group .consult-group-child ul li small{
    text-align: center;
    display: block;
    font-size: 10px;
    font-weight: bold;
    margin: 15px 0 0;
    line-height: 1.2;
}
.consult-group .consult-group-child ul li b{
    font-size: 16px;
    display: block;
    margin: 0 auto 5px;
    text-align: center;
}
.consult-group .consult-group-child ul li span.value{
    background-color: #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    width: 143px;
    margin: 0 auto 15px;
    padding: 5px 0;
    font-size: 12px;
    text-align: center;
    display: block;
    font-weight: bold;
}
.consult-group .consult-group-child ul li span.value em{
    font-size: 16px;
    font-weight: bold;
    color: #F5251D;
    display: block;
	font-style: normal;
}
.consult-group .consult-group-child ul li:nth-child(2),
.consult-group .consult-group-child ul li:nth-child(4){
    margin: 65px 20px 0;
    width: 42px;
}
.consult-group .consult-group-child ul li img:first-of-type{
    width: 100%;
}
.consult-group .consult-group-child ul li img:nth-of-type(2){
    height: 15px;
    margin: 10px auto 5px;
    display: block;
}
.consult-group .consult-group-child ul li span.tags{
    background-color: #464646;
    color: #fff;
    width: 143px;
    display: block;
    margin: 0 auto 5px;
    padding: 10px 0;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
}
.consult-group .consult-group-child ul li.consult-group-child-axs span.tags{
    background-color: #F5251D;
}
.consult-group .consult-group-child ul li.consult-group-child-skr span.tags{
    background-color: #1F2086;
}
.consult-contact{
    width: 1000px;
    max-width: 100%;
    margin: 30px auto;
    box-sizing: border-box;
}
.consult-contact img{
    width: 634px;
    display: block;
    max-width: 100%;
    margin: auto;
}
.consult-contact ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0 0 25px;
	list-style-type: none;
}
.consult-contact ul li{
    width: 215px;
    max-width: 100%;
}
.consult-contact ul li p{
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
    margin: 0 0 10px;
}
.consult-contact ul li > img{
    display: block;
    width: 100%;
    margin: 0 0 10px;
}
.consult-contact ul li div{
    background-color: #F4F5F2;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    box-sizing: border-box;
}
.consult-contact ul li div img{
    width: 116px;
	height: auto;
    display: block;
    margin: 0 auto;
	align-self: center;
}
.consult-contact ul li div em{
    font-size: 22px;
    font-style: normal;
    display: block;
    color: #444;
    margin: 0 0 15px;
    width: 100%;
	font-weight: bold;
    text-align: center;
}
.consult-contact ul li div a{
    background-color: #F5251D;
    color: #fff;
    display: flex;
    font-weight: bold;
    align-items: center;
    justify-content: center;
    padding: 16px 0 14px;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    line-height: 1;
    transition: all 0.3s ease-in-out;
    fill: none;
    stroke: #fff;
}
.consult-contact ul li div a:hover{
    background-color: #fff;
    stroke: #F5251D;
    color: #F5251D;
}
.consult-contact ul li div a .arrow{
    display: block;
    margin: 0 0 0 15px;
    width: 20px;
}
.consult-sp{
    display: none;
}
.consult-pc{
    display: block;
}
@media only screen and (max-width: 768px){
    .consult-sp{
        display: block;
    }
	.consult-pc{
		display: none;
	}
    .consult-title{
        font-size: 26px;
    }
    .consult-group .consult-group-child ul{
        overflow-x: scroll;
        justify-content: flex-start;
        padding: 0 0 20px;
    }
    .consult-group > b{
        font-size: 26px;
        line-height: 1.2;
    }
    .consult-group > p{
        margin: 15px 0 30px;
    }
    .consult-contact ul li p{
        height: 6em;
    }
    .consult-contact ul{
        padding: 0 !important;
        margin: 0;
    }
    .consult-contact ul li{
        width: 48%;
        margin: 0 0 30px;
    }
    .consult-contact ul li div img{
        width: 100px;
        margin: 0 auto;
    }
    .consult-contact ul li div em{
        font-size: 18px;
        margin: 0 0 10px;
    }
    .consult-contact ul li div a{
        padding: 12px 0 10px;
    }
}


.consult-block ul{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1000px;
    margin: 0 auto;
	list-style: none;
	padding-left: 0;
}

.consult-block.wide ul li{
	max-width: 100%;
	width: 100%;
}

.consult-block ul li{
	max-width: 100%;
	width: 480px;
}
.consult-block ul li a{
	display: block;
	margin-bottom: 40px;
}
.consult-block ul li a img{
	width: 100%;
}
.consult-title{
	margin-bottom: 30px;
}
.consult-group{
	margin-bottom: 60px;
}

@media only screen and (max-width: 768px){
	.consult-block ul{
		width: 100%;
	}
	.consult-block ul li{
		width: 100%;
	}
	.consult-block ul li a{
		margin-bottom: 15px;
	}
}


/*イベント特典告知のポップアップ*/
.remodal {
  width: calc(100% - 4vw) !important;
  max-width: 500px !important;
  margin: auto;
  padding: 0 0 20px !important;
  background: #fff !important;
}
@media (min-width: 768px) {
  .remodal {
    width: calc(100% - 40px) !important;
  }
}
.remodal img {
  width: 100%;
  display: block;
}

.remodal-close {
  right: 0;
  left: auto !important;
  width: 25px !important;
  height: 25px !important;
  padding: 0;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  color: #222 !important;
  background: rgba(255, 255, 255, 0.5) !important;
}
.remodal-close::before {
  right: 0;
  left: auto !important;
  width: 25px !important;
  line-height: 25px !important;
}

.remodal-overlay {
  background: rgba(0, 0, 0, 0.8) !important;
}

.popup-benefits-button {
  position: fixed;
  right: 15px;
  bottom: 15px;
  z-index: 1;
  -webkit-filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.16));
          filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.16));
}
.popup-benefits-button img {
  width: 48vw;
  height: auto;
}
@media (hover: hover) {
  .popup-benefits-button img:hover {
    opacity: 0.7;
  }
}
@media (min-width: 768px) {
  .popup-benefits-button img {
    width: 180px;
  }
}

.remodal[data-remodal-id=popup-benefits] {
  padding-bottom: 0 !important;
}

/* ムービー用スタイル */
.home-prom__inner.movie .home-prom-list .home-prom-list__item .home-prom-list__credit p{
	margin: 0;
	font-size: 1.4rem;
}

.home-prom__inner.movie .home-prom-news{
	position: relative;
}
.home-prom__inner.movie .home-prom-news::before{
	background: url("https://www.axs-inc.jp/images/home/img_prom_news_arrow.svg") center center no-repeat;
	width: 30px;
	height: 15px;
	background-size: contain;
	content: "";
	display: block;
	position: absolute;
	top: -7px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.home-prom__inner.movie .home-prom-list .home-prom-list__item .home-prom-list__item-con{
    box-sizing: border-box;
    padding-left: 1rem;
    padding-right: 1rem;
}
.home-prom__inner.movie{
  margin-top: 20px;
}
@media (min-width: 768px){
  .mv_youtube{
    min-height: 600px;
  }
  .home-prom__inner.movie{
    margin-top: 0;
    padding-top: 40px;
    padding-bottom: 80px;
  }
	.home-prom__inner.movie .home-prom-list{
		display: flex;
		flex-wrap: wrap;
	    justify-content: space-between;
	}
	.home-prom__inner.movie .home-prom-list .home-prom-list__item{
		width: 48%;
	}
	.home-prom__inner.movie .home-prom-list .home-prom-list__item:nth-of-type(1){
		order: 3;
	}
	.home-prom__inner.movie .home-prom-list .home-prom-list__item:nth-of-type(2){
		order: 4;
	}
	.home-prom__inner.movie .home-prom-list .home-prom-list__item .home-prom-list__item-con{
		padding-left: 0;
		padding-right: 0;
	}
	.home-prom__inner.movie .home-prom-list .home-prom-list__item a{
		width: 100%;
	}
	.home-prom__inner.movie .home-prom-list .home-prom-list__item .home-prom-list__credit{
		display: block;
		width: 100% !important;
		text-align: left !important;	
	}
  .home-works__inner{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
  }
  .home-works__inner .c-head01{
    order: 1;
    margin-bottom: 30px;
  }
  .home-works__inner .c-btn01{
    order: 2;
    margin: 15px 0 0;
    width: 240px;
  }
  .home-works__inner .home-works-list{
    order: 3;
    max-width: 1120px;
  }
}

/* トップ 最新投稿のスマホ最適化 */

@media (max-width: 768px){
	.home-works-list__item + .home-works-list__item{
		margin-top: 24px;
	}
	.home-works-list__item{
		overflow: hidden;
	}
	.home-works-list__link{
		overflow: hidden;
	}
	.home-works-list__img{
		width: 50%;
		float: left;
		margin-right: 5%;
		overflow: hidden;
	}
	.home-works-list__area{
		background: #fff;
		color: #333;
		padding: 6px 10px 5px;
		display: inline-block;
		border: 1px solid #333;
		position: relative;
	}
	.home-works-list__txt{
		overflow: hidden;
	}
	.home-works-list__comment{
		overflow: hidden;
		line-height: 1.25;
		margin-bottom: 8px;
		margin-top: 8px;
	}
	p.home-works-list__comment:nth-of-type(1){
		font-size: 12px;
	}
}
