@charset "UTF-8";
/*------------------------------------------------------
                       lineHeight
------------------------------------------------------*/
/*------------------------------------------------------
                          calc
------------------------------------------------------*/
/*------------------------------------------------------
                calc  width  max-width
------------------------------------------------------*/
/*------------------------------------------------------
                        Futura
------------------------------------------------------*/
/*------------------------------------------------------
               Media Queries (max750px)
------------------------------------------------------*/
/*------------------------------------------------------
                 Media Queries (min751px)
------------------------------------------------------*/
.sec03 {
  width: 107.8rem;
}

@media (max-width: 750px) {
  .sec03 {
    width: calc(700 * (100vw/750));
    max-width: 700px;
  }
}

.sec03 .sec__profille {
  border-top: 1px solid #000;
}

.sec03 .sec__profille .sec__profille-ttl {
  margin-top: 5.4rem;
  margin-left: 17.9rem;
}

@media (max-width: 750px) {
  .sec03 .sec__profille .sec__profille-ttl {
    width: calc(665 * (100vw/750));
    max-width: 665px;
    margin: calc(75 * (100vw/750)) auto 0;
  }
}

.sec03 .sec__profille .sec__txtarea-txt {
  margin-top: 0;
  margin-left: 17.9rem;
}

@media (max-width: 750px) {
  .sec03 .sec__profille .sec__txtarea-txt {
    width: calc(665 * (100vw/750));
    max-width: 665px;
    margin: calc(25 * (100vw/750)) auto 0;
  }
}

.sec03 .sec__staff {
  border-top: 1px solid #000;
  margin-top: 8rem;
}

@media (max-width: 750px) {
  .sec03 .sec__staff {
    margin-top: calc(70 * (100vw/750));
  }
}

.sec03 .sec__staff .sec__staff-ttl {
  margin-top: 4.7rem;
  margin-left: 17.9rem;
}

@media (max-width: 750px) {
  .sec03 .sec__staff .sec__staff-ttl {
    margin-top: calc(55 * (100vw/750));
    margin-left: calc(20 * (100vw/750));
  }
}

.sec03 .sec__staff .sec__txtarea-txt {
  margin-top: .6rem;
  margin-left: 17.9rem;
}

@media (max-width: 750px) {
  .sec03 .sec__staff .sec__txtarea-txt {
    margin-top: calc(10 * (100vw/750));
    margin-left: calc(22 * (100vw/750));
  }
}

/*------------------------------------------------------
                       lineHeight
------------------------------------------------------*/
/*------------------------------------------------------
                          calc
------------------------------------------------------*/
/*------------------------------------------------------
                calc  width  max-width
------------------------------------------------------*/
/*------------------------------------------------------
                        Futura
------------------------------------------------------*/
/*------------------------------------------------------
               Media Queries (max750px)
------------------------------------------------------*/
/*------------------------------------------------------
                 Media Queries (min751px)
------------------------------------------------------*/
.sec02 {
  position: relative;
}

.sec02 .sec__txtarea {
  margin-left: 63rem;
}

@media (max-width: 750px) {
  .sec02 .sec__txtarea {
    margin-left: 0;
  }
}

.sec02 .sec__txtarea .sec__txtarea-ttl {
  font-size: 3.5rem;
  line-height: 1.8;
  letter-spacing: .12em;
  margin-left: 2rem;
}

@media (max-width: 750px) {
  .sec02 .sec__txtarea .sec__txtarea-ttl {
    font-size: calc(40 * (100vw/750));
    line-height: 1.625;
    letter-spacing: 0.05em;
    position: relative;
    margin-left: calc(246 * (100vw/750));
    z-index: 10;
  }
}

.sec02 .sec__img-item {
  position: relative;
}

@media (max-width: 750px) {
  .sec02 .sec__img-item {
    height: calc(477 * (100vw/750));
  }
}

.sec02 .sec__img-item .item01 {
  position: absolute;
  top: -61.5rem;
  left: 38.5rem;
  z-index: 7;
}

@media (max-width: 750px) {
  .sec02 .sec__img-item .item01 {
    top: calc(-195 * (100vw/750));
    left: calc(45 * (100vw/750));
  }
}

.sec02 .sec__img-item .item02 {
  position: absolute;
  top: 48.6rem;
  left: 40.5rem;
  z-index: 3;
}

@media (max-width: 750px) {
  .sec02 .sec__img-item .item02 {
    top: calc(49 * (100vw/750));
    left: calc(440 * (100vw/750));
  }
}

.sec02 .sec__img-item .item03 {
  position: absolute;
  top: -66rem;
  left: 23rem;
}

@media (max-width: 750px) {
  .sec02 .sec__img-item .item03 {
    top: calc(308 * (100vw/750));
    left: calc(298 * (100vw/750));
    z-index: 5;
  }
}

.sec02 .sec__imgWrap {
  position: relative;
  width: 107.95rem;
  height: 70rem;
  margin-left: 1.7rem;
  z-index: 6;
}

@media (max-width: 750px) {
  .sec02 .sec__imgWrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: calc(115 * (100vw/750));
    width: calc(750 * (100vw/750));
    max-width: 750px;
    height: calc(592 * (100vw/750));
    margin-left: 0;
  }
}

.sec02 .sec__imgWrap a {
  display: block;
}

.sec02 .sec__imgWrap .img02 {
  position: absolute;
  top: -32.7rem;
  left: .5rem;
}

@media (max-width: 750px) {
  .sec02 .sec__imgWrap .img02 {
    position: static;
  }
}

.sec02 .sec__imgWrap .img03 {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 10;
}

@media (max-width: 750px) {
  .sec02 .sec__txtarea {
    margin-top: calc(18 * (100vw/750));
  }
}

.sec02 .sec__txtarea-txt {
  margin-top: 3.8rem;
  line-height: 2.4;
  letter-spacing: 0.12em;
}

@media (max-width: 750px) {
  .sec02 .sec__txtarea-txt {
    margin-top: 0;
    line-height: 1.9;
    letter-spacing: 0.07em;
  }
}

.sec02 span {
  font-size: 1.68rem;
  line-height: 4.7;
  margin-left: 39rem;
}

@media (max-width: 750px) {
  .sec02 span {
    font-size: calc(25.5 * (100vw/750));
    line-height: 3.7;
    text-align: right;
    margin-left: calc(552 * (100vw/750));
  }
}

.sec02 .sec__block {
  margin: 34.5rem auto 0;
  width: 60.7rem;
}

@media (max-width: 750px) {
  .sec02 .sec__block {
    width: calc(504 * (100vw/750));
    max-width: 504px;
    margin: calc(95 * (100vw/750)) auto 0;
  }
}

.sec02 .sec__block a {
  display: block;
}

.sec02 .sec__block .sec__txtarea-txt {
  margin-top: 3.8rem;
  margin-left: .5rem;
  width: 55.7rem;
}

@media (max-width: 750px) {
  .sec02 .sec__block .sec__txtarea-txt {
    width: calc(510 * (100vw/750));
    max-width: 510px;
    margin-top: calc(24 * (100vw/750));
    margin-left: 0;
  }
}

.sec02 .sec__block .credit {
  margin-top: 3.2rem;
  margin-left: .5rem;
  width: 55.7rem;
}

@media (max-width: 750px) {
  .sec02 .sec__block .credit {
    margin-top: calc(19 * (100vw/750));
    margin-left: 0;
  }
}

/*------------------------------------------------------
                       lineHeight
------------------------------------------------------*/
/*------------------------------------------------------
                          calc
------------------------------------------------------*/
/*------------------------------------------------------
                calc  width  max-width
------------------------------------------------------*/
/*------------------------------------------------------
                        Futura
------------------------------------------------------*/
/*------------------------------------------------------
               Media Queries (max750px)
------------------------------------------------------*/
/*------------------------------------------------------
                 Media Queries (min751px)
------------------------------------------------------*/
.sec01 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}

@media (max-width: 750px) {
  .sec01 {
    display: block;
  }
}

.sec01 .sec__img {
  margin-left: 6.7rem;
}

@media (max-width: 750px) {
  .sec01 .sec__img {
    margin-left: 0;
  }
}

.sec01 .sec__img a {
  display: block;
}

.sec01 .sec__img .img01 {
  margin: 0 auto;
}

.sec01 .sec__txtarea {
  margin-top: 17.9rem;
  width: 60rem;
}

@media (max-width: 750px) {
  .sec01 .sec__txtarea {
    width: calc(750 * (100vw/750));
    max-width: 750px;
    margin-top: 0;
  }
}

.sec01 .sec__txtarea .sec__txtarea-ttl {
  margin-left: .2rem;
}

@media (max-width: 750px) {
  .sec01 .sec__txtarea .sec__txtarea-ttl {
    margin: calc(50 * (100vw/750)) auto 0;
  }
}

.sec01 .sec__txtarea .sec__txtarea-txt {
  margin-top: 4.3rem;
  line-height: 2.4;
}

@media (max-width: 750px) {
  .sec01 .sec__txtarea .sec__txtarea-txt {
    line-height: 1.9;
    letter-spacing: 0.06em;
    margin-top: calc(17 * (100vw/750));
  }
}

.sec01 .sec__txtarea .stt {
  margin-top: 1.9rem;
}

@media (max-width: 750px) {
  .sec01 .sec__txtarea .stt {
    margin-top: calc(20 * (100vw/750));
  }
}

.sec01 .sec__txtarea span {
  margin-top: 4rem;
}

/*------------------------------------------------------
                       lineHeight
------------------------------------------------------*/
/*------------------------------------------------------
                          calc
------------------------------------------------------*/
/*------------------------------------------------------
                calc  width  max-width
------------------------------------------------------*/
/*------------------------------------------------------
                        Futura
------------------------------------------------------*/
/*------------------------------------------------------
               Media Queries (max750px)
------------------------------------------------------*/
/*------------------------------------------------------
                 Media Queries (min751px)
------------------------------------------------------*/
/*------------------------------------------------------
                    commonLayout  SP
------------------------------------------------------*/
/*-----------------   画像のサイズ   -------------------*/
@media (max-width: 750px) {
  .kannzaki0819 a .imgWrap {
    display: block;
  }
  .kannzaki0819 .ttl {
    width: calc(615 * (100vw/750));
    max-width: 615px;
    height: auto;
  }
  .kannzaki0819 .top_img {
    width: calc(555 * (100vw/750));
    max-width: 555px;
    height: auto;
  }
  .kannzaki0819 .img01 {
    width: calc(664 * (100vw/750));
    max-width: 664px;
    height: auto;
  }
  .kannzaki0819 .img02 {
    width: calc(383 * (100vw/750));
    max-width: 383px;
    height: auto;
  }
  .kannzaki0819 .img03 {
    width: calc(367 * (100vw/750));
    max-width: 367px;
    height: auto;
  }
  .kannzaki0819 .img04 {
    width: calc(503 * (100vw/750));
    max-width: 503px;
    height: auto;
  }
  .kannzaki0819 .item01 {
    width: calc(296 * (100vw/750));
    max-width: 296px;
    height: auto;
  }
  .kannzaki0819 .item02 {
    width: calc(245 * (100vw/750));
    max-width: 245px;
    height: auto;
  }
  .kannzaki0819 .item03 {
    width: calc(176 * (100vw/750));
    max-width: 176px;
    height: auto;
  }
  .kannzaki0819 .bottun {
    width: calc(460 * (100vw/750));
    max-width: 460px;
    height: calc(74 * (100vw/750));
    margin: calc(204 * (100vw/750)) auto calc(125 * (100vw/750));
  }
  /*------------------   layout   --------------------*/
  .top {
    margin: 0 auto;
    text-align: center;
  }
  .top .ttl {
    margin: 0 calc(64 * (100vw/750));
  }
  .top .top_img {
    margin: calc(64 * (100vw/750)) auto 0;
  }
  .top .txt-style {
    margin-top: calc(24 * (100vw/750));
  }
  .sec01 {
    margin: calc(134 * (100vw/750)) auto 0;
  }
  .sec02 {
    margin: calc(186 * (100vw/750)) auto 0;
  }
  .sec03 {
    margin: calc(138 * (100vw/750)) auto 0;
  }
}

/*------------------------------------------------------
                       lineHeight
------------------------------------------------------*/
/*------------------------------------------------------
                          calc
------------------------------------------------------*/
/*------------------------------------------------------
                calc  width  max-width
------------------------------------------------------*/
/*------------------------------------------------------
                        Futura
------------------------------------------------------*/
/*------------------------------------------------------
               Media Queries (max750px)
------------------------------------------------------*/
/*------------------------------------------------------
                 Media Queries (min751px)
------------------------------------------------------*/
/*------------------------------------------------------
                    commonLayout  PC
------------------------------------------------------*/
/*-----------------   画像のサイズ   -------------------*/
@media (min-width: 751px) {
  .kannzaki0819 .img-wrap {
    background-color: #fff;
  }
  .kannzaki0819 .img-wrap a {
    display: block;
  }
  .kannzaki0819 a .imgWrap {
    display: block;
  }
  .kannzaki0819 .ttl {
    width: 71.6rem;
    height: auto;
  }
  .kannzaki0819 .top_img {
    width: 59.2rem;
    height: auto;
  }
  .kannzaki0819 .img01 {
    width: 57.2rem;
    height: auto;
  }
  .kannzaki0819 .img02 {
    width: 48.4rem;
    height: auto;
  }
  .kannzaki0819 .img03 {
    width: 41.9rem;
    height: auto;
  }
  .kannzaki0819 .img04 {
    width: 60.7rem;
    height: auto;
  }
  .kannzaki0819 .item01 {
    width: 26.4rem;
    height: auto;
  }
  .kannzaki0819 .item02 {
    width: 29rem;
    height: auto;
  }
  .kannzaki0819 .item03 {
    width: 17.2rem;
    height: auto;
  }
  .kannzaki0819 .bottun {
    width: 48rem;
    height: 7.6rem;
    margin: 9.6rem auto 13rem;
  }
  .kannzaki0819 .bottun a {
    display: block;
  }
  /*------------------   layout   --------------------*/
  .top {
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .top .top__txtarea {
    left: 1.1rem;
    top: 23.8rem;
    position: relative;
    text-align: center;
    z-index: 3;
  }
  .top .top__txtarea .vol-style {
    margin-top: 3.6rem;
    margin-left: 1.3rem;
  }
  .top .top__txtarea .txt-style {
    letter-spacing: 0.23em;
    margin: 4.5rem 0 0 1.2rem;
  }
  .top .top__mv {
    position: relative;
    left: 7rem;
  }
}

@media (min-width: 751px) and (max-width: 750px) {
  .top .top__mv {
    position: static;
  }
}

@media (min-width: 751px) {
  .sec01 {
    margin: 14.8rem auto 0;
  }
  .sec02 {
    margin: 21.3rem auto 0;
  }
  .sec03 {
    margin: 9.7rem auto 0;
  }
}

/*------------------------------------------------------
                       lineHeight
------------------------------------------------------*/
/*------------------------------------------------------
                          calc
------------------------------------------------------*/
/*------------------------------------------------------
                calc  width  max-width
------------------------------------------------------*/
/*------------------------------------------------------
                        Futura
------------------------------------------------------*/
/*------------------------------------------------------
               Media Queries (max750px)
------------------------------------------------------*/
/*------------------------------------------------------
                 Media Queries (min751px)
------------------------------------------------------*/
/*------------------------------------------------------
                        txt  SP
------------------------------------------------------*/
@media (max-width: 750px) {
  .credit {
    font-size: calc(19 * (100vw/750));
    letter-spacing: 0.1em;
    line-height: 1.94737;
    margin-top: calc(24 * (100vw/750));
    text-align: left;
  }
  .txt-style {
    font-size: calc(23 * (100vw/750));
    letter-spacing: 0.04em;
    line-height: 1.9;
    text-align: center;
    margin-left: calc(8 * (100vw/750));
  }
  .top .vol-style {
    color: #254159;
    font-family: dejanire-headline, serif;
    font-weight: 300;
    font-style: normal;
    font-size: calc(33 * (100vw/750));
    line-height: 1;
    letter-spacing: 0.025em;
    margin-top: calc(48 * (100vw/750));
  }
  .sec .ttl-style {
    color: #254159;
    font-size: calc(40 * (100vw/750));
    line-height: 1.6;
    letter-spacing: 0.05em;
    text-align: center;
  }
  .sec .sec__block .txt-style {
    font-size: calc(19 * (100vw/750));
    line-height: 1.94737;
    letter-spacing: 0.1em;
    text-align: left;
  }
  .sec__profille {
    font-weight: 900;
    font-style: normal;
    text-align: left;
  }
  .sec__profille .sec__profille-ttl {
    font-family: acumin-pro, sans-serif;
    font-size: calc(30 * (100vw/750));
    line-height: 1;
    letter-spacing: 0.06em;
  }
  .sec__profille .txt-style {
    font-family: noto-sans-cjk-jp, sans-serif;
    font-size: calc(19 * (100vw/750));
    line-height: 2.42105;
    letter-spacing: 0.012em;
    text-align: left;
  }
  .sec__staff {
    font-family: acumin-pro, sans-serif;
    font-style: normal;
    text-align: left;
  }
  .sec__staff .sec__staff-ttl {
    font-weight: 400;
    font-style: normal;
    font-size: calc(23 * (100vw/750));
    line-height: 2.17391;
    letter-spacing: 0.06em;
  }
  .sec__staff .txt-style {
    font-weight: 300;
    font-style: normal;
    font-size: calc(20 * (100vw/750));
    line-height: 1.75;
    letter-spacing: 0.09em;
    text-align: left;
  }
  .sec__staff .txt-style span {
    font-weight: 500;
  }
}

/*------------------------------------------------------
                        txt  PC
------------------------------------------------------*/
@media (min-width: 751px) {
  .credit {
    font-size: 1.4rem;
    letter-spacing: 0.15em;
    line-height: 2.4;
    margin-top: 4rem;
    text-align: left;
  }
  .txt-style {
    font-size: 1.5rem;
    letter-spacing: 0.14em;
    line-height: 2.5;
    text-align: center;
    white-space: nowrap;
  }
  .top .vol-style {
    color: #254159;
    font-family: dejanire-headline, serif;
    font-weight: 300;
    font-style: normal;
    font-size: 3rem;
    line-height: 1;
    letter-spacing: 0.025em;
  }
  .sec .ttl-style {
    color: #254159;
    font-size: 3.25rem;
    line-height: 1.6;
    letter-spacing: 0.13em;
    text-align: center;
  }
  .sec .sec__block .txt-style {
    font-size: 1.4rem;
    line-height: 2.4;
    letter-spacing: 0.2em;
    text-align: left;
  }
  .sec__profille {
    font-style: normal;
    text-align: left;
  }
  .sec__profille .sec__profille-ttl {
    font-family: acumin-pro, sans-serif;
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0.05em;
  }
  .sec__profille .txt-style {
    font-family: noto-sans-cjk-jp, sans-serif;
    font-size: 1.3rem;
    font-weight: 300;
    line-height: 2.25;
    letter-spacing: 0.058em;
    text-align: left;
  }
  .sec__staff {
    font-family: acumin-pro, sans-serif;
    font-style: normal;
    text-align: left;
  }
  .sec__staff .sec__staff-ttl {
    font-weight: 400;
    font-style: normal;
    font-size: 1.3rem;
    line-height: 1.8;
    letter-spacing: 0.04em;
  }
  .sec__staff .txt-style {
    font-weight: 300;
    font-style: normal;
    font-size: 1.2rem;
    line-height: 1.8;
    letter-spacing: 0.12em;
    text-align: left;
  }
  .sec__staff .txt-style span {
    font-weight: 500;
  }
}

/*------------------------------------------------------
                       lineHeight
------------------------------------------------------*/
/*------------------------------------------------------
                          calc
------------------------------------------------------*/
/*------------------------------------------------------
                calc  width  max-width
------------------------------------------------------*/
/*------------------------------------------------------
                        Futura
------------------------------------------------------*/
/*------------------------------------------------------
               Media Queries (max750px)
------------------------------------------------------*/
/*------------------------------------------------------
                 Media Queries (min751px)
------------------------------------------------------*/
/*------------------------------------------------------
                          motion
------------------------------------------------------*/
/*---------------   アニメーション ホバー   ---------------*/
.kannzaki0819 .imgWrap a:hover,
.bottun a:hover {
  opacity: .6;
}

@media (max-width: 750px) {
  .kannzaki0819 .imgWrap a:hover,
  .bottun a:hover {
    opacity: 1;
  }
}

.kannzaki0819 .imgWrap a,
.bottun a {
  -webkit-transition: opacity .6s;
  transition: opacity .6s;
}

@media (max-width: 750px) {
  .kannzaki0819 .imgWrap a,
  .bottun a {
    opacity: 1;
  }
}

.on a:hover {
  opacity: .6;
}

.IN {
  -webkit-transition: opacity .7s;
  transition: opacity .7s;
  -webkit-animation: IN .8s ease-out forwards;
          animation: IN .8s ease-out forwards;
}

@media (max-width: 750px) {
  .IN {
    -webkit-animation: IN .7s ease-out forwards;
            animation: IN .7s ease-out forwards;
  }
}

@-webkit-keyframes IN {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes IN {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.on {
  -webkit-transition: opacity .7s;
  transition: opacity .7s;
  -webkit-animation: fade 1.2s ease-out forwards;
          animation: fade 1.2s ease-out forwards;
}

@media (max-width: 750px) {
  .on {
    -webkit-animation: fade .7s ease-out forwards;
            animation: fade .7s ease-out forwards;
  }
}

@-webkit-keyframes fade {
  0% {
    -webkit-transform: translateY(8rem);
            transform: translateY(8rem);
    opacity: 0;
    @media (max-width: 750px) {
      -webkit-transform: translateY(4rem);
              transform: translateY(4rem);
    }
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fade {
  0% {
    -webkit-transform: translateY(8rem);
            transform: translateY(8rem);
    opacity: 0;
    @media (max-width: 750px) {
      -webkit-transform: translateY(4rem);
              transform: translateY(4rem);
    }
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

.fideIn01 {
  opacity: 0;
}

@media (min-width: 751px) {
  .fideIn {
    opacity: 0;
  }
}

@media (max-width: 750px) {
  .fideSp {
    opacity: 0;
  }
}

/*------------------------------------------------------
                       lineHeight
------------------------------------------------------*/
/*------------------------------------------------------
                          calc
------------------------------------------------------*/
/*------------------------------------------------------
                calc  width  max-width
------------------------------------------------------*/
/*------------------------------------------------------
                        Futura
------------------------------------------------------*/
/*------------------------------------------------------
               Media Queries (max750px)
------------------------------------------------------*/
/*------------------------------------------------------
                 Media Queries (min751px)
------------------------------------------------------*/
/*------------------------------------------------------
            Media Queries (751px ~ 1279px)
------------------------------------------------------*/
@media only screen and (min-width: 751px) and (max-width: 1399px) {
  .main-area .main-inner {
    margin: 0 !important;
    padding: 0 !important;
  }
  html {
    font-size: calc(10*(100vw/1400));
  }
}

/*------------------------------------------------------
                       S e t U p
------------------------------------------------------*/
.kannzaki0819 .kannzaki0819-inner .spOnry {
  display: none;
}

@media (max-width: 750px) {
  .kannzaki0819 .kannzaki0819-inner .spOnry {
    display: block;
  }
}

@media (max-width: 750px) {
  .kannzaki0819 .kannzaki0819-inner .pcOnry {
    display: none;
  }
}

.kannzaki0819_1400 {
  width: 140rem;
  margin: 0 auto;
}

@media (max-width: 750px) {
  .kannzaki0819_1400 {
    width: calc(750 * (100vw/750));
  }
}

.kannzaki0819 {
  position: relative;
  width: 130rem;
  height: auto;
  background-position: center -243.4px;
  background-repeat: no-repeat;
  margin: 0 auto;
}

@media (max-width: 750px) {
  .kannzaki0819 {
    width: calc(750 * (100vw/750));
    max-width: 750px;
    background-position: center -169px;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    margin-top: calc(75 * (100vw/750));
  }
}

.kannzaki0819 .kannzaki0819-inner {
  width: 124rem;
  margin: 0 auto;
}

@media (max-width: 750px) {
  .kannzaki0819 .kannzaki0819-inner {
    width: calc(750 * (100vw/750));
    max-width: 750px;
    margin: 0 auto;
  }
}

.kannzaki0819 .kannzaki0819-inner img {
  width: 100%;
  height: auto;
}

@media (max-width: 750px) {
  .kannzaki0819 .kannzaki0819-inner img {
    opacity: 1;
  }
}

.kannzaki0819 .kannzaki0819-inner .bottun {
  display: block;
}

* > .kannzaki0819 {
  color: #000;
  font-size: 62.5%;
  font-family: a-otf-ryumin-pr6n, serif;
  font-weight: 300;
  font-style: normal;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.main-area .main-inner {
  margin: auto !important;
  width: 140rem;
}

@media (max-width: 750px) {
  .main-area .main-inner {
    width: calc(750 * (100vw/750));
    max-width: 750px;
    padding: 0 !important;
  }
}

/*------------------------------------------------------
                 ブラウザーごと  レイアウト調整
------------------------------------------------------*/
/*----------   IE   ----------*/
/*----------   Firefox   ----------*/
/*----------   Gloogle Chrome   ----------*/
/*----------   Safari   ----------*/
/*# sourceMappingURL=style.css.map */