@charset "utf-8";

@media only screen and (max-width:768px) {
body{
	color:#3A3A3A;
	background: #fff;
	font-family: 'Noto Sans JP', "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    /*font-family:
		"Noto Sans Japanese", "游ゴシック", YuGothic, "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    -webkit-font-smoothing: antialiased;*/
	font-size: 15px;
	line-height: 1.5;
}

/*************************共通*************************/
img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}
img.img_w90{
	width: 90% !important;
}
img.img_w80{
	width: 80% !important;
}
img.img_w70{
	width: 70% !important;
}
img.img_w60{
	width: 60% !important;
}
img.img_w50{
	width: 50% !important;
}
img.img_w40{
	width: 50% !important;
}
img.img_w30{
	width: 50% !important;
}
img.img_w25{
	width: 40% !important;
}

img.img_w70pc,img.img_w60pc,img.img_w55pc,img.img_w50pc,img.img_w40pc,img.img_w30pc{
	width: 80% !important;
}
	
img.img_w90sp_60pc{
	width: 90% !important;
}
img.img_w60sp_80pc{
	width: 60% !important;
}
img.img_w40sp_80pc{
	width: 40% !important;
}
img.img_w20sp_80pc{
	width: 20% !important;
}

img.sp_img200{
	width: 200px !important;
}

p.p_w100{
	width: 100% !important;
}

.margin_lr0{
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.margin_t20{
	margin-top: 20px;
}
.margin_b50{
	margin-bottom: 50px;
}

.font_18px{
	font-size: 18px;
}
	
.wrap{
	width: 100% !important;
}

header {
	width: 100%;
	height: 70px;
	background: #fff;
	border-bottom: 5px solid #6D5E56;
	position: fixed;
	z-index: 900;
	top: 0;
	left: 0;
}
header .logo_menu{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 87%;
}
header p.logo_sp{
	width: 200px;
	margin: 20px 15px;
}
	
header .header_menu01_sp{
	display: flex;
	justify-content: space-between;
}
header .header_menu01_sp li{
	padding: 0 8px;
}
header .header_menu01_sp li img{
	width: 80%;
}
	
header .headerin h1{
	padding: 20px;
	font-size: 10px;
	line-height: 1.5;
}
header .headerin h1.logo_header{
	width: 150px;
	margin: 0 auto 30px;
	padding: 15px 0;
}
header .headerin h1.logo_header span{
	font-size: 0;
}
header .headerin .header_menu01{
	display: none;
	margin-bottom: 20px;
}
header .headerin .header_menu01 .header_catch{
	display: none;
}
header .headerin .header_menu01 a img{
	height: 30px;
	margin-right: 5px;
}
header .headerin .header_menu01 a.link_blue{
	color: #03445c !important;
}
header .headerin .header_menu02{
	margin-bottom: 20px;
}
header .headerin_contents .header_menu02 .header_bna{
	display: none;
}
header .headerin .header_menu02 img{
	height: 30px;
	margin-right: 5px;
}
header .header_bottom_menu ul li img{
	height: 30px;
	margin-right: 5px;
}
	
.main_column{
	width: 100%;
	padding-top: 70px;
}
.contents00{/*左メニュー有2カラム------------*/
	width: 100%;
	margin: 0 auto;
}
	
.contents01{/*通常カラム------------*/
	width: 95%;
	margin: 0 auto;
}
.contents02{/*購入プレビューページ用カラム------------*/
	width: 100%;
	margin: 0 auto;
}
.pTop_preview{
	padding-top: 64%;
}
	
.text_center{
	text-align: center !important;
	margin: 0 auto;
}
.text_left{
	text-align: left;
}
.text_right{
	text-align: right;
}
.text_bold{
	font-weight: bold;
}
.text_red{
	color: #C82121;
}
.text_gray{
	color: #CBCBCB;
}
.text_green{
	color: #5c9b81;
}
.text_green02{
	color: #59b271;
}
.text_blue{
	color: #476f95;
}
.text_white{
	color: #fff;
}

.text_link_green{
	color: #6A9391;
	font-weight: bold;
	text-decoration: underline;
}


.bg_light_green{
	background: #e4f3d0 !important;
}
.bg_green{
	background: #c1ebcc !important;
}
.bg_blue{
	background: #c9d7ef !important;
}

.ul_list01{
	margin: 10px 20px;
}
.ul_list01 li{
	list-style-type: disc;
	margin-bottom: 5px;
}
	
.pankuzu{
	max-width: 1200px;
	margin: 0 auto;
	font-size: 14px;
	padding: 25px 10px;
}
	
.pagetop{
	display: none;
}
	
/*フェードインjs用*/
	.fade-in {
		opacity: 0;
		transition-duration: 1700ms;
		transition-property: opacity, transform;
	}
	/*.fade-in-up {transform: translate(0, 100px);}
	.fade-in-down {transform: translate(0, -100px);}
	.fade-in-left {transform: translate(-100px, 0);}
	.fade-in-right {transform: translate(100px, 0);}*/
	.scroll-in {opacity: 1; transform: translate(0, 0);}

	
/*見出し------------*/
h2.h2_page_title {
	width: 100%;
	box-sizing: border-box;
	position: relative;
	color: #6D5E56;
	background: #F3F3F3;
	font-size: 24px;
	padding: 20px 0 20px 15px;
	margin-bottom: 30px;
}
h2.h2_page_title:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 100%;
	background: #C7B9B1;
}

.pc_only{
	display: none;
}


/*************************TOPページ*************************/
.urgent_news{
	box-sizing: border-box;
	width: 98%;
	background: #F3F2ED;
	border: 1px solid #CBB785;
	border-radius: 3px;
	margin: 15px auto;
	padding: 5px 10px;

}
.urgent_news a{
	display: block;
	width: 100%;
	margin: 0 auto;
}
	
.top_area{
	position:relative;
	width: 100%;
	margin-bottom: 20px;
}

/*左カラム------------*/
.left_menu{
	display: none;
}
	
/*************************メインカラム*************************/
.top_bna{
	width: 95%;
	margin: 0 auto 30px;
}
.top_bna img{
	box-shadow: 2px 2px 5px #cdcdcd;
}
/*PICK UP------------*/
.pickup_area{
	width: 95%;
	margin: 0 auto 50px;
}
.pickup_area h3{
	color: #6D5E56;
	font-size: 18px;
	font-weight: bold;
}
.pickup_area_box{
	display: grid;
	width: 100%;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr 2fr;
	gap: 10px;
}
.pickup_area_box .pickup_item02{
	grid-column: 1 / 3;
}
.pickup_area_box .pickup_item01{
	grid-column: 1 / 3;
}

.pickup_area_box img{
	width: 100%;
	height: 100%;
	box-shadow: 2px 2px 5px #cdcdcd;
}
.pickup_area_box .pickup_item01,.pickup_area_box .pickup_item02,.pickup_area_box .pickup_item03,.pickup_area_box .pickup_item04{
	position: relative;
}
.pickup_area_box .pickup_item_label{
	position: absolute;
	width: 100%;
	text-align: right;
	box-sizing: border-box;
	padding: 5px;
	bottom: 0;
	left: 0;
	background: rgba(141,133,122,0.5);
	color: #fff;
	font-size: 14px;
}

/*LINE-UP------------*/
.lineup_area{
	width: 95%;
	margin: 0 auto 70px;
}
.lineup_area h3{
	background: #EFEAE4;
	font-size: 20px;
	color: #95705C;
	margin-bottom: 25px;
	padding: 8px;
	text-align: center;
	border-radius: 25px 25px 0 0
}
.lineup_area .swipe_beside{
	display: flex;
	position: relative;
	color: #6D5E56;
	font-size: 13px;
	width: 150px;
	margin: 0 auto 20px;
	
} 
.lineup_area .swipe_beside::after {
	position: absolute;
	top: 5px;
	left: -6px;
	content: '';
	width: 150px;
	height: 15px;
	border-bottom: solid 1px #6D5E56;
	border-right: solid 1px #6D5E56;
	transform: skew(45deg);
}
	
/*SP追加パーツ購入・オーダー下部固定表示ボタン------------*/
.bottom_parts_orderstart_btn {
	box-sizing: border-box;
	width: 100%;
	padding: 10px;
	background:rgba(249,247,245,0.7);
	position: fixed;
	z-index: 900;
	bottom: 0;
	left: 0;
	clear: both;
	display: none;
}
.bottom_parts_orderstart_btn p{
	width: calc(100% / 2);
	float: left;
	padding: 0 4px;
}
.bottom_parts_orderstart_btn p a{
	display: block;
	width: 100%;
	height: 100%;
	padding: 10px;
	color: #4D4318;
	font-size: 14px;
	font-weight: bold;
	border-radius: 5px;
	text-align: center;
	box-shadow: 2px 2px 5px #cdcdcd;
	position: relative;
	letter-spacing: -0.05em;
}
.bottom_parts_orderstart_btn p a::after{
	transition: 0.3s;
	content: "";
	width: .6em;
	height: .6em;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 8px;
	margin: auto;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

	
.bottom_parts_orderstart_btn .bottom_parts_btn a{
	background: #a1d1cf;
	color: #498482;
}
.bottom_parts_orderstart_btn .bottom_orderstart_btn a{
	background: #659f9d;
	color: #fff;
}
	
/*すべての商品をみるボタン*/
.button_seach_item{
	position: relative;
	width: 270px;
	height: 50px;
	transition: 0.5s;
	text-align: center;
	margin: 20px auto 50px;
}
.button_seach_item::after{
	content: url(/library/img/front_img/icon/icon_seach.png);
	position: absolute;
	transform: scale(0.7);
	top: 10%;
	left: 15px;
}
.button_seach_item a{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50px;
	background: #958173;
	font-size: 15px;
	color: #fff;
	padding: 15px 10px;
	box-shadow: 2px 2px 5px #cdcdcd;
}
.button_seach_item a:hover{
	opacity: 0.8;
}
	
/*サービス・キャンペーン------------*/
.service_area,.campaign_area{
	width: 95%;
	margin: 0 auto 50px;
}
.service_area h3,.campaign_area h3{
	display: flex;
	align-items: center;
	font-size: 20px;
	color: #292013;
	margin-bottom: 25px;
}
.campaign_area h3:before,
.campaign_area h3:after,
.service_area h3:before,
.service_area h3:after{
	content: "";
	height: 13px;
	flex-grow: 1;
	background-color: #EFEAE4;
}
.campaign_area h3:before,
.service_area h3:before{
	margin-right: 1rem;
}
.campaign_area h3:after,
.service_area h3:after{
	margin-left: 1rem;
}	
	
.campaign_area .campaign_bna_top{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: center;
	margin-top: 20px;
}
.campaign_area .campaign_bna_top li{
	width: calc((100% / 2) - 10px);
	margin-bottom: 20px;
}
.campaign_area .campaign_bna_top li img{
	box-shadow: 2px 2px 5px #cdcdcd;
	width: 100%;
}
.campaign_area .campaign_bna_bottom{
		margin: 10px auto;
	}
.campaign_area .campaign_bna_bottom img{
	box-shadow: 2px 2px 5px #cdcdcd;
}
	
.service_area p{
	margin-bottom: 10px;
}
.service_area img{
	box-shadow: 2px 2px 5px #cdcdcd;
}
	
/*特集・コラム------------*/
.column_area{
	width: 95%;
	margin: 0 auto 50px;
}
.column_area h3{
	display: flex;
	align-items: center;
	font-size: 20px;
	color: #292013;
	margin-bottom: 25px;
}
.column_area h3:before,
.column_area h3:after{
	content: "";
	height: 13px;
	flex-grow: 1;
	background-color: #EFEAE4;
}
.column_area h3:before{
	margin-right: 1rem;
}
.column_area h3:after{
	margin-left: 1rem;
}
	
.column_area .columnn_bna{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: center;
}
.column_area .columnn_bna li{
	width: calc((100% / 2) - 10px);
	margin-bottom: 20px;
}
.column_area .columnn_bna li img{
	margin-bottom: 5px;
}
.column_area .columnn_bna li span{
	display: block;
	text-align: left;
}
	
/*REVIEW------------*/
.review_area{
	background: #F9F7F5;
	padding: 30px 10px 50px;
	width: 95%;
	margin: 0 auto 50px;
}
.review_area h3{
	display: flex;
	align-items: center;
	font-size: 20px;
	color: #6D5E56;
	margin-bottom: 25px;
}
.review_area h3:before,
.review_area h3:after {
	content: "";
	height: 2px;
	flex-grow: 1;
	background-color: #6D5E56;
}
.review_area h3:before {
	margin-right: 1rem;
}
.review_area h3:after {
	margin-left: 1rem;
}	
.review_area h3 .size01{
	font-size: 9px;
	padding: 0 2px;
}
.review_area h3 .size02{
	font-size: 13px;
	padding: 0 2px;
}
	
/*お知らせ------------*/
.news_area{
	position: relative;
	z-index: 1;
	width: 95%;
	margin: 0 auto;
	padding-bottom: 30px;
	box-sizing: border-box;
	border: 5px solid #EFEAE4;
}
.news_area h3{
	font-size: 20px;
	text-align: center;
	background: #EFEAE4;
	padding: 5px 0;
	margin-bottom: 35px;
}
.news_area .news_list{
	padding: 0 15px;
	height: 230px;
	color: #6a6358;
	overflow-y: scroll;
}
.news_area .news_list::-webkit-scrollbar {
	width: 10px;
}
.news_area .news_list::-webkit-scrollbar-thumb {
	background-color: #aaa;
}
.news_area .news_list::-webkit-scrollbar-track {
	background-color: #ddd;
}
.news_area .news_list p.news_date{
	width: 20%;
	display: inline-block;
	vertical-align: top;
}
.news_area .news_list p.news_text{
	width: 72%;
	display: inline-block;
	vertical-align: top;
	margin-left: 20px;
	margin-bottom: 20px;
	overflow-wrap: break-word;
	word-wrap: break-word;
}
.news_area .news_list a{
	text-decoration: none;
}
.news_area .news_list a:hover{
	text-decoration: underline;
}

/*************************製品へのこだわり*************************/
.about_brand_area{
	margin-bottom: 70px;
}
.about_brand_section{
	width: 95%;
	margin: 0 auto 20px;
}
.about_brand_section h3 {
	font-size: 18px;
	font-weight: bold;
	color: #6D5E56;
	margin-bottom: 20px;
	position: relative;
	padding-left:23px;
}

.about_brand_section h3:before {
	background: #C7B9B1;
	content: "";
	height: 15px;
	width: 15px;
	left: 0;
	position: absolute;
	top: 6px;
}

.about_brand_column_2{
	width: 95%;

	margin: 0 auto 50px;
}
	.about_brand_column_2 .about_brand_column_text{
		margin-bottom: 10px;
	}
	.about_brand_column_3 .about_brand_column_text .about_brand_subimg{
		display: flex;
		flex-flow: column;
	}
	.about_brand_column_3 .about_brand_column_text .about_brand_subimg img{
		width: 160px;
		margin: 0 auto;
	}
	.about_brand_column_2 .about_brand_column_text .about_brand_column_title{
		font-size: 18px;
		margin-bottom: 20px;
	}
	.about_brand_column_2 .about_brand_column_text .about_brand_column_exposition{
		width: 96%;
		margin: 0 auto;
	}
	.about_brand_column_2 .about_brand_column_img{
		text-align: center;
		margin-bottom: 10px;
	}
	
.about_brand_column_3{
	width: 95%;
	margin: 0 auto 30px;
}
	.about_brand_column_3 .about_brand_column_text{
		margin-bottom: 20px;
	}
	.about_brand_column_3 .about_brand_column_text .about_brand_column_title{
		font-size: 18px;
		margin-bottom: 15px;
	}
	.about_brand_column_3 .about_brand_column_text .about_brand_column_exposition{
		width: 96%;
		margin: 0 auto;
	}
	.about_brand_column_3 .about_brand_column_img{
		text-align: center;
		margin-bottom: 10px;
	}
	
/*************************東京展示ルーム*************************/
.showroom_area{
	width: 95%;
	margin: 0 auto 70px;
}
.showroom_area section{
	width: 100%;
	margin: 0 auto 40px;
}
	.showroom_flame{
		width: 100%;
		box-sizing: border-box;
		padding: 10px;
		background: #F9F7F5;
		border: 2px solid #CBBAA5;
	}
	.showroom_flame p{
		margin-bottom: 5px;
	}
	.showroom_flame img{
		display: block;
		margin: 0 auto;
	}
	.showroom_flame ol{
		margin-left: 1.5em;
	}
	.showroom_flame ol li {
		counter-increment: cnt;
		margin-bottom: 20px;
	}
	.showroom_flame ol li::before {
		content: "(" counter(cnt) ") ";
		display:inline-block;
		margin-left:-1.5em;
		width: 1.5em;
	}
	
.showroom_area h3 {
	font-size: 18px;
	font-weight: bold;
	color: #6D5E56;
	margin-bottom: 20px;
	position: relative;
	padding-left:23px;
}

.showroom_area h3:before {
	background: #C7B9B1;
	content: "";
	height: 15px;
	width: 15px;
	left: 0;
	position: absolute;
	top: 6px;
}	
	
.boxes {
	width: 300px;
	margin: 0 auto 5px;
	padding: 20px 15px;
	background: #DCEFEE;
	border: 1px solid #659F9D;
	border-radius: 15px;
	text-align: center;
}
/*Checkboxes styles*/
.boxes input[type="checkbox"] { display: none; }
.boxes input[type="checkbox"] + label {
	display: block;
	position: relative;
	font-size: 20px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.boxes input[type="checkbox"] + label:last-child { margin-bottom: 0; }
.boxes input[type="checkbox"] + label:before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	border: 2px solid #1F6866;
	position: absolute;
	left: 15px;
	top: 5px;
	opacity: .6;
	-webkit-transition: all .12s, border-color .08s;
	transition: all .12s, border-color .08s;
}
.boxes input[type="checkbox"]:checked + label:before {
	width: 10px;
	top: 0;
	left: 20px;
	border-radius: 0;
	opacity: 1;
	border-top-color: transparent;
	border-left-color: transparent;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}	
	
.reserve_button_wrap{
	position: relative;
	width: 300px;
	transition: 0.5s;
	margin: 5px auto 10px;
}
.reserve_button_wrap::after{
	transition: 0.3s;
	content: "";
	width: .6em;
	height: .6em;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.reserve_button_wrap .type01{
	width: 300px;
	background: #B2B2B2;
	border: 1px solid #5E5E5E;
	font-size: 20px;
	font-weight: bold;
	border-radius: 15px;
	color: #fff;
	padding: 20px 15px;
	text-align: center;
	/*box-shadow: 0 4px 15px rgba(0,0,0,.2);*/
}
.reserve_button_wrap input:active{
	background: #659F9D;
	border: 1px solid #1F6866;
}

	
.showroom_area .showroom_photo_A,.showroom_area .showroom_photo_B,.showroom_area .showroom_photo_C{
	width: 100%;
	text-align: center;
}
.showroom_area .showroom_photo_A .photo_l,.showroom_area .showroom_photo_B .photo_l,.showroom_area .showroom_photo_C .photo_l{
	margin-bottom: 10px;
}
.showroom_area .showroom_photo_A .photo_r,.showroom_area .showroom_photo_B .photo_r,.showroom_area .showroom_photo_C .photo_r{
	margin-bottom: 10px;
}
	
iframe.access_map{
	margin-bottom: 30px;
}
	
.ul_style01 li {
	margin-bottom: 20px;
	padding-left: 20px;
	position: relative;
}
.ul_style01 li:before {
	content: "・";
	color: #3A3A3A;
	font-size: 60px;
	position: absolute;
	top: -30px;
	left: -20px;
}
	
.showroom_area .access_root_box{
	display: flex;
	flex-flow: column;
	border: 1px solid #A7A7A7;
	width: 100%;
	box-sizing: border-box;
	padding: 20px 15px;
	text-align: center;
	margin-bottom: 50px;
}
.showroom_area .access_root_box li{
	margin-bottom: 20px;
}
	
.showroom_area .flow_triangle{
	margin: 0 auto;;
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #959595;
	margin-bottom: 20px;
}/*フロー三角矢印*/
.showroom_area .access_root_office{
	width: 100%;
	margin: 30px auto;
}
.showroom_area .access_root_office img{
	margin-bottom: 10px;
}
	
/*************************法人向けサービス*************************/
.corporate_area{
	margin-bottom: 70px;
}
.corporate_section{
	width: 95%;
	margin: 0 auto 20px;
}
.corporate_section .corporate_common_title {
	font-size: 18px;
	font-weight: bold;
	color: #6D5E56;
	margin-bottom: 20px;
	position: relative;
	padding-left:23px;
	padding-bottom: 5px;
}

.corporate_section .corporate_common_title:before {
	background: #C7B9B1;
	content: "";
	height: 15px;
	width: 15px;
	left: 0;
	position: absolute;
	top: 6px;
}
.corporate_area_box{
	display: grid;
	width: 100%;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 2fr 1fr 1fr;
	gap: 10px;
	margin-bottom: 30px;
}
.corporate_area_box .corporate_item01{
	grid-column: 1 / 3;
}
.corporate_area_box .corporate_item02{
	grid-column: 1 / 3;
}
.corporate_area_box img{
	width: 100%;
	height: 100%;
}
	
.corporate_table00{
	margin-bottom: 30px;
}
.corporate_table00_list{
	display: flex;
	align-items: stretch;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 3px;
}
.corporate_table00_list_title{
	width: 20%;
	font-weight: bold;
	font-size: 15px;
	color: #fff;
	background: #9DB5C4;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px;
	position: relative;
}
.corporate_table00_list_title::after {
	content: "";
	position: absolute;
	top: 41%;
	right: -12px;
	width: 0;
	height: 0;
	border-left: 12px solid #9DB5C4;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
}
.corporate_table00_list_text{
	width: 80%;
	font-size: 13px;
	border-top: 1px solid #9DB5C4;
	border-bottom: 1px solid #9DB5C4;
	border-right: 1px solid #9DB5C4;
	padding: 5px 15px;
}
.corporate_table00_list_text .ul_list01{
	margin-right: 10px !important;
}
.corporate_text_back{
	background: #E7EEF2;
}
	
	
.corporate_table01{
	margin-bottom: 30px;
}
.corporate_table01 table {
	width: 100%;

}
.corporate_table01 table th{
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	color: #194863;
	padding: 5px;
	background: #E7EEF2;
	vertical-align: middle;
	border-top: 1px solid #A7A7A7;
	border-left: 1px solid #A7A7A7;
	border-right: 1px solid #A7A7A7;
}
.corporate_table01 table th img,.corporate_table01 table th span{
	display: inline-block;
	vertical-align: middle;
}
.corporate_table01 table td{
	display: block;
	padding: 5px;
	font-size: 13px;
	border-top: 1px solid #A7A7A7;
	border-left: 1px solid #A7A7A7;
	border-right: 1px solid #A7A7A7;
}
.corporate_table01 table td.last_cell{
	border-bottom: 1px solid #A7A7A7;
}
.corporate_table01 table td .ul_list01{
	margin-right: 10px !important;
}
	
/*法人問い合わせ窓口ボタン*/
.btn_corporate_box{
	width: 95%;
	text-align: center;
	margin: 0 auto 50px;
	padding: 45px 0 10px;
	background: linear-gradient(70deg, #f4f9fc, #e7eef2);
	box-shadow: 0 4px 5px rgba(0,0,0,.1);
	border: 1px solid #b8c8d2;
}
.btn_corporate_box p{
	font-size: 16px;
	font-weight: bold;
	color: #194863;
}

.btn_corporate_contact{
	position: relative;
	width: 250px;
	transition: 0.5s;
	text-align: center;
	margin: 10px auto 40px;
}
.btn_corporate_contact img{
	vertical-align: middle;
	width: 35px;
	margin-right: 5px;
}
.btn_corporate_contact::after{
	transition: 0.3s;
	content: "";
	width: .6em;
	height: .6em;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	position: absolute;
	top: -2px;
	bottom: 0;
	right: 20px;
	margin: auto;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.btn_corporate_contact a{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50px;
	background: #8ab8d4;
	border: 6px solid #77a9c7;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	padding: 20px 20px 20px 5px;
	box-shadow: 0 4px 5px rgba(0,0,0,.2);
}
	
/*導入実績*/
.introduction_list{
	width: 95%;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
.introduction_list .introduction_listin{
	width: calc((100% / 2) - 10px);
	border: 1px solid #707070;
	padding: 10px 10px 5px;
	margin-bottom: 10px;
}
.introduction_list .introduction_itemimg{
	width: 100%;
	display: inline-block;
	position: relative;
}
.introduction_list img.preview_img{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 97%;
	height: 97%;
	margin: auto;
	border: none;
}
.introduction_list img.icon_zoom_plus{
	position: absolute;
	right: 3%;
	bottom: 3%;
	width: 30px !important;
	height: 30px;
	z-index: 1;
}
.introduction_list .introduction_listin .corporate_label{
	display: inline-block;
	margin: 5px 0;
	padding: 2px 5px;
	background: #7B93A2;
	color: #fff;
	font-size: 15px;
}
.introduction_list .introduction_listin .corporate_name{
	display: block;
	text-align: center;
}
	
	
	
/*************************商品一覧ページ*************************/

.line_up_area{
	width: 100%;
}
	
.line_up_area h3{
	position: relative;
	font-size: 22px;
	padding: 15px 10px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 60px;
}
.line_up_area h3.type01{
	background: #F5D89D;
}
.line_up_area h3.type02{
	background: #F5C09D;
}
.line_up_area h3 span{
	position: absolute;
	top: 80px;
	left: 5px;
	display: block;
	font-size: 13px;
	color: #3A3A3A;
	font-weight: normal;
}
.line_up_area .line_up_list{
	width: 80%;
	margin: 0 auto 50px;
}
.line_up_area .line_up_list li a{
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #707070;
	box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.15);
}
.line_up_area .line_up_list li a img{
	width: 100%;
}
.line_up_area .line_up_list .item_icon{
	margin: 10px 0 30px;
}
.line_up_area .line_up_list .item_icon img{
	display: inline-block;
	width: 47px;
	margin-bottom: 7px;
}
	
	
/*************************フッターここから*************************/
footer{
	width: 100%;
	padding-top: 50px;
}
footer .footer_top{
	background: #f9f7f5;
	padding: 30px 0;
	color: #6d5e56;
}
footer .footer_bottom{
	background: #958173;
	color: #fff;
	padding: 30px 0 70px;
}
footer .footer_top .footerin,footer .footer_bottom .footerin{
	width: 95%;
	margin: 0 auto;
}
footer .footer_top .footerin{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
footer .footer_top .footerin .footer_info{
	order: 1;
	max-width: 330px;
	margin: 0 auto;
}
footer .footer_top .footerin .footer_info a{
	color: #6D5E56;
}
footer .footer_top .footerin .footer_info a:hover{
	opacity: 0.7;
}
footer .footer_top .footerin .footer_info .footer_logo{
	max-width: 300px;
	margin-bottom: 5px;
}
footer .footer_top .footerin .footer_info .freedial{
	vertical-align: middle;
}
footer .footer_top .footerin .footer_info .freedial a{
	font-size: 28px;
	font-weight: bold;
}
footer .footer_top .footerin .footer_info .freedial img{
	vertical-align: middle;
	margin-right: 5px;
	padding-bottom: 5px;
}
footer .footer_top .footerin .footer_info .info_text{
	margin: 5px 0px;
	font-size: 14px;
}

footer .footer_top .footerin .footer_shoplink{
	order: 3;
	width: 48%;
	font-size: 14px;
}
footer .footer_top .footerin .footer_shoplink h4{
	font-weight: bold;
	font-size: 15px;
	border-bottom: 1px dotted #6D5E56;
	margin-bottom: 10px;

}
footer .footer_top .footerin .footer_shoplink ul li{
	font-size: 12px;
	margin-bottom: 10px;
	padding-left: 5px;
}
footer .footer_top .footerin .footer_shoplink ul li:before {
	content: '';
	display: inline-block;
	position: relative;
	left: -5px;
	top: 0;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background: #B8A691;
}
footer .footer_top .footerin .footer_shoplink ul li a:hover{
	opacity: 0.7;
}

footer .footer_top .footerin .footer_sns{
	order: 2;
	width: 100%;
}
footer .footer_top .footerin .footer_sns h4{
	display: none;
}
footer .footer_top .footerin .footer_sns ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
footer .footer_top .footerin .footer_sns ul li{
	margin: 10px 10px 30px;
}
footer .footer_top .footerin .footer_sns ul li span{
	display: none;
}
footer .footer_top .footerin .footer_sns ul li img{
	margin-right: 5px;
}

footer .footer_top .footerin .footer_calendar{
	order: 4;
	width: 48%;
	border: 3px solid #6d5e56;
	padding: 20px;
}
	
footer .footer_bottom .footerin .footer_companylink{
	width: 100%;
	display: flex;
	justify-content: center;
	font-size: 12px;
}
footer .footer_bottom .footerin .footer_companylink ul{
	display: flex;
	flex-wrap: wrap;
	margin: 0 20px;
}
	
footer .footer_bottom .footerin .footer_companylink ul li{
	width: calc((100% / 2) - 5px);
	margin-bottom: 10px;
}
footer .footer_bottom .footerin .footer_companylink ul li a:hover{
	opacity: 0.7;
}
footer .footer_bottom .footerin .footer_copy{
	padding: 10px 0 0;
	text-align: center;
	font-size: 11px;
}

/*************************お問い合わせ*************************/
.start_guide_link{
	display: flex;
	flex-flow: column;
	width: 100%;
	margin: 30px auto;
}
.start_guide_link li{
	position: relative;
	width: 305px;
	height: 60px;
	line-height: 60px;
	margin: 0 auto 20px;
	border: 2px solid #C7B9B1;
}
.start_guide_link li a{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	font-size: 16px;
	text-align: center;
	color: #584B44;
}
.start_guide_link li a:hover{
	opacity: 0.7;
}
.start_guide_link li::before{
	content: '';
	position: absolute;
	box-sizing: border-box;
	top: 34%;
	left: 30px;
	width: 20px;
	height: 20px;
	border: 2px solid #C7B9B1;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.start_guide_link li::after{
	content: '';
	position: absolute;
	top: 43%;
	left: 35px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #C7B9B1;
	border-right: 2px solid #C7B9B1;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.form_btn_area{
	display: flex;
	flex-flow: column;
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #C7B9B1;
	padding: 20px;

}
.form_btn_flame{
	width: 100%;
	margin: 10px 0;
	padding: 10px;
	box-shadow: 3px 3px 4px 0px rgb(0 0 0 / 8%);
}
.form_btn_flame.green{
	position: relative;
	border: 5px solid #C8E5E4;
}
.form_btn_flame.green::after{
	content: '';
	position: absolute;
	bottom: 10px;
	right: 10px;
	border-left: 30px solid transparent;
	border-bottom: 30px solid #C8E5E4;
}
.form_btn_flame.blue{
	position: relative;
	border: 5px solid #D4E3F1;
}
.form_btn_flame.blue::after{
	content: '';
	position: absolute;
	bottom: 10px;
	right: 10px;
	border-left: 30px solid transparent;
	border-bottom: 30px solid #D4E3F1;
}
.form_btn_flame.orange{
	position: relative;
	border: 5px solid #F8E2D9;
}
.form_btn_flame.orange::after{
	content: '';
	position: absolute;
	bottom: 10px;
	right: 10px;
	border-left: 30px solid transparent;
	border-bottom: 30px solid #F8E2D9;
}

.form_btn_flame a{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none !important;
}
.form_btn_flame a:hover{
	opacity: 0.7;
}
.form_btn_flame .form_title{
	width: 230px;
	height: 40px;
	line-height: 40px;
	font-size: 17px;
	font-weight: bold;
	color: #6D5E56;
	text-align: center;
	margin: 0 auto 15px;
}
.form_btn_flame.green .form_title{
	background: #D8EBEA;
}
.form_btn_flame.blue .form_title{
	background: #D4E3F1;
}
.form_btn_flame.orange .form_title{
	background: #F8E2D9;
}
.form_btn_flame .form_detail_box{
	display: flex;
	justify-content: space-around;
}
.form_detail_box .form_subtitle{
	font-size: 13px;
	color: #6D5E56;
	margin-right: 10px;
}
.form_detail_box .form_subtitle span{
	display: block;
	font-size: 15px;
	font-weight: bold;
}
.form_detail_box .form_img{
	width: 120px;
}

/*************************404error*************************/
.error_area{
	padding: 0 10px 50px;
}
.error_area h2{
	font-size: 30px;
	font-weight: bold;
	color: #DFD5C8;
	line-height: 1;
	margin-bottom: 20px;
}
.error_subtitle{
	font-size: 18px;
	font-weight: bold;
	color: #6D5E56;
	margin-bottom: 20px;
}
.error_back_link{
	display: flex;
	align-items: flex-end;
}
.error_back_link ul{
	width: 70%;
}
.error_back_link ul li{
	position: relative;
	margin-bottom: 10px;
}
.error_back_link ul li a{
	text-decoration: underline;
	color: #6D5E56;
	padding-left: 18px;
}
.error_back_link ul li a:before {
	content: '';
	width: 10px;
	height: 10px;
	border-top: solid 2px #6D5E56;
	border-right: solid 2px #6D5E56;
	transform: rotate(45deg);
	position: absolute;
	left: 0;
	top: 27%;
}
.error_back_link ul li a:hover{
	text-decoration: none;
	opacity: 0.7;
}
.error_back_link .error_img{
	width: 30%;
}

/*************************サイトマップ*************************/
.sitemap_area{
	margin-bottom: 70px;
}
.sitemap_area section{
	width: 100%;
	margin: 0 auto 50px;
}
.sitemap_section{
	width: 100%;
}

.sitemap_link{
	display: flex;
	flex-flow: column;
}
.sitemap_link li{
	position: relative;
	padding: 6px 0;
}
.sitemap_link li a{
	text-decoration: none;
	font-size: 16px;
	padding-left: 40px;
	color: #584B44;
}
.sitemap_link li a:hover{
	opacity: 0.7;
}

.sitemap_link li::before{
	content: '';
	position: absolute;
	box-sizing: border-box;
	top: 17%;
	left: 10px;
	width: 25px;
	height: 25px;
	border: 2px solid #C7B9B1;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.sitemap_link li::after{
	content: '';
	position: absolute;
	top: 39%;
	left: 17px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #C7B9B1;
	border-right: 2px solid #C7B9B1;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.sitemap_link li.level2 a{
	text-decoration: none;
	font-size: 16px;
	padding-left: 60px;
	color: #584B44;
}
.sitemap_link li.level2::before{
	content: '';
	position: absolute;
	box-sizing: border-box;
	top: 17%;
	left: 30px;
	width: 25px;
	height: 25px;
	border: 2px solid #C7B9B1;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.sitemap_link li.level2::after{
	content: '';
	position: absolute;
	top: 39%;
	left: 37px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #C7B9B1;
	border-right: 2px solid #C7B9B1;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}





.sitemap_section .sitemap_common_title {
	font-size: 22px;
	font-weight: bold;
	color: #6D5E56;
	margin-bottom: 20px;
	position: relative;
	padding-left:25px;
	padding-bottom: 5px;
}

.sitemap_section .sitemap_common_title:before {
	background: #C7B9B1;
	content: "";
	height: 20px;
	width: 20px;
	left: 0;
	position: absolute;
	top: 6px;
}

.sitemap_listbox{
	display: flex;
	flex-flow: column;
	padding: 20px;
	border: 1px solid #CBBAA5;
}
.sitemap_listbox .sitemap_listboxin{
	width: 100%;
}
.sitemap_listbox .item_category{
	background: #C7B9B1;
	font-weight: bold;
	font-size: 17px;
	color: #fff;
	padding: 10px 15px;
	margin-bottom: 15px;
}

/*************************お知らせ*************************/
.news_article_area{
	margin-bottom: 70px;
}
.news_article_section{
	width: 95%;
	margin: 0 auto;
}
.news_article_contents{
	width: 100%;
}
.news_article_contents .news_article_contents_title{
	font-size: 16px;
	font-weight: bold;
	color: #6D5E56;
	background: #EFEAE4;
	border-top: 1px solid #9e9e9e;
	border-left: 1px solid #9e9e9e;
	border-right: 1px solid #9e9e9e;
	position: relative;
	padding: 8px 10px;
}
.news_article_contents .news_article_contents_subtitle{
	color: #666;
	border-top: 1px solid #9e9e9e;
	border-left: 1px solid #9e9e9e;
	border-right: 1px solid #9e9e9e;
	font-size: 14px;
	position: relative;
	text-align: right;
	padding: 5px 10px;
}
.news_article_contents .news_article_contents_detail {
	border-left: 1px solid #9e9e9e;
	border-right: 1px solid #9e9e9e;
	border-bottom: 1px solid #9e9e9e;
	padding: 5px 10px 10px;
	margin-bottom: 50px;
}

.article_pager{
	text-align: center;
}
.article_pager span{
	padding: 0 5px;
}
.article_pager span a:hover{
	color: #958173;
}
	
/*************************購入直後アンケートのご案内*************************/
.election_area {
	width: 100%;
}
.election_area dt {
	font-size: 16px;
	font-weight: bold;
	color: #6D5E56;
	background: #E7F1F0;
	padding: 10px;
	text-align: center;
}
.election_area dd {
	padding: 15px;
	margin-bottom: 50px;
	border-left: 3px solid #E7F1F0;
	border-right: 3px solid #E7F1F0;
	border-bottom: 3px solid #E7F1F0;
	color: #6D5E56;
}
	.election_area dd .election_text{
		margin-bottom: 20px;
	}
	.election_area dd .election_box{
		width: 220px;
		margin: 0 auto;
		background: #E7F1F0;
		padding: 20px;
		border-radius: 10px;
	}
	.election_area dd .election_box p{
		font-size: 16px;
		width: 140px;
		margin: 1px auto;
		display: flex;
		justify-content: space-between;
	}
	.election_btn{
		position: relative;
		width: 240px;
		transition: 0.5s;
		text-align: center;
		margin: 10px auto;
	}
	.election_btn a{
		display: block;
		width: 100%;
		height: 100%;
		border-radius: 50px;
		background: #6A9391;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		padding: 15px;
		box-shadow: 0 4px 15px rgba(0,0,0,.2);
		text-align: center;
	}
	.election_btn a:hover{
		opacity: 0.7;
	}
	.election_btn::after {
		transition: 0.3s;
		content: "";
		width: 0.6em;
		height: 0.6em;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 20px;
		margin: auto;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	
}