@charset "utf-8";

/* ========================================================
	template.css => テンプレート用CSS
======================================================== */

html {
    font-size: 62.5%;
}
body {
    background-color: #fff;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.7;
    color: #2D2D2D;
    /* font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", Verdana, Arial, Helvetica, sans-serif; */
    /* -webkit-text-size-adjust: 100%; */
}
body.m {
    font-family: "メイリオ", "Meiryo", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", Verdana, Arial, Helvetica, sans-serif;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    line-height: 1.7;
}
h2, h3 {
	font-weight: bold;
}
a {
    color: #8f6134;
    text-decoration: underline;
    -webkit-transition: color 0.15s, background-color 0.15s, background-image 0.15s, border 0.15s, opacity 0.15s;
    -o-transition: color 0.15s, background-color 0.15s, background-image 0.15s, border 0.15s, opacity 0.15s;
    transition: color 0.15s, background-color 0.15s, background-image 0.15s, border 0.15s, opacity 0.15s;
}
a:hover {
    text-decoration: none;
}
a.a_reverse, .a_reverse a {
    text-decoration: none;
}
a.a_reverse[href]:hover, .a_reverse a[href]:hover {
    text-decoration: underline;
}
.tel_pc > a {
    color: #000;
    text-decoration: none;
}
label {
    cursor: pointer;
}
input, select, textarea, button {
    margin: 0;
    vertical-align: middle;
    font-family: inherit;
    outline: none;
    font-size: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
button {
    cursor: pointer;
}
iframe {
    vertical-align: middle;
}

@media screen and (max-width: 680px) {
img {
    max-width: 100%;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
iframe {
    max-width: 100%;
    height: 200px;
}
.tel_pc > a {
    color: #8f6134;
    text-decoration: underline;
}
}
/* pc / sp
============================================================================================================ */
.sp, .sps {
    display: none !important;
}

@media screen and (max-width: 680px) {
.pc {
    display: none !important;
}
.sp {
    display: block !important;
}
img.sp, span.sp, br.sp, em.sp, strong.sp {
    display: inline !important;
}
}

@media screen and (max-width: 370px) {
.sps {
    display: block !important;
}
img.sps, spsan.sps, br.sps, em.sps, strong.sps {
    display: inline !important;
}
}

/* sp
============================================================================================================ */
@media screen and (max-width: 680px) {
*[data-label] img {
    display: none;
}
*[data-label]:before {
    content: attr(data-label);
}
*[data-label-r]:after {
    content: attr(data-label-r);
}
.sp_mincho {
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
}
}
/* font-size
============================================================================================================ */
.fz_s {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
}
.fz_m {
}
.fz_l {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.6;
}
.fz_ll {
}

@media screen and (max-width: 680px) {
.fz_s {
    font-size: 1.1rem;
}
.fz_l {
    font-size: 1.5rem;
}
}
/* font-weight
============================================================================================================ */
.fwn {
    font-weight: normal !important;
}
/* color
============================================================================================================ */
.c_black {
    color: #000 !important;
}
.c_green {
    color: #7ea200 !important;
}
.c_gold {
    color: #a58e3d !important;
}
/* letter-spacing
============================================================================================================ */
.ls1 {
    letter-spacing: 1em;
    margin-right: -1em;
}
span.ls1 {
    display: inline-block;
}
/* dot
============================================================================================================ */
.dot {
    display: inline-block;
    margin: 0 -0.2em;
}
/* w
============================================================================================================ */
.w {
    position: relative;
    display: block;
    width: 1000px;
    margin: 0 auto;
}
.pl {
    width: 700px;
    padding: 0 0 0 280px;
}
.mw {
    min-width: 1000px;
}
.w:after, .mw:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    overflow: hidden;
}

@media screen and (max-width: 680px) {
.w {
    width: auto;
    padding: 0;
}
.mw {
    min-width: 0;
}
.pl {
    width: auto;
    padding: 0 10px;
}
}
/* hv_wh
============================================================================================================ */
a.hv_wh, button.hv_wh, a .hv_wh, .hv_wh a {
    position: relative;
    display: inline-block;
}
a.hv_wh:after, button.hv_wh:after, a .hv_wh:after, .hv_wh a:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0);
    -webkit-transition: background 0.15s;
    -o-transition: background 0.15s;
    transition: background 0.15s;
    z-index: 3;
}
a.hv_wh:hover:after, button.hv_wh:hover:after, a:hover .hv_wh:after, .hv_wh a:hover:after {
    background-color: rgba(255,255,255,0.3);
}

@media screen and (max-width: 680px) {
a.hv_wh:after,  button.hv_wh:after,  a .hv_wh:after,  .hv_wh a:after {
    content: none;
}
}
/* コンテナ
============================================================================================================ */
#container {
    position: relative;
    font-size: 14px;
    /* font-size: 1.4rem; */
}

@media screen and (max-width: 680px) {
#container {
    /* padding-top: 104px; */
    font-size: 1.3rem;
}
}
/* copyright
------------------------------------------------------------- */
#footer .copyright {
    padding: 5px 0 15px;
    background-color: #fff;
    text-align: center;
}
#footer .copyright small {
    font-size: 10px;
    font-size: 1rem;
    color: #82AC34;
}

@media screen and (max-width: 680px) {
#footer .copyright {
    line-height: 1.5;
    padding-top: 0;
}
#footer .copyright small {
}
}
/* ===================================================================================================================

	コンテンツ

=================================================================================================================== */

/* topicpath
============================================================================================================ */
.topicpath {
    padding: 10px 0;
    background-color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    color: #aaa;
}
.topicpath span {
    color: #000;
}
.topicpath a {
    text-decoration: none;
}
.topicpath a:hover {
    text-decoration: underline;
}
.topicpath a.home {
    padding: 3px 0 3px 22px;
    background: url(../images/parts/ico_topicpath.png) no-repeat 0 40%;
}

@media screen and (max-width: 680px) {
.topicpath {
    padding: 5px 0;
    font-size: 1rem;
}
.topicpath a.home {
    padding-left: 15px;
    background-position: 0;
    -webkit-background-size: 12px;
    background-size: 12px;
}
}
/* ===================================================================================================================

	モジュール

=================================================================================================================== */

/* section
============================================================================================================ */
.section + .section, .section_m + .section, .section_s + .section {
    margin-top: 40px;
}

@media screen and (max-width: 680px) {
.section + .section {
    margin-top: 30px;
}
}
.section + .section_m, .section_m + .section_m, .section_s + .section_m {
    margin-top: 30px;
}
.section + .section_s, .section_m + .section_s, .section_s + .section_s {
    margin-top: 20px;
}

@media screen and (max-width: 680px) {
}
.pb_sec {
    padding-bottom: 60px;
}

@media screen and (max-width: 680px) {
.pb_sec {
    padding-bottom: 30px;
}
}
/* title
============================================================================================================ */
.title_l, .title_m, .title_s {
    line-height: 1.5;
    font-weight: bold;
}
.title_l {
    margin-bottom: 12px;
    font-size: 27px;
    font-size: 2.7rem;
}
.title_m {
    margin-bottom: 6px;
    font-size: 23px;
    font-size: 2.3rem;
}
.title_s {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 5px;
}

@media screen and (max-width: 680px) {
.title_l {
    font-size: 1.6rem;
}
.title_m {
    font-size: 1.4rem;
}
.title_s {
    font-size: 1.2rem;
}
}
.title_dot {
    position: relative;
    margin-bottom: 20px;
    padding-left: 26px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.4;
}
.title_dot:before, .title_dot:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
}
.title_dot:before {
    top: 2px;
    left: 0;
    background-color: #7ea200;
}
.title_dot:after {
    top: 10px;
    left: 8px;
    background-color: #cccccc;
}

@media screen and (max-width: 680px) {
.title_dot {
    margin-bottom: 15px;
    font-size: 1.4rem;
}
}
/* bg
============================================================================================================ */
.bg_yellow {
    background: #ffe146 url(../images/parts/bg_pattern_yellow.jpg) 50% 0;
}

@media screen and (max-width: 680px) {
.bg_yellow {
    -webkit-background-size: 140px;
    background-size: 140px;
}
}
/* column_section
============================================================================================================ */
.column_section:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    overflow: hidden;
}
.column_section > * {
    float: left;
}
/* column2 */
.column_section.column2 > * {
    width: 330px;
}
.column_section.column2 > * + * {
    float: right;
}

@media screen and (max-width: 680px) {
.column_section.column2 > *,  .column_section.column2 > * + * {
    float: none;
    width: auto;
}
.column_section.column2 > * + * {
    margin-top: 30px;
}
}
/* column3 */
.column_section.column3 > * {
    width: 270px;
}
.column_section.column3 > * + * {
    padding-left: 35px;
}

@media screen and (max-width: 680px) {
.column_section.column3 > *,  .column_section.column3 > * + * {
    float: none;
    width: auto;
    padding: 0;
}
.column_section.column3 > * + * {
    margin-top: 30px;
}
}
/* column4 */
.column_section.column4 > * {
    width: 154px;
}
.column_section.column4 > * + * {
    padding-left: 28px;
}

@media screen and (max-width: 680px) {
.column_section.column4 {
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: -30px;
}
.column_section.column4 > *,  .column_section.column4 > * + * {
    width: 50%;
    padding: 0 5px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.column_section.column4 > *:nth-child(2n+1) {
    clear: both;
}
}
/* ph_float_column
============================================================================================================ */
.ph_float_column:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    overflow: hidden;
}
.ph_float_column.ph_left .ph {
    float: left;
}
.ph_float_column.ph_left .ph ~ * {
    margin-left: 260px;
}
.ph_float_column.ph_right .ph {
    float: right;
}
.ph_float_column.ph_right .ph ~ * {
    margin-right: 260px;
}
.ph_float_column.ph_left.m .ph ~ * {
    margin-left: 230px;
}
.ph_float_column.ph_right.m .ph ~ * {
    margin-right: 230px;
}
.ph_float_column.ph_left.sm .ph ~ * {
    margin-left: 160px;
}
.ph_float_column.ph_right.sm .ph ~ * {
    margin-right: 160px;
}
.ph_float_column.ph_left.s .ph ~ * {
    margin-left: 170px;
}
.ph_float_column.ph_right.s .ph ~ * {
    margin-right: 170px;
}

@media screen and (max-width: 680px) {
.ph_float_column.ph_left .ph,  .ph_float_column.ph_right .ph {
    float: none;
    margin-bottom: 10px;
    text-align: center;
}
.ph_float_column.ph_left .ph ~ * {
    margin-left: 0;
}
.ph_float_column.ph_right .ph ~ * {
    margin-right: 0;
}
.ph_float_column.ph_left.m .ph,  .ph_float_column.ph_left.sm .ph,  .ph_float_column.ph_left.s .ph {
    float: left;
    width: 100px;
}
.ph_float_column.ph_right.m .ph,  .ph_float_column.ph_right.sm .ph,  .ph_float_column.ph_right.s .ph {
    float: right;
    width: 100px;
}
.ph_float_column.ph_left.m .ph ~ *,  .ph_float_column.ph_left.sm .ph ~ *,  .ph_float_column.ph_left.s .ph ~ * {
    margin-left: 110px;
}
.ph_float_column.ph_right.m .ph ~ *,  .ph_float_column.ph_right.sm .ph ~ *,  .ph_float_column.ph_right.s .ph ~ * {
    margin-right: 110px;
}
}
/* table
============================================================================================================ */
table.basic {
    width: 100%;
    background-color: #fff;
    border: 3px solid #7ea200;
    line-height: 1.6;
}
table.basic.fixed {
    table-layout: fixed;
}
table.basic th, table.basic td {
    padding: 0.6em 1em;
    border: 1px solid #7ea200;
}
table.basic thead th {
    background-color: #f4f8e4;
    border-bottom-width: 2px;
    text-align: center;
    font-weight: bold;
}
table.basic tfoot th, table.basic tfoot td {
    border-top-width: 2px;
    text-align: center;
    font-weight: bold;
}
table.basic tbody th {
    font-weight: bold;
    color: #7ea200;
}
table.basic.head_center thead th {
    text-align: center;
}
table.basic.th_cetner tbody th {
    text-align: center;
}
table.basic.td_cetner td {
    text-align: center;
}
table.basic.td_right td {
    text-align: right;
}
table.basic .bg_green {
    background-color: #7ea200;
}
table.basic .bg_yerrow {
    background-color: #ffe045;
}
table.basic.stripe tbody tr:nth-child(2n) th, table.basic.stripe tbody tr:nth-child(2n) td {
    background-color: #f5f5f5;
}
/* */
table.style01 {
    width: 100%;
}
table.style01 th {
    font: 15px;
    font: 1.5rem;
    color: #8e655c;
    text-align: center;
    padding: 10px 10px;
}
table.style01 th, table.style01 td {
    border-bottom: 1px solid #c6b2ad;
	vertical-align: inherit;
}
table.style01 tr:last-child th, table.style01 tr:last-child td {
    border-bottom: none;
}
/*  */
table.form {
    border-top: 1px solid #1eb42d;
    width: 100%;
}
table.form th, table.form td {
    border-bottom: 1px solid #1eb42d;
    padding: 20px 20px;
}

@media screen and (max-width: 680px) {
table.form th,  table.form td {
    display: block;
    width: auto;
    padding-right: 15px;
    padding-left: 15px;
}
table.form th {
    border-bottom: none;
    padding: 20px 15px 0;
    font-weight: bold;
    font-size: 1.5rem;
}
}
table .w10 {
    width: 10%;
}
table .w15 {
    width: 15%;
}
table .w20 {
    width: 20%;
}
table .w25 {
    width: 25%;
}
table .w30 {
    width: 30%;
}
table .w35 {
    width: 35%;
}
table .w40 {
    width: 40%;
}
table .w45 {
    width: 45%;
}
table .w50 {
    width: 50%;
}

@media screen and (max-width: 680px) {
table.basic {
    border-width: 2px;
    font-size: 1.2rem;
    line-height: 1.5;
}
table.basic th,  table.basic td {
    padding: 0.5em;
}
table.basic thead th {
    border-width: 1px;
}
table.basic tfoot th,  table.basic tfoot td {
    border-width: 1px;
}
}
/* link
============================================================================================================ */
a.blank {
    padding: 3px 26px 3px 0;
    background: url(../images/parts/ico_blank.png) 100% no-repeat;
}
a.pdf {
    padding: 3px 22px 3px 0;
    background: url(../images/parts/ico_pdf.png) 100% no-repeat;
}

@media screen and (max-width: 680px) {
a.blank {
    background-image: url(../images/parts/ico_blank_sp.png);
    -webkit-background-size: 16px;
    background-size: 16px;
}
a.pdf {
    background-image: url(../images/parts/ico_pdf_sp.png);
    -webkit-background-size: 16px;
    background-size: 16px;
}
}
/* block_link
============================================================================================================ */
.block_link {
    display: block;
    text-decoration: none;
    color: #000;
}
/* li
============================================================================================================ */
ul.inline {
    text-align: center;
}
ul.inline li {
    display: inline-block;
    margin: 0 5px;
}

@media screen and (max-width: 680px) {
ul.inline {
    margin: 0 -3px;
}
ul.inline:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
}
ul.inline li {
    float: left;
    margin: 0;
    padding: 0 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul.inline.column4 li {
    width: 25%;
}
}
/* square
------------------------------------------------------------- */
ul.square li {
    position: relative;
    padding-left: 1em;
}
ul.square li:before {
    content: "■";
    position: absolute;
    left: 0;
}
/* disc
------------------------------------------------------------- */
ul.disc li {
    position: relative;
    padding-left: 1em;
}
ul.disc li:before {
    content: "・";
    position: absolute;
    left: 0;
}
/* notes
------------------------------------------------------------- */
ul.notes li {
    position: relative;
    padding-left: 1em;
}
ul.notes li:before {
    content: "※";
    position: absolute;
    left: 0;
}
/* decimal
------------------------------------------------------------- */
ol.decimal {
    list-style-type: decimal;
}
ol.decimal li {
    margin-left: 2em;
}
/* parentheses
------------------------------------------------------------- */
ol.parentheses li {
    position: relative;
    padding-left: 2em;
}
ol.parentheses li .num {
    position: absolute;
    left: 0;
}
/* dl
============================================================================================================ */
dl.float {
}
dl.float dt {
    float: left;
}
dl.float dd {
    margin-left: 14em;
    padding-bottom: 1em;
}

@media screen and (max-width: 680px) {
dl.float {
}
dl.float dt {
    float: none;
}
dl.float dd {
    margin-left: 0;
}
}
dl.dl_sec dd ~ dt {
    margin-top: 25px;
}

/* img
============================================================================================================ */
@media screen and (max-width: 680px) {
.sp_img50p img {
    max-width: 50%;
}
}
/* img.radius
============================================================================================================ */
img.radius {
    border-radius: 1000px;
}
/* from
============================================================================================================ */
/* step
------------------------------------------------------------- */
.form_area .step {
    margin-bottom: 15px;
}
/* table
------------------------------------------------------------- */
.form_area input[type=text], .form_area select, .form_area textarea {
    max-width: 100%;
    padding: .3em .5em;
    background-color: #fff;
    border: 1px solid #c1c1c1;
    font-size: 15px;
    font-size: 1.5rem;
}
.form_area input.size01 {
    width: 100%;
}
.form_area input.size02 {
    width: 150px;
}
.form_area input.size03 {
    width: 320px;
}
.form_area input.size04 {
    width: 85px;
}
.form_area textarea.size01 {
    width: 100%;
    height: 160px;
}

@media screen and (max-width: 680px) {
.form_area table,  .form_area table thead,  .form_area table tbody,  .form_area table tr,  .form_area table th,  .form_area table td {
    display: block;
    width: auto;
    text-align: left;
    padding: 0 0 5px;
}
.form_area table td {
    padding-bottom: 10px;
}
.form_area table .vt {
    padding-top: 0;
}
.form_area input.size01,  .form_area input.size03 {
    width: 100%;
}
}
/* header
============================================================================================================ */
/* header {
    background: #fff;
    border-top: 7px solid #1eb42d;
    border-bottom: 1px solid #E6EFD6;
    position: fixed;
    width: 100%;
    z-index: 100;
} */
#head {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}
#head .logo {
    position: absolute;
    top: 5px;
    z-index: 10;
}
#head .btn_reservation {
    width: 205px;
    position: absolute;
    bottom: 15px;
    right: 0;
}
#head .btn_reservation a {
    display: block;
    border: 3px solid #9be094;
    background: #1eb42d;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    letter-spacing: 0.05em;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.75em;
}

/*pc時子要素のhoverの動き*/

.chiiki_menu_flex {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: space-between;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
}
.chiiki_menu {
    width: 50%;
    margin-bottom: 5px;
}
.chiiki_menu p {
    padding: 15px 0;
    text-align: center;
    border: #ccc 1px solid;
    background-color: #fff;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 2px;
}
.chiiki_menu ul {
    display: none;
    width: 100%;
    margin: 0 auto;
    background: #333333;
    padding: 8px 5px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 0 0 5px 5px;
    text-decoration: none;
    color: #fff;
}
.chiiki_menu ul a {
    text-decoration: none;
    color: #fff;
}
.chiiki_menu ul li ul {
    display: none;
    width: 90%;
    margin: 0 auto;
    background: #fff;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #333;
}

/*
.chiiki_menu ul li ul li ul{
 display: none;
 width: 90%;
 margin: 0 auto;
 background: #333333;
 border-radius: 5px;
}
*/



/* plus icon */
#global .has_snav > a {
    position: relative;
    pointer-events: none;

}
/*	.nav_down {
	position: relative;
}*/

.has_snav:before {
    content: "";
        position: absolute;
        width:4em;
        height: 3em;

        z-index: 10;
        right:3px;

}
    
#global .has_snav > a:after {
    content: "";
    position: absolute;
    margin: auto;
    top: 5px;
    bottom: 0;
    right: 12px;
    width: 1em;
    height: 2px;
    background: #000;
     transition: all  0.1s ease;
}
#global .has_snav > a:before {
    content: "";
    position: absolute;
    margin: auto;
    top: -8px;
    bottom: 0;
    right: 12px;
    width: 1em;
    height: 2px;
    background: #000;
    transition: all  0.1s ease;
    
}
/*active*/
#global .has_snav.active > a:before {
    top: -3px;
    -webkit-transform: translateY(0) rotate(45deg) ;
    -ms-transform: translateY(0) rotate(45deg);
    transform: translateY(0) rotate(45deg);
}
#global .has_snav.active > a:after {
    top: -3px;
    -webkit-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
}
/*    
            .nav_down{
    position: absolute;
                right:0;
                width:2em;
                height:3em;
                border:solid 1px red;
                z-index: 10;
    } 
    */

/* container
============================================================================================================ */
#container {
    /* padding-top: 133px; */
}

@media screen and (max-width: 680px) {
#container {
    /* padding-top: 55px; */
}
}
/* footer
============================================================================================================ */
#footer {
    border-top: 3px solid #1eb42d;
    ;
    position: relative;
}
#footer #pagetop {
    position: fixed;
    bottom: 10px;
    right: 10px;
}
#footer > div {
    width: 1000px;
    margin: 0 auto;
    padding: 30px 0 0;
}
#footer > div ul {
    width: 160px;
    float: left;
    margin-right: 15px;
    margin-bottom: 20px;
}
#footer > div ul li {
    background: url(../../img/arrow01.gif) no-repeat left 0.4em;
    padding: 0 0 0 10px;
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 0.3em;
}
#footer > div ul li a {
    color: #2D2D2D;
    text-decoration: none;
	letter-spacing: 0;
}
#footer > div ul li a:hover {
    text-decoration: underline;
}
#footer > div .info {
    width: 360px;
    float: right;
    position: relative;
}
#footer > div .info:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    overflow: hidden;
}
#footer > div .info p {
    float: left;
    margin-right: 20px;
}
#footer > div .info dl {
    float: left;
}
#footer > div .info dl dt {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 0.25em;
}
#footer > div .info dl dd {
    font-size: 12px;
    font-size: 1.2rem;
}

@media screen and (max-width: 680px) {
#footer #pagetop {
    width: 34px;
}
#footer #pagetop img {
    width: 100%;
    height: auto;
}
#footer > div {
    width: auto;
    margin: 0 auto;
    padding: 20px 0 20px;
}
#footer > div .info {
    width: auto;
    float: none;
    position: relative;
    margin-left: 10px;
}
#footer > div .info p {
    width: 50px;
    margin-right: 15px;
}
#footer > div .info p img {
    width: 100%;
    height: auto;
}
#footer > div .info dl dt {
    font-size: 13px;
    font-size: 1.3rem;
    margin-bottom: 0.25em;
}
#footer > div .info dl dd {
    font-size: 11px;
    font-size: 1.1rem;
}
}
/* text_color
============================================================================================================ */
.green {
    color: #1eb42d;
}
.orange {
    color: #F98200;
}
.brown {
    color: #644a31;
}
.btm_dot span {
    border-bottom: 3px dotted #1eb42d;
    color: #1eb42d;
}

@media screen and (max-width: 680px) {
.btm_dot span {
    border-bottom: 1px dotted #1eb42d;
}
}
/* flexbox
============================================================================================================ */
.fbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 680px) {
.fbox.f_pc {
    display: block;
}
}
/* ofi
============================================================================================================ */
.ofi {
    object-fit: cover;
    font-family: 'object-fit: cover;'
}
.ofi.cont {
    object-fit: contain;
    font-family: 'object-fit: contain;'
}



/* navi localnav_02
============================================================================================================ */
    /*タイトルデザイン*/

.local_02_aera_title{
font-weight: bold;
    font-size: 20px;
    text-align: center;
    color: #1eb42d;
    margin-bottom:1em;
}


.local_02_aera{
    background: #fff;
    border:solid 3px #1eb42d;padding: 30px 30px 40px 30px;
}
@media screen and (max-width: 680px) {
    .local_02_aera_title{

    font-size: 18px;
}
    .local_02_aera{
    border:solid 3px #1eb42d;padding: 20px 15px 20px 15px;
}
}

/*navi������*/
#local_02 nav > div {
	position: relative;
}
#local_02 nav > div > div:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; overflow: hidden;
}
#local_02 nav .chenge_tub_box {
    max-width: 100%;
    border-bottom: 5px solid #1EB12C!important;
}
#local_02 nav .local_nav {
	float: left;
	margin: 20px 0 0px;
	font-size: 14px;
	font-size: 1.4rem;
	position: relative;
}
#local_02 nav .local_nav:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; overflow: hidden;
}
#local_02 nav .local_nav > li {
	position: relative;
	float: left;
	z-index: 2;
	padding-right: 1px;
	padding-left: 1px;
}
/*#local_02 nav .local_nav > li  + li{
    	border-left: 1px solid #B2B2B2;
}*/

/*navi�@���K�w�f�U�C��*/
#local_02 nav .local_nav >  li  a {
/*	background: #F6F9F1;
    min-width: 250px;
    display: block;
    padding: 10px 20px 10px 25px;
    border-bottom: 1px solid #eae4da;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: left;
    white-space: nowrap;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 1;*/
    background: #1EB12C;
    color: #fff;
    min-width: 250px;
    display: block;
    padding: 8px 20px 8px 25px;
/*    border-bottom: 1px solid #fff;*/
    font-size: 18px;
    font-size: 1.8rem;
/*    font-weight: bold;*/
    text-align: center;
    white-space: nowrap;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
}
#local_02 nav .local_nav > li > a:hover {
/*	color: #1eb42d;*/
}


/*���K�w�@�\���ʒu�ƃz�o�[����܂Ŕ�\��*/
#local_02 nav .local_nav ul {
	position: absolute;
	left: 0px;
	top: 30px;
	height: auto;
	display:none; /*����*/
	z-index:1;
	padding-top:15px;


	}



/*���K�w�f�U�C��*/
#local_02 nav .local_nav ul li a {
/*color: #1EB12C;*/
color: #8f6134;
    background: #F6F9F1;
/*	min-width: 175px;*/
	display: block;
	padding: 10px 20px 10px 25px;
	border-bottom: 1px solid #eae4da;
	font-size: 12px;
	font-size: 1.2rem;
	text-align: left;
	white-space: nowrap;
	text-decoration: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	opacity: 1;
}

/*���K�w�z�o�[�f�U�C��*/
#local_02 nav .local_nav ul li a:hover,
#local_02 nav .local_nav ul li.current a {
	background-color: #1eb42d;
	color: #fff;
}

#local_02 nav .local_nav .has_snav.showed ul {
	overflow: visible;
	height: auto;
}
#local_02 nav .local_nav .has_snav.open li a {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	opacity: 1;
}


#local_02 nav .hover,
#local_02 nav .local_nav > .current > a:before {
	position: absolute;
	bottom: -15px;
	height: 3px;
	width: 100%;
	background-color: #1eb42d;
}
#local_02 nav .local_nav > .current > a:before {
	content: "";
	left: 5px;
	right: 5px;
}
#local_02 nav .hover {
	-webkit-transition: height 0.1s ease;
	-o-transition: height 0.1s ease;
	transition: height 0.1s ease;
	height: 0;
}
#local_02 nav .hover.mov {
	-webkit-transition: all 0.3s ease, height 0.15s ease;
	-o-transition: all 0.3s ease, height 0.15s ease;
	transition: all 0.3s ease, height 0.15s ease;
	height: 3px;
}

/*��O�K�w�z�o�[���̓����@����*/
@media screen and (min-width: 680px) {

#local_02 nav .local_nav li ul.local_child li{
	position: relative;
}

#local_02 nav .local_nav li ul.local_child li ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
/*     visibility: visible;
    opacity: 1;*/
    z-index: 1;
}

#local_02 nav .local_nav li ul.local_child li ul.menu__second-level {
    position: absolute;
    top: 0px;
    left: 250px;
    width: 370px;
    padding-top: 0;
    opacity: 0;
      /*  opacity: 1*/;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
display: block;
}

#local_02 nav .local_nav li ul.local_child li ul.menu__second-level li{
	width: 50%;
}
#local_02 nav .local_nav li ul.local_child li:hover ul.menu__second-level {
    top: 0px;
    visibility: visible;
    opacity: 1;
}
}
    .local_nav .has_snav >  a{
        pointer-events: none;
    }
/*sp��*/
@media screen and (max-width: 680px) {
	#local_02 nav > div {
	/*	height: 100%;*/
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}
	#local_02 nav > div > div {
		/*height: 100%;*/
		overflow-y: auto;
	}
    
        #local_02 nav .local_nav > li a{
    background: #1EB12C;
}
    
    #local_02 nav .local_nav > li  + li{
    	border-left: none;
}

	#local_02 nav div > ul,
	#local_02 nav div > ul li {
		float: none !important;
	}
	#local_02 nav div > ul li {
		border-bottom: 1px solid #e6ddd1;
	}
	#local_02 nav div > ul a {
		position: relative;
		height: auto !important;
		display: block;
		padding: 10px 25px !important;
		text-align: left !important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		text-decoration: none;
	}

	#local_02 nav .local_nav {
		background: #eddfc0;
		float: none;
		margin: 0;
		font-size: 14px;
		font-size: 1.4rem;
		position: relative;
		width: 100%;
	}
	#local_02 nav .local_nav.sp {
		margin-bottom: 2em;
	}
	#local_02 nav .local_nav ul {
		display:none;
		position: static;
/*		height: 0;*/
		overflow: hidden !important;
		-webkit-transition: height 0.3s;
		-o-transition: height 0.3s;
		transition: height 0.3s;
	padding-top:0px;
		
	}
	#local_02 nav .local_nav ul li {
		border-top: 1px solid #eddfc0;
		border-bottom: 0;
	}
    /*���K�w�f�U�C��*/
    
	#local_02 nav .local_nav ul li a {
		padding: 10px 25px;
		background: #E0DBDB;
		border-bottom: 0;
		white-space: normal;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
        /*��O�K�w�f�U�C��*/
    	#local_02 nav .local_nav ul li ul li a {
		background: #fff;
	}

	#local_02 nav .local_nav .showed ul {
		overflow: visible;
		height: auto;
	}

    
/*���_*/
	#local_02 nav .local_nav .has_snav > a:before,
	#local_02 nav .local_nav .has_snav > a:after {
		content: "";
		display: block;
		position: absolute;
		left: auto;
		bottom: auto;
		right: 20px;
		top: 50%;
		width: 12px;
		height: 2px;
		margin-top: -1px;
		background-color: #212121;
		-webkit-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
	}
	#local_02 nav .has_snav > a:before {
		-webkit-transform: translateY(-3px);
		-ms-transform: translateY(-3px);
		-o-transform: translateY(-3px);
		transform: translateY(-3px);
	}
	#local_02 nav .has_snav > a:after {
		-webkit-transform: translateY(3px);
		-ms-transform: translateY(3px);
		-o-transform: translateY(3px);
		transform: translateY(3px);
	}
    /*active*/
	#local_02 nav .has_snav.active > a:before {
		-webkit-transform: translateY(0) rotate(45deg);
		-ms-transform: translateY(0) rotate(45deg);
		transform: translateY(0) rotate(45deg);
	}
	#local_02 nav .has_snav.active > a:after {
		-webkit-transform: translateY(0) rotate(-45deg);
		-ms-transform: translateY(0) rotate(-45deg);
		transform: translateY(0) rotate(-45deg);
	}
	#local_02 nav .local_nav ul li .menu__second-level{
	/*	height: 0 ;*/
		display: none;
	}

}
@media screen and (min-width: 681px) {
	#local_02 nav .local_nav .has_snav ul {
		height: 0 !important;
	}
	#local_02 nav .local_nav .has_snav.showed ul {
		height: auto !important;
	}
}


/*タブ*/
.chenge_tub {
    background: #A6E0AC;
    color: #1EB12C;
    font-weight: bold;
    border: none;
    border-radius: 10px 10px 0 0;
    cursor: pointer;
    display: block;
    flex: 1;
    font-size: 1.8rem;
    position: relative;
    transition: all .3s ease-in-out;
    vertical-align: middle;

    width: 100%;
}
@media screen and (max-width: 681px) {
    .chenge_tub {
        border-radius: 0px 0px 0 0;
    }
}