@charset "utf-8";
@media screen and (min-width: 1201px) { html{font-size:17px; } }@media screen and (max-width: 1200px) { html{font-size:16px; } }@media screen and (max-width: 1024px) { html{font-size:15px; } }@media screen and (max-width: 768px) {  html{font-size:14px; } }@media screen and (max-width: 480px) {  html{font-size:13px; } }a,a:visited,a:active { color:rgba(86,135,34,1.00)}a:hover { color:rgba(35,72,46,1.00)}
/* css setting */
/*デフォルト*/
.fs_btn{
font-feature-settings: "palt";
}
a   {
text-decoration:none;
}
@media screen and (max-width: 480px){
body{
margin-bottom:50px;
}
}
.hover_opacity:hover{
opacity: 0.85;
transition:0.6s;
}

.letter-spacing{
letter-spacing: 0.3rem;
}

.opacity {
opacity: 0.9;
}


/*　==============================　TOP　==============================　*/
.message_bg{
background-size:70%!important;
background-position-y:top;
background-position-x:right;
height:auto;

}
.message_bg img{
border-radius:1rem;
}
.message_box{
padding:2rem;
margin:0 2rem;
}

.message_illust{
max-width:100px;
margin: -8rem 0 0 auto;
}
.message_illust img{
border-radius:0rem!important;
margin-right:5px;
}

@media (min-width: 480px) and (max-width: 888px){

.message_illust {
display:none;
}
}

@media screen and (max-width: 480px){
.message_illust{
max-width:70px;
margin: -8rem 0 0 auto;
}
.message_illust img{
border-radius:0rem!important;
margin-right:10px!important;
}
.message_bg{
background-image:none!important;
}
.message_box{
box-shadow:none!important;
padding:2rem;
}
}
@media screen and (max-width: 820px){
.profile_bg{
background-size:contain!important;
background-attachment:fixed!important;
background-position:top!important;
}
}
@media screen and (max-width: 480px){
.profile_bg{
background-image:none!important;
}

}

.profile_left{
padding:5rem 2rem 5rem 20%;
}

@media screen and (max-width: 480px){
.profile_left{
padding:3rem 2rem 0rem 2rem;
}
.profile_data{
margin-top:0!important;
}
.profile_data_color{

background-color:transparent!important;
}
}
.cp_left {
padding: 1rem 0;
vertical-align: top;
width: 20%;
font-weight: bold;
text-align: justify;
color:#568722;
}
.cp_right {
font-size: 0.9rem;
text-align: justify;
padding: 1rem  0 1rem 1rem;
vertical-align: top;
width: 90%;
display:flex;
}
.cp_right{
display:flex;
}

.cp_right .flex_ct .fa{
margin-right:0.5rem;
color:#F5F7E7;
}
.cp_line {
border-top:1px solid #F5F5F5;
}

.access_cp_left {
padding: 1rem 0;
vertical-align: top;
width: 18%;
font-weight: bold;
text-align: justify;
color:#568722;
}
.access_cp_right {
font-size: 0.9rem;
text-align: justify;
padding: 1rem  0 1rem 1rem;
vertical-align: top;
width: 90%;
display:flex;
}
.access_cp_line {
border-top:1px solid #fff;
}

.service_bottom_bg {
padding:50vh 0 0;
}

@media screen and (max-width: 1024px){
.service_bottom_bg {
padding: 65vh 0 0;
}
}

@media screen and (max-width: 768px){
.service_bottom_bg {
padding: 35vh 0 0;
background-attachment:scroll!important;
}
}

@media screen and (max-width: 480px){
.service_bottom_bg{
padding: 0!important;
display:none!important;
}

}



.header_logo{
padding:1rem 2rem;
}
.mv_catch-copy{
padding:6vh 2rem 49vh 15%;
max-width:600px;
}

.header_sns_icon{
position:absolute;
right:120px;
}

@media screen and (max-width: 1300px) {
.mv_catch-copy{
padding:5vh 2rem 50vh 10%;
max-width:400px;
}
}
@media screen and (max-width: 820px) {
.mv_catch-copy{
padding:10vh 2rem 50vh 2rem;
max-width:350px;
}
}
@media screen and (max-width: 480px) {
.mv_catch-copy{
padding:10vh 2rem 50vh 2rem;
width:50%;
}
}
.header_sns_icon img{
max-width:40px!important;
height:auto;
}
.header_sns_icon li{
margin-top:1rem;
margin-right:1rem;
}
.header_sns_icon li:last-child{
margin-right:2rem;
}
.header_sns_icon .wrapper{
width:auto!important;
}
.header_sns_icon img:hover{
opacity: 0.85;
transition:0.6s;
}


@media screen and (max-width: 600px) {
.header_sns_icon li:last-child{
margin-right:0rem;
}
}

.leaf_box, .leaf_box2{
margin-top:-6rem;
}


.service_title span{
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
flex-flow: column wrap;
justify-content: center;
align-items: center;
margin:0 auto;
background-color: #568722;
color: #ffffff;
max-width: 100px;
width: 100%;
height: 80px;
font-size:2.5rem;
border-radius: 72% 5%;
}
.service_title_left span{
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
flex-flow: column wrap;
justify-content: center;
align-items: center;
margin:0 auto;
background-color: #568722;
color: #ffffff;
max-width: 100px;
width: 100%;
height: 80px;
font-size:2.5rem;
border-radius: 5% 72%;
}

.service_important_bg{
width:95%;
margin:0 auto -4rem;
border-radius:1rem;
padding:4rem 0;
position:relative;

}

.important_box img {
max-height:150px;
width:auto;
}
@media screen and (max-width: 600px) {

.service_important_bg{
width:100%;
margin:0 auto -3rem;
border-radius:2rem;

position:relative;

}
.important_box img {
max-height:100px;
width:auto;
}
.leaf_box{
margin-top:-4rem;
}
.leaf_box2{
margin-top:-6rem;
}
.service_title span{
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
flex-flow: column wrap;
justify-content: center;
align-items: center;
margin: 0 auto;
background-color: #568722;
color: #ffffff;
max-width: 60px;
width: 100%;
height: 55px;
font-size:1.8rem;
border-radius: 72% 5%;
}
.service_title_left span{
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
flex-flow: column wrap;
justify-content: center;
align-items: center;
margin: 0 auto;
background-color: #568722;
color: #ffffff;
max-width: 60px;
width: 100%;
height: 55px;
font-size:1.8rem;
border-radius: 5% 72%;
}
}
.service_box{
padding:4rem;
}

.service_main_img li:not(:last-child){
margin-right:0.5rem
}
.servive_main_img_slider #visualPager{
background:none;
height:25px;
}
@media screen and (min-width: 480px) {
.servive_main_img_slider{
display:none;
}

}
@media screen and (max-width: 480px) {
.servive_main_img_slider_pc{
display:none;
}

}
@media screen and (max-width: 600px) {
.service_box{
padding:2rem;
}
/*
.service_sp{
margin:0 2rem;
}
*/
}
@media screen and (max-width: 820px) {
.finish-illust{
max-width:150px;
margin:0 auto;
}
}
@media screen and (max-width: 480px) {
.finish-illust{
max-width:120px;
margin:0 auto;
}
}
.official_sns_btn{
display: flex;
justify-content:center;
}


.official_sns_btn .sns_btn{
width:30%;
border:1px solid #568722;
border-radius:5rem;
display:flex;
text-align:center;
align-items: center;
justify-content:center;
vertical-align: middle;
background-color:#fff;
}

.official_sns_btn li{
margin-right:3%;
margin-left:3%;
}

.official_sns_btn .sns_btn:hover{
border:1px solid #f5f7e7;
background-color:#f5f7e7;
opacity: 0.85;
transition:0.6s;

}
.official_sns_btn a{
width:100%;
padding:1rem 2rem;

}
.official_sns_btn .sns_btn  img{
height:20px;
width:auto;
vertical-align:middle;
}
.official_sns_btn .sns_btn:hover   img{
opacity: 0.85;
transition:0.6s;
}
@media screen and (max-width: 480px) {
.official_sns_btn{
display:block;

}
.official_sns_btn li{
margin-right:0%;
margin-left:0%;
}
.official_sns_btn .sns_btn:not(:last-child){
margin-bottom:1rem;
}

.official_sns_btn .sns_btn{
width:100%;
border:1px solid #568722;
border-radius:5rem;
font-weight:bold;
display:flex;
text-align:center;
align-items: center;
justify-content:center;
vertical-align: middle;
background-color:#fff;
}

.official_sns_btn li:nth-child(3n-1){
margin-right:0;
margin-left:0;
}
}






@media screen and (max-width: 480px) {
#header-2-1{
background-color:#fff;
}
.header_logo{
width:60%;

}
}





@media screen and (max-width: 480px) {
.header_sp .official_sns_btn{
display:flex;
}

.header_sp .official_sns_btn .sns_btn:not(:last-child){
margin-bottom:0rem;
}
.header_sp .official_sns_btn .sns_btn{
width:100%;
border:1px solid #568722;
border-radius:0rem;
font-weight:bold;
display:flex;
text-align:center;
align-items: center;
justify-content:center;
vertical-align: top;
background-color:#fff;
}
.header_sp .official_sns_btn a{
width:100%;
padding:0.5rem 2rem;

}
.header_sp .official_sns_btn .sns_btn{
width:50%;
}
}

/*　フッターナビ　*/


.footer_sns_icon img{
max-width:40px!important;
height:auto;
}
.footer_sns_icon li:not(:last-child){
margin-right:1rem;
}
.footer_sns_icon .wrapper{
width:auto!important;
}
.footer_sns_icon img:hover{
opacity: 0.85;
transition:0.6s;
}
.footer_link a{
color:#fff!important;
}
.footer_link a:hover{
opacity: 0.5;
transition:0.3s;
}
@media screen and (max-width: 480px) {
.footer_logo{
max-width:250px;
}
.footer_sns_icon img{
max-width:35px!important;
height:auto;
}
}




/*　==============================　共通　==============================　*/

.heart_btn{
 -ms-writing-mode: tb-rl;
 writing-mode: vertical-rl;
position:fixed ;
z-index: 9999;
top: 25%;
right: 0;
}
.heart_btn_sp{
left:0%!important;
width:42.5%;
position:fixed ;
z-index: 20;
bottom:0;
left: 0;
}
.body_btn{
 -ms-writing-mode: tb-rl;
 writing-mode: vertical-rl;
position:fixed ;
z-index: 9999;
top: 45%;
right: 0;
}
.body_btn_sp{
left:42.5%!important;
width:42.5%;
position:fixed ;
z-index: 20;
bottom:0;
left: 0;
}
.pagetop_btm_sp {
width:15%;
position: fixed;
z-index: 20;
bottom: 0;
right: 0;
}
.radius-s, .radius-s img{
border-radius:1rem;
}
.text_right{
padding-right:2rem;
}

.contact_ct, .contact_ct_last{
margin:0 1rem;
}
.contact_right{
border-radius:0 1rem 1rem 0;
}
.contact_left{
border-radius:1rem 0 0 1rem;
}
@media screen and (max-width: 820px) {
.contact_wrapper{
font-size:0.9rem;
}
}
@media screen and (max-width: 480px) {
.box_sp_margin{
margin-bottom:1rem;
}
.contact_ct{
margin:0 0rem 1rem;
}
.contact_ct_last{
margin:0 0;
}
.text_right{
padding-right:0rem;
}
.contact_left{
border-radius:1rem;
margin-bottom:1rem;
}
.contact_center{
margin-bottom:1rem;
border-radius:1rem;
}
.contact_right{
border-radius:1rem;
}
}



.sitemap-table{
display:flex;
width:100%;
flex-wrap: wrap;
}
.sitemap-table li{
margin-right:1rem;
font-weight:bold;
width:20%;
}
.sitemap-table li:last-child{
margin-right:0rem;
}
.sitemap-table li .body_title{
color:#B8C93C;
}
.sitemap-table li .heart_title{
color:#F9962B;
}
.sitemap-table li .body_title:hover{
color:#23482E;
opacity: 0.85;
transition:0.6s;
}
.sitemap-table li .heart_title:hover{
color:#23482E;
opacity: 0.85;
transition:0.6s;
}

@media screen and (max-width: 1230px) {
#footer-2Parent, #footer-5Parent{
padding:0 2rem;
}
}
@media screen and (max-width: 480px) {

.sitemap-table{
display:block;
width:100%;

}
.sitemap-table li{
width:100%;
margin-right:0rem;
padding:1rem 0;
font-weight:bold;
border-bottom:1px solid #F5F7E7;
}
.sitemap-table li:last-child{
border-bottom:none;
}
}
.reserve_btn{
position:fixed;
z-index:11;
top:0;
right:0;
}
@media screen and (min-width: 480px) {
.reserve_btn_sp{
display:none;
}
}
@media screen and (max-width: 480px) {
.reserve_btn{
display:none;
}
.reserve_btn_sp{
position:fixed;
z-index:11;
top:0;
right:0;
}
}



/*　ページトップボタン　*/
.pagetop_btm{
position: fixed;
z-index: 20;
bottom: 0;
right: 0;
}





.btn_ct{
width:250px;
margin:0 auto;

}
.btn_ct_left{
width:250px;
}
.btn_ct_right{
width:250px;
margin: 0 0 0 auto;
}
@media screen and (max-width:1330px) {
.btn_ct{
width:100%;
}
.btn_ct_left{
width:100%;

}
.btn_ct_right{
width:100%;
}
}




.title_ct .title_bg .main_title{
background-color:#fff;
border-radius:0.5rem 0.5rem 0 0;
padding:1.5rem 4rem 0 4rem;
}


.title_ct{
line-height:1.8rem;
}

.title_ct .main_title{
font-size:2.5rem;
color:#23482E;
}
.title_ct .sub_title{
font-size:1.2rem;
color:#568722;
}

.care_ttl p{
display:flex;
 align-items: center;

}
.care_ttl  img{
max-height:40px;
width:auto;
margin-right:10px;
}
/*　==============================　ページタイトル共通設定　==============================　*/

.page-ttl-ja{
padding: 3rem 2rem 0rem 2rem;
}
.page-ttl-ja_news{
padding: 3rem 2rem 0rem 2rem;
}
.page-ttl-en{
padding: 0rem 2rem 20rem 2rem;
}
.page-ttl-en_news{
padding: 0rem 2rem 5rem 2rem;
}
@media screen and (max-width: 768px) {
.page-ttl-ja{
padding: 5rem 2rem 0rem 2rem;
}
.page-ttl-ja_news{
padding: 5rem 2rem 0rem 2rem;
}
.page-ttl-en{
padding: 0rem 2rem 24rem 2rem;}
.page-ttl-en_news{
padding: 0rem 2rem 5rem 2rem;;
}
}


@media screen and (max-width: 498px) {
.page-ttl-ja{padding: 5rem 2rem 0rem 2rem;text-shadow:1px 1px 3px rgba(0, 0, 0, 0.4);}
.page-ttl-ja_news{padding: 4rem 2rem 0rem 2rem;}
.page-ttl-en{padding: 0rem 2rem 12rem 2rem;text-shadow:1px 1px 3px rgba(0, 0, 0, 0.4);}
.page-ttl-en_news{padding: 0rem 2rem 3rem 2rem;}
}



/*　==============================　文字に関する設定　==============================　*/
.bold {
font-weight: bold;
}
.italic {
font-style: italic;
}
.eiji {
font-family: "Lato", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
}

.space-1{
letter-spacing: 0.1rem;
}
.space-2{
letter-spacing: 0.2rem;
}
.space-3{
letter-spacing: 0.3rem;
}
.space-4{
letter-spacing: 0.4rem;
}
.br-sp{
display:none;
}
.br-sp-r{
display:inline;
}
@media screen and (max-width: 900px) { 
}
@media screen and (max-width: 480px) { 
.tx-center{
text-align: center!important;
}
.tx-left{
text-align: left!important;
}
.tx-right{
text-align: right!important;
}
.br-sp{
display:block;
line-height:0rem;
}
.br-sp-r{
display:none;
}
}

a   {
text-decoration:none;
}





/*　==============================　デフォルト　==============================　*/
.ccm-edit-mode, .ccm-scrapbook-list-item-detail div{margin-top:0rem!important;}
.ccm-edit-mode .ccm-area-styles{margin-top:0rem!important;}

.body-pt101 .tk_flex{
border-bottom:1px solid #fff!important;
}

/*　--------------------　ページャー　--------------------　*/
div .ccm-pagination{
margin-top: 1rem;
}
div.ccm-pagination span.ccm-page-left, div.ccm-pagination span.ccm-page-right{
top: 0.5rem!important;
}
#pagination .currentPage  strong{
background-color: #000000!important;
color: #ffffff!important;
}
#pagination .numbers {
margin-right: 0.6rem;
}
#pagination .numbers a, #pagination .numbers strong{
font-family: 'Roboto', 游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,sans-serif;
background-color: #666666;
padding: 0.5rem 1rem;
display: inline-block;
}



h1 , h2 , h3 {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px;
    margin-top: 0px;
}

.white_rgba {
background-color: rgba(255,255,255,0.7);
}

.letter-spacing{
letter-spacing: 0.3rem;
}



/*　--------------------　その他　--------------------　*/

.hover-opacity:hover{
opacity: 0.8;
transition:0.6s;
}
.hover-opacity-img:hover {
opacity:0.7;
transition:0.6s;
}

.br-sp-adress{display:none;}
@media screen and (max-width: 768px) {
    .br-sp-adress{display:block; line-height:0rem;}
}

.hover-opacity-svg img{
opacity:1;
transition:0.6s;
}
.hover-opacity-svg img:hover
{opacity:0.7;
transition:0.6s;
}

.cuosor {
pointer-events: none ;
cursor: default ;
}

/*　box-shadow　*/
.boxshadow_20 {box-shadow: 4px 4px 6px 0 rgba(0,0,0,.20);}
.boxshadow_50 {box-shadow: 4px 4px 6px 0 rgba(0,0,0,.5);}
.boxshadow_90 {box-shadow: 4px 4px 6px 0 rgba(0,0,0,.9);}

/*　———　スマホ時改行なし　———　*/
@media screen and (max-width: 480px){
.sp-br-none br {display:none;}
}


/*　--------------------　telリンク - スマホ版のみ　--------------------　*/
@media screen and (min-width: 768px) {
a[href^="tel:"] {pointer-events: none;}
}

@media screen and (min-width: 480px) {
.tel_splink {pointer-events: none;}
}