@charset "utf-8";
/* TOP.foot 20260826 */
body{font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"}

/*hnb_top*/

/*BODY*/
.fs-l-main,
.fs-l-pageMain{max-width: fit-content}
.hnb_common .mb5{margin-bottom: 5px}

/*hnb_top_slider*/
.hnb_top_slider {overflow: hidden}
.hnb_top_slider .slick-slide{margin:0 12px}
.hnb_top_slider .slick-dotted.slick-slider{margin-bottom: 50px}
.hnb_top_slider .slick-dots{margin: 0 0 10px 0}
.hnb_top_slider  .slick-dots li{width: 10px;height: 10px;margin: 3px 10px}
.hnb_top_slider  .slick-dots li button{width: 10px;height: 10px;border: none}
.hnb_top_slider  .slick-dots li button:before{width: 10px;height: 10px;border: none;font-size: 10px;line-height: 10px;color: #DDE6EB;background: #DDE6EB}
.hnb_top_slider  .slick-dots li.slick-active button:before{color: #8EADBD;opacity: 1;border: none;background: #8EADBD;width: 10px;height: 10px;font-size: 10px;line-height: 10px;}
.hnb_top_slider .slick-dots li.slick-active{background: #8EADBD}
@media (max-width: 767px){
.hnb_top_slider .slick-slide{margin:0 0}
}

/*スライド下*/
.hnb_common.top_info{max-width: 1216px;margin: 0 auto}
.hnb_common .hnb_top .top_about_flex{display: flex;justify-content: space-between;margin: 20px auto}
.hnb_common .hnb_top .top_about_flex .about_yamakawa_flex_2026{width: 49%; display: flex;justify-content: space-between;padding:10px 20px;background: #F6F3F1;align-items: center}
	.hnb_common .hnb_top .top_about_flex .about_yamakawa_flex_2026 .left{width: 30%}
	.hnb_common .hnb_top .top_about_flex .about_yamakawa_flex_2026 .right{width: 66%}
.hnb_common .hnb_top .top_about_flex .about_shop_2026{width: 49%;background: url(https://rfyamakawa.itembox.design/item/img/top/icon_company.png) no-repeat 30px center #D2EFEF;background-size: 46px;
padding: 10px 20px 10px 100px;    box-sizing: border-box;}
.hnb_common a.under_line{text-decoration: underline}	

@media (max-width: 767px){
.hnb_common .hnb_top .top_about_flex{display: block}
.hnb_common .hnb_top .top_about_flex .about_yamakawa_flex_2026{width: 100%;display: block;margin-bottom: 20px;padding: 20px}
.hnb_common .hnb_top .top_about_flex .about_yamakawa_flex_2026 .left{width: 70%;margin-bottom: 10px}
.hnb_common .hnb_top .top_about_flex .about_yamakawa_flex_2026 .right{width: 100%}
.hnb_common .hnb_top .top_about_flex .about_shop_2026{width: 100%;}
.hnb_common .hnb_top .top_about_flex .about_shop_2026{background: url(https://rfyamakawa.itembox.design/item/img/top/icon_company.png) no-repeat 20px center #D2EFEF;
padding: 10px 20px 10px 80px;background-size: 46px;}
}

/*全体*/
.hnb_common .hnb_top.main{max-width: 1216px;margin: 60px auto 0}
.hnb_common .hnb_top.main section{margin-bottom: 70px}
.hnb_common .hnb_top.main h2.ttl{font-size: 20px; font-weight: bold;padding-bottom: 10px; margin-bottom: 25px; border-bottom: 1px solid #3C3C3C;}
.hnb_common .hnb_top.main h3.ttl{font-size: 20px; font-weight: bold;padding:10px 20px; margin-bottom: 20px; background:#7C8790;color: #fff;}
.hnb_common .hnb_top.main h3.ttl a{color: #fff}
.hnb_common .hnb_top.main .box .name{font-weight: bold;font-size: 14px; margin-bottom: 5px}
.hnb_common .hnb_top.main p.btn a{text-align: center;    display: block;    border: 1px solid #576E83;    width: 40%;    margin: 20px auto 0;    font-size: 13px;    color: #576E83;    padding: 10px 0;}
.hnb_common .hnb_top.main p.btn a span {background: url(https://rfyamakawa.itembox.cloud/item/category/counter/next.svg) no-repeat right center;padding-right: 1.5em;}
.hnb_common .hnb_top.main .scroll {margin: 0;overflow: auto;-webkit-overflow-scrolling: touch;display: block}
.hnb_common .hnb_top.main .scroll .ranking{padding-bottom: 15px}
.hnb_common .hnb_top.main .mt10{margin-top: 10px}
@media (max-width: 767px){
.hnb_common .hnb_top.main p.btn a{width: 100%}
}


/*tab*/
.hnb_common .hnb_top.main .tab_area .tabs{display: flex;justify-content: space-between;gap:1%;}
.hnb_common .hnb_top.main .tab_area .tabs button.tab{display: block;width: calc((100% - 5%) / 6);margin-bottom: 3%;font-weight: bold;
background: #fff;color: #576E83;font-size: 14px;text-align: center;padding: 0.7em 0;border: 1px solid #576E83;border-radius: 50px}
.hnb_common .hnb_top.main .tab_area .tabs button.tab.active{background: #576E83;color: #fff;}
.hnb_common .hnb_top.main .tab_area .tab_content{display: none}
.hnb_common .hnb_top.main .tab_area .tab_content.active{display: block}
.hnb_common .hnb_top.main .tab_area .category_flex{display: flex;gap: 1%;flex-wrap: wrap}
.hnb_common .hnb_top.main .tab_area .category_flex .box{width: calc((100% - 3%) / 4);margin-bottom: 1%}
.hnb_common .hnb_top.main .tab_area .category_flex .img{margin-bottom: 0;line-height: 0}
.hnb_common .hnb_top.main .tab_area .category_flex .name{background: #7C8790;color: #fff;padding:5px 10px;}
.hnb_common .hnb_top.main .tab_area .scroll{margin-bottom: 30px}
.hnb_common .hnb_top.main .tab_area h2.ttl{padding: 0;border: none;margin-bottom: 10px}
@media (max-width: 767px){
.hnb_common .hnb_top.main .tab_area .tabs{display: flex;flex-wrap: wrap;gap:1%;margin-bottom: 20px}
.hnb_common .hnb_top.main .tab_area .tabs button.tab{display: block;width: calc((100% - 2%) / 3);margin-bottom: 2%;padding: 5px 0;line-height: 1.2}
.hnb_common .hnb_top.main .tab_area .tabs button.tab span{font-size: 8px}
.hnb_common .hnb_top.main .tab_area .category_flex .box{width: calc((100% - 1%) / 2);margin-bottom: 1%}
.hnb_common .hnb_top.main .tab_area .category_flex .name.minh{min-height: 3.8em}
}

/*flex*/
.hnb_common .hnb_top.main .flex_4{display: flex;gap: 1%;flex-wrap: wrap}
.hnb_common .hnb_top.main .flex_4 .box{width: calc((100% - 3%) / 4);margin-bottom: 2%}
.hnb_common .hnb_top.main .flex_4 .box ul {display: flex;gap:1%;margin-top: 5px}
.hnb_common .hnb_top.main .flex_4 .box ul li a{display: block;background:#8EADBD ;color: #fff;font-size: 12px; font-weight: bold;padding: 5px 10px;border-radius: 50px;}
.hnb_common .hnb_top.main .flex_4 .img_frame{border: 1px solid #576E83;text-align: center;padding: 20px;margin-bottom: 10px}
.hnb_common .hnb_top.main .flex_4 .img_frame .img{width: 46px;margin: 0 auto 10px;}
.hnb_common .hnb_top.main .flex_4 .img_frame .ttl{font-size: 18px; font-weight: bold;color: #576E83;}
.hnb_common .hnb_top.main .flex_4 .img_frame .sub{font-size: 13px; font-weight: bold;color: #576E83;}
@media (max-width: 767px){
.hnb_common .hnb_top.main .flex_4{gap: 2%;}
.hnb_common .hnb_top.main .flex_4 .box{width: calc((100% - 2%) / 2);margin-bottom: 20px}
.hnb_common .hnb_top.main .flex_4 .img_frame{padding: 30px 0;}
}

.hnb_common .hnb_top.main .flex_3{display: flex;gap: 1%;flex-wrap: wrap}
.hnb_common .hnb_top.main .flex_3 .box{width: calc((100% - 2%) / 3);margin-bottom: 2%}
@media (max-width: 767px){
.hnb_common .hnb_top.main .flex_3{display: block;}
.hnb_common .hnb_top.main .flex_3 .box{width: 100%;margin-bottom: 20px}
}

.hnb_common .hnb_top.main .brand_logo_flex{display: flex;gap: 1%;flex-wrap: wrap}
.hnb_common .hnb_top.main .brand_logo_flex p{width: calc((100% - 5%) / 6);margin-bottom: 2%}
@media (max-width: 767px){
.hnb_common .hnb_top.main .brand_logo_flex p{width: calc((100% - 1%) / 2);margin-bottom: 20px}
}


/* slick_3 */
.hnb_common .hnb_top.main .slick_3 .slick-list {
	margin: 0 -10px;
}

.hnb_common .hnb_top.main .slick_3 .slick-track {
	display: flex !important;
	align-items: stretch;
}

.hnb_common .hnb_top.main .slick_3 .slick-slide {
	margin: 0 10px;
	height: auto !important;
}

.hnb_common .hnb_top.main .slick_3 .box {
	display: flex !important;
	flex-direction: column;
	height: auto;
}

.hnb_common .hnb_top.main .slick_3 .name {
	margin: 15px 0;
	font-size: 16px;
}

.hnb_common .hnb_top.main .slick_3 table {
	border-top: 1px solid #ACB0B9;width: 100%;
	margin-bottom: 20px;
	border-spacing: 0;
}

.hnb_common .hnb_top.main .slick_3 table th,
.hnb_common .hnb_top.main .slick_3 table td {
	border-bottom: 1px solid #ACB0B9;
	padding: 8px 0;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
}

.hnb_common .hnb_top.main .slick_3 table th {
	font-weight: bold;
	width: 25%;
}

.hnb_common .hnb_top.main .slick_3 .btn_flex {
	display: flex;
	justify-content: space-between;
	margin-top: auto;
}

.hnb_common .hnb_top.main .slick_3 .btn_flex .btn {
	width: 49%;
}

.hnb_common .hnb_top.main .slick_3 .btn_flex .btn a {
	width: 100%;
	font-size: 13px;
	margin: 0;
}

.hnb_common .hnb_top.main .slick_3 .btn_flex .btn.navy a {
	background: #576E83;
	color: #fff;
}

.hnb_common .hnb_top.main .slick_3 .btn_flex .btn.navy a span {
	background: url(https://rfyamakawa.itembox.cloud/item/img/top/white_next.svg) no-repeat right center;
	padding-right: 1.5em;
}

@media (max-width: 767px){
.hnb_common .hnb_top.main .slick_3 .slick-slide {margin: 0 30px;}

.hnb_common .hnb_top.main .slick_3 .slick-prev,
.hnb_common .hnb_top.main .slick_3 .slick-next{background-size: 15px !important;}
.hnb_common .hnb_top.main .slick_3 .slick-prev{left: -4px}
.hnb_common .hnb_top.main .slick_3 .slick-next{right: -5px}
.hnb_common .hnb_top.main .slick_3 .btn_flex {display: block}
.hnb_common .hnb_top.main .slick_3 .btn_flex .btn {	width: 100%;margin-bottom: 10px}
}


/*hnb_footer*/

.hnb_common .hnb_footer_bk{background: #E8EAED;padding: 60px 0}
.hnb_common .hnb_footer{max-width: 1216px;margin: 0 auto;}
.hnb_common .navy{color:#2D4A65;}
@media (max-width: 767px){
.hnb_common .hnb_footer_bk{padding: 60px 10px}
}

.hnb_common .hnb_footer .copy{text-align: center;font-size: 12px; color: #576E83;}
.hnb_common .hnb_footer .flex2,
.hnb_common .hnb_footer .flex3,
.hnb_common .hnb_footer .flex2 .shop_flex,
.hnb_common .hnb_footer .flex2 .service_flex{display: flex;justify-content: space-between;}
.hnb_common .hnb_footer .flex2 .shop_flex,
.hnb_common .hnb_footer .flex2 .service_flex{align-items: center}
.hnb_common .hnb_footer .flex2 .box{width: 48%;background: #fff;padding:12px 20px}
.hnb_common .hnb_footer .flex3 .box{width: 30%;}
.hnb_common .hnb_footer .flex2 .shop_flex .img{width: 20%;text-align: center;}
.hnb_common .hnb_footer .flex2 .shop_flex .text{width: 78%}
.hnb_common .hnb_footer .flex2 .service_flex .text_area{width: 65%}
.hnb_common .hnb_footer .flex2 .service_flex .btn_area{width: 30%;padding-top: 2.4em}
.hnb_common .hnb_footer .flex2 .service_flex .btn_area a{display: block;background: #576E83;text-align: center;color: #fff;padding: 0.7em 0;font-size: 12px}
@media (max-width: 767px){
.hnb_common .hnb_footer_bk{padding: 60px 10px}
.hnb_common .hnb_footer .flex2,
.hnb_common .hnb_footer .flex3,
.hnb_common .hnb_footer .flex2 .service_flex{display: block;}
.hnb_common .hnb_footer .flex2 .box{width: 100%;margin-bottom: 20px;padding: 20px}
.hnb_common .hnb_footer .flex3 .box{width: 100%;margin-bottom: 40px}
.hnb_common .hnb_footer .flex2 .service_flex{text-align: center;}
.hnb_common .hnb_footer .flex2 .service_flex .text_area{width: 100%;margin-bottom: 10px}
.hnb_common .hnb_footer .flex2 .service_flex .btn_area{width: 60%;margin: 0 auto;padding-top: 0}
.hnb_common .hnb_footer .box .f18.bold.mb10{text-align: center;}
}

.hnb_common .hnb_footer .btn a{text-align: center;
    display: block;
    border: 1px solid #576E83;
    width: 50%;background-color: #fff;
    font-size: 13px;
    color: #576E83;
    padding: 0.5em 0;}
.hnb_common .hnb_footer .btn a span{    background: url(https://rfyamakawa.itembox.cloud/item/category/counter/next.svg) no-repeat right center;padding-right: 1.5em;}
@media (max-width: 767px){
.hnb_common .hnb_footer .btn a{margin: 0 auto;}
}

.hnb_common .hnb_footer .btn.q a,
.hnb_common .hnb_footer .btn.mail a,
.hnb_common .hnb_footer .btn.guide a{text-align: left;margin-bottom: 10px;width: 100%;padding:10px 10px}
.hnb_common .hnb_footer .btn.q a{background: url({% items[/img/footer/qa.svg] %}) no-repeat 1em center #fff;    padding-left: 4em;}
.hnb_common .hnb_footer .btn.mail a{background: url({% items[/img/footer/mail.svg] %}) no-repeat 1em center #fff;    padding-left: 4em;}
.hnb_common .hnb_footer .btn.guide a{background: url({% items[/img/footer/info.svg] %}) no-repeat 1em center #fff;    padding-left: 4em;}
.hnb_common .hnb_footer .btn.q a span,
.hnb_common .hnb_footer .btn.mail a span,
.hnb_common .hnb_footer .btn.guide a span{display: block;background-position: 95% center}
.hnb_common .hnb_footer ul{margin-bottom: 15px}
.hnb_common .hnb_footer ul li a{text-decoration: underline;font-size: 12px;background: url(https://rfyamakawa.itembox.cloud/item/category/counter/next.svg) no-repeat left center;padding-left: 1em}
.hnb_common .hnb_footer .sns_flex{display: flex;gap:1em;}