@charset "shift_jis";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap');

/* setting */
body{
  color: #323232;
}
.cms_wp{
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .cms_wp:not(.cms_layout_8){
    padding-left: 6.26vw;
    padding-right: 6.26vw;
  }
  .main_title + .cms_layout_2.cms_blockspcolumn1 ul{ margin-top:0; }
  .main_title + .cms_layout_2.cms_blockspcolumn1 li:nth-of-type(1){ padding-top: 0;}
}
.cms_title1,
.cms_title2,
.cms_title3{
  color: #162E58;
}

/* module PC:左寄せ/SP:テキスト左寄せ */
div[id^="flect_slider"] .cms_title1 h2, div[id^="flect_slider"] .cms_title2 h2, div[id^="flect_slider"] .cms_title3 h2, 
div[id^="module"] .cms_title1 p, div[id^="module"] .cms_title1 h2,
div[id^="module"] .cms_title2 p, div[id^="module"] .cms_title2 h2,
div[id^="module"] .cms_title3 p, div[id^="module"] .cms_title3 h2{ text-align: left; }

@media screen and (min-width: 768px) {
  div[id^="module"] .cms_title1 p, div[id^="module"] .cms_title1 h2, div[id^="flect_slider"] .cms_title1 h2{ font-size: 20px; }
  div[id^="module"] .cms_title2 p, div[id^="module"] .cms_title2 h2, div[id^="flect_slider"] .cms_title2 h2{ font-size: 24px; }
  div[id^="module"] .cms_title3 p, div[id^="module"] .cms_title3 h2, div[id^="flect_slider"] .cms_title3 h2{ font-size: 28px; }
  div[id^="module"] .cms_subtitle1 p{ font-size: 16px; }
  div[id^="module"] .cms_databox .cms_dataexp p{ font-size: 16px; }
  .cms_title1,
  .cms_title2,
  .cms_title3{
    line-height: 2;
  }
  .fs-flect-large{ font-size: 18px; }
  .fs-flect-medium{ font-size: 16px; }
  .fs-flect-small{ font-size: 14px; }
  .fs-flect-x-small{ font-size: 12px; }

}
@media screen and (max-width: 767px) {
  div[id^="module"] .cms_title1 p, div[id^="module"] .cms_title1 h2, div[id^="flect_slider"] .cms_title1 h2{ font-size: 4.27vw; /* 16px */ }
  div[id^="module"] .cms_title2 p, div[id^="module"] .cms_title2 h2, div[id^="flect_slider"] .cms_title2 h2{ font-size: 4.8vw; /* 18px */}
  div[id^="module"] .cms_title3 p, div[id^="module"] .cms_title3 h2 ,div[id^="flect_slider"] .cms_title3 h2{ font-size: 5.4vw; /* 20px */ }
  div[id^="module"] .cms_subtitle1 p{ font-size: 4.27vw; /* 16px */ }
  div[id^="module"] .cms_dataexp p{ font-size: 3.74vw; /* 14px */ }
  .cms_title1,
  .cms_title2,
  .cms_title3{
    line-height: 1.4;
  }  
  .fs-flect-large{ font-size: 4.27vw; /* 16px */ }
  .fs-flect-medium{ font-size: 3.74vw; /* 14px */ }
  .fs-flect-small{ font-size: 3.2vw; /* 12px */ }
  .fs-flect-x-small{ font-size: 2.67vw; /* 10px */ }
}
/* flect_story_top ストーリー */
div[id^="flect_story_top"] a .cms_datatitle { color: #162E58; }
@media screen and (min-width: 768px){
  div[id^="flect_story_top"] .cms_title3 p{ font-size: 28px; }
  div[id^="flect_story_top"] .cms_subtitle1 p{
    font-size: 18px;
    line-height: 2;
  }
  div[id^="flect_story_top"] .cms_datatitle p{ font-size: 18px; }
  div[id^="flect_story_top"] .cms_dataexp p{ font-size: 12px; }
}
@media screen and (max-width: 767px){
  div[id^="flect_story_top"] .cms_title3{ text-align: left; }
  div[id^="flect_story_top"] .cms_title3 p{ font-size: 5.4vw; /* 20px */ }
  div[id^="flect_story_top"] .cms_subtitle1 p{ font-size: 4.27vw; /* 16px */ }
  div[id^="flect_story_top"] .cms_datatitle p{ font-size: 4.8vw; /* 18px */ }
  div[id^="flect_story_top"] .cms_dataexp p{ font-size: 3.74vw; /* 14px */ }

  #flect_story_top1 .cms_subtitle1 p{ padding: 6.1vw 0; }
}
/* module19-1 おすすめ */
div[id^="module19"] .box{
  background: #F5F5F5;
  border-radius: 7px;
}
div[id^="module19"] .cms_databox dd{
  display: flex;
  flex-direction: column;
}
div[id^="module19"] .cms_dataprice{
  color: #498EB7;
  font-weight: 700;
  display: inline-flex;
  align-items: baseline;
  margin-bottom: 0;
}
div[id^="module19"] .cms_dataprice:before{
  content: '\0a5';
  margin-right: 0.2em;
}
div[id^="module19"] .cms_dataprice:after{
  content:"/ 月";
  padding-left: 0.2em;
}
div[id^="module19"] .cms_dataprice p {
  font-weight: 700;
  line-height: 1;
  text-indent: -1em;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  div[id^="module19"] .box{
    padding: 24px 16px;
  }
  div[id^="module19"] .cms_dataexp p{ font-size: 16px; }
  div[id^="module19"] .cms_datatitle p,
  div[id^="module19"] .cms_dataprice:before,
  div[id^="module19"] .cms_dataprice:after{
    font-size: 12px;
  }
  div[id^="module19"] .cms_dataexp2 p{
    font-size: 10px;
  }
  div[id^="module19"] .cms_dataprice p{
    font-size: 20px;
  }
}
 @media screen and (max-width: 767px) {
  div[id^="module19"] .box{
    padding: 6.4vw 4.26vw;
  }
  div[id^="module19"] .cms_dataexp p,
  div[id^="module19"] .cms_datatitle p,
  div[id^="module19"] .cms_dataprice:before,
  div[id^="module19"] .cms_dataprice:after{
    font-size: 3.2vw;
  }
  div[id^="module19"] .cms_dataexp2 p{
    font-size: 2.7vw;
  }
  div[id^="module19"] .cms_dataprice{
    font-size: 5.3vw;
  }
}
/*===============================================
 module03 series
===============================================*/
/* module03-1 【新2】PC:テキストセンタリング/SP:テキスト左寄せ */
@media screen and (min-width: 768px) {
  div[id^="module030"]{ padding: 70px 20px 34px 20px; }
  div[id^="module031"]{ padding: 0 20px 34px 20px; }
  div[id^="module031"] .cms_title1 p,
  div[id^="module031"] .cms_title2 p,
  div[id^="module031"] .cms_title3 p,
  div[id^="module031"] .cms_subtitle1 p{ text-align: center; }
}
@media screen and (max-width: 767px) {
  div[id^="module031"] .cms_title1 p,
  div[id^="module031"] .cms_title2 p,
  div[id^="module031"] .cms_title3 p{ text-align: left; }
}
/* module03-2 【新2】PC:左寄せ/SP:テキスト左寄せ */
div[id^="module032"] .cms_title1 p,
div[id^="module032"] .cms_title2 p,
div[id^="module032"] .cms_title3 p,
div[id^="module032"] .cms_subtitle1 p{ text-align: left; }
@media screen and (min-width: 768px) {
  div[id^="module032"] .cms_databox li:first-child{
    margin-top: 12px;
  }
}
@media screen and (max-width: 767px) {
  div[id^="module030"] + div[id^="module031"].cms_wp{ padding-bottom: 25.6vw; }
  div[id^="module031"] .cms_subtitle1 p{ margin-top:8.5vw; }
}

/*===============================================
 module14 【新2】グレー背景枠
===============================================*/
div[id^="module14"] ul li > *{
  background-color: #F5F5F5;
}
div[id^="module14"] .cms_title1 p,
div[id^="module14"] .cms_title2 p,
div[id^="module14"] .cms_title3 p{ text-align: left; }
div[id^="module14"] .cms_datatitle{
  color: #498EB7;
  font-weight: 700;
}
div[id^="module14"] .cms_databox dt{ border-radius: 0; }
div[id^="module14"] .cms_dataexp2 p{ color: #8C8C8C; }
div[id^="module14"] .cms_dataexp2 p a{ color: #498EB7 !important; text-decoration: underline; }

@media screen and (min-width: 768px) {
  div[id^="module14"] .cms_databox{ padding-top: 25px; }
  div[id^="module14"] ul li > *{ padding: 24px; }

  div[id^="module14"] .cms_datatitle p{ font-size: 16px; }
  div[id^="module14"] .cms_databox .cms_dataexp p{ padding-top: 15px; }
  div[id^="module14"] .cms_databox .cms_dataexp2 p{ font-size: 10px; padding-top: 15px; }
}
@media screen and (max-width: 767px) {
  div[id^="module14"].cms_wp{ padding-bottom: 25.6vw; }

  div[id^="module14"] .cms_databox{ padding-top: 8.5vw; }
  div[id^="module14"] ul li > *{ padding: 6.4vw; }

  div[id^="module14"] .cms_databox .cms_datatitle p{ font-size: 4.27vw; /* 16px */ padding: 6.4vw 0; }
  div[id^="module14"] .cms_databox .cms_dataexp p{ padding-top: 3%; }
  div[id^="module14"] .cms_databox .cms_dataexp2 p{ font-size: 2.67vw; /* 10px */ padding-top: 3%; }
}
/*===============================================
 module19 【新10】グレー背景枠 Story_detail おすすめ
===============================================*/
div[id^="module19"] .cms_title1 p,
div[id^="module19"] .cms_title2 p,
div[id^="module19"] .cms_title3 p{ text-align: left; }
div[id^="module19"] .box{
  background: #F5F5F5;
  border-radius: 7px;
}
div[id^="module19"] .cms_databox dd{
  display: flex;
  flex-direction: column;
}
div[id^="module19"] .cms_databox dd .cms_dataexp{ order: 1; }
div[id^="module19"] .cms_databox dd .cms_datatitle{ order: 2; }
div[id^="module19"] .cms_databox dd .cms_dataexp2{ order: 3; }
div[id^="module19"] .cms_databox dd .cms_dataprice{ order: 4; }
div[id^="module19"] .cms_databox dd .off_rate{ order: 5; }

div[id^="module19"] .cms_databox dd .cms_datatitle p{ font-weight: normal; }
div[id^="module19"] .cms_databox dd .cms_dataexp p{ font-weight: 700; }
div[id^="module19"] .cms_databox dd .cms_datatitle p,
div[id^="module19"] .cms_databox dd .cms_dataprice p{ padding-top: 10px; }

div[id^="module19"] .cms_dataprice{
  color: #498EB7;
  font-weight: 700;
  display: inline-flex;
  align-items: baseline;
  margin-bottom: 0;
}
div[id^="module19"] .cms_dataprice:before{
  content: '\0a5';
  margin-right: 0.2em;
}
div[id^="module19"] .cms_dataprice:after{
  content:"/ 月";
  padding-left: 0.2em;
}
div[id^="module19"] .cms_dataprice p {
  font-weight: 700;
  line-height: 1;
  text-indent: -1em;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  div[id^="module19"] .box{
  padding: 24px 16px;
  }
  div[id^="module19"] .cms_databox{ padding-top :0; }
  div[id^="module19"] .cms_databox dt{
    width: 100%;
    text-align: center;
    margin: 0;
  }
  div[id^="module19"] .cms_databox dt img{
    width: 120px;
  }
  div[id^="module19"] .cms_databox dd{
    float: none;
    width: 100%;
  }
  div[id^="module19"] .cms_datatitle p,
  div[id^="module19"] .cms_dataprice:before,
  div[id^="module19"] .cms_dataprice:after{ font-size: 12px; }
  div[id^="module19"] .cms_dataprice p{ font-size: 20px; }
  div[id^="module19"] .cms_dataexp p { font-size: 16px; }
  div[id^="module19"] .cms_dataexp2 p{ font-size: 10px; }
}
@media screen and (max-width: 767px) {
  div[id^="module19"] .box{
    padding: 6.4vw 4.26vw;
  }
  div[id^="module19"].cms_blockspcolumn2 .cms_databox dt{
    width: 32vw; /* 120px */
  }
  div[id^="module19"].cms_blockspcolumn2 .cms_databox dd{
    float: none;
    width: auto;
  }
  div[id^="module19"] .cms_databox dd .cms_dataexp p{ padding-top: 0; }

  div[id^="module19"] .cms_dataprice{ font-size: 5.34vw; /* 20px */ }
  div[id^="module19"] .cms_dataprice:before,
  div[id^="module19"] .cms_dataprice:after,
  div[id^="module19"] .cms_datatitle p,
  div[id^="module19"] .cms_dataexp p { font-size: 3.2vw; /* 12px */ }
  div[id^="module19"] .cms_dataexp2 p{ font-size: 2.67vw; /* 10px */ }
}
/*===============================================
 flect_slider_story 【新8】 Story_list
===============================================*/
#flect_slider_story.cms_layout_8 .cms_data_exp.exp1{
  color: #162E58;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  #flect_slider_story.cms_layout_8 .cms_data_exp.exp1{
    font-size: 18px;
  }
  #flect_slider_story .cms_databox{ padding-top: 13px; }
  #flect_slider_story.cms_layout_8 .cms_databox ul[class^="multiple-item"]{
    margin: 0 -25px 0 0;
    padding: 0;
  }
  #flect_slider_story.cms_layout_8 .cms_databox ul[class^="multiple-item"] li{
    margin: 0 25px 0 0;
  }
  #flect_slider_story.cms_layout_8 .cms_databox ul[class^="multiple-item"] .slick-list{
    margin-left: 0;
  }
  #flect_slider_story.cms_layout_8 .cms_databox ul li dl dt{
    width: 100%;
  }
  #flect_slider_story.cms_layout_8 .slick-initialized .slick-arrow {
    top: 94px;
  }
  #flect_slider_story.cms_layout_8 .slick-initialized .slick-next{
    right: 24px;
  }
  #flect_slider_story.cms_layout_8 ul[class^="multiple-item"]::before{
    display:none;
  }
  #flect_slider_story.cms_layout_8 ul[class^="multiple-item"]::after {
    content: "";
    display: block;
    width: 23px;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
  }
}
@media screen and (max-width: 767px) {
  #flect_slider_story.cms_layout_8 .cms_data_exp.exp1{
    font-size: 3.74vw; /* 14px */
  }
  #flect_slider_story.cms_layout_8 .cms_data_price{ display: none; }

/*
  #flect_slider_story.cms_layout_8 .slick-track{
    margin-left: 6.26vw;
  }
  .cms_layout_8 .cms_databox ul[class^="multiple-item"] li{
  padding: 0 6.26vw 0 0;
  }
  #flect_slider_story ul[class^="multiple-item"] li dl{
    padding-right: 6.26vw;
  }*/
    #flect_slider_story ul[class^="multiple-item"]{
    padding: 0;
  }


  #flect_slider_story.cms_layout_8 .cms_databox ul[class^="multiple-item"] li a{
    margin: 0 6.26vw 0 0;
  }
}