@charset "utf-8";

@media only screen and (min-width: 751px) and (max-width: 1600px) {

#pickup .title h2 {
    font-size: 4vw;
}
#pickup .title p.ja {
    font-size: 0.9375vw;
}
#pickup .contents {
    padding: 7.773851590106007% 0 7.773851590106007% 19.78798586572438%;
}

}

@media only screen and (min-device-width: 768px) and (orientation:portrait) {

#main-slide .slick-container .slick-slide.slide-01 {
    background-image: url("/saiyou/image/top/slide-01-portrait.jpg");
}
#main-slide .slick-container .slick-slide.slide-02 {
    background-image: url("/saiyou/image/top/slide-02-portrait.jpg");
}
#main-slide .slick-container .slick-slide.slide-03 {
    background-image: url("/saiyou/image/top/slide-03-portrait.jpg");
}
#main-slide .slick-container .slick-slide.slide-04 {
    background-image: url("/saiyou/image/top/slide-04-portrait.jpg");
}
#main-slide .slick-container .slick-slide p.irony-a {
    font-size: 5.729166666666666vw;
    top: 41.66666666666667vw;
    left: 5.208333333333334vw;
}
#main-slide .slick-container .slick-slide dl.irony-b {
    top: 46.875vw;
    left: 10.416666666666668vw;
}
#main-slide .slick-container .slick-slide dl.irony-b dt {
    font-size: 5.729166666666666vw;
    letter-spacing: -0.05em;
    margin-bottom: 2.0rem;
}
#main-slide .slick-container .slick-slide dl.irony-b dd {
    font-size: 2.604166666666667vw;
    line-height: 1.5333333333333332;
    letter-spacing: 0.05em;
}


}

@media only screen and (min-width: 0px) and (max-width: 750px) {

/* ©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤ *
 *                                              *
 * ¥á¥¤¥ó¥¹¥é¥¤¥É                               *
 *                                              *
 * ©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤ */

#main-slide {
    width: 70.0rem;
    margin-left: auto;
}
#main-slide p#catchcopy {
    left: -2.0rem;
    bottom: 18.0rem;
    z-index: 90;
}
#main-slide .slick-container .slick-slide.slide-01 {
    background-image: url("/saiyou/image/top/slide-01-portrait.jpg");
}
#main-slide .slick-container .slick-slide.slide-02 {
    background-image: url("/saiyou/image/top/slide-02-portrait.jpg");
}
#main-slide .slick-container .slick-slide.slide-03 {
    background-image: url("/saiyou/image/top/slide-03-portrait.jpg");
}
#main-slide .slick-container .slick-slide.slide-04 {
    background-image: url("/saiyou/image/top/slide-04-portrait.jpg");
}
#main-slide .slick-container .slick-slide p.irony-a {
    font-size: 4.6rem;
    line-height: 1.08;
    top: 25.92592592vh;
    left: 4.0rem;
}
#main-slide .slick-container .slick-slide p.irony-b {
    font-size: 4.6rem;
    line-height: 1.08;
    top: calc(25.92592592vh + 8.0rem);
    left: 8.0rem;
}
#main-slide .slick-container .slick-slide p.irony-c {
    font-size: 2.0rem;
    left: 8.0rem;
    top: calc(25.92592592vh + 20.0rem);
}
#main-slide .slick-container .slick-slide p.irony-c sub {
    font-size: 2.0rem;
    vertical-align: -0.4rem;
    display: inline-block;
    transform: scale(0.7);
}

#main-slide .slick-container .slick-slide.slide-01 p.irony-a {
    left: 4.0rem;
}
#main-slide .slick-container .slick-slide.slide-01 p.irony-b {
    left: 8.0rem;
}

#main-slide .slick-container .slick-slide.slide-02 p.irony-a {
    left: 4.0rem;
}
#main-slide .slick-container .slick-slide.slide-02 p.irony-b {
    left: 8.0rem;
}

#main-slide .slick-container .slick-slide.slide-03 p.irony-a {
    left: 4.0rem;
}
#main-slide .slick-container .slick-slide.slide-03 p.irony-b {
    left: 8.0rem;
}

#main-slide .slick-container .slick-slide.slide-04 p.irony-a {
    left: 4.0rem;
}
#main-slide .slick-container .slick-slide.slide-04 p.irony-b {
    left: 8.0rem;
}

/* ©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤ *
 *                                              *
 * PICKUP                                       *
 *                                              *
 * ©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤ */

#main-slide #btn-pickup {
    font-size: 2.0rem;
    width: 17.0rem;
    height: 17.0rem;
    bottom: -8.5rem;
}
#main-slide #btn-pickup a::after {
    border-width: 0.6rem 0.4rem 0 0.4rem;
    bottom: 1.2rem;
}

#pickup {
    padding: 9.0rem 0;
    position: relative;
    z-index: 0;
}
#pickup::before {
    content: "";
    background: #eff1f4;
    width: 58.0rem;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
#pickup .title {
    margin: 0 -3.0rem 6.0rem;
    position: static;
}
#pickup .title p.ja {
    font-size: 2.0rem;
}
#pickup .contents {
    background: none;
    width: 63.0rem;
    padding: 0;
    margin: 0 auto;
}
#pickup .contents .flex {
    width: 100%;
}
#pickup .contents .flex .item {
    width: 30.0rem;
    margin-bottom: 4.0rem;
}
#pickup .contents .flex .item:nth-of-type(n+4) {
    margin-bottom: 4.0rem;
}
#pickup .contents .flex .item p.cname {
    font-size: 2.0rem;
    padding-left: 1.4rem;
}
#pickup .contents .flex .item p.cname::before {
    width: 0.4rem;
    height: 100%;
    top: 50%;
    transform: translateY(-50%);
}

/* Íⲿ¥ê¥ó¥¯ */
#pickup ul.external {
    font-size: 2.0rem;
    font-feature-settings: "palt" 1;
    display: block;
    position: absolute;
    left: 3.0rem;
    bottom: 2.0rem;
}
#pickup ul.external li a {
    color: #363746;
    text-decoration: underline;
    display: inline-block;
    position: relative;
}
#pickup ul.external li a:after {
    content: "";
    background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2010%208%22%20style%3D%22enable-background%3Anew%200%200%2010%208%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23363746%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M6.9%2C1.1v3.7H1V1.1H6.9%20M7.9%2C0.1H0v5.7h7.9V0.1L7.9%2C0.1z%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M8.9%2C3.1v3.7H3V3.1H8.9%20M9.9%2C2.1H2v5.7h7.9V2.1L9.9%2C2.1z%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 1.8rem;
    height: 1.4rem;
    position: absolute;
    left: calc(100% + 0.5rem);
    top: 50%;
    transform: translateY(-50%);
}

/* ©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤ *
 *                                              *
 * Öø×÷˜Ø±íÓ›                                   *
 *                                              *
 * ©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤ */

#copyright-index {
    font-size: 1.8rem;
    line-height: 1.1;
}
#copyright-index small {
    right: 4.5rem;
    transform: rotate(90deg);
    transform-origin: right bottom;
}

}