@charset "utf-8";
/* CSS Document */

:root {
	--btn3color: #c4c1b8;
}

.dummy div {
	background-color: #eee;
	min-height: 250px;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	width: 100%;
	margin: 0 auto;
	font-family: "Noto Sans JP", sans-serif;
}

.loading {
	opacity: 0;
}

.loaded {
	animation: fadeIn 2s ease 0s 1 normal;
	-webkit-animation: fadeIn 2s ease 0s 1 normal;
}

.btn2 {
	background: #666;
	padding: 5px 15px 7px;
	color: #fff;
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

.imgfr {
	float: right;
	max-width: 50%;
	margin-left: 3%;
	margin-bottom: 10px;
}

.imgfl {
	float: left;
	max-width: 55%;
	margin-right: 3%;
	margin-bottom: 10px;
}

.ib {
	display: inline-block;
}

@media(max-width:500px) {
	.imgfl {
		float: none;
		max-width: 100%;
	}
}

a {
	text-decoration: none;
	color: #ed7895;
}

@media(min-width:651px) {
	a:hover img {
		-webkit-filter: opacity(0.6);
		-moz-filter: opacity(0.6);
		-o-filter: opacity(0.6);
		-ms-filter: opacity(0.6);
		filter: opacity(0.6);
		transition: 0.3s;
	}

	.slider-pro a:hover img {
		-webkit-filter: opacity(0.9);
		-moz-filter: opacity(0.9);
		-o-filter: opacity(0.9);
		-ms-filter: opacity(0.9);
		filter: opacity(0.9);
	}

	a.sukenai:hover img {
		-webkit-filter: opacity(1);
		-moz-filter: opacity(1);
		-o-filter: opacity(1);
		-ms-filter: opacity(1);
		filter: opacity(1);
	}
}

.col1 {
	color: #c00;
}

.small1 {
	font-size: 90%;
}

.tac {
	text-align: center;
}

.tal {
	text-align: left;
}

.tar {
	text-align: right;
}

.wrapper,
.wrapper1000 {
	width: 100%;
	margin: 0px auto;
	padding: 0;
}

.wrapper {
	max-width: 1270px;
	padding: 0 2.5vw;
}

.wrapper2 {
	max-width: 100%;
	padding: 0;
}

.wrapper1000 {
	max-width: 1000px;
}

.dotline {
	border-top: 1px dotted #ed7895;
	margin: 30px 0;
}

@media(max-width:500px) {

	.wrapper,
	.wrapper1000 {
		padding: 0 3%;
	}
}

.pconly {
	display: block;
}

.pconly_inline {
	display: inline;
}

.sponly,
.sponly_inline {
	display: none;
}

.clear {
	clear: both;
}

.cf:after {
	content: " ";
	display: block;
	clear: both;
}

/*h1～ここから*/
h3 {
	color: #666;
	font-size: 130%;
	background-color: #eee;
	display: inline-block;
	padding: 8px 25px 6px;
	border-radius: 5px;
	margin: 40px 0 25px;
}

h4 {
	font-size: 130%;
	color: #ed7895;
	margin: 30px 0 12px;
	border-bottom: 1px solid #ed7895;
	line-height: 1.3;
	padding: 20px 0px 5px;
}

h4 .staff_small {
	padding-bottom: 4px;
	font-size: 65%;
	text-align: center;
}

h4 small {
	display: block;
	padding-bottom: 4px;
	font-size: 65%;
	text-align: center;
}

h5 {
	font-size: 100%;
	padding-left: 2.5%;
	color: #ed7895;
	margin: 15px 0 15px;
}

h6 {
	padding-bottom: 3px;
	border-bottom: 1px solid #ec797c;
	font-size: 14px;
	margin: 20px 0 7px;
	/* width: 89%; */
}

/*h1～ここまで*/


/*ヘッダーここから*/
.top {
	background-color: #ed7895;
	height: 3px;
}

.header_upper {
	display: flex;
	max-width: 1600px;
	margin: 8px auto 8px;
	height: 25px;
}

.header_comment {
	color: #ed7895;
	font-size: calc(8px + 0.3vw);
	flex: 7.5;
	max-width: 1150px;
	padding: 0 10px 0 3%;
	letter-spacing: 1px;
}

.header_link {
	flex: 4;
	font-size: 1px;
	text-align: right;
	padding-right: 2%;
}

.header_link img {
	vertical-align: text-bottom;
	margin: 0 5px 5px;
	max-width: 25%;
}

.header {
	display:
		flex;
	width: 100%;
	height: 69px;
	max-width: 1600px;
	margin: 0 auto;
}

.header_logo {
	width: 60%;
	margin-top: 0px;
	PADDING-LEFT: 1%;
}

.header_logo img {
	width: 385px;
	max-width: 100%;
}

.header_logo img.no1 {
	/* display:none; */
	height: 60px;
	width:
		auto;
	margin-bottom: 3px;
	margin-right: 12px;
}

@media(max-width:1100px) {
	.header_logo img.no1 {
		display: none;
	}
}

.header2 {
	width: 40%;
	text-align: right;
	PADDING-RIGHT: 2%;
}

.header2 img {
	width: 350px;
	margin-top: 6px;
	margin-left: 10px;
}

.header2 a {
	color: black;
}

.catalog {
	background-color: #ed7895;
	border-radius: 0 0 10px 10px;
	padding: 6px 8px 3px;
	height: 35px;
}

.catalog a:link,
.catalog a:visited {
	color: white;
	font-weight: bold;
}

.header2 p {
	display: inline-block;
	margin: 0 14px;
}

.header_icon {
	text-align: right;
	margin-top: 20px
}

.header_icon img {
	margin-right: 15px;
	width: 125px
}

/*ヘッダーここまで*/
.ptitle {
	margin: 150px 0 15px;
	padding: 10px 20px;
	border-bottom: 1px solid #ed7895;
	border-left: 1px solid #ed7895;
	color: #555;
}

.no_ul {
	border-bottom: none;
}


/*資料請求リンク*/
#sslink {
	cursor: pointer;
	position: fixed;
	z-index: 9999;
}

#sslink a {
	display: inline-block;
	margin-bottom: 10px;
}

/*フェードイン用*/
.sa {
	opacity: 0;
	transition: all .5s ease;
}

.sa.show {
	opacity: 1;
	transform: none;
}

.sa--lr {
	transform: translate(-100px, 0);
}

.sa--rl {
	transform: translate(100px, 0);
}

.sa--up {
	transform: translate(0, 100px);
}

.sa--down {
	transform: translate(0, -100px);
}

/*--vegas slider--*/
#slider {
	position: relative;
	width: 100%;
	height: 100vh;
	/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
}

@media(max-width:650px) {
	#slider {
		height: 100vw;
	}
}

.white {
	color: #fff;
}

.slider_copy {
	position: absolute;
	top: 110px;
	left: calc((100vw - 1230px) / 2);
	width: 100%;
	max-width: 1250px;
}

@media(max-width:1250px) {
	.slider_copy {
		left: 20px
	}
}

.slider_copy img {
	width: 175px;
	max-width: 28vw;
}

.slider_copy h2 {
	margin: 0;
	font-size: 5vw;
}

.slider_logo {
	width: 20vw;
	margin: 3.5vw;
}

.slider_copy2 {
	position: absolute;
	width: 650px;
	max-width: 80vw;
	bottom: calc(50vh - 100px);
	left: 50%;
	transform: translate(-50%, 0);
	font-size: calc(10px + 3vw);
	color: #fff;
	text-shadow: 1px 1px 5px #0008;
}

.slider_copy3 {
	position: absolute;
	bottom: calc(70px + 6vw);
	left: 50%;
	transform: translate(-50%, 0);
	max-width: 8vw
}

/*波形のアニメーション*/
@keyframes pulseMotion {
	0% {
		transform: translate(-50%, -50%) scale(1, 1);
		background-color: rgb(255 255 255 / 30%)
	}

	50% {
		transform: translate(-50%, -50%) scale(4, 4);
		background-color: rgb(255 255 255 / 0%)
	}

	100% {
		transform: translate(-50%, -50%) scale(4, 4);
		background-color: rgb(255 255 255 / 0%)
	}
}

.btnripple2 {
	/*波紋の基点とするためrelativeを指定*/
	position: relative;
	/*波紋の形状*/
	display: inline-block;
	margin: 30px 0 0;
	width: 50px;
	height: 50px;
	transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) .4s;
}

.btnripple2::after {
	display: block;
	position: absolute;
	top: 92%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 50%;
	transition: opacity linear 1s;
	content: '';
}

.btnripple2::after {
	animation: pulseMotion 3s linear infinite;
}

.slider_copy4 {
	display: none;
}

@media(max-width:1180px) {
	.slider_copy2 {
		bottom: calc(37vh - 100px);
	}
}

@media(max-width:650px) {
	.slider_copy {
		left: 66vw;
		top: 0;
	}

	.slider_copy2 {
		bottom: 10vw;
	}

	.slider_copy3 {
		display: none;
	}

	.slider_copy4 {
		position: absolute;
		display: block;
		top: 10px;
		left: 20px;
		max-width: 45vw;
	}
}


body .vegas-overlay {
	background: url(../images/black.png);
	opacity: 0.33;
}

/*--vegas slider--*/


/*各ページ共通*/
.btn3 {
	background: var(--btn3color);
	text-align: center;
	color: #fff;
	padding: 6px 4px 8px;
	border-radius: 8px;
	border-bottom: 4px solid #999;
	display: inline-block;
	min-width: 280px;
	position: relative;
}

.btn3 i {
	position: absolute;
	top: calc(50% - .5em);
	right: 0.7rem;
}

.btn3:hover {
	margin-top: 2px;
	border-bottom: 2px solid #999;
}


.inq_btn {
	margin: 20px 10px;
	text-align: center;
}


/*各ページ共通END*/

/*index.htmlここから*/

/*コロナお知らせ*/
.prize_top {
	max-width: 850px;
	margin: 0 auto 30px;
}

.oshirase_top {
	background-color: #eee;
	text-align: center;
	max-width: 760px;
	margin: 0 auto 20px;
	/* border-radius: 5px 5px 5px 0; */
}

.oshirase_top video {
	max-width: 100%;
	display: block;
}

.oshirase_top h3 {
	margin: 0;
	background-color: #666;
	color: #fff;
	display: block;
	letter-spacing: 2px;
	font-size: calc(0.4vw + 11px);
	border-radius: 0;
	padding-bottom: 10px;
}

.oshirase_top.news {
	background-color: #ffdedf;
}

.oshirase_top.news h3 {
	background-color: #ba292e;
}

.oshirase_top h3 i {
	margin-right: 4px;
}

.oshirase_top h2 {
	margin: 20px 10px 15px;
	font-size: 120%;
}

.oshirase_top p {
	margin: 15px 20px;
	font-size: 95%;
}

.oshirase_top a {
	display: inline-block;
	background-color: #fff;
	padding: 6px 25px 9px;
	margin: 8px 0px;
	color: #555;
	font-weight: bold;
	letter-spacing: 2px;
	border-radius: 5px;
	/* font-size:85%; */
}

.plz_select_area {
	text-align: center;
	font-size: 95%;
	color: #555;
	/* margin-top:25px; */
}

.plz_select_area span {
	display: inline-block;
}

.plz_select_area b {
	/* color: #555; */
	font-size: 150%;
	display: inline-block;
	margin: 0 2px;
}




@media(max-width:650px) {
	.oshirase_top {
		font-size: 85%;
		margin-bottom: 20px;
	}

	.oshirase_top h3 {
		padding: 6px;
	}

	.oshirase_top h2 {
		margin: 15px 10px 0px;
		font-size: 110%
	}

	.oshirase_top p {
		text-align: left;
		padding: 0 4%;
		margin: 10px 10px 15px;
	}

	.oshirase_top a {
		padding: 6px 15px;
		letter-spacing: 1px;
		/* margin:0 10px 15px */
	}
}



/*--slider--*/
#slidebox {
	height: 50vw;
}

@media(max-width:650px) {
	#slidebox {
		height: 110vw;
	}
}

#slide_pc {
	width: 100%;
	margin: 0 auto;
}

#slide_pc .sp-slides-container {
	height: 49vw;
}

#slide_mobile {
	display: none;
}

@media (max-width:650px) {
	#slide_pc {
		display: none;
	}

	#slide_mobile {
		display: block;
	}

	#slide_mobile .sp-slides-container {
		height: 100vw;
	}
}

.contents {
	/* margin: 0 0 50px; */
	padding: 0;
}


.motto,
.motto_center,
.motto_event,
.tochi_area {
	display: inline-block;
	background-color: var(--btn3color);
	;
	color: #fff;
	font-size: 100%;
	/*border:1px solid #555;*/
	border-radius: 3px;
	padding: 4px 4px 8px;
	margin: 10px 10px;
}

.tochi_area {
	width: 12%;
	display: inline-block;
	background-color: var(--btn3color);
	color: #fff;
	font-size: 100%;
	border: 1px solid var(--btn3color);
	border-radius: 3px;
}

.now_here {
	background-color: #fff;
	color: #333;
	border: 1px solid #bbb
		/* pointer-events: none; */
}

.motto {
	margin: 5px 3% 5px 0;
	padding: 4px 10px 8px;
}

.motto_center {
	padding: 4px 20px 8px;
	margin: 0 auto;
}

.motto_event {
	width: 11.5em;
	padding: 4px 4px 8px;
	margin: 10px 10px;
}

.motto:hover,
.motto_center:hover,
.motto_event:hover,
.tochi_area:hover,
.area_now {
	background-color: #999;
	color: #fff;
}

.reverse_wrap {
	display: flex;
	flex-flow: column;
}

.top_news {
	position: relative;
	max-width: 800px;
	/* margin: -95px auto 55px; */
	margin: 50px auto 100px;
	text-align: center;
	padding: 0 10px;
}

.top_news h5 {
	/* position: absolute; */
	width: fit-content;
	padding: 0 10px 3px;
	background-color: #fff;
	z-index: 5;
	top: 136px;
	left: 25px;
	color: #666;
	letter-spacing: 1px;
	font-size: 105%;
	line-height: 0.9em
}

.motto_news,
.close_news {
	width: 7em;
	padding: 3px 4px 7px;
	right: 21px;
	bottom: 4px;
	text-align: center;
	font-size: 85%;
	display: inline-block;
	background-color: #555;
	color: #fff;
	border-radius: 3px;
}

.motto_news {
	/* position: absolute; */
}

.close_news {
	display: none;
	margin-top: 30px;
}

@media(max-width:800px) {
	/* .motto_news {
		position: relative;
		right: unset;
		top: unset;
	} */
	 .top_news {
		margin: 50px auto 0;
	 }
}

@media(max-width:680px) {
	.motto_event {
		margin: 3px;
		padding: 2.5vw;
		width: auto;
	}

	.tochi_area {
		font-size: 80%;
		width: auto;
		padding: 4px 10px;
		margin: 8px 0.7vw 8px;
	}

	.reverse_wrap {
		flex-flow: column-reverse;
	}

	.top_news h3.top_corner_title {
		padding-bottom: 0;
	}
}


.index1_1img,
.index1_2img {
	width: 100%;
}

.pdl2 {
	padding-left: 2%;
}

.index1_2 img {
	width: 47%;
	margin: 0 2% 8px 0;
	border: 1px solid #aaa;
}

.icon_index {
	margin: 25px 6% 43px;
	width: 19%;
}

.staff_blog {
	width: 88%;
	margin: 0 6%;
}

.logo_top {
	width: 60%;
	padding: 2vw 1vw;
}

/*トップの各コーナータイトルはmodel_slide_top3.cssに移しました*/

.top_sekou h4 {
	letter-spacing: 1px;
	font-size: 120%;
	background: none;
	display: block;
	margin: 20px auto 0;
	text-align: center;
	color: #555;
	border: none;
}

.more1Box {
	padding-top: 15px;
	text-align: right;
	width: 1200px;
	margin: 0 auto;
	max-width: 95%;
}

.more1 {
	font-size: 90%;
	color: #333;
	display:
		inline-block;
	padding: 10px 28px 7px 10px;
	border-bottom: 1px solid;
	position: relative;
}

.more1 i {
	font-style: normal;
	position: absolute;
	right: 4px;
	transition: 0.3s;
}

.more1:hover i {
	right: -4px;
}



.viewmore {
	display: block;
	position: relative;
	width: 100%;
	text-align: right;
	margin-top: 10px;
	padding-right: 60px;
}

.viewmore img {
	position: absolute;
	height: 8px;
	bottom: 5px;
	right: 20px;
}

/*プロに相談*/
.pro_soudan {
	width: 900px;
	max-width: 97%;
	margin: 0 auto;
	padding: calc(50px + 3vw) 0 2vw;
}

.pro_soudan>div {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 0;
	border: 2px solid #eee;
}

.pro_soudan>div>p {
	width: 55%;
}

.pro_soudan>div>p:last-child {
	width: 45%;
	padding: 10px;
	text-align: center;
}

.pro_soudan>div>p:last-child img {
	max-width: 90%;
}

@media(max-width:600px) {
	.pro_soudan {
		border: none;
		max-width: 90%;
		margin: 0 auto;
	}

	.pro_soudan div {
		border: none;
	}

	.pro_soudan>div>p,
	.pro_soudan>div>p:last-child {
		width: 100%;
		margin: 0 auto;
	}
}


/*施工事例*/
.top_sekou_bg {
	/* background-color: #dfe7ea; */
}

.top_sekou {
	width: 1600px;
	max-width: 97%;
	/* background-color:#fff; */
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

.top_voice {
	margin: 0 auto 10px;
	text-align: center;
}

#sekoutop img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.top_sekou_category {
	display: flex;
	flex-wrap: wrap;
	margin: 30px auto 0;
}

.top_sekou_category a {
	display: block;
	width: 17%;
	text-align: left;
	margin-right: 3.75%;
	margin-bottom: 15px;
	color: #555;
	font-size: calc(10px + 0.3vw);
}

.top_sekou_category a:nth-child(5n) {
	margin-right: 0;
}

.top_bottom_yoyaku {
	border: 2px solid #ccc;
	padding: 15px;
	border-radius: 10px;
	width: 1150px;
	max-width: 97%;
	margin: 60px auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.top_bottom_yoyaku>img:first-child {
	width: 35%;
}

.top_bottom_yoyaku>div img,
.top_bottom_yoyaku>div a {
	display: inline-block;
}

.top_bottom_yoyaku>div {
	width: 65%;
	text-align: center;
}

.top_bottom_yoyaku>div>img {
	width: 90%;
	margin: 10px auto;
}

.top_bottom_yoyaku>div a:nth-child(2) {
	width: 44.7%;
	margin: 5px 0 0;
}

.top_bottom_yoyaku>div a:nth-child(3) {
	width: 48.0%;
	margin: 5px 0 0;
}

.top_tochi {
	text-align:
		center;
	/* padding:5vw; */
	padding-left: 5vw;
	padding-right: 5vw;
	background: #f3f0e6;
}

@media(max-width:650px) {
	.top_sekou {
		padding-left: 0;
		padding-right: 0;
		width: 100%;
		max-width: 100%;
	}

	.top_sekou h3 span {
		font-size: 70%;
		display: inline-block;
		margin-right: 0.3em;
	}

	.top_sekou_category a {
		width: 31%;
		margin-right: 3.5%;
	}

	.top_sekou_category a:nth-child(5n) {
		margin-right: 3.5%;
	}

	.top_sekou_category a:nth-child(3n) {
		margin-right: 0;
	}

	.top_sekou_category {
		padding: 0 2vw
	}

	.top_bottom_yoyaku {
		padding: 10px
	}

	.top_bottom_yoyaku>img:first-child {
		width: 75%;
		margin: 0 auto;
	}

	.top_bottom_yoyaku>div {
		width: 100%;
		text-align: center;
	}

	.top_bottom_yoyaku>div a:nth-child(2) {
		width: 47.7%;
	}

	.top_bottom_yoyaku>div a:nth-child(3) {
		width: 51.2%;
	}
}


/*index.htmlここまで*/
/*施工事例*/
.sekoubtn,
.sekoubtn2 {
	display: inline-block;
	margin: 10px 2.5%;
	box-shadow: 3px 3px 3px #f0f0f0;
}

.sj_listitem {
	width: 31.33%;
	margin: 10px 1.5% 34px;
	float: left;
	font-size: 85%
}

.sj_listitem a {
	color: #666;
}

.sj_listitem h4 {
	font-size: 115%;
	border-bottom: 0;
	margin: 0px 0 8px;
	padding: 5px 0;
}

.sj_listitem .tags {
	margin: -8px 0 15px;
}

.sj_listitem .tags a {
	color: #36c;
}

.sj_listitem:nth-child(3n) {
	margin-right: 0;
}

.sj_listitem:nth-child(3n+1) {
	margin-left: 0;
	clear: both;
}

.sj_imgbox {
	display:
		inline-block;
	width: 100%;
	height: calc(50px + 22vw);
	max-height: 350px;
	overflow: hidden;
	position: relative;
	/* border:1px solid #ccc; */
	/* border-radius:4px; */
	/* margin-bottom:4px; */
}

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

.sj_listitem .sekou_caption {
	width: fit-content;
	margin: 0 auto;
}

.sj_listitem .motto {
	float: none;
	display: inline-block;
	padding: 1px 5px;
}

.gallerythumb {
	width: 48%;
	height: 30vw;
	overflow: hidden;
	position: relative;
	background-color: #eee;
	border-radius: 4px;
	float: left;
	margin: 12px 1%;
}

@media(max-width:650px) {
	.sj_listitem .sekou_caption {
		font-size: 90%;
		padding: 0 6px;
	}

	.gallerythumb {
		width: 98%;
		height: 65vw;
	}
}

.gallerythumb img {
	position: absolute;
	width: auto;
	height: auto;
	max-width: 96%;
	max-height: 96%;
	left: 50%;
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}

.gallerycomment {
	clear: both;
	text-align: left;
	padding-left: 10px;
	font-size: 85%;
	color: #888888;
	line-height: 140%;
}

.category_flex_wrap {
	max-width: 1100px;
	margin: 0 auto
}

.h4_gray {
	color: #616161;
	border: none;
	padding-left: 0;
	margin-left: 0;
}


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

.category_itiran {
	width: 18%;
	margin: 1.5% 2.5% 0 0;
}

.category_itiran:nth-child(5n) {
	width: 18%;
	margin: 1.5% 0 0 0;
}

.category_itiran p {
	color: #616161
}

.sj_new_lineup {
	max-width: 1100px;
	margin: 0 auto;
}

.category_intro {
	display: flex;
	flex-wrap: wrap;
	max-width: 1300px;
	background-color: #f5f5f5;
	margin: 100px auto 60px;
}

@media(max-width:1300px) {
	.category_intro {
		margin: 0 auto 60px;
	}
}

.ci_text {
	width: 60%;
	padding: calc(9px + 2.5vw) calc(10px + 2.5vw) calc(15px + 2.5vw);
}

.ci_text h2 {
	font-size: calc(14px + 1.5vw);
}

.ci_text p {
	font-size: calc(11px + 0.4vw);
}

.ci_img {
	width: 40%;
	max-height: 360px
}

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

@media(max-width:650px) {
	.category_intro {
		flex-direction: column-reverse;
		display: flex;
	}

	.ci_text,
	.ci_img {
		width: 100%;
	}

	.ci_img,
	.ci_img img {
		max-height: 60vw;
	}
}

/*施工事例END*/

/*キーワードで施工事例画像*/
.sekou_tag_imgs {
	display: flex;
	flex-wrap: wrap;
}

.sekou_tag_imgs a {
	display: block;
	width: 24%;
	height: 22vw;
	margin: 0 1.33% 1vw 0;
}

.sekou_tag_imgs a:nth-child(4n) {
	margin-right: 0;
}

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

@media(min-width:1400px) {
	.sekou_tag_imgs a {
		height: 300px;
	}
}

@media(max-width:650px) {

	.sekou_tag_imgs a,
	.sekou_tag_imgs a:nth-child(4n) {
		display: block;
		width: 32%;
		height: 30vw;
		margin: 0 2% 1.5vw 0;
	}

	.sekou_tag_imgs a:nth-child(3n) {
		margin-right: 0;
	}

}


/*キーワードで施工事例画像 END*/




.sq_photo {
	display: inline-block;
	width: 31%;
	margin: 5px 1% 10px 0;
}

.sq_photo2 {
	display: inline-block;
	width: 47.5%;
	margin: 5px 1% 10px 0;
}

/*flex-box system*/
.box {
	float: left;
	margin: 35px 1% 15px;
	/*border:1px solid #f00;*/
}

/*rightend-margin-cutter*/
.w100cut {
	width: 100%;
	overflow: hidden;
}

/* img borderline */
.bd1 {
	border: 1px solid #999;
}

.bd2 {
	border: 1px solid #999;
}

.bd3 {
	border: 1px solid #999;
}

/*youtube */
.youtube {
	position: relative;
	width: 100%;
	padding-top: 50%;
	margin: 10px 0;
	height: 20vw;
	max-height: 290px;
}

.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

#sp_shiryo {
	display: none;
	text-align: center;
	position: fixed;
	bottom: -100px;
	width: 100%;
	padding: 0;
}

#sp_shiryo a {
	display: inline-block;
	font-size: 90%;
	color: #008;
	width: 50%;
	margin: 0;
	padding: 12px 5px 9px 35px;
	border: 1px solid #008;
	background: url(../images/icon_shiryo2_sp.png) 11% 50% no-repeat;
	background-color: #fff;
}

#sp_shiryo a:first-child {
	background: url(../images/icon_yoyaku2_sp.png) 11% 50% no-repeat;
	background-color: #008;
	color: #fff;
}

#sp_shiryo a:nth-child(3) {
	background: url(../images/icon_shuccho2_sp.png) 11% 50% no-repeat;
	background-color: #008;
	color: #fff;
}

#sp_shiryo2,
#sp_shiryo3 {
	display:
		none;
	position:
		fixed;
	bottom: 0;
	left: 0;
	bottom: -100px;
	padding: 4px;
	text-align:
		center;
	width: 100%;
	font-size: 0;
	background-color: #5657579e;
	z-index: 9999;
}

#sp_shiryo2 a,
#sp_shiryo3 a {
	display: inline-block;
	font-size: 90%;
	color: #008;
	margin: 0;
	padding: 0;
	height: 15vw;
}

#sp_shiryo2 a img,
#sp_shiryo3 a img {
	height: 15vw
}

#sp_shiryo2 a:nth-child(-n+2) {
	width: 35vw;
}

#sp_shiryo2 a:nth-child(n+3) {
	width: 15vw;
}

#sp_shiryo3 img {
	width: 100vw;
}

.insta {
	width: 100%;
	position: relative;
}

.insta {
	width: 100%;
	position: relative;
}

@media(max-width:650px) {
	.insta {
		/* height: 210px; */
	}
}

.linklayer a {
	display: block;
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
	/* z-index:100; */
	margin-bottom: 5px;
}

.linklayer a img {
	width: 100%;
	height: auto;
}

.photolayer {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 88px;
	overflow: hidden;
}

@media (max-width:990px) {
	.photolayer {
		height: 80px
	}
}

@media (max-width:920px) {
	.photolayer {
		height: 65px
	}
}

@media (max-width:850px) {
	.photolayer {
		height: 55px
	}
}

@media (max-width:650px) {
	.photolayer {
		height: 120px;
	}
}

/*各コーナーサブメニュー*/
.submenu {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 35px 0 0;
}

.page_menu {
	font-size: 70%;
	margin: 2px 5px;
}

.submenu a,
.modoru_tugi a {
	display: inline-block;
	background-color: #ed7895;
	color: #fff;
	font-size: 100%;
	border-radius: 3px;
	padding: 4px 12px 6px;
	text-align: center;
}

.submenu a {
	width: 15.8%;
	margin: 10px 1% 10px 0;
}

@media(max-width:650px) {
	.submenu a {
		width: 48%;
		margin: 10px 4% 0 0;
		font-size: 85%;
	}

	.submenu a:nth-child(2n) {
		margin-right: 0;
	}
}

.submenu a:last-child {
	margin-right: 0;
}

.modoru_tugi a {
	margin: 10px;
}

#map_canvas {
	width: 100% !important;
	height: 400px;
	margin-bottom: 20px;
}

.modoru_btn {
	color: #fff;
	font-weight: bold;
	letter-spacing: 2px;
	display: inline-block;
	background: #ed7895;
	padding: 7px 12px;
	border-radius: 12px;
}

.kg_yumeca a.modoru_btn {
	color: #fff;
}

table.shiryo {
	width: 95%;
	margin-left: 2.5%;
	border-collapse: collapse;
}

table.shiryo tr {
	border-bottom: 1px solid #ccc;
	height: 85px;
}

table.shiryo th {
	/* text-align: left; */
	width: 35%;
	color: #666;
	font-size: 90%;
}

table.shiryo th span,
table.shiryo td span {
	color: #ed7895;
	font-weight: normal;
}

table.shiryo td.times_special span {
	color: #555;
	display:
		inline-block;
	margin-bottom: 5px;
	width: 48%;
	font-size: 110%;
}

.special_sumi {
	padding-left: 5px;
}

.times_special p {
	font-size: 120%;
	margin-top: 10px;
	margin-bottom: 5px;
}

.raijo_yoyaku_title {
	font-size: 115%;
	color: #ed7895;
	margin-bottom: 0.5em;
}

.raijo_basho_small {
	display: inline-block;
	margin-bottom: 0.4em;
}

table.shiryo td {
	width: 65%;
	padding: 10px;
}

table.shiryo input[type="text"],
table.shiryo input[type="tel"],
table.shiryo textarea,
table.shiryo .input100 {
	width: 100%;
	height: 39px;
	border: 2.3px solid #d8d8d8;
	border-radius: 6px;
	padding: 0 4px;
	margin-left: 0;
	margin-right: 0;
}

table.shiryo input.short {
	width: 120px;
	margin-bottom: 10px;
}

table.shiryo input.xshort {
	width: 50px;
	margin-bottom: 10px;
}

table.shiryo textarea {
	height: 100px;
}

#form_anq table.shiryo .text_ss {
	text-align: right;
	width: 4em;
	height: 30px;
	margin: 0 6px 4px 0;
}

#form_anq table.shiryo label,
#form_anq table.shiryo p {
	display: block;
	font-size: 14px;
	margin: 5px 0 0
}

#form_anq table.shiryo label.ib {
	display: inline-block;
}

#form_anq table.shiryo input[type=radio],
#form_anq table.shiryo input[type=checkbox] {
	margin: 2px 8px 2px 0
}

#form_anq td,
#form_anq th {
	border-bottom: 1px solid #ccc;
}

#form_anq small {
	color: #777;
}

#form_anq table.shiryo th span {
	display: block;
	width: fit-content;
	color: #3c3;
	border: 1px solid;
	padding: 0 10px 2px;
	border-radius: 3px;
	margin-top: 4px;
	font-size: 90%;
}

@media(max-width:500px) {
	#form_anq th {
		border-bottom: 0px;
		padding-top: 12px
	}

	#form_anq td {
		padding-bottom: 22px
	}

	#form_anq table.shiryo th span {
		display: inline-block;
		margin-left: 10px
	}

	table.shiryo th,
	table.shiryo td {
		text-align: left;
		display: block;
		width: 100%;
		padding: 10px 10px 5px;
	}
}

/*php table.shiryo.takashinForm  start*/
@media (max-width: 500px) {
	.wrapper1000:has(.takashinForm) {
		padding: 0;
	}
}

table.shiryo.takashinForm {
	margin: 3em auto 1em;
	max-width: 700px;
}

table.shiryo.takashinForm th {
	color: #666;
	width: 135px;
	background: #ffdceb;
	border: 1px solid #ccc;
	font-size: 16px;
	line-height: 1.5;
	text-align: left;
	padding: 20px 20px 18px 20px;
	font-weight: bold;
	white-space: normal;
}

table.shiryo.takashinForm td {
	padding: 20px 20px 18px 20px;
	background: #fff;
	border: 1px solid #ccc;
	line-height: 18px;
	text-align: left;
	line-height: 1.5;
}

table.shiryo.takashinForm th span,
table.shiryo.takashinForm td span {
	color: #DE5D50;
	font-weight: bold;
	font-size: 13px;
}

table.shiryo.takashinForm input[type="text"],
table.shiryo.takashinForm textarea {
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 5px 10px;
	width: 49.12%;
	font-size: 16px;
}

table.shiryo.takashinForm select {
	line-height: 2;
	color: #333;
	box-shadow: none;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 5px 10px;
	font-size: 16px;
}

table.shiryo.takashinForm textarea {
	width: 100%;
}

table.shiryo.takashinForm .addr11 input[type="text"] {
	width: 100%;
}

table.shiryo.takashinForm td:has(input[type='radio'],
	input[type='checkbox']) label {
	display: block;
	margin: 4px 0;
	line-height: 1.5;
}

.buttonsbox.takashinForm input {
	background: #cf2c1c;
	border: none;
	border-radius: 3px;
	font-size: 18px;
	letter-spacing: 0.08em;
	color: #fff;
	/* height: inherit; */
	display: block;
	width: 100%;
	height: 56px;
	line-height: 56px;
	padding-top: 0;
	padding-bottom: 0;
	max-width: 200px;
	margin: 2em auto;
}

@media only screen and (max-width: 680px) {
	table.shiryo.takashinForm {
		margin: 1em auto;
		width: 100%;
	}

	table.shiryo.takashinForm tr {
		border: none;
	}

	table.shiryo.takashinForm th {
		width: 100%;
		padding: 13px 3% 12px;
		border: none;
	}

	table.shiryo.takashinForm td {
		width: 100%;
		padding: 16px 3% 16px;
		border: none;
	}

	table.shiryo.takashinForm input[type="text"] {
		width: 70%;
	}

	table.shiryo.takashinForm th span,
	table.shiryo.takashinForm td span {
		display: inline-block;
	}

	table.shiryo.takashinForm th br {
		display: none;
	}

	.buttonsbox.takashinForm input {
		width: 85%;
		margin: 10px auto 0;
		max-width: inherit;
		height: 70px;
	}
}

/*php table.shiryo.takashinForm  end*/

.shiryo_box {
	width: 280px;
	height: 280px;
	padding: 5px;
	overflow: hidden;
	float: left;
	margin: 10px 25px 30px;
	background-color: #f7f7f7;
	box-sizing: border-box;
}

.osusume_bg {
	background-color: #ffe7f1;
	border: 1px solid #ffb8d6;
}

.shiryo {
	width: 100%;
}

.shiryo th {
	width: 200px;
}

@media(max-width:680px) {
	.shiryo th {
		width: auto;
	}
}

.shiryo_title {
	text-align: center;
	font-size: 90%;
	margin: 0;
}

.shiryo_img {
	text-align: center;
	margin: 0;
}

.shiryo_setsumei {
	text-align: left;
	margin: 5px 5px 5px 10px;
	font-size: 82%;
	line-height: 140%;
}

.shiryo_setsumei span {
	color: #ed7895;
	font-weight: bold;
}

.buttonsbox {
	text-align: center;
}

.buttonsbox input {
	padding: 8px 16px;
	margin: 20px 0 30px
}


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

	.shiryo td,
	.shiryo th {
		display: block;
	}

	.shiryo_box {
		float: none;
		width: 90%;
		margin: 20px auto;
		height: auto;
	}
}

.ptitle_img {
	text-align: center;
	margin-top: 150px;
}

.uepita {
	margin-top: 95px;
}

@media screen and (max-width:650px) {
	.pconly {
		display: none !important
	}

	.pconly_inline {
		display: none !important
	}

	.sponly {
		display: block;
	}

	.sponly_inline {
		display: inline-block;
	}

	.uepita {
		/*wrapperのマージンをキャンセル*/
		margin-top: 0px;
	}

	.ptitle_img {
		margin-top: 0;
	}

	.header2 {
		max-width: 72%;
		width: auto;
		text-align: left;
	}

	.header2 img {
		height: 37px;
		max-width: 100%;
		width: auto;
		margin: 6px 3px;
	}

	.contents {
		margin-top: 0;
	}

	/*施工事例*/
	.sekoubtn {
		max-width: 40%
	}

	.sekoulist_normal {
		width: 30%;
	}

	.sj_listitem,
	.sj_listitem:nth-child(3n),
	.sj_listitem:nth-child(3n+1) {
		width: 49%;
		margin: 10px 2% 20px 0;
		float: left;
		font-size: 90%;
		line-height: 1.3;
	}

	.sj_listitem:nth-child(2n) {
		margin: 10px 0 20px;
		float: left;
		font-size: 90%;
		line-height: 1.3;
	}

	.sj_listitem a {
		color: #444;
	}

	.sj_listitem h4 {
		font-size: 105%;
		border-bottom: 0;
	}

	.sj_listitem:nth-child(3n+1) {
		clear: none;
	}

	.sj_listitem:nth-child(2n+1) {
		clear: both;
	}

	.sj_imgbox {
		display:
			block;
		width: 100%;
		height: 60vw;
		overflow: hidden;
		position: relative;
		/* border:1px solid #ccc; */
		margin-bottom: 5px;
	}

	/*施工事例end*/
	/*index.htmlここから */
	.index1 {
		display: flex;
		flex-flow: column;
		margin-top: -20px
	}

	.index1_1,
	.index1_2,
	.index1_3 {
		/* background-color: #f3f3eb; */
		margin: 15px 1%;
		width: 98%;
	}

	.index1_2img {
		width: 48%;
		margin: 0 0.6%;
	}

	.box {
		margin-top: 15px
	}

	.smt0 {
		margin-top: 0;
	}

	.sns h5 {
		margin-top: 20px;
	}

	/*index.htmlここまで*/
	#sp_shiryo2,
	#sp_shiryo3 {
		display: block;
		bottom: 0;
		padding: 0;
		/* border-top: 1px solid #ccc; */
		background: #fff;
		box-sizing: border-box;
		height: 15vw;
	}

	#nav-toggle div {
		margin-top: 1px;
		
	}

	.ptitle {
		font-size: 130%;
		padding: 0 5px;
		margin: 10px 0 5px 0;
		border-left: none;
	}
}

/*タカシン品質ここから*/
.hinshitu_top {
	display: flex;
}

.hinshitu_left {
	width: 42%;
	margin-right: 4%
}

.hinshitu_right {
	width: 54%;
}

.hinshitu_right p {
	margin-bottom: 25px;
}

.pinkbox {
	padding: 16px 4px 0;
	border: 1px solid #f69;
	background-color: #FFf0f4;
	color: #333333;
	margin: 27px 0 0;
}

.pinkbox p {
	margin-bottom: 25px;
}

.pinkbox a {
	color: #ffffff;
	text-decoration: none;
	background: #ff88bb;
	padding: 4px 13px;
	border-radius: 4px;
}

.contact_button {
	margin: 19px auto 0;
	text-align: center;
}

@media screen and (max-width:769px) {
	h4 {
		font-size: 125%;
		margin: 15px 0 18px;
		padding-left: 10px
	}

	.submenu {
		margin: 21px auto 0px;
	}

	.hinshitu_top {
		flex-wrap: wrap;
	}

	.hinshitu_left {
		margin-bottom: 12px;
	}

	.hinshitu_right p {
		margin-bottom: 6px;
	}

	.pinkbox {
		padding: 15px 4px 5px;
		margin: 10px 0 0px;
	}

	.pinkbox a {
		margin-bottom: 8px;
	}

	.pinkbox p {
		width: 72%;
		margin: 0 auto;
	}

	.hinshitu_right p {
		margin-bottom: 17px;
	}

	.contact_button {
		margin: 17px auto 0;
	}
}

@media screen and (max-width:500px) {
	.pinkbox a {
		display: block;
	}
}

/*タカシン品質ここまで*/

/*施工品質ここから*/

.sekouhinshitu_top {
	display: flex;
	margin: 5px 0 0;
}

.sekouhinshitu_topleft {
	width: 48%;
	margin-right: 2%;
}

.sekouhinshitu_topright {
	width: 50%;
}

.sekouhinshitu_txt {
	margin-bottom: 15px;
}

.modoru_tugi {
	width: 100%;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 30px;
	padding: 15px 0 10px;
	/* border-top:1px dotted #ed7895; */
	/* border-bottom:1px dotted #ed7895; */
}

.modoru_tugi div:nth-of-type(2) {
	text-align: right;
}

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

.hinshitu_img p {
	width: 45%;
	margin: 0 0% 2% 3%;
}

@media screen and (max-width:500px) {
	.sekouhinshitu_top {
		display: flex;
		margin: 5px 0 0;
		flex-wrap: wrap;
	}

	.hinshitu_img p {
		width: 48%;
		margin: 0 0% 4% 4%;
	}

	.hinshitu_img p:nth-child(odd) {
		margin-left: 0;
	}
}

/*施工品質ここまで*/

/*第三者チェックここから*/
.daisansya_left {
	width: 45%;
	margin-right: 5%;
}

.daisansya_right {
	width: 50%;
}

/*第三者チェックここまで*/

/*アフターサポートここから*/
.after_left {
	width: 40%;
	margin-right: 5%;
}

.after_right {
	width: 55%;
}

/*アフターサポートここまで*/

/*構造・性能ここから*/
.kouzou div {
	width: 32%;
	margin-right: 2%;
}

.kouzou div:last-of-type {
	margin-right: 0;
}

@media screen and (max-width:500px) {
	.kouzou div {
		width: 100%;
		margin: 0 0 15px 0;
	}
}

/*構造・性能ここまで*/

/*快適性ここから*/
.kaiteki_txt {
	color: #ff88bb;
	font-size: 110%;
	font-weight: bold;
}

.kaiteki_left {
	width: 45%;
	margin-right: 1%;
	display: inline-table;
}

.kaiteki_left img {
	margin-right: 2%;
}

.kaiteki_right {
	width: 54%;
}

.shouene {
	width: 30%;
	margin-right: 7%;
}

.shouene_right {
	width: 63%;
}

.sekouseido_left {
	width: 28%;
	margin-right: 2%;
}

.sekouseido_right {
	width: 70%;
}

.you_tube {
	width: 100%;
	max-width: 661px;
	height: 384px;
}

.form_light {
	width: 64%;
	margin: 8px auto 60px;
}

.form_light_left {
	width: 45%;
	margin-right: 5%;
}

.form_light_right {
	width: 50%;
}

@media screen and (max-width:500px) {
	.you_tube {
		width: 100%;
		max-width: 661px;
		height: 210px;
	}

	.form_light {
		width: 100%;
		margin: 8px auto 23px;
	}
}

/*快適性ここまで*/


/*安全性ここから*/
.bouhan_left {
	width: 78%;
	margin-right: 3%;
}

.bouhan_right {
	width: 19%;
}

@media screen and (max-width:500px) {
	.bouhan_left {
		margin-bottom: 9px;
	}
}

/*安全性ここまで*/


/*耐久性ここから*/
.boron_left {
	width: 45%;
	margin-right: 2%;
	display: flex;
	flex-wrap: wrap;
}

.boron_left div {
	margin: 0px 9px 7px 0;
}

.boron_right {
	width: 56%;
}

.boron_button {
	width: 30%;
	margin: 38px auto 0;
}

@media screen and (max-width:500px) {
	.boron_left div {
		margin: 0 auto 10px;
		width: 74%;
	}

	.boron_button {
		width: 92%;
		margin: 15px auto 2px;
	}
}

/*耐久性ここまで*/

/*7つの約束ここから*/
.num_7 {
	border-bottom: 2px solid #ed7895;
	border-top: 2px solid #ed7895;
	color: #666;
	padding: 8px 0 4px 5rem;
	font-size: 27px;
	font-weight: normal;
	text-shadow: 1px 0px 0px #bbb;
	margin-bottom: 30px;
	border-radius: 0;
	letter-spacing: 2px;
	position: relative;
}

.num_7:before {
	content: "1";
	background: #ff88bb;
	color: white;
	font-size: 55px;
	position: absolute;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	top: -15px;
	left: -18px;
}

.yakusoku2:before {
	content: "2";
}

.yakusoku3:before {
	content: "3";
}

.yakusoku4:before {
	content: "4";
}

.yakusoku5:before {
	content: "5";
}

.yakusoku6:before {
	content: "6";
}

.yakusoku7:before {
	content: "7";
}

.yakusoku_txt a {
	background: #ff88bb;
	color: white;
	letter-spacing: 1px;
	padding: 5px 13px;
	font-weight: bold;
	border-radius: 5px;
	display: inline-block;
	margin: 19px 0 0;
	text-align: center;
}

@media screen and (max-width:500px) {
	.yakusoku_txt a {
		display: block;
		margin: 8px auto 0;
	}
}

/*7つの約束ここまで*/


/*プランコレクションここから*/
.plan {
	margin-top: 13px;
	display: flex;
	flex-wrap: wrap;
}

.plan div {
	width: 19%;
	margin-right: 1.25%;
}

.plan div:nth-of-type(5),
.plan div:nth-of-type(10) {
	margin-right: 0;
}

.plan p {
	text-align: center;
	margin: 2px 0 30px;
}

.plan a {
	color: #333;
}

@media screen and (max-width:500px) {
	.plan div {
		width: 49%;
		margin-right: 2%;
	}

	.plan p {
		margin: 2px 0 14px;
	}

	.plan div:nth-of-type(5) {
		margin-right: 2%;
	}

	.plan div:nth-child(even) {
		margin-right: 0;
	}
}

/*プランコレクションここまで*/

/*価格表記についてのご案内ここから*/


.kakakuhyouki_left {
	width: 48%;
	margin-right: 2%;
}

.kakakuhyouki_right {
	width: 50%;
	padding: 7px 10px 0;
	border: 2px solid #ffccdd;
	background-color: #EE4D9B;
	color: #FFFFFF;
}

.kakakuhyouki_right_txt1 {
	text-align: center;
	margin-bottom: 7px;
}

.kakakuhyouki_right_txt2 {}

.price_pinkbox {
	padding: 2%;
	border: 1px solid #f69;
	background-color: #FFf0f4;
}

.kakakuhyouki_bottom_left {
	width: 49%;
	margin-right: 2%;
}

.kakakuhyouki_bottom_right {
	width: 49%;
}

.price_pinkbox1 {
	font-size: 21px;
	margin-bottom: 5px;
}

.txt_small {
	font-size: 15px;
}


.komikomi_txtbig {
	font-size: 42px;
}

.komikomi_table {
	width: 100%;
	margin: 29px 0 14px;
}

.komikomi_table th {
	width: 48%;
	font-weight: 400;
	text-align: left;
	vertical-align: bottom;
	line-height: 2.8;
}

.komikomi_table td {
	text-align: left;
	width: 52%;
	letter-spacing: 2px;
}

.touki {
	display: flex;
	flex-wrap: wrap;
	margin: 5px 0 0;
}

.touki p {
	width: 49%;
	margin-right: 2%;
}

.touki p:nth-child(even) {
	margin-right: 0;
}

.touki_wrap {
	border: 2px solid #9e9e9e;
	padding: 8px 11px 6px;
}

.price_oshiharai {
	color: #ff3399;
	text-align: center;
	margin: 25px 0 4px;
	font-weight: bold;
	font-size: 21px;
}

.price_oshiharai_Wrap p {
	text-indent: -1rem;
	padding-left: 1rem;
}

.price_ro-n_left {
	width: 76%;
	margin-right: 2%;
	font-size: 15px;
}

.price_ro-n_right {
	width: 22%;
}

.price_land {
	margin-bottom: 70px;
}

@media screen and (max-width:500px) {
	.kakakuhyouki_left {
		width: 101%;
		margin-right: 0%;
	}

	.kakakuhyouki_right {
		width: 100%;
		margin-top: 13px;
	}

	.kakakuhyouki_bottom_left {
		width: 100%;
		margin-right: 0%;
	}

	.kakakuhyouki_bottom_right {
		width: 100%;
		margin: 14px 0 0;
	}

	.price_pinkbox1 {
		font-size: 19px;
	}

	.komikomi_table td,
	.komikomi_table th {
		width: 100%;
		display: block;
	}

	.touki_wrap {
		margin: 5px 0 0;
	}

	.touki p {
		width: 100%;
		margin-right: 0%;
	}

	.price_oshiharai {
		margin: 15px 0 4px;
		font-size: 19px;
	}

	.price_ro-n_left {
		width: 100%;
		margin: 0 0 5px;
	}

	.price_ro-n_right {
		width: 66%;
		margin: 5px auto 0;
	}

	.price_land {
		margin-bottom: 50px;
	}
}

/*価格表記についてのご案内ここまで*/


/*お客様の声アンケートここから*/
.voice {
	display: flex;
	flex-wrap: wrap;
}

.voice div {
	width: 48%;
	margin: 0 4% 15px 0;
}

.voice div:nth-child(2n) {
	margin-right: 0;
}

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

/*お客様の声アンケートここまで*/



/*お客様の声太鼓判ここから*/
.taiko_wrap {
	display: flex;
	flex-wrap: wrap;
}

.taiko_lr:nth-child(odd) {
	width: 48%;
	margin: 0 4% 15px 0;
}

.taiko_lr:nth-child(even) {
	width: 48%;
}

.cork {
	margin-top: 40px;
	background: url(../images/voice/cork.jpg);
	padding: 18px 21px 30px;
	border-radius: 5px;
	position: relative;
	/* height:600px */
}

@media(max-width:1100px) {
	.cork {
		height: 550px;
	}
}

@media(max-width:1000px) {
	.cork {
		height: 500px;
	}
}

@media(max-width:900px) {
	.cork {
		height: 450px;
	}
}

@media(max-width:850px) {
	.cork {
		height: 420px;
	}
}

.taiko_mgt {
	/* padding-top:60px; */
}

.taikoban_img3_last {
	/* position: absolute; */
	width: 93%;
	bottom: 27px;
}

.shadow {
	max-width: 100%;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
}

.naname1 {
	transform: rotate(-2deg);
}

.naname2 {
	transform: rotate(2deg);
}

.taiko_img {
	display: flex;
	padding-top: 35px;
}

.taiko_smile {
	/* padding-top:50px; */
}

.taiko_img_left {
	width: 66%;
	margin-right: 2%;
}

.taiko_img_right {
	width: 32%;
}


.taiko {
	position: absolute;
	top: 0px;
	right: 2%;
	margin-top: -28px;
	width: 45%;
	z-index: 1;
}

.taiko_3img {
	position: absolute;
	top: 10px;
	left: 0;
	width: 35%;
	z-index: 100;
}

.taiko img,
.taiko_3img img {
	max-width: 100%;
}

.taiko_left2 {
	width: 65%;
	float: left;
	margin-top: -38px;
}

.taiko_right2 {
	width: 32%;
	float: left;
	margin-left: 3%;
	margin-bottom: 5px;
}

.cf:after {
	content: "";
	display: block;
	clear: both;
}

.photo3 {
	padding-top: 15%;
}


@media screen and (max-width:780px) {
	.cork {
		height: auto;
	}

	.taiko_left {
		width: 100%;
		margin: 0 0% 15px 0;
	}

	.taiko_right {
		width: 100%;
	}

	.taiko_img {
		padding-top: 0px;
	}

	.taiko_smile {
		padding-top: 10px;
	}

	.taiko_lr:nth-child(even),
	.taiko_lr:nth-child(odd) {
		width: 90%;
		margin: 0 5% 15px;
	}
}

/*お客様の声太鼓判ここまで*/


/*ごあいさつ・会社概要ここから*/



.aisatu_topleft {
	width: 74%;
	margin-right: 2%;
}

.aisatu_topright {
	width: 24%;
}

.aisatu_topleft p:nth-of-type(1) {
	font-size: 120%;
	margin-bottom: 10px;
}

.aisatu_topright p:nth-of-type(1) {
	margin: 5px 0;
}

.aisatu_topright p {
	font-size: 21px;
}

.aisatu_topright span {
	font-size: 34px;
}


.cs {
	display: flex;
	/* background-color: #f3f3f3; */
	color: #333;
	padding: 20px;
	max-width: 1100px;
	margin: 0 auto;
	flex-direction: row;
	align-items: center;
}

.cs_left div {
	margin: 0px 0 5px;
	padding: 17px 12px;
}

.cs_left {
	width: 55%;
	margin-right: 1%
}

.cs_right {
	width: 40%;
}

@media(min-width:651px) {
	#tenpo {
		padding-top: 100px;
		margin-top: -100px;
	}
}

.kaisha_table1,
.kaisha_table2 {
	width: 100%;
	max-width: 1100px;
	margin: 35px auto;
	border-collapse: collapse;
}

.kaisha_table1 tr,
.kaisha_table2 tr {
	border-bottom: solid 3px white;
}

.kaisha_table1 tr:last-child {
	border-bottom: none;
}

.kaisha_table1 th {
	position: relative;
	text-align: left;
	width: 30%;
	background-color: #ed7895;
	color: white;
	text-align: center;
	padding: 20px;
}

.kaisha_table1 th:after {
	display: block;
	content: "";
	width: 0px;
	height: 0px;
	position: absolute;
	top: calc(50% - 10px);
	right: -10px;
	border-left: 10px solid #ed7895;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
}

.kaisha_table1 td {
	text-align: left;
	width: 70%;
	text-align: center;
	background-color: #f3f3f3;
	padding: 20px 30px;
	color: #444;
}

.kaisha_gaiyou_anchor {
	margin-top: -1px;
	padding-top: 1px;
}

.kaisha_table3 {
	width: 100%;
}

.kaisha_table2 th,
.kaisha_table3 th {
	background-color: #ed7895;
	color: #fff;
	letter-spacing: 2px;
}

.kaisha_table2 td,
.kaisha_table3 td {
	background-color: #f3f3f3;
	color: #444;
}

.kaisha_table2 th,
.kaisha_table2 td {
	padding: 20px;
}

.kaisha_table3 th,
.kaisha_table3 td {
	padding: 10px;
	font-weight: normal;
	font-size: 90%;
	min-width: 7em;
}

.kaisha_table2 span {
	margin-bottom: 11px;
	display: inline-block;
}

.kaisha_table2 img {
	padding-right: 10px;
}

.kaisya_mapleft {
	width: 40%;
	margin-right: 2%;
	margin-bottom: 20px;
	min-height: 380px;
}

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

.kaisya_mapcenter {
	margin-bottom: 20px;
	width: 30%;
	margin-right: 2%;
}

.kaisya_mapcenter iframe {
	height: 100%;
}

.kaisya_mapright {
	margin-bottom: 20px;
	width: 30%;
}

@media(max-width:500px) {
	.kaisha_table2 tr {
		border-bottom: none;
	}

	.kaisha_table2 th {
		padding: 10px 15px 0px;
		text-align: left;
		color: #ed7895;
		background: none;
		font-size: 90%;
	}

	.kaisha_table2 td {
		background: none;
		padding: 3px 15px 13px;
		border-bottom: 1px solid #ccc;
		font-size: 90%;
	}

	.kaisya_mapleft {
		min-height: auto;
	}

	.kaisya_mapleft img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}
}


.junbi {
	background: #f0f0f0;
	padding: 128px;
	text-align: center;
	font-size: 39px;
}

/*20210406追加*/
.messe_daiji {
	text-align: center;
	/* padding-top: 40px; */
}

.messe_daiji p {
	font-size: 5vw;
	margin: 40px 0 20px;
	color: rgb(54, 54, 54);
}

.messege_wrap {
	/* background: linear-gradient(to bottom, #9ec6e5, #3b679e); */
	/* background-color: #5f84f2; */
	max-width: 1200px;
	margin: 0 auto 20px;
}

.m_flex {
	display: flex;
	align-items: flex-end;
	margin-bottom: 30px;
}

.m_bun {
	width: 65%;
	padding: 0 0 0 60px;
	/* color: #fff; */
}

.m_bun p:nth-child(1) {
	font-size: 1.4vw;
}

.m_bun p:nth-child(1)::after,
.interview_youtube_intro p:nth-child(1)::after {
	content: "";
	display: block;
	margin-top: 10px;
	height: 2px;
	background: linear-gradient(to right, #ed7895 0%, #ffb9c6 100%);
}

.interview_youtube_intro p:nth-child(1)::after {
	margin-top: 5px;
}

.m_bun p:nth-child(2) {
	margin: 20px 0;
}

.m_flex div:nth-child(2) {
	width: 35%;
	text-align: right;
}

.m_bun p:nth-child(3) {
	text-align: right;
	font-size: 20px;
}

.m_flex div:nth-child(2) img {
	width: 90%;
}

.interview_youtube_intro {
	margin: 65px 0 0;
	padding: 0 20px;
}

.interview_youtube_intro p:nth-child(1) {
	font-size: 23px;
	max-width: 500px;
	margin: 80px auto 8px;
}

@media(max-width:650px) {
	.interview_youtube_intro {
		margin-top: 0px;
	}

	.interview_youtube_intro p:nth-child(1) {
		margin-top: 0px;
	}
}

.interview_youtube_intro p:nth-child(2) {
	font-size: 16px;
	margin: 8px 0 20px
}

.interview_youtube {
	position: relative;
	width: 90%;
	max-width: 1000px;
	padding-bottom: 50.5%;
	/*アスペクト比 16:9の場合の縦幅*/
	height: 0;
	overflow: hidden;
	margin: 0 auto 1em;
}

.interview_youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

@media(min-width:1130px) {
	.interview_youtube {
		padding-bottom: 563px;
	}
}

@media(max-width:800px) {
	.messe_daiji p {
		font-size: 10vw;
	}

	.m_flex {
		flex-wrap: wrap
	}

	.m_bun {
		width: 100%;
		padding: 0px 20px 10px;
		/* color: #fff; */
	}

	.m_bun p:nth-child(1) {
		font-size: 4.5vw;
	}

	.m_flex div:nth-child(2) {
		width: 70%;
		margin-left: 30%;
		text-align: right;
		margin-top: -7em;
	}

	.m_bun p:nth-child(3) {
		text-align: left;
		padding-right: 20%;
		font-size: 110%;
		margin-top: 35px
	}
}

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

	.kaisha_table1,
	.kaisha_table2,
	.kaisha_table1 tbody,
	.kaisha_table1 tr,
	.kaisha_table2 tr,
	.kaisha_table1 td,
	.kaisha_table2 td,
	.kaisha_table1 th,
	.kaisha_table2 th {
		display: block;
	}

	.kaisha_table1 {
		width: 100%;
		margin-top: 7vw;
		margin-bottom: 0;
	}

	.kaisha_table2 {
		width: 95%;
		margin-top: 2vw;
	}

	.aisatu_topright span {
		font-size: 22px;
	}

	.aisatu_topright p {
		font-size: 16px;
		text-align: center;
	}

	.aisatu_topright p:nth-of-type(1) {
		margin: 19px 0 0px;
	}

	.kaisha_table1 th {
		width: fit-content;
		margin: 0 auto;
		/* border-radius:8px; */
		padding: 8px;
	}

	.kaisha_table1 td {
		background: none;
		width: 100%;
		padding: 20px 15px 25px;
	}

	.kaisha_table1 th:after {
		display: block;
		content: "";
		width: 0px;
		height: 0px;
		position: absolute;
		right: calc(50% - 10px);
		top: calc(12px + 1.6em);
		border-top: 10px solid #ed7895;
		border-bottom: 10px solid transparent;
		border-right: 10px solid transparent;
		border-left: 10px solid transparent;
	}

	.cs {
		flex-wrap: wrap;
	}

	.cs_left div {
		margin: 0px 0 10px;
		padding: 7px 0px;
		font-size: 85%;
		color: #666
	}

	.cs_txt p {
		text-indent: -2rem;
		padding-left: 2rem;
	}

	.kaisya_mapright {
		margin-bottom: 15px;
	}
}

/*ごあいさつ・会社概要ここまで*/

/*スタッフ紹介ここから*/
.staff_toptxt {
	margin: 20px 0 50px;
}

.staff_txt {
	margin-bottom: 30px;
}


.staff_wrap_top {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 45px;
}

.staff_wrap_top p {
	text-align: center;
}

.staff_wrap_top div {
	width: 24%;
	margin-right: 1.3%;
	margin-bottom: 20px;
}

.staff_wrap_top div:nth-child(3n) {
	margin-right: 0;
	width: 49.4%;
}


.staff_wrap {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 45px;
}

.staff_wrap div {
	width: 24%;
	margin-right: 1.3%;
	margin-bottom: 20px;
}

.staff_wrap div:nth-child(4n) {
	margin-right: 0;
}

.staff_wrap div p:nth-of-type(1),
.staff_wrap div p:nth-of-type(2) {
	text-align: center;
}

.staff_wrap div p:nth-of-type(2) {
	margin: 6px 0 0;
}

.staff_wrap div p:nth-child(3n) {
	margin-top: 10px;
	padding: 0 6px;
}

@media screen and (max-width:500px) {
	.staff_toptxt {
		margin: 15px 0 3px;
	}

	.staff_wrap_top div {
		width: 48%;
	}

	.staff_wrap_top div:nth-child(3n) {
		width: 100%;
	}

	.staff_wrap div {
		width: 49%;
		margin-right: 2%;
	}

	.staff_wrap div:nth-child(even) {
		margin-right: 0;
	}

	.izumo {
		text-align: center;
		margin-top: 12px;
	}

}

/*スタッフ紹介ここまで*/

/*採用情報ここから*/
.fleshbox {
	margin: 0 auto;
}

.recruit_top_txt1 {
	background-color: #ff88bb;
	padding: 5px 10px 3px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	font-size: 150%;
	letter-spacing: 2px;
}

.recruit_top_txt2 {
	padding: 17px 0;
	text-align: center;
	border: 2px solid #ed7895;
	background: #fff4f4;
}

.flesh_txt {
	margin-top: 15px;
	display: inline-block;
}

.syacho_txt {
	margin-bottom: 7px;
}

.syacho_name {
	text-align: right;
	font-size: 21px;
}


.vision {
	background: #fff4f4;
	padding: 15px;
	border: 4px double #ff88bb;
	margin: 0 0 10px;
}

.entry_btns {
	display: flex;
}

.entry_btns div {
	width: 46%;
	margin: 0 2%;
}

.entry_btns div a,
.btn_white {
	display: inline-block;
	background-color: #fff;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid;
	width: 12em;
	text-decoration: none;
	box-shadow: 2px 2px 2px #ff88bb44;
	border-radius: 4px;
}

#entry {
	margin-top: -135px;
	padding-top: 135px;
}

@media(max-width:650px) {
	.entry_btns {
		display: block;
	}

	.entry_btns div {
		width: 96%;
		margin: 0 2%;
	}

	.entry_btns div h4 {
		margin-top: 30px;
	}

	.recruit_top_txt1 {
		font-size: 110%;
	}

	.recruit_top_txt2 {
		text-align: left;
		font-size: 92%;
		padding: 10px
	}

	.syacho_txt {
		font-size: 92%;
	}

	.vision {
		font-size: 92%;
	}
}


.vision_txt_top {
	font-size: 21px;
	margin-bottom: 12px;
}

.vision_txt_bottom {
	margin: 12px 0 0;
	text-indent: -1rem;
	padding-left: 1rem;
}

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

.takashin_guide div {
	width: 31%;
	text-align: center;
	margin: 0 3.5% 40px 0;
	color: #666666;
}

.takashin_guide p:nth-of-type(1) {
	font-weight: bold;
	margin-bottom: 3px;
}

.takashin_guide p:nth-of-type(2) {
	text-align: left;
}

.takashin_guide div img {
	max-height: 220px;
	width: auto;
	margin-bottom: 12px;
}

.takashin_guide a:nth-of-type(2) {
	background: #ff88bb;
	color: white;
	padding: 3px 6px;
	font-size: 15px;
	font-weight: bold;
	border-radius: 5px;
	display: inline-block;
	margin-top: 8px;
	letter-spacing: 3px;
}

.takashin_guide div:nth-child(3n) {
	margin-right: 0;
}

@media(max-width:650px) {
	.takashin_guide p {
		font-size: 90%;
	}
}


.entry_wrap {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px
}

.entry_left {
	width: 48%;
	margin-right: 4%;
}

.entry_right {
	width: 48%;
	text-align: center;
	border: 2px solid #ed7895;
	background: #fff4f4;
}

.entry_center {
	width: 600px;
	text-align: center;
	border: 2px solid #ed7895;
	background: #fff4f4;
	margin: 0 auto;
}

.entry {
	padding: 0 10px 25px;
	text-align: center;
	border: 2px solid #ed7895;
	background: #fff4f4;
}

.entry p:nth-child(2n) {
	margin: 8px 0;
}

.entry p:nth-child(4n) {
	margin: 26px 0 2px;
}

.entry a {
	color: #ff88bb;
	text-decoration-line: underline;
}

.entry_left,
.entry_right,
.entry_center {
	margin-bottom: 20px;
}

.mynavi {
	margin: 0 0 17px;
	padding-top: 12px;
}

.saiyoutantou {
	font-size: 20px;
	padding: 15px 0 0;
}

@media screen and (max-width: 500px) {
	.takashin_guide div {
		width: 48%;
		margin: 0 4% 40px 0;
	}

	.takashin_guide div:nth-child(even) {
		margin-right: 0;
	}

	.takashin_guide div:nth-of-type(3) {
		margin-right: 4%;
	}

	.mynavi {
		padding-top: 0px;
	}

	.saiyoutantou {
		margin-bottom: 21px;
	}
}

/*採用情報ここまで*/

/*採用情報 先輩メッセージここから*/

.marker {
	text-indent: -1rem;
	margin: 12px 0 4px 1rem;
	font-weight: bold;
	color: #555;
}

.marker span {
	background: linear-gradient(transparent 63%, #FFE2EB 0%);
}

/*採用情報 先輩メッセージここまで*/

/*採用情報 職場環境ここから*/



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

.shokuba_photo div {
	width: 31%;
	margin: 0 3.5% 15px 0;
}

.shokuba_photo div:nth-child(3) {
	margin-right: 0;
}

.shokuba_photo div:nth-child(6) {
	margin-right: 0;
}

.shokuba_photo img {
	width: 100%;
}

.shokuba_photo p {
	text-align: center;
	margin: 3px 0 0;
}

.saiyou_entry {
	width: 52%;
	text-align: center;
	border: 2px solid #ed7895;
	background: #fff4f4;
	margin: 0 auto;
	padding: 30px 20px 10px;
}

.saiyou_entry p {
	margin-bottom: 20px;
}

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

	.shokuba_photo div {
		width: 47%;
		margin: 0 6% 15px 0;
	}

	.shokuba_photo div:nth-child(even) {
		margin-right: 0;
	}

	.shokuba_photo div:nth-child(3) {
		margin-right: 6%;
	}


}

/*採用情報 職場環境ここまで*/

/*採用情報 社内イベントここから*/
.ryokousaki {
	font-weight: bold;
	color: #ff88bb;
	margin: 20px 0 11px;
}

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

.ryokousaki_photo div {
	width: 15%;
	margin: 0 2% 18px 0;

	display: block;
	height: 180px;
	overflow: hidden;
	position: relative;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.ryokousaki_photo img {
	position: absolute;
	width: auto;
	height: auto;
	max-width: 96%;
	max-height: 96%;
	left: 50%;
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}

.ryokousaki_photo div:nth-child(6) {
	margin-right: 0;
}

.ryokousaki_photo div:nth-child(12) {
	margin-right: 0;
}

.ryokousaki_photo div:nth-child(18) {
	margin-right: 0;
}

@media screen and (min-width:831px) and (max-width:1200px) {
	.ryokousaki_photo div {
		width: 18%;
	}

	.ryokousaki_photo div:nth-child(5n) {
		margin-right: 0;
	}

	.ryokousaki_photo div {
		margin: 0 2.5% 18px 0;
	}

	.ryokousaki_photo div:nth-child(6) {
		margin-right: 2.5%;
	}

	.ryokousaki_photo div {
		height: 151px;
	}
}

@media screen and (min-width:700px) and (max-width:830px) {
	.ryokousaki_photo div {
		width: 23%;
	}

	.ryokousaki_photo div:nth-child(4n) {
		margin-right: 0;
	}

	.ryokousaki_photo div {
		margin: 0 2.3% 18px 0;
	}

	.ryokousaki_photo div:nth-child(5) {
		margin-right: 2.3%;
	}

	.ryokousaki_photo div:nth-child(6) {
		margin-right: 2.3%;
	}

	.ryokousaki_photo div {
		height: 110px;
	}
}

@media screen and (min-width:501px) and (max-width:699px) {
	.ryokousaki_photo div {
		width: 32%;
	}

	.ryokousaki_photo div:nth-child(3n) {
		margin-right: 0;
	}

	.ryokousaki_photo div {
		margin: 0 2% 18px 0;
	}

	.ryokousaki_photo div:nth-child(5) {
		margin-right: 2%;
	}

	.ryokousaki_photo div:nth-child(6) {
		margin-right: 0;
	}

	.ryokousaki_photo div {
		height: 165px;
	}
}





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

	.ryokousaki_photo div {
		width: 49%;
		margin: 0 2% 18px 0;
	}

	.ryokousaki_photo div:nth-child(even) {
		margin: 0;
	}
}

/*採用情報 社内イベントここまで*/

/*お客様の声ここから*/

.intabyu-_wrap {
	text-align: center;
}

.voicebtn {
	display: block;
	float: left;
	margin: 30px 20px;
}

.voicebtn img {
	width: 100%;
	max-width: 150px;
}


.voiceleft {
	float: left;
	width: 55%;
}

.voiceleft img {
	width: 95%;
	margin: 0 5% 20px 0;
}

.voiceright {
	float: left;
	width: 45%;
	font-size: 95%;
}

h2 {
	margin-bottom: 25px;
}

h2.vw100 {
	/* background: #ffe7f1; */
	padding: 40px 0 0;
	margin-top: 90px;
	margin-bottom: 50px;
	color: #666;
	text-align: center;
	letter-spacing: 0.5em;
	font-size: 190%;
	width: calc(100vw - 9px);
	margin: 70px calc(50% - 50vw) 50px;
	/* text-shadow:0px 2px 2px #ff9fc860; */
}

h2.vw100:first-child {
	margin-top: 45px;
}

@media(max-width:650px) {
	h2.vw100 {
		/* background: #ff9fc8; */
		padding: 1.7vw 8px 2vw;
		margin-top: 13vw;
		margin-bottom: 20px;
		width: 100vw;
		/* color:#fff; */
		text-align:
			center;
		letter-spacing: 0.4em;
		font-size: 150%;
	}
}

.voiceold img {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	display: block;
}

@media (max-width:500px) {

	.voicebtn {
		width: 48%;
		margin: 30px 4% 20px 0;
	}

	.voicebtn:nth-child(6n) {
		margin-right: 4%;
	}

	.voicebtn:nth-child(2n) {
		margin-right: 0;
	}

	.voiceleft,
	.voiceright {
		float: none;
		width: 90%;
		margin: 0 5%;
	}

}

/*お客様の声ここまで*/

/*子育てにやさしい家ここから*/
.kosodate_top {
	display: flex;
	margin: 0 0 30px;
}

.kosodate_top_left {
	width: 40%;
}

.kosodate_top_right {
	width: 60%;
}

.kosodate_mannaka {
	display: flex;
}

.kosodate_mannaka_left {
	width: 75%;
	margin-right: 4%;
}

.kosodate_mannaka_right {
	width: 21%;
}

.kosodate_shita {
	display: flex;
	margin: 55px 0 40px;
}

.kosodate_shita_left {
	width: 53%;
	margin-right: 2%;
}

.kosodate_shita_center {
	width: 2%;
	margin-right: 3%;
}

.kosodate_shita_right {
	width: 40%;
}

.kosodate_shita_right p {
	margin: 20px 0 0;
}

.kosodate_douga {
	text-align: center;
	width: 73%;
	margin: 17px auto 0;
}

.kosodate_ball {
	margin: 30px 15% 0;
}

.kosodate_bottom {
	display: flex;
	margin: 75px 0 50px;
}

.kosodate_bottom_left {
	width: 55%;
	margin-right: 2%;
}

.kosodate_bottom_right {
	width: 43%;
}

@media (max-width:500px) {

	.kosodate_mannaka {
		flex-wrap: wrap;
	}

	.kosodate_mannaka_left {
		width: 100%;
		margin-right: 0%;
	}

	.kosodate_mannaka_right {
		width: 100%;
		margin: 0 auto;
	}

	.kosodate_shita {
		margin: 35px 0 40px;
		flex-wrap: wrap;
	}

	.kosodate_shita_left {
		width: 100%;
		margin-right: 0%;
	}

	.kosodate_douga {
		text-align: center;
		width: 84%;
		margin: 17px auto 0;
		font-size: 12px;
	}

	.kosodate_shita_right {
		width: 100%;
		margin: 25px 0 0;
	}

	.kosodate_ball {
		margin: 13px 15% 0;
	}

	.kosodate_bottom {
		margin: 40px 0 30px;
		flex-wrap: wrap;
	}

	.kosodate_bottom_left {
		width: 100%;
		margin: 0 0% 10px 0;
	}

	.kosodate_bottom_right {
		width: 100%;
	}

}

/*子育てにやさしい家ここまで*/


/*見学申し込みここから*/
.juusho {
	margin: 35px 0 12px;
	font-size: 22px;
}

.shiryo select {
	margin: 0 15px 0 10px;
	padding: 3px;
}

#privacy {
	text-align: center;
}

.contact_button {
	padding: 3px 20px;
	font-weight: bold;
	font-size: 18px;
	margin: 30px 0;
}


/*愛犬家住宅ここから*/

.aiken-button {
	text-align: right;
}

/*愛犬家住宅ここまで*/

/*暮らしの場面事例集ここから*/

.aiken-box {
	display: flex;
	flex-wrap: wrap;
	margin: 42px 0 0;
}

.aiken-box img {
	width: 100%;
}

.aiken-box div {
	width: 18%;
	margin: 0 2.5% 55px 0;
}

.aiken-box p a {
	color: #333;
}

.aiken-box p {
	margin: 7px 0 0;
}


.aiken-box div:nth-child(5n) {
	margin-right: 0;
}

/*暮らしの場面事例集ここまで*/

/*愛犬家住宅コーディネーターのご紹介ここから*/

.co-di-wrap {
	display: flex;
	flex-wrap: wrap;
}

.co-di-flex {
	width: 47%;
	margin: 0 6% 44px 0;
	flex-wrap: wrap;
	display: flex;
}

.co-di-flex:nth-child(2n) {
	margin-right: 0;
}


.co-di-wrap img {
	width: 100%;
}

.co-di-flex div:nth-child(1) {
	width: 42%;
	margin-right: 3%;
}

.co-di-flex div:nth-child(2) {
	width: 55%;
}

.ko-di-name {
	font-size: 21px;
	background: linear-gradient(transparent 36%, #ffddec 55%);
	margin: 0 0 9px;
}

/*愛犬家住宅コーディネーターのご紹介ここまで*/

/*シンボルマークコンセプトここから*/
.symbol-left img {
	width: 100%;
}


.symbol {
	display: flex;
	flex-wrap: wrap;
	margin: 33px 0 20px;
}

.symbol-left {
	width: 40%;
	margin-right: 2%;
}

.symbol-right {
	width: 58%;
}

/*シンボルマークコンセプトここまで*/

/*リビング・ダイニングここから*/

.living-top {
	display: flex;
	flex-wrap: wrap;
	margin: 36px 0 42px;
}

.living-top-left p {
	margin-bottom: 3px;
}

.living-top-left {
	width: 49%;
	margin-right: 2%;
	padding: 15px 0px;
	letter-spacing: 1px;
	font-size: 17px;
	border-radius: 9px;
	border: 2px solid #ccc;
	background: url(image/niku-kyu.png) no-repeat 12px 12px #fce7f0;
	background-size: 70px;
	text-indent: -1rem;
	padding-left: 7rem;
}

.living-top-right {
	width: 49%;
}


.living-mannaka {
	display: flex;
	flex-wrap: wrap;
	margin: 40px 0 75px;
}

.living-mannaka img {
	width: 100%;
}

.living-mannaka p {
	margin: 10px 0 0;
}


.living-mannaka div {
	width: 31%;
	margin-right: 3.5%;
}


.living-mannaka div:nth-child(3n) {
	margin-right: 0;
}

/*リビング・ダイニングここまで*/


@media (max-width:500px) {

	.juusho {
		margin: 18px 0 12px;
		font-size: 19px;
	}


	/*愛犬家住宅ここから*/

	.aiken-button {
		text-align: center;
	}

	.aiken-a {
		display: inline-block;
		margin: 27px 0 18px;
	}



	.aiken-box {
		margin: 30px 0 0;
	}

	.aiken-box div {
		width: 47%;
		margin: 0 6% 40px 0;
	}

	.aiken-box div:nth-child(5n) {
		margin-right: 6%;
	}

	.aiken-box div:nth-child(2n) {
		margin-right: 0;
	}


	.living-top-left {
		width: 100%;
		margin-right: 0%;
		padding: 13px 0px 0 0.8rem;
		font-size: 16px;
		background: url(image/niku-kyu.png) no-repeat 12px 34px #fce7f0;
		background-size: 50px;
		padding-left: 5.5rem;
		margin-bottom: 8px;
	}

	.living-top-right {
		width: 100%;
	}

	.living-mannaka div {
		width: 100%;
		margin-right: 0%;
		margin-bottom: 13px;
	}

	/*愛犬家住宅ここまで*/


	/*愛犬家住宅コーディネーターのご紹介ここから*/
	.co-di-flex {
		width: 100%;
		margin: 0 0% 44px 0;
		flex-wrap: wrap;
		display: flex;
	}

	.co-di-flex:nth-child(2n) {
		margin-right: 0;
	}



	.co-di-flex div:nth-child(1) {
		width: 42%;
		margin-right: 3%;
	}

	.co-di-flex div:nth-child(2) {
		width: 55%;
	}

	.ko-di-name {
		font-size: 19px;
		background: linear-gradient(transparent 36%, #ffddec 55%);
		margin: 0 0 7px;
	}

	/*愛犬家住宅コーディネーターのご紹介ここまで*/


	/*シンボルマークコンセプトここから*/
	.symbol {
		margin: 33px 0 20px;
	}

	.symbol-left {
		width: 82%;
		margin: 0% auto 6px;
	}

	.symbol-right {
		width: 100%;
	}

	/*シンボルマークコンセプトここまで*/



}


/*採用情報フォームここから*/
.kome {
	margin: 28px 0 10px;
	color: #ff88bb;
}

.col-head-type1 {
	border-collapse: collapse;
	width: 100%;
}

.col-head-type1 tr {
	border-bottom: 1px solid #ccc;
}

.col-head-type1 tr:first-child {
	/* border-top:1px solid #ccc; */
}

.col-head-type1 th,
.col-head-type1 td {
	text-align: left;
	padding: 27px 0 27px 10px;
}

.col-head-type1 th {
	width: 25%;
}

.col-head-type1 td {
	width: 75%;
}

.col-head-type1 input:focus {
	outline: 0;
}

::placeholder {
	color: #ccc
}

.name1,
.name2,
.birth1,
.birth2,
.birth3,
.addr1,
.addr2,
.tel,
.mail,
.school,
.subject,
.school-year,
.col-head-type1 select,
.col-head-type1 textarea {
	height: 40px;
	border-radius: 4px;
	border: 1px solid #dcd6d9;
	box-shadow: 0px 1px 2px #ccc;
	padding: 5px 0 5px 10px;
	font-size: 18px;
}

.col-head-type1 textarea {
	width: 100%;
	height: 100px
}

.name1,
.name2 {
	width: 37%;
}

.name1 {
	margin-right: 2%;
}

.sex-wrap {
	margin-left: 15px;
}

input[type='radio'] {
	margin-right: 8px;
	margin-left: 0;
	height: 17px;
	width: 17px;
	vertical-align: -1px;
	cursor: pointer;
}

label {
	margin: 0 15px 0 5px;
	display: inline-block;
}

.birth1,
.birth2,
.birth3 {
	margin-right: 2%;
	line-height: 250%;
}

.birth1 input,
.birth2 input,
.birth3 input {
	border: none;
	width: 18%;
	font-size: 18px;
}

.birth1:after {
	content: '年';
	margin-right: 10px;
	color: #868686;
}

.birth2:after {
	content: '月';
	margin-right: 10px;
	color: #868686;
}

.birth3:after {
	content: '日';
	margin-right: 10px;
	color: #868686;
}

.addr1 {
	width: 15%;
	min-width: 120px
}

.addr2 {
	width: 100%;
}

/*採用情報フォームここまで*/

/*下部バナーここから*/
.banner_staffblog {
	margin: 0 auto;
	width: fit-content;
	max-width: 97%;
}

.banners9 {
	display: flex;
	width: 1100px;
	max-width: 97%;
	flex-wrap: wrap;
	margin: 0 auto;
}

.banners9 a {
	width: 22%;
	margin: 0 4% 25px 0;
}

.banners9 a:nth-child(4n+1) {
	margin: 0 0 25px 0;
}

@media(max-width:650px) {

	.banners9 a,
	.banners9 a:nth-child(3n+1) {
		width: 49%;
		margin: 0 2% 10px 0;
	}

	.banners9 a:nth-child(2n+1) {
		margin: 0 0 10px 0;
	}
}

.banners16 {
	display:
		flex;
	width: 1000px;
	max-width: 96%;
	flex-wrap:
		wrap;
	margin: 40px auto 100px;
}

.banners16 a {
	width: 30.6%;
	margin: 0 4% 25px 0;
}

.banners16 a:nth-child(3n+1) {
	margin: 0 0 25px 0;
}

@media(max-width:650px) {

	.banners9 a,
	.banners9 a:nth-child(3n+1),
	.banners16 a,
	.banners16 a:nth-child(3n+1) {
		width: 49%;
		margin: 0 2% 10px 0;
	}

	.banners9 a:nth-child(2n+1),
	.banners16 a:nth-child(2n+1) {
		margin: 0 0 10px 0;
	}
}

/*下部バナーここまで*/

/*上部バナースライド*/
/* .swiper-container.banner1 {
	margin: 60px auto;
	padding-top: 0px;
}

.banner1 .swiper-button-prev {
	left: calc(-35px + 12.5vw);
	top: 6vw;
}

.banner1 .swiper-button-next {
	right: calc(-35px + 12.5vw);
	top: 6vw;
}

@media(max-width:650px) {
	.banner1 {
		margin: 25px auto;
	}

	.banner1 .swiper-button-prev {
		left: 0%;
		top: 50%;
	}

	.banner1 .swiper-button-next {
		right: 0%;
		top: 50%;
	}

	.swiper-container.banner1 {
		margin: 40px auto;
	}
} */


/*上部バナースライド 2510新デザイン*/
.banner1-bg {
	background: #f2f2f2;
	padding: 20px 0;
}
.banner1 {
	margin: 20px 0;
	overflow: visible;
}

.banner1 .swiper-wrapper {
  overflow: visible;
}


.banner1 .swiper-slide {
  width: 360px;
  transform-origin: center center;
  z-index: 1;
  overflow: visible;
  margin: 0;
	border-radius: 8px;
	background: #f2f2f2;
}

.banner1 .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  overflow: hidden; 
}

.banner1 .slide-inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.banner1 .swiper-slide:hover img {
  filter: opacity(1);
}

.banner1 .slide-inner {
	border-radius: 8px;
  overflow: hidden;
  transition: transform 0.5s ease, opacity 0.5s ease;
  transform-origin: center center;
}



@media (max-width: 600px) {
	.banner1 .swiper-slide { width: 250px; border: none; }
}





/* TOP施工事例 */
.sekou_img_tags {
	width: fit-content;
	margin: 0 auto;
	padding: 0 50px 20px;
}

.sekou_img_tags a {
	display: inline-block;
	margin: 0 .1em .6em 0;
	padding: .6em;
	line-height: 1;
	text-decoration: none;
	color: #ed7895;
	background-color: #fff;
	border: 1px solid #ed7895;
	transition: .5s;
}
.sekou_img_tags a:before {
	content: "#";	
}
.sekou_img_tags a:hover {
	background: #ed7895;
	color: #fff;
	transition: .5s;
}

@media(max-width:650px) {
	.sekou_img_tags {
		padding: 0 20px 20px;
	}

}

/*カタログ請求*/
.catalog_imasugu {
	max-width: 620px;
	margin: 22px auto;
}

.catalog_imasugu b {
	display: block;
	text-align: center;
	margin-bottom: 15px
}

.catalog_gray {
	background: #f0f0f0;
	padding: 17px 5px;
	text-align: center;
	margin: 20px 0;
}

@media(max-width:470px) {
	.catalog_gray {
		font-size: 3.5vw
	}
}

.catalog_3step {
	color: #999;
	font-size: 80%
}

.catalog_3step span {
	color: #444;
	font-size: 130%;
	display: inline-block;
	padding: 2px 8px 5px;
	margin: 15px 12px 5px;
	border-radius: 3px;
	font-weight: bold;
}

.catalog_3step span.step_now {
	background: #666;
	color: #fff;
}

.catalog_form .buttonsbox input {
	border-radius: 100px;
	min-width: 200px;
	font-size: 120%;
	border: 1px solid #999;
	background: #fff3f8
}

.catalog_link {
	display: inline-block;
	background: #fff3f8;
	padding: 10px 25px;
	margin: 20px 0;
	min-width: 300px;
	border: 1px solid;
	box-shadow: 2px 2px 2px #ed7895;
}

.catalog_kantan {
	text-align: center;
	font-weight: bold;
	/* color:#ff84b8; */
	font-size: 110%;
	margin-bottom: 15px;
}

.catalog_thumbs {
	text-align: center;
	margin: 40px auto 50px;
}

.catalog_gallery {
	display: flex;
	background: #eee;
	flex-wrap: wrap;
	max-width: 900px;
	margin: calc(30px + 2vw) auto;
	padding: 10px;
}

.catalog_gallery p {
	width: calc(33.33% - 2vw);
	height: 300px;
	max-height: 30vw;
	padding: 10px;
	margin: 1vw;
	text-align: center;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.catalog_gallery p img {
	max-height: 100%;
	display: inline-block;
}



/*ヘッダー画像*/
.title_header {
	margin-top: 95px;
	margin-bottom: 20px;
	height: 14vw;
	min-height: 150px;
	display: flex;
	align-items: center;
	background-size: cover;
	background-position: center;
	background-image: url(../images/header/model_pc.jpg);
}

.title_header>div {
	width: 100%;
}

.title_header h1,
.title_header p.not_h1 {
	font-size: 200%;
	letter-spacing: 0.15em;
	margin: 0;
	color: #fff;
	text-align: center;
	line-height: 1.3;
	font-weight: bold;
}

.title_header h3,
.title_header p.not_h3 {
	font-size: 140%;
	letter-spacing: 0.1em;
	margin: 0;
	color: #fff;
	background: none;
	text-align: center;
	display: block;
	padding-bottom: 0;
	font-weight: normal;

}

.title_header h1 span,
.title_header h3 span {
	display: inline-block;
}

/*各ページ画像*/
.th_model {
	background-image: url(../images/header/model_pc.jpg);
}

.th_works {
	background-image: url(../images/header/works_pc.jpg);
}

.th_nagare {
	background-image: url(../images/header/pc1.jpg);
}

.th_plan {
	background-image: url(../images/header/pc2.jpg);
}

.th_interview {
	background-image: url(../images/header/pc4.jpg);
}

.th_voice {
	background-image: url(../images/header/pc4.jpg);
}

.th_contact {
	background-image: url(../images/header/pc5.jpg);
}

.th_company,
.th_staff,
.th_events {
	background-image: url(../images/header/pc6.jpg);
}

.th_land {
	background-image: url(../images/header/pc7.jpg);
}



@media(max-width:650px) {
	.title_header {
		margin-top: 0;
		height: 44vw;
		min-height: none;
	}

	.title_header h1 {
		font-size: 165%;
	}

	.title_header h3 {
		font-size: 125%;
	}

	/*各ページ画像*/
	.th_model {
		background-image: url(../images/header/model_sp.jpg);
	}

	.th_works {
		background-image: url(../images/header/works_sp.jpg);
	}

	.th_nagare {
		background-image: url(../images/header/sp1.jpg);
	}

	.th_plan {
		background-image: url(../images/header/sp2.jpg);
	}

	.th_interview {
		background-image: url(../images/header/sp4.jpg);
	}

	.th_voice {
		background-image: url(../images/header/sp4.jpg);
	}

	.th_contact {
		background-image: url(../images/header/sp5.jpg);
	}

	.th_company,
	.th_staff {
		background-image: url(../images/header/sp6.jpg);
	}

	.th_land {
		background-image: url(../images/header/sp7.jpg);
	}
}

/* パンくず */
.pankuzu {
	width: 100%;
	max-width: 100%;
	margin: -10px auto 25px;
	text-align: left
}

.pankuzu a {
	font-size: 85%;
	color: #777;
	position: relative;
	display: inline-block;
	margin-right: 2em;
}

.pankuzu a:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 53%;
	right: 0%;
	margin-right: -1.5em;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 7px;
	border-color: transparent transparent transparent #ee819c;
}

.pankuzu a:last-child {
	pointer-events: none;
}

.cata_pan {
	margin-top: 105px;
	margin-bottom: 60px
}

@media(max-width:650px) {
	.cata_pan {
		margin-top: 0px;
		margin-bottom: 25px
	}
}

/*ロールオーバーでクロスフェードするコンテンツ*/
.centerbox {
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
}

.three_styles_pc {
	display: flex;
	max-width: 1050px;
	margin: 10px auto 30px;
	height: 525px;
	max-height: 42vw;
}

.three_styles_pc2 {
	display: flex;
	max-width: 760px;
	margin: 10px auto 30px;
	height: 450px;
	max-height: 42vw;
}

.three_styles_pc2 a {
	color: #000
}

@media(max-width:1000px) {

	.three_styles_pc,
	.three_styles_pc2 {
		display: none;
	}
}

.ro_change1 {
	margin: 0 auto;
	text-align: center;
	position: relative;
	width: 33.3%;
}

.ro_change1>div {
	position: absolute;
	left: 1.5vw;
	width: 380px;
	max-width: 30vw;
	text-align: center;
	transition: opacity 0.5s ease;
	background-size: cover;
}

div.ro_under {
	display: flex;
	bottom: -5px;
	font-size: 122%;
	line-height: 125%;
	text-align: left;
	font-family: serif;
	letter-spacing: 0.1em
}

div.ro_under img {
	display: inline-block;
	max-height: 25px;
	margin: 0 8px;
}

.ro_under small {
	font-size: 77%;
}

.ro_under.pc_de_spimage {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 10px;
}


.ro_change1>div.layer0 {
	color: #000;
}

.ro_change1>div.layer1 {
	color: #fff;
	opacity: 0;
}

.ro_change1>div.layer1:hover {
	opacity: 1;
}

.ro_change1 h5 {
	color: inherit;
}

.ro_change1 .vm {
	/* background:#fff; */
	color: #000;
	margin: 0;
	position: absolute;
	top: 80%;
	width: 50%;
	margin-left: 25%;
}

/* SP版は固定画像 */
.three_styles_sp {
	width: 700px;
	max-width: 90%;
	margin: 0px auto 30px;
}

.three_styles_sp img {
	display: inline-block;
	margin: 20px 0 8px;
}

.three_styles_sp a {
	color: #000;
	font-size: 72%;
}

.three_styles_sp .ro_under {
	letter-spacing: 0;
}

.three_styles_sp div.ro_under img {
	height: 20px;
	margin: 0 5px 0 3px;
}

@media(min-width:1001px) {
	.three_styles_sp {
		display: none;
	}
}

/*個人情報保護方針*/
.privacy {
	max-width: 800px;
	margin: 100px auto 70px;
}

.privacy h3 {
	background: none;
	padding: 0;
	margin: 30px 0 10px;
	color: #000;
	font-size: 110%;
}

.privacy p {
	margin-bottom: 0.5em;
}

.privacy p b {
	font-size: 95%;
	font-weight: normal;
	letter-spacing: 1px;
	display: inline-block;
	border: 1px solid #ccc;
	padding: 5px 10px 8px;
	;
}

/* 商品ラインナップ追記20250324 */
@keyframes arrowafterT {
	50% {
		top: 30%;
		opacity: 0;
	}

	100% {
		top: 50%;
		opacity: 1;
	}
}

@keyframes arrowbeforeT {
	100% {
		top: 70%;
		opacity: 0;
	}
}

h3.top_corner_title.lineup_title {
	margin: 2em 0 0;
	padding-bottom: 0;
}

.cont {
	margin: 50px auto 80px;

	.list {
		display: grid;
		margin-right: -1px;
		padding-left: 0;
		grid-template-columns: 1fr 1fr 1fr 1fr;

		.block {
			box-sizing: border-box;
			border-right: solid 1px #ebebeb;
			border-bottom: solid 1px #ebebeb;
			position: relative;
			cursor: pointer;
			display: grid;
			grid-template-rows: subgrid;
			grid-row: span 5;

			.image {
				position: relative;
				overflow: hidden;

				img {
					display: block;
					width: 100%;
					height: auto;
					transition: all 0.3s linear;
				}
			}

			.pack {
				padding: 14px 0 55px 0;
				display: grid;
				grid-template-rows: subgrid;
				grid-row: span 4;

				ul {
					margin: 0 0 11px 4px;
					list-style: none;
					text-align: center;

					li {
						border-radius: 12px;
						margin-right: 4px;
						padding: 0 6px;
						font-size: 12px;
						line-height: 24px;
						display: inline-block;
						background-color: #f5f5f5;
						color: #666;
					}
				}

				.logo {
					margin: 0 7px 9px 7px;
					height: 28px;
					position: relative;

					img {
						transform: translateY(-50%) translateX(-50%);
						position: absolute;
						left: 50%;
						top: 50%;
						margin: 0 auto;
						max-width: 100%;
						max-height: 28px;
						width: auto;
						height: auto;
					}
				}

				p {
					font-size: 14px;
					line-height: 2;
					margin: 0 15px;
					text-align: left;
					color: #4d4d4d;
				}

				p.catch {
					text-align: center;
					font-weight: bold;
					margin: 16px 0;
					font-size: 14px;
					font-family: "A1 Mincho", "游明朝", YuMincho, "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

					.pc_none {
						display: none;
					}
				}
			}

			.more {
				position: absolute;
				left: 5px;
				right: 5px;
				bottom: 5px;
				height: 40px;
				margin: 0;
				font-family: "Hiragino Kaku Gothic W4 JIS2004", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
				height: 35px;
				font-size: 12px;
				line-height: 35px;
				text-align: center !important;

				span {
					display: inline-block;
					position: relative;
					padding-left: 15px;
					text-decoration: none;
					color: #ed7895;

					&::after,
					&::before {
						content: '';
						transform: translateY(-50%) rotate(45deg);
						display: block;
						position: absolute;
						left: 0;
						top: 50%;
						margin-top: -2px;
						border-bottom: 2px solid #ed7895;
						border-right: 2px solid #ed7895;
						width: 4px;
						height: 4px;
					}

					&::after {
						opacity: 0;
						top: 30%;
					}
				}
			}

			&:hover {
				.image {
					img {
						transform: scale(1.1);
					}
				}

				span::after {
					animation: arrowafterT 0.3s;
				}

				span::before {
					animation: arrowbeforeT 0.3s;
				}
			}
		}

		.block:nth-of-type(odd) {
			border-right: solid 1px #ebebeb;
			margin-left: 0;
		}
	}
}

@media(min-width:769px) {
	.cont {
		.list {
			transform: translate3d(0px, 0px, 0px) !important;
		}
	}
}

@media(max-width:768px) {
.lineup{
	overflow: hidden;
}

	h3.top_corner_title.lineup_title {
		padding-bottom: 1em;
	}

	.swiper-container.cont {
		margin: 0 auto 20px;
		overflow: visible;
		width: 80%;
		padding-bottom: 1px;

		.list {
			margin: 0 0 50px;

			.block {
				border-bottom: solid 1px #ebebeb;

				.pack {
					ul li {
						font-size: 2.666vw;
					}

					.logo {
						img {
							max-width: 150px;
							width: 100%;
						}
					}

					p {
						font-size: 12px;
					}

					p.catch {
						.pc_none {
							display: block;
						}
					}
				}

				.more {
					a {
						font-size: 3.2vw;
					}
				}
			}
		}

		.swiper-slide {
			border: none;
			border-right: solid 1px #ebebeb;
		}

		.swiper-scrollbar {
			background: #eee;
			/* スクロールバーの背景色 */
			height: 8px;
			/* スクロールバーの高さ */
			position: absolute;
			bottom: 10px;
			/* スライダーの下から10pxに配置 */
			left: 10px;
			/* 左から10pxに配置 */
			width: calc(100% - 20px);
			/* 左右の余白を考慮した幅 */
		}

		.swiper-scrollbar .swiper-scrollbar-drag {
			background: #ed7895;
			/* スクロールドラッグの色 */
			border-radius: 4px;
			/* 角を丸くする */
		}
	}
}