@charset "utf-8";
/* CSS Document */
html {scroll-behavior: smooth;}

/*SP用レイアウト*/
/*共通*/

.guide_breadcrumb{
margin-top: 0!important;
z-index: auto
}

.guide-main{
z-index: auto
}


.g-container{
width: 100%;
font-family: "myfont", sans-serif;
}

.guide-container{
width: 100%;
margin: 20px 0;
padding: 0 calc(5% - 8px) 20px;
box-sizing: border-box;
/*background-color: #B5B5B5;*/
}

.guide-wrap{width: 100%;
max-width: 880px;
margin: 0 auto;
}

.guide_content{
width:100%;
font-size: 14px;
line-height: 1.8;
}

.guide_hd{
text-align: center;
display: block;
box-sizing: border-box;
padding: 0.25em;
background-color: #070707;
color: #FFFFFF;
font-size: 24px;
font-weight: 700;
margin-bottom: 20px;
}

.guide_content a{
text-decoration: none;
color: #005A8C;
font-weight: bold;
border-bottom: #005A8C solid 1px;
}

.modal_link{
	text-decoration: none;
    color: #005A8C;
    font-weight: bold;
    border-bottom: #005A8C solid 1px;
}

.icon {
  font-family: fuji-icons !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.guide_block{
 margin: 20px 0 40px;
padding: 0;
box-sizing: border-box;
}


/*
.guide_content a ::after{
  content: "?"
}
*/
.pc_only{display: none;}
.sp_only{display: block;}


/*テキスト制御*/
.text_c{
text-align: center!important;/*センター揃え*/
}

.text_r{
text-align: right;/*右揃え*/
}

.text_l{
text-align: right;/*左揃え*/
}
.text_c_l{
text-align: left;/*SP左揃え　PCセンター揃え*/
}

.notice{
font-size: 10px;
}


/*ナビゲーション*/
.guide-nav{
width: 100%;
box-sizing: border-box;
border: solid #363636 3px;
padding: 20px;
}

.guide-nav__title{
margin-left: 0.25rem;

}

.guide-nav ul{
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
}

.guide-nav ul li{
width: auto;
display: block;
width: 100%;
box-sizing: border-box;
margin: 0.5rem 2.5rem 0.5rem 0.5rem;
font-size: 14px;

}

.guide-nav ul li a{
text-decoration: none;
position: relative;
border-bottom: dashed #1F1F1F 1px;
width: 100%;
}

/*
.dli-arrow-right {
  display: inline-block;
  vertical-align: middle;
  color: #1F1F1F;
  line-height: 1;
  position: relative;
  width: 1em;
  height: 0.1em;
  background: currentColor;
margin-left: 0.75rem;
}

.dli-arrow-right::before {
  content: '';
  width: 0.65em;
  height: 0.65em;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  transform: rotate(45deg);
  transform-origin: top right;
  position: absolute;
  top: 50%;
  right: -0.05em;
  box-sizing: border-box;
}
*/
/*ナビゲーションここまで*/

/*コンテンツスタイル*/
.guide_content h1{
  font-size: 20px;
text-align: center;
}
.guide_content h2{
    margin: 0;
    padding:0;
    color: #000;
    font-size: 18px;
    font-weight: 700;
	line-height: 1.5;
}
.guide_content h3{
    margin: 0 0 5px 0;
    padding: 0;
    color: #000;
    background: 0 0;
    font-size: 16px;
    font-weight: 700;
}
.guide_content h4{
    margin: 0 0 0 0;
    padding: 0;
    color: #000;
    background: 0 0;
    font-size: 14px;
    font-weight: 700;
}
.guide_content h4 span{
   display: inline-block;
}
.guide-msg-attention{
  color: #D10002;
}

.guide-msg-important{
  font-size: 30px;
 font-weight: bold;
}
.guide-notice-important{
 border: #D10002 solid 2px;
 border-radius: 8px;
 box-sizing: border-box;
margin: 20px auto;
padding: 20px;
  font-size: 13px;
  color: #D10002;
}
.guide-notice-important .notice_hd{
  font-size: 14px;
  font-weight: bold;
text-align: center;
display: block;
margin-bottom: 10px;

}
/*コンテンツならび*/
.guide_content_info{
display: -webkit-box;
display: flex; 
margin: 0;
flex-wrap: wrap;
}

.guide_content_dl > dl{
border-bottom: 1px dashed #c2bcb9;
padding: 20px 0;
 }

.guide_content_dl > dl:nth-of-type(1) {
border-top: 1px dashed #c2bcb9;
}

.guide_content_dl > dl > dd > dl:last-child {
padding-bottom: 0;
border-bottom:none;
}
.guide_content_dl ul{
list-style:  square;
padding: 0;
margin-bottom: 2em;
}

.guide_content_dl ul li{
border-bottom: #ADADAD dashed 1px;
margin: 8px 0;
margin-left:1.0rem;
}	

.guide_content_info p{
margin: 0;
}
/*
.guide_content_info dl > dd{
margin-bottom: 3%;
}
*/
.guide_content_info > dd > dl{
padding-bottom: 20px;
border-bottom: dashed 1px #323232;

}
.guide_content_info > dd > dl + dl{
padding-top: 20px;

}	
.guide_content_info dd,.guide_content_info dl{
margin: 0;
}	
.guide_content_info > dt{
width: 100%;
margin:0 0 1.5em 0;
box-sizing: border-box;
background-color: #EBEBEB;
padding: 10px;
}
.guide_content_info > dd{
width: 100%;
}
.guide-info-dl{
}
.guide-info-d dd{
display: block;
margin: 0 auto;
}

.guide-l_links{
display: inline-block;
margin-top: 2%;
margin-right: 20px;

}
.guide-import-note{
font-size: 12px;

}


.guide-msg-note{
font-size: 12px;

}

.guide-info-dl{
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-align: center;
align-items: center;
}

.dl-l{
margin-right: 0.25rem;
}

.dl-l img{
height: 100%;
max-height: 40px;
width: auto;
}
.dl-r{

}

.dl-w{
width: 100%;

}

/*特定商品取引法による表記*/
#guide_law_tb{
width: 100%;
border: #4E4E4E solid 1px;
border-spacing: 0;
border-collapse:collapse;
word-break: break-all;
word-wrap: break-all;
table-layout: fixed; 
}
#guide_law_tb a{
}

#guide_law_tb img{
display: block;
width: auto;
padding: 10px 0;
}	
#guide_law_tb tr {
border-bottom:solid 1px #b5b1b1!important;

}
  #guide_law_tb th,
  #guide_law_tb td {
    width: 100%;
  }

  #guide_law_tb th {
    width: 100%;
  }

  #guide_law_tb td {
    padding-top: 0;
  }

#guide_law_tb td > ul{
list-style:  square;
padding: 0;
margin: 0;
  }

#guide_law_tb td > ul li{
border-bottom: #ADADAD dashed 1px;
margin: 15px 0;
margin-left:1.0rem;
line-height: 1.5;
padding-bottom: 5px;
  }
/*
#guide_law_tb td > ul li:last-child{
border-bottom: none;

  }
*/
#guide_law_tb th,
#guide_law_tb td {
padding: 12px 1.0rem;
border: none;
width: 100%;
display: block;
box-sizing: border-box;
}
#guide_law_tb th {
background-color: #EBEBEB;
}


#guide_law_tb h2{
font-size: 14px;
}

/*購入までの流れ*/
.flow_guide01,.flow_guide02,.flow_guide03{
  display: flex;
  justify-content: center;
  align-items: center;
 box-sizing: border-box;
margin:20px auto;
width: 100%;
flex-wrap: wrap;
background-color: #F8F8F8;
border: #7B7B7B solid 3px;
padding: 20px;
}

.flow_guide01 h2,.flow_guide02 h2,.flow_guide03 h2{
  display: block;
  width: 100%;
}

.flow_guide01 h2 span,.flow_guide02 h2 span,.flow_guide03 h2 span{
  display: inline-block;
}

.flow_guide01 ul,.flow_guide02 ul,.flow_guide03 ul  {
  padding: 0;
  width: 100%;
}

.flow_guide01 li {
  list-style-type: none;
}


.flow_guide01 dd {
  margin-left: 0;
 width: 100%;
}

.flow01 > li {
  padding: 40px 10px 20px;
}

.flow01 > li:first-child{
  padding:10px 10px 20px;
}
	
.flow01 > li:not(:last-child) {
  border-bottom: 3px solid #D50027;
  position: relative;
}

.flow01 > li:not(:last-child)::before,
.flow01 > li:not(:last-child)::after {
  content: "";
  border: solid transparent;
  position: absolute;
  top: 100%;
  left: 15%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.flow01 > li:not(:last-child)::before {
  border-width: 22px;
  border-top-color: #D50027;
}

.flow01 > li:not(:last-child)::after {
  border-width: 18px;
  border-top-color: #F8F8F8;
}

.flow01 > li dl {
  margin: 0;
 display: -webkit-box;
 display: flex;
flex-wrap: wrap;
	
}

.flow01 > li dl dt,.flow02 > li dl dt {
  font-size: 1.1em;
  font-weight: 600;
  border-bottom: 2px dotted #878787;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  display: flex;
  width: 100%;
}

.flow01 > li dl dt .icon02,.flow02 > li dl dt .icon02  {
  font-size: 0.6em;
  color: #fff;
  background: #D50027;
  padding: 5px 10px;
  display: inline-block;
  margin-right: 0.5em;
}
.flow01 > li dl dd.dd_l {
  box-sizing: border-box;
  width: 100%;
  padding: 0;
}
.flow01 > li dl dd.dd_l img {
width: 100%;
height: auto;
margin: 0 auto 20px;
display: block;
}	
.flow01 > li dl dd.dd_r {
  box-sizing: border-box;
  width: 100%;
}

.flow-important{
  box-sizing: border-box;
  margin: 20px 0;
  padding: 10px;
  border: #232323 solid 2px;
  display: block;
  background-color: #FFFFFF;
  font-size: 12px;
	
}

.flow_guide02 ul {
  display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: justify;
justify-content: space-between;
font-size: 13px;
}
.flow_guide02 ul li {
display: block;
box-sizing: border-box;
width: calc( 100% / 3 - 40px);
margin: 20px;
}

.flow_guide02 ul li {
display: block;
box-sizing: border-box;
width: 100%;
margin: 10px 0;
}
.flow_guide02 ul li dl {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
}

.flow02 > li dl dd.dd_l {
  box-sizing: border-box;
  width: 50%;
  padding-right: 20px;
}
.flow02 > li dl dd.dd_l img {
width: 100%;
height: auto;
}	
.flow02 > li dl dd.dd_r {
  box-sizing: border-box;
  width: 50%;
}

.flow_guide03 ul {
display: block;
flex-wrap: wrap;
font-size: 13px;
}
.flow03 > li dl dt {
  font-size: 1.1em;
  font-weight: 600;
  border-bottom: 2px dotted #878787;
  margin-bottom: 0.5em;
  padding-bottom: 0;
  display: block;
  width: 100%;
}

.flow_guide03 ul li {
display: block;
box-sizing: border-box;
width: 100%;
margin: 10px 0;
}
.flow_guide03 ul li dl {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
}

.flow03 > li dl dd.dd_l {
  box-sizing: border-box;
  width: 100%;
  padding-right: 0;
 margin-bottom: 1.0em;
}
.flow03 > li dl dd.dd_l img {
width: 100%;
height: auto;
}	
.flow03 > li dl dd.dd_r {
  box-sizing: border-box;
  width: 100%;
}

/*送料*/		
.sub_tb {
text-align: center;
}

.sub_tb {
margin: 20px 0;
}

 .tb01 {
    width: 100%;
border-spacing: 0;
border-collapse:collapse;
border:none;
  }
  .tb01 .head{
    display:none;
  }

.tb01 th {
  background: #4B4B4B;

box-sizing: border-box;
padding: 10px;
  
}

.tb01 th h4 {
color: #FFFFFF;
  
}
  .tb01 td,
  .tb01 th{
    display: block;
    width: 100%;
    border: solid 1px #ccc;
	box-sizing: border-box;
  }


  .tb01 td{
    padding: 0;
    display: block;
    width: 100%;
    line-height: 2.5;
    text-align:left;
  }
  .tb01 td:before{
    content: attr(data-label);
    font-weight: bold;
    padding: 0px 10px;
    display: inline;
    background-color: #EBEBEB;
    margin-right: 10px;
    float: left;
	width: 30%;
  }
  .tb01 tr:last-child{
    border-bottom: solid 1px #ccc;
  }

dl.souryo_area{
display: flex;
flex-wrap: wrap;
  width: 100%;
  }
dl.souryo_area dt{
width: 10%;
box-sizing: border-box;
padding: 0.25em;
  }
dl.souryo_area dd{
width: 90%;
box-sizing: border-box;
padding: 0.25em;
  }

/*コンビニ決済サービスのご案内*/

.convenience_tb {
text-align: center;
border: solid 1px #606060;

}

#guide_law_tb.convenience_tb th, #guide_law_tb.convenience_tb td {
    padding: 12px 1.0rem;
    border: #4E4E4E solid 1px;
box-sizing: border-box;
width: 50%;
display: table-cell;
}


.convenience_content h3{
display: block;
box-sizing: border-box;
padding: 0.5em;
background-color: #EBEBEB;
}


/*アイコン*/
.new_guide_icon:before{
content: '';/**/
display: inline-block;
width: 24px;/**/
height: 24px;/**/
background-size: contain;
vertical-align: middle;
position:relative;
top:-2px;

}


.guide_title_icon:before{
  background-image: url(../img/help_icon.png);
}


.order_icon:before{
  height: 24px;/*画像の高さ*/
  background-image: url(/PC/ja/asset/img/nw/guide/order_icon.png);
  margin-right: 0.5rem;
}

.guide-nav ul li a:hover >.order_icon:before{
  height: 24px;/*画像の高さ*/
  background-image: url(/PC/ja/asset/img/nw/guide/order_icon_on.png);
  margin-right: 0.5rem;
}


.description_icon:before{
  background-image: url(/PC/ja/asset/img/nw/guide/description_icon.png);
  margin-right: 0.5rem;
}

.guide-nav ul li a:hover >.description_icon:before{
  background-image: url(/PC/ja/asset/img/nw/guide/description_icon_on.png);
  margin-right: 0.5rem;
}


.shipping_icon:before{
  background-image: url(/PC/ja/asset/img/nw/guide/local_shipping_icon.png);
  margin-right: 0.5rem;
}

.guide-nav ul li a:hover >.shipping_icon:before{
  background-image: url(/PC/ja/asset/img/nw/guide/local_shipping_icon_on.png);
  margin-right: 0.5rem;
}

.store_icon:before{
  background-image: url(/PC/ja/asset/img/nw/guide/store_icon.png);
  margin-right: 0.5rem;
}

.guide-nav ul li a:hover >.store_icon:before{
  background-image: url(/PC/ja/asset/img/nw/guide/store_icon_on.png);
  margin-right: 0.5rem;
}
.oversea_shipping_icon:before{
  background-image: url(/PC/ja/asset/img/nw/guide/oversea_shipping_icon.png);
  margin-right: 0.5rem;
}

.guide-nav ul li a:hover >.oversea_shipping_icon:before{
  background-image: url(/dev/PC/ja/asset/img/guide/oversea_shipping_icon_on.png);
  margin-right: 0.5rem;
}

.fee_icon:before{
  background-image: url(/PC/ja/asset/img/nw/guide/fee_icon.png);
  margin-right: 0.5rem;
}

.guide-nav ul li a:hover >.fee_icon:before{
  background-image: url(/PC/ja/asset/img/nw/guide/fee_icon_on.png);
  margin-right: 0.5rem;
}

.convenience_store_icon:before{
  background-image: url(/PC/ja/asset/img/nw/guide/convenience_store_icon.png);
  margin-right: 0.5rem;
}

.guide-nav ul li a:hover >.convenience_store_icon:before{
  background-image: url(/PC/ja/asset/img/nw/guide/convenience_store_icon_on.png);
  margin-right: 0.5rem;
}


.pay_later_icon:before{
  background-image: url(/PC/ja/asset/img/nw/guide/pay_later_icon.png);
  margin-right: 0.5rem;
}

.guide-nav ul li a:hover >.pay_later_icon:before{
  background-image: url(/PC/ja/asset/img/nw/guide/new_pay_later_icon_on.png);
  margin-right: 0.5rem;
}

.loan_icon:before{
  background-image: url(/PC/ja/asset/img/nw/guide/loan_icon.png);
  margin-right: 0.5rem;
}

.guide-nav ul li a:hover >.loan_icon:before{
  background-image: url(/PC/ja/asset/img/nw/guide/loan_icon_on.png);
  margin-right: 0.5rem;
}


.r-pay_icon:before{
  background-image: url(/PC/ja/asset/img/nw/guide/r-pay_icon.png);
  margin-right: 0.5rem;
}

.guide-nav ul li a:hover >.r-pay_icon:before{
  background-image: url(/PC/ja/asset/img/nw/guide/r-pay_icon_on.png);
  margin-right: 0.5rem;
}

.point_icon:before{
  background-image: url(/PC/ja/asset/img/nw/guide/point_icon.png);
  margin-right: 0.5rem;
}

.guide-nav ul li a:hover >.point_icon:before{
  background-image: url(/PC/ja/asset/img/nw/guide/point_icon_on.png);
  margin-right: 0.5rem;
}

.app_icon:before{
  background-image: url(/PC/ja/asset/img/nw/guide/app_icon.png);
  margin-right: 0.5rem;
}

.guide-nav ul li a:hover >.app_icon:before{
  background-image: url(/PC/ja/asset/img/nw/guide/app_icon_on.png);
  margin-right: 0.5rem;
}


.tool_icon:before{
  background-image: url(/PC/ja/asset/img/nw/guide/tool_icon.png);
  margin-right: 0.5rem;
}

.guide-nav ul li a:hover >.tool_icon:before{
  background-image: url(/PC/ja/asset/img/nw/guide/tool_icon_on.png);
  margin-right: 0.5rem;
}

.gs_icon:before{
  background-image: url(/PC/ja/asset/img/nw/guide/gs_icon.png);
  margin-right: 0.5rem;
}

.guide-nav ul li a:hover >.gs_icon:before{
  background-image: url(/PC/ja/asset/img/nw/guide/gs_icon_on.png);
  margin-right: 0.5rem;
}

.car_list_icon:before{
  background-image: url(/PC/ja/asset/img/nw/guide/car_list_icon.png);
  margin-right: 0.5rem;
}

.guide-nav ul li a:hover >.car_list_icon:before{
  background-image: url(/PC/ja/asset/img/nw/guide/car_list_icon_on.png);
  margin-right: 0.5rem;
}



.receipt_icon:before{
  background-image: url(/PC/ja/asset/img/nw/guide/receipt_icon.png);
  margin-right: 0.5rem;
}

.guide-nav ul li a:hover >.receipt_icon:before{
  background-image: url(/PC/ja/asset/img/nw/guide/receipt_icon_on.png);
  margin-right: 0.5rem;
}

.knowledge_icon:before{
  background-image: url(/PC/ja/asset/img/nw/guide/knowledge_icon.png);
  margin-right: 0.5rem;
}

.guide-nav ul li a:hover >.knowledge_icon:before{
  background-image: url(/PC/ja/asset/img/nw/guide/knowledge_icon_on.png);
  margin-right: 0.5rem;
}

.faq_icon:before{
  background-image: url(/PC/ja/asset/img/nw/guide/help_icon.png);
  margin-right: 0.5rem;
}

.guide-nav ul li a:hover >.faq_icon:before{
  background-image: url(/PC/ja/asset/img/nw/guide/help_icon_on.png);
  margin-right: 0.5rem;
}


/*後払い*/
.ndp_content h3{
font-size: 14px;
line-height: 1.5;
border-bottom: #EBEBEB solid 1px;
}
.ndp_content span{
font-size: 13px;
}

.ndp_content p{
display: block;
margin: 10px 0 20px;
}
.ndp_content ul{
padding: 0;
margin: 0 0 0 26px;
list-style: disc;
font-size: 13px;
}
.ndp_content img{
display: block;
width: 100%;
max-width: 250px;
margin: 0 auto;
}	

/*タブレットスタイル*/
@media only screen and (min-width : 600px) {
.pc_only{display: block;}
.sp_only{display: none!important;}
}

/*PCスタイル*/
@media only screen and (min-width : 1025px) {
/*PC用レイアウト*/
/*共通*/
.guide-container{
max-width: 880px;
margin: 20px auto 40px;
padding: 0 1em;
}

.guide-wrap{
max-width: 880px;
margin: 0 auto;
}
.guide_content_info > dt{
width: 26%;
margin: 0 30px 0 0;

}
.guide_content_info > dd{
width: calc(74% - 30px);
}
.pc_only{display: block;}
.sp_only{display: none!important;}
	
.text_c_l{
text-align: center;/*SP左揃え　PCセンター揃え*/
}
/*特定商品取引法による表記*/	
#guide_law_tb{
max-width: 880px;
}
#guide_law_tb th,
#guide_law_tb td {

display: table-cell;
vertical-align: middle;
}

#guide_law_tb th {
width: 30%;
}

#guide_law_tb h2{
font-size: 14px;
}


.s_hl{
font-weight: bold;
margin: 0;
padding: 0;;
}

/*送料*/
.sub_tb > tbody > tr > th {
width: 100%!important;
border-right: solid 1px #b5b1b1!important;
}
table.tb01{
  border-collapse: collapse;
  width: 100%;

}
	
.tb01 .head{
display: contents;
  }
.tb01 .head > th{
  }	
.tb01 th,
.tb01 td{
  padding: 5px;
  border: solid 1px #ccc;
  text-align:center;
  box-sizing:border-box;
 display: table-cell;
}

.tb01 th {
  background: #EBEBEB;
  
}
.tb01 th h4 {
color: #000000;
  
}
  .tb01 td:before{
    display: none;
  }

/*購入までの流れ*/
.flow_guide01,.flow_guide02,.flow_guide03 {
  display: flex;
  justify-content: center;
  align-items: center;
 box-sizing: border-box;
 margin:20px auto ;
 width: 100%;
flex-wrap: wrap;
background-color: #F8F8F8;
border: #7B7B7B solid 3px;
padding: 20px;
}
.flow_guide01 h2,.flow_guide02 h2,.flow_guide03 h2{
  display: block;
  width: 100%;
}
.flow_guide01 ul,.flow_guide02 ul,.flow_guide03 ul {
  padding: 0;
  width: 100%;
}

.flow_guide01 li,.flow_guide02 li {
  list-style-type: none;
}


.flow_guide01 dd {
margin-left: 0;
 width: 100%;
}

.flow01 > li {
  padding: 40px 10px;;
}

.flow01 > li:first-child{
  padding:10px 10px 40px;
}
	
.flow01 > li:not(:last-child) {
  border-bottom: 3px solid #D50027;
  position: relative;
}

.flow01 > li:not(:last-child)::before,
.flow01 > li:not(:last-child)::after {
  content: "";
  border: solid transparent;
  position: absolute;
  top: 100%;
  left: 15%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.flow01 > li:not(:last-child)::before {
  border-width: 22px;
  border-top-color: #D50027;
}

.flow01 > li:not(:last-child)::after {
  border-width: 18px;
  border-top-color: #fff;
}

.flow01 > li dl, .flow02 > li dl{
  margin: 0;
 display: -webkit-box;
 display: flex;
flex-wrap: wrap;
	
}

.flow01 > li dl dt {
  font-size: 1.3em;
  font-weight: 600;
  border-bottom: 2px dotted #878787;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  display: flex;
  width: 100%;
}

.flow01 > li dl dt .icon02{
  font-size: 0.6em;
  color: #fff;
  background: #D50027;
  padding: 8px 10px;
  display: inline-block;
  margin-right: 0.5em;
}
.flow01 > li dl dd.dd_l {
  box-sizing: border-box;
  width: 40%;
  padding: 6px 20px 20px 0;
}
.flow01 > li dl dd.dd_l img {
width: 100%;
height: auto;
}	
.flow01 > li dl dd.dd_r {
  box-sizing: border-box;
  width: 60%;
}
	
.flow_guide02 ul {
  display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: justify;
justify-content: space-between;
}
.flow_guide02 ul li {
display: block;
box-sizing: border-box;
width: calc( 100% / 3 - 40px);
margin: 20px;
}

.flow02 > li dl dt {

}

.flow02 > li dl dt .icon02 {
  font-size: 0.8em;
  color: #fff;
  background: #D50027;
  padding: 5px 10px;
  display: inline-block;
  margin-right: 1em;
}

.flow02 > li dl dd.dd_l {
  box-sizing: border-box;
  width: 100%;
 margin-bottom: 10px;
padding: 0;
}
	
.flow02 > li dl dd.dd_r {
  box-sizing: border-box;
  width: 100%;
}
	
.flow_guide03 ul {
display: block;
flex-wrap: wrap;
-webkit-box-pack: justify;
justify-content: space-between;
}
	
.flow_guide03 ul li {
display: block;
box-sizing: border-box;
width:100%;
margin: 20px;
padding:0 20px 0 0;
}

.flow03 > li dl dt {
  font-size: 1.3em;
  font-weight: 600;
  border-bottom: 2px dotted #878787;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  display: block;
  width: 100%;
}



.flow03 > li dl dt .icon02 {
  font-size: 0.8em;
  color: #fff;
  background: #D50027;
  padding: 5px 10px;
  display: inline-block;
  margin-right: 1em;
}

.flow03 > li dl dd.dd_l {
  box-sizing: border-box;
  width: 50%;
 margin-bottom: 10px;
padding: 0 20px 0 0;
}
	
.flow03 > li dl dd.dd_r {
  box-sizing: border-box;
  width: 50%;
}
		
.flow-important{
  box-sizing: border-box;
  margin: 20px 0;
  padding: 10px;
  border: #232323 solid 2px;
  display: block;
  background-color: #FFFFFF;
  font-size: 12px;
	
}
.dli-chevron-round-right {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1;
  position: relative;
  width: 1em;
  height: 1em;
  transform: translateX(-25%) rotate(45deg);
}

.dli-chevron-round-right::before, .dli-chevron-round-right::after {
  content: '';
  position: absolute;
  background: currentColor;
  border-radius: 0.1em;
}

.dli-chevron-round-right::before {
  top: 0;
  left: 0;
  right: 0;
  height: 0.1em;
}

.dli-chevron-round-right::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 0.1em;
}
/*後払い*/
.ndp_content h3{
font-size: 14px;
line-height: 1.5;
border-bottom: #EBEBEB solid 1px;
}
.ndp_content span{
font-size: 13px;
}

.ndp_content p{
display: block;
margin: 10px 0 20px;
}
.ndp_content ul{
padding: 0;
margin: 0 0 0 26px;
list-style: disc;
font-size: 14px;
}

	
}