@charset "UTF-8";
/* Theme Name: idworks */
/* @font-face { font-family: 'ShipporiMincho'; src: url('./fonts/ShipporiMincho-Regular.eot'); src: url('./fonts/ShipporiMincho-Regular.eot?#iefix') format('embedded-opentype'), url('./fonts/ShipporiMincho-Regular.woff2') format('woff2'), url('./fonts/ShipporiMincho-Regular.woff') format('woff'), url('./fonts/ShipporiMincho-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; -ms-font-feature-settings: "normal"; } */
@font-face { font-family: 'ShipporiMincho'; font-display: swap; src: url("./fonts/ShipporiMincho-Regular.woff2") format("woff2"), url("./fonts/ShipporiMincho-Regular.woff") format("woff"); font-weight: normal; font-style: normal; }

html { -webkit-box-sizing: border-box; box-sizing: border-box; }

*, *::after, *::before { -webkit-box-sizing: inherit; box-sizing: inherit; }

button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #222222; border: 0; border-radius: 3px; color: #fff; cursor: pointer; display: inline-block; font-family: "ShipporiMincho", "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif; font-size: 16px; -webkit-font-smoothing: antialiased; font-weight: 600; line-height: 1; padding: 0.9em 1.8em; text-align: center; text-decoration: none; -webkit-transition: background-color 150ms ease; -o-transition: background-color 150ms ease; transition: background-color 150ms ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; white-space: nowrap; }

button:hover, [type='button']:hover, [type='reset']:hover, [type='submit']:hover { background-color: #1b1b1b; color: #fff; }

button:focus, [type='button']:focus, [type='reset']:focus, [type='submit']:focus { outline: 3px solid rgba(34, 34, 34, 0.6); outline-offset: 2px; }

button:disabled, [type='button']:disabled, [type='reset']:disabled, [type='submit']:disabled { cursor: not-allowed; opacity: 0.5; }

button:disabled:hover, [type='button']:disabled:hover, [type='reset']:disabled:hover, [type='submit']:disabled:hover { background-color: #222222; }

fieldset { background-color: transparent; border: 0; margin: 0; padding: 0; }

legend { font-weight: 600; margin-bottom: 0.45em; padding: 0; }

label { display: block; font-weight: 600; margin-bottom: 0.45em; }

input, select, textarea { display: block; font-family: "ShipporiMincho", "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif; font-size: 16px; }

[type='color'], [type='date'], [type='datetime'], [type='datetime-local'], [type='email'], [type='month'], [type='number'], [type='password'], [type='search'], [type='tel'], [type='text'], [type='time'], [type='url'], [type='week'], input:not([type]), textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border: 1px solid #ddd; border-radius: 3px; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06); -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 0.9em; padding: 0.6em; -webkit-transition: border-color 150ms ease; -o-transition: border-color 150ms ease; transition: border-color 150ms ease; width: 100%; }

[type='color']:hover, [type='date']:hover, [type='datetime']:hover, [type='datetime-local']:hover, [type='email']:hover, [type='month']:hover, [type='number']:hover, [type='password']:hover, [type='search']:hover, [type='tel']:hover, [type='text']:hover, [type='time']:hover, [type='url']:hover, [type='week']:hover, input:not([type]):hover, textarea:hover { border-color: #b1b1b1; }

[type='color']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='email']:focus, [type='month']:focus, [type='number']:focus, [type='password']:focus, [type='search']:focus, [type='tel']:focus, [type='text']:focus, [type='time']:focus, [type='url']:focus, [type='week']:focus, input:not([type]):focus, textarea:focus { border-color: #222222; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(34, 34, 34, 0.7); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(34, 34, 34, 0.7); outline: none; }

[type='color']:disabled, [type='date']:disabled, [type='datetime']:disabled, [type='datetime-local']:disabled, [type='email']:disabled, [type='month']:disabled, [type='number']:disabled, [type='password']:disabled, [type='search']:disabled, [type='tel']:disabled, [type='text']:disabled, [type='time']:disabled, [type='url']:disabled, [type='week']:disabled, input:not([type]):disabled, textarea:disabled { background-color: #f2f2f2; cursor: not-allowed; }

[type='color']:disabled:hover, [type='date']:disabled:hover, [type='datetime']:disabled:hover, [type='datetime-local']:disabled:hover, [type='email']:disabled:hover, [type='month']:disabled:hover, [type='number']:disabled:hover, [type='password']:disabled:hover, [type='search']:disabled:hover, [type='tel']:disabled:hover, [type='text']:disabled:hover, [type='time']:disabled:hover, [type='url']:disabled:hover, [type='week']:disabled:hover, input:not([type]):disabled:hover, textarea:disabled:hover { border: 1px solid #ddd; }

[type='color']::-webkit-input-placeholder, [type='date']::-webkit-input-placeholder, [type='datetime']::-webkit-input-placeholder, [type='datetime-local']::-webkit-input-placeholder, [type='email']::-webkit-input-placeholder, [type='month']::-webkit-input-placeholder, [type='number']::-webkit-input-placeholder, [type='password']::-webkit-input-placeholder, [type='search']::-webkit-input-placeholder, [type='tel']::-webkit-input-placeholder, [type='text']::-webkit-input-placeholder, [type='time']::-webkit-input-placeholder, [type='url']::-webkit-input-placeholder, [type='week']::-webkit-input-placeholder, input:not([type])::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #7a7a7a; }

[type='color']::-moz-placeholder, [type='date']::-moz-placeholder, [type='datetime']::-moz-placeholder, [type='datetime-local']::-moz-placeholder, [type='email']::-moz-placeholder, [type='month']::-moz-placeholder, [type='number']::-moz-placeholder, [type='password']::-moz-placeholder, [type='search']::-moz-placeholder, [type='tel']::-moz-placeholder, [type='text']::-moz-placeholder, [type='time']::-moz-placeholder, [type='url']::-moz-placeholder, [type='week']::-moz-placeholder, input:not([type])::-moz-placeholder, textarea::-moz-placeholder { color: #7a7a7a; }

[type='color']:-ms-input-placeholder, [type='date']:-ms-input-placeholder, [type='datetime']:-ms-input-placeholder, [type='datetime-local']:-ms-input-placeholder, [type='email']:-ms-input-placeholder, [type='month']:-ms-input-placeholder, [type='number']:-ms-input-placeholder, [type='password']:-ms-input-placeholder, [type='search']:-ms-input-placeholder, [type='tel']:-ms-input-placeholder, [type='text']:-ms-input-placeholder, [type='time']:-ms-input-placeholder, [type='url']:-ms-input-placeholder, [type='week']:-ms-input-placeholder, input:not([type]):-ms-input-placeholder, textarea:-ms-input-placeholder { color: #7a7a7a; }

[type='color']::-ms-input-placeholder, [type='date']::-ms-input-placeholder, [type='datetime']::-ms-input-placeholder, [type='datetime-local']::-ms-input-placeholder, [type='email']::-ms-input-placeholder, [type='month']::-ms-input-placeholder, [type='number']::-ms-input-placeholder, [type='password']::-ms-input-placeholder, [type='search']::-ms-input-placeholder, [type='tel']::-ms-input-placeholder, [type='text']::-ms-input-placeholder, [type='time']::-ms-input-placeholder, [type='url']::-ms-input-placeholder, [type='week']::-ms-input-placeholder, input:not([type])::-ms-input-placeholder, textarea::-ms-input-placeholder { color: #7a7a7a; }

[type='color']::placeholder, [type='date']::placeholder, [type='datetime']::placeholder, [type='datetime-local']::placeholder, [type='email']::placeholder, [type='month']::placeholder, [type='number']::placeholder, [type='password']::placeholder, [type='search']::placeholder, [type='tel']::placeholder, [type='text']::placeholder, [type='time']::placeholder, [type='url']::placeholder, [type='week']::placeholder, input:not([type])::placeholder, textarea::placeholder { color: #7a7a7a; }

textarea { resize: vertical; }

[type="checkbox"], [type="radio"] { display: inline; margin-right: 0.45em; }

[type="file"] { margin-bottom: 0.9em; width: 100%; }

select { margin-bottom: 0.9em; width: 100%; }

[type="checkbox"]:focus, [type="radio"]:focus, [type="file"]:focus, select:focus { outline: 3px solid rgba(34, 34, 34, 0.6); outline-offset: 2px; }

html { -webkit-box-sizing: border-box; box-sizing: border-box; }

*, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; }

html, body { height: 100%; }

body { margin: 0; }

ul, ol { list-style-type: none; margin: 0; padding: 0; }

dl { margin: 0; }

dt { font-weight: 600; margin: 0; }

dd { margin: 0; }

figure { margin: 0; }

img, picture { margin: 0; max-width: 100%; }

table { border-collapse: collapse; margin: 0.9em 0; table-layout: fixed; width: 100%; }

th { border-bottom: 1px solid #a6a6a6; font-weight: 600; padding: 0.9em 0; text-align: left; }

td { border-bottom: 1px solid #ddd; padding: 0.9em 0; }

tr, td, th { vertical-align: middle; }

html { color: #222222; font-family: "ShipporiMincho", "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif; font-size: 62.5%; line-height: 1.9; }

body { font-size: 1.4rem; width: 100%; letter-spacing: 0.1em; }

h1, h2, h3, h4, h5, h6 { font-family: "ShipporiMincho", "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif; font-size: 1.25em; line-height: 1.4; margin: 0 0 0.9em; font-weight: normal; }

p { margin: 0 0 0.9em; }

a { color: #222222; -webkit-text-decoration-skip: ink; text-decoration-skip: ink; -webkit-transition: color 150ms ease; -o-transition: color 150ms ease; transition: color 150ms ease; text-decoration: none; }

a:hover { opacity: 0.8; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }

hr { border-bottom: 1px solid #ddd; border-left: 0; border-right: 0; border-top: 0; margin: 1.8em 0; }

img { max-width: 100%; height: auto; vertical-align: top; line-height: 1; }

/* ---------- content-width ---------- */
/* ---------- breakpoints ---------- */
/* ---------- gutter ---------- */
/* Slider */
.slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

[dir="rtl"] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

/* Slider */
.slick-loading .slick-list { background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face { font-family: "slick"; src: url("./fonts/slick.eot"); src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; }

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; }

[dir="rtl"] .slick-prev { left: auto; right: -25px; }

.slick-prev:before { content: "←"; }

[dir="rtl"] .slick-prev:before { content: "→"; }

.slick-next { right: -25px; }

[dir="rtl"] .slick-next { left: -25px; right: auto; }

.slick-next:before { content: "→"; }

[dir="rtl"] .slick-next:before { content: "←"; }

/* Dots */
.slick-dotted.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; }

.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }

.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; }

.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }

.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }

.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }

/*! Modaal - accessible modals - v0.4.4 by Humaan, for all humans. http://humaan.com */
.modaal-noscroll { overflow: hidden; }

.modaal-accessible-hide { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; }

.modaal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; opacity: 0; }

.modaal-wrapper { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; overflow: auto; opacity: 1; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-overflow-scrolling: touch; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.modaal-wrapper * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; }

.modaal-wrapper .modaal-close { border: none; background: transparent; padding: 0; -webkit-appearance: none; }

.modaal-wrapper.modaal-start_none { display: none; opacity: 1; }

.modaal-wrapper.modaal-start_fade { opacity: 0; }

.modaal-wrapper *[tabindex="0"] { outline: none !important; }

.modaal-wrapper.modaal-fullscreen { overflow: hidden; }

.modaal-outer-wrapper { display: table; position: relative; width: 100%; height: 100%; }

.modaal-fullscreen .modaal-outer-wrapper { display: block; }

.modaal-inner-wrapper { display: table-cell; width: 100%; height: 100%; position: relative; vertical-align: middle; text-align: center; padding: 80px 25px; }

.modaal-fullscreen .modaal-inner-wrapper { padding: 0; display: block; vertical-align: top; }

.modaal-container { position: relative; display: inline-block; width: 100%; margin: auto; text-align: left; color: #000; max-width: 1000px; border-radius: 0px; background: #fff; -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); cursor: auto; }

.modaal-container.is_loading { height: 100px; width: 100px; overflow: hidden; }

.modaal-fullscreen .modaal-container { max-width: none; height: 100%; overflow: auto; }

.modaal-close { position: fixed; right: 20px; top: 20px; color: #fff; cursor: pointer; opacity: 1; width: 50px; height: 50px; background: rgba(0, 0, 0, 0); border-radius: 100%; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.modaal-close:focus, .modaal-close:hover { outline: none; background: #fff; }

.modaal-close:focus:before, .modaal-close:focus:after, .modaal-close:hover:before, .modaal-close:hover:after { background: #b93d0c; }

.modaal-close span { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; }

.modaal-close:before, .modaal-close:after { display: block; content: " "; position: absolute; top: 14px; left: 23px; width: 4px; height: 22px; border-radius: 4px; background: #fff; -webkit-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; }

.modaal-close:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.modaal-close:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.modaal-fullscreen .modaal-close { background: #afb7bc; right: 10px; top: 10px; }

.modaal-content-container { padding: 30px; }

.modaal-confirm-wrap { padding: 30px 0 0; text-align: center; font-size: 0; }

.modaal-confirm-btn { font-size: 14px; display: inline-block; margin: 0 10px; vertical-align: middle; cursor: pointer; border: none; background: transparent; }

.modaal-confirm-btn.modaal-ok { padding: 10px 15px; color: #fff; background: #555; border-radius: 3px; -webkit-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; }

.modaal-confirm-btn.modaal-ok:hover { background: #2f2f2f; }

.modaal-confirm-btn.modaal-cancel { text-decoration: underline; }

.modaal-confirm-btn.modaal-cancel:hover { text-decoration: none; color: #2f2f2f; }

@keyframes instaReveal { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes instaReveal { 0% { opacity: 0; }
  100% { opacity: 1; } }

.modaal-instagram .modaal-container { width: auto; background: transparent; -webkit-box-shadow: none !important; box-shadow: none !important; }

.modaal-instagram .modaal-content-container { padding: 0; background: transparent; }

.modaal-instagram .modaal-content-container > blockquote { width: 1px !important; height: 1px !important; opacity: 0 !important; }

.modaal-instagram iframe { opacity: 0; margin: -6px !important; border-radius: 0 !important; width: 1000px !important; max-width: 800px !important; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-animation: instaReveal 1s linear forwards; animation: instaReveal 1s linear forwards; }

.modaal-image .modaal-inner-wrapper { padding-left: 140px; padding-right: 140px; }

.modaal-image .modaal-container { width: auto; max-width: 100%; }

.modaal-gallery-wrap { position: relative; color: #fff; }

.modaal-gallery-item { display: none; }

.modaal-gallery-item img { display: block; }

.modaal-gallery-item.is_active { display: block; }

.modaal-gallery-label { position: absolute; left: 0; width: 100%; margin: 20px 0 0; font-size: 18px; text-align: center; color: #fff; }

.modaal-gallery-label:focus { outline: none; }

.modaal-gallery-control { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 1; cursor: pointer; color: #fff; width: 50px; height: 50px; background: rgba(0, 0, 0, 0); border: none; border-radius: 100%; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.modaal-gallery-control.is_hidden { opacity: 0; cursor: default; }

.modaal-gallery-control:focus, .modaal-gallery-control:hover { outline: none; background: #fff; }

.modaal-gallery-control:focus:before, .modaal-gallery-control:focus:after, .modaal-gallery-control:hover:before, .modaal-gallery-control:hover:after { background: #afb7bc; }

.modaal-gallery-control span { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; }

.modaal-gallery-control:before, .modaal-gallery-control:after { display: block; content: " "; position: absolute; top: 16px; left: 25px; width: 4px; height: 18px; border-radius: 4px; background: #fff; -webkit-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; }

.modaal-gallery-control:before { margin: -5px 0 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.modaal-gallery-control:after { margin: 5px 0 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.modaal-gallery-next-inner { left: 100%; margin-left: 40px; }

.modaal-gallery-next-outer { right: 45px; }

.modaal-gallery-prev:before, .modaal-gallery-prev:after { left: 22px; }

.modaal-gallery-prev:before { margin: 5px 0 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.modaal-gallery-prev:after { margin: -5px 0 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.modaal-gallery-prev-inner { right: 100%; margin-right: 40px; }

.modaal-gallery-prev-outer { left: 45px; }

.modaal-video-wrap { margin: auto 50px; position: relative; }

.modaal-video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); background: #000; max-width: 1300px; margin-left: auto; margin-right: auto; }

.modaal-video-container iframe, .modaal-video-container object, .modaal-video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.modaal-iframe .modaal-content { width: 100%; height: 100%; }

.modaal-iframe-elem { width: 100%; height: 100%; display: block; }

@media only screen and (min-width: 1400px) { .modaal-video-container { padding-bottom: 0; height: 731px; } }

@media only screen and (max-width: 1140px) { .modaal-image .modaal-inner-wrapper { padding-left: 25px; padding-right: 25px; }
  .modaal-gallery-control { top: auto; bottom: 20px; -webkit-transform: none; -ms-transform: none; transform: none; background: rgba(0, 0, 0, 0.7); }
  .modaal-gallery-control:before, .modaal-gallery-control:after { background: #fff; }
  .modaal-gallery-next { left: auto; right: 20px; }
  .modaal-gallery-prev { left: 20px; right: auto; } }

@media screen and (max-width: 900px) { .modaal-instagram iframe { width: 500px !important; } }

@media screen and (max-height: 1100px) { .modaal-instagram iframe { width: 700px !important; } }

@media screen and (max-height: 1000px) { .modaal-inner-wrapper { padding-top: 60px; padding-bottom: 60px; }
  .modaal-instagram iframe { width: 600px !important; } }

@media screen and (max-height: 900px) { .modaal-instagram iframe { width: 500px !important; }
  .modaal-video-container { max-width: 900px; max-height: 510px; } }

@media only screen and (max-width: 600px) { .modaal-instagram iframe { width: 280px !important; } }

@media only screen and (max-height: 820px) { .modaal-gallery-label { display: none; } }

.modaal-loading-spinner { background: none; position: absolute; width: 200px; height: 200px; top: 50%; left: 50%; margin: -100px 0 0 -100px; -webkit-transform: scale(0.25); -ms-transform: scale(0.25); transform: scale(0.25); }

@-webkit-keyframes modaal-loading-spinner { 0% { opacity: 1;
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5); }
  100% { opacity: .1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes modaal-loading-spinner { 0% { opacity: 1;
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5); }
  100% { opacity: .1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); } }

.modaal-loading-spinner > div { width: 24px; height: 24px; margin-left: 4px; margin-top: 4px; position: absolute; }

.modaal-loading-spinner > div > div { width: 100%; height: 100%; border-radius: 15px; background: #fff; }

.modaal-loading-spinner > div:nth-of-type(1) > div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: 0s; animation-delay: 0s; }

.modaal-loading-spinner > div:nth-of-type(2) > div, .modaal-loading-spinner > div:nth-of-type(3) > div { -ms-animation: modaal-loading-spinner 1s linear infinite; -moz-animation: modaal-loading-spinner 1s linear infinite; -webkit-animation: modaal-loading-spinner 1s linear infinite; -o-animation: modaal-loading-spinner 1s linear infinite; }

.modaal-loading-spinner > div:nth-of-type(1) { -ms-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0); transform: translate(84px, 84px) rotate(45deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(2) > div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: .12s; animation-delay: .12s; }

.modaal-loading-spinner > div:nth-of-type(2) { -ms-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0); transform: translate(84px, 84px) rotate(90deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(3) > div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: .25s; animation-delay: .25s; }

.modaal-loading-spinner > div:nth-of-type(4) > div, .modaal-loading-spinner > div:nth-of-type(5) > div { -ms-animation: modaal-loading-spinner 1s linear infinite; -moz-animation: modaal-loading-spinner 1s linear infinite; -webkit-animation: modaal-loading-spinner 1s linear infinite; -o-animation: modaal-loading-spinner 1s linear infinite; }

.modaal-loading-spinner > div:nth-of-type(3) { -ms-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0); transform: translate(84px, 84px) rotate(135deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(4) > div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: .37s; animation-delay: .37s; }

.modaal-loading-spinner > div:nth-of-type(4) { -ms-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0); transform: translate(84px, 84px) rotate(180deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(5) > div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: .5s; animation-delay: .5s; }

.modaal-loading-spinner > div:nth-of-type(6) > div, .modaal-loading-spinner > div:nth-of-type(7) > div { -ms-animation: modaal-loading-spinner 1s linear infinite; -moz-animation: modaal-loading-spinner 1s linear infinite; -webkit-animation: modaal-loading-spinner 1s linear infinite; -o-animation: modaal-loading-spinner 1s linear infinite; }

.modaal-loading-spinner > div:nth-of-type(5) { -ms-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0); transform: translate(84px, 84px) rotate(225deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(6) > div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: .62s; animation-delay: .62s; }

.modaal-loading-spinner > div:nth-of-type(6) { -ms-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0); transform: translate(84px, 84px) rotate(270deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(7) > div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: .75s; animation-delay: .75s; }

.modaal-loading-spinner > div:nth-of-type(7) { -ms-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0); transform: translate(84px, 84px) rotate(315deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(8) > div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: .87s; animation-delay: .87s; }

.modaal-loading-spinner > div:nth-of-type(8) { -ms-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0); transform: translate(84px, 84px) rotate(360deg) translate(70px, 0); }

#wrapper { opacity: 0; }

#loading { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background-color: #fff; }

#loading img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media screen and (max-width: 999px) { #loading img { width: 120px; top: 46%; } }

#loader-bg { height: 100vh; display: block; }

#loader { height: 100vh; display: block; }

@media screen and (max-width: 999px) { .header { position: relative; background: #fff; padding: 13px 15px; z-index: 1111; width: 100%; border-bottom: 1px solid #222222; font-family: "Cardo", "ShipporiMincho", serif; } }

.header_container { padding: 30px 100px; }

.header_container::after { clear: both; content: ""; display: block; }

@media screen and (max-width: 999px) { .header_container { padding: 0; } }

.header_logo { float: left; margin: 0; }

@media screen and (max-width: 999px) { .header_logo { float: none; }
  .header_logo img { width: 120px; } }

.header_navi { font-family: "Cardo", "ShipporiMincho", serif; float: right; font-size: 1.5rem; }

@media screen and (max-width: 1024px) { .header_navi { display: none; } }

@media screen and (max-width: 999px) { .header_navi { display: none; } }

.header_navi_list_item { display: inline-block; vertical-align: middle; margin-right: 5px; }

@media screen and (max-width: 1024px) { .header_navi_list_item { margin-right: 10px; } }

.header_navi_list_item a { display: inline-block; padding: 0 10px; }

@media screen and (max-width: 1024px) { .header_navi_list_item a { padding: 0 10px; } }

.header_navi_list_item:last-child { margin-right: 0; }

.header_navi_list_item:last-child a { padding: 0; }

.header_navi_list_item--drop-down { position: relative; }

.header_navi_list_item--drop-down:before { content: "+"; position: relative; left: 10px; top: 1px; }

.header_navi_child { display: none; position: absolute; left: 0; top: 30px; z-index: 4; background: rgba(255, 255, 255, 0.9); width: 260px; font-size: 1.3rem; padding: 10px 0; }

.header_navi_child_item { padding: 5px 20px; }

.header_navi_child_item:before { content: ""; display: inline-block; width: 0px; height: 1px; vertical-align: middle; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }

.header_navi_child_item:hover { -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }

.header_navi_child_item:hover:before { content: ""; display: inline-block; width: 7px; height: 1px; background: #6d6d6d; vertical-align: middle; margin-right: 5px; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }

@media screen and (max-width: 999px) { .header_navi_child_item:hover:before { width: 5px; margin-right: 5px; } }

.header_navi_child_item a { color: #6d6d6d; display: inline-block; padding: 2px; width: 90%; }

#menu-wrapper { position: absolute; right: 0; top: 0; overflow: hidden; max-width: 100%; cursor: pointer; background: #222222; display: inline-block; font-family: "Cardo", "ShipporiMincho", serif; }

@media screen and (min-width: 1025px) { #menu-wrapper { display: none; } }

#menu-wrapper #hamburger-menu { position: relative; width: 25px; height: 25px; margin: 18px 15px 12px 15px; }

@media screen and (min-width: 1025px) { #menu-wrapper #hamburger-menu { display: none; } }

#menu-wrapper #hamburger-menu span { opacity: 1; left: 0; display: block; width: 100%; height: 2px; border-radius: 10px; color: black; background-color: white; position: absolute; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; }

#menu-wrapper #hamburger-menu span:nth-child(1) { top: 0; }

#menu-wrapper #hamburger-menu span:nth-child(2) { top: 9px; }

#menu-wrapper #hamburger-menu span:nth-child(3) { top: 18px; }

#menu-wrapper #hamburger-menu.open span:nth-child(1) { -webkit-transform: translateY(9px) rotate(135deg); -ms-transform: translateY(9px) rotate(135deg); transform: translateY(9px) rotate(135deg); }

#menu-wrapper #hamburger-menu.open span:nth-child(2) { opacity: 0; -webkit-transform: translateX(-60px); -ms-transform: translateX(-60px); transform: translateX(-60px); }

#menu-wrapper #hamburger-menu.open span:nth-child(3) { -webkit-transform: translateY(-9px) rotate(-135deg); -ms-transform: translateY(-9px) rotate(-135deg); transform: translateY(-9px) rotate(-135deg); }

#menu-container .menu-list .menu-submenu { padding-top: 15px; padding-bottom: 15px; }

#menu-container .menu-list .menu-submenu.open { padding: 5px 15px; }

#menu-container .menu-list .menu-submenu li a { display: block; padding: 8px; font-size: 1.2rem; }

#menu-container .menu-list { padding-left: 0; display: block; position: absolute; width: 100%; background: white; -webkit-box-shadow: rgba(100, 100, 100, 0.2) 6px 2px 10px; box-shadow: rgba(100, 100, 100, 0.2) 6px 2px 10px; z-index: 999; overflow-y: auto; overflow-x: hidden; left: -100%; top: 56px; }

#menu-container .menu-list li { font-size: 13px; padding: 0; border-top: 1px solid #dbdcd2; letter-spacing: 0.15em; }

#menu-container .menu-list .menu-link { display: block; padding: 10px 15px; }

#menu-container .menu-list li:first-of-type { border-top: 0; }

.accordion-toggle, .accordion-content { cursor: pointer; font-size: 12px; position: relative; }

.accordion-content { display: none; }

.accordion-toggle a:before, .accordion-toggle a:after { content: ''; display: block; position: absolute; top: 50%; right: 15px; width: 10px; height: 2px; margin-top: -1px; background-color: #222; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.accordion-toggle a:before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 1; z-index: 2; }

.accordion-toggle.active-tab { background: #222; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

.accordion-toggle a.active { color: #fff; }

.accordion-toggle a.active:before { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); background: #fff !important; }

.accordion-toggle a.active:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); background: #fff !important; opacity: 0; }

.change-lang { display: inline-block; float: left; margin: 20px 0 0 40px; font-family: "Cardo", serif; line-height: 1.8; }

.change-lang::after { clear: both; content: ""; display: block; }

@media screen and (max-width: 999px) { .change-lang { margin: 0; position: absolute; right: 56px; top: 8px; line-height: 1.5; letter-spacing: 0.05em; } }

.change-lang_list { float: left; font-size: 0; }

.change-lang_list_item { display: inline-block; width: 35px; text-align: center; vertical-align: middle; background: #fff; font-size: 0.9rem; margin-right: 10px; border-bottom: 1px solid #222222; }

@media screen and (max-width: 999px) { .change-lang_list_item { display: block; }
  .change-lang_list_item:first-child { margin-bottom: 5px; } }

.change-lang_list_item--ja { padding-left: 2px; }

.change-lang_list_item span { padding-bottom: 2px; display: inline-block; display: block; }

.change-lang_list_item.now { background: #222222; color: #fff; border: 1px solid #222222; }

.change-lang_list_item a { display: block; color: #222222; }

.footer { background: #222222; color: #fff; padding: 50px 0; }

@media screen and (max-width: 999px) { .footer { padding: 30px 15px 10px; } }

.footer .pagetop { position: fixed; right: 20px; bottom: 20px; z-index: 111; }

@media screen and (max-width: 999px) { .footer .pagetop { right: 10px; bottom: 10px; }
  .footer .pagetop img { width: 40px; height: auto; } }

.footer a { color: #fff; }

.footer_container { max-width: 1000px; margin-left: auto; margin-right: auto; position: relative; }

.footer_container::after { clear: both; content: ""; display: block; }

.footer_navi { text-align: left; margin-bottom: 30px; }

@media screen and (max-width: 999px) { .footer_navi { letter-spacing: 0; } }

.footer_navi_list_item { display: inline-block; margin-right: 45px; vertical-align: top; }

@media screen and (max-width: 999px) { .footer_navi_list_item { display: block; margin-right: 0; margin-bottom: 15px; } }

.footer_navi_list_item:last-child { margin-right: 0; }

.footer_navi_list_item p { margin: 0; }

.footer_navi_child { font-size: 1.2rem; margin-top: 5px; line-height: 2.2; margin-bottom: 20px; }

.footer_navi_child:last-child { margin-bottom: 0; }

@media screen and (max-width: 999px) { .footer_navi_child { font-size: 1rem; margin-top: 0px; } }

@media screen and (max-width: 999px) { .footer_navi_child_item { display: inline-block; margin-right: 15px; } }

.footer_navi_child_item:before { content: ""; display: inline-block; width: 7px; height: 1px; background: #fff; vertical-align: middle; margin-right: 10px; }

@media screen and (max-width: 999px) { .footer_navi_child_item:before { width: 5px; margin-right: 5px; } }

.footer_bottom { margin-bottom: 30px; border-bottom: 1px solid #6d6d6d; padding-bottom: 30px; }

.footer_bottom::after { clear: both; content: ""; display: block; }

.footer_change-lang { float: right; font-size: 1.1rem; margin-top: 5px; font-family: "Cardo", serif; }

@media screen and (max-width: 999px) { .footer_change-lang { margin-top: 0; } }

.footer_change-lang_item { display: inline-block; vertical-align: bottom; color: #b5b5b5; padding: 0 5px; }

.footer_change-lang_item a { color: #b5b5b5; text-decoration: underline; }

.footer_sub-navi { text-align: left; float: left; }

@media screen and (max-width: 999px) { .footer_sub-navi { font-size: 1.2rem; text-align: center; } }

.footer_sub-navi_item { display: inline-block; }

.footer_sub-navi_item:after { content: "／"; display: inline-block; margin: 0 10px; }

@media screen and (max-width: 999px) { .footer_sub-navi_item:after { margin: 0 5px; } }

.footer_sub-navi_item:last-child:after { display: none; }

.footer_logo { margin-bottom: 20px; }

@media screen and (max-width: 999px) { .footer_logo { margin-bottom: 15px; }
  .footer_logo img { width: 120px; } }

@media screen and (max-width: 999px) { .footer_info { margin-bottom: 10px; } }

.footer_info_name { margin: 0; }

.footer_info_txt { margin: 0; font-size: 1.2rem; }

.footer_sns { position: absolute; right: 0; bottom: 60px; }

@media screen and (max-width: 999px) { .footer_sns { position: static; text-align: center; margin: 20px 0; } }

.footer_sns_txt { display: inline-block; color: #b5b5b5; font-family: "Cardo", "ShipporiMincho", serif; margin: 0; }

@media screen and (max-width: 999px) { .footer_sns_txt { display: none; } }

.footer_sns_txt:after { content: ""; width: 45px; height: 1px; background: #b5b5b5; display: inline-block; vertical-align: middle; margin: 0 20px 0 5px; }

@media screen and (max-width: 999px) { .footer_sns_txt:after { margin: 0 10px 0 5px; } }

.footer_sns_list { display: inline-block; vertical-align: middle; }

.footer_sns_list_item { display: inline-block; vertical-align: middle; margin-right: 10px; }

.footer_sns_list_item--mt { margin-top: 5px; }

@media screen and (max-width: 999px) { .footer_sns_list_item--okiza img { width: 40px !important; } }

@media screen and (max-width: 999px) { .footer_sns_list_item img { width: 24px; } }

.footer_sns_list_item:last-child { margin-right: 0; margin-top: 5px; }

@media screen and (max-width: 999px) { .footer_sns_list_item:last-child { margin-top: 6px; } }

.footer_sns_list_item a { display: block; }

.footer .copy { font-family: "Cardo", "ShipporiMincho", serif; position: fixed; top: 50%; left: -98px; z-index: 100; -webkit-transform: rotate(90deg) translateY(0); -ms-transform: rotate(90deg) translateY(0); transform: rotate(90deg) translateY(0); font-size: 1rem; letter-spacing: 0.3em; color: #000; }

@media screen and (max-width: 999px) { .footer .copy { -webkit-transform: rotate(0deg) translateY(0); -ms-transform: rotate(0deg) translateY(0); transform: rotate(0deg) translateY(0); position: static; color: #fff; letter-spacing: 0.1em; display: block; text-align: center; } }

body { overflow-x: hidden; }

@media screen and (max-width: 999px) { body { letter-spacing: 0; overflow-x: hidden; } }

@media all and (-ms-high-contrast: none) { body { font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif !important; }
  h1, h2, h3, h4 { font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif !important; } }

/* -------------------- WordPress -------------------- */
@media screen and (min-width: 1025px) { .pc-none { display: none; } }

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

@media screen and (max-width: 999px) { .sp-none { display: none; } }

.aligncenter { display: block; margin: 0 auto; }

.alignright { float: right; }

.alignleft { float: left; }

@media screen and (min-width: 1025px) { .pc-none { display: none; } }

.heading-ptn-01 { position: relative; text-align: center; font-family: "Cardo", "ShipporiMincho", serif; font-size: 2.5rem; font-weight: normal; letter-spacing: 0.2em; margin-bottom: 45px; z-index: 1; }

@media screen and (max-width: 999px) { .heading-ptn-01 { font-size: 2.4rem; letter-spacing: 0.1em; margin-bottom: 30px; } }

.heading-ptn-01--white { color: #fff; }

.heading-ptn-01--white .heading-ptn-01_icon { background: url(./assets/img/heading_ptn_01_icon_white.png) no-repeat center center; background-size: cover; }

.heading-ptn-01--white .heading-ptn-01_ja { color: #fff; }

.heading-ptn-01_icon { display: block; width: 55px; height: 15px; background: url(./assets/img/heading_ptn_01_icon.png) no-repeat center center; background-size: cover; margin: 0 auto 10px; position: relative; right: 2px; }

@media screen and (max-width: 999px) { .heading-ptn-01_icon { width: 40px; height: 11px; margin: 0 auto 8px; } }

.heading-ptn-01_ja { display: block; color: #6d6d6d; font-size: 1.4rem; margin-top: 15px; letter-spacing: 0.1em; }

@media screen and (max-width: 999px) { .heading-ptn-01_ja { margin-top: 5px; font-size: 1.2rem; } }

.heading-ptn-02 { position: relative; text-align: center; margin-bottom: 15px; font-family: "Cardo", "ShipporiMincho", serif; font-size: 2.5rem; letter-spacing: 0.2em; }

@media screen and (max-width: 999px) { .heading-ptn-02 { font-size: 2rem; letter-spacing: 0.1em; } }

.heading-ptn-02--ja-margin { margin-bottom: 75px; }

@media screen and (max-width: 999px) { .heading-ptn-02--ja-margin { margin-bottom: 45px; } }

.heading-ptn-02:after { content: ""; display: block; width: 20px; height: 1px; background: #6d6d6d; margin: 15px auto 0; }

@media screen and (max-width: 999px) { .heading-ptn-02:after { margin: 10px auto 0; } }

.heading-ptn-02_ja { position: absolute; right: 0; bottom: -35px; left: 0; margin: auto; font-size: 1.4rem; color: #6d6d6d; letter-spacing: 0.1em; }

@media screen and (max-width: 999px) { .heading-ptn-02_ja { font-size: 1.2rem; bottom: -30px; } }

.post-archive::after { clear: both; content: ""; display: block; }

.post-archive_item { width: 220px; float: left; margin-right: 40px; margin-bottom: 60px; }

.post-archive_item:nth-child(4n) { margin-right: 0; }

.post-archive_item:nth-child(4n+1) { clear: left; }

@media screen and (max-width: 999px) { .post-archive_item { float: left; display: block; margin-right: 2.35765%; width: 48.82117%; margin-bottom: 30px; }
  .post-archive_item:last-child { margin-right: 0; }
  .post-archive_item:nth-child(2n) { margin-right: 0; }
  .post-archive_item:nth-child(2n+1) { clear: left; } }

.post-archive_item--resale { position: relative; }

.post-archive_item--resale:before { content: ""; display: inline-block; width: 65px; height: 52px; background: url(./assets/img/icon_recommend_sale.png) no-repeat center center; background-size: cover; position: absolute; left: 10px; top: 0; z-index: 1; }

.post-archive_item_thumb { text-align: center; margin-bottom: 15px; overflow: hidden; }

.post-archive_item_thumb a:hover { opacity: 1; }

.post-archive_item_heading { font-size: 1.2rem; line-height: 1.6; margin-bottom: 10px; }

.post-archive_item_info { font-size: 1.1rem; }

.post-archive_item_info a { color: #6d6d6d; }

.post-archive_item_info_time { display: inline-block; }

.post-archive_item_info_time:after { content: "|"; margin: 0 5px; color: #6d6d6d; }

.post-archive_item_info_category { display: inline-block; }

.btn-ptn-01 { font-size: 1.4rem; }

@media screen and (max-width: 999px) { .btn-ptn-01 { font-size: 1.3rem; } }

.btn-ptn-01--small { letter-spacing: 0; }

.btn-ptn-01--center { text-align: center; }

.btn-ptn-01--left { text-align: left; }

.btn-ptn-01--right { text-align: right; }

.btn-ptn-01--white a { color: #fff; }

.btn-ptn-01--white a:before, .btn-ptn-01--white a:after { background-color: #fff !important; }

.btn-ptn-01--white a .btn-ptn-01_txt:before, .btn-ptn-01--white a .btn-ptn-01_txt:after { background-color: #fff !important; }

.btn-ptn-01_icon { width: 26px; height: 7px; position: absolute; top: 0; right: 30px; bottom: 0; margin: auto; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }

@media screen and (max-width: 999px) { .btn-ptn-01_icon { right: 15px; } }

.btn-ptn-01 a { overflow: hidden; position: relative; display: inline-block; width: 410px; }

@media screen and (max-width: 999px) { .btn-ptn-01 a { width: 270px; text-align: left; } }

.btn-ptn-01 a.align-left { text-align: left; }

@media screen and (max-width: 999px) { .btn-ptn-01 a.align-left { text-align: left; } }

.btn-ptn-01 a.align-center { text-align: center; }

@media screen and (max-width: 999px) { .btn-ptn-01 a.align-center { text-align: left; } }

.btn-ptn-01 a.align-right { text-align: right; }

@media screen and (max-width: 999px) { .btn-ptn-01 a.align-right { text-align: left; } }

.btn-ptn-01 a:before, .btn-ptn-01 a:after { content: ""; width: 0; -webkit-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }

.btn-ptn-01 a:hover i { right: 20px; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }

@media screen and (max-width: 999px) { .btn-ptn-01 a:hover i { right: 10px; } }

.btn-ptn-01_txt { position: relative; display: block; padding: 20px 15px; }

@media screen and (max-width: 999px) { .btn-ptn-01_txt { padding: 15px 45px 15px 10px; } }

.btn-ptn-01_txt:before, .btn-ptn-01_txt:after { content: ""; width: 0; -webkit-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }

.btn-ptn-01.view a { -webkit-transition: all 600ms ease-in-out; -o-transition: all 600ms ease-in-out; transition: all 600ms ease-in-out; }

.btn-ptn-01.view a:before { position: absolute; left: 0; top: 0; content: ""; display: block; width: 100%; height: 1px; background: #222; -webkit-transition: all 600ms ease-in-out; -o-transition: all 600ms ease-in-out; transition: all 600ms ease-in-out; }

.btn-ptn-01.view a:after { position: absolute; right: 0; bottom: 0; content: ""; display: block; width: 100%; height: 1px; background: #222; -webkit-transition: all 600ms ease-in-out; -o-transition: all 600ms ease-in-out; transition: all 600ms ease-in-out; }

.btn-ptn-01.view .btn-ptn-01_txt { -webkit-transition: all 600ms ease-in-out; -o-transition: all 600ms ease-in-out; transition: all 600ms ease-in-out; }

.btn-ptn-01.view .btn-ptn-01_txt:before { position: absolute; left: 0; top: 0; content: ""; display: block; width: 1px; height: 100%; background: #222; -webkit-transition: all 600ms ease-in-out; -o-transition: all 600ms ease-in-out; transition: all 600ms ease-in-out; }

.btn-ptn-01.view .btn-ptn-01_txt:after { position: absolute; right: 0; bottom: 0; content: ""; display: block; width: 1px; height: 100%; background: #222; -webkit-transition: all 600ms ease-in-out; -o-transition: all 600ms ease-in-out; transition: all 600ms ease-in-out; }

.btn-ptn-02 { text-align: center; font-size: 1.2rem; margin-bottom: 10px; }

.btn-ptn-02--left { text-align: left; }

.btn-ptn-02--right { text-align: right; }

.btn-ptn-02--center { text-align: center; }

.btn-ptn-02 a { position: relative; display: inline-block; width: 200px; border: 1px solid #222222; padding: 10px 10px; }

@media screen and (max-width: 999px) { .btn-ptn-02 a { width: 200px; padding: 5px 10px; } }

.btn-ptn-02 a:after { content: ""; display: inline-block; width: 26px; height: 7px; background: url(./assets/img/btn-ptn-02_arrow_black.png) no-repeat center center; background-size: cover; position: absolute; top: 0; right: 15px; bottom: 0; margin: auto; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }

@media screen and (max-width: 999px) { .btn-ptn-02 a:after { right: 10px; width: 15px; height: 4px; } }

.btn-ptn-02 a:hover { opacity: 1; }

.btn-ptn-02 a:hover:after { right: 10px; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }

@media screen and (max-width: 999px) { .btn-ptn-02 a:hover:after { right: 5px; } }

.other-archive_item { margin-bottom: 40px; }

.other-archive_item::after { clear: both; content: ""; display: block; }

@media screen and (max-width: 999px) { .other-archive_item { margin-bottom: 15px; } }

.other-archive_item:last-child { margin-bottom: 35px; }

@media screen and (max-width: 999px) { .other-archive_item:last-child { margin-bottom: 10px; } }

.other-archive_item_left { float: left; width: 120px; margin-right: 30px; }

@media screen and (max-width: 999px) { .other-archive_item_left { width: 30%; margin-right: 5%; } }

.other-archive_item_right { float: left; width: 270px; }

@media screen and (max-width: 999px) { .other-archive_item_right { width: 65%; } }

.other-archive_item_thumb { text-align: center; overflow: hidden; }

.other-archive_item_thumb a:hover { opacity: 1; }

.other-archive_item_info { color: #6d6d6d; font-size: 1.1rem; border-bottom: 1px solid #6d6d6d; padding-bottom: 15px; margin-bottom: 10px; }

@media screen and (max-width: 999px) { .other-archive_item_info { padding-bottom: 10px; margin-bottom: 5px; } }

.other-archive_item_info a { color: #6d6d6d; }

.other-archive_item_info_time { display: inline-block; }

.other-archive_item_info_time:after { content: "|"; margin: 0 15px; }

.other-archive_item_info_category { display: inline-block; }

.other-archive_item_heading { font-size: 1.3rem; line-height: 1.6; }

.inc-contact { padding: 70px 0; }

@media screen and (max-width: 999px) { .inc-contact { padding: 45px 15px; } }

.inc-contact_txt { text-align: center; font-size: 1.3rem; margin-bottom: 40px; }

@media screen and (max-width: 999px) { .inc-contact_txt { font-size: 1.2rem; margin-bottom: 20px; }
  .inc-contact_txt br { display: none; } }

.inc-contact_txt--note { color: #6d6d6d; margin-top: 5px; display: inline-block; }

.inc-contact_list { font-size: 0; text-align: center; }

@media screen and (max-width: 999px) { .inc-contact_list::after { clear: both; content: ""; display: block; } }

.inc-contact_list_item { font-size: 1.4rem; display: inline-block; margin: 0 25px; vertical-align: top; }

@media screen and (max-width: 1024px) { .inc-contact_list_item { width: 200px; margin: 0 15px; } }

@media screen and (max-width: 999px) { .inc-contact_list_item { display: inline-block; margin: 0 5px 10px; width: 135px; } }

.inc-contact_list_item_txt { display: block; font-size: 1.3rem; color: #6d6d6d; text-align: left; margin: 10px 0 0 0; }

@media screen and (max-width: 999px) { .inc-contact_list_item_txt { font-size: 1rem; text-align: center; margin: 5px 0 0 0; } }

#breadcrumb { border-top: 1px solid #dddddd; font-family: "Cardo", "ShipporiMincho", serif; margin-bottom: 50px; }

@media screen and (max-width: 999px) { #breadcrumb { margin-bottom: 30px; line-height: 1.3; } }

#breadcrumb .bread-container { padding: 20px 100px; text-align: right; }

@media screen and (max-width: 999px) { #breadcrumb .bread-container { padding: 5px 15px; } }

#breadcrumb a, #breadcrumb span { display: inline-block; color: #6d6d6d; font-size: 1.2rem; letter-spacing: 0.2em; }

@media screen and (max-width: 999px) { #breadcrumb a, #breadcrumb span { font-size: 1rem; letter-spacing: 0.1em; } }

#breadcrumb a:after { content: "→"; margin: 0 5px; }

.lower-main { position: relative; /* &:before{ content: ""; display: block; width: calc(100vw - 75px); padding-top: 74.8%; background: #f5f5f5; position: absolute; right: 0; top: 235px; z-index: -1; height: 1533px; @include media($middle){ width: calc(100vw - 30px); top: 115px; padding-top: 100%; height: 0; } } */ }

.lower-container { position: relative; padding: 60px 0 120px; width: calc(100vw - 75px); background: #f5f5f5; height: 100%; margin-left: 75px; padding-right: 75px; }

@media screen and (max-width: 999px) { .lower-container { width: calc(100vw); padding: 45px 15px; margin: 0; } }

.local-navi { text-align: center; font-size: 0; }

.local-navi--mb { margin-bottom: 105px; }

@media screen and (max-width: 999px) { .local-navi--mb { margin-bottom: 45px; } }

.local-navi_item { display: inline-block; width: 300px; text-align: center; margin-right: 50px; }

@media screen and (max-width: 999px) { .local-navi_item { width: 270px; margin: 0 0 15px; } }

.local-navi_item:last-child { margin-right: 0; }

@media screen and (max-width: 999px) { .local-navi_item:last-child { margin-bottom: 0; } }

.local-navi_item_txt { display: block; text-align: center; font-size: 1.3rem; margin-bottom: 10px; }

@media screen and (max-width: 999px) { .local-navi_item_txt { font-size: 1.2rem; margin-bottom: 5px; } }

.local-navi_item a { position: relative; display: block; background: #222222; color: #fff; font-family: "Cardo", "ShipporiMincho", serif; font-size: 2rem; padding: 20px 0; }

@media screen and (max-width: 999px) { .local-navi_item a { font-size: 1.6rem; padding: 15px 0; } }

.local-navi_item a:after { content: ""; width: 26px; height: 7px; display: inline-block; background: url(./assets/img/arrow_right_white.png) no-repeat center center; background-size: cover; position: absolute; top: 0; right: 30px; bottom: 0; margin: auto; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }

.local-navi_item a:hover { opacity: 1; }

.local-navi_item a:hover:after { right: 20px; }

.page_container { max-width: 800px; margin-left: auto; margin-right: auto; margin-bottom: 45px; }

.page_container::after { clear: both; content: ""; display: block; }

@media screen and (max-width: 999px) { .page_container { padding: 0 15px; } }

.color-red { color: #c50000; }

.col-02::after { clear: both; content: ""; display: block; }

.col-02_left { width: 750px; float: left; }

@media screen and (max-width: 1024px) { .col-02_left { width: 100%; float: none; margin-bottom: 20px; } }

@media screen and (max-width: 999px) { .col-02_left { width: 100%; float: none; margin-bottom: 20px; } }

.col-02_right { width: 220px; float: right; }

@media screen and (max-width: 1024px) { .col-02_right { width: 100%; float: none; } }

@media screen and (max-width: 999px) { .col-02_right { width: 100%; float: none; } }

.sidebar_heading { background: #222222; color: #fff; padding: 10px 20px; font-size: 1.4rem; font-family: "Cardo", "ShipporiMincho", serif; margin: 0; }

.sidebar_heading--category:before { content: ""; display: inline-block; width: 23px; height: 18px; background: url(./assets/img/icon_category.png) no-repeat center center; background-size: cover; vertical-align: middle; margin-right: 10px; }

.sidebar_heading--gray { background: #6d6d6d; }

.sidebar_list { background: #fff; letter-spacing: 0.05em; }

.sidebar_list_item { border-bottom: 1px solid #bcbcbc; }

.sidebar_list_item:last-child { border-bottom: none; }

.sidebar_list_item a { display: block; padding: 10px 15px; }

.sidebar_list_item a:before { content: ""; display: inline-block; width: 7px; height: 1px; background: #222222; vertical-align: middle; margin-right: 5px; }

.content-width { max-width: 1000px; margin-left: auto; margin-right: auto; }

.content-width::after { clear: both; content: ""; display: block; }

.pagination { text-align: center; font-size: 1.8rem; margin: 45px 0; }

.pagination .screen-reader-text { display: none; }

.pagination .next, .pagination .prev { line-height: 1.3; display: inline-block; }

.pagination .next a, .pagination .prev a { margin: 0 5px; display: inline-block; padding: 5px 10px; border: 1px solid #222; line-height: 1.3; }

.pagination a.next { display: inline-block; padding: 5px 10px; border: 1px solid #222; }

.pagination a.prev { display: inline-block; padding: 5px 10px; border: 1px solid #222; }

.pagination a, .pagination span { display: inline-block; margin: 0 5px; }

.pagination a { text-decoration: underline; }

.yoyaku-txt { text-align: center; margin-top: 30px; }

.works-archive { margin-bottom: 70px; }

.works-archive::after { clear: both; content: ""; display: block; }

@media screen and (max-width: 999px) { .works-archive { margin-bottom: 30px; } }

.works-archive_item { position: relative; width: 33.33%; float: left; text-align: center; overflow: hidden; }

.works-archive_item a { display: block; width: 100%; height: 100%; color: #fff; }

.works-archive_item a:hover { opacity: 1; -webkit-transition: -webkit-transform 0.5s linear; transition: -webkit-transform 0.5s linear; -o-transition: transform 0.5s linear; transition: transform 0.5s linear; transition: transform 0.5s linear, -webkit-transform 0.5s linear; }

.works-archive_item_thumb { overflow: hidden; text-align: center; height: 100%; }

.works-archive_item_thumb img { width: 100%; height: 100%; }

.works-archive_item_detail { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(./assets/img/works_archive_overlay.png) no-repeat center center; background-size: cover; opacity: 0; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }

.works-archive_item_detail:hover { opacity: 1; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }

.works-archive_item_detail_contents { position: absolute; right: 0; bottom: 40px; left: 0; margin: auto; }

.works-archive_item_detail_category { margin: 0; border: 1px solid #fff; display: inline-block; padding: 0 10px; font-size: 1.2rem; margin-bottom: 15px; }

.works-archive_item_detail_heading { margin: 0; font-size: 1.4rem; font-weight: normal; padding: 0 15px; line-height: 1.6; }

.panel { display: none; }

.panel.is-show { display: block; }

.photo-slider { margin: 0 !important; line-height: 1; width: 100%; }

.photo-slider .slick-dots { position: static; margin-top: 5px; }

.photo-slider .slick-dots li { width: 135px; float: left; margin: 0; height: auto; margin-right: 5px; }

.photo-slider .slick-dots li:nth-child(4n) { margin-right: 0; }

.photo-slider .slick-dots li:nth-child(4n+1) { clear: left; }

@media screen and (max-width: 999px) { .photo-slider .slick-dots li { float: left; display: block; margin-right: 2.35765%; width: 23.23176%; }
  .photo-slider .slick-dots li:last-child { margin-right: 0; }
  .photo-slider .slick-dots li:nth-child(4n) { margin-right: 0; }
  .photo-slider .slick-dots li:nth-child(4n+1) { clear: left; } }

@media screen and (max-width: 999px) { .modaal-close { right: 0; top: 10px; } }

.mb-10 { margin-bottom: 10px; }

@media screen and (max-width: 999px) { .mb-10 { margin-bottom: 5px; } }

.mb-20 { margin-bottom: 20px; }

@media screen and (max-width: 999px) { .mb-20 { margin-bottom: 10px; } }

.mb-30 { margin-bottom: 30px; }

@media screen and (max-width: 999px) { .mb-30 { margin-bottom: 15px; } }

.mb-40 { margin-bottom: 40px; }

@media screen and (max-width: 999px) { .mb-40 { margin-bottom: 20px; } }

.font-change { font-family: "游明朝","Yu Mincho",YuMincho,"Hiragino Mincho ProN","HGS明朝E","メイリオ",Meiryo,serif !important; }

.booking-form_container { max-width: 800px; margin-left: auto; margin-right: auto; }

.booking-form_container::after { clear: both; content: ""; display: block; }

.wp-post-contents h1 { font-size: 2.4rem; }

@media screen and (max-width: 999px) { .wp-post-contents h1 { font-size: 2rem; } }

.wp-post-contents h2 { font-size: 2.2rem; }

@media screen and (max-width: 999px) { .wp-post-contents h2 { font-size: 1.8rem; } }

.wp-post-contents h3 { font-size: 2rem; }

@media screen and (max-width: 999px) { .wp-post-contents h3 { font-size: 1.6rem; } }

.wp-post-contents h4, .wp-post-contents h5, .wp-post-contents h6 { font-size: 1.6rem; }

@media screen and (max-width: 999px) { .wp-post-contents h4, .wp-post-contents h5, .wp-post-contents h6 { font-size: 1.4rem; } }

.wp-post-contents a { text-decoration: underline; }

.wp-post-contents p { margin: 0 0 15px 0; }

.wp-post-contents img { margin: 5px 0; }

.grecaptcha-badge { bottom: 85px !important; }

@media screen and (max-width: 999px) { .grecaptcha-badge { bottom: 60px !important; } }

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

.form-caution { color: #c50000; font-size: 1.2rem; line-height: 1.6; display: block; margin: 10px 0 0 0; border: 1px solid #c50000; background: #fff; padding: 5px 10px; letter-spacing: 0; }

@media screen and (max-width: 999px) { .form-caution { font-size: 1.2rem; } }

.main-visual { position: relative; margin-bottom: 120px; }

@media screen and (max-width: 999px) { .main-visual { margin-bottom: 60px; } }

.main-visual:before { content: ""; display: block; width: calc(100vw - 75px); padding-top: 74.8%; background: #f5f5f5; position: absolute; left: 0; top: 120px; }

@media screen and (max-width: 999px) { .main-visual:before { width: calc(100vw - 15px); top: 45px; } }

.main-visual:after { content: ""; display: block; width: 432px; height: 360px; background: #222222; position: absolute; left: 0; bottom: -55px; }

@media screen and (max-width: 999px) { .main-visual:after { width: 108px; height: 90px; bottom: -13px; } }

.main-visual_slider { position: relative; top: 0; left: 150px; width: calc(100vw - 150px); z-index: 2; background: #fff; line-height: 1; }

.main-visual_slider img { line-height: 1; }

@media screen and (max-width: 999px) { .main-visual_slider { left: 15px; width: calc(100vw - 15px); } }

.main-visual_catch { font-family: "Cardo", "ShipporiMincho", serif; font-size: 5.5rem; position: absolute; left: 90px; bottom: 15px; z-index: 3; color: #fff; font-weight: normal; text-shadow: 2px 6px 16px rgba(0, 0, 0, 0.8); letter-spacing: 0.1em; line-height: 1.4; }

@media screen and (max-width: 999px) { .main-visual_catch { font-size: 2.4rem; left: 30px; bottom: 15px; text-shadow: 1px 3px 8px rgba(0, 0, 0, 0.8); } }

.main-visual_catch_ja { display: block; font-size: 1.6rem; font-family: "ShipporiMincho", "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif; letter-spacing: 0.1em; margin-top: 10px; }

@media screen and (max-width: 999px) { .main-visual_catch_ja { font-size: 1.2rem; } }

.main-visual_catch_ja:before { content: ""; vertical-align: middle; display: inline-block; width: 23px; height: 1px; background: #fff; margin-right: 10px; }

.main-visual_date { position: absolute; right: 120px; top: 70px; z-index: 2; color: #fff; font-family: "Cardo", "ShipporiMincho", serif; font-weight: normal; text-align: center; line-height: 1; font-size: 0; background: url(./assets/img/mainvisual_date_bg.png) no-repeat center center; background-size: cover; width: 148px; height: 196px; }

@media screen and (max-width: 999px) { .main-visual_date { right: 10px; top: 10px; width: 74px; height: 89px; background-size: contain; } }

.main-visual_date_txt { display: inline-block; position: absolute; right: 50px; top: 40px; }

@media screen and (max-width: 999px) { .main-visual_date_txt { right: 20px; top: 12px; } }

.main-visual_date_y { font-size: 2rem; }

@media screen and (max-width: 999px) { .main-visual_date_y { font-size: 1.2rem; } }

.main-visual_date_m { font-size: 2rem; }

@media screen and (max-width: 999px) { .main-visual_date_m { font-size: 1.2rem; } }

.main-visual_date_d { font-size: 8.7rem; display: block; }

@media screen and (max-width: 999px) { .main-visual_date_d { font-size: 4.2rem; } }

.main-visual_date_dw { font-size: 2.5rem; }

@media screen and (max-width: 999px) { .main-visual_date_dw { font-size: 1.4rem; } }

.main-visual_line { position: absolute; right: 0; bottom: calc(0% - 75px); left: 0; margin: auto; z-index: 4; display: block; height: 150px; overflow: hidden; }

@media screen and (max-width: 999px) { .main-visual_line { display: none; } }

.main-visual_line_box { position: relative; top: -150px; opacity: 1; }

.main-visual_line_item { z-index: 10; width: 1px; height: 75px; display: block; background: #fff; margin: 0 auto; }

.main-visual_line_item--white { background: #fff; top: calc(100% - 75px); }

.main-visual_line_item--gray { background: #6d6d6d; top: calc(100%); }

.top-news { position: relative; z-index: 1; padding-bottom: 65px; }

@media screen and (max-width: 999px) { .top-news { padding-bottom: 45px; } }

.top-news_container { max-width: 1000px; margin-left: auto; margin-right: auto; }

.top-news_container::after { clear: both; content: ""; display: block; }

.top-news_container::after { clear: both; content: ""; display: block; }

@media screen and (max-width: 999px) { .top-news_container { padding: 0 15px; } }

.top-soudan { text-align: center; margin: 30px 0 80px; }

@media screen and (max-width: 999px) { .top-soudan { margin: 30px 0 60px; padding: 0 15px; } }

.top-soudan_container { max-width: 800px; margin-left: auto; margin-right: auto; border: 1px solid #222222; padding: 0 70px 60px 70px; }

.top-soudan_container::after { clear: both; content: ""; display: block; }

@media screen and (max-width: 999px) { .top-soudan_container { padding: 0 15px 30px; } }

.top-soudan_heading { background: #6d6d6d; width: 434px; color: #fff; margin: -30px auto 45px; font-size: 2rem; padding: 15px 0; }

@media screen and (max-width: 999px) { .top-soudan_heading { width: 260px; font-size: 1.6rem; margin: -25px auto 25px; } }

.top-soudan_thumb { margin-bottom: 30px; }

@media screen and (max-width: 999px) { .top-soudan_thumb { margin-bottom: 20px; } }

.top-soudan_catch { font-size: 2rem; color: #6d6d6d; margin-bottom: 15px; }

@media screen and (max-width: 999px) { .top-soudan_catch { font-size: 1.6rem; } }

.top-soudan_txt { font-size: 1.3rem; margin-bottom: 20px; }

@media screen and (max-width: 999px) { .top-soudan_txt { font-size: 1.2rem; margin-bottom: 10px; } }

.top-soudan_txt--mb { margin-bottom: 30px; }

@media screen and (max-width: 999px) { .top-soudan_txt--mb { margin-bottom: 20px; } }

@media screen and (max-width: 999px) { .top-soudan .btn-ptn-01 a { width: 260px; } }

.top-service { position: relative; text-align: center; padding: 75px 0; }

@media screen and (max-width: 999px) { .top-service { padding: 45px 0; } }

.top-service:before { content: ""; display: block; width: calc(100vw - 75px); padding-top: 74.8%; background: #f5f5f5; position: absolute; right: 0; top: 0; z-index: 0; }

@media screen and (max-width: 999px) { .top-service:before { width: calc(100vw - 15px); padding: 0; height: 100%; } }

.top-service_container { position: relative; z-index: 1; }

@media screen and (max-width: 999px) { .top-service_container { padding: 0 15px; } }

.top-service_catch { font-size: 2rem; color: #6d6d6d; margin-bottom: 15px; }

@media screen and (max-width: 999px) { .top-service_catch { font-size: 1.8rem; } }

.top-service_txt { font-size: 1.3rem; margin-bottom: 45px; }

@media screen and (max-width: 999px) { .top-service_txt { font-size: 1.2rem; margin-bottom: 30px; } }

.top-service_list { max-width: 1000px; margin-left: auto; margin-right: auto; }

.top-service_list::after { clear: both; content: ""; display: block; }

@media screen and (max-width: 999px) { .top-service_list::after { clear: both; content: ""; display: block; } }

.top-service_list_item { display: inline-block; margin: 0 45px; margin-bottom: 40px; }

@media screen and (min-width: 1025px) { .top-service_list_item { width: 200px; margin: 0 10px 30px; } }

@media screen and (max-width: 999px) { .top-service_list_item { margin-left: 0; width: 45%; margin: 0 0 15px 0; vertical-align: bottom; }
  .top-service_list_item:first-child { width: 100%; } }

.top-service_list_item_txt { margin-bottom: 5px; }

.top-service_list_item_txt_num { display: inline-block; font-family: "Cardo", "ShipporiMincho", serif; font-size: 2.8rem; color: #c2c2c2; vertical-align: middle; margin-right: 10px; }

@media screen and (max-width: 999px) { .top-service_list_item_txt_num { font-size: 2rem; margin-right: 5px; } }

.top-service_list_item_txt_name { position: relative; bottom: 2px; display: inline-block; vertical-align: middle; font-size: 1.4rem; }

@media screen and (max-width: 999px) { .top-service_list_item_txt_name { font-size: 1.2rem; } }

.top-service_list_item_txt_name:after { content: ""; display: block; width: 15px; height: 1px; background: #6d6d6d; }

.top-works { position: relative; padding: 125px 0 170px 0; margin-bottom: 50px; }

@media screen and (max-width: 999px) { .top-works { padding: 45px 0; } }

.top-works_container { position: relative; z-index: 1; }

.top-works:before { content: ""; display: block; width: calc(100vw - 75px); height: 100%; background: #222222; position: absolute; left: 0; top: 0; z-index: 0; }

@media screen and (max-width: 999px) { .top-works:before { width: calc(100vw - 15px); } }

.top-works_list { margin-bottom: 70px; }

.top-works_list::after { clear: both; content: ""; display: block; }

@media screen and (max-width: 999px) { .top-works_list { margin-bottom: 30px; } }

.top-works_list_item { position: relative; width: 33.33%; float: left; text-align: center; }

.top-works_list_item a { display: blcok; width: 100%; height: 100%; color: #fff; }

.top-works_list_item a:hover { opacity: 1; -webkit-transition: -webkit-transform 0.5s linear; transition: -webkit-transform 0.5s linear; -o-transition: transform 0.5s linear; transition: transform 0.5s linear; transition: transform 0.5s linear, -webkit-transform 0.5s linear; }

.top-works_list_item_thumb { overflow: hidden; text-align: center; }

.top-works_list_item_detail { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(./assets/img/works_archive_overlay.png) no-repeat center center; background-size: cover; opacity: 0; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }

.top-works_list_item_detail:hover { opacity: 1; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }

.top-works_list_item_detail_contents { position: absolute; right: 0; bottom: 40px; left: 0; margin: auto; }

.top-works_list_item_detail_category { margin: 0; border: 1px solid #fff; display: inline-block; padding: 0 10px; font-size: 1.2rem; margin-bottom: 15px; }

.top-works_list_item_detail_heading { margin: 0; font-size: 1.4rem; font-weight: normal; }

.top-col-02 .heading-ptn-02--ja-margin { margin-bottom: 60px; }

@media screen and (max-width: 999px) { .top-col-02 { padding: 0 15px; } }

.top-col-02_container { max-width: 1000px; margin-left: auto; margin-right: auto; border-bottom: 1px solid #6d6d6d; padding-bottom: 50px; }

.top-col-02_container::after { clear: both; content: ""; display: block; }

.top-col-02_container::after { clear: both; content: ""; display: block; }

@media screen and (max-width: 999px) { .top-col-02_container { padding-bottom: 30px; } }

.top-col-02_item { width: 50%; float: left; padding-top: 30px; }

@media screen and (max-width: 999px) { .top-col-02_item { width: 100%; float: none; padding: 20px 0 0; } }

.top-col-02_item:first-child { border-right: 1px solid #6d6d6d; padding-right: 79px; }

@media screen and (max-width: 999px) { .top-col-02_item:first-child { border-right: none; padding-right: 0; margin-bottom: 20px; } }

.top-col-02_item:last-child { padding-left: 79px; }

@media screen and (max-width: 999px) { .top-col-02_item:last-child { padding-left: 0; } }

.top-col-02_item_txt { min-height: 115px; margin-bottom: 50px; }

.top-col-02_item_txt--pt { padding-top: 40px; }

@media screen and (max-width: 999px) { .top-col-02_item_txt--pt { padding-top: 30px; } }

@media screen and (max-width: 999px) { .top-col-02_item_txt { min-height: auto; margin-bottom: 20px; } }

.top-col-02_item_catch { text-align: center; font-size: 1.6rem; margin-bottom: 10px; }

@media screen and (max-width: 999px) { .top-col-02_item_catch { font-size: 1.4rem; } }

.top-col-02_item_desc { text-align: center; font-size: 1.3rem; margin-bottom: 0; }

@media screen and (max-width: 999px) { .top-col-02_item_desc { font-size: 1.2rem; } }

.top-col-02_item_link { font-size: 1.4rem; margin-bottom: 0; }

@media screen and (max-width: 999px) { .top-col-02_item_link { text-align: right; } }

.top-col-02_item_link:before { font-family: FontAwesome; content: "\f105"; font-size: 1.4rem; margin-right: 10px; color: #6d6d6d; }

.top-col-02_item_link a { color: #6d6d6d; text-decoration: underline; }

.top-service_movie { margin-top: 45px; }

@media screen and (max-width: 999px) { .top-service_movie { margin-top: 30px; } }

#top-service_movie-item { text-align: center; display: none; }

@media screen and (max-width: 999px) { .top-service_movie-iframe { width: 100%; height: 300px; } }

.top-service_movie-item_container { width: 100%; padding-bottom: 56.25%; height: 0px; position: relative; }

.top-service_movie-item_container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.home .modaal-container { background: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; max-width: 900px; }

.top-openhouse-bnr { text-align: center; margin-bottom: 90px; }

@media screen and (max-width: 999px) { .top-openhouse-bnr { padding: 0 15px; margin-bottom: 45px; } }

.company_main-image { text-align: center; margin-bottom: 75px; }

@media screen and (max-width: 999px) { .company_main-image { margin-bottom: 30px; } }

@media screen and (max-width: 999px) { .company .company_philosophy { padding: 0 15px; } }

.company .company_philosophy_container { max-width: 1000px; margin-left: auto; margin-right: auto; padding-bottom: 75px; border-bottom: 1px solid #6d6d6d; }

.company .company_philosophy_container::after { clear: both; content: ""; display: block; }

@media screen and (max-width: 999px) { .company .company_philosophy_container { padding: 0 0 30px; } }

.company .company_philosophy_item { text-align: center; margin-bottom: 30px; }

@media screen and (max-width: 999px) { .company .company_philosophy_item { margin-bottom: 20px; } }

.company .company_philosophy_item:last-child { margin-bottom: 0; }

.company .company_philosophy_item dt { font-size: 1.8rem; font-weight: normal; color: #6d6d6d; margin-bottom: 10px; }

@media screen and (max-width: 999px) { .company .company_philosophy_item dt { font-size: 1.6rem; margin-bottom: 5px; } }

.company_col-02 { max-width: 1000px; margin-left: auto; margin-right: auto; padding: 30px 0; border-bottom: 1px solid #6d6d6d; }

.company_col-02::after { clear: both; content: ""; display: block; }

.company_col-02::after { clear: both; content: ""; display: block; }

@media screen and (max-width: 999px) { .company_col-02 { padding: 0 15px; } }

.company .company_vision { width: 50%; float: left; border-right: 1px solid #6d6d6d; padding-top: 20px; text-align: center; }

@media screen and (max-width: 999px) { .company .company_vision { width: auto; float: none; border-right: none; border-bottom: 1px solid #6d6d6d; padding: 30px 0; } }

.company .company_vision_txt { margin-bottom: 0; line-height: 2.85em; padding-top: 10px; }

.company .company_behavior { width: 50%; float: right; padding-top: 20px; text-align: center; }

@media screen and (max-width: 999px) { .company .company_behavior { width: auto; float: none; padding: 30px 0; } }

.company .company_behavior_txt { margin-bottom: 0; line-height: 2.14em; }

.company_movie { text-align: center; padding-top: 85px; margin-bottom: 100px; }

@media screen and (max-width: 999px) { .company_movie { position: relative; padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/ height: 0; overflow: hidden; padding-top: 0; margin-bottom: 30px; } }

@media screen and (max-width: 999px) { .company_movie iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } }

.company .company_profile { margin-bottom: 50px; }

@media screen and (max-width: 999px) { .company .company_profile { margin-bottom: 30px; padding: 0 15px; } }

.company .company_profile_container { max-width: 1000px; margin-left: auto; margin-right: auto; }

.company .company_profile_container::after { clear: both; content: ""; display: block; }

.company .company_profile_table { width: 650px; margin: 0 auto; border-top: 4px solid #222222; }

@media screen and (max-width: 999px) { .company .company_profile_table { width: 100%; border-top: 2px solid #222222; font-size: 1.2rem; } }

.company .company_profile_table tr th { padding: 15px 45px; font-weight: normal; vertical-align: top; border-bottom: 1px solid #6d6d6d; border-right: 1px solid #6d6d6d; width: 190px; }

@media screen and (max-width: 999px) { .company .company_profile_table tr th { padding: 10px 5px; width: 80px; } }

.company .company_profile_table tr td { border-bottom: 1px solid #6d6d6d; padding: 15px 45px; }

@media screen and (max-width: 999px) { .company .company_profile_table tr td { padding: 10px; } }

.company_bottom-image { text-align: center; margin-bottom: 100px; }

.company_office-images { max-width: 900px; margin-left: auto; margin-right: auto; margin-bottom: 90px; }

.company_office-images::after { clear: both; content: ""; display: block; }

.company_office-images::after { clear: both; content: ""; display: block; }

@media screen and (max-width: 999px) { .company_office-images { margin-bottom: 60px; } }

.company_office-images_item { text-align: center; width: 430px; }

@media screen and (max-width: 999px) { .company_office-images_item { width: auto; } }

.company_office-images_item:first-child { float: left; }

@media screen and (max-width: 999px) { .company_office-images_item:first-child { float: none; margin-bottom: 20px; } }

.company_office-images_item:last-child { float: right; }

@media screen and (max-width: 999px) { .company_office-images_item:last-child { float: none; } }

.company_office-images_item_caption { display: block; margin-top: 10px; }

.company_office { max-width: 1000px; margin-left: auto; margin-right: auto; margin-bottom: 90px; }

.company_office::after { clear: both; content: ""; display: block; }

.company_office::after { clear: both; content: ""; display: block; }

@media screen and (max-width: 999px) { .company_office { margin-bottom: 60px; } }

.company_office_item { width: 320px; margin-right: 15px; float: left; text-align: center; }

.company_office_item:nth-child(3n) { margin-right: 0; }

.company_office_item:nth-child(3n+1) { clear: left; }

@media screen and (max-width: 999px) { .company_office_item { width: auto; float: none; margin-bottom: 45px; } }

@media screen and (max-width: 999px) { .company_office_item:first-child { float: none; margin-bottom: 30px; } }

@media screen and (max-width: 999px) { .company_office_item:last-child { float: none; } }

.company_office_item_heading { font-size: 1.8rem; margin-bottom: 20px; }

@media screen and (max-width: 999px) { .company_office_item_heading { font-size: 1.6rem; margin-bottom: 15px; } }

.company_office_item_thumb { text-align: center; margin-bottom: 10px; }

@media screen and (max-width: 999px) { .company_office_item_thumb { margin-bottom: 5px; } }

.company_parking { margin-top: 20px; }

.company_parking_heading { font-size: 1.4rem; margin-bottom: 15px; }

.archive_txt { text-align: center; margin-bottom: 45px; font-size: 1.3rem; }

@media screen and (max-width: 999px) { .archive_txt { margin-bottom: 20px; font-size: 1.2rem; } }

.archive_post_item { width: 100%; display: table; background: #fff; margin-bottom: 15px; border-bottom: 1px solid #bcbcbc; }

@media screen and (max-width: 999px) { .archive_post_item { margin-bottom: 5px; } }

.archive_post_item_left { display: table-cell; vertical-align: middle; width: 200px; padding: 15px; max-width: 200px; }

@media screen and (max-width: 999px) { .archive_post_item_left { width: 35%; padding: 10px; max-width: auto; } }

.archive_post_item_right { display: table-cell; vertical-align: middle; padding: 15px; width: 550px; }

@media screen and (max-width: 999px) { .archive_post_item_right { width: 65%; padding: 10px; } }

.archive_post_item_heading { font-size: 1.6rem; margin-bottom: 5px; font-weight: normal; }

@media screen and (max-width: 999px) { .archive_post_item_heading { font-size: 1.4rem; } }

.archive_post_item_info { color: #6d6d6d; font-size: 0; margin-bottom: 10px; }

.archive_post_item_info_time { display: inline-block; font-size: 1.1rem; }

.archive_post_item_info_category { display: inline-block; font-size: 1.1rem; }

.archive_post_item_info time:after, .archive_post_item_info span:after { content: "|"; margin: 0 10px; }

@media screen and (max-width: 999px) { .archive_post_item_info time:after, .archive_post_item_info span:after { margin: 0 5px; } }

.archive_post_item_info time:last-child:after, .archive_post_item_info span:last-child:after { display: none; }

.archive_post_item_event-info { width: 100%; font-size: 1.3rem; line-height: 1.6; }

@media screen and (max-width: 999px) { .archive_post_item_event-info { font-size: 1.2rem; display: none; } }

.archive_post_item_event-info_item::after { clear: both; content: ""; display: block; }

.archive_post_item_event-info_item dt { width: 13%; float: left; }

.archive_post_item_event-info_item dd { width: 87%; float: left; }

.archive_post_item_event-info_item dd:before { content: ":"; margin-right: 15px; }

.archive_post_item_content { font-size: 1.3rem; line-height: 1.7; margin: 0; }

@media screen and (max-width: 999px) { .archive_post_item_content { display: none; } }

.single_container { background: #fff; padding: 60px 65px 85px; }

@media screen and (max-width: 999px) { .single_container { padding: 20px 15px; } }

.single_heading { font-size: 2.4rem; line-height: 1.6; }

@media screen and (max-width: 999px) { .single_heading { font-size: 2rem; } }

.single_content { border-top: 1px solid #6d6d6d; padding-top: 20px; margin-top: 20px; font-size: 1.6rem; letter-spacing: 0.05em; margin-bottom: 45px; }

@media screen and (max-width: 999px) { .single_content { font-size: 1.4rem; padding-top: 10px; margin-top: 10px; } }

.single_event-info { display: table; width: 100%; font-size: 1.4rem; border-top: 4px solid #222222; }

.single_event-info_item { display: table-row; }

.single_event-info_item dt { border-bottom: 1px solid #6d6d6d; border-right: 1px solid #6d6d6d; display: table-cell; width: 180px; font-weight: normal; padding: 10px 40px; }

@media screen and (max-width: 999px) { .single_event-info_item dt { width: 100px; padding: 10px; } }

.single_event-info_item dd { border-bottom: 1px solid #6d6d6d; display: table-cell; padding: 10px 40px; }

@media screen and (max-width: 999px) { .single_event-info_item dd { padding: 10px; } }

.concept_main-image { text-align: center; }

.concept_head { margin-top: -25px; margin-bottom: 115px; }

@media screen and (max-width: 999px) { .concept_head { margin-top: -10px; margin-bottom: 60px; } }

.concept_head_container { max-width: 800px; margin-left: auto; margin-right: auto; }

.concept_head_container::after { clear: both; content: ""; display: block; }

.concept_head_heading { text-align: center; margin-bottom: 40px; }

@media screen and (max-width: 999px) { .concept_head_heading { margin-bottom: 30px; } }

.concept_head_heading_txt { display: inline-block; background: #fff; font-size: 3.5rem; padding: 40px 115px; -webkit-font-feature-settings: "pkna"; font-feature-settings: "pkna"; }

@media screen and (max-width: 999px) { .concept_head_heading_txt { font-size: 2.4rem; padding: 20px 45px; } }

.concept_head_txt { text-align: center; margin-bottom: 20px; }

.concept_head_catch { font-family: "Cardo", "ShipporiMincho", serif; font-size: 2rem; text-align: center; margin-bottom: 0; }

.concept_head_catch:before { content: ""; width: 1px; height: 45px; background: #222; display: block; margin: 0 auto 20px; }

@media screen and (max-width: 999px) { .concept_head_catch:before { height: 30px; } }

.concept_col-02 { margin-bottom: 90px; }

@media screen and (max-width: 999px) { .concept_col-02 { margin-bottom: 45px; } }

.concept_col-02:last-child { margin-bottom: 0; }

.concept_col-02_container { position: relative; max-width: 1000px; margin-left: auto; margin-right: auto; }

.concept_col-02_container::after { clear: both; content: ""; display: block; }

.concept_col-02_thumb { width: 400px; }

@media screen and (max-width: 1024px) { .concept_col-02_thumb { width: 340px; } }

@media screen and (max-width: 999px) { .concept_col-02_thumb { width: auto; text-align: center; } }

.concept_col-02_thumb.concept_col-02_left { position: absolute; left: 50px; top: -20px; }

@media screen and (max-width: 999px) { .concept_col-02_thumb.concept_col-02_left { position: static; } }

.concept_col-02_thumb.concept_col-02_right { position: absolute; right: 50px; top: -20px; }

@media screen and (max-width: 999px) { .concept_col-02_thumb.concept_col-02_right { position: static; } }

.concept_col-02_contents { width: 625px; background: #fff; }

@media screen and (max-width: 999px) { .concept_col-02_contents { width: auto; background: none; } }

.concept_col-02_contents.concept_col-02_right { padding: 60px 75px 50px 150px; float: right; }

@media screen and (max-width: 1024px) { .concept_col-02_contents.concept_col-02_right { padding: 60px 30px 50px 180px; } }

@media screen and (max-width: 999px) { .concept_col-02_contents.concept_col-02_right { padding: 20px 0; float: none; } }

.concept_col-02_contents.concept_col-02_left { padding: 60px 150px 50px 75px; float: left; }

@media screen and (max-width: 1024px) { .concept_col-02_contents.concept_col-02_left { padding: 60px 180px 50px 30px; } }

@media screen and (max-width: 999px) { .concept_col-02_contents.concept_col-02_left { padding: 20px 0; float: none; } }

.concept_col-02_heading { font-size: 2rem; line-height: 1.8; margin-bottom: 20px; }

@media screen and (max-width: 999px) { .concept_col-02_heading { font-size: 1.8rem; line-height: 1.7; margin-bottom: 15px; } }

.concept_col-02_txt { margin-bottom: 30px; }

.idhouse_txt { text-align: center; font-size: 1.3rem; margin-bottom: 45px; }

@media screen and (max-width: 999px) { .idhouse_txt { margin-bottom: 30px; } }

.idhouse_menu { max-width: 1000px; margin-left: auto; margin-right: auto; }

.idhouse_menu::after { clear: both; content: ""; display: block; }

.idhouse_menu::after { clear: both; content: ""; display: block; }

.idhouse_menu_item { width: 320px; float: left; margin-right: 20px; text-align: center; background: #fff; padding: 35px 20px 25px; }

.idhouse_menu_item:nth-child(3n) { margin-right: 0; }

.idhouse_menu_item:nth-child(3n+1) { clear: left; }

@media screen and (max-width: 1024px) { .idhouse_menu_item { float: left; display: block; margin-right: 2.35765%; width: 31.76157%; }
  .idhouse_menu_item:last-child { margin-right: 0; }
  .idhouse_menu_item:nth-child(3n) { margin-right: 0; }
  .idhouse_menu_item:nth-child(3n+1) { clear: left; } }

@media screen and (max-width: 999px) { .idhouse_menu_item { width: auto; float: none; margin-right: 0; margin-bottom: 10px; } }

.idhouse_menu_item_heading { font-size: 2rem; }

.idhouse_menu_item_heading_en { display: block; font-family: "Cardo", serif; font-size: 1.4rem; color: #6d6d6d; margin-top: 5px; }

.idhouse_menu_item_thumb { margin-bottom: 20px; height: 150px; }

.idhouse_menu_item_thumb img { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.idhouse_menu_item_txt { font-size: 1.4rem; line-height: 1.7; margin-bottom: 20px; }

.idhouse_menu_item_btn a { position: relative; display: block; border: 1px solid #222222; padding: 10px; }

.idhouse_menu_item_btn a:after { content: ""; display: inline-block; background: url(./assets/img/arrow_right_black.png) no-repeat center center; background-size: cover; width: 26px; height: 7px; position: absolute; top: 0; right: 10px; bottom: 0; margin: auto; }

.design_head { text-align: center; margin-bottom: 150px; }

@media screen and (max-width: 999px) { .design_head { margin-bottom: 45px; } }

.design_head_heading { font-size: 2.5rem; margin-bottom: 0; }

@media screen and (max-width: 999px) { .design_head_heading { font-size: 2rem; } }

.design_head_heading_en { display: block; font-family: "Cardo", "ShipporiMincho", serif; }

.design_head_heading_en:before { content: ""; width: 1px; height: 45px; background: #222; display: block; margin: 20px auto; }

@media screen and (max-width: 999px) { .design_head_heading_en:before { height: 30px; } }

.design_col-02 { margin-bottom: 110px; }

@media screen and (max-width: 999px) { .design_col-02 { margin-bottom: 30px; } }

.design_col-02:last-child { margin-bottom: 120px; }

@media screen and (max-width: 999px) { .design_col-02:last-child { margin-bottom: 45px; } }

.design_col-02_container { position: relative; max-width: 1000px; margin-left: auto; margin-right: auto; }

.design_col-02_container::after { clear: both; content: ""; display: block; }

.design_col-02_thumb { width: 450px; }

@media screen and (max-width: 1024px) { .design_col-02_thumb { width: 400px; } }

@media screen and (max-width: 999px) { .design_col-02_thumb { width: auto; text-align: center; } }

.design_col-02_thumb.design_col-02_left { position: absolute; top: -45px; left: 0; }

@media screen and (max-width: 999px) { .design_col-02_thumb.design_col-02_left { position: static; } }

.design_col-02_thumb.design_col-02_right { position: absolute; right: 0; top: -45px; }

@media screen and (max-width: 999px) { .design_col-02_thumb.design_col-02_right { position: static; } }

.design_col-02_contents { width: 565px; background: #fff; }

@media screen and (max-width: 1024px) { .design_col-02_contents { width: 500px; } }

@media screen and (max-width: 999px) { .design_col-02_contents { width: auto; background: none; } }

.design_col-02_contents.design_col-02_right { padding: 0 95px 60px 95px; float: right; }

@media screen and (max-width: 1024px) { .design_col-02_contents.design_col-02_right { padding: 0 70px 45px 70px; } }

@media screen and (max-width: 999px) { .design_col-02_contents.design_col-02_right { padding: 20px 0; float: none; } }

.design_col-02_contents.design_col-02_left { padding: 0 95px 60px 95px; float: left; }

@media screen and (max-width: 1024px) { .design_col-02_contents.design_col-02_left { padding: 0 70px 45px 70px; } }

@media screen and (max-width: 999px) { .design_col-02_contents.design_col-02_left { padding: 20px 0; float: none; } }

.design_col-02_heading { font-size: 4rem; font-family: "Cardo", "ShipporiMincho", serif; margin-top: -30px; margin-bottom: 45px; }

.design_col-02_heading:after { content: ""; width: 30px; height: 1px; background: #000; display: block; margin-top: 10px; }

@media screen and (max-width: 999px) { .design_col-02_heading { font-size: 2.6rem; line-height: 1.7; margin-top: 0; margin-bottom: 20px; } }

.design_col-02_txt { margin-bottom: 30px; }

@media screen and (max-width: 999px) { .design_col-02_txt { margin-bottom: 15px; } }

.design_col-02_txt:last-child { margin-bottom: 0; }

.design_bottom { position: relative; max-width: 700px; margin-left: auto; margin-right: auto; background: #fff; padding: 50px 0; text-align: center; }

.design_bottom::after { clear: both; content: ""; display: block; }

@media screen and (max-width: 999px) { .design_bottom { padding: 30px 15px; } }

.design_bottom:before { content: ""; width: 1px; height: 85px; background: #222; display: inline-block; position: absolute; top: -70px; left: 0; right: 0; margin: auto; }

@media screen and (max-width: 999px) { .design_bottom:before { height: 45px; top: -30px; } }

.design_bottom_txt { font-size: 1.6rem; margin-bottom: 0; }

@media screen and (max-width: 999px) { .design_bottom_txt { font-size: 1.4rem; } }

.guarantee_head { margin-bottom: 40px; }

@media screen and (max-width: 999px) { .guarantee_head { margin-bottom: 30px; } }

.guarantee_head_container { max-width: 900px; margin-left: auto; margin-right: auto; }

.guarantee_head_container::after { clear: both; content: ""; display: block; }

.guarantee_head_container::after { clear: both; content: ""; display: block; }

.guarantee_head_left { width: 350px; float: left; }

@media screen and (max-width: 999px) { .guarantee_head_left { width: auto; float: none; text-align: center; margin-bottom: 20px; margin: 0 5% 20px; } }

.guarantee_head_right { width: 500px; float: right; }

@media screen and (max-width: 999px) { .guarantee_head_right { width: auto; float: none; } }

.guarantee_head_heading { width: 240px; background: #fff; text-align: center; font-size: 1.8rem; padding: 10px 0; margin-bottom: 20px; }

@media screen and (max-width: 999px) { .guarantee_head_heading { margin: 0 auto 15px; } }

.guarantee_head_heading_num { color: #6d6d6d; font-family: "Cardo", "ShipporiMincho", serif; display: inline-block; margin-right: 10px; vertical-align: top; }

.guarantee_head_catch { font-size: 1.6rem; margin-bottom: 20px; }

@media screen and (max-width: 999px) { .guarantee_head_catch { margin-bottom: 15px; } }

.guarantee_head_txt { margin-bottom: 20px; font-size: 1.3rem; letter-spacing: 0.09em; }

@media screen and (max-width: 999px) { .guarantee_head_txt { margin-bottom: 15px; } }

.guarantee_head_txt:last-child { margin-bottom: 0; }

.guarantee_taxsystem { margin-bottom: 70px; }

@media screen and (max-width: 999px) { .guarantee_taxsystem { margin-bottom: 45px; } }

.guarantee_taxsystem_container { max-width: 800px; margin-left: auto; margin-right: auto; }

.guarantee_taxsystem_container::after { clear: both; content: ""; display: block; }

.guarantee_taxsystem_heading { width: 717px; margin: 0 auto; font-size: 2rem; text-align: center; padding: 25px 15px; border: 1px solid #222; border-bottom: none; line-height: 1; }

@media screen and (max-width: 999px) { .guarantee_taxsystem_heading { font-size: 1.8rem; width: auto; padding: 20px 10px; margin: 0 15px; } }

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

@media screen and (max-width: 999px) { .guarantee_taxsystem_txt { margin-bottom: 20px; } }

.guarantee_taxsystem_list::after { clear: both; content: ""; display: block; }

.guarantee_taxsystem_list_item { display: table; width: 390px; float: left; line-height: 1.6; margin-right: 20px; margin-bottom: 20px; }

.guarantee_taxsystem_list_item:nth-child(2n) { margin-right: 0; }

.guarantee_taxsystem_list_item:nth-child(2n+1) { clear: left; }

@media screen and (max-width: 999px) { .guarantee_taxsystem_list_item { display: block; margin-right: 0; width: 100%; margin-bottom: 10px; } }

.guarantee_taxsystem_list_item--full { width: 100%; margin-right: 0; }

.guarantee_taxsystem_list_item dt { background: #dddddd; width: 180px; display: table-cell; height: 100px; vertical-align: middle; padding: 0 10px; font-weight: normal; }

@media screen and (max-width: 999px) { .guarantee_taxsystem_list_item dt { display: block; width: 100%; height: auto; padding: 10px; } }

.guarantee_taxsystem_list_item dd { background: #fff; display: table-cell; height: 100px; vertical-align: middle; padding: 0 20px; }

@media screen and (max-width: 999px) { .guarantee_taxsystem_list_item dd { display: block; width: 100%; height: auto; padding: 10px; } }

.guarantee_taxsystem_list_item dd .guarantee_txt-small { font-size: 1.2rem; }

.guarantee_maintenance { margin-bottom: 60px; }

@media screen and (max-width: 999px) { .guarantee_maintenance { margin-bottom: 45px; } }

.guarantee_maintenance_container { max-width: 900px; margin-left: auto; margin-right: auto; background: #fff; border-top: 4px solid #222222; padding: 35px 50px 50px; }

.guarantee_maintenance_container::after { clear: both; content: ""; display: block; }

@media screen and (max-width: 999px) { .guarantee_maintenance_container { padding: 20px 15px; } }

.guarantee_maintenance_heading { text-align: center; width: 394px; margin: 0 auto; background: #f5f5f5; padding: 10px 15px; font-size: 2rem; margin-bottom: 30px; }

@media screen and (max-width: 999px) { .guarantee_maintenance_heading { font-size: 1.6rem; margin-bottom: 20px; width: 260px; } }

.guarantee_maintenance_heading_num { font-family: "Cardo", "ShipporiMincho", serif; color: #6d6d6d; display: inline-block; margin-right: 10px; font-size: 2.2rem; }

@media screen and (max-width: 999px) { .guarantee_maintenance_heading_num { margin-right: 5px; font-size: 2rem; } }

.guarantee_maintenance_txt { text-align: center; margin-bottom: 20px; }

.guarantee_maintenance_head { max-width: 600px; margin-left: auto; margin-right: auto; letter-spacing: 0.09em; margin-bottom: 30px; }

.guarantee_maintenance_head::after { clear: both; content: ""; display: block; }

@media screen and (max-width: 999px) { .guarantee_maintenance_head { margin-bottom: 20px; } }

.guarantee_maintenance_head_heading { border-top: 2px solid #dddddd; border-bottom: 2px solid #dddddd; text-align: center; font-size: 1.6rem; padding: 10px 0; margin-bottom: 20px; }

.guarantee_maintenance_head_txt { margin-bottom: 0; text-align: center; }

.guarantee_maintenance_thumb { margin-bottom: 30px; }

@media screen and (max-width: 999px) { .guarantee_maintenance_thumb { margin-bottom: 20px; } }

.guarantee_maintenance_note { text-align: center; margin-bottom: 0; }

@media screen and (max-width: 999px) { .guarantee_maintenance_note { font-size: 1.2rem; } }

.guarantee_other_heading { width: 240px; background: #fff; font-size: 2rem; margin: 0 auto 30px; text-align: center; padding: 10px 0; }

@media screen and (max-width: 999px) { .guarantee_other_heading { margin: 0 auto 20px; } }

.guarantee_other_heading_num { font-size: 2.2rem; font-family: "Cardo", "ShipporiMincho", serif; color: #6d6d6d; display: inline-block; margin-right: 10px; }

.guarantee_other_container { max-width: 1000px; margin-left: auto; margin-right: auto; }

.guarantee_other_container::after { clear: both; content: ""; display: block; }

.guarantee_other_container::after { clear: both; content: ""; display: block; }

.guarantee_other_item { width: 33.33%; float: left; background: #fff; padding: 20px 40px 40px 40px; border: 1px solid #6d6d6d; border-right: none; }

@media screen and (max-width: 999px) { .guarantee_other_item { width: auto; padding: 15px; margin-bottom: 10px; } }

.guarantee_other_item:last-child { border-right: 1px solid #6d6d6d; }

@media screen and (max-width: 999px) { .guarantee_other_item:last-child { margin-bottom: 0; } }

.guarantee_other_item dt { text-align: center; font-size: 2rem; font-weight: normal; padding-bottom: 15px; border-bottom: 1px solid #6d6d6d; margin-bottom: 20px; }

@media screen and (max-width: 999px) { .guarantee_other_item dt { font-size: 1.8rem; margin-bottom: 15px; padding-bottom: 10px; } }

.guarantee_other_item dd { font-size: 1.3rem; margin: 0 auto; }

.guarantee_icon-arrow { display: inline-block; vertical-align: middle; }

.guarantee_icon-arrow img { display: block; margin: 0 5px; }

.technology .imagemap { text-align: center; }

.technology_head { margin-bottom: 70px; }

@media screen and (max-width: 999px) { .technology_head { margin-bottom: 30px; } }

.technology_head_txt { text-align: center; margin-bottom: 0; }

@media screen and (max-width: 999px) { .technology_head_txt { font-size: 1.2rem; } }

.technology_earthquake { margin-bottom: 100px; }

@media screen and (max-width: 999px) { .technology_earthquake { margin-bottom: 60px; } }

.technology_earthquake_container { max-width: 1000px; margin-left: auto; margin-right: auto; }

.technology_earthquake_container::after { clear: both; content: ""; display: block; }

.technology_earthquake_head { margin-bottom: 100px; }

@media screen and (max-width: 999px) { .technology_earthquake_head { margin-bottom: 30px; } }

.technology_earthquake_head_txt { margin-bottom: 20px; text-align: center; }

@media screen and (max-width: 999px) { .technology_earthquake_head_txt { font-size: 1.2rem; } }

.technology_earthquake_head .btn-ptn-01 { margin-top: 45px; }

@media screen and (max-width: 999px) { .technology_earthquake_head .btn-ptn-01 { margin-top: 30px; } }

.technology_heat { margin-bottom: 100px; }

@media screen and (max-width: 999px) { .technology_heat { margin-bottom: 60px; } }

.technology_heat_container { max-width: 1000px; margin-left: auto; margin-right: auto; }

.technology_heat_container::after { clear: both; content: ""; display: block; }

.technology_heat_head { max-width: 800px; margin-left: auto; margin-right: auto; margin-bottom: 45px; }

.technology_heat_head::after { clear: both; content: ""; display: block; }

.technology_heat_head::after { clear: both; content: ""; display: block; }

@media screen and (max-width: 999px) { .technology_heat_head { margin-bottom: 30px; } }

.technology_heat_head_left { width: 190px; float: left; }

@media screen and (max-width: 999px) { .technology_heat_head_left { width: 130px; margin: 0 auto 10px; float: none; } }

.technology_heat_head_right { width: 560px; float: right; margin-bottom: 0; }

@media screen and (max-width: 999px) { .technology_heat_head_right { width: auto; float: none; font-size: 1.2rem; text-align: center; } }

.technology_endurance_container { max-width: 1000px; margin-left: auto; margin-right: auto; }

.technology_endurance_container::after { clear: both; content: ""; display: block; }

.technology_endurance_head { margin-bottom: 40px; }

@media screen and (max-width: 999px) { .technology_endurance_head { margin-bottom: 30px; } }

.technology_endurance_head_txt { margin-bottom: 0; text-align: center; }

@media screen and (max-width: 999px) { .technology_endurance_head_txt { font-size: 1.2rem; } }

.technology_modal { display: none; font-size: 1.2rem; }

.technology_modal_heading { font-size: 1.8rem; margin-bottom: 30px; }

@media screen and (max-width: 999px) { .technology_modal_heading { margin-bottom: 15px; } }

.technology_modal_txt { font-size: 1.2rem; margin-bottom: 30px; letter-spacing: 0.05em; }

@media screen and (max-width: 999px) { .technology_modal_txt { margin-bottom: 20px; } }

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

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

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

.technology_modal_dl { margin-bottom: 20px; }

.technology_modal_dl dt { width: 144px; background: #7d7d7d; font-weight: normal; color: #fff; text-align: center; font-size: 1.2rem; padding: 2px 10px; margin-bottom: 10px; }

.technology_modal_dl dd { font-size: 1.2rem; }

.technology_modal_col-02::after { clear: both; content: ""; display: block; }

.technology_modal_col-02_left { width: 400px; float: left; }

@media screen and (max-width: 1024px) { .technology_modal_col-02_left { width: 360px; } }

@media screen and (max-width: 999px) { .technology_modal_col-02_left { width: auto; float: none; } }

.technology_modal_col-02_right { width: 400px; float: right; }

@media screen and (max-width: 999px) { .technology_modal_col-02_right { width: auto; float: none; } }

.technology_modal_col-04 { margin-top: 40px; }

.technology_modal_col-04::after { clear: both; content: ""; display: block; }

@media screen and (max-width: 999px) { .technology_modal_col-04 { margin-top: 30px; } }

.technology_modal_col-04_item { width: 180px; float: left; margin-right: 25px; }

.technology_modal_col-04_item:nth-child(4n) { margin-right: 0; }

.technology_modal_col-04_item:nth-child(4n+1) { clear: left; }

@media screen and (max-width: 999px) { .technology_modal_col-04_item { margin-right: 0; width: auto; float: none; margin-bottom: 20px; } }

@media screen and (max-width: 999px) { .technology_modal_col-04_item_sp-sub-heading { background: #dcdcdc; text-align: center; margin-bottom: 0; font-size: 1.2rem; padding: 10px 0; } }

@media screen and (max-width: 999px) { .technology_modal_col-04_item_sp-container { border: 1px solid #dcdcdc; padding: 15px; margin-bottom: 20px; } }

.technology_modal_col-04_item_thumb { text-align: center; margin-bottom: 15px; }

@media screen and (max-width: 999px) { .technology_modal_col-04_item_thumb img { width: 90px; } }

.technology_modal_col-04_item_txt-01 { font-size: 1.2rem; color: #6d6d6d; }

@media screen and (max-width: 999px) { .technology_modal_col-04_item_txt-01 { margin-bottom: 5px; } }

.technology_modal_col-04_item_txt-01--center { text-align: center; font-size: 1.4rem; line-height: 1.8; }

.technology_modal_col-04_item_txt-02 { font-size: 1.2rem; margin-bottom: 0; }

.technology .modal-menu { margin-top: 15px; }

.technology .modal-menu_item { position: relative; margin-bottom: 10px; }

.technology .modal-menu_item:after { content: ""; display: inline-block; width: 7px; height: 13px; background: url(./assets/img/technology_modalmenu_arrow.png) no-repeat center center; background-size: cover; position: absolute; top: 0; right: 15px; bottom: 0; margin: auto; }

.technology .modal-menu_item:last-child { margin-bottom: 0; }

.technology .modal-menu_item a { display: block; background: #fff; border: 1px solid #6d6d6d; padding: 20px 35px 20px 15px; }

.technology .modal-menu_item a::after { clear: both; content: ""; display: block; }

.technology .modal-menu_item_left { width: 50%; float: left; padding-right: 10px; }

.technology .modal-menu_item_right { width: 50%; float: left; text-align: right; }

.technology .modal-menu_item_heading { position: relative; margin-bottom: 10px; font-size: 1.5rem; padding-left: 40px; padding-top: 5px; }

.technology .modal-menu_item_heading i { position: absolute; left: 0; top: 0; display: inline-block; vertical-align: middle; margin-right: 10px; }

.technology .modal-menu_item_txt { font-size: 1.2rem; margin-bottom: 0; }

.technology .modal-menu_contents { text-align: center; padding: 10px 0; }

.technology .modal-menu_contents_heading { display: inline-block; background: #df3f2e; color: #fff; font-size: 1.4rem; font-weight: normal; padding: 5px 25px; margin-bottom: 10px; }

.technology .modal-menu_contents_txt { font-size: 1.2rem; }

.page-template-page-idhouse-technology .modaal-container { max-width: 1000px !important; padding: 0; }

.page-template-page-idhouse-technology .modaal-content-container { padding: 100px; }

@media screen and (max-width: 999px) { .page-template-page-idhouse-technology .modaal-content-container { padding: 45px 35px; } }

.service_head { max-width: 1000px; margin-left: auto; margin-right: auto; margin-bottom: 75px; }

.service_head::after { clear: both; content: ""; display: block; }

@media screen and (max-width: 999px) { .service_head { margin-bottom: 60px; } }

.service_head_catch { text-align: center; font-size: 1.8rem; color: #6d6d6d; line-height: 2; margin-bottom: 30px; }

@media screen and (max-width: 999px) { .service_head_catch { font-size: 1.6rem; margin-bottom: 15px; } }

.service_head_txt { text-align: center; margin-bottom: 45px; }

@media screen and (max-width: 999px) { .service_head_txt { margin-bottom: 30px; } }

.service_head_main-image { text-align: center; margin-bottom: 50px; }

@media screen and (max-width: 999px) { .service_head_main-image { margin-bottom: 30px; } }

.service_pickup { margin-bottom: 65px; }

@media screen and (max-width: 999px) { .service_pickup { margin-bottom: 45px; } }

.service_pickup_slider { position: relative; right: 95px; width: calc(100vw + 40px); margin-bottom: 65px; }

@media screen and (max-width: 999px) { .service_pickup_slider { width: auto; right: 0; margin-bottom: 30px; } }

.service_pickup_slider li { margin: 0 20px; height: auto !important; }

@media screen and (max-width: 999px) { .service_pickup_slider li { margin: 0; } }

.service_pickup_slider .slick-arrow { z-index: 1; width: 24px; height: 40px; }

.service_pickup_slider .slick-prev { left: 25%; }

@media screen and (max-width: 999px) { .service_pickup_slider .slick-prev { left: 10%; } }

.service_pickup_slider .slick-prev:before { content: ""; display: inline-block; width: 24px; height: 40px; background: url(./assets/img/slider_arrow_left.png) no-repeat center center; background-size: cover; }

.service_pickup_slider .slick-next { right: 25%; }

@media screen and (max-width: 999px) { .service_pickup_slider .slick-next { right: 10%; } }

.service_pickup_slider .slick-next:before { content: ""; display: inline-block; width: 24px; height: 40px; background: url(./assets/img/slider_arrow_right.png) no-repeat center center; background-size: cover; }

.service_flow { max-width: 800px; margin-left: auto; margin-right: auto; }

.service_flow::after { clear: both; content: ""; display: block; }

.service_flow_txt { font-size: 1.3rem; text-align: center; margin-bottom: 40px; }

@media screen and (max-width: 999px) { .service_flow_txt { margin-bottom: 30px; } }

.service_flow_list { padding: 0 0 0 30px; margin-bottom: 45px; }

@media screen and (max-width: 999px) { .service_flow_list { padding: 0; margin-bottom: 30px; }
  .service_flow_list::after { clear: both; content: ""; display: block; } }

.service_flow_list_item { position: relative; background: #fff; border: 1px solid #222222; width: 126px; height: 105px; text-align: center; font-size: 1.3rem; display: inline-block; vertical-align: top; margin-right: 20px; margin-bottom: 20px; }

@media screen and (max-width: 999px) { .service_flow_list_item { float: left; display: block; margin-right: 2.35765%; width: 48.82117%; height: 100px; display: block; margin-bottom: 3%; }
  .service_flow_list_item:last-child { margin-right: 0; }
  .service_flow_list_item:nth-child(2n) { margin-right: 0; }
  .service_flow_list_item:nth-child(2n+1) { clear: left; } }

.service_flow_list_item:after { content: ""; display: inline-block; width: 12px; height: 25px; background: url(./assets/img/service_flow_arrow_right.png) no-repeat center center; background-size: cover; vertical-align: middle; position: absolute; top: 0; right: -20px; bottom: 0; margin: auto; }

@media screen and (max-width: 999px) { .service_flow_list_item:after { width: 10px; height: 20px; right: -5px; } }

.service_flow_list_item_txt { display: inline-block; width: 126px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media screen and (max-width: 999px) { .service_flow_list_item_txt { width: 100%; line-height: 1.5; } }

.service_flow_list_item_small { font-size: 1rem; }

.service_case { margin-bottom: 55px; }

@media screen and (max-width: 999px) { .service_case { margin-bottom: 30px; } }

.service_case_container { max-width: 800px; margin-left: auto; margin-right: auto; background: #fff; padding: 30px 40px; }

.service_case_container::after { clear: both; content: ""; display: block; }

@media screen and (max-width: 999px) { .service_case_container { padding: 20px 15px; } }

.service_case_heading { font-size: 2rem; color: #222222; text-align: center; margin-bottom: 25px; }

@media screen and (max-width: 999px) { .service_case_heading { font-size: 1.6rem; margin-bottom: 15px; } }

.service_case_list::after { clear: both; content: ""; display: block; }

.service_case_list_item { width: 220px; float: left; text-align: center; margin-right: 30px; }

.service_case_list_item:nth-child(3n) { margin-right: 0; }

.service_case_list_item:nth-child(3n+1) { clear: left; }

@media screen and (max-width: 999px) { .service_case_list_item { width: auto; float: none; text-align: center; margin-right: 0; margin-bottom: 20px; } }

.service_case_list_item_thumb { margin-bottom: 20px; }

.service_case_list_item_txt { margin: 0; line-height: 1.6; }

.service_popup { padding: 50px; display: none; }

@media screen and (max-width: 999px) { .service_popup { padding: 10px; } }

.service_popup_container::after { clear: both; content: ""; display: block; }

@media screen and (max-width: 999px) { .service_popup_container { padding: 0 0 15px; } }

.service_popup_left { width: 555px; float: left; }

@media screen and (max-width: 1024px) { .service_popup_left { width: 500px; } }

@media screen and (max-width: 999px) { .service_popup_left { width: 100%; display: block; float: none; margin-bottom: 15px; } }

.service_popup_right { width: 440px; float: right; }

@media screen and (max-width: 1024px) { .service_popup_right { width: 400px; } }

@media screen and (max-width: 999px) { .service_popup_right { width: 100% !important; float: none; } }

.service_popup_head { text-align: center; border: 1px solid #222222; margin-bottom: 25px; }

@media screen and (max-width: 999px) { .service_popup_head { margin-bottom: 15px; } }

.service_popup_head_category { background: #222222; color: #fff; text-align: center; padding: 5px 0; }

@media screen and (max-width: 999px) { .service_popup_head_category { padding: 2px 0; } }

.service_popup_head_heading { font-size: 1.6rem; }

@media screen and (max-width: 999px) { .service_popup_head_heading { font-size: 1.4rem; } }

.service_popup_head_heading_small { font-size: 1.4rem; }

@media screen and (max-width: 999px) { .service_popup_head_heading_small { font-size: 1.2rem; } }

.service_popup_txt { margin: 0; margin-bottom: 20px; text-align: justify; }

@media screen and (max-width: 999px) { .service_popup_txt { font-size: 1.2rem; } }

.service_popup_before { text-align: center; }

.modaal-container { max-width: 1100px; }

@media screen and (max-width: 999px) { .modaal-container { max-width: 100%; } }

@media screen and (max-width: 999px) { .modaal-content-container { padding: 10px; } }

.service_popup_slider { margin-bottom: 0 !important; }

.service_popup_slider .slick-arrow { z-index: 1; top: 42%; width: 21px; height: 40px; }

.service_popup_slider .slick-arrow.slick-prev { left: 10px; }

.service_popup_slider .slick-arrow.slick-prev:before { content: ""; width: 24px; height: 40px; display: inline-block; background: url(./assets/img/slider_arrow_left.png) no-repeat center center; background-size: cover; }

.service_popup_slider .slick-arrow.slick-next { right: 10px; }

.service_popup_slider .slick-arrow.slick-next:before { content: ""; width: 24px; height: 40px; display: inline-block; background: url(./assets/img/slider_arrow_right.png) no-repeat center center; background-size: cover; }

.service_popup_slider .slick-dots { position: static; margin-top: 5px; }

.service_popup_slider .slick-dots::after { clear: both; content: ""; display: block; }

.service_popup_slider .slick-dots li { width: 135px; height: auto; float: left; margin-right: 5px; margin-left: 0; }

.service_popup_slider .slick-dots li:nth-child(4) { margin-right: 0; }

@media screen and (max-width: 1024px) { .service_popup_slider .slick-dots li { float: left; display: block; margin-right: 2.35765%; width: 23.23176%; }
  .service_popup_slider .slick-dots li:last-child { margin-right: 0; } }

@media screen and (max-width: 999px) { .service_popup_slider .slick-dots li { float: left; display: block; margin-right: 2.35765%; width: 23.23176%; }
  .service_popup_slider .slick-dots li:last-child { margin-right: 0; } }

@media screen and (max-width: 999px) { .modaal-inner-wrapper { padding-left: 10px; padding-right: 10px; } }

.flow_head { text-align: center; margin-bottom: 30px; }

.flow_head_txt { margin: 0; font-size: 1.3rem; }

.flow_section { max-width: 1000px; margin-left: auto; margin-right: auto; }

.flow_section::after { clear: both; content: ""; display: block; }

.flow_section_heading { font-size: 1.8rem; background: #fff; color: #6d6d6d; padding: 15px 30px; margin-bottom: 45px; }

@media screen and (max-width: 999px) { .flow_section_heading { font-size: 1.6rem; padding: 10px 15px; margin-bottom: 20px; } }

.flow_section_container::after { clear: both; content: ""; display: block; }

.flow_section_left { float: left; width: 345px; }

@media screen and (max-width: 999px) { .flow_section_left { float: none; width: auto; margin-bottom: 15px; }
  .flow_section_left::after { clear: both; content: ""; display: block; } }

.flow_section_right { float: right; width: 580px; }

@media screen and (max-width: 999px) { .flow_section_right { float: none; width: auto; } }

@media screen and (max-width: 999px) { .flow_section_thumb { margin-top: 0 !important; float: left; display: block; margin-right: 2.35765%; width: 31.76157%; }
  .flow_section_thumb:last-child { margin-right: 0; }
  .flow_section_thumb:nth-child(3n) { margin-right: 0; }
  .flow_section_thumb:nth-child(3n+1) { clear: left; } }

@media screen and (max-width: 999px) { .flow_section_thumb--col-04 { width: 48%; float: left; margin-right: 2% !important; margin-bottom: 2%; }
  .flow_section_thumb--col-04:nth-child(2n) { margin-right: 0; }
  .flow_section_thumb--col-04:nth-child(2n+1) { clear: left; }
  .flow_section_thumb--col-04:nth-child(4) { clear: none; } }

.flow_section_dl { margin-bottom: 60px; }

@media screen and (max-width: 999px) { .flow_section_dl { margin-bottom: 20px; } }

.flow_section_dl_note { text-align: right; font-size: 1.2rem; margin: 0; }

.flow_section_dl dt { color: #6d6d6d; font-size: 1.8rem; font-weight: normal; margin-bottom: 15px; }

@media screen and (max-width: 999px) { .flow_section_dl dt { font-size: 1.6rem; margin-bottom: 10px; } }

.flow_section_dl_large { font-size: 2.5rem !important; }

@media screen and (max-width: 999px) { .flow_section_dl_large { font-size: 2rem !important; } }

.flow_section_dl_txt { margin-bottom: 20px; }

@media screen and (max-width: 999px) { .flow_section_dl_txt { margin-bottom: 10px; } }

.flow_section_dl_table-box { width: 470px; margin-bottom: 20px; }

@media screen and (max-width: 999px) { .flow_section_dl_table-box { width: 100%; } }

.flow_section_dl_table { width: 100%; font-size: 1.4rem; border-top: 1px solid #222; margin: 0 0 5px; }

@media screen and (max-width: 999px) { .flow_section_dl_table { font-size: 1.2rem; } }

.flow_section_dl_table_heading { background: #6d6d6d; width: 223px; color: #fff; text-align: center; padding: 5px 0; margin-bottom: 0; }

.flow_section_dl_table_small { font-size: 1.2rem; }

.flow_section_dl_table_txt { display: inline-block; vertical-align: middle; line-height: 1.5; }

@media screen and (max-width: 999px) { .flow_section_dl_table_txt { display: block; } }

.flow_section_dl_table_txt-large { font-size: 1.8rem; }

.flow_section_dl_table tr th { font-weight: normal; width: 70%; vertical-align: middle; border-bottom: 1px solid #222; }

@media screen and (max-width: 999px) { .flow_section_dl_table tr th { width: 60%; } }

.flow_section_dl_table tr td { vertical-align: middle; border-bottom: 1px solid #222; }

.flow_section .btn-ptn-01 { margin-top: 10px; }

@media screen and (max-width: 999px) { .flow_section .btn-ptn-01 { text-align: center; } }

.newhouse-flow .flow_section_thumb--02 { margin-top: 220px; }

.newhouse-flow .flow_section_thumb--04 { margin-top: 140px; }

.newhouse-flow .flow_section_thumb--05 { margin-top: 170px; }

.newhouse-flow .flow_section_thumb--07 { margin-top: 185px; }

.renovation-flow .flow_section_thumb--02 { margin-top: 125px; }

.renovation-flow .flow_section_thumb--03 { margin-top: 130px; }

.renovation-flow .flow_section_thumb--04 { margin-top: 130px; }

.renovation-flow .flow_section_thumb--06 { margin-top: 250px; }

.renovation-flow .flow_section_thumb--07 { margin-top: 220px; }

.renovation_point { max-width: 800px; margin-left: auto; margin-right: auto; margin-bottom: 110px; }

.renovation_point::after { clear: both; content: ""; display: block; }

@media screen and (max-width: 999px) { .renovation_point { margin-bottom: 45px; } }

.renovation_point_heading { text-align: center; font-size: 2rem; line-height: 1.6; border: 1px solid #222222; border-bottom: none; padding: 15px 0 0 0; margin: 0 40px; margin-bottom: 20px; }

@media screen and (max-width: 999px) { .renovation_point_heading { font-size: 1.6rem; margin: 0 15px; padding: 15px 15px 0; margin-bottom: 10px; } }

.renovation_point_container::after { clear: both; content: ""; display: block; }

.renovation_point_item { width: 255px; float: left; border: 1px solid #222222; margin-right: 17px; }

.renovation_point_item:nth-child(3n) { margin-right: 0; }

.renovation_point_item:nth-child(3n+1) { clear: left; }

@media screen and (max-width: 999px) { .renovation_point_item { width: auto; float: none; margin-right: 0; margin-bottom: 10px; } }

.renovation_point_item_container { background: #fff; padding: 20px 20px 25px; }

@media screen and (max-width: 999px) { .renovation_point_item_container { padding: 15px 15px 20px; } }

.renovation_point_item_num { display: block; text-align: center; color: #fff; font-family: "Cardo", "ShipporiMincho", serif; margin: 0; background: #6d6d6d; font-size: 3rem; font-weight: bold; }

@media screen and (max-width: 999px) { .renovation_point_item_num { font-size: 2.4rem; } }

.renovation_point_item_heading { text-align: center; margin-bottom: 20px; }

.renovation_point_item_catch { text-align: center; color: #6d6d6d; margin-bottom: 15px; }

.renovation_point_item_txt { font-size: 1.3rem; line-height: 1.8; margin-bottom: 0; }

.renovation_point_item_btn { position: relative; margin-top: 20px; text-align: center; border: 1px solid #222; font-size: 1.2rem; letter-spacing: 0.05em; }

.renovation_point_item_btn a { display: block; height: 75px; }

.renovation_point_item_btn a:after { content: ""; display: inline-block; width: 26px; height: 7px; background: url(./assets/img/arrow_right_black.png) no-repeat center center; background-size: cover; position: absolute; top: 0; right: 20px; bottom: 0; margin: auto; }

.renovation_point_item_btn_txt { width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); /* Safari用 */ -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.officedesign_head { max-width: 800px; margin-left: auto; margin-right: auto; margin-bottom: 90px; }

.officedesign_head::after { clear: both; content: ""; display: block; }

@media screen and (max-width: 999px) { .officedesign_head { margin-bottom: 60px; } }

.officedesign_head_heading { text-align: center; font-size: 2rem; font-weight: normal; width: 717px; margin: 0 auto; border: 1px solid #222222; border-bottom: none; padding: 20px 15px; margin-bottom: 20px; }

@media screen and (max-width: 999px) { .officedesign_head_heading { width: auto; font-size: 1.6rem; padding: 15px 5px; margin-bottom: 15px; } }

.officedesign_head_menu::after { clear: both; content: ""; display: block; }

.officedesign_head_menu_item { width: 375px; border: 1px solid #6d6d6d; }

@media screen and (max-width: 999px) { .officedesign_head_menu_item { width: auto; } }

.officedesign_head_menu_item:first-child { float: left; }

@media screen and (max-width: 999px) { .officedesign_head_menu_item:first-child { float: none; margin-bottom: 10px; } }

.officedesign_head_menu_item:last-child { float: right; }

@media screen and (max-width: 999px) { .officedesign_head_menu_item:last-child { float: none; } }

.officedesign_head_menu_item_heading { text-align: center; color: #fff; margin: 0; padding: 15px; }

.officedesign_head_menu_item_heading_en { display: block; font-size: 2.5rem; font-family: "Cardo", "ShipporiMincho", serif; }

@media screen and (max-width: 999px) { .officedesign_head_menu_item_heading_en { font-size: 2rem; } }

.officedesign_head_menu_item_heading_ja { display: block; font-size: 1.8rem; font-weight: normal; margin-top: 5px; }

@media screen and (max-width: 999px) { .officedesign_head_menu_item_heading_ja { font-size: 1.6rem; margin-top: 3px; } }

.officedesign_head_menu_item_heading--red { background: #492a1a; }

.officedesign_head_menu_item_heading--blue { background: #1e2d3b; }

.officedesign_head_menu_item_contents { padding: 30px 30px 45px; background: #fff; }

@media screen and (max-width: 999px) { .officedesign_head_menu_item_contents { padding: 15px 15px 30px; } }

.officedesign_head_menu_item_thumb { text-align: center; border-bottom: 1px solid #6d6d6d; padding-bottom: 20px; margin-bottom: 15px; }

.officedesign_head_menu_item_txt { margin-bottom: 20px; }

.officedesign_head_menu_item_btn { text-align: center; font-size: 1.2rem; line-height: 1.6; }

.officedesign_head_menu_item_btn a { position: relative; display: inline-block; border: 1px solid #222222; width: 200px; padding: 15px 0; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }

.officedesign_head_menu_item_btn a:hover { opacity: 1; }

.officedesign_head_menu_item_btn a:hover:after { right: 10px; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }

.officedesign_head_menu_item_btn a:after { content: ""; display: inline-block; width: 26px; height: 7px; background: url(./assets/img/arrow_right_black.png) no-repeat center center; background-size: cover; position: absolute; top: 0; right: 15px; bottom: 0; margin: auto; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }

.officedesign_pickup { max-width: 1000px; margin-left: auto; margin-right: auto; }

.officedesign_pickup::after { clear: both; content: ""; display: block; }

.officedesign_pickup_col-02 { margin-bottom: 110px; }

.officedesign_pickup_col-02::after { clear: both; content: ""; display: block; }

@media screen and (max-width: 999px) { .officedesign_pickup_col-02 { margin-bottom: 45px; } }

.officedesign_pickup_col-02:last-child { margin-bottom: 0; }

.officedesign_pickup_col-02_left { float: left; width: 555px; }

@media screen and (max-width: 1024px) { .officedesign_pickup_col-02_left { width: 480px; } }

@media screen and (max-width: 999px) { .officedesign_pickup_col-02_left { width: 100%; float: left; } }

.officedesign_pickup_col-02_right { float: right; width: 400px; }

@media screen and (max-width: 1024px) { .officedesign_pickup_col-02_right { width: 370px; } }

@media screen and (max-width: 999px) { .officedesign_pickup_col-02_right { width: 100%; float: none; margin-bottom: 15px; } }

.officedesign_pickup_heading { text-align: center; border: 1px solid #222222; margin-bottom: 30px; }

@media screen and (max-width: 999px) { .officedesign_pickup_heading { margin-bottom: 20px; } }

.officedesign_pickup_heading_type { display: block; border-bottom: 1px solid #222222; color: #fff; font-size: 1.4rem; padding: 10px; }

.officedesign_pickup_heading_type--red { background: #492a1a; }

.officedesign_pickup_heading_type--blue { background: #1e2d3b; }

.officedesign_pickup_heading_name { display: block; font-size: 2rem; padding: 15px; }

@media screen and (max-width: 999px) { .officedesign_pickup_heading_name { font-size: 1.8rem; } }

.officedesign_pickup_txt { margin-bottom: 60px; }

@media screen and (max-width: 999px) { .officedesign_pickup_txt { margin-bottom: 20px; } }

@media screen and (max-width: 999px) { .officedesign_pickup_figure { text-align: center; } }

.officedesign_pickup_figure_caption { display: block; margin-bottom: 20px; }

.shopdesign_col-02 { max-width: 1000px; margin-left: auto; margin-right: auto; position: relative; margin-bottom: 120px; }

.shopdesign_col-02::after { clear: both; content: ""; display: block; }

.shopdesign_col-02::after { clear: both; content: ""; display: block; }

@media screen and (max-width: 999px) { .shopdesign_col-02 { margin-bottom: 45px; } }

.shopdesign_col-02_left { width: 480px; float: left; }

@media screen and (max-width: 999px) { .shopdesign_col-02_left { width: auto; float: none; } }

.shopdesign_col-02_contents { position: absolute; right: 0; top: 35px; width: 540px; background: #fff; padding: 60px 75px; }

@media screen and (max-width: 999px) { .shopdesign_col-02_contents { position: static; width: auto; padding: 20px 15px; } }

.shopdesign_col-02_heading { font-size: 2rem; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #222; }

@media screen and (max-width: 999px) { .shopdesign_col-02_heading { font-size: 1.8rem; padding-bottom: 15px; margin-bottom: 15px; } }

.shopdesign_col-02_txt { margin: 0; }

.shopdesign_tool { max-width: 800px; margin-left: auto; margin-right: auto; background: #fff; border-top: 4px solid #222222; margin-bottom: 60px; }

.shopdesign_tool::after { clear: both; content: ""; display: block; }

@media screen and (max-width: 999px) { .shopdesign_tool { margin-bottom: 45px; } }

.shopdesign_tool_container { padding: 40px 140px 60px; }

@media screen and (max-width: 999px) { .shopdesign_tool_container { padding: 20px 15px; } }

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

@media screen and (max-width: 999px) { .shopdesign_tool_heading { font-size: 1.5rem; margin-bottom: 20px; } }

.shopdesign_tool_list { text-align: center; font-size: 1.3rem; margin-bottom: 40px; }

@media screen and (max-width: 999px) { .shopdesign_tool_list { margin-bottom: 20px; } }

.shopdesign_tool_list_item { width: 128px; display: inline-block; background: #6d6d6d; color: #fff; margin-bottom: 5px; }

.shopdesign_tool_photo { text-align: center; font-size: 0; margin-bottom: 40px; }

@media screen and (max-width: 999px) { .shopdesign_tool_photo { margin-bottom: 20px; }
  .shopdesign_tool_photo::after { clear: both; content: ""; display: block; } }

.shopdesign_tool_photo_item { display: inline-block; font-size: 1.4rem; }

@media screen and (max-width: 999px) { .shopdesign_tool_photo_item { display: block; float: left; display: block; margin-right: 2.35765%; width: 48.82117%; text-align: center; }
  .shopdesign_tool_photo_item:last-child { margin-right: 0; }
  .shopdesign_tool_photo_item:nth-child(2n) { margin-right: 0; }
  .shopdesign_tool_photo_item:nth-child(2n+1) { clear: left; } }

@media screen and (min-width: 1025px) { .shopdesign_tool_photo_item:first-child { margin-right: 20px; } }

@media screen and (min-width: 1025px) { .shopdesign_tool_photo_item:last-child { margin-left: 20px; } }

.inspection_about { margin-bottom: 40px; }

@media screen and (max-width: 999px) { .inspection_about { margin-bottom: 30px; } }

.inspection_about_container { max-width: 900px; margin-left: auto; margin-right: auto; }

.inspection_about_container::after { clear: both; content: ""; display: block; }

.inspection_about_container::after { clear: both; content: ""; display: block; }

.inspection_about_left { width: 350px; float: left; }

@media screen and (max-width: 999px) { .inspection_about_left { width: auto; float: none; margin: 0 10% 15px; } }

.inspection_about_right { width: 500px; float: right; }

@media screen and (max-width: 999px) { .inspection_about_right { width: auto; float: none; } }

.inspection_about_heading { background: #fff; width: 280px; text-align: center; padding: 10px 0; font-size: 1.8rem; margin-bottom: 20px; }

@media screen and (max-width: 999px) { .inspection_about_heading { margin: 0 auto 15px; } }

.inspection_about_catch { font-size: 1.6rem; margin-bottom: 15px; }

@media screen and (max-width: 999px) { .inspection_about_catch { font-size: 1.4rem; margin-bottom: 10px; } }

.inspection_about_txt { font-size: 1.3rem; margin-bottom: 40px; }

@media screen and (max-width: 999px) { .inspection_about_txt { margin-bottom: 30px; } }

.inspection_about_note { background: #fff; padding: 15px 20px; }

.inspection_about_note_heading { font-size: 1.3rem; border-bottom: 1px solid #222; padding-bottom: 10px; margin-bottom: 10px; }

.inspection_about_note_txt { font-size: 1.3rem; margin-bottom: 0; }

.inspection_worries { margin-bottom: 60px; }

@media screen and (max-width: 999px) { .inspection_worries { margin-bottom: 45px; } }

.inspection_worries_container { background: #fff; padding: 50px 50px 20px; max-width: 900px; margin-left: auto; margin-right: auto; }

.inspection_worries_container::after { clear: both; content: ""; display: block; }

@media screen and (max-width: 999px) { .inspection_worries_container { padding: 15px; } }

.inspection_worries_head { position: relative; background: #f5f5f5; padding: 30px 0; margin-bottom: 45px; }

@media screen and (max-width: 999px) { .inspection_worries_head { padding: 20px 10px; margin-bottom: 30px; } }

.inspection_worries_head:after { content: ""; display: inline-block; width: 37px; height: 19px; background: url(./assets/img/inspection_worries_head_arrow.png) no-repeat center center; background-size: cover; position: absolute; left: 0; right: 0; bottom: -10px; margin: auto; }

.inspection_worries_head_heading { text-align: center; font-size: 1.8rem; margin-bottom: 30px; margin-top: -45px; }

@media screen and (max-width: 999px) { .inspection_worries_head_heading { font-size: 1.6rem; margin-top: 0; margin-bottom: 15px; } }

.inspection_worries_head_list { width: 550px; margin: 0 auto; }

@media screen and (max-width: 999px) { .inspection_worries_head_list { width: auto; } }

.inspection_worries_head_list_item { position: relative; padding-left: 70px; margin-bottom: 20px; font-size: 1.6rem; }

@media screen and (max-width: 999px) { .inspection_worries_head_list_item { padding-left: 40px; font-size: 1.3rem; line-height: 1.4; } }

.inspection_worries_head_list_item:last-child { margin-bottom: 0; }

.inspection_worries_head_list_item:before { position: absolute; top: 0; left: 0; bottom: 0; margin: auto; content: ""; display: inline-block; width: 54px; height: 47px; background: url(./assets/img/inspection_worries_head_list_icon.png) no-repeat center center; background-size: cover; }

@media screen and (max-width: 999px) { .inspection_worries_head_list_item:before { width: 36px; height: 31.5px; } }

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

@media screen and (max-width: 999px) { .inspection_worries_merit_heading { font-size: 1.6rem; margin-bottom: 20px; } }

.inspection_worries_merit_heading_txt { position: relative; display: inline-block; vertical-align: middle; padding-left: 50px; }

@media screen and (max-width: 999px) { .inspection_worries_merit_heading_txt { padding-left: 0; } }

.inspection_worries_merit_heading_txt:before { position: absolute; top: 0; left: 0; bottom: 5px; margin: auto; content: ""; display: inline-block; width: 41px; height: 44px; background: url(./assets/img/inspection_worries_merit_heading_icon.png) no-repeat center center; background-size: cover; }

@media screen and (max-width: 999px) { .inspection_worries_merit_heading_txt:before { width: 30px; height: 33px; position: static; display: block; margin-bottom: 10px; } }

.inspection_worries_merit_col-02::after { clear: both; content: ""; display: block; }

.inspection_worries_merit_col-02_item { width: 385px; float: left; margin-right: 30px; margin-bottom: 30px; border: 1px solid #6d6d6d; }

.inspection_worries_merit_col-02_item:nth-child(2n) { margin-right: 0; }

.inspection_worries_merit_col-02_item:nth-child(2n+1) { clear: left; }

@media screen and (max-width: 1024px) { .inspection_worries_merit_col-02_item { float: left; display: block; margin-right: 2.35765%; width: 48.82117%; }
  .inspection_worries_merit_col-02_item:last-child { margin-right: 0; }
  .inspection_worries_merit_col-02_item:nth-child(2n) { margin-right: 0; }
  .inspection_worries_merit_col-02_item:nth-child(2n+1) { clear: left; } }

@media screen and (max-width: 999px) { .inspection_worries_merit_col-02_item { width: 100%; float: none; margin-right: 0; } }

.inspection_worries_merit_col-02_item dt { position: relative; background: #6d6d6d; height: 100px; color: #fff; font-weight: normal; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* 縦方向中央揃え */ -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* 横方向中央揃え */ padding-right: 40px; }

@media screen and (max-width: 999px) { .inspection_worries_merit_col-02_item dt { height: 72px; padding-right: 20px; line-height: 1.5; } }

.inspection_worries_merit_col-02_item dt i { margin-right: 20px; }

@media screen and (max-width: 999px) { .inspection_worries_merit_col-02_item dt i { margin-right: 10px; }
  .inspection_worries_merit_col-02_item dt i img { height: 30px; width: auto; } }

.inspection_worries_merit_col-02_item dd { padding: 20px 40px; font-size: 1.3rem; }

@media screen and (max-width: 999px) { .inspection_worries_merit_col-02_item dd { padding: 15px; } }

.inspection_research_container { max-width: 1000px; margin-left: auto; margin-right: auto; }

.inspection_research_container::after { clear: both; content: ""; display: block; }

.inspection_research_heading { text-align: center; font-size: 1.8rem; width: 717px; margin: 0 auto 20px; padding: 25px 0; border: 1px solid #222; border-bottom: none; }

@media screen and (max-width: 999px) { .inspection_research_heading { font-size: 1.6rem; width: auto; padding: 15px; margin: 0 15px 15px; } }

.inspection_research_col-03 { font-size: 0; text-align: center; }

@media screen and (max-width: 1024px) { .inspection_research_col-03::after { clear: both; content: ""; display: block; } }

.inspection_research_col-03_item { font-size: 1.3rem; width: 320px; display: inline-block; vertical-align: top; margin-right: 18px; margin-bottom: 18px; text-align: left; background: #fff; }

@media screen and (max-width: 1024px) { .inspection_research_col-03_item { float: left; display: block; margin-right: 2.35765%; width: 48.82117%; }
  .inspection_research_col-03_item:last-child { margin-right: 0; }
  .inspection_research_col-03_item:nth-child(2n) { margin-right: 0; }
  .inspection_research_col-03_item:nth-child(2n+1) { clear: left; } }

@media screen and (max-width: 999px) { .inspection_research_col-03_item { width: auto; margin: 0 0 15px; } }

@media screen and (min-width: 1025px) { .inspection_research_col-03_item:nth-child(3) { margin-right: 0; } }

.inspection_research_col-03_item:nth-child(5) { margin-right: 0; }

@media screen and (min-width: 1025px) { .inspection_research_col-03_item:nth-child(5) { margin-right: 0; } }

.inspection_research_col-03_item_contents { padding: 25px 25px; }

.inspection_research_col-03_item_heading { text-align: center; font-size: 1.8rem; color: #6d6d6d; margin-bottom: 15px; }

.inspection_research_col-03_item_heading:before { content: ""; display: inline-block; background: url(./assets/img/inspection_research_col-03_item_heading_icon.png) no-repeat center center; background-size: cover; width: 21px; height: 20.5px; vertical-align: middle; position: relative; bottom: 2px; margin-right: 5px; }

.inspection_research_col-03_item_txt { margin-bottom: 0; }

.inspection_research_bottom-txt { text-align: center; margin-bottom: 0; }

.recruit_head { text-align: center; margin-bottom: 75px; }

@media screen and (max-width: 999px) { .recruit_head { margin-bottom: 45px; } }

.recruit_head_thumb { margin-bottom: 50px; }

@media screen and (max-width: 999px) { .recruit_head_thumb { margin-bottom: 30px; } }

.recruit_head_heading { font-size: 2rem; font-weight: normal; margin-bottom: 30px; }

@media screen and (max-width: 999px) { .recruit_head_heading { font-size: 1.8rem; margin-bottom: 20px; } }

.recruit_head_txt { margin: 0; }

.recruit_job_container { max-width: 800px; margin-left: auto; margin-right: auto; }

.recruit_job_container::after { clear: both; content: ""; display: block; }

.recruit_job_container::after { clear: both; content: ""; display: block; }

.recruit_job_item { text-align: center; width: 375px; float: left; margin-right: 50px; margin-bottom: 45px; }

.recruit_job_item:nth-child(2n) { margin-right: 0; }

.recruit_job_item:nth-child(2n+1) { clear: left; }

@media screen and (max-width: 999px) { .recruit_job_item { width: 100%; float: none; margin-bottom: 30px; } }

.recruit_job_item a { display: block; }

.recruit_job_item_detail { position: relative; z-index: 1; background: #fff; margin: -25px 20px 0; padding: 30px; }

@media screen and (max-width: 999px) { .recruit_job_item_detail { padding: 20px; } }

.recruit_job_item_heading { font-size: 1.6rem; border-bottom: 1px solid #bcbcbc; padding-bottom: 10px; margin-bottom: 10px; }

.recruit_job_item_txt { margin: 0; line-height: 1.8; }

.single-recruit_detail { max-width: 650px; margin-left: auto; margin-right: auto; }

.single-recruit_detail::after { clear: both; content: ""; display: block; }

.single-recruit_detail_heading { text-align: center; font-size: 1.8rem; margin-bottom: 30px; }

@media screen and (max-width: 999px) { .single-recruit_detail_heading { margin-bottom: 20px; } }

.single-recruit_detail_data { border-top: 4px solid #222222; display: table; width: 100%; line-height: 1.8; }

@media screen and (max-width: 999px) { .single-recruit_detail_data { display: block; } }

.single-recruit_detail_data_item { display: table-row; }

@media screen and (max-width: 999px) { .single-recruit_detail_data_item { display: block; } }

.single-recruit_detail_data_item dt { display: table-cell; width: 160px; padding: 30px; border-bottom: 1px solid #6d6d6d; border-right: 1px solid #6d6d6d; font-weight: normal; }

@media screen and (max-width: 999px) { .single-recruit_detail_data_item dt { width: 100%; display: block; padding: 15px; border-right: none; border-bottom: none; font-size: 1.6rem; padding: 15px 0 0 0; text-align: center; } }

.single-recruit_detail_data_item dd { display: table-cell; padding: 30px; border-bottom: 1px solid #6d6d6d; }

@media screen and (max-width: 999px) { .single-recruit_detail_data_item dd { width: 100%; display: block; padding: 15px; padding: 5px 0 15px; } }

.staffblog_head_txt { text-align: center; margin-bottom: 30px; }

.staffblog_archive { max-width: 750px; margin-left: auto; margin-right: auto; }

.staffblog_archive::after { clear: both; content: ""; display: block; }

.staffblog_archive_item { width: 100%; display: table; background: #fff; margin-bottom: 15px; border-bottom: 1px solid #bcbcbc; }

@media screen and (max-width: 999px) { .staffblog_archive_item { margin-bottom: 5px; } }

.staffblog_archive_item_left { display: table-cell; vertical-align: middle; width: 200px; padding: 15px; max-width: 200px; }

@media screen and (max-width: 999px) { .staffblog_archive_item_left { width: 35%; padding: 10px; max-width: auto; } }

.staffblog_archive_item_right { display: table-cell; vertical-align: middle; padding: 15px; width: 550px; }

@media screen and (max-width: 999px) { .staffblog_archive_item_right { width: 65%; padding: 10px; } }

.staffblog_archive_item_heading { font-size: 1.6rem; margin-bottom: 5px; font-weight: normal; }

@media screen and (max-width: 999px) { .staffblog_archive_item_heading { font-size: 1.4rem; } }

.staffblog_archive_item_info { color: #6d6d6d; font-size: 0; margin-bottom: 10px; }

.staffblog_archive_item_info_time { display: inline-block; font-size: 1.1rem; }

.staffblog_archive_item_info_category { display: inline-block; font-size: 1.1rem; }

.staffblog_archive_item_info_category:before { content: "|"; margin: 0 10px; }

@media screen and (max-width: 999px) { .staffblog_archive_item_info_category:before { margin: 0 5px; } }

.staffblog_archive_item_content { font-size: 1.3rem; line-height: 1.7; margin: 0; }

@media screen and (max-width: 999px) { .staffblog_archive_item_content { display: none; } }

.single-staffblog_container { max-width: 625px; margin-left: auto; margin-right: auto; }

.single-staffblog_container::after { clear: both; content: ""; display: block; }

.single-staffblog_heading { font-size: 2rem; margin-bottom: 20px; }

.single-staffblog_content { border-top: 1px solid #6d6d6d; padding-top: 20px; margin-top: 20px; font-size: 1.6rem; letter-spacing: 0.05em; margin-bottom: 45px; }

@media screen and (max-width: 999px) { .single-staffblog_content { font-size: 1.4rem; padding-top: 10px; margin-top: 10px; } }

.privacypolicy_container { max-width: 800px; margin-left: auto; margin-right: auto; }

.privacypolicy_container::after { clear: both; content: ""; display: block; }

.privacypolicy_txt { text-align: center; margin-bottom: 60px; }

@media screen and (max-width: 999px) { .privacypolicy_txt { margin-bottom: 30px; } }

.privacypolicy_section_heading { text-align: center; font-size: 2rem; letter-spacing: 0.1em; margin-bottom: 30px; }

@media screen and (max-width: 999px) { .privacypolicy_section_heading { font-size: 1.8rem; margin-bottom: 20px; } }

.privacypolicy_section_list { list-style: decimal; }

@media screen and (max-width: 999px) { .privacypolicy_section_list { padding-left: 15px; } }

.privacypolicy_section_list_item { margin-bottom: 20px; }

.sitemap_container { max-width: 700px; margin-left: auto; margin-right: auto; }

.sitemap_container::after { clear: both; content: ""; display: block; }

.sitemap_container::after { clear: both; content: ""; display: block; }

.sitemap_left { width: 300px; float: left; }

@media screen and (max-width: 999px) { .sitemap_left { width: auto; float: none; } }

.sitemap_right { width: 300px; float: right; }

@media screen and (max-width: 999px) { .sitemap_right { width: auto; float: none; } }

.sitemap_item { border-bottom: 1px solid #6d6d6d; font-size: 1.6rem; margin-bottom: 20px; padding-bottom: 20px; }

@media screen and (max-width: 999px) { .sitemap_item { font-size: 1.4rem; } }

.sitemap_item--border-top { border-top: 1px solid #6d6d6d; padding-top: 20px; margin-top: 55px; }

@media screen and (max-width: 999px) { .sitemap_item--border-top { border-top: none; padding-top: 0; margin-top: 0; } }

.sitemap_item_heading { color: #6d6d6d; font-size: 2rem; font-weight: normal; margin-bottom: 10px; }

.sitemap_item_list { line-height: 2.2; }

.sitemap_item_list_item:before { content: ""; display: inline-block; width: 7px; height: 1px; background: #222; vertical-align: middle; margin-right: 10px; }

.sitemap_item_child-list { margin-left: 40px; line-height: 2.2; }

.sitemap_item_child-list_item:before { content: ""; display: inline-block; width: 7px; height: 1px; background: #222; vertical-align: middle; margin-right: 10px; }

.notfound_section { margin-bottom: 120px; padding-top: 45px; }

@media screen and (max-width: 999px) { .notfound_section { margin-bottom: 45px; padding-top: 0; } }

.notfound_heading { text-align: center; font-family: "Cardo", "ShipporiMincho", serif; font-size: 3.5rem; font-weight: bold; letter-spacing: 0.2em; margin-bottom: 30px; }

@media screen and (max-width: 999px) { .notfound_heading { font-size: 2.4rem; margin-bottom: 20px; letter-spacing: 0.1em; } }

.notfound_txt { text-align: center; margin-bottom: 45px; }

@media screen and (max-width: 999px) { .notfound_txt { margin-bottom: 30px; } }

.notfound_btn { text-align: center; }

.notfound_btn a { position: relative; display: inline-block; background: #222222; color: #fff; width: 300px; padding: 20px 0; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }

@media screen and (max-width: 999px) { .notfound_btn a { padding: 15px 0; width: 270px; } }

.notfound_btn a:hover { opacity: 1; }

.notfound_btn a:hover:after { right: 20px; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }

.notfound_btn a:after { content: ""; display: inline-block; width: 26px; height: 7px; background: url(./assets/img/arrow_right_white.png) no-repeat center center; background-size: cover; position: absolute; top: 0; right: 30px; bottom: 0; margin: auto; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }

.contact_container { max-width: 600px; margin-left: auto; margin-right: auto; }

.contact_container::after { clear: both; content: ""; display: block; }

.contact_txt { text-align: center; margin-bottom: 30px; }

@media screen and (max-width: 999px) { .contact_txt { margin-bottom: 20px; } }

.contact_tel { background: #fff; text-align: center; padding: 20px; margin-bottom: 45px; }

@media screen and (max-width: 999px) { .contact_tel { margin-bottom: 30px; padding: 15px; } }

.contact_tel_catch { margin: 0; }

.contact_tel_link { margin: 0; font-size: 3rem; }

.contact_tel_link a { display: inline-block; }

.contact_tel_link a:before { content: ""; display: inline-block; width: 25px; height: 27px; background: url(./assets/img/icon_tel_black.png) no-repeat center center; background-size: cover; margin-right: 5px; position: relative; top: 2px; }

.contact_tel_txt { margin: 0; }

@media screen and (max-width: 999px) { .contact_tel_txt { font-size: 1.2rem; } }

.contact_form_txt { margin-bottom: 15px; }

.contact_form_table { width: 100%; }

@media screen and (max-width: 999px) { .contact_form_table tbody { width: 100%; display: block; } }

.contact_form_table input, .contact_form_table textarea { margin: 0; }

@media screen and (max-width: 999px) { .contact_form_table { display: block; } }

.contact_form_table label { display: inline-block; font-weight: normal; margin: 0 15px 0 0; }

.contact_form_table input[type="radio"] { margin-right: 5px; }

@media screen and (max-width: 999px) { .contact_form_table tr { display: block; } }

.contact_form_table tr:first-child th { border-top: 1px dashed #bcbcbc; }

.contact_form_table tr:first-child td { border-top: 1px dashed #bcbcbc; }

@media screen and (max-width: 999px) { .contact_form_table tr:first-child td { border-top: none; } }

.contact_form_table tr th { font-weight: normal; padding: 10px 0; border-bottom: 1px dashed #bcbcbc; width: 220px; }

@media screen and (max-width: 999px) { .contact_form_table tr th { display: block; width: 100%; border-bottom: none; } }

.contact_form_table tr td { padding: 10px 0; border-bottom: 1px dashed #bcbcbc; }

@media screen and (max-width: 999px) { .contact_form_table tr td { display: block; width: 100%; padding-top: 0; } }

.contact_form_privacy { margin: 40px 0; text-align: center; }

@media screen and (max-width: 999px) { .contact_form_privacy { margin: 20px 0; } }

.contact_form_privacy a { display: inline-block; text-decoration: underline; }

.contact_form_privacy a:after { content: ""; display: inline-block; background: url(./assets/img/icon_newwindow.png) no-repeat center center; background-size: cover; width: 14px; height: 14px; margin-left: 5px; position: relative; top: 1px; }

.contact_form_confirm { text-align: center; margin: 0; }

@media screen and (max-width: 999px) { .contact_form_confirm { font-size: 1.2rem; } }

.contact_form_btns { text-align: center; margin-bottom: 10px; }

.contact_form_btns .btn-submit { background: #222222; color: #fff; width: 200px; display: inline-block; margin: 0 10px; text-align: center; border-radius: 0; margin-bottom: 20px; font-weight: normal; font-size: 1.6rem; }

@media screen and (max-width: 999px) { .contact_form_btns .btn-submit { font-size: 1.4rem; width: 130px; margin: 0 5px; } }

.contact_form_btns .ajax-loader { display: block; }

.works-category { text-align: center; margin-bottom: 40px; }

@media screen and (max-width: 999px) { .works-category { margin-bottom: 30px; letter-spacing: 0; font-size: 1.2rem; } }

.works-category_list { display: inline-block; }

@media screen and (max-width: 999px) { .works-category_list { display: block; }
  .works-category_list::after { clear: both; content: ""; display: block; } }

.works-category_list_item { display: inline-block; background: #fff; }

@media screen and (max-width: 999px) { .works-category_list_item { display: block; width: 50%; float: left; } }

.works-category_list_item--active a { background: #222222; color: #fff; }

.works-category_list_item a { display: inline-block; padding: 5px 25px; }

@media screen and (max-width: 999px) { .works-category_list_item a { display: block; padding: 8px 5px; } }

.works_underconstruction { max-width: 1000px; margin-left: auto; margin-right: auto; padding: 60px 0 0; }

.works_underconstruction::after { clear: both; content: ""; display: block; }

@media screen and (max-width: 999px) { .works_underconstruction { padding: 45px 15px 30px; } }

.works_underconstruction_tab-menu { text-align: center; font-size: 0; letter-spacing: 0; margin-bottom: 45px; }

@media screen and (max-width: 999px) { .works_underconstruction_tab-menu { margin-bottom: 30px; } }

.works_underconstruction_tab-menu_item { display: inline-block; background: #f5f5f5; font-size: 1.4rem; padding: 5px 25px; letter-spacing: 0.1em; cursor: pointer; }

@media screen and (max-width: 999px) { .works_underconstruction_tab-menu_item { font-size: 1.3rem; } }

.works_underconstruction_tab-menu_item.is-active { background: #222222; color: #fff; }

.underconstruction-archive::after { clear: both; content: ""; display: block; }

.underconstruction-archive_item { width: 320px; float: left; margin-right: 20px; line-height: 1.7; margin-bottom: 30px; }

.underconstruction-archive_item::after { clear: both; content: ""; display: block; }

@media screen and (min-width: 1025px) { .underconstruction-archive_item:nth-child(3n) { margin-right: 0; }
  .underconstruction-archive_item:nth-child(3n+1) { clear: left; } }

@media screen and (max-width: 1024px) { .underconstruction-archive_item { float: left; display: block; margin-right: 2.35765%; width: 31.76157%; }
  .underconstruction-archive_item:last-child { margin-right: 0; }
  .underconstruction-archive_item:nth-child(3n) { margin-right: 0; }
  .underconstruction-archive_item:nth-child(3n+1) { clear: left; } }

@media screen and (max-width: 999px) { .underconstruction-archive_item { display: table; margin-bottom: 5px; line-height: 1.6; width: 100%; float: none; } }

.underconstruction-archive_item_thumb { width: 120px; float: left; }

@media screen and (max-width: 1024px) { .underconstruction-archive_item_thumb { width: 100px; } }

@media screen and (max-width: 999px) { .underconstruction-archive_item_thumb { margin-bottom: 0; width: 20%; float: none; display: table-cell; vertical-align: middle; } }

.underconstruction-archive_item_right { width: 180px; float: right; padding-top: 10px; }

@media screen and (max-width: 1024px) { .underconstruction-archive_item_right { width: 160px; } }

@media screen and (max-width: 999px) { .underconstruction-archive_item_right { width: 80%; padding: 0 0 0 5%; float: none; display: table-cell; vertical-align: middle; } }

.underconstruction-archive_item_category { display: inline-block; border: 1px solid #6d6d6d; color: #6d6d6d; font-size: 1.2rem; padding: 2px 10px; margin-bottom: 10px; }

@media screen and (max-width: 999px) { .underconstruction-archive_item_category { font-size: 1rem; border: none; padding: 0; margin-bottom: 0; } }

.underconstruction-archive_item_area { color: #6d6d6d; font-size: 1.2rem; margin-bottom: 5px; }

@media screen and (max-width: 999px) { .underconstruction-archive_item_area { font-size: 1rem; margin-bottom: 2px; } }

.underconstruction-archive_item_title { margin: 0; line-height: 1.6; letter-spacing: 0.05em; font-size: 1.3rem; }

@media screen and (max-width: 999px) { .underconstruction-archive_item_title { font-size: 1.2rem; } }

.staff_txt { text-align: center; margin-bottom: 60px; }

@media screen and (max-width: 999px) { .staff_txt { margin-bottom: 30px; } }

.staff_container { max-width: 800px; margin-left: auto; margin-right: auto; }

.staff_container::after { clear: both; content: ""; display: block; }

.staff_container::after { clear: both; content: ""; display: block; }

.staff_item { letter-spacing: 0.05em; background: #fff; float: left; padding: 25px; border-bottom: 1px solid #bcbcbc; }

.staff_item::after { clear: both; content: ""; display: block; }

@media screen and (min-width: 1025px) { .staff_item { width: 385px; margin-right: 30px; margin-bottom: 20px; }
  .staff_item:nth-child(2n) { margin-right: 0; }
  .staff_item:nth-child(2n+1) { clear: left; } }

@media screen and (max-width: 1024px) { .staff_item { float: left; display: block; margin-right: 2.35765%; width: 31.76157%; margin-bottom: 2.5%; }
  .staff_item:last-child { margin-right: 0; }
  .staff_item:nth-child(3n) { margin-right: 0; }
  .staff_item:nth-child(3n+1) { clear: left; } }

@media screen and (max-width: 999px) { .staff_item { width: auto; float: none; padding: 10px; margin-bottom: 10px; }
  .staff_item:last-child { margin-bottom: 0; } }

.staff_item_thumb { width: 150px; float: left; }

@media screen and (max-width: 1024px) { .staff_item_thumb { float: none; margin: 0 auto; } }

@media screen and (max-width: 999px) { .staff_item_thumb { width: 100px; float: left; } }

.staff_item_profile { width: 170px; float: right; line-height: 1.4; }

@media screen and (max-width: 1024px) { .staff_item_profile { float: none; margin: 15px auto 0; text-align: center; } }

@media screen and (max-width: 999px) { .staff_item_profile { margin-top: 0; width: auto; float: left; padding-left: 15px; padding-top: 15px; } }

.staff_item_profile_position { font-size: 1.2rem; margin-bottom: 10px; }

@media screen and (max-width: 999px) { .staff_item_profile_position { font-size: 0.9rem; margin-bottom: 5px; } }

.staff_item_profile_name { font-size: 1.8rem; margin-bottom: 10px; }

@media screen and (max-width: 999px) { .staff_item_profile_name { font-size: 1.6rem; } }

.staff_item_profile_name_en { display: block; color: #6d6d6d; font-size: 1rem; margin-top: 2px; }

.staff_item_profile_qualification { font-size: 1rem; margin: 0; }

.staff_item_profile_qualification--sp { clear: both; font-size: 1rem; margin: 0; padding-top: 10px; line-height: 1.4; }

.staff_item_message { clear: both; font-size: 1.3rem; margin: 0; line-height: 1.6; padding-top: 20px; }

@media screen and (max-width: 999px) { .staff_item_message { font-size: 1.2rem; padding-top: 5px; } }

.tokonoma_heading { position: relative; text-align: center; width: 100%; height: 200px; background: url(./assets/img/tokonoma_heading_bg.jpg) no-repeat center center; background-size: cover; margin-bottom: 45px; margin-top: -50px; }

@media screen and (max-width: 999px) { .tokonoma_heading { height: 120px; margin-bottom: 20px; margin-top: -30px; } }

.tokonoma_heading_logo { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); /* Safari用 */ -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.tokonoma_txt { text-align: center; margin-bottom: 50px; font-size: 1.3rem; }

@media screen and (max-width: 999px) { .tokonoma_txt { margin-bottom: 30px; font-size: 1.2rem; } }

.tokonoma_post::after { clear: both; content: ""; display: block; }

.tokonoma_post_item { width: 365px; float: left; margin-right: 20px; background: #fff; margin-bottom: 15px; border-bottom: 1px solid #bcbcbc; }

.tokonoma_post_item:nth-child(2n) { margin-right: 0; }

.tokonoma_post_item:nth-child(2n+1) { clear: left; }

.tokonoma_post_item:nth-child(2n) { margin-right: 0; }

.tokonoma_post_item:nth-child(2n+1) { clear: left; }

@media screen and (max-width: 999px) { .tokonoma_post_item { margin-bottom: 5px; width: 100%; float: none; margin-right: 0; } }

.tokonoma_post_item a { display: block; padding: 15px; }

.tokonoma_post_item a::after { clear: both; content: ""; display: block; }

@media screen and (max-width: 999px) { .tokonoma_post_item a { padding: 10px; } }

.tokonoma_post_item_left { width: 120px; float: left; }

@media screen and (max-width: 999px) { .tokonoma_post_item_left { width: 35%; } }

.tokonoma_post_item_right { width: 190px; float: right; }

@media screen and (max-width: 999px) { .tokonoma_post_item_right { width: 60%; } }

.tokonoma_post_item_heading { font-size: 1.3rem; margin-bottom: 0; font-weight: normal; line-height: 1.6; }

@media screen and (max-width: 999px) { .tokonoma_post_item_heading { line-height: 1.5; } }

.tokonoma_post_item_info { color: #6d6d6d; font-size: 0; margin-bottom: 10px; border-bottom: 1px solid #6d6d6d; padding-bottom: 10px; }

@media screen and (max-width: 999px) { .tokonoma_post_item_info { padding-bottom: 5px; margin-bottom: 5px; } }

.tokonoma_post_item_info_time { display: inline-block; font-size: 1.1rem; }

.tokonoma_post_item_info_category { display: inline-block; font-size: 1.1rem; }

.tokonoma_post_item_info time:after, .tokonoma_post_item_info span:after { content: "|"; margin: 0 10px; }

@media screen and (max-width: 999px) { .tokonoma_post_item_info time:after, .tokonoma_post_item_info span:after { margin: 0 5px; } }

.tokonoma_post_item_info time:last-child:after, .tokonoma_post_item_info span:last-child:after { display: none; }

.realestate_main-image { text-align: center; margin-bottom: 55px; }

@media screen and (max-width: 999px) { .realestate_main-image { margin-bottom: 30px; } }

.realestate_concept { margin-bottom: 60px; }

@media screen and (max-width: 999px) { .realestate_concept { margin-bottom: 45px; } }

.realestate_concept_container { max-width: 800px; margin-left: auto; margin-right: auto; }

.realestate_concept_container::after { clear: both; content: ""; display: block; }

.realestate_concept_heading { text-align: center; margin-bottom: 20px; }

@media screen and (max-width: 999px) { .realestate_concept_heading { margin-bottom: 15px; } }

.realestate_concept_catch { text-align: center; margin-bottom: 20px; font-size: 1.8rem; color: #6d6d6d; }

@media screen and (max-width: 999px) { .realestate_concept_catch { margin-bottom: 15px; font-size: 1.6rem; } }

.realestate_concept_txt { text-align: center; margin: 0; }

@media screen and (max-width: 999px) { .realestate_concept_txt { text-align: left; } }

.realestate_request { margin-bottom: 60px; }

@media screen and (max-width: 999px) { .realestate_request { margin-bottom: 45px; } }

.realestate_request_container { max-width: 800px; margin-left: auto; margin-right: auto; }

.realestate_request_container::after { clear: both; content: ""; display: block; }

.realestate_request_heading { width: 717px; margin: 0 auto; text-align: center; border: 1px solid #222; border-bottom: none; font-size: 2rem; padding: 20px 15px; margin-bottom: 30px; }

@media screen and (max-width: 999px) { .realestate_request_heading { width: auto; margin: 0 15px 15px; font-size: 1.6rem; padding: 15px 10px; } }

.realestate_request_col-02 { margin-bottom: 25px; }

.realestate_request_col-02::after { clear: both; content: ""; display: block; }

.realestate_request_col-02_item { width: 390px; float: left; background: #fff; margin-right: 20px; margin-bottom: 20px; }

.realestate_request_col-02_item::after { clear: both; content: ""; display: block; }

.realestate_request_col-02_item:nth-child(2n) { margin-right: 0; }

.realestate_request_col-02_item:nth-child(2n+1) { clear: left; }

@media screen and (max-width: 999px) { .realestate_request_col-02_item { float: left; display: block; margin-right: 2.35765%; width: 48.82117%; margin-bottom: 3%; }
  .realestate_request_col-02_item:last-child { margin-right: 0; } }

.realestate_request_col-02_item_left { width: 185px; float: left; }

@media screen and (max-width: 999px) { .realestate_request_col-02_item_left { width: auto; float: none; } }

.realestate_request_col-02_item_right { width: 205px; float: right; text-align: center; padding: 20px 20px 20px 25px; }

@media screen and (max-width: 999px) { .realestate_request_col-02_item_right { width: auto; float: none; padding: 10px; } }

@media screen and (max-width: 999px) { .realestate_request_col-02_item_txt { font-size: 1.2rem; } }

.realestate_request_col-02_item_txt--large { border-top: 1px solid #222; font-size: 2rem; display: block; }

@media screen and (max-width: 999px) { .realestate_request_col-02_item_txt--large { font-size: 1.6rem; } }

.realestate_request_col-02_item_link { color: #fff; background: #222; display: block; font-size: 1.3rem; padding: 5px 10px; }

@media screen and (max-width: 999px) { .realestate_request_col-02_item_link { font-size: 1.1rem; padding: 10px; } }

.realestate_request_akiya { max-width: 800px; margin-left: auto; margin-right: auto; position: relative; background: #fff; padding: 30px 55px 35px 35px; }

.realestate_request_akiya::after { clear: both; content: ""; display: block; }

@media screen and (max-width: 999px) { .realestate_request_akiya { padding: 40px 15px 20px; } }

.realestate_request_akiya:before { content: ""; display: inline-block; width: 35px; height: 35px; background: url(./assets/img/realestate_request_akiya_plus.png) no-repeat center center; background-size: cover; position: absolute; top: -17px; left: 0; right: 0; margin: auto; z-index: 1; }

@media screen and (max-width: 999px) { .realestate_request_akiya:before { width: 20px; height: 20px; top: -10px; } }

.realestate_request_akiya_container { display: table; width: 100%; }

@media screen and (max-width: 999px) { .realestate_request_akiya_container { display: block; } }

.realestate_request_akiya_left { display: table-cell; width: 260px; vertical-align: middle; border-right: 1px solid #222; }

@media screen and (max-width: 999px) { .realestate_request_akiya_left { display: block; width: auto; border-right: none; text-align: center; } }

.realestate_request_akiya_right { display: table-cell; padding-left: 30px; vertical-align: middle; }

@media screen and (max-width: 999px) { .realestate_request_akiya_right { display: block; width: auto; padding: 0; } }

.realestate_request_akiya_txt { font-size: 1.3rem; }

@media screen and (max-width: 999px) { .realestate_request_akiya_txt { font-size: 1.2rem; } }

@media screen and (max-width: 999px) { .realestate_request_akiya_link { text-align: center; } }

.realestate_request_akiya_link a { color: #4a3d3b; display: inline-block; text-decoration: underline; }

.realestate_request_akiya_link a:before { content: ""; display: inline-block; width: 6px; height: 11px; background: url(./assets/img/realestate_request_akiya_arrow.png) no-repeat center center; background-size: cover; margin-right: 10px; }

.realestate_new-post_container { max-width: 800px; margin-left: auto; margin-right: auto; }

.realestate_new-post_container::after { clear: both; content: ""; display: block; }

.realestate_new-post_menu { text-align: center; font-size: 0; margin-bottom: 40px; }

@media screen and (max-width: 999px) { .realestate_new-post_menu { margin-bottom: 30px; } }

.realestate_new-post_menu_item { position: relative; display: inline-block; width: 160px; background: #6d6d6d; font-size: 1.4rem; margin: 0 5px; letter-spacing: 0; }

@media screen and (max-width: 999px) { .realestate_new-post_menu_item { font-size: 1.1rem; width: auto; } }

.realestate_new-post_menu_item:after { content: ""; width: 6px; height: 10px; display: inline-block; background: url(./assets/img/realestate_new-post_menu_arrow_white.png) no-repeat center center; background-size: cover; position: absolute; top: 0; right: 10px; bottom: 0; margin: auto; }

@media screen and (max-width: 999px) { .realestate_new-post_menu_item:after { width: 3px; height: 5px; right: 8px; } }

.realestate_new-post_menu_item a { color: #fff; display: block; padding: 5px 10px; }

@media screen and (max-width: 999px) { .realestate_new-post_menu_item a { padding: 5px 20px; } }

.realestate_archive::after { clear: both; content: ""; display: block; }

.realestate_archive_item { line-height: 1.6; margin-bottom: 5%; }

@media screen and (min-width: 1025px) { .realestate_archive_item { float: left; display: block; margin-right: 2.35765%; width: 31.76157%; }
  .realestate_archive_item:last-child { margin-right: 0; }
  .realestate_archive_item:nth-child(3n) { margin-right: 0; }
  .realestate_archive_item:nth-child(3n+1) { clear: left; } }

@media screen and (max-width: 1024px) { .realestate_archive_item { /* @include span-columns(4); @include omega(3n); */ } }

@media screen and (max-width: 999px) { .realestate_archive_item { float: left; display: block; margin-right: 2.35765%; width: 48.82117%; }
  .realestate_archive_item:last-child { margin-right: 0; }
  .realestate_archive_item:nth-child(2n) { margin-right: 0; }
  .realestate_archive_item:nth-child(2n+1) { clear: left; } }

.realestate_archive_item a { display: block; }

.realestate_archive_item_thumb { margin-bottom: 10px; position: relative; }

.realestate_archive_item_abs { width: 100%; position: absolute; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); text-align: center; color: #fff; margin: 0; font-size: 1.2rem; letter-spacing: 0; padding: 2px 0; }

.realestate_archive_item_heading { font-size: 1.4rem; margin-bottom: 5px; }

@media screen and (max-width: 999px) { .realestate_archive_item_heading { margin-bottom: 0; } }

.realestate_archive_item_area { font-size: 1.2rem; margin-bottom: 0; color: #6d6d6d; }

@media screen and (max-width: 999px) { .realestate_archive_item_area { margin-bottom: 0; } }

.realestate_archive_item_category { font-size: 1.2rem; color: #6d6d6d; display: inline-block; }

.realestate_archive_item_category_item { display: inline-block; margin-right: 3px; }

.realestate_archive_item_category_item:last-child { margin-right: 0; }

.realestate_archive_item_floorplan { font-size: 1.2rem; color: #6d6d6d; display: inline-block; margin: 0; }

.realestate_archive_item_price { margin: 0; color: #6d6d6d; font-size: 1.2rem; font-weight: normal; }

@media screen and (max-width: 999px) { .realestate_archive_item_price { font-size: 1.2rem; } }

.realestate-single_thumb { text-align: center; margin-bottom: 30px; }

@media screen and (max-width: 999px) { .realestate-single_thumb { margin-bottom: 20px; } }

.realestate-single_data { margin-top: 45px; }

@media screen and (max-width: 999px) { .realestate-single_data { margin-top: 30px; } }

.realestate-single_data_top { margin-bottom: 30px; }

@media screen and (max-width: 999px) { .realestate-single_data_top { margin-bottom: 20px; } }

.realestate-single_data_top_floor-price { font-size: 2rem; }

@media screen and (max-width: 999px) { .realestate-single_data_top_floor-price { font-size: 1.8rem; } }

.realestate-single_data_top_floor-price_floor { display: inline-block; margin-right: 20px; margin-bottom: 0; }

.realestate-single_data_top_floor-price_price { display: inline-block; margin-bottom: 0; }

.realestate-single_data_top_other-price { font-size: 1.6rem; }

@media screen and (max-width: 999px) { .realestate-single_data_top_other-price { font-size: 1.4rem; margin-bottom: 0; } }

.realestate-single_data_top_other-price_item { margin-right: 20px; display: inline-block; margin-bottom: 0; }

.realestate-single_data_top_other-price_item:last-child { margin-right: 0; }

.realestate-single_data_table { width: 100%; font-size: 1.3rem; letter-spacing: 0.05em; border-top: 4px solid #222; margin-bottom: 90px; }

@media screen and (max-width: 999px) { .realestate-single_data_table { font-size: 1.2rem; display: block; margin-bottom: 30px; } }

@media screen and (max-width: 999px) { .realestate-single_data_table tr { display: block; } }

.realestate-single_data_table tr th { width: 100px; font-weight: normal; background: #e9e9e9; border: 1px solid #6d6d6d; text-align: center; padding: 15px 10px; }

@media screen and (max-width: 999px) { .realestate-single_data_table tr th { display: block; width: 100%; padding: 10px 10px; text-align: left; border-bottom: none; border-top: none; } }

.realestate-single_data_table tr td { border: 1px solid #6d6d6d; padding: 15px 10px; }

@media screen and (max-width: 999px) { .realestate-single_data_table tr td { display: block; width: 100%; padding: 10px 10px; } }

.realestate-single_data_btns { text-align: center; font-size: 0; margin-bottom: 30px; }

.realestate-single_data_btns_item { display: inline-block; font-size: 1rem; margin: 0 5px; }

@media screen and (max-width: 999px) { .realestate-single_data_btns_item img { width: 120px; } }

.realestate-flow_container { max-width: 800px; margin-left: auto; margin-right: auto; }

.realestate-flow_container::after { clear: both; content: ""; display: block; }

.realestate-flow_head { margin-bottom: 50px; }

@media screen and (max-width: 999px) { .realestate-flow_head { margin-bottom: 30px; } }

.realestate-flow_head_txt { text-align: center; margin-bottom: 0; }

.realestate-flow_menu { font-size: 0; text-align: center; letter-spacing: 0; margin-bottom: 40px; }

@media screen and (max-width: 999px) { .realestate-flow_menu { margin-bottom: 20px; } }

.realestate-flow_menu_item { font-size: 1.4rem; display: inline-block; background: #fff; width: 165px; letter-spacing: 0.1em; padding: 5px 0; cursor: pointer; }

@media screen and (max-width: 999px) { .realestate-flow_menu_item { width: 50%; padding: 6px 0; } }

.realestate-flow_menu_item.is-active { background: #222; color: #fff; }

.realestate-flow_txt { text-align: center; margin-bottom: 50px; }

@media screen and (max-width: 999px) { .realestate-flow_txt { font-size: 1.2rem; margin-bottom: 30px; } }

.realestate-flow_item::after { clear: both; content: ""; display: block; }

.realestate-flow_item_step { width: 200px; float: left; text-align: center; padding: 0 10px; margin-bottom: 45px; }

@media screen and (max-width: 999px) { .realestate-flow_item_step { float: left; display: block; margin-right: 2.35765%; width: 48.82117%; padding: 0; }
  .realestate-flow_item_step:last-child { margin-right: 0; }
  .realestate-flow_item_step:nth-child(2n) { margin-right: 0; }
  .realestate-flow_item_step:nth-child(2n+1) { clear: left; } }

.realestate-flow_item_step_head { height: 170px; }

.realestate-flow_item_step_head--small { height: 150px; }

.realestate-flow_item_step_head_num { position: relative; z-index: 1; }

.realestate-flow_item_step_head_txt { font-size: 1.5rem; margin-top: -65px; position: relative; letter-spacing: 0.05em; z-index: 2; line-height: 1.8; }

@media screen and (max-width: 999px) { .realestate-flow_item_step_head_txt { font-size: 1.4rem; } }

.realestate-flow_item_step_head_txt:before { content: ""; display: block; margin: 0 auto 10px; width: 30px; height: 1px; background: #222; }

.realestate-flow_item_step_head_txt--fs12 { font-size: 1.2rem; display: block; line-height: 1.6; letter-spacing: 0; }

.realestate-flow_item_step_head_txt--fs11 { font-size: 1.1rem; display: block; line-height: 1.6; letter-spacing: 0; }

.realestate-flow_item_step_head_txt--fs10 { font-size: 1rem; display: block; line-height: 1.6; letter-spacing: -0.05em; }

.realestate-flow_item_step_head_txt_link { color: #6d6d6d; font-size: 1.2rem; text-decoration: underline; }

.realestate-flow_item_step_head_txt_link:before { content: ""; display: inline-block; width: 6px; height: 11px; background: url(./assets/img/realestate_flow_arrow.png) no-repeat center center; background-size: cover; margin-right: 10px; }

.realestate-flow_item_step_inspection { position: relative; }

.realestate-flow_item_step_inspection_btn { background: #6d6d6d; color: #fff; cursor: pointer; font-size: 1.2rem; letter-spacing: 0.05em; padding: 5px 0; margin-top: 10px; margin-bottom: 0; }

@media screen and (max-width: 999px) { .realestate-flow_item_step_inspection_btn { font-size: 1.1rem; letter-spacing: 0; } }

.realestate-flow_item_step_inspection_btn.active:after { content: ""; display: inline-block; width: 14px; height: 2px; background: url(./assets/img/realestate_flow_minus.png) no-repeat center center; background-size: cover; vertical-align: middle; margin-left: 5px; position: relative; bottom: 2px; }

@media screen and (max-width: 999px) { .realestate-flow_item_step_inspection_btn.active:after { width: 7px; height: 1px; } }

.realestate-flow_item_step_inspection_btn:after { content: ""; display: inline-block; width: 14px; height: 14px; background: url(./assets/img/realestate_flow_plus.png) no-repeat center center; background-size: cover; vertical-align: middle; margin-left: 5px; position: relative; bottom: 2px; }

@media screen and (max-width: 999px) { .realestate-flow_item_step_inspection_btn:after { width: 7px; height: 7px; } }

.realestate-flow_item_step_inspection_contents { display: none; position: absolute; z-index: 3; left: 0; top: 40px; width: 390px; background: #fff; text-align: left; padding: 30px 25px 20px; }

@media screen and (max-width: 999px) { .realestate-flow_item_step_inspection_contents { width: 290px; padding: 15px 15px 10px; } }

.realestate-flow_item_step_inspection_item { border-bottom: 1px solid #222; padding: 10px 0; }

.realestate-flow_item_step_inspection_item:first-child { border-top: 1px solid #222; }

.realestate-flow_item_step_inspection_item_txt { margin-bottom: 0; text-align: center; }

.realestate-flow_item_step_inspection_item_txt--arrow:after { content: ""; display: block; width: 25px; height: 12px; background: url(./assets/img/realestate-flow_arrowbottom.png) no-repeat center center; background-size: cover; margin: 10px auto; }

.realestate-flow_item_step_inspection_item_txt_item { display: inline-block; vertical-align: middle; text-align: left; line-height: 1.6; }

@media screen and (max-width: 999px) { .realestate-flow_item_step_inspection_item_txt_item { font-size: 1.2rem; } }

.realestate-flow_item_step_inspection_item_txt_item--small { font-size: 1.2rem; }

@media screen and (max-width: 999px) { .realestate-flow_item_step_inspection_item_txt_item--small { font-size: 1.2rem; } }

.realestate-flow_item_step_inspection_item_price { font-size: 1.8rem; margin-bottom: 0; text-align: center; line-height: 1.5; }

@media screen and (max-width: 999px) { .realestate-flow_item_step_inspection_item_price { font-size: 1.6rem; } }

.realestate-flow_item_step_inspection_item_price--small { font-size: 1.4rem; }

@media screen and (max-width: 999px) { .realestate-flow_item_step_inspection_item_price--small { font-size: 1.1rem; } }

.realestate-flow_item_step_inspection_note { text-align: right; font-size: 1.2rem; margin-bottom: 0; }

@media screen and (max-width: 999px) { .realestate-flow_item_step_inspection_note { font-size: 1.1rem; } }

.calendar-daylink { color: #0366D6; text-decoration: underline; font-weight: bold; }

.booking-timelink { color: #0366D6; text-decoration: underline; font-weight: bold; }

.day-calendar table { width: 100%; }

.content-form input, .content-form textarea { font-size: 1.4rem !important; }

#action-button button { padding: 15px 45px; border-radius: 0; font-size: 1.6rem; }

.content-text.medium { width: 95% !important; }

.online_about { max-width: 660px; margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 60px; }

.online_about::after { clear: both; content: ""; display: block; }

@media screen and (max-width: 999px) { .online_about { margin-bottom: 30px; } }

.online_about_heading { font-size: 2rem; margin-bottom: 50px; }

@media screen and (max-width: 999px) { .online_about_heading { font-size: 1.8rem; margin-bottom: 20px; } }

.online_about_thumb { margin-bottom: 30px; }

@media screen and (max-width: 999px) { .online_about_thumb { margin-bottom: 15px; } }

.online_about_txt { font-size: 1.3rem; margin-bottom: 0; }

.online_about_txt a { text-decoration: underline; }

.online_staff { max-width: 660px; margin-left: auto; margin-right: auto; margin-bottom: 65px; }

.online_staff::after { clear: both; content: ""; display: block; }

@media screen and (max-width: 999px) { .online_staff { margin-bottom: 45px; } }

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

@media screen and (max-width: 999px) { .online_staff_heading { font-size: 1.8rem; margin-bottom: 20px; } }

.online_staff_col-03::after { clear: both; content: ""; display: block; }

.online_staff_col-03_item { width: 200px; float: left; text-align: center; margin-right: 30px; }

@media screen and (max-width: 999px) { .online_staff_col-03_item { float: none; width: auto; margin: 0 0 15px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; /* 子要素をflexboxで揃える */ -webkit-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } }

.online_staff_col-03_item:last-child { margin-right: 0; }

.online_staff_col-03_item_thumb { margin-bottom: 15px; }

@media screen and (max-width: 999px) { .online_staff_col-03_item_thumb { margin-bottom: 0; width: 30%; } }

@media screen and (max-width: 999px) { .online_staff_col-03_item_data { width: 70%; padding-left: 5%; text-align: left; } }

.online_staff_col-03_item_position { font-size: 1.3rem; margin-bottom: 10px; letter-spacing: 0.075em; }

@media screen and (max-width: 999px) { .online_staff_col-03_item_position { font-size: 1.2rem; margin-bottom: 5px; } }

.online_staff_col-03_item_name { width: 180px; background: #fff; margin: 0 auto 10px; font-size: 2rem; }

@media screen and (max-width: 999px) { .online_staff_col-03_item_name { display: inline-block; padding: 0px 20px; width: auto; font-size: 1.4rem; margin: 0 0 5px 0; } }

.online_staff_col-03_item_qualification { font-size: 1.3rem; margin-bottom: 0; line-height: 1.6; }

@media screen and (max-width: 999px) { .online_staff_col-03_item_qualification { font-size: 1.1rem; } }

.online_preparation { max-width: 800px; margin-left: auto; margin-right: auto; margin-bottom: 30px; }

.online_preparation::after { clear: both; content: ""; display: block; }

.online_preparation_container { padding: 35px 100px 70px; background: #fff; }

@media screen and (max-width: 999px) { .online_preparation_container { padding: 20px 15px; } }

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

@media screen and (max-width: 999px) { .online_preparation_heading { font-size: 1.8rem; margin-bottom: 20px; } }

.online_preparation_thumb { text-align: center; margin-bottom: 20px; }

@media screen and (max-width: 999px) { .online_preparation_thumb { margin-bottom: 15px; }
  .online_preparation_thumb img { width: 240px; } }

.online_preparation_note { background: #f5f5f5; padding: 20px 85px; font-size: 1.3rem; margin-bottom: 20px; }

@media screen and (max-width: 999px) { .online_preparation_note { padding: 15px; margin-bottom: 10px; } }

.online_preparation_note dt { font-weight: normal; }

.online_preparation_start { border: 5px solid #f5f5f5; padding: 45px 50px; }

@media screen and (max-width: 999px) { .online_preparation_start { padding: 20px 15px; border: 3px solid #f5f5f5; } }

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

@media screen and (max-width: 999px) { .online_preparation_start_heading { font-size: 1.8rem; margin-bottom: 15px; } }

.online_preparation_start_list { font-size: 1.3rem; margin-bottom: 20px; }

.online_preparation_start_dl_heading { font-size: 1.4rem; background: #f5f5f5; display: inline-block; padding: 5px 10px; }

.online_preparation_start_dl_txt { font-size: 1.3rem; margin-bottom: 0; }

.online_preparation_start_dl_txt a { text-decoration: underline; }

.online_step { max-width: 800px; margin-left: auto; margin-right: auto; margin-bottom: 60px; }

.online_step::after { clear: both; content: ""; display: block; }

@media screen and (max-width: 999px) { .online_step { margin-bottom: 30px; } }

.online_step_container { padding: 35px 100px 70px; background: #fff; }

@media screen and (max-width: 999px) { .online_step_container { padding: 20px 15px; } }

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

@media screen and (max-width: 999px) { .online_step_heading { font-size: 1.8rem; margin-bottom: 20px; } }

.online_step_item { display: table; width: 100%; border: 5px solid #6d6d6d; margin-bottom: 15px; }

@media screen and (max-width: 999px) { .online_step_item { border: 3px solid #6d6d6d; margin-bottom: 5px; } }

.online_step_item_th { display: table-cell; background: #6d6d6d; width: 115px; vertical-align: middle; text-align: center; color: #fff; font-family: "Cardo", serif; font-size: 2rem; padding: 30px 0; font-weight: normal; }

@media screen and (max-width: 999px) { .online_step_item_th { padding: 20px 0; width: 80px; font-size: 1.8rem; } }

.online_step_item_td { display: table-cell; vertical-align: middle; padding: 0 20px; }

@media screen and (max-width: 999px) { .online_step_item_td { padding: 10px 15px; font-size: 1.3rem; line-height: 1.6; } }

.online_step_item_td a { text-decoration: underline; }

.online_step_txt { font-size: 1.3rem; margin-bottom: 15px; }

.online_step_tel { font-size: 1.3rem; }

.online_step_tel_btn { display: inline-block; background: #6d6d6d; color: #fff; padding: 5px 20px; }

.online_step_tel_time { display: inline-block; color: #6d6d6d; margin-left: 15px; margin-bottom: 0; }

.online_theme { max-width: 800px; margin-left: auto; margin-right: auto; margin-bottom: 110px; }

.online_theme::after { clear: both; content: ""; display: block; }

@media screen and (max-width: 999px) { .online_theme { margin-bottom: 45px; } }

.online_theme_heading { text-align: center; font-size: 2rem; max-width: 717px; margin-left: auto; margin-right: auto; border: 1px solid #222222; border-bottom: none; padding: 30px 15px; margin-bottom: 30px; }

.online_theme_heading::after { clear: both; content: ""; display: block; }

@media screen and (max-width: 999px) { .online_theme_heading { font-size: 1.8rem; padding: 15px 10px; margin-bottom: 20px; } }

.online_theme_item { padding: 30px; background: #fff; margin-bottom: 20px; }

.online_theme_item::after { clear: both; content: ""; display: block; }

@media screen and (max-width: 999px) { .online_theme_item { padding: 20px 15px; margin-bottom: 10px; } }

.online_theme_item:last-child { margin-bottom: 0; }

.online_theme_item_thumb { width: 180px; float: left; }

@media screen and (max-width: 999px) { .online_theme_item_thumb { float: none; margin: 0 auto 15px; } }

.online_theme_item_contents { width: 520px; float: right; }

@media screen and (max-width: 999px) { .online_theme_item_contents { width: auto; float: none; margin: 0 auto; } }

.online_theme_item_heading { font-size: 1.6rem; color: #fff; background: #6d6d6d; display: inline-block; padding: 5px 20px; margin-bottom: 5px; text-align: center; }

@media screen and (max-width: 999px) { .online_theme_item_heading { display: block; } }

.online_theme_item_category { font-size: 0; letter-spacing: 0; margin-bottom: 15px; }

@media screen and (max-width: 999px) { .online_theme_item_category { text-align: center; margin-bottom: 10px; } }

.online_theme_item_category_item { font-size: 1.3rem; color: #6d6d6d; background: #f5f5f5; display: inline-block; text-align: center; padding: 3px 15px; margin-right: 5px; letter-spacing: 0.1em; }

@media screen and (max-width: 999px) { .online_theme_item_category_item { margin-right: 3px; margin-bottom: 3px; font-size: 1.2rem; padding: 2px 10px; } }

.online_theme_item_category_item:last-child { margin-right: 0; }

.online_theme_item_sub-heading { font-size: 1.8rem; margin-bottom: 10px; }

.online_theme_item_txt { font-size: 1.3rem; margin-bottom: 10px; }

.online_theme_item_note { font-size: 1.3rem; color: #6d6d6d; margin-bottom: 0; }

.online_reservation { max-width: 800px; margin-left: auto; margin-right: auto; }

.online_reservation::after { clear: both; content: ""; display: block; }

.online_reservation_heading { text-align: center; font-size: 2rem; max-width: 717px; margin-left: auto; margin-right: auto; border: 1px solid #222222; border-bottom: none; padding: 30px 15px; margin-bottom: 30px; }

.online_reservation_heading::after { clear: both; content: ""; display: block; }

@media screen and (max-width: 999px) { .online_reservation_heading { font-size: 1.8rem; padding: 15px 10px; margin-bottom: 20px; } }

.online_reservation_form { max-width: 600px; margin-left: auto; margin-right: auto; }

.online_reservation_form::after { clear: both; content: ""; display: block; }

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

@media screen and (max-width: 999px) { .online_reservation_form_txt { font-size: 1.2rem; } }

.online_reservation .contact_form_table { width: 100%; }

.online_reservation input[type="date"] { width: auto; display: inline-block; margin-right: 10px; }

.online_reservation select { width: auto; display: inline-block; margin: 0; }

.online_reservation select option { padding: 10px; }

.online .note { font-size: 1.2rem; margin-bottom: 5px; }

.movie_head { text-align: center; margin-bottom: 50px; }

@media screen and (max-width: 999px) { .movie_head { margin-bottom: 30px; } }

.movie_head_txt { font-size: 1.3rem; margin-bottom: 0; }

.movie-archive_list::after { clear: both; content: ""; display: block; }

@media screen and (max-width: 999px) { .movie-archive_list { text-align: center; } }

.movie-archive_list_item { background: #fff; margin-bottom: 2.5%; }

@media screen and (min-width: 1025px) { .movie-archive_list_item { float: left; display: block; margin-right: 2.35765%; width: 31.76157%; }
  .movie-archive_list_item:last-child { margin-right: 0; }
  .movie-archive_list_item:nth-child(3n) { margin-right: 0; }
  .movie-archive_list_item:nth-child(3n+1) { clear: left; } }

@media screen and (max-width: 999px) { .movie-archive_list_item { width: 290px; display: inline-block; margin: 0 auto 5%; } }

.movie-archive_list_item_thumb { position: relative; text-align: center; }

.movie-archive_list_item_thumb a { display: block; }

.movie-archive_list_item_thumb a:before { content: ""; display: inline-block; width: 53px; height: 53px; background: url(./assets/img/movie-archive_icon.png) no-repeat center center; background-size: cover; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; }

@media screen and (max-width: 999px) { .movie-archive_list_item_thumb a:before { width: 42px; height: 42px; } }

.movie-archive_list_item_inner { padding: 25px 25px; }

@media screen and (max-width: 999px) { .movie-archive_list_item_inner { padding: 25px 15px; } }

.movie-archive_list_item_heading { margin-bottom: 20px; line-height: 1.6; font-size: 1.6rem; }

@media screen and (min-width: 1025px) { .movie-archive_list_item_heading { min-height: 55px; } }

@media screen and (max-width: 999px) { .movie-archive_list_item_heading { font-size: 1.4rem; margin-bottom: 15px; line-height: 1.5; } }

.post-type-archive-movie .modaal-container { background: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; max-width: 900px; }

.post-type-archive-movie .modal-movie-item { margin-top: 45px; text-align: center; display: none; }

@media screen and (max-width: 999px) { .post-type-archive-movie .modal-movie-item { margin-top: 30px; } }

.post-type-archive-movie .modal-movie-item_container { width: 100%; padding-bottom: 56.25%; height: 0px; position: relative; }

.post-type-archive-movie .modal-movie-item_container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.movie-single .modal-movie-item_container { margin-bottom: 45px; }

@media screen and (max-width: 999px) { .movie-single .modal-movie-item_container { margin-bottom: 30px; } }

.movie-single .bnr_youtubech { text-align: center; margin-bottom: 60px; }

@media screen and (max-width: 999px) { .movie-single .bnr_youtubech { margin-bottom: 45px; } }

.sidebar-movie { background: #fff; padding: 20px; }

.sidebar-movie_heading { border-bottom: 1px solid #6d6d6d; font-size: 1.6rem; padding-bottom: 10px; margin-bottom: 10px; }

.sidebar-movie_container { font-size: 1.3rem; }

.sidebar-movie_container a { text-decoration: underline; }

.openhouse_menu { margin-bottom: 45px; }

@media screen and (max-width: 999px) { .openhouse_menu { margin-bottom: 20px; } }

.openhouse_menu_list { text-align: center; }

.openhouse_menu_list_item { display: inline-block; }

.openhouse_menu_list_item.active a { background: #222222; color: #fff; }

.openhouse_menu_list_item a { display: block; padding: 2px 20px; background: #fff; }

.openhouse_archive::after { clear: both; content: ""; display: block; }

.openhouse_archive_item { background: #fff; border-bottom: 1px solid #bcbcbc; }

@media screen and (min-width: 1025px) { .openhouse_archive_item { width: 485px; float: left; margin-right: 30px; margin-bottom: 30px; }
  .openhouse_archive_item:nth-child(2n) { margin-right: 0; }
  .openhouse_archive_item:nth-child(2n+1) { clear: left; } }

@media screen and (max-width: 999px) { .openhouse_archive_item { float: left; display: block; margin-right: 2.35765%; width: 100%; margin-bottom: 3%; }
  .openhouse_archive_item:last-child { margin-right: 0; } }

.openhouse_archive_item a { display: block; }

.openhouse_archive_item_thumb { position: relative; text-align: center; }

.openhouse_archive_item_end { position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.5); color: #fff; text-align: center; font-size: 1.5rem; padding: 5px; }

@media screen and (max-width: 999px) { .openhouse_archive_item_end { font-size: 1.2rem; } }

.openhouse_archive_item_container { padding: 30px; }

@media screen and (max-width: 999px) { .openhouse_archive_item_container { padding: 20px 15px; } }

.openhouse_archive_item_heading { font-size: 1.6rem; letter-spacing: 0.1em; margin-bottom: 15px; }

@media screen and (max-width: 999px) { .openhouse_archive_item_heading { font-size: 1.4rem; letter-spacing: 0.05em; } }

.openhouse_archive_item_category { line-height: 1.2; letter-spacing: 0.1em; margin-bottom: 10px; }

@media screen and (max-width: 999px) { .openhouse_archive_item_category { letter-spacing: 0.05em; } }

.openhouse_archive_item_category_item { display: inline-block; background: #6d6d6d; color: #fff; padding: 5px 15px; font-size: 1.2rem; margin-right: 5px; }

@media screen and (max-width: 999px) { .openhouse_archive_item_category_item { font-size: 1.1rem; padding: 3px 10px; } }

.openhouse_archive_item_category_item:last-child { margin-right: 0; }

.openhouse_archive_item_info { display: table; width: 100%; font-size: 1.2rem; line-height: 1.7; }

@media screen and (max-width: 999px) { .openhouse_archive_item_info { font-size: 1.1rem; } }

.openhouse_archive_item_info_item { display: table-row; }

.openhouse_archive_item_info_item dt { position: relative; display: table-cell; width: 65px; font-weight: normal; }

@media screen and (max-width: 999px) { .openhouse_archive_item_info_item dt { width: 60px; } }

.openhouse_archive_item_info_item dt:after { content: ":"; position: absolute; right: 0; top: 0; }

.openhouse_archive_item_info_item dd { display: table-cell; padding-left: 10px; }

.openhouse_single { max-width: 620px; margin-left: auto; margin-right: auto; }

.openhouse_single::after { clear: both; content: ""; display: block; }

.openhouse_single_head { border-bottom: 1px solid #6d6d6d; padding-bottom: 10px; margin-bottom: 30px; }

.openhouse_single_head_heading { font-size: 2rem; margin-bottom: 10px; }

@media screen and (max-width: 999px) { .openhouse_single_head_heading { font-size: 1.6rem; } }

.openhouse_single_head_schedule { font-size: 1.6rem; letter-spacing: 0.1em; margin-bottom: 10px; }

@media screen and (max-width: 999px) { .openhouse_single_head_schedule { font-size: 1.2rem; letter-spacing: 0.05em; margin-bottom: 5px; } }

.openhouse_single_contents { font-size: 1.6rem; margin-bottom: 45px; }

@media screen and (max-width: 999px) { .openhouse_single_contents { font-size: 1.4rem; margin-bottom: 30px; } }

.openhouse_single_info { margin-bottom: 60px; }

@media screen and (max-width: 999px) { .openhouse_single_info { margin-bottom: 45px; } }

.openhouse_single_info_table { width: 100%; border-top: 4px solid #222222; }

@media screen and (max-width: 999px) { .openhouse_single_info_table { border-top: 3px solid #222222; font-size: 1.2rem; } }

.openhouse_single_info_table tr th { width: 150px; padding: 10px 10px 10px 30px; font-weight: normal; border-top: 1px solid #6d6d6d; border-bottom: none; border-right: 1px solid #6d6d6d; }

@media screen and (max-width: 999px) { .openhouse_single_info_table tr th { padding: 10px; width: 80px; } }

.openhouse_single_info_table tr td { padding: 10px 15px 10px 30px; border-top: 1px solid #6d6d6d; border-bottom: none; }

@media screen and (max-width: 999px) { .openhouse_single_info_table tr td { padding: 10px; } }

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