@charset "UTF-8";

/*******************************
初期化
********************************/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
vertical-align:baseline;
background:transparent;
}

*, *::before, *::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

html {
font-size: 62.5%;
width: 100%;
}

body {
font-family: 'Noto Sans JP', sans-serif !important;
color: #333;
font-size: 1.6rem;
font-weight: 400;
line-height: 1.7 !important;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%; /* スマホでの文字拡大を防止 */
width: 100%;
margin: 0;
padding: 0;
background-color: #fff;
overflow-x: hidden;
}
body p{
margin-bottom: 2.5rem;
line-height: 1.7 !important;
}

img{
max-width: 100%;
height: auto;
vertical-align: top;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}

ul, ol {
list-style: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}
/* iOSのフォームの初期状態を解除 */
input, button, textarea, select{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}

a {
vertical-align:baseline;
text-decoration: none;
color: #1558d6;
}

ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}

/* IE用の游ゴシック適応の設定 */
_:lang(x)::-ms-backdrop, .selector {
font-family: "Segoe UI", Meiryo, sans-serif;
}


/*************************************
LP用
**************************************/
.mattresslp{width: 100%; max-width: 1280px; margin: 0 auto; padding-top: 90px; text-align: center; font-size: 22px; font-weight: 500;}
.mattresslp .pc{display: block !important;}
.mattresslp .sp{display: none !important;}
.mattresslp .mintyo{font-family: 'Noto Serif JP', serif !important;}
.mattresslp .marumoji{font-family: 'Kosugi Maru', sans-serif !important;}
.mattresslp .bold{font-weight: bold;}
.mattresslp .font30{font-size: 3rem;}
.mattresslp .font44{font-size: 4.4rem;}
.mattresslp .mt20{margin-top: 20px;}
.mattresslp .mb20{margin-bottom: 20px;}
.mattresslp a:hover{text-decoration: none;}

.mattresslp .hide-area{display: none;}

.mattresslp header{background-color: #fff; position: fixed; top: 0; width: 100%; max-width: 1280px; z-index: 99; padding-bottom: 20px; text-align: center; margin-bottom: 20px;}
.mattresslp header img{width: 235px; display: block; margin: 20px auto 30px;}
.mattresslp .header__cv{display: flex; justify-content: space-around; padding: 2%;}
.mattresslp .header__cv li{width: calc(100% / 3 - 20px); margin-right: 20px;}
.mattresslp .header__cv li:last-child{margin-right: 0;}
.mattresslp .header__cv .triangle{font-size: 0.8em;}
.mattresslp .header__btn{background-color: #df6a83; box-shadow: 0 4px 10px #aaa; display: inline-block; width: 100%; padding: 5px; border-radius: 5px; color: #fff; font-weight: bold;}
.mattresslp .header__cv li:nth-child(2) .header__btn{background-color: #51c7cc;}
.mattresslp .header__cv li:last-child .header__btn{background-color: #56b833;}

.mattresslp .sec01__top{background-color: #b9697a; padding: 10px; font-size: 3.3rem; font-weight: bold; color: #fff; letter-spacing: 0.05em; text-align: center;}
.mattresslp .sec01__top p{margin-bottom: 0;}
.mattresslp .sec01__text{position: relative; padding: 80px 0; text-align: center;}
.mattresslp .sec01__text:before{content: ""; position: absolute; top: 0; left: 0; display: inline-block; background: url("img/lpmattress/sec01_img03.png") no-repeat; background-size: cover; width: 100%; height: 100%; z-index: -1;}
.mattresslp .sec01__main-text{margin-bottom: 40px; font-family: 'Noto Serif JP', serif; font-size: 2.5rem; color: #366577; font-weight: bold; letter-spacing: 0.05em;}
.mattresslp .sec01__sub-text{margin-top: 40px; font-family: 'Noto Serif JP', serif; font-size: 2.2rem; letter-spacing: 0.05em;}

.mattresslp .sec02__cv{background-color: #78cccc; padding: 50px 0; text-align: center;}
.mattresslp .sec02__cv-inner{position: relative;}
.mattresslp .cv-btn{background-color: #b71c24; display: inline-block; width: 100%; max-width: 553px; padding: 0.3em 1em; border-radius: 10px; font-size: 3.05rem; color: #fff; font-weight: bold; letter-spacing: 0.05em;}
.mattresslp .sec02__cv-inner img{margin: auto;}
.mattresslp .sec02__cv-inner .cv-btn{position: absolute; top: 53%; left: 50%; transform: translate(-50%, -50%);}

.mattresslp .sec03{background-color: #67c5c5;}
.mattresslp .sec03__contents{width: 90%; max-width: 1010px; margin: 0 auto; padding: 100px 0;}
.mattresslp .sec03__contents h2{margin-bottom: 100px;}
.mattresslp .sec03__box{display: flex; margin-bottom: 50px;}
.mattresslp .sec03__box-text{width: 41%; padding-right: 2%; font-size: 3.4rem; color: #fff; text-align: left;}
.mattresslp .sec03__box-text h3{font-size: 3.5rem; color: #ffd151; text-align: left;}
.mattresslp .sec03__box-text p{margin-bottom: 0.5em; line-height: 1.4 !important;}
.mattresslp .sec03__box-text .hosoku{font-size: 0.75em;}
.mattresslp .sec03__box-img{width: 59%;}
.mattresslp .sec03__bottom-contents{border: 2px solid #fff; border-radius: 20px; padding: 1.5em; color: #fff;}
.mattresslp .sec03__bottom-contents p{margin-bottom: 0;}

.mattresslp .sec04 h2{margin: 80px 0 50px;}
.mattresslp .sec04__video{width: 90%; max-width: 933px; margin: 0 auto 100px; text-align: center;}
.mattresslp .sec04__video p{margin-bottom: 20px; font-size: 3.9rem; font-weight: bold; letter-spacing: 0.05em;}
.mattresslp .sec04__video iframe{width: 100%; height: 525px; border: 5px solid #008585;}

.mattresslp .sec05__top-content{position: relative; padding-bottom: 100px; margin-bottom: 50px; text-align: center;}
.mattresslp .sec05__top-content ul{position: absolute; bottom: 0; left: 0; width: 100%; display: flex; justify-content: center;}
.mattresslp .sec05__top-content ul li{padding: 0 1%;}
.mattresslp #sec05__secret1{position: relative; padding: 100px 0 60px;}
.mattresslp #sec05__secret1:before{content: ""; position: absolute; top: 0; left: 0; display: inline-block; background: url("img/lpmattress/sec05_img05.png") no-repeat; background-size: cover; width: 100%; height: 100%; z-index: -1;}
.mattresslp .sec05__secret1-flex{width: 90%; max-width: 1016px; margin: 50px auto; display: flex;}
.mattresslp .sec05__secret1-img{width: 50%; padding-right: 1%;}
.mattresslp .sec05__secret1-text{width: 50%; font-size: 2rem; line-height: 1.4 !important; text-align: left;}
.mattresslp .sec05__secret1-text p{margin-bottom: 0;}
.mattresslp .sec05__secret1-text img{margin-bottom: 5px;}
.mattresslp #sec05__secret2{padding: 60px 0 20px;}
.mattresslp #sec05__secret3{background-color: #f1f8f8; padding: 60px 0 10px; margin-bottom: 60px;}
.mattresslp .sec05__bottom-content{background-color: #f1f8f8; padding: 60px 0 10px; margin-top: 50px;}
.mattresslp .sec05__bottom-content h2{width: 80%; max-width: 368px; margin: auto; border: 2px solid #008585; font-size: 4rem; color: #008585; letter-spacing: 0.08em;}
.mattresslp .sec05__bottom-flex{width: 80%; max-width: 780px; margin: 20px auto; display: flex; align-items: center; text-align: left;}
.mattresslp .sec05__bottom-flex p{padding-left: 4%; margin-bottom: 0; font-size: 2rem; line-height: 1.4 !important;}

.mattresslp .sec06__cv{position: relative;}
.mattresslp .sec06__cv .cv-btn{position: absolute; bottom: 30%; right: 12%;}

.mattresslp .sec07{margin-top: -35px; padding-bottom: 50px;}
.mattresslp .sec07__top-contents{background-color: rgba(198, 177, 152, 0.5); padding: 55px 0 300px;}
.mattresslp .sec07__top-title{display: flex; align-items: center; width: 90%; max-width: 1016px; margin: 0 auto 10px;}
.mattresslp .sec07__top-title img{display: block; width: 20%;}
.mattresslp .sec07__top-title h2{display: block; width: 80%; font-size: 4.5rem; text-align: center; color: #4d4d4d;}
.mattresslp .sec07__top-link{position: relative;}
.mattresslp .sec07__top-flex{position: absolute; left: 50%; bottom: -50%; transform: translateX(-50%); display: flex; justify-content: center; width: 90%; max-width: 1016px;}
.mattresslp .sec07__top-flex-box{background-color: #fff; width: 50%; box-shadow: 0 2px 15px #555; border-radius: 5px; margin: 0 1%; padding: 30px; font-size: 2rem; line-height: 1.4; color: #4d4d4d; text-align: center;}
.mattresslp .sec07__top-flex-box p{text-align: left;}
.mattresslp .sec07__top-flex-title{margin: 20px 0 5px; font-size: 2.8rem; font-weight: bold; }
.mattresslp .sec07__top-flex-box .btn{display: inline-block; background-color: #80806c; width: 100%; padding: 8px; color: #fff; letter-spacing: 0.3em;}
.mattresslp .sec07__top-flex .sec07__top-flex-box:last-child .btn{background-color: #d16380;}
.mattresslp .sec07__free{padding-top: 100px; color: #80806c !important; line-height: 1.4 !important;}
.mattresslp .sec07__free h3{margin: 10px 0 30px;}
.mattresslp .sec07__free-contents{background-color: rgba(128,182,108,4%); padding: 100px;}
.mattresslp .sec07__free-contents-main-text{margin-bottom: 40px; color: #627438; font-size: 4rem; font-weight: bold;}
.mattresslp .sec07__free-contents-flex{background-color: #fff; width: 90%; max-width: 1012px; margin: 0 auto 50px; padding: 4% 1%; display: flex;}
.mattresslp .sec07__free-contents-flex-box{width: 50%; padding: 0 1%; text-align: center;}
.mattresslp .sec07__free-contents-flex-box p{text-align: left; font-size: 2rem;}
.mattresslp .sec07__free-contents-flex-box img{margin-bottom: 10px;}
.mattresslp .sec07__free-contents-flex-box-title{margin-bottom: 10px; color: #627438; font-size: 2.6rem; font-weight: bold;}
.mattresslp .sec07__free-bottom-contents{width: 90%; max-width: 1012px; margin: 0 auto; display: flex; align-items: flex-start;}
.mattresslp .sec07__free-bottom-contents img{display: block; width: 50%;}
.mattresslp .sec07__free-annai{background-color: #534741; padding: 20px 10px; margin-bottom: 80px; font-size: 4.5rem; font-weight: bold; color: #fff; letter-spacing: 0.08em; text-align: center;}
.mattresslp .sec07__free-annai p{margin-bottom: 0;}
.mattresslp .sec07__seiatu-contents{color: #b75977;}
.mattresslp .sec07__seiatu-contents h3{margin-bottom: 50px; color: #d16380; font-size: 2.9rem;}
.mattresslp .sec07__seiatu-bottom-contents{background-color: rgba(209,99,128,4%); margin-top: 40px; padding: 80px 0; position: relative;}
.mattresslp .sec07__seiatu-bottom-contents .triangle{content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 35px 52px 0 52px; border-color: #fff transparent transparent transparent;}
.mattresslp .sec07__seiatu-bottom-contents-title{margin-bottom: 40px; font-size: 4rem; font-weight: bold;}
.mattresslp .sec07__seiatu-bottom-contents-box{background-color: #fff; width: 90%; max-width: 1012px; display: flex; padding: 40px; margin: 0 auto 20px; text-align: left;}
.mattresslp .sec07__seiatu-bottom-contents-box-text{width: 55%; padding-right: 2%;}
.mattresslp .sec07__seiatu-bottom-contents-box-text div{margin-bottom: 20px; font-size: 2.6rem;}
.mattresslp .sec07__seiatu-bottom-contents-box-text p{color: #4d4d4d; font-size: 2rem;}
.mattresslp .sec07__seiatu-bottom-contents-box-img{width: 45%;}
.mattresslp .sec07__seiatu-bottom-contents-price{width: 90%; max-width: 1012px; margin: 50px auto ; display: flex; justify-content: space-between; align-items: flex-start;}
.mattresslp .sec07__seiatu-bottom-contents-price img{display: block; width: 50%;}
.mattresslp .sec07__seiatu-bottom-contents-price img:nth-child(2n){width: 46%;}

.mattresslp .sec09{margin-top: -35px;}
.mattresslp .sec09__title{color: #fff; font-size: 4.4rem; font-weight: bold; line-height: 1.4 !important; letter-spacing: 0.08em;}

.mattresslp .sec10{padding-top: 100px;}
.mattresslp .sec10__title h2{margin-bottom: 50px; padding-left: 5%; padding-right: 5%; font-size: 3.2rem; line-height: 2 !important;}
.mattresslp .sec10__title h2 .main{font-size: 4rem; letter-spacing: 0.1em;}
.mattresslp .sec10__title h2 .block{border: 4px solid #000;  padding:  5px 20px; margin-right: 10px;}
.mattresslp .sec10__title h2 .ul-yellow{background:linear-gradient(transparent 70%, #ffda51 0%);}
.mattresslp .sec10__contents{display: inline-block; background: url("img/lpmattress/sec10_img05.png") no-repeat; background-size: cover; width: 100%; height: 100%; padding: 100px 5% 50px; margin-top: -35px; position: relative; z-index: 2;}
.mattresslp .sec10__contents p{font-size: 2.2rem;}
.mattresslp .sec10__box{width: 90%; max-width: 1014px; margin: 0 auto 40px; display: flex;}
.mattresslp .sec10__contents .sec10__box:nth-child(3){margin-top: 100px;}
.mattresslp .sec10__box-text{width: 50%; text-align: left;}
.mattresslp .sec10__box-text h3{border-left: 6px solid #366577; padding-left: 10px; margin-bottom: 10px; font-size: 3.5rem; color: #366577; text-align: left; line-height: 1.2 !important;}
.mattresslp .sec10__box-text h3 .font-mini{display: block; margin-bottom: 10px; font-size: 2.6rem;}
.mattresslp .sec10__box-text p{margin-bottom: 0; font-size: 2rem;}
.mattresslp .sec10__box-img{width: 50%;}

.mattresslp .sec11{display: inline-block; background: url("img/lpmattress/sec11_img06.png") no-repeat; background-size: cover; width: 100%; height: 100%; padding: 100px 0;}
.mattresslp .sec11__inner{background-color: #fff; width: 90%; max-width: 1014px; border-radius: 20px; padding: 50px 30px; margin: 0 auto;}
.mattresslp .sec11__inner h2{margin-bottom: 50px; font-size: 4.7rem; color: #366577;}
.mattresslp .sec11__flex{display: flex; justify-content: space-around; flex-wrap: wrap;}
.mattresslp .sec11__box{width: 48%; border: 3px solid #56bfbf; border-radius: 10px; padding: 25px; margin-bottom: 60px; font-size: 2.2rem; position: relative;}
.mattresslp .sec11__box h3{margin-bottom: 10px; font-size: 3.4rem; color: #366577; line-height: 1.4 !important;}
.mattresslp .sec11__box p{text-align: left; line-height: 1.4 !important;}
.mattresslp .sec11__box img{position: absolute; right: 20px; bottom: -40px;}

.mattresslp .sec12{background-color: #f1f8f8;}
.mattresslp .sec12__inner{ width: 90%; max-width: 1014px; padding: 100px 0; margin: 0 auto;}
.mattresslp .sec12__inner h2{background-color: #00b5b5; width: 90%; border-radius: 50px; padding: 10px; margin: 0 auto 20px; font-size: 4rem; color: #fff; letter-spacing: 0.1em;}
.mattresslp .sec12__inner > p{font-size: 2rem;}
.mattresslp .sec12__box{background-color: #fff; border: 1px solid #00b5b5; padding: 30px 20px; margin-bottom: 10px; font-size: 1.6rem; text-align: left;}
.mattresslp .sec12__box p{margin-bottom: 0;}
.mattresslp .sec12__box-q{padding-left: 50px; margin-bottom: 20px; position: relative;}
.mattresslp .sec12__box-q:before{content: url("img/lpmattress/sec12_img01.png"); position: absolute; top: -5px; left: 0;}
.mattresslp .sec12__box-a{padding-left: 50px; position: relative;}
.mattresslp .sec12__box-a:before{content: url("img/lpmattress/sec12_img02.png"); position: absolute; top: 5px; left: 0;}

.mattresslp footer{padding: 50px 5%;}
.mattresslp .footer__text{margin-top: 10px; font-size: 14px;}

@media screen and (max-width: 750px) {
    .mattresslp .pc{display: none !important;}
    .mattresslp .sp{display: block !important;}
    .mattresslp .font30{font-size: 2.5rem;}
    .mattresslp .font44{font-size: 3.5rem;}

    .mattresslp{padding-top: 100px;}
    .mattresslp header{margin-bottom: 0;}
    .mattresslp .header__cv{padding-top: 30px; font-size: 1.6rem;}

    .mattresslp .sec01__top{font-size: 2.2rem;}
    .mattresslp .sec01__text{padding: 40px 5%;}

    .mattresslp .cv-btn{width: 75%; font-size: 2rem;}

    .mattresslp .sec03__contents{padding: 50px 2%;}
    .mattresslp .sec03__contents h2{margin-bottom: 50px;}
    .mattresslp .sec03__box{flex-direction: column-reverse; margin-bottom: 25px;}
    .mattresslp .sec03__box-img{width: 100%; margin-bottom: 5px;}
    .mattresslp .sec03__box-text{width: 100%; font-size: 1.6rem;}
    .mattresslp .sec03__box-text h3{font-size: 2.2rem;}
    .mattresslp .sec03__bottom-contents{font-size: 1.4rem;}

    .mattresslp .sec04 h2{padding: 0 5%;}
    .mattresslp .sec04__video{margin-bottom: 50px;}
    .mattresslp .sec04__video p{margin-bottom: 10px; font-size: 2.2rem;}

    .mattresslp .sec05__top-content{margin-bottom: 0px;}
    .mattresslp .sec05__top-content ul{bottom: 10%;}
    .mattresslp #sec05__secret1,
    .mattresslp #sec05__secret2,
    .mattresslp #sec05__secret3{padding-right: 5%; padding-left: 5%;}
    .mattresslp .sec05__secret1-flex{flex-direction: column;}
    .mattresslp .sec05__secret1-img{width: 100%; margin-bottom: 10px;}
    .mattresslp .sec05__secret1-text{width: 100%; font-size: 1.8rem;}
    .mattresslp .sec05__bottom-content h2{font-size: 3rem;}
    .mattresslp .sec05__bottom-flex{flex-direction: column;}
    .mattresslp .sec05__bottom-flex img{margin-bottom: 10px;}
    .mattresslp .sec05__bottom-flex p{font-size: 1.6rem;}

    .mattresslp .sec06__cv .cv-btn{bottom: 22%;}

    .mattresslp .sec07__top-title h2{font-size: 3rem;}
    .mattresslp .sec07__top-flex{bottom: auto; top: 50%;}
    .mattresslp .sec07__top-flex-box{width: 48%; margin: 0 auto 20px; font-size: 1.6rem;}
    .mattresslp .sec07__top-flex-box img{width: 50%;}
    .mattresslp .sec07__top-flex-title{font-size: 1.8rem;}
    .mattresslp .sec07__free > p{padding-right: 5%; padding-left: 5%;}
    .mattresslp .sec07__free-contents{padding: 50px;}
    .mattresslp .sec07__free-contents-main-text{font-size: 3rem;}
    .mattresslp .sec07__free-contents-flex{flex-direction: column;}
    .mattresslp .sec07__free-contents-flex-box{width: 100%;}
    .mattresslp .sec07__free-contents-flex-box-title{font-size: 2.4rem;}
    .mattresslp .sec07__free-contents-flex-box p{font-size: 1.6rem;}
    .mattresslp .sec07__free-bottom-contents{flex-direction: column-reverse;}
    .mattresslp .sec07__free-bottom-contents img{width: 100%;}
    .mattresslp .sec07__free-bottom-contents img:last-child{margin-bottom: 20px;}
    .mattresslp .sec07__free-annai{font-size: 3rem;}
    .mattresslp .sec07__seiatu-contents > p,
    .mattresslp .sec07__seiatu-contents > img{padding-right: 5%; padding-left: 5%;}
    .sec07__seiatu-contents img:first-child{width: 80%;}
    .mattresslp .sec07__seiatu-contents h3{font-size: 2.5rem;}
    .mattresslp .sec07__seiatu-bottom-contents-title{padding-right: 5%; padding-left: 5%; font-size: 2.5rem;}
    .mattresslp .sec07__seiatu-bottom-contents-box{flex-direction: column-reverse;}
    .mattresslp .sec07__seiatu-bottom-contents-box-img{width: 100%; margin-bottom: 20px; text-align: center;}
    .mattresslp .sec07__seiatu-bottom-contents-box-text{width: 100%;}
    .mattresslp .sec07__seiatu-bottom-contents-box-text div{margin-bottom: 5px; font-size: 2rem;}
    .mattresslp .sec07__seiatu-bottom-contents-box-text p{font-size: 1.6rem;}
    .mattresslp .sec07__seiatu-bottom-contents-price{flex-direction: column-reverse;}
    .mattresslp .sec07__seiatu-bottom-contents-price img{width: 100%;}
    .mattresslp .sec07__seiatu-bottom-contents-price img:nth-child(2n){width: 100%; margin-bottom: 20px;}

    .mattresslp .sec09__title{font-size: 3.5rem;}
    .mattresslp .sec09__title{margin-bottom: 20px; font-size: 3.5rem;}

    .mattresslp .sec10{padding-top: 50px;}
    .mattresslp .sec10__title h2{font-size: 2rem; line-height: 1.4 !important;}
    .mattresslp .sec10__title h2 .main{display:block; margin-top: 25px; font-size: 3rem;}
    .mattresslp .sec10__contents p{font-size: 1.8rem;}
    .mattresslp .sec10__box{flex-direction: column-reverse;}
    .mattresslp .sec10__box-text{width: 100%;}
    .mattresslp .sec10__box-text h3{font-size: 2.5rem;}
    .mattresslp .sec10__box-text h3 .font-mini{margin-bottom: 5px; font-size: 2rem;}
    .mattresslp .sec10__box-text p{font-size: 1.6rem;}
    .mattresslp .sec10__box-img{width: 100%; margin-bottom: 20px;}

    .mattresslp .sec11__inner h2{width: 80%; margin: 0 auto 20px;}
    .mattresslp .sec11__box{width: 100%;}
    .mattresslp .sec11__box h3{font-size: 2.8rem;}
    .mattresslp .sec11__box{font-size: 1.8rem;}

    .mattresslp .sec12__inner h2{padding: 20px 40px; border-radius: 80px; font-size: 2.8rem; line-height: 1.4 !important;}
    .mattresslp .sec12__inner > p{font-size: 1.8rem;}

}
@media screen and (max-width: 480px) {
    .mattresslp{padding-top: 70px; font-size: 11px;}
    .mattresslp .font30{font-size: 1.8rem;}
    .mattresslp .font44{font-size: 2rem;}

    .mattresslp .header__cv{padding: 20px 2% 0; font-size: 1.3rem;}
    .mattresslp .header__cv{padding: 20px 2% 0;}
    .mattresslp .header__cv li{width: calc(100% / 3 - 5px); margin-right: 5px;}
    .mattresslp .header__btn{box-shadow: 0 4px 5px #aaa;}

    .mattresslp .sec01__top{font-size: 1.2rem;}
    .mattresslp .sec01__main-text{font-size: 1.6rem;}
    .mattresslp .sec01__sub-text{font-size: 1.2rem;}

    .mattresslp .cv-btn{font-size: 1.6rem;}

    .mattresslp .sec03__contents h2{margin-bottom: 25px;}
    .mattresslp .sec03__contents h2 img{width: 80%; margin: auto;}
    .mattresslp .sec03__bottom-contents{font-size: 1.1rem;}
    .mattresslp .sec03__box-text h3{font-size: 1.8rem;}
    .mattresslp .sec03__box-text{font-size: 1.4rem;}

    .mattresslp .sec04__video p{font-size: 1.6rem;}
    .mattresslp .sec04__video iframe{height: 220px;}

    .mattresslp .sec05__top-content{padding-bottom: 50px;}
    .mattresslp .sec05__secret1-text{font-size: 1.4rem;}

    .mattresslp .sec06__cv .cv-btn{bottom: 21%;}

    .mattresslp .sec07__top-contents{padding-bottom: 550px;}
    .mattresslp .sec07__top-title h2{font-size: 1.8rem;}
    .mattresslp .sec07__top-flex{flex-direction: column;}
    .mattresslp .sec07__top-flex-box{width: 100%; font-size: 1.2rem;}
    .mattresslp .sec07__top-flex-title{font-size: 1.4rem;}
    .mattresslp .sec07__free{padding-top: 50px;}
    .mattresslp .sec07__free > img:first-child{width: 40%;}
    .mattresslp .sec07__free h3{font-size: 1.8rem;}
    .mattresslp .sec07__free-contents{padding: 40px 5%;}
    .mattresslp .sec07__free-contents-main-text{font-size: 1.8rem;}
    .mattresslp .sec07__free-contents-flex{padding: 0;}
    .mattresslp .sec07__free-contents-flex-box{padding: 20px 20px 0;}
    .mattresslp .sec07__free-contents-flex-box-title{font-size: 1.6rem;}
    .mattresslp .sec07__free-contents-flex-box p{font-size: 1.4rem;}
    .mattresslp .sec07__free-annai{font-size: 1.6rem;}
    .mattresslp .sec07__seiatu-contents h3{margin-bottom: 20px; font-size: 1.8rem;}
    .mattresslp .sec07__seiatu-bottom-contents-title{font-size: 1.8rem;}
    .mattresslp .sec07__seiatu-bottom-contents-box-text div{font-size: 1.6rem;}
    .mattresslp .sec07__seiatu-bottom-contents-box-text p{font-size: 1.4rem;}

    .mattresslp .sec09__title{font-size: 2rem;}

    .mattresslp .sec10 > img{background-color: #f1f8f8; padding-bottom: 10px;}
    .mattresslp .sec10__title h2{font-size: 1.6rem;}
    .mattresslp .sec10__title h2 .main{font-size: 2rem;}
    .mattresslp .sec10__contents{padding: 60px 5% 0;}
    .mattresslp .sec10__contents p{font-size: 1.4rem;}
    .mattresslp .sec10__contents .sec10__box:nth-child(3){margin-top: 50px;}
    .mattresslp .sec10__box-text h3{font-size: 2rem;}
    .mattresslp .sec10__box-text h3 .font-mini{font-size: 1.6rem;}

    .mattresslp .sec11{padding: 50px 0;}
    .mattresslp .sec11__inner{padding: 50px 20px;}
    .mattresslp .sec11__inner h2{font-size: 3rem;}
    .mattresslp .sec11__box{width: 100%;padding: 30px 15px; font-size: 1.6rem;}
    .mattresslp .sec11__box h3{font-size: 1.8rem;}
    .mattresslp .sec11__box img{width: 120px;}
    .mattresslp .sec11__flex .sec11__box:nth-child(2) img{width: 130px;}

    .mattresslp .sec12__inner{padding: 50px 0;}
    .mattresslp .sec12__inner h2{font-size: 1.8rem;}
    .mattresslp .sec12__inner > p{font-size: 1.6rem;}
    .mattresslp .sec12__box{font-size: 1.4rem;}

    .mattresslp footer{padding: 25px 5%;}
    .mattresslp .footer__text{font-size: 12px;}
}