@charset "UTF-8";
/* CSS Document */
*{
	margin: 0px;
	padding: 0px;
}
body {
	
   font-family:'Noto Sans Japanese',"YuGothic","Yu Gothic","游ゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",sans-serif;
	background-color: #ffffff;
	color: #000;
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	letter-spacing: 0.03em;
}


::selection {
	background:#00876e;
	color: #FFF;/* Safari */
}

::-moz-selection {
	background:#00876e;
	color: #FFF;/* Firefox */
}
.clearfix {
	clear: both;
}
.onPc{
	display:block !important;
}
.onSmt{
	display:none !important;
}
.onSmt980{
	display:none !important;
}
.headclearfix {
	clear: both;
	width:100%;
	height:1px;
	display:block;
	float:left;
	margin-bottom:-1px;
}
a{
    color: #666;
}
a:hover{
    color: #00876e;
}

a img.linkimg{
background:none!important;
-webkit-transition: 0.3s ease-in-out;  
-moz-transition: 0.3s ease-in-out; 
-o-transition: 0.3s ease-in-out;  
transition: 0.3s ease-in-out;  
}
a:hover img.linkimg{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background:none!important;
}
.imground{
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.imgshadow{
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}
.imgCenter{
	width:100%;
	height:auto;
	float:left;
	display:table;
	text-align:center;
}
.imgLeft{
	width:100%;
	height:auto;
	float:left;
	display:table;
}
/* Space */
.mt0{ margin-top:0;}
.mt05{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.mt60{ margin-top:60px;}
.mt70{ margin-top:70px;}
.mt80{ margin-top:80px;}
.mt90{ margin-top:90px;}
.mt100{ margin-top:100px;}
.mt110{ margin-top:110px;}
.mt120{ margin-top:120px;}
.mt130{ margin-top:130px;}
.mt140{ margin-top:140px;}
.mt150{ margin-top:150px;}
.mt160{ margin-top:160px;}

.mr0{ margin-right:0;}
.mr05{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.mr30{ margin-right:30px;}
.mr60{ margin-right:60px;}

.mb0{ margin-bottom:0;}
.mb05{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.mb40{ margin-bottom:40px;}
.mb50{ margin-bottom:50px;}
.mb60{ margin-bottom:60px;}
.mb70{ margin-bottom:70px;}
.mb80{ margin-bottom:80px;}
.mb90{ margin-bottom:90px;}
.mb100{ margin-bottom:100px;}
.mb110{ margin-bottom:110px;}
.mb120{ margin-bottom:120px;}


.ml0{ margin-left:0;}
.ml05{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml30{ margin-left:30px;}
.ml150{ margin-left:150px;}

.mW05{ margin:0 5px;}
.mW10{ margin:0 10px;}
.mW15{ margin:0 15px;}
.mW20{ margin:0 20px;}
.mW30{ margin:0 30px;}

.pt0{ padding-top:0;}
.pt02{ padding-top:2px;}
.pt03{ padding-top:3px;}
.pt04{ padding-top:4px;}
.pt05{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}
.pt30{ padding-top:30px;}
.pt40{ padding-top:40px;}
.pt50{ padding-top:50px;}
.pt60{ padding-top:60px;}
.pt70{ padding-top:70px;}
.pt80{ padding-top:80px;}
.pt90{ padding-top:90px;}
.pt100{ padding-top:100px;}

.pr0{ padding-right:0;}
.pr05{ padding-right:5px;}
.pr10{ padding-right:10px;}
.pr15{ padding-right:15px;}
.pr20{ padding-right:20px;}
.pr30{ padding-right:30px;}
.pr40{ padding-right:40px;}
.pr50{ padding-right:50px;}
.pr60{ padding-right:60px;}


.pb0{ padding-bottom:0;}
.pb03{ padding-bottom:3px;}
.pb04{ padding-bottom:4px;}
.pb05{ padding-bottom:5px;}
.pb07{ padding-bottom:7px;}
.pb10{ padding-bottom:10px;}
.pb15{ padding-bottom:15px;}
.pb20{ padding-bottom:20px;}
.pb30{ padding-bottom:30px;}
.pb40{ padding-bottom:40px;}
.pb50{ padding-bottom:50px;}
.pb60{ padding-bottom:60px;}
.pb70{ padding-bottom:70px;}
.pb80{ padding-bottom:80px;}
.pb90{ padding-bottom:90px;}
.pb100{ padding-bottom:100px;}

.pl0{ padding-left:0;}
.pl05{ padding-left:5px;}
.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}
.pl30{ padding-left:30px;}
.pl40{ padding-left:40px;}
.pl50{ padding-left:50px;}
.pl60{ padding-left:60px;}

.pW05{ padding:0 5px;}
.pW10{ padding:0 10px;}
.pW15{ padding:0 15px;}
.pW20{ padding:0 20px;}
.pW30{ padding:0 30px;}

.pd05{ padding: 5px;}
.pd10{ padding: 10px;}
.pd15{ padding: 15px;}
.pd20{ padding: 20px;}
/* Space */
.header {
	width: 100%;
	height: auto;
	display: block;
	position: fixed;
	top: 0px;
	z-index: 10000;
	background-color: #FFF;
	transition-property: all;
	transition: 0.4s ease;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
    border-bottom: #00876e 4px solid;
}
.on.header {
    top: -60px;
}
.spHeader {
	display: none;
}
.headerFix {
	width: 100%;
	height: auto;
	display: block;
	position: fixed;
	top: 0px;
	z-index: 2000;
	background-color: rgba(249,249,249,1.00);
	border-bottom: #d2d2d2 0px solid;
	transition-property: all;
transition: 0.6s ease;

}
.headclearfix {
	clear: both;
}

.box1080{
	width:100%;
	display:table;
	height:auto;
	margin: 0 auto;
	max-width: 1080px;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
	padding-left: 20px;
	padding-right: 20px;
    position: relative;
    z-index: 2;
}
.box1080.nonPd{
	padding-left: 0px;
	padding-right: 0px;
}
.box1080.pd10Ver{
	padding-left: 10px;
	padding-right: 10px;
}
.box960{
	width:100%;
	display:table;
	height:auto;
	margin: 0 auto;
	max-width: 960px;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
	padding-left: 20px;
	padding-right: 20px;
    position: relative;
    z-index: 2;
}

.box800{
	width:100%;
	display:table;
	height:auto;
	margin: 0 auto;
	max-width: 800px;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
	padding-left: 20px;
	padding-right: 20px;
    position: relative;
    z-index: 2;
}
.box600{
	width:600px;
	display:table;
	height:auto;
	margin: 0 auto;
}
.box1280{
	width:100%;
	display:table;
	height:auto;
	margin: 0 auto;
	max-width:1280px;
	padding-left: 2%;
	padding-right: 2%;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
    position: relative;
    z-index: 2;
}
.box1280Pd{
	width:100%;
	display:table;
	height:auto;
	margin: 0 auto;
	max-width:1280px;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 60px;
	padding-bottom: 60px;
    position: relative;
    z-index: 2;
}
.box1600{
	width:100%;
	display:table;
	height:auto;
	margin: 0 auto;
	max-width:1600px;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
	padding-left: 20px;
	padding-right: 20px;
    position: relative;
    z-index: 2;
}
.box1600Pd{
	width:100%;
	display:table;
	height:auto;
	margin: 0 auto;
	max-width:1600px;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 60px;
	padding-bottom: 60px;
}
.headLogo{
	width: auto;
	height: auto;
	display:block;
	position: relative;
	transition-property: all;
	transition: 0.6s ease;
	text-align: left;
	margin-right: 0px;
	margin-top: 15px;
	float: left;
    margin-bottom: 15px;
    margin-left: 20px;
}
.headLogo img{
	height: 30px;
	width:auto;
	transition-property: all;
	transition: 0.6s ease;
    float: left;
}
.on .headLogo{
	
}

.headerFix .headLogo{
	top: 20px;
}


.contentBox {
	height: auto;
	width: 100%;
	margin: 0 auto;
	display:table;
	background-color:#FFF;
    position: relative;
}

.contentBoxGrey {
	height: auto;
	width: 100%;
	margin: 0 auto;
	display:table;
	background-color:#f8f8f8;
    position: relative;
}
.contentBoxLGreen{
    height: auto;
	width: 100%;
	margin: 0 auto;
	display:table;
	background-color:#e3f1ee;
    position: relative;
}
.contentBoxGrn {
	height: auto;
	width: 100%;
	margin: 0 auto;
	display:table;
	background-color:#00876e;
    position: relative;
}

.ph100{
    height: auto;
	width: 100%;
    float: left;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
    position: relative;
}
.ph100 img{
    height: auto;
	width: 100%;
}


.footBox {
    height: auto;
    width: 100%;
    margin: 0 auto;
    display: table;
    background-color: #f8f8f8;
    padding-bottom: 60px;
    border-top: #00876e 10px solid;
    border-bottom: #00876e 10px solid;
}
.footTop {
	height: auto;
	width: 100%;
	margin: 0 auto;
	display: table;
	background-color: #FFF;
	padding-top: 60px;
	padding-bottom: 30px;
}

.moreBtn{
	width:100%;
	height:auto;
	float:left;
	display:inline-block;
	text-align:center;
}
.moreBtn a{
	width: 240px;
	height: auto;
	display: inline-block;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	color: #FFF;
	text-decoration: none;
	transition-property: all;
	transition: 0.2s ease;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
    background-color: #0599d9;
    font-family: 'Oswald', sans-serif;
font-weight: 500;
    letter-spacing: 0.2em;
    padding: 15px 0;
}

.moreBtn a:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
.moreBtn.wht a{
   background-color: #FFF;
    color: #0599d9;
}

.goTopBtn{
	width:60px;
	height:60px;
	display:block;
	position:fixed;
	right:10px;
	bottom:-85px;
	z-index:80;
	transition-property: all;
	transition: 0.6s ease;
    background-color: #00876e;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
    padding: 10px;
}
.goTopBtn.on{
	bottom:10px;
}
.goTopBtn.on:hover{
	
}
.goTopBtn img{
	width:100%;
	height:auto;
}
.goTopBtn img:hover{
	
}

.copyright{
	width:100%;
	height:auto;
	float:left;
	display:inline-block;
	text-align:left;
	font-size:11px;
	color:#000;
	line-height:12px;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
    letter-spacing: 0;
	margin-top: 60px;
}

.title24{
	display: block;
    float: left;
    height: auto;
    width: 100%;
	font-size:24px;
	text-align:left;
	line-height:36px;
	font-weight:bold;
	letter-spacing:0.1em;
}
.title24 span{
	
}
.text30Center{
	display: block;
    float: left;
    height: auto;
    width: 100%;
	font-size:30px;
	text-align:center;
	line-height:1.6em;
}
.text30{
	display: block;
    float: left;
    height: auto;
    width: 100%;
	font-size:30px;
	text-align:left;
	line-height:1.6em;
}
.text36{
	display: block;
    float: left;
    height: auto;
    width: 100%;
	font-size:36px;
	text-align:left;
	line-height:1.6em;
}
.text36Center{
	display: block;
    float: left;
    height: auto;
    width: 100%;
	font-size:36px;
	text-align:center;
	line-height:1.6em;
}
.text24Center{
	display: block;
    float: left;
    height: auto;
    width: 100%;
	font-size:24px;
	text-align:center;
	line-height:1.6em;
}
.text24{
	display: block;
    float: left;
    height: auto;
    width: 100%;
	font-size:24px;
	text-align:left;
	line-height:1.6em;
}
.text18{
	 display: block;
    float: left;
    height: auto;
    width: 100%;
	font-size:18px;
	text-align:left;
	line-height:1.6em;
}
.text18Center{
	 display: block;
    float: left;
    height: auto;
    width: 100%;
	font-size:18px;
	text-align: center;
	line-height:1.6em;
}
.text16{
	 display: block;
    float: left;
    height: auto;
    width: 100%;
	font-size:16px;
	text-align:left;
	line-height:1.6em;
}
.text16Center{
	 display: block;
    float: left;
    height: auto;
    width: 100%;
	font-size:16px;
	text-align:center;
	line-height:1.6em;
}
.text14{
	 display: block;
    float: left;
    height: auto;
    width: 100%;
	font-size:14px;
	text-align:left;
	line-height:1.6em;
}
.text14Center{
	 display: block;
    float: left;
    height: auto;
    width: 100%;
	font-size:14px;
	text-align:center;
	line-height:1.6em;
}
.text12{
	 display: block;
    float: left;
    height: auto;
    width: 100%;
	font-size:12px;
	text-align:left;
	line-height:20px;
}
.text12Center{
	 display: block;
    float: left;
    height: auto;
    width: 100%;
	font-size:12px;
	text-align:center;
	line-height:20px;
}

.bd{
	font-weight: bold;
}
.secPd120 .box800 {
    padding-top: 120px;
    padding-bottom: 120px;
}
.secPd60 .box800 {
    padding-top: 60px;
    padding-bottom: 60px;
}
.secPd60 .box1280 {
    padding-top: 60px;
    padding-bottom: 60px;
}
.secPd120 .box1280 {
    padding-top: 120px;
    padding-bottom: 120px;
}
.secPd120 .box1080 {
    padding-top: 120px;
    padding-bottom: 120px;
}
.secPd60 .box1080 {
    padding-top: 60px;
    padding-bottom: 60px;
}
.secPd120 .box1600 {
    padding-top: 120px;
    padding-bottom: 120px;
}
.secPd60 .box1600 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.cwNavi {
	width: 100%;
	height: auto;
	float: left;
	display:inline-block;
}
.cwNavi ul{
	width: 100%;
	height: auto;
	float: left;
	display:inline-block;
    border-top: #d2d2d2 1px solid;
}
.cwNavi li{
	width: 20%;
	height: auto;
	float: left;
	display:inline-block;
}
.cwNavi li a{
	width: 100%;
	height: 60px;
	font-size:14px;
	line-height:60px;
	text-align:center;
	color:#333;
	display:inline-block;
	text-decoration:none;
	letter-spacing:0.1em;
	font-weight: 600;
	transition-property: all;
	transition: 0.2s ease;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
	position: relative;
}
.cwNavi li a::after{
    content: '';
    width: 1px;
    height: 20px;
    background-color: #d2d2d2;
    position: absolute;
    top: 20px;
    right: 0;
}
.cwNavi li a::before {
    width: 20px;
    text-align: center;
    font-family: "Font Awesome 5 Free";
    content: "\f078";
    font-weight: 900;
    color: #00876e;
    position: absolute;
    font-size: 12px;
    line-height: 1em;
    bottom: 5px;
    left: 50%;
    transition-property: all;
    transition: 0.2s ease;
    margin-left: -10px;
}
.cwNavi li:last-child a::after{
    display: none;
}
.cwNavi li a:hover{
	background-color: #f2f2f2;
}
.cwNavi li span{
	width: 100%;
	height: 60px;
	font-size:14px;
	line-height:60px;
	text-align:center;
	color:#333;
	display:inline-block;
	text-decoration:none;
	letter-spacing:0.1em;
	font-weight: 600;
	transition-property: all;
	transition: 0.2s ease;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
	position: relative;
    cursor: default;
}
.cwNavi li span::after{
    content: '';
    width: 1px;
    height: 20px;
    background-color: #d2d2d2;
    position: absolute;
    top: 20px;
    right: 0;
}
.cwNavi li span::before {
    width: 20px;
    text-align: center;
    font-family: "Font Awesome 5 Free";
    content: "\f078";
    font-weight: 900;
    color: #00876e;
    position: absolute;
    font-size: 12px;
    line-height: 1em;
    bottom: 5px;
    left: 50%;
    transition-property: all;
    transition: 0.2s ease;
    margin-left: -10px;
}

.cwNavi li span:hover{
	background-color: #f2f2f2;
}
.footMenu{
	display:block;
    float: left;
    height: auto;
    width: 33.3333%;
}
.footMenu ul{
	display:block;
    float: left;
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 25px;
}
.footMenu ul li{
	display:block;
    float: left;
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 2em;
}
.footMenu ul li a{
    float: left;
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 2em;
    display:inline-block;
	color: #000;
	text-decoration: none;
    padding-left: 1em;
}
.footMenu ul li a:hover{
    text-decoration: underline;
    color: #00876e;
}
.footTitle{
    display:block;
    float: left;
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
    line-height: 2em;
    font-weight: bold;
    color: #000;
    margin-bottom: 5px;
}
.footTop .footTitle{
    color: #00876e;
}
/*TOYO*/
.heroImage{
    height: 100vh;
width: 100%;
margin: 0 auto;
    margin-top: 0px;
display: table;
float: left;
z-index: 0;
position: relative;
max-height: 1080px;
     background-image: url("../images/heroimage01.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #e1f5ff;
}
/*.contentBoxAbout {
    height: auto;
    width: 100%;
    margin: 0 auto;
    display: table;
    background-color: #FFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background-image: -webkit-linear-gradient(315deg,rgba(13,95,118,1.00) 0%,rgba(0,165,86,1.00) 100%);
    background-image: -moz-linear-gradient(315deg,rgba(13,95,118,1.00) 0%,rgba(0,165,86,1.00) 100%);
    background-image: linear-gradient(135deg,rgba(13,95,118,1.00) 0%,rgba(0,165,86,1.00) 100%);
}*/
.contentBoxAbout {
    height: auto;
    width: 100%;
    margin: 0 auto;
    display: table;
    background-color: #FFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    /*background-image: -webkit-linear-gradient(315deg,rgba(21,197,113,1.00) 0%,rgba(0,134,116,1.00) 100%);
    background-image: -moz-linear-gradient(315deg,rgba(21,197,113,1.00) 0%,rgba(0,134,116,1.00) 100%);
    background-image: linear-gradient(135deg,rgba(21,197,113,1.00) 0%,rgba(0,134,116,1.00) 100%);*/
     background-image: url("../images/bg_about.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
    padding-bottom: 40px;
}
.contentBoxBg {
	height: 540px;
	width: 100%;
	margin: 0 auto;
	display:table;
	background-color:#FFF;
	background-image: url("../images/bg_recruit02.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    border-top: #00876e 0px solid;
    border-bottom: #00876e 0px solid;
    position: relative;
z-index: 0;
}
/*.contentBoxBg::before {
    background-repeat: repeat;
    background-position: bottom;
    background-color: rgba(0, 0, 0, 0.0);
    background-attachment: scroll;
    bottom: 10px;
    content: "";
    display: block;
    height: calc(100% - 20px);
    position: absolute;
    width: 100%;
    z-index: 1;
}*/
.contentBoxBg::before {
    content: '';
    width: 240px;
    height: 20px;
    background-color: #00876e;
    position: absolute;
    top: 0px;
    left: 50%;
    z-index: 2;
    margin-left: -120px;
}
.contentBoxBg::after {
    content: '';
    width: 240px;
    height: 20px;
    background-color: #e3f1ee;
    position: absolute;
    bottom: 0px;
    left: 50%;
    z-index: 2;
    margin-left: -120px;
}
.headContactBtn{
    display:block;
    float: right;
    height: auto;
    width: 100px;
    position: relative;
}
.headContactBtn a{
    width: 100%;
	height: auto;
	display: inline-block;
	text-align: center;
	line-height: 40px;
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	transition-property: all;
	transition: 0.2s ease;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
    background-color: #00876e;
    letter-spacing: 0.05em;
    padding: 10px 0;
}
.headContactBtn a:hover{
    opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
.headContactBtn.t02 a{
    background-color: #00A556;
}
.header .box1600{
    padding-left: 0;
    padding-right: 0;
}
.headNewsBox {
    width: 100%;
    display: table;
    height: 80px;
    margin: 0 auto;
    max-width: 800px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    z-index: 10;
    background-color: #FFF;
    bottom: -40px;
    padding: 20px;
}
.heroImage .box800{
    position: relative;
    height: 100%;
}
.headNewsTitle{
    width: 80px;
	height: auto;
	display: inline-block;
	text-align: center;
    float: left;
    font-size: 12px;
    line-height: 40px;
    border-right: #d2d2d2 1px solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    color: #00876e;
    font-family: 'Orbitron', sans-serif;
    font-weight: 800;
    letter-spacing: 0em;
}
.headNewsList{
    width: calc(100% - 80px);
	height: auto;
	display: block;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.headNewsList dl{
    width: 100%;
	height: auto;
	display: block;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.headNewsList dl a{
   position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.headNewsList dl:hover{
    background-color: rgba(0,0,0,0.05);
}
.headNewsList dl dt{
    width: 120px;
	height: auto;
	display: inline-block;
	text-align: center;
    float: left;
    font-size: 12px;
    line-height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    color: #999;
}
.headNewsList dl dd{
    width: calc(100% - 120px);
	height: auto;
	display: inline-block;
    float: left;
    font-size: 14px;
    line-height: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    color: #000;
    padding-top: 10px;
}
.enTitle{
    width: 100%;
	height: auto;
	display: inline-block;
    float: left;
    font-size: 14px;
    line-height: 1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    font-family: 'Orbitron', sans-serif;
    font-weight: 800;
    margin-bottom: 10px;
}
.wht{
    color: #FFF !important;
}
.alignCenter{
    text-align: center;
}
.bisLeftBox{
    height: 600px;
	width: 50%;
    float: left;
	background-color:#e3f1ee;
	/*background-image: url("../images/bg_works.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    position: relative;
    z-index: 2;
    border-right: #e3f1ee 0px solid;
    
}
.bisLeftBox::before {
    background-repeat: repeat;
    background-position: bottom;
    background-color: rgba(0, 0, 0, 0.0);
    background-attachment: scroll;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 3;
    transition-property: all;
    transition: 0.2s ease;
}
.bisLeftBox:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 8px solid #e3f1ee;
    z-index: 4;
}
.bisRightBox{
    height: 600px;
	width: 50%;
    float: left;
	background-color:#FFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.bisSecWide{
    height: 200px;
	width: 100%;
    float: left;
	background-color:#FFF;
	background-image: url("../images/bg_happou.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    position: relative;
    z-index: 0;
    /*border: #e3f1ee 10px solid;
    border-bottom-width: 0;*/
}
.bisSecWide::before {
    background-repeat: repeat;
    background-position: bottom;
    background-color: rgba(0, 0, 0, 0.4);
    background-attachment: scroll;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1;
    transition-property: all;
    transition: 0.2s ease;
}
.bisSecWide:hover::before {
    background-color: rgba(255,193,7,0.50);
}
.bisSecWide.t02{
    background-image: url("../images/bg_oo.jpg");
}
.bisSecShort{
    height: 200px;
	width: 50%;
    float: left;
	background-color:#FFF;
	background-image: url("../images/bg_setsubi.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    position: relative;
    z-index: 0;
    /*border: #e3f1ee 10px solid;*/
}
.bisSecShort.t02{
    background-image: url("../images/sample04.jpg");
}
.bisSecShort::before {
    background-repeat: repeat;
    background-position: bottom;
    background-color: rgba(0, 0, 0, 0.4);
    background-attachment: scroll;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1;
    transition-property: all;
    transition: 0.2s ease;
}
.bisSecShort:hover::before {
    background-color: rgba(255,193,7,0.50);
}
.ls01{
    letter-spacing: 0.1em;
}
.ls02{
    letter-spacing: 0.2em;
}
.ls03{
    letter-spacing: 0.3em;
}
.topPdBox{
    height: 240px;
	width: 33.3333%;
    float: left;
	background-color:#FFF;
	background-image: url("../images/pd01.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    position: relative;
    z-index: 0;
    border: #FFF 10px solid;
}
.topPdBox a{
   position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 10;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.topPdBox::before {
    background-repeat: repeat;
    background-position: bottom;
    background-color: rgba(0, 0, 0, 0.3);
    background-attachment: scroll;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1;
    transition-property: all;
    transition: 0.2s ease;
}
.topPdBox:hover::before {
    background-color: rgba(255,193,7,0.50);
}
.topPdBox.t02{
    background-image: url("../images/pd02.jpg");
}
.topPdBox.t03{
    background-image: url("../images/pd03.jpg");
}
.topPdBox.t04{
    background-image: url("../images/pd04.jpg");
}
.topPdBox.t05{
    background-image: url("../images/pd05.jpg");
}
.topPdBox.t06{
    background-image: url("../images/pd06.jpg");
}
.topPdBox.t07{
    background-image: url("../images/armaflex01.jpg");
}
.topPdBox.t08{
    background-image: url("../images/mira01.jpg");
}
.topPdBox.t09{
    background-image: url("../images/insul01.jpg");
}
.topPdBox.t10{
    background-image: url("../images/nedafoam01.jpg");
}
.companyMainBox{
    height: 460px;
	width: 100%;
    float: left;
	background-color:#FFF;
	background-image: url("../images/bg_company.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    position: relative;
    z-index: 0;
    padding-top: 150px;
}
.companyMainBox::before {
    background-repeat: repeat;
    background-position: bottom;
    background-color: rgba(0, 0, 0, 0.4);
    background-attachment: scroll;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1;
    transition-property: all;
    transition: 0.2s ease;
}
.companySec{
    height: 200px;
	width: 25%;
    float: left;
	background-color:#FFF;
	background-image: url("../images/cp03_02.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    position: relative;
    z-index: 0;
}
.companySec:hover::before {
    background-color: rgba(255,193,7,0.50);
}
.companySec.t02{
    background-image: url("../images/cp04.jpg");
}
.companySec.t03{
    background-image: url("../images/cp05.jpg");
}
.companySec.t04{
    background-image: url("../images/cp06.jpg");
}
.companySec::before {
    background-repeat: repeat;
    background-position: bottom;
    background-color: rgba(0, 0, 0, 0.4);
    background-attachment: scroll;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1;
    transition-property: all;
    transition: 0.2s ease;
}

.newList{
    width: 100%;
	height: auto;
	display: inline-block;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    background-color: #FFF;
    padding: 40px;
    padding-bottom: 30px;
}
.newList dl{
    width: 100%;
	height: auto;
	display: block;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding-bottom: 10px;
}
.newList dl:hover{
    background-color: rgba(0,0,0,0.05);
}
.newList dl:last-child{
   
}
.newList dl a{
   position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.newList dl dt{
    width: 100px;
	height: auto;
	display: inline-block;
	text-align: left;
    float: left;
    font-size: 12px;
    line-height: 42px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    color: #999;
}
.newList dl dd{
    width: calc(100% - 100px);
	height: auto;
	display: inline-block;
    float: left;
    font-size: 14px;
    line-height: 22px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    color: #000;
    padding-top: 10px;
}
.newsTitle{
    width: 100%;
	height: auto;
	display: block;
	text-align: left;
    float: left;
    position: relative;
    color: #000;
    font-size: 16px;
    line-height: 1em;
    letter-spacing: 0.1em;
    font-weight: bold;
    margin-bottom: 20px;
}
.newsTitle span{
    font-family: 'Orbitron', sans-serif;
    font-weight: 800;
    font-size: 0.8em;
    letter-spacing: 0;
    margin-left: 5px;
    color: #00876e;
}
.moreBtnLine{
	width:100%;
	height:auto;
	float:left;
	display:inline-block;
	text-align:center;
     position: relative;
}
.moreBtnLine a{
	width: 260px;
	height: auto;
	display: inline-block;
	text-align: center;
	line-height: 40px;
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	transition-property: all;
	transition: 0.2s ease;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
    letter-spacing: 0.2em;
    border: #fff 2px solid;
    padding: 3px 0;
    position: relative;
    font-weight: bold;
}
.moreBtnLine a::before{
    content: '';
    width: 45px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    right: 0;
     margin-top: -0.5px;
    transition-property: all;
	transition: 0.2s ease;
}
.moreBtnLine a::after{
    content: '';
    width: 10px;
    height: 3px;
    background-color: #FFC107;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -1.5px;
    transition-property: all;
	transition: 0.2s ease;
}
.moreBtnLine a:hover{
    background-color: #FFF;
    color: #00876e;
}
.moreBtnLine a:hover::before{
    width: 10px;
}
.moreBtnLine a:hover::after{
    
}
.moreBtnLine a:hover::before,.moreBtnLine a:hover::after{
    background-color: #00876e;
    right: -2px;
}
.moreList{
    width:100%;
	height:auto;
	float:left;
	display:inline-block;
	text-align:center;
    position: relative;
    margin-top: 30px;
}
.moreList ul{
    width:auto;
	height:auto;
	display:inline-block;
    position: relative;
}
.moreList ul li{
    width:auto;
	height:auto;
    float: left;
	display:inline-block;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
}
.moreList ul li a{
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #000;
    letter-spacing: 0.1em;
}
.moreList ul li a:hover{
    text-decoration: underline;
}
.moreList ul li a i{
    margin-right: 3px;
    color: #00876e;
}
.moreList.wht ul li a{
    color: #FFF;
}
.moreList.wht ul li a i{
    color: #FFF;
}
.secMidTitle{
    width:100%;
	height:auto;
	float:left;
	display:inline-block;
	text-align:center;
    position: absolute;
    font-size: 20px;
    line-height: 30px;
    color: #FFF;
    letter-spacing: 0.1em;
    z-index: 2;
    top: 50%;
    left: 0;
    margin-top: -15px;
    font-weight: bold;
}
.secMidTitle span{
    /*background-color: #00876e;*/
    padding: 2px 15px;
    border: #FFF 2px solid;

}
.secMidTitleS{
    width:100%;
	height:auto;
	float:left;
	display:inline-block;
	text-align:center;
    position: absolute;
    font-size: 18px;
    line-height: 30px;
    color: #FFF;
    letter-spacing: 0.1em;
    z-index: 2;
    top: 50%;
    left: 0;
    margin-top: -15px;
    font-weight: bold;
}
.secMore{
    width:120px;
	height:20px;
	display:inline-block;
    position: absolute;
    font-size: 12px;
    font-weight: bold;
    line-height: 1em;
    color: #FFF;
    bottom: 15px;
    right: 0;
    z-index: 2;
}
.secMore::before{
    content: '';
    width: 45px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    right: 0;
     margin-top: -0.5px;
    transition-property: all;
	transition: 0.2s ease;
}
.secMore::after{
    content: '';
    width: 10px;
    height: 3px;
    background-color: #FFC107;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -1.5px;
    transition-property: all;
	transition: 0.2s ease;
}
.grn{
    color: #00876e;
}
.pdCnt {
    float: left;
    text-align: left;
    width: 100%;
	height:auto;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    position: relative;
    padding: 10px 0px;
}
.halfBox{
    width:50%;
	height:auto;
	float:left;
	display:inline-block;
    position: relative;
    -moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.logoToyo.ph100{
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
}
.logoToyo.ph100 img{
    width: auto;
    height: 30px;
}
.logoUmc.ph100{
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}
.logoUmc.ph100 img{
    width: auto;
    height: 50px;
}
.pageHeroImage{
    height: 200px;
width: 100%;
margin: 0 auto;
    margin-top: 120px;
display: table;
float: left;
z-index: 0;
position: relative;
     background-image: url("../images/pagetop_company.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #FFF;
    padding-top: 60px;
    -moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.pageHeroImage::before {
    background-repeat: repeat;
    background-position: bottom;
    background-color: rgba(0, 0, 0, 0.4);
    background-attachment: scroll;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1;
    transition-property: all;
    transition: 0.2s ease;
}
.pageHeroImage.productPage{
    background-image: url("../images/pagetop_product.jpg");
}
.pageHeroImage.newsPage{
    background-image: url("../images/pagetop_news.jpg");
}
.pageHeroImage.worksPage{
    background-image: url("../images/pagetop_works.jpg");
}
.pageHeroImage.faqPage{
    background-image: url("../images/pagetop_faq.jpg");
    background-position: center top;
}
.pageTitle {
    display: block;
    float: left;
    height: auto;
    width: 100%;
    font-size: 30px;
    text-align: left;
    line-height: 1.0em;
    font-weight: bold;
    color: #000;
    position: relative;
    margin-bottom: 40px;
    letter-spacing: 0.15em;
}
.pageTitle span {
    font-size: 0.6em;
    line-height: 0.6em;
    margin-left: 10px;
    color: #00876e;
    letter-spacing: 0.05em;
    font-family: 'Orbitron', sans-serif;
    font-weight: 800;
}
.pagePd .box1080 {
    padding-bottom: 60px;
}
.bc {
    color: #999;
    display: table;
    font-size: 11px;
    height: auto;
    letter-spacing: 0.05em;
    line-height: 20px;
    margin: 5px auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 0px;
}
.bc a{
    color: #999;
    text-decoration: none;
}
.bc a:hover{
    color: #00876e;
    text-decoration: underline;
}
.companyList {
    display: block;
    float: left;
    height: auto;
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.companyList dl {
    display: block;
    float: left;
    height: auto;
    width: 100%;
    padding-bottom: 30px;
    margin-bottom: 30px;
    position: relative;
}
.companyList dl::after {
    content: '';
    width: calc(100% - 180px);
    height: 1px;
    
    position: absolute;
    display: inline-block;
    right: 0;
    bottom: 0;
    border-bottom: #d2d2d2 1px dotted;
}
.companyList dl:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.companyList dl:last-child::after {
    display: none;
    border-bottom: #d2d2d2 0px dotted;
}
.companyList dt {
    display: inline-block;
    float: left;
    height: auto;
    width: 180px;
    position: absolute;
    top: 0;
    left: 0px;
    font-size: 14px;
    line-height: 1.8em;
    font-weight: bold;
    color: #00876e;
}
.companyList dd {
    display: block;
    float: left;
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 180px;
    font-size: 14px;
    line-height: 1.8em;
}
.companyList dd a{
    color: #00876e;
}
.companyList dd i{
    font-size: 0.4em;
    color: #00876e;
    margin-right: 3px;
    position: relative;
top: -3px;
}
.historyList {
    display: inline-block;
    float: left;
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.historyList dl {
    display: inline-block;
    float: left;
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 30px;
    padding-bottom: 0px;
}
.historyList dt {
    display: inline-block;
    float: left;
    height: auto;
    width: 180px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.6em;
    color: #00876e;
    font-weight: bold;
}
.historyList dd {
    display: inline-block;
    float: left;
    height: auto;
    width: calc(100% - 180px);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.6em;
}
.factoryBox{
    display: block;
    float: left;
    height: auto;
    width: 32.3333%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 40px;
}
.factoryBox.center{
    margin-left: 1.5%;
    margin-right: 1.5%;
}
.fcPh{
    display: block;
    float: left;
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10px;
}
.fcText{
    display: block;
    float: left;
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.fcText i{
    color: #00876e;
}
.fcText .text18{
    margin-bottom: 5px;
}
.fcText .text14{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 18px;
}
.groupList{
    display: inline-block;
    float: left;
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f2f2f2;
    padding: 30px 40px;
    padding-bottom: 20px;
}
.groupList ul{
    display: inline-block;
    float: left;
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.groupList ul li{
    display: inline-block;
    float: left;
    height: auto;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.2em;
    margin-bottom: 20px;
    position: relative;
    padding-left: 15px;
    letter-spacing: 0.05em;
}
.groupList ul li a{
    color: #000;
    text-decoration: none;
}
.groupList ul li a:hover{
    color: #00876e;
    text-decoration: underline;
}
.groupList ul li a i{
    color: #00876e;
    margin-left: 5px;
    position: relative;
    top: -0.5px;
}
.groupList ul li::before{
text-align: center;
font-family: "Font Awesome 5 Free";
content: "\f45c";
font-weight: 900;
color: #00876e;
position: absolute;
font-size: 8px;
line-height: 1em;
top: 7px;
left: 0;
}
.groupLogo{
    display: inline-block;
    float: left;
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 20px;
    text-align: center;
}
.groupLogo img{
    width:100%;
    height: auto;
    max-width: 200px;
}
.bottomContentBox{
    
}
.bottomContentBox{
    height: 180px;
	width: 33.3333%;
    float: left;
	background-color:#FFF;
	background-image: url("../images/cp01.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    position: relative;
    z-index: 0;
}
.bottomContentBox::before {
    background-repeat: repeat;
    background-position: bottom;
    background-color: rgba(0, 0, 0, 0.4);
    background-attachment: scroll;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1;
    transition-property: all;
    transition: 0.2s ease;
}
.bottomContentBox:hover::before {
    background-color: rgba(255,193,7,0.50);
}
.bottomContentBox.t02{
    background-image: url("../images/cp02.jpg");
}
.bottomContentBox.t03{
    background-image: url("../images/cp03_02.jpg");
}
.bottomContentBox.t04{
    background-image: url("../images/cp04.jpg");
}
.bottomContentBox.t05{
    background-image: url("../images/cp05.jpg");
}
.bottomContentBox.t06{
    background-image: url("../images/cp06.jpg");
}
.newsMoreBtn{
    width: 80px;
    height: auto;
    display: block;
    float: right;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.newsMoreBtn a{
    width: 100%;
height: auto;
display: inline-block;
text-align: center;
line-height: 20px;
font-size: 11px;
color: #FFF;
text-decoration: none;
transition-property: all;
transition: 0.2s ease;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
letter-spacing: 0em;
position: absolute;
font-weight: normal;
    background-color: #00876e;
    top: -40px;
    right: 0;
}
.disnon{
    display: none;
}
.pdTabBox {
    display: table;
    float: left;
    height: auto;
    width: 100%;
	position: relative;
    -moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
ul#pdTab{
	width: 100%;
	height:auto;
    margin: 0 auto;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 10px;
	padding-right: 10px;
    text-align: center;
    display: table;
}
#pdTab li {
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	color: #111;
    font-weight: normal;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	height: auto;
	line-height: 1.8em;
    letter-spacing: 0.1em;
	list-style: outside none none;
	text-align: center;
	width: 50%;
	transition-property: all;
	transition: 0.2s ease;
    position: relative;
    float: left;
    padding: 15px 10px;
	border-bottom: #00876e 4px solid;
}
#pdTab li:nth-child(2) {
}
#pdTab li:hover {
    color: #FFF;
    background-color: #eee;
    background-color: rgba(255,193,7,1.0);
}

#pdTab li.select {
	color: #FFF;
    background-color: #00876e;
}
.topPdBox .secMidTitle{
    margin-top: -30px;
}
.secMidSubTitle{
    width:100%;
	height:auto;
	float:left;
	display:inline-block;
	text-align:center;
    position: absolute;
    font-size: 12px;
    line-height: 1.2em;
    color: #FFF;
    letter-spacing: 0.05em;
    z-index: 2;
    top: 50%;
    left: 0;
    margin-top: 20px;
    font-weight: normal;
}
.secBottomTitle{
    width:auto;
	height:auto;
	float:left;
	display:inline-block;
	text-align:right;
    position: absolute;
    font-size: 20px;
    line-height: 30px;
    color: #FFF;
    letter-spacing: 0.1em;
    z-index: 2;
    bottom: 12px;
    right: 55px;
    font-weight: bold;
}
.grnBorder{
    border-top: #e3f1ee 0px solid;
    border-bottom: #e3f1ee 0px solid;
    padding: 40px 20px;
    -moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    background-color: #e3f1ee;
}
.contentBox.grnBorder{
    margin-bottom: 60px;
}
.contentBox.grnBorder::before{
    content: '';
    width: 50%;
    height: 40px;
    background-color: #e3f1ee;
    position: absolute;
    top: -40px;
    left: 0;
    z-index: 2;
}
.contentBox.grnBorder::after{
    content: '';
    width: 50%;
    height: 40px;
    background-color: #e3f1ee;
    position: absolute;
    bottom: -40px;
    right: 0;
    z-index: 2;
}
.rekishiTable{
    width: 100%;
	height:auto;
    float: left;
    -moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    margin-bottom: 40px;
}
.rekishiTable table{
    border-spacing: 0;
}
.rekishiTable tr{
    border-spacing: 0;
}
.rekishiTable th{
    text-align: left;
    width: 100px;
    font-size: 12px;
    line-height: 1.3em;
    padding: 0px 0;
    position: relative;
    vertical-align: middle;
    border-spacing: 0;
    -moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    float: left;
}
.rekishiTable th.topTh{
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
    border: #000 3px double;
    margin-bottom: 20px;
}
.rekishiTable td{
    text-align: center;
    padding: 0;
    position: relative;
    margin: 0;
    border-spacing: 0;
    width: 38px;
    -moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    float: left;
}
.lineGrn{
    width: 15px;
    height: 60px;
    background-color: #00876e;
    float: left;
    position: relative;
}
.lineBlue{
    width: 15px;
    height: 60px;
    background-color: #0F5192;
    float: left;
    position: relative;
}
.lineOrg{
    width: 15px;
    height: 60px;
    background-color: #FFC107;
    float: left;
    position: relative;
}
.lineOrg.halfLine{
    height: 30px;
    top: 30px;
}
.lineOrg.quadLine{
    height: 15px;
    top: 45px;
}
.lineGrn.halfLine{
    height: 30px;
    top: 30px;
}
.lineGrn.quadLinex3{
    height: 45px;
    top: 15px;
}
.rekishiName{
    width: 180px;
    height: auto;
    font-size: 13px;
    line-height: 1.1em;
    position: absolute;
    top: -3px;
    right: -165px;
    text-align: left;
    font-weight: 500;
   text-shadow: 1px 1px 0px #FFF;
    z-index: 10;
}
.rekishiName span{
    height: auto;
    font-size: 0.8em;
    float: left;
    font-weight: normal;
}
.rekishiName.long{
    width: 150px;
}
.rekishiName.t01{
    top: -34px;
    right: -105px;
}
.rekishiName.t02{
    top: 31px;
}
.rekishiName.t03{
    font-size: 12px;
    top: 2px;
    line-height: 1em;
}
.rekishiName.t04{
    top: 40px;
    font-size: 12px;
    line-height: 1em;
}
.rekishiName.y1898{
    top: -8px;
}
.rekishiName.y1918{
    top: 32px;
}
.rekishiName.y1924{
    top: 10px;
}
.rekishiName.y1927{
    top: -15px;
}
.rekishiName.y1933{
    top: 12px;
}
.rekishiName.y1944{
    top: 27px;
}
.rekishiName.y1956{
    top: 17px;
}
.rekishiName.y1960{
    top: 26px;
}
.rekishiName.y1962{
    top: -8px;
}
.rekishiName.y1962ex{
    top: 7px;
}
.rekishiName.y1963{
    top: 27px;
}
.rekishiName.y1966{
    top: 13px;
}
.rekishiName.y1966ex{
    top: -8px;
}
.rekishiName.y1968{
    top: 42px;
}
.rekishiName.y1970{
    top: 13px;
}
.rekishiName.y1984{
    top: 27px;
}
.rekishiName.y1992{
    top: 17px;
}
.rekishiName.y1993{
    top: 0px;
}
.rekishiName.y1993ex{
    top: 27px;
}
.rekishiName.y2007{
    top: 27px;
}
.rekishiName.y2009{
    top: -13px;
}
.rekishiName.y2011{
    top: 7px;
}
.rekishiName.y2015{
    top: 46px;
}
.rekishiName.y2014{
    top: -13px;
}
.rekishiName.subAr01 {
    top: 33px;
}
.hisTabBox {
    display: table;
    float: left;
    height: auto;
    width: 100%;
	position: relative;
    -moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 40px;
}
ul#hisTab{
	width: 100%;
	height:auto;
    margin: 0 auto;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 0px;
	padding-right: 0%;
    text-align: center;
    display: table;
}
#hisTab li {
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	color: #111;
    font-weight: bold;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	height: auto;
	line-height: 1.8em;
    letter-spacing: 0.1em;
	list-style: outside none none;
	text-align: center;
	width: 49%;
	transition-property: all;
	transition: 0.2s ease;
    position: relative;
    float: left;
    padding: 15px 10px;
    background-color: #FFF;
    margin-right: 1%;
    border: #000 2px solid;
}
#hisTab li:nth-child(2) {
    margin-right: 0%;
    margin-left: 1%;
}
#hisTab li:hover {
    color: #00876e;
    background-color: #eee;
}

#hisTab li.select {
	color: #FFF;
    background-color: #00876e;
    border-color: #00876e;
}
.hisCnt {
    float: left;
    text-align: left;
    width: 100%;
	height:auto;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    position: relative;
    overflow: hidden;
}
.groupImg {
    display: inline-block;
    float: left;
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 40px;
    text-align: center;
    margin-top: 40px;
}
.groupImg img{
    width: 100%;
height: auto;
max-width: 860px;
}
.fontS{
    font-size: 0.7em;
}

.megaBox{
    width: 100%;
    height: 0px;
    padding: 0px;
    position: fixed;
    z-index: 1000;
    margin-top: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    top: 125px;
    transition-property: all;
    transition: 0.4s ease;
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
    overflow: hidden;
    background-color: #f2f2f2;
}

.add .megaBox{
    height: 240px;
    padding: 0px;
    transition-property: all;
    transition: 0.4s ease;
}
#slideMenu03.add .megaBox{
    height: 280px;
}
#slideMenu04.add .megaBox{
    height: 280px;
}
.on .megaBox{
    top: 65px;
}
.megaPh{
    display: inline-block;
    float: left;
    height: 240px;
    width: 30%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    background-image: url("../images/mega01.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
#slideMenu02 .megaPh{
    background-image: url("../images/mega02.jpg");
}
#slideMenu03 .megaPh{
     height: 280px;
    background-image: url("../images/mega03.jpg");
}
#slideMenu04 .megaPh{
    height: 280px;
    background-image: url("../images/mega04.jpg");
}
#slideMenu05 .megaPh{
    background-image: url("../images/mega05.jpg");
}
.megaRight{
    display: inline-block;
    float: left;
    height: auto;
    width: 70%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding: 40px 40px 0;
}
.megaTitle {
    width: 100%;
    height: auto;
    display: block;
    text-align: left;
    float: left;
    position: relative;
    color: #000;
    font-size: 14px;
    line-height: 1em;
    letter-spacing: 0.1em;
    font-weight: bold;
    margin-bottom: 15px;
}
.megaTitle span {
    font-family: 'Orbitron', sans-serif;
    font-weight: 800;
    font-size: 0.8em;
    letter-spacing: 0;
    margin-left: 5px;
    color: #00876e;
}
ul.megaMenuList{
    display: inline-block;
    float: left;
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
ul.megaMenuList li{
    display: inline-block;
    float: left;
    height: auto;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 10px;
    padding-right: 15px;
}
ul.megaMenuList li a{
    display: inline-block;
    float: left;
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    font-size: 18px;
    line-height: 1em;
    color: #000;
    text-decoration: none;
    letter-spacing: 0.05em;
    font-weight: bold;
    padding: 8px 0;
}
ul.megaMenuList li a i{
    color: #00876e;
    margin-right: 5px;
}
ul.megaMenuList li a:hover{
    background-color: #e2e2e2;
}
.pdBox{
     display: inline-block;
    float: left;
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 60px;
}
.pdPh{
    display: inline-block;
    float: left;
    height: auto;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.pdPh img{
    height: auto;
    width: 100%;
}
.n02 .pdPh{
    float: right;
}
.pdInfo{
    display: inline-block;
    float: left;
    height: auto;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding-left: 60px;
    padding-top: 80px;
}
.n02 .pdInfo{
    padding-left: 0;
    padding-right: 60px;
}
.pdTitle {
    width: 100%;
    height: auto;
    display: block;
    text-align: left;
    float: left;
    position: relative;
    color: #000;
    font-size: 24px;
    line-height: 1.4em;
    letter-spacing: 0.05em;
    font-weight: bold;
    margin-bottom: 8px;
}
.pdTitle i{
    color: #00876e;
    font-size: 0.5em;
    position: relative;
    top: -4px;
    margin-right: 8px;
    margin-left: 0px;
}
/*.pdTitle::after {
    content: '';
    width: 30px;
    height: 1px;
    background-color: #00876e;
    position: absolute;
    left: 0;
    top: 42px;
}
.pdTitle::before {
    content: '';
    width: 1px;
    height: 30px;
    background-color: #00876e;
    position: absolute;
    left: 0;
    top: 42px;
}*/
.pdSubEn {
    width: 100%;
    height: auto;
    display: block;
    text-align: left;
    float: left;
    position: relative;
    color: #00876e;
    font-size: 14px;
    line-height: 1em;
    letter-spacing: 0.05em;
    font-weight: bold;
    margin-bottom: 25px;
    font-family: 'Orbitron', sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    
}
.pdText{
    display: inline-block;
    float: left;
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    
    padding: 25px;
}
.pdKakkoTop{
    display: inline-block;
    float: left;
    height: 30px;
    width: 30px;
    position: absolute;
    top: 0;
    left: 0;
    border-top: #00876e 2px solid;
    border-left: #00876e 2px solid;
}
.pdKakkoTopRight{
    display: inline-block;
    float: left;
    height: 30px;
    width: 30px;
    position: absolute;
    top: 0;
    right: 0;
    border-top: #00876e 2px solid;
    border-right: #00876e 2px solid;
}
.pdKakkoBottom{
    display: inline-block;
    float: left;
    height: 30px;
    width: 30px;
    position: absolute;
    bottom: 0;
    right: 0;
    border-bottom: #00876e 2px solid;
    border-right: #00876e 2px solid;
}
.newList.newsPage{
    padding: 0px;
    padding-bottom: 20px;
    border-bottom: #d2d2d2 1px solid;
    margin-bottom: 30px;
}
.newList.newsPage dl {
    margin-bottom: 10px;
}
.newList.newsPage dl dt {
    color: #00876e;
    font-weight: bold;
}
.prevBtn {
    display: block;
    float: left;
    height: auto;
    text-align: left;
    width: 50%;
}
.prevBtn a {
    color: #FFF;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    height: auto;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s ease 0s;
    width: 120px;
    letter-spacing: 0.2em;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    
    background-image: -webkit-linear-gradient(315deg,rgba(21,197,113,1.00) 0%,rgba(0,134,116,1.00) 100%);
    background-image: -moz-linear-gradient(315deg,rgba(21,197,113,1.00) 0%,rgba(0,134,116,1.00) 100%);
    background-image: linear-gradient(135deg,rgba(21,197,113,1.00) 0%,rgba(0,134,116,1.00) 100%);
}
.prevBtn a:hover {
	opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}
.nextBtn {
    display: block;
    float: right;
    height: auto;
    text-align: right;
    width: 50%;
}
.nextBtn a {
    color: #FFF;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    height: auto;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s ease 0s;
    width: 120px;
    letter-spacing: 0.2em;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background-image: -webkit-linear-gradient(135deg,rgba(21,197,113,1.00) 0%,rgba(0,134,116,1.00) 100%);
    background-image: -moz-linear-gradient(135deg,rgba(21,197,113,1.00) 0%,rgba(0,134,116,1.00) 100%);
    background-image: linear-gradient(315deg,rgba(21,197,113,1.00) 0%,rgba(0,134,116,1.00) 100%);
}

.nextBtn a:hover {
	opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}
.blogDay {
    display: inline-block;
    float: left;
    height: auto;
    width: 100%;
    font-size: 14px;
    line-height: 1.3em;
    text-align: left;
    margin-bottom: 10px;
    color: #00876e;
    font-weight: bold;
}
.blogTitle {
    display: inline-block;
    float: left;
    height: auto;
    width: 100%;
    font-size: 24px;
    line-height: 1.3em;
    text-align: left;
    font-weight: 600;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: #d2d2d2 1px solid;
}
.postBox{
	width:100%;
	height:auto;
	display:table;
	float:left;
    position: relative;
    table-layout: fixed;
    border-bottom: #d2d2d2 1px solid;
    padding-bottom: 10px;
    margin-bottom: 30px;
}
.postBox h1 {
    float: left;
    font-size: 22px;
    height: auto;
    line-height: 1.6em;
    text-align: left;
    width: 100%;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 18px;
    background-color: #FFF;
    padding: 3px 15px;
    font-weight: normal;
    border: #047cc2 1px solid;
}
.postBox h2 {
    float: left;
    font-size: 22px;
    height: auto;
    line-height: 1.6em;
    margin-bottom:18px;
    text-align: left;
    width: 100%;
    display: inline-block;
    border-left: #047cc2 4px solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 15px;
    border-bottom: #111 0px solid;
    font-weight: normal;
}
.postBox h3 {
    font-size: 20px;
    line-height: 1.6em;
    margin-bottom: 12px;
    text-align: left;
	font-weight: normal;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 0.8em;
}
.postBox h3::before {
    content: '●';
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 10px;
    color: #999;
}
.postBox h4 {
    font-size: 18px;
    line-height: 1.6em;
    width: 100%;
	font-weight: normal;
}
.postBox h5 {
    font-size: 16px;
    line-height: 1.6em;
	font-weight: normal;
}
.postBox p{
    font-size: 14px;
    line-height: 1.8em;
	margin-bottom: 24px;

}
.postBox p a{
    color: #666;
    text-decoration: underline;
}
.postBox p a:hover{
    color: #111;
}
.postBox img {
	height: auto;
	width: auto;
    margin-bottom: 5px;
    max-width: 100%;
	vertical-align: top;
}
.postBox .wp-caption {
	height: auto;
	width: auto;
    max-width: 100%;
}
.moreBtnGrn{
	width:100%;
	height:auto;
	float:left;
	display:inline-block;
	text-align:center;
     position: relative;
}
.moreBtnGrn a{
	width: 260px;
	height: auto;
	display: inline-block;
	text-align: center;
	line-height: 44px;
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	transition-property: all;
	transition: 0.2s ease;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
    letter-spacing: 0.2em;

    padding: 3px 0;
    position: relative;
    font-weight: bold;
    background-color: #00876e;
}
.moreBtnGrn.t-big a{
    width: 100%;
    max-width: 400px;
    padding: 15px 0;
    font-size: 18px;
    letter-spacing: 0.1em;
}
.moreBtnGrn a::before{
    content: '';
    width: 45px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    right: 0;
     margin-top: -0.5px;
    transition-property: all;
	transition: 0.2s ease;
}
.moreBtnGrn a::after{
    content: '';
    width: 10px;
    height: 3px;
    background-color: #FFC107;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -1.5px;
    transition-property: all;
	transition: 0.2s ease;
}
.moreBtnGrn a:hover{
    background-color: #FFC107;
    color: #00876e;
}
.moreBtnGrn a:hover::before{
    width: 10px;
}
.moreBtnGrn a:hover::after{
    
}
.moreBtnGrn a:hover::before,.moreBtnGrn a:hover::after{
    background-color: #00876e;
    right: -2px;
}
.video-wrap {
    width: 100%;
    height: 100vh;
    position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
    overflow:hidden;
    z-index: 1;
}

video#toyoMv{
position: absolute;
min-width: 100%;
min-height: 100%;
width: auto; 
height: auto;
z-index: 1;
background-position:center bottom;
display:block;
  top:50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
}
.companyTopTitleBox{
    width: 240px;
    height: auto;
    padding: 30px 0 30px;
    background-color: #FFF;
    position: absolute;
    z-index: 10;
    top: -30px;
    left: 50%;
    margin-left: -120px;
}
.recruitTitleBox{
    width: 340px;
    height: auto;
    padding: 40px 0 30px;
    
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    margin-left: -170px;
    margin-top: -111px;
    /*background-image: -webkit-linear-gradient(315deg,rgba(21,197,113,0.90) 0%,rgba(0,134,116,0.90) 100%);
background-image: -moz-linear-gradient(315deg,rgba(21,197,113,0.90) 0%,rgba(0,134,116,0.90) 100%);
background-image: linear-gradient(135deg,rgba(21,197,113,0.90) 0%,rgba(0,134,116,0.90) 100%);*/
}
.contentBox.company{
    border-bottom: #00876e 20px solid;
}
.contentBox.hookTop::before {
    content: '';
    width: 240px;
    height: 20px;
    background-color: #FFF;
    position: absolute;
    top: -20px;
    left: 50%;
    z-index: 2;
    margin-left: -120px;
}
.contentBox.hookBottom::after {
    content: '';
    width: 240px;
    height: 20px;
    background-color: #FFF;
    position: absolute;
    bottom: -20px;
    left: 50%;
    z-index: 2;
    margin-left: -120px;
}
.contentBoxLGreen.hookTop::before {
    content: '';
    width: 240px;
    height: 20px;
    background-color: #e3f1ee;
    position: absolute;
    top: -20px;
    left: 50%;
    z-index: 2;
    margin-left: -120px;
}
.contentBoxLGreen .topPdBox{
    border-color: #e3f1ee;
}
.ceoPhBox{
    width: 45%;
height: 400px;
float: right;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
z-index: 0;
    left: -40px;
}
.ceoPh{
    width: 100%;
height: 400px;
float: right;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
background-image: url("../images/ceo03.jpg");
	background-size: cover;
	background-position: right bottom;
	background-repeat: no-repeat;
z-index: 0;
}
.ceoPh::after{
}
.ceoName{
    width: 300px;
    height: auto;
    background-color: #00876e;
    position: absolute;
    bottom: -80px;
    right: -40px;
    text-align: right;
    font-size: 18px;
    line-height: 1em;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
    z-index: -1;
    padding: 60px 40px 30px 0;
    color: #FFF;
    letter-spacing: 0.1em;
}
.ceoName span{
    font-size: 0.6em;
    letter-spacing: 0em;
}
.ceoTextBox{
    width: 55%;
height: auto;
float: left;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
z-index: 1;
    background-color: #FFF;
    padding: 40px;
    margin-top: 100px;
}
.ceoTextBox .text14{
    text-align: justify;
    line-height: 1.8em;
}
.ceoTextBox .pdKakkoTop{
    border-top-color: #d2d2d2;
    border-left-color: #d2d2d2;
}
.ceoTextBox .pdKakkoBottom{
    border-bottom-color: #d2d2d2;
    border-right-color: #d2d2d2;
}
.ceoTextBox .text18{
    position: relative;
    margin-bottom: 40px;
}
.ceoTextBox .text18::after{
    content: '';
    width: 20px;
    height: 2px;
    position: absolute;
    background-color: #00876e;
    left: 0;
    bottom: -19px;
}
.contentBoxMember {
	height: 440px;
	width: 100%;
	margin: 0 auto;
	display:table;
	background-color:#FFF;
	background-image: url("../images/member_bottom09.jpg");
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    position: relative;
    z-index: 0;
}
.contentBoxMember.hookTop::before {
    content: '';
    width: calc(50% - 120px);
    height: 20px;
    background-color: #FFF;
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 2;
}
.contentBoxMember.hookTop::after {
    content: '';
    width: calc(50% - 120px);
    height: 20px;
    background-color: #FFF;
    position: absolute;
    top: 0px;
    right: 0;
    z-index: 2;
}
.mainBox {
    width: 78%;
    height: auto;
    display: table;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 60px;
    position: relative;
}
.sideBox {
    display: table;
    float: left;
    height: auto;
    margin-bottom: 20px;
    width: 22%;
    position: relative;
}
.widgettitle {
    display: block;
    float: left;
    font-size: 14px;
    height: auto;
    letter-spacing: 0em;
    line-height: 30px;
    margin-bottom: 15px;
    width: 100%;
    color: #000;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: #d2d2d2 1px solid;
    position: relative;
    padding-left: 15px;
}
.widgettitle::before {
    content: '';
    width: 8px;
    height: 8px;
    background-color:#00876e;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -4px;
}
.pageLineTitle{
    display: block;
    float: left;
    font-size: 18px;
    height: auto;
    letter-spacing: 0em;
    line-height: 1em;
    padding-bottom: 10px;
    margin-bottom: 15px;
    width: 100%;
    color: #000;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: #d2d2d2 1px solid;
    position: relative;

}
.pageLineTitle i{
    color: #00876e;
    margin-right: 5px;
}
ul.sideArchive{
    width: 100%;
height: auto;
float: left;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
ul.sideArchive li{
    width: 100%;
height: auto;
float: left;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
    margin-bottom: 10px;
}
ul.sideArchive li a{
    width: 100%;
height: auto;
float: left;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
    font-size: 14px;
    line-height: 2em;
    color: #000;
    text-decoration: none;
}
ul.sideArchive li a:hover{
    background-color: #f2f2f2;
}
.heroPdBox{
    width: 100%;
height: 360px;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.heroPdPh{
    width: 50%;
height: 360px;
float: left;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
z-index: 0;
    left: 0;
    top: 0;
    background-image: url("../images/bg_works.jpg");
	background-size: cover;
	background-position: right center;
	background-repeat: no-repeat;
}
.heroPdText{
    width: calc(50% + 40px);
height: 280px;
float: right;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
z-index: 1;
    background-color: #FFF;
    padding: 40px;
    margin-top: 40px;
}
.heroPdPh02{
    width: 55%;
height: 240px;
float: right;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
z-index: 0;
    right: 0px;
    top: -40px;
    background-image: url("../images/bg_works.jpg");
	background-size: cover;
	background-position: right top;
	background-repeat: no-repeat;
}
.heroPdTitle{
    width: auto;
height: auto;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
    text-align: right;
    font-size: 30px;
    font-weight: bold;
    line-height: 1em;
    letter-spacing: 0.1em;
    top: 0px;
    right: 0;
}
.heroPdText .text30{
    text-align: right;
    font-size: 36px;
    line-height: 1em;
    position: relative;
    top: 0px;
    right: 3px;
    letter-spacing: 0.1em;
    margin-bottom: 10px;
}
.heroPdText .text30 span{
    font-size: 0.8em;
}
.heroPdText .pdKakkoBottom{
    border-color: #d2d2d2;
}
.heroPdText .pdKakkoTopRight{
    border-color: #d2d2d2;
}
.pageHeroBg{
    height: 200px;
width: 100%;
margin: 0 auto;
    margin-top: 120px;
display: table;
float: left;
z-index: 0;
position: relative;
    background-image: -webkit-linear-gradient(315deg,rgba(21,197,113,1.00) 0%,rgba(0,134,116,1.00) 100%);
background-image: -moz-linear-gradient(315deg,rgba(21,197,113,1.00) 0%,rgba(0,134,116,1.00) 100%);
background-image: linear-gradient(135deg,rgba(21,197,113,1.00) 0%,rgba(0,134,116,1.00) 100%);
    background-color: #FFF;
    padding-top: 60px;
    -moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.contentBoxReason {
	height: 440px;
	width: 100%;
	margin: 0 auto;
	display:table;
	background-color:#FFF;
	background-image: url("../images/sec_reason.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    border-top: #00876e 0px solid;
    border-left: #FFF 40px solid;
    border-right: #FFF 40px solid;
    position: relative;
z-index: 0;
    padding-top: 110px;
    margin-bottom: 20px;
}
.contentBoxReason::before {
    content: '';
    width: 50%;
    height: 20px;
    background-color: #FFF;
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 2;
}
.contentBoxReason::after {
    content: '';
    width: 50%;
    height: 20px;
    background-color: #FFF;
    position: absolute;
    bottom: 0px;
    right: 0;
    z-index: 2;
}
.contentBoxKaihatsu {
	height: 440px;
	width: 100%;
	margin: 0 auto;
	display:table;
	background-color:#FFF;
	background-image: url("../images/sec_kaihatsu.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    border-left: #FFF 40px solid;
    border-right: #FFF 40px solid;
     border-bottom: #FFF 20px solid;
    position: relative;
z-index: 0;
    margin-bottom: 40px;
    padding-top: 110px;
}
.contentBoxKaihatsu::before {
    content: '';
    width: 50%;
    height: 20px;
    background-color: #FFF;
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 2;
}
.contentBoxKaihatsu::after {
    content: '';
    width: 50%;
    height: 20px;
    background-color: #FFF;
    position: absolute;
    bottom: 20px;
    right: 0;
    z-index: 2;
}
.aboutTitle{
    width: 100%;
height: auto;
float: left;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
    box-sizing: border-box;
position: relative;
    font-size: 40px;
    line-height: 1.5em;
    letter-spacing: 0.08em;
    color: #00876e;
    text-align: center;
    font-weight: bold;
    margin-bottom: 110px;
}
.aboutTitle span{
    font-size: 0.8em;
}
.aboutText{
    width: 100%;
display: table;
height: auto;
margin: 0 auto;
max-width: 750px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
z-index: 2;
    
}
.aboutTitle::after{
    content: '';
    width: 10px;
    height: 40px;
    background-color: #00876e;
    position: absolute;
    bottom: -75px;
    left: 50%;
    margin-left: -5px;
    display: none;
}
.aboutTitle::before{
    content: '';
    width: 10px;
    height: 40px;
    background-color: #00876e;
    position: absolute;
    bottom: -65px;
    left: 50%;
    margin-left: 5px;
     display: none;
}
.aboutText .text14{
    text-align: justify;
    line-height: 2em;
}
.alignRight{
    text-align: right;
}

.secTitle{
    width: 100%;
height: auto;
float: left;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
    font-size: 36px;
    line-height: 1em;
    letter-spacing: 0.08em;
    color: #000;
    font-weight: bold;
    margin-bottom: 15px;
}
.secTitle.wht{
    color: #FFF;
}
.secSubTitle {
    width: 100%;
    height: auto;
    display: inline-block;
    float: left;
    font-size: 14px;
    line-height: 1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    font-family: 'Orbitron', sans-serif;
    font-weight: 800;
    margin-bottom: 60px;
    padding-right: 5px;
}
.secMoreBtnLine{
	width:100%;
	height:auto;
	float:left;
	display:inline-block;
     position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 5px;
}
.secMoreBtnLine a{
	width: 200px;
	height: auto;
	display: inline-block;
	text-align: center;
	line-height: 40px;
	font-size: 14px;
	color: #000;
	text-decoration: none;
	transition-property: all;
	transition: 0.2s ease;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
    letter-spacing: 0.2em;
    border: #000 2px solid;
    padding: 3px 0;
    position: relative;
    font-weight: bold;
}
.secMoreBtnLine a::before{
    content: '';
    width: 45px;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 50%;
    right: 0;
     margin-top: -0.5px;
    transition-property: all;
	transition: 0.2s ease;
}
.secMoreBtnLine a::after{
    content: '';
    width: 10px;
    height: 3px;
    background-color: #000;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -1.5px;
    transition-property: all;
	transition: 0.2s ease;
}
.secMoreBtnLine a:hover{
    background-color: #00876e;
    border-color: #00876e;
    color: #FFF;
}
.secMoreBtnLine a:hover::before{
    width: 10px;
}
.secMoreBtnLine a:hover::after{
    
}
.secMoreBtnLine a:hover::before,.secMoreBtnLine a:hover::after{
    background-color: #FFF;
    right: -2px;
}
.secMoreBtnLine.wht a{
    color: #FFF;
    border-color: #FFF;
}
.secMoreBtnLine.wht a:hover{
    border-color: #00876e;
}
.secMoreBtnLine.wht a::before{
    background-color: #FFF;
}
.secMoreBtnLine.wht a::after{
    background-color: #FFF;
}
.aboutPhLeft{
    width: 50%;
height: 360px;
float: left;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
z-index: 0;
background-image: url("../images/about01.jpg");
background-size: cover;
background-position: right center;
background-repeat: no-repeat;
    border-right: #FFF 10px solid;
}
.aboutPhLeft::before{
    content: '';
width: 10px;
height: 50%;
background-color: #FFF;
position: absolute;
top: 0px;
left: 0;
z-index: 2;
}
.aboutPhLeft::after{
    content: '';
width: 10px;
height: 50%;
background-color: #FFF;
position: absolute;
bottom: 0px;
right: 0;
z-index: 2;
}
.aboutPhRight{
    width: 50%;
height: 360px;
float: left;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
z-index: 0;
background-image: url("../images/about02.jpg");
background-size: cover;
background-position: right center;
background-repeat: no-repeat;
    margin-top: 40px;
    border-left: #FFF 10px solid;
}
.aboutPhRight::before{
    content: '';
width: 10px;
height: 50%;
background-color: #FFF;
position: absolute;
top: 0px;
left: 0;
z-index: 2;
}
.aboutPhRight::after{
    content: '';
width: 10px;
height: 50%;
background-color: #FFF;
position: absolute;
bottom: 0px;
right: 0;
z-index: 2;
}
.worksBlock{
    height: 400px;
	width: 100%;
    float: left;
	background-color:#FFF;
	background-image: url("../images/bg_happou.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    margin-bottom: 20px;
     border-bottom: #FFF 0px solid;
    position: relative;
z-index: 0;
    padding-top: 110px;
}
.worksBlock::before{
    content: '';
width: 50%;
height: 20px;
background-color: #FFF;
position: absolute;
bottom: 0px;
left: 0;
z-index: 2;
}
.worksBlock::after {
    background-repeat: repeat;
    background-position: bottom;
    background-color: rgba(0, 0, 0, 0.3);
    background-attachment: scroll;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1;
    transition-property: all;
    transition: 0.2s ease;
}
.worksBlockLeft{
    width: 50%;
height: 360px;
float: left;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
z-index: 0;
background-image: url("../images/bg_setsubi02.jpg");
background-size: cover;
background-position: right center;
background-repeat: no-repeat;
    border-right: #FFF 0px solid;
    padding: 100px 0 0 60px;
}
.worksBlockLeft::before{
    content: '';
width: 20px;
height: 50%;
background-color: #FFF;
position: absolute;
bottom: 0px;
right: 0;
z-index: 2;
}
.worksBlockLeft::after {
    background-repeat: repeat;
    background-position: bottom;
    background-color: rgba(0, 0, 0, 0.3);
    background-attachment: scroll;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1;
    transition-property: all;
    transition: 0.2s ease;
}
.worksBlockRight{
    width: 50%;
height: 360px;
float: left;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
z-index: 0;
background-image: url("../images/sample04.jpg");
background-size: cover;
background-position: right center;
background-repeat: no-repeat;
    border-left: #FFF 0px solid;
    margin-top: 20px;
     padding: 100px 0 0 60px;
}
.worksBlockRight::before{
    content: '';
width: 20px;
height: 50%;
background-color: #FFF;
position: absolute;
top: 0px;
left: 0;
z-index: 2;
}
.worksBlockRight::after {
    background-repeat: repeat;
    background-position: bottom;
    background-color: rgba(0, 0, 0, 0.3);
    background-attachment: scroll;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1;
    transition-property: all;
    transition: 0.2s ease;
}
.worksBlock.t02{
    height: 360px;
    margin-bottom: 0;
    margin-top: 20px;
    background-image: url("../images/bg_oo.jpg");
}
.worksBlock.t02::before{
   left: 50%;
    bottom: calc(100% - 20px);
}
.worksBlock.t02::after{
    
}
.box800.nonPd{
    padding-left: 0;
    padding-right: 0;
}
.worksBox{
    display: inline-block;
float: left;
height: auto;
width: 31.3333%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.worksBox.wCenter{
    margin-left: 3%;
    margin-right: 3%;
}
.worksPh {
    display: inline-block;
    float: left;
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 20px;
}
.worksPh img {
    height: auto;
    width: 100%;
}
.worksInfo{
    display: inline-block;
    float: left;
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.worksTitle{
    width: 100%;
height: auto;
float: left;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
    box-sizing: border-box;
position: relative;
    font-size: 40px;
    line-height: 1.5em;
    letter-spacing: 0.08em;
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
}
.worksTitle span{
    font-size: 0.8em;
}
.lh18{
    line-height: 1.8em !important;
}
.lh20{
    line-height:2em !important;
}
.separateBlock{
    width: 100%;
height: 50px;
float: left;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
    box-sizing: border-box;
position: relative;
    margin-top: 40px;
    margin-bottom: 40px;
}
.separateBlock::before {
    content: '';
    width: 10px;
    height: 40px;
    background-color: #00876e;
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: 5px;
}
.separateBlock::after {
    content: '';
    width: 10px;
    height: 40px;
    background-color: #00876e;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -5px;
}
.worksInfo .pdSubEn {
    margin-bottom: 15px;
}
.contentBoxGrn.hookTop::before {
    content: '';
    width: 240px;
    height: 20px;
    background-color: #FFF;
    position: absolute;
    top: 0px;
    left: 50%;
    z-index: 2;
    margin-left: -120px;
}
.contentBoxGrn.hookBottom::after {
    content: '';
    width: 240px;
    height: 20px;
    background-color: #FFF;
    position: absolute;
    bottom: 0px;
    left: 50%;
    z-index: 2;
    margin-left: -120px;
}
.contentBoxAboutTop{
    height: 560px;
	width: 100%;
	margin: 0 auto;
	display:table;
	background-color:#FFF;
	background-image: url("../images/sec_about02.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    position: relative;
z-index: 0;
}
.worksTitleBig{
    width: 100%;
height: auto;
float: left;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
    box-sizing: border-box;
position: relative;
    font-size: 60px;
    line-height: 1.5em;
    letter-spacing: 0.08em;
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
}
.worksTitleBig span{
    font-size: 0.8em;
}
.ftBox{
    display: inline-block;
float: left;
height: auto;
width: 48.5%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
    margin-right: 1.5%;
    background-color: #f2f2f2;
    padding: 40px;
    margin-bottom: 30px;
}
.ftBox.rgt{
    margin-right: 0;
    margin-left: 1.5%;
}
.ftPh {
    display: inline-block;
    float: left;
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 0px;
    text-align: center;
}
.ftPh img{
    width: auto;
    height: 100px;
}
.ftSubBox {
    display: inline-block;
    float: left;
    height: auto;
    width: 31.3333%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    background-color: #f2f2f2;
    padding: 40px;
}
.ftSubBox.wCenter {
    margin-left: 3%;
    margin-right: 3%;
}
.ftNumber{
    width: 60px;
    height: 60px;
    font-size: 40px;
font-weight: 100;
    line-height: 60px;
    position: absolute;
    top: -10px;
    left: -10px;
    color: #FFF;
    text-align: center;
    background-color: #00876e;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.flowBox{
    display: inline-block;
float: left;
height: auto;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
    background-color: #FFF;
    padding: 40px;
    margin-bottom: 40px;
}
.flowBox.nonArrow{
    margin-bottom: 0;
}
.flowBox::after{
    content: '';
    position: absolute;
  bottom: -50px;
  left: 50%;
  margin-left: -20px;
  border: 20px solid transparent;
  border-top: 20px solid #00876e;
}
.flowBox.nonArrow::after{
    display: none;
}
.flowPh {
    display: inline-block;
    float: left;
    height: auto;
    width: 55%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.flowPh img{
    width: 100%;
    height: auto;
}
.flowText {
    display: inline-block;
    float: left;
    height: auto;
    width: 45%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding-left: 20px;
}
.ftBox .text24Center{
    margin-bottom: 5px;
}
.ftSubBox .text24Center{
    margin-bottom: 5px;
}
.ftSubBox .text14{
    min-height: 68px;
    text-align: justify;
}
.iconPh{
    display: inline-block;
    float: left;
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    text-align: center;
}
.iconPh img{
    width: 120px;
    height: auto;
}
.contentBoxGrn.hookTopGrn::before {
    content: '';
    width: 240px;
    height: 20px;
    background-color: #00876e;
    position: absolute;
    top: -20px;
    left: 50%;
    z-index: 2;
    margin-left: -120px;
}
.contentBoxGrn.hookBottomGrn::after {
    content: '';
    width: 240px;
    height: 20px;
    background-color: #00876e;
    position: absolute;
    bottom: -20px;
    left: 50%;
    z-index: 2;
    margin-left: -120px;
}
.bc.wht a {
    color: #FFF;
    text-decoration: none;
}
.bc.wht a:hover {
    color: #FFF;
    text-decoration: underline;
}
.bc.blk  {
    color: #000;
}
.bc.blk a {
    color: #000;
    text-decoration: none;
}
.bc.blk a:hover {
    text-decoration: underline;
}
.worksBox.use{
    margin-bottom: 30px;
}
.worksBox.use .worksPh {
    margin-bottom: 5px;
}
.barTitle{
    display: inline-block;
    float: left;
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    font-size: 18px;
    line-height: 30px;
    background-color: #00876e;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}
.bottomContentBoxWide{
    height: 180px;
	width: 50%;
    float: left;
	background-color:#FFF;
	background-image: url("../images/bg_happou.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    position: relative;
    z-index: 0;
}
.bottomContentBoxWide a{
   position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 10;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.bottomContentBoxWide::before {
    background-repeat: repeat;
    background-position: bottom;
    background-color: rgba(0, 0, 0, 0.4);
    background-attachment: scroll;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1;
    transition-property: all;
    transition: 0.2s ease;
}
.bottomContentBoxWide:hover::before {
    background-color: rgba(255,193,7,0.50);
}
.bottomContentBoxWide.t02{
    background-image: url("../images/sample04.jpg");
}
.bottomContentBoxWide.t03{
    background-image: url("../images/bg_setsubi02.jpg");
}
.bottomContentBoxWide.t04{
    background-image: url("../images/bg_oo.jpg");
}
.happou01{
    width: 180px;
    height: 180px;
    position: absolute;
    top: 100px;
    left: -10px;
    background-image: url("../images/happou02.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
    border-radius: 100%;
}
.happou02{
    width: 140px;
    height: 140px;
    position: absolute;
    top: 180px;
    right: 0px;
    background-image: url("../images/happou01.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
    border-radius: 100%;
}
.happou03{
    width: 100px;
    height: 100px;
    position: absolute;
    top: 60px;
    right: 100px;
    background-image: url("../images/happou03.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
    border-radius: 100%;
}
.contentBoxCork{
    height: auto;
	width: 100%;
	margin: 0 auto;
	display:table;
	background-color:#FFF;
	background-image: url("../images/bg_cork.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    position: relative;
z-index: 0;
}
.contentBoxCork.hookTop::before {
    content: '';
    width: 240px;
    height: 20px;
    background-color: #FFF;
    position: absolute;
    top: -20px;
    left: 50%;
    z-index: 2;
    margin-left: -120px;
    background-image: url("../images/bg_cork.jpg");
	background-size: 1200px auto;
	background-position: center bottom;
	background-repeat: no-repeat;
}
.whtBox{
    display: inline-block;
    float: left;
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    background-color: rgba(255,255,255,0.86);
    padding: 40px;
}
.brown{
    color: #6D4C41;
}
.separateBlock.t02::before {
    background-color: #6D4C41;
}
.separateBlock.t02::after {
    background-color: #6D4C41;
}
.corkExPh {
    display: inline-block;
    float: left;
    height: auto;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding-right: 20px;
}
.corkExPh img{
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}
.corkExText {
    display: inline-block;
    float: left;
    height: auto;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding-left: 20px;
}
.corkExBox{
    display: inline-block;
    float: left;
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    background-color: #FFF;
    padding: 0px;
    margin-bottom: 10px;
}
.corkExBox ul{
    display: inline-block;
    float: left;
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.corkExBox ul li{
    display: inline-block;
    float: left;
    height: auto;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 5px;
    font-size: 13px;
    line-height: 1.6em;
}
.corkExBox ul.fullRange li{
    width: 100%;
}
.corkExBox ul li::before{
    content: '■';
    color: #6D4C41;
    font-size: 0.8em;
    margin-right: 3px;
    position: relative;
    top: -1px;
}
.corkExTitle {
    display: inline-block;
    float: left;
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    font-size: 16px;
    line-height: 1em;
    color: #6D4C41;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
    padding: 10px;
    border: #6D4C41 1px solid;
}
.blockTitle{
    display: inline-block;
float: left;
height: auto;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
font-size: 18px;
line-height: 30px;
color: #FFF;
font-weight: bold;
text-align: center;
margin-bottom: 30px;
}
.blockTitle span{
    background-color: #00876e;
    padding: 5px 20px;
}
.policyText {
    display: inline-block;
    float: left;
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.policyText p {
    display: block;
    float: left;
    height: auto;
    width: 100%;
    font-size: 14px;
    text-align: left;
    line-height: 1.6em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 1em;
    text-indent: -1em;
}
.isoBox{
    display: inline-block;
    float: left;
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border:#00876e 1px solid;
    padding: 20px 40px;
}
.isoBox dl{
    display: inline-block;
    float: left;
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.isoBox dt{
    display: inline-block;
    float: left;
    height: auto;
    width: 30%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 2em;
    color: #00876e;
    font-weight: bold;
}
.isoBox dd{
    display: inline-block;
    float: left;
    height: auto;
    width: 70%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 2em;
    color: #00876e;
}
.isoBox dd.pdfBox{
     width: 30%;
    text-align: center;
}
.isoBox dd img{
    width: 80%;
    height: auto;
}
.isoBox dd.pdfBox a{
    color: #666;
    text-decoration: none;
    font-size: 12px;
}
.isoBox dd.pdfBox a:hover{
    color: #00876e;
    text-decoration: underline;
}
.isoBox dd.pdfBox a i{
    color: #00876e;
}
.fontMincho{
    font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}
.bgPhilo{
    display: inline-block;
    float: left;
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    /*background-image: url("../images/syaze_member04.png");
	background-size: auto 435px;
	background-position: center center;
	background-repeat: no-repeat;*/
    padding-top: 0px;
    margin-top: 40px;
	padding-bottom: 100px;
}
.tshadowWht{
    text-shadow: 0px 0px 2px #FFF;
}
.aboutPhLeft.q01{
height: 240px;
background-image: url("../images/q01.jpg");
}
.aboutPhRight.q02{
height: 240px;
background-image: url("../images/q02.jpg");
}
.ph50Left{
    display: inline-block;
    float: left;
    height: auto;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 10px;
}
.ph50Left img{
    width: 100%;
    height: auto;
}
.ph50Right{
    display: inline-block;
    float: left;
    height: auto;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
}
.ph50Right img{
    width: 100%;
    height: auto;
}

.fcPointBox {
    width: 100%;
    height: 360px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.fcPointPh {
    width: 50%;
    height: 360px;
    float: left;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    background-image: url("../images/setsubi01.jpg");
    background-size: cover;
    background-position: right center;
    background-repeat: no-repeat;
}
.fcPointPh.t02{
    background-image: url("../images/setsubi03.jpg");
}
.fcPointText {
    width: calc(50% + 40px);
    height: 280px;
    float: right;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    background-color: #FFF;
    padding: 30px 40px;
    margin-top: 40px;
}
.lh13 {
    line-height: 1.3em;
}
.fcPointPh02 {
    width: 50%;
    height: 360px;
    float: right;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    z-index: 0;
    right: 0;
    top: 0;
    background-image: url("../images/setsubi02.jpg");
    background-size: cover;
    background-position: right center;
    background-repeat: no-repeat;
}
.fcPointText02 {
    width: calc(50% + 40px);
    height: 280px;
    float: left;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    background-color: #FFF;
    padding: 30px 40px;
    margin-top: 40px;
}
.pdKakkoTopLeft {
    display: inline-block;
    float: left;
    height: 30px;
    width: 30px;
    position: absolute;
    top: 0;
    left: 0;
    border-top: #00876e 2px solid;
    border-left: #00876e 2px solid;
}
.pdKakkoBottomLeft {
    display: inline-block;
    float: left;
    height: 30px;
    width: 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: #00876e 2px solid;
    border-left: #00876e 2px solid;
}
.fcFlow{
    width: 25%;
    height: auto;
    float: left;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin-right: 5%;
}
.fcFlow.lastFlow{
    float: right;
    margin-right: 0;
    width: 35%;
}
.fcFlow .ph100{
    border: #00876e 10px solid;
    margin-bottom: 5px;
}
.fcFlow .ph100 img{
    float: left;
}
.fcFlow.rArrow::after{
    content: '';
    width: 160px;
    height: 40px;
    position: absolute;
    top: 40px;
    right: -160px;
    background-color: #00876e;
    z-index: -1;
    background-image: url("../images/flow_arrow_right.png");
    background-size: 30px 30px;
    background-position: 10px center;
    background-repeat: no-repeat;
}
.fcFlow.rArrow02::after{
    content: '';
    width: 280px;
    height: 40px;
    position: absolute;
    top: -130px;
    right: -200px;
    background-color: #00876e;
    z-index: -1;
    background-image: url("../images/flow_arrow_right.png");
    background-size: 30px 30px;
    background-position: 30% center;
    background-repeat: no-repeat;
}
.fcFlow.lArrow::after{
    content: '';
    width: 100px;
    height: 40px;
    position: absolute;
    top: 40px;
    left: -100px;
    background-color: #00876e;
    z-index: -1;
    background-image: url("../images/flow_arrow_left.png");
    background-size: 30px 30px;
    background-position: calc(100% - 10px) center;
    background-repeat: no-repeat;
}
.fcFlow.tArrow::before{
    content: '';
    width: 40px;
    height: 60px;
    position: absolute;
    top: -60px;
    right: 40px;
    background-color: #00876e;
    z-index: -1;
    background-image: url("../images/flow_arrow_down.png");
    background-size: 30px 30px;
    background-position: center center;
    background-repeat: no-repeat;
}
.fcFlow.tArrow02::before{
    content: '';
    width: 40px;
    height: 100px;
    position: absolute;
    top: -100px;
    right: 40px;
    background-color: #00876e;
    z-index: -1;
    background-image: url("../images/flow_arrow_up.png");
    background-size: 30px 30px;
    background-position: center center;
    background-repeat: no-repeat;
}
.fcFlowBig{
    width: 100%;
    height: auto;
    float: right;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.fcFlowBig .ph100{
    border: #00876e 10px solid;
    margin-bottom: 5px;
    width: 60%;
    float: right;
    position: relative;
}
.fcFlowBig .ph100.tArrow::after{
    content: '';
    width: 40px;
    height: 100px;
    position: absolute;
    top: -100px;
    right: 30px;
    background-color: #00876e;
    z-index: -1;
}
.fcFlowBig .ph100 img{
    float: left;
}
.fcFlowBig .fcFlowText{
    width: 40%;
    height: auto;
    float: left;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding: 40px;
}
.secSubTitle.mb40{
    margin-bottom: 40px;
}
.recyleImg {
    display: inline-block;
    float: left;
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 0px;
    text-align: center;
    margin-top: 20px;
}
.recyleImg img {
    width: 100%;
    height: auto;
    max-width: 800px;
}
.grn02{
    color: #00A556;
}
.contentBoxGrey.hookTop::before {
    content: '';
    width: 240px;
    height: 20px;
    background-color: #f8f8f8;
    position: absolute;
    top: -20px;
    left: 50%;
    z-index: 2;
    margin-left: -120px;
}
.allFlow{
    display: inline-block;
    float: left;
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}
.flowStepArrow{
    display: inline-block;
    float: right;
    height: 80px;
    width: 10%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
   z-index: 0;
}
.flowStepArrow::after{
    content: '';
    width: 40px;
    height: 300px;
    background-color: #00876e;;
    position: absolute;
    top: 40px;
    right: 40px;
    z-index: 0;
    background-image: url("../images/flow_arrow_down.png");
    background-size: 30px 30px;
    background-position: center center;
    background-repeat: no-repeat;
}
.flowStepArrow::before{
    content: '';
    width: 40px;
    height: 40px;
    background-color: #FFF;
    position: absolute;
    top: 40px;
    right: 0;
    z-index: 10;
}
.contentBoxRecycle {
    height: auto;
    width: 100%;
    margin: 0 auto;
    display: table;
    background-color: #FFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background-image: -webkit-linear-gradient(90deg,rgba(255,255,255,1.00) 0%,rgba(211,255,234,1.00) 100%);
    background-image: -moz-linear-gradient(90deg,rgba(255,255,255,1.00) 0%,rgba(211,255,234,1.00) 100%);
    background-image: linear-gradient(0deg,rgba(255,255,255,1.00) 0%,rgba(211,255,234,1.00) 100%);
    position: relative;
}
.contentBoxRecycle.hookTop::before {
    content: '';
    width: 240px;
    height: 20px;
    background-color:rgba(211,255,234,1.00);
    position: absolute;
    top: -20px;
    left: 50%;
    z-index: 2;
    margin-left: -120px;
}
.bisSecWide a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.bisSecShort a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.companySec a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.rekishiTable td.bottomBd {
    position: relative;
}
.rekishiTable td.bottomBd::after {
    content: '';
    width: 100%;
    height: 2px;
    background-color: #666;
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: 10;
}
.rekishiTable td.bottomBd.rArrow::before {
    font-family: "Font Awesome 5 Free";
  content: '\f0da';
  font-weight: 900;
    position: absolute;
    bottom: -7px;
    right: -7px;
    z-index: 10;
    width: 14px;
    height: 14px;
    line-height: 1em;
    color: #666;
}
.rekishiTable td.bottomBd.downBd::after{
    bottom: -32px;
}
.rekishiTable td.bottomBd.downBd.rArrow::before{
    bottom: -37px;
}
.lineWht {
    width: 15px;
    height: 60px;
    background-color: #FFF;
    float: left;
    position: relative;
}
.rekishiName.subAr{
   top:3px; 
}
.rekishiName.ani100{
   top: 10px;
right: -90px;
font-size: 20px;
width: 200px;
font-weight: bold;
color: #0F5192;
}
#menuButton {
    display: none;
}
#overlay{
    display: none;
    width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	z-index: 1100;
	background-color: #FFF;
	overflow: scroll;
    left: 0;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    background-image: -webkit-linear-gradient(315deg,rgba(21,197,113,1.00) 0%,rgba(0,134,116,1.00) 100%);
background-image: -moz-linear-gradient(315deg,rgba(21,197,113,1.00) 0%,rgba(0,134,116,1.00) 100%);
background-image: linear-gradient(135deg,rgba(21,197,113,1.00) 0%,rgba(0,134,116,1.00) 100%);
    -webkit-overflow-scrolling: touch;
}
.pageHeroImage .text30Center{
    font-size: 22px;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    padding-left: 0.2em;
}
.pageHeroImage .enTitle{
    font-size: 12px;
}
.pageHeroBg .text30Center{
    font-size: 22px;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    padding-left: 0.2em;
}
.pageHeroBg .enTitle{
    font-size: 12px;
}
.pageTopNormal{
    height: 130px;
width: 100%;
margin: 0 auto;
    background-color: #FFF;
}
.copyright {
    width: 50%;
}
.jepsaLogo{
    display: inline-block;
    float: right;
    height: auto;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    text-align: right;
    margin-top: 42px;
}
.jepsaLogo img{
    width: auto;
    height: 30px;
    float: right;
}
.faqList {
    width: 100%;
display: table;
height: auto;
margin: 0 auto;
max-width: 800px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    
}
.faqList dl {
    width: 100%;
    height: auto;
    display: inline-block;
    float: left;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: #d2d2d2 1px dotted;
    margin-top: 0;
    position: relative;
}
.faqList dt {
    width: 100%;
    height: auto;
    display: inline-block;
    text-align: left;
    line-height: 1.7em;
    font-size: 16px;
    color: #000;
    text-decoration: none;
    transition-property: all;
    transition: 0.2s ease;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    font-weight: normal;
    padding-right: 35px;
    letter-spacing: 0.03em;
   background-image: url("../images/down_close.png");
background-size: 25px auto;
background-position: right -72px;
background-repeat:no-repeat;
}
.faqList dt.on {
    background-position: right 0px;
}
.faqList dt::before {
    content: 'Q.';
    color: #00876e;
    font-family: 'Orbitron', sans-serif;
font-weight: 800;
    margin-right: 5px;
    font-size: 1.4em;
    position: relative;
    top: 1px;
}
.faqList dt:hover {
    color: #00876e;
    text-decoration-line: underline;
}
.faqList dd {
    width: 100%;
    height: auto;
    display: none;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 10px;
    padding-left: 35px;
    padding-right: 35px;
    margin-left: 0;
    position: relative;
}

.aBox {
    background-color: #FFF;
    width: 100%;
    height: auto;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 25px;
    display: block;
    font-size: 14px;
    line-height: 1.6em;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: justify;
}

.aBox .pdKakkoTop {
    height: 20px;
    width: 20px;
    border-top: #d2d2d2 1px solid;
    border-left: #d2d2d2 1px solid;
}
.aBox .pdKakkoBottom {
height: 20px;
    width: 20px;
    border-bottom: #d2d2d2 1px solid;
    border-right: #d2d2d2 1px solid;
}
.bottomContentBox a{
   position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 10;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.sideBox .widget_archive ul{
    width: 100%;
    height: auto;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.sideBox .widget_archive ul li{
    width: 100%;
height: auto;
float: left;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
margin-bottom: 10px;
}
.sideBox .widget_archive ul li a {
    width: 100%;
    height: auto;
    float: left;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    font-size: 14px;
    line-height: 2em;
    color: #000;
    text-decoration: none;
}
.sideBox .widget_archive ul li a:hover {
    background-color: #f2f2f2;
}
.formBox {
    display: block;
    float: left;
    height: auto;
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    margin-bottom: 40px;
    margin-top: 40px;
}
.formBox dl {
    display: block;
    float: left;
    height: auto;
    width: 100%;
	margin-bottom:10px;
}
.formBox dt {
    box-sizing: border-box;
    display: inline-block;
    float: left;
    font-size: 14px;
    height: auto;
    line-height: 26px;
    padding: 24px 0px 0px;
    width: 30%;
    font-weight: bold;
    position: relative;
    letter-spacing: 0.01em;
}
.formBox dd {
    box-sizing: border-box;
    display: inline-block;
    float: left;
    font-size: 14px;
    height: auto;
    letter-spacing: 0.1em;
    line-height: 40px;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-top: 17px;
    width: 70%;
    position: relative;
}
.fm_form {
    border: 0px solid #f2f2f2;
    border-radius: 0;
    font-size: 14px;
    line-height: 38px;
    padding-left: 0px;
    width: 80%;
	background-color:rgba(255,255,255,0.00);
	border-bottom: 1px solid #00876e;
    height: 38px;
}
.fm_formS {
    border: 0px solid #f2f2f2;
    border-radius: 0;
    font-size: 14px;
    line-height: 38px;
    padding-left: 0px;
    width: 30%;
	margin-right: 15px;
	background-color:#FFF;
	border-bottom: 1px solid #00876e;
    height: 38px;
}
.fm_cp {
    border: 0px solid #f2f2f2;
    border-radius: 0;
    font-size: 14px;
    line-height: 24px;
    padding-left: 0px;
    width: 210px;
	margin-right: 15px;
	background-color:#FFF;
	border-bottom: 1px solid #00876e;
    height: 24px;
    position: relative;
top: -10px;
}
.pRed {

	color: #e74c3c;
	font-size: 10px;
	margin-left: 5px;
}
.fm_formL {
    border: 1px solid #00876e;
    border-radius: 0;
    box-sizing: border-box;
    font-size: 14px;
    height: 160px;
    line-height: 20px;
    padding: 10px;
    width: 90%;
    background-color:rgba(255,255,255,0.00);
    margin-top: 14px;
}
.formBtn {
    display: block;
    float: left;
    height: auto;
    margin-top: 40px;
    text-align: center;
    width: 100%;
}
.fm_btn {
	border: 0px solid #111;
	color: #FFF;
	cursor: pointer;
	font-size: 18px;
	font-weight: bold;
	height: 70px;
	line-height: 70px;
	text-transform: uppercase;
	transition: all 0.2s ease 0s;
	width: 360px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
    letter-spacing: 0.1em;
    background-color: #00876e;
}
.fm_btn:hover{
	background-color: #00A556;
	color: #FFF;
}
.fm_btn02 {
	background-color: #999;
	border: 0px solid #111;
	color: #FFF;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 70px;
	width: 200px;
	height: 70px;
	transition-property: all;
	transition: 0.2s ease;
    letter-spacing: 0.1em;
    -webkit-appearance: none;
}
.fm_btn02:hover{
	background-color: #f2ac00;
	color: #FFF;
}
input::-webkit-input-placeholder {
    color: #aaa;
    font-weight: normal;
}
input:-ms-input-placeholder {
    color: #aaa;
    font-weight: normal;
}
input::-moz-placeholder {
    color: #aaa;
    font-weight: normal;
}
textarea::-webkit-input-placeholder {
    color: #aaa;
    font-weight: normal;
}
textarea:-ms-input-placeholder {
    color: #aaa;
    font-weight: normal;
}
textarea::-moz-placeholder {
    color: #aaa;
    font-weight: normal;
}
.wpcf7c-conf {
    background-color:rgba(255,255,255,0.00) !important;
    color: black;
    border-width: 0px !important;
}
.topBisList ul {
    display: inline-block;
    float: left;
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 40px;
}
.topBisList ul li {
    display: inline-block;
    float: left;
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.6em;
    margin-bottom: 10px;
    position: relative;
    padding-left: 15px;
    letter-spacing: 0.05em;
}
.topBisList ul li::before {
    text-align: center;
    font-family: "Font Awesome 5 Free";
    content: "\f45c";
    font-weight: 900;
    color: #00876e;
    position: absolute;
    font-size: 8px;
    line-height: 1em;
    top: 7px;
    left: 0;
}
.bisLeftBox .box800 {
    max-width: 600px;
}


.pdPhSlide {
    display: inline-block;
    float: left;
    height: auto;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.n02 .pdPhSlide {
    float: right;
}
/* .flickSlider
--------------------------- */
.flickSlider {
    margin: 0 auto;
    text-align: left;
    display: none;
    width: 100%;
}
 
/* .flickView
--------------------------- */
.flickSlider .flickView {
    width: 100%;
    text-align: left;
    position: relative;
    overflow: hidden;
    margin-bottom: 1px;
}
.flickSlider .flickView ul {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
    overflow: hidden;
}
.flickSlider .flickView ul li {
    width: 100%;
    float: left;
    display: inline;
    overflow: hidden;
    text-align: center;
}
.flickSlider .flickView ul li img {
    width: 100%;
    height: auto;
    object-fit: contain;
    font-family: 'object-fit: contain; object-position: center center;'
}
 
/* .flickThumb
--------------------------- */
.flickSlider .flickThumb {
    width: 100%;
    overflow: hidden;
}
.flickSlider .flickThumb ul {
    width: 110%;
}
.flickSlider .flickThumb ul li {
    float: left;
    cursor: pointer;
    display: inline;
    border-right: #FFF 1px solid;
    border-bottom: #FFF 1px solid;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
    height: 68px;
    overflow: hidden;
    text-align: center;
    margin-right: 5px;
    margin-top: 3px;
}
.flickSlider .flickThumb ul li img {
    width: 100%;
    height: 70px;
    object-fit: contain;
    font-family: 'object-fit: contain; object-position: center center;'
}
.flickSlider .flickThumb ul li.active {
    filter:alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}
 
/* sideNavi
------------------------- */
.flickSlider .btnPrev,
.flickSlider .btnNext {
    top: 50%;
    width: 40px;
    height: 60px;
    position: absolute;
    cursor: pointer;
    margin-top: -30px;
}
.flickSlider .btnPrev {
    left: 0;
    background: rgba(0,0,0,0.50) url(../images/arrow_left.png) no-repeat center center;
    background-size: 30px auto;
}
 
.flickSlider .btnNext {
    right: 0;
    background: rgba(0,0,0,0.50) url(../images/arrow_right.png) no-repeat center center;
    background-size: 30px auto;
}
 
 
/* =======================================
    ClearFixElements
======================================= */
.flickSlider .flickView ul:after,
.flickSlider .flickThumb ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.flickSlider .flickView ul,
.flickSlider .flickThumb ul {
    display: inline-block;
    overflow: hidden;
}

.box60{
    width: 60%;
    height: auto;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.box40{
    width: 40%;
    height: auto;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.corkTitle{
    display: block;
float: left;
height: auto;
width: 100%;
font-size: 30px;
text-align: left;
line-height: 1.3em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.corkTitle span{
    font-size: 0.6em;
    margin-right: 5px;
}
.box1600Full {
    width: 100%;
    display: table;
    height: auto;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
}
.worksBlockLeft.about01 {
    margin-top: 20px;
    background-image: url("../images/pagetop_works.jpg");
}
.worksBlockRight.about02 {
    margin-top: 0;
    background-image: url("../images/pagetop_product.jpg");
}
.worksBlockLeft.about01::before {

    bottom: 50%;
}
.worksBlockRight.about02::before {
    
    top: 50%;
}
.rsBox {
    width: 100%;
    height: 300px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.rsPh {
    width: 40%;
    height: 300px;
    float: left;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    background-image: url("../images/setsubi08.jpg");
    background-size: cover;
    background-position: right center;
    background-repeat: no-repeat;
}
.rsPh.t03 {
    background-image: url("../images/setsubi09.jpg");
}
.rsPh.t05 {
    background-image: url("../images/setsubi05.jpg");
}
.rsPh02 {
    width:40%;
    height: 300px;
    float: right;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    z-index: 0;
    right: 0;
    top: 0;
    background-image: url("../images/setsubi06.jpg");
    background-size: cover;
    background-position: right center;
    background-repeat: no-repeat;
}
.rsPh02.t04 {
    background-image: url("../images/setsubi04.jpg");
}
.rsText {
    width: calc(60% + 40px);
    height: 180px;
    float: right;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    background-color: #FFF;
    padding: 30px 40px;
    margin-top: 60px;
}
.rsText02 {
    width: calc(60% + 40px);
    height: 180px;
    float: left;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    background-color: #FFF;
    padding: 30px 40px;
    margin-top: 60px;
}
.espPoint{
    width: 100%;
    height: auto;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin-top: 10px;
    margin-bottom: 20px;
}
.espPoint dl{
    width: 100%;
    height: auto;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 15px;
}
.espPoint dl dt{
    width: 20%;
    height: auto;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    font-size: 14px;
    line-height: 1.6em;
    color: #00876e;
    font-weight: bold;
}
.espPoint dl dd{
    width: 80%;
    height: auto;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    font-size: 14px;
    line-height: 1.6em;
}
.jobInfo{
    display: inline-block;
float: left;
height: auto;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border: #d2d2d2 1px solid;
padding: 40px;
    margin-bottom: 40px;
    background-color: #FFF;
}
.jobInfo dl{
    display: block;
float: left;
height: auto;
width: 100%;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding-bottom: 20px;
margin-bottom: 20px;
position: relative;
}
.jobInfo dl::after {
    content: '';
    width: calc(100% - 180px);
    height: 1px;
    position: absolute;
    display: inline-block;
    right: 0;
    bottom: 0;
    border-bottom: #d2d2d2 1px dotted;
}
.jobInfo dl:last-child{
    padding-bottom: 0px;
margin-bottom: 0px;
    
}
.jobInfo dl:last-child::after {
    border-bottom-width: 0;
}
.jobInfo dl dt {
    display: inline-block;
float: left;
height: auto;
width: 180px;
position: absolute;
top: 0;
left: 0px;
font-size: 14px;
line-height: 1.6em;
font-weight: bold;
color: #00876e;
}
.jobInfo dl dd {
    display: block;
float: left;
height: auto;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding-left: 180px;
font-size: 14px;
line-height: 1.6em;
}
.jobTitle{
    display: block;
float: left;
height: auto;
width: 100%;
font-size: 24px;
line-height: 1.0em;
font-weight: bold;
letter-spacing: 0.05em;
color: #00876e;
    padding-bottom: 20px;
margin-bottom: 20px;
    border-bottom: #d2d2d2 1px solid;
}
.jobTitle span.gTag{
    width: auto;
    height: auto;
    display: inline-block;
    float: left;
    font-size: 14px;
    color: #FFF;
    line-height: 1em;
    padding: 5px 10px 6px;
    background-color: #e53935;
    margin-right: 5px;
    border-radius: 4px;
}
.jobTitle span.gTag.t02{
    background-color: #1E88E5;
}
.jobTitle span.gTag.t03{
    background-color: #00876e;
    margin-right: 10px;
}
.jobTitle span.gTag.t04{
    background-color: #FFC107;
}
.aBox table {
    width: 100%;
    margin: 0 auto;
    border: 0px solid #dcdddd;
        border-right-color: rgb(220, 221, 221);
        border-right-style: solid;
        border-right-width: 0px;
    border-right: 1px solid #d2d2d2;
    margin-bottom: 3px;
    margin-top: 3px;
}
.aBox th {
    border: 1px solid #d2d2d2;
        border-right-width: 1px;
    font-weight: normal;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.3em;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    color: #111;
    letter-spacing: 0em;
    border-right-width: 0px;
    background-color: #eee;
    vertical-align: middle;
}
.aBox th.tCenter {
    text-align: center;
}
.aBox td {
    border: 1px solid #d2d2d2;
        border-top-width: 1px;
        border-right-width: 1px;
    padding: 5px 5px;
    text-align: center;
    font-size: 14px;
    line-height: 1.3em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: 0em;
    vertical-align: middle;
    color: #111;
    border-top-width: 0px;
    border-right-width: 0px;
}
.jisTable{
    display: block;
float: left;
height: auto;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
    
}
.jisTable table {
    width: 100%;
    margin: 0 auto;
    border: 0px solid #dcdddd;
        border-right-color: rgb(220, 221, 221);
        border-right-style: solid;
        border-right-width: 0px;
    border-right: 1px solid #d2d2d2;
    margin-bottom: 3px;
    margin-top: 3px;
}
.jisTable th {
    border: 1px solid #d2d2d2;
        border-right-width: 1px;
    font-weight: normal;
    padding: 5px 5px;
    font-size: 14px;
    line-height: 1.3em;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    color: #111;
    letter-spacing: 0em;
    border-right-width: 0px;
    background-color: #eee;
    vertical-align: middle;
    text-align: center;
    width: 11.1111%
}
.jisTable th.tCenter {
    text-align: center;
}
.jisTable td {
    border: 1px solid #d2d2d2;
        border-top-width: 1px;
        border-right-width: 1px;
    padding: 5px 5px;
    text-align: center;
    font-size: 14px;
    line-height: 1.3em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: 0em;
    vertical-align: middle;
    color: #111;
    border-top-width: 0px;
    border-right-width: 0px;
}
.pdPdfBox{
    display: block;
float: left;
height: auto;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
    max-width: 120px;
    text-align: center;
    margin-top: 20px;
}
.pdPdfBox img{
    width: 100%;
    height: auto;
    margin-bottom: 5px;
}
.pdPdfBox a {
    color: #666;
    text-decoration: none;
    font-size: 12px;
}
.pdPdfBox a i {
    color: #00876e;
}
.ooPh {
    width: 55%;
    height: 300px;
    float: left;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    background-image: url("../images/oo04.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 0;
}
.ooTextBox {
    width: 45%;
    height: auto;
    float: left;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    background-color: #FFF;
    padding: 40px;
    padding-right: 0;
    margin-top: 150px;
    left: -40px;
}
.aboutPhLeft.oo01 {
    background-image: url("../images/oo03.jpg");
}
.aboutPhRight.oo02 {
    background-image: url("../images/oo02.jpg");
}
.ooTextBox .pdKakkoTopRight{
    right: -40px;
}
.ooTextBox .pdKakkoBottom{
    right: -40px;
}
.ph100.iso {
    text-align: center;
}
.ph100.iso img{
    width: 60%;
    text-align: center;
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}
.isoBox dl{
    margin-bottom: 10px;
}
.secPd40 .box1080{
    padding-top: 40px;
    padding-bottom: 40px;
}
.greyBox{
    width: 100%;
    height: auto;
    float: left;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    background-color: #f2f2f2;
    padding: 30px 15px;
}
.jobSelectList{
    width: 100%;
    height: auto;
    float: left;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 20px;
}
.jobSelectList ul{
    width: 100%;
    height: auto;
    float: left;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.jobSelectList ul li{
    width: 32.3333%;
    height: auto;
    float: left;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.jobSelectList ul li.ct{
    margin-left: 1.5%;
    margin-right: 1.5%;
}
.jobSelectList ul li a{
    width: 100%;
    height: auto;
    float: left;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    text-align: center;
    font-size: 18px;
    line-height: 34px;
    border: #000 1px solid;
    color: #000;
    text-decoration: none;
    transition-property: all;
transition: 0.2s ease;
    padding-bottom: 20px;
    font-weight: normal;
}
.jobSelectList ul li a::before {
    width: 20px;
    text-align: center;
    font-family: "Font Awesome 5 Free";
    content: "\f078";
    font-weight: 900;
    color: #00876e;
    position: absolute;
    font-size: 12px;
    line-height: 1em;
    bottom: 5px;
    left: 50%;
    transition-property: all;
    transition: 0.2s ease;
    margin-left: -10px;
}
.jobSelectList ul li a:hover{
    background-color: #00876e;
    border-color: #00876e;
    color: #FFF;
}
.jobSelectList ul li a:hover::before{
    color: #FFF;
}
.pageTopYukaPon {
    height: auto;
    width: 100%;
    margin: 0 auto;
    margin-top: 120px;
    display: table;
    float: left;
    z-index: 0;
    position: relative;
    background-color: #FFF;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url("../images/yukapon_headimage01.jpg");
    background-size: cover;
    background-position: right center;
    background-repeat: no-repeat;
}
.box50{
    width: 50%;
    height: auto;
    float: left;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.flex {
    display: flex;
    width: 100%;
    height: auto;
    flex-flow: row wrap;
}

.flexBox {
    align-items: center;
    display:flex;
}
.halfGrn{
    position: relative;
}
.halfGrn::before{
    content: '';
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #00876e;
}
.stepBox{
    width: 30%;
    height: auto;
    float: left;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.stepArrow{
    width: 5%;
    height: auto;
    float: left;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.stepArrow::before{
    content: "";
  position: absolute;
  top: 30%;
  left: 50%;
  margin-top: 0px;
    margin-left: -10px;
  border: 20px solid transparent;
  border-left: 20px solid #00876e;
}
.moreBtnGrn.bigBtn a{
    width: 100%;
    max-width: 500px;
    padding: 15px 0;
    font-size: 18px;
}
.font15{
    font-size: 1.5em;
}
.font08{
    font-size: 0.8em;
}
.font07{
    font-size: 0.7em;
}
.font06{
    font-size: 0.6em;
}
.ypTitle{
    width: 100%;
    height: auto;
    float: left;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    background-color: #00876e;
    font-size: 30px;
    line-height: 1em;
    padding: 10px 15px;
    border-radius: 40px;
    color: #FFC107;
    text-align: center;
    font-weight: bold;
}
.ypTitle .font15{
    position: relative;
    top: 3px;
    font-size: 1.8em;
}
.contentBoxDark {
	height: auto;
	width: 100%;
	margin: 0 auto;
	display:table;
	background-color:#222;
    position: relative;
}
.uLine{
    background: rgba(0, 0, 0, 0) linear-gradient(transparent 70%, #FFC107 70%) repeat scroll 0 -5px;
}
.box50.flexBox .ph100{
    z-index: 1;
}
.bgWht{
    background-color: #FFF;
    z-index: 1;
}
.box50.flexBox .text30{
    line-height: 1.2em;
    
}
.box50.rightDown{
    width: calc(50% + 20px);
    margin-left: -20px;
    z-index: 0;
    top: 30px;
    padding-left: 60px;
    padding-right: 60px;
}
.box50.leftDown{
    width: calc(50% + 20px);
    margin-right: -20px;
    z-index: 0;
    top: 30px;
    padding-left: 60px;
    padding-right: 60px;
}
.sky{
    color: #137FBA;
}
.cateLabel{
   display: block;
    position: absolute;
    font-size: 14px;
    line-height: 1;
    padding: 10px 20px;
    color: #137FBA;
    border: #137FBA 1px solid;
    border-radius: 40px;
    top: 20px;
right: 20px;
}
.cateLabel.t02{
    color: #BA131C;
    border-color: #BA131C;
}
.cateLabel.t03{
    color: #D48115;
    border-color: #D48115;
}
.leftDown .cateLabel{
    right: 40px;
}
.ypIcon{
    width: 60px;
    height: auto;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 10;
    background-color: #137FBA;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
    padding: 3px;
    text-align: center;
}
.ypIcon img{
    width: 100%;
    height: auto;
}
.ypIcon.t01{
    right: 90px;
}
.ypIcon.t02{
    background-color: #D48115;
    right: 40px;
}
.ypIcon.t03{
    background-color: #2F9B87;
}
.ypIcon.t04{
    background-color: #BA131C;
    background-color: #983E9B;
    right: 40px;
}
.ypIcon.t05{
    background-color: #e57373;
    right: 40px;
}
.ypIcon.t06{
    background-color: #c62828;
}
.ypIcon.t07{
    background-color: #3949AB;
    right: 20px;
}
.ypPlay{
    width: 100px;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    margin-top: -50px;
    margin-left: -50px;
}
.ypSpecIcon{
    width: 100%;
height: auto;
float: left;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
    margin-top: 20px;
}
.ypSpecIcon ul {
    width: auto;
    height: auto;
    margin: 0 auto;
    display: table;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.ypSpecIcon ul li {
    width: 60px;
    height: auto;
    float: left;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 8px;
    margin-right: 8px;
    background-color: #137FBA;
    border-radius: 4px;
    padding: 3px;
}
.ypSpecIcon ul li img{
    width: 100%;
    height: auto;
}
.ypSpecIcon ul li.t02{
    background-color: #D48115;
}
.ypSpecIcon ul li.t03{
    background-color: #2F9B87;
}
.ypSpecIcon ul li.t04{
    background-color: #BA131C;
    background-color: #983E9B;
}
.ypSpecIcon ul li.t05{
    background-color: #e57373;
}
.ypSpecIcon ul li.t06{
    background-color: #c62828;
}
.ypSpecIcon ul li.t07{
    background-color: #3949AB;
}
.specLabel{
    display: block;
    position: absolute;
    font-size: 14px;
    line-height: 1;
    padding: 10px 20px;
    color: #137FBA;
    border: #137FBA 1px solid;
    top: -10px;
left: 20px;
}
.companyList.ypPage dl {
    display: block;
    float: left;
    height: auto;
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 20px;
    position: relative;
}
.companyList.ypPage dl dt{
    color: #137FBA;
    
}
.moreText{
    width: 100%;
height: auto;
float: left;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
    margin-top: 20px;
}
.moreText a{
    display: inline-block;
position: relative;
font-size: 16px;
line-height: 1;
padding: 20px 0px;
color: #00876e;
border: #00876e 1px solid;
border-radius: 40px;
    width: 98%;
    max-width: 300px;
    text-decoration: none;
    margin-left: 1%;
    margin-right: 1%;
    transition-property: all;
transition: 0.2s ease;
}
.moreText a.t02{
    color: #137FBA;
    border-color: #137FBA;
}
.moreText a:hover{
    background-color: #00876e;
    color: #FFF;
}
.moreText a.t02:hover{
    background-color: #137FBA;
    color: #FFF;
}
.stepNumber{
    color: #00876e;
    font-size: 2em;
    font-style: italic;
    position: relative;
    margin-right: 10px;
    top: 2px;
}
.ypHeroimage{
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
}
.ypHeroimage img{
    width: 100%;
    height: auto;
    max-width: 1200px;
    margin-top: 40px;
    
}
.uLine{
    background: rgba(0, 0, 0, 0) linear-gradient(transparent 70%, #FFC107 70%) repeat scroll 0 -5px;
}
.warningText{
    position: absolute;
    bottom: 15px;
    right: 20px;
    font-size: 12px;
    color: #000;
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.9);
}
.formBox.t-line{
    border: #e3f1ee 2px solid;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
    padding: 20px 40px 40px;
}
.formBox.t-line hr{
    border-top-style: dashed;
    margin: 1.5em 0;
}
.ph100.mapImg{
    text-align: center;
}
.ph100.mapImg img{
    max-width: 300px;
}
.priceText{
    display: block;
float: left;
height: auto;
width: 100%;
font-size: 50px;
text-align: left;
line-height: 1.0em;
    font-weight: 800;
    color: #c62828;
    position: relative;
}
.priceText .taxText{
    font-size: 16px;
    font-weight: bold;
    position: relative;
    top:-3px;
}
.whtBox.t-Lgreen{
	background-color: #EDFBF8;
}
.bgLgreen{
    background-color: #EDFBF8;
}
.priceList{
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
    float: left;
}
.priceList ul{
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
    float: left;
}
.priceList ul li{
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
    float: left;
    font-size: 14px;
    line-height: 1.6em;
    padding-left: 1em;
text-indent: -1em;
    margin-bottom: 5px;
    color: #666;
}
.moreBtnGrn.cartBtn a{
    width: 100%;
max-width: 500px;
padding: 25px 0;
font-size: 24px;
    letter-spacing: 0.1em;
    border-radius: 80px;
}
.moreBtnGrn.cartBtn.t02 a{
    background-color: #137FBA;
}
.moreBtnGrn.cartBtn.t02 a:hover{
    background-color: #FFC107;
}
.moreBtnGrn.cartBtn.t02 a:hover::before,.moreBtnGrn.cartBtn.t02 a:hover::after{
    background-color: #00876e;
}
.gry{
    color: #666;
}
.ypBamper {
    width: 240px;
    height: auto;
    position: absolute;
    top: -40px;
    right: -20px;
    z-index: 10;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.ypBamper img{
    width: 100%;
    height: auto;
    filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.3));
}
.fm_total {
    border: 0px solid #f2f2f2;
    border-radius: 0;
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
    padding-left: 0px;
    width: 115px;
    background-color: rgba(255,255,255,0.00);
    height: 30px;
    color: #c62828;
}
.totalyen{
    position: relative;
    top: 6px;
color: #c62828;
font-weight: bold;
}
select.fm_select {
    border-radius: 0;
    font-size: 14px;
    line-height: 38px;
    height: 38px;
    width: 160px;
    background-color: rgba(255,255,255,1.00);
    border: 1px solid #00876e;
    -webkit-appearance: none;
    appearance: none;
    padding-left: 5px;
    background-image: url("../images/select_arrow.png");
    background-size: 10px auto;
    background-position: 96% center;
    background-repeat: no-repeat;
}
select.fm_selectS {
    border-radius: 0;
    font-size: 14px;
    line-height: 38px;
    height: 38px;
    width: 100px;
    background-color: rgba(255,255,255,1.00);
    border: 1px solid #00876e;
    -webkit-appearance: none;
    appearance: none;
    padding-left: 5px;
    background-image: url("../images/select_arrow.png");
    background-size: 10px auto;
    background-position: 96% center;
    background-repeat: no-repeat;
}
.ph100.kakakuImg img{
    max-width: 400px;
}
.ph100.kakakuOrderImg{
    text-align: center;
}
.ph100.kakakuOrderImg img{
    max-width: 260px;
}
.t-cart .fm_btn{
    border-radius: 40px;
}
.t-cart .fm_btn02{
    border-radius: 40px;
}
.wpcf7c-conf.fm_total{
    color: #c62828;
}
.ph100.ytMv a{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 20;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.ph100.ytMv{
    transition-property: all;
transition: 0.2s ease;
}
.ph100.ytMv:hover{
    opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
.moreText.minBtn{
    margin-top: 0px;
    text-align: left;
}
.moreText.minBtn a{
font-size: 14px;
padding: 10px 0px;
border-radius: 40px;
    max-width: 160px;
    text-align: center;
}
.yukaponBn{
    width: 300px;
    height: auto;
    position: absolute;
    bottom: 60px;
    right: 60px;
    z-index: 10;
    background-color: #FFF;
    
}
.yukaponBn img{
    width: 100%;
    height: auto;
    float: left;
    
}
.formBox dt .font08{
    letter-spacing: 0;
}