@charset "UTF-8";

/* CSS Document */


/*----------------------------------------------------
	☆indent
----------------------------------------------------*/

.center{text-align:center!important;}
.left{text-align:left!important;}
.right{text-align:right!important;}
.top0{margin-top:0 !important;}
.top5{margin-top:5px !important;}
.top10{margin-top:10px !important;}
.top15{margin-top:15px !important;}
.top20{margin-top:20px !important;}
.top25{margin-top:25px !important;}
.top30{margin-top:30px !important;}
.top35{margin-top:35px !important;}
.top40{margin-top:40px !important;}
.top45{margin-top:45px !important;}
.top50{margin-top:50px !important;}
.top55{margin-top:55px !important;}
.top60{margin-top:60px !important;}
.top65{margin-top:65px !important;}
.top70{margin-top:70px !important;}


.btm0{margin-bottom:0 !important;}
.btm5{margin-bottom:5px !important;}
.btm10{margin-bottom:10px !important;}
.btm15{margin-bottom:15px !important;}
.btm20{margin-bottom:20px !important;}
.btm25{margin-bottom:25px !important;}
.btm30{margin-bottom:30px !important;}
.btm35{margin-bottom:35px !important;}
.btm40{margin-bottom:40px !important;}
.btm45{margin-bottom:45px !important;}
.btm50{margin-bottom:50px !important;}
.btm55{margin-bottom:55px !important;}
.btm60{margin-bottom:60px !important;}
.btm65{margin-bottom:65px !important;}
.btm70{margin-bottom:70px !important;}
.btm75{margin-bottom:75px !important;}
.btm80{margin-bottom:80px !important;}
.btm85{margin-bottom:85px !important;}
.btm90{margin-bottom:90px !important;}
.btm95{margin-bottom:90px !important;}
.pT0{padding-top:0!important;}
.pT5{padding-top:5px!important;}
.pT10{padding-top:10px!important;}
.pT15{padding-top:15px!important;}
.pT20{padding-top:20px!important;}
.pT40{padding-top:40px!important;}
.pT60{padding-top:60px!important;}
.pT100{padding-top:10 0px!important;}
.pR40{padding-right:40px!important;}
.pL40{padding-left:40px!important;}
.pB0{padding-bottom:0!important;}
.pB5{padding-bottom:5px!important;}
.pB10{padding-bottom:10px!important;}
.pB15{padding-bottom:15px!important;}
.pB20{padding-bottom:20px!important;}
.pB30{padding-bottom:30px!important;}
.pB60{padding-bottom:60px!important;}
.pB100{padding-bottom:100px!important;}
.lm5{margin-left:5px !important;}
.lm10{margin-left:10px !important;}
.lm15{margin-left:15px !important;}
.lm20{margin-left:20px !important;}
.lm26{margin-left:26px !important;}
.rm5{margin-right:5px !important;}
.rm10{margin-right:10px !important;}
.rm15{margin-right:15px !important;}
.rm20{margin-right:20px !important;}

.vAT { vertical-align:top!important;}
.vAM { vertical-align:middle!important;}
.vAB { vertical-align:bottom!important;}
.red { color:red;}
.bold {font-weight: bold;}
.normal {font-weight: normal;}




.spHide {
	display:block;
}

.spDisp {
	display:none;
}

.spHf {
	display:block;
}

.spDisphf {
	display:none;
}





/*----------------------------------------------------
	☆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;}

.w100 { width:100px;}
.w150 { width:150px;}
.w200 { width:200px;}
.w250 { width:250px;}
.w300 { width:300px;}
.w340 { width:340px;}
.w350 { width:350px;}
.w400 { width:400px;}
.w440 { width:440px;}
.w450 { width:450px;}
.w500 { width:500px;}
.w550 { width:550px;}
.w600 { width:600px;}





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

#contents section {
	clear:both;
}

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

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



/*----------------------------------------------------
	☆flt
----------------------------------------------------*/

.fltL {
	float:left;
}

.fltR {
	float:right;
}




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

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




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


.bscBtn01 {
	text-align:center;
}

.bscBtn01 a,
.bscBtn01 input {
	background-color:transparent;
	border:2px solid #276E80;
	color:#276E80;
	display:inline-block;
	font-size:108%!important;
	margin:0 10px;
	padding:7px 35px 7px;
	line-height:1.4;
	text-decoration:none;
	position:relative;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
	
	font-family: 'Lato';
	font-weight: 300;
}

.bscBtn01 a:hover,
.bscBtn01 input:hover {
	background-color:#276E80;
	color:#FFF;
}


.accessbtn{
 margin-top:15px;
}
.accessbtn a{
 box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
 display:inline-block;
 border:1px solid #3a3a3a;
  font-family: 'Teko', sans-serif;
  font-size:15px;
  font-size:1.5rem;
  letter-spacing:0.5rem;
  padding:10px 0;
  transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
-webkit-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
  width:100%;
  
  
}

.accessbtn a:hover{
 border:1px solid #4a575f;
background:#4a575f;
 
}




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

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

.indList li,
.indListS li {
	line-height:1.7;
	text-indent:-1em;
	padding-left:1em;
}

.indListS li {
	text-indent:-0.7em;
	padding-left:0.7em;
}

.indListS li {
	font-size: 85% !important;
	line-height:1.4;
}

.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: 85% !important;
	line-height: 130%;
}

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

.numList02 {
	margin-bottom:15px;
	padding-left:2.5em;
	text-indent:-2.5em;
}

.numList02 li {
	line-height:150%;
	margin-bottom: 8px;
}

#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;}



#contents ul.arrowList01,
#contents ul.arrowList02,
#contents p.arrowList01 {
	margin-bottom:15px;
}

#contents ul.arrowList01 li ,
#contents ul.arrowList02 li,
#contents p.arrowList01 {
	line-height:1.4;
	margin-bottom:5px;
}

#contents ul.arrowList01 li,
#contents p.arrowList01 {
	font-weight:bold;
}

#contents ul.arrowList01 li a,
#contents ul.arrowList01 li span,
#contents p.arrowList01 a {
	background: url(../cmn_img/icon_arrow_01.png) left 1px no-repeat;
	padding:0 0 3px 20px;
}

#contents ul.arrowList02 li a,
#contents ul.arrowList02 li span {
	background: url(../cmn_img/icon_arrow_02.png) 6px 3px no-repeat;
	padding:0 0 0 20px;
}

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

#contents ul.circleList li {
	line-height:1.4;
	font-weight:bold;
	margin-bottom:5px;
}

#contents ul.circleList li span {
	background: url(../cmn_img/icon_circle.png) 6px 3px no-repeat;
	padding:0 0 0 20px;
	display:block;
}

#contents ul.circleListFlt li {
	float:left;
	margin-right:2%;
	width:47%;
}






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


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

#contents div.bscTbl01 table th,
#contents div.bscTbl01 table td,
#contents table.bscTbl01 th,
#contents table.bscTbl01 td {
	border-right:1px solid #D0D0D2;
	border-bottom:1px solid #D0D0D2;
	line-height:1.7;
	padding:15px 20px 12px;
	text-align:left;
	vertical-align:top;
}

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

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

/*
#contents div.bscTbl01 table thead th,
#contents table.bscTbl01 thead th {
	background-color:#EB7E94;
	color:#FFF;
}

*/
#contents div.bscTbl01 table tr.total th,
#contents table.bscTbl01 tr.htotalead th,
#contents div.bscTbl01 table tr.total td,
#contents table.bscTbl01 tr.htotalead td {
	background-color:#FEFDFB;
	color:#EE9AA9;
	font-weight:bold;
}







/*-- form --*/

input {
}

input.textFocus {
	color:#333;
}

input.wSS,
input.wS,
input.wM,
input.wL,
input.wLL {
	background-color:#efefef;
	border:1px solid #CCC;
	line-height: 140%;
	padding:5px 5px;
-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;}

input {
	vertical-align:middle;
}

.wSS { width: 60px;}
.wS { width: 90px;}
.wM { width: 200px;}
.wL { width: 360px;}
.wLL { width: 650px;}
.imeOn { ime-mode: active;}
.imeOff { ime-mode: disabled;}

textarea.txtarea {
	background-color:#FFF;
	border:1px solid #CCC;
	font-size:14px;
	height: 160px;
	padding:5px 5px;
	width: 360px;
}

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

label {
	cursor: pointer;
    padding-right:2%;
}

label:hover {
	color:#999;
}

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

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

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

.orange{
    color:#fab84c;
    font-weight:bold;
}


.green{
    color:#65b2bb;
    font-weight:bold;
}

.greentd{
    color:#65b2bb;
}


/*----------------------------------------------------
	☆h1 h2 h3
----------------------------------------------------*/
.inmidashimv h1{
 font-size:60px;
 font-size:6.0rem;
 font-family: 'Teko', sans-serif;
 font-weight:normal;
 padding:200px 0 130px;
 text-align:center;
 letter-spacing:1rem;
 line-height:0.5;
}

.inmidashimv h1 span{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
font-size:15px;
font-size:1.5rem;
letter-spacing:0.5rem;
font-weight:bold;
}

h2.topmidashi {
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
 font-size: 50px;
 font-size: 5.0rem;
 font-family: 'Teko', sans-serif;
 font-weight: normal;
 letter-spacing: 1rem;
 line-height: 0.8;
 text-align: left;
}
h2.topmidashi span.jp {
 font-size: 15px;
 font-size: 1.5rem;
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
 letter-spacing: 0.1rem;
}

h2.inmidashi {
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
 font-size: 20px;
 font-size: 2.0rem;
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
 font-weight: bold;
 letter-spacing: 0.2rem;
 line-height: 1.2;
 text-align: center;
}

h2.inmidashi span.en {
 font-size: 15px;
 font-size: 1.5rem;
 font-family: 'Teko', sans-serif;
 font-weight:normal;
}

h2.inmidashi span.spanred {
 color:#bf4303;
}

h2.inmidashi span.spanblue {
 color:#3b6ee2;
}

h2.inmidashi span.spanye {
 color:#f6db1a;
}



h3.topmidashi {
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
 font-size: 30px;
 font-size: 3.0rem;
 font-family: 'Teko', sans-serif;
 font-weight: normal;
 letter-spacing: 0.7rem;
 line-height: 0.5;
 text-align: left;
}
h3.topmidashi span.jp {
 font-size: 15px;
 font-size: 1.5rem;
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
 letter-spacing: 0.1rem;
}

h3.inmidashi {
 background:#3a3a3a;
 border-left:5px solid #b3b3b3;
 box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
 font-size: 18px;
 font-size: 1.8rem;
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
 padding:10px 0 10px 15px;
 text-align:left;
 width:100%;
}

h4.inmidashi {
 background:url(/lib/cmn_img/base/h4bar.png) no-repeat left 14px;
 font-size:18px;
 font-size:1.8rem;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  padding-left:20px;
}



/*----------------------------------------------------
	☆Box
----------------------------------------------------*/



@media only screen and (max-width: 1024px) {
    .w50{
        width: 95%!important;
        margin: 0 auto;
    }
        .w20{
        width: 95%!important;
        margin: 0 auto;
    }
    .fltL{
        float: none;
    }
    .fltR{
        float: none;
    }
     .w75{
        width: 95%!important;
        margin: 0 auto;
    }
    .newslist{
        padding-left: 0px;
    }
    .lm26{
        margin-left:0px!important;
    }
    .w25{
        width: 95%!important;
        margin: 0 auto;
    }
    .pR40{
        padding-right: 0!important;
    }

}

 /*デバイスの横幅が740px以下の場合*/
@media only screen and (max-width: 960px) {
h2.topmidashi {
 font-size: 40px;
 font-size: 4.0rem;
 padding-left:0 !important;
}
    .pT60{padding-top:40px!important;}
    .pB100{padding-top:50px!important;}}
}

 /*デバイスの横幅が740px以下の場合*/
@media only screen and (max-width: 740px) {
    
    
.inmidashimv h1{
 font-size:35px;
 font-size:3.5rem;
 padding:120px 0 65px;
 
 line-height: 1;
width: 90%;
letter-spacing:0.5rem;

margin: 0 auto;
}

    
 h2.topmidashi {
 font-size: 40px;
 font-size: 4.0rem;
}

h2.inmidashi {
 font-size: 20px;
 font-size: 2.0rem;
}



h3.topmidashi {
 font-size: 30px;
 font-size: 3.0rem;
}

h3.inmidashi {
 font-size: 15px;
 font-size: 1.5rem;
}
   


}