@charset "utf-8";

iframe,img{max-width:100%}

.slick-slider *,a[href]{outline:0}

.ff_en,.ff_min{font-weight:400}

#footer .info .language .current::after,
#pagetop a::before,
.w::after
{content:""}

html{font-size:62.5%}

body{background-color:#fff;
font-size:12px;
font-size:1.2rem;
line-height:2;
color:#313131;
word-wrap:break-word;
overflow-wrap:break-word;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
-webkit-text-size-adjust:100%;
text-size-adjust:100%}

*,
::after,
::before
{-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box}
img
{height:auto}
table
{border-collapse:collapse;
border-spacing:0;
line-height:1.8}
a[href]
{color:#bd9f6b;
text-decoration:underline}
.a_reverse a[href],
a[href].a_reverse,
a[href]:hover
{text-decoration:none}
sup
{font-size:1rem}
a[href^=http],
a[href^="mailto:"]
{display:inline-block;
word-break:break-all;
word-wrap:break-word;
overflow-wrap:break-word}
button,
label
{cursor:pointer}
button,
input,
select,
textarea
{max-width:100%;
margin:0;
vertical-align:middle;
font-family:inherit;
outline:0;
font-size:100%}
iframe
{vertical-align:middle}
.hidden
{display:none}


@media screen and (max-width:767px){
body{
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}

sup
{font-size:.4rem!important}
}



.bg_980_anniver.menubox777 .menubox777in .menubox2203,
.ff_min,
.floor_copy
{font-family:"Hiragino Mincho ProN",
"ヒラギノ明朝 ProN",
"ヒラギノ明朝 ProN W3",
"Hiragino Mincho Pro",
"ヒラギノ明朝 Pro W3",
HiraMinProN-W3,
"游明朝",
YuMincho,
"HGS明朝E",
"HG明朝E",
"メイリオ",
Meiryo,
serif}
.sp,
.sps
{display:none!important}


@media screen and (min-width:768px),
print
{.pc_break,
.pc_hidden
{position:relative;
overflow:hidden;
display:block;
height:0}
.fz_l_block
{font-size:1.6rem}
}


@media screen and (max-width:767px)
{.pc
{display:none!important}
.sp
{display:block!important}
br.sp,
em.sp,
img.sp,
span.sp,
strong.sp
{display:inline!important}
td.sp,
th.sp
{display:table-cell!important}
.sp_break
{position:relative;
display:block;
height:0;
overflow:hidden}
}

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


@media screen and (max-width:767px)
{[data-label] img
{display:none!important}
[data-label]::before
{content:attr(data-label)}
[data-label-r]::after
{display:block;
content:attr(data-label-r)}
}

/*
@media screen and (min-width:371px)
{[data-label-r].spl_r_inline::after
{display:inline}
}
*/

@media screen and (min-width:768px)
{.a_reverse a[href]:hover,
a[href].a_reverse:hover
{text-decoration:underline}
.basic_trs,
.basic_trs *,
.basic_trs ::after,
.basic_trs ::before,
.basic_trs::after,
.basic_trs::before,
a[href],
a[href]::after,
a[href]::before,
button
{-webkit-transition:color .2s ease-in-out,
background .2s ease-in-out,
border .2s ease-in-out,
opacity .2s ease-in-out;
-o-transition:color .2s ease-in-out,
background .2s ease-in-out,
border .2s ease-in-out,
opacity .2s ease-in-out;
transition:color .2s ease-in-out,
background .2s ease-in-out,
border .2s ease-in-out,
opacity .2s ease-in-out}
}
.ff_en
{font-family:"PT Serif",
serif}
.fwb
{font-weight:700}
.fwn,
.normal
{font-weight:400}
.normal
{font-size:14px;
font-size:1.4rem;
line-height:2;
color:#302000}
.db
{display:block}
.dib
{display:inline-block}
.c_theme
{color:#a0824f}
.red
{color:#cc1c17}
.bg_pattern
{background:url(/common/images/parts/bg_pattern.jpg) 50% 0}
.bg_coupon
{background-color:#fff9ec}
.bg_pattern2
{background:url(/common/images/parts/bg_pattern2.jpg) 50% 0}
.bg_color_be
{background-color:#ede4d2}
.bg_color_wg
{background-color:#f8f5ef}


@media screen and (max-width:767px)
{.bg_pattern
{-webkit-background-size:237px;
background-size:237px}
.bg_pattern2
{-webkit-background-size:250px;
background-size:250px}
}
a[href] .hv_zoom
{background-repeat:no-repeat;
-webkit-background-size:cover;
background-size:cover}


@media screen and (min-width:768px),
print
{.hv_wh a,
a .hv_wh,
a.hv_wh,
button.hv_wh
{position:relative;
display:inline-block;
vertical-align:middle;
overflow:hidden}
.hv_wh a::after,
a .hv_wh::after,
a.hv_wh::after,
button.hv_wh::after
{content:"";
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
background-color:rgba(255,255,255,0);
-webkit-transition:background .2s;
-o-transition:background .2s;
transition:background .2s;
z-index:3}
.hv_wh a[href]:hover::after,
a[href].hv_wh:hover::after,
a[href]:hover .hv_wh::after,
button.hv_wh:hover::after
{background-color:rgba(255,255,255,.3)}
.hv_wh.a20 a[href]:hover::after,
a[href].hv_wh.a20:hover::after,
a[href]:hover .hv_wh.a20::after,
button.hv_wh.a20:hover::after
{background-color:rgba(255,255,255,.2)}
.hv_wh.a10 a[href]:hover::after,
a[href].hv_wh.a10:hover::after,
a[href]:hover .hv_wh.a10::after,
button.hv_wh.a10:hover::after
{background-color:rgba(255,255,255,.1)}
a[href] .hv_op
{-webkit-transition:opacity .2s;
-o-transition:opacity .2s;
transition:opacity .2s}
.hv_op a[href]:hover,
a[href].hv_op:hover,
a[href]:hover .hv_op
{opacity:.7}
.hv_op.a20 a[href]:hover,
a[href].hv_op.a20:hover,
a[href]:hover .hv_op.a20
{opacity:.8}
.hv_op.a10 a[href]:hover,
a[href].hv_op.a10:hover,
a[href]:hover .hv_op.a10
{opacity:.9}
a[href] .hv_zoom
{-webkit-transition:-webkit-transform .5s,
opacity .5s;
-o-transition:-o-transform .5s,
opacity .5s;
transition:transform .5s,
opacity .5s;
-webkit-transform:scale(1.01);
-ms-transform:scale(1.01);
-o-transform:scale(1.01);
transform:scale(1.01)}
a[href]:hover .hv_zoom
{-webkit-transform:scale(1.05);
-ms-transform:scale(1.05);
-o-transform:scale(1.05);
transform:scale(1.05);
opacity:.7}
}
.target,
.w
{position:relative}
.target
{display:block;
width:1px;
top:-70px}
.target.pt
{top:-100px}


@media screen and (max-width:767px)
{.target
{top:-60px}
.target.pt
{top:-80px}
}
.w
{max-width:1230px;
margin:0 auto;
padding:0 15px}
.w820,
.w980
{margin-left:auto;
margin-right:auto}
.w.m
{max-width:1010px}
.w::after
{display:table;
clear:both}
.mw
{min-width:1100px}
.w980
{width:980px}
.w820
{width:820px}


@media screen and (max-width:767px)
{.w
{padding:0;
width:auto!important;
max-width:none!important}
.w>.slide
{max-width:1229px!important}
.mw
{min-width:0}
.w980
{width:100%}
.sp_pd
{padding-left:15px!important;
padding-right:15px!important}
.sp_full
{margin-left:-15px!important;
margin-right:-15px!important}
}


@media screen and (max-width:820px)
{.w820
{width:100%}
}

/*
@media screen and (max-width:370px)
{.target
{top:-50px}
.target.pt
{top:-70px}
.sp_full
{margin-left:-8px!important;
margin-right:-8px!important}
.sp_pd
{padding-left:8px!important;
padding-right:8px!important}
}
*/

@media screen and (min-width: 768px),
print {
    #header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 100px;
        z-index: 1000;
    }
    .head_box_in9{
/*width:980px;*/
width:100%;
margin:0 auto;
}

.logosp{
float:left;
width: 29%;
padding:30px 10px 30px 0;
text-align: right;
}

.texttop00{
/*width:680px;*/
width: 71%;
float:right;
background-color: #fff;
padding:6px 0 4px 0;
font-size: 1.4rem;
}
.texttop00 p{
width:680px;
float: left;
text-align: right;
}
.menubox456{
float:right;
width: 71%;
background-color: rgba(255,255,255,0.8);
}
.menubox456 .menu{
width:680px;
float: left;
text-align: right;
padding:16px 0 14px 0;
}
.menu li{
float:left;
/*width:20%;*/
width: 25%;
text-align: center;
font-weight: bold;
font-size:1.5rem;
}

}


/*  title  */

h2{
font-size:220%;
font-weight: bold;
text-align: center;
}

/*     header    */

.head_box00{

/*background:linear-gradient(90deg,#00712d 0%,#00712d 50%,#ffffff 50%,#ffffff 100%);*/
}



.logosp{
background-color:#00712d;
}


.menu a{
color:#343434;
text-decoration: none;
padding-top: 18px;
}

.menu a:link{
}

.menu a:visited{
}

.menu a:hover{
border-top: 3px solid #89bd43;
}

.menu a:active{
border-top: 3px solid #89bd43;
}

.texttop00{
text-align:right;
}


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

.head_box_in9{
width:100%;
}

.texttop00{
width: 100%;
text-align:center;
color:#fff;
background-color: #00712d;
padding:10px;
}

.logosp{
width: 100%;
float:none;
text-align: center;
padding:10px;
}

.menu{
position: fixed;
z-index: 300;
width: 100%;
background-color:#00712d;
right:0;
bottom:0;
left:0;
padding:0;
}

.menu li.first{
width: 25%;
float:left;
text-align: center;
font-weight: bold;
margin:14px 0;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
font-size: 1.3rem;
line-height: 1.3;
}


.menu li{
width: 25%;
float:left;
text-align: center;
font-weight: bold;
margin:14px 0;
border-right: 1px solid #fff;
font-size: 1.3rem;
line-height: 1.3;
}
/*
.menu li:nth-child(odd){
border-right: 1px solid #fff;
}*/


.menu a{
color:#fff;
text-decoration: none;
padding-top: 18px;
}

.menu a:link{
}

.menu a:visited{
}

.menu a:hover{
border-top: none;
}

.menu a:active{
border-top: none;
}

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

#container{
margin-top: 40px;
}

}

.box00{
margin:0 auto;
padding: 70px 0 70px 0;
width:900px;
display: table;
}

@media screen and (max-width: 767px){
.box00{
margin:0 auto;
padding: 70px 2% 70px 2%;
width:96%;
display: block;
}
}

/*     info    */

.box01{
margin:0 auto;
padding: 70px 0 200px 0;
width:900px;
display: table;
}

.box01 h2{
color:#89bd43;
margin-bottom: 20px;
}

.info_detail .box01 h2{
color:#89bd43;
margin-bottom: 20px;
}

.box01 a{
color:#343434;
font-size: 1.5rem;
text-decoration: none;
display: table;
}



.box01 .info000 p{
color:#343434;
font-size: 1.5rem;
text-decoration: none;
display: table;
}


.box01 ul{
margin-bottom: 50px;
}

.box01 li{
padding:12px 0 12px 10px;
border-bottom: 1px dotted #989e9a;
display: table;

}

.info_day{
margin-right: 10px;
display: inline-block;
width: 8em;
}

.info_title{
margin-left: 0px;
display: table-cell;
padding: 0 0 0 10px;


}

a .info_title{
text-decoration: underline;
}

a:hover .info_title{
text-decoration: none;
}

.info001{
text-align: center;
display: table-cell;
width:100px;
}
.info_cate{
text-align: center;
display: table-cell;
width:100px;
}

.info002{
text-align: center;
display: table-cell;
width:100px;
}

span .info001{
font-size: 80%;
text-align: center;
width:100px;
border: 1px solid #89bd43;
}

span .info002{
font-size: 80%;
text-align: center;
width:100px;
border: 1px solid #89bd43;
}

.info_btn00{
}

.info_btn00 a{
display: block;
width: 380px;
margin: 0 auto;
text-align: center;
border: 1px solid #acb1ad;
padding:10px;
}

.info_link00::before{
    width: 10px;
    height: 10px;
    border-top: 1px solid #343434;
    border-right: 1px solid #343434;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

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

.box01{
width:100%;
padding: 40px 0 120px 0px;
display: block;
}

.box01 h2{
color:#89bd43;
margin-bottom: 20px;
}

.info_title{
margin-left: 0;
}

.box01 .info_btn00 a{
width: 100%;
}


.box01 .info000 p{
display: block;
}


.box01 ul{
margin-bottom: 50px;
}

.box01 li{
padding:12px 0 12px 10px;
border-bottom: 1px dotted #989e9a;

}

.info_day{
margin-right: 0px;
display: block;
}

.info_title{
margin-left: 0px;
display: block;
}

a .info_title{
text-decoration: underline;
}

a:hover .info_title{
text-decoration: none;
}

.info001{
font-size: 80%;
text-align: center;
display: block;
width:100px;
border: 1px solid #89bd43;
margin: 3px 0;
}

.info002{
font-size: 80%;
text-align: center;
display: block;
width:100px;
border: 1px solid #cd9338;
margin: 3px 0;
}

.info_btn00{
}

.info_btn00 a{
display: block;
width: 100%;
margin: 0 0;
text-align: center;
border: 1px solid #acb1ad;
padding:10px;
}

.info_link00::before{
    width: 10px;
    height: 10px;
    border-top: 1px solid #343434;
    border-right: 1px solid #343434;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


}



/*     arrow    */

.arrow{
    position: relative;
    display: inline-block;
    padding: 0 0 0 0px;
    color: #343434;
    vertical-align: middle;
    text-decoration: none;
    font-size: 1.5rem;
}
.arrow::before,
.arrow::after{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 14px;
    margin: auto;
    content: "";
    vertical-align: middle;
}


/*     box02    */

.box02{
background: #f3f7f5;
position: relative;
padding-bottom: 160px;
}

.box02 .title_icon{
width: 136px;
height:136px;
background-image: url(/common/images/icon_box02.png);
position: absolute;
top:-68px;
left:50%;
margin-left:-68px;
}

.box02 h2{
color: #00712d;
margin-bottom: 60px;
padding-top: 68px;
}

.box02_00{
width:980px;
margin:0 auto;
}

.box02_btn{
font-size: 2.0rem;
display: table;
border: 1px solid #00712d;
margin-bottom: 30px;
box-shadow: 4px 4px rgba(230,237,234);
}

.fl{
float:left;
}

.fr{
float:right;
}

.btn_icon{
display: table-cell;
text-align: center;
background:#00712d;
width:120px;
}

.btn_txt{
display: table-cell;
background:#fff;
width:350px;
padding:14px 0 14px 30px;
}

.box02_btn a{
color:#343434;
text-decoration: none;
display: block;
}

.box02_btn::before{
    width: 10px;
    height: 10px;
    border-top: 1px solid #343434;
    border-right: 1px solid #343434;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

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

.box02{
background: #f3f7f5;
position: relative;
padding-bottom: 30px;
}

.box02 .title_icon{
width: 136px;
height:136px;
background-image: url(/common/images/icon_box02.png);
position: absolute;
top:-68px;
left:50%;
margin-left:-68px;
}

.box02 h2{
color: #00712d;
margin-bottom: 30px;
padding-top: 68px;
}

.box02_00{
width:100%;
margin:0 auto;
}

.box02_btn{
font-size: 1.6rem;
display: table;
border: 1px solid #00712d;
background-color: #ffffff;
margin-bottom: 15px;
box-shadow: 4px 4px rgba(230,237,234);
width: 94%;
margin-left: auto;margin-right: auto;
}

.fl{
float:none;
}

.fr{
float:none;
}

.btn_icon{
display: table-cell;
text-align: center;
background:#00712d;
width:30%;
}

.btn_txt{
display: table-cell;
background:#fff;
padding:20px 0 20px 30px;
}

.box02_btn a{
color:#343434;
text-decoration: none;
display: block;
width:100%;
}

.box02_btn::before{
    width: 10px;
    height: 10px;
    border-top: 1px solid #343434;
    border-right: 1px solid #343434;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
}


/*     box03    */

.box03{
background: #fff;
position: relative;
padding-bottom: 160px;
background-image: url(/common/images/data_bg.gif);
background-repeat: repeat-x;
}

.box03 .title_icon{
width: 136px;
height:136px;
background-image: url(/common/images/icon_box03.png);
position: absolute;
top:-68px;
left:50%;
margin-left:-68px;
}

.box03 h2{
color:#89bd43; 
padding-top: 68px;
}

.box03 .contents_section{
width: 980px;
margin:0 auto;
}

.box03 .contents_section dd{
text-align: center;
}


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

.box03{
width:100%;
padding-bottom: 60px;
}

.box03 .contents_section{
width:100%;
}

.box03 h2{
color:#89bd43; 
padding-bottom: 20px;
}

}

/* *//* *//* *//* *//* *//* *//* *//* */

.box03 .contents_section li a{
position:relative;
overflow:hidden;
display:block;
text-decoration:none;
text-align:center;
color:#fff;
line-height:1.6;
}

.box03 .contents_section li a::after{
content:"";
position:absolute;
right:0;
left:0;
background-color:#343434;
opacity:.6
}

.box03 .contents_section li a .ph{
position:absolute;
top:0;
right:0;
bottom:0;
left:0
}

.box03 .contents_section li a dl{
position:relative;
z-index:3
}

.box03 .contents_section li a dt{
display:block;
color:#fff;
line-height:1.2;
font-size:220%;
font-weight: bold;
}

.contents_section .contents01 a .ph {
background: url(/common/images/ph01.jpg);
background-size:cover;
}

.contents_section .contents02 a .ph {
background-image: url(/common/images/ph02.jpg);
background-size:cover;
}

.contents_section .contents03 a .ph {
background-image: url(/common/images/ph03.jpg);
background-size:cover;
}

.contents_section .contents04 a .ph {
background-image: url(/common/images/ph04.jpg);
background-size:cover;
}

.contents_section li a {
height: 270px;
}


/* *//* *//* *//* *//* *//* *//* *//* */

/*@media screen and (min-width: 980px),
print {*/
    .contents_section ul {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 40px -2px 0;
    }

    .contents_section li {
        width: 50%;
        padding: 2px;
    }

    .contents_section li a {
        height: 270px;
    }

    .contents_section li a::after {
        top: 100px;
        bottom: 100px;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;
    }

    .contents_section li a dl {
        -webkit-transform: translateY(122px);
        -ms-transform: translateY(122px);
        -o-transform: translateY(122px);
        transform: translateY(122px);
        -webkit-transition: -webkit-transform 0.4s;
        -o-transition: -o-transform 0.4s;
        transition: transform 0.4s;
    }

    .contents_section li a dt {
        position: relative;
        display: table;
        margin-left: auto;
        margin-right: auto;
        padding: 0 60px;
        text-align: center;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;
        line-height: 1.6;
    }

    .contents_section li a dt::before,
    .contents_section li a dt::after {
        content: "";
        position: absolute;
        top: 50%;
        width: 54px;
        height: 14px;
        margin-top: -7px;
        -webkit-background-size: 100%;
        background-size: 100%;
        -webkit-transition: opacity 0.4s;
        -o-transition: opacity 0.4s;
        transition: opacity 0.4s;
        opacity: 0;
    }

    .contents_section li a dt::before {
        left: 0;
    }

    .contents_section li a dt::after {
        right: 0;
        -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        transform: scaleX(-1);
    }

    .contents_section .contents08 a dt {
        padding: 0;
        width: 95%;
    }

    .contents_section li a dd {
        padding: 40px 20px;
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
        -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
        -o-transition: -o-transform 0.4s, opacity 0.4s;
        transition: transform 0.4s, opacity 0.4s;
        font-size: 1.6rem;
        line-height: 2;
    }

    .contents_section li a:hover::after {
        top: 0;
        bottom: 0;
        background-color: #343434;
        opacity: 0.6;
    }

    .contents_section li a:hover dt {
        color: #fff;
    }

    .contents_section li a:hover dt::before,
    .contents_section li a:hover dt::after {
        opacity: 1;
    }

    .contents_section li a:hover dl {
        -webkit-transform: translateY(80px);
        -ms-transform: translateY(80px);
        -o-transform: translateY(80px);
        transform: translateY(80px);
    }

    .contents_section li a:hover dd {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
/*}*/

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

    .contents_section li {
        width: 100%;
        padding: 10px;
    }

    .contents_section ul {
        margin: 0;
    }
}


/* *//* *//* *//* *//* *//* *//* *//* */

.box03_link00::before{
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 200;
}

/*     box04    */

.box04{
background-image:url(/common/images/bg01.jpg);
background-size:cover;
background-position:50%;
padding-bottom:80px;
}

.box04 h2{
color:#fff;
padding: 80px 0 60px 0;
}

.box04_00{
width: 980px;
margin: 0 auto;
}

.box04_00 a{
text-decoration: none;
color:#343434;
font-weight: bold;
font-size: 1.4rem;
display: block;
background-color: #fff;
border: solid 1px#acb1ad;
float:left;
width:234px;
height:60px;
margin:4px;
line-height: 60px;
padding-left: 14px;
}

.box04_00 .box04_br{
line-height: 1.4em;
padding-top: 12px;
}

.box04_00 a::before{
    width: 6px;
    height: 6px;
    border-top: 1px solid #343434;
    border-right: 1px solid #343434;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.box04_00 .arrow::before,
.box04_00 .arrow::after{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    content: "";
    vertical-align: middle;
}



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

.box04{
width: 100%;
padding-bottom: 40px;
}

.box04_00{
width: 100%;
padding:2%;
}

.box04 h2{
padding: 40px 0 20px 0;
}

.box04_00 a{
float:none;
width:98%;
height: initial;
line-height: 1.4;
padding:10px 20px 10px 10px;
}

.box04_00 .box04_br{
line-height: initial;
}

.box04_00 a::before{
    width: 6px;
    height: 6px;
}

.box04_00 .arrow::before,
.box04_00 .arrow::after{
    right: 10px;
}
}

/*     box05    */

.box05{
width: 980px;
margin: 0 auto;
padding-bottom: 90px;
}

.box05 h2{
color:#89bd43;
padding: 80px 0 40px 0;
}

.box05 a::before{
    width: 6px;
    height: 6px;
    border-top: 1px solid #343434;
    border-right: 1px solid #343434;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.box05 .arrow::before,
.box05 .arrow::after{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    content: "";
    vertical-align: middle;
}

/*.box05 a{
text-decoration: none;
color:#343434;
font-weight: bold;
font-size: 1.4rem;
display: block;
background-color: #fff;
border: solid 1px#acb1ad;
float:left;
width:234px;
height:60px;
margin:4px;
line-height: 1.4em;
padding-top: 12px;
padding-left: 14px;
}*/


.box05 a{
text-decoration: none;
color:#343434;
font-weight: bold;
font-size: 1.4rem;
display: block;
background-color: #fff;
border: solid 1px#acb1ad;
float:left;
width:234px;
height:60px;
margin:4px;
line-height: 60px;
padding-left: 14px;
}

.box05 .box05_br{
line-height: 1.4em;
padding-top: 12px;
}

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

.box05{
width: 100%;
padding:2%;
margin-bottom: 40px;
}

.box05 h2{
padding: 40px 0 20px 0;
}

.box05 a{
width:98%;
height: initial;
line-height: 1.4;
padding:10px 20px 10px 10px;
}

.box05 a::before{
    width: 6px;
    height: 6px;
}

.box05 .arrow::before,
.box05 .arrow::after{
    right: 10px;
}
}

/*     footer    */

.footer{
background-color:#f3f7f5;
}

.footer .link{
width:980px;
margin: 0 auto;
padding:40px 0 20px 0;
}

.footer .link_fl{
width:33%;
float: left;
}

.footer .link a{
display: block;
float: left;
margin-right: 10px;
width: 188px;
}

.footer .link a:last-child {
margin-right: 0;
}


.footnav000{
height:16px;
line-height: 16px;
font-size: 1.4rem;
border-left: 1px solid #acb1ad;
padding: 0 0 0 6px;
margin-bottom:30px;
}

.footnav_br{
margin-bottom:10px;
}

.footnavmini{
font-size: 85%;
padding-left:10px;
}


.footer02{
font-size: 1.0rem;
background-color: #fff;
}

.footer02 .bold{
font-weight: bold;
font-size: 1.4rem;
}

.footer .link a{
color:#343434;
text-decoration: none;
}

.footer .link a:hover{
text-decoration: underline;
}

.footer03{
width:980px;
margin:0 auto;
padding:50px 0 50px 0;
}

.footer03 .logo{
float:left;
padding-top: 24px;
}

.footer03 .addressbox{
float:right;
text-align: left;
color: #343434;
font-size: 1.4rem;
}

.footer .copy{
background: #00712d;
text-align: center;
color:#fff;
padding:10px;
font-size: 1.0rem;
}

.footer .link a{
display: block;
}

.footer02 .link{
display: none !important;
}

.footer02 .contact{
display: none !important;
}

.footer02 .address{
margin: 0;
}

@media screen and (min-width:768px) {

.sp_br{
display: none;

}
}

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

.pc_br{
display: none;
}

.footer{
width: 100%;
}

.footer02{
width: 100%;
padding:10px;
}

.footer03{
width: 100%;
padding:10px;
}

.footer .link{
width: 100%;
margin: 0 auto;
padding:20px 0 20px 0;
}
}

.footer .link_fl{
width: 50%;
padding:4px;
}

.footnavmini{
font-size: 1.2rem;
float:left;
margin-bottom: 10px;
}

.footnav000{
font-size: 1.4rem;
margin-bottom:20px;
}

.footer .copy{
background-color: #fff;
color:#00712d;
margin-bottom:20px;
}

.footer03 .logo{
float:none;
text-align: center;
padding-bottom: 20px;
}

.footer03 .addressbox{
float:none;
text-align: center;
color: #343434;
font-size: 1.2rem;
}

.footer .link a{
display: block;
}
}

/*     pankuzu    */

.pankuzu{
display: table;
position: relative;
width: 980px;
margin: 0 auto;
font-size: 1.2rem;
padding:12px 0 12px 0;
}

.pankuzu ol{
text-align:right
}

.pankuzu li{
display: inline-block;
}

.pankuzu li:after {
  content: '>';
  padding: 0 10px;
  color: #343434;
}

.pankuzu li:last-child:after {
  content: '';
}

.pankuzu a{
color:#343434;
}

.pankuzu .home{
padding-left: 20px;
background-image: url(/common/images/home.gif);
background-repeat: no-repeat;
background-position: left center;
}

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

.pankuzu{
display: table;
position: relative;
width: 100%;
margin: 0 ;
font-size: 1.2rem;
padding:12px 0 12px 0;
}

}



/*     h3    */

h3{
font-weight: bold;
font-size: 1.8rem;
}


/*     information    */

.infobox .box01{
width: 980px;
margin: 0 auto;
padding-bottom: 150px;
}

.infobox .box01 h3{
color:#89bd43;
text-align: left;
}

.infobox .box01 .info000{
margin:0 30px 0 30px;
}

.info_detail{
width: 920px;
margin: 0 auto;
text-align: center;
}

.info_detail p{
font-size: 1.4rem;
margin-bottom: 10px;
}

.info_detail img{
margin-bottom: 10px;
}


@media screen and (max-width:768px) {
.infobox .box01{
width: 98%;
margin: 0 1%;
padding-bottom: 50px;
}

.infobox .box01 h3{
color:#89bd43;
text-align: left;
margin-bottom: 20px;
}

.infobox .box01 .info000{
margin:0 10px 0 10px;
}

.info_detail{
width: 100%;
margin: 0 auto;
text-align: center;
}

.info_detail p{
font-size: 1.4rem;
margin-bottom: 40px;
}

.info_detail img{
margin-bottom: 20px;
}
}



/*     .arrow    */

.info_detail .info_btn01 .arrow01{
    position: relative;
    display: inline-block;
    padding: 10px;
    color: #343434;
    vertical-align: middle;
    text-decoration: none;
font-size: 1.5rem;
}

.info_detail .info_btn01 .arrow01::before,
.info_detail .info_btn01 .arrow01::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 14px;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.info_detail .info_btn01 .info_link01::before{
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #343434;
    border-left: 1px solid #343434;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.info_btn01 a{
display: block;
width: 380px;
margin: 0 auto;
text-align: center;
border: 1px solid #acb1ad;
padding:10px;
}

@media screen and (max-width:768px) {
.info_detail .info_btn01 .arrow01{
    position: relative;
    display: inline-block;
    padding: 10px;
    color: #343434;
    vertical-align: middle;
    text-decoration: none;
font-size: 1.5rem;
}

.info_detail .info_btn01 .arrow01::before,
.info_detail .info_btn01 .arrow01::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 14px;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.info_detail .info_btn01 .info_link01::before{
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #343434;
    border-left: 1px solid #343434;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.info_btn01 a{
display: block;
width: 98%;
margin: 0 1%;
text-align: center;
border: 1px solid #acb1ad;
padding:10px;
}
}
/*     faci    */

.faci01 .box01,
.faci02 .box02,
.faci03 .box03{
width: 980px;
margin: 0 auto;
background-color: transparent;
padding:80px 0 80px 0;
}

.faci03 .box03{
background-image: none;
}

.faci01 p,
.faci02 .box02 .faci_list,
.faci03 .box03 .address{
font-size: 1.7rem;
}

.faci01 p{
text-align: center;
padding-bottom: 40px;
}

.faci01 .box01 h2,
.faci03 .box03 h2{
color: #00712d;
padding-top: 0;
}

.faci02 .box02 h2{
color: #89bd43;
padding-top: 0;
}

.faci03 .box03 h2{
padding-bottom: 60px;
}

.faci01,.faci03{
background-color: #f3f7f5;
}

.faci01{
background-image: url(/../common/images/faci_bg01.png);
background-repeat: no-repeat;
background-position: 10% 90%;
}

.faci02{
background-image: url(/../common/images/faci_bg02.png);
background-repeat: no-repeat;
background-position: 90% 90%;
}

.faci03{
background-image: url(/../common/images/faci_bg03.png);
background-repeat: no-repeat;
background-position: 10% 10%;
}

.faci03 .box03{
padding-bottom: 0px;
margin-bottom: 60px;
}

.faci02 table td,
.faci03 table td{
padding: 0 0 30px 0;
vertical-align: top;
}

.faci02 table th,
.faci03 table th{
padding: 0 1em 0 0.5em;
vertical-align: top;
width: 8em;
}

.faci02 table{
/*width: 480px;*/
width: 600px;
margin: 0 auto;
}

.faci03 table{
width: 680px;
margin: 0 auto;
}

.faci03 .map{
width: 100%;
height:auto;
margin-bottom: 0px;
}



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


.faci01 .box01,
.faci02 .box02,
.faci03 .box03{
width: 98%;
margin: 0 1%;
background-color: transparent;
padding:30px 0 30px 0;
}

.faci03 .box03{
background-image: none;
}

.faci01 p,
.faci02 .box02 .faci_list,
.faci03 .box03 .address{
font-size: 1.3rem;
}

.faci01 p{
text-align: center;
padding-bottom: 20px;
width: 96%;
margin-left: 2%;
margin-right: 2%;
}

.faci01 .box01 h2,
.faci03 .box03 h2{
color: #00712d;
padding-top: 0;
}

.faci02 .box02 h2{
color: #89bd43;
padding-top: 0;
}

.faci03 .box03 h2{
padding-bottom: 40px;
}

.faci01,.faci03{
background-color: #f3f7f5;
}

.faci01{
background-image: url(/../common/images/faci_bg01.png);
background-repeat: no-repeat;
background-position: 10% 90%;
}

.faci02{
background-image: url(/../common/images/faci_bg02.png);
background-repeat: no-repeat;
background-position: 90% 90%;
}

.faci03{
background-image: url(/../common/images/faci_bg03.png);
background-repeat: no-repeat;
background-position: 10% 10%;
}

.faci03 .box03{
padding-bottom: 0px;
margin-bottom: 60px;
}

.faci02 table td,
.faci03 table td{
padding: 0 0 30px 0;
vertical-align: top;
}

.faci02 table th,
.faci03 table th{
padding: 0 1% 0 1%;
vertical-align: top;
width: 21%;
}

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

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

.faci03 .map{
width: 100%;
height:auto;
margin-bottom: 0px;
}


}



/*     contact    */

.contact01{
width:980px;
margin: 0 auto;
font-size: 1.5rem;
padding-bottom: 100px;
}

.contact01 p{
text-align: center;
margin: 40px 0 20px 0;
}

.contact01 table{
border: 1px solid #383838;
width: 980px;
margin: 0 auto;
border-collapse:collapse ;
}
.contact01 table th{
border: 1px solid #383838;
padding:10px 40px 10px 40px;
vertical-align: top;
border-collapse:collapse ;
}
.contact01 table td{
border: 1px solid #383838;
padding:10px 40px 10px 40px;
vertical-align: top;
border-collapse:collapse ;
}

.title_small{
text-align: center;
font-size: 2.0rem;
font-weight: bold;
padding:50px;
background-color: #f3f7f5;
color: #00712d;
}

.form_001 td{
background-color: #f3f7f5;
}

.form_02{
width: 100%;
}

.form span{
font-size: 80%;
color: #ff0000;
}

.txt02{
padding-bottom: 40px;
}

.form_l{
}

.form_r{
width:70%;
}

.form_name,
.form_name01{
width:45%;
}

.form_name{
margin:0 0 0 4px;
}

.form_name01{
margin:0 20px 0 4px;
}

.form_mail{
width:100%;
}

.form_btn01{
width:40%;
margin: 20px auto;
padding:10px;
}

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

.contact01{
width:96%;
margin: 0 auto;
font-size: 1.4rem;
padding-bottom: 30px;
}

.contact01 p{
text-align: center;
margin: 20px 0 10px 0;
}

.contact01 table{
border: 1px solid #383838;
width: 100%;
margin: 0 ;
border-collapse:collapse ;
}
.contact01 table th{
border: 1px solid #383838;
padding:10px 5px 10px 5px;
vertical-align: top;
border-collapse:collapse ;
display: block;
background-color: #f3f7f5;
text-align: center;
}
.contact01 table td{
border: 1px solid #383838;
padding:10px 5px 10px 5px;
vertical-align: top;
border-collapse:collapse ;
display: block;
text-align: center;
}

.title_small{
text-align: center;
font-size: 2.0rem;
font-weight: bold;
padding:10px;
background-color: #f3f7f5;
color: #00712d;
}

.form_001 td{
background-color: #fff;
}

.form_02{
width: 100%;
}

.form span{
font-size: 80%;
color: #ff0000;
}

.txt02{
padding-bottom: 40px;
}

.form_001 td.form_l{
background-color: #f3f7f5;
}

.form_l{
background-color: #f3f7f5;
}

.form_l span{
display: block;
}


.form_r{
width:100%;
line-height: 3.0;
}

.form_name,
.form_name01{
width:80%;
}

.form_name{
margin:0 10px ;
}

.form_name01{
margin:0 10px ;
}

.form_mail{
width:100%;
}

.form_btn01{
width:50%;
margin: 20px auto;
padding:10px;
}

}


/*     link    */

.link01 h2{
color: #00712d;
padding-bottom: 60px;
}

.link01{
padding: 80px 0 100px 0;
background-color: #f3f7f5;
}

.link02 h2{
color: #89bd43;
padding-bottom: 60px;
}

/*     title    */

.title000{
width: 100%;
height: 140px;
background-color: rgba(0,0,0,0.3);
}





.page_title p{padding-top: 90px;}

.page_title p span.ff_en{
font-family:"游ゴシック medium",
YuGothic,
"Hiragino Kaku Gothic ProN",
"ヒラギノ角ゴ ProN",
"Hiragino Kaku Gothic Pro",
"ヒラギノ角ゴ Pro W3",
"メイリオ",
Meiryo,
Verdana,
Arial,
Helvetica,
sans-serif;
font-weight: bold;
letter-spacing: 2px;
border-bottom: solid 1px #ffffff;
padding-bottom: 5px;
}

@media screen and (max-width:767px){
.page_title p{padding-top: 40px;}
}

.js_service_box li{
cursor: pointer;
}
.back_btn{
cursor: pointer;
padding: 10px;
text-align: center;
background-color:#2f557c;
color: #fff;
font-size: 1.4rem;
}

.back_btn:hover{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.back_btn a{
color: #fff;
text-decoration: none;
}

#pagetop,
#pagetop a {
margin:0 40px 60px 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
#footer {
    position: relative;
    font-size: 1.4rem;
    color: #fff
}
#pagetop {
    position: fixed;
    overflow: hidden;
    bottom: 0;
    right: 0;
    z-index: 1000
}
#pagetop a {
    display: block;
    background-color: #00712d;
    border: 2px solid #00712d;
    -webkit-transition: -webkit-transform 0.3s ease-in-out, background 0.2s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out, background 0.2s ease-in-out;
    transition: transform 0.3s ease-in-out, background 0.2s ease-in-out;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}
#pagetop a::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    margin: -3px 0 0 -4px;
    border-top: 3px solid #fff;
    border-left: 3px solid #fff;
    -webkit-transform: scaleY(0.8) rotate(45deg);
    -ms-transform: scaleY(0.8) rotate(45deg);
    -o-transform: scaleY(0.8) rotate(45deg);
    transform: scaleY(0.8) rotate(45deg)
}
#pagetop.show a {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}
@media print {
    #pagetop {
        display: none
    }
}
@media screen and (min-width:1230px) {
    #pagetop a:hover {
        background-color: #fff
    }
    #pagetop a:hover::before {
        border-color: #00712d;
    }
}
@media screen and (max-width:1229px) {
    #footer {
        padding-bottom: 50px;
        font-size: 1.1rem
    }
    #pagetop,
    #pagetop a {
        width: 50px;
        height: 50px
    }
}

.service_item li a {
        text-decoration: none;
        color: #65747c;
    }
    
@media screen and (max-width:767px) {

#pagetop,
#pagetop a {
margin:0 40px 160px 0;
}

.back_btn{
cursor: pointer;
padding: 0px;
text-align: center;
background-color:#2f557c;
color: #fff;
font-size: 1.4rem;
}
   .back_btn a{
cursor: pointer;
padding: 10px;
text-align: center;
background-color:#2f557c;
color: #fff;
font-size: 1.4rem;
margin: 15px 0;
display: block;
}

.box01 li{
display: block;
}
.info_cate {
display: block;
}
}


/*  slide画像  */

header .slide{
z-index: 0;
}
header .slide .page_title_bg01,
header .slide .page_title_bg02,
header .slide .page_title_bg03,
header .slide .page_title_bg04,
header .slide .page_title_bg05,
header .slide .page_title_bg06 {
	width: 100%;
    position: relative;
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    
    display: table;
    padding: 300px 0;
    color: #fff;
    line-height: 1.5;
    font-size: 220%;
    font-weight: bold;
    text-shadow: 0 0 8px rgba(37, 17, 0, 0.8);
    text-align: center;
}

header .slide .page_title_bg01 > *,
header .slide .page_title_bg02 > *,
header .slide .page_title_bg03 > *,
header .slide .page_title_bg04 > *,
header .slide .page_title_bg05 > *,
header .slide .page_title_bg06 > * {
    display: table-cell;
    vertical-align: middle;
}

header .slide .page_title_bg01,
header .slide .page_title_bg02,
header .slide .page_title_bg03,
header .slide .page_title_bg04,
header .slide .page_title_bg05,
header .slide .page_title_bg06 {
}

@media screen and (max-width: 768px) {
header .slide .page_title_bg01,
header .slide .page_title_bg02,
header .slide .page_title_bg03,
header .slide .page_title_bg04,
header .slide .page_title_bg05,
header .slide .page_title_bg06 {
margin-top: 0;

}
}

header .title001 .page_title_bg01,
header .title001 .page_title_bg02,
header .title001 .page_title_bg03,
header .title001 .page_title_bg04,
header .title001 .page_title_bg05,
header .title001 .page_title_bg06 {
    padding: 140px 0;
}


@media screen and (max-width:767px) {
header .slide .page_title_bg01,
header .slide .page_title_bg02,
header .slide .page_title_bg03,
header .slide .page_title_bg04,
header .slide .page_title_bg05,
header .slide .page_title_bg06 {
    padding: 140px 0;

}
}


.white_sp{
	background-color: #fff;
	padding: 25px 0;
}