@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:wght@400;700&family=Poppins:wght@700&display=swap');
@import url('over202301.css?date=20240725');
@import url('over202309.css?date=20231002');
@import url('over202410.css?date=20241028b');
@font-face {
    font-family: "A1mincho";
    src: url('font/A1mincho.woff') format('woff');
    font-display: swap;
}

.a1 {
    font-family: "A1mincho";
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Google口コミ表示プラグインで、右上に不要の文章が表示されてしまうため、非表示にして修正 (2026-08-17)ya
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.ti-platform-icon .ti-tooltip{
    display:none
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
LP導線ボタン (2024-10-22)ah
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.cmn_features_btn a {
	position: relative;
	color: #a18a51;
	padding: 5px 40px 5px 20px;
	border: 1px solid;
}

.cmn_features_btn a::after{
	content: '';
	position: absolute;
	width: 7px;
	height: 7px;
	border-top: solid 1px #a18a51;
	border-right: solid 1px #a18a51;
	top: 16px;
	right: 25px;
	transform: rotate(45deg);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カスタム投稿「建築海外研究」一覧　冒頭のメッセージ（2024-08-06）ah
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#overseas_archives_setsumei {
	font-family: 'Noto Serif JP', serif;
	background: #000;
	width: 1400px;
	text-align: center;
	padding: 70px 180px;
	margin: 0 -100px 80px;
}

#overseas_archives_setsumei .bg_ttl {
	font-size: 48px;
	font-family: 'EB Garamond', serif;
	color: #a18a51;
	line-height: 1.25;
	letter-spacing: 0.1em;
	margin-bottom: 35px;
}

#overseas_archives_setsumei .img_wrap {
	column-gap: 10px;
	margin-bottom: 30px;
}

#overseas_archives_setsumei .img_wrap div {
	width: 200px;
	height: 140px;
}

#overseas_archives_setsumei .ttl {
	font-size: 28px;
	color: #fff;
	line-height: 1.571;
	letter-spacing: 0.1em;
	margin-bottom: 20px;
}

#overseas_archives_setsumei .highlight {
	color: #a18a51;
}

#overseas_archives_setsumei .txt {
	font-size: 16px;
	color: #999;
	line-height: 2;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
固定ページ「代表メッセージ」2024-07-19 ah
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body[class*=page-message] {
	font-family: 'Noto Serif JP', serif;
}

body[class*=page-message] .bg_ttl {
	font-size: 48px;
	font-family: 'EB Garamond', serif;
	color: #a18a51;
	line-height: 1.25;
	letter-spacing: 0.1em;
}

body[class*=page-message] .box01 {
	position: relative;
	flex-wrap: nowrap;
	flex-direction: row-reverse;
	margin-top: -50px;
	margin-bottom: 65px;
}

body[class*=page-message] .content01 {
	position: absolute;
	left: 0;
}

body[class*=page-message] .ttl01{
	margin-top: 160px;
	margin-bottom: 70px;
	line-height: 1.8;
}

body[class*=page-message] .ttl01 span {
	font-size: 35px;
	color: #fff;
	background-color: rgba(0,0,0,0.9);
	padding: 2px 15px;
}

body[class*=page-message] .name {
	font-size: 24px;
}

body[class*=page-message] .katagaki {
	font-size: 16px;
	color: #a18a51;
	margin-right: 10px;
}

body[class*=page-message] .narrow_content {
	width: 1000px;
	margin: 0 auto 80px;
}

body[class*=page-message] .cmn_box {
	column-gap: 70px;
	margin-bottom: 70px;
	justify-content: space-between;
}

body[class*=page-message] .cmn_content {
	width: calc(100% - 530px);
}

body[class*=page-message] .cmn_ttl {
	font-size: 26px;
	line-height: 1.5;
	margin-bottom: 20px;
}

body[class*=page-message] .reverse {
	flex-direction: row-reverse;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
プロモ下SNS　2024-05-15rt
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.top_sns ul {
    display: flex;
    justify-content: center;
    background: #000;
    line-height: 1;
    align-items: center;
    column-gap: 20px;
    padding:30px 0px 20px;
	margin: 0 -15px;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
パンくずリスト（2024-03-06）mk
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.cmn_breadcrumb {
    text-align: right;
    background: #222;
}

.cmn_breadcrumb *{
    color: #fff!important;
}

/* Flexy Breadcrumb */
.cmn_breadcrumb .fbc-page .fbc-wrap .fbc-items {
	font-family: inherit;
	float: none;
	white-space: nowrap;
	overflow: auto hidden;
	direction: rtl;
	padding: 10px 0;
}

.cmn_breadcrumb .fbc-page .fbc-wrap .fbc-items li .fbc-separator::before {
	content:'';
	font-family: "icomoon";
	content: '\e917';
	font-size: 1.2em;
	vertical-align: -2px;
}

.cmn_breadcrumb .fbc-page .fbc-wrap .fbc-items li{
	display: inline;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
内覧会LP(2022-09-14)hiro
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body:not(.home) .editor_area #lp202209 img {
    margin: 0;
}

#lp202209 .cmn_wrap {
    border: 1px solid #4d2024;
    padding: 0 83px 45px;
}


#lp202209 .cmn_btn a {
    background-image: linear-gradient( 0deg, rgba(176,134,32) 0%, rgba(210,187,56) 100%);
    width: 644px;
    display: table;
    margin: 0 auto;
    color: #fff;
    font-size: 26px;
    letter-spacing: .1em;
    padding: 27px 210px;
    position: relative;
    box-shadow: 0px 20px 30px 0px rgba(168,144,62,.3);
}

#lp202209 .cmn_btn a::before ,#lp202209 .cmn_btn a::after {
    position: absolute;
}

#lp202209 .cmn_btn a::before {
    font-size: 14px;
    content: "今すぐ";
    width: 65px;
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff;
    border-radius: 100%;
    top: calc(50% - 32px);
    transform: rotate(-45deg);
    left: 140px;
}

#lp202209 .cmn_btn a::after {
    content: "";
    width: 16px;
    height: 16px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    position: absolute;
    right: 55px;
    top: calc(50% - 8px);
    transform: rotate(45deg);
}

#lp202209 h2.cmn_ttl01 {
    font-size: 30px;
    color: #4d2024;
    line-height: 1.5;
}

#lp202209 .cmn_name .en {
    display: table;
    margin: 0 auto 13px;
    padding: 0 20px;
    box-sizing: content-box;
}

#lp202209 .cmn_name .ja {
    box-sizing: content-box;
    border-top: 1px solid #4d2024;
    margin: 0 auto;
    padding: 7px 45px;
    display: table;
    border-bottom: 1px solid #4d2024;
    line-height: 1;
}

#lp202209 .cmn_txt_wrap {
    font-size: 16px;
    line-height: 2;
}

#lp202209 .cmn_txt_wrap p:not(:last-child) {
    margin-bottom: 32px;
}

#lp202209 .cmn_double{
    position: relative;
}

#lp202209 .cmn_double::before, #lp202209 .cmn_double::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #4d2024;
    left: 0;
}

#lp202209 .cmn_double::before {
    top: 0;
}

#lp202209 .cmn_double::after {
    top: 10px;
}

#lp202209 .cmn_red{
    color: #972a34;
    font-size: 20px;
    line-height: 1.6;
    font-weight: bold;
}

#lp202209 .lp_promo{
    margin-bottom: 30px;
}

#lp202209 .lp_ext {
    padding: 70px 0 60px;
    margin-top: 30px;
}

#lp202209 .lp_ext h2 {
    margin-bottom: 20px;
}

#lp202209 .lp_ext .cmn_name {
    margin: -56px 0 25px;
}

#lp202209 .lp_ext .cmn_name .en{
    background: #fff;
}

#lp202209 .lp_ext .cmn_name .en img{
    width: 166px;
    
}

#lp202209 .lp_ext .cmn_name .ja img{
    width: 36px;
}

#lp202209 .lp_ext p.img {
    margin-bottom: 18px;
}

#lp202209 .lp_ent {
    background: url("./images/lp_parts0914/en_bg01.jpg") no-repeat 50% / cover;
    height: 770px;
}

#lp202209 .lp_ent .inner {
    padding: 90px 80px 97px 500px;
}

#lp202209 .lp_ent p.cmn_name {
    margin-bottom: 16px;
}

#lp202209 .lp_ent p.cmn_name .en img{
    width: 198px;
}

#lp202209 .lp_ent p.cmn_name .ja img{
    width: 36px;
}

#lp202209 .lp_ent h2 {
    text-align: center;
    margin-bottom: 17px;
}

#lp202209 .lp_liv {
    margin-top: 80px;
    padding-top: 50px;
}

#lp202209 .lp_liv .cmn_name .en {
    margin: -28px 0 26px 0;
    padding: 0;
}

#lp202209 .lp_liv .cmn_name .en img{
    width: 280px;
}

#lp202209 .lp_liv .cmn_name .ja {
    margin: 0 0 0 146px;
    padding: 7px 12px;
}

#lp202209 .lp_liv .cmn_name .ja img{
    width: 102px;
}

#lp202209 .lp_liv .box01 {
    position: absolute;
    top: 52px;
    right: 0;
}

#lp202209 .lp_liv .box02 {
    margin-bottom: 27px;
}

#lp202209 .lp_liv .box02 h2 {
    width: 270px;
}

#lp202209 .lp_liv .box02 p.txt {
    width: calc(100% - 270px);
    padding-left: 150px;
}

#lp202209 .lp_liv p.main_img {
    margin-bottom: 22px;
}

#lp202209 .lp_din {
    background: url("./images/lp_parts0914/din_bg01.jpg") no-repeat 50% / cover;
    min-height: 1010px;
    position: relative;
    margin-top: 108px;
    margin-bottom: 38px;
}

#lp202209 .lp_din .inner {
    padding: 70px 0 68px 560px;
    margin-bottom: 22px;
}

#lp202209 .lp_din p.cmn_name .en {
    height: auto;
}

#lp202209 .lp_din p.cmn_name .en img{
    width: 335px;
}


#lp202209 .lp_din p.cmn_name .ja {
    margin: -27px 0 18px 40px;
    padding: 7px 10px;
}

#lp202209 .lp_din p.cmn_name .ja img{
    width: 120px;
}

#lp202209 .lp_din h2 {
    text-align: center;
}

#lp202209 .lp_din p.img {
    position: absolute;
    top: 0;
    left: 0;
}

#lp202209 .lp_din .cmn_txt_wrap {
    padding: 0 82px;
}

#lp202209 .lp_kit{
    margin-top: 115px;
    position: relative;
}

#lp202209 .lp_kit .cmn_name{
    margin: -56px 0 30px;
}

#lp202209 .lp_kit .cmn_name .en{
    background: #fff;
    margin-bottom: 8px;
}

#lp202209 .lp_kit .cmn_name .en img{
    width: 210px;
}

#lp202209 .lp_kit .cmn_name .ja{
    padding: 7px 22px;
}

#lp202209 .lp_kit .cmn_name .ja img{
    width: 60px;
}

#lp202209 .lp_kit .box01{
    position: absolute;
    left: 0;
    top: 80px;
}

#lp202209 .lp_kit h2{
    padding-left: 337px;
    margin-bottom: 42px;
}

#lp202209 .lp_kit p.main_img{
    margin-bottom: 22px;
}

#lp202209 .lp_rear {
    background: url("./images/lp_parts0914/rea_bg01.jpg") no-repeat left top / cover;
    min-height: 730px;
    margin-top: 60px;
    position: relative;
}

#lp202209 .lp_rear .box01 {
    padding: 40px 495px 30px 85px;
}

#lp202209 .lp_rear .box01 p.small_img {
    position: absolute;
    top: 0;
    left: 0;
}

#lp202209 .lp_rear .box01 p.cmn_name {
    padding-left: 85px;
    margin-bottom: 20px;
}

#lp202209 .lp_rear .box01 p.cmn_name > * {
    margin: 0;
}

#lp202209 .lp_rear .box01 p.cmn_name .en img{
    width: 294px;
}

#lp202209 .lp_rear .box01 p.cmn_name .ja {
    margin: -22px 0 0 80px;
    padding: 5px 22px;
}

#lp202209 .lp_rear .box01 p.cmn_name .ja img{
    width: 80px;
}

#lp202209 .lp_rear .box01 h2 {
    text-align: right;
    margin-bottom: 27px;
}

#lp202209 .lp_rear p.main_img {
    position: absolute;
    top: 0;
    right: 0;
}

#lp202209 .lp_cup {
    background: url("./images/lp_parts0914/cup_bg01.jpg") no-repeat right top / cover;
    min-height: 730px;
    position: relative;
    color: #fff;
}

#lp202209 .lp_cup .box01 {
    padding: 60px 77px 0 503px;
}

#lp202209 .lp_cup .box01 p.cmn_name {
    margin-bottom: 18px;
}

#lp202209 .lp_cup .box01 p.cmn_name > * {
    margin: 0;
}

#lp202209 .lp_cup .box01 p.cmn_name .en {
    padding: 0;
}

#lp202209 .lp_cup .box01 p.cmn_name .en img{
    width: 216px;
}

#lp202209 .lp_cup .box01 p.cmn_name .ja {
    border-color: #fff;
    margin: -4px 0 0 63px;
    padding: 7px 35px;
}

#lp202209 .lp_cup .box01 p.cmn_name .ja img{
    width: 56px;
}

#lp202209 .lp_cup .box01 h2 {
    color: #fff;
    margin-bottom: 20px;
}

#lp202209 .lp_cup p.main_img {
    position: absolute;
    top: 0;
    left: 0;
}

#lp202209 .lp_cup .box01 p.small_img {
    position: absolute;
    bottom: 0;
    right: 0;
}

#lp202209 .lp_sani {
    position: relative;
    border: 1px solid #4d2024;
    margin-top: 60px;
    padding-bottom: 75px;
}

#lp202209 .lp_sani p.small_img {
    position: absolute;
    top: 0;
    left: 0;
}

#lp202209 .lp_sani .box01 {
    padding: 137px 559px 55px 56px;
    margin-bottom: 20px;
}

#lp202209 .lp_sani .box01 p.cmn_name {
    margin-bottom: 20px;
}

#lp202209 .lp_sani .box01 p.cmn_name .en {
    margin-bottom: 0;
}
#lp202209 .lp_sani .box01 p.cmn_name .en img{
    width: 220px;
}

#lp202209 .lp_sani .box01 p.cmn_name .ja {
    margin: -22px 0 0px 90px;
    padding: 6px 30px;
}
#lp202209 .lp_sani .box01 p.cmn_name .ja img{
    width: 60px;
}

#lp202209 .lp_sani .box01 h2 {
    text-align: center;
}

#lp202209 .lp_sani p.main_img {
    position: absolute;
    top: 61px;
    right: 0;
}

#lp202209 .lp_sani .cmn_txt_wrap {
    padding: 0 80px;
}

#lp202209 .lp_bath {
    position: relative;
    border-left: 1px solid #4d2024;
    border-right: 1px solid #4d2024;
    padding-bottom: 60px;
}

#lp202209 .lp_bath .box01 {
    padding: 58px 54px 0px 503px;
}

#lp202209 .lp_bath .box01 p.cmn_name {
    margin-bottom: 20px;
    padding-right: 27px;
}

#lp202209 .lp_bath .box01 p.cmn_name .en img{
    width: 224px;
}

#lp202209 .lp_bath .box01 p.cmn_name .ja img{
    width: 36px;
}

#lp202209 .lp_bath .box01 h2 {
    text-align: center;
    padding-right: 32px;
    margin-bottom: 14px;
}

#lp202209 .lp_bath .box01 .cmn_txt_wrap {
    padding-right: 20px;
    margin-bottom: 20px;
}

#lp202209 .lp_bath p.main_img {
    position: absolute;
    top: 60px;
    left: 0;
}

#lp202209 .lp_toi {
    position: relative;
    border: 1px solid #4d2024;
}

#lp202209 .lp_toi .box01 {
    position: absolute;
    top: 60px;
    left: 0;
}

#lp202209 .lp_toi .box02 {
    padding: 267px 420px 194px 0;
}

#lp202209 .lp_toi .box02 p.cmn_name {
    margin-bottom: 20px;
}

#lp202209 .lp_toi .box02 p.cmn_name .en img{
    width: 150px;
}

#lp202209 .lp_toi .box02 p.cmn_name .ja img{
    width: 40px;
}

#lp202209 .lp_toi .box02 h2 {
    text-align: center;
    margin-bottom: 15px;
}

#lp202209 .lp_toi .box02 p.txt {
    padding: 0 82px;
    font-size: 16px;
    line-height: 2;
}

#lp202209 .lp_toi p.main_img {
    position: absolute;
    top: 60px;
    right: 0;
}

#lp202209 .lp_wall {
    position: relative;
    margin-top: 60px;
    padding-top: 50px;
}

#lp202209 .lp_wall .inner {
    position: relative;
    padding: 200px 0 185px 505px;
}

#lp202209 .lp_wall .box01 {
    position: absolute;
    top: 0;
    right: 0;
}

#lp202209 .lp_wall p.cmn_name {
    margin-bottom: 20px;
}

#lp202209 .lp_wall p.cmn_name .en img{
    width: 220px;
}

#lp202209 .lp_wall p.cmn_name .ja {
    padding: 6px 5px;
    margin-top: -7px;
}

#lp202209 .lp_wall p.cmn_name .ja img{
    width: 110px;
}
#lp202209 .lp_wall h2 {
    text-align: center;
    margin-bottom: 15px;
}

#lp202209 .lp_wall p.txt {
    font-size: 16px;
    line-height: 2;
}

#lp202209 .lp_wall .box02 {
    position: absolute;
    bottom: 0;
    right: 135px;
}

#lp202209 .lp_wall p.main_img {
    position: absolute;
    top: 50px;
    left: 0;
}

#lp202209 .lp_cor {
    color: #fff;
    background: url("./images/lp_parts0914/ca_bg01.jpg") no-repeat left top / cover;
    min-height: 650px;
    position: relative;
    margin-top: 60px;
}

#lp202209 .lp_cor .inner {
    padding: 151px 420px 30px 0;
}

#lp202209 .lp_cor .cmn_name {
    margin-bottom: 20px;
}

#lp202209 .lp_cor .cmn_name .en img{
    width: 178px;
}

#lp202209 .lp_cor .cmn_name .ja {
    border-color: #fff;
    margin-top: -5px;
}

#lp202209 .lp_cor .cmn_name .ja img{
    width: 36px;
}

#lp202209 .lp_cor h2 {
    color: #fff;
    text-align: center;
    margin-bottom: 15px;
}

#lp202209 .lp_cor p.txt {
    font-size: 16px;
    line-height: 2;
    padding: 0 85px;
}

#lp202209 .lp_cor p.main_img {
    position: absolute;
    top: 0;
    right: 0;
}

#lp202209 .lp_hook {
    background: #ede8e9;
    position: relative;
    padding: 60px 0;
}

#lp202209 .lp_hook .inner {
    padding: 0 58px 0 476px;
}

#lp202209 .lp_hook .cmn_name {
    margin-bottom: 20px;
}

#lp202209 .lp_hook .cmn_name .en img{
    width: 166px;
}

#lp202209 .lp_hook .cmn_name .ja {
    padding: 6px 33px;
}

#lp202209 .lp_hook .cmn_name .ja img{
    width: 60px;
}

#lp202209 .lp_hook h2 {
    text-align: center;
    margin-bottom: 15px;
}

#lp202209 .lp_hook p.txt {
    font-size: 16px;
    line-height: 2;
    padding: 0 23px;
}

#lp202209 .lp_hook p.main_img {
    position: absolute;
    top: 60px;
    left: 85px;
}

#lp202209 .lp_storage {
    background: #ede8e9;
    position: relative;
    min-height: 650px;
}

#lp202209 .lp_storage .inner {
    padding: 0 420px 0 0;
}

#lp202209 .lp_storage .cmn_name {
    padding-top: 120px;
    position: relative;
    margin-bottom: 43px;
}

#lp202209 .lp_storage .cmn_name .en img{
    width: 296px;
}

#lp202209 .lp_storage .cmn_name .ja {
    padding: 4px 41px;
    position: absolute;
    bottom: -14px;
    left: 274px;
}

#lp202209 .lp_storage .cmn_name .ja img{
    width: 38px;

}
    
#lp202209 .lp_storage h2 {
    text-align: center;
    margin-bottom: 10px;
}

#lp202209 .lp_storage p.txt {
    font-size: 16px;
    line-height: 2;
    padding: 0 83px;
}

#lp202209 .lp_storage p.main_img {
    position: absolute;
    top: 0;
    right: 0;
}

#lp202209 .lp_child {
    margin-top: 58px;
    padding: 52px 0 0;
}

#lp202209 .lp_child .cmn_name {
    margin: 10px 0 19px 0;
}

#lp202209 .lp_child .cmn_name .en {
    margin: 0 0 11px;
    padding: 0;
}

#lp202209 .lp_child .cmn_name .en img{
    width: 268px;
}

#lp202209 .lp_child .cmn_name .ja {
    margin: 0;
    padding: 6px 37px;
}

#lp202209 .lp_child .cmn_name .ja img{
        width: 54px;
}

#lp202209 .lp_child .box01 {
    position: absolute;
    top: 52px;
    right: 0;
}

#lp202209 .lp_child .box02 {
    margin-bottom: 27px;
}

#lp202209 .lp_child .box02 h2 {
    width: 340px;
}

#lp202209 .lp_child .box02 p.txt {
    width: calc(100% - 340px);
    padding-left: 80px;
    margin-top: 15px;
    font-size: 16px;
    line-height: 2;
}

#lp202209 .lp_child .inner{
    margin-bottom: 20px;
}


#lp202209 .lp_bed {
    position: relative;
    margin-top: 60px;
}

#lp202209 .lp_bed .inner {
    padding: 80px 0 53px 560px;
}

#lp202209 .lp_bed p.cmn_name {
    margin-bottom: 18px;
}

#lp202209 .lp_bed p.cmn_name .en img{
    width: 206px;
}

#lp202209 .lp_bed p.cmn_name .ja img{
    width: 36px;
}

#lp202209 .lp_bed h2 {
    text-align: center;
    margin-bottom: 15px;
}

#lp202209 .lp_bed .cmn_txt_wrap {
    padding: 0 34px;
}

#lp202209 .lp_bed p.main_img {
    position: absolute;
    top: 71px;
    left: 0;
}

#lp202209 .lp_clo {
    background: url("./images/lp_parts0914/clo_bg01.jpg") no-repeat left top / cover;
    min-height: 580px;
    position: relative;
    margin-bottom: 30px;
}

#lp202209 .lp_clo .inner {
    color: #fff;
    padding: 58px 420px 0 0;
}

#lp202209 .lp_clo p.cmn_name {
    margin-bottom: 20px;
}

#lp202209 .lp_clo p.cmn_name .en img{
    width: 128px;
}

#lp202209 .lp_clo p.cmn_name .ja {
    border-color: #fff;
    padding: 6px 8px;
}

#lp202209 .lp_clo p.cmn_name .ja img{
    width: 128px;
}

#lp202209 .lp_clo h2 {
    color: #fff;
    text-align: center;
    margin-bottom: 15px;
}

#lp202209 .lp_clo .cmn_txt_wrap {
    padding: 0 85px;
}

#lp202209 .lp_clo .box01 {
    position: absolute;
    bottom: 0;
    left: 0;
}

#lp202209 .lp_clo p.main_img {
    position: absolute;
    top: 0;
    right: 0;
}

#lp202209 .lp_txt01 {
    background: url("images/lp_parts0914/txt01_bg.jpg") no-repeat left top / cover;
    min-height: 1150px;
    margin-top: 53px;
    padding: 40px 85px;
}

#lp202209 .lp_txt01 h2 {
    font-size: 34px;
    text-align: center;
    margin-bottom: 22px;
}

#lp202209 .lp_txt01 .cmn_txt_wrap {
    background: #fff;
    padding: 52px 83px;
}

#lp202209 .lp_txt02 {
    margin-top: 60px;
    border: 1px solid #4d2024;
    padding: 40px 85px 65px 85px;
}

#lp202209 .lp_txt02 h2 {
    font-size: 34px;
    text-align: center;
    margin-bottom: 20px;
}

#lp202209 .lp_txt02 .cmn_txt_wrap {
    background: #ede8e9;
    padding: 50px 81px;
    box-shadow: 0px 10px 30px 0px rgba(0,0,0,.05);
}

#lp202209 .lp_reserve {
    margin-top: 60px;
}

#lp202209 .lp_reserve p.cmn_name {
    margin-bottom: 30px;
}

#lp202209 .lp_reserve p.cmn_name .en img{
    width: 280px;
}

#lp202209 .lp_reserve p.cmn_name .ja {
    padding: 7px 9px;
}

#lp202209 .lp_reserve p.cmn_name .ja img{
    width: 128px;
}

#lp202209 .lp_reserve p.main_lead {
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 25px;
}

#lp202209 .lp_reserve ul.items {
    margin: 0 -15px;
}

#lp202209 .lp_reserve ul.items li {
    width: calc(33.3333% - 30px);
    margin: 0 15px;
    border: 1px solid;
    min-height: 370px;
    padding: 67px 0;
}

#lp202209 .lp_reserve ul.items li.tel {
    border-color: #4d2024;
}

#lp202209 .lp_reserve ul.items li.line {
    border-color: #00b900;
}

#lp202209 .lp_reserve ul.items li.mail {
    border-color: #333333;
}

#lp202209 .lp_reserve ul.items li h3.ttl {
    font-size: 20px;
    text-align: center;
    position: relative;
    margin-bottom: 10px;
}

#lp202209 .lp_reserve ul.items li h3.ttl:before {
    content: "";
    display: flex;
    background: no-repeat 50% / contain;
    margin: 0 auto 13px;
}

#lp202209 .lp_reserve ul.items li.tel h3.ttl:before {
    background-image: url("./images/lp_parts0914/icn_tel.png");
    width: 30px;
    height: 30px;
}

#lp202209 .lp_reserve ul.items li.line h3.ttl:before {
    background-image: url("./images/lp_parts0914/icn_LINE.png");
    width: 30px;
    height: 30px;
}

#lp202209 .lp_reserve ul.items li.mail h3.ttl:before {
    background-image: url("./images/lp_parts0914/icn_form.png");
    width: 24px;
    height: 30px;
}

#lp202209 .lp_reserve ul.items li p.num {
    font-size: 36px;
    text-align: center;
}

#lp202209 .lp_reserve ul.items li p.num a {
    font-family: "my_mincho", serif;
}

#lp202209 .lp_reserve ul.items li p.txt {
    font-size: 16px;
    line-height: 1.5;
    padding: 0 50px;
}

#lp202209 .lp_reserve ul.items li p.open{
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
}

#lp202209 .lp_reserve ul.items li p.btn {
    text-align: center;
    margin-top: 16px;
}

#lp202209 .lp_contact {
    margin-top: 80px;
}

#lp202209 .lp_contact p.cmn_name {
    margin-bottom: 30px;
}

#lp202209 .lp_contact p.cmn_name .en img{
    width: 300px;
}

#lp202209 .lp_contact p.cmn_name .ja {
    padding: 7px 9px;
}

#lp202209 .lp_contact p.cmn_name .ja img{
    width: 162px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
内覧会LP(2022-07-07)hiro
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#lp202207 {
    margin-bottom: 100px;
}
#lp202207 img {
    margin-bottom: 0;
}

#lp202207 .cmn_mb60 {
    margin-bottom: 60px;
}

#lp202207 .kugiri_m {
    min-width: 980px;
    padding: 25px 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#lp202207 p.cmn_btn {
    background: #151515;
    padding: 40px 0 35px;
}

#lp202207 p.cmn_btn a {
    font-size: 30px;
    text-align: center;
    color: #fff;
    display: table;
    margin: 0 auto;
    min-width: 570px;
    padding: 25px 20px;
     background-image: -moz-linear-gradient( 90deg, rgba(176,134,32) 0%, rgba(210,187,56) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgba(176,134,32) 0%, rgba(210,187,56) 100%);
  background-image: -ms-linear-gradient( 90deg, rgba(176,134,32) 0%, rgba(210,187,56) 100%);
  box-shadow: 0px 3px 0px 0px #775f0a;
}

#lp202207 p.cmn_slug {
    color: #c09f2b;
    font-size: 16px;
    margin-bottom: 20px;
}

#lp202207 h2.cmn_ttl {
    font-size: 40px;
    border-bottom: 1px solid;
    margin: 45px 0 35px;
    padding-bottom: 8px;
}

#lp202207 h3.cmn_ttl {
    font-size: 30px;
    line-height: 1.5;
    margin-bottom: 13px;
    font-weight: bold;
}

#lp202207 p.cmn_sub_ttl {
    font-size: 16px;
    color: #c09f2b;
    text-align: center;
    margin-bottom: 15px;
}


#lp202207 p.cmn_sub_ttl .ja {
    display: block;
}

#lp202207 .cmn_txt_wrap {
    font-size: 16px;
    line-height: 2;
}

#lp202207 .cmn_txt_wrap p:not(:last-child) {
    margin-bottom: 31px;
}


#lp202207 .cmn_box01 .area_a {
    width: 448px;
    margin-right: 55px;
}

#lp202207 .cmn_box01 .area_b {
    margin-top: 64px;
}

#lp202207 .cmn_box02 {
    position: relative;
    padding-left: 476px;
}

#lp202207 .cmn_box02 p.cmn_img {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
}

#lp202207 .cmn_box03 {
    position: relative;
    padding: 0 550px 267px 85px;
    margin-bottom: 55px;
}

#lp202207 .cmn_box03 p.img {
    position: absolute;
    right: 82px;
    top: 0;
}

#lp202207 .cmn_box04 {
    padding-left: 85px;
    margin-bottom: 45px;
}

#lp202207 .cmn_box04 p.img {
    margin-bottom: 20px;
}

#lp202207 .cmn_box04 p.txt {
    line-height: 2;
    width: 812px;
}

#lp202207 .cmn_box05 {
    padding-right: 85px;
}

#lp202207 .cmn_box05 p.img {
    margin-bottom: 20px;
}

#lp202207 .cmn_box05 p.txt {
    line-height: 2;
    width: 812px;
    margin-left: auto;
}

#lp202207 .cmn_box06 {
    position: relative;
    padding-right: 512px;
}

#lp202207 .cmn_box06 p.cmn_img {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
}

#lp202207 .cmn_bnr {
    background: #151515;
    padding: 55px 0 40px;
}

#lp202207 .cmn_bnr p.lead {
    font-size: 20px;
    color: #fff;
    border-top: 1px solid;
    border-bottom: 1px solid;
    display: table;
    margin: 0 auto 15px;
    padding: 5px 20px;
}

#lp202207 .cmn_bnr .c_gold {
    color: #c09f2b;
}

#lp202207 .cmn_bnr h2.ttl {
    font-size: 40px;
    color: #fff;
    text-align: center;
    margin-bottom: 9px;
}

#lp202207 .cmn_bnr h2.ttl .small {
    font-size: 24px;
}

#lp202207 .cmn_bnr p.cmn_btn {
    padding: 0;
    margin-bottom: 15px;
}

#lp202207 .cmn_bnr p.txt {
    color: #fff;
    text-align: center;
}

#lp202207 p.txt {
    font-size: 16px;
}

#lp202207 .lp_promo{
    padding-top: 30px;
}

#lp202207 .yohaku{
    margin-bottom: 30px;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
lp_entrance
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#lp202207 .lp_entrance {
    padding: 60px 75px 226px 85px;
    background: #eceef1;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
lp_list01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#lp202207 .lp_list01 ul.items {
    margin-bottom: 20px;
}

#lp202207 .lp_list01 p.cmn_slug {
    text-align: center;
}

#lp202207 .lp_list01 h3.cmn_ttl {
    text-align: center;
}

#lp202207 .lp_list01 ul.items li {
    font-size: 18px;
    color: #fff;
    background: #c09f2b;
    border-radius: 30px;
    max-width: 812px;
    margin: 0 auto 10px;
    padding: 15px 30px 15px 91px;
    position: relative;
    font-weight: bold;
}

#lp202207 .lp_list01 ul.items li::before {
    position: absolute;
    content: "";
    background: url("./images/lp_parts/check.svg") no-repeat 50% /contain;
    width: 22px;
    height: 16px;
    top: calc(50% - 8px);
    left: 55px;
}

#lp202207 .lp_list01 p.txt {
    width: 641px;
    margin: 0 auto 30px;
    font-weight: bold;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
lp_dinning
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#lp202207 .lp_dinning {
    padding-bottom: 50px;
}

#lp202207 .lp_dinning .cmn_box02 {
    padding-left: 536px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
lp_kitchen
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#lp202207 .lp_kitchen {
    background: #151515;
    padding: 60px 0 50px;
    color: #fff;
    margin-bottom: 60px;
}

#lp202207 .lp_kitchen h3.cmn_ttl {
    color: #fff;
    text-align: center;
    margin-bottom: 28px;
}

#lp202207 .lp_kitchen .cmn_box03 h3.cmn_ttl{
    text-align: left;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
lp_nagare
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#lp202207 .lp_nagare {
    margin-bottom: -60px;
}

#lp202207 .lp_nagare .cmn_box06 {
    padding-bottom: 255px;
    margin-bottom: 56px;
}

#lp202207 .lp_nagare .cmn_box02 {
    padding-left: 532px;
    padding-bottom: 130px;
    margin-bottom: 57px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
lp_kakurega
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#lp202207 .lp_kakurega {
    background: url("./images/lp_parts/bg_wood.jpg") left top / 500px 500px;
    color: #fff;
    padding: 58px 0;
    margin-bottom: 70px;
}

#lp202207 .lp_kakurega h3.cmn_ttl {
    margin-bottom: 30px;
    text-align: center;
}

#lp202207 .lp_kakurega .cmn_box05 {
    margin-bottom: 60px;
}

#lp202207 .lp_kakurega .cmn_box05.icon01 p.img {
    position: relative;
}

#lp202207 .lp_kakurega .cmn_box05.icon01 p.img::before {
    position: absolute;
    content: "";
    background: url("./images/lp_parts/icon.png") no-repeat 50% / contain;
    width: 220px;
    height: 312px;
    bottom: -225px;
    left: 0;
}

#lp202207 .lp_kakurega .cmn_box05.icon01 .cmn_txt_wrap {
    padding-left: 255px;
}

#lp202207 .lp_kakurega .cmn_box06 {
    padding: 0 556px 234px 85px;
    margin-bottom: 55px;
}

#lp202207 .lp_kakurega .cmn_box06 h3.cmn_ttl {
    text-align: left;
}

#lp202207 .lp_kakurega .cmn_box06 p.ps_img {
    position: absolute;
    bottom: 0;
    left: 0;
}

#lp202207 .lp_kakurega .cmn_box06.icon02 p.cmn_img .ps::after {
    position: absolute;
    content: "";
    background: url("./images/lp_parts/icon02.png") no-repeat 50% / contain;
    width: 261px;
    height: 238px;
    bottom: -186px;
    right: 0;
}

#lp202207 .lp_kakurega .cmn_box05.icon03 .cmn_txt_wrap {
    padding: 0 465px 0 80px;
}

#lp202207 .lp_kakurega .cmn_box05.icon03 {
    padding-bottom: 80px;
    position: relative;
}

#lp202207 .lp_kakurega .cmn_box05.icon03 p.ps_img {
    position: absolute;
    bottom: 0;
    right: 0;
}

#lp202207 .lp_kakurega .box07 p.cmn_slug {
    padding-left: 85px;
}

#lp202207 .lp_kakurega .box07 h3.cmn_ttl {
    text-align: left;
    padding-left: 85px;
}

#lp202207 .lp_kakurega .box07 p.img {
    text-align: center;
    margin-bottom: 14px;
    position: relative;
}

#lp202207 .lp_kakurega .box07 p.img::before {
    position: absolute;
    content: "";
    background: url("./images/lp_parts/icon03.png") no-repeat 50% / contain;
    width: 197px;
    height: 222px;
    bottom: -130px;
    left: 0;
}

#lp202207 .lp_kakurega .box07 .cmn_txt_wrap {
    width: 100%;
    padding-left: 254px;
    padding-right: 78px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
lp_kouzou
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#lp202207 .lp_kouzou {
    margin-bottom: 48px;
}

#lp202207 .lp_kouzou .cmn_box06 {
    padding: 0 530px 255px 0;
}

#lp202207 p.setsumei_txt {
    font-size: 22px;
    display: table;
    margin: 0 auto 15px;
    position: relative;
    padding: 0 35px;
    text-align: center;
    font-weight: bold;
}

#lp202207 p.setsumei_txt::before, #lp202207 p.setsumei_txt::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 80px;
    bottom: 0;
    background: #151515;
}

#lp202207 p.setsumei_txt::before {
    left: 0;
    transform: rotate(-30deg);
}

#lp202207 p.setsumei_txt::after {
    right: 0;
    transform: rotate(30deg);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
lp_about
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#lp202207 .lp_about{
    border: 1px solid;
    margin-top: 60px;
    margin-bottom: 50px;
    padding: 60px 165px;
}

#lp202207 .lp_about h2.main_ttl{
    text-align: center;
    margin-bottom: 25px;
}

#lp202207 .lp_about h2.main_ttl .en{
    font-size: 15px;
    display: block;
    color: #c09f2b;
    margin-bottom: 5px;
}

#lp202207 .lp_about h2.main_ttl .ja{
    font-size: 30px;
    font-weight: bold;
}

#lp202207 .lp_about dl dt,
#lp202207 .lp_about dl dd{
    font-size: 16px;
    border-top: 1px solid;
    padding: 25px 22px;
}

#lp202207 .lp_about dl dd.futoji{
    font-weight: bold;
}

#lp202207 .lp_about dl dt{
    font-weight: bold;
    width: 168px;
    margin-right: 25px;
}

#lp202207 .lp_about dl dd{
    border-color: #cccccc;
    width: calc(100% - 168px - 25px);
}


#lp202207 .lp_about dl:last-of-type dt,
#lp202207 .lp_about dl:last-of-type dd{
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

#lp202207 .lp_about p.map{
    margin-top: 45px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
lp_reserve
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#lp202207 #lp202207 .lp_reserve{
    border-bottom: 1px solid;
    margin-top: 54px;
    padding-bottom: 56px;
}

#lp202207 .lp_reserve h2.main_ttl{
    text-align: center;
    margin-bottom: 15px;
}

#lp202207 .lp_reserve h2.main_ttl .en{
    display: block;
    color: #c09f2b;
}

#lp202207 .lp_reserve h2.main_ttl .ja{
    font-size: 30px;
    font-weight: bold;
}

#lp202207 .lp_reserve p.main_lead{
    font-size: 16px;
    text-align: center;
    margin-bottom: 25px;
    line-height: 1.5;
}

#lp202207 .lp_reserve ul.items{
    margin: 0 -15px 10px;
    border-bottom: 1px solid;
    padding-bottom: 70px;
}

#lp202207 .lp_reserve ul.items li{
        width: calc(33.3333% - 30px);
        margin: 0 15px;
        background-color: #fff;
        box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
        padding: 70px 25px;
      }

#lp202207 .lp_reserve ul.items li p.ttl{
    font-size: 20px;
    font-weight: bold;
    position: relative;
    text-align: center;
    padding-top: 45px;
    margin-bottom: 7px;
}

#lp202207 .lp_reserve ul.items li p.ttl::before{
    position: absolute;
    content:
    "";
    background: no-repeat 50% / contain;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

#lp202207 .lp_reserve ul.items li.tel p.ttl::before{
    background-image: url("./images/lp_parts/tel.svg");
    width: 30px;
    height: 30px;
}

#lp202207 .lp_reserve ul.items li.line p.ttl::before{
    background-image: url("./images/lp_parts/line.png");
    width: 30px;
    height: 30px;
}

#lp202207 .lp_reserve ul.items li.mail p.ttl::before{
    background-image: url("./images/lp_parts/mail.svg");
    width: 24px;
    height: 30px;
}

#lp202207 .lp_reserve ul.items li p.txt{
    font-size: 16px;
    line-height: 1.5;
    padding: 0 30px;
}

#lp202207 .lp_reserve ul.items li.tel p.num a{
    font-size: 35px;
    display: block;
    text-align: center;
}

#lp202207 .lp_reserve ul.items li.tel p.open{
    font-size: 16px;
    text-align: center;
}

#lp202207 .lp_reserve ul.items li.line p.btn{
    margin-top: 20px;
    text-align: center;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
lp_contact
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#lp202207 .lp_contact {
    margin-top: 40px;
}

#lp202207 .lp_contact h2.main_ttl{
    text-align: center;
    margin-bottom: 15px;
}

#lp202207 .lp_contact h2.main_ttl .en{
    display: block;
    color: #c09f2b;
}

#lp202207 .lp_contact h2.main_ttl .ja{
    font-size: 30px;
    font-weight: bold;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿　目次（TOC)　(2021-12-13)mori
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body #toc_container {
    padding: 20px 30px;
    background:none;
    border-radius: 10px;
    border: 3px solid #ddd;
}

body #toc_container li {
    margin: 8px 0;
    font-size: 14px;
}

body #toc_container li a{
    display: block;
    padding: 2px 0;
	color: #06f;
}

body #toc_container li a span {
    color: #333;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 ワードプレスの動画を中央揃えにする
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.wp-video {
    margin: 0 auto;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
電話番号のフォントファミリーを指定
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#tel_lb .num,a[href*="tel:"] {
    font-family: 'Poppins', "Roboto", 游ゴシック, "Yu Gothic", YuGothic;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用スタイル　＞　サイトのテーマ色を一括指定する
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 文字色 */
body.sp[class*="voice"] ul.child_navi a[href*="voice"], 
body.sp dl.type01 [class*="current"] > a, 
body.sp dl.type01 dt, 
a.basic_btn02, 
.basic_list01 li:before, 
ol.basic_list02 > li:after, 
a.basic_color_font, 
[class*="current"] .basic_color_font_cur, 
[class*="current"] .basic_color_font_cur:hover, 
.basic_color_font_bf:before, 
.basic_color_font_af:after {
    color: #151515;
}

/* ボーダー色 */
body.sp dl.type01 > dt .arrow, h3[class*="h3a"], h2[class*="h2a"], .basic_box02, .basic_list02 > li, .basic_color_border, .basic_color_border_bg:before, .basic_color_border_af:after {
    border-color: #151515;
}

/* 背景色 */
a.basic_btn01, h3[class*="h3b"], ol.basic_list02 > li:before, .basic_color_bg, .basic_color_bg_bf:before, .basic_color_bg_af:after, #h_navi_main ul:not(.sub-menu) > li > a:after {
    background-color: #000;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用スタイル　＞　画像がない場合の汎用スタイル（一覧ページ／ショートコード／関連記事…などで共有）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.noimage {
    background: url(images/noimage.png) no-repeat 50% / auto 45% #fff;
    background-position: 50% 50%;
    border: 1px solid #ddd;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ローディング処理
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ローディング時の背景 */
#loading_container .back {
    background-color: transparent;
}

.loading_wrap {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    z-index: 1000;
    background-color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loading_wrap .img {
    opacity: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
サイドバー　＞　ウィジェット
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#sub_area .side_menu li a {
    padding: 18px 20px 18px 10px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
6つのスタイル　＞　ページ送りを止めてローカルナビに変更（固定ページ）2020-09-27mk
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.page-style-child * + .paging_common{
    margin-top: 0;
}

body.page-style-child.page-index ul.local_navi3 {
    display: none;
}

body.page-style-child ul.local_navi3 {
    padding: 10px 20px;
}

body.page-style-child ul.local_navi3 > li {
    width: auto;
    flex-grow: 1;
}

body.page-style-child ul.local_navi3 > li:first-child {
    display: none;
}

body.page-style-child ul.local_navi3 > li > a {
    border: none;
    height: auto;
    border-width: 0;
    border-style: none;
    background-color: transparent;
}

body.page-style-child ul.local_navi3 > li > a::before {
    position: static;
    margin-right: 1em;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ページ送り(シングルページ用[次へ][前へ])
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.next_prev_wrap2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    color: #ccc;
}

.next_prev_wrap2 p.list {
    width: 140px;
    align-self: flex-end;
}

.next_prev_wrap2 p.next, .next_prev_wrap2 p.prev {
    width: calc((100% - 140px - 70px) * .5);
}

.next_prev_wrap2 p.prev {
    text-align: right;
}

.next_prev_wrap2 .link * {
    color: #000;
    transition: .3s;
}

.next_prev_wrap2 .link:hover * {
    opacity: .7;
}

/* 一覧へ */
.next_prev_wrap2 p.list a {
    background-color: #000;
    color: #fff;
    display: block;
    border-radius: 3px;
    padding: 5px 15px;
}

.next_prev_wrap2 p.list a:hover {
    opacity: .7;
}

/* 矢印 */
.next_prev_wrap2 .arrow {
    position: relative;
    font-family: 'Crimson Text', serif;
    font-weight: bold;
}

.next_prev_wrap2 p.next .arrow {
    padding-left: 25px;
}

.next_prev_wrap2 p.prev .arrow {
    padding-right: 25px;
}

.next_prev_wrap2 .arrow::after {
    font-family: "icomoon";
    font-size: 2.0rem;
    width: 18px;
    height: 18px;
    line-height: 18px;
    position: absolute;
    top: calc(50% - .6em);
    font-weight: normal;
}

.next_prev_wrap2 p.next .arrow::after {
    content: '\e916';
    margin-right: 5px;
    left: 0;
}

.next_prev_wrap2 p.prev .arrow::after {
    content: '\e917';
    margin-left: 5px;
    right: 0;
}

/* 記事タイトル */
.next_prev_wrap2 .ttl a {
    color: inherit;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

.next_prev_wrap2 a:hover {
    opacity: 1;
}

.next_prev_wrap2 p.next .ttl a {
    text-align: left;
}

.next_prev_wrap2 p.prev .ttl a {
    text-align: right;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー　＞　グローバルナビの固定（JS連携）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#header_fixed_zone,#header_fixed_zone.fix_target {
    z-index: 101;
}

#header_fixed_zone.fix_target {
    top: -500px;
}

#header_fixed_zone.fix_exe {
    top: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
メインエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.single-event #main_area .article_title.plain_type h1 {
    margin-bottom: 1em;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　汎用見出し
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* [.h2a][.h2b]共通のスタイル */
h2[class*="h2"] {
    font-size: 3rem;
    font-family: "my_mincho", serif;
    letter-spacing: .05em;
}

/* [.h2a]のスタイル */
h2[class*="h2a"] {
    padding: 14px 0;
    border: none;
    border-top: 2px solid;
    border-bottom: 2px solid;
}

h2[class*="h2b"] {
    padding-top: 70px;
}

h2[class*="h2b"]:before {
    width: 56px;
    height: 56px;
    right: calc(50% - 28px);
    background: url("images/h2b_before.png") no-repeat 50% 50%/contain;
}

/* [.h3a][.h3b]共通のスタイル */
h3[class*="h3"] {
    font-size: 2.2rem;
    font-family: "my_mincho", serif;
    letter-spacing: .05em;
}

/* [.h3a]のスタイル */
h3[class*="h3a"] {
    padding: 8px 0 8px 15px;
    border-left-width: 3px;
    border-color: #151515;
    position: relative;
}

h3[class*="h3a"]::before {
    content: "";
    width: 3px;
    height: 12px;
    background-color: #ffcc00;
    position: absolute;
    top: 0;
    left: -3px;
}

/* [.h3b]のスタイル */
h3[class*="h3b"] {
    color: inherit;
    padding: 15px 15px 15px 25px;
    background-color: #ffcc00;
    position: relative;
}

h3[class*="h3b"]::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 17.5px 0 17.5px 17px;
    border-color: transparent transparent transparent #151515;
    position: absolute;
    left: 0;
    top: calc(50% - 17.5px);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　汎用ボタン01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
a.basic_btn01 {
    background-color: #fff;
    color: inherit;
    border: 2px solid #000;
    border-radius: 7px;
    padding: 17px 40px;
}

body:not(.home) a.basic_btn01 {
    font-weight: bold;
}

body.home a.basic_btn01 {
    font-size: 1.7rem;
    letter-spacing: .05em;
    font-weight: bold;
    min-width: 370px;
    padding: 25px 40px;
}

body.home a.basic_btn01.en {
    font-family: 'Crimson Text', serif;
    padding: 27px 40px 23px;
}

a.basic_btn01:hover {
    opacity: 1;
    background-color: #000;
    color: #fff;
}

a.basic_btn01::after {
    content: '\ea3c';
    font-size: 1.7rem;
    right: 10px;
    transition: all 0.2s linear;
    margin-top: -.5em;
}

a.basic_btn01:hover::after {
    right: 5px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　汎用ボタン03
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
a.basic_btn03 {
    display: inline-block;
	position: relative;
    font-size: 16px;
	color: #fff;
    font-family: "my_mincho", serif;
    letter-spacing: .08em;
	width: 165px;
    padding: 4px 0px 4px 10px;
    z-index: 1;
}

a.basic_btn03::before {
    content: "";
    position: absolute;
    top: 0;
    right: -8px;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: #000000;
    transform: scaleY(1.3) perspective(1em) rotateX(5deg);
    transform-origin: bottom right;
}

a.basic_btn03::after {
    content: '\e917';
    font-family: "icomoon";
	position: absolute;
    font-size: 20px;
    color: white;
    right: 0px;
    bottom: 0px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　汎用ボックス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.basic_box01 {
    background-color: #f0f0f0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　汎用クラス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 見出し */
/*
h2.cmn_ttl {
    text-align: center;
    margin-bottom: 50px;
}

h2.cmn_ttl .en {
    font-family: 'Crimson Text', serif;
    font-weight: bold;
    font-size: 4.0rem;
    letter-spacing: .05em;
}

h2.cmn_ttl .ja {
    display: block;
    margin-top: 10px;
    font-size: 1.5rem;
    font-weight: bold;
}
*/

/* ワイド幅 */
.wide_width {
    width: 1600px;
    margin: 0 auto;
    max-width: 90vw;
    min-width: 1200px;
}

.cmn_sns {
    justify-content: center;
}

.cmn_sns a {
    display: block;
    margin: 0 10px;
}

.cmn_sns a:hover {
    opacity: .7;
    text-decoration: none;
}

.cmn_sns a::before {
    font-family: "icomoon";
    font-size: 2.4rem;
    line-height: 1;
    font-weight: normal;
}

.cmn_sns a.line::before {
    content: '\e902';
    font-size: 2.6rem;
}

.cmn_sns a.instagram::before {
    content: '\ea92';
}

.cmn_sns a.youtube::before {
    content: '\e90e';
}

.cmn_sns a.facebook::before {
    content: '\ea90';
}

.cmn_sns a.pinterest::before {
    content: '\e90b';
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　プロモ hiro_202301
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#promo_frame .promo_area {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

#promo_frame .inner {
    position: absolute;
    top: 313px;
    right: 208px;
    z-index: 2;
}

#promo_frame .promo_slider{
    margin: 0 auto;
}
#promo_frame .inner .card {
    position: relative;
}

#promo_frame .inner .card::before {
    position: absolute;
    content: "";
    background: url("./images/202301/img_card.png") no-repeat 50% / contain;
    width: 123px;
    height: 190px;
    top: -219px;
    right: -530px;
}

#promo_frame p.main_ttl {
    letter-spacing: .1em;
    color: #a18a51;
    font-family: 'EB Garamond', serif;
}

#promo_frame p.main_ttl .small {
    font-size: 2.2rem;
    display: block;
    margin-left: 139px;
}

#promo_frame p.main_ttl .big {
    font-size: 13.6rem;
    margin: -38px 0 0 35px;
    display: block;
}

#promo_frame p.main_txt {
    font-size: 2.7rem;
    color: #fff;
    font-family: 'Noto Serif JP', serif;
}

#promo_frame p.main_txt .txt {
    display: table;
    background: #a18a51;
    padding: 3px 10px;
    margin-left: auto;
}

#promo_frame p.main_txt .txt:first-child {
    margin-bottom: 18px;
}
@media (min-width: 751px) and (max-width: 1550px) {
#promo_frame .inner {
    top: 180px;
}


#promo_frame .inner .card::before {
    width: 70px;
    height: 113px;
    top: -133px;
}
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　プロモスライド hiro_202301
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#promo_frame {
    position: relative;
}

#promo_frame .frame {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-height: 800px;
    height: 100%;
    
}

#promo_frame ul.img_wrap {
    background: #000;
    width: 15%;
    height: 100%;
    position: relative;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 0;
}

#promo_frame ul.img_wrap.right {
    right: 0;
}

#promo_frame ul.img_wrap.left {
    left: 0;
}

#promo_frame ul.img_wrap li.item {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    overflow: hidden;
    -webkit-transition: none;
    -ms-transition: none;
    -moz-transition: none;
    transition: none;
    opacity: .3;
}

#promo_frame ul.img_wrap li.item.current {
    z-index: 2;
}

#promo_frame ul.img_wrap li.item.before {
    z-index: 3;
    opacity: 0;
}

#promo_frame ul.img_wrap li.item img {
    width: 100%;
    max-width: none;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
}

#promo_frame .promo_slider {
    width: 100%;
}

#promo_frame .slide_nav {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 9%;
    left: 0;
    z-index: 5;
}

#promo_frame .slide_nav li {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    width: 164px;
    height: 164px;
    max-width: 18vh;
    max-height: 18vh;
}

#promo_frame .slide_nav li a {
    width: 100%;
    height: 100%;
}

#promo_frame .slide_nav li span {
    width: 100%;
    height: 100%;
    transition: .3s;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.7);
}

#promo_frame .slide_nav li.current span, #promo_frame .slide_nav li:hover span {
    background: transparent;
}

#promo_frame .slide_nav li a:hover {
    opacity: 1;
}

#promo_frame .slide_nav li img {
    max-width: auto;
    max-height: 100%;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層ページ　＞　ヘッダー画像
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.page_promo {
    overflow: visible;
}

body:not(.search) .page_promo .sub_ttl {
    display: none;
}

.page_promo .slug {
    display: block;
    font-family: 'Crimson Text', serif;
    font-weight: bold;
    font-size: 7.0rem;
    text-transform: capitalize;
    letter-spacing: .05em;
}

body.page-barone .page_promo .slug,
body.page-krone .page_promo .slug,
body.page-shizen-ya .page_promo .slug{
    text-transform: uppercase;
}

.page_promo .ttl {
    font-size: 1.7rem;
    letter-spacing: .05em;
}

/* 固定ページにヘッダー画像が入れてある場合 */
.page_promo.aru .txt_box_wrap {
    align-items: flex-end;
    top: .5px;
}

.page_promo.aru .txt_box {
    padding: 45px 0;
    position: relative;
}

.page_promo.aru .txt_box::after {
    content: "";
    width: 63%;
    height: 120px;
    position: absolute;
    left: calc(50% - 31.5%);
    bottom: 0;
    background-color: #fff;
    z-index: 0;
}

.page_promo.aru .txt_box .inner {
    position: relative;
    z-index: 1;
}

.page_promo.aru .img_wrap {
    height: auto;
    text-align: center;
}

.page_promo.aru img {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    max-width: 100%;
    padding: 0 20px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
施工事例カテ・タグ一覧開閉
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 施工事例のアーカイブページ　＞　上部の検索ウィジェット */
.cmn_search_widget {
    margin-bottom: 50px;
}

dl.tax_search > dt {
    background-color: #f8f9fa;
    padding: 20px 45px 20px 55px;
    position: relative;
}

/* JSアコーディオン適用時に「toggle]クラスが付与される */
dl.tax_search > dt.toggle {
    cursor: pointer;
}

dl.tax_search > dt .arrow {
    float: right;
    font-size: 2.0rem;
    line-height: 1;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -.5em;
}

dl.tax_search > dt .arrow:before {
    font-family: "icomoon";
    content: '\e92d';
}

dl.tax_search > dt.open .arrow:before {
    font-family: "icomoon";
    content: '\e92c';
}

dl.tax_search > dt a {
    color: #151515;
}

dl.tax_search > dd {
    overflow: hidden;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
施工事例カテ・タグ一覧スタイル
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* スタイルから選ぶ */
.cmn_cat_wrap {
    margin-bottom: 20px;
}

.cmn_cat_wrap th {
    width: 210px;
}

.cmn_cat_wrap th span {
    display: inline-block;
    width: 180px;
    background-color: #000;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    padding: 19px 20px;
    position: relative;
}

.cmn_cat_wrap th span::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 0 30px 18px;
    border-color: transparent transparent transparent #000;
    position: absolute;
    right: -18px;
    top: 0;
}

.cmn_cat_wrap td {
    width: calc(100% - 210px);
}

.cmn_cat_wrap td ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.cmn_cat_wrap td ul li {
    flex-grow: 1;
}

.cmn_cat_wrap td ul li a {
    display: block;
    padding: 19px 15px;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    border-left: 2px solid #ddd;
    position: relative;
    color: inherit;
    text-decoration: none;
}

.cmn_cat_wrap td ul li:last-child a {
    border-right: 2px solid #ddd;
}

.cmn_cat_wrap td ul li a:hover {
    text-decoration: none;
}

.cmn_cat_wrap td ul li a::after {
    content: "";
    width: 80px;
    height: 2px;
    background-color: #ffd800;
    position: absolute;
    left: calc(50% - 40px);
    bottom: 10px;
    transition: .3s;
    opacity: 0;
}

/* 「海外視察」の「ALL」カテゴリー */
.cmn_cat_wrap td ul li a[href$="/overseas/"]::after {
    width: 40px;
    left: calc(50% - 20px);
}

.cmn_cat_wrap td ul li[class*="current"] a::after, .cmn_cat_wrap td ul li:hover a::after {
    opacity: 1;
}

/* タグから選ぶ */
.cmn_search_widget p.ttl {
    display: none;
}

ul.cmn_key_list {
    justify-content: center;
    background-color: #f1f1f1;
    padding: 15px;
}

ul.cmn_key_list li {
    margin: 0 3px;
}

ul.cmn_key_list li a {
    text-decoration: none;
    color: inherit;
    font-size: 1.6rem;
    font-weight: bold;
    padding: 3px 15px;
    border: 1px solid transparent;
    border-radius: 5px;
}

ul.cmn_key_list li:hover a,ul.cmn_key_list li[class*="current"] a {
    border-color: inherit;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿　イベント用 hiro_202301
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.cmn_event_list {
    margin: 0 -2.5px;
}

ul.cmn_event_list li {
    width: 100%;
    margin: 0 2.5px;
}

ul.cmn_event_list li .img_area {
    width: 40%;
    margin-bottom: 20px;
    max-width: 385px;
}

ul.cmn_event_list li p.img {
    padding-top: 55%;
}

body.home ul.cmn_event_list li p.noimage {
    background-size: auto 50%;
}

ul.cmn_event_list li .txt_area {
    width: 60%;
    background: #fff;
}

ul.cmn_event_list li h3.ttl a {
    text-decoration: none;
    color: inherit;
    font-size: 1.7rem;
    font-weight: bold;
}

/* アーカイブ用 */
ul.cmn_event_list.archive {
    margin: 0 -17.5px 10px;
}

ul.cmn_event_list.archive li {
    width: calc((100% - 105px) * .33333);
    margin: 0 17.5px 50px!important;
    display: block;
}
ul.cmn_event_list.archive li .img_area{
    width: 100%;
}

ul.cmn_event_list.archive li .area_a {
    width: 100%;
    margin-bottom: 15px;
}

ul.cmn_event_list.archive li .area_b {
    width: 100%;
}

ul.cmn_event_list.archive li .txt_area{
    width: 100%;
}

ul.cmn_event_list.archive li .more_btn{
    display: none;
}

/* カテ部分詳細と共通 */
body:not(.single) p.event_cat {
    margin-bottom: 10px;
}

p.event_cat span {
    background-color: #000;
    color: #fff;
    display: table;
    font-size: 1.3rem;
    font-weight: bold;
    padding: 5px 20px;
    min-width: 115px;
    text-align: center;
    position: relative;
}

p.event_cat span::after {
    position: absolute;
    top: 0;
    right: -80px;
    width: 70px;
    padding: 5px;
}

.entry p.event_cat span::after {
    content: "受付中";
    background-color: #ede000;
    color: #151515;
}

.fin p.event_cat span::after {
    content: "終了";
    background-color: #9e9e9e;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿　施工事例用 hiro_202301
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.cmn_works_list {
    margin: 0 -55px 10px;
}

ul.cmn_works_list li {
    width: calc(33.3333% - 110px);
    margin: 0 55px 60px!important;
}

ul.cmn_works_list li:hover {
    opacity: 1;
}

ul.cmn_works_list .area_a {
    margin-bottom: 15px;
}

ul.cmn_works_list p.img {
    padding-top: 70%;
    position: relative;
}

ul.cmn_works_list p.img::before, ul.cmn_works_list p.img::after {
    opacity: 0;
}

ul.cmn_works_list p.img::before, ul.cmn_works_list p.img::after, ul.cmn_works_list li.zoom_container .img_container img {
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

ul.cmn_works_list p.img::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

ul.cmn_works_list p.img::after {
    content: "MORE";
    width: 130px;
    border-radius: 5px;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    font-family: 'EB Garamond', serif;
    font-weight: normal;
    transform: translate(-50%, -50%);
}

ul.cmn_works_list li:hover p.img::before,ul.cmn_works_list li:hover p.img::after {
    opacity: 1;
}

ul.cmn_works_list p.img .arrow::before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    right: calc(50% - 34px);
    top: calc(50% - 3px);
    transform: rotate(45deg);
    z-index: 2;
    opacity: 0;
}

ul.cmn_works_list li:hover p.img .arrow::before {
    opacity: 1;
}

ul.cmn_works_list h3.ttl{
    margin-bottom: 10px;
}

ul.cmn_works_list h3.ttl a {
    color: inherit;
    text-decoration: none;
    font-size: 1.8rem;
    color: #fff;
}

ul.cmn_works_list .inner {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.2rem;
    display: block;
}

ul.cmn_works_list .cat {
    color: #fff;
    background: #a18a51;
    min-width: 72px;
    padding: 0 10px;
    text-align: center;
    display: inline;
    padding-bottom: 3px;
}

ul.cmn_works_list p.place {
    font-size: 1.5rem;
    color: #999999;
    margin-left: 11px;
    display: inline;
}

ul.cmn_works_list p.detail_txt {
    color: #999;
    font-size: 1.3rem;
    line-height: 1.4;
    margin-top: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/* トップページのみ先頭大 */
/*body.home ul.cmn_works_list li:nth-child(1) {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-color: #fff;
}

body.home ul.cmn_works_list li:nth-child(1) > div {
    width: 50%;
}

body.home ul.cmn_works_list li:nth-child(1) .area_a {
    margin-bottom: 0;
}

body.home ul.cmn_works_list li:nth-child(1) .area_b {
    padding: 50px 50px 50px 9%;
}

body.home ul.cmn_works_list li:nth-child(1) h3.ttl a {
    font-size: 2.4rem;
}*/

/* アーカイブ */
body:not(.home) ul.cmn_works_list{
    margin:0 -20px 10px;
}

body:not(.home) ul.cmn_works_list li {
    width: calc((100% - 120px) * .333333);
    margin: 0 20px 35px!important;
}

body:not(.home)  ul.cmn_works_list h3.ttl a{
    font-weight: bold;
    color: #151515;
}

body:not(.home)  ul.cmn_works_list p.place{
    color: #151515;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
施工事例アーカイブ　＞　ギャラリー形式（メイソンリーJSと連携してタイル状に敷き詰める）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.cmn_works_list2 > li {
    width: 25%;
    padding: 2px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿　施工事例用　＞　詳細ページ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
:is(.single-works,.single-overseas) p.cat a {
    display: table;
    margin: 0 auto;
    border: 1px solid;
    font-size: 1.6rem;
    font-weight: bold;
    padding: 3px 10px;
    min-width: 160px;
    text-align: center;
    line-height: 1.3;
    color: inherit;
    text-decoration: none;
}
:is(.single-works,.single-overseas) p.cat a:nth-of-type(n+2) {
    display:none;
}

:is(.single-works,.single-overseas) p.cat a:hover {
    background-color: #000;
    color: #fff;
    text-decoration: none;
}

:is(.single-works,.single-overseas) #main_area .article_title.plain_type h1 {
    padding: 20px 0 20px;
    margin-bottom: 50px;
    font-size: 2.4rem;
    text-align: center;
}

:is(.single-works,.single-overseas) #main_area .article_title.plain_type h1 .works_place {
    font-size: 1.7rem;
    font-weight: normal;
    display: block;
    margin-top: .75em;
}

:is(.single-works,.single-overseas) .gallery_area {
    text-align: center;
}

:is(.single-works,.single-overseas) .gallery_area .img_wrap {
    margin-bottom: 2em;
}

:is(.single-works,.single-overseas) .gallery_area .img_wrap img {
    max-width: 600px;
}

:is(.single-works,.single-overseas) .gallery_area .img_wrap p.caption{
    max-width: 600px;
    margin: 1em auto 2em;
    text-align: left;
}

:is(.single-works,.single-overseas) .detail_txt {
    width: 800px;
    margin: 0 auto 2em;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿　お客様の声用
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.cmn_voice_list {
    margin: 0 -20px 10px;
}

ul.cmn_voice_list li {
    width: calc((100% - 120px) * .333333);
    margin: 0 20px 35px;
}

ul.cmn_voice_list li:hover {
    opacity: 1;
}

ul.cmn_voice_list .area_a {
    margin-bottom: 15px;
}

ul.cmn_voice_list p.img {
    padding-top: 73%;
    position: relative;
}

ul.cmn_voice_list p.img::before, ul.cmn_voice_list p.img::after {
    opacity: 0;
}

ul.cmn_voice_list p.img::before, ul.cmn_voice_list p.img::after, ul.cmn_voice_list li.zoom_container .img_container img {
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

ul.cmn_voice_list p.img::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.5);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

ul.cmn_voice_list p.img::after {
    content: "MORE";
    width: 130px;
    height: 40px;
    background: #000;
    border-radius: 5px;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-family: 'Crimson Text', serif;
    font-size: 1.5rem;
    font-weight: bold;
    position: absolute;
    left: calc(50% - 65px);
    top: calc(50% - 20px);
    z-index: 1;
}

ul.cmn_voice_list li:hover p.img::before,ul.cmn_voice_list li:hover p.img::after {
    opacity: 1;
}

ul.cmn_voice_list h3.ttl a {
    color: inherit;
    text-decoration: none;
    font-size: 1.8rem;
    font-weight: bold;
}

ul.cmn_voice_list p.name {
    font-size: 1.5rem;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿　お客様の声用　＞　詳細ページ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.single-voice .ttl_wrap{
    padding: 50px;
    background-color: #f5f5f5;
    align-items:center;
    margin-bottom:150px;
}

.single-voice .ttl_wrap .area_a{
    width:42%;
}

.single-voice .ttl_wrap .area_a p.img{
    padding-top: 100%;
}

.single-voice .ttl_wrap .area_b{
    margin-left:10%;
    flex:1;
}

.single-voice .ttl_wrap .area_b h1{
    font-size:2.8rem;
    font-weight:bold;
    margin-bottom:.5em;
}

.single-voice .ttl_wrap .area_b p.name{
    font-weight:bold;
}

.single-voice .comment_box{
    margin-top: 90px;
    padding: 50px;
    border: 1px solid #ddd;
}

.single-voice .comment_box h2{
    font-weight: bold;
    font-size: 2.8rem;
    margin-bottom: 1em;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿　ブログ hiro_202301
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.cmn_post_list {
    margin: -1px -35px 40px;
}

ul.cmn_post_list li {
    /* width: calc(33.3333% - 70px); */
    margin: 0 35px;
    box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);
}
.pc ul.cmn_post_list li {
    width: calc(33.3333% - 70px)!important;
}

ul.cmn_post_list li .area_a {
}

ul.cmn_post_list li p.img {
    padding-top: 69%;
}

ul.cmn_post_list li p.meta {
    margin-bottom: .5em;
    align-items: center;
    position: absolute;
    bottom: 10px;
    left: 20px;
}

ul.cmn_post_list li .area_b {
    background: #fff;
    padding: 13px 20px 92px;
    position: relative;
    min-height: 150px;
}

ul.cmn_post_list li p.meta .date {
    font-family: 'Poppins', sans-serif;
    color: #999999;
    font-size: 1.4rem;
    font-family: 'Noto Sans JP', sans-serif;
}

ul.cmn_post_list li p.meta .cat {
    display: inline-block;
    font-size: 1.2rem;
    padding: 3px 20px;
    line-height: 1.4;
    color: #a18a51;
    margin-right: 15px;
}

ul.cmn_post_list li h3.ttl {
}

ul.cmn_post_list li h3.ttl a {
    font-size: 1.6rem;
    color: inherit;
    text-decoration: none;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: bold;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　一言コメント
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.tweet_area {
    /* display: none; */
}

.tweet_area .f_wrap {
    align-items: center;
}

.tweet_area .icon {
    width: 200px;
    color: #b5974d;
    font-weight: normal;
    font-size: 2.7rem;
    font-family: 'Noto Serif JP', serif;
}

.tweet_area ul.items {
    width: calc(100% - 300px);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　イベント hiro_202301
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_event {
    background: #f6f6f6;
   }

#home_event.kugiri_m {
    padding-top: 95px;
    padding-bottom: 95px;
}

#home_event .base_width {
    min-width: 1360px;
}

#home_event .inner{
    position: relative;
}

#home_event .inner::after {
    position: absolute;
    content: "";
    background: url("./images/202301/img_card.png")no-repeat 50% / contain;
    width: 123px;
    height: 190px;
    bottom: 10px;
    left: 0;
}


#home_event .ttl_wrap {
    width: 200px;
    margin-right: 100px;
}

#home_event .ttl_wrap h2.ttl {
    margin-bottom: 50px;
}

#home_event .list_wrap {
    width: calc(100% - 200px - 100px);
}

#home_event .list_wrap ul.top {margin-bottom: -30px;}

#home_event .list_wrap ul.top li {
    margin-bottom: 30px;
}

#home_event .list_wrap ul.top li .img_area {
    margin: 0;
}

#home_event .list_wrap ul.top li .img_area p.img {
    padding-top: 53%;
}

#home_event .list_wrap ul.top li .txt_area {
    padding: 35px 24px;
    width: 54%;
    position: relative;
    box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);
}

#home_event .list_wrap ul.top li .txt_area .event_cat {
    margin-bottom: 13px;
}

#home_event .list_wrap ul.top li .txt_area .event_cat .cat {
    padding: 8px 20px;
    font-size: 1.4rem;
    font-family: 'Noto Sans JP', sans-serif;
    background: #a18a51;
    color: #fff;
}

#home_event .list_wrap ul.top li .txt_area .event_cat .cat::after {
    padding: 8px;
}

#home_event .list_wrap ul.top li .txt_area h3.ttl {
}

#home_event .list_wrap ul.top li .txt_area h3.ttl a {
    font-size: 1.8rem;
    font-family: 'Noto Sans JP', sans-serif;
}

#home_event .list_wrap ul.top li .txt_area p.more_btn {
    text-align: right;
    color: #a18a51;
    position: absolute;
    bottom: 23px;
    right: 44px;
    font-family: 'EB Garamond', serif;
}

#home_event .list_wrap ul.top li .txt_area p.more_btn span{
    position: relative;
}

#home_event .list_wrap ul.top li .txt_area p.more_btn span::after {
    content: '';
    width: 6px;
    height: 6px;
    border-top: solid 1px #a18a51;
    border-right: solid 1px #a18a51;
    position: absolute;
    right: -18px;
    top: calc(50% - 3px);
    transform: rotate(45deg);
}

#home_event .list_wrap ul.top li .txt_area p.more_btn a {
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　works hiro_202301
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
section#home_greenwall_bnr {
    padding-top:0px;
    margin-bottom: 30px;
}

#home_works {
    position: relative;
    padding-top: 70px;
    padding-bottom: 135px;
    background: #000000;
}

#home_works .base_width{
    width: 1300px;
}

#home_works h2.ttl{
    text-align: center;
    margin-bottom: 74px;
}

#home_works h2.ttl .ja{
    color: #fff;
    margin: 0 auto;
}

#home_works p.btn {
    /*position: absolute;
    top: 80px;
    right: calc(50% - 652px);*/
	display: flex;
    justify-content: center;
}
@media (min-width: 751px) and (max-width: 1400px) {

    #home_works p.btn {
        right: calc(50% - 452px);
    }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　家も家族の一員
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_house.kugiri_m {
    padding-top: 130px;
    padding-bottom: 280px;
}

#home_house .inner {
    padding-right: 40%;
    position: relative;
}

#home_house h2 {
    font-size: 6.6rem;
    font-family: 'Crimson Text', serif;
    font-weight: bold;
    margin-bottom: 80px;
    position: relative;
    z-index: 1;
}

#home_house h3 {
    font-size: 4.8rem;
    letter-spacing: .2em;
    margin-bottom: 50px;
    padding-right: 160px;
}

#home_house h3 .wood {
    color: #907042;
}

#home_house p.img {
    width: 1180px;
    height: 903px;
    position: absolute;
    background: no-repeat 50% 50%;
    top: -50px;
    left: 580px;
    z-index: 0;
}

#home_house p.main_txt {
    margin-bottom: 50px;
    /* padding-right: 160px; */
    width: 560px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　6つのスタイル
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_ordermade {
    height: 760px;
    background: no-repeat 50% 50%;
    position: relative;
    overflow: hidden;
}

#home_ordermade::before,#home_ordermade::after {
    content: "";
    width: 2000px;
    height: 200px;
    background-color: #fff;
    position: absolute;
    top: -12px;
    z-index: 1;
}

#home_ordermade::before {
    left: calc(50% - 80px);
    transform: rotate(11.9deg);
}

#home_ordermade::after {
    left: calc(50% - 1920px);
    transform: rotate(-11.9deg);
}

#home_ordermade .kugiri_m {
    padding-top: 145px;
    height: 100%;
}

#home_ordermade .kugiri_m:hover {
    opacity: 1;
}

#home_ordermade .pc_base_width {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: 100%;
}

#home_ordermade .inner_box {
    background: #f7d100;
    width: 490px;
    text-align: center;
    padding: 60px 60px 40px;
    position: relative;
}

#home_ordermade .inner_box::before {
    content: "";
    width: 233.5px;
    height: 86px;
    background: no-repeat 50% 50%/contain;
    position: absolute;
    left: calc(50% - 116.75px);
    top: -40px;
}

#home_ordermade.lazyloaded .inner_box::before {
    background-image: url(images/style.png);
}

#home_ordermade h2 {
    font-size: 2.8rem;
    font-weight: bold;
    margin-bottom: 20px;
}

#home_ordermade h2 .small {
    font-size: 1.8rem;
    display: table;
    margin: 0 auto;
    background: linear-gradient(transparent 80%, #fff 0%);
}

#home_ordermade h2 .big {
    font-size: 4.8rem;
}

#home_ordermade p.btn a {
    border-color: #000;
    background: #000;
    color: #fff;
}

#home_ordermade .kugiri_m:hover p.btn a {
    border: 2px solid;
    background: #fff;
    color: inherit;
}

#home_ordermade .kugiri_m:hover p.btn a::after, #home_ordermade .kugiri_m p.btn a:hover::after {
    right: 5px;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　blog hiro_202301
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#home_blog {
    padding-top: 98px;
    padding-bottom: 124px;
    background: repeat 0 0;
    position: relative;
    z-index: 0;
}

#home_blog::after {
    position: absolute;
    content: "";
    background: #f6f6f6;
    width: 1440px;
    height: 400px;
    bottom: 0;
    left: 0;
    z-index: -1;
}

#home_blog p.btn {
    text-align: center;
}

#home_blog .base_width {
    width: 1360px;
}

#home_blog .inner {
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(2, 169px);
    grid-template-columns: 300px 1fr;
	grid-template-areas:
        "a b"
        "c b";	
}

#home_blog::before {
	content:'';
	position: absolute;
	bottom: 0;
	right: calc(50% + 400px);
	width: 1000px;
	height: 500px;
	z-index: 2;
	background: repeating-linear-gradient(0deg,#f6f6f6,#f6f6f6 400px,#fff 400px,#fff 100%);
}

#home_blog .inner .swiper-container {
    grid-area: b;
}

#home_blog .inner .swiper-container .f_wrap {
    flex-wrap: nowrap;
}

#home_blog .inner h2 {
    padding-top: 34px;
    margin-bottom: 23px;
	z-index: 2;
}

#home_blog .inner .cmn_btn {
	z-index: 2;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　STAFF　※お客様希望で非表示
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_staff {
    padding-top: 75px;
    padding-bottom: 95px;
	display: none;
}

#home_staff .bnr a {
    width: 1200px;
    height: 330px;
    background: url(images/staff_bg.jpg) no-repeat 50% 50%/cover;
    text-decoration: none;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding: 30px 50px 15px;
    position: relative;
}

#home_staff .bnr a::after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.4);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: .3s;
}

#home_staff .bnr a:hover::after {
    opacity: 1;
}

#home_staff .bnr a .wrap {
    border-top: 1px solid;
    border-bottom: 1px solid;
    padding: 15px 10px 10px;
    position: relative;
    z-index: 1;
}

#home_staff .bnr a img {
    display: block;
    margin-bottom: 15px;
}

#home_staff .bnr a img:hover {
    opacity: 1;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　SNS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_sns {
    position: relative;
}

#home_sns .img_wrap > div {
    height: 270px;
    background: repeat-x 50% 50%/cover;
}

#home_sns .img_wrap .ue {
    background-image: url(images/insta_bg1.jpg);
    animation: bg-slider 80s linear infinite;
}

#home_sns .img_wrap .shita {
    background-image: url(images/insta_bg2.jpg);
    animation: bg-slider2 80s linear infinite;
}

/* スライドアニメーション */
@keyframes bg-slider {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 1920px 0;
    }
}

@keyframes bg-slider2 {
    from {
        background-position: 0 0;
    }

    to {
        background-position: -1920px 0;
    }
}

#home_sns p.insta {
    background-color: #fff;
    border-radius: 5px;
    position: absolute;
    top: calc(50% - 120px);
    left: calc(50% - 120px);
}

#home_sns p.insta a {
    display: block;
    padding: 20px;
}

#home_sns p.insta a:hover {
    opacity: .7;
}

#home_sns p.insta a:hover img {
    opacity: 1;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
コンタクトエリア hiro_202301
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#contact_area {
    background: url("./images/202301/contact.jpg") no-repeat 50% / cover;
    font-family: 'Noto Serif JP', serif;
    border-bottom: 1px solid #a18a51;
}

#contact_area .kugiri_m {
    padding-top: 100px;
    padding-bottom: 100px;
}

#contact_area .base_width {
    width: 1360px;
    margin: 0 auto;
}

#contact_area .inner {
    background: rgba(255 , 255 , 255 , .9);
    text-align: center;
    padding: 66px 0 75px;
}

#contact_area h2.ttl {
    margin-bottom: 24px;
}

#contact_area h2.ttl .en {
    font-size: 4.8rem;
    margin-bottom: 5px;
}

#contact_area h2.ttl .ja {
    font-size: 2.4rem;
    margin: 0 auto;
}

#contact_area p.main_lead {
    font-size: 1.6rem;
}

#contact_area p.tel {
    margin-bottom: 5px;
}

#contact_area p.tel a {
    font-family: 'EB Garamond', serif;
    font-size: 6.0rem;
    letter-spacing: .1em;
    position: relative;
    padding-left: 35px;
}

#contact_area p.tel a::before {
    background: url("./images/202301/icn_tel.svg") no-repeat 50% / contain;
    width: 20px;
    height: 20px;
    content: '';
    position: absolute;
    top: 40px;
    left: 10px;
}

#contact_area ul.items {
    justify-content: center;
    max-width: 870px;
    margin: 0 auto;
}

#contact_area ul.items li {
    width: calc(33.3333% - 10px);
    margin: 0 5px;
}

#contact_area ul.items li a {
    font-size: 1.6rem;
    color: #fff;
    display: block;
    padding: 27px 50px;
    position: relative;
    font-family: 'Noto Sans JP', sans-serif;

}

#contact_area ul.items li.contact a {
    background-color: #a18a51;
}

#contact_area ul.items li.line a {
    background-color: #00b900;
}

#contact_area ul.items li.form a {
    background-color: #953f3f;
    padding: 27px 63px;
}

#contact_area ul.items li a::before {
    content: '';
    position: absolute;
    background: no-repeat 50% / contain;
    left: 24px;
}

#contact_area ul.items li.contact a::before {
    background-image: url("./images/202301/icn_mail.svg");
    width: 20px;
    height: 16px;
    top: calc(50% - 8px);
}

#contact_area ul.items li.line a::before {
    background-image: url("./images/202301/icn_line.svg");
    width: 32px;
    height: 32px;
    top: calc(50% - 16px);
}

#contact_area ul.items li.form a::before {
    background-image: url("./images/202301/icn_chat.svg");
    width: 24px;
    height: 24px;
    top: calc(50% - 12px);
    left: 36px;
}

#contact_area ul.items li a:hover {
    opacity: .7;
	text-decoration: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター(ナビ) hiro_202301
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#f_navi_wrap .navi_a .com_area {
    width: 325px;
    padding-top: 10px;
}

div#f_navi_wrap .navi_a .com_area h2 {
    margin-bottom: 20px;
}

div#f_navi_wrap .navi_a .com_area p.addr {
    font-size: 1.6rem;
    color: #fff;
    margin-bottom: 28px;
}

div#f_navi_wrap .navi_a .com_area p.btn {
    text-align: center;
    margin-bottom: 15px;
}

div#f_navi_wrap .navi_a .com_area p.btn a {
    font-size: 1.6rem;
    min-width: 220px;
    padding: 13px 45px;
}

div#f_navi_wrap .navi_a .com_area p.btn a:hover {
    opacity: .8;
}