@charset "UTF-8";
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 5, ../../../../../Users/dota/.rbenv/versions/2.7.4/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../Users/dota/.rbenv/versions/2.7.4/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../Users/dota/.rbenv/versions/2.7.4/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../Users/dota/.rbenv/versions/2.7.4/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../Users/dota/.rbenv/versions/2.7.4/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../Users/dota/.rbenv/versions/2.7.4/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../Users/dota/.rbenv/versions/2.7.4/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../Users/dota/.rbenv/versions/2.7.4/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../Users/dota/.rbenv/versions/2.7.4/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* --- common --- */
@media (max-width: 768px) {
  /* line 74, ../sass/screen.scss */
  .no-sp {
    display: none !important;
  }
}

/* line 77, ../sass/screen.scss */
br.sp {
  display: none;
}
@media (max-width: 768px) {
  /* line 77, ../sass/screen.scss */
  br.sp {
    display: block;
  }
}

/* line 83, ../sass/screen.scss */
body {
  color: black;
  position: relative;
  font-family: "Helvetica Neue", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1em;
}
@media (max-width: 768px) {
  /* line 83, ../sass/screen.scss */
  body {
    font-size: 50%;
  }
}

/* line 93, ../sass/screen.scss */
img.lazyload {
  background-image: repeating-linear-gradient(#000000, #000000 1px, #ffffff 1px, #ffffff 100px);
  animation: gradient 2s ease infinite;
  background-size: 100% 100px;
}

@keyframes gradient {
  0% {
    background-position: 0% 0;
  }
  100% {
    background-position: 0% 100px;
  }
}
/* line 105, ../sass/screen.scss */
html, body.loading {
  height: 100%;
}

/* line 110, ../sass/screen.scss */
body.loading .wrapper {
  opacity: 0;
}

/* line 113, ../sass/screen.scss */
.loading_wrapper {
  width: 0%;
  height: 100%;
  position: relative;
  background-image: url(../img/loading_bg.png);
}
@media (max-width: 768px) {
  /* line 113, ../sass/screen.scss */
  .loading_wrapper {
    background-size: 2px 48px;
  }
}

/* line 122, ../sass/screen.scss */
.loading_wrapper img {
  display: none;
  position: absolute;
  top: 23px;
  left: 30px;
}
@media (max-width: 768px) {
  /* line 122, ../sass/screen.scss */
  .loading_wrapper img {
    height: 35px;
    top: 5px;
    left: 8px;
  }
}

/* line 135, ../sass/screen.scss */
.wrapper,
.modal_wrapper {
  width: 100%;
  min-width: 1265px;
}
@media (max-width: 768px) {
  /* line 135, ../sass/screen.scss */
  .wrapper,
  .modal_wrapper {
    min-width: 0;
  }
}

/* line 142, ../sass/screen.scss */
.wrapper {
  border-top: 2px solid black;
  background: white;
}
@media (max-width: 768px) {
  /* line 142, ../sass/screen.scss */
  .wrapper {
    border-top: 1px solid black;
  }
}
/* line 148, ../sass/screen.scss */
.wrapper a {
  color: white;
  text-decoration: none;
}
/* line 152, ../sass/screen.scss */
.wrapper a:hover {
  color: #0000ff;
}

/* line 156, ../sass/screen.scss */
ul {
  margin: auto auto auto;
  padding: 0;
}

/* line 160, ../sass/screen.scss */
button {
  background-color: transparent;
  border: none;
}
/* line 163, ../sass/screen.scss */
button:hover {
  cursor: pointer;
}

/* line 167, ../sass/screen.scss */
.icon_plus {
  font-size: 90px;
  display: block;
  float: left;
  position: relative;
  width: 1em;
  height: 1em;
  overflow: hidden;
  margin-top: 5px;
  margin-left: 24px;
}
@media (max-width: 768px) {
  /* line 167, ../sass/screen.scss */
  .icon_plus {
    font-size: 31px;
    margin-top: 2px;
    margin-left: 8px;
  }
}
/* line 182, ../sass/screen.scss */
.icon_plus .parts1 {
  position: absolute;
  width: 0.08em;
  height: 1em;
  top: 0;
  left: 0.46em;
  background-color: #000;
  -moz-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
/* line 192, ../sass/screen.scss */
.have_content.opened .icon_plus .parts1 {
  height: 0em;
  top: 0.5em;
}
/* line 196, ../sass/screen.scss */
.icon_plus .parts2 {
  position: absolute;
  width: 0.08em;
  height: 1em;
  top: 0;
  left: 0.46em;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  content: "";
  background-color: #000;
}

/* --- parts --- */
/* line 215, ../sass/screen.scss */
.wrapper > ul > li {
  width: 100%;
  max-height: 149px;
  border-bottom: 2px #000 solid;
  list-style: none;
  overflow: hidden;
  box-sizing: border-box;
  -moz-transition: max-height 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: max-height 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: max-height 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: max-height 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (max-width: 768px) {
  /* line 215, ../sass/screen.scss */
  .wrapper > ul > li {
    max-height: 48px;
    border-bottom: 1px solid black;
  }
}
/* line 229, ../sass/screen.scss */
.wrapper > ul > li.opening {
  -webkit-animation: opening 1s;
  -moz-animation: opening 1s;
  animation: opening 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes opening {
  0% {
    max-height: 149px;
  }
  90% {
    max-height: 298px;
  }
  100% {
    max-height: 149px;
  }
}
@-moz-keyframes opening {
  0% {
    max-height: 149px;
  }
  90% {
    max-height: 298px;
  }
  100% {
    max-height: 149px;
  }
}
@-ms-keyframes opening {
  0% {
    max-height: 149px;
  }
  90% {
    max-height: 298px;
  }
  100% {
    max-height: 149px;
  }
}
@keyframes opening {
  0% {
    max-height: 149px;
  }
  90% {
    max-height: 298px;
  }
  100% {
    max-height: 149px;
  }
}
/* line 244, ../sass/screen.scss */
.wrapper > ul > li.opened {
  max-height: 5000px;
}
/* line 247, ../sass/screen.scss */
.wrapper > ul > li.closing {
  -moz-transition: max-height 0.47s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: max-height 0.47s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: max-height 0.47s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: max-height 0.47s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* line 251, ../sass/screen.scss */
.wrapper > ul > li.title_g img {
  width: 88px;
  margin-left: 9px;
}
@media (max-width: 768px) {
  /* line 251, ../sass/screen.scss */
  .wrapper > ul > li.title_g img {
    width: 29px;
    margin-left: 4px;
  }
}
/* line 261, ../sass/screen.scss */
.wrapper > ul > li.title_architects img {
  width: 807px;
  margin-left: 10px;
}
@media (max-width: 768px) {
  /* line 261, ../sass/screen.scss */
  .wrapper > ul > li.title_architects img {
    width: 270px;
    margin-left: 3px;
  }
}
/* line 271, ../sass/screen.scss */
.wrapper > ul > li.title_studio img {
  width: 472px;
  margin-left: 15px;
}
@media (max-width: 768px) {
  /* line 271, ../sass/screen.scss */
  .wrapper > ul > li.title_studio img {
    width: 158px;
    margin-left: 5px;
  }
}
/* line 280, ../sass/screen.scss */
.wrapper > ul > li.blank {
  height: 149px;
}
@media (max-width: 768px) {
  /* line 280, ../sass/screen.scss */
  .wrapper > ul > li.blank {
    height: 48px;
  }
}
/* line 287, ../sass/screen.scss */
.wrapper > ul > li.works h2 img {
  width: 478px;
  margin-left: -2px;
}
@media (max-width: 768px) {
  /* line 287, ../sass/screen.scss */
  .wrapper > ul > li.works h2 img {
    width: 166px;
  }
}
/* line 297, ../sass/screen.scss */
.wrapper > ul > li.about h2 img {
  width: 449px;
  margin-left: 10px;
}
@media (max-width: 768px) {
  /* line 297, ../sass/screen.scss */
  .wrapper > ul > li.about h2 img {
    width: 150px;
    margin-left: 4px;
  }
}
/* line 308, ../sass/screen.scss */
.wrapper > ul > li.news h2 img {
  width: 370px;
  margin-left: 17px;
}
@media (max-width: 768px) {
  /* line 308, ../sass/screen.scss */
  .wrapper > ul > li.news h2 img {
    width: 123px;
    margin-left: 7px;
  }
}
/* line 319, ../sass/screen.scss */
.wrapper > ul > li.contact h2 img {
  width: 617px;
  margin-left: 12px;
}
@media (max-width: 768px) {
  /* line 319, ../sass/screen.scss */
  .wrapper > ul > li.contact h2 img {
    width: 205px;
    margin-left: 5px;
  }
}
/* line 331, ../sass/screen.scss */
.wrapper > ul > li h1, .wrapper > ul > li h2 {
  padding: 26px 15px;
  line-height: 0;
  background: #fff;
  display: block;
  overflow: hidden;
}
@media (max-width: 768px) {
  /* line 331, ../sass/screen.scss */
  .wrapper > ul > li h1, .wrapper > ul > li h2 {
    padding: 7px 4px;
  }
}
/* line 340, ../sass/screen.scss */
.wrapper > ul > li h1 a, .wrapper > ul > li h2 a {
  display: block;
  float: left;
}
/* line 347, ../sass/screen.scss */
.wrapper > ul > li h2 {
  cursor: pointer;
}
/* line 353, ../sass/screen.scss */
.wrapper > ul > li .top_content {
  min-height: 120px;
  padding-top: 85px;
  background: black;
  color: white;
  border-top: 2px solid #000;
  overflow: hidden;
}
@media (max-width: 768px) {
  /* line 353, ../sass/screen.scss */
  .wrapper > ul > li .top_content {
    border-top: 1px solid black;
    padding: 30px 0;
  }
}

/* line 370, ../sass/screen.scss */
.works .top_content {
  font-size: 186%;
  position: relative;
}
/* line 373, ../sass/screen.scss */
.works .top_content ul.works_list {
  margin: auto 100px 85px 245px;
  position: relative;
  display: table;
}
@media (max-width: 768px) {
  /* line 373, ../sass/screen.scss */
  .works .top_content ul.works_list {
    margin: auto 10px auto 10px;
  }
}
/* line 380, ../sass/screen.scss */
.works .top_content ul.works_list li {
  line-height: 2em;
  clear: both;
}
@media (max-width: 768px) {
  /* line 380, ../sass/screen.scss */
  .works .top_content ul.works_list li {
    font-size: 14px;
  }
}
/* line 387, ../sass/screen.scss */
.works .top_content ul.works_list li a:hover {
  color: blue;
}
/* line 390, ../sass/screen.scss */
.works .top_content ul.works_list li a span:first-child {
  padding-right: 80px;
}
@media (max-width: 768px) {
  /* line 390, ../sass/screen.scss */
  .works .top_content ul.works_list li a span:first-child {
    padding-right: 37px;
  }
}
/* line 396, ../sass/screen.scss */
.works .top_content ul.works_list li a span {
  display: table-cell;
}
/* line 400, ../sass/screen.scss */
.works .top_content ul.works_list li a::selection {
  color: white;
  background: blue;
}
/* line 408, ../sass/screen.scss */
.works .top_content ul.works_thumb li {
  display: none;
  position: absolute;
  top: 100px;
  left: 21px;
}
/* line 413, ../sass/screen.scss */
.works .top_content ul.works_thumb li img {
  width: 315px;
  height: auto;
}
@media (max-width: 768px) {
  /* line 413, ../sass/screen.scss */
  .works .top_content ul.works_thumb li img {
    width: 250px;
  }
}
/* line 420, ../sass/screen.scss */
.works .top_content ul.works_thumb li h4 {
  font-size: 172%;
  color: red;
}

/* line 429, ../sass/screen.scss */
.about .top_content .about_text {
  width: 830px;
  margin-left: 250px;
}
@media (max-width: 768px) {
  /* line 429, ../sass/screen.scss */
  .about .top_content .about_text {
    width: auto;
    margin: auto 15px;
  }
}
/* line 436, ../sass/screen.scss */
.about .top_content .about_text section {
  font-size: 143%;
  line-height: 2em;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  /* line 436, ../sass/screen.scss */
  .about .top_content .about_text section {
    font-size: 72%;
    margin-bottom: 10px;
  }
}
/* line 445, ../sass/screen.scss */
.about .top_content .about_text .building_list {
  margin-top: 60px;
  margin-bottom: 100px;
  font-size: 143%;
}
@media (max-width: 768px) {
  /* line 445, ../sass/screen.scss */
  .about .top_content .about_text .building_list {
    margin-top: 32px;
    margin-bottom: 40px;
    font-size: 72%;
  }
}
/* line 454, ../sass/screen.scss */
.about .top_content .about_text .building_list li {
  list-style: decimal;
  line-height: 2em;
  margin: auto auto 1.5em 2em;
}
/* line 458, ../sass/screen.scss */
.about .top_content .about_text .building_list li h4 {
  margin-bottom: 0.8em;
  display: block;
}
/* line 462, ../sass/screen.scss */
.about .top_content .about_text .building_list li > div {
  clear: both;
  line-height: 1em;
  margin-bottom: 1em;
}
@media (max-width: 768px) {
  /* line 462, ../sass/screen.scss */
  .about .top_content .about_text .building_list li > div {
    margin-bottom: auto;
  }
}
@media (max-width: 768px) {
  /* line 467, ../sass/screen.scss */
  .about .top_content .about_text .building_list li > div div {
    margin-left: 1.5em;
    line-height: 1.7em;
  }
}
/* line 473, ../sass/screen.scss */
.about .top_content .about_text .building_list li > div div:first-child {
  width: 260px;
  float: left;
  border-bottom: 1px solid black;
}
@media (max-width: 768px) {
  /* line 473, ../sass/screen.scss */
  .about .top_content .about_text .building_list li > div div:first-child {
    border: none;
    float: none;
    margin-left: auto;
    width: auto;
  }
}
/* line 483, ../sass/screen.scss */
.about .top_content .about_text .building_list li > div div:first-child span {
  background: black;
}
/* line 490, ../sass/screen.scss */
.about .top_content .about_text small {
  font-size: 86%;
}
/* line 494, ../sass/screen.scss */
.about .top_content .about_bio,
.about .top_content .about_award,
.about .top_content .about_publish,
.about .top_content .about_pre {
  border-top: 1px solid white;
  width: 830px;
  margin-left: 250px;
  padding: 20px 0 100px;
}
@media (max-width: 768px) {
  /* line 494, ../sass/screen.scss */
  .about .top_content .about_bio,
  .about .top_content .about_award,
  .about .top_content .about_publish,
  .about .top_content .about_pre {
    width: auto;
    margin: auto 15px;
    padding-bottom: 40px;
  }
}
/* line 510, ../sass/screen.scss */
.about .top_content .about_bio .about_bio_content,
.about .top_content .about_bio .about_publish_content,
.about .top_content .about_bio .about_pre_content,
.about .top_content .about_award .about_bio_content,
.about .top_content .about_award .about_publish_content,
.about .top_content .about_award .about_pre_content,
.about .top_content .about_publish .about_bio_content,
.about .top_content .about_publish .about_publish_content,
.about .top_content .about_publish .about_pre_content,
.about .top_content .about_pre .about_bio_content,
.about .top_content .about_pre .about_publish_content,
.about .top_content .about_pre .about_pre_content {
  width: 830px;
  line-height: 1.5em;
  font-size: 100%;
  display: flex;
  position: relative;
}
@media (max-width: 768px) {
  /* line 510, ../sass/screen.scss */
  .about .top_content .about_bio .about_bio_content,
  .about .top_content .about_bio .about_publish_content,
  .about .top_content .about_bio .about_pre_content,
  .about .top_content .about_award .about_bio_content,
  .about .top_content .about_award .about_publish_content,
  .about .top_content .about_award .about_pre_content,
  .about .top_content .about_publish .about_bio_content,
  .about .top_content .about_publish .about_publish_content,
  .about .top_content .about_publish .about_pre_content,
  .about .top_content .about_pre .about_bio_content,
  .about .top_content .about_pre .about_publish_content,
  .about .top_content .about_pre .about_pre_content {
    width: auto;
    margin: auto;
    display: block;
  }
}
/* line 524, ../sass/screen.scss */
.about .top_content .about_bio .about_bio_content .about_tanaka,
.about .top_content .about_bio .about_bio_content .about_publish_content_ul,
.about .top_content .about_bio .about_publish_content .about_tanaka,
.about .top_content .about_bio .about_publish_content .about_publish_content_ul,
.about .top_content .about_bio .about_pre_content .about_tanaka,
.about .top_content .about_bio .about_pre_content .about_publish_content_ul,
.about .top_content .about_award .about_bio_content .about_tanaka,
.about .top_content .about_award .about_bio_content .about_publish_content_ul,
.about .top_content .about_award .about_publish_content .about_tanaka,
.about .top_content .about_award .about_publish_content .about_publish_content_ul,
.about .top_content .about_award .about_pre_content .about_tanaka,
.about .top_content .about_award .about_pre_content .about_publish_content_ul,
.about .top_content .about_publish .about_bio_content .about_tanaka,
.about .top_content .about_publish .about_bio_content .about_publish_content_ul,
.about .top_content .about_publish .about_publish_content .about_tanaka,
.about .top_content .about_publish .about_publish_content .about_publish_content_ul,
.about .top_content .about_publish .about_pre_content .about_tanaka,
.about .top_content .about_publish .about_pre_content .about_publish_content_ul,
.about .top_content .about_pre .about_bio_content .about_tanaka,
.about .top_content .about_pre .about_bio_content .about_publish_content_ul,
.about .top_content .about_pre .about_publish_content .about_tanaka,
.about .top_content .about_pre .about_publish_content .about_publish_content_ul,
.about .top_content .about_pre .about_pre_content .about_tanaka,
.about .top_content .about_pre .about_pre_content .about_publish_content_ul {
  width: 49.5%;
}
@media (max-width: 768px) {
  /* line 524, ../sass/screen.scss */
  .about .top_content .about_bio .about_bio_content .about_tanaka,
  .about .top_content .about_bio .about_bio_content .about_publish_content_ul,
  .about .top_content .about_bio .about_publish_content .about_tanaka,
  .about .top_content .about_bio .about_publish_content .about_publish_content_ul,
  .about .top_content .about_bio .about_pre_content .about_tanaka,
  .about .top_content .about_bio .about_pre_content .about_publish_content_ul,
  .about .top_content .about_award .about_bio_content .about_tanaka,
  .about .top_content .about_award .about_bio_content .about_publish_content_ul,
  .about .top_content .about_award .about_publish_content .about_tanaka,
  .about .top_content .about_award .about_publish_content .about_publish_content_ul,
  .about .top_content .about_award .about_pre_content .about_tanaka,
  .about .top_content .about_award .about_pre_content .about_publish_content_ul,
  .about .top_content .about_publish .about_bio_content .about_tanaka,
  .about .top_content .about_publish .about_bio_content .about_publish_content_ul,
  .about .top_content .about_publish .about_publish_content .about_tanaka,
  .about .top_content .about_publish .about_publish_content .about_publish_content_ul,
  .about .top_content .about_publish .about_pre_content .about_tanaka,
  .about .top_content .about_publish .about_pre_content .about_publish_content_ul,
  .about .top_content .about_pre .about_bio_content .about_tanaka,
  .about .top_content .about_pre .about_bio_content .about_publish_content_ul,
  .about .top_content .about_pre .about_publish_content .about_tanaka,
  .about .top_content .about_pre .about_publish_content .about_publish_content_ul,
  .about .top_content .about_pre .about_pre_content .about_tanaka,
  .about .top_content .about_pre .about_pre_content .about_publish_content_ul {
    width: auto;
  }
}
/* line 531, ../sass/screen.scss */
.about .top_content .about_bio .about_bio_content .about_tanaka img,
.about .top_content .about_bio .about_bio_content .about_publish_content_ul img,
.about .top_content .about_bio .about_publish_content .about_tanaka img,
.about .top_content .about_bio .about_publish_content .about_publish_content_ul img,
.about .top_content .about_bio .about_pre_content .about_tanaka img,
.about .top_content .about_bio .about_pre_content .about_publish_content_ul img,
.about .top_content .about_award .about_bio_content .about_tanaka img,
.about .top_content .about_award .about_bio_content .about_publish_content_ul img,
.about .top_content .about_award .about_publish_content .about_tanaka img,
.about .top_content .about_award .about_publish_content .about_publish_content_ul img,
.about .top_content .about_award .about_pre_content .about_tanaka img,
.about .top_content .about_award .about_pre_content .about_publish_content_ul img,
.about .top_content .about_publish .about_bio_content .about_tanaka img,
.about .top_content .about_publish .about_bio_content .about_publish_content_ul img,
.about .top_content .about_publish .about_publish_content .about_tanaka img,
.about .top_content .about_publish .about_publish_content .about_publish_content_ul img,
.about .top_content .about_publish .about_pre_content .about_tanaka img,
.about .top_content .about_publish .about_pre_content .about_publish_content_ul img,
.about .top_content .about_pre .about_bio_content .about_tanaka img,
.about .top_content .about_pre .about_bio_content .about_publish_content_ul img,
.about .top_content .about_pre .about_publish_content .about_tanaka img,
.about .top_content .about_pre .about_publish_content .about_publish_content_ul img,
.about .top_content .about_pre .about_pre_content .about_tanaka img,
.about .top_content .about_pre .about_pre_content .about_publish_content_ul img {
  margin-bottom: 20px;
  width: 167px;
}
@media (max-width: 768px) {
  /* line 531, ../sass/screen.scss */
  .about .top_content .about_bio .about_bio_content .about_tanaka img,
  .about .top_content .about_bio .about_bio_content .about_publish_content_ul img,
  .about .top_content .about_bio .about_publish_content .about_tanaka img,
  .about .top_content .about_bio .about_publish_content .about_publish_content_ul img,
  .about .top_content .about_bio .about_pre_content .about_tanaka img,
  .about .top_content .about_bio .about_pre_content .about_publish_content_ul img,
  .about .top_content .about_award .about_bio_content .about_tanaka img,
  .about .top_content .about_award .about_bio_content .about_publish_content_ul img,
  .about .top_content .about_award .about_publish_content .about_tanaka img,
  .about .top_content .about_award .about_publish_content .about_publish_content_ul img,
  .about .top_content .about_award .about_pre_content .about_tanaka img,
  .about .top_content .about_award .about_pre_content .about_publish_content_ul img,
  .about .top_content .about_publish .about_bio_content .about_tanaka img,
  .about .top_content .about_publish .about_bio_content .about_publish_content_ul img,
  .about .top_content .about_publish .about_publish_content .about_tanaka img,
  .about .top_content .about_publish .about_publish_content .about_publish_content_ul img,
  .about .top_content .about_publish .about_pre_content .about_tanaka img,
  .about .top_content .about_publish .about_pre_content .about_publish_content_ul img,
  .about .top_content .about_pre .about_bio_content .about_tanaka img,
  .about .top_content .about_pre .about_bio_content .about_publish_content_ul img,
  .about .top_content .about_pre .about_publish_content .about_tanaka img,
  .about .top_content .about_pre .about_publish_content .about_publish_content_ul img,
  .about .top_content .about_pre .about_pre_content .about_tanaka img,
  .about .top_content .about_pre .about_pre_content .about_publish_content_ul img {
    width: 140px;
    height: auto;
  }
}
/* line 539, ../sass/screen.scss */
.about .top_content .about_bio .about_bio_content .about_tanaka a,
.about .top_content .about_bio .about_bio_content .about_publish_content_ul a,
.about .top_content .about_bio .about_publish_content .about_tanaka a,
.about .top_content .about_bio .about_publish_content .about_publish_content_ul a,
.about .top_content .about_bio .about_pre_content .about_tanaka a,
.about .top_content .about_bio .about_pre_content .about_publish_content_ul a,
.about .top_content .about_award .about_bio_content .about_tanaka a,
.about .top_content .about_award .about_bio_content .about_publish_content_ul a,
.about .top_content .about_award .about_publish_content .about_tanaka a,
.about .top_content .about_award .about_publish_content .about_publish_content_ul a,
.about .top_content .about_award .about_pre_content .about_tanaka a,
.about .top_content .about_award .about_pre_content .about_publish_content_ul a,
.about .top_content .about_publish .about_bio_content .about_tanaka a,
.about .top_content .about_publish .about_bio_content .about_publish_content_ul a,
.about .top_content .about_publish .about_publish_content .about_tanaka a,
.about .top_content .about_publish .about_publish_content .about_publish_content_ul a,
.about .top_content .about_publish .about_pre_content .about_tanaka a,
.about .top_content .about_publish .about_pre_content .about_publish_content_ul a,
.about .top_content .about_pre .about_bio_content .about_tanaka a,
.about .top_content .about_pre .about_bio_content .about_publish_content_ul a,
.about .top_content .about_pre .about_publish_content .about_tanaka a,
.about .top_content .about_pre .about_publish_content .about_publish_content_ul a,
.about .top_content .about_pre .about_pre_content .about_tanaka a,
.about .top_content .about_pre .about_pre_content .about_publish_content_ul a {
  text-decoration: underline;
}
/* line 542, ../sass/screen.scss */
.about .top_content .about_bio .about_bio_content .about_tanaka .about_jp,
.about .top_content .about_bio .about_bio_content .about_publish_content_ul .about_jp,
.about .top_content .about_bio .about_publish_content .about_tanaka .about_jp,
.about .top_content .about_bio .about_publish_content .about_publish_content_ul .about_jp,
.about .top_content .about_bio .about_pre_content .about_tanaka .about_jp,
.about .top_content .about_bio .about_pre_content .about_publish_content_ul .about_jp,
.about .top_content .about_award .about_bio_content .about_tanaka .about_jp,
.about .top_content .about_award .about_bio_content .about_publish_content_ul .about_jp,
.about .top_content .about_award .about_publish_content .about_tanaka .about_jp,
.about .top_content .about_award .about_publish_content .about_publish_content_ul .about_jp,
.about .top_content .about_award .about_pre_content .about_tanaka .about_jp,
.about .top_content .about_award .about_pre_content .about_publish_content_ul .about_jp,
.about .top_content .about_publish .about_bio_content .about_tanaka .about_jp,
.about .top_content .about_publish .about_bio_content .about_publish_content_ul .about_jp,
.about .top_content .about_publish .about_publish_content .about_tanaka .about_jp,
.about .top_content .about_publish .about_publish_content .about_publish_content_ul .about_jp,
.about .top_content .about_publish .about_pre_content .about_tanaka .about_jp,
.about .top_content .about_publish .about_pre_content .about_publish_content_ul .about_jp,
.about .top_content .about_pre .about_bio_content .about_tanaka .about_jp,
.about .top_content .about_pre .about_bio_content .about_publish_content_ul .about_jp,
.about .top_content .about_pre .about_publish_content .about_tanaka .about_jp,
.about .top_content .about_pre .about_publish_content .about_publish_content_ul .about_jp,
.about .top_content .about_pre .about_pre_content .about_tanaka .about_jp,
.about .top_content .about_pre .about_pre_content .about_publish_content_ul .about_jp {
  margin-bottom: 50px;
}
@media (max-width: 768px) {
  /* line 542, ../sass/screen.scss */
  .about .top_content .about_bio .about_bio_content .about_tanaka .about_jp,
  .about .top_content .about_bio .about_bio_content .about_publish_content_ul .about_jp,
  .about .top_content .about_bio .about_publish_content .about_tanaka .about_jp,
  .about .top_content .about_bio .about_publish_content .about_publish_content_ul .about_jp,
  .about .top_content .about_bio .about_pre_content .about_tanaka .about_jp,
  .about .top_content .about_bio .about_pre_content .about_publish_content_ul .about_jp,
  .about .top_content .about_award .about_bio_content .about_tanaka .about_jp,
  .about .top_content .about_award .about_bio_content .about_publish_content_ul .about_jp,
  .about .top_content .about_award .about_publish_content .about_tanaka .about_jp,
  .about .top_content .about_award .about_publish_content .about_publish_content_ul .about_jp,
  .about .top_content .about_award .about_pre_content .about_tanaka .about_jp,
  .about .top_content .about_award .about_pre_content .about_publish_content_ul .about_jp,
  .about .top_content .about_publish .about_bio_content .about_tanaka .about_jp,
  .about .top_content .about_publish .about_bio_content .about_publish_content_ul .about_jp,
  .about .top_content .about_publish .about_publish_content .about_tanaka .about_jp,
  .about .top_content .about_publish .about_publish_content .about_publish_content_ul .about_jp,
  .about .top_content .about_publish .about_pre_content .about_tanaka .about_jp,
  .about .top_content .about_publish .about_pre_content .about_publish_content_ul .about_jp,
  .about .top_content .about_pre .about_bio_content .about_tanaka .about_jp,
  .about .top_content .about_pre .about_bio_content .about_publish_content_ul .about_jp,
  .about .top_content .about_pre .about_publish_content .about_tanaka .about_jp,
  .about .top_content .about_pre .about_publish_content .about_publish_content_ul .about_jp,
  .about .top_content .about_pre .about_pre_content .about_tanaka .about_jp,
  .about .top_content .about_pre .about_pre_content .about_publish_content_ul .about_jp {
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) {
  /* line 550, ../sass/screen.scss */
  .about .top_content .about_bio .about_bio_content .about_tanaka,
  .about .top_content .about_bio .about_publish_content .about_tanaka,
  .about .top_content .about_bio .about_pre_content .about_tanaka,
  .about .top_content .about_award .about_bio_content .about_tanaka,
  .about .top_content .about_award .about_publish_content .about_tanaka,
  .about .top_content .about_award .about_pre_content .about_tanaka,
  .about .top_content .about_publish .about_bio_content .about_tanaka,
  .about .top_content .about_publish .about_publish_content .about_tanaka,
  .about .top_content .about_publish .about_pre_content .about_tanaka,
  .about .top_content .about_pre .about_bio_content .about_tanaka,
  .about .top_content .about_pre .about_publish_content .about_tanaka,
  .about .top_content .about_pre .about_pre_content .about_tanaka {
    margin-bottom: 37px;
  }
}
/* line 556, ../sass/screen.scss */
.about .top_content .about_bio h4,
.about .top_content .about_award h4,
.about .top_content .about_publish h4,
.about .top_content .about_pre h4 {
  text-decoration: underline;
  margin-bottom: 35px;
}
@media (max-width: 768px) {
  /* line 556, ../sass/screen.scss */
  .about .top_content .about_bio h4,
  .about .top_content .about_award h4,
  .about .top_content .about_publish h4,
  .about .top_content .about_pre h4 {
    margin-bottom: 20px;
  }
}
/* line 563, ../sass/screen.scss */
.about .top_content .about_bio li,
.about .top_content .about_award li,
.about .top_content .about_publish li,
.about .top_content .about_pre li {
  line-height: 1.6em;
  display: flex;
  flex-wrap: nowrap;
}
/* line 567, ../sass/screen.scss */
.about .top_content .about_bio li.about_name,
.about .top_content .about_award li.about_name,
.about .top_content .about_publish li.about_name,
.about .top_content .about_pre li.about_name {
  position: relative;
  margin-bottom: 2em;
}
/* line 570, ../sass/screen.scss */
.about .top_content .about_bio li.about_name:after,
.about .top_content .about_award li.about_name:after,
.about .top_content .about_publish li.about_name:after,
.about .top_content .about_pre li.about_name:after {
  position: absolute;
  left: 0;
  bottom: -1em;
  content: "";
  width: 4px;
  height: 1.6em;
  border-bottom: 1px solid white;
}
/* line 580, ../sass/screen.scss */
.about .top_content .about_bio li span,
.about .top_content .about_award li span,
.about .top_content .about_publish li span,
.about .top_content .about_pre li span {
  width: 90px;
  display: block;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  /* line 580, ../sass/screen.scss */
  .about .top_content .about_bio li span,
  .about .top_content .about_award li span,
  .about .top_content .about_publish li span,
  .about .top_content .about_pre li span {
    width: 70px;
  }
}
/* line 588, ../sass/screen.scss */
.about .top_content .about_bio li p,
.about .top_content .about_award li p,
.about .top_content .about_publish li p,
.about .top_content .about_pre li p {
  flex-shrink: 1;
}
/* line 591, ../sass/screen.scss */
.about .top_content .about_bio li span.hyphen,
.about .top_content .about_award li span.hyphen,
.about .top_content .about_publish li span.hyphen,
.about .top_content .about_pre li span.hyphen {
  height: 1.6em;
  position: relative;
}
/* line 594, ../sass/screen.scss */
.about .top_content .about_bio li span.hyphen:before,
.about .top_content .about_award li span.hyphen:before,
.about .top_content .about_publish li span.hyphen:before,
.about .top_content .about_pre li span.hyphen:before {
  content: "";
  width: 4px;
  position: absolute;
  border-top: 1px;
  top: 50%;
  left: 0;
  border-top: 1px solid white;
}
/* line 608, ../sass/screen.scss */
.about .top_content .about_award li span {
  width: 56px;
}
@media (max-width: 768px) {
  /* line 608, ../sass/screen.scss */
  .about .top_content .about_award li span {
    width: 70px;
  }
}
/* line 614, ../sass/screen.scss */
.about .top_content .about_award li ul {
  margin-left: 0;
}
/* line 622, ../sass/screen.scss */
.about .top_content .about_publish {
  margin-bottom: 200px;
}
@media (max-width: 768px) {
  /* line 622, ../sass/screen.scss */
  .about .top_content .about_publish {
    margin-bottom: auto;
  }
}
/* line 627, ../sass/screen.scss */
.about .top_content .about_publish ul li {
  position: relative;
  padding-left: 0.8em;
}
/* line 630, ../sass/screen.scss */
.about .top_content .about_publish ul li:before {
  position: absolute;
  left: 0;
  content: "-";
}
/* line 637, ../sass/screen.scss */
.about .top_content .about_pre {
  margin-bottom: 200px;
}
/* line 639, ../sass/screen.scss */
.about .top_content .about_pre .about_pre_content {
  flex-direction: column;
}
/* line 641, ../sass/screen.scss */
.about .top_content .about_pre .about_pre_content ul {
  margin-left: 0;
  margin-bottom: 2em;
}
/* line 644, ../sass/screen.scss */
.about .top_content .about_pre .about_pre_content ul h5 {
  margin-bottom: 0.5em;
}
/* line 647, ../sass/screen.scss */
.about .top_content .about_pre .about_pre_content ul span {
  width: 7em;
}

/* line 656, ../sass/screen.scss */
.news .top_content {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  justify-content: flex-start;
  padding-bottom: 160px;
}
@media (max-width: 768px) {
  /* line 656, ../sass/screen.scss */
  .news .top_content {
    flex-direction: column;
    padding-bottom: 40px;
    padding: 30px 10px !important;
  }
}
/* line 667, ../sass/screen.scss */
.news .top_content .news_years {
  width: 235px;
  margin: 0 0 0 15px;
  font-size: 200%;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  /* line 667, ../sass/screen.scss */
  .news .top_content .news_years {
    width: auto;
    order: 3;
    margin-left: 0;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -moz-column-width: 90px;
    -webkit-column-width: 90px;
    column-width: 90px;
    -moz-column-gap: 0;
    -webkit-column-gap: 0;
    column-gap: 0;
  }
}
/* line 680, ../sass/screen.scss */
.news .top_content .news_years li {
  margin-top: 1.6em;
  line-height: 1.6em;
  z-index: 0;
  position: relative;
}
/* line 685, ../sass/screen.scss */
.news .top_content .news_years li:first-child {
  margin-top: auto;
}
/* line 687, ../sass/screen.scss */
.news .top_content .news_years li:first-child:before {
  width: 0;
  margin: auto;
}
/* line 692, ../sass/screen.scss */
.news .top_content .news_years li:before {
  position: absolute;
  content: "";
  width: 8px;
  height: 1.6em;
  border-top: 1px solid black;
  margin-top: -0.8em;
}
@media (max-width: 768px) {
  /* line 680, ../sass/screen.scss */
  .news .top_content .news_years li {
    margin: 0;
  }
  /* line 702, ../sass/screen.scss */
  .news .top_content .news_years li:before {
    content: none;
  }
}
/* line 707, ../sass/screen.scss */
.news .top_content .news_years li a:hover, .news .top_content .news_years li.current a {
  color: blue;
}
/* line 713, ../sass/screen.scss */
.news .top_content .news_list {
  margin: 0 100px 0 0;
  font-size: 143%;
}
@media (max-width: 768px) {
  /* line 713, ../sass/screen.scss */
  .news .top_content .news_list {
    margin: 50px auto auto;
    order: 4;
  }
}
/* line 721, ../sass/screen.scss */
.news .top_content .news_list li {
  display: table;
  line-height: 1.6em;
  margin-bottom: 40px;
}
/* line 725, ../sass/screen.scss */
.news .top_content .news_list li .date {
  width: 185px;
  display: table-cell;
}
@media (max-width: 768px) {
  /* line 725, ../sass/screen.scss */
  .news .top_content .news_list li .date {
    width: 90px;
    padding: 0;
  }
}
@media (max-width: 768px) {
  /* line 733, ../sass/screen.scss */
  .news .top_content .news_list li .title {
    margin-left: auto;
    width: auto;
  }
}

/* line 748, ../sass/screen.scss */
.contact .top_content {
  padding-bottom: 240px;
  font-size: 143%;
  line-height: 1.8em;
}
@media (max-width: 768px) {
  /* line 748, ../sass/screen.scss */
  .contact .top_content {
    font-size: 72%;
  }
}
/* line 756, ../sass/screen.scss */
.contact .top_content ul li {
  display: flex;
}
@media (max-width: 768px) {
  /* line 756, ../sass/screen.scss */
  .contact .top_content ul li {
    display: table-row;
  }
}
/* line 761, ../sass/screen.scss */
.contact .top_content ul li .title {
  width: 260px;
  margin-left: 250px;
}
@media (max-width: 768px) {
  /* line 761, ../sass/screen.scss */
  .contact .top_content ul li .title {
    width: 125px;
    padding-left: 10px;
    display: table-cell;
  }
}
/* line 770, ../sass/screen.scss */
.contact .top_content ul li .list_text {
  width: 780px;
}
@media (max-width: 768px) {
  /* line 770, ../sass/screen.scss */
  .contact .top_content ul li .list_text {
    width: auto;
    display: table-cell;
    padding-right: 10px;
  }
}
/* line 777, ../sass/screen.scss */
.contact .top_content ul li .list_text span {
  margin-right: 1em;
}
@media (max-width: 768px) {
  /* line 777, ../sass/screen.scss */
  .contact .top_content ul li .list_text span {
    display: block;
  }
}
/* line 783, ../sass/screen.scss */
.contact .top_content ul li .list_text a {
  border-bottom-width: 2px;
  border-style: solid;
  cursor: pointer;
}
@media (max-width: 768px) {
  /* line 783, ../sass/screen.scss */
  .contact .top_content ul li .list_text a {
    border-bottom-width: 1px;
  }
}
/* line 792, ../sass/screen.scss */
.contact .top_content ul li.map {
  width: 100%;
  height: 0;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  overflow: hidden;
}
@media (max-width: 768px) {
  /* line 792, ../sass/screen.scss */
  .contact .top_content ul li.map {
    display: block;
  }
}
/* line 800, ../sass/screen.scss */
.contact .top_content ul li.map.show {
  height: 350px;
}

/* line 810, ../sass/screen.scss */
li.fb {
  height: 178px;
  display: flex;
  align-items: center;
}
/* line 814, ../sass/screen.scss */
li.fb a {
  width: 96px;
  display: block;
  margin-left: 31px;
}
@media (max-width: 768px) {
  /* line 814, ../sass/screen.scss */
  li.fb a {
    margin: 9px;
  }
}
/* line 819, ../sass/screen.scss */
li.fb a img {
  width: 96px;
}
@media (max-width: 768px) {
  /* line 819, ../sass/screen.scss */
  li.fb a img {
    width: 32px;
  }
}

/* line 827, ../sass/screen.scss */
li.footer {
  height: 178px;
}
/* line 829, ../sass/screen.scss */
li.footer small {
  display: block;
  margin: 28px auto auto 34px;
  font-size: 186%;
}
@media (max-width: 768px) {
  /* line 829, ../sass/screen.scss */
  li.footer small {
    margin: 8px auto auto 8px;
    font-size: 72%;
  }
}

/* --- modal --- */
/* line 846, ../sass/screen.scss */
.modal_wrapper {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  color: #fff;
  overflow: hidden;
}
/* line 856, ../sass/screen.scss */
.modal_wrapper .modal_bg {
  background: #808080;
  overflow: hidden;
}
/* line 861, ../sass/screen.scss */
.modal_wrapper button.close_btn {
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 0;
}
@media (max-width: 768px) {
  /* line 861, ../sass/screen.scss */
  .modal_wrapper button.close_btn {
    top: 10px;
    right: 10px;
  }
}
@media (max-width: 768px) {
  /* line 870, ../sass/screen.scss */
  .modal_wrapper button.close_btn img {
    width: 25px;
    height: 25px;
  }
}
/* line 878, ../sass/screen.scss */
.modal_wrapper a {
  color: white;
  text-decoration: none;
}
/* line 884, ../sass/screen.scss */
.modal_wrapper .work_sidebar {
  width: 230px;
  height: 560px;
  position: relative;
  margin: 120px auto auto 24px;
}
@media (max-width: 768px) {
  /* line 884, ../sass/screen.scss */
  .modal_wrapper .work_sidebar {
    width: auto;
    height: 38px;
    margin: 38px 10px auto;
    display: flex;
    align-content: flex-end;
  }
}
/* line 896, ../sass/screen.scss */
.modal_wrapper .work_sidebar h4 {
  font-size: 685%;
  margin-bottom: 85px;
  line-height: 0.8em;
}
@media (max-width: 768px) {
  /* line 896, ../sass/screen.scss */
  .modal_wrapper .work_sidebar h4 {
    font-size: 48px;
    margin-bottom: auto;
  }
}
/* line 905, ../sass/screen.scss */
.modal_wrapper .work_sidebar .work_changer {
  margin: auto auto 0 20px;
}
/* line 907, ../sass/screen.scss */
.modal_wrapper .work_sidebar .work_changer a {
  display: block;
  font-size: 20px;
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  /* line 907, ../sass/screen.scss */
  .modal_wrapper .work_sidebar .work_changer a {
    font-size: 10px;
    margin: 10px auto auto;
  }
}
/* line 915, ../sass/screen.scss */
.modal_wrapper .work_sidebar .work_changer a:first-child {
  margin-top: auto;
}
/* line 918, ../sass/screen.scss */
.modal_wrapper .work_sidebar .work_changer a span {
  margin: auto 20px auto auto;
}
@media (max-width: 768px) {
  /* line 918, ../sass/screen.scss */
  .modal_wrapper .work_sidebar .work_changer a span {
    margin: auto 10px auto auto;
  }
}
/* line 926, ../sass/screen.scss */
.modal_wrapper .work_sidebar .slide_num {
  font-size: 143%;
  position: absolute;
  bottom: 0;
}
@media (max-width: 768px) {
  /* line 926, ../sass/screen.scss */
  .modal_wrapper .work_sidebar .slide_num {
    right: 0;
  }
}
/* line 935, ../sass/screen.scss */
.modal_wrapper .work_content {
  width: 840px;
  height: auto;
  margin: auto auto 350px;
  position: absolute;
  top: 120px;
  left: 250px;
}
@media (max-width: 768px) {
  /* line 935, ../sass/screen.scss */
  .modal_wrapper .work_content {
    width: 100%;
    margin: auto auto 100px;
    left: 0;
    top: 90px;
  }
}
/* line 948, ../sass/screen.scss */
.modal_wrapper .work_content h2 {
  font-size: 143%;
  margin: 80px auto 40px;
}
@media (max-width: 768px) {
  /* line 948, ../sass/screen.scss */
  .modal_wrapper .work_content h2 {
    margin: 35px 10px 20px;
  }
}
/* line 953, ../sass/screen.scss */
.modal_wrapper .work_content .work_slide_wrapper {
  position: relative;
}
@media (max-width: 768px) {
  /* line 953, ../sass/screen.scss */
  .modal_wrapper .work_content .work_slide_wrapper {
    padding: 0 10px;
  }
}
/* line 957, ../sass/screen.scss */
.modal_wrapper .work_content .work_slide_wrapper .work_slide {
  width: 840px;
  height: 560px;
  position: relative;
}
@media (max-width: 768px) {
  /* line 957, ../sass/screen.scss */
  .modal_wrapper .work_content .work_slide_wrapper .work_slide {
    width: 100%;
    height: auto;
  }
}
/* line 965, ../sass/screen.scss */
.modal_wrapper .work_content .work_slide_wrapper .work_slide img {
  width: 840px;
  height: auto;
}
/* line 969, ../sass/screen.scss */
.modal_wrapper .work_content .work_slide_wrapper .work_slide a img {
  width: auto;
}
/* line 974, ../sass/screen.scss */
.modal_wrapper .work_content .work_slide_wrapper:hover .slick-arrow {
  visibility: visible;
}
/* line 978, ../sass/screen.scss */
.modal_wrapper .work_content .work_slide_wrapper .slick-arrow {
  width: auto;
  height: auto;
  display: block;
  visibility: hidden;
  position: absolute;
  top: calc(50% - 22px);
  z-index: 100;
  mix-blend-mode: difference;
}
@media (max-width: 768px) {
  /* line 978, ../sass/screen.scss */
  .modal_wrapper .work_content .work_slide_wrapper .slick-arrow {
    visibility: visible;
  }
}
/* line 990, ../sass/screen.scss */
.modal_wrapper .work_content .work_slide_wrapper .slick-arrow:hover {
  cursor: pointer;
}
/* line 993, ../sass/screen.scss */
.modal_wrapper .work_content .work_slide_wrapper .slick-arrow.btn_left {
  width: 50%;
  height: 100%;
  left: 0;
  top: 0;
}
/* line 998, ../sass/screen.scss */
.modal_wrapper .work_content .work_slide_wrapper .slick-arrow.btn_left img {
  position: absolute;
  top: 50%;
  left: 30px;
}
@media (max-width: 768px) {
  /* line 998, ../sass/screen.scss */
  .modal_wrapper .work_content .work_slide_wrapper .slick-arrow.btn_left img {
    left: 15px;
  }
}
/* line 1007, ../sass/screen.scss */
.modal_wrapper .work_content .work_slide_wrapper .slick-arrow.btn_right {
  width: 50%;
  height: 100%;
  right: 0;
  top: 0;
}
/* line 1012, ../sass/screen.scss */
.modal_wrapper .work_content .work_slide_wrapper .slick-arrow.btn_right img {
  position: absolute;
  top: 50%;
  right: 30px;
}
@media (max-width: 768px) {
  /* line 1012, ../sass/screen.scss */
  .modal_wrapper .work_content .work_slide_wrapper .slick-arrow.btn_right img {
    right: 15px;
  }
}
@media (max-width: 768px) {
  /* line 1021, ../sass/screen.scss */
  .modal_wrapper .work_content .work_slide_wrapper .slick-arrow img {
    width: 15px;
    height: 30px;
  }
}
/* line 1030, ../sass/screen.scss */
.modal_wrapper .work_content .work_text_wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media (max-width: 768px) {
  /* line 1030, ../sass/screen.scss */
  .modal_wrapper .work_content .work_text_wrapper {
    padding: 0 10px;
    flex-direction: column;
  }
}
/* line 1037, ../sass/screen.scss */
.modal_wrapper .work_content .work_text_wrapper .work_text {
  width: 380px;
  font-size: 143%;
  line-height: 1.7em;
}
@media (max-width: 768px) {
  /* line 1037, ../sass/screen.scss */
  .modal_wrapper .work_content .work_text_wrapper .work_text {
    width: auto;
    margin-bottom: 2em;
  }
}
/* line 1045, ../sass/screen.scss */
.modal_wrapper .work_content .work_text_wrapper .work_text.work_text_jp_wide {
  width: 840px;
}
@media (max-width: 768px) {
  /* line 1045, ../sass/screen.scss */
  .modal_wrapper .work_content .work_text_wrapper .work_text.work_text_jp_wide {
    width: auto;
  }
}
/* line 1051, ../sass/screen.scss */
.modal_wrapper .work_content .work_text_wrapper .work_text.work_text_en {
  font-size: 129%;
}
/* line 1057, ../sass/screen.scss */
.modal_wrapper .work_content .work_img_wrapper {
  margin: 110px auto auto;
}
@media (max-width: 768px) {
  /* line 1057, ../sass/screen.scss */
  .modal_wrapper .work_content .work_img_wrapper {
    padding: 0 10px;
    margin-top: 0;
  }
}
/* line 1063, ../sass/screen.scss */
.modal_wrapper .work_content .work_img_wrapper img {
  max-width: 840px;
  margin: 40px auto auto auto;
  height: auto;
}
@media (max-width: 768px) {
  /* line 1063, ../sass/screen.scss */
  .modal_wrapper .work_content .work_img_wrapper img {
    width: 100%;
  }
}
/* line 1071, ../sass/screen.scss */
.modal_wrapper .work_content .work_img_wrapper img:first-child {
  margin: auto auto auto auto;
}