@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: #000;
  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.7;
  min-width: 1100px;
}
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;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  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: #2498E0;
  --link-text-color: #;
}
.bgcMain {
  background-color: #E2F0F8;
}
.red {
  color: #EB5151;
}
/*見出し設定
---------------------------------------------------------------------------*/
.secTtlType1{
  font-size: 2.8rem;
  font-weight: 700;
  text-align: center;
}
/*共通部品
---------------------------------------------------------------------------*/
/*ボタン設定
--------------------------------------*/
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: 20px;
}
/*テーブル設定
--------------------------------------*/
/*tableType1
----------------------------------------*/
.tableType1 {
  width: 100%;
  table-layout: fixed;
}
.tableType1 tr {
  border-bottom: 1px solid #707070;
}
.tableType1 th, .tableType1 td {
  font-size: 1.4rem;
  padding: 1.6rem 0;
  vertical-align: top;
}
.tableType1 th {
  font-weight: 400;
  width: 14rem;
  text-align: left;
}
/*カラム設定
---------------------------------------------------------------------------*/
.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;
}
/*3カラム
--------------------------------------*/
.col-3-pc {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .col-3-pc > * {
    flex: 0 0 30rem;
  }
  .col-3-pc > div:not(:nth-of-type(3n+1)){
    margin-left: 4rem;
  }
}
/*Layout
---------------------------------------------------------------------------*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  main {
    display: block;
  }
}
/*共通コンテンツ
--------------------------------------*/
.innerWrap {
  width: 980px;
  margin: 0 auto;
}
/*Header
---------------------------------------------------------------------------*/
.gHeader {
  position: relative;
  z-index: 1;
}
.hdrInr {
  width: 100%;
  height: 4.8rem;
  padding: 0 1.2rem 0 3rem;
  position: relative;
}
/*gNavi
--------------------------------------*/
.gNavi {
  margin-left: auto;
}
.gNavi ul li:not(:last-of-type) {
  margin-right: 3rem;
}
.gNavi ul li a:not(.hdr_btn-login) {
  color: #000;
  font-size: 1.4rem;
  font-weight: 700;
}
.hdr_btn-login {
  color: #000;
  border-radius: 1.6rem;
  border: 2px solid var(--main-color);
  font-size: 1.3rem;
  display: inline-block;
  font-weight: 700;
  width: 13rem;
  height: 3rem;
  line-height: calc(3rem - 4px);
  text-align: center;
}
/*SPメニューボタン
----------------------------------------*/
.sp-btn-menu {
  display: none;
}
/*FOOTER
---------------------------------------------------------------------------*/
.gFooter {
  background-color: #404342;
}
.gFooter .ftrInr {
  padding: 7rem 0 3rem;
}
.ftrNavi {
  padding: 0 8rem;
}
.ftrNavi ul li {
  margin-bottom: 1.6rem;
}
.ftrNavi ul li a {
  color: #FFF;
  font-size: 1.4rem;
}
.ftrNavi_grid {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto 1fr;
  gap: 0 4rem;
  grid-auto-flow: row;
  grid-template-areas: "fNav1 fNav2" "fNav1 fNav3";
}
.fNav1 {
  grid-area: fNav1;
}
.fNav2 {
  grid-area: fNav2;
}
.fNav3 {
  grid-area: fNav3;
}
.ftr_btn-reg {
  background-color: #fff;
  border-radius: 2rem;
  color: #000;
  font-size: 1.5rem;
  font-weight: 700;
  width: 24.5rem;
  height: 5.5rem;
  line-height: 5.5rem;
  text-align: center;
}
.copyRight {
  background-color: #000;
  color: #FFF;
  font-size: 1rem;
  width: 100%;
  height: 5.8rem;
  line-height: 5.8rem;
  text-align: center;
}
/*ページリンクエリア
---------------------------------------------------------------------------*/
.pageLinkArea {
  background-color: #fff;
  border-radius: 2rem;
  width: 100%;
  padding: 3.5rem;
}
.pageLinkArea p {
  font-size: 2rem;
  font-weight: 700;
  margin-right: 4rem;
}
.pageLinkArea_btn-link {
  border: 2px solid var(--main-color);
  border-radius: 2rem;
  background-color: #fff;
  color: var(--main-color);
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 700;
  width: 28.2rem;
  height: 5rem;
  line-height: calc(5rem - 4px);
  text-align: center;
}
/*ページアップ btnPagetop
---------------------------------------------------------------------------*/
.btn-page-top {
  background-color: #CECECE;
  color: #6B6B6B;
  display: block;
  font-size: 1.4rem;
  width: 100%;
  height: 5.4rem;
  line-height: 5.4rem;
  text-align: center;
}


/*--------------------------------------------------------------------------
□下層共通 lowerLayer
---------------------------------------------------------------------------*/
/*mainVisual
--------------------------------------*/
/*breadcrumb
--------------------------------------*/
/*Main
---------------------------------------------------------------------------*/

/*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;}
.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;}
.pc-mt-7{margin-top: 7rem;}
.pc-mt-8{margin-top: 8rem;}

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

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

}