@charset "UTF-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　01. リンクスタイル
　02. テキストスタイル
  03. リストスタイル
　04. 調整スタイル
　05. 汎用スタイル
  06. メディアクエリ

******************************************************************************* */

/* ==
  01. リンクスタイル
=============================================================================== */

.arw {
  position: relative;
  display: inline-block;
  padding: 0 0 0 16px;
  text-decoration: none;
  color:#012061;
}
.arw:before {
  position: absolute;
  top: -3px;
  bottom: 0;
  left: 3px;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 4px;
  height: 4px;
  border-top: 2px solid #da291c;
  border-right: 2px solid #da291c;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.blank {/*--navy--*/
  padding-left:25px;
  background: url("/common/images/ico_blank.png") no-repeat 0.2em 0.22em;
  background-size:16px 15px;
}
.blank02 {/*--white--*/
  padding-left:25px;
  background: url("/common/images/ico_blank02.png") no-repeat 0.2em 0.22em;
  background-size:16px 15px;
}

.btn{
  display:block;
  margin:10px auto 0;
  padding:10px 20px;
  max-width:300px;
  text-align:center;
  background:#e9b003;
  color:#fff;
  border-radius:10px;
  border:1px solid #dea701;
  text-decoration: none;  
}
.btn a:hover{
  text-decoration: none;
  background:#ffc000;
}

/* ==
  02. テキストスタイル
=============================================================================== */
/* 見出し
------------------------------------------------------------------------------- */
.tit1{
  margin:0 -10px !important;
  padding:40px 20px;
  font-size:3.4rem;
  color:#b73762;
  text-align:center;
  background: url("/common/images/bg.png") center center / cover no-repeat;
  font-family: 'Anton', sans-serif;
  line-height:1.4;
  letter-spacing:2px;
}
.tit1 span{
  display:block;
  margin-too:5px;
  font-size:1rem;
  text-align:center;
  font-weight:normal;
  color:#333;
}
.tit2{
  margin-bottom:40px;
}
.tit2 h2{
  margin-bottom:0;
  text-align:center;
  color:#333;
  font-size:2.5rem;
	font-family: 'Anton', sans-serif;
  line-height:1.3;
  text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff;
  letter-spacing:2px;
}
.tit2 p{
  font-size:1rem;
  color:#999;
  text-align:center;
}
.tit3{
  text-align:center;
  font-size:1.52rem;
  margin-bottom:20px;
}


/* サイズ
------------------------------------------------------------------------------- */
.fs12{font-size: 0.72rem;}/* 12px */
.fs14{font-size: 0.86rem;}/* 14px */
.fs16{font-size: 1rem;}/* 16px */
.fs18{font-size: 1.14rem;}/* 18px */
.fs20{font-size: 1.28rem;}/* 20px */
.fs22{font-size: 1.4rem;}/* 22px */
.fs24{font-size: 1.52rem;}/* 24px */

/* スタイル
------------------------------------------------------------------------------- */
.bold{font-weight:bold;}
.colorR{color:#fe000c !important;} /* red */
.colorB{color:#192f60 !important;} /* blue */
.colorW{color:#fff !important;} /* white */

@media only screen and (max-width: 680px) {
  .tit2-lead h2{
    min-width:auto;
    width:100%;
  }

}

/* ==
  03. リストスタイル
=============================================================================== */
ul{
  padding-left:0;
  margin-left:0;
}
ul li{list-style:none;}
.checkList li{
  padding-left:1.5em;
  background: url(/common/images/ico_check.png) no-repeat 0.1em 0.21em;
  background-size:18px;
}

/* インデント
------------------------------------------------------------------------------- */
p.indent, .indent li{text-indent:-1em; padding-left:1em;}
p.indent2, .indent2 li{text-indent:-2em; padding-left:2em;}


/* ==
  04. 調整スタイル
=============================================================================== */
/* 画像
------------------------------------------------------------------------------- */
img{max-width: 100%; width: auto\9; height: auto; vertical-align:bottom;}

/* 出し分け
------------------------------------------------------------------------------- */
.devPc{display:block;}
.devSmp{display:none;}
img.devPc{display:inline-block;}
img.devSmp{ display:none;}
@media only screen and (max-width: 680px) {
  .devPc{ display:none;}
  .devSmp{ display:block;}
  img.devPc{display:none;}
  img.devSmp{ display:inline-block;}
}
/* 位置調整
------------------------------------------------------------------ */
.alignC{text-align: center;}
.alignL{text-align: left;}
.alignR{text-align: right;}
.alignT{vertical-align: top;}
.alignM{vertical-align: middle;}
.alignB{vertical-align: bottom;}
.floatL{float:left;}
.floatR{float:right;}

/* 余白調整
------------------------------------------------------------------ */
.mt0 {margin-top:0px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mr0 {margin-right:0px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.ml0 {margin-left:0px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.mb0 {margin-bottom:0px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}

/* 幅調整
------------------------------------------------------------------------------- */
.w10p{width:10% !important;}
.w20p{width:20% !important;}
.w30p{width:30% !important;}
.w40p{width:40% !important;}
.w50p{width:50% !important;}



/* ==
　05. 汎用スタイル
=============================================================================== */
/* clearfix
------------------------------------------------------------------ */
.cf:after, #gnav ul:after, section:after, #main:after, .inner:after, .colBox01:after, .colBox02:after, footer:after, #sponsor:after{content: "."; display: block; height: 0; font-size:0;	clear: both; visibility:hidden;}
.cf, #gnav ul, section, #main, .inner, .colBox01, .colBox02, footer, #sponsor{display: inline-block;display:block;} 

/* column
------------------------------------------------------------------ */
.colBox01, .colBox02, .colBox03{
  width:100%;
  overflow: hidden;  
}
.colBox01 .col{
  float:left;
  width:49%;
  margin:0 2% 20px 0;
}
.colBox01 .col:nth-child(even){ margin-right:0;}
.colBox02 .col{
  float:left;
  width:30.5%;
  margin:0 4% 20px 0;
}
.colBox02 .col:nth-child(3n){ margin-right:0;}
.colBox01.colBox01-type2 .col{
  float:left;
  width:30.5%;
}
.colBox01.colBox01-type2 .col:nth-child(2n){
  float:right;
  width:67.5%;
}
.colBox01.colBox01-type2R .col{
  float:left;
  width:67.5%;  
}
.colBox01.colBox01-type2R .col:nth-child(2n){
  float:right;
  width:30.5%;
}


/* bgColor
------------------------------------------------------------------ */
.bgColor01{background:#deeaf6;} /* light blue */
.bgColor02{background:#012060;} /* dark blue */
.bgColor01 .inner, .bgColor02 .inner{padding:20px 20px 10px;}

@media only screen and (max-width: 680px) {
  .colBox01 .col, .colBox02 .col{
    float:none !important;
    width:100% !important;
    margin:0 0 20px 0 !important;
  }
  .colBox01 .col,
  .colBox02 .col{ margin-right:0 !important;}
}

/* boxBorder
------------------------------------------------------------------ */
.boxBorder01{border:1px solid #ccc;} /* light glay */
.boxBorder02{border:1px solid #012060;} /* dark blue */
.boxBorder01 .inner, .boxBorder02 .inner{padding:20px 20px 10px;}

@media only screen and (max-width: 680px) {

}


/* table
------------------------------------------------------------------ */
.table01{
  width:100%;
  border: 2px solid #012060;
  border-collapse:  collapse;
}
.table01 th,.table01 td{padding:10px;}
.table01 th{
   width:20%;
   border-right:1px solid #012060;
   text-align:right;
   vertical-align: top;
}
.table01 td{width:80%;}

/* fadein
------------------------------------------------------------------ */
#mainImg p{
	opacity: 0;
	transform: translate(0,30px); 
	transition: .3s;
}
#mainImg p,
section .tit2,
#lead h2,
#lead p{
	opacity: 0;
	transform: translate(0,50px); 
	transition: .5s;
}
section .col{
	opacity: 0;
	transform: translate(0,60px); 
	transition: .6s;
}
.fadeout{
	opacity: 1.0 !important;
	transform: translate(0,0) !important; 
}