@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Dela+Gothic+One&display=swap");
.design-photo {
  --color: #0075B3;
  --color-rgba: 0,117,179;
  --grad-color-1: #2A9DD9;
  --grad-color-2: #0075B3;
}
.design-photo .area_kv::after {
  background: url("../img/service/design-photo/kv_illust.png") no-repeat center top;
  background-size: 100%;
}

.print-finish {
  --color: #EE442B;
  --color-rgba: 238,68,43;
  --grad-color-1: #FF6C57;
  --grad-color-2: #E23B23;
}
.print-finish .area_kv::after {
  background: url("../img/service/print-finish/kv_illust.png") no-repeat center top;
  background-size: 100%;
}

.threedcreation, .eco-honeycomb-board, .pazume {
  --color: #F3AC31;
  --color-rgba: 243,172,49;
  --grad-color-1: #F9C05C;
  --grad-color-2: #ECA11D;
}
.threedcreation .area_kv::after, .eco-honeycomb-board .area_kv::after, .pazume .area_kv::after {
  background: url("../img/service/eco-honeycomb-board/kv_illust.png") no-repeat center top;
  background-size: 100%;
}

@media screen and (min-width: 769px) {
  header .logo a.logo_black {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  header .logo a.logo_black {
    display: none;
  }
  header.scroll .logo a.logo_white {
    display: none;
  }
  header.scroll .logo a.logo_black {
    display: block;
  }
}

h2.ttl_lead {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
}
h2.ttl_lead .en {
  font-family: "Inter", "ZenKakuGothicNew-Medium", sans-serif;
  font-size: min(72 / 1320 * 100vw, 72px);
  color: #fff;
  letter-spacing: 0.06em;
}
h2.ttl_lead .jp {
  font-size: min(32 / 1320 * 100vw, 32px);
  font-family: "ZenKakuGothicNew-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
  position: absolute;
  bottom: 12px;
}
@media screen and (max-width: 768px) {
  h2.ttl_lead .en {
    font-size: min(46 / 375 * 100vw, 46px);
  }
  h2.ttl_lead .jp {
    font-size: min(28 / 375 * 100vw, 28px);
    bottom: 0.4em;
  }
}

.picture_header header #gnav a {
  color: #fff;
}
.picture_header header #gnav a::after {
  background: url(../img/common/icon_plus.png) no-repeat center top;
  background-size: 10px;
}
.picture_header .area_kv {
  padding: min(320 / 1320 * 100vw, 320px) 0 min(20 / 1320 * 100vw, 20px);
  margin-top: min(-92 / 1320 * 100vw, -92px);
  color: #fff;
}
.picture_header .area_kv .ol_breadcrumb {
  margin-top: min(204 / 1320 * 100vw, 204px);
}
.picture_header .area_kv .ol_breadcrumb li::before {
  background: #fff;
}
.picture_header .area_kv .ol_breadcrumb a {
  color: #fff;
}
@media screen and (max-width: 768px) {
  .picture_header .area_kv {
    padding: min(70 / 375 * 100vw, 70px) 0 min(65 / 375 * 100vw, 65px);
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .picture_header .area_kv .patetitle {
    margin-top: min(85 / 375 * 100vw, 85px);
  }
  .picture_header .area_kv .ol_breadcrumb {
    margin-top: 0;
  }
}

.service_top .area_kv {
  background: url("../img/kv/service_top_bg.jpg") no-repeat center top;
  background-size: 1920px auto;
  background-attachment: fixed;
}
@media screen and (min-width: 1921px) {
  .service_top .area_kv {
    background-size: calc(100% + 23px);
  }
}
@media screen and (max-width: 1024px) {
  .service_top .area_kv {
    background-size: 1500px auto;
  }
}
@media screen and (max-width: 768px) {
  .service_top .area_kv {
    background: url("../img/kv/service_top_bg_sp.jpg") no-repeat center top;
    background-size: 100%;
    background-attachment: fixed;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: min(320 / 375 * 100vw, 320px);
  }
}
.service_top main {
  padding-top: min(50 / 1320 * 100vw, 50px);
}
.service_top .en_heading {
  position: relative;
  line-height: 1;
}
.service_top .en_heading .alp {
  position: absolute;
  top: 0.1em;
}
.service_top .en_heading .txt {
  display: inline-block;
  vertical-align: middle;
}
.service_top .ul_list {
  font-size: min(16 / 1320 * 100vw, 16px);
  text-align: left;
  position: relative;
  margin-top: min(20 / 1320 * 100vw, 20px);
}
.service_top .ul_list li {
  position: relative;
  padding-left: min(17 / 1320 * 100vw, 17px);
  line-height: 1.75;
}
.service_top .ul_list li::before {
  content: "";
  display: block;
  position: absolute;
  top: min(10 / 1320 * 100vw, 10px);
  left: 0;
  background: var(--color);
  width: min(8 / 1320 * 100vw, 8px);
  height: min(8 / 1320 * 100vw, 8px);
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  .service_top .ul_list {
    font-size: min(12 / 375 * 100vw, 12px);
    margin: min(10 / 375 * 100vw, 10px) min(20 / 375 * 100vw, 20px) 0;
  }
  .service_top .ul_list li {
    padding-left: min(15 / 375 * 100vw, 15px);
  }
  .service_top .ul_list li::before {
    top: min(8 / 375 * 100vw, 8px);
    width: min(6 / 375 * 100vw, 6px);
    height: min(6 / 375 * 100vw, 6px);
  }
}
.service_top .alp {
  position: absolute;
}
.service_top .alp.active {
  -webkit-animation: korokoro 0.5s steps(1, end) 2;
          animation: korokoro 0.5s steps(1, end) 2;
}
@-webkit-keyframes korokoro {
  0% {
    -webkit-transform: rotateZ(15deg);
            transform: rotateZ(15deg);
  }
  50% {
    -webkit-transform: rotateZ(-15deg);
            transform: rotateZ(-15deg);
  }
  100% {
    -webkit-transform: rotateZ(15deg);
            transform: rotateZ(15deg);
  }
}
@keyframes korokoro {
  0% {
    -webkit-transform: rotateZ(15deg);
            transform: rotateZ(15deg);
  }
  50% {
    -webkit-transform: rotateZ(-15deg);
            transform: rotateZ(-15deg);
  }
  100% {
    -webkit-transform: rotateZ(15deg);
            transform: rotateZ(15deg);
  }
}
@media screen and (max-width: 768px) {
  .service_top main {
    padding: min(65 / 375 * 100vw, 65px) 0 0;
  }
  .service_top .en_heading span {
    display: inline-block;
    width: min(54 / 1320 * 100vw, 54px);
    height: min(57 / 1320 * 100vw, 57px);
    vertical-align: middle;
    padding-right: min(2 / 1320 * 100vw, 2px);
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .service_top .en_heading {
    font-size: min(30 / 375 * 100vw, 30px);
  }
  .service_top .en_heading span {
    width: min(41 / 375 * 100vw, 41px);
    height: min(43 / 375 * 100vw, 43px);
    padding-right: min(2 / 375 * 100vw, 2px);
  }
}
.service_top .lead_business {
  position: relative;
  margin-bottom: min(165 / 1320 * 100vw, 165px);
}
.service_top .lead_business .ttl_lead {
  width: 100%;
  position: relative;
  top: min(40 / 1320 * 100vw, 40px);
  z-index: 2;
}
.service_top .lead_business .ttl_lead b {
  font-family: "Inter", "ZenKakuGothicNew-Medium", sans-serif;
  font-weight: 900;
  font-size: min(40 / 1320 * 100vw, 40px);
}
.service_top .lead_business .circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #fff;
  border-radius: 50%;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 768px) {
  .service_top .lead_business {
    margin-bottom: min(110 / 375 * 100vw, 110px);
  }
  .service_top .lead_business .ttl_lead {
    position: relative;
    top: 0;
  }
  .service_top .lead_business .ttl_lead b {
    font-size: min(36 / 375 * 100vw, 36px);
  }
}
.service_top .element {
  text-align: center;
  z-index: 1;
  counter-increment: num;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (min-width: 769px) {
  .service_top .element {
    position: absolute;
  }
}
.service_top .element .img {
  -webkit-animation: shake 3.6s steps(1, end) infinite;
          animation: shake 3.6s steps(1, end) infinite;
}
.service_top .element .circle_btn {
  position: relative;
  width: min(236 / 1320 * 100vw, 236px);
  height: min(236 / 1320 * 100vw, 236px);
  margin: 0 auto;
  border: solid min(8 / 1320 * 100vw, 8px) var(--color);
  padding: min(20 / 1320 * 100vw, 20px) 0;
  -webkit-transition: top 0.3s ease;
  transition: top 0.3s ease;
}
.service_top .element .circle_btn::before {
  content: counter(num, decimal-leading-zero);
  position: absolute;
  top: 0;
  left: min(-8 / 1320 * 100vw, -8px);
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
  font-size: min(32 / 1320 * 100vw, 32px);
  letter-spacing: 0.05em;
  line-height: 1;
  color: #fff;
  text-shadow: 3px 3px 0px #332F2D;
  -webkit-text-stroke: 1px #332F2D;
  text-stroke: 1px #332F2D;
  z-index: 999;
}
.service_top .element .circle_btn a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.service_top .element .circle_btn .txt {
  font-family: "ZenKakuGothicNew-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
  font-size: min(20 / 1320 * 100vw, 20px);
  line-height: 1.2;
}
.service_top .element .circle_btn .txt small {
  font-size: min(16 / 1320 * 100vw, 16px);
  display: block;
}
.service_top .element .circle_btn .arrow {
  position: relative;
  width: min(32 / 1320 * 100vw, 32px);
  height: min(32 / 1320 * 100vw, 32px);
  background: #332F2D;
  border-radius: 50%;
}
.service_top .element .circle_btn .arrow::after {
  content: "";
  display: block;
  position: absolute;
  content: "";
  display: inline-block;
  width: min(16 / 1320 * 100vw, 16px);
  height: min(16 / 1320 * 100vw, 16px);
  -webkit-mask: url(../img/common/icon_arrow.svg);
          mask: url(../img/common/icon_arrow.svg);
  background-color: #332F2D;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  vertical-align: middle;
  position: absolute;
  right: 0;
  top: min(8 / 1320 * 100vw, 8px);
  right: min(8 / 1320 * 100vw, 8px);
  width: min(16 / 1320 * 100vw, 16px);
  height: min(16 / 1320 * 100vw, 16px);
  background-color: #fff;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
@media screen and (max-width: 768px) {
  .service_top .element .circle_btn .arrow::after {
    width: min(12 / 375 * 100vw, 12px);
    height: min(12 / 375 * 100vw, 12px);
  }
}
.service_top .element .circle_btn:hover {
  top: min(4 / 1320 * 100vw, 4px);
}
@media screen and (max-width: 768px) {
  .service_top .element .circle_btn {
    width: min(164 / 375 * 100vw, 164px);
    height: min(164 / 375 * 100vw, 164px);
    width: 48.9552238806%;
    height: 48.9552238806%;
    max-width: 220px;
    border-width: min(5 / 375 * 100vw, 5px);
    padding: min(16 / 375 * 100vw, 16px) 0;
    margin: inherit;
    aspect-ratio: 1/1;
  }
  .service_top .element .circle_btn .txt {
    font-size: min(14 / 375 * 100vw, 14px);
  }
  .service_top .element .circle_btn .txt small {
    font-size: min(12 / 375 * 100vw, 12px);
  }
  .service_top .element .circle_btn .arrow {
    width: min(24 / 375 * 100vw, 24px);
    height: min(24 / 375 * 100vw, 24px);
  }
  .service_top .element .circle_btn .arrow::after {
    top: min(6 / 375 * 100vw, 6px);
    right: min(6 / 375 * 100vw, 6px);
    width: min(12 / 375 * 100vw, 12px);
    height: min(12 / 375 * 100vw, 12px);
  }
  .service_top .element .circle_btn::before {
    top: 0;
    left: min(-14 / 375 * 100vw, -14px);
    font-size: min(24 / 375 * 100vw, 24px);
  }
}
.service_top .box_element {
  width: min(902 / 1320 * 100vw, 902px);
  height: min(902 / 1320 * 100vw, 902px);
  position: relative;
  margin: 0 auto;
  border-radius: 50%;
  aspect-ratio: 1/1;
  background: radial-gradient(circle, rgba(217, 217, 217, 0.41) 0%, rgba(217, 217, 217, 0.41) 34%, rgba(217, 217, 217, 0.3) 34%, rgba(217, 217, 217, 0.3) 58%, rgba(217, 217, 217, 0.15) 58%, rgba(217, 217, 217, 0.15) 100%);
  counter-reset: num;
}
.service_top .box_element svg {
  width: 100%;
  height: auto;
  display: block;
}
@media screen and (max-width: 768px) {
  .service_top .box_element {
    width: 100%;
    height: auto;
    background: none;
    margin-top: min(30 / 375 * 100vw, 30px);
  }
  .service_top .box_element::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background: radial-gradient(circle, rgba(217, 217, 217, 0.41) 0%, rgba(217, 217, 217, 0.41) 34%, rgba(217, 217, 217, 0.3) 34%, rgba(217, 217, 217, 0.3) 58%, rgba(217, 217, 217, 0.15) 58%, rgba(217, 217, 217, 0.15) 100%);
    border-radius: 50%;
    width: min(740 / 375 * 100vw, 740px);
    height: min(740 / 375 * 100vw, 740px);
    margin: 0 calc(50% - min(365 / 375 * 100vw, 365px));
    z-index: -1;
  }
  .service_top .box_element .box_circle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    z-index: 2;
    margin-top: min(20 / 375 * 100vw, 20px);
  }
  .service_top .box_element .box_circle svg {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .service_top .element.design-photo {
    top: min(165 / 1320 * 100vw, 165px);
    left: min(-16 / 1320 * 100vw, -16px);
  }
}
.service_top .element.design-photo .img {
  width: min(106 / 1320 * 100vw, 106px);
  height: min(87 / 1320 * 100vw, 87px);
}
@media screen and (max-width: 768px) {
  .service_top .element.design-photo .img {
    width: min(76 / 375 * 100vw, 76px);
    width: 46.3414634146%;
    height: min(62 / 375 * 100vw, 62px);
    height: auto;
  }
}
@media screen and (min-width: 769px) {
  .service_top .element.design-photo .box_list {
    position: relative;
    bottom: min(37 / 1320 * 100vw, 37px);
    left: min(20 / 1320 * 100vw, 20px);
  }
}
.service_top .element.design-photo .box_list .en_heading {
  padding-left: min(54 / 1320 * 100vw, 54px);
}
.service_top .element.design-photo .box_list .en_heading .alp {
  width: min(54 / 1320 * 100vw, 54px);
  height: min(57 / 1320 * 100vw, 57px);
  left: 0;
}
.service_top .element.design-photo .box_list .en_heading .txt {
  width: min(138 / 1320 * 100vw, 138px);
}
@media screen and (max-width: 768px) {
  .service_top .element.design-photo .box_list .en_heading {
    width: min(132 / 375 * 100vw, 132px);
    padding-left: min(37 / 375 * 100vw, 37px);
  }
  .service_top .element.design-photo .box_list .en_heading .alp {
    width: min(37 / 375 * 100vw, 37px);
    height: min(39 / 375 * 100vw, 39px);
  }
  .service_top .element.design-photo .box_list .en_heading .txt {
    width: min(95 / 375 * 100vw, 95px);
  }
}
@media screen and (min-width: 769px) {
  .service_top .element.print-finish {
    top: min(134 / 1320 * 100vw, 134px);
    right: min(78 / 1320 * 100vw, 78px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .service_top .element.print-finish {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: min(5 / 375 * 100vw, 5px);
  }
}
.service_top .element.print-finish .img {
  width: min(146 / 1320 * 100vw, 146px);
  height: min(87 / 1320 * 100vw, 87px);
}
@media screen and (max-width: 768px) {
  .service_top .element.print-finish .img {
    width: min(106 / 375 * 100vw, 106px);
    height: min(62 / 375 * 100vw, 62px);
    width: 64.6341463415%;
    height: auto;
  }
}
@media screen and (min-width: 769px) {
  .service_top .element.print-finish .box_list {
    position: relative;
    top: min(10 / 1320 * 100vw, 10px);
    left: min(159 / 1320 * 100vw, 159px);
  }
}
@media screen and (max-width: 768px) {
  .service_top .element.print-finish .box_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.service_top .element.print-finish .box_list .en_heading {
  width: min(213 / 1320 * 100vw, 213px);
  padding-left: min(43 / 1320 * 100vw, 43px);
}
.service_top .element.print-finish .box_list .en_heading .alp {
  width: min(43 / 1320 * 100vw, 43px);
  height: min(52 / 1320 * 100vw, 52px);
  left: 0;
}
.service_top .element.print-finish .box_list .en_heading .txt {
  width: min(169 / 1320 * 100vw, 169px);
}
@media screen and (max-width: 768px) {
  .service_top .element.print-finish .box_list .en_heading {
    width: min(147 / 375 * 100vw, 147px);
    padding-left: min(30 / 375 * 100vw, 30px);
  }
  .service_top .element.print-finish .box_list .en_heading .alp {
    width: min(30 / 375 * 100vw, 30px);
    height: min(36 / 375 * 100vw, 36px);
    left: 0;
  }
  .service_top .element.print-finish .box_list .en_heading .txt {
    width: min(117 / 375 * 100vw, 117px);
  }
}
@media screen and (min-width: 769px) {
  .service_top .element.eco-honeycomb-board {
    bottom: min(103 / 1320 * 100vw, 103px);
    left: min(18 / 1320 * 100vw, 18px);
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
@media screen and (max-width: 768px) {
  .service_top .element.eco-honeycomb-board {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: min(10 / 375 * 100vw, 10px);
  }
}
.service_top .element.eco-honeycomb-board .img {
  width: min(89 / 1320 * 100vw, 89px);
  height: min(87 / 1320 * 100vw, 87px);
}
@media screen and (max-width: 768px) {
  .service_top .element.eco-honeycomb-board .img {
    width: min(64 / 375 * 100vw, 64px);
    height: min(62 / 375 * 100vw, 62px);
    width: 39.0243902439%;
    height: auto;
  }
}
@media screen and (min-width: 769px) {
  .service_top .element.eco-honeycomb-board .ul_list {
    bottom: min(2 / 1320 * 100vw, 2px);
    left: min(20 / 1320 * 100vw, 20px);
  }
}
.service_top .element.pazume {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (min-width: 769px) {
  .service_top .element.pazume {
    bottom: min(65 / 1320 * 100vw, 65px);
    right: min(50 / 1320 * 100vw, 50px);
  }
}
.service_top .element.pazume .img {
  width: min(128 / 1320 * 100vw, 128px);
  height: min(74 / 1320 * 100vw, 74px);
}
@media screen and (max-width: 768px) {
  .service_top .element.pazume .img {
    width: min(86 / 375 * 100vw, 86px);
    height: min(50 / 375 * 100vw, 50px);
    width: 52.4390243902%;
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .service_top .element.pazume {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .service_top .element.pazume .box_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
@media screen and (min-width: 769px) {
  .service_top .element.pazume .ul_list {
    bottom: min(12 / 1320 * 100vw, 12px);
    right: min(20 / 1320 * 100vw, 20px);
  }
}
.service_top .threedcreation_heading {
  margin: 0 auto;
}
.service_top .threedcreation_heading .alp {
  width: min(58 / 1320 * 100vw, 58px);
  height: min(62 / 1320 * 100vw, 62px);
  left: min(36 / 1320 * 100vw, 36px);
}
.service_top .threedcreation_heading .txt {
  width: min(318 / 1320 * 100vw, 318px);
}
@media screen and (min-width: 769px) {
  .service_top .threedcreation_heading {
    position: absolute;
    left: min(435 / 1320 * 100vw, 435px);
    bottom: min(207 / 1320 * 100vw, 207px);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media screen and (max-width: 768px) {
  .service_top .threedcreation_heading {
    width: min(221 / 375 * 100vw, 221px);
    margin-top: min(15 / 375 * 100vw, 15px);
  }
  .service_top .threedcreation_heading .alp {
    width: min(41 / 375 * 100vw, 41px);
    height: min(43 / 375 * 100vw, 43px);
    top: 0;
    left: min(25 / 375 * 100vw, 25px);
  }
  .service_top .threedcreation_heading .txt {
    width: min(221 / 375 * 100vw, 221px);
  }
}
.service_top .lead_business .center-logo {
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}
@media screen and (min-width: 769px) {
  .service_top .lead_business .center-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    width: min(262 / 1320 * 100vw, 262px);
    height: min(262 / 1320 * 100vw, 262px);
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.service_top .lead_business .center-logo img {
  width: min(162 / 1320 * 100vw, 162px);
  height: min(80 / 1320 * 100vw, 80px);
}
.service_top .lead_business .center-logo p {
  margin-top: min(17 / 1320 * 100vw, 17px);
  font-size: min(20 / 1320 * 100vw, 20px);
  font-family: "ZenKakuGothicNew-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .service_top .lead_business .center-logo {
    width: 53.7313432836%;
    height: 53.7313432836%;
    max-width: 240px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .service_top .lead_business .center-logo img {
    width: min(128 / 375 * 100vw, 128px);
    height: min(62 / 375 * 100vw, 62px);
    width: 78.0487804878%;
    height: auto;
  }
  .service_top .lead_business .center-logo p {
    margin-top: min(17 / 375 * 100vw, 17px);
    font-size: min(14 / 375 * 100vw, 14px);
  }
}
.service_top .area_business {
  counter-reset: num;
  padding: min(50 / 1320 * 100vw, 50px) 0 min(100 / 1320 * 100vw, 100px);
  position: relative;
  background: #fff;
}
.service_top .area_business::before {
  content: "";
  display: block;
  position: absolute;
  top: -66px;
  left: 50%;
  width: 1920px;
  height: 66px;
  background: url(../img/common/curve_white.png) no-repeat center top;
  background-size: 100%;
  position: absolute;
  top: -65px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.service_top .area_business .en_heading {
  font-size: min(54 / 1320 * 100vw, 54px);
  position: absolute;
  top: min(-50 / 1320 * 100vw, -50px);
  top: -1em;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.service_top .area_business .en_heading span {
  vertical-align: sub;
}
.service_top .area_business .dl_txt dd::before {
  content: "";
  display: block;
  position: absolute;
  -webkit-animation: shake 3.6s steps(1, end) infinite;
          animation: shake 3.6s steps(1, end) infinite;
}
@media screen and (max-width: 768px) {
  .service_top .area_business {
    padding: min(50 / 1320 * 100vw, 50px) 0 min(100 / 1320 * 100vw, 100px);
  }
  .service_top .area_business::before {
    content: "";
    display: block;
    position: absolute;
    top: -66px;
    left: 50%;
    width: 1920px;
    height: 66px;
    background: url(../img/common/curve_white.png) no-repeat center top;
    background-size: 100%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .service_top .area_business .en_heading {
    font-size: min(34 / 375 * 100vw, 34px);
    top: -25px;
    width: 100%;
    text-align: center;
  }
  .service_top .area_business .en_heading span {
    vertical-align: sub;
  }
}
.service_top .area_business .box_business {
  position: relative;
  background: rgba(var(--color-rgba), 0.08);
  padding: min(60 / 1320 * 100vw, 60px);
  gap: min(60 / 1320 * 100vw, 60px);
  counter-increment: num;
}
.service_top .area_business .box_business .box_img {
  position: relative;
}
.service_top .area_business .box_business .box_img .img {
  width: min(480 / 1320 * 100vw, 480px);
  height: min(320 / 1320 * 100vw, 320px);
}
.service_top .area_business .box_business .box_img::before {
  content: counter(num, decimal-leading-zero);
  position: absolute;
  top: -0.8em;
  left: min(10 / 1320 * 100vw, 10px);
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
  font-size: min(40 / 1320 * 100vw, 40px);
  letter-spacing: 0.05em;
  line-height: 1;
  color: #fff;
  text-shadow: 3px 3px 0px #332F2D;
  -webkit-text-stroke: 1px #332F2D;
  text-stroke: 1px #332F2D;
  z-index: 999;
}
.service_top .area_business .box_business .box_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
.service_top .area_business .box_business .box_txt dl.dl_txt dt {
  display: inline-block;
  font-family: "ZenKakuGothicNew-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
  font-size: min(24 / 1320 * 100vw, 24px);
  line-height: 1;
  color: #fff;
  background: #332F2D;
  -webkit-box-shadow: 2px 2px 5px rgba(0, 122, 196, 0.1);
          box-shadow: 2px 2px 5px rgba(0, 122, 196, 0.1);
  padding: min(5 / 1320 * 100vw, 5px);
}
.service_top .area_business .box_business .box_txt dl.dl_txt dt small {
  font-size: min(18 / 1320 * 100vw, 18px);
}
.service_top .area_business .box_business .box_txt dl.dl_txt dd {
  position: relative;
  font-size: min(18 / 1320 * 100vw, 18px);
  margin-top: min(20 / 1320 * 100vw, 20px);
}
.service_top .area_business .box_business .box_txt ul.ul_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: min(20 / 1320 * 100vw, 20px);
  background: rgba(var(--color-rgba), 0.08);
}
.service_top .area_business .box_business .box_txt ul.ul_list li + li {
  margin-left: min(15 / 1320 * 100vw, 15px);
}
.service_top .area_business .box_business .box_txt a {
  position: relative;
  font-size: min(16 / 1320 * 100vw, 16px);
  margin-left: auto;
  margin-top: min(22 / 1320 * 100vw, 22px);
  padding-right: min(50 / 1320 * 100vw, 50px);
}
.service_top .area_business .box_business .box_txt a::after {
  content: "";
  display: block;
  position: absolute;
  content: "";
  display: inline-block;
  width: min(16 / 1320 * 100vw, 16px);
  height: min(16 / 1320 * 100vw, 16px);
  -webkit-mask: url(../img/common/icon_arrow.svg);
          mask: url(../img/common/icon_arrow.svg);
  background-color: #332F2D;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  vertical-align: middle;
  position: absolute;
  right: 0;
  top: min(8 / 1320 * 100vw, 8px);
  right: min(8 / 1320 * 100vw, 8px);
  width: min(16 / 1320 * 100vw, 16px);
  height: min(16 / 1320 * 100vw, 16px);
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .service_top .area_business .box_business .box_txt a::after {
    width: min(12 / 375 * 100vw, 12px);
    height: min(12 / 375 * 100vw, 12px);
  }
}
.service_top .area_business .box_business .box_txt a::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  background: #332F2D;
  border-radius: 50px;
  vertical-align: middle;
  width: min(32 / 1320 * 100vw, 32px);
  height: min(32 / 1320 * 100vw, 32px);
}
.service_top .area_business .box_business .box_txt a:hover {
  margin-right: min(-4 / 1320 * 100vw, -4px);
}
@media screen and (max-width: 768px) {
  .service_top .area_business .box_business {
    padding: min(40 / 375 * 100vw, 40px) min(20 / 375 * 100vw, 20px);
  }
  .service_top .area_business .box_business .box_img .img {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 0;
  }
  .service_top .area_business .box_business .box_img::before {
    top: inherit;
    bottom: -10px;
    left: 0;
    font-size: min(32 / 375 * 100vw, 32px);
    z-index: 999;
  }
  .service_top .area_business .box_business .box_txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
  }
  .service_top .area_business .box_business .box_txt dl.dl_txt {
    margin-top: min(28 / 375 * 100vw, 28px);
  }
  .service_top .area_business .box_business .box_txt dl.dl_txt dt {
    font-size: min(20 / 375 * 100vw, 20px);
    -webkit-box-shadow: 2px 2px 5px rgba(0, 122, 196, 0.1);
            box-shadow: 2px 2px 5px rgba(0, 122, 196, 0.1);
    padding: min(2 / 375 * 100vw, 2px) min(5 / 375 * 100vw, 5px);
    display: inline;
    -webkit-box-decoration-break: clone;
            box-decoration-break: clone;
  }
  .service_top .area_business .box_business .box_txt dl.dl_txt dt small {
    font-size: min(16 / 375 * 100vw, 16px);
  }
  .service_top .area_business .box_business .box_txt dl.dl_txt dd {
    font-size: min(16 / 375 * 100vw, 16px);
    margin-top: min(10 / 375 * 100vw, 10px);
  }
  .service_top .area_business .box_business .box_txt ul.ul_list {
    margin: min(15 / 375 * 100vw, 15px) 0 0;
    padding: min(10 / 375 * 100vw, 10px) min(15 / 375 * 100vw, 15px);
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .service_top .area_business .box_business .box_txt ul.ul_list li {
    font-size: min(14 / 375 * 100vw, 14px);
    padding-left: min(15 / 375 * 100vw, 15px);
    margin-right: min(20 / 375 * 100vw, 20px);
  }
  .service_top .area_business .box_business .box_txt ul.ul_list li::before {
    top: 0.6em;
    width: min(8 / 375 * 100vw, 8px);
    height: min(8 / 375 * 100vw, 8px);
  }
  .service_top .area_business .box_business .box_txt ul.ul_list li + li {
    margin-left: 0;
  }
  .service_top .area_business .box_business .box_txt a {
    font-size: min(14 / 375 * 100vw, 14px);
    margin-top: min(20 / 375 * 100vw, 20px);
    padding-right: min(30 / 375 * 100vw, 30px);
    line-height: 1.5;
  }
  .service_top .area_business .box_business .box_txt a::after {
    top: min(5 / 375 * 100vw, 5px);
    right: min(5 / 375 * 100vw, 5px);
    width: min(10 / 375 * 100vw, 10px);
    height: min(10 / 375 * 100vw, 10px);
  }
  .service_top .area_business .box_business .box_txt a::before {
    width: min(20 / 375 * 100vw, 20px);
    height: min(20 / 375 * 100vw, 20px);
  }
}
.service_top .area_business .corner-box {
  position: relative;
}
.service_top .area_business .corner-box::before, .service_top .area_business .corner-box::after,
.service_top .area_business .corner-box span.corner {
  position: absolute;
  width: min(14 / 1320 * 100vw, 14px);
  height: min(14 / 1320 * 100vw, 14px);
  border-style: solid;
  border-color: var(--color);
}
.service_top .area_business .corner-box::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-width: 4px 0 0 4px;
}
.service_top .area_business .corner-box::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  border-width: 0 4px 4px 0;
}
.service_top .area_business .corner-box .corner.top-right {
  top: 0;
  right: 0;
  border-width: 4px 4px 0 0;
}
.service_top .area_business .corner-box .corner.bottom-left {
  bottom: 0;
  left: 0;
  border-width: 0 0 4px 4px;
}
.service_top .area_business .corner-box + .corner-box {
  margin-top: min(120 / 1320 * 100vw, 120px);
}
@media screen and (max-width: 768px) {
  .service_top .area_business .corner-box::before, .service_top .area_business .corner-box::after {
    width: min(8 / 375 * 100vw, 8px);
    height: min(8 / 375 * 100vw, 8px);
  }
  .service_top .area_business .corner-box::before {
    border-width: 2px 0 0 2px;
  }
  .service_top .area_business .corner-box::after {
    border-width: 0 2px 2px 0;
  }
  .service_top .area_business .corner-box span.corner {
    width: min(8 / 375 * 100vw, 8px);
    height: min(8 / 375 * 100vw, 8px);
  }
  .service_top .area_business .corner-box .corner.top-right {
    border-width: 2px 2px 0 0;
  }
  .service_top .area_business .corner-box .corner.bottom-left {
    border-width: 0 0 2px 2px;
  }
  .service_top .area_business .corner-box + .corner-box {
    margin-top: min(60 / 375 * 100vw, 60px);
  }
}
.service_top #design .en_heading {
  padding-left: min(75 / 1320 * 100vw, 75px);
}
.service_top #design .en_heading .alp {
  width: min(75 / 1320 * 100vw, 75px);
  height: min(81 / 1320 * 100vw, 81px);
  top: 0.1em;
  left: 0;
}
.service_top #design .en_heading .txt {
  width: min(186 / 1320 * 100vw, 186px);
}
@media screen and (max-width: 768px) {
  .service_top #design .en_heading {
    width: min(156 / 375 * 100vw, 156px);
    padding-left: min(44 / 375 * 100vw, 44px);
  }
  .service_top #design .en_heading .alp {
    width: min(44 / 375 * 100vw, 44px);
    height: min(49 / 375 * 100vw, 49px);
  }
  .service_top #design .en_heading .txt {
    width: min(110 / 375 * 100vw, 110px);
  }
}
.service_top #design .dl_txt dd::before {
  top: -7.2em;
  right: 0;
  background: url("../img/service/icon_design-photo.png") no-repeat;
  background-size: 100%;
  width: min(128 / 1320 * 100vw, 128px);
  height: min(109 / 1320 * 100vw, 109px);
}
@media screen and (max-width: 768px) {
  .service_top #design .dl_txt dd::before {
    top: min(-72 / 375 * 100vw, -72px);
    width: 24.406779661%;
    padding-top: 21.0169491525%;
  }
}
.service_top #printing .en_heading {
  padding-left: min(68 / 1320 * 100vw, 68px);
}
.service_top #printing .en_heading .alp {
  width: min(68 / 1320 * 100vw, 68px);
  height: min(83 / 1320 * 100vw, 83px);
  top: 0.1em;
  left: 0;
}
.service_top #printing .en_heading .txt {
  width: min(228 / 1320 * 100vw, 228px);
}
@media screen and (max-width: 768px) {
  .service_top #printing .en_heading {
    width: min(180 / 375 * 100vw, 180px);
    padding-left: min(42 / 375 * 100vw, 42px);
  }
  .service_top #printing .en_heading .alp {
    width: min(42 / 375 * 100vw, 42px);
    height: min(52 / 375 * 100vw, 52px);
  }
  .service_top #printing .en_heading .txt {
    width: min(135 / 375 * 100vw, 135px);
  }
}
.service_top #printing .dl_txt dd::before {
  top: -8.2em;
  right: 0;
  background: url("../img/service/icon_print-finish.png") no-repeat;
  background-size: 100%;
  width: min(214 / 1320 * 100vw, 214px);
  height: min(126 / 1320 * 100vw, 126px);
}
@media screen and (max-width: 768px) {
  .service_top #printing .dl_txt dd::before {
    top: min(-80 / 375 * 100vw, -80px);
    width: 40.6779661017%;
    padding-top: 23.7288135593%;
  }
}
.service_top #threedcreation .en_heading .alp {
  width: min(72 / 1320 * 100vw, 72px);
  height: min(78 / 1320 * 100vw, 78px);
  top: 0.1em;
  left: min(54 / 1320 * 100vw, 54px);
}
.service_top #threedcreation .en_heading .txt {
  width: min(434 / 1320 * 100vw, 434px);
}
@media screen and (max-width: 768px) {
  .service_top #threedcreation .en_heading {
    width: min(257 / 375 * 100vw, 257px);
  }
  .service_top #threedcreation .en_heading .alp {
    width: min(45 / 375 * 100vw, 45px);
    height: min(49 / 375 * 100vw, 49px);
    left: min(32 / 375 * 100vw, 32px);
  }
  .service_top #threedcreation .en_heading .txt {
    width: min(257 / 375 * 100vw, 257px);
  }
}
.service_top #threedcreation .box_business.eco-honeycomb-board .dl_txt dd::before {
  top: -9.4em;
  right: 0;
  background: url("../img/service/icon_eco-honeycomb-board.png") no-repeat;
  background-size: 100%;
  width: min(148 / 1320 * 100vw, 148px);
  height: min(157 / 1320 * 100vw, 157px);
}
@media screen and (max-width: 768px) {
  .service_top #threedcreation .box_business.eco-honeycomb-board .dl_txt dd::before {
    top: min(-98 / 375 * 100vw, -98px);
    width: 28.1355932203%;
    padding-top: 29.8305084746%;
  }
}
.service_top #threedcreation .box_business.pazume::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 90%;
  height: 7px;
  background: url(../img/top/service_dotts.png);
  background-size: 7px;
}
.service_top #threedcreation .box_business.pazume .dl_txt dd::before {
  top: -7.8em;
  right: 0;
  background: url("../img/service/icon_pazume.png") no-repeat;
  background-size: 100%;
  width: min(195 / 1320 * 100vw, 195px);
  height: min(120 / 1320 * 100vw, 120px);
}
@media screen and (max-width: 768px) {
  .service_top #threedcreation .box_business.pazume .dl_txt dd::before {
    top: min(-77 / 375 * 100vw, -77px);
    width: 36.9491525424%;
    padding-top: 22.7118644068%;
  }
}

.service_sub {
  background: none;
}
.service_sub .area_kv {
  background: url("../img/kv/service_bg.png") no-repeat center bottom -10px;
  background-size: 100%;
  padding: min(4.4270833333vw, 85px) 0 min(10.4166666667vw, 200px);
}
.service_sub .area_kv::after {
  content: "";
  display: block;
  position: absolute;
  width: min(376 / 1320 * 100vw, 376px);
  height: min(237 / 1320 * 100vw, 237px);
  z-index: 5;
  right: min(120 / 1320 * 100vw, 120px);
  bottom: 0;
  -webkit-animation: shake 3.6s steps(1, end) infinite;
          animation: shake 3.6s steps(1, end) infinite;
}
@media screen and (max-width: 768px) {
  .service_sub .area_kv {
    background-image: url("../img/kv/service_bg_sp.png");
    background-repeat: no-repeat;
    background-position: center bottom min(-60 / 375 * 100vw, -60px);
    background-size: 100%;
    padding: min(75 / 375 * 100vw, 75px) 0 min(130 / 375 * 100vw, 130px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    min-height: min(340 / 375 * 100vw, 340px);
  }
  .service_sub .area_kv::after {
    content: "";
    display: block;
    position: absolute;
    width: min(175 / 375 * 100vw, 175px);
    height: min(110 / 375 * 100vw, 110px);
    right: min(24 / 375 * 100vw, 24px);
    bottom: min(10 / 375 * 100vw, 10px);
  }
  .service_sub .area_kv .patetitle {
    margin-top: 2em;
  }
}
@media screen and (min-width: 769px) {
  .service_sub .area_kv .ol_breadcrumb {
    margin-top: min(20 / 1320 * 100vw, 20px);
  }
}
.service_sub main {
  background: -webkit-gradient(linear, left top, left bottom, from(#ede9da), color-stop(2%, #F6F4F2), color-stop(50%, #ffffff), to(#ffffff));
  background: linear-gradient(to bottom, #ede9da 0%, #F6F4F2 2%, #ffffff 50%, #ffffff 100%);
}
@media screen and (max-width: 768px) {
  .service_sub main {
    background: -webkit-gradient(linear, left top, left bottom, from(#e6e1cb), color-stop(1%, #F6F4F2), color-stop(50%, #ffffff), to(#ffffff));
    background: linear-gradient(to bottom, #e6e1cb 0%, #F6F4F2 1%, #ffffff 50%, #ffffff 100%);
  }
}

.video {
  padding-top: 56.25%;
  position: relative;
  height: 0;
  overflow: hidden;
}
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.alea_lead {
  padding: min(16 / 1320 * 100vw, 16px) 0 min(95 / 1320 * 100vw, 95px);
}
.alea_lead .box_lead {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  gap: min(80 / 1320 * 100vw, 80px);
  margin-top: min(52 / 1320 * 100vw, 52px);
}
.alea_lead .box_lead .box_img {
  position: relative;
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.alea_lead .box_lead .dl_txt {
  width: 43.3333333333%;
}
.alea_lead .box_lead .dl_txt dt {
  font-size: min(28 / 1320 * 100vw, 28px);
  font-family: "ZenKakuGothicNew-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
  color: var(--color);
}
.alea_lead .box_lead .dl_txt dd {
  font-size: min(18 / 1320 * 100vw, 18px);
  margin-top: min(15 / 1320 * 100vw, 15px);
}
.alea_lead .box_lead .dl_txt dd .ul_icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: min(40 / 1320 * 100vw, 40px);
}
.alea_lead .box_lead .dl_txt dd .ul_icon li {
  text-align: center;
  width: min(160 / 1320 * 100vw, 160px);
}
.alea_lead .box_lead .dl_txt dd .ul_icon li span {
  font-size: min(18 / 1320 * 100vw, 18px);
  font-family: "ZenKakuGothicNew-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
  color: var(--color);
  text-align: center;
  margin-top: min(10 / 1320 * 100vw, 10px);
}
.alea_lead .box_lead .dl_txt dd .bnr {
  margin-top: min(35 / 1320 * 100vw, 35px);
}
.alea_lead .box_lead .dl_txt dd .bnr a {
  display: block;
  width: 100%;
}
.alea_lead .box_lead .dl_txt dd .bnr a img {
  -webkit-box-shadow: 4px 4px 0 rgba(51, 47, 45, 0.1);
          box-shadow: 4px 4px 0 rgba(51, 47, 45, 0.1);
  -webkit-transition: top 0.3s ease, left 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: top 0.3s ease, left 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, top 0.3s ease, left 0.3s ease;
  transition: box-shadow 0.3s ease, top 0.3s ease, left 0.3s ease, -webkit-box-shadow 0.3s ease;
  position: relative;
  display: inline-block;
}
.alea_lead .box_lead .dl_txt dd .bnr a span {
  display: block;
  font-size: min(16 / 1320 * 100vw, 16px);
  color: #A2A2A2;
  margin-top: min(10 / 1320 * 100vw, 10px);
}
.alea_lead .box_lead .dl_txt dd .bnr a span::after {
  content: "";
  display: inline-block;
  position: relative;
  top: min(3 / 1320 * 100vw, 3px);
  width: 1em;
  height: 1em;
  background: url(../img/common/icon_blank.svg) no-repeat center top;
  background-size: 100%;
  margin-left: min(15 / 1320 * 100vw, 15px);
}
.alea_lead .box_lead .dl_txt dd .bnr a:hover img {
  -webkit-box-shadow: none;
          box-shadow: none;
  top: 4px;
  left: 4px;
}
.alea_lead .box_lead .dl_txt dd .bnr a:hover span {
  opacity: 0.6;
}
@media screen and (max-width: 768px) {
  .alea_lead {
    padding: 2.8em 0 5.1em;
    padding: min(20 / 375 * 100vw, 20px) 0 min(60 / 375 * 100vw, 60px);
  }
  .alea_lead .box_lead {
    margin-top: 2em;
  }
  .alea_lead .box_lead .box_img {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
  }
  .alea_lead .box_lead .dl_txt {
    width: 100%;
  }
  .alea_lead .box_lead .dl_txt dt {
    font-size: min(24 / 375 * 100vw, 24px);
    line-height: 1.8;
    margin-top: 1em;
  }
  .alea_lead .box_lead .dl_txt dd {
    font-size: min(16 / 375 * 100vw, 16px);
    margin-top: 0.9em;
  }
  .alea_lead .box_lead .dl_txt dd .ul_icon li {
    width: 30.7462686567%;
  }
  .alea_lead .box_lead .dl_txt dd .ul_icon li span {
    font-size: min(12 / 375 * 100vw, 12px);
    margin-top: min(10 / 375 * 100vw, 10px);
  }
  .alea_lead .box_lead .dl_txt dd .bnr {
    margin-top: min(30 / 375 * 100vw, 30px);
  }
  .alea_lead .box_lead .dl_txt dd .bnr a img {
    -webkit-box-shadow: 3px 3px 0 rgba(51, 47, 45, 0.1);
            box-shadow: 3px 3px 0 rgba(51, 47, 45, 0.1);
  }
  .alea_lead .box_lead .dl_txt dd .bnr a span {
    font-size: min(14 / 375 * 100vw, 14px);
    margin-top: min(5 / 375 * 100vw, 5px);
  }
  .alea_lead .box_lead .dl_txt dd .bnr a span::after {
    top: min(3 / 375 * 100vw, 3px);
    margin-left: min(5 / 375 * 100vw, 5px);
  }
  .alea_lead .box_lead .dl_txt dd .bnr a:hover img {
    top: 3px;
    left: 3px;
  }
}

.area_futures {
  counter-reset: num;
  position: relative;
  background: #fff;
  margin-top: calc(66px + 0px);
  padding-top: min(30 / 1320 * 100vw, 30px);
  position: relative;
  background: #fff;
  padding: min(50 / 1320 * 100vw, 50px) 0 min(100 / 1320 * 100vw, 100px);
}
.area_futures::before {
  content: "";
  display: block;
  width: 1920px;
  height: 66px;
  background: url(../img/common/curve_white.png) no-repeat center top;
  background-size: 100%;
  position: absolute;
  top: -65px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 1380px) {
  .area_futures {
    margin-top: calc(min(66 / 1320 * 100vw, 66px) + 0px);
  }
  .area_futures::before {
    width: min(1920 / 1320 * 100vw, 1920px);
    height: min(66 / 1320 * 100vw, 66px);
    top: calc(min(65 / 1320 * 100vw, 65px) * -1);
  }
}
@media screen and (max-width: 768px) {
  .area_futures {
    margin-top: calc(7.4666666667vw + 0px);
  }
  .area_futures::before {
    width: 100vw;
    height: auto;
    aspect-ratio: 750/56;
    background: url(../img/common/curve_white_sp.png) no-repeat center top;
    background-size: 100%;
    top: -7.4666666667vw;
  }
}
.area_futures .box_futures {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: min(80 / 1320 * 100vw, 80px);
  counter-increment: num;
}
.area_futures .box_futures + .box_futures {
  margin-top: min(100 / 1320 * 100vw, 100px);
}
.area_futures .box_futures .box_img {
  position: relative;
  width: 46.6666666667%;
}
.area_futures .box_futures .box_img .icon_futures {
  position: absolute;
  top: -28px;
  left: -28px;
  display: inline-block;
  width: min(88 / 1320 * 100vw, 88px);
  height: min(88 / 1320 * 100vw, 88px);
  border-radius: 50px;
  background: linear-gradient(135deg, var(--grad-color-1) 10%, var(--grad-color-2) 90%);
  text-align: center;
  font-size: min(18 / 375 * 100vw, 18px);
  font-weight: 800;
  line-height: 1.2;
  color: #fff;
  z-index: 2;
}
.area_futures .box_futures .box_img .icon_futures::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 3%;
  right: 16px;
  border-style: solid;
  border-width: 13px 0 0 16px;
  border-color: transparent transparent transparent var(--color);
  translate: 100% -50%;
  -webkit-transform: rotate(25deg);
          transform: rotate(25deg);
}
.area_futures .box_futures .box_img .icon_futures span {
  font-size: min(18 / 1320 * 100vw, 18px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: min(88 / 1320 * 100vw, 88px);
}
.area_futures .box_futures .box_img .icon_futures span::after {
  content: counter(num, decimal-leading-zero);
  font-family: "Inter", "ZenKakuGothicNew-Medium", sans-serif;
  font-size: min(36 / 1320 * 100vw, 36px);
  letter-spacing: 0.05em;
}
.area_futures .box_futures .dl_txt {
  width: 46.6666666667%;
}
.area_futures .box_futures .dl_txt dt {
  font-size: min(24 / 1320 * 100vw, 24px);
  font-family: "ZenKakuGothicNew-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
}
.area_futures .box_futures .dl_txt dd {
  font-size: min(18 / 1320 * 100vw, 18px);
  margin-top: min(16 / 1320 * 100vw, 16px);
}
.area_futures .box_futures.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.area_futures .box_futures.reverse .box_img .icon_futures {
  left: inherit;
  right: -44px;
  background: linear-gradient(-135deg, var(--grad-color-1) 10%, var(--grad-color-2) 90%);
}
.area_futures .box_futures.reverse .box_img .icon_futures::after {
  bottom: -20%;
  right: inherit;
  left: min(20 / 1320 * 100vw, 20px);
  border-width: 13px 16px 0 0;
  border-color: transparent var(--color) transparent transparent;
  translate: -100% -50%;
  -webkit-transform: rotate(-25deg);
          transform: rotate(-25deg);
}
@media screen and (max-width: 768px) {
  .area_futures {
    padding: min(45 / 375 * 100vw, 45px) 0 min(55 / 375 * 100vw, 55px);
  }
  .area_futures .box_futures + .box_futures {
    margin-top: min(55 / 375 * 100vw, 55px);
  }
  .area_futures .box_futures .box_img {
    width: 100%;
  }
  .area_futures .box_futures .box_img .icon_futures {
    top: min(-20 / 375 * 100vw, -20px);
    left: min(-10 / 375 * 100vw, -10px);
    width: min(60 / 375 * 100vw, 60px);
    height: min(60 / 375 * 100vw, 60px);
    font-size: min(24 / 375 * 100vw, 24px);
  }
  .area_futures .box_futures .box_img .icon_futures::after {
    bottom: 0em;
    right: 0.6em;
  }
  .area_futures .box_futures .box_img .icon_futures span {
    font-size: min(12 / 375 * 100vw, 12px);
    height: min(60 / 375 * 100vw, 60px);
  }
  .area_futures .box_futures .box_img .icon_futures span::after {
    font-size: min(24 / 375 * 100vw, 24px);
  }
  .area_futures .box_futures .dl_txt {
    width: 100%;
  }
  .area_futures .box_futures .dl_txt dt {
    font-size: min(20 / 375 * 100vw, 20px);
    margin-top: min(25 / 375 * 100vw, 25px);
  }
  .area_futures .box_futures .dl_txt dd {
    font-size: min(16 / 375 * 100vw, 16px);
    margin-top: min(10 / 375 * 100vw, 10px);
  }
  .area_futures .box_futures.reverse .box_img .icon_futures {
    right: min(-10 / 375 * 100vw, -10px);
  }
  .area_futures .box_futures.reverse .box_img .icon_futures::after {
    bottom: -0.3em;
    left: 0.6em;
  }
}

.area_flow {
  background: rgba(var(--color-rgba), 0.08);
  padding: min(100 / 1320 * 100vw, 100px) 0 min(100 / 1320 * 100vw, 100px);
  /* アニメーション */
}
.area_flow .ttl_line {
  position: relative;
  font-size: min(24 / 1320 * 100vw, 24px);
  font-family: "ZenKakuGothicNew-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
  padding-left: min(20 / 1320 * 100vw, 20px);
}
.area_flow .ttl_line::before {
  content: "";
  display: block;
  position: absolute;
  top: min(11 / 1320 * 100vw, 11px);
  left: 0;
  background: var(--color);
  width: min(6 / 1320 * 100vw, 6px);
  height: min(22 / 1320 * 100vw, 22px);
}
@media screen and (max-width: 768px) {
  .area_flow {
    padding: min(55 / 375 * 100vw, 55px) 0 min(55 / 375 * 100vw, 55px);
  }
  .area_flow .ttl_line {
    font-size: min(20 / 375 * 100vw, 20px);
    padding-left: min(15 / 375 * 100vw, 15px);
  }
  .area_flow .ttl_line::before {
    top: min(8 / 375 * 100vw, 8px);
    width: min(6 / 375 * 100vw, 6px);
    height: min(22 / 375 * 100vw, 22px);
  }
  .area_flow .scroll_flow {
    overflow-x: scroll;
    margin-right: calc(50% - 50vw);
  }
  .area_flow .scroll_flow::-webkit-scrollbar {
    width: 80%;
    height: 4px;
  }
  .area_flow .scroll_flow::-webkit-scrollbar-thumb {
    background: #A2A2A2;
    border-radius: 50px;
  }
  .area_flow .scroll_flow::-webkit-scrollbar-track {
    background: #D9D9D9;
    border-radius: 50px;
    width: 80%;
  }
}
@-webkit-keyframes moveBand {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}
@keyframes moveBand {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}
.area_flow .ul_flow {
  counter-reset: num;
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(290 / 1320 * 100vw, 290px), 1fr));
  margin-top: min(45 / 1320 * 100vw, 45px);
}
.area_flow .ul_flow li {
  counter-increment: num;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100% + 12px);
}
@media screen and (max-width: 1024px) {
  .area_flow .ul_flow li {
    width: calc(100% + 10px);
  }
}
@media screen and (min-width: 1320px) {
  .area_flow .ul_flow li {
    width: calc(100% + 14px);
  }
}
.area_flow .ul_flow li:first-child {
  margin-left: 0;
}
.area_flow .ul_flow li:first-child .step {
  clip-path: polygon(0% 0%, calc(100% - min(20 / 1320 * 100vw, 20px)) 0%, 100% 50%, calc(100% - min(20 / 1320 * 100vw, 20px)) 100%, 0% 100%);
}
.area_flow .ul_flow li:last-child .step {
  background: linear-gradient(-45deg, var(--grad-color-1) 10%, var(--grad-color-2) 90%);
}
.area_flow .ul_flow li:last-child .step span::after {
  border-left-color: var(--grad-color-1);
}
.area_flow .ul_flow li .step {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: min(90 / 1320 * 100vw, 90px);
  background: var(--color);
  clip-path: polygon(0% 0%, calc(100% - min(20 / 1320 * 100vw, 20px)) 0%, 100% 50%, calc(100% - min(20 / 1320 * 100vw, 20px)) 100%, 0% 100%, min(20 / 1320 * 100vw, 20px) 50%);
}
.area_flow .ul_flow li .step span {
  position: relative;
  color: #fff;
  font-size: min(20 / 1320 * 100vw, 20px);
  font-family: "ZenKakuGothicNew-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
  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;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.area_flow .ul_flow li .step span::before {
  content: counter(num);
  position: absolute;
  left: min(23 / 1320 * 100vw, 23px);
  height: min(90 / 1320 * 100vw, 90px);
  font-family: "Inter", "ZenKakuGothicNew-Medium", sans-serif;
  font-size: min(90 / 1320 * 100vw, 90px);
  font-weight: 900;
  line-height: 1;
  color: rgba(255, 255, 255, 0.19);
  letter-spacing: 0.05em;
}
.area_flow .ul_flow li .step.active::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(52, 152, 219, 0)), color-stop(40%, var(--grad-color-1)), color-stop(60%, var(--grad-color-1)), to(rgba(52, 152, 219, 0)));
  background: linear-gradient(to right, rgba(52, 152, 219, 0) 0%, var(--grad-color-1) 40%, var(--grad-color-1) 60%, rgba(52, 152, 219, 0) 100%);
  -webkit-animation: moveBand 0.4s linear forwards;
          animation: moveBand 0.4s linear forwards;
  z-index: 1;
}
.area_flow .ul_flow li .box_txt {
  width: 85%;
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: min(23 / 1320 * 100vw, 23px) min(26 / 1320 * 100vw, 26px);
  min-width: 120px;
  max-width: 100%;
  /*min-height: minvw(140);*/
  font-size: min(16 / 1320 * 100vw, 16px);
  line-height: 1.75;
  background: #FFF;
  margin-top: -0.85em;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.area_flow .ul_flow li .box_txt::before {
  content: "";
  display: block;
  position: absolute;
  top: -1.5em;
  left: 50%;
  margin-left: min(-13 / 1320 * 100vw, -13px);
  border: min(13 / 1320 * 100vw, 13px) solid transparent;
  border-bottom: min(13 / 1320 * 100vw, 13px) solid #FFF;
  z-index: 2;
}
.area_flow .ul_flow li .box_txt a {
  color: var(--color);
  text-decoration: underline;
}
@media screen and (min-width: 769px) {
  .area_flow .ul_flow li:nth-child(1) .step.active::before {
    -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s;
  }
  .area_flow .ul_flow li:nth-child(2) .step.active::before {
    -webkit-animation-delay: 0.6s;
            animation-delay: 0.6s;
  }
  .area_flow .ul_flow li:nth-child(3) .step.active::before {
    -webkit-animation-delay: 0.8s;
            animation-delay: 0.8s;
  }
  .area_flow .ul_flow li:nth-child(4) .step.active::before {
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
  }
  .area_flow .ul_flow li:nth-child(5) .step.active::before {
    -webkit-animation-delay: 1.2s;
            animation-delay: 1.2s;
  }
  .area_flow .ul_flow li:nth-child(6) .step.active::before {
    -webkit-animation-delay: 1.4s;
            animation-delay: 1.4s;
  }
}
@media screen and (min-width: 769px) {
  .area_flow .ul_flow:has(> li:nth-child(5)) {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
  .area_flow .ul_flow:has(> li:nth-child(5)) li:nth-child(3) .step {
    background: linear-gradient(-45deg, var(--grad-color-1) 10%, var(--grad-color-2) 90%);
  }
  .area_flow .ul_flow:has(> li:nth-child(5)) li:nth-child(3) .step span::after {
    border-left-color: var(--grad-color-1);
  }
  .area_flow .ul_flow:has(> li:nth-child(5)) li:nth-child(4) {
    margin-left: 0;
  }
  .area_flow .ul_flow:has(> li:nth-child(5)) li:nth-child(4) .step {
    clip-path: polygon(0% 0%, calc(100% - min(20 / 1320 * 100vw, 20px)) 0%, 100% 50%, calc(100% - min(20 / 1320 * 100vw, 20px)) 100%, 0% 100%);
  }
  .area_flow .ul_flow:has(> li:nth-child(5)) li:nth-last-child(-n+3) {
    margin-top: min(40 / 1320 * 100vw, 40px);
  }
}
@media screen and (max-width: 768px) {
  .area_flow .ul_flow {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin-top: min(27 / 375 * 100vw, 27px);
    overflow: hidden;
  }
  .area_flow .ul_flow li {
    width: calc(min(230 / 375 * 100vw, 230px) + 9px);
    margin-bottom: min(20 / 375 * 100vw, 20px);
    margin-left: min(-6 / 375 * 100vw, -6px);
    min-width: min(230 / 375 * 100vw, 230px);
  }
  .area_flow .ul_flow li:first-child .step {
    clip-path: polygon(0% 0%, calc(100% - min(15 / 375 * 100vw, 15px)) 0%, 100% 50%, calc(100% - min(15 / 375 * 100vw, 15px)) 100%, 0% 100%);
  }
  .area_flow .ul_flow li:nth-child(4) .step {
    clip-path: polygon(0% 0%, calc(100% - min(15 / 375 * 100vw, 15px)) 0%, 100% 50%, calc(100% - min(15 / 375 * 100vw, 15px)) 100%, 0% 100%, min(15 / 375 * 100vw, 15px) 50%);
  }
  .area_flow .ul_flow li .step {
    width: 100%;
    height: min(67 / 375 * 100vw, 67px);
    clip-path: polygon(0% 0%, calc(100% - min(15 / 375 * 100vw, 15px)) 0%, 100% 50%, calc(100% - min(15 / 375 * 100vw, 15px)) 100%, 0% 100%, min(15 / 375 * 100vw, 15px) 50%);
  }
  .area_flow .ul_flow li .step span {
    font-size: min(16 / 375 * 100vw, 16px);
  }
  .area_flow .ul_flow li .step span::before {
    left: min(18 / 375 * 100vw, 18px);
    height: min(67 / 375 * 100vw, 67px);
    font-size: min(68 / 375 * 100vw, 68px);
  }
  .area_flow .ul_flow li .box_txt {
    width: 80%;
    margin: 1.5em 0;
    padding: min(16 / 375 * 100vw, 16px);
    min-width: 186px;
    font-size: min(14 / 375 * 100vw, 14px);
    line-height: 1.7;
    margin-top: min(-8 / 375 * 100vw, -8px);
  }
  .area_flow .ul_flow li .box_txt::before {
    border: min(13 / 375 * 100vw, 13px) solid transparent;
    border-bottom: min(13 / 375 * 100vw, 13px) solid #FFF;
  }
  .area_flow .ul_flow li:nth-child(3n) .step {
    background: var(--color);
  }
  .area_flow .ul_flow li:nth-child(3n) .step span::after {
    border-left-color: #f8bf5a;
  }
  .area_flow .ul_flow li:last-child .step {
    background: linear-gradient(-45deg, var(--grad-color-1) 10%, var(--grad-color-2) 90%);
  }
  .area_flow .ul_flow li:last-child .step span::after {
    border-left-color: var(--grad-color-1);
  }
}
.area_flow .box_contact {
  width: 92.5%;
  margin: min(70 / 1320 * 100vw, 70px) auto 0 min(50 / 1320 * 100vw, 50px);
  text-align: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.area_flow .box_contact dl {
  width: 50%;
}
.area_flow .box_contact dl dt {
  font-size: min(16 / 1320 * 100vw, 16px);
}
.area_flow .box_contact dl.dl_fax {
  width: min(306 / 1320 * 100vw, 306px);
}
.area_flow .box_contact dl.dl_fax dd {
  margin-top: min(15 / 1320 * 100vw, 15px);
}
.area_flow .box_contact dl.dl_fax dd .tel {
  font-size: min(32 / 1320 * 100vw, 32px);
  line-height: 1;
  letter-spacing: 0.05em;
  position: relative;
  text-align: right;
}
.area_flow .box_contact dl.dl_fax dd .tel::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: min(36 / 1320 * 100vw, 36px);
  height: min(36 / 1320 * 100vw, 36px);
  background: url("../img/service/icon_fax.png") no-repeat center top;
  background-size: 100%;
}
.area_flow .box_contact dl.dl_fax dd .tel a {
  vertical-align: middle;
  letter-spacing: 0.08em;
}
.area_flow .box_contact dl.dl_fax dd .week {
  font-size: min(14 / 1320 * 100vw, 14px);
}
.area_flow .box_contact dl.dl_tel {
  width: min(310 / 1320 * 100vw, 310px);
  position: relative;
}
.area_flow .box_contact dl.dl_tel::before {
  content: "";
  display: block;
  position: absolute;
  left: -2.5em;
  width: 1px;
  height: 100%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAHElEQVR4AWIy1tf9zwAFTGcvXmaEshmYYAwQDQAAAP//GRSOKQAAAAZJREFUAwBy+QQHN0kbgQAAAABJRU5ErkJggg==) repeat;
}
@media screen and (max-width: 1024px) {
  .area_flow .box_contact dl.dl_tel::before {
    left: -1.5em;
  }
}
.area_flow .box_contact dl.dl_tel dd {
  margin-top: min(15 / 1320 * 100vw, 15px);
}
.area_flow .box_contact dl.dl_tel dd .tel {
  font-size: min(32 / 1320 * 100vw, 32px);
  line-height: 1;
  letter-spacing: 0.05em;
  position: relative;
  text-align: right;
}
.area_flow .box_contact dl.dl_tel dd .tel::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: min(36 / 1320 * 100vw, 36px);
  height: min(36 / 1320 * 100vw, 36px);
  background: url(../img/common/icon_tel.png) no-repeat center top;
  background-size: 100%;
}
.area_flow .box_contact dl.dl_tel dd .time {
  margin-top: 0.8em;
  font-size: min(16 / 1320 * 100vw, 16px);
  font-family: "Inter", "ZenKakuGothicNew-Medium", sans-serif;
}
.area_flow .box_contact dl.dl_tel dd .week {
  font-size: min(14 / 1320 * 100vw, 14px);
}
.area_flow .box_contact dl.dl_tel dd a {
  vertical-align: middle;
  letter-spacing: 0.08em;
}
.area_flow .box_contact dl.dl_form {
  width: min(320 / 1320 * 100vw, 320px);
  position: relative;
}
.area_flow .box_contact dl.dl_form::before {
  content: "";
  display: block;
  position: absolute;
  left: -2.3em;
  width: 1px;
  height: 100%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAHElEQVR4AWIy1tf9zwAFTGcvXmaEshmYYAwQDQAAAP//GRSOKQAAAAZJREFUAwBy+QQHN0kbgQAAAABJRU5ErkJggg==) repeat;
}
@media screen and (max-width: 1024px) {
  .area_flow .box_contact dl.dl_form::before {
    left: -1.5em;
  }
}
.area_flow .box_contact dl.dl_form dd {
  margin-top: min(12 / 1320 * 100vw, 12px);
}
.area_flow .box_contact dl.dl_form dd .box_btn {
  width: 100%;
  height: min(68 / 1320 * 100vw, 68px);
}
.area_flow .box_contact dl.dl_form dd .box_btn span {
  padding-left: 24px;
  line-height: 20px;
  font-size: min(18 / 1320 * 100vw, 18px);
}
.area_flow .box_contact dl.dl_form dd .box_btn span::before {
  content: "";
  display: block;
  position: absolute;
  width: min(20 / 1320 * 100vw, 20px);
  height: min(20 / 1320 * 100vw, 20px);
  display: inline-block;
  -webkit-mask: url(../img/common/icon_mail.svg);
          mask: url(../img/common/icon_mail.svg);
  background-color: #fff;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  vertical-align: middle;
  left: -0.1em;
  top: calc(50% - 2px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .area_flow .box_contact {
    margin-top: min(60 / 375 * 100vw, 60px);
    padding: 0 5vw;
  }
  .area_flow .box_contact dl.dl_fax, .area_flow .box_contact dl.dl_tel, .area_flow .box_contact dl.dl_form {
    width: 100%;
    margin-top: min(35 / 375 * 100vw, 35px);
  }
  .area_flow .box_contact dl dt {
    font-size: min(14 / 375 * 100vw, 14px);
  }
  .area_flow .box_contact dl.dl_fax dd, .area_flow .box_contact dl.dl_tel dd {
    margin-top: 0.75em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .area_flow .box_contact dl.dl_fax dd .tel, .area_flow .box_contact dl.dl_tel dd .tel {
    padding-left: 1.3em;
    font-size: min(28 / 375 * 100vw, 28px);
    letter-spacing: 0.05em;
    text-align: center;
    vertical-align: middle;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .area_flow .box_contact dl.dl_fax dd .tel::before, .area_flow .box_contact dl.dl_tel dd .tel::before {
    width: min(28 / 375 * 100vw, 28px);
    height: min(28 / 375 * 100vw, 28px);
  }
  .area_flow .box_contact dl.dl_fax dd .tel a, .area_flow .box_contact dl.dl_tel dd .tel a {
    border-bottom: solid 1px #332F2D;
    letter-spacing: 0.08em;
  }
  .area_flow .box_contact dl.dl_fax dd .time, .area_flow .box_contact dl.dl_tel dd .time {
    margin-top: 0.8em;
    font-size: min(14 / 375 * 100vw, 14px);
  }
  .area_flow .box_contact dl.dl_fax dd .week, .area_flow .box_contact dl.dl_tel dd .week {
    font-size: min(12 / 375 * 100vw, 12px);
  }
  .area_flow .box_contact dl.dl_tel, .area_flow .box_contact dl.dl_form {
    width: 100%;
    padding-top: 1.8em;
  }
  .area_flow .box_contact dl.dl_tel::before, .area_flow .box_contact dl.dl_form::before {
    width: 100%;
    height: 1px;
    left: 0;
    right: 0;
    top: 0;
    margin-inline: auto;
  }
  .area_flow .box_contact dl.dl_form dd {
    margin-top: 0.6em;
  }
  .area_flow .box_contact dl.dl_form dd .box_btn {
    width: 94%;
    height: min(59 / 375 * 100vw, 59px);
    margin-inline: auto;
  }
  .area_flow .box_contact dl.dl_form dd .box_btn span {
    padding-left: 1.8em;
    line-height: min(19 / 375 * 100vw, 19px);
    font-size: min(16 / 375 * 100vw, 16px);
  }
  .area_flow .box_contact dl.dl_form dd .box_btn span::before {
    width: min(19 / 375 * 100vw, 19px);
    height: min(19 / 375 * 100vw, 19px);
    left: 0em;
  }
}

.area_works {
  padding: min(100 / 1320 * 100vw, 100px) 0 min(100 / 1320 * 100vw, 100px);
}
.area_works .ttl_lead .en {
  color: rgba(0, 117, 179, 0.08);
}
.area_works .ul_workslist.service {
  margin-top: min(50 / 1320 * 100vw, 50px);
}
.area_works .golink {
  margin-top: min(60 / 1320 * 100vw, 60px);
}
@media screen and (max-width: 768px) {
  .area_works {
    padding: min(70 / 375 * 100vw, 70px) 0;
  }
  .area_works .ul_workslist.service {
    margin-top: min(40 / 375 * 100vw, 40px);
  }
  .area_works .golink {
    margin-top: min(30 / 375 * 100vw, 30px);
  }
}

.service_nav dl {
  background: #F6F4F2;
  padding: 35px 80px 65px;
  padding: min(35 / 1320 * 100vw, 35px) min(80 / 1320 * 100vw, 80px) min(65 / 1320 * 100vw, 65px);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.service_nav dl dt {
  width: min(180 / 1320 * 100vw, 180px);
  font-weight: bold;
}
.service_nav dl dt p {
  font-size: min(36 / 1320 * 100vw, 36px);
  font-family: "Inter", "ZenKakuGothicNew-Medium", sans-serif;
  color: #0075B3;
  font-weight: 900;
  letter-spacing: 0.05em;
  line-height: 1;
}
.service_nav dl dt p + a {
  margin-top: min(10 / 1320 * 100vw, 10px);
}
.service_nav dl dt p + a:hover {
  width: min(184 / 1320 * 100vw, 184px);
}
.service_nav dl dd {
  width: min(700 / 1320 * 100vw, 700px);
  position: relative;
}
.service_nav dl dd ul {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.service_nav dl dd ul li {
  width: min(320 / 1320 * 100vw, 320px);
  margin-top: min(17 / 1320 * 100vw, 17px);
}
.service_nav dl dd::before {
  content: "";
  display: block;
  position: absolute;
  left: -3em;
  width: 1px;
  height: 100%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAHElEQVR4AWIy1tf9zwAFTGcvXmaEshmYYAwQDQAAAP//GRSOKQAAAAZJREFUAwBy+QQHN0kbgQAAAABJRU5ErkJggg==) repeat;
}
.service_nav a {
  position: relative;
  font-size: min(18 / 1320 * 100vw, 18px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  border-bottom: solid 1px #D9D9D9;
  padding: min(15 / 1320 * 100vw, 15px) 0px;
  font-family: "ZenKakuGothicNew-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
}
.service_nav a::after {
  content: "";
  display: block;
  position: absolute;
  content: "";
  display: inline-block;
  width: min(16 / 1320 * 100vw, 16px);
  height: min(16 / 1320 * 100vw, 16px);
  -webkit-mask: url(../img/common/icon_arrow.svg);
          mask: url(../img/common/icon_arrow.svg);
  background-color: #332F2D;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  vertical-align: middle;
  position: absolute;
  right: 0;
  top: min(25 / 1320 * 100vw, 25px);
  right: min(7 / 1320 * 100vw, 7px);
  width: min(16 / 1320 * 100vw, 16px);
  height: min(16 / 1320 * 100vw, 16px);
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .service_nav a::after {
    width: min(12 / 375 * 100vw, 12px);
    height: min(12 / 375 * 100vw, 12px);
  }
}
.service_nav a::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  background: #332F2D;
  border-radius: 50px;
  vertical-align: middle;
  width: min(32 / 1320 * 100vw, 32px);
  height: min(32 / 1320 * 100vw, 32px);
}
.service_nav a small {
  margin-left: -0.5em;
}
.service_nav a.active {
  opacity: 0.4;
  pointer-events: none;
}
.service_nav a:hover {
  width: min(324 / 1320 * 100vw, 324px);
  padding-left: min(4 / 1320 * 100vw, 4px);
}
@media screen and (max-width: 768px) {
  .service_nav dl {
    padding: min(45 / 375 * 100vw, 45px) min(20 / 375 * 100vw, 20px) min(40 / 375 * 100vw, 40px);
  }
  .service_nav dl dt {
    width: 100%;
  }
  .service_nav dl dt p {
    font-size: min(32 / 375 * 100vw, 32px);
  }
  .service_nav dl dt p + a {
    margin-top: min(5 / 375 * 100vw, 5px);
  }
  .service_nav dl dt p + a:hover {
    width: auto;
  }
  .service_nav dl dd {
    width: 100%;
  }
  .service_nav dl dd ul li {
    width: 100%;
    margin-top: 0;
  }
  .service_nav dl dd::before {
    display: none;
  }
  .service_nav a {
    font-size: min(16 / 375 * 100vw, 16px);
    padding: min(14 / 375 * 100vw, 14px) 0px min(10 / 375 * 100vw, 10px);
  }
  .service_nav a::after {
    top: min(25 / 375 * 100vw, 25px);
    right: min(5 / 375 * 100vw, 5px);
    width: min(10 / 375 * 100vw, 10px);
    height: min(10 / 375 * 100vw, 10px);
  }
  .service_nav a::before {
    width: min(20 / 375 * 100vw, 20px);
    height: min(20 / 375 * 100vw, 20px);
  }
  .service_nav a:hover {
    width: auto;
    padding-left: 0;
  }
}

#design-photo .box_lead {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#design-photo #studio {
  margin-top: min(104 / 1320 * 100vw, 104px);
}
#design-photo #studio .ttl_lead .icon {
  position: relative;
  background: var(--color);
  font-family: "ZenKakuGothicNew-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: #fff;
  padding: 8px 20px;
  text-align: center;
  border-radius: 50px;
}
#design-photo #studio .ttl_lead .icon::after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  height: 0;
  width: 0;
  border: 9px solid transparent;
  border-width: 9px 8px;
  border-top-color: var(--color);
  margin-left: -8px;
}
#design-photo #studio .ttl_lead .en {
  color: rgba(var(--color-rgba), 0.08);
  margin-top: min(7 / 1320 * 100vw, 7px);
}
@media screen and (max-width: 768px) {
  #design-photo #studio .ttl_lead .en {
    margin-top: min(18 / 375 * 100vw, 18px);
  }
}
#design-photo #studio + .area_futures {
  background: -webkit-gradient(linear, left top, left bottom, from(#F6F4F2), color-stop(2%, #F6F4F2), color-stop(50%, #ffffff), to(#ffffff));
  background: linear-gradient(to bottom, #F6F4F2 0%, #F6F4F2 2%, #ffffff 50%, #ffffff 100%);
}
#design-photo #studio + .area_futures::before {
  background: url(../img/top/curve_beige.png) no-repeat center top;
}
@media screen and (max-width: 768px) {
  #design-photo #studio + .area_futures::before {
    background: url(../img/top/curve_beige_sp.png) no-repeat center top;
  }
}
@media screen and (max-width: 768px) {
  #design-photo .alea_lead {
    padding: min(40 / 375 * 100vw, 40px) 0 min(60 / 375 * 100vw, 60px);
  }
}

#eco-honeycomb-board .box_lead {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#eco-honeycomb-board .box_recycle {
  background: rgba(243, 172, 49, 0.16);
  padding: min(35 / 1320 * 100vw, 35px) min(60 / 1320 * 100vw, 60px);
  margin-top: min(57 / 1320 * 100vw, 57px);
}
@media screen and (min-width: 769px) {
  #eco-honeycomb-board .box_recycle::before {
    content: "";
    display: block;
    position: absolute;
    background: url("../img/service/eco-honeycomb-board/recycle.svg") no-repeat;
    background-size: contain;
    width: min(120 / 1320 * 100vw, 120px);
    height: min(116 / 1320 * 100vw, 116px);
  }
}
#eco-honeycomb-board .box_recycle dl {
  padding-left: min(160 / 1320 * 100vw, 160px);
}
#eco-honeycomb-board .box_recycle dl dt {
  font-size: min(24 / 1320 * 100vw, 24px);
  font-family: "ZenKakuGothicNew-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
}
#eco-honeycomb-board .box_recycle dl dd {
  font-size: min(18 / 1320 * 100vw, 18px);
  margin-top: min(10 / 1320 * 100vw, 10px);
}
#eco-honeycomb-board .box_recycle dl dd span.note {
  display: block;
  font-size: min(16 / 1320 * 100vw, 16px);
}
@media screen and (max-width: 768px) {
  #eco-honeycomb-board .box_recycle {
    background: rgba(243, 172, 49, 0.16);
    padding: min(35 / 375 * 100vw, 35px) min(20 / 375 * 100vw, 20px) min(20 / 375 * 100vw, 20px);
    margin-top: min(50 / 375 * 100vw, 50px);
  }
  #eco-honeycomb-board .box_recycle dl {
    padding-left: 0;
  }
  #eco-honeycomb-board .box_recycle dl dt {
    font-size: min(20 / 375 * 100vw, 20px);
    line-height: min(73 / 375 * 100vw, 73px);
    position: relative;
  }
  #eco-honeycomb-board .box_recycle dl dt span {
    padding-left: min(100 / 375 * 100vw, 100px);
  }
  #eco-honeycomb-board .box_recycle dl dt::before {
    content: "";
    display: block;
    position: absolute;
    top: min(-7 / 375 * 100vw, -7px);
    background: url("../img/service/eco-honeycomb-board/recycle.svg") no-repeat;
    background-size: contain;
    width: min(76 / 375 * 100vw, 76px);
    height: min(73 / 375 * 100vw, 73px);
  }
  #eco-honeycomb-board .box_recycle dl dd {
    font-size: min(16 / 375 * 100vw, 16px);
    margin-top: min(12 / 375 * 100vw, 12px);
  }
  #eco-honeycomb-board .box_recycle dl dd span.note {
    font-size: min(16 / 375 * 100vw, 16px);
  }
}
@media screen and (max-width: 768px) {
  #eco-honeycomb-board h2.ttl_lead .en {
    font-size: min(40 / 375 * 100vw, 40px);
    text-align: center;
  }
  #eco-honeycomb-board h2.ttl_lead .jp {
    bottom: 1em;
  }
}

#print-finish .box_about {
  width: 90%;
  margin: min(57 / 1320 * 100vw, 57px) auto 0;
}
#print-finish .box_about .acd_header {
  position: relative;
  background: #fff;
  padding: min(13 / 1320 * 100vw, 13px) min(28 / 1320 * 100vw, 28px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.2s top 0.3s ease, -webkit-box-shadow 0.2s ease;
  transition: -webkit-transform 0.2s top 0.3s ease, -webkit-box-shadow 0.2s ease;
  transition: transform 0.2s top 0.3s ease, box-shadow 0.2s ease;
  transition: transform 0.2s top 0.3s ease, box-shadow 0.2s ease, -webkit-transform 0.2s top 0.3s ease, -webkit-box-shadow 0.2s ease;
  -webkit-box-shadow: 4px 4px 0 rgba(51, 47, 45, 0.1);
          box-shadow: 4px 4px 0 rgba(51, 47, 45, 0.1);
}
#print-finish .box_about .acd_header::before {
  content: "";
  display: block;
  position: absolute;
  background: url("../img/service/print-finish/icon_note.svg") no-repeat;
  background-size: contain;
  width: min(28 / 1320 * 100vw, 28px);
  height: min(28 / 1320 * 100vw, 28px);
}
#print-finish .box_about .acd_header h4 {
  font-family: "ZenKakuGothicNew-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
  font-size: min(24 / 1320 * 100vw, 24px);
  margin-left: min(40 / 1320 * 100vw, 40px);
}
#print-finish .box_about .acd_header .acd_btn {
  position: absolute;
  top: 50%;
  right: min(28 / 1320 * 100vw, 28px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: min(36 / 1320 * 100vw, 36px);
  height: min(36 / 1320 * 100vw, 36px);
  background: #F6F4F2;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#print-finish .box_about .acd_header .acd_btn::before, #print-finish .box_about .acd_header .acd_btn::after {
  content: "";
  position: absolute;
  background: #332F2D;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#print-finish .box_about .acd_header .acd_btn::before {
  width: 2px;
  height: min(18 / 1320 * 100vw, 18px);
}
#print-finish .box_about .acd_header .acd_btn::after {
  width: min(18 / 1320 * 100vw, 18px);
  height: 2px;
}
#print-finish .box_about .acd-body {
  display: none;
  padding: min(20 / 1320 * 100vw, 20px) min(60 / 1320 * 100vw, 60px) min(60 / 1320 * 100vw, 60px);
  background: #fff;
}
#print-finish .box_about .acd-body ul li {
  position: relative;
  font-size: min(18 / 1320 * 100vw, 18px);
  padding-left: min(15 / 1320 * 100vw, 15px);
}
#print-finish .box_about .acd-body ul li::before {
  content: "";
  display: block;
  position: absolute;
  top: min(15 / 1320 * 100vw, 15px);
  left: 0;
  background: #EE442B;
  width: min(6 / 1320 * 100vw, 6px);
  height: min(6 / 1320 * 100vw, 6px);
  border-radius: 50%;
}
#print-finish .box_about .acd-body .box_note {
  border: solid 4px #FEF0EE;
  padding: min(25 / 1320 * 100vw, 25px);
}
#print-finish .box_about .acd-body .box_note p {
  font-family: "ZenKakuGothicNew-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
  font-size: min(20 / 1320 * 100vw, 20px);
  color: #EE442B;
  text-align: center;
}
#print-finish .box_about .acd-body .ttl_line {
  margin-top: min(45 / 1320 * 100vw, 45px);
}
#print-finish .box_about .acd-body .ttl_line + .ttl_line {
  margin-top: min(75 / 1320 * 100vw, 75px);
}
#print-finish .box_about .acd-body .dl_address {
  background: #F6F4F2;
  font-size: min(18 / 1320 * 100vw, 18px);
  padding: min(30 / 1320 * 100vw, 30px) min(40 / 1320 * 100vw, 40px);
  margin-top: min(35 / 1320 * 100vw, 35px);
}
#print-finish .box_about .acd-body .dl_address dt {
  font-family: "ZenKakuGothicNew-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
}
#print-finish .box_about .acd-body .dl_address dd {
  margin-top: min(15 / 1320 * 100vw, 15px);
}
@media screen and (min-width: 769px) {
  #print-finish .box_about .acd-body .dl_address dd a {
    pointer-events: none;
  }
}
#print-finish .box_about:hover .acd_header {
  color: var(--color);
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
  -webkit-box-shadow: none;
          box-shadow: none;
}
#print-finish .box_about:hover .acd_header .acd_btn::before, #print-finish .box_about:hover .acd_header .acd_btn::after {
  background: var(--color);
}
#print-finish .box_about.active .acd_header {
  color: var(--color);
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
  -webkit-box-shadow: none;
          box-shadow: none;
}
#print-finish .box_about.active .acd_header .acd_btn::before {
  display: none;
}
#print-finish .box_about.active:hover .acd_btn::after {
  background: var(--color);
}
@media screen and (max-width: 768px) {
  #print-finish .box_about {
    width: 100%;
    margin: min(50 / 375 * 100vw, 50px) auto 0;
    -webkit-box-shadow: 3px 3px 0 rgba(51, 47, 45, 0.1);
            box-shadow: 3px 3px 0 rgba(51, 47, 45, 0.1);
  }
  #print-finish .box_about .acd_header {
    padding: min(16 / 375 * 100vw, 16px);
  }
  #print-finish .box_about .acd_header::before {
    width: min(20 / 375 * 100vw, 20px);
    height: min(20 / 375 * 100vw, 20px);
  }
  #print-finish .box_about .acd_header h4 {
    font-size: min(16 / 375 * 100vw, 16px);
    margin-left: min(30 / 375 * 100vw, 30px);
  }
  #print-finish .box_about .acd_header .acd_btn {
    right: min(17 / 375 * 100vw, 17px);
    width: min(28 / 375 * 100vw, 28px);
    height: min(28 / 375 * 100vw, 28px);
  }
  #print-finish .box_about .acd_header .acd_btn::before {
    height: min(14 / 375 * 100vw, 14px);
  }
  #print-finish .box_about .acd_header .acd_btn::after {
    width: min(14 / 375 * 100vw, 14px);
  }
  #print-finish .box_about .acd-body {
    padding: min(16 / 375 * 100vw, 16px) min(20 / 375 * 100vw, 20px) min(20 / 375 * 100vw, 20px);
  }
  #print-finish .box_about .acd-body ul li {
    font-size: min(16 / 375 * 100vw, 16px);
    margin-top: min(10 / 375 * 100vw, 10px);
    padding-left: min(15 / 375 * 100vw, 15px);
  }
  #print-finish .box_about .acd-body ul li::before {
    top: min(15 / 375 * 100vw, 15px);
    width: min(6 / 375 * 100vw, 6px);
    height: min(6 / 375 * 100vw, 6px);
  }
  #print-finish .box_about .acd-body .box_note {
    padding: min(20 / 375 * 100vw, 20px) min(15 / 375 * 100vw, 15px);
  }
  #print-finish .box_about .acd-body .box_note p {
    font-size: min(16 / 375 * 100vw, 16px);
  }
  #print-finish .box_about .acd-body .ttl_line {
    margin-top: min(30 / 375 * 100vw, 30px);
  }
  #print-finish .box_about .acd-body .ttl_line + .ttl_line {
    margin-top: min(40 / 375 * 100vw, 40px);
  }
  #print-finish .box_about .acd-body .dl_address {
    font-size: min(16 / 375 * 100vw, 16px);
    padding: min(20 / 375 * 100vw, 20px);
    margin-top: min(20 / 375 * 100vw, 20px);
  }
  #print-finish .box_about .acd-body .dl_address dd {
    margin-top: min(15 / 375 * 100vw, 15px);
  }
  #print-finish .box_about .acd-body .dl_address dd a {
    color: #EE442B;
    text-decoration: underline;
  }
}