@charset "utf-8";
/* CSS Document */

@media (min-width: 767px) { 
/*reset*/
.fs-p-drawer.fs-l-sideArea{display: none}
.fs-l-sideArea + .fs-l-pageMain, .fs-l-pageMain + .fs-l-sideArea{max-width: 100%}
}

/*法人ギフト*/
.hnb_corpo_gift{max-width: 950px; margin: 0 auto 60px}
.hnb_corpo_gift p,.hnb_corpo_gift h2,.hnb_corpo_gift h3,.hnb_corpo_gift dl,.hnb_corpo_gift dt,.hnb_corpo_gift dd{margin: 0}
.hnb_corpo_gift{font-size: 18px;line-height: 1.7}
.hnb_corpo_gift .min{font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-weight: 600}
.hnb_corpo_gift a{color: #333;}
.hnb_corpo_gift a:hover{opacity: 0.7;}
.hnb_corpo_gift .center{text-align: center}
.hnb_corpo_gift .bold{font-weight: bold}
.hnb_corpo_gift .mb20{margin-bottom: 20px}
.hnb_corpo_gift .mb30{margin-bottom: 30px}
.hnb_corpo_gift .mb40{margin-bottom: 40px !important}
.hnb_corpo_gift .mb50{margin-bottom: 50px}
.hnb_corpo_gift .mb60{margin-bottom: 60px !important}
.hnb_corpo_gift .mb70{margin-bottom: 70px}

.hnb_corpo_gift .indent{padding: 40px 50px 100px 50px}
.hnb_corpo_gift .bk_beige{background: #FEF9F0}
.hnb_corpo_gift .thought .bk{background: url(https://kasutera.itembox.design/item/corpo_gift/bk.png)}

@media (max-width: 767px) { 
.hnb_corpo_gift .indent{padding: 20px 20px 60px 20px}
.hnb_corpo_gift .center{text-align: left}
.hnb_corpo_gift .mb40{margin-bottom: 30px !important}
.hnb_corpo_gift .mb60{margin-bottom: 40px !important}
}
 
 
/*btn*/
.hnb_corpo_gift .btn a{display: block;text-align: center;padding:2rem 0; max-width: 600px; margin: 0 auto;font-size: 22px;letter-spacing: 0.07em}
.hnb_corpo_gift .btn a:hover{text-decoration: none}
.hnb_corpo_gift .btn.blue a{background: url(https://kasutera.itembox.design/item/corpo_gift/icon_y1.png) no-repeat 97% center #1C3362;color: #fff;text-decoration: none !important}

.hnb_corpo_gift .btn_white a:hover{text-decoration: none}
.hnb_corpo_gift .btn_white a{background: url(https://kasutera.itembox.design/item/corpo_gift/icon_y2.png) no-repeat 97% center ;color: #1C3362; font-size: 17px; font-weight: bold;
display: block;text-align: center;padding:1rem 0;margin: 0 auto;letter-spacing: 0.05em;border: 1px solid #1C3362;}

.hnb_corpo_gift .btn_dl a:hover{text-decoration: none}
.hnb_corpo_gift .btn_dl a{background: url(https://kasutera.itembox.design/item/corpo_gift/icon_dl.png) no-repeat 8% center #1C3362;color: #fff;
display: block;text-align: center;padding:2rem 0;max-width: 600px; margin: 0 auto;font-size: 22px;letter-spacing: 0.07em}

.hnb_corpo_gift .cart_btn a:hover{text-decoration: none}
.hnb_corpo_gift .cart_btn a{background: #AC091E;color: #fff; font-size: 16px; font-weight: bold;
display: block;text-align: center;padding:0.5rem 0;margin: 0 auto;letter-spacing: 0.05em;max-width: 90%}
.hnb_corpo_gift .cart_btn span{background: url(https://kasutera.itembox.design/item/corpo_gift/icon_cart.png) no-repeat 0 center ;padding-left: 2em}


.hnb_corpo_gift .ran_btn_area .ran_btn a:hover{text-decoration: none}
.hnb_corpo_gift .ran_btn_area .ran_btn a{background: url(https://kasutera.itembox.design/item/corpo_gift/icon_y3.png) no-repeat 97% center ;color: #806C44; font-size: 17px; font-weight: bold;
display: block;text-align: center;padding:1.5rem 0;margin: 0 auto;letter-spacing: 0.05em;border: 1px solid #B19A65;margin-bottom: 10px}

.hnb_corpo_gift .ran_btn_area .ran_btn.blue a{background: url(https://kasutera.itembox.design/item/corpo_gift/icon_y2.png) no-repeat 97% center ;color: #1C3362; font-size: 17px; font-weight: bold;
display: block;text-align: center;padding:1.5rem 0;margin: 0 auto;letter-spacing: 0.05em;border: 1px solid #1C3362;margin-bottom: 10px}

@media (max-width: 767px) { 
.hnb_corpo_gift .btn a{padding:1.5rem 0; font-size: 18px;letter-spacing: 0.1em}
.hnb_corpo_gift .btn_white a{padding:0.5rem 0; font-size: 16px;letter-spacing: 0.05em;font-weight: normal}
.hnb_corpo_gift .btn_dl a{padding:1rem 0 1rem 4rem; font-size: 18px;letter-spacing: 0.05em;background: url(https://kasutera.itembox.design/item/corpo_gift/icon_dl.png) no-repeat 15% center #1C3362;}
.hnb_corpo_gift .cart_btn a{font-size: 14px; padding:0.5rem 0; max-width: 100%}
.hnb_corpo_gift .ran_btn_area .ran_btn.blue a,
.hnb_corpo_gift .ran_btn_area .ran_btn a{font-size: 16px; padding:0.5rem 0; }
}
 


/**/
.hnb_corpo_gift .nav{display: flex;justify-content:center; align-items: center;max-width: 600px; margin: 0 auto 60px;flex-wrap: wrap;}
.hnb_corpo_gift .nav p{width: 30%;margin: 1.5%}
.hnb_corpo_gift .flex2{display: flex;column-gap: 3%;margin-bottom: 60px}
@media (max-width: 767px) { 
.hnb_corpo_gift .nav{margin: 0 auto 30px;}
.hnb_corpo_gift .flex2{display: block;margin-bottom: 40px}
.hnb_corpo_gift .flex2 p{margin-bottom: 1rem}
}
 
/**/
.hnb_corpo_gift .flex4{display: flex;column-gap: 3%;margin-bottom: 60px;flex-wrap: wrap;}
.hnb_corpo_gift .flex4 .box{width: 48%;background: #fff;margin-bottom: 4%;padding: 30px;box-shadow: 0px 5px 15px 0px rgba(0, 0, 3, 0.16);}
.hnb_corpo_gift .flex4 .name{margin: 1em 0; font-weight: bold;text-align: center; color:#1C3363;font-size: 22px}
.hnb_corpo_gift .flex4 .name.type2{margin: 1.85em 0; }
@media (max-width: 767px) { 
.hnb_corpo_gift .flex4{display: block;margin-bottom: 30px;}
.hnb_corpo_gift .flex4 .box{width: 100%;padding:15px 10px;}
.hnb_corpo_gift .flex4 .name{font-size: 18px}
.hnb_corpo_gift .flex4 .name.type2{margin: 1em 0; }
}

/**/
.hnb_corpo_gift .white_box{background: #fff;margin-bottom: 4%;padding: 40px;box-shadow: 0px 5px 15px 0px rgba(0, 0, 3, 0.16);}
.hnb_corpo_gift .white_box .flex2{margin-bottom: 0}
.hnb_corpo_gift .white_box h3{font-weight: bold; color:#806C44;font-size: 26px;padding-bottom: 1.5rem;margin-bottom: 1.5rem;border-bottom: 1px solid #ccc}
.hnb_corpo_gift .white_box p{font-size: 16px}
.hnb_corpo_gift a.mail{text-decoration: underline;color:#CE5204;}
.hnb_corpo_gift a.mail:hover{text-decoration: none}
@media (max-width: 767px) { 
.hnb_corpo_gift .white_box{padding: 20px;}
.hnb_corpo_gift .white_box h3{font-size: 20px}
}

.hnb_corpo_gift .flow_box{background: #fff;margin-bottom: 4%;padding: 40px;box-shadow: 0px 5px 15px 0px rgba(0, 0, 3, 0.16);display: flex;align-items: center}
.hnb_corpo_gift .flow_box .img{width: 25%;text-align: center;padding-right: 5%}
.hnb_corpo_gift .flow_box .text{width: 75%;}
.hnb_corpo_gift .flow_box .text .no{font-size: 24px; font-weight: bold; color:#1C3363;margin-bottom:1rem}
.hnb_corpo_gift .flow_box .text .no span{margin-right: 1rem;}
.hnb_corpo_gift .flow_box .text .no span img{vertical-align: middle}
.hnb_corpo_gift .flow_icon{margin-bottom: 20px;}
@media (max-width: 767px) { 
.hnb_corpo_gift .flow_box{padding: 20px;}
.hnb_corpo_gift .flow_icon{text-align: center;margin: 20px 0}
.hnb_corpo_gift .flow_box .text .no{font-size: 20px; font-weight: bold; color:#1C3363;margin-bottom:1rem}
.hnb_corpo_gift .flow_box .word{font-size: 16px}
.hnb_corpo_gift .flow_box .text .no span img{width: 35px}
.hnb_corpo_gift .flow_box .text{padding-left: 4%}
.hnb_corpo_gift .flow_box .img img{width: 45px;} 
.hnb_corpo_gift .flow_box .img img.w50{width: 70px;} 
.hnb_corpo_gift .flow_box .img img.sp_disp_henobu{text-align: center;display: inline-block !important} 
.hnb_corpo_gift .flow_box .img{width: 25%;text-align: center;padding-right: 0%}
}

/**/
.hnb_corpo_gift .ttl_scene{text-align: center;color: #806C44;margin-top: 100px;margin-bottom: 40px;font-size: 26px;font-weight: bold}
.hnb_corpo_gift .ttl_scene .ttl_icon{margin-bottom: 20px;}
.hnb_corpo_gift .ttl_scene .ttl_icon img{width: 5%}
.hnb_corpo_gift .ttl_beige{color: #fff;margin-bottom: 20px;font-size: 24px;font-weight: bold;text-align: center;background: #B6995D;padding:2rem 0}
@media (max-width: 767px) { 
.hnb_corpo_gift .ttl_scene{margin-top: 60px;font-size: 20px;margin-bottom: 20px}
.hnb_corpo_gift .ttl_scene .ttl_icon img{width: 40px}
.hnb_corpo_gift .ttl_beige{;margin-bottom: 20px;font-size: 18px;padding:1.5rem 0;line-height: 1.4em;letter-spacing: 0.05em}
}


.hnb_corpo_gift .flex_ranking{display: flex;column-gap: 3%;justify-content: space-around;}
.hnb_corpo_gift .flex_ranking .item{width: 30%; }
.hnb_corpo_gift .flex_ranking .icon{text-align: center;margin-bottom: 10px}
.hnb_corpo_gift .flex_ranking .icon img{width: 30%}
.hnb_corpo_gift .flex_ranking .name{margin: 1rem 0 0 0}
.hnb_corpo_gift .flex_ranking .price{text-align: right;color:#AC091E;font-size: 35px; font-weight: bold;vertical-align: middle;margin-bottom: 1rem}
.hnb_corpo_gift .flex_ranking .price span.deli{text-align: right;color:#fff;font-size: 15px; font-weight: bold;background: #AC091E;padding:0.5rem 1rem;margin-right: 1rem;vertical-align: middle}
.hnb_corpo_gift .flex_ranking .price span.en{font-size: 16px;margin-left: 0.5rem}
.hnb_corpo_gift .ran_btn_area{max-width: 600px; margin: 0 auto;}
@media (max-width: 767px) { 
.hnb_corpo_gift .flex_ranking{flex-wrap: wrap;column-gap: 4%; justify-content: space-between}
.hnb_corpo_gift .flex_ranking .item{width: 48%; margin-bottom: 20px;}
.hnb_corpo_gift .flex_ranking .name{font-size: 15px;line-height: 1.3em;margin: 0.5em 0}
.hnb_corpo_gift .flex_ranking .price{font-size: 20px;}
.hnb_corpo_gift .flex_ranking .price span.deli{padding:0.5rem ;font-size: 12px;}
.hnb_corpo_gift .flex_ranking .price span.en{font-size: 14px;margin-left: 0.5rem}
.hnb_corpo_gift .flex_ranking.mb60{margin-bottom: 20px !important}
}


.hnb_corpo_gift .flex_ranking .item{display: flex;flex-direction: column;flex: 1 0 auto; /* fix IE11 */}
.hnb_corpo_gift .flex_ranking .item .name  > *{
   flex-shrink: 0; /* fix IE11 */
}
.hnb_corpo_gift .flex_ranking .item .price {
  margin-top: auto; /* 位置を下に揃える */
}


.hnb_corpo_gift .ttl_yosan{text-align: center;color: #1C3362;margin-top: 100px;margin-bottom: 40px;font-size: 26px;font-weight: bold}
.hnb_corpo_gift .ttl_yosan .ttl_icon{margin-bottom: 20px;}
.hnb_corpo_gift .ttl_yosan .ttl_icon img{width: 6%}
.hnb_corpo_gift .ttl_blue{color: #fff;margin-bottom: 20px;font-size: 24px;font-weight: bold;text-align: center;background: #1C3362;padding:2rem 0}
@media (max-width: 767px) { 
.hnb_corpo_gift .ttl_yosan{margin-top: 60px;font-size: 20px;margin-bottom: 20px}
.hnb_corpo_gift .ttl_yosan .ttl_icon img{width: 40px}
.hnb_corpo_gift .ttl_yosan{;margin-bottom: 20px;font-size: 18px;padding:1.5rem 0;line-height: 1.4em;letter-spacing: 0.05em}
}


/**/
.hnb_corpo_gift .thought .flex_thought{display: flex;align-items: flex-end;margin-bottom: 40px}
.hnb_corpo_gift .thought .flex_thought .text{width: 70%;font-size: 18px; }
.hnb_corpo_gift .thought .flex_thought .img{width: 30%;text-align: center;}
.hnb_corpo_gift .thought .flex_thought .img img{width: 70%}
.hnb_corpo_gift .thought a{text-decoration: underline;}
.hnb_corpo_gift .thought a:hover{text-decoration: none;}
@media (max-width: 767px) { 
.hnb_corpo_gift .thought .flex_thought{display: block;}
.hnb_corpo_gift .thought .flex_thought .text{width: 100%;}
.hnb_corpo_gift .thought .flex_thought .img{width: 100%;margin: 40px 0}
.hnb_corpo_gift .sp_center{text-align: center;}
}
 
 
/**/
.hnb_corpo_gift .faq{background: #FEF9F0}
.hnb_corpo_gift .faq dl{background: #fff;margin-bottom: 4%;padding:10px 40px 30px 40px;box-shadow: 0px 5px 15px 0px rgba(0, 0, 3, 0.16);}
.hnb_corpo_gift .faq dt{font-size: 20px; font-weight: bold;background: url(https://kasutera.itembox.design/item/corpo_gift/q.png) no-repeat left center ; padding:1em 0 1em 3em;min-height: 50px}
.hnb_corpo_gift .faq dd{font-size: 16px}
@media (max-width: 767px) { 
.hnb_corpo_gift .faq dt{font-size: 18px;padding:1em 0 1em 3.5em;}
.hnb_corpo_gift .faq dl{background: #fff;margin-bottom: 4%;padding:20px;}
}