@charset "UTF-8";
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}
#page-about article,
#page-about aside,
#page-about details,
#page-about figcaption,
#page-about figure,
#page-about footer,
#page-about header,
#page-about hgroup,
#page-about main,
#page-about nav,
#page-about section,
#page-about summary {
  display: block
}
#page-about audio,
#page-about canvas,
#page-about progress,
#page-about video {
  display: inline-block;
  vertical-align: baseline
}
#page-about audio:not([controls]) {
  display: none;
  height: 0
}
#page-about [hidden],
#page-about template {
  display: none
}
#page-about a {
  background: 0 0
}
#page-about a:active,
#page-about a:hover {
  outline: 0
}
#page-about abbr[title] {
  border-bottom: 1px dotted
}
#page-about b,
#page-about strong {
  font-weight: 700
}
#page-about dfn {
  font-style: italic
}
#page-about h1 {
  margin: .67em 0;
  font-size: 2em
}
#page-about mark {
  background: #ff0;
  color: #000
}
#page-about small {
  font-size: 80%
}
#page-about sub,
#page-about sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline
}
#page-about sup {
  top: -.5em
}
#page-about sub {
  bottom: -.25em
}
#page-about img {
  border: 0
}
#page-about svg:not(:root) {
  overflow: hidden
}
#page-about figure {
  margin: 1em 40px
}
#page-about hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0
}
#page-about pre {
  overflow: auto
}
#page-about code,
#page-about kbd,
#page-about pre,
#page-about samp {
  font-family: monospace,monospace;
  font-size: 1em
}
#page-about button,
#page-about input,
#page-about optgroup,
#page-about select,
#page-about textarea {
  margin: 0;
  color: inherit;
  font: inherit
}
#page-about button {
  overflow: visible
}
#page-about button,
#page-about select {
  text-transform: none
}
#page-about button,
#page-about html input[type=button],
#page-about input[type=reset],
#page-about input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer
}
#page-about button[disabled],
#page-about html input[disabled] {
  cursor: default
}
#page-about button::-moz-focus-inner,
#page-about input::-moz-focus-inner {
  padding: 0;
  border: 0
}
#page-about input {
  line-height: normal
}
#page-about input[type=checkbox],
#page-about input[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0
}
#page-about input[type=number]::-webkit-inner-spin-button,
#page-about input[type=number]::-webkit-outer-spin-button {
  height: auto
}
#page-about input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}
#page-about input[type=search]::-webkit-search-cancel-button,
#page-about input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}
#page-about fieldset {
  margin: 0 2px;
  padding: .35em .625em .75em;
  border: 1px solid silver
}
#page-about legend {
  padding: 0;
  border: 0
}
#page-about textarea {
  overflow: auto
}
#page-about optgroup {
  font-weight: 700
}
#page-about table {
  border-collapse: collapse;
  border-spacing: 0
}
#page-about td,
#page-about th {
  padding: 0
}
body,
html {
  font-size: 100%
}
#page-about abbr,
#page-about address,
#page-about article,
#page-about aside,
#page-about audio,
#page-about b,
#page-about blockquote,
#page-about caption,
#page-about cite,
#page-about code,
#page-about dd,
#page-about del,
#page-about dfn,
#page-about dialog,
#page-about div,
#page-about dl,
#page-about dt,
#page-about em,
#page-about fieldset,
#page-about figure,
#page-about footer,
#page-about form,
#page-about h1,
#page-about h2,
#page-about h3,
#page-about h4,
#page-about h5,
#page-about h6,
#page-about header,
#page-about hgroup,
#page-about i,
#page-about iframe,
#page-about img,
#page-about ins,
#page-about kbd,
#page-about label,
#page-about legend,
#page-about li,
#page-about main,
#page-about mark,
#page-about menu,
#page-about nav,
#page-about object,
#page-about ol,
#page-about p,
#page-about pre,
#page-about q,
#page-about samp,
#page-about section,
#page-about small,
#page-about span,
#page-about strong,
#page-about sub,
#page-about sup,
#page-about table,
#page-about tbody,
#page-about td,
#page-about tfoot,
#page-about th,
#page-about thead,
#page-about time,
#page-about tr,
#page-about ul,
#page-about var,
#page-about video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  color: #3a3a3a;
  font: inherit;
  font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
  font-size: 100%;
  line-height: 1.45;
  vertical-align: baseline
}
#page-about article,
#page-about aside,
#page-about figcaption,
#page-about figure,
#page-about footer,
#page-about header,
#page-about hgroup,
#page-about menu,
#page-about nav,
#page-about section,
#page-about time {
  display: block
}
#page-about li {
  list-style: none
}
#page-about ol,
#page-about ul {
  list-style: none
}
#page-about img {
  border: 0;
  font-size: 0;
  line-height: 0;
  vertical-align: top
}
#page-about table {
  border-collapse: collapse;
  border-spacing: 0
}
#page-about h1,
#page-about h2,
#page-about p,
#page-about pre {
  word-wrap: break-word
}
#page-about caption,
#page-about td,
#page-about th {
  font-weight: 400;
  text-align: left;
  vertical-align: middle
}
#page-about caption {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%
}
#page-about tbody,
#page-about tfoot,
#page-about thead,
#page-about tr {
  vertical-align: baseline
}
#page-about tbody,
#page-about td,
#page-about tfoot,
#page-about th,
#page-about thead,
#page-about tr {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%
}
#page-about hr {
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #ccc
}
#page-about input,
#page-about select {
  vertical-align: middle
}
#page-about button,
#page-about input,
#page-about select,
#page-about textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  outline: 0;
  background: 0 0
}
#page-about button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  border: none;
  outline: 0;
  background-color: transparent;
  cursor: pointer
}
#page-about select::-ms-expand {
  display: none
}
body,
html {
  -webkit-text-size-adjust: none;
  margin: 0;
  padding: 0
}
* {
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box
}
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%
}
#page-about {
  -moz-osx-font-smoothing: grayscale;
  color: #3a3a3a;
  font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
  font-size: 12px;
  letter-spacing: .05em;
  line-height: 1.45
}
#page-about a {
  -webkit-transition: compact(all .2s ease,false,false,false,false,false,false,false,false,false);
  color: #3a3a3a;
  text-decoration: none;
  cursor: pointer;
  transition: compact(all .2s ease,false,false,false,false,false,false,false,false,false)
}
#page-about a img {
  -webkit-transition: compact(all .2s ease-in-out,false,false,false,false,false,false,false,false,false);
  -webkit-backface-visibility: hidden;
  border: none;
  backface-visibility: hidden;
  transition: compact(all .2s ease-in-out,false,false,false,false,false,false,false,false,false)
}
#page-about a:hover img {
  opacity: .6
}
#page-about img {
  width: 100%;
  max-width: 100%;
  vertical-align: bottom
}
#page-about .sp-visible {
  display: none!important
}
#header #sitelogo {
  -webkit-box-sizing: unset;
  box-sizing: unset
}
#footer {
  z-index: 1;
  background-color: #fff
}
.navitopicpath_ {
  z-index: 1;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 13px 0 20px;
  background: #fefcf7
}
#page-about .main-visual {
  z-index: 1;
  position: relative;
  padding-top: 40px;
  background: #fefcf7
}
#page-about .main-visual h1 {
  margin-bottom: 70px;
  font-family: Taviraj,serif;
  font-size: 44px;
  font-size: 2.75rem;
  text-align: center
}
#page-about .main-visual h1 span {
  display: block;
  font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
  font-size: 16px;
  font-size: 1rem
}
#page-about .main-visual .img-area {
  -webkit-clip-path: inset(0 28.8% 26.2% 28.8%);
  -webkit-transition: -webkit-clip-path ease-out .4s;
  position: relative;
  width: 100%;
  height: 57.638vw;
  overflow: hidden;
  background-image: url(../img/usr/about2023/img_mv.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  clip-path: inset(0 28.8% 26.2% 28.8%);
  transition: -webkit-clip-path ease-out .4s;
  transition: clip-path ease-out .4s;
  transition: clip-path ease-out .4s,-webkit-clip-path ease-out .4s
}
#page-about .history {
  z-index: 1;
  position: relative;
  padding: 110px 0;
  background: #fefcf7
}
#page-about .history .history-inner {
  width: 90.277%;
  margin: 0 auto
}
#page-about .history .history-inner .history-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
#page-about .history .history-inner .history-block .txt-area {
  width: 50%;
  margin-top: 50px
}
#page-about .history .history-inner .history-block .txt-area .container {
  width: 450px
}
#page-about .history .history-inner .history-block .txt-area .container h2 {
  margin-bottom: 50px;
  font-family: "Noto Serif JP",serif;
  font-size: 27px;
  font-size: 1.6875rem
}
#page-about .history .history-inner .history-block .txt-area .container p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.75
}
#page-about .history .history-inner .history-block .img-area {
  width: 50%
}
#page-about .history .history-inner .history-block.block-1 .txt-area .container {
  margin-right: 21.538%;
  margin-left: 9.23%
}
#page-about .history .history-inner .history-block.block-1 .txt-area .container figure {
  width: 382px;
  margin: 50px auto 0
}
#page-about .history .history-inner .history-block.block-2 {
  margin-top: 140px
}
#page-about .history .history-inner .history-block.block-2 .txt-area .container {
  margin-right: 26.152%;
  margin-left: 15.384%
}
#page-about .history .history-inner .history-block.block-2 .txt-area .container .chronology {
  width: 510px;
  margin-top: 25px;
  margin-left: -30px;
  padding: 30px;
  border: 1px solid #a88313
}
#page-about .history .history-inner .history-block.block-2 .txt-area .container .chronology h3 {
  margin-bottom: 15px;
  color: #a88313;
  font-family: "Noto Serif JP",serif;
  font-size: 20px;
  font-size: 1.25rem
}
#page-about .history .history-inner .history-block.block-2 .txt-area .container .chronology dl {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap
}
#page-about .history .history-inner .history-block.block-2 .txt-area .container .chronology dl dt {
  width: 70px;
  margin-bottom: 10px;
  color: #a88313;
  font-family: "Noto Serif JP",serif;
  font-size: 17px;
  font-size: 1.0625rem;
  font-weight: 700
}
#page-about .history .history-inner .history-block.block-2 .txt-area .container .chronology dl dd {
  width: calc(100% - 70px);
  margin-top: 4px;
  margin-bottom: 10px;
  color: #a88313;
  font-family: "Noto Serif JP",serif;
  font-size: 12px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.5
}
#page-about .chenille,
#page-about .chenille-handkerchief {
  position: relative;
  overflow: hidden
}
#page-about .chenille .visual:before,
#page-about .chenille-handkerchief .visual:before {
  display: block;
  position: fixed;
  top: 71px;
  left: 0;
  width: 100%;
  height: calc(100vh - 71px);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  content: ""
}
#page-about .chenille {
  padding: 130px 0 140px
}
#page-about .chenille .visual span {
  -webkit-transition: opacity ease-out .2s;
  z-index: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(255,255,255,.9);
  opacity: 0;
  transition: opacity ease-out .2s
}
#page-about .chenille .visual:before {
  z-index: 0;
  background-image: url(../img/usr/about2023/bg_chenille.jpg)
}
#page-about .chenille .chenille-inner {
  z-index: 2;
  position: relative
}
#page-about .chenille .chenille-inner .chenille-block {
  width: 1240px;
  margin: 0 auto
}
#page-about .chenille .chenille-inner .chenille-block .txt-area h2 {
  margin-bottom: 50px;
  font-family: "Noto Serif JP",serif;
  font-size: 37px;
  font-size: 2.3125rem;
  font-weight: 500
}
#page-about .chenille .chenille-inner .chenille-block .txt-area h3 {
  margin-bottom: 50px;
  font-family: "Noto Serif JP",serif;
  font-size: 27px;
  font-size: 1.6875rem;
  font-weight: 500
}
#page-about .chenille .chenille-inner .chenille-block .txt-area h4 {
  margin-top: 40px;
  margin-bottom: 10px;
  font-family: "Noto Serif JP",serif;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 500
}
#page-about .chenille .chenille-inner .chenille-block .txt-area p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.75
}
#page-about .chenille .chenille-inner .chenille-block .txt-area aside {
  margin-top: 15px;
  color: #747474;
  font-size: 12px;
  font-size: .75rem;
  line-height: 1.5
}
#page-about .chenille .chenille-inner .chenille-block.block-1 {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  padding-left: 100px
}
#page-about .chenille .chenille-inner .chenille-block.block-1 .txt-area {
  width: 450px
}
#page-about .chenille .chenille-inner .chenille-block.block-1 .img-area {
  width: 610px;
  margin-top: 60px
}
#page-about .chenille .chenille-inner .chenille-block.block-1 .img-area img {
  display: block;
  max-width: 408px;
  margin-right: auto;
  margin-left: 0;
  text-align: right
}
#page-about .chenille .chenille-inner .chenille-block.block-1 .img-area img:nth-of-type(2n+1) {
  margin-right: 0;
  margin-left: auto
}
#page-about .chenille .chenille-inner .chenille-block.block-1 .img-area img:nth-of-type(n+2) {
  margin-top: 40px
}
#page-about .chenille .chenille-inner .chenille-block.block-2 {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 80px;
  padding: 0 70px 0 100px
}
#page-about .chenille .chenille-inner .chenille-block.block-2 .txt-area {
  width: 450px
}
#page-about .chenille .chenille-inner .chenille-block.block-2 .img-area {
  width: 450px;
  padding: 30px;
  background-color: #fff
}
#page-about .chenille .chenille-inner .chenille-block.block-2 .img-area img {
  display: block;
  max-width: 253px;
  margin: 0 auto 25px
}
#page-about .chenille .chenille-inner .chenille-block.block-2 .img-area p {
  color: #747474;
  font-size: 12px;
  font-size: .75rem;
  line-height: 1.5
}
#page-about .chenille .chenille-inner .chenille-block.block-3 {
  margin-top: 110px;
  padding: 0 100px
}
#page-about .chenille .chenille-inner .chenille-block.block-3 .txt-area ul {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  margin-bottom: 75px
}
#page-about .chenille .chenille-inner .chenille-block.block-3 .txt-area ul li {
  width: 450px
}
#page-about .chenille .chenille-inner .chenille-block.block-3 .txt-area ul li p {
  margin-bottom: 25px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.75
}
#page-about .chenille .chenille-inner .chenille-block.block-3 .txt-area > aside,
#page-about .chenille .chenille-inner .chenille-block.block-3 .txt-area > h4,
#page-about .chenille .chenille-inner .chenille-block.block-3 .txt-area > p {
  width: 650px
}
#page-about .chenille .chenille-inner .block-0 {
  width: 100%;
  height: 90vh
}
#page-about .chenille-handkerchief {
  position: relative;
  padding: 110px 0 130px
}
#page-about .chenille-handkerchief .visual {
  -webkit-transition: opacity ease-out .2s;
  opacity: 0;
  transition: opacity ease-out .2s
}
#page-about .chenille-handkerchief .visual:before {
  z-index: 1;
  background-image: url(../img/usr/about2023/bg_chenille_handkerchief.jpg)
}
#page-about .chenille-handkerchief .chenille-handkerchief-inner {
  z-index: 2;
  position: relative
}
#page-about .chenille-handkerchief .chenille-handkerchief-inner h2 {
  font-family: "Noto Serif JP",serif;
  font-size: 37px;
  font-size: 2.3125rem;
  font-weight: 500;
  text-align: center
}
#page-about .chenille-handkerchief .chenille-handkerchief-inner .chenille-handkerchief-block {
  width: 38.194%;
  margin: 0 auto
}
#page-about .chenille-handkerchief .chenille-handkerchief-inner .chenille-handkerchief-block ul li {
  margin-top: 75px
}
#page-about .chenille-handkerchief .chenille-handkerchief-inner .chenille-handkerchief-block ul li img {
  margin-bottom: 20px
}
#page-about .chenille-handkerchief .chenille-handkerchief-inner .chenille-handkerchief-block ul li h3 {
  margin-bottom: 10px;
  font-family: "Noto Serif JP",serif;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 500
}
#page-about .chenille-handkerchief .chenille-handkerchief-inner .chenille-handkerchief-block ul li h3 strong {
  margin-right: 10px;
  color: #a88313;
  font-family: "Noto Serif JP",serif;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700
}
#page-about .chenille-handkerchief .chenille-handkerchief-inner .chenille-handkerchief-block ul li p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.75
}
@media only screen and (max-width:767px) {
  #page-about a:hover img {
    opacity: 1
  }
  #page-about .sp-visible {
    display: block!important
  }
  #page-about .sp-invisible {
    display: none!important
  }
  #page-about .main-visual {
    padding-top: 40px
  }
  #page-about .main-visual h1 {
    margin-bottom: 35px;
    font-size: 30px;
    font-size: 1.875rem
  }
  #page-about .main-visual h1 span {
    font-size: 12px;
    font-size: .75rem
  }
  #page-about .main-visual .img-area {
    -webkit-clip-path: inset(10% 10.4% 32.4% 10.4%);
    height: 138.666vw;
    background-image: url(../img/usr/about2023/img_mv_sp.jpg);
    clip-path: inset(10% 10.4% 32.4% 10.4%)
  }
  #page-about .history {
    padding: 50px 0 80px
  }
  #page-about .history .history-inner {
    width: calc(100% - 40px)
  }
  #page-about .history .history-inner .history-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
  #page-about .history .history-inner .history-block .txt-area {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    width: 100%;
    margin-top: 0;
    margin-bottom: 30px
  }
  #page-about .history .history-inner .history-block .txt-area .container {
    width: 100%
  }
  #page-about .history .history-inner .history-block .txt-area .container h2 {
    margin-bottom: 25px
  }
  #page-about .history .history-inner .history-block .txt-area .container p {
    font-size: 14px;
    font-size: .875rem
  }
  #page-about .history .history-inner .history-block .img-area {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    width: 100%
  }
  #page-about .history .history-inner .history-block.block-1 .txt-area .container {
    margin-right: 0;
    margin-left: 0
  }
  #page-about .history .history-inner .history-block.block-1 .txt-area .container figure {
    width: 73.432%;
    margin-top: 20px
  }
  #page-about .history .history-inner .history-block.block-2 {
    margin-top: 50px
  }
  #page-about .history .history-inner .history-block.block-2 .txt-area .container {
    margin-right: 0;
    margin-left: 0
  }
  #page-about .history .history-inner .history-block.block-2 .txt-area .container .chronology {
    width: 104%;
    margin-left: -2%;
    padding: 15px
  }
  #page-about .history .history-inner .history-block.block-2 .txt-area .container .chronology h3 {
    font-size: 16px;
    font-size: 1rem
  }
  #page-about .history .history-inner .history-block.block-2 .txt-area .container .chronology dl dt {
    width: 60px;
    font-size: 14px;
    font-size: .875rem
  }
  #page-about .history .history-inner .history-block.block-2 .txt-area .container .chronology dl dd {
    width: calc(100% - 60px);
    font-size: 10px;
    font-size: .625rem
  }
  #page-about .chenille .visual:before,
  #page-about .chenille-handkerchief .visual:before {
    top: 55px;
    height: calc(100vh - 55px)
  }
  #page-about .chenille {
    padding: 50px 0 70px
  }
  #page-about .chenille .visual:before {
    background-image: url(../img/usr/about2023/bg_chenille_sp.jpg)
  }
  #page-about .chenille .chenille-inner .chenille-block {
    width: calc(100% - 40px)
  }
  #page-about .chenille .chenille-inner .chenille-block .txt-area h2 {
    margin-bottom: 25px;
    font-size: 27px;
    font-size: 1.6875rem
  }
  #page-about .chenille .chenille-inner .chenille-block .txt-area h3 {
    margin-bottom: 25px;
    font-size: 22px;
    font-size: 1.375rem
  }
  #page-about .chenille .chenille-inner .chenille-block .txt-area h4 {
    margin-top: 25px
  }
  #page-about .chenille .chenille-inner .chenille-block .txt-area p {
    font-size: 14px;
    font-size: .875rem
  }
  #page-about .chenille .chenille-inner .chenille-block.block-1 {
    display: block;
    padding-left: 0
  }
  #page-about .chenille .chenille-inner .chenille-block.block-1 .txt-area {
    width: 100%
  }
  #page-about .chenille .chenille-inner .chenille-block.block-1 .img-area {
    width: 100%;
    margin-top: 30px
  }
  #page-about .chenille .chenille-inner .chenille-block.block-1 .img-area img {
    width: 67.462%
  }
  #page-about .chenille .chenille-inner .chenille-block.block-1 .img-area img:nth-of-type(n+2) {
    margin-top: 22px
  }
  #page-about .chenille .chenille-inner .chenille-block.block-2 {
    display: block;
    margin-top: 60px;
    padding: 0
  }
  #page-about .chenille .chenille-inner .chenille-block.block-2 .txt-area {
    width: 100%
  }
  #page-about .chenille .chenille-inner .chenille-block.block-2 .img-area {
    width: 100%;
    margin-top: 25px;
    padding: 30px 17px
  }
  #page-about .chenille .chenille-inner .chenille-block.block-2 .img-area img {
    max-width: 200px
  }
  #page-about .chenille .chenille-inner .chenille-block.block-3 {
    margin-top: 60px;
    padding: 0
  }
  #page-about .chenille .chenille-inner .chenille-block.block-3 .txt-area ul {
    display: block;
    margin-bottom: 60px
  }
  #page-about .chenille .chenille-inner .chenille-block.block-3 .txt-area ul li {
    width: 100%
  }
  #page-about .chenille .chenille-inner .chenille-block.block-3 .txt-area ul li p {
    margin-bottom: 22px;
    font-size: 14px;
    font-size: .875rem
  }
  #page-about .chenille .chenille-inner .chenille-block.block-3 .txt-area ul li:last-child {
    margin-top: 40px
  }
  #page-about .chenille .chenille-inner .chenille-block.block-3 .txt-area > aside,
  #page-about .chenille .chenille-inner .chenille-block.block-3 .txt-area > h4,
  #page-about .chenille .chenille-inner .chenille-block.block-3 .txt-area > p {
    width: 100%
  }
  #page-about .chenille-handkerchief {
    padding: 60px 0 100px
  }
  #page-about .chenille-handkerchief .visual:before {
    background-image: url(../img/usr/about2023/bg_chenille_handkerchief_sp.jpg)
  }
  #page-about .chenille-handkerchief .chenille-handkerchief-inner h2 {
    width: calc(100% - 40px);
    margin-right: auto;
    margin-left: auto;
    font-size: 27px;
    font-size: 1.6875rem;
    text-align: left
  }
  #page-about .chenille-handkerchief .chenille-handkerchief-inner .chenille-handkerchief-block {
    width: 100%
  }
  #page-about .chenille-handkerchief .chenille-handkerchief-inner .chenille-handkerchief-block ul li {
    margin-top: 33px
  }
  #page-about .chenille-handkerchief .chenille-handkerchief-inner .chenille-handkerchief-block ul li img {
    margin-bottom: 13px
  }
  #page-about .chenille-handkerchief .chenille-handkerchief-inner .chenille-handkerchief-block ul li h3 {
    width: calc(100% - 40px);
    margin-right: auto;
    margin-left: auto;
    font-size: 17px;
    font-size: 1.0625rem
  }
  #page-about .chenille-handkerchief .chenille-handkerchief-inner .chenille-handkerchief-block ul li h3 strong {
    font-size: 17px;
    font-size: 1.0625rem
  }
  #page-about .chenille-handkerchief .chenille-handkerchief-inner .chenille-handkerchief-block ul li p {
    width: calc(100% - 40px);
    margin-right: auto;
    margin-left: auto;
    font-size: 14px;
    font-size: .875rem
  }
}