@charset "utf-8";

/*
375の時に何pxで見せたいか？
calc(250 / 375 * 100vw);
*/

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

/*--------------------------------------------------------------------------
全体の設定
---------------------------------------------------------------------------*/

html{
  font-size: calc(100vw / 37.5);
}
body {
  font-size :1.5rem;
  min-width: initial;
  min-width: auto;
}
/*フォント設定
---------------------------------------------------------------------------*/
/*見出し設定
---------------------------------------------------------------------------*/
.secTtl {
  font-size: 2rem;
}
.secDesc{
  font-size: 1.5rem;
}
/*共通部品
---------------------------------------------------------------------------*/

/*ボタン設定
--------------------------------------*/
button,
input[type="submit"],
input[type="button"]{
  border-radius: 0;
}
.btn-sp-menu {
  background-color: #fff;
  border-radius: 2rem;
  display: block;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
  width: 30rem;
  height: 5.4rem;
  line-height: 5.4rem;
  margin: auto;
}
.btn-sp-login1 {
  border: 2px solid var(--link-main-color);
  color: var(--link-main-color);
  line-height: calc(5.4rem - 4px);
}
/*テーブル設定
--------------------------------------*/

/*カラム設定
---------------------------------------------------------------------------*/
.flexDcr{
  -ms-flex-direction: column-reverse;
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
/*Layout
---------------------------------------------------------------------------*/
/*共通コンテンツ
--------------------------------------*/
.inrWrap{
  width: 100%;
  padding: 0 1.4rem;
}
/*Header
---------------------------------------------------------------------------*/
.hdrInr {
  height: 8.4rem;
  padding: 0;
}
.hdr_logo {
  margin: auto;
}
.hdr_logo img {
  width: 18rem;
  height: auto;
}
/*gNavi
--------------------------------------*/
.gNavi {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #404342;
  transition: all 0.5s;
  visibility: hidden;
  opacity: 0;
  z-index: 99;
  display: flex;
  justify-content: center;
  padding: 3rem 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: 5.2rem;
  padding-top: 2rem;
  position: relative;
}
.gNavi ul::-webkit-scrollbar {
  display: none;
}
.gNavi ul li {
  margin: 0 0 3.8rem;
  text-align: center;
}
.gNavi ul li a:not(.btn-sp-menu){
  color: #FFF;
  font-size: 1.8rem;
}
.gNavi .sp-menu_logo {
  position: absolute;
  top: 3rem;
  margin: auto;
  text-align: center;
  width: 100%;
}
.gNavi .sp-menu_logo img {
  width: 18rem;
  height: auto;
}
.fixed-bg {
  position: fixed;
  width: 100%;
}
/*SPメニューボタン
----------------------------------------*/
.sp-btn-menu {
  position: absolute;
  right: 1.4rem;
  width: 2.4rem;
  height: 2rem;
  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.4rem;
  background: #404342;
  transition: all 0.3s ease-out;
  transform: translate(-50%, -50%);
}
.sp-btn-menu.is-active .line {
  background: #FFF;
}
.sp-btn-menu .line1 {
  top: calc(50% - 0.8rem);
}
.sp-btn-menu .line2 {
  top: 50%;
}
.sp-btn-menu .line3 {
  top: calc(50% + 0.8rem);
}
.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
---------------------------------------------------------------------------*/
/*CTA
---------------------------------------------------------------------------*/
.ctaArea{
  box-shadow: 0 0 0 0.5rem #008E5A;
  width: calc(100% - 1rem);
  padding: 3rem 1.5rem;
}
.cta_txt{
  font-size: 1.5rem;
}

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



/*--------------------------------------------------------------------------
□TOPページ home
---------------------------------------------------------------------------*/
.secHome {
  padding: 3rem 0 4rem;
}
/*homeMainVisual
--------------------------------------*/
.homeMainVisual{
  padding: 2rem 1.4rem;
}
.h_mv_itemWrap{
  width: 100%;
  padding: 2.5rem 1rem 2rem;
  border-radius: 2rem;
}
/*Main
---------------------------------------------------------------------------*/
/*h_about
--------------------------------------*/
.h_about_boxWrap{
  margin-top: 3rem;
}
.h_about_boxImg{
  width: 100%;
  text-align: center;
}
.h_about_box{
  width: 100%;
}
.h_about_box h3{
  font-size: 1.8rem;
  text-align: center;
}
.h_about_box p{
  font-size: 1.5rem;
}
/*h_flow
--------------------------------------*/
.h_flow_inrWrap{
  width: 100%;
  padding: 0 1.4rem;
  margin: 0 auto;
}
.h_flow_boxImg{
  width: 100%;
  text-align: center;
}
.h_flow_box{
  width: 100%;
  margin-top: 2rem;
}
.h_flow_boxImg img{
  width: 4rem;
}
.h_flow_box h3{
  font-size: 1.8rem;
  font-feature-settings: "palt";
  text-align: center;
}
.h_flow_arrow img{
  width: 5rem;
}
.h_flow_rewards h4{
  font-size: 3.6rem;
}
.h_flow_rwds_txt1{
  font-size: 2rem;
}
/*h_use
--------------------------------------*/
.h_use_boxWrap{
  margin-top: 3rem;
}
.h_use_box h3{
  font-size: 1.7rem;
}
.h_use_box p{
  font-size: 2rem;
}
/*h_howRefer
--------------------------------------*/
.h_howRf_list{
  margin-top: 3rem;
}
.h_howRf_list_num{
  font-size: 2.4rem;
  width: 46px;
}
.h_howRf_list_text {
  padding: 15px 10px;
  width: calc(100% - 46px);
  font-size: 16px;
}
/*--------------------------------------------------------------------------
□下層ページ
---------------------------------------------------------------------------*/

/*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;}

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

@media screen and (max-width: 480px){
/*--------------------------------------------------------------------------
全体の設定
---------------------------------------------------------------------------*/

/*フォント設定
---------------------------------------------------------------------------*/
/*見出し設定
---------------------------------------------------------------------------*/
/*共通コンテンツ・部品
---------------------------------------------------------------------------*/
/*カラム設定
---------------------------------------------------------------------------*/
/*Header
---------------------------------------------------------------------------*/
/*FOOTER
---------------------------------------------------------------------------*/

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

/*--------------------------------------------------------------------------
TOPページ home
---------------------------------------------------------------------------*/
/*homeMainVisual
--------------------------------------*/
/*Main
--------------------------------------*/

/*--------------------------------------------------------------------------
下層ページ
---------------------------------------------------------------------------*/

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

/*--------------------------------------------------------------------------
ect
---------------------------------------------------------------------------*/


}

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

}

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

}