@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 25, page_work.scss */
#work #intro { padding-left: calc((100% - 1200px) / 2); padding-right: 50px; display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: row-reverse; }
/* line 26, page_work.scss */
#work #intro .ph { width: calc(100% - 620px); }
/* line 27, page_work.scss */
#work #intro .text { width: 590px; padding-top: 60px; }
/* line 29, page_work.scss */
#work #intro .text .read { line-height: 2.5; }
@media screen and (min-width: 751px) and (max-width: 1280px) { /* line 25, page_work.scss */
  #work #intro { padding-right: 30px; }
  /* line 33, page_work.scss */
  #work #intro .ph { width: 48.5%; }
  /* line 34, page_work.scss */
  #work #intro .text { width: 48.5%; padding-top: 0px; }
  /* line 36, page_work.scss */
  #work #intro .text .read { letter-spacing: .015em; line-height: 2.0; } }
@media only screen and (max-width: 750px) { /* line 44, page_work.scss */
  #work #intro { padding: 50px 0 0; flex-direction: column-reverse; }
  /* line 45, page_work.scss */
  #work #intro .ph { width: 100%; height: 0; padding-top: 80%; margin: 30px auto 0px; }
  /* line 46, page_work.scss */
  #work #intro .ph img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; }
  /* line 48, page_work.scss */
  #work #intro .text { width: 90%; padding-top: 0px; margin: auto; }
  /* line 50, page_work.scss */
  #work #intro .text .read { line-height: 2.0; } }
/* line 58, page_work.scss */
#work #workContents { margin-top: 180px; }
/* line 59, page_work.scss */
#work #workContents .list { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 60, page_work.scss */
#work #workContents .list .ph { width: 430px; }
/* line 62, page_work.scss */
#work #workContents .list .text .titLine { margin-bottom: 20px; }
/* line 68, page_work.scss */
#work #workContents .list .text .read { letter-spacing: .0em; line-height: 2.2; }
/* line 70, page_work.scss */
#work #workContents .list.list01 { justify-content: flex-start; margin-bottom: 15px; }
/* line 71, page_work.scss */
#work #workContents .list.list01 .ph { margin: -145px 30px 0 0px; }
/* line 72, page_work.scss */
#work #workContents .list.list01 .text { width: 340px; }
/* line 82, page_work.scss */
#work #workContents .list.list02 { justify-content: flex-start; flex-direction: row-reverse; }
/* line 83, page_work.scss */
#work #workContents .list.list02 .ph { margin: -145px 0px 0 30px; }
/* line 84, page_work.scss */
#work #workContents .list.list02 .text { width: 460px; }
/* line 93, page_work.scss */
#work #workContents .list.list02 .text .readWrap .read:nth-of-type(1) { letter-spacing: -.025em; }
/* line 94, page_work.scss */
#work #workContents .list.list02 .text .readWrap .read:nth-of-type(2) { letter-spacing: -.015em; width: 140%; }
@media only screen and (max-width: 750px) { /* line 105, page_work.scss */
  #work #workContents { margin-top: 50px; }
  /* line 107, page_work.scss */
  #work #workContents .list .ph { width: 82%; margin: 0 auto 0px; }
  /* line 108, page_work.scss */
  #work #workContents .list .text { margin: auto; }
  /* line 109, page_work.scss */
  #work #workContents .list .text .titLine { margin-bottom: 15px; justify-content: center; }
  /* line 110, page_work.scss */
  #work #workContents .list .text .titLine em { font-size: 26px; }
  /* line 115, page_work.scss */
  #work #workContents .list .text .read { letter-spacing: .05em; line-height: 2.0; }
  /* line 117, page_work.scss */
  #work #workContents .list.list01 { margin-bottom: 50px; }
  /* line 118, page_work.scss */
  #work #workContents .list.list01 .ph { margin: 0 auto 20px; }
  /* line 119, page_work.scss */
  #work #workContents .list.list01 .text { width: 90%; }
  /* line 129, page_work.scss */
  #work #workContents .list.list02 { justify-content: flex-start; flex-direction: row-reverse; }
  /* line 130, page_work.scss */
  #work #workContents .list.list02 .ph { margin: 0 auto 10px; }
  /* line 131, page_work.scss */
  #work #workContents .list.list02 .text { width: 90%; }
  /* line 140, page_work.scss */
  #work #workContents .list.list02 .text .readWrap .read:nth-of-type(1) { letter-spacing: -.025em; }
  /* line 141, page_work.scss */
  #work #workContents .list.list02 .text .readWrap .read:nth-of-type(2) { letter-spacing: -.015em; width: 100%; } }
/* line 154, page_work.scss */
#work #aboutKumiko .wrap { padding-right: calc((100% - 1200px) / 2); padding-left: 50px; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 120px; }
/* line 155, page_work.scss */
#work #aboutKumiko .wrap .ph { width: calc(100% - 635px); }
/* line 156, page_work.scss */
#work #aboutKumiko .wrap .text { width: 565px; padding-top: 60px; }
/* line 157, page_work.scss */
#work #aboutKumiko .wrap .text .catch { font-size: 26px; letter-spacing: .05em; color: #fff; background: #a88a00; font-weight: 400; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; display: inline-flex; height: 48px; position: relative; padding: 0 40px; }
/* line 158, page_work.scss */
#work #aboutKumiko .wrap .text .catch::before, #work #aboutKumiko .wrap .text .catch::after { content: ""; width: 0; height: 0; border-style: solid; position: absolute; top: 0; }
/* line 159, page_work.scss */
#work #aboutKumiko .wrap .text .catch::before { border-top: 24px solid transparent; border-bottom: 24px solid transparent; border-right: 14px solid #a88a00; border-left: 0; right: calc(100% + 0px); }
/* line 160, page_work.scss */
#work #aboutKumiko .wrap .text .catch::after { border-top: 24px solid transparent; border-bottom: 24px solid transparent; border-left: 14px solid #a88a00; border-right: 0; left: calc(100% + 0px); }
/* line 162, page_work.scss */
#work #aboutKumiko .wrap .text .read { line-height: 2.5; }
@media screen and (min-width: 751px) and (max-width: 1280px) { /* line 154, page_work.scss */
  #work #aboutKumiko .wrap { padding-left: 0px; }
  /* line 166, page_work.scss */
  #work #aboutKumiko .wrap .ph { width: 48.5%; }
  /* line 167, page_work.scss */
  #work #aboutKumiko .wrap .text { width: 48.5%; padding-top: 0px; }
  /* line 169, page_work.scss */
  #work #aboutKumiko .wrap .text .read { letter-spacing: .015em; line-height: 2.0; } }
/* line 173, page_work.scss */
#work #aboutKumiko ul.listWrap { margin: 80px auto 80px; display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; z-index: 10; }
/* line 174, page_work.scss */
#work #aboutKumiko ul.listWrap li { width: calc(100% / 3 - 30px); }
/* line 175, page_work.scss */
#work #aboutKumiko ul.listWrap li .ph { width: 86%; margin: 0 auto 20px; }
/* line 176, page_work.scss */
#work #aboutKumiko ul.listWrap li .text { display: flex; flex-direction: column; flex-wrap: wrap; }
/* line 177, page_work.scss */
#work #aboutKumiko ul.listWrap li .text .t { position: relative; width: 100%; display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; border-bottom: 1px solid #a88a00; padding-bottom: .75em; margin-bottom: 1em; }
/* line 178, page_work.scss */
#work #aboutKumiko ul.listWrap li .text .t em { font-size: 28px; line-height: 1.5; }
/* line 181, page_work.scss */
#work #aboutKumiko ul.listWrap li .text .t span { font-family: "Lato", sans-serif; font-size: 12px; letter-spacing: .25em; color: #a88a00; }
/* line 183, page_work.scss */
#work #aboutKumiko ul.listWrap li .text .read { font-size: 15px; line-height: 1.6; }
/* line 191, page_work.scss */
#work .yuseikensetsu { padding-bottom: 30px; margin-bottom: 120px; }
/* line 194, page_work.scss */
#work .yuseikensetsu .text .ttl span { font-size: 21px; }
/* line 195, page_work.scss */
#work .yuseikensetsu .text .ttl em { font-size: 33px; }
/* line 196, page_work.scss */
#work .yuseikensetsu .text .ttl::after { font-size: 52px; }
/* line 213, page_work.scss */
#work .yuseikensetsu .ph { height: 290px; }
/* line 221, page_work.scss */
#work .bnrInsta { width: 690px; margin: 0 auto 0; }
@media only screen and (max-width: 750px) { /* line 229, page_work.scss */
  #work #aboutKumiko .wrap { padding: 0px 0 0; margin-top: 20px; }
  /* line 230, page_work.scss */
  #work #aboutKumiko .wrap .ph { width: 100%; height: 0; padding-top: 56.25%; margin: 30px auto 0px; }
  /* line 231, page_work.scss */
  #work #aboutKumiko .wrap .ph img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; }
  /* line 233, page_work.scss */
  #work #aboutKumiko .wrap .text { width: 90%; padding-top: 0px; margin: auto; text-align: center; }
  /* line 234, page_work.scss */
  #work #aboutKumiko .wrap .text .catch { font-size: 20px; height: 40px; padding: 0 20px; margin: -20px auto 20px; z-index: 20; }
  /* line 236, page_work.scss */
  #work #aboutKumiko .wrap .text .catch::before { border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-right: 12px solid #a88a00; border-left: 0; }
  /* line 237, page_work.scss */
  #work #aboutKumiko .wrap .text .catch::after { border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 12px solid #a88a00; border-right: 0; }
  /* line 239, page_work.scss */
  #work #aboutKumiko .wrap .text .read { line-height: 2.0; }
  /* line 242, page_work.scss */
  #work #aboutKumiko ul.listWrap { margin: 40px auto 50px; width: 90%; }
  /* line 243, page_work.scss */
  #work #aboutKumiko ul.listWrap li { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; }
  /* line 244, page_work.scss */
  #work #aboutKumiko ul.listWrap li:not(:last-child) { margin-bottom: 50px; }
  /* line 245, page_work.scss */
  #work #aboutKumiko ul.listWrap li .ph { width: 150px; margin: 0px 0 0 -10px; }
  /* line 246, page_work.scss */
  #work #aboutKumiko ul.listWrap li .text { display: flex; flex-direction: column; flex-wrap: wrap; width: calc(100% - 150px); }
  /* line 247, page_work.scss */
  #work #aboutKumiko ul.listWrap li .text .t { flex-direction: row; align-items: baseline; padding-bottom: .25em; margin-bottom: .75em; }
  /* line 248, page_work.scss */
  #work #aboutKumiko ul.listWrap li .text .t em { font-size: 22px; line-height: 1.5; }
  /* line 251, page_work.scss */
  #work #aboutKumiko ul.listWrap li .text .t span { font-size: 11px; margin-left: 1.5em; }
  /* line 253, page_work.scss */
  #work #aboutKumiko ul.listWrap li .text .read { font-size: 13px; line-height: 1.25; }
  /* line 261, page_work.scss */
  #work .yuseikensetsu { padding-bottom: 40px; margin-bottom: 40px; }
  /* line 262, page_work.scss */
  #work .yuseikensetsu .text { padding-bottom: 30px; }
  /* line 264, page_work.scss */
  #work .yuseikensetsu .text .ttl span { font-size: 21px; }
  /* line 265, page_work.scss */
  #work .yuseikensetsu .text .ttl em { font-size: 33px; }
  /* line 266, page_work.scss */
  #work .yuseikensetsu .text .ttl::after { font-size: 10.5vw; }
  /* line 283, page_work.scss */
  #work .yuseikensetsu .ph { width: 90%; margin: 0 auto 40px; height: 0px; padding-top: 56.25%; }
  /* line 284, page_work.scss */
  #work .yuseikensetsu .ph img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; }
  /* line 293, page_work.scss */
  #work .bnrInsta { width: 80%; margin: auto; } }
/* line 301, page_work.scss */
#work #event { margin-top: 170px; display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 302, page_work.scss */
#work #event .titCmn { display: flex; flex-direction: column; flex-wrap: wrap; }
/* line 304, page_work.scss */
#work #event .titCmn em { margin: 30px auto 0; }
/* line 306, page_work.scss */
#work #event .intro { display: flex; justify-content: space-between; flex-wrap: wrap; justify-content: flex-start; }
/* line 307, page_work.scss */
#work #event .intro .phWrap { margin: -60px 0 0 0; position: relative; }
/* line 309, page_work.scss */
#work #event .intro .phWrap .ph.ph01 { width: 360px; }
/* line 310, page_work.scss */
#work #event .intro .phWrap .ph.ph02 { width: 270px; position: absolute; top: 200px; left: 285px; }
/* line 313, page_work.scss */
#work #event .intro .text { width: 680px; margin-left: 110px; }
/* line 314, page_work.scss */
#work #event .intro .text .read { line-height: 2.4; }
/* line 317, page_work.scss */
#work #event .result { width: 695px; margin: -160px 0 0 auto; text-align: left; display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; z-index: 10; }
/* line 318, page_work.scss */
#work #event .result .t { width: 100px; }
/* line 320, page_work.scss */
#work #event .result .t b em { font-size: 17px; font-weight: 500; color: #fff; }
/* line 323, page_work.scss */
#work #event .result .text { width: calc(100% - 120px); }
/* line 325, page_work.scss */
#work #event .result .text ul.listWrap li { display: block; padding-left: 1.1em; position: relative; }
/* line 326, page_work.scss */
#work #event .result .text ul.listWrap li::before { content: "◆"; color: #a88a00; position: absolute; top: 0; left: 0; }
/* line 329, page_work.scss */
#work #event .result .text .cap { font-size: 14px; }
/* line 330, page_work.scss */
#work #event .result .text .cap a { text-decoration: underline; }
/* line 334, page_work.scss */
#work #event .media { margin: 75px auto 0; width: 80%; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-end; position: relative; z-index: 10; }
/* line 335, page_work.scss */
#work #event .media .t { width: 257px; }
/* line 337, page_work.scss */
#work #event .media .t b em { display: flex; flex-direction: column; flex-wrap: wrap; }
/* line 338, page_work.scss */
#work #event .media .t b em span { font-family: "Lato", sans-serif; font-size: 38px; font-weight: 300; color: #fff; }
/* line 339, page_work.scss */
#work #event .media .t b em i { font-size: 17px; font-weight: 500; color: #fff; }
/* line 343, page_work.scss */
#work #event .media .text { width: calc(100% - 280px); display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-end; position: relative; }
/* line 344, page_work.scss */
#work #event .media .text .read { width: 345px; font-size: 15px; margin-bottom: 2em; }
/* line 345, page_work.scss */
#work #event .media .text .phWrap { position: absolute; width: 212px; right: 80px; bottom: 0; }
/* line 346, page_work.scss */
#work #event .media .text .phWrap .ph { width: 100%; }
/* line 347, page_work.scss */
#work #event .media .text .phWrap .cap { position: absolute; bottom: -.25em; right: calc(100% + 30px); font-size: 14px; white-space: nowrap; display: flex; justify-content: space-between; align-items: baseline; justify-content: flex-end; }
/* line 350, page_work.scss */
#work #event .media .text .phWrap .cap i { font-size: 150%; line-height: 0; }
/* line 355, page_work.scss */
#work #event .telCmn { margin-top: 35px; }
@media only screen and (max-width: 750px) { /* line 370, page_work.scss */
  #work #event { margin-top: 100px; }
  /* line 373, page_work.scss */
  #work #event .titCmn em { margin: 30px auto 0; }
  /* line 376, page_work.scss */
  #work #event .intro .phWrap { margin: 0px auto 0; width: 90%; }
  /* line 378, page_work.scss */
  #work #event .intro .phWrap .ph.ph01 { width: 65%; margin-left: -2%; }
  /* line 379, page_work.scss */
  #work #event .intro .phWrap .ph.ph02 { width: 50%; position: absolute; top: 62%; left: 50%; }
  /* line 382, page_work.scss */
  #work #event .intro .text { width: 100%; margin: 90px auto 0; padding: 0 5%; }
  /* line 383, page_work.scss */
  #work #event .intro .text .read { line-height: 2.0; }
  /* line 386, page_work.scss */
  #work #event .result { width: 100%; margin: 30px auto 0; }
  /* line 387, page_work.scss */
  #work #event .result .t { width: 120px; margin: 0 auto 20px; }
  /* line 389, page_work.scss */
  #work #event .result .t b em { font-size: 17px; }
  /* line 392, page_work.scss */
  #work #event .result .text { width: 100%; padding: 0 5%; }
  /* line 398, page_work.scss */
  #work #event .result .text .cap { font-size: 13px; margin-top: 10px; }
  /* line 399, page_work.scss */
  #work #event .result .text .cap a { text-decoration: underline; }
  /* line 403, page_work.scss */
  #work #event .media { margin: 50px auto 0; width: 100%; padding: 0 5%; }
  /* line 404, page_work.scss */
  #work #event .media .t { width: 200px; margin: 0 auto 20px; }
  /* line 407, page_work.scss */
  #work #event .media .t b em span { font-size: 30px; }
  /* line 408, page_work.scss */
  #work #event .media .t b em i { font-size: 16px; }
  /* line 412, page_work.scss */
  #work #event .media .text { width: 100%; }
  /* line 413, page_work.scss */
  #work #event .media .text .read { width: 100%; font-size: 15px; margin-bottom: 2em; }
  /* line 414, page_work.scss */
  #work #event .media .text .phWrap { position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; width: 100%; }
  /* line 415, page_work.scss */
  #work #event .media .text .phWrap .ph { width: 60%; margin: 0 auto 15px; }
  /* line 416, page_work.scss */
  #work #event .media .text .phWrap .cap { position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; font-size: 14px; white-space: nowrap; }
  /* line 418, page_work.scss */
  #work #event .media .text .phWrap .cap span { margin-right: .5em; }
  /* line 419, page_work.scss */
  #work #event .media .text .phWrap .cap i { font-size: 150%; transform: rotate(-90deg); }
  /* line 424, page_work.scss */
  #work #event .telCmn { margin: 35px auto 0; width: 94%; } }
/* line 440, page_work.scss */
#work #gallery { margin-top: 150px; margin-bottom: 170px; }
/* line 441, page_work.scss */
#work #gallery .titCmn { display: flex; flex-direction: column; flex-wrap: wrap; }
/* line 443, page_work.scss */
#work #gallery .titCmn em { margin: 20px auto 0; }
/* line 445, page_work.scss */
#work #gallery ul.listWrap { display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; z-index: 10; }
/* line 446, page_work.scss */
#work #gallery ul.listWrap li { width: calc(100% / 5 - 10px); margin-bottom: 10px; }
/* line 447, page_work.scss */
#work #gallery ul.listWrap li a { width: 100%; height: 0; padding-top: 100%; }
/* line 448, page_work.scss */
#work #gallery ul.listWrap li a img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; }
@media only screen and (max-width: 750px) { /* line 457, page_work.scss */
  #work #gallery { margin-top: 100px; margin-bottom: 100px; }
  /* line 460, page_work.scss */
  #work #gallery .titCmn em { margin: 20px auto 0; }
  /* line 462, page_work.scss */
  #work #gallery ul.listWrap { padding: 0 5%; }
  /* line 463, page_work.scss */
  #work #gallery ul.listWrap li { width: calc(100% / 2 - 10px); margin-bottom: 20px; }
  /* line 464, page_work.scss */
  #work #gallery ul.listWrap li a { width: 100%; height: 0; padding-top: 100%; } }