@charset "UTF-8";

/* _setting CSS */
.attention {
    color: #ff2d2d;
}

.mb15 {
    margin: 0 0 15px;
}

.mb20 {
    margin: 0 0 20px;
}

.mb25 {
    margin: 0 0 25px;
}

.mb30 {
    margin: 0 0 30px;
}

.mb35 {
    margin: 0 0 35px;
}

#common_pagination {
    display: inline-block;
    margin: 0 auto;
    border: 1px solid #ddd;
    border-radius: 5px;
}

#common_pagination ul {
    display: flex;
}

#common_pagination ul li {
    border-right: 1px solid #ddd;
}

#common_pagination ul li:last-child {
    border: none;
}

#common_pagination ul a,
#common_pagination ul span {
    display: block;
    position: relative;
    width: 38px;
    line-height: 38px;
    font-size: 1.5rem;
    text-align: center;
    text-decoration: none;
}

#common_pagination ul .first a {
    top: 1px;
}

#common_pagination ul .last a {
    top: 2px;
}

#common_post_body h3 {
    position: relative;
    margin: 50px 0 30px;
    padding: 0 0 5px;
    border-bottom: 1px solid #ccc;
    font-size: 2.2rem;
    font-weight: bold;
}

#common_post_body h4 {
    margin: 20px 0 10px;
    font-size: 1.8rem;
    font-weight: bold;
}

#common_post_body h4:before {
    content: '';
    display: inline-block;
    position: relative;
    top: -2px;
    width: 16px;
    height: 16px;
    margin: 0 10px 0 0;
    border: 2px solid #4a6dff;
    border-radius: 16px;
    vertical-align: middle;
}

#common_post_body p {
    padding: 0 0 15px;
}

#common_post_body p:after {
    content: '';
    display: block;
    clear: both;
}

#common_post_body img {
    display: block;
    max-width: 100%;
}

#common_post_body .alignright {
    float: right;
    margin: 0 0 15px 25px;
}

#common_post_body .alignleft {
    float: left;
    margin: 0 25px 15px 0;
}

#common_post_body .aligncenter {
    margin: 0 auto;
}

#common_post_body ul {
    padding: 0 0 15px;
}

#common_post_body ul li:before {
    content: '●';
    display: inline-block;
    margin: 0 1px 0 0;
    transform: scale(0.5);
}

#common_post_body ol {
    padding: 0 0 15px;
}

#common_post_body blockquote {
    position: relative;
    padding: 20px;
    background: #f1f1f1;
}

#common_post_body strong {
    font-weight: bold;
}

#common_post_body em {
    font-style: oblique;
}

#common_post_body ul,
#common_post_body ol {
    margin: 0 0 13px;
    padding: 0 0 0 20px;
}

#common_post_body ul li,
#common_post_body ol li {
    list-style: disc;
}

#common_post_body ol li {
    list-style: decimal;
}

#common_post_body hr {
    border: 1px solid;
}

#common_post_body iframe {
    width: 100%;
    height: 460px;
    margin: 0 0 25px;
}

#common_service_wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 45px 0 40px;
    padding: 30px 0 0;
    border-top: 1px solid #eee;
}

#common_service_wrap h3 {
    line-height: 40px;
    margin: 0 30px 10px 0;
    font-size: 1.6rem;
    font-weight: bold;
}

#common_service_wrap p {
    margin: 0 10px 10px 0;
}

#common_service_wrap p a {
    display: block;
    line-height: 36px;
    padding: 0 20px;
    border: 2px solid #eee;
    border-radius: 36px;
    background: #eee;
    color: #1c212a;
    font-size: 1.6rem;
    font-weight: bold;
    text-decoration: none;
}

#common_service_wrap p a:after {
    content: url(../images/common/arrow4.png);
}

#common_shere_list {
    padding: 20px 0 30px;
    border: 1px solid #ddd;
}

#common_shere_list h3 {
    margin: 0 0 12px;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
}

#common_shere_list ul {
    display: flex;
    justify-content: center;
}

#common_shere_list ul li {
    margin: 0 3px;
}

#common_shere_list ul li a {
    width: 30px;
    padding: 34px 0 0;
    background: url(../images/common/shere1.jpg) no-repeat;
    display: block;
    height: 0;
    overflow: hidden;
    background-repeat: no-repeat;
}

#common_shere_list ul .shere_list2 a {
    background: url(../images/common/shere2.jpg) no-repeat;
}

#common_shere_list ul .shere_list3 a {
    background: url(../images/common/shere3.jpg) no-repeat;
}

#common_shere_list ul .shere_list4 a {
    background: url(../images/common/shere4.jpg) no-repeat;
}

/* min-width:751px | 751px ~
------------------------------------------------------------------------- */
@media screen and (min-width: 751px) {

    /* @media screen
  ------------------------------------------------------------------------- */
    body {
        min-width: 1080px;
    }

    .sp {
        display: none !important;
    }

    .common_inner1,
    .common_inner2 {
        position: relative;
        width: 1080px;
        margin: 0 auto;
    }

    .common_inner2 {
        width: 980px;
    }

    header {
        min-width: 1080px;
        border-bottom: 1px solid #eee;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    }

    header .inner {
        position: relative;
        width: 980px;
        margin: 0 auto;
        padding: 20px 0 0;
    }

    header a {
        color: #1c212a;
        text-decoration: none;
    }

    header h1 {
        width: 200px;
        margin: -1px 0 20px;
    }

    header h1 a {
        padding: 33px 0 0;
        background: url(../images/common/logo1.png);
        background-size: 100%;
        display: block;
        height: 0;
        overflow: hidden;
        background-repeat: no-repeat;
    }

    header h1 a:hover {
        opacity: 0.7;
    }

    header p {
        position: absolute;
        top: 15px;
        left: 210px;
        width: 420px;
    }

    header .s_nav {
        display: flex;
        justify-content: space-between;
        position: absolute;
        top: 20px;
        right: 0;
        width: 338px;
    }

    header .s_nav li {
        width: 155px;
    }

    header .s_nav .s_nav1 {
        width: 97px;
        margin: -1px 0 20px;
    }

    header .s_nav .s_nav1 a {
        padding: 40px 0 0;
        background: url(../images/common/bri.png);
        background-size: 100%;
        display: block;
        height: 0;
        overflow: hidden;
        background-repeat: no-repeat;
    }

    header .s_nav .s_nav2 {
        width: 185px;
        margin: -1px 0 20px;
    }

    header .s_nav .s_nav2 a {
        display: block;
        line-height: 32px;
        text-align: center;
        background: #009cd5;
        color: #fff;
    }

    header .s_nav .s_nav2 a:hover {
        opacity: 0.7;
    }

    header .tel {
        display: none;
        position: absolute;
        top: -60px;
        right: 0;
        width: 216px;
    }

    header .tel a {
        margin: 0 0 4px;
        padding: 24px 0 0;
        background: url(../images/common/tel1.png);
        background-size: 100%;
        display: block;
        height: 0;
        overflow: hidden;
        background-repeat: no-repeat;
    }

    header .tel a:hover {
        opacity: 0.7;
    }

    header .tel .time {
        display: flex;
        justify-content: space-between;
        line-height: 16px;
        font-size: 1.2rem;
    }

    header .tel .time .hd {
        width: 36px;
        line-height: 16px;
        background: #2e2e4e;
        color: #fff;
        font-size: 1rem;
        text-align: center;
    }

    header .tel .time .text {
        font-feature-settings: 'palt';
        text-align: right;
    }

    header nav {
        border-top: 1px solid #eee;
    }

    header nav .inner {
        padding: 0;
    }

    header .g_nav {
        display: flex;
    }

    header .g_nav li {
        position: relative;
        padding: 12px 37px;
    }

    header .g_nav li:first-child {
        padding: 12px 37px 12px 0;
    }

    header .g_nav li:last-child {
        padding: 12px 0 12px 37px;
    }

    header .g_nav a {
        display: block;
        position: relative;
        font-size: 1.4rem;
        text-align: center;
    }

    header .g_nav a:after {
        content: '';
        display: block;
        position: absolute;
        bottom: -13px;
        left: 0;
        width: 100%;
        height: 0;
        background: #009cd5;
    }

    header .g_nav a:hover:after {
        height: 4px;
    }

    header .g_nav .current a:after {
        height: 4px;
    }

    header .g_nav li ::before {
        color: #2e2e2e;
        display: block;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        font-size: 1.49rem;
        font-weight: bold;
        line-height: 1.8;
        /*white-space: pre;*/
        text-align: center;
    }

    header .g_nav .g_nav1 ::before {
        content: "TOP";
    }

    header .g_nav .g_nav2 ::before {
        content: "CONCEPT";
    }

    header .g_nav .g_nav3 ::before {
        content: "ACCESS";
    }

    header .g_nav .g_nav4 ::before {
        content: "LOCATION";
    }

    header .g_nav .g_nav5 ::before {
        content: "EQUIPMENT";
    }

    header .g_nav .g_nav6 ::before {
        content: "ROOMPLAN";
    }

    header .g_nav .g_nav7 ::before {
        content: "OUTLINE";
    }

    #contents.lower_page {
        padding: 0 0 60px;
        font-size: 1.6rem;
    }

    #contents #mv {
        position: relative;
        width: 100%;
        min-width: 1080px;
        height: 300px;
        margin: 0 0 50px;
        background-repeat: no-repeat !important;
        background-position: center center !important;
        background-size: cover !important;
    }

    #contents #mv h2 {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        line-height: 60px;
        margin: -30px 0 0 0;
        color: #fff;
        font-size: 3.8rem;
        text-align: center;
        letter-spacing: 6px;
    }

    #contents .page_tab_link {
        padding: 15px 0 0;
        background: #c7c7cf;
    }

    #contents .page_tab_link ul {
        display: flex;
        justify-content: space-between;
        width: 1080px;
        margin: 0 auto;
    }

    #contents .page_tab_link ul li {
        width: 535px;
    }

    #contents .page_tab_link ul a {
        display: block;
        line-height: 45px;
        border-radius: 5px 5px 0 0;
        background: #e3e3e7;
        color: #1c212a;
        font-size: 1.6rem;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
    }

    #contents .page_tab_link ul .current a {
        background: #fff;
    }

    #contents .contents_wrap {
        width: 1080px;
        margin: 0 auto;
        padding: 50px 0 0;
    }

    #contents .contents_wrap:after {
        content: '';
        display: block;
        clear: both;
    }

    #contents #main {
        float: right;
        width: 780px;
    }

    #contents #side {
        float: left;
        width: 240px;
    }

    #contents #side a {
        color: #1c212a;
        text-decoration: none;
    }

    #contents #side a:hover {
        background: #feffba;
    }

    #contents #side>ul {
        border-top: 1px solid #ddd;
    }

    #contents #side>ul>li {
        position: relative;
        padding: 10px 0;
        border-bottom: 1px solid #ddd;
    }

    #contents #side>ul>li .parent {
        display: block;
        position: relative;
        padding: 14px 35px 14px 18px;
        border-radius: 5px;
    }

    #contents #side>ul>li .parent.current {
        background: #fdff53;
    }

    #contents #side>ul>li .c_open {
        position: absolute;
        top: 10px;
        right: 0;
        width: 51px;
        padding: 51px 0 0;
        display: block;
        height: 0;
        overflow: hidden;
        background-repeat: no-repeat;
    }

    #contents #side>ul>li .c_open:before,
    #contents #side>ul>li .c_open:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 12px;
        height: 2px;
        margin: -1px 0 0 -6px;
        background: #1c212a;
    }

    #contents #side>ul>li .c_open:after {
        right: 15px;
        width: 2px;
        height: 12px;
        margin: -6px 0 0 -1px;
    }

    #contents #side>ul>li .c_open:hover {
        background: none;
    }

    #contents #side>ul>li .c_open.on:after {
        display: none;
    }

    #contents #side>ul>li ul {
        display: none;
        padding: 10px 0 0;
    }

    #contents #side>ul>li ul a {
        display: block;
        position: relative;
        padding: 8px 30px 8px 18px;
        font-size: 1.5rem;
    }

    #contents #side>ul>li ul a:after {
        content: url(../images/common/arrow4.png);
        position: absolute;
        top: 50%;
        right: 10px;
        margin: -12px 0 0;
    }

    #contents #side>ul>li ul.open {
        display: block;
    }

    #contents #common_post_body h3 {
        position: relative;
        margin: 50px 0 30px;
        padding: 0 0 5px;
        border-bottom: 1px solid #ccc;
        font-size: 2.2rem;
        font-weight: bold;
    }

    #contents #common_post_body h4 {
        margin: 20px 0 10px;
        font-size: 1.8rem;
        font-weight: bold;
    }

    #contents #common_post_body h4:before {
        content: '';
        display: inline-block;
        position: relative;
        top: -2px;
        width: 16px;
        height: 16px;
        margin: 0 10px 0 0;
        border: 2px solid #4a6dff;
        border-radius: 16px;
        vertical-align: middle;
    }

    #contents #common_pagination ul a:hover {
        opacity: 0.7;
    }

    #contents .common_hd2 {
        position: relative;
        margin: 50px 0 30px;
        padding: 0 0 5px;
        border-bottom: 1px solid #ccc;
        font-size: 2.2rem;
        font-weight: bold;
    }

    #contents .common_hd3 {
        margin: 0 0 10px;
        font-size: 1.8rem;
        font-weight: bold;
    }

    #contents .common_hd3:before {
        content: '';
        display: inline-block;
        position: relative;
        top: -2px;
        width: 16px;
        height: 16px;
        margin: 0 10px 0 0;
        border: 2px solid #4a6dff;
        border-radius: 16px;
        vertical-align: middle;
    }

    #contents .common_img_wrap {
        text-align: center;
    }

    #contents .common_link1 {
        display: inline-block;
        margin: 8px 0 0;
        font-weight: bold;
        text-decoration: none;
    }

    #contents .common_link1:after {
        content: url(../images/common/arrow6.png);
        position: relative;
        top: -1px;
        margin: 0 0 0 8px;
    }

    #contents .common_link1:hover {
        text-decoration: underline;
    }

    #contents .common_wrap1 {
        display: flex;
        justify-content: space-between;
        margin: 0 0 40px;
    }

    #contents .common_wrap1 .wrap1 {
        width: 240px;
    }

    #contents .common_wrap1 .wrap2 {
        width: 510px;
    }

    #contents .common_wrap1 img {
        width: 100%;
    }

    #contents .common_wrap2 {
        display: flex;
        justify-content: space-between;
        margin: 0 0 40px;
    }

    #contents .common_wrap2 .wrap1 {
        width: 360px;
    }

    #contents .common_wrap2 .wrap2 {
        width: 390px;
    }

    #contents .common_wrap2 img {
        width: 100%;
    }

    #contents .common_wrap3 li {
        margin: 0 0 30px;
    }

    #contents .common_wrap3 .wrap1 {
        width: 240px;
    }

    #contents .common_wrap3 .wrap2 {
        width: 510px;
    }

    #contents .common_wrap3 img {
        width: 100%;
    }

    #contents .common_wrap3 a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #1c212a;
        text-decoration: none;
    }

    #contents .common_wrap3 a:hover {
        color: #4669ff;
    }

    #contents #common_service_wrap p a:hover {
        background: #fff;
    }

    #contents #common_shere_list ul li a:hover {
        opacity: 0.7;
    }

    #breadcrumb_wrap {
        border-top: 1px solid #eee;
        min-width: 1080px;
    }

    #breadcrumb {
        display: flex;
        width: 1080px;
        padding: 10px 0;
        margin: 0 auto;
    }

    #breadcrumb li:before {
        content: url(../images/common/arrow1.png);
        position: relative;
        top: -2px;
        margin: 0 20px;
    }

    #breadcrumb .home:before {
        content: url(../images/common/icon_home1.png);
        display: inline-block;
        position: relative;
        top: 1px;
        margin: 0 11px 0 0;
    }

    #breadcrumb a {
        color: #232345;
        text-decoration: none;
    }

    #breadcrumb a:hover {
        text-decoration: underline;
    }

    footer {
        background: #fff;
        color: #000;
    }

    footer a {
        color: #000;
    }

    footer .sec1 {
        padding: 60px 0 0;
        font-size: 1.4rem;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }

    footer .sec1 #sec1_column {
        width: 980px;
        margin: 0 auto;
        padding: 0 0 60px;
        display: flex;
    }

    footer .sec1 #sec1_column .column {
        width: 100%;
        /*text-align: center;
    display: flex;
    align-items: flex-end;
    justify-content: center;*/
    }

    footer .sec1 #sec1_column .column:nth-child(2) {
        width: 60%;
    }

    footer .sec1 #sec1_column .column:nth-child(2) dt {
        width: 130px;
    }

    footer .sec1 #sec1_column dd span:before {
        content: url(../images/common/free_dial.png);
        display: inline-block;
        position: relative;
        top: 1px;
        margin: 0 11px 0 0;
    }

    footer .sec1 ul {
        display: flex;
        /*justify-content: space-evenly;*/
        width: 650px;
        margin: 0 auto;
    }

    footer .sec1 ul li a {
        text-decoration: none;
    }

    footer .sec1 ul li a:hover {
        opacity: 0.7;
    }

    footer .sec1 dt span {
        font-size: 1.4rem;
    }

    footer .sec1 dt {
        float: left;
        font-size: 1.8rem;
        margin-top: 8px;
    }

    footer .sec1 dd {
        float: left;
        font-size: 2.8rem;
    }

    /*
  footer .sec1 ul li:before {
    content: '　｜　';
  }
  footer .sec1 ul li:first-child:before {
    display: none;
  }
  */
    footer .sec1 #copyright {
        padding: 15px 0;
        background: #f2f2f2;
        text-align: center;
        font-size: 1.6rem;
        color: #4b4b4b;
    }

    footer .sec1 #to_top {
        display: none;
        position: fixed;
        bottom: 30px;
        right: 35px;
        width: 50px;
    }

    footer .sec1 #to_top a {
        position: relative;
        padding: 50px 0 0;
        background: #fff;
        border-radius: 50px;
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
        display: block;
        height: 0;
        overflow: hidden;
        background-repeat: no-repeat;
    }

    footer .sec1 #to_top a:before,
    footer .sec1 #to_top a:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 10px;
        height: 2px;
        margin: -1px 0 0 -9px;
        background: #232345;
        transform: rotate(-45deg);
    }

    footer .sec1 #to_top a:after {
        margin: -1px 0 0 -2px;
        transform: rotate(45deg);
    }

    footer .sec1 #to_top a:hover {
        opacity: 0.7;
    }

    #common_bottom_menu {
        min-width: 1080px;
        margin-bottom: 30px;
    }

    #common_bottom_menu h3 {
        display: inline-block;
        font-size: 3.0rem;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        font-weight: bold;
        text-align: center;
        border-bottom: 2px solid #009cd5;
        margin-bottom: 20px;
    }

    #bottom_menu1 {
        display: flex;
        justify-content: center;
        width: 1080px;
        margin: 0 auto;
    }

    #bottom_menu1 li {
        width: 33%;
        padding: 10px 0;
        text-align: center;
        font-family: 'Pinyon Script', cursive;
        font-size: 3.0rem;
        color: #fff;
    }

    #bottom_menu1 li a {
        display: block;
        color: #fff;
        text-decoration: none;
    }

    #bottom_menu1 li a:hover {
        opacity: 0.7;
    }

    #bottom_menu1 li:nth-child(1) {
        padding: 50px 0;
        background: url(../images/common/menu.png) no-repeat;
        display: block;
        overflow: hidden;
        background-repeat: no-repeat;
    }

    #bottom_menu1 li:nth-child(2) {
        padding: 50px 0;
        background: url(../images/common/menu.png) no-repeat;
        display: block;
        overflow: hidden;
        background-repeat: no-repeat;
    }

    #bottom_menu1 li:nth-child(3) {
        padding: 50px 0;
        background: url(../images/common/menu.png) no-repeat;
        display: block;
        overflow: hidden;
        background-repeat: no-repeat;
    }

    #bottom_menu2 {
        display: flex;
        justify-content: center;
        width: 1080px;
        margin: 0 auto;
    }

    #bottom_menu2 li {
        width: 33%;
        padding: 10px 0;
        text-align: center;
        font-family: 'Pinyon Script', cursive;
        font-size: 3.0rem;
        color: #fff;
    }

    #bottom_menu2 li a {
        display: block;
        color: #fff;
        text-decoration: none;
    }

    #bottom_menu2 li a:hover {
        opacity: 0.7;
    }

    #bottom_menu2 li:nth-child(1) {
        padding: 50px 0;
        background: url(../images/common/menu.png) no-repeat;
        display: block;
        overflow: hidden;
        background-repeat: no-repeat;
    }

    #bottom_menu2 li:nth-child(2) {
        padding: 50px 0;
        background: url(../images/common/menu.png) no-repeat;
        display: block;
        overflow: hidden;
        background-repeat: no-repeat;
    }

    #bottom_menu2 li:nth-child(3) {
        padding: 50px 0;
        background: url(../images/common/menu.png) no-repeat;
        display: block;
        overflow: hidden;
        background-repeat: no-repeat;
    }

    #common_page_top {
        padding: 20px 0 20px;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        background: #eee;
    }

    #common_page_top p {
        text-align: center;
    }

    #common_page_top p span {
        display: inline-block;
        width: 18px;
        height: 18px;
        border-top: 4px solid #000;
        border-right: 4px solid #000;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        text-align: center;
    }

    #common_page_top a {
        display: block;
        text-align: center;
        text-decoration: none;
        font-size: 1.8rem;
        color: #000;
    }

    #common_page_top a:hover {
        opacity: 0.7;
    }

    #common_bottom_wrap {
        background: url(../images/common/common_contact.png) no-repeat;
        background-size: 100%;
        padding: 90px 0;
    }

    #common_bottom_contact h2 {
        width: 183px;
        margin: 0 auto;
        padding: 79px 0 0;
        background: url(../images/common/common_contact_title.png);
        background-size: 100%;
        display: block;
        height: 0;
        overflow: hidden;
        background-repeat: no-repeat;
        text-align: center;
    }

    #common_bottom_contact h2:after {
        content: '';
        display: block;
        position: absolute;
        top: 100%;
        left: 50%;
        width: 40px;
        height: 3px;
        margin: 0 0 0 -20px;
    }

    #common_bottom_contact h3 {
        margin: 50px 0 30px;
        padding: 0 0 5px;
        color: #fff;
        font-size: 2.4rem;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        font-weight: bold;
        text-align: center;
    }

    #common_bottom_contact p {
        margin: 0 0 30px;
        padding: 0 0 5px;
        color: #fff;
        font-size: 1.6rem;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        text-align: center;
    }

    #common_bottom_contact a {
        padding: 15px 48px;
        background: #009cd5;
        font-size: 1.6rem;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        color: #fff;
        text-decoration: none;
    }

    #common_bottom_contact a:hover {
        opacity: 0.7;
    }

    #common_bottom_wrap_sp {
        display: none;
    }

    /* @media screen
  ------------------------------------------------------------------------- */
}

/* ////.min-width:751px | 751px ~
---------------------------------------------------------------------
------------
------------
------------
------------
------------
------------
------------
------------
------------
------------
max-width:750px | ~ 750px
------------------------------------------------------------------------- */
@media screen and (max-width: 750px) {

    /* @media screen
  ------------------------------------------------------------------------- */
    .pc {
        display: none !important;
    }

    #wrapper {
        overflow: hidden;
    }

    #header {
        width: 100%;
        background: #fff;
        position: fixed;
        z-index: 1;
    }

    header {
        position: relative;
    }

    header>.inner {
        display: flex;
    }

    header>.inner h1 {
        width: 46.66667%;
    }

    header>.inner h1 a {
        padding: 31.42857% 0 0;
        background: url(../images/common/logo1.png) center center;
        background-size: 83%;
        display: block;
        height: 0;
        overflow: hidden;
        background-repeat: no-repeat;
    }

    header>.inner .h_sub {
        display: none;
    }

    header>.inner .s_nav {
        display: flex;
        justify-content: space-between;
        width: 38.66667%;
        padding: 2% 7.33333%;
    }

    header>.inner .s_nav li {
        width: 44%;
    }

    header>.inner .s_nav a {
        padding: 100% 0 0;
        background: url(../images/common/sp_icon_tel1.png) center center;
        background-size: 100%;
        display: none;
        height: 0;
        overflow: hidden;
        background-repeat: no-repeat;
    }

    header>.inner .s_nav .s_nav2 a {
        background: url(../images/common/sp_icon_contact1.png) no-repeat center center;
        background-size: 100%;
    }

    header #nav_btn {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 500;
        width: 14.66667%;
        height: 100%;
        background: #009cd5;
    }

    header #nav_btn:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 27.27273%;
        height: 2px;
        margin: -0.90909% 0 0 -13.63636%;
        background: #262643;
        transition: 0.8s;
    }

    header #nav_btn a {
        padding: 100% 0 0;
        display: block;
        height: 0;
        overflow: hidden;
        background-repeat: no-repeat;
    }

    header #nav_btn a:before,
    header #nav_btn a:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 27.27273%;
        height: 2px;
        margin: 0 0 0 -13.63636%;
        background: #262643;
    }

    header #nav_btn a:before {
        animation: 1s nav_btn_open1;
        animation-fill-mode: forwards;
    }

    header #nav_btn a:after {
        animation: 1s nav_btn_open2;
        animation-fill-mode: forwards;
    }

    header #nav_btn.on:after {
        opacity: 0;
    }

    header #nav_btn.on a:before {
        animation: 1s nav_btn_open1_re;
        animation-fill-mode: forwards;
    }

    header #nav_btn.on a:after {
        animation: 1s nav_btn_open2_re;
        animation-fill-mode: forwards;
    }

    nav {
        position: absolute;
        top: 0;
        right: -200%;
        z-index: 499;
        width: 77.33333%;
        height: 200vh;
        padding: 11.73333% 6% 0;
        background: #009cd5;
        transition: 0.5s;
        color: #1c212a;
    }

    nav.on {
        right: 0;
    }

    nav a {
        color: #fff;
        text-decoration: none;
    }

    nav .g_nav {
        margin: 0 0 20px;
        border-top: 1px solid #d5d754;
    }

    nav .g_nav a {
        display: block;
        padding: 10px 0;
        border-bottom: 1px solid #d5d754;
        font-size: 1.5rem;
    }

    nav .s_nav {
        margin: 0 0 20px;
    }

    nav .s_nav li {
        margin: 0 0 15px;
    }

    nav .s_nav a {
        display: block;
        line-height: 32px;
        border: 1px solid #232345;
        border-radius: 50px;
        text-align: center;
    }

    nav .s_nav a:hover {
        opacity: 0.7;
    }

    nav .tel {
        margin: 0 0 12px;
        padding: 20px 0 15px;
        border-top: 1px solid #d5d754;
        border-bottom: 1px solid #d5d754;
    }

    nav .tel a {
        margin: 0 0 4px;
        padding: 10.34483% 0 0;
        background: url(../images/common/tel1.png);
        background-size: 100%;
        display: block;
        height: 0;
        overflow: hidden;
        background-repeat: no-repeat;
    }

    nav .tel .time {
        display: flex;
        justify-content: center;
        line-height: 16px;
        font-size: 1.1rem;
        white-space: nowrap;
    }

    nav .tel .time .hd {
        width: 36px;
        line-height: 16px;
        margin: 0 10px 0 0;
        background: #2e2e4e;
        color: #fff;
        font-size: 1rem;
        text-align: center;
    }

    nav .tel .time .text {
        font-feature-settings: 'palt';
        text-align: right;
    }

    nav .facebook {
        margin: 0 0 8px;
    }

    nav .facebook a {
        display: block;
        font-size: 1.3rem;
        font-weight: bold;
        text-align: center;
    }

    nav .facebook a:before {
        content: url(../images/common/icon_facebook1.png);
        display: inline-block;
        transform: scale(0.5);
        vertical-align: middle;
    }

    nav .nav_btn_close a {
        display: block;
        background: #373756;
        color: #fff;
        line-height: 33px;
        padding: 2px 0 0;
        font-size: 1.3rem;
        font-weight: bold;
        text-align: center;
    }

    nav .nav_btn_close a:before {
        content: url(../images/common/icon_close1.png);
        display: inline-block;
        line-height: 12px;
        margin: 0 4px 0 0;
        transform: scale(0.5);
        vertical-align: middle;
    }

    #contents.lower_page {
        padding: 0 0 30px;
        font-size: 1.3rem;
    }

    #contents #mv {
        position: relative;
        width: 100%;
        height: 160px;
        margin: 0 0 25px;
        background-repeat: no-repeat !important;
        background-position: center center !important;
        background-size: cover !important;
    }

    #contents #mv h2 {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        line-height: 40px;
        margin: -20px 0 0 0;
        color: #fff;
        font-size: 2rem;
        text-align: center;
        letter-spacing: 6px;
    }

    #contents .page_tab_link {
        background: #c7c7cf;
    }

    #contents .page_tab_link ul {
        display: flex;
        justify-content: space-between;
        padding: 6px 1.33333% 0;
    }

    #contents .page_tab_link ul li {
        width: 49.31507%;
    }

    #contents .page_tab_link ul a {
        display: block;
        padding: 6px 0 3px;
        border-radius: 5px 5px 0 0;
        background: #e3e3e7;
        color: #1c212a;
        font-size: 1.3rem;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
    }

    #contents .page_tab_link ul .current a {
        background: #fff;
    }

    #contents #main {
        padding: 30px 4.66667% 0;
    }

    #contents #side {
        padding: 20px 4.66667% 40px;
        border-top: 3px solid #232345;
    }

    #contents #side a {
        color: #1c212a;
        text-decoration: none;
    }

    #contents #side a:hover {
        background: #feffba;
    }

    #contents #side>ul {
        border-top: 1px solid #ddd;
    }

    #contents #side>ul>li {
        position: relative;
        padding: 10px 0;
        border-bottom: 1px solid #ddd;
    }

    #contents #side>ul>li .parent {
        display: block;
        position: relative;
        padding: 14px 35px 14px 18px;
        border-radius: 5px;
        font-size: 1.7rem;
        font-weight: bold;
    }

    #contents #side>ul>li .parent.current {
        background: #fdff53;
    }

    #contents #side>ul>li .c_open {
        position: absolute;
        top: 10px;
        right: 0;
        width: 51px;
        padding: 51px 0 0;
        display: block;
        height: 0;
        overflow: hidden;
        background-repeat: no-repeat;
    }

    #contents #side>ul>li .c_open:before,
    #contents #side>ul>li .c_open:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 12px;
        height: 2px;
        margin: -1px 0 0 -6px;
        background: #1c212a;
    }

    #contents #side>ul>li .c_open:after {
        right: 15px;
        width: 2px;
        height: 12px;
        margin: -6px 0 0 -1px;
    }

    #contents #side>ul>li .c_open:hover {
        background: none;
    }

    #contents #side>ul>li .c_open.on:after {
        display: none;
    }

    #contents #side>ul>li ul {
        display: none;
        padding: 10px 1.47059% 0;
    }

    #contents #side>ul>li ul a {
        display: block;
        position: relative;
        padding: 8px 30px 8px 18px;
        font-size: 1.5rem;
    }

    #contents #side>ul>li ul a:after {
        content: url(../images/common/arrow4.png);
        position: absolute;
        top: 50%;
        right: 10px;
        margin: -12px 0 0;
    }

    #contents #side>ul>li ul.open {
        display: block;
    }

    #contents #common_pagination ul a,
    #contents #common_pagination ul span {
        width: 32px;
        line-height: 32px;
    }

    #contents #common_post_body h3 {
        position: relative;
        margin: 20px 0 15px;
        padding: 0 0 5px;
        border-bottom: 1px solid #ccc;
        font-size: 1.4rem;
        font-weight: bold;
    }

    #contents #common_post_body h3:after {
        content: '';
        display: block;
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 110px;
        height: 2px;
    }

    #contents #common_post_body h4 {
        margin: 10px 0 10px;
        font-size: 1.4rem;
        font-weight: bold;
    }

    #contents #common_post_body h4:before {
        content: '';
        display: inline-block;
        position: relative;
        top: -1px;
        width: 12px;
        height: 12px;
        margin: 0 5px 0 0;
        border: 2px solid #4a6dff;
        border-radius: 16px;
        vertical-align: middle;
    }

    #contents #common_post_body iframe {
        height: 240px;
    }

    #contents .common_hd1 {
        margin: 0 0 18px;
        padding: 0 0 5px;
        font-size: 1.6rem;
        font-weight: bold;
    }

    #contents .common_hd2 {
        position: relative;
        margin: 35px 0 20px;
        padding: 0 0 5px;
        border-bottom: 1px solid #ccc;
        font-size: 1.4rem;
        font-weight: bold;
    }

    #contents .common_hd2:after {
        content: '';
        display: block;
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 110px;
        height: 2px;
    }

    #contents .common_hd3 {
        margin: 0 0 10px;
        font-size: 1.4rem;
        font-weight: bold;
    }

    #contents .common_hd3:before {
        content: '';
        display: inline-block;
        position: relative;
        top: -1px;
        width: 12px;
        height: 12px;
        margin: 0 5px 0 0;
        border: 2px solid #4a6dff;
        border-radius: 16px;
        vertical-align: middle;
    }

    #contents .common_img_wrap {
        text-align: center;
    }

    #contents .common_link1 {
        display: inline-block;
        margin: 3px 0 0;
        font-weight: bold;
        text-decoration: none;
    }

    #contents .common_link1:after {
        content: url(../images/common/arrow6.png);
        margin: 0 0 0 8px;
    }

    #contents .common_link1:hover {
        text-decoration: underline;
    }

    #contents .common_wrap1 {
        margin: 0 0 30px;
    }

    #contents .common_wrap1 .wrap1 {
        width: 100%;
        margin: 0 0 5px;
    }

    #contents .common_wrap1 .wrap2 {
        margin: 0 0 15px;
    }

    #contents .common_wrap1 img {
        width: 100%;
    }

    #contents .common_wrap2 {
        margin: 0 0 30px;
    }

    #contents .common_wrap2 .wrap1 {
        width: 100%;
        margin: 0 0 15px;
    }

    #contents .common_wrap2 .wrap2 {
        margin: 0 0 5px;
    }

    #contents .common_wrap2 img {
        width: 100%;
    }

    #contents .common_wrap3 li {
        margin: 0 0 15px;
    }

    #contents .common_wrap3 .wrap1 {
        width: 35.29412%;
    }

    #contents .common_wrap3 .wrap2 {
        width: 61.76471%;
    }

    #contents .common_wrap3 img {
        width: 100%;
    }

    #contents .common_wrap3 a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #1c212a;
        text-decoration: none;
    }

    #contents .common_wrap3 a:hover {
        color: #4669ff;
    }

    #breadcrumb {
        display: flex;
        flex-wrap: wrap;
        padding: 10px 3.33333%;
        border-top: 1px solid #eee;
        font-size: 1.1rem;
    }

    #breadcrumb li {
        position: relative;
    }

    #breadcrumb li:before {
        content: url(../images/common/arrow1.png);
        position: relative;
        top: -1px;
        margin: 0 8px;
    }

    #breadcrumb .home {
        padding: 0 0 0 17px;
    }

    #breadcrumb .home:before {
        content: url(../images/common/icon_home1.png);
        display: inline-block;
        position: absolute;
        top: 0px;
        left: -10px;
        transform: scale(0.8);
    }

    #breadcrumb a {
        color: #232345;
        font-weight: bold;
        text-decoration: none;
    }

    footer {
        background: #fff;
        color: #4b4b4b;
        font-size: 1.3rem;
    }

    footer a {
        color: #4b4b4b;
    }

    footer .sec1 {
        padding: 20px 4.66667% 20px;
        font-size: 1.4rem;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }

    footer .sec1 #sec1_column {
        width: 100%;
        margin: 0 auto;
        padding: 0 0 0;
        /*display: flex;*/
    }

    footer .sec1 #sec1_column .column {
        width: 100%;
    }

    footer .sec1 #sec1_column dd span:before {
        content: url(../images/common/free_dial.png);
        display: inline-block;
        position: relative;
        top: 1px;
        margin: 0 11px 0 0;
    }

    footer .sec1 #sec1_column .column:nth-child(1) dd span {
        font-size: 2.6rem;
    }

    footer .sec1 #sec1_column .column:nth-child(2) dt {
        width: 100px;
        margin-top: 4px;
    }

    footer .sec1 ul {
        display: flex;
        width: 100%;
    }

    footer .sec1 ul li a {
        text-decoration: none;
    }

    footer .sec1 ul li a:hover {
        opacity: 0.7;
    }

    footer .sec1 dt span {
        font-size: 1.2rem;
    }

    footer .sec1 dt {
        font-size: 1.4rem;
        float: left;
    }

    footer .sec1 dd {
        font-size: 1.7rem;
        float: left;
    }

    footer .sec1 #copyright {
        padding: 15px 0;
        text-align: center;
        font-size: 1.6rem;
        color: #4b4b4b;
    }

    footer .sec1 #to_top {
        display: block !important;
        position: absolute;
        top: -8px;
        right: 10px;
        width: 35px;
    }

    footer .sec1 #to_top a {
        position: relative;
        padding: 35px 0 0;
        background: #fff;
        border-radius: 50px;
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
        display: block;
        height: 0;
        overflow: hidden;
        background-repeat: no-repeat;
    }

    footer .sec1 #to_top a:before,
    footer .sec1 #to_top a:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 10px;
        height: 2px;
        margin: -1px 0 0 -9px;
        background: #232345;
        transform: rotate(-45deg);
    }

    footer .sec1 #to_top a:after {
        margin: -1px 0 0 -2px;
        transform: rotate(45deg);
    }

    footer .sec1 #to_top a:hover {
        opacity: 0.7;
    }

    #common_bottom_menu {
        display: none;
    }

    #common_page_top {
        padding: 20px 0 20px;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        background: #eee;
    }

    #common_page_top p {
        text-align: center;
    }

    #common_page_top p span {
        display: inline-block;
        width: 18px;
        height: 18px;
        border-top: 4px solid #000;
        border-right: 4px solid #000;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        text-align: center;
    }

    #common_page_top a {
        display: block;
        text-align: center;
        text-decoration: none;
        font-size: 1.8rem;
        color: #000;
    }

    #common_page_top a:hover {
        opacity: 0.7;
    }

    #common_bottom_wrap {
        background: url(../images/common/common_contact.png) no-repeat;
        background-repeat: no-repeat !important;
        background-position: center center !important;
        background-size: cover !important;
        padding: 20px 4.66667%;
    }

    #common_bottom_contact h2 {
        width: 183px;
        margin: 0 auto;
        padding: 79px 0 0;
        background: url(../images/common/common_contact_title.png);
        background-size: 100%;
        display: block;
        height: 0;
        overflow: hidden;
        background-repeat: no-repeat;
        text-align: center;
    }

    #common_bottom_contact h3 {
        margin: 50px 0 30px;
        padding: 0 0 5px;
        color: #fff;
        font-size: 1.6rem;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        font-weight: bold;
        text-align: center;
    }

    #common_bottom_contact p {
        margin: 0 0 30px;
        padding: 0 0 5px;
        color: #fff;
        font-size: 1.4rem;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        text-align: center;
    }

    #common_bottom_contact a {
        padding: 15px 48px;
        background: #009cd5;
        font-size: 1.4rem;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        color: #fff;
        text-decoration: none;
    }

    #common_bottom_contact a:hover {
        opacity: 0.7;
    }

    #common_bottom_wrap_sp {
        width: 100%;
        position: fixed;
        bottom: 0;
        background: #3e3e3e;
        padding: 15px 4.66667%;
        z-index: 10;
    }

    #common_bottom_contact_sp ul {

        margin: 2px 0;
        flex-wrap: wrap;
        display: flex;

    }

    #common_bottom_contact_sp li {
        width: 48%;
        background: #009cd5;
        border-radius: 4px;
        box-sizing: border-box;
        padding: 4px 1%;
        margin: 0 1%;
    }

    #common_bottom_contact_sp li a {
        display: block;
        text-decoration: none;
        color: #fff;
        font-size: 1.4rem;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        text-align: center;
    }

    #common_bottom_contact_sp li a:hover {
        opacity: 0.7;
    }

    #common_bottom_contact_sp .contact_list_sp1 span::before {
        content: url(../images/common/list_sp1.png);
        position: relative;
        top: 1px;
        margin: 0 5px 0 10px;
    }

    #common_bottom_contact_sp .contact_list_sp2 span::before {
        content: url(../images/common/list_sp2.png);
        position: relative;
        top: 1px;
        margin: 0 5px 0 10px;
    }

    /* @media screen
  ------------------------------------------------------------------------- */
}

@keyframes nav_btn_open1 {
    0% {
        margin-top: 0;
        transform: rotate(45deg);
    }

    50% {
        margin-top: 0;
        transform: rotate(0);
    }

    100% {
        margin-top: -13.18182%;
        transform: rotate(0);
    }
}

@keyframes nav_btn_open2 {
    0% {
        margin-top: 0;
        transform: rotate(-45deg);
    }

    50% {
        margin-top: 0;
        transform: rotate(0);
    }

    100% {
        margin-top: 11.36364%;
        transform: rotate(0);
    }
}

@keyframes nav_btn_open1_re {
    0% {
        margin-top: -13.18182%;
        transform: rotate(0);
    }

    50% {
        margin-top: 0;
        transform: rotate(0);
    }

    100% {
        margin-top: 0;
        transform: rotate(45deg);
    }
}

@keyframes nav_btn_open2_re {
    0% {
        margin-top: 11.36364%;
        transform: rotate(0);
    }

    50% {
        margin-top: 0;
        transform: rotate(0);
    }

    100% {
        margin-top: 0;
        transform: rotate(-45deg);
    }
}