@charset "UTF-8";
#d220218 {
  transform: none;
  filter: none;
  box-sizing: border-box;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-feature-settings: normal;
}
#d220218 figure {
  display: block;
}
#d220218 .anc {
  display: block;
}
#d220218 .img-src {
  width: 100%;
  height: auto;
}
#d220218 .sec-t__ttl {
  font-family: acumin-pro, sans-serif;
  font-weight: 700;
  font-style: normal;
}
#d220218 .sec-t__desc {
  font-feature-settings: normal;
}
#d220218 .sec-t__credit .anc {
  font-family: acumin-pro, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-feature-settings: "palt";
}
@media only screen and (min-width: 1400px) {
  #d220218 .sp-x {
    display: none;
  }
  #d220218 .page-content {
    width: 1400px;
    margin: auto;
    padding: 29px 0 0;
  }
  #d220218 .page-content .sec-t__ttl {
    font-size: 5.3rem;
    line-height: 1;
    letter-spacing: 0.02em;
    text-align: center;
  }
  #d220218 .page-content .sec-t__desc {
    font-size: 1.5rem;
    line-height: 2;
    letter-spacing: 0.08em;
    text-align: justify;
    word-break: normal;
    margin: 32px 0 0;
  }
  #d220218 .page-content .sec-t__credit {
    margin: 13px 0 0;
  }
  #d220218 .page-content .sec-t__credit__item {
    display: inline-block;
  }
  #d220218 .page-content .sec-t__credit__item .anc {
    font-size: 1.4rem;
    line-height: 2;
    letter-spacing: 0.15em;
  }
  #d220218 .page-content .intro {
    width: 900px;
    margin: auto;
  }
  #d220218 .page-content .intro__inn .i-ttl {
    width: 299px;
  }
  #d220218 .page-content .intro__inn .i-img {
    width: 100%;
    margin: 36px 0 0;
  }
  #d220218 .page-content .intro__inn .i-desc {
    font-size: 1.5rem;
    line-height: 2;
    letter-spacing: 0.08em;
    text-align: center;
    margin: 42px 0 0;
  }
  #d220218 .page-content .main-content .sec1 {
    margin: 191px 0 0;
  }
  #d220218 .page-content .main-content .sec1__inn {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    margin: 0 306px 0 auto;
  }
  #d220218 .page-content .main-content .sec1__inn::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: 238px;
    height: 480px;
    background: #e5ddcf;
    top: 288px;
    left: 226px;
  }
  #d220218 .page-content .main-content .sec1__inn .sec-i__a {
    width: 470px;
  }
  #d220218 .page-content .main-content .sec1__inn .sec-i__b {
    width: 335px;
    position: absolute;
    z-index: -9;
    top: -50px;
    right: -80px;
    opacity: 0.6;
  }
  #d220218 .page-content .main-content .sec1__inn .sec-t {
    width: 300px;
    margin: 370px 52px 0 auto;
  }
  #d220218 .page-content .main-content .sec2 {
    margin: 224px 0 0;
  }
  #d220218 .page-content .main-content .sec2__inn {
    position: relative;
  }
  #d220218 .page-content .main-content .sec2__inn::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: 432px;
    height: 227px;
    background: #dbdbdb;
    top: 699px;
    right: 340px;
  }
  #d220218 .page-content .main-content .sec2__inn .sec-i__a {
    width: 530px;
    margin: auto;
  }
  #d220218 .page-content .main-content .sec2__inn .sec-i__b {
    width: 380px;
    position: absolute;
    z-index: -9;
    top: 879px;
    left: 339px;
    opacity: 0.55;
  }
  #d220218 .page-content .main-content .sec2__inn .sec-t {
    width: 350px;
    margin: 162px 0 0 669px;
  }
  #d220218 .page-content .main-content .sec3 {
    margin: 196px 0 0;
  }
  #d220218 .page-content .main-content .sec3__inn {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    margin: 0 250px 0 auto;
  }
  #d220218 .page-content .main-content .sec3__inn::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: 800px;
    height: 330px;
    background: #e5ddcf;
    top: 185px;
    left: 250px;
  }
  #d220218 .page-content .main-content .sec3__inn .sec-i__a {
    width: 470px;
  }
  #d220218 .page-content .main-content .sec3__inn .sec-i__b {
    width: 101px;
    position: absolute;
    z-index: 9;
    top: 478px;
    left: 503px;
    opacity: 0.5;
  }
  #d220218 .page-content .main-content .sec3__inn .sec-t {
    width: 290px;
    margin: 154px 52px 0 auto;
  }
  #d220218 .page-content .main-content .sec4 {
    margin: 283px 0 0;
  }
  #d220218 .page-content .main-content .sec4__inn {
    position: relative;
  }
  #d220218 .page-content .main-content .sec4__inn .sec-i__a {
    width: 530px;
    margin: auto;
  }
  #d220218 .page-content .main-content .sec4__inn .sec-i__b {
    width: 350px;
    position: absolute;
    z-index: -9;
    top: 646px;
    right: 276px;
    opacity: 0.6;
  }
  #d220218 .page-content .main-content .sec4__inn .sec-t {
    width: 349px;
    margin: 48px auto 0;
  }
  #d220218 .page-content .main-content .sec5 {
    margin: 155px 0 0;
  }
  #d220218 .page-content .main-content .sec5__inn {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0 270px;
  }
  #d220218 .page-content .main-content .sec5__inn::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: 500px;
    height: 500px;
    background: #dbdbdb;
    top: 352px;
    right: 406px;
  }
  #d220218 .page-content .main-content .sec5__inn .sec-i__a {
    width: 450px;
  }
  #d220218 .page-content .main-content .sec5__inn .sec-i__b {
    width: 326px;
    position: absolute;
    z-index: 9;
    top: 237px;
    right: 270px;
    opacity: 0.5;
  }
  #d220218 .page-content .main-content .sec5__inn .sec-t {
    width: 322px;
    margin: 490px 0 0 84px;
  }
  #d220218 .page-content .all-btn {
    width: 420px;
    margin: 208px auto 140px;
  }
  #d220218 .page-content .i-ttl,
#d220218 .page-content .trgt-block {
    opacity: 0;
    transform: translateY(40px);
    transition: all 1s ease;
  }
  #d220218 .page-content .i-ttl.run,
#d220218 .page-content .trgt-block.run {
    opacity: 1;
    transform: translateX(0);
  }
  #d220218 .page-content .i-img {
    opacity: 0;
    transform: translateY(40px);
    transition: all 1s ease;
    transition-delay: 0.3s;
  }
  #d220218 .page-content .i-img.run {
    opacity: 1;
    transform: translateX(0);
  }
}
@media only screen and (max-width: 1399px) and (min-width: 768px) {
  #d220218 .sp-x {
    display: none;
  }
  #d220218 .page-content {
    width: 100%;
    margin: auto;
    padding: calc(29* 0.0714285714vw) 0 0;
  }
  #d220218 .page-content .sec-t__ttl {
    font-size: calc(53* 0.0714285714vw);
    line-height: 1;
    letter-spacing: 0.02em;
    text-align: center;
  }
  #d220218 .page-content .sec-t__desc {
    font-size: calc(15* 0.0714285714vw);
    line-height: 2;
    letter-spacing: 0.08em;
    text-align: justify;
    word-break: normal;
    margin: calc(32* 0.0714285714vw) 0 0;
  }
  #d220218 .page-content .sec-t__credit {
    margin: calc(13* 0.0714285714vw) 0 0;
  }
  #d220218 .page-content .sec-t__credit__item {
    display: inline-block;
  }
  #d220218 .page-content .sec-t__credit__item .anc {
    font-size: calc(14* 0.0714285714vw);
    line-height: 2;
    letter-spacing: 0.15em;
  }
  #d220218 .page-content .intro {
    width: calc(900* 0.0714285714vw);
    margin: auto;
  }
  #d220218 .page-content .intro__inn .i-ttl {
    width: calc(299* 0.0714285714vw);
  }
  #d220218 .page-content .intro__inn .i-img {
    width: 100%;
    margin: calc(36* 0.0714285714vw) 0 0;
  }
  #d220218 .page-content .intro__inn .i-desc {
    font-size: calc(15* 0.0714285714vw);
    line-height: 2;
    letter-spacing: 0.08em;
    text-align: center;
    margin: calc(42* 0.0714285714vw) 0 0;
  }
  #d220218 .page-content .main-content .sec1 {
    margin: calc(191* 0.0714285714vw) 0 0;
  }
  #d220218 .page-content .main-content .sec1__inn {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    margin: 0 calc(306* 0.0714285714vw) 0 auto;
  }
  #d220218 .page-content .main-content .sec1__inn::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: calc(238* 0.0714285714vw);
    height: calc(480* 0.0714285714vw);
    background: #e5ddcf;
    top: calc(288* 0.0714285714vw);
    left: calc(226* 0.0714285714vw);
  }
  #d220218 .page-content .main-content .sec1__inn .sec-i__a {
    width: calc(470* 0.0714285714vw);
  }
  #d220218 .page-content .main-content .sec1__inn .sec-i__b {
    width: calc(335* 0.0714285714vw);
    position: absolute;
    z-index: -9;
    top: calc(-50* 0.0714285714vw);
    right: calc(-80* 0.0714285714vw);
    opacity: 0.6;
  }
  #d220218 .page-content .main-content .sec1__inn .sec-t {
    width: calc(300* 0.0714285714vw);
    margin: calc(370* 0.0714285714vw) calc(52* 0.0714285714vw) 0 auto;
  }
  #d220218 .page-content .main-content .sec2 {
    margin: calc(224* 0.0714285714vw) 0 0;
  }
  #d220218 .page-content .main-content .sec2__inn {
    position: relative;
  }
  #d220218 .page-content .main-content .sec2__inn::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: calc(432* 0.0714285714vw);
    height: calc(227* 0.0714285714vw);
    background: #dbdbdb;
    top: calc(699* 0.0714285714vw);
    right: calc(340* 0.0714285714vw);
  }
  #d220218 .page-content .main-content .sec2__inn .sec-i__a {
    width: calc(530* 0.0714285714vw);
    margin: auto;
  }
  #d220218 .page-content .main-content .sec2__inn .sec-i__b {
    width: calc(380* 0.0714285714vw);
    position: absolute;
    z-index: -9;
    top: calc(879* 0.0714285714vw);
    left: calc(339* 0.0714285714vw);
    opacity: 0.55;
  }
  #d220218 .page-content .main-content .sec2__inn .sec-t {
    width: calc(350* 0.0714285714vw);
    margin: calc(162* 0.0714285714vw) 0 0 calc(669* 0.0714285714vw);
  }
  #d220218 .page-content .main-content .sec3 {
    margin: calc(196* 0.0714285714vw) 0 0;
  }
  #d220218 .page-content .main-content .sec3__inn {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    margin: 0 calc(250* 0.0714285714vw) 0 auto;
  }
  #d220218 .page-content .main-content .sec3__inn::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: calc(800* 0.0714285714vw);
    height: calc(330* 0.0714285714vw);
    background: #e5ddcf;
    top: calc(185* 0.0714285714vw);
    left: calc(250* 0.0714285714vw);
  }
  #d220218 .page-content .main-content .sec3__inn .sec-i__a {
    width: calc(470* 0.0714285714vw);
  }
  #d220218 .page-content .main-content .sec3__inn .sec-i__b {
    width: calc(101* 0.0714285714vw);
    position: absolute;
    z-index: 9;
    top: calc(478* 0.0714285714vw);
    left: calc(503* 0.0714285714vw);
    opacity: 0.5;
  }
  #d220218 .page-content .main-content .sec3__inn .sec-t {
    width: calc(290* 0.0714285714vw);
    margin: calc(154* 0.0714285714vw) calc(52* 0.0714285714vw) 0 auto;
  }
  #d220218 .page-content .main-content .sec4 {
    margin: calc(283* 0.0714285714vw) 0 0;
  }
  #d220218 .page-content .main-content .sec4__inn {
    position: relative;
  }
  #d220218 .page-content .main-content .sec4__inn .sec-i__a {
    width: calc(530* 0.0714285714vw);
    margin: auto;
  }
  #d220218 .page-content .main-content .sec4__inn .sec-i__b {
    width: calc(350* 0.0714285714vw);
    position: absolute;
    z-index: -9;
    top: calc(646* 0.0714285714vw);
    right: calc(276* 0.0714285714vw);
    opacity: 0.6;
  }
  #d220218 .page-content .main-content .sec4__inn .sec-t {
    width: calc(349* 0.0714285714vw);
    margin: calc(48* 0.0714285714vw) auto 0;
  }
  #d220218 .page-content .main-content .sec5 {
    margin: calc(155* 0.0714285714vw) 0 0;
  }
  #d220218 .page-content .main-content .sec5__inn {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0 calc(270* 0.0714285714vw);
  }
  #d220218 .page-content .main-content .sec5__inn::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: calc(500* 0.0714285714vw);
    height: calc(500* 0.0714285714vw);
    background: #dbdbdb;
    top: calc(352* 0.0714285714vw);
    right: calc(406* 0.0714285714vw);
  }
  #d220218 .page-content .main-content .sec5__inn .sec-i__a {
    width: calc(450* 0.0714285714vw);
  }
  #d220218 .page-content .main-content .sec5__inn .sec-i__b {
    width: calc(326* 0.0714285714vw);
    position: absolute;
    z-index: 9;
    top: calc(237* 0.0714285714vw);
    right: calc(270* 0.0714285714vw);
    opacity: 0.5;
  }
  #d220218 .page-content .main-content .sec5__inn .sec-t {
    width: calc(322* 0.0714285714vw);
    margin: calc(490* 0.0714285714vw) 0 0 calc(84* 0.0714285714vw);
  }
  #d220218 .page-content .all-btn {
    width: calc(420* 0.0714285714vw);
    margin: calc(208* 0.0714285714vw) auto calc(140* 0.0714285714vw);
  }
  #d220218 .page-content .i-ttl,
#d220218 .page-content .trgt-block {
    opacity: 0;
    transform: translateY(calc(40* 0.0714285714vw));
    transition: all 1s ease;
  }
  #d220218 .page-content .i-ttl.run,
#d220218 .page-content .trgt-block.run {
    opacity: 1;
    transform: translateX(0);
  }
  #d220218 .page-content .i-img {
    opacity: 0;
    transform: translateY(calc(40* 0.0714285714vw));
    transition: all 1s ease;
    transition-delay: 0.3s;
  }
  #d220218 .page-content .i-img.run {
    opacity: 1;
    transform: translateX(0);
  }
}
@media only screen and (max-width: 767px) {
  #d220218 .pc-x {
    display: none;
  }
  #d220218 .page-content {
    padding: calc(20* 0.1333333333vw) 0 0;
  }
  #d220218 .page-content .sec-t__ttl {
    font-size: calc(78* 0.1333333333vw);
    line-height: 1;
    letter-spacing: 0.02em;
    text-align: center;
    margin: calc(42* 0.1333333333vw) 0 0;
  }
  #d220218 .page-content .sec-t__desc {
    width: calc(651* 0.1333333333vw);
    font-size: calc(24* 0.1333333333vw);
    line-height: 1.75;
    letter-spacing: 0.08em;
    text-align: justify;
    word-break: normal;
    margin: calc(44* 0.1333333333vw) 0 0 calc(50* 0.1333333333vw);
  }
  #d220218 .page-content .sec-t__credit {
    margin: calc(20* 0.1333333333vw) 0 0 calc(48* 0.1333333333vw);
  }
  #d220218 .page-content .sec-t__credit__item {
    display: inline-block;
  }
  #d220218 .page-content .sec-t__credit__item .anc {
    font-size: calc(21* 0.1333333333vw);
    line-height: 1.8;
    letter-spacing: 0.15em;
  }
  #d220218 .page-content .intro {
    margin: calc(50* 0.1333333333vw) 0 0;
  }
  #d220218 .page-content .intro__inn .i-ttl {
    width: calc(300* 0.1333333333vw);
    margin: 0 0 0 calc(50* 0.1333333333vw);
  }
  #d220218 .page-content .intro__inn .i-img {
    width: 100%;
    margin: calc(48* 0.1333333333vw) 0 0;
  }
  #d220218 .page-content .intro__inn .i-desc {
    font-size: calc(22* 0.1333333333vw);
    line-height: 1.8181818182;
    letter-spacing: 0.05em;
    text-align: center;
    margin: calc(50* 0.1333333333vw) 0 0;
  }
  #d220218 .page-content .main-content .sec1 {
    margin: calc(197* 0.1333333333vw) 0 0;
  }
  #d220218 .page-content .main-content .sec1__inn {
    position: relative;
  }
  #d220218 .page-content .main-content .sec1__inn::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: calc(240* 0.1333333333vw);
    height: calc(697* 0.1333333333vw);
    top: calc(427* 0.1333333333vw);
    left: 0;
    background: #e5ddcf;
  }
  #d220218 .page-content .main-content .sec1__inn .sec-i__a {
    width: calc(560* 0.1333333333vw);
    margin: auto;
  }
  #d220218 .page-content .main-content .sec1__inn .sec-i__b {
    width: calc(400* 0.1333333333vw);
    position: absolute;
    z-index: -9;
    top: calc(-65* 0.1333333333vw);
    right: 0;
    opacity: 0.6;
  }
  #d220218 .page-content .main-content .sec1__inn .sec-t__ttl {
    margin: calc(42* 0.1333333333vw) 0 0;
  }
  #d220218 .page-content .main-content .sec2 {
    margin: calc(173* 0.1333333333vw) 0 0;
  }
  #d220218 .page-content .main-content .sec2__inn {
    position: relative;
  }
  #d220218 .page-content .main-content .sec2__inn::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: calc(530* 0.1333333333vw);
    height: calc(402* 0.1333333333vw);
    background: #dbdbdb;
    top: calc(615* 0.1333333333vw);
    right: 0;
  }
  #d220218 .page-content .main-content .sec2__inn .sec-i__a {
    width: calc(600* 0.1333333333vw);
    margin: 0;
  }
  #d220218 .page-content .main-content .sec2__inn .sec-i__b {
    width: calc(410* 0.1333333333vw);
    margin: calc(60* 0.1333333333vw) 0 0 calc(50* 0.1333333333vw);
    opacity: 0.55;
  }
  #d220218 .page-content .main-content .sec2__inn .sec-t__ttl {
    margin: calc(42* 0.1333333333vw) 0 0;
  }
  #d220218 .page-content .main-content .sec3 {
    margin: calc(269* 0.1333333333vw) 0 0;
  }
  #d220218 .page-content .main-content .sec3__inn {
    position: relative;
  }
  #d220218 .page-content .main-content .sec3__inn::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: 100%;
    height: calc(370* 0.1333333333vw);
    top: calc(-95* 0.1333333333vw);
    left: 0;
    background: #e5ddcf;
  }
  #d220218 .page-content .main-content .sec3__inn .sec-i__a {
    width: calc(560* 0.1333333333vw);
    margin: auto;
  }
  #d220218 .page-content .main-content .sec3__inn .sec-i__b {
    width: calc(118* 0.1333333333vw);
    height: calc(390* 0.1333333333vw);
    position: absolute;
    z-index: 9;
    top: calc(683* 0.1333333333vw);
    right: calc(50* 0.1333333333vw);
    opacity: 0.5;
    overflow: hidden;
  }
  #d220218 .page-content .main-content .sec3__inn .sec-t__ttl {
    margin: calc(44* 0.1333333333vw) 0 0;
  }
  #d220218 .page-content .main-content .sec4 {
    margin: calc(176* 0.1333333333vw) 0 0;
  }
  #d220218 .page-content .main-content .sec4__inn {
    position: relative;
  }
  #d220218 .page-content .main-content .sec4__inn .sec-i__a {
    width: calc(630* 0.1333333333vw);
    margin: auto;
  }
  #d220218 .page-content .main-content .sec4__inn .sec-i__b {
    width: calc(480* 0.1333333333vw);
    position: absolute;
    z-index: -9;
    top: calc(706* 0.1333333333vw);
    right: 0;
    opacity: 0.6;
  }
  #d220218 .page-content .main-content .sec4__inn .sec-t__ttl {
    margin: calc(42* 0.1333333333vw) 0 0;
  }
  #d220218 .page-content .main-content .sec5 {
    margin: calc(175* 0.1333333333vw) 0 0;
  }
  #d220218 .page-content .main-content .sec5__inn {
    position: relative;
  }
  #d220218 .page-content .main-content .sec5__inn::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: calc(427* 0.1333333333vw);
    height: calc(722* 0.1333333333vw);
    top: calc(253* 0.1333333333vw);
    left: 0;
    background: #dbdbdb;
  }
  #d220218 .page-content .main-content .sec5__inn .sec-i__a {
    width: calc(560* 0.1333333333vw);
    margin: 0 0 0 auto;
  }
  #d220218 .page-content .main-content .sec5__inn .sec-i__b {
    width: calc(340* 0.1333333333vw);
    position: absolute;
    z-index: -9;
    top: calc(892* 0.1333333333vw);
    right: calc(50* 0.1333333333vw);
    opacity: 0.5;
  }
  #d220218 .page-content .main-content .sec5__inn .sec-t__ttl {
    margin: calc(43* 0.1333333333vw) 0 0;
  }
  #d220218 .page-content .all-btn {
    width: calc(675* 0.1333333333vw);
    margin: calc(156* 0.1333333333vw) auto calc(200* 0.1333333333vw);
  }
  #d220218 .page-content .i-ttl,
#d220218 .page-content .trgt-block {
    opacity: 0;
    transform: translateY(calc(60* 0.1333333333vw));
    transition: all 1s ease;
  }
  #d220218 .page-content .i-ttl.run,
#d220218 .page-content .trgt-block.run {
    opacity: 1;
    transform: translateY(0);
  }
  #d220218 .page-content .i-img {
    opacity: 0;
    transform: translateY(calc(60* 0.1333333333vw));
    transition: all 1s ease;
    transition-delay: 0.3s;
  }
  #d220218 .page-content .i-img.run {
    opacity: 1;
    transform: translateY(0);
  }
}/*# sourceMappingURL=style.css.map */