@charset "UTF-8";
/* mainvisual */
.mv-wrapper { }
.mv-wrapper > div { background-size: cover!important; background-position: center!important; background-repeat: no-repeat!important; border-radius:20px!important; overflow:hidden!important; display:flex; align-items:center; }
.main-visual { width: calc(100% - 40px); max-width: 1880px; min-height: 860px; margin: 20px auto 0 auto;}
.main-visual-inner { max-width: 1480px; width: 100%; margin: 0 auto; padding: 0 40px; height: 100%; display: flex; align-items: center; gap: 0 100px; line-height:2;}
.main-visual-inner h2.tagline, .main-visual-inner .tagbody { color: #FFF; text-shadow: 0 0 24px rgba(0, 0, 0, 0.4);}
.main-visual-inner h2.tagline { font-size: 6.4rem;}
.main-visual-inner .tagbody { font-size: 2rem; line-height: 2; margin: 30px 0;}

@media screen and (max-width: 820px) {
    .main-visual { width: 100%; min-height: 600px; margin: 0; }
    .main-visual-inner h2.tagline { font-size: 4.2rem;}
    .main-visual-inner .tagbody { font-size: 1.8rem;}
}
@media screen and (max-width: 620px) {
    .mv-wrapper > div { border-radius:0!important;}
    .main-visual { min-height: 90%; }
	.main-visual-inner h2.tagline { font-size: 2.8rem;}
    .main-visual-inner .tagbody { font-size: 1.4rem;}
}

/*** business ***/
.business-inner h3.tagline { font-size:4.2rem; line-height:1.3; margin-bottom:40px; }
.business-inner .tagbody { font-size:2rem; line-height:2; margin-bottom:40px; }

@media screen and (max-width: 1280px) {
    .business-inner h3.tagline { font-size:3.6rem;}
}
@media screen and (max-width: 820px) {
    .business-inner h3.tagline { font-size:3.2rem; margin-bottom:20px;}
    .businee-inner .tagbody { font-size:1.6rem; }
}
@media screen and (max-width: 480px) {
    .business-inner h3.tagline { font-size:2.4rem;}
    .business-inner .tagbody { font-size:1.4rem; }
}

/*** product ***/
.product-inner .section-body {width: calc(100% - 300px);}
.product-inner .product-wrap {display: flex; gap: 2px; margin-bottom: 40px;}
.proruct-item-wrap {display: flex; gap: 5px; margin-bottom: 20px;}
.proruct-item-wrap .product-item-box-first { width: 66%; aspect-ratio: 368 / 230;}
.proruct-item-wrap .product-item-box-second { width: 34%;}
.proruct-item-wrap .product-item-box-second { display: flex; flex-direction: column; gap: 5px 0;}
.proruct-item-wrap .product-item-box-second a { width: 100%; aspect-ratio: 368 / 230;}
a.item-cascaratea { display: block; width: 100%; height: 100%; background: url(https://hanks-inc.co.jp/wp-content/themes/hanks/img/photo/img_main-photo_03.webp) 50% 50% no-repeat; background-size:cover; border-radius: 20px; overflow: hidden;}
a.item-chestnuts-Ibaraki { display: block; width: 100%; height: 100%; background: url(https://hanks-inc.co.jp/wp-content/themes/hanks/img/photo/img_main-photo_05.webp) 50% 50% no-repeat; background-size:cover; border-radius: 20px; overflow: hidden;}
a.vn-rice-ST25 { display: block; width: 100%; height: 100%; background: url(https://hanks-inc.co.jp/wp-content/themes/hanks/img/photo/photo_vietnum-rice.webp) 50% 50% no-repeat; background-size:cover; border-radius: 20px; overflow: hidden;}
.proruct-item-wrap .item-header { display:inline-block; padding: 10px 0 10px 20px; background: rgba(244,242,231,0.9); border-radius: 20px 0 10px 0;}
.proruct-item-wrap .item-header h3, .proruct-item-wrap .item-header .item-info { color:#313529; }
.proruct-item-wrap .item-header h3 { line-height:1; font-size: 1.6rem; margin-bottom:10px;}
.proruct-item-wrap .item-header .item-info { font-size:1.2rem; margin:0; }
.proruct-item-wrap .item-header .item-info i { border: 1px solid #313529; border-radius: 50vw; padding: 1px 10px; margin: 0 1px;}
.proruct-item-wrap .product-item-box-first a, .proruct-item-wrap .product-item-box-second a {transition: all 0.6s ease-in-out;}
a:hover.item-cascaratea, a:hover.item-chestnuts-Ibaraki, a:hover.vn-rice-ST25 { box-shadow: 0 0 20px rgba(70,140,50,0.2);}

@media screen and (max-width: 1280px) {
    .product-inner .section-body {width: 100%;}
}
@media screen and (max-width: 820px) {
    .proruct-item-wrap {flex-direction: column; gap: 10px;}
    .proruct-item-wrap .product-item-box-first { width: 100%;}
    .proruct-item-wrap .product-item-box-second { flex-direction: initial; width: 100%; gap: 10px;}
    .proruct-item-wrap .item-header { display:inline-block; padding: 5px 10px 5px 10px; border-radius: 10px 0 5px 0;}
    .proruct-item-wrap .item-header h3 { line-height:1.2; font-size: 1.3rem; margin-bottom: 5px;}
    a.item-cascaratea, a.item-chestnuts-Ibaraki, a.vn-rice-ST25 { border-radius: 10px;}
    a:hover.item-cascaratea, a:hover.item-chestnuts-Ibaraki, a:hover.vn-rice-ST25 { background-size: cover;}
}
@media screen and (max-width: 620px) {
    .proruct-item-wrap .product-item-box-second a { aspect-ratio: 1 / 1;}
    a.item-chestnuts-Ibaraki, a.vn-rice-ST25 { background-size:cover; }
    .proruct-item-wrap .item-header { display:inline-block; padding: 5px 10px 5px 10px; border-radius: 10px 0 5px 0;}
}

/*** about ***/
.about-inner .section-body .cta-wrap { gap:0 10px; }
.about-inner .section-body .cta-wrap a.secondary {font-size: 1.4rem; min-width: auto;}

@media screen and (max-width: 1280px) {
    .about-inner .section-body .cta-wrap { flex-wrap: wrap; gap:10px; }
}
@media screen and (max-width: 480px) {
    .about-inner .section-body .cta-wrap .secondary { font-size:1.2rem; padding:5px 25px 5px 10px; }
}

/*** quality & safety ***/
.quality-safety-inner h2 small {text-align: center; line-height: 2; text-indent: 2.5em; display: inline-block;}

@media screen and (max-width: 1080px) {
    .quality-safety-inner h2 small {text-align: left; text-indent: 0; padding: 0 1em;}
    .quality-safety-inner .section-photo { max-width: 70%; margin:0 auto; }
}