@charset "UTF-8";
/*  common
================================================ */
/* =====================================================
 * reset.css
 * - Edit html5doctor.com's CSS
 * - http://html5doctor.com/html-5-reset-stylesheet/
 * Last Updated:2017-03-01
====================================================== */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, input, select, textarea { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-style: normal; font-weight: 400; vertical-align: bottom; background: transparent; }

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

html { font-size: 62.5%; }

body { font-family: sans-serif; line-height: 1; }

ul, ol { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

a { margin: 0; padding: 0; vertical-align: bottom; background: transparent; outline: none; }

img { vertical-align: bottom; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

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

table { border-collapse: collapse; border-spacing: 0; width: 100%; }

th, td { text-align: left; vertical-align: top; }

input, select, textarea { font-family: inherit; }

input[type="submit"] { cursor: pointer; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

/*  02_base
================================================ */
html { overflow: auto; }

body { min-width: 320px; font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif; color: #333; font-size: 1.4rem; line-height: 2; letter-spacing: .06em; overflow: hidden; -webkit-text-size-adjust: 100%; }

@media all and (min-width: 600px) { body { min-width: 1160px; font-size: 1.6rem; } }

body.sg { height: auto; }

a { color: inherit; text-decoration: underline; }

@media all and (min-width: 600px) { a:hover { text-decoration: none; } }

span { font-weight: inherit; }

strong { font-weight: 700; }

img { width: 100%; height: auto; }

.l-wrapper { position: relative; }

@media all and (min-width: 600px) { .l-container.col2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 1120px; margin: 0 auto; }
  .l-container.col2 .l-contents { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: calc(100% - 250px - 20px); }
  .l-container.col2 .l-sidebar { width: 250px; } }

/*  utility
================================================ */
/* pc <--> sp
-------------------------------------- */
.u-media-query { display: none; font-family: 'sp'; }

@media all and (min-width: 600px) { .u-media-query { font-family: 'pc'; } }

@media all and (max-width: 599px) { .u-view-pc { display: none !important; } }

@media all and (min-width: 600px) { .u-view-sp { display: none !important; } }

/* link
-------------------------------------- */
.u-alpha { display: block; text-decoration: none; }

@media all and (min-width: 600px) { .u-alpha { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
  .u-alpha:hover { opacity: .7; } }

/* layout
-------------------------------------- */
.u-cf::after { content: ""; display: block; clear: both; }

.u-inner { -webkit-box-sizing: border-box; box-sizing: border-box; }

@media all and (max-width: 599px) { .u-inner { padding-left: 20px; padding-right: 20px; } }

@media all and (min-width: 600px) { .u-inner { width: 100%; max-width: 1120px; margin: auto; } }

.u-inner-system { -webkit-box-sizing: border-box; box-sizing: border-box; }

@media all and (max-width: 599px) { .u-inner-system { padding-left: 20px; padding-right: 20px; } }

@media all and (min-width: 600px) { .u-inner-system { width: 100%; max-width: 980px; margin: auto; } }

.u-inner-top { -webkit-box-sizing: border-box; box-sizing: border-box; }

@media all and (max-width: 599px) { .u-inner-top { padding-left: 20px; padding-right: 20px; } }

@media all and (min-width: 600px) { .u-inner-top { width: 100%; max-width: 1920px; min-width: 1366px; margin: auto; } }

/* font
-------------------------------------- */
.u-font-poppins { font-family: 'Poppins', sans-serif; }

/* text
-------------------------------------- */
.u-txt-upper { text-transform: uppercase; }

/*  component
================================================ */
/*
Archive

c-archive01

.c-archive01 - base style

Markup:
<ul class="archive c-archive02 {$modifiers}">
	<li class="c-archive02__item"><a href="#" class="c-archive02__link u-alpha">
		<div class="c-archive02__img"><img src="http://wptest.mh-test.com/cms/wp-content/uploads/2015/07/pic_dummy01-640x400.png" class="attachment-pic640 size-pic640 wp-post-image" alt="" title="" width="576" height="360"></div>
		<ul class="c-archive02__meta">
			<li class="c-archive02__cat">カテゴリ</li>
			<li class="c-archive02__date">0000.00.00</li>
		</ul>
		<p class="c-archive02__sub">記事タイトル</p>
	</a></li>
</ul>

Styleguide 1.0.0
*/
.c-archive01__item { margin: 0 -20px; padding: 20px 20px 30px; border-top: 2px solid #333; }

.c-archive01__item-head { margin-bottom: 30px; line-height: 1.5; font-weight: bold; font-size: 1.9rem; letter-spacing: .1em; }

.c-archive01__item-img { width: 198px; margin: 0 auto; }

.c-archive01__item-img img { max-width: 100%; }

.c-archive01__item-area-txt { padding-top: 20px; }

.c-archive01__item-intro { line-height: 1.7; }

.c-archive01__item-table { padding-top: 20px; }

.c-archive01__item:last-child { border-bottom: 2px solid #333; }

.c-archive01__btn .c-archive01__btn-link { padding: 8px 10px; }

.c-archive01__btn.is-delete { margin-top: 15px; }

@media all and (min-width: 600px) { .c-archive01__item { margin: 0; padding: 35px 40px; border-width: 3px; }
  .c-archive01__item-head { margin-bottom: 20px; font-size: 2.6rem; }
  .c-archive01__item-content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .c-archive01__item-img { width: 220px; margin: 0; }
  .c-archive01__item-img + .c-archive01__item-area-txt { width: calc(100% - 220px); padding: 0 0 0 40px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .c-archive01__item .c-archive01__item-table { padding-top: 25px; }
  .c-archive01__item .c-archive01__item-table th { width: 18%; padding: 8px 5px 8px 20px; }
  .c-archive01__item:last-child { border-bottom: 2px solid #333; }
  .c-archive01 .c-archive01__btn { max-width: 240px; margin-top: 30px; }
  .c-archive01 .c-archive01__btn .c-archive01__btn-link { padding: 8px 10px; }
  .c-archive01 .c-archive01__btn.is-delete { margin-top: 10px; }
  .c-archive01 .c-archive01__btn.is-delete .c-archive01__btn-link { padding-top: 10px; } }

/*
Archive

c-archive02

.c-archive02 - base style

Markup:
<ul class="archive c-archive02 {$modifiers}">
	<li class="c-archive02__item"><a href="#" class="c-archive02__link u-alpha">
		<div class="c-archive02__img"><img src="http://wptest.mh-test.com/cms/wp-content/uploads/2015/07/pic_dummy01-640x400.png" class="attachment-pic640 size-pic640 wp-post-image" alt="" title="" width="576" height="360"></div>
		<ul class="c-archive02__meta">
			<li class="c-archive02__cat">カテゴリ</li>
			<li class="c-archive02__date">0000.00.00</li>
		</ul>
		<p class="c-archive02__sub">記事タイトル</p>
	</a></li>
</ul>

Styleguide 1.0.1
*/
.c-archive02__item { margin: 0 -20px; padding: 30px 20px; border-top: 2px solid #333; }

.c-archive02__item-area-img img { max-width: 100%; }

.c-archive02__item-area-img { padding-bottom: 20px; }

.c-archive02__item-head { margin-bottom: 10px; font-size: 1.9rem; line-height: 1.5; font-weight: bold; }

.c-archive02__item-txt { line-height: 1.7; }

.c-archive02__item-table { padding-top: 20px; }

.c-archive02__item-box { padding: 10px; margin-top: 15px; background: #eee; }

.c-archive02__item:last-child { border-bottom: 2px solid #333; }

.c-archive02__item-data { margin-top: 10px; margin-bottom: 5px; font-size: 1.4rem; }

.c-archive02__item-data-floor { font-weight: bold; border-right: solid 1px #e1e1e1; padding-right: 8px; margin-right: 8px; }

.c-archive02__item-data-head { font-weight: bold; }

.c-archive02__item-price { margin-top: 15px; font-size: 3.0rem; font-weight: bold; text-align: center; background: #eee; }

.c-archive02__item-price-txt { font-size: 1.4rem; font-weight: normal; vertical-align: middle; padding: 0 5px; }

.c-archive02__item-floor-set { margin-top: 30px; }

.c-archive02__item-floor-img { margin: 10px 0; border: solid 2px #eee; -webkit-box-sizing: border-box; box-sizing: border-box; }

.c-archive02__tag { line-height: 1.5; }

.c-archive02__tag-item { margin-right: 15px; display: inline-block; font-size: 1.3rem; color: #a2a2a2; font-weight: bold; }

@media all and (max-width: 599px) { .c-archive02__item-table th, .c-archive02__item-table td { display: block; } }

@media all and (min-width: 600px) { .c-archive02__item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; padding: 70px 0; border-width: 3px; }
  .c-archive02__item-area { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; }
  .c-archive02__item-area-img { width: 296px; padding-bottom: 0; padding-right: 50px; }
  .c-archive02__item-area-img + .c-archive02__item-area-txt { width: calc(100% - 346px); }
  .c-archive02__item-area-txt { width: 100%; }
  .c-archive02__item-head { margin-bottom: 17px; font-size: 3rem; }
  .c-archive02__item-head-txt { margin-right: 30px; }
  .c-archive02__item-table { padding-top: 25px; }
  .c-archive02__item-table tr:first-child td:nth-child(2) { border-right: 1px solid rgba(51, 51, 51, 0.15); }
  .c-archive02__item-box { padding: 15px 20px 20px; margin-top: 20px; }
  .c-archive02__item:last-child { border-width: 3px; }
  .c-archive02__item-data { display: inline-block; vertical-align: middle; margin: 0; }
  .c-archive02__item-price { padding: 3px 0 5px 0; }
  .c-archive02__item-price-txt { font-size: 1.6rem; padding: 0 5px; }
  .c-archive02__item-floor-set { display: -webkit-box; display: -ms-flexbox; display: flex; width: 1000px; margin: 63px -10px 0; }
  .c-archive02__item-floor-img { margin: 0 10px; }
  .c-archive02__item-btn { width: 400px; }
  .c-archive02__item-btn-wrap { margin: 0 auto; }
  .c-archive02__item-remodal { max-width: 980px; }
  .c-archive02__tag-item { margin-right: 10px; } }

/*
Bg

c-bg-gray

.c-bg-gray - Base styles

Markup:
<div>グレー背景</div>

Styleguide 15.0.0
*/
.c-bg-gray { background: #eee; }

/*
Bnr

c-bnr01

.c-bnr01 - Base styles

Markup:
<?php include ('c-bnr01.php'); ?>

Styleguide 31.0.0
*/
.c-bnr01__inner { border-top: solid 1px rgba(51, 51, 51, 0.15); }

.c-bnr01__img { padding-top: 60px; padding-bottom: 60px; }

@media all and (min-width: 600px) { .c-bnr01__inner { max-width: 100%; }
  .c-bnr01__img { max-width: 1120px; margin: 0 auto; padding-top: 80px; padding-bottom: 80px; } }

/*
Box

c-box-check01

.c-box-check01 - Base styles

Markup:
<div class="c-box-check01">
	<p class="c-box-check01__head u-font-poppins u-txt-upper">check</p>
	<ul class="c-list01">
		<li class="c-list01__item">建築予定地（敷地）の形状・面積</li>
		<li class="c-list01__item">方位</li>
		<li class="c-list01__item">敷地に接する道路の幅</li>
		<li class="c-list01__item">道路との高低差</li>
		<li class="c-list01__item">玄関の方向</li>
	</ul>
</div>

Styleguide 30.0.0
*/
.c-box-check01 { border: 2px solid; padding: 0 20px 20px; }

.c-box-check01__head { margin: -18px 0 10px; position: relative; left: 20px; font-weight: bold; width: 120px; }

.c-box-check01__head-in { padding-left: 32px; position: relative; z-index: 1; font-size: 2.2rem; line-height: 1.5; }

.c-box-check01__head-in::before { position: absolute; content: ''; display: block; top: 8px; left: 6px; width: 21px; height: 16px; z-index: 1; background: url("../img/common/ico_check01.png") no-repeat center/contain; }

.c-box-check01__head::after { position: absolute; content: ''; display: block; top: 0; bottom: 0; left: 0; width: 120px; background: #fff; }

@media all and (min-width: 600px) { .c-box-check01 { padding: 0 20px 20px; }
  .c-box-check01__head { margin: -16px 0 10px; left: 5px; width: 140px; }
  .c-box-check01__head-in { padding-left: 32px; font-size: 2.5rem; }
  .c-box-check01__head-in::before { top: 8px; left: 6px; width: 24px; height: 19px; }
  .c-box-check01__head::after { width: 140px; }
  .c-box-check01__list-item:nth-child(odd) { width: calc(60% - 10px) !important; }
  .c-box-check01__list-item:nth-child(even) { width: calc(40% - 10px) !important; } }

/*
Button

c-btn01

.c-btn01 - base style
.c-btn01.is_white - is_white

Markup:
<p class="c-btn01"><a href="<?php echo $root; ?>" class="c-btn01__link">erabo-styleとは</a></p>

Styleguide 2.0.0
*/
.c-btn01 { max-width: 280px; margin: 30px auto 0; text-align: center; }

.c-btn01-wrap { margin-top: 30px; }

.c-btn01-wrap .c-btn01 { margin-top: 0; }

.c-btn01-wrap .c-btn01 + .c-btn01 { margin-top: 15px; }

.c-btn01__link { display: block; padding: 10px; border: 2px solid #333; text-decoration: none; border-radius: 100px; font-weight: bold; font-size: 1.3rem; background: #fff; width: 100%; letter-spacing: .1em; -webkit-box-sizing: border-box; box-sizing: border-box; }

.c-btn01.is-transparent .c-btn01__link { background: transparent; }

.c-btn01.is-black .c-btn01__link { background: #333; color: #fff; border: 2px solid #333; }

.c-btn01.is-large .c-btn01__link { padding: 16px 10px; font-size: 1.5rem; }

.c-btn01 button { outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; }

@media all and (max-width: 599px) { .c-btn01.is-sp-small { max-width: 190px; }
  .c-btn01.is-sp-small .c-btn01__link { font-size: 1.3rem; } }

@media all and (min-width: 600px) { .c-btn01 { max-width: 300px; margin: 50px auto 0; }
  .c-btn01-wrap { margin-top: 50px; }
  .c-btn01-wrap .c-btn01 + .c-btn01 { margin-top: 10px; }
  .c-btn01__link { padding: 14px; font-size: 1.5rem; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
  .c-btn01__link:hover { background: #a2a2a2; color: #fff; border-color: #a2a2a2; }
  .c-btn01.is-transparent .c-btn01__link:hover { background: #a2a2a2; }
  .c-btn01.is-black .c-btn01__link:hover { background: #a2a2a2; border: 2px solid #a2a2a2; }
  .c-btn01.is-large { max-width: 400px; }
  .c-btn01.is-large .c-btn01__link { padding: 23px 10px; font-size: 1.8rem; }
  .c-btn01.is-pc-large { max-width: 400px; }
  .c-btn01.is-pc-large .c-btn01__link { padding: 20px 10px; font-size: 1.5rem; } }

/*
Button

c-btn02

.c-btn02 - base style

Markup:
<p class="c-btn02 is-search">
	<a href="<?php echo home_url(); ?>" class="c-btn02__link">土地探しのご相談</a>
</p>

Styleguide 2.0.1
*/
.c-btn02 { margin-top: 12px; max-width: 280px; }

.c-btn02__link { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: bold; text-decoration: none; color: #fff; text-align: center; height: 60px; }

.c-btn02__link::before { position: relative; margin-right: 9px; }

.c-btn02.is-online .c-btn02__link { background: #ef9748; }

.c-btn02.is-online .c-btn02__link::before { width: 22px; height: 22px; content: ""; display: inline-block; vertical-align: middle; background: no-repeat center/contain; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021.37%2018.58%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-linejoin%3Around%3Bstroke-width%3A1.5px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M18.89.75H9.82A1.73%2C1.73%2C0%2C0%2C0%2C8.09%2C2.48V9.39a1.74%2C1.74%2C0%2C0%2C0%2C1.73%2C1.73h4.89l3%2C3.12a.43.43%2C0%2C0%2C0%2C.74-.3V11.12h.43a1.73%2C1.73%2C0%2C0%2C0%2C1.73-1.73V2.48A1.72%2C1.72%2C0%2C0%2C0%2C18.89.75Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.41%2C12v.87a1.72%2C1.72%2C0%2C0%2C1-1.72%2C1.72h-4l-3%2C3.12a.43.43%2C0%2C0%2C1-.74-.3V14.57H2.48A1.72%2C1.72%2C0%2C0%2C1%2C.75%2C12.85V5.93A1.72%2C1.72%2C0%2C0%2C1%2C2.48%2C4.21H7.23%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M9.39%2C4.21h1.3a1.72%2C1.72%2C0%2C0%2C1%2C1.72%2C1.72V9.82%22%2F%3E%3C%2Fsvg%3E"); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }

.c-btn02.is-login .c-btn02__link { background: #f9f066; color: #333; }

.c-btn02.is-login .c-btn02__link::before { top: 2px; width: 14px; height: 22px; content: ""; display: inline-block; vertical-align: middle; background: no-repeat center/contain; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013.54%2020.67%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%2C.cls-2%7Bfill%3Anone%3Bstroke%3A%23333%3Bstroke-linejoin%3Around%3Bstroke-width%3A1.5px%3B%7D.cls-1%7Bfill-rule%3Aevenodd%3B%7D.cls-2%7Bstroke-linecap%3Around%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%223.73%2019.92%2012.79%2016.82%2012.79%200.75%203.73%203.85%203.73%2019.92%22%2F%3E%3Cline%20class%3D%22cls-2%22%20x1%3D%226.39%22%20y1%3D%229.94%22%20x2%3D%226.39%22%20y2%3D%2211.61%22%2F%3E%3Cpolyline%20class%3D%22cls-2%22%20points%3D%2212.79%200.75%200.75%200.75%200.75%2016.59%203.52%2016.59%22%2F%3E%3C%2Fsvg%3E"); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }

.c-btn02.is-mail .c-btn02__link { background: #64b7bf; }

.c-btn02.is-mail .c-btn02__link::before { width: 21px; height: 15px; content: ""; display: inline-block; vertical-align: middle; background: no-repeat center/contain; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2046%2033%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%2C.cls-2%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-miterlimit%3A10%3Bstroke-width%3A2px%3B%7D.cls-2%7Bstroke-linecap%3Around%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M45%2C30a2%2C2%2C0%2C0%2C1-2%2C2H3a2%2C2%2C0%2C0%2C1-2-2V3A2%2C2%2C0%2C0%2C1%2C3%2C1H43a2%2C2%2C0%2C0%2C1%2C2%2C2Z%22%2F%3E%3Cline%20class%3D%22cls-2%22%20x1%3D%225%22%20y1%3D%2227%22%20x2%3D%2214%22%20y2%3D%2218%22%2F%3E%3Cline%20class%3D%22cls-2%22%20x1%3D%2241%22%20y1%3D%2227%22%20x2%3D%2232%22%20y2%3D%2218%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M4.81%2C6l13%2C13%2C0%2C0a7.06%2C7.06%2C0%2C0%2C0%2C10%2C0l0%2C0%2C13-13%22%2F%3E%3C%2Fsvg%3E"); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }

.c-btn02.is-search .c-btn02__link { background: #ef9bb4; }

.c-btn02.is-search .c-btn02__link::before { width: 22px; height: 22px; content: ""; display: inline-block; vertical-align: middle; background: no-repeat center/contain; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20230.21%20237.11%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-linejoin%3Around%3Bstroke-width%3A10px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%22114.53%2095%20114.53%20232.11%2034.11%20232.11%2034.11%20116.45%20225.21%20116.45%20113.77%205%205%2095.77%20114.53%2095%22%2F%3E%3Crect%20class%3D%22cls-1%22%20x%3D%22129.85%22%20y%3D%22134.06%22%20width%3D%2260.89%22%20height%3D%2295.74%22%2F%3E%3C%2Fsvg%3E"); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }

@media all and (min-width: 600px) { .c-btn02 { margin-top: 17px; max-width: 280px; }
  .c-btn02__link { height: 80px; font-size: 1.8rem; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
  .c-btn02__link::before { margin-right: 9px; }
  .c-btn02.is-online .c-btn02__link::before { width: 32px; height: 27px; content: ""; display: inline-block; vertical-align: middle; background: no-repeat center/contain; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021.37%2018.58%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-linejoin%3Around%3Bstroke-width%3A1.5px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M18.89.75H9.82A1.73%2C1.73%2C0%2C0%2C0%2C8.09%2C2.48V9.39a1.74%2C1.74%2C0%2C0%2C0%2C1.73%2C1.73h4.89l3%2C3.12a.43.43%2C0%2C0%2C0%2C.74-.3V11.12h.43a1.73%2C1.73%2C0%2C0%2C0%2C1.73-1.73V2.48A1.72%2C1.72%2C0%2C0%2C0%2C18.89.75Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.41%2C12v.87a1.72%2C1.72%2C0%2C0%2C1-1.72%2C1.72h-4l-3%2C3.12a.43.43%2C0%2C0%2C1-.74-.3V14.57H2.48A1.72%2C1.72%2C0%2C0%2C1%2C.75%2C12.85V5.93A1.72%2C1.72%2C0%2C0%2C1%2C2.48%2C4.21H7.23%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M9.39%2C4.21h1.3a1.72%2C1.72%2C0%2C0%2C1%2C1.72%2C1.72V9.82%22%2F%3E%3C%2Fsvg%3E"); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
  .c-btn02.is-online .c-btn02__link:hover { background: #e27d23; }
  .c-btn02.is-login .c-btn02__link::before { width: 19px; height: 30px; content: ""; display: inline-block; vertical-align: middle; background: no-repeat center/contain; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013.54%2020.67%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%2C.cls-2%7Bfill%3Anone%3Bstroke%3A%23333%3Bstroke-linejoin%3Around%3Bstroke-width%3A1.5px%3B%7D.cls-1%7Bfill-rule%3Aevenodd%3B%7D.cls-2%7Bstroke-linecap%3Around%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%223.73%2019.92%2012.79%2016.82%2012.79%200.75%203.73%203.85%203.73%2019.92%22%2F%3E%3Cline%20class%3D%22cls-2%22%20x1%3D%226.39%22%20y1%3D%229.94%22%20x2%3D%226.39%22%20y2%3D%2211.61%22%2F%3E%3Cpolyline%20class%3D%22cls-2%22%20points%3D%2212.79%200.75%200.75%200.75%200.75%2016.59%203.52%2016.59%22%2F%3E%3C%2Fsvg%3E"); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
  .c-btn02.is-login .c-btn02__link:hover { background: #f7c91d; }
  .c-btn02.is-mail .c-btn02__link::before { width: 28px; height: 20px; content: ""; display: inline-block; vertical-align: middle; background: no-repeat center/contain; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2046%2033%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%2C.cls-2%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-miterlimit%3A10%3Bstroke-width%3A2px%3B%7D.cls-2%7Bstroke-linecap%3Around%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M45%2C30a2%2C2%2C0%2C0%2C1-2%2C2H3a2%2C2%2C0%2C0%2C1-2-2V3A2%2C2%2C0%2C0%2C1%2C3%2C1H43a2%2C2%2C0%2C0%2C1%2C2%2C2Z%22%2F%3E%3Cline%20class%3D%22cls-2%22%20x1%3D%225%22%20y1%3D%2227%22%20x2%3D%2214%22%20y2%3D%2218%22%2F%3E%3Cline%20class%3D%22cls-2%22%20x1%3D%2241%22%20y1%3D%2227%22%20x2%3D%2232%22%20y2%3D%2218%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M4.81%2C6l13%2C13%2C0%2C0a7.06%2C7.06%2C0%2C0%2C0%2C10%2C0l0%2C0%2C13-13%22%2F%3E%3C%2Fsvg%3E"); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
  .c-btn02.is-mail .c-btn02__link:hover { background: #4da0a8; }
  .c-btn02.is-search .c-btn02__link::before { width: 29px; height: 29px; content: ""; display: inline-block; vertical-align: middle; background: no-repeat center/contain; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20230.21%20237.11%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-linejoin%3Around%3Bstroke-width%3A10px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%22114.53%2095%20114.53%20232.11%2034.11%20232.11%2034.11%20116.45%20225.21%20116.45%20113.77%205%205%2095.77%20114.53%2095%22%2F%3E%3Crect%20class%3D%22cls-1%22%20x%3D%22129.85%22%20y%3D%22134.06%22%20width%3D%2260.89%22%20height%3D%2295.74%22%2F%3E%3C%2Fsvg%3E"); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
  .c-btn02.is-search .c-btn02__link:hover { background: #e887a4; } }

/*
Button

c-btn-modal01

.c-btn-modal01 - base style

Markup:
<p class="c-btn-modal01"><a href="#modal01" class="c-btn-modal01__link">仕様を詳しく見る</a></p>

Styleguide 2.0.2
*/
.c-btn-modal01 { border-bottom: 2px solid #000; display: inline-block; padding-bottom: 3px; }

.c-btn-modal01__link { position: relative; text-decoration: none; font-weight: bold; padding: 2px 0 0 27px; }

.c-btn-modal01__link::before { position: absolute; content: ''; display: block; top: 0; bottom: 0; left: 0; width: 22px; height: 22px; background: url("../img/common/ico_btn01.png") no-repeat center/contain; }

/*
Button

c-btn-anchor01

.c-btn-anchor01 - base style

Markup:
<ul class="c-btn-anchor01">
	<li class="c-btn-anchor01__item">
		<a href="#flow" class="c-btn-anchor01__item-link">オンライン家づくりの流れ</a>
	</li>
	<li class="c-btn-anchor01__item">
		<a href="#price" class="c-btn-anchor01__item-link">費用について</a>
	</li>
	<li class="c-btn-anchor01__item">
		<a href="#land" class="c-btn-anchor01__item-link">土地について</a>
	</li>
</ul>

Styleguide 2.0.3
*/
.c-btn-anchor01-wrap { padding: 26px 25px 30px; background: #eee; }

.c-btn-anchor01__item-link { border-bottom: 2px solid; position: relative; padding: 0 0 6px 28px; font-weight: bold; display: block; text-decoration: none; line-height: 1.5; }

.c-btn-anchor01__item-link::before { position: absolute; content: ''; display: block; top: 0px; left: 0; width: 18px; height: 18px; border: 2px solid; border-radius: 50%; }

.c-btn-anchor01__item-link::after { position: absolute; left: 7px; top: 5px; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ''; display: block; width: 6px; height: 6px; border-bottom: 2px solid; border-right: 2px solid; z-index: 1; }

.c-btn-anchor01__item + .c-btn-anchor01__item { margin-top: 20px; }

@media all and (min-width: 600px) { .c-btn-anchor01 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -12px; }
  .c-btn-anchor01-wrap { padding: 40px 44px 40px; background: #eee; }
  .c-btn-anchor01__item { width: calc(25% - 24px); margin: 0 12px; }
  .c-btn-anchor01__item-link { padding: 0 0 10px 28px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
  .c-btn-anchor01__item-link::before { top: 1px; }
  .c-btn-anchor01__item-link::after { top: 6px; }
  .c-btn-anchor01__item-link:hover { border-color: #f7c91d; }
  .c-btn-anchor01__item + .c-btn-anchor01__item { margin-top: 0; }
  .c-btn-anchor01__item:nth-child(n+5) { margin-top: 20px; } }

/*
Check

c-check01

.c-check01 - Base styles

Markup:
<div></div>

Styleguide 20.0.0
*/
.c-check01 { position: relative; cursor: pointer; padding: 8px 0 8px 45px; }

.c-check01 input { display: none; }

.c-check01 span::before { position: absolute; content: ''; display: block; top: 4px; left: 0; width: 35px; height: 35px; background: #fff; border: 1px solid rgba(51, 51, 51, 0.15); -webkit-box-shadow: 0px 2px 2px 1px #f0f0f0 inset; box-shadow: 0px 2px 2px 1px #f0f0f0 inset; border-radius: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.c-check01 input:checked + span::after { position: absolute; content: ''; display: block; top: 11px; left: 4px; width: 28px; height: 22px; background: url("../img/common/ico_check01.png") no-repeat center/contain; z-index: 100; }

.c-check01 input[type=radio] + span::before { border-radius: 100%; }

.c-check01 input[type=radio]:checked + span::after { position: absolute; content: ''; display: block; top: 13px; left: 9px; width: 16px; height: 16px; background: #f7c91d; border-radius: 50%; z-index: 2; }

.c-check01.is-large { font-size: 1.5rem; font-weight: bold; padding: 9px 0 9px 45px; }

.c-check01.is-large span::before { top: 1px; }

.c-check01.is-large input:checked + span::after { top: 8px; }

@media all and (min-width: 600px) { .c-check01 { position: relative; padding: 6px 5px 6px 35px; }
  .c-check01 span::before { position: absolute; content: ''; display: block; top: 8px; left: 0; width: 30px; height: 30px; background: #fff; border: 1px solid rgba(51, 51, 51, 0.15); -webkit-box-shadow: 0px 2px 2px 1px #f0f0f0 inset; box-shadow: 0px 2px 2px 1px #f0f0f0 inset; border-radius: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .c-check01 input:checked + span::after { position: absolute; content: ''; display: block; top: 13px; left: 3px; width: 24px; height: 19px; }
  .c-check01 input[type=radio]:checked + span::after { top: 16px; left: 8px; width: 14px; height: 14px; }
  .c-check01.is-large { font-size: 1.8rem; padding: 9px 0 9px 40px; }
  .c-check01.is-large span::before { top: 8px; }
  .c-check01.is-large input:checked + span::after { top: 15px; } }

/*
Color

c-color-black

.c-color-black - Base styles

Markup:
<p class="c-color-black">黒色</p>

Styleguide 3.0.0
*/
/*
Cv

c-cv01

.c-cv01 - Base styles

Markup:
<section class="c-cv01">
	<header class="c-cv01__head">
		<p class="c-cv01__head-en u-font-poppins u-txt-upper">my page</p>
		<h2 class="c-cv01__head-txt">マイページ会員にご登録ください</h2>
	</header>
	<div class="c-cv01__label"><img src="<?php echo $root; ?>/img/common/pic_label01.png" alt="簡単30秒会員登録"></div>
	<p class="c-cv01__txt">多彩で豊富なプランと本体価格、オプション一覧をご覧いただけます。<br>また、概算シミュレーション / ローンシミュレーションをご用意しています！</p>
	<p class="c-cv01__btn">
		<a href="<?php echo $root; ?>" class="c-cv01__btn-link">新規会員登録はこちら</a>
	</p>
</section>

Styleguide 16.0.0
*/
.c-cv01__slider-item { width: 300px; }

.c-cv01__slider.is-small .c-cv01__slider-item { width: 200px; }

.c-cv01__content { margin-top: -25px; position: relative; padding: 41px 30px 40px; background: #fff; }

.c-cv01__content-label { position: absolute; top: -35px; right: 15px; width: 90px; }

.c-cv01__content-head { padding-top: 30px; position: relative; margin-bottom: 16px; text-align: center; line-height: 1.5; }

.c-cv01__content-head-en { font-weight: bold; font-size: 2.6rem; letter-spacing: .2em; }

.c-cv01__content-head-txt { font-weight: bold; margin-top: -3px; letter-spacing: .2em; }

.c-cv01__content-head::before { position: absolute; content: ''; display: block; top: 0px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 50px; height: 24px; z-index: 1; background: url("../img/common/ico_head01.png") no-repeat top/contain; }

.c-cv01__content-txt { font-size: 1.3rem; line-height: 1.5; }

.c-cv01__btn { margin: 33px auto 0; max-width: 280px; }

.c-cv01__btn-link { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none; background: #f9f066; font-weight: bold; }

.c-cv01__btn-link::before { position: relative; margin-right: 6px; top: 1px; width: 15px; height: 23px; content: ""; display: inline-block; vertical-align: middle; background: no-repeat center/contain; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013.54%2020.67%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%2C.cls-2%7Bfill%3Anone%3Bstroke%3A%23333%3Bstroke-linejoin%3Around%3Bstroke-width%3A1.5px%3B%7D.cls-1%7Bfill-rule%3Aevenodd%3B%7D.cls-2%7Bstroke-linecap%3Around%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%223.73%2019.92%2012.79%2016.82%2012.79%200.75%203.73%203.85%203.73%2019.92%22%2F%3E%3Cline%20class%3D%22cls-2%22%20x1%3D%226.39%22%20y1%3D%229.94%22%20x2%3D%226.39%22%20y2%3D%2211.61%22%2F%3E%3Cpolyline%20class%3D%22cls-2%22%20points%3D%2212.79%200.75%200.75%200.75%200.75%2016.59%203.52%2016.59%22%2F%3E%3C%2Fsvg%3E"); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }

.c-cv01__btn-link::after { position: absolute; content: ''; display: block; top: -20px; left: -16px; width: 106px; height: 48px; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: url("../img/home/txt_welcome01.png") no-repeat top/contain; }

.c-cv01__content02 { position: relative; margin-top: -90px; padding: 30px; background: #fff; z-index: 1; }

.c-cv01__list-item-txt { font-weight: bold; line-height: 1.5; text-align: center; }

.c-cv01__list-item + .c-cv01__list-item { margin-top: 16px; }

.c-cv01__list-item-campaign { font-size: 1.3rem; text-align: center; line-height: 1.3; color: #fff; background: #e83e24; width: 70%; padding: 8px 15px; margin: 0 auto 16px; border-radius: 30px; position: relative; }

.c-cv01__list-item-campaign:before { position: absolute; content: ''; width: 0; height: 0; bottom: -10px; left: 50%; margin-left: -8px; border-style: solid; border-width: 10px 8px 0 8px; border-color: #e83e24 transparent transparent transparent; }

.c-cv01__content03 { position: relative; z-index: 1; margin-top: -25px; padding: 28px; background: #fff; }

.c-cv01__content03-head { margin-bottom: 20px; padding-top: 33px; position: relative; font-size: 1.9rem; line-height: 1.5; text-align: center; font-weight: bold; letter-spacing: .1em; }

.c-cv01__content03-head::before { position: absolute; content: ''; display: block; top: 0px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 50px; height: 24px; z-index: 1; background: url(../img/common/ico_head01.png) no-repeat top/contain; }

.c-cv01__content04 { margin-top: 40px; }

.c-cv01__content04 .c-btn02 { margin: 12px auto 0; }

.c-cv01__content04 button { width: 100%; border: none; font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif; }

@media all and (max-width: 340px) { .c-cv01 .c-cv01__content { padding: 71px 20px 40px; }
  .c-cv01 .c-cv01__content-head-txt { letter-spacing: .08em; } }

@media all and (min-width: 600px) { .c-cv01 { position: relative; }
  .c-cv01__slider-item { width: 700px; }
  .c-cv01__slider.is-small .c-cv01__slider-item { width: 500px; }
  .c-cv01__content { max-width: 650px; margin: -370px auto 0; padding: 55px 45px 70px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .c-cv01__content-label { top: -32px; right: -40px; width: 148px; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
  .c-cv01__content-head { padding-top: 48px; margin-bottom: 21px; }
  .c-cv01__content-head-en { font-size: 4rem; }
  .c-cv01__content-head-txt { margin-top: -5px; font-size: 2rem; }
  .c-cv01__content-head::before { width: 82px; height: 40px; }
  .c-cv01__content-txt { font-size: 1.5rem; text-align: center; }
  .c-cv01__btn { margin: 36px auto 0; max-width: 400px; }
  .c-cv01__btn-link { height: 80px; font-size: 1.8rem; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
  .c-cv01__btn-link::before { margin-right: 10px; top: 1px; width: 19px; height: 30px; content: ""; display: inline-block; vertical-align: middle; background: no-repeat center/contain; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013.54%2020.67%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%2C.cls-2%7Bfill%3Anone%3Bstroke%3A%23333%3Bstroke-linejoin%3Around%3Bstroke-width%3A1.5px%3B%7D.cls-1%7Bfill-rule%3Aevenodd%3B%7D.cls-2%7Bstroke-linecap%3Around%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%223.73%2019.92%2012.79%2016.82%2012.79%200.75%203.73%203.85%203.73%2019.92%22%2F%3E%3Cline%20class%3D%22cls-2%22%20x1%3D%226.39%22%20y1%3D%229.94%22%20x2%3D%226.39%22%20y2%3D%2211.61%22%2F%3E%3Cpolyline%20class%3D%22cls-2%22%20points%3D%2212.79%200.75%200.75%200.75%200.75%2016.59%203.52%2016.59%22%2F%3E%3C%2Fsvg%3E"); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
  .c-cv01__btn-link::after { top: -15px; left: -46px; width: 160px; height: 68px; }
  .c-cv01__btn-link:hover { background: #f7c91d; }
  .c-cv01__content02 { position: relative; margin: -150px -10px 0; padding: 42px 30px 50px; background: #fff; z-index: 1; }
  .c-cv01__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .c-cv01__list-item { padding: 0 20px; width: calc(33.3333%); -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; }
  .c-cv01__list-item + .c-cv01__list-item { margin-top: 0; border-left: 1px solid rgba(51, 51, 51, 0.15); }
  .c-cv01__list-item-btn { margin: 12px auto 0; }
  .c-cv01__list-item-campaign { position: absolute; top: -65px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: 10px 15px; }
  .c-cv01__content03 { position: relative; margin: -220px auto 0; z-index: 1; padding: 40px 50px 50px; background: #fff; max-width: 1000px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .c-cv01__content03-head { margin-bottom: 35px; padding-top: 52px; font-size: 2.6rem; letter-spacing: .2em; }
  .c-cv01__content03-head::before { width: 82px; height: 40px; }
  .c-cv01__content03-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -6px; }
  .c-cv01__content03-list-btn { max-width: none; width: calc(33.3333% - 12px); margin: 0 6px; }
  .c-cv01__content04 { margin-top: 100px; }
  .c-cv01__content04 button { cursor: pointer; } }

/*
Faq

c-faq01

.c-faq01 - Base styles

Markup:
<div></div>

Styleguide 24.0.0
*/
.c-faq01__head { position: relative; padding: 0 40px 8px 35px; border-bottom: 2px solid #000; font-size: 1.6rem; font-weight: bold; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.5; }

.c-faq01__head::before, .c-faq01__head::after { position: absolute; content: ''; display: block; top: 14px; -webkit-transform: translateY(-50%); transform: translateY(-50%); bottom: 0; right: 15px; width: 20px; height: 2px; background: #a2a2a2; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }

.c-faq01__head::after { -webkit-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); }

.c-faq01__head.is-active::after { -webkit-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); }

.c-faq01__head-q { position: absolute; left: 0; top: 0; width: 30px; text-align: center; font-weight: bold; font-size: 2.5rem; line-height: 1; }

.c-faq01__content { padding: 18px; }

.c-faq01__content-in { position: relative; padding-left: 35px; }

.c-faq01__content-a { position: absolute; top: 0; left: 0; width: 30px; text-align: center; font-weight: bold; font-size: 2.5rem; line-height: 1; color: #f7c91d; }

.c-faq01 + .c-faq01 { margin-top: 15px; }

@media all and (min-width: 600px) { .c-faq01__head { padding-bottom: 24px; font-size: 2rem; padding: 0 50px 20px 50px; }
  .c-faq01__head::before, .c-faq01__head::after { top: 21px; width: 26px; }
  .c-faq01__head-q { width: 42px; font-size: 3.6rem; }
  .c-faq01__content { padding: 35px 50px; }
  .c-faq01__content-in { padding-left: 50px; }
  .c-faq01__content-a { width: 42px; font-size: 3.6rem; }
  .c-faq01 + .c-faq01 { margin-top: 22px; } }

/*
Flow

c-flow01

.c-flow01 - Base styles

Markup:
<ol class="c-flow01">
	<li class="c-flow01">
		<div class="js-toggle-trigger c-flow01__head">
			<p class="c-flow01__head-step u-font-poppins u-txt-upper">step 01</p>
			<h3 class="c-flow01__head-main">さあ住まいづくりの<br class="u-view-sp">スタートです。<br>会員登録をしよう</h3>
		</div>
		<div class="js-toggle-content c-flow01__content">
			<div class="c-flow01__content-inner">
				<div class="c-flow01__content-img"><img src="https://placehold.jp/450x316.png" alt=""></div>
				<div class="c-flow01__content-area-txt">
					<ol class="c-flow01__content-list">
						<li class="c-flow01__content-list-item">
							<div class="c-flow01__content-list-item-head">
								<span class="c-flow01__content-list-num u-font-poppins">01</span>
								<p class="c-flow01__content-list-txt">会員情報を入力してログインしよう。</p>
							</div>
						</li>
					</ol>
					<section class="c-flow01__content-box">
						<div class="c-flow01__content-box-label"><img src="[theme_url]/img/common/pic_label01.png" alt="簡単30秒！会員登録"></div>
						<div class="c-flow01__content-box-label"><img src="[theme_url]/img/common/ico_head01.png.png" alt=""></div>
						<h4 class="c-flow01__content-box-head">マイページ会員に<br class="u-view-sp">ご登録ください</h4>
						<p class="c-flow01__content-box-txt">多彩で豊富なプランと本体価格、オプション一覧をご覧いただけます。<br>また、概算シミュレーション / ローンシミュレーションをご用意しています！</p>
					</section>
				</div>
			</div>
		</div>
	</li>
</ol>

Styleguide 27.0.0
*/
.c-flow01__item { border: 2px solid #333; }

.c-flow01__item + .c-flow01__item { margin-top: 34px; }

.c-flow01__head { position: relative; padding-bottom: 14px; }

.c-flow01__head::before, .c-flow01__head::after { position: absolute; content: ''; display: block; top: 48px; -webkit-transform: translateY(-50%); transform: translateY(-50%); bottom: 0; right: 14px; width: 20px; height: 2px; background: #a2a2a2; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }

.c-flow01__head::after { -webkit-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); }

.c-flow01__head.is-active::after { -webkit-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); }

.c-flow01__head-step { position: relative; text-align: center; color: #b8e1bf; font-weight: bold; font-size: 1.8rem; margin-top: -20px; z-index: 1; }

.c-flow01__head-step::before { position: absolute; content: ''; display: block; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 90px; height: 30px; background: #fff; z-index: -1; }

.c-flow01__head-main { text-align: center; font-weight: bold; font-size: 1.6rem; line-height: 1.5; }

.c-flow01__content { padding: 25px; border-top: 2px solid #333; }

.c-flow01__content-area-txt { padding-top: 22px; }

.c-flow01__content-list-item-head { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.c-flow01__content-list-item + .c-flow01__content-list-item { margin-top: 15px; }

.c-flow01__content-list-num { position: relative; font-size: 1.8rem; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 1px 2px 0 0; width: 37px; height: 36px; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: bold; letter-spacing: .01em; }

.c-flow01__content-list-num::before { position: absolute; content: ''; display: block; top: 0; left: 0; width: 37px; height: 36px; background: url("../img/common/ico_balloon01.png") no-repeat center/contain; z-index: -1; }

.c-flow01__content-list-txt { width: calc(100% - 37px); padding: 2px 0 0 8px; font-size: 1.7rem; line-height: 1.5; font-weight: bold; -webkit-box-sizing: border-box; box-sizing: border-box; }

.c-flow01__content-box { background: url("../img/beginner/bg_line01.png") no-repeat center/cover; position: relative; margin-top: 35px; padding: 5px; }

.c-flow01__content-box-inner { background: #fff; padding: 20px 20px 22px; }

.c-flow01__content-box-ico { position: absolute; top: -15px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: 0 10px; background: #fff; width: 58px; }

.c-flow01__content-box-label { position: absolute; top: -44px; right: 17px; width: 74px; }

.c-flow01__content-box-label img { -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.c-flow01__content-box-head { margin: 5px 0 10px 0; text-align: center; font-size: 1.6rem; line-height: 1.5; font-weight: bold; }

.c-flow01__content-box-txt { font-size: 1.3rem; line-height: 1.7; }

.c-flow01__content-box-btn { margin-top: 15px; }

@media all and (min-width: 600px) { .c-flow01__item + .c-flow01__item { margin-top: 50px; }
  .c-flow01__head { padding-bottom: 19px; }
  .c-flow01__head::before, .c-flow01__head::after { top: calc(50% + 12px); -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 30px; width: 26px; }
  .c-flow01__head::after { -webkit-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); }
  .c-flow01__head.is-active::after { -webkit-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); }
  .c-flow01__head-step { font-size: 2.5rem; margin-top: -25px; }
  .c-flow01__head-step::before { width: 140px; }
  .c-flow01__head-main { font-size: 2rem; }
  .c-flow01__content { padding: 50px; }
  .c-flow01__content-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .c-flow01__content-img { width: calc(50% - 58px); }
  .c-flow01__content-area-txt { width: calc(50% + 58px); padding: 0 0 0 50px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .c-flow01__content-list-num { font-size: 2rem; width: 42px; height: 41px; }
  .c-flow01__content-list-num::before { width: 42px; height: 41px; }
  .c-flow01__content-list-txt { width: calc(100% - 42px); padding: 2px 0 0 17px; font-size: 2.2rem; }
  .c-flow01__content-list-item + .c-flow01__content-list-item { margin-top: 24px; }
  .c-flow01__content-list-item-txt { margin-top: 15px; }
  .c-flow01__content-box { margin-top: 35px; padding: 10px; margin-right: 20px; }
  .c-flow01__content-box-inner { padding: 20px 30px 30px; }
  .c-flow01__content-box-ico { top: -14px; padding: 0 25px; width: 67px; }
  .c-flow01__content-box-label { top: -32px; right: -25px; width: 118px; }
  .c-flow01__content-box-head { margin: 5px 0 12px 0; font-size: 2rem; }
  .c-flow01__content-box-txt { font-size: 1.5rem; }
  .c-flow01__content-box-btn { margin-top: 20px; } }

/*
Form

c-form01

.c-form01 - base style

Markup:
<div></div>

Styleguide 4.0.0
*/
.c-form01__content { margin: 0 -20px; padding: 20px 20px 35px; border-top: 10px solid #e1e1e1; border-bottom: 10px solid #e1e1e1; }

.c-form01 table { -webkit-box-sizing: border-box; box-sizing: border-box; table-layout: fixed; }

.c-form01 th { font-weight: bold; padding-top: 15px; margin-bottom: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.5; }

.c-form01 td { padding-bottom: 20px; border-bottom: 1px solid #e1e1e1; -webkit-box-sizing: border-box; box-sizing: border-box; }

.c-form01 tr:last-child td { border-bottom: 0; }

.c-form01 input[type="text"], .c-form01 input[type="email"], .c-form01 textarea { -webkit-box-sizing: border-box; box-sizing: border-box; height: 47px; width: 100%; padding: 10px 13px; -webkit-box-shadow: 0px 2px 2px 1px #f0f0f0 inset; box-shadow: 0px 2px 2px 1px #f0f0f0 inset; font-size: 1.6rem; vertical-align: middle; font-family: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 1.6rem; border: 1px solid rgba(51, 51, 51, 0.15); border-radius: 6px; }

.c-form01 select { -webkit-box-sizing: border-box; box-sizing: border-box; height: 47px; width: 100%; padding: 10px 13px; -webkit-box-shadow: 0px 2px 2px 1px #f0f0f0 inset; box-shadow: 0px 2px 2px 1px #f0f0f0 inset; font-size: 1.6rem; vertical-align: middle; font-family: inherit; font-size: 1.6rem; border: 1px solid rgba(51, 51, 51, 0.15); border-radius: 6px; }

.c-form01 .name_text input { width: 48%; display: inline-block; }

.c-form01 .name_text input + input { margin-left: 2%; }

.c-form01 .zip_text input { width: 100px; }

.c-form01 .zip_text input + input { width: 140px; }

.c-form01 .tel_text input, .c-form01 .tel_text .mwform-tel-field input { width: 84px; }

.c-form01 textarea { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; resize: vertical; height: 250px; }

.c-form01 input::-webkit-input-placeholder, .c-form01 textarea::-webkit-input-placeholder { color: #d0d0d0; opacity: 1; }

.c-form01 input:-ms-input-placeholder, .c-form01 textarea:-ms-input-placeholder { color: #d0d0d0; }

.c-form01 input::-moz-placeholder, .c-form01 textarea::-moz-placeholder { color: #d0d0d0; }

.c-form01 input::-ms-input-placeholder, .c-form01 textarea::-ms-input-placeholder { color: #d0d0d0; }

.c-form01 input::placeholder, .c-form01 textarea::placeholder { color: #d0d0d0; }

@media all and (max-width: 599px) { .c-form01 th, .c-form01 td { display: block; } }

.c-form01__label { display: inline-block; margin-top: 4px; font-size: 1.2rem; line-height: 1.5; padding: 1px 6px; background: #f7c91d; float: right; }

.c-form01__label.is-optional { background: #a2a2a2; color: #fff; }

.c-form01__policy { margin: 0 -20px; padding: 20px 20px 0; border-top: 1px solid rgba(51, 51, 51, 0.15); }

.c-form01__check { margin-top: 10px; }

@media all and (max-width: 599px) { .c-form01 th, .c-form01 td { display: block; } }

@media all and (min-width: 600px) { .c-form01__content { margin: 0; padding: 42px 50px; border: 10px solid #e1e1e1; }
  .c-form01 th { position: relative; width: 25%; padding: 22px 0 20px 15px; margin-bottom: 0; border-bottom: 1px solid #e1e1e1; }
  .c-form01 td { padding: 20px 30px 20px 20px; }
  .c-form01 tr:last-child th { border-bottom: 0; }
  .c-form01 .tel_text input, .c-form01 .tel_text .mwform-tel-field input { width: 86px; }
  .c-form01 input[type="text"], .c-form01 input[type="email"] { height: 47px; padding: 10px 13px; }
  .c-form01 textarea { height: 278px; }
  .c-form01__label { position: absolute; right: 0; top: 28px; float: none; padding: 1px 6px; margin-top: 0px; font-size: 1.4rem; }
  .c-form01__label.is-float { position: static; float: right; margin-left: 4px; }
  .c-form01__policy { margin: 0; padding: 50px 0 0; text-align: center; }
  .c-form01__check { position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-top: 10px; display: inline-block; }
  .c-form01__check label { cursor: pointer; } }

/* .radio
================================================ */
.c-form01__radio .mwform-radio-field label { cursor: pointer; }

.c-form01__radio .mwform-radio-field span { padding-left: 40px; display: block; position: relative; }

.c-form01__radio .mwform-radio-field span::before { position: absolute; content: ''; display: block; top: 0; left: 0; width: 30px; height: 30px; background: #fff; border: 1px solid rgba(51, 51, 51, 0.15); -webkit-box-shadow: 0px 2px 2px 1px #f0f0f0 inset; box-shadow: 0px 2px 2px 1px #f0f0f0 inset; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 2; }

.c-form01__radio .mwform-radio-field input:checked + span::after { position: absolute; content: ''; display: block; top: 8px; left: 8px; width: 14px; height: 14px; background: #f7c91d; border-radius: 50%; z-index: 2; }

.c-form01__radio .mwform-radio-field + .mwform-radio-field { margin-top: 11px; }

.c-form01__radio .horizontal-item { display: block; }

.c-form01__radio .horizontal-item + .horizontal-item { margin-left: 0 !important; }

.c-form01__radio .horizontal-item input { display: none; }

@media all and (min-width: 600px) { .c-form01__radio { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .c-form01__radio .mwform-radio-field { width: 50%; cursor: pointer; }
  .c-form01__radio .mwform-radio-field + .mwform-radio-field { margin-top: 0; }
  .c-form01__radio .mwform-radio-field:nth-child(n+3) { margin-top: 10px; }
  .c-form01__radio .mwform-radio-field-text { padding-right: 10px; }
  .c-form01__radio .horizontal-item + .horizontal-item { margin-left: 0 !important; }
  .c-form01__radio .horizontal-item input { display: none; } }

/* .area-btn
================================================ */
.c-form01__area-btn { margin-top: 20px; }

.c-form01__area-btn button { background: none; border: none; outline: none; }

.c-form01__btn { margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 280px; height: 60px; background: #333; border-radius: 50px; color: #fff; font-size: 1.5rem; }

.c-form01__btn + .c-form01__btn { margin-top: 10px; }

.c-form01__btn.is-back { background: #a2a2a2; }

@media all and (min-width: 600px) { .c-form01__btn { cursor: pointer; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; margin: 30px auto 0; width: 400px; height: 74px; }
  .c-form01__btn input { font-size: 1.8rem; font-weight: bold; }
  .c-form01__btn:hover { background: #a2a2a2; }
  .c-form01__btn:hover input { color: #fff; }
  .c-form01__btn.is-back:hover { opacity: .8; } }

/* .c-form01__prefer
================================================ */
.c-form01__prefer-date-txt, .c-form01__prefer-time-txt { margin-bottom: 4px; }

.c-form01__prefer-date-content { display: block; position: relative; padding-right: 45px; }

.c-form01__prefer-date-content::after { position: absolute; content: ''; display: block; top: 5px; right: 0; width: 35px; height: 37px; background: url("../img/common/ico_calendar01.png") no-repeat center/contain; }

.c-form01__prefer-time { margin-top: 8px; }

.c-form01__prefer-time-content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; }

.c-form01__prefer-time-content-in { width: calc(50% - 20px); margin: 0 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.c-form01__prefer-time-content-in-select { width: calc(100% - 15px); -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 10px; }

.c-form01__prefer-time-content-in-suffix { width: 15px; }

@media all and (min-width: 600px) { .c-form01__prefer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -18px; }
  .c-form01__prefer-date, .c-form01__prefer-time { width: calc(50% - 36px); margin: 0 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .c-form01__prefer-date-txt, .c-form01__prefer-time-txt { margin-bottom: 0; }
  .c-form01__prefer-date-txt { width: 60px; }
  .c-form01__prefer-date-content { width: calc(100% - 60px); padding-right: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .c-form01__prefer-date-content::after { top: 10px; width: 26px; height: 26px; }
  .c-form01__prefer-time { margin-top: 0; }
  .c-form01__prefer-time-txt { width: 45px; }
  .c-form01__prefer-time-content { width: calc(100% - 45px); }
  .c-form01__prefer-area { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .c-form01__prefer-area-txt { width: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .c-form01__prefer-area-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% - 100px); } }

/* プラグイン書き出しフォーム調整
================================================ */
.c-form01 #wpmem_reg { width: 100%; }

.c-form01 #wpmem_reg select { font-size: 1.6rem; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; border: 1px solid #e1e1e1; height: 47px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("../img/common/ico_select01.png") no-repeat; background-size: 11px; background-position: top 18px right 12px; cursor: pointer; }

.c-form01 #wpmem_login fieldset, .c-form01 #wpmem_reg fieldset { margin: 0; font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif; }

.c-form01 #wpmem_login fieldset input[type="text"], .c-form01 #wpmem_login fieldset input[type="email"], .c-form01 #wpmem_login fieldset input[type="password"], .c-form01 #wpmem_login fieldset input[type="number"], .c-form01 #wpmem_reg fieldset input[type="text"], .c-form01 #wpmem_reg fieldset input[type="email"], .c-form01 #wpmem_reg fieldset input[type="password"], .c-form01 #wpmem_reg fieldset input[type="number"] { -webkit-box-sizing: border-box; box-sizing: border-box; height: 47px; border-radius: 6px; -webkit-box-shadow: 0px 2px 2px 1px #f0f0f0 inset; box-shadow: 0px 2px 2px 1px #f0f0f0 inset; font-size: 1.6rem; border: 1px solid rgba(51, 51, 51, 0.15); -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.c-form01 #wpmem_login fieldset .c-form01__label, .c-form01 #wpmem_reg fieldset .c-form01__label { margin-top: 4px; }

.c-form01 #wpmem_login fieldset label, .c-form01 #wpmem_reg fieldset label { position: relative; display: block; width: 100%; font-weight: bold; font-size: 1.4rem; margin-bottom: 10px; padding-top: 20px; }

.c-form01 #wpmem_login fieldset label::before, .c-form01 #wpmem_reg fieldset label::before { position: absolute; content: ''; display: block; top: 0px; left: 0; width: 100%; height: 1px; background: #e1e1e1; }

.c-form01 #wpmem_login fieldset label[for="first_name"]::before, .c-form01 #wpmem_reg fieldset label[for="first_name"]::before { content: none; }

.c-form01 #wpmem_login fieldset .div_checkbox, .c-form01 #wpmem_reg fieldset .div_checkbox { display: none; }

.c-form01 #wpmem_login fieldset label[for="mail_magazine_flag"], .c-form01 #wpmem_login fieldset label[for="policy_flag"], .c-form01 #wpmem_login fieldset label[for="rememberme"], .c-form01 #wpmem_reg fieldset label[for="mail_magazine_flag"], .c-form01 #wpmem_reg fieldset label[for="policy_flag"], .c-form01 #wpmem_reg fieldset label[for="rememberme"] { position: relative; padding: 8px 0 8px 42px; margin-top: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: auto; }

.c-form01 #wpmem_login fieldset label[for="mail_magazine_flag"]::before, .c-form01 #wpmem_login fieldset label[for="policy_flag"]::before, .c-form01 #wpmem_login fieldset label[for="rememberme"]::before, .c-form01 #wpmem_reg fieldset label[for="mail_magazine_flag"]::before, .c-form01 #wpmem_reg fieldset label[for="policy_flag"]::before, .c-form01 #wpmem_reg fieldset label[for="rememberme"]::before { position: absolute; content: ''; display: block; top: 1px; left: 0; width: 35px; height: 35px; background: #fff; border: 1px solid rgba(51, 51, 51, 0.15); -webkit-box-shadow: 0px 2px 2px 1px #f0f0f0 inset; box-shadow: 0px 2px 2px 1px #f0f0f0 inset; border-radius: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.c-form01 #wpmem_login fieldset label[for="mail_magazine_flag"].is-active::after, .c-form01 #wpmem_login fieldset label[for="policy_flag"].is-active::after, .c-form01 #wpmem_login fieldset label[for="rememberme"].is-active::after, .c-form01 #wpmem_reg fieldset label[for="mail_magazine_flag"].is-active::after, .c-form01 #wpmem_reg fieldset label[for="policy_flag"].is-active::after, .c-form01 #wpmem_reg fieldset label[for="rememberme"].is-active::after { position: absolute; content: ''; display: block; top: 9px; left: 4px; width: 28px; height: 22px; background: url("../img/common/ico_check01.png") no-repeat center/contain; }

.c-form01 #wpmem_login fieldset .div_text, .c-form01 #wpmem_login fieldset .div_number, .c-form01 #wpmem_reg fieldset .div_text, .c-form01 #wpmem_reg fieldset .div_number { position: relative; width: 100% !important; margin: 0 !important; padding-bottom: 20px; }

.c-form01 #wpmem_login fieldset .div_text.name_text input, .c-form01 #wpmem_login fieldset .div_number.name_text input, .c-form01 #wpmem_reg fieldset .div_text.name_text input, .c-form01 #wpmem_reg fieldset .div_number.name_text input { width: 48%; }

.c-form01 #wpmem_login fieldset .div_text.name_text input + input, .c-form01 #wpmem_login fieldset .div_number.name_text input + input, .c-form01 #wpmem_reg fieldset .div_text.name_text input + input, .c-form01 #wpmem_reg fieldset .div_number.name_text input + input { margin-left: 4%; }

.c-form01 #wpmem_login fieldset .div_text.zip_text input, .c-form01 #wpmem_login fieldset .div_number.zip_text input, .c-form01 #wpmem_reg fieldset .div_text.zip_text input, .c-form01 #wpmem_reg fieldset .div_number.zip_text input { width: 100px; }

.c-form01 #wpmem_login fieldset .div_text.zip_text input + input, .c-form01 #wpmem_login fieldset .div_number.zip_text input + input, .c-form01 #wpmem_reg fieldset .div_text.zip_text input + input, .c-form01 #wpmem_reg fieldset .div_number.zip_text input + input { width: 140px; }

.c-form01 #wpmem_login fieldset .div_text.tel_text input, .c-form01 #wpmem_login fieldset .div_text.tel_text .mwform-tel-field input, .c-form01 #wpmem_login fieldset .div_number.tel_text input, .c-form01 #wpmem_login fieldset .div_number.tel_text .mwform-tel-field input, .c-form01 #wpmem_reg fieldset .div_text.tel_text input, .c-form01 #wpmem_reg fieldset .div_text.tel_text .mwform-tel-field input, .c-form01 #wpmem_reg fieldset .div_number.tel_text input, .c-form01 #wpmem_reg fieldset .div_number.tel_text .mwform-tel-field input { width: 75px; }

.c-form01 #wpmem_login fieldset .div_text .spaceLabel, .c-form01 #wpmem_login fieldset .div_number .spaceLabel, .c-form01 #wpmem_reg fieldset .div_text .spaceLabel, .c-form01 #wpmem_reg fieldset .div_number .spaceLabel { margin: 0 10px; vertical-align: baseline; }

.c-form01 #wpmem_login fieldset .button_div, .c-form01 #wpmem_reg fieldset .button_div { width: 100%; text-align: center; padding: 0; }

.c-form01 #wpmem_login fieldset .button_div input[type="submit"], .c-form01 #wpmem_reg fieldset .button_div input[type="submit"] { width: 280px; height: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; margin-top: 30px; background: #333; border-radius: 50px; box-sizing: border-box; color: #fff; text-align: center; font-size: 1.5rem; font-weight: bold; }

.c-form01 .wpmem_msg { margin-top: 10px; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.7; }

.c-form01 #wpmem_pwdchange_form label[for="pass1"]::before, .c-form01 #wpmem_pwdchange_form label[for="pass2"]::before { content: none; }

.c-form01 #wpmem_pwdchange_form label[for="pass1"] + .div_text { padding-bottom: 0; }

.c-form01 #wpmem_pwdchange_form label[for="pass2"] + .div_text { position: relative; padding-bottom: 50px; }

.c-form01 #wpmem_pwdchange_form label[for="pass2"] + .div_text::after { position: absolute; content: ''; display: block; bottom: 0; left: -20px; width: calc(100% + 40px); height: 10px; background: rgba(51, 51, 51, 0.15); }

@media all and (min-width: 600px) { .c-form01 #wpmem_login fieldset, .c-form01 #wpmem_reg fieldset { border: 10px solid #eee; padding: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 1; }
  .c-form01 #wpmem_login fieldset .c-form01__label, .c-form01 #wpmem_reg fieldset .c-form01__label { margin-top: 0; }
  .c-form01 #wpmem_login fieldset legend, .c-form01 #wpmem_reg fieldset legend { display: none; }
  .c-form01 #wpmem_login fieldset input[type="text"], .c-form01 #wpmem_login fieldset input[type="email"], .c-form01 #wpmem_login fieldset input[type="password"], .c-form01 #wpmem_login fieldset input[type="number"], .c-form01 #wpmem_reg fieldset input[type="text"], .c-form01 #wpmem_reg fieldset input[type="email"], .c-form01 #wpmem_reg fieldset input[type="password"], .c-form01 #wpmem_reg fieldset input[type="number"] { padding: 5px 15px; }
  .c-form01 #wpmem_login fieldset label, .c-form01 #wpmem_reg fieldset label { display: block; float: left; width: 230px; font-size: 1.6rem; margin-bottom: 0; padding: 28px 0 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .c-form01 #wpmem_login fieldset label::before, .c-form01 #wpmem_reg fieldset label::before { position: absolute; content: ''; display: block; top: 0px; left: 0; width: 860px; height: 1px; background: #e1e1e1; }
  .c-form01 #wpmem_login fieldset input[type="password"], .c-form01 #wpmem_reg fieldset input[type="password"] { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .c-form01 #wpmem_login fieldset label[for="mail_magazine_flag"], .c-form01 #wpmem_reg fieldset label[for="mail_magazine_flag"] { margin-top: 20px; position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
  .c-form01 #wpmem_login fieldset label[for="mail_magazine_flag"], .c-form01 #wpmem_login fieldset label[for="policy_flag"], .c-form01 #wpmem_reg fieldset label[for="mail_magazine_flag"], .c-form01 #wpmem_reg fieldset label[for="policy_flag"] { float: none; display: inline-block; width: auto; padding: 8px 0 8px 37px; cursor: pointer; }
  .c-form01 #wpmem_login fieldset label[for="mail_magazine_flag"]::before, .c-form01 #wpmem_login fieldset label[for="policy_flag"]::before, .c-form01 #wpmem_reg fieldset label[for="mail_magazine_flag"]::before, .c-form01 #wpmem_reg fieldset label[for="policy_flag"]::before { top: 6px; width: 30px; height: 30px; }
  .c-form01 #wpmem_login fieldset label[for="mail_magazine_flag"].is-active::after, .c-form01 #wpmem_login fieldset label[for="policy_flag"].is-active::after, .c-form01 #wpmem_reg fieldset label[for="mail_magazine_flag"].is-active::after, .c-form01 #wpmem_reg fieldset label[for="policy_flag"].is-active::after { top: 12px; left: 4px; width: 24px; height: 19px; }
  .c-form01 #wpmem_login fieldset .div_text, .c-form01 #wpmem_login fieldset .div_number, .c-form01 #wpmem_reg fieldset .div_text, .c-form01 #wpmem_reg fieldset .div_number { width: calc(100% - 230px) !important; display: inline-block; position: relative; padding: 20px 30px 20px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .c-form01 #wpmem_login fieldset .div_text.tel_text input, .c-form01 #wpmem_login fieldset .div_text.tel_text .mwform-tel-field input, .c-form01 #wpmem_login fieldset .div_number.tel_text input, .c-form01 #wpmem_login fieldset .div_number.tel_text .mwform-tel-field input, .c-form01 #wpmem_reg fieldset .div_text.tel_text input, .c-form01 #wpmem_reg fieldset .div_text.tel_text .mwform-tel-field input, .c-form01 #wpmem_reg fieldset .div_number.tel_text input, .c-form01 #wpmem_reg fieldset .div_number.tel_text .mwform-tel-field input { width: 86px; }
  .c-form01 #wpmem_login fieldset .policy, .c-form01 #wpmem_reg fieldset .policy { margin-top: 40px; text-align: center; }
  .c-form01 #wpmem_login fieldset .button_div, .c-form01 #wpmem_reg fieldset .button_div { text-align: center; }
  .c-form01 #wpmem_login fieldset .button_div input[type="submit"], .c-form01 #wpmem_reg fieldset .button_div input[type="submit"] { display: block; height: 74px; width: 400px; font-size: 1.8rem; margin: 30px auto 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
  .c-form01 #wpmem_login fieldset .button_div input[type="submit"]:hover, .c-form01 #wpmem_reg fieldset .button_div input[type="submit"]:hover { background: #a2a2a2; color: #fff; }
  .c-form01 .wpmem_msg { padding: 10px; margin: 0 auto 30px; }
  .c-form01 #wpmem_pwdchange_form label[for="pass1"] + .div_text { padding-bottom: 0; }
  .c-form01 #wpmem_pwdchange_form label[for="pass2"] + .div_text { padding-bottom: 20px; }
  .c-form01 #wpmem_pwdchange_form label[for="pass2"] + .div_text::after { content: none; } }

.mw_wp_form_confirm .c-form01__prefer-date, .mw_wp_form_preview .c-form01__prefer-date { width: auto; }

.mw_wp_form_confirm .c-form01__prefer-time-content, .mw_wp_form_preview .c-form01__prefer-time-content { width: auto; }

.mw_wp_form_confirm .c-form01__prefer-date-content, .mw_wp_form_preview .c-form01__prefer-date-content { padding-right: 0; width: auto; }

.mw_wp_form_confirm .c-form01__prefer-date-content::after, .mw_wp_form_preview .c-form01__prefer-date-content::after { content: none; }

.mw_wp_form_confirm .c-form01__prefer-time, .mw_wp_form_preview .c-form01__prefer-time { width: auto; }

/* IE11 & IE10 */
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #d0d0d0; }

:-ms-input-placeholder { color: #d0d0d0; }

/*
gallery

c-gallery01

.c-gallery01 - Base styles

Markup:
<div class="js-gallery-slider c-gallery01__slider">
	<div class="c-gallery01__slider-item">
		<div class="c-gallery01__slider-img">
			<span class="c-gallery01__slider-head">建具</span>
			<img src="<?php echo get_stylesheet_directory_uri(); ?>/img/spec/img_gallery01.png" alt="">
		</div>
		<p class="c-gallery01__slider-txt">テキストが入ります。テキストが入ります。</p>
	</div>
</div>

Styleguide 32.0.0
*/
.c-gallery01__slider { padding-bottom: 20px; }

.c-gallery01__slider-item { width: 250px; }

.c-gallery01__slider-img { position: relative; }

.c-gallery01__slider-head { position: absolute; width: 150px; text-align: center; font-weight: bold; font-size: 1.7rem; bottom: 0; background: #fff; }

.c-gallery01__slider-txt { font-size: 1.3rem; line-height: 1.5; padding: 15px 15px 0 15px; }

.c-gallery01__note { text-align: right; padding-right: 15px; padding-bottom: 60px; font-size: 1.3rem; color: #a2a2a2; }

@media all and (min-width: 600px) { .c-gallery01__slider-item { width: 300px; }
  .c-gallery01__slider-head { font-size: 2.2rem; width: 173px; }
  .c-gallery01__slider-txt { font-size: 1.5rem; padding: 20px 20px 0 20px; }
  .c-gallery01__note { width: 1000px; margin: 0 auto; padding-right: 0; padding-bottom: 80px; -webkit-box-sizing: border-box; box-sizing: border-box; } }

/*
Head

c-head01

.c-head01 - Base styles

Markup:
<p class="c-head01 {$modifiers}">Title</p>

Styleguide 5.0.0
*/
.c-head01 { margin-bottom: 32px; text-align: center; font-weight: 700; line-height: 1.5; }

.c-head01__en { font-weight: bold; font-size: 3.5rem; letter-spacing: .2em; }

.c-head01__main { margin-top: -3px; font-size: 1.3rem; letter-spacing: .15em; }

@media all and (min-width: 600px) { .c-head01 { margin-bottom: 57px; }
  .c-head01__en { font-size: 5rem; }
  .c-head01__main { margin-top: 0; font-size: 1.6rem; } }

/*
Head

c-head02

.c-head02 - Base styles

Markup:
<p class="c-head02 {$modifiers}">Title</p>

Styleguide 5.0.1
*/
.c-head02 { position: relative; padding-bottom: 13px; margin-bottom: 12px; line-height: 1.5; font-weight: bold; font-size: 1.7rem; text-align: center; }

.c-head02::after { position: absolute; content: ''; display: block; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 50px; height: 3px; background: #f9f066; z-index: -1; }

@media all and (min-width: 600px) { .c-head02 { padding-bottom: 17px; margin-bottom: 21px; font-size: 2rem; }
  .c-head02::after { width: 60px; height: 3px; } }

/*
Head

c-head03

.c-head03 - Base styles 英語ロゴ付きの見出し

Markup:
<p class="c-head03 {$modifiers}">Title</p>

Styleguide 5.0.2
*/
.c-head03 { margin-bottom: 20px; font-weight: bold; line-height: 1.5; font-size: 2.1rem; text-align: center; }

.c-head03__in { position: relative; display: inline-block; padding-top: 30px; letter-spacing: .2em; }

.c-head03__in::before { position: absolute; content: ''; display: block; top: 0; z-index: -1; background: no-repeat center / contain; }

.c-head03.is-thanks .c-head03__in::before { left: -40px; width: 132px; height: 52px; background-image: url("../img/registration/txt_thanks01.png"); }

@media all and (min-width: 600px) { .c-head03 { margin-bottom: 30px; font-size: 3rem; }
  .c-head03__in { padding-top: 70px; }
  .c-head03__in::before { position: absolute; content: ''; display: block; top: 0; z-index: -1; background: no-repeat center / contain; }
  .c-head03.is-thanks .c-head03__in::before { left: -80px; width: 264px; height: 104px; } }

/*
Head

c-head04

.c-head04 - Base styles 通常センター寄せ見出し

Markup:
<p class="c-head04 {$modifiers}">Title</p>

Styleguide 5.0.3
*/
.c-head04 { margin-bottom: 16px; font-size: 2.1rem; line-height: 1.5; font-weight: bold; text-align: center; letter-spacing: .15em; }

@media all and (min-width: 600px) { .c-head04 { margin-bottom: 30px; font-size: 3rem; }
  .c-head04-txt { text-align: center; } }

/*
Head

c-head05

.c-head05 - Base styles 通常センター寄せ見出し

Markup:
<p class="c-head05 {$modifiers}">Title</p>

Styleguide 5.0.4
*/
.c-head05 { margin-bottom: 30px; padding-bottom: 15px; position: relative; line-height: 1.5; text-align: center; font-weight: bold; font-size: 2.3rem; letter-spacing: .2em; }

.c-head05::after { position: absolute; content: ''; display: block; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 60px; height: 3px; background: #333; }

.c-head05-txt { margin-bottom: 25px; }

@media all and (min-width: 600px) { .c-head05 { margin-bottom: 50px; font-size: 3.6rem; }
  .c-head05-txt { position: relative; text-align: center; margin-bottom: 45px; z-index: 1; } }

/*
Head

c-head06

.c-head06 - Base styles 黄色左下にボーダーのある見出し

Markup:
<p class="c-head06 {$modifiers}">Title</p>

Styleguide 5.0.5
*/
.c-head06 { padding-bottom: 12px; margin-bottom: 20px; position: relative; font-size: 1.6rem; line-height: 1.5; font-weight: bold; }

.c-head06::before { position: absolute; content: ''; display: block; bottom: 0; left: 0; width: 45px; height: 3px; background: #f9f066; }

@media all and (min-width: 600px) { .c-head06 { margin-bottom: 30px; font-size: 2rem; }
  .c-head06::before { width: 60px; } }

/*
Link

c-link01

.c-link01 - base style

Markup:
<p class="c-link01"><a href="<?php echo $root; ?>" class="c-link01__in">マイページでできること</a></p>

Styleguide 12.0.0
*/
.c-link01 { font-size: 1.3rem; font-weight: bold; line-height: 1.5; }

.c-link01__in { position: relative; padding: 0 0 8px 28px; display: inline-block; border-bottom: 2px solid; text-decoration: none; }

.c-link01__in::before { position: absolute; content: ''; display: block; top: 1px; left: 0; width: 18px; height: 18px; border: 2px solid; border-radius: 50%; }

.c-link01__in::after { position: absolute; left: 5px; top: 8px; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ''; display: block; width: 6px; height: 6px; border-top: 2px solid; border-right: 2px solid; z-index: 1; }

@media all and (min-width: 600px) { .c-link01 { font-size: 1.5rem; }
  .c-link01__in { padding: 0 0 6px 30px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
  .c-link01__in::before, .c-link01__in::after { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
  .c-link01__in:hover { color: #a2a2a2; }
  .c-link01__in:hover::before, .c-link01__in:hover::after { border-color: #a2a2a2; } }

/*
List

c-list01

.c-list01 - Base styles

Markup:
<ul class="c-list01">
	<li class="c-list01__item">住宅ローン融資諸費用（手数料・抵当権設定登記費他）</li>
	<li class="c-list01__item">つなぎ融資利用費用（手数料・金利負担他）</li>
	<li class="c-list01__item">フラット35申請費用</li>
	<li class="c-list01__item">解体撤去工事</li>
</ul>

Styleguide 29.0.0
*/
.c-list01__item { position: relative; padding-left: 14px; line-height: 1.7; }

.c-list01__item::before { position: absolute; top: 9px; left: 3px; content: ''; display: block; width: 5px; height: 5px; background-color: #f7c91d; border-radius: 50%; }

.c-list01__item + .c-list01__item { margin-top: 9px; }

.c-list01-more { margin-top: 8px; text-align: right; }

@media all and (min-width: 600px) { .c-list01__item::before { top: 10px; left: 3px; width: 6px; height: 6px; }
  .c-list01__item + .c-list01__item { margin-top: 9px; }
  .c-list01-more { margin-top: 0; }
  .c-list01.is-pc-col2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -5px; }
  .c-list01.is-pc-col2 .c-list01__item { width: calc(50% - 10px); margin: 0 5px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .c-list01.is-pc-col2 .c-list01__item + .c-list01__item { margin-top: 0; }
  .c-list01.is-pc-col2 .c-list01__item:nth-child(n+3) { margin-top: 8px; } }

/*
Nav

c-nav01

.c-nav01 - Base styles

Markup:
<ul class="c-nav01-list">
	<li class="c-nav01 is-performance">
		<a href="<?php echo $root; ?>/performance/" class="c-nav01__link">
			<div class="c-nav01__head">
				<p class="c-nav01__head-en u-font-poppins u-txt-upper">performance</p>
				<p class="c-nav01__head-main">工法・性能</p>
			</div>
			<p class="c-nav01__txt"><span class="c-marker01 is-white">ずっと安全・快適に暮らせる</span><br class="u-view-sp"><span class="c-marker01 is-white">住まいづくりを</span></p>
		</a>
	</li>
	<li class="c-nav01 is-spec">
		<a href="<?php echo $root; ?>/spec/" class="c-nav01__link">
			<div class="c-nav01__head">
				<p class="c-nav01__head-en u-font-poppins u-txt-upper">spec</p>
				<p class="c-nav01__head-main">設備・仕様</p>
			</div>
			<p class="c-nav01__txt"><span class="c-marker01 is-white">あなたの理想を形づくる</span><br class="u-view-sp"><span class="c-marker01 is-white">設備をご紹介</span></p>
		</a>
	</li>
</ul>

Styleguide 14.0.0
*/
.c-nav01__link { position: relative; color: #fff; display: block; text-decoration: none; text-align: center; }

.c-nav01__link::before { position: absolute; content: ''; display: block; bottom: 10px; right: 10px; width: 20px; height: 20px; border: 2px solid #fff; border-radius: 50%; z-index: 1; }

.c-nav01__link::after { position: absolute; right: 19px; bottom: 18px; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ''; display: block; width: 6px; height: 6px; border-top: 2px solid #fff; border-right: 2px solid #fff; z-index: 1; }

.c-nav01__img { -webkit-box-sizing: border-box; box-sizing: border-box; }

.c-nav01__area-txt { position: absolute; padding: 44px 20px 48px; top: 0; left: 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.c-nav01__head { position: relative; padding-top: 56px; line-height: 1.5; }

.c-nav01__head::before { position: absolute; content: ''; display: block; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 44px; height: 44px; background: no-repeat top / contain; }

.c-nav01__head-en { font-size: 2.6rem; font-weight: bold; letter-spacing: .2em; }

.c-nav01__head-main { margin-top: -8px; font-weight: bold; font-size: 1.5rem; }

.c-nav01__txt { margin-top: 7px; font-size: 1.3rem; }

.c-nav01__txt-in { padding: 0 8px; color: #333; background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, #fff)); background: linear-gradient(transparent 0%, #fff 0%); }

.c-nav01 + .c-nav01 { margin-top: 20px; }

.c-nav01.is-performance .c-nav01__head::before { background-image: url("../img/common/ico_performance01.png"); }

.c-nav01.is-spec .c-nav01__head::before { background-image: url("../img/common/ico_spec01.png"); }

@media all and (max-width: 340px) { .c-nav01__area-txt { padding: 23px 20px 28px; } }

@media all and (min-width: 600px) { .c-nav01 { position: relative; width: calc(50% - 32px); margin: 0 16px; }
  .c-nav01-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -16px; }
  .c-nav01__link { text-align: left; }
  .c-nav01__link::before { bottom: 13px; right: 14px; width: 25px; height: 25px; }
  .c-nav01__link::after { right: 25px; bottom: 23px; width: 8px; height: 8px; }
  .c-nav01__link:hover .c-nav01__img::before { background: rgba(51, 51, 51, 0.5); }
  .c-nav01__link:hover .c-nav01__img img { -webkit-transform: scale(1.1) rotate(-0.1deg); transform: scale(1.1) rotate(-0.1deg); }
  .c-nav01__img { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; overflow: hidden; }
  .c-nav01__img::before { position: absolute; content: ''; display: block; top: 0; bottom: 0; left: 0; right: 0; background: rgba(118, 118, 118, 0.5); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
  .c-nav01__img img { position: relative; z-index: -1; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
  .c-nav01__area-txt { padding: 20px 60px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .c-nav01__head { padding: 0 0 0 86px; text-align: left; }
  .c-nav01__head::before { top: 19px; left: 0; -webkit-transform: translateX(0); transform: translateX(0); width: 60px; height: 60px; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
  .c-nav01__head-en { font-size: 4rem; }
  .c-nav01__head-main { font-size: 2rem; }
  .c-nav01__txt { margin-top: 26px; font-size: 1.5rem; -moz-text-align-last: left; text-align-last: left; letter-spacing: .01em; padding: 0 10px; display: inline-block; background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, #fff)); background: linear-gradient(transparent 0%, #fff 0%); }
  .c-nav01__txt-in { padding: 0; background: none; }
  .c-nav01 + .c-nav01 { margin-top: 50px; } }

@media screen and (min-width: 1600px) { .c-nav01 { width: calc(50% - 40px); margin: 0 20px; }
  .c-nav01-list { margin: 0 -20px; } }

/*
Nav

c-nav02

.c-nav02 - Base styles

Markup:
<ul class="c-nav02">
	<li class="c-nav02__item">
		<a href="<?php echo home_url(); ?>/mypage/" class="c-nav02__item-link">マイページTOP</a>
	</li>
	<li class="c-nav02__item">
		<a href="<?php echo home_url(); ?>/mypage/plan/" class="c-nav02__item-link">プランシミュレーション</a>
	</li>
	<li class="c-nav02__item">
		<a href="<?php echo home_url(); ?>/mypage/save_plan/" class="c-nav02__item-link">保存プラン</a>
	</li>
</ul>

Styleguide 14.0.1
*/
.c-nav02 { background: #eee; }

.c-nav02__inner { padding-top: 10px; padding-bottom: 30px; }

.c-nav02__list-item { border-bottom: 1px solid rgba(51, 51, 51, 0.15); }

.c-nav02__list-item-link { padding: 15px 0 16px 30px; position: relative; display: block; text-decoration: none; font-size: 1.6rem; font-weight: bold; line-height: 1.5; }

@media all and (max-width: 599px) { .c-nav02__item-link::before { position: absolute; content: ''; display: block; top: 17px; left: 0; width: 18px; height: 18px; border: 2px solid; border-radius: 50%; }
  .c-nav02__item-link::after { position: absolute; left: 5px; top: 24px; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ''; display: block; width: 6px; height: 6px; border-top: 2px solid; border-right: 2px solid; z-index: 1; } }

@media all and (min-width: 600px) { .c-nav02 { background: #333; }
  .c-nav02__inner { padding-top: 10px; padding-bottom: 10px; }
  .c-nav02__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; }
  .c-nav02__list-item { border-bottom: 0; }
  .c-nav02__list-item-link { padding: 16px 30px; font-size: 1.5rem; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
  .c-nav02__list-item-link::before { position: absolute; content: ''; display: block; top: 24px; left: -3.5px; width: 7px; height: 7px; border-radius: 50%; background: #f9f066; }
  .c-nav02__list-item-link:hover { color: #f7c91d; }
  .c-nav02__list-item:first-child .c-nav02__list-item-link::before { content: none; } }

/*
Nav

c-nav03

.c-nav03 - Base styles

Markup:
<ul class="c-nav03">
	<li class="c-nav03__item">
		<a href="<?php echo home_url(); ?>/mypage/plan/" class="c-nav03__item-link">
			<p class="c-nav03__item-head is-plan">購入<br class="u-view-sp">シミュレーション</p>
			<p>プランの規格住宅から追加オプションを選択するだけ。<br>自分好みにカスタマイズしたプランの保存や返済シュミレーションを行うことができます。</p>
		</a>
	</li>
</ul>

Styleguide 14.0.2
*/
.c-nav03__item { border: 2px solid; border-radius: 6px; }

.c-nav03__item-head { margin-bottom: 6px; position: relative; line-height: 1.5; font-weight: bold; font-size: 1.8rem; letter-spacing: .2em; }

.c-nav03__item-head.is-large { margin-bottom: 10px; }

.c-nav03__item-head.is-large .c-nav03__item-head-ico { margin: 0 auto; width: 50px; }

.c-nav03__item-head.is-large .c-nav03__item-head-txt { margin-top: 2px; font-size: 2rem; text-align: center; font-weight: bold; letter-spacing: .2em; }

.c-nav03__item-link { position: relative; padding: 20px 20px 30px; display: block; text-decoration: none; }

.c-nav03__item-link::before { position: absolute; content: ''; display: block; bottom: 8px; right: 8px; width: 18px; height: 18px; border: 2px solid; border-radius: 50%; }

.c-nav03__item-link::after { position: absolute; bottom: 15px; right: 16px; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ''; display: block; width: 6px; height: 6px; border-top: 2px solid; border-right: 2px solid; z-index: 1; }

.c-nav03__item.is-plan { border: 6px double; }

.c-nav03__item.is-plan .c-nav03__item-head::before { background-image: url("../img/mypage/ico_nav01.png"); }

.c-nav03__item.is-save .c-nav03__item-head::before { background-image: url("../img/mypage/ico_nav02.png"); }

.c-nav03__item + .c-nav03__item { margin-top: 10px; }

@media all and (min-width: 600px) { .c-nav03 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; }
  .c-nav03__item { width: calc(50% - 20px); margin: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; }
  .c-nav03__item-head { margin-bottom: 18px; font-size: 2.4rem; }
  .c-nav03__item-head.is-large { margin-bottom: 18px; }
  .c-nav03__item-head.is-large .c-nav03__item-head-ico { margin-bottom: 10px; width: 61px; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
  .c-nav03__item-head.is-large .c-nav03__item-head-txt { font-size: 3rem; }
  .c-nav03__item-link { position: relative; padding: 50px 55px 55px; text-decoration: none; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
  .c-nav03__item-link::before { bottom: 12px; right: 14px; width: 26px; height: 26px; }
  .c-nav03__item-link::after { bottom: 22px; right: 25px; width: 8px; height: 8px; }
  .c-nav03__item-link:hover { background: #f7f7f7; }
  .c-nav03__item.is-plan .c-nav03__item-link, .c-nav03__item.is-save .c-nav03__item-link { padding: 30px 55px 75px; }
  .c-nav03__item.is-plan { border: 6px double; }
  .c-nav03__item.is-plan .c-nav03__item-head::before { background-image: url("../img/mypage/ico_nav01.png"); }
  .c-nav03__item.is-save .c-nav03__item-head::before { background-image: url("../img/mypage/ico_nav02.png"); }
  .c-nav03__item + .c-nav03__item { margin-top: 0; }
  .c-nav03__item:nth-child(n+3) { margin-top: 20px; } }

/*
Option

c-option01

.c-option01 - Base styles

Markup:
<div></div>

Styleguide 22.0.0
*/
.c-option01 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -7px -5px; }

.c-option01__item { position: relative; width: calc(50% - 10px); margin: 7px 5px; }

.c-option01__item::before { position: absolute; content: ''; display: block; top: 0; right: 0; width: 40px; height: 35px; background: #fff; z-index: 1; border-radius: 0 0 0 8px; }

.c-option01__item-head { padding: 7px 10px; text-align: center; line-height: 1.5; background: #eeeeee; font-weight: bold; }

.c-option01__item-radio { position: relative; }

.c-option01__item-radio input { display: none; }

.c-option01__item-img { position: relative; }

.c-option01__item-img::before { position: absolute; content: ''; display: block; top: 0; right: 4px; width: 30px; height: 30px; background: #fff; border: 1px solid rgba(51, 51, 51, 0.15); -webkit-box-shadow: 0px 2px 2px 1px #f0f0f0 inset; box-shadow: 0px 2px 2px 1px #f0f0f0 inset; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 2; }

.c-option01__item input:checked + .c-option01__item-img::after { position: absolute; content: ''; display: block; top: 8px; right: 12px; width: 14px; height: 14px; background: #f7c91d; border-radius: 50%; z-index: 2; }

.c-option01 .js-submit-button { pointer-events: none; }

.c-option01 .js-submit-button.is-active { pointer-events: auto; }

.c-option01__note { margin-top: 10px; font-size: 1.2rem; text-align: right; color: #a2a2a2; }

@media all and (min-width: 600px) { .c-option01 { margin: -11px -10px; }
  .c-option01__item { width: calc(33.33333% - 20px); margin: 11px 10px; }
  .c-option01__item::before { top: 0; right: 0; width: 50px; height: 40px; }
  .c-option01__item-head { padding: 7px 10px; cursor: pointer; }
  .c-option01__item-img { cursor: pointer; }
  .c-option01__item-img::before { right: 10px; }
  .c-option01__item input:checked + .c-option01__item-img::after { right: 18px; }
  .c-option01__note { margin-top: 20px; font-size: 1.3rem; } }

@media all and (-ms-high-contrast: none) { .c-option01 .c-option01__item::before { top: -1px; right: -1px; width: 51px; height: 41px; }
  .c-option01 .c-option01__item label img { pointer-events: none; } }

/*
Option

c-option02

.c-option02 - Base styles

Markup:
<div></div>

Styleguide 22.0.1
*/
.c-option02__item { padding: 28px 0; }

.c-option02__item + .c-option02__item { border-top: 1px solid rgba(51, 51, 51, 0.15); }

.c-option02__content { margin-top: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.c-option02__content-img { width: 90px; }

.c-option02__content-area-txt { padding-left: 20px; width: calc(100% - 90px); -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1.3rem; }

.c-option02__content-price { font-weight: bold; font-size: 1.5rem; margin-bottom: 5px; }

.c-option02__content-btn { margin-top: 10px; }

@media all and (min-width: 600px) { .c-option02 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .c-option02__item { width: 50%; padding: 40px 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid rgba(51, 51, 51, 0.15); }
  .c-option02__item + .c-option02__item { border-top: 0; }
  .c-option02__item:nth-child(odd) { border-right: 1px solid rgba(51, 51, 51, 0.15); padding-right: 50px; }
  .c-option02__item:nth-child(even) { padding-left: 50px; }
  .c-option02__item:nth-child(2n+1):nth-last-child(2) { padding-bottom: 0; border-bottom: 0; }
  .c-option02__item:last-child { padding-bottom: 0; border-bottom: 0; }
  .c-option02__content { margin-top: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .c-option02__content-img { width: 100px; }
  .c-option02__content-area-txt { width: calc(100% - 100px); font-size: 1.5rem; }
  .c-option02__content-btn { margin-top: 10px; } }

/*
Option

c-option03

.c-option03 - Base styles

Markup:
<div></div>

Styleguide 22.0.2
*/
.c-option03 { text-align: left; width: 95%; padding: 15px 30px; }

.c-option03__head { font-weight: bold; font-size: 1.8rem; margin-bottom: 15px; text-align: center; }

.c-option03__img { margin-bottom: 15px; }

.c-option03__area-txt-head { margin-bottom: 15px; }

@media all and (min-width: 600px) { .c-option03 { max-width: 980px; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 50px 50px; }
  .c-option03__head { text-align: left; font-size: 2.4rem; }
  .c-option03__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .c-option03__img { margin-bottom: 0; margin-right: 40px; }
  .c-option03__area-txt { width: 420px; } }

/*
Pager

c-pager01

.c-pager01 - base style

Markup:
<ul class="pager c-pager01 {$modifiers}">
	<li class="previous"><a href="#">&lt;</a></li>
	<li class="current"><span>1</span></li>
	<li><a href="#">2</a></li>
	<li><a href="#">3</a></li>
	<li class="next"><a href="#">&gt;</a></li>
</ul>

Styleguide 7.0.0
*/
.c-pager01 { margin-top: 25px; text-align: center; letter-spacing: -.5em; }

.c-pager01 li { display: inline-block; margin: 0 5px 10px; letter-spacing: 0; }

.c-pager01 li a, .c-pager01 li span { display: block; width: 30px; height: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 1px; border: 1px solid #000; text-decoration: none; }

.c-pager01 li.current span { color: #fff; background: #000; }

.c-pager01 li.previous { margin-right: 15px; }

.c-pager01 li.next { margin-left: 15px; }

@media all and (min-width: 600px) { .c-pager01 { margin-top: 30px; }
  .c-pager01 li { margin: 0 3px; }
  .c-pager01 li a, .c-pager01 li span { width: 30px; height: 30px; padding: 1px 0 0 0; font-size: 1.3rem; }
  .c-pager01 li a:hover, .c-pager01 li span:hover { text-decoration: none; border: 1px solid #034198; background-color: #034198; color: #fff; }
  .c-pager01 li.current { width: 30px; height: 30px; font-size: 1.3rem; padding: 4px 0 0 0; }
  .c-pager01 li.previous { margin-right: 0; }
  .c-pager01 li.next { margin-left: 0; } }

/*
Pager

c-pager02

.c-pager02 - base style

Markup:
<ul class="pager c-pager02 {$modifiers}">
	<li class="c-pager02__previous"><a href="" class="c-pager02__link">前へ</a></li>
	<li class="c-pager02__all"><a href="/blog/" class="c-pager02__link">一覧へ</a></li>
	<li class="c-pager02__next"><a href="" class="c-pager02__link">次へ</a></li>
</ul>

Styleguide 7.0.1
*/
.c-pager02 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

/*
Plan

c-plan01

.c-plan01 - Base styles

Markup:
<ul class="c-plan01">
	<li class="c-plan01__item">
		<a href="<?php echo $root; ?>" class="c-plan01__item-link">
			<div class="c-plan01__item-img"><img src="<?php echo $root; ?>/img/home/img_plan01.png" alt=""></div>
			<div class="c-plan01__item-area-txt">
				<h3 class="c-head02">プラン名が入りますプラン名が入ります</h3>
				<p class="c-plan01__item-txt">商品特徴やコンセプトを2～3行で説明します。商品特徴やコンセプトを2～3行で説明します。商品特徴やコンセプトを2～3行で説明します。商品特徴やコンセプトを2～3行。</p>
			</div>
		</a>
	</li>
	<li class="c-plan01__item">
		<a href="<?php echo $root; ?>" class="c-plan01__item-link">
			<div class="c-plan01__item-img"><img src="<?php echo $root; ?>/img/home/img_plan02.png" alt=""></div>
			<div class="c-plan01__item-area-txt">
				<h3 class="c-head02">プラン名が入りますプラン名が入ります</h3>
				<p class="c-plan01__item-txt">商品特徴やコンセプトを2～3行で説明します。商品特徴やコンセプトを2～3行で説明します。商品特徴やコンセプトを2～3行で説明します。商品特徴やコンセプトを2～3行。</p>
			</div>
		</a>
	</li>
</ul>

Styleguide 13.0.0
*/
.c-plan01__item { padding: 0 15px; }

.c-plan01__item-link { display: block; text-decoration: none; }

.c-plan01__item-img { position: relative; margin: 0 -15px; }

.c-plan01__item-img::before { position: absolute; content: ''; display: block; top: 0; right: 0; width: 30px; height: 30px; background: url("../img/common/ico_zoom01.png") no-repeat center/contain; }

.c-plan01__item-area-txt { position: relative; margin-top: -34px; padding: 30px 25px; position: relative; z-index: 1; background: #fff; }

.c-plan01__item-txt { font-size: 1.3rem; }

.c-plan01__item + .c-plan01__item { margin-top: 30px; }

@media all and (min-width: 600px) { .c-plan01 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -16px; }
  .c-plan01__item { width: calc(33.33333% - 32px); margin: 0 16px; padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .c-plan01__item-link:hover .c-plan01__item-img img { -webkit-transform: scale(1.1); transform: scale(1.1); }
  .c-plan01__item-link:hover .c-plan01__item-area-txt::before, .c-plan01__item-link:hover .c-plan01__item-area-txt::after { border-color: #a2a2a2; }
  .c-plan01__item-link:hover .c-plan01__item-head { color: #a2a2a2; }
  .c-plan01__item-img { overflow: hidden; margin: 0 -20px; }
  .c-plan01__item-img img { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
  .c-plan01__item-img::before { width: 40px; height: 40px; z-index: 1; }
  .c-plan01__item-area-txt { margin-top: -52px; padding: 12% 9%; }
  .c-plan01__item-area-txt::before { bottom: 14px; right: 17px; width: 25px; height: 25px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
  .c-plan01__item-area-txt::after { right: 29px; bottom: 23px; width: 8px; height: 8px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
  .c-plan01__item-head { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
  .c-plan01__item-txt { font-size: 1.5rem; padding: 0 5px; }
  .c-plan01__item + .c-plan01__item { margin-top: 0; }
  .c-plan01__item:nth-child(n+4) { margin-top: 50px; } }

@media screen and (min-width: 1600px) { .c-plan01 .c-plan01 { margin: 0 -20px; }
  .c-plan01 .c-plan01__item { width: calc(33.33333% - 40px); margin: 0 20px; }
  .c-plan01 .c-plan01__item:nth-child(n+4) { margin-top: 50px; } }

/*
Plan

c-plan02

.c-plan02 - Base styles

Markup:
<ul class="c-plan02"></ul>

Styleguide 13.0.1
*/
.c-plan02 { position: relative; }

.c-plan02:before { content: ''; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: -30px; display: inline-block; vertical-align: middle; width: 0; height: 0; border-style: solid; border-width: 30px 40px 0 40px; border-color: #f9f066 transparent transparent transparent; }

.c-plan02.is-step05 .c-plan02__box-head, .c-plan02.is-detail .c-plan02__box-head { display: block; padding: 10px; background: #a2a2a2; color: #fff; font-weight: bold; }

.c-plan02.is-step05:first-child .c-plan02__box-content, .c-plan02.is-detail:first-child .c-plan02__box-content { border-top: 1px solid rgba(51, 51, 51, 0.15); }

.c-plan02.is-detail .c-plan02__box-content { position: relative; border: 1px solid rgba(51, 51, 51, 0.15); border-top: 0; padding: 20px; }

.c-plan02.is-detail .c-plan02__box:first-child .c-plan02__box-content { border-top: 1px solid rgba(51, 51, 51, 0.15); }

.c-plan02__box { position: relative; }

.c-plan02__box-head { display: none; }

.c-plan02__box:first-child .c-plan02__box-content-wrap { border-top: 1px solid rgba(51, 51, 51, 0.15); }

.c-plan02__box-content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.c-plan02__box-content-wrap { position: relative; border: 1px solid rgba(51, 51, 51, 0.15); border-top: 0; padding: 20px; }

.c-plan02__box-img { width: 90px; padding-right: 15px; }

.c-plan02__box-img img { max-width: 100%; }

.c-plan02__box-area-txt { width: calc(100% - 105px); -webkit-box-sizing: border-box; box-sizing: border-box; }

.c-plan02__box-txt { font-weight: bold; font-size: 1.5rem; line-height: 1.5; }

.c-plan02__box-list { margin-bottom: 10px; line-height: 1.5; font-size: 1.3rem; }

.c-plan02__box-btn { margin-top: 15px; }

.c-plan02__box + .c-plan02__box { border-top: 0; }

.c-plan02__box-list-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.c-plan02__box-list-item-img { width: 45px; }

.c-plan02__box-list-item-img img { max-width: 100%; }

.c-plan02__box-list-item-txt { width: calc(100% - 45px); padding-left: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.5; font-weight: bold; }

.c-plan02__box-list-item + .c-plan02__box-list-item { margin-top: 10px; }

@media all and (min-width: 600px) { .c-plan02.is-step05 .c-plan02__box, .c-plan02.is-detail .c-plan02__box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .c-plan02.is-step05 .c-plan02__box span, .c-plan02.is-detail .c-plan02__box span { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .c-plan02.is-step05 .c-plan02__box-head, .c-plan02.is-detail .c-plan02__box-head { padding: 30px; width: 160px; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #fff; }
  .c-plan02.is-step05 .c-plan02__box-content, .c-plan02.is-detail .c-plan02__box-content { width: calc(100% - 220px - 30px); }
  .c-plan02.is-step05 .c-plan02__box-content-wrap, .c-plan02.is-detail .c-plan02__box-content-wrap { width: calc(100% - 160px); -webkit-box-sizing: border-box; box-sizing: border-box; }
  .c-plan02.is-step05 .c-plan02__box:last-child .c-plan02__box-head, .c-plan02.is-detail .c-plan02__box:last-child .c-plan02__box-head { border-bottom: 0; }
  .c-plan02.is-detail .c-plan02__box-content { width: calc(100% - 160px); max-width: calc(100% - 160px); padding: 30px; margin-right: 0; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid rgba(51, 51, 51, 0.15); border-top: 0; padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .c-plan02__box-content { max-width: calc(100% - 220px - 30px); margin-right: 30px; min-width: 300px; }
  .c-plan02__box-content-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 30px; }
  .c-plan02__box-img { width: 150px; padding-right: 30px; }
  .c-plan02__box-area-txt { width: calc(100% - 180px); }
  .c-plan02__box-txt { font-size: 1.8rem; margin-bottom: 15px; }
  .c-plan02__box-list { margin-bottom: 0; font-size: 1.5rem; }
  .c-plan02__box-btn { width: 220px; margin-top: 0; }
  .c-plan02__box-btn-link { padding: 7px 10px 6px; } }

/*
Plan

c-plan03

.c-plan03 - Base styles

Markup:
<ul class="c-plan02"></ul>

Styleguide 13.0.2
*/
.c-plan03__img { position: relative; padding: 0 0 25px 25px; z-index: 1; }

.c-plan03__img::before { position: absolute; content: ''; display: block; bottom: 0; left: 0; width: 202px; height: 180px; background: #f9f066; z-index: -1; }

.c-plan03__area-txt { padding-top: 20px; }

.c-plan03__head { margin-bottom: 14px; font-size: 2.1rem; line-height: 1.5; font-weight: bold; letter-spacing: .08em; }

.c-plan03__price { padding-top: 20px; text-align: right; font-weight: bold; font-size: 1.8rem; }

.c-plan03__price-num { font-size: 3.6rem; line-height: 1; }

.c-plan03__table { padding-top: 18px; }

@media all and (min-width: 600px) { .c-plan03 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .c-plan03__area-img { width: calc(50% + 5px); -webkit-box-sizing: border-box; box-sizing: border-box; }
  .c-plan03__img { padding: 0 0 35px 35px; }
  .c-plan03__img::before { width: 395px; height: 354px; }
  .c-plan03__area-txt { margin-top: -10px; width: calc(50% - 5px); padding: 0 0 0 45px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .c-plan03__head { margin-bottom: 16px; font-size: 3rem; }
  .c-plan03__price { padding-top: 25px; font-size: 2.6rem; }
  .c-plan03__price-num { font-size: 5rem; }
  .c-plan03 .c-plan03__table { padding-top: 22px; }
  .c-plan03 .c-plan03__table th, .c-plan03 .c-plan03__table td { font-size: 1.6rem; }
  .c-plan03 .c-plan03__table th { padding: 19px 0 19px 15px; width: 21%; }
  .c-plan03 .c-plan03__table td { padding: 19px 15px; }
  .c-plan03 .c-plan03__table tr:first-child td:nth-child(2) { border-right: 1px solid rgba(51, 51, 51, 0.15); }
  .c-plan03.is-pc-reverse .c-plan03__area-img { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  .c-plan03.is-pc-reverse .c-plan03__img { padding: 0 35px 35px 0; }
  .c-plan03.is-pc-reverse .c-plan03__img::before { right: 0; left: auto; }
  .c-plan03.is-pc-reverse .c-plan03__area-txt { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding: 0 45px 0 0; } }

/*
Policy

c-policy01

.c-policy01 - Base styles

Markup:
<div class="c-policy01">
	<div class="c-policy01__content">
		<p class="c-policy01__content-head">個人情報の取扱いについて</p>
		<p class="c-policy01__content-txt">テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</p>
	</div>
	<p class="c-policy01__txt">お問い合わせに当たっては「個人情報の取扱いについて」の内容にご同意いただく必要があります</p>
</div>

Styleguide 17.0.0
*/
.c-policy01__content { padding: 15px 20px; max-height: 250px; overflow-y: scroll; border: 1px solid #e1e1e1; }

.c-policy01__content-head { margin-bottom: 10px; line-height: 1.5; font-weight: bold; font-size: 1.5rem; }

.c-policy01__content-sec-head { margin-bottom: 10px; line-height: 1.5; font-weight: bold; border-bottom: 2px solid #f7c91d; font-size: 1.5rem; }

.c-policy01__content-sec-txt { margin-top: 10px; }

.c-policy01__content-sec-list { margin-top: 10px; }

.c-policy01__content-sec-item + .c-policy01__content-sec-item { margin-top: 5px; }

.c-policy01__content-sec-item-txt { padding-left: 1em; }

.c-policy01__content-sec-list02 { margin-top: 10px; padding-left: 1em; }

.c-policy01__content-sec-list03 { margin-top: 10px; }

.c-policy01__content-sec-date { margin-top: 10px; text-align: right; }

.c-policy01__content-sec + .c-policy01__content-sec { padding-top: 20px; }

.c-policy01__content-meta { margin-top: 10px; text-align: right; }

.c-policy01__txt { margin-top: 10px; font-weight: bold; }

.c-policy01__note { margin-bottom: 30px; font-size: 1.4rem; }

@media all and (min-width: 600px) { .c-policy01__content { padding: 30px; max-height: 250px; overflow-y: scroll; border: 1px solid #e1e1e1; text-align: left; }
  .c-policy01__content-head { margin-bottom: 10px; font-size: 2rem; }
  .c-policy01__content-sec-head { margin-bottom: 15px; font-size: 2rem; }
  .c-policy01__content-sec-txt { margin-top: 15px; }
  .c-policy01__content-sec-list { margin-top: 15px; }
  .c-policy01__content-sec-item + .c-policy01__content-sec-item { margin-top: 10px; }
  .c-policy01__content-sec-list02 { margin-top: 15px; }
  .c-policy01__content-sec-list03 { margin-top: 15px; }
  .c-policy01__content-sec-date { margin-top: 15px; }
  .c-policy01__content-sec + .c-policy01__content-sec { padding-top: 25px; }
  .c-policy01__content-meta { margin-top: 15px; }
  .c-policy01__txt { margin-top: 30px; }
  .c-policy01__note { font-size: 1.5rem; } }

/*
Price

c-price01

.c-price01 - Base styles

Markup:
<div class="c-price01">
	<dl class="c-price01__item">
		<dt class="c-price01__item-head">建物本体価格</dt>
		<dd class="c-price01__item-txt"><span class="c-price01__item-num u-font-poppins">00,000,000</span>円（税込）</dd>
	</dl>
	<dl class="c-price01__item">
		<dt class="c-price01__item-head">付帯工事費（概算）</dt>
		<dd class="c-price01__item-txt"><span class="c-price01__item-num u-font-poppins">00,000,000</span>円（税込）</dd>
	</dl>
	<dl class="c-price01__item">
		<dt class="c-price01__item-head">請負合計金額</dt>
		<dd class="c-price01__item-txt"><span class="c-price01__item-num u-font-poppins">00,000,000</span>円（税込）</dd>
	</dl>
</div>

Styleguide 28.0.0
*/
.c-price01__item { position: relative; padding: 10px 10px 21px; background: #fff; text-align: center; max-width: 280px; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; }

.c-price01__item:first-child::before { position: absolute; content: '+'; display: block; bottom: -42px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-family: 'Poppins', sans-serif; font-size: 3rem; font-weight: bold; }

.c-price01__item:nth-child(2)::before { position: absolute; content: '+'; display: block; bottom: -42px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-family: 'Poppins', sans-serif; font-size: 3rem; font-weight: bold; }

.c-price01__item:last-child::before { position: absolute; content: '='; display: block; top: -42px; left: calc(50% - 2px); -webkit-transform: translateX(-50%) rotate(90deg); transform: translateX(-50%) rotate(90deg); font-family: 'Poppins', sans-serif; font-size: 3rem; font-weight: bold; }

.c-price01__item + .c-price01__item { margin-top: 25px; }

.c-price01__item-head { display: inline-block; margin-bottom: 15px; font-weight: bold; padding: 1px 7px; line-height: 1.5; }

.c-price01__item-head.is-blue { background: #d0e9ec; }

.c-price01__item-head.is-pink { background: #fae0c8; }

.c-price01__item-head.is-yellow { background: #f9f066; }

.c-price01__item-head.is-green { background: #b8e1bf; }

.c-price01__item-txt { font-size: 1.4rem; font-weight: bold; line-height: 1.5; }

.c-price01__item-num { line-height: 1; font-size: 2.6rem; margin-right: 5px; letter-spacing: -.01em; }

.c-price01__item-tax { font-size: 1.2rem; }

@media all and (min-width: 600px) { .c-price01 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 -20px; }
  .c-price01__item { padding: 10px; max-width: none; margin: 0; width: calc(25% - 36px); margin: 0 18px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .c-price01__item:first-child::before { top: 50%; bottom: auto; left: auto; right: -30px; -webkit-transform: translateX(0) translateY(-50%); transform: translateX(0) translateY(-50%); font-size: 3.6rem; }
  .c-price01__item:nth-child(2)::before { top: 50%; bottom: auto; left: auto; right: -30px; -webkit-transform: translateX(0) translateY(-50%); transform: translateX(0) translateY(-50%); font-size: 3.6rem; }
  .c-price01__item:last-child::before { top: 50%; bottom: auto; left: -30px; -webkit-transform: translateX(0) translateY(-50%) rotate(0); transform: translateX(0) translateY(-50%) rotate(0); font-size: 3.6rem; }
  .c-price01__item + .c-price01__item { margin-top: 0; }
  .c-price01__item-head { margin-bottom: 20px; padding: 2px 8px; line-height: 1.5; }
  .c-price01__item-txt { font-size: 1.6rem; }
  .c-price01__item-num { position: relative; top: 2px; font-size: 3rem; margin-right: 5px; }
  .c-price01__item-tax { font-size: 1.3 rem; } }

/*
Result

c-result01

.c-result01 - Base styles

Markup:
<div></div>

Styleguide 23.0.0
*/
.c-result01__head { margin-bottom: 10px; line-height: 1.5; font-weight: bold; font-size: 2rem; text-align: center; letter-spacing: .2em; }

.c-result01__box { padding: 10px; background: #f9f066; }

.c-result01__box-head { padding: 5px; font-weight: bold; line-height: 1.5; font-size: 1.6rem; text-align: center; letter-spacing: .2em; }

.c-result01__content-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px; line-height: 1.7; background: #fff; }

.c-result01__content-item + .c-result01__content-item { margin-top: 2px; }

.c-result01__content-item dd { font-weight: bold; }

.c-result01__content-item.is-total dt { font-weight: bold; }

.c-result01__content-item.is-total dd { font-size: 2.1rem; color: #ef9748; }

.c-result01__note { margin-top: 10px; }

.c-result01__btn { margin-top: 20px; }

@media all and (min-width: 600px) { .c-result01__head { margin-bottom: 20px; font-size: 3rem; }
  .c-result01__box { padding: 15px 20px 20px; max-width: 580px; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .c-result01__box-head { padding: 0 10px 15px; font-size: 2.2rem; }
  .c-result01__content-item { padding: 11px 20px; }
  .c-result01__content-item.is-total dd { font-size: 3.6rem; }
  .c-result01__note { max-width: 580px; margin: 15px auto 0; }
  .c-result01__btn { margin-top: 50px; } }

/*
Search

c-search01

.c-search01 - base style

Markup:
<div></div>

Styleguide 18.0.0
*/
.c-search01 { padding-top: 20px; }

.c-search01__head { margin-bottom: 16px; font-weight: bold; line-height: 1.5; }

.c-search01__content { margin: 0 -20px; padding: 0 20px; border-top: 10px solid rgba(51, 51, 51, 0.15); border-bottom: 10px solid rgba(51, 51, 51, 0.15); }

.c-search01 table { table-layout: fixed; max-width: 100%; }

.c-search01 th { font-weight: bold; padding-top: 15px; margin-bottom: 8px; }

.c-search01 td { padding-bottom: 20px; border-bottom: 1px solid rgba(51, 51, 51, 0.15); }

.c-search01 td label { display: block; }

.c-search01 tr:last-child td { border-bottom: 0; }

.c-search01__btn button { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; cursor: pointer; }

@media all and (max-width: 599px) { .c-search01 th, .c-search01 td { display: block; } }

@media all and (min-width: 600px) { .c-search01 { padding-top: 40px; }
  .c-search01__head { margin-bottom: 25px; font-size: 3rem; letter-spacing: .1em; }
  .c-search01__content { margin: 0; padding: 40px 50px; border: 10px solid rgba(51, 51, 51, 0.15); }
  .c-search01 th { width: 15%; padding: 30px 20px; margin-bottom: 0; border-bottom: 1px solid rgba(51, 51, 51, 0.15); }
  .c-search01 td { padding: 23px 40px 23px 0; }
  .c-search01 tr:last-child th { border-bottom: 0; }
  .c-search01__check { width: calc(33.33333%); -webkit-box-sizing: border-box; box-sizing: border-box; }
  .c-search01__check-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .c-search01__btn { margin-top: 30px; } }

/*
Select

c-select01

.c-select01 - base style

Markup:
<div></div>

Styleguide 19.0.0
*/
.c-select01 select { font-size: 1.6rem; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; border: 1px solid #e1e1e1; height: 47px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("../img/common/ico_select01.png") no-repeat; background-size: 11px; background-position: top 18px right 12px; cursor: pointer; }

.c-select01 select::-ms-expand { display: none; }

/*
set

c-set01

.c-set01 - Base styles

Markup:
<div></div>

Styleguide 25.0.0
*/
.c-set01__img { width: 280px; margin: 0 auto 30px; }

.c-set01__head { font-weight: bold; font-size: 2.1rem; margin-bottom: 15px; line-height: 1.5; }

@media all and (min-width: 600px) { .c-set01 { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .c-set01__img { width: 350px; margin: 0 50px; }
  .c-set01__head { font-size: 3rem; }
  .c-set01.is-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-flow: row-reverse; flex-flow: row-reverse; } }

/*
set

c-set02

.c-set02 - Base styles

Markup:
<div></div>

Styleguide 25.0.1
*/
.c-set02__img { margin: 0 auto 35px; }

.c-set02__head { font-weight: bold; font-size: 2.1rem; margin-bottom: 15px; line-height: 1.5; }

@media all and (min-width: 600px) { .c-set02 { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .c-set02__img { width: 500px; margin: 0 50px 0 0; }
  .c-set02__head { font-size: 3rem; margin-bottom: 25px; } }

/*
set

c-set03

.c-set03 - Base styles

Markup:
<div></div>

Styleguide 25.0.2
*/
.c-set03__img { padding: 0 0 25px 25px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; }

.c-set03__img:before { position: absolute; content: ''; width: 202px; height: 180px; bottom: 0; left: 0; background: #f9f066; z-index: -1; }

.c-set03__area-txt { padding-top: 20px; }

.c-set03__head { font-weight: bold; font-size: 1.8rem; margin-bottom: 15px; line-height: 2.0; letter-spacing: .2em; }

.c-set03__head-txt { padding-bottom: 1px; background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(30%, #f9f066)); background: linear-gradient(transparent 70%, #f9f066 30%); }

.c-set03.is-reverse .c-set03__img { padding: 0 25px 25px 0; }

.c-set03.is-reverse .c-set03__img:before { bottom: 0; left: auto; right: 0; }

@media all and (min-width: 600px) { .c-set03 { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .c-set03__img { width: 420px; padding: 0 0 30px 30px; margin: 0 50px 0 0; }
  .c-set03__img:before { width: 273px; height: 244px; }
  .c-set03__area-txt { padding-top: 0; }
  .c-set03__head { font-size: 2.4rem; margin-bottom: 20px; }
  .c-set03.is-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-flow: row-reverse; flex-flow: row-reverse; }
  .c-set03.is-reverse .c-set03__img { padding: 0 30px 30px 0; margin: 0 0 0 50px; } }

/*
set

c-set04

.c-set04 - Base styles

Markup:
<div class="c-set04">
	<div class="c-set04__img"><img src="[theme_url]/img/beginner/img_land01.png" alt=""></div>
	<div class="c-set04__area-txt">
		<p class="c-set04__txt">建築を予定している土地の面積や形状、玄関の方向など、必要な項目をご確認ください。</p>
	</div>
</div>

Styleguide 25.0.3
*/
.c-set04__area-txt { padding-top: 20px; }

@media all and (min-width: 600px) { .c-set04 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .c-set04__img { width: calc(50% - 20px); }
  .c-set04__area-txt { margin-top: -8px; width: calc(50% + 20px); padding: 0 0 0 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } }

/*
set

c-set05

.c-set05 - Base styles

Markup:
<div class="c-set05">
	<div class="c-set05__area-img">
		<img src="/img/spec/img_kitchen01.png" alt="">
	</div>
	<div class="c-set05__area-txt">
		<div class="spec-facility__head c-set05__head">
			<h2 class="c-head05 spec-facility__head">キッチン</h2>
		</div>
	</div>
</div>

Styleguide 25.0.4
*/
.c-set05__area-txt { padding-top: 30px; }

@media all and (min-width: 600px) { .c-set05 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .c-set05__area-img { width: 530px; margin-right: 80px; }
  .c-set05__area-txt { padding-top: 0px; width: calc(100% - 610px); }
  .c-set05.is-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-flow: row-reverse; flex-flow: row-reverse; }
  .c-set05.is-reverse .c-set05__area-img { margin-right: 0; margin-left: 80px; } }

/*
set

c-set06

.c-set06 - Base styles

Markup:
<div class="c-set06">
	<p class="c-set06__head">カラーイメージ</p>
	<ul class="c-set06__list is-cl4">
		<li class="c-set06__item">
			<div class="c-set06__item-img">
				<img src="<?php echo get_stylesheet_directory_uri(); ?>/img/spec/img_facility01.png" alt="">
			</div>
			<p class="c-set06__item-txt">キャプションキャプション</p>
		</li>
	</ul>
</div>

Styleguide 25.0.5
*/
.c-set06__head { color: #fff; background: #333; display: inline-block; font-size: 1.6rem; font-weight: bold; padding: 5px 7px; line-height: 1; margin-bottom: 15px; }

.c-set06__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }

.c-set06__list.is-cl2 { margin: 0 -6px; }

.c-set06__list.is-cl2 .c-set06__item { width: calc(50% - 12px); margin: 0 6px; }

.c-set06__list.is-cl4 { margin: 0 -6px; }

.c-set06__list.is-cl4 .c-set06__item { width: calc(25% - 12px); margin: 0 6px; }

.c-set06__list.is-cl3 { margin: 0 -8px; }

.c-set06__list.is-cl3 .c-set06__item { width: calc(50% - 16px); margin: 0 8px; }

.c-set06__item { padding-bottom: 10px; }

.c-set06__item-txt { font-size: 1.1rem; line-height: 1.5; padding-top: 5px; }

.c-set06 + .c-set06 { padding-top: 20px; }

.c-set06__wrap { padding-top: 20px; padding-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; }

.c-set06__wrap .c-set06 { width: 50%; }

.c-set06__wrap .c-set06 + .c-set06 { padding-top: 0; }

@media all and (min-width: 600px) { .c-set06 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .c-set06__area-img { width: 530px; margin-right: 80px; }
  .c-set06__area-txt { width: calc(100% - 610px); }
  .c-set06__head { font-size: 1.8rem; padding: 5px 10px 7px; margin-bottom: 25px; }
  .c-set06__list.is-cl4 { margin: 0 -9px; }
  .c-set06__list.is-cl4 .c-set06__item { width: calc(25% - 18px); margin: 0 9px; }
  .c-set06__list.is-cl3 { margin: 0 -9px; }
  .c-set06__list.is-cl3 .c-set06__item { width: calc(33.3333% - 18px); margin: 0 9px; }
  .c-set06__list.is-cl2 { margin: 0 -9px; }
  .c-set06__list.is-cl2 .c-set06__item { width: calc(50% - 18px); margin: 0 9px; }
  .c-set06__item { padding-bottom: 10px; }
  .c-set06__item-txt { font-size: 1.4rem; padding-top: 8px; }
  .c-set06 + .c-set06 { padding-top: 30px; } }

/*
Single

c-single01

.c-single01 - base style

Markup:
<article class="c-single01 {$modifiers}">
	<div class="c-single01__thum"><img src="https://placehold.jp/810x522.png" alt=""></div>
	<header class="c-single01-head">
		<div class="c-single01-head__meta">
			<ul class="c-single01-tag c-tag01">
				<li class="c-single01-tag__item">ニュース</li>
			</ul>
			<time class="c-single01-date">2019.12.12</time>
		</div>
		<h1>年末年始休業日お知らせ</h1>
	</header>
	<div class="c-single01-content">
		<p>12/29(土)～1/6(日)まで誠に勝手ながら冬季休暇とさせていただきます。<br>新年2019年1月7日より通常営業致します。</p>
		<p>テキストテキストテキストテキストテキストテキストテキストテキスト<br>テキストテキストテキストテキストテキストテキストテキストテキストテキスト<br>テキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
	</div>
	<p class="c-single01-btn c-btn01"><a href="/news/" class="c-btn01__link">一覧に戻る</a></p>
</article>

Styleguide 8.0.0
*/
.c-single01 { padding: 40px 25px; background: #fff; }

.c-single01__head { margin-top: 20px; }

.c-single01__head h1 { margin-top: 8px; font-size: 2rem; font-weight: 700; letter-spacing: .06em; }

.c-single01__tag { display: inline-block; margin-right: 5px; }

.c-single01__date { display: inline-block; color: #999; letter-spacing: .1em; }

.c-single01__content { margin-top: 12px; }

.c-single01__content *:first-child { margin-top: 0; }

.c-single01__content *:last-child { margin-bottom: 0; }

.c-single01__content p { margin: 10px 0; }

@media all and (min-width: 600px) { .c-single01 { padding: 60px; }
  .c-single01__head { margin-top: 40px; }
  .c-single01__head h1 { margin-top: 15px; font-size: 3rem; }
  .c-single01__tag { margin-right: 11px; }
  .c-single01__content { margin-top: 24px; }
  .c-single01__content p { margin: 26px 0; }
  .c-single01__btn { width: 330px; margin: 40px auto 0; } }

/*
Tab

c-tab01

.c-tab01 - Base styles

Markup:
<ul class="js-switch-tab-list c-tab01-list">
	<li class="js-switch-tab c-tab01 is-active">tab01</li>
	<li class="js-switch-tab c-tab01">tab02</li>
	<li class="js-switch-tab c-tab01">tab03</li>
</ul>
<div class="js-switch-content-list contents">
	<div class="js-switch-content is-active">content01</div>
	<div class="js-switch-content">content02</div>
	<div class="js-switch-content">content03</div>
</div>
 
Styleguide 9.0.0
*/
.c-tab01 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.c-tab01__item { margin-right: 5px; padding: 5px 10px; }

.c-tab01__item.is-active { background: #333; color: #fff; }

/*
Table

c-table01

.c-table01 - Base styles

Markup:
<div class="c-table01 {$modifiers}">
	<table><tbody>
		<tr>
			<th>th</th>
			<td>td</td>
		</tr>
		<tr>
			<th>th</th>
			<td>td</td>
		</tr>
	</tbody></table>
</div>

Styleguide 10.0.0
*/
.c-table01 table { table-layout: fixed; max-width: 100%; }

.c-table01 th { border-top: 1px solid rgba(51, 51, 51, 0.15); border-bottom: 1px dotted rgba(51, 51, 51, 0.15); font-weight: bold; }

.c-table01 tr:last-child td { border-bottom: 1px solid rgba(51, 51, 51, 0.15); }

.c-table01 th, .c-table01 td { padding: 12px 16px 11px; line-height: 1.7; }

.c-table01.is-white th, .c-table01.is-white td { background: #fff; }

@media all and (max-width: 599px) { .c-table01 table, .c-table01 thead, .c-table01 tbody, .c-table01 tr, .c-table01 th, .c-table01 td { display: block; } }

@media all and (min-width: 600px) { .c-table01 th, .c-table01 td { font-size: 1.5rem; }
  .c-table01 th { padding: 12px 16px; border-top: 1px solid rgba(51, 51, 51, 0.15); border-bottom: 0; font-weight: bold; }
  .c-table01 td { padding: 12px 16px; border-top: 1px solid rgba(51, 51, 51, 0.15); }
  .c-table01 tr:last-child th { border-bottom: 1px solid rgba(51, 51, 51, 0.15); } }

/*
Toggle

c-toggle-tit01

.c-toggle-tit01 - Base styles

Markup:
<p class="js-toggle-trigger c-toggle-tit01">アコーディオン開閉</p>
<div class="js-toggle-content txt">内容</div>
 
Styleguide 11.0.0
*/
.c-toggle-tit01 { position: relative; padding: 10px 50px 10px 15px; background: #333; color: #fff; }

.c-toggle-tit01::before, .c-toggle-tit01::after { position: absolute; top: 50%; right: 15px; content: ""; display: block; width: 20px; height: 2px; margin-top: -1px; background: #fff; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }

.c-toggle-tit01::before { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

.c-toggle-tit01.is-active::before { -webkit-transform: rotate(0); transform: rotate(0); }

/*
Txt

c-border01

.c-border01 - base style

Markup:
<p><span class="c-border01">ネット</span>で始める<br>理想の<span class="c-border01">家づくり</span></p>

Styleguide 6.0.0
*/
.c-border01 { border-bottom: 3px solid #000; }

/*
Txt

c-txt-note

.c-txt-note - base style

Markup:
<ul class="c-txt-note">
	<li class="c-txt-note__item">登録情報は、<a href="[home_url]/mypage/user_info/">お客様情報の変更</a>から確認、編集いただけます。</li>
</ul>

Styleguide 6.0.1
*/
.c-txt-note__item { position: relative; padding-left: 15px; font-size: 1.3rem; color: #a2a2a2; line-height: 1.7; display: inline-block; }

.c-txt-note__item::before { position: absolute; top: 0; left: 0; content: '※'; display: block; }

@media all and (min-width: 600px) { .c-txt-note__item { font-size: 1.4rem; } }

/*
Txt

c-txt-marker01

.c-txt-marker01 - base style

Markup:
<span class="c-txt-marker01">外観と内観</span>

Styleguide 6.0.2
*/
.c-txt-marker01 { background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #f9f066)); background: linear-gradient(transparent 70%, #f9f066 70%); }

/*
Zoom

c-zoom01

.c-zoom01 - Base styles

Markup:
<div></div>

Styleguide 21.0.0
*/
.c-zoom01 { position: relative; display: block; }

.c-zoom01::before { position: absolute; content: ''; display: block; bottom: 0; right: 0; width: 35px; height: 35px; z-index: 1; background: url("../img/common/ico_zoom01.png") no-repeat center/contain; }

/*  common
================================================ */
/* .l-breadcrumb
================================================ */
.l-breadcrumb .breadcrumb-list { padding: 8px 10px 25px; }

.l-breadcrumb .breadcrumb-list__item { display: inline-block; }

.l-breadcrumb .breadcrumb-list__item + .breadcrumb-list__item { padding-left: 5px; }

.l-breadcrumb .breadcrumb-list__item + .breadcrumb-list__item:before { content: ">"; margin-right: 4px; }

/* .l-footer
================================================ */
.l-footer { background: #eee; }

.l-footer__inner { padding: 26px 20px; }

@media all and (min-width: 600px) { .l-footer { position: relative; }
  .l-footer__inner { padding: 68px 0; max-width: 1120px; margin: 0 auto; }
  .l-footer__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }

/* .c-pagetop
================================================ */
.ft-pagetop { margin-top: 15px; position: relative; z-index: 2; }

@media all and (max-width: 599px) { .ft-pagetop { position: static !important; } }

.ft-pagetop__link { position: relative; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 45px; height: 45px; text-align: center; text-decoration: none; overflow: hidden; text-indent: 200%; white-space: nowrap; border: 2px solid; font-size: 0; border-radius: 50%; }

.ft-pagetop__link::after { position: absolute; left: 16px; top: 18px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); content: ''; display: block; width: 6px; height: 6px; border-top: 2px solid; border-right: 2px solid; z-index: 1; }

@media all and (min-width: 600px) { .ft-pagetop { margin-top: 0; position: absolute; right: 20px; top: -48px; }
  .ft-pagetop__link { margin: 0; width: 57px; height: 57px; border-width: 3px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
  .ft-pagetop__link::after { left: 20px; top: 22px; width: 8px; height: 8px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
  .ft-pagetop__link:hover { background: #a2a2a2; border-color: #a2a2a2; }
  .ft-pagetop__link:hover::after { border-color: #fff; } }

/* .ft-info
================================================ */
.ft-info__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -8px; }

.ft-info__nav-sub { position: relative; padding-top: 10px; }

.ft-info__nav-sub::before { position: absolute; content: ''; display: block; top: 0; left: 8px; right: 8px; height: 1px; background: #333; }

.ft-info__nav-sub .ft-info__nav-item:nth-last-child(-n+2) { border-bottom: 0; }

.ft-info__nav-item { width: calc(50% - 16px); margin: 0 8px; border-bottom: 1px solid rgba(51, 51, 51, 0.15); font-size: 1.2rem; }

.ft-info__nav-item:last-child { border-bottom: 0; }

.ft-info__nav-link { padding: 11px 0 11px 12px; position: relative; display: block; text-decoration: none; line-height: 1.5; }

.ft-info__nav-link::after { position: absolute; left: 0; top: 18px; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ''; display: block; width: 4px; height: 4px; border-top: 2px solid; border-right: 2px solid; z-index: 1; border-color: #a2a2a2; }

.ft-info__nav:first-child { padding-bottom: 10px; }

@media all and (min-width: 600px) { .ft-info { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: calc(100% - 270px); margin: 0 -8px; }
  .ft-info__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin: 0; }
  .ft-info__nav.is-grid { width: 345px; display: grid; display: -ms-grid; -ms-grid-template-columns: 190px 155px; -ms-grid-columns: 190px 155px; grid-template-columns: 190px 155px; -ms-grid-template-rows: auto auto auto; -ms-grid-rows: auto auto auto; grid-template-rows: auto auto auto; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .ft-info__nav.is-grid > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }
  .ft-info__nav.is-grid > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 2; }
  .ft-info__nav.is-grid > *:nth-child(3) { -ms-grid-row: 2; -ms-grid-column: 1; }
  .ft-info__nav.is-grid > *:nth-child(4) { -ms-grid-row: 2; -ms-grid-column: 2; }
  .ft-info__nav.is-grid > *:nth-child(5) { -ms-grid-row: 3; -ms-grid-column: 1; }
  .ft-info__nav.is-grid > *:nth-child(6) { -ms-grid-row: 3; -ms-grid-column: 2; }
  .ft-info__nav-sub { position: relative; display: block; width: 220px; padding: 0 0 0 40px; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 0; border-left: 1px solid; }
  .ft-info__nav-sub::before { display: none; }
  .ft-info__nav-sub .ft-info__nav-item { display: block; }
  .ft-info__nav-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin: 0; border-bottom: none; }
  .ft-info__nav-item:nth-last-child(-n+2) { border-bottom: 0; }
  .ft-info__nav-item.is-item01 { -ms-grid-column: 1; -ms-grid-row: 1; grid-column: 1; grid-row: 1; }
  .ft-info__nav-item.is-item02 { -ms-grid-column: 1; -ms-grid-row: 2; grid-column: 1; grid-row: 2; }
  .ft-info__nav-item.is-item03 { -ms-grid-column: 1; -ms-grid-row: 3; grid-column: 1; grid-row: 3; }
  .ft-info__nav-item.is-item04 { -ms-grid-column: 2; -ms-grid-row: 1; grid-column: 2; grid-row: 1; }
  .ft-info__nav-item.is-item05 { -ms-grid-column: 2; -ms-grid-row: 2; grid-column: 2; grid-row: 2; }
  .ft-info__nav-link { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 0 10px 14px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; font-size: 1.4rem; }
  .ft-info__nav-link:hover { color: #a2a2a2; }
  .ft-info__nav-link::after { top: 18px; width: 4px; height: 4px; }
  .ft-info__nav:first-child { padding: 0; } }

/* .ft-txt
================================================ */
.ft-txt { padding: 25px 0 0; }

.ft-txt__logo { margin: 0 auto; width: 108px; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

@media all and (min-width: 600px) { .ft-txt { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding: 8px 0 0; }
  .ft-txt__logo { margin: 0; width: 160px; } }

.ft-cr { margin-top: 15px; line-height: 1.5; color: #a2a2a2; text-align: center; font-size: 1.1rem; }

@media all and (min-width: 600px) { .ft-cr { margin-top: 44px; text-align: left; } }

/* .l-header
================================================ */
.l-header { position: relative; top: 0; left: 0; width: 100%; min-width: 320px; z-index: 2000; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; }

.l-header::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; opacity: 1; z-index: -1; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }

.l-header.is-hide { position: fixed; opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); }

@media all and (min-width: 600px) { .l-header { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; min-width: 1120px; } }

.l-header.is-fixed { position: fixed; }

.l-header.is-fixed .hd-info { height: 60px; padding-top: 7px; }

.l-header.is-fixed .nav-btn { top: 5px; }

@media all and (min-width: 600px) { .l-header.is-fixed::before { opacity: .85; }
  .l-header.is-fixed .hd-info { height: 145px; padding-top: 45px; }
  .l-header.is-fixed .l-nav { padding-top: 30px; } }

/* .l-header .hd-info
-------------------------------------- */
.l-header .hd-info { position: relative; z-index: 3; height: 70px; padding: 13px 10px 7px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }

.l-header .hd-info__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.l-header .hd-info__logo { width: 115px; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

@media all and (min-width: 600px) { .l-header .hd-info { width: 265px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 152px; padding: 45px 15px 20px 50px; }
  .l-header .hd-info__logo { width: 185px; padding: 0; margin: 0; }
  .l-header .hd-info__btn-contact { margin: 0; } }

/* .l-header .nav-btn
-------------------------------------- */
.l-header .nav-btn { position: absolute; top: 10px; right: 10px; width: 50px; height: 50px; cursor: pointer; z-index: 5; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }

.l-header .nav-btn__line { position: absolute; left: 9px; width: 32px; height: 2px; content: ''; background: #333; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }

.l-header .nav-btn__line:nth-child(1) { top: 15px; }

.l-header .nav-btn__line:nth-child(2) { top: 24px; }

.l-header .nav-btn__line:nth-child(3) { top: 33px; }

.l-header .nav-btn.is-open .nav-btn__line:nth-child(1) { top: 23px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.l-header .nav-btn.is-open .nav-btn__line:nth-child(2) { opacity: 0; }

.l-header .nav-btn.is-open .nav-btn__line:nth-child(3) { top: 23px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.l-header .nav-btn__chara { position: absolute; left: 0; bottom: 3px; width: 100%; font-size: 1rem; line-height: 1.2; text-align: center; }

/* .l-nav
================================================ */
.l-nav { position: fixed; top: 0; left: 0; z-index: 4; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; max-width: 100%; box-sizing: border-box; max-height: 100vh; min-width: 320px; padding-top: 60px; background: #fff; -webkit-overflow-scrolling: touch; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }

@media all and (max-width: 599px) { .l-nav { overflow-y: auto; -webkit-transform: translateX(120%); transform: translateX(120%); }
  .l-nav::-webkit-scrollbar { display: none; }
  .l-nav.is-open { -webkit-transform: translateX(0); transform: translateX(0); } }

@media all and (min-width: 600px) { .l-nav { background: transparent; padding: 36px 0 0; position: static; width: calc(100% - 265px); height: auto; min-width: auto; } }

/* .nav-link
================================================ */
.nav-link { padding-bottom: 40px; }

.nav-link__btn { margin: 0 auto; max-width: 305px; }

.nav-link__btn-link { position: relative; display: block; padding: 17px 10px 18px; line-height: 1.5; text-decoration: none; color: #fff; font-size: 1.5rem; font-weight: bold; text-align: center; border-radius: 100px; }

.nav-link__btn-link::before { position: relative; margin-right: 9px; }

.nav-link__btn + .nav-link__btn { margin-top: 10px; }

.nav-link__btn.is-online .nav-link__btn-link { background: #ef9748; }

.nav-link__btn.is-online .nav-link__btn-link::before { width: 22px; height: 22px; content: ""; display: inline-block; vertical-align: middle; background: no-repeat center/contain; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021.37%2018.58%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-linejoin%3Around%3Bstroke-width%3A1.5px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M18.89.75H9.82A1.73%2C1.73%2C0%2C0%2C0%2C8.09%2C2.48V9.39a1.74%2C1.74%2C0%2C0%2C0%2C1.73%2C1.73h4.89l3%2C3.12a.43.43%2C0%2C0%2C0%2C.74-.3V11.12h.43a1.73%2C1.73%2C0%2C0%2C0%2C1.73-1.73V2.48A1.72%2C1.72%2C0%2C0%2C0%2C18.89.75Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.41%2C12v.87a1.72%2C1.72%2C0%2C0%2C1-1.72%2C1.72h-4l-3%2C3.12a.43.43%2C0%2C0%2C1-.74-.3V14.57H2.48A1.72%2C1.72%2C0%2C0%2C1%2C.75%2C12.85V5.93A1.72%2C1.72%2C0%2C0%2C1%2C2.48%2C4.21H7.23%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M9.39%2C4.21h1.3a1.72%2C1.72%2C0%2C0%2C1%2C1.72%2C1.72V9.82%22%2F%3E%3C%2Fsvg%3E"); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }

.nav-link__btn.is-material .nav-link__btn-link { background: #64b7bf; }

.nav-link__btn.is-material .nav-link__btn-link::before { bottom: 1px; width: 22px; height: 22px; content: ""; display: inline-block; vertical-align: middle; background: no-repeat center/contain; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021.83%2018.14%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%2C.cls-2%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-linejoin%3Around%3Bstroke-width%3A1.5px%3B%7D.cls-1%7Bfill-rule%3Aevenodd%3B%7D.cls-2%7Bstroke-linecap%3Around%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2210.92%2017.39%200.75%2015.54%200.75%200.75%2010.92%202.6%2010.92%2017.39%22%2F%3E%3Cline%20class%3D%22cls-2%22%20x1%3D%223.01%22%20y1%3D%224.45%22%20x2%3D%228.66%22%20y2%3D%225.47%22%2F%3E%3Cline%20class%3D%22cls-2%22%20x1%3D%223.01%22%20y1%3D%227.22%22%20x2%3D%228.66%22%20y2%3D%228.24%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2210.92%2017.39%2021.08%2015.54%2021.08%200.75%2010.92%202.6%2010.92%2017.39%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2213.21%2013.39%2018.79%2012.38%2018.79%204.27%2013.21%205.28%2013.21%2013.39%22%2F%3E%3C%2Fsvg%3E"); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }

.nav-link__btn.is-mail .nav-link__btn-link { background: #64b7bf; }

.nav-link__btn.is-mail .nav-link__btn-link::before { bottom: 1px; width: 21px; height: 15px; content: ""; display: inline-block; vertical-align: middle; background: no-repeat center/contain; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2046%2033%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%2C.cls-2%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-miterlimit%3A10%3Bstroke-width%3A2px%3B%7D.cls-2%7Bstroke-linecap%3Around%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M45%2C30a2%2C2%2C0%2C0%2C1-2%2C2H3a2%2C2%2C0%2C0%2C1-2-2V3A2%2C2%2C0%2C0%2C1%2C3%2C1H43a2%2C2%2C0%2C0%2C1%2C2%2C2Z%22%2F%3E%3Cline%20class%3D%22cls-2%22%20x1%3D%225%22%20y1%3D%2227%22%20x2%3D%2214%22%20y2%3D%2218%22%2F%3E%3Cline%20class%3D%22cls-2%22%20x1%3D%2241%22%20y1%3D%2227%22%20x2%3D%2232%22%20y2%3D%2218%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M4.81%2C6l13%2C13%2C0%2C0a7.06%2C7.06%2C0%2C0%2C0%2C10%2C0l0%2C0%2C13-13%22%2F%3E%3C%2Fsvg%3E"); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }

.nav-link__btn.is-login .nav-link__btn-link { padding: 16px 10px 14px; background: #f9f066; color: #333; font-size: 1.3rem; }

.nav-link__btn.is-login .nav-link__btn-link::before { width: 14px; height: 22px; content: ""; display: inline-block; vertical-align: middle; background: no-repeat center/contain; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013.54%2020.67%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%2C.cls-2%7Bfill%3Anone%3Bstroke%3A%23333%3Bstroke-linejoin%3Around%3Bstroke-width%3A1.5px%3B%7D.cls-1%7Bfill-rule%3Aevenodd%3B%7D.cls-2%7Bstroke-linecap%3Around%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%223.73%2019.92%2012.79%2016.82%2012.79%200.75%203.73%203.85%203.73%2019.92%22%2F%3E%3Cline%20class%3D%22cls-2%22%20x1%3D%226.39%22%20y1%3D%229.94%22%20x2%3D%226.39%22%20y2%3D%2211.61%22%2F%3E%3Cpolyline%20class%3D%22cls-2%22%20points%3D%2212.79%200.75%200.75%200.75%200.75%2016.59%203.52%2016.59%22%2F%3E%3C%2Fsvg%3E"); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }

@media all and (min-width: 600px) { .nav-link { padding: 0 50px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .nav-link__btn { overflow: hidden; margin: 0; width: 180px; }
  .nav-link__btn-link { height: 46px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 10px 10px 11px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1.4rem; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
  .nav-link__btn-link::before { position: relative; top: 1px; margin-right: 9px; }
  .nav-link__btn + .nav-link__btn { margin-top: 0; margin-left: 10px; }
  .nav-link__btn.is-online .nav-link__btn-link:hover { background: #e27d23; }
  .nav-link__btn.is-material .nav-link__btn-link::before { top: .5px; }
  .nav-link__btn.is-material .nav-link__btn-link:hover { background: #4da0a8; }
  .nav-link__btn.is-login { width: 140px; }
  .nav-link__btn.is-login .nav-link__btn-link { padding: 11px 10px 13px; background: #f9f066; color: #333; font-size: 1.4rem; }
  .nav-link__btn.is-login .nav-link__btn-link::before { top: 1px; width: 14px; height: 22px; content: ""; display: inline-block; vertical-align: middle; background: no-repeat center/contain; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013.54%2020.67%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%2C.cls-2%7Bfill%3Anone%3Bstroke%3A%23333%3Bstroke-linejoin%3Around%3Bstroke-width%3A1.5px%3B%7D.cls-1%7Bfill-rule%3Aevenodd%3B%7D.cls-2%7Bstroke-linecap%3Around%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%223.73%2019.92%2012.79%2016.82%2012.79%200.75%203.73%203.85%203.73%2019.92%22%2F%3E%3Cline%20class%3D%22cls-2%22%20x1%3D%226.39%22%20y1%3D%229.94%22%20x2%3D%226.39%22%20y2%3D%2211.61%22%2F%3E%3Cpolyline%20class%3D%22cls-2%22%20points%3D%2212.79%200.75%200.75%200.75%200.75%2016.59%203.52%2016.59%22%2F%3E%3C%2Fsvg%3E"); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
  .nav-link__btn.is-login .nav-link__btn-link:hover { background: #f7c91d; } }

@media (min-width: 600px) and (max-width: 1240px) { .nav-link { padding-right: 41px; } }

/* .nav-list
================================================ */
.nav-list { position: relative; padding: 26px 20px 80px; }

.nav-list__link { padding: 14px 0 16px 30px; position: relative; display: block; text-decoration: none; font-size: 1.6rem; font-weight: bold; line-height: 1.5; }

@media all and (max-width: 599px) { .nav-list::before { position: absolute; content: ''; display: block; top: 0; bottom: 0; left: 0; width: 100%; background: #eee; z-index: -1; }
  .nav-list__item { border-bottom: 1px solid rgba(51, 51, 51, 0.15); }
  .nav-list__link::before { position: absolute; content: ''; display: block; top: 15px; left: 0; width: 18px; height: 18px; border: 2px solid; border-radius: 50%; }
  .nav-list__link::after { position: absolute; left: 5px; top: 22px; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ''; display: block; width: 6px; height: 6px; border-top: 2px solid; border-right: 2px solid; z-index: 1; } }

@media all and (min-width: 600px) { .nav-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 0 16px 0 0; margin-top: 10px; }
  .nav-list__item:first-child .nav-list__link::before { content: none; }
  .nav-list__link { padding: 14px 34px; position: relative; display: block; text-decoration: none; font-size: 1.6rem; font-weight: bold; line-height: 1.5; }
  .nav-list__link::before { position: absolute; content: ''; display: block; top: 24px; left: -3.5px; width: 7px; height: 7px; border-radius: 50%; background: #f9f066; }
  .nav-list__link::after { position: absolute; content: ''; display: block; bottom: 13px; right: 30px; left: 30px; height: 8px; background: #f9f066; z-index: -1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left; transform-origin: left; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
  .nav-list__link:hover::after { -webkit-transform: scaleX(1); transform: scaleX(1); } }

@media (min-width: 600px) and (max-width: 1240px) { .nav-list .nav-list__link { padding: 14px 25px; }
  .nav-list .nav-list__link::after { left: 24px; right: 24px; } }

/* .nav-overlay
================================================ */
.nav-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.25); z-index: 1000; }

@media all and (min-width: 600px) { .nav-overlay { display: none !important; } }

/* .l-main-img HOME
================================================ */
.l-main-img { position: relative; border-bottom: 1px solid rgba(51, 51, 51, 0.15); }

.l-main-img__inner { padding: 20px 20px 40px; }

.l-main-img__area-img { position: relative; padding-bottom: 40px; padding-left: 15px; max-width: 100%; }

.l-main-img__area-img::before { position: absolute; content: ''; display: block; top: 34px; bottom: 20px; left: 40px; right: -20px; background: #f9f066; z-index: -1; }

.l-main-img__img01 { position: absolute; width: 205px; top: -20px; left: -20px; }

.l-main-img__img02 { position: absolute; width: 142px; bottom: 0; right: -20px; }

.l-main-img__slider { position: relative; z-index: 1; }

.l-main-img__slider-item { position: relative; z-index: 3; }

.l-main-img__copy-txt { padding: 14px 0 0 15px; position: relative; line-height: 1.8; font-size: 2.9rem; font-weight: bold; letter-spacing: .2em; }

.l-main-img__copy-txt::before { position: absolute; content: ''; display: block; top: -8px; left: -10px; width: 202px; height: 65px; background: url("../img/home/txt_mv01.png") no-repeat center/contain; z-index: -1; }

.l-main-img__about { margin-top: 40px; padding-left: 15px; line-height: 1.5; }

.l-main-img__about-link { position: relative; width: 200px; border: 2px solid; display: block; padding: 14px 35px 20px 24px; -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none; }

.l-main-img__about-link::before { position: absolute; content: ''; display: block; top: calc(50% - 1px); -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 13px; width: 18px; height: 18px; border: 2px solid; border-radius: 50%; }

.l-main-img__about-link::after { position: absolute; right: 21px; top: calc(50% - 1px); -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); content: ''; display: block; width: 6px; height: 6px; border-top: 2px solid; border-right: 2px solid; z-index: 1; }

.l-main-img__about-en { letter-spacing: .2em; font-size: 1.9rem; font-weight: bold; }

.l-main-img__about-main { margin-top: -4px; font-size: 1.2rem; font-weight: bold; }

.l-main-img__scroll { position: absolute; right: 25px; bottom: 0; height: 115px; z-index: 2; }

.l-main-img__scroll-link { position: relative; display: block; font-size: 1.1rem; line-height: 1; text-decoration: none; -webkit-writing-mode: tb-rl; -ms-writing-mode: tb-rl; writing-mode: tb-rl; padding-bottom: 71px; }

.l-main-img__scroll-link:before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; height: 65px; width: 1px; background: #333; -webkit-animation: line 2.2s cubic-bezier(1, 0, 0, 1) infinite; animation: line 2.2s cubic-bezier(1, 0, 0, 1) infinite; }

@media all and (min-width: 600px) { .l-main-img { min-width: 1366px; max-width: 1920px; margin: 0 auto; }
  .l-main-img__inner { position: relative; padding: 0 0 5.8% 0; }
  .l-main-img__area-img { padding: 0; width: auto; margin-left: 20.5%; }
  .l-main-img__area-img::before { top: 170px; bottom: 0px; left: 505px; right: -200px; background: #f9f066; z-index: -1; }
  .l-main-img__img01 { width: 36.809815%; top: 0px; left: 0px; }
  .l-main-img__img02 { width: 25.15337%; bottom: -50px; right: 0; }
  .l-main-img__slider { position: relative; width: 62.94478%; margin-left: 25.53987%; padding-top: 3%; padding-bottom: 3%; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 3; }
  .l-main-img__copy { position: absolute; bottom: 50px; left: 110px; width: 440px; padding: 0 0 5.2% 0; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; }
  .l-main-img__copy-txt { padding: 0; line-height: 1.8; font-size: 5.2rem; z-index: 1; }
  .l-main-img__copy-txt::before { top: -27%; left: -30px; width: 404px; height: 130px; }
  .l-main-img__about { position: absolute; bottom: 110px; right: 43px; margin-top: 40px; padding-left: 15px; line-height: 1.5; z-index: 3; }
  .l-main-img__about-link { width: 256px; border: none; padding: 20px 35px 25px 40px; background: #fff; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
  .l-main-img__about-link::before { top: calc(50% - 1px); right: 18px; }
  .l-main-img__about-link::after { right: 26px; }
  .l-main-img__about-link:hover { background: #f9f066; }
  .l-main-img__about-en { font-size: 2.4rem; }
  .l-main-img__about-main { margin-top: 0; font-size: 1.4rem; }
  .l-main-img__scroll { right: auto; left: 20px; height: 190px; }
  .l-main-img__scroll-link { position: relative; display: block; font-size: 1.3rem; line-height: 1; text-decoration: none; -webkit-writing-mode: tb-rl; -ms-writing-mode: tb-rl; writing-mode: tb-rl; padding-bottom: 138px; }
  .l-main-img__scroll-link:before { height: 130px; } }

@media screen and (min-width: 1600px) { .l-main-img__area-img { margin-left: 14%; }
  .l-main-img__copy { padding-bottom: 9.5%; }
  .l-main-img__slider { width: 62.94478%; margin-left: 24.53987%; } }

@-webkit-keyframes anime_taiping { 0% { opacity: 0; }
  25% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 1; } }

@keyframes anime_taiping { 0% { opacity: 0; }
  25% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 1; } }

/* .l-sub-img
================================================ */
.l-sub-img__inner { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 100px; background: #f9f066; line-height: 1.5; text-align: center; }

.l-sub-img__head { font-size: 2.1rem; font-weight: bold; letter-spacing: .2em; }

.l-sub-img.has-bg .l-sub-img__inner { position: relative; height: 160px; }

.l-sub-img.has-bg .l-sub-img__inner::before { position: absolute; content: ''; display: block; top: 0; bottom: 0; left: -20px; width: calc(100% + 40px); background: url("../img/common/bg_mv01_sp.png") no-repeat center/cover; }

.l-sub-img.has-bg .l-sub-img__head { position: relative; }

.l-sub-img.has-bg .l-sub-img__head-main { position: relative; z-index: 2; font-size: 2.9rem; font-weight: bold; }

.l-sub-img.has-bg .l-sub-img__head-en { position: absolute; top: -20px; left: -20px; z-index: 1; }

@media all and (min-width: 600px) { .l-sub-img__inner { height: 160px; }
  .l-sub-img__head { font-size: 4.2rem; }
  .l-sub-img.has-bg .l-sub-img__inner { height: 240px; }
  .l-sub-img.has-bg .l-sub-img__inner::before { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 1920px; background: url("../img/common/bg_mv01_pc.png") no-repeat center/contain; }
  .l-sub-img.has-bg .l-sub-img__head-main { font-size: 5.2rem; }
  .l-sub-img.has-bg .l-sub-img__head-en { top: -30px; left: -60px; } }

/* #sidebar
================================================ */
/* .sd-section
-------------------------------------- */
/*  helper
================================================ */
.js-anime-elem[data-anime="fadein"] { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-transition: all 800ms cubic-bezier(0.215, 0.61, 0.355, 1) 400ms; transition: all 800ms cubic-bezier(0.215, 0.61, 0.355, 1) 400ms; }

.js-anime-elem[data-anime="fadein"].is-animated { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.js-switch-tab { cursor: pointer; }

.js-switch-content { display: none; }

.js-switch-content.is-active { display: block; }

.js-mv-taiping, .js-taiping { position: relative; display: none; letter-spacing: -0.5em; }

.js-mv-taiping-in, .js-taiping-in { position: relative; letter-spacing: .2em; }

.js-mv-taiping-in::after, .js-taiping-in::after { content: '|'; position: absolute; right: -16px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-animation: anime_taiping .5s ease  infinite; animation: anime_taiping .5s ease  infinite; }

.js-mv-taiping.is-hidden .js-mv-taiping-in::after, .js-mv-taiping.is-hidden .js-taiping-in::after, .js-taiping.is-hidden .js-mv-taiping-in::after, .js-taiping.is-hidden .js-taiping-in::after { -webkit-animation: none; animation: none; opacity: 0; }

.js-taiping .home-concept__head-dot::before { opacity: 0; }

.js-taiping.is-active .home-concept__head-dot::before { opacity: 1; }

.js-toggle-trigger { cursor: pointer; }

.js-toggle-content { display: none; }

@-webkit-keyframes line { 0% { -webkit-transform: scale(1, 0); transform: scale(1, 0);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0; }
  50% { -webkit-transform: scale(1, 1); transform: scale(1, 1);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0; }
  50.1% { -webkit-transform: scale(1, 1); transform: scale(1, 1);
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%; }
  100% { -webkit-transform: scale(1, 0); transform: scale(1, 0);
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%; } }

@keyframes line { 0% { -webkit-transform: scale(1, 0); transform: scale(1, 0);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0; }
  50% { -webkit-transform: scale(1, 1); transform: scale(1, 1);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0; }
  50.1% { -webkit-transform: scale(1, 1); transform: scale(1, 1);
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%; }
  100% { -webkit-transform: scale(1, 0); transform: scale(1, 0);
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%; } }

/*  page
================================================ */
/* MV
================================================ */
#about .l-sub-img__head-en { width: 97px; }

@media all and (min-width: 600px) { #about .l-sub-img__head-en { width: 188px; } }

/* about-concept
================================================ */
.about-concept__inner { padding-left: 0; padding-right: 0; padding-bottom: 45px; }

.about-concept__content-img { width: calc(100% - 10px); }

.about-concept__content-img.is-first { margin-left: 10px; }

.about-concept__content-img.is-second { margin-right: 10px; }

.about-concept__head { text-align: center; font-size: 2.3rem; font-weight: bold; margin: 10px 0; letter-spacing: 0.2em; line-height: 1.5; }

.about-concept__head span { position: relative; }

.about-concept__head span:before { content: ''; position: absolute; width: 151px; height: 50px; top: -30px; left: -20px; background: url(../img/about/txt_concept01.png) no-repeat; background-size: contain; z-index: -1; }

@media all and (min-width: 600px) { .about-concept__inner { padding-top: 180px; padding-bottom: 120px; }
  .about-concept__head { font-size: 3.6rem; }
  .about-concept__head span:before { width: 303px; height: 100px; top: -70px; left: -85px; }
  .about-concept__content { position: relative; }
  .about-concept__content-img { position: absolute; }
  .about-concept__content-img.is-first { width: 644px; left: -392px; top: -190px; margin-left: 0; }
  .about-concept__content-img.is-second { width: 640px; right: -392px; top: -190px; margin-right: 0px; } }

/* about-support
================================================ */
.about-support__inner { padding-left: 0; padding-right: 0; background: url(../img/about/bg_support01_sp.png) no-repeat, #eee; background-position: right top 30px, left; }

.about-support__head { position: relative; margin-bottom: 40px; }

.about-support__head-num { position: absolute; bottom: -26px; right: 20px; font-size: 6.5rem; font-weight: bold; line-height: 1; }

.about-support__head-num.is-reverse { right: auto; left: 20px; }

.about-support__set { padding-left: 20px; padding-right: 20px; padding-bottom: 60px; }

@media all and (min-width: 600px) { .about-support__inner { width: 100%; max-width: 1920px; background: url(../img/about/bg_support01_pc.png) no-repeat, #eee; background-position: right top, left; margin-top: 30px; padding-bottom: 20px; }
  .about-support__content { width: 100%; max-width: 1120px; margin: auto; }
  .about-support__head { margin-bottom: 70px; }
  .about-support__head-num { bottom: -60px; right: 50px; font-size: 16rem; }
  .about-support__head-num.is-reverse { left: 50px; }
  .about-support__set { padding-bottom: 100px; } }

/* about-service
================================================ */
.about-service__inner { padding-top: 60px; padding-bottom: 65px; }

.about-service__head { position: relative; }

.about-service__head:before { content: ''; position: absolute; width: 184px; height: 65px; top: -65px; left: -20px; background: url(../img/about/txt_service01.png) no-repeat; background-size: contain; }

@media all and (min-width: 600px) { .about-service__inner { padding-top: 100px; padding-bottom: 120px; }
  .about-service__head { margin-top: 30px; }
  .about-service__head:before { width: 309px; height: 107px; top: -75px; left: -75px; } }

/* MV
================================================ */
#beginner .l-sub-img__head-en { width: 140px; top: -15px; }

@media all and (min-width: 600px) { #beginner .l-sub-img__head-en { width: 319px; top: -42px; left: -85px; } }

/* beginner-anchor
================================================ */
.beginner-anchor__inner { padding-top: 50px; }

@media all and (min-width: 600px) { .beginner-anchor__inner { padding-top: 100px; } }

/* .beginner-flow
================================================ */
.beginner-flow__inner { padding-top: 44px; padding-bottom: 70px; }

.beginner-flow__content { margin-top: 40px; }

.beginner-flow__bnr { margin-top: 40px; }

@media all and (min-width: 600px) { .beginner-flow__inner { padding-top: 90px; padding-bottom: 120px; }
  .beginner-flow__content { margin-top: 83px; }
  .beginner-flow__bnr { margin-top: 80px; } }

/* .beginner-price
================================================ */
.beginner-price__inner { position: relative; padding-top: 58px; padding-bottom: 70px; }

.beginner-price__inner::before { position: absolute; content: ''; display: block; top: 0; right: 0; height: 111px; width: 187px; background: url("../img/common/bg_triangle_sp.png") no-repeat center/cover; }

.beginner-price__other { padding-top: 30px; }

.beginner-price__box { padding: 10px 10px 18px; border: 2px solid #333; background: #fff; }

.beginner-price__box-area-head { margin-bottom: 18px; padding: 15px; line-height: 1.5; background: #f9f066; text-align: center; }

.beginner-price__box-head { font-weight: bold; letter-spacing: .2em; font-size: 1.5rem; }

.beginner-price__box-content { padding: 0 10px; }

@media all and (min-width: 600px) { .beginner-price__inner { padding-top: 106px; padding-bottom: 120px; }
  .beginner-price__inner::before { right: -400px; height: 487px; width: 960px; background: url("../img/common/bg_triangle_pc.png"); }
  .beginner-price__other { padding-top: 80px; }
  .beginner-price__box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 10px; }
  .beginner-price__box-area-head { width: 412px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 0; padding: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .beginner-price__box-head { font-size: 2rem; }
  .beginner-price__box-content { width: calc(100% - 412px); padding: 35px 26px 35px 40px; -webkit-box-sizing: border-box; box-sizing: border-box; } }

/* .beginner-land
================================================ */
.beginner-land__inner { padding-top: 60px; padding-bottom: 40px; }

.beginner-land__box { margin-top: 30px; }

.beginner-land__sec + .beginner-land__sec { padding-top: 52px; }

.beginner-land__list-item { padding: 20px 0; border-top: 1px dashed rgba(51, 51, 51, 0.15); }

.beginner-land__list-item:last-child { border-bottom: 1px dashed rgba(51, 51, 51, 0.15); }

.beginner-land__list-content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.beginner-land__list-content-img { width: 100px; }

.beginner-land__list-content-txt { margin-top: -10px; width: calc(100% - 100px); -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 20px; font-size: 1.3rem; }

.beginner-land__list-box { padding: 25px 20px; margin-top: 15px; background: #eee; }

.beginner-land__list-box-head { margin-bottom: 10px; padding: 0 4px; background: #fff; font-weight: bold; line-height: 1.5; display: inline-block; }

.beginner-land__list-box-dl { font-size: 1.3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.beginner-land__list-box-dt { width: 60px; font-weight: bold; }

.beginner-land__list-box-dd { width: calc(100% - 60px); }

.beginner-land__list-note { margin-top: 2px; padding-left: 60px; }

.beginner-land__bnr { margin-top: 40px; }

.beginner-land__bnr img { -webkit-backface-visibility: hidden; backface-visibility: hidden; }

@media all and (min-width: 600px) { .beginner-land__inner { padding-top: 100px; padding-bottom: 120px; }
  .beginner-land__box { margin-top: 30px; }
  .beginner-land__sec { padding-bottom: 80px; }
  .beginner-land__sec + .beginner-land__sec { border-top: 1px solid rgba(51, 51, 51, 0.15); padding-top: 72px; padding-bottom: 0; }
  .beginner-land__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .beginner-land__list-item { width: 50%; padding: 38px 0; border-top: 1px dashed rgba(51, 51, 51, 0.15); -webkit-box-sizing: border-box; box-sizing: border-box; }
  .beginner-land__list-item:last-child { border-bottom: 1px dashed rgba(51, 51, 51, 0.15); }
  .beginner-land__list-item:nth-child(3), .beginner-land__list-item:nth-child(4) { width: 100%; }
  .beginner-land__list-item:first-child { padding-right: 40px; border-right: 1px dashed rgba(51, 51, 51, 0.15); }
  .beginner-land__list-item:nth-child(2) { padding-left: 40px; }
  .beginner-land__list-item:nth-child(3) { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .beginner-land__list-item:nth-child(3) .beginner-land__list-item-content { width: 50%; padding-right: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .beginner-land__list-item:nth-child(3) .beginner-land__list-box { width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .beginner-land__list-content-img { width: 160px; }
  .beginner-land__list-content-txt { margin-top: -10px; width: calc(100% - 160px); padding-left: 20px; font-size: 1.5rem; }
  .beginner-land__list-box { padding: 25px 20px; margin-top: 15px; background: #eee; }
  .beginner-land__list-box-head { margin-bottom: 10px; padding: 0 4px; background: #fff; font-weight: bold; line-height: 1.5; display: inline-block; }
  .beginner-land__list-box-dl { font-size: 1.3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .beginner-land__list-box-dt { width: 60px; font-weight: bold; }
  .beginner-land__list-box-dd { width: calc(100% - 60px); }
  .beginner-land__list-note { margin-top: 2px; padding-left: 60px; }
  .beginner-land__bnr { width: 1000px; margin: 80px auto 0; } }

/* intro
================================================ */
.detail-single__inner { padding-top: 40px; padding-bottom: 70px; }

.detail-single__admin { padding: 20px; margin-bottom: 30px; border: 1px solid rgba(51, 51, 51, 0.15); }

.detail-single__result { padding-top: 40px; }

.detail-single .message { margin-bottom: 15px; color: #ef9748; text-align: center; }

@media all and (min-width: 600px) { .detail-single__inner { padding-top: 120px; padding-bottom: 120px; }
  .detail-single__admin { padding: 30px 40px 40px; margin-bottom: 70px; }
  .detail-single__admin-btn { width: 100%; margin: 0; }
  .detail-single__admin-btn-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 20px; }
  .detail-single__admin-btn + .detail-single__admin-btn { margin: 0 0 0 20px !important; }
  .detail-single__result { padding-top: 60px; }
  .detail-single .message { margin-bottom: 20px; } }

/* error-page404
================================================ */
.error-page404__inner { padding-top: 40px; padding-bottom: 70px; text-align: center; }

@media all and (min-width: 600px) { .error-page404__inner { padding-top: 120px; padding-bottom: 120px; } }

/* MV
================================================ */
#faq .l-sub-img__head-en { width: 70px; }

@media all and (min-width: 600px) { #faq .l-sub-img__head-en { width: 160px; } }

/* faq-list
================================================ */
.faq-list__inner { padding-top: 52px; padding-bottom: 70px; }

@media all and (min-width: 600px) { .faq-list__inner { padding-top: 114px; padding-bottom: 120px; } }

/* form-contact
================================================ */
.form-contact__inner { padding-bottom: 70px; }

@media all and (min-width: 600px) { .form-contact__inner { padding-top: 120px; padding-bottom: 120px; } }

.form-message__inner { padding-top: 40px; padding-bottom: 60px; }

@media all and (min-width: 600px) { .form-message__inner { text-align: center; padding-top: 100px; padding-bottom: 100px; } }

@media all and (min-width: 600px) { body#home { min-width: 1366px; } }

/* .home-news
================================================== */
.home-news__inner { padding-top: 40px; }

.home-news__head { font-size: 1.9rem; font-weight: 700; letter-spacing: 0.2em; }

.home-news__list { border-top: 1px solid rgba(51, 51, 51, 0.15); }

.home-news-item { border-bottom: 1px solid rgba(51, 51, 51, 0.15); }

.home-news-item__in { display: block; padding: 10px 0; text-decoration: none; }

.home-news-item__time { font-weight: 700; font-size: 1.2rem; }

.home-news-item__tit { line-height: 1.5; }

.home-news-item__tit.is-kome { text-indent: -1em; padding-left: 1em; }

.home-news-item__txt { padding: 5px 0; line-height: 1.5; font-size: 1.2rem; }

.home-news__link { margin-top: 20px; text-align: center; }

@media all and (min-width: 600px) { .home-news__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 80px; }
  .home-news__head { padding-top: 18px; font-size: 3rem; -ms-flex-preferred-size: 15%; flex-basis: 15%; line-height: 1; }
  .home-news__content { -ms-flex-preferred-size: 100%; flex-basis: 100%; }
  .home-news-item__in { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 20px 0; }
  .home-news-item__in[href]:hover .home-news-item__tit { text-decoration: underline; color: #a2a2a2; }
  .home-news-item__time { -ms-flex-preferred-size: 100px; flex-basis: 100px; font-size: 1.5rem; line-height: 1.8; }
  .home-news-item__tit { -webkit-transition: color 0.4s ease; transition: color 0.4s ease; }
  .home-news-item__area-txt, .home-news-item__tit { -ms-flex-preferred-size: calc(100% - 120px); flex-basis: calc(100% - 120px); }
  .home-news-item__txt { padding-top: 15px; font-size: 1.3rem; }
  .home-news__link { text-align: right; } }

/* intro
================================================ */
.home-intro__inner { padding-top: 40px; padding-bottom: 40px; }

.home-intro__img { -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.home-intro__link { margin-top: 20px; text-align: center; }

@media all and (min-width: 600px) { .home-intro__inner { padding-top: 80px; padding-bottom: 80px; }
  .home-intro__img { -webkit-backface-visibility: hidden; backface-visibility: hidden; }
  .home-intro__link { margin-top: 16px; text-align: right; } }

/* concept
================================================ */
.home-concept__inner { position: relative; padding-top: 60px; padding-bottom: 90px; }

.home-concept__inner::after { position: absolute; content: ''; display: block; bottom: 64px; right: auto; left: calc(50% + 650px); -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 110px; height: 92px; z-index: -1; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: url("../img/home/ico_concept02.png") no-repeat center/contain; }

.home-concept__head { position: relative; min-height: 90px; padding-top: 50px; margin-bottom: 14px; text-align: center; }

.home-concept__head::before { position: absolute; content: ''; display: block; top: 0; left: 0px; width: 172px; height: 58px; background: url("../img/home/txt_concept01.png") no-repeat center/contain; z-index: -1; }

.home-concept__head-txt { font-size: 2.7rem; line-height: 1.5; font-weight: bold; }

.home-concept__head-txt-in { letter-spacing: .2em; }

.home-concept__head-dot { position: relative; display: inline-block; padding-top: 10px; letter-spacing: .2em; }

.home-concept__head-dot::before { position: absolute; top: 5px; left: calc(50% - 3px); -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ""; display: block; width: 5px; height: 5px; border-radius: 50%; background: #333; }

.home-concept__content-area-img { position: relative; padding: 35px 0 30px 7px; }

.home-concept__content-area-img::before { position: absolute; content: ''; display: block; top: 0; left: -20px; width: 210px; height: 210px; background: url("../img/home/bg_concept01.png") no-repeat top/contain; z-index: -1; }

.home-concept__content-area-img::after { position: absolute; content: ''; display: block; top: -60px; left: 28px; width: 100px; height: 82px; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: url("../img/home/ico_concept01.png") no-repeat center/contain; }

.home-concept__content-img02 { position: absolute; right: -20px; bottom: 0; width: 32.5373%; }

.home-concept__content-txt { padding: 0 15px; }

.home-concept__btn { margin-top: 18px; }

@media all and (min-width: 600px) { .home-concept__inner { padding-top: 65px; padding-bottom: 178px; }
  .home-concept__inner::after { bottom: 50px; right: 30px; width: 230px; height: 184px; }
  .home-concept__head { position: relative; z-index: 1; min-height: 130px; padding-top: 0; margin-bottom: 31px; text-align: left; }
  .home-concept__head::before { top: -106px; left: -126px; width: 345px; height: 115px; }
  .home-concept__head-txt { font-size: 4rem; }
  .home-concept__head-dot { padding-top: 10px; letter-spacing: .2em; }
  .home-concept__head-dot::before { top: 8px; left: calc(50% - 5px); width: 6px; height: 6px; }
  .home-concept__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .home-concept__content-area-img { width: 48%; position: relative; padding: 0px 0 0 3.66032%; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 9%; }
  .home-concept__content-area-img::before { position: absolute; content: ''; display: block; top: -70px; left: 0; width: 53.76344%; height: 100%; }
  .home-concept__content-area-img::after { top: -190px; left: 94px; width: 200px; height: 164px; }
  .home-concept__content-img02 { right: 0; top: 90px; bottom: auto; width: 15.625%; }
  .home-concept__content-area-txt { width: 52%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 100px; padding-top: 2.8%; max-width: 580px; }
  .home-concept__content-txt { padding: 0; }
  .home-concept__btn { margin: 30px 0 0; } }

@media screen and (min-width: 1600px) { .home-concept__inner { padding-top: 100px; }
  .home-concept__content-area-img { padding: 0 0 0 10.41666%; margin-top: 0; } }

/* plan
================================================ */
.home-plan { position: relative; }

.home-plan::before { position: absolute; content: ''; display: block; top: 0; bottom: 200px; left: 0; width: 100%; background: url("../img/home/bg_plan01_sp.png") no-repeat top/contain; z-index: -1; }

.home-plan__inner { position: relative; padding-top: 75px; padding-bottom: 75px; }

.home-plan__inner::before { position: absolute; content: ''; display: block; top: 200px; bottom: 0; left: -20px; width: calc(100% + 40px); background: #eee; z-index: -2; }

.home-plan__inner::after { position: absolute; content: ''; display: block; top: 0; bottom: 0; left: 0; width: 100%; background: url("../img/home/bg_plan02_sp.png") no-repeat bottom/contain; z-index: -1; }

.home-plan__head { position: relative; }

.home-plan__head::before { position: absolute; content: ''; display: block; top: -96px; left: 10px; width: 127px; height: 95px; background: url("../img/home/ico_plan01.png") no-repeat top/contain; z-index: -1; }

@media all and (min-width: 600px) { .home-plan { position: relative; }
  .home-plan::before { top: 0; bottom: auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 1920px; height: 740px; background-image: url("../img/home/bg_plan01_pc.png"); }
  .home-plan__inner { padding: 130px 44px 116px; }
  .home-plan__inner::before { top: 600px; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 1920px; }
  .home-plan__inner::after { top: auto; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 1920px; height: 767px; background-image: url("../img/home/bg_plan02_pc.png"); }
  .home-plan__head::before { top: -98px; left: 13%; width: 254px; height: 190px; } }

.home-plan-modal { background: transparent; margin-bottom: 0; }

.home-plan-modal__list-item img { max-width: 100%; -o-object-fit: cover; object-fit: cover; }

.home-plan-modal__list .slick-prev, .home-plan-modal__list .slick-next { border: none; cursor: pointer; outline: none; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; overflow: hidden; text-indent: 200%; white-space: nowrap; background: transparent; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; width: 40px; height: 55px; }

.home-plan-modal__list .slick-prev::before, .home-plan-modal__list .slick-next::before { content: ''; position: absolute; top: 23px; -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); width: 12px; height: 12px; display: block; border-left: 5px solid #fff; border-bottom: 5px solid #fff; }

.home-plan-modal__list .slick-prev { left: -30px; }

.home-plan-modal__list .slick-prev::before { left: calc(50% - 6px); }

.home-plan-modal__list .slick-next { right: -30px; }

.home-plan-modal__list .slick-next::before { -webkit-transform: scale(-1, 1) translateX(-50%) rotate(45deg); transform: scale(-1, 1) translateX(-50%) rotate(45deg); left: calc(50% - 10px); }

.home-plan-modal .remodal-cancel { position: absolute; top: 0; right: 35px; background: transparent; overflow: hidden; text-indent: 200%; white-space: nowrap; font-size: 0; width: 30px; min-width: 30px; height: 30px; padding: 0; opacity: .5; }

.home-plan-modal .remodal-cancel::before, .home-plan-modal .remodal-cancel::after { position: absolute; content: ''; display: block; top: 7px; left: 12px; width: 3px; height: 20px; background: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.home-plan-modal .remodal-cancel::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

@media all and (min-width: 600px) { .home-plan-modal { max-width: 1120px; padding: 0 110px; }
  .home-plan-modal__list-item { max-height: 600px; }
  .home-plan-modal__list-item img { display: block; margin: 0 auto; width: auto; max-width: 100%; }
  .home-plan-modal__list .slick-prev, .home-plan-modal__list .slick-next { top: 50%; width: 60px; height: 80px; }
  .home-plan-modal__list .slick-prev::before, .home-plan-modal__list .slick-next::before { content: ''; position: absolute; top: 23px; width: 25px; height: 25px; display: block; border-left: 10px solid #fff; border-bottom: 10px solid #fff; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
  .home-plan-modal__list .slick-prev:hover::before, .home-plan-modal__list .slick-next:hover::before { border-color: #f9f066; }
  .home-plan-modal__list .slick-prev { left: -100px; }
  .home-plan-modal__list .slick-prev::before { left: calc(50% - 0px); }
  .home-plan-modal__list .slick-next { right: -100px; }
  .home-plan-modal__list .slick-next::before { left: calc(50% - 34px); }
  .home-plan-modal .remodal-cancel { right: 110px; top: -45px; width: 40px; min-width: 40px; height: 40px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
  .home-plan-modal .remodal-cancel::before, .home-plan-modal .remodal-cancel::after { top: 7px; left: 18px; width: 5px; height: 30px; }
  .home-plan-modal .remodal-cancel:hover { opacity: .8; } }

/* nav
================================================ */
.home-nav { border-bottom: 1px solid rgba(51, 51, 51, 0.15); }

.home-nav__inner { position: relative; padding-top: 60px; padding-bottom: 60px; }

.home-nav__inner::before { position: absolute; content: ''; display: block; top: 0; right: 0; width: 300px; height: 160px; background: url("../img/home/bg_nav01_sp.png") no-repeat bottom/contain; z-index: -1; }

@media all and (max-width: 340px) { .home-nav__inner::before { right: -30px; } }

@media all and (min-width: 600px) { .home-nav { border-bottom: 0; }
  .home-nav__inner { padding: 120px 50px 40px; }
  .home-nav__inner::before { top: 0; right: 0; width: 61.7130%; height: 100%; background: url("../img/home/bg_nav01_pc.png") no-repeat top/contain; } }

/* beginner
================================================ */
.home-beginner__inner { padding-top: 40px; padding-bottom: 40px; }

.home-beginner__bnr { padding: 0 15px; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

@media all and (min-width: 600px) { .home-beginner__inner { padding-bottom: 80px; }
  .home-beginner__bnr { padding: 0; max-width: 1000px; margin: 0 auto; } }

/* form
================================================ */
.login-form__inner { border-top: 10px solid #e1e1e1; padding-top: 30px; padding-bottom: 70px; }

.login-form #wpmem_login_form label[for="log"]::before, .login-form #wpmem_login_form label[for="pwd"]::before { content: none; }

.login-form #wpmem_login_form label[for="log"] + .div_text { padding-bottom: 0; }

.login-form #wpmem_login_form label[for="pwd"] + .div_text { position: relative; padding-bottom: 50px; }

.login-form #wpmem_login_form label[for="pwd"] + .div_text::after { position: absolute; content: ''; display: block; bottom: 0; left: -20px; width: calc(100% + 40px); height: 10px; background: #e1e1e1; }

.login-form #wpmem_login_form .button_div input[name="rememberme"] { opacity: 0; pointer-events: none; }

.login-form #wpmem_login_form .button_div label[for="rememberme"] { cursor: pointer; }

.login-form #wpmem_login_form .button_div input[type="submit"] { margin-top: 6px !important; }

.login-form #wpmem_login_form .link-text { width: 100%; margin-top: 20px; text-align: center; }

.login-form #wpmem_login_form .link-text a { margin: 10px auto 0; padding: 10px; border-radius: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none; display: block; width: 280px; text-align: center; border: 2px solid; font-weight: bold; }

.login-form #wpmem_msg { padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media all and (min-width: 600px) { .login-form__inner { border-top: none; padding: 120px 0; }
  .login-form #wpmem_login_form label[for="rememberme"] { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
  .login-form #wpmem_login_form label[for="log"] + .div_text { padding-bottom: 0; }
  .login-form #wpmem_login_form label[for="pwd"] + .div_text { padding-bottom: 20px; }
  .login-form #wpmem_login_form label[for="pwd"] + .div_text::after { content: none; }
  .login-form #wpmem_login_form .button_div label[for="rememberme"] { display: block; }
  .login-form #wpmem_login_form .button_div input[type="submit"] { display: block; margin: 40px auto 0 !important; }
  .login-form #wpmem_login_form .link-text { width: 100%; margin-top: 30px; }
  .login-form #wpmem_login_form .link-text a { margin: 15px auto 0; padding: 14px; width: 300px; font-size: 1.8rem; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
  .login-form #wpmem_login_form .link-text a:hover { background: #a2a2a2; color: #fff; border-color: #a2a2a2; }
  .login-form #wpmem_msg { padding: 30px 20px; } }

/* form
================================================ */
.change_pass-form__inner { padding-top: 40px; padding-bottom: 70px; border-top: 10px solid rgba(51, 51, 51, 0.15); }

.change_pass-form #wpmem_login fieldset { border: none; padding: 0; }

.change_pass-form__content { margin: 0 -20px; padding: 0 20px; }

.change_pass-form__btn { margin-top: 15px; }

@media all and (min-width: 600px) { .change_pass-form__inner { padding-top: 120px; padding-bottom: 120px; border-top: none; }
  .change_pass-form #wpmem_login fieldset { border: none; padding: 0; }
  .change_pass-form__content { border: 10px solid rgba(51, 51, 51, 0.15); margin: 0; padding: 50px; }
  .change_pass-form__btn { margin-top: 10px; } }

/* intro
================================================ */
.option-intro__inner { padding-top: 40px; padding-bottom: 30px; }

.option-intro__head { margin: 30px 0 10px; font-weight: bold; line-height: 1.5; }

@media all and (min-width: 600px) { .option-intro__inner { padding-top: 50px; padding-bottom: 60px; }
  .option-intro__head { margin: 45px 0 15px; } }

/* select
================================================ */
.option-select__inner { padding-top: 20px; padding-bottom: 70px; }

.option-select__head { margin-bottom: 20px; font-size: 2rem; font-weight: bold; line-height: 1.5; letter-spacing: .2em; }

.option-select__content { margin: 0 -20px; padding: 30px 20px; border-top: 10px solid rgba(51, 51, 51, 0.15); border-bottom: 10px solid rgba(51, 51, 51, 0.15); }

.option-select .js-submit-button { pointer-events: none; }

.option-select .js-submit-button.is-active { pointer-events: auto; }

@media all and (min-width: 600px) { .option-select__inner { padding-top: 0; padding-bottom: 120px; }
  .option-select__head { margin-bottom: 24px; font-size: 3rem; }
  .option-select__content { margin: 00; padding: 50px; border: 10px solid rgba(51, 51, 51, 0.15); } }

/* form
================================================ */
.plan-form__inner { padding-top: 50px; padding-bottom: 20px; }

.plan-form__flow img { -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.plan-form .error { margin-bottom: 30px; color: #ef9748; font-weight: bold; line-height: 1.5; font-size: 1.5rem; }

@media all and (min-width: 600px) { .plan-form__inner { padding-bottom: 35px; }
  .plan-form .error { font-size: 1.7rem; } }

/* article
================================================ */
.plan-article__inner { padding-top: 20px; padding-bottom: 70px; }

@media all and (min-width: 600px) { .plan-article__inner { padding-top: 35px; padding-bottom: 120px; } }

/* message
================================================ */
.plan-message__inner { padding-top: 40px; padding-bottom: 70px; }

@media all and (min-width: 600px) { .plan-message__inner { padding-top: 120px; padding-bottom: 120px; }
  .plan-message__txt { text-align: center; } }

/* archive
================================================ */
.save_plan-archive__inner { padding-top: 40px; padding-bottom: 70px; }

.save_plan-archive .message { color: #ef9748; margin-bottom: 15px; font-size: 1.5rem; }

@media all and (min-width: 600px) { .save_plan-archive__inner { padding-top: 120px; padding-bottom: 120px; }
  .save_plan-archive .message { margin-bottom: 20px; font-size: 1.7rem; } }

.save_plan__none { text-align: center; }

/* form
================================================ */
.user_info-form__inner { padding-top: 40px; padding-bottom: 70px; border-top: 10px solid #e1e1e1; }

.user_info-form__content > ul li { margin: 0 auto; max-width: 280px; text-align: center; }

.user_info-form__content > ul li a { display: block; padding: 12px; text-decoration: none; border-radius: 100px; font-weight: bold; font-size: 1.3rem; background: #333; color: #fff; width: 100%; letter-spacing: .15em; -webkit-box-sizing: border-box; box-sizing: border-box; }

.user_info-form__content > ul li + li { margin-top: 15px; }

.user_info-form__btn { margin-top: 15px; }

.user_info-form #wpmem_profile_form .button_div { margin-top: 20px; position: relative; }

.user_info-form #wpmem_profile_form .button_div::after { position: absolute; content: ''; display: block; top: 0; left: -20px; width: calc(100% + 40px); height: 10px; background: #e1e1e1; }

@media all and (min-width: 600px) { .user_info-form__inner { padding: 100px 0; border-top: 0; }
  .user_info-form__content > ul li { margin: 0 auto; max-width: 300px; text-align: center; }
  .user_info-form__content > ul li a { padding: 16px; font-size: 1.5rem; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
  .user_info-form__content > ul li a:hover { background: #a2a2a2; }
  .user_info-form__content > ul li + li { margin-top: 15px; }
  .user_info-form__btn { margin-top: 15px; }
  .user_info-form #wpmem_profile_form fieldset { border: none; padding: 0; }
  .user_info-form #wpmem_profile_form .button_div { margin-top: 20px; }
  .user_info-form #wpmem_profile_form .button_div::after { content: none; }
  .user_info-form #wpmem_login fieldset { border: none; padding: 0; }
  .user_info-form__content { border: 10px solid rgba(51, 51, 51, 0.15); margin: 0; padding: 50px; } }

/* link
================================================ */
.mypage-link__txt { margin-top: 10px; text-align: right; }

.mypage-link__inner { padding-top: 40px; padding-bottom: 70px; }

@media all and (min-width: 600px) { .mypage-link__txt { margin-top: 20px; }
  .mypage-link__inner { padding-top: 106px; padding-bottom: 120px; } }

/* onlineform-contact
================================================ */
.onlineform-contact__inner { padding-bottom: 70px; }

@media all and (min-width: 600px) { .onlineform-contact__inner { padding-top: 120px; padding-bottom: 120px; } }

.onlineform-message__inner { padding-top: 40px; padding-bottom: 60px; }

@media all and (min-width: 600px) { .onlineform-message__inner { text-align: center; padding-top: 100px; padding-bottom: 100px; } }

.mw_wp_form_confirm .input-show { display: none; }

.mw_wp_form_input .formReadonly.formShowConfirm { position: absolute; max-width: 10px; }

.mw_wp_form_input .formShowConfirm { opacity: 0; visibility: hidden; }

.mw_wp_form_confirm .is-confirm-none { display: none; }

/* MV
================================================ */
#performance .l-sub-img__head-en { width: 137px; }

@media all and (min-width: 600px) { #performance .l-sub-img__head-en { width: 308px; top: -40px; left: -140px; } }

/* performance-house
================================================ */
.performance-house__inner { padding-top: 52px; }

.performance-house__item { padding-top: 45px; padding-bottom: 60px; border-bottom: solid 1px rgba(51, 51, 51, 0.15); }

.performance-house__item-head { margin-bottom: 22px; line-height: 1.2; }

.performance-house__item-head-sub { font-size: 1.5rem; display: block; }

.performance-house__item-bnr { padding-top: 15px; }

.performance-house__item:last-child { border-bottom: none; }

@media all and (min-width: 600px) { .performance-house__inner { padding-top: 114px; padding-bottom: 20px; }
  .performance-house__item { padding-top: 90px; padding-bottom: 100px; }
  .performance-house__item-head { margin-bottom: 45px; }
  .performance-house__item-head-sub { font-size: 2.0rem; }
  .performance-house__item-bnr { padding-top: 20px; } }

/* MV
================================================ */
#reference .l-sub-img__head-en { width: 60px; top: -5px; }

@media all and (min-width: 600px) { #reference .l-sub-img__head-en { width: 140px; top: -23px; } }

/* reference-plan
================================================ */
.reference-plan__inner { padding-top: 44px; padding-bottom: 70px; }

@media all and (min-width: 600px) { .reference-plan__inner { padding-top: 106px; padding-bottom: 120px; } }

/* reference-plan02
================================================ */
.reference-plan02__inner { position: relative; padding-top: 44px; padding-bottom: 70px; }

.reference-plan02__inner::before { position: absolute; content: ''; display: block; top: 0; right: 0; height: 111px; width: 187px; background: url("../img/common/bg_triangle_sp.png") no-repeat center/cover; }

@media all and (min-width: 600px) { .reference-plan02__inner { padding-top: 106px; padding-bottom: 130px; }
  .reference-plan02__inner::before { right: -400px; height: 487px; width: 960px; background: url("../img/common/bg_triangle_pc.png"); } }

#registration #wpmem_register_form label[for="username"], #registration #wpmem_register_form label[for="username"] + .div_text, #user_info #wpmem_register_form label[for="username"], #user_info #wpmem_register_form label[for="username"] + .div_text { display: none; }

#registration #wpmem_profile_form label[for="policy_flag"], #registration #wpmem_profile_form label[for="policy_flag"] + .div_checkbox, #user_info #wpmem_profile_form label[for="policy_flag"], #user_info #wpmem_profile_form label[for="policy_flag"] + .div_checkbox { display: none; }

#registration #wpmem_reg .req-text, #registration #wpmem_profile_form .req-text, #user_info #wpmem_reg .req-text, #user_info #wpmem_profile_form .req-text { display: none; }

/* form
================================================ */
.registration-form__inner { border-top: 10px solid #e1e1e1; padding-top: 10px; padding-bottom: 70px; }

.registration-form #wpmem_register_form label[for="tel01"] + .div_text { position: relative; padding-bottom: 25px; }

.registration-form #wpmem_register_form label[for="tel01"] + .div_text::before { position: absolute; content: ''; display: block; bottom: 0; left: -20px; width: calc(100% + 40px); height: 1px; background: #e1e1e1; }

.registration-form #wpmem_register_form .button_div { margin-top: 20px; position: relative; }

.registration-form #wpmem_register_form .button_div::after { position: absolute; content: ''; display: block; top: 0; left: -20px; width: calc(100% + 40px); height: 10px; background: #e1e1e1; }

.registration-form #wpmem_register_form label[for="policy_flag"] .c-form01__label { margin-top: 2px; }

@media all and (min-width: 600px) { .registration-form__inner { border-top: none; padding: 120px 0; }
  .registration-form #wpmem_register_form label[for="tel01"] + .div_text { position: relative; }
  .registration-form #wpmem_register_form label[for="tel01"] + .div_text::before { bottom: 0; left: auto; right: -50px; width: 960px; }
  .registration-form #wpmem_register_form .button_div { margin-top: 20px; }
  .registration-form #wpmem_register_form .button_div::after { content: none; } }

/* temporary（仮登録）
================================================ */
.registration-temporary__inner { padding-top: 50px; padding-bottom: 50px; }

@media all and (min-width: 600px) { .registration-temporary__inner { text-align: center; padding-top: 100px; padding-bottom: 100px; }
  .registration-temporary__btn { margin-top: 60px; } }

/* complete（登録完了）
================================================ */
.registration-complete__inner { padding-top: 20px; padding-bottom: 70px; }

.registration-complete__note { margin-top: 10px; }

.registration-complete__note a { color: #333; }

.registration-complete__bnr { margin-top: 40px; }

.registration-complete__bnr img { -webkit-backface-visibility: hidden; backface-visibility: hidden; }

@media all and (min-width: 600px) { .registration-complete__inner { padding-top: 40px; padding-bottom: 120px; text-align: center; }
  .registration-complete__note { margin-top: 30px; }
  .registration-complete__bnr { margin-top: 60px; } }

/* pass
================================================ */
.remember-pass__inner { padding-top: 40px; padding-bottom: 70px; }

.remember-pass__error, .remember-pass__success { margin-top: 10px; color: #ef9748; }

.remember-pass__form { margin-top: 30px; }

.remember-pass__form td { border-bottom: 0; padding-bottom: 0; }

.remember-pass__btn { margin-top: 15px; }

@media all and (min-width: 600px) { .remember-pass__inner { padding-top: 100px; padding-bottom: 120px; }
  .remember-pass__error, .remember-pass__success { text-align: center; margin-top: 30px; }
  .remember-pass__form { margin-top: 50px; }
  .remember-pass__form th { border-bottom: 0; }
  .remember-pass__btn { margin-top: 10px; } }

/* MV
================================================ */
#spec .l-sub-img__head-en { width: 70px; }

@media all and (min-width: 600px) { #spec .l-sub-img__head-en { width: 160px; } }

/* spec-intro
================================================ */
.spec-intro__inner { position: relative; padding-top: 80px; padding-bottom: 160px; }

.spec-intro__inner::after { position: absolute; content: ''; display: block; bottom: 40px; right: -10px; width: 110px; height: 92px; background: url("../img/spec/ico_intro02.png") no-repeat center/contain; }

.spec-intro__head { position: relative; min-height: 90px; padding-top: 50px; margin-bottom: 14px; text-align: center; }

.spec-intro__head::before { position: absolute; content: ''; display: block; top: 0; left: 0px; width: 190px; height: 78px; background: url("../img/spec/txt_intro01.png") no-repeat center/contain; z-index: -1; }

.spec-intro__head-txt { font-size: 2.7rem; line-height: 1.5; font-weight: bold; }

.spec-intro__head-txt-in { letter-spacing: .2em; }

.spec-intro__head-dot { position: relative; display: inline-block; padding-top: 10px; letter-spacing: .2em; }

.spec-intro__head-dot::before { position: absolute; top: 5px; left: calc(50% - 3px); -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ""; display: block; width: 5px; height: 5px; border-radius: 50%; background: #333; }

.spec-intro__content-area-img { position: relative; padding: 35px 0 30px 7px; }

.spec-intro__content-area-img::before { position: absolute; content: ''; display: block; top: 0; left: -20px; width: 210px; height: 210px; background: url("../img/spec/bg_intro01.png") no-repeat top/contain; z-index: -1; }

.spec-intro__content-area-img::after { position: absolute; content: ''; display: block; top: -60px; left: 28px; width: 70px; height: 80px; background: url("../img/spec/ico_intro01.png") no-repeat center/contain; }

.spec-intro__content-img02 { position: absolute; right: -20px; bottom: 0; width: 32.5373%; }

.spec-intro__content-txt { padding: 0 15px; }

.spec-intro__btn { margin-top: 18px; }

@media all and (min-width: 600px) { .spec-intro__inner { padding-top: 65px; padding-bottom: 120px; }
  .spec-intro__inner::after { bottom: 50px; right: 30px; width: 230px; height: 184px; left: calc(50% + 650px); -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: -1; }
  .spec-intro__head { position: relative; z-index: 1; min-height: 130px; padding-top: 0; margin-bottom: 15px; text-align: left; }
  .spec-intro__head::before { top: -95px; left: -35px; width: 380px; height: 157px; }
  .spec-intro__head-txt { font-size: 3.6rem; }
  .spec-intro__head-dot { padding-top: 10px; letter-spacing: .2em; }
  .spec-intro__head-dot::before { top: 8px; left: calc(50% - 5px); width: 6px; height: 6px; }
  .spec-intro__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .spec-intro__content-area-img { width: 48%; position: relative; padding: 0px 0 0 3.66032%; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 9%; }
  .spec-intro__content-area-img::before { position: absolute; content: ''; display: block; top: -70px; left: 0; width: 53.76344%; height: 100%; }
  .spec-intro__content-area-img::after { top: -160px; left: 365px; width: 126px; height: 142px; }
  .spec-intro__content-img02 { right: 0; top: 0; bottom: auto; width: 15.625%; }
  .spec-intro__content-area-txt { width: 52%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 100px; padding-top: 0; max-width: 580px; }
  .spec-intro__content-txt { padding: 0; }
  .spec-intro__btn { margin: 30px 0 0; } }

@media screen and (min-width: 1600px) { .spec-intro__inner { padding-top: 200px; }
  .spec-intro__content-area-img { padding: 0 0 0 10.41666%; margin-top: 0; } }

/* spec-facility
================================================ */
.spec-facility__inner { padding-top: 50px; background: #eee; position: relative; }

.spec-facility__inner:before { position: absolute; content: ''; width: 0; height: 0; border-style: solid; border-width: 0 187px 111px 0; border-color: transparent #e1e1e1 transparent transparent; top: 0; right: 0; }

.spec-facility__content { padding-bottom: 50px; position: relative; }

.spec-facility__content + .spec-facility__content { padding-top: 50px; }

.spec-facility__content + .spec-facility__content:before { position: absolute; content: ''; width: calc(100% + 40px); height: 1px; background: rgba(51, 51, 51, 0.15); top: 0; left: -20px; }

.spec-facility__head { text-align: left; margin-bottom: 20px; }

.spec-facility__head:after { left: 30px; }

.spec-facility__txt { margin-bottom: 30px; }

@media all and (min-width: 600px) { .spec-facility__inner { max-width: 1920px; padding-top: 100px; }
  .spec-facility__inner:before { border-width: 0 960px 487px 0; }
  .spec-facility__content { width: 100%; max-width: 1120px; margin: auto; padding-bottom: 100px; }
  .spec-facility__content + .spec-facility__content { padding-top: 100px; }
  .spec-facility__content + .spec-facility__content:before { position: absolute; content: ''; width: 1920px; height: 1px; background: rgba(51, 51, 51, 0.15); top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
  .spec-facility__head { margin-bottom: 50px; }
  .spec-facility__txt { margin-bottom: 44px; } }