@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:600);

html{ height:100%;}
body{ margin:0; padding:0; font-size:93.7%; font-family:'Noto Sans Japanese', sans-serif, "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック"; line-height:1.7em; color:#444; letter-spacing:0.1em; height:100%; position:relative; height:auto !important;}
header,main,article,section,nav,footer{ display:block;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0; font-size:100%;}
table{	border-collapse:collapse; border-spacing:0;}
fieldset,img{ border:0;}
address,caption,cite,code,dfn,th,var{ font-style:normal; font-weight:normal;}
em{ font-style:normal; font-weight:bold;}
ol,ul{ list-style:none;}
caption{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
q:before,q:after{ content:'';}
abbr,acronym{ border:0;}
/* ↑ここまでリセットcss */

/* フォーム入力欄 */
::-webkit-input-placeholder{ color:#ccc;}
::-moz-placeholder{ color:#ccc; opacity:1;}
:-ms-input-placeholder{ color:#ccc;}
input:focus::-webkit-input-placeholder{ color:transparent;}
input:focus:-moz-placeholder{ color:transparent;}
input:focus::-moz-placeholder{ color:transparent;}

#content_area a, #work_page_area a{ color:#008C67; text-decoration:underline;}
#content_area a:visited, #work_page_area a:visited{ color:#54019E;}
#content_area a:hover, #work_page_area a:hover{ text-decoration:none;}
#content_area a:hover img, #work_page_area a:hover img{
	opacity:0.9;
	filter:alpha(opacity=90);
	-ms-filter:"alpha( opacity=90 )";
}
#content_area a[target="_blank"], #work_page_area a[target="_blank"]{
	background:url(/img/common/popup_green.svg) no-repeat 0 center;
	padding-left:15px;
}
#content_area a[href$=".pdf"], #work_page_area a[href$=".pdf"]{
	background:url(/img/common/icon_pdf.svg) no-repeat 0 center;
	padding-left:18px !important;
}
#content_area a[href$=".doc"], #content_area a[href$=".docx"], #content_area a[href$=".docm"], #work_page_area a[href$=".doc"], #work_page_area a[href$=".docx"], #work_page_area a[href$=".docm"]{
	background:url(/img/common/icon_word.svg) no-repeat 0 center;
	padding-left:18px !important;
}
#content_area a[href$=".xls"], #content_area a[href$=".xlsx"], #content_area a[href$=".xlsm"], #work_page_area a[href$=".xls"], #work_page_area a[href$=".xlsx"], #work_page_area a[href$=".xlsm"]{
	background:url(/img/common/icon_excel.svg) no-repeat 0 center;
	padding-left:18px !important;
}
#content_area a[href$=".zip"], #work_page_area a[href$=".zip"]{
	background:url(/img/common/icon_zip.svg) no-repeat 0 center;
	padding-left:18px !important;
}

/*-------------------------------------------------------------
	ページに関する指定
-------------------------------------------------------------*/
#top > noscript{
	background:#FFF;
	position:relative;
	z-index:200;
	display:block;
	padding:20px;
}
#nojs{
	width:940px;
	background:#fff;
	color:#f00;
	padding:25px;
	border:5px solid #F00;
	text-align:center;
	margin:0 auto;
}


/* ヘッダー */
#header_bg{
	background:#FFF;
	position:relative;
	z-index:20;
}
#header_wrap{
	width:1000px;
	margin:0 auto;
	overflow:hidden;
	height:88px;
}
#logo{
	float:left;
	margin-top:20px;
}
#logo a, #logo img{width:274px;height:auto;display:block;}

#menu{margin:20px 0 0;}
#menu-box{float:right;}
#menu nav{float:left;}
#menu nav ul li{
	display:inline-block;
	margin-left:-3px;
}

.menu{
	text-decoration:none;
	color:#444;
	font-size:106.7%;
	box-sizing:inherit;
	-webkit-transition-property:all;
	transition-property:all;
	-webkit-transition-duration:.6s;
	transition-duration:.6s;
	-webkit-transition-timing-function:ease;
	transition-timing-function:ease;
	display:inline-block;
	line-height:45px;
	width:100%;
	text-align:center;
}
.menu > span{padding:0 14px;}
.menu:hover, .menu.on{color:#008C67 !important;}
.menu::after,
.menu::before{
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	border-top:1px solid rgba(255, 255, 255, 0);
	bottom:1px;
	content:" ";
	display:block;
	margin:0 auto;
	position:relative;
	-webkit-transition:all 280ms ease-in-out;
	transition:all 280ms ease-in-out;
	width:0;
}
.menu:hover::after,
.menu:hover::before,
.menu.on::after,
.menu.on::before{
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	border-color:#008C69;
	-webkit-transition:width 350ms ease-in-out;
	transition:width 350ms ease-in-out;
	width:100%;
}
.menu:before{
	bottom:auto;
	top:2px;
}
.menu:hover::before, .menu.on::before{
	bottom:auto;
	top:2px;
	width:100%;
}

#header_dl_recruit{
	float:left;
	margin-top:10px;
	margin-left:14px;
}
#header_dl_recruit ul{
	overflow:hidden;
}
#header_dl_recruit ul li{
	float:left;
	padding-left:15px;
	position:relative;
}
#header_dl_recruit ul li::before{
	content:"";
	display:block;
	position:absolute;
	height:20px;
	width:1px;
	background:#CDCDCD;
	left:0;
	top:5px;
}
#header_dl_recruit ul li:first-child{
	margin-right:12px;
}
#header_dl_recruit ul li a{
	font-size:80%;
	color:#444;
	text-decoration:none;
}
#header_dl_recruit ul li a:hover{
	text-decoration:underline;
}
#header_dl_recruit ul li:first-child a{
	background:url(/img/common/icon_download_green.svg) no-repeat left center / 12px auto;
	padding-left:18px;
}
#header_dl_recruit ul li:nth-child(2) a{
	background:url(/img/common/popup_green.svg) no-repeat left center / 11px auto;
	padding-left:18px;
}


#header_recruit{
	float:left;
	margin:2px 0 0 21px;
}
#header_recruit a{
	font-size:80%;
	text-decoration:none;
	color:#FFF;
	display:inline-block;
	background:#008C69;
	padding:9px 17px 9px 20px;
	transition:all .3s;
}
#header_recruit a span{
	background:url(/img/common/popup_white.svg) no-repeat left top 5px;
	padding-left:17px;
}
#header_recruit a:hover{
	transition:all .3s;
	background:#005E46;
}


/* フッター */
#footer_bg{
	position:relative;
	z-index:10;
}
#page_top{
	width:56px;
	height:56px;
	position:fixed;
	bottom:20px;
	right:20px;
	z-index:3000;
}
#page_top a{
	font-size:0;
	display:block;
	height:100%;
	background:url(/img/common/pagetop.svg) no-repeat;
}
#page_top a img{opacity:0; transition:0.3s;}
#page_top a:hover img{opacity:1; transition:0.3s;}
.content_footer{
	background:#F1F5F5;
}
.footer_wrap{
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}
#footer_top{
	border-bottom:1px dotted #CCCCCC;
}
#footer_top .footer_wrap{
	padding:26px 0 30px;
}
#footer_img_l{float:left;display:block;width:206px;height:auto;}
#footer_img_l img{display:block;width:206px;height:auto;}
#footer_img_r{float:right; margin:11px 2px 0 0;}
#smp_footer_logo{display:none;}
#footer_bottom{
	background:#FFF;
}
#footer_bottom .footer_wrap{
	padding:13px 0;
}
#footer_bottom .footer_wrap div{
	font-size:80%;
}
#footer_bottom .footer_wrap div a{
	color:#444;
	text-decoration:none;
	margin-right:18px;
}
#footer_bottom .footer_wrap div a:hover{text-decoration:underline;}
#footer_bottom .footer_wrap div:first-child{float:left; margin-left:4px}
#footer_bottom .footer_wrap div:last-child{float:right;}

/* 20240605 footer追記 */
.instagram_sp{display: none;}
.instagram_pc{
	border-right: 1px solid #CCCCCC;
	padding-right: 18px;
	letter-spacing: 0.72px;
	line-height: 141.666%;
}
.instagram_pc img{
	width: 24px;
	height: 24px;
	vertical-align: top;
	margin-right: 8px;
}

/* top */
#index_mv{
	position:relative; /* can either be relative, absolute or fixed. If position is not set (i.e. static), it would be set to "relative" by script */
	overflow:hidden; /* to bound the empty top space created by inner element's top margin */
	width:100%;
	height:600px;
	background:#FFF;
}
.demo-inner-content{
	position:relative; /* if position is not set, the script will set it to 'relative'. */
	z-index:2; /* if z-index is not set, the script will set it to '2'. */
	padding:40px;
	color:#fff;
	text-align:center;
	font-size:1.5em;
	margin:220px auto 0;
	max-width:600px;
}
.demo-inner-content h1{
	font-size:2.5em;
	margin:0;
}

#nojs_mv{
	position:absolute;
	height:100%;
	width:100%;
	background:url(/img/index/slide_1.jpg) no-repeat center center / cover ;
}
#nojs_mv img{
	display:none;
}
#index_mv_smp{display:none;}
.index_wrap{
	width:1000px;
	margin:0 auto;
}

.index_st_link{position:absolute !important;right:40px;bottom:40px;}
.index_st_link a{
	display:block;
	background:#fff;
	border:1px solid #0599D9;
	padding:15px 17px 10px;
	text-decoration:none;
	transition:opacity 0.3s;
	text-align:center;
	color:#333;
}
.index_st_link a:hover{opacity:0.8;}
.index_st_link a img{display:block;width:auto;height:auto;max-width:100%;margin:5px auto;}
.index_st_link a span{
	display:inline-block;
	background:url(/img/common/arrow_blue_r.svg) right center no-repeat;
	padding-right:16px;
	font-size:80.25%;
}
.index_st_t{
	background:rgba(0, 102, 77,0.7) url(img/common/arrow_white_r.svg) right 22px center no-repeat;
	padding:12px 60px 12px 17px;
	transition:background 0.3s;
}
.index_st_t img{display:block; width:auto; height:auto; max-width:100%;}
.index_st_b{
	background:rgba(31,132,97,0.7);
	padding:15px;
	font-size:80%;
	line-height:1.5;
	transition:background 0.3s;
}
a:hover .index_st_t{background-color:rgba(25,128,92,0.7);}
a:hover .index_st_b{background-color:rgba(68,143,117,0.7);}

/* 2023/10 add - 110th */
#index_bnr{margin:30px 20px;}
.index_bnr_area{
	display:flex;
	justify-content:center;
	list-style:none;
	padding:0;
}
.index_bnr_link{
	margin-right:2%;
	text-align: center;
	font-size: 13px;
}
.index_bnr_link:last-child{margin-right:0;}
.index_bnr_link a{
	display:block;
	transition:all 0.3s;
}
.index_bnr_link a:hover{opacity:0.7;}
.index_bnr_link img{display:block;width: 100%;}
/* 2023/10 add - end */

#index_story{margin:75px 0;}
#index_story h2{text-align:left !important;margin-top:30px;}
.index_story_wrap{display:flex;justify-content:space-between;}
.index_img{width:60%;max-width:600px;margin-right:5%;}
.index_txt{width:35%;max-width:350px;}
.index_img img{display:block;width:100%;height:auto;}


#index_story_link{position:relative;}
#index_story_link img.pc_img{display:block; width:auto; height:auto; margin:auto; max-width:100%;}
#index_story_link img.sp_img{display:none;}
#index_story p{margin:30px 0 40px;}
#index_story_link_txt{position:absolute; width:100%; height:100%; top:0; left:0; display:flex; align-items:center;justify-content:center;}
#index_story_link_txt_in{background:rgba(31, 132, 97,0.7); padding:20px 30px;}
#index_story_link_txt_in img{ display:block; width:auto; height:auto; max-width:100%;margin:0 auto 20px;}

#index_news{
	background:#F1F5F5;
}
#index_news .index_wrap{
	overflow:hidden;
	padding-top:71px;
	padding-bottom:52px;
}
#index_news_box{
	display:table;
	width:100%;
	overflow:hidden;
	padding-bottom:15px;
}
#index_news_box .index_news_link{ overflow:hidden; margin-bottom:20px;}
#index_news_box .index_news_link:last-child{ margin-bottom:0;}
#index_news_box .index_news_link div{ float:left;}
#index_news_box .index_news_link div.index_news_title{ clear:both; float:none;}

.index_news_cate{
	width:132px;
}
.index_news_cate span{
	background:#1F8461;
	color:#FFF;
	font-size:80%;
	display:inline-block;
	text-align:center;
	line-height:1.7em;
	width:118px;
}
.index_news_cate span.icon_attention{background:#BB2B2B;}
.index_news_cate span.icon_mizukura-tsushin{background:#666;}
.index_news_date{
	font-size:80%;
	width:116px;
}
.index_news_title a{
	text-decoration:none;
	color:#444 !important;
}
.index_news_title a:hover{
	text-decoration:underline;
}

#index_news_link{
	margin-top:-4px;
	text-align:center;
}
.index_btn1{
	font-size:93.3%;
	color:#444 !important;
	text-decoration:none;
	display:block;
	max-width:320px;
	height:50px;
	text-align:center;
	line-height:50px;
	outline:none;
	position:relative;
	z-index:2;
	border:3px solid #E5E5E5;
	overflow:hidden;
	background:#fff url(/img/common/arrow_green_r.svg) no-repeat right 14px center;
}
#index_news_link .index_btn1{margin:auto;}
.index_btn1::before,
.index_btn1::after{
	position:absolute;
	z-index:-1;
	display:block;
	content:'';
}
.index_btn1::before,
.index_btn1::after{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:all .3s;
	transition:all .3s;
}
.index_btn1:hover{
	color:#fff !important;
	border-color:#008C69;
}
.index_btn1::after{
	top:0;
	left:0;
	width:100%;
	height:100%;
	-webkit-transform:scale(.5);
	transform:scale(.5);
}
.index_btn1:hover::after{
	background:#008C69;
	-webkit-transform:scale(1);
	transform:scale(1);
}
.index_btn1::before{
	position:absolute;
	right:14px;
	top:calc(100% - 4px);
	opacity:0;
	transition:opacity 0.3s;
}
.index_btn1:hover::before{
	z-index:20;
	display:block;
	width:8px;
	height:12px;
	right:14px;
	top:calc(50% - 6px);
	opacity:1;
	background:url(/img/common/arrow_white_r.svg) no-repeat center;
}

#index_news_link .index_btn1:hover::after{
	background:#008c69;
}

.index_wrap h2{
	font-size:213.3%;
	text-align:center;
}
.index_wrap h2 span{
	color:#1F8461;
	font-size:43.77%;
	display:inline-block;
	margin-top:11px;
}

#index_about .index_wrap{
	padding:66px 0 50px;
	display:flex;
	justify-content:space-between;
	flex-direction:row-reverse;
}
#index_about .index_img{margin:0 0 0 5%;}
#index_about .index_wrap h2{
	margin:20px 0 32px;
	text-align:left;
}
#index_about .index_wrap p{
	margin:17px 0 30px;
}
#index_about .index_btn1{
	display:block;
	margin:0;
}

#index_tah{
	background:#F1F5F5;
}
#index_tah .index_wrap{
	padding:71px 0 52px;
}
#index_tah .index_wrap h2{margin-bottom:27px;}
#index_tah .index_wrap p{text-align:center;}
#index_tah_2column{
	overflow:hidden;
	width:785px;
	margin:41px auto 0;
	border-left:1px solid #DEE0E0;
}
#index_tah_2column div{
	float:left;
	border-right:1px solid #DEE0E0;
	box-sizing:border-box;
	text-align:center;
	padding:0 40px;
	width:50%;
}
#index_tah_2column a{
	text-align:center;
	color:#444;
	text-decoration:none;
}
#index_tah_2column figure{
	display:block;
	height:230px;
	width:231px;
	overflow:hidden;
	border-radius:200px;
	margin:0 auto 15px;
	padding:0;
	position:relative;
	z-index:2;
}
#index_tah_2column a figure img{
	-webkit-transform:scale(1);
	transform:scale(1);
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
	border-radius:200px;
}
#index_tah_2column a:hover figure img{
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
	opacity:1;
}
#index_tah_2column a span{
	background:url(/img/common/arrow_green_r.svg) no-repeat right top 8px;
	padding-right:11px;
	font-size:106.7%;
}

#index_works{
	padding:66px 0 50px;
}
#index_works h2{
	font-size:213.3%;
	text-align:center;
}
#index_works h2 span{
	color:#1F8461;
	font-size:43.77%;
	display:inline-block;
	margin-top:11px;
}

#index_works_box{position:relative;}

.slider{
	width:100%;
	margin:33px auto 34px !important;
}
.slick-slide{
	margin:0px 10px;
}
.slick-slide img{
	width:100%;
}
.slick-prev:before,
.slick-next:before{
	color:black;
}


.center a{
	display:block;
	width:320px;
	height:200px;
	transform:scale(1);
	transition:all 0.3s;
	overflow:hidden;

}
.center a img{
	width:100%;
	height:100%;
	transform:scale(1);
	transition:all 0.3s;
}
.center a:hover img{
	transform:scale(1.1);
	opacity:1;
	transition:all 0.3s;
}

.nojs_slide{
	width:1000px;
	overflow:hidden;
}
.nojs_slide li{
	float:left;
	width:32%;
	margin-right:2%;
	margin-bottom:2%;
}
.nojs_slide li:nth-child(3n){
	margin-right:0;
}


#index_works .index_btn1{
	display:block;
	margin:0 auto;
}

#index_recruit{
	background:#F1F5F5;
}
#index_recruit .index_wrap{
	padding:72px 0 50px;
}
#index_recruit .index_wrap h2{
	margin-bottom:28px;
}
#index_recruit .index_wrap p{
	text-align:center;
}
#index_recruit_box{
	position:relative;
	margin:36px 0 0;
}
#index_recruit_pcimg{
	display:block;
}
#index_recruit_smpimg{
	display:none;
}
#index_recruit_box .index_btn1{
	position:absolute;
	right:91px;
	bottom:81px;
	background:#FFF url(/img/common/popup_green.svg) no-repeat right 12px center;
}
#index_recruit_box .index_btn1:hover::after{
	background:#008C69 url(/img/common/popup_white.svg) no-repeat right 12px top 17px;
}

#index_link{
	background:#E4EBEB;
}
#index_link .index_wrap{
	padding:50px 0;
}
#index_link_4column{
	overflow:hidden;
}
#index_link_4column div{
	float:left;
	width:23.5%;
	margin-right:2%;
	margin-bottom:2%;
}
#index_link_4column div:last-child{margin-bottom:0;}
#index_link_4column div:nth-child(4n){margin-right:0;}
#index_link_4column div a{display:block; transition:all .3s; opacity:1;}
#index_link_4column div a:hover{opacity:0.7; transition:all .3s;}
#index_link_4column div a img{display:block;}

#toggle{ display:none;}
.mbox{	display:none; z-index:10000;}
.mbox_open{ display:block;}




/* コンテンツ */
#content_header{
	height:132px;
	position:relative;
}
#content_header_bg{
	background:#F1F5F5;
	height:132px;
	position:absolute;
	top:0;
	left:0;
	z-index:-10;
	width:0;
	animation:bg 2s ease 0s 1 normal;
	-webkit-animation:bg 2s ease 0s 1 normal;
	width:100%;
}

@keyframes bg{ 0%{width:0;} 100%{width:100%;}}
@-webkit-keyframes bg{ 0%{width:0;} 100%{width:100%;}}

#content_header h1{
	width:1040px;
	box-sizing:border-box;
	padding:0 290px 0 20px;
	font-size:186.7%;
	display:table;
	height:100%;
	margin:0 auto;
	line-height:1.4em;
}
#content_header h1 span{
	display:table-cell;
	vertical-align:middle;
}



#pankuzu{
	font-size:80%;
}
#pankuzu ul{
	margin:12px 0 8px !important;
	padding:0 !important;
}
#pankuzu ul li{
	display:inline-block;
}
#pankuzu ul li a{
	color:#444 !important;
	text-decoration:none;
	margin-right:5px;
}
#pankuzu ul li a:hover{
	text-decoration:underline;
}
.cf:after{
	content:"";
	clear:both;
	display:block;
}


/* c1 */
#c1_content_area{
	width:1000px;
	padding:0 20px;
	margin:50px auto 0;
}

#c1_2column, #c1_3column{
	overflow:hidden;
}
#c1_2column{
	margin-bottom:46px;
}
#c1_2column > div{
	float:left;
	width:475px;
	margin-right:50px;
}
#c1_3column > div{
	width:300px;
	margin-right:50px;
	float:left;
	margin-bottom:46px;
}
#c1_2column > div:nth-child(2n), #c1_3column > div:nth-child(3n){
	margin-right:0;
}
#c1_2column figure{
	display:block;
	overflow:hidden;
	margin:0 0 18px;
	width:100%;
	height:276px;
}
#c1_3column figure{
	display:block;
	overflow:hidden;
	margin:0 0 18px;
	width:100%;
	height:174px;
}
#c1_2column a figure img, #c1_3column a figure img{
	transition:all 0.3s;
	transform:scale(1);
}
#c1_2column a:hover figure img, #c1_3column a:hover figure img{
	transform:scale(1.1);
}
#c1_2column a, #c1_3column a{
	color:#444;
	text-decoration:none;
	display:block;
	transition:all 0.3s;
}
#c1_2column a:hover, #c1_3column a:hover{
	color:#008C68;
	transition:all 0.3s;
}
.c1_title{
	color:#008C67;
	font-size:120%;
	background:url(/img/common/arrow_green_r.svg) no-repeat right center;
	padding-bottom:4px;
	margin-bottom:4px;
}
#c1_3column .c1_title{
	margin-bottom:8px;
}
.c1_cap{
	font-size:93.3%;
}

/* コンテンツ */
#content_side_box{
	width:1000px;
	padding:0 20px;
	margin:0 auto;
}
#content_area{
	float:left;
	width:720px;
	margin-top:39px;
	margin-right:40px;
}
#content_area.wide{
	float:none;
	width:1000px;
	padding:0 20px;
	margin:39px auto 0;
}
#local_nav_area{
	float:left;
	width:240px;
	margin-top:-82px;
	background:#FFF;
	position:relative;
	z-index:100;
}
#content_area > *:first-child{
	margin-top:0 !important;
}
#local_navi ul{
	border-top:2px solid #008C69;
}
#local_navi ul li{
	border-bottom:1px solid #DEE0E0;
}
#local_navi ul li a{
	color:#444;
	text-decoration:none;
	display:block;
	background:#FFF url(/img/common/arrow_green_r.svg) no-repeat right 15px center;
	padding:11px 35px 13px 14px;
	transition:all 0.3s;
}
.local_nav_top > a{
	font-size:120%;
	padding:17px 35px 15px 14px !important;
}
#local_navi ul li a:hover{
	background:#DAEEE9 url(/img/common/arrow_green_r.svg) no-repeat right 15px center;
	transition:all 0.3s;
}
#local_navi ul li a.local_on{
	color:#FFF !important;
	background:#008C69;
}



#pager{
	border-top:1px dotted #D7E2E2;
	font-size:93.3%;
	overflow:hidden;
	margin:43px 0 58px;
	padding:17px 0 0;
}
#pager a{
	color:#444 !important;
	text-decoration:none;
}
#pager a:hover{
	text-decoration:underline;
}
#pager_l{
	float:left;
	background:url(/img/common/arrow_green_l.svg) no-repeat left center;
	padding-left:17px;
}
#pager_r{
	float:right;
	background:url(/img/common/arrow_green_r.svg) no-repeat right center;
	padding-right:13px;
}

#content_area h2, #work_page_area h2{
	color:#008C68;
	font-size:160%;
	margin:51px 0 18px;
}
#content_area h3, #work_page_area h3{
	border-top:2px solid #D7E2E2;
	font-size:133.3%;
	margin:46px 0 16px;
	padding:15px 0 0;
}
#content_area h4, #work_page_area h4{
	font-size:113.3%;
	background:url(/img/common/h4.svg) no-repeat left 4px top 7px;
	padding-left:26px;
	margin:42px 0 7px;
}

#content_area p, #work_page_area p{
	margin:7px 0;
}
#content_area table{
	width:100%;
	border-top:1px solid #D7E2E2;
	border-left:1px solid #D7E2E2;
	margin:20px 0;
}
#content_area table th, #content_area table td{
	border-bottom:1px solid #D7E2E2;
	border-right:1px solid #D7E2E2;
	padding:11px 15px 12px;
	text-align:left;
	vertical-align:top;
}
#content_area table th{
	background:#F1F5F5;
}
#content_area table th > *:first-child, #content_area table td > *:first-child{
	margin-top:0 !important;
}
#content_area table th > *:last-child, #content_area table td > *:last-child{
	margin-bottom:0 !important;
}

.w_20{
	width:20%;
}
.w_32{
	width:32%;
}
.w_25{
	width:25%;
}

.mail_add_img{
	margin-top:5px;
}

.cta_box{
	border:2px solid #008C69;
	text-align:center;
	margin:30px 0;
}
.cta_box p{
	margin:25px 0 !important;
}
.cta_box p strong{
	color:#008C69;
	font-size:120%;
	font-weight:normal;
}
.cta_box a{
	border:3px solid #E5E5E5;
	background:#FFF url(/img/common/icon_download_green.svg) no-repeat right 11px center !important;
	color:#444 !important;
	display:block;
	box-sizing:border-box;
	width:320px;
	margin:0 auto;
	text-decoration:none !important;
	transition:all 0.3s;
	font-size:93.3%;
	padding:8px 35px 11px !important;
}
.cta_box a:hover{
	transition:all 0.3s;
	background:#008C69 url(/img/common/icon_download_white.svg) no-repeat right 11px center !important;
	border-color:#008C69;
	color:#FFF !important;
}


.content_contact_box{
	border:2px solid #008C69;
	padding:26px 37px 25px;
	margin:20px 0 60px;
}
.content_contact_box h3{
	font-size:120% !important;
	border-top:none !important;
	color:#008C68;
	margin:0 0 10px !important;
	padding:0 !important;
}
.content_contact_box h4{
	font-size:120% !important;
	border-top:none !important;
	color:#008C68;
	margin:0 0 10px !important;
	padding:0 !important;
	background:none !important;
}


.tel_link{
	text-decoration:none !important;
	color:#444 !important;
}
.tel_link:hover{
	cursor:default;
}

.right,
.alignright{
	text-align:right;
	margin:0 0 0 auto;
	display:block;
}

.center,
.aligncenter{
	text-align:center;
	margin:0 auto;
	display:block;
}


.txt_right{
	text-align:right;
}
.txt_center{
	text-align:center;
}

/* メッセージ */
#message_right{
	margin-top:21px !important;
}
#message_name{
	font-size:160%;
}
/* 水倉組について */
#about_torikumi_box{
	border:1px solid #D7E2E2;
	padding:51px 50px 0;
	margin:25px 0;
}
#about_torikumi_box dl dt{
	color:#008C68;
	border-bottom:1px dotted #D7E2E2;
	font-size:133.3%;
	padding-bottom:15px;
	margin-bottom:13px;
}
#about_torikumi_box dl dt span{
	font-size:210%;
	margin-right:7px;
}
#about_torikumi_box dl dd{
	margin-bottom:48px;
}

#content_area ul, #content_area ol, #work_page_area ul, #work_page_area ol{
	margin:16px 0;
	padding-left:30px;
}
#content_area ul li, #work_page_area ul li{
	list-style:disc;
}
#content_area ol li, #work_page_area ol li{
	list-style:decimal;
}
#content_area ol li ul li{
	list-style:disc;
	margin:5px 0 5px;
}

.column_2{
	overflow:hidden;
}
.column_2 div{
	float:left;
	width:48%;
	margin-right:4%;
	margin-bottom:2%;
}
.column_2 div:nth-child(2n){
	margin-right:0;
}

.txt_box{
	overflow:hidden;
	height:100%;
}
.img{
	float:right;
	margin-left:30px;
}
.txt{
	overflow:hidden;
	height:100%;
}

.content_nav_top{ display:none;}

#map{
	border:3px solid #ccc;
	width:974px;
	height:504px;
	margin:30px auto 0;
}

/* 工法紹介 */
#sekou_flow{
	border:#D7E2E2 1px solid;
	margin:17px 0;
}
#sekou_flow ol{
	margin:0;
	padding:48px 10px 37px;
	text-align:center;
	list-style:none;
}
#sekou_flow ol li{
	background:url(/img/company/method/arrow_flow.svg) no-repeat bottom center;
	padding-bottom:37px;
	margin-bottom:16px;
	list-style:none;
}
#sekou_flow ol li:last-child{
	background:none;
	padding-bottom:0;
	margin-bottom:0;
}
.flow_h{
	font-size:133.3%;
	color:#008C66;
	margin-bottom:17px;
}

/* 水倉ストーリー */
#story_head{
	height:510px;
	background:url(/img/story/catch.jpg) no-repeat center top / cover;
	color:#FFF;
	position:relative;
}
#story_head h1{
	text-align:center;
	padding-top:181px;
	position:relative;
}
#story_h_img{
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	opacity:0;
	transition:all 1s;
}
#no_js_img{
	position:absolute;
	left:0;
	right:0;
	margin:auto;
}
#story_h_img.fadein{
	opacity:1;
	transition:all 1s;
}
.story_flow_wrap{
	margin:0 0 38px;
}

/* svg */
.path{
	stroke:rgba(255,255,255,1);
	fill:none;
	stroke-width:1;
/*	stroke-dasharray:800;
	stroke-dashoffset:800;
	animation:DASH 3s ease-in-out alternate forwards;
	-webkit-animation:DASH 3s ease-in-out 0s forwards;
	-o-animation:DASH 3s ease-in-out 0s forwards;
	animation:DASH 3s ease-in-out 0s forwards; 
	animation-duration:3s;
	animation-name:DASH;
	animation-fill-mode:forwards;
	animation-direction:alternate;
	animation-timing-function: ease-in-out;*/
}
/*@keyframes DASH{
	0% {stroke-dashoffset:800;fill:rgba(255,255,255,0);}
	90%{stroke-dashoffset:500;fill:rgba(255,255,255,0);}
	100%{stroke-dashoffset:0;fill:rgba(255,255,255,1);}
}

@-moz-keyframes DASH{
	0% {stroke-dashoffset:800;fill:rgba(255,255,255,0);}
	90%{stroke-dashoffset:500;fill:rgba(255,255,255,0);}
	100%{stroke-dashoffset:0;fill:rgba(255,255,255,1);}
}

@-webkit-keyframes DASH{
	0% {stroke-dashoffset:800;fill:rgba(255,255,255,0);}
	90%{stroke-dashoffset:500;fill:rgba(255,255,255,0);}
	100%{stroke-dashoffset:0;fill:rgba(255,255,255,1);}
}

@-o-keyframes DASH{
	0% {stroke-dashoffset:800;fill:rgba(255,255,255,0);}
	90%{stroke-dashoffset:500;fill:rgba(255,255,255,0);}
	100%{stroke-dashoffset:0;fill:rgba(255,255,255,1);}
}

@-ms-keyframes DASH{
	0% {stroke-dashoffset:800;fill:rgba(255,255,255,0);}
	90%{stroke-dashoffset:500;fill:rgba(255,255,255,0);}
	100%{stroke-dashoffset:0;fill:rgba(255,255,255,1);}
}

.path{
	fill:#FFF\9;
	stroke-dashoffset:0\9;
}

@media all and (-ms-high-contrast:none){
.path{
	fill:#FFF;
	stroke-dashoffset:0;
}
}
@supports (-ms-ime-align:auto){
.path{
	fill:#FFF;
} 
}*/

/* ここまで */
#story_smp_bg{
	display:none;
}

#story_head p{
	position:absolute;
	bottom:72px;
	text-align:center;
	width:100%;
	font-size:106.7%;
}

.story_flow_box{
	margin-top:1px;
}
.story_flow_wrap{margin:40px 0;}
.story_flow_wrap .story_flow_box a{
	text-decoration:none;
	color:#444;
	display:block;
	position:relative;
	transition:all 0.3s;
}

.flow_link{
	display:flex;
	overflow:hidden;
	position:relative;
}
.flow_box_img{
	width:550px;
	position:relative;
	z-index:10;
}
#story02_box .flow_link, #story04_box .flow_link, #story06_box .flow_link,.story_flow_box_r .flow_link{
	flex-direction:row-reverse;
}

.flow_box_img img{
	display:block;
}
.flow_box_story,.flow_story_l,.flow_story_r{
	position:absolute;
	z-index:20;
	background:#FFF;
	height:128px;
	width:128px;
	border-radius:70px;
	text-align:center;
}
#story01_box .flow_box_story, #story03_box .flow_box_story, #story05_box .flow_box_story,.flow_story_l{
	top:136px;
	left:486px;
}
#story02_box .flow_box_story, #story04_box .flow_box_story, #story06_box .flow_box_story,.flow_story_r{
	top:136px;
	right:486px;
}
.flow_story_r .flow_link{
	flex-direction:row-reverse;
}
#story_wrap h2{
	font-size:360.19%;
	color:#008C69;
	margin:40px 0;
	line-height:1.5;
	text-align:center;
}
#story_wrap h2 span{display:block; font-size:46%;}

.flow_box_story h3{
	font-size:93.3%;
	padding-top:31px;
	line-height:1.7;
}
.story_project .flow_box_story h3{padding-top:21px;line-height:1.5;}
.flow_box_story h3 span{
	display:block;
	font-size:228.6%;
	margin-top:5px;
}
.flow_box_txt{
	position:relative;
	color:#FFF !important;
	float:left;
	padding-left:51px;
	width:calc(100% - 601px);
}

#story01_box a, #story03_box a, #story05_box a,.story_flow_box_l a{
	background:#008C69;
}
#story02_box a, #story04_box a, #story06_box a,.story_flow_box_r a{
	background:#00664D;
}

.flow_box_txt_top{
	font-size:213.3%;
	line-height:1.7em;
	position:relative;
	top:80px;
	padding-right:81px;
}
.flow_box_txt_top span{font-size:62.5%; line-height:1.5;}
#story01_box .flow_box_txt_top, #story03_box .flow_box_txt_top, #story05_box .flow_box_txt_top,.story_flow_box_l .flow_box_txt_top{
	left:48px;
}
#story01_box .flow_box_txt_bottom, #story03_box .flow_box_txt_bottom, #story05_box .flow_box_txt_bottom,.story_flow_box_l .flow_box_txt_bottom{
	padding-left:47px;
}

.flow_box_txt_bottom{
	position:absolute;
	bottom:41px;
}

.txt_bottom_top{
	font-size:93.3%;
	display:block;
	margin-bottom:17px;
	line-height:1.5em
}
.txt_bottom_name{
	font-size:186.7%;
	margin-right:20px;
}
.txt_bottom_name2{
	font-size:80%;
	vertical-align:sub;
}

.story_flow_wrap .story_flow_box a .hover_wrap{
	background:#008C69;
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	z-index:100;
	transition:all 0.3s;
}
.story_flow_wrap .story_flow_box a:hover .hover_wrap{
	opacity:0.5;
	transition:all 0.3s;
}

#story_wrap #pankuzu{
	max-width:1000px;
	margin:0 auto;
	padding:0 20px;
}

/* 水倉ストーリー詳細 */
#storypage_head{
	position:fixed;
	top:-5px;
	height:693px;
	width:100%;
}
#storypage_head.president{
	background:url(/img/story/president/catch.jpg) no-repeat center center / cover;
}
#storypage_head.people01{
	background:url(/img/story/people01/catch.jpg) no-repeat center center / cover;
}
#storypage_head.people02{
	background:url(/img/story/people02/catch.jpg) no-repeat center center / cover;
}
#storypage_head.people03{
	background:url(/img/story/people03/catch.jpg) no-repeat center center / cover;
}
#storypage_head.people04{
	background:url(/img/story/people04/catch.jpg) no-repeat center center / cover;
}
#storypage_head img{
	display:none;
}

#storypage_wrap{
	background:#FFF;
	margin-top:600px;
	padding-bottom:5px;
	position:relative;
	z-index:10;
}

#story_no{
	background:#008C69;
	color:#FFF;
	font-size:93.3%;
	width:128px;
	height:128px;
	border-radius:70px;
	text-align:center;
	margin:0 auto;
	position:relative;
	top:-64px;
	box-sizing:border-box;
	padding-top:31px;
}
#story_no span{
	display:block;
	font-size:228.6%;
	margin:6px 0 0;
}

#story_catch{
	text-align:center;
	color:#008C69;
	font-size:280%;
	line-height:1.7em;
	margin:-30px 0 0;
}
#storypage_wrap h1{
	text-align:center;
	font-size:186.7%;
	margin:0 0 55px;
}
#story_name_t{
	display:block;
	font-size:50%;
	margin-bottom:15px;
}
#story_name_b{
	display:block;
	font-size:42.85%;
	margin-top:8px;
}
#storypage_wrap h1::before{
	content:"";
	display:block;
	width:40px;
	height:1px;
	margin:36px auto 45px;
	background:#008C69;
}

.story_box{
	width:1000px;
	margin:0 auto 45px;
}

.story_box h2{
	text-align:center;
	color:#008C67;
	font-size:213.3%;
	margin:44px 0 51px;
}
.story_box h3{
	font-size:133.3%;
	padding-left:60px;
	background:url(/img/story/h3_bar.svg) no-repeat left top 14px;
	margin:45px 0 20px;
}

.story_txt_box{
	padding-left:60px;
	margin-bottom:50px;
}

.story_txt_box p{
	margin:0 0 26px;
}

.story_box img.h_460{
	height:460px;
}
.story_box img.h_560{
	height:560px;
}
.story_fullcatch{
	height:560px;
	width:100%;
	background:url(/img/story/president/pic_2.jpg) no-repeat center center / cover;
}
.story_fullcatch img{
	display:none !important;
}

#another_stories{
	background:#E4EBEB;
	padding:37px 0 48px;
	position:relative;
	z-index:10;
}
#another_stories h2{
	color:#008C66;
	font-size:160%;
	text-align:center;
	margin-bottom:28px;
}
#another_nav li{
	width:320px;
}
#another_nav li a{
	text-decoration:none;
	color:#444;
	display:block;
}
#another_nav li a figure{
	margin:0;
	width:320px;
	overflow:hidden;
}
#another_nav li a img{
	width:100%;
	height:auto;
	display:block;
	transition:all 0.3s;
	transform:scale(1);
}
#another_nav li a:hover img{
	transition:all 0.3s;
	transform:scale(1.1);
}
#another_nav li a .another_name{
	font-size:133.3%;
	margin-top:3px;
	padding-left:2px;
}
.another_name_t{
	display:block;
	font-size:60%;
	margin-bottom:1px;
}
.another_name2{
	font-size:50%;
	margin-left:8px;
}

.nojs_nav{
	margin:0 auto;
	width:1000px;
	overflow:hidden;
}
.nojs_nav li{
	float:left;
	width:32% !important;
	margin-right:2%;
	margin-bottom:2%;
}
.nojs_nav li:nth-child(3n){
	margin-right:0;
}

#pankuzu.storypage_pankuzu{
	background:#FFF;
	position:relative;
	z-index:10;
}
#pankuzu.storypage_pankuzu ul{
	max-width:1000px;
	padding:25px 20px 8px !important;
	margin:0 auto !important;
}

/* 実績紹介 */
#worklist_content_area{
	width:1000px;
	margin:0 auto;
}
#work_cate_box form{
	width:720px;
	margin:49px auto 50px;
}
.select_cate{
	border:2px solid #008C69;
	color:#008C68;
	width:580px;
	height:70px;
	padding:0 20px;
	margin-right:5px;
	font-family:'Noto Sans Japanese', sans-serif, "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック";
	-webkit-appearance:none !important;
	-moz-appearance:none !important;
	appearance:none !important;
	background:url(/img/common/arrow_pulldown.svg) no-repeat right 19px center;
}
.select_cate::-ms-expand{
	display:none;
}
input[type="button"],input[type="text"],input[type="submit"],select{
	-webkit-appearance:none !important;
	border-radius:0 !important;
}

.work_cate_btn{
	background:#008C69;
	border:#008C69 1px solid;
	color:#FFF;
	height:70px;
	width:130px;
	font-family:'Noto Sans Japanese', sans-serif, "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック";
	transition:all 0.3s;
}
.work_cate_btn:hover{
	background:#005E46;
	border-color:#005E46;
	transition:all 0.3s;
}

#work_result{
	margin:57px 0 49px;
}
#work_result h2{
	color:#008C67;
	font-size:160%;
	margin:24px 0;
}
#work_result_box{
	border:2px solid #008C69;
	padding:22px 29px 2px;
	position:relative;
}
#work_result_box span{
	color:#008C66;
	font-size:120%;
}
#work_result_box a{
	position:absolute;
	top:20px;
	right:27px;
	text-decoration:underline;
	color:#444;
}
#work_result_box a:hover{
	text-decoration:none;
}
#work_result_box table{
	width:100%;
	border-top:1px solid #D7E2E2;
	border-left:1px solid #D7E2E2;
	margin:25px 0;
}
#work_result_box table th, #work_result_box table td{
	border-bottom:1px solid #D7E2E2;
	border-right:1px solid #D7E2E2;
	padding:11px 15px 12px;
	text-align:left;
	vertical-align:top;
}
#work_result_box table th{
	background:#F1F5F5;
	width:25%;
}

#work_top{
	border-top:1px dotted #D7E2E2;
	overflow:hidden;
}
.work_top_l{
	float:left;
	font-size:80%;
	margin:17px 0 0;
}
.work_top_l > span{
	font-size:166.7%;
	margin:0 6px 0 3px;
}
.work_top_r{
	float:right;
	margin:18px 0 0;
}

#work_list{
	margin:39px 0 0;
}
#work_list ul{
	overflow:hidden;
}
#work_list ul li{
	float:left;
	width:30%;
	margin-right:5%;
	margin-bottom:4.5%;
}
#work_list ul li:nth-child(3n){
	margin-right:0;
}
#work_list ul li:nth-child(3n+1){
	float:left;
	clear:left;
}
#work_list ul li a{
	display:block;
	color:#444;
	text-decoration:none;
}
#work_list ul li a figure{
	margin:0;
	display:block;
	width:100%;
	position:relative;
}
#work_list ul li a figure::before{
	content:"";
	display:block;
	padding-top:62.8%;
}
.figure_box{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	overflow:hidden;
}
#work_list ul li a figure img{
	width:100%;
	height:100%;
	transform:scale(1);
	transition:all 0.3s;
}
#work_list ul li a:hover figure img{
	transition:all 0.3s;
	transform:scale(1.1);
}
.work_list_title{
	color:#008C67;
	font-size:120%;
	background:url(/img/common/arrow_green_r.svg) no-repeat top 11px right;
	padding-right:20px;
	line-height:1.5em;
	margin:8px 0 18px;
}
.work_list_box{
	display:table;
	font-size:80%;
	height:28px;
	margin-bottom:5px;
	width:100%;
}
.work_list_h{
	display:table-cell;
	color:#FFF;
	background:#008C69;
	text-align:center;
	width:80px;
	vertical-align:middle;
}
.work_list_d{
	display:table-cell;
	background:#F1F5F5;
	vertical-align:middle;
	padding:0 10px;
}
	
.botomm_pagenav{
	border-top:1px dotted #D7E2E2;
	overflow:hidden;
	padding:18px 0 0;
	margin:0 0 40px;
}
.botomm_pagenav .wp-pagenavi{
	float:right;
}
.wp-pagenavi{
	position:relative;
	padding:0 39px 0 41px;
}
.current, .page{
	font-size:93.3%;
	color:#444 !important;
	text-decoration:none !important;
	margin:0 5px;
	transition:all 0.3s;
	border-bottom:2px solid #FFF;
}
.current, .page:hover{
	border-bottom:2px solid #008C68;
	color:#008C68 !important;
	transition:all 0.3s;
}
.previouspostslink{
	background:#D7E2E2 url(/img/common/arrow_white_l.svg) no-repeat center center / 6px 10px;
	display:inline-block;
	height:26px;
	width:26px;
	font-size:0;
	text-decoration:none !important;
	position:absolute;
	top:0;
	left:0;
	transition:all 0.3s;
}
.nextpostslink{
	background:#D7E2E2 url(/img/common/arrow_white_r.svg) no-repeat center center / 6px 10px;
	display:inline-block;
	height:26px;
	width:26px;
	font-size:0;
	text-decoration:none !important;
	position:absolute;
	top:0;
	right:0;
	transition:all 0.3s;	
}
.previouspostslink:hover, .nextpostslink:hover{
	background-color:#008C68;
	transition:all 0.3s;
}

.first, .last{
	font-size:93.3%;
	color:#444 !important;
	text-decoration:none !important;
	margin:0 5px;
	transition:all 0.3s;
	border-bottom:2px solid #FFF;
	display:inline-block;
}
.first:hover, .last:hover{
	border-bottom:2px solid #008C68;
	color:#008C68 !important;
	transition:all 0.3s;
}
.extend{
	margin:0 4px;
	display:inline-block;
}


/* 実績紹介詳細 */
#work_page_area{
	width:720px;
	margin:50px auto 0;
}
#work_catch{
	margin:0 0 3px;
}
#work_catch > img{
	width:100%;
	height:auto;
}

#work_page_area table{
	width:100%;
	border-top:1px solid #D7E2E2;
	border-left:1px solid #D7E2E2;
	margin:27px 0 50px;
}
#work_page_area table th, #work_page_area table td{
	border-bottom:1px solid #D7E2E2;
	border-right:1px solid #D7E2E2;
	padding:11px 15px 12px;
	text-align:left;
	vertical-align:top;
}
#work_page_area table th{
	background:#F1F5F5;
	width:25%;
}
#work_gallery{
	overflow:hidden;
}
#work_gallery div{
	float:left;
	width:46.5%;
	margin-right:7%;
	margin-bottom:6.3%;
}
#work_gallery div:nth-child(2n){
	margin-right:0;
}
#work_gallery div:nth-child(2n+1){
	float:left;
	clear:left;
}

#work_gallery div figure{
	margin:0;
}
#work_gallery div figure img{
	width:100%;
	height:auto;
}
#work_gallery div figure figcaption{
	margin-top:3px;
}

#worktop_re{
	border-top:1px dotted #D7E2E2;
	margin:1px 0 32px;
	padding:30px 0 0;
	text-align:center;
}

#worktop_re a{
	font-size:93.3%;
	color:#444 !important;
	text-decoration:none;
	display:inline-block;
	width:320px;
	height:50px;
	text-align:center;
	line-height:43px;
	outline:none;
	position:relative;
	z-index:2;
	border:3px solid #E5E5E5;
	overflow:hidden;
	background:#fff url(/img/common/arrow_green_r.svg) no-repeat right 14px center;
}
#worktop_re a::before,
#worktop_re a::after{
	position:absolute;
	z-index:-1;
	display:block;
	content:'';
}
#worktop_re a,
#worktop_re a::before,
#worktop_re a::after{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:all .3s;
	transition:all .3s;
}
#worktop_re a:hover{
	color:#fff !important;
	border-color:#008C69;
}
#worktop_re a::after{
	top:0;
	left:0;
	width:100%;
	height:100%;
	-webkit-transform:scale(.5);
	transform:scale(.5);
}
#worktop_re a:hover::after{
	background:#008C69 url(/img/common/arrow_white_r.svg) no-repeat right 14px top 18px;
	-webkit-transform:scale(1);
	transform:scale(1);
}

/* お問い合わせ */
.contact_box{
	border:#008C69 2px solid;
	padding:20px 28px;
	box-sizing:border-box;
	margin-bottom:30px;
}

.contact_wrap{
	display:table;
	width:100%;
}
.contact_wrap h2{
	display:table-cell;
	width:249px;
	font-size:120% !important;
	padding:5px 0;
}
.contact_wrap p{
	display:table-cell;
	vertical-align:middle;
	padding-top:2px;
}
#contact_h2_tel{
	background:url(/img/contact/icon_tel.svg) no-repeat left center;
	padding-left:46px;
}
#contact_h2_fax{
	background:url(/img/contact/icon_fax.svg) no-repeat left center;
	padding-left:47px;
}
#contact_h2_mail{
	background:url(/img/contact/icon_mail.svg) no-repeat left center;
	padding-left:46px;
}

.contact_wrap p a{
	text-decoration:none !important;
	color:#444 !important;
	font-size:160%;
	cursor:default;
	margin-right:11px;
}
.contact_tel_s{
	font-size:93.3%;
	vertical-align:top;
}
.contact_fax_l{
	font-size:160%;
}

#contact_mail_box{
	margin:20px 0 8px !important;
	padding:0 !important;
	list-style:none;
	display:flex;
	border-left:1px solid #DEE0E0;
}
#contact_mail_box li{
	list-style:none !important;
	border-right:1px solid #DEE0E0;
	width:100%;
}
#contact_mail_box li a, #contact_mail_box li > noscript > div{
	color:#444 !important;
	text-decoration:none;
	text-align:center;
	display:block;
	padding:77px 20px 18px;
	transition:background-color 0.3s;
}
#contact_mail_box li a:hover{
	background-color:#D9EEE9;
	transition:background-color 0.3s;
}

.mitsumori{
	background:url(/img/contact/icon_mitsumori.svg) no-repeat top 21px center;
}
.fudosan{
	background:url(/img/contact/icon_fudosan.svg) no-repeat top 21px center;
}
.saiyo{
	background:url(/img/contact/icon_saiyo.svg) no-repeat top 21px center;
}

.mail_h{
	font-size:120%;
}
.mail_h::after{
	display:block;
	background:#0C9170;
	height:3px;
	width:24px;
	content:"";
	margin:16px auto 24px;
}

.mail_name{
	font-size:93.3%;
}
.mail_add{
	font-size:133.3%;
	color:#008C67 !important;
	margin-top:9px;
}
#content_area.wide #pankuzu ul{
	margin:70px 0 8px !important;
}

/* ニュース一覧 */
#news_list{
	margin:0 !important;
	padding:0 !important;
}
#news_list li{
	list-style:none !important;
}

#news_list li a{
	text-decoration:none;
	color:#444;
	background:url(/img/common/arrow_green_r.svg) no-repeat right 20px center;
	display:block;
	transition:all 0.3s;
	padding:18px 50px 18px 20px;
}
#news_list li a:hover{
	background-color:#D9EEE9;
	transition:all 0.3s;
}

.list_cate_date{
	font-size:80%;
	margin-bottom:7px;
}


.list_cate{
	display:inline-block;
	background:#1F8461;
	text-align:center;
	color:#FFF;
	width:118px;
	line-height:1.7em;
	margin-right:14px;
}
.list_cate.icon_attention{background:#BB2B2B;}
.list_cate.icon_mizukura-tsushin{background:#666;}
.list_date{
	color:#444 !important;
}

#news_pagenavi{
	border-top:1px dotted #D7E2E2;
	overflow:hidden;
	margin:48px 0 55px;
	padding:19px 0 0;
}
.wp-pagenavi{
	float:right;
}

#side_arc, #side_cate{
	margin-bottom:50px;
}
#side_arc ul li, #side_cate ul li{
	border-bottom:1px solid #DEE0E0;
}
#side_arc ul li a, #side_cate ul li a{
	text-decoration:none;
	color:#444;
	display:block;
	background:url(/img/common/arrow_green_r.svg) no-repeat right 15px center;
	padding:11px 25px 13px 13px;
	transition:all 0.3s;
}
#side_arc ul li a:hover, #side_cate ul li a:hover{
	background-color:#DAEEE9;
	transition:all 0.3s;
}
#side_arc ul li a.side_on, #side_cate ul li.current-cat a{
	background:#008C69 !important;
	color:#FFF;
}
.side_top{
	border-top:2px solid #008C69;
}
.side_top a{
	font-size:120% !important;
	padding:17px 30px 15px 14px !important;
}


/* ニュース詳細 */
#news_article #content_area{
	margin-top:27px;
}
#news_art_top{
	font-size:80%;
	margin-bottom:32px;
}
#news_pager{
	border-top:1px dotted #D7E2E2;
	text-align:center;
	margin:46px 0 55px;
	padding:17px 0 0;
}
#news_pager_t{
	overflow:hidden;
	margin-bottom:31px;
}
#news_pager_t a[rel="next"]{
	text-decoration:none !important;
	color:#444 !important;
	background:url(/img/common/arrow_green_l.svg) no-repeat left center;
	padding-left:20px;
	float:left;
	font-size:93.3%;
	padding:0 0 1px 12px;
}
#news_pager_t a[rel="prev"]{
	text-decoration:none !important;
	color:#444 !important;
	background:url(/img/common/arrow_green_r.svg) no-repeat right center;
	padding-right:20px;
	float:right;
	font-size:93.3%;
	padding:0 11px 0 0;
}
#news_pager_t a:hover{
	text-decoration:underline !important;
}

#news_list_link{
	font-size:93.3%;
	color:#444 !important;
	text-decoration:none !important;
	display:inline-block;
	width:320px;
	height:50px;
	text-align:center;
	line-height:43px;
	outline:none;
	position:relative;
	z-index:2;
	border:3px solid #E5E5E5;
	overflow:hidden;
	background:#fff url(/img/common/arrow_green_r.svg) no-repeat right 14px center;
}
#news_list_link::before,
#news_list_link::after{
	position:absolute;
	z-index:-1;
	display:block;
	content:'';
}
#news_list_link,
#news_list_link::before,
#news_list_link::after{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:all .3s;
	transition:all .3s;
}
#news_list_link:hover{
	color:#fff !important;
	border-color:#008C69;
}
#news_list_link::after{
	top:0;
	left:0;
	width:100%;
	height:100%;
	-webkit-transform:scale(.5);
	transform:scale(.5);
}
#news_list_link:hover::after{
	background:#008C69 url(/img/common/arrow_white_r.svg) no-repeat right 14px top 18px;
	-webkit-transform:scale(1);
	transform:scale(1);
}



@media print{
#story01_box .flow_box_story, #story03_box .flow_box_story, #story05_box .flow_box_story,.flow_story_l{
	left:500px;
	top:150px;
}
#story02_box .flow_box_story, #story04_box .flow_box_story, #story06_box .flow_box_story,.flow_story_r{
	right:500px;
	top:150px;
}
.flow_box_story,.flow_story_l,.flow_story_r{
	width:100px;
	height:100px;
}
.flow_box_story h3{
	padding-top:18px;
}
.flow_box_txt_top{
	font-size:120%;
}
#story01_box .flow_box_txt_top, #story03_box .flow_box_txt_top, #story05_box .flow_box_txt_top{
	left:16px;
}
#story01_box .flow_box_txt_bottom, #story03_box .flow_box_txt_bottom, #story05_box .flow_box_txt_bottom{
	padding-left:16px;
}
.txt_bottom_name{
	font-size:133.3%;
}
#storypage_head{
	position:absolute;
}

}

@media screen and (min-width:1040px) and (max-width:1096px){
.slick-prev{
	left:20px !important;
}
.slick-next{
	right:20px !important;
}
}

/* 水倉ストーリーc1 */
@media screen and (min-width:1000px) and (max-width:1280px){
#story01_box .flow_box_story, #story03_box .flow_box_story, #story05_box .flow_box_story,.flow_story_l{
	left:500px;
	top:150px;
}
#story02_box .flow_box_story, #story04_box .flow_box_story, #story06_box .flow_box_story,.flow_story_r{
	right:500px;
	top:150px;
}
.flow_box_story,.flow_story_l,.flow_story_r{
	width:100px;
	height:100px;
}
.flow_box_story h3{
	padding-top:18px;
}
.flow_box_txt_top{
	font-size:120%;
}
#story01_box .flow_box_txt_top, #story03_box .flow_box_txt_top, #story05_box .flow_box_txt_top, .story_flow_box_l .flow_box_txt_top{
	left:16px;
}
#story01_box .flow_box_txt_bottom, #story03_box .flow_box_txt_bottom, #story05_box .flow_box_txt_bottom, .story_flow_box_l .flow_box_txt_bottom{
	padding-left:16px;
}
.txt_bottom_name{
	font-size:133.3%;
}
.story_project .flow_box_story h3{padding-top:10px;}
.story_project .flow_box_story h3 span{line-height:1.2;}
}


@media screen and (min-width:768px) and (max-width:999px){

.flow_box_img{width:calc(100% - 384px);}
.flow_box_img img{width:100%;}
.flow_box_txt{
	width:384px;
	box-sizing:border-box;
}
#story01_box .flow_box_story, #story03_box .flow_box_story, #story05_box .flow_box_story,.flow_story_l{
	left:auto;
	top:calc(50% - 43px);
	right:342px;
}
#story02_box .flow_box_story, #story04_box .flow_box_story, #story06_box .flow_box_story,.flow_story_r{
	right:auto;
	top:calc(50% - 43px);
	left:342px;
}
.flow_box_story,.flow_story_l,.flow_story_r{
	width:84px;
	height:84px;
}
.flow_box_story h3{
	padding-top:15px;
	font-size:80%;
}
.flow_box_story h3 span{
	font-size:200%;
	margin-top:-1px;
}
.flow_box_txt_top{
	font-size:106.7%;
	top:54px;
	letter-spacing:0;
}
#story01_box .flow_box_txt_top, #story03_box .flow_box_txt_top, #story05_box .flow_box_txt_top, .story_flow_box_l .flow_box_txt_top{
	left:9px;
}
.flow_box_txt_bottom{bottom:21px;}
#story01_box .flow_box_txt_bottom, #story03_box .flow_box_txt_bottom, #story05_box .flow_box_txt_bottom, .story_flow_box_l .flow_box_txt_bottom{
	padding-left:10px;
}
.txt_bottom_top{
	font-size:80%;
	margin-bottom:13px;
}
.txt_bottom_name{
	font-size:133.3%;
	margin-right:11px;
}
.story_project .flow_box_story h3{padding-top:11px;}

}


/*-------------------------------------------------------------
	ページに関する指定(tab)
-------------------------------------------------------------*/
@media screen and (min-width:768px) and (max-width:1040px){

/* ヘッダー */
#header_wrap{
	width:auto;
	padding:0 20px;
}
#logo{margin-top:27px;}
#logo a, #logo img{width:175px;}
#menu nav ul li{margin-left:0;}
.menu{font-size:93.3%;}
.menu > span{padding:0 5px;}
#header_dl_recruit{margin-left:5px;}
#header_dl_recruit ul li{padding-left:6px;}
#header_dl_recruit ul li:first-child{margin-right:6px;}
#header_dl_recruit ul li a{letter-spacing:0;}
#header_dl_recruit ul li:first-child a{padding-left:16px;}
#header_dl_recruit ul li:nth-child(2) a{padding-left:15px;}
#header_recruit{margin:2px 0 0 15px;}

/* フッター */
.footer_wrap{
	width:auto;
	padding:0 20px;
}
#footer_top .footer_wrap{padding:26px 20px 30px;}
#footer_bottom .footer_wrap{padding:13px 20px;}


/* トップページ */
.index_wrap{
	width:auto;
	padding:0 20px;
}
#index_about .index_wrap{padding:66px 20px 50px;}
#index_about .index_wrap img{width:100%;}
#index_tah .index_wrap{padding:71px 20px 52px;}
#index_tah_2column{
	width:auto;
	max-width:785px;
}

.slick-prev{left:20px !important;}
.slick-next{right:20px !important;}

.nojs_slide{
	width:auto;
	padding:0 20px;
}
.nojs_slide a{
	height:auto;
	width:100%;
}
.nojs_slide a img{display:block;}

#index_recruit .index_wrap{padding:72px 20px 50px;}
#index_recruit_pcimg{width:100%;}
#index_recruit_box .index_btn1{
	bottom:20%;
	right:3%;
}
#index_link .index_wrap{padding:50px 20px;}
#index_link_4column div a img{width:100%;}

.index_bnr_area li{margin-right: 1.5%;}
.index_bnr_link{font-size:12px;}

/* コンテンツ */
#content_header h1{
	width:100%;
	box-sizing:border-box;
}
#c1_content_area{width:auto;}

/* c1 */
#c1_2column > div{
	width:47.5%;
	margin-right:5%;
}
#c1_3column > div{
	width:30%;
	margin-right:5%;
}
#c1_3column > div:nth-child(3n+1){
	clear:left;
	float:left;
}
#c1_2column figure, #c1_3column figure{
	height:auto;
}

#c1_2column a figure img, #c1_3column a figure img{
	width:100%;
	display:block;
}

/* コンテンツ */
#content_side_box{
	width:auto;
}
#content_area{
	margin-right:4%;
	width:72%;
}
#local_nav_area{
	width:24%;
}
#content_area img{
	width:auto;
	max-width:100%;
}

#content_header h1{
	padding:0 27% 0 20px;
}


/* 交通アクセス */
#content_area iframe{
	width:100%;
}

#story_h_line.smp_fadein path{
	transition:all 1s;
	fill:rgba(255,255,255,1);
}

/* 水倉ストーリー詳細 */
#storypage_head{
	position:static;
	margin-top:-88px;
}
#storypage_wrap{
	margin-top:-3px;
}
#story_catch{
	padding:0 40px;
}
.story_box{
	width:auto;
	padding:0 20px;
}
.story_box img{
	width:auto;
	max-width:100%;
	height:auto !important;
}
.story_fullcatch{
	height:auto;
}
.story_fullcatch img{
	display:block !important;
	width:100%;
	height:auto;
}

.nojs_nav{
	width:auto;
	padding:0 20px;
}
#another_nav.nojs_nav li a figure{
	width:100%;
}


/* 実績紹介 */
#worklist_content_area{
	width:auto;
	padding:0 20px;
}


/* お問い合わせ */
#content_area.wide{
	width:auto !important;
}
#contact_mail_box li a, #contact_mail_box li > noscript > div{
	box-sizing:border-box;
	height:100%;
}
#contact_h2_tel{
	background-position:left top 2px;
}
#contact_h2_mail{
	background-position:left top 6px;
}
.contact_tel_s{
	display:block;
}
.mail_add{
	word-break:break-all;
}


}


/*--------------------------------------------------------------------------------------------------------------------
	ページに関する指定(SP)
--------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:767px){
input[type="button"],input[type="submit"]{
	-webkit-appearance:none;
}
body{
	-webkit-text-size-adjust:100%;
}
input,
textarea,
select{
	font-size:16px;
}
body{
	background:#fff;
	width:auto;
}
img{
	width:auto;
	height:auto !important;
	max-width:100%;
}

#nojs{
	width:auto;
	background:#fff;
	color:#f00;
	padding:10px;
	border:5px solid #F00;
	text-align:center;
	margin:10px auto;
}

/* ヘッダー */
header{
	position:relative;
}
#header_wrap{
	width:auto;
	height:50px;
}
#logo{
	margin:9px 0 0 15px;
}
#logo img{
	width:160px;
}


#menu-box{
	overflow:auto;
	float:none;
	padding:0;
}
#toggle{
	display:block;
	float:right;
}
#toggle a{
	display:block;
	background:url(img/common/smp_menu_open.svg) no-repeat center center;
	width:50px;
	height:50px;
	font-size:0;
	text-decoration:none;
}
#toggle a.open{ background:url(img/common/smp_menu_close.svg);}
#menu{
	display:block;
	clear:both;
	background:#008C69;
	position:absolute;
	z-index:300;
	top:30px;
	left:0;
	width:100%;
	box-shadow:0 4px 5px rgba(0, 0, 0, 0.5);
}
.menu_dis{ display:none !important;}
.menu_mbox{ display:block !important;}
#menu nav{
	float:none;
}
#menu nav ul li{
	display:block;
	border-bottom:#116443 1px solid;
}
.menu{
	color:#FFF;
	padding:13px 0 12px;
	line-height:normal;
}
.menu:hover, .menu.on{
	color:#FFF !important;
}
.menu::after, .menu::before,.menu:hover::after, .menu:hover::before{display:none;}

#header_dl_recruit{
	margin:0;
	background:#116443;
	float:none;
	padding:9px 0 11px;
}
#header_dl_recruit ul li{
	padding-left:0;
	width:50%;
	text-align:center;
	box-sizing:border-box;
	padding:2px 0 1px;
}
#header_dl_recruit ul li::before{display:none;}
#header_dl_recruit ul li:first-child{
	margin-right:0;
	border-right:1px solid #A0C1B4;
}
#header_dl_recruit ul li a{
	color:#FFF;
}
#header_dl_recruit ul li:first-child a{
	background:url(/img/common/icon_download_white.svg) no-repeat left center / 12px auto;
	padding-left:18px;
}
#header_dl_recruit ul li:nth-child(2) a{
	background:url(/img/common/popup_white.svg) no-repeat left center / 11px auto;
	padding-left:18px;
}


#header_recruit{
	float:none;
	margin:0;
	text-align:center;
}
#header_recruit a{
	display:block;
	padding:10px 0 14px;
	background:#116443;
	font-size:106.7%;
}
#header_recruit a span{
	background-position:left top 10px;
}


/* フッター */
#page_top{
	position:static;
	width:100%;
	height:40px;
}
#page_top a{
	background:#008C69 url(/img/common/arrow_white_u.svg) no-repeat center center;
	height:100%;
	width:100%;
}
#page_top a:hover img{
	opacity:0;
}

.footer_wrap{
	width:auto;
}
#footer_top{
	border-bottom:1px solid #DEE0E0;
}
#footer_top .footer_wrap{
	text-align:center;
	padding:20px 20px 40px;
}
.content_footer{
	background:#FFF;
}
#footer_img_l{
	display:none;
}
#footer_img_r{
	display:none;
}
#smp_footer_logo{
	display:block;
	width:206px;
	margin:0 auto;
}
#footer_bottom .footer_wrap{
	padding:0;
}
#footer_bottom .footer_wrap div:first-child{
	float:none;
	margin-left:0;
	overflow:hidden;
	border-bottom:1px solid #DEE0E0;
}
#footer_bottom .footer_wrap div a{
	width:50%;
	float:left;
	display:block;
	box-sizing:border-box;
	margin-right:0;
	text-align:center;
	padding:12px 0 11px;
}
#footer_bottom .footer_wrap div a:nth-child(2){
	border-right:1px solid #DEE0E0;
}

#footer_bottom .footer_wrap div:last-child{
	text-align:center;
	float:none;
	padding:13px 0 12px;
}

/* 20240605 footer追記 */
.instagram_sp{
	display: block;
	text-decoration: none;
	color: #333;
	font-size: 80%;
	letter-spacing: 0.72px;
	line-height: 141.666%;
}
.instagram_sp img{
	width: 24px;
	display: block;
	margin: 40px auto 8px;
}
.instagram_pc{display: none !important;}

/* トップ */
#index_mv{height:128px;}
#index_mv{display:none;}
#index_mv_smp{
	display:block;
	background:#999 none repeat scroll 0 0;
	overflow:hidden;
	position:relative;
	width:100%;
	height:300px;
}
.demo-inner-content{
	position:relative;
	height:100%;
	margin:auto;
	padding:0;
	width:250px;
}
.demo-inner-content img{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
/* 2023/10 add - 110th */
#index_bnr{margin:20px 0;}
.index_bnr_area{display:block;}
.index_bnr_link{margin:0 0 10px;}
.index_bnr_link:last-child{margin-bottom:0;}
.index_bnr_area a{
	width:266px;
	margin:auto;
}
/* 2023/10 add - end */

.index_st_link{
	position:absolute;
	right:10px;
	bottom:10px;
	margin:0;
}
.index_st_link a{padding:10px 10px 4px;}
.index_st_link a img{max-width:200px;margin:0 auto 3px;}

.index_st_t{
	background:rgba(0, 102, 77,0.7) url(img/common/arrow_white_r.svg) right 14px center no-repeat;
	background-size:auto 5px;
	padding:12px 40px 12px 10px;
}
.index_st_t img{width:120px;}
.index_st_b{padding:8px 10px;font-size:66.7025%;}

#index_story{margin:47px 0 30px;}
#index_story_link{position:relative; margin:0 -20px;}
#index_story_link img.sp_img{display:block; width:auto; height:auto; margin:auto;}
#index_story_link img.pc_img{display:none;}
#index_story p{margin:10px 0 20px; font-size:80.004%; line-height:1.5;}
#index_story_link_txt{position:absolute; width:100%; height:100%; top:0; left:0; display:flex; align-items:center;justify-content:center;}
#index_story_link_txt_in{background:rgba(31, 132, 97,0.7); padding:20px 30px;}
#index_story_link_txt_in img{ display:block;margin:0 auto 10px; max-width:186px; height:auto;}
#index_story_link_txt_in .index_btn1{width:200px; height:32px; line-height:24px; font-size:78.64%;}
#index_movie{margin-top:30px;}

.index_wrap{
	width:auto;
	padding:0 20px;
}
.index_wrap h2{
	font-size:120%;
}
.index_wrap h2 span{
	font-size:66.7%;
	margin-top:-2px;
	display:block;
}

#index_news .index_wrap{height:auto; padding:30px 20px 0;}
#index_news h2{
	margin-right:0;
	float:none;
	font-size:120%;
}
#index_news h2 span{display:block;}
#index_news_box{
	display:block;
	float:none;
	background:#FFF;
	padding:16px 20px 22px;
	font-size:93.3%;
	margin:12px 0 0;
	width:auto;
}
#index_news_box div{
	display:block;
}
.index_news_cate{
	float:left;
	width:129px;
}
.index_news_cate span{
	font-size:85.7%;
}
.index_news_date{
	float:left;
	width:auto;
	padding-top:2px;
}
.index_news_title{
	clear:both;
	padding-top:8px;
}
#index_news_link{
	float:none;
	margin:20px 0 24px;
	text-align:center;
}
#index_news_link .index_btn1{
	height:50px;
	line-height:42px;
	width:240px;
}
#index_news_link .index_btn1:hover::after{
	background-position:right 14px center;
}
.index_btn1{line-height:42px;}

#index_about .index_wrap{
	padding:28px 20px 30px;
}
#index_about .index_wrap h2{
	margin-bottom:13px;
}
#index_about .index_wrap p{
	font-size:80%;
	line-height:1.7em;
	margin:11px 0 17px;
}
.index_btn1,.index_movie_link .index_btn1, #index_recruit_box .index_btn1{
	width:240px;
	box-sizing:border-box;
}


#index_tah .index_wrap{
	padding:24px 20px 30px;
}
#index_tah .index_wrap h2{
	margin-bottom:8px;
}
#index_tah .index_wrap p{
	font-size:80%;
	line-height:1.65em;
}
#index_tah_2column{
	width:100%;
	border-left:none;
	border-top:1px solid #DEE0E0;
	margin:17px auto 0;
}
#index_tah_2column div{
	width:100%;
	float:none;
	border-right:none;
	border-bottom:1px solid #DEE0E0;
	text-align:left;
	padding:0;
}
#index_tah_2column a{
	display:block;
	text-align:left;
	padding:15px 10px;
	background:url(/img/common/arrow_green_r.svg) no-repeat right 15px center;
}
#index_tah_2column figure{
	display:inline-block;
	height:60px;
	width:60px;
	margin:0;
	vertical-align:middle;
}
#index_tah_2column a span{
	background:none;
	margin-left:15px;
	padding-right:0;
}

#index_works{
	padding:31px 0 30px;
}
#index_works h2{
	font-size:120%;
	line-height:1em;
}
#index_works h2 span{
	font-size:66.7%;
	margin-top:5px;
}
.slider{
	margin:17px auto 20px !important;
}
.center .slick-slide{
	width:264px;
	height:166px;
	margin:0 15px;
}
.center a{
	width:100%;
	height:100%;
}
.center .slick-prev{
	left:10px !important;
	height:36px !important;
	width:36px !important;
	background-size:36px 36px;
}
.center .slick-next{
	right:10px !important;
	height:36px !important;
	width:36px !important;
	background-size:36px 36px;
}
.slick-prev::before, .slick-next::before{
	width:36px !important;
	height:36px !important;
	background-size:36px 36px !important;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{
	background-size:36px 36px !important;
}

.nojs_slide{
	padding:0 20px;
	width:auto;
}
.nojs_slide li{
	width:49%;
}
.nojs_slide li:nth-child(3n){
	margin-right:2%;
}
.nojs_slide li:nth-child(2n){
	margin-right:0;
}
.nojs_slide a img{
	display:block;
}

#index_recruit .index_wrap{
	padding:29px 20px 24px;
}
#index_recruit .index_wrap h2{
	margin-bottom:8px;
}
#index_recruit .index_wrap p{
	font-size:80%;
	line-height:1.65em;
}
#index_recruit_pcimg{
	display:none;
}
#index_recruit_smpimg{
	display:block;
	width:100%;
}
#index_recruit_box{
	margin:17px 0 0;
	text-align:center;
}
#index_recruit_box .index_btn1{
	position:relative;
	margin-top:20px;
	right:auto;
	bottom:auto;
}

#index_link .index_wrap{
	padding:20px 20px 10px;
}
#index_link_4column div{
	width:48%;
	margin-right:4%;
	margin-bottom:10px;
}
#index_link_4column div:nth-child(2n){
	margin-right:0;
}


#index_link_4column div a img{
	width:100%;
}

/* コンテンツ */


#content_header{
	height:auto;
}
#content_header_bg{
	height:100%;
}
#content_header h1{
	font-size:133.3%;
	width:100%;
	box-sizing:border-box;
	padding:21px 20px 20px;
}
#content_header h1 span{
	padding-bottom:3px;
}


#content_side_box{
	width:auto;
}

#content_area{
	font-size:80%;
	float:none;
	width:auto;
	margin:20px auto 0;
	line-height:1.65em;
}
#local_nav_area{
	float:none;
	width:auto;
	position:static;
	margin:0 0 39px;
}
#local_navi ul li{
	font-size:93.3%;
}
#local_navi ul li.local_nav_top{
	font-size:100%;
}

#c1_content_area{
	font-size:80%;
	margin:20px auto 0;
	width:auto;
}

#pager{
	border-top:none;
	font-size:116.6%;
	margin:20px 0 40px;
}

#pager a{
	display:table;
	width:100%;
	height:50px;
	border:#E5E5E5 1px solid;
	padding:0;
	box-sizing:border-box;
}
#pager a span{
	display:table-cell;
	vertical-align:middle;
	float:none;
}
#pager_r{
	text-align:right;
	background-position:right 15px center;
}
#pager_r span{
	padding-right:30px;
}
#pager_l{
	text-align:left;
	background-position:left 16px center;
	margin-bottom:10px;
}
#pager_l span{
	padding-left:33px;
}
#pankuzu{
	font-size:83.3%;
}
#pankuzu ul{
	margin:20px 0 !important;
}

/* c1 */
#c1_2column{
	margin-bottom:1px;
}
#c1_2column > div{
	float:none;
	margin-right:0;
	width:auto;
	margin-bottom:35px;
}
#c1_2column figure{
	height:auto;
	width:auto;
	margin:0 0 10px;
}
#c1_2column a figure img, #c1_3column a figure img{
	display:block;
	width:100%;
}
.c1_title{
	font-size:150%;
	margin-bottom:4px;
}
.c1_cap{
	font-size:100%;
	line-height:1.6em;
}
#c1_3column > div{
	float:none;
	width:auto;
	margin-right:0;
	margin-bottom:35px;
}
#c1_3column figure{
	height:auto;
	width:auto;
	margin:0 0 10px;
}
#c1_3column .c1_title{
	margin-bottom:4px;
}


/* c2 */
#content_area h2{
	font-size:150%;
	margin:46px 0 18px;
}
#content_area h3{
	margin:26px 0 16px;
}
#content_area h4{
	font-size:108.4%;
	background-position:left 4px center;
	padding-left:23px;
	margin:22px 0 7px;
}


#content_area p{
	margin:10px 0;
}
#content_area table{
	margin:10px 0;
}

#content_area ul, #content_area ol{
	padding-left:20px;
}

.cta_box{
	padding:0 18px;
}
.cta_box p strong{
	font-size:116.6%;
}
.cta_box a{
	width:100%;
	font-size:116.6%;
	max-width:320px;
}


.content_contact_box{
	padding:25px 18px;
	margin:25px 0;
}
.content_contact_box h3{
	font-size:116.7% !important;
}

.column_2 div{
	float:none;
	width:100%;
	margin-right:0;
}


/* メッセージ */
#message_name{
	font-size:133.3%;
}
/* 水倉組について */
#about_torikumi_box{
	padding:29px 30px 1px;
	margin:25px 0;
}
#about_torikumi_box dl dt{
	text-align:center;
	padding-bottom:10px;
	margin-bottom:12px;
}
#about_torikumi_box dl dt span{
	display:block;
	font-size:187.5%;
	margin-bottom:17px;
}
#about_torikumi_box dl dd{
	margin-bottom:27px;
}

iframe{
	width:100%;
	height:300px;
}

/* 工法紹介 */
#sekou_flow ol{
	padding:20px 10px 5px;
}
/* 水倉ストーリー */
#story_head{
	height:auto;
	background:none;
}
#story_smp_head{
	position:relative;
}
#story_smp_bg{
	display:block;
}
#story_head h1{
	position:absolute;
	top:0;
	height:100%;
	width:100%;
	padding-top:0;
}
#story_h_img{
	display:none;
}
#story_head h1 svg{
	height:100%;
	width:62%;
}
#story_h_line.smp_fadein path{
	transition:all 1s;
	fill:rgba(255,255,255,1);
}
#story_head p{
	position:static;
	color:#444;
	padding:0 20px;
	font-size:80%;
	width:auto;
	margin:12px 0 26px;
	line-height:1.5em;
}

.story_flow_box{
	margin-top:0;
}
.flow_link{
	display:block;
}
.flow_box_img{
	width:100%;
}
#story01_box .flow_box_img, #story03_box .flow_box_img, #story05_box .flow_box_img, #story02_box .flow_box_img, #story04_box .flow_box_img, #story06_box .flow_box_img{
	float:none;
}
.flow_box_img img{
	width:100%;
}
.flow_box_story,.flow_story_l,.flow_story_l{
	top:auto !important;
	left:0 !important;
	right:0 !important;
	bottom:auto !important;
	width:84px;
	height:84px;
	margin:-42px auto 0;
}
.flow_box_story h3{
	font-size:80%;
	padding-top:15px;
}
.flow_box_story h3 span{
	font-size:200%;
	margin-top:-2px;
}
.flow_box_txt{
	float:none;
	width:auto;
	padding:56px 29px 24px;
}
.flow_box_txt_top{
	position:static;
	font-size:93.3%;
	letter-spacing:0.04em;
}
.flow_box_txt_bottom{
	position:static;
	padding:0 !important;
	margin:12px 0 0;
}
.txt_bottom_top{
	font-size:80%;
	margin-bottom:13px;
}
.txt_bottom_name{
	font-size:133.3%;
	margin-right:12px;
}
.story_flow_wrap .story_flow_box a:hover .hover_wrap{
	opacity:0;
}
.story_flow_wrap .story_flow_box a.hover .hover_wrap{
	opacity:0.5;
	transition:all 0.3s;
}


#story_wrap #pankuzu{
	width:auto;
	padding:0 20px;
}
#story_wrap #pankuzu ul{
	margin:20px 0 5px !important;
}


/* 水倉ストーリー詳細 */
#storypage_head{
	height:auto;
	position:static;
	margin-top:-35px;
}
#storypage_head img{
	display:block;
}
#storypage_wrap{
	margin-top:0;
	font-size:80%;
}
#story_no{
	height:84px;
	width:84px;
	top:-42px;
	font-size:100%;
	padding-top:15px;
}
#story_no span{
	font-size:200%;
	margin:-1px 0 0;
}
#story_catch{
	font-size:166.7%;
	margin:-28px 0 0;
	padding:0 20px;
}

#storypage_wrap h1::before{
	margin:23px auto 24px;
}
#storypage_wrap h1{
	font-size:150%;
	margin:0 0 33px;
}
#story_name_t{
	font-size:66.7%;
	margin-bottom:10px;
}
#story_name_b{
	font-size:66.7%;
	margin-top:-2px;
}


.story_box{
	width:auto;
	margin:0 0 33px;
	padding:0 20px;
}
.story_box h2{
	font-size:150%;
	line-height:1.73em;
	margin:20px 0 9px;
}
.story_box h3{
	font-size:116.6%;
	line-height:1.53em;
	padding-left:32px;
	margin:30px 0 11px;
	background-size:23px auto;
	background-position:left top 10px;
}
.story_txt_box{
	padding-left:0;
	line-height:1.65em;
	margin:11px 0 20px;
}
.story_txt_box p{
	margin:0 0 20px;
}

.story_fullcatch{
	height:auto;
}
.story_fullcatch img{
	display:block !important;
}

#another_stories{
	padding:15px 0;
}
#another_stories h2{
	font-size:133.3%;
	margin-bottom:17px;
}
#another_nav .slick-slide{
	margin:0 15px;
}
#another_nav .slick-prev{
	left:10px !important;
	height:36px !important;
	width:36px !important;
	background-size:36px 36px;
}
#another_nav .slick-next{
	right:10px !important;
	height:36px !important;
	width:36px !important;
	background-size:36px 36px;
}
#another_nav .slick-prev, #another_nav .slick-next{
	top:38% !important;
}
#another_nav::before, #another_nav::before{
	width:36px !important;
	height:36px !important;
	background-size:36px 36px !important;
}
#another_nav:hover, #another_nav:focus, #another_nav:hover, #another_nav:focus{
	background-size:36px 36px !important;
}
#another_nav li{
	width:265px;
}
#another_nav li a figure{
	width:100%;
}
#another_nav li a img{
	width:265px;
}
#another_nav li a .another_name{
	font-size:120%;
	margin-top:4px;
	padding-left:1px;
}
.another_name_t{
	font-size:66.7%;
	margin-bottom:-2px;
}
.another_name2{
	font-size:55.6%;
	margin-left:5px;
}

.nojs_nav{
	padding:0 20px;
	width:auto;
}
.nojs_nav li{
	width:49% !important;
}
.nojs_nav li:nth-child(3n){
	margin-right:2%;
}
.nojs_nav li:nth-child(2n){
	margin-right:0;
}


/* 実績紹介 */
#worklist_content_area{
	width:auto;
	padding:0 20px;
}
#work_cate_box form{
	margin:20px auto;
	width:280px;
}
.select_cate{
	width:190px;
	height:50px;
	padding:0 6px;
}

.work_cate_btn{
	height:50px;
	width:80px;
	font-size:86.7%;
}
#work_top{
	padding-bottom:21px;
}
.work_top_l{
	float:none;
	text-align:center;
	margin:20px 0 0;
}
.work_top_r{
	float:none;
}
.wp-pagenavi{
	float:none;
	padding:0 75px;
	text-align:center;
	word-break:break-all;
}
.current, .page{
	margin:0 7px;
}
.previouspostslink{
	left:43px;
	top:calc(50% - 12px);
}
.nextpostslink{
	right:41px;
	top:calc(50% - 12px);
}

#work_list{
	margin:0;
}
#work_list ul li{
	float:none !important;
	width:100%;
	margin-right:0;
	border-top:#D7E2E2 1px dotted;
	margin-bottom:20px;
	padding-top:20px;
}
#work_list ul li:nth-child(3n+1){
	clear:both;
	float:none;
}
#work_list ul li a figure::before{
	display:none;
}
.figure_box{
	position:static;
}
.work_list_title{
	margin:0 0 18px;
}

.botomm_pagenav .wp-pagenavi{
	float:none;
}

#work_result{
	margin:25px 0 30px;
}
#work_result_box{
	padding:15px 20px 20px;
}
#work_result_box table{
	margin:25px 0 15px;
}
#work_result_box table th{
	width:35%;
}
#work_result_box a{
	position:static;
}

/* 実績紹介詳細 */
#work_page_area{
	padding:0 20px;
	width:auto;
	font-size:80%;
	margin:20px auto 0;
}
#work_page_area table{
	margin:9px 0 20px;
}
#work_gallery div{
	float:none;
	width:100%;
	margin-right:0;
}
#work_gallery div:nth-child(2n+1){
	clear:both;
	float:none;
}
#work_gallery div figure figcaption{
	margin-top:-7px;
}
#worktop_re{
	padding:19px 0 0;
}
#worktop_re a{
	width:100%;
	font-size:116.6%;
}

/* ニュース一覧 */
#news_list{
	border-top:1px dotted #DEE0E0;
}
#news_list li{
	border-bottom:1px dotted #DEE0E0;
}
#news_list li a{
	padding:14px 30px 11px 20px;
}
.list_cate_date{
	font-size:83.4%;
}
#news_pagenavi .current, #news_pagenavi .page{
	font-size:116.6%;
	line-height:2em;
}

/* ニュース詳細 */
#news_art_top{
	font-size:83.4%;
	margin-bottom:20px;
}
#news_pager{
	margin:35px 0 45px;
}
#news_pager_t{
	margin-bottom:21px;
}
#news_pager_t a[rel="next"], #news_pager_t a[rel="prev"]{
	margin-bottom:10px;
	font-size:83.3%;
}
#news_pager_t a[rel="next"]{
	margin-right:20px;
}
#news_list_link{
	width:100%;
	font-size:83.3%;
	max-width:320px;
}

/* お問い合わせ */
#content_area.wide{
	width:auto;
	margin:20px auto 0;
}
.contact_wrap{
	display:block;
}
.contact_box{
	padding:20px 23px 12px;
	margin-bottom:20px;
}
.contact_wrap h2{
	font-size:133.3% !important;
	display:block;
	width:auto;
	margin:0 0 18px !important;
}
#contact_h2_tel{
	background-size:24px auto;
	padding:4px 0 6px 34px;
}
#contact_h2_fax{
	background-size:24px auto;
	padding:2px 0 7px 34px;
}
#contact_h2_mail{
	background-size:24px auto;
	padding:3px 0 5px 34px;
	margin-bottom:0 !important;
}
.contact_wrap p{
	display:block;
	padding-top:16px;
	border-top:1px solid #DEE0E0;
}
#contact_h2_mail + p{
	border-top:none;
	padding-top:0;
	margin:2px 0 0;
}
.contact_wrap p a{
	font-size:166.6%;
}
.contact_tel_s{
	font-size:100%;
	display:block;
	margin-top:4px;
}

#contact_mail_box{
	display:block;
	border-left:none;
	margin:16px 0 0 !important;
}
#contact_mail_box li{
	border-right:none;
	border-top:1px solid #DEE0E0;
}
#contact_mail_box li a, #contact_mail_box li > noscript > div{
	padding:66px 0 23px;
}
.mitsumori{background-size:22px auto;}
.fudosan{background-size:26px auto;}
.saiyo{background-size:22px auto;}
.mail_h{font-size:133.4%;}
.mail_h::after{margin:17px auto 16px;}
.mail_name{font-size:100%;}
.mail_add{font-size:150%;}

#content_area.wide #pankuzu ul{margin:40px 0 5px !important;}

#map{
	border:3px solid #ccc;
	width:auto;
	height:auto;
	margin:30px auto 0;
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}
#map iframe,
#map object,
#map embed{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.table{
	overflow-x:auto;
}
.table::-webkit-scrollbar{
	height:5px;
}
.table::-webkit-scrollbar-track{
	border-radius:5px;
	background:#eee;
}
.table::-webkit-scrollbar-thumb{
	border-radius:5px;
	background:#666;
}
.table th,.table td{ min-width:20px !important;}

.result table th,.result table td{ display:table-cell !important;}
form.gsc-search-box{
	margin:30px 0 !important;
	padding:20px 20px 10px;
}

}


@media screen and (min-width:569px) and (max-width:767px){

/* C1 */
#c1_2column > div, #c1_3column > div{
	float:left;
	width:47.5%;
	margin-right:5%;
}
#c1_3column > div:nth-child(3n){margin-right:5%;}
#c1_2column > div:nth-child(2n), #c1_3column > div:nth-child(2n){margin-right:0;}
#c1_3column > div:nth-child(3n+1){clear:none;}
#c1_3column > div:nth-child(2n+1){clear:left;}

}


#index_movie{
	max-width:1000px;
	margin:50px auto 20px;
	box-sizing:border-box;
}
/* #index_movie .index_wrap{width:auto; max-width:1000px; padding:0;position:relative;} */
#index_movie img{display:block;width:100%;height:auto;}
#index_movie .thum{
	overflow:hidden;
	max-width:900px;
	margin:30px auto 0;
}
#index_movie .thum img{
	display:block;
	width:auto;
	height:auto;
	max-width:100%;
	-webkit-transform:scale(1);
	transform:scale(1);
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
#index_movie .thum a:hover img{
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
	opacity:1;
}
.index_movie_link{
	position:absolute;
	bottom:48px;
	left:calc(50% - 163px);
}
.index_movie_link .index_btn1, #index_recruit_box .index_btn1{
	display:block;
	width:320px;
	background:#fff url(/img/common/popup_green.svg) no-repeat right 14px center;
}
.index_movie_link .index_btn1:hover::before, #index_recruit_box .index_btn1:hover::before{
	width:11px;
	height:9px;
	right:14px;
	top:calc(50% - 5px);
	opacity:1;
	background:url(/img/common/popup_white.svg) no-repeat center;
}
#index_recruit_box .index_btn1:hover::after{
	background:#008C69;
}
#index_movie h2 { margin-bottom: 30px;}
.youtube iframe { width: 100%;}


/* ストーリー修正 */
#story_main{position:relative; margin:0 0 56px; text-align:center;}
#story_main img{display:block; width:100%; height:auto;}
#story_main_num{
	position:relative;
	width:128px;
	height:128px;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#fff;
	background:#1F8461;
	font-size:93.333333%;
	margin:-64px auto 0;
	line-height:1.2;
}
#story_main_num em{display:block; font-size:214.28%; margin-top:10px; font-weight:normal;}

#story_main h1{font-size:266.66666%; line-height:1.5;max-width:1000px; padding:0 20px; font-weight:bold; margin:50px auto; color:#1F8461;}
#story_main h1 span{display:block; font-size:50%; font-weight:normal; margin-top:10px;}

#story_area{max-width:1000px; margin:auto; padding:0 20px;}
#story_area p{margin:20px 0 0;}
#story_area > *:first-child{margin-top:30px !important;}
.story_person{display:flex; overflow:hidden; margin:0 -20px 20px 0;justify-content:center;}
.story_person li{width:50%; box-sizing:border-box; padding:0 20px 0 0;}
.story_person li .story_p_box{display:flex; align-items:center; background:#1F8461; color:#fff;}
.story_p_thum{width:100px;}
.story_p_thum img{display:block; width:100%; height:auto;}
.story_p_txt{padding:0 20px;}
.story_p_txt *:first-child{margin-top:0 !important;}
.story_p_txt *:last-child{margin-bottom:0 !important;}
.story_p_txt strong{display:inline-block; font-size:133.333333%; margin:0 20px 0 0;}
.story_t_box{margin:0 20px;}
#story_area h2{
	color:#1F8461;
	font-size:213.33333%;
	line-height:1.5;
	margin:70px 0 26px;
}
.txt_box{
	overflow:hidden;
	height:100%;
}
.img_l{
	float:left;
	margin-right:30px;
	max-width:50%;
}
.img_r{
	float:right;
	margin-left:30px;
	max-width:50%;
}
.txt{
	overflow:hidden;
	height:100%;
}
.txt *:first-child{margin-top:0 !important;}
#story_area .txt_box img{display:block; max-width:200px; height:auto;}
#story_area .catch{display:block; width:auto; height:auto; max-width:100%; margin:30px auto;}
#story_area table{
	width:100%;
	margin:20px 0 0;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
#story_area table th, #story_area table td{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:18px 20px;
	vertical-align:top;
}
#story_area table th{
	width:18%;
	background:#F1F5F5;
	text-align:left;
}
.column_2 > div img{display:block; width:auto; height:auto; max-width:100%;}
#story_area .column_2 div{margin-top:20px; margin-bottom:0;}

.column_3{
	overflow:hidden;
	margin:-20px -20px 0 0;
	display:flex;
	flex-wrap:wrap;
}
.column_3 div{
	width:33.333333%;
	margin:20px 0 0;
	box-sizing:border-box;
	padding-right:20px;
}
.column_3 div img{display:block; width:auto; height:auto; max-width:100%;}

#story_nav{ position:relative;background:#F1F5F5; padding:40px 20px 48px;}
#story_nav_in{max-width:1000px; margin:auto;}
#story_nav_in h2{color:#008C69; font-size:160%; text-align:center;}
#story_nav_in ul{
	display:flex;
	flex-wrap:wrap;
	overflow:hidden;
	margin:10px -20px 0 0;
}
#story_nav_in ul li{
	width:50%;
	box-sizing:border-box;
	padding:0 20px 0 0;
	margin-top:20px;
}
#story_nav_in ul li a{
	display:flex;
	align-items:center;
	padding:10px 20px 10px 10px;
	color:#444;
	background:#fff;
	text-decoration:none !important;
	box-sizing:border-box;
	height:100%;
	transition:background 0.3s;
	border:1px solid #E5E5E5;
}
#story_nav_in ul li .thum{width:150px; margin-right:15px;}
#story_nav_in ul li .thum img{display:block; width:auto; height:auto; max-width:150px; margin:auto;}
#story_nav_in ul li span{
	display:block;
	width:calc(100% - 165px);
	box-sizing:border-box;
	padding-right:20px;
	background:url(img/common/arrow_green_r.svg) right center no-repeat;
}
#story_nav_in #worktop_re{border:none; padding:0; margin:48px 0 0;}
#story_nav_in ul li a:hover{background:#DAEEE9;}

.br_tab{display:none;}
.br_sp{display:none;}

@media screen and (min-width:1px) and (max-width:900px){
#story_nav_in ul{display:block; margin:10px 0 0;}
#story_nav_in ul li{width:auto; padding:0;}
.story_p_txt{font-size:92.3%;}
.br_tab{display:inline;}
.flow_box_txt_top{padding:0;}

}

@media screen and (min-width:1px) and (max-width:767px){
#story_wrap h2{font-size:146.745%; margin-bottom:10px;}
.story_t_box p{font-size:80.04%; line-height:1.5;}
.story_project .flow_box_story h3{padding-top:11px;}

#story_main{margin-bottom:20px;}
#story_main_num{
	top:auto !important;
	left:0 !important;
	right:0 !important;
	bottom:auto !important;
	width:84px;
	height:84px;
	margin:-42px auto 0;
	font-size:64.32%;
}
#story_main_num em{font-size:222.2222%; margin-top:5px;}
#story_main h1{font-size:160.0856%; margin:20px 0;}
#story_main h1 span{font-size:62.5%; margin-top:5px;}
.story_person li{width:100%;}
.story_p_thum{width:60px;}
.story_p_txt{padding:8px 15px;}
.story_p_txt .br_sp{display:none;}
#story_area p{font-size:80.0426%;}
.story_person p{font-size:73.372%; line-height:1.5;}
.story_person p strong{font-size:136.3636%;}
#story_wrap h2{line-height:1.5; margin:50px 0 24px;}
#story_wrap h2 span{font-size:31.58%;}
.img_l{margin-right:10px;}
.img_r{margin-left:10px;}
#story_area .txt_box img{ display:block; width:100%; height:auto; max-width:100%;}
#story_area .column_2{overflow:hidden; margin:0 -10px 0 0; display:flex;flex-wrap:wrap;}
#story_area .column_2 div{width:50%; box-sizing:border-box; padding-right:10px; margin:10px 0 0;}

#story_nav{padding-bottom:30px;}
#story_nav_in ul{margin-right:-10px;}
#story_nav_in ul li{margin-top:10px; padding-right:10px;}
#story_nav_in ul li a{padding:5px 10px 5px 5px;}
#story_nav_in ul li .thum{width:100px;}
#story_nav_in ul li .thum img{display:block; width:100%;}
#story_nav_in ul li span{width:calc(100% - 110px);font-size:80.0426%; line-height:1.5;}

#story_nav_in #worktop_re{margin-top:20px;}
#story_nav_in #worktop_re a{width:240px; font-size:93.383%;}
.column_3{margin:-10px -10px 0 0;}
.column_3 div{
	width:50%;
	margin:10px 0 0;
	padding-right:10px;
}
.column_3 div img{width:100%; max-width:580px;}
.flow_box_txt_top{padding:0;}

.index_story_wrap{display:block;}
.index_img{width:auto;max-width:800px;margin:0 0 20px;}
.index_txt{width:auto;max-width:800px;}
.index_movie_link{left:calc(50% - 120px);}
#index_about .index_wrap{padding:0 20px 38px;display:block;}
#index_about .index_img{margin:0 0 20px;}
.index_btn1,.index_movie_link .index_btn1, #index_recruit_box .index_btn1{
	width:240px;
	box-sizing:border-box;
}

}

@media screen and (min-width:1px) and (max-width:568px){
#story_nav_in ul{ display:block;margin:0;}
#story_nav_in ul li{margin-top:10px; padding-right:0; width:auto;}


.txt_box{height:auto;}
.img_l,.img_r{
	float:none;
	margin:0 0 15px;
	max-width:100%;
}
.txt{height:auto;}
#story_area .txt_box img{display:block; width:100%; max-width:568px; height:auto;}

.br_tab{display:none;}
.br_sp{display:inline-block;}

#story_area .column_2{margin:0 0 -15px; display:block;}
.column_3{margin:-10px 0 0; display:block;}
#story_area .column_2 div,.column_3 div{
	width:auto;
	margin:10px 0 0;
	padding-right:0;
}

}

/* SDGs追加 */
.sdgs_icon{
	display:flex;
	flex-wrap:wrap;
	overflow:hidden;
	margin:-10px 0 0;
}
.sdgs_icon div{width:90px;margin:10px 10px 0 0;}
.sdgs_icon div img{display:block;width:auto;height:auto;max-width:90px;}



/* 印刷用 */
@media print{
	body{
		width:1200px;
		transform:scale(1);
		-moz-transform:scale(1);
		-webkit-transform:scale(1);
		transform-origin:0 0;
		zoom:0.91;
		margin:auto;
	}
	@media all and (-ms-high-contrast:none){/* ハイコントラストモードが「オフ」の場合 */
		body{width:1200px;}
	}
	@media (-ms-high-contrast:none), (-ms-high-contrast:active){
		body{width:1200px;}
	}
	@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm){
		body{
			width:1200px;
			transform:scale(0.8);
			-moz-transform:scale(0.8);
			-webkit-transform:scale(0.8);
			transform-origin:0 0;
			margin:auto;
		}
	}
}