main.konwa * {
  box-sizing: border-box;
}

@media (min-width: 769px) {
  .main {
    padding: 0 0 100px;
    overflow: hidden;
    margin: 0 auto;
  }
  .main .spacer {
    height: 1000px;
  }
  .konwa h2,
  .konwa p,
  .konwa li,
  .konwa span {
    color: #000;
  }
  .konwa .for-sp {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .konwa h2,
  .konwa p,
  .konwa li span {
    color: #000;
  }
  .konwa .for-pc {
    display: none !important;
  }
}
@media (min-width: 769px) {
  .top {
    position: relative;
    z-index: 1;
    margin: 75px 0 0 0;
  }
  .top img {
    width: 100%;
    vertical-align: bottom;
    transition: all 0.75s;
    opacity: 0;
  }
  .top img.inview {
    transform: translateY(0);
    opacity: 1;
  }
  .top a {
    background: #fff;
    transition: all 0.75s;
    opacity: 0.5;
    pointer-events: none;
  }
  .top span {
    color: #000;
    font-weight: normal;
    display: block;
    text-align: right;
    font-size: 10px;
    padding: 5px 5px 0 0;
  }
  .banner img {
    transition: all 0.75s;
    opacity: 0;
  }
  .banner img.inview {
    opacity: 1;
  }
  .banner img:hover {
    opacity: 0.75;
  }
  .close {
    background: linear-gradient(to bottom, #0065b8, #1b1e73);
    position: absolute;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    padding: 5px 25px;
    transition: all 0.75s;
    opacity: 0;
  }
  .close.inview {
    opacity: 1;
  }
  .close p {
    color: #fff;
    font-size: 18px;
    white-space: nowrap;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
    letter-spacing: 0.15em;
  }
  .banner-chukatsu {
    max-width: 1100px;
    margin: 20px auto 70px;
    padding: 0;
    transition: all 0.75s;
    opacity: 0;
  }
  .banner-chukatsu.inview {
    opacity: 1;
  }
  .banner-chukatsu:hover {
    opacity: 0.75;
  }
  .banner-chukatsu a {
    display: inline-block;
  }
  .banner-chukatsu a::after {
    display: none !important;
  }
  .fixed-banner {
    position: fixed;
    right: 0;
    bottom: 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    -moz-column-gap: 5px;
    column-gap: 5px;
    max-width: 373.5px;
    z-index: 100;
  }
  .fixed-banner a {
    width: calc(33.3% - 3.3px);
    transition: all 0.75s;
  }
  .fixed-banner a:after {
    display: none !important;
  }
  .fixed-banner a:hover {
    opacity: 0.75;
  }
}
@media (max-width: 768px) {
  .top {
    position: relative;
    z-index: 1;
    margin: 75px 0 0 0;
  }
  .top img {
    width: 100%;
    transition: all 0.75s;
    opacity: 0;
  }
  .top img.inview {
    transform: translateY(0);
    opacity: 1;
  }
  .top a {
    opacity: 0.5;
    pointer-events: none;
  }
  .top span {
    color: #000;
    font-weight: normal;
    display: block;
    text-align: right;
    font-size: 10px;
    padding: 5px 5px 0 0;
  }
  .banner img {
    transition: all 0.75s;
    opacity: 0;
  }
  .banner img.inview {
    opacity: 1;
  }
  .banner img:hover {
    opacity: 0.75;
  }
  .close {
    max-width: 325px;
    width: 100%;
    background: linear-gradient(to bottom, #0065b8, #1b1e73);
    position: absolute;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    padding: 8.5px 0;
    text-align: center;
    transition: all 0.75s;
    opacity: 0;
  }
  .close.inview {
    opacity: 1;
  }
  .close p {
    color: #fff;
    font-size: 10.5px;
    font-weight: bold;
    white-space: nowrap;
    line-height: 1.5;
    letter-spacing: 0.15em;
  }
  .banner-chukatsu {
    max-width: 316px;
    margin: 17.5px auto 60px;
    transition: all 0.75s;
    opacity: 0;
    padding: 0;
  }
  .banner-chukatsu.inview {
    opacity: 1;
  }
  .banner-chukatsu:hover {
    opacity: 0.75;
  }
  .banner-chukatsu a {
    display: inline-block;
  }
  .banner-chukatsu a::after {
    display: none !important;
  }
  .fixed-banner {
    position: fixed;
    right: 0;
    bottom: 75px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    -moz-column-gap: 2px;
    column-gap: 2px;
    max-width: 243.5px;
    z-index: 100;
  }
  .fixed-banner a {
    width: calc(33.3% - 1.3px);
    transition: all 0.75s;
  }
  .fixed-banner a:hover {
    opacity: 0.75;
  }
  .fixed-banner a:after {
    display: none !important;
  }
}
.cont-campaign {
  position: relative;
}
.cont-campaign:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.5);
}
@media (min-width: 769px) {
  .cont-campaign {
    max-width: 1200px;
    width: 100%;
    margin: 135px auto 0;
    height: auto;
    padding: 0 0 50px;
    background: #cdd4d9;
    text-align: center;
  }
  .cont-campaign .close {
    background: linear-gradient(to bottom, #0065b8, #1b1e73);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 415px;
    margin: auto;
    padding: 0;
    z-index: 1;
  }
  .cont-campaign .close p {
    color: #fff;
    font-size: 36px;
    white-space: nowrap;
    font-weight: bold;
    letter-spacing: 0.15em;
    line-height: 2;
    padding: 50px 25px;
    margin: 40px;
    border: solid 3px #fff;
  }
  .cont-campaign .title {
    font-size: 34px;
    color: #004395;
    margin: 45px 0 0;
    font-weight: bold;
    display: inline-block;
    position: relative;
  }
  .cont-campaign .title:before {
    content: "";
    position: absolute;
    top: 15px;
    left: -25px;
    width: 3px;
    height: 40px;
    background: #004395;
    transform: rotate(-45deg);
  }
  .cont-campaign .title:after {
    content: "";
    position: absolute;
    top: 15px;
    right: -25px;
    width: 3px;
    height: 40px;
    background: #004395;
    transform: rotate(45deg);
  }
  .cont-campaign p {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    line-height: 42px;
    margin: 0 0 45px;
    font-feature-settings: "palt";
  }
  .cont-campaign .blue {
    color: #004395;
    margin: 45px 0 0;
  }
  .cont-campaign .inner {
    padding: 0 54px;
  }
  .cont-campaign .inner .cont-inner {
    background: #fff;
    width: 100%;
    margin: 0 auto;
    padding: 73px 76px 73px;
    text-align: center;
    opacity: 0.5;
  }
  .cont-campaign .inner .cont-inner .cont-title {
    margin: 0;
    font-size: 35px;
    letter-spacing: 10px;
    text-indent: 10px;
    color: #004395;
  }
  .cont-campaign .inner .cont-inner .cont-title:after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background: #004395;
  }
  .cont-campaign .inner .cont-inner p {
    margin: 10px 0 20px;
    font-size: 24px;
    line-height: 39px;
  }
  .cont-campaign .inner .cont-inner .lineup {
    margin: 107.5px 0 0;
    text-align: center;
    pointer-events: none;
  }
  .cont-campaign .inner .cont-inner .lineup li {
    padding: 10px 0 0 100px;
    margin: 0 40px;
    text-align: left;
    position: relative;
    display: inline-block;
  }
  .cont-campaign .inner .cont-inner .lineup li p {
    margin: 0;
    padding: 0;
    font-size: 36px;
    font-weight: bold;
    color: #004395;
    display: inline-block;
    text-align: left;
  }
  .cont-campaign .inner .cont-inner .lineup li span {
    font-weight: bold;
    color: #004395;
    font-size: 22px;
    padding: 0;
    display: block;
  }
  .cont-campaign .inner .cont-inner .lineup li:before {
    content: "";
    background: url("../img/img_mitsukan.png") no-repeat;
    background-size: contain;
    width: 91.5px;
    height: 191.5px;
    position: absolute;
    left: -10px;
    top: -45px;
  }
  .cont-campaign .inner .cont-inner .lineup li:nth-child(2) {
    padding: 0 0 0 120px;
  }
  .cont-campaign .inner .cont-inner .lineup li:nth-child(2) p:nth-child(2) {
    padding: 0;
  }
  .cont-campaign .inner .cont-inner .lineup li:nth-child(2):before {
    content: "";
    background: url("../img/img_koimugi.png") no-repeat;
    background-size: contain;
    width: 77px;
    height: 209px;
    position: absolute;
    left: 25px;
    top: -75px;
  }
  .cont-campaign .inner .cont-inner .anno {
    clear: both;
    font-size: 15px;
    line-height: 25px;
    font-weight: normal;
    padding: 110px 0 100px;
    margin: 0;
    display: inline-block;
    text-align: left;
  }
  .cont-campaign .inner .cont-inner .method {
    max-width: 780px;
    margin: 0 auto;
  }
  .cont-campaign .inner .cont-inner .method .method-a {
    width: 50%;
    padding: 0 23px 0 0;
    float: left;
    position: relative;
  }
  .cont-campaign .inner .cont-inner .method .method-a div {
    height: 355px;
    border: solid #e4b833 3px;
  }
  .cont-campaign .inner .cont-inner .method .method-a div .method-title {
    width: 100%;
    height: 47px;
    background: #e4b833;
    margin: 0;
  }
  .cont-campaign .inner .cont-inner .method .method-a div .method-title h2 {
    font-size: 28px;
    color: #000;
    line-height: 39px;
  }
  .cont-campaign .inner .cont-inner .method .method-a div p {
    margin: 0;
    padding: 20px 0;
    font-size: 19px;
    line-height: 31.5px;
    font-feature-settings: "palt";
  }
  .cont-campaign .inner .cont-inner .method .method-a div p a {
    color: #000;
    border-bottom: solid 2px #f00;
    transition: all 0.75s;
  }
  .cont-campaign .inner .cont-inner .method .method-a div p a:hover {
    opacity: 0.75;
    text-decoration: none;
  }
  .cont-campaign .inner .cont-inner .method .method-a div p a:after {
    content: none;
  }
  .cont-campaign .inner .cont-inner .method .method-b {
    width: 50%;
    float: left;
    padding: 0 0 0 23px;
    position: relative;
  }
  .cont-campaign .inner .cont-inner .method .method-b div {
    height: 355px;
    border: solid #e4b833 3px;
  }
  .cont-campaign .inner .cont-inner .method .method-b div .method-title {
    width: 100%;
    height: 47px;
    background: #e4b833;
    margin: 0;
  }
  .cont-campaign .inner .cont-inner .method .method-b div .method-title h2 {
    color: #000;
    font-size: 28px;
    line-height: 39px;
  }
  .cont-campaign .inner .cont-inner .method .method-b div .method-title h2 span {
    font-size: 28px;
    color: #ff0000;
    margin: 0 0 0 10px;
    padding: 0;
    line-height: 39px;
  }
  .cont-campaign .inner .cont-inner .method .method-b div p {
    margin: 0;
    padding: 20px 0;
    display: block;
    font-size: 19px;
    line-height: 32px;
  }
  .cont-campaign .inner .cont-inner .method .method-b div p span {
    font-size: 19px;
    display: inline-block;
    color: #ff0000;
    margin: 0;
    padding: 0;
  }
  .cont-campaign .inner .cont-inner .twitter {
    transition: all 0.75s;
  }
  .cont-campaign .inner .cont-inner .twitter img {
    margin: 26px 0 110px;
    max-width: 366px;
    width: 100%;
  }
  .cont-campaign .inner .cont-inner .twitter:hover {
    opacity: 0.75;
  }
  .cont-campaign .inner .cont-inner .twitter:after {
    content: none;
  }
  .cont-campaign .inner .cont-inner .cont-title2 {
    margin: 0;
    font-size: 31px;
    color: #004395;
    position: relative;
  }
  .cont-campaign .inner .cont-inner .cont-title2:after {
    content: "";
    display: block;
    position: absolute;
    top: 45px;
    left: 0;
    width: 842.5px;
    height: 3px;
    background: #004395;
  }
  .cont-campaign .inner .cont-inner .winning {
    clear: both;
    margin: 0 0 100px;
  }
  .cont-campaign .inner .cont-inner .winning h2 {
    margin: 0;
    font-size: 35px;
    color: #004395;
  }
  .cont-campaign .inner .cont-inner .quali {
    margin: 0 0 105px;
  }
  .cont-campaign .inner .cont-inner .quali .textbox {
    padding: 10px 0 0;
  }
  .cont-campaign .inner .cont-inner .quali .textbox p {
    text-align: center;
    margin: 0;
  }
  .cont-campaign .inner .cont-inner .quali .textbox span {
    font-size: 14px;
    padding: 17.5px 0;
  }
  .cont-campaign .inner .cont-inner .period {
    margin: 0 0 100px;
  }
  .cont-campaign .inner .cont-inner .howto {
    margin: 0 0 50px;
  }
  .cont-campaign .inner .cont-inner .howto p {
    max-width: 775px;
    margin: 0 auto;
    padding: 12.5px 0 0;
    line-height: 40px;
  }
  .cont-campaign .inner .cont-inner .howto .annotation {
    font-size: 15px;
    line-height: 24px;
    font-weight: normal;
    padding: 9px 0 50px;
    text-align: center;
  }
  .cont-campaign .inner .cont-inner .contact li {
    width: 100%;
  }
  .cont-campaign .inner .cont-inner .contact li h1 {
    font-size: 19px;
    position: relative;
  }
  .cont-campaign .inner .cont-inner .contact li h1:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    background: #000;
  }
  .cont-campaign .inner .cont-inner .contact li ul {
    margin: 10px 0 0;
  }
  .cont-campaign .inner .cont-inner .contact li ul .c-detail,
  .cont-campaign .inner .cont-inner .contact li ul p {
    font-size: 15px;
    text-align: left;
    line-height: 24px;
    margin: 0;
  }
  .cont-campaign .inner .cont-inner .contact li ul .c-detail {
    width: 100%;
    padding: 0 17.5px;
    text-align: left;
  }
  .cont-campaign .inner .cont-inner .contact li .contact-link {
    font-size: 15px;
    padding: 0 17.5px;
    text-align: left;
    margin: 0;
    font-weight: normal;
  }
  .cont-campaign .inner .cont-inner .contact li .contact-link a {
    color: #000;
  }
  .cont-campaign .inner .cont-inner .contact li:nth-child(2) {
    width: 100%;
    margin: 30px 0 0;
  }
  .cont-campaign .inner .cont-inner .contact li:nth-child(3) {
    width: 100%;
    text-align: center;
    margin: 30px 0 0;
  }
  .cont-campaign .inner .cont-inner .contact li:nth-child(3) h1 {
    font-size: 19px;
    position: relative;
  }
  .cont-campaign .inner .cont-inner .contact li:nth-child(3) p {
    font-size: 15px;
    text-align: left;
    margin: 10px 0 25px 0;
    padding: 0 17.5px;
    line-height: 24px;
    font-feature-settings: "palt";
    font-weight: normal;
  }
}
@media screen and (max-width: 1150px) {
  .cont-campaign .inner .cont-inner .lineup li p {
    font-size: 28px;
  }
  .cont-campaign .inner .cont-inner .lineup li span {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .cont-campaign {
    max-width: 375px;
    width: 100%;
    height: auto;
    margin: 60px auto 0;
    padding: 0 0 30px;
    background: #cdd4d9;
    text-align: center;
  }
  .cont-campaign .close {
    background: linear-gradient(to bottom, #0065b8, #1b1e73);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    max-width: 315px;
    width: 100%;
    top: 267.5px;
    margin: auto;
    padding: 20px;
    z-index: 1;
  }
  .cont-campaign .close p {
    max-width: 275px;
    width: 100%;
    color: #fff;
    font-size: 18px;
    white-space: nowrap;
    font-weight: bold;
    letter-spacing: 0.15em;
    line-height: 2.4;
    padding: 25px 0;
    margin: 0;
    border: solid 2px #fff;
  }
  .cont-campaign .title {
    display: inline-block;
    font-size: 19px;
    text-align: center;
    color: #004395;
    margin: 20px 0 0;
    font-weight: bold;
    position: relative;
  }
  .cont-campaign .title:before {
    content: "";
    position: absolute;
    top: 10px;
    left: -15px;
    width: 2px;
    height: 20px;
    background: #004395;
    transform: rotate(-45deg);
  }
  .cont-campaign .title:after {
    content: "";
    position: absolute;
    top: 10px;
    right: -15px;
    width: 2px;
    height: 20px;
    background: #004395;
    transform: rotate(45deg);
  }
  .cont-campaign p {
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    line-height: 25px;
    margin: 0 0 25px;
  }
  .cont-campaign .blue {
    color: #004395;
    margin: 25px 0 0;
  }
  .cont-campaign .inner {
    max-width: 375px;
    width: 100%;
    margin: 0 auto;
    padding: 0 5px;
  }
  .cont-campaign .inner .cont-inner {
    background: #fff;
    max-width: 329px;
    width: 100%;
    margin: 0 auto;
    padding: 25px 0;
    text-align: center;
    opacity: 0.5;
  }
  .cont-campaign .inner .cont-inner .cont-title {
    max-width: 297px;
    width: 100%;
    margin: 0 auto;
    font-size: 20px;
    letter-spacing: 8px;
    text-indent: 8px;
    color: #004395;
  }
  .cont-campaign .inner .cont-inner .cont-title:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #004395;
  }
  .cont-campaign .inner .cont-inner p {
    margin: 5px 0;
    font-size: 13px;
    line-height: 24px;
  }
  .cont-campaign .inner .cont-inner .lineup {
    margin: 20px 0 0;
    pointer-events: none;
  }
  .cont-campaign .inner .cont-inner .lineup li {
    max-width: 250px;
    width: 100%;
    height: 120px;
    margin: 11px auto;
    padding: 35px 0 30px 95px;
    text-align: left;
    position: relative;
  }
  .cont-campaign .inner .cont-inner .lineup li p {
    margin: 0 0 -10px;
    padding: 0;
    font-size: 20px;
    font-weight: bold;
    color: #004395;
    display: inline-block;
    text-align: left;
  }
  .cont-campaign .inner .cont-inner .lineup li span {
    display: block;
    margin: 0px 0 0;
    font-size: 12.5px;
    color: #004395;
    font-weight: bold;
    line-height: 12.5px;
    padding: 0;
  }
  .cont-campaign .inner .cont-inner .lineup li:before {
    content: "";
    background: url("../img/img_mitsukan-sp.png") no-repeat;
    background-size: contain;
    width: 56px;
    height: 117px;
    position: absolute;
    left: 25px;
    top: 0px;
  }
  .cont-campaign .inner .cont-inner .lineup li:nth-child(2) p:nth-child(2) {
    padding: 0;
  }
  .cont-campaign .inner .cont-inner .lineup li:nth-child(2):before {
    content: "";
    background: url("../img/img_koimugi-sp.png") no-repeat;
    background-size: contain;
    width: 43px;
    height: 118px;
    position: absolute;
    left: 10px;
    top: 0px;
  }
  .cont-campaign .inner .cont-inner .anno {
    clear: both;
    display: block;
    max-width: 297px;
    width: 100%;
    margin: 0 auto;
    font-size: 10px;
    font-weight: normal;
    padding: 10px 0 30px;
    line-height: 15px;
    text-align: left;
  }
  .cont-campaign .inner .cont-inner .method-a {
    max-width: 206px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 5px 0 0;
  }
  .cont-campaign .inner .cont-inner .method-a div {
    border: solid #e4b833 2px;
    margin: 0 0 14px;
  }
  .cont-campaign .inner .cont-inner .method-a div .method-title {
    width: 100%;
    height: 29px;
    background: #e4b833;
    margin: 0;
  }
  .cont-campaign .inner .cont-inner .method-a div .method-title h2 {
    font-size: 15.5px;
    color: #000;
    line-height: 24px;
  }
  .cont-campaign .inner .cont-inner .method-a div p {
    margin: 10px 0 0;
    padding: 0 0 12.5px;
    font-size: 10.5px;
    line-height: 18px;
    font-feature-settings: "palt";
  }
  .cont-campaign .inner .cont-inner .method-a div p a {
    color: #000;
    border-bottom: solid 2px #f00;
    transition: all 0.75s;
  }
  .cont-campaign .inner .cont-inner .method-a div p a:hover {
    opacity: 0.75;
    text-decoration: none;
  }
  .cont-campaign .inner .cont-inner .method-a div p a:after {
    content: none;
  }
  .cont-campaign .inner .cont-inner .method-b {
    max-width: 206px;
    width: 100%;
    margin: 0 auto;
    padding: 0 0 25px;
    position: relative;
  }
  .cont-campaign .inner .cont-inner .method-b div {
    border: solid #e4b833 2px;
    height: 201.5px;
  }
  .cont-campaign .inner .cont-inner .method-b div .method-title {
    width: 100%;
    height: 29px;
    background: #e4b833;
    margin: 0;
  }
  .cont-campaign .inner .cont-inner .method-b div .method-title h2 {
    font-size: 15.5px;
    color: #000;
    line-height: 24px;
  }
  .cont-campaign .inner .cont-inner .method-b div .method-title h2 .method-title2 {
    font-size: 15.5px;
    display: inline-block;
    color: #FF0000;
    margin: 0 0 0 10px;
    padding: 0;
  }
  .cont-campaign .inner .cont-inner .method-b div p {
    padding: 5px 0 0;
    display: block;
    font-size: 10.5px;
    line-height: 18px;
  }
  .cont-campaign .inner .cont-inner .method-b div p span {
    font-size: 10.5px;
    display: inline-block;
    color: #FF0000;
    margin: 0;
    padding: 0;
  }
  .cont-campaign .inner .cont-inner .twitter {
    display: inline-block;
    max-width: 297.5px;
    width: 100%;
  }
  .cont-campaign .inner .cont-inner .twitter img {
    margin: 6px auto;
    height: auto;
  }
  .cont-campaign .inner .cont-inner .twitter:after {
    content: none;
  }
  .cont-campaign .inner .cont-inner .cont-title2 {
    margin: 0;
    font-size: 31px;
    color: #004395;
    position: relative;
  }
  .cont-campaign .inner .cont-inner .cont-title2:after {
    content: "";
    display: block;
    position: absolute;
    top: 45px;
    left: 0;
    width: 842.5px;
    height: 2px;
    background: #004395;
  }
  .cont-campaign .inner .cont-inner .winning {
    margin: 0 0 25px;
  }
  .cont-campaign .inner .cont-inner .winning h2 {
    margin: 0 auto;
    font-size: 20px;
    color: #004395;
  }
  .cont-campaign .inner .cont-inner .quali {
    margin: 0 0 25px;
  }
  .cont-campaign .inner .cont-inner .quali .cont-title {
    margin: 0 auto 10px;
    letter-spacing: 10px;
    text-indent: 10px;
  }
  .cont-campaign .inner .cont-inner .quali p {
    text-align: center;
    margin: 0 0 5px;
    padding: 0 10px;
    line-height: 18px;
  }
  .cont-campaign .inner .cont-inner .quali p:nth-child(2) {
    margin: 0;
  }
  .cont-campaign .inner .cont-inner .quali span {
    max-width: 260px;
    display: block;
    font-size: 10px;
    text-align: center;
    padding: 5px 0;
    margin: 0 auto;
  }
  .cont-campaign .inner .cont-inner .period {
    max-width: 297px;
    width: 100%;
    margin: 0 auto 25px;
  }
  .cont-campaign .inner .cont-inner .howto {
    margin: 0 0 30px;
  }
  .cont-campaign .inner .cont-inner .howto p {
    margin: 5px 0 2.5px;
    font-feature-settings: "palt";
    line-height: 23px;
  }
  .cont-campaign .inner .cont-inner .howto .annotation {
    max-width: 300px;
    width: 100%;
    margin: 0 auto;
    font-size: 10px;
    font-weight: normal;
    line-height: 15px;
    display: block;
    text-align: center;
  }
  .cont-campaign .inner .cont-inner .contact li {
    width: 100%;
    padding: 0 22px;
  }
  .cont-campaign .inner .cont-inner .contact li h1 {
    font-size: 10.5px;
    position: relative;
  }
  .cont-campaign .inner .cont-inner .contact li h1:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    background: #000;
  }
  .cont-campaign .inner .cont-inner .contact li .contact-link {
    max-width: 260px;
    width: 100%;
    margin: 0 auto;
    font-size: 10px;
    text-align: left;
    padding: 0;
  }
  .cont-campaign .inner .cont-inner .contact li .contact-link a {
    color: #000;
  }
  .cont-campaign .inner .cont-inner .contact li ul {
    margin: 5px 0 0;
  }
  .cont-campaign .inner .cont-inner .contact li ul .c-detail {
    font-size: 10px;
    line-height: 15px;
    text-align: left;
    padding: 0;
    margin: 0;
    max-width: 260px;
    width: 100%;
    margin: 0 auto;
  }
  .cont-campaign .inner .cont-inner .contact li:nth-child(2), .cont-campaign .inner .cont-inner .contact li:nth-child(3) {
    padding: 30px 22px 0;
    text-align: center;
  }
  .cont-campaign .inner .cont-inner .contact li:nth-child(2) h1, .cont-campaign .inner .cont-inner .contact li:nth-child(3) h1 {
    font-size: 10.5px;
    position: relative;
  }
  .cont-campaign .inner .cont-inner .contact li:nth-child(2) p, .cont-campaign .inner .cont-inner .contact li:nth-child(3) p {
    max-width: 260px;
    width: 100%;
    font-size: 10px;
    text-align: left;
    margin: 5px auto 0;
    line-height: 15px;
    font-weight: normal;
  }
}

.cont-message {
  margin: 75px 0;
}
@media (min-width: 769px) {
  .cont-message .title {
    padding: 95px 0 0;
    text-align: center;
  }
  .cont-message .title img {
    max-width: 571px;
  }
  .cont-message .top {
    padding: 55px 0 120px;
    margin: 0;
    z-index: 1;
  }
  .cont-message .kk-main-section {
    max-width: 1250px;
    padding: 80px 10px;
    margin: 0 auto;
    position: relative;
  }
  .cont-message .kk-main-section:after {
    content: "";
    clear: both;
    display: block;
  }
  .cont-message .kk-main-section .inner {
    max-width: 1090px;
    margin: 0 auto;
    position: relative;
  }
  .cont-message .kk-main-section1 {
    max-width: 1250px;
    height: 780px;
    padding: 62px 10px;
    margin: 0 auto;
    position: relative;
  }
  .cont-message .kk-main-section1:after {
    content: "";
    clear: both;
    display: block;
  }
  .cont-message .kk-main-section1:before {
    content: "";
    position: absolute;
    display: block;
    height: 242px;
    top: 140px;
    right: 0;
    left: 100%;
    background: #f7e0d1;
    z-index: -1;
    transition: left 1s ease-in-out;
  }
  .cont-message .kk-main-section1:after {
    content: "";
    position: absolute;
    display: block;
    width: 172px;
    height: 300px;
    top: 0;
    left: 175px;
    background: #f7e0d1;
    z-index: -1;
    opacity: 0;
    transition: top 1s ease-in-out;
  }
  .cont-message .kk-main-section1 .inner {
    max-width: 1090px;
    padding: 0 0 0 32.5px;
    margin: 0 auto;
    position: relative;
  }
  .cont-message .kk-main-section1 .inner .inner-title {
    position: relative;
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
  }
  .cont-message .kk-main-section1 .inner .inner-title h2 {
    font-size: 32px;
    width: 55%;
    margin: 0 0 0 auto;
    white-space: nowrap;
  }
  .cont-message .kk-main-section1 .inner .inner-title:after {
    content: "";
    display: block;
    height: 2px;
    background: #000;
    margin: 40px 0 40px 8.5%;
  }
  .cont-message .kk-main-section1 .inner .inner-text {
    width: 55%;
    margin: 0 0 0 auto;
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
  }
  .cont-message .kk-main-section1 .inner .inner-text p {
    font-size: 14px;
    line-height: 38px;
    margin: 0;
    letter-spacing: 0.01em;
  }
  .cont-message .kk-main-section1 .inner .inner-text .by {
    font-weight: bold;
  }
  .cont-message .kk-main-section1 .inner-image {
    position: absolute;
    left: 82px;
    width: 50%;
    top: 0;
    text-align: left;
  }
  .cont-message .kk-main-section1 .inner-image .img4 {
    max-width: 360.5px;
    width: 100%;
    height: auto;
    transform: translateX(-70px);
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
  }
  .cont-message .kk-main-section1 .kokuimo {
    padding: 25px 0 0 102px;
    text-align: left;
    transform: translateX(-70px);
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
    position: relative;
  }
  .cont-message .kk-main-section1 .kokuimo:before {
    content: "";
    display: block;
    position: absolute;
    background: url("../img/img_oyuwari.png") no-repeat;
    background-size: contain;
    width: 293.5px;
    height: 335px;
    top: -140px;
    left: -100px;
  }
  .cont-message .kk-main-section1 .kokuimo h2 {
    width: 100px;
    background: #000;
    text-align: center;
    margin: 0 0 10px;
    color: #fff;
    font-size: 19px;
    line-height: 27.5px;
  }
  .cont-message .kk-main-section1 .kokuimo p {
    font-size: 14px;
    font-weight: bold;
  }
  .cont-message .kk-main-section1 .kokuimo ul {
    list-style: none;
    padding: 0;
  }
  .cont-message .kk-main-section1 .kokuimo ul li {
    margin: 10px 0 0;
    padding-left: 1em;
    text-indent: -1em;
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    font-feature-settings: "palt";
  }
  .cont-message .kk-main-section1.inview .inner-title,
  .cont-message .kk-main-section1.inview .inner-text,
  .cont-message .kk-main-section1.inview .img4,
  .cont-message .kk-main-section1.inview .kokuimo {
    transform: translateX(0);
    opacity: 1;
  }
  .cont-message .kk-main-section1.inview:before {
    left: 5%;
  }
  .cont-message .kk-main-section1.inview:after {
    opacity: 1;
    top: 380px;
  }
  .cont-message .kk-main-section2 {
    max-width: 1250px;
    height: 780px;
    padding: 62px 10px;
    margin: 0 auto;
    position: relative;
  }
  .cont-message .kk-main-section2:after {
    content: "";
    clear: both;
    display: block;
  }
  .cont-message .kk-main-section2:before {
    content: "";
    position: absolute;
    display: block;
    height: 242px;
    top: 140px;
    left: 0;
    right: 100%;
    background: #fff8d9;
    z-index: -1;
    transition: right 1s ease-in-out;
  }
  .cont-message .kk-main-section2:after {
    content: "";
    position: absolute;
    display: block;
    width: 172px;
    height: 300px;
    top: 0;
    right: 190px;
    background: #fff8d9;
    z-index: -1;
    opacity: 0;
    transition: top 1s ease-in-out;
  }
  .cont-message .kk-main-section2 .inner {
    max-width: 1090px;
    padding: 0 0 0 32.5px;
    margin: 0 auto;
    position: relative;
  }
  .cont-message .kk-main-section2 .inner .inner-title {
    position: relative;
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
  }
  .cont-message .kk-main-section2 .inner .inner-title h2 {
    font-size: 32px;
    width: 50%;
  }
  .cont-message .kk-main-section2 .inner .inner-title:after {
    content: "";
    display: block;
    height: 2px;
    background: #000;
    margin: 40px 10% 40px -2.5%;
  }
  .cont-message .kk-main-section2 .inner .inner-text {
    width: 50%;
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
  }
  .cont-message .kk-main-section2 .inner .inner-text p {
    font-size: 14px;
    line-height: 38px;
    margin: 0;
    letter-spacing: 0.01em;
  }
  .cont-message .kk-main-section2 .inner .inner-text .by {
    font-weight: bold;
  }
  .cont-message .kk-main-section2 .inner-image {
    position: absolute;
    right: 0;
    width: 42%;
    top: 0;
    text-align: left;
  }
  .cont-message .kk-main-section2 .inner-image .img4 {
    max-width: 360.5px;
    width: 100%;
    height: auto;
    transform: translateX(70px);
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
  }
  .cont-message .kk-main-section2 .kokuimo {
    padding: 25px 0 0 100px;
    text-align: left;
    transform: translateX(70px);
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
    position: relative;
  }
  .cont-message .kk-main-section2 .kokuimo:before {
    content: "";
    display: block;
    position: absolute;
    background: url("../img/img_remonhighball.png") no-repeat;
    background-size: contain;
    width: 151px;
    height: 236px;
    top: -10px;
    left: -50px;
  }
  .cont-message .kk-main-section2 .kokuimo h2 {
    width: 200px;
    background: #000;
    text-align: center;
    margin: 0 0 10px;
    color: #fff;
    font-size: 19px;
    line-height: 27.5px;
  }
  .cont-message .kk-main-section2 .kokuimo p {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
  }
  .cont-message .kk-main-section2 .kokuimo ul {
    list-style: none;
    text-align: left;
    padding: 0;
  }
  .cont-message .kk-main-section2 .kokuimo ul li {
    margin: 10px 0 0;
    padding-left: 1em;
    text-indent: -1em;
    font-size: 14px;
    line-height: 22px;
    font-weight: bold;
    font-feature-settings: "palt";
  }
  .cont-message .kk-main-section2.inview .inner-title,
  .cont-message .kk-main-section2.inview .inner-text,
  .cont-message .kk-main-section2.inview .img4,
  .cont-message .kk-main-section2.inview .kokuimo {
    text-align: right;
    transform: translateX(0);
    opacity: 1;
  }
  .cont-message .kk-main-section2.inview:before {
    right: 5%;
  }
  .cont-message .kk-main-section2.inview:after {
    opacity: 1;
    top: 380px;
  }
  .cont-message .kk-main-section3 {
    max-width: 1250px;
    height: 780px;
    padding: 62px 10px;
    margin: 0 auto;
    position: relative;
  }
  .cont-message .kk-main-section3:after {
    content: "";
    clear: both;
    display: block;
  }
  .cont-message .kk-main-section3:before {
    content: "";
    position: absolute;
    display: block;
    height: 242px;
    top: 140px;
    right: 0;
    left: 100%;
    background: #e1efd8;
    z-index: -1;
    transition: left 1s ease-in-out;
  }
  .cont-message .kk-main-section3:after {
    content: "";
    position: absolute;
    display: block;
    width: 172px;
    height: 300px;
    top: 0;
    left: 175px;
    background: #e1efd8;
    z-index: -1;
    opacity: 0;
    transition: top 1s ease-in-out;
  }
  .cont-message .kk-main-section3 .inner {
    max-width: 1090px;
    padding: 0 0 0 32.5px;
    margin: 0 auto;
    position: relative;
  }
  .cont-message .kk-main-section3 .inner .inner-title {
    position: relative;
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
  }
  .cont-message .kk-main-section3 .inner .inner-title h2 {
    font-size: 32px;
    width: 55%;
    margin: 0 0 0 auto;
    white-space: nowrap;
  }
  .cont-message .kk-main-section3 .inner .inner-title:after {
    content: "";
    display: block;
    height: 2px;
    background: #000;
    margin: 40px 0 40px 8.5%;
  }
  .cont-message .kk-main-section3 .inner .inner-text {
    width: 55%;
    margin: 0 0 0 auto;
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
  }
  .cont-message .kk-main-section3 .inner .inner-text p {
    font-size: 14px;
    line-height: 38px;
    margin: 0;
    letter-spacing: 0.01em;
  }
  .cont-message .kk-main-section3 .inner .inner-text .by {
    font-weight: bold;
  }
  .cont-message .kk-main-section3 .inner-image {
    position: absolute;
    left: 82px;
    width: 50%;
    top: 0;
    text-align: left;
  }
  .cont-message .kk-main-section3 .inner-image .img4 {
    max-width: 360.5px;
    width: 100%;
    height: auto;
    transform: translateX(-70px);
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
  }
  .cont-message .kk-main-section3 .kokuimo {
    padding: 25px 0 0 102px;
    text-align: left;
    transform: translateX(-70px);
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
    position: relative;
  }
  .cont-message .kk-main-section3 .kokuimo:before {
    content: "";
    display: block;
    position: absolute;
    background: url("../img/img_ryokuchawari.png") no-repeat;
    background-size: contain;
    width: 181px;
    height: 217px;
    top: 5px;
    left: -75px;
  }
  .cont-message .kk-main-section3 .kokuimo h2 {
    width: 100px;
    background: #000;
    text-align: center;
    margin: 0 0 10px;
    color: #fff;
    font-size: 19px;
    line-height: 27.5px;
  }
  .cont-message .kk-main-section3 .kokuimo p {
    font-size: 14px;
    font-weight: bold;
  }
  .cont-message .kk-main-section3 .kokuimo ul {
    list-style: none;
    padding: 0;
  }
  .cont-message .kk-main-section3 .kokuimo ul li {
    margin: 10px 0 0;
    padding-left: 1em;
    text-indent: -1em;
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    font-feature-settings: "palt";
  }
  .cont-message .kk-main-section3.inview .inner-title,
  .cont-message .kk-main-section3.inview .inner-text,
  .cont-message .kk-main-section3.inview .img4,
  .cont-message .kk-main-section3.inview .kokuimo {
    transform: translateX(0);
    opacity: 1;
  }
  .cont-message .kk-main-section3.inview:before {
    left: 5%;
  }
  .cont-message .kk-main-section3.inview:after {
    opacity: 1;
    top: 380px;
  }
  .cont-message .kk-main-section4 {
    max-width: 1250px;
    height: 780px;
    padding: 62px 10px;
    margin: 0 auto;
    position: relative;
  }
  .cont-message .kk-main-section4:after {
    content: "";
    clear: both;
    display: block;
  }
  .cont-message .kk-main-section4:before {
    content: "";
    position: absolute;
    display: block;
    height: 242px;
    top: 140px;
    left: 0;
    right: 100%;
    background: #dae0f2;
    z-index: -1;
    transition: right 1s ease-in-out;
  }
  .cont-message .kk-main-section4:after {
    content: "";
    position: absolute;
    display: block;
    width: 172px;
    height: 300px;
    top: 0;
    right: 190px;
    background: #dae0f2;
    z-index: -1;
    opacity: 0;
    transition: top 1s ease-in-out;
  }
  .cont-message .kk-main-section4 .inner {
    max-width: 1090px;
    padding: 0 0 0 32.5px;
    margin: 0 auto;
    position: relative;
  }
  .cont-message .kk-main-section4 .inner .inner-title {
    position: relative;
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
  }
  .cont-message .kk-main-section4 .inner .inner-title h2 {
    font-size: 32px;
    width: 50%;
  }
  .cont-message .kk-main-section4 .inner .inner-title:after {
    content: "";
    display: block;
    height: 2px;
    background: #000;
    margin: 40px 10% 40px -2.5%;
  }
  .cont-message .kk-main-section4 .inner .inner-text {
    width: 50%;
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
  }
  .cont-message .kk-main-section4 .inner .inner-text p {
    font-size: 14px;
    line-height: 38px;
    margin: 0;
    letter-spacing: 0.01em;
  }
  .cont-message .kk-main-section4 .inner .inner-text .by {
    font-weight: bold;
  }
  .cont-message .kk-main-section4 .inner-image {
    position: absolute;
    right: 0;
    width: 42%;
    top: 0;
    text-align: left;
  }
  .cont-message .kk-main-section4 .inner-image .img4 {
    max-width: 360.5px;
    width: 100%;
    height: auto;
    transform: translateX(70px);
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
  }
  .cont-message .kk-main-section4 .kokuimo {
    padding: 25px 0 0 100px;
    text-align: left;
    transform: translateX(70px);
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
    position: relative;
  }
  .cont-message .kk-main-section4 .kokuimo:before {
    content: "";
    display: block;
    position: absolute;
    background: url("../img/img_rock.png") no-repeat;
    background-size: contain;
    width: 151px;
    height: 236px;
    top: 15px;
    left: -50px;
  }
  .cont-message .kk-main-section4 .kokuimo h2 {
    width: 80px;
    background: #000;
    text-align: center;
    margin: 0 0 10px;
    color: #fff;
    font-size: 19px;
    line-height: 27.5px;
  }
  .cont-message .kk-main-section4 .kokuimo p {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
  }
  .cont-message .kk-main-section4 .kokuimo ul {
    list-style: none;
    text-align: left;
    padding: 0;
  }
  .cont-message .kk-main-section4 .kokuimo ul li {
    margin: 10px 0 0;
    padding-left: 1em;
    text-indent: -1em;
    font-size: 14px;
    line-height: 22px;
    font-weight: bold;
    font-feature-settings: "palt";
  }
  .cont-message .kk-main-section4.inview .inner-title,
  .cont-message .kk-main-section4.inview .inner-text,
  .cont-message .kk-main-section4.inview .img4,
  .cont-message .kk-main-section4.inview .kokuimo {
    text-align: right;
    transform: translateX(0);
    opacity: 1;
  }
  .cont-message .kk-main-section4.inview:before {
    right: 5%;
  }
  .cont-message .kk-main-section4.inview:after {
    opacity: 1;
    top: 380px;
  }
  .cont-message .cont-title {
    text-align: center;
    margin: 120px 0 80px;
  }
  .cont-message .cont-title img {
    max-width: 600px;
    width: 100%;
    height: auto;
  }
}
@media (max-width: 768px) {
  .cont-message .title {
    padding: 60px 32px 0;
    text-align: center;
  }
  .cont-message .top {
    padding: 22px 0 0;
    margin: 0;
    z-index: 1;
  }
  .cont-message .kk-main-section {
    padding: 33.5px 32px 40px;
    margin: 0 auto;
    position: relative;
  }
  .cont-message .kk-main-section:after {
    content: "";
    clear: both;
    display: block;
  }
  .cont-message .kk-main-section .inner {
    max-width: 1090px;
    margin: 0 auto;
    position: relative;
  }
  .cont-message .kk-main-section1:before {
    content: "";
    position: absolute;
    display: block;
    height: 165px;
    top: 85px;
    right: 0;
    left: 100%;
    background: #f7e0d1;
    z-index: -1;
    transition: left 1s ease-in-out;
  }
  .cont-message .kk-main-section1:after {
    content: "";
    position: absolute;
    display: block;
    width: 122px;
    height: 300px;
    top: 0;
    left: 95px;
    background: #f7e0d1;
    z-index: -1;
    opacity: 0;
    transition: top 1s ease-in-out;
  }
  .cont-message .kk-main-section1 .inner {
    max-width: 1090px;
  }
  .cont-message .kk-main-section1 .inner .inner-title {
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
  }
  .cont-message .kk-main-section1 .inner .inner-title h2 {
    font-size: 17px;
    margin: 0 0 12.5px;
    white-space: nowrap;
  }
  .cont-message .kk-main-section1 .inner .inner-title p {
    margin: 0 0 12.5px;
    line-height: 14px;
  }
  .cont-message .kk-main-section1 .inner .inner-title .by {
    font-weight: bold;
    margin: 0 0 30px;
  }
  .cont-message .kk-main-section1 .inner .inner-title:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #000;
    margin: 0 0 18px;
    padding: 0 0 0 32px;
  }
  .cont-message .kk-main-section1 .inner .inner-text {
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
  }
  .cont-message .kk-main-section1 .inner .inner-text p {
    font-size: 11px;
    line-height: 28px;
    font-feature-settings: "palt";
    margin: 0;
  }
  .cont-message .kk-main-section1 .inner-image {
    width: 100%;
    text-align: left;
    margin: 22.5px 0 0 0;
  }
  .cont-message .kk-main-section1 .inner-image .img4 {
    transform: translateX(70px);
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
    width: 74%;
    margin: 0 0 0 50px;
  }
  .cont-message .kk-main-section1 .kokuimo {
    transform: translateX(70px);
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
    padding: 14px 0 0;
    text-align: left;
    margin: 0 0 0 96px;
    position: relative;
  }
  .cont-message .kk-main-section1 .kokuimo:before {
    content: "";
    display: block;
    position: absolute;
    background: url("../img/img_oyuwari.png") no-repeat;
    background-size: contain;
    width: 185.5px;
    height: 250.5px;
    top: -105px;
    left: -146px;
  }
  .cont-message .kk-main-section1 .kokuimo h2 {
    width: 75px;
    background: #000;
    text-align: center;
    margin: 0 0 9px;
    color: #fff;
    font-size: 15px;
    line-height: 20px;
  }
  .cont-message .kk-main-section1 .kokuimo p {
    font-size: 10px;
    font-weight: bold;
  }
  .cont-message .kk-main-section1 .kokuimo ul {
    list-style: none;
    padding: 0;
  }
  .cont-message .kk-main-section1 .kokuimo ul li {
    width: 110%;
    padding-left: 1em;
    text-indent: -1em;
    margin: 7.5px 0 0 0;
    line-height: 15.5px;
    font-size: 10px;
    font-weight: bold;
    font-feature-settings: "palt";
  }
  .cont-message .kk-main-section1.inview .inner-title,
  .cont-message .kk-main-section1.inview .inner-text,
  .cont-message .kk-main-section1.inview .img4,
  .cont-message .kk-main-section1.inview .kokuimo {
    transform: translateX(0);
    opacity: 1;
  }
  .cont-message .kk-main-section1.inview:before {
    left: 5%;
  }
  .cont-message .kk-main-section1.inview:after {
    opacity: 1;
    top: 500px;
  }
  .cont-message .kk-main-section2:before {
    content: "";
    position: absolute;
    display: block;
    height: 165px;
    top: 85px;
    left: 0;
    right: 100%;
    background: #fff8d9;
    z-index: -1;
    transition: right 1s ease-in-out;
  }
  .cont-message .kk-main-section2:after {
    content: "";
    position: absolute;
    display: block;
    width: 122px;
    height: 300px;
    top: 0;
    right: 85px;
    background: #fff8d9;
    z-index: -1;
    opacity: 0;
    transition: top 1s ease-in-out;
  }
  .cont-message .kk-main-section2 .inner {
    max-width: 1090px;
    text-align: right;
  }
  .cont-message .kk-main-section2 .inner .inner-title {
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
  }
  .cont-message .kk-main-section2 .inner .inner-title h2 {
    font-size: 17px;
    margin: 0 0 12.5px;
    white-space: nowrap;
  }
  .cont-message .kk-main-section2 .inner .inner-title p {
    margin: 0 0 12.5px;
    line-height: 14px;
  }
  .cont-message .kk-main-section2 .inner .inner-title .by {
    font-weight: bold;
    margin: 0 0 30px;
  }
  .cont-message .kk-main-section2 .inner .inner-title:after {
    content: "";
    display: block;
    height: 1px;
    background: #000;
    margin: 0 0 18px -11%;
  }
  .cont-message .kk-main-section2 .inner .inner-text {
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
  }
  .cont-message .kk-main-section2 .inner .inner-text p {
    font-size: 11px;
    line-height: 28px;
    font-feature-settings: "palt";
    margin: 0;
  }
  .cont-message .kk-main-section2 .inner-image {
    width: 100%;
    text-align: left;
    margin: 22.5px 0 0 0;
  }
  .cont-message .kk-main-section2 .inner-image .img4 {
    transform: translateX(70px);
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
    width: 74%;
    margin: 0 0 0 50px;
  }
  .cont-message .kk-main-section2 .kokuimo {
    transform: translateX(70px);
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
    padding: 14px 0 0;
    text-align: left;
    margin: 0 0 0 96px;
    position: relative;
  }
  .cont-message .kk-main-section2 .kokuimo:before {
    content: "";
    display: block;
    position: absolute;
    background: url("../img/img_remonhighball.png") no-repeat;
    background-size: contain;
    width: 108px;
    height: 167px;
    top: 5px;
    left: -115px;
  }
  .cont-message .kk-main-section2 .kokuimo h2 {
    width: 155px;
    background: #000;
    text-align: center;
    margin: 0 0 9px;
    color: #fff;
    font-size: 15px;
    line-height: 20px;
  }
  .cont-message .kk-main-section2 .kokuimo p {
    font-size: 10px;
    font-weight: bold;
  }
  .cont-message .kk-main-section2 .kokuimo ul {
    list-style: none;
    padding: 0;
  }
  .cont-message .kk-main-section2 .kokuimo ul li {
    width: 110%;
    padding-left: 1em;
    text-indent: -1em;
    font-size: 10px;
    font-weight: bold;
    margin: 7.5px 0 0 0;
    line-height: 15.5px;
    font-feature-settings: "palt";
  }
  .cont-message .kk-main-section2.inview .inner-title,
  .cont-message .kk-main-section2.inview .inner-text,
  .cont-message .kk-main-section2.inview .img4,
  .cont-message .kk-main-section2.inview .kokuimo {
    transform: translateX(0);
    opacity: 1;
  }
  .cont-message .kk-main-section2.inview:before {
    right: 5%;
  }
  .cont-message .kk-main-section2.inview:after {
    opacity: 1;
    top: 575px;
  }
  .cont-message .kk-main-section3:before {
    content: "";
    position: absolute;
    display: block;
    height: 165px;
    top: 85px;
    right: 0;
    left: 100%;
    background: #e1efd8;
    z-index: -1;
    transition: left 1s ease-in-out;
  }
  .cont-message .kk-main-section3:after {
    content: "";
    position: absolute;
    display: block;
    width: 122px;
    height: 300px;
    top: 0;
    left: 95px;
    background: #e1efd8;
    z-index: -1;
    opacity: 0;
    transition: top 1s ease-in-out;
  }
  .cont-message .kk-main-section3 .inner {
    max-width: 1090px;
  }
  .cont-message .kk-main-section3 .inner .inner-title {
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
  }
  .cont-message .kk-main-section3 .inner .inner-title h2 {
    font-size: 17px;
    margin: 0 0 12.5px;
    white-space: nowrap;
  }
  .cont-message .kk-main-section3 .inner .inner-title p {
    margin: 0 0 12.5px;
    line-height: 14px;
  }
  .cont-message .kk-main-section3 .inner .inner-title .by {
    font-weight: bold;
    margin: 0 0 30px;
  }
  .cont-message .kk-main-section3 .inner .inner-title:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #000;
    margin: 0 0 18px;
    padding: 0 0 0 32px;
  }
  .cont-message .kk-main-section3 .inner .inner-text {
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
  }
  .cont-message .kk-main-section3 .inner .inner-text p {
    font-size: 11px;
    line-height: 28px;
    font-feature-settings: "palt";
    margin: 0;
  }
  .cont-message .kk-main-section3 .inner-image {
    width: 100%;
    text-align: left;
    margin: 22.5px 0 0 0;
  }
  .cont-message .kk-main-section3 .inner-image .img4 {
    transform: translateX(70px);
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
    width: 74%;
    margin: 0 0 0 50px;
  }
  .cont-message .kk-main-section3 .kokuimo {
    transform: translateX(70px);
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
    padding: 14px 0 0;
    text-align: left;
    margin: 0 0 0 96px;
    position: relative;
  }
  .cont-message .kk-main-section3 .kokuimo:before {
    content: "";
    display: block;
    position: absolute;
    background: url("../img/img_ryokuchawari.png") no-repeat;
    background-size: contain;
    width: 114px;
    height: 146px;
    top: 5px;
    left: -115px;
  }
  .cont-message .kk-main-section3 .kokuimo h2 {
    width: 75px;
    background: #000;
    text-align: center;
    margin: 0 0 9px;
    color: #fff;
    font-size: 15px;
    line-height: 20px;
  }
  .cont-message .kk-main-section3 .kokuimo p {
    font-size: 10px;
    font-weight: bold;
  }
  .cont-message .kk-main-section3 .kokuimo ul {
    list-style: none;
    padding: 0;
  }
  .cont-message .kk-main-section3 .kokuimo ul li {
    width: 110%;
    padding-left: 1em;
    text-indent: -1em;
    font-size: 10px;
    font-weight: bold;
    margin: 7.5px 0 0 0;
    line-height: 15.5px;
    font-feature-settings: "palt";
  }
  .cont-message .kk-main-section3.inview .inner-title,
  .cont-message .kk-main-section3.inview .inner-text,
  .cont-message .kk-main-section3.inview .img4,
  .cont-message .kk-main-section3.inview .kokuimo {
    transform: translateX(0);
    opacity: 1;
  }
  .cont-message .kk-main-section3.inview:before {
    left: 5%;
  }
  .cont-message .kk-main-section3.inview:after {
    opacity: 1;
    top: 550px;
  }
  .cont-message .kk-main-section4:before {
    content: "";
    position: absolute;
    display: block;
    height: 165px;
    top: 85px;
    left: 0;
    right: 100%;
    background: #dae0f2;
    z-index: -1;
    transition: right 1s ease-in-out;
  }
  .cont-message .kk-main-section4:after {
    content: "";
    position: absolute;
    display: block;
    width: 122px;
    height: 300px;
    top: 0;
    right: 85px;
    background: #dae0f2;
    z-index: -1;
    opacity: 0;
    transition: top 1s ease-in-out;
  }
  .cont-message .kk-main-section4 .inner {
    max-width: 1090px;
    text-align: right;
  }
  .cont-message .kk-main-section4 .inner .inner-title {
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
  }
  .cont-message .kk-main-section4 .inner .inner-title h2 {
    font-size: 17px;
    margin: 0 0 12.5px;
    white-space: nowrap;
  }
  .cont-message .kk-main-section4 .inner .inner-title p {
    margin: 0 0 12.5px;
    line-height: 14px;
  }
  .cont-message .kk-main-section4 .inner .inner-title .by {
    font-weight: bold;
    margin: 0 0 30px;
  }
  .cont-message .kk-main-section4 .inner .inner-title:after {
    content: "";
    display: block;
    height: 1px;
    background: #000;
    margin: 0 0 18px -11%;
  }
  .cont-message .kk-main-section4 .inner .inner-text {
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
  }
  .cont-message .kk-main-section4 .inner .inner-text p {
    font-size: 11px;
    line-height: 28px;
    font-feature-settings: "palt";
    margin: 0;
  }
  .cont-message .kk-main-section4 .inner-image {
    width: 100%;
    text-align: left;
    margin: 22.5px 0 0 0;
  }
  .cont-message .kk-main-section4 .inner-image .img4 {
    transform: translateX(70px);
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
    width: 74%;
    margin: 0 0 0 50px;
  }
  .cont-message .kk-main-section4 .kokuimo {
    transform: translateX(70px);
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
    padding: 14px 0 0;
    text-align: left;
    margin: 0 0 0 96px;
    position: relative;
  }
  .cont-message .kk-main-section4 .kokuimo:before {
    content: "";
    display: block;
    position: absolute;
    background: url("../img/img_rock.png") no-repeat;
    background-size: contain;
    width: 108px;
    height: 131px;
    top: 5px;
    left: -105px;
  }
  .cont-message .kk-main-section4 .kokuimo h2 {
    width: 60px;
    background: #000;
    text-align: center;
    margin: 0 0 9px;
    color: #fff;
    font-size: 15px;
    line-height: 20px;
  }
  .cont-message .kk-main-section4 .kokuimo p {
    font-size: 10px;
    font-weight: bold;
  }
  .cont-message .kk-main-section4 .kokuimo ul {
    list-style: none;
    padding: 0;
  }
  .cont-message .kk-main-section4 .kokuimo ul li {
    width: 110%;
    padding-left: 1em;
    text-indent: -1em;
    font-size: 10px;
    font-weight: bold;
    margin: 7.5px 0 0 0;
    line-height: 15.5px;
    font-feature-settings: "palt";
  }
  .cont-message .kk-main-section4.inview .inner-title,
  .cont-message .kk-main-section4.inview .inner-text,
  .cont-message .kk-main-section4.inview .img4,
  .cont-message .kk-main-section4.inview .kokuimo {
    transform: translateX(0);
    opacity: 1;
  }
  .cont-message .kk-main-section4.inview:before {
    right: 5%;
  }
  .cont-message .kk-main-section4.inview:after {
    opacity: 1;
    top: 550px;
  }
  .cont-message .cont-title {
    text-align: center;
    margin: 61px 0 40px;
    padding: 0 32px;
  }
  .cont-message .cont-title img {
    max-width: 516px;
    width: 100%;
    height: auto;
  }
}

.cont-bottle {
  margin: 75px 0 0;
}
@media (min-width: 769px) {
  .cont-bottle .kk-main-section {
    max-width: 1250px;
    padding: 80px 10px;
    margin: 0 auto;
    position: relative;
  }
  .cont-bottle .kk-main-section:after {
    content: "";
    clear: both;
    display: block;
  }
  .cont-bottle .kk-main-section .inner {
    max-width: 1090px;
    margin: 0 auto;
    position: relative;
  }
  .cont-bottle .kk-main-section1:before {
    content: "";
    position: absolute;
    display: block;
    height: 514px;
    top: -20px;
    left: 0;
    right: 100%;
    background: #e9e0ce;
    z-index: -1;
    transition: right 1s ease-in-out;
  }
  .cont-bottle .kk-main-section1 .inner {
    max-width: 1090px;
  }
  .cont-bottle .kk-main-section1 .inner .inner-title {
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
  }
  .cont-bottle .kk-main-section1 .inner .inner-title h2 {
    font-size: 32px;
    line-height: 32px;
    margin: -15px 0 30px;
  }
  .cont-bottle .kk-main-section1 .inner .inner-title h2:last-child {
    margin: -15px 0 15px;
  }
  .cont-bottle .kk-main-section1 .inner .inner-title:after {
    content: "";
    display: block;
    height: 2px;
    background: #000;
    margin: 40px 0;
  }
  .cont-bottle .kk-main-section1 .inner .inner-text {
    transition: 1.2s;
    transition-delay: 0.5s;
    opacity: 0;
  }
  .cont-bottle .kk-main-section1 .inner .inner-text p {
    font-size: 14px;
    line-height: 38px;
    margin: 0;
  }
  .cont-bottle .kk-main-section1 .inner-image {
    position: absolute;
    right: 0;
    left: 485px;
    padding: 0;
    top: 0;
    text-align: right;
    margin: 0 0 0 21px;
  }
  .cont-bottle .kk-main-section1 .inner-image .img1 {
    max-width: 542px;
    width: 100%;
    height: auto;
    transform: translateX(70px);
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
  }
  .cont-bottle .kk-main-section1 .inner-image .img2 {
    max-width: 274px;
    width: 100%;
    height: auto;
    margin: -20px 50px 0 0;
    transform: translateX(70px);
    transition: 1.2s ease-in-out 0.75s;
    opacity: 0;
  }
  .cont-bottle .kk-main-section1.inview .inner .inner-title,
  .cont-bottle .kk-main-section1.inview .inner .inner-text,
  .cont-bottle .kk-main-section1.inview .inner .img1,
  .cont-bottle .kk-main-section1.inview .inner .img2 {
    transform: translateX(0);
    opacity: 1;
  }
  .cont-bottle .kk-main-section1.inview:before {
    right: 18%;
  }
  .cont-bottle .kk-main-section2 {
    max-width: 1250px;
    padding: 62px 10px;
    margin: 0 auto;
    position: relative;
  }
  .cont-bottle .kk-main-section2:after {
    content: "";
    clear: both;
    display: block;
  }
  .cont-bottle .kk-main-section2:before {
    content: "";
    position: absolute;
    display: block;
    height: 415px;
    background: #e9e0ce;
    top: 165px;
    left: 100%;
    right: 0;
    z-index: -1;
    transition: left 1s;
  }
  .cont-bottle .kk-main-section2 .inner {
    max-width: 1090px;
    margin: 0 auto;
    position: relative;
  }
  .cont-bottle .kk-main-section2 .inner .inner-title {
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
  }
  .cont-bottle .kk-main-section2 .inner .inner-title h2 {
    font-size: 32px;
    line-height: 32px;
    margin: -15px 0 30px 54%;
    max-width: 500px;
  }
  .cont-bottle .kk-main-section2 .inner .inner-title h2:last-child {
    margin: -15px 0 30px 54%;
  }
  .cont-bottle .kk-main-section2 .inner .inner-title:after {
    content: "";
    display: block;
    height: 2px;
    background: #000;
    margin: 40px 0 30px 60px;
  }
  .cont-bottle .kk-main-section2 .inner .inner-text {
    max-width: 500px;
    margin: 0 0 0 auto;
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
  }
  .cont-bottle .kk-main-section2 .inner .inner-text p {
    font-size: 14px;
    line-height: 38px;
    margin: 0;
  }
  .cont-bottle .kk-main-section2 .inner-image {
    position: absolute;
    right: 550px;
    left: 50px;
    top: 0;
    text-align: left;
  }
  .cont-bottle .kk-main-section2 .inner-image .img3 {
    max-width: 450px;
    width: 100%;
    height: auto;
    transform: translateX(-70px);
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
  }
  .cont-bottle .kk-main-section2.inview .inner-title,
  .cont-bottle .kk-main-section2.inview .inner-text,
  .cont-bottle .kk-main-section2.inview .img3 {
    transform: translateX(0);
    opacity: 1;
  }
  .cont-bottle .kk-main-section2.inview:before {
    left: 6.5%;
  }
  .cont-bottle .kk-main-section3 {
    max-width: 1250px;
    height: 780px;
    padding: 62px 10px;
    margin: 0 auto;
    position: relative;
  }
  .cont-bottle .kk-main-section3:after {
    content: "";
    clear: both;
    display: block;
  }
  .cont-bottle .kk-main-section3:before {
    content: "";
    position: absolute;
    display: block;
    height: 325px;
    top: 400px;
    left: 0;
    right: 100%;
    background: #e9e0ce;
    z-index: -1;
    transition: right 1s ease-in-out;
  }
  .cont-bottle .kk-main-section3 .inner {
    max-width: 1090px;
    padding: 0 0 0 32.5px;
    margin: 0 auto;
    position: relative;
  }
  .cont-bottle .kk-main-section3 .inner .inner-title {
    position: relative;
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
  }
  .cont-bottle .kk-main-section3 .inner .inner-title h2 {
    font-size: 32px;
    line-height: 32px;
    width: 50%;
    margin: -15px 0 30px;
  }
  .cont-bottle .kk-main-section3 .inner .inner-title h2:last-child {
    margin: -15px 0 15px;
  }
  .cont-bottle .kk-main-section3 .inner .inner-title:after {
    content: "";
    display: block;
    height: 2px;
    background: #000;
    margin: 40px 0 40px -2.5%;
  }
  .cont-bottle .kk-main-section3 .inner .inner-text {
    width: 50%;
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
  }
  .cont-bottle .kk-main-section3 .inner .inner-text p {
    font-size: 14px;
    line-height: 38px;
    margin: 0;
  }
  .cont-bottle .kk-main-section3 .inner-image {
    position: absolute;
    right: 0;
    width: 50%;
    top: 0;
    text-align: left;
  }
  .cont-bottle .kk-main-section3 .inner-image .img4 {
    max-width: 540px;
    width: 100%;
    height: auto;
    transform: translateX(70px);
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
  }
  .cont-bottle .kk-main-section3 .kokuimo {
    padding: 25px 0 0;
    text-align: left;
    transform: translateX(70px);
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
  }
  .cont-bottle .kk-main-section3 .kokuimo h2 {
    width: 180px;
    background: #000;
    text-align: center;
    margin: 0 0 10px;
    color: #fff;
    font-size: 19px;
    line-height: 27.5px;
  }
  .cont-bottle .kk-main-section3 .kokuimo ul {
    list-style: none;
    padding: 0;
  }
  .cont-bottle .kk-main-section3 .kokuimo ul li {
    margin: 7.5px 0 0;
    padding-left: 1em;
    text-indent: -1em;
    font-size: 14px;
    line-height: 22px;
    font-weight: bold;
    font-feature-settings: "palt";
  }
  .cont-bottle .kk-main-section3.inview .inner-title,
  .cont-bottle .kk-main-section3.inview .inner-text,
  .cont-bottle .kk-main-section3.inview .img4,
  .cont-bottle .kk-main-section3.inview .kokuimo {
    transform: translateX(0);
    opacity: 1;
  }
  .cont-bottle .kk-main-section3.inview:before {
    right: 14%;
  }
  .cont-bottle .kk-main-section4 {
    max-width: 1250px;
    height: 1200px;
    padding: 62px 10px;
    margin: 0 auto;
    position: relative;
  }
  .cont-bottle .kk-main-section4:after {
    content: "";
    clear: both;
    display: block;
  }
  .cont-bottle .kk-main-section4:before {
    content: "";
    position: absolute;
    display: block;
    height: 590px;
    background: #e9e0ce;
    top: 147px;
    left: 100%;
    right: 0;
    z-index: -1;
    transition: left 1s;
  }
  .cont-bottle .kk-main-section4 .inner {
    max-width: 1090px;
    margin: 0 auto;
    position: relative;
  }
  .cont-bottle .kk-main-section4 .inner .inner-title {
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
  }
  .cont-bottle .kk-main-section4 .inner .inner-title h2 {
    font-size: 32px;
    line-height: 32px;
    max-width: 500px;
    margin: -15px 0 30px auto;
  }
  .cont-bottle .kk-main-section4 .inner .inner-title h2:last-child {
    margin: -15px 0 15px auto;
  }
  .cont-bottle .kk-main-section4 .inner .inner-title:after {
    content: "";
    display: block;
    height: 2px;
    background: #000;
    margin: 30px 0 30px 60px;
  }
  .cont-bottle .kk-main-section4 .inner .inner-text {
    max-width: 500px;
    margin-left: auto;
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
  }
  .cont-bottle .kk-main-section4 .inner .inner-text p {
    font-size: 14px;
    line-height: 39px;
    margin: 10px 0 20px 0;
  }
  .cont-bottle .kk-main-section4 .inner .inner-image {
    transform: translateX(-70px);
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
  }
  .cont-bottle .kk-main-section4 .inner .inner-image .image-box.mugi {
    position: absolute;
    left: 57px;
    top: -605px;
    text-align: left;
  }
  .cont-bottle .kk-main-section4 .inner .inner-image .image-box.mugi .img5 {
    max-width: 370px;
    width: 100%;
    height: auto;
  }
  .cont-bottle .kk-main-section4 .inner .inner-image .image-box.houji {
    position: absolute;
    left: 141px;
    top: -260px;
    text-align: left;
  }
  .cont-bottle .kk-main-section4 .inner .inner-image .image-box.houji .img6 {
    max-width: 370px;
    width: 100%;
    height: auto;
  }
  .cont-bottle .kk-main-section4 .inner .inner-image .recipe {
    padding: 26px 0 0;
  }
  .cont-bottle .kk-main-section4 .inner .inner-image .recipe .howto {
    width: 133.5px;
    background: #000;
    text-align: center;
    margin: 0 0 10px;
  }
  .cont-bottle .kk-main-section4 .inner .inner-image .recipe .howto h3 {
    color: #fff;
    font-size: 19px;
    line-height: 27.5px;
  }
  .cont-bottle .kk-main-section4 .inner .inner-image .recipe .howto2 {
    width: 147.5px;
    background: #000;
    text-align: center;
    margin: 0 0 10px;
  }
  .cont-bottle .kk-main-section4 .inner .inner-image .recipe .howto2 h3 {
    color: #fff;
    font-size: 19px;
    line-height: 27.5px;
  }
  .cont-bottle .kk-main-section4 .inner .inner-image .recipe ul {
    list-style: none;
    padding: 0;
  }
  .cont-bottle .kk-main-section4 .inner .inner-image .recipe ul li {
    margin: 7.5px 0 0;
    padding-left: 1em;
    text-indent: -1em;
    font-size: 14px;
    line-height: 22px;
    font-weight: bold;
    font-feature-settings: "palt";
  }
  .cont-bottle .kk-main-section4 .inner .inner-image .recipe .houji-title {
    width: 155px;
    height: 25px;
    background: #000;
    text-align: center;
    margin: 0 0 10px;
  }
  .cont-bottle .kk-main-section4 .inner .inner-image .recipe .houji-title h3 {
    color: #fff;
    font-size: 19px;
    line-height: 25px;
  }
  .cont-bottle .kk-main-section4 .inner .inner-image .recipe ul {
    list-style: none;
    padding: 0;
  }
  .cont-bottle .kk-main-section4 .inner .inner-image .recipe ul li {
    margin: 7.5px 0 0;
    padding-left: 1em;
    text-indent: -1em;
    font-size: 14px;
    line-height: 22px;
    font-weight: bold;
    font-feature-settings: "palt";
  }
  .cont-bottle .kk-main-section4.inview .inner-title,
  .cont-bottle .kk-main-section4.inview .inner-text,
  .cont-bottle .kk-main-section4.inview .inner-image {
    transform: translateX(0);
    opacity: 1;
  }
  .cont-bottle .kk-main-section4.inview:before {
    left: 37.5%;
  }
  .cont-bottle .cont-title {
    text-align: center;
    margin: 120px 0 80px;
  }
  .cont-bottle .cont-title img {
    max-width: 600px;
    width: 100%;
    height: auto;
  }
}
@media (max-width: 768px) {
  .cont-bottle .kk-main-section {
    padding: 33.5px 32px 60px;
    margin: 0 auto;
    position: relative;
  }
  .cont-bottle .kk-main-section:after {
    content: "";
    clear: both;
    display: block;
  }
  .cont-bottle .kk-main-section .inner {
    max-width: 1090px;
    margin: 0 auto;
    position: relative;
  }
  .cont-bottle .kk-main-section1:before {
    content: "";
    position: absolute;
    display: block;
    height: 280.5px;
    top: 0;
    left: 0;
    right: 100%;
    background: #e9e0ce;
    z-index: -1;
    transition: right 1s ease-in-out;
  }
  .cont-bottle .kk-main-section1 .inner {
    max-width: 1090px;
  }
  .cont-bottle .kk-main-section1 .inner .inner-title {
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
  }
  .cont-bottle .kk-main-section1 .inner .inner-title h2 {
    font-size: 17px;
    line-height: 17px;
    margin: -10px 0 25px;
  }
  .cont-bottle .kk-main-section1 .inner .inner-title:after {
    content: "";
    display: block;
    width: 100vw;
    height: 1px;
    background: #000;
    margin: 0 0 18px;
    padding: 0 0 0 32px;
  }
  .cont-bottle .kk-main-section1 .inner .inner-text {
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
  }
  .cont-bottle .kk-main-section1 .inner .inner-text p {
    font-size: 11.5px;
    line-height: 28.5px;
    margin: 0;
  }
  .cont-bottle .kk-main-section1 .inner-image {
    margin: 23.5px 0 0;
    padding: 0;
    text-align: right;
  }
  .cont-bottle .kk-main-section1 .inner-image .img1 {
    width: 95%;
    margin: 0 0 0 29px;
    transform: translateX(70px);
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
  }
  .cont-bottle .kk-main-section1 .inner-image .img2 {
    width: 50%;
    margin: -10px 17.5px 0 0;
    transform: translateX(70px);
    transition: 1.2s ease-in-out 0.75s;
    opacity: 0;
  }
  .cont-bottle .kk-main-section1.inview .inner-title,
  .cont-bottle .kk-main-section1.inview .inner-text,
  .cont-bottle .kk-main-section1.inview .img1,
  .cont-bottle .kk-main-section1.inview .img2 {
    transform: translateX(0);
    opacity: 1;
  }
  .cont-bottle .kk-main-section1.inview:before {
    right: 8.5%;
  }
  .cont-bottle .kk-main-section2:before {
    content: "";
    position: absolute;
    display: block;
    height: 226.5px;
    top: 106.5px;
    right: 0;
    left: 100%;
    background: #e9e0ce;
    z-index: -1;
    transition: left 1s;
  }
  .cont-bottle .kk-main-section2 .inner {
    max-width: 1090px;
    padding: 0 0 0 9%;
  }
  .cont-bottle .kk-main-section2 .inner .inner-title {
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
  }
  .cont-bottle .kk-main-section2 .inner .inner-title h2 {
    font-size: 17px;
    line-height: 17px;
    margin: -10px 0 25px;
  }
  .cont-bottle .kk-main-section2 .inner .inner-title:after {
    content: "";
    display: block;
    height: 1px;
    background: #000;
    margin: 0 0 18px -20%;
    padding: 0;
  }
  .cont-bottle .kk-main-section2 .inner .inner-text {
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
  }
  .cont-bottle .kk-main-section2 .inner .inner-text p {
    font-size: 11.5px;
    line-height: 28.5px;
    font-feature-settings: "palt";
    margin: 0;
  }
  .cont-bottle .kk-main-section2 .inner-image {
    left: 0;
    padding: 0;
    margin: 20px 0 0 -9%;
    top: 0;
    text-align: left;
  }
  .cont-bottle .kk-main-section2 .inner-image .img3 {
    width: 79%;
    margin: 0 0 0 -9px;
    transform: translateX(-70px);
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
  }
  .cont-bottle .kk-main-section2.inview .inner-title,
  .cont-bottle .kk-main-section2.inview .inner-text,
  .cont-bottle .kk-main-section2.inview .img3 {
    transform: translateX(0);
    opacity: 1;
  }
  .cont-bottle .kk-main-section2.inview:before {
    left: 8.5%;
  }
  .cont-bottle .kk-main-section3:before {
    content: "";
    position: absolute;
    display: block;
    height: 173px;
    top: 216.5px;
    left: 0;
    right: 100%;
    background: #e9e0ce;
    z-index: -1;
    transition: right 1s ease-in-out;
  }
  .cont-bottle .kk-main-section3 .inner {
    max-width: 1090px;
  }
  .cont-bottle .kk-main-section3 .inner .inner-title {
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
  }
  .cont-bottle .kk-main-section3 .inner .inner-title h2 {
    font-size: 17px;
    line-height: 17px;
    margin: -10px 0 25px;
  }
  .cont-bottle .kk-main-section3 .inner .inner-title:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #000;
    margin: 0 0 18px;
    padding: 0 0 0 32px;
  }
  .cont-bottle .kk-main-section3 .inner .inner-text {
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
  }
  .cont-bottle .kk-main-section3 .inner .inner-text p {
    font-size: 11.5px;
    line-height: 28px;
    font-feature-settings: "palt";
    margin: 0;
  }
  .cont-bottle .kk-main-section3 .inner-image {
    width: 100%;
    text-align: left;
    margin: 22.5px 0 0 0;
  }
  .cont-bottle .kk-main-section3 .inner-image .img4 {
    transform: translateX(70px);
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
    width: 95%;
    margin: 0 0 0 29px;
  }
  .cont-bottle .kk-main-section3 .kokuimo {
    transform: translateX(70px);
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
    padding: 14px 0 0;
    text-align: left;
    margin: 0 0 0 29px;
  }
  .cont-bottle .kk-main-section3 .kokuimo h2 {
    width: 97.5px;
    background: #000;
    text-align: center;
    margin: 0 0 9px;
    color: #fff;
    font-size: 11px;
    line-height: 17.5px;
  }
  .cont-bottle .kk-main-section3 .kokuimo ul {
    list-style: none;
    padding: 0;
  }
  .cont-bottle .kk-main-section3 .kokuimo ul li {
    width: 110%;
    padding-left: 1em;
    text-indent: -1em;
    font-size: 10px;
    font-weight: bold;
    line-height: 17.5px;
    font-feature-settings: "palt";
  }
  .cont-bottle .kk-main-section3.inview .inner-title,
  .cont-bottle .kk-main-section3.inview .inner-text,
  .cont-bottle .kk-main-section3.inview .img4,
  .cont-bottle .kk-main-section3.inview .kokuimo {
    transform: translateX(0);
    opacity: 1;
  }
  .cont-bottle .kk-main-section3.inview:before {
    right: 8.5%;
  }
  .cont-bottle .kk-main-section4:before {
    content: "";
    position: absolute;
    display: block;
    height: 320px;
    top: 45px;
    right: 0;
    left: 100%;
    background: #e9e0ce;
    z-index: -1;
    transition: left 1s;
  }
  .cont-bottle .kk-main-section4 .inner {
    max-width: 1090px;
    padding: 0 0 0 9%;
  }
  .cont-bottle .kk-main-section4 .inner .inner-title {
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
  }
  .cont-bottle .kk-main-section4 .inner .inner-title h2 {
    font-size: 17px;
    line-height: 17px;
    margin: -10px 0 25px;
  }
  .cont-bottle .kk-main-section4 .inner .inner-title:after {
    content: "";
    display: block;
    height: 1px;
    background: #000;
    margin: 0 0 18px -20%;
  }
  .cont-bottle .kk-main-section4 .inner .inner-text {
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
  }
  .cont-bottle .kk-main-section4 .inner .inner-text p {
    font-size: 11px;
    line-height: 28px;
    margin: 0;
  }
  .cont-bottle .kk-main-section4 .inner-image {
    margin: 23.5px 0 0 -10%;
    transform: translateX(-70px);
    transition: 1.2s ease-in-out 0.5s;
    opacity: 0;
  }
  .cont-bottle .kk-main-section4 .inner-image .image-box.mugi {
    text-align: left;
    margin: 0 0 18px;
  }
  .cont-bottle .kk-main-section4 .inner-image .image-box.mugi .img5 {
    width: 65%;
  }
  .cont-bottle .kk-main-section4 .inner-image .image-box.houji {
    text-align: left;
    margin: 0 4% 0 auto;
    width: 65%;
  }
  .cont-bottle .kk-main-section4 .inner-image .recipe {
    padding: 14px 0 0;
  }
  .cont-bottle .kk-main-section4 .inner-image .recipe .howto {
    width: 73px;
    background: #000;
    text-align: center;
    margin: 0 0 5px;
  }
  .cont-bottle .kk-main-section4 .inner-image .recipe .howto h3 {
    color: #fff;
    font-size: 11px;
    line-height: 17.5px;
  }
  .cont-bottle .kk-main-section4 .inner-image .recipe .howto2 {
    width: 81.5px;
    background: #000;
    text-align: center;
    margin: 0 0 5px;
  }
  .cont-bottle .kk-main-section4 .inner-image .recipe .howto2 h3 {
    color: #fff;
    font-size: 11px;
    line-height: 17.5px;
  }
  .cont-bottle .kk-main-section4 .inner-image .recipe ul {
    list-style: none;
    padding: 0;
  }
  .cont-bottle .kk-main-section4 .inner-image .recipe ul li {
    padding-left: 1em;
    text-indent: -1em;
    font-size: 10px;
    font-weight: bold;
    line-height: 17.5px;
    font-feature-settings: "palt";
  }
  .cont-bottle .kk-main-section4 .inner-image .recipe .houji-title {
    width: 97.5px;
    height: 17.5px;
    background: #000;
    text-align: center;
    margin: 0 0 5px;
  }
  .cont-bottle .kk-main-section4 .inner-image .recipe .houji-title h3 {
    color: #fff;
    font-size: 11px;
    line-height: 17.5px;
  }
  .cont-bottle .kk-main-section4 .inner-image .recipe ul {
    list-style: none;
    padding: 0;
  }
  .cont-bottle .kk-main-section4 .inner-image .recipe ul li {
    width: 110%;
    padding-left: 1em;
    text-indent: -1em;
    font-size: 10px;
    line-height: 17.5px;
    font-feature-settings: "palt";
  }
  .cont-bottle .kk-main-section4.inview .inner-title,
  .cont-bottle .kk-main-section4.inview .inner-text,
  .cont-bottle .kk-main-section4.inview .inner-image {
    transform: translateX(0);
    opacity: 1;
  }
  .cont-bottle .kk-main-section4.inview:before {
    left: 8.5%;
  }
  .cont-bottle .cont-title {
    text-align: center;
    margin: 61px 0 40px;
    padding: 0 32px;
  }
  .cont-bottle .cont-title img {
    max-width: 516px;
    width: 100%;
    height: auto;
  }
}

.cont-highball {
  margin: 0;
  background: #000;
}
@media (min-width: 769px) {
  .cont-highball .cont-title img {
    width: 100%;
    height: auto;
  }
  .cont-highball .inner {
    margin: 0 auto;
    position: relative;
    background: #000;
    text-align: center;
  }
  .cont-highball .inner .caption {
    padding: 10px 10px 0;
    display: block;
    text-align: right;
    font-size: 12px;
    color: #fff;
    line-height: 1.4;
  }
  .cont-highball .inner .banner-yasuuma {
    display: block;
    padding: 20px 0;
  }
  .cont-highball .inner .banner-yasuuma img {
    width: 100%;
    height: auto;
    transition: all 0.75s;
    opacity: 0;
  }
  .cont-highball .inner .banner-yasuuma img.inview {
    opacity: 1;
  }
  .cont-highball .inner .banner-yasuuma img:hover {
    opacity: 0.75;
  }
  .cont-highball .inner .banner-yasuuma2 {
    display: inline-block;
    padding: 45px 50px 40px;
  }
  .cont-highball .inner .banner-yasuuma2 img {
    transition: all 0.75s;
    opacity: 0;
  }
  .cont-highball .inner .banner-yasuuma2 img.inview {
    opacity: 1;
  }
  .cont-highball .inner .banner-yasuuma2 img:hover {
    opacity: 0.75;
  }
  .cont-highball .inner .cont1 {
    max-width: 1000px;
    background: #000;
    margin: 0 auto;
    padding: 35px 0 0;
    overflow: hidden;
  }
  .cont-highball .inner .cont1 .cont-image {
    width: 48.2%;
    float: left;
  }
  .cont-highball .inner .cont1 .cont-image img {
    opacity: 0;
  }
  .cont-highball .inner .cont1 .cont-image img.inview {
    -webkit-animation: zoomin 2s ease-out;
    animation: zoomin 2s ease-out;
    opacity: 1;
  }
  @-webkit-keyframes zoomin {
    0% {
      transform: scale(0);
    }
    50% {
      transform: scale(0);
    }
    60% {
      transform: scale(1.1);
    }
    70% {
      transform: scale(1);
    }
    80% {
      transform: scale(1);
    }
  }
  @keyframes zoomin {
    0% {
      transform: scale(0);
    }
    50% {
      transform: scale(0);
    }
    60% {
      transform: scale(1.1);
    }
    70% {
      transform: scale(1);
    }
    80% {
      transform: scale(1);
    }
  }
  .cont-highball .inner .cont1 .cont-text {
    width: 51.8%;
    float: left;
    padding: 120px 0 115px 60px;
  }
  .cont-highball .inner .cont1 .cont-text .theme-group {
    max-width: 220px;
    display: flex;
    flex-direction: row-reverse;
    float: left;
    opacity: 0;
  }
  .cont-highball .inner .cont1 .cont-text .theme-group.inview {
    opacity: 1;
  }
  .cont-highball .inner .cont1 .cont-text .theme-group.inview .theme-image {
    overflow: hidden;
    position: relative;
  }
  .cont-highball .inner .cont1 .cont-text .theme-group.inview .theme-image img {
    height: 237.5px;
    margin: 0 15px 0 0;
  }
  .cont-highball .inner .cont1 .cont-text .theme-group.inview .theme-image:before {
    -webkit-animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    background: #000;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
  }
  .cont-highball .inner .cont1 .cont-text .theme-group.inview .theme-image2 {
    overflow: hidden;
    position: relative;
  }
  .cont-highball .inner .cont1 .cont-text .theme-group.inview .theme-image2 img {
    height: 237.5px;
    margin: 0 15px 0 0;
  }
  .cont-highball .inner .cont1 .cont-text .theme-group.inview .theme-image2:before {
    -webkit-animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
    background: #000;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
  }
  .cont-highball .inner .cont1 .cont-text .theme-group.inview .theme-image3 {
    overflow: hidden;
    position: relative;
  }
  .cont-highball .inner .cont1 .cont-text .theme-group.inview .theme-image3 img {
    height: 237.5px;
    margin: 0 15px 0 0;
  }
  .cont-highball .inner .cont1 .cont-text .theme-group.inview .theme-image3:before {
    -webkit-animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    background: #000;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
  }
  @-webkit-keyframes img-wrap {
    100% {
      transform: translateY(100%);
    }
  }
  @keyframes img-wrap {
    100% {
      transform: translateY(100%);
    }
  }
  .cont-highball .inner .cont1 .cont-text p {
    color: #fff;
    float: left;
    text-align: left;
    margin: 55px 0 0 10px;
    font-size: 16px;
    line-height: 2;
  }
  .cont-highball .inner .cont1 .cont-text p span {
    color: #fccf00;
  }
  .cont-highball .inner .cont2 {
    max-width: 1000px;
    height: 482px;
    background: #000;
    margin: 0 auto;
  }
  .cont-highball .inner .cont2 .cont-image {
    width: 48.2%;
    float: right;
  }
  .cont-highball .inner .cont2 .cont-image img {
    opacity: 0;
  }
  .cont-highball .inner .cont2 .cont-image img.inview {
    -webkit-animation: zoomin 2s ease-out;
    animation: zoomin 2s ease-out;
    opacity: 1;
  }
  @keyframes zoomin {
    0% {
      transform: scale(0);
    }
    50% {
      transform: scale(0);
    }
    60% {
      transform: scale(1.1);
    }
    70% {
      transform: scale(1);
    }
    80% {
      transform: scale(1);
    }
  }
  .cont-highball .inner .cont2 .cont-text {
    width: 51.8%;
    float: right;
    padding: 96px 0 96px 60px;
  }
  .cont-highball .inner .cont2 .cont-text .theme-group {
    display: flex;
    flex-direction: row-reverse;
    float: right;
    opacity: 0;
  }
  .cont-highball .inner .cont2 .cont-text .theme-group.inview {
    opacity: 1;
  }
  .cont-highball .inner .cont2 .cont-text .theme-group.inview .theme-image {
    max-width: 220px;
    overflow: hidden;
    position: relative;
  }
  .cont-highball .inner .cont2 .cont-text .theme-group.inview .theme-image img {
    height: 290px;
    margin: 0 15px 0 0;
  }
  .cont-highball .inner .cont2 .cont-text .theme-group.inview .theme-image:before {
    -webkit-animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    background: #000;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
  }
  .cont-highball .inner .cont2 .cont-text .theme-group.inview .theme-image2 {
    max-width: 220px;
    overflow: hidden;
    position: relative;
  }
  .cont-highball .inner .cont2 .cont-text .theme-group.inview .theme-image2 img {
    height: 290px;
    margin: 0 15px 0 0;
  }
  .cont-highball .inner .cont2 .cont-text .theme-group.inview .theme-image2:before {
    -webkit-animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
    background: #000;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
  }
  .cont-highball .inner .cont2 .cont-text .theme-group.inview .theme-image3 {
    max-width: 220px;
    overflow: hidden;
    position: relative;
  }
  .cont-highball .inner .cont2 .cont-text .theme-group.inview .theme-image3 img {
    height: 290px;
    margin: 0 15px 0 0;
  }
  .cont-highball .inner .cont2 .cont-text .theme-group.inview .theme-image3:before {
    -webkit-animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    background: #000;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
  }
  @keyframes img-wrap {
    100% {
      transform: translateY(100%);
    }
  }
  .cont-highball .inner .cont2 .cont-text p {
    color: #fff;
    float: left;
    margin: 100px 0 0 10px;
    text-align: right;
    font-size: 16px;
    line-height: 2;
  }
  .cont-highball .inner .cont2 .cont-text p span {
    color: #fccf00;
  }
  .cont-highball .inner .cont3 {
    max-width: 1000px;
    height: 482px;
    background: #000;
    margin: 0 auto;
  }
  .cont-highball .inner .cont3 .cont-image {
    width: 48.2%;
    float: left;
  }
  .cont-highball .inner .cont3 .cont-image img {
    opacity: 0;
  }
  .cont-highball .inner .cont3 .cont-image img.inview {
    -webkit-animation: zoomin 2s ease-out;
    animation: zoomin 2s ease-out;
    opacity: 1;
  }
  @keyframes zoomin {
    0% {
      transform: scale(0);
    }
    50% {
      transform: scale(0);
    }
    60% {
      transform: scale(1.1);
    }
    70% {
      transform: scale(1);
    }
    80% {
      transform: scale(1);
    }
  }
  .cont-highball .inner .cont3 .cont-text {
    width: 51.8%;
    float: left;
    padding: 125px 0 115px 60px;
  }
  .cont-highball .inner .cont3 .cont-text .theme-group {
    max-width: 220px;
    display: flex;
    flex-direction: row-reverse;
    float: left;
    opacity: 0;
  }
  .cont-highball .inner .cont3 .cont-text .theme-group.inview {
    opacity: 1;
  }
  .cont-highball .inner .cont3 .cont-text .theme-group.inview .theme-image {
    overflow: hidden;
    position: relative;
  }
  .cont-highball .inner .cont3 .cont-text .theme-group.inview .theme-image img {
    height: 232px;
    margin: 0 15px 0 0;
  }
  .cont-highball .inner .cont3 .cont-text .theme-group.inview .theme-image:before {
    -webkit-animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    background: #000;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
  }
  .cont-highball .inner .cont3 .cont-text .theme-group.inview .theme-image2 {
    overflow: hidden;
    position: relative;
  }
  .cont-highball .inner .cont3 .cont-text .theme-group.inview .theme-image2 img {
    height: 232px;
    margin: 0 15px 0 0;
  }
  .cont-highball .inner .cont3 .cont-text .theme-group.inview .theme-image2:before {
    -webkit-animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
    background: #000;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
  }
  .cont-highball .inner .cont3 .cont-text .theme-group.inview .theme-image3 {
    overflow: hidden;
    position: relative;
  }
  .cont-highball .inner .cont3 .cont-text .theme-group.inview .theme-image3 img {
    height: 232px;
    margin: 0 15px 0 0;
  }
  .cont-highball .inner .cont3 .cont-text .theme-group.inview .theme-image3:before {
    -webkit-animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    background: #000;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
  }
  @keyframes img-wrap {
    100% {
      transform: translateY(100%);
    }
  }
  .cont-highball .inner .cont3 .cont-text p {
    color: #fff;
    float: left;
    text-align: left;
    margin: 42px 0 0 10px;
    font-size: 16px;
    line-height: 2;
  }
  .cont-highball .inner .cont3 .cont-text p span {
    color: #fccf00;
  }
  .cont-highball .inner .cont4 {
    max-width: 1000px;
    height: 575px;
    background: #000;
    margin: 0 auto;
  }
  .cont-highball .inner .cont4 .cont-image {
    width: 55.6%;
    float: right;
    margin: 0 -37px 0 0;
  }
  .cont-highball .inner .cont4 .cont-image img {
    opacity: 0;
  }
  .cont-highball .inner .cont4 .cont-image img.inview {
    -webkit-animation: zoomin 2s ease-out;
    animation: zoomin 2s ease-out;
    opacity: 1;
  }
  @keyframes zoomin {
    0% {
      transform: scale(0);
    }
    50% {
      transform: scale(0);
    }
    60% {
      transform: scale(1.1);
    }
    70% {
      transform: scale(1);
    }
    80% {
      transform: scale(1);
    }
  }
  .cont-highball .inner .cont4 .cont-text {
    width: 44.4%;
    float: right;
    padding: 90px 0 95px;
  }
  .cont-highball .inner .cont4 .cont-text .theme-group {
    display: flex;
    flex-direction: row-reverse;
    float: right;
    opacity: 0;
  }
  .cont-highball .inner .cont4 .cont-text .theme-group.inview {
    opacity: 1;
  }
  .cont-highball .inner .cont4 .cont-text .theme-group.inview .theme-image {
    max-width: 220px;
    overflow: hidden;
    position: relative;
  }
  .cont-highball .inner .cont4 .cont-text .theme-group.inview .theme-image img {
    height: 318px;
    margin: 0 15px 0 0;
  }
  .cont-highball .inner .cont4 .cont-text .theme-group.inview .theme-image:before {
    -webkit-animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    background: #000;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
  }
  .cont-highball .inner .cont4 .cont-text .theme-group.inview .theme-image2 {
    max-width: 220px;
    overflow: hidden;
    position: relative;
  }
  .cont-highball .inner .cont4 .cont-text .theme-group.inview .theme-image2 img {
    height: 318px;
    margin: 0 15px 0 0;
  }
  .cont-highball .inner .cont4 .cont-text .theme-group.inview .theme-image2:before {
    -webkit-animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
    background: #000;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
  }
  .cont-highball .inner .cont4 .cont-text .theme-group.inview .theme-image3 {
    max-width: 220px;
    overflow: hidden;
    position: relative;
  }
  .cont-highball .inner .cont4 .cont-text .theme-group.inview .theme-image3 img {
    height: 318px;
    margin: 0 15px 0 0;
  }
  .cont-highball .inner .cont4 .cont-text .theme-group.inview .theme-image3:before {
    -webkit-animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    background: #000;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
  }
  @keyframes img-wrap {
    100% {
      transform: translateY(100%);
    }
  }
  .cont-highball .inner .cont4 .cont-text p {
    color: #fff;
    float: left;
    margin: 100px 0 0 10px;
    text-align: right;
    font-size: 16px;
    line-height: 2;
  }
  .cont-highball .inner .cont4 .cont-text p span {
    color: #fccf00;
  }
  .cont-highball .inner .howto {
    max-width: 974px;
    margin: 0 auto;
    padding: 115px 0 0;
  }
  .cont-highball .inner .howto .title {
    max-width: 100%;
  }
  .cont-highball .inner .howto .howto1 {
    margin: 75px 0 0;
    overflow: hidden;
  }
  .cont-highball .inner .howto .howto1 .howto-image {
    width: 36.6%;
    float: left;
    padding: 35px 0 0;
  }
  .cont-highball .inner .howto .howto1 .howto-text {
    width: 63.4%;
    float: left;
    padding: 0 30px 0 0;
    text-align: left;
  }
  .cont-highball .inner .howto .howto1 .howto-text img {
    max-width: 502px;
  }
  .cont-highball .inner .howto .howto1 .howto-text p {
    font-size: 20px;
    text-align: left;
    color: #fff;
    padding: 0 75px;
  }
  .cont-highball .inner .howto .howto2 {
    margin: 75px 0 0;
    overflow: hidden;
  }
  .cont-highball .inner .howto .howto2 .howto-image {
    width: 36.6%;
    float: left;
    padding: 50px 0 0;
  }
  .cont-highball .inner .howto .howto2 .howto-image a {
    color: #fff;
    text-align: center;
    font-size: 14px;
  }
  .cont-highball .inner .howto .howto2 .howto-image span {
    color: #fff;
    text-align: center;
    font-size: 10px;
    display: block;
  }
  .cont-highball .inner .howto .howto2 .howto-text {
    width: 63.4%;
    float: left;
    padding: 0 30px 0 0;
  }
  .cont-highball .inner .howto .howto2 .howto-text p {
    font-size: 20px;
    padding: 0 75px;
    text-align: left;
    color: #fff;
  }
  .cont-highball .inner .high {
    background: #000;
    max-width: 974px;
    margin: 0 auto;
    padding: 0 0 170px;
    display: inline-block;
  }
  .cont-highball .inner .high .high-kokuimo {
    width: 50%;
    padding: 0 28px 0 0;
    float: left;
  }
  .cont-highball .inner .high .high-kokuimo p {
    margin: 10px 0 0;
    font-size: 20px;
    color: #fff;
    text-align: left;
  }
  .cont-highball .inner .high .high-kokuimo img {
    margin: 50px 0 0;
  }
  .cont-highball .inner .high .high-kokuimo img:last-of-type {
    padding: 0 35px;
  }
  .cont-highball .inner .high .high-koimugi {
    width: 50%;
    padding: 0 0 0 28px;
    float: left;
  }
  .cont-highball .inner .high .high-koimugi p {
    margin: 10px 0 0;
    font-size: 20px;
    color: #fff;
    text-align: left;
    min-height: 266px;
  }
  .cont-highball .inner .high .high-koimugi img {
    margin: 50px 0 0;
  }
  .cont-highball .inner .high .high-koimugi img:last-of-type {
    padding: 0 35px;
  }
}
@media (max-width: 768px) {
  .cont-highball .cont-title img {
    width: 100%;
    height: auto;
  }
  .cont-highball .caption {
    padding: 5px 0 0;
    margin: 0 12px 12px 0;
    display: block;
    text-align: right;
    font-size: 10px;
    color: #fff;
    line-height: 1.4;
  }
  .cont-highball .banner-yasuuma {
    display: block;
    padding: 0 0 40px;
  }
  .cont-highball .banner-yasuuma img {
    width: 100%;
    height: auto;
  }
  .cont-highball .banner-yasuuma2 {
    display: inline-block;
    padding: 100px 0 0px;
  }
  .cont-highball .banner-yasuuma2 img {
    transition: all 0.75s;
    opacity: 0;
  }
  .cont-highball .banner-yasuuma2 img.inview {
    opacity: 1;
  }
  .cont-highball .banner-yasuuma2 img:hover {
    opacity: 0.75;
  }
  .cont-highball .inner {
    margin: 0 auto;
    padding: 0 17.5px;
    display: inline-block;
    background: #000;
  }
  .cont-highball .inner .cont1 {
    padding: 0 14.5px;
    background: #000;
    margin: 0 auto;
    display: inline-block;
  }
  .cont-highball .inner .cont1 .cont-image {
    width: 100%;
  }
  .cont-highball .inner .cont1 .cont-image img {
    opacity: 0;
  }
  .cont-highball .inner .cont1 .cont-image img.inview {
    -webkit-animation: zoomin 2s ease-out;
    animation: zoomin 2s ease-out;
    opacity: 1;
  }
  @-webkit-keyframes zoomin {
    0% {
      transform: scale(0);
    }
    50% {
      transform: scale(0);
    }
    60% {
      transform: scale(1.1);
    }
    70% {
      transform: scale(1);
    }
    80% {
      transform: scale(1);
    }
  }
  @keyframes zoomin {
    0% {
      transform: scale(0);
    }
    50% {
      transform: scale(0);
    }
    60% {
      transform: scale(1.1);
    }
    70% {
      transform: scale(1);
    }
    80% {
      transform: scale(1);
    }
  }
  .cont-highball .inner .cont1 .cont-text {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    float: left;
    padding: 5px 0 55px;
  }
  .cont-highball .inner .cont1 .cont-text .theme-group {
    width: 50%;
    display: flex;
    flex-direction: row-reverse;
    float: left;
    opacity: 0;
  }
  .cont-highball .inner .cont1 .cont-text .theme-group.inview {
    opacity: 1;
  }
  .cont-highball .inner .cont1 .cont-text .theme-group.inview .theme-image {
    overflow: hidden;
    position: relative;
  }
  .cont-highball .inner .cont1 .cont-text .theme-group.inview .theme-image img {
    height: 154px;
    margin: 0 7.5px 0 0;
  }
  .cont-highball .inner .cont1 .cont-text .theme-group.inview .theme-image:before {
    -webkit-animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    background: #000;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
  }
  .cont-highball .inner .cont1 .cont-text .theme-group.inview .theme-image2 {
    overflow: hidden;
    position: relative;
  }
  .cont-highball .inner .cont1 .cont-text .theme-group.inview .theme-image2 img {
    height: 154px;
    margin: 0 7.5px 0 0;
  }
  .cont-highball .inner .cont1 .cont-text .theme-group.inview .theme-image2:before {
    -webkit-animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
    background: #000;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
  }
  .cont-highball .inner .cont1 .cont-text .theme-group.inview .theme-image3 {
    overflow: hidden;
    position: relative;
  }
  .cont-highball .inner .cont1 .cont-text .theme-group.inview .theme-image3 img {
    height: 154px;
    margin: 0 7.5px 0 0;
  }
  .cont-highball .inner .cont1 .cont-text .theme-group.inview .theme-image3:before {
    -webkit-animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    background: #000;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
  }
  @-webkit-keyframes img-wrap {
    100% {
      transform: translateY(100%);
    }
  }
  @keyframes img-wrap {
    100% {
      transform: translateY(100%);
    }
  }
  .cont-highball .inner .cont1 .cont-text p {
    width: 50%;
    color: #fff;
    float: left;
    white-space: nowrap;
    padding: 15px 0 0 15px;
    font-size: 10px;
    line-height: 2;
  }
  .cont-highball .inner .cont1 .cont-text p span {
    color: #fccf00;
  }
  .cont-highball .inner .cont2 {
    padding: 0 14.5px;
    background: #000;
    margin: 0 auto;
    display: inline-block;
  }
  .cont-highball .inner .cont2 .cont-image {
    width: 100%;
  }
  .cont-highball .inner .cont2 .cont-image img {
    opacity: 0;
  }
  .cont-highball .inner .cont2 .cont-image img.inview {
    -webkit-animation: zoomin 2s ease-out;
    animation: zoomin 2s ease-out;
    opacity: 1;
  }
  @keyframes zoomin {
    0% {
      transform: scale(0);
    }
    50% {
      transform: scale(0);
    }
    60% {
      transform: scale(1.1);
    }
    70% {
      transform: scale(1);
    }
    80% {
      transform: scale(1);
    }
  }
  .cont-highball .inner .cont2 .cont-text {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    float: right;
    padding: 10px 0 55px;
  }
  .cont-highball .inner .cont2 .cont-text .theme-group {
    width: 45%;
    display: flex;
    flex-direction: row-reverse;
    float: right;
    margin: 0;
    opacity: 0;
  }
  .cont-highball .inner .cont2 .cont-text .theme-group.inview {
    opacity: 1;
  }
  .cont-highball .inner .cont2 .cont-text .theme-group.inview .theme-image {
    overflow: hidden;
    position: relative;
  }
  .cont-highball .inner .cont2 .cont-text .theme-group.inview .theme-image img {
    height: 189px;
    margin: 0 7.5px 0 0;
  }
  .cont-highball .inner .cont2 .cont-text .theme-group.inview .theme-image:before {
    -webkit-animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    background: #000;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
  }
  .cont-highball .inner .cont2 .cont-text .theme-group.inview .theme-image2 {
    overflow: hidden;
    position: relative;
  }
  .cont-highball .inner .cont2 .cont-text .theme-group.inview .theme-image2 img {
    height: 189px;
    margin: 0 7.5px 0 0;
  }
  .cont-highball .inner .cont2 .cont-text .theme-group.inview .theme-image2:before {
    -webkit-animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
    background: #000;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
  }
  .cont-highball .inner .cont2 .cont-text .theme-group.inview .theme-image3 {
    overflow: hidden;
    position: relative;
  }
  .cont-highball .inner .cont2 .cont-text .theme-group.inview .theme-image3 img {
    height: 189px;
    margin: 0 7.5px 0 0;
  }
  .cont-highball .inner .cont2 .cont-text .theme-group.inview .theme-image3:before {
    -webkit-animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    background: #000;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
  }
  @keyframes img-wrap {
    100% {
      transform: translateY(100%);
    }
  }
  .cont-highball .inner .cont2 .cont-text p {
    width: 55%;
    color: #fff;
    float: left;
    padding: 50px 15px 0 0;
    text-align: right;
    font-size: 10px;
    line-height: 2;
  }
  .cont-highball .inner .cont2 .cont-text p span {
    color: #fccf00;
  }
  .cont-highball .inner .cont3 {
    padding: 0 14.5px;
    background: #000;
    margin: 0 auto;
    display: inline-block;
  }
  .cont-highball .inner .cont3 .cont-image {
    width: 100%;
  }
  .cont-highball .inner .cont3 .cont-image img {
    opacity: 0;
  }
  .cont-highball .inner .cont3 .cont-image img.inview {
    -webkit-animation: zoomin 2s ease-out;
    animation: zoomin 2s ease-out;
    opacity: 1;
  }
  @keyframes zoomin {
    0% {
      transform: scale(0);
    }
    50% {
      transform: scale(0);
    }
    60% {
      transform: scale(1.1);
    }
    70% {
      transform: scale(1);
    }
    80% {
      transform: scale(1);
    }
  }
  .cont-highball .inner .cont3 .cont-text {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    float: left;
    padding: 10px 0 70px;
  }
  .cont-highball .inner .cont3 .cont-text .theme-group {
    width: 50%;
    display: flex;
    flex-direction: row-reverse;
    float: left;
    opacity: 0;
  }
  .cont-highball .inner .cont3 .cont-text .theme-group.inview {
    opacity: 1;
  }
  .cont-highball .inner .cont3 .cont-text .theme-group.inview .theme-image {
    overflow: hidden;
    position: relative;
  }
  .cont-highball .inner .cont3 .cont-text .theme-group.inview .theme-image img {
    height: 154px;
    margin: 0 7.5px 0 0;
  }
  .cont-highball .inner .cont3 .cont-text .theme-group.inview .theme-image:before {
    -webkit-animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    background: #000;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
  }
  .cont-highball .inner .cont3 .cont-text .theme-group.inview .theme-image2 {
    overflow: hidden;
    position: relative;
  }
  .cont-highball .inner .cont3 .cont-text .theme-group.inview .theme-image2 img {
    height: 154px;
    margin: 0 7.5px 0 0;
  }
  .cont-highball .inner .cont3 .cont-text .theme-group.inview .theme-image2:before {
    -webkit-animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
    background: #000;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
  }
  .cont-highball .inner .cont3 .cont-text .theme-group.inview .theme-image3 {
    overflow: hidden;
    position: relative;
  }
  .cont-highball .inner .cont3 .cont-text .theme-group.inview .theme-image3 img {
    height: 154px;
    margin: 0 7.5px 0 0;
  }
  .cont-highball .inner .cont3 .cont-text .theme-group.inview .theme-image3:before {
    -webkit-animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    background: #000;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
  }
  @keyframes img-wrap {
    100% {
      transform: translateY(100%);
    }
  }
  .cont-highball .inner .cont3 .cont-text p {
    width: 50%;
    color: #fff;
    float: left;
    white-space: nowrap;
    padding: 15px 0 0 15px;
    font-size: 10px;
    line-height: 2;
  }
  .cont-highball .inner .cont3 .cont-text p span {
    color: #fccf00;
  }
  .cont-highball .inner .cont4 {
    padding: 0 14.5px;
    background: #000;
    margin: 0 auto;
    display: inline-block;
  }
  .cont-highball .inner .cont4 .cont-image {
    margin: 0 calc(50% - 47.5vw);
  }
  .cont-highball .inner .cont4 .cont-image img {
    opacity: 0;
  }
  .cont-highball .inner .cont4 .cont-image img.inview {
    -webkit-animation: zoomin 2s ease-out;
    animation: zoomin 2s ease-out;
    opacity: 1;
  }
  @keyframes zoomin {
    0% {
      transform: scale(0);
    }
    50% {
      transform: scale(0);
    }
    60% {
      transform: scale(1.1);
    }
    70% {
      transform: scale(1);
    }
    80% {
      transform: scale(1);
    }
  }
  .cont-highball .inner .cont4 .cont-text {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    float: right;
    padding: 25px 0 0;
  }
  .cont-highball .inner .cont4 .cont-text .theme-group {
    width: 45%;
    display: flex;
    flex-direction: row-reverse;
    float: right;
    margin: 0;
    opacity: 0;
  }
  .cont-highball .inner .cont4 .cont-text .theme-group.inview {
    opacity: 1;
  }
  .cont-highball .inner .cont4 .cont-text .theme-group.inview .theme-image {
    overflow: hidden;
    position: relative;
  }
  .cont-highball .inner .cont4 .cont-text .theme-group.inview .theme-image img {
    height: 189px;
    margin: 0 7.5px 0 0;
  }
  .cont-highball .inner .cont4 .cont-text .theme-group.inview .theme-image:before {
    -webkit-animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    background: #000;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
  }
  .cont-highball .inner .cont4 .cont-text .theme-group.inview .theme-image2 {
    overflow: hidden;
    position: relative;
  }
  .cont-highball .inner .cont4 .cont-text .theme-group.inview .theme-image2 img {
    height: 189px;
    margin: 0 7.5px 0 0;
  }
  .cont-highball .inner .cont4 .cont-text .theme-group.inview .theme-image2:before {
    -webkit-animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
    background: #000;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
  }
  .cont-highball .inner .cont4 .cont-text .theme-group.inview .theme-image3 {
    overflow: hidden;
    position: relative;
  }
  .cont-highball .inner .cont4 .cont-text .theme-group.inview .theme-image3 img {
    height: 189px;
    margin: 0 7.5px 0 0;
  }
  .cont-highball .inner .cont4 .cont-text .theme-group.inview .theme-image3:before {
    -webkit-animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    background: #000;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
  }
  @keyframes img-wrap {
    100% {
      transform: translateY(100%);
    }
  }
  .cont-highball .inner .cont4 .cont-text p {
    width: 55%;
    color: #fff;
    float: left;
    padding: 30px 15px 0 0;
    text-align: right;
    font-size: 10px;
    line-height: 2;
  }
  .cont-highball .inner .cont4 .cont-text p span {
    color: #fccf00;
  }
  .cont-highball .inner .howto {
    padding: 100px 14.5px 0;
    display: inline-block;
  }
  .cont-highball .inner .howto .howto1 {
    margin: 40px 0 0;
    display: inline-block;
    text-align: left;
  }
  .cont-highball .inner .howto .howto1 img {
    padding: 0 50px 0 0;
  }
  .cont-highball .inner .howto .howto1 .howto-image {
    margin: 20px 0 0;
    padding: 0px 25px;
    width: 100%;
    float: left;
  }
  .cont-highball .inner .howto .howto1 .howto-text {
    width: 100%;
    float: left;
  }
  .cont-highball .inner .howto .howto1 .howto-text p {
    font-size: 14px;
    line-height: 2.1;
    color: #fff;
    margin: 10px 0 0;
    padding: 0 20px;
  }
  .cont-highball .inner .howto .howto2 {
    margin: 40px 0 0;
    display: inline-block;
  }
  .cont-highball .inner .howto .howto2 .howto-image {
    margin: 20px 0 0;
    padding: 0px 25px;
    width: 100%;
    float: left;
  }
  .cont-highball .inner .howto .howto2 .howto-image a {
    color: #fff;
    text-align: center;
    display: block;
    font-size: 10px;
  }
  .cont-highball .inner .howto .howto2 .howto-image span {
    color: #fff;
    text-align: center;
    font-size: 10px;
    display: block;
  }
  .cont-highball .inner .howto .howto2 .howto-text {
    width: 100%;
    float: left;
  }
  .cont-highball .inner .howto .howto2 .howto-text p {
    font-size: 14px;
    line-height: 2.1;
    color: #fff;
    margin: 10px 0 0;
    padding: 0 20px;
  }
  .cont-highball .inner .high {
    background: #000;
    margin: 0 auto;
    padding: 0 14.5px;
    display: inline-block;
  }
  .cont-highball .inner .high .high-kokuimo {
    width: 100%;
    padding: 65px 0 0;
    float: left;
  }
  .cont-highball .inner .high .high-kokuimo p {
    margin: 10px 0 0;
    color: #fff;
  }
  .cont-highball .inner .high .high-kokuimo img {
    margin: 25px 0 0;
  }
  .cont-highball .inner .high .high-kokuimo img:last-of-type {
    margin: 40px 0 0;
    padding: 0 30px;
  }
  .cont-highball .inner .high .high-koimugi {
    padding: 50px 0 115px;
    width: 100%;
    float: left;
  }
  .cont-highball .inner .high .high-koimugi p {
    margin: 10px 0 0;
    color: #fff;
  }
  .cont-highball .inner .high .high-koimugi img {
    margin: 25px 0 0;
  }
  .cont-highball .inner .high .high-koimugi img:last-of-type {
    margin: 40px 0 0;
    padding: 0 30px;
  }
}

@media (min-width: 769px) {
  .cont-detail {
    max-width: 1250px;
    margin: 145px auto;
    padding: 0;
    height: auto;
  }
  .cont-detail .detail-title {
    text-align: center;
  }
  .cont-detail .detail-title img {
    max-width: 570px;
  }
  .cont-detail .detail {
    max-width: 1090px;
    padding: 0 60px 0 50px;
    margin: 58px auto;
    display: flex;
    justify-content: space-between;
  }
  .cont-detail .detail .detail-text {
    display: block;
  }
  .cont-detail .detail .detail-text img {
    max-width: 565px;
    width: 100%;
    height: auto;
    margin: 0 0 30px;
  }
  .cont-detail .detail .detail-text p {
    font-size: 18px;
    line-height: 32px;
    transition: ease-in-out 0.75s;
    opacity: 0;
    margin: 0;
  }
  .cont-detail .detail .detail-text span {
    display: inline-block;
    font-size: 17.5px;
    transition: ease-in-out 0.75s;
    margin: 0;
    opacity: 0;
  }
  .cont-detail .detail .detail-text2 img {
    max-width: 631px;
    width: 100%;
    height: auto;
  }
  .cont-detail .detail .detail-text3 img {
    max-width: 597px;
    width: 100%;
    height: auto;
  }
  .cont-detail .detail .detail-text.inview p,
  .cont-detail .detail .detail-text.inview span {
    opacity: 1;
  }
  .cont-detail .detail .detail-img {
    width: 305px;
    text-align: center;
  }
  .cont-detail .detail .detail-img img {
    max-width: 305px;
    width: 100%;
    height: auto;
    transition: all 0.75s;
    opacity: 0;
  }
  .cont-detail .detail .detail-img img.inview {
    opacity: 1;
  }
  .cont-detail .detail .detail-img a {
    font-size: 15px;
    color: #000;
    display: block;
    padding: 8.25px 0;
  }
  .cont-detail .detail .detail-img .detail-links {
    display: flex;
  }
  .cont-detail .detail .detail-img .detail-links a {
    padding: 0;
    margin: 0 5px 0 0;
    position: relative;
    transition: all 0.75s;
  }
  .cont-detail .detail .detail-img .detail-links a:hover {
    opacity: 0.75;
  }
  .cont-detail .detail .detail-img .detail-links a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -2.5px;
    margin: auto;
    width: 1px;
    height: 100%;
    background: #eee;
  }
  .cont-detail .detail .detail-img .detail-links a:after {
    display: none;
  }
  .cont-detail .detail .detail-img .detail-links a:last-of-type {
    margin: 0;
  }
  .cont-detail .detail .detail-img .detail-links a:last-of-type:before {
    display: none;
  }
  .cont-detail .inview {
    opacity: 1;
  }
}
@media (max-width: 768px) {
  .cont-detail {
    margin: 50px 0 0 0;
  }
  .cont-detail .detail-title {
    max-width: 315px;
    margin: 0 auto 50px;
  }
  .cont-detail .detail {
    max-width: 1090px;
    margin: -125px auto 0;
    padding: 125px 30px 0;
  }
  .cont-detail .detail .detail-text {
    display: block;
  }
  .cont-detail .detail .detail-text img {
    width: 90%;
    height: auto;
    margin: 0 0 20px;
  }
  .cont-detail .detail .detail-text p {
    font-size: 12px;
    line-height: 18px;
    margin: 0;
    transition: ease-in-out 0.75s;
    opacity: 0;
  }
  .cont-detail .detail .detail-text span {
    display: inline-block;
    font-size: 9.5px;
    margin: 0;
    transition: ease-in-out 0.75s;
    opacity: 0;
  }
  .cont-detail .detail .detail-text2 img {
    width: 100%;
  }
  .cont-detail .detail .detail-text3 img {
    width: 95%;
  }
  .cont-detail .detail .detail-text.inview p,
  .cont-detail .detail .detail-text.inview span {
    opacity: 1;
  }
  .cont-detail .detail .detail-img {
    text-align: center;
    margin: 22.5px 0 42.5px 0;
  }
  .cont-detail .detail .detail-img img {
    width: 75%;
    height: auto;
    transition: all 0.75s;
    opacity: 0;
  }
  .cont-detail .detail .detail-img img.inview {
    opacity: 1;
  }
  .cont-detail .detail .detail-img a {
    font-size: 11.5px;
    color: #000;
    display: block;
    padding: 5px 0;
  }
  .cont-detail .detail .detail-img .detail-links {
    display: flex;
  }
  .cont-detail .detail .detail-img .detail-links a {
    padding: 0;
    margin: 0 5px 0 0;
    position: relative;
    transition: all 0.75s;
  }
  .cont-detail .detail .detail-img .detail-links a img {
    width: 100%;
  }
  .cont-detail .detail .detail-img .detail-links a:hover {
    opacity: 0.75;
  }
  .cont-detail .detail .detail-img .detail-links a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -2.5px;
    margin: auto;
    width: 1px;
    height: 100%;
    background: #eee;
  }
  .cont-detail .detail .detail-img .detail-links a:after {
    display: none;
  }
  .cont-detail .detail .detail-img .detail-links a:last-of-type {
    margin: 0;
  }
  .cont-detail .detail .detail-img .detail-links a:last-of-type:before {
    display: none;
  }
  .cont-detail .inview {
    opacity: 1;
  }
}

@media (min-width: 769px) {
  .title {
    max-width: 571px;
    margin: 90px auto 10px;
  }
  .highball,
  .yasuuma,
  .chukatsu,
  .hatsutaiken {
    width: 100%;
    display: block;
    max-width: 1100px;
    margin: 135px auto 125px;
    padding: 0;
  }
  .highball:after,
  .yasuuma:after,
  .chukatsu:after,
  .hatsutaiken:after {
    content: none !important;
  }
  .highball .img img,
  .yasuuma .img img,
  .chukatsu .img img,
  .hatsutaiken .img img {
    transition: all 0.75s;
    opacity: 0;
  }
  .highball .img img.inview,
  .yasuuma .img img.inview,
  .chukatsu .img img.inview,
  .hatsutaiken .img img.inview {
    opacity: 1;
  }
  .highball .img img:hover,
  .yasuuma .img img:hover,
  .chukatsu .img img:hover,
  .hatsutaiken .img img:hover {
    opacity: 0.75;
  }
  .highball:after,
  .yasuuma:after,
  .chukatsu:after,
  .hatsutaiken:after {
    content: none;
  }
  .cont-link {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1200px;
    margin: 70px auto 150px;
    padding: 0 65px;
    height: auto;
  }
  .cont-link .box {
    width: calc(50% - 35px);
    height: auto;
    transition: all 0.75s;
    display: block;
  }
  .cont-link .box .title {
    text-align: center;
  }
  .cont-link .box .img {
    margin: 0 0 26px;
  }
  .cont-link .box .img img {
    transition: all 0.75s;
    opacity: 0;
  }
  .cont-link .box .img img.inview {
    opacity: 1;
  }
  .cont-link .box .link {
    text-align: right;
  }
  .cont-link .box .link div img {
    max-width: 152px;
  }
  .cont-link .box:hover {
    opacity: 0.75;
  }
}
@media (max-width: 768px) {
  .link-wrap {
    padding: 0 30px;
    margin: 100px auto;
  }
  .title {
    margin: 40px 0 0;
    padding: 0;
  }
  .yasuuma {
    margin: 30px auto 0 !important;
  }
  .highball,
  .yasuuma,
  .chukatsu,
  .hatsutaiken {
    width: 100%;
    height: auto;
    display: block;
  }
  .highball:after,
  .yasuuma:after,
  .chukatsu:after,
  .hatsutaiken:after {
    content: none !important;
  }
  .highball .title,
  .yasuuma .title,
  .chukatsu .title,
  .hatsutaiken .title {
    text-align: center;
  }
  .highball .img,
  .yasuuma .img,
  .chukatsu .img,
  .hatsutaiken .img {
    margin: 20px 0 9px;
    text-align: center;
  }
  .highball .img img,
  .yasuuma .img img,
  .chukatsu .img img,
  .hatsutaiken .img img {
    transition: all 0.75s;
    opacity: 0;
  }
  .highball .img img.inview,
  .yasuuma .img img.inview,
  .chukatsu .img img.inview,
  .hatsutaiken .img img.inview {
    opacity: 1;
  }
  .highball .img img:hover,
  .yasuuma .img img:hover,
  .chukatsu .img img:hover,
  .hatsutaiken .img img:hover {
    opacity: 0.75;
  }
  .highball .link div img,
  .yasuuma .link div img,
  .chukatsu .link div img,
  .hatsutaiken .link div img {
    max-width: 95px;
    display: block;
    margin: 0 0 0 auto;
  }
  .highball:after,
  .yasuuma:after,
  .chukatsu:after,
  .hatsutaiken:after {
    content: none;
  }
  .cont-link {
    margin: 0 auto;
  }
  .cont-link .box {
    width: 100%;
    height: auto;
    margin: 60px 0 0;
    display: block;
  }
  .cont-link .box .title {
    text-align: center;
    max-width: 250px;
    margin: 0 auto;
  }
  .cont-link .box .img {
    margin: 20px 0 9px;
  }
  .cont-link .box .img img {
    transition: all 0.75s;
    opacity: 0;
  }
  .cont-link .box .img img.inview {
    opacity: 1;
  }
  .cont-link .box .link div img {
    max-width: 95px;
    display: block;
    margin: 0 0 0 auto;
  }
}
@media (min-width: 769px) {
  .header {
    position: relative;
  }
  .header .wrap {
    background: #000;
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: 3;
    height: 75px;
  }
  .header .wrap .logo {
    padding: 26.25px 0;
  }
  .header .wrap .logo a {
    display: inline-block;
  }
  .header .wrap .logo a img {
    max-width: 451.5px;
  }
  .header .wrap .ham {
    position: absolute;
    cursor: pointer;
    width: 33px;
    height: 33px;
    top: 21px;
    left: 48px;
  }
  .header .wrap .ham span {
    display: inline-block;
    transition: all 0.4s;
    position: absolute;
    left: 0;
    height: 3px;
    background: #fff;
    width: 100%;
  }
  .header .wrap .ham span:nth-of-type(1) {
    top: 2px;
  }
  .header .wrap .ham span:nth-of-type(2) {
    top: 15px;
  }
  .header .wrap .ham span:nth-of-type(3) {
    top: 28px;
  }
  .header .wrap .active {
    display: block;
  }
  .header .wrap .active span:nth-of-type(1) {
    top: 7.5px;
    left: 0;
    transform: translateY(6px) rotate(-45deg);
    width: 100%;
  }
  .header .wrap .active span:nth-of-type(2) {
    opacity: 0;
  }
  .header .wrap .active span:nth-of-type(3) {
    top: 7.5px;
    left: 0;
    transform: translateY(6px) rotate(45deg);
    width: 100%;
  }
  .header .detail {
    transition: all 0.6s;
    max-width: 1104px;
    background: #f6f2ec;
    position: absolute;
    top: -600px;
    margin: 0 0 0 48px;
    padding: 50px;
    z-index: 2;
  }
  .header .detail .link-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .header .detail .link-wrap .link {
    width: 22%;
    margin: 0 0 40px;
    transition: all 0.75s;
  }
  .header .detail .link-wrap .link:hover {
    opacity: 0.75;
  }
  .header .detail .link-wrap .link:nth-of-type(5) {
    margin: 0;
  }
  .header .detail .link-wrap .link .title {
    margin: 0 0 10px;
    min-height: 43.8px;
    position: relative;
  }
  .header .detail .link-wrap .link .title img {
    position: absolute;
    bottom: 0;
  }
  .header .detail .link-wrap .link .img {
    display: block;
    max-width: 229px;
  }
  .header .detail .link-top {
    position: absolute;
    bottom: 50px;
    right: 50px;
  }
  .header .detail .link-top a {
    transition: all 0.75s;
    display: block;
    margin: 0 0 20px;
  }
  .header .detail .link-top a:hover {
    opacity: 0.75;
  }
  .header .detail .link-top a img {
    max-width: 150px;
  }
  .header .detail .link-top a:last-child {
    margin: 0;
  }
  .header .open {
    top: 75px;
  }
}
@media (max-width: 768px) {
  .header {
    position: relative;
  }
  .header .wrap {
    background: #000;
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: 3;
    height: 75px;
  }
  .header .wrap .logo {
    padding: 17px 0;
  }
  .header .wrap .logo a {
    display: inline-block;
  }
  .header .wrap .logo a img {
    max-width: 188px;
  }
  .header .wrap .ham {
    position: absolute;
    cursor: pointer;
    width: 33px;
    height: 33px;
    top: 21px;
    left: 18px;
  }
  .header .wrap .ham span {
    display: inline-block;
    transition: all 0.4s;
    position: absolute;
    left: 0;
    height: 2px;
    background: #fff;
    width: 100%;
  }
  .header .wrap .ham span:nth-of-type(1) {
    top: 5px;
  }
  .header .wrap .ham span:nth-of-type(2) {
    top: 15px;
  }
  .header .wrap .ham span:nth-of-type(3) {
    top: 25px;
  }
  .header .wrap .active {
    display: block;
  }
  .header .wrap .active span:nth-of-type(1) {
    top: 7.5px;
    left: 0;
    transform: translateY(6px) rotate(-45deg);
    width: 100%;
  }
  .header .wrap .active span:nth-of-type(2) {
    opacity: 0;
  }
  .header .wrap .active span:nth-of-type(3) {
    top: 7.5px;
    left: 0;
    transform: translateY(6px) rotate(45deg);
    width: 100%;
  }
  .header .detail {
    position: absolute;
    overflow: auto;
    transition: all 0.6s;
    top: -1700px;
    left: 0;
    right: 0;
    height: 100vh;
    z-index: 2;
    background: #f6f2ec;
    padding: 50px 55px 100px;
  }
  .header .detail .link-wrap {
    padding: 0;
  }
  .header .detail .link-wrap .link {
    width: 100%;
    display: inline-block;
    margin: 0 0 48px;
    text-align: center;
  }
  .header .detail .link-wrap .link .title {
    margin: 0 0 10px;
  }
  .header .detail .link-wrap .link .img {
    display: block;
    max-width: 229px;
  }
  .header .detail .link-wrap .link:last-of-type {
    margin: 0;
  }
  .header .detail .link-top {
    text-align: right;
    margin: 49px 0 60px;
    width: 100%;
  }
  .header .detail .link-top a {
    display: block;
    margin: 0 0 17.5px;
  }
  .header .detail .link-top a img {
    max-width: 174.5px;
  }
  .header .detail .link-top a:last-child {
    margin: 0;
  }
  .header .open {
    top: 75px;
  }
}
.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 300;
}
/*# sourceMappingURL=style.css.map */