@charset "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Cabin);

/*font*/
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100; }

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200; }

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300; }

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400; }

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold; }

@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100; }

@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200; }


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

.btm0 {
	margin-bottom: 0 !important;
}

.btm5,
.btm05 {
	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;
}

.pT25 {
	padding-top: 25px!important;
}

.pT30 {
	padding-top: 30px!important;
}

.pT35 {
	padding-top: 35px!important;
}

.pT40 {
	padding-top: 40px!important;
}

.pT45 {
	padding-top: 45px!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;
}

.lm5 {
	margin-left: 5px !important;
}

.lm10 {
	margin-left: 10px !important;
}

.lm15 {
	margin-left: 15px !important;
}

.lm20 {
	margin-left: 20px !important;
}

.lm50 {
	margin-left: 50px !important;
}

.lm60 {
	margin-left: 60px !important;
}

.lm70 {
	margin-left: 70px !important;
}

.rm0{
	margin-right: 0 !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: #e20035;
}

.bold {
	font-weight: bold;
}

.normal {
	font-weight: normal;
}

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

.indent {
	text-indent: 1em;
}

.spHide {
	display: block;
}

.spDisp {
	display: none;
}

.hvBtn,
.hvBtns a,
.hvImg,
.hvImgs a {
	transition: 0.2s;
}

.hvBtn:hover,
.hvBtns a:hover,
.hvImg:hover,
.hvImgs a:hover {
	opacity: 0.7;
}

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

.w49 {
	width: 49%!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;
}

.w77 {
	width: 77%!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;
}

.w360 {
	width: 360px;
}

.w400 {
	width: 400px;
}

.w440 {
	width: 440px;
}

.w450 {
	width: 450px;
}

.w500 {
	width: 500px;
}

.w550 {
	width: 550px;
}

.w600 {
	width: 600px;
}

/*----------------------------------------------------
	☆fontsize
----------------------------------------------------*/


#contents .size10 {
	font-size: 10px!important;
	font-size: 1rem!important;
}

#contents .size11 {
	font-size: 11px!important;
	font-size: 1.1rem!important;
}

#contents .size12 {
	font-size: 12px!important;
	font-size: 1.2rem!important;
}

#contents .size13 {
	font-size: 13px!important;
	font-size: 1.3rem!important;
}

#contents .size14 {
	font-size: 14px!important;
	font-size: 1.4rem!important;
}

#contents .size15 {
	font-size: 15px!important;
	font-size: 1.5rem!important;
}

#contents .size16 {
	font-size: 16px!important;
	font-size: 1.6rem!important;
}

#contents .size17 {
	font-size: 17px!important;
	font-size: 1.7rem!important;
}

#contents .size18 {
	font-size: 18px!important;
	font-size: 1.8rem!important;
}

#contents .size19 {
	font-size: 19px!important;
	font-size: 1.9rem!important;
}

#contents .size20 {
	font-size: 20px!important;
	font-size: 2rem!important;
}

#contents .size21 {
	font-size: 21px!important;
	font-size: 2.1rem!important;
}

#contents .size22 {
	font-size: 22px!important;
	font-size: 2.2rem!important;
}

#contents .size23 {
	font-size: 23px!important;
	font-size: 2.3rem!important;
}

#contents .size24 {
	font-size: 24px!important;
	font-size: 2.4rem!important;
}

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


#contents section {
	clear: both;
	
}

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

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

.anchor {
	margin-top: -37px;
	padding-top: 37px;
}

/*----------------------------------------------------
	☆Head
----------------------------------------------------*/



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


#contents .indList {
	margin-bottom: 35px;
}

#contents .indList li {
	line-height: 1.7;
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: 7px;
}

#contents .indList li a {
	text-decoration: none;
}

#contents .indList li a:hover {
	text-decoration: underline;
}

#contents .indListS {
	margin-bottom: 35px;
}

#contents .indListS li {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	margin-bottom: 8px;
	text-indent: -1em;
	padding-left: 1em;
}

#contents .indListS li a {
	text-decoration: none;
}

#contents .indListS li a:hover {
	text-decoration: underline;
}

#contents .numList {
	padding-left: 22px;
	margin-bottom: 35px;
}

#contents .numList li {
	line-height: 1.7;
	list-style: decimal outside none;
	margin-bottom: 10px;
}

#contents .numList li a {
	text-decoration: none;
}

#contents .numList li a:hover {
	text-decoration: underline;
}

#contents .numListS {
	padding-left: 20px;
	margin-bottom: 35px;
}

#contents .numListS li {
	line-height: 1.7;
	list-style: decimal outside none;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	margin-bottom: 8px;
}

#contents .numListS li a {
	text-decoration: none;
}

#contents .numListS li a:hover {
	text-decoration: underline;
}

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

#contents ul.iconList li {
	line-height: 1.7;
	margin-bottom: 10px;
}

#contents ul.iconList li a {
	display: inline-block;
	padding: 0 0 0 25px;
	text-decoration: underline;
	position: relative;
}

#contents ul.iconList li a:hover {
	text-decoration: none;
}

#contents ul.iconList li.blankIcon a:before {
	content: "\f08e";
	color: #333;
	display: inline-block;
	font-family: "fontawesome";
	position: absolute;
	left: 0;
	top: -2px;
}

#contents ul.iconList li.pdfIcon a:before {
	content: "\f1c1";
	color: #B6202E;
	display: inline-block;
	font-family: "fontawesome";
	position: absolute;
	left: 0;
	top: 0;
}

#contents ul.iconList li.exlIcon a:before {
	content: "\f1c2";
	color: #2947AA;
	display: inline-block;
	font-family: "fontawesome";
	position: absolute;
	left: 0;
	top: 0;
}

#contents ul.iconList li.wrdIcon a:before {
	content: "\f1c3";
	color: #376F17;
	display: inline-block;
	font-family: "fontawesome";
	position: absolute;
	left: 0;
	top: 0;
}

#contents ul.arrowList {
	margin-bottom: 35px;
}

#contents ul.arrowList li {
	line-height: 1.7;
	margin-bottom: 10px;
	padding-left: 20px;
	position: relative;
}

#contents ul.arrowList li a {
	vertical-align: top;
}

#contents ul.arrowList li:before {
	content: "\f138";
	color: #0091e1;
	display: inline-block;
	font-family: "fontawesome";
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 3px;
}

#contents ul.circleList li{
	margin-bottom: 10px;
	padding-left: 20px;
	position: relative;
	line-height: 1.7;
}

#contents ul.circleList li::before{
	display: inline-block;
	content: "●";
	color: #0fb2ad;
	position: absolute;
	top: 0;
	left: 0;
}

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


#contents .tbl01 table,
#contents table.tbl01 {
	border-collapse: collapse;
	/*border-left: 1px solid #CFCFCF;*/
	border-top: 1px solid #CFCFCF;
	width: 100%;
}

#contents div.tbl01,
#contents table.tbl01 {
	margin-bottom: 30px;
}

#contents .tbl01 table th,
#contents .tbl01 table td,
#contents table.tbl01 th,
#contents table.tbl01 td {
	border-bottom: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
	font-weight: normal;
	line-height: 1.7;
	padding: 25px;
	text-align: left;
}

#contents table.tbl01 td{
	border-right: none;
}

#contents .tbl01 table th,
#contents table.tbl01 th {
	width: 30%;
	background-color: #F1F1F1;
}

#contents .tbl01 table tr.head th,
#contents table.tbl01 tr.head th {
	background-color: #333;
	color: #FFF;
}

#contents .tbl01 table thead th,
#contents table.tbl01 thead th {
	background-color: #333;
	color: #FFF;
}

/*----------------------------------------------------
	☆Form
----------------------------------------------------*/


input {
}

input.textFocus {
	color: #333;
}

input.wSS,
input.wS,
input.wM,
input.wL,
input.wLL {
	background-color: #FFF;
	border: 1px solid #CCC;
	line-height: 140%;
	padding: 5px 5px;
}

input {
	vertical-align: middle;
}

.wSS {
	width: 70px;
}

.wS {
	width: 90px;
}

.wM {
	width: 200px;
}

.wL {
	width: 400px;
}

.wLL {
	width: 400px;
}

.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: 400px;
}

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

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

/*----------------------------------------------------
	☆common parts
----------------------------------------------------*/

.inner{
	max-width: 1200px;
	margin: auto;
}

.inner>section{
	padding-top: 80px;
	margin-bottom: 50px;
}

.en{
	font-family: "Cabin", san-serif;
}

.bold{
	font-weight: bold !important;
}

.fltL{
	float: left;
}

.fltR{
	float: right;
}

.forSp{
	display: none;
}

#cmnMv{
	width: 100%;
	background-color: #fdee32;
}

.pageTtl{
	font-size: 48px;
	font-size: 4.8rem;
	letter-spacing: 0.3em;
	font-weight: bold;
	text-align: center;
	line-height: 1.25;
	padding: 45px 0;
}

.pageTtl span{
	display: block;
	margin: auto;
	text-align: center;
}

.pageTtl .mvIcon img{
	vertical-align: bottom;
}

.pageTtl .subTtl{
	font-size: 15px;
	font-size: 1.5rem;
	text-align: center;
	letter-spacing: normal;
	font-family: "Yu Gothic", YuGothic, Verdana, Meiryo, sans-serif; 
}

/*--- head ---*/
.head03{
	font-size: 30px;
	font-size: 3rem;
	border-bottom: solid 2px #fdee32;
	padding-bottom: 6px;
	margin-bottom: 35px;
}

.head03::before{
	display: inline-block;
	content: "";
	width: 12px;
	height: 38px;
	border-radius: 3px;
	background-color: #fdee32;
	margin-right: 12px;
	vertical-align: middle;
}

.head04{
	font-size: 28px;
	font-size: 2.8rem;
	color: #fff;
	padding: 5px 12px;
	margin-bottom: 35px;
	background-color: #0fb2ad;
}

.head05{
	font-size: 22px;
	font-size: 2.2rem;
	padding-bottom: 5px;
	border-bottom: solid 1px #0fb2ad;
	margin-bottom: 20px;
	color: #0fb2ad;
}

.head06{
	font-size: 18px;
	font-size: 1.8rem;
	position: relative;
	margin-bottom: 20px;
}

.head06::before{
	display: inline-block;
	content: "";
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #0fb2ad;
	vertical-align: middle;
	margin-right: 5px;
}

.head06::after{
	display: block;
	content: "";
	width: 12px;
	height: 12px;
	background-color: #fff;
	border-radius: 50%;
	position: absolute;
	top: 10px;
	left: 4px;
}

.fontL{
	font-size: 16px;
	fotn-size: 1.6rem;
	margin-bottom: 20px;
}

/*--- anchor link ---*/

.anchorLink{
	text-align: center;
	margin-bottom: 50px;
}

.anchorLink li{
	display: inline-block;
	border: solid 2px #fdee32;
	margin: 0 10px;
}

.anchorLink li a{
	display: block;
	text-align: center;
	background-color: transparent;
	transition: .3s;
	font-weight: bold;
	padding: 15px 5px 25px;
	position: relative;
	text-decoration: none;
	color: #000;
}

.anchorLink li a::after{
	display: block;
	content: "\f107";
	font-family: Fontawesome;
	position: absolute;
	bottom: 5px;
	left: 0;
	right: 0;
	margin: auto;
}

.anchorLink li a:hover{
	background-color: #fdee32;
}

/*--- box ---*/

.box01,
.box02{
	padding: 36px 30px;
	margin-bottom: 50px;
}

.box01{
	background-color: #e5e5e5;
}

.box02{
	border: solid 5px #e5e5e5;
}

.box01>.boxTtl,
.box02>.boxTtl{
	font-size: 18px;
	font-size: 1.8rem;
	border-bottom: solid 1px #000;
	margin-bottom: 18px;
}

/*--- button ---*/

.normalbtn{
	display: inline-block;
	padding: 15px;
	text-decoration: none !important;
	font-weight: bold;
	text-align: center;
	transition: .2s;
	box-shadow: 0px 4px 11px -1px #ccc;
	margin: 0 10px 40px;
}

.normalbtn:hover{
	box-shadow: none;
}

.normalbtn.btnBlue{
	background-color: #17cdc7;
	color: #fff;
}

.normalbtn.btnYellow{
	background-color: #fdee32;
	color: #000;
}

.normalbtn.btnBlue::after{
	display: inline-block;
	content: "\f0da";
	margin-left: 1.5em;
	color: #fff;
	font-family: Fontawesome;
}

.normalbtn.btnYellow::after{
	display: inline-block;
	content: "\f0da";
	margin-left: 1.5em;
	color: #000;
	font-family: Fontawesome;
}

/*--- float ---*/
.floatBox01,
.floatBox02{
	margin-bottom: 50px;
}


.floatBox01::after,
.floatBox02::after,
.col6Box::after,
.col4Box::after{
	display: block;
	content: "";
	clear: both;
}

.fltData{
	padding: 0 30px;
}

.fltImg img{
	width: 100%;
	vertical-align: bottom;
}

.floatBox01 .fltData{
	float: left;
}

.floatBox01 .fltImg{
	float: right;
	padding-right: 30px;
}

.floatBox02 .fltImg{
	float: left;
	padding-left: 30px;
}

.floatBox02 .fltData{
	float: right;
}

.clm{
	margin-bottom: 40px;
	float: left;
}

.clm .clmImg{
	margin-bottom: 15px;
}

.clm .clmImg img{
	width: 100%;
	vertical-align: bottom;
}

.col6Box .clm{
	width: 50%;
	padding: 0 30px;
}

.col4Box .clm{
	width: 33.33%;
	padding: 0 30px;
}