@charset "UTF-8";
/*! CSS Document */
/*!
Theme Name: 盛岡南ドライビングスクール 2024
Theme URI:
Description: 2024年制作
Author: 
*/


.wrap {
    width: 1000px;
    min-width: 1000px;
    margin: auto;
    overflow: hidden;
}

p {
    margin-bottom: 13px;
    /* color: #333; */
}

hr {
    border-bottom: 1px solid #999;
}

a {
    text-decoration: underline;
    color: #3b8734;
}

a:hover {
    text-decoration: none;
}


/*記事内の画像*/
.center_box {
    margin-left: auto;
    margin-right: auto;
}

.aligncenter {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
}

.alignleft {
    float: left;
    margin-right: 10px !important;
    margin-bottom: 10px !important;
}

.alignright {
    float: right;
    margin-left: 10px !important;
    margin-bottom: 10px !important;
}

.wp-caption {
    margin: 0.5em;
}

.wp-caption-text {
    font-size: 80% !important;
    text-align: center;
    word-break: keep-all;
}

/*送信メッセージ*/
.wpcf7-response-output {
    color: #C30;
    text-align: center;
    margin-top: 20px;
}

/*記入漏れ*/
.wpcf7-not-valid-tip-no-ajax {
    color: #C30;
    margin-left: 5px;
    text-decoration: underline;
}

sup {
    font-size: 10px;
}

dt {
    font-weight: bold;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

del {
    text-decoration: line-through;
}

blockquote {
    color: #999;
    padding: 30px;
    font-style: oblique;
    text-align: justify;
}

blockquote p {
    font-style: oblique;
    text-align: justify;
}

/*ヘッダー---------------------------------------------*/
#header * {
    line-height: 1.3em;
}

#header {
    border-bottom: solid 3px #4eb244;
    background-color: #fff;
    height: 125px;
}

#header #title {
    overflow: hidden;
}

#header #name {
    width: 500px;
    float: left;
}

#header h1 {
    font-size: small;
    margin-top: 10px;
}

#header h2 a {
    display: block;
    background-image: url("img/title.gif");
    background-repeat: no-repeat;
    width: 410px;
    height: 50px;
    text-indent: -999em;
}

#header #head_add {
    display: block;
    float: right;
    width: 400px;
}

.head_link {
    float: right;
}

#header .head_link li {
    float: left;
    list-style: none;
    margin-left: 15px;
}

#header .head_link li a {
    font-size: small;
}

#header #head_add .tel {
    float: right;
    padding-top: 10px;
    padding-left: 50px;
    background-image: url("img/tel.png");
    background-repeat: no-repeat;
    background-position: 10% 100%;
    background-size: 15%;
}

#header #head_add .tel li {
    font-weight: bold;
    list-style: none;
}

#header #head_add .tel li a {
    font-weight: bold;
}

#header #head_add .tel li:first-child {
    font-size: small;
    padding-left: 3px;
}

/*メニュー--------------------------------------------*/
#nav {
    overflow: hidden;
    margin-top: 10px;
}

#nav>ul>li {
    width: 166px;
    display: block;
    float: left;
    background-repeat: no-repeat;
    background-position: 15px 5px;
}

#nav .home {
    background-image: url("img/nav_home.png");
}

#nav .school {
    background-image: url("img/nav_school.png");
}

#nav .car {
    background-image: url("img/nav_car.png");
}

#nav .bus {
    background-image: url("img/nav_bus.png");
    background-position: 13px 7px;
}

#nav .bus a {
    padding-left: 50px;
    width: 116px;
    text-align: left
}

#nav .guide {
    background-image: url("img/nav_guide.png");
}

#nav .recruit {
    background-image: url("img/nav_recruit.png");
}

#nav li a {
    text-decoration: none;
}

#nav>ul>li>a {
    width: 165px;
    padding: 6px 0px;
    margin-top: 7px;
    display: block;
    font-weight: bold;
    color: #333;
    text-align: center;
    border-left: solid 1px #4eb244;
}

#nav>ul>li:first-child>a {
    border-left: none;
}

#nav ul li ul {
    height: 0px;
    display: block;
    overflow: hidden;
    background-color: #fff;
    list-style: none;
}

#nav li li {
    width: 195px;
}

#nav li li a {
    border-top: dashed 1px #4eb244;
    width: 145px;
    display: block;
    padding: 8px;
    font-size: 90%;
    color: #333;
}

#nav li li:first-child a {
    border: none;
}

#nav>ul>li:hover {
    background-color: #4eb244;
    transition: .2s;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
}

#nav>ul>li:hover>a {
    color: #fff
}

#nav>ul>li:hover ul {
    overflow: visible;
    height: auto;
    position: relative;
    z-index: 20;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border: solid 3px #4eb244;
}

#nav .home:hover {
    background-image: url("img/nav_home_white.png");
}

#nav .school:hover {
    background-image: url("img/nav_school_white.png");
}

#nav .car:hover {
    background-image: url("img/nav_car_white.png");
}

#nav .bus:hover {
    background-image: url("img/nav_bus_white.png");
}

#nav .guide:hover {
    background-image: url("img/nav_guide_white.png");
}

#nav .recruit:hover {
    background-image: url("img/nav_recruit_white.png");
}

#nav li li a:hover {
    background-color: #4eb244;
    color: #fff;
}

/*----sp_menu ----*/

#sp_menu {
    width: 100%;
    margin: 0 auto;
    display: none;
}

.nav-collapse ul {
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
    list-style: none;
}

.nav-collapse li {
    width: 100%;
    display: block;
}

.js .nav-collapse {
    clip: rect(0 0 0 0);
    max-height: 0;
    position: absolute;
    display: block;
    overflow: hidden;
    zoom: 1;
}

.nav-collapse.opened {
    max-height: 9999px;
}

.js .nav-collapse {
    position: relative;
    max-height: none;
}

#nav-toggle {
    display: none;
}


/*メニューアイコン左寄せと文字中央表示タグはjsにて調整*/
.nav-toggle img {
    float: right;
    margin-right: 15px;
    vertical-align: middle;
}

.nav-toggle span {
    position: absolute;
    right: 0;
    left: 0;
    font-weight: bold;
}

.nav-collapse,
.nav-collapse * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.nav-collapse,
.nav-collapse ul {
    list-style-type: none;
    width: 100%;
    float: left;
}

.nav-collapse li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #4eb244;
    padding-left: 20px;
}

.nav-collapse li {
    width: 25%;
}

.nav-collapse a {
    color: #333;
    text-decoration: none;
    width: 100%;
    background: #fff;
    background-repeat: no-repeat;
    padding: 0.7em 1em 0.7em 40px;
    float: left;
    font-size: 90%;
    font-weight: bold;
}

.nav-collapse .home a {
    background-image: url("img/nav_home.png");
}

.nav-collapse .school a {
    background-image: url("img/nav_school.png");
}

.nav-collapse .car a {
    background-image: url("img/nav_car.png");
}

.nav-collapse .bus a {
    background-image: url("img/nav_bus.png");
    background-position: 0px 5px;
}

.nav-collapse .guide a {
    background-image: url("img/nav_guide.png");
}

.nav-collapse .recruit a {
    background-image: url("img/nav_recruit.png");
}

.nav-collapse ul ul a {
    background: #fff;
    padding-left: 2em;
    border-bottom: 1px dotted#ccc;
}

.nav-collapse ul ul a {
    display: none;
}

.nav-toggle {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 3px solid #4eb244;
    cursor: pointer;
    width: 100%;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    background: #fff;
    color: #fff;
    font-weight: bold;
    padding: 8px 0;
    display: none;
    margin: 0 auto;
    box-sizing: border-box;
}

#nav-collapse {
    background-color: #eee;
    visibility: hidden;
}

/*トップスライド------------------------------------*/
.slider {
    width: 100%;
    overflow: hidden;
}

.slick-track {
    background-color: #fff;
}

.slider-item {
    width: 1000px;
    margin: 0 auto 0px;
    list-style-type: none;
}

/*コンテンツ------------------------------------------*/
#cont {
    padding: 20px;
}

#cont,
#cont .wrap {
    min-width: 960px;
}

#cont .wrap {
    width: 960px;
}


#cont .box,
#cont .leftbox,
#cont .rightbox {
    background-color: #fff;
    padding: 10px;
    margin-bottom: 10px;
    /*border: solid 1px #d3c48d;*/
}

#cont .leftbox {
    width: 450px;
    float: left;
    overflow: hidden;
    display: block;
}

#cont .rightbox {
    width: 450px;
    overflow: hidden;
    display: block;
    float: right;
}

#cont .wrap:not(#top_page) .box {
    min-height: 500px;
    overflow: hidden;
}

#cont .syasyu {
    list-style: none;
    margin: 0px auto;
    overflow: hidden;
}

#cont .syasyu li {
    float: left;
    width: 29%;
    margin: 1%;
    padding: 1%;
}

#cont .syasyu a {
    display: block;
    width: 100%;
    height: 0;
    padding-top: 32%;
    text-indent: -9999px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

#cont .syasyu li.page-item-16 a {
    background: url(img/syasyubana_hutuu1.jpg) no-repeat;
    background-position: 0 50%;
    background-size: 99%;
}

#cont .syasyu li.page-item-18 a {
    background: url(img/syasyubana_juntyuugata.jpg) no-repeat;
    background-position: 0 50%;
    background-size: 99%;
}

#cont .syasyu li.page-item-20 a {
    background: url(img/syasyubana_oogata.jpg) no-repeat;
    background-position: 0 50%;
    background-size: 99%;
}

#cont .syasyu li.page-item-22 a {
    background: url(img/syasyubana_kenbiki.jpg) no-repeat;
    background-position: 0 50%;
    background-size: 99%;
}

#cont .syasyu li.page-item-24 a {
    background: url(img/syasyubana_hutuu2.jpg) no-repeat;
    background-position: 0 50%;
    background-size: 99%;
}

#cont .syasyu li.page-item-26 a {
    background: url(img/syasyubana_nirin.jpg) no-repeat;
    background-position: 0 50%;
    background-size: 99%;
}


#cont .pickup {
    height: 495px;
    list-style: none;
    margin: 0px;
}

.pickup a {
    text-decoration: none;
}

#cont .pickup li {
    background-color: #c5efbf;
    padding: 10px;
    margin-top: 10px;
    overflow: hidden;
    border-radius: 5px;
    /* CSS3草案 */
    -webkit-border-radius: 5px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;
    /* Firefox用 */
}

#cont .pickup li:hover {
    opacity: 0.7;
}

#cont .pickup img {
    float: left;
    margin: 0px 10px 0px 0px;
}

#cont .pickup h5 {
    font-size: 1.1em;
    font-weight: bold;
    color: #333;
    background: none;
    margin: 0px;
}

#cont .news {
    list-style: none;
    margin: 0px;
    height: 465px;
    overflow: overlay;
    padding-right: 20px;
}

#cont .news li {
    border-left: 5px solid #d3c589;
    border-bottom: 1px dashed #d3c589;
    margin-top: 10px;
    padding: 5px 10px 0px 10px;
}

#cont .news h5 {
    background: none;
    margin: 0px;
}

#cont .news h5 a {
    font-weight: bold;
}

#newslink {
    margin: 10px 0px 0px 0px;
    text-align: right;
}

/*パンくずリスト*/
#cont #p_list {
    overflow: hidden;
}

#cont #p_list p {
    float: right;
    font-size: 80%;
}

/*見出し--------------------------------------------*/
#cont h2 {
    font-size: 2em;
    font-weight: bold;
    padding: 10px;
}

#cont h3 {
    clear: both;
    font-size: 1.5em;
    font-weight: bold;
    padding: 10px;
    margin-bottom: 20px;
    border-top: 1px dashed #d3c48d;
    border-bottom: 3px solid #d3c48d;
    background-color: rgb(255, 251, 237);
}

#cont h4 {
    clear: both;
    padding: 5px 0px 5px 44px;
    font-weight: bold;
    color: #fff;
    background-size: 1000px;
    background-image: url("img/h4.png");
    background-position: 0 50%;
    margin-bottom: 20px;
}

#cont h5 {
    clear: both;
    padding: 5px;
    font-size: 100%;
    font-weight: bold;
    background-image: url("img/h5_2.png");
    background-size: 35px;
    margin-bottom: 20px;
}

#cont h6 {
    clear: both;
    font-weight: bold;
    font-size: 100%;
    border-bottom: 2px dashed #d3c48d;
    padding: 3px;
    margin-bottom: 10px;
}


#cont #top_page h5 {
    clear: none;
}

#cont #top_page ul:not(.syasyu) li {
    margin: 10px 0 0;
}

/*----*/
#cont img {
    max-width: 955px;
    padding: 5px;
    margin: 0.5em;
    border: solid 1px #bbb;
    background-color: #fff;
}

#cont a:hover img {
    opacity: 0.7;
}

#cont table {
    height: auto !important;
    border: 2px solid rgb(59, 135, 52);
    border-collapse: collapse;
    margin-bottom: 13px;
}

#cont table.aligncenter {
    display: table;
}


#cont tr {
    border-bottom: 1px dashed #ab9c64;
}

#cont th {
    padding: 8px;
    background-image: url("img/table.jpg");
    font-weight: bold;
}

#cont td {
    padding: 8px;
}

#cont th,
#cont td {
    border-right: 1px dashed #ab9c64;
}

#cont tr th:last-child,
#cont tr td:last-child {
    border-right: 0;
}



/* 特殊テーブ */
#cont .roundborder tr td:not(:first-child),
#cont .roundborder tr th:not(:first-child) {
    border-left: 1px dashed #ab9c64;
}

#cont ul {
    margin: 0 0 13px 30px;
    list-style-position: outside;
}

#cont ul li {
    margin: 0 0 13px;
}

#cont ol {
    margin: 0 0 13px 30px;
}

#cont dl {
    margin: 0 0 13px 0;
}


#cont dd {
    margin: 0 0 13px 30px;
}


#cont hr {
    clear: both;
    margin-bottom: 13px;
    border-bottom: 1px solid #d3c48d;
}


#cont input {
    margin-bottom: 13px;
}

#cont [type="text"],
#cont [type="email"],
#cont [type="tel"],
#cont [type="password"],
#cont [type="submit"],
#cont [type="reset"],
#cont [type="button"],
#cont textarea,
#cont select {
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
}

#cont [type="submit"],
#cont [type="reset"],
#cont [type="button"] {
    padding: 8px 16px;
    cursor: pointer;
}

#cont [type="text"]:focus,
#cont [type="password"]:focus,
#cont [type="submit"]:focus,
#cont [type="reset"]:focus,
#cont [type="button"]:focus,
#cont [type="email"]:focus,
#cont [type="tel"]:focus,
#cont textarea:focus,
select:focus {
    outline: 0;
    border-color: #4eb244;
}


/*wpct*/
.wpcf7-radio,
.wpcf7-checkbox {
    display: block;
    margin-bottom: 13px;
    overflow: hidden;
}

span.wpcf7-list-item {
    display: block !important;
    margin: 0 0 0 1em !important;
    float: left;
    width: 140px;
}

/* cont page */
#cont .page p {
    padding: 0 1em;
}

#cont .page * {
    line-height: 1.5em !important;
}

#cont .page table th {
    background: #beffb0;
}

/*--sitemap--*/
#sitemap>ul {
    list-style-type: none;
    margin-left: 0;
}

/*フッター--------------------------------------------*/

#footer * {
    line-height: 1.3em;
}

#footer_link {
    background-image: url("img/background_footer.jpg");
    overflow: hidden;
    padding-top: 20px;
}

#footer .box,
#footer .leftbox,
#footer .rightbox {
    background-color: #fff;
    margin-bottom: 10px;
    border: solid 1px #4eb244;
}

#footer .leftbox a,
#footer .rightbox a,
#footer .box a {
    text-decoration: none;
    color: #333;
    padding: 20px 40px;
    display: block;
}

#footer_link .leftbox:hover,
#footer_link .rightbox:hover,
#footer_link .box:hover {
    opacity: 0.7;
}

#footer .leftbox {
    width: 490px;
    float: left;
    overflow: hidden;
    display: block;
}


#footer .tel {
    list-style: none;
    height: 80px;
    background-image: url("img/tel.png");
    background-repeat: no-repeat;
    background-size: 50px;
    background-position: 7px 0px;
    padding: 6px 0px 0px 78px;
}

#footer .tel li {
    font-weight: bold;
    font-size: 2.5em;
}

#footer .tel li:first-child {
    font-size: 1em;
}

#footer .leftbox:hover,
#footer .box:hover {
    opacity: 1;
    background-color: #f0ffee
}

#footer .leftbox p {
    width: 330px;
    text-align: center;
    background-color: #4eb244;
    margin: 0px auto 5px;
    padding: 10px;
    color: #fff;
}

#footer .rightbox {
    width: 490px;
    height: 156px;
    padding-top: 15px;
    overflow: hidden;
    display: block;
    float: right;
    background-color: #4eb244;
}

#footer .rightbox:hover {
    opacity: 1;
    background-color: #6acd60
}

#footer .rightbox h4 {
    font-size: 2em;
    font-weight: bold;
    color: #fff;
}

#footer .rightbox p {
    color: #fff;
    margin: 10px 0px 0px;
}

#footer .box {
    width: 998px;
    overflow: hidden;
    background-image: url("img/mces.png");
    background-repeat: no-repeat;
    background-position: 40px 27px;
}

#footer .box h4 {
    font-weight: bold;
    font-size: 1.5em;
    margin-left: 205px;
}

#footer .box p {
    margin-left: 205px;
    margin-bottom: 0px;
}

#footer_img {
    background-image: url("img/footer_img.png");
    height: 89px;
}

#footer_add {
    background-color: #3b8734;
    padding-top: 15px;
}

#footer_map {
    background-color: #4eb244;
    padding: 20px 0px;
}

#footer_map a {
    color: #fff;
    text-decoration: none;
    padding: 0px 5px;
}

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

#footer_map ul {
    list-style: none;
}

.footer_one {
    width: 250px;
    display: block;
    float: left;
}

.footer_two {
    width: 500px;
    display: block;
    float: left;
}

.footer_one>a,
.footer_two>a {
    display: none;
}

.footer_one>ul>li,
.footer_two>ul>li {
    margin-bottom: 10px;
}

.footer_one ul li a,
.footer_two ul li a {
    font-size: 1em;
    font-weight: bold;
    background-image: url("img/h5.png");

}

.footer_one ul li ul,
.footer_two ul li ul {
    margin-left: 20px;
}

.footer_one ul li ul li a,
.footer_two ul li ul li a {
    font-size: small;
    font-weight: normal;
    background-image: none;
}

.access,
.access p {
    text-align: right;
    color: #fff;
}

.access h2 {
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1.3em;
}

#copyright {
    font-size: small;
    text-align: center;
    color: #fff;
}

/*---- go_top ----*/


.pageTopBtn a {
    display: block;
    width: 50px;
    height: 50px;
    background: url("./icon_pageTop.png") center 2px no-repeat;
    background-size: 40px auto;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
}

/*    .pageTopBtn:hover {
      background: rgb(59, 135, 52);
      }*/
.pageTopBtn {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
    margin-bottom: 0;
    border-radius: 15px;
    background: rgba(78, 178, 68, 0.6);
    box-shadow: 1px 1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, -1px -1px 0 #fff;
}

#go_top {
    display: none;
}

.sp_def {
    display: block !important;
}

.sp_add {
    display: none !important;
}


/*======================================*/
@media screen and (max-width:769px) {
    /*======================================*/

    body {
        min-width: 100%;
    }

    .wrap {
        width: 100%;
        min-width: 100%;
        margin: auto;
        overflow: hidden;
    }

    #cont,
    #cont .wrap {
        min-width: 98%;
    }

    #cont .wrap {
        width: 100%;
    }

    .sp_def {
        display: none !important;
    }

    .sp_add {
        display: block !important;
    }

    /*ヘッダー---------------------------------------------*/
    #header {
        height: auto;
        border-bottom: 0;
    }

    #header #name {
        width: 70%;
        float: left;
    }

    #header h2 a {
        display: block;
        background-image: url("img/title.gif");
        background-repeat: no-repeat;
        background-size: 100%;
        width: auto;
        height: 0;
        padding-top: 12.5%;
        text-indent: -999em;
    }

    #header #head_add {
        width: 29%;
        padding: 26px 1% 0 0;
    }

    @media screen and (max-width:420px) {
        #header #name {
            width: 100%;
        }

        #header #head_add {
            margin-bottom: 13px;
            width: 100%;
            padding: 0;
        }

    }



    #header #head_add .tel {
        background-image: none
    }

    #header #head_add .tel li {
        font-size: 100%;
    }

    #header #head_add .tel li:first-child {
        font-size: 100%;
        padding-left: 0;
    }

    /*メニュー--------------------------------------------*/
    #nav {
        display: none;
    }

    #sp_menu {
        display: block;
    }

    .nav-toggle {
        display: block;
        background-image: url("img/sp_menu_icon.png");
    }

    #nav-collapse {
        visibility: visible;
    }

    /*トップスライド------------------------------------*/
    .slider {
        width: 100%;
        overflow: hidden;
    }

    .slider-item {
        width: 100%;
        margin: 0 auto 0px;
    }

    .slider-item img {
        width: 100%;
    }

    /*コンテンツ------------------------------------------*/
    #cont {
        padding: 1%;
        font-size: 95%;
    }

    #cont .box,
    #cont .leftbox,
    #cont .rightbox {
        background-color: #fff;
        padding: 1%;
        box-sizing: border-box;
    }

    #cont .leftbox {
        width: 100%;
        float: none;
    }

    #cont .rightbox {
        width: 100%;
        float: none;
    }

    #cont .box {
        width: 100%;
        overflow: hidden;
    }


    #cont .syasyu li {
        float: left;
        width: 46%;
        margin: 1%;
        padding: 1%;
    }

    @media screen and (max-width:400px) {
        #p_list {
            display: none;
        }

        #cont .syasyu li {
            float: none;
            width: 96%;
            margin: 1%;
            padding: 1%;
        }
    }


    #cont .pickup {
        height: auto;
        list-style: none;
        margin: 0px;
    }


    #cont .news h5 {
        font-size: 90%;

    }

    #cont .news h5 a {
        font-weight: bold;
    }

    #cont .news p {
        font-size: 85%;
    }

    #newslink {
        margin: 10px 0px 0px 0px;
        text-align: right;
    }



    /*パンくずリスト*/
    #cont #p_list {
        overflow: hidden;
    }

    #cont #p_list p {
        float: right;
        font-size: 80%;
    }

    /*見出し--------------------------------------------*/

    #cont .page h2 {
        font-size: 150%;
    }

    #cont .page h3 {
        font-size: 130%;
    }

    #cont .page h5 {
        background-repeat: repeat-x;
        background-position: 0 80%;

    }

    /*----*/
    #cont img {
        display: block;
        max-width: 96%;
        float: none;
        height: auto;
        padding: 1%;
        margin-left: auto !important;
        margin-right: auto !important;
        border: solid 1px #bbb;
        background-color: #fff;
    }

    #cont a:hover img {
        opacity: 0.7;
    }

    @media screen and (max-width:410px) {
        #cont img {
            display: block;
            margin: 0 auto 13px;
        }
    }

    #cont table {
        min-width: 80% !important;
        width: 98% !important;
        border: 2px solid rgb(59, 135, 52);
        border-collapse: collapse;
        margin: 0 auto 13px;
    }


    #cont tr {
        border-bottom: 1px dashed #ab9c64;
    }

    #cont th {
        width: 98% !important;
        height: auto !important;
        padding: 1%;
        background-image: url("img/table.jpg");
        font-weight: bold;
    }

    #cont td {
        width: 98% !important;
        height: auto !important;
        padding: 1%;
    }

    #cont ul {
        margin: 0 0 13px 30px;
        list-style-position: outside;
    }

    #cont ol {
        margin: 0 0 13px 30px;
    }

    #cont dl {
        margin: 0 0 13px 0;
    }


    #cont dd {
        margin: 0 0 13px 30px;
    }


    #cont hr {
        margin-bottom: 13px;
        border-bottom: 1px solid #d3c48d;
    }

    #cont input {
        margin-bottom: 13px;
    }

    #cont [type="text"],
    #cont [type="email"],
    #cont [type="tel"],
    #cont [type="password"],
    #cont [type="submit"],
    #cont [type="reset"],
    #cont [type="button"],
    #cont textarea {
        width: 96%;
        padding: 1%;
        margin: 1%;
    }

    #cont [type="text"]:focus,
    #cont [type="password"]:focus,
    #cont [type="submit"]:focus,
    #cont [type="reset"]:focus,
    #cont [type="button"]:focus,
    #cont [type="email"]:focus,
    #cont [type="tel"]:focus,
    #cont textarea:focus,
    select:focus {
        outline: 0;
        border-color: #4eb244;
    }

    #cont table.large_table {
        display: block;
        height: auto !important;
        overflow-x: scroll;
        table-layout: fixed;
        font-size: 85%;
        box-sizing: border-box;
    }

    #cont table.large_table td,
    #cont table.large_table th {
        white-space: nowrap;
        padding: 3px 8px;
    }

    #cont table.large_table {
        overflow: auto;
    }

    #cont table::-webkit-scrollbar {
        /* スクロールバー全体 */
        height: 5px;
    }

    #cont table::-webkit-scrollbar-thumb {
        /* スクロールバーのある部分 */
        background: #3b8734;
        border-radius: 10px;
    }

    #cont table::-webkit-scrollbar-track-piece:start {
        /* スクロールバーが表示されてない部分（前） */
        background: #beffb0;
    }

    #cont table::-webkit-scrollbar-track-piece:end {
        /* スクロールバーが表示されてない部分（後ろ） */
        background: #beffb0;
    }

    #cont table:not(.large_table) td,
    #cont table:not(.large_table) th {
        display: block;
        overflow: hidden;
    }

    #cont .roundborder:not(.large_table) tr td:not(:first-child),
    #cont .roundborder:not(.large_table) tr th:not(:first-child) {
        border-left: none;
    }

    /*フッター--------------------------------------------*/

    #footer_link {
        background-image: url("img/background_footer.jpg");
        overflow: hidden;
        padding-top: 20px;
    }

    #footer .wrap {
        padding: 1%;
    }

    #footer .box,
    #footer .leftbox,
    #footer .rightbox {
        padding: 1%;
        box-sizing: border-box;
    }

    #footer .leftbox a,
    #footer .rightbox a,
    #footer .box a {
        padding: 0;
    }

    #footer_link .leftbox:hover,
    #footer_link .rightbox:hover,
    #footer_link .box:hover {
        opacity: 0.7;
    }

    #footer .leftbox {
        width: 98%;
        float: none;
    }

    #footer .tel {
        display: none;
        list-style: none;
        height: auto;
        background-image: url("");
        background-repeat: no-repeat;
        background-size: 50px;
        background-position: 7px 0px;
        padding: 0;
        overflow: hidden
    }

    #footer .tel li {
        font-weight: bold;
        font-size: 130%;
    }

    #footer .tel li:first-child {
        font-size: 1em;
    }

    #footer .leftbox p {
        width: auto;
        text-align: center;
        background-color: #4eb244;
        margin: 0px auto 0px;
        padding: 10px;
        color: #fff;
    }

    #footer .rightbox {
        width: 98%;
        height: auto;
        padding-top: 15px;
        overflow: hidden;
        display: block;
        float: none;
        background-color: #4eb244;
    }

    #footer .rightbox h4 {
        font-size: 2em;
        font-weight: bold;
        color: #fff;
    }

    #footer .rightbox p {
        color: #fff;
        margin: 10px 0px 0px;
    }

    #footer .box {
        width: 98%;
        ;
        overflow: hidden;
        background-repeat: no-repeat;
        background-position: 40px 27px;
        padding-top: 110px;
    }

    #footer .box h4 {
        font-weight: bold;
        font-size: 100%;
        margin-left: 0;
    }

    #footer .box p {
        margin-left: 0;
        margin-bottom: 0px;
    }

    #footer_img {
        background-image: url("img/footer_img.png");
        height: 0;
        background-size: 100%;
        background-repeat: no-repeat;
        padding-top: 8%;
    }

    #footer_add {
        background-color: #3b8734;
        padding-top: 15px;
    }

    #footer_add .wrap {
        width: 98%;
        min-width: 98%;
    }

    #footer_map {
        background-color: #4eb244;
        padding: 20px 0px;
    }

    #footer_map .wrap {
        width: 98%;
        min-width: 98%;
    }

    #footer_map a {
        color: #fff;
        text-decoration: none;
        padding: 0px 5px;
    }

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

    #footer_map ul {
        list-style: none;
    }

    .footer_one {
        width: 50%;
        display: block;
        float: left;
    }

    @media screen and (max-width:350px) {
        .footer_one {
            width: 98%;
            display: block;
            float: left;
        }
    }

    .footer_two {
        width: 98%;
        display: block;
        float: left;
    }

    .footer_one>a,
    .footer_two>a {
        display: none;
    }

    .footer_one>ul>li,
    .footer_two>ul>li {
        margin-bottom: 10px;
    }

    .footer_one ul li a,
    .footer_two ul li a {
        font-size: 1em;
        font-weight: bold;
        background-image: url("img/h5.png");

    }

    .footer_one ul li ul,
    .footer_two ul li ul {
        margin-left: 20px;
    }

    .footer_one ul li ul li a,
    .footer_two ul li ul li a {
        font-size: small;
        font-weight: normal;
        background-image: none;
    }

    .access,
    .access p {
        text-align: right;
        color: #fff;
    }

    .access h2 {
        font-size: 1.3em;
        font-weight: bold;
    }

    #copyright {
        font-size: small;
        text-align: center;
        color: #fff;
    }

    /*---- go_top ----*/


    .pageTopBtn a {
        display: block;
        width: 50px;
        height: 50px;
        background: url("./icon_pageTop.png") center 2px no-repeat;
        background-size: 40px auto;
        white-space: nowrap;
        text-indent: 100%;
        overflow: hidden;
    }

    /*    .pageTopBtn:hover {
      background: rgb(59, 135, 52);
      }*/
    .pageTopBtn {
        display: none;
        position: fixed;
        bottom: 10px;
        right: 10px;
        width: 50px;
        height: 50px;
        margin-bottom: 0;
        border-radius: 15px;
        background: rgba(78, 178, 68, 0.6);
        box-shadow: 1px 1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, -1px -1px 0 #fff;
    }

    #go_top {
        display: none;
    }
}

/*---よくある質問ｱｺｰﾃﾞｨｵﾝcss追記--*/
/* === Accordion 基本デザイン === */
.accordion-container {
  border-top: 1px solid #ddd;
}

.ac {
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}

/* 質問行（クリック部分） */
.ac-q {
  cursor: pointer;
  background: #f7f7f7;
  padding: 14px 18px;
  font-weight: bold;
  position: relative;
  transition: background 0.3s;
}

.ac-q:hover {
  background: #ececec;
}

/* 質問右端の▼矢印 */
.ac-q::after {
  content: "▼";
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s;
  font-size: 0.9em;
}

.ac.is-active .ac-q::after {
  transform: translateY(-50%) rotate(-180deg);
}

/* 回答部分 */
.ac-a {
  background: #fff;
  padding: 0 18px;
  height: 0;
  overflow: hidden;
  transition: height 0.6s ease;
}

/* 開いた時に自動で高さが付く */
.ac.is-active .ac-a {
  padding-top: 12px;
  padding-bottom: 12px;
}
/*---よくある質問ｱｺｰﾃﾞｨｵﾝcss追記ここまで--*/