@charset "utf-8";

/* ----------------------------
使用したCSSテンプレート
 → bootstrap3.4
------------------------------- */

/*======================================================
	基本指定
======================================================*/
html {
	overflow-y: scroll;
	font-size:62.5%;/*62.5%=10px=1.0rem*/
	line-height:1.5;
background:#eee}

body {
    background:#fff;
	font-size: 16px;font-size: 1.6rem;
	font-family:"メイリオ",
	Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
	color:#000000;
    line-height:1.5;
    word-wrap: break-word;/*for equipment-page table*/
    overflow-wrap: break-word;}

a{text-decoration:none; color:#047041}
a:hover{text-decoration:none;color:#047041}

a:hover img, input[type="image"]:hover, a.btn01:hover, a.submit:hover {
    zoom: 1;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity: 0.70;
    opacity: 0.70;}

input,
select,
button,
submit,
textarea{font-size:16px;font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";color:#835c61;}
	
input[type="text"],
select,
textarea{
	padding:2px 5px;
	border-radius:5px;
	border:solid #ccc 1px;
	box-sizing: border-box;}
	
ul{list-style:none;}

hr{
	border-top:solid #ccc 1px;
	height:1px;
	margin-top:20px;
	margin-bottom:20px;}
	
main{
	display:block; /*IE11用*/
}

img{vertical-align:top}

/*======================================================
	ヘルパー
======================================================*/

/*---画像サイズ---*/
.w100per{width:100%;}

/*---文字サイズ---*/
.f-10 {	font-size:10px;font-size:1.0rem;}
.f-11 {	font-size:11px;font-size:1.1rem;}
.f-12 {	font-size:12px;font-size:1.2rem;}
.f-13 {	font-size:13px;font-size:1.3rem;}
.f-14 {	font-size:14px;font-size:1.4rem;}
.f-15 {	font-size:15px;font-size:1.5rem;}
.f-16 {	font-size:16px;font-size:1.6rem;}
.f-18 {	font-size:18px;font-size:1.8rem;}
.f-20 {	font-size:20px;font-size:2.0rem;}
.f-24 {	font-size:24px;font-size:2.4rem;}
.f-32 {	font-size:32px;font-size:3.2rem;}
.f-40 {	font-size:40px;font-size:4.0rem;}

/*---明朝体---*/
.f-m{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

/*---テキスト飾り---*/
.bold{font-weight:bold}

/*---テキストアライン---*/
.t-l{text-align:left;}
.t-r{text-align:right;}
.t-c{text-align:center;}

/*---フロート---*/
.f-r {	float: right;}
.f-l {	float: left;}
.c-b{clear:both}

/*---マージン・パディング---*/
.m-b5 {	margin-bottom: 5px;}
.m-b10 {margin-bottom: 10px;}
.m-b15 {margin-bottom: 15px;}
.m-b20 {margin-bottom: 20px;}
.m-b25 {margin-bottom: 25px;}
.m-b30 {margin-bottom: 30px;}
.m-b40 {margin-bottom: 40px;}
.m-b50 {margin-bottom: 50px;}
.m-b60 {margin-bottom: 60px;}
.m-b70 {margin-bottom: 70px;}
.m-t10 {margin-top: 10px;}
.m-t15 {margin-top: 15px;}
.m-t20 {margin-top: 20px;}
.m-t25 {margin-top: 25px;}
.m-t30 {margin-top: 30px;}
.m-t40 {margin-top: 40px;}
.m-l5{margin-left:5px;}
.m-l10{margin-left:10px;}
.m-l20{margin-left:20px;}
.m-r10{margin-right:10px}
.m-r20{margin-right:20px}
.m-r30{margin-right:30px}

.p-t5{ padding-top:5px;}
.p-t10{ padding-top:10px;}
.p-t15{ padding-top:15px;}
.p-t20{ padding-top:20px;}
.p-t30{ padding-top:30px;}
.p-t40{ padding-top:40px;}
.p-t50{ padding-top:50px;}
.p-t60{ padding-top:60px;}
.p-b5{ padding-bottom:5px;}
.p-b10{ padding-bottom:10px;}
.p-b15{ padding-bottom:15px;}
.p-b20{ padding-bottom:20px;}
.p-b30{ padding-bottom:30px;}
.p-b40{ padding-bottom:40px;}
.p-b50{ padding-bottom:50px;}
.p-b60{ padding-bottom:60px;}
.p-b70{ padding-bottom:70px;}
.p-b80{ padding-bottom:80px;}
.p-b90{ padding-bottom:90px;}
.p-b100{ padding-bottom:100px;}
.p-l10{padding-left:10px;}
.p-l20{padding-left:20px;}
.p-l30{padding-left:30px;}
.p-r10{padding-right:10px;}
.p-r20{padding-right:20px;}
.p-r30{padding-right:30px;}

.p-10{padding:10px;}
.p-20{padding:20px;}

/*---リスト---*/
ul.list-disc{
	list-style:outside disc;
	margin-left:20px;}

ul.list-disc li + li{margin-top:10px;}

/*---リンク・ボタン---*/
a.u-line{text-decoration:underline;}
a.u-line:hover{text-decoration:none;}

.btn01{/*緑*/
	display:inline-block;
	padding:13px 30px 15px 30px;
	border-radius:5px;
	text-align:center;
	text-decoration:none;
    background: linear-gradient(#06945c,#047041);
	color:#fff;
	cursor:pointer}
.btn01:hover{color:#fff;}

.link01{/*白＋影*/
    box-shadow: 0 0 10px rgba(0,0,0,0.3); /* CSS3 */
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3); /* android4用 */
    background:#fff;
    display: block;
    text-align: center;
    font-weight:bold;
    color:#000;}

.link01 img{width:100%}

.link01 p{padding:6px 5px 6px 5px}

/*---ディスプレイ---*/
.d-block{display:block !important;}

.d-table{display:table;}

.d-table-cell{display:table-cell}

/*---縦位置---*/
.v-m{vertical-align:middle;}
.v-t{vertical-align:top;}

/*共通シャドウ*/	
.shadow{
box-shadow: 0 0 10px rgba(0,0,0,0.3); 
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3); /* android4用 */}

/*---テーブル---*/
table{width:100%;}
th,td{padding:7px 10px;text-align: left}

table.basic-table th{border:solid #ddd 1px;background:#eee;}
table.basic-table td{border:solid #ddd 1px;background:#fff;}

/*---flexbox---*/
.flex{
    display: flex;
    flex-wrap: wrap;
}
/*---下層見出し---*/
.lead01{
    font-size:24px; font-size:2.4rem;
    font-weight:bold;
    border-bottom:solid #ccc 1px;
    padding-bottom:5px;
    margin-bottom:20px;
}

.lead02{/*---薄グレー見出し---*/
    font-size:20px; font-size:2.0rem;
    font-weight:bold;
    background:#f3f3f3;
    padding:5px 10px;
    margin-bottom:10px;
}

main p+p{margin-top:10px;}

/*======================================================
	CLEARFIX  clearしたい親要素に加える
======================================================*/
.clearfix:after {
    content: "";
    clear: both;
    display: block;
}


/*======================================================
	基本レイアウト
======================================================*/
/*---ヘッダー---*/
header div.container1000 div.f-l a{border-right:solid #d8d8d8 1px}

#header-info .f-r a{
    display: inline-block;
    padding:2px 10px;
    background:#eee;
    border-radius: 3px;
    font-size:1.3rem;font-size:13px;
}

/*------------------gnavi------------------*/
header nav{ 
    background: #e3e3e3;
    background: linear-gradient(#fefefe,#e3e3e3);
    border-top:solid #e8e8e8 1px;
    border-bottom:solid #fff 1px;}

/*gnav2 slicknav*/
header nav2{ 
    background: #e3e3e3;
    background: linear-gradient(#fefefe,#e3e3e3);
    border-top:solid #e8e8e8 1px;
    border-bottom:solid #fff 1px;}

#header-nav2 li{
    padding:0;
    border-right:solid #e8e8e8 1px;
    border-left:solid #fff 1px;
    border-top:solid #fff 1px;
}

#header-nav2 #btn-nav01{width:10%;}
#header-nav2 #btn-nav02,
#header-nav2 #btn-nav03{width:22%;}
#header-nav2 #btn-nav04{width:20%;}
#header-nav2 #btn-nav05,
#header-nav2 #btn-nav06{width:13%;}

#header-nav2 li a{
    display:block;
    text-align: center;
    padding:15px 5px;
    color:#000;
   
}

#header-nav2 li:hover{ background: linear-gradient(#e3e3e3,#ededed);}

.slicknav_menu {
 display:none;/*PC時は非表示*/
}
@media screen and (max-width: 990px) {
 #header-nav2,
    #header-info{
 display:none;/*モバイル時は非表示*/
}
 .slicknav_menu {
 display:block;/*モバイル時は表示*/}


}
/*トップに戻るボタン*/
#btn-pagetop{
    position:fixed;
    right:0px;
    bottom:0px;cursor:pointer
}

#btn-pagetop a{
    display: block;
    background: rgba(000,000,000,0.5);
    padding:5px 10px;
    color:#fff; 
}

#btn-pagetop a:hover{background: rgba(000,000,000,0.8);}

#page-footer{
    background: linear-gradient(#fefefe,#e3e3e3);
    border-top:solid #eee 1px;
padding-top:10px;padding-bottom:10px}

#page-footer a{
    display: inline-block;
vertical-align: bottom;}

.under-page h1{
    background: url(../img/top/top01.jpg);
    background-size: cover;
    padding:30px 0 30px 0;
    color:#fff;
    font-size:36px; font-size:3.6rem;
    font-weight: bold;
    text-align: center;
    margin-bottom:20px;
}

.under-page section + section{margin-top:50px;}

.under-page-nav li{
    font-size:14px;font-size:1.4rem;
    margin-top:15px;
display: inline-block;}

.under-page-nav li a{
    display: inline-block;
    background:#fff;
border-radius: 6px;
padding:3px 10px 2px 10px;}

.under-page-nav a:hover{background:#ddd;}

.under-page-nav{margin-bottom:30px;}

.under-page{
    padding-bottom:50px;
    background: url(../img/under-bg.png) top center no-repeat;}

/*======================================================
	トップページ main#top-page
======================================================*/
#top-page #section01{
    background: url(../img/top/top01.jpg) bottom left;
    background-size: cover;
    padding:100px 0 120px 0;
    color:#fff;
}
#top-page #section01 h1{
    text-shadow: 0 0 15px rgba(0,0,0,0.3);
    border-top:solid #fff 1px;
    padding:10px 0;
}

@media screen and (max-width: 600px) {
    #top-page #section01 h1{
      font-size:3.6rem;font-size:36px;
    }
    #top-page #section02 h2{
        font-size:3.0rem;font-size:30px;
    }
    #top-page #section01 h1 br,
    #top-page #section02 h2 br{
      display: none;
    }
}

#top-page #section02{
    background:url(../img/under-bg.png) no-repeat top center #79a3b9;
color:#fff;
padding:40px 0 20px 0}

#top-page #section02 .col-sm-6,
#top-page #section02 .col-xs-6,
#top-page #section03 .col-sm-6,
#top-page #section03 .col-xs-6{margin-bottom:20px;}

#top-page #section03{padding:20px 0}

#top-page #section04{
    /*background:#047041;*/
    background: url(../img/top/top01.jpg) top right;
    background-size:cover;
    /*color:#fff;*/
    padding: 30px 0 20px 0}

#top-page #section04 h3{
    background:rgba(255,255,255,0.7);
    padding:5px 10px;
    margin-left:20px;
    display: inline-block;
    border-radius: 10px 10px 0 0;
}

#top-page #section04 .googlemap{
    position:relative;
    width:100%;
    height:0;
    padding-top:75%;
}
#top-page #section04 .googlemap iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

#top-page #section04 h3 + div{
    background:rgba(255,255,255,0.7);
    padding:20px 20px 0 20px;
}

#top-page #section04 dl{
  width: 100%;
  overflow: hidden;
  border: 1px solid #ccc;
  border-top: none;
  background: #ddd;
}
#top-page #section04 dt{
  width: 30%;
  float: left;
  padding: 10px;
  border-top: 1px solid #ccc;
  box-sizing: border-box;
}
#top-page #section04 dd{
  margin-left: 30%;
  padding: 10px;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  background: #fff;
}
#top-page #section04 dd:after{
  display: block;
  content: "";
  clear: both;
}
@media screen and (max-width: 600px) {
  #top-page #section04 dt{
    width: 100%;
    float: none;
  }
  #top-page #section04 dd{
    margin-left: auto;
    border-left: none;
  }
}
/*======================================================
	会社概要 main#about-page
======================================================*/
#about-page table.basic-table th{ width:25%}

/*======================================================
	設備 main#equipment-page
======================================================*/

#equipment-page table.basic-table th{
    background:#e6e6e6;
    font-size:13px; font-size: 1.3rem;
    padding:3px 10px;
}

#equipment-page table + h2{margin:20px 0 5px 0;}

@media screen and (max-width: 600px) {
    #equipment-page div.row img{
      display: none
    }
}

/*======================================================
	金型 main#mold-page　＆　部品 main#parts-page 共通パーツ
======================================================*/
#mold-page #section02 .col-sm-6,
#mold-page #section02 .col-xs-6,
#parts-page #section02 .col-sm-6,
#parts-page #section02 .col-xs-6{margin-bottom:15px;}

.faq-dl dd + dt{margin-top:30px;}

.faq-dl dd{padding-left:20px;}

.faq-dl dt::before{
    content:"？ ";
color:#ccc}

/*======================================================
	金型 main#mold-page
======================================================*/



#mold-page #section03 ol{
    list-style: none;
    background: url(../img/concrete_seamless.png);
padding:20px;}

#mold-page #section03 li{
    background:#fff;
border-radius: 10px;
padding:10px;
position:relative;}

#mold-page #section03 li + li::before{
content: "▼";
display:block;
position:absolute;
color:#ccc;
top:-27px;
left:60px;}

#mold-page #section03 li + li{margin-top:30px;}

/*======================================================
	サイトマップ main#sitemap-page
======================================================*/
#sitemap-page ul{padding-bottom:20px;}


/*======================================================
	採用 main#recruit-page
======================================================*/
#recruit-page #section01 li{
    border:solid #ccc 1px;
    background:#fff;
    padding:10px
}

#recruit-page #section01 li +li {margin-top:30px}

#recruit-page #section01 li label{
    display: inline-block;
    background: linear-gradient(#eee,#ccc);
	cursor:pointer;
    padding:7px 30px 8px 30px;
	border-radius:5px;
	text-align:center;
}

#recruit-page #section01 li input{display: none;}

#recruit-page #section01 li input:hober{opacity: 0.7}

#recruit-page #section01 li input + div{
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

#recruit-page #section01 li input:checked + div{
    height: auto;
    opacity: 1;
}

#recruit-page #section01 li input:checked + div + div{display: none}


@media screen and (min-width: 600px) {
    #recruit-page #section03 table .btn01{
      display:none
    }
   
}


.swiper-container{
			text-align: center;
		}
		.swiper-container .swiper-slide img{
			max-width: 100%;
			height: auto;