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

/*
Theme Name: 株式会社 煌工房 様 202510
Version: 1.3
Author: k-design
*/

@import url(css/post.css);

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border:0;
	font-family:inherit;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline;
}

body, html{width:100%;}
html{scroll-padding-top:160px;}

body{
	font-size:100%;
	line-height:1.6;
	font-family:"Noto Sans JP";
	font-weight: 600;
	overflow-y: scroll;
}

.home{background:#E4E3DC url("image/bg.png?202403071335") repeat-x center 0;}

ol, ul {
	list-style:none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

caption, th, td {
	font-weight:normal;
	text-align:left;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
    content:none;
}

blockquote, q {
    quotes:none;
}

a {
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

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

a img {
	border: 0;
}

a:hover img,
a:active img{
	-moz-opacity:0.8;
	opacity:0.8;
	filter:alpha(opacity=80);
}

hr{
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select{
    vertical-align:middle;
}

/* パンくずリスト */

.bread_crumbs{
	padding:8px 0;
	font-size:12px;
	clear:both;
}

.bread_crumbs li{
	margin-right:3px;
	display:inline;
	color:#333333;
}

.bread_crumbs li a{
	color:#333333;
}

/* 注意 */

.red{color:#FF0000;}
.new_mark{margin-left:16px;color:#E72A26;}

/* text */
.txt_r{text-align:right;}
.txt_c{text-align:center;}

/* alignleft */
.alignleft{margin:0 16px 16px 0;float:left;}
.alignright{margin:0 0 16px 16px;float:right;}

/* ===== Navigation ===== */
.navigation{
	margin-bottom:30px;
	padding-bottom:10px;
	line-height:18px;
	overflow:hidden;
	clear:both;
	border-bottom:1px dotted #CCCCCC;
}

.nav-previous{
	float:left;
	width:40%;
}

.nav-next{
	float:right;
	text-align:right;
	width:40%;
}

.wp-pagenavi {margin-bottom:40px;clear: both;text-align:center;}

.wp-pagenavi a, .wp-pagenavi span {
	color: #001433;
	background-color: #FFFFFF;
	padding: 8px 15px;
	margin: 0 2px;
	white-space: nowrap;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: center;
	text-decoration: none;
	border: thin dotted #001433;
	display: inline-block;
}

.wp-pagenavi a:hover{
	color: #fff;
	background-color: #001433;
}

.wp-pagenavi span.current{
	color: #fff;
	background-color: #001433;
}

/* ===== 全体 ===== */
.wrap{width:1000px;margin:0 auto;overflow:hidden;}
.l_wrap{width:1200px;margin:0 auto;}

.sub_head{
	margin-bottom:40px;
	padding:40px 0;
	background:#001433;
	text-align: center;
	color:#FFFFFF;
	font-size:18px;
}

.about .sub_head{margin-bottom:0;}

.en{font-family: 'Century Gothic';}
.clear{clear: both;}
.bg{margin-bottom:24px;padding:24px 0;background:#EAE9E2;}
.box{margin-bottom:24px;}

.pc,.tab_pc{display: block;}
.sp,.tab_sp{display: none;}
.corp_color{padding:40px 0;background:#001433;}
.bg_w{padding:40px 0;background:#FFFFFF;}
.underline{text-decoration:underline;}
.clear:after{content:"";display:block;clear:both;}
.flex_box{display:flex;justify-content:space-between;flex-wrap:wrap;}
.two_flex .item{width:45%;}
.box_link{width:100%;height:100%;position:absolute;top:0;left:0;text-indent:-9999px;white-space:nowrap;overflow:hidden;}
.google_mouth{width:300px;margin:0 auto;padding-top:40px;}

/* youtube埋め込みレスポンシブ */
.movie{height:0;padding-bottom:56.25%;position:relative;overflow: hidden;}
.movie iframe{width:100%;height:100%;position:absolute;top:0;left:0;}

ul.list_center{padding-bottom:24px;text-align:center;background-color: #001433;display:block;}
ul.list_center li{width:380px;display:inline-block;line-height:1.2;background:#FFFFFF url("image/attention.png") no-repeat left center;background-size:68px;border-radius:5px;}
ul.list_center li a{padding:16px 0;display:block;text-decoration:none;color:#333333;background:url("image/attention.png") no-repeat right center;background-size:68px;}
ul.list_center li a small{text-decoration:underline;}

.entrance{padding:32px 0;clear:both;display:block;text-align:center;}
.entrance li{width:23%;margin:0 0.8% 8px;display:inline-block;text-align:center;}
.entrance_c{margin-bottom:16px;clear:both;}
.entrance_c p{width:45%;margin:0 auto 24px;text-align:center;}
.entrance_c.ba p{width:100%;}
.entrance_c.ba p:first-of-type{margin-bottom:40px;}
.line_banner img{width:200px;}
.line_box{padding-top:24px;font-size:120%;}
.line_box p{margin-bottom:16px;}
.line_box p:nth-of-type(3){margin-bottom:0;}
.line_box p.tel{font-size:180%;}
a[href^="tel:"]{text-decoration:none;color:#000000;}

.metaslider .flexslider{margin-bottom:16px !important;padding:16px 0 !important;box-sizing:border-box;}
.flex-control-paging li a{background:#CCC !important;background:rgba(255,255,255,.5) !important;}
.flex-control-paging li a.flex-active{background:#FFF !important;background:rgba(255,255,255,.9) !important;}

.top_banner{padding:40px 0;}
.top_banner ul.flex_box{margin-bottom:32px;}
.top_banner ul.flex_box li{width:48%;}

.head_icon{display:none;}
/* ===== header ===== */
#header{padding-top:16px;background:#001433;position:sticky;top:0;z-index:99999;}
#header h1{margin-bottom:8px;font-size:13px;color:#FFFFFF;}
#logo{float:left;}

.head_tel{
	float:right;
}

.head_tel .fb{
    width:31px;
    display: inline-block;
}

.head_tel .fb img{
    width:31px;
    margin-bottom:2px;
}

/* ===== global_menu ===== */
#global_menu{padding:20px 0;clear:both;}
#global_menu ul{overflow:hidden;}
#global_menu ul li{width:calc(100% / 8);float:left;font-size:13px;text-align: center;}
#global_menu ul li a{width:100%;color:#FFFFFF;text-decoration:none;border-right:1px solid #FFFFFF;display:block;box-sizing: border-box;}
#global_menu ul li:first-of-type a{border-left:1px solid #FFFFFF;}

/* mainimage */
.mainimage{padding-bottom:180px;text-align: center;background-color:#001433;}
/* voice_con */
#voice_con .voice_con_wrap{margin-top:-180px;position:relative;overflow:inherit;}
#voice_con .voice_con_wrap .chara1{position:absolute;top:100px;left:-110px;}
#voice_con .voice_con_wrap .chara2{position:absolute;bottom:0;left:24%;}
/* free_contact */
.free_contact{margin:40px 0;padding:24px;background:#EAE9E2;}
.free_contact .free_contact_head{padding:12px 0;font-size:3.2vw;color:#FFFFFF;background:#EE7700;text-align:center;letter-spacing:0.1em;}
.free_contact .free_contact_head span{color:#001433;}
.free_contact #free_contact{padding:24px;background:#FFFFFF;}
.free_contact #free_contact dt{margin-bottom:12px;position:relative;color:#000000;}
.free_contact #free_contact dt span{padding:0 16px;position:absolute;top:0;right:0;font-size:13px;display:block;}
.free_contact #free_contact .red{color:#FFFFFF;background-color:#D90000;}
.free_contact #free_contact .blue{color:#FFFFFF;background-color:#999999;}
.free_contact #free_contact dd{margin-bottom:24px;}
.free_contact #free_contact dd input[type=text],
.free_contact #free_contact dd input[type=tel],
.free_contact #free_contact dd input[type=email]{
	width:100%;padding:15px 5px;box-sizing: border-box;background: #D6DCE5;border: none;border-radius: 3px;outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-transition: all .3s;transition: all .3s;
}
.free_contact #free_contact dd input[type=text]:focus,
.free_contact #free_contact dd input[type=tel]:focus,
.free_contact #free_contact dd input[type=email]:focus{
	box-shadow: 0 0 7px #00AECB;border: 1px solid #00AECB;box-sizing: border-box;
}
.free_contact #free_contact .submit_btn{width: 60%;margin:0 auto;}
.free_contact #free_contact .submit_btn input{width:100%;}

/* campaign */
#campaign h2{margin-bottom:40px;text-align:center;color:#001433;}
/* commendation */
#commendation p.txt_c{margin-bottom:32px;font-size:3.5vw;}
#commendation ul{margin-bottom:40px;display:flex;justify-content:space-between;flex-wrap:wrap;}
#commendation ul li{width:24%;text-align:center;}
#commendation ul.flex_box li{width:49%;}
#commendation ul.flex_box li img{width:100%;}

/* === our_work === */
#our_work{padding:40px 0;background:#001433;}

/* ===== sale ===== */
#sale .top_banner ul li.item{width:49%;}

#sale{padding:24px 0;background-color:#001433;color:#FFFFFF;}
#sale .wrap{margin-bottom:40px;}
#sale .left_box{width:20%;float:left;}
#sale .sale{width:80%;float: right;}
#sale .sale li{padding:8px 0;overflow: hidden;border-bottom:1px solid #C4C4C4;}
#sale .sale li:first-of-type{border-top:1px solid #C4C4C4;}
#sale .sale li span.entry_date{width:20%;float:left;}
#sale .sale li span.entry_tit{width:80%;float:right;}
#sale .sale li a{color:#FFFFFF;}
#sale .link{font-size:90%;}
#sale .link a{color:#CCCCCC;text-decoration:none;}
#sale .link a:hover{text-decoration:underline;}
#sale .txt_c{margin-bottom:24px;}

/* new_information */
#new_information{padding:40px 0;}
#new_information h2{margin-bottom:40px;padding:124px 0 0;color:#001433;font-size:4.2vw;background:url("image/silhouette1.png") no-repeat right bottom / contain;}
#new_information h2 span{color:#EE7700;}
#new_information ol{margin-bottom:24px;display:flex;justify-content:space-between;flex-wrap:wrap;font-size:2.2vw;}

#new_information ol li{width:32%;text-align:center;}
#new_information ol li a{padding:12px 0;display:block;background:#EE7700;border:1px solid #EE7700;border-radius:32px;box-sizing:border-box;color:#FFFFFF;text-decoration:none;transition:0.4s;}
#new_information ol li a:hover{background:#FFFFFF;color:#EE7700;}

#new_information .new_info_box{padding:16px;background:#FFFFFF;}
#new_information .new_entry_box{margin-bottom:16px;padding-bottom:16px;display:flex;justify-content:space-between;flex-wrap:wrap;border-bottom:1px dashed #333333;}
#new_information .new_entry_box:last-of-type{margin-bottom:0;padding-bottom:0;border:none;}
#new_information .new_entry_box .entry_photo{width:120px;}
#new_information .new_entry_box .entry_detail{width:calc(100% - 140px);}
#new_information .new_entry_box .entry_detail span.entry_date{display:block;}

/* ===== news ===== */
#news .left_box{width:20%;float:left;}
#news .news{width:80%;float: right;}
#news .news li{padding:8px 0;overflow: hidden;border-bottom:1px solid #C4C4C4;}
#news .news li:first-of-type{border-top:1px solid #C4C4C4;}
#news .news li span.entry_date{width:20%;float:left;}
#news .news li span.entry_tit{width:80%;float:right;}
#news .news li a{color:#333333;}
#news .link{font-size:90%;}
#news .link a{color:#001433;text-decoration:none;}
#news .link a:hover{text-decoration:underline;}
#news .link a:before{width:24px;height:24px;margin-right:16px;content:"";display:inline-block;vertical-align:middle;background:url("image/arrow.svg") no-repeat;}

#news .news dl{margin-bottom:12px;padding-bottom:12px;border-bottom:1px dotted #C4C4C4;}
#news .news dl dt{width:120px;}
#news .news dl dd{width:calc(100% - 140px);}
#news .news dl dd a{color:#333333;}


.news.bg_white{padding:8px 16px;background-color:#FFFFFF;border-radius:5px;box-sizing:border-box;}
.news.bg_white li:first-of-type{border-top:0!important;}
.news.bg_white li:last-of-type{border-bottom:0!important;}

/* ===== contents ===== */

#contents{
	margin-bottom:50px;
}

.home #contents{
	margin:40px auto;
}

#contents h2{margin-bottom:8px;font-size:180%;}

/* concept */

.concept h3{
	margin-bottom:24px;
	font-size:130%;
	font-weight: 600;
}

.concept .left_box{
	width:600px;
	float:left;
	clear: both;
}

.concept .right_box{
	width:380px;
	margin-bottom:40px;
	float:right;
}

.concept .left_box2{
	width:380px;
	margin-bottom:24px;
	float:left;
}

.concept .right_box2{
	width:600px;
	float:right;
	clear: both;
}

.mb_p{margin-bottom:120px;}
/* work */
#work{padding:40px 0;}
#work .top_up{width:60%;margin:0 auto 24px;}
#work h2{margin-bottom:16px;text-align: center;}
#work p{margin-bottom:24px;text-align: center;}
#work .work_box{margin-bottom:40px;}
#work .work_box .before_box{width:48%;position:relative;display:flex;flex-direction:column;}
#work .work_box .before_box .work_date{color:#D33E0E;}
#work .work_box .before_box h3{margin-bottom:16px;}
#work .work_box .before_box h3 a{color:#001433;text-decoration: none;}
#work .work_box .before_box h3 a:hover{text-decoration: underline;}
#work .work_box .before_box p.more{margin-top:auto;background:#FFFFFF;font-size:12px;text-align:center;}
#work .work_box .before_box p.more a{padding:4px 0;color:#001433;text-decoration:none;border:1px solid #001433;display:block;transition:0.4s;}
#work .work_box .before_box:hover p.more a{background:#001433;color:#FFFFFF;}

#work .works_list{margin:-24px 0 24px;text-align:center;}
#work .works_list h4{margin-bottom:16px;}
#work .works_list nav{display:block;}
#work .works_list ul{margin-bottom:40px;}
#work .works_list ul li{margin:0 0 8px;display:inline-block;}
#work .works_list ul li:after{margin:0 32px;content:"/";display:inline-block;}
#work .works_list ul li:last-of-type:after{display:none;}
#work .works_list ul li a{color:#333333;}
#work .works_list ul.work_area li:after{margin:0 16px;content:"・";}

/* nth-of-type(even) */
#work .work_box:nth-of-type(even) .before_box{padding-left:11px;float:left;position: relative;}
#work .work_box:nth-of-type(even) .before_box .photo .before{left:0;}
#work .work_box:nth-of-type(even) .before_box .photo .before img{margin-left:-10px;}
#work div.btn, #flow div.btn2{width:360px;margin:0 auto;}
#work div.btn a, #flow div.btn2 a{width:100%;padding:16px 0;text-align: center;display: block;background:#001433;color:#FFFFFF;text-decoration: none;border:2px solid #001433;}
#work div.btn a:hover{background:none;color:#001433;}

/* works_voice */
#works_voice{background:#E4E3DC;}
#works_voice .works_bg_white{background:#FFFFFF;text-align:center;}
#works_voice .works_bg{margin-top:-194px;}

/* work */
.single-works-info #work{padding:40px 0;}
.single-works-info #work h2{margin-bottom:16px;text-align: center;}
.single-works-info #work p{margin-bottom:24px;text-align: center;}
.single-works-info #work .work_box{margin-bottom:40px;position: relative;z-index: 999;display:flex;justify-content:space-between;flex-wrap:wrap;}
.single-works-info #work .work_box .after_box{width:660px;position: relative;}
.single-works-info #work .work_box .after_box .after{position: absolute;left:0;bottom:24px;}
.single-works-info #work .work_box .after_box .photo{margin-bottom:0;padding-left:11px;}
.single-works-info #work .work_box .after_box .photo img{width:100%;}
/* nth-of-type(even) */
.single-works-info #work .work_box:nth-of-type(even) .after_box{float:right;}
.single-works-info #work .work_box:nth-of-type(even) .after_box .after{left:0;}
.single-works-info #work .work_box .before_box{width:300px;display:flex;}
.single-works-info #work .work_box .before_box .work_date{color:#D33E0E;}
.single-works-info #work .work_box .before_box h3{margin-bottom:16px;}
.single-works-info #work .work_box .before_box h3 a{color:#001433;text-decoration: none;}
.single-works-info #work .work_box .before_box h3 a:hover{text-decoration: underline;}
.single-works-info #work .work_box .before_box p{margin-bottom:0;text-align: left;}
.single-works-info #work .work_box .before_box .photo{margin-top:auto;position: relative;}
.single-works-info #work .work_box .before_box .photo .before{margin-bottom:0;position: absolute;	left:-11px;bottom:24px;}

/* === ピックアップ === */
#our_work .our_work_wrap{margin-bottom:24px;position:relative;}
#our_work .our_work_wrap .our_work_img{width:65%;margin-right:auto;}
#our_work .our_work_wrap .our_work_img img{width:100%;}
#our_work .our_work_wrap:nth-of-type(odd) .our_work_img{margin-right:inherit;margin-left:auto;}
#our_work .our_work_wrap .our_work_detail{width:42%;padding:16px;background:rgba(255,255,255,0.8);position:absolute;top:50%;right:0;transform:translateY(-50%);box-sizing:border-box;}
#our_work .our_work_wrap:nth-of-type(odd) .our_work_detail{right:inherit;left:0;}
#our_work .our_work_wrap .our_work_detail .our_catch_copy{margin-bottom:8px;font-size:21px;color:#D33E0E;}
#our_work .our_work_wrap .our_work_detail h3{margin-bottom:12px;}
#our_work .our_work_wrap .our_work_detail .our_work_date{color:#D33E0E;}

/* お客様の声 */
#voice .bg_w{padding-bottom:0;}
#voice_box{padding:40px 0;background-color:#001433;}
#voice_box h2{margin-bottom:24px;text-align:center;color:#FFFFFF;}
#voice_box .voice{margin-bottom:24px;}
#voice_box .item{padding:16px;background-color:#FFFFFF;position:relative;}
#voice_box .item:hover{background-color:#EFEFEF;}
#voice_box .item span{display:block;}
#voice_box .voice_photo{width:180px;margin-right:16px;float:left;transform: rotate(-2deg);}
#voice_box .voice_des{margin-bottom:16px;}
#voice_box .voice_title{text-align:right;color:#E0560C;}
#voice_box .item a{width:100%;height:100%;position:absolute;top:0;left:0;text-indent:-9999px;white-space:nowrap;overflow:hidden;}
#voice_box .link{width:100%;margin:0 auto 24px;text-align:center;}
#voice_box .link a{width:100%;padding:16px 0;color:#FFFFFF;text-decoration:none;box-sizing:border-box;display:block;background-color:#D33E0E;}
#voice_box .link a:hover{background-color:#FFFFFF;color:#001433;}
#voice ul.flex_box{margin-bottom:40px;}
#voice ul.two_flex li{width:48%;}

.category #contents{width:1000px;}
.category #voice_box{background-color:inherit;}
.category #voice_box .item{margin-bottom:16px;border:2px solid #001433;}

/* 20240119追加 */
#blog_category{padding:48px 0 72px 0;background:#E4E3DC;}
#blog_category .blog_cat_title{margin-bottom:40px;padding:16px 16px 16px 32px;background:linear-gradient(45deg, #C65E06, transparent);font-size:34px;color:#FFFFFF;}
#blog_category .blog_cat_box .item{margin-bottom:32px;padding:10px 3% 16px 8px;position:relative;z-index:1;}
#blog_category .blog_cat_box .item::after{width:130px;height:130px;display:block;content:"";position:absolute;top:50%;transform:translateY(-50%);right:2%;background:no-repeat center center / 140px;pointer-events:none;}
#blog_category .blog_cat_box .item:nth-of-type(1)::after{background-image:url("image/blog_category/blog_category01.png");}
#blog_category .blog_cat_box .item:nth-of-type(2)::after{background-image:url("image/blog_category/blog_category02.png");}
#blog_category .blog_cat_box .item:nth-of-type(3)::after{background-image:url("image/blog_category/blog_category03.png");}
#blog_category .blog_cat_box .item:nth-of-type(4)::after{background-image:url("image/blog_category/blog_category04.png");}
#blog_category .blog_cat_box .item:nth-of-type(5)::after{background-image:url("image/blog_category/blog_category05.png");}
#blog_category .blog_cat_box .item:nth-of-type(6)::after{background-image:url("image/blog_category/blog_category06.png");}
#blog_category .blog_cat_box .item:nth-of-type(7)::after{background-image:url("image/blog_category/blog_category07.png");}
#blog_category .blog_cat_box .item:nth-of-type(8)::after{background-image:url("image/blog_category/blog_category08.png");}
#blog_category .blog_cat_box .item:nth-of-type(9)::after{background-image:url("image/blog_category/blog_category09.png");}
#blog_category .blog_cat_box .item:nth-of-type(10)::after{background-image:url("image/blog_category/blog_category10.png");}
#blog_category .blog_cat_box .item dl{width:90%;padding:8px 16% 8px 8px;box-sizing:border-box;background:#FFFFFF;}
#blog_category .blog_cat_box .item dl dt{font-size:18px;color:#DA2A00;}
#blog_category .blog_cat_box .item dl dd{font-size:15px;}

/* おすすめ人気メニュー */
#popular{padding:40px 0;}
#popular h2{margin-bottom:16px;text-align:center;}
#popular h2:first-letter{color:#D33E0E;}
#popular .s_wrap{max-width:800px;margin:0 auto;}
#popular .s_wrap .flex_box{margin-bottom:40px;}
#popular .s_wrap .flex_box .item{width:48%;margin-bottom:24px;}
#popular .s_wrap ul{max-width:640px;margin:0 auto 40px;}
#popular .s_wrap ul li{padding:8px 12px;color:#001433;border-bottom:1px dotted #001433;font-size:14px;}
#popular .s_wrap ul li span{float:right;}
#popular .btn_dsn1{width:80%;margin:0 auto;}
#popular .btn_dsn1 a{padding:12px 0;font-size:120%;font-weight:600;text-align:center;color:#001433;text-decoration:none;display:block;border:2px solid #001433;transition:0.4s;}
#popular .btn_dsn1 a:hover{background:#001433;color:#FFFFFF;}

/* 取扱いメーカー */
#manufacturer .box{margin-bottom:40px;}
#manufacturer .box p{margin-bottom:16px;}
#manufacturer h2{margin-bottom:16px;text-align:center;}
#manufacturer h2:first-letter{color:#D33E0E;}
#manufacturer li{width:23%;margin:8px 0;}
#manufacturer li img{width:100%;}

/* 流れ */
#flow .flow{margin-bottom:64px;}
#flow h2{margin-bottom:24px;text-align:center;}
#flow .flow p{margin-bottom:40px;}
#flow .flow p:last-of-type{margin-bottom:64px;}

#flow div.btn2 a{
	background:none;
	color:#001433;
	border:2px solid #001433;
}

#flow div.btn2 a:hover{
	background:#001433;
	color:#FFFFFF;
}
#flow .entrance li{width:31%;margin:0 1%;}

/* ===== footer ===== */
.sale_fix{width:70px;position:fixed;bottom:26%;right:0;z-index:99999;}
.con_fix{width:180px;position:fixed;bottom:2%;right:0;z-index:999;}

#footer{
	clear:both;
	background:#E4E3DC;
}

#footer .f_acc{
	padding:24px 0;
}

/* トップページ */

#footer .f_acc h3{
	margin-bottom:16px;
	color:#001433;
	font-size:30px;
}

#footer .f_access{
	width:630px;
	float:left;
}

#footer .acc{
	width:340px;
	float:right;
	text-align: center;
	color:#001433;
}

#footer .acc h3,
#footer .acc p{
	margin-bottom:16px;
}

#footer .acc dl{
	font-size:90%;
	text-align: left;
}

#footer .acc dl dd{
	margin-bottom:16px;
}

#footer .acc p.tel{
	font-size:30px;
	display: inline-block;
	border-bottom:2px solid #001433;
}

/* 配下ページ用 */
#footer .f_acc .f_logo{margin:0 auto 24px;text-align:center;clear:both;}
.home #footer .f_acc .f_logo{padding-top:24px;}
#footer .f_acc .f_menu{padding-top:16px;}

#footer .f_acc .f_menu ul{display:block;text-align:center;}
#footer .f_acc .f_menu ul li{margin:0 16px 8px;display:inline-block;}
#footer .f_acc .f_menu ul li a{
	padding:0 8px;
	display: block;
	color:#333333;
	text-decoration: none;
	font-weight: 600;
}
#footer .f_acc .f_menu ul li a:hover{color:#001433;}

#footer div.copy{padding:8px 0;font-size:11px;background:#001433;color:#FFFFFF;}
#footer div.copy .alignleft,#footer div.copy .alignright{margin-bottom:0;}
#footer div.copy ul:after{content:"";display:block;clear:both;}
#footer div.copy ul li{margin-left:16px;float:left;}
#footer div.copy ul li.banner{width:180px;height:42px;}
#footer div.copy ul li.fb{width:41px;}
#footer div.copy .alignleft{padding-top:16px;}

#footer div.copy ul.sns_list_center{margin-bottom:16px;padding-top:16px;display:block;text-align:center;}
#footer div.copy ul.sns_list_center li{margin:0 8px;display:inline-block;float:none;}
#footer div.copy p.txt_c:nth-of-type(1){width:180px;margin:0 auto 16px;}
#footer div.copy p.txt_c:nth-of-type(2){width:160px;margin:0 auto 24px;}

/* ===== 施工事例 ===== */

.works_list_box dl{
	margin-bottom:24px;
	overflow: hidden;
	border:1px solid #D1D1D1;
	position:relative;
}

.works_list_box dl dt{
	width:240px;
	float:left;
}

.works_list_box dl dd{
	width:720px;
	margin-bottom:0;
	padding:8px;
	float:right;
	box-sizing: border-box;
	font-size:16px;
}

.works_list_box dl dd span.works_date{
	color:#D33E0E;
}

.works_list_box dl dd p{
	margin-bottom:8px !important;
}

.works_list_box dl dd p.works_tit,
.works_list_box dl dd p.more{
	color:#001433;
}

.works_list_box dl dd p.works_des{
	color:#333333;
}

.works_list_box dl dd p.more{
	margin-right:8px;
	font-size:13px;
}

.works_list_box dl dd p.more i{
	margin-right:4px;
}

.works_list_box dl dd p.more a{
	text-decoration: none;
}

.works_list_box dl dd p.more:hover i{
	margin-right:0;
}

.works_list_box dl dd p.more:hover a{
	text-decoration: underline;
}

/* 選ばれる理由 */
.reason #contents{margin-bottom:0;}
.reason #contents .post ul{margin:0;overflow:hidden;}
.reason #contents .post ul li{width:23%;margin:0 1% 24px;float:left;list-style:none;}

.home #reason_box{margin-top:40px;}
#reason_box .reason_list_box{margin-bottom:40px;}
#reason_box .reason_list_box{width:49%;margin-bottom:2%;background:#001433;display:flex;justify-content:space-between;flex-wrap:wrap;}
#reason_box .reason_list_box .reason_list_img{width:200px;}
#reason_box .reason_list_box .reason_list_detail{width:calc(100% - 240px);padding:16px 0;color:#FFFFFF;}
#reason_box .reason_list_box .reason_list_detail dt{margin-bottom:8px;padding:0 20px 8px 0;border-bottom:1px solid #E33E11;font-size:21px;font-weight:600;}
#reason_box .reason_list_box .reason_list_detail dd{padding-right:20px;font-size:15px;}

/* blog_box */
.blog_box{padding:16px 0 0;}
.blog_box h2 span.red{color:#E72A26;}
.blog_box .blog_box_area{margin-bottom:40px;padding-left:280px;background:url("image/silhouette1.png?202005041353") no-repeat 0 bottom / 240px;}
.blog_box .blog_box_area:first-of-type{padding-top:40px;}
.blog_box .blog_box_area:last-of-type{background-image:url("image/silhouette2.png?202005041353");background-size:200px;background-position:left 40px center;}
.blog_box ul{margin-bottom:8px;}
.blog_box ul li{margin:0;padding:8px 0;border-bottom:1px dotted #999999;list-style:none;}
.blog_box ul li:first-of-type{border-top:1px dotted #999999;}
.blog_box ul li .entry_photo{display:none;}
.blog_box ul li .entry_detail{display:flex;justify-content:space-between;flex-wrap:wrap;}
.blog_box ul li span.entry_date{width:140px;}
.blog_box ul li span.entry_tit{width:calc(100% - 140px);}
.blog_box ul li a{color:#333333;}
.blog_box .link{margin-bottom:40px;text-align:right;}
.blog_box .link a{color:#002764;text-decoration:none;}

/* color_simulation */
.color_simulation #contents .wrap p:last-of-type{margin-bottom:48px;}

/* drone */
.drone #contents p{margin-bottom:32px;}
.drone #contents h2{max-width:640px;margin:0 auto 16px;}
.drone #point{margin-bottom:40px;padding:40px 0 24px;background:#D9D9D9;}
.drone #point dt{padding:24px 0 16px 210px;background:no-repeat 0 0;background-size:200px;color:#001433;font-size:140%;text-decoration:underline;}
.drone #point dt:nth-of-type(1){background-image:url("image/drone/drone_3.png");}
.drone #point dt:nth-of-type(2){background-image:url("image/drone/drone_4.png");}
.drone #point dt:nth-of-type(3){background-image:url("image/drone/drone_5.png");}
.drone #point dd{margin-bottom:40px;padding:0 80px;}
.drone .permit{max-width:800px;}
.drone ul.entrance li,.color_simulation ul.entrance li{width:30%;}

/* leakage */
.leakage #contents .des:first-of-type{margin-bottom:140px;}
.leakage #contents .bg{margin-bottom:40px;padding:120px 0 24px;background-color:#D9D9D9;position:relative;}
.leakage #contents .leakage_head{width:100%;text-align:center;position:absolute;top:-124px;left:0;}
.leakage #contents .s_wrap{max-width:800px;margin:0 auto;}

/* contact */
.contact .small_wrap{width:60%;margin:0 auto;}
.detail .wpcf7-list-item{margin:0 8px 12px 0;}
.detail label{margin-right:2px;}
.detail label input{display: none;}
.detail label span{padding:5px 20px;color:#333;font-size:14px;border:1px solid #333;border-radius:20px;cursor:pointer;display:inline-block;}
.detail label input:checked + span{color:#FFF;background:#001433;border: 1px solid #001433;}
/*  */
.banner_center{max-width:800px;margin:0 auto;display:block;text-align:center;}
.banner_center li{margin:0 16px;display:inline-block;width:40%;}
/* price-reason */
.price-reason .sub_head{margin-bottom:0;}
.price-reason .reason_concept{margin-bottom:24px;background:#E4E3DC;text-align:center;}
.reason_box .reason_img{width:32%;margin-bottom:24px;}
.reason_box .reason_detail{width:64%;margin-bottom:24px;}
.reason_box:nth-of-type(odd) .reason_img{order:2;}
.reason_box:nth-of-type(odd) .reason_detail{order:1;}
.reason_box:nth-of-type(odd) .reason_detail h3{text-align:right;}
.reason_box .reason_detail h3{margin-bottom:16px;font-size:32px;font-weight:700;line-height:1;}
.reason_box .reason_detail h3:first-letter{font-size:60px;color:#EE7700;}
.reason_box .reason_detail h3 span{font-size:60px;}
.reason_box .reason_detail p{font-size:calc((100vw - 320px) / 140 + 14px);line-height:1.4;}
.price-reason .reason_footer{margin-bottom:24px;}
/* price */
.price .sub_head{margin-bottom:0;background:#E4E3DC;color:#001433;}
.price .sub_head h2{font-weight:700;}
.price #contents{margin-bottom:0;background:#E4E3DC;}
.price #contents .wrap{background:#E4E3DC;overflow:inherit;}
.price .price_box:first-of-type{margin-top:-40px;}
.price .price_box dl{max-width:820px;margin:0 auto 40px;border:1px solid #001433;display:flex;justify-content:space-between;flex-wrap:wrap;}
.price .price_box dl dt{width:120px;background:#001433;color:#FFFFFF;display:flex;justify-content:center;align-items:center;}
.price .price_box dl dd{width:calc(100% - 120px);padding:16px 24px;box-sizing:border-box;background:#FFFFFF;}
.price .price_box ul{margin-bottom:40px;}
.price .price_box ul li{padding:12px 24px;display:flex;justify-content:space-between;flex-wrap:wrap;border-bottom:4px solid #001433;color:#001433;}
.price .price_box ul li.owner{background:url("image/price/pack_icon2.svg") no-repeat left top 8px / 52px;}
.price .price_box ul li.popular{background:url("image/price/pack_icon1.svg") no-repeat left top 8px / 52px;}
.price .price_box ul li .price_name{width:calc((100% - 240px) / 2);text-align:center;font-size:21px;line-height:1.4;}
.price .price_box ul li .price_name small{display:block;font-size:14px;}
.price .price_box ul li .price_detail{width:calc((100% - 240px) / 2);text-align:center;padding:4px 0;display:flex;justify-content:center;align-items:center;}
.price .price_box ul li .price_detail span{background:linear-gradient(transparent 60%, #ff6 60%);}
.price .price_box ul li .price_box{width:200px;text-align:center;font-size:42px;font-weight:700;line-height:1;}
.price .price_box ul li .price_box small{font-size:21px;}
.price .price_box ul li .price_box span{margin-top:8px;display:block;font-size:13px;text-align:left;}
.price #popular .txt_c{margin-bottom:24px;}
.price #popular .txt_c img{max-width:320px;}

/* オンラインショールーム */
.online_showroom .sub_head{margin-bottom:0;}
.online_showroom #contents{margin-bottom:0;}
.online_showroom .catch{margin-bottom:0;font-size:140%;}
.online_showroom .bg_line{background:linear-gradient(transparent 0, #FFFF00 20%);}
#showroom_link{padding:48px 0;background:#001433;color:#FFFFFF;text-align:center;}
#showroom_link h3{margin-bottom:24px;font-size:140%;}
#showroom_link p{width:480px;margin:0 auto 40px;}

/* PREMATEX */
.prematex #contents{margin-bottom:0;}
.prematex #contents .about{padding-bottom:24px;text-align:center;}
.prematex #contents .about p{margin-bottom:24px;}
.prematex #contents .about h3{margin-bottom:24px;}
.prematex #contents .bg{margin-bottom:0;padding:40px 0;}
.prematex #contents .l_wrap{margin-bottom:40px;position:relative;}
.prematex #contents .l_wrap:after{width:100%;height:60px;margin:0 0 -8px;background:#001433;content:"";display:block;position:absolute;bottom:0;left:0;}
.prematex #contents .l_wrap ul{margin-bottom:8px;display:flex;justify-content:space-between;position:relative;z-index:999;}
.prematex #contents .l_wrap ul li{padding-top:98px;text-align:center;background:no-repeat center top;}
.prematex #contents .l_wrap ul li:nth-of-type(1){width:15%;background-image:url("image/prematex/tateil_logo.png");background-size:98%;}
.prematex #contents .l_wrap ul li:nth-of-type(2){width:25%;order:3;background-image:url("image/prematex/integralcoat_logo.png");background-size:98%;}
.prematex #contents .l_wrap ul li:nth-of-type(3){width:60%;order:2;background-image:url("image/prematex/ultrapaint_logo.png");}
.prematex #contents .bg dl{padding:24px;background:#FFFFFF;display:none;}
.prematex #contents .bg dl dt{margin-bottom:12px;padding-bottom:12px;font-weight:600;border-bottom:1px solid #000000;}
.prematex #contents .bg dl dd{font-size:14px;font-weight:normal;}
.prematex #contents .bg dl dd p{margin-bottom:40px;}
.prematex #contents .bg dl dd .btn_dsn1{width:300px;margin:0 auto;}
.prematex #contents .bg dl dd .btn_dsn1 a{padding:12px 0;font-size:120%;font-weight:600;text-align:center;text-decoration:none;display:block;border:2px solid #001433;transition:0.4s;background:#001433;color:#FFFFFF;}
.prematex #contents .bg dl dd .btn_dsn1 a:hover{background:#FFFFFF;color:#001433;}
/* tateil2 */
.tateil2 .sub_head{margin-bottom:0;}
.tateil2 #contents{margin-bottom:0;background:#000000;color:#FFFFFF;}
.tateil2 #contents h4{text-align:center;font-size:18px;}
.tateil2 #contents h4:after{width:80px;margin:8px auto 48px;content:"";display:block;border-bottom:1px solid #FFFFFF;}
.tateil2 #contents section{padding:40px 0;}
.tateil2 #about h3{margin-bottom:40px;text-align:center;}
.tateil2 #about p{font-size:14px;}
.tateil2 #feature .feature_detail{width:38%;padding-top:200px;}
.tateil2 #feature .feature_detail dt{margin-bottom:8px;padding-bottom:12px;border-bottom:1px solid #FFFFFF;font-size:15px;}
.tateil2 #feature .feature_detail dd{margin-bottom:24px;font-size:13px;font-weight:normal;}
.tateil2 #feature .feature_img{width:20%;padding-top:220px;background:url("image/tateil2/feature_logo.png") no-repeat center top / 100%;text-align:center;}
.tateil2 #feature .feature_img img{width:90%;}
.tateil2 #hrc ol{margin-bottom:64px;text-align:center;}
.tateil2 #hrc dl dt{margin-bottom:8px;padding-bottom:12px;font-size:18px;border-bottom:1px solid #FFFFFF;}
.tateil2 #hrc dl dd{margin-bottom:64px;font-size:13px;font-weight:normal;}
.tateil2 #hrc dl dd p{margin-bottom:16px;}
.tateil2 #hrc .item h5{margin-bottom:16px;font-size:18px;}
.tateil2 #hrc .item p{font-size:14px;}
.tateil2 #performance .performance_detail{width:56%;}
.tateil2 #performance .performance_img{width:40%;}
.tateil2 #performance h5{margin-bottom:16px;font-size:15px;}
.tateil2 #performance p{margin-bottom:24px;font-size:15px;}
.tateil2 #performance p.txt_c{font-size:21px;}
/* ultra-paint */
.ultra-paint .s_wrap{width:800px;margin:0 auto;}
.ultra-paint #contents section{padding:40px 0;}
.ultra-paint #lineup h3{font-size:24px;text-align:center;}
.ultra-paint #lineup h3 small{font-size:13px;font-weight:normal;display:block;}
.ultra-paint #lineup h3:after{width:80px;margin:0 auto 40px;padding-bottom:12px;content:"";display:block;border-bottom:1px solid #001433;}
.ultra-paint #lineup dl{width:48%;margin-bottom:4%;padding:24px;background:#FFFFFF;box-sizing:border-box;}
.ultra-paint #lineup dl dt{margin-bottom:16px;padding-bottom:8px;color:#001433;border-bottom:1px solid #001433;}
.ultra-paint #lineup dl dd{display:flex;justify-content:space-between;flex-wrap:wrap;}
.ultra-paint #lineup dl dd .item_photo{width:36%;}
.ultra-paint #lineup dl dd .item_detail{width:60%;}
.ultra-paint #lineup dl dd p{margin-bottom:16px;font-size:14px;font-weight:normal;}
.ultra-paint #detail h3{margin-bottom:40px;}
.ultra-paint #detail p{margin-bottom:24px;font-size:14px;}
.ultra-paint #detail dl dt{margin-bottom:12px;padding-bottom:8px;font-size:18px;border-bottom:1px solid #000000;}
.ultra-paint #detail dl dt:nth-of-type(3){margin-bottom:24px;color:#D90000;border-color:#D90000;}
.ultra-paint #detail dl dd p{font-size:15px;font-weight:normal;}
.ultra-paint #detail dl dd .flex_box .photo{width:200px;order:2;}
.ultra-paint #detail dl dd .flex_box p{width:calc(100% - 240px);order:1;}
/* integralcoat_detail */
.integralcoat .sub_head{margin-bottom:0;}
.integralcoat #contents section{padding:40px 0;}
.integralcoat #about{background:#A6DAD8;}
.integralcoat #about h3{margin-bottom:40px;}
.integralcoat #about .about_photo{width:32%;}
.integralcoat #about .about_detal{width:64%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.integralcoat #about .about_detal dl{width:49%;margin-bottom:2%;padding:12px;background:#FFFFFF;box-sizing:border-box;}
.integralcoat #about .about_detal dl dt{margin-bottom:12px;padding-bottom:2px;font-size:14px;border-bottom:1px solid #000000;}
.integralcoat #about .about_detal dl dd{font-size:13px;font-weight:normal;}
.integralcoat #integralcoat_detail{display:flex;justify-content:space-between;flex-wrap:wrap;}
.integralcoat #integralcoat_detail dl{width:100%;margin-bottom:24px;}
.integralcoat #integralcoat_detail dl.harf{width:48%;}
.integralcoat #integralcoat_detail dl dt{margin-bottom:16px;padding:2px 0;background:#A6DAD8;font-size:15px;text-align:center;}
.integralcoat #integralcoat_detail dl:nth-of-type(1) dt,
.integralcoat #integralcoat_detail dl:nth-of-type(2) dt{background:#E6E6E6;}
.integralcoat #integralcoat_detail dl dd p{font-size:15px;font-weight:normal;}

/* 20230207 追加 */
.service_list_box{margin-bottom:40px;}
.service_list_wrap{margin-bottom:24px;display:flex;justify-content:space-between;flex-wrap:wrap;}
.service_list_box .service_list_photo{width:50%;}
.service_list_box .service_list_detail{width:46%;margin-top:auto;}
.service_list_box .service_list_detail p{margin-bottom:12px;font-weight:500;letter-spacing:0.05em;}
.service_list_box .service_list_detail p span.pickup{font-size:21px;color:#D90000;}
.service_list_box .service_list_detail .sp_l{display:none;}
.service_list_box .service_list_wrap:nth-of-type(even) .service_list_photo{order:2;}
.service_list_box .service_list_wrap:nth-of-type(even) .service_list_detail{order:1;}
.service_list_box .service_list_detail .service_list_btn{width:174px;margin-bottom:24px;}

.send_box .waku{margin-bottom:40px;text-align:center;}

/* 20230805 追加 */
#work_category_box #tabMenua{margin-bottom:24px;display:flex;justify-content:space-between;flex-wrap:wrap;}
#work_category_box #tabMenua li{width:32%;text-align:center;}
#work_category_box #tabMenua li a{padding:12px 0;display:block;background:#EE7700;border:1px solid #EE7700;border-radius:32px;box-sizing:border-box;color:#FFFFFF;text-decoration:none;transition:0.4s;}
#work_category_box #tabMenua li a:hover,#work_category_box #tabMenua li a.select{background:#FFFFFF;color:#EE7700;}

#work_category_box #tabBox1,#work_category_box #tabBox2,#work_category_box #tabBox3{display:none;}

#work_category_box #tabBoxesa ul{margin-bottom:40px;}
#work_category_box #tabBoxesa ul li{margin:0 6px 6px 0;display:inline-block;}
#work_category_box #tabBoxesa ul li a{padding:4px 8px;display:inline-block;background:#016cb5;border:1px solid #016cb5;box-shadow:0 0 0 2px #FFF inset;color:#FFFFFF;font-weight:bold;text-decoration:none;}

.table_box__wrap table.table_box th,
.table_box__wrap table.table_box td{padding:6px 12px;border:1px solid #5F90A7;}
.table_box__wrap table.table_box th{background:#E7EAED;}

@media screen and (min-width: 1201px) {
	/* commendation */
	#commendation p.txt_c{font-size:40px;}
	/* new_information */
	#new_information h2{font-size:50px;}
	#new_information ol{font-size:16px;}
}
@media screen and (min-width: 981px) {
	#global_menu{display:block !important;}
	#global_menu_sp{display:none !important;}
}
@media screen and (min-width: 801px) {
	a[href^="tel:"]{pointer-events:none;cursor:default;text-decoration: none;}
}

@media screen and (max-width: 1200px) {
	.l_wrap{width:94%;}

	/* PREMATEX */
	.prematex #contents .l_wrap:after{display:none;}
	.prematex #contents .l_wrap ul{flex-wrap:wrap;justify-content:center;}
	.prematex #contents .l_wrap ul li{position:relative;}
	.prematex #contents .l_wrap ul li:nth-of-type(1){width:25%;margin:0 16px 40px;background-size:98%;}
	.prematex #contents .l_wrap ul li:nth-of-type(2){width:25%;margin:0 16px 40px;order:2;background-size:98%;}
	.prematex #contents .l_wrap ul li:nth-of-type(3){width:100%;order:3;}
	.prematex #contents .l_wrap ul li:after{width:100%;height:60px;margin:0 0 -8px;background:#001433;content:"";display:block;position:absolute;bottom:0;left:0;z-index:-1;}
}

@media screen and (max-width: 1024px) {
    .wrap{width:94%;}
	.home{background:none;background-color:#E4E3DC;}
	.blog_box{width:94%;margin:0 3%;}
	/* works_voice */
	#works_voice .works_bg{margin-top:-19%;}
}

@media screen and (max-width: 980px) {
	@supports (-webkit-touch-callout: none) {
		html{
			height: -webkit-fill-available;
		}
		body{
			min-height: 100vh;
			min-height: -webkit-fill-available;
		}
	}
	
	.category #contents{width:94%;}
	.alignleft,.alignright{float:none;}
	.nav-previous,.nav-next{float:none;width:100%;text-align:left;}
    .pc{display: none;}
    .sp{display:block;}
	.two_flex .item{width:100%;margin-bottom:16px;}
	.entrance li{width:30%;}
	
	#header{padding:0;}
	#logo{width:50%;position:relative;z-index:999999;}
	.head #fb{width: 40px;height: 40px;margin:4px 0 8px 4px;position:relative;float:right;z-index:999999;}
	.head .fb{width:100%;display: block;position: absolute;z-index: 999;}
    .head .fb img{width:100%;}
    
	/* ===== global_menu ===== */
	#global_menu{display:none;}
	#global_menu_sp{width:100%;margin:0;padding:18px 0 0;background:none;}
	#global_menu_sp ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
	#global_menu_sp ul:after{width:31%;display:block;content:"";}
	#global_menu_sp ul li:nth-of-type(1),#global_menu_sp ul li:nth-of-type(2),#global_menu_sp ul li:nth-of-type(3){border-top:1px dotted #CCCCCC;}
	#global_menu_sp ul li{width:31%;float:none;border:none;border-bottom:1px dotted #CCCCCC;font-size:13px;text-align: center;}
	#global_menu_sp ul li a{width:100%;height:inherit;padding:12px 0;display:block;font-size:100%;text-indent:inherit;color:#FFFFFF;text-decoration:none;box-sizing: border-box;}
	#global_menu_sp ul li.menu1 a{width:100%;}
	#global_menu_sp .sp_banner{margin-bottom:12px;display:flex;justify-content:space-between;flex-wrap:wrap;}
	#global_menu_sp .sp_banner li{width:48%;margin-bottom:12px;}
	#global_menu_sp .sp_banner li:nth-of-type(3),#global_menu_sp .sp_banner li:nth-of-type(4),#global_menu_sp .sp_banner li:nth-of-type(5){width:32%;}
	#global_menu_sp .sp_banner li.three_box{display:flex;justify-content:space-between;flex-wrap:wrap;}
	#global_menu_sp .sp_banner li.three_box .item{width:31%;}
	
	.overlayMenuBtn{width: 40px;height: 40px;margin:4px 0 8px 0;border-radius: 1px;position:relative;display:block;float:right;background:#FFFFFF url("image/menu-sp.svg") no-repeat;cursor:pointer;z-index:999999;}
	.overlayMenuBtn span{
		width: 14px;
		margin-left:-7px;
		position: relative;
		left:50%;
		display: block;
		border: 1px solid #001433;
		transition: .5s;
		background-color:#001433;
	}
	.overlayMenuBtn span:nth-child(1){top: 8px;}
	.overlayMenuBtn span:nth-child(2){top: 12px;}
	.overlayMenuBtn span:nth-child(3){top: 16px;}
	.open .overlayMenuBtn span{
		border:2px solid #FFFFFF;
	}

	.overlayMenu{display: none;position: fixed;width: 100%;height: 100vh;overflow: auto;background-color:#001433;z-index: 100000;color:#333333;top:90px;left:0;}
	.overlayMenuInner{padding:0 4% 40px;}

	.overlayMenuItem ul.sp_menu{
		margin: 20px 0 40px 0;
		padding: 0;
		list-style-type: none;
	}
	.overlayMenuItem ul.sp_menu li{border-top: 1px solid #ccc;}
	.overlayMenuItem ul.sp_menu li:last-child{border-bottom: 1px solid #ccc;}
	.overlayMenuItem ul.sp_menu li a{
		width: 100%;
		padding: 20px 0 20px 40px;
		color: #333333;
		text-decoration: none;
		transition: .5s;
		display: block;
		box-sizing:border-box;
	}
	.overlayMenuItem ul.sp_menu li a:hover{background-color:#005FAE;color:#FFFFFF;}
	
	/* voice_con */
	#voice_con .voice_con_wrap{width:80%;}
	#voice_con .voice_con_wrap .chara1{width:16%;top:16%;left:-10%;}
	#voice_con .voice_con_wrap .chara2{width:10%;left:18%;}
	
	/* ===== news ===== */
	#sale .left_box,#sale .sale,#sale .sale li span.entry_date,#sale .sale li span.entry_tit,#news .left_box,#news .news,#news .news li span.entry_date,#news .news li span.entry_tit,.concept .left_box,.concept .right_box,.concept .left_box2,.concept .right_box2{width:100%;float:none;}
	
	#sale .sale li span.entry_tit,#news .news li span.entry_tit{display: block;}
	#news .link{font-size:100%;text-align:right;}
	#news .link a{padding:16px 0;}
	
	#sale .link{font-size:100%;text-align:center;display:none;}
	#sale .link a{width:100%;padding:16px 0;color:#001433;background:#FFFFFF;display:block;}
	#sale .link a:before{display:none;}
	
	.concept .left_box{margin-bottom:16px;}
	
	/* work */
	.mb_p{margin-bottom:24px;}
	.single-works-info #work .work_box .after_box{width:100%;margin-bottom:24px;}
	.single-works-info #work .work_box:nth-of-type(odd) .after_box .after{margin-bottom:0;}
	.single-works-info #work .work_box .before_box{padding-left:11px;}
	.home #work{padding-top:40px;}
	#work .top_up{width:80%;margin:0 auto;}
	#work .work_box .before_box h3{line-height:1.2;}
	#work .work_box .before_box h3 a{font-size:14px;}
	
	/* 20240119追加 */
	#blog_category .blog_cat_box .item{margin-bottom:16px;}
	#blog_category .blog_cat_box .item::after{background-size:130px;}
	
	/* ===== footer ===== */
	/* トップページ */
	#footer .f_access,
	#footer .acc{
		width:100%;
		float:none;
	}
	
	#footer .f_access{
		margin-bottom:24px;
	}
	
	#footer .f_acc .f_logo{
		width:100%;
		float:none;
		text-align: center;
	}
	
	#footer .f_acc .f_menu{
		width:100%;
		float:none;
	}

	#footer .f_acc .f_menu ul,
	#footer .f_acc .f_menu ul li{
		float:none;
	}

	#footer .f_acc .f_menu ul li{
		border-bottom:1px solid #C4C4C4;
		text-align: center;
	}

	#footer .f_acc .f_menu ul li a{
		padding:8px 0;
	}
    
    #footer div.copy .alignleft,
    #footer div.copy .alignright{
        text-align: center;
        margin:0;
    }
    #footer div.copy .alignright{margin:8px 0;}
	#footer div.copy ul{display:block;text-align:center;}
	#footer div.copy ul li{margin:0 8px;float:none;display:inline-block;}
	
	/* 施工事例 */
	.works_list_box dl dd{width:64%;}
	
	/* 選ばれる理由 */
	.reason #contents .post ul li{width:31%;margin:0 1% 24px;}
	.blog_box .item{padding:0 0 0 180px;}
	.blog_box .item:first-of-type{background-position:-40px 0;}
	.blog_box .item:last-of-type{background-position:-40px 0;}
	.blog_box ul li span.entry_date{width:100%;float:none;display:block}
	.blog_box ul li span.entry_tit{width:100%;float:none;display:block}
	.blog_box .item .link a{width:100%;padding:8px 0;display:block;background-color:#001433;color:#FFFFFF;text-align:center;}
	
	/* PREMATEX */
	.prematex #contents .l_wrap ul li:nth-of-type(1){width:32%;}
	.prematex #contents .l_wrap ul li:nth-of-type(2){width:32%;}
}

@media screen and (max-width: 900px) {
	/* 20230207 追加 */
	.service_list_box .service_list_photo{width:80%;margin:0 auto 24px;}
	.service_list_box .service_list_detail{width:80%;margin:0 auto 16px;text-align:center;}
	.service_list_box .service_list_wrap:nth-of-type(even) .service_list_photo{order:1;}
	.service_list_box .service_list_wrap:nth-of-type(even) .service_list_detail{order:2;}
	.service_list_box .service_list_detail .service_list_btn{margin:0 auto 24px;}
	/* 選ばれる理由 */
	#reason_box .reason_list_box .reason_list_img{width:160px;}
	#reason_box .reason_list_box .reason_list_img img{width:100%;height:100%;object-fit:cover;}
	#reason_box .reason_list_box .reason_list_detail{width:calc(100% - 180px);}
}

@media screen and (max-width: 800px) {
	/* free_contact */
	.free_contact .free_contact_head{font-size:5.2vw;}
	/* new_information */
	#new_information h2{font-size:7.2vw;}
	#new_information ol{font-size:2.8vw;}
	#new_information .new_entry_box .entry_photo{width:120px;display:block;}
	#new_information .new_entry_box .entry_detail{width:calc(100% - 140px);display:initial;}
	/* 配下ページ用 */
	#footer .f_acc .f_menu ul{display:inherit;}
	#footer .f_acc .f_menu ul li{width:48%;margin:0 1% 8px;display:block;float:left;}
	#footer .f_acc .f_menu ul li a{width:100%;display:block;box-sizing:border-box;}
	
	.entrance{display:inherit;}
	.entrance li{width:80%;margin:0 auto 16px;display:inherit;}
	#flow .entrance li{width:80%;margin:0 auto 12px;}
	.drone ul.entrance li,.color_simulation ul.entrance li{width:80%;}
	.entrance_c p{width:90%;}
	.entrance_c.ba{width:100%;margin:0;}
	.entrance_c.ba p{width:100%;}
	/* blog_box */
	.blog_box .blog_box_area{padding-left:0;background:none;}
	.blog_box .blog_box_area:first-of-type{padding-top:0;}
	.blog_box .blog_box_area:last-of-type{background:none;}
	.blog_box .blog_box_area h2 .bi{padding:24px 80px 24px 0;background:url("image/silhouette1.png") no-repeat right bottom / 80px;display:inline-block;}
	.blog_box .blog_box_area:nth-of-type(2) h2{text-align:right;}
	.blog_box .blog_box_area:nth-of-type(2) h2 .bi{padding:24px 0 24px 80px;background:url("image/silhouette2.png") no-repeat left bottom / 80px;}
	.blog_box .blog_box_area .news{padding:16px;background:#FFFFFF;}
	
	.blog_box ul li{display:flex;justify-content:space-between;flex-wrap:wrap;}
	.blog_box ul li .entry_photo{width:120px;display:block;}
	.blog_box ul li .entry_detail{width:calc(100% - 140px);display:initial;}
	
	.blog_box_area:nth-of-type(even) ul li .entry_photo{order:2;}
	.blog_box_area:nth-of-type(even) ul li .entry_detail{order:1;}
	
	.blog_box ul li span.entry_date{width:100%;}
	.blog_box ul li span.entry_tit{width:100%;}
	
	/* 施工事例 */
	.works_list_box dl dt,.works_list_box dl dd{width:100%;float:none;}
	.works_list_box dl dt img{width:100%;}
	.works_list_box a{text-decoration: none;}
	#work .work_box:nth-of-type(even) .before_box{padding-left:0;float:none;}
	
	#work .works_list{margin:0 0 24px;}
	#work .works_list ul.work_cat{overflow:hidden;}
	#work .works_list ul.work_cat li{width:48%;margin:0 1%;display:inherit;float:left;}
	#work .works_list ul.work_cat li:after{display:none;}
	#work .works_list ul.work_cat li a{padding:16px 0;display:block;border-bottom:1px solid #CCCCCC;}
	
	/* 選ばれる理由 */
	.reason #contents .post ul li{width:46%;margin:0 2% 24px;}
    /* お客様の声 */
	#voice_box .voice_photo{width:100%;margin:0 0 16px;;float:none;text-align:center;transform: rotate(0);}
	/* おすすめ人気メニュー */
	#popular .s_wrap{width:90%;}
	#popular .s_wrap .flex_box .item{width:100%;}

	/* 取扱いメーカー */
	#manufacturer li{width:48%;}
	/* leakage */
	.leakage #contents .des:first-of-type{margin-bottom:64px;}
	.leakage #contents .bg{padding:64px 0 24px;}
	.leakage #contents .leakage_head{top:-6%;left:0;}
	
	.sale_fix{bottom:22%;}
	.con_fix{width:200px;bottom:0;}
	/* price-reason */
	.reason_box .reason_detail h3{font-size:18px;}
	.reason_box .reason_detail h3:first-letter{font-size:36px;}
	.reason_box .reason_detail h3 span{font-size:36px;}
	/* price */
	.price .price_box ul li{padding:12px 0;}
	.price .price_box ul li .price_name{width:100%;font-size:21px;}
	.price .price_box ul li .price_name small{font-size:14px;}
	.price .price_box ul li .price_detail{width:100%;padding:8px 0;}
	.price .price_box ul li .price_box{width:100%;font-size:42px;}
	.price .price_box ul li .price_box small{font-size:21px;}
	.price .price_box ul li .price_box span{margin-top:8px;font-size:13px;text-align:center;}
	
	/* PREMATEX */
	.prematex #contents .l_wrap ul li:nth-of-type(1){width:48%;margin:0 0 40px;background-size:inherit;}
	.prematex #contents .l_wrap ul li:nth-of-type(2){width:48%;margin:0 0 40px;background-size:inherit;}
	/* ultra-paint */
	.ultra-paint .s_wrap{width:100%;}
	
	/* tateil2 */
	.tateil2 #feature .feature_detail{width:100%;padding-top:0;}
	.tateil2 #feature .feature_detail:nth-of-type(1){order:2;}
	.tateil2 #feature .feature_detail:nth-of-type(3){order:3;}
	.tateil2 #feature .feature_img{width:100%;padding-top:0;background:none;order:1;}
	.tateil2 #hrc .item:nth-of-type(1){order:2;}
	.tateil2 #hrc .item:nth-of-type(2){margin-bottom:24px;order:1;text-align:center;}
	.tateil2 #performance .performance_detail{width:100%;order:2;}
	.tateil2 #performance .performance_detail h5{text-align:center;}
	.tateil2 #performance .performance_img{width:100%;margin-bottom:24px;order:1;text-align:center;}
	
	.tateil2 #performance h5{margin-bottom:16px;font-size:15px;}
	.tateil2 #performance p{margin-bottom:24px;font-size:15px;}
	.tateil2 #performance p.txt_c{font-size:21px;}
	/* ultra-paint */
	.ultra-paint .s_wrap{width:94%;}
	.ultra-paint #detail dl dd .flex_box .photo{width:100%;margin-bottom:24px;order:1;text-align:center;}
	.ultra-paint #detail dl dd .flex_box p{width:100%;order:2;}
	/* integralcoat_detail */
	.integralcoat #about .about_photo{width:100%;}
	.integralcoat #about .about_detal{width:100%;}
	.integralcoat #integralcoat_detail dl.harf{width:100%;}
	.integralcoat #integralcoat_detail dl dd img{width:100%;}
	.integralcoat #integralcoat_detail dl dd .two_flex .item{width:48%;}
}

@media screen and (max-width: 740px) {
	.tab_pc{display:none;}
	.tab_sp{display:block;}
	#header h1 small{display:block;}
	
	.overlayMenuInner{padding:0 4% 200px;}
	#global_menu_sp ul:after{display:none;}
	#global_menu_sp ul li:nth-of-type(3){border-top:none;}
	#global_menu_sp ul li{width:48%;}
	
	#global_menu_sp .sp_banner li{width:100%;}
	#global_menu_sp .sp_banner li:nth-of-type(3),#global_menu_sp .sp_banner li:nth-of-type(4),#global_menu_sp .sp_banner li:nth-of-type(5){width:100%;}
	#global_menu_sp .sp_banner li.three_box{padding:8px 0;}
	
	#commendation ul li{width:48%;}
	
	.sale_fix{width:178px;bottom:0;right:0;}
	.con_fix{left:-12px;right:inherit;}
	
	#footer div.copy{padding:8px 0 200px;}
	
	/*  */
	.mainimage{padding-bottom:20%;}
	#voice_con .voice_con_wrap{margin-top:-20%;}
	#voice_con .voice_con_wrap .chara2{width:11%;left:8%;}
	
	/* オンラインショールーム */
	.online_showroom .catch{font-size:100%;}
	#showroom_link h3{font-size:120%;}
	#showroom_link p{width:80%;}
	/* ultra-paint */
	.ultra-paint #lineup dl{width:80%;margin:0 auto 4%;}
	/* ===== sale ===== */
	#sale .top_banner ul li.item{width:46%;}
	
	/* 選ばれる理由 */
	.home #reason_box{margin-top:40px;}
	#reason_box .reason_list_box{width:100%;}
	/* === ピックアップ === */
	#our_work .our_work_wrap .our_work_img{width:100%;margin-right:inherit;}
	#our_work .our_work_wrap:nth-of-type(odd) .our_work_img{margin-left:inherit;}
	
	#our_work .our_work_wrap .our_work_detail{width:94%;margin:-24px auto 0;position:inherit;top:inherit;right:inherit;transform:translateY(0);}
	
	#our_work .our_work_wrap:nth-of-type(odd) .our_work_detail{left:inherit;}
}

@media screen and (max-width: 640px) {
	#header h1{font-size:11px;}
	
	#new_information .new_entry_box .entry_photo{width:80px;}
	#new_information .new_entry_box .entry_detail{width:calc(100% - 100px);}
	
	/* 選ばれる理由 */
	.reason #contents .post ul li{width:100%;margin:0 0 24px;text-align:center;}
	
	.blog_box .item{padding:0;}
	.blog_box .item:first-of-type{background-position:right -24px top 0;}
	.blog_box .item:last-of-type{padding:0;background-position:right -24px top 0;}
	.blog_box .item ul li{border-bottom-color:#B2B2B2;border-top-color:#B2B2B2;}
	
	ul.list_center li{width:94%;margin:0 auto 24px;}
	/* drone */
	.drone #point dt{padding:64px 0 12px;font-size:120%;text-align:center;}
	.drone #point dd{padding:0 24px;}
	/* PREMATEX */
	.prematex #contents .l_wrap ul li:nth-of-type(1){background-size:94%;}
	.prematex #contents .l_wrap ul li:nth-of-type(2){background-size:94%;}
	
	/* ultra-paint */
	.ultra-paint #lineup dl{width:100%;}
	
	/* 20230207 追加 */
	.service_list_box .service_list_photo{width:100%;}
	.service_list_box .service_list_detail{width:100%;}
	.service_list_box .service_list_detail .sp_l{display:block;}
	.service_list_box .service_list_wrap:nth-of-type(even) .service_list_photo{width:100%;}
	
	.sale_fix{width:36%;}
	.con_fix{width:40%;}
	
}

@media screen and (max-width: 500px) {
	/* 20240119 追加 */
	#blog_category .blog_cat_title{font-size:28px;}
	#blog_category .blog_cat_box .item::after{width:150px;height:150px;right:-5%;background-size:140px;}
	#blog_category .blog_cat_box .item dl{padding-right:25%;}
}


/* reCAPTCHの非表示 */
.grecaptcha-badge { visibility: hidden; }