﻿.con_intr .box_intr .box_det,
.con_intr .box_intr .box_info,
.box_pnav,
.con_root .inner_root,
.con_root .box_sougei {
    max-width: 1200px;
    margin: auto
}

@media only screen and (max-width: 1199px) {

    .con_intr .box_intr .box_det,
    .con_intr .box_intr .box_info,
    .box_pnav,
    .con_root .inner_root,
    .con_root .box_sougei {
        width: 91.66667%
    }
}

.con_intr .box_intr .box_info:after,
.con_intr .box_intr .box_info .box_tbl .box_combi:after {
    content: "";
    display: table;
    clear: both
}

.con_intr .box_map {
    height: 500px
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .con_intr .box_map {
        height: 400px
    }
}

@media only screen and (max-width: 767px) {
    .con_intr .box_map {
        height: 350px
    }
}

.con_intr .box_map iframe {
    height: 100%
}

.con_intr .box_intr {
    background: url(../images/common/bg_intr.png) no-repeat;
    background-size: cover;
    padding-bottom: 60px
}

@media only screen and (max-width: 767px) {
    .con_intr .box_intr {
        padding-bottom: 8%
    }
}

.con_intr .box_intr .box_det {
    overflow: hidden;
    padding-top: 20px
}

@media only screen and (max-width: 767px) {
    .con_intr .box_intr .box_det {
        padding-top: 1.5em
    }
}

.con_intr .box_intr .box_det .txt {
    float: left;
    width: 61.25%
}

@media only screen and (max-width: 767px) {
    .con_intr .box_intr .box_det .txt {
        float: none;
        width: 100%
    }
}

.con_intr .box_intr .box_det .btn {
    float: right;
    width: 25%
}

.con_intr .box_intr .box_det .btn a {
    display: block;
    text-decoration: none;
    color: #000;
    background: #ceb132;
    padding: 1em 0;
    line-height: 1;
    position: relative;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #ceb132;
    -moz-transition: background .3s, color .3s;
    -o-transition: background .3s, color .3s;
    -webkit-transition: background .3s, color .3s;
    transition: background .3s, color .3s
}

@media only screen and (max-width: 767px) {
    .con_intr .box_intr .box_det .btn a {
        padding: 1.3em 0
    }
}

.con_intr .box_intr .box_det .btn a:after {
    content: '→';
    text-align: center;
    color: #000;
    width: 1.8em;
    line-height: 1.8;
    border: 1px solid #000;
    -moz-border-radius: 1.8em;
    -webkit-border-radius: 1.8em;
    border-radius: 1.8em;
    font-size: 80%;
    position: absolute;
    top: 50%;
    right: 4%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -moz-transition: background .3s, border-color .3s, color .3s;
    -o-transition: background .3s, border-color .3s, color .3s;
    -webkit-transition: background .3s, border-color .3s, color .3s;
    transition: background .3s, border-color .3s, color .3s
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .con_intr .box_intr .box_det .btn a:after {
        width: 2em;
        line-height: 2
    }
}

@media only screen and (max-width: 767px) {
    .con_intr .box_intr .box_det .btn a:after {
        font-size: 67%
    }
}

.con_intr .box_intr .box_det .btn a:hover {
    color: #ceb132;
    background: none
}

.con_intr .box_intr .box_det .btn a:hover:after {
    border-color: #ceb132;
    background: none;
    color: #ceb132
}

@media only screen and (max-width: 767px) {
    .con_intr .box_intr .box_det .btn {
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .con_intr .box_intr .box_det .btn {
        float: none;
        margin-top: 1em
    }
}

.con_intr .box_intr .box_info {
    margin-top: 80px
}

@media only screen and (max-width: 767px) {
    .con_intr .box_intr .box_info {
        margin-top: 2em
    }
}

.con_intr .box_intr .box_info .photo {
    float: left;
    width: 48.33333%
}

@media only screen and (max-width: 767px) {
    .con_intr .box_intr .box_info .photo {
        width: 100%;
        float: none
    }
}

.con_intr .box_intr .box_info .photo img {
    width: 100%
}

.con_intr .box_intr .box_info .box_tbl {
    float: right;
    width: 48.33333%
}

@media only screen and (max-width: 767px) {
    .con_intr .box_intr .box_info .box_tbl {
        margin-top: 1.5em;
        width: 100%;
        float: none
    }
}

.con_intr .box_intr .box_info .box_tbl table {
    width: 100%
}

.con_intr .box_intr .box_info .box_tbl table tr th {
    width: 155px
}

@media only screen and (max-width: 767px) {
    .con_intr .box_intr .box_info .box_tbl table tr th {
        width: 30%
    }
}

.con_intr .box_intr .box_info .box_tbl .box_combi {
    letter-spacing: -.4em;
    background: url(../images/common/bg_sty.jpg);
    margin-top: 40px;
    padding: 40px 30px;
    -moz-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.05)
}

@media only screen and (max-width: 767px) {
    .con_intr .box_intr .box_info .box_tbl .box_combi {
        margin-top: 1.5em
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .con_intr .box_intr .box_info .box_tbl .box_combi {
        padding: 20px 10px
    }
}

@media only screen and (max-width: 767px) {
    .con_intr .box_intr .box_info .box_tbl .box_combi {
        padding: 4%
    }
}

.con_intr .box_intr .box_info .box_tbl .box_combi .ic {
    display: inline-block;
    vertical-align: middle;
    width: 12.33141%;
    margin-right: 3.85356%
}

.con_intr .box_intr .box_info .box_tbl .box_combi .box_txt {
    vertical-align: middle;
    letter-spacing: .08em;
    display: inline-block;
    width: 83.81503%
}

.con_intr .box_intr .box_info .box_tbl .box_combi .box_txt .st {
    font-size: 134%;
    vertical-align: middle
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .con_intr .box_intr .box_info .box_tbl .box_combi .box_txt .st {
        font-size: 114%
    }
}

@media only screen and (max-width: 767px) {
    .con_intr .box_intr .box_info .box_tbl .box_combi .box_txt .st {
        font-size: 114%
    }
}

@media only screen and (min-width: 768px) {
    .con_intr .box_intr .box_info .box_tbl .box_combi .box_txt .st {
        display: inline-block
    }
}

.con_intr .box_intr .box_info .box_tbl .box_combi .box_txt .st span {
    color: #ceb132
}

.con_intr .box_intr .box_info .box_tbl .box_combi .box_txt .txt {
    margin-top: 10px
}

@media only screen and (max-width: 767px) {
    .con_intr .box_intr .box_info .box_tbl .box_combi .box_txt .txt {
        margin-top: 4%
    }
}

.box_pnav {
    overflow: hidden;
    margin-top: 80px
}

@media only screen and (max-width: 767px) {
    .box_pnav {
        margin-top: 3em
    }
}

@media only screen and (min-width: 768px) {
    .box_pnav {
        max-width: 712px;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.box_pnav li {
    width: 31.46067%;
    margin-right: 2.80899%
}

@media only screen and (max-width: 767px) {
    .box_pnav li {
        width: 100%;
        margin-right: 0;
        background: url(../images/common/bg_sty.jpg)
    }

    .box_pnav li:nth-child(n+2) {
        margin-top: .5em
    }
}

.box_pnav li:last-child {
    margin-right: 0
}

.box_pnav li a {
    display: block;
    text-decoration: none;
    overflow: hidden
}

@media only screen and (max-width: 767px) {
    .box_pnav li a {
        position: relative;
        letter-spacing: -.4em
    }

    .box_pnav li a:before,
    .box_pnav li a:after {
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        display: inline-block;
        vertical-align: baseline
    }

    .box_pnav li a:before {
        content: "";
        margin-right: .5em;
        position: absolute;
        top: 50%;
        right: 3%;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.box_pnav li a .photo {
    width: 100%
}

@media only screen and (max-width: 767px) {
    .box_pnav li a .photo {
        width: 40%;
        display: inline-block;
        vertical-align: middle;
        margin-right: 3%
    }
}

.box_pnav li a .photo img {
    width: 100%
}

.box_pnav li a .st {
    background: url(../images/common/bg_sty.jpg);
    display: block;
    text-align: center;
    padding: .5em 0 0;
    font-size: 107%
}

@media only screen and (max-width: 767px) {
    .box_pnav li a .st {
        padding: 0;
        background: none;
        letter-spacing: .08em;
        display: inline-block;
        vertical-align: middle;
        font-size: 94%
    }
}

.box_pnav li a .st:after {
    content: "";
    background: url(../images/common/ic_arrow.jpg);
    width: 17px;
    height: 17px;
    margin: 1em auto 0;
    display: block
}

@media only screen and (max-width: 767px) {
    .box_pnav li a .st:after {
        display: none
    }
}

.con_root {
    margin-top: 80px
}

@media only screen and (max-width: 767px) {
    .con_root {
        margin-top: 3em
    }
}

.con_root:nth-of-type(n+3) {
    margin-top: 80px
}

@media only screen and (max-width: 767px) {
    .con_root:nth-of-type(n+3) {
        margin-top: 4em
    }
}

.con_root .inner_root {
    overflow: hidden
}

.con_root .inner_root .box_acc {
    float: left;
    width: 32.08333%;
    margin-right: 1.875%
}

@media only screen and (max-width: 767px) {
    .con_root .inner_root .box_acc {
        width: 100%;
        margin-right: 0;
        float: none
    }

    .con_root .inner_root .box_acc:nth-of-type(n+2) {
        margin-top: 4%
    }
}

.con_root .inner_root .box_acc:last-child {
    margin-right: 0
}

.con_root .inner_root .box_acc .st_acc {
    text-align: center
}

@media only screen and (max-width: 767px) {
    .con_root .inner_root .box_acc .st_acc {
        position: relative
    }

    .con_root .inner_root .box_acc .st_acc:before,
    .con_root .inner_root .box_acc .st_acc:after {
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        display: inline-block;
        vertical-align: baseline
    }

    .con_root .inner_root .box_acc .st_acc:before {
        content: "";
        margin-right: .5em;
        position: absolute;
        color: #fff;
        top: 30%;
        right: 3%;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .con_root .inner_root .box_acc .st_acc.active:before,
    .con_root .inner_root .box_acc .st_acc.active:after {
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        display: inline-block;
        vertical-align: baseline
    }

    .con_root .inner_root .box_acc .st_acc.active:before {
        content: "";
        margin-right: .5em
    }
}

.con_root .inner_root .box_acc .st_acc span {
    padding: .35em 0;
    display: block;
    letter-spacing: .24em;
    color: #fff;
    background: #ceb132;
    font-size: 147%
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .con_root .inner_root .box_acc .st_acc span {
        font-size: 134%
    }
}

@media only screen and (max-width: 767px) {
    .con_root .inner_root .box_acc .st_acc span {
        font-size: 120%
    }
}

.con_root .inner_root .box_acc .st_acc em {
    padding: .2em 0;
    display: block;
    background: #fff;
    color: #000;
}

.con_root .inner_root .box_acc .box_root {
    text-align: center
}

@media only screen and (min-width: 768px) {
    .con_root .inner_root .box_acc .box_root {
        display: block !important
    }
}

@media only screen and (max-width: 767px) {
    .con_root .inner_root .box_acc .box_root {
        display: none
    }
}

.con_root .inner_root .box_acc .box_root ul li.root {
    text-align: center;
    background-size: 7px auto;
    background-repeat: repeat-y;
    background-position: center top;
    padding: 28px 0
}

@media only screen and (max-width: 767px) {
    .con_root .inner_root .box_acc .box_root ul li.root {
        padding: 1.5em 0
    }
}

.con_root .inner_root .box_acc .box_root ul li.root span {
    display: block;
    padding: 4px 0;
    line-height: 1.25;
    background: url(../images/common/bg_base.jpg) repeat left top
}

.con_root .inner_root .box_acc .box_root ul li.root.train01 {
    background: url(../../access/images/bg_train.png) repeat-y center top/7px auto, url(../images/common/bg_base.jpg)
}

@media only screen and (min-width: 1200px) {
    .con_root .inner_root .box_acc .box_root ul li.root.train01 {
        padding: 103.2px 0
    }
}

@media print {
    .con_root .inner_root .box_acc .box_root ul li.root.train01 {
        padding: 103.2px 0
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .con_root .inner_root .box_acc .box_root ul li.root.train01 {
        padding: 101px 0
    }
}

.con_root .inner_root .box_acc .box_root ul li.root.train {
    background: url(../../access/images/bg_train.png) repeat-y center top/7px auto, url(../images/common/bg_base.jpg)
}

.ie .con_root .inner_root .box_acc .box_root ul li.root.train,
.edge .con_root .inner_root .box_acc .box_root ul li.root.train,
.firefox .con_root .inner_root .box_acc .box_root ul li.root.train {
    padding: 27.6px 0
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .firefox .con_root .inner_root .box_acc .box_root ul li.root.train {
        padding: 27.4px 0
    }
}

.con_root .inner_root .box_acc .box_root ul li.root.car {
    background: url(../../access/images/bg_car.png) repeat-y center top/7px auto, url(../images/common/bg_base.jpg)
}

@media only screen and (min-width: 768px) {
    .con_root .inner_root .box_acc .box_root ul li.root.car {
        padding: 178px 0
    }
}

.con_root .inner_root .box_acc .box_root ul li.root.car01 {
    background: url(../../access/images/bg_car.png) repeat-y center top/7px auto, url(../images/common/bg_base.jpg)
}

@media only screen and (min-width: 1200px) {
    .con_root .inner_root .box_acc .box_root ul li.root.car01 {
        padding: 27.8px 0
    }

    .ie .con_root .inner_root .box_acc .box_root ul li.root.car01,
    .edge .con_root .inner_root .box_acc .box_root ul li.root.car01,
    .firefox .con_root .inner_root .box_acc .box_root ul li.root.car01 {
        padding: 27.4px 0
    }
}

@media print {
    .con_root .inner_root .box_acc .box_root ul li.root.car01 {
        padding: 27.8px 0
    }

    .ie .con_root .inner_root .box_acc .box_root ul li.root.car01,
    .edge .con_root .inner_root .box_acc .box_root ul li.root.car01,
    .firefox .con_root .inner_root .box_acc .box_root ul li.root.car01 {
        padding: 27.4px 0
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .con_root .inner_root .box_acc .box_root ul li.root.car01 {
        padding: 29.3px 0
    }

    .ie .con_root .inner_root .box_acc .box_root ul li.root.car01,
    .edge .con_root .inner_root .box_acc .box_root ul li.root.car01 {
        padding: 28.9px 0
    }

    .firefox .con_root .inner_root .box_acc .box_root ul li.root.car01 {
        padding: 28.6px 0
    }
}

.con_root .inner_root .box_acc .box_root ul li.root.long {
    position: relative;
    z-index: 2
}

@media only screen and (min-width: 768px) {
    .con_root .inner_root .box_acc .box_root ul li.root.long {
        width: 312%
    }
}

.con_root .inner_root .box_acc .box_root ul li.st {
    padding: .35em 0;
    display: block;
    letter-spacing: .24em;
    color: #fff;
    background: #ceb132;
    font-size: 147%
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .con_root .inner_root .box_acc .box_root ul li.st {
        font-size: 134%
    }
}

@media only screen and (max-width: 767px) {
    .con_root .inner_root .box_acc .box_root ul li.st {
        font-size: 120%
    }
}

.con_root .inner_root .box_acc .box_root ul li.st.long {
    position: relative;
    z-index: 2
}

@media only screen and (min-width: 768px) {
    .con_root .inner_root .box_acc .box_root ul li.st.long {
        width: 312%
    }
}

.con_root .inner_root .box_acc .box_root .st_arr {
    width: 100%;
    padding: 1em 0;
    background: url(../images/common/bg03.jpg) repeat left top
}

.con_root .inner_root .box_acc .box_root .st_arr.long {
    position: relative;
    z-index: 2
}

@media only screen and (min-width: 768px) {
    .con_root .inner_root .box_acc .box_root .st_arr.long {
        width: 312%
    }
}

@media only screen and (max-width: 767px) {
    .con_root .inner_root .box_acc .box_root .st_arr img {
        width: 35%
    }
}

.con_root .inner_root.inner_root01 .box_acc {
    width: 49.16667%;
    margin-right: 1.66667%
}

@media only screen and (max-width: 767px) {
    .con_root .inner_root.inner_root01 .box_acc {
        width: 100%;
        margin-right: 0
    }
}

.con_root .inner_root.inner_root01 .box_acc:last-child {
    margin-right: 0
}

.con_root .inner_root.inner_root01 .box_acc .box_root ul {
    margin-top: 20px
}

@media only screen and (max-width: 767px) {
    .con_root .inner_root.inner_root01 .box_acc .box_root ul {
        margin-top: .5em
    }
}

@media only screen and (min-width: 768px) {
    .con_root .inner_root.inner_root01 .box_acc .box_root ul li.root.long {
        width: 204%
    }
}

@media only screen and (min-width: 768px) {
    .con_root .inner_root.inner_root01 .box_acc .box_root ul li.st.long {
        width: 204%
    }
}

@media only screen and (min-width: 768px) {
    .con_root .inner_root.inner_root01 .box_acc .box_root .st_arr.long {
        width: 204%
    }
}

.con_root .inner_root.inner_root02 .box_acc {
    width: 48.33333%
}

@media only screen and (max-width: 767px) {
    .con_root .inner_root.inner_root02 .box_acc {
        width: 100%;
        margin-right: 0
    }
}

.con_root .inner_root.inner_root02 .box_txt {
    float: right;
    width: 48.33333%
}

@media only screen and (max-width: 767px) {
    .con_root .inner_root.inner_root02 .box_txt {
        margin-top: 1.5em;
        width: 100%;
        float: none
    }
}

.con_root .inner_root.inner_root02 .box_txt .st_sougei {
    letter-spacing: .08em;
    display: inline-block;
    vertical-align: middle;
    font-size: 174%
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .con_root .inner_root.inner_root02 .box_txt .st_sougei {
        font-size: 147%
    }
}

@media only screen and (max-width: 767px) {
    .con_root .inner_root.inner_root02 .box_txt .st_sougei {
        font-size: 120%
    }
}

.con_root .inner_root.inner_root02 .box_txt .st_sougei span {
    color: #fff;
    background: #ceb132;
    display: inline-block;
    vertical-align: middle;
    padding: 0 .75em;
    font-size: 62%
}

.con_root .inner_root.inner_root02 .box_txt .txt {
    margin-top: 20px;
    font-size: 100%
}

@media only screen and (max-width: 767px) {
    .con_root .inner_root.inner_root02 .box_txt .txt {
        margin-top: 4%
    }
}

@media only screen and (max-width: 767px) {
    .con_root .inner_root.inner_root02 .box_txt .txt {
        font-size: 94%
    }
}

.con_root .inner_root.inner_root02 .box_txt table {
    width: 100%;
    margin-top: 30px
}

@media only screen and (max-width: 767px) {
    .con_root .inner_root.inner_root02 .box_txt table {
        margin-top: 1.5em
    }
}

.con_root .inner_root.inner_root02 .box_txt table th {
    width: 155px
}

@media only screen and (max-width: 767px) {
    .con_root .inner_root.inner_root02 .box_txt table th {
        width: 40%
    }
}

.con_root .inner_root.inner_root02 .box_txt .box_btn {
    overflow: hidden;
    margin-top: 40px
}

@media only screen and (max-width: 767px) {
    .con_root .inner_root.inner_root02 .box_txt .box_btn {
        margin-top: 1.5em
    }
}

.con_root .inner_root.inner_root02 .box_txt .box_btn li {
    float: left;
    width: 48.27586%
}

.con_root .inner_root.inner_root02 .box_txt .box_btn li a {
    display: block;
    text-decoration: none;
    color: #fff;
    background: #ceb132;
    padding: 1em 0;
    line-height: 1;
    position: relative;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #ceb132;
    -moz-transition: background .3s, color .3s;
    -o-transition: background .3s, color .3s;
    -webkit-transition: background .3s, color .3s;
    transition: background .3s, color .3s
}

@media only screen and (max-width: 767px) {
    .con_root .inner_root.inner_root02 .box_txt .box_btn li a {
        padding: 1.3em 0
    }
}

.con_root .inner_root.inner_root02 .box_txt .box_btn li a:after {
    content: '→';
    text-align: center;
    color: #fff;
    width: 1.8em;
    line-height: 1.8;
    border: 1px solid #fff;
    -moz-border-radius: 1.8em;
    -webkit-border-radius: 1.8em;
    border-radius: 1.8em;
    font-size: 80%;
    position: absolute;
    top: 50%;
    right: 4%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -moz-transition: background .3s, border-color .3s, color .3s;
    -o-transition: background .3s, border-color .3s, color .3s;
    -webkit-transition: background .3s, border-color .3s, color .3s;
    transition: background .3s, border-color .3s, color .3s
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .con_root .inner_root.inner_root02 .box_txt .box_btn li a:after {
        width: 2em;
        line-height: 2
    }
}

@media only screen and (max-width: 767px) {
    .con_root .inner_root.inner_root02 .box_txt .box_btn li a:after {
        font-size: 67%
    }
}

.con_root .inner_root.inner_root02 .box_txt .box_btn li a:hover {
    color: #ceb132;
    background: none
}

.con_root .inner_root.inner_root02 .box_txt .box_btn li a:hover:after {
    border-color: #ceb132;
    background: none;
    color: #ceb132
}

@media only screen and (max-width: 1199px) {
    .con_root .inner_root.inner_root02 .box_txt .box_btn li {
        width: 100%;
        float: none
    }
}

.con_root .inner_root.inner_root02 .box_txt .box_btn li:last-child {
    float: right
}

@media only screen and (max-width: 1199px) {
    .con_root .inner_root.inner_root02 .box_txt .box_btn li:last-child {
        margin-top: 1em;
        width: 100%;
        float: none
    }
}

.con_root .inner_root.inner_root02 .box_txt .box_btn li a.link:before,
.con_root .inner_root.inner_root02 .box_txt .box_btn li a.link:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: inline-block;
    vertical-align: baseline
}

.con_root .inner_root.inner_root02 .box_txt .box_btn li a.link:before {
    content: "";
    margin-right: .5em
}

.con_root .box_sougei {
    overflow: hidden;
    background: url(../images/common/bg_sty.jpg);
    margin-top: 50px;
    padding: 50px;
    -moz-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.05);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (max-width: 767px) {
    .con_root .box_sougei {
        margin-top: 2em
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .con_root .box_sougei {
        padding: 20px
    }
}

@media only screen and (max-width: 767px) {
    .con_root .box_sougei {
        padding: 4%
    }
}

.con_root .box_sougei .box_photo {
    float: left;
    width: 48.18182%
}

@media only screen and (max-width: 767px) {
    .con_root .box_sougei .box_photo {
        width: 100%;
        float: none
    }
}

.con_root .box_sougei .box_photo .photo img {
    width: 100%
}

.con_root .box_sougei .box_photo .txt_cau {
    margin-top: .5em
}

.con_root .box_sougei .box_txt {
    float: right;
    width: 48.18182%
}

@media only screen and (max-width: 767px) {
    .con_root .box_sougei .box_txt {
        margin-top: 1.5em;
        width: 100%;
        float: none
    }
}

.con_root .box_sougei .box_txt .st_sougei {
    letter-spacing: .08em;
    display: inline-block;
    font-size: 174%
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .con_root .box_sougei .box_txt .st_sougei {
        font-size: 140%
    }
}

@media only screen and (max-width: 767px) {
    .con_root .box_sougei .box_txt .st_sougei {
        font-size: 120%
    }
}

.con_root .box_sougei .box_txt .st_sougei span {
    color: #fff;
    background: #ceb132;
    display: inline-block;
    padding: 0 .75em;
    font-size: 62%
}

.con_root .box_sougei .box_txt .txt {
    margin-top: 20px;
    font-size: 100%
}

@media only screen and (max-width: 767px) {
    .con_root .box_sougei .box_txt .txt {
        margin-top: 4%
    }
}

@media only screen and (max-width: 767px) {
    .con_root .box_sougei .box_txt .txt {
        font-size: 94%
    }
}

.con_root .box_sougei .box_txt table {
    width: 100%;
    margin-top: 30px
}

@media only screen and (max-width: 767px) {
    .con_root .box_sougei .box_txt table {
        margin-top: 1.5em
    }
}

.con_root .box_sougei .box_txt table th {
    width: 155px
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .con_root .box_sougei .box_txt table th {
        width: 40%
    }
}

@media only screen and (max-width: 767px) {
    .con_root .box_sougei .box_txt table th {
        width: 40%
    }
}

.con_root .box_sougei .box_txt .box_btn {
    overflow: hidden;
    margin-top: 40px
}

@media only screen and (max-width: 767px) {
    .con_root .box_sougei .box_txt .box_btn {
        margin-top: 1.5em
    }
}

.con_root .box_sougei .box_txt .box_btn li {
    float: left;
    width: 48.27586%
}

.con_root .box_sougei .box_txt .box_btn li a {
    display: block;
    text-decoration: none;
    color: #fff;
    background: #ceb132;
    padding: 1em 0;
    line-height: 1;
    position: relative;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #ceb132;
    -moz-transition: background .3s, color .3s;
    -o-transition: background .3s, color .3s;
    -webkit-transition: background .3s, color .3s;
    transition: background .3s, color .3s
}

@media only screen and (max-width: 767px) {
    .con_root .box_sougei .box_txt .box_btn li a {
        padding: 1.3em 0
    }
}

.con_root .box_sougei .box_txt .box_btn li a:after {
    content: '→';
    text-align: center;
    color: #ca8da6;
    width: 1.8em;
    line-height: 1.8;
    border: 1px solid #ca8da6;
    -moz-border-radius: 1.8em;
    -webkit-border-radius: 1.8em;
    border-radius: 1.8em;
    font-size: 80%;
    position: absolute;
    top: 50%;
    right: 4%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -moz-transition: background .3s, border-color .3s, color .3s;
    -o-transition: background .3s, border-color .3s, color .3s;
    -webkit-transition: background .3s, border-color .3s, color .3s;
    transition: background .3s, border-color .3s, color .3s
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .con_root .box_sougei .box_txt .box_btn li a:after {
        width: 2em;
        line-height: 2
    }
}

@media only screen and (max-width: 767px) {
    .con_root .box_sougei .box_txt .box_btn li a:after {
        font-size: 67%
    }
}

.con_root .box_sougei .box_txt .box_btn li a:hover {
    color: #ceb132;
    background: none
}

.con_root .box_sougei .box_txt .box_btn li a:hover:after {
    border-color: #ceb132;
    background: none;
    color: #ceb132
}

@media only screen and (max-width: 1199px) {
    .con_root .box_sougei .box_txt .box_btn li {
        width: 100%;
        float: none
    }
}

.con_root .box_sougei .box_txt .box_btn li:last-child {
    float: right
}

.con_root .box_sougei .box_txt .box_btn li:last-child a {
    display: block;
    text-decoration: none;
    color: #fff;
    background: #ceb132;
    padding: 1em 0;
    line-height: 1;
    position: relative;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #ceb132;
    -moz-transition: background .3s, color .3s;
    -o-transition: background .3s, color .3s;
    -webkit-transition: background .3s, color .3s;
    transition: background .3s, color .3s
}

@media only screen and (max-width: 767px) {
    .con_root .box_sougei .box_txt .box_btn li:last-child a {
        padding: 1.3em 0
    }
}

.con_root .box_sougei .box_txt .box_btn li:last-child a:after {
    content: '→';
    text-align: center;
    color: #fff;
    width: 1.8em;
    line-height: 1.8;
    border: 1px solid #fff;
    -moz-border-radius: 1.8em;
    -webkit-border-radius: 1.8em;
    border-radius: 1.8em;
    font-size: 80%;
    position: absolute;
    top: 50%;
    right: 4%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -moz-transition: background .3s, border-color .3s, color .3s;
    -o-transition: background .3s, border-color .3s, color .3s;
    -webkit-transition: background .3s, border-color .3s, color .3s;
    transition: background .3s, border-color .3s, color .3s
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .con_root .box_sougei .box_txt .box_btn li:last-child a:after {
        width: 2em;
        line-height: 2
    }
}

@media only screen and (max-width: 767px) {
    .con_root .box_sougei .box_txt .box_btn li:last-child a:after {
        font-size: 67%
    }
}

.con_root .box_sougei .box_txt .box_btn li:last-child a:hover {
    color: #ceb132;
    background: none
}

.con_root .box_sougei .box_txt .box_btn li:last-child a:hover:after {
    border-color: #ceb132;
    background: none;
    color: #ceb132
}

@media only screen and (max-width: 1199px) {
    .con_root .box_sougei .box_txt .box_btn li:last-child {
        margin-top: 1em;
        width: 100%;
        float: none
    }
}

.con_root .inner_root .box_map {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

@media only screen and (max-width: 767px) {
    .con_root .inner_root .box_map {
        margin-top: 2em
    }
}