@charset "utf-8";


/*body {
  animation: fadeIn 1s ease 0s  1 normal;
  -webkit-animation: fadeIn 1s ease 0s 1 normal;
}
@keyframes fadeIn {
  0% {opacity: 0}
  80% {opacity: 0}
  100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% {opacity: 0}
  80% {opacity: 0}
  100% {opacity: 1}
  }*/

/*
----------------------*/
/*
----------------------------------------*/
/*全体の設定
---------------------------------------------------------------------------*/
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: #333;
  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.8;
  min-width: 1000px;
}
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;
  transition: 0.3s ease-in-out;
  outline: none;
  color: var(--link-main-color);
}

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: #E8F8E2;
  --link-main-color: #00BF67;
}
.bgcMain {
  background-color: var(--main-color);
}
.red {
  color: #EB5151;
}
/*見出し設定
---------------------------------------------------------------------------*/
.secTtl{
  font-size: 2.8rem;
  font-weight: 700;
  text-align: center;
}
.secDesc{
  font-size: 1.6rem;
  text-align: center;
  margin-top: 1rem;
}
/*共通部品
---------------------------------------------------------------------------*/
/*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;
  appearance: none;
}
.btn-login1 {
  color: #000;
  border-radius: 1.6rem;
  border: 2px solid var(--link-main-color);
  font-size: 1.3rem;
  font-weight: 700;
  width: 13rem;
  height: 3rem;
  line-height: calc(3rem - 4px);
  text-align: center;
}
.btn-cta a {
  background: #FFF;
  border-radius: 3rem;
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 0 auto;
  max-width: 36rem;
  padding: 1.4rem 2.6rem;
  color: #333;
  line-height: 1.8;
  text-decoration: none;
  transition: 0.3s ease-in-out;
  font-weight: 700;
  user-select: none;
}
.btn-cta a:after {
  content: '';
  width: .5rem;
  height: .5rem;
  border-top: .3rem solid #333;
  border-right: .3rem solid #333;
  transform: rotate(45deg) translateY(-50%);
  position: absolute;
  top: 50%;
  right: 2rem;
  border-radius: .1rem;
  transition: 0.3s ease-in-out;
}

/*水平線設定
--------------------------------------*/
.hrStyle1{
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #000;
  margin-bottom: 20px;
}
/*テーブル設定
--------------------------------------*/

/*カラム設定
---------------------------------------------------------------------------*/
.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;
  }
}
/*共通コンテンツ
--------------------------------------*/
.inrWrap{
  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 {
  margin-right: 3rem;
}
.gNavi ul li a:not(.btn-sp-menu){
  color: #000;
  font-size: 1.4rem;
  font-weight: 700;
}
/*SPメニューボタン
----------------------------------------*/
.sp-btn-menu {
  display: none;
}
/*FOOTER
---------------------------------------------------------------------------*/
.copyRight {
  background-color: #000;
  color: #FFF;
  font-size: 1rem;
  width: 100%;
  height: 5.8rem;
  line-height: 5.8rem;
  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;
}
/*CTA
---------------------------------------------------------------------------*/
.ctaArea{
  border: .2rem solid #FFF;
  background-color: #008E5A;
  box-shadow: 0 0 0 1rem #008E5A;
  width: calc(100% - 2rem);
  margin-left: auto;
  margin-right: auto;
  padding: 5rem;
}
.cta_txt{
  color: #FFF;
  font-size: 2.2rem;
  font-weight: 700;
  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;}
.ffs-palt{font-feature-settings: "palt";}
.textNone {text-indent: 100%;white-space: nowrap;overflow: hidden;line-height: 0;}

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

}