
.main * {
  box-sizing: border-box;
}
.btn.-bg-main {
  background-color: #beaf87;
}
.btn.-white {
  color: #fff;
}

/* ----------------------------------------
// grid
---------------------------------------- */

.grid {
	display: flex;
	flex-wrap: wrap;
}

.grid.-col-1 > * {
	width: 100%;
}

.grid.-col-2 > * {
	width: 50%;
}

.grid.-col-3 > * {
	width: 33.33333%;
}

.grid.-col-4 > * {
	width: 25%;
}

.grid.-col-5 > * {
	width: 20%;
}

.grid.-col-6 > * {
	width: 16.66666%;
}

.grid.-col-7 > * {
	width: 14.28571%;
}

.grid.-col-8 > * {
	width: 12.5%;
}

@media (max-width: 767px) {
	.grid.-sp_col-1 > * {
		width: 100%;
	}

	.grid.-sp_col-2 > * {
		width: 50%;
	}

	.grid.-sp_col-3 > * {
		width: 33.33333%;
	}

	.grid.-sp_col-4 > * {
		width: 25%;
	}

	.grid.-sp_col-5 > * {
		width: 20%;
	}

	.grid.-sp_col-6 > * {
		width: 16.66666%;
	}

	.grid.-sp_col-7 > * {
		width: 14.28571%;
	}

	.grid.-sp_col-8 > * {
		width: 12.5%;
	}
}

hr {
    clear: both;
    margin-top: 40px;
    margin-bottom: 40px;
    border: none;
    height: 4px;
    background: url(https://www.hodaka-satei.com/images/common/line02_bg.jpg) repeat no-repeat left bottom;
}

/* form ///
---------------------------------------------- */

.cont-box.narrow .satei-step:nth-of-type(1) .title02:first-child { margin-top: 20px;}
.cont-box.narrow {
    font-size: 16px;
    background: #fff;
	padding: 30px 30px 40px;
	margin-bottom: 60px;
}
ul.attention li {
    margin-left: 1em;
    text-indent: -1em;
}
ul.attention li a { text-decoration: underline;}
.narrow table {
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #ccc;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}
.narrow table th,
.narrow table td {
    border-bottom: 1px solid #ccc;
    padding: 11px 20px 10px;
	line-height: 2;
}
.narrow table th {
    width: 240px;
    text-align: left;
    background-color: #fffbf2;
    position: relative;
    font-weight: normal;
}
.narrow table th::after {
	content: "任意";
    color: #FFF;
    background-color: #adadad;
    font-weight: normal;
    font-size: 12px;
    padding: 0 3px;
    position: absolute;
    right: 15px;
    line-height: 18px;
    height: 18px;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.narrow table th.hissu::after {
	content: "必須";
    background-color: #beaf87;
}
.narrow table small,.narrow table span.example { font-size: 13px;}
.narrow table th#th_sateiMode { line-height: 1.5;}
.narrow table th#th_sateiMode small { display: block;}
.narrow table .satei-type label + p { margin-top: -5px;}
#satei-table5 { margin-top: 5px;}

/* form */
fieldset { border: none;}
.narrow label {
    margin-right: 10px;
	white-space: nowrap;
}
.narrow input[type="radio"] {
    position: relative;
    top: 1px;
    margin-right: 5px;
}
.narrow input[type="text"],
.narrow input[type="email"],
.narrow input[type="number"],
.narrow input[type="tel"],
.narrow input[type="date"],
.narrow select {
	font-family: メイリオ, Meryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", sans-serif;
    width: 260px;
    padding: 2px 5px;
    border: 1px solid #CCC;
    border-radius: 2px;
	height: 32px;
	background-color: #FFF;
	font-size: 16px;
    margin-right: 10px;
}
	.narrow .your-date input[type="date"] {width: 170px;}
	.narrow .your-hour select,
	.narrow .your-time select {width: 80px;}
.narrow textarea {
    font-family: メイリオ, Meryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", sans-serif;
    width: 560px;
    padding: 2px 5px;
    border: 1px solid #CCC;
    height: 160px;
    background-color: #FFF;
    font-size: 16px;
    margin-bottom: -8px;
}
.narrow input.short-box,
.narrow select.short-box {
    width: 125px;
	float: left;
}
.narrow input[disabled="disabled"] { background-color: #eeeeee;}
.satei-submit {
    text-align: center;
    margin-top: 40px;
}
.satei-submit button,
.satei-submit input[type="submit"] {
  width: 400px;
  height: 50px;
  border: none;
  text-shadow: -1px -1px 0 rgba(0,0,0,0.2);
  background: url(https://www.hodaka-satei.com/images/common/satei-submit.png) left top no-repeat;
  font-size: 0;
}
.satei-submit button:hover,
.satei-submit input[type="submit"]:hover {cursor: pointer;opacity: 0.8;}

.recaptcha-note {
	margin-top: 20px;
	font-size: 1.2rem;
	color: #AAA;
	text-align: center;
}

.recaptcha-note > span {
	display: block;
}

.recaptcha-note a {
	color: #039be5;
}


/* 成約事例
////////////////////////////////////////////////////////////////////*/
/* 一覧
------------------------------*/
body.jirei.is_archive .main,
body.jirei.is_archive .main h2{
	width: 980px;
}
body.jirei.is_archive .pagebody{
	padding-right: 0;
    padding-left: 0;
	flex-direction: column;
	align-items: center;
}
body.jirei.is_archive #jirei-list li + li{
	margin-top: 25px;
}
body.jirei.is_archive #jirei-list a{
	display: flex;
	padding-top: 20px;
    padding-right: 30px;
    padding-bottom: 22px;
	padding-left: 20px;
	background-color:#F7F5F0;
}
body.jirei.is_archive #jirei-list figure{
	width: 385px;
	min-width: 385px;
	height: 280px;
	margin-right: 30px;
}
body.jirei.is_archive #jirei-list a > div{
	display: flex;
	flex-direction: column;
}
body.jirei.is_archive #jirei-list h3{
	color: #2A1B09;
	font-size: 2.4rem;
	line-height: 3.3rem;
	margin-bottom: 22px;
}
body.jirei.is_archive #jirei-list .jirei-memo{
	display: flex;
	align-items: center;
	line-height: 3.2rem;
}
body.jirei.is_archive #jirei-list .jirei-memo .jirei-kikan{
	display: flex;
	flex-direction: column;
	margin-right: 15px;
}
body.jirei.is_archive .jirei-memo .jirei-kikan > span:first-child{
	background-color: #AF8B3C;
	color: #fff;
	font-size: 1.6rem;
	width: 100px;
	text-align: center;
	height: 30px;
    line-height: 30px;
}
body.jirei.is_archive .jirei-memo .jirei-kikan > span:nth-of-type(2){
	color: #AF8B3C;
	border: 1px solid #AF8B3C;
	border-top: 0;
	width: 100px;
	box-sizing: border-box;
	text-align: center;
	height: 30px;
    line-height: 28px;
    font-weight: bold;
}
body.jirei.is_archive .jirei-memo .jirei-type{
	display: flex;
	flex-direction: column;
}
body.jirei.is_archive #jirei-list .jirei-text{
	font-size: 1.6rem;
	line-height: 2.8rem;
	margin-top: 24px;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;/* 任意の行数を指定 */
}
body.jirei.is_archive #jirei-list .jirei-motto{
	color: #AF8B3C;
	text-align: right;
	line-height: 1;
	margin-top: auto;
}
body.jirei.is_archive #jirei-list .jirei-motto span{
	border-bottom: 1px solid #AF8B3C;
	margin-left: 12px;
}

/* 記事
------------------------------*/
body.jirei.is_single .main{
	width: 980px;
}
body.jirei.is_single .main #jirei-detail{
	display: flex;
	margin-bottom: 56px;
}
body.jirei.is_single .main #jirei-detail figure{
	width: 460px;
	min-width: 460px;
	height: 300px;
	margin-right: 40px;
	margin-bottom: 0;
}
body.jirei.is_single .main #jirei-detail h3{
	color: #2A1B09;
	font-size: 2.4rem;
	letter-spacing: 0.10em;
	line-height: 4.8rem;
}
body.jirei.is_single .main #jirei-detail dl{
	display: flex;
	flex-wrap: wrap;
	margin-top: 26px;
}
body.jirei.is_single .main #jirei-detail dt{
	font-weight:500;
	background-color: #BEAF88;
	color: #fff;
	line-height: 28px;
	width: 100px;
	text-align: center;
	margin-right: 20px;
	margin-bottom: 24px;
	font-size: 1.6rem;
}
body.jirei.is_single .main #jirei-detail dd{
	width: calc(100% - 120px);
	margin-bottom: 24px;
	line-height: 3rem;
}
.jirei-duration {
    display: inline-block;
    margin-left: 20px;
    padding: 0 5px;
    color: #AF8B3C;
    font-size: 1.2rem;
    font-weight: bold;
    border: 1px solid #AF8B3C;
	height: 28px;
}
.jirei-duration strong{
	font-size: 1.6rem;
	line-height: 1;
}
body.jirei.is_single #jirei-comment{
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 1px solid #BEAF88;
	padding:30px;
	margin-top: 56px;
	margin-bottom: 56px;
	color: #2A1B09;
}
body.jirei.is_single #jirei-comment p{
	font-size: 1.8rem;
}
body.jirei.is_single #jirei-comment p + p{
	margin-top: 1.5em;
}
body.jirei.is_single #jirei-comment figure{
	margin-left: 30px;
	width: 240px;
	min-width: 240px;
	height: 210px;
	margin-bottom: 30px;
}

body.jirei.is_single #jirei-comment figcaption{
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
}
body.jirei.is_single #jirei-comment figcaption span{
	font-size: 1.4rem;
	margin-left: 5px;
	margin-right: -15px;
}
body.jirei.is_single #jirei-story h3{
	margin-top: 55px;
	position: relative;
	background-color: #F7F5F0;
	font-size: 2.1rem;
	font-weight: 700;
	line-height: 27px;
	font-feature-settings: 'palt' 0;
	letter-spacing: 0.05em;
	min-height: 55px;
	padding: 13px 30px;
	display: flex;
	align-items: center;
	text-align: justify;
	box-sizing: border-box;
	margin-bottom: 19px;
}
body.jirei.is_single #jirei-story h3::before{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: "";
	width: 30px;
	height: 44px;
	background-color: #F2EEE6;
	clip-path: polygon(0 0, 100% 0, 0 100%);
}
body.jirei.is_single #jirei-story p{
	margin: 1.5em 0;
}
body.jirei.is_single #jirei-story a{
	color: #AF8B3C;
  	border-bottom: 1px solid #AF8B3C;
}
body.jirei.is_single .jirei-imeges{
	display: flex;
    flex-wrap: wrap;
	margin-top: 55px;
	margin-bottom: 0;
}
body.jirei.is_single .jirei-imeges li{
	width: 240px;
	height: 200px;
	padding: 0;
	margin-bottom: 0;
}
body.jirei.is_single .jirei-imeges li::before{
	display: none;
}
body.jirei.is_single .jirei-imeges li:not(:nth-of-type(4n)){
	margin-right: calc(20px / 3);
}
body.jirei.is_single .jirei-imeges li:nth-of-type(n+5){
	margin-top: calc(20px / 3);
}

/* // wysiwigエディタ内の画像の処理 (「ギャラリーを作成」で横並びにした場合) */
.jirei .gallery img { border: none !important;}
.jirei .gallery-item + .gallery-item { margin-left: 10px;}
.jirei .gallery-columns-2 .gallery-item { width: calc( 50% - 5px ) !important;}
.jirei .gallery-columns-3 .gallery-item { width: calc( 33.33% - 7px ) !important;}
.jirei .gallery-columns-4 .gallery-item { width: calc( 25% - 5px ) !important;}
.jirei .gallery-columns-4 .gallery-item + .gallery-item { margin-left: 5px;}

body.jirei.is_single .navlink {
	width: 980px;
	margin-bottom: 56px;
}
body.jirei.is_single .navlink a{
	width: 480px;
}

.pgcontent .title01 {
	font-size: 20px;
	line-height: 1.4;
	padding: 1.5rem;
	margin-top: 4rem;
	margin-bottom: 2rem;
	clear: both;
	background: #beaf87;
	color: #fff;
	position: relative;
	border-bottom: solid 2px #e7e7e7;
}
.pgcontent .title02 {
	padding-left: 0;
	font-size: 20px;
	line-height: 1.4;
	padding-bottom: 10px;
	margin-top: 40px;
	margin-bottom: 20px;
	clear: both;
	border-bottom: solid 2px #beaf87;
	color: #beaf87;
	position: relative;
}

/* 記事
------------------------------*/
.pgcontent .jirei { margin-top: 20px;}
.pgcontent .jirei__header { display: flex;}
.pgcontent .jirei__eyecatch { flex: 0 0 360px;}

.pgcontent .jirei__info {
    flex: 1 1 auto;
    margin-left: 20px;
}

.pgcontent .jirei__infoTitle {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.25;
	margin-top: 0;
}
.pgcontent .jirei__infoTitle::before, .pgcontent .jirei__infoTitle::after {
	display: none;
}
.pgcontent .jirei__infoTitle + .jirei__table {
    margin-top: 10px;
}
.pgcontent .jirei__table {
    width: 100%;
}
.pgcontent .jirei__table tr {
    border-top: 1px dotted #aaa;
    font-size: 14px;
    line-height: 1.143;
    text-align: left;
}
.pgcontent .jirei__table tr:last-child {
    border-bottom: 1px dotted #aaa;
}

.pgcontent .jirei__table th {
	box-sizing: border-box;
	padding: 16px 10px 16px 20px;
	width: 160px;
	background-color: #fffbf2;
	font-weight: bold;
}

.pgcontent .jirei__table td {
    padding-right: 10px;
    padding-left: 20px;
}

.pgcontent .jirei__duration {
    display: inline-block;
    margin-left: 20px;
    padding: 5px;
    background-color: #414042;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
}

.pgcontent .jirei__duration > strong {
    font-size: 18px;
}

.pgcontent .jirei__background {
    margin-top: 30px;
    padding: 14px 20px;
    border: 1px solid #e1d9c4;
	background-color: #fffbf2;
    line-height: 1.857;
}

.pgcontent .jirei__success {
    margin-top: 30px;
}

.pgcontent .jirei__success__title {
    color: #beaf87;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    position: relative;
    padding-left: 25px;
}

.pgcontent .jirei__success__title::before {
    position: absolute;
	content: "";
	width: 16px;
	height: 16px;
	top: 3px;
	left: 0;
	background: url(../images/jirei/title04.png) no-repeat center;
}

.pgcontent .jirei__success__body {
    margin-top: 20px;
}

.pgcontent .jirei__success__body::after {
    display: block;
    clear: both;
    content: '';
}

.pgcontent .jirei__success__author {
    width: 150px;
    margin-left: 20px;
    float: right;
}

.pgcontent .jirei__success__author > figcaption {
    font-size: 13px;
    text-align: center;
}

.pgcontent .jirei__success__author img {
    margin: auto;
    height: 150px;
    display: block;
}

/*
// wysiwigエディタ内の画像の処理 (「ギャラリーを作成」で横並びにした場合)
*/

.pgcontent .jirei .gallery img {
    border: none !important;
}

.pgcontent .jirei .gallery-item + .gallery-item {
    margin-left: 10px;
}

.pgcontent .jirei .gallery-columns-2 .gallery-item {
    width: calc( 50% - 5px ) !important;
}

.pgcontent .jirei .gallery-columns-3 .gallery-item {
    width: calc( 33.33% - 7px ) !important;
}

.pgcontent .jirei .gallery-columns-4 .gallery-item {
    width: calc( 25% - 5px ) !important;
}

.pgcontent .jirei .gallery-columns-4 .gallery-item + .gallery-item {
    margin-left: 5px;
}

/* end wysiwigエディタ内の画像の処理 (横並びにした場合) */

.footerForm__lead {
    margin-top: 26px;
    color: #414042;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.25;
}

.footerForm__notes {
    margin-top: 22px;
    font-size: 13px;
    line-height: 1.615;
}

.footerForm__notes small {
    font-size: inherit;
}

.footerForm__notes a {
    text-decoration: underline;
}

.footerForm__body {
    margin-top: 16px;
}

.footerForm__body table {
    table-layout: fixed;
}

.footerForm__body .wpcf7-list-item {
    display: block;
}

.footerForm__body label {
    margin-right: 0;
    font-size: 14px;
}

.footerForm__body .wpcf7-list-item-label {
    margin-left: 0.5em;
}

.footerForm__body input[type="text"],
.footerForm__body input[type="tel"],
.footerForm__body input[type="email"] {
    font-size: 14px;
}

.footerForm__body textarea {
    width: 100%;
    font-size: 14px;
}


/* 売却広告事例　アーカイブページ //
////////////////////////////////////////////////////////////////////*/
li.mharch-item {
    box-sizing: border-box;
    padding: 50px 30px;
    width: 50%;
}
li.mharch-item img {
    height: auto;
}
body.adcase.is_archive .pgcontent > .list {
    display: flex;
    flex-wrap: wrap;
}
main.adcasecat .thumbnail {
	position: relative;
	overflow: hidden;
	padding-top: 66.66666%;
}
main.adcasecat .thumbnail img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  font-family: 'object-fit: cover;';
}
.mharch-lead {
	margin-bottom: 60px;
	line-height: 1.75;
	text-align: center;
}
.mharch-lead__main {
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}
.mharch-lead__sub {
	margin-top: 1em;
	font-size: 16px;
	font-weight: normal;
}
.mharch-list-wrap {overflow: hidden;}
.mharch-list {margin: -50px -30px auto;}
.mharch-list > li {padding: 50px 30px;}
.mharch-list > li:only-child { /* 1件のみの時は中央寄せ */
	margin-right: auto;
	margin-left: auto;
}
.mharch-card {
	display: block;
	font-size: 16px;
	line-height: 2.25;
}
.mharch-card__title {
	margin-top: 36px;
	font-size: 28px;
	line-height: 1.235;
	font-weight: bold;
}
.mharch-card-metaList {
	margin-top: 18px;
	line-height: 1.75;
}
.mharch-card-metaList__wrap {display: flex;}
.mharch-card-metaList__wrap > dt {
	flex-shrink: 0;
	display: flex;
	justify-content: space-between;
}
.mharch-card-metaList__wrap > dt::after {content: '：';}
.mharch-card__comment {margin-top: 25px;}
.mharch-card__comment br {display: none;}
.mharch-card-btn-wrap {margin-top: 35px;}
.mharch-card-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 260px;
	height: 60px;
	margin-left: auto;
	font-size: 20px;
	font-weight: bold;
}

/* 売却広告事例　シングルページ //
////////////////////////////////////////////////////////////////////*/
.mhsg > * + * {margin-top: 70px;}
.adcase_title {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 45px;
  margin-bottom: 50px;
  color: #414042;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.235;
  text-align: justify;
  text-align-last: center;
  font-feature-settings: 'palt';
}
.adcase_title::after {
  content: '';
  width: 90px;
  height: 8px;
  margin-top: 15px;
  background-color: #beaf87;
}
.mhsg-eyecatch img {
  border: 0;
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
  line-height: 1;
}
.mhsg .adcase_title02 {
	margin-top: 120px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #414042;
	color: #fff;
	margin-bottom: 40px;
	padding: 16px 30px;
	border-radius: 8px;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.272;
	text-align: center;
	text-align-last: center;
	font-feature-settings: 'palt';
}
.mhsg-eyecatch {background-color: #f0f0f0;}

/* 縦長画像を考慮 */
.mhsg-eyecatch.-vert {
	position: relative;
	height: 0;
	padding-top: 66.66%;
	overflow: hidden;
}
.mhsg-eyecatch.-vert > img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	font-family: 'object-fit: contain;';
}
/* end 縦長画像を考慮 */

.mhsg-desc {margin-top: 40px;}
.mhsg-comment {
	padding: 1em 1.25em;
	background-color: #414042;
	font-size: 18px;
	line-height: 1.75;
	font-weight: bold;
	color:#fff;
}

.mhsh-tags-wrap {margin-top: 20px;}

.mhsh-tags {
	display: flex;
	flex-wrap: wrap;
	margin: -5px;
}
.mhsh-tags > li {
	margin: 5px;
	padding: 0.4em 0.5em;
	border: 1px solid currentColor;
	font-size: 14px;
	font-weight: normal;
}
.mhsg-reserveSect {
	margin-top: 60px;
	margin-bottom: 60px;
	text-align: center;
}

.mhsg-reserveSect:last-child {
	margin-bottom: 0;
}
.mhsg-reserveSect__lead {
	font-size: 24px;
	font-weight: bold;
}
.mhsg-reserveSect__btn-wrap {margin-top: 20px;}
.mhsg-reserveBtn {
	width: 400px;
	padding: 1em;
	font-size: 24px;
	font-weight: bold;
}
.mhsg-photos {margin: -5px;}
.mhsg-photos > li {padding: 5px;}
.mhsg-photo {position: relative;}
.mhsg-photo__img {
	display: block;
	position: relative;
	height: 0;
	padding-top: 200px;
	overflow: hidden;
	background-color: #f0f0f0;
}
.mhsg-photo__img > img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%);
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

.mhsg-photo__texts {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 1em;
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s ease-out;
}
.mhsg-photo__img:focus + .mhsg-photo__texts,
.mhsg-photo__img:hover + .mhsg-photo__texts {opacity: 1;}

.mhsg-photo__title {
	font-size: 18px;
	font-weight: bold;
}
.mhsg-photo__text {
	margin-top: 1em;
	font-size: 14px;
	line-height: 1.5;
}
.mhsg-photo__text:empty {margin-top: 0;}

_:lang(x)::-ms-backdrop,
.mhsg-photo__text {max-width: 100%;}
.mhsg-3DWalkSect > p {
	margin-bottom: 40px;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}
.mhsg-detail .table-style01 th {
	padding: 1em;
	border: 1px solid #ccc;
	background-color: #f4f4f4;
}
.mhsg-detail .table-style01 td {
	padding: 1em;
	border: 1px solid #ccc;
}
.mhsg-detail__note {
	margin-top: 10px;
	font-size: 16px;
	line-height: 1.5;
}
.mhsg-3DWalkSect iframe {
  width: 100%;
  border: none;
  display: block;
  background-color: #f0f0f0;
  margin-bottom: 50px;
}

/* ----------------------------------------
// モデルハウス boxer
---------------------------------------- */
main.adcasecat > #boxer{height: auto !important;}
main.adcasecat > #boxer .boxer-position {
	margin-top: 4px;
	padding: 0;
	float: right;
}
main.adcasecat > #boxer .boxer-caption p {padding: 0;}
main.adcasecat > #boxer .boxer-caption p:first-child {
	font-size: 16px;
	line-height: 1.5;
	font-weight: bold;
}
main.adcasecat > #boxer .boxer-caption p:nth-child(2) {
	margin-top: 0.25em;
	font-size: 14px;
	line-height: 1.714;
	text-align: justify;
}
main.adcasecat > #boxer .boxer-control.next.disabled {display: none;}
/* end モデルハウス boxer */


/*******************************************
      追加分：広告事例
*/

.method4_adlist{
	display: flex;
	flex-flow: row wrap;
	margin-bottom: 1rem;
}
.method4_adlist > li {
    width: calc(97% / 3.01);
    border: 1px solid #e1d9c4;
	box-shadow: inset 0 0 0 1px #FFF;
    margin-bottom: 3rem;
    display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	flex-wrap: wrap;
}
.method4_adlist p > img, ol.method4_adlist li > img {
    max-width: 100%;
}
.method4_adlist_con{
	padding: 1rem;font-size: 1.5rem;color:#333;
}
.method4_adlist h4 { text-align: center;}
.method4_adlist > li:not(:nth-of-type(3)) { margin-right: 1rem;}
.method4_adlist_con::before {
	padding-right: 10px;
	content: "\f054";
	font-family: "Font Awesome 6 Free";
	color: #beaf87;
	display: table-cell;
	vertical-align: middle;
}
.method4_adlist_con{ display: table;}
.method4_adlist_con span{
	display: table-cell;
	vertical-align: middle;
}
@media screen and (max-width:480px) {
	.method4_adlist > li:not(:nth-of-type(3)) { margin-right: 0 !important;}
	.method4_adlist > li {
	    width: 100% !important;
	    margin-bottom: 1rem !important;
	}
	.method4_adlist > li > a{display: flex;}
	.method4_adlist > li > a > p{width: 25%;}
	.method4_adlist {
	    justify-content: space-between;
	}
}

.flex2layout{
	display: flex;
	flex-flow: row wrap;
	margin-bottom: 1rem;
}
.flex2layout > li:first-child{margin-right:2rem;}
.flex2layout > li {
    width: calc(97.4% / 2);
    margin-bottom: 3rem;
    display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	flex-wrap: wrap;
	position: relative;
}
.flex2layout > li span {
	position: absolute;
	background: rgba(255,255,255,0.7);
	width: 50%;
	right: 0;
	bottom: 0;
	text-align: center;
	font-size: 2rem;
}
@media screen and (max-width:520px) {
	.flex2layout > li:first-child{margin-right:.5rem;}
	.title04,.title05{font-size: 1.6rem;}
	.title04::before {top: 7px;}
	.photo-style1 { margin-bottom: 1em;}
	.flex2layout > li span {font-size: 1.6rem;}
}
