#content {
  font-size: 14px;
  overflow: hidden;
  font-family: a-otf-ryumin-pr6n, serif;
  font-weight: bold;
  color: #1a1a1a;
  line-height: 1.6;
  font-weight: 500;
  letter-spacing: 0.75px;
}

@media (min-width: 768px) {
  #content {
    max-width: 1920px;
    font-size: 14px;
  }
}

.text-center {
  text-align: center;
}

#content .bg-gray {
  background-color: #efe8e9;
}

#content .wrap {
  padding: 0 4vw;
}

@media (min-width: 768px) {
  #content .wrap {
    max-width: 1100px;
    padding: 0;
    margin: 0 auto;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #content .wrap.wrap-s {
    max-width: 660px;
  }
}
@media (min-width: 768px) {
  #content .wrap_900{
    max-width: 920px;
    padding: 0;
    margin: 0 auto;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
  }
}


#content img {
  width: 100%;
  max-width: 100%;
  -webkit-transition: 1.5s;
  transition: 1.5s;
  vertical-align: top;
}

#content p {
  /* 14 */
  font-size: 3.7vw;
  line-height: 1.6;
  letter-spacing: .15em;
  font-weight: 600;
}

@media (min-width: 768px) {
  #content p {
    font-size: 16px;
    line-height: 1.6;
  }
}

#content a {
  color: #574e4e;
  text-decoration: none;
  -webkit-transition: .2s;
  transition: .2s;
}

#content a:hover {
  opacity: .8;
  -webkit-transition: .2s;
  transition: .2s;
}

#content .pc {
  display: none;
}

#content .sp {
  display: block;
}

@media (min-width: 768px) {
  #content .pc {
    display: block;
  }
  #content .sp {
    display: none;
  }
}

#content .txt-font01 {
  font-family: a-otf-ryumin-pr6n, serif;
}

#content .txt-font02 {
  font-family: YakuHanJP, kinuta-maruminold-stdn, serif;
  font-weight: 600;
}

#content .txt-font03 {
  font-family: "helvetica", roboto, sans-serif;
}

#content .txt-font04 {
  font-family: classico-urw, sans-serif;
}
#content .txt-garamone {
  font-family: adobe-garamond-pro, serif;
  font-style: normal;
  font-weight: 700;
}
#content .txt-notosans {
  font-family: noto-sans-cjk-jp, sans-serif;
}

#content .bigger {
  /* 24 */
  font-size: 3.7vw;
  line-height: 1.6;
  letter-spacing: .1em;
  font-weight: 600;
}

@media (min-width: 768px) {
  #content .bigger {
    font-size: 24px;
  }
}

#content .big {
  /* 22 */
  font-size: 4.2vw;
  line-height: 1.6;
  letter-spacing: .1em;
  font-weight: 700;
}

@media (min-width: 768px) {
  #content .big {
    font-size: 22px;
  }
}

#content .medium {
  /* 18*/
  font-size: 3.7vw;
  line-height: 1.6;
  letter-spacing: .15em;
  font-weight: 600;
}

@media (min-width: 768px) {
  #content .medium {
    font-size: 18px;
  }
}

#content .p {
  /* 16 */
  font-size: 3.2vw;
  line-height: 1.6;
  letter-spacing: .15em;
  font-weight: 600;
}

@media (min-width: 768px) {
  #content .p {
    font-size: 16px;
  }
}


#content .col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#content .text-center {
  text-align: center;
}

#content .text-right {
  text-align: right;
}

#content .text-left {
  text-align: left;
}

@media (min-width: 768px) {
  #content .mv {
    margin-bottom: 48px;
  }
}

#content .mv .mv-top {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

#content .mv .mv-top .mvimg {
  position: relative;
  width: 100%;
}

@media (min-width: 768px) {
  #content .mv .mv-top .mvimg {
    width: 100%;
  }
}

#content .mv .suit h2 {
  font-weight: bold;
}

@media (min-width: 768px) {
  #content .mv .suit h2 {
    text-align: center;
  }
  #content .mv .suit p {
    text-align: center;
  }
}

#content .mv .mv-top .slogan {
  background-color: #efe8e9;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#content .mv .mv-top .slogan img {
  width: 87.5%;
}

@media (min-width: 768px) {
  #content .mv .mv-top .slogan img {
    width: 32.5%;
  }
}
#content hr{
  height: 1px;
  width: 100%;
}
#content hr.line {
  height: 1px;
  margin: 0 auto;
  text-align: center;
  width: calc(100% - 8vw);
  display: block;
  border: none;
  background-color: #8e8e8e;
}

#content hr.line.gray-blue {
  height: 1px;
  background-color: #78819A;
}

@media (min-width: 768px) {
  #content hr{
    width: 1100px;
  }
  #content hr.line {
    max-width: 1100px;
    width: 1100px;
  }
}


#content .en_title.m-b-48{
  margin-bottom: 3vw;
}
#content .en_title,#content .ja_title{
  text-align: left;
}
#content .about section div{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
#content .about section div img{
  width: 26.1vw;
}
#content .about section div p{
  width: 60.2vw;
}
@media (min-width: 768px) {
  #content .en_title,#content .ja_title{
    text-align: center;
  }
  #content .en_title.m-b-48{
    margin-bottom: 48px;
  }
  #content .about{
    max-width: 660px;
    margin: auto;
  }
  
  #content .about section div{
    display: flex;
    justify-content: space-between;
  }
  #content .about section div img{
    width: 258px;
  }
  #content .about section div p{
    width: 312px;
  }
}

#content .item{
  padding: 21.8vw 4vw 1px;
  margin: 0 auto 21.8vw;
}
#content .head{
  display: flex;
  flex-direction: row-reverse;
  justify-content: right;
}
#content .head img{
  width: 46.6vw;
}
#content .head p{
  margin-right: 12.8vw;
  writing-mode: vertical-rl;
  font-weight: 600;
  line-height: 2;
}
#content .block{
  margin: 0 0 21.3vw;
}
#content .block .title{
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
#content .block .title p img{
  width: 14.6vw;
}
#content .block .title > img{
  width: 73.3vw;
}
#content .list .image{
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
#content .list .image li{
  width: 100%;
}
#content .list .image li + li{
  margin: 4.2vw 0 0;
}
#content .solo{
  width: 100%;
  margin: auto;
}
#content .page_wrap{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-weight: 400;
}
#content .page_wrap .page{
  width: 100%;
}
#content .page_wrap .page li{
  height: 32px;
  margin: 0 0 25px;
  display: flex;
  align-items: center;
}
#content .page_wrap .page li span{
  display: flex;
  align-items: center;
}
#content .page_wrap .page li span span{
  font-size: 12px;
}
#content .page_wrap .page li a{
  width: 128px;
  height: 32px;
  font-size: 14px;
  margin: 0 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
  box-sizing: border-box;
  border: 1px solid #9c9698;
  color: #fff;
}
@media (min-width: 768px) {
  #content .item{
    padding: 152px 0 1px;
    margin: 0 auto 152px;
  }
  #content .head{
    display: flex;
    flex-direction: row-reverse;
    justify-content: right;
  }
  #content .head img{
    width: 473px;
  }
  #content .head p{
    margin-right: 120px;
    writing-mode: vertical-rl;
    font-weight: 600;
    line-height: 2;
  }
  #content .block{
    margin-bottom: 136px;
  }
  #content .item .block{
    margin: 0 0 152px;
  }
  #content .block .title{
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
  }
  #content .block .title p img{
    width: 100px;
  }
  #content .block .title > img{
    width: 725px;
  }
  #content .list{
    width: 1100px;
    margin: auto;
  }
  #content .list .image{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  #content .list .image li{
    width: 530px;
  }
  #content .list .image li + li{
    margin: 0;
  }
  #content .solo{
    width: 530px;
  }
  #content .page_wrap{
    display: flex;
    flex-direction: row;
    /* justify-content: space-between; */
    justify-content: center;
    font-weight: 400;
  }
  #content .page_wrap .page{
    width: 530px;
  }
  #content .page_wrap .page li{
    height: 32px;
    margin: 0 0 25px;
    display: flex;
    align-items: center;
  }
  #content .page_wrap .page li span{
    display: flex;
    align-items: center;
  }
  #content .page_wrap .page li span span{
    font-size: 12px;
  }
  #content .page_wrap .page li a{
    width: 128px;
    height: 32px;
    font-size: 14px;
    margin: 0 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
    box-sizing: border-box;
    border: 1px solid #9c9698;
    color: #fff;
  }
}

#content .other ul{
  padding: 0 0 6vw;
  overflow-x: scroll;
  overflow-y: hidden;
  display: flex;
  justify-content: space-between;
}
#content .other ul li{
  width: 64vw;
  margin-right: 6.4vw;
  flex-shrink: 0;
}
#content .other ul li a{
  color: #000;
  padding-bottom: 4px;
  border-bottom: 1px solid #000;
  letter-spacing: .15em;
  font-size: 3.4vw;
}
#content .other ul li a span{
  display: inline-flex;
  align-items: center;
}
#content .other ul li a span span{
  padding: 0;
  font-size: 3vw;
}
#content .other ul li img{
  display: block;
  margin-bottom: 4.2vw;
}
#content .other ul .big{
  font-weight: 500;
}
@media (min-width: 768px) {
  #content .other ul{
    overflow: hidden;
    display: flex;
    justify-content: space-between;
  }
  #content .other ul li{
    width: 510px;
    margin: 0;
  }
  #content .other ul li a{
    color: #000;
    padding-bottom: 4px;
    border-bottom: 1px solid #000;
    letter-spacing: .15em;
    font-size: 22px;
  }
  #content .other ul li a span{
    display: inline-flex;
    align-items: center;
  }
  #content .other ul li a span span{
    padding: 3px 0 0;
    font-size: 15px;
  }
  #content .other ul li img{
    display: block;
    margin-bottom: 24px;
  }
  #content .other ul .big{
    font-weight: 500;
  }
}

#content .staff_tit{
  text-align: left;
}

@media (min-width: 768px) {
  #content .staff_tit{
    font-size: 20px;
    text-align: center;
    letter-spacing: .12em;
    color: #221815;
  }
  #content .gray {
    width: 100%;
    height: 1px;
    background-color: #B2B2B2;
  }
}

@media (min-width: 768px) {
  #content .gray {
    max-width: 1200px;
  }
}

#content .more-btn {
  /* 9 */
  font-size: 2.5vw;
  line-height: 1.6;
  letter-spacing: 0.5px;
  font-family: "helvetica", roboto, sans-serif;
  font-weight: 600;
  margin: 0 auto;
  padding: 11px 0;
  text-align: center;
  background-color: #000;
  display: block;
  color: #fff;
  width: 60%;
  letter-spacing: .1em;
}

@media (min-width: 768px) {
  #content .more-btn {
    font-size: 12px;
  }
}

@media (min-width: 768px) {
  #content .more-btn {
    padding: 16px 0;
    background-color: #4d4d4d;
    width: 70%;
    font-size: 14px;
  }
}

#content .more-btn.bottom_style {
  text-align: center;
  display: block;
  background-color: transparent;
  border: 1px solid #808080;
}

#content .more-btn.bottom_style p {
  text-align: center;
  /* 12 */
  font-size: 3.2vw;
  line-height: 1.6;
  letter-spacing: 0.5px;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 500;
  color: #000;
}

@media (min-width: 768px) {
  #content .more-btn.bottom_style p {
    font-size: 14px;
    line-height: 1.6;
  }
}

#content .more-btn.bottom_style:hover {
  background-color: transparent;
}

#content .m-t-8 {
  margin-top: 1.667vw;
}

#content .m-t-16 {
  margin-top: 2.667vw;
}

#content .m-b-8 {
  margin-bottom: 1.667vw;
}

#content .m-b-16 {
  margin-bottom: 2.667vw;
}

#content .m-t-24 {
  margin-top: 4vw;
}

#content .m-b-24 {
  margin-bottom: 4vw;
}

#content .m-t-32 {
  margin-top: 6vw;
}

#content .m-b-32 {
  margin-bottom: 6vw;
}

#content .m-t-40 {
  margin-top: 5vw;
}

#content .m-b-40 {
  margin-bottom: 5vw;
}

#content .m-t-48 {
  margin-top: 8vw;
}

#content .m-b-48 {
  margin-bottom: 8vw;
}

#content .m-t-64 {
  margin-top: 10.667vw;
}

#content .m-b-64 {
  margin-bottom: 10.667vw;
}

#content .m-t-80 {
  margin-top: 12vw;
}

#content .m-b-80 {
  margin-bottom: 12vw;
}

#content .m-t-96 {
  margin-top: 16vw;
}

#content .m-b-96 {
  margin-bottom: 16vw;
}

#content .m-t-128 {
  margin-top: 18vw;
}

#content .m-b-128 {
  margin-bottom: 20vw;
}

@media (min-width: 768px) {
  #content .m-t-8 {
    margin-top: 8px;
  }
  #content .m-b-8 {
    margin-bottom: 8px;
  }
  #content .m-t-16 {
    margin-top: 16px;
  }
  #content .m-b-16 {
    margin-bottom: 16px;
  }
  #content .m-t-24 {
    margin-top: 24px;
  }
  #content .m-b-24 {
    margin-bottom: 24px;
  }
  #content .m-t-32 {
    margin-top: 32px;
  }
  #content .m-b-32 {
    margin-bottom: 32px;
  }
  #content .m-b-40 {
    margin-bottom: 40px;
  }
  #content .m-t-40 {
    margin-top: 40px;
  }
  #content .m-t-48 {
    margin-top: 48px;
  }
  #content .m-b-48 {
    margin-bottom: 48px;
  }
  #content .m-t-64 {
    margin-top: 64px;
  }
  #content .m-b-64 {
    margin-bottom: 64px;
  }
  #content .m-t-80 {
    margin-top: 80px;
  }
  #content .m-b-80 {
    margin-bottom: 80px;
  }
  #content .m-b-96 {
    margin-bottom: 96px;
  }
  #content .m-t-96 {
    margin-top: 96px;
  }
  #content .m-b-128 {
    margin-bottom: 128px;
  }
  #content .m-t-128 {
    margin-top: 128px;
  }
}
/*# sourceMappingURL=design_new.css.map */