@media screen and (max-width: 801px) {
    html {
        font-size: 62.5%;
    }

    body {
        font-family: "Noto Serif JP", serif;
        font-size: 1.6rem;
        line-height: 1;
    }

    .navbar_toggle {
        z-index: 9999;
        position: absolute;
        top: 50%;
        margin-top: -11px;
    }

    .navbar_toggle_icon {
        position: relative;
        display: block;
        height: 2px;
        width: 30px;
        background: rgb(255, 255, 255);
        transition: all 0.5s ease 0s;
    }

    .navbar_toggle_icon:nth-child(1) {
        top: 0px;
    }

    .navbar_toggle_icon:nth-child(2) {
        margin: 8px 0px;
    }

    .navbar_toggle_icon:nth-child(3) {
        top: 0px;
    }

    .navbar_toggle.open .navbar_toggle_icon:nth-child(1) {
        top: 10px;
        transform: rotate(45deg);
    }

    .navbar_toggle.open .navbar_toggle_icon:nth-child(2) {
        transform: translateY(-50%);
        opacity: 0;
    }

    .navbar_toggle.open .navbar_toggle_icon:nth-child(3) {
        top: -10px;
        transform: rotate(-45deg);
    }

    #wrapper {
        position: relative;
        width: 100%;
        min-height: 100vh;
        overflow-x: hidden;
        height: auto !important;
    }

    header #logo {
        position: relative;
        width: 100%;
        height: 70px;
        background-image: url("");
        background-size: cover;
        background-position: center center;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 0;
    }

    header #logo a {
        position: relative;
        display: block;
        width: 230px;
        height: 35px;
        z-index: 1;
        opacity: 1;
        background-size: 230px;
        background-repeat: no-repeat;
        transition: all 0.5s ease 0s;
    }

    header #logo a:hover {
        opacity: 0.75;
    }

    header #logo a img {
        display: none;
    }

    header #logo::after {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        content: "";
    }

    header #logo a img {
        width: 80%;
    }

    header .drawer {
        display: block;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        position: absolute;
        height: 70px;
        padding: 0px 1em;
        left: 0px;
        top: 0px;
    }

    a.navbar_brand {
        display: none;
    }

    header ul.menu {
        display: block;
        width: 100%;
        box-sizing: border-box;
        padding: 3% 10%;
    }

    header ul.menu li {
        display: block;
        width: 100%;
        margin: 15px 0px;
        box-sizing: border-box;
    }

    header ul.menu li a {
        position: relative;
        display: block;
        color: rgb(0, 0, 0);
        overflow: hidden;
        padding: 5px 7px;
    }

    header ul.menu li a span {
        position: relative;
        font-weight: bold;
        overflow: hidden;
    }

    header ul.menu li a span::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 1px;
        background-color: rgb(80, 80, 80);
        bottom: -3px;
        left: 0px;
        transform: translateX(-100%);
        transition: all 0.3s ease 0s;
    }

    header ul.menu li a:hover span::before {
        transform: translateX(0px);
    }

    header #menu_bottom {
        display: none;
    }

    header #menu_bottom_sp {
        display: block;
    }

    header #menu_bottom_sp a#menu_tel, header #menu_bottom_sp a#menu_mail {
        display: flex;
        flex-wrap: nowrap;
        place-content: center flex-start;
        align-items: center;
        padding: 23px 10%;
        background-color: rgb(22, 21, 29);
        border-top: 1px solid rgb(204, 204, 204);
        position: relative;
    }

    header #menu_bottom_sp a#menu_tel span, header #menu_bottom_sp a#menu_mail span {
        font-size: 1.5rem;
        color: rgb(255, 255, 255);
        padding-left: 45px;
    }

    header #menu_bottom_sp a#menu_tel span::before, header #menu_bottom_sp a#menu_mail span::before {
        content: "";
        position: absolute;
        left: 37px;
        top: 16px;
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center center;
        width: 20px;
        height: 28px;
    }

    header #menu_bottom_sp a#menu_tel span::before {
        background-image: url("./img/icon-tel.png");
    }

    header #menu_bottom_sp a#menu_mail span::before {
        background-image: url("./img/icon-mail.png");
    }

    header #menu_bottom_sp a#menu_tel {
    }

    header #menu_bottom_sp a#menu_mail {
    }

    header #menu_bottom_sp a i {
        color: rgb(255, 255, 255);
        margin-right: 17px;
    }

    .sp_none {
        display: none !important;
    }

    .inquiry_link {
        position: relative;
        width: 100%;
        background-color: rgb(252, 252, 252);
        margin: 0px auto;
        padding: 13% 0px;
        background-image: url("");
        background-size: cover;
        background-position: center bottom 20%;
    }

    .screen {
        position: relative;
        display: block;
        width: 90%;
        margin: 0px auto auto 5%;
        z-index: 0;
        box-sizing: border-box;
    }

    .screen:hover {
        opacity: 0.7;
    }

    .screen a {
        display: block;
        width: 250px;
        height: 50px;
        background-color: rgb(31, 31, 31);
        border: 1px solid rgb(31, 31, 31);
        text-align: center;
        margin: 37px auto;
        border-radius: 25px;
        line-height: 50px;
    }

    .screen a i {
        color: rgb(255, 255, 255);
        font-size: 1.7rem;
        margin-right: 11px;
        line-height: 50px;
    }

    .screen a span {
        color: rgb(255, 255, 255);
        line-height: 50px;
    }

    p.inq_title {
        color: rgb(255, 255, 255);
        text-align: center;
        display: none;
        margin: 0px auto;
        text-shadow: rgb(0, 0, 0) 0px 0px 3px, rgb(0, 0, 0) 0px 0px 2px, rgb(0, 0, 0) 0px 0px 1px;
    }

    p.inq_title span.ja {
        display: block;
        font-size: 1.5rem;
    }

    p.inq_title span.en {
        display: block;
        font-size: 1.8rem;
        text-transform: capitalize;
        line-height: 1.4;
        margin-bottom: 7px;
    }

    p.inq_txt {
        width: 80%;
        margin: 0px auto;
        font-size: 1.5rem;
        line-height: 1.8;
        color: rgb(255, 255, 255);
        text-align: left;
        text-shadow: rgb(0, 0, 0) 0px 0px 2px, rgb(0, 0, 0) 0px 0px 2px, rgb(0, 0, 0) 0px 0px 2px;
    }

    p.inq_txt br {
        display: none;
    }

    .bottom_links {
        position: relative;
        width: 100%;
        padding: 15px 0px;
        background-color: rgb(239, 239, 239);
    }

    ul.bottom_tour_list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: stretch;
        width: 90%;
        margin: 35px auto;
        box-sizing: border-box;
    }

    ul.bottom_tour_list li {
        width: 100%;
        margin-bottom: 5px;
        box-sizing: border-box;
    }

    ul.bottom_tour_list li a {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        background-color: rgb(255, 255, 255);
        border: 1px solid rgb(239, 239, 239);
        transition: all 0.5s ease 0s;
    }

    ul.bottom_tour_list li a:hover, ul.bottom_tour_list li a.current {
        border: 1px solid rgb(204, 204, 204);
    }

    ul.bottom_tour_list li a .thumb {
        display: block;
        width: 30%;
        background-size: cover;
        background-position: center center;
    }

    ul.bottom_tour_list li a .thumb::after {
        content: "";
        display: block;
        padding-top: 69%;
    }

    ul.bottom_tour_list li a p {
        display: block;
        width: 70%;
        box-sizing: border-box;
        padding: 15px;
    }

    ul.bottom_tour_list li a p span {
        position: relative;
        overflow: hidden;
        color: rgb(0, 0, 0);
        font-weight: bold;
        font-size: 1.3rem;
        padding: 0px;
        transition: all 0.3s ease 0s;
    }

    ul.bottom_tour_list li a:hover p span {
        color: rgb(76, 76, 76);
    }

    footer {
        width: 100%;
        position: relative;
        background: rgb(51, 51, 51);
        padding: 35px 5%;
        box-sizing: border-box;
        display: flex;
        flex-flow: column-reverse wrap;
    }

    #page_top {
        position: fixed;
        right: 0px;
        bottom: 0px;
        display: block;
        background-color: rgb(66, 66, 66);
        color: rgb(255, 255, 255);
        width: 50px;
        height: 50px;
    }

    #page_top i {
        display: block;
        text-align: center;
        line-height: 50px;
    }

    .footer_info {
        width: 100%;
        color: rgb(255, 255, 255);
        box-sizing: border-box;
    }

    .footer_info a {
        display: block;
    }

    .footer_info a img {
        display: block;
        width: 230px;
        margin: 0px auto 7px 0px;
    }

    .footer_info p {
        margin: 0px 0px 9px;
    }

    .footer_info p.footer_address {
        color: rgb(255, 255, 255);
        font-size: 1.3rem;
        display: inline-block;
    }

    .footer_info p.footer_telfax {
        color: rgb(255, 255, 255);
        font-size: 1.3rem;
        display: block;
    }

    .footer_info p.footer_telfax span.sl {
        color: rgb(255, 255, 255);
        font-size: 1.3rem;
        margin: 0px 7px;
        display: inline-block;
    }

    p.footer_hours {
        color: rgb(255, 255, 255);
        font-size: 1.3rem;
        display: block;
    }

    ul.footer_subpage {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: stretch;
        width: 100%;
        padding: 17px 0px;
        box-sizing: border-box;
        border-top: 1px solid rgb(204, 204, 204);
    }

    ul.footer_subpage li {
        width: 50%;
        display: inline-block;
        box-sizing: border-box;
    }

    ul.footer_subpage li a {
        color: rgb(255, 255, 255);
        position: relative;
        display: block;
        overflow: hidden;
        padding: 0px 0px 5px;
        font-size: 1.3rem;
    }

    ul.footer_subpage li a span {
        position: relative;
        overflow: hidden;
    }

    ul.footer_subpage li a span::before {
        font-family: FontAwesome;
        content: "ï„…";
        position: relative;
        margin-right: 5px;
    }

    ul.footer_subpage li a span::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 1px;
        background-color: rgb(255, 255, 255);
        bottom: -3px;
        left: 0px;
        transform: translateX(-100%);
        transition: all 0.3s ease 0s;
    }

    ul.footer_subpage li a:hover span::after {
        transform: translateX(0px);
    }

    .footer_map {
        width: 100%;
        box-sizing: border-box;
    }

    .footer_map ul.footer_page {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: stretch;
    }

    .footer_map ul.footer_page li {
        width: 50%;
        display: inline-block;
        margin: 0px 0px 11px;
    }

    .footer_map ul.footer_page li a {
        color: rgb(255, 255, 255);
        position: relative;
        display: block;
        overflow: hidden;
        padding: 0px 0px 5px;
        font-size: 1.3rem;
    }

    .footer_map ul.footer_page li:last-child a::after {
        content: "";
    }

    .footer_map ul.footer_page li a span {
        position: relative;
        overflow: hidden;
        color: rgb(255, 255, 255);
        font-size: 1.3rem;
    }

    ul.footer_page li a span::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 1px;
        background-color: rgb(255, 255, 255);
        bottom: -3px;
        left: 0px;
        transform: translateX(-100%);
        transition: all 0.3s ease 0s;
    }

    ul.footer_page li a:hover span::before {
        transform: translateX(0px);
    }

    footer .copy {
        display: block;
        color: rgb(148, 148, 148);
        font-size: 1.1rem;
        margin: 17px 0px 0px;
    }

    #container {
    }

    main {
        width: 100%;
        margin-top: 70px;
    }

    #top, #intro {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: calc(100vh - 70px);
        background-size: cover;
    }

    #top {
        background-position: center bottom;
        background-attachment: fixed;
    }

    .section_inner {
        width: 80%;
        margin: 0px auto;
        padding: 27px 0px;
    }

    .section::before, .section::after {
        content: "";
        clear: both;
        display: table;
    }

    .section h3 {
        text-align: center;
        font-size: 3.4rem;
        line-height: 6.8rem;
        letter-spacing: 0.1em;
    }

    .text_box {
        position: relative;
        width: 55%;
        margin: auto;
    }
    #top_text{
	width:100%;
	height:auto;
	display:flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
    padding:37px 0;
    }
    .mess_text{
    }
    .mess_text br{
        display:none !important;
    }

    .text_box h2 {
        text-align: center;
        font-size: 3rem;
        line-height: 6rem;
        letter-spacing: 0.1em;
        margin-bottom: 0.8em;
    }

    .text_box p {
        font-size: 1.7rem;
        line-height: 3.4rem;
    }

    #float_bar {
        position: relative;
    }

    #news_float ul {
        display: flex;
        width: 980px;
        margin: -35px auto 57px;
    }

    #news_float ul li {
        width: 35%;
        margin: 0px 1%;
        background: rgb(255, 255, 255);
        border-bottom: 1px solid rgb(234, 234, 234);
        box-shadow: rgba(0, 0, 0, 0.3) -1px 4px 74px -16px;
    }

    #news_float ul li a {
        display: block;
        box-sizing: border-box;
        padding: 17px;
        color: rgb(0, 0, 0);
    }

    #news_float ul li a span.date {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 7px;
    }

    #news_float ul li a span.title {
        display: block;
        font-size: 1.5rem;
    }

    #news_section {
        background-color: rgb(255, 255, 255);
    }

    #news {
        position: relative;
        width: 100%;
        margin: 0px auto;
        padding: 35px 0px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        place-content: flex-start space-around;
        align-items: stretch;
    }

    .post_head {
        width: 100%;
    }

    a.bth {
        width: 180px;
        display: block;
        padding: 9px 0px;
        margin: 0px auto;
        line-height: 1.8;
        text-align: center;
        position: relative;
        border: 1px solid rgb(221, 221, 221);
    }

    a.bth span {
        font-size: 1.3rem;
        color: rgb(0, 0, 0);
    }

    .post_head h2 {
        font-size: 2.7rem;
        margin-bottom: 17px;
        text-align: center;
    }

    .post_list {
        margin: 0px auto;
        width: 90%;
    }

    ul.news_list {
        list-style: none;
        margin: 0px auto;
        width: 100%;
    }

    ul.news_list li {
        width: 100%;
        display: block;
    }

    ul.news_list li a {
        display: flex;
        flex-flow: row wrap;
        align-items: flex-start;
        width: 100%;
        padding: 17px 0px;
        font-size: 1.3em;
        box-sizing: border-box;
        border-bottom: 1px dotted rgb(227, 227, 227);
        transition: all 0.5s ease-in 0s;
    }

    ul.news_list li:first-child a {
        padding-top: 0px;
    }

    ul.news_list li:last-child a {
        border-bottom: none;
    }

    ul.news_list li a:hover {
        transition: all 0.5s ease-in 0s;
    }

    ul.news_list li a .news_date {
        display: block;
        width: 90px;
        letter-spacing: 1px;
        color: rgb(0, 0, 0);
        font-size: 1.5rem;
        font-weight: bold;
        line-height: 1.6;
    }

    ul.news_list li a .news_cat {
        display: block;
        width: 90px;
        text-align: center;
    }

    ul.news_list li a .news_cat span {
        display: block;
        width: 90px;
        font-size: 1.2rem;
        line-height: 24px;
        text-align: center;
        letter-spacing: 1px;
        color: rgb(255, 255, 255);
        background-color: rgb(204, 204, 204);
    }

    ul.news_list li a .news_title {
        display: block;
        width: 100%;
        margin: 7px 0px;
        color: rgb(0, 0, 0);
        line-height: 1.6;
        font-size: 1.5rem;
        transition: all 0.5s ease-in 0s;
    }

    ul.news_list li a:hover .news_title {
        text-decoration: underline;
    }

    ul.news_list li dl::after {
        display: table;
        content: "";
        clear: both;
    }

    .content_link {
        position: relative;
        width: 100%;
        margin: 0px auto 5px;
        box-sizing: border-box;
        padding: 105px 0px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        z-index: 0;
    }

    .content_link::before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
    }

    .content_link::after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.3) 50%);
        background-size: 3px 3px;
        z-index: -1;
    }

    .content_link_img {
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        overflow: hidden;
        position: absolute !important;
    }

    .slide_img {
        z-index: -3;
        opacity: 0;
        width: 100%;
        height: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        left: 0px;
        top: 0px;
        animation: 36s ease 0s infinite normal none running anime;
    }

    .slide_img:nth-of-type(2) {
        animation-delay: 6s;
    }

    .slide_img:nth-of-type(3) {
        animation-delay: 12s;
    }

    .slide_img:nth-of-type(4) {
        animation-delay: 18s;
    }

    .slide_img:nth-of-type(5) {
        animation-delay: 24s;
    }

    .slide_img:nth-of-type(6) {
        animation-delay: 30s;
    }

    #slide_img01 {
        background-image: url("./img/");
    }

    #slide_img02 {
        background-image: url("./img/");
    }

    #slide_img03 {
        background-image: url("./img/");
    }

    #slide_img04 {
        background-image: url("./img/");
    }

    #slide_img05 {
        background-image: url("./img/");
    }

    #slide_img06 {
        background-image: url("./img/");
    }

    .content_link_txt {
        width: 90%;
        z-index: 2;
    }

    .content_link_txt h3 {
        display: block;
        color: rgb(255, 255, 255);
        line-height: 1;
        text-align: center;
        text-shadow: rgb(0, 0, 0) 0px 0px 5px, rgb(0, 0, 0) 0px 0px 4px, rgb(0, 0, 0) 0px 0px 3px;
        margin-bottom: 27px;
    }

    .content_link_txt h3 span.en {
        font-size: 2.5rem;
        font-weight: 400;
        display: block;
    }

    .content_link_txt h3 span.ja {
        font-size: 1.5rem;
    }

    .content_link_txt p {
        display: none;
        font-size: 1.5rem;
        line-height: 2;
        color: rgb(255, 255, 255);
        text-align: left;
        text-shadow: rgb(0, 0, 0) 0px 0px 5px, rgb(0, 0, 0) 0px 0px 4px, rgb(0, 0, 0) 0px 0px 3px;
    }

    .content_link_txt p br {
        display: none;
    }

    .content_link_txt a {
        display: block;
        width: 220px;
        height: 50px;
        line-height: 50px;
        margin: 27px auto 0px;
        color: rgb(255, 255, 255);
        border: 1px solid rgb(255, 255, 255);
        text-align: center;
        font-size: 1.5rem;
        transition: all 0.5s ease 0s;
    }

    .content_link_txt a:hover {
        color: rgb(36, 36, 36);
        background-color: rgb(255, 255, 255);
    }

    .event_link {
        position: relative;
        width: 100%;
        margin: 0px auto 5px;
        box-sizing: border-box;
        padding: 105px 0px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        z-index: 0;
    }

    .event_link::after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.3) 50%);
        background-size: 3px 3px;
        z-index: 0;
    }

    .event_link_img {
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        background-image: url("./img/");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        overflow: hidden;
        z-index: -2;
        position: absolute !important;
    }

    .event_link_txt {
        width: 90%;
        z-index: 1;
    }

    .event_link_txt h3 {
        display: block;
        color: rgb(255, 255, 255);
        line-height: 1;
        text-align: center;
        text-shadow: rgb(0, 0, 0) 0px 0px 5px, rgb(0, 0, 0) 0px 0px 4px, rgb(0, 0, 0) 0px 0px 3px;
        margin-bottom: 27px;
    }

    .event_link_txt h3 span.en {
        font-size: 2.5rem;
        font-weight: 400;
        display: block;
    }

    .event_link_txt h3 span.ja {
        font-size: 1.5rem;
    }

    .event_link_txt p {
        display: none;
        font-size: 1.5rem;
        line-height: 2;
        color: rgb(255, 255, 255);
        text-align: left;
        text-shadow: rgb(0, 0, 0) 0px 0px 5px, rgb(0, 0, 0) 0px 0px 4px, rgb(0, 0, 0) 0px 0px 3px;
    }

    .event_link_txt p br {
        display: none;
    }

    .event_link_txt a {
        display: block;
        width: 220px;
        height: 50px;
        line-height: 50px;
        margin: 27px auto 0px;
        color: rgb(255, 255, 255);
        border: 1px solid rgb(255, 255, 255);
        text-align: center;
        font-size: 1.5rem;
        transition: all 0.5s ease 0s;
    }

    .event_link_txt a:hover {
        color: rgb(36, 36, 36);
        background-color: rgb(255, 255, 255);
    }

    .sub_links {
        position: relative;
        width: 90%;
        margin: 0px auto;
        box-sizing: border-box;
        padding: 0px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        z-index: 0;
    }

    .sub_links a {
        position: relative;
        width: 100%;
        background-size: cover;
        background-position: center center;
        background-color: rgb(204, 204, 204);
        box-sizing: border-box;
        padding: 3%;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        z-index: 0;
        overflow: hidden;
    }

    .sub_links a::before {
        display: block;
        content: "";
        padding-top: 80%;
        z-index: -1;
    }

    .sub_links a::after {
        display: block;
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: -100%;
        background: rgba(0, 0, 0, 0.3);
        z-index: 1;
        transition: all 0.5s ease 0s;
    }

    .sub_links a:nth-child(1) {
        margin-bottom: 7px;
        background-image: url("./img/");
    }

    .sub_links a:nth-child(2) {
        margin-bottom: 7px;
        background-image: url("./img/");
    }

    .sub_links a:nth-child(3) {
        background-image: url("./img/");
    }

    .sub_links a:hover::after {
        left: 0px;
    }

    .sub_links a p {
        display: block;
        color: rgb(255, 255, 255);
        line-height: 1;
        text-align: left;
        text-shadow: rgb(0, 0, 0) 0px 0px 5px, rgb(0, 0, 0) 0px 0px 4px, rgb(0, 0, 0) 0px 0px 3px;
        margin-bottom: 27px;
        z-index: 3;
    }

    .sub_links a p span.en {
        font-size: 3rem;
        font-weight: 400;
        display: block;
        margin-bottom: 5px;
    }

    .sub_links a p span.ja {
        font-size: 1.5rem;
    }

    #breadcrumbs {
        /* background: rgb(82, 82, 82); */
        width: 100%;
        height: 40px;
        position: relative;
        overflow: hidden;
        display: block;
        z-index: 1;
        box-sizing: border-box;
        margin-top: 70px;
        white-space: nowrap;
    }

    #breadcrumbs ul {
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-start;
        align-items: center;
        box-sizing: border-box;
        width: 100%;
        line-height: 40px;
        color: rgb(170, 170, 170);
        list-style: none;
        overflow-x: scroll;
    }

    #breadcrumbs ul li {
        font-size: 1.2rem;
    }

    #breadcrumbs ul li:last-child {
        padding-right: 23px;
    }

    #breadcrumbs ul li a {
        display: block;
        background: rgb(59, 59, 59);
        padding-right: 17px;
        height: 40px;
        margin-right: 27px;
        position: relative;
        text-decoration: none;
        color: rgb(239, 239, 239);
        letter-spacing: 0.15rem;
        font-size: 1.2rem;
        transition: all 0.3s ease 0s;
    }

    #breadcrumbs ul li.current {
        color: rgb(239, 239, 239);
    }

    #breadcrumbs ul li a:last-of-type {
        margin-right: 43px;
    }

    #breadcrumbs ul li a::before {
        content: "";
        display: block;
        width: 0px;
        height: 0px;
        position: absolute;
        top: 0px;
        left: -40px;
        border-width: 20px;
        border-style: solid;
        border-image: initial;
        border-color: rgb(59, 59, 59) rgb(59, 59, 59) rgb(59, 59, 59) transparent;
        transition: all 0.3s ease 0s;
    }

    #breadcrumbs ul li a::after {
        content: "";
        display: block;
        width: 0px;
        height: 0px;
        position: absolute;
        top: 0px;
        right: -40px;
        border-width: 20px;
        border-style: solid;
        border-color: transparent transparent transparent rgb(59, 59, 59);
        border-image: initial;
        transition: all 0.3s ease 0s;
    }

    #breadcrumbs ul li:first-child a:first-child {
        padding-left: 25px;
    }

    #breadcrumbs ul li:first-child a::before {
        display: none;
    }

    #breadcrumbs ul li:first-child a span {
    }

    #breadcrumbs ul li:first-child a span::before {
        content: "";
        font-family: FontAwesome;
        display: inline-block;
        margin-right: 3px;
    }

    #breadcrumbs ul li a:hover {
        background: rgb(71, 71, 71);
        color: rgb(255, 255, 255);
        text-decoration: none;
    }

    #breadcrumbs ul li a:hover::before {
        border-color: rgb(71, 71, 71) rgb(71, 71, 71) rgb(71, 71, 71) transparent;
    }

    #breadcrumbs ul li a:hover::after {
        border-left-color: rgb(71, 71, 71);
    }

    #index_top {
        width: 100%;
        position: relative;
        height: 100vh;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center bottom;
        z-index: -3;
        background-color: rgb(0, 0, 0);
    }

    #main_top {
        width: 100%;
        position: relative;
        height: 280px;
        overflow: hidden;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        z-index: -3;
        background-color: rgb(0, 0, 0);
    }

    #video-background, #video-overlay {
        position: absolute;
        top: 0px;
        left: 0px;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
    }

    #video-background {
        z-index: -2;
    }

    #video-overlay {
        background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.5) 50%);
        background-size: 3px 3px;
        z-index: -1;
        display: none;
    }

    #index_top #video-overlay {
        background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 10%, rgba(0, 0, 0, 0.1) 10%);
        background-size: 3px 3px;
        z-index: -1;
    }

    .archive_tour_top {
        background-image: url("./img/");
    }

    .small_top {
        width: 100%;
        position: relative;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-image: url("./img/");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        height: 280px !important;
    }

    .small_top #main_top_text {
        position: absolute;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .small_top #main_top_text h1 {
        color: rgb(255, 255, 255);
        font-size: 0.75rem;
        line-height: 6rem;
        letter-spacing: 0.1em;
        text-align: center;
        text-shadow: rgb(0, 0, 0) 0px 0px 5px, rgb(0, 0, 0) 0px 0px 4px, rgb(0, 0, 0) 0px 0px 3px;
    }

    .small_top #main_top_text h1 span {
        display: block;
    }

    .small_top #main_top_text h1 span.en {
        font-family: "Spectral SC", serif;
        font-size: 2.5rem;
        line-height: 1.4;
        font-weight: 400;
    }

    .small_top #main_top_text h1 span.ja {
        font-size: 1.7rem;
        line-height: 1;
    }

    .activity_top {
        background-image: url("../img/");
        height: calc(100vh - 46px) !important;
    }

    #index_top #main_top_text {
        position: absolute;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #index_top #main_top_text h1 {
        position: relative;
        display: block;
    }

    #index_top #main_top_text h1 img {
        display: block;
        width: 75%;
        margin: 0px auto;
    }

    #index_top #main_top_text h1 span.en {
        font-size: 4.2rem;
        line-height: 1.4;
        letter-spacing: 0.1em;
        text-shadow: rgb(0, 0, 0) 0px 0px 5px, rgb(0, 0, 0) 0px 0px 4px, rgb(0, 0, 0) 0px 0px 3px;
    }

    #index_top #main_top_text h1 span.ja {
        font-size: 1.7rem;
        line-height: 3.4rem;
        text-shadow: rgb(0, 0, 0) 0px 0px 5px, rgb(0, 0, 0) 0px 0px 4px, rgb(0, 0, 0) 0px 0px 3px;
    }

    #index_top #main_top_text p {
        position: absolute;
        right: 5%;
        bottom: 5%;
        text-align: right;
    }

    #index_top #main_top_text p span {
        display: block;
    }

    #index_top #main_top_text p span strong {
        color: rgb(0, 0, 0);
        background-color: rgb(255, 255, 255);
        font-size: 1.7rem;
        display: inline-block;
        padding: 7px 20px;
        margin-bottom: 5px;
    }

    #single_top_text {
        position: absolute;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        padding: 5%;
        display: flex;
        flex-wrap: wrap;
        place-content: center flex-start;
        align-items: center;
    }

    #single_top_text h1 {
        position: relative;
        width: 100%;
        color: rgb(255, 255, 255);
        text-align: center;
        line-height: 2;
        letter-spacing: 0.1em;
        text-shadow: rgb(0, 0, 0) 0px 0px 5px, rgb(0, 0, 0) 0px 0px 4px, rgb(0, 0, 0) 0px 0px 3px;
    }

    #single_top_text h1 span {
        display: block;
    }

    #single_top_text h1 span.en {
        font-size: 2.5rem;
        line-height: 1.4;
        font-weight: 400;
        margin-bottom: 5px;
    }

    #single_top_text h1 span.ja {
        font-size: 1.7rem;
        line-height: 1;
    }

    #single_top_text .intro_text {
        margin-top: 27px;
    }

    #single_top_text .intro_text p {
        display: block;
        color: rgb(255, 255, 255);
        text-align: left;
        font-size: 1.5rem;
        line-height: 2;
        letter-spacing: 0.08em;
        text-shadow: rgb(0, 0, 0) 0px 0px 5px, rgb(0, 0, 0) 0px 0px 4px, rgb(0, 0, 0) 0px 0px 3px;
    }

    #single_top_text .intro_text p br {
        display: none;
    }

    .sp_text {
        width: 100%;
        display: block;
        margin: 37px auto;
    }

    .sp_text p {
        color: rgb(0, 0, 0);
        text-align: left;
        font-size: 1.7rem;
        line-height: 2;
        letter-spacing: 0.08em;
    }

    .sp_text p br {
        display: none;
    }

    .activity_content {
        position: relative;
        display: flex;
        align-items: flex-start;
        justify-content: space-around;
        z-index: 0;
        width: 100%;
        flex-wrap: wrap;
        padding: 0px 5%;
        box-sizing: border-box;
        margin-bottom: 77px;
    }

    .activity_content::before {
        position: absolute;
        z-index: -1;
        background-color: rgba(175, 224, 239, 0.35);
        width: 100%;
        height: 60%;
        top: 30px;
        left: 0px;
    }

    .main_content {
        position: relative;
        background-color: rgb(255, 255, 255);
    }

    ul.tour_list {
        width: 90%;
        margin: 0px auto;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-around;
        align-items: stretch;
    }

    ul.tour_list li {
        position: relative;
        width: 100%;
        margin-bottom: 3%;
        background-color: rgb(0, 0, 0);
    }

    ul.tour_list li::after {
    }

    ul.tour_list li a {
        position: relative;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        place-content: center space-around;
        align-items: center;
        z-index: 0;
        box-sizing: border-box;
        background: linear-gradient(to right, rgb(83, 105, 118), rgb(141, 151, 145));
    }

    ul.tour_list li a::after {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0);
        z-index: 1;
        transition: all 1s ease 0s;
    }

    ul.tour_list li a:hover::after {
        background-color: rgba(255, 255, 255, 0.2);
    }

    .tour_thumb {
        position: relative;
        width: 22%;
        background-size: cover;
        z-index: 0;
    }

    .tour_thumb::after {
        content: "";
        display: block;
        padding-top: 100%;
    }

    .tour_txt {
        position: relative;
        display: block;
        width: 73%;
        padding: 5%;
        box-sizing: border-box;
    }

    ul.tour_list li a p.tour_list_title {
        position: relative;
        color: rgb(255, 255, 255);
        display: block;
        text-align: left;
        margin-bottom: 3px;
    }

    ul.tour_list li a p.tour_list_title::after {
        width: 10px;
        height: 10px;
        display: block;
        position: absolute;
        top: 50%;
        right: 0px;
        margin-top: -5px;
        transform: rotate(45deg);
        border-top: 1px solid;
        border-right: 1px solid;
    }

    ul.tour_list li a p.tour_list_title span.ja {
        display: block;
        font-size: 1.5rem;
        font-weight: bold;
        margin-bottom: 5px;
    }

    ul.tour_list li a p.tour_list_title span.en {
        display: block;
        font-size: 1.1rem;
        color: rgb(207, 207, 207);
        text-transform: capitalize !important;
    }

    ul.tour_list li a p.tour_list_season {
        color: rgb(0, 0, 0);
        display: inline-block;
        z-index: 2;
    }

    ul.tour_list li a p.tour_list_season span.season {
        font-size: 1.1rem;
        font-weight: bold;
        color: rgb(255, 255, 255);
    }

    #single {
    }

    .single_content {
        display: block;
        width: 90%;
        margin: 0px auto;
        padding: 37px 0px;
    }

    .post_content {
        width: 90%;
        margin: 0px auto;
    }

    #single_title {
        margin-bottom: 27px;
        padding: 17px 0px;
        border-bottom: 3px solid rgb(204, 204, 204);
    }

    #single_title h2 {
        font-size: 1.8rem;
        line-height: 1.4;
    }

    .post_content img {
        display: block;
        width: 100%;
        margin: 0px auto 17px;
    }

    .post_content p {
        display: block;
        width: 100%;
        margin: 27px auto;
        text-align: left;
        font-size: 1.5rem;
        line-height: 2;
    }

    table.single_table {
        width: 100%;
        margin: 0px auto;
    }

    table.single_table tr th, table.single_table tr td {
        width: 100%;
        box-sizing: border-box;
        line-height: 1.6;
        display: block;
    }

    table.single_table tr th {
        font-weight: bold;
        text-align: left;
        padding: 11px;
        background-color: rgb(98, 182, 210);
        background-image: linear-gradient(-180deg, rgb(34, 129, 158), rgb(7, 57, 64));
        color: rgb(255, 255, 255);
    }

    table.single_table tr td {
        text-align: left;
        padding: 11px 23px;
        margin-bottom: 17px;
    }

    .single_sidebar {
        width: 100%;
        box-sizing: border-box;
        padding: 27px 0px 0px;
        border-top: 3px solid rgb(204, 204, 204);
    }

    .single_sidebar .sidebar_box {
        display: block;
        width: 100%;
        box-sizing: border-box;
        padding-bottom: 37px;
    }

    .single_sidebar .sidebar_box h5 {
        display: block;
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 17px;
        padding: 0px 0px 11px 17px;
        border-bottom: 1px solid rgb(204, 204, 204);
    }

    label.cat_select {
        width: 80%;
        display: block;
        margin: 0px auto;
    }

    label.cat_select select {
        width: 100%;
    }

    a.cat_link {
        display: inline-block;
        position: relative;
        margin-left: 10px;
        padding-left: 18px;
        font-size: 13px;
        line-height: 1.6;
        color: rgb(0, 0, 0);
    }

    a.cat_link::before {
        display: block;
        content: "";
        position: absolute;
        top: 5px;
        left: 0px;
        width: 5px;
        height: 5px;
        border-width: 1px 1px 0px 0px;
        border-bottom-style: initial;
        border-left-style: initial;
        border-bottom-color: initial;
        border-left-color: initial;
        border-image: initial;
        border-top-style: solid;
        border-top-color: rgb(0, 0, 0);
        border-right-style: solid;
        border-right-color: rgb(0, 0, 0);
        transform: rotate(45deg);
    }

    .sidebar_box ul {
    }

    .sidebar_box ul li {
        margin-bottom: 5px;
    }

    .sidebar_box ul li:last-child {
        margin-bottom: 0px;
    }

    .sidebar_box ul li a {
        display: inline-block;
        position: relative;
        margin-left: 10px;
        padding-left: 18px;
        font-size: 13px;
        line-height: 1.6;
        color: rgb(0, 0, 0);
    }

    .sidebar_box ul li a::before {
        display: block;
        content: "";
        position: absolute;
        top: 5px;
        left: 0px;
        width: 5px;
        height: 5px;
        border-width: 1px 1px 0px 0px;
        border-bottom-style: initial;
        border-left-style: initial;
        border-bottom-color: initial;
        border-left-color: initial;
        border-image: initial;
        border-top-style: solid;
        border-top-color: rgb(0, 0, 0);
        border-right-style: solid;
        border-right-color: rgb(0, 0, 0);
        transform: rotate(45deg);
    }

    .post_navigation {
        width: 100%;
        margin: 35px auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .post_navigation .prev a, .post_navigation .next a {
        font-size: 1.5rem;
        color: rgb(0, 0, 0);
    }

    .post_navigation .prev {
        text-align: left;
        padding-right: 27px;
        border-right: 1px solid rgb(157, 157, 157);
    }

    .post_navigation .next {
        text-align: right;
        padding-left: 27px;
    }

    #activity {
    }

    #activity .activity_content:nth-child(2n+1) {
    }

    #activity .activity_content:nth-child(2n) {
    }

    .content_head {
        width: 100%;
        position: relative;
        display: block;
        box-sizing: border-box;
        padding: 35px 0px;
    }

    .content_head h2 {
        text-align: left;
    }

    .content_head h2 span.en {
        display: block;
        font-size: 2.2rem;
        text-transform: capitalize;
        line-height: 1.4;
        margin-bottom: 7px;
    }

    .content_head h2 span.ja {
        display: block;
        font-size: 1.7rem;
    }

    .activity_image {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        background-color: rgb(204, 204, 204);
        background-size: cover;
        background-position: center center;
        z-index: -1;
    }

    .activity_image::after {
        content: "";
        display: block;
        padding-top: 75%;
    }

    .activity_intro {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: space-between;
        width: 100%;
        height: calc(100vh - 40px);
        margin: 0px auto;
        box-sizing: border-box;
        padding: 5%;
        z-index: 1;
    }

    #activity .activity_content:nth-child(2n+1) .activity_intro {
    }

    #activity .activity_content:nth-child(2n) .activity_intro {
    }

    .intro_text {
        box-sizing: border-box;
        width: 100%;
        margin: 0px auto;
    }

    .activity_intro h3 {
        margin: 0px auto 25px;
        position: relative;
    }

    #activity .activity_content:nth-child(2n+1) .activity_intro h3 {
        text-align: left;
    }

    #activity .activity_content:nth-child(2n) .activity_intro h3 {
        text-align: left;
    }

    .activity_intro h3 span.h3_en {
        display: block;
        font-size: 1.9rem;
        margin: 0px 0px 7px 5px;
        font-weight: 400;
        font-family: Jura, sans-serif;
    }

    .activity_intro h3 span.h3_ja {
        display: block;
        font-size: 2.3rem;
    }

    .activity_intro p {
        font-size: 2rem;
        line-height: 2;
        color: rgb(255, 255, 255);
        text-shadow: rgb(0, 0, 0) 0px 0px 5px, rgb(0, 0, 0) 0px 0px 4px, rgb(0, 0, 0) 0px 0px 3px;
        text-align: center;
    }

    .activity_detail {
        width: 100%;
        box-sizing: border-box;
        display: none;
    }

    .activity_detail table {
        width: 100%;
        border-top: 3px solid rgb(27, 27, 27);
        border-bottom: 3px solid rgb(27, 27, 27);
    }

    .activity_detail table th, .activity_detail table td {
        font-size: 15px;
        line-height: 1.8;
        border-bottom: 1px solid rgb(27, 27, 27);
    }

    .activity_detail table td p {
        font-size: 15px;
        line-height: 1.6;
    }

    .activity_detail table th {
        text-align: left;
        padding: 15px;
        box-sizing: border-box;
        width: 180px;
        border-right: 1px solid rgb(27, 27, 27);
    }

    .activity_detail table td {
        padding: 5px 5px 5px 30px;
    }

    .activity_detail table td ul {
    }

    .activity_detail table td ul li {
        display: inline-block;
        margin-right: 13px;
    }

    .swiper-slide {
        position: relative;
        display: flex;
        align-items: center;
        overflow: hidden;
        z-index: -1;
        height: 100vh !important;
    }

    .swiper-slide::after {
        content: "";
        position: absolute;
        z-index: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.25);
    }

    article.news {
        border-bottom: 1px solid rgb(224, 218, 203);
    }

    article.news a {
        display: flex;
        flex-flow: row wrap;
        align-items: flex-start;
        width: 100%;
        padding: 17px 0px;
        font-size: 1.3em;
        box-sizing: border-box;
        border-bottom: 1px dotted rgb(227, 227, 227);
        transition: all 0.5s ease-in 0s;
    }

    article.news a:hover {
        color: rgb(95, 122, 142);
    }

    article.news a p.data {
        display: block;
        width: 100%;
        letter-spacing: 1px;
        color: rgb(0, 0, 0);
        font-size: 1.5rem;
        font-weight: bold;
        line-height: 1.6;
    }

    article.news a p.data .cat {
        display: inline-block;
        width: 90px;
        font-size: 1.2rem;
        line-height: 24px;
        text-align: center;
        letter-spacing: 1px;
        color: rgb(255, 255, 255);
        background-color: rgb(204, 204, 204);
    }

    article.news a p.txt {
        display: block;
        width: 100%;
        margin: 7px 0px;
        color: rgb(0, 0, 0);
        line-height: 1.6;
        font-size: 1.5rem;
        transition: all 0.5s ease-in 0s;
    }

    .archive-pagination {
        display: block;
        width: 100%;
        margin: 35px auto;
    }

    ul.page-numbers {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: stretch;
    }

    ul.page-numbers li {
        margin: 0px 7px;
    }

    ul.page-numbers li span, ul.page-numbers li a {
        padding: 0px 7px;
        line-height: 1.6;
    }

    ul.page-numbers li span.current {
        font-weight: bold;
        border-bottom: 1px solid rgb(0, 0, 0);
    }

    ul.page-numbers li:hover a {
        border-bottom: 1px solid rgb(0, 0, 0);
    }

    ul#pagination {
        width: 100%;
        margin: 35px auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: stretch;
    }

    ul#pagination li {
        margin: 0px 7px;
    }

    ul#pagination li span, ul#pagination li a {
        padding: 0px 7px;
        line-height: 1.6;
    }

    ul#pagination li span.current {
        font-weight: bold;
        border-bottom: 1px solid rgb(0, 0, 0);
    }

    ul#pagination li:hover a {
        border-bottom: 1px solid rgb(0, 0, 0);
    }

    .about_content {
        width: 90%;
        margin: 35px auto 0px;
    }

    .tour_info_section {
        width: 100%;
        margin: 0px auto;
    }

    .tour_info_table {
        width: 100%;
        margin: 0px auto;
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-start;
        align-items: stretch;
        border-bottom: 1px solid rgb(204, 204, 204);
        border-top: 1px solid rgb(204, 204, 204);
    }

    .tour_info_table dl {
    }

    #tour_charge {
        width: 100%;
        box-sizing: border-box;
        padding: 27px 11px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #tour_time, #tour_period {
        width: 100%;
        box-sizing: border-box;
        padding: 27px 11px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #tour_charge {
        border-bottom: 1px solid rgb(204, 204, 204);
    }

    p.price_title, p.tour_time_title {
        position: relative;
        display: block;
        text-align: left;
    }

    p.price_title span, p.tour_time_title span {
        font-weight: bold;
        font-size: 1.3rem;
    }

    #tour_charge p.price_inline {
        text-align: right;
        display: inline-block;
        font-size: 1.5rem !important;
    }

    #tour_charge p.price_inline span.unit {
        display: inline-block;
    }

    #tour_charge p.price_inline span.price {
        display: inline-block;
        font-weight: bold;
        font-style: italic;
        margin: 0px 11px;
        font-size: 3rem !important;
    }

    #tour_charge p.price_inline span.remark {
        font-size: 1.1rem;
        display: block;
        margin-top: 7px;
    }

    p.tour_time_content {
        width: 70%;
        text-align: right;
    }

    p.tour_time_content span {
        font-size: 1.5rem;
        letter-spacing: 0.15rem;
        font-weight: bold;
    }

    .tour_time_info {
        width: 100%;
        box-sizing: border-box;
    }

    #tour_time {
        width: 100%;
        box-sizing: border-box;
        border-bottom: 1px solid rgb(204, 204, 204);
    }

    #tour_period {
        width: 100%;
        box-sizing: border-box;
    }

    table.about_table {
        width: 100%;
        margin: 0px auto;
        border-top: 1px solid rgb(204, 204, 204);
    }

    table.about_table tr {
        position: relative;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        align-items: stretch;
        flex-wrap: nowrap;
        border-bottom: 1px solid rgb(204, 204, 204);
        padding: 10px 0px;
    }

    table.about_table th, table.about_table td {
        font-size: 1.2rem;
        line-height: 1.8;
    }

    table.about_table th {
        position: relative;
        text-align: left;
        box-sizing: border-box;
        width: 30%;
        color: rgb(0, 0, 0);
    }

    table.about_table th p span {
        margin-right: 5px;
    }

    table.about_table td {
        width: 65%;
        text-align: left;
    }

    table.about_table td p.price_inline span.price {
        font-size: 2rem;
        margin: 0px 5px;
        line-height: 17px;
    }

    table.about_table td p.price_inline span.remark {
        display: block;
        font-size: 1rem;
    }

    ul.ev_list {
        width: 100%;
        margin: 0px auto;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-around;
        align-items: center;
    }

    ul.ev_list li {
        width: 100%;
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
        margin: 0px 0px 37px;
    }

    ul.ev_list li .ev_img {
        position: relative;
        display: block;
        width: 100%;
        background-size: cover;
        background-position: center center;
        z-index: 1;
    }

    ul.ev_list li .ev_img::after {
        content: "";
        display: block;
        padding-top: 58.5%;
    }

    ul.ev_list li .ev_info {
        width: 100%;
        box-sizing: border-box;
        padding: 5%;
        background: rgba(255, 255, 255, 0.95);
        margin: 0px auto;
        z-index: 2;
    }

    p.ev_title {
        display: block;
        font-size: 1.7rem;
        font-weight: bold;
        margin-bottom: 11px;
    }

    p.ev_content {
        font-size: 1.3rem;
        line-height: 1.8;
        display: block;
        margin-bottom: 11px;
    }

    table.ev_table {
        width: 100%;
    }

    table.ev_table tr {
        border-bottom: 1px solid rgb(204, 204, 204);
    }

    table.ev_table th, table.ev_table td {
        font-size: 1.3rem;
        line-height: 1.8;
    }

    table.ev_table th {
        position: relative;
        text-align: left;
        padding: 7px 9px;
        box-sizing: border-box;
        width: 25%;
    }

    table.ev_table td {
        width: 75%;
        padding: 7px 9px;
        text-align: left;
    }

    dl.about_dl {
        width: 100%;
    }

    dl.about_dl dt, dl.about_dl dd {
        padding: 7px 11px;
    }

    dl.about_dl dt {
        font-weight: bold;
        font-size: 1.9rem;
        letter-spacing: 1px;
    }

    dl.about_dl dd {
        font-size: 1.5rem;
        line-height: 1.6;
        margin-bottom: 31px;
    }

    dl.about_dl dd ul, dl.about_dl dd ol {
        margin: 0px auto 0px 27px;
    }

    dl.about_dl dd ul {
        list-style: circle;
    }

    dl.about_dl dd dl dt {
        font-size: 15px;
    }

    .staff_info {
        width: 90%;
        box-sizing: border-box;
        margin: 0px auto 77px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }

    .staff_info figure {
        position: relative;
        display: block;
        width: 100%;
        margin-bottom: 17px;
        background-size: cover;
        background-position: center center;
        transition: all 1s ease 0s;
    }

    .staff_info:hover figure {
        transition: all 1s ease 0s;
    }

    .staff_info figure::after {
        position: relative;
        display: block;
        content: "";
        padding-top: 75%;
    }

    .staff_info figure.yokohama {
        background-image: url("./img/");
    }

    .staff_info:hover figure.yokohama {
        background-image: url("./img/");
    }

    .staff_info figure.adam {
        background-image: url("./img/");
    }

    .staff_info:hover figure.adam {
        background-image: url("./img/");
    }

    .staff_info figure.hanada {
        background-image: url("./img/");
    }

    .staff_info dl {
        display: block;
        width: 100%;
    }

    .staff_info dl dt {
        width: 100%;
        margin-bottom: 27px;
    }

    .staff_info dl dt p.name {
        display: block;
        margin-bottom: 17px;
    }

    .staff_info dl dt p span.ja {
        font-weight: bold;
        font-size: 2.7rem;
        letter-spacing: 0.27rem;
        line-height: 1.4;
        color: rgb(0, 0, 0);
    }

    .staff_info dl dt p span.en {
        font-size: 1.3rem;
        line-height: 1.4;
        color: rgb(144, 144, 144);
        display: block;
    }

    .staff_info dl dt ul.qua {
        display: block;
    }

    .staff_info dl dt ul.qua li {
        display: block;
        margin-bottom: 9px;
    }

    .staff_info dl dt ul.qua li p {
        text-align: left;
        font-size: 1.2rem;
        font-weight: 900;
    }

    .staff_info dl dd {
        display: block;
    }

    .staff_info dl dd p {
        font-size: 1.5rem;
        line-height: 1.8;
    }

    p.first_txt {
        display: block;
        margin: 0px auto 55px;
        font-size: 1.7rem;
        line-height: 2;
        font-weight: bold;
        text-align: left;
    }

    .brand_list {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        width: 100%;
    }

    .brand_list_item {
        width: 100%;
        margin: 0px auto 55px;
    }

    .brand_list_item {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: column wrap;
        color: rgb(0, 0, 0);
    }

    .brand_list_item figure {
        width: 80%;
        margin: 0px auto 27px;
    }

    .brand_list_item figure img {
        width: 100%;
        height: auto;
    }

    .brand_list_item .brand_info {
        width: 90%;
    }

    .brand_list_item .brand_info p.brand_name {
        display: block;
        font-size: 1.9rem;
        margin-bottom: 17px;
        font-weight: bold;
    }

    .brand_list_item .brand_info p.brand_text {
        display: block;
        font-size: 1.5rem;
        line-height: 1.8;
    }

    .brand_list_item .brand_info a {
        position: relative;
        margin-top: 17px;
        display: block;
    }

    .brand_list_item .brand_info a span {
        position: relative;
        color: rgb(122, 122, 122);
        border-bottom: 1px solid rgb(122, 122, 122);
    }

    .brand_list_item .brand_info a span::after {
        font-family: FontAwesome;
        content: "ï‚Ž";
        margin-left: 11px;
    }

    ul.sitemap {
    }

    ul.sitemap li {
        border-bottom: 1px solid rgb(204, 204, 204);
    }

    ul.sitemap li a {
        position: relative;
        width: 100%;
        display: block;
        padding: 23px;
        overflow: hidden;
        box-sizing: border-box;
        transition: all 0.3s ease 0s;
        color: rgb(0, 0, 0);
        opacity: 1;
    }

    ul.sitemap li a:hover, ul.sitemap li ul li a:hover {
        opacity: 0.7;
    }

    ul.sitemap li a::before, ul.sitemap li ul li a::before {
        font-family: FontAwesome;
        content: "ï„…";
        display: inline-block;
        margin-right: 7px;
    }

    ul.sitemap li ul {
        width: 90%;
        margin: 0px 27px 27px;
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-start;
    }

    ul.sitemap li ul.sec li {
        border-bottom: none;
    }

    ul.sitemap li ul.sec li a {
        position: relative;
        padding: 11px 17px;
        overflow: hidden;
    }

    dl.inquiry {
        width: 100%;
        max-width: 800px;
        margin: 0px auto;
    }

    dl.inquiry dt {
        font-weight: bold;
        margin-bottom: 11px;
    }

    dl.inquiry dd {
        margin-bottom: 30px;
    }

    span.haveto, span.any {
        font-size: 1.1rem;
        margin-right: 7px;
    }

    span.haveto {
        color: red;
    }

    span.any {
        color: rgb(126, 126, 126);
    }

    dl.inquiry dd input {
        padding: 5px;
        width: 100%;
        background: rgb(239, 239, 239);
        border: none;
        box-sizing: border-box;
    }

    dl.inquiry dd textarea {
        padding: 5px;
        width: 100%;
        height: 150px;
        background: rgb(230, 230, 230);
        border: none;
        box-sizing: border-box;
    }

    .contact_notice {
        width: 90%;
        box-sizing: border-box;
        position: relative;
        margin: 37px auto 57px;
    }

    .contact_notice p {
        font-weight: bold;
        line-height: 2;
        font-size: 1.5rem;
    }

    .contactform-width {
        max-width: 90% !important;
    }

    table.contact {
        margin: 0px auto;
        max-width: 100% !important;
        width: 100% !important;
    }

    table.contact input {
        width: 100% !important;
    }

    table.contact tr {
        width: 100%;
        box-sizing: border-box;
        display: flex;
        flex-flow: column wrap;
        padding: 17px;
        border-bottom: 1px solid rgb(204, 204, 204);
        max-width: 100% !important;
    }

    table.contact tr th, table.contact tr td {
        line-height: 1.8;
        width: 100%;
        display: block;
        max-width: 100% !important;
    }

    table.contact th {
        text-align: left;
        padding: 0px;
        margin-bottom: 7px;
    }

    table.contact td {
        text-align: left;
    }

    table.contact td input, table.contact td textarea {
        box-sizing: border-box;
        background: rgb(240, 240, 240);
        border: none;
        margin-bottom: 10px;
        padding: 7px 20px;
        font-size: 1.5rem;
        line-height: 1.8;
        max-width: 100% !important;
        width: 100% !important;
    }

    table.contact td textarea {
        height: 230px;
    }

    .wpcf7-select {
        box-sizing: border-box;
        background: rgb(240, 240, 240);
        border: none;
        margin-bottom: 10px;
        padding: 7px 20px;
        font-size: 1.5rem;
        line-height: 1.8;
        width: 80%;
        max-width: 100% !important;
    }

    table.contact td .privacy_display {
        padding: 15px;
        height: 180px;
        box-sizing: border-box;
        overflow-y: scroll;
        border: 1px solid rgb(179, 179, 179);
        width: 100% !important;
    }

    table.contact td .privacy_display dl {
        width: 100%;
    }

    table.contact td .privacy_display dl dt {
        width: 100%;
        font-weight: bold;
        font-size: 1.5rem;
        margin-bottom: 11px;
    }

    table.contact td .privacy_display dl dd {
        width: 100%;
        box-sizing: border-box;
        padding: 0px 13px;
        margin-bottom: 27px;
        line-height: 1.8;
    }

    .consent {
        display: block;
        margin: 37px auto;
        width: 90% !important;
    }

    .consent span.wpcf7-list-item {
        text-align: center;
        width: 90% !important;
    }

    .wpcf7-form-control-wrap, .your-consent {
        display: block;
        width: 100%;
    }

    .consent #formbtn {
        display: block;
        margin: 37px auto 0px;
        background-color: rgb(51, 51, 51);
        padding: 17px 0px;
        color: rgb(255, 255, 255);
        width: 270px;
        border: none;
        cursor: pointer;
        opacity: 1;
        transition: all 0.3s ease 0s;
    }

    .consent #formbtn:hover {
        opacity: 0.75;
    }

    div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
        border: none !important;
    }

    div.wpcf7-response-output {
        box-sizing: border-box;
        text-align: center;
        font-weight: bold;
        margin: 0px auto 55px !important;
        padding: 0px !important;
        border: none !important;
    }

    .wpcf7-form-control-wrap {
        position: relative;
        display: block;
        width: 100% !important;
    }
}

@media screen and (min-width: 720px) {
    nav {
    }

    .navbar_toggle {
        display: none;
    }

    .main_menu {
        width: 100%;
        transform: translateX(0px);
        position: relative;
    }

    .main_menu ul {
    }
}

@media screen and (max-width: 1100px) {
    .Toggle {
        position: fixed;
        left: 24px;
        top: 10px;
        width: 50px;
        height: 50px;
        cursor: pointer;
        z-index: 13;
        display: block;
    }

    .Toggle span {
        display: block;
        position: absolute;
        width: 40px;
        border-bottom: 1px solid rgb(131, 111, 91);
        transition: all 0.35s ease-in-out 0s;
        left: 6px;
    }

    .Toggle span:nth-child(1) {
        top: 9px;
    }

    .Toggle span:nth-child(2) {
        top: 20px;
    }

    .Toggle span:nth-child(3) {
        top: 31px;
    }

    .Toggle.active span:nth-child(1) {
        top: 18px;
        left: 6px;
        transform: rotate(-45deg);
        border-bottom: 1px solid rgb(83, 83, 83);
    }

    .Toggle.active span:nth-child(2), .Toggle.active span:nth-child(3) {
        top: 18px;
        transform: rotate(45deg);
        border-bottom: 1px solid rgb(83, 83, 83);
    }

    #image {
        box-sizing: border-box;
        color: rgb(255, 255, 255);
        position: relative !important;
        height: 320px !important;
        top: 0px !important;
        left: 0px !important;
        width: 100% !important;
    }

    #ps_slide {
        position: relative;
        width: 100%;
        height: 320px;
        z-index: -1;
        overflow: hidden;
    }

    .top_slide {
        position: relative;
        width: 100%;
        height: 320px;
        background-size: cover;
        background-position: center center;
        overflow: hidden;
    }

    #content {
        width: 100%;
        min-height: 100vh;
        position: relative;
        box-sizing: border-box;
        padding: 0px 5%;
    }

    .page {
        width: calc(100% - 25px) !important;
        margin: 0px auto !important;
        padding: 75px 0px !important;
        float: none !important;
    }
}

@media (min-width: 501px) and (max-width: 1100px) {
    .drawer {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        position: relative;
        height: 70px;
        padding: 0px 1em;
    }

    .navbar_toggle_icon {
        position: relative;
        display: block;
        height: 2px;
        width: 30px;
        background: rgb(92, 107, 128);
        transition: all 0.5s ease 0s;
    }

    .navbar_toggle_icon:nth-child(1) {
        top: 0px;
    }

    .navbar_toggle_icon:nth-child(2) {
        margin: 8px 0px;
    }

    .navbar_toggle_icon:nth-child(3) {
        top: 0px;
    }
}

@media (max-width: 500px) {
    header {
        width: 100%;
        height: 70px;
        background-color: rgb(255, 255, 255);
        position: fixed;
        z-index: 9999;
        top: 0px;
        left: 0px;
    }

    nav {
        height: 70px;
    }

    .NavMenu_inner {
        width: 100%;
        box-sizing: border-box;
        padding: 35px 15%;
        background-color: rgb(255, 255, 255);
    }

    .drawer {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        position: relative;
        height: 70px;
        padding: 0px 1em;
    }

    .main_menu {
        transform: translateX(-100%);
        transition: all 0.5s ease 0s;
        z-index: 1000;
        background-color: rgb(255, 255, 255);
    }

    .main_menu.open {
        transform: translateX(0px);
        overflow-y: auto;
    }

    .main_menu ul li {
        width: 100%;
        box-sizing: border-box;
        border-bottom: 1px solid rgb(204, 204, 204);
    }

    .main_menu ul li a {
        display: block;
        width: 100%;
        box-sizing: border-box;
        padding: 17px 27px;
    }

    .main_menu .bottom_menu {
        display: block;
        position: absolute;
    }
	.service_list > .service_list_item{
		width:95%;
		margin: 2.5% 1%;
	}
}