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

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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}

/*///////////////////////   ここまでがCSSリセット   ///////////////////////*/


*{margin:0; padding:0; outline:0; word-break:normal;}
.clearfix:after{
    content:"";
    clear:both;
    display: block;
}
.top25{margin-top:25px;}
.flo_l{float:left;}

body{
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	word-break:break-all;
	-webkit-font-smoothing: subpixel-antialiased;
	background-color:#fff;
}

#container{
	margin:0 auto;
	width:100%;
	min-height:100%;
	position:relative;
}

p{
	font-size:17px;
	line-height:1.7em;
	text-align:justify;
	color:#666;
}

@media(min-width:601px){
html,body{
	min-height:100%;
	height:100%;
	min-width:1000px;
}
.l_sps{margin-left:28px;}
/*///////////////////////   topヘッダー   ///////////////////////*/

header{
	width:100%;
	padding:30px 0 25px;
	background-image:url(img/hd_border.png);
	background-size:30% 30px;
	background-repeat: no-repeat;
	background-position:right 96px;
}
.hd_in{
	width:1000px;
	margin:0 auto;
	padding-left:20px;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	box-sizing:border-box;
}
.hd_r{
	width:745px;
	text-align:right;
}
.hd_icon{
	display: flex;
	justify-content: flex-end;
}
.hd_icon a{margin-right:20px;}

.ol_link{ border-right:solid 1px #000; margin-right:20px;display: flex;}
.ol_link a{
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-decoration:none;
	display:block;
	padding:0 20px;
	line-height:25px;
	border-radius:5px;
	text-align:center;
	color:#fff;
	font-size:12px;
}
.ol_link a{background-color:#f2b977;}

.hd_navi{
	margin-top:15px;
	padding-right:20px;
}
.hd_r .hd_navi{background-image: linear-gradient(90deg, rgba(255, 255, 255, 1), rgba(237, 161, 73, 1) 30%);}

.hd_navi li{
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display:inline;
	margin-left:65px;
}
.hd_navi li a{
	text-decoration:none;
	color:#fff;
	font-size:12px;
	line-height:30px;
}
.hd_in a:hover,#nv_in a:hover{opacity:0.8;}
.hd_in a img{vertical-align:bottom;}

#gnv{
	width:100%;
	min-width:1000px;
	background-color:#fff;
	box-shadow:rgba(0,0,0,0.5) 0 5px 10px;
	top: -85px;
	position: fixed;
	z-index:900;
	background-image: linear-gradient(rgba(255, 255, 255, 1) 40%, rgba(237, 161, 73, 1) 40%);
}
#nv_in{
	width:1000px;
	margin:15px auto 0;
	padding-left:20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing:border-box;
}
#nvlg{
	text-decoration:none;
	color:#fff;
	font-size:24px;
	margin-top:12px;
}
#toggle,.hd_navi li.tohome,.vt_link{display:none;}

/*アコーディオン全体*/
.lang_link {
width: 120px;
padding-right:20px;
text-align:center;
position: relative;
font-size:12px;
font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 border-right:solid 1px #000;
 margin-right:20px;
}
.lang_link input {display: none;}
    /*バー部分*/
.lang_link label {
      cursor :pointer;
      display: block;
      text-decoration: none;
      color: #fff;
      line-height: 1;
      position: relative;
      margin: 0 0 1px;
      background-color: #f2b977;
	  border-radius:5px;
	  line-height:25px;
    }
    /*開いたときに表示される部分*/
.lang_link ul {
width:120px;
list-style: none;
position: absolute;
}
    .lang_link li {
      height: 0;
      overflow: hidden;
      transition: padding-bottom 0.2s, padding-top 0.2s; /*閉じるときのアニメーション*/
      -webkit-transition: padding-bottom 0.2s, padding-top 0.2s
      -moz-transition: padding-bottom 0.2s, padding-top 0.2s;
      -ms-transition: padding-bottom 0.2s, padding-top 0.2s;
      -o-transition: padding-bottom 0.2s, padding-top 0.2s;
	  text-align:center;
    }
	.lang_link li a{
		display:block;
		width:120px;
		text-decoration:none;
		color:#fff;
      padding: 10px 0;
	}
    #menu_bar02:checked ~ #links02 li{
      height: auto; /*開いたときに表示されるliの高さ*/
      opacity: 1;
      background: #f6d1a6;
	  border-top:solid 1px #fff;
    }
	#menu_bar02:checked ~ #links02 li:hover{background-color: #f2b977;}
     /*開いたときの下の余白*/
    #menu_bar02:checked ~ #links02 li:last-child{
      margin-bottom: 20px;
    }
    /*閉じた状態の矢印描画*/
    .lang_link label:after{
      content:"";
      display:block;
      width:5px;
      height:5px;
      border-top: #fff 2px solid;
      border-right: #fff 2px solid;
      -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
      transform: rotate(135deg);
      position:absolute;
      right: 5%;
      top: 0;
      bottom: 15%;
      margin: auto;
    }
    /*開いた状態の矢印描画*/
    .lang_link input[type=checkbox]:checked + label:after{
      content:"";
      display:block;
      width:5px;
      height:5px;
      border-top: #fff 2px solid;
      border-right: #fff 2px solid;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      position:absolute;
      right: 5%;
      top: 7%;
      bottom: 0;
      margin: auto;
    }

/*///////////////////////   NEWS/TOPICS   ///////////////////////*/

.topics_list{max-height:200px; overflow: scroll;}
.topics_list div{padding-top:12px;padding-left:7.5em;text-indent:-7.5em;font-size:15px;line-height:1.5;font-family:Arial, Helvetica, sans-serif, "メイリオ", Meiryo, Osaka;-webkit-font-smoothing:antialiased;}
.topics_list div span{font-family: 'Open Sans Condensed';font-weight: 700;color:#000;font-size:16px;}
.topics_list div span:after{content: '';display:inline-block;width:0;height:0;margin-left:5px;border: transparent solid 5px;border-left-color:#000;}
div.line{background:url(img/hasen.gif) repeat-x; height:4px; margin-left:-7.5em;}
.topics_list:first-child{margin-top:-12px;}
.topics_list a{text-decoration:none; color:#000;}
.topics_list a:hover{color:#06C;}


/*///////////////////////   main   ///////////////////////*/

video{width:1000px;}
#main{
	width:100%;
	padding-bottom:100px;
}
section{
	width:1000px;
	margin:0 auto 100px;
}
.ttl{
	display:flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom:15px;
}
.uline{
	padding-bottom:7px;
	border-bottom:solid 1px #eda149;
}
.ttl h2{
	font-size:23px;
	color:#eda149;
}
.ttl h3{
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	color:#666;
}

.news{
	border:solid 2px #eda149;
	background-color:#fff8f2;
	padding:30px;
	box-sizing:border-box;
}

.event_icon{display:flex;flex-wrap: wrap;justify-content: center; width:100%; margin-top:20px;}
.event_icon li{width:200px;text-align:center; margin-top:10px;}
.event_icon li img{margin-bottom:10px;}
.event_icon li p{text-align:center;}

.flexbox{
	display:flex;
	justify-content: space-between;
	width:100%;
}
.rcmnd{
	width:177px;
	border:solid 1px #eda149;
	background-color:#fff;
	box-shadow:5px 5px 10px #ccc;
	padding:10px;
	box-sizing:border-box;
}
.rcmnd p{
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	line-height:1.5;
	text-align:center;
	margin-top:10px;
}
.rcmnd p span{font-size:18px;}
.rcmnd a:hover img{opacity:0.8;}

.top_link_box{
	width:486px;
	border:solid 3px #f3c186;
	background-color:#fff;
	box-shadow:5px 5px 10px #ccc;
	text-decoration:none;
}
.top_link_box:hover{border:solid 3px #e8891b;}
.link_box_r{
	display:flex;
	align-items: center;
	align-items: stretch;
}

.rg{
	background-color:#f3c186;
	padding:30px 25px;
	width:160px;
}
.cn_lnk{
	text-align:center;
	font-size:18px;
	color:#eda149;
	width:90%;
	line-height:1.2;
	margin-top:40px;
}
.cn_lnk span{
	font-size:26px;
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	line-height:50px;
}
.vo_ttl{
	font-size:16px;
	font-weight:bold;
	color:#eda149;
	border-bottom:solid 1px #eda149;
	margin:10px 0;
	padding:0 0 5px 10px;
}
.vo_txt{
	margin:0 10px 10px;
	display:flex;
}
.vo_txt p{ margin-left:10px;font-size:15px; line-height:1.7;}
.vo_lnk{margin:0 auto 10px;text-align:center; border: solid 1px #666; font-size:16px; line-height:20px; border-radius:10px; width:100px; color:#666;}

.explanation{
	width:328px;
	border:solid 1px #eda149;
	background-color:#fff;
	padding:25px 15px 15px;
	text-align:center;
/*	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	box-sizing:border-box;
}
.explanation h4{
	font-size:18px;
	font-weight:bold;
	margin-bottom:18px;
	color: #eda149;
}
.explanation h5{
	font-size:16px;
	line-height:1.5;
	text-indent:-0.6em;
	margin-left:0.6em;
	text-align:left;
	margin-bottom:5px;
}
.imgbox{
	width:287px;
	display: flex;
  justify-content: space-around;
}
.imgbox img{width:100%; height:100%;object-fit: cover;}

.softdry{
	background:url(img/softdry_bg.jpg) no-repeat bottom;
	height:480px;
}



/*///////////////////////   コッチネラについて   ///////////////////////*/


.headimg{position:relative;}
.headimg h1{
	position:absolute;
	bottom:0;
	font-size:32px;
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#eda149;
	font-weight:bold;
	text-shadow:0 0 20px #fff,0 0 20px #fff,0 0 20px #fff,0 0 20px #fff,0 0 20px #fff,0 0 20px #fff,0 0 20px #fff,0 0 20px #fff,0 0 20px #fff,0 0 20px #fff,0 0 20px #fff,0 0 20px #fff,0 0 20px #fff;
}
	
.txtbox{
	display:flex;
	justify-content: space-between;
	width:100%;
}
.txtbox p{
	width:520px;
	margin-left:28px;
	text-align:justify;
}
.txtbox a{
	margin-left:28px;
	margin-top:20px;
}
.txtbox a,.lnkbtn{
	display:block;
	background-color:#eda149;
	color:#fff;
	border-radius:18px;
	font-size:16px;
	padding:10px;
	text-decoration:none;
	text-align:center;
}
.lnkbtn{margin:20px auto 0;width:300px;}

.txtbox a:hover,.lnkbtn:hover{background-color:#e8891b;}
.txtbox div{
	display:flex;
	flex-flow: column;
	justify-content:space-between;
}
.txtbox table{
	font-size:16px;
	line-height:1.7em;
	color:#666;
	margin-left:28px;
}
.txtbox .image{
	width:370px;
	overflow:hidden;
}
.hight{height:250px;background-color:#CCC;}

.photobox{
	border:solid 1px #eda149;
	padding:25px 15px 15px 25px;
	box-sizing:border-box;
	text-align:center;
}
.photobox ul{
	display:flex;
	flex-wrap: wrap;
}
.photobox li{margin:0 10px 10px 0;}
.photobox ul a{
	width:149px;
	height:149px;
	overflow:hidden;
	display: flex;
    align-items: center;
    justify-content: center;
}
.photobox img{height:149px;transition: .3s ease-in-out;}
.photobox a:hover img{transform: scale(1.05);}

.faq{margin:0 0 30px 28px;}
.qbox{
	border:solid 2px #eda149;
	background-color:#eda149;
	color:#fff;
	padding:10px 10px 10px 20px;
	box-sizing:border-box;
	border-radius:20px 20px 0 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.abox{
	border:solid 2px #eda149;
	padding:10px 10px 10px 20px;
	box-sizing:border-box;
	border-radius:0 0 20px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.qbox h2{font-size:30px;}
.abox h2{color:#666; font-size:30px;}
.qbox p{color:#fff; width:895px;}
.abox p{width:895px;}

.vic_box{
	border:solid 1px #eda149;
	padding:20px;
	box-sizing:border-box;
	border-radius:10px;
	margin:0 0 30px 28px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.vic_box div{
	width:200px;
	height:150px;
}
.vic_box p{margin-left:20px;}

.anchor{
	display: block;
    padding-top: 80px;
    margin-top: -80px;
}


/*///////////////////////   作業現場   ///////////////////////*/

.worksite_img{display:flex; margin-top:25px;}
.worksite_img li{
	height:130px;
	width:188px;
	overflow:hidden;
}
.worksite_img li:not(:last-child){margin-right:8px;}
.worksite_img li img{height:130px; width:100%;object-fit: cover;}
.worksite_img a:hover{opacity:0.8;}


/*///////////////////////   footer   ///////////////////////*/

footer{padding-bottom:30px;}
.ft_link{
	width:1000px;
	margin:0 auto;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.ft_link li{width:31%; margin-bottom:15px;}
.ft_link li a{
	text-decoration:none;
	display:block;
	border:solid 1px #666;
	text-align:center;
	padding:10px;
	color:#666;
	font-size:15px;
	box-sizing:border-box;
}
.ft_link li a:hover{box-shadow:0 5px 5px #CCC; margin-top:-2px;}
#ft_con{
	background-color:#eda149;
	margin:15px 0;
	padding:34px 0;
}
#ft_con a:hover img{opacity:0.8;}
.ft_in{
	width:1000px;
	margin:0 auto;
	padding:0 20px;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	box-sizing:border-box;
}
.ft_l{
	
	color:#fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.shamei{margin-left:10px; font-size:14px; line-height:1.3;}
.shamei p{font-size:10px; margin-left:-0.5em; padding-top:10px; color:#fff;}
.mei{
	display:flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:solid 1px #fff;
}
.mei h6{font-size:25px;line-height:1;}
.mei h7{font-size:12px;line-height:1;font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.ft_icon{text-align:right;}
.ft_icon a{margin-left:20px;}

.cr{
	text-align:center;
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
}
.ol{display:none;}
}

/*////////////////////////////////////////////////////////////////////////////////////////////   pc_end   ////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////   pc_end   ////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////   pc_end   ////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////   pc_end   ////////////////////////////////////////////////////////////////////////////////////////////*/


@media(max-width:600px){

/*///////////////////////   topヘッダー   ///////////////////////*/

/*.vt_link{
	position:absolute;
	right:10px;
	top:45px;
	background-color:#f2b977;
	color:#fff;
	text-decoration:none;
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	padding:5px 10px;
	border:solid 1px #fff;
	border-radius:5px;
	text-align:center;
	line-height:1.4;
	width:90px;
}*/
/*Styling Selectbox*/
.vt_link{
	position:absolute;
	right:10px;
	top:30px;
}
/*アコーディオン全体*/
.lang_link {
width: 120px;
text-align:center;
position: relative;
font-size:12px;
font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.lang_link input {display: none;}
    /*バー部分*/
.lang_link label {
      cursor :pointer;
      display: block;
      text-decoration: none;
      color: #fff;
      line-height: 1;
      position: relative;
      margin: 0 0 1px;
      background-color: #f2b977;
	  border-radius:5px;
	  line-height:25px;
    }
    /*開いたときに表示される部分*/
.lang_link ul {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
}
    .lang_link li {
		width: 120px;
      height: 0;
      overflow: hidden;
      transition: padding-bottom 0.2s, padding-top 0.2s; /*閉じるときのアニメーション*/
      -webkit-transition: padding-bottom 0.2s, padding-top 0.2s
      -moz-transition: padding-bottom 0.2s, padding-top 0.2s;
      -ms-transition: padding-bottom 0.2s, padding-top 0.2s;
      -o-transition: padding-bottom 0.2s, padding-top 0.2s;
	  text-align:center;
    }
	.lang_link li a{
		display:block;
		width:100%;
		text-decoration:none;
		color:#fff;
	}
    #menu_bar01:checked ~ #links01 li{
      height: auto; /*開いたときに表示されるliの高さ*/
      opacity: 1;
      background: #f6d1a6;
      padding: 10px 0;
	  border-top:solid 1px #fff;
    }
	#menu_bar01:checked ~ #links01 li:hover{background-color: #f2b977;}
     /*開いたときの下の余白*/
    #menu_bar01:checked ~ #links01 li:last-child{
      margin-bottom: 20px;
    }
    /*閉じた状態の矢印描画*/
    .lang_link label:after{
      content:"";
      display:block;
      width:5px;
      height:5px;
      border-top: #fff 2px solid;
      border-right: #fff 2px solid;
      -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
      transform: rotate(135deg);
      position:absolute;
      right: 5%;
      top: 0;
      bottom: 15%;
      margin: auto;
    }
    /*開いた状態の矢印描画*/
    .lang_link input[type=checkbox]:checked + label:after{
      content:"";
      display:block;
      width:5px;
      height:5px;
      border-top: #fff 2px solid;
      border-right: #fff 2px solid;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      position:absolute;
      right: 5%;
      top: 7%;
      bottom: 0;
      margin: auto;
    }


/*.onshop{
	position:fixed;
	right:10px;
	top:80px;
	background-color:#eda149;
	color:#fff;
	text-decoration:none;
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	padding:5px 10px;
	border:solid 1px #fff;
	border-radius:5px;
	text-align:center;
	line-height:1.4;
	width:90px;
	z-index:890;
}*/
.onshop{
	position:fixed;
	right:20px;
	bottom:50px;
	background-color:#eda149;
	color:#fff;
	text-decoration:none;
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	padding:5px 10px;
	border:solid 1px #fff;
	border-radius:5px;
	line-height:1.4;
	text-align:center;
}
header{
	width:100%;
	padding:25px 0;
/*	text-align:center;*/
}
header img{margin-bottom:20px; margin-left:30px;}
#nv{min-height:50px;}
.hd_in{width:100%;}
.hd_r{width:100%;}
.hd_icon{display:none;}

.hd_navi li{
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    width: 100%;
	height:40px;
	background-color:rgba(0,0,0,0.8);
	text-align:center;
	border-bottom: 1px solid #fff;
	font-size:13px;
	line-height:40px;
}
.hd_navi li a{display: block;text-decoration:none;color:#fff;}
.hd_in a img{vertical-align:bottom;}

#gnv,.hd_navi{display:none;}


.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 900;
}
#toggle{
	display: block;
	position: relative;
	width: 100%;
	background: #eda149;
}
#toggle a{
	display: block;
	position: relative;
	line-height:50px;
	height:50px;
	border-bottom: 1px solid #fff;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-size:18px;font-family:'Open Sans Condensed';
	font-weight: 700;
}
#toggle:before{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	width: 20px;
	height: 20px;
	margin-top: -11px;
	background: #fff;
}
#toggle a:before, #toggle a:after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	width: 20px;
	height: 4px;
	background: #eda149;
}
#toggle a:before{margin-top: -6px;}
#toggle a:after{margin-top: 2px;}


/*///////////////////////   NEWS/TOPICS   ///////////////////////*/

.topics_list div{padding-top:12px;padding-left:7.5em;text-indent:-7.5em;font-size:15px;line-height:1.5;font-family:Arial, Helvetica, sans-serif, "メイリオ", Meiryo, Osaka;-webkit-font-smoothing:antialiased;}
.topics_list div span{font-family: 'Open Sans Condensed';font-weight: 700;color:#000;font-size:16px;}
.topics_list div span:after{content: '';display:inline-block;width:0;height:0;margin-left:5px;border: transparent solid 5px;border-left-color:#000;}
div.line{background:url(img/hasen.gif) repeat-x; height:4px; margin-left:-7.5em;}
.topics_list:first-child{margin-top:-12px;}
.topics_list a{text-decoration:none; color:#000;}
.topics_list a:hover{color:#06C;}


/*///////////////////////   main   ///////////////////////*/

video{width:100%;}

#main{
	width:100%;
	padding:0 10px 100px;
	box-sizing:border-box;
}
section{
	width:100%;
	margin-bottom:100px;
	box-sizing:border-box;
}
.ttl{
	display:flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom:15px;
}
.uline{
	padding-bottom:7px;
	border-bottom:solid 1px #eda149;
}
.ttl h2{
	font-size:23px;
	color:#eda149;
}
.ttl h3{
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	color:#666;
}

.news{
	border:solid 2px #eda149;
	background-color:#fff8f2;
	padding:10px;
	box-sizing:border-box;
}

.event_icon{display:flex;justify-content: space-between;flex-wrap: wrap; width:90%;  margin:30px auto 0;}
.event_icon li{min-width:136px;width:30%;text-align:center; margin-bottom:20px;}
.event_icon li img{margin-bottom:10px;}
.event_icon li p{text-align:center;}

.flexbox{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width:100%;
	margin:0 auto;
}
.mxw{max-width:370px;}
.rcmnd{
	min-width:177px;
	width:30%;
	border:solid 1px #eda149;
	background-color:#fff;
	box-shadow:5px 5px 10px #ccc;
	padding:10px;
	box-sizing:border-box;
	margin-bottom:15px;
}
.rcmnd p{
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	line-height:1.5;
	text-align:center;
	margin-top:10px;
}

.top_link_box{
	width:100%;
	border:solid 3px #f3c186;
	background-color:#fff;
	box-shadow:5px 5px 10px #ccc;
	text-decoration:none;
	box-sizing:border-box;
	margin-bottom:20px;
}
.link_box_r{
	display:flex;
	align-items: center;
}

.rg{display:none;}

.cn_lnk{
	width:100%;
	text-align:center;
	font-size:18px;
	color:#eda149;
	line-height:1.2;
	margin:10px 0;
}
.cn_lnk span{
	font-size:26px;
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	line-height:50px;
}
.vo_ttl{
	font-size:16px;
	font-weight:bold;
	color:#eda149;
	border-bottom:solid 1px #eda149;
	margin:10px 0;
	padding:0 0 5px 10px;
}
.vo_txt{
	margin:0 10px 10px;
	display:flex;
}
.vo_txt p{ margin-left:10px;font-size:15px; line-height:1.7;}
.vo_lnk{margin:0 auto 10px;text-align:center; border: solid 1px #666; font-size:16px; line-height:20px; border-radius:10px; width:100px; color:#666;}

.explanation{
	width:100%;
	border:solid 1px #eda149;
	background-color:#fff;
	padding:25px 15px 15px;
	margin-bottom:20px;
	text-align:center;
/*	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	box-sizing:border-box;
}
.explanation h4{
	font-size:18px;
	font-weight:bold;
	margin-bottom:18px;
	color: #eda149;
}
.explanation h5{
	font-size:16px;
	line-height:1.5;
	text-indent:-0.6em;
	margin-left:0.6em;
	text-align:left;
	margin-bottom:5px;
}
.imgbox{
	text-align:center;
	width:100%;
}

.softdry{
	background:url(img/softdry_bg.jpg) no-repeat bottom;
	height:480px;
}



/*///////////////////////   コッチネラについて   ///////////////////////*/


.headimg{position:relative; overflow:hidden; width:100%; box-sizing:border-box;}
.headimg img{height:120px;}
.headimg h1{
	position:absolute;
	bottom:0;
	font-size:30px;
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#eda149;
	font-weight:bold;
	text-shadow:0 0 20px #fff,0 0 20px #fff,0 0 20px #fff,0 0 20px #fff,0 0 20px #fff,0 0 20px #fff,0 0 20px #fff,0 0 20px #fff,0 0 20px #fff,0 0 20px #fff,0 0 20px #fff,0 0 20px #fff,0 0 20px #fff;
}
	
.txtbox{width:100%;}
.txtbox p{
	text-align:justify;
	box-sizing:border-box;
}
.txtbox a{margin-top:20px;}
.txtbox img{width:100%;}
.txtbox a,.lnkbtn{
	display:block;
	background-color:#eda149;
	color:#fff;
	border-radius:18px;
	font-size:16px;
	padding:10px;
	text-decoration:none;
	text-align:center;
	margin-bottom:20px;
}
.lnkbtn{margin:20px auto 0;width:300px;}
.txtbox a span{display:none;}
.txtbox table{
	font-size:16px;
	line-height:1.7em;
	color:#666;
}
.txtbox .image{
	width:100%;
	overflow:hidden;
	margin-top:20px;
}
.hight{height:250px;background-color:#CCC;
}

.photobox{
	border:solid 1px #eda149;
	padding:15px;
	box-sizing:border-box;
	text-align:center;
}
.photobox ul{
	display:grid;
	grid-template-columns: repeat(auto-fit, 149px);
	justify-content: center;
	grid-gap: 10px;
}
.photobox ul a{
	width:149px;
	height:149px;
	overflow:hidden;
	display: flex;
    align-items: center;
    justify-content: center;
}
.photobox img{height:149px;}

.faq{margin-bottom:30px;}
.qbox{
	border:solid 2px #eda149;
	background-color:#eda149;
	color:#fff;
	padding:10px;
	box-sizing:border-box;
	border-radius:10px 10px 0 0;
	display: flex;
	justify-content: space-between;
}
.abox{
	border:solid 2px #eda149;
	padding:10px;
	box-sizing:border-box;
	border-radius:0 0 10px 10px;
	display: flex;
	justify-content: space-between;
}
.qbox h2{font-size:30px; margin-right:10px;}
.abox h2{color:#666; font-size:30px; margin-right:10px;}
.qbox p{color:#fff; width:100%;}
.abox p{width:100%;}

.vic_box{
	border:solid 1px #eda149;
	padding:10px;
	box-sizing:border-box;
	border-radius:10px;
	margin-bottom:30px;
}
.vic_box div{
	width:200px;
	height:150px;
	background-color:#CCC;
	margin:0 20px 20px 0;
}
.vic_box p{width:100%;}

.anchor{
	display: block;
    padding-top: 80px;
    margin-top: -80px;
}


/*///////////////////////   作業現場   ///////////////////////*/

.worksite_img{display:flex; margin-top:25px;}
.worksite_img li{
	height:80px;
	width:188px;
	overflow:hidden;
}
.worksite_img li:not(:last-child){margin-right:8px;}
.worksite_img li img{height:130px; width:100%;object-fit: cover;}
.worksite_img a:hover{opacity:0.8;}


/*///////////////////////   footer   ///////////////////////*/

footer{padding-bottom:15px;}
.ft_link{
	width:100%;
	padding:0 10px;
	box-sizing:border-box;
}
.ft_link li{width:100%; margin-bottom:15px;}
.ft_link li a{
	text-decoration:none;
	display:block;
	border:solid 1px #666;
	text-align:center;
	padding:10px;
	color:#666;
	font-size:15px;
	box-sizing:border-box;
}
#ft_con{
	background-color:#eda149;
	margin:15px 0;
	padding:34px 0;
}
.ft_in{
	width:100%;
	margin:0 auto;
	padding:0 20px;
	box-sizing:border-box;
}
.ft_l{
	width:100%;
	color:#fff;
}
.ft_l img{margin:0 0 8px 15px;}
.shamei{width:100%; font-size:14px; line-height:1.3;}
.shamei p{font-size:10px; margin-left:-0.5em; padding-top:10px; color:#fff;}
.mei{
	display:flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:solid 1px #fff;
}
.mei h6{font-size:25px;line-height:1;}
.mei h7{font-size:12px;line-height:1;font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.ft_icon{ margin-top:20px;}
.ft_icon a{margin-right:20px;}

.cr{
	text-align:center;
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
}
}