@media print, screen and (min-width: 769px) {

html{overflow: auto;}


body {
	font-family: "Lucida Grande", "Verdana", "Meiryo", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴPro W3", "HiraKakuPro-W3", "MS Pゴシック", Sans-Serif;
	-webkit-text-size-adjust: 100%;
	line-height: 2.3rem;
	font-size: 15px;
	font-size: 1.5rem;
	min-width: 1100px;
	position: relative;
	background-color: #fff;
	background-position: center bottom;
	background-repeat: no-repeat;
	
}


/* header */

header {
width: 100%;
z-index: 100;
position: absolute;
padding-left: 0px;
padding-top: 0px;
margin-top: 0px;
top: 0px;
position: fixed;
background-repeat: no-repeat;
background-position: center center;

	}	
	
header div.HeaderInnerBox{
	margin-right: auto;
	margin-left: auto;
	max-width: 100%;
	overflow: hidden;
	position: relative;
	background-color: #007ba4;
	opacity: 0.9; /* 90％不透明度(＝90％透過) */
}	
	
header div.HeaderInnerBoxWrap{
	margin-right: auto;
	margin-left: auto;
	max-width: 1100px;
	overflow: hidden;
	position: relative;
	
}

header div.HeaderInnerBox p.MenuBtn{ display:none;}
.togmenu {display:none;}

.Logo{
	float: left;
	margin: 0px auto;
	padding-right: 0px;
	padding-left: 0px;
	font-size: 2rem;
	padding-bottom: 15px;
}
.Logo img{width:100%;}

.HeadComment{
	width: 1100px;
	color: #005f7f;
	padding-top: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	padding-bottom: 5px;
}

.HeadContact{
	width: 100%;
	background-color: #005f7f;

}	

.HeadContact .HeadContactface{
	padding-bottom: 15px;
	padding-top: 15px;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	color: #FFFFFF;
	font-size: 1.5rem;
}	
	

	
.globalNavi {
	background-color: #fff;
	width: 100%;
	border-top: 5px solid #319cd7;
	border-bottom: 1px solid #434651;

	}	
	
.gnwrap {
margin: auto;
max-width: 1100px;
	
}

.globalNavi li  {
	float: right; position:relative;
	
	}		

.globalNavi li a {
	display: block;
	font-size: 1.2rem;
	color: #000;
	letter-spacing: 0px !important;
	text-align: center;
	line-height: 130%;
	padding-bottom: 20px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	}	
	
.globalNavi li a:hover {
	display: block;
	font-size: 1.2rem;
	color: #000;
	letter-spacing: 0px !important;
	text-align: center;
	line-height: 130%;
	padding-bottom: 20px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #9ec864;
	padding-top: 15px;
	}		
	
.globalNavi li a span{
	display: block;
	font-size: 1.5rem;
	letter-spacing: 0px !important;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	font-weight: bold;
	line-height: 200%;
}

.globalNavi li a span img {width:100px; margin:7px 0 0 0;}

/* ▼グローバルナビの現在地ハイライト */

header a.current,
header a.parentsLink,
header a:hover{color:#81b934;}

/* アコーディオン */
	
nav.nav ul li div.NavChild01{
	position: absolute;
	top: 80px;
	left: 0
	right: 0px;
	width: 200px;
	background-color: #2887ab;
	overflow: hidden;
	opacity: 0.95; /* 80％不透明度(＝95％透過) */
	height: 0px;
	z-index: 10000;
	margin-left: auto;
	margin-right: auto;
}
nav.nav ul li:hover div.NavChild01{	display: block;	height: 500px;	border: 1px solid #2887ab;}	
nav.nav ul li div.NavChild01 a{	height: auto;line-height: 180%;	width: auto;border-left: none;font-size: 1.4rem;margin-right: 5px;margin-left: 10px;
	margin-bottom: 0px;	padding-left: 10px;	padding-right: 10px;color: #fff;border-bottom: 1px solid #204F63;}
nav.nav ul li div.NavChild01 a:hover{height: auto;line-height: 180%;width: auto;border-left: none;font-size: 1.4rem;margin-right: 5px;margin-left: 10px;
	margin-bottom: 0px;	padding-left: 10px;	padding-right: 10px;color: #000000;}
	
nav.nav ul li div.NavChild02{position: absolute;top: 125px;	left: 365px;right: 0px;	width: 200px;background-color: #2887ab;	overflow: hidden;
	opacity: 0.95; /* 80％不透明度(＝95％透過) */height: 0px;	z-index: 10000;	margin-left: auto;	margin-right: auto;}
nav.nav ul li:hover div.NavChild02{	display: block;	height: 350px;	border: 1px solid #2887ab;}	
nav.nav ul li div.NavChild02 a{	height: auto;line-height: 180%;	width: auto;border-left: none;font-size: 1.4rem;margin-right: 5px;margin-left: 10px;
	margin-bottom: 0px;	padding-left: 10px;	padding-right: 10px;color: #fff;border-bottom: 1px solid #204F63;}
nav.nav ul li div.NavChild02 a:hover{height: auto;line-height: 180%;width: auto;border-left: none;font-size: 1.4rem;margin-right: 5px;margin-left: 10px;
	margin-bottom: 0px;	padding-left: 10px;	padding-right: 10px;color: #000000;}	
	
nav.nav ul li div.NavChild03{position: absolute;top: 125px;	left: 568px;right: 0px;	width: 200px;background-color: #2887ab;	overflow: hidden;
	opacity: 0.95; /* 80％不透明度(＝95％透過) */height: 0px;	z-index: 10000;	margin-left: auto;	margin-right: auto;}
nav.nav ul li:hover div.NavChild03{	display: block;	height: 340px;	border: 1px solid #2887ab;}	
nav.nav ul li div.NavChild03 a{	height: auto;line-height: 180%;	width: auto;border-left: none;font-size: 1.4rem;margin-right: 5px;margin-left: 10px;
	margin-bottom: 0px;	padding-left: 10px;	padding-right: 10px;color: #fff;border-bottom: 1px solid #204F63;}
nav.nav ul li div.NavChild03 a:hover{height: auto;line-height: 180%;width: auto;border-left: none;font-size: 1.4rem;margin-right: 5px;margin-left: 10px;
	margin-bottom: 0px;	padding-left: 10px;	padding-right: 10px;color: #000000;}	
	

	
	
/* スライド */	
	
.flexslider {
	width: 60%;
	left: 0px;

}	
	
.slides > li {
	display: none;
	width: 100%;
	-webkit-backface-visibility: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	
}
.slides li div{
	height: 545px;
	margin-top: 20px;
	width: 100%;
	margin-left: 0px;

}
.slides li div p{
	font-size: 4.6rem;
	font-weight: bold;
		
}
	
.slides li div span{
	display: block;
	color: #FFFFFF;
	font-size: 3.5rem;
	line-height: 50px;
	font-weight: bold;
	text-align: center;
	margin-top: 50px;
	text-shadow: 3px 3px 2px #000;
	font-family: "Times New Roman", Times, 'YuMincho', '游明朝','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
}
	
.slides li .copy01{
	color: #fff;
	font-size: 2rem;
	line-height: 200%;
	text-align: center;
	font-weight: bold;
	padding-top: 5%;
}
	
.slides li .copy02{
	color: #fff;
	font-size: 2rem;
	padding-right: 20px;
	padding-left: 20px;
	background-color: #81b934;
	margin-bottom: 40px;
	
}
	
	

/* スライド内ナビ	*/	
	
.slideBoxNav{
width: 40%;
height: 500px;
margin-right: 0px;
display: block;
position : absolute;
z-index: 10;
margin-top: -500px;
right: 0px;
}
	
.slideBoxNav li{
	height: 125px;
	line-height: 120%;
}	

.bgPht01{
background-image: url(../images/bgPht01.jpg);
background-repeat: no-repeat;
background-position: right top;
border: 1px solid #444752;
}
	
.bgPht02{
background-image: url(../images/bgPht02.jpg);
background-repeat: no-repeat;
background-position: right top;
border: 1px solid #444752;
}
	
.bgPht03{
background-image: url(../images/bgPht03.jpg);
background-repeat: no-repeat;
background-position: right top;
border: 1px solid #444752;
}
	
.bgPht04{
background-image: url(../images/bgPht04.jpg);
background-repeat: no-repeat;
background-position: right top;
border: 1px solid #444752;
}
	
.bgPht05{
background-image: url(../images/bgPht05.jpg);
background-repeat: no-repeat;
background-position: right top;
border: 1px solid #444752;
}	

.BlockA{
	padding: 30px;
	background-color: #f0faff;
	width: 68%;
	margin-left: 0px;
	height: 100%;
	font-weight: bold;
}	
	
.BlockA span{
	display: block;
	font-size: 1.1rem;
	font-weight: normal;
	margin:10px 0 0 0;
}	
	
.BlockB{
	padding: 30px;
	background-color: #fff;
	width: 68%;
	margin-left: 0px;
	height: 100%;
	font-weight: bold;
}	
	
.BlockB span{
	display: block;
	font-size: 1.1rem;
	font-weight: normal;
	margin:10px 0 0 0;
}	
	
	
/* main */

.Width100Per{ margin: 0px -500% !important; padding: 0px 500% !important; width: 100% !important;}

main{margin:0 auto;padding:150px 0px 0px; width:100%;}
main section{width:100%;margin:0 auto 30px;}
main section h2{ font-size:1.9rem; margin-bottom:10px;}
	
/* pankuzu */
div.Pankuzu{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ad8b4e;
	padding-top: 10px;
}
div.Pankuzu ul{ width:1100px; margin:0 auto;}
div.Pankuzu ul a {
	color: #AD8B4E;
}	
div.Pankuzu ul li{ float:left; position:relative; padding-left:28px;}
div.Pankuzu ul li:after{
	position:absolute;
	left:12px;
	top:50%;
	font-size:1.8rem;
	color:#333;
	margin-top:-10px;
	content: " \f105";
	font-family: FontAwesome;
}
div.Pankuzu ul li:first-child:after{
	color:#333;
	left:0px;
	margin-top:-10px;
	content: " \f015";
}	
	
/* テーブル関連 */

table.TableStyle01{ width:100%; margin-bottom:50px; }
table.TableStyle01 th,
table.TableStyle01 td{ border-bottom:1px solid #695318; vertical-align:top;}
table.TableStyle01 th{ border-bottom:1px solid #695318; padding:12px 55px 12px 15px;}
table.TableStyle01 td{ border-bottom:1px solid #695318; padding:12px 15px;}


table.TableStyle02 { width: 100%; border-top: 2px solid #7cb4cd; border-left: 2px solid #7cb4cd; }
table.TableStyle02 th,
table.TableStyle02 td  {
	padding: 10px;
	border-right: 2px solid #7cb4cd;
	border-bottom: 2px solid #7cb4cd;
	background-color: #FFFFFF;
}
table.TableStyle02 th  {
	background: #d4eefa;
	
}
	
table.TableStyle02 td  {
	text-align: center;	
}

.finbtn input {
	width: 100%;
	background-color: #FFD851;
}	
 

table.TableStyle03 { width: 100%; border-top: 1px solid #ddd; border-left: 1px solid #ddd; table-layout: fixed; }
table.TableStyle03 th,
table.TableStyle03 td { padding: 10px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align:left;}
table.TableStyle03 th { background: #f4f4f4; width:180px;  }
	
table.TableStyle04 { width: 100%; border-top: 1px solid #e6d7c6; border-left: 1px solid #e6d7c6; }
table.TableStyle04 th,
table.TableStyle04 td  {
	padding: 10px;
	border-right: 1px solid #e6d7c6;
	border-bottom: 1px solid #e6d7c6;
	background-color: #FFFFFF;
	text-align: center;
}
table.TableStyle04 th  {
	background-color: #f7e6d3;
	width: 30%;
	text-align: center;
}	
	
table.TableStyle04 .doc01  { background: #fff9f3;}	
	
	
	
table.TableStyle05 { width: 100%; border-top: 1px solid #a4a4a4; border-left: 1px solid #a4a4a4; table-layout: fixed; }
table.TableStyle05 th,
table.TableStyle05 td {
	padding: 10px;
	border-right: 1px solid #a4a4a4;
	border-bottom: 1px solid #a4a4a4;
	text-align: left;
	background-color: #FFFFFF;
}
table.TableStyle05 th { background: #a4a4a4;}	
	
	
/* 定義リスト */

.classicListA dl{ }
.classicListA dt{  font-weight : bold;  padding-top : 2px;  padding-bottom : 2px;  float : left;/* 左に寄せる */  clear : both;/* フロートの解除 */}
.classicListA dd{	padding-left : 40px;	padding-top: 2px;	padding-bottom: 2px;}	
	

.classicListB dt{ padding-top : 2px;  padding-bottom : 2px;  float : left;/* 左に寄せる */  clear : both;/* フロートの解除 */}
.classicListB dd{	padding-left : 100px;	padding-top: 2px;	padding-bottom: 2px;}	
.classicListB d ul li{ float:left; margin-right:25px;}
.classicListB dd ul li:before{
	content: '\f111';
	font-family: FontAwesome;
	padding-right: 4px;
	color: #FFCC42;	
}
	
.classicListC dt{ padding-top : 2px;  padding-bottom : 2px;  float : left;/* 左に寄せる */  clear : both;/* フロートの解除 */}
.classicListC dd{	padding-left : 100px;	padding-top: 2px;	padding-bottom: 2px;}	
.classicListC d ul li{ float:left; margin-right:25px;}
.classicListC dd ul li:before{
	content: '\f111';
	font-family: FontAwesome;
	padding-right: 4px;
	color: #8dc228;	
}
	
.classicListD dt{ padding-top : 2px;  padding-bottom : 2px;  float : left;/* 左に寄せる */  clear : both;/* フロートの解除 */}
.classicListD dd{	padding-left : 100px;	padding-top: 2px;	padding-bottom: 2px;}	
.classicListD d ul li{ float:left; margin-right:25px;}
.classicListD dd ul li:before{
	content: '\f111';
	font-family: FontAwesome;
	padding-right: 4px;
	color: #bf7ab9;	
}	
	
.classicListE {
}
.classicListE dt{
	padding-top : 2px;
	padding-bottom : 2px;
	clear : both;
	margin-bottom: 5px;
	}
.classicListE dd{
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 5px;
	margin-bottom: 15px;
}	
	
.classicListF {
}
.classicListF dt{
	padding-top : 2px;
	padding-bottom : 2px;
	clear : both;
	margin-bottom: 5px;
	float: left;
	}
.classicListF dd{

	padding-bottom: 2px;
	margin-top: 5px;
	margin-bottom: 15px;
	float: right;
	width: 350px;
}	

/* フッターリスト */

footer{
	background-color: #2887ab;
	padding-top: 2%;	
	color: #FFFFFF;
}

.Copy{
	font-size: 1.4rem;
	color: #fff;
	margin-bottom: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}	
	
.footerBlock02{
	border-top: 1px solid #8BC5DB;
	border-bottom: 1px solid #8BC5DB;
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 2%;
	padding-bottom: 2%;
	margin-top: 1%;
}

.ListBox{
	float: left;
	margin-right: 2%;	
}

.ListBox li{
line-height: 200%;
}

.list-st01 a {
color: #fff;
}	
.list-st01 a:before{
content: " \f138";
font-family: FontAwesome;
margin-right: 10px;

}		

.list-st02 a{
color: #fff;
margin-left: 20px;	
}

.list-st01 a:hover {
color: #7DC700;
}
	
.list-st02 a:hover {
color: #7DC700;
}		
	
.list-st03 {color: #007ba4;	font-weight: bold;}
	
	
	
	
	
/* ページトップ */	
.pagetop { display: none; position: fixed; bottom: 20px; right: 2%; z-index: 500;}
.pagetop a { display: block;width:56px;height:56px;line-height:56px; background-color: #81b934; text-align: center; color: #fff; font-size: 2.8rem; text-decoration: none;}
.pagetop a:hover { display: block; text-align: center; color: #ccc; text-decoration: none;-webkit-transition: all .4s;-moz-transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
	
	
/* ---------------------------------------------------------------- */
/* 初期パーツのcss--ここまで */
/* ---------------------------------------------------------------- */

.PcNodisplay{ display:none !important;}

/* Common */

.MainTitleBox{
	position: relative;
	width: 100%;
	margin-top: 100px;
	margin-bottom: 0px;
	min-width: 1100px !important;
	overflow: hidden;
}
.MainTitleBox .InnerTitleBox{ width: 100%; height: 220px; min-width:1100px !important; background-attachment: fixed; -webkit-background-size: cover auto ; background-size: cover auto; background-position:center top; background-repeat:no-repeat;}
.MainTitleBox .InnerTitleBox:after{ position: absolute; content:""; width: 1600px; top:0px; left: 50%; margin-left: -800px; height: 220px; background: rgba(0,0,0,0.45); z-index: 55;}

	
.MainTitleBox .Ttlinfo{ background-image:url(../../info/images/title_bg.jpg);}
.MainTitleBox .Ttlservice{ background-image:url(../../service/images/title_bg.jpg);}
.MainTitleBox .Ttlaccess{ background-image:url(../../access/images/title_bg.jpg);}
.MainTitleBox .Ttlrecruit{ background-image:url(../../recruit/images/title_bg.jpg);}
.MainTitleBox .Ttlsitemap{ background-image:url(../../sitemap/images/title_bg.jpg);}
.MainTitleBox .Ttlprivacypolicy{ background-image:url(../../privacypolicy/images/title_bg.jpg);}
	
/* news */	
	
div.TopNewsBox{
	width: 100%;
	background-color: #F5F5F5;
	border-top: 1px solid #434651;
	border-bottom: 1px solid #434651;
	margin-top: 2%;
	margin-bottom: 2%;
	padding-top: 2%;
	padding-bottom: 2%;
}	
	
div.TopNewsBox div.InnerBox{
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;

}	
div.TopNewsBox div.InnerBox h2{
	position: relative;
	font-size: 2.3rem;
	padding-bottom: 12px;
	border-bottom: 1px solid #ccc;
	color: #007BA4;
	font-weight: bold;
}
div.TopNewsBox div.InnerBox h2 span a{
	position: absolute;
	right: 0px;
	color: #fff;
	font-size: 1.3rem;
	padding-right: 2%;
	padding-left: 2%;
	text-decoration: none !important;
	background-color: #007BA4;
	font-weight: normal;
	padding-top: 0.5%;
	padding-bottom: 0.5%;
}


div.TopNewsBox div.InnerBox ul li{ position:relative; width:100%; border-bottom:1px dotted #ccc;}
div.TopNewsBox div.InnerBox ul li a{ display:block; width:100%; padding:12px 40px 12px 0px; text-decoration:none;}
div.TopNewsBox div.InnerBox ul li a span.Date{ float:left; width:17%}
div.TopNewsBox div.InnerBox ul li a span.Title{ float:right; width:81%; color:#333;}

div.TopNewsBox div.InnerBox ul li:after {
	position:absolute;
	right:0px;
	top:50%;
	font-size:1.8rem;
	color:#ccc;
	margin-top:-12px;
	content: " \f105";
	font-family: FontAwesome;
}



/* 講師紹介 */
	
div.staffBox ul li{ position:relative; width:100%;}
	
.staffListA{
	background-color: #FFFFFF;
	padding: 20px;
	border: 1px solid #999;
	width: 100%;
	margin-bottom: 20px;

}
.staffListA .phtBlock img {
	float: right;
	max-width: 200px;
	width: 100%;
	height: auto;
	margin-left: 20px;
}

.staffListB{
	background-color: #FFFFFF;
	padding: 20px;
	border: 2px solid #7dba5a;
	width: 100%;
	margin-bottom: 20px;
	background-image: url(../images/base01.png);
	background-repeat:no-repeat;
	background-position:left bottom;
}	

.staffListA li{ width:100%; margin-bottom:8px; padding-left: 2.3rem;text-indent: -2.3rem;}
.staffListA li:before{
	content: " \f111";
	font-family: FontAwesome;
	margin-right:8px;
}		
	

	
	
	
/* contact */
.TableStyleForm{ width:100%; border-top:1px solid #4d3609; margin-bottom:65px;}
.TableStyleForm th,
.TableStyleForm td{ border-bottom:1px solid #4d3609; vertical-align:top;}
.TableStyleForm th{
	padding-top: 18px;
	padding-right: 30px;
	padding-left: 55px;
	width: 295px;
}
.TableStyleForm td{ padding:18px 60px 18px 0px;}
.TableStyleForm td input,
.TableStyleForm td textarea{ border:1px solid #4d3609; width:100%; padding:5px;}
.TableStyleForm td input.Sex{ width:auto;}
.TableStyleForm td input.Sex02{ margin-left:20px;}
.TableStyleForm td input.Age{ width:50px;}
.TableStyleForm td input.Yubin{ width:80px;}
.TableStyleForm th p{ position:relative;}
.TableStyleForm th p.Hissu:after{ position:absolute; right:0px; top:0px; background:#ff7538; color:#fff; padding:2px 15px;content: '必須'; font-size:1.3rem;}
.FormFinBox01{ width:500px; margin:0 auto;}
.FormFinBox01 input{ position: relative; cursor: pointer; border:none; text-align:center; width:100%; background:#db9612; color:#fff; font-size:2.0rem; padding:10px 0px; border-radius:6px;}
.FormFinBox01 input:after{ position:absolute; content: '\f105';font-family: FontAwesome; right:14px; top:50%; margin-top:-15px; color:#fff; font-size:2.2rem;}	
.FormPrivacyBox{
	background-color: #fff;
	border: 1px solid #fff;
	padding-top: 14px;
	padding-right: 0px;
	padding-left: 0px;
	text-align: center;
	margin-bottom: 40px;
}
	
.FormKiboBox{
	border: 1px solid #4d3609;
	padding-top: 14px;
	padding-right: 0px;
	padding-left: 0px;
	text-align: center;
	margin-bottom: 40px;
	
	}
	
.submitArea {
	margin: 20px auto;
	text-align: center;
	width: 300px;
	padding-left: 30px;
}	

ul.ContactListKakunin{
	width: 80%;
	margin: 0 10% 30px;
	
}
ul.ContactListKakunin li{ margin-bottom:20px; border:1px solid #fff; width:100%;}
ul.ContactListKakunin li span{ float:left; display:block;width:30%; padding:10px 2%; background:#fff;}
ul.ContactListKakunin li p{ float:right; width:70%; padding:10px 5% 10px 3%;}	
div.ContactBtnBox02{ width:630px; margin:0 auto;}
div.ContactBtnBox02 input.soushinBtn{ float:left; cursor: pointer;border:none; text-align:center; background:#db9612; color:#fff; font-size:2.0rem; padding:10px 0px; width:300px;}
div.ContactBtnBox02 input.reset{ float:right; cursor: pointer;border:none; text-align:center; background:#777777; color:#fff; font-size:2.0rem; padding:10px 0px; width:300px;}
h4.ContactMessage{ text-align:center; margin-bottom:20px; font-size:2.0rem;}
div.KakuninBox{ width:80%; margin:0 10% 30px; padding:15px; border:1px solid #fff;}	
	
/* mailmagazine */
.mailmagaForm{ width:100%; border-top:1px solid #4d3609; margin-bottom:65px;}
.mailmagaForm th,
.mailmagaForm td{ border-bottom:1px solid #4d3609; vertical-align:top;}
.mailmagaForm th{
	padding-top: 18px;
	padding-right: 30px;
	padding-left: 55px;
	width: 295px;
}
.mailmagaForm td{ padding:18px 60px 18px 0px;}
.mailmagaleForm td input,
.mailmagaForm td textarea{ border:1px solid #4d3609; width:100%; padding:5px;}
.mailmagaForm td input.Sex{ width:auto;}
.mailmagaForm td input.Sex02{ margin-left:20px;}
.mailmagaForm td input.Age{ width:50px;}
.mailmagaForm td input.Yubin{ width:80px;}
.mailmagaForm th p{ position:relative;}
.mailmagaForm th p.Hissu:after{ position:absolute; right:0px; top:0px; background:#ff7538; color:#fff; padding:2px 15px;content: '必須'; font-size:1.3rem;}
.FormFinBox01{ width:500px; margin:0 auto;}
.FormFinBox01 input{ position: relative; cursor: pointer; border:none; text-align:center; width:100%; background:#db9612; color:#fff; font-size:2.0rem; padding:10px 0px; border-radius:6px;}
.FormFinBox01 input:after{ position:absolute; content: '\f105';font-family: FontAwesome; right:14px; top:50%; margin-top:-15px; color:#fff; font-size:2.2rem;}	
.FormPrivacyBox{
	background-color: #fff;
	border: 1px solid #fff;
	padding-top: 14px;
	padding-right: 0px;
	padding-left: 0px;
	text-align: center;
	margin-bottom: 40px;
}
	
.FormKiboBox{
	border: 1px solid #4d3609;
	padding-top: 14px;
	padding-right: 0px;
	padding-left: 0px;
	text-align: center;
	margin-bottom: 40px;
	
	}
	


ul.ContactListKakunin{
	width: 80%;
	margin: 0 10% 30px;
	
}
ul.ContactListKakunin li{ margin-bottom:20px; border:1px solid #fff; width:100%;}
ul.ContactListKakunin li span{ float:left; display:block;width:30%; padding:10px 2%; background:#fff;}
ul.ContactListKakunin li p{ float:right; width:70%; padding:10px 5% 10px 3%;}	
div.ContactBtnBox02{ width:630px; margin:0 auto;}
div.ContactBtnBox02 input.soushinBtn{ float:left; cursor: pointer;border:none; text-align:center; background:#db9612; color:#fff; font-size:2.0rem; padding:10px 0px; width:300px;}
div.ContactBtnBox02 input.reset{ float:right; cursor: pointer;border:none; text-align:center; background:#777777; color:#fff; font-size:2.0rem; padding:10px 0px; width:300px;}
h4.ContactMessage{ text-align:center; margin-bottom:20px; font-size:2.0rem;}
div.KakuninBox{ width:80%; margin:0 10% 30px; padding:15px; border:1px solid #fff;}		
	
	
	
/* block */
div.contentsBoxA,
div.contentsBoxC,
div.contentsBoxD,
div.contentsBoxE,
div.contentsBoxB,
div.contentsBoxF { width:100%;}	
	
div.contentsBoxB{
	background-color: #fff;
	margin-top: 0px;
	padding-top: 36px;

}

div.contentsBoxC , div.contentsBoxF{
	background-color: #fff;
}	
	
div.contentsBoxD{
	background-color: #f3fae9;
	border-top: 1px solid #7cb4cd;
	border-bottom: 1px solid #7cb4cd;
	padding-top: 2%;
	padding-bottom: 2%;
}
	
div.contentsBoxE{
	background-color: #eff7fa;
	border-top: 1px solid #a9ccdc;
	border-bottom: 1px solid #a9ccdc;
	padding-top: 2%;
	padding-bottom: 2%;
}	
	
div.contentsBoxA{
	background-color: #f9f9f9;
	border-top: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
}	
	
div.contentsBoxB div.wrap,
div.contentsBoxA div.wrap p{

}	
	
div.contentsBoxA div.wrap{
	max-width: 1100px;

}	
	
div.contentsBoxC div.wrap{
max-width: 1100px;
padding-bottom: 36px;
padding-top: 36px;	
}	
	
div.contentsBoxD div.wrap{
	max-width: 1100px;

}	
	
div.contentsBoxE div.wrap{
	max-width: 1100px;

}		

div.contentsBoxF div.wrap{
	max-width: 1100px;
	padding:100px 0;
}

div.contentsBoxB div.wrap{
	max-width: 1100px;
	padding-bottom: 36px;
}	
	
	

	
	
	
/* googlemap */
.PcNodisplay,
.SpMoreStyle,
.GoogleMapApp{ display:none !important;}
div.AccessBox{ width:100%; height:400px;}	
	
.printBtn a{
	padding: 10px;
	float: left;
	background-color: #4D3609;
	border-radius: 6px;
	color: #FFFFFF;
}	

	
#container {
	margin-top: 120px;
}	
	
/* PageTitleStyle */	
.pgtBox .InnerTitleBox{ width: 100%; height: 220px; min-width:1100px !important; background-attachment: fixed; -webkit-background-size: cover auto ; background-size: cover auto; background-position:center top; background-repeat:no-repeat;}
	
.pgtBox .InnerTitleBox .TtlInner{
line-height: 200%;
color: #fff;
letter-spacing: 1.4px !important;
margin-top: 14px;
z-index: 60;
font-size: 2rem;
/*text-shadow: 1px 1px 1px #7e6047;	*/
}
	
.pgtBox .InnerTitleBox .TtlInner span{
	display: block;
	font-size: 4rem;
	color: #fff;
	letter-spacing: 0px !important;

}	


.pgt-corp{background-image: url(../images/corp-title_bg.jpg);}
.pgt-group{background-image: url(../images/group-title_bg.jpg);}
.pgt-quality{background-image: url(../images/quality-title_bg.jpg);}
.pgt-recruit{background-image: url(../images/recruit-title_bg.jpg);}
.pgt-contact{background-image: url(../images/contact-title_bg.jpg);}
.pgt-group{background-image: url(../images/group-title_bg.jpg);}	
.pgt-news{background-image: url(../images/news-title_bg.jpg);}
.pgt-sdgs{background-image: url(../images/sdgs-title_bg.jpg);}
	
.wrap {
margin-right: auto;
margin-left: auto;
max-width: 1100px;	
}
	
.copy-st01 {
	margin-right: auto;
	margin-left: auto;
	font-size: 3rem;
	line-height: 160%;
	font-family: "Times New Roman", Times, 'YuMincho', '游明朝','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
	margin-bottom: 50px;
}	
	
.copy-st01 span {
	color: #a18942;
}	
	
	
	
/* Cotyle */	

.TitleStyle01 {
	margin-bottom: 30px;
	margin-top: 30px;
	font-size: 2.7rem;

}	
	
.TitleStyle02{
	margin-bottom: 20px;
	font-size: 2.2rem;
	border-bottom: 1px solid #000000;
	padding-bottom: 10px;
	line-height: 150%;
}
	
.TitleStyle02 span{
	color: #1988ad;
	font-size: 2.5rem;
	margin-right:0.2%;
}	
	
/* .TitleStyle02:after{ position:absolute; top:-2px; left:50%; width:500px; height:7px; background-color:#db9612; margin-left:-250px; content:"";}*/	

.TitleStyle03{
	background-color: #6ea330;
	color: #FFFFFF;
	padding-top: 1.5%;
	padding-bottom: 1.5%;
	border-radius: 6px;
	font-size: 2.5rem;
	text-align: center;
	margin-bottom: 20px;
}

	
.TitleStyle04{
	margin-bottom: 20px;
	font-size: 2rem;
	border-bottom: 1px solid #81b934;
	padding-bottom: 10px;
	color: #81B934;
}
	
	

.TitleStyle05{
	font-size: 2rem;
	font-weight: bold;
	border-left: 20px solid #ccc;
	padding-left: 10px;
	margin-bottom: 10px;
}


.TitleStyle06{
	font-size: 1.5rem;
	font-weight: bold;
	border-bottom: 1px solid #000000;
	padding-bottom: 10px;
	color: #333;
}

.TitleStyle07{ font-size:1.8rem; margin-bottom:20px; padding:8px 12px; color:#fff;}
	
.TitleStyle08{
	margin-bottom: 20px;
	font-size: 2rem;
	border-bottom: 1px solid #24477C;
	padding-bottom: 10px;
	color: #24477C;
}
	
.TitleStyle09{
	font-size: 1.8rem;
	margin-bottom: 20px;
	padding-right: 12px;
	padding-left: 12px;
	border-radius: 6px;
	background-color: #FFFEF2;
	border: 2px solid #b68b5e;
	font-weight: bold;
	color: #4D3609;
	padding-top: 8px;
	padding-bottom: 8px;
}

.TitleStyle10{

	margin-bottom: 5px;
	padding: 12px;
	border-radius: 6px;
	background-color: #fe8900;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
}	
	
.TitleStyle11{
	font-size: 1.8rem;
	margin-bottom: 5px;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	border-radius: 6px;
	background-color: #ff7538;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
}	
	
.TitleStyle12{
	font-size: 2.2rem;
	line-height: 2.8rem;
	margin-bottom: 30px;
	padding-bottom: 0px;
	border-left: 6px solid #0f6c7a;
	padding-left: 10px;
	color: #0f6c7a;
	font-weight: bold;
}	
	
.TitleStyle13{
	font-size: 1.8rem;
	line-height: 2.8rem;
	font-weight: bold;
	
	
}
	
.TitleStyle14{
	font-size: 1.8rem;
	margin-bottom: 5px;
	padding: 12px;
	border-radius: 6px;
	background-color: #fff;
	font-weight: bold;
	text-align: center;
	color: #4d3609;
}		
	
.TitleStyle15{
	font-size: 1.6rem;
	margin-bottom: 20px;
	padding: 12px;
	border-radius: 6px;
	background-color: #fff;
	width: 100%;
	border: 2px solid #29C0D6;
	}	
	
.TitleStyle16{
	margin-bottom: 20px;
	padding-top: 12px;
	padding-right: 12px;
	padding-left: 12px;
	border-radius: 6px;
	background-color: #ffa000;
	width: 100%;
	text-align: center;
	}
	
.TitleStyle17{
	margin-bottom: 20px;
	padding-top: 12px;
	padding-right: 12px;
	padding-left: 12px;
	border-radius: 6px;
	background-color: #3b5998;
	width: 100%;
	text-align: center;
	}
	
.TitleStyle18{
	margin-bottom: 20px;
	padding-top: 12px;
	padding-right: 12px;
	padding-left: 12px;
	border-radius: 6px;
	background-color: #36b9ff;
	width: 100%;
	text-align: center;
	}	
	
	
.TitleStyleCountry01{
	font-size: 2.5rem;
	line-height: 2.8rem;
	border-bottom: 2px solid #29c0d6;
	padding-bottom: 5px;
	background-image: url(../../foreign/images/icon-en01.png);
	background-repeat: no-repeat;
	height: 100px;
	padding-left: 250px;
	padding-top: 30px;
}	
	
.TitleStyleCountry02{
	font-size: 2.5rem;
	line-height: 2.8rem;
	border-bottom: 2px solid #29c0d6;
	padding-bottom: 5px;
	background-image: url(../../foreign/images/icon-sp02.png);
	background-repeat: no-repeat;
	height: 100px;
	padding-left: 130px;
	padding-top: 30px;
}	
	
.TitleStyleCountry03{
	font-size: 2.5rem;
	line-height: 2.8rem;
	border-bottom: 2px solid #29c0d6;
	padding-bottom: 5px;
	background-image: url(../../foreign/images/icon-fr03.png);
	background-repeat: no-repeat;
	height: 100px;
	padding-left: 130px;
	padding-top: 30px;
}		
	
.TitleStyleCountry04{
	font-size: 2.5rem;
	line-height: 2.8rem;
	border-bottom: 2px solid #29c0d6;
	padding-bottom: 5px;
	background-image: url(../../foreign/images/icon-d04.png);
	background-repeat: no-repeat;
	height: 100px;
	padding-left: 130px;
	padding-top: 30px;
}	
	
.TitleStyleCountry05{
	font-size: 2.5rem;
	line-height: 2.8rem;
	border-bottom: 2px solid #29c0d6;
	padding-bottom: 5px;
	background-image: url(../../foreign/images/icon-fin05.png);
	background-repeat: no-repeat;
	height: 100px;
	padding-left: 130px;
	padding-top: 30px;
}
	
.TitleStyleCountry06{
	font-size: 2.5rem;
	line-height: 2.8rem;
	border-bottom: 2px solid #29c0d6;
	padding-bottom: 5px;
	background-image: url(../../foreign/images/icon-pol06.png);
	background-repeat: no-repeat;
	height: 100px;
	padding-left: 130px;
	padding-top: 30px;
}
	
.TitleStyleCountry07{
	font-size: 2.5rem;
	line-height: 2.8rem;
	border-bottom: 2px solid #29c0d6;
	padding-bottom: 5px;
	background-image: url(../../foreign/images/icon-ruc07.png);
	background-repeat: no-repeat;
	height: 100px;
	padding-left: 130px;
	padding-top: 30px;
}
	
.TitleStyleCountry08{
	font-size: 2.5rem;
	line-height: 2.8rem;
	border-bottom: 2px solid #29c0d6;
	padding-bottom: 5px;
	background-image: url(../../foreign/images/icon-tha08.png);
	background-repeat: no-repeat;
	height: 100px;
	padding-left: 130px;
	padding-top: 30px;
}	
	
.TitleStyleCountry09{
	font-size: 2.5rem;
	line-height: 2.8rem;
	border-bottom: 2px solid #29c0d6;
	padding-bottom: 5px;
	background-image: url(../../foreign/images/icon-vi09.png);
	background-repeat: no-repeat;
	height: 100px;
	padding-left: 130px;
	padding-top: 30px;
}
	
.TitleStyleCountry10{
	font-size: 2.5rem;
	line-height: 2.8rem;
	border-bottom: 2px solid #29c0d6;
	padding-bottom: 5px;
	background-image: url(../../foreign/images/icon-ind10.png);
	background-repeat: no-repeat;
	height: 100px;
	padding-left: 130px;
	padding-top: 30px;
}	
	
.TitleStyleCountry11{
	font-size: 2.5rem;
	line-height: 2.8rem;
	border-bottom: 2px solid #29c0d6;
	padding-bottom: 5px;
	background-image: url(../../foreign/images/icon-cha11.png);
	background-repeat: no-repeat;
	height: 100px;
	padding-left: 130px;
	padding-top: 30px;
}	
	
.TitleStyleCountry12{
	font-size: 2.5rem;
	line-height: 2.8rem;
	border-bottom: 2px solid #29c0d6;
	padding-bottom: 5px;
	background-image: url(../../foreign/images/icon-cor12.png);
	background-repeat: no-repeat;
	height: 100px;
	padding-left: 130px;
	padding-top: 30px;
}
	
.TitleStyleCountry13{
	font-size: 2.5rem;
	line-height: 2.8rem;
	border-bottom: 2px solid #29c0d6;
	padding-bottom: 5px;
	background-image: url(../../foreign/images/icon-cro13.png);
	background-repeat: no-repeat;
	height: 100px;
	padding-left: 130px;
	padding-top: 30px;
}	


/* -------------------------------------------------- */
/* local */	
div.LocalNav .LocalTtl{
	text-align: center;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 7px;
	color: #fff;
	background-color: #FE8301;
	border-radius:5px;
}
div.LocalNav ul{ margin-bottom:30px;}
div.LocalNav ul li{ position:relative; width:100%; border-bottom:1px dotted #4d3609;}
div.LocalNav ul li a{ display:block; width:100%; padding:4px 40px 4px 0px; color:#4d3609; text-decoration:none !important;}
div.LocalNav ul li:after{
	position: absolute;
	right: 0px;
	top: 50%;
	font-size: 1.8rem;
	color: #4D3609;
	margin-top: -16px;
	content: " \f105";
	font-family: FontAwesome;
}
	
/* column */

.ColumnUnit02,.ColumnUnit03,.ColumnUnit03A,.ColumnUnit04,.ColumnUnit05,.ColumnUnit02L30,.ColumnUnit02R30,.ColumnUnit02R30A,.ColumnUnit02L20{ width:100%;}
	
.ColumnUnit02 img,.ColumnUnit02A img,.ColumnUnit03 img,.ColumnUnit03A img,.ColumnUnit04 img,.ColumnUnit05 img,.ColumnUnit02L30 img,.ColumnUnit02R30 img,.ColumnUnit02L20 img,.ColumnUnit02R20 img{ max-width:100%; margin-bottom:15px;}
	
.ColumnUnit02R30A img{ max-width:100%;}
	
.ColumnUnit02 table,.ColumnUnit02A table,.ColumnUnit03 table,.ColumnUnit03A table,.ColumnUnit04 table,.ColumnUnit05 table,.ColumnUnit02L30 table,.ColumnUnit02R30 table,.ColumnUnit02L20 table,.ColumnUnit02R20 table{ max-width:100%;}

.ColumnUnit04 p,.ColumnUnit03 p,.ColumnUnit03A p,.ColumnUnit05 p{ font-size:1.4rem;}

.ColumnUnit02{
	margin-left: auto;
	margin-right: auto;
}
.ColumnUnit02 .ColumnItem,
 ul.ColumnUnit02 li{width:48%;}

.ColumnUnit02 .ColumnItem:first-child,
 ul.ColumnUnit02 ul li:first-child{ float:left;}
.ColumnUnit02 .ColumnItem:last-child,
 ul.ColumnUnit02 li:last-child{float:right;}
 
.ColumnUnit02L30 .ColumnItem:first-child,
 ul.ColumnUnit02L30 ul li:first-child{ float:left; width:30%;}
.ColumnUnit02L30 .ColumnItem:last-child,
 ul.ColumnUnit02L30 li:last-child{float:right; width:65%;}
 
 .ColumnUnit02R30 .ColumnItem:first-child,
 ul.ColumnUnit02R30 ul li:first-child{ float:left; width:65%;}
.ColumnUnit02R30 .ColumnItem:last-child,
 ul.ColumnUnit02R30 li:last-child{float:right; width:30%;}
.acList01 a {
	display: block;
	color: #333;
	padding: 2%;
	background-color: #e8e3da;	
	text-align: center;
}	

 .ColumnUnit02R30A .ColumnItem:first-child,
 ul.ColumnUnit02R30A ul li:first-child{
	float: left;
	width: 70%;

}
.ColumnUnit02R30A .ColumnItem:last-child,
 ul.ColumnUnit02R30A li:last-child{float:right; width:30%;}
	
	

.ColumnUnit02L20 .ColumnItem:first-child,
 ul.ColumnUnit02L20 ul li:first-child{ float:left; width:20%;}
.ColumnUnit02L20 .ColumnItem:last-child,
 ul.ColumnUnit02L20 li:last-child{float:right; width:75%;}
 
 .ColumnUnit02R20 .ColumnItem:first-child,
 ul.ColumnUnit02R20 ul li:first-child{ float:left; width:75%;}
.ColumnUnit02R20 .ColumnItem:last-child,
 ul.ColumnUnit02R20 li:last-child{float:right; width:20%;} 
	
	
.ColumnUnit02A{
	border-radius: 6px;
	padding: 3%;
	background-color: #fff;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.ColumnUnit02A .ColumnItem,
 ul.ColumnUnit02A li{width:48%;}

.ColumnUnit02A .ColumnItem:first-child,
 ul.ColumnUnit02A ul li:first-child{ float:left;}
.ColumnUnit02A .ColumnItem:last-child,
 ul.ColumnUnit02A li:last-child{float:right;}
	

	
	
	

.ColumnUnit03{ width:100%; }
.ColumnUnit03 .ColumnItem,
 ul.ColumnUnit03 li{
	float: left;
	width: 29%;
	margin-right: 2%;
	margin-left: 2%;
	margin-bottom: 10%;
}
 ul.ColumnUnit03 li.Edge{
	margin-right: 0%;
	margin-bottom: 40px;
}
.ColumnUnit03 .ColumnItem, ul.ColumnUnit03 li img{
	border-radius: 5px;

}	
	
.ColumnUnit03 .ColumnItem, ul.ColumnUnit03 span{
	display: block;
	border-radius: 5px;
	background-color: #A9231C;
	color: #FFFFFF;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
}
.ColumnUnit03 .ColumnItem, ul.ColumnUnit03 a:hover{
opacity: 0.8; /* 80％不透明度(＝80％透過) */
}
	
.ColumnUnit03 .ColumnItem, ul.ColumnUnit03 span:after{
	content: " \f105";
	font-family: FontAwesome;
	margin-right:8px;
}	
	
	
.ColumnUnit03A{ width:100%; }
.ColumnUnit03A .ColumnItem,
 ul.ColumnUnit03A li{
	float: left;
	width: 29%;
	margin-right: 2%;
	margin-left: 2%;
	margin-bottom: 2%;
	border: 2px solid #C9C9C9;
}
 ul.ColumnUnit03A li .doc{
	padding: 5%;
}
.ColumnUnit03A .ColumnItem, ul.ColumnUnit03 li img{
	border-radius: 5px;

}	
	
.ColumnUnit03A .ColumnItem, ul.ColumnUnit03 span{
	display: block;
	border-radius: 5px;
	background-color: #A9231C;
	color: #FFFFFF;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
}
.ColumnUnit03A .ColumnItem, ul.ColumnUnit03 a:hover{
opacity: 0.8; /* 80％不透明度(＝80％透過) */
}
	
.ColumnUnit03A .ColumnItem, ul.ColumnUnit03 span:after{
	content: " \f105";
	font-family: FontAwesome;
	margin-right:8px;
}
	
.ColumnUnit04{ width:100%; }
.ColumnUnit04 .ColumnItem,
 ul.ColumnUnit04 li{ float:left; width:21%; margin-right:4%;}
 ul.ColumnUnit04 li.Edge{ margin-right:0%;}

.ColumnUnit05{ width:100%; }
.ColumnUnit05 .ColumnItem,
 ul.ColumnUnit05 li{ float:left; width:18%; margin-right:2%;}

/* ListStyle */

.ListStyle01,.ListStyle02,.ListStyle03,.ListStyle04{ width:100%; margin-bottom:30px;}

.ListStyle01{ border-top:1px solid #c0c0c0;}
.ListStyle01 li{ width:100%; padding:10px 0px; border-bottom:1px solid #fff;}
.ListStyle01 li:after{
	content: " \f105";
	font-family: FontAwesome;
	margin-right:8px;
}
	
.ListStyle02{}
.ListStyle02 li{ width:100%; margin-bottom:8px; padding-left: 2.3rem;text-indent: -2.3rem;}
.ListStyle02 li:before{
	content: " \f14a";
	font-family: FontAwesome;
	margin-right:8px;
}

.ListStyle03{}
.ListStyle03 li{ width:100%; margin-bottom:8px; padding-left: 2.3rem;text-indent: -2.3rem;}
.ListStyle03 li:before{
	content: " \f111";
	font-family: FontAwesome;
	margin-right:8px;
}

.ListStyle03 p{
	content: " \f111";
	font-family: FontAwesome;
	margin-right:8px;
}

.ListStyle04{}
.ListStyle04 li{ margin-bottom:8px; padding-left: 2.3rem;text-indent: -2.3rem;}
.ListStyle04 li:before{
	content: " \f069";
	font-family: FontAwesome;
	margin-right:8px;
}

	
/* AfterArrow */

.ArrowRTestStyle a{ width:100%; background:#ccc; margin-bottom:10px; border-radius:6px; padding:10px; color:#000;}
.ArrowR_Pc,.ArrowRG_Pc a,.ArrowR02_Pc,.ArrowRG02_Pc a,.ArrowR03_Pc,.ArrowRG03_Pc a,.ArrowB_Pc,.ArrowBG_Pc a,.ArrowB02_Pc,.ArrowBG02_Pc a,.ArrowB03_Pc,.ArrowBG03_Pc a,.ArrowT_Pc,.ArrowTG_Pc a,.ArrowT02_Pc,.ArrowTG02_Pc a,.ArrowT03_Pc,.ArrowTG03_Pc a{ -js-display: flex; display:-webkit-box; display:-webkit-flex; display: flex; align-items:center; -webkit-align-items:center;}
.ArrowR02_Pc,.ArrowRG02_Pc a,.ArrowB02_Pc,.ArrowBG02_Pc a,.ArrowT02_Pc,.ArrowTG02_Pc a{ -webkit-justify-content:center; justify-content:center;}
.ArrowR03_Pc,.ArrowRG03_Pc a,.ArrowB03_Pc,.ArrowBG03_Pc a,.ArrowT03_Pc,.ArrowTG03_Pc a{ -webkit-justify-content:space-between; justify-content:space-between;}

.ArrowR_Pc:after,.ArrowRG_Pc a:after{ margin-left: auto; display:inline-block; content:"\f105"; font-family: FontAwesome;}
.ArrowR02_Pc:after,.ArrowRG02_Pc a:after{ margin-left:14px; content:"\f105"; font-family: FontAwesome;}
.ArrowB_Pc:after,.ArrowBG_Pc a:after{ margin-left: auto; display:inline-block; content:"\f107"; font-family: FontAwesome;}
.ArrowB02_Pc:after,.ArrowBG02_Pc a:after{ margin-left:14px; content:"\f107"; font-family: FontAwesome;}
.ArrowT_Pc:after,.ArrowTG_Pc a:after{ margin-left: auto; display:inline-block; content:"\f106"; font-family: FontAwesome;}
.ArrowT02_Pc:after,.ArrowTG02_Pc a:after{ margin-left:14px; content:"\f106"; font-family: FontAwesome;}
.ArrowR03_Pc:after,.ArrowRG03_Pc a:after{ content:"\f105"; display:inline-block; font-family: FontAwesome;}
.ArrowB03_Pc:after,.ArrowBG03_Pc a:after{ content:"\f107"; display:inline-block; font-family: FontAwesome;}
.ArrowT03_Pc:after,.ArrowTG03_Pc a:after{ content:"\f106"; display:inline-block; font-family: FontAwesome;}
.ArrowR03_Pc:before,.ArrowRG03_Pc a:before{ content:""; display:inline-block;}
.ArrowB03_Pc:before,.ArrowBG03_Pc a:before{ content:""; display:inline-block;}
.ArrowT03_Pc:before,.ArrowTG03_Pc a:before{ content:""; display:inline-block;}

/* -------------------------------------------------- */
/* flexbox */

.FlexBoxPc{ -js-display: flex; display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.FlexBoxPcL{ -js-display: flex; display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:flex-start; justify-content:flex-start;}
.FlexBoxPcR{ -js-display: flex; display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:flex-end; justify-content:flex-end;}
.FlexBoxPcC{ -js-display: flex; display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:center; justify-content:center;}
.FlexBoxPcB{ -js-display: flex; display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-between; justify-content:space-between;}
.FlexBoxPcA{ -js-display: flex; display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-around; justify-content:space-around;}
.FlexBoxPcM{ -js-display: flex; display:-webkit-box; display:-webkit-flex; display: flex; -webkit-justify-content:center; justify-content:center; -webkit-align-items:center; align-items:center; -webkit-text-align:center; text-align:center;}

/* BoxStyle */
.BoxStyle01{ border-radius:8px; padding:15px 25px; margin-bottom:25px;}
div.EvenBox div.InnerBox .BoxStyle01{ background:#fff;}

.BoxStyle02{
border-radius: 8px;
padding: 15px 25px;
margin-bottom: 25px;
background-color: #ffe2c3;
}

.BoxStyle04{ border-radius:8px; padding:15px 25px; margin-bottom:25px; color:#333;}

.BoxStyle03{ position:relative; border-radius:8px; padding:15px 50px; margin-bottom:25px;}
.BoxStyle03:before,
.BoxStyle03:after{ position:absolute; display:block; font-size:5.5rem; height:24px; color:#ccc;}
.BoxStyle03:before{ height:24px; left:16px; top:0px; content:'“';}
.BoxStyle03:after{ height:24px; right:16px; bottom:34px; content:' ”';}
div.OddBox div.InnerBox .BoxStyle03{ background:#fff;}
div.EvenBox div.InnerBox .BoxStyle03{ background:#e9e9e9;}


/* Accordion (Q&A) */

.AcQaStyle,
.AcQaStyleEditColor,
.AcStandardStyle,
.AcStandardStyleEditColor{
margin-bottom: 15px;
padding: 5%;
border: 1px solid #9f6f18;
background-color: #fff;
}
 
.AcQaStyle dt,
.AcQaStyleEditColor dt,
.AcStandardStyle dt,
.AcStandardStyleEditColor dt {position: relative; font-size: 1.6rem; background:#fff;}

.AcQaStyle dt:hover,
.AcQaStyleEditColor dt:hover,
.AcStandardStyle dt:hover,
.AcStandardStyleEditColor dt:hover{ opacity:0.8;}
	

	
	
  
.AcQaStyle dt:after { position: absolute; content: '\f107'; font-family: FontAwesome; top: 50%; margin-top: -12px; right: 10px; color: #333;}
.AcQaStyle dt a:before { position:absolute; left:15px; top:13px; content: 'Q'; display: inline-block; width: 22px; height: 22px; text-align: center; line-height: 22px; background-color:#e9e9e9; margin-right: 10px; }
.AcQaStyle dt a { display: block; color: #333; padding: 10px 30px 10px 45px; text-decoration:none !important;}
.AcQaStyle dd {background: #fff; padding: 15px 15px 15px 45px; border-top: 1px solid #ccc;}
.AcQaStyle dd p.Answer{ position: relative;}
.AcQaStyle dd p.Answer:before { position: absolute; top: 3px; left: -30px; content: 'A'; display: inline-block; width: 22px; height: 22px; text-align: center; line-height: 22px; background: #888; color: #fff;}

.AcQaStyleEditColor dt:after { position: absolute; content: '\f107'; font-family: FontAwesome; top: 50%; margin-top: -12px; right: 10px; color: #fff;}
.AcQaStyleEditColor dt a:before { position:absolute; left:15px; top:13px; content: 'Q'; display: inline-block; width: 22px; height: 22px; text-align: center; line-height: 22px; background-color: rgba(0,0,0,0.2); margin-right: 10px; }
.AcQaStyleEditColor dt a { display: block; color: #fff; padding: 10px 30px 10px 45px; text-decoration:none !important;}
.AcQaStyleEditColor dd {background: #fff; padding: 15px 15px 15px 45px;}
.AcQaStyleEditColor dd p.Answer{ position: relative;}
.AcQaStyleEditColor dd p.Answer:before { position: absolute; top: 3px; left: -30px; content: 'A'; display: inline-block; width: 22px; height: 22px; text-align: center; line-height: 22px; background: #dd8b39; color: #fff;}	

/*---sdgs/---*/

.SdgsTitle {margin:0 0 40px 0;}
.SdgsTitle h3 {font-size:2.7rem; line-height:100px; position: relative; padding:0 0 0 35px; color:#0070C0;}
.SdgsTitle h3::before {content:""; display: block; width:10px; height:70px; background-color: #0070C0; position: absolute;left:0; top:15px;}
.SdgsTitle ul {}
.SdgsTitle ul li {margin:0 0 0 5px;}
.SdgsTitle02 {color:#00B050; font-size:2.4rem; margin:0 0 30px 0; position: relative; padding:0 0 0 40px; z-index:0;}
.SdgsTitle02::after {content:""; display:block; background-color:#ccc; width:100%; height:2px; position: absolute; left:0; top:10px; z-index:-5;}
.SdgsTitle02 span {background-color:#fff; padding:0 15px;}


.SdgsPht {width:320px; float: right;}
.SdgsTxtBlock {width:740px; float: left;}
.SdgsTxtBlock dl {}
.SdgsTxtBlock dt {font-weight: 600; font-size:1.8rem; margin:0 0 10px 0;}
.SdgsTxtBlock dt::first-letter {margin:0 10px 0 0 ;}
.SdgsTxtBlock dd {margin:0 0 30px 28px;}
.SdgsTxtBlock dd:last-child {margin-bottom:0;}


/* 定義リスト */

.classicListA{width: 600px;	margin-left: auto;	margin-right: auto;	}	
.classicListA dl{}
.classicListA dt{padding-top : 2px;	padding-bottom : 2px;float : left;/* 左に寄せる */clear : both;/* フロートの解除 */	line-height: 200%;}
.classicListA dt:before{content: '\f111';font-family: FontAwesome;margin-right: 10px;color: #CBBB79;}	
.classicListA dd{text-align: right;line-height: 200%;}
.classicListA dd:before{content: '\f101';font-family: FontAwesome;margin-right: 10px;color: #CBBB79;}	
	
/* -------------------------------------------------- */
/* block item Width */

.wid10Per_pc {width: 10% !important;}
.wid15Per_pc {width: 15% !important;}
.wid20Per_pc {width: 20% !important;}
.wid25Per_pc {width: 25% !important;}
.wid30Per_pc {width: 30% !important;}
.wid35Per_pc {width: 35% !important;}
.wid40Per_pc {width: 40% !important;}
.wid45Per_pc {width: 45% !important;}
.wid50Per_pc {width: 50% !important;}
.wid55Per_pc {width: 55% !important;}
.wid60Per_pc {width: 60% !important;}
.wid65Per_pc {width: 65% !important;}
.wid70Per_pc {width: 70% !important;}
.wid75Per_pc {width: 75% !important;}
.wid80Per_pc {width: 80% !important;}
.wid85Per_pc {width: 85% !important;}
.wid90Per_pc {width: 90% !important;}
.wid95Per_pc {width: 95% !important;}
.wid100Per_pc {width: 100% !important;}

.wid50_pc {width: 50px !important;}
.wid100_pc {width: 100px !important;}
.wid150_pc {width: 150px !important;}
.wid200_pc {width: 200px !important;}
.wid250_pc {width: 250px !important;}
.wid300_pc {width: 300px !important;}
.wid350_pc {width: 350px !important;}
.wid400_pc {width: 400px !important;}
.wid450_pc {width: 450px !important;}
.wid500_pc {width: 500px !important;}
.wid550_pc {width: 550px !important;}
.wid600_pc {width: 600px !important;}
.wid650_pc {width: 650px !important;}
.wid700_pc {width: 700px !important;}
.wid750_pc {width: 750px !important;}
.wid800_pc {width: 800px !important;}
.wid850_pc {width: 850px !important;}
.wid900_pc {width: 900px !important;}
.wid950_pc {width: 950px !important;}


/* -------------------------------------------------- */
/* block item Margin */

/* - All margin */

.marA0_pc {margin: 0px !important;}
.marA5_pc {margin: 5px !important;}
.marA10_pc {margin: 10px !important;}
.marA15_pc {margin: 15px !important;}
.marA20_pc {margin: 20px !important;}
.marA25_pc {margin: 25px !important;}
.marA30_pc {margin: 30px !important;}
.marA40_pc {margin: 40px !important;}
.marA50_pc {margin: 50px !important;}
.marA60_pc {margin: 60px !important;}
.marA70_pc {margin: 70px !important;}
.marA80_pc {margin: 80px !important;}
.marA90_pc {margin: 90px !important;}

/* - Top margin */

.marT0_pc {margin-top: 0px !important;}
.marT5_pc {margin-top: 5px !important;}
.marT10_pc {margin-top: 10px !important;}
.marT15_pc {margin-top: 15px !important;}
.marT20_pc {margin-top: 20px !important;}
.marT25_pc {margin-top: 25px !important;}
.marT30_pc {margin-top: 30px !important;}
.marT40_pc {margin-top: 40px !important;}
.marT50_pc {margin-top: 50px !important;}
.marT60_pc {margin-top: 60px !important;}
.marT70_pc {margin-top: 70px !important;}
.marT80_pc {margin-top: 80px !important;}
.marT90_pc {margin-top: 90px !important;}

/* - Bottom margin */

.marB0_pc {margin-bottom: 0px !important;}
.marB5_pc {margin-bottom: 5px !important;}
.marB10_pc {margin-bottom: 10px !important;}
.marB15_pc {margin-bottom: 15px !important;}
.marB20_pc {margin-bottom: 20px !important;}
.marB25_pc {margin-bottom: 25px !important;}
.marB30_pc {margin-bottom: 30px !important;}
.marB40_pc {margin-bottom: 40px !important;}
.marB50_pc {margin-bottom: 50px !important;}
.marB60_pc {margin-bottom: 60px !important;}
.marB70_pc {margin-bottom: 70px !important;}
.marB80_pc {margin-bottom: 80px !important;}
.marB90_pc {margin-bottom: 90px !important;}
.marB500_pc {margin-bottom: 500px !important;}	

/* - Left margin */

.marL0_pc {margin-left: 0px !important;}
.marL5_pc {margin-left: 5px !important;}
.marL10_pc {margin-left: 10px !important;}
.marL15_pc {margin-left: 15px !important;}
.marL20_pc {margin-left: 20px !important;}
.marL25_pc {margin-left: 25px !important;}
.marL30_pc {margin-left: 30px !important;}
.marL40_pc {margin-left: 40px !important;}
.marL50_pc {margin-left: 50px !important;}
.marL60_pc {margin-left: 60px !important;}
.marL70_pc {margin-left: 70px !important;}
.marL80_pc {margin-left: 80px !important;}
.marL90_pc {margin-left: 90px !important;}
.marL300_pc {margin-left: 300px !important;}

/* - Right margin */

.marR0_pc {margin-right: 0px !important;}
.marR5_pc {margin-right: 5px !important;}
.marR10_pc {margin-right: 10px !important;}
.marR15_pc {margin-right: 15px !important;}
.marR20_pc {margin-right: 20px !important;}
.marR25_pc {margin-right: 25px !important;}
.marR30_pc {margin-right: 30px !important;}
.marR40_pc {margin-right: 40px !important;}
.marR50_pc {margin-right: 50px !important;}
.marR60_pc {margin-right: 60px !important;}
.marR70_pc {margin-right: 70px !important;}
.marR80_pc {margin-right: 80px !important;}
.marR90_pc {margin-right: 90px !important;}

/* -------------------------------------------------- */

/* - All padding */

.padA0_pc {padding: 0px !important;}
.padA5_pc {padding: 5px !important;}
.padA10_pc {padding: 10px !important;}
.padA15_pc {padding: 15px !important;}
.padA20_pc {padding: 20px !important;}
.padA25_pc {padding: 25px !important;}
.padA30_pc {padding: 30px !important;}
.padA40_pc {padding: 40px !important;}
.padA50_pc {padding: 50px !important;}
.padA60_pc {padding: 60px !important;}
.padA70_pc {padding: 70px !important;}
.padA80_pc {padding: 80px !important;}
.padA90_pc {padding: 90px !important;}

/* - Top padding */

.padT0_pc {padding-top: 0px !important;}
.padT5_pc {padding-top: 5px !important;}
.padT10_pc {padding-top: 10px !important;}
.padT15_pc {padding-top: 15px !important;}
.padT20_pc {padding-top: 20px !important;}
.padT25_pc {padding-top: 25px !important;}
.padT30_pc {padding-top: 30px !important;}
.padT40_pc {padding-top: 40px !important;}
.padT50_pc {padding-top: 50px !important;}
.padT60_pc {padding-top: 60px !important;}
.padT70_pc {padding-top: 70px !important;}
.padT80_pc {padding-top: 80px !important;}
.padT90_pc {padding-top: 90px !important;}

/* - Bottom padding */

.padB0_pc {padding-bottom: 0px !important;}
.padB5_pc {padding-bottom: 5px !important;}
.padB10_pc {padding-bottom: 10px !important;}
.padB15_pc {padding-bottom: 15px !important;}
.padB20_pc {padding-bottom: 20px !important;}
.padB25_pc {padding-bottom: 25px !important;}
.padB30_pc {padding-bottom: 30px !important;}
.padB40_pc {padding-bottom: 40px !important;}
.padB50_pc {padding-bottom: 50px !important;}
.padB60_pc {padding-bottom: 60px !important;}
.padB70_pc {padding-bottom: 70px !important;}
.padB80_pc {padding-bottom: 80px !important;}
.padB90_pc {padding-bottom: 90px !important;}

/* - Left padding */

.padL0_pc {padding-left: 0px !important;}
.padL5_pc {padding-left: 5px !important;}
.padL10_pc {padding-left: 10px !important;}
.padL15_pc {padding-left: 15px !important;}
.padL20_pc {padding-left: 20px !important;}
.padL25_pc {padding-left: 25px !important;}
.padL30_pc {padding-left: 30px !important;}
.padL40_pc {padding-left: 40px !important;}
.padL50_pc {padding-left: 50px !important;}
.padL60_pc {padding-left: 60px !important;}
.padL70_pc {padding-left: 70px !important;}
.padL80_pc {padding-left: 80px !important;}
.padL90_pc {padding-left: 90px !important;}

/* - Right padding */

.padR0_pc {padding-right: 0px !important;}
.padR5_pc {padding-right: 5px !important;}
.padR10_pc {padding-right: 10px !important;}
.padR15_pc {padding-right: 15px !important;}
.padR20_pc {padding-right: 20px !important;}
.padR25_pc {padding-right: 25px !important;}
.padR30_pc {padding-right: 30px !important;}
.padR40_pc {padding-right: 40px !important;}
.padR50_pc {padding-right: 50px !important;}
.padR60_pc {padding-right: 60px !important;}
.padR70_pc {padding-right: 70px !important;}
.padR80_pc {padding-right: 80px !important;}
.padR90_pc {padding-right: 90px !important;}
	
/* -------------------------------------------------- */
/* block item Width */

.wid10Per {width: 10% !important;}
.wid15Per {width: 15% !important;}
.wid20Per {width: 20% !important;}
.wid25Per {width: 25% !important;}
.wid30Per {width: 30% !important;}
.wid35Per {width: 35% !important;}
.wid40Per {width: 40% !important;}
.wid45Per {width: 45% !important;}
.wid50Per {width: 50% !important;}
.wid55Per {width: 55% !important;}
.wid60Per {width: 60% !important;}
.wid65Per {width: 65% !important;}
.wid70Per {width: 70% !important;}
.wid75Per {width: 75% !important;}
.wid80Per {width: 80% !important;}
.wid85Per {width: 85% !important;}
.wid90Per {width: 90% !important;}
.wid95Per {width: 95% !important;}
.wid100Per {width: 100% !important;}

.wid10 {width: 10px !important;}
.wid20 {width: 20px !important;}
.wid30 {width: 30px !important;}
.wid40 {width: 40px !important;}
.wid50 {width: 50px !important;}
.wid60 {width: 60px !important;}
.wid70 {width: 70px !important;}
.wid80 {width: 80px !important;}
.wid90 {width: 90px !important;}

.wid100 {width: 100px !important;}
.wid110 {width: 110px !important;}
.wid120 {width: 120px !important;}
.wid130 {width: 130px !important;}
.wid140 {width: 140px !important;}
.wid150 {width: 150px !important;}
.wid160 {width: 160px !important;}
.wid170 {width: 170px !important;}
.wid180 {width: 180px !important;}
.wid190 {width: 190px !important;}

.wid200 {width: 200px !important;}
.wid210 {width: 210px !important;}
.wid220 {width: 220px !important;}
.wid230 {width: 230px !important;}
.wid240 {width: 240px !important;}
.wid250 {width: 250px !important;}
.wid260 {width: 260px !important;}
.wid270 {width: 270px !important;}
.wid280 {width: 280px !important;}
.wid290 {width: 290px !important;}

.wid300 {width: 300px !important;}
.wid310 {width: 310px !important;}
.wid320 {width: 320px !important;}
.wid330 {width: 330px !important;}
.wid340 {width: 340px !important;}
.wid350 {width: 350px !important;}
.wid360 {width: 360px !important;}
.wid370 {width: 370px !important;}
.wid380 {width: 380px !important;}
.wid390 {width: 390px !important;}

.wid400 {width: 400px !important;}
.wid410 {width: 410px !important;}
.wid420 {width: 420px !important;}
.wid430 {width: 430px !important;}
.wid440 {width: 440px !important;}
.wid450 {width: 450px !important;}
.wid460 {width: 460px !important;}
.wid470 {width: 470px !important;}
.wid480 {width: 480px !important;}
.wid490 {width: 490px !important;}

.wid500 {width: 500px !important;}
.wid510 {width: 510px !important;}
.wid520 {width: 520px !important;}
.wid530 {width: 530px !important;}
.wid540 {width: 540px !important;}
.wid550 {width: 550px !important;}
.wid560 {width: 560px !important;}
.wid570 {width: 570px !important;}
.wid580 {width: 580px !important;}
.wid590 {width: 590px !important;}

.wid600 {width: 600px !important;}
.wid610 {width: 610px !important;}
.wid620 {width: 620px !important;}
.wid630 {width: 630px !important;}
.wid640 {width: 640px !important;}
.wid650 {width: 650px !important;}
.wid660 {width: 660px !important;}
.wid670 {width: 670px !important;}
.wid680 {width: 680px !important;}
.wid690 {width: 690px !important;}

.wid700 {width: 700px !important;}
.wid710 {width: 710px !important;}
.wid720 {width: 720px !important;}
.wid730 {width: 730px !important;}
.wid740 {width: 740px !important;}
.wid750 {width: 750px !important;}
.wid760 {width: 760px !important;}
.wid770 {width: 770px !important;}
.wid780 {width: 780px !important;}
.wid790 {width: 790px !important;}

.wid800 {width: 800px !important;}
.wid810 {width: 810px !important;}
.wid820 {width: 820px !important;}
.wid830 {width: 830px !important;}
.wid840 {width: 840px !important;}
.wid850 {width: 850px !important;}
.wid860 {width: 860px !important;}
.wid870 {width: 870px !important;}
.wid880 {width: 880px !important;}
.wid890 {width: 890px !important;}

.wid900 {width: 900px !important;}
.wid910 {width: 910px !important;}
.wid920 {width: 920px !important;}
.wid930 {width: 930px !important;}
.wid940 {width: 940px !important;}
.wid950 {width: 950px !important;}
.wid960 {width: 960px !important;}

/* -------------------------------------------------- */
/* block item Margin */

/* - All margin */
.marA0 {margin: 0px !important;}
.marA5 {margin: 5px !important;}
.marA10 {margin: 10px !important;}
.marA15 {margin: 15px !important;}
.marA20 {margin: 20px !important;}
.marA25 {margin: 25px !important;}
.marA30 {margin: 30px !important;}
.marA40 {margin: 40px !important;}
.marA50 {margin: 50px !important;}
.marA60 {margin: 60px !important;}
.marA70 {margin: 70px !important;}
.marA80 {margin: 80px !important;}
.marA90 {margin: 90px !important;}

/* - Top margin */
.marT0 {margin-top: 0px !important;}
.marT5 {margin-top: 5px !important;}
.marT10 {margin-top: 10px !important;}
.marT15 {margin-top: 15px !important;}
.marT20 {margin-top: 20px !important;}
.marT25 {margin-top: 25px !important;}
.marT30 {margin-top: 30px !important;}
.marT40 {margin-top: 40px !important;}
.marT50 {margin-top: 50px !important;}
.marT60 {margin-top: 60px !important;}
.marT70 {margin-top: 70px !important;}
.marT80 {margin-top: 80px !important;}
.marT90 {margin-top: 90px !important;}

/* - Bottom margin */
.marB0 {margin-bottom: 0px !important;}
.marB5 {margin-bottom: 5px !important;}
.marB10 {margin-bottom: 10px !important;}
.marB15 {margin-bottom: 15px !important;}
.marB20 {margin-bottom: 20px !important;}
.marB25 {margin-bottom: 25px !important;}
.marB30 {margin-bottom: 30px !important;}
.marB40 {margin-bottom: 40px !important;}
.marB50 {margin-bottom: 50px !important;}
.marB60 {margin-bottom: 60px !important;}
.marB70 {margin-bottom: 70px !important;}
.marB80 {margin-bottom: 80px !important;}
.marB90 {margin-bottom: 90px !important;}

/* - Left margin */
.marL0 {margin-left: 0px !important;}
.marL5 {margin-left: 5px !important;}
.marL10 {margin-left: 10px !important;}
.marL15 {margin-left: 15px !important;}
.marL20 {margin-left: 20px !important;}
.marL25 {margin-left: 25px !important;}
.marL30 {margin-left: 30px !important;}
.marL40 {margin-left: 40px !important;}
.marL50 {margin-left: 50px !important;}
.marL60 {margin-left: 60px !important;}
.marL70 {margin-left: 70px !important;}
.marL80 {margin-left: 80px !important;}
.marL90 {margin-left: 90px !important;}

/* - Right margin */
.marR0 {margin-right: 0px !important;}
.marR5 {margin-right: 5px !important;}
.marR10 {margin-right: 10px !important;}
.marR15 {margin-right: 15px !important;}
.marR20 {margin-right: 20px !important;}
.marR25 {margin-right: 25px !important;}
.marR30 {margin-right: 30px !important;}
.marR40 {margin-right: 40px !important;}
.marR50 {margin-right: 50px !important;}
.marR60 {margin-right: 60px !important;}
.marR70 {margin-right: 70px !important;}
.marR80 {margin-right: 80px !important;}
.marR90 {margin-right: 90px !important;}

/* -------------------------------------------------- */
/* block item Width */

.wid10Per {width: 10% !important;}
.wid15Per {width: 15% !important;}
.wid20Per {width: 20% !important;}
.wid25Per {width: 25% !important;}
.wid30Per {width: 30% !important;}
.wid35Per {width: 35% !important;}
.wid40Per {width: 40% !important;}
.wid45Per {width: 45% !important;}
.wid50Per {width: 50% !important;}
.wid55Per {width: 55% !important;}
.wid60Per {width: 60% !important;}
.wid65Per {width: 65% !important;}
.wid70Per {width: 70% !important;}
.wid75Per {width: 75% !important;}
.wid80Per {width: 80% !important;}
.wid85Per {width: 85% !important;}
.wid90Per {width: 90% !important;}
.wid95Per {width: 95% !important;}
.wid100Per {width: 100% !important;}

.wid50 {width: 50px !important;}
.wid100 {width: 100px !important;}
.wid150 {width: 150px !important;}
.wid200 {width: 200px !important;}
.wid250 {width: 250px !important;}
.wid300 {width: 300px !important;}
.wid350 {width: 350px !important;}
.wid400 {width: 400px !important;}
.wid450 {width: 450px !important;}
.wid500 {width: 500px !important;}
.wid550 {width: 550px !important;}
.wid600 {width: 600px !important;}
.wid650 {width: 650px !important;}
.wid700 {width: 700px !important;}
.wid750 {width: 750px !important;}
.wid800 {width: 800px !important;}
.wid850 {width: 850px !important;}
.wid900 {width: 900px !important;}
.wid950 {width: 950px !important;}

/* -------------------------------------------------- */
/* block item Margin */

/* - All margin */
.marA0 {margin: 0px !important;}
.marA5 {margin: 5px !important;}
.marA10 {margin: 10px !important;}
.marA15 {margin: 15px !important;}
.marA20 {margin: 20px !important;}
.marA25 {margin: 25px !important;}
.marA30 {margin: 30px !important;}
.marA40 {margin: 40px !important;}
.marA50 {margin: 50px !important;}
.marA60 {margin: 60px !important;}
.marA70 {margin: 70px !important;}
.marA80 {margin: 80px !important;}
.marA90 {margin: 90px !important;}

/* - Top margin */
.marT0 {margin-top: 0px !important;}
.marT5 {margin-top: 5px !important;}
.marT10 {margin-top: 10px !important;}
.marT15 {margin-top: 15px !important;}
.marT20 {margin-top: 20px !important;}
.marT25 {margin-top: 25px !important;}
.marT30 {margin-top: 30px !important;}
.marT40 {margin-top: 40px !important;}
.marT50 {margin-top: 50px !important;}
.marT60 {margin-top: 60px !important;}
.marT70 {margin-top: 70px !important;}
.marT80 {margin-top: 80px !important;}
.marT90 {margin-top: 90px !important;}

/* - Bottom margin */
.marB0 {margin-bottom: 0px !important;}
.marB5 {margin-bottom: 5px !important;}
.marB10 {margin-bottom: 10px !important;}
.marB15 {margin-bottom: 15px !important;}
.marB20 {margin-bottom: 20px !important;}
.marB25 {margin-bottom: 25px !important;}
.marB30 {margin-bottom: 30px !important;}
.marB40 {margin-bottom: 40px !important;}
.marB50 {margin-bottom: 50px !important;}
.marB60 {margin-bottom: 60px !important;}
.marB70 {margin-bottom: 70px !important;}
.marB80 {margin-bottom: 80px !important;}
.marB90 {margin-bottom: 90px !important;}

/* - Left margin */
.marL0 {margin-left: 0px !important;}
.marL5 {margin-left: 5px !important;}
.marL10 {margin-left: 10px !important;}
.marL15 {margin-left: 15px !important;}
.marL20 {margin-left: 20px !important;}
.marL25 {margin-left: 25px !important;}
.marL30 {margin-left: 30px !important;}
.marL40 {margin-left: 40px !important;}
.marL50 {margin-left: 50px !important;}
.marL60 {margin-left: 60px !important;}
.marL70 {margin-left: 70px !important;}
.marL80 {margin-left: 80px !important;}
.marL90 {margin-left: 90px !important;}

/* - Right margin */
.marR0 {margin-right: 0px !important;}
.marR5 {margin-right: 5px !important;}
.marR10 {margin-right: 10px !important;}
.marR15 {margin-right: 15px !important;}
.marR20 {margin-right: 20px !important;}
.marR25 {margin-right: 25px !important;}
.marR30 {margin-right: 30px !important;}
.marR40 {margin-right: 40px !important;}
.marR50 {margin-right: 50px !important;}
.marR60 {margin-right: 60px !important;}
.marR70 {margin-right: 70px !important;}
.marR80 {margin-right: 80px !important;}
.marR90 {margin-right: 90px !important;}

/* -------------------------------------------------- */
/* block item Padding */

/* - All padding */
.padA0 {padding: 0px !important;}
.padA5 {padding: 5px !important;}
.padA10 {padding: 10px !important;}
.padA15 {padding: 15px !important;}
.padA20 {padding: 20px !important;}
.padA25 {padding: 25px !important;}
.padA30 {padding: 30px !important;}
.padA40 {padding: 40px !important;}
.padA50 {padding: 50px !important;}
.padA60 {padding: 60px !important;}
.padA70 {padding: 70px !important;}
.padA80 {padding: 80px !important;}
.padA90 {padding: 90px !important;}

/* - Top padding */
.padT0 {padding-top: 0px !important;}
.padT5 {padding-top: 5px !important;}
.padT10 {padding-top: 10px !important;}
.padT15 {padding-top: 15px !important;}
.padT20 {padding-top: 20px !important;}
.padT25 {padding-top: 25px !important;}
.padT30 {padding-top: 30px !important;}
.padT40 {padding-top: 40px !important;}
.padT50 {padding-top: 50px !important;}
.padT60 {padding-top: 60px !important;}
.padT70 {padding-top: 70px !important;}
.padT80 {padding-top: 80px !important;}
.padT90 {padding-top: 90px !important;}

/* - Bottom padding */
.padB0 {padding-bottom: 0px !important;}
.padB5 {padding-bottom: 5px !important;}
.padB10 {padding-bottom: 10px !important;}
.padB15 {padding-bottom: 15px !important;}
.padB20 {padding-bottom: 20px !important;}
.padB25 {padding-bottom: 25px !important;}
.padB30 {padding-bottom: 30px !important;}
.padB40 {padding-bottom: 40px !important;}
.padB50 {padding-bottom: 50px !important;}
.padB60 {padding-bottom: 60px !important;}
.padB70 {padding-bottom: 70px !important;}
.padB80 {padding-bottom: 80px !important;}
.padB90 {padding-bottom: 90px !important;}

/* - Left padding */
.padL0 {padding-left: 0px !important;}
.padL5 {padding-left: 5px !important;}
.padL10 {padding-left: 10px !important;}
.padL15 {padding-left: 15px !important;}
.padL20 {padding-left: 20px !important;}
.padL25 {padding-left: 25px !important;}
.padL30 {padding-left: 30px !important;}
.padL40 {padding-left: 40px !important;}
.padL50 {padding-left: 50px !important;}
.padL60 {padding-left: 60px !important;}
.padL70 {padding-left: 70px !important;}
.padL80 {padding-left: 80px !important;}
.padL90 {padding-left: 90px !important;}

/* - Right padding */
.padR0 {padding-right: 0px !important;}
.padR5 {padding-right: 5px !important;}
.padR10 {padding-right: 10px !important;}
.padR15 {padding-right: 15px !important;}
.padR20 {padding-right: 20px !important;}
.padR25 {padding-right: 25px !important;}
.padR30 {padding-right: 30px !important;}
.padR40 {padding-right: 40px !important;}
.padR50 {padding-right: 50px !important;}
.padR60 {padding-right: 60px !important;}
.padR70 {padding-right: 70px !important;}
.padR80 {padding-right: 80px !important;}
.padR90 {padding-right: 90px !important;}	

/* - Font size */

.txt10px_pc{font-size: 1.0rem !important;}
.txt11px_pc{font-size: 1.1rem !important;}
.txt12px_pc{font-size: 1.2rem !important;}
.txt13px_pc{font-size: 1.3rem !important;}
.txt14px_pc{font-size: 1.4rem !important;}
.txt15px_pc{font-size: 1.5rem !important;}
.txt16px_pc{font-size: 1.6rem !important;}
.txt17px_pc{font-size: 1.7rem !important;}
.txt18px_pc{font-size: 1.8rem !important;}
.txt19px_pc{font-size: 1.9rem !important;}
.txt20px_pc{font-size: 2.0rem !important;}
.txt21px_pc{font-size: 2.1rem !important;}
.txt22px_pc{font-size: 2.2rem !important;}
.txt23px_pc{font-size: 2.3rem !important;}
.txt24px_pc{font-size: 2.4rem !important;}
.txt25px_pc{font-size: 2.5rem !important;}
.txt26px_pc{font-size: 2.6rem !important;}
	
/* - Font size */
.txt10px{font-size: 1.0rem !important;}
.txt11px{font-size: 1.1rem !important;}
.txt12px{font-size: 1.2rem !important;}
.txt13px{font-size: 1.3rem !important;}
.txt14px{font-size: 1.4rem !important;}
.txt15px{font-size: 1.5rem !important;}
.txt16px{font-size: 1.6rem !important;}
.txt17px{font-size: 1.7rem !important;}
.txt18px{font-size: 1.8rem !important;}
.txt19px{font-size: 1.9rem !important;}
.txt20px{font-size: 2.0rem !important;}
.txt21px{font-size: 2.1rem !important;}
.txt22px{font-size: 2.2rem !important;}
.txt23px{font-size: 2.3rem !important;}
.txt24px{font-size: 2.4rem !important;}
.txt25px{font-size: 2.5rem !important;}
.txt26px{font-size: 2.6rem !important;}

/* - Font color */
.RedTxt{ color:#CC0000;}
.BleTxt{ color:#1e8cc1;}
.OraTxt{ color:#ffcc42;}
.GreTxt{ color:#7ab427;}

/* -line-height */
.LH100{line-height:1.0 !important;}
.LH110{line-height:1.1 !important;}
.LH120{line-height:1.2 !important;}
.LH130{line-height:1.3 !important;}
.LH140{line-height:1.4 !important;}
.LH150{line-height:1.5 !important;}
.LH160{line-height:1.6 !important;}
.LH170{line-height:1.7 !important;}
.LH180{line-height:1.8 !important;}
.LH190{line-height:1.9 !important;}
.LH200{line-height:2.0 !important;}


/* Float setting */
.flt-L {float: left !important;}
.flt-R {float: right !important;}	

/* Float setting */
.flt-L_pc {float: left !important;}
.flt-R_pc {float: right !important;}

/* Align setting */
.ali-L_pc {text-align: left !important;}
.ali-C_pc {text-align: center !important;}
.ali-R_pc {text-align: right !important;}
.ali-L {text-align: left !important;}
.ali-C {text-align: center !important;}
.ali-R {text-align: right !important;}	
	
/* recruit */	
.contentsBox01 {
	width: 100%;
	background-color: #FFFFFF;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;

	padding-bottom: 10px;
	margin-bottom: 20px;
}	
	
.contentsBox01 a.current:hover { color: #6c152d; background: #fff;-moz-box-shadow: 0px 0px 12px #6c152d; -webkit-box-shadow: 0px 0px 12px #6c152d; -ms-box-shadow: 0px 0px 12px #6c152d; box-shadow: 0px 0px 12px #6c152d;  }
	
.conB-L {
	float: left;
	width: 45%;
}
	
.conB-R {
	float: right;
	width: 45%;
}	
	
.new {
	color: #FFAE00;
	font-size: 1.3rem;
}
	
/* menuBox リンクアニメーション */		
.menuBox01 {
margin: 0 auto;

}
.menuBox01 ul{ width: 100%;}
.menuBox01 ul li{
	width: 340px;
	margin-bottom: 30px;	
	padding: 10px;
	background-color: #FFFFFF;
	color: #000;
}
.menuBox01  ul li a{
	text-align: left;
	
}

.menuBox01  ul li a span.English{ display: block; color: #b4a681; font-weight: normal !important; letter-spacing: 1px;text-align: right;}
.menuBox01  ul li a span.Photo{ display: block; width: 340px; height: 300px; overflow: hidden; }
.menuBox01  ul li a span.mbTitle01{
	display: block;
	width: 340px;
	overflow: hidden;
	margin-bottom: 8px;
	background-color: #64C2B6;
	color: #FFFFFF;
	text-align: center;
	font-size: 2rem;
	padding-top: 5%;
	padding-bottom: 5%;
}
	
.menuBox01  ul li a span.mbTitle02{
	display: block;
	width: 340px;
	overflow: hidden;
	margin-bottom: 8px;
	background-color: #ffc600;
	color: #FFFFFF;
	text-align: center;
	font-size: 2rem;
	padding-top: 5%;
	padding-bottom: 5%;
}
	
.menuBox01  ul li a span.mbTitle03{
	display: block;
	width: 340px;
	overflow: hidden;
	margin-bottom: 8px;
	background-color: #00a0e9;
	color: #FFFFFF;
	text-align: center;
	font-size: 2rem;
	padding-top: 5%;
	padding-bottom: 5%;
}	
.menuBox01  ul li a span.icon01{
	display: block;
	position : absolute;
	z-index: 1;
	margin-left: 130px;
	margin-top: -30px;	
}	
	
.menuBox01  ul li a img{ margin-bottom: 14px;}
.menuBox01  ul li a:hover span.Photo img{-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); opacity: 0.7;}
	
	
/* corpNavi */
	
.corpNavi {
	width: 100%;
	border-top: 1px solid #434651;
	border-bottom: 1px solid #434651;
	margin-bottom: 2%;
}

.recruitBox{
	background-image: url(../images/bgPht06.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
	
.qualityBox{
	background-image: url(../images/bgPht07.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}	

.corpNavi .textBox01 a{
	border: 2px solid #FFFFFF;
	text-align: center;
	color: #FFFFFF;
	float: right;
	margin-right: 20%;
	margin-top: 10%;
	margin-bottom: 10%;
	font-size: 2rem;
	padding-top: 2%;
	padding-bottom: 2%;
	font-weight: bold;
	padding-right: 10%;
	padding-right: 10%;
	padding-left: 10%;
}
	
.corpNavi .textBox02 a{
	border: 2px solid #FFFFFF;
	text-align: center;
	color: #FFFFFF;
	float: left;
	margin-left: 20%;
	margin-top: 10%;
	margin-bottom: 10%;
	font-size: 2rem;
	padding-top: 2%;
	padding-bottom: 2%;
	font-weight: bold;
	padding-right: 10%;
	padding-left: 10%;
}	
	
	
	
	
/* bnrNavi */
	
.bnrNavi {
	background-image: url(../images/base03.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	padding-top: 3%;
	padding-bottom: 3%;
}
.bnrNavi div.InnerBox {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;

}
	
.bnrNavi li {
	float: left;
	margin-left: 1%;
	width: 32%;
}
	
.bnrNavi li img {
	width: 100%;
}	

.bnrNavi li a:hover {
opacity: 0.8; /* 80％不透明度(＝80％透過) */
}
	
	
	
/* LinkStyle */
	
.LinkStyle01{
	
	margin-top: 5%;}
.LinkStyle01 a{

	color: #fff;
	font-size: 1.6rem;
	padding: 10px;
	background-color: #2887ab;
	text-align: center;
border-radius: 5px;
		}

.LinkStyle01 a:hover{ opacity:0.8;}	
	

.LinkStyle02{margin-top: 5%;}
.LinkStyle02 a{
	display: block;
	color: #fff;
	font-size: 2rem;
	background-color: #2887ab;
	text-align: center;
	width: 100%;
	border-radius: 6px;
	padding-top: 20px;
	padding-bottom: 20px;
		}

.LinkStyle02 a:hover{ opacity:0.8;}	
.LinkStyle02 a:after {
	content: " \f105";
	font-family: FontAwesome;
	margin-left:10px;
}
	
	
.LinkStyle03 a {
	font-size: 1.6rem;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 4px;
	background-color: #033491;
	text-align: center;
	width: 100%;
	color: #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
		}
.LinkStyle03 a:hover{ opacity:0.8;}	
.LinkStyle03 a:after {
	content: " \f08e";
	font-family: FontAwesome;
	margin-left:10px;
}

.LinkStyle04 {
	display: block;
	border-left: 2px solid #FFFFFF;
		}
	
.LinkStyle05 li {
	display: block;
	padding: 3%;
	border-bottom: 1px solid #C8C8C8;
		}	
	
/* 施工事例 */	
.worksDeT01 {
	font-size: 3rem;
	margin-bottom: 2%;
	margin-top: 2%;
}
	.worksDeT01 span {
	float: right;
	display: inline-block;
	color: #fff;
	text-align: center;
	font-size: 1.4rem;
	background-color: #888888;
	padding-top: 1%;
	padding-bottom: 1%;
	width: 200px;
}

	.worksDeP01	{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color: #EFEFEF;
	margin-bottom: 5%;
}
	
	

/* flow */		
.StepBox{
	position: relative;

	padding-top: 0px;
	padding-right: 0px;
	padding-left: 115px;
	padding-bottom: 10px;
	background: url(../images/flow_bg_line.png) repeat-y left top;
}
.StepBoxLast{	position: relative;

	padding-top: 0px;
	padding-right: 0px;
	padding-left: 115px;
	padding-bottom: 10px;}
	
.StepBoxLast h2{
	font-size: 2.3rem;
	border-bottom: 1px solid #d4ccaf;
	padding-bottom: 4px;
	margin-bottom: 12px;
	line-height: 3.0rem;
	margin-left: 10px;
	padding-left: 120px;
}

.StepBoxLast h2 span{
	position: absolute;
	left: 0px;
	top: 0px;
	display: inline-block;
	text-align: center;
	width: 220px;
	background: #a9231c;
	border-radius: 6px;
	font-size: 2rem;
	color: #fff;
	margin-left: 0px;
	margin-right: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
}	
	
.StepBox h2{
	font-size: 2.3rem;
	border-bottom: 1px solid #d4ccaf;
	padding-bottom: 4px;
	margin-bottom: 12px;
	line-height: 3.0rem;
	margin-left: 10px;
	padding-left: 120px;
}
.StepBox h2 span{
	position: absolute;
	left: 0px;
	top: 0px;
	display: inline-block;
	text-align: center;
	width: 220px;
	background: #a9231c;
	border-radius: 6px;
	font-size: 2rem;
	color: #fff;
	margin-left: 0px;
	margin-right: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
}
.StepBox p{
	margin-bottom: 10px;
	margin-left: 120px;
	padding-left: 10px;
}
	
.StepBoxLast p{
	margin-bottom: 10px;
	margin-left: 120px;
	padding-left: 10px;
}
	
.StepBox p.Explanation{ padding:8px 14px; background:#ccc; font-size:1.4rem;}	
	
/* 会社案内 */	
.AccessLink{ display: none;}	
	
table.corp th{ position:relative; border-right:1px solid #e9e9e9; width:150px !important; padding:12px 0px 12px 15px !important;}
table.corp td{ padding:12px 15px 12px 40px !important;}
table.corp th:after{ position: absolute; content: '\f111';font-family: FontAwesome; right:-8px; top:12px; color:#9f0e0c;}	
	
	
.ShowroomSlideOuter{position: relative; width: 100%; max-width: 1670px; margin: 10px auto; overflow: hidden;}
.ShowroomSlideOuter:before{ position: absolute; left: 0px; top: 0px; height: 300px; content: ""; width: 2%; z-index: 99;}
.ShowroomSlideOuter:after{ position: absolute; right: 0px; top: 0px; height: 300px; content: ""; width: 2%; z-index: 99;}
.ShowroomSlide img{ height: 300px !important; width: auto !important;}	
	
	
/* スタッフ */	
	
.name {
	border-bottom: 1px dotted #9F9F9F;
	margin-top: 3%;
	margin-right: 3%;
	margin-left: 3%;
	padding-bottom: 3%;
	font-size: 1.5rem;
}
.name span {font-size: 2rem; margin-left: 4%;}
	
.shikaku {
	border-bottom: 1px dotted #9F9F9F;
	margin-top: 3%;
	margin-right: 3%;
	margin-left: 3%;
	padding-bottom: 3%;
	font-size: 1.5rem;
}
.shikaku span {font-size: 1.5rem; margin-left: 4%;}
	
.nameitem {
	border-bottom: 1px dotted #9F9F9F;
	font-size: 1.5rem;
	padding: 2%;
}
.nameitem span {
	font-size: 1.5rem;
	font-weight: bold;
	margin-right: 5%;
}	
	
.eigyo {
	padding: 2%;
	background-color: #FFD271;
	border-radius: 4px;
	text-align: center;
}	
.komu {
	padding: 2%;
	background-color: #B8D864;
	border-radius: 4px;
	text-align: center;
}	
.sekkei {
	padding: 2%;
	background-color: #ABE8ED;
	border-radius: 4px;
	text-align: center;
}	
.jimu {
	padding: 2%;
	background-color: #FCD5D5;
	border-radius: 4px;
	text-align: center;
}	
	
	
	
	
/* ムービー */		
.movBox {
	background-color: #fff;
	-webkit-border-top-left-radius: 5px;
	padding: 5%;
	-webkit-border-top-right-radius: 5px;
}	

/* アンカー */		
	#corp01,#corp02,#corp03,#corp04,#corp05,#corp06,#corp07,#s8,#s9,#s10,#s11,#s12,#country02,#country03,#country04,#country05,#country06,#country07,#country08,#country09,#country10,#country11,#country12,#country13,#ad1,#ad2,#ad3,#service01,#service02,#service03,#service04,#p1,#p2,#p3,#p4,#p5,#p6,#p7,#p8,#p9,#p10,#p10,#p11,#p12,#p13,#p14,#p15,#p16,#p17,#p18,#p19,#ad1,#ad2,#ad3,#ad4,#ad5,#ek1,#ek2,#ek3,#ek4,#bbp01,#bbp02,#bbp03,#bbp04,#bbp05 {
padding-top:150px;
margin-top:-150px;	
}	

/* NewsPage */

div.InnerBox h2{ position:relative; font-size:2.3rem; padding-bottom:12px; border-bottom:1px solid #ccc;}

.NewsBox{ padding:0px 0px 0px;}
.entryDetailBox .LeftBox,
.NewsBox .LeftBox{ float:left; width:74%;}

.entryDetailBox .RightBox,
.NewsBox .RightBox{ float:right; width:22%;}
.entryDetailBox .RightBox h4,
.NewsBox .RightBox h4,
.LocalTtl{ text-align:center; padding:4px 0px; color:#fff;}

.NewsBox .LeftBox ul li{ position:relative; width:100%; border-bottom:1px dotted #ccc;}
.NewsBox .LeftBox ul li a{ display:block; width:100%; padding:12px 40px 12px 0px; text-decoration:none;}
.NewsBox .LeftBox ul li a span.Date{ float:left; width:17%}
.NewsBox .LeftBox ul li a span.Title{ float:right; width:81%; color:#333;}
	
.NewsBox .LeftBox2 ul li{ position:relative; width:100%; border-bottom:1px dotted #ccc;}
.NewsBox .LeftBox2 ul li a{ display:block; width:100%; padding:12px 40px 12px 0px; text-decoration:none;}
.NewsBox .LeftBox2 ul li a span.Date{ float:left; width:17%}
.NewsBox .LeftBox2 ul li a span.Title{ color:#333;}	

.NewsBox .RightBox ul,
.entryDetailBox .RightBox ul,
div.LocalNav ul{ margin-bottom:30px;}
.NewsBox .RightBox ul li,
.entryDetailBox .RightBox ul li,
div.LocalNav ul li{ position:relative; width:100%; border-bottom:1px dotted #ccc;}
.NewsBox .RightBox ul li a,
.entryDetailBox .RightBox ul li a,
div.LocalNav ul li a{ display:block; width:100%; padding:4px 40px 4px 0px; color:#333; text-decoration:none !important;}

.NewsBox .LeftBox ul li:after,
.NewsBox .LeftBox2 ul li:after,	
.NewsBox .RightBox ul li:after,
.entryDetailBox .RightBox ul li:after,
div.LocalNav ul li:after{
	position:absolute;
	right:0px;
	top:50%;
	font-size:1.8rem;
	color:#ccc;
	margin-top:-16px;
	content: " \f105";
	font-family: FontAwesome;
}

.pagePrevBox{ padding-top:40px;}
.pagePrevBox p.pagePrev{ float:left;}
.pagePrevBox p.pageNext{ float:right;}

.pagePrevBox p.pagePrev a,
.pagePrevBox p.pageNext a{ display:inline-block; padding:2px 10px; text-decoration:none !important; border-radius:5px; color:#fff;}

.entryDetailBox .LeftBox .Date{ padding-top:20px;}
.entryDetailBox .LeftBox .entryBody{ width:100%;}
.entryDetailBox .LeftBox .entryBody img,
.entryDetailBox .LeftBox .entryBody ifream{ max-width:100%; height:auto;}
	
.entryDetailBox .LeftBox2 .Date{ padding-top:20px;}
.entryDetailBox .LeftBox2 .entryBody{ width:100%;}
.entryDetailBox .LeftBox2 .entryBody img,
.entryDetailBox .LeftBox2 .entryBody ifream{ max-width:100%; height:auto;}	
	
	.nextNav {
	margin-top: 20px;		
	}
	
.nextNav .back a {
background-color: #81B934;
padding: 1%;
color: #FFFFFF;
float: left;
border-radius: 5px;

}
.nextNav .next a{
background-color: #81B934;
padding: 1%;
color: #FFFFFF;
float: right;
border-radius: 5px;
}		
.nextNav .next a:after{
margin-left: 10px;
display: inline-block;
content: "\f105";
font-family: FontAwesome;

}
.nextNav .back a:before{
margin-left: auto;
display: inline-block;
content: "\f104";
font-family: FontAwesome;
margin-right: 10px;
}		
	
.entryDetailBox h2{ 	font-size: 2rem;
	font-weight: bold;
	border-left: 20px solid #ccc;
	padding-left: 10px;
	margin-bottom: 10px;}	
	
.MagpopPhoto li {
	width: calc(100%/3);
	padding-top: 0;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 10px;
	box-sizing: border-box;
	float: left;
	margin-bottom: 10px;
	line-height: 150%;
}



.oriobox1 	 {
	width: calc(100%/3);
	padding-top: 0;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 10px;
	box-sizing: border-box;
	float: left;
	margin-bottom: 20px;
	margin-top: 20px;
}
	
	
.oriobox1-title {
	display: block;
	background-color: #007BA4;
	color: #FFFFFF;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}	
	
	
.oriobox2 	 {
	width: calc(100%/3);
	padding-top: 0;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 10px;
	box-sizing: border-box;
	float: left;
	margin-bottom: 20px;
	margin-top: 20px;
}
	
	
.oriobox2-title {
	display: block;
	background-color: #fefefe;
	color: #007BA4;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}	
	
	