@charset "UTF-8";

/* ---------------------------
00.Web Font
01.全般的な設定 & リセット
02.ヘッダ
03.ナビ
04.コンテンツ
05.フッター
06.ポップアップ
07.フォント
08.テーブル
09.clearfix
10.ContactForm7 上書き
--------------------------- */


/* [ 00.Web Font] --------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Roboto:500');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300');


/* [ 01.全般的な設定 & リセット] ------------------------ */
html{
	height: 100%;
}

body {
	-webkit-text-size-adjust: 100%;
	height: 100%;
	margin: 0;
	font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 400;
	color: #232323;
	font-size: 12px;
	line-height: 1.5em;
	background-color: #fff;
	letter-spacing: 1px;
}

img{
	max-width : 100%;  /* フルードイメージ */
	height: auto;
	vertical-align: bottom;
}

p{
	line-height: 150%;
	text-align: justify;
	text-justify:inter-ideograph;
}

li{
	list-style: none;
}


/* WordPress 記事内の画像レイアウト */
img.alignright { display: block; margin: 0 0 0 auto; }
img.alignleft { display: block; margin: 0 auto 0 0; }
img.aligncenter { display: block; margin: 0 auto; }


a{
	outline:none;  /* フォーカス時の点線を消す */
	text-decoration: none;
}
*:focus {
	outline: none; /* chromeで青い線が入るのを防ぐ */
}


a:link { color: #000; }
a:visited { color: #000; }
a:hover { color: #e10000; }
a:active { color: #000; }


.txt-c{ text-align: center !important; }
.txt-r{ text-align: right !important; }
.txt-l{ text-align: left !important; }

.fnt-en { font-family: "Roboto","Noto Sans JP", sans-serif; }

@media (max-width: 899px) {
	.txt-j-tab {
		text-align: justify !important;
	}
}
@media (max-width: 560px) {
	.txt-j-sp {
		text-align: justify !important;
	}
}

.full-wrapper{
	box-sizing: border-box;
	padding: 0 3%;
	margin-bottom: 50px;
}

.main-wrapper{
	box-sizing: border-box;
	padding: 0 3%;
	margin-bottom: 50px;
}


/* PC用の改行を無効に */
.br-pc {
	display: none;
}
/* スマホ時 非表示テキスト */
.hide-sp {
	display: none;
}
.sp-none,
.sp-none-inline {
	display: none;
}
/* PCのみ表示 */
.pc-show{
	display: none;
}
.tab-show,
.sp-show {
	display: none;
}
	
/* マージン */
.mg-b0  { margin-bottom:  0px !important; }
.mg-b5 { margin-bottom: 2px !important; }
.mg-b10 { margin-bottom: 5px !important; }
.mg-b20 { margin-bottom: 10px !important; }
.mg-b25 { margin-bottom: 12px !important; }
.mg-b30 { margin-bottom: 15px !important; }
.mg-b40 { margin-bottom: 20px !important; }
.mg-b50 { margin-bottom: 25px !important; }
.mg-b60 { margin-bottom: 30px !important; }
.mg-b80 { margin-bottom: 40px !important; }
.mg-b100{ margin-bottom: 50px !important; }
.mg-b120{ margin-bottom: 60px !important; }
.mg-t25 { margin-top: 12px !important; }
.mg-t50 { margin-top: 25px !important; }
.mg-t100{ margin-top: 50px !important; }
.mg-t-head{ margin-top: 30px !important; }

/* flex */
.flx {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.flx-ctr {
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.flx-ctr-j {
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.flx-ctr-a {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.flx-end-a {
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
}
.flx-btw-j {
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.flx-stt-a {
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.flx-wrap-c {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flx-rev {
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.flx-col {
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.bg-gry {
	background-color: #fafafa;
}
.bg-blk {
	background-color: #000000;
}
.por { position: relative; }
.poa,
.poa-bf::before,
.poa-af::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ofc {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
@media screen and (max-width: 1064px) {
	/* --- 縦並び - sp --- */
	.flx-smpc-blc {
		display: block;
	}
}
@media screen and (max-width: 899px) {
	.flx-tab-blc {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.txt-c-tab{ text-align: center !important; }
	.tab-show { display: block; }
}
@media screen and (max-width: 560px) {
	/* --- 縦並び - sp --- */
	.flx-sp-blc {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.sp-show {
		display: block;
	}
}

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



/* [ 02.ヘッダ ] ---------------------------------------- */

header{
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	position: fixed;
	top: 0;
	background-color: #fff;
	z-index: 200;
}
#sp-head{
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	position: relative;
	line-height: 1.0em;
}
#header-logo{
	position: absolute;
	width: 54px;
	height: 20px;
	top: 10px;
	left: 20px;
	margin: auto;
}
#header-logo img{
	position: absolute;
	width: 54px;
	height: 20px;
	opacity: 0;
}
#header-logo img.show{
	opacity: 1;
}
#header-logo2{
	position: absolute;
	width: 138px;
	height: 14px;
	top: 13px;
	left: 0;
	right: 0;
	margin: auto;
}
#header-logo img2{
	position: absolute;
	width: 138px;
	height: 24px;
}
/* ハンバーガーメニュー */
#header-navbtn{
	box-sizing: border-box;
	padding: 6px 0 0 0;
	width: 33px;
	height: 34px;
	position: absolute;
	right: 20px;
	top: 0;
}
.hamburger-label{
	display: none;
}

#header-sns{
	display: none;
}



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



/* [ 03.ナビ ]------------------------------------------- */
/* 全画面メニュー */
#gnav{
	opacity: 0;
	visibility: hidden;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	z-index: -1;
	position: fixed;
	box-sizing: border-box;
	margin-top: 40px;
	padding: 25px;
	width: 100%;
	min-height: calc(100% - 40px);
	background-color: #FFF;
	transition: all 300ms 0s ease;
	
	top: 0;
	bottom: 0;
	overflow-y: auto;
}
#gnav.active{
	opacity: 100;
	visibility: visible;
}
#pcnav-wrapper {
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
/* メインナビ */
#gnav1,
#gnav2 {
	width: 418px;
	max-width: 100%;
}
#gnav1 {
	gap: 20px;
}
#gnav1 .gnav_list {
	display: none;
}
.gnav_list li {
	margin: 0 auto;
	max-width: 550px;
	border-top: 1px solid #989898;
	line-height: 20px;
}
#gnav2 .gnav_list li:last-child {
	border-bottom: 1px solid #989898;
}
#gnav.v2 #gnav2 .gnav_list li:last-child {
	border-bottom: none;
}
.gnav_list li a {
	box-sizing: border-box;
	height: 50px;
	margin: 0 auto;
	padding-left: 24px;
	padding-right: 24px;
	line-height: 20px;
	column-gap: 32px;
}
.gnav_list li .ico {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 40px;
	height: 20px;
}
.gnav_list li .ico img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

.nav-frame {
	width: 100%;
}
.nav-frame a {
	position: relative;
	column-gap: 24px;
	height: 50px;
	padding-left: 20px;
	padding-right: 20px;
	color: #fff;
	transition: .4s all;
}
.nav-frame a::after {
	content: '';
	position: absolute;
	top: calc(50% - 3px);
	right: 16px;
	width: 6px;
	height: 6px;
	border-color: #fff;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	transform: rotate(45deg);
}
.nav-frame-sm a {
	height: 40px;
	font-size: 88%;
}
.nav-frame.nav-blk a { background-color: #000; }
.nav-frame.nav-gry a { background-color: #e6e6e6; color: #000; }
.nav-frame.nav-red a { background-color: #e10000; }
.nav-frame.nav-freely a { background-color: #162145; }
.nav-frame.nav-wht a {
	color: #000;
	border-width: 1px;
	border-style: solid;
	border-color: #989898;
}
.nav-frame.nav-wht a::after,
.nav-frame.nav-gry a::after,
.nav-frame.nav-blk a::after { border-color: #e10000; }
.nav-frame .ico {
	width: 47px;
	height: 30px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.nav-frame.disabled {
	pointer-events: none;
}
.nav-frame .txt small {
	font-size: 12px;
}
.nav-frame .ico img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

.nav-col2 {
	column-gap: 20px;
	row-gap: 20px;
	width: 100%;
}
.nav-col2 .nav-frame a {
	height: 77px;
	row-gap: 6px;
	padding-left: 0;
	padding-right: 0;
}
.nav-col2 .nav-frame a::after {
	right: 8px;
}
.nav-col2 .nav-frame .txt {
	flex: inherit;
	line-height: 1.4em;
}
.nav-col2 .nav-frame .txt-en {
	font-size: 68%;
	line-height: 1em;
	width: 100%;
	margin-bottom: -8px;
}
.nav-col2 .nav-frame .ico {
	height: auto;
}
.nav-col2 .nav-frame .new_mark {
	position: absolute;
	top: 0;
	left: 0;
}

#gnav.v2 .nav-col2,
.base_nav {
	column-gap: 24px;
	row-gap: 24px
}
.base_nav .nav-frame {
	width: calc(50% - 12px);
}
.base_nav .nav-frame .txt {
	margin-top: -9px;
}
.nav-frame.nav-contact .ico img {
	transform: scale(.85);
}
.nav-frame .txt {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 100%;
	flex: 1;
}

/* FC募集 */
#nav-fc{
	box-sizing: border-box;
	margin: 0 auto 20px auto;
	padding: 15px 0;
	width: 320px;
	border: 1px solid #e10000;
	border-radius: 5px;
	background-color: #fff;
}
#nav-fc p{
	text-align: center;
}
#nav-fc img{
	margin-bottom: 15px;
	width: 257px;
	height: 32px;
}
.fc-window--btn:not(:last-of-type) {
	margin-bottom: 8px;
}
.fc-window--btn .new_mark {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.nav-fc-btn {
	position: relative;
	text-align: center;
	margin: 0 auto;
	padding: 12px 16px;
	background: #000;
	color: #fff;
}
.nav-fc-btn:not(.flx) {
	display: inline-block;
}
.nav-fc-btn.flx > * {
	margin-left: 4px;
	margin-right: 4px;
}
.nav-fc-btn-gaw_yt {
	padding: 9px 16px;
}
.nav-fc-btn a{
	display: block;
	color: #fff;
}
.fc-window .nav-fc-btn {
	min-width: 100%;
	box-sizing: border-box;
	font-size: 13px;
}
.fc-window .flx  .nav-fc-btn small {
	font-size: 10px;
	letter-spacing: .1em;
}
.fc-window .nav-fc-btn:not(.btn-blk) {
	background-color: #e6e6e6;
	color: #000;
}
.fc-window .nav-fc-btn.btn-red {
	background-color: #e10000;
	color: #fff;
}
.fc-window .nav-fc-btn.btn-freely {
	background-color: #162145;
	color: #fff;
}
.nav-fc-btn.line {
	background-color: #39ad36;
}
.nav-fc-btn.arrow::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 16px;
	width: 7px;
	height: 7px;
	transform: rotate(45deg) translateY(-50%);
	pointer-events: none;
	border-top: 1px solid #e60719;
	border-right: 1px solid #e60719;
}
.nav-fc-btn.btn-red.arrow::before,
.nav-fc-btn.btn-freely.arrow::before {
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}
.fc-window-info {
	margin-top: 20px;
}
.fc-window-info h3 {
	font-weight: normal;
	letter-spacing: .2em;
	margin-bottom: 8px;
}
.fc-window-info p {
	font-size: 80%;
	letter-spacing: 0em;
	line-height: 1.8em;
}
#nav-fc-reed{
	margin-bottom: 15px;
	font-size: 15px;
	letter-spacing: 0em;
}
@media screen and (min-width: 961px) {
	.nav-frame a:hover { opacity: .8; }
	.nav-frame.nav-wht a:hover { opacity: .6; }
	.nav-frame.nav-gry a:hover {
		color: #e10000;
		opacity: 1;
	}
}
@media (max-width: 900px) {
	#gnav.v2 .nav-col2,
	.base_nav {
		column-gap: 20px;
		row-gap: 20px
	}
	.base_nav .nav-frame {
		width: calc(50% - 10px);
	}
	.nav-frame .txt small {
		font-size: 10px;
	}
}
@media (max-width: 413px) {
	#gnav.v2 .nav-col2,
	.base_nav {
		column-gap: 12px;
		row-gap: 12px
	}
	.base_nav .nav-frame {
		width: calc(50% - 6px);
	}
}
@media screen and (max-width: 320px) {
	#gnav {
		padding-left: 16px;
		padding-right: 16px;
	}
	#nav-fc {
		width: 288px;
	}
}

/* SNS */
#nav-sns{
	display: flex;
	justify-content: space-between;
	width: 280px;
	margin: 0 auto 24px;
}
#nav-sns p{
	line-height: 40px;
}
#nav-sns li img{
	width: 40px;
	height: 40px;
}


/* FCログイン */
#nav-login{
	margin: 20px auto 0;
	padding: 6px 0;
	max-width: 300px;
	background-color:#000;
	color: #fff !important;
	line-height: 24px;
	border-radius: 5px;
}
#nav-login img{
	margin-right: 10px;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}

.fc_btns {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 418px;
	column-gap: 16px;
}
.fc_btns .nav-frame a {
	column-gap: 8px;
}
.fc_btns .nav-frame a::after {
	content: none;
}
.fc_btns .nav-frame .ico {
	width: 20px;
	height: 20px;
	border-radius: 100%;
}
.fc_btns .nav-frame .txt {
	-webkit-box-flex: inherit;
	-ms-flex: inherit;
	flex: inherit;
}
.fc_btns .nav-frame .ico img {
	width: 7px;
	height: 10px;
}
.fc_btns .nav-fcmember a {
	border-color: #e10000;
}
.fc_btns .nav-fcmember .ico {
	background-color: #e10000;
}
.fc_btns .nav-construction a {
	border-color: #000;
}
.fc_btns .nav-construction .ico {
	background-color: #000;
}
@media screen and (max-width: 899px) {
	.fc_btns {
		margin-top: 32px;
		position: static;
	}
}
@media screen and (max-width: 560px) {
	#gnav1,
	#gnav2 {
		width: 100%;
	}
	.nav-red .txt {
		-webkit-box-flex: inherit;
		-ms-flex: inherit;
		flex: inherit;
	}
	.nav-frame.nav-machida .ico img {
		transform: scale(1.35);
	}
	.fc_btns {
		width: 100%;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		row-gap: 8px;
		margin-top: 24px;
	}
	.fc_btns .nav-frame {
		width: 100%;
	}
	.fc_btns .nav-frame a {
		font-size: 100%;
	}
}
@media screen and (max-width: 413px) {
	#gnav1 {
		gap: 12px;
	}
	.nav-col2 {
		column-gap: 12px;
	}
	.nav-frame a {
		column-gap: 12px;
		padding-left: 16px;
		padding-right: 16px;
	}
	.nav-frame .ico {
		width: 36px;
		height: 26px;
	}
	.gnav_list li a {
		padding-left: 16px;
		padding-right: 16px;
		column-gap: 16px;
	}
}
@media screen and (max-width: 374px) {
	.nav-frame .txt {
		letter-spacing: 0em;
		font-size: 92%;
	}
	.gnav_list li a {
		padding-left: 8px;
		padding-right: 8px;
		column-gap: 12px;
	}
	.gnav_list li .ico {
		width: 32px;
		height: 20px;
	}
}

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


/* [ 04.コンテンツ ]------------------------------------- */

/*■共通
---------------------------------------*/
#container{
	margin-top: 40px;
}
.container-top{
	margin-top: 0 !important;
}

/* ローディング */
#container{
	opaicty: 0;
}
#container.disp{
	opaicty: 1;
}
#loading{
	width: 100%;/*100%で全画面表示*/
	height: 100%;/*100%で全画面表示*/
	background: #fff;/*背景色*/
	position: fixed;
	top: 0;/*画面上部からの位置*/
	left: 0;/*画面左部からの位置*/
	z-index: 1000;/*レイヤー(この他にpositionを使用していない場合は不要)*/
}
/* ローダー アニメーション */

.loader{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}
.loader img{
	width: 153px;
	height: 56px;
}

/* 影装飾 */
.shadow-gray,
.shadow-red{
	position: relative;
}
.shadow-gray:after,
.shadow-red:after{
	content: "";
	position: absolute;
	z-index: -1;
	top: 5px;
	left: 5px;
	width: 100%;
	height: 100%;
	border-radius: 5px;
}
.shadow-gray:after{ background-image: url('../img/shadow-gray.png'); }
.shadow-red:after{ background-image: url('../img/shadow-red.png'); }

.h1title,
.h2title,
.h2title-head{
	position: relative;
	padding: 25px 0 20px 0;
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 3px;
	line-height: 135%;
}
.h1title {
	padding: 0;
	margin-bottom: 25px;
}
.h2title{
	margin-bottom: 20px;
}
.h2title::before,
.h2title-head::before{
	position: absolute;
	display: block;
	content: "";
	margin: auto;
	top: 0;
	left: 0;
	right: 0px;
	width: 70px;
	height: 15px;
	background-size: 70px 15px;
	background-image: url('../img/title-icon.svg');
}
.h2title span,
.h2title-head span{
	display: block;
	position: absolute;
	margin: auto;
	bottom: 0;
	left: 0;
	right: 0;
	color: #989898;
	font-size: 10px;
	line-height: 150%;
}


/* サブページヘッダー */
#sub-head{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 50px;
	height: 150px;
	background-image: url('../img/bk-img-2x.jpg');
	background-position: center center;
	background-size: cover;
}
.sub-head-gray{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 50px;
	padding: 45px 0;
	background: #fafafa;
}

/* ページャー */
#pgr{
	margin: 0 auto;
	text-align: center;
}
.page-numbers{
	display: inline-block;
	padding: 10px 16px;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #eee;
	letter-spacing: 0;
	font-size: 14px;
}
.page-numbers:last-child{
	border-right: 1px solid #eee;
}
.current{
	background-color: #e10000;
	color: #fff;
}

/* リードテキスト */
.main-reed{
	margin-bottom: 20px;
	line-height: 180%;
}



/* ■トップページ
---------------------------------------*/
/* トップFC勧誘 ポップアップ */
.fc-window{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.fc-window-inner{
	position: relative;
	padding: 30px 16px;
	max-width: 95%;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #e10000;
	border-radius: 5px;
	text-align: center;
}
.close{
	opacity: 0;
}
.fc-window-inner p img{
	margin-bottom: 15px;
	width: 250px;
	height: 32px;
}
.fc-window-reed{
	margin-bottom: 12px;
	text-align: center;
}
.fc-window-reed .ttl {
	display: block;
	margin-bottom: 12px;
	font-size: 28px;
}
.fc-window-reed
.fc-window-inner a:hover{
	color: #000;
}
.fc-window-close{
	position: absolute;
	top: 10px;
	right: 10px;
	width: 20px;
	height: 20px;
}
.fc-window-close img{
	width: 20px;
	height: 20px;
}

/* スライダー */
#topslide{
	display: none;
	position: relative;
	width: 100%;
	height: 285px;
	transform: rotate(0.0001deg); /* IEにてCSSアニメーションがカクカクする対策 ⇒ この記述によりGPUにて処理を行う */
}
#topslide-sp{
	position: relative;
	height: 500px;
	background-image: url('../img/t-topimg2024.jpg');
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 1;
}
.topscroll{
	position: absolute;
	display: block;
	margin: 0 auto;
	bottom: 20px;
	left: 0;
	right: 0;
	width: 50px;
	height: 45px;
	z-index: 10;
}
.topscroll img{
	width: 50px;
	height: 45px;
}
.toptxt{
	position: absolute;
	display: block;
	margin: auto;
	padding-top: 30px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 200px;
	height: 280px;
}
#topslide .catch {
	position: absolute;
	bottom: 80px;
	left: 80px;
}
#topslide .catch .sub_ttl,
#topslide .catch .main_ttl {
	font-weight: 300;
	line-height: 1em;
}
#topslide .catch .sub_ttl {
	font-size: 227%;
}
#topslide .catch .main_ttl {
	font-size: 347%;
}
#topslide .catch .ambassador {
	font-size: 13px;
}

/* リード */
#top-reed{
	margin-top: 48px;
	margin-bottom: 48px;
	padding-left: 16px;
	padding-right: 16px;
}
#top-reed-txtwrap{
	text-align: center;
	padding-left: 80px;
	padding-right: 80px;
}
#top-reed-img {
	margin-top: 24px;
}
#top-reed #top-reed-left_img,
#top-reed #top-reed-right_img {
	width: 500px;
}
#top-reed #top-reed-left_img {
	order: 1;
}
#top-reed #top-reed-txt {
	order: 2;
}
#top-reed #top-reed-right_img {
	order: 3;
}
#top-reed-txt1{
	margin-bottom: 20px;
	font-size: 14px;
}
#top-reed-txtwrap img{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.top-reed-logo {
	margin-bottom: 40px;
	max-width: 280px;
	margin-left: auto;
	margin-right: auto;
}
.top-reed-logo .gaw_logo-mark {
	max-width: 41%;
}
.top-reed-logo img:not(:last-child) {
	margin-bottom: 16px;
}
.top-reed-rgt_img {
	margin-bottom: 40px;
}
.btn-box{
	text-align: center;
}
.btn01,
.btn01-small{
	position: relative;
	display: inline-block;
	border: 1px solid #989898;
	border-radius: 5px;
	background: #fff;
}
.btn01:before,
.btn01-small:before{
	position: absolute;
	display: block;
	content: "";
	margin: auto;
	top: 0;
	bottom: 0;
	right: 15px;
	width: 4px;
	height: 8px;
	background-size: 4px 8px;
	background-image: url('../img/btn-arrow-gray.svg');
}
.btn01 a,
.btn01 span{
	padding: 10px 75px;
	display: block;
}
.btn-box.disabled {
	pointer-events: none;
	opacity: .3;
}
.btn01-small a,
.btn01-small span{
	padding: 10px 25px;
	display: block;
}

/* GAW MACHIDA  */
#top-gaw_machida {
	position: relative;
	padding-top: 50px;
	padding-bottom: 24px;
	margin-bottom: 100px;
}
#top-gaw_machida .full-wrapper {
	margin-bottom: 0;
}
#top-gaw_machida .h1title {
	font-weight: bold;
	color: #fff;
}
#top-gaw_machida .txt {
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	background-color: rgba(255,255,255,.75);
	padding-top: 16px;
	padding-bottom: 16px;
	padding-left: 40px;
	padding-right: 40px;
}
#top-gaw_machida .bg_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../img/gaw_machida-bg_img.jpg?20231025_v1);
}
#top-gaw_machida .full-wrapper {
	height: 900px;
	max-height: 58vw;
}
#top-gaw_machida .logo {
	margin-bottom: 25px;
}
#top-gaw_machida .btns {
	column-gap: 30px;
	margin-top: 24px;
}
.fix_btns {
	display: none;
}
@media (max-width: 1600px) {
	#top-reed-txtwrap {
		padding-left: 40px;
		padding-right: 40px;
	}
	#top-reed #top-reed-left_img,
	#top-reed #top-reed-right_img {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 100%;
		flex: 1;
	}
	#top-reed #top-reed-right_img img {
		width: 68.6%;
	}
}
@media screen and (max-width: 1280px) {
	#top-gaw_machida .logo img {
		width: 340px;
	}
	#top-gaw_machida .h1title {
		font-size: 28px;
	}
}
@media screen and (max-width: 899px) {
	#top-gaw_machida .full-wrapper {
		max-height: 76vw;
	}
	#top-gaw_machida .logo {
		max-width: 35vw;
		margin-left: auto;
		margin-right: auto;
	}
	#top-gaw_machida .h1title {
		font-size: 22px;
		line-height: 1.6em;
	}
	#top-gaw_machida p.txt-c {
		text-align: justify !important;
	}
	#top-gaw_machida .btn01 a,
	#top-gaw_machida .btn01 span {
		padding: 10px 40px 10px 24px;
	}
	#top-reed {
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#top-reed-img {
		order: 2;
	}
	#top-reed #top-reed-txt {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		order: 1;
		margin-bottom: 20px;
	}
	#top-reed #top-reed-left_img,
	#top-reed #top-reed-right_img {
		width: 50%;
		max-width: 250px;
		-webkit-box-flex: auto;
		-ms-flex: auto;
		flex: auto;
	}
	#top-reed #top-reed-left_img {
		order: 2;
	}
	#top-reed #top-reed-right_img {
		order: 3;
	}
	#top-reed #top-reed-right_img img {
		width: 100%;
	}
	.fix_btns {
		display: flex;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 100;
		column-gap: 2px;
		background-color: #fff;
	}
	.fix_btn {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 100%;
		flex: 1;
	}
	.fix_btn a {
		height: 64px;
		font-size: 10px;
		color: #fff;
		background-color: #e10000;
		row-gap: 4px;
		white-space: nowrap;
	}
	.fix_btn .icon {
		width: 40px;
		height: 18px;
	}
	.fix_btn-fc a {
		background-color: #000;
	}
	.fix_btns.v2 .fix_btn a {
		height: 40px;
		font-size: 12px;
	}
	.fix_btns.v2 .fix_btn a .txt {
		translate: 0 -1px;
	}
}
@media screen and (max-width: 560px) {
	#top-gaw_machida {
		padding-top: 0;
		padding-bottom: 48px;
		margin-bottom: 48px;
		background-color: #fafafa;
	}
	#top-gaw_machida .bg_img {
		position: static;
		height: 44vw;
		margin-bottom: 32px;
	}
	#top-gaw_machida .full-wrapper {
		margin-bottom: 0;
		height: auto;
		max-height: inherit;
	}
	#top-gaw_machida .logo {
		max-width: 42vw;
	}
	#top-gaw_machida .h1title {
		font-size: 18px;
		margin-bottom: 16px;
		color: #000;
	}
	#top-gaw_machida .txt {
		padding: 0;
		background-color: transparent;
	}
	#top-gaw_machida .btns {
		margin-top: 24px;
		gap: 16px;
	}
	#top-gaw_machida .btn-box,
	#top-gaw_machida .btn01 {
		width: 100%;
	}
}
@media (max-width: 413px) {
	.fix_btn a {
		letter-spacing: 0em;
	}
}
@media screen and (max-width: 374px) {
	#top-gaw_machida .h1title {
		font-size: 16px;
		letter-spacing: 2px;
	}
}

/* netis */
.netis {
	padding-top: 20px;
	padding-bottom: 20px;
	overflow: hidden;
}
.netis .logo__ttl {
	column-gap: 32px;
}
.netis .logo__ttl .ttl {
	font-size: 38px;
	letter-spacing: .1em;
	line-height: 1em;
	font-weight: normal;
}
.netis .re_num,
.netis .re_num ul {
	column-gap: 14px;
}
.netis .re_num {
	font-size: 20px;
	letter-spacing: .05em;
}
.netis .re_num li h4 {
	font-weight: normal;
}
.netis .re_num li h4::after {
	content: '\FF0F';
}
.netis .btn_list {
	column-gap: 48px;
}
.netis .btn_list .btn01 a {
	min-width: 300px;
	box-sizing: border-box;
}
.netis .img_area .img {
	position: absolute;
	z-index: -1;
}
.netis .img_area .img-lft {
	left: -220px;
	bottom: -121px;
}
.netis .img_area .img-rgt {
	right: -400px;
	bottom: -141px;
}
.netis.v2 .img_area .img-lft {
	left: -400px;
}
.netis.v2 .main_txt {
	font-size: 98%;
	line-height: 2em;
}
@media (max-width: 1480px) {
	.netis {
		padding-top: 0;
		padding-bottom: 0;
	}
	.netis .img_area .img {
		bottom: -101px;
	}
	.netis .img_area .img-lft {
		width: 170px;
		left: -152px;
	}
	.netis.v2 .img_area .img-lft {
		left: -220px;
		width: 290px;
	}
	.netis .img_area .img-rgt {
		width: 340px;
		right: -240px;
	}
}
@media (max-width: 1400px) {
	.netis .img_area .img-lft {
		width: 102px;
		left: 60px;
	}
	.netis .img_area .img-rgt {
		width: 204px;
		right: -14px;
	}
	.netis.v2 .img_area .img-lft {
		left: 38px;
		width: 175px;
	}
}
@media (max-width: 1280px) {
	.netis .logo__ttl {
		column-gap: 24px;
	}
	.netis .logo__ttl .logo img {
		width: 350px;
	}
	.netis .logo__ttl .ttl {
		font-size: 30px;
	}
	.netis .re_num {
		font-size: 18px;
	}
}
@media (max-width: 1064px) {
	.netis .img_area .img-lft {
		width: 66px;
		left: 190px;
	}
	.netis .img_area .img-rgt {
		width: 125px;
		right: 160px;
	}
	.netis.v2 .img_area .img-lft {
		left: 208px;
		width: 102px;
	}
}
@media (max-width: 900px) {
	.netis .logo__ttl {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		row-gap: 12px;
	}
	.netis .logo__ttl .logo img {
		width: 300px;
	}
	.netis .logo__ttl .ttl {
		font-size: 18px;
	}
	.netis .ttl img {
		width: 440px;
	}
	.netis .re_num,
	.netis .re_num ul {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.netis .re_num {
		font-size: 15px;
		row-gap: 16px;
	}
	.netis .re_num ul {
		row-gap: 6px;
	}
	.netis .btn_list {
		position: relative;
		z-index: 1;
		column-gap: 24px;
	}
	.netis .btn_list .btn01 a {
		padding-left: 24px;
		padding-right: 24px;
		min-width: 180px;
	}
	.netis .img_area .img {
		bottom: -51px;
	}
	.netis .img_area .img-lft {
		left: auto;
		left: inherit;
		right: calc(50% + 220px);
	}
	.netis .img_area .img-rgt {
		right: auto;
		right: inherit;
		left: calc(50% + 208px);
	}
	.netis.v2 .img_area .img-lft {
		left: auto;
		left: inherit;
		right: calc(50% + 70px);
		width: 85px;
	}
	.netis .ambassador_txt {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		row-gap: 6px;
	}
	.netis.v2 .main_txt {
		text-align: justify !important;
	}
}
@media (max-width: 640px) {
	.netis .logo__ttl .logo img {
		width: 280px;
	}
	.netis .logo__ttl .ttl {
		font-size: 16px;
	}
	.netis .re_num {
		font-size: 13px;
	}
	.netis .img_area .img-lft {
		width: 49px;
		right: calc(50% + 96px);
	}
	.netis .img_area .img-rgt {
		width: 99px;
		left: calc(50% + 88px);
	}
}
@media (max-width: 413px) {
	.netis .re_num {
		font-size: 12px;
	}
	.netis .btn_list {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		row-gap: 8px;
	}
	.netis .btn_list .btn-box,
	.netis .btn_list .btn01,
	.netis .btn_list .btn01 a {
		width: 100%;
	}
}

/* base */
.base {
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
}
.base .base_list {
	width: 100%;
}
.base .base_list--item {
	width: 50%;
}
.base .base_list--item .img_area {
	height: 28vw;
	max-height: 540px;
}
.base .base_list--item .img_area .new_mark {
	position: absolute;
	top: 24px;
	right: 24px;
	z-index: 1;
}
.base .base_list--item .ttl {
	font-size: 24px;
	font-weight: normal;
}
.base .base_list--item .btn_list {
	column-gap: 48px;
}
.base.v2 .base_list {
	column-gap: 24px;
	row-gap: 64px;
}
.base.v2 .base_list--item {
	width: calc(50% - 12px);
}
.base.v2 .base_list--item .img_area {
	height: 21vw;
	max-height: 466px;
}
.base.v2 .base_list--item .badge {
	position: absolute;
	top: 8px;
	left: 8px;
	background-color: #e10000;
	width: 100px;
	height: 100px;
	font-size: 20px;
	border-radius: 100vmax;
	line-height: 1.2em;
}
.base.v2 .base_list--item .txt_area {
	padding-left: 10px;
	padding-right: 10px;
}
.base.v2 .base_list--item .logo {
	margin-right: 32px;
}
.base.v2 .base_list--item .ttl_area .fnt-en {
	line-height: 1em;
}
.base.v2 .base_list--item .ttl {
	font-size: 20px;
	line-height: 1.4em;
	margin-bottom: 10px;
	text-align: left;
}
.base.v2 .base_list--item .btn_list {
	margin-left: auto;
}
.base.v2 .base_list--item .btn01::before {
	right: 6px;
}
.base.v2 .base_list--item .btn01 a {
	padding: 14px 0;
	width: 260px;
}
@media (min-width: 1881px) {
	.base.v2 .base_list--item .ttl {
		margin-bottom: 15px;
	}
	.base.v2 .base_list--item .ttl br {
		display: none;
	}
}
@media (max-width: 1920px) {
	.base .base_list--item .img_area .new_mark {
		top: 1.25vw;
		right: 1.25vw;
		width: 5.2085vw;
		height: 5.2085vw;
	}
}
@media (max-width: 1600px) {
	.base .base_list--item .txt_area {
		padding-left: 40px;
		padding-right: 40px;
		-webkit-box-flex: 1;
		-ms-flex: 1 1 100%;
		flex: 1;
	}
	.base .base_list--item .txt_area p {
		text-align: justify !important;
	}
	.base .base_list--item .btn_list {
		margin-top: auto;
	}
	.base .base_list--item .btn01 a {
		width: 305px;
		padding-left: 0;
		padding-right: 0;
	}
}
@media (max-width: 1480px) {
	.base .base_list--item .btn_list {
		column-gap: 24px;
	}
	.base .base_list--item .btn_list .btn-box {
		width: calc(50% - 12px);
	}
	.base .base_list--item .btn_list .btn01,
	.base .base_list--item .btn_list .btn01 a {
		width: 100%;
	}
	.base.v2 .base_list--item .badge {
		width: 80px;
		height: 80px;
		font-size: 15px;
	}
	.base.v2 .base_list--item .logo {
		margin-right: 0;
	}
	.base.v2 .base_list--item .txt_area {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		row-gap: 20px;
	}
	.base.v2 .base_list--item .ttl,
	.base.v2 .base_list--item .ttl_area .fnt-en {
		text-align: center !important;
	}
	.base.v2 .base_list--item .btn_list {
		margin-right: auto;
	}
	.base.v2 .base_list--item .btn_list .btn-box {
		width: 260px;
	}
}
@media (max-width: 1280px) {
	.base .base_list--item .ttl {
		font-size: 20px;
	}
}
@media (max-width: 900px) {
	.base .base_list--item .logo img {
		width: 180px;
	}
	.base .base_list--item .img_area .new_mark {
		width: 10.417vw;
		height: 10.417vw;
	}
	.base .base_list--item .txt_area {
		padding-left: 24px;
		padding-right: 24px;
	}
	.base .base_list--item .ttl {
		line-height: 1.5em;
		font-size: 17px;
	}
	.base .base_list--item .btn_list {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		row-gap: 12px;
	}
	.base .base_list--item .btn_list .btn-box {
		width: 100%;
	}
	.base.v2 .base_list {
		column-gap: 16px;
		row-gap: 32px;
	}
	.base.v2 .base_list--item {
		width: calc(50% - 8px);
	}
	.base.v2 .base_list--item .badge {
		width: 56px;
		height: 56px;
		font-size: 11px;
	}
	.base.v2 .base_list--item .logo img {
		width: 140px;
	}
	.base.v2 .base_list--item .ttl {
		font-size: 16px;
	}
	.base.v2 .base_list--item .btn_list .btn-box {
		width: 220px;
	}
	.base.v2 .base_list--item .btn01 a {
		padding: 10px 0;
	}
}
@media (max-width: 560px) {
	.base .base_list {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		row-gap: 40px;
	}
	.base .base_list--item {
		width: 100%;
	}
	.base .base_list--item .img_area {
		height: 56vw;
	}
	.base .base_list--item .txt_area {
		padding-left: 16px;
		padding-right: 16px;
	}
	.base.v2 .base_list--item {
		width: 100%;
	}
	.base.v2 .base_list--item .img_area {
		height: 48vw;
	}
}

/* ピックアップ */
#top-pickup{
	display: flex;
	flex-wrap: wrap;
}
#top-pickup li{
	width: 48.5%;
	margin-right: 3%;
	text-align: center;
	font-size: 12px;
}
#top-pickup li:nth-child(n + 3){
	margin-top: 20px;
}
#top-pickup li:nth-child(2n){
	margin-right: 0;
}
#top-pickup li p{
	position: relative;
	margin: 30px 0 0;
	padding-bottom: 50px;
	height: 2.5em;
	text-align: center;
	line-height: 1.25;
}
#top-pickup li a span{
	display: block;
	position: absolute;
	margin: auto;
	width: 100%;
	top: 40px;
	left: 0;
	right: 0;
	font-size: 10px;
	color: #989898;
}
#top-pickup li a span:after{
	position: absolute;
	display: block;
	content: "";
	margin: auto;
	bottom: -23px;
	left: 0;
	right: 0;
	width: 70px;
	height: 11px;
	background-size: 70px 11px;
}
#top-pickup li a span.pickup-blk:after{ background-image: url('../img/pickup-line-blk.svg'); }
#top-pickup li a span.pickup-red:after{ background-image: url('../img/pickup-line-red.svg'); }

/* トップYouTube */
#top-youtube-box {
	padding-top: 50px;
	padding-bottom: 50px;
	margin-bottom: 50px;
}
#top-youtube-box .img {
	position: absolute;
}
#top-youtube-box .img-logo {
	bottom: 104%;
	left: 0;
	max-width: 16%;
}
#top-youtube-box .img-masaru {
	bottom: calc(100% - 8px);
	right: 0;
	max-width: 25%;
}
#top-youtube-box .yt_list_wrap {
	display: block;
	margin-bottom: 24px;
}
#top-youtube-box .yt_list {
	width: 100%;
}
#top-youtube-box .yt_list.flx li {
	width: calc(50% - 4px);
}
#top-youtube-box .yt_list {
	margin-top: -8px;
}
#top-youtube-box .yt_list li {
	position: relative;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 8px;
}
#top-youtube-box .yt_list .imghov::before,
#top-youtube-box .yt_list .imghov::after {
	pointer-events: none;
}
#top-youtube-box .yt_list:nth-of-type(1) {
	margin-bottom: 8px;
}
#top-youtube-box .yt_list:nth-of-type(1) li {
	padding-top: 56.25%;
}
#top-youtube-box .yt_list:nth-of-type(2) li {
	padding-top: 27.5%;
}
#top-youtube-box .main-wrapper {
	margin-bottom: 0;
}

#top-youtube-box .yt_list_wrap-lg {
	margin-bottom: 0;
}
#top-youtube-box .yt_list_wrap-lg .yt_list {
	column-gap: 8px;
}

@media screen and (min-width: 1781px) {
	#top-pickup li p br {
		display: none;
	}
}
@media screen and (min-width: 901px) and (max-width: 1780px) {
	#top-pickup li a span {
		top: 54px;
	}
}

/* 新着施工事例 */
.search_area {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
}
.search_area .ttl__txt .search_txt {
	font-size: 11px;
	color: #b6b6b6;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	border: 1px solid #ececec;
}
.search_area .search_ttl {
	padding-left: 12px;
}
.search_area .ttl {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	width: 128px;
	padding-top: 24px;
	padding-bottom: 24px;
	padding-left: 12px;
	padding-right: 12px;
}
.search_area .search_bloc {
	column-gap: 18px;
}
.search_area .search_bloc:nth-of-type(1) .ttl {
	border-top-width: 1px;
	border-top-style: solid;
}
.search_area .search_bloc:nth-of-type(1) .term_list {
	border-top: 1px solid #eee;
}
.search_area .term_list {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 100%;
	flex: 1;
	gap: 12px;
	padding-top: 16px;
	padding-bottom: 16px;
	border-bottom: 1px solid #eee;
}
.search_area .term_list--item {
	width: calc(16.666% - 10px);
}
.search_area .term_list--item label {
	position: relative;
	overflow: hidden;
	display: block;
	background-color: #f5f5f5;
	width: 100%;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
	font-size: 13px;
	z-index: 0;
	transition: .4s cubic-bezier(0.17,0.84,0.44,1);
}
.search_area .term_list--item input {
	position: absolute;
	top: 0;
	right: 100vmax;
	opacity: 0;
}
.search_area .term_list--item .txt::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	transition: .6s all;
}
.search_area .term_list--item input:checked + .txt::before {
	background-color: #000;
}
.search_area .term_list--item input:checked + .txt {
	color: #fff;
}
.search_area .search_bloc.disabled {
	color: #ccc;
	pointer-events: none;
}
.search_area .btn_list {
	column-gap: 16px;
}
.search_area .btn_list button,
.search_area .btn_list .btn-clear {
	position: relative;
	height: 32px;
	font-size: 13px;
	transition: .4s cubic-bezier(0.17,0.84,0.44,1);
}
.search_area .btn_list button {
	background-color: #000;
	color: #fff;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
	width: 200px;
}
.search_area .btn_list button img {
	position: absolute;
	top: 50%;
	translate: 0 -50%;
	right: 16px;
}
.search_area .btn_list .btn-clear {
	width: 100px;
	background-color: #f5f5f5;
}
@media (any-hover: hover) {
	.search_area .term_list--item label:hover,
	.search_area .btn_list .btn-clear:hover {
		background-color: #e5e5e5;
	}
	.search_area .btn_list button:hover {
		background-color: #e10000;
	}
}
@media (max-width: 899px) {
	.search_area {
		margin-bottom: 50px;
	}
	.search_area .search_ttl {
		padding-left: 0;
	}
	.search_area .search_bloc {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	.search_area .ttl,
	.search_area .term_list {
		width: 100%;
	}
	.search_area .search_bloc:nth-of-type(1) .term_list {
		border-top: none;
	}
	.search_area .ttl {
		border-top-width: 1px;
		border-top-style: solid;
		border-bottom: none;
		padding-top: 12px;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
	}
	.search_area .term_list {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 8px;
		padding-top: 8px;
	}
	.search_area .term_list--item {
		width: calc(33.333% - 6px);
	}
	.search_area {
		position: fixed;
		bottom: 0;
		left: 0;
		margin-bottom: 0;
		background-color: #fff;
		border-top: 1px solid #e5e5e5;
		z-index: 100;
		width: 100%;
		padding-left: 12px;
		padding-right: 12px;
		padding-top: 16px;
		padding-bottom: 16px;
		box-sizing: border-box;
		translate: 0 100%;
		transition: .4s cubic-bezier(0.17,0.84,0.44,1);
		max-height: calc(100svh - 40px);
		overflow-y: scroll;
	}
	.search_area.is_show {
		translate: 0 0;
	}
	.search_area .term_list--item {
		width: calc(50% - 4px);
	}
	.search_area .btn_list button {
		background-color: #e10000;
	}
	.search_btn:not(.search_btn-close) {
		background-color: #222;
		color: #fff;
		text-align: center;
	}
	.search_btn-sca {
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.search_btn-fix {
		position: fixed;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		row-gap: 4px;
		z-index: 99;
		bottom: 16px;
		right: 16px;
		font-size: 10px;
		width: 56px;
		height: 56px;
		border-radius: 100vmax;
		line-height: 1.2em;
		letter-spacing: 0em;
	}
	.search_btn-close {
		position: relative;
		background-color: #f5f5f5;
		width: 24px;
		height: 24px;
		border-radius: 100vmax;
	}
	.search_btn-close::before,
	.search_btn-close::after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		translate: -50% -50%;
		width: 50%;
		height: 2px;
		background-color: #333;
	}
	.search_btn-close::before {
		rotate: 45deg;
	}
	.search_btn-close::after {
		rotate: 135deg;
	}
}

#work-list,
#work-list2{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
	column-gap: 3%;
	row-gap: 20px;
}
#work-list2{
/*	justify-content: center; */
}
#work-list li,
#work-list2 li{
	position: relative;
	width: 48.5%;
	padding-bottom: 10px;
	text-align: center;
	font-size: 10px;
	letter-spacing: 0;
}
#work-list li:after{
	position: absolute;
	display: block;
	content: "";
	bottom: 0;
	width: 100%;
	height: 10px;
	border-left: 1px solid #989898;
	border-right: 1px solid #989898;
	border-bottom: 1px solid #989898;
}
#work-list li:nth-child(2n),
#work-list2 li:nth-child(2n){
	margin-right: 0;
}
#top-work-box #work-list li:nth-child(n + 7),
#top-work-box #work-list2 li:nth-child(n + 7){
	display: none;
}
#work-list .category_list {
	padding-top: 12px;
}
.category_list {
	gap: 6px;
}
.category_list--item .txt {
	display: block;
	font-size: 10px;
	background-color: #f5f5f5;
	line-height: 1em;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;
}
.category_list--item span.txt {
	color: #000;
}
.work-date{
	padding-top: 12px;
	margin-bottom: 6px;
}
.work-title-shop,
.work-title-type:last-child{
	margin-bottom: 10px;
}


/* ニュース */
#top-news-warpper{
	margin-bottom: 70px;
}
.top-news-inner{
	box-sizing: border-box;
	padding: 0 3%;
}
#top-news-warpper div.top-news-inner:nth-of-type(1){
	margin-bottom: 50px;
}
#top-news-list1{
	margin-bottom: 20px;
}
#top-news-list1 img,
#top-news-list2 img{
	display: none;
}
.news-date{
	line-height: 1;
	margin-bottom: 10px;
}
.news-title{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #989898;
}
.news-date span.news-icon,
.news-date span.fcnews-icon{
	display: inline-block;
	padding: 2px 15px;
	border-radius: 5px;
	color: #fff;
	letter-spacing: 2px;
	font-size: 10px;
	vertical-align: top;
}
.news-date span.news-icon{ background-color: #e10000; }
.news-date span.fcnews-icon{ background-color: #000000; }


/* ■代理店・施工店・販売店を探す ページ
---------------------------------------*/
#map .gm {
	width: 100vw;
	left: 50%;
	translate: -50% 0;
	padding-top: 56.25vw;
	max-height: 800px;
	overflow: hidden;
}
#map .gm iframe {
	translate: 0 -60px;
	height: calc(100% + 60px);
}
#map .gm a {
	z-index: 1;
}
#map .btn01 {
	display: table;
	margin-left: auto;
	margin-right: auto;
}
#pref .pref_list {
	padding-top: 80px;
	padding-bottom: 80px;
}
#pref .pref_list::before {
	z-index: -1;
	width: 100vw;
	left: 50%;
	translate: -50% 0;
	background-color: #fafafa;
}
#pref .pref_list--item {
	padding-top: 28px;
	padding-bottom: 28px;
	padding-left: 24px;
	padding-right: 0;
	column-gap: 24px;
	border-bottom: 1px solid #c8c8c8;
}
#pref .pref_list--item:first-child {
	border-top: 1px solid #c8c8c8;
}
#pref .pref_list--item .label {
	column-gap: 16px;
	width: 154px;
	pointer-events: none;
	font-weight: normal;
}
#pref .pref_list--item .area_list--item {
	width: 88px;
	text-align: center;
}
#pref .pref_list--item .area_list--item:not(:last-child) {
	border-right: 1px solid #c8c8c8;
}
.shop_sect h4,.shop_sect h5 {
	font-weight: normal;
}
.shop_sect .area_ttl {
	padding-left: 24px;
	pointer-events: none;
}
.shop_sect .shop_list {
	margin-top: 12px;
}
.shop_sect .shop_list--item {
	padding-top: 16px;
	padding-bottom: 16px;
	padding-left: 24px;
	padding-right: 24px;
	border-bottom: 1px solid #c8c8c8;
	column-gap: 24px;
}
.shop_sect .shop_list--item:first-child {
	border-top: 1px solid #c8c8c8;
}
.shop_sect .shop_list--item .type,
.shop_sect .shop_list--item .comp_add,
.shop_sect .shop_list--item .btn > * {
	font-size: 87%;
}
.shop_sect .shop_list--item .type {
	width: 80px;
	height: 25px;
}
.type.agency {
	color: #fff;
}
.type.sekou {
	background-color: #4d4d4d;
	color: #fff;
}
.type.sale {
	background-color: #e6e6e6;
}
.shop_sect .shop_list--item .comp,
.shop_sect .shop_list--item .comp_name {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 100%;
	flex: 1;
}
.shop_sect .shop_list--item .comp {
	column-gap: 24px;
	row-gap: 8px;
}
.shop_sect .shop_list--item .comp_name {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.shop_sect .shop_list--item .comp_add {
	width: 100%;
}
.shop_sect .shop_list--item .btn_list {
	column-gap: 16px;
}
.shop_sect .shop_list--item .btn {
	width: 220px;
}
.shop_sect .shop_list--item .btn > * {
	height: 100%;
	background-color: #f5f5f5;
	column-gap: 16px;
}
.shop_sect .shop_list--item .btn > span {
	opacity: .35;
}
.svg-symbol { display: none; }
.plus_min,
.plus_min::before,
.plus_min::after {
	transition: .4s all;
}
.plus_min {
	position: relative;
	display: none;
	width: 20px;
	height: 20px;
	background-color: #f5f5f5;
}
.plus_min::before,
.plus_min::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	translate: -50% -50%;
	width: 50%;
	height: 2px;
	background-color: #c5c5c5;
}
.plus_min::after {
	rotate: 90deg;
}
.is_open .plus_min {
	background-color: #000;
}
.is_open .plus_min::before,
.is_open .plus_min::after {
	background-color: #fff;
}
.is_open .plus_min::before {
	rotate: -180deg;
}
.is_open .plus_min::after {
	rotate: 180deg;
}

.post_count_list {
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 460px;
	border-width: 1px;
	border-style: solid;
	z-index: 1;
	backdrop-filter: blur(5px);
	background-color: rgba(255, 255, 255, .8);
}
.post_count_list--item {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 100%;
	flex: 1;
}
.post_count_list--item:not(:last-child) {
	border-right-width: 1px;
	border-right-style: solid;
}
.post_count_list--item .ttl,
.post_count_list--item p {
	line-height: 1em;
}
.post_count_list--item .ttl {
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 85%;
}
.post_count_list--item p {
	padding-top: 12px;
	padding-bottom: 12px;
	font-size: 133%;
}

@media (any-hover: hover) {
	.shop_sect .shop_list--item .btn a,
	.shop_sect .shop_list--item .btn a svg {
		transition: .4s cubic-bezier(0.22, 0.61, 0.36, 1);
	}
	.shop_sect .shop_list--item .btn a:hover,
	.shop_sect .shop_list--item .btn a:hover svg {
		color: #fff;
		fill: #fff;
	}
	.shop_sect .shop_list--item .btn-single a:hover {
		background-color: #e10000;
	}
	.shop_sect .shop_list--item .btn-hp a:hover {
		background-color: #000;
	}
}
@media (min-width: 561px) {
	.shop_sect .area_bloc {
		display: block !important;
	}
}
@media (min-width: 901px) {
	#pref .pref_list--item .pref_area {
		display: block !important;
	}
}
@media screen and (max-width: 1280px) {
  #map .gm {
    padding-top: 50%;
  }
}
@media screen and (max-width: 899px) {
	.shop_sect .area_ttl {
		padding-left: 16px;
	}
	#pref .pref_list {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	#pref .pref_list--item {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 16px;
		padding-right: 16px;
	}
	#pref .pref_list--item .label {
		pointer-events: all;
		width: 100%;
	}
	#pref .pref_list--item .label .plus_min {
		display: block;
		margin-left: auto;
	}
	#pref .pref_list--item .pref_area {
		display: none;
		width: 100%;
	}
	#pref .pref_list--item .area_list {
		margin-top: 12px;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 1.5vw;
	}
	#pref .pref_list--item .area_list--item {
		width: calc(100% / 4 - 1.125vw);
	}
	#pref .pref_list--item .area_list--item:not(:last-child) {
		border: none;
	}
	#pref .pref_list--item .area_list--item a {
		display: block;
		background-color: #f5f5f5;
		padding-top: 6px;
		padding-bottom: 6px;
	}
  .shop_sect .shop_list--item {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		column-gap: 16px;
		row-gap: 10px;
		padding-top: 12px;
		padding-bottom: 12px;
		padding-left: 16px;
		padding-right: 16px;
  }
	.shop_sect .shop_list--item .type {
		order: 2;
		width: 64px;
		height: 20px;
	}
	.shop_sect .shop_list--item .comp {
		order: 1;
		column-gap: 16px;
		row-gap: 4px;
	}
	.shop_sect .shop_list--item .btn_list {
		order: 3;
		width: 100%;
		column-gap: 8px;
	}
	.shop_sect .shop_list--item .btn {
		width: 154px;
	}
	.shop_sect .shop_list--item .btn > * {
		padding-top: 4px;
		padding-bottom: 4px;
		column-gap: 10px;
		height: auto;
	}
	.shop_sect .shop_list--item .btn svg {
		height: 12px;
	}
	.shop_sect .shop_list--item .btn-single svg {
		width: 10px;
	}
	.shop_sect .shop_list--item .btn-hp svg {
		width: 14px;
	}
}
@media (max-width: 900px) {
	#map .gm {
		margin-bottom: 0 !important;
	}
	#map .btn01 {
		display: none;
	}
}
@media screen and (max-width: 768px) {
  #map .gm {
    padding-top: 65%;
  }
}
@media screen and (max-width: 560px) {
  #map .gm {
    padding-top: 170%;
  }
  #pref .pref_list--item .label {
  	column-gap: 12px;
  }
  #pref .pref_list--item .label img {
  	width: 32px;
  	height: 12px;
  }
  #pref .pref_list--item .area_list {
		gap: 1.5vw;
	}
	#pref .pref_list--item .area_list--item {
		width: calc(100% / 3 - 1vw);
	}
  .shop_sect .area_bloc {
  	margin-bottom: 0 !important;
  	padding-top: 16px;
  	padding-bottom: 16px;
  	border-bottom: 1px solid #c8c8c8;
  }
  .shop_sect .area_bloc.is_open {
  	border-color: transparent;
  }
  .shop_sect .area_ttl {
  	padding-left: 0;
  	pointer-events: all;
  }
 	.shop_sect .plus_min {
 		display: block;
 	}
  .shop_sect .area_bloc .shop_list {
  	display: none;
  }
  .shop_sect .shop_list--item {
  	position: relative;
  	padding-top: 14px;
  	padding-bottom: 14px;
  	padding-left: 0;
  	padding-right: 0;
  	row-gap: 12px;
  }
  .shop_sect .shop_list--item .type {
  	position: absolute;
  	z-index: 1;
  	top: 12px;
  	right: 0;
		width: 52px;
		height: 18px;
		font-size: 80%;
  }
  .shop_sect .shop_list--item .comp {
  	-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
  	row-gap: 6px;
  	column-gap: 12px;
  }
  .shop_sect .shop_list--item .comp_name {
  	white-space: wrap;
  }
  .shop_sect#agency .shop_list--item .comp_name {
  	max-width: calc(100% - 60px);
  }
  .shop_sect .shop_list--item .btn {
  	width: calc(50% - 4px);
  }
  .post_count_list {
		bottom: 8px;
		right: 8px;
		width: calc(100% - 16px);
		background-color: rgba(255, 255, 255, .9);
	}
	.post_count_list--item .ttl {
		padding-top: 8px;
		padding-bottom: 8px;
		font-size: 85%;
	}
	.post_count_list--item p {
		padding-top: 12px;
		padding-bottom: 12px;
		font-size: 133%;
	}

}

/* ■お知らせ・イベント情報 ページ
---------------------------------------*/
#news-list{
	margin-bottom: 40px;
}
#news-list img{
	display: none;
}


/* ■お知らせ・イベント情報 詳細ページ
---------------------------------------*/
/*#blog-wrapper{
	line-height: 180%;
}
#blog-wrapper p{
	margin-bottom: 30px;
	line-height: 180%;
}
#blog-wrapper img{
	margin-bottom: 15px;
}
#blog-wrapper h2{
	position: relative;
	margin-bottom: 20px;
	padding: 0.6em;
	background: #e10000;
	color: #fff;
}
#blog-wrapper h2:after{
	position: absolute;
	content: '';
	top: 100%;
	left: 30px;
	border: 10px solid transparent;
	border-top: 10px solid #e10000;
	width: 0;
	height: 0;
}*/
/* 前後記事リンク */
#control{
	margin: 0 auto 50px auto;
	width: 274px;
}
#control1,
#control2,
#control3{
	width: 32%;
	float: left;
}
#control1,
#control2{
	margin-right: 2%;
}
#control1 a,
#control2 a,
#control3 a{
	display: block;
	height: 1em;
	padding-bottom: 5px;
	border-bottom: 1px solid #e10000;
	text-align: center;
	font-size: 11px;
	line-height: 1;
}
#control1 a span,
#control2 a span,
#control3 a span{
	color: #e10000;
}
#control1 a{
	width: 55px;
	margin-right: auto;
}
#control2 a{
	width: 65px;
	margin-right: auto;
	margin-left: auto;
}
#control3 a{
	width: 55px;
	margin-left: auto;
}


/* ■施工事例詳細 ページ
---------------------------------------*/
#work-detail-txt{
	margin-bottom: 30px;
}
#work-detail-txt .category_list {
	margin-bottom: 1em;
}
#work-detail-date{
	margin-bottom: .5em;
}
#work-detail-shop{
	margin-bottom: 1em;
	font-size: 16px;
	line-height: 1.8em;
}
#work-detail-memo{
	margin-bottom: 20px;
}
#work-detail-memo li{
	padding: 10px 0;
	border-top: 1px solid #989898;
	font-size: 15px;
}
#work-detail-memo li:last-child{
	border-bottom: 1px solid #989898;
}
#work-detail-point{
	margin-bottom: 1.25em;
	width: 109px;
	height: 20px;
}
#work-detail-comment{
	margin-bottom: 1.25em;
}
#work-detail-photo-list li:not(:last-child){
	margin-bottom: 20px;
}


/* ■お客様の声 ページ
---------------------------------------*/
#voice-list{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
#voice-list li{
	position: relative;
	width: 48.5%;
	padding-bottom: 10px;
	margin-bottom: 20px;
	margin-right: 3%;
	text-align: center;
	font-size: 10px;
	letter-spacing: 0;
}
#voice-list li:after{
	position: absolute;
	display: block;
	content: "";
	bottom: 0;
	width: 100%;
	height: 10px;
	border-left: 1px solid #989898;
	border-right: 1px solid #989898;
	border-bottom: 1px solid #989898;
}
#voice-list li:nth-child(2n){
	margin-right: 0;
}
.voice-shop{
	padding-top: 12px;
	margin-bottom: 6px;
	text-align: center;
}
.voice-comment{
	margin-bottom: 10px;
}
.voice-comment.is_archive-search {
	margin-top: 5px;
}


/* ■よくある質問 ページ
---------------------------------------*/
#qa-list li::before,
#qa-list li:last-child::after{
	display: block;
	content: "";
	width: 100%;
	height: 7px;
	background-image: url('../img/qa-border.svg');
	background-size: 6px; 7px;
	background-repeat: repeat-x;
}
.question{
	font-weight: bold;
}
.question,
.answer{
	box-sizing: border-box;
	position: relative;
	margin: 20px 0;
	padding-left: 30px;
	line-height: 20px;
}
.question::before,
.answer::before{
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	background-size: 20px 20px;
}
.question::before{ background-image: url('../img/qa-icon-1.svg'); }
.answer::before  { background-image: url('../img/qa-icon-2.svg'); }


/* ■プライバシーポリシー ページ
---------------------------------------*/
.privacy-txt > p:not(:last-child){
	margin-bottom: 20px;
}


/* ■グランドアートウォールとは ページ
---------------------------------------*/
/* ページ画像 */
.page_img img {
	width: 100%;
}
.page_head .inner {
	position: relative;
	width: 1750px;
	max-width: calc(100% - 128px);
	margin-left: auto;
	margin-right: auto;
	padding-top: 32px;
}
.page_head .page_logo,
.page_head .page_txt,
.page_head .page_ambassador {
	position: absolute;
}
.page_head .page_logo,
.page_head .page_txt {
	left: 0;
}
.page_head .page_txt {
	bottom: calc(100% + 120px);
	z-index: 1;
}
.page_head .page_ambassador {
	right: 0;
	bottom: 0;
	max-width: 636px;
	width: 37%;
}
.page_head .page_logo {
	bottom: calc(100% + 294px);
}
@media (max-width: 1480px) {
	.page_head .page_logo {
		bottom: calc(100% + 236px);
		width: 200px;
	}
	.page_head .page_txt {
		bottom: calc(100% + 80px);
		width: 540px;
	}
}
@media (max-width: 899px) {
	.page_head picture.page_img {
		position: relative;
		display: block;
		overflow: hidden;
		height: 60vw;
	}
	.page_head picture.page_img img {
		object-fit: cover;
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
	}
	.page_head .inner {
		max-width: calc(100% - 48px);
		padding-top: 24px;
	}
	.page_head .page_logo {
		bottom: calc(100% + 148px);
		width: 144px;
	}
	.page_head .page_txt {
		bottom: calc(100% + 40px);
		width: 360px;
	}
	.page_head .ambassador_txt img {
		width: 220px;
	}
}
@media (max-width: 560px) {
	.page_head picture.page_img {
		height: 72vw;
	}
	.page_head .inner {
		max-width: calc(100% - 32px);
		padding-top: 16px;
	}
	.page_head .page_logo {
		bottom: calc(100% + 104px);
		width: 96px;
	}
	.page_head .page_txt {
		bottom: calc(100% + 32px);
		width: 240px;
	}
	.page_head .ambassador_txt img {
		width: 180px;
	}
}

/* リード */
#about-reed{
	display: block;
	margin-top: 48px;
	margin-bottom: 48px;
	padding-left: 16px;
	padding-right: 16px;
}
#about-reed-lft{
	text-align: center;
}
#about-reed-txt1{
	margin-bottom: 20px;
	font-size: 14px;
}
#about-reed-txtwrap {
	margin-bottom: 20px;
}
#about-reed-txtwrap img{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.about-reed-logo {
	margin-bottom: 40px;
	max-width: 280px;
	margin-left: auto;
	margin-right: auto;
}
.about-reed-logo .gaw_logo-mark {
	max-width: 41%;
}
.about-reed-logo img:not(:last-child) {
	margin-bottom: 16px;
}


/* GAWカラー */
#gaw_color{
	position: relative;
	padding-top: 50px;
}
#gaw_color_pos {
	position: absolute;
	top: -144px;
}
#gaw_color .flx .logo {
	margin-bottom: 24px;
	text-align: center;
}
#gaw_color .flx .logo img {
	width: 200px;
}
#gaw_color-img img {
	margin-bottom: 15px;
}
#gaw_color-img p {
	font-size: 85%;
	letter-spacing: 0em;
	text-align: right;
}
p#gaw_color-msg {
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
}

/* 左右ボックス2（比率固定） */
.box2{
	margin-bottom: 30px;
}
.box2-photo{
	position: relative;
	text-align: center;
}
.box2-photo img{
	width: 100%;
}
.box2-txt{
	box-sizing: border-box;
	padding: 30px 0;
}
.about-no{
	margin-bottom: 25px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 35px;
	text-align: center;
	line-height: 1;
	color: #e10000;
}
.about-title{
	text-align: center;
	line-height: 1.4em;
	margin-bottom: 30px;
	font-size: 20px;
}
.about-caution{
	margin-top: 20px;
	font-size: 11px;
}
.adjust-box2{
	width: 100%;
}


/* ■グランドアートウォール本部 ページ
---------------------------------------*/
/* 代表あいさつ */
.head-office-wrapper{
	padding-bottom: 50px;
}
.head-office-wrapper .ttl{
	padding-left: 24px;
	padding-right: 24px;
}
#office-box{
	box-sizing: border-box;
	padding: 0 3%;
}
#ceo-image{
	text-align: center;
}
#ceo-image img{
	margin-bottom: 20px;
}
#ceo-txt p{
	line-height: 1.8;
}
#ceo-txt p:not(:last-child){
	margin-bottom: 20px;
}
#ceo-txt .txt-r img {
	width: 151px;
}
/* logo list */
#head_office_info .logo_list {
	column-gap: 32px;
}
#head_office_info .logo_list--item a {
	display: block;
}
/* Google Map */
.gm .frame_wrap {
	width: 100%;
	padding-top: 85vw;
}
.gm .btn a {
	background-color: #e10000;
	color: #fff;
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
	padding: 8px 0;
	border-radius: 3px;
}
.gm .btn a img {
	margin-right: 20px;
}
/* 会社情報 */
.tbl-shop{
	box-sizing: border-box;
	margin-bottom: 20px;
	width: 100%;
}
.tbl-shop th{
	box-sizing: border-box;
	display: block;
	padding: 10px 0 5px;
	border-top: 1px dotted #989898;
	text-align: center;
	font-weight: normal;
	background-color: #fff;
	vertical-align: middle;
}
.tbl-shop td{
	box-sizing: border-box;
	display: block;
	padding: 0 0 10px 0;
	text-align: center;
	background-color: #fff;
}
.tbl-shop tr:last-child td{
	border-bottom: 1px dotted #989898;
}
@media (max-width: 899px) {
	#head_office_info .logo_list {
		column-gap: 32px;
	}
	#head_office_info .logo_list--item img {
		height: 32px;
	}
	#head_office_info .logo_list--item-jsba img {
		width: 260px;
	}
	#head_office_info .logo_list--item-freelybase img {
		width: 172px;
	}
}
@media (max-width: 560px) {
	#head_office_info .logo_list {
		column-gap: 16px;
		row-gap: 16px;
	}
	#head_office_info .logo_list--item img {
		height: 24px;
	}
	#head_office_info .logo_list--item-jsba img {
		width: 194px;
	}
	#head_office_info .logo_list--item-freelybase img {
		width: 130px;
	}
}

/* ■グランドアートウォール シャッターページ
---------------------------------------*/

/* リード */
#shuttergate-reed {
	padding-top: 120px;
	padding-bottom: 120px;
	padding-left: 24px;
	padding-right: 24px;
}
#shuttergate-reed .headarea .desc_txt {
	font-size: 22px;
}
#shuttergate-reed .headarea .desc_txt .h1title {
	translate: 0 4px;
	display: inline-block;
	margin-bottom: 0;
}
#shuttergate-reed .headarea .btn a {
	width: 800px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: #000;
	color: #fff;
	font-size: 18px;
	row-gap: 16px;
	padding-top: 24px;
	padding-bottom: 24px;
	transition: .4s all;
}
#shuttergate-reed .txtarea {
	margin-right: 72px;
}
#shuttergate-reed .txtarea .txt-subttl {
	column-gap: 8px;
	max-width: 330px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 12px;
	padding-bottom: 12px;
}
#shuttergate-reed .txtarea .txt-subttl .ttl {
	line-height: 1.4em;
}
#shuttergate-reed .txtarea .txt-subttl .num {
	font-size: 23px;
	line-height: 1em;
}
#shuttergate-reed .txtarea .txt-desc {
	font-size: 18px;
	display: table;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #e10000;
	padding: 4px 24px;
}
.about-txt.txt_list,
.shuttergate-txt.txt_list {
	display: table;
	margin-left: auto;
	margin-right: auto;
}
.shuttergate-txt.txt_list .ttl {
	width: 156px;
}
.shuttergate-txt.txt_list .meter {
	width: 236px;
}
.shuttergate-txt.txt_list .feature {
	width: 200px;
}

/* シャッター 種類・特徴 */
#shuttergate-tf {
	padding-top: 100px;
	padding-bottom: 100px;
}
#shuttergate-tf .main-wrapper {
	margin: 0 auto;
}
#shuttergate-tf .tf_list--item:not(:last-child) {
	margin-bottom: 50px;
}
#shuttergate-tf .tf_list--item .imgarea {
	text-align: center;
}
#shuttergate-tf .tf_list--item .txtarea {
	flex: 1;
	padding-left: 30px;
}
#shuttergate-tf .tf_list--item .ttl {
	border-left: 2px solid;
	border-bottom: 1px solid;
	padding-left: 24px;
	padding-bottom: 12px;
}
#shuttergate-tf .tf_list--item .txtarea .txts p {
	letter-spacing: -.005em;
	line-height: 1.5em;
}
#shuttergate-tf .tf_list--item .batch_list--item:not(:last-child) {
	margin-right: 8px;
}
#shuttergate-tf .tf_list--item .imgs img:not(:last-child) {
	margin-right: 20px;
}
#shuttergate-tf .tf_list--item .tf_type {
	margin-top: auto;
}
#shuttergate-tf .tf_lineup .ttl h3 span {
	display: inline-block;
	margin-left: 12px;
	font-size: 167%;
	font-weight: normal;
}
#shuttergate-tf .tf_lineup .ttl .maker p {
	font-size: 116%;
	margin-right: 12px;
}
#shuttergate-tf .tf_lineup table th,
#shuttergate-tf .tf_lineup table td {
	vertical-align: middle;
	font-weight: normal;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
	border-right: 1px solid;
	border-top: 1px solid;
	letter-spacing: .05em;
}
#shuttergate-tf .tf_lineup table th:last-child,
#shuttergate-tf .tf_lineup table td:last-child {
	border-right: none;
}
#shuttergate-tf .tf_lineup table tr:last-child th,
#shuttergate-tf .tf_lineup table tr:last-child td {
	border-bottom: 1px solid;
}
#shuttergate-tf .tf_lineup table thead th,
#shuttergate-tf .tf_lineup table small {
	letter-spacing: 0em;
}
#shuttergate-tf .tf_lineup table .tbl-maker {    min-width: 175px; }
#shuttergate-tf .tf_lineup table .tbl-max {      min-width: 123px; }
#shuttergate-tf .tf_lineup table .tbl-speed {    min-width: 145px; }
#shuttergate-tf .tf_lineup table .tbl-remocon1 { min-width: 254px; }
#shuttergate-tf .tf_lineup table .tbl-remocon2 { min-width: 188px; }
#shuttergate-tf .tf_lineup table .tbl-connect {  min-width: 210px; }
#shuttergate-tf .tf_lineup table small {
	font-size: 80%;
}
#shuttergate-tf .tf_lineup .attn_txt {
	font-size: 85%;
}

@media (any-hover: hover) {
	#shuttergate-reed .headarea .btn a:hover {
		opacity: .8;
	}
}
@media (min-width: 900px) {
	#shuttergate-reed .headarea .h1title {
		font-size: 46px;
	}
}
@media screen and (min-width: 900px) and (max-width: 1500px) {
	.shuttergate-txt.txt_list {
		font-size: 88%;
	}
	.shuttergate-txt.txt_list .ttl {
		width: 109px;
	}
	.shuttergate-txt.txt_list .meter {
		width: 174px;
	}
	.shuttergate-txt.txt_list .feature {
		width: 160px;
	}
}
@media screen and (max-width: 899px) {
	#shuttergate-reed {
		padding-top: 48px;
		padding-bottom: 48px;
	}
	#shuttergate-reed .headarea .desc_txt {
		font-size: 13px;
	}
	#shuttergate-reed .headarea .desc_txt .h1title {
		translate: 0 1px;
	}
	#shuttergate-reed .headarea .btn a {
		font-size: 14px;
		padding-left: 16px;
		padding-right: 16px;
		box-sizing: border-box;
	}
	#shuttergate-reed .headarea .btn img {
		width: 300px;
	}
	#shuttergate-reed .imgarea {
		margin-top: 30px;
	}
	#shuttergate-reed .txtarea {
		margin-right: 0;
	}
	#shuttergate-reed .txtarea img {
		width: 320px;
		max-width: 100%;
	}
	.shuttergate-txt.txt_list .ttl {
		width: 106px;
	}
	.shuttergate-txt.txt_list .meter {
		width: 164px;
	}
	.shuttergate-txt.txt_list .feature {
		width: 144px;
	}
	#shuttergate-reed .txtarea .txt-subttl {
		max-width: 220px;
	}
	#shuttergate-reed .txtarea .txt-subttl .num {
		font-size: 17px;
	}
	#shuttergate-reed .txtarea .txt-desc {
		font-size: 15px;
	}
	#shuttergate-tf {
		padding-top: 50px;
		padding-bottom: 50px;
		margin-bottom: 50px;
	}
	#shuttergate-tf .tf_list--item .imgarea {
		margin-bottom: 20px;
	}
	#shuttergate-tf .tf_list--item .txtarea {
		padding-left: 0;
	}
	#shuttergate-tf .tf_list--item .batch_list--item img {
		width: 33px;
	}
	#shuttergate-tf .tf_list--item-gozensama h3 img {
		width: 157px;
		height: 22px;
	}
	#shuttergate-tf .tf_list--item-portier h3 img {
		width: 168px;
		height: 22px;
	}
	#shuttergate-tf .tf_list--item-mort_w h3 img {
		width: 80px;
		height: 16px;
	}
	#shuttergate-tf .tf_list--item-grillmort_w h3 img {
		width: 142px;
		height: 19px;
	}
	#shuttergate-tf .tf_lineup .ttl {
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}
	#shuttergate-tf .tf_lineup .ttl h3 {
		margin-bottom: 15px;
	}
	#shuttergate-tf .tf_lineup .ttl h3 span {
		margin-left: 0;
		margin-top: 15px;
		font-size: 140%;
	}
	#shuttergate-tf .tf_lineup .ttl .maker img {
		width: 110px;
	}
	#shuttergate-tf .tf_lineup .scr_txt {
		opacity: .7;
	}
}
@media screen and (max-width: 560px) {
	#shuttergate-reed .headarea .h1title {
		font-size: 24px;
	}
	#shuttergate-page_img.page_head .page_ambassador {
		translate: 16px 0;
	}
	#shuttergate-reed h2 img {
		max-width: 67%;
	}
	.about-txt.txt_list {
		width: 266px;
	}
	.shuttergate-txt.txt_list {
		width: 305px;
	}
	.about-txt.txt_list li,
	.shuttergate-txt.txt_list li {
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		background: linear-gradient(transparent 85%, #FFF697 70%);
	}
	.about-txt.txt_list li:not(:last-child),
	.shuttergate-txt.txt_list li:not(:last-child) {
		margin-bottom: 12px;
	}
	.about-txt.txt_list .ttl,
	.shuttergate-txt.txt_list .ttl {
		width: 100%;
	}
	.shuttergate-txt.txt_list .meter {
		width: 155px;
	}
	.about-txt.txt-c-tab {
		text-align: justify !important;
	}
	#shuttergate-tf .tf_list--item .ttl {
		padding-left: 12px;
		padding-bottom: 8px;
	}
	#shuttergate-tf .tf_list--item .imgs {
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	#shuttergate-tf .tf_list--item .imgs img {
		max-width: 48%;
	}
	#shuttergate-tf .tf_list--item .imgs img:not(:last-child) {
		margin-right: 0;
	}
	#shuttergate-tf .tf_list--item-mort_w .tf_type img,
	#shuttergate-tf .tf_list--item-grillmort_w .tf_type img {
		max-height: 17vw;
	}
}
@media (max-width: 413px) {
	#shuttergate-reed .headarea .h1title { font-size: 20px; }
	#shuttergate-reed .headarea .desc_txt { font-size: 12px; }
}
@media (max-width: 374px) {
	#shuttergate-reed .headarea .h1title { font-size: 18px; }
	#shuttergate-reed .headarea .desc_txt { font-size: 10px; }
	#shuttergate-reed .headarea .btn a { font-size: 11px }
}

/* ■GAW NEOページ & PooLページ
---------------------------------------*/
#pool-page_img.page_head .page_ambassador {
	width: 24.5%;
}
#pool-gallery {
	padding-top: 100px;
}
#pool-gallery .gallery_list {
	gap: 8px;
}
#pool-gallery .gallery_list--item {
	width: calc(25% - 6px);
}
#pool-features {
	padding-top: 100px;
	padding-bottom: 100px;
	margin-bottom: 100px;
	background-color: #c8e7f2;
}
#pool-features .full-wrapper {
	margin-bottom: 0;
}
#pool-features .box2-txt {
	background-color: #fff;
}
#pool-features .about-no {
	color: #009fe8;
}
.modal_wrap {
	display: none;
}
.modal_close {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 64px;
	height: 64px;
	opacity: .6;
	cursor: pointer;
	transition: .4s all;
}
.modal_close::before,
.modal_close::after {
	content: '';
	position: absolute;
	top: calc(50% - 1px);
	left: 50%;
	width: 50%;
	height: 2px;
	background-color: #fff;
	translate: -50% -50%;
}
.modal_close::before {
	rotate: 45deg;
}
.modal_close::after {
	rotate: 135deg;
}
.feature_list--item {
	width: 200px;
	height: 180px;
	background-color: #fff;
	border-style: solid;
	border-width: 1px;
	font-size: 120%;
	letter-spacing: .2em;
	padding-bottom: 8px;
	box-sizing: border-box;
}
.feature_list--item p {
	line-height: 2em;
}
.feature_list--item .line {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 8px;
}
@media (any-hover: hover) {
	.modal_close:hover {
		opacity: 1;
	}
}
@media screen and (max-width: 899px) {
	#pool-gallery {
		padding-top: 50px;
	}
	#pool-gallery .gallery_list--item {
		width: calc(100% / 3 - 6px);
	}
	#pool-features {
		padding-top: 50px;
		padding-bottom: 20px;
		margin-bottom: 50px;
	}
	#pool-features .box2-txt {
		padding-left: 16px;
		padding-right: 16px;
	}
	.feature_list {
		margin-top: -16px;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.feature_list--item {
		width: 160px;
		height: 140px;
		margin-top: 16px;
		margin-left: 8px;
		margin-right: 8px;
		padding-bottom: 4px;
	}
	.feature_list--item .line {
		height: 4px;
	}
}
@media screen and (max-width: 560px) {
	.modal_close {
		width: 48px;
		height: 48px;
	}
	.iziModal-navigate {
		z-index: 100000 !important;
	}
	.iziModal-navigate>button {
		width: 48px;
		height: 48px;
		top: inherit;
		top: auto;
		bottom: 32px;
		background: #fff;
		opacity: .9;
		border-radius: 100px;
		box-shadow: 0 0 0 4px rgba(0,0,0,.05);
	}
	.iziModal-navigate>button::before {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		width: 8px;
		height: 8px;
		border-top: 1px solid;
		border-right: 1px solid;
		transform-origin: 0 0;
	}
	.iziModal-navigate .iziModal-navigate-prev {
		left: calc(100% - 132px);
		margin-left: 0 !important;
	}
	.iziModal-navigate .iziModal-navigate-prev::before {
		transform: rotate(-135deg) translate(-50%,-50%);
	}
	.iziModal-navigate .iziModal-navigate-next {
		right: 24px;
		margin-right: 0 !important;
	}
	.iziModal-navigate .iziModal-navigate-next::before {
		transform: rotate(45deg) translate(-50%,-50%);
	}
	.feature_list--item {
		width: 30.5%;
		height: 27vw;
		margin-left: 1%;
		margin-right: 1%;
		letter-spacing: .05em;
		font-size: 100%;
	}
}

/* ■GAW NEOページ
---------------------------------------*/
#gawneo-reed .reed--in {
	padding-top: 100px;
}
#gawneo-reed .reed_ttl {
	margin-left: 30px;
	margin-right: 20px;
}
#gawneo-reed .attn_txt {
	text-align: right;
	font-size: 80%;
}
#gawneo-main .gawneo_bloc {
	width: calc(50% - 4px);
}
#gawneo-main .gawneo_bloc .txt {
	min-width: 230px;
	margin-left: 24px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #000;
	font-size: 120%;
	color: #fff;
	letter-spacing: .5em;
}
#gawneo-size_clr .detail_bloc {
	width: calc(100% / 3 - 24px);
}
#gawneo-size_clr .detail_bloc .ttl {
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #000;
	letter-spacing: .2em;
	color: #fff;
}
#gawneo-size_clr .detail_bloc .clr_list--item .clr_box {
	width: 100px;
	height: 100px;
}
#gawneo-size_clr .detail_bloc .clr_list--item .clr_box-ivory {
	background-color: #fbf9ed;
}
#gawneo-size_clr .detail_bloc .clr_list--item .clr_box-silver {
	background-color: #e2e2e2;
}
#gawneo-size_clr .detail_bloc .clr_list--item .clr_box-black {
	background-color: #000000;
}
#gawneo-size_clr .detail_bloc .option_list--item p {
	line-height: 2em;
}
#gawneo-size_clr .attn_box {
	padding: 10px 15px;
	background-color: #fafafa;
}
#gawneo-size_clr .attn_list {
	margin-top: -5px;
}
#gawneo-size_clr .attn_list--item {
	margin-top: 5px;
	font-size: 80%;
	letter-spacing: .05em;
}
@media screen and (min-width: 1981px) {
	#gawneo-main {
		max-width: 1980px;
		margin-left: auto;
		margin-right: auto;
	}
}
@media screen and (max-width: 1280px) {
	#gawneo-main .gawneo_bloc .txtarea {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	#gawneo-main .gawneo_bloc .logo {
		text-align: center;
	}
	#gawneo-main .gawneo_bloc .txt {
		margin-left: 0;
		margin-top: 16px;
	}
}
@media screen and (max-width: 899px) {
	#gawneo-main .gawneo_bloc .logo img {
		max-width: 80%;
	}
	#gawneo-size_clr .size_list--item {
		width: calc(50% - 16px);
	}
	#gawneo-size_clr .detail_bloc {
		width: calc(100% / 3 - 16px);
	}
	#gawneo-size_clr .detail_bloc .ptrn_list--item {
		width: calc(50% - 6px);
	}
	#gawneo-size_clr .detail_bloc .clr_list--item {
		width: calc(100% / 3 - 10px);
	}
	#gawneo-size_clr .detail_bloc .clr_list--item .clr_box {
		width: 100%;
		padding-top: 100%;
		height: auto;
	}
}
@media screen and (max-width: 899px) {
	#gawneo-reed .reed--in {
		padding-top: 50px;
	}
}
@media screen and (max-width: 768px) {
	#gawneo-size_clr .size_list--item {
		width: calc(50% - 8px);
	}
	#gawneo-size_clr .detail {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	#gawneo-size_clr .detail_bloc {
		width: 100%;
	}
	#gawneo-size_clr .detail_bloc:not(:last-child) {
		margin-bottom: 32px;
	}
	#gawneo-size_clr .detail_bloc .ptrn_list {
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	#gawneo-size_clr .detail_bloc .ptrn_list--item {
		max-width: 162px;
	}
	#gawneo-size_clr .detail_bloc .ptrn_list--item:not(:last-child) {
		margin-right: 32px;
	}
	#gawneo-size_clr .detail_bloc .clr_list,
	#gawneo-size_clr .detail_bloc .option_list {
		max-width: 330px;
		margin-left: auto;
		margin-right: auto;
	}
	#gawneo-size_clr .detail_bloc .option_list {
		display: table;
		max-width: auto;
	}
}
@media screen and (max-width: 560px) {
	#gawneo-reed .reed--in {
		padding-top: 30px;
	}
	#gawneo-reed .reed_cont {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#gawneo-reed .reed_cont .reed_logo {
		width: 100%;
		text-align: center;
		margin-bottom: 24px;
	}
	#gawneo-reed .reed_cont .reed_logo img {
		max-width: 140px;
		width: 100%;
	}
	#gawneo-reed .reed_cont .reed_ttl {
		width: 50%;
		margin-right: 24px;
		margin-left: 0;
	}
	#gawneo-reed .reed_cont .reed_model {
		width: 34%;
		max-width: 300px;
	}
	#gawneo-main,
	#gawneo-size_clr .size_list {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}
	#gawneo-main .gawneo_bloc {
		width: 100%;
	}
	#gawneo-main .gawneo_bloc:not(:last-child) {
		margin-bottom: 40px;
	}
	#gawneo-size_clr .size_list--item {
		width: 100%;
	}
	#gawneo-size_clr .size_list--item:not(:last-child) {
		margin-bottom: 24px;
	}
	#gawneo-size_clr .detail_bloc .option_list {
		margin-left: 0;
	}
}

/* ■PooLページ
---------------------------------------*/
#pool-slider_feature {
	padding-top: 100px;
	padding-bottom: 50px;
	margin-bottom: 100px;
	overflow: hidden;
}
#pool-slider_feature {
	background-color: #002e4f;
}
#pool-slider .pool_slider .slick-list {
	overflow: visible;
	padding-left: 0;
	padding-right: 0;
}
#pool-slider .pool_slider--item {
	margin-left: 5px;
	margin-right: 5px;
}
#pool-slider .pool_slider .slick-dots {
	z-index: 10;
	margin-top: 24px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
#pool-slider .pool_slider .slick-dots li {
	padding-left: 7px;
	padding-right: 7px;
}
#pool-slider .pool_slider .slick-dots li button,
#pool-slider .pool_slider .slick-slide img {
	transition: .4s all;
}
#pool-slider .pool_slider .slick-dots li button {
	background: transparent;
	color: transparent;
	border-radius: 100%;
	width: 15px;
	height: 15px;
	border: none;
	background-color: #fff;
	padding: 0;
}
#pool-slider .pool_slider .slick-dots li.slick-active button {
	background-color: #00b8ee;
}
#pool-slider .pool_slider .slick-arrow {
	position: absolute;
	top: 0;
	width: 100vw;
	height: 100%;
	background: transparent;
	color: transparent;
	border: none;
	z-index: 1;
}
#pool-slider .pool_slider .slick-slide {
	background-color: #fff;
}
#pool-slider .pool_slider .slick-slide img {
	opacity: .4;
	width: 100%;
}
#pool-slider .pool_slider .slick-slide.slick-current img {
	opacity: 1;
}
#pool-slider .pool_slider .slick-prev {
	right: calc(50% + 17%);
}
#pool-slider .pool_slider .slick-next {
	left: calc(50% + 17%);
}
#pool-feature .feature_list--item {
	margin-right: 24px;
}
#pool-feature .feature_list--item:nth-of-type(1) {
	letter-spacing: .1em;
}
#pool-feature .feature_img {
	position: absolute;
	right: -90px;
	bottom: -50px;
	z-index: -1;
	overflow: hidden;
}
#pool-feature .feature_img img {
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	transform: scale(1.015);
}
@media screen and (max-width: 1280px) {
	#pool-feature .logo img {
		width: 38%;
	}
	#pool-feature .feature_img {
		width: 30%;
		right: 0;
	}
}
@media screen and (max-width: 899px) {
	#pool-slider_feature {
		overflow: hidden;
	}
	#pool-feature .logo img {
		margin-right: 20%;
	}
	#pool-feature .feature_list--item {
		margin-right: 8px;
		width: calc(25% - 16px);
	}
	#pool-feature .feature_img {
		width: 36%;
		bottom: -52px;
		right: 16px;
	}
}
@media screen and (max-width: 899px) {
	#pool-slider_feature {
		padding-top: 50px;
		padding-bottom: 1px;
		margin-bottom: 50px;
	}
}
@media screen and (max-width: 768px) {
	#pool-feature .logo img {
		margin-right: 0;
		width: auto;
		max-width: 280px;
	}
	#pool-feature .feature_list {
		max-width: 380px;
		margin-left: auto;
		margin-right: auto;
	}
	#pool-feature .feature_list--item {
		width: calc(50% - 16px);
	}
	#pool-feature .feature_img {
		position: static;
		margin-bottom: -52px;
		margin-left: auto;
		margin-right: auto;
	}
}
@media screen and (max-width: 560px) {
	#pool-feature .feature_list--item {
		height: 34vw;
	}
	#pool-feature .feature_img {
		width: 60%;
	}
	#pool-slider .pool_slider .slick-dots {
		margin-top: 16px;
	}
	#pool-slider .pool_slider .slick-dots li {
		padding-left: 5px;
		padding-right: 5px;
	}
	#pool-slider .pool_slider .slick-dots li button {
		width: 10px;
		height: 10px;
	}
	#pool-slider .pool_slider .slick-next {
		left: 80%;
	}
	#pool-slider .pool_slider .slick-prev {
		right: 80%;
	}
}

/*■MACHIDA / KASHIWA
---------------------------------------*/
.base-page_img {
	position: relative;
	max-height: calc(100vh - 65px);
	overflow: hidden;
}
.base-page_img .logo {
	position: absolute;
	top: 7vw;
	left: 50%;
	transform: translateX(-50%);
}
.base-page_img .ttl {
	margin-bottom: 32px;
	column-gap: 24px;
	font-size: 24px;
	font-weight: normal;
}
.base-page_img .page_img--mov {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
}
.base-page_img .page_img--mov video {
	position: absolute;
	width: auto;
	height: auto;
	top: 50%;
	left: 50%;
	min-height: 100%;
	min-width: 100%;
	transform: translateX(-50%) translateY(-50%);
}
.base-page_img .desc {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding-top: 48px;
	padding-bottom: 48px;
	background-color: rgba(255,255,255,.8);
}
.base-page_img .btns {
	position: relative;
	z-index: 0;
	column-gap: 40px;
}
.base-page_img .btns .btn01 a,
.base-page_img .btns .btn01 span {
	padding-left: 0;
	padding-right: 0;
	width: 300px;
	text-align: center;
	padding-top: 14px;
	padding-bottom: 14px;
}
#top-reed.base-reed {
	margin-bottom: 100px;
}
.base-reed {
	column-gap: 64px;
}
.base-reed .logo {
	margin-bottom: 56px;
}
.base-reed .open_txt p {
	font-size: 24px;
	margin-bottom: 32px;
}
.base-reed #top-reed-txtwrap {
	padding-left: 0;
	padding-right: 0;
}
.base-reed .base-reed-txt {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}
.base-reed .base-reed-txt p {
	line-height: 2em;
}
.base-access .gm {
	position: relative;
	left: 50%;
	width: 100vw;
	height: 31.25vw;
	transform: translateX(-50%);
	margin-bottom: 48px;
}
.base-access .gm iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.base-access p {
	font-size: 18px;
}
.base-contact .request_bloc:not(:last-child) {
	margin-bottom: 16px;
}
.base-contact .request_bloc {
  row-gap: 16px;
}
.base-contact .request_bloc .flx{
  column-gap: 12px;
}
@media (min-width: 900px) {
	#top-reed.base-reed {
		-webkit-flex-direction: row-reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}
}
@media screen and (max-width: 1280px) {
	.base-access .gm {
		height: 43.25vw;
	}
}
@media screen and (max-width: 899px) {
	.base-page_img .desc {
		position: static;
		background-color: #f5f5f5;
	}
	.base-page_img .ttl {
		row-gap: 16px;
		font-size: 18px;
	}
	.base-page_img .ttl .logo-gaw {
		width: 265px;
		height: 29px;
	}
	.base-page_img .ttl .logo-gaw_sg {
		width: 276px;
		height: 29px;
	}
	.base-page_img .ttl .logo-freelybase {
		width: 186px;
		height: 35px;
	}
	.base-page_img .ttl .txt {
		width: 100%;
		text-align: center;
	}
	.base-page_img .btns {
		column-gap: 24px;
		row-gap: 16px;
	}
	.base-page_img .btns .btn01 a,
	.base-page_img .btns .btn01 span {
		width: 240px;
	}
	#top-reed.base-reed {
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		margin-bottom: 50px;
	}
	.base-access .gm {
		height: 60vw;
		margin-bottom: 24px;
	}
	.base-access p {
		font-size: 14px;
	}
}
@media screen and (max-width: 768px) {
	.base-reed .logo {
		margin-bottom: 40px;
	}
	.base-reed .logo img {
		max-width: 46vw;
	}
	.base-reed .open_txt p {
		font-size: 18px;
		margin-bottom: 16px;
	}
	.base-reed .open_txt img {
		max-width: 80vw;
	}
}
@media screen and (max-width: 560px) {
	.base-page_img .logo,
	.base-page_img .page_img--mov {
		display: none;
	}
	.base-page_img .desc {
		padding-top: 24px;
		padding-bottom: 24px;
	}
	.base-page_img .ttl {
		gap: 16px;
		row-gap: 12px;
		margin-bottom: 24px;
		font-size: 16px;
		margin-bottom: 18px;
	}
	.base-page_img .ttl .logo-gaw {
		width: 185px;
		height: 20px;
	}
	.base-page_img .ttl .logo-gaw_sg {
		width: 190px;
		height: 20px;
	}
	.base-page_img .ttl .logo-freelybase {
		width: 148px;
		height: 28px;
	}
	.base-page_img .btns {
		column-gap: 16px;
		row-gap: 12px;
	}
	.base-page_img .btns .btn01 a,
	.base-page_img .btns .btn01 span {
		width: 150px;
	}
	.base-reed .logo {
		margin-bottom: 24px;
	}
	.base-reed .open_txt p {
		font-size: 16px;
		margin-bottom: 12px;
	}
	.base-access .gm {
		height: 80vw;
		margin-bottom: 16px;
	}
	.base-contact .request_bloc .flx {
    row-gap: 6px;
  }
  .base-contact .request_bloc .flx > p:first-child {
    width: 100%;
  }
  .base-contact .request_bloc select {
    padding-left: 12px;
    padding-right: 12px;
  }
  .base-contact .request_bloc .select_day {
  	max-width: calc(100% - 140px);
  }
  .base-contact .request_bloc .select_day select {
  	width: 100%;
  }
}
@media screen and (max-width: 374px) {
	.base-page_img .ttl {
		font-size: 15px;
	}
	.base-page_img .btns .btn01 a,
	.base-page_img .btns .btn01 span {
		width: 140px;
	}
	.base-contact .request_bloc:not(:last-child) {
		margin-bottom: 10px;
	}
}

/* --- products --- */
.base-products {
	overflow: hidden;
	max-width: 1810px;
	margin-left: auto;
	margin-right: auto;
}
.base-products .slick-slide {
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
}
.base-products .slick-slide img {
	margin-left: auto;
	margin-right: auto;
}
.base-products .slick-arrow,
.base-products .slick-arrow::before,
.base-products .slick-arrow::after,
.base-products .slick-arrow .grad {
	position: absolute;
	top: 0;
}
.base-products .slick-arrow {
	top: 0;
	width: 100vw;
	height: 100%;
	z-index: 1;
}
.base-products .slick-arrow::before,
.base-products .slick-arrow::after {
	content: '';
}
.base-products .slick-arrow::before {
	top: calc(380px / 2 - 61px);
	width: 38px;
	height: 122px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.base-products .slick-arrow::after {
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	opacity: .8;
	background-color: rgba(255,255,255,.8);
}
.base-products .slick-prev {
	right: calc(100% + 32px);
}
.base-products .slick-prev::before {
	right: 40px;
	background-image: url(../img/arrow-lft.svg);
}
.base-products .slick-next {
	left: calc(100% + 32px);
}
.base-products .slick-next::before {
	left: 40px;
	background-image: url(../img/arrow-rgt.svg);
}
.base-products .products_slider {
	width: 624px;
	margin-left: auto;
	margin-right: auto;
}
.base-products .products_slider .slick-list {
	overflow: visible;
}
.base-products .posts-products .post {
	padding-left: 32px;
	padding-right: 32px;
}
.base-products .posts-products .post:not(:first-child) {
	display: none;
}
.base-products .posts-products.slick-initialized .post:not(:first-child) {
	display: block;
}
.base-products .posts-products .post--img {
	margin-bottom: 32px;
}
.base-products .posts-products .ttl .logo {
	margin-bottom: 24px;
	display: block;
}
.base-products .posts-products .ttl .txt {
	font-size: 18px;
	font-weight: normal;
}
@media screen and (min-width: 961px) {
	.base-products .slick-arrow:hover::before {
		animation-duration: .4s;
		animation-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
		animation-delay: 0s,.4s;
		animation-iteration-count: 1;
		animation-fill-mode: forwards;
	}
	.base-products .slick-prev:hover::before {
		animation-name: slide-rev_lft-sm,slide-to_lft-sm;
	}
	.base-products .slick-next:hover::before {
		animation-name: slide-rev_rgt-sm,slide-to_rgt-sm;
	}
	.base-products .slick-arrow:hover::after {
		opacity: .6;
	}
}
@media screen and (max-width: 1280px) {
	.base-products .slick-arrow::before {
		top: calc(340px / 2 - 45px);
		width: 28px;
		height: 90px;
	}
	.base-products .slick-prev { right: calc(100% + 20px); }
	.base-products .slick-next { left: calc(100% + 20px); }
	.base-products .slick-prev::before { right: 24px; }
	.base-products .slick-next::before { left: 24px; }
	.base-products .products_slider {
		width: 540px;
	}
	.base-products .posts-products .post {
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media screen and (max-width: 768px) {
	.base-products .slick-arrow::before {
		top: calc(256px / 2 - 45px);
		width: 28px;
		height: 90px;
	}
	.base-products .slick-prev { right: calc(100% + 12px); }
	.base-products .slick-next { left: calc(100% + 12px); }
	.base-products .slick-prev::before { right: 16px; }
	.base-products .slick-next::before { left: 16px; }
	.base-products .products_slider {
		width: 400px;
	}
	.base-products .posts-products .post {
		padding-left: 12px;
		padding-right: 12px;
	}
	.base-products .posts-products .ttl .logo {
		margin-bottom: 12px;
	}
	.base-products .post-gaw .logo img { width: 243px; }
	.base-products .post-gaw_sg .logo img { width: 265px; }
	.base-products .post-gawna .logo img { width: 196px; }
	.base-products .post-baemoji .logo img { width: 154px; }
	.base-products .post-planter .logo img { width: 200px; }
	.base-products .posts-products .ttl .txt {
		font-size: 14px;
	}
}
@media screen and (max-width: 560px) {
	.base-products .slick-arrow::before {
		top: calc(193px / 2 - 29px);
		width: 18px;
		height: 58px;
	}
	.base-products .slick-prev { right: calc(100% + 8px); }
	.base-products .slick-next { left: calc(100% + 8px); }
	.base-products .slick-prev::before { right: 6px; }
	.base-products .slick-next::before { left: 6px; }
	.base-products .products_slider {
		width: 300px;
	}
	.base-products .posts-products .post {
		padding-left: 8px;
		padding-right: 8px;
	}
	.base-products .inner {
		margin-bottom: 32px;
	}
	.base-products .btn-def {
		position: absolute;
		bottom: 0;
		left: 24px;
	}
}
@media screen and (max-width: 374px) {
	.base-products .slick-arrow::before {
		top: calc(166px / 2 - 19px);
		width: 12px;
		height: 38px;
	}
	.base-products .slick-prev::before { right: 4px; }
	.base-products .slick-next::before { left: 4px; }
	.base-products .products_slider {
		width: 260px;
	}
	.base-products .btn-def {
		left: 16px;
	}
}


#kashiwa-page_img .page_img {
	height: 100vh;
}
#kashiwa-page_img .logo {
	top: 10vw;
	width: 450px;
}
.kashiwa-reed .open_txt p {
	font-size: 32px;
	margin-bottom: 24px;
}
.kashiwa-reed .base-reed-txt {
	max-width: 720px;
}
.kashiwa-reed .open_txt p.txt-red {
	font-size: 50px;
}
@media (max-width: 1480px) {
	.kashiwa-reed #top-reed-img {
		width: 340px;
	}
}
@media (max-width: 900px) {
	#kashiwa-page_img {
		background-image: url('../img/kashiwa-page_img-sp.jpg');
		background-size: cover;
		background-position: center;
	}
	#kashiwa-page_img video {
		display: none;
	}
	#kashiwa-page_img .logo {
		top: 23.5vw;
		width: 57.25vw;
		display: block;
	}
	.kashiwa-reed #top-reed-img {
		width: 320px;
		margin-left: auto;
		margin-right: auto;
	}
	.kashiwa-reed .open_txt p {
		font-size: 24px;
		margin-bottom: 16px;
	}
	.kashiwa-reed .open_txt p.txt-red {
		font-size: 38px;
	}
}
@media (max-width: 560px) {
	.kashiwa-reed #top-reed-img {
		width: 240px;
		margin-top: 0;
	}
	.kashiwa-reed .open_txt p {
		font-size: 18px;
		margin-bottom: 8px;
	}
	.kashiwa-reed .open_txt p.txt-red {
		font-size: 24px;
	}
}

.base-page_img.base-page_img-okawa .logo {
	top: 3vw;
}
#top-reed.base-reed.okawa-reed {
	-webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  column-gap: 24px;
}
.base-reed.okawa-reed #top-reed-img {
	margin-left: -160px;
}
.base-reed.okawa-reed .logo {
	margin-bottom: 20px;
}
.base-reed.okawa-reed .open_txt p {
	margin-bottom: 16px;
}
.base-reed.okawa-reed .open_txt p.txt-red {
	font-size: 333%;
	line-height: 1em;
	margin-bottom: 40px;
}
.base-reed.okawa-reed .base-reed-txt {
	max-width: 740px;
}
.base-reed.okawa-reed .base-reed-txt p {
	letter-spacing: -.04em;
}
.base-reed.okawa-reed .ambassador {
	font-size: 13px;
	row-gap: 5px;
}
.base-reed.okawa-reed .ambassador img {
	margin-left: 0 !important;
}
@media (max-width: 900px) {
	.base-page_img.base-page_img-okawa .logo {
		width: 300px;
	}
	.base-page_img.base-page_img-okawa {
		height: 100svh;
	}
	.base-page_img.base-page_img-okawa .page_img img {
		object-fit: cover;
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: -1;
	}
	.base-page_img.base-page_img-okawa .desc {
		position: absolute;
	}
}
@media (max-width: 768px) {
	.base-reed.okawa-reed #top-reed-img {
		margin-left: 0;
	}
}
@media (max-width: 560px) {
	.base-page_img.base-page_img-okawa {
		height: auto;
	}
	.base-page_img.base-page_img-okawa .page_img img {
		position: static;
	}
	.base-page_img.base-page_img-okawa .logo {
		display: block;
		top: 20vw;
		width: 250px;
	}
	.base-reed.okawa-reed .open_txt p.txt-red {
		margin-bottom: 16px;
		font-size: 250%;
	}
}


.base-page_img.base-page_img-minatomirai .logo {
	top: 3vw;
}
#top-reed.base-reed.minatomirai-reed {
  column-gap: 64px;
}
#top-reed.base-reed.minatomirai-reed .minatomirai-reed-txt p:not(:last-child) {
	margin-bottom: 2em;
}
.base-reed.minatomirai-reed .logo {
	margin-bottom: 20px;
}
.base-reed.minatomirai-reed .open_txt p {
	margin-bottom: 16px;
}
.base-reed.minatomirai-reed .open_txt p.txt-red {
	font-size: 333%;
	line-height: 1em;
	margin-bottom: 40px;
}
.base-reed.minatomirai-reed .base-reed-txt {
	max-width: 740px;
}
.base-reed.minatomirai-reed .base-reed-txt p {
	letter-spacing: -.04em;
}
.base-reed.minatomirai-reed .ambassador {
	font-size: 13px;
	row-gap: 5px;
}
.base-reed.minatomirai-reed .ambassador img {
	margin-left: 0 !important;
}
@media (max-width: 900px) {
	.base-page_img.base-page_img-minatomirai .logo {
		width: 300px;
	}
	.base-page_img.base-page_img-minatomirai {
		height: 100svh;
	}
	.base-page_img.base-page_img-minatomirai .page_img img {
		object-fit: cover;
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: -1;
	}
	.base-page_img.base-page_img-minatomirai .desc {
		position: absolute;
	}
}
@media (max-width: 768px) {
	.base-reed.minatomirai-reed #top-reed-img {
		margin-left: 0;
	}
}
@media (max-width: 560px) {
	.base-page_img.base-page_img-minatomirai {
		height: auto;
	}
	.base-page_img.base-page_img-minatomirai .page_img img {
		position: static;
	}
	.base-page_img.base-page_img-minatomirai .logo {
		display: block;
		top: 20vw;
		width: 250px;
	}
	.base-reed.minatomirai-reed .open_txt p.txt-red {
		margin-bottom: 16px;
		font-size: 250%;
	}
}

/*■施工価格 ページ
---------------------------------------*/
#price-box{
	margin-bottom: 30px;
}
#price-list-sp{
	font-size: 16px;
	/* デフォルトの装飾を無効に */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	
	box-sizing: border-box;
	width: 100%;
	padding: 6px 10px;
	border: 1px solid #000;
	
	background-image: url('../img/pulldown.svg');
	background-size: 9px 18px;
	background-position: right 10px center;
	background-repeat: no-repeat;
}
#price-detail {
	margin-bottom: 50px;
}
#price-detail-list > li {
	padding-left: 16px;
	padding-right: 16px;
}
#price-detail-list > li:not(:last-child) {
	margin-bottom: 40px;
}
#price-detail-list .imgarea {
	margin-bottom: 20px;
}
#price-detail-list .imgarea .num,
#price-detail-list .imgarea .batch {
	position: absolute;
	top: 0;
}
#price-detail-list .imgarea .num {
	left: 0;
	max-width: 36%;
}
#price-detail-list .imgarea .batch {
	right: 0;
	max-width: 15%;
}
#price-detail-list #price06 .imgarea .batch {
	max-width: 30%;
}
#price-detail-list .txtarea {
	max-width: 410px;
	margin-left: auto;
	margin-right: auto;
}
#price-detail-list .txtarea .ttl_wrap > * {
	padding-left: 16px;
	padding-right: 16px;
	padding-bottom: 12px;
	padding-top: 12px;
	border-bottom: 1px solid #C8C8C8;
}
#price-detail-list .txtarea .ttl_wrap .ttl {
	font-size: 134%;
	font-weight: normal;
	border-left: 2px solid #C8C8C8;
}
#price-detail-list .txtarea .ttl_wrap .ttl span {
	display: block;
	font-size: 60%;
	margin-top: 4px;
}
.price-detail-attn {
	font-size: 90%;
	margin-top: 20px;
		margin-bottom: 60px;
	padding-left: 16px;
	padding-right: 16px;
}

/* 認定店 各都道府県 ページ */
.contract-reed img{
	margin: 0 auto 20px;
	max-width: 600px;
}
.contract-reed p{
	margin-bottom: 20px;
	text-align: center;
}
.contract_ttl .flx {
	column-gap: 24px;
	padding-top: 16px;
	padding-bottom: 16px;
	border-top: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
}
.contract_ttl p {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 120px;
	height: 30px;
	font-size: 108%;
	letter-spacing: .5em;
}
.contract-list{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.contract-list li{
	width: 49%;
	margin-bottom: 20px;
	margin-right: 2%;
}
.contract-list li:nth-child(2n){
	margin-right: 0;
}
.contract-list li p{
	text-align: center;
}
.contract-pref{
	margin-top: 15px;
}
.contract-pref,
.contract-address{
	margin-bottom: 10px;
	font-size: 10px;
}
.contract-name{
	margin-bottom: 10px;
	font-size: 15px;
}


/*■お問い合わせ・資料請求 ページ
---------------------------------------*/
.contact_lead .tel_area .freedial {
	font-family: "Roboto", sans-serif;
  font-weight: 400;
}
.contact_lead .tel_area .freedial .label {
	display: inline-block;
	font-size: 146%;
	translate: 0 -1px;
	margin-right: 8px;
}
.contact_lead .tel_area .freedial .num {
	font-size: 227%;
}
.contact_lead .info .time {
	line-height: 2em;
}
.contact_lead .btn_list {
	column-gap: 32px;
}
.contact_lead .btn_list--item {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 100%;
	flex: 1;
}
.contact_lead .btn_list--item .btn--in {
	padding-top: 16px;
	padding-bottom: 16px;
	row-gap: 12px;
	background-color: #f5f5f5;
}
.contact_lead .btn_list--item .btn--in.bg_clr-blk {
	background-color: #000;
}
.contact_form .wpcf7-form-control {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	column-gap: 32px;
	row-gap: 24px;
}
.contact_form .wpcf7-form-control.wpcf7-validates-as-required {
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.contact_form .support_txt {
	margin: 8px 0;
}
.contact_form .wpcf7-form-control-wrap[data-name="exterior"] .wpcf7-list-item.last {
	width: 100%;
}
.contact_form .wpcf7-form-control-wrap[data-name="exterior_other"] {
	position: relative;
	z-index: 1;
	display: block;
	width: calc(100% - 88px);
	margin-top: -38px;
	margin-left: auto;
}
.contact_form .cf_address .label {
	width: 64px;
}
.contact_form .cf_address p:not(.label) {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 100%;
	flex: 1;
}
@media (max-width: 899px) {
	.contact_lead .info {
		row-gap: 12px;
	}
	.contact_lead .info .logo {
		margin-bottom: 16px;
	}
	.contact_lead .btn_list {
		column-gap: 12px;
	}
	.contact_form {
		padding-bottom: 50px;
	}
	.contact_form .wpcf7-form-control.wpcf7-radio {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		row-gap: 4px;
	}
	.contact_form .wpcf7-form-control-wrap[data-name="exterior_other"] {
		margin-top: 0;
		width: 100%;
	}
}
@media (max-width: 768px) {
	.contact_lead .btn_list {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		row-gap: 5px;
	}
	.contact_lead .btn_list--item {
		width: 100%;
		-webkit-box-flex: inherit;
		-ms-flex: inherit;
		flex: inherit;
	}
	.contact_lead .btn_list--item br.tab-show {
		display: none;
	}
}
@media (max-width: 560px) {
	.contact_lead .btn_list--item .btn--in {
		padding-top: 12px;
		padding-bottom: 12px;
		row-gap: 8px;
	}
	.contact_form .wpcf7-form-control {
		column-gap: 8px;
		row-gap: 20px;
	}
	.contact_form .cf_address .label {
		width: 36px;
	}
}


/*■認定店 詳細 ページ
---------------------------------------*/
/* お客様の声 */
#swiper-voice{
	margin-bottom: 20px;
}
.swiper-voice-shop{
	padding-top: 15px;
	margin-bottom: 15px;
	text-align: center;
}
.swiper-voice-comment{
	margin-top: 10px;
}
/* 問い合せフォーム */
.form-reed{
	margin-bottom: 30px;
}
.tbl-contact{
	margin: 30px 0 0 0;
	width: 100%;
/*
	border-collapse: separate;
	border-spacing: 15px;
*/
}
.tbl-contact th{
	box-sizing: border-box;
	display: block;
	margin: 0 0 15px 0;
	padding: 6px 0;
	width: auto;
	letter-spacing: 0.1em;
	font-weight: normal;
	color: #fff;
	background-color: #989898;
	text-align: center;
}
.tbl-contact th .txt-red {
	margin-left: 6px;
}
.tbl-contact th p {
	text-align: center;
}
.tbl-contact td{
	display: block;
	width: 100%;
	line-height: 130%;
	margin-bottom: 20px;
}

.tbl-contact input,
.tbl-contact textarea,
.tbl-contact select{
	box-sizing: border-box;
	margin: 5px 0;
	padding: 10px;
	font-size: 16px;
	outline: 0; /* デフォルト装飾を無効に */
	border: solid 1px #cccccc;
	background-color: #fff;
	border-radius: 0;
	box-sizing: border;
}
.tbl-contact input::placeholder {
	font-size: 14px;
}
.tbl-contact input[type="radio"] {
	margin: 3px 6px 5px 0;
}
.full{
	width: 100%;
}
.tbl-contact textarea {
	height: 200px;
}
.tbl-contact select {
	height: 40px;
	box-shadow: none
}
select {
	color: #232323;
}
.tbl-contact input:focus,
.tbl-contact textarea:focus {
	box-sizing: border-box;
	outline: 0; /* デフォルト装飾を無効に */
	border:solid 1px #DE7280;
	background: #FAEBED;
}
.tbl-contact .wpcf7-form-control-wrap.address::after {
	content: '\203B\753A\540D\30FB\756A\5730\307E\3067\3054\8A18\5165\304F\3060\3055\3044\3002';
}
.tbl-contact .wpcf7-form-control-wrap.plans::after {
	content: '\203B\5EFA\8A2D\4E88\5B9A\5730\304C\4E0A\8A18\4F4F\6240\3068\9055\3046\5834\5408\306F\3054\8A18\5165\304F\3060\3055\3044\3002';
}
/* 確認用チェックボックス */
#confirm{
	margin: 0 0 30px 0;
}
/* 送信ボタン */
#btn-box2{
	margin-top: 15px;
	text-align: center;
}
.a-button,
.wpcf7-submit {
	display: inline-block;
	width: 150px;
	height: 40px;
	text-align: center;
	text-decoration: none;
	outline: none;
	background: #000;
	color: #fff !important;
	border-style: none;
	font-size: 1em;
	letter-spacing: 2px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	-webkit-appearance: none; /* ios safari ボタンデザイン初期化 */
}


/* ■認定店 検索 ページ
---------------------------------------*/
#search-nav{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
#search-nav li{
	width: 48%;
}
#search-nav li:not(:last-child){
	margin-bottom: 25px;
}

/* ボタン３・ボタン４ */
.btn03{
	position: relative;
	display: inline-block;
	border: 1px solid #989898;
	border-radius: 5px;
	background: #fff;
	
	width: 100% ;
}
.btn03:before{
	position: absolute;
	display: block;
	content: "";
	margin: auto;
	bottom: 6px;
	right: 0;
	left: 0;
	width: 15px;
	height: 15px;
	background-size: 15px 15px;
	background-image: url('../img/btn-arrow3.svg');
}
.btn04{
	position: relative;
	display: inline-block;
	border: 1px solid #989898;
	border-radius: 5px;
	background: #e10000;
	
	width: 100% ;
}
.btn04:before{
	position: absolute;
	display: block;
	content: "";
	margin: auto;
	bottom: 11px;
	right: 0;
	left: 0;
	width: 10px;
	height: 5px;
	background-size: 10px 5px;
	background-image: url('../img/btn-arrow4.svg');
}
.btn03 a,
.btn03 span,
.btn04 a,
.btn04 span{
	box-sizing: border-box;
	width: 100%;
	padding: 10px 0 25px 0;
	display: block;
	text-align: center;
}
.btn04 a{
	color: #fff;
}
.btn04 a:hover{
	color: #989898;
}

/* ボタン5 */
.btn05 {
	width: 230px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.btn05 > * {
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: #f5f5f5;
	font-size: 85%;
	height: 36px;
}
.btn05 > *::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 12px;
	width: 5px;
	height: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-width: 1px;
	border-right-style: solid;
	rotate: 45deg;
	translate: 0 -50%;
}

/* SP：プルダウン */
#sp-pref{
	text-align: center;
}
#sp-pref-text{
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
}
#sp-pref select{
	font-size: 16px;
	/* デフォルトの装飾を無効に */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	
	
	box-sizing: border-box;
	width: 100%;
	padding: 6px 10px;
	border: 1px solid #000;
	
	background-image: url('../img/pulldown.svg');
	background-size: 9px 18px;
	background-position: right 10px center;
	background-repeat: no-repeat;
}
/* PC：地図 */
#map-canvas{
	display: none;
}
#map-canvas canvas{
	margin: 0 auto;
}

/* 全国一覧表 */
.all-pref{
	font-weight: bold;
	margin-bottom: 5px;
	letter-spacing: 0;
}

.tbl-all-work{
	margin-bottom: 20px;
}
.tbl-all-work th,
.tbl-all-work td,
.tbl-all-sell th,
.tbl-all-sell td{
	box-sizing: border-box;
	padding: 8px 0;
	border: 1px solid #989898;
	font-weight: normal;
}
.tbl-all-work th{
	background-color: #e10000;
	color: #fff;
	text-align: center;

}
.tbl-all-sell th{
	background-color: #000;
	color: #fff;
	text-align: center;
}
.tbl-all-work td:nth-of-type(1),
.tbl-all-sell td:nth-of-type(1){
	text-align: center;
}
.tbl-all-work th,
.tbl-all-sell th{
	min-width: 64px;
	max-width: 64px;
}
.tbl-all-work td:nth-of-type(1),
.tbl-all-sell td:nth-of-type(1){
	min-width: 80px;
	max-width: 80px;
}
.tbl-all-work td:nth-of-type(2),
.tbl-all-sell td:nth-of-type(2){
	padding-left: 12px;
	min-width: 360px;
}
.tbl-all-work td:nth-of-type(3),
.tbl-all-sell td:nth-of-type(3){
	padding-left: 12px;
	min-width: 380px;
	max-width: 380px;
}

.all-not{
	margin-top: 10px;
}

/* スマホ時スクロール */
.scroll{
	overflow: auto; /*tableをスクロールさせる*/
	white-space: nowrap; /*tableのセル内にある文字の折り返しを禁止*/
}
.scroll::-webkit-scrollbar{ /*tableにスクロールバーを追加*/
	height: 3px;
}
.scroll::-webkit-scrollbar-track{ /*tableにスクロールバーを追加*/
	background: #fcfcfc;
}
.scroll::-webkit-scrollbar-thumb { /*tableにスクロールバーを追加*/
	background: #e0e0e0;
}











/* ■共通アニメーション
---------------------------------------*/
/* 罫線アニメーション */
/*.imghov:before,
.imghov:after{
	position: absolute;
	top: 10px;
	right: 10px;
	bottom: 10px;
	left: 10px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}
.imghov:before{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	z-index: 10;
}
.imghov:after{
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1, 0);
	transform: scale(1, 0);
	z-index: 10;
}*/
.imghov img{
	transition: 0.35s;
}
.imghov-mask{
	display: none;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0.5;
}

/* 404エラー */
.error404{
	padding: 150px 0;
}
.error404 h1{
	margin-bottom: 20px;
	font-size: 150%;
}
.error404 h1,
.error404 p{
	text-align: center;
}

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




/* [ 05.フッター ]--------------------------------------- */


/* PageTop */
#page-top{
	position: relative;
	height: 30px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
#page-top > div{
	position: absolute;
	margin: auto;
	padding-top: 21px;
	top: -16px;
	left: 0;
	right: 0;
	
	width: 110px;
	height: 1em;
	text-align: center;
	font-size: 12px;
	background-image: url('../img/pagetop-arrow.svg');
	background-size: 110px 16px;
	background-position: center top;
	background-repeat: no-repeat;
}


/* フッターリンク */
#footer-link{
	padding: 100px 0 30px 0;
	background: #000;
}
#footer-link-inner{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	column-gap: 24px;
	row-gap: 12px;
}
#footer-logo{
	margin: 0 auto 20px;
	height: 110px;
	text-align: center;
}
#footer-logo img{
	width: 258px;
	height: 110px;
}
#footer-link1{
	width: 100%;
	margin-bottom: 20px;
	text-align: center;
	line-height: 25px;
}
#footer-link1 li a{
	color: #fff;
}
#footer-link1 li a:hover{
	color: #e10000;
}

.footer-bnr{
	display: flex;
	justify-content: space-between;
}
.footer-bnr a {
	height: 45px;
}
.footer-bnr#footer-link2 a {
	width: 250px;
}
.footer-bnr#footer-link3 a {
	width: 320px;
}
#footer-link2 li img{
	width: 35px;
	height: 35px;
}
@media (max-width: 560px) {
	.footer-bnr#footer-link2 a,
	.footer-bnr#footer-link3 a {
		width: 320px;
		max-width: 100%;
	}
}

/* Copyright */
#footer-copy{
	padding: 20px 0;
	background: #e10000;
}
#footer-copy p{
	text-align: center;
	color: #fff;
	font-size: 10px;
	letter-spacing: 0;
}






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



/* [ 07.フォント ] -------------------------------------- */

.txt-red{
	color: #e10000 !important;
}
.txt-wht{
	color: #fff;
}
.bg_clr-wht {
	background-color: #fff;
}
.bdr_clr-gry {
	border-color: #989797;
}

.bg_clr-lt_gry {
	background-color: #e6e6e6;
}
.bg_clr-dk_gry {
	background-color: #4d4d4d;
}
.bg_clr-red {
	background-color: #e10000;
}
.bdr_clr-red,
.bdr_clr-red-bf::before {
	border-color: #e10000;
}
.bdr_clr-blu {
	border-color: #00b8ee;
}
.bg_clr-blu {
	background-color: #00b8ee;
}
.bg_clr-blk {
	background-color: #000;
}

.mincho{
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
}

.under-line{
	background: linear-gradient(transparent 70%, #FFF697 70%);
}

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




/* [ 08.テーブル ] -------------------------------------- */

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




/* [ 09.clearfix ] -------------------------------------- */

.cf:before,
.cf:after {
	content: " ";
	display: table;
}
.cf:after {
	clear: both;
}
.cf {
	*zoom: 1;
}

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




/* [ 10.ContactForm7 上書き ] ---------------------------- */

span.wpcf7-list-item {
	display: block;
}
/* 入力エラー内容 */
.wpcf7-not-valid-tip{
	padding: 2px 0 10px 0;
	color: #c80000;
}
/* 入力エラーメッセージ */
.screen-reader-response{
  display: none;
}	
div.wpcf7-validation-errors,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
	border: 0 ;
	background: #c80000;
	color: #fff;
	padding: 10px;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
	font-weight: bold;
}
/* 送信成功メッセージ */
.wpcf7-mail-sent-ok,
.wpcf7 form.sent .wpcf7-response-output {
	border: 0 !important;
	margin: 40px 0 100px !important;
	padding: 10px !important;
	background: #aaaaaa;
	text-align: center;
	font-weight: bold;
}
/* ボタンセンタリング */
#btn-box p {
	text-align: center;
}
/* 送信完了後非表示に */
.sent .contact-input-area{
	display: none;
}
/* ------------------------------------------------------ */




/* ########### 600px以上 (tablet) ########### */
@media (min-width: 600px) {
	
	/* 新着施工事例 */
	#work-list,
	#work-list2 {
		column-gap: 2%;
		row-gap: 0;
	}
	#work-list li,
	#work-list2 li{
		width: 32%;
		margin-bottom: 30px;
		font-size: 12px;
	}
	#work-list2 li{
		margin-bottom: 15px;
	}
	
	/* ■お客様の声 ページ
	---------------------------------------*/
	#voice-list li{
		width: 32%;
		margin-bottom: 30px;
		margin-right: 2%;
		font-size: 12px;
	}
	#voice-list li:nth-child(2n){
		margin-right: 2%;
	}
	#voice-list li:nth-child(3n){
		margin-right: 0;
	}
	.voice-shop{
		padding-top: 28px;
		margin-bottom: 25px;
	}
	.voice-comment{
		margin-bottom: 20px;
	}
	.voice-comment.is_archive-search {
		margin-top: 15px;
	}
	
	
	/* ■認定店 詳細 ページ
	---------------------------------------*/
	#swiper-voice{
		margin-bottom: 0;
	}
	/* カルーセルスライダーをグリッド表示にする */
	#swiper-voice-list{
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 0px;
	}
	
	#swiper-voice-list > div.swiper-slide{
		position: relative;
		width: 48.5%;
		height: auto;
		padding-bottom: 10px;
		margin-bottom: 20px;
		margin-right: 3%;
	}
	#swiper-voice-list > div.swiper-slide:after{
		position: absolute;
		display: block;
		content: "";
		bottom: 0;
		width: 100%;
		height: 10px;
		border-left: 1px solid #989898;
		border-right: 1px solid #989898;
		border-bottom: 1px solid #989898;
	}
	#swiper-voice-list > div.swiper-slide:nth-child(2n){
		margin-right: 0;
	}
	.swiper-button-prev,.swiper-button-next,.swiper-pagination{
		display: none;
	}
	.swiper-voice-comment{
		margin-top: 15px;
		margin-bottom: 20px;
	}
	
	
	/* ■認定店 検索 ページ
	---------------------------------------*/
	#search-nav{
		flex-wrap: no-wrap;
		margin-bottom: 40px;
	}
	#search-nav li{
		width: 23%;
	}
	#search-nav li:not(:last-child){
		margin-bottom: 25px;
	}
	#search-reed{
		text-align: center;
		line-height: 1.8;
	}
	
}




/* ########### 900px未満 ########### */
@media (max-width: 899px){
	/* SP非表示 */
	.sp-hide{
		display: none !important;
	}
}


/* ########### 900px以上 ########### */
@media (min-width: 900px) {
	
	body {
		font-size: 15px;
		
		min-width: 1100px;
	}
	
	/* PCのみ隠す */
	.pc-hide{
		display: none !important;
	}
	
	/* スマホ時 非表示テキスト */
	.hide-sp {
		display: inherit;
	}
	.sp-none,
	.sp-none-inline {
		display: inline;
	}
	/* マージン */
	.mg-b5 { margin-bottom: 5px !important; }
	.mg-b10 { margin-bottom: 10px !important; }
	.mg-b20 { margin-bottom: 20px !important; }
	.mg-b25 { margin-bottom: 25px !important; }
	.mg-b30 { margin-bottom: 30px !important; }
	.mg-b40 { margin-bottom: 40px !important; }
	.mg-b50 { margin-bottom: 50px !important; }
	.mg-b60 { margin-bottom: 60px !important; }
	.mg-b80 { margin-bottom: 80px !important; }
	.mg-b100{ margin-bottom: 100px !important; }
	.mg-b120{ margin-bottom: 120px !important; }
	.mg-t25 { margin-top: 25px !important; }
	.mg-t50 { margin-top: 50px !important; }
	.mg-t100{ margin-top: 100px !important; }
	.mg-t-head{ margin-top: 100px !important; }

	/* PC用の改行を有効に */
	.br-pc {
		display: inline;
	}
	/* スマホ用の改行を無効に */
	.br-sp {
		display: none;
	}
	.pc-center{
		text-align: center;
	}

	.flt-l{ float: left; }
	.flt-r{ float: right; }

	/* ■共通
	-----------------------------------*/
	.loader img{
		width: 233px;
		height: 85px;
	}
	#container{
		margin-top: 65px;
	}
	.container-top{
		margin-top: 0 !important;
	}
	.full-wrapper{
		box-sizing: border-box;
		width: 100%;
		max-width: 1920px;
		padding: 0 30px;;
		margin-bottom: 100px;
		margin-left: auto;
		margin-right: auto;
	}
	.main-wrapper{
		width: 1100px;
		margin: 0 auto 100px auto;
		padding: 0;
	}
	.main-wrapper.lg {
		width: 1280px;
		max-width: 100%;
	}
	.main-wrapper.xl {
		width: 1600px;
		max-width: 100%;
	}
	/* h1 */
	.h1title {
		font-size: 32px;
		margin-bottom: 50px;
	}
	/* h2 */
	.h2title,
	.h2title-head{
		padding: 50px 0 30px 0;
		font-size: 18px;
		font-size: 25px;
	}
	.h2title{
		margin-bottom: 50px;
	}
	.h2title::before,
	.h2title-head::before{
		width: 100px;
		height: 30px;
		background-size: 100px 30px;
		background-image: url('../img/title-icon.svg');
	}
	.h2title span,
	.h2title-head span{
		font-size: 14px;
	}
	/* サブページヘッダー */
	#sub-head{
		height: 400px;
		margin-bottom: 100px;
	}
	.sub-head-gray{
		padding: 150px 0;
	}
	/* リードテキスト */
	.main-reed{
		text-align: center;
		margin-bottom: 30px;
	}

	/* ■ヘッダー
	-----------------------------------*/
	header{
		min-width: 1100px;
		height: 65px;
		background-color: rgba(255,255,255,0.9);
		transition: 0.3s ease-in-out;
	}
	/* ヘッダースクロール時に縮小 */
	#sp-head{
		height: 65px;
	}
	#header-logo{
		width: 109px;
		height: 40px;
		top: 10px;
		left: 30px;
	}
	#header-logo img{
		width: 109px;
		height: 40px;
	}
	#header-logo2{
		width: 268px;
		height: 25px;
		top: 19px;
	}
	#header-logo img2{
		width: 220px;
		height: 40px;
	}
	
	#header-sns{
		display: flex;
		justify-content: space-between;
		position: absolute;
		right: 180px;
		width: 65px;
		height: 65px;
	}
	#header-sns img{
		right: 65px;
		width: 65px;
	}
	
	
	/* ハンバーガーメニュー */
	#header-navbtn{
		box-sizing: border-box;
		padding: 18px 0 18px 30px;
		width: 180px;
		height: 65px;
		position: absolute;
		right: 0;
		top: 0;
		background-color: #e10000;
	}
	.hamburger-label{
		display: block;
		width: 80px;
		margin-top: 6px;
		float: left;
		line-height: 1;
		font-size: 18px;
		color: #fff;
		text-align: left;
		letter-spacing: 2px;
	}

	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
		width: 40px;
		height: 2px;
		background-color: #fff;
	}
	.hamburger-box{
		width: 40px;
	}
	.hamburger-inner::before {
		top: -10px;
	}
	.hamburger-inner::after {
		bottom: -10px;
	}

	/* 全画面メニュー */
	#gnav{
		display: flex;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		align-items: center;
		margin: 0;
		padding: 0;
	}
	#pcnav-wrapper{
		-webkit-flex-direction: row-reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		column-gap: 64px;
	}
	#gnav1 {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		right: 0;
		gap: 22px;
	}
	#gnav.v2 #gnav1 {
		gap: 24px;
	}
	#gnav1 .gnav_list {
		display: block;
		width: 100%;
	}
	.gnav_list {
		border-bottom: 1px solid #989898;
	}
	.gnav_list li a {
		height: 65px;
		column-gap: 24px;
	}
	#gnav.v2 .gnav_list li a {
		height: 60px;
	}
	.gnav_list li .ico {
		width: 56px;
		height: 25px;
	}
	#nav-fc{
		position: absolute;
		margin: auto;
		width: 400px;
		right: 0;
		bottom: 0;
	}
	.fc-window--btn:not(:last-of-type) {
		margin-bottom: 16px;
	}
	.nav-fc-btn.arrow::before {
		right: 16px;
	}
	.nav-fc-btn-gaw_yt {
		padding: 4px 16px;
	}
	#nav-sns{
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0;
		box-sizing: border-box;
	}
	.nav-frame .ico {
		width: 55px;
		height: 32px;
	}
	.nav-frame a {
		height: 55px;
		letter-spacing: .05em;
		padding-left: 16px;
		padding-right: 16px;
	}
	.nav-col2 .nav-frame {
		column-gap: 22px;
	}
	.nav-col2 .nav-frame a {
		height: 88px;
	}
	#gnav.v2 .nav-col2 .nav-frame a {
		height: 78px;
	}
	.nav-col2 .nav-frame .new_mark {
		width: 30px;
		height: 30px;
	}
	.nav-frame-sm a {
		height: 40px;
	}

	.fc-window .nav-fc-btn {
		min-width: 400px;
		letter-spacing: 0em;
		transition: 0.4s ease-in-out;
	}
	.fc-window .flx  .nav-fc-btn {
		min-width: 192px;
	}
	.fc-window .nav-fc-btn:hover {
		opacity: .65;
	}


	/* ■フッター
	-----------------------------------*/

	/* フッターリンク */
	#footer-link{
		padding: 100px 0;
	}
	#footer-logo{
		margin: 0 auto 50px;
		height: 118px;
		text-align: center;
	}
	#footer-logo img{
		width: 280px;
		height: 118px;
	}
	#footer-link-inner{
		display: flex;
		flex-wrap: nowrap;
		justify-content: center;
		width: 1100px;
		margin: 0 auto;
	}
	#footer-link1{
		display: flex;
		justify-content: space-between;
		width: 480px;
		margin: 0 36px 0 0;
		line-height: 30px;
	}
	#footer-link2 li img{
		width: 30px;
		height: 30px;
	}

	/* Copyright */
	#footer-copy p{
		letter-spacing: 1;
		line-height: 1;
	}


	/* ■トップページ
	-----------------------------------*/
	/* トップFC勧誘 ポップアップ */
	.fc-window-inner{
		position: relative;
		margin-top: 64px;
		padding: 32px;
	}
	.fc-window-inner p img{
		margin-bottom: 16px;
		width: 380px;
		height: 48px;
	}
	.fc-window-reed{
		margin-bottom: 16px;
		font-size: 17px;
		letter-spacing: 0em;
	}

	/* スライダー */
	#topslide{
		display: block;
		min-width: 1100px;
	}
	#topslide-sp{
		display: none;
	}
	.toptxt{
		padding-top: 70px;
		width: 600px;
		height: 450px;
	}

	/* リード */
	#top-reed{
		position: relative;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 60px;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
	}
	.top-reed-logo {
		max-width: 400px;
	}
	#top-reed-txt1{
		margin-bottom: 16px;
		font-size: 135%;
	}

	/* GAW MACHIDA  */
	#top-gaw_machida {
		padding-top: 64px;
		padding-bottom: 32px;
	}
	#top-gaw_machida .logo {
		margin-bottom: 50px;
	}
	#top-gaq_machida .h1title br {
		display: none;
	}

	/* ピックアップ */
	#top-pickup li p{
		font-size: 18px;
	}
	#top-pickup li p{
		margin: 15px 0 0 0
		padding-bottom: 70px;;
		height: 2em;
	}
	#top-pickup li a span{
		font-size: 14px;
	}
	#top-pickup li a span:after{
		width: 82px;
		height: 14px;
		background-size: 82px 14px;
	}

	/* ピックアップ */
	#top-youtube-box {
		padding-top: 72px;
		padding-bottom: 72px;
		margin-bottom: 100px;
	}
	#top-youtube-box .main-wrapper {
		width: 1280px;
	}
	#top-youtube-box .yt_list_wrap {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 40px;
	}
	#top-youtube-box .yt_list {
		width: calc(50% - 4px);
	}
	#top-youtube-box .yt_list:nth-of-type(1) {
		margin-bottom: 0;
	}
	#top-youtube-box .yt_list_wrap-lg {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		row-gap: 8px;
	}
	#top-youtube-box .yt_list_wrap-lg .yt_list {
		width: 100%;
		column-gap: 8px;
	}
	#top-youtube-box .yt_list_wrap-lg .yt_list.flx li {
		width: calc(25% - 6px);
	}
	#top-youtube-box .yt_list_wrap-lg .yt_list:nth-of-type(1) {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
	#top-youtube-box .yt_list_wrap-lg .yt_list:nth-of-type(1) li {
		width: calc(50% - 4px);
		padding-top: 28.125%;
	}
	#top-youtube-box .yt_list_wrap-lg .yt_list:nth-of-type(2) li {
		padding-top: 13.75%;
	}

	/* 新着施工事例 */
	#work-list,
	#work-list2{
		margin-bottom: 30px;
	}
	#work-list li,
	#work-list2 li{
		font-size: inherit;
	}
	
	/* ニュース */
	#top-news-warpper{
		position: relative;  /* ボタンの影を出す為　スタックコンテキスト */
		z-index: 1;          /* ボタンの影を出す為　スタックコンテキスト */
		display: flex;
		justify-content: center;
		margin-bottom: 100px;
		background: #fafafa;
	}
	#top-news-warpper div.top-news-inner:nth-of-type(1){
		box-sizing: border-box;
		padding: 100px 30px 100px 0;
		margin-bottom: 0;
		width: 550px;
		border-right: 25px solid #fff;
	}
	#top-news-warpper div.top-news-inner:nth-of-type(2){
		box-sizing: border-box;
		padding: 100px 0 100px 30px;
		width: 550px;
		border-left: 25px solid #fff;
	}
	
	
	#top-news-list1{
		margin-bottom: 0;
	}
	
	#top-news-list1 li,
	#top-news-list2 li{
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px dotted #989898;
	}
	
	.top-news-box{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.top-news-box div:nth-of-type(1){
		width: 200px;
	}
	.top-news-box div:nth-of-type(2){
		margin-left: 20px;
		width: 275px;
	}
	#top-news-list1 img,
	#top-news-list2 img{
		display: block;
	}
	.news-date{
		margin-bottom: 15px;
	}
	.news-title{
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: none;
	}
	@media (max-width: 560px) {
	}
	
	
	
	/* ■お知らせ・イベント情報 ページ
	---------------------------------------*/
	#news-list{
		margin-bottom: 50px;
	}
	#news-list img{
		display: none;
	}
	#news-list li:not(:last-child){
		margin-bottom: 30px;
	}
	
	.news-box{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.news-img{
		width: 200px;
	}
	.news-box-txt{
		display: flex;
		align-items: center;
		box-sizing: border-box;
		margin-left: 50px;
		width: 850px;
		height: 133px;
		border-bottom: 1px dotted #989898;
	}
	#news-list img{
		display: block;
	}
	
	
	/* ■お知らせ・イベント情報 詳細ページ
	---------------------------------------*/
	/*#blog-wrapper{
		margin-bottom: 100px;
	}
	#blog-wrapper p{
		margin-bottom: 50px;
	}
	#blog-wrapper img{
		margin-bottom: 25px;
	}
	#blog-wrapper h2{
		margin-bottom: 25px;
	}
	#blog-wrapper h2:after{
		border: 15px solid transparent;
		border-top: 15px solid #e10000;
	}*/
	#control{
		margin: 0 auto 100px auto;
		width: 600px;
	}
	#control1 a,
	#control2 a,
	#control3 a{
		padding-bottom: 7px;
		font-size: 14px;
	}
	#control1 a{
		width: 70px;
	}
	#control2 a{
		width: 84px;
	}
	#control3 a{
		width: 70px;
	}
	
	
	
	/* ■施工事例詳細 ページ
	---------------------------------------*/
	#work-detail-wrapper{
		display: flex;
		flex-direction: row-reverse;
	}
	#work-detail-txtbox{
		width: 350px;
		height: 100%;
	}
	#work-detail-txt{
		margin-bottom: 0;
		width: 350px;
	}
	#work-detail-txt:before{
		display: block;
		content: "";
		box-sizing: border-box;
		height: 15px;
		border-top: 1px solid #989898;
		border-left: 1px solid #989898;
		border-right: 1px solid #989898;
		margin-bottom: 35px;
	}
	#work-detail-txt:after{
		display: block;
		content: "";
		box-sizing: border-box;
		height: 15px;
		border-bottom: 1px solid #989898;
		border-left: 1px solid #989898;
		border-right: 1px solid #989898;
		margin-top: 40px;
	}
	
	/* スクロールで固定 */
	#work-detail-txt.fix-top{
		/* スクロールで上に固定 */
		position: fixed;
		top: 100px;
	}
	#work-detail-wrapper.fix-bottom{
		/* スクロールで下に固定 */
		align-items: flex-end;
	}
	#work-detail-txt .category_list {
		margin-bottom: 1.5em;
	}
	#work-detail-date{
		margin-bottom: 1em;
		font-size: 13px;
	}
	#work-detail-shop{
		margin-bottom: 1em;
		font-size: 18px;
	}
	#work-detail-memo{
		margin-bottom: 30px;
	}
	#work-detail-memo li{
		padding: 16px 0;
	}
	#work-detail-comment{
		margin-bottom: 35px;
	}
	#work-detail-photo{
		margin-right: 50px;
		width: 700px;
	}
	
	
	/* ■お客様の声 ページ
	---------------------------------------*/
	#voice-list{
		margin-bottom: 30px;
	}
	#voice-list li{
		font-size: inherit;
	}
	
	
	/* ■よくある質問 ページ
	---------------------------------------*/
	.question,
	.answer{
		position: relative;
		margin: 30px 0;
		padding-left: 70px;
		line-height: 30px;
	}
	.question::before,
	.answer::before{
		width: 30px;
		height: 30px;
		left: 10px;
		background-size: 30px 30px;
	}
	
	
	/* ■プライバシーポリシー ページ
	---------------------------------------*/
	.privacy-txt > p:not(:last-child){
		margin-bottom: 40px;
	}
	
	
	/* ■グランドアートウォールとは ページ
	---------------------------------------*/
	/* リード */
	#about-reed{
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		margin-top: 64px;
		margin-bottom: 100px;
		padding-left: 0;
		padding-right: 0;
	}
	#about-reed-txtwrap {
		margin-bottom: 0;
	}
	#about-reed-txt1{
		margin-bottom: 16px;
		font-size: 135%;
	}
	.about-reed-logo {
		max-width: 400px;
	}
	#about-reed-rgt {
		flex: 1;
		margin-left: 64px;
	}
	#about-reed-rgt p {
		line-height: 2em;
	}
	#about-reed-rgt p:not(:last-child) {
		margin-bottom: 2em;
		letter-spacing: .05em;
	}

	/* カラー */
	#gaw_color{
		padding-top: 100px;
	}
	#gaw_color_pos {
		top: -65px144	}
	#gaw_color .flx .logo {
		margin-bottom: 0;
	}
	#gaw_color-reed .flx {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
	#gaw_color-reed .txt {
		flex: 1;
		padding-left: 40px;
	}
	#gaw_color-reed .txt p {
		letter-spacing: .03em;
		line-height: 2em;
	}
	#gaw_color-img p {
		font-size: 80%;
	}


	/* 左右ボックス2（比率固定） */
	.box2{
		margin-bottom: 0;
	}
	
	.adjust-box2{
		position: relative;
		width: 50%;
		
	}
	.box2-innner{
		box-sizing: border-box;
		padding: 0 40px;
	}
	.adjust-box2:before{
		content: '';
		display: block;
		padding-top: 64.516%; /* 画像比率で固定 ⇒ 高さ÷幅×100 */
	}
	.adjust-inner2{
		
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.box2-txt{
		position: relative;
		padding: 0;
	}
	
	.box2-inner{
		position: relative;
	}
	.about-no{
		margin-bottom: 20px
	}
	.about-title{
		line-height: 1em;
		margin-bottom: 20px;
	}
	.about-txt{
		font-size: 14px;
	}
	
	/* 枠線装飾 */
	.sq1::before{
		display: block;
		position: absolute;
		top: 25px;
		left: 25px;
		content: '';
		width: 30px;
		height: 30px;
		background-image: url('../img/about-sq1.svg');
		background-size: 30px 30px;
	}
	.sq1::after{
		display: block;
		position: absolute;
		top: 25px;
		right: 25px;
		content: '';
		width: 30px;
		height: 30px;
		background-image: url('../img/about-sq2.svg');
		background-size: 30px 30px;
	}
	.sq2::before{
		display: block;
		position: absolute;
		bottom: 25px;
		left: 25px;
		content: '';
		width: 30px;
		height: 30px;
		background-image: url('../img/about-sq3.svg');
		background-size: 30px 30px;
	}
	.sq2::after{
		display: block;
		position: absolute;
		bottom: 25px;
		right: 25px;
		content: '';
		width: 30px;
		height: 30px;
		background-image: url('../img/about-sq4.svg');
		background-size: 30px 30px;
	}
	
	/* ■グランドアートウォール本部 ページ
	---------------------------------------*/
	/* 代表あいさつ */
	.head-office-wrapper{
		padding-bottom: 100px;
	}
	#office-box{
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
		padding: 0;
		width: 1280px;
	}
	#ceo-image{
		width: 600px;
	}
	#ceo-image img{
		margin: 0;
	}
	#ceo-txt {
		width: 600px;
	}
	#ceo-txt p:not(:last-child){
		margin-bottom: 40px;
	}
	#ceo-txt .txt-r {
		margin-top: auto;
	}
	#ceo-txt .txt-r img {
		width: 229px;
	}
	/* Google Map */
	.gm .frame_wrap {
		padding-top: 22vw;
	}
	.gm .btn a {
		transition: 0.4s ease-in-out;
	}
	.gm .btn a:hover {
		background-color: #000;
	}
	/* 会社情報 */
	.tbl-shop{
		margin-bottom: 40px;
		
		width: calc(100% + 100px);
		margin-left: -50px;
		
		border-collapse: separate;
		border-spacing: 50px 0;
	}
	.tbl-shop th{
		display: table-cell;
		padding: 15px 0;
		width: 340px;
		border-top: 1px dotted #989898;
	}
	.tbl-shop td{
		display: table-cell;
		padding: 15px 20px;
		border-top: 1px dotted #989898;
		text-align: left;
	}
	.tbl-shop tr:last-child th,
	.tbl-shop tr:last-child td{
		border-bottom: 1px dotted #989898;
	}
	
	/*■施工価格 ページ
	---------------------------------------*/
	#price-box{
		margin-bottom: 100px;
	}
	#price-list-pc{
		display: flex;
		flex-wrap: wrap;
	}
	#price-list-pc li{
		width: 32%;
	}
	#price-list-pc li:nth-child(-n + 3){
		padding-bottom: 30px;
	}
	#price-list-pc li:not(:nth-child(3n)){
		margin-right: 2%;
	}
	
	/* ボタン２ */
	.btn02{
		position: relative;
		display: inline-block;
		border: 1px solid #989898;
		border-radius: 5px;
		background: #fff;
		
		width: 100% ;
	}
	.btn02:before{
		position: absolute;
		display: block;
		content: "";
		margin: auto;
		bottom: 8px;
		right: 0;
		left: 0;
		width: 10px;
		height: 5px;
		background-size: 10px 5px;
		background-image: url('../img/btn-arrow2.svg');
	}
	.btn02 a,
	.btn02 span{
		box-sizing: border-box;
		width: 100%;
		padding: 10px 0 20px 0;
		display: block;
		text-align: center;
	}

	/* 価格例 */
	#price-detail {
		margin-bottom: 0px;
		margin: 0 auto 100px auto;
		width: 1100px;
	}
	#price-detail-list > li {
		padding-left: 0;
		padding-right: 0;
	}
	#price-detail-list > li:not(:last-child){
		margin-bottom: 100px;
	}
	#price-detail-list .imgarea {
		margin-bottom: 0;
	}
	#price-detail-list .txtarea .ttl_wrap > * {
		padding-left: 16px;
		padding-right: 16px;
		padding-bottom: 12px;
		padding-top: 12px;
	}
	#price-detail-list .txtarea .ttl_wrap .ttl {
		font-size: 168%;
	}
	#price-detail-list .txtarea .ttl_wrap .ttl span {
		font-size: 60%;
	}
	#price-detail-list #price06 .txtarea .ttl_wrap .ttl {
		letter-spacing: -.05em;
	}
	.price-detail-attn {
		margin-top: 60px;
	}

	/*■認定店 各都道府県 ページ
	---------------------------------------*/
	.contract-reed img{
		margin: 0 auto 30px;
	}
	.contract-reed p{
		margin-bottom: 50px;
	}
	/* 加盟店一覧 */
	.contract-list{
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}
	.contract-list li{
		width: 23.5%;
		margin-bottom: 20px;
		margin-right: 2%;
	}
	.contract-list li:nth-child(2n){
		margin-right: 2%;
	}
	.contract-list li:nth-child(4n){
		margin-right: 0;
	}
	.contract-pref{
		margin-top: 20px;
	}
	.contract-pref{
		margin-bottom: 12px;
		font-size: 14px;
	}
	.contract-address{
		margin-bottom: 18px;
		font-size: 14px;
	}
	.contract-name{
		margin-bottom: 12px;
		font-size: 18px;
	}

	/*■認定店 詳細 ページ
	---------------------------------------*/
	/* お客様の声 */
	#swiper-voice-list{
		justify-content: center;
	}
	#swiper-voice-list > div.swiper-slide{
		width: 32%;
		padding-bottom: 10px;
		margin-bottom: 30px;
		margin-right: 2%;
	}
	#swiper-voice-list > div.swiper-slide:nth-child(2n){
		margin-right: 2%;
	}
	#swiper-voice-list > div.swiper-slide:nth-child(3n){
		margin-right: 0;
	}
	#swiper-voice-list > div.swiper-slide:last-child{
		margin-right: 0;
	}
	#swiper-voice-list > div.swiper-slide:nth-child(4){
		display: none;
	}
	/* 問い合せフォーム */
	.form-reed{
		text-align: center;
		margin-bottom: 50px;
	}
	.tbl-contact{
		margin: 0;
		width: 100%;
		border-collapse: separate;
		border-spacing: 50px 20px;
	}
	.tbl-contact th{
		display: table-cell;
		margin: 0 30px 0 0;
		padding: 7px 0 0 0;
		width: 260px;
		text-align: left;
		vertical-align: top;
		background: transparent;
		color: #000;
		border-radius: 0;
	}
	.tbl-contact th span:not(.txt-red) {
		display: block;
		padding: 10px 0;
		text-align: center;
		background: #989898;
		border-radius: 0;
		color: #fff;
	}
	.tbl-contact td{
		display: table-cell;
		margin: 0;
		padding: 0;
		width: auto;
	}
	.tbl-contact td span.form-txt{
		display: inline-block;
		padding-top: 13px;
		width: auto;
	}
	/* 確認用チェックボックス */
	#confirm,
	#confirm p{
		text-align: center;
	}
	/* フォーム送信ボタン */
	.a-button,
	.wpcf7-submit {
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		-webkit-transition: 0.4s ease-in-out;
		-moz-transition: 0.4s ease-in-out;
		-o-transition: 0.4s ease-in-out;
		transition: 0.4s ease-in-out;
	}
	.a-button:hover,
	.wpcf7-submit:hover {
		opacity: 0.7;
		filter: alpha(opacity=70);
	}

	/* 全国一覧表 */
	.all-pref{
		font-size: 20px;
		font-weight: normal;
		margin-bottom: 25px;
		letter-spacing: inherit;
	}
	.tbl-all-work,
	.tbl-all-sell{
		width: 100%;
	}
	.tbl-all-work th,
	.tbl-all-sell th{
		min-width: 72px;
		max-width: 72px;
	}
	.tbl-all-work td:nth-of-type(1),
	.tbl-all-sell td:nth-of-type(1){
		min-width: 88px;
		max-width: 88px;
	}
	.tbl-all-work td:nth-of-type(2),
	.tbl-all-sell td:nth-of-type(2){
		padding-left: 25px;
		width: 460px;
	}
	.tbl-all-work td:nth-of-type(3),
	.tbl-all-sell td:nth-of-type(3){
		padding-left: 25px;
		min-width: 408px;
		max-width: 408px;
	}

	/* ■認定店 検索 ページ
	---------------------------------------*/
	/* SP：プルダウン */
	#sp-pref{
		display: none;
	}
	/* PC：地図 */
	#map-canvas{
		display: block;
	}

	/* PageTop */
	#page-top{
		margin-top: 150px;
		height: 48px;
	}
	#page-top > div{
		padding-top: 29px;
		font-size: 17px;
	}

	/* ■共通アニメーション
	---------------------------------------*/
	/* ホバー時：罫線アニメーション */
	.imghov{
		position: relative;
		overflow: hidden;
	}
	.imghov img {
		transition: .8s cubic-bezier(0.17,0.84,0.44,1);
	}
	.imghov-box li a:hover .imghov::before,
	.imghov-box li a:hover .imghov::after {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	.imghov-mask{
		display: block;
	}
	.imghov-box li a:hover img {
		scale: 1.075;
	}
	.imghov-box li a{
		display: block;
	}

	/* ホバー時：半透明
	-----------------------------------*/
	.fade{
		transition: 0.4s ease-in-out;
	}
	.fade:hover {
		opacity: 0.65;
		filter: alpha(opacity=65);
	}

}/* min-width: 900px 終了 */





/* ########### 1300px以上 ########### */
@media (min-width: 1300px) {

	/* 左右ボックス2（比率固定） */
	.box2-innner{
		padding: 0 65px;
	}
	.about-no{
		margin-bottom: 35px
	}
	.about-title{
		margin-bottom: 50px;
		font-size: 25px;
	}
	.about-txt{
		font-size: inherit;
	}
	.about-txt.fnt-lg{
		font-size: 17px;
	}

	/* 枠線装飾 */
	.sq1::before{
		top: 50px;
		left: 50px;
	}
	.sq1::after{
		top: 50px;
		right: 50px;
	}
	.sq2::before{
		bottom: 50px;
		left: 50px;
	}
	.sq2::after{
		bottom: 50px;
		right: 50px;
	}

}





/* ########### 1400px以上 ########### */
@media (min-width: 1400px) {

	/* ■トップページ
	---------------------------------------*/
	/* ピックアップ */
	#top-pickup{
		display: flex;
		flex-wrap: wrap;
	}
	#top-pickup li{
		width: 23.5%;
		margin-right: 2%;
		text-align: center;
		font-size: 12px;
	}
	#top-pickup li:nth-child(n + 3){
		margin-top: 0;
	}
	#top-pickup li:nth-child(2n){
		margin-right: 1.5%;
	}
	#top-pickup li:last-child{
		margin-right: 0;
	}

	/* 新着施工事例 */
	#work-list li,
	#work-list2 li{
		width: 23.5%;
	}
	.work-date{
		font-size: 13px;
	}
	#top-work-box #work-list li:nth-child(n + 7),
	#top-work-box #work-list2 li:nth-child(n + 7){
		display: block;
	}


	/* ■お客様の声 ページ
	---------------------------------------*/
	#voice-list li{
		width: 23.5%;
	}
	#voice-list li:nth-child(2n){
		margin-right: 1.5%;
	}
	#voice-list li:nth-child(3n){
		margin-right: 1.5%;
	}
	#voice-list li:nth-child(4n){
		margin-right: 0;
	}

	/*■認定店 詳細 ページ
	---------------------------------------*/
	/* お客様の声 */
	#swiper-voice-list > div.swiper-slide{
		width: 23.5%;
	}
	#swiper-voice-list > div.swiper-slide:nth-child(2n){
		margin-right: 1.5%;
	}
	#swiper-voice-list > div.swiper-slide:nth-child(3n){
		margin-right: 1.5%;
	}
	#swiper-voice-list > div.swiper-slide:last-child{
		margin-right: 0;
	}
	#swiper-voice-list > div.swiper-slide:nth-child(4){
		display: block;
		margin-right: 0;
	}

	/* --- YouTubeレスポンシブ（2020年5月27日追加） --- */
	.movie-wrap {
		 position: relative;
		 padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
		 height: 0;
		 overflow: hidden;
	}

	.movie-wrap iframe {
		 position: absolute;
		 top: 0;
		 left: 0;
		 width: 100%;
		 height: 100%;
	}

}

@media screen and (max-width: 320px) {
	#shuttergate-tf .tf_lineup .attn_txt {
		letter-spacing: 0em;
	}
	#price-detail-list .txtarea .ttl_wrap .ttl {
		font-size: 125%;
	}
	#price-detail-list .txtarea .ttl_wrap .ttl span {
		font-size: 80%;
	}
}


/* reCAPTCHA
*************************************************** */
	.recaptcha_txt {
		display: block;
		margin-top: 4px;
	}
	.recaptcha_txt a {
		color: #fff;
	}
	.grecaptcha-badge {
		visibility: hidden;
	}