@charset "UTF-8";
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/* line 10, page_work.scss */
#productSec { margin: 5em auto 0; }
/* line 11, page_work.scss */
#productSec .tit { font-family: "YakuHanMP", "Hina Mincho", serif; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
/* line 12, page_work.scss */
#productSec .tit i { width: 42px; line-height: 1; margin-right: .75em; }
/* line 13, page_work.scss */
#productSec .tit em, #productSec .tit span { letter-spacing: .15em; }
/* line 14, page_work.scss */
#productSec .tit em { font-size: 40px; line-height: 1.6; }
/* line 15, page_work.scss */
#productSec .tit span { font-size: 32px; line-height: 1.8; width: 100%; }
/* line 17, page_work.scss */
#productSec ul.listWrap { margin-top: 3em; display: flex; justify-content: flex-start; flex-wrap: wrap; column-gap: 77px; grid-row-gap: 70px; }
/* line 18, page_work.scss */
#productSec ul.listWrap li { width: 315px; }
/* line 20, page_work.scss */
#productSec ul.listWrap li .text { text-align: left; margin-top: .75em; }
/* line 21, page_work.scss */
#productSec ul.listWrap li .text .t { font-family: "YakuHanMP", "Hina Mincho", serif; font-size: 21px; border-bottom: 1px dashed rgba(143, 141, 141, 0.5); padding-bottom: .5em; margin-bottom: .75em; }
/* line 22, page_work.scss */
#productSec ul.listWrap li .text .read { line-height: 1.7; letter-spacing: .01em; }
/* line 32, page_work.scss */
#productSec .bnrWebshop.l { margin: 6em auto 0; }

@media only screen and (max-width: 750px) { /* line 48, page_work.scss */
  .titleSec .title em { letter-spacing: -.0em; }
  /* line 53, page_work.scss */
  #productSec { margin: 3em auto 0; }
  /* line 55, page_work.scss */
  #productSec .tit i { width: 42px; line-height: 1; margin-right: .75em; display: none; }
  /* line 57, page_work.scss */
  #productSec .tit em { font-size: 32px; line-height: 1.5; }
  /* line 58, page_work.scss */
  #productSec .tit span { font-size: 20px; line-height: 1.8; }
  /* line 60, page_work.scss */
  #productSec ul.listWrap { margin-top: 2.5em; column-gap: 0; grid-row-gap: 70px; padding: 0 6.5%; }
  /* line 61, page_work.scss */
  #productSec ul.listWrap li { width: 100%; }
  /* line 63, page_work.scss */
  #productSec ul.listWrap li .text { margin-top: .75em; }
  /* line 64, page_work.scss */
  #productSec ul.listWrap li .text .t { font-family: "YakuHanMP", "Hina Mincho", serif; font-size: 21px; border-bottom: 1px dashed rgba(143, 141, 141, 0.5); padding-bottom: .5em; margin-bottom: .75em; }
  /* line 65, page_work.scss */
  #productSec ul.listWrap li .text .read { line-height: 1.7; letter-spacing: .01em; }
  /* line 75, page_work.scss */
  #productSec .bnrWebshop.l { margin: 5em auto 0; } }
/* line 89, page_work.scss */
#otherSec { margin-top: 8em; background: url("../img/bg01.webp"); position: relative; overflow: hidden; }
/* line 90, page_work.scss */
#otherSec .wrapper { padding: 120px 0 100px; }
/* line 91, page_work.scss */
#otherSec .wrapper .titCmn { margin: 0 auto 4em; position: relative; }
/* line 92, page_work.scss */
#otherSec .wrapper .titCmn em, #otherSec .wrapper .titCmn span { position: relative; z-index: 5; }
/* line 93, page_work.scss */
#otherSec .wrapper .titCmn em { font-family: "Cormorant Infant", serif; font-size: 60px; letter-spacing: .15em; line-height: 1.35; }
/* line 95, page_work.scss */
#otherSec .wrapper .titCmn::after { content: ""; width: 280px; height: 0; padding-top: 16.926%; background: url("../img/logoMarkW.webp") no-repeat top center; background-size: 100% auto; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; z-index: 0; opacity: .8; }
/* line 97, page_work.scss */
#otherSec .wrapper .list { background: #fff; border: 1px solid rgba(143, 141, 141, 0.5); display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 98, page_work.scss */
#otherSec .wrapper .list:not(:last-child) { margin-bottom: 3.5em; }
/* line 99, page_work.scss */
#otherSec .wrapper .list .ph { width: 340px; align-self: stretch; }
/* line 100, page_work.scss */
#otherSec .wrapper .list .ph img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; }
/* line 102, page_work.scss */
#otherSec .wrapper .list .text { width: calc(100% - 340px); padding: 1.75em 3em 2.5em; text-align: left; }
/* line 103, page_work.scss */
#otherSec .wrapper .list .text .t { font-family: "Cormorant Infant", serif; font-size: 36px; line-height: 1.8; letter-spacing: .1em; border-bottom: 1px dashed rgba(143, 141, 141, 0.5); margin-bottom: .35em; }
/* line 105, page_work.scss */
#otherSec .wrapper .list .text .catch { font-family: "YakuHanMP", "Hina Mincho", serif; font-size: 24px; line-height: 1.6; letter-spacing: .15em; -webkit-text-stroke-width: .15px; margin-bottom: .5em; }
/* line 106, page_work.scss */
#otherSec .wrapper .list .text .read { line-height: 2; letter-spacing: .05em; }
/* line 126, page_work.scss */
#otherSec .wrapper .list.event .text .link { text-align: right; margin-top: .5em; }
/* line 135, page_work.scss */
#otherSec .wrapper .list.media .ph { filter: drop-shadow(3px 3px 5px rgba(40, 21, 21, 0.15)); width: 300px; margin: 2.5em 0 0 2.5em; }
/* line 136, page_work.scss */
#otherSec .wrapper .list.media .ph img { position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; }
/* line 143, page_work.scss */
#otherSec .wrapper .list.media .text .result { width: 100%; background: #f4f2f1; padding: 1.5em 2em; padding-right: 1.5em; display: flex; justify-content: flex-start; flex-wrap: wrap; margin-top: 1.5em; position: relative; }
/* line 144, page_work.scss */
#otherSec .wrapper .list.media .text .result .ttl { width: 120px; height: 120px; border-block: 1px solid #8f8d8d; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-right: 2em; }
/* line 145, page_work.scss */
#otherSec .wrapper .list.media .text .result .ttl em.ls { letter-spacing: .5em; margin-left: .5em; }
/* line 147, page_work.scss */
#otherSec .wrapper .list.media .text .result .textWrap { width: 330px; }
/* line 148, page_work.scss */
#otherSec .wrapper .list.media .text .result .textWrap .read { font-size: 15px; line-height: 1.8; }
/* line 149, page_work.scss */
#otherSec .wrapper .list.media .text .result .textWrap .link { text-align: right; margin-top: .5em; margin-right: 1em; }
/* line 156, page_work.scss */
#otherSec .wrapper .list.media .text .result .phSub { width: 95px; filter: drop-shadow(3px 3px 5px rgba(40, 21, 21, 0.15)); position: absolute; top: 1.25em; right: 1.25em; }

@media only screen and (max-width: 750px) { /* line 166, page_work.scss */
  #otherSec { margin-top: 7em; }
  /* line 167, page_work.scss */
  #otherSec .wrapper { padding: 60px 0 80px; }
  /* line 168, page_work.scss */
  #otherSec .wrapper .titCmn { margin: 0 auto 4em; }
  /* line 170, page_work.scss */
  #otherSec .wrapper .titCmn em { font-size: 38px; justify-content: center; }
  /* line 172, page_work.scss */
  #otherSec .wrapper .titCmn::after { width: 180px; height: 0; padding-top: 180px; background-position: center; }
  /* line 174, page_work.scss */
  #otherSec .wrapper .list { width: 90%; margin: auto; }
  /* line 175, page_work.scss */
  #otherSec .wrapper .list:not(:last-child) { margin-bottom: 3.5em; }
  /* line 176, page_work.scss */
  #otherSec .wrapper .list .ph { width: 100%; height: 0; padding-top: 90%; }
  /* line 179, page_work.scss */
  #otherSec .wrapper .list .text { width: 100%; padding: 1.5em 2.75em 2.25em; }
  /* line 180, page_work.scss */
  #otherSec .wrapper .list .text .t { font-size: 26px; text-align: center; padding-bottom: .25em; }
  /* line 182, page_work.scss */
  #otherSec .wrapper .list .text .catch { font-size: 24px; margin-bottom: .5em; }
  /* line 203, page_work.scss */
  #otherSec .wrapper .list.event .text .link { text-align: right; margin-top: .5em; }
  /* line 212, page_work.scss */
  #otherSec .wrapper .list.media .ph { width: 86%; margin: 1.5em auto 0em; padding-top: 0; height: auto; }
  /* line 213, page_work.scss */
  #otherSec .wrapper .list.media .ph img { position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; }
  /* line 215, page_work.scss */
  #otherSec .wrapper .list.media .text { padding: 1.5em 1.5em 1.5em; }
  /* line 216, page_work.scss */
  #otherSec .wrapper .list.media .text .t { width: 87%; margin-inline: auto; }
  /* line 219, page_work.scss */
  #otherSec .wrapper .list.media .text .read { width: 87%; margin-inline: auto; }
  /* line 220, page_work.scss */
  #otherSec .wrapper .list.media .text .result { width: 100%; padding: 1.5em 1.5em; margin-top: 1.5em; display: block; }
  /* line 221, page_work.scss */
  #otherSec .wrapper .list.media .text .result .ttl { width: 100%; height: auto; margin: 0 auto 1em; }
  /* line 222, page_work.scss */
  #otherSec .wrapper .list.media .text .result .ttl em.ls { letter-spacing: .75em; margin-left: .75em; line-height: 2; }
  /* line 224, page_work.scss */
  #otherSec .wrapper .list.media .text .result .textWrap { width: 100%; }
  /* line 225, page_work.scss */
  #otherSec .wrapper .list.media .text .result .textWrap .read { font-size: 14px; line-height: 1.8; margin: 0; width: 100%; text-align: left; }
  /* line 226, page_work.scss */
  #otherSec .wrapper .list.media .text .result .textWrap .link { text-align: center; margin-top: 1em; margin-right: 0; }
  /* line 233, page_work.scss */
  #otherSec .wrapper .list.media .text .result .phSub { width: 85px; position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; float: right; position: relative; right: -.5em; margin-top: .15em; /*margin-left: .5em;*/ } }
/* line 244, page_work.scss */
#customerSec { margin-top: 5em; padding: 0 80px 10px; box-sizing: border-box; overflow: hidden; }
/* line 245, page_work.scss */
#customerSec .tit { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin: 0 auto 1.5em; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
/* line 246, page_work.scss */
#customerSec .tit i { width: 32px; line-height: 1; margin-right: .75em; }
/* line 247, page_work.scss */
#customerSec .tit em { font-family: "YakuHanMP", "Hina Mincho", serif; font-size: 32px; letter-spacing: .15em; }
/* line 249, page_work.scss */
#customerSec .customerSec { position: relative; }
/* line 252, page_work.scss */
#customerSec .customerSec .enT.v em::after { width: 2000px; }
/* line 256, page_work.scss */
#customerSec .customerSec ul.listWrap li { width: 100%; background: #fff; filter: drop-shadow(3px 3px 5px rgba(40, 21, 21, 0.15)); display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 257, page_work.scss */
#customerSec .customerSec ul.listWrap li:not(:last-child) { margin-bottom: 3em; }
/* line 258, page_work.scss */
#customerSec .customerSec ul.listWrap li .ph { width: 220px; align-self: stretch; }
/* line 259, page_work.scss */
#customerSec .customerSec ul.listWrap li .ph img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; }
/* line 261, page_work.scss */
#customerSec .customerSec ul.listWrap li .text { width: calc(100% - 220px); padding: 1.75em 2.5em; text-align: left; }
/* line 262, page_work.scss */
#customerSec .customerSec ul.listWrap li .text .t { font-family: "YakuHanMP", "Hina Mincho", serif; font-size: 24px; -webkit-text-stroke-width: .15px; position: relative; padding-left: 1.25em; margin-bottom: .5em; }
/* line 263, page_work.scss */
#customerSec .customerSec ul.listWrap li .text .t::before { content: "◎"; position: absolute; top: 0; left: 0; }
/* line 264, page_work.scss */
#customerSec .customerSec ul.listWrap li .text .t small { font-size: 86%; margin-left: .5em; }
/* line 266, page_work.scss */
#customerSec .customerSec ul.listWrap li .text .read { line-height: 2; letter-spacing: .05em; }

@media only screen and (max-width: 750px) { /* line 279, page_work.scss */
  #customerSec { margin-top: 4em; padding: 0 6.5%; overflow: visible; }
  /* line 280, page_work.scss */
  #customerSec .tit { margin: 0 auto 5.5em; }
  /* line 281, page_work.scss */
  #customerSec .tit i { width: 30px; margin-right: .75em; }
  /* line 282, page_work.scss */
  #customerSec .tit em { font-size: 28px; }
  /* line 284, page_work.scss */
  #customerSec .customerSec { position: relative; }
  /* line 285, page_work.scss */
  #customerSec .customerSec .enT.v { display: none; }
  /* line 287, page_work.scss */
  #customerSec .customerSec .enT.v em::after { width: 2000px; }
  /* line 291, page_work.scss */
  #customerSec .customerSec ul.listWrap li { width: 100%; }
  /* line 292, page_work.scss */
  #customerSec .customerSec ul.listWrap li:not(:last-child) { margin-bottom: 7em; }
  /* line 293, page_work.scss */
  #customerSec .customerSec ul.listWrap li .ph { width: 150px; height: 150px; padding-top: 0%; margin: -75px auto 0; border-radius: 50%; }
  /* line 296, page_work.scss */
  #customerSec .customerSec ul.listWrap li .text { width: 100%; padding: 1em 1.5em 1.5em; }
  /* line 297, page_work.scss */
  #customerSec .customerSec ul.listWrap li .text .t { font-size: 22px; line-height: 1.6; padding-left: 1.1em; margin-bottom: .5em; }
  /* line 299, page_work.scss */
  #customerSec .customerSec ul.listWrap li .text .t small { font-size: 86%; margin-left: .25em; }
  /* line 301, page_work.scss */
  #customerSec .customerSec ul.listWrap li .text .read { font-size: 15px; line-height: 2; letter-spacing: .05em; } }