@charset "UTF-8";
@media screen and (max-width: 768px) {

    .sp { display: block; }
    .pc { display: none;}

    body {
        width: 100%;
        min-width: 360px;
        background-image: url("../images/ment/back_white.jpg");
        font-family: 'Noto Serif JP', serif, sans-serif;
        /* min-width:initial; */
    }

    .wrap {
        overflow: hidden;
    }
    
    h1 {
        font-size: 11px;
    }
    
    .bgimg-slider {
        width: 100%; 
        height: 1000px; 
        background-position: 10% 20%;
        background-size: auto 100%;
        /* display: flex; */
        align-items: center;
        justify-content: flex-start;
        background-repeat: no-repeat;
        padding-bottom: 250px;
    }
    
    header {
        display: flex;
        width: 97%;
        margin: 0 auto;
        justify-content: space-between;
        padding: 20px 0 0 10px;
        color: #fff;
        flex-wrap: wrap;
        position: relative;
    }
    
    header .left p:nth-child(2) {
        font-size: 12px;
        margin-left: 20px;
        margin-top: 15px;
    }
    
    header .left p:nth-child(3) {
        font-size: 34px;
        letter-spacing: 5px;
    }

    header .right {
        position: absolute;
        top: 522px;
    }
    
    header .right .box a {
        display: flex;
        align-items: center;
        font-size: 15px;
        color: #fff;
        margin: 0px 0 10px;
    }
    
    header .right .box a p:nth-child(2) {
        margin-left: 10px;
    }
    
    .bgimg-slider .content {
        width: 100%;
        margin: 0 auto;
        position: relative;
    }
    
    .bgimg-slider .content .info p img {
        position: absolute;
        top: 377px;
        right: 15px;
        width: 35%;
    }
    
    .bgimg-slider .content .center {
        text-align: center;
        color: #fff;
        margin-top: 0px;
    }
    
    .bgimg-slider .content .center p {
        margin: 10px;
    }
    
    .bgimg-slider .content .center p:nth-child(3) {
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        margin: 0 auto;
        font-size: 28px;
        text-align: left;
        letter-spacing: 8px;
    }
    
    .bgimg-slider .right_fix {
        position: fixed;
        right: 0;
        z-index: 1;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: flex;
        width: 100%;
        bottom: 0;
        top: unset;
        justify-content: left;
    }
    
    .bgimg-slider .right_fix p {
        -ms-writing-mode: unset;
        writing-mode: unset;
        background: rgba(90,69,35,0.9);
        padding: 10px;
        letter-spacing: 2px;
        margin-bottom: 0px;
        font-size: 15px;
        text-align: center;
        border: 1px solid #fff;
        outline: 1px solid #fff;
        outline-offset: -5px;
        display: block;
    }

    .bgimg-slider .right_fix a p {
        color: #fff;
        width: 100%;
    }

    .bgimg-slider .right_fix a:nth-child(1) {
        width: 25%;
    }
    .bgimg-slider .right_fix a:nth-child(2) {
        width: 20%;
        margin: 0 23px;
    }
    .bgimg-slider .right_fix a:nth-child(3) {
        width: 46%;
    }
    
    .bgimg-slider .bottom {
        margin-top: 150px;
    }
    
    .bgimg-slider .bottom p:nth-child(1) {
        background: url(../images/obi_1.png);
        height: 52px;
        width: 100%;
        background-position: -690px 0;
    }
    
    .bgimg-slider .bottom p:nth-child(2) {
        -ms-writing-mode: unset;
        writing-mode: unset;
        margin: 0 auto;
        color: #fff;
        line-height: 1.7;
        letter-spacing: 2px;
        margin-top: 45px;
        text-align: center;
    }
    
    .sec01 {
        
    }
    
    .sec01 .top {
        text-align: center;
        position: relative;
        top: 80px;
        height: 300px;
    }
    
    .sec01 .top p:nth-child(2) {
        margin: 40px 0 10px;
    }
    
    .sec01 .content {
        background: url(../images/tatami.png);
        background-size: cover;
        height: 525px;
    }
    
    .sec01 .content .inner {
        width: 100%;
        margin: 0 auto;
        position: relative;
        max-width: 375px;
    }
    
    .sec01 .content .inner p:nth-child(1) img {
        position: absolute;
        right: 0;
        top: -30px;
        width: 117px;
    }
    
    .sec01 .content .inner p:nth-child(2) img {
        position: absolute;
        top: -40px;
        left: -60px;
        width: 50%;
    }
    
    .sec01 .content .inner p:nth-child(3) img {
        position: absolute;
        bottom: -145px;
        width: 50%;
    }
    
    .sec01 .content .inner p:nth-child(4) {
        -ms-writing-mode: unset;
        writing-mode: unset;
        margin: 0 auto;
        line-height: 1.7;
        padding-top: 90px;
        letter-spacing: 2px;
        font-size: 14px;
        text-align: center;
    }

    .sec02 .cont02{
        margin-top: -90px;
    }
    
    .sec02 {
        position: relative;
    }
    
    .sec02 .cont01 ,.sec02 .cont02 ,.sec02 .cont03 ,.sec02 .cont05 ,.sec02 .cont06 {
        width: 100%; 
        overflow: hidden;
        /* position: relative; */
    }
    
    .sec02 .cont01::after {
        content: '';
        width: 85%;
        height: 1040px;
        background: rgba(189,164,128,0.12);
        display: block;
        position: absolute;
        top: 320px;
        z-index: -1;
        margin: 0 auto 0 0;
        right: 7%;
    }
    
    .sec02 .cont02::after {
        content: '';
        width: 85%;
        height: 630px;
        background: rgba(189,164,128,0.12);
        display: block;
        position: absolute;
        top: 1810px;
        z-index: -1;
        margin: 0 0 0 auto;
        right: 7%;
    }
    
    .sec02 .cont03::after {
        content: '';
        width: 85%;
        height: 990px;
        background: rgba(189,164,128,0.12);
        display: block;
        position: absolute;
        top: 2875px;
        z-index: -1;
        margin: 0 auto 0 0;
        right: 7%;
    }
    
    .sec02 .cont05::after {
        content: '';
        width: 85%;
        height: 560px;
        background: rgba(189,164,128,0.12);
        display: block;
        position: absolute;
        top: 4170px;
        z-index: -1;
        margin: 100px 0 0 auto;
        right: 7%;
    }
    
    .sec02 .cont01 .top {
        width: 100%;
        margin: 0 auto;
        text-align: right;
        max-width: 375px;
    }
    
    .sec02 .cont01 .top img {
        position: relative;
        left: 150px;
        top: 0px;
    }
    
    .sec02 .img_box {
        width: 73%;
        height: 274px;
    }
    
    .sec02 .cont01 .one {
        margin: 45px auto;
        background: url(../images/sec01_cont_1.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
    }
    .sec02 .cont02 .three {
        margin: 15px auto 0 0;
        background: url(../images/syatyo01.png);
        background-size: 152%;
        background-position: center top 46%;
        background-repeat: no-repeat;
        width: 100%;
    }
    .sec02 .cont03 .five {
        margin: 0px auto 0 0;
        background: url(../images/sec01_cont_5.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
    }
    .sec02 .cont06 .seven {
        margin: 20px auto 0 0;
        background: url(../images/sec01_cont_7.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
    }
    
    .sec02 .cont01 .two {
        margin: -30px 0 45px auto;
        background: url(../images/sec01_cont_2.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
    }
    .sec02 .cont03 .four {
        margin: 125px 0 0 auto;
        background: url(../images/sec01_cont_4.png);
        background-size: cover;
        background-position: center bottom;
        background-repeat: no-repeat;
        width: 100%;
    }
    .sec02 .cont05 .six {
        margin: 0px 0 0 auto;
        background: url(../images/sec01_cont_6-2.png);
        background-size: 150%;
        background-position: left 27% top 85%;
        background-repeat: no-repeat;
        width: 100%;
    }
    
    .sec02 .cont01 .bottom_box {
        display: flex;
        justify-content: center;
        margin: 30px 0 60px;
        flex-wrap: wrap-reverse;
    }
    
    .sec02 .cont01 .bottom_box p:nth-last-of-type(1) {
        font-size: 14px;
        font-family: 'Noto Sans JP', sans-serif;
        letter-spacing: 1px;
        line-height: 2.5;
        width: 310px;
        margin: -30px auto 0;
        padding-left: 20px;
    }
    
    .sec02 .cont01 .bottom_box p:nth-last-of-type(1) .top {
        font-family: YuMincho,'Yu incho',serif;
        font-size: 30px;
        line-height: unset;
        letter-spacing: -2px;
    }
    
    .sec02 .cont01 .bottom_box .title {
        font-size: 43px;
        letter-spacing: 4px;
        color: rgba(60,61,61,0.11);
        position: absolute;
        top: 65px;
        left: 40px;
        line-height: 1;
        width: 70%;
        padding: 0;
        max-width: 375px;
    }
    .sec02 .cont02 .title {
        font-size: 42px;
        letter-spacing: 10px;
        color: rgba(60,61,61,0.11);
        width: 90%;
        margin: 0px auto 0;
        line-height: 1;
    }
    
    .big104 {
        font-size: 65px;
        color: rgba(60,61,61,0.27);
    }
    
    .sec02 .cont01 .bottom_box p img {
        position: relative;
        right: -190px;
        top: 60px;
    }
    
    .sec02 .cont02 p:nth-child(2) img {
        position: absolute;
        right: 0;
        top: 1400px;
    }
    
    .sec02 .cont02 .bottom_box {
        font-size: 14px;
        font-family: 'Noto Sans JP', sans-serif;
        letter-spacing: 1px;
        line-height: 2.5;
        width: 81%;
        margin: 40px auto 0;
    }
    
    .sec02 .bottom_box p .top {
        font-family: YuMincho,'Yu incho',serif;
        font-size: 26px;
        line-height: 1;
    }

    .sec02 .cont02 .bottom_box p:nth-child(1) {
        width: 305px;
    margin: 0 auto;
    }
    
    .big89 {
        font-size: 58px;
        color: rgba(60,61,61,0.27);
        letter-spacing: 0;
    }

    .sec02 .cont03 {
        margin-top: 50px;
    }

    .sec02 .cont03 p:nth-child(1) {
        width: 90%;
        max-width: 375px;
        margin: 0 auto;
    }
    
    .sec02 .cont03 p img {
        position: relative;
        top: 70px;
        left: auto;
        height: 90px;
        right: -180px;
    }
    
    .sec02 .cont03 .bottom_box {
        display: flex;
        font-size: 14px;
        font-family: 'Noto Sans JP', sans-serif;
        letter-spacing: 1px;
        line-height: 2.5;
        margin: 40px 0 0 auto;
        justify-content: center;
        flex-wrap: wrap;
        padding-bottom: 30px;
    }
    
    .sec02 .cont03 .title {
        font-size: 38px;
        letter-spacing: 3px;
        color: rgba(60,61,61,0.11);
        margin: 50px 20px 0;
        font-family: YuMincho,'Yu incho',serif;
        line-height: 1;
        position: absolute;
        top: 2437px;
        width: 90%;
    }
    
    .sec02 .cont03 .bottom_box p:nth-child(2) {
        margin: 30px 0 60px;
    }
    
    .sec02 .cont03 .bottom_box .shoku {
        width: 80%;
        margin: -10px auto 0;
        padding-left: unset;
        max-width: initial;
    }
    
    .sec02 .cont03 .bottom_box .bye img {
        position: relative;
        top: 0;
        left: auto;
        right: -145px;
    }
    
    .sec02 .cont05 .title {
        width: 86%;
        text-align: left;
        font-size: 38px;
        letter-spacing: 5px;
        color: rgba(60,61,61,0.11);
        margin: 35px auto 0 20px;
        font-family: YuMincho,'Yu incho',serif;
        line-height: 1;
        height: 130px;
    }
    
    .sec02 .cont05 {
        margin-top: -150px;
    }

    @media screen and (min-width: 601px)and (max-width: 768px) {
        .sec02 .cont05 {
            margin-top: 0px;
        }

        .sec02 .cont03 .bottom_box .shoku {
            width: 40%;
            margin: -5px 0 0 auto;
            padding-left: 20px;
            min-width: 300px;
        }

        .sec02 .cont03 .bottom_box .bye img {
            position: relative;
            top: 0;
            left: auto;
            right: 0;
        }
    }

    @media screen and (min-width: 365px)and (max-width: 768px) {

        .sec02 .cont06::after {
            content: '';
            width: 85%;
            height: 630px!important;
            background: rgba(189,164,128,0.12);
            display: block;
            position: absolute;
            top: 4930px;
            z-index: -1;
            margin: 100px auto 0 0;
            left: auto;
            right: 7%;
        }
    }
    
    .sec02 .cont05 .bottom_box {
        display: flex;
        justify-content: center;
        position: relative;
        margin: 70px auto;
    }
    
    .sec02 .cont05 .bottom_box p:nth-child(1) img {
        position: absolute;
        top: -69px;
        left: -139px;
        width: 79%;
    }
    
    .sec02 .cont05 .bottom_box p:nth-child(2) {
        font-size: 14px;
        font-family: 'Noto Sans JP', sans-serif;
        letter-spacing: 1px;
        line-height: 2.5;
        width: 80%;
        margin: 0 auto;
        max-width: 300px;
        min-width: 297px;
    }
    
    .sec02 .cont06::after {
        content: '';
        width: 85%;
        height: 526px;
        background: rgba(189,164,128,0.12);
        display: block;
        position: absolute;
        top: 4930px;
        z-index: -1;
        margin: 100px auto 0 0;
        left: auto;
        right: 7%;
    }
    
    .sec02 .cont06 .title {
        font-size: 37px;
        letter-spacing: 5px;
        color: rgba(60,61,61,0.11);
        width: 90%;
        margin: 20px auto 0;
        line-height: 1;
    }
    
    .sec02 .cont06 {
        margin-top: -25px;
    }
    
    .sec02 .cont06 .bottom_box {
        display: flex;
        font-size: 14px;
        font-family: 'Noto Sans JP', sans-serif;
        letter-spacing: 1px;
        line-height: 2.5;
        margin: 40px 0 0 auto;
        justify-content: center;
        flex-direction: column;
        flex-wrap: wrap;
    }
    
    .sec02 .cont06 .bottom_box p:nth-child(1) {
        position: relative;
        bottom: -280px;
        left: -175px;
        max-width: 360px;
    }
    
    .sec02 .cont06 .bottom_box p:nth-child(2) {
        margin: 30px auto 0px;
        position: relative;
        bottom: 165px;
        width: 85%;
        padding-top: 10px;
        max-width: 306px;
    }
    
    .sec03 {
        background: url(../images/tatami.png);
        background-size: cover;
        height: 825px;
        margin-top: 185px;
    }
    
    .sec03 .inner {
        width: 100%;
        margin: 0 auto;
        position: relative;
        text-align: center;
    }
    
    .sec03 .inner .top p:nth-child(1) img {
        margin-top: -180px;
        max-width: 80%;
    }
    
    .sec03 .inner .top p:nth-child(2) img {
        margin-top: 30px;
    }
    
    .sec03 .inner .top p:nth-child(3) {
        -ms-writing-mode: unset;
        writing-mode: unset;
        margin: 0 auto;
        line-height: 2;
        padding-top: 50px;
        letter-spacing: 2px;
        font-size: 14px;
        text-align: center;
    }
    
    .sec03 .inner .illust {
        display: flex;
        justify-content: space-between;
        width: 90%;
        margin: 0 auto;
        position: relative;
        bottom: 300px;
    }
    
    .sec03 .inner .illust p:nth-child(1) img {
        position: absolute;
        top: 280px;
        left: -63px;
        width: 70%;
        max-width: 268px;
    }
    
    .sec03 .inner .illust p:nth-child(2) img {
        position: absolute;
        right: -25px;
        bottom: auto;
        top: -255px;
        width: 31%;
    }

    .sec03 .inner .illust p:nth-child(3) img {
        position: absolute;
        right: -30px;
        top: -270px;
        width: 45%;
    }

    .sec03 .inner .illust p:nth-child(4) img {
        position: absolute;
        right: -25px;
        top: -130px;
        width: 30%;
    }

    .history .five {
        background-position: center;
    }
    
    .inromation .top .left {
        width: 100%;
        height: 256px;
    }
    
    .inromation .top .left iframe {
        width: 100%;
        height: 100%;
    }
    
    .inromation .top {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 50px;
        flex-wrap: wrap;
    }
    
    .inromation .top .right {
        line-height: 1.7;
        margin-left: auto;
        margin: 35px auto -20px;
    }
    
    .inromation .cont {
        background: url(../images/back_black.png);
        color: #fff;
        margin-top: 70px;
        text-align: center;
        padding-top: 50px;
        background-size: cover;
    }
    
    .inromation .cont p:nth-child(1) {
        font-size: 24px;
        letter-spacing: 5px;
    }
    
    .inromation .cont p:nth-child(2) {
        font-size: 20px;
        margin-top: 20px;
    } 
    
    .inromation .cont .box {
        display: flex;
        justify-content: center;
        text-align: left;
        line-height: 2.3;
        margin-top: 40px;
        flex-wrap: wrap;
    }
    
    .inromation .cont .box p:nth-child(2) {
        font-size: 16px;
        margin-top: 30px;
        margin-left: 40px;   
        font-family: 'Noto Sans JP', sans-serif; 
    } 
    
    .inromation .cont .img_boxs {
        width: 100%;
        justify-content: unset;
        display: block;
        height: 275px;
        margin: 80px 0 -108px;
        background: url(../images/img_info.png)center center repeat-x;
        animation: bMove01 50s linear infinite;
    }
    
    .inromation .cont .line {
        margin-top: 30px;
    }
    
    .inromation .cont .big_show {
        font-size: 16px;
        font-family: 'Noto Sans JP', sans-serif; 
        line-height: 2;
        margin-top: 45px;
    }
    
    .inromation .cont .big_show .show {
        display: flex;
        width: 73%;
        margin: 0 auto;
        min-width: 311px;
        max-width: 311px;
    }
    
    .inromation .cont .big_show .show p {
        font-size: 15px;
        margin: 0;
        text-align: left;
    }
    
    .inromation .cont .big_show .show p:nth-child(1) {
        width: 80px;
        min-width: 75px;
    }
    
    .inromation .cont .scedule {
        background: rgba(255, 255, 255, 0.12);
        width: 90%;
        height: auto;
        margin: 0 auto;
        position: relative;
    }
    
    .inromation .cont .show p {
        font-size: 16px;
        font-family: 'Noto Sans JP', sans-serif; 
        margin: 0;
    }
    
    .inromation .cont .scedule .subtitle {
        font-size: 16px;
        margin: 20px 0 0px;
        padding: 20px 0 50px;
    }
    
    .inromation .cont .show p:nth-child(1) {
        width: 150px;
        display: flex;
        min-width: 140px;
    }
    
    .inromation .cont .scedule .show {
        display: flex;
        text-align: left;
        margin: 0 auto;
        width: 91%;
        padding-bottom: 50px;
        line-height: 2;
        position: relative;
    }
    
    .inromation .cont .scedule .line_t::after {
        content: "";
        position: absolute;
        top: 34px;
        left: 50px;
        display: inline-block;
        width: 2px;
        height: 72%;
        background: #fff;
    }
    
    .inromation .cont .scedule .line_2::after {
        content: "";
        position: absolute;
        top: 34px;
        left: 50px;
        display: inline-block;
        width: 2px;
        height: 64%;
        background: #fff;
    }
    
    .inromation .cont .bottom {
        margin-top: 70px;
    }
    
    .inromation .cont .bottom p:nth-child(1) {
        font-size: 18px;
    }
    
    .inromation .cont .bottom p:nth-child(2) {
        font-size: 20px;
        margin-top: 20px;
    }
    
    .inromation .cont .bottom .boxs {
        display: flex;
        justify-content: center;
        margin-top: 20px;
        flex-wrap: wrap;
        padding-bottom: 50px;
    }
    
    .inromation .cont .bottom .boxs .btn {
        position: relative;
        margin: 10px;
        width: 251px;
    }

    .inromation .cont .bottom .boxs .btn p:nth-child(1) {
        width: 100%;
        height: 100%;
    }
    
    .inromation .cont .bottom .boxs .btn p:nth-child(2) {
        font-size: 18px;
        position: relative;
        bottom: 64px;
        color: #3c3d3d;
        left: 52px;
        width: 132px;
    }
    
    .inromation .cont .bottom .boxs .btn .number {
        font-size: 20px!important;
    }
    
    .inromation .shop {
        padding-top: 50px;
    }
    
    .inromation .shop .top {
        display: block;
        justify-content: unset;
        align-items: unset;
        margin-top: auto;
        text-align: center;
        font-size: 21px;
        line-height: 2;
        color: #231815;
    }
    
    .inromation .shop .top .color {
        color: #b0894f;
    }
    
    .inromation .shop .mid {
        display: flex;
        justify-content: center;
        position: relative;
        width: 80%;
        margin: 50px auto 0;
        line-height: 2;
        color: #231815;
        flex-wrap: wrap;
        max-width: 480px;
    }

    .inromation .shop .mid p:nth-child(1) {
        text-align: center;
        margin-bottom: 50px;
    }
    
    .inromation .shop .mid p:nth-child(1)::after {
        content: "";
        position: absolute;
        top: 120px;
        right: 38%;
        display: none;
        width: 23%;
        height: 2px;
        background: #3c3d3d;
    }

    .inromation .shop .mid p:nth-child(2) {
        min-width: 200px;
        margin: 0 auto;
    }
    
    .inromation .shop .img {
        display: flex;
        justify-content: center;
        margin-top: 40px;
        flex-wrap: wrap;
    }
    
    .inromation .shop .img p img {
        margin: 10px;
    }
    
    .inromation .shop .btn {
        text-align: center;
        position: relative;
        width: 90%;
        margin: 60px auto;
        max-width: 319px;
        min-width: 319px;
    }
    
    .inromation .shop .btn p:nth-child(2) {
        position: absolute;
        bottom: 20px;
        left: 80px;
    }
    
    .history {
        position: relative;
    }
    
    .history .title {
        -ms-writing-mode: unset;
        writing-mode: unset;
        position: absolute;
        right: auto;
        color: #fff;
        font-size: 35px;
        letter-spacing: 8px;
        margin-top: 50px;
        padding-right: 0;
        font-family: YuMincho,'Yu incho',serif;
        padding-left: 30px;
        text-shadow: 1px 1px 1px #000;
}


    }
    
    .history .title::after {
        content: "";
        position: absolute;
        top: 25px;
        right: -60px;
        display: inline-block;
        width: 60px;
        height: 2px;
        background: #fff;
    }
    
    .history .box {
        width: 100%;
        height: 650px;
    }
    .history .one {
        background: url(../images/ayumi01.png);
        background-size: cover;
        background-position: -250px 0;
    }
    .history .two {
        background: url(../images/ayumi02.png);
        background-size: cover;
        background-position: -185px 0;
    }
    .history .three {
        background: url(../images/ayumi03.png);
        background-size: cover;
        background-position: -190px 0;
    }
    @media screen and (max-width: 555px) {
        .history .three {
            background: url(../images/ayumi03.png);
            background-size: 1350px;
            background-position: -782px -246px!important;
        }
    }
    .history .four {
        background: url(../images/ayumi04_sp.jpg);
        /* background-size: 800px;
        background-position: -195px -323px; */
        background-size: 150%;
        background-position: -91px -178px;
}


    }
    .history .five {
        background: url(../images/ayumi05.png);
        background-size: cover;
        background-position: -234px 0;
    }

    .history .box .inner_top {
        width: 100%;
        height: 50%;
    }
    
    .history .box .inner {
        width: 100%;
        height: 50%;
        background: rgba(68,62,59,0.5);
    }

    .history .box .inner2 {
        width: 100%;
        height: 52%;
        background: rgba(68,62,59,0.5);
        margin-top: -13px;
    }
    
    .history .two .inner ,.history .four .inner {
        width: 100%;
        height: 50%;
        background: rgba(68,62,59,0.5);
        margin: 0 0 0 auto;
    }
    
    .history .box .inner .on_text {
        width: 90%;
        margin: 0px auto;
        padding: 20px 0px;
        color: #fff;
    }
    
    .history .two .inner .on_text ,.history .four .inner .on_text {
        width: 90%;
        margin: 0 auto;
        padding: 20px 0;
        color: #fff;
    }
    
    .history .box .inner .on_text .top {
        -ms-writing-mode: unset;
        writing-mode: unset;
        margin: 0 auto;
        font-size: 24px;
        letter-spacing: 5px;
        max-width: 375px;
    }
    
    .history .box .inner .on_text .subtitle {
        border-top: 2px solid;
        margin-top: 10px;
        padding-top: 10px;
        font-size: 18px;
        line-height: 1.3;
        max-width: 375px;
        margin: 0 auto;
    }
    
    .history .box .inner .on_text .text {
        font-size: 13px;
        line-height: 1.4;
        max-width: 375px;
        margin: 10px auto 0;
        text-shadow: 0px 1px 0px #000;
    }

    .last_line {
        line-height: 1.3!important;
    }
    
    .sec06 {
        text-align: center;
    }
    
    .sec06 .title {
        font-size: 20px;
        position: relative;
        top: 50px;
        right: auto;
        text-align: left;
        left: 24px;
        width: 210px;
    }
    
    .sec06 .title .small {
        font-size: 21px;
    }
    
    .sec06 p:nth-child(3) {
        width: 90%;
        margin: 45px auto 0;
        text-align: left;
        font-size: 14px;
        letter-spacing: 2px;
        line-height: 1.7;
        font-family: 'Noto Sans JP', sans-serif; 
    }
    
    .all_bottom_back {
        display: block;
        height: 330px;
        margin: 80px 0 -108px;
        background: url(../images/roll.png)center center repeat-x;
        animation: bMove01 50s linear infinite;
    }
    
    @keyframes bMove01 {
        0% {
            background-position: 2000px 0;
        }
    
        100% {
            background-position: 0 0;
        }
    }
    
    .last {
        width: 100%;
        height: auto;
        background: url(../images/last.png);
        background-size: cover;
        text-align: center;
        color: #fff;
        margin-top: 50px;
        padding-bottom: 50px;
    }
    
    .last p:nth-child(1) {
        font-size: 19px;
        margin: 20px auto 0;
        padding-top: 40px;
    }
    
    .last .title {
        font-size: 52px;
    }
    
    .last p:nth-child(3) {
        margin: 15px 0 20px;
    }
    
    .last .boxs {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        width: 230px;
        margin: 0 auto;
    }
    
    .last .boxs .box a {
        display: flex;
        align-items: center;
    }
    
    .last .boxs .box a p {
        margin: 10px;
        padding: 0;
        color: #fff;
        font-size: 15px;
        letter-spacing: 5px;
    }
    
    .map {
        height: 290px;
    }
    
    .map iframe {
        height: 100%;
    }
    
    footer {
        background: url(../images/back_black.png);
        width: 100%;
        height: 55px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 43px;
    }
    
    footer p {
        color: #fff;
        font-size: 10px;
        text-align: center;
    }
    
    .scroll_top {
        width: 60px;
        margin: 0 auto;
    }
    
    .scroll_top a p:nth-child(2) {
        text-align: center;
        font-size: 21px;
    }

    @media screen and (min-width: 650px)and (max-width: 768px){

    .history .four {
        background: url(../images/ayumi04_sp.jpg);
        background-size: 125%;
        background-position: -91px -420px;
    }

    .sec06 .title {
        font-size: 20px;
        position: relative;
        top: 95px;
        right: auto;
        text-align: left;
        left: 240px;
        width: 210px;
    }

    }

}