@charset "UTF-8";
/*!*
	--------------------------------
	Created: 2022.01.31
	Last Modified:
	--------------------------------
	--------------------------------
*!*/

.quality-japan { font-family: "Hiragino Sans、ヒラギノ角ゴシック","Arial" !important; padding-bottom: 115px; }
.quality-japan img { width: auto; max-width: 100%; }
.quality-japan .ttl_box { margin-bottom: 120px; }
.quality-japan .headline_note { font-size: 40%; }
.quality-japan h3 { font-size: 1.5625em; text-align: center; margin-bottom: 40px; }
.quality-japan .item {  margin: 0 auto 60px auto; max-width: 522px; }
.quality-japan .item .list_box img { margin-bottom: 15px; max-width: 522px; }
.quality-japan .item .illust_box { margin-left: auto; margin-bottom: 75px; }
.quality-japan .note_japan { text-align: right; margin-top: 38px; }
.quality-japan .note_indent { padding-left: 2.5em; text-indent: -2.5em; }
.quality-japan .note { font-size: 15px; }

.quality-japan a:hover {background-color: #c00;text-decoration: none;color: #fff;}

@media only screen and (max-width: 767px) {
	.quality-japan { padding-bottom: 16vw; }
	.quality-japan p { width: 93%; margin-left: auto; margin-right: auto; }
	.quality-japan h3 { font-size: 1.38em; margin-bottom: 5.333vw; }
	.quality-japan .about .note { font-size: 0.815em; }
	.quality-japan .ttl_box { margin-bottom: 5.333vw; }
	.quality-japan .headline .sp_only { display: inline-block; }
	.quality-japan .headline_note { display: block; }
	.quality-japan .item:first-child { margin-bottom: 13.333vw; }
	.quality-japan .item:last-child { margin-bottom: 16vw; }
	.quality-japan .item .list_box img { width: 92vw; margin: 0 auto 2.667vw auto; }
	.quality-japan .illust_box { margin-right: auto; margin-left: 2.667vw; }
	.quality-japan .note_indent { padding-left: 3em; text-indent: -2.5em;width: 85%; }
	.quality-japan .note { font-size: 0.81em; }
}

/* about */
.quality-japan .about { margin-bottom: 85px; }
.quality-japan .about p { max-width: 520px; margin: 0 auto; }
.quality-japan .about .img_box { max-width: 617px; margin: 0 auto 20px auto; }
.quality-japan .about .note { margin-top: 10px; }

@media only screen and (max-width: 767px) {
	.quality-japan .about { margin-bottom: 19.5vw; }
	.quality-japan .about .img_box { margin-bottom: 5.333vw; padding: 0 1.333vw; }
}

/* design */
.quality-japan .design { max-width: 966px; counter-reset: ttl-counter; margin-left: auto; margin-right: auto;}
.quality-japan .design h3 { margin-bottom: 30px;}
.quality-japan .design .point:nth-of-type(2) { margin-top: 150px; margin-bottom: 90px;}
.quality-japan .design .point .point_ttl { position: relative; font-size: 1.5625em; font-weight: 600; text-align: center; text-decoration: underline; text-underline-offset: 10px; text-decoration-thickness: 3px; }
.quality-japan .design .point .point-parts-container { margin-top: 33px; margin-left: 44px; width: 89.5%;}
.quality-japan .design .point:nth-of-type(2) .point-parts-container { margin-top: 32px; margin-left: 63px; width: 87.2%;}
.quality-japan .design .point .point-parts-container .point-parts-txt { text-align: right; font-size: 15px; margin-top:14px;}
.quality-japan .design .point:nth-of-type(2) .point-parts-container .point-parts-txt { margin-top: 12px; }
.quality-japan .design .point .point-details-container { display: grid; grid-template-columns: repeat(2, 1fr); gap: 44px 70px; background-color: #eee; padding: 40px 68px; margin-top: 25px;}
.quality-japan .design .point .point-details-container .point-details .point-details-txt { margin-top: 20px; }
.quality-japan .design .point .point-details-container .point-details .point-details-txt_ttl { counter-increment: ttl-counter; font-weight: 600;}
.quality-japan .design .point .point-details-container .point-details .point-details-txt_ttl::before { content: counter(ttl-counter); background-color: #ea0000; color: #fff; width:16px; height: 16px; font-size: 15px; line-height: 16px; display: inline-block; text-align: center; margin-right: 4px;}
.quality-japan .design .point .point-details-container .point-details .point-details-txt_desc { margin-top: 8px; }


@media only screen and (max-width: 767px) {
	.quality-japan .design .point .point-parts-container { margin: 31px 2.6vw 0; width: auto;}
	.quality-japan .design p {width: 100%;}
	.quality-japan .design .point { margin-bottom: 13.333vw; }
	.quality-japan .design .point .point_ttl { font-size: 1.6em; }
	.quality-japan .design .point .point-details-container { gap: 42px 0;}
	.quality-japan .design .point .point-details-container .point-details .point-details-txt { margin-top: 1em; }
	.quality-japan .design .point .point-parts-container .point-parts-txt { font-size: 0.8em; margin-top: 1em;}
	.quality-japan .design .point .point-details-container { padding: 8vw 5.9vw; grid-template-columns: 1fr;}
	.quality-japan .design .point .point-details-container .point-details .point-details-txt_ttl::before { width: 4.267vw; height: 4.267vw; line-height: 4.267vw; }
	.quality-japan .design .point:nth-of-type(2) .point-parts-container { margin: 33px 5.7vw;}
	.quality-japan .design .point:nth-of-type(2) .point-parts-container .point-parts-txt { margin-top: 12px; margin-right: 0;}
}

/* polite */
@media only screen and (max-width: 767px) {
	/* .quality-japan .item.polite .list_box img { display: block; } */
}

/* test */
.quality-japan .test .illust_box { max-width: 340px; margin-top: 30px; }
@media only screen and (max-width: 767px) {
	.quality-japan .test .illust_box { max-width: 342px; width: 90.933vw; margin: 10.667vw 0 0 auto; }
}

/* endurance */
.quality-japan .endurance .endurance_box { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 28px; margin-top: 28px; }
.quality-japan .endurance .endurance_box .caption { text-align: center; margin-top: 7px; font-size: 20px; letter-spacing: -0.2px; font-weight: 500;}
.quality-japan .endurance .endurance_box .item1 { grid-row: 1 / 2; }
.quality-japan .endurance .endurance_box .item2 { grid-row: 1 / 3; }
.quality-japan .endurance .endurance_box .item2 .caption { letter-spacing: -0.4px; }
.quality-japan .endurance .endurance_box .item2 .caption .annotation_mark{ font-size: 15px; }
.quality-japan .endurance .endurance_box .item2 .endurance_selection { font-size: 15px; border: 1px solid #000; padding: 18px 0 18px 18px; margin-top: 15px; }
.quality-japan .endurance .endurance_box .item2 .txts .endurance_selection .endurance_selection_ttl { font-weight: 600; }
.quality-japan .endurance .endurance_box .item2 .endurance_selection .endurance_selection_txt {	margin-top: 8px; letter-spacing: -0.4px; }
.quality-japan .endurance .endurance_box .item2 .note { margin-top: 5px; }
.quality-japan .endurance .endurance_box .item2 .note_indent { padding-left: 1em; text-indent: -1em; }
.quality-japan .endurance .endurance_box .item2 .txt , .quality-japan .endurance .endurance_box .item4 .txt{ margin-top: 1em; }
.quality-japan .endurance .endurance_box .item2 .note_list { margin-top: 1em; padding-left: 2.5em; text-indent: -2.5em; }
.quality-japan .endurance .endurance_box .item3 { grid-row: 2 / 4; margin-top: 42px; }
.quality-japan .endurance .endurance_box .item3 .illust_box { max-width: 310px; margin-left: auto; }
.quality-japan .endurance .endurance_box .item3 .txt { margin-top: 13px; }
.quality-japan .endurance .endurance_box .item3 .note { margin-top: 9px; }
.quality-japan .endurance .endurance_box .item4 { grid-row: 3 / 4; margin-top: 45px; }
.quality-japan .endurance .endurance_box .item4 .illust_box { max-width: 302px; margin-left: auto; }

@media only screen and (max-width: 767px) {
	.quality-japan .endurance .endurance_box { grid-template-columns: 1fr; justify-items: center;}
	.quality-japan .endurance .endurance_box .caption { font-size: 1em;	width: 100%; }
	.quality-japan .endurance .endurance_box .item2 .caption { margin-top: 3.2vw; }
	.quality-japan .endurance .endurance_box .item2 .caption .annotation_mark{ font-size: 0.8em; }
	.quality-japan .endurance .endurance_box .item1 { grid-row: auto; }
	.quality-japan .endurance .endurance_box .item2 { grid-row: auto; margin-top: 10.13vw; }
	.quality-japan .endurance .endurance_box .item2 .txts { width: 88vw; margin: 5.06vw auto 0;	}
	.quality-japan .endurance .endurance_box .item2 .txts p { margin:0;	width: auto; }
	.quality-japan .endurance .endurance_box .item2 .txts .endurance_selection { font-size: medium; padding: 3vw 3.2vw; }
	.quality-japan .endurance .endurance_box .item2 .txts .endurance_selection .endurance_selection_ttl { font-size: 1em; }
	.quality-japan .endurance .endurance_box .item2 .txts .endurance_selection .endurance_selection_txt { font-size: 0.75em; margin-top: 8px; letter-spacing: -0.4px; line-height: 1.8em; }
	.quality-japan .endurance .endurance_box .item2 .txts .note { margin-top: 0.8em; }
	.quality-japan .endurance .endurance_box .item2 .txts .note_list { margin-top: 1.3em; }
	.quality-japan .endurance .endurance_box .item2 .txts .note_list li:nth-child(n+2){ margin-top: 0.6em; }
	.quality-japan .endurance .endurance_box .item2 .txts .txt { margin-top: 1.3em;	}
	.quality-japan .endurance .endurance_box .item3 { grid-row: auto; }
	.quality-japan .endurance .endurance_box .item3 .img_box { width: 65.8vw; margin-left: auto; margin-right: auto; }
	.quality-japan .endurance .endurance_box .item3 .illust_box { max-width: 80vw; margin-left: auto; }
	.quality-japan .endurance .endurance_box .item4 { grid-row: auto; }
	.quality-japan .endurance .endurance_box .item4 .illust_box { max-width: 80vw; margin-left: auto; }
}

/* condenser */
.quality-japan .condenser { margin-top: 70px;}
.quality-japan .condenser .selection { display: flex; width: 470px; font-size: 15px; column-gap: 27px; border: 1px solid #000; padding: 17px 29px 21px; margin: 15px auto 0; }
.quality-japan .condenser .selection .selection_ttl { font-weight: 600;}
.quality-japan .condenser .condenser_ttl {margin-bottom: 27px;}
.quality-japan .condenser .condenser_txt,.quality-japan .condenser .condenser_txt_note { text-align: center; }
.quality-japan .condenser .condenser_txt_note { margin-top: 14px; }
.quality-japan .condenser .condenser_img { margin-top: 45px; }
.quality-japan .condenser .condenser_note { margin-top: 43px; }
.quality-japan .condenser .condenser_note_list { display: grid; grid-template-columns: 2.5em 1fr; margin-left: 3em; grid-row-gap: 0.2em;}

@media only screen and (max-width: 767px) {
	.quality-japan .condenser { margin-top: 70px;}
	.quality-japan .condenser .selection { display: block; width: 82vw; font-size: medium; column-gap: 27px; border: 1px solid #000; padding: 3vw 3.2vw; margin: 4.4vw auto 0; }
	.quality-japan .condenser .selection .selection_series { margin-top: 1em; font-size: 0.752em; line-height: 1.68em; letter-spacing: 0.06em; }
	.quality-japan .condenser .condenser_ttl {margin-bottom: 27px;}
	.quality-japan .condenser .condenser_txt,.quality-japan .condenser .condenser_txt_note { text-align: left; }
	.quality-japan .condenser .condenser_txt_note { margin-top: 14px; }
	.quality-japan .condenser .condenser_img { margin-top: 45px; }
	.quality-japan .condenser .condenser_img.sp_only { margin: 15px auto 0; max-width: 88vw; }
	.quality-japan .condenser .condenser_note { margin-top: 35px; }
	.quality-japan .condenser .condenser_note_list { display: grid; grid-template-columns: 2.5em 1fr; grid-row-gap: 0.5em; width: 85%; margin-left: auto; margin-right: auto; padding-left: 3em;}
}

/* techinfo */
.quality-japan .techinfo { margin-top: 87px; text-align: center;}
.quality-japan .techinfo .button a { padding-left: 52px; padding-right: 52px;}

@media only screen and (max-width: 767px) {
	.quality-japan .techinfo { margin-top: 96px; }
	.quality-japan .techinfo .button a { background-position: 23px 1.2em; padding-left: 5px; padding-right: 25px;}
	.quality-japan .techinfo p { width: 63%; }
}

/*!* -------------------------------
	content_bottom_area
	top_back_button
------------------------------- *!*/
.top_back_button {margin-top: 65px;text-align: center;}
.top_back_button a {width: 129px;margin: 0 auto;box-sizing: border-box;border: 1px solid grey;border-radius: 5px;color: #333;display: block;padding: 10px 0 10px 0; -webkit-transition: .25s ease-out; transition: .25s ease-out;font-size: 87.5%;}
.top_back_button a:hover {background-color: #c00; text-decoration: none; color: #fff;}

/*!* -------------------------------
	content_bottom_area
	霧ヶ峰の特長バナーエリア
------------------------------- *!*/
.content_bottom_area {margin-top: 0;}
.feature-bnr-area {margin-top: 59px;border-top: solid 1px #cfcfcf;border-bottom: solid 1px #cfcfcf;padding-top: 31px;padding-bottom: 38px;}
.feature-bnr-area .feature_icon {display:flex;justify-content:center}
.feature-bnr-area .feature_icon > li > a.feature-link-btn {display:flex;font-weight:700;font-size:.875em;text-align:center;line-height:1.14286;background-color:#fff;color:#ec1d00;border:1px solid #ec1d00;border-radius:20px;justify-content:center;align-items:center;-webkit-transition: .25s ease-out;transition: .25s ease-out;text-decoration: none;}
.feature-bnr-area .feature_icon > li > a.feature-link-btn:hover {background-color: #ec1d00;color: #ffffff;}
@media only screen and (min-width:768px) {
.feature-bnr-area .feature_icon > li > a {width:78px;height:78px}
.feature-bnr-area .feature_icon > li:not(:first-child) {margin-left:15px}
}
@media only screen and (max-width:767px) {
.feature-bnr-area {margin-top:65px}
.feature-bnr-area .feature_icon {margin:0 auto;max-width:345px}
.feature-bnr-area .feature_icon > li {width:21.95652%}
.feature-bnr-area .feature_icon > li > a.feature-link-btn:before {display:block;width:0;height:calc((100vw - 30px) * .2145);max-height:73.75px;content:''}
.feature-bnr-area .feature_icon > li:not(:first-child) {margin-left:4.05797%}
}