@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 //カラー正式指定の解除,
*/

/*
----------------------*/
/*
----------------------------------------*/

/*--------------------------------------------------------------------------
全体の設定
---------------------------------------------------------------------------*/
@keyframes fadeIn {
  0% {opacity: 0}
  85% {opacity: 0}
  100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% {opacity: 0}
  85% {opacity: 0}
  100% {opacity: 1}
}
html{
  font-size: calc(100vw / 76.8);
}
body {
  min-width: initial;
  min-width: auto;
  -webkit-animation: fadeIn 1s ease 0s 1 normal;
  animation: fadeIn 1s ease 0s  1 normal;
}
/*フォント設定
---------------------------------------------------------------------------*/
/*見出し設定
---------------------------------------------------------------------------*/
/*共通部品
---------------------------------------------------------------------------*/
/*ボタン設定
--------------------------------------*/
button,
input[type="submit"],
input[type="button"]{
  -webkit-appearance: none;
  border-radius: 0;
}
/*テーブル設定
--------------------------------------*/
/*カラム設定
---------------------------------------------------------------------------*/
.flexDcr{
  -ms-flex-direction: column-reverse;
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
/*3カラム
--------------------------------------*/
@media screen and (min-width:481px) and (max-width:768px) {
  .col-3-pc > * {
    flex: 0 0 30rem;
  }
  .col-3-pc > div:nth-of-type(2){
    margin-left: 2.8rem;
  }
}
/*Layout
---------------------------------------------------------------------------*/
/*共通コンテンツ
--------------------------------------*/
.innerWrap {
  width: 100%;
  padding: 0 6rem;
}
/*Header
---------------------------------------------------------------------------*/
.hdrInr {
  padding: 0 3rem;
}
/*gNavi
--------------------------------------*/
.gNavi {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FFF;
  transition: all 0.5s;
  visibility: hidden;
  opacity: 0;
  z-index: 99;
  display: flex;
  justify-content: center;
  padding: 4.8rem 0;
}
.gNavi.open {
  transition: all 0.5s;
  visibility: visible;
  opacity: 1;
}
.gNavi ul {
  flex-direction: column;
  overflow-y: auto;
  height: 100%;
  flex-wrap: nowrap;
  margin-top: 8rem;
  position: relative;
}
.gNavi ul::-webkit-scrollbar {
  display: none;
}
.gNavi ul li {
  margin: 0 0 5rem;
  text-align: center;
}
.gNavi ul li:not(:last-of-type){
  margin-right: 0;
}
.hdr_btn-login{
  width: 30rem;
  font-size: 1.3rem;
}
.fixed-bg {
  position: fixed;
  width: 100%;
}
/*SPメニューボタン
----------------------------------------*/
.sp-btn-menu {
  position: absolute;
  right: 3rem;
  width: 2.4rem;
  height: 1.5rem;
  display: block;
  z-index: 100;
  top: 50%;
  transform: translateY(-50%);
}
.sp-btn-menu .line {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 2.4rem;
  height: 0.3rem;
  background: #404342;
  transition: all 0.3s ease-out;
  transform: translate(-50%, -50%);
}
.sp-btn-menu.is-active .line {
  background: #000000;
}
.sp-btn-menu .line1 {
  top: calc(50% - 0.7rem);
}
.sp-btn-menu .line2 {
  top: 50%;
}
.sp-btn-menu .line3 {
  top: calc(50% + 0.7rem);
}
.sp-btn-menu.is-active .line1 {
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.sp-btn-menu.is-active .line2 {
  opacity: 0;
}
.sp-btn-menu.is-active .line3 {
  top: 50%;
  transform: translate(-50%, -50%) rotate(135deg);
}
/*FOOTER
---------------------------------------------------------------------------*/
.gFooter .ftrInr {
  padding: 7.8rem 0;
  justify-content: center;
}
.ftr_logo img {
  width: 20rem;
  height: auto;
}
.ftrNavi {
  margin: 3.4rem 0 1.5rem;
  padding: 0;
  width: 100%;
  text-align: center;
}
.ftrNavi ul li {
  margin-bottom: 2rem;
}
.ftrNavi_grid {
  grid-template-columns: auto;
  grid-template-rows: auto auto auto;
  grid-template-areas: "fNav1" "fNav2" "fNav3";
}
.fNav1 a {
  font-weight: 700;
}
.fNav2 a {
  font-weight: 700;
}
.fNav3 ul {
  display: flex;
  justify-content: center;
}
.fNav3 ul li {
  padding: 0 1.5rem;
}
.ftr_btn-reg {
  font-size: 1.4rem;
  width: 30rem;
  height: 5.4rem;
  line-height: 5.4rem;
}
/*ページリンクエリア
---------------------------------------------------------------------------*/
.pageLinkArea {
  padding: 3rem 0;
  margin: auto;
}
.pageLinkArea p {
  margin: 0 0 1.5rem;
  text-align: center;
  width: 100%;
}
/*ページアップ btnPagetop
---------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
□下層共通 lowerLayer
---------------------------------------------------------------------------*/
/*mainVisual
--------------------------------------*/
/*breadcrumb
--------------------------------------*/
/*Main
---------------------------------------------------------------------------*/



/*--------------------------------------------------------------------------
□TOPページ home
---------------------------------------------------------------------------*/
/*homeMainVisual
--------------------------------------*/
.homeMainVisual{
  padding: 2.4rem 0 2.5rem;
  background: url(../images/home/mv-bg.png);
}
.homePrimary {
  background-color: #FFF;
  background-image: none;
  padding-bottom: 8.4rem;
}
.hpriInr {
  width: 100%;
}
.hMv_img {
  margin-top: 0;
  margin: auto;
  width: 69.2rem;
  display: block;
}
/*homeRegForm
--------------------------------------*/
.homeRegFormWrap {
  position: relative;
  margin: auto;
  width: 86%;
  right: inherit;
  top: inherit;
  margin-top: 7.6rem;
}
.hRegForm_btn-submit{
  width: 92%;
}
/*Main
---------------------------------------------------------------------------*/
/*homeProblem
--------------------------------------*/
.hProb_box {
  margin-bottom: 4rem;
}
/*homeAbout
--------------------------------------*/
/*homeFeat
--------------------------------------*/
.hFeat_box {
  margin-top: 4.2rem;
}
/*flowArea
--------------------------------------*/
.flow_boxWrap {
  padding: 2rem 0 3rem;
  justify-content: center;
  margin: 3rem auto 4rem;
}
.sflow_boxWrap:last-of-type{
  margin-bottom: 0;
}
.flow_box {
  margin: auto;
  width: 100%;
  padding: 0 4rem;
}
.flow_box h5 {
  margin-top: 3rem;
  text-indent: -1.7em;
  padding-left: 1.7em;
}
.flow_box p {
  margin: 0.5rem 0 0 3.6rem;
}
/*homeVoice
--------------------------------------*/
.hVoice_box {
  margin-bottom: 2rem;
}
@media screen and (min-width: 481px) {
  .hVoice_box:nth-of-type(even){
    margin-left: 4rem;
  }
}
/*homeFaq
--------------------------------------*/
.hFaq_dl dt {
  padding-left: 4rem;
}
.hFaq_dl dd {
  padding-left: 4rem;
  padding-bottom: 3rem;
  padding-top: 1rem;
}
/*hComp
--------------------------------------*/
.hComp_tableWrap{
  margin-top: 3.5rem;
}
.hComp_mapWrap {
  padding: 0;
}
/*--------------------------------------------------------------------------
□下層ページ
---------------------------------------------------------------------------*/
/*ABOUT
---------------------------------------------------------------------------*/
/*mainVisual
--------------------------------------*/
/*Main
---------------------------------------------------------------------------*/

/*ect
---------------------------------------------------------------------------*/
.tab-mt-0{margin-top: 0;}
.tab-mt-1{margin-top: 1rem;}
.tab-mt-1-5{margin-top: 1.5rem;}
.tab-mt-2{margin-top: 2rem;}
.tab-mt-2-5{margin-top: 2.5rem;}
.tab-mt-3{margin-top: 3rem;}
.tab-mt-4{margin-top: 3rem;}
.tab-mt-5{margin-top: 5rem;}
.tab-mt-6{margin-top: 6rem;}
.tab-mt-5{margin-top: 7rem;}
.tab-mt-6{margin-top: 8rem;}

@media screen and (max-width: 480px){
/*--------------------------------------------------------------------------
全体の設定
---------------------------------------------------------------------------*/
html{
  font-size: calc(100vw / 39);
}
/*フォント設定
---------------------------------------------------------------------------*/
/*見出し設定
---------------------------------------------------------------------------*/
.secTtlType1{
  font-size: 2.2rem;
}
/*共通コンテンツ・部品
---------------------------------------------------------------------------*/
.innerWrap {
  padding: 0 1.6rem;
}
/*テーブル設定
--------------------------------------*/
/*tableType1
----------------------------------------*/
.tableType1 th,
.tableType1 td {
  display: block;
}
.tableType1 th {
  padding: 1.5rem 0 0;
}
.tableType1 td {
  padding: 0 0 1.5rem;
}
/*カラム設定
---------------------------------------------------------------------------*/
/*Header
---------------------------------------------------------------------------*/
/*SPメニューボタン
----------------------------------------*/
.sp-btn-menu{
  right: 1.6rem;
}
/*FOOTER
---------------------------------------------------------------------------*/
/*ページリンクエリア
---------------------------------------------------------------------------*/
.pageLinkArea p {
  font-size: 1.6rem;
}
/*--------------------------------------------------------------------------
下層共通 lowerLayer
---------------------------------------------------------------------------*/
/*mainVisual
--------------------------------------*/
/*breadcrumb
--------------------------------------*/
/*Main
--------------------------------------*/

/*--------------------------------------------------------------------------
TOPページ home
---------------------------------------------------------------------------*/
/*homeMainVisual
--------------------------------------*/
.homePrimary{
  padding-bottom: 0;
}
.homeMainVisual{
  padding: 3.5rem 0;
}
.hpriInr{
  background: url(../images/home/mv-bg.png);
  padding-bottom: 6rem;
}
.hMv_img{
  width: 39rem;
}
.scrolldown {
  display: none;
}
/*homeRegForm
--------------------------------------*/
.homeRegFormWrap{
  margin-top: 1.8rem;width: 94.8%;
}
/*Main
---------------------------------------------------------------------------*/
/*homeProblem
--------------------------------------*/
.hProb_box{
  width: 100%;
}
/*homeAbout
--------------------------------------*/
.hAbout_note1{
  font-size: 1.6rem;
}
/*flowArea
--------------------------------------*/
.flow_boxWrap{
  margin: 3.2rem auto 3.8rem;
  padding: 2rem 0 1rem;
}
.flow_box{
  padding: 0 1.8rem;
}
.flow_box h5{
  margin-top: 3.6rem;
}
/*homeVoice
--------------------------------------*/
.hVoice_box{
  width: 100%;
  margin-bottom: 1rem;
}
/*homeFaq
--------------------------------------*/
.hFaq_dl dt {
  font-size: 1.6rem;
  padding-left: 4.6rem;
  line-height: 1.37;
}
.hFaq_dl dd{
  padding-left: 4.6rem;
  padding-top: 1.2rem;
  padding-bottom: 2.2rem;
}
.hFaq_dl dd:before{
  top: 0.3rem;
}
/*--------------------------------------------------------------------------
下層ページ
---------------------------------------------------------------------------*/

/*ABOUT
---------------------------------------------------------------------------*/
/*mainVisual
--------------------------------------*/
/*Main
--------------------------------------*/

/*--------------------------------------------------------------------------
ect
---------------------------------------------------------------------------*/
.spAlignL {text-align: left;}
.spAlignR {text-align: right;}
.spAlignCR {text-align: center;}

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

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

}

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

}

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

}