@charset "UTF-8";


/***************************************************

	専用CSS

***************************************************/

.kv_area {
     background-position: top 0 left 50%;
    background-image: url(./ex_image/nhb_20250411_kv_bg.jpg);
}

.webp .kv_area {
    background-image: url(./ex_image/nhb_20250411_kv_bg.webp);
}

.kv_area .shop_catch strong {
    font-size: 44px;
}

.kv_area .sub_catch02 {
    font-size: 64px;
    line-height: 1.3;
}

.kv_area .sub_catch02 .sp_st {
    font-size: 1.3em;
}

.contact_cont .cc_head .text_box .catch {
    font-size: 84px;
}

.contact_cont .cc_head .text_box .caption {
    font-size: 40px;
    line-height: 1.4;
}

#worries .cont_block02 {
    background-image: url(./ex_image/worries_img02.jpg);
}

.webp #worries .cont_block02 {
    background-image: url(./ex_image/worries_img02.webp);
}

#achievement .head_image {
    background-image: url(./ex_image/achievement_head.jpg);
}

.webp #achievement .head_image {
    background-image: url(./ex_image/achievement_head.webp);
}

.contact_cont .link_box .contact_anchor a {
    border: 6px solid #f57f0a;
    background: linear-gradient(180deg, #e08a06 0%, #d77009 100%);
}

#footer_link ul li.contact {
    width: 365px;
}


.kv_area .point .point_wrapp .text_box p {
    font-size: 25px;
    line-height: 1.6;
}

.kv_area .point .point_wrapp .text_box p ruby {
    font-size: 1.3em;
}

#second_catch .text_box .main_catch {
    font-size: 48px;
    text-shadow: 2px 2px 5px rgba(255,255,255,0.8);
}

#worries .cont_block02 .cont_wrapp ul li {
    font-size: 23px;
}


#footer_link ul li.shop, #footer_link ul li.contact {
    background: var(--color2);
}

#footer_link ul li.shop a, #footer_link ul li.contact a {
    background: var(--color2);
}

#footer_link ul li.shop a strong::before, #footer_link ul li.contact a strong::before {
    filter: hue-rotate(230deg);
}

#worries .cont_block02 .cont_wrapp ul {
    display: inline-block;
    width: auto;
}

#worries .cont_block02 .cont_wrapp ul li{
    padding-right: 30px;
}

/********************************************************************************
	リッキド用 CSS
********************************************************************************/

@media(max-width:1100px){

.kv_area .shop_catch strong {
    font-size: 4vw;
}

.kv_area .sub_catch02 {
    font-size: 5.818182vw;
}

.contact_cont .cc_head .text_box .catch {
    font-size: 7.636364vw;
}

.contact_cont .cc_head .text_box .caption {
    font-size: 3.636364vw;
}

.contact_cont .cc_head .text_box .caption {
	font-size: 4.266667vw;
}

.contact_cont .link_box .contact_anchor a {
    border: 0.545455vw solid #f57f0a;
}

#footer_link ul li.contact {
    width: 33.181818vw;
}


.kv_area .point .point_wrapp .text_box p {
    font-size: 2.272727vw;
}

#second_catch .text_box .main_catch {
    font-size: 4.363636vw;
}

#worries .cont_block02 .cont_wrapp ul li {
    font-size: 2.090909vw;
}

#worries .cont_block02 .cont_wrapp ul li{
    padding-right: 2.727273vw;
}


}

/********************************************************************************
	スマートフォン用 CSS
********************************************************************************/

@media(max-width:430px){

.kv_area {
    background-image: url(./ex_image/nhb_20250210_kv_bg_sp.jpg);
}

.webp .kv_area {
    background-image: url(./ex_image/nhb_20250210_kv_bg_sp.webp);
}

.kv_area .shop_catch strong {
	font-size: 6.133333vw;
}

.kv_area .main_catch {
	display: block;
	font-size: 6.4vw;
	margin-bottom: 12vw;
}

.kv_area .main_catch strong {
	font-size: 9.066667vw;
	margin: 0 1.066667vw;
}

.kv_area .sub_catch02 {
	font-size: 24px;
}

.kv_area .sub_catch02 .sp_st {
    font-size: 1.6em;
}

.kv_area .kv_head {
	text-align: center;
}

#worries .cont_block02 {
    background-position: left 40% top 50%;
}

#worries .cont_block02 .cont_wrapp ul::after {
	content: none;
}

.webp #worries .cont_block02 .cont_wrapp ul::after {
	background-image: url(./ex_image/worries_img02_sp02.webp);
}

#achievement .head_image {
    background-image: url(./ex_image/achievement_head_sp.jpg);
}

.webp #achievement .head_image {
    background-image: url(./ex_image/achievement_head_sp.webp);
}

.contact_cont .link_box .contact_anchor a {
    border: 0.533333vw solid #f57f0a;
}

#footer_link ul li.phone,
#footer_link ul li.contact {
    width: 45%;
}


.kv_area .point .point_wrapp .text_box p {
    font-size: 4.8vw;
}

#second_catch .text_box .main_catch {
    font-size: 5.333333vw;
}

#worries .cont_block02 .cont_wrapp ul li {
    font-size: 4.266667vw;
}


#worries .cont_block02 .cont_wrapp ul {
    display: block;
}

#worries .cont_block02 .cont_wrapp ul li{
    padding-right: 0;
}



}