main h1 {
    text-align:center;
}

.ohp-slider .slider-prev,
.ohp-slider .slider-next {
    padding:0 !important;
    width:20px !important;
}
.ohp-slider .slider-prev {
    background:url(https://ohp-jp.sakura.ne.jp/product/jquery/ohp_slider/1.2/source/jquery.ohp_slider.img/prev.svg) center no-repeat !important;
	background-size:20px 32px !important;
	left:0 !important;
}
.ohp-slider .slider-next {
    background:url(https://ohp-jp.sakura.ne.jp/product/jquery/ohp_slider/1.2/source/jquery.ohp_slider.img/next.svg) center no-repeat !important;
	background-size:20px 32px !important;
	right:0 !important;
}
.ohp-slider li img {
    border-radius:8px;
}

#carousel-wrapper {
    position:relative;
    top:-60px;
    right:0;
    width:100%;
    height:300px;
    padding:0 10%;
}
#carousel {
    align-items: flex-end;
}
#carousel li {
    text-align:center;
    transition:0.2s;
}
#carousel li:hover {
    transform: scale(1.1);
}


#sec-1 {
    background:url("../up_load_files/freetext/index/1/img/wall.png") center top / 100% no-repeat;
}
#sec-1 h1 {
    padding:0 0 20px 0;
    margin:0 auto;
    width:200px;
    font-size:1em;
}
#sec-1 h1 span {
    font-size:1.6em;
}

#sec-2 {
    padding-top:40px;
    padding-bottom:80px;
}
#sec-2 a {
    position:relative;
    display:block;
}
#sec-2 a:nth-of-type(1) {
    text-align:right;
}
#sec-2 a > p {
    height:28vw;
    box-shadow:0 0 10px rgba(168,177,188,0.5);
    overflow:hidden;
    position:relative;
}
#sec-2 a > p img {
    transition:width 0.8s, margin 0.8s;
    position:relative;
    z-index:10;
}
#sec-2 a:hover > p img {
    width:102%;
    margin-left:-2%;
}
#sec-2 a > img {
    position:absolute;
    top:10vw;
    z-index:11;
}
#sec-2 a:nth-of-type(1) > img {
    right:15%;
}
#sec-2 a:nth-of-type(2) > img {
    left:15%;
}
#sec-2 a > div {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    padding-top:20px;
    display:inline-block;
}
#sec-2 a:nth-of-type(1) > div {
    padding-right:45%;
    margin:0 0 0 auto;
}
#sec-2 a:nth-of-type(2) > div {
    padding-left:45%;
    margin:0 auto 0 0;
}
#sec-2 a > div h1 {
    padding:0 0 0 20px;
    margin:0;
    text-align:left;
}
#sec-2 a > div p {
    line-height:2;
    margin-top:40px;
}
#sec-2 a:hover img {
    opacity:1;
}

#sec-3 {
    padding-bottom:80px;
}
#sec-3 p {
    padding-bottom:20px;
}

#sec-4 {
    padding-bottom:80px;
}
#sec-4 p:last-of-type a {
    display:block;
    background:url("../up_load_files/freetext/index/4/img/visit.png") center center / cover no-repeat;
    color:#fff;
    text-align:center;
    font-size:1.6em;
    padding:70px 20px;
    margin:0 40px 0 auto;
}

#sec-5 h1 {
    padding:0 0 5px 0;
}
#sec-5 .line {
    background:#00b833;
    border-radius:6px;
    padding:13px 20px;
    margin-top:50px;
    margin-bottom:40px;
    display:block;
}
#sec-5 .line h3 {
    color:#fff;
}
#sec-5 .line h3 img {
    vertical-align:middle;
}
#sec-5 .line p {
    color:#fff;
    padding-right:100px;
    padding-bottom:0;
    min-height:100px;
}

#sec-6 {
    padding-bottom:80px;
}
#blog a {
    font-family: century-gothic,sans-serif;
    font-weight: 400;
    font-style: normal;
    color:#737373;
}
#blog a p:first-of-type {
    height:240px;
}
#blog a h2 {
    font-size:1.2em;
    line-height:1.2;
    padding:10px 0;
    margin:0;
}
#blog a p:last-of-type {
    font-size:0.8em;
}


/* Visit Button */
#visit-button {
    display:block;
    width:168px;
    height:168px;
    border-radius:50%;
    position:fixed;
    bottom:30%;
    right:-15px;
    background:rgba(213,93,68,0.9) url("../_img/index/event_logo.png") center center no-repeat;
    color:#fff;
    text-align:center;
    line-height:1.8;
    font-size:1.2em;
    padding:30px 0;
    z-index:100;
    box-shadow:0 0 27px 16px rgba(145,91,51,0.3);
}


/** Media Query **/

@media only screen and (max-width : 900px) {
    #sec-2 a:nth-of-type(1) > img {
        right:10%;
    }
    #sec-2 a:nth-of-type(2) > img {
        left:10%;
    }
    #sec-4 p:last-of-type a {
        width:70%;
        margin:0 auto;
    }

    #sec-5 .g7 ,
    #sec-5 .g5 {
        width:100%;
    }
    #sec-5 .line {
        margin-top:0;
    }
}
@media only screen and (max-width : 640px) {
    #ohp-slider {
        margin-left:-40px;
        margin-right:-40px;
        width:calc(100% + 80px);
    }
    .ohp-slider .slider-prev,
    .ohp-slider .slider-next {
        display:none;
    }
    .ohp-slider li img {
        border-radius:0;
    }
    #carousel-wrapper {
        position:relative;
        top:20px;
        left:-20px;
        padding:0;
        overflow:hidden;
        width:calc(100% + 40px);
        height:200px;
    }
    #carousel-wrapper .prev {
        color:#fff;
        font-size:20px;
        background:#e1e6ea;
        border-radius:0 100% 100% 0;
        position:absolute;
        top:30px;
        left:-20px;
        padding:20px;
        width:60px;
        height:60px;
        z-index:100;
    }
    #carousel-wrapper .next {
        color:#fff;
        font-size:20px;
        background:#e1e6ea;
        border-radius:100% 0 0 100%;
        position:absolute;
        top:30px;
        right:-20px;
        padding:20px;
        width:60px;
        height:60px;
        z-index:100;
    }
    #carousel {
        position:absolute;
        top:0;
        left:0;
        height:auto;
        align-items:center;
        transition:0.4s;
    }
    #carousel li {
        height:auto;
        padding:0 60px;
        text-align:left;
        position:relative;
    }
    #carousel li:hover {
        transform:none;
    }
    #carousel li img {
        width:40px;
        float:left;
    }
    #carousel li div {
        padding:0 0 0 10px;
        text-align:left;
        font-size:1.1em;
        line-height:1.6;
        display:inline-block;
        position:absolute;
        bottom:0;
        right:60px;
    }
    #carousel li:first-of-type img {
        width:70px;
    }
    #carousel li:first-of-type div {

    }

    #sec-2 a > p {
        height:60vw;
    }
    #sec-2 a > img {
        height:360px;
        width:auto;
        top:40vw;
    }
    #sec-2 a:nth-of-type(1) > div {
        padding-bottom:40px;
    }
    #sec-3 .g4 {
        width:100%;
    }

    #sec-4 .read {
        text-align:left;
    }
    #sec-4 .g4 {
        width:100%;
    }
    #sec-4 p:last-of-type a {
        width:100%;
        padding:40px 0;
    }

    #sec-5 h3.g6 {
        width:50%;
    }
    #blog a {
        width:100% !important;
    }

    #visit-button {
        width:100%;
        height:auto;
        border-radius:0;
        bottom:0;
        right:0;
        background:rgba(213,93,68,0.9);
        font-size:1.2em;
        padding:10px;
        box-shadow:none;
    }
    #visit-button br {
        display:none;
    }
}