@charset "utf-8";

/*--------------------------------------------------------------------------
全体の設定
---------------------------------------------------------------------------*/
html{
  font-size: calc(100vw / 37.5);
}
body {
  font-size: 1.4rem;
  font-family: 'M PLUS Rounded 1c',BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo,"Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  min-width: initial;
  min-width: auto;
}
/*フォント設定
---------------------------------------------------------------------------*/
/*見出し設定
---------------------------------------------------------------------------*/
.secTtl1{
  font-size: 2.6rem;
  margin-bottom: 2.5rem;
}
.secTtl2{
  font-size: 2.5rem;
  margin-bottom: 5rem;
  padding-bottom: 0.5rem;
}
.secTtl2 span{
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
}
.secTtl3{
  font-size: 2.6rem;
  margin-bottom: 3rem;
}
/*共通部品
---------------------------------------------------------------------------*/
/*ボタン設定
--------------------------------------*/
button,
input[type="submit"],
input[type="button"]{
  -webkit-appearance: none;
  border-radius: 0;
}
/*テーブル設定
--------------------------------------*/
/*カラム設定
---------------------------------------------------------------------------*/
.flexCrev{
  -ms-flex-direction: column-reverse;
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

/*Layout
---------------------------------------------------------------------------*/
/*共通コンテンツ
--------------------------------------*/
.innerWrap{
  width: 100%;
  padding: 0 4%;
}
/*Header
---------------------------------------------------------------------------*/
/*FOOTER
---------------------------------------------------------------------------*/
.ftrNavi ul li{
  padding: 0 1rem;
}
.ftrNavi a{
  font-size: 1.1rem;
}
/*--------------------------------------------------------------------------
□LP
---------------------------------------------------------------------------*/
/*mainVisual
--------------------------------------*/
.mainVisual{
  height: auto;
}
.mvInr{
  padding: 3rem 0 2rem;
}
.mv_txtWrap{
  margin-bottom: 1.5rem;
}
.mv_imgWrap{
  margin-bottom: 1rem;
}
.mv_txtWrap img{
  width: 32rem;
}
.mv_imgWrap img{
  width: 32rem;
}
.mainVisual p{
  font-size: 1.4rem;
  line-height: 1.6;
}
.mainVisual p span{
  font-size: 2rem;
}
/*Main
---------------------------------------------------------------------------*/
/*catch1
----------------------------------------*/
.catch1{
  padding: 2rem 0;
}
.catch1 h2{
  font-size: 2rem;
  margin-bottom: 0.1rem;
}
.catch1 p{
  font-size: 2.6rem;
}
/*product1
----------------------------------------*/
.product1{
  padding: 2.5rem 0 3.8rem;
}
.prod_box2col{
  width: 100%;
}
.prod_ttl{
  font-size: 2.2rem;
  line-height: 5.6rem;
}
.prod_box2colInr,
.prod_box1colInr{
  padding: 1.5rem 1.5rem 2rem;
}
.prod_box2colInr .prod_imgWrap{
  height: auto;
  margin-bottom: 1.5rem;
}
.prod_img2{
  right: -2.2rem;
  bottom: -6rem;
  width: 12rem;
}
.prod_price_ttl{
  font-size: 1.5rem;
  width: 11rem;
}
.prod_price1,
.prod_price3{
  font-size: 1.6rem;
  margin-bottom: 0.4rem;
}
.prod_price1 span,
.prod_price3_price{
  font-size: 3.6rem;
}
.prod_price2{
  font-size: 1.8rem;
}
.prod_price3 > p{
 -ms-flex: 0 0 100%;
 flex: 0 0 100%;
}
.prod_date_table th{
  width: 13.6rem;
}
.prod_date_table th span{
  display: block;
  font-size: 1.3rem;
}
.prod_list li{
  padding-left: 1em;
  text-indent: -1em;
}
/*catch2
----------------------------------------*/
.catch2{
 padding: 5.4rem 4%;
}
/*feature
----------------------------------------*/
.feature{
  padding: 5.2rem 0 4rem;
}
.featListWrap{
  width: 100%;
  border-width: 1rem;
  padding: 1rem;
}
.featImg1{
  width: 10rem;
  left: 1rem;
  top: -10rem;
}
.featImg2{
  width: 9.2rem;
  right: 1rem;
  top: -10rem;
}
.featImg3{
  width: 6.5rem;
  right: 0;
  top: 3rem;
}
.featImg4{
 width: 7.5rem;
 left: 0;
 bottom: -2rem;
}
.featImg5{
 width: 7.4rem;
 right: 0;
 bottom: -2.5rem;
}
.featList li{
  font-size: 1.8rem;
  padding: 1.6rem 0 1.6rem 4rem;
}
.featList li:before{
  font-size: 1.8rem;
  width: 2.6rem;
  height: 2.6rem;
  line-height: 2.6rem;
  left: .5rem;
  top: 1.5rem;
}
.featList li span.fz22{
  font-size: 1.4rem;
}
/*service
----------------------------------------*/
.service{
  padding: 4rem 0 0;
}
.serv_boxWrap{
  justify-content:center;
}
.serv_box{
  width: 26rem;
  margin-bottom: 4rem;
}
.serv_box h5{
  margin-top: -2.4rem;
}
.serv_box h5 img{
  width: 22rem;
}
.serv_imgWrap img{
  width: 13rem;
}
.serv_desc{
  font-size: 1.8rem;
}
/*flow
----------------------------------------*/
.flow{
  padding: 4rem 0 5rem;
}
.flow_box{
  padding: 2.2rem 1.5rem;
  height: auto;
}
.flow_box:nth-of-type(3){
  height: auto;
}
.flow_box_num{
  font-size: 1.8rem;
  width: 10rem;
  height: 3.6rem;
  line-height: 3.6rem;
  margin-bottom: 1rem;
}
.flow_box:nth-of-type(3) .flow_box_num{
  top:0;
}
.flow_box_num span{
  font-size: 2.4rem;
  vertical-align: baseline;
}
.flow_box_desc{
  font-size: 2rem;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  padding-left: 0.5rem;
}
.flow_box_desc span:not(.flow_box_note){
  font-size: 1.8rem;
  display: block;
}
.flow_box_note{
  font-size: 1.4rem;
}
.flow_box_img1{
  right: 0.4rem;
  width: 12.4rem;
}
.flow_box_img2{
  width: 6rem;
  right: 1rem;
  top: 3rem;
}
/*faq
----------------------------------------*/
.faq{
  padding: 4rem 4% 6rem;
}
.faq h2 span{
  width: 68%;
  font-size: 2.6rem;
  height: 6rem;
  line-height: 6rem;
}
.faqInrWrap{
  padding: 1rem 4% 2rem;
}
.faq dt{
  background-size: 5rem auto;
  padding: 0 0 0 5.5rem;
  font-size: 1.7rem;
  min-height: 5.1rem;
  margin-bottom: 1rem;
}
.faq dd{
  background-size: 5rem auto;
  padding: 0 0 0 5.5rem;
  font-size: 1.4rem;
  min-height: initial;
}
.faq_tableWrap{
  overflow: auto;
  width: 100%;
  padding-left: 0;
}
.faq_tableWrap h5{
  font-size: 1.6rem;
}
.faq_table{
  font-size: 1.7rem;
  font-size: 1.3rem;
  table-layout: fixed;
}
.faq_table th{
  width: 18rem;
  width: auto;
  padding: 1rem;
}
.faq_table td{
  width: 20rem;
  width: auto;
  padding: 1rem;
  font-size: 1.4rem;
}
/*offer
----------------------------------------*/
.offer{
  padding: 4rem 0 4.5rem;
}
.offer:before{
  border-width: 5.2rem 4.6rem 0 4.6rem;
  bottom: -5.2rem;
}
.formType1 input:not([type="date"]):not([type="radio"]):not([type="checkbox"]):not([type="button"]):not([type="submit"]){
  height: 4rem;
  font-size: 1.6rem;
  padding: 0 1rem;
}
.formType1 input[type="date"]{
  width: 12rem;
  height: 4.8rem;
  font-size: 1.6rem;
  padding: 0 1rem;
}
.formType1 input[type="radio"],
.formType1 input[type="checkbox"] {
  width: 2rem;
  height: 2rem;
}
.formType1 textarea{
  font-size: 1.6rem;
  padding: 1rem;
}
.ft1_item{
  margin-bottom: 3rem;
}
.ft1_ttl{
  font-size: 1.5rem;
}
.offerInput_nameWrap > div:nth-of-type(1){
  flex: 0 0 100%;
  margin-bottom: 1.5rem;
}
.offerInput_nameWrap > div:nth-of-type(2){
  flex: 0 0 100%;
}
.ft1_zipWrap > input{
  flex: 0 0 30%;
}
.offerInput_addrWrap input,
.ft1_zipWrap span{
  margin-bottom: 1.5rem;
}
.radioGroup1,
.checkGroup1{
  padding: 1.2rem 0.5rem 0.8rem;
}
.radioGroup1 label,
.checkGroup1 label{
  font-size: 1.6rem;
  margin-bottom: 0.3rem;
}
.offerInput_dateWrap .dateGroup1{
  position: relative;
}
.offerInput_dateWrap .radioGroup1{
  margin-left: 1rem;
}
.btn-submit{
  width: 80%;
  font-size: 2rem;
  height: 6rem;
  line-height: 6rem;
}
.btn-submit:after{
  border-width: 2px;
  width: 1.2rem;
  height: 1.2rem;
  right: 4rem;
}
.offerInput_nameWrap > div:nth-of-type(1){
 -ms-flex: 0 0 100%;
 flex: 0 0 100%;
}
.offerInput_nameWrap > div:nth-of-type(2){
 -ms-flex: 0 0 100%;
 flex: 0 0 100%;
 margin-left: auto;
}
.offer_note{
  margin-top: 3rem;
  font-size: 1.8rem;
}
.date_placeholder1,
.date_placeholder2{
  display: inline-block;
  position: absolute;
  font-size: 1.4rem;
  font-weight: 500;
  top: 50%;
  transform: translate(0, -50%);
  left: 1.4rem;
}
.offerInput_formWrap .fz15{
  font-size: 1.4rem;
}
/*product2
----------------------------------------*/
.product2{
  padding: 8rem 0 2rem;
}
.product2 .prod_box2colInr{
  padding: 1.5rem 1.5rem 1rem;
}
.product2 .prod_box2colInr .prod_imgWrap{
  height: auto;
  margin-bottom: 2rem;
}
.prod_price3 span.prod_price3_price{
  font-size: 3rem;
}
/*ect
---------------------------------------------------------------------------*/
.spAlignL {text-align: left;}
.spAlignR {text-align: right;}
.spAlignCR {text-align: center;}

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

.spfz13{
  font-size: 1.3rem;
}