@charset "UTF-8";
* { box-sizing: border-box; }

.w-100 { width: 100%; height: auto; }

.mb { margin-bottom: clamp(30px, 6%, 80px); }

.mb-1 { margin-bottom: 0.5rem; }

.mb-2 { margin-bottom: 1rem; }

.mb-3 { margin-bottom: 1.5rem; }

.mb-6 { margin-bottom: 3rem; }

.mb-10 { margin-bottom: 5rem; }

.mt-3 { margin-top: 1.5rem; }

.mt-6 { margin--top: 3rem; }

.mt-10 { margin-top: 5rem; }

.p-4 { padding: 4%; }

.d-block { display: block; }

.m-auto { margin: auto; }

.mx-auto { margin-left: auto; margin-right: auto; }

.max1000 { max-width: 1000px; }
@media (max-width: 1000px) { .max1000.px { padding-left: 15px; padding-right: 15px; } }

.lh-1 { line-height: 2; }

.fs-l { font-size: 110%; }
@media (max-width: 640px) { .fs-l { font-size: 100%; } }

.fs-s { font-size: 80%; }

.f-min { font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif; }

.lh-h { line-height: 1.6; }

.fw-bold { font-size: clamp(23px, 3.2vw, 32px); font-weight: bold; line-height: 1.5; }

.br-sp { display: none; }
@media (max-width: 640px) { .br-sp { display: block; } }

@media (max-width: 640px) { .br-not-sp { display: none; } }

@media (max-width: 640px) { .show-pc { display: none; } }

.show-sp { display: none; }
@media (max-width: 640px) { .show-sp { display: block; } }

@media (max-width: 640px) { .sp-px { padding-left: 15px; padding-right: 15px; } }

.bnr { display: block; text-align: center; }
.bnr.pt { padding-top: clamp(30px, 6%, 80px); }

.youtube { display: block; margin-left: auto; margin-right: auto; width: 100%; max-width: 600px; aspect-ratio: 16 / 9; }
.youtube iframe { width: 100%; height: 100%; }

.text-left { text-align: left; }

.text-center { text-align: center; }
@media (max-width: 640px) { .text-center { text-align: left; }
  .text-center.sp-not-left { text-align: center; } }

@media (max-width: 640px) { .sp-left { text-align: left; } }

.title01 { display: block; max-width: 1180px; border-bottom: #BFA15D 1px solid; margin: 0 auto clamp(30px, 6%, 80px) auto; padding-bottom: 15px; }
.title01 h2 { display: block; text-align: center; font-size: clamp(25px, 3.5vw, 45px); font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif; font-weight: normal; margin-bottom: 10px; }
.title01 p { display: block; text-align: center; font-size: clamp(13px, 1.5vw, 18px); font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif; }
.title01.no-border { border-bottom: none; }
.title01.no-border h2 { display: flex; justify-content: center; align-items: center; }
.title01.no-border h2:before { display: block; content: ""; background: #BFA15D; width: 50px; height: 1px; margin-right: 10px; }
.title01.no-border h2:after { display: block; content: ""; background: #BFA15D; width: 50px; height: 1px; margin-left: 10px; }

.inner.w100 { max-width: 100%; }

.button a { display: block; color: #FFF; padding: 15px 30px; text-decoration: none; width: fit-content; transition: all linear 0.3s; }
.button a.right { margin-left: auto; margin-right: 0; }
.button a:hover { opacity: 0.8; }
.button.type1 a { background: #6A729B; }
.button.type2 { background: none; }
.button.type2 a { background: #6A729B; }

.campaign_slider div.bnr { padding: 0 10px; }
.campaign_slider div.bnr img { width: 100%; height: auto; }
@media (max-width: 640px) { .campaign_slider div.bnr { padding: 0 3px; } }
.campaign_slider .slick-dots { position: relative; bottom: 0; padding-top: 7px; }
.campaign_slider .slick-dots li { width: 10px; }
.campaign_slider .slick-prev { text-indent: -9999px; left: 2%; z-index: 9; width: 4vw; height: 4vw; background: url(../img/arrow_left.png) no-repeat 50% 50%; background-size: 100%; }
@media (max-width: 640px) { .campaign_slider .slick-prev { width: 6vw; height: 6vw; margin-top: -3%; } }
.campaign_slider .slick-next { text-indent: -9999px; right: 2%; z-index: 9; width: 4vw; height: 4vw; background: url(../img/arrow_right.png) no-repeat 50% 50%; background-size: 100%; }
@media (max-width: 640px) { .campaign_slider .slick-next { width: 6vw; height: 6vw; margin-top: -3%; } }

.ttl01 span { display: block; margin-top: 10px; font-weight: normal; font-size: 16px; font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif; }

#wrap { padding-top: 10px; }
@media (max-width: 640px) { #wrap { padding-top: 50px; } }

/*header*/
#header .bar { height: 10px; }
@media (max-width: 640px) { #header .bar { height: 5px; } }
#header h1 { font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-size: 2em; padding: 15px 20px; }
#header h1 img { width: 200px; height: auto; }
#header .local { display: flex; flex-wrap: wrap; padding: 0 20px 26px 0; }
#header .local .insta { width: 40px; }
#header .local .insta img { width: 100%; height: auto; }
#header .local .purchase_btn { display: block; margin: 3px 10px 0 0; position: relative; z-index: 3; }
#header .local .purchase_btn .wrapper { display: flex; justify-content: flex-end; align-items: center; }
#header .local .purchase_btn .contact { margin-right: 10px; }
#header .local .purchase_btn .contact a { display: block; justify-content: center; align-items: center; background: #ec385b; color: #FFF; padding: 8px 15px; font-weight: bold; border-radius: 5px; text-decoration: none; width: 140px; text-align: center; color: #fff; }
#header .local .purchase_btn .button { display: block; justify-content: center; align-items: center; background: #ec385b; color: #FFF; padding: 8px 15px; font-weight: bold; border-radius: 5px; text-decoration: none; width: 190px; text-align: center; }
#header .local .purchase_btn .list { display: none; padding: 2px; background: rgba(255, 255, 255, 0.5); width: 190px; margin: 0 0 0 auto; }
#header .local .purchase_btn .list a { display: block; background: #ec385b; color: #FFF; text-decoration: none; padding: 10px; text-align: center; width: 100%; font-size: 14px; }
#header .local .purchase_btn .list a:not(:last-of-type) { margin-bottom: 1px; }
#header .local dl.tel { display: flex; padding-top: 3px; overflow: auto; float: none; width: fit-content; }
#header .local dl.tel dt { font-size: 20px; padding-right: 0; }
#header .local dl.tel dd { font-size: 15px; text-align: right; }
#header .local dl.tel dd strong { display: block; width: 100%; text-align: right; font-size: 29px; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; }
#header .local p.time { font-size: 14px; display: block; text-align: end; }
@media (max-width: 640px) { #header .local .insta { position: fixed; top: 9px; right: 60px; width: 35px; }
  #header .local .purchase_btn { position: fixed; top: 13px; right: 60px; margin: 0; }
  #header .local .purchase_btn .button { width: fit-content; font-size: 13px; }
  #header .local .purchase_btn .contact a { display: block; justify-content: center; align-items: center; background: none; color: #555; padding: 0; border-radius: 0; text-align: center; background: url("../img/mailicon.png") no-repeat; background-position: center center; background-size: 28px; width: 28px; height: 25px; text-indent: -9999px; }
  #header .local .purchase_btn .list a { font-size: 11px; padding: 10px 3px; }
  #header .local dl.tel, #header .local p.time { display: none; } }
#header nav { margin-top: -20px; width: 100%; }
#header nav ul { text-align: right; padding: 0; }
#header nav ul li { margin: 0 15px; padding: 10px 0; position: relative; }
#header nav ul li a { display: block; }
#header nav ul li span { display: none; }
#header nav ul li .sub { display: none; }
#header nav ul li:hover .sub { display: block; width: 200px; position: absolute; top: 36px; left: -50px; background: rgba(25, 45, 121, 0.8); }
#header nav ul li:hover .sub ul { display: block; text-align: center; padding: 10px; }
#header nav ul li:hover .sub ul li { width: 100%; margin: 0; padding: 0; }
#header nav ul li:hover .sub ul li a { display: block; color: #FFF; padding: 10px 5px; font-size: 13px; }
@media (max-width: 640px) { #header { height: 50px; }
  #header h1 { font-size: clamp(25px, 2vw, 30px); padding: 10px 10px; }
  #header h1 img { width: 100px; }
  #header .menu-trigger { top: 20px; }
  #header nav { margin-top: 0; width: 100%; }
  #header nav ul { text-align: center; }
  #header nav ul li { display: flex; flex-wrap: wrap; align-items: center; padding: 0; margin: 0; background: #FFF; border-bottom: #CCC 1px solid; }
  #header nav ul li a { padding: 15px; }
  #header nav ul li span { display: block; width: 1em; color: #192D79; transition: all linear 0.3s; }
  #header nav ul li span.active { transform: scale(1, -1); }
  #header nav ul li:hover .sub { display: none; }
  #header nav ul li .sub { display: none; }
  #header nav ul li .sub.active { display: block; width: 100%; position: relative; top: 0; left: 0; background: none; }
  #header nav ul li .sub.active ul { display: block; text-align: left; padding: 0; margin: 0 0 15px 20px; }
  #header nav ul li .sub.active ul li { border-bottom: none; padding: 0; }
  #header nav ul li .sub.active ul li a { display: block; color: #000; padding: 8px; }
  #header .inner nav { top: 50px; } }

#content.n-mv { padding-top: 120px; }
@media (max-width: 640px) { #content.n-mv { padding-top: 0; } }

.main_visual { text-align: center; }

#btmcontent { max-width: 1080px; margin: 0 auto; }
#btmcontent h2.c_name { font-size: 1.8rem; }
@media (max-width: 640px) { #btmcontent { padding-left: 15px; padding-right: 15px; }
  #btmcontent h2.c_name { font-size: 1.2rem; } }

.ttl03 span { display: block; font-size: 70%; margin-bottom: 10px; }

.bg_gray.wide { padding: 20px 0 20px; }
.bg_gray.pt { padding-top: 4%; }

.flexBox { display: flex; flex-wrap: wrap; }
.flexBox.align-items-center { align-items: center; }
.flexBox._reverse { flex-direction: row-reverse; }
.flexBox._reverse .col2:nth-of-type(odd) { padding: 0 0 4% 2%; }
.flexBox._reverse .col2:nth-of-type(even) { padding: 0 2% 4% 0; }
@media (max-width: 640px) { .flexBox._reverse .col2 { width: 100%; }
  .flexBox._reverse .col2:nth-of-type(odd), .flexBox._reverse .col2:nth-of-type(even) { padding: 0 0 3% 0; } }
.flexBox .col2 { width: 50%; }
.flexBox .col2:nth-of-type(odd) { padding: 0 2% 4% 0; }
.flexBox .col2:nth-of-type(even) { padding: 0 0 4% 2%; }
@media (max-width: 640px) { .flexBox .col2 { width: 100%; }
  .flexBox .col2:nth-of-type(odd), .flexBox .col2:nth-of-type(even) { padding: 0 0 3% 0; } }
@media (max-width: 640px) { .flexBox.sp-reverse { flex-direction: column-reverse; } }
.flexBox.max1000 { max-width: 1000px; }
@media (max-width: 1000px) { .flexBox.max1000 { padding-left: 15px; padding-right: 15px; } }

#content .flex .photo, .sub_content .flex .photo { width: 45%; margin-right: 30px; position: relative; }
#content .flex .photo img, .sub_content .flex .photo img { width: 100%; height: auto; }
#content .flex .photo .logo, .sub_content .flex .photo .logo { display: block; position: absolute; top: 5px; right: 5px; width: 130px; }
#content .flex .flex_txt, .sub_content .flex .flex_txt { width: calc(55% - 30px); }
#content .flex .flex_txt .mark .mark_txt h4, .sub_content .flex .flex_txt .mark .mark_txt h4 { font-size: 90%; color: #192D79; margin-bottom: 7px; }
#content .flex .flex_txt .mark .mark_txt p, .sub_content .flex .flex_txt .mark .mark_txt p { font-size: 70%; }
@media (max-width: 640px) { #content .flex, .sub_content .flex { flex-wrap: wrap; }
  #content .flex .photo, .sub_content .flex .photo { width: 100%; margin-right: 0; }
  #content .flex .flex_txt, .sub_content .flex .flex_txt { width: 100%; } }
#content.w100, .sub_content.w100 { max-width: 100%; }

#content-sub { display: block; padding-top: 150px; }
@media (max-width: 640px) { #content-sub { padding-top: 0; } }

/*アンカーリンク調整*/
.uncr { margin-top: -150px; padding-top: 150px; }
@media (max-width: 640px) { .uncr { margin-top: -120px; padding-top: 120px; } }

/*TOPページ*/
#aussino { display: block; margin-bottom: 5%; }
#aussino .image { display: block; position: relative; margin-bottom: clamp(30px, 5%, 80px); }
@media (max-width: 640px) { #aussino .image { padding-top: 3%; } }
#aussino .image img { width: 100%; height: auto; }
#aussino .image .logo { display: block; width: 100%; text-align: center; position: absolute; top: 0; left: 0; }
#aussino .image .logo img { max-width: 300px; }
@media (max-width: 640px) { #aussino .image .logo { top: -30px; }
  #aussino .image .logo img { max-width: clamp(250px, 6vw, 350px); } }
#aussino .items { display: flex; max-width: 1080px; margin: 0 auto; }
#aussino .items li { width: 33.3%; padding: 15px; }
#aussino .items li b { display: block; font-size: 1.3rem; font-weight: normal; text-align: center; margin-bottom: 10px; }
#aussino .items li .photo { display: block; font-size: 0; }
#aussino .items li .photo a { display: block; overflow: hidden; }
#aussino .items li .photo a img { width: 100%; height: auto; transition: all linear 0.3s; }
#aussino .items li .photo a:hover img { transform: scale(1.05, 1.05); }
@media (max-width: 640px) { #aussino p { margin-left: 15px; margin-right: 15px; }
  #aussino .items { flex-wrap: wrap; }
  #aussino .items li { width: 100%; } }

/*マットレス*/
.logo_goodsleep img { display: block; margin: 0 auto; }
.logo_goodsleep img:nth-of-type(1) { max-width: 200px; margin-bottom: 25px; }

@media (max-width: 640px) { .page-product .inner { padding-left: 15px; padding-right: 15px; } }

/*シーツ*/
.page-sheets { max-width: 1080px; margin: 0 auto; position: relative; }
@media (max-width: 1080px) { .page-sheets { padding-left: 15px; padding-right: 15px; } }
@media (max-width: 640px) { .page-sheets { padding-top: 100px; margin-top: -40px; } }
.page-sheets .tabmenu { display: block; max-width: 800px; margin: 0 auto 4% auto; }
@media (max-width: 640px) { .page-sheets .tabmenu { position: absolute; top: 0; left: 0; width: calc(100% - 20px); margin: 0 10px; z-index: 9; } }
.page-sheets .tabmenu ul { display: flex; align-items: stretch; width: 100%; }
.page-sheets .tabmenu ul li { display: flex; align-items: stretch; width: calc(33.3% - 2px); margin: 0 1px; }
.page-sheets .tabmenu ul li a { display: block; width: 100%; font-weight: bold; background: #C7C8C9; text-align: center; color: #fff; padding: 15px 10px; font-size: 1.1rem; cursor: pointer; }
@media (max-width: 640px) { .page-sheets .tabmenu ul li a { font-size: 0.9rem; } }
.page-sheets .tabmenu ul li.tab-active a { background: #0C68AA; }
.page-sheets .tabcontents .tabbox { display: block; visibility: hidden; height: 0; text-indent: -99999999px; }
.page-sheets .tabcontents .tabbox.tab-active { visibility: visible; height: auto; text-indent: 0; }
.page-sheets .tabcontents .tabbox > h2 { display: block; text-align: center; margin-bottom: 40px; padding-bottom: 10px; border-bottom: 1px solid #C19B46; font-family: serif; font-size: clamp(28px, 5vw, 40px); }
.page-sheets .tabcontents .tabbox > h2 span { display: block; font-weight: normal; font-size: 16px; color: #000; margin: 8px 0 0; font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif; }
.page-sheets .sheets-box { display: block; width: 100%; margin: 0 auto 5% auto; border-bottom: #C19B46 1px solid; padding: 0 3% 30px 3%; /*slider*/ }
@media (max-width: 640px) { .page-sheets .sheets-box { padding: 0; } }
.page-sheets .sheets-box h3 { display: block; text-align: center; color: #D30056; font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif; font-size: clamp(25px, 4.5vw, 38px); margin-bottom: clamp(20px, 3%, 40px); }
.page-sheets .sheets-box h3 span { display: block; margin-top: 5px; color: #000; font-weight: normal; font-size: 16px; }
.page-sheets .sheets-box h3.gothic { font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size: clamp(18px, 3vw, 25px); }
.page-sheets .sheets-box h3.gothic span { font-size: 14px; }
.page-sheets .sheets-box .cathc-text { display: block; line-height: 2; text-align: center; margin-bottom: 30px; font-size: 1.1rem; }
@media (max-width: 640px) { .page-sheets .sheets-box .cathc-text { text-align: left; line-height: 1.8; font-size: 1rem; margin-bottom: 20px; } }
.page-sheets .sheets-box .flex { display: flex; margin-bottom: clamp(10px, 3%, 80px); }
.page-sheets .sheets-box .flex .left { width: 50%; padding-right: 10px; overflow: hidden; }
.page-sheets .sheets-box .flex .left .slider { display: block; border-right-width: 100%; }
.page-sheets .sheets-box .flex .left .slider img { width: 100%; height: auto; }
.page-sheets .sheets-box .flex .right { width: 50%; }
.page-sheets .sheets-box .flex .right ul { display: block; list-style-type: disc; margin-left: 1rem; margin-bottom: 1.5rem; }
.page-sheets .sheets-box .flex .right ul li { margin: 0 0 10px 0; }
.page-sheets .sheets-box .flex .right .tyu { display: flex; font-size: 90%; margin-bottom: 1rem; }
.page-sheets .sheets-box .flex .right .tyu:before { width: 1rem; content: "※"; }
.page-sheets .sheets-box .flex .right table.size { width: 100%; border-collapse: collapse; }
.page-sheets .sheets-box .flex .right table.size tr th { border: #000 1px solid; background: #0C68AA; padding: 10px; text-align: center; vertical-align: middle; color: #FFF; }
.page-sheets .sheets-box .flex .right table.size tr td { border: #000 1px solid; padding: 10px; vertical-align: middle; font-size: 90%; }
.page-sheets .sheets-box .flex .right table.size tr td:first-of-type { text-align: center; }
.page-sheets .sheets-box .flex .right table.size tr td:last-of-type { font-weight: bold; font-size: 100%; }
@media (max-width: 640px) { .page-sheets .sheets-box .flex .right table.size tr td { font-size: 80%; }
  .page-sheets .sheets-box .flex .right table.size tr td:last-of-type { font-size: 90%; } }
.page-sheets .sheets-box .flex .right i { display: block; font-size: 80%; font-style: normal; margin-top: 5px; }
@media (max-width: 640px) { .page-sheets .sheets-box .flex .left { width: 100%; padding-right: 0; margin-bottom: 20px; }
  .page-sheets .sheets-box .flex .right { width: 100%; } }
.page-sheets .sheets-box .slider { margin: 0 40px; }
.page-sheets .sheets-box .slider img { width: 100%; height: 50vw; object-fit: cover; }
.page-sheets .sheets-box .slider .slick-dots { position: relative; bottom: 0; padding-top: 7px; }
.page-sheets .sheets-box .slider .slick-dots li { width: 10px; }
.page-sheets .sheets-box .slider .slick-prev, .page-sheets .sheets-box .slider .slick-next { display: block; background: url("../img/arrow.png") no-repeat; width: 30px; height: 30px; background-size: contain; content: ""; font-size: 0; top: calc(50% - 15px); text-indent: -9999px; }
.page-sheets .sheets-box .slider .slick-next { transform: scale(-1, 1); top: calc(50% - 35px); }
@media (max-width: 640px) { .page-sheets .sheets-box .slider { margin: 0; }
  .page-sheets .sheets-box .slider .slick-prev, .page-sheets .sheets-box .slider .slick-next { background: url("../img/arrow.png") no-repeat rgba(255, 255, 255, 0.7); width: 25px; background-size: 12px; background-position: center center; z-index: 5; }
  .page-sheets .sheets-box .slider .slick-prev { left: 0px; }
  .page-sheets .sheets-box .slider .slick-next { right: 0px; top: calc(50% - 25px); } }

.btn_purchase a { display: block; background: #2EB6AA; color: #FFF; text-decoration: none; padding: 20px; text-align: center; max-width: 400px; transition: all linear 0.3s; margin: 30px auto; font-size: 1.2rem; }
.btn_purchase a:hover { opacity: 0.8; }
.btn_purchase.wide a { max-width: 50%; padding: 18px; }
@media (max-width: 640px) { .btn_purchase.wide a { padding: 15px; max-width: calc(100% - 30px); } }

.page-product h3 span.gray { background: #E6E7E8; }

/* お問い合わせ */
.page-contact .step li:nth-of-type(1) { background: #1E9A80; font-weight: bold; color: #fff; }
.page-contact .step li:nth-of-type(1):after { border-color: transparent transparent transparent #1E9A80; }
.page-contact .show-step2, .page-contact .show-step3 { display: none; }
.page-contact.confirm .show-step1, .page-contact.confirm .show-step3, .page-contact.confirm span.must { display: none; }
.page-contact.confirm .show-step2 { display: block; }
.page-contact.confirm .step li:nth-of-type(1) { background: #F1F1F1; color: #000; }
.page-contact.confirm .step li:nth-of-type(1):after { border-color: transparent transparent transparent #F1F1F1; }
.page-contact.confirm .step li:nth-of-type(2) { background: #1E9A80; font-weight: bold; color: #fff; }
.page-contact.confirm .step li:nth-of-type(2):after { border-color: transparent transparent transparent #1E9A80; }
.page-contact.confirm .del-area, .page-contact.confirm input#zipcode { display: none; }
.page-contact.sent .show-step3 { display: block; }
.page-contact.sent .show-step3.sent-msg { display: block; margin: 3% auto; border: #EEE 2px dashed; padding: 5%; text-align: center; }
.page-contact.sent .show-step3.sent-msg b { display: block; font-size: 1.2rem; margin-bottom: 15px; }
.page-contact.sent .show-step3.sent-msg p { line-height: 2; }
.page-contact.sent .step li:nth-of-type(1) { background: #F1F1F1; color: #000; }
.page-contact.sent .step li:nth-of-type(1):after { border-color: transparent transparent transparent #F1F1F1; }
.page-contact.sent .step li:nth-of-type(3) { background: #1E9A80; font-weight: bold; color: #fff; }
.page-contact.sent .step li:nth-of-type(3):after { border-color: transparent transparent transparent #1E9A80; }
.page-contact.sent .step1-area { display: none; }
.page-contact td.error-td, .page-contact textarea.error-td, .page-contact input.error-td { background: #FCE6E7; }

.bnr img { width: 100%; height: auto; }

.boxarea1 .logoimg { display: block; text-align: center; margin: clamp(30px, 5%, 60px) 0; }
.boxarea1 .logoimg img { width: 100%; height: auto; }
.boxarea1 .logoimg img.logicdata { max-width: 400px; }
@media (max-width: 640px) { .boxarea1 .logoimg img.logicdata { max-width: 300px; } }
.boxarea1 .logoimg img.lgstyler { max-width: 300px; }
@media (max-width: 640px) { .boxarea1 .logoimg img.lgstyler { max-width: 250px; } }
.boxarea1 .boxin { display: block; max-width: 1080px; margin: 0 auto 50px; border-bottom: #B99E53 1px solid; padding: clamp(30px, 5%, 60px); }
.boxarea1 .boxin.noborder { border-bottom: none; }
.boxarea1 .boxin h3 { display: block; font-size: clamp(22px, 2.5vw, 45px); text-align: center; font-weight: bold; margin-bottom: 2rem; }
.boxarea1 .boxin p { display: block; font-size: clamp(16px, 1.8vw, 18px); text-align: center; line-height: 2.2; }
@media (max-width: 640px) { .boxarea1 .boxin p { text-align: left; line-height: 1.8; } }
.boxarea1 .boxin p.text-left { text-align: left; }
.boxarea1 .boxin .btn a { background: #5AB2AA; }

.slider img { width: 100%; height: auto; }
.slider .slick-prev, .slider .slick-prev:hover, .slider .slick-prev:focus { left: 3%; z-index: 9; width: 4vw; height: 4vw; background: url("../img/arrow_left.png") no-repeat 50% 50%; background-size: 100%; }
.slider .slick-next, .slider .slick-next:hover, .slider .slick-next:focus { right: 3%; z-index: 9; width: 4vw; height: 4vw; background: url("../img/arrow_right.png") no-repeat 50% 50%; background-size: 100%; }
.slider .slick-prev:before, .slider .slick-next:before { display: none; }
.slider.dot-bottom .slick-dots { bottom: -25px; }
.slider.dot-bottom .slick-prev, .slider.dot-bottom .slick-prev:hover, .slider.dot-bottom .slick-prev:focus { left: 5px; width: 30px; height: 30px; }
.slider.dot-bottom .slick-next, .slider.dot-bottom .slick-next:hover, .slider.dot-bottom .slick-next:focus { right: 5px; width: 30px; height: 30px; }
@media (max-width: 640px) { .slider.dot-bottom .slick-prev, .slider.dot-bottom .slick-prev:hover, .slider.dot-bottom .slick-prev:focus, .slider.dot-bottom .slick-next, .slider.dot-bottom .slick-next:hover, .slider.dot-bottom .slick-next:focus { width: 20px; height: 20px; } }

.catalog { padding: 180px 0 50px; /*
.items{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 0 2%;
	.item{
		width: 25%;
		padding: 0 1.5% 120px;
		position: relative;
		@media (max-width:860px){
			width: 50%;
		}
		@include sp{
			width: 100%;
		}
		.photo{
			display: block;
			font-size: 0;
			margin-bottom: 15px;
			img{
				width: 100%;
				height: auto;
			}
		}
		strong{
			display: block;
			font-size: clamp(12px, 1.2vw, 13px);
			margin-bottom: 15px;
		}
		p{
			font-size: 11px;
			margin-bottom: 15px;
			line-height: 1.4;
		}
		b{
			display: block;
			font-size: clamp(14px, 1.5vw, 16px);
		}
		.btn{
			position: absolute;
			bottom: 20px;
			left: 0;
			width: 100%;
			@include sp{
				bottom: 20px;
			}
			a{
				background: #2CB5A8;
				padding: 10px;
				min-width: 70%;
				font-size: clamp(14px, 1.5vw, 16px);
				@include sp{
					max-width: 250px;
				}
			}
		}
	}
	.line{
		display: block;
		width: 100%;
		height: 1px;
		background: #BFA15D;
		content: "";
		font-size: 0;
		margin-bottom: 50px;
		@media (max-width:860px){
			display: none;
		}
	}
}
*/ }
@media (max-width: 640px) { .catalog { padding-top: 30px; } }
.catalog .logoarea { display: block; text-align: center; margin-bottom: clamp(30px, 6%, 50px); }
.catalog .logoarea .logo { display: block; text-align: center; margin-bottom: 40px; }
.catalog .logoarea .logo img.softtex { max-width: clamp(200px, 40%, 250px); }
.catalog .logoarea .logo img.logicdata { max-width: clamp(300px, 80%, 400px); }
.catalog .logoarea .logo img.styler { max-width: clamp(250px, 50%, 300px); }
.catalog .logoarea h3 { display: block; font-size: clamp(18px, 2.5vw, 30px); text-align: center; }

.items { display: flex; flex-wrap: wrap; justify-content: center; padding: 0 2%; max-width: 1366px; margin: auto; }
.items .item { width: 25%; padding: 0 1.5% 120px; margin-bottom: 20px; position: relative; }
@media (max-width: 860px) { .items .item { width: 50%; } }
@media (max-width: 640px) { .items .item { width: 100%; } }
.items .item.pb-0 { padding-bottom: 0; }
.items .item .photo { display: block; font-size: 0; margin-bottom: 15px; }
.items .item .photo img { width: 100%; height: auto; }
.items .item strong { display: block; font-size: clamp(12px, 1.2vw, 13px); margin-bottom: 15px; }
.items .item p { font-size: 11px; margin-bottom: 15px; line-height: 1.4; }
.items .item b { display: block; font-size: clamp(14px, 1.5vw, 16px); }
.items .item .btn { position: absolute; bottom: 45px; left: 0; width: 100%; }
@media (max-width: 640px) { .items .item .btn { bottom: 45px; } }
.items .item .btn a { background: #2CB5A8; padding: 10px; min-width: 70%; font-size: clamp(14px, 1.5vw, 16px); }
@media (max-width: 1080px) { .items .item .btn a { min-width: 90%; } }
@media (max-width: 640px) { .items .item .btn a { max-width: 250px; min-width: auto; } }
.items .item .btn.rakuten { bottom: 0; }
@media (max-width: 640px) { .items .item .btn.rakuten { bottom: 0; } }
.items .item .btn.rakuten a { background: #bf0000; }
.items .line { display: block; width: 100%; height: 1px; background: #BFA15D; content: ""; font-size: 0; margin-bottom: 50px; }
@media (max-width: 860px) { .items .line { display: none; } }

.faq { display: block; padding: 180px 0 50px; max-width: 1080px; margin: auto; }
@media (max-width: 640px) { .faq { padding-top: 30px; } }
.faq .qa { margin-bottom: 40px; }
.faq .qa dt { display: flex; border-bottom: #BFA15D 1px solid; color: #001358; font-size: clamp(18px, 3vw, 25px); padding-bottom: 15px; margin-bottom: 15px; }
.faq .qa dt span { color: #001358; font-size: clamp(18px, 3vw, 25px); font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif; width: 50px; }
.faq .qa dt p { width: calc(100% - 75px); }
.faq .qa dt:after { display: block; background: url("../img/icon-arrow-up.png") no-repeat; background-size: 20px; width: 25px; height: 15px; content: ""; margin-top: 5px; transform: rotate(180deg); cursor: pointer; transition: all linear 0.3s; }
@media (max-width: 640px) { .faq .qa dt span { width: 30px; }
  .faq .qa dt p { width: calc(100% - 55px); }
  .faq .qa dt:after { background-size: 15px; width: 15px; height: 10px; content: ""; margin-top: 5px; transform: rotate(180deg); cursor: pointer; transition: all linear 0.3s; } }
.faq .qa dd { display: none; background: #efefef; padding: 15px; }
.faq .qa dd p { margin-bottom: 20px; line-height: 1.8; }
.faq .qa dd p:last-of-type { margin-bottom: 0; }
.faq .qa.active dt:after { transform: rotate(0); }
@media (max-width: 1180px) { .faq .qa { padding-left: 15px; padding-right: 15px; } }

#softtex, #logicdata, #lgstyler, #hotels { padding-top: 200px; margin-top: -200px; }
@media (max-width: 640px) { #softtex, #logicdata, #lgstyler, #hotels { padding-top: 70px; margin-top: -70px; } }

.gallery { padding: 180px 0 50px; }
@media (max-width: 640px) { .gallery { padding-top: 30px; padding-bottom: 20px; } }
.gallery .btn { display: block; background: #2EB6A9; padding: 10px; text-align: center; color: #FFF; cursor: pointer; max-width: 300px; margin: 0 auto 15px 0; }
.gallery .box01_wrap { padding-bottom: clamp(30px, 6%, 80px); }
.gallery .box01 { display: flex; max-width: 1180px; margin: 0 auto clamp(30px, 6%, 80px) auto; }
.gallery .box01 .photo { width: 40%; }
.gallery .box01 .photo img { width: 100%; height: auto; }
.gallery .box01 .con { width: 60%; padding-left: 50px; }
.gallery .box01 .con h3 { display: block; font-size: clamp(24px, 3vw, 35px); margin-bottom: 1rem; }
.gallery .box01 .con p { display: block; line-height: 1.6; margin-bottom: 2rem; }
@media (max-width: 640px) { .gallery .box01 { flex-wrap: wrap; padding: 20px; }
  .gallery .box01 .photo { width: 100%; margin-bottom: 20px; }
  .gallery .box01 .con { width: 100%; padding-left: 0; }
  .gallery .box01 .con .btn { margin: 0 auto 15px auto; } }
.gallery .box02 { max-width: 1180px; margin: auto; }
.gallery .box02 ul { display: flex; flex-wrap: wrap; }
.gallery .box02 ul li { width: 25%; padding: 1%; }
.gallery .box02 ul li.line { display: block; width: 100%; height: 1px; background: #BFA15D; content: ""; font-size: 0; padding: 0; margin: 30px 0; }
@media (max-width: 640px) { .gallery .box02 ul li.line { display: none; } }
.gallery .box02 ul li .photo { display: block; font-size: 0; margin-bottom: 10px; }
.gallery .box02 ul li .photo img { width: 100%; height: auto; }
.gallery .box02 ul li p { display: block; text-align: center; font-size: 12px; margin-bottom: 1rem; }
.gallery .box02 ul li .links { display: block; }
.gallery .box02 ul li .links .link { display: block; width: 100%; margin-bottom: 5px; }
.gallery .box02 ul li .links .link a { display: block; width: calc(100% - 30px); padding: 8px; text-align: center; color: #FFF; margin: 0 auto 8px auto; }
.gallery .box02 ul li .links .link a.bt1 { background: #04226C; }
.gallery .box02 ul li .links .link a.bt2 { background: #E79115; }
.gallery .box02 ul li .links .link a.bt3 { background: #C70029; }
.gallery .box02 ul li .links .link a.bt4 { background: #9e7948; }
@media (max-width: 640px) { .gallery .box02 ul { padding: 0 10px; }
  .gallery .box02 ul li { width: 50%; padding: 3%; }
  .gallery .box02 ul li .links .link a { width: 100%; font-size: 12px; } }

.ggmap { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.ggmap iframe, .ggmap object, .ggmap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.modal_overlay { content: ''; visibility: hidden; position: fixed; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all .5s ease; transition: all .5s ease; z-index: 1000; display: block; /*display: flex;
	justify-content: center;
	align-items: center;
	*/ }
.modal_overlay.show { visibility: visible; cursor: pointer; background: rgba(0, 0, 0, 0.3); }

.modal_win { display: none; width: 80%; max-width: 1000px; max-height: 90vh; height: auto; margin: 0 auto; background: #FFF; border-radius: 5px; box-sizing: border-box; overflow-y: auto; -webkit-transition: all .5s ease; transition: all .5s ease; z-index: 1001; }
.modal_win.max700 { max-width: 700px; }
@media (max-width: 640px) { .modal_win { width: 94%; } }
.modal_win.show { display: block; position: fixed; top: 0; }
.modal_win .p-4 { padding: 8px; position: relative; }
.modal_win .boxarea { overflow-y: auto; }
.modal_win .map img { width: 100%; height: auto; }
.modal_win .modal_closebtn { display: block; width: 20px; cursor: pointer; margin: 0 0 10px auto; user-select: none; }
.modal_win .modal_closebtn img { width: 100%; height: auto; }

.sp-tel-kotei { display: none; }
@media (max-width: 640px) { .sp-tel-kotei { display: flex; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 2; }
  .sp-tel-kotei a { display: flex; background: #4cc2c4; color: #FFF; width: 100%; text-decoration: none; padding: 10px; text-align: center; justify-content: center; }
  .sp-tel-kotei a:hover { opacity: 1; }
  .sp-tel-kotei a .ic { width: 40px; margin-right: 5px; }
  .sp-tel-kotei a .ic img { width: 100%; height: auto; }
  .sp-tel-kotei a .tel b { display: flex; justify-content: center; align-items: center; font-size: 23px; margin-bottom: 5px; }
  .sp-tel-kotei a .tel b span { font-size: 15px; font-weight: normal; margin-right: 5px; }
  .sp-tel-kotei a .tel p { display: block; text-align: center; font-size: 13px; } }

.faq_tab { display: flex; justify-content: center; margin-bottom: 3em; }
@media (max-width: 640px) { .faq_tab { flex-wrap: wrap; } }
.faq_tab li { width: fit-content; border: #001358 1px solid; color: #001358; padding: 8px 15px; margin: 5px; cursor: pointer; }
.faq_tab li.on { background: #001358; color: #FFF; }

.faqwrap .faq_cate { display: none; }
.faqwrap .faq_cate.on { display: block; }

.voice { padding: 180px 0 50px; }
@media (max-width: 640px) { .voice { padding-top: 30px; padding-bottom: 20px; } }
.voice .voiceWrap_list { margin-bottom: clamp(50px, 8%, 100px); }
.voice .voiceWrap { display: flex; flex-wrap: wrap; max-width: 1180px; margin-left: auto; margin-right: auto; }
@media (max-width: 1180px) { .voice .voiceWrap { padding-left: 20px; padding-right: 20px; } }
.voice .voiceWrap .voice { display: flex; width: calc(50% - 20px); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); padding: 30px; margin-bottom: 40px; border-radius: 3px; }
.voice .voiceWrap .voice:nth-of-type(odd) { margin-right: 20px; }
.voice .voiceWrap .voice:nth-of-type(even) { margin-left: 20px; }
.voice .voiceWrap .voice .icon { width: 120px; margin-right: 20px; }
.voice .voiceWrap .voice .icon img { width: 100%; height: auto; }
.voice .voiceWrap .voice .comment { width: calc(100% - 140px); }
.voice .voiceWrap .voice .comment b { display: block; font-size: 1.2em; border-bottom: #BFA15D 1px solid; padding-bottom: 10px; margin-bottom: 15px; }
.voice .voiceWrap .voice .comment p { line-height: 1.7; }
@media (max-width: 1024px) { .voice .voiceWrap .voice { width: 100%; margin-bottom: 25px; }
  .voice .voiceWrap .voice:nth-of-type(odd) { margin-right: 0; }
  .voice .voiceWrap .voice:nth-of-type(even) { margin-left: 0; } }
@media (max-width: 640px) { .voice .voiceWrap .voice { flex-wrap: wrap; }
  .voice .voiceWrap .voice .icon { width: 100%; margin: 0 0 20px 0; text-align: center; }
  .voice .voiceWrap .voice .icon img { max-width: 200px; }
  .voice .voiceWrap .voice .comment { width: 100%; }
  .voice .voiceWrap .voice .comment b { text-align: center; } }
.voice .survey { display: block; max-width: 860px; margin: auto; }
@media (max-width: 860px) { .voice .survey { padding-left: 20px; padding-right: 20px; } }
.voice .survey p { display: block; font-size: 1.2em; font-weight: bold; line-height: 1.6; margin-bottom: 1.5em; }
@media (max-width: 640px) { .voice .survey p { font-size: 1em; } }
.voice .survey p span { display: block; font-size: 80%; font-weight: normal; margin-left: -0.5em; }
.voice .survey img { width: 100%; height: auto; }
.voice .survey .image { max-width: 600px; margin: auto; }
@media (max-width: 640px) { .voice .survey .image { max-width: 300px; } }
.voice .survey .line { display: block; background: #EEE; width: 100%; height: 1px; content: ""; margin-bottom: clamp(30px, 6%, 80px); }
.voice .more-btn { background-color: black; color: #fff; padding: 10px; margin: 0 auto; width: 200px; text-align: center; cursor: pointer; }

.btn.color-navy { margin-top: 35px; }
.btn.color-navy a { background: #1d3084; padding: 18px 30px; font-size: 1.3em; font-weight: bold; display: flex; align-items: center; justify-content: center; transition: all linear 0.3s; }
.btn.color-navy a.btn-icon { margin-right: auto; margin-left: auto; max-width: 500px; border-radius: 80px; }
.btn.color-navy a.btn-icon img { width: 40px; height: auto; margin-right: 10px; }

.button { display: block; background: #2EB6A9; padding: 20px; text-align: center; color: #FFF; cursor: pointer; }
.button.w100 { width: 100%; font-size: 1.3em; font-weight: bold; }
.button.rounded { border-radius: 30px; }
.button.bk { background: #192D79; }

.pb-80px { padding-bottom: 80px; }
@media (max-width: 640px) { .pb-80px { padding-bottom: 0; } }

.anchor_target { padding-top: 160px; margin-top: -160px; }
@media (max-width: 640px) { .anchor_target { padding-top: 60px; margin-top: -60px; } }

.errorpage { display: block; text-align: center; padding: 200px 20px 100px; }
@media (max-width: 640px) { .errorpage { padding-top: 100px; } }
.errorpage h2 { display: block; color: #356191; font-size: clamp(30px, 6vw, 50px); text-align: center; margin-bottom: 30px; }
.errorpage p { display: block; text-align: center; line-height: 2; }
.errorpage p a { color: #356191; text-decoration: underline; }

.main_visual img { width: 100%; height: auto; margin-left: 0; }
.main_visual p.style2 { top: 33%; }
@media (max-width: 640px) { .main_visual p.style2 { top: auto; bottom: 10px; left: 0; width: 50%; } }
@media (max-width: 640px) { .main_visual p.not-sp { display: none; } }

@media (max-width: 640px) { #f_message .f_txt br { display: block; } }

.mattress02_wrap .bg_gray.mb-0 { margin-bottom: 0; }
.mattress02_wrap img { width: 100%; height: auto; }
.mattress02_wrap .box-01 { display: block; max-width: 1000px; margin: 0 auto; }
.mattress02_wrap .mattress02_1 { background: #e5e7f0; padding: clamp(30px, 6%, 60px) 15px; }
.mattress02_wrap .mattress02_1 .title { display: block; text-align: center; margin-bottom: 3em; }
.mattress02_wrap .mattress02_1 .title img { max-width: 650px; }
@media (max-width: 640px) { .mattress02_wrap .mattress02_1 .title img { max-width: 300px; } }
.mattress02_wrap .mattress02_1 ul { display: flex; justify-content: center; }
.mattress02_wrap .mattress02_1 ul li { display: block; background: #FFF; margin: 15px; padding: 5px; width: calc(25% - 30px); }
.mattress02_wrap .mattress02_1 ul li > div { display: block; height: 100%; border: #c7a620 1px solid; padding: 20px 5px; }
@media (max-width: 420px) { .mattress02_wrap .mattress02_1 ul li > div { padding: 10px 5px; } }
.mattress02_wrap .mattress02_1 ul li strong { display: block; text-align: center; color: #333333; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-size: clamp(16px, 1.6vw, 20px); line-height: 2; font-weight: normal; }
.mattress02_wrap .mattress02_1 ul li strong:before { display: block; background: url("../img/mattress02/icon01.png") no-repeat; background-size: 30px; width: 30px; height: 30px; content: ""; margin: 20px auto; }
@media (max-width: 820px) { .mattress02_wrap .mattress02_1 ul { flex-wrap: wrap; }
  .mattress02_wrap .mattress02_1 ul li { width: calc(50% - 30px); } }
@media (max-width: 420px) { .mattress02_wrap .mattress02_1 ul li { margin: 5px; width: calc(50% - 10px); } }
.mattress02_wrap .mattress02_2 strong { display: block; line-height: 2; color: #001358; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-size: clamp(22px, 3vw, 30px); text-align: center; padding: clamp(40px, 5%, 100px) 15px; }
.mattress02_wrap .mattress02_3 { background: #0d246c; padding: 30px 15px 60px; text-align: center; position: relative; }
.mattress02_wrap .mattress02_3:before { display: block; background: url("../img/mattress02/arrow01.png") no-repeat; background-size: 100px; width: 100px; height: 45px; background-position: center top; content: ""; position: absolute; top: 0; left: calc(50% - 50px); }
.mattress02_wrap .mattress02_3 .title { margin: 3em 0; text-align: center; }
.mattress02_wrap .mattress02_3 .title img { max-width: 700px; }
@media (max-width: 640px) { .mattress02_wrap .mattress02_3 .title img { max-width: 350px; } }
.mattress02_wrap .mattress02_4 { background: url("../img/mattress02/bg01.png") no-repeat; background-size: cover; background-position: top left; padding: 30px 15px 60px; text-align: center; }
.mattress02_wrap .mattress02_4 .title { margin: 3em 0; text-align: center; }
.mattress02_wrap .mattress02_4 .title img { max-width: 700px; filter: drop-shadow(0 0 30px #FFF); }
@media (max-width: 640px) { .mattress02_wrap .mattress02_4 .title img { max-width: 350px; } }
.mattress02_wrap .mattress02_5 { padding: 60px 15px; background: #faf4de; }
.mattress02_wrap .mattress02_5 .point_box { display: block; border: #c7a620 2px solid; background: #FFF; margin-bottom: clamp(40px, 8%, 80px); font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; }
.mattress02_wrap .mattress02_5 .point_box .point_t1 { display: block; background: #c7a620; font-weight: 500; color: #FFF; font-size: clamp(23px, 4vw, 28px); text-align: center; padding: 20px; }
.mattress02_wrap .mattress02_5 .point_box .point_content { padding: 60px 50px; }
@media (max-width: 640px) { .mattress02_wrap .mattress02_5 .point_box .point_content { padding: 30px 20px; } }
.mattress02_wrap .mattress02_5 .point_box .point_content .col2 { padding-bottom: 0; }
@media (max-width: 640px) { .mattress02_wrap .mattress02_5 .point_box .point_content .col2:not(:last-of-type) { padding-bottom: 6%; } }
.mattress02_wrap .mattress02_5 .point_box .point_content .col2.box-gray { display: block; background: #f5f5f5; border-radius: 15px; padding: 30px; height: auto; }
.mattress02_wrap .mattress02_5 .point_box .point_content .col2.box-gray em { display: block; text-align: center; font-style: normal; font-size: clamp(18px, 2vw, 23px); border-bottom: #CCC 1px solid; margin-bottom: 15px; padding-bottom: 15px; }
.mattress02_wrap .mattress02_5 .point_box .point_content .t1 { display: block; text-align: center; font-weight: 600; color: #001358; line-height: 1.8; font-size: clamp(28px, 6vw, 35px); margin-bottom: 1%; }
.mattress02_wrap .mattress02_5 .point_box .point_content .t2 { display: block; font-weight: 600; text-align: center; color: #464646; line-height: 1.8; font-size: clamp(20px, 4vw, 28px); margin-bottom: 5%; }
.mattress02_wrap .mattress02_5 .point_box .point_content p { font-size: 16px; line-height: 2; }
.mattress02_wrap .mattress02_5 .point_box .point_content p.x-larger { font-size: 20px; }
@media (max-width: 640px) { .mattress02_wrap .mattress02_5 .point_box .point_content p.x-larger { font-size: 18px; } }
.mattress02_wrap .mattress02_5 .point_box .point_content p.larger { font-size: 18px; }
@media (max-width: 640px) { .mattress02_wrap .mattress02_5 .point_box .point_content p.larger { font-size: 16px; } }
.mattress02_wrap .mattress02_5 .point_box .point_content p .marker { background: url("../img/mattress02/marker1.png") repeat-x; background-size: 300px; background-position: bottom; }
.mattress02_wrap .mattress02_5 .point_box .point_content .boxarea01_1 { display: block; background: #e5e7f0; }
.mattress02_wrap .mattress02_5 .point_box .point_content .boxarea01_1 h4 { display: block; background: #0d246c; padding: 10px; color: #fff; font-weight: 400px; font-size: 22px; text-align: center; }
.mattress02_wrap .mattress02_5 .point_box .point_content .boxarea01_1 p { font-size: 16px; line-height: 2; padding: 20px 20px 0; }
@media (max-width: 640px) { .mattress02_wrap .mattress02_5 .point_box .point_content .boxarea01_1 p { padding-bottom: 20px; } }
.mattress02_wrap .mattress02_5 .point_box .point_content .boxarea01_1 b { display: block; text-align: center; font-weight: normal; font-size: 18px; line-height: 1.8; padding-bottom: 20px; }
.mattress02_wrap .mattress02_5 .point_box .point_content .boxarea01_1 b span.marker { display: block; width: fit-content; margin: 0 auto; background: url("../img/mattress02/marker1.png") repeat-x; background-size: 300px; background-position: bottom; }
.mattress02_wrap .mattress02_5 .point_box .point_content .boxarea01_2 { display: block; background: #e5e7f0; width: calc(100% + 100px); margin-left: -50px; margin-right: -50px; padding: 20px; margin-bottom: 8%; position: relative; }
@media (max-width: 640px) { .mattress02_wrap .mattress02_5 .point_box .point_content .boxarea01_2 { width: calc(100% + 40px); margin-left: -20px; margin-right: -20px; } }
.mattress02_wrap .mattress02_5 .point_box .point_content .boxarea01_2:after { display: block; background: url("../img/mattress02/arrow02.png") no-repeat; width: 50px; height: 50px; content: ""; background-size: 50px; background-position: top center; position: absolute; bottom: -50px; left: calc(50% - 25px); }
.mattress02_wrap .mattress02_5 .point_box .point_content .boxarea01_2 .t1 { position: relative; margin-bottom: 0; }
.mattress02_wrap .mattress02_5 .point_box .point_content .boxarea01_2 .t1 img { width: 100px; height: auto; position: relative; margin-top: -30px; }
@media (max-width: 640px) { .mattress02_wrap .mattress02_5 .point_box .point_content .boxarea01_2 .t1 img { width: 80px; } }
@media (max-width: 420px) { .mattress02_wrap .mattress02_5 .point_box .point_content .boxarea01_2 .t1 img { width: 60px; margin-top: -20px; } }
.mattress02_wrap .mattress02_5 .point_box .point_content .boxarea01_2 .t1 span { font-size: 80%; }
.mattress02_wrap .mattress02_5 .point_box .point_content .boxarea01_3 { display: block; background: #f5f5f5; border-radius: 15px; padding: 20px; width: 100%; height: 100%; }
.mattress02_wrap .mattress02_5 .point_box .point_content .boxarea01_3 .t1 { border-bottom: #cccccc 1px solid; font-size: clamp(18px, 2vw, 22px); padding-bottom: 15px; }
.mattress02_wrap .mattress02_5 .point_box .point_content .boxarea01_4 { display: block; background: #f5f5f5; border-radius: 15px; padding: 30px; width: 100%; height: 100%; }
@media (max-width: 640px) { .mattress02_wrap .mattress02_5 .point_box .point_content .boxarea01_4 { padding: 20px; } }
.mattress02_wrap .mattress02_5 .point_box .point_content .boxarea01_4 .col2.leftside { display: flex; align-items: center; border-right: #CCC 1px solid; }
.mattress02_wrap .mattress02_5 .point_box .point_content .boxarea01_4 .col2.leftside .logo-image { width: 35%; padding-right: 20px; }
.mattress02_wrap .mattress02_5 .point_box .point_content .boxarea01_4 .col2.leftside b { font-size: clamp(16px, 2.5vw, 20px); font-weight: normal; line-height: 1.5; }
@media (max-width: 640px) { .mattress02_wrap .mattress02_5 .point_box .point_content .boxarea01_4 .col2.leftside { border-right: none; border-bottom: #CCC 1px solid; margin-bottom: 15px; }
  .mattress02_wrap .mattress02_5 .point_box .point_content .boxarea01_4 .col2.leftside .logo-image { width: 30%; }
  .mattress02_wrap .mattress02_5 .point_box .point_content .boxarea01_4 .col2.leftside b { width: 70%; }
  .mattress02_wrap .mattress02_5 .point_box .point_content .boxarea01_4 .col2.leftside b br.not-sp { display: none; } }
.mattress02_wrap .mattress02_5 .point_box .point_content .boxarea01_4 .col2.rightside { display: flex; align-items: center; }
.mattress02_wrap .mattress02_5 .point_box .link01 a { display: block; border: #4994D7 2px solid; color: #4994D7; font-size: clamp(16px, 1.5vw, 20px); padding: 12px 30px; border-radius: 10px; width: fit-content; margin: clamp(20px, 5%, 30px) auto 0; line-height: 1.4; text-align: center; }
@media (max-width: 640px) { .mattress02_wrap .mattress02_5 .point_box .link01 a { width: 100%; padding: 10px; } }
.mattress02_wrap .mattress02_6 { background: #F6F6F6; padding: clamp(30px, 6%, 60px) 15px; }
.mattress02_wrap .mattress02_6 .ban { display: block; padding: 5% 0; text-align: center; }
.mattress02_wrap .mattress02_6 .ban img { max-width: 800px; }

._wrapper_2col { display: flex; }
@media (max-width: 1180px) { ._wrapper_2col { align-items: center; } }
._wrapper_2col .bedgear_col { width: 50%; /*background: url("../img/top_bedgear.jpg") no-repeat;
background-size: cover;
background-position: center center;
@media (max-width:1080px){
	background-position: center left 55%;
}*/ }
._wrapper_2col .bedgear_col img { width: 100%; height: auto; }
._wrapper_2col .f_message { padding: 100px 0; width: 50%; background-image: url(../img/softtex_b.png); background-repeat: no-repeat; background-size: cover; display: flex; flex-direction: column; align-items: center; text-align: center; }
@media (max-width: 1080px) { ._wrapper_2col .f_message { padding: 30px 0; } }
._wrapper_2col .f_message img { width: 30%; }
._wrapper_2col .f_message .f_txt { line-height: 2; font-size: clamp(14px, 1.2vw, 18px); font-weight: bold; padding: 60px 10px 0; max-width: 1080px; margin: auto; }
._wrapper_2col .f_message._3col { padding: 15px 0; }
._wrapper_2col .f_message._3col .f_txt { line-height: 1.8; font-size: clamp(12px, 1vw, 16px); padding: 20px; }
._wrapper_2col .f_message._3col .btn_purchase a { display: block; padding: 15px; margin: 10px auto; font-size: clamp(12px, 1vw, 16px); }
@media (max-width: 680px) { ._wrapper_2col { flex-wrap: wrap; }
  ._wrapper_2col .bedgear_col { width: 100%; /*background: none;
img{
	opacity: 1;
}*/ }
  ._wrapper_2col .f_message { width: 100%; }
  ._wrapper_2col .f_message .f_txt { padding-top: 30px; }
  ._wrapper_2col .f_message._3col .f_txt { font-size: clamp(14px, 1vw, 16px); margin: 20px auto; }
  ._wrapper_2col .f_message._3col .btn_purchase a { font-size: clamp(14px, 1vw, 16px); } }
@media (max-width: 430px) { ._wrapper_2col .btn_purchase { margin-bottom: 0; }
  ._wrapper_2col .btn_purchase a { font-size: 16px; margin-bottom: 0; } }

.ancher { display: block; padding-top: 160px; margin-top: -160px; }
@media (max-width: 430px) { .ancher { padding-top: 50px; margin-top: -50px; } }

.coilunit { display: flex; padding: 10px 0 20px 0; }
.coilunit li { display: block; width: calc(25% - 5px); border: #0093ce 1px solid; padding: 10px clamp(10px, 5%, 25px); border-radius: 5px; text-align: center; margin: 0 5px 0 0; background: #fff; font-size: 16px; }
.coilunit li span { display: block; font-size: 80%; padding-top: 5px; }
@media (max-width: 480px) { .coilunit li { padding: 8px 3px; font-size: 14px; } }

.inner._gry.swiper-slide .btn a { pointer-events: none; position: relative; }
.inner._gry.swiper-slide .btn a:after { display: flex; justify-content: center; align-items: center; text-align: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #7f7f7f; content: "Coming Soon"; }

.smaller { font-size: 80%; }