@charset "UTF-8";


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

	専用CSS

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

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');

body{
    font-family: "Noto Sans KR", sans-serif;
    word-break: keep-all;
    overflow-wrap: break-word;
}

.kaisei{
	font-family: "Noto Sans KR", sans-serif;
}

.kv_catch_wrapp{
	left: 58%;
}

.head_wrapp .kv_catch {
    font-size: 58px;
    font-weight: 800;
}

.head_wrapp .kv_catch small.year {
    font-size: 38px;
    font-weight: 800;
    margin-bottom: 0px;
}

.head_wrapp .kv_catch_wrapp {
    width: 520px;
    justify-content: space-between;;
    margin-left: -60px;
}


#product .product_ul > li .caption {
    width: 880px;
    margin-left: auto;
    margin-right: auto;
}

#product .product_ul > li .link_box li a p {
    font-size: 16px;
    line-height: 1;
    text-align: center;
}

#product .product_ul > li.item_info .cont_flex {
    width: 740px;
}


.area_block02 .inner_cont .sub_caption {
    margin-bottom: 0;
}

.area_block02 .inner_cont .block2 h3::before {
    left: calc(50% - 268px);
}

.area_block02 .inner_cont .block2 h3::after {
    right: calc(50% - 268px);
}




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

@media(max-width:1280px){

.head_wrapp .kv_catch {
    font-size: 4.53125vw;
}

.head_wrapp .kv_catch small.year {
    font-size: 2.96875vw;
}

.head_wrapp .kv_catch_wrapp {
    width: 40.625vw;
    margin-left: -4.6875vw;
}

#product .product_ul > li .caption {
    width: 68.75vw;
}

#product .product_ul > li .link_box li a p {
    font-size: 1.25vw;
}

#product .product_ul > li.item_info .cont_flex {
    width: 57.8125vw;
}


.area_block02 .inner_cont .block2 h3::before {
    left: calc(50% - 20.937500vw);
}

.area_block02 .inner_cont .block2 h3::after {
    right: calc(50% - 20.937500vw);
}



}

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

@media(max-width:430px){


.head_wrapp .kv_catch_wrapp {
    width: 78.4vw;
    margin: 0 0 0 -39.2vw;
}

.head_wrapp .kv_catch {
    font-size: 8.533333vw;
    line-height: 1.2;
}

.head_wrapp .kv_catch strong{
    font-size: 9.6vw;
}

.head_wrapp .kv_catch small.year {
    font-size: 6.4vw;
}

.head_wrapp .entry_btn {
    right: 10.666667vw;
}

.main_caption {
    margin-left: -3.2vw;
    margin-right: -3.2vw;
}

#product .product_ul > li .caption {
    width: 85.066667vw;
}

#product .product_ul > li .link_box li a p {
    font-size: 4.266667vw;
}


#product .product_ul > li.item_info .cont_flex {
    width: auto;
}

#story .main_caption{

}

#product .product_ul > li.benefits h3 {
    height: 1.4em !important;
}

#howto_block01.inner_cont .icon.i0102 {
    top: 24vw;
}

#howto_block02.inner_cont .icon.i0201 {
    top: 56vw;
}

#howto_block02.inner_cont .icon.i0202 {
    top: 72vw;
}

#howto_block03.inner_cont .icon.i0302 {
    top: 51.733333vw;
    right: -1.6vw;
}

#howto_block04 .text_height {
    height: 2.8em !important;
}

#howto_block04.inner_cont .icon.i0401 {
    top: 30.666667vw;
}

#howto_block04.inner_cont .icon.i0402 {
    width: 16vw;
    top: 46.933333vw;
}

#footer .footer_flex .sns_area .fukidashi_block {
    width: 71.2vw;
}

#footer .footer_flex .sns_area .icon.i01 {
    left: -4vw;
}

#footer .footer_flex .sns_area .icon.i02 {
    right: 3.2vw;
}

#message .caption {
    width: auto;
}

#product .product_ul > li.item_info .cont_flex .text_box dl dd:first-of-type{
	line-height: 2.0;
}


.area_block02 .inner_cont .sub_caption {
    margin-bottom: 6.4vw;
}

.area_block02 .inner_cont .block2 h3::before {
    left: calc(50% - 42.666667vw);
    top: 1.866667vw;
}

.area_block02 .inner_cont .block2 h3::after {
    right: calc(50% - 42.666667vw);
    top: 1.866667vw;
}



}