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

h1#factory a{
	display:block;
	background-position: 10px 2px;
	background-image:url(../img/logo_factory.png);
	width:256px;
	background-repeat:no-repeat;
	text-indent:-7777px;
	height:40px;
	float:left;
}
/* メインビジュアルここから */
#wrap-content {
/*	margin-top:20px;*/
	letter-spacing: 0.1em;
}
#logo-title{
	min-height:500px;
	text-align:center;
	background: repeat-x url(../img/back_ten_black_top.gif);
	background-color:#fff;
}
#logo-title h1{
	padding:100px;
}
.ipad .slide-box-main,
.iphone .slide-box-main{
	position:relative;
	margin:0 auto;
	min-height:500px;
	overflow:hidden;
}
.slide-box-main{
	position:relative;
	margin:0 auto;
	min-height:500px;
	overflow:hidden;
}
.slide-box {
	width: 1280px;
	z-index: 100;
	height:500px;
	position:absolute;
	left:50%;
	top:0;
	display:block;
}
.slide-box p {
    position:absolute;
    left:-640px;
	max-width: 100%;
    top:0;
	
}
.slide-box p img{
	opacity:0;	
}
.back-box{
	padding:0;
	z-index: 90;
	background:url(../img/index/slide1.jpg);
}
.back-box p{
	width: 1280px;
    height:250px;
	position:absolute;
	left:50%;
	top:0;
}
.back-box p img{
	position:absolute;
    left:-640px;
	max-width: 100%;
    top:0;
}
#waza-back{
	background:#fff;
}
#waza-box{
	width:1000px;
	margin:0 auto;
	font-size:1.065em;
	line-height:1.86em
}
#waza-box .text-box-main{
	padding-top:90px;
	width:1000px;
	height:104px;
}
.ipad #waza-box .text-box-main,
.iphone #waza-box .text-box-main{
	padding-top:90px;
	width:1000px;
	height:104px;
}
#waza-box .text-box-main .icn{
	float:left;
	margin-right:40px;
}
#waza-box .text-box-main .text{
	float:left;
	width:856px;
}
#waza-box .text-box-main .text h1{
    font-family: "Noto Serif JP", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Verdana, Meiryo, sans-serif; 
    font-weight: 400;
    font-size: 2.2rem;
    /*letter-spacing: 0.06em;
    margin-top: 7px;*/
	letter-spacing: 0;
	line-height: 1.8;
}
#waza-box .text-box-main .text p{
	margin-top:30px;
}
#waza-box .cnt1{
	clear:both;
	width:1000px;
	height:480px;
	margin:90px 0 20px 0;
  display: inline-block;
}
#waza-box .cnt1 .l-box{
	width:360px;
	height:480px;
	float:left;
	position:relative;
	margin-right:60px;
}
#waza-box .cnt1 .l-box .text-box{
	position:absolute;
	width:360px;
	left:0;
	bottom:10px;
}
#waza-box .cnt1 .l-box .text-box h2{
	margin-bottom:20px;
	font-family: "Noto Serif JP", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Verdana, Meiryo, sans-serif;
	font-weight: 500;
    /*font-size: 1.3em;*/
	line-height: 1.8;
    letter-spacing: 0;
}
#waza-box .cnt1 .l-box h1{
    margin-top: 20px;
    font-family: 'Noto Serif JP', serif; 
font-weight: 200;
    /*font-size: 1.4em;*/
    letter-spacing: 0;
    line-height: 1.9em;
}
#waza-box .cnt1 .r-box{
	width:580px;
	float:left;
}
#waza-box .text-box-last{
	padding: 60px 0 80px;
}
#waza-box .text-box-last p{
	float:left;
	margin-top:10px;
	width: 70%
}
#waza-box .text-box-last .btn{
	float:right;
}
#waza-box .text-box-last .btn a{
	text-indent:-77777px;
	width:255px;
	height:66px;
	display:block;
	background:url(../img/btn_jump1.gif);
	background-position:0 0;
}
#waza-box .text-box-last .btn a:hover{
	background-position:0 -66px;
}
#sozai-back{
	background:url(../../img/back_ten_gy3.gif);
}
#sozai-box{
	width:1000px;
	margin:0 auto;
	font-size:1.065em;
	line-height:1.86em;
}
#sozai-box .text-box-main{
	padding-top:90px;
	width:1000px;
	height:104px;
}
#sozai-box .text-box-main .icn{
	float:left;
	margin-right:40px;
}
#sozai-box .text-box-main .text{
	float:left;
	width:856px;
}
#sozai-box .text-box-main .text h1{
    font-family: "Noto Serif JP", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Verdana, Meiryo, sans-serif;
font-weight: 400;
    /*font-size: 1.5em;
    letter-spacing: 0;*/
	font-size: 2.2rem;
	line-height: 1.8;
    letter-spacing: 0;
}
#sozai-box .text-box-main .text p{
	margin-top:30px;
}
#sozai-box .text-box{
	padding-top:90px;
	width:1000px;
	/*height:144px;*/
}
#sozai-box .image-box{
	margin-top:90px;
  display: inline-block;
}
#sozai-box .text-box .icn{
	float:left;
	margin-right:70px;
}
#sozai-box .text-box .text{
	float:left;
	width:780px;
}
#sozai-box .text-box .text h1{
    /*letter-spacing: 0;*/
	font-family: "Noto Serif JP", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Verdana, Meiryo, sans-serif;
    font-weight: 400;
	font-size: 2.2rem;
    line-height: 1.8;
    letter-spacing: 0;
}
#sozai-box .text-box .text p{
	margin-top:30px;
}
#sozai-box .text-box-last{
	/*padding:90px 0 156px 0;*/
	padding: 90px 0 100px;
}
#sozai-box .text-box-last p{
	float:left;
	margin-top:10px;
	width: 70%;
}
#sozai-box .text-box-last .btn{
	float:right;
}
#sozai-box .text-box-last .btn a{
	text-indent:-77777px;
	width:255px;
	height:66px;
	display:block;
	background:url(../img/btn_jump2.gif);
	background-position:0 0;
}
#sozai-box .text-box-last .btn a:hover{
	background-position:0 -66px;
}



#syokunin-back{
	background:#fff;
	padding-bottom: 100px;
	margin-bottom: -100px;
}
#syokunin-box{
	width:1000px;
	margin:0 auto;
	font-size:1.065em;
	line-height:1.86em;
	padding-bottom: 100px;
}
#syokunin-box .text-box-main{
	padding-top:90px;
	width:1000px;
	height:104px;
}
#syokunin-box .text-box-main .icn{
	float:left;
	margin-right:40px;
}
#syokunin-box .text-box-main .text{
	float:left;
	width:856px;
}
#syokunin-box .text-box-main .text h1{
    font-family: "Noto Serif JP", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Verdana, Meiryo, sans-serif;
	font-weight: 400;
	line-height: 1.8;
	font-size: 2.2rem;
}
#syokunin-box .text-box-main .text p{
	margin-top:30px;
}
#syokunin-box .text-box{
	padding-top:90px;
	width:1000px;
	height:144px;
}
#syokunin-box .image-box{
	margin:80px 0 1px 0;
  display: inline-block;
}
#syokunin-box .text-box .icn{
	float:left;
	margin-right:70px;
}
#syokunin-box .text-box .text{
	float:left;
	width:780px;
}
#syokunin-box .text-box .text p{
	margin-top:30px;
}
#syokunin-box .text-box-last{
    padding: 60px 0 80px;
}
#syokunin-box .text-box-last p{
	float:left;
	margin-top:10px;
	width: 74%;
}
#syokunin-box .text-box-last .btn{
	float:right;
}
#syokunin-box .text-box-last .btn a{
	text-indent:-77777px;
	width:255px;
	height:66px;
	display:block;
	background:url("../img/btn_jump_fj.jpg");
	background-position:0 0;
}
#syokunin-box .text-box-last .btn a:hover{
	background-position:0 -66px;
}
/*///リンク矢印追加////*/
.link_icon::before{
	display: inline-block;
	width: 13px;
	margin: 2px 7px 0 0;
	content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 13"><g><g><path d="M6.5 12.5c-3.308 0-6-2.692-6-6s2.692-6 6-6 6 2.692 6 6-2.692 6-6 6z" fill="%23fff"></path><path d="M6.5 1A5.506 5.506 0 001 6.5C1 9.533 3.467 12 6.5 12S12 9.533 12 6.5 9.533 1 6.5 1m0-1a6.5 6.5 0 110 13 6.5 6.5 0 010-13z" fill="%23707070"></path></g><path fill="%233C3C3C" d="M8.5 6v1h-1V6z"></path><path fill="%233C3C3C" d="M7.5 5v1h-1V5z"></path><path fill="%233C3C3C" d="M7.5 7v1h-1V7z"></path><path fill="%233C3C3C" d="M6.5 6v1h-1V6z"></path><path fill="%233C3C3C" d="M6.5 4v1h-1V4z"></path><path fill="%233C3C3C" d="M6.5 8v1h-1V8z"></path></g></svg>');
}
.link_icon:hover{
	text-decoration: underline;
}
.link_icon:hover::before{
	content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 13"><g><g><path d="M6.5 12.5c-3.308 0-6-2.692-6-6s2.692-6 6-6 6 2.692 6 6-2.692 6-6 6z" fill="%233c3c3c"></path><path d="M6.5 1A5.506 5.506 0 001 6.5C1 9.533 3.467 12 6.5 12S12 9.533 12 6.5 9.533 1 6.5 1m0-1a6.5 6.5 0 110 13 6.5 6.5 0 010-13z" fill="%233c3c3c"></path></g><path fill="%23fff" d="M8.5 6v1h-1V6z"></path><path fill="%23fff" d="M7.5 5v1h-1V5z"></path><path fill="%23fff" d="M7.5 7v1h-1V7z"></path><path fill="%23fff" d="M6.5 6v1h-1V6z"></path><path fill="%23fff" d="M6.5 4v1h-1V4z"></path><path fill="%23fff" d="M6.5 8v1h-1V8z"></path></g></svg>');
}
.link_icon a {
    color: #DBA24C;
}
