@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 11, style.scss */
.titCmn { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; justify-content: flex-start; margin-bottom: 50px; width: 100%; }
/* line 12, style.scss */
.titCmn span { font-family: "Lato", sans-serif; font-size: 60px; line-height: 1.2; letter-spacing: .075em; font-weight: 300; color: #a88a00; }
/* line 13, style.scss */
.titCmn em { font-size: 17px; letter-spacing: .1em; font-weight: 500; background: #a88a00; color: #fff; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; display: inline-flex; padding: 1px 25px; height: 32px; position: relative; margin-left: 40px; margin-top: .5em; min-width: 170px; }
/* line 14, style.scss */
.titCmn em::before, .titCmn em::after { content: ""; width: 0; height: 0; border-style: solid; position: absolute; top: 0; }
/* line 15, style.scss */
.titCmn em::before { border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-right: 9px solid #a88a00; border-left: 0; right: calc(100% + 0px); }
/* line 16, style.scss */
.titCmn em::after { border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-left: 9px solid #a88a00; border-right: 0; left: calc(100% + 0px); }

@media only screen and (max-width: 750px) { /* line 23, style.scss */
  .titCmn { margin-bottom: 40px; width: 100%; flex-direction: column; align-items: center; }
  /* line 24, style.scss */
  .titCmn span { font-size: 34px; line-height: 1.2; }
  /* line 25, style.scss */
  .titCmn em { font-size: 15px; padding: 0px 20px; height: 28px; margin: 1.5em auto 0; min-width: 150px; }
  /* line 27, style.scss */
  .titCmn em::before { border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-right: 8px solid #a88a00; border-left: 0; }
  /* line 28, style.scss */
  .titCmn em::after { border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-left: 8px solid #a88a00; border-right: 0; } }
/* line 35, style.scss */
.catch { font-size: 28px; line-height: 1.6; font-weight: 500; -webkit-text-stroke-width: .25px; letter-spacing: .25em; margin-bottom: 1em; }

@media only screen and (max-width: 750px) { /* line 40, style.scss */
  .catch { font-size: 22px; line-height: 1.8; margin-bottom: 1em; } }
/* line 45, style.scss */
.titLine { position: relative; width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; justify-content: flex-start; align-items: baseline; border-bottom: 1px solid #a88a00; padding-bottom: .75em; margin-bottom: 1em; }
/* line 46, style.scss */
.titLine em { font-size: 32px; line-height: 1.5; }
/* line 47, style.scss */
.titLine span { font-family: "Lato", sans-serif; font-size: 15px; letter-spacing: .25em; color: #a88a00; margin-left: 2em; }
/* line 48, style.scss */
.titLine::after { content: ""; width: 8px; height: 8px; background: #a88a00; transform: rotate(45deg); position: absolute; bottom: -5px; right: 0; }
/* line 50, style.scss */
.titLine.bfr::after { right: auto; left: 0; }

@media only screen and (max-width: 750px) { /* line 57, style.scss */
  .titLine { padding-bottom: .5em; margin-bottom: 1em; }
  /* line 58, style.scss */
  .titLine em { font-size: 24px; line-height: 1.5; }
  /* line 59, style.scss */
  .titLine span { font-size: 12px; margin-left: 2em; }
  /* line 60, style.scss */
  .titLine::after { width: 8px; height: 8px; bottom: -5px; right: 0; }
  /* line 62, style.scss */
  .titLine.bfr::after { right: auto; left: 0; } }
/* line 69, style.scss */
.btnCmn { width: 270px; height: 50px; margin: auto; position: relative; z-index: 10; }
/* line 70, style.scss */
.btnCmn a { width: 100%; height: 100%; position: relative; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; background: #63a087; color: #fff; filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25)); }
/* line 71, style.scss */
.btnCmn a em { font-family: "Lato", sans-serif; font-size: 18px; letter-spacing: .15em; }
/* line 72, style.scss */
.btnCmn a i { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; right: 5px; line-height: 0; transition: .35s; }
/* line 73, style.scss */
.btnCmn a i::before { content: ""; width: 2px; height: 12px; background: #fff; position: absolute; transform: rotate(-45deg); top: -10px; right: 0px; }
/* line 74, style.scss */
.btnCmn a i::after { content: ""; width: 2px; height: 8px; background: #fff; position: absolute; transform: rotate(45deg); top: 0px; right: 2px; transition: .35s; }
/* line 76, style.scss */
.btnCmn a::before, .btnCmn a::after { content: ""; width: 0; height: 0; border-style: solid; position: absolute; top: 0; }
/* line 77, style.scss */
.btnCmn a::before { border-top: 25px solid transparent; border-bottom: 25px solid transparent; border-right: 15px solid #63a087; border-left: 0; right: calc(100% + 0px); }
/* line 78, style.scss */
.btnCmn a::after { border-top: 25px solid transparent; border-bottom: 25px solid transparent; border-left: 15px solid #63a087; border-right: 0; left: calc(100% + 0px); }
/* line 80, style.scss */
.btnCmn a:hover i { right: 2px; }

@media only screen and (max-width: 750px) { /* line 88, style.scss */
  .btnCmn { width: 240px; height: 50px; }
  /* line 89, style.scss */
  .btnCmn a { filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25)); }
  /* line 90, style.scss */
  .btnCmn a em { font-size: 16px; }
  /* line 91, style.scss */
  .btnCmn a i { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; right: 5px; }
  /* line 92, style.scss */
  .btnCmn a i::before { width: 2px; height: 12px; top: -10px; right: 0px; }
  /* line 93, style.scss */
  .btnCmn a i::after { width: 2px; height: 8px; top: 0px; right: 2px; }
  /* line 96, style.scss */
  .btnCmn a::before { border-top: 25px solid transparent; border-bottom: 25px solid transparent; border-right: 15px solid #63a087; border-left: 0; }
  /* line 97, style.scss */
  .btnCmn a::after { border-top: 25px solid transparent; border-bottom: 25px solid transparent; border-left: 15px solid #63a087; border-right: 0; }
  /* line 99, style.scss */
  .btnCmn a:hover i { right: 2px; } }
/* line 108, style.scss */
.hex b { background: url("../img/bgHex.png") no-repeat; background-size: contain !important; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; height: 0; padding-top: 86.5%; position: relative; }
/* line 109, style.scss */
.hex b em { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; width: 100%; text-align: center; }
/* line 110, style.scss */
.hex b em.ls { padding-left: .5em; }

/* line 129, style.scss */
#title { width: 100%; height: 300px; position: relative; overflow: hidden; margin-bottom: 90px; }
/* line 130, style.scss */
#title .title { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; display: flex; flex-direction: column; flex-wrap: wrap; color: #fff; filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.25)); }
/* line 131, style.scss */
#title .title span, #title .title em { filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.5)); }
/* line 132, style.scss */
#title .title span { font-family: "Lato", sans-serif; font-size: 60px; line-height: 1.2; letter-spacing: .075em; font-weight: 100; -webkit-text-stroke-width: .5px; }
/* line 133, style.scss */
#title .title em { font-size: 17px; letter-spacing: .1em; font-weight: 500; }
/* line 135, style.scss */
#title .ph { width: 100%; height: 100%; }

@media only screen and (max-width: 750px) { /* line 141, style.scss */
  #title { width: 100%; height: 200px; margin-bottom: 0px; }
  /* line 142, style.scss */
  #title .title { filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.25)); }
  /* line 143, style.scss */
  #title .title span, #title .title em { filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.5)); }
  /* line 144, style.scss */
  #title .title span { font-size: 42px; }
  /* line 145, style.scss */
  #title .title em { font-size: 16px; } }
/* line 153, style.scss */
.yuseikensetsu { background: #f5f0e9; display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; z-index: 10; }
/* line 154, style.scss */
.yuseikensetsu .text { padding: 25px 45px 30px; width: 62%; }
/* line 155, style.scss */
.yuseikensetsu .text .ttl { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; justify-content: flex-start; position: relative; margin-bottom: 1.5em; }
/* line 156, style.scss */
.yuseikensetsu .text .ttl span, .yuseikensetsu .text .ttl em { font-family: "YakuHanMP", "Shippori Mincho", serif; font-weight: 500; /*letter-spacing: -.015em;*/ letter-spacing: .05em; line-height: 1.5; position: relative; z-index: 10; }
/* line 157, style.scss */
.yuseikensetsu .text .ttl span { font-size: 20px; background: #313131; color: #fff; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding: 0 10px; margin: .25em .75em 0 0; }
/* line 158, style.scss */
.yuseikensetsu .text .ttl em { font-size: 32px; }
/* line 159, style.scss */
.yuseikensetsu .text .ttl::after { content: "YUSEI KENSETSU"; font-family: "YakuHanMP", "Shippori Mincho", serif; font-weight: 500; /*letter-spacing: -.015em;*/ letter-spacing: .05em; line-height: 1; letter-spacing: -.015em; font-weight: 500; color: rgba(255, 255, 255, 0.7); font-size: 50px; white-space: nowrap; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; z-index: 0; left: 110px; }
/* line 162, style.scss */
.yuseikensetsu .text .addWrap { margin-top: 1.5em; display: flex; justify-content: space-between; flex-wrap: wrap; justify-content: flex-start; align-items: baseline; position: relative; z-index: 10; }
/* line 163, style.scss */
.yuseikensetsu .text .addWrap .t { font-size: 90%; margin-right: 1em; letter-spacing: -.015em; }
/* line 164, style.scss */
.yuseikensetsu .text .addWrap .tel { margin-right: 1em; font-size: 110%; }
/* line 165, style.scss */
.yuseikensetsu .text .addWrap .tel a { color: inherit; }
/* line 166, style.scss */
.yuseikensetsu .text .addWrap .tel a i { color: #63a087; margin-right: .25em; }
/* line 170, style.scss */
.yuseikensetsu .text .addWrap p { justify-content: flex-start; }
/* line 171, style.scss */
.yuseikensetsu .text .addWrap p span { margin-right: .5em; }
/* line 176, style.scss */
.yuseikensetsu .ph { width: 38%; }

@media only screen and (max-width: 750px) { /* line 183, style.scss */
  .yuseikensetsu .text { padding: 0px 0px 20px; width: 100%; }
  /* line 184, style.scss */
  .yuseikensetsu .text .ttl { margin-bottom: 1.5em; padding: 25px 6% 0 5%; justify-content: center; }
  /* line 185, style.scss */
  .yuseikensetsu .text .ttl span, .yuseikensetsu .text .ttl em { line-height: 1.5; z-index: 10; }
  /* line 186, style.scss */
  .yuseikensetsu .text .ttl span { font-size: 21px; padding: 0 12px; margin: .25em .75em 0 0; }
  /* line 187, style.scss */
  .yuseikensetsu .text .ttl em { font-size: 32px; }
  /* line 188, style.scss */
  .yuseikensetsu .text .ttl::after { font-size: 10.5vw; white-space: nowrap; position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; position: absolute; left: 0; right: 0; margin: auto; z-index: 10; z-index: 0; top: 0; }
  /* line 190, style.scss */
  .yuseikensetsu .text .read { width: 88%; margin: 0 auto 0; }
  /* line 191, style.scss */
  .yuseikensetsu .text .addWrap { width: 88%; margin: 1.5em auto 0; justify-content: center; font-size: 16px; }
  /* line 192, style.scss */
  .yuseikensetsu .text .addWrap .t { font-size: 90%; margin-right: 1em; }
  /* line 193, style.scss */
  .yuseikensetsu .text .addWrap .tel { margin-right: 1em; font-size: 110%; }
  /* line 195, style.scss */
  .yuseikensetsu .text .addWrap .tel a i { margin-right: .25em; }
  /* line 200, style.scss */
  .yuseikensetsu .text .addWrap p span { margin-right: .5em; }
  /* line 205, style.scss */
  .yuseikensetsu .ph { width: 100%; } }
/* line 211, style.scss */
.telCmn { font-size: 18px; line-height: 1.6; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; display: inline-flex; border: 1px solid #a88a00; background: #fff; padding: 2px 20px; margin: auto; position: relative; z-index: 10; }
/* line 212, style.scss */
.telCmn span.c01 { font-size: 90%; letter-spacing: 0; }
/* line 213, style.scss */
.telCmn a { font-size: 120%; color: inherit; padding: 5px .5em; }
/* line 214, style.scss */
.telCmn a i { color: #b63d00; margin-right: .25em; }
/* line 217, style.scss */
.telCmn span.c02 { font-size: 100%; letter-spacing: 0; }
/* line 218, style.scss */
.telCmn span.c02 a { color: #63a087; text-decoration: underline; font-size: 110%; padding: 0 .25em; }

@media only screen and (max-width: 750px) { /* line 225, style.scss */
  .telCmn { font-size: 16px; line-height: 1.5; padding: 15px 0px 10px; margin: auto; }
  /* line 226, style.scss */
  .telCmn span.c01 { font-size: 90%; width: 100%; }
  /* line 227, style.scss */
  .telCmn a { font-size: 150%; padding: 5px .5em; }
  /* line 228, style.scss */
  .telCmn a i { margin-right: .25em; }
  /* line 231, style.scss */
  .telCmn span.c02 { font-size: 14px; letter-spacing: -.025em; }
  /* line 232, style.scss */
  .telCmn span.c02 a { font-size: 110%; padding: 0 .15em; } }
/* line 240, style.scss */
.icKumiko01, .icKumiko02, .icKumiko03, .icKumiko04, .icKumikoCTA, .icKumikoFooter { position: relative; }
/* line 241, style.scss */
.icKumiko01 .icKumiko, .icKumiko02 .icKumiko, .icKumiko03 .icKumiko, .icKumiko04 .icKumiko, .icKumikoCTA .icKumiko, .icKumikoFooter .icKumiko { width: 326px; height: 500px; position: absolute; background-size: 100% auto !important; z-index: -1; }

/* line 244, style.scss */
.icKumiko01 .icKumiko { background: url("../img/icKumiko01.png") no-repeat; top: 5%; left: -20%; }

/* line 245, style.scss */
.icKumiko02 .icKumiko { background: url("../img/icKumiko02.png") no-repeat; top: -30%; right: -20%; }

/* line 246, style.scss */
.icKumiko03 .icKumiko { background: url("../img/icKumiko03.png") no-repeat; }

/* line 247, style.scss */
.icKumiko04 .icKumiko { background: url("../img/icKumiko04.png") no-repeat; }

/* line 248, style.scss */
.icKumikoCTA .icKumiko { background: url("../img/icKumiko03.png") no-repeat; top: -77%; left: -20%; z-index: 1; }

/* line 249, style.scss */
.icKumikoFooter .icKumiko { background: url("../img/icKumiko04.png") no-repeat; top: -44%; right: -20%; z-index: 1; }

/* line 256, style.scss */
#work .icKumiko01 .icKumiko { top: -1%; left: -28%; }
/* line 257, style.scss */
#work .icKumiko02 .icKumiko { top: -26%; right: -29%; }
/* line 258, style.scss */
#work .icKumiko03 .icKumiko { top: -34%; left: -14%; }
/* line 259, style.scss */
#work .icKumiko04 .icKumiko { top: -32%; right: -14%; }

/* line 263, style.scss */
#about .icKumiko02 .icKumiko { top: 30%; }

/* line 266, style.scss */
#contact .icKumiko01 .icKumiko { top: -1%; }
/* line 267, style.scss */
#contact .icKumiko02 .icKumiko { top: auto; bottom: -45%; right: -42%; }

@media only screen and (max-width: 750px) { /* line 274, style.scss */
  .icKumiko01 .icKumiko, .icKumiko02 .icKumiko, .icKumiko03 .icKumiko, .icKumiko04 .icKumiko, .icKumikoCTA .icKumiko, .icKumikoFooter .icKumiko { width: 140px; height: 200px; }
  /* line 277, style.scss */
  .icKumiko01 .icKumiko { top: -1%; left: -7%; }
  /* line 278, style.scss */
  .icKumiko02 .icKumiko { top: -9%; right: -6%; }
  /* line 281, style.scss */
  .icKumikoCTA .icKumiko { top: -25%; left: -10%; }
  /* line 282, style.scss */
  .icKumikoFooter .icKumiko { top: -44%; right: -10%; }
  /* line 289, style.scss */
  #work .icKumiko01 .icKumiko { top: -5%; left: auto; right: -3%; }
  /* line 290, style.scss */
  #work .icKumiko02 .icKumiko { top: -307%; right: 70%; }
  /* line 291, style.scss */
  #work .icKumiko03 .icKumiko { top: -8%; left: -10%; }
  /* line 292, style.scss */
  #work .icKumiko04 .icKumiko { top: -8%; right: -6%; }
  /* line 295, style.scss */
  #about .icKumiko01 .icKumiko { top: 1%; left: auto; right: -3%; }
  /* line 296, style.scss */
  #about .icKumiko02 .icKumiko { top: -26%; right: 5%; }
  /* line 299, style.scss */
  #contact .icKumiko01 .icKumiko { top: -1%; }
  /* line 300, style.scss */
  #contact .icKumiko02 .icKumiko { top: -13%; bottom: auto; right: -12%; } }
/* line 307, style.scss */
.ls { letter-spacing: .5em; margin-right: -.5em; }

/* line 308, style.scss */
.bnrInsta { position: relative; z-index: 10; }
/* line 309, style.scss */
.bnrInsta a { filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25)); }

/* line 311, style.scss */
.text { text-align: left; }

/* line 312, style.scss */
.read { text-align: justify; }

@media only screen and (max-width: 750px) { /* line 317, style.scss */
  .ls { letter-spacing: .5em; margin-right: -.5em; }
  /* line 319, style.scss */
  .bnrInsta a { filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25)); } }
/* line 328, style.scss */
#home #about, #about #intro { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; }
/* line 330, style.scss */
#home #about .text .read, #about #intro .text .read { line-height: 2.4; }
/* line 332, style.scss */
#home #about .phWrap, #about #intro .phWrap { display: flex; flex-direction: column; flex-wrap: wrap; position: relative; }
/* line 334, style.scss */
#home #about .phWrap .name, #about #intro .phWrap .name { font-family: "YakuHanMP", "Shippori Mincho", serif; font-weight: 500; /*letter-spacing: -.015em;*/ letter-spacing: .05em; font-size: 15px; }
/* line 336, style.scss */
#home #about .phWrap .name em, #about #intro .phWrap .name em { font-size: 150%; margin-left: 1em; }
/* line 337, style.scss */
#home #about .phWrap .name i, #about #intro .phWrap .name i { width: 55%; position: absolute; bottom: -17%; right: -8%; }

/* line 342, style.scss */
#home ul.drawer-menu li.home a, #work ul.drawer-menu li.work a, #about ul.drawer-menu li.about a, #contact ul.drawer-menu li.contact a, #home ul.footNav li.home a, #work ul.footNav li.work a, #about ul.footNav li.about a, #contact ul.footNav li.contact a { color: #a88a00; }

@media only screen and (max-width: 750px) { /* line 356, style.scss */
  #home #about .text .read, #about #intro .text .read { line-height: 2.0; }
  /* line 360, style.scss */
  #home #about .phWrap .name, #about #intro .phWrap .name { font-size: 14px; filter: drop-shadow(0px 0px 2px white); }
  /* line 362, style.scss */
  #home #about .phWrap .name em, #about #intro .phWrap .name em { font-size: 150%; margin-left: 1em; }
  /* line 363, style.scss */
  #home #about .phWrap .name i, #about #intro .phWrap .name i { width: 55%; position: absolute; bottom: auto; bottom: 30px; right: -2%; filter: drop-shadow(0px 0px 2px white) drop-shadow(0px 0px 3px white) drop-shadow(0px 0px 4px white); } }