.sp {
    display: none;
}

@media screen and (max-width: 764px) {
.pc {
    display: none;
}
.sp {
    display: block;
}
}
#tour .slick-dots li {
    margin: 0;
}
.slide-arrow {
    background-color: rgba(0,0,0,0.6);
    position: absolute;
    top: 45%;
    z-index: 10;
    width: 15px;
    padding: 10px;
    text-align: center;
}
.slick-slide {
    margin: 0 5px;
}
.slide-arrow img {
    width: 10px;
    height: auto;
}
.prev-arrow {
    left: -35px;
}
.next-arrow {
    right: -35px;
}
.showcase img {
    width: 100%;
    height: auto;
}

.pc-center {
    text-align: center;
}

@media screen and (max-width: 764px) {
    .slick-slide {
        margin: 0px;
    }
    .pc-center {
        text-align: left;
    }
}
.button {
    margin-bottom: 20px;
}
.add-friend {
    margin-bottom: 20px;
    
}
.add-friend a {
    display: block;
    width: 116px;
    margin:  0 auto;
}
.button a {
    display: block;
    font-size: 1rem;
    line-height: 3rem;
    text-decoration: none;
    max-width: 400px;
    margin: 0 auto;
    background-color: #fc5900;
    color: #ffffff;
    text-align: center;
    background-image: url("../images/arrow-right.png");
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-size: 20px auto;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.30);
}
.out-button a {
    display: block;
    font-size: 1rem;
    line-height: 3rem;
    text-decoration: none;
    max-width: 380px;
    margin: 0 auto;
    background-color: #ffffff;
    color: #4aa4e5;
    border : 2px solid #4aa4e5;
    text-align: center;
    background-image: url("../images/arrow-outer.png");
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-size: 20px auto;
    box-sizing: border-box;
}
.relactive-box {
    position: relative;
}
.flex-wrap {
    display: flex;
    flex-wrap: wrap;
}
.flex-nowrap {
    display: flex;
}
.image-l .image {
    float: left;
}
.background-box {
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
    padding-top: 300px;
}
#tour .inner {
    width: 750px;
    padding: 50px 0px;
    color: #333333;
    box-sizing: border-box;
}
#tour .inner-wide {
    width: 1152px;
    margin: 0 auto;
}
#tour .inner.no-item {
    width: 750px;
    padding: 50px 40px;
    color: #333333;
    box-sizing: border-box;
}
.inner .item {
    padding: 30px 40px;
    margin: 0 auto;
    width: 650px;
    background-color: #ffffff;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.30);
}

@media screen and (max-width: 764px) {
.image-l .image {
    width: 35%;
}
.background-box {
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
    padding-top: 150px;
}
#tour .inner {
    width: 100%;
    padding: 30px 0px;
}
#tour .inner-wide {
    width: 100%;
    padding: 30px 0px;
}
#tour .inner.no-item {
    width: 84%;
    padding: 50px 0px;
    margin: 0 auto;
}
.inner .item {
    padding: 15px 5%;
    margin: 0 auto;
    width: 90%;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.30);
}
.sp-slide {
    width: 86%;
    margin: 0 auto;
}
}
#tour .image img {
    border-radius: 0;
}
#tour .inner h2 {
    text-align: center;
    font-size: 2rem;
    line-height: 2.3rem;
    border: 0;
}
#tour .inner h3 {
    text-align: center;
    font-size: 1.6rem;
    line-height: 2rem;
}
#tour .inner h4 {
    color: #5ea5ce;
    margin-bottom: 10px;
    font-size: 1.1rem;
    line-height: 2rem;
}
.fnt-yellow {
    color: #fff000;
}
.fnt-white {
    color: #ffffff;
}
.marker {
    background: linear-gradient(transparent 70%, #dff9ff 70%);
    font-weight: bold;
}
.box01 {
    border: 2px solid #5ea5ce;
    ;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
    text-align: center;
}

@media screen and (max-width: 764px) {
#tour .inner h2 {
    font-size: 1.6rem;
    line-height: 2rem;
}
#tour .inner h3 {
    font-size: 1.6rem;
    line-height: 2rem;
}
#tour .inner h4 {
    margin-bottom: 5px;
    font-size: 1.1rem;
    line-height: 1.5rem;
}
}
#tour p {
    font-size: 15px;
    line-height: 1.5rem;
}
#tour p.fnt-s {
    font-size: 13px;
    line-height: 1.2rem;
}
#tour p.lead {
    font-size: 18px;
    text-align: center;
    margin-bottom: 30px;
}
#tour p.desc {
    margin-bottom: 30px;
}
.toggle-button {
    cursor: pointer;
    width: 88%;
    padding: 20px 0;
    margin: 0 auto 10px;
}
.toggle-button.active {
    margin: 0 auto 0px;
}
.toggle-button.arrow {
    background-color: #4aa4e5;
    text-align: center;
    color: #ffffff;
    max-width: 380px;
    background-image: url("../images/arrow-down.png");
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-size: 20px auto;
}
.toggle-button.arrow.active {
    background-image: url("../images/arrow-up.png");
}
.toggle-button.plus {
    background-image: url("../images/arrow-plus.png");
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-size: 20px auto;
}
.toggle-button.plus.active {
    background-image: url("../images/arrow-minus.png");
}
.toggle-contents {
    display: none;
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 10px;
    box-sizing: border-box;
}
.toggle-contents p {
    margin-bottom: 10px;
}
.line-marker {
}
h2.under-line {
    position: relative;
}
h2.under-line:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width : 100px;
    margin: 0 auto;
}
h2.headingN01 {
    padding: 30px;
    margin-bottom: 40px;
}
h2.headingN01:after {
    border-bottom: 1px solid #5ea5ce;
}
h2.headingN01-white {
    color: #ffffff;
    padding: 30px;
    margin-bottom: 40px;
}
h2.headingN01-white:after {
    border-bottom: 1px solid #ffffff;
}
h3.headingN02 {
    padding-bottom: 25px;
    margin-bottom: 40px;
    border-bottom: 1px solid #5ea5ce;
}
h2.headingN03 {
    color: #5ea5ce;
    padding: 30px;
    margin-bottom: 40px
}
h2.headingN03:after {
    border-bottom: 1px solid #5ea5ce;
}
h2.headingN04 {
    color: #ffffff;
}
h2.headingN05 {
    color: #ffffff;
    border-bottom: 1px solid #ffffff!important;
    border-top: 1px solid #ffffff!important;
    padding: 20px 0;
    margin-bottom: 40px;
}
h2.headingN05-black {
    color: #000000;
    border-bottom: 1px solid #000000!important;
    border-top: 1px solid #000000!important;
    padding: 20px 0;
    margin-bottom: 40px;
}
h4.heading01 {
    color: #5ea5ce;
    margin-bottom: 20px;
    text-align: center;
}
.bg-crossline {
    background-image : repeating-linear-gradient(to bottom,          /* 横線 */ transparent 19px, rgba(255, 255, 255, 0.20) 20px, rgba(255, 255, 255, 0.20) 20px, transparent 21px, transparent 39px, rgba(255, 255, 255, 0.20) 40px, rgba(255, 255, 255, 0.20) 40px, transparent 41px, transparent 59px, rgba(255, 255, 255, 0.20) 60px, rgba(255, 255, 255, 0.20) 60px, transparent 61px, transparent 79px, rgba(255, 255, 255, 0.20) 80px, rgba(255, 255, 255, 0.20) 80px, transparent 81px, transparent 99px, rgba(255, 255, 255, 0.20) 100px, rgba(255, 255, 255, 0.20) 100px), repeating-linear-gradient(to right,          /* 縦線 */ transparent 19px, rgba(255, 255, 255, 0.20) 20px, rgba(255, 255, 255, 0.20) 20px, transparent 21px, transparent 39px, rgba(255, 255, 255, 0.20) 40px, rgba(255, 255, 255, 0.20) 40px, transparent 41px, transparent 59px, rgba(255, 255, 255, 0.20) 60px, rgba(255, 255, 255, 0.20) 60px, transparent 61px, transparent 79px, rgba(255, 255, 255, 0.20) 80px, rgba(255, 255, 255, 0.20) 80px, transparent 81px, transparent 99px, rgba(255, 255, 255, 0.20) 100px, rgba(255, 255, 255, 0.20) 100px);
}
.background01 {
    background-image : repeating-linear-gradient(to bottom,          /* 横線 */ transparent 19px, rgba(204, 204, 204, 0.20) 20px, rgba(204, 204, 204, 0.20) 20px, transparent 21px, transparent 39px, rgba(204, 204, 204, 0.20) 40px, rgba(204, 204, 204, 0.20) 40px, transparent 41px, transparent 59px, rgba(204, 204, 204, 0.20) 60px, rgba(204, 204, 204, 0.20) 60px, transparent 61px, transparent 79px, rgba(204, 204, 204, 0.20) 80px, rgba(204, 204, 204, 0.20) 80px, transparent 81px, transparent 99px, rgba(204, 204, 204, 0.20) 100px, rgba(204, 204, 204, 0.20) 100px), repeating-linear-gradient(to right,          /* 縦線 */ transparent 19px, rgba(204, 204, 204, 0.20) 20px, rgba(204, 204, 204, 0.20) 20px, transparent 21px, transparent 39px, rgba(204, 204, 204, 0.20) 40px, rgba(204, 204, 204, 0.20) 40px, transparent 41px, transparent 59px, rgba(204, 204, 204, 0.20) 60px, rgba(204, 204, 204, 0.20) 60px, transparent 61px, transparent 79px, rgba(204, 204, 204, 0.20) 80px, rgba(204, 204, 204, 0.20) 80px, transparent 81px, transparent 99px, rgba(204, 204, 204, 0.20) 100px, rgba(204, 204, 204, 0.20) 100px);
}
.background02 {
    background-color: #61ccf4;
}
.background03 {
    background-color: #fff000;
}
.background04 {
    background-color: #4aa4e5;
}
.background05 {
    background-color: #e1e1e1;
}
#tour #blog {
    background-color: #e7f5ff;
}

@media screen and (max-width: 764px) {
#tour p {
    font-size: 16px;
    line-height: 1.6rem;
}
h2.headingN01 {
    padding: 20px 10px;
    margin-bottom: 20px;
}
}    

.main   {
    background-image: url("images/main.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 20px;
    height: 500px;
    box-sizing: border-box;
}
#tour .main .inner  {
    width: 1152px;
} 

    

#lead p.desc {
    font-size: 16px;
    padding: 0 1rem;
}
#summary p {
    line-height: 2rem;

}
#summary .marker {
    background:linear-gradient(transparent 75%, #ffc1e0 75%);
}
.point-block {
    margin-bottom: 30px;
}
.point-block .item {
    position: relative;
}
.point-label {
    background-color: #07a4e4;
    color: #ffffff;
    padding: 8px 0;
    text-align: center;
    width: 140px;
    position: absolute;
    top: -14px;
    left: calc(50% - 70px)
}
#point .point-block {
    margin-bottom: 80px;
}

@media screen and (max-width: 764px) {
    .main {
        padding: 1rem;
    text-align: center;
    padding-top: 30px;
    height: 280px;
        
    }
     #tour .main .inner  {
    width: 100%;
}    
    .main img {
        width: 100%;
    }
    #summary p {
        padding: 0 1rem;
        box-sizing: border-box;
    }
.point-block .item {
    padding: 30px 5% 15px;
}
}
#schedule .item {
    display: flex;
}
#schedule .item .image {
    width: 50%;
    margin-right: 2%;
}
#schedule .item .content {
    width: 48%;
}
@media screen and (max-width: 764px) {
    #schedule .item .image {
        width: 30%;
        margin-right: 2%;
    }
    #schedule .item .content {
        width: 68%;
    }
    #schedule .item .content h4 {
        font-size: 16px;
    }
    #schedule .item .content p {
        font-size: 12px;
        line-height: 1.2rem;
    }
}



#faq .toggle-button {
    max-width: 100%;
    width: 100%;
}
#faq .toggle-contents {
    width: 100%;
}

@media screen and (max-width: 764px) {
#faq .toggle-button {
    text-align: left;
    padding: 10px 30px 10px 10px;
    line-height: 1.6rem;
    font-size: 0.9rem;
    box-sizing: border-box;
}
#faq .toggle-contents {
    width: 100%;
}
}

#tour .timetable {
    background-color: rgba(30,120,148,0.5);
    width: 80%;
    padding: 10px 0 10px;
    margin: 0 auto 30px;
}
#orientation .timetable {
    background-color: rgba(0,0,0,0.4);
}
#tour .timetable .date {
    display: flex;
    justify-content: center;
    padding-top: 10px;
    margin-bottom: 10px;
}
#tour .timetable .date p {
    font-size: 2rem;
    margin: 0 8px;
    color: #fef200;
    font-family: Arial, Helvetica, "sans-serif";
}
#tour .timetable .date p span.week {
    color: #ffffff;
    font-size: 1rem;
}
#tour .timetable .date p span:last-child {
       font-size: 1rem;
    display: block;
}
#tour .timetable .recept {
    text-align: center;
    color: #ffffff;
}

@media screen and (max-width: 764px) {
#tour .timetable {
    width: 100%;
    padding: 10px 0 10px;
    margin: 0 auto 30px;
}
#tour .timetable .date {
    justify-content: center;
    margin-bottom: 10px;
}
#tour .timetable .date p {
    font-size: 1.6rem;
    margin: 0 8px;
}
#tour .timetable .date p span.week {
    font-size: 0.8rem;
}
#tour .timetable .date p span:last-child {
     font-size: 0.8rem;
}
#tour .timetable .recept {
}
}