@charset "UTF-8";

/* 相談会3ページ：後読み旧フォームCSSの最終無効化 */
#page.consultation-page .consultation-page__hero{position:static;inset:auto;width:100%;padding:0}
#page.consultation-page .consultation-form .mailform .cf{
	display:grid;
	grid-template-columns:220px minmax(0,1fr);
	gap:16px 48px;
	align-items:center;
	width:100%;
	margin:0;
	padding:20px 0;
	border:0;
	background:transparent;
}
#page.consultation-page .consultation-form .mailform .cf::before,
#page.consultation-page .consultation-form .mailform .cf::after{display:none!important;content:none!important}
#page.consultation-page .consultation-form .mailform .title,
#page.consultation-page .consultation-form .mailform .text,
#page.consultation-page .consultation-form .mailform .radio,
#page.consultation-page .consultation-form .mailform .cf>p{
	display:block;
	float:none;
	width:auto;
	min-width:0;
	max-width:none;
	margin:0!important;
	padding:0;
	background:transparent;
}
#page.consultation-page .consultation-form .mailform input[type=date],
#page.consultation-page .consultation-form .mailform input[type=text],
#page.consultation-page .consultation-form .mailform input[type=email],
#page.consultation-page .consultation-form .mailform input[type=tel],
#page.consultation-page .consultation-form .mailform select,
#page.consultation-page .consultation-form .mailform textarea{width:100%;max-width:none;border-color:#d5d5d5;background:#fff}
#page.consultation-page .consultation-form .wpcf7-list-item{margin:0 20px 0 0;padding:0;border:0;background:transparent}
/* ページ共通 */

/* フキダシ */
.w_b_box{
	max-width: 800px!important;
	font-size: 16px!important;
}



#page h1{
	color: #574D43;
font-size: 28px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 42px */
	letter-spacing: 0.2em;
	padding: 0 0 0.75em;
}

#page .search-archive .sec .inner h1{
	padding:0 0 15px 0;
}

#page .single h1{
	padding:20px 0;
	margin:0;
	font-size:27px;
}

#page .page-contents h1{
	font-size:30px;
	text-align: left;
	padding:15px 0 0 0;
	margin:0;
}

#page h2{
	font-size:16px;
	text-align: center;
	padding:60px 0 50px 0;
	line-height: 32px;
}

#page .search-archive .sec .inner h2{
	padding:0 0 20px 0;
}

#page h2 span{
	font-size:43px;
	font-weight: 500;
	font-family: 'Walter Turncoat', cursive;
}

#page .single h2{
	font-size:20px!important;
	line-height: 34px;
	margin-bottom:20px;
	font-weight: 500;
	padding:20px 0;
}

#page .single h2 span{
	font-size:35px;
	font-weight: 500;
	font-family: 'Walter Turncoat', cursive;
}

#page h3{
	font-size:25px;
	line-height: 34px;
	margin-bottom:20px;
	font-weight: 500;
}




/* 装飾 */
.img-txt-left{
	overflow: hidden;
	margin: 0 0 20px 0;
}
.img-txt-left-img{
	float: left;
	width: 47%;
	display: inline-block;
	margin-right: 10px;
}
.img-txt-left-img img{
	width: 100%;
	max-width: auto;
	height: auto;
}
.blog-archive .img-txt-left-img img{
	max-width: 220px;
}
.img-txt-left-txt{
	float: right;
	display: inline-block;
	width: 50%;
	margin-bottom: 25px;
  color: #574d43;	
  letter-spacing: 0.04em;
	line-height: 30px;
}
#page .img-txt-left-txt p{
	width: 100%;
	margin: 0 auto 20px;		
}
#page .page-single .img-txt-left-txt p {
    margin-bottom: 20px;
}
.img-txt-left:after{
	clear: both!important;
    content:""!important;
    display:table!important;
}





/* ボタンリンク */
.btnlink a{
	background: #FB8C00;
	line-height: 140%;
	padding:1rem;/*ボタン余白*/
	display: block;
	text-align: center;
	font-weight: 600;
	border-radius: 30px;
	position: relative;
	color: #fff!important;
	text-decoration: none!important;
	 border-bottom:solid 3px rgba(0,0,0,.25);
	 border-radius:5px;
}
.btnlink a:after{
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 1rem;
    line-height: 0;
    content: "\f0a9";
   font-family: "Font Awesome 5 Free";
    color: #fff!important;
    font-size: 1.5rem;
}
.btnlink a:hover{ opacity: 0.8; }

.btnlink a{
	max-width: 440px;
	min-width: 440px;
	margin: auto;
}


/* ===================================================================
　目次
==================================================================== */
#ez-toc-container{
	margin: var(--ez-toc-margin, 20px auto 50px)!important;
	padding: var(--ez-toc-padding, 15px)!important;
	width: var(--ez-toc-width, 91%)!important;
	max-width: var(--ez-toc-max-width, 800px)!important;
	font-size: var(--ez-toc-font-size, 16px)!important;
}
.ez-toc-title-container {
	margin: 0 0 10px 0;
}
div#ez-toc-container ul li {
  margin: 0 0 15px 0;
}
div#ez-toc-container ul li ul li {
  margin: 0 0 0 0;
	border-bottom: 0;
}
div#toc_container ul li ul li:before,
div#ez-toc-container ul li ul li:before{
  content: '';
  display: inline-block;
	vertical-align: middle;
  width: 10px;
  height: 1px;
	margin-right: 8px;
}

/*折りたたみ、もっと見る設定*/
div#ez-toc-container nav {
	overflow: hidden;
	transition: max-height 0.5s ease;
	max-height: 120px; /* 初期の高さ。適宜調整 */
}
div#ez-toc-container.expanded nav {
	max-height: 1000px; /* 十分に大きい高さに設定 */
}
div#ez-toc-container .show-more {
	display: block;
    cursor: pointer;
    margin: 30px auto 10px auto;
    padding: 10px 20px;
    border-radius: 50px;
    border: 1px solid #aaa;
    box-shadow: 0 0 0 1px #bbb;
    width: fit-content;
}


/* ===================================================================
　フキダシ
==================================================================== */
.w_b_box{
	max-width: 800px!important;
	font-size: 15px!important;
}





/* ===================================================================
　内部リンク（ブログカード）
==================================================================== */
.blog-card {
  background: rgba(251, 140, 0, 0.02);
  border: 1px solid #fb8c00;
  word-wrap: break-word;
  max-width: 100%;
  border-radius: 5px;
  margin: 15px 10px 15px 10px;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .2);
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.blog-card:hover {
  cursor: pointer;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .2);
  -moz-transform: translateY(-2px);
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}
.blog-card:before {
  font-family: "Font Awesome 5 Free";
  position: absolute;
  padding: 2px 6px;
  content: "\f044  詳細を見る";
  background-color: #fb8c00;
  color: #fff;
  font-size: 0.8rem;
  z-index: 1;
}
.blog-card a {
  text-decoration: none;
}
.blog-card-thumbnail {
  width: 220px;
  display: table-cell;
  vertical-align: middle;
  padding: 15px 0 15px 15px;
}
.blog-card-thumbnail img {
  padding: 0;
}
.blog-card-content {
  display: table-cell;
  vertical-align: middle;
	padding: 0 15px 0 15px;
}
.blog-card-title {
  font-size: 1rem;
  margin: 5px 10px 5px 0px;
  font-weight: 600;
  line-height: 1.4;
}
.blog-card-title:hover {
  text-decoration: underline;
}
.blog-card-excerpt {
  font-size: 0.74rem;
  color: #4c4c4c;
  margin: 0 10px 5px 0;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
}



#page .underline-red{
	font-size:25px;
	line-height: 34px;
	margin-bottom:20px;
	font-weight: 500;
	position: relative;
	margin-bottom:45px;
}

#page .underline-red:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -15px;
  width: 100%;
  height: 7px;
  background: -webkit-repeating-linear-gradient(-45deg, #B31815, #B31815 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #B31815, #B31815 2px, #fff 2px, #fff 4px);
}

#page h4{
	font-size:22px;
	line-height: 28px;
	margin-bottom:20px;
	font-weight: 500;
}

#page h5{
	font-size:18px;
	line-height: 28px;
	margin-bottom:10px;
	font-weight: 500;
}

#page table{
	border-left:1px solid #000;
	border-top:1px solid #000;
	border-collapse: collapse;
	border-spacing: 0;
	margin:30px 0;
	width:100%;
}


#page th{
	text-align: left;
	font-weight: normal;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	padding:12px;
}

#page td{
	text-align: left;
	font-weight: normal;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	padding:12px;
}

#page table a{
	color:#044DCA;
	text-decoration: underline;
}





#page table.seinoutable th,
#page table.seinoutable td.kyoutyou {
	font-weight: bold;
	font-size: 1.2em;
}
#page table.seinoutable th,
#page table.seinoutable td{
	line-height: 120%;
}
#page table.seinoutable td,
#page table.seinoutable thead th{
	text-align: center;
}
#page table.seinoutable span{
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1;
}
#page tr.seinouopus{
	background: #B31815;
}
#page tr.seinouopus td{
	color: #fff;
}





#page .woodbg{
	background:url("../images/common/woodbg.jpg");
	background-size:100%;
	padding:40px 0;
	margin-bottom:40px;
}

#page .naturalbg{
	background:url("../images/common/naturalbg.png");
	padding:40px 0;
	margin-bottom:40px;
}

#page .page-single p{
	margin-bottom:30px;
}

#page .contact h2{
	width:310px;
	margin:0 auto 20px auto;
}

#page .contact .lead{
	font-size:20px;
	text-align: center;
}

#page .contact .tel{
	font-size:16px;
	text-align: center;
	margin-bottom:40px;
	margin-top:15px;
}


#page .contact .tel span{
	font-size:40px;
}

#page .contact h3{
	margin:15px 0 15px 0;
}

#page .contact li{
	padding:30px 0;
	list-style-type: disc;
	line-height: 2;
}

#page .contact li p{
	text-align: left;
	padding:0 20px;
}


#page .privacy-policy-page h3{
	font-size:18px;
	line-height: 165%;
	margin-bottom:20px;
  padding-top: 10px;
}
.privacy-doui{
	font-size: 0.87em;
}
.contact .privacy-doui,
.event-single .privacy-doui{
	margin-top: 2px;	
}
.privacy-doui a{
	text-decoration: underline;
}


#page .pad30{
	padding:30px;
}

#page .mb15{
	margin-bottom:15px;
}

#page .bluebg{
	background: #DFE6E8;
}


/*-----------------------
Youtube アーカイブ
--------------------------*/

#page .youtube-archive  .top-new-content .ico-new {
    position: absolute;
    left: 4%;
	top: -51px;
}
#page .youtube-archive  .top-new-content{
	position: relative;
}
#page .youtube-archive  .top-new-content .thumb img{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
}
#page .youtube-archive  .top-new-content .txt{
	width: calc(1160px/2 - 15px);
}
#page .youtube-archive  .top-new-content .thumb::before{
	padding-top: 56.25%;
	display: block;
	content: '';
}
#page .youtube-archive  .top-new-content .thumb{
	position: relative;
	width: calc(1160px/2 - 15px);
	margin-right: 30px;
}
#page .youtube-archive  ul li .thumb img{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: auto;
}
#page .youtube-archive  ul li .thumb::before{
	padding-top: 56.25%;
	display: block;
	content: '';
}
#page .youtube-archive  ul li .thumb{
	position: relative;
	width: 100%;
	margin-right: 30px;
}
#page .youtube-archive  .top-new-content div.flex{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
}
#page .youtube-archive  li:nth-child(3n) {
	margin-right: 0;
}
#page .youtube-archive  .inner h3{
	clear: both;
    font-size: 24px;
    letter-spacing: 2.56px;
    line-height: 34px;
    margin: 60px 0 40px 0;
    text-align: center;
    padding: 0.5em;
    border-bottom: solid 2px #B31815;
}
#page .youtube-archive  .inner {
	max-width: 1200px;
	margin: auto;
	width: 1200px;
}
#page .youtube-archive  li {
    display: inline-block;
    width: 360px;
    margin: 0 30px 30px 0;
    vertical-align: top;
}
#page .youtube-archive  li .thumb img {
    width: 300px;
    height: 300px;
    object-fit: cover;
}

#page .youtube-archive  .txt .date{
	color: #89898c!important;
	margin-bottom: 20px;
	font-size: 15px;
}


#page .youtube-archive  .more:after {
    display: block;
    content: '';
    background-color: #fff;
    position: absolute;
    width: 15px;
    height: 2px;
    top: 50%;
    right: 27px;
    transform: translate(-50%, -50%);
    float: right;
}
#page .youtube-archive  .more:before {
    width: 2px;
    height: 15px;
    right: 40px;
	display: block;
    content: '';
    background-color: #fff;
    position: absolute;
    top: 35%;
    float: right;

}
#page .youtube-archive  .more.minus {
	color: #B31815;
}
#page .youtube-archive  .more.minus:before {
	content: '閉じる';
    cursor: pointer;
    text-align: center;
    position: absolute;
    width: 200px;
    top: 0;
    left: 0;
    background-color: #B31815;
    color: #fff;
    padding: 12px 30px 12px 0;
}

#page .youtube-archive  .more dl dt.selected span:after {
	margin: 3px 0 0 .5em;
	transform: rotate(225deg);
	transition: 0.2s;
}


#page .youtube-archive  .more{
	cursor: pointer;
    text-align: center;
    width: 200px;
    background-color: #B31815;
    margin: 20px auto 50px auto;
    color: #fff;
    padding:  12px 30px 12px 0;
	position: relative;
}



/*開閉ボックス*/



#page .youtube-archive .step {
    padding: 0;
    margin: 30px auto;
    width: 100%;
    height: auto;
	padding-bottom: 0;
	border: none;
}


#page .youtube-archive .ico-new{
	position: absolute;
    left: -24px;
    top: -25px;
    width: 70px;
    height: 55px;
    line-height: 48px;
    border-radius: 50%;
    margin: 0 auto 40px;
    padding: 5px;
    background: #FFFF66;
    text-align: center;
    font-weight: bold;
    color: #000;
    z-index: 1;
}
.ico-new::after {
    content: '';
    border: 8px solid transparent;
    border-top-color: #FFFF66;
    position: absolute;
    bottom: -14px;
    left: 50%;
    margin-left: -8px;
}

#page .youtube-archive .step .number {
    position: relative;
    margin: 0 30px 0 0;
}

#page .youtube-archive .step .number::after {
    content: "";
    height: 30px;
    width: 1px;
    background: #999;
    position: absolute;
    right: -18px;
    top: 40%;
    margin-top: -11px;
}




#page .youtube-archive .qaBox{
	position: relative;
}
#page .youtube-archive .anwBox {
    padding: 10px;
    display: none;
	background: #fff;
}
#page .youtube-archive .qTxt{
	position: relative;
	cursor: pointer;
}

#page .youtube-archive .amb{
	background-color: #e8e7e6;

}


page .youtube-archive h4.qTxt:before, h4.qTxt:after {
    display: block;
    content: '';
    background-color: #fff;
    position: absolute;
    width: 15px;
    height: 2px;
    top: 50%;
    right: 27px;
    transform: translate(-50%, -50%);
    float: right;
}
page .youtube-archive h4.qTxt:before {
    width: 2px;
    height: 15px;
    right: 40px;
}
page .youtube-archive h3.minus:before {
	content: none;
}

page .youtube-archive dl dt.selected span:after {
	margin: 3px 0 0 .5em;
	transform: rotate(225deg);
	transition: 0.2s;
}
#page .youtube-archive .anwBox.last:after{
	content: none!important;
}




#page .youtube-archive .youtube iframe{
	height: 200px;
}
#page .youtube-archive h3{
	font-size: 15px;
}
#page .voicy_list{
	padding-bottom: 30px;
}
#page .voicy_title {
	font-weight: 600;
	float: left;
	line-height: 40px;
}
#page .voicy .inner{
	width: 70%!important;
	max-width: 800px!important;
}

#page .voicy_box .btn a::after{
    content: '';
    transform: rotate(90deg);
    border-right: 8px solid transparent;
    border-bottom: 15px solid #fff;
    border-left: 8px solid transparent;
    position: absolute;
    right: 10px;
	top: 15px;
}
#page .voicy_box .btn a{
	background: #FF8F30;
	color: #fff;
	border-radius: 30px;
	border: none;
    padding: 10px 30px 10px 20px;
	position: relative;
	float: right;
}
#page .voicy_box{
    border-top: 1px solid #D1D1D1;
    padding: 30px 20px;
	
}
#page .voicy_box:last-child{
    border-bottom: 1px solid #D1D1D1;
}


#page .people-archive .pagehead,
#page .people-single .pagehead{
	background: url("../images/pagehead/head6.png") no-repeat ;
	background-size:100%;
}


#page .gallery-archive .pagehead,
#page .gallery-single .pagehead{
	background: url("../images/pagehead/head1.png") no-repeat ;
	background-size:100%;
}

#page .voice-archive .pagehead,
#page .voice-single .pagehead{
	background: url("../images/pagehead/head14.png") no-repeat ;
	background-size:100%;
}

#page .works-archive .pagehead,
#page .works-single .pagehead,
#page .contact .pagehead,
#page .event-archive .pagehead, #page .event-single .pagehead {
    background: url(../images/common/naturalbg.png) repeat;
    background-size: contain!important;
}

#page .page-single .pagehead{
	background: url("../images/pagehead/head10.png") no-repeat ;
	background-size:100%;
}

#page .property-archive .pagehead,
#page .property-single .pagehead{
	background: url("../images/pagehead/head5.png") no-repeat ;
	background-size:100%;
}

#page .perth-archive .pagehead,
#page .perth-taxonomy .pagehead,
#page .perth-single .pagehead{
	background: url("../images/pagehead/head1.png") no-repeat ;
	background-size:100%;
}

#page .house .pagehead{
	background: url("../images/pagehead/head4.png") no-repeat ;
	background-size:100%;
	color:#fff!important;
}

#page .aboutus .pagehead{
	background: url("../images/pagehead/head6.png") no-repeat ;
	background-size:100%;
	color:#fff!important;
}

#page .blog-archive .pagehead{
	background: url("../images/pagehead/head2.png") no-repeat ;
	background-size:100%;
}

#page .corona{
	margin:0 0 40px 0;
	padding:15px;
	text-align: center;
	border:1px solid #000;
}

.bg-white {
  background: rgba(255, 255, 255, .75);
  position: absolute;
  top: 30px;
  left: 30px;
  padding: 20px;
}

.line-yellow {
background: linear-gradient(transparent 60%, #ffff66 0%);
}

.morebtn {
	margin: auto;
	background: #B11B1D;
	color: #fff;
	width: 200px;
	text-align: center;
	padding: 10px 15px;
	cursor: pointer;
	border-radius: 5px;
	font-weight: 500;
}

.border-frame{
	border:1px solid #514B41;
	background:url("../images/common/naturalbg.png");
	padding:30px 30px 0 30px;
	margin-bottom:40px;
	overflow: hidden;
}
/* 家づくりの流れ */
.box-left{
	float: left;
	width: 60%;
	color: #574d43;
}
.box-right{
	float: right;
	width: 40%;
	margin: -140px -30px -50px -30px;
}


#page .option{
	padding:5px 8px;
	color:#fff;
	background:#B11A1D;
	font-size:12px;
	margin-left:15px;
}

#page .number{
	padding:5px 12px;
	color:#fff;
	background:#B11A1D;
	font-size:17px;
	margin-right:15px;
}

#page .page-contents .inner{
	width:900px;
}

#page .page-contents p{
	width:800px;
	margin: 30px auto;
}

#page .page-contents table{
	max-width: 898px;
}
#page .page-contents pre{
	white-space: pre-wrap;
}

#page .page-contents .contents-frame{
	padding:30px;
	background:#F1F1F1;
	width:740px;
	margin:0 auto;
	line-height: 25px;
}

#page .page-contents h2{
	font-size:19px;
	background:url("../images/common/naturalbg.png");
	text-align: left;
	font-weight: 600;
	padding:20px 0 20px 40px;
	margin:20px 0;
	border-left:7px solid #B11B1D;
}

/* カラム */

.col4-6 .left{
	width:400px;
	float: left;
}

.col4-6 .right{
	width:550px;
	float: right;
}

.col6-4 .left{
	width:550px;
	float: left;
}

.col6-4 .right{
	width:400px;
	float: right;
}

/* ページ送り */
.prevnext{
  width: clamp(605.867px,59.167vw,852px);
	margin:8em auto 7em auto;
	position: relative;
}
.prevnext .prev{
	float: left;
}
.prevnext .next{
	float: right;
}
.prevnext .back{
	position: absolute;
	top:0;
	left:50%;
	transform: translateX(-50%);
}


/* イベント */


#page .works-archive .pagehead h2,
#page .event-archive .pagehead h2,
#page .contact h2,
#page .event-single h2{
    font-size: 28px;
    text-align: center;
    padding: 30px 0 25px 0;
    line-height: 32px;
}

.event-archive .textC.red{
	color: #B31815;
	font-size: 22px;
	margin-bottom: 50px;
}
.event-archive .btn-redstyle a:hover{
	color: #fff;
}
.event-archive .btn-redstyle a{
	color: inherit;
	margin-top: 20px;
}

.event-single .form-btn a:hover{
	opacity: 0.8;
	
}
.event-single .form-btn a{
	display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    border-radius: 30px;
    text-align: center;
    margin: 50px auto 80px;
    width: 100%;
    max-width: 620px;
    padding: 1.2em 1em;
    position: relative;
    transition: 0.3s;
    background-color: #B31815;
    border: 1px solid #B31815;
}
#page .event-archive h3{
	margin-bottom:20px;
	line-height: 180%;
	text-align: left;
}

.event-archive .box:nth-child(6){
	border-bottom: none;
}
.event-archive .box{
	margin-bottom:50px;
	padding-bottom:50px;
	border-bottom: 1px solid #574d43;
}

.event-archive .btn{
	margin-top:0;
}

.event-archive .left{
	width:450px;
	float: left;
}

.event-archive .right{
	width:500px;
	float: right;
}

.event-archive .excerpt{
	margin-top:15px;
}

#page .event-single th,
#page .event-single td,
#page .event-single table{
	border-color: #E9E9E9;
}
.event-archive{
	line-height: 26px;
}

.contact .sec,
.event-archive .sec,
.event-single .sec{
	padding: 0 0 50px;
}


#page .contact .bread .inner,
.works-single .bread .inner,
.works-archive .bread .inner,
.event-single .bread .inner,
.event-archive .bread .inner,
.works-single .bread,
.event-single .bread,
#page .contact .bread,
.works-archive .bread,
.event-archive .bread{
	background: #fff;
}



.event-single .checkpoint{
	margin-bottom: 50px;
}
.event-single .checkpoint div.text{
	white-space: pre-wrap;
}
#page .event-single h3{
	border-bottom: 1px solid #F5F2EC;
	font-size: 22px;
    line-height: 1;
    margin: 20px auto;
	padding-bottom: 10px;
    font-weight: 300;
	
}


.event-single img{
	margin:15px 0;
}

.event-single .form{
	margin-top:30px;
}

.event-single .thumb{
	/*width:80%;*/
	margin:0 auto;
}
.event-gallery{
	margin: 0 auto 30px auto;
}

/* event-gallery-col */
.event-gallery-col ul {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.event-gallery-col li {
  width: calc(50% - 0.5 * 15px);
  position: relative;
  overflow: hidden;
}
.event-gallery-col li a {
  position: relative;
  display: block;
  padding-top: 65%; /* 比率 */
  overflow: hidden;
}
.event-gallery-col li a img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*残りわずかマーク*/
.nokoriwazuka-a{
	width: 180px;
	margin:0 0 12px 0;
	font-size: 0.9em;
	padding: 5px;
	color: #B31815;
	text-align: center;
	border:1px solid #B31815;
}
.nokoriwazuka-b{
	margin:0 0 0 0;
	padding: 15px;
	color: #B31815;
	text-align: center;
	border:1px solid #B31815;
}
.nokoriwazuka-c{
	width: 160px;
	margin:0 0 8px 0;
	font-size: 0.9em;
	padding: 3px;
	color: #B31815;
	text-align: center;
	border:1px solid #B31815;
}
.nokoriwazuka-d{
	width: 130px;
	margin:5px auto 8px;
	font-size: 0.8em;
	padding: 1px;
	color: #B31815;
	text-align: center;
	border:1px solid #B31815;
}




.event-gallery .col4 li img{
	width:100%;
	height: 180px;
	object-fit: cover;
}
.event-gallery02{
	margin: 0 auto 10px auto;
	padding: 20px 0 0 0;
}
.event-gallery02 .col4 li{
	float: left;
	width:144px;
	margin:0 26.5px 20px 0;
}
.event-gallery02 .col4 li img{
	width:100%;
	height: 100px;
	object-fit: cover;
}
.event-gallery02 .col4 li:nth-child(6n) {
	margin-right:0;
}

#page .event-single .inner-lp{
	width: 60vw;
    margin: 0 auto 30px auto;
    max-width: 700px;
}
#page .event-single .inner-lp p img{
	margin-top: 0;
	margin-bottom: 0;
	width: 100%;
	}
#page .sec .inner-lp{
	width: 60vw;
    margin: 0 auto 30px auto;
    max-width: 700px;
}
#page .sec .inner-lp p img{
	margin-top: 0;
	margin-bottom: 0;
	width: 100%;
	}


/* 施工事例 */
.works-archive li{
	text-align: left!important;
	margin:0 20px 20px 0;
	width: calc((100% - 40px) / 3);
	border-bottom: 1px solid #ddd;
}
.works-archive li .text{
	padding-bottom: 20px;	
}
.works-archive li img{
	width:100%;
	object-fit: cover;
}
.works-archive h3{
	font-size:15px!important;
	margin:10px 0 20px 0;
	text-align: left!important;
	font-weight: 300!important;
	line-height: 1.8!important;
	margin-bottom: 10px!important;
	
}




/* .works-archive 拡縮サムネ */
.thumbwrap {
	overflow: hidden;
	position: relative;
}
.thumbwrap .maskwrap {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: rgba(0,0,0,0.4);
	-webkit-transition:	all 0.4s ease-out;
	transition:	all 0.4s ease-out;
}
.thumbwrap:hover .maskwrap {
	opacity: 1;
}
.thumbwrap .mask {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    text-align: center;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition:	all 0.4s ease-out;
	transition: all 0.4s ease-out;
}
.thumbwrap:hover .mask {
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition:	all 0.4s ease-out;
	transition:	all 0.4s ease-out;
}
.thumbwrap a,
.thumbwrap h3,
.thumbwrap p{
	color: #fff!important;
  line-height: 165%;	
}
.thumbwrap h3 {
    font-size: 20px!important;
    font-weight: bold;
    width: 100%;
    order: 2;
    margin: 19px 0 23px;
}
.thumbwrap p {
    order: 1;
    padding: 0;
    margin: 0;
    font-size: 16px!important;
    position: relative;
    display: inline-flex;
    padding-bottom: 10px;
}
.thumbwrap p:after{
    content: '';
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
}




.works-archive .sec{
	padding:20px 0 0 0;
}

.works-single .inner{
	background:url("../images/common/naturalbg.png");
}

.works-single h3{
	font-size:25px!important;
	text-align: center;
	margin:0;
}

.works-single h3 span{
	font-size:30px;
	margin-bottom:15px;
}

.works-single .article img{
	max-height: 700px;
	width:auto;
}

.works-single h4{
	padding:10px 0 10px 15px;
	background: #000;
	color:#fff;
}

.works-single .mainimg{
	margin-top:30px;
}

.works-single .col4 li{
	float: left;
	width:220px;
	margin:0 20px 20px 0;
}

.works-single .col4 li:nth-child(4n) {
	margin-right:0;
}

.works-single .name{
	text-align: center;
	margin:0 0 30px 0;
}

.works-single .gallery{
	margin:40px 0 0 0;
}

.works-single .col4 li{
	width:220px;
}

.works-single .col4 li img{
	width:100%;
	height: 150px;
	object-fit: cover;
}

.works-single .article p{
	margin-bottom:30px!important;
}
#page .works-single .article iframe{
	width: 100%;
	height: 500px;
}
#page .works-single .detail-info{
	margin-top: 30px;
}
#page .works-single .detail-info p:first-child,
#page .works-single .detail-info p:nth-child(2){
	border-top: 1px solid #ddd;
}
#page .works-single .detail-info p{
	width: 49%;
	border-bottom: 1px solid #ddd;
	padding: 0.8em;
}
#page .works-single .detail-info{
	display: flex;
	flex-wrap: wrap;
	gap: 2%;
}

/* お客様の声 */

.voice-archive li{
	text-align: center;
}

.voice-archive li img{
	width:100%;
	height: 320px;
	object-fit: cover;
}

.voice-archive li p{
	text-align: left;
	padding:0 15px 15px 15px;
	text-align: center;
}

.voice-archive h3{
	font-size:17px!important;
	margin:15px 0 0 0!important;
	padding:0!important;
}

.voice-archive .sec{
	padding-bottom:0;
}

.voice-single .article h3{
	background:#675852;
	color:#fff;
	font-size:16px!important;
	padding:8px 0 8px 15px;
}

.voice-single p{
	margin-bottom:30px;
}

.voice-single .area{
	margin-bottom:30px;
}


/* 会社概要 */

.company-page .lifeissmile{
	font-size:30px;
	text-align: center;
	margin-bottom:40px;
}

.company-page .lifeissmile span{
	font-weight: 700;
	font-size:50px;
	color:#E4A500;
}

.company-page h3{
	border-bottom:1px solid #000;
	padding-bottom:10px;
}

.company-page table{
	border:none!important;
}

.company-page table th{
	border:1px solid #fff!important;
	background: #0D1E50;
	color:#fff;
	width:20%;
}

.company-page table td{
	border:1px solid #fff!important;
	background: #E9E9E9;
}

/* 求人募集 */

.recruit-page table th{
	width:18%;
}

/* お問い合わせ */

.contact-page .siryou{
	margin-bottom:60px;
}

.contact-page .siryou h2{
	width:600px;
	margin:0 auto 30px auto;
}

.contact-page .siryou .inner{
	background:url("../images/common/bg1.png");
	background-size:100%;
	width:1200px;
	padding:50px 30px 70px 30px;
}

.contact-page .siryou p{
	text-align: center;
	font-size:17px;
	line-height: 36px;
	margin-bottom:30px;
}

.contact-page .siryou .btnarea{
	width:850px;
	margin:30px auto;
}

.contact-page .siryou .btnarea .left{
	width:400px;
	float: left;
}

.contact-page .siryou .btnarea .right{
	width:400px;
	float: right;
}
#page #contact-2 h4 ,
#page #contact-3 h4 {
    margin: 20px auto;
}

.cform th {
	font-size: 14px;
	width: 20%; /*変なところで改行される場合はここの数字を変更します。*/
	border-bottom: solid 1px #d6d6d6;
	padding: 10px 0 10px 15px;
	font-weight: normal;
}

.cform td {
	font-size: 14px;
	line-height: 150%;
	border-bottom: solid 1px #d6d6d6;
	padding: 10px 5px;
}

.cform {
	width: 100%;
	margin: auto;
}

.cform [type=submit] {
	display: inline-block;
	font-size: 20px;
	padding: 10px 30px;
	text-decoration: none;
	background: #ff8f00;
	color: #FFF;
	border-bottom: solid 4px #B17C00;
	border-radius: 3px;
}

.cform option,
.cform textarea,
.cform input[type=text],
.cform input[type=email],
.cform input[type=search],
.cform input[type=url] {
	width: 100%;
}

.required-srt {
	font-size: 8pt;
	padding: 5px;
	background: #ce0000;
	color: #fff;
	border-radius: 3px;
	margin-left: 10px;
	vertical-align: middle;
}

@media only screen and (max-width:767px) {
	.cform th,
	.cform td {
		width: 100%;
		display: block;
		border-top: none;
	}
}

.submit-btn input {
	background: #00142c;
	width: 60%;
	max-width: 550px;
	min-width: 220px;
	margin: 30px auto;
	display: block;
	border: 1px #00142c solid;
	text-align: center;
	padding: 5px;
	color: #fff;
	transition: all 0.4s ease;
}

.submit-btn input:hover {
	background: #fff;
	color: #00142c;
}


/* 物件情報 */
#page .archive-property-box h3{
	font-size: 20px;
	line-height: 32px;
	margin: 0 0 10px 0;
}
.archive-property-box{
	background:url("../images/common/naturalbg.png");
	margin: 0 0 30px 0;
}
.archive-property-box a{
	display: block;
	overflow: hidden;
}
.archive-property-box .thumb{
  display: inline-block;
	width: 230px;
	margin: 3px 10px 0 10px;
	vertical-align: bottom;
	text-align: center;
}
.archive-property-box .thumb img{
  width: auto;
	max-height: 160px;	
}
.archive-property-box .info{
	display: inline-block;	
	height: 100%;
	margin: 0 20px 0 20px;
	padding: 20px 0 30px 0;
}
.archive-property-box div.cf{
	border-bottom: 3px solid #000;
	margin: 0 0 20px 0;
}
.archive-property-box .col4 li{
	display: inline;
	width:230px;
	margin:0 12px 20px 0;
}
.archive-property-box .col4 li:nth-child(1) {
	margin-left:20px;
}

#page .property-single h4{
	padding:0;
	margin:20px 0 10px 0;
	text-align: center;
}




#page .property-single .line{
	border-bottom:5px solid #000;
	margin-bottom:50px;
}
#page .property-single .illust{
  display: inline-block;
	max-width: 180px;
	margin: 3px 10px 0 10px;
	vertical-align: bottom;
	text-align: center;
}
#page .property-single .illust img{
  width: auto;
	max-height: 130px;
}
#page .property-single .info{
  display: inline-block;	
	min-height: 100%;
	margin: 20px 20px 0 20px;
  padding: 0 0 20px 0;
}

/*#page .property-single .line{
	position: relative;
	height: 110px;
	overflow: hidden;
	border-bottom:5px solid #000;
	margin-bottom:50px;
}
#page .property-single .illust{
	position: absolute;
	bottom: 0;
	width:100px;
}
#page .property-single .info{
	position: absolute;	
	left: 160px;
}*/








#page .property-single h3 {
    margin-bottom: 0;
}

#page .property-single p.data{
	text-align: center;
}

#page .property-single .report{
	margin-top:30px;
}
#page .property-single .report ul{
	width: 800px;
	margin: auto;
}
#page .property-single .report li{
	margin: 0 0 60px 0;
}

#page .property-single .messagearea{
	padding:30px;
	background:#E9E9E9;
}

#page .property-single .human{
	float: left;
	width:180px;
	margin:0 30px 0 0;
}

#page .property-single .human img{
	width:100%;
	height: 150px;
	object-fit: cover;
}

#page .property-single .report li img{
	width:100%;
	height: 480px;
	object-fit: cover;
}



/* ブログ */

#page .blog-archive h3{
	font-size:30px;
	margin-top:10px;
}

#page .blog-archive .right h4{
	font-size:18px;
	margin-top:10px;
}


#page .blog-archive .box{
	margin-bottom:60px;
	border-top:5px solid #665852;
	padding-top:20px;
}

#page .blog-archive .left{
	width:640px;
	float: left;
}

#page .blog-archive .right{
	width:320px;
	float: right;
}

#page .blog-archive .right h3{
	text-align: center;
	color:#fff;
	background: #665852;
	margin:0 0 20px 0;
	padding:5px 0;
	font-size:18px;
}

#page .blog-archive .date{
	margin-top:15px;
}

#page .blog-archive li{
	margin-bottom:30px;
	padding-bottom:0;
	border-bottom:1px solid #E9E9E9;
}

#page .blog .archive h2{
	width:320px;
	margin:0 auto 30px auto;
}

#page .blog .archive .btn a{
	margin:0 20px;
	font-size:14px;
	padding:10px 0;
}

.blog .single .left {
	width:720px;
	float: left;
}

#page .blog .single .left{
	border-top:3px solid #042340;
	border-bottom:3px solid #042340;
	padding-top:10px;
}

#page .blog .single .left h3{
	text-align: left;
	font-size:25px;
	padding-bottom:15px;
	margin:10px 0 30px 0;
	border-bottom:1px dotted #042340;
}

#page .blog .single .left img{
	max-width: 100%;
	max-height: 600px;
	height: auto;
	width:auto;
	margin:40px 0;
}

.blog .single .left li{
	margin-bottom:30px;
}

.blog .single .right {
	width:200px;
	float: right;
	position: -webkit-sticky; /* safari対応 */
  position: sticky;
  top: 100px;　/* 上端から10pxのところで固定 */
}

#page .blog .single .right h3{
	font-size:18px;
	text-align: left;
	padding:10px 10px 10px 20px;
	background: #042340;
	color:#fff;
}


.performance{
	width:1000px;
	margin:0 auto 40px auto;
}

.performance span{
	margin:0!important;
	padding:0!important;
}

.performance .maintitle{
	font-size:30px;
	text-align: center;
	margin:0 0 40px 0;
}

.performance .plus{
	padding:10px 0 10px 100px;
	background: url(../images/page/plus.png) no-repeat;
	background-size:10%;
	font-size:19px;
	margin-top:15px;
}

.performance .point{
	background: #B31815;
	color:#fff;
	padding:5px 20px!important;
	margin-bottom:15px!important;
}

.performance h3{
	margin:15px 0 15px 0!important;
	padding:0!important;
	font-size:19px;
}

.performance h4{
	margin-top:20px;
}

.performance h5{
	font-size:17px;
}

.performance .box{
	border:1px solid #E9E9E9;
	padding:30px;
	margin-bottom:30px;
}

.performance .box p{
	margin:0!important;
	padding:0!important;
}

.performance .price{
	font-size:20px;
	padding:15px 0!important;
}

#page .price table th{
	width:18%;
}

#page .price .plus{
	font-size:60px!important;
}

#page .plan-thumb li{
	text-align: center;
}

#page .plan-thumb li img{
	width:100%;
	height: 220px;
	object-fit: cover;
	margin-bottom:15px;
}

#page .material .col2 li:nth-child(1){
	width:40%;
}

#page .material .col2 li:nth-child(2){
	width:55%;
}

#page .original .col4 li img{
	width:100%;
	height: 300px;
	object-fit: cover;
}

/* original */
.original .col4{
	margin: 0 0 40px 0;
	overflow: hidden;
}
.morebtn{
	position: relative;
}
.morebtn span{
  position: absolute;
	left: 15px;
	font-size: 15px;
	font-weight: bold;
}





/* perth */
.perth-archive h3,
.perth-taxonomy h3{
	font-size:15px!important;
	margin:10px 0 20px 0;
	text-align: center;
}

.perth-single .inner{
	background:#EFEFEF;
}

.perth-single h3{
	font-size:25px!important;
	text-align: center;
	margin:0;
}

.perth-single .mainimage{
	margin: 30px 0;
}
.perth-single .border-frame{
	margin-bottom:30px;
}
ul.bukkenjoho {
	width: 95%;
	margin: 10px auto 20px auto;
	border-top: 1px solid #dcdcdc;
}
ul.bukkenjoho li {
	padding: 15px 0 15px 0!important;
	border-bottom: 1px solid #dcdcdc;
	padding: 25px 0 25px 0;
	margin: 0 auto 0 auto;
	text-align: left;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;
	-webkit-justify-content: space-between;
	justify-content:         space-between;
}
ul.bukkenjoho li:last-child {
	border-bottom: none;
}
ul.bukkenjoho li p.name {
	width: 26%;
	font-weight: bold;
}
ul.bukkenjoho li p.txt {
	width: 74%;
	margin: 0 0 0 0;
}


.meta{
	margin: 0 auto 30px auto;
	color: #fff;
}
.meta-category{
	display: none;
}
.meta a{
	color: #fff!important;
	display: inline-block;
	padding: 10px 30px;
	border-radius: 3px;
}
.meta a:nth-child(3n+1) {
  background: #E0995E;
}

.meta a:nth-child(3n+2) {
  background: #C75C5C;
}

.meta a:nth-child(3n+3) {
  background: #6DA358;
}



/* 絞り込み検索 */
#fe-search{
	border-top: 1px solid #ccc;
	margin: 0 0 30px 0;
}
#fe-search fieldset{
	padding: 1rem 0;
	border-top:0;
	border-bottom:1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
#fe-search fieldset:last-child{
    margin-bottom: 0;
}
#fe-search > input[type="checkbox"],
#fe-search > input[type="checkbox"] + label{
	display: none;
}

/* カテゴリー＆ジャンル名 */
.category-tub{
    display: inline-block;
    margin-right: 5%;
	margin: auto;
    font-weight: bold;
}
.category-tub{
	text-align: center;
	position: relative;
	width: 15%;
}
.category-tub:after{
	content:'';
	display: block;
	width: 1px;
	height: 100%;
	background-color: #ccc;
	position: absolute;
	top: 0;
	right: 0;
	bottom:0;
}
/* ラベル */
.label-tub{
	    display: inline-block;
	letter-spacing: -.4em;
	width: 75%;
	margin-right: 5%;
}
.label-tub label{
    letter-spacing: normal;
    display: inline;
    padding: .5rem .5rem;
    line-height: 2.5;
	cursor: pointer;
}
.label-tub label:after{
    content: '／';
    font-weight: lighter;
    color: #ccc;
    margin-left:1rem;
}
.label-tub label:last-of-type:after{
    content:none;
}
.label-tub label input[type='checkbox'] {
    display: none;
}
.label-tub label span{
    padding:.4rem 1rem;
    border-radius:2px;
}
.label-tub label input[type='checkbox']:checked+span {
    color: #fff;
    background-color: #999;
}
/* フリーワード＆検索ボタン */
.freeword-tub{
    text-align: center;
	padding: 1rem 0 2rem;
}
.freeword-tub input {
    display: inline-block;
    padding: 2em;
    min-width: 20rem;
    margin: 0 1rem;
	text-align: center;
		font-size: 14px;
}
.freeword-tub input#feas_0_3{
	padding: 1em;
	text-align: left;
}
.freeword-tub input.feas-submit-button {
	color: #fff;
	background-color: #E2A834;
  padding: 1.2em;
	min-width: 10em;
	border: none;
	cursor: pointer;
	border-radius: 3px;
}


/* maintenace */

.maintenance .border-frame .col2 li{
	width:55%!important;
}

.maintenance .border-frame .col2 li:nth-child(2n){
	width:35%!important;
}


/*メンテナンス(改)*/
.maintenance .line {
    display: flex;
    align-items: center;
    font-size: 25px!important;
    font-weight: 500;
}



.maintenance .line:before,
.line:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #666;
}

.maintenance .line:before {
    margin-right: 1rem;
}

.maintenance .line:after {
    margin-left: 1rem;
}


.maintenance .hosyo p{
	height: 250px;
	padding: 12px;
	margin-bottom: 0!important;
}
.maintenance .hosyo h3{
    height: 60px;
    background-color: #F4F1EC;
    text-align: left;
    font-size: 22px!important;
    line-height: 61px!important;
    border-bottom: 1px solid rgba(0,0,0, 0.3);
    letter-spacing: 3px;
	padding-left: 20px;
	margin-bottom: 0!important;
}
.maintenance .hosyo:nth-of-type(2n){
	margin-right: 0;
}
.maintenance .hosyo{
	width: 48.4%;
    display: inline-block;
    vertical-align: bottom;
    margin: 23px 2% 0 0;
    border: 1px solid rgba(0,0,0, 0.3);
}
.hosyo-wrap{
	margin-bottom: 50px;
}


/* gallery-single */

.gallery-archive h3{
	font-size:15px!important;
	margin:10px 0 20px 0;
	text-align: center;
}

.gallery-archive .thumb img{
	width:100%;
	height: 230px;
	object-fit: cover;
}

#page .gallery-single h3{
	font-size: 26px;
	line-height: 38px;
	margin-bottom: 35px;
	padding-bottom:15px;
	text-align: center;
	border-bottom:2px solid #000;
}

.gallery-single .col3 li img{
	width:100%;
	height: 232px;
	object-fit: cover;
}
.gallery-single p.img-title{
	font-size:16px;
	line-height: 22px;
	font-weight: 500;
	text-align: center;
	margin: 10px 0 0 0;
}
.gallery-single p.img-caption{
	line-height: 20px;
	margin: 5px 0 0 0;
}

.gallery-morebtn {
	clear:both;
	margin: auto;
	background: #B11B1D;
	color: #fff;
	width: 200px;
	text-align: center;
	padding: 10px 15px;
	cursor: pointer;
	border-radius: 5px;
	font-weight: 500;
	position: relative;
}
.gallery-morebtn span{
  position: absolute;
	left: 15px;
	font-size: 15px;
	font-weight: bold;
}
.gallery-single .prevnext{
	clear:both;
}

.gallery-single .gallery-morebtn:last-child{
	display: none!important;
}


/* people-archive */
#page .people-archive h3{
	font-size:15px!important;
	margin-top:10px;
	margin-bottom: 0;
	text-align: left;
}

.people-archive li{
	position: relative;
}

.people-archive .thumb img{
	width:100%;
	height: 230px;
	object-fit: cover;
}

.people-archive .thumb .en_name_wrap{
	position: absolute;
	bottom: 22%;
    right: 15px;
}

.people-archive .thumb .en_name_wrap span{
	color: #fff;
	display: block;
	font-size: 36px;
	opacity: 0.9;
	line-height: 130%;
}

.people-archive .red-obi{
	position: absolute;
	bottom: 15%;
    left: -13px;
}
.people-archive .red-obi p{
	padding: 5px 15px;
    color: #fff;
    display: inline;
    white-space: break-spaces;
    background: linear-gradient(transparent 0%, #B31815 0%);
    -webkit-box-decoration-break: clone;
    line-height: 1.4;
}
.people-archive .red-obi p.year{
	background: #B31815;
	padding: 1px 14px;
	font-size: 0.8em;
	color: #fff;
	width: fit-content;
}
.people-archive ul{
	display: flex;
    gap: 30px 2%;
	flex-wrap: wrap;
}
.people-archive .inner{
	width: 1150px;
}
.people-archive ul li{
	width: 32%;
}
.people-archive ul li .thumb{
	position: relative;
	padding-top: 127%;
	overflow: hidden;
}
.people-archive ul li .thumb img{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: 0.3s ease-out;
}
.people-archive ul li .thumb:hover img{
	transform: scale(1.1);
	object-fit: cover;
	object-position: center;
}


/* people-single */



#page .people-single .mv_wrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	margin-bottom: 100px;
}
#page .people-single .mv_wrap .text img{
	height: 32px;
	margin-bottom: 36px;
}
#page .people-single .mv_wrap .text h4{
	font-size: 18px;
    line-height: 2;
    margin-bottom: 15px;
    font-weight: 400;
    border-bottom: 1px solid;
}
#page .people-single .mv_wrap .text{
	width: 50%;
	text-align: center;
}
#page .people-single .mv_wrap .text .hobby{
	text-align: left;
	margin-top: 30px;
}
#page .people-single .mv_wrap .text .name-en span.ml-half{
	margin-left: 0.5em;
}
#page .people-single .mv_wrap .text .name-en span{
	display: inline-block;
}
#page .people-single .mv_wrap .text span{
	display: block;
	font-size: 14px;
	line-height: 1.7;
	letter-spacing: 0.08em;
	white-space: break-spaces;
}
#page .people-single .mv_wrap .text span.name{
	font-size: 26px;
    color: #574d43;
    font-weight: 500;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
    line-height: 2;
}

#page .people-single .mv_wrap .thumb{
	width: 45%;
}
#page .people-single .inner{
	margin-bottom: 80px;
}
#page .people-single h3{
	font-size: 18px;
	line-height: 2;
	margin-bottom: 20px;
	padding-bottom:10px;
	margin-top: 20px;
	text-align: left;
	border-bottom:2px solid;
}

.people-single p.img-title{
	font-size:16px;
	line-height: 22px;
	font-weight: 500;
	text-align: center;
	margin: 10px 0 0 0;
}
.people-single p.img-caption{
	line-height: 20px;
	margin: 5px 0 0 0;
}
.people-single .article p{
	font-size: 16px;
	line-height: 2.8;

}
.people-single .prevnext{
	clear:both;
}

.people-single .people-morebtn:last-child{
	display: none!important;
}




/*　ContactForm7　*/
.event-close{
	text-align: center;
	width: auto;
	max-width: 90%;
	font-size: 1.1em;
	margin: 30px auto;
	padding: 2em;
	background: #eee;
}
.event-form-close{
	text-align: center;
	width: auto;
	max-width: 90%;
	font-size: 1.1em;
	margin: 30px auto;
	padding: 2em;
	background: #fff;
	border: 4px solid #eee;
}
.event-form-close p{
	margin-bottom: 20px;
}
.event-form-close a{
	font-size: 32px;
	cursor: pointer;
}
.event-form-close span{
	font-size: 0.8em;
}

 
/*テーブルを親要素の幅いっぱいに伸ばす*/
.mailform {
    width: 100%;
}
.mailform .cf {
    border-top: 1px #DDD solid;
	display: flex;
	align-items: center;
}
.mailform .cf:first-child {
    border-top: none;
}
.mailform .cf:nth-child(2n+1) {
    background: #eee;
}
.mailform .text,
.mailform .radio{
    padding: 1.3em 0;
}
.mailform .title font{
	white-space: nowrap;
	
}
.mailform .title,
.mailform p {
    padding: 1.3em;
}
#page .sec .inner-lp .mailform .title {
    width: 28%;
    text-align: left;
	vertical-align: top;
    display: inline-block;
}
#page .form .tyui-bold{
	font-weight: 500;
	margin-bottom: 30px;
	line-height: 1.7;
}
#page .form .tyui-bold-02{
	display: block;
	margin: 10px 0 0;
	font-weight: 800!important;
}
#page .form .AccentText{
	color: rgb(255, 0, 0);
}

.mailform .title {
    width: 23%;
    text-align: left;
	vertical-align: top;
    display: inline-block;
}
.mailform .title p{
	width: 100%;
}
.mailform .text ,
.mailform .radio ,
.mailform p {
    width: 70%;
	  display: inline-block;
	margin: 0!important;
}
.inner-lp .mailform .ken p{
	width: 100%;
}
.mailform input[type="date"]{
	
	margin-right: 15px;
}
.mailform input[type="date"],
.mailform input[type="text"],
.mailform select,
input[type="email"],
textarea {
	max-width: 700px;
    border: 1px #89BDDE solid;
    padding: 0.5em;
    font-size: 14px;
}
.p-postal-code{
    margin-bottom: 0.5em;	
}
textarea {
	width: 100%;
}
.mailform input[type="text"]:focus, textarea:focus,
.mailform input[type="email"]:focus, textarea:focus{
    background: #EEFFFF;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
}
.C8 {
	text-align: center;
}
.C8 a:hover{
	opacity: 0.8;
}
.mailform .dropmenu-md select{
	min-width: 200px;
	background: #fff!important;
}
.mailform .dropmenu-md:after{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-bottom: solid 2px #b4b3b3;
  border-right: solid 2px #b4b3b3;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -4px;
}

.radio p{
	margin: 0;
	color: #574d43;
	font-size: 14px;
	line-height: 1.8;
	letter-spacing: .08em;
}

.radio .wpcf7-radio{
	display: flex;
	align-items: center;
	gap: 32px;
	margin-bottom: 8px;
}

.radio .wpcf7-list-item{
	margin: 0;
}

.radio .wpcf7-list-item label{
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
}

.radio input[type="radio"]{
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.radio .wpcf7-list-item-label{
	position: relative;
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding-left: 38px;
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: .08em;
}

.radio .wpcf7-list-item-label::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 28px;
	height: 28px;
	box-sizing: border-box;
	border: 1px solid #d9d9d9;
	border-radius: 50%;
	background: #fff;
	transform: translateY(-50%);
}

.radio input[type="radio"]:checked + .wpcf7-list-item-label::before{
	border: 4px solid #8aafe2;
}

.radio input[type="radio"]:checked + .wpcf7-list-item-label::after{
	content: "";
	position: absolute;
	top: 50%;
	left: 8px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #5d8ed8;
	transform: translateY(-50%);
}
/* mailtouroku */
#page h2.font-chosei {
font-size: 30px;
text-align: center;
margin: 0 0 40px 0;
    padding: 0;
    line-height: 140%;
}
#page h2.font-chosei span {
    font-size: 30px;
    font-weight: normal;
		font-family: "europa", "Noto Sans Japanese", sans-serif;
}
.mailtouroku {
	background: #eee;
	width: 95%;
	max-width: 800px;
	margin: 30px auto;
	padding: 15px 0 30px 0;
}
.mailtouroku .mailform{
	max-width: 600px;
	margin: auto;
	padding: 0 20px;
}
.mailtouroku .mailform .cf:nth-child(2n+1) {
    background: none;
}
.mailtouroku .mailform .title,
.mailtouroku .mailform p {
  padding: 1em 0 0 0;
	font-size: 1.3em;
}
.mailtouroku .mailform .title {
    width: 100%;
    display: block;
}
.mailtouroku .mailform p {
    width: 100%;
	  display: block;
	margin: 0!important;
}
.mailtouroku .C8 input[type="submit"] {
	width: 100%;
	max-width: 340px;
	display: block;
	margin: auto;
	padding: 0.7em 1em;
	font-size: 1.5rem;
	background: #473000;
	color: #fff;
	border: 0;
	cursor: pointer;
	border-radius: 5px;
}
.mailtouroku .C8 input[type="submit"]:hover{
	opacity: 0.8;
}

.mailform .ken {
    width: 60%;
	  display: inline-block;
	margin: 0!important;
	padding: 1.5em;
	line-height: 30px;
}
.mailform .ken input[type="text"] {
	width: 20%;
	min-width: 100px;
}
.mailform .ken span.ji{
	padding-left: 7px;
	vertical-align: middle;
}



/*資料サンプル画像*/
.siryo-sample p {
margin:1%;
padding:2%;
}
.siryo-sample span.wpcf7-list-item {
display:inline-block;
width:-webkit-calc((92% * 1/4) );
width:calc((92% * 1/4) );
margin:1%;
box-sizing:border-box;
vertical-align: top;
	border: none;
}

.siryo-sample span.wpcf7-list-item label{
	display: block;
	/*! margin: 0 5px 30px 0!important; */
	padding: 5px;
	border: 1px solid #eee;
	cursor: pointer;
}

.siryo-sample input{
	display: inline!important;
}

.siryo-sample span.wpcf7-list-item label span.wpcf7-list-item-label:before {
	content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 80px;/*画像の幅*/
  height: 120px;/*画像の高さ*/
  background-size: contain;
  vertical-align: middle;
}
.siryo-sample span.wpcf7-list-item:nth-of-type(1) label span.wpcf7-list-item-label:before {
  background-image: url(http://opusstyle.jp/wp/wp-content/uploads/2019/10/single-test02.jpg);
}
.siryo-sample span.wpcf7-list-item:nth-of-type(2) label span.wpcf7-list-item-label:before {
  background-image: url(http://opusstyle.jp/wp/wp-content/uploads/2019/10/single-test02.jpg);
}
.siryo-sample span.wpcf7-list-item:nth-of-type(3) label span.wpcf7-list-item-label:before {
  background-image: url(http://opusstyle.jp/wp/wp-content/uploads/2019/10/single-test02.jpg);
}
.siryo-sample span.wpcf7-list-item:nth-of-type(4) label span.wpcf7-list-item-label:before {
  background-image: url(http://opusstyle.jp/wp/wp-content/uploads/2019/10/single-test02.jpg);
}
.siryo-sample span.wpcf7-list-item:nth-of-type(5) label span.wpcf7-list-item-label:before {
  background-image: url(http://opusstyle.jp/wp/wp-content/uploads/2019/10/single-test02.jpg);
}
.siryo-sample span.wpcf7-list-item:nth-of-type(6) label span.wpcf7-list-item-label:before {
  background-image: url(http://opusstyle.jp/wp/wp-content/uploads/2019/10/single-test02.jpg);
}
.siryo-sample span.wpcf7-list-item:nth-of-type(7) label span.wpcf7-list-item-label:before {
  background-image: url(http://opusstyle.jp/wp/wp-content/uploads/2019/10/single-test02.jpg);
}
.siryo-sample span.wpcf7-list-item:nth-of-type(8) label span.wpcf7-list-item-label:before {
  background-image: url(http://opusstyle.jp/wp/wp-content/uploads/2019/10/single-test02.jpg);
}
.siryo-sample span.wpcf7-list-item:nth-of-type(9) label span.wpcf7-list-item-label:before {
  background-image: url(http://opusstyle.jp/wp/wp-content/uploads/2019/10/single-test02.jpg);
}
.siryo-sample span.wpcf7-list-item:nth-of-type(10) label span.wpcf7-list-item-label:before {
  background-image: url(http://opusstyle.jp/wp/wp-content/uploads/2019/10/single-test02.jpg);
}


.online h3{
	border-bottom:2px solid #94D4F7;
	padding-bottom:10px;
}

#page .topmessage{
	text-align:center;
	margin-bottom:50px;
	padding:40px;
	background: url("../images/common/naturalbg.png");
}

#page .topmessage h3{
	font-size:40px;
	line-height: 45px;
}

#page .topmessage h3 span{
	font-size:17px;
	display: flex;
	align-items: center;
}

#page .topmessage h3 span:before, #page .topmessage h3 span:after{
	content: "";
	flex-grow: 2;
	height: 1px;
	background: #444;
	display: block;
}

#page .topmessage h3 span:before{
	margin-right:1em;
}

#page .topmessage h3 span:after{
	margin-left:1em;
}

#page .topmessage .bigfont1{
	font-size:20px;
	font-weight: 500;
}

#page .topmessage .bigfont2{
	font-size:18px;
	font-weight: 500;
	line-height: 50px;
}

.doubleinslation table th{
	width:20%!important;
}

#page .plan1 h3{
	background:#D6751D;
	color:#fff;
	padding:10px;
	width:1000px;
	margin:0 auto;
}

#page .plan2 h3{
	background:#5C9C33;
	color:#fff;
	padding:10px;
	width:1000px;
	margin:0 auto;
}

#page .plan3 h3{
	background:#D65894;
	color:#fff;
	padding:10px;
	width:1000px;
	margin:0 auto;
}

#page .plan4 h3{
	background:#1C63AF;
	color:#fff;
	padding:10px;
	width:1000px;
	margin:0 auto;
}

#page .plan5 h3{
	background:#B79F0D;
	color:#fff;
	padding:10px;
	width:1000px;
	margin:0 auto;
}

#page .orenge{
	background:#D6751D;
	color:#fff!important;
}

#page .orenge a,
#page .green a,
#page .pink a,
#page .blue a{
	color:#fff;
	text-decoration: underline;
}
#page .gold a{
	text-decoration: underline;
}

#page .orenge th{
	color:#fff!important;
}

#page .green{
	background:#5C9C33;
	color:#fff!important;
}

#page .green th,
#page .pink th,
#page .blue th,
#page .gold th{
	color:#fff!important;
}

#page .pink{
	background:#D65894;
	color:#fff!important;
}

#page .blue{
	background:#1C63AF;
	color:#fff!important;
}

#page .gold{
	background:#B79F0D;
	color:#fff!important;
}

#page .houseguard h2{
	font-size:25px;
	line-height: 40px;
	font-weight: 600;
}

#page .houseguard h3{
	background:#2C7A73;
	color:#fff;
	text-align: center;
	font-size:20px;
	padding:10px 0;
}

#page .houseguard h4{
	color:#2C7A73;
	line-height: 30px;
}

#page .border-box{
	border:4px solid #1B7F00;
	padding:25px;
}

#page .vo-single .vo-start{
	width:60%;
	text-align: center;
	margin:30px auto;
}


/*POSTS*/
#archive .inner{
	width: 80.5%;
	margin: auto;
}

#archive #posts h3{
	text-align:left;
	padding: 0;
	border: none;
	line-height: 140%;
	letter-spacing: 0.1em;
	font-size: 19px!important;
}
#archive #posts .inner {
    width: 100%;
    margin: 0 auto;
}
#archive #posts li{
	width: calc(95% / 3);
	display: inline-block;
	padding: 0 0 80px 0;
	border:1px solid #CDCDC0;
	border-radius: 3px;
	vertical-align: top;
	overflow: hidden;
	position: relative;
	background: #fff;
}
#archive #posts li{
	margin: 0 10px 30px 0;	
}
#archive #posts li:nth-of-type(3th){
	margin: 0 0 30px 0;	
}
#archive #posts li:last-of-type{
	margin-bottom:20px;
}
#archive #posts .thumb img{
	-webkit-transition:0.5s ease-in-out;
	-moz-transition:0.5s ease-in-out;
	-ms-transition:0.5s ease-in-out;
	-o-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out;
}
#archive #posts .thumb img:hover{
	-webkit-transform:scale(1.2,1.2);
	-moz-transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	-o-transform:scale(1.2,1.2);
	transform:scale(1.2,1.2);
}
#contents-archive .thumb{
	overflow: hidden;
}
#contents-archive .thumb img{
	-webkit-transition:0.8s ease-in-out;
	-moz-transition:0.8s ease-in-out;
	-ms-transition:0.8s ease-in-out;
	-o-transition:0.8s ease-in-out;
	transition:0.8s ease-in-out;
}
#contents-archive .thumb img:hover{
	-webkit-transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
	transform:scale(1.1,1.1);
}
#archive #posts .thumb{
	display: block;
	float: none;
	margin: 0;
	max-width:100%;
	width: 100%;
	height:215px;
	object-fit: contain;
	text-align: center;
	overflow: hidden;
}
#archive #posts .date,
#archive #posts .title{
	width: 90%;
	max-width: 370px;
	margin: 10px auto;
}
#archive #posts{
	margin-top: 40px!important;
	max-width: 1000px;
	margin: auto;
}
#archive #posts .title{
	display: block;
	overflow: hidden;
}
#archive #posts .category{
	position: absolute;
	bottom: 10px;
	left: 15px;
	padding: 10px 0 0;
}
#archive #posts .category a{
    margin: 0 5px 5px 0;
    padding: 2px 8px;
	line-height: 165%;
    display: inline-block;
    background: #fff;
    border-radius: 0;
	border: 1px solid #3e3a39;
	color: #3e3a39;
}

#page div.video{
	width: 100%;
	margin: 60px auto;
}






/* ===================================================================
　jibunhouse
==================================================================== */
#page .jibunhouse{
  color: #000;
  font-family: "Europa-Bold", "こぶりなゴシック W6 JIS2004", sans-serif;
	margin: 0 0 80px;
}



/* jibunhouse内 汎用 */
#page .jibunhouse div.line{
	width: 100%;
	height: 1px;
	background-color: #000;
	margin: 30px 0 30px;
}
#page .jibunhouse p{
	margin: 0 0 20px;
	line-height: 165%;
	color: #000;
	font-size: 18px;	
}


/* top-image */
#page .jibunhouse section.top-image{
	position: relative;
	text-align: center;
	overflow: hidden;
	width: 100%;
	height: 75vw;
	background: url(https://opusstyle.jp/wp/wp-content/uploads/2022/02/jibunhouse-img01.jpg) top center no-repeat;
	background-size: 100%;
	margin: 0 0 40px;
}
#page .jibunhouse section.top-image .contact-button{
    position: absolute;
    bottom: 5%;
    left: 35%;
    background: #fff;
    width: 30%;
    padding: 27px 1%;
    font-size: 21px;
}
#page .jibunhouse section.top-image .top_catch{
	position: absolute;
	top: 10vw;
	left: 50%;
	transform: translateX(-50%);	
}
#page .jibunhouse section.top-image h1{
	width: 70vw;
	padding: 0;
	margin: 0 0 5vw;
}
#page .jibunhouse section.top-image p{
	color: #fff;
	line-height: 140%;
  margin: 0;
	font-size: 4.9vw;
	font-weight: 600;
	white-space: nowrap;
}

#page .jibunhouse section.campaign img{
	width: 90%;
	margin: 30px auto;
}
#page .jibunhouse section.campaign div.btn a span.yellow{
	color: #eee942;
	font-size: 29px;
	font-weight: 500;
}
#page .jibunhouse section.campaign div.btn a::after{
	content: "";
	height: 30px;
	width: 30px;
	border-right: 1px solid #eee942;
	border-bottom: 1px solid #eee942;
	transform: rotate(45deg);
	display: block;
	margin: auto;
}
	
	
#page .jibunhouse section.campaign div.btn a{
    background: #11873b;
    width: 90%;
    margin: 0 auto;
    font-weight: 600;
    padding: 15px 0 20px;
    border: none;
    color: #fff;
    font-size: 37px;
}
#page .jibunhouse section.campaign{
	max-width: 1000px;
	margin: 30px auto 50px auto;
	width: 80%;
	text-align: center;
}
#page .jibunhouse section.campaign h2{
	    font-size: 40px;
    font-weight: 600;
    color: #000;
    margin: 0 0 60px;
    padding: 0;
    line-height: 140%;
    white-space: nowrap;
}
#page .jibunhouse section.campaign h2 span.underline{
    font-size: 1em;
    font-weight: 600;
    font-family: "Europa-Bold", "こぶりなゴシック W6 JIS2004", sans-serif;
    border-bottom: 10px solid #B6181C;
    padding-bottom: 12px;
}

/* main_catch */
#page .jibunhouse section.main_catch{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto 0;
	text-align: center;
}
#page .jibunhouse section.main_catch .main_catch-caption p{
	padding: 0.6em 1em;
	display: inline-block;
	border: 1px solid #000;
	margin: 0 0 70px;
}
#page .jibunhouse section.main_catch .main_catch-logo{
	width: 60%;
	margin: 0 auto 60px;
}
#page .jibunhouse section.main_catch h2{
	font-size: 40px;
	font-weight: 600;
	color: #000;
	margin: 0 0 60px;
	padding:0;
	line-height: 140%;	
	white-space: nowrap;	
}
#page .jibunhouse section.main_catch h2 span.style01{
	font-size:1em;
	font-weight: 600;
	padding: 0 7px;
  font-family: "こぶりなゴシック W6 JIS2004", sans-serif;
}
#page .jibunhouse section.main_catch h2 span.style02{
	font-size:1em;
	font-weight: 600;
  font-family: "Europa-Bold", "こぶりなゴシック W6 JIS2004", sans-serif;
	border-bottom: 10px solid #3096AA;
	padding-bottom: 12px;	
}
#page .jibunhouse section.main_catch .txt-wrap{
	margin: 0 0 60px;
}
#page .jibunhouse section.main_catch .txt-wrap p{
	font-size: 20px;
	line-height: 2;
}
#page .jibunhouse section.main_catch .main_catch-plus{
	width: 6vw;
	margin: 0 auto 60px;
}



/* fukidashi-youtube */
#page .jibunhouse section.fukidashi-youtube{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto 80px;	
	text-align: center;
}
#page .jibunhouse section.fukidashi-youtube h2{
	font-size: 40px;
	font-weight: 600;
	color: #000;
	padding:0;
	line-height: 140%;	
	padding: 0.3em 0.5em;
	display: inline-block;
	border: 4px solid #3096AA;
	background: #fff;
	margin: -15px 0 30px;	
}
#page .jibunhouse section.fukidashi-youtube p{
	font-size: 38px;
	font-weight: 600;
	margin: 0 0 60px;
	line-height: 140%;
}
#page .jibunhouse section.fukidashi-youtube .youtube{
	width: 100%;
	margin: 0 auto;
}



/* merit,line_up */
#page .jibunhouse section.merit,
#page .jibunhouse section.line_up{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto 0;
}
#page .jibunhouse .merit h2,
#page .jibunhouse .line_up h2{
	font-size: 40px;
	font-weight: 600;
	color: #000;
	margin: 0 0 60px;
	padding:0;
	line-height: 140%;	
	text-align: center;
	padding-top: 26px;
	padding-bottom: 24px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
#page .jibunhouse .merit h2 span{
	display: block;
	font-size:0.65em;
	font-weight: 600;
	line-height: 120%;
  font-family: "Europa-Bold", "こぶりなゴシック W6 JIS2004", sans-serif;
}
#page .jibunhouse section .flex-box{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
#page .jibunhouse section .flex-box .box{
	width: 30%;
	margin: 0 50px 50px 0;
}
#page .jibunhouse section .flex-box .box:nth-child(3n){
	margin-right: 0!important;
}
#page .jibunhouse .flex-box .box img{
	width: 100%;
	height: auto;
}
#page .jibunhouse .flex-box .box .txt{
	margin-top: 20px;
}
#page .jibunhouse .flex-box .box .txt h3 span.small{
	font-size: 19px;
}
#page .jibunhouse .flex-box .box .txt h3{
	font-size: 23px;
	font-weight: 600;
	color: #000;
	line-height: 120%;
	margin-bottom: 10px;	
}

#page .jibunhouse .merit div.plus::before{
	content: "";
	background: #000;
	width: 3px;
	height: 60px;
	position: absolute;
	left: 50%;
	top: -29px;
}
#page .jibunhouse .merit div.plus{
	height: 3px;
	position: relative;
	background: #000;
	width: 60px;
	margin: 30px auto;
}
#page .jibunhouse .merit .flex-box.low{
	margin-top: 100px;
}

#page .jibunhouse .merit .flex-box .box{
	position: relative;
}
#page .jibunhouse .merit .flex-box .box:before{
	position: absolute;
	top: -20px;
	left: -20px;
	border-radius: 50px;
	width: 75px;
	height: 75px;
	line-height: 75px;
	font-size: 42px;
	font-weight: 600;	
	text-align: center;
	color: #fff;
	background: #3096AA;
}
#page .jibunhouse .merit .flex-box.low .box:nth-of-type(1):before,
#page .jibunhouse .merit .flex-box.low .box:nth-of-type(2):before,
#page .jibunhouse .merit .flex-box.low .box:nth-of-type(3):before{ background: #B31815; }

#page .jibunhouse .merit .flex-box .box:nth-of-type(1):before{ content: '1'; }
#page .jibunhouse .merit .flex-box .box:nth-of-type(2):before{ content: '2'; }
#page .jibunhouse .merit .flex-box .box:nth-of-type(3):before{ content: '3'; }
#page .jibunhouse .merit .flex-box .box:nth-of-type(4):before{ content: '4'; }
#page .jibunhouse .merit .flex-box .box:nth-of-type(5):before{ content: '5'; }
#page .jibunhouse .merit .flex-box .box:nth-of-type(6):before{ content: '6'; }

#page .jibunhouse .merit .flex-box .box .txt p{
	font-size: 13px;
	margin: 0;
  letter-spacing: 0;	
}

#page .jibunhouse section.merit .point{
	text-align: center;
	font-size:25px;
	border:2px solid #aa1f24;
	padding:20px;
	margin-bottom:40px;
}

#page .jibunhouse .line_up .flex-box .box span.mini{
	font-size: 13px;
	display: block;
}
#page .jibunhouse .line_up .flex-box .box .txt p.mini{
	font-size: 13px;
	margin: 0 0 23px;	
  letter-spacing: 0;		
  white-space: normal;
}
#page .jibunhouse .line_up .flex-box .box .txt p.price{
	font-size: 16px;	
	margin: 0 0 20px;
}
#page .jibunhouse .line_up .flex-box .box .txt p.price span.kakaku{
	font-size: 13px;
	line-height: 1.1;
}
#page .jibunhouse .line_up .flex-box .box .txt p.price span{
	font-size: 27px;
	margin: 0 3px 0 0;
}
#page .jibunhouse .line_up .flex-box .btn a{
	border:1px solid #000;
	padding:15px;
	font-size:16px;
  font-family: "Europa-Bold", "こぶりなゴシック W6 JIS2004", sans-serif;
	 border-radius: 50px;
	font-weight: 600;
	color: #000!important;
}




/* works */
#page .jibunhouse section.works{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto 30px;
}
#page .jibunhouse section.works h2{
	font-size: 27px;
	letter-spacing: 2px;
	font-weight: 700;
	color: #000;
	text-align: left;
}
#page .jibunhouse section.works h2 span{
	font-size: 15px;
	font-weight: 600;
	margin-left: 20px;
	letter-spacing: 1em;
}
#page .jibunhouse section.works .box .img_container img{
	object-fit: cover;
	width: 100%;
}
#page .jibunhouse section.works .box .img_container{
	width: 100%;
	height: 200px;
	overflow: hidden;
}
.fa-map-marker:before{
	margin-right: 5px;
}
#page .jibunhouse section.works .box .txt p{
	font-size: 14px;
	margin-bottom: 0!important;
}
#page .jibunhouse section.works .box .txt{
	margin-top: 20px;
	margin-bottom: 40px;
}
#page .jibunhouse section.works .box a{
	color: #000!important;
}




/* contact */
#page .jibunhouse section.contact{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto 80px;
  font-family: "Europa-Bold", "こぶりなゴシック W3 JIS2004", sans-serif;		
}
#page .jibunhouse section.contact p{
  margin: 0 0 20px;
  font-size: 14px;
  font-family: "Europa-Bold", "こぶりなゴシック W3 JIS2004", sans-serif;	
}
#page .jibunhouse section.contact h2{
	width: 100%;
	font-size: 40px;
	font-weight: 600;
	color: #000;
	margin: 0 0 60px;
	padding:0;
	line-height: 140%;	
	text-align: center;
	padding-top: 26px;
	padding-bottom: 24px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
  font-family: "Europa-Bold", "こぶりなゴシック W6 JIS2004", sans-serif;	
}



/* ===================================================================
　antico,scandia,japone
==================================================================== */
#page .antico,
#page .scandia,
#page .japone{
	max-width: 1000px;	
	margin: 40px auto 40px;
}
#page .antico h1{
	font-size:56px;
	letter-spacing: 2px;
	font-weight: 700;
	color: #000;
	text-align: left;
	padding:0 0 0 60px;
	line-height: 44px;
	background: url(https://opusstyle.jp/wp/wp-content/uploads/2022/02/antico-01.png) left top 3px no-repeat;
	background-size:44px;
}
#page .scandia h1{
	font-size:56px;
	letter-spacing: 2px;
	font-weight: 700;
	color: #000;
	text-align: left;
	padding:0 0 0 60px;
	line-height: 44px;
	background: url(https://opusstyle.jp/wp/wp-content/uploads/2022/02/scandia-01.png) left top 3px no-repeat;
	background-size:44px;
}
#page .japone h1{
	font-size:56px;
	letter-spacing: 2px;
	font-weight: 700;
	color: #000;
	text-align: left;
	padding:0 0 0 60px;
	line-height: 44px;
	background: url(https://opusstyle.jp/wp/wp-content/uploads/2022/02/japone-01.png) left top 3px no-repeat;
	background-size:44px;
}
#page .antico h1 span,
#page .scandia h1 span,
#page .japone h1 span{
	font-size:0.4em;
	font-weight: 700;
	margin-left: 15px;
}
#page .antico .top-image,
#page .scandia .top-image,
#page .japone .top-image{
	margin: 40px 0 100px; 
}

#page .antico section.main_catch,
#page .scandia section.main_catch,
#page .japone section.main_catch{
	text-align: center;
	margin: 0 0 80px;
}
#page .antico section.main_catch h2,
#page .scandia section.main_catch h2,
#page .japone section.main_catch h2{
  font-size: 2em;
  padding: 0 0 50px 0;	
	font-weight: 600;
	line-height: 140%;
	color: #000;
}
#page .antico section.main_catch p,
#page .scandia section.main_catch p,
#page .japone section.main_catch p{
	font-size: 18px;
}

#page .antico section.floor-plan,
#page .scandia section.floor-plan,
#page .japone section.floor-plan{
	margin: 0 0 50px;	
}
#page .antico section.floor-plan .floor-image,
#page .scandia section.floor-plan .floor-image,
#page .japone section.floor-plan .floor-image{
	text-align: center;
	margin: 0 0 80px;
}
#page .japone section.floor-plan .floor-image img{
	max-width: 400px;
}
#page .antico section.floor-plan dl,
#page .scandia section.floor-plan dl,
#page .japone section.floor-plan dl{
	text-align: center;
	margin: 0 0 80px;	
}
#page .antico section.floor-plan dt,
#page .scandia section.floor-plan dt,
#page .japone section.floor-plan dt{
	background: #666464;
	color: #fff;
	padding: 12px 0;
}
#page .antico section.floor-plan dd,
#page .scandia section.floor-plan dd,
#page .japone section.floor-plan dd{
	background: #ededed;
	color: #6B6968;
	padding: 12px 0;	
}
#page .antico section.floor-plan dd:nth-child(2n),
#page .scandia section.floor-plan dd:nth-child(2n),
#page .japone section.floor-plan dd:nth-child(2n){
  background: #fff;
}


#page .antico section.floor-plan .flex-box,
#page .scandia section.floor-plan .flex-box,
#page .japone section.floor-plan .flex-box{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
#page .antico section.floor-plan .flex-box .box,
#page .scandia section.floor-plan .flex-box .box,
#page .japone section.floor-plan .flex-box .box{
	width: 30%;
	margin-right: 50px;
}
#page .antico section.floor-plan .flex-box .box:nth-child(3n),
#page .scandia section.floor-plan .flex-box .box:nth-child(3n),
#page .japone section.floor-plan .flex-box .box:nth-child(3n){
	margin-right: 0!important;
}
#page .antico section.floor-plan .box .img_container,
#page .scandia section.floor-plan .box .img_container,
#page .japone section.floor-plan .box .img_container{
	width: 100%;
	height: 200px;
	overflow: hidden;
}
#page .antico section.floor-plan .box .img_container img,
#page .scandia section.floor-plan .box .img_container img,
#page .japone section.floor-plan .box .img_container img{
	object-fit: cover;
	width: 100%;
}
#page .antico section.floor-plan .box .txt,
#page .scandia section.floor-plan .box .txt,
#page .japone section.floor-plan .box .txt{
	margin-top: 20px;
	margin-bottom: 40px;
}
#page .antico section.floor-plan .box .txt p,
#page .scandia section.floor-plan .box .txt p,
#page .japone section.floor-plan .box .txt p{
	margin-bottom: 0!important;
}



#page .antico section.floor-plan .vr-box,
#page .scandia section.floor-plan .vr-box,
#page .japone section.floor-plan .vr-box{
  background: #ededed;
	margin: 30px 0 0;
  padding: 50px 70px;
  text-align: center;
  font-size: 30px;
	color: #6B6968;
}
#page .antico section.floor-plan .vr-box p,
#page .scandia section.floor-plan .vr-box p,
#page .japone section.floor-plan .vr-box p{
  line-height: 140%;	
	margin-bottom: 30px;
}
#page .antico section.floor-plan .vr-box .vr-btn a,
#page .scandia section.floor-plan .vr-box .vr-btn a,
#page .japone section.floor-plan .vr-box .vr-btn a{
	background: #d05327;
	color: #fff;
	display: block;
	padding: 1em 0;
}
#page .antico section.floor-plan .vr-box .vr-btn a span,
#page .scandia section.floor-plan .vr-box .vr-btn a span,
#page .japone section.floor-plan .vr-box .vr-btn a span{
	display: inline-block;
	padding:0 0 0 86px;
	line-height: 79px;
	letter-spacing: 0.1em;
	background: url(https://opusstyle.jp/wp/wp-content/uploads/2022/02/vr-btn.png) left top no-repeat;
	background-size:79px;
}

.anticoline{
    border-bottom: 1px solid #6B6968;
}


#page .antico section.access,
#page .scandia section.access,
#page .japone section.access{
	margin: 0 0 100px;
}
#page .antico section.access h2,
#page .scandia section.access h2,
#page .japone section.access h2{
	font-size: 27px;
	letter-spacing: 2px;
	font-weight: 700;
	color: #000;
	text-align: left;
}
#page .antico section.access h2 span,
#page .scandia section.access h2 span,
#page .japone section.access h2 span{
	font-size: 15px;
	font-weight: 600;
	margin-left: 20px;
	letter-spacing: 1em;
}
#page .antico section.access iframe,
#page .scandia section.access iframe,
#page .japone section.access iframe{
	width: 100%;
	height: 400px;
}
#page .antico section.access .tell,
#page .scandia section.access .tell,
#page .japone section.access .tell{
	line-height: 1.4em;
    font-size: 24px;
    color: #231815;
	margin-top: 30px;
}
#page .antico section.access p,
#page .scandia section.access p,
#page .japone section.access p{
	margin: 10px 0!important;
}




/* contact */
#page .antico section.contact,
#page .scandia section.contact,
#page .japone section.contact{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto 80px;
  font-family: "Europa-Bold", "こぶりなゴシック W3 JIS2004", sans-serif;		
}
#page .antico section.contact p,
#page .scandia section.contact p,
#page .japone section.contact p{
  margin: 0 0 20px;
  font-size: 14px;
  font-family: "Europa-Bold", "こぶりなゴシック W3 JIS2004", sans-serif;	
}
#page .antico section.contact h2,
#page .scandia section.contact h2,
#page .japone section.contact h2{
	width: 100%;
	font-size: 40px;
	font-weight: 600;
	color: #000;
	margin: 0 0 60px;
	padding:0;
	line-height: 140%;	
	text-align: center;
	padding-top: 26px;
	padding-bottom: 24px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
  font-family: "Europa-Bold", "こぶりなゴシック W6 JIS2004", sans-serif;	
}




/* ===================================================================
　 cpt-contents
==================================================================== */
#page .cpt-contents-head h2{
	font-size:28px;
	text-align: center;
	padding:80px 0 70px 0;
}
#page .cpt-contents{
    overflow-x: hidden;
}
#page .cpt-contents h2{
    margin: 30px 0 20px 0;
    padding:20px 20px;
    color: #574d43;
    font-size: 26px;
	line-height: 140%;
    border-left: solid 5px #675853;
    text-align: left;
	background: url("../images/common/naturalbg.png");	
}
#page .cpt-contents h3{
	margin-bottom: 2em;
	font-size:18px;
	line-height: 140%;
	padding: 5px 0 10px 1.5rem;
	border-bottom: 1px solid #675853;	
	background-image: repeating-linear-gradient(45deg, #675853 0 1px, transparent 1px 3px);
    background-repeat: no-repeat;
    background-size: 0.75rem 100%;
    background-position: left;
}



/*ボタン*/
#page .cpt-contents .btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	text-decoration: none;
	color: #B31815!important;
	font-size: 16px;
	border-radius: 30px;
	text-align: center;
	margin: 5px auto;
	width: 100%;
	padding: 1.2em 1em;
	position: relative;
	transition: 0.3s;
	background-color: #fff;
  border: 1px solid #B31815;
}
#page .cpt-contents .btn a::before,
#page .cpt-contents .btn a::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  transform-origin: 100% 50%;
  height: 1px;
  width: 8px;
  background-color: #B31815;
  border-radius: 2px;
  will-change: transform;
  transition: .3s;
}
#page .cpt-contents .btn a:hover{
	text-decoration: none;
	background: #B31815;
  color: #fff!important;
	transition:all 0.5s;
}
#page .cpt-contents .btn a::before {
  transform: translateY(-50%) rotate(30deg);
}
#page .cpt-contents .btn a::after {
  transform: translateY(-50%) rotate(-30deg);
}
#page .cpt-contents .btn a:hover::before {
  transform: translate(5px, -50%) rotate(30deg);
  background-color: #fff;
}
#page .cpt-contents .btn a:hover::after {
  transform: translate(5px, -50%) rotate(-30deg);
  background-color: #fff;
}


/*フキダシ調整*/
.w_b_quote {
	letter-spacing: 0.04em!important;
	color: #574d43!important;
	line-height: 30px!important;
	font-size: 14px!important;
	padding: 5px 7px!important;
}



/*table*/
#page .cpt-contents table{
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
}
#page .cpt-contents th{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
#page .cpt-contents td{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

#page .cpt-contents table tr:nth-child(1){
	background-color: #bababa;
}
#page .cpt-contents table tr:nth-child(1) td{
	color: #fff;
	font-weight: bold;
}
#page .cpt-contents table tr:nth-child(1) td strong{
	font-weight: bold;
}


/*目次調整*/
div#ez-toc-container ul li ul{
	margin: 5px 0 0 1.2rem!important;
}
div#ez-toc-container ul li ul li {
	line-height: 2!important;
}
div#ez-toc-container ul li ul li:before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	height: 1px;
	margin-right: 8px;
	background-color: #574d43;
}

/*youtube*/
.cpt-contents-youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.cpt-contents-youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
	


/* ----------------------------------------- */



/*sdgs*/
#page #sdgs .page-head{
	padding-left: 30px;
    padding-top: 15px;
    padding-right: 30px;
    padding-bottom: 15px;
	margin: auto;
	text-align: center;
}

#page #sdgs .page-head img{
	width: 130px;
}

#page #sdgs section.top .flex h3{
    color: #b01c23;
    font-size: 30px;
	font-weight: 600;
}
#page #sdgs section.top .flex .item{
	width: 48%;
}
#page #sdgs .flex .w30{
	width: 30%;
}
#page #sdgs .flex .w70{
	width: 70%;
	padding-left: 30px;
}
#page #sdgs .flex_nowrap{
	display: flex;
    flex-wrap: nowrap;
}
#page #sdgs .flex_nowrap_c{
	display: flex;
    flex-wrap: nowrap;
	justify-content: center;
}
#page #sdgs .col3 li:nth-child(3n) {
	margin-right: 0!important;
}
#page #sdgs .col3 li {
    float: left;
    width: 31.7%;
    margin: 0 20px 35px 0;
}
#page #sdgs .badge{
	margin-right: 3px;
	width: 120px;
}
#page #sdgs .flex{
	display: flex;
    flex-wrap: wrap;
	max-width: 960px;
	margin: 0 auto;
}

#page #sdgs .torikumi p{
	margin: 10px auto;
}
#page #sdgs .torikumi h4{
	color: #586972;
	font-size: 1.3em;
    line-height: 28px;
    margin-bottom: 10px;
}
#page #sdgs .baige{
	background-color: #F6F3EE;
    padding: 10px;
    margin: 10px 0px;
	text-align: center;
	font-size: 20px;
	line-height: 2.5;
	color: #555;
}
#page #sdgs div.obi-img{
	text-align: center;
}
#page #sdgs div.obi-img img{
	width: 90%;
	margin: 0 auto;
	height: auto;
}
#page #sdgs p{
	width: 100%;
}
#page #sdgs section.top{
	background: url('https://opusstyle.jp/wp/wp-content/uploads/2022/07/opus_main_image000.webp');
	padding-left: 30px;
    padding-top: 165px;
    padding-right: 0;
    padding-bottom: 330px;
}

#page #sdgs h3.c-large_headline{
	padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 10px;
	color: #b01c23;
    font-size: 30px;
	font-weight: 600;
	text-align: center;
}

.step {
    border: 1px solid #CCCCCC;
    padding: 0;
    margin: 30px auto;
    width: 100%;
    height: auto;
	padding-bottom: 0;
}



.step h4 {
    height: 80px;
    font-size: 16px!important;
    line-height: 100%!important;
    background: #524b48;
    padding: 30px!important;
	border: 0!important;
	margin-bottom: 0!important;
	color: #fff;
}

.step .number {
    position: relative;
    margin: 0 30px 0 0;
}

.step .number::after {
    content: "";
    height: 30px;
    width: 1px;
    background: #999;
    position: absolute;
    right: -18px;
    top: 40%;
    margin-top: -11px;
}


.step p{
	padding: 20px 30px;
	margin-bottom: 0!important;
}

#page .sankaku::after {
    content: '';
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    transform: rotate( 
-45deg
 );
    border-top: none;
    border-right: none;
    position: absolute;
    left: 50%;
    bottom: -10px;
    background: #fff;
    margin-left: -10px;
}

.qaBox{
	position: relative;
}
.anwBox {
    padding: 10px;
    display: none;
	background: #fff;
}
.qTxt{
	position: relative;
	cursor: pointer;
}
#page .sankaku-white::after {
    content: '';
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    transform: rotate( 
-45deg
 );
    border-top: none;
    border-right: none;
    position: absolute;
    left: 50%;
    bottom: -10px;
    background: #fff;
    margin-left: -10px;
	z-index: 100;
}

#page .amb{
	background-color: #e8e7e6;
	
}
#page .amb .sankaku::after {
    content: '';
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    transform: rotate( 
-45deg
 );
    border-top: none;
    border-right: none;
    position: absolute;
    left: 50%;
    bottom: -10px;
    background: #EFEFEF;
    margin-left: -10px;
}

h4.qTxt:before, h4.qTxt:after {
    display: block;
    content: '';
    background-color: #fff;
    position: absolute;
    width: 15px;
    height: 2px;
    top: 50%;
    right: 27px;
    transform: translate(-50%, -50%);
    float: right;
}
h4.qTxt:before {
    width: 2px;
    height: 15px;
    right: 40px;
}
h3.minus:before {
	content: none;
}

dl dt.selected span:after {
	margin: 3px 0 0 .5em;
	transform: rotate(225deg);
	transition: 0.2s;
}
.anwBox.last:after{
	content: none!important;
}

#page .amb .inner h2.rw span{
	margin-left: 20px;
}
#page .amb .inner h2.rw{
	color: #c20009!important;
	font-size: 15px;
	text-align: left!important;
}
#page .amb .inner .textC{
	margin-bottom: 50px;
	line-height: 2;
	font-weight: 500;
}
#page .amb .inner img{
	width: 80%;
	margin: 0 10% 20px 10%;;
 }
#page .amb .inner .container .btn a{
	background-color: #c20009;
    border: none;
    color: #fff;
    width: 30vw;
    margin: 30px auto;
}
#page .amb .inner .container{
	margin-bottom: 50px;
}
#page .amb .inner h1{
	color: #c20009;
	font-size: 15px;
	padding-bottom: 30px;
}
#page .amb .inner .rw span{
	font-size: 18px!important;
}
#page .amb .inner td{
	width: 50%!important;
	background: #fff;
}
#page .amb .inner th{
	background-color: #524b48;
	color: #fff;
	width: 50%;
}
#page .amb .inner .rw{
	font-family: Rockwell,Courier Bold,Courier,Georgia,Times,Times New Roman,serif!important; 
	font-size: 32px!important;
}
#page .amb .inner{
	width: 80%;
	max-width: 1000px;
	margin: auto;
	padding-bottom: 50px;	
}
#page .amb .kiyaku{
	height: 30vh;
	overflow: scroll;
	border: 1px solid #cccccc;
	padding: 13px;
	margin-top: 30px;
	background: #fff;
}
/* slick */
.inner-lp #slider-area{
	text-align: center;
  padding: 20px 0 40px;	
}
.inner-lp #slider-area h2{
font-size: 35px;
line-height: 55px;
}
.inner-lp #slider-area p{
	line-height: 40px;
	font-weight: 500;
}
.inner-lp .autoplay img{
    width: 100%;
    height: auto;
	object-fit: cover;
    text-align: center;
    margin: auto;
	margin-right: 2rem;
}
.inner-lp .contents-slide .slick-next{
	right: 30px!important;
	top: 45%!important;
}
.inner-lp .contents-slide .slick-prev,
.inner-lp .contents-slide .slick-prev:before{
	content: none!important;
	width: 0!important;
	height: 0!important;
}
.inner-lp .autoplay-left .slick-next,
.inner-lp .autoplay-left .slick-next:before{
	content: none!important;
	width: 0!important;
	height: 0!important;
	
}
.inner-lp .autoplay-left img{
    width: 100%;
    height: auto;
	object-fit: cover;
    text-align: center;
    margin: auto;
	margin-right: 2rem;
}
.inner-lp #slider-area button{
/*	display: none!important;*/
}
.inner-lp .autoplay-left .slick-dots {
	display: none!important;
}
.inner-lp .slick-dots {
    bottom: -30px!important;
}

.inner-lp .slick-list .pic p{
	margin-right: 0!important;
	line-height: 3!important;
	font-size: 14px!important;
	letter-spacing: 2px!important;
}


.inner-lp .slick-slide img{
	object-fit: cover;
	object-position: center;
	margin: 0 auto;
}

#page #contact-3 .tel a{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0 10px;
}
#page #contact-3 .tel{
	font-size:50px;
	padding-bottom:30px;
	border-bottom: 1px solid #ddd;
}
#page #contact-3 .tel{
	margin-bottom: 10px;
}
#page #contact-3 h4.pt30{
margin-top: 0!important;
	padding-top: 30px!important;
}

#page #contact-3 .freedial{
	width: 50px;
margin-bottom: 1%;
}


#page #contact-3 .tel-dial{
	display:block;
	color:#E3490F;
	font-weight: 500;
	font-family: "TBGothic M", "europa", sans-serif;
}





/* #housing-contents */
#housing-contents li{
	border-bottom: 0;
  margin-bottom: 40px;
}
#housing-contents li .thumb {
  width: 100%; /* 必要に応じて固定幅や%で制御 */
  aspect-ratio: 16 / 9;
  overflow: hidden;
}
#housing-contents li .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#housing-contents li .text {
  padding-bottom: 0;
	margin: 20px 0;
}
#housing-contents li p.category{
	font-size: 12px;
	line-height: 100%;
}
#housing-contents li p.category a{
	color: #888;
	border: 1px solid #888;
	padding: 1px 4px;
}
#housing-contents li h3{
	font-size:15px!important;
	margin:10px 0 0;
	margin-bottom: 0!important;
	
}

/* ================================================================
   最終巡回前：標準テンプレート／Figmaなし旧投稿タイプの限定整形
   後読みされる旧 .col2/.col3/.temp01 と要素セレクタを親クラス内で無効化
================================================================ */
#page .page-standard > .sec > .inner,
#page .standard-single__article,
#page .standard-single__nav,
#page .search-results-page__body,
#page .gallery-archive > .sec > .inner,
#page .gallery-single > .sec > .inner,
#page .voice-archive > .sec > .inner,
#page .interview-archive > .sec > .inner,
#page .perth-archive > .sec > .inner,
#page .perth-taxonomy > .sec > .inner,
#page .perth-single > .sec > .inner,
#page .youtube-archive > .sec > .inner{
	box-sizing:border-box;
	width:min(92%,1066px);
	max-width:1066px;
	margin-right:auto;
	margin-left:auto;
}
#page .page-standard > .sec > .inner,
#page .standard-single__article,
#page .search-results-page__body,
#page .gallery-archive > .sec > .inner,
#page .gallery-single > .sec > .inner,
#page .voice-archive > .sec > .inner,
#page .interview-archive > .sec > .inner,
#page .perth-archive > .sec > .inner,
#page .perth-taxonomy > .sec > .inner,
#page .perth-single > .sec > .inner,
#page .youtube-archive > .sec > .inner{padding-top:clamp(42.667px,4.167vw,60px);padding-bottom:clamp(71.111px,6.944vw,100px)}
#page .page-standard .inner > img:first-child{display:block;width:auto;max-width:100%;height:auto;margin:0 auto clamp(28.444px,2.778vw,40px)}
#page .page-standard .inner h2,
#page .standard-single__content h2{margin:clamp(39.822px,3.889vw,56px) 0 24px;padding:12px 16px;border:0;background:#ece6dd;color:#574d43;font-size:clamp(17.067px,1.667vw,24px);line-height:1.6;text-align:left}
#page .page-standard .inner h3,
#page .standard-single__content h3{margin:clamp(28.444px,2.778vw,40px) 0 16px;padding:0 0 10px;border-bottom:1px solid #d9d9d9;color:#b2191d;font-size:16px;line-height:1.7;text-align:left}
#page .page-standard .inner p,
#page .standard-single__content p{width:100%;min-width:0;max-width:none;margin:0 0 1.8em;font-size:14px;line-height:2;overflow-wrap:anywhere}
#page .page-standard .inner img,
#page .page-standard .inner iframe,
#page .standard-single__content img,
#page .standard-single__content iframe{max-width:100%}


#page .page-standard .inner img.wp-image-26947{
	text-align: center;
	max-width: 60%;
}
#page .page-standard .inner iframe,
#page .standard-single__content iframe{display:block;width:100%;height:auto;aspect-ratio:16/9}
#page .page-standard .inner table,
#page .standard-single__content table{display:table;width:100%;max-width:100%;margin:24px 0;border-collapse:collapse}
#page .page-standard .inner th,#page .page-standard .inner td,
#page .standard-single__content th,#page .standard-single__content td{padding:12px 16px;border:1px solid #d9d9d9;vertical-align:top}
#page .standard-single__article{max-width:852px}
#page .standard-single__meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:16px;color:#7f7060;font-size:13px}
#page .standard-single__article > h1{margin:0 0 clamp(28.444px,2.778vw,40px);padding:0;color:#574d43;font-size:clamp(22.756px,2.222vw,32px);font-weight:400;line-height:1.6;text-align:left}
#page .standard-single__thumb{margin:0 0 clamp(34.133px,3.333vw,48px)}
#page .standard-single__thumb img{display:block;width:100%;height:auto}
#page .standard-single__nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;max-width:852px;padding-bottom:clamp(71.111px,6.944vw,100px);font-size:13px}
#page .standard-single__nav > span:last-child{text-align:right}
#page .standard-single__back{padding-bottom:4px;border-bottom:1px solid #574d43}
#page .standard-single__nav.opus-renewal-nav{position:static;width:auto;padding-top:0}

#page .search-results-page__summary{margin:0 0 40px;font-size:16px}
#page .search-results-page__list{display:grid;gap:24px;margin:0;padding:0;list-style:none}
#page .search-results-page__list li{margin:0;border-bottom:1px solid #d9d9d9}
#page .search-results-page__list li > a{display:grid;grid-template-columns:clamp(177.778px,17.361vw,250px) 1fr;gap:clamp(22.756px,2.222vw,32px);padding:0 0 24px;color:#574d43}
#page .search-results-page__list figure{margin:0;aspect-ratio:3/2;overflow:hidden;background:#ece6dd}
#page .search-results-page__list figure img{display:block;width:100%;height:100%;object-fit:cover}
#page .search-results-page__list time{color:#7f7060;font-size:12px}
#page .search-results-page__list h3{margin:6px 0 10px;padding:0;border:0;font-size:18px;line-height:1.6;text-align:left}
#page .search-results-page__list p{margin:0 0 12px;font-size:13px;line-height:1.8}
#page .search-results-page__more{color:#b2191d;font-size:12px}
#page .search-results-page__empty{padding:48px 20px;background:#f7f5f1;text-align:center}

#page .gallery-archive .col3 > ul,#page .perth-archive .col3 > ul,#page .perth-taxonomy .col3 > ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34.133px,3.333vw,48px) 24px;margin:0;padding:0;list-style:none}
#page .gallery-archive .col3 > ul > li,#page .perth-archive .col3 > ul > li,#page .perth-taxonomy .col3 > ul > li{float:none;width:auto;min-width:0;height:auto;margin:0;padding:0;border:0}
#page .gallery-archive .thumb,#page .perth-archive .thumb,#page .perth-taxonomy .thumb{width:100%;height:auto;margin:0 0 14px;aspect-ratio:3/2;overflow:hidden;background:#ece6dd}
#page .gallery-archive .thumb img,#page .perth-archive .thumb img,#page .perth-taxonomy .thumb img{display:block;width:100%;height:100%;object-fit:cover}
#page .gallery-archive h3,#page .perth-archive h3,#page .perth-taxonomy h3{margin:0;padding:0;border:0;font-size:15px;line-height:1.7;text-align:left}
#page .gallery-single .col3 ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 20px;margin:0;padding:0}
#page .gallery-single .col3 li{float:none;width:auto;margin:0;padding:0}
#page .gallery-single .img{margin:0 0 10px;aspect-ratio:1/1;overflow:hidden}
#page .gallery-single .img img{width:100%;height:100%;object-fit:cover}
#page .gallery-single .img-title{margin:0 0 6px;font-size:14px}.gallery-single .img-caption{font-size:12px;line-height:1.7}
#page .gallery-morebtn{clear:both;margin:32px auto;padding:12px;border:1px solid #d9d9d9;text-align:center;cursor:pointer}

#page .voice-archive .col2 > ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 24px;margin:0;padding:0}
#page .voice-archive .col2 > ul > li{float:none;width:auto;margin:0;padding:0;border:0}
#page .voice-archive .col2 > ul > li > a{display:block}
#page .voice-archive .thumb{margin:0 0 16px;aspect-ratio:16/10;overflow:hidden}
#page .voice-archive .thumb img{width:100%;height:100%;object-fit:cover}
#page .voice-archive .col2 h3{margin:0 0 10px;padding:0;border:0;font-size:18px;line-height:1.7;text-align:left}
#page .voice-archive .col2 p{margin:0;font-size:13px;line-height:1.8}
#page .interview-archive .pad30,#page .perth-single .pad30{padding:0}
#page .interview-archive .thumb,#page .perth-single .mainimage{margin:0 0 32px;text-align:center}
#page .interview-archive .article,#page .perth-single .article{max-width:852px;margin:auto}
#page .interview-archive img,#page .perth-single img{max-width:100%;height:auto}

#page .youtube-archive > .sec > .inner > h3{margin:0 0 24px;padding:0 0 10px;border-bottom:1px solid #d9d9d9;color:#b2191d;font-size:18px;text-align:left}
#page .youtube-archive .youtube-list{display:block;margin:0 0 64px;padding:0}
#page .youtube-archive .qaBox{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
#page .youtube-archive .anwBox{padding:0;background:transparent}
#page .youtube-archive .anwBox li{display:inline-block;width:calc((100% - 52px)/3);margin:0 22px 24px 0}
#page .youtube-archive .anwBox li:nth-child(3n){margin-right:0}
#page .youtube-archive li{position:relative;width:auto;margin:0;padding:0}
#page .youtube-archive .youtube{position:relative;width:100%;height:auto;aspect-ratio:16/9;overflow:hidden}
#page .youtube-archive .youtube iframe{position:absolute;inset:0;width:100%;height:100%}
#page .youtube-archive .more{grid-column:1/-1;margin:24px auto;padding:10px 32px;border:1px solid #d9d9d9;text-align:center;cursor:pointer}

#page #archive #posts > .inner{box-sizing:border-box;width:min(92%,1066px);max-width:1066px;margin:auto;padding:clamp(42.667px,4.167vw,60px) 0 clamp(71.111px,6.944vw,100px)}
#page #archive #posts ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 24px;margin:0;padding:0}
#page #archive #posts li{float:none;width:auto;margin:0;padding:0;border:0}
#page #archive #posts .thumb{margin:0 0 14px;aspect-ratio:3/2;overflow:hidden}
#page #archive #posts .thumb img{width:100%;height:100%;object-fit:cover}
#page #archive #posts h3{margin:8px 0;padding:0;border:0;font-size:16px;line-height:1.7;text-align:left}
#page #archive #posts .date,#page #archive #posts .category{font-size:12px;color:#7f7060}
#page .event-single #page-contents > .inner{box-sizing:border-box;width:min(92%,852px);margin:auto;padding:clamp(42.667px,4.167vw,60px) 0 clamp(71.111px,6.944vw,100px)}
#page .event-single #page-contents h1{margin:16px 0 40px;font-size:clamp(22.756px,2.222vw,32px);line-height:1.6;font-weight:400;text-align:left}
#page .event-single #page-contents img,#page .event-single #page-contents iframe{max-width:100%;height:auto}
#page .event-single #page-contents iframe{width:100%;aspect-ratio:16/9}

/* ===================================================================
	/contact-3/：お問い合わせ（Figma contact_v1）
	管理画面本文から再利用するCF7だけに限定し、旧mailform CSSを無効化する。
==================================================================== */
#page.contact-3-page{overflow:hidden;background:#fff;color:#574d43}
#page.contact-3-page .contact-3-page__main{background-color:#fff;background-image:url('../images/common/bg-texture.png');background-position:left top;background-repeat:repeat;background-size:40px 40px}
#page.contact-3-page *{box-sizing:border-box}
#page.contact-3-page .contact-3-page__body{margin:0;padding:clamp(56.889px,5.556vw,80px) 0 clamp(85.333px,8.333vw,120px);}
#page.contact-3-page .contact-3-page__inner{width:clamp(758.044px,74.028vw,1066px);max-width:calc(100% - 32px);margin:0 auto;padding:0}
#page.contact-3-page .form-shell__intro{margin:0 0 clamp(17.067px,1.667vw,24px);color:#574d43;text-align:center}
#page.contact-3-page .form-shell__intro p{width:auto;max-width:none;margin:0;padding:0;font-size:14px;line-height:1.8;letter-spacing:.1em}
#page.contact-3-page .form-shell__intro p:first-child{margin-bottom:8px;font-family:YakuHanMP, "ShipporiMincho-Regular","NotoSerifJP-Regular",serif;font-size:clamp(17.067px,1.667vw,24px);font-weight:400;line-height:1.5}
#page.contact-3-page .form-shell__telcard{display:flex;flex-direction:column;align-items:center;justify-content:center;width:clamp(274.489px,26.806vw,386px);min-height:88px;margin:0 auto clamp(28.444px,2.778vw,40px);padding:16px 24px;border:1px solid #fff;border-radius:0;background:#f9f9f5}
#page.contact-3-page .form-shell__telcard a{margin:0;color:#b2191d;font-family:"Europa-Regular",sans-serif;font-size:clamp(19.911px,1.944vw,28px);font-weight:400;line-height:1;letter-spacing:.1em;text-decoration:none;white-space:nowrap}
#page.contact-3-page .form-shell__telcard p{width:auto;max-width:none;margin:8px 0 0;padding:0;color:#574d43;font-size:12px;line-height:1.5;letter-spacing:.08em;white-space:nowrap}
#page.contact-3-page .contact-3-form{width:clamp(604.444px,59.028vw,850px);max-width:none;margin:0 auto;padding:clamp(51.2px,5vw,72px) 0 0;border-top:1px solid #7f7060}
#page.contact-3-page .contact-3-form .wpcf7,
#page.contact-3-page .contact-3-form .wpcf7-form,
#page.contact-3-page .contact-3-form .form,
#page.contact-3-page .contact-3-form .mailform{width:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:transparent}
#page.contact-3-page .contact-3-form .tyui-bold{display:none}
#page.contact-3-page .contact-3-form .mailform{display:flex;flex-direction:column;gap:clamp(17.067px,1.667vw,24px)}
#page.contact-3-page .contact-3-form .mailform .cf{display:grid;grid-template-columns:clamp(144.356px,14.097vw,203px) minmax(0,clamp(412.444px,40.278vw,580px));column-gap:clamp(47.644px,4.653vw,67px);align-items:start;width:100%;margin:0;padding:0;border:0;background:transparent}
#page.contact-3-page .contact-3-form .mailform .cf::before,
#page.contact-3-page .contact-3-form .mailform .cf::after{display:none!important;content:none!important}
#page.contact-3-page .contact-3-form .mailform .cf:nth-child(1){order:1}
#page.contact-3-page .contact-3-form .mailform .cf:nth-child(4){order:2}
#page.contact-3-page .contact-3-form .mailform .cf:nth-child(3){order:3}
#page.contact-3-page .contact-3-form .mailform .cf:nth-child(2){order:4}
#page.contact-3-page .contact-3-form .mailform .cf:nth-child(5){order:5}
#page.contact-3-page .contact-3-form .mailform .title,
#page.contact-3-page .contact-3-form .mailform .text,
#page.contact-3-page .contact-3-form .mailform .radio,
#page.contact-3-page .contact-3-form .mailform .cf>p{display:block;float:none;width:100%;min-width:0;max-width:none;margin:0!important;padding:0;background:transparent}
#page.contact-3-page .contact-3-form .mailform .title>p{display:flex;align-items:center;gap:8px;min-height:58px;width:100%;margin:0!important;padding:0;color:#574d43;font-size:15px;line-height:1.8;letter-spacing:.1em}
#page.contact-3-page .contact-3-form .mailform .title font{display:inline-flex;align-items:center;justify-content:center;height:24px;margin:0;padding:4px 10px;border:1px solid #b2191d;border-radius:3px;color:#b2191d!important;font-size:0!important;letter-spacing:0;line-height:1;white-space:nowrap}
#page.contact-3-page .contact-3-form .mailform .title font::after{content:"必須";font-size:12px;letter-spacing:.1em;margin-right:-.1em}
#page.contact-3-page .contact-3-form input[type=text],
#page.contact-3-page .contact-3-form input[type=email],
#page.contact-3-page .contact-3-form input[type=tel],
#page.contact-3-page .contact-3-form input[type=url],
#page.contact-3-page .contact-3-form input[type=number],
#page.contact-3-page .contact-3-form select,
#page.contact-3-page .contact-3-form textarea{display:block;width:100%;max-width:none;height:58px;margin:0;padding:10px 16px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;box-shadow:none;color:#574d43;font-family:inherit;font-size:15px;line-height:1.8;letter-spacing:.1em}
#page.contact-3-page .contact-3-form textarea{height:250px;min-height:250px;resize:vertical}
#page.contact-3-page .contact-3-form .mailform .cf>p{font-size:14px;line-height:1.8;letter-spacing:.1em}
#page.contact-3-page .contact-3-form .mailform .cf>p>.wpcf7-form-control-wrap[data-name=personal_postal_code]{display:inline-block;width:154px;vertical-align:middle}
#page.contact-3-page .contact-3-form .mailform .cf>p>.wpcf7-form-control-wrap[data-name=personal_address_1]{display:block;width:100%;margin-top:16px}
#page.contact-3-page .contact-3-form .wpcf7-list-item{display:inline-block!important;margin:0 24px 0 0!important;padding:0;border:0;border-radius:0;background:transparent}
#page.contact-3-page .contact-3-form .wpcf7-list-item label{display:inline-flex;align-items:center;gap:8px;margin:0;padding:0;color:#574d43;font-size:15px;line-height:1.8;letter-spacing:.1em}
#page.contact-3-page .contact-3-form input[type=radio]{-webkit-appearance:radio;appearance:auto;width:20px!important;height:20px;margin:0;accent-color:#6f9fd8}
#page.contact-3-page .contact-3-form input[type=checkbox]{-webkit-appearance:checkbox;appearance:auto;width:20px!important;height:20px;margin:0;accent-color:#6f9fd8}
#page.contact-3-page .contact-3-form .C8{margin:clamp(28.444px,2.778vw,40px) 0 0;padding:0;text-align:center}
#page.contact-3-page .contact-3-form .C8 p{width:100%;max-width:none;margin:0 auto!important;padding:0}
#page.contact-3-page .contact-3-form .C8 input[type=image]{display:block;width:clamp(423.822px,41.389vw,596px);max-width:100%;height:80px;margin:0 auto;padding:0;border:1px solid #574d43;border-radius:4px;background:#574d43;object-fit:cover}
#page.contact-3-page .contact-3-form .privacy-doui{width:100%;max-width:none;margin:32px 0 0!important;padding:0;color:#574d43;font-size:12px;line-height:1.8;letter-spacing:.1em}
#page.contact-3-page .contact-3-form .privacy-doui a{color:inherit;text-decoration:underline}
#page.contact-3-page .contact-3-form .wpcf7-not-valid-tip{display:block;margin-top:6px;color:#b2191d;font-size:12px;line-height:1.6}
#page.contact-3-page .contact-3-form .wpcf7-response-output{margin:24px 0 0;padding:16px;border-width:1px;font-size:13px;line-height:1.8}
#page.contact-3-page .contact-3-form .akismet-fields-container{display:none!important}

@media screen and (min-width:1024px){
	#page.contact-3-page .form-shell__intro{margin-bottom:clamp(11.378px,1.111vw,16px)}
	#page.contact-3-page .form-shell__intro p{line-height:2.4}
	#page.contact-3-page .form-shell__intro p:first-child{margin-bottom:clamp(11.378px,1.111vw,16px);font-size:clamp(22.756px,2.222vw,32px)}
	#page.contact-3-page .form-shell__telcard{margin-bottom:clamp(56.889px,5.556vw,80px)}
	#page.contact-3-page .form-shell__telcard a{display:flex;align-items:baseline;gap:2px;font-size:inherit}
	#page.contact-3-page .form-shell__tel-label{font-size:clamp(17.067px,1.667vw,24px)}
	#page.contact-3-page .form-shell__tel-number{font-size:clamp(22.756px,2.222vw,32px)}
	#page.contact-3-page .form-shell__telcard p{font-size:14px;line-height:1;letter-spacing:.1em}
	#page.contact-3-page .contact-3-form .mailform{gap:clamp(28.444px,2.778vw,40px);margin-bottom: 4em;}
	#page.contact-3-page .contact-3-form .C8{margin:0}
	#page.contact-3-page .contact-3-form .C8 p{position:relative;width:clamp(423.822px,41.389vw,596px);max-width:100%;height:80px;border:1px solid #574d43;border-radius:4px;background:#574d43;overflow:hidden;transition:opacity .3s ease}
	#page.contact-3-page .contact-3-form .C8 p::after{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;line-height:1.8;letter-spacing:.1em;content:"メールを送信する";pointer-events:none}
	#page.contact-3-page .contact-3-form .C8 p:hover{opacity:.8}
	#page.contact-3-page .contact-3-form .C8 input[type=image]{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;border:0;background:transparent;opacity:0;cursor:pointer}
}

/* ===================================================================
	/contact-2/：資料請求 Figma PC 1440px 最終実効値
	後読みされる旧mailform／要素セレクタを資料請求内だけで無効化する。
==================================================================== */
#page.request-page{overflow:hidden;background:#fff;color:#574d43}
#page.request-page .request-page__main{background-color:#fff;background-image:url('../images/common/bg-texture.png');background-position:left top;background-repeat:repeat;background-size:40px 40px}
#page.request-page *{box-sizing:border-box}
#page.request-page .request-page__body{margin:0;padding:0 0 clamp(85.333px,8.333vw,120px);background:transparent}
#page.request-page .request-page__overview{display:flex;flex-direction:column;align-items:center;width:clamp(814.222px,79.514vw,1145px);max-width:calc(100% - 32px);margin:0 auto;padding:clamp(56.889px,5.556vw,80px) 0;border-bottom:1px solid #7f7060}
#page.request-page .request-page__intro{width:100%;max-width:none;margin:0 0 clamp(17.067px,1.667vw,24px);padding:0;color:#574d43;text-align:center}
#page.request-page .request-page__intro p,
#page.request-page .request-page__intro p:first-child{width:auto;max-width:none;margin:0;padding:0;font-size:clamp(11.378px,1.111vw,16px);line-height:1.8;letter-spacing:.1em}
#page.request-page .request-page__catalog{width:max-content;max-width:100%;margin:0;padding:clamp(11.378px,1.111vw,16px) clamp(22.756px,2.222vw,32px);border:1px solid #fff;border-radius:0;background:#f9f9f5;color:#574d43}




@media screen and (min-width: 1024px){
	#page.request-page .request-page__catalog > summary{
		pointer-events: none;
		cursor: default;
	}
	#page.request-page .request-page__catalog-summary-pc{
		display: inline;
	}
	#page.request-page .request-page__catalog-summary-sp,
	#page.request-page .request-page__catalog-icon{
		display: none;
	}
	#page.request-page .request-page__catalog-list,
	#page.request-page .request-page__catalog:not([open]) > .request-page__catalog-list{
		display: grid;
	}
}

#page.request-page .request-page__catalog-summary-sp,
#page.request-page .request-page__catalog-icon{display:none}
#page.request-page .request-page__catalog-list,
#page.request-page .request-page__catalog:not([open])>.request-page__catalog-list{display:grid;grid-auto-flow:column;grid-template-columns:repeat(2,max-content);grid-template-rows:repeat(3,auto);gap:0 clamp(22.756px,2.222vw,32px);margin:clamp(11.378px,1.111vw,16px) 0 0;padding:0 0 0 21px;color:#574d43;font-size:14px;line-height:2.4;letter-spacing:.1em;list-style:disc}
#page.request-page .request-page__catalog-list li{position:static;margin:0;padding:0;white-space:nowrap}
#page.request-page .request-page__catalog-list li::before{content:none}
#page.request-page .request-page__inner{width:clamp(604.444px,59.028vw,850px);max-width:none;margin:0 auto;padding:0}
#page.request-page .request-page__form{width:100%;max-width:none;margin:0;padding:clamp(51.2px,5vw,72px) 0 0;border:0;background:transparent}
#page.request-page .request-page__form .wpcf7,
#page.request-page .request-page__form .wpcf7-form,
#page.request-page .request-page__form .form,
#page.request-page .request-page__form .mailform{width:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:transparent}
#page.request-page .request-page__form .tyui-bold{display:none}
#page.request-page .request-page__form .mailform{display:flex;flex-direction:column;gap:clamp(28.444px,2.778vw,40px)}
#page.request-page .request-page__form .mailform .cf{display:grid;grid-template-columns:clamp(144.356px,14.097vw,203px) minmax(0,clamp(412.444px,40.278vw,580px));column-gap:clamp(47.644px,4.653vw,67px);align-items:start;width:100%;margin:0;padding:0;border:0;background:transparent}
#page.request-page .request-page__form .mailform .cf::before,
#page.request-page .request-page__form .mailform .cf::after{display:none!important;content:none!important}
#page.request-page .request-page__form .mailform .cf:nth-child(1){order:1}
#page.request-page .request-page__form .mailform .cf:nth-child(3){order:2}
#page.request-page .request-page__form .mailform .cf:nth-child(2){order:3}
#page.request-page .request-page__form .mailform .cf:nth-child(4){order:4}
#page.request-page .request-page__form .mailform .title,
#page.request-page .request-page__form .mailform .text,
#page.request-page .request-page__form .mailform .radio,
#page.request-page .request-page__form .mailform .cf>p{display:block;float:none;width:100%;min-width:0;max-width:none;margin:0!important;padding:0;background:transparent}
#page.request-page .request-page__form .mailform .title>p{display:flex;align-items:center;gap:8px;min-height:58px;width:100%;margin:0!important;padding:0;color:#574d43;font-size:15px;line-height:1.8;letter-spacing:.1em}
#page.request-page .request-page__form .mailform .title font{display:inline-flex;align-items:center;justify-content:center;height:24px;margin:0;padding:4px 10px;border:1px solid #b2191d;border-radius:3px;color:#b2191d!important;font-size:0!important;letter-spacing:0;line-height:1;white-space:nowrap}
#page.request-page .request-page__form .mailform .title font::after{content:"必須";font-size:12px;letter-spacing:.1em;margin-right:-.1em}
#page.request-page .request-page__form input[type=text],
#page.request-page .request-page__form input[type=email],
#page.request-page .request-page__form input[type=tel],
#page.request-page .request-page__form input[type=url],
#page.request-page .request-page__form input[type=number],
#page.request-page .request-page__form select,
#page.request-page .request-page__form textarea{display:block;width:100%;max-width:none;height:58px;margin:0;padding:10px 16px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;box-shadow:none;color:#574d43;font-family:inherit;font-size:15px;line-height:1.8;letter-spacing:.1em}
#page.request-page .request-page__form textarea{height:250px;min-height:250px;resize:vertical}
#page.request-page .request-page__form .mailform .cf>p{font-size:14px;line-height:1.8;letter-spacing:.1em}
#page.request-page .request-page__form .wpcf7-form-control-wrap[data-name=personal_postal_code]{display:inline-block;width:154px;vertical-align:middle}
#page.request-page .request-page__form .wpcf7-form-control-wrap[data-name=personal_address_1]{display:block;width:100%;margin-top:16px}
#page.request-page .request-page__form .wpcf7-list-item{display:inline-block!important;margin:0 24px 8px 0!important;padding:0;border:0;border-radius:0;background:transparent}
#page.request-page .request-page__form .wpcf7-list-item label{display:inline-flex;align-items:center;gap:8px;margin:0;padding:0;color:#574d43;font-size:15px;line-height:1.8;letter-spacing:.1em}
#page.request-page .request-page__form input[type=radio]{-webkit-appearance:radio;appearance:auto;width:20px!important;height:20px;margin:0;accent-color:#6f9fd8}
#page.request-page .request-page__form input[type=checkbox]{-webkit-appearance:checkbox;appearance:auto;width:20px!important;height:20px;margin:0;accent-color:#6f9fd8}
#page.request-page .request-page__form .C8{margin:clamp(14.222px,1.389vw,20px) 0 0;padding:0;text-align:center}
#page.request-page .request-page__form .C8 p{position:relative;width:clamp(423.822px,41.389vw,596px);max-width:100%;height:80px;margin:0 auto!important;padding:0;border:1px solid #574d43;border-radius:4px;background:#574d43;overflow:hidden}
#page.request-page .request-page__form .C8 p::after{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;line-height:1.8;letter-spacing:.1em;content:"メールを送信する";pointer-events:none}
#page.request-page .request-page__form .C8 input[type=image],
#page.request-page .request-page__form input[type=submit],
#page.request-page .request-page__form .wpcf7-submit{display:block;width:100%;max-width:none;height:100%;min-height:80px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#fff;opacity:0;cursor:pointer}
#page.request-page .request-page__form .privacy-doui{width:100%;max-width:none;margin:32px 0 0!important;padding:0;color:#574d43;font-size:12px;line-height:1.8;letter-spacing:.1em}
#page.request-page .request-page__form .privacy-doui a{color:inherit;text-decoration:underline}
#page.request-page .request-page__form .wpcf7-not-valid-tip{display:block;margin-top:6px;color:#b2191d;font-size:12px;line-height:1.6}
#page.request-page .request-page__form .wpcf7-response-output{margin:24px 0 0;padding:16px;border-width:1px;font-size:13px;line-height:1.8}
#page.request-page .request-page__form .akismet-fields-container{display:none!important}

@media screen and (min-width:1024px){
	#page.request-page .p-head{position:relative;inset:auto;padding:0 0 clamp(39.822px,3.889vw,56px)}
}

/* /maintenance/：帯（p-head）の直下の余白をなくす（PC・SP 共通。.page-standard>.sec>.inner の上余白を打ち消す） */
#page .maintenance-page.page-standard>.sec>.inner{padding-top:0}