@charset "utf-8";
/* ■■■■■■■■■■下層共通■■■■■■■■■■ */
main.freepage h1,
main.freepage h2,
main.freepage h3,
main.freepage h4,
main.freepage h5,
main.freepage h6,
main.freepage p,
main.freepage li{
  letter-spacing: 0.12em;
}
/* ------------------カテゴリー-------------------- */
.product-relation-bnr-area .ttl,
.product-relation-bnr-area--add .ttl{
  text-align: center;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px){
  .product-relation-bnr-area .ttl,
  .product-relation-bnr-area--add .ttl{
    margin-bottom: 50px;
    font-size: 20px;
  }
}
@media screen and (max-width: 767px){
  .product-relation-bnr-area .ttl,
  .product-relation-bnr-area--add .ttl{
    margin-bottom: 30px;
  }
}
/* styles */
:root {
  --headingTextColor:#404040;
  --textColor:#222;
}
h1.pageTitle,
h2.sectionHeading {
  color:var(--headingTextColor);
  line-height: 1.6;
}
h1.pageTitle {
  font-weight:400;
  letter-spacing: 0.3em;
}
h2.sectionHeading {
  font-weight:400;
}
h3.sectionHeading {
  border-bottom:1px solid var(--GRAY03);
}
.forFlex {
  display:flex;
}
.fixedWidth,
.wideFixedWidth {
  margin-left:auto;
  margin-right:auto;
}
.background_lightGray {
  background:var(--GRAY01);
  overflow-x:hidden;
}
.freepage picture {
  display:block;
  overflow:hidden;
}
table.companyProfile,
table.washingDisplay {
  width:100%;
}
.noHover {
  pointer-events:none;
}
.colorORANGE {
  color:#E58A62;
}
.bg_LIGHT_BEIGE {
  background:#F6F1E8;
}
.bg_PALE_YELLOW {
  background:#FFFBE3;
}
main.freepage {
  overflow-x:hidden;
}
/* Slick */
.conceptPage_slider {
  line-height: 0;
}
/* spanのこだわりページ ********************************/
.englishSub {
  display:block;
}
.strongPoint_list li {
  font-weight:500;
  background:var(--GRAY01);
}
.strongPoint_list li span {
  font-weight:300;
}
.strongPoint_list li span::after {
  content:"";
  display:block;
  background:var(--ORANGE01);
}
.commitment_section>.forFlex {
  flex-direction:row-reverse;
  justify-content:flex-end;
}
.materialNested_section h4 span {
  font-weight:500;
}
.seasonAndWash {
  border-top:1px solid var(--GRAY03);
  border-bottom:1px solid var(--GRAY03);
}
.seasonAndWash>div {
  width:50%;
  text-align:center;
}
.seasonAndWash>div .forFlex {
  justify-content:center;
  align-items:center;
}
.materialNested_section a {
  display:block;
  text-align:center;
  font-weight:500;
  border:1px solid var(--GRAY03);
}
/* 会社概要 *******************************************/
.companyProfile {
  border-collapse:collapse;
}
.companyProfile th,
.companyProfile td {
  background:var(--WHITE);
}
.companyProfile tr:not(:first-child) th {
  border-top:1px solid var(--GRAY03);
}
@media screen and (min-width: 768px){
  .companyProfile tr:not(:first-child) td {
    border-top:1px solid var(--GRAY03);
  }
}
.companyProfile th {
  text-align:left;
  font-weight:400;
}
.companyProfile span {
  display:block;
}
.companyPage_aside.forFlex {
  justify-content:space-between;
}
.companyPage_aside .hasBorder {
  overflow:hidden;
  border:1px solid var(--GRAY03);
}
.companyPage_aside p {
  text-align:center;
}
/* 品質表示・洗濯表示 ***********************************/
.onlyTablet {
  display:none;
  }
.washing_list li {
  border-left:1px solid #707070;
}
.washing_list li:last-child {
  border-right:1px solid #707070;
}
.washing_list li a {
  display:block;
  text-align:center;
  position:relative;
}
.washing_list li a::after {
  content:">";
  font-size:var(--FZ12);
  transform:translateX(-50%) rotate(90deg);
  position:absolute;
  left:50%;
  top:40%;
}
.washingDisplay {
  border-collapse:collapse;
}
.washingDisplay th,
.washingDisplay td {
  border-top:1px solid var(--GRAY03);
}
.washingDisplay tr:last-child th,
.washingDisplay tr:last-child td {
  border-bottom:1px solid var(--GRAY03);
}
.washingDisplay .subCaption {
  text-align:left;
  font-weight:500;
  border-top:none;
}
.washingDisplay .subCaption.moreHeight span {
  display:block;
}
/* ギフトラッピング ************************************/
h4.hasBorder-bottom {
  text-align:center;
  border-bottom:1px solid var(--GRAY03);
}

.notice_paragraph {
  letter-spacing:.05em;
}
/* 自宅で試着サービス ***********************************/
.meritNum {
  display:block;
  font-weight:400;
}
.exchangeNested_section {
  overflow:hidden;
  background:var(--WHITE);
}
.exchangeNested_section h3,
.measuringNested_section h3 {
  text-align:left;
  position:relative;
}
.exchangeNested_section h3::after,
.measuringNested_section h3::after {
  display:block;
  position:absolute;
  top:100%;
  left:100%;
  border-bottom:1px solid var(--GRAY03);
}
.exchangeNested_section h3::after {
  width:10%;
}
.measuringNested_section h3::after {
  width:40%;
}
.exchangeNested_section .hasOrangeMarker {
  margin-bottom:0;
}
.weightBolder {
  font-weight:700;
}
.colorOrange {
  color:var(--ORANGE01);
}
.linkAncher a {
  display:block;
  color:var(--WHITE);
  background:var(--ORANGE01);
  text-align:center;
  font-weight:500;
  margin:auto;
}
.linkAncher.linkSmall a {
  margin:0;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.emphasized_paragraph {
  width:100%;
  text-align:center;
}
.emphasized_paragraph a {
  color:var(--ORANGE01);
  font-weight:700;
}
/* 裾上げ直し ******************************************/
.bgWhite_block {
  background:var(--WHITE);
}
.measuringNested_section h4 {
  display:inline-block;
  font-weight:500;
}
.questionAnswer_list {
  position:relative;
  border-bottom:1px dashed var(--GRAY03);
}
.questionAnswer_list dt::before,
.questionAnswer_list dd::before {
  content:"";
  position:absolute;
  display:block;
  top: 0;
}
.questionAnswer_list dt,
.questionAnswer_list dd{
  position: relative;
}
.questionAnswer_list dt::before {
  background:center/contain url(../images/freepage/question.jpg) no-repeat;
}
.questionAnswer_list dd::before {
  background:center/contain url(../images/freepage/answer.jpg) no-repeat;
}
h3.repairPageHeading {
  font-weight:700;
}
ul.repairPage_list li {
  list-style:disc inside;
}
/* サイズの測り方 ******************************“********/
.measuringNested_section ul li span.definition {
  display:block;
  font-weight:500;
  color: var(--ORANGE01);
}
.measuringNested_section ul li span.explanation{
  display: block;
  margin-bottom: 15px;
}
/* よくあるご質問 ******************************“********/
.FAQ_guidance_section_wrapper {
  overflow-x:hidden;
}
.FAQ_guidance_section h2 {
  padding-bottom:15px;
  margin-bottom:50px;
  border-bottom:1px solid var(--GRAY03);
  position:relative;
  display:flex;
}
.FAQ_guidance_section h2.qHeading::before {
  content:"Q.";
  color:#3896D1;
  margin-right:.25em;
  position: relative;
  top: -3px;
}
.FAQ_guidance_section h3,
.phoneFaxNum {
  font-weight:500;
}
.FAQ_guidance_section h3 span.normalStyle,
.FAQ_guidance_section .phoneFaxNum span.normalStyle {
  font-weight:400;
  color:var(--textColor);
}
p.postage {
  font-weight:700;
}
/* 会員登録 ***********************************“********/
.title_visual_area h1.pageTitle {
  font-weight:600;
  border-bottom:1px solid #404040;
}
.bg_PALE_YELLOW {
  overflow-x:hidden;
}
.benefitCircle {
  background:var(--WHITE);
  border:1px solid #C6BBB4;
}
.columnLayoutSec h2.benefitCircle {
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  overflow:hidden;
}
h2.benefitCircle span.weight300 {
  font-weight:300;
}
h2.benefitCircle span.weight700 {
  font-weight:700;
  margin-left:.1em;
}
.benefitCircle img {
  width:30%;
}
.measuringNested_section h3.sectionHeading::after {
  transform:translateX(0);
}
/* さらさリネン ********************************“********/
.textOnImage {
  position:relative;
}
.textBoard {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  background:rgba(255,255,255,.7);
}
.textBoard p {
  text-align:center;
  font-weight:500;
  letter-spacing:.5em;
}
.presentation_section,
.features_section,
.linenFeature_section {
  text-align:center;
}
.features_section .forFlex {
  flex-wrap:wrap;
}
.featuresNested_block {
  background:var(--WHITE);
  border-radius:50%;
}
.featurePoint {
  display:inline-block;
  font-weight:500;
  border-bottom:1px solid var(--textColor);
  }
.featureText {
  display:flex;
  justify-content:center;
  align-items:center;
}
.linenFeature_section {
  background:var(--WHITE);
}
.linenFeature_section h2 {
  display:inline-block;
  font-weight:300px;
  border-bottom:1px solid var(--GRAY03);
}
.linenFeature_section>div>div picture {
  display:inline-block;
  overflow:visible;
}
/* お買い物ガイド ******************************“********/
.guide_list {
  flex-wrap:wrap;
  }

.guide_list li a {
  display:flex;
  height:100%;
  justify-content:center;
  align-items:center;
  text-align:center;
  line-height:1.5;
  font-weight:500;
  position:relative;
}
.guide_list li a::after {
  content:">";
  font-size:var(--FZ12);
  transform:translateX(-50%) rotate(90deg);
  position:absolute;
  left:50%;
}
.guideNested_section h3.sectionHeading {
  font-weight:400;
  text-align:left;
  position:relative;
}
@media screen and (min-width: 768px){
  .guide_list li {
    border-left:1px solid #707070;
  }
  .guide_list li:last-child {
    border-right:1px solid #707070;
  }
}
@media screen and (max-width: 767px){
  .guideNested_section h3.sectionHeading{
    font-weight: 500;
  }
  .companyPage_aside.forFlex{
    flex-direction: column;
  }
  .companyPage_aside.forFlex a{
    display: flex;
    gap: 10px;
    align-items: center;
  }
  .companyPage_aside.forFlex a > *:first-child{
    width: 40%;
  }
  .companyPage_aside.forFlex a > *:last-child{
    flex: 1;
  }
}
.guideNested_section h4 {
  font-weight:500;
  color:var(--ORANGE01);
}
.weightBolder {
  font-weight:700;
}
.extraHeading {
  border-top:1px solid var(--GRAY03);
}
h4.marginLittleMore {
  margin-bottom:.3em;
}
.guideNested_section h3.sectionHeading::after {
  transform:translateX(100%);
}
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
styles for Tablet & PC
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
@media only screen and (min-width:768px) {
.onlyMobile {
  display:none;
  }
.exceptMobile {
  display:block;
  }
h2.sectionHeading {
  font-size:24px;
  letter-spacing:.05em;
  }
h3.sectionHeading {
  font-size:20px;
  letter-spacing:.05em;
  padding-bottom:25px;
  margin-bottom:50px;
  }
:root {
  --generalMB:100px;
  --generalMBs:50px;
}
.generalMBS {
  margin-bottom:50px;
  }
.generalMB {
  margin-bottom:100px;
  }
.generalMBL {
  margin-bottom:120px;
  }
.pageTitleContainer {
  width: 100%;
  height:350px;
  margin:0 auto 150px;
  padding:0;
  position:relative;
  }
h1.pageTitle {
  font-size:25px;
  width: fit-content;
  padding-left: 5%;
  }
  .pageTitleContainer{
    justify-content: space-between;
  }
  .mainVisual{
    width: 65%;
  }
  .mainVisual img{
    width: 100%;
    height: 350px;
    object-fit: cover;
  }
.generalPD {
  padding:100px 0;
  }
.has_marginBottom {
  margin-bottom:26px;
  }
.columnLayoutSec h2 {
  width:306px;
  }
.columnLayoutSec>div {
  width:894px;
  }
main.freepage>section:not(:last-of-type) {
  margin-bottom:50px;
  }
/* spanのこだわりページ for Tablet & PC ****************/
.concept_section h2 {
  font-size:28px;
  }
.concept_section .paragraph_block{
  line-height: 2;
}
.concept_section h2 span {
  display:block;
  font-size:15px;
  }

.conceptPage_slider picture {
  padding:0 25px;
  }
  
.reason_section {
  margin-bottom:60px;
  }
.strongPoint_list {
  gap:14px;
  margin-bottom:30px;
  }
.strongPoint_list li {
  padding:40px 0 50px;
  flex:1 0 0;
  text-align:center;
  }
.strongPoint_list li span {
  display:block;
  font-size:30px;
  margin-bottom:20px;
  }
.strongPoint_list li span::after {
  content:"";
  width:30px;
  height:1px;
  margin:12px auto 0;
  background:var(--ORANGE01);
  }
.commitment_section>div {
  gap:40px;
  }
.materials_block {
  flex-wrap:wrap;
  row-gap:90px;
  column-gap:6%;
  }
.materialNested_section {
  display:flex;
  flex-direction:column;
  width:47%;
  }
.materialNested_section>p:first-of-type {
  flex-grow:1;
  }
.materialNested_section h4 {
  margin:15px 0;
  font-size:13px;
  }
.materialNested_section h4 span {
  font-size:18px;
  }
.seasonAndWash {
  padding:25px 0 15px;
  margin:15px 0 20px;
  }
.seasonAndWash>div .forFlex {
  height:50px;
  gap:10px;
  }
.materialNested_section>p:last-of-type {
  font-size:14px;
  line-height:22px;
  margin-bottom:25px;
  }
.materialNested_section a {
  line-height:45px;
  font-size:14px;
  }
/* 会社概要 for Tablet & PC ***************************/
.greetingImages {
  gap:20px;
  margin-bottom:80px;
  }
.companyProfile {
  font-size:17px;
  line-height:28px;
  border-spacing:0;
  }
.companyProfile th,
.companyProfile td {
  padding:40px 0;
  }
.companyProfile th {
  width:226px;
  padding-left:20px;
  }
.companyProfile td span:not(:last-child) {
  margin-bottom:15px;
  }
.companyPage_aside {
  margin-top:80px;
  gap:20px;
  }
.companyPage_aside p {
  transition:.25s;
  }
.companyPage_aside p:hover {
  color:var(--ORANGE01);
  }
/* 品質表示・洗濯表示 for Tablet & PC *******************/
.washing_list li:nth-child(1),
.washing_list li:nth-child(2),
.washing_list li:nth-child(3) {
  flex-grow:2;
  }
.washing_list li:nth-child(4),
.washing_list li:nth-child(5) {
  flex-grow:3;
  }
.washing_list li a {
  font-size:18px;
  line-height:70px;
  }
h2.washingTable_heading {
  padding-top:15px;
  }
.tableHasMargin-bottom {
  margin-bottom:20px;
  }
.washingDisplay th,
.washingDisplay td {
  height:80px;
  }
.washingDisplay th {
  width:150px;
  }
.washingDisplay th img {
  width:57px;
  }
.washingDisplay td {
  font-size:16px;
  }
.washingDisplay .subCaption {
  font-size:18px;
  }
.washingDisplay .subCaption.moreHeight span.fontSizeSmaller {
  font-size:18px;
  padding-top:10px;
  margin-bottom:20px;
  }
/* ギフトラッピング for Tablet & PC *********************/
.fixed_block {
  gap:40px;
  margin-bottom:70px;
  }
.fixed_block picture {
  width:354px;
  }
.fixed_block .text_block {
  width:336px;
  }
.arranged_block {
  flex-wrap:wrap;
  column-gap:10%;
  row-gap:75px;
  }
.fixedNested_section picture {
  margin:0 0 20px;
  }
.fixedNested_section h4 {
  font-size:18px;
  margin:0 0 16px;
  }
h4.hasBorder-bottom {
  padding:10px 0;
  }
.fixedNested_section p {
  font-size:16px;
  }
.hasOrangeMarker {
  margin-bottom:44px;
  letter-spacing:.12em;
  }
.hasOrangeMarker li {
  font-size:15px;
  }
.notice_paragraph {
  font-size:16px;
  }
/* 自宅で試着サービス for Tablet & PC ********************/
.fittingExchange_block {
  padding:50px 0 0;
  width: 80%;
  margin-inline:auto;
  }
.meritNum {
  font-size:14px;
  margin-bottom:10px;
  }
.exchangeNested_section {
  padding:30px 20px;
  }
.linkAncher a {
  width:576px;
  line-height:80px;
  font-size:18px;
  border:1px solid var(--ORANGE01);
  transition:.25s;
  }
.linkAncher a:hover {
  color:var(--ORANGE01);
  background:transparent;
  opacity:1;
  }
.linkAncher.linkSmall a {
  width:300px;
  line-height:1.8;
  font-size:14px;
  }
.linkAncher.linkRegular a {
  width:576px;
  line-height:80px;
  font-size:18px;
  }
.notice_list {
  font-size:15px;
  }
.smallMB {
  margin-bottom:30px;
  }
/* 裾上げ直し for Tablet & PC ***************************/
.fixed_block .repairImages {
  width:720px;
  flex-wrap:wrap;
  }
.fixed_block .repairImages picture {
  width:50%
  }
.measuringNested_section>p {
  margin-bottom:50px;
  }
.measuringNested_section .bgWhite_block {
  padding:20px;
  }
.measuringNested_section .bgWhite_block .forFlex {
  gap:50px;
  margin-bottom:var(--generalMB);
  }
.measuringNested_section .bgWhite_block .forFlex>div {
  width:367px;
  }
.measuringNested_section .bgWhite_block p {
  font-size:16px;
  line-height:32px;
  }
.measuringNested_section h4 {
  font-size:20px;
  line-height:36px;
  padding-bottom:10px;
  }
.measuringNested_section .bgWhite_block p.point_paragraph {
  font-size:16px;
  line-height: 1.7;
  }
.emphasized_paragraph {
  font-size:22px;
  line-height:1.8;;
  }
.questionAnswer_list {
  margin-left:61px;
  font-size:20px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  }
.questionAnswer_list dt::before,
.questionAnswer_list dd::before {
  width:40px;
  height:50px;
  transform: translate(-140%, -15%);
  }
  .questionAnswer_list dt{
    margin-bottom: 25px;
  }
  .questionAnswer_list dd{
    font-size: 16px;
  }
h3.repairPageHeading,
ul.repairPage_list li  {
  font-size:16px;
  margin-bottom:10px;
  }
/* サイズの測り方 for Tablet & PC ************************/

.measuringNested_section .bgWhite_block picture.measuring_figure {
  margin-bottom:0;
  }
.measuringNested_section ul li {
  line-height:1.6;
  }
.measuringNested_section ul li span.explanation {
  font-size: 15px;
  }

.measuringNested_section .armhole {
  line-height:28px;
  }

.hasPaddingRight {
  padding-right:100px;
  }
/* よくあるご質問 for Tablet & PC ************************/
.FAQ_guidance_section h2.sectionHeading {
  margin-bottom:15px;
  }
.FAQ_guidance_section h2::after {
  width:50%;
  }
.FAQ_guidance_section h3 {
  font-size:20px;
  line-height:48px;
  }
.phoneFaxNum {
  width:50%;
  font-size:20px;
  }
.FAQ_guidance_section h3 span.normalStyle,
.FAQ_guidance_section .phoneFaxNum span.normalStyle {
  font-size:18px;
  margin-left:.5em;
  }
.FAQ_guidance_section .more-btn {
  margin:50px auto;
  }
.FAQ_guidance_section .bg_LIGHT_BEIGE {
  padding:20px 30px;
  margin:30px 0;
  }
p.postage {
  font-size:30px;
  }
p.postage span {
  font-size:20px;
  }
.areaPostage div {
  width:50%;
  }
.mb60_30 {
  margin-bottom:60px;
  }
.mb30_20 {
  margin-bottom:30px;
  }
/* 会員登録 for Tablet & PC *****************************/
.title_visual_area h1 {
  padding-bottom:10px;
  }
.benefits_section {
  align-items:center;
  }
.columnLayoutSec div:has(.benefitCircle) {
  width:308px;
  }
.columnLayoutSec h2.benefitCircle {
  width:240px;
  height:240px;
  margin-bottom:0;
  }
.benefits_section h3.sectionHeading {
  margin-bottom:20px;
  }
.benefits_section p {
  margin-bottom:0;
  }
/* さらさリネン for Tablet & PC **************************/
.textBoard {
  padding:20px 40px;
  }
.textBoard p:first-child {
  font-size:20px;
  }
.textBoard p:last-child {
  font-size:30px;
  }
.features_section .forFlex {
  width:957px;
  margin:auto;
  gap:50px;
  }
.featuresNested_block {
  width:285px;
  height:285px;
  padding-top:40px;
  }
.featurePoint {
  font-size:20px;
  margin-bottom:0;
  }
.featureText {
  height:140px;
  font-size:19px;
  }
.linenFeature_section {
  padding:50px;
  }
.linenFeature_section h2 {
  font-size:28px;
  }
.linenFeature_section>div>div {
  width:25%;
  }
.linenFeature_section>div>div:not(:last-child) {
  border-right:1px solid var(--GRAY03);
  }
.linenFeature_section>div>div picture {
  width:97px;
  }
.linenFeature_section>div>div p {
  font-size:18px;
  }
/* お買い物ガイド for Tablet & PC ************************/
.guide_list {
  row-gap:30px;
  }
.guide_list li {
  width:20%;
  }
.guide_list li:nth-child(5) {
  border-right:1px solid #707070;
  }
.guide_list li a {
  height:70px;
  font-size:18px;
  padding-bottom:.5em;
  }
.guide_list li a::after {
  top:64%;
  }
.guide_list li a.cancel_exchange {
  line-height:1.4;
  padding-bottom:28px;
  }
.shoppingGuide_wrapper {
  overflow-x:hidden;
  }
.guideNested_section p:not(.notice_paragraph) {
  font-size:16px;
  }
.shoppingGuide h3.sectionHeading {
  font-size:25px;
  margin-bottom:20px;
  }
.guideNested_section h4 {
  font-size:18px;
  }
.guideNested_section .bg_LIGHT_BEIGE {
  padding: 50px 28px;
  }
.extraHeading {
  padding:20px 0;
  font-size:18px;
  margin-bottom:20px;
  }
  img.time {
  margin:20px 0;
  }
.more-btn.pp_link {
  width:100%;
  gap:70px;
  }
.linkToDelivery {
  gap:70px;
  }
.linkToDelivery p {
  margin:50px 0;
  }
.more-btn.pp_link a {
  width:300px;
  padding:0 30px;
  }
ul.guidance_list li {
  list-style:disc;
  margin-left:16px;
  font-size:16px;
  }
/* 会員登録 for Tablet & PC *****************************/
.title_visual_area {
  width:95%;
  max-width:1440px;
  margin:auto;
  }
}
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
styles for only Tablet
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
@media screen and (min-width:768px) and (max-width:1024px) {
.wideFixedWidth {
  width:100vw;
  }
.fixedWidth {
  width:90%;
  }
h2.sectionHeading {
  font-size:22px;
  letter-spacing:.05em;
  margin-bottom:40px;
  }
h3.sectionHeading {
  font-size:25px;
  }

.conceptPage_slider picture {
  padding:0 20px;
  }
.conceptPage_slider li {
  width:300px;
  }
/* 会社概要 for only Tablet ***************************/
.companyProfile th {
  width:200px;
  }
.companyProfile td {
  padding:60px 10px 60px 0;
  }
.companyProfile {
  font-size:18px;
  }
/* 品質表示・洗濯表示 for only Tablet ********************/
.onlyTablet {
  display:block;
  }
.washing_list.generalMBL {
  margin-bottom:0;
  }
.washingDisplay.tableHasMargin-bottom {
  margin-bottom:20px;
  }
.washingDisplay .subCaption.moreHeight {
    height: 120px;
  }
/* ギフトラッピング for only Tablet **********************/
.arranged_block {
  flex-wrap:wrap;
  column-gap:3%;
  row-gap:75px;
  justify-content:space-between;
  }
/* 自宅で試着サービス for only Tablet ********************/
.forTblet .repairImages {
  width:50%;
  height:100%;
  }
.measuringNested_section {
  margin-bottom:100px;
  }
/* よくある質問 for only Tablet ************************/
.FAQ_guidance_section .normalStyle {
  display:block;
  }
.FAQ_guidance_section .SP_hidden {
  display:none;
  }
/* 会員登録 for only Tablet ****************************/
.benefits_section .measuringNested_section {
  margin-bottom:0;
  }
.columnLayoutSec h2.benefitCircle {
  width:160px;
  height:160px;
  }
/* さらさリネン for only Tablet *************************/
.features_section .forFlex {
  width:100%;
  justify-content:center;
  }
}
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
styles for only PC
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
.materialNested_section .thumb{
  border: none;
  width: 100%;
}
@media screen and (min-width: 768px){
  .reason_paragraph{
    margin-bottom: 60px;
  }
}
@media only screen and (min-width:1025px) {
main.freepage {
  overflow-x:hidden;
  }
/*.fixedWidth {
  width:1200px;
  }*/
.wideFixedWidth {
  width:1440px;
  }
:root {
  --secMB:100px;
  }
.pageTitleContainer {
  margin:0 auto 100px;
  }
h1.pageTitle {
  font-size:25px;
  }
h2.sectionHeading {
  font-size:25px;
  letter-spacing:.1em;
  }
h3.sectionHeading {
  font-size:25px;
  letter-spacing:.05em;
  padding-bottom:15px;
  margin-bottom:15px;
  }
.concept_section p,
.reason_section p,
.strongPoint_section p,
.commitment_section p,
.materials_block p,
.greeting_section p,
.introduction_section p,
.fixed_block p,
.exchangeNested_section p,
.measuringNested_section p,
.FAQ_guidance_section,
.areaPostage p,
.presentation_section p,
.title_visual_area p {
  font-size:16px;
  letter-spacing:.05em;
  line-height: 2;
  }
.has_marginBottom {
  margin-bottom:36px;
  }
main.freepage>section:not(:last-of-type) {
  margin-bottom:50px;
  }
/* spanのこだわりページ for only PC *********************/
.concept_section h2 {
  font-size:36px;
  }
.concept_section h2 span {
  font-size:18px;
  }
.strongPoint_list {
  gap:20px;
  margin-bottom:30px;
  }
.strongPoint_list li {
  padding:60px 0 80px;
  font-size:20px;
  }
.strongPoint_list li span {
  font-size:36px;
  margin-bottom:20px;
  }
.strongPoint_list li span::after {
  margin:16px auto 0;
  }
.commitment_section>.forFlex {
  gap:130px;
  }
.commitment_section>.forFlex .text_block {
  width:468px;
  padding-top:30px;
  }
.commitment_section>.forFlex picture {
  width:720px;
  }
.materials_block {
  row-gap:70px;
  column-gap:50px;
  }
.materialNested_section {
  width:calc(90%/3);
  }
.materialNested_section h4 {
  margin:20px 0;
  font-size:14px;
  }
.materialNested_section h4 span {
  font-size:20px;
  }
.materialNested_section p {
  font-size:16px;
  line-height:32px;
  }
.seasonAndWash {
  padding:25px 0 15px;
  margin:20px 0 30px;
  }
.seasonAndWash>div .forFlex {
  height:60px;
  gap:12px;
  }
.materialNested_section>p:last-of-type {
  font-size:14px;
  line-height:26px;
  margin-bottom:30px;
  }
.materialNested_section a {
  width:198px;
  line-height:1.8;;
  margin:auto;
  font-size:14px;
  transition:.25s;
  }
.materialNested_section a:hover {
  color:var(--WHITE);
  background:var(--textColor);
  border-color:var(--textColor);
  }
/* 会社概要 for only PC *******************************/
.greetingImages {
  gap:20px;
  margin-bottom:80px;
  }

.companyPage_aside {
  margin-top:80px;
  }

/* 品質表示・洗濯表示 for only PC ***********************/
.washing_list li {
  width:20%;
  }
.washing_list li a {
  padding:10px 0;
  font-size:18px;
  line-height:80px;
  }
/* ギフトラッピング for only PC ************************/
.fixed_block {
  justify-content:space-between;
  padding-right:120px;
  margin-bottom:150px;
  }
.fixed_block picture {
  width:720px;
  }
.fixed_block .text_block {
  width:468px;
  padding-top:30px;
  }
.arranged_block {
  column-gap:45px;
  row-gap:125px;
  }
.fixedNested_section h4 {
  font-size:18px;
  margin:0 0 16px;
  }
}
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
styles for lessThan1401px
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
@media screen and  (max-width:1400px) {
.fixedWidth {
  width:90%;
  }
/* spanのこだわりページ for lessThan1401px **************/
.conceptImages_container {
  height:26vw;
  }
.conceptImages {
  width:120%;
  left:0;
  transform:none;
  }
.conceptImages img {
  display:block;
  }
.materials_block {
  column-gap:5%;
  }
.materialNested_section {
  width:calc(90%/3);
  }
/* ギフトラッピング for lessThan1401px *****************/
}
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
styles for Mobile
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
@media only screen and (max-width:767px) {
.fixedWidth {
  width:95%;
  }
.onlyMobile {
  display:block;
  }
main.freepage {
  padding:0 0 35px;
  }
.generalMBS {
  margin-bottom:25px;
  }
.generalMB {
  margin-bottom:30px;
  }
.generalMBL {
  margin-bottom:50px;
  }
.generalPD {
  padding:50px 0;
  }
h1.pageTitle {
  font-size:22px;
  letter-spacing:.35em;
  margin-bottom:15px;
  text-align: center;
  position: absolute;
  background-color: rgba(255,255,255,.8);
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 1;
  padding: .25em 1em;
  }
h2.sectionHeading {
  font-size:18px;
  letter-spacing:.05em;
  }
h3.sectionHeading {
  font-size:18px;
  letter-spacing:.05em;
  padding-bottom:10px;
  margin-bottom:10px;
  }
  .freepage section p,
  .freepage aside p {
  font-size:14px;
  letter-spacing:.05em;
  }
.exceptMobile {
  display:none;
  }
.has_marginBottom {
  margin-bottom:30px;
  }
.columnLayoutSec.forFlex {
  flex-direction:column;
  gap: 10px;
  }
.freepage-cat-area .inner .cat-search-sec:last-child {
  margin-bottom:0;
  }
/* spanのこだわりページ for Mobile *********************/
.concept_section {
  flex-direction:column;
  margin-bottom:50px;
  }
  .concept_section h2{
    margin-bottom: 15px;
  }
.concept_section h2 span {
  font-size:13px;
  display: block;
  }
.conceptPage_slider picture {
  padding:0 15px;
  }
.strongPoint_list {
  flex-direction:column;
  justify-content:center;
  gap:10px;
  margin-bottom:30px;
  }
.strongPoint_list li {
  display:flex;
  align-items:center;
  padding:10px 0;
  }
.strongPoint_list li span {
  font-size:26px;
  padding:0 15px;
  position:relative;
  margin-right:20px
  }
.strongPoint_list li span::after {
  width:1px;
  height:32px;
  position:absolute;
  top:50%;
  left:100%;
  transform:translateY(-50%);
  }
.commitment_section .forFlex {
  flex-direction:column;
  }
.commitment_section .seasonAndWash.forFlex {
  flex-direction:row;
  }
.commitment_section .seasonAndWash .forFlex {
  flex-direction:row;
  height:53px;
  }
.season_block .forFlex,
.wash_block .forFlex {
  gap:10px;
  }
.materials_block {
  flex-direction:column;
  gap:60px;
  margin-bottom:100px;
 }
.materialNested_section {
  width:100%;
  }
.materialNested_section h4 {
  margin:15px 0;
  font-size:13px;
  }
.materialNested_section h4 span {
  font-size:18px;
  }
.materialNested_section p {
  font-size:15px;
  line-height:30px;
  }
.seasonAndWash {
  padding:20px 0 15px;
  margin:20px 0;
  }
.materialNested_section>p:last-of-type {
  font-size:13px;
  line-height:24px;
  margin-bottom:20px;
  }
.materialNested_section a {
  line-height:1.8;
  font-size:13px;
  }
/* 会社概要 for Mobile ********************************/
.greeting_section {
  margin-bottom:20px;
  }
.greetingImages_container {
  position:relative;
  margin-bottom:60px;
  }
.greetingImages.forFlex {
  gap:8px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);

  }

.companyProfile th,
.companyProfile td {
  padding:10px 15px;
  display: block;
  }
.companyProfile td{
  padding-top: 0;
}
.companyProfile td span:not(:last-child) {
  margin-bottom:15px;
  }
.companyPage_aside {
  margin-top:35px;
  gap:6px;
  }
.companyPage_aside p {
  font-size:11px;
  }
/* 品質表示・洗濯表示 for Mobile ************************/
.washing_list {
  margin:0 0 25px;
  flex-wrap:wrap;
  row-gap:14px;
  }
.washing_list li:nth-child(3) {
  border-right:1px solid #707070;
  }
.washing_list li:nth-child(1),
.washing_list li:nth-child(2),
.washing_list li:nth-child(3) {
  width:calc(100%/3);
  }
.washing_list li:nth-child(4),
.washing_list li:nth-child(5) {
  width:calc(100%/2);
  }
.washing_list li a {
  line-height:35px;
  padding-bottom:10px;
  }

h2.washingTable_heading {
  margin-bottom:10px;
  line-height:1.8;
  }
.tableHasMargin-bottom {
  margin-bottom:15px;
  }
.washingDisplay th,
.washingDisplay td {
  height:70px;
  }
.washingDisplay th {
  width:80px;
  }
.washingDisplay td {
  padding-right:10px;
  }
.washingDisplay th img {
  width:40px;
  }
.washingDisplay th.subCaption {
  font-size:14px;
  height:auto;
  padding:0px 0 14px;
  }
.washingDisplay .subCaption.moreHeight span.fontSizeSmaller {
  font-size:16px;
  margin-top:10px;
  }
/* ギフトラッピング for Mobile **************************/

.fixed_block {
  flex-direction:column;
  margin-bottom:50px;
  }
.fixed_block picture {
  margin-bottom:30px;
  }
.fixed_block .text_block {
  width:95%;
  margin:auto;
  }
.arranged_block {
  flex-direction:column;
  gap:30px;
  margin-bottom:50px;
  }
.arranged_block.newItems {
  flex-direction:row;
  gap:5px;
  margin-bottom:50px;
  }
.fixedNested_section {
  width:100%;
  }
.fixedNested_section picture {
  margin-bottom:10px;
  }
.fixedNested_section h4 {
  font-size:14px;
  margin-bottom:15px;
  }
.fixedNested_section h4.hasBorder-bottom {
  padding-bottom:10px;
  margin-bottom:20px;
  }

.hasOrangeMarker li {
  line-height:1.7;
  }
.notice_paragraph {
  font-size:14px;
  line-height:22px;
  }
/* 自宅で試着サービス for Mobile ************************/
.fittingExchange_block {
  padding:10px 0;
  }
.meritNum {
  font-size:13px;
  margin-bottom:5px;
  }
.exchangeNested_section {
  padding:15px;
  }
.exchangeNested_section:not(:last-child) {
  margin-bottom:15px;
  }
.exchange_link {
  margin-top:40px;
  line-height:1.8;
  }
.smallMB {
  margin-bottom:30px;
  }
/* 裾上げ直し for Mobile *******************************/
.repairImages {
  width:95%;
  margin:0 auto 10px;
  flex-wrap:wrap;
  }
.repairImages picture {
  width:50%;
  margin-bottom:0;
  }
.repairImages {
  width:95%;
  }

.bgWhite_block {
  margin-top:25px;
  padding:15px;
  }

  .measuringNested_section .bgWhite_block{
    margin-top: 0;
  }


.bgWhite_block>.forFlex {
  gap:20px;
  margin-bottom:50px;
  }

.bgWhite_block>.forFlex p {
  font-size:14px;
  line-height:20px;
  }
p.emphasized_paragraph {
  margin-top:-50px;
  font-size:16px;
  line-height:32px;
  }
 .arranged_block + p.emphasized_paragraph{
    margin-top: 0;
  }
.linkAncher a {
  line-height:70px;
  }
.questionAnswer_list {
  margin-left:46px;
  font-size:16px;
  padding-bottom:20px;
  margin-bottom:23px;
  }
.questionAnswer_list dt {
  margin-bottom:10px;
  }
.questionAnswer_list dt::before,
.questionAnswer_list dd::before {
  width:30px;
  height:30px;
  transform:translate(-135%, 10%);
  }
  .questionAnswer_list dd{
    font-size: 14px;
  }
.measuringNested_section .bgWhite_block p {
  font-size:14px;
  line-height:24px;
  }
h3.repairPageHeading,
ul.repairPage_list li  {
  font-size:14px;
  margin-bottom: 10px;
  }
h3.sizingHeading {
  font-size:18px;
  }
/* サイズの測り方 for Mobile ****************************/
  .hasOrangeMarker li .forFlex{
    flex-wrap: wrap;
  }
.measuringNested_section ul li span.definition {
  display: block;
  width:100%;
  }
.measuringNested_section ul li span.explanation {
  display: block;
  width:100%;
  line-height:1.5;
  }
/* よくあるご質問 for Mobile ****************************/
.mb30_20 {
  margin-bottom:20px;
  }
.mb60_30 {
  margin-bottom:30px;
  }
.FAQ_guidance_section h2::after {
  width:10%;
  }
.FAQ_guidance_section h2 {
  margin-bottom:20px;
  }
.FAQ_guidance_section h3 {
  font-size:16px;
  }
.areaPostage {
  flex-direction:column;
  }
.areaPostage>div:first-child {
  margin-bottom:40px;
  }
div.forFlex:has(.phoneFaxNum) {
  flex-direction:column;
  }
.phoneFaxNum {
  font-size:18px;
  margin-top:20px;
  }
.FAQ_guidance_section h3 span.normalStyle,
.FAQ_guidance_section .phoneFaxNum span.normalStyle {
  display:block;
  font-size:14px;
  margin-left:.5em;
  }
.FAQ_guidance_section .bg_LIGHT_BEIGE {
  padding:15px;
  margin:20px 0;
  }
.FAQ_guidance_section_wrapper .more-btn {
  margin:30px auto;
  }
.FAQ_guidance_section_wrapper .SP_hidden {
  display:none;
  }
/* 会員登録 for Mobile *********************************/
.title_visual_area h1 {
  padding:0 5% 20px;
  }
.title_visual_area p {
  font-size:16px;
  }
.columnLayoutSec h2.benefitCircle {
  width:180px;
  height:180px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:30px;
  }
.bg_PALE_YELLOW .benefits_section:not(:last-child) {
  margin-bottom:70px;
  }
.benefits_section section {
  margin-bottom:0;
  }
/* さらさリネン for Mobile ******************************/
.textBoard {
  width:80%;
  padding:20px 0;
  }
.textBoard p:first-child {
  font-size:14px;
  margin-bottom:20px;
  }
.textBoard p:last-child {
  font-size:20px;
  }
.features_section .forFlex {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap:15px;
  }
  .presentation_section p{
    line-height: 2;
  }
.featuresNested_block {
  aspect-ratio: 1/1;
  padding-top:10px;
  }
.featurePoint {
  font-size:14px;
  margin-bottom:0;
  }
.featureText {
  height:95px;
  font-size:12px;
  line-height:24px;
  }
.linenFeature_section {
  padding:20px 10px;
  }
.linenFeature_section h2 {
  font-size:21px;
  padding-bottom:10px;
  }
.linenFeature_section>div {
  flex-wrap:wrap;
  row-gap:30px;
  }
.linenFeature_section>div>div {
  width:50%;
  }
  .linenFeature_section>div>div>p{
    font-size:14px;
  }

.linenFeature_section>div>div picture {
  width:50%;
  }
/* お買い物ガイド for Mobile ****************************/
.guide_list {
  justify-content:stretch;
  gap:10px;
  }
.guide_list li {
  width:calc(50% - 5px);
  height:50px;
  }

.guide_list li a {
  font-size:12px;
  font-weight: 700;
  background-color: var(--GRAY01);
  }
.guide_list li a::after {
  content: "";
  top:70%;
  }
.guide_list li a.cancel_exchange {
  line-height:1.3;
  }
.guideNested_section h3 {
  font-size:16px;
  }
.guideNested_section p:not(.notice_paragraph) {
  font-size:14px;
  }
h3.extraHeading {
  padding-top:10px;
  margin:0 0 30px;
  }
.guideNested_section .bg_LIGHT_BEIGE {
  padding:20px;
  }

.more-btn.pp_link {
  flex-direction:column;
  gap:20px;
  margin:50px auto 80px;
  }
.guideNested_section h4 {
  font-size:16px;
  }
.linkToDelivery {
  flex-direction:column;
  }

ul.guidance_list li {
  list-style:disc;
  margin-left:16px;
  font-size:14px;
  }
.addMB_sp {
  margin-bottom:20px;
  }
}


.time{
  max-width: 400px;
}

.fs-c-creditCardIcons{
  display: flex;
  align-items: center;
  width: 260px;
  gap: 5px;
  margin-bottom: 10px;
}
.linkToDelivery .more-btn{
  margin-inline: auto;
}
.shoppingGuide p a,
.FAQ_guidance_section p a{
  text-decoration: underline;
}
.shoppingGuide .more-btn a,
.FAQ_guidance_section .more-btn a{
  text-decoration: none;
}
@media screen and (max-width: 767px){
  .mainVisual img{
    width: 100%;
    height: 150px;
    object-fit: cover;
  }
  .conceptPage_slider{
    margin-bottom: 50px;
  }
  .conceptPage_slider img{
    width: 100%;
    height: 130px;
    object-fit: cover;
  }
  .more-btn.pp_link{
    width: 300px;
  }
  .fixedNested_section.grid{
    display: grid;
    grid-template-columns: 4fr 6fr;
    gap: 20px;
  }
  .fixedNested_section.grid p{
    grid-column: 1/3;
  }
  p.emphasized_paragraph{
    text-align: left;
    font-size: 15px;
  }
  .doHover.adjust img{
    width: 100%;
    height: 200px;
    object-fit: cover;
  }
  .doHover img{
    width: 100%;
  }
}


.gift-order-step{
  counter-reset: original-counter;
  display: grid;
}
.gift-order-step li::before{
  content: 'STEP'counter(original-counter);
  counter-increment: original-counter;
  color: var(--ORANGE01);
  font-weight: bold;
  display: block;
}
.gift-order-step li .img{
  border: 1px solid var(--DARK01);
}
.gift-order-step li .txt a{
  text-decoration: underline;
}
@media screen and (min-width: 768px){
  .gift-order-step{
    gap: 80px;
  }
  .gift-order-step li::before{
    font-size: 30px;
    margin-bottom: 10px;
  }
  .gift-order-step li .txt{
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 767px){
  .gift-order-step{
    gap: 50px;
  }
  .gift-order-step li::before{
    font-size: 20px;
    margin-bottom: 5px;
  }
  .gift-order-step li .txt{
    margin-bottom: 5px;
  }
}


@media screen and (min-width: 768px){
  .pageTitleContainer+section > h2{
    font-size: 20px;
    margin-bottom: 20px;
  }
  .FAQ_guidance_section{
    max-width: 1100px;
  }
}
@media screen and (max-width: 767px){
  .pageTitleContainer+section > h2{
    font-size: 18px;
  }
  
  .pageTitleContainer{
    position: relative;
    padding: 0;
  }
}



.FAQ_guidance_section .phoneFaxNum .normalStyle{
  display: block;
  margin: 5px 0 0 0 !important;
}
.FAQ_guidance_section .phoneFaxNum .normalStyle span{
  display: none;
}

@media screen and (max-width: 767px){
  .FAQ_guidance_section h2{
    font-size: 16px;
    padding-bottom: 8px;
    margin-bottom: 12px;
  }
}

.materialImage-list{
  display: grid;
}
@media screen and (min-width: 768px){
  .concept-ttl{
    font-size: 25px !important;
  }
  .materialImage-list{
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
  }
  .hemming-toplist{
    display: grid;
    grid-template-columns: repeat(2,1fr);
  }
  .hemming-toparea .notice_paragraph{
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px){
  .materialImage-list{
    gap: 10px;
    grid-template-columns: repeat(2, 1fr);
  }
  .materialImage-list > img:first-child{
    grid-column: 1/3;
  }
}




.materials-list{
  display: grid;
}
.materials-list article{
  background-color: #F6F1E8;
}
.materials-intro-area .txtarea .ttl{
  font-weight: 500;
  letter-spacing: 0.15em;
}
.materials-intro-area .txtarea .ttl .en{
  display: block;
}


.materials-intro-area .txtarea .txt{
  line-height: 1.8;
}
.materials-desc-area{
  background-color: var(--WHITE);
}
.materials-meta{
  display: grid;
}
.materials-meta dt,
.materials-merit .ttl{
  font-weight: 500;
  letter-spacing: 0.12em;
}


.materials-meta dt{
  width: fit-content;
}
.materials-meta dd{
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
.materials-meta dd span{
  display: inline-block;
  aspect-ratio: 1/1;
  background: no-repeat center center / 100%;
}
.materials-merit{
  display: grid;
}
.materials-more a{
  display: block;
  background-color: var(--WHITE);
  border: 1px solid var(--TXT_COLOR);
  letter-spacing: 0.2em;
  text-align: center;
}
@media screen and (min-width: 768px){
  .materials-list{
    gap: 50px;
  }
  .materials-list article{
    padding: 40px;
  }
  .materials-intro-area{
    display: flex;
    align-items: center;
    gap: 50px;
    margin-bottom: 50px;
  }
  .materials-intro-area .txtarea{
    flex: 1;
  }
  .materials-intro-area .txtarea .ttl{
    font-size: 20px;
    margin-bottom: 10px;
  }
  .materials-intro-area .img{
    width: 250px;
  }
  .materials-desc-area{
    padding: 30px 50px;
  }
  .materials-meta{
    grid-template-columns: repeat(2,1fr);
    gap: 40px;
  }
  .materials-meta dl{
    gap: 20px;
  }
  .materials-meta dd{
    gap: 5px;
  }
  .materials-meta dd span{
    width: 35px;
  }
  .materials-merit{
    grid-template-columns: repeat(2,1fr);
    column-gap: 40px;
  }
  .materials-merit li{
    border-top: 1px solid var(--GRAY02);
    padding-top: 10px;
    margin-top: 20px;
  }
  .materials-meta dt,
  .materials-merit .ttl{
    font-size: 16px;
  }
  .materials-meta dt{
    margin-bottom: 10px;
  }
  .materials-merit .ttl{
    margin-bottom: 10px;
  }
  .materials-merit .txt{
    font-size: 16px;
  }
  .materials-more a{
    width: 250px;
    margin: 40px auto 0;
    padding: 5px 0;
  }
  .materials-intro-area .txtarea .ttl .en{
    font-size: 30px;
  }
  .materials-intro-area .txtarea .ttl .ja{
    font-size: 18px;
  }
}
@media screen and (max-width: 767px){
  .materials-list{
    gap: 20px;
  }
  .materials-list article{
    padding: 20px;
  }
  .materials-intro-area .txtarea{
    margin-bottom: 20px;
  }
  .materials-intro-area .txtarea .ttl{
    font-size: 18px;
    margin-bottom: 10px;
  }
  .materials-intro-area .txtarea .txt{
    font-size: 14px;
    line-height: 2;
  }
  .materials-intro-area .img{
    display: none;
  }
  .materials-desc-area{
    padding: 20px 15px;
  }
  .materials-meta dl:not(:last-child){
    border-bottom: 1px solid var(--GRAY02);
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .materials-meta dt{
    margin-bottom: 6px;
  }
  .materials-meta dt,
  .materials-merit .ttl{
    font-size: 15px;
  }
  .materials-meta dd{
    gap: 5px;
  }
  .materials-meta dd span{
    width: 32px;
  }
  .materials-merit{
    margin-top: 10px;
  }
  .materials-merit li{
    border-top: 1px solid var(--GRAY02);
    padding: 10px 0;
  }
  .materials-merit .ttl{
    padding-right: 1.5em;
    position: relative;
    line-height: 1.5;
    font-size: 14px;
  }
  .materials-merit .ttl span{
    display: inline-block;
    position: relative;
    aspect-ratio: 1/1;
    position: absolute;
  }
  .materials-merit .ttl span::before,
  .materials-merit .ttl span::after{
    content: "";
    display: inline-block;
    background: var(--TXT_COLOR);
    width: 100%;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .materials-merit .ttl span::after{
    transition: .3s;
    transform: translate(-50%, -50%) rotate(90deg);
  }
  .materials-merit .ttl.active span::after{
    transform: translate(-50%, -50%) rotate(180deg);
  }
  .materials-merit .ttl span{
    width: 15px;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
  }
  .materials-merit .txt{
    display: none;
    padding: 10px 0;
    line-height: 2;
  }
  .materials-more a{
    width: 250px;
    margin: 20px auto 0;
    padding: 5px 0;
  }
  dl.materials-meta-correction{
    display: block;
  }
  dl.materials-meta-correction dt{
    width: 100%;  
  }
  .materials-intro-area .txtarea .ttl .en{
    font-size: 20px;
  }
  .materials-intro-area .txtarea .ttl .ja{
    font-size: 14px;
  }
}

@media screen and (min-width: 768px){
  .wrapping_main{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 80px;
  }
  .wrapping_main h2{
    flex: 1;
  }
  .wrapping_main img{
    width: 360px;
  }
  .arranged_block{
    display: grid;
    grid-template-columns: repeat(3,1fr);
  }
}
/* 追加 */
.sectionHeading.noMgn,
.pageTitleContainer.noMgn{
  margin-bottom: 0;
}

@media screen and (min-width: 768px){
  .pageTitleContainer.mgnS{
    margin-bottom: 50px;
  }
  .sectionHeading.mgnS{
    margin-bottom: 50px;
  }
  .add-layout-2col{
    gap: 0 clamp(20px,5vw,50px);
  }
  .add-layout-2col .hasOrangeMarker{
    flex: 1;
  }
  .add-layout-2col .bgWhite_block{
    width: 40%;
    display: flex;
    align-items: center;
  }
  div.background_lightGray {
    padding:50px 0;
    }
    div.background_lightGray.wideBox {
      padding:80px 0;
      }
  }
@media screen and (max-width: 767px){
  .pageTitleContainer.mgnS{
    margin-bottom: 25px;
  }
  .sectionHeading.mgnS{
    margin-bottom: 25px;
  }
  .add-layout-2col{
    flex-direction: column;
  }
  div.background_lightGray {
    padding:35px 0;
    }
}

.add-layout-sizing{
  gap: 0 clamp( 20px, 5vw, 50px);
  align-items: start;
}

.add-layout-sizing .forFlex{
  display: flex;
  gap: 0 clamp( 20px, 5vw, 50px);
}
.add-layout-sizing .bgWhite_block{
  flex: 1;
}
@media screen and (min-width: 768px){
  .add-layout-sizing .layout1{
    width: 65%;
  }
  .add-layout-sizing .layout2{
    width: 40%;
  }
}
@media screen and (max-width: 767px){
  .add-layout-sizing{
    flex-direction: column;
    margin-top: 20px;
  }
  .bgWhite_block{
    width: 100%;
  }
  .hemming-toplist > li{
    background-color: var(--GRAY01);
    padding: 20px;
  }
  .hemming-toplist > *+*{
    margin-top: 20px;
  }
  .hemming-toplist .repairPageHeading{
    color: var(--ORANGE01);
  }
  
  .hemming-toplist .generalMBS{
    margin-bottom: 0;
  }
  .add-layout-sizing .forFlex{
    flex-direction: column;
    gap: 20px;
  }
  .add-questionAnswer-small{
    font-size: 12px !important;
    line-height: 22px !important;
  }
}
.add-merit-sec picture{
  order: 2;
}
.add-merit-sec picture img{
  width: 100%;
}
.add-merit-sec h4{
  order: 1;
}
.add-merit-sec p{
  order: 3;
  background-color: #f5f1e8;
  padding: 1em;
}
 .hasNormalMarker > li:before,
 .hasOrangeMarker > li:before{
  content: "・";
  margin-right: .5em;
  font-weight: 700;
  font-size: 1.2em;
}
 .hasOrangeMarker > li:before{
  color: var(--ORANGE01);
}
.add-generalMBS{
  margin-bottom: 1em;
}
img.time.imgauto{
  margin-block: 20px;
}
.postage-table{
  table-layout: fixed;
  border-collapse: collapse;
  border: 1px solid var(--BLACK);
  width: 100%;
}
.postage-table.ginkou{
  width: auto;
}
.postage-table tbody > *+*{
  border-top: 1px solid var(--BLACK);
}
.postage-table tr > *+*{
  border-left: 1px solid var(--BLACK);
}
.areaPostage.forFlex{
  gap: 20px;
}
.postage-table th{
  background-color: var(--GRAY01);
}
.postage-table td{
  background-color: var(--WHITE);
}
.postage-table tr > *{
  padding:.5em 1em;
}
.postage-table tr > *:first-child{
  width: 70%;
}
.postage-table.ginkou tr > *:first-child{
  width: 30%;
}

.postage-table tr > *:nth-child(2){
  flex: 1;
  text-align: center;
}
.add-postage{
  margin-bottom: 10px;
}
.add-inner{
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  padding: 20px 0;
  transition: .3s;
  justify-content: space-between;
}
.measuringNested_section .doHover + .imageCap{
  margin-top: 10px;
}
@media screen and (min-width: 768px){
  .add-merit-sec h4{
    text-align: center;
  }
  .add-merit-sec *:last-child{
    flex-grow: 1;
  }
  .add-merit-sec{
    display: flex;
    flex-direction: column;
  }
  .add-faqMb{
    margin-bottom: 40px;
  }
  .add-postage{
    font-size: 18px;
  }
  .qHeading.sectionHeading{
    font-size: 18px;
  }
  .add-generalMB25{
    margin-bottom: 25px;
  }
  .no-spMgb50{
    margin-bottom: 50px;
  }
  .add-generalMB30{
    margin-bottom: 30px !important;
  }
  .add-generalMB60{
    margin-bottom: 60px !important;
  }
  .add-generalMB80{
    margin-bottom: 80px !important;
  }
  .concept_section .concept-ttl{
    padding-left: 7.5%;
  }
  .concept_section .paragraph_block{
    width: 65%;
    padding-right: 25px;
  }
  .add-generalMB50-30{
    margin-bottom: 50px !important;
  }
}
@media screen and (max-width: 767px){
  .spMgn10{
    margin-bottom: 10px;
  }
  .add-faqMb{
    margin-bottom: 10px;
  }
  .postage-table{
    margin-top: 10px;
  }
  .add-generalMB25{
    margin-bottom: 10px;
  }
  .measuringNested_section + .measuringNested_section{
    margin-top: 25px;
  }
  .add-generalMB30{
    margin-bottom: 20px !important;
  }
  .add-generalMB60{
    margin-bottom: 30px !important;
  }
  .add-generalMB50-35{
    margin-bottom: 35px !important;
  }
  .add-generalMB80{
    margin-bottom: 25px !important;
  }
  .add-layout-sizing .bgWhite_block{
    margin-top: 10px;
  }
  .exchangeNested_section.generalMBS h3.sectionHeading{
    font-size: 16px;
  }
  p.add-paragraph{
    font-size: 15px !important;
    text-align: center;
  }
  .guideNested_section .extraHeading.weightBolder{
    font-size: 14px;
  }
  .add-inner{
    width: var(--INNER_WIDTH);
  }
}

/* ギフトページ調整 */
.add-gift-list {
  display: grid;
}
.add-gift-txt {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.add-gift-list .thumb {
  margin-inline:auto;
}
@media screen and (min-width: 768px){
  .add-gift-list {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 20px;
    width: 100%;
  }
  .add-gift-list .thumb {
    width: 60%;
    margin-bottom: 30px;
  }
  .washing_list{
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 767px){
  .add-gift-list {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 20px;
  }

  .add-gift-list .thumb {
    width: 100%;
    margin-bottom: 20px;
  }
  .add-line-height{
    line-height: 1.8;
  }
}
.add-layout-2col .hasOrangeMarker li:before{
  display: none;
}
.sp-center{
  text-align: center;
}
@media screen and (max-width: 767px){
  .measuringNested_section h3.sectionHeading{
    font-size: 16px;
  }
  .fixedNested_section.grid picture,
  .fixedNested_section.grid h4{
    margin-bottom: 0;
  }
  .layout2 picture{
    width: 70%;
    margin-inline:auto;
    margin-bottom: 20px;
  }
  p.extraHeading{
    padding-top: 10px;
  }
  .bg_LIGHT_BEIGE + .notice_paragraph{
    margin-top: 10px;
  }
}

/* Spanの定番アイテム ****************************/
.font-mincho{
  font-family: 'Shippori Mincho', 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
}
.classic-fvArea{
  position: relative;
}
.classic-fv h1{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
}
.classic-fv p{
  text-align: center;
}
.classic-anchor ul{
  display: grid;
  /* grid-template-columns: repeat(4,1fr); */
  grid-template-columns: repeat(3,1fr);
  margin: 0 auto;
}
.classic-anchor li{
  text-align: center;
  border-bottom: solid 1.8px #D9D9D9;
}
.classic-anchor li a{
  display: inline-block;
  width: 100%;
  color: #656565;
}
.classic-anchor__1st{
  border-bottom: solid 1.8px var(--TXT_COLOR)!important;
}
.classic-anchor__1st a{
  color: var(--TXT_COLOR)!important;
}
.category-dec{
  text-align: center;
  letter-spacing: .3em!important;
  position: relative;
}
.category-dec::after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 20px;
  height: 1px;
  background-color: var(--TXT_COLOR);
}
.classic-category__block,.classic-category__point ul,.classic-category__item ul{
  display: grid;
}
.classic-category__point h3{
  text-align: center;
}
.classic-category__point h4,.merinowool-point h4{
  font-weight: 500;
}

@media screen and (min-width: 768px){
  .mgt--100{
    margin-top: clamp(90px, 9.5vw, 100px);
  }
  .classic-fv{
    position: relative;
  }
  .classic-fv h1{
    font-size: clamp(34px, 3.4vw, 36px);
  }
  .classic-fv p{
    font-size: 16px;
    line-height: 2.5;
    background-color: rgba(255, 255, 255, 0.85);
    position: relative;
    margin: -105px auto 0;
    z-index: 2;
    width: 75%;
    padding: 35px 0;
  }
  .classic-anchor ul{
    width: 70%;
    gap: 2.5%;
  }
  .classic-anchor li{
    font-size: clamp(20px, 2vw, 22px);
  }
  .category-dec{
    font-size: clamp(28px, 2.8vw, 32px);
    padding-bottom: 5px;
  }
  .classic-category__block{
    grid-template-columns: repeat(2,1fr);
    place-items: center;
    width: 85%;
    margin: 100px auto 0;
    gap: clamp(40px, 5vw, 60px);
  }
  .classic-category__block p{
    line-height: 3;
  }
  .classic-category__point h3{
    font-size: clamp(22px, 2.4vw, 26px);
    margin-top: 160px;
  }
  .classic-category__point ul{
    width: 75%;
    margin: 60px auto 0;
    grid-template-columns: repeat(3,1fr);
    gap: clamp(40px, 5vw, 60px);
  }
  .classic-category__pointTxt,.merinowool__pointTxt{
    margin-left: 20px;
  }
  .classic-category__point h4,.merinowool-point h4{
    padding: 13px 0 18px;
  }
  .classic-category__point p,.merinowool-point p{
    font-size: 14px;
  }
  .classic-category__item,.merinowool-items ul{
    width: 80%;
    margin: 100px auto 0;
  }
  .classic-category__item li{
    display: grid;
    gap: clamp(40px, 5vw, 60px);
    place-items: end;
  }
  .classic-category__item li:not(:first-of-type),.merinowool-items li:not(:first-of-type){
    margin-top: clamp(90px, 9.5vw, 100px);
  }
  .img-left{
    grid-template-columns: 5fr 4fr;
  }
  .img-right{
    grid-template-columns: 4fr 5fr;
  }
  .classic-category__itemName{
    margin: clamp(40px, 5vw, 60px) 0 10px;
  }
  .item-price{
    font-size: clamp(12px, 1.2vw, 14px);
  }
  .item-price span{
    font-size: clamp(18px, 1.8vw, 20px);
    padding-right: 10px;
  }
  .classic-inner,.merinowool-products{
    padding-bottom:  clamp(90px, 9.5vw, 100px);
  }
  .merinowool-products{
    padding-top: 30px;
  }
  .f-productList{
    padding: 100px 0;
  }
}

@media screen and (max-width: 767px){
  .mgt--100{
    margin-top: 60px;
  }
  .classic-fv,.merinowool-fv{
    margin-top: 15px;
  }
  .classic-fv h1{
    font-size: 26px;
    white-space: nowrap;
  }
  .classic-fv p{
    line-height: 2;
    margin: 15px 0 50px 0;
  }
    .classic-anchor ul{
    gap: 1.5%;
  }
  .category-dec{
    font-size: 22px;
    padding-bottom: 5px;
  }
  .classic-category__block,.classic-category__item,.merinowool-items ul{
    width: 80%;
    margin: 30px auto 0;
  }
  .classic-category__block img{
    order: 1;
  }
  .classic-category__block p{
    order: 2;
    line-height: 2.5;
    margin-top: 20px;
  }
  .classic-category__point h3{
    font-size: 20px;
    margin-top: 80px;
  }
  .classic-category__point ul{
    width: 95%;
    margin: 30px auto 0;
    gap: 20px;
  }
  .classic-category__point li{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 15px;
  }
  .classic-category__point h4,.merinowool-point h4{
    padding: 13px 0 10px;
  }
  .classic-category__point p,.merinowool-point p{
    font-size: 13px!important;
  }
  .classic-category__item li{
    margin-top: 60px;
    display: flex;
    flex-direction: column;
  }
  .classic-category__itemTxt p{
    margin-top: 15px;
  }
  .item-price{
    font-size: 12px!important;
  }
  .item-price span{
    font-size: 18px;
    padding-right: 10px;
  }
    .img-right img{
    order: 1;
  }
  .img-right .classic-category__itemTxt{
    order: 2;
  }
   .classic-inner,.merinowool-products{
    padding-bottom:  60px;
  }
  .merinowool-products{
    padding-top: 10px;
  }
  .f-productList{
    padding: 40px 0;
  }
}

/* Spanのメリノウール ****************************/
.f-bgc__beige{
  background: linear-gradient(to bottom, #FBFAF6 90%, #ffffff 100%);
}
.merinowool-fvArea{
  position: relative;
}
.merinowool-fv h1{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
}
.merinowool-about h2{
  text-align: center;
  letter-spacing: .3em!important;
  position: relative;
}
.merinowool-about h2::after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 1px;
  background-color: #707070;
}
.merinowool-about__block,.merinowool-features__block,.merinowool-features__block li,.merinowool-features__img,.merinowool-items li{
  display: grid;
}
.title-dec{
  position: relative;
}
.title-dec::after{
  content: "";
  position: absolute;
  left: 0;
  width: 10%;
  height: 1px;
  background-color: #DBD0B7;
}
.merinowool-features{
  text-align: center;
}
.merinowool-features h2{
  position: relative;
  letter-spacing: .3em !important;
}
.merinowool-features h2::before,.merinowool-features h2::after{
  content: "";
  position: absolute;
  display: inline-block;
}
.merinowool-features h2::before{
  border-left: solid 1px var(--TXT_COLOR);
  border-top: solid 1px var(--TXT_COLOR);
  top: 0;
  left: 0;
}
.merinowool-features h2::after{
  border-right: solid 1px var(--TXT_COLOR);
  border-bottom: solid 1px var(--TXT_COLOR);
  bottom: 0;
  right: 0;
}
.merinowool-features__txt{
  text-align: left;
}
.merinowool-features__txt p:not(:first-of-type){
  margin-top: 2em;
}
.merinowool-features__img03{
  width: 70%;
  margin: 0 auto;
}
.merinowool-features__cat{
  font-weight: 500;
  font-size: 1.1em;
}
.merinowool-items__itemName{
  font-size: 1.1em;
}
.merinowool-point h2{
  text-align: center;
}
.merinowool-point ul{
  display: flex;
}
.column-sec{
  background-color: #FAFAFA;
}
.sec-ttl{
  display: flex;
}
.column-list{
  display: grid;
}
.column-list time{
  display: block;
  font-size: clamp(11px, 1.2vw, 14px);
  margin-top: 10px;
}
.column-list .ttl {
  font-weight: 500;
}

@media screen and (min-width: 768px){
  .f-pc--inner{
    width: 1000px;
    margin: 0 auto;
  }
  .merinowool-fv h1{
    font-size: clamp(34px, 3.4vw, 36px);
  }
  .merinowool-about h2{
    font-size: clamp(28px, 2.8vw, 32px);
    padding-bottom: 60px;
  }
  .merinowool-about h2::after{
    height: 40px;
  }
  .merinowool-about__block{
    margin-top: 60px;
    grid-template-columns: repeat(2,1fr);
    gap: clamp(80px, 9vw, 100px);
    place-items: center;
    padding-bottom: 60px;
  }
  .title-dec{
    font-size: clamp(22px, 2.4vw, 26px);
    margin-bottom: 60px;
  }
  .title-dec::after{
    bottom: -30px;
  }
  .merinowool-features h2{
    font-size: clamp(28px, 2.8vw, 32px);
    display: inline-block;
    padding: 30px 100px;
  }
  .merinowool-features h2::before,.merinowool-features h2::after{
    width: 100px;
    height: 25px;
  }
  .merinowool-features__block{
    gap: clamp(80px, 9vw, 100px);
  }
  .merinowool-features__block li{
    grid-template-columns: repeat(2,1fr);
    gap: clamp(80px, 9vw, 100px);
  }
  .merinowool-features__img{
    gap: 20px;
  }
  .merinowool-features__cat{
    padding: clamp(80px, 9vw, 100px) 0;
  }
  .merinowool-items ul{
    padding-bottom: 60px;
  }
  .merinowool-items li{
    gap: clamp(40px, 5vw, 60px);
    place-items: end;
  }
  .merinowool-items__itemName{
    font-weight: 600;
    padding-bottom: 10px;
  }
  .item-txt{
    margin-top: 20px;
  }
  .merinowool-point h2{
    font-size: clamp(28px, 2.8vw, 32px);
  }
  .merinowool-point ul{
    justify-content: center;
    margin: 60px auto;
    gap: clamp(60px, 7vw, 80px);
  }
  .merinowool-point li{
    width: 25%;
  }
  .merinowool-point__block{
    position: relative;
    z-index: 0;
  }
  .merinowool-point__block::before{
    content: "";
    position: absolute;
    top: 15%;
    left: 0;
    width: 100%;
    height: 70%;
    background-color: #FBFAF6;
    z-index: -1;
  }
  .column-sec{
    padding: calc(var(--GENERALSEC) - 50px) 0;
  }
  .sec-ttl{
    gap: var(--MG_20);
    margin-bottom: 30px;
  }
  .column-list{
    grid-template-columns: repeat(3, 1fr);
    gap: var(--MG_20);
  }
  .column-list .ttl {
    font-size: clamp(12px, 1.4vw, 16px);
    margin-bottom: 10px;
  }
  .column-list .excerpt {
    font-size: clamp(11px, 1.2vw, 14px);
  }
}

@media screen and (max-width: 767px){
  .f-sp--inner{
    width: 80%;
    margin: 0 auto;
  }
  .merinowool-fv h1{
    font-size: 26px;
    white-space: nowrap;
  }
  .merinowool-about{
    padding-bottom: 30px;
  }
  .merinowool-about h2{
    font-size: 22px;
    padding-bottom: 25px;
  }
  .merinowool-about h2::after{
  height: 20px;
  }
  .merinowool-about__block{
    margin-top: 30px;
    gap: 30px;
    padding-bottom: 30px;
  }
  .title-dec{
    font-size: 16px;
    margin-bottom: 30px;
  }
  .title-dec::after{
    bottom: -15px;
  }
  .merinowool-features h2{
    font-size: 22px;
    display: inline-block;
    white-space: nowrap;
    padding: 15px 35px;
  }
  .merinowool-features h2::before,.merinowool-features h2::after{
    width: 60px;
    height: 20px;
  }
  .merinowool-features__block{
    gap: 60px;
  }
  .merinowool-features__block li{
    gap: 15px;
  }
  .merinowool-features__img{
    gap: 10px;
  }
  .merinowool-features__cat{
    padding: 60px 0;
    letter-spacing: .15em!important;
    line-height: 2em!important;
  }
  .merinowool-items li{
    margin-top: 60px;
  }
  .merinowool-point h2{
    font-size: 22px;
  }
  .merinowool-point ul{
    flex-direction: column;
    margin: 30px 0;
    gap: 20px;
  }
  .merinowool-point__block li{
    position: relative;
    z-index: 0;
  }
  .merinowool-point__block li::before{
    content: "";
    position: absolute;
    top: 15%;
    left: 0;
    width: 100%;
    height: 70%;
    background-color: #FBFAF6;
    z-index: -1;
  }
  .merinowool-point__bgc{
    width: 70%;
    margin: 0 auto;
  }
  .merinowool__pointTxt{
    margin-left: 15px;
  }
  .column-sec{
    padding: var(--GENERALSEC) 0;
  }
  .column-list{
    grid-template-columns: repeat(2, 1fr);
    gap: 40px var(--MG_20);
  }
  .column-list .ttl {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .column-list .excerpt {
    display: none;
  }
}