@charset "utf-8";

/*csslint
adjoining-classes      : false //adjoining classesの許可,
important              : false //inportantの許可,
outline-none           : false //outolineの許可,
unique-headings        : false //h1~6繰り返し使用許可,
box-sizing             : false //box-sizingの許可,
universal-selector     : false //アスタリスクの使用許可,
order-alphabetical     : false //outolineの許可,
overqualified-elements : false //li.activeなどの「li部分」許可,
ids                    : false //セレクタIDの使用の許可,
box-model              : flase //border,paddingの警告,
qualified-headings     : false //見出しの修飾許可,
fallback-colors: false //カラー正式指定の解除,
*/

/*
----------------------*/
/*
----------------------------------------*/
/*全体の設定
---------------------------------------------------------------------------*/
html {
  font-size: 62.5%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,figure{
  margin: 0;
  padding: 0;
  font:inherit;
}
body {
  color: #2B2B2B;
  font-size: 1.6rem;
  margin: 0 auto;
  padding: 0;
  font-family: 'Hiragino Kaku Gothic ProN',"ヒラギノ角ゴ Pro W3","游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic,Arial,Helvetica,Meiryo,'MS PGothic', Sans-serif;
  line-height: 1.75;
  min-width: 1280px;
}
ul li{
  list-style: outside none none;
}
img {
  max-width: 100%;
  height: auto;
  border: none;
  vertical-align: bottom;
}
table {
  border-collapse:collapse;
  border-spacing: 0;
}
iframe{
  width: 100%;
}
address{
  font-style: normal;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
  text-decoration:none;
  outline: none;
  color:#08C;
}
a:hover {
  opacity:0.85;
  text-decoration: none;
}
/*フォント設定
---------------------------------------------------------------------------*/
.mincho{
  font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3,"ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
/*カラー設定
---------------------------------------------------------------------------*/
:root {
  --main-color: #0763D5;
  --sub-color: #064798;
}
/*見出し設定
---------------------------------------------------------------------------*/
.secTtlType1{
  font-size: 4rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.7;
}
/*共通部品
---------------------------------------------------------------------------*/
/*Slide
--------------------------------------*/
.slider{
  display: none;
}
.slider.slick-initialized{
  display: block;
}
/*ボタン設定
--------------------------------------*/
button,
input[type="submit"],
input[type="button"]{
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
}
/*水平線設定
--------------------------------------*/
.hrStyle1{
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #000;
  margin-bottom: 2rem;
}
/*テーブル設定
--------------------------------------*/
/*フォーム設定
--------------------------------------*/
label{
  cursor: pointer;
}
/*formType1
----------------------*/
.formType1 input[type="radio"]{
  width: 32px;
  height: 32px;
  vertical-align: middle;
  margin-bottom: 3px;
}
.formType1 input[type="checkbox"]{
  width: 32px;
  height: 32px;
  vertical-align: middle;
}
.formType1 input[type="text"],
.formType1 input[type="email"],
.formType1 input[type="tel"]{
  border: 1px solid #707070;
  width: 100%;
  height: 45px;
  padding: 0 2rem;
  font-size: 1.6rem;
}
/*カラム設定
---------------------------------------------------------------------------*/
.flexCols {
  display: flex;
  flex-wrap: wrap;
}
.flexAc{
  align-items: center;
}
.flexAfe{
  align-items: flex-end;
}
.flexJc {
  justify-content: center;
}
.flexJc_Ac {
  justify-content: center;;
  align-items: center;
}
.flexJsb{
  justify-content: space-between
}
.flexJsb_Ac{
  justify-content: space-between;
  align-items: center;
}
.flexJsa {
  justify-content: space-around;
}
/*Flex 左寄せ
--------------------------------------*/
/*3カラム
----------------------*/
/*
.container::after{
  content:"";
  display: block;
  width:30%;
}
*/
/*4カラム
----------------------*/
/*
.container::before{
  content:"";
  display: block;
  width:23%;
  order:1;
}
.container::after{
  content:"";
  display: block;
  width:23%;
}
*/
/*
.col_12-pc {
  flex: 0 0 100%;
  max-width: 100%;
}
.col_8-pc {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
.col_6-pc {
  flex: 0 0 50%;
  max-width: 50%;
}
.col_4-pc {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
*/
/*Layout
---------------------------------------------------------------------------*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  main {
    display: block;
  }
}
/*共通コンテンツ
--------------------------------------*/
.innerWrap{
  width: 1240px;
  margin: 0 auto;
}
/*Header
---------------------------------------------------------------------------*/
.gHeader{
  background-color: var(--main-color);
}
.hdrInr {
  width: 100%;
  height: 9rem;
  position: relative;
}
.hdr_logo a{
  display: block;
  vertical-align: bottom;
}
.hdr_logo img{
  vertical-align: middle;
}
/*gNavi
--------------------------------------*/
.gNavi {
  margin-left: auto;
}
.gNavi ul li:not(:last-of-type) {
  margin-right: 3rem;
}
.gNavi ul li a:not(.hdr_btn-app){
  color: #FFF;
  font-weight: 700;
}
.hdr_btn-app{
  background-color: #fff;
  border-radius: 2rem;
  color: var(--main-color);
  display: inline-block;
  font-weight: 700;
  width: 20rem;
  height: 4rem;
  line-height: 4rem;
  text-align: center;
}
/*SPメニューボタン
----------------------------------------*/
.sp-btn-menu {
  display: none;
}
/*FOOTER
---------------------------------------------------------------------------*/
.gFooter{
  background-color: #002553;
}
.ftrInr {
  width: 100%;
  position: relative;
  padding: 6rem 0 1.5rem;
}
.ftr_logo a{
  display: block;
  vertical-align: bottom;
}
.ftr_logo img{
  vertical-align: middle;
}
/*ftrNavi
--------------------------------------*/
.ftrNavi {
  margin-left: auto;
}
.ftrNavi ul li:not(:last-of-type)  {
  margin-right: 3rem;
}
.ftrNavi ul li a:not(.ftr_btn-app){
  color: #FFF;
  font-weight: 700;
}
.ftr_btn-app{
  background-color: #fff;
  border-radius: 2rem;
  color: var(--main-color);
  display: inline-block;
  font-weight: 700;
  width: 20rem;
  height: 4rem;
  line-height: 4rem;
  text-align: center;
}
.copyRight{
  color: #FFF;
  font-size: 1.2rem;
  text-align: center;
  padding: 2.8rem 0;
}
/*ページアップ btnPagetop
---------------------------------------------------------------------------*/
.btnPagetop{
  display: none;
}
.btnPagetop a {
  border-radius: 1rem 0 0 1rem;
  right: 0;
  bottom: 0;
  position: fixed;
  width: 7rem;
  height: 7rem;
  z-index: 99;
  display: block;
  text-align: center;
  line-height: 7rem;
  color: #66a6ff;
  background-color: #E1DFE0CC;
}
.btnPagetop img{
  width: 2.9rem;
  height: auto;
  vertical-align: middle;
}
/*--------------------------------------------------------------------------
□下層共通 lowerLayer
---------------------------------------------------------------------------*/
/*Main
---------------------------------------------------------------------------*/
.secLow {
  padding: 10rem 0;
}

/*ect
---------------------------------------------------------------------------*/
.floatL { float: left; }
.floatR { float: right; }
.alignL {text-align: left;}
.alignR {text-align: right;}
.alignCR {text-align: center;}

.pcNone{display: none!important;}
.pcNone-inl{display: none!important;}
.pcTabNone{display: none!important;}
.TabSpNone{display: block!important;}
.spNone{display: block!important;}
.spNone-inl{display: inline!important;}

.pc-mt-0{margin-top: 0;}
.pc-mt-1{margin-top: 1rem;}
.pc-mt-1-5{margin-top: 1.5rem;}
.pc-mt-2{margin-top: 2rem;}
.pc-mt-2-5{margin-top: 2.5rem;}
.pc-mt-3{margin-top: 3rem;}
.pc-mt-4{margin-top: 4rem;}
.pc-mt-5{margin-top: 5rem;}
.pc-mt-6{margin-top: 6rem;}

.markerYType1{
  background: linear-gradient(transparent 0%, #FFEC58 0%);
  padding: 1px 0;
}

.fw700{font-weight: 700;}
.textNone {text-indent: 100%;white-space: nowrap;overflow: hidden;line-height: 0;}

@media screen and (min-width:769px) and (max-width:1000px) {

}