@charset "utf-8";

/*******************************
/* 共通
*******************************/
/*rayout*/
.common-item-img-ttl-cat-tag {
	flex: 1;
}

/*dl*/
.common-dl {
	display: flex;
	flex-wrap: wrap;
	border-top: 1px rgb(220, 220, 220, 0.5) solid;
	margin-bottom: 0;
}

.common-dl dt {
	width: 8rem;
	font-weight: 400;
	border-bottom: 1px rgb(220, 220, 220, 0.5) solid;
	padding-top: 1rem;
	padding-bottom: 1rem;
	display: flex;
	align-items: center;
}

.common-dl dd {
	width: calc(100% - 8rem);
	border-bottom: 1px rgb(220, 220, 220, 0.5) solid;
	margin-bottom: 0;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

@media screen and (max-width: 1199px) {
	.common-dl {
		font-size: 1.4rem;
	}
}

/* dl 変更 */
.cd-dt-colon dt {
	position: relative;
}

.cd-dt-colon dt::after {
	content: "：";
}

@media screen and (max-width: 1199px) {

	.common-small-dl .common-dl dt,
	.common-small-dl .common-dl dd {
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}

	.cd-dt-50 .common-dl dt {
		width: 6rem;
	}

	.cd-dt-50 .common-dl dd {
		width: calc(100% - 6rem);
	}

	.common-dl-small-txt {
		font-size: 1rem;
	}
}

@media screen and (min-width: 1200px) {

	.common-small-dl .common-dl dt,
	.common-small-dl .common-dl dd {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}

	.cd-dt-50 .common-dl dt {
		width: 6.5rem;
	}

	.cd-dt-50 .common-dl dd {
		width: calc(100% - 6.5rem);
	}

	.common-dl-small-txt {
		font-size: 1.3rem;
	}
}

/* dl PC size */
@media screen and (min-width: 1200px) {

	.common-dl-pc-size .common-dl dt,
	.common-dl-pc-size .common-dl dd {
		padding-top: 2.4rem;
		padding-bottom: 2.4rem;
	}

	.common-dl-pc-size .common-dl dt {
		width: 16rem;
	}

	.common-dl-pc-size .common-dl dd {
		width: calc(100% - 16rem);
	}
}

/* dl sp dt 95 size */
@media screen and (max-width: 1199px) {
	.common-dl-sp-size-dt95 .common-dl dt {
		width: 9.5rem;
	}

	.common-dl-sp-size-dt95 .common-dl dd {
		width: calc(100% - 9.5rem);
	}
}

/* dl ul ver */
.common-ul {
	margin-bottom: 0;
	padding-left: 0;
	border-top: 1px rgb(220, 220, 220, 0.5) solid;
}

.common-ul li {
	list-style: none;
	border-bottom: 1px rgb(220, 220, 220, 0.5) solid;
}

@media screen and (max-width: 1199px) {
	.common-ul {
		font-size: 1.4rem;
	}

	.common-ul li {
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}
}

@media screen and (min-width: 1200px) {
	.common-ul li {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
}

/* pagenation swiper */
@media screen and (max-width: 1199px) {
	.ccops-one-pagenation {
		margin-top: 2.4rem;
	}
}

@media screen and (min-width: 1200px) {
	.ccops-one-pagenation {
		margin-top: 4rem;
	}
}

/*******************************
/* 投稿the_content
*******************************/
#main h1,
#main h2,
#main h3 {
	margin-bottom: 1.2em;
}

#main h1,
.single-h1-ttl,
#main h2,
.single-h2-ttl,
#main h3,
.single-h3-ttl {
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0.08em;
}

#main h2,
.single-h2-ttl {
	background-color: #f8f8f8;
	border-left: 6px #f0c33e solid;
	padding-top: 0.86em;
	padding-bottom: 0.86em;
	padding-right: 1.1em;
	padding-left: 1.1em;
}

#main h3,
.single-h3-ttl {
	color: #f0c33e;
}

#main .gallery-columns-4 {
	display: flex;
	flex-wrap: wrap;
	margin-right: -0.5rem;
	margin-left: -0.5rem;
}

#main .gallery-columns-4 .gallery-item {
	width: calc(100% / 4);
	padding-right: 0.5rem;
	padding-left: 0.5rem;
}

img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
}

img.alignright {
	margin-left: auto;
	display: block;
}

@media screen and (max-width: 1199px) {

	#main h1,
	.single-h1-ttl {
		font-size: 2rem;
	}

	#main h2,
	.single-h2-ttl,
	#main h3,
	.single-h3-ttl {
		font-size: 1.5rem;
	}
}

@media screen and (min-width: 1200px) {

	#main h1,
	.single-h1-ttl {
		font-size: 2.2rem;
	}

	#main h2,
	.single-h2-ttl,
	#main h3,
	.single-h3-ttl {
		font-size: 1.8rem;
	}
}

/*******************************
/* フォーム/テーブル
*******************************/
/*form reset*/
input,
button,
select,
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent;
	border: none;
	border-radius: 0;
	font: inherit;
	outline: none;
}

textarea {
	resize: vertical;
}

input[type='checkbox'],
input[type='radio'] {
	display: none;
}

input[type='submit'],
input[type='button'],
label,
button,
select {
	cursor: pointer;
}

select::-ms-expand {
	display: none;
}

/*******************************
/* フォームカスタマイズ
*******************************/
.bdt-1-e3e3e3-s {
	border-top: 1px #e3e3e3 solid;
}

.bdb-1-e3e3e3-s {
	border-bottom: 1px #e3e3e3 solid;
}

/********form本体********/
/*入力欄共通装飾*/
#form-wrap input,
#form-wrap textarea,
#form-wrap select,
input[type='date'] {
	outline: none;
	resize: none;
	margin: 0;
	width: 100%;
}

#form-wrap textarea {
	display: block;
}

#form-wrap.input-color-fff input,
#form-wrap.input-color-fff textarea,
#form-wrap.input-color-fff select {
	background-color: #fff;
	border-radius: 0.5rem;
}

#form-wrap.input-color-fff .form-group-checkbox label span::before,
#form-wrap.input-color-fff .form-group-radio label span::before,
#form-wrap.input-color-fff .form-acceptance label span::before {
	background-color: #fff;
}

.input-color-ededea input,
.input-color-ededea input[type="number"],
.input-color-ededea textarea,
.input-color-ededea select {
	background-color: #ededea !important;
}

#form-wrap ::-webkit-input-placeholder {
	/* WebKit, Blink, Edge */
	color: #bfbfbf;
}

#form-wrap :-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #bfbfbf;
}

#form-wrap ::placeholder {
	/* Others */
	color: #bfbfbf !important;
}

.form-input-select-icon ::placeholder {
	color: #313131 !important;
}

#form-wrap select {
	/* Others */
	color: #a6a6a6;
}

#form-wrap select.selected {
	/* Others */
	color: #282828;
}

#form-wrap input[type="text"]:focus,
#form-wrap input[type="tel"]:focus,
#form-wrap input[type="email"]:focus,
#form-wrap textarea:focus,
#form-wrap select:focus {
	background-color: #ededea;
}

#form-wrap input:-webkit-autofill,
#form-wrap textarea:-webkit-autofill {
	box-shadow: 0 0 0px 100px #ededea inset;
	-webkit-text-fill-color: 000 !important;
}

@media screen and (max-width: 1199px) {

	#form-wrap input,
	#form-wrap textarea,
	#form-wrap select,
	input[type='date'] {
		padding: 1.3rem 2rem;
	}
}

@media screen and (min-width: 1200px) {

	#form-wrap input,
	#form-wrap textarea,
	#form-wrap select,
	input[type='date'] {
		padding: 2.15rem 3rem;
	}
}

/*****各項目枠*****/
.form-group {
	margin-bottom: 0 !important;
	position: relative;
	z-index: 1;
}

.bdbn {
	border-bottom: none;
}

.form-label {
	display: flex;
	align-items: center;
	position: relative;
}

.form-label-ttl {
	line-height: 1.555555555555556em;
	font-weight: 500;
}

.form-input {
	position: relative;
	z-index: 1;
}

@media screen and (min-width: 768px) {
	.form-input-row {
		display: flex;
		margin-right: -0.7rem;
		margin-left: -0.7rem;
	}

	.form-input-col {
		width: 50%;
		padding-right: 0.7rem;
		padding-left: 0.7rem;
	}
}
@media screen and (max-width: 1399px) {
	.form-group {
		padding-top: 2.2rem;
		padding-bottom: 2.2rem;
	}

	.form-group.form-group-radio,.form-group.form-group-checkbox {
		padding-top: calc(2.2rem - 0.3em);
		padding-bottom: calc(2.2rem - 0.3em);
	}
	.form-group.form-group-checkbox.flt-fukusukaito{
		padding-bottom: calc(3.2rem - 0.3em);
	}

	.form-label {
		margin-bottom: 1.6rem;
	}

	.form-small-txt {
		padding-bottom: 2rem;
		margin-top: -1.6rem;
	}
	.flt-fukusukaito .form-label-ttl{
		display: flex !important;
	}
	.flt-fukusukaito .form-label-ttl .form-small-txt{
		margin-left: 1rem;
	}
}

@media screen and (min-width: 1400px) {

	/*各項目枠・名*/
	.form-group {
		display: flex;
		padding-top: 3rem;
		padding-bottom: 3rem;
	}

	.form-group.form-group-radio,.form-group.form-group-checkbox {
		padding-top: calc(3rem - 0.3em);
		padding-bottom: calc(3rem - 0.3em);
	}
	.form-group.form-group-checkbox.flt-fukusukaito{
		padding-bottom: calc(4.2rem - 0.3em);
	}

	.form-label {
		width: 22rem;
	}

	.form-input {
		width: calc(100% - 22rem);
	}

	.form-group-input-txt-only {
		width: calc(100% - 22rem);
		margin-left: auto;
	}

	.form-small-txt {
		padding-bottom: 2.6rem;
		margin-top: -2rem;
	}
	.flt-fukusukaito .form-label-ttl{
		position: relative;
		top: 1rem;
	}
}

@media screen and (max-width: 1599px) {

	/*各項目枠・名*/
	.form-small-txt {
		font-size: 1.2rem;
	}

	.form-last-txt {
		font-size: 1.3rem;
	}
}

@media screen and (min-width: 1600px) {

	.form-group:hover::before {
		opacity: 1;
	}

	.form-label {
		letter-spacing: 0.05em;
	}

	.form-small-txt {
		font-size: 1.3rem;
	}

	.form-last-txt {
		font-size: 1.4rem;
	}
}

/*****必須*****/
.form-label-required {
	position: relative;
	text-align: center;
	width: 3.8462em;
	line-height: 1.9231em;
	display: block;
	border-radius: 0.3rem;
	margin-right: 0.9rem;
	font-size: 1.3rem;
	color: #fff;
}

#form-wrap .wpcf7-not-valid-tip {
	font-size: 0.9em;
}

/*住所*/
#autozip {
	display: none !important;
}

#form-wrap .fgai-zip {
	width: 58.82352941176471%;
	margin-bottom: 0;
	max-width: 39rem;
}

.form-group-address-inner .wpcf7-form-control-wrap:first-child {
	display: block;
	margin-bottom: 0.5rem;
}

/*****チェックボックス・ラジオ共通・同意*****/
#form-wrap input[type="checkbox"],
#form-wrap input[type="radio"] {
	display: none;
}

.form-group-checkbox .wpcf7-list-item,
.form-group-radio .wpcf7-list-item,
.form-acceptance .wpcf7-list-item {
	margin-left: 0;
}

.form-group-checkbox label span,
.form-group-radio label span,
.form-acceptance label span {
	position: relative;
	display: inline-block;
}

.form-group-checkbox label span::before,
.form-group-radio label span::before,
.form-group-checkbox label span::after,
.form-group-radio label span::after,
.form-acceptance label span::after {
	content: " ";
	display: block;
	position: absolute;
}

.form-group-checkbox label span::after,
.form-group-radio label span::after,
.form-acceptance label span::after {
	transition: .3s;
	opacity: 0;
}

.form-group-checkbox label input[type="checkbox"]:checked+span::after,
.form-group-radio label input[type="radio"]:checked+span::after,
.form-acceptance label input[type="checkbox"]:checked+span::after {
	opacity: 1;
}

/*チェックボックス・ラジオ*/
.form-group-checkbox label span,
.form-group-radio label span {
	padding-left: 4rem;
	padding-top: 0.3rem;
	margin-right: 3rem;
}

.form-group-checkbox label span::before,
.form-group-radio label span::before {
	left: 0;
	top: 0;
	width: 3rem;
	height: 3rem;
	background-color: #ededea;
}

.form-group-checkbox label span::after,
.form-group-radio label span::after,
.form-acceptance label span::after {
	width: 1rem;
	height: 1rem;
	background-color: #282828;
	top: 1rem;
	left: 1rem;
}

/*ラジオ共通・同意*/
.form-group-radio label span::before,
.form-acceptance label span::before,
.form-group-radio label span::after,
.form-acceptance label span::after {
	border-radius: 50%;
}

.form-group-checkbox label,
.form-group-radio label {
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	margin-bottom: 0;
}

/*****number*****/
.form-number-people-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.form-number-people-item .wpcf7-form-control-wrap {
	display: block;
}

.form-number-people-item .wpcf7-form-control-wrap input[type="number"] {
	text-align: center;
}

@media screen and (max-width: 767px) {
	.form-number-people-item {
		margin-top: 0.8rem;
	}
}

@media screen and (min-width: 768px) {
	.form-number-people-item:first-of-type {
		margin-right: 5.6rem;
	}
}

@media screen and (max-width: 1399px) {
	.form-number-people-item {
		width: 18rem;
	}

	.form-number-people-item .wpcf7-form-control-wrap {
		width: 12rem;
	}
}

@media screen and (min-width: 1400px) {
	.form-number-people-item {
		width: 22rem;
	}

	.form-number-people-item .wpcf7-form-control-wrap {
		width: 14rem;
	}
}

/*****select*****/
.form-input-select-icon .wpcf7-form-control-wrap {
	display: block;
	position: relative;
}

.form-input-select-icon .wpcf7-form-control-wrap::after {
	content: " ";
	width: 1.1rem;
	height: 1.1rem;
	display: block;
	position: absolute;
	top: calc(50% - 0.5rem);
	right: 2rem;
	background-image: url(../images/arrow/arrow-select.svg?2025);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
	.form-input-select-date {
		margin-bottom: 0.5rem;
	}
}

/*wrap*/
@media screen and (max-width: 991px) {
	.form-group-agree {
		margin-bottom: 6rem;
	}
}

@media screen and (min-width: 992px) {
	.form-group-agree-submit-wrap {
		display: flex;
		justify-content: space-between;
	}
}

@media screen and (max-width: 1399px) {
	.form-group-agree-submit-wrap {
		padding-top: 2rem;
	}
}

@media screen and (min-width: 1400px) {
	.form-group-agree-submit-wrap {
		padding-top: 4rem;
	}
}

/*プライバシーポリシーテキスト*/
.f_note a {
	transition: .3s;
}

@media screen and (max-width: 1599px) {
	.f_note {
		margin-bottom: 1.4rem;
	}
}

/*同意*/
.form-acceptance {
	padding-top: 1rem;
	margin-bottom: 1rem;
}

.form-acceptance span {
	display: block;
}

.form-acceptance label {
	margin-bottom: 0;
	display: inline-block;
}

.form-acceptance label span {
	display: flex;
	align-items: center;
}

.form-acceptance label span::before {
	width: 3rem;
	height: 3rem;
	background-color: #ededea;
	content: " ";
	display: block;
	margin-right: 1rem;
}

.form-acceptance label span::after {
	width: 1rem;
	height: 1rem;
	top: 1rem;
	left: 1rem;
}

@media screen and (min-width: 1600px) {

	/*同意*/
	.form-acceptance label {
		margin-bottom: 0;
	}
}

/*送信ボタン*/
#form-wrap .form-group-submit {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	max-width: 32rem;
}

#form-wrap .form-group-submit input[type="submit"] {
	background: none;
	color: #fff;
	width: 100%;
	letter-spacing: 0.1em;
	margin-bottom: 0;
	padding: 0;
	background-color: #f0c33e !important;
	transition: .3s;
	border-radius: 0;
	font-weight: 500;
	border-radius: 3rem;
}

#form-wrap .form-group-submit:hover input[type="submit"] {
	color: #fff;
	background-color: #282828 !important;
}

@media screen and (max-width: 1599px) {

	/*送信ボタン*/

	#form-wrap .form-group-submit input[type="submit"] {
		font-size: 1.4rem;
		height: 6rem;
	}
}

@media screen and (min-width: 1600px) {

	#form-wrap .form-group-submit input[type="submit"] {
		font-size: 1.6rem;
		height: 8rem;
		border-radius: 4rem;
	}
}

/*送信中アイコン削除*/
#form-wrap .wpcf7-spinner {
	display: none !important;
}

/*注意テキスト*/
.form-attention-txt {
	max-width: 110rem;
}

@media screen and (max-width: 1599px) {

	/*注意テキスト*/
	.form-attention-txt {
		padding-right: 2.4rem;
		padding-left: 2.4rem;
		font-size: 1.4rem;
	}
}

@media screen and (min-width: 1600px) {

	/*注意テキスト*/
	.form-attention-txt {
		padding-right: 5.6rem;
		padding-left: 5.6rem;
	}
}

/*date*/
.fw-datepiker span.wpcf7-form-control-wrap::after {
	display: none;
}

.fw-datepiker input[type='date'] {
	display: block;
	width: 100%;
	height: 100%;
	border: none;
	line-height: 1.675;
}

.fw-datepiker input[type='date']::-webkit-calendar-picker-indicator {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: auto;
	height: auto;
	opacity: 0;
	z-index: 100;
}

.fw-datepiker input[type="date"]::-webkit-date-and-time-value,
.fw-datepiker input[type="time"]::-webkit-date-and-time-value,
.fw-datepiker input[type="datetime-local"]::-webkit-date-and-time-value {
	text-align: left;
}

@media screen and (max-width: 1599px) {
	.fw-datepiker input[type='date'] {
		min-height: 4.066666666666667rem;
	}
}

@media screen and (min-width: 1600px) {
	.fw-datepiker input[type='date'] {
		min-height: 4.9rem;
	}
}

/* file */
#form-wrap .form-group-file .wpcf7-form-control-wrap {
	display: block;
}

#form-wrap .form-group-file input[type='file'] {
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
	display: inline-block;
	width: auto;
}

#form-wrap.input-color-ededea .form-group-file input[type='file'] {
	background-color: rgb(237, 237, 237, 0) !important;
}


/* 投稿共通
----------------------------------------------------------------------------------------------------*/
.common-post-all-wrap {
	position: relative;
	z-index: 1;
}

@media screen and (max-width: 1399px) {
	.common-post-all-wrap {
		padding-bottom: 5rem;
	}
}

@media screen and (min-width: 1400px) {
	.common-post-all-wrap {
		padding-bottom: 14rem;
	}
}

/* 一覧ページ
----------------------------------------------------------------------------------------------------*/

/* 投稿詳細ページ
----------------------------------------------------------------------------------------------------*/
.cpcbrb-inner-1000,
.cpcbrb-inner-1200 {
	margin-right: auto;
	margin-left: auto;
}

.common-border-radius-pc15-sp10 {
	overflow: hidden;
}

.common-border-radius-pc15-sp10 img {
	max-width: initial;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

@media screen and (max-width: 1199px) {

	.cpcbrb-inner-1000,
	.cpcbrb-inner-1200 {
		width: 88.6905%;
	}
}

@media screen and (min-width: 1200px) {
	.cpcbrb-inner-1000 {
		width: 64.1026%;
	}

	.cpcbrb-inner-1200 {
		width: 76.9231%;
	}
}

@media screen and (max-width: 1399px) {
	.common-post-contents-border-radius-bg {
		border-radius: 1.5rem;
	}

	.common-border-radius-pc15-sp10 {
		border-radius: 1rem;
	}
}

@media screen and (min-width: 1400px) {
	.common-post-contents-border-radius-bg {
		border-radius: 3rem;
	}

	.common-border-radius-pc15-sp10 {
		border-radius: 1.5rem;
	}
}

/***** font *****/
.common-post-ej-ttl,.common-post-ej-ttl-small {
	line-height: 1.5;
}

.common-post-ej-ttl .efont-bold,.common-post-ej-ttl-small .efont-bold {
	line-height: 1;
	padding-bottom: 0.25em;
}

.common-post-ej-ttl-j,.common-post-ej-ttl {
	letter-spacing: 0.12em;
}

@media screen and (max-width: 1599px) {
	.common-post-ej-ttl,.common-post-ej-ttl-small {
		font-size: 1.5rem;
	}

	.common-post-ej-ttl .efont-bold {
		font-size: 3.8rem;
	}
	.common-post-ej-ttl-small .efont-bold{
		font-size: 3.2rem;
	}
}

@media screen and (min-width: 1600px) {
	.common-post-ej-ttl,.common-post-ej-ttl-small {
		font-size: 1.8rem;
	}

	.common-post-ej-ttl .efont-bold {
		font-size: 7rem;
	}
	.common-post-ej-ttl-small .efont-bold{
		font-size: 5rem;
	}
}

/*********************************************************************************************
/* お客様の声と施工事例詳細共通
*********************************************************************************************/
.common-works-voice-single-first-wrap {
	display: flex;
}

.common-works-voice-single-first-txt {
	order: 2;
}

.cwvsfi-h1-ttl {
	line-height: 1.7;
}

.common-works-voice-single-first-img {
	order: 1;
}

.cwvsfi-fit {
	overflow: hidden;
	aspect-ratio: 1 / 0.667;
}

.cwvsfi-fit img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 991px) {
	.common-works-voice-single-first-wrap {
		flex-direction: column;
	}

	.common-works-voice-single-first-img {
		margin-bottom: 2rem;
	}
}

@media screen and (min-width: 992px) {
	.common-works-voice-single-first-wrap {
		align-items: center;
	}

	.common-works-voice-single-first-txt {
		width: 32.6923%;
		padding-left: 6.4103%;
	}

	.common-works-voice-single-first-img {
		width: 67.3077%;
	}
}

@media screen and (max-width: 1399px) {
	.cwvsfi-fit {
		border-radius: 1rem;
	}
}

@media screen and (min-width: 1400px) {
	.cwvsfi-fit {
		border-radius: 2rem;
	}
}

@media screen and (max-width: 1599px) {
	.cwvsfi-h1-ttl {
		font-size: 2rem;
		padding-bottom: 1.8rem;
		letter-spacing: 0.04em;
	}

	.cwvsfi-txt {
		font-size: 1.3rem;
	}
}

@media screen and (min-width: 1600px) {
	.cwvsfi-h1-ttl {
		font-size: 2.8rem;
		padding-bottom: 2.6rem;
		letter-spacing: 0.08em;
	}

	.cwvsfi-txt {
		font-size: 1.4rem;
	}
}

/***** Information *****/
.cwvsii-inner {
	display: flex;
	background-color: #f8f8f8;
}

.cwvsii-ttl,
.cwvsii-txt {
	display: flex;
	align-items: center;
}

.cwvsii-ttl {
	background-color: #282828;
	color: #fff;
	justify-content: center;
}

.cwvsii-price {
	display: inline-block;
	padding-left: 0.15em;
	padding-right: 0.15em;
	position: relative;
	top: -0.1em;
}

@media screen and (max-width: 1199px) {
	.cwvsii-inner {
		border-bottom: 1px #e6e6e6 solid;
	}

	.common-works-voice-single-Information-item:last-of-type .cwvsii-inner:last-of-type {
		border-bottom: none;
	}
}

@media screen and (min-width: 1200px) {
	.common-works-voice-single-Information-item {
		display: flex;
	}

	.cwvsii-first {
		border-bottom: 1px #e6e6e6 solid;
	}

	.common-works-voice-single-Information-item .cwvsii-inner:first-of-type {
		flex: 1;
	}

	.common-works-voice-single-Information-item .cwvsii-inner:nth-of-type(2) {
		width: 50%;
	}
}

@media screen and (max-width: 1599px) {
	.cwvsii-inner {
		font-size: 1.3rem;
	}

	.cwvsii-ttl,
	.cwvsii-txt {
		padding: 1.0em 1.2em;
	}

	.cwvsii-ttl {
		width: 10rem;
	}

	.cwvsii-txt {
		width: calc(100% - 10rem);
	}

	.cwvsii-price {
		font-size: 2.2rem;
		line-height: 1.3rem;
	}
}

@media screen and (min-width: 1600px) {
	.cwvsii-inner {
		font-size: 1.4rem;
	}

	.cwvsii-ttl,
	.cwvsii-txt {
		padding: 1.6em;
	}

	.cwvsii-ttl {
		width: 16rem;
	}

	.cwvsii-txt {
		width: calc(100% - 16rem);
	}

	.cwvsii-price {
		font-size: 3rem;
		line-height: 1.4rem;
	}
}

/***** btn *****/
.common-works-voice-single-btn {
	text-align: center;
	max-width: 32rem;
	margin-right: auto;
	margin-left: auto;
}

.common-works-voice-single-btn a {
	background-color: #f0c33e;
	color: #fff;
	display: block;
	text-decoration: none;
	transition: .3s;
}

.common-works-voice-single-btn a:hover {
	background-color: #282828
}

@media screen and (max-width: 1599px) {

	.common-works-voice-single-link-txt,
	.common-works-voice-single-btn {
		font-size: 1.5rem;
	}

	.common-works-voice-single-btn a {
		line-height: 5.6rem;
		border-radius: 2.8rem;
	}
}

@media screen and (min-width: 1600px) {

	.common-works-voice-single-link-txt,
	.common-works-voice-single-btn {
		font-size: 1.6rem;
	}

	.common-works-voice-single-btn a {
		line-height: 8rem;
		border-radius: 4rem;
	}
}

/*********************************************************************************************
/* 通常の投稿と最新チラシ詳細共通
*********************************************************************************************/
.common-single-cat-date {
	display: flex;
	align-items: center;
}

.common-single-cat-date .common-info-item-date {
	margin-left: 2rem;
	display: block;
	line-height: 1;
}

@media screen and (min-width: 1600px) {
	.ccn-pc-maw-120 {
		width: 12rem;
	}
}

.common-archive-dotted-wrap .common-item:first-of-type .common-infomation-item-inner::before {
	content: " ";
	position: absolute;
	width: 100%;
	height: 4px;
	display: block;
	top: 0;
	left: 0;
	background-image: radial-gradient(#282828 30%, rgba(40, 40, 40, 0) 30%);
	background-size: 6px 6px;
	background-repeat: repeat-x;
	background-position: bottom left;
}

.common-infomation-item-inner {
	padding-top: 4rem;
	padding-bottom: 4rem;
	background-image: radial-gradient(#282828 30%, rgb(40, 40, 40, 0) 30%);
	background-size: 6px 6px;
	background-repeat: repeat-x;
	background-position: bottom left;
	position: relative;
}
@media screen and (min-width: 576px){
.common-archive-dotted-wrap .common-item:nth-of-type(2) .common-infomation-item-inner::before {
	content: " ";
	position: absolute;
	width: 100%;
	height: 4px;
	display: block;
	top: 0;
	left: 0;
	background-image: radial-gradient(#282828 30%, rgba(40, 40, 40, 0) 30%);
	background-size: 6px 6px;
	background-repeat: repeat-x;
	background-position: bottom left;
}
}
@media screen and (max-width:991px){
	.common-infomation-item-inner {
		padding-bottom: 2rem;
	}
}

@media screen and (min-width: 992px) {
	.common-infomation-item-inner {
		display: flex;
		justify-content: space-between;
	}

	.ciii-img {
		width: 39.4737%;
	}

	.ciii-img .common-item-img-square-fit {
		margin-bottom: 0 !important;
	}

	.ciii-txt {
		width: 51.5789%;
	}
}
@media screen and (min-width:992px) and (max-width:1599px){
	.common-infomation-item-inner{
		align-items: center;
		padding-bottom: 2.4rem;
	}
}

@media screen and (max-width: 1599px) {
	.common-infomation-item-inner {
		padding-top: 2.4rem;
	}
}
@media screen and (min-width: 1600px){
	.ciii-txt {
		padding-top: 3.8rem;
	}
}
/***** btn *****/
.common-archive-post-link-wrap{
	max-width: 67rem;
	background-color: #fff;
	display: flex;
	padding-top: 0.8rem;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	flex-wrap: wrap;
}
.common-archive-post-link-btn{
	padding-right: 0.4rem;
	padding-left: 0.4rem;
}
.common-archive-post-link-btn a{
	display: block;
	color: #282828;
	transition: .3s;
	text-decoration: none;
}
.common-archive-post-link-btn a:hover,.common-archive-post-link-btn.caplb-active a{
	color: #fff;
	background-color: #f0c33e;
}
@media screen and (max-width: 575px){
	.common-archive-post-link-wrap{
		border-radius: 1rem;
	}
	.common-archive-post-link-btn{
		width: 50%;
		padding-bottom: 0.8rem;
	}
	.common-archive-post-link-btn a{
		border-radius: 0.5rem;
	}
}
@media screen and (min-width: 576px){
	.common-archive-post-link-wrap{
		border-radius: 3rem;
		padding-bottom: 0.8rem;
	}
	.common-archive-post-link-btn{
		width: 25%;
	}
	.common-archive-post-link-btn a{
		border-radius: 2.2rem;
		line-height: 4.3rem;
	}
}
@media screen and (max-width: 1599px){
	.common-archive-post-link-wrap{
		padding-right: 0.8rem;
		padding-left: 0.8rem;
	}
	.common-archive-post-link-btn a{
		font-size: 1.3rem;
	}
	.common-archive-post-link-btn a{
		line-height: 3rem;
	}
}
@media screen and (min-width: 1600px){
	.common-archive-post-link-wrap{
		padding-right: 1.2rem;
		padding-left: 1.2rem;
	}
	.common-archive-post-link-btn a{
		line-height: 4.3rem;
	}
}

/*********************************************************************************************
/* お客様の声詳細
*********************************************************************************************/
/***** Interview *****/
@media screen and (min-width:992px) and (max-width:1599px) {
	.single-voice-other-wrap .common-voice-item:last-of-type {
		display: none;
	}
}

@media screen and (max-width: 1399px) {
	.common-voice-interview-img-x2-item+.common-voice-interview-img-x2-item {
		margin-top: 1rem;
	}
}

@media screen and (min-width: 1400px) {
	.common-voice-interview-img-x2-wrap {
		display: flex;
		margin-right: -0.5rem;
		margin-left: -0.5rem;
	}

	.common-voice-interview-img-x2-item {
		width: 50%;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
	}

	.common-voice-interview-img-x2-item .common-border-radius-pc15-sp10 {
		aspect-ratio: 1 / 1.212;
	}
}

/*********************************************************************************************
/* 施工事例詳細
*********************************************************************************************/
.common-works-tag.single-works-tag {
	overflow: auto;
	flex-wrap: wrap;
}

.common-works-tag.single-works-tag li a {
	background-color: #fff;
}

.common-works-tag.single-works-tag li a:hover {
	background-color: #f0c33e;
}

@media screen and (max-width: 767px) {
	.single-works-cpcbrb-wrap {
		padding-top: 4rem;
	}
}

@media screen and (min-width:768px) and (max-width:1399px) {
	.single-works-cpcbrb-wrap {
		padding-top: 7.2rem;
	}
}

@media screen and (min-width: 1400px) {
	.single-works-cpcbrb-wrap {
		padding-top: 15rem;
	}
}

/***** Before / After *****/
.single-works-before-after-wrap .twentytwenty-container {
	overflow: hidden;
}

.single-works-before-after-wrap .twentytwenty-horizontal .twentytwenty-handle:before,
.single-works-before-after-wrap .twentytwenty-horizontal .twentytwenty-handle:after {
	display: none;
}

.single-works-before-after-wrap .twentytwenty-overlay:hover {
	background: rgba(0, 0, 0, 0);
}

.single-works-before-after-wrap .twentytwenty-before-label:before,
.single-works-before-after-wrap .twentytwenty-after-label:before {
	font-family: poppins, sans-serif;
	font-weight: 500;
	font-style: normal;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
	text-align: center;
	letter-spacing: 0;
}

.single-works-before-after-wrap .twentytwenty-before-label:before {
	background-color: #282828;
}

.single-works-before-after-wrap .twentytwenty-after-label:before {
	background-color: #f0c33e;
}

.single-works-before-after-wrap .twentytwenty-handle {
	box-shadow: none;
	border: none;
	background-color: #fff;
}

.single-works-before-after-wrap .twentytwenty-left-arrow,
.single-works-before-after-wrap .twentytwenty-right-arrow {
	display: block;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	border: none;
	background-image: url(../images/arrow/arrow-before-after.svg);
}

.single-works-before-after-wrap .twentytwenty-right-arrow {
	transform: rotate(180deg);
}

@media screen and (min-width: 576px) {

	.single-works-before-after-wrap .twentytwenty-before-label,
	.single-works-before-after-wrap .twentytwenty-after-label {
		opacity: 1;
	}
}

@media screen and (max-width: 1399px) {
	.single-works-before-after-wrap .twentytwenty-container {
		border-radius: 1rem;
	}
}

@media screen and (min-width: 1400px) {
	.single-works-before-after-wrap .twentytwenty-container {
		border-radius: 1.5rem;
	}
}

@media screen and (max-width: 1599px) {

	.single-works-before-after-wrap .twentytwenty-before-label:before,
	.single-works-before-after-wrap .twentytwenty-after-label:before {
		line-height: 2rem;
		padding-top: 0.2rem;
		font-size: 1.2rem;
		border-radius: 1.5rem;
		width: 6.4rem;
	}

	.single-works-before-after-wrap .twentytwenty-horizontal .twentytwenty-before-label:before,
	.single-works-before-after-wrap .twentytwenty-horizontal .twentytwenty-after-label:before {
		margin-top: -1rem;
	}

	/* handle */
	.single-works-before-after-wrap .twentytwenty-left-arrow,
	.single-works-before-after-wrap .twentytwenty-right-arrow {
		width: 0.9rem;
		height: 1rem;
		margin-top: -0.4rem;
	}

	.single-works-before-after-wrap .twentytwenty-left-arrow {
		margin-left: -1.3rem;
	}

	.single-works-before-after-wrap .twentytwenty-right-arrow {
		margin-right: -1.3rem;
	}
}

@media screen and (min-width: 1600px) {

	.single-works-before-after-wrap .twentytwenty-before-label:before,
	.single-works-before-after-wrap .twentytwenty-after-label:before {
		line-height: 2.7rem;
		padding-top: 0.3rem;
		padding-right: 0;
		padding-left: 0;
		padding-bottom: 0;
		font-size: 1.4rem;
		border-radius: 1.5rem;
		width: 8.4rem;
	}

	.single-works-before-after-wrap .twentytwenty-horizontal .twentytwenty-before-label:before,
	.single-works-before-after-wrap .twentytwenty-horizontal .twentytwenty-after-label:before {
		margin-top: -1.5rem;
	}

	.single-works-before-after-wrap .twentytwenty-horizontal .twentytwenty-before-label:before {
		left: 3rem;
	}

	.single-works-before-after-wrap .twentytwenty-horizontal .twentytwenty-after-label:before {
		right: 3rem;
	}

	/* handle */
	.single-works-before-after-wrap .twentytwenty-handle {
		width: 9rem;
		height: 9rem;
		margin-top: -4.5rem;
		margin-left: -4.5rem;
	}

	.single-works-before-after-wrap .twentytwenty-left-arrow,
	.single-works-before-after-wrap .twentytwenty-right-arrow {
		width: 1.4rem;
		height: 1.5rem;
	}

	.single-works-before-after-wrap .twentytwenty-left-arrow {
		margin-left: -2.4rem;
	}

	.single-works-before-after-wrap .twentytwenty-right-arrow {
		margin-right: -2.4rem;
	}
}

/***** Gallery *****/
.single-works-gallery-wrap .mgl-icon {
	overflow: hidden;
}

@media screen and (max-width: 1399px) {
	.single-works-gallery-wrap .mgl-icon {
		border-radius: 0.5rem;
	}
}

@media screen and (min-width: 1400px) {
	.single-works-gallery-wrap .mgl-icon {
		border-radius: 1.5rem;
	}
}

/***** Other *****/
@media screen and (min-width:576px) and (max-width:991px) {
	.single-works-other-wrap .common-item:last-of-type {
		display: none;
	}
}

/*********************************************************************************************
/* 施工事例一覧
*********************************************************************************************/
.archive-works-serachbox-ttl {
	display: flex;
	align-items: center;
	margin-bottom: 2rem;
	letter-spacing: 0.08em;
}

.awst-icon {
	display: block;
}

.archive-works-serachbox-wrap .common-works-tag li.cwt-active a {
	background-color: #f0c33e;
	color: #fff;
}

.archive-works-serachbox-wrap .common-works-tag li.cwt-active a .c-f0c33e {
	color: #fff;
}

@media screen and (max-width: 1399px) {
	.archive-works-serachbox-wrap {
		padding-top: 2rem;
	}
}

@media screen and (min-width: 1400px) {
	.archive-works-serachbox-wrap {
		padding-top: 3.5rem;
	}
}

@media screen and (max-width: 1599px) {
	.archive-works-serachbox-ttl {
		font-size: 1.5rem;
	}

	.awst-icon {
		width: 3.2rem;
		margin-right: 0.8rem;
	}

	.archive-works-serachbox-wrap .common-works-tag {
		font-size: 1.4rem;
	}

	.archive-works-serachbox-wrap .common-works-tag li a {
		line-height: 3rem;
		padding-right: 1.2rem;
		border-radius: 1.5rem;
	}
}

@media screen and (min-width: 1600px) {
	.archive-works-serachbox-ttl {
		font-size: 1.6rem;
	}

	.awst-icon {
		width: 4rem;
		margin-right: 1.2rem;
	}

	.archive-works-serachbox-wrap .common-works-tag {
		font-size: 1.5rem;
	}

	.archive-works-serachbox-wrap .common-works-tag li a {
		line-height: 3.5rem;
		padding-right: 2rem;
		padding-left: 1.8rem;
		border-radius: 1.8rem;
	}
}

/*********************************************************************************************
/* 今月のチラシ詳細
*********************************************************************************************/
.single-flyer-poppuup-wrap a {
	display: block;
	position: relative;
}

.single-flyer-poppuup-wrap a::before {
	content: " ";
	width: 3.6em;
	height: 3.5333em;
	background-image: url(../images/logo-icon/icon-zoom.svg);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: contain;
	position: absolute;
	display: block;
	right: -1px;
	bottom: -1px;
	pointer-events: none;
}

@media screen and (max-width: 575px) {
	.single-flyer-contents-wrap {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
}

/***** contact *****/
@media screen and (min-width: 1600px) {
	.single-flyer-contact-btn-wrap .footer-contact-inner .footer-contact-btn-item a {
		height: 8rem;
		font-size: 1.8rem;
	}

	.single-flyer-contact-btn-wrap .footer-contact-inner .footer-contact-btn-item a .fcbi-icon {
		width: 2.4rem;
		margin-right: 0.15em;
	}

	.single-flyer-contact-btn-wrap .footer-contact-btn-item a.fcbi-contact .fcbi-icon {
		margin-right: 0.4em;
	}

	/* tel */
	.footer-contact-inner .footer-contact-btn-item a.fcbi-tel {
		font-size: 2.4rem;
	}
}

/*********************************************************************************************
/* イベント詳細ページ
*********************************************************************************************/
.single-event-maintxt p{
	margin-bottom: 1.6em;
}
@media screen and (min-width: 768px){
	.single-event-uraomote-wrap{
		display: flex;
		margin-right: -0.6rem;
		margin-left: -0.6rem;
	}
	.single-event-uraomote-item{
		width: 50%;
		padding-right: 0.6rem;
		padding-left: 0.6rem;
	}
	.single-event-maintxt{
		text-align: center;
	}
}
/***** Information *****/
.single-event-information-wrap{
	padding-right: 5%;
	padding-left: 5%;
}
.single-event-information-inner{
	max-width: 60rem;
	margin-right: auto;
	margin-left: auto;
}
@media screen and (max-width: 1399px){
	.single-event-information-wrap{
		border-radius: 1rem;
	}
}
@media screen and (min-width: 1400px){
	.single-event-information-wrap{
		border-radius: 2rem;
	}
}
/***** mainlist *****/
.single-event-information-main-list{
	padding-left: 0;
}
.single-event-information-main-list li{
	list-style: none;
	display: flex;
	align-items: center;
	padding-bottom: 1em;
	flex-wrap: wrap;
}
.single-event-information-main-list li:not(:last-of-type){
	margin-bottom: 1em;
}
.single-event-information-main-list li span{
	display: block;
}
.seiml-ttl{
	padding-left: 3.4rem;
	position: relative;
}
.seiml-ttl::before{
	content: " ";
	display: block;
	position: absolute;
	top: calc(50% - 1.4rem);
	width: 2.4rem;
	height: 2.4rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	left: 0;
}
.seiml-ttl-date::before{
	background-image: url(../images/logo-icon/single-event-icon-date.svg);
}
.seiml-ttl-time::before{
	background-image: url(../images/logo-icon/single-event-icon-time.svg);
}
.seiml-ttl-place::before{
	background-image: url(../images/logo-icon/single-event-icon-place.svg);
}
@media screen and (max-width: 575px){
	.seiml-ttl{
		width: 100%;
		margin-bottom: 0.5rem;
	}
	.seiml-main{
		width: 100%;
	}
}
@media screen and (min-width: 576px){
	.seiml-ttl{
		width: 10rem;
	}
	.seiml-main{
		width: calc(100% - 10rem);
	}
}
/***** icon *****/
.single-event-information-icon-list{
	padding-left: 0;
	display: flex;
}
.single-event-information-icon-list li{
	line-height: 2.5em;
	width: 6.9286em;
	border-radius: 0.5rem;
	margin-right: 0.5rem;
	color: #fff;
	list-style: none;
	text-align: center;
}
.color-eii01{
	background-color: #f0c33e;
}
.color-eii02{
	background-color: #1e283c;
}
.color-eii03{
	background-color: #405a6d;
}
@media screen and (max-width: 1599px){
	.single-event-information-icon-list li{
		font-size: 1.3rem;
	}
}
@media screen and (min-width: 1600px){
	.single-event-information-icon-list li{
		font-size: 1.4rem;
	}
}
/***** map *****/
.single-ggmap{
	position: relative;
	filter: grayscale(1);
}
.single-ggmap iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

@media screen and (max-width: 575px){
	.single-ggmap{
		aspect-ratio: 1 / 1;
	}
}
@media screen and (min-width: 576px){
	.single-ggmap{
		aspect-ratio: 1 / 0.467;
	}
}

/*********************************************************************************************
/* スタッフ紹介一覧・詳細ページ共通
*********************************************************************************************/
@media screen and (max-width: 1399px){
	.cpcbrb-inner-1200.cpcbrb-inner-1200-sp-100{
		width: 100%;
	}
}
/*********************************************************************************************
/* スタッフ紹介一覧ページ
*********************************************************************************************/
.archive-staff-ttl span{
	border: 1px #282828 solid;
	padding-right: 2.0455em;
	padding-left: 2.0455em;
	line-height: 2.2727em;
	top: -1em;
	position: relative;
	border-radius: 2.5rem;
	letter-spacing: 0.15em;
}
@media screen and (min-width: 1400px){
	.archive-staff-all-wrap .common-item{
		margin-bottom: 7rem;
	}
}
@media screen and (max-width: 1599px){
	.archive-staff-ttl{
		font-size: 1.6rem;
	}
}
@media screen and (min-width: 1600px){
	.archive-staff-ttl{
		font-size: 2.2rem;
	}
}
/***** post *****/
.archive-staff-position{
	margin-bottom: 0.5rem;
}
.archive-post-staff-ttl{
	line-height: 1.4;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0;
}
@media screen and (max-width: 575px){
	.archive-staff-all-wrap .common-item{
		width: 50% !important;
	}
}
@media screen and (max-width: 1399px){
	.common-item-img-staff-fit{
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 1400px){
	.common-item-img-staff-fit{
		margin-bottom: 2.4rem;
	}
}
@media screen and (max-width: 1599px){
	.archive-staff-position{
		font-size: 1.1rem;
	}
	.archive-post-staff-ttl{
		font-size: 1.6rem;
	}
	.archive-post-staff-ttl .swiper-button-next{
		width: 3rem;
		height: 2.4rem;
		padding-left: 0.2rem;
	}
}
@media screen and (min-width: 1600px){
	.archive-staff-position{
		font-size: 1.3rem;
	}
	.archive-post-staff-ttl{
		font-size: 2.2rem;
	}
}
/***** tatsukenkunn *****/
.archive-staff-tatsukenkunn-wrap{
	padding-right: 5%;
	padding-left: 5%;
}
.archive-staff-tatsukenkunn-inner{
	max-width: 82.2rem;
	margin-right: auto;
	margin-left: auto;
}
.asti-img{
	width: 35.5231%;
	text-align: center;
}
.asti-img img{
	width: 78.4247%; 
}
.asti-profile-list{
	margin-bottom: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}
.asti-profile-list dt{
	background-color: #fff;
	color: #f0c33e;
	border-radius: 1.4rem;
	line-height: 2.7rem;
	text-align: center;
	margin-bottom: 1rem;
}
.asti-profile-list dd{
	padding-left: 1.5rem;
	margin-bottom: 1rem;
}
@media screen and (max-width: 991px){
	.asti-img{
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 2.4rem;
	}
}
@media screen and (min-width: 992px){
	.archive-staff-tatsukenkunn-inner{
		display: flex;
		justify-content: space-between;
	}
	.asti-txt{
		width: 58.3942%;
	}
}
@media screen and (max-width: 1399px){
	.archive-staff-tatsukenkunn-wrap{
		border-radius: 1rem;
	}
	.asti-name{
		padding-bottom: 1.6rem;
		margin-bottom: 2.4rem;
	}
}
@media screen and (min-width: 1400px){
	.archive-staff-tatsukenkunn-wrap{
		border-radius: 2rem;
	}
	.asti-name{
		padding-bottom: 2.5rem;
		margin-bottom: 3.2rem;
	}
}
@media screen and (max-width: 1599px){
	.asti-name{
		font-size: 1.8rem;
	}
	.asti-name-position{
		font-size: 1.2rem;
	}
	.asti-profile-list dt{
		font-size: 1.2rem;
		width: 8rem;
	}
	.asti-profile-list dd{
		font-size: 1.3rem;
		width: calc(100% - 8rem);
	}
}
@media screen and (min-width: 1600px){
	.asti-name{
		font-size: 2.2rem;
	}
	.asti-name-position{
		font-size: 1.3rem;
	}
	.asti-profile-list dt{
		font-size: 1.3rem;
		width: 10rem;
	}
	.asti-profile-list dd{
		font-size: 1.4rem;
		width: calc(100% - 10rem);
	}
}

/*********************************************************************************************
/* スタッフ紹介詳細ページ
*********************************************************************************************/
.bd-1-e6e6e6-s{
	border: 1px #e6e6e6 solid;
}
.single-staff-main-wrap{
	display: flex;
}
.single-staff-main-txt{
	order: 2;
}
.single-staff-main-img{
	order: 1;
}
.smt-h1-ttl{
	line-height: 1.4;
}
.smt-h1-ttl .efont-semibold{
	font-size: 0.4333em;
	display: block;
	padding-top: 1em;
}
.single-staff-main-profile-list{
	margin-bottom: 0;
	padding-left: 0;
	border-top: 1px #bfbfbf solid;
}
.single-staff-main-profile-list li{
	list-style: none;
	padding-top: 1em;
}
.single-staff-main-profile-list li:not(.ssmpl-li-100){
	border-bottom: 1px #bfbfbf solid;
	padding-bottom: 1em;
}
.single-staff-main-profile-list li span{
	display: block;
}
.ssmpl-txt{
	color: #4d4d4d;
}
@media screen and (max-width: 767px){
	.single-staff-main-wrap{
		flex-direction: column;
	}
	.single-staff-main-img{
		margin-bottom: 3rem;
	}
}
@media screen and (min-width: 768px){
	.single-staff-main-txt{
		width: 50.5833%;
		padding-left: 9%;
	}
	.single-staff-main-img{
		width: 49.4167%;
	}
}
@media screen and (max-width: 1199px){
	.ssmpl-ttl{
		margin-bottom: 0.5em;
	}
}
@media screen and (min-width: 1200px){
	.single-staff-main-profile-list li:not(.ssmpl-li-100){
		display: flex;
	}
	.single-staff-main-profile-list li:not(.ssmpl-li-100) .ssmpl-ttl{
		width: 18.8rem;
	}
	.single-staff-main-profile-list li:not(.ssmpl-li-100) .ssmpl-txt{
		width: calc(100% - 18.8rem);
	}
	.single-staff-main-profile-list li.ssmpl-li-100{
		padding-top: 3.2rem;
	}
	.single-staff-main-profile-list li.ssmpl-li-100 .ssmpl-ttl{
		margin-bottom: 1rem;
	}
}
@media screen and (max-width: 1599px){
	.smt-h1-ttl{
		font-size: 2.4rem;
	}
}
@media screen and (min-width: 1600px){
	.smt-h1-ttl{
		font-size: 3rem;
	}
}
@media screen and (min-width: 1800px){
	.single-staff-main-wrap{
		align-items: center;
	}
}