@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400;0,6..96,700;0,6..96,900;1,6..96,400;1,6..96,700;1,6..96,900&display=swap");
@font-face {
  font-family: 'text_v';
  src: url("../font/FOT-TsukuAOldMinPr6-R.otf"); }
@media (max-width: 680px) {
  .modaal-inner-wrapper {
    vertical-align: top;
    padding-top: 65px; } }
.modaal-inner-wrapper .modaal-container {
  width: calc(100vw - 50px); }
  @media (max-width: 680px) {
    .modaal-inner-wrapper .modaal-container {
      height: auto; } }
  @media (max-width: 680px) {
    .modaal-inner-wrapper .modaal-container .modaal-content-container {
      padding: 20px; } }
.modaal-inner-wrapper .modaal-close:before, .modaal-inner-wrapper .modaal-close:after {
  background: #c3c3c3cc; }

.portfolio_wrap {
  display: flex;
  width: 100%;
  height: auto; }
  @media (max-width: 680px) {
    .portfolio_wrap {
      flex-flow: column; } }
  .portfolio_wrap .portfolioBox_left {
    display: inline-block;
    width: 49%;
    margin-right: 1%; }
    @media (max-width: 680px) {
      .portfolio_wrap .portfolioBox_left {
        order: 2;
        display: block;
        width: 100%;
        margin-right: 0; } }
  .portfolio_wrap .portfolioBox_right {
    display: inline-block;
    width: 49%;
    margin-left: 1%; }
    @media (max-width: 680px) {
      .portfolio_wrap .portfolioBox_right {
        order: 1;
        display: block;
        width: 100%;
        margin-left: 0; } }
    .portfolio_wrap .portfolioBox_right .portfolio_contents_wrap {
      position: relative;
      height: 100%; }
      .portfolio_wrap .portfolioBox_right .portfolio_contents_wrap .portfolioTitle_h1 {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
        font-family: "Bodoni Moda", serif;
        font-size: 1.5rem; }
        .portfolio_wrap .portfolioBox_right .portfolio_contents_wrap .portfolioTitle_h1::after {
          margin-left: 10px;
          height: 1px;
          content: "";
          flex-grow: 1;
          /* 線の長さ */
          background-color: #000; }
      .portfolio_wrap .portfolioBox_right .portfolio_contents_wrap .portfolioTxt {
        font-size: 0.9rem;
        line-height: 1.8;
        letter-spacing: 1.3px;
        margin-bottom: 20px;
        font-family: serif; }
      .portfolio_wrap .portfolioBox_right .portfolio_contents_wrap .portfolioTxt.credit {
        position: absolute;
        bottom: 0;
        right: 0;
        font-size: 0.7rem;
        margin-bottom: 0;
        font-family: serif;
        font-style: italic; }
        @media (max-width: 680px) {
          .portfolio_wrap .portfolioBox_right .portfolio_contents_wrap .portfolioTxt.credit {
            position: static;
            text-align: right;
            margin-bottom: 20px; } }

.slide-arrow {
  bottom: 0;
  cursor: pointer;
  margin: auto;
  opacity: 0.4;
  position: absolute;
  top: 0;
  width: 15px; }

.prev-arrow {
  left: 0;
  z-index: 10; }

.next-arrow {
  right: 0;
  z-index: 10; }

.slick-dots {
  bottom: -30px; }