@charset "UTF-8";

/* CSS Document */

/*----------------------------------------------------
	☆General
----------------------------------------------------*/

.fwBold {font-weight:bold;}

.normal {font-weight: normal;}

.alCenter {text-align:center;}

.alLeft{text-align:left;}

.alRight{text-align:right;}

.vaTop {vertical-align:top;}

.vaMiddle {vertical-align:middle;}

.vaBottom {vertical-align:bottom;}

.fLeft { float:left; }
.fRight { float:right; }

.offHidden {overflow:hidden;}

.m0a {margin:0 auto;}

.opTr a {
	opacity: 1;
	transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
}

.opTr a:hover img {
	opacity: .8;
}

a.ovUnder{
	
}

a.linkOrange {
	color: #F29F2B;
}

a.ovUnder:hover{
	text-decoration: none;
	opacity: .8;
}

.displayB {display:block;}

.inLineBlock {display:inline-block;}


i {margin-right: 7px;}

.icon {
	margin-right:3px;
	vertical-align:middle;
	margin-top:-1px;
}

.spHide { display: block;}
.spDisp { display: none;}

.mbcontrol01 {
	margin-bottom: 100px;
}
.mt10 {margin-top: 10px;}

/*----------------------------------------------------
	☆Fonts
----------------------------------------------------*/

.greenColor { color: #007934; }
.orangeColor { color: #F2AA2C; }
.bgGreen {
	background-color: #007934;
}
.bgPaleGreen {
	background-color: #85B81F;
}
.paleGreenColor {color: #85B81F;}

/*----------------------------------------------------
	☆Size
----------------------------------------------------*/

.size10 { font-size:1.0rem!important; }
.size11 { font-size:1.1rem!important; }
.size12 { font-size:1.2rem!important; }
.size13 { font-size:1.3rem!important; }
.size14 { font-size:1.4rem!important; }
.size15 { font-size:1.5rem!important; }
.size16 { font-size:1.6rem!important; }
.size17 { font-size:1.7rem!important; }
.size18 { font-size:1.8rem!important; }
.size19 { font-size:1.9rem!important; }
.size20 { font-size:2.0rem!important; }
.size21 { font-size:2.1rem!important; }
.size22 { font-size:2.2rem!important; }
.size23 { font-size:2.3rem!important; }
.size24 { font-size:2.4rem!important; }




/*----------------------------------------------------
	☆Width
----------------------------------------------------*/

.w5 {width:5%!important;}
.w10 {width:10%!important;}
.w15 {width:15%!important;}
.w18 {width:18%!important;}
.w20 {width:20%!important;}
.w25 {width:25%!important;}
.w30 {width:30%!important;}
.w35 {width:35%!important;}
.w40 {width:40%!important;}
.w45 {width:45%!important;}
.w50 {width:50%!important;}
.w55 {width:55%!important;}
.w60 {width:60%!important;}
.w65 {width:65%!important;}
.w70 {width:70%!important;}
.w75 {width:75%!important;}
.w80 {width:80%!important;}
.w85 {width:85%!important;}
.w90 {width:90%!important;}
.w95 {width:95%!important;}
.wFull {width:100%!important;}




/*----------------------------------------------------
	☆basecompo
----------------------------------------------------*/

#contents section {
	clear: both;
	margin: 0 auto;
	padding: 100px 0;
}

#contents section.lastSec {
	padding-bottom:150px;
}

.aural span,
span.aural {
	display:none;
	visibility:hidden;
}

img.icon {
	margin-right:5px;
	vertical-align:middle;
}


/*----------------------------------------------------
	☆Title
----------------------------------------------------*/

.head01 {
	font-size: 28px;
	font-size: 2.8rem;
	margin: 0.5em auto 1em 0;
	line-height: 1.3;
	text-align: center;
}



.bgCircle {
  color: #fff;
  background-color:#fff;
  padding: 0;
  margin: 0 auto 0.6em;
  width: 60px;
  height: 60px;
  line-height: 70px;
  text-align: center;
  display: block;
  border-radius: 50%;
}

.greenBg{
	background-color: #007935;
}

.bgCircle i {
	color: #fff;
	font-size: 24px;
	font-size: 2.4rem;
	margin-right: 0;
}





.head02 {
	font-size: 40px;
	font-size: 4.0rem;
	margin: 0 auto 1em 1em;
	line-height: 1.3;
	text-align: left;
}

.head03 {
	font-size: 24px;
	font-size: 2.4rem;
	margin: 1.3em auto ;
	line-height: 1.3;
	text-align: center;
}


.head04 {
	font-size: 28px;
	font-size: 2.8rem;
	margin: 70px auto 1.3em ;
	line-height: 1.3;
letter-spacing: 0;
	text-align: center;
	position: relative;
}


.head04:before{
	position: absolute;
	margin:0 0 0 -29px;
	top: -70px;
	left: 50%;
	content:" ";
	display:inline-block;
	width:58px;
	height:58px;
	background:url( ../../img/ic-circle.png);    
	background-size:contain;
	vertical-align:middle;
}

.head05 {	
	background-color: #92C820;
	line-height: 1.4;
	border: #C0D97F solid 6px;
	font-size: 20px;
	font-size: 2.0rem;
	padding: 0.9em 0;
	color: #fff;
	text-align: center;
	margin-bottom: 2em;
}

.head05Orange {	
	background-color: #FC800B;
	line-height: 1.4;
	border: #FDD0B3 solid 6px;
	font-size: 30px;
	font-size: 3.0rem;
	padding: 0.9em 0;
	color: #fff;
	text-align: center;
	margin-bottom: 2em;
}

.head06 {
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 1em;
	line-height: 1.4;
}


/*----------------------------------------------------
	☆Btn
----------------------------------------------------*/

.bscBtn01 a {
	background-color:#448CBC;
	border:1px solid #448CBC;
	color:#FFF;
	display:inline-block;
	padding:20px 30px;
	line-height:140%;
	text-decoration:none;
}

.bscBtn01 a:hover {
	background-color:#FFF;
	color:#448CBC;
}

.btAreaColumn01,
.btAreaColumn02 {
	overflow: hidden;
	margin: 50px auto 0;
	text-align:center;
}

.btAreaColumn02 li:first-child {
	float: left;
}

.btAreaColumn02 li:last-child {
	float: right;
}

a.bnGeneral01 {
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	min-width: 330px;
	display: inline-block;
	padding: 1.4em 0.5em;
	border: 2px solid #007934;
	background: #FFF;
	color: #007934;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

a.bnGeneral01:hover {
	background: #007934;
	color: #fff;
}


a.bnNews {
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	min-width: 330px;
	display: inline-block;
	padding: 1.4em 0.5em;
	background: #007934;
	color: #fff;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

a.bnNews:hover {
	background: #85B81F;
	color: #fff;
}














/*----------------------------------------------------
	☆Hover Effect
----------------------------------------------------*/

/*----type-1-----*/

.type-1Box {
	display:block;
	position:relative;
	width:100%;
	height:85px;
	line-height:75px;
}

.type-1BoxHighL {
	height:85px;
	line-height:75px;
}

.type-1 {
	background: #F7AC1B;
}

.type-1 span {
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	top: 0;
	opacity: 1;
	left: 0;
	color:#FFF;
	background: #F7AC1B;
	padding: 9px 0 9px 5px;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.type-1 span:last-of-type {
	-webkit-transform: rotateX(90deg);
	transform: rotateX(90deg);
	transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	background: #aaa;
}

.type-1:hover span:last-of-type {
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
	background: #0A7C29;
}

.type-1:hover span:first-of-type {
	background: #0A7C29;
}


/*----------------------------------------------------
	☆List
----------------------------------------------------*/

.indList,
.indListS {
	margin-bottom:15px;
}

.indList li,
.indListS li {
	line-height:170%;
	text-indent:-1em;
	padding-left:1em;
	margin-bottom:5px;
}

.indListS li {
	font-size: 1.1rem !important;
	line-height:130%;
}

.numList,
.numListS {
	margin-bottom:15px;
	padding-left:1.6em;
}

.numList li,
.numListS li {
	line-height:150%;
	list-style: decimal outside none;
	margin-bottom: 5px;
}

.numListS li {
	font-size: 1.1rem !important;
	line-height: 130%;
}

:first-child + html .numList {
    padding-left: 2em;
}
:first-child + html .numListS {
    padding-left: 2em;
}

#contents ul.iconList {
	margin-bottom:15px;
}

#contents ul.iconList li {
	line-height:140%;
	margin-bottom:5px;
	text-indent:-26px;
	padding-left:26px;
}

#contents ul.iconList li a {
	background:url(/lib/cmn_img/icon_newwin.gif) 4px 3px no-repeat;
	padding:0 0 3px 25px;
}

#contents ul.iconList li.blankIcon a { background:url(/lib/cmn_img/icon_newwin.gif) 6px 4px no-repeat;}
#contents ul.iconList li.pdfIcon a { background:url(/lib/cmn_img/icon_pdf.gif) 2px top no-repeat;}
#contents ul.iconList li.exlIcon a { background:url(/lib/cmn_img/icon_excel.gif) 4px top no-repeat;}
#contents ul.iconList li.wrdIcon a { background:url(/lib/cmn_img/icon_word.gif) 4px top no-repeat;}




/*----------------------------------------------------
	☆head
----------------------------------------------------*/

.imgHead {
	font-size:0;
	line-height:0;
}




/*----------------------------------------------------
	☆Table
----------------------------------------------------*/


#contents div.bscTbl01 table,
#contents table.bscTbl01 {
	border-collapse:collapse;
	border-left:1px solid #ECECEC;
	border-top:1px solid #ECECEC;
	width:100%;
}

#contents div.bscTbl01 table th,
#contents div.bscTbl01 table td,
#contents table.bscTbl01 th,
#contents table.bscTbl01 td {
	background-color:#FFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-right:1px solid #ECECEC;
	border-bottom:1px solid #ECECEC;
	line-height:1.4;
	padding:20px 20px 17px;
	text-align:left;
}

#contents div.bscTbl01 table th,
#contents table.bscTbl01 th {
	background-color:#F3F3F3;
}

#contents div.bscTbl01 table tr.head th,
#contents table.bscTbl01 tr.head th {
	background-color:#448CBC;
	color:#FFF;
}


#contents div.bscTbl02 {
	margin-top: 20px;
}

#contents div.bscTbl02 table{
	border-collapse:collapse;
	width:100%;
	border-top:1px solid #ddd;
	margin-bottom: 30px;
}

#contents div.bscTbl02 table th,
#contents div.bscTbl02 table td{
	border-bottom:1px solid #ddd;
	padding:15px 20px 12px;
	text-align:left;
}

#contents div.bscTbl02 table th{
	background-color:#F2F2F2;
	font-weight: bold;
}












/*----------------------------------------------------
	☆pager
----------------------------------------------------*/

#contents p.pager {
	padding-top:20px;
	text-align:center;
}

#contents p.pager a {
	border:1px solid #4A4F59;
	color:#4A4F59;
	display:inline-block;
	line-height:1;
	margin:0 2px;
	padding:10px 12px;
	text-decoration:none;
}

#contents p.pager a:hover,
#contents p.pager a.current {
	background-color:#4A4F59;
	border:1px solid #4A4F59;
	color:#FFF;
}




/*----------------------------------------------------
	☆form
----------------------------------------------------*/


p.subscribeBtn{
	text-align: center;
}

p.subscribeBtn input{
	background-color:#F3A02C;
	border:1px solid #F3A02C;
	color:#FFF;
	font-weight: bold;
	display:inline-block;
	padding:15px 100px 13px;
	line-height:140%;
	text-decoration:none;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	margin-top: 20px;
}

p.subscribeBtn input:hover{
	background-color:#FFF;
	color:#F3A02C;
}

p.subscribeBtn input.gray{
	background-color: #888;
	border:1px solid #888;
	color:#FFF;
}

p.subscribeBtn input.gray:hover{
	background-color:#ddd;
	color:#000;
}

input {
}

input.textFocus {
	color:#333;
}

input.wSS,
input.wS,
input.wM,
input.wL,
input.wLL {
	background-color:#FCFBF8;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:1px solid #CCC;
	font-size:1.3rem;
	line-height: 140%;
	padding:8px 10px;
}

input {
	vertical-align:middle;
}

.wSS { width: 85px;}
.wS { width: 170px;}
.wM { width: 270px;}
.wL { width: 470px;}
.wLL { width: 570px;}
.imeOn { ime-mode: active;}
.imeOff { ime-mode: disabled;}

textarea.txtarea {
	background-color:#FCFBF8;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:1px solid #CCC;
	height: 200px;
	padding:10px;
	width: 100%;
}

option {
	font-size:14px!important;
}

label {
	cursor: pointer;
}

label:hover {
	color:#999;
}

input[type="checkbox"], input[type="radio"] {
	margin-right:3px;
}

.formErr {
	color:#E54E52;
	font-weight:bold;
}

.bgReq{
	background-color: #FBECC1!important;
}

select.slctarea{
	background-color:#FCFBF8;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:1px solid #CCC;
	margin-bottom: 10px;
	padding:8px;
}

input.inputErr,
textarea.inputErr {
	background-color:#FADFDE;
}

input:focus,
select:focus,
textarea:focus{
	background-color: #EEE;
}

.labelBlcok label,
.answerArea label {
	margin: 0.4em 1em;
	display: inline-block;
}

.answerArea {
	border: #DADCD6 1px solid;
	margin: 0 auto;
	padding: 1em;
	text-align: center;
	background: #fff;
}



#contents .req {
	color:#EA5F39;
	margin-left:3px;
	padding:2px 5px;
	margin-right: 5px;
	vertical-align:middle;
}



/*----------------------------------------------------
	☆float
----------------------------------------------------*/

.fltImgL {
	float:left;
	margin:0 25px 20px 0;
}

.fltImgR {
	float:right;
	margin:0 0 20px 25px;
}

.flLeft48 {
	float: left;
	width: 48%;
}

.flRight48 {
	float: right;
	width: 48%;
}



.fltL {
	float:left;
}

.fltR {
	float:right;
}

.w100 { width:100px;}
.w200 { width:200px;}
.w300 { width:300px;}
.w400 { width:400px;}
.w450 { width:450px;}
.w500 { width:500px;}
.w600 { width:600px;}