@charset "utf-8";
/* CSS Document */

.pc{display: none;}
.custom-content {}

.surge-techonology {}
body.page-id-23,body.page-id-28{background-color: #fff;}

.what-is-surge-section {
    background: url(/img/surge/what_is_surge_bg.jpg) no-repeat #FFF;
    background-size: 100% auto;
    background-position: center 27%;
    overflow: hidden;
}

.what-is-surge-section .inner {
    max-width: 1042px;
    width: 90%;
    margin: 0 auto;
}

.what-is-surge-section__title {
    max-width: 549px;
    width: 91.6%;
    margin: min(23.94vw, 277px) auto min(7.77vw, 90px);
    padding-left: 8%;
}

.what-is-surge-section__list {margin: 0 auto min(24.89vw, 288px);}

.what-is-surge-section__list_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.what-is-surge-section__list_item li:nth-child(odd){
    max-width: 283px;
    width: 27.17%;
}
.what-is-surge-section__list_item li:nth-child(even){
    max-width: 36px;
    width: 3.46%;
}

.surge-step-section {
    background: linear-gradient(135deg, rgba(153, 201, 241, 1) 0%, rgba(205, 228, 241, 1) 16%, rgba(255, 228, 255, 1) 52%, rgba(255, 194, 130, 1) 89%);
    overflow: hidden;
}
.surge-step-section .surge-3-merit{
    margin: 0px auto min(3.4vw, 170px);
    width: 95%;
}

.surge-step-section .surge-3-merit ul{
    background-color: #fff;
    padding-bottom: 4%;
    padding-top: 7%;
}
.surge-step-section .surge-3-merit ul li{
    width: 100%;
    margin-bottom: 8vw;
}

.surge-step__3-merit .step{
    margin: 0 auto;
    color: #383838;
    max-width: fit-content;
    font-size: 9vw;
    position: relative;
    width: 21%;
    }
.surge-step__3-merit .step img{
    /* display: none; */
}
.surge-step__3-merit .box{
    position: relative;
    padding: min(2.17vw, 48px) min(9.0vw, 44.6px) 0;
    z-index: 1;
    margin: 0 0 0 0;
}

.surge-step__3-merit .box::after{
    content: '';
display: none;}

.surge-step__3-merit .title{}
.surge-step__3-merit .title::after{
    content: '';
    background: linear-gradient(to right, rgba(153, 201, 241, 1) 0%, rgba(205, 228, 241, 1) 16%, rgba(255, 228, 255, 1) 52%, rgba(255, 194, 130, 1) 89%);
    height: 1px;
    width: 100%;
    display: block;
    margin: 0.7em auto 0.5em;
}
.surge-step__3-merit .text{
    font-size: 3.5vw;
}


.surge-step-section .inner{}

ruby{
    display: flex;
    flex-direction: column;
    text-align: center;  /* この指定は text-align-last を IE に対応させるために必要 */
    text-align-last: center;
    }
ruby rt{
    font-size: min(2.95vw, 11px);
    letter-spacing: 0.1em;
    position: absolute;
    bottom: 22%;
    left: 0;
    right: 0;
}
.surge-hsp-section {
    background-color: #fff;
    overflow: hidden;
}

.surge-hsp-section .inner {
    max-width: 1234px;
    width: 90%;
    margin: 0 auto min(11.31vw, 210px);
    font-family: Noto Serif JP;
}

.surge-hsp-section__hspcare {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: min(3.95vw, 205px) auto min(10.12vw, 180px);
    flex-flow: column;
}

.surge-hsp-section__hspcare-left {
    max-width: unset;
    width: 100%;
    margin-bottom: 6%;
}

.surge-hsp-section__category {
    margin: 2em 0 1.3em;
    max-width: 128px;
    width: 19.035%;
}

.surge__category {
    font-size: min(4vw, 25px);
    font-weight: 600;
    letter-spacing: 0.075em;
    background: linear-gradient(145deg,  rgba(205,199,228,1) 0%,rgba(233,199,243,1) 32%,rgba(250,199,252,1) 52%,rgba(255,188,212,1) 89%);
}

.surge-hsp-section__title {
}

.surge__title {
    position: relative;
    font-size: min(5vw, 41px);
    color: #88806D;
    line-height: 1.42em;
    letter-spacing: 0.1em;
    font-weight: 500;
    line-break: loose;
}
.surge-hsp-section__line{
    position: relative;
    max-width: 587px;
    height: 2px;
    width: 100%;
    margin: min(2.77vw, 38px) 0 min(4.97vw, 54.5px);
    background-color: #88806D;
}
.surge-hsp-section__line::after{
    content: '';
    display: block;
    position: relative;
    bottom: 0;
    left: 0;
    max-width: 127px;
    width: 22%;
    height: 5px;
    background: #88806D;
}

.surge-hsp-section__text {
    max-width: unset;
    width: 97%;
    margin: 0 auto;
}

.surge-hsp-section__text br{
    display: none;
}

.surge__text {
    font-size: min(3.3vw, 20.4px);
    letter-spacing: 0.1em;
    color: #000;
    font-family: 'Noto Sans JP';
    font-feature-settings: "palt";
    order: 5;
}

.surge-hsp-section__text p {
    margin-top: 1.0em;
}

.surge-hsp-section__hspcare-right {
    max-width: unset;
    width: 95%;
    font-family: 'Noto Sans JP';
}

.surge-hsp-section__feature {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: -1%;
}

.surge-hsp-section__feature-img {
    position: relative;
    max-width: unset;
    width: 60.3%;
    margin: min(10.21vw, 140px) 0 min(2.18vw, 30px);
}

.surge-hsp-section__feature-efficacy-list {
}

.surge-hsp-section__feature-efficacy-list ul li{
    position: absolute;
    font-size: min(2.8vw, 23px);
    background: #A99480;
    color: #fff;
    max-width: 142px;
    max-height: 142px;
    width: 6.18em;
    height: 6.18em;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.surge-hsp-section__feature-efficacy-list ul li:nth-child(1){
    top: 0%;
    left: 24.5%;
}
.surge-hsp-section__feature-efficacy-list ul li:nth-child(2){
    top: 0%;
    left: 51.2%;
}
.surge-hsp-section__feature-efficacy-list ul li:nth-child(3){
    top: 19.5%;
    left: 5.4%;
}
.surge-hsp-section__feature-efficacy-list ul li:nth-child(4){
    top: 19.5%;
    left: 70.4%;
}
.surge-hsp-section__feature-efficacy-list ul li:nth-child(5){
    top: 45%;
    left: -0.5%;
}
.surge-hsp-section__feature-efficacy-list ul li:nth-child(6){
    top: 45%;
    right: 0;
}
.surge-hsp-section__feature-efficacy-list ul li:nth-child(7){
    top: 71%;
    left: 3.8%;
}
.surge-hsp-section__feature-efficacy-list ul li:nth-child(8){
    top: 71%;
    left: 72.1%;
}

.surge-hsp-section__caption {
    max-width: unset;
    border: solid 1px #000;
    padding: min(2.6vw, 22px) min(2.82vw, 25px);
    font-size: min(3.3vw, 14px);
    letter-spacing: 0.01em;
    margin: 0 auto;
    font-feature-settings: "palt";
}

.surge-hsp-section__efficacy{
    margin: 0 auto min(6.67vw, 160px);
}

.surge-hsp-section__effica-title{
    max-width: unset;
    width: 40%;
    background: #A99480;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    font-size: min(4vw, 22px);
    letter-spacing: 0.075em;
}

.surge-hsp-section__efficacy-text{
    position: relative;
    max-width: unset;
    width: 100%;
    font-size: min(3.2vw, 24px);
    letter-spacing: 0.01em;
    line-height: 1.7em;
    margin: min(5.1vw, 70px) auto 0;
    font-family: 'Noto Sans JP';
    font-feature-settings: "palt";
}

.surge-hsp-section__efficacy-text br{
    display: none;
}

.surge-hsp-section__efficacy-text ul {
}

.surge-hsp-section__efficacy-text li {
    background-image: url(/img/surge/icon_checkbox.png);
    background-position: 0% 13%;
    background-repeat: no-repeat;
    background-size: min(3.06vw, 1.75em) auto;
    padding-left: min(4.88vw, 67px);
    padding-bottom: min(0.36vw, 5px);
}

.surge-hsp-section__efficacy-text li:nth-child(even){
    margin: min(1.5vw, 33px) 0;
    background-position: 0% 38%;
}

.surge-hsp-section__hsptype {
    max-width: 1161px;
    width: 100%;
    margin: 0 auto;
}

.surge-hsp-section__hsptyp-list {
}

.surge-hsp-section__hsptyp-list ul{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    margin: 0 auto;
    flex-flow: column;
    align-items: center;
}

.surge-hsp-section__hsptyp-list li {
    max-width: unset;
    width: 96%;
    border: 1px solid #BCB1A3;
    text-align: center;
    font-size: min(4vw, 22px);
    letter-spacing: 0.07em;
    padding: min(4.65vw, 50px) 0 min(6.18vw, 30px);
    margin-bottom: 3%;
}

.surge-hsp-section__hsptyp-nama{
    font-size: min(9vw, 55px);
    letter-spacing: 0.07em;
    line-height: 1em;
}

.surge-hsp-section__hsptype-img{
    max-width: unset;
    width: 82.3%;
    margin: min(3.04vw, 28px) 0;
}

.surge-hsp-section__hsptyp-text{
    font-size: min(3.3vw, 17px);
    max-width: unset;
    width: 79.92%;
    margin: 0 auto;
    letter-spacing: 0.1em;
    text-align: left;
    font-family: 'Noto Sans JP';
    font-feature-settings: "palt";
}

.surge-irradiation-section {
    background-color: #fff;
    overflow: hidden;
}



.surge-irradiation-section .inner {
    max-width: 1226px;
    width: 90%;
    margin: 0 auto min(6vw, 192px);
    font-family: Noto Serif JP;
}

.surge-irradiation__wrap {
    display: flex;
    justify-content: space-between;
    flex-flow: column;
    align-items: center;
}

.surge-irradiation__left {
    max-width: unset;
    width: 90%;
    margin: 0 auto;
}

.surge-irradiation__left ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: end;
    margin-bottom: 8%;
}

.surge-irradiation__left li {}

.surge-iirradiation__monopolar-img {
    max-width: 295px;
    width: 46.9%;
}

.surge-iirradiation__bipolar-img {
    max-width: 295px;
    width: 46.9%;
}

.surge-iirradiation__synchronization-img{
    max-width: 630px;
    margin: 1.5em 0 0;
}

.surge-irradiation__right{
    max-width: unset;
    width: 100%;
    font-feature-settings: "palt";
    margin-bottom: 6%;
}

.surge-irradiation__category{
    max-width: 163px;
    margin: 0 0 1.2em;
}

.surge-irradiation__title{
}

.surge-irradiation__title br{
    display: none;
}
.surge-irradiation__title span{
    display: inline-block;
}

.surge-irradiation__text{
    max-width: unset;
    width: 97%;
    margin: 0 auto;
}

.surge-irradiation__text p{
    margin-top: 1.0em;
}

.surge-thermal-cooling-section {
    background-color: #fff;
    overflow: hidden;
}

.surge-thermal-cooling-section .inner {
    max-width: 1251px;
    width: 90%;
    margin: 0 auto min(7.57vw, 145px);
    font-family: Noto Serif JP;
}

.surge-thermal-cooling__wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-flow: column;
}

.surge-thermal-cooling__left {
    max-width: unset;
    width: 100%;
    margin-bottom: 7%;
}

.surge-thermal-cooling__category {
    max-width: 163px;
    margin: 0 0 1.2em;
}

.surge-thermal-cooling__title {margin-top: 4%;}


.surge-thermal-cooling__text {
    max-width: unset;
    width: 97%;
    margin: 0 auto;
}

.surge-thermal-cooling__text p{
    margin: 1.2em 0 0;
}

.surge-thermal-cooling__right{
    max-width: unset;
    width: 100%;
    margin-top: 0%;
}

.five-roles-section {
    position: relative;
    background-position: center;
    background: url(/img/top_head_bg.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 0 0 0 0;
    overflow: hidden;
    border: none;
}

.five-roles-section .inner {display: flex;align-items: center;/* min-height: 1130px; */font-family: Noto Serif JP;width: 100%;margin: 0 auto;position: relative;overflow: visible;max-height: unset;}
.five-roles-section .inner::before {
    content: '';
    display: block;
    padding-top: 93.65%;
}

.five-roles__left {
    max-width: 2000px;
    width: 100%;
    position: absolute;
    left: 0;
    margin: 0 auto;
    top: 8%;
}

.five-roles__wrap{
    max-width: unset;
    width: 90%;
    position: relative;
    top: 0;
    left: 0;
    margin: 0 auto;
}

.five-roles__title {
    font-size: min(7.5vw, 62px);
    line-height: 1.42em;
    letter-spacing: 0.08em;
    margin: 0 0 min(10.5vw, 50px);
    font-weight: 600;
    width: 100%;
    text-align: left;
}

/* .five-roles__title::before{
    content: '';
    display: none;
    background: #383838;
    height: 29vw;
    width: 0.1vw;
    position: relative;
    margin: 12vw auto 4vw;
} */

.five-roles__text {
    font-size: min(4vw, 25px);
    font-weight: 600;
    letter-spacing: 0.01em;
}

.five-roles__title div{
    font-size: min(6vw, 52px);
    line-height: 1.8em;
    letter-spacing: 0.01em;
}

.five-roles__title span {
    margin: 0 -0.23em 0;
}

.five-roles__right{
    width: 39.1%;
    position: absolute;
    max-width: 1005px;
    margin: 0 0 0 auto;
    right: -2%;
    bottom: 0%;
    top: unset;
}

.surge-approach-section {
    background-color: #fff;
    overflow: hidden;
}

.surge-approach-section .inner {
    max-width: 1204px;
    width: 93%;
    margin: min(13.16vw, 176px) auto min(8.6vw, 115px);
}

.surge-filter__wrap {border: 1px solid #80806D;padding: min(8.39vw, 112px) min(3.2vw, 103px) min(6.2vw, 83px);position: relative;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;font-family: 'Noto Sans JP';font-feature-settings: "palt";}

.surge-filter__title {
    max-width: 665px;
    width: 67.6%;
    background-color: #88806D;
    color: #fff;
    font-size: min(5vw, 44px);
    margin: 0 auto;
    text-align: center;
    position: absolute;
    top: -3%;
    font-family: Noto Serif JP;
}

.surge-filter__text {
    font-size: min(3.3vw, 20.5px);
    letter-spacing: 0.1em;
    margin: 0 0 1.8em;
}

.surge-filter__list {
    max-width: unset;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: column;
}

.listsurge-filter__left {max-width: unset;width: 100%;order: -1;margin-bottom: 5vw;}

.listsurge-filter__right {
    max-width: unset;
    width: 85%;
    text-align: center;
    order: -1;
}

.listsurge-filter__right-title {
    font-size: min(3.3vw, 30px);
    line-height: 1.85em;
    letter-spacing: 0.025em;
    margin: -0.3em 0 min(1.2vw, 30px);
    font-weight: 500;
}

.listsurge-filter__right table {
    font-size: min(3.3vw, 20px);
    letter-spacing: 0.05em;
    max-width: unset;
    border: none;
    border-collapse: collapse;
}

.listsurge-filter__right .table-wrap{
    margin-bottom: 2vw;
}

.listsurge-filter__right th {
    background-color: #C4C2BB;
    border-bottom: 1px solid #231815;
    border-right: 1px solid #231815;
    max-width: 162px;
    width: 34.8%;
    padding: min(1.64vw, 22px) 0 min(1.27vw, 17px);
    text-align: center;
    border-left: none;
}

.listsurge-filter__right td {
    border-bottom: 1px solid #231815;
    padding: 0 0 0 1.85em;
    max-width: 310px;
    width: 65%;
    border-right: none;
    border-top: none;
}

.surge-parts-section {
    background-color: rgba(188, 177, 163, 0.3);
    overflow: hidden;
}

.surge-parts-section .inner {
    max-width: 1216px;
    width: 95%;
    margin: min(8.51vw, 115px) auto min(7.4vw, 100px);
}

.surge-face__wrap {
    background: #fff;
    margin: min(3.54vw, 48px) 0 0;
    padding: min(5.55vw, 75px) min(2vw, 83px);
}

.surge-face__img {
    max-width: 1065px;
    width: 100%;
    margin: 0 auto;
}

.surge-body__img {}

.surge-before-after-section {
    background-color: #fff;
    overflow: hidden;
}

.surge-before-after-section .inner {
    max-width: 1056px;
    width: 90%;
    margin: min(9.95vw, 152px) auto min(12.46vw, 240px);
}

.surge-before-after__title {
    font-size: min(9.05vw, 71px);
    font-family: Noto Serif JP;
    color: #88806D;
    line-height: 1.45em;
    letter-spacing: 0.1em;
    margin: 0 auto min(4.75vw, 91px);
    text-align: center;
    font-weight: 500;
}

.surge-before-after__wrap {
    max-width: 1056px;
    width: 100%;
    border: 1.5px solid #80806D;
    padding: min(3.5vw, 35px) min(2.5vw, 40px) min(5.12vw, 72px);
    margin: min(6vw, 83px) 0 0;
    font-family: 'Noto Sans JP';
    font-feature-settings: "palt";
}

.surge-before-after__img {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 1em;
}

.surge-before-after__text {
    font-size: min(3.3vw, 25px);
    letter-spacing: 0.1em;
}

.surge-before__wrap {
    position: relative;
    max-width: 467px;
    width: 49%;
}

.surge-before__img {position: relative;}

.surge-before__text {
    width: 100%;
    font-size: min(3.3vw, 30px);
    text-align:  center;
    background-color: #B8C1BF;
    color: #0B090A;
    position: absolute;
    bottom: -2%;
    letter-spacing: 0.1em;
    padding: min(0.63vw, 7.4px) 0;
}


.surge-after__wrap {
    max-width: 467px;
    width: 49%;
    position: relative;
}

.surge-after__img {
    position: relative;
}

.surge-after__text {
    width: 100%;
    font-size: min(3.3vw, 30px);
    text-align: center;
    background-color: #BCB1A3;
    color: #0B090A;
    position: absolute;
    bottom: -2%;
    letter-spacing: 0.1em;
    padding: min(0.63vw, 7.4px) 0;
}

.surge-age-section {
    background-color: #fff;
    overflow: hidden;
}

.surge-age-section .inner {
    max-width: 1028px;
    width: 93%;
    margin: 0 auto min(13.37vw, 187px);
}

.surge-age__title-wrap {
    color: #88806D;
    font-family: Noto Serif JP;
    text-align: center;
    margin: 0 0 min(6vw, 85px);
}

.surge-age__title {
    font-size: min(6.5vw, 71px);
    line-height: 1.45em;
    letter-spacing: 0.1em;
    margin-bottom: 2%;
    font-weight: 500;
}

.surge-age__text {
    font-size: min(4vw, 30px);
    line-height: 1.45em;
    letter-spacing: 0.1em;
    font-weight: bold;
    width: 94%;
    margin: 0 auto;
}

.surge-age__wrap {
    font-family: 'Noto Sans JP';
    font-feature-settings: "palt";
    max-width: unset;
    width: 100%;
    margin: 0 auto;
}

.surge-age__box {
    display: flex;
    align-items: center;
    margin: min(3.77vw, 43px) 0 0;
    border: 2px solid #A99480;
}

.surge-age__left {
    background-color: #A99480;
    max-width: 260px;
    width: 30.07%;
    padding: min(7.98vw, 91px) min(4.21vw, 48px);
}

.surge-age__left-img {
    max-width: 163px;
}

.surge-age__right {
    max-width: 612px;
    width: 70.8%;
}

.surge-age__right ul {
    font-size: min(2.8vw, 20px);
    letter-spacing: 0.1em;
}

.surge-age__right li {
    background-image: url(/img/surge/icon_checkbox.png);
    background-position: 0% 40%;
    background-repeat: no-repeat;
    background-size: min(3.16vw, 36px) auto;
    padding-left: min(4.5vw, 47px);
    padding-bottom: min(0.35vw, 4px);
    margin: 0 0 0 min(2.5vw, 57px);
}

.surge-age__right li:nth-child(2){
    margin-top: 0.2em;
    margin-bottom: 0.2em;
}

.surge-comparison-section {
    overflow: hidden;
    background-color: rgba(188, 177, 163, 0.3);
}

.surge-comparison-section .inner {
    max-width: 1216px;
    width: 95%;
    margin: min(8.43vw, 168px) auto min(9.69vw, 158px);
    font-family: Noto Serif JP;
    font-feature-settings: "palt";
    color: #88806D;
    text-align: center;
    font-weight: 600;
}

.surge-comparison__title {
    font-size: min(5vw, 45px);
    line-height: 1.45em;
    letter-spacing: 0.1em;
    margin: 0 0 min(9.66vw, 90px);
}

h2.surge-comparison__title {}

.surge-comparison__wrap {
    max-width: 1216px;
    width: 100%;
    margin: 0 auto min(4.66vw, 91px);
    background-color: #fff;
    position: relative;
    padding: min(6.55vw, 75px) min(1.33vw, 45px) min(6.66vw, 90px);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.surge-comparison__wrap {}

.surge-comparison__lead {
    font-size: min(4vw, 27px);
    letter-spacing: 0.1em;
    max-width: 558px;
    width: 45.9%;
    background-color: #88806D;
    color: #fff;
    position: absolute;
    top: -6%;
    margin: 0 auto;
    font-family: 'Noto Sans JP';
    font-feature-settings: "palt";
    font-weight: normal;
}

.surge-comparison__img {
    position: relative;
    max-width: 1106px;
    width: 98.33%;
    margin: 0 0 min(2vw, 28px);
}

.surge-comparison__list {
    position: relative;
    max-width: 1111px;
    width: 98.78%;
}

.surge-comparison__text {
    font-size: min(3.3vw, 28px);
    line-height: 1.45em;
    letter-spacing: 0.1em;
    width: 90%;
    margin: 0 auto;
    text-align: left;
}

.surge-comparison__text br {
    display: none;
}

.surge-only-section {
    overflow: hidden;
    background-color: #fff;
}

.surge-only-section .inner {
    max-width: 1225px;
    width: 93%;
    margin: min(10.65vw, 145px) auto;
    font-family: 'Noto Sans JP';
    font-feature-settings: "palt";
}

.surge-only__title {
    font-size: min(5vw, 45px);
    text-align: center;
    color: #88806D;
    font-family: Noto Serif JP;
    font-feature-settings: "palt";
    margin: 0 0 min(6.52vw, 116px);
}

.surge-only__title br {
    display: none;
}

.surge-only__title span {
    display: inline-block;
}

.surge-only__wrap {
    display: flex;
    justify-content: space-between;
    max-width: 1225px;
    width: 100%;
    align-items: flex-start;
    flex-flow: column;
    align-items: center;
}

.surge-only__left {
    max-width: unset;
    width: 51%;
    margin-bottom: 5%;
}

.surge-only__right {
    max-width: unset;
    width: 100%;
    /* order: -1; */
}

.surge-only__right ul {}

.surge-only__right li {}

.surge-only__list {
    background-color: #88806D;
    color: #fff;
    text-align: center;
    font-size: min(4vw, 35px);
    letter-spacing: 0.1em;
    margin: 0 0 min(1.98vw, 27px);
}

.surge-only__item {
    font-size: min(3.8vw, 30px);
    letter-spacing: 0.1em;
    color: #88806D;
}

.surge-only__text {
    max-width: 709px;
    width: 98.8%;
    font-size: min(3.3vw, 19px);
    letter-spacing: 0.1em;
    margin: 0 0 1.9em;
}

.srge-only__medium {
    margin: 0 0 1.3em;
}

.product-machine-section {
    background: linear-gradient(109deg, rgba(240, 237, 232, 1) 8%, rgba(255, 255, 255, 1) 47%, rgba(240, 237, 232, 1) 92%);
    overflow: hidden;
}

.product-machine-section .inner {
    max-width: 1373px;
    width: 100%;
    margin: min(15.2vw, 184px) auto min(13.1vw, 159px);
    font-family: Noto Serif JP;
    font-feature-settings: "palt";
}

.product-machine__title {}

.product__title {
    font-size: min(5vw, 59px);
    color: #8D806D;
    text-align: center;
    margin: 0 0 min(3.93vw, 60px);
    font-weight: 500;
    letter-spacing: 0.02em;
}

.product-machine__wrap {
    max-width: 1373px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    left: 0;
    flex-flow: column;
}

.product-machine__left {
    max-width: unset;
    width: 96.7%;
    text-align: center;
}

.product-machine__left h3 {
    max-width: unset;
    margin: 0 auto min(3.93vw, 60px);
    font-size: min(6vw, 50px);
    text-align: center;
}

.product__lead {
    font-size: min(5vw, 50px);
    line-height: 1.6em;
    letter-spacing: 0.025em;
}

.product__text {
    font-size: min(1.37vw, 21.5px);
    letter-spacing: 0.1em;
    line-height: 1.81em;
}

.product-machine__text {font-size: min(3.8vw, 21.5px);width: 93%;margin: 0 auto;}
.product-machine__text span {display: inline-block;}
.product-machine__text br {display: none;}

.product-machine__right {
    max-width: unset;
    width: 93%;
    order: -1;
    margin: 0 0 5%;
}


.product-Repeat-section {
    overflow: hidden;
    background-color: #fff;
    max-width: 2000px;
    margin: 0 auto;
}

.product-Repeat-section .inner {
    margin: min(10.8vw, 176px) auto min(12.25vw, 205px);
    font-family: Noto Serif JP;
    font-feature-settings: "palt";
}

.product-repeat__title {
    max-width: 1645px;
    width: 90%;
    margin: 0px auto min(6.5vw, 120px);
    font-size: min(7.22vw, 59px);
}

.product-repeat__wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1645px;
    width: 85%;
    position: relative;
    left: 0;
    flex-flow: column;
    margin: 0 auto;
}

.product-repeat__left {
    max-width: unset;
    width: 100%;
    margin-bottom: 5%;
}

.product-repeat__right {
    max-width: unset;
    width: 100%;
}

.product-repeat__text {
    margin: min(3.3vw, 58px) 0 0;
    font-family: 'Noto Sans JP';
    font-feature-settings: "palt";
    letter-spacing: 0.1em;
    max-width: unset;
    width: 100%;
    font-size: min(3.2041vw, 22px);
}

.product-repeat__text span {
    display: inline-block;
}

.product-story-section {
    background-color: #DBD0C2;
    overflow: hidden;
}

.product-story-section .inner {
    max-width: 877px;
    width: 90%;
    margin: min(10.26vw, 100px) auto;
    font-family: Noto Serif JP;
    font-feature-settings: "palt";
}

.product-story-section a {text-decoration: none;}

.product-link__wrap {position: relative;background-color: #fff;border: 2px solid #8D806D;box-shadow: 0 0 0 11px #fff;display: flex;align-items: center;justify-content: space-between;justify-self: auto;padding: min(2vw, 30.5px) min(2.7vw, 42.5px);}
.support-link-section .product-link__wrap{
    padding: min(3.13vw, 30.5px) min(4.36vw, 42.5px);
}
.product-story__icon {}
.product-link__icon {
    max-width: unset;
    width: 15.8%;
}

.product-link__center {
    color: #000;
    margin-right: auto;
    font-weight: 600;
    }

.product-story__center {
    margin: 0 auto 0 3%;
    max-width: unset;
    width: 73.99%;
}


.product-link__title {
    font-size: min(5.1vw, 46px);
    line-height: 1.2em;
    letter-spacing: 0.025em;
}

.product-link__title {}

.product-link__caption {
    font-size: min(3.5vw, 18px);
    letter-spacing: 0.1em;
    margin: 0 0 0 min(0.92vw, 9px);
}

.support-link-section .product-link__caption{
    font-size: min(2.0vw, 18px);
}

.product-link__right {
    max-width: unset;
    width: 6.4%;
}

.product-surge-section {
    background: url(/img/bg001.jpg) no-repeat #FFF;
    background-size: 100% auto;
    background-position: top 25% center;
    position: relative;
    overflow: hidden;
}

.product-surge-section .inner {
    max-width: 1292px;
    width: 90%;
    margin: 0 auto;
    font-family: Noto Serif JP;
}

.product-surge__toptext {
    text-align: center;
    font-size: min(5vw, 44px);
    margin: min(13.4vw, 250px) 0 min(7.6vw, 110px) 0;
    letter-spacing: 0.025em;
    line-height: 1.7em;
}

.product-surge__title {}

.product-surge__wrap {
    max-width: 1165px;
    width: 90%;
    margin: min(5.78vw, 83px) auto min(12.19vw, 175px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: 'Noto Sans JP';
    font-feature-settings: "palt";
    flex-flow: column;
}

.product-surge__left {
    font-size: min(3.3vw, 19px);
    letter-spacing: 0.1em;
    max-width: unset;
    width: 100%;
    order: 1;
}

.product-surge__right {
    max-width: unset;
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: #0B090A;
    flex-wrap: wrap;
    margin: 0 0 8%;
}

.product-surge__before {
    position: relative;
    max-width: unset;
    width: 48%;
}

.product-surge__before-img{
    position: relative;
}

.product-surge__before-text {
    width: 100%;
    font-size: min(3.6vw, 23px);
    text-align: center;
    background-color: #D7E0DE;
    color: #0B090A;
    position: absolute;
    bottom: -2%;
    letter-spacing: 0.1em;
    padding: min(0.31vw, 4.5px) 0;
}

.product-surge__after {
    position: relative;
    max-width: unset;
    width: 48%;
}

.product-surge__after-img {
}

.product-surge__after-text {
    width: 100%;
    font-size: min(3.6vw, 23px);
    text-align: center;
    background-color: #DBD0C2;
    color: #0B090A;
    position: absolute;
    bottom: -2%;
    letter-spacing: 0.1em;
    padding: min(0.31vw, 4.5px) 0;
}

.product-surgelink-section {
    background-color: #DBD0C2;
    overflow: hidden;
}

.product-surgelink-section .inner {
    max-width: 877px;
    width: 90%;
    margin: min(10.26vw, 100px) auto;
    font-family: Noto Serif JP;
    font-feature-settings: "palt";
}

.product-surgelink-section a{
    text-decoration: none;
}

.product-surgelink__icon {}

.product-surgelink__center {
    margin: 0px  1em  0 0;
    max-width: unset;
    width: 68.7%;
}

.product-surgelink__title {
    letter-spacing: 0.01em;
}

.product-management-section {
    overflow: hidden;
}

.product-management-section .inner {
    margin: 0 auto min(15.33vw, 208px);
    font-family: Noto Serif JP;
    font-feature-settings: "palt";
}

.product-management__bg {
    width: 100%;
    margin: 0 auto;
    background: url(/img/product/product_management-benefits_bg.jpg) no-repeat;
    background-size: 100% auto;
    background-position: top 25% center;
    position: relative;
    overflow: hidden;
}

.product-management__bg::before{
    content: "";
    display: block;
    padding-top: 37.75%;
}

.product-management__title {
    width: 90%;
    max-width: 1165px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    letter-spacing: -0.05em;
    font-size: min(8.02vw, 65px);
    margin: min(12.84vw, 215px) auto min(16.59vw, 225px);
    font-weight: 600;
}

.product-management__title img{
    width: 39.5%;
    max-width: 264px;
    margin: 0.6em 0.2em 0 0.4em;
}

.product-management__list {position: relative;max-width: 1222px;width: 95%;margin: 0 auto 0;}

.product-management__list span{display: inline-block;}

.product-management__list ul {}

ul {}

.product-management__list li{
    border: 1px solid #000;
    border-radius: 1em;
    position: relative;
    margin-top: min(21.11vw, 205px);
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: clamp(5px, 6.12vw, 56px) min(5vw, 60px) min(4.794vw, 63px) min(6.4vw, 63px);
    max-width: unset;
    width: 100%;
    font-weight: 500;
}

li {}

.product-management__list li:first-child{margin-top: 0;}

.product-management__list li:nth-child(even){
    position: relative;
    margin-right: 0;
    margin-left: auto;
}

.product-management__list .sub-title{background-color: #8D806D;border-radius: 19px;color: #fff;font-size: min(4.5vw, 44px);position: relative;/* top: -16%; */margin: -16% auto 0px;text-align: center;padding: min(3.77vw, 24px) min(4.21vw, 30px)  min(3.7vw, 21.5px);line-height: 1.2em;letter-spacing: 0.03em;}


.product-management__list .sub-title_02{
    /* top: -23%; */
    margin-top: -21%;
}

.product-management__list .sub-title::before{
    content: "";
    position: absolute;
    top: 100%;
    left: 46%;
    margin-left: -0.349em;
    border: 16px solid transparent;
    border-top: 14px solid #8D806D;
}


.product-management__list .lead {
    max-width: 908px;
    width: 100%;
    color: #8D806D;
    display: flex;
    align-items: center;
    justify-content: normal;
    line-height: normal;
    margin-bottom: 4%;
    margin-top: 3%;
}



.product-management__list .number {
    font-size: min(12.37vw, 168px);
    letter-spacing: 0.025em;
    margin-right: 0.2em;
}

.product-management__list .lead_text {
    font-size: min(5vw, 53px);
    letter-spacing: 0.03em;
    line-height: 1.4em;
}

.product-management__list .notes {
    width: 100%;
    font-size: min(4vw, 30px);
    margin: min(0.01em, 33px) auto 0;
    letter-spacing: 0.025em;
    position: relative;
}

.product-management__list .notes span {
    display: inline-block;
}

.product-management__list .notes::after{
    content: "";
    display: block;
    max-width: 911px;
    width: 100%;
    border: 1px solid #000;
    position: relative;
    margin: min(4.43vw, 60px) 0;
}

.product-management__list .description{
    font-size: min(3.3vw, 20.9px);
    letter-spacing: 0.01em;
    max-width: 914px;
    width: 100%;
    font-family: 'Noto Sans JP';
    font-feature-settings: "palt";
}

.product-support-section {
    background: linear-gradient(109deg, rgba(240, 237, 232, 1) 8%, rgba(255, 255, 255, 1) 47%, rgba(240, 237, 232, 1) 92%);
    overflow: hidden;
}

.product-support-section .inner {
    max-width: 1281px;
    width: 100%;
    margin: 0px auto min(13.24vw, 160px);
    font-family: Noto Serif JP;
    font-feature-settings: "palt";
    color: #8D806D;
    font-weight: 500;
    position: relative;
}

.product-support-wrap{}

.product-support__title {
    max-width: unset;
    width: 94%;
    border: navajowhite;
    margin: 7vw auto 0;
    text-align: center;
    font-size: min(4.5vw, 40px);
    letter-spacing: 0.03em;
    line-height: 2.1em;
    font-weight: bold;
}

.product-support__lead {
    font-size: min(4vw, 30px);
    margin: 1.3em auto 1.5em;
    text-align: center;
    letter-spacing: 0.01em;
    width: 90%;
}

.product-support__lead span {
    display: inline-block;
}

.product-support__img {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 100%;
    flex-wrap: wrap;
}

.product-support__img div:last-child{
    margin: -28vw 0 0 auto;
}

.product-support__img__top{width: 100%;margin: 0 auto;}

.product-support__img div {
    max-width: fit-content;
    width: 53%;
}

.product-support__description {
    font-size: min(3.3vw, 30px);
    text-align: center;
    margin: 2.9em auto 0;
    width: 90%;
}

.product-support__description br {
    display: none;
}
.product-support__description span {
    display: inline-block;
}

.product-spec-section {
    background-color: #fff;
    overflow: hidden;
}

.product-spec-section .inner {
    max-width: unset;
    width: 90%;
    margin: min(10.4vw, 144px) auto 2em;
    font-family: 'Noto Sans JP';
    font-feature-settings: "palt";
}

.product-spec__wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: column;
}

.product-spec__left {
    max-width: unset;
    width: 100%;
    margin: min(4.36vw, 16px) 0 0;
    order: 2;
    position: relative;
}

.product-spec__left h2 {
    text-align: center;
    margin: 0 0 min(3.65vw, 43px);
}

.product-spec__label {
    font-size: min(3.7vw, 20px);
}

.product-spec__title {
    font-size: min(6.5vw, 53px);
    line-height: 1.25em;
}

.product-spec__data {
    max-width: unset;
    width: 100%;
    position: relative;
}

.product-spec__data table{
    font-size: min(2.8vw, 20px);
    letter-spacing: 0.05em;
    color: #0B090A;
    border: none;
    border-collapse: collapse;
}

.product-spec__data tr {
}

.product-spec__data th {
    background: #E3E1DA;
    max-width: unset;
    width: 38.5%;
    text-align: justify;
    text-align-last:justify;
    padding: 0 1.75em;
}


.product-spec__data td {
    max-width: 360px;
    width: 59%;
    padding: 1.3em 0 1.3em 2em;
    letter-spacing: 0.1em;
}

.product-spec__data th ,.product-spec__data td{
    border: none;
    border-left: 1px solid #333;
    border-top: 1px solid #333;}

.product-spec__data td:first-child,.product-spec__data th:first-child{
    border-left:none;
}

.product-spec__data tr:first-child td,.product-spec__data tr:first-child th{border-top:none;}

.product-spec__right {
    max-width: unset;
    width: 33%;
}

.product-quality-section{
    background-color: #EFEFED;
    overflow: hidden;
}
.product-quality-section .inner{
    max-width: 845px;
    width: 90%;
    margin: min(14.92vw, 140px) auto min(16.52vw, 155px);
    font-family: 'Noto Sans JP';
    font-feature-settings: "palt";
} 

.product-quality__wrap{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;text-align: center;font-weight: 500;}
.product-quality__wrap h2{
    max-width: unset;
    width: 95%;
}
.product-quality__label{
    font-size: min(3.55vw, 24px);
}
.product-quality__title{
    font-family: Noto Serif JP;
    font-feature-settings: "palt";
    font-size: min(6.75vw, 54px);
    margin: min(0.85vw, 8px) auto min(5.86vw, 55px);
    font-weight: 600;
}
.product-quality__sub-title{
    font-family: Noto Serif JP;
    font-feature-settings: "palt";
    max-width: unset;
    width: 98%;
    font-size: min(4.0vw, 34px);
    margin: 0 auto min(5.86vw, 55px);
    padding: min(1.49vw, 14px) 0;
    border: 1px solid #000;
    font-weight: 600;
}
.product-quality__description{
    max-width: 845px;
    width: 100%;
    
}

.product-quality__description br{
    display: none;
}

.product-quality__description p{
    font-size: min(3.3vw, 22px);
    letter-spacing: 0.1em;
}
.story-top-section {
    background: linear-gradient(109deg, rgba(240, 237, 232, 1) 8%, rgba(255, 255, 255, 1) 47%, rgba(240, 237, 232, 1) 92%);
    overflow: hidden;
}

.story-top-section .inner {
    max-width: 1149px;
    width: 90%;
    margin: min(8.47vw, 200px) auto;
    font-family: Noto Serif JP;
    font-feature-settings: "palt";
}

.story-top__wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    color: #000000;
    flex-flow: column;
    align-items: center;
}

.story-top__left {
    font-size: min(7.5vw, 63px);
    letter-spacing: 0.04em;
    position: relative;
    max-width: unset;
    width: 100%;
    margin-bottom: 5%;
}

.story-top__left br, .story-top__left span br{
    display: none;
}

.story-top__left span {
    display: block;
}

.story-top__left::after {
    content: "";
    display: none;
    max-width: 4px;
    width: 100%;
    background-color: #EAE7E2;
    position: absolute;
    top: 0;
    right: -13%;
    height: 9em;
}

.brackets{
    margin: 0 0 0 -0.6em;
}

.brackets-02{
    margin: 0 -0.6em 0 0;
}

.story-top__right {
    font-size: min(4vw, 26px);
    letter-spacing: 0.14em;
    line-height: 2.5em;
    max-width: 100%;
    width: 100%;
    font-weight: 600;
}

.story-top__right p {
    margin-bottom: min(4.1vw, 52px);
}

.story-greeting-section {
    background-color: rgba(223, 221, 214, 0.5);
    overflow: hidden;
}

.story-greeting-section .inner {
    max-width: 1055px;
    width: 90%;
    margin: min(9.45vw, 185px) auto min(10.98vw, 163px);
    font-family: 'Noto Sans JP';
    font-feature-settings: "palt";
}

.story-greeting__wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 min(7.89vw, 82px);
    flex-flow: column;
}

.story-greeting__left {
    max-width: 431px;
    width: 65%;
    margin-bottom: 5%;
}

.story-greeting__right {
    max-width: 539px;
    width: 100%;
    color: #000;
    font-weight: 500;
}

.story-greeting__career {
    margin: 0 0 min(7.84vw, 81px);
}

.story-greeting__post {
    font-size: min(3.3vw, 14px);
    letter-spacing: 0.1em;
    text-align: center;
}

.story-greeting__name {
    font-size: min(5vw, 32px);
    margin: -0.15em 0 min(6.79vw, 21px);
    letter-spacing: 0.025em;
    text-align: center;
}

.story-greeting__name span{}

.story-greeting__info {
    font-size: min(3.3vw, 16px);
    letter-spacing: 0.01em;
    font-weight: normal;
    width: 100%;
    margin: 0 auto;
}

.story-greeting__info br {
    display: none;
}

.story-greeting__info span {
    display: inline-block;
}

.story-greeting__info .br_y{
    display: block;
}

.story-greeting__qualification {}

.story-greeting__subtitle {
    font-size: min(5vw, 32px);
    margin: 0 0 min(2.87vw, 22px);
}

.qualification__list {
    font-size: min(3.3vw, 16px);
    letter-spacing: 0.01em;
    font-weight: normal;
    line-height: 1.65em;
}

.qualification__list ul {
}

.qualification__list li {}

.story-greeting__message {
    color: #000;
}

.story-greeting__lead {
    font-size: min(5vw, 32px);
    margin: 0px 0  min(2.87vw, 22px);
    font-weight: 500;
}

.story-greeting__description {
    font-size: min(3.3vw, 16px);
    letter-spacing: 0.01em;
    font-weight: normal;
}

.story-greeting__description p {
    margin: 0 0 1em;
}

.story-history-section {background-color: #fff;overflow: hidden;}

.story-history-section .inner {
    max-width: unset;
    width: 90%;
    margin: min(13.42vw, 200px) auto;
    font-family: Noto Serif JP;
    font-feature-settings: "palt";
    text-align: center;
    color: #000;
}

.story-history__title {
    font-size: min(5vw, 40px);
    background: #8F806D;
    color: #fff;
    max-width: unset;
    width: 75.5%;
    margin: 0 auto min(6.06vw, 90px);
}

.story-history__description {
    font-size: min(3.3vw, 23px);
    font-family: 'Noto Sans JP';
    letter-spacing: 0.01em;
    font-weight: normal;
}

.story-history__description br {
    display: none;
}
.story-history__description .br_y{
    display: block;
}


.story-history__description span {
    display: inline-block;
}

.story-history__description p{
    margin-bottom: min(4.1vw, 50px);
}

.story-step-section {
    background: linear-gradient(109deg, rgba(240, 237, 232, 1) 8%, rgba(255, 255, 255, 1) 47%, rgba(240, 237, 232, 1) 92%);
    overflow: hidden;
}

.story-step-section .inner {
    max-width: 976px;
    width: 85%;
    margin: min(9.97vw, 184px) auto min(15.03vw, 163px);
    font-family: 'Noto Sans JP';
    font-feature-settings: "palt";
}

.story-step__title{
    font-size: min(12.73vw, 73px);
    font-family: Noto Serif JP;
    margin: 0 auto min(3.76vw, 160px);
    color: #8F806D;
    letter-spacing: 0.042em;
    text-align: center;
}

.story-step__text{
    max-width: unset;
    width: 94%;
    margin: 0 auto;
}

.story-step__wrap {
    position: relative;
    z-index: 10;
}

.story-step__list{
    display: flex;
    position: relative;
    margin: 0 0 min(10.07vw, 120px);
    color: #000;
    flex-flow: column;
    left: 11%;
    width: 90%;
}

.story-step__img{
    max-width: unset;
    width: 100%;
}

.story-step__left {position: relative;z-index: 10;margin-top: 2%;}

.story-step__right{
    position: relative;
    left: 0%;
}

.story-step__lead {
    font-size: min(5vw, 32px);
    letter-spacing: 0.1em;
    position: relative;
    margin-top: 1vw;
}

.story-step__lead::after{
    content: "";
    display: block;
    max-width: 41px;
    position: relative;
    top: 100%;
    left: 0;
    border: 1px solid #000;
    margin: min(2.3vw, 25px) 0;
}

.story-step__description {
    font-size: min(3.3vw, 16px);
    letter-spacing: 0.2em;
    font-weight: 500;
}

.br_n{display: none;}
.story-step__description span {
    display: inline-block;
}

.story-step__change {order: 0;left: 0;z-index: 10;}

.story-step__number {position: absolute;top: 4.5%;left: -7.8%;max-width: unset;max-height: unset;height: 78%;width: 8%;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-between;}

.story-step__number li{
    position: relative;
    max-width: unset;
    width: 200%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}
.story-step__01{}
.story-step__01::after{
    content: "";
    display: block;
    position: absolute;
    background-color: #8F806D;
    max-width: 2px;
    width: 100%;
    height: 102vw;
    top: 30%;
    z-index: 1;
}

.story-step__02{}
.story-step__02::after{
    content: "";
    display: block;
    position: absolute;
    background-color: #8F806D;
    max-width: 2px;
    width: 100%;
    height: 104vw;
    top: 30%;
    z-index: 1;
}
.story-step__03{
}
.story-step__03::after{
    content: "";
    display: block;
    position: absolute;
    background-color: #8F806D;
    max-width: 2px;
    width: 100%;
    height: 101vw;
    top: 30%;
    z-index: -1;
}
.story-step__04{top: 2.5%;}

.story-salon-section {
    background-color: #fff;
    overflow: hidden;
}

.story-salon-section .inner {
    max-width: 1310px;
    width: 90%;
    margin: min(11.46vw, 225px) auto;
    font-family: 'Noto Sans JP';
    font-feature-settings: "palt";
    color: #000;
}

.story-salon__title {
    font-size: min(5vw, 32px);
    letter-spacing: 0.1em;
    margin: 0 0 min(6.32vw, 63px);
}

.story-salon__wrap {display: flex;align-items: center;justify-content: space-between;max-width: 1310px;flex-flow: column;}

.story-salon__wrap ul {max-width: unset;width: 100%;font-size: min(3.3vw, 20px);letter-spacing: 0.2em;font-weight: 500;margin-bottom: 7%;}

.story-salon__wrap li {
}

.story-salon__wrap li:first-child{
    margin: 0 0 0.5em;
}

.story-salon__wrap li:nth-child(2){}

.story-salon__wrap li:nth-child(3){
    font-size: 14px;
    letter-spacing: 0.2em;
    margin: 0 0 0;
}

.story-staff-section {background: #fff;overflow: hidden;}

.story-staff-section .inner {
    max-width: 1310px;
    width: 90%;
    margin: 0 auto min(10.99vw, 160px);
    font-family: 'Noto Sans JP';
    font-feature-settings: "palt";
}

.story-staff__title {
    font-size: min(6.5vw, 32px);
    margin: 0 0 min(4.81vw, 70px);
}

.story-staff__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    flex-flow: column;
}

.story-staff__list ul {
    max-width: unset;
    width: 90.4%;
    margin: 0 0 3.4em;
    color: #000;
    font-weight: 500;
}

.story-staff__list li{
}

.story-staff__photo {}

.story-staff__name {
    font-size: min(5vw, 18px);
    letter-spacing: 0.1em;
    margin: min(0.2vw, 25px) 0 min(0.34vw, 5px);
}

.story-staff__post {
    font-size: min(3.3vw, 14px);
    letter-spacing: 0.2em;
    margin: min(2.71vw, 25px) 0 0;
}

.custom-faq-section{
    background-color: #fff;
    overflow: hidden;
}
.custom-faq-section .inner{
    max-width: 1400px;
    width: 90%;
    margin: 0 auto;
    font-family: 'Noto Sans JP';
    font-feature-settings: "palt";
}

.qa_set{
    margin: 0 0 min(11.05vw, 150px) 0;
}
.qa_list{
    width: 100%;
    margin: min(1.92vw, 30px) auto;
    position: relative;
    max-width: 1400px;
    background: #FFF;
    border: 1px solid #EEEEEE;
}
.qa_q{
    color: #323232;
    cursor: pointer;
    padding: min(3.28vw, 20px) 0 min(3.16vw, 18px);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: min(0.83vw, 13px);
    font-weight: 500;
    background: #EEEEEE;
}
.qa_q:before{content:'';display: block;font-size: min(3.3vw, 34px);position: relative;font-weight: bold;justify-self: start;letter-spacing: 0.025em;font-family: 'DIN';left: 2.1%;width: 3.5em;margin: 0.8% 0% 0 0;}
.qa_q:after{content: '';margin: 0 min(3.13vw, 33px) 0 auto;color: #fff;background: url(/img/arrow_plus.svg) no-repeat;padding-top: 3%;background-size: 100% auto;background-position: center;max-width: 27px;width: 2.6%;}
.active:after{content: '';background: url(/img/arrow_minus.svg) no-repeat;margin: 0 min(3.13vw, 33px) 0 auto;color: #fff;padding-top: 3%;background-size: 100% auto;background-position: center;max-width: 27px;width: 2.6%;}
.qa_a{padding: 0 0 0 0%;margin: 0 0 0 auto;}
.qatxt{
    text-align: left;
    padding: min(3.96vw, 46px) min(3.31vw, 36px);
    font-size: min(3.3vw, 20px);
    color: #000000;
    letter-spacing: 0.01em;
    line-height: 1.9em;
}
.qa_a .qatxt:before{font-size: 1.6vw;}

.q1:before{content: 'Q1';display: block;}
.q2:before{content: 'Q2';display: block;}
.q3:before{content: 'Q3';display: block;}
.q4:before{content: 'Q4';display: block;}
.q5:before{content: 'Q5';display: block;}
.q6:before{content: 'Q6';display: block;}
.q7:before{content: 'Q7';display: block;}
.q8:before{content: 'Q8';display: block;}
.q9:before{content: 'Q9';display: block;}
.q10:before{content: 'Q10';display: block;}
.q11:before{content: 'Q11';display: block;}
.q12:before{content: 'Q12';display: block;}
.q13:before{content: 'Q13';display: block;}
.q14:before{content: 'Q14';display: block;}
.q15:before{content: 'Q15';display: block;}
.q16:before{content: 'Q16';display: block;}
.q17:before{content: 'Q17';display: block;}
.q18:before{content: 'Q18';display: block;}
.q19:before{content: 'Q19';display: block;}
.q20:before{content: 'Q20';display: block;}


.qa_title{
    width: 76%;
    text-align: left;
    margin: 0 0 0 0em;
    font-size: min(3.3vw, 20px);
    letter-spacing: 0.025em;
    color: #000000;
}

.qa_a_title {
    font-size: min(4vw, 24px);
    font-weight: 600;
    margin: 0 0 min(1.5vw, 17px);
}

.qa_a p {
    margin: 0em 0 min(4.24vw, 35px);
}

.qa_a .qa_a_lead{
    font-size: min(4vw, 24px);
    font-weight: bold;
    margin: min(5.01vw, 47px) 0 min(0vw, 12px);
    position: relative;
}

.qa_a .qa_a_lead::after{
    content: '';
    display: block;
    position: relative;
    width: 31%;
    max-width: 400px;
    border: 1px solid;
    margin: 0.4em 0 0.8em;
}

.qa_a .qa_a_lead:first-child{
    margin: 0px 0 min(3.7vw, 11px);
}

.qatxt p:last-child{
    margin: 0 0 0;
}


.custom-faq__bottom{
    margin: 0 0 1.5em;
}

.qa_a_border {
    max-width: 200px;
    width: 15%;
    border: 1px solid;
    margin: 2em 0 1.5em;
}

.qatxt a{
    text-decoration: none;
    color: #000;
    font-weight: 500;
}

.qa_a_indent {
    text-indent: -1em;
    padding-left: 1em;
}

.qa_a .qa_a_indent_02{
    text-indent: -1em;
    padding-left: 1em;
    margin: 0 0;
}

.qa_a .qa_a_indent_top{
    margin: 0 0;
}

.qa_a .qa_a_indent_03{
    text-indent: -1em;
    padding-left: 1em;
    margin: 0 0 1.8em;
}


.custom-pay-section {
    background-color: #fff;
    overflow: hidden;
}

.custom-pay-section .inner {
    max-width: 1400px;
    width: 90%;
    margin: 0 auto;
    font-family: 'Noto Sans JP';
    font-feature-settings: "palt";
}

.custom-transaction-section {
    background-color: #fff;
    overflow: hidden;
}

.custom-transaction-section .inner {
    max-width: 1394px;
    width: 90%;
    margin: 0 auto 22vw;
    font-family: 'Noto Sans JP';
    font-feature-settings: "palt";
}

.custom-transaction__data {
    color: #888888;
    font-size: 3.3vw;
    letter-spacing: 0.025em;
}

.custom-transaction__data table {
    border: 1px solid #DCDCDC;
    border-collapse: separate;
}

.custom-transaction__data tbody {
}

.custom-transaction__data tr {}

.custom-transaction__data th {
    background-color: #F0F0F0;
    padding: 1.3em 1.4em 1.4em;
    vertical-align: top;
    max-width: 389px;
    width: 100%;
    display: block;
    white-space: break-spaces;
}

.custom-transaction__data th br {
    display: none;
}

.custom-transaction__data td {
    padding: 1.3em 1.4em 1.4em;
    vertical-align: top;
    max-width: 1004px;
    width: 100%;
    display: block;
    letter-spacing: 0.01em;
    white-space: normal;
}



.custom-company-section {
    background-color: #fff;
    overflow: hidden;
}

.custom-company-section .inner {
    max-width: 1394px;
    width: 90%;
    margin: 0 auto 18vw;
    font-family: 'Noto Sans JP';
    font-feature-settings: "palt";
}

.custom-company__data {
    color: #888888;
    font-size: 3.3vw;
    letter-spacing: 0.025em;
    width: 100%;
}

.custom-company__data table {
    border: 1px solid #DCDCDC;
    border-collapse: separate;
}

.custom-company__data tbody {
}

.custom-company__data tr {
}

.custom-company__data th {
    background-color: #F7F4EC;
    padding: 1.3em 1.4em 1.4em;
    vertical-align: top;
    max-width: 389px;
    width: 100%;
    display: block;
}

.custom-company__data td {
    padding: 1.3em 1.4em 1.4em;
    vertical-align: top;
    max-width: 1004px;
    width: 100%;
    display: block;
    font-size: 3.3vw;
    letter-spacing: 0.01em;
}

.after-support-section {
    overflow: hidden;
    background-color: #fff;
    background: linear-gradient(90deg, #F7F4EC 0%, #F7F4EC 50%, #fff 50%, #fff 100%);
    margin: 0 0;
}

.after-support-section .inner {
    font-family: 'Noto Sans JP';
    font-size: 20px;
    font-feature-settings: "palt";
    max-width: 2000px;
    margin: 0 auto;
    background: #F7F4EC;
    display: flex;
}

.after-support__wrap {
    margin: 0 auto 0;
    display: flex;
    justify-content: space-between;
    padding: 0 0 min(12.76vw, 128px);
    max-width: 1700px;
    width: 100%;
    flex-flow: column;
}

.after-support__right {
    max-width: unset;
    width: 90%;
    margin: 0 auto;
}

.after-support__left {
    max-width: unset;
    width: 100%;
    order: -1;
    margin: 0 0 8%;
}

.after-support__title {
    font-size: min(5vw, 43px);
    font-weight: 500;
}

.after-support__description {
    font-size: min(3.5vw, 20px);
    margin: min(5.11vw, 40px) 0 min(5.17vw, 60px);
    letter-spacing: 0.03em;
}

.after-support__description br {
    display: none;
}

.after-support__list {
    width: 100%;
}

.after-support__list ul {width: 100%;position: relative;}

.after-support__list li {display: flex;align-items: baseline;justify-content: start;}

.after-support_step{
    max-width: 96px;
    width: 15.76%;
    z-index: 10;
    position: relative;
}

.after-support_item {
    font-size: min(4vw, 38px);
    color: #96846D;
    margin-left: min(3.8vw, 34px);
    width: 85%;
}

.after-support__list span{
    font-size: min(2.9vw, 20px);
    display: block;
    color: #000;
}

.after-support_{}

.after-support__list ul li:first-child .after-support_step::after{
    content: '';
    display: block;
    position: relative;
    width: 4%;
    left: 50%;
    max-width: 2px;
    height: min(4.43vw, 27px);
    background-color: #96846D;
}
.after-support__list ul li:nth-child(2) .after-support_step::after{
    content: '';
    display: block;
    position: relative;
    width: 4%;
    max-width: 2px;
    left: 50%;
    height: min(4.324vw, 25px);
    background-color: #96846D;
}

.support-link-section {
    background-color: #DBD0C2;
    overflow: hidden;
}

.support-link-section .inner{
    max-width: 877px;
    width: 90%;
    margin: min(9.44vw, 92px) auto;
    font-family: Noto Serif JP;
    font-feature-settings: "palt";
}

.support-link-section a{
    text-decoration: none;
}

.support-link__center {
    margin: 0 min(3.28vw, 32px) 0 0;
    max-width: 518px;
    width: 65.99%;
}

.support-link__title{
    font-size: min(4.6vw, 46px);
    line-height: 1.2em;
    letter-spacing: -0.055em;
}

.lineup-title-section {
    background-color: #fff;
    overflow: hidden;
}

.lineup-title-section .inner{
    max-width: 1400px;
    width: 90%;
    margin: min(16.47vw, 256px) auto min(7vw, 110px);
}

.lineup-list-section {
    background: url(/img/bg002.jpg) no-repeat #FFF;
    background-size: cover;
    background-position: center 2%;
    overflow: hidden;
    position: relative;
}

.lineup-list-section .inner {
    max-width: 1192px;
    width: 94%;
    margin: 0 auto;
    font-family: 'Noto Sans JP';
    position: relative;
    left: 0;
}

.lineup-list__box {
    margin: min(17.68vw, 168px) 0 0 0;
    font-weight: 500;
}

.lineup-list__title {
    font-size: min(5.62vw, 48px);
    margin: 0 0 min(4.3vw, 57px) 0;
    letter-spacing: 0.2em;
    line-height: 1.7em;
}

.lineup-list__title span{
    display: block;
    font-size: min(3.3vw, 28px);
    line-height: 1.825em;
    letter-spacing: 0.025em;
}

.lineup-list__description {
    font-size: min(3.0vw, 20px);
    margin: 0 0 min(14.5vw, 140px) 0;
    letter-spacing: 0.1em;
}

.lineup-list__product-img{
    position: absolute;
    top: 23%;
    right: -4%;
    width: 29.78%;
    max-width: 343px;
    filter: drop-shadow(3px 156px 40px #aaa);
}

.lineup-item-section {
    background-color: #fff;
    overflow: hidden;
}

.lineup-item-section .inner {
    max-width: 1200px;
    width: 92%;
    margin: 3em auto 8vw;
    font-family: 'Noto Sans JP';
    position: relative;
}

.lineup-item__wrap {}

.lineup-item__wrap ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-flow: column;
}

.lineup-item__wrap li {
    max-width: unset;
    width: 100%;
    display: flex;
    border: none;
    justify-content: space-between;
    margin: min(1.8vw, 24px) 0;
    padding: min(0.2vw, 12px) min(0.67vw, 9px) 5vw;
    border-bottom: 1px solid;
    align-items: stretch;
}

.lineup-item__wrap li:nth-child(odd) {
}
.lineup-item__wrap li:last-child {
    border-bottom: none;
}
.lineup-item__wrap li:nth-child(even) .lineup-item__img{order: 2;}
.lineup-item__img {
    max-width: 250px;
    width: 37.36%;
    margin: 0;
    text-align: center;
}

.lineup-item__description {
    width: 58%;
    margin: 0;
}

.lineup-item__name {
    font-size: min(4.6vw, 27px);
    margin: min(1.5vw, 20px) 0 min(1.35vw, 18px);
    line-height: 1.2em;
    letter-spacing: 0.025em;
    font-weight: 600;
}

.lineup-item__text {
    font-size: 2.7vw;
    letter-spacing: 0.01em;
    font-weight: 500;
    line-height: 1.64em;
    font-weight: normal;
}

.lineup-item__text br{
    display: none;
}


/*styling open close button*/
.nav_button {
    display:inline;
    position:absolute;
    right: 4vw;
    top: 2vw;
    bottom: 0;
    z-index: 1006;
    font-size: 30px;
  }
  .nav_button a {
    text-decoration:none;
  }
  .btn-open:after {
    color:#333;
    content:"\f0c9";
    font-family:"FontAwesome";
    transition-property:all .2s linear 0s;
    -moz-transition:all .2s linear 0s;
    -webkit-transition:all .2s linear 0s;
    -o-transition:all .2s linear 0s;
  }
  .btn-open:hover:after {
    color: #383838;
  }
  .btn-close:after {
    color: #000;
    content:"\f00d";
    font-family:"FontAwesome";
    transition-property:all .2s linear 0s;
    -moz-transition:all .2s linear 0s;
    -webkit-transition:all .2s linear 0s;
    -o-transition:all .2s linear 0s;
  }
  .btn-close:hover:after {
    color: #383838;
  }
  /*nav_overlay*/
  .nav_overlay {
    display:none;
    position:fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 1000;
  }
  .nav_wrap {
    text-align:center;
    max-width: 100%;
    margin:0 auto;
    position: relative;
    z-index: 1001;
    background: linear-gradient(109deg, rgba(240, 237, 232, 1) 8%, rgba(255, 255, 255, 1) 47%, rgba(240, 237, 232, 1) 92%);
  }
  .nav_wrap ul.content-nav {
    text-transform:capitalize;
    padding:150px 0px 100px;
  }
  .nav_wrap ul.content-nav li {
    font-size: 5vw;
    display:inline-block;
    vertical-align:top;
    width:24%;
    position:relative;
  }
  .wrap ul.content-nav li a {
    color: #383838;
    display:block;
    padding:8px 0;
    text-decoration:none;
    transition-property:all .2s linear 0s;
    -moz-transition:all .2s linear 0s;
    -webkit-transition:all .2s linear 0s;
    -o-transition:all .2s linear 0s;
  }
  .wrap ul.content-nav li a:hover {
    color:#f0f0f0;
  }
  .wrap ul.content-nav ul {
    padding:20px 0;
    font-weight: 400;
    font-family: 'Noto Sans JP';
  }
  .wrap ul.content-nav ul li {
    display:block;
    font-size: 3.5vw;
    width:100%;
    color: #383838;
    letter-spacing: 0.03em;
  }
  .wrap ul.content-nav ul li a {
    color: #383838;
  }
  .wrap ul.content-nav ul li a:hover {
    color:#383838;
  }
 
.nav_footer{
    padding: 9vw 0;
    background-color: rgba(188, 177, 163, 0.3);
}
.nav_sns{
    margin: 0 auto 12vw;
    width: 35%;
}
.nav_policy{
    font-family: Noto Serif JP;
    font-size: 3.0vw;
    margin: 0 0;
}
.nav_policy a{
    color: #383838;
    text-decoration: none;
    font-weight: 600;
}
.nav_log{
    width: 33%;
    margin: 4vw auto 0;
}
.nav_copy{
    font-family: Noto Serif JP;
    font-size: 2.4vw;
    color: #383838;
    margin-top: 4vw;
    font-weight: 600;
}

  @media screen and (max-width:48em) {
    .nav_wrap ul.content-nav>li {
      width: 70%;
      padding: 20px 0 0;
      border-bottom: 1px solid #e6e4dd;
      font-weight: bold;
    }
    .nav_wrap ul.content-nav>li:last-child {
      border-bottom:none;
    }
    .nav_wrap ul.content-nav {
      padding: 17vw 0px 3vw;
      font-family: Noto Serif JP;
    }
    nav ul {
      opacity:0;
      visibility:hidden;
    }

    
  }


/* 20250727修正追加分 */
.sp{
    display: block;
}
.product-repeat__notes{position: relative;left: 0;font-size: min(2.93vw, 12px);margin: 5% auto 0;}
.product-surge__left .product-surge__notes{
    position: relative;
    display: block;
    top: auto;
    margin: 1em auto 0;
    font-size: min(2.5vw, 12px);
}
.what-is-surge-section .top-surge__hsp{
    margin: min(3.15vw, 60px) auto 0;
    margin-left: -50vw;
    margin-right: -50vw;
    font-family: Noto Serif JP;
}
.what-is-surge-section .top-surge__hsp-wrap{
    width: 100%;
}
.what-is-surge-section .top-surge__hsp-title {
    font-size: min(5.97vw, 46px);
    margin: 0 auto min(4.16vw, 25px);
}
.what-is-surge-section .top-surge__hsp-text {
    font-size: min(3.4vw, 25px);
}
.top-surge__hsp-text span{}

.surge-hsp-section__notes{
    font-size: min(2.5vw, 12px);
    margin: 1% 0 0 auto;
    position: relative;
    top: auto;
    right: 0%;
}

.surge-wavelength__wrap{
    display: flex;
    align-items: start;
    justify-content: space-between;
    flex-flow: column;
}
.surge-wavelength__left{
    max-width: unset;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 0%;
}
.surge-wavelength__left_pc{
    display: none;
}
.surge-wavelength__left_sp{
    display: block;
}
.surge-wavelength__left_pc img, .surge-thermal-cooling__right_pc img{
    display: none;
}
.surge-wavelength__left_sp img, .surge-thermal-cooling__right_sp img{
    display: block;
}

.surge-wavelength__right{
    max-width: unset;
    width: 100%;
}
.surge-wavelength__category{
    max-width: 163px;
    margin: 0 0 1.2em;
}
.surge-wavelength__title{}
.surge-wavelength__text{}
.surge-wavelength__text p{}


.privacy-policy{}
.privacy-policy-section{
    background: #FFF;
    position: relative;
    overflow: hidden;
    padding-bottom: 5vw;
}
.privacy-policy-section .inner{
    max-width: 1400px;
    width: 90%;
    margin: 0 auto;
    font-family: 'Noto Sans JP';
    font-feature-settings: "palt";
}
.privacy-policy__content{
    font-size: min(3.28vw, 20px);
    letter-spacing: min(0.032vw, 0.5px);
}
.privacy-policy__lead{
    margin: 0 0 min(4.5vw, 70px);
}
.privacy-policy__list{}
.privacy-policy__text p{
    margin-bottom: 2em;
}
.privacy-policy__list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.privacy-policy__list li {
    list-style: none;
    margin-bottom: min(5.75vw, 90px);
}
.privacy-policy__heading{
    font-size: min(3.54vw, 24px);
    font-weight: 500;
}
.privacy-policy__heading::after{
    content: '';
    display: block;
    position: relative;
    width: 100%;
    height: 1px;
    background-color: #96846D;
    margin: min(1.9vw, 30px) auto;
}
.privacy-policy__text{}

/* 20250812修正追加分 */
.what-is-surge-section__text{
    font-size: min(4.16vw, 25px);
}
.surge-parts-title{
    font-size: min(6.39vw, 52px);
}

.product-spec__data_notes{
    font-size: min(2.4vw, 16px);
    position: absolute;
    bottom: 4%;
}