/* =========================================================
   可変部分
========================================================= */
@media (max-width: 768px) {




} /* media */





/* =========================================================
   スマホ
========================================================= */
@media (max-width: 768px) {

/* ===== 共通 ===== */

.wrapper {
	padding-inline:1.5em;
}

/* マージン、パッディング */
.std_margin_top { margin-top:40px;}
.std_margin_top2 { margin-top:20px;}
.std_margin_top3 { margin-top:10px;}
.std_margin_top4 { margin-top:5px;}

.std_padding_top { padding-top:40px;}
.std_padding_top2 { padding-top:20px;}
.std_padding_top3 { padding-top:10px;}
.std_padding_top4 { padding-top:5px;}

.std_margin_bottom { margin-bottom:40px;}
.std_margin_bottom2 { margin-bottom:20px;}
.std_margin_bottom3 { margin-bottom:10px;}
.std_margin_bottom4 { margin-bottom:5px;}

.std_padding_bottom { padding-bottom:40px;}
.std_padding_bottom2 { padding-bottom:20px;}
.std_padding_bottom3 { padding-bottom:10px;}
.std_padding_bottom4 { padding-bottom:5px;}

/* 文字サイス */
.f12 { font-size:0.75rem;}
.f14 { font-size:0.875rem;}
.f16 { font-size:1rem;}
.f18 { font-size:1rem;}
.f20 { font-size:1.1rem;}
.f22 { font-size:1.1rem;}
.f24 { font-size:1.1rem;}
.f26 { font-size:1.1rem;}
.f28 { font-size:1.2rem;}
.f30 { font-size:1.3rem;}
.f32 { font-size:1.3rem;}
.f34 { font-size:1.3rem;}

/* 幅 */
.w10p {width:10%; margin-left:auto;margin-right:auto;}
.w20p {width:20%; margin-left:auto;margin-right:auto;}
.w25p {width:25%; margin-left:auto;margin-right:auto;}
.w30p {width:30%; margin-left:auto;margin-right:auto;}
.w40p {width:40%; margin-left:auto;margin-right:auto;}
.w33p {width:33%; margin-left:auto;margin-right:auto;}
.w50p {width:50%; margin-left:auto;margin-right:auto;}
.w60p {width:90%; margin-left:auto;margin-right:auto;}
.w70p {width:90%; margin-left:auto;margin-right:auto;}
.w80p {width:90%; margin-left:auto;margin-right:auto;}
.w90p {width:90%; margin-left:auto;margin-right:auto;}

.mb_w50p {width:50%; margin-left:auto;margin-right:auto;}
.mb_w60p {width:60%; margin-left:auto;margin-right:auto;}
.mb_w70p {width:70%; margin-left:auto;margin-right:auto;}
.mb_w80p {width:80%; margin-left:auto;margin-right:auto;}
.mb_w90p {width:90%; margin-left:auto;margin-right:auto;}

.mb_w50p img,
.mb_w60p img,
.mb_w70p img,
.mb_w80p img,
.mb_w90p img,
 { display:block;width:100%;height:auto;}


/* ===== ヘッダー ===== */
header {
	height:auto;
}

header .main_image {
	height:100vh;
}

.nav_wrapper {
	height:auto;
	z-index:2;
	overflow:visible;
    background: url(../img/column/bg-mokume_sp.jpg) no-repeat center center;
	background-size:cover;
}

/* ===== コンセプト ===== */
.feature_title span {
	padding-bottom:0em;
	margin-bottom:0.5em;
	line-height:2.5em;
}

.one_stop_card {
	position:relative;
	width:80%;
	left:0em;
}

.one_stop_card br.sp_br:before {

}

.one_stop_card .f22 {
	line-height:1.5em;
	font-size:1.05em;
	padding-top:0.5em;
}


.floor_1 .block_1 .feature_box {
	width:100%;
}

.feature_wrap_titl_text .second_line {
	padding-left:2.8em;
}

.feature_wrap_titl .feature_wrap_titl_text {
	font-size:1.5rem;
	text-align:left;
	margin-bottom:0.5em;
}

.floor_2 .feature_wrap_titl .feature_wrap_titl_text {
	text-align:left;
}

.feature_wrap_titl .feature_number {
	top:-1.05em;
}

.feature_wrap_titl .feature_number .feature_icon {
	top:-0.5rem;
	line-height:1em;
}

.feature_wrap_titl .feature_number .feature_icon img {
	position:absolute;
	top:0.5rem;
}

.feature_wrap_titl .feature_number .feature_icon .feature_label {
	top:0.8em;
}

.umaimono_wrapper .image_row {
	display:flex;
}

.umaimono_wrapper .image_row img {
	height:120px;
	width:auto;
}

.news_card_title.kitchen {
	font-size:1.3rem;
}
.second_floor .wrapper .wrapper{
	padding-inline:0;
}

.second_floor .wrapper .wrapper .picture_text {
	line-height:1.5em;
}


.u_contain_right_image .feature_block.abs_image .feature_box {
	width:100%;
}

.heading_lines.std_h4 {
	font-size:1.1rem;
}

.map_section .std_flex4 {
	flex-wrap:wrap;
}

.map_section .std_flex4 > div {
	width:80%;
	margin:0 10% 2em 10%;
}

.totop {
	right:10px;
}

footer_title img {
	width:90%;
	height:auto;
	margin:0 auto 1em auto;
}

.footer_title span:after {
	position:relative;
	left:unset;
	width:80px;
	display:block;
	margin:1em auto;
}


/* ===== 2. Text / Utility helpers ===== */

h3 {
    font-size: 1.4rem;
    margin: auto;
}

h3 span {
	font-size:unset;
}

.std_h4,
h4.std_h4,
h5.std_h4 {
	font-size:1.2rem;
	line-height:1em;
}





} /* media */