@charset "utf-8";
@media screen and (min-width: 1201px) { html{font-size:16px; } }@media screen and (max-width: 1200px) { html{font-size:15px; } }@media screen and (max-width: 1024px) { html{font-size:14px; } }@media screen and (max-width: 768px) {  html{font-size:13px; } }@media screen and (max-width: 480px) {  html{font-size:12px; } }a,a:visited,a:active { color:rgba(66,66,66,1.00)}a:hover { color:rgba(186,186,186,1.00)}
/* css setting */
/*suda*/
/*　==============================　SERVICE　==============================　*/
/*---------service_top----------*/
.service_top_copy { font-size:1.8rem; padding:4rem 1rem 3rem 1rem; }
.service_img_A {
     padding-top:400px; margin:0 2rem;
     -moz-border-radius: 1rem 1rem 0 0; -webkit-border-radius: 1rem 1rem 0 0; -o-border-radius: 1rem 1rem 0 0; -ms-border-radius: 1rem 1rem 0 0;
}

.service_lemon_area , .service_lemon_area_B {
     margin:0 2rem;
     padding:0 10% 1px 10%;
     background:#5AAC36;
}
.service_lemon_area {
     -moz-border-radius: 0 0 1rem 1rem; -webkit-border-radius:0 0 1rem 1rem; -o-border-radius: 0 0 1rem 1rem; -ms-border-radius: 0 0 1rem 1rem; 
}

.kaisan_text_area {
     padding:3rem 10%;
     -moz-border-radius: 0 0 1rem 1rem; -webkit-border-radius:0 0 1rem 1rem; -o-border-radius: 0 0 1rem 1rem; -ms-border-radius: 0 0 1rem 1rem; 
}
.kaisan_text_area_02 { margin:0 10% 4rem 10% ; padding:0 2px 2px 2px; }

/*　----------service_list----------　*/
.ser_left {
font-size: 0.9rem;
padding: 1rem;
vertical-align: top;
width: 22%;
font-weight: bold;
text-align: justify;
background:#FFFCCC;
}
.ser_right {
font-size: 0.9rem;
text-align: justify;
padding: 1rem;
vertical-align: top;
width: 78%;
}
.ser_line {
border-top:1px solid #5AAC36;
}

@media screen and (max-width: 480px) {
.service_top_copy { font-size:1.4rem; padding:4rem 1rem 3rem 1rem; }
.service_img_A { padding-top:200px; margin:0 1rem;}
.service_lemon_area , .service_lemon_area_B { padding:0 2rem 1px 2rem; margin:0 1rem; }
.kaisan_text_area { padding:2rem;}
.kaisan_text_area_02 { margin:0 2rem 4rem 2rem; }
}

/*　----------facility----------　*/
.facility_space { 
     margin:0 2rem;
     padding:2rem 1rem 0 1rem;
     background:#fff;
     -moz-border-radius: 1rem; -webkit-border-radius:1rem; -o-border-radius:1rem; -ms-border-radius:1rem; 
}

.facility_img {
     padding-top:250px;
     margin:0 1rem 1rem 1rem;
     -moz-border-radius: 0.5rem 0.5rem 0 0; -webkit-border-radius: 0.5rem 0.5rem 0 0; -o-border-radius: 0.5rem 0.5rem 0 0; -ms-border-radius: 0.5rem 0.5rem 0 0; 
}

@media screen and (max-width: 480px) {
.facility_img { padding-top:160px; }
.facility_space { margin:0 2px; -moz-border-radius: 0rem; -webkit-border-radius:0rem; -o-border-radius:0rem; -ms-border-radius:0rem; padding:3rem 1rem 0 1rem; }
}

/*　==============================　ABOUT　==============================　*/
/*---------about_top----------*/
.about_top_copy { font-size:2rem; padding:4rem 1rem; }
@media screen and (max-width: 480px) {.about_top_copy { font-size:1.8rem; padding:3rem 1rem 2rem 1rem; }}

.tittle_about_01 { letter-spacing:0.2rem; line-height: 3.6rem; font-size: 2.8rem; }
.tittle_about_02 { font-size: 1.6rem; letter-spacing:0.1rem; font-weight:bold;}

.about_top_frame {
     padding:4.5rem 0 5rem 0;
     background-color:rgba(245, 245, 50, 0.6);
}
.about_top_space { margin:0 5% 5rem 5%; }
.about_top_plus img{ max-width:60px; margin:50% 1rem 0 1rem; }
.about_flow img { max-width:40px; } 

@media screen and (max-width: 480px) {
.about_top_space { margin:0 2rem 4rem 2rem; }
.about_top_plus img{ max-width:40px; margin:1rem; }
.about_top_frame { padding:2rem 0 2.5rem 0; }
}

/*---------about_box----------*/
.about_pickup_box{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
align-items: center;
flex-flow: column wrap;
margin: -300px 2rem 0 0;
}
.about_pickup_item{
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: #F5F532;
color: #5AAC36;
max-width: 400px;
width: 100%;
height: 240px;
font-size:1.6rem;
font-weight:bold;
-moz-border-radius: 1rem; -webkit-border-radius:1rem; -o-border-radius:1rem; -ms-border-radius:1rem; 
}
@media screen and (max-width: 968px) {
.about_pickup_box{
margin: -30rem auto 3rem auto;
}
.about_pickup_item{
height: 300px;
}
}
@media screen and (max-width: 768px) {
.about_pickup_box{
margin: -30rem 0rem 3rem 2rem;
}
}
@media screen and (max-width: 498px) {
.about_pickup_box{
margin: -30px 0rem 0rem 0rem;
}
.about_pickup_item{
margin: 0rem 0rem 0rem 0rem;
padding: 1.5rem 0rem 1rem 0rem;
height:30px;
width: 80%;
font-size:1.4rem;
-moz-border-radius: 3rem; -webkit-border-radius:3rem; -o-border-radius:3rem; -ms-border-radius:3rem; 
}
}

/*----------box-image----------*/
.about-img-space{
padding-top: 480px;
margin:0 2rem;
-moz-border-radius: 1rem; -webkit-border-radius:1rem; -o-border-radius:1rem; -ms-border-radius:1rem; 
}
@media screen and (max-width: 498px) {
.about-img-space{
padding-top: 200px;
-moz-border-radius: 0.5rem; -webkit-border-radius:0.5rem; -o-border-radius:0.5rem; -ms-border-radius:0.5rem; 
}
}

/*----------ピックアップボタン----------*/
.btn_pickup {
     margin:0 2px 4px 2px;
     border-radius: 2.1rem;
}
.btn_pickup .fs_btn_text_main {
     letter-spacing: 0.2rem;
     font-size:1.4rem;
     padding-left:1.4rem;
}
.btn_pickup .fs_btn_text_sub {
     letter-spacing: 0.2rem;
     font-size:0.9rem;
     font-weight: bold;
}
.btn_pickup  .fs_btn {
     background-color: rgba(90, 172, 54, 0.75);
     padding:6rem 0 5.5rem 0;
     border-radius: 2rem;
}
.btn_pickup .fs_btn:hover{
     background-color: rgba(90, 172, 54, 0.05);
}

@media screen and (max-width: 480px) {
.btn_pickup .fs_btn { padding:3rem 0; border-radius:1rem;}
.btn_pickup { margin:0 0 2px 0; border-radius: 1.1rem; }
.btn_pickup .fs_btn_text { line-height: 1.6; }
}

/*　==============================　FAQ　==============================　*/
/*　----------contact_btn----------　*/
.contact_btn .fs_btn_text_main { font-size:0.9rem; font-weight:bold; }
.contact_btn .fs_btn_text_sub { font-size:1.4rem; }
.contact_btn .fs_btn { padding:2rem 0; }

@media screen and (max-width: 480px) {
.contact_btn .fs_btn { padding:1rem 0; }}


/*　----------faq_area----------　*/
.faq_area {
     margin:0 10%;
     background:#ffffff;
}

/*　----------FAQ----------　*/
/*.qa-contents-list{border-top: 1px solid #5AAC36; }*/
.qa-contents-list details{max-height:10rem; transition: all 1000ms;}
.qa-contents-list details:not[open]{max-height:10rem; transition: all 1000ms;}
.qa-contents-list details[open]{max-height:20rem; transition: all 1000ms;}
.qa-contents-list details[open] summary{background-color:rgba(255,252,204,0.0);}
.qa-contents-list summary{font-weight: bold; color:#5AAC36; font-size: 1.1rem; letter-spacing: 0.05rem; padding: 2rem 0rem 2rem 2rem; border-top: 1px solid #5AAC36; }
.qa-contents-list p{font-weight: bold; padding: 1.5rem 2rem; color:#5AAC36; background:#FFFCCC;}

.qa-contents-list summary {position: relative; display: block;  padding-left: 20px; cursor: pointer;}
.qa-contents-list summary::-webkit-details-marker {display:none;}
.qa-contents-list summary:before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f055"; font-size:1.6rem; color:#5AAC36; margin: auto; position: absolute; top: 30%; right: 2rem;}
.qa-contents-list details[open] summary:before{transform: rotate(90deg);  color:#9FDD05; transition: all 0.3s;}
.qa-contents-list details:not[open] summary:before{transform: rotate(90deg);  color:#9FDD05; transition: all 0.3s;}

@media screen and (max-width: 768px) {
.faq_area { margin:0 5%; }}
@media screen and (max-width: 498px) {
.qa-contents-list summary{padding: 2rem 2rem 2rem 1rem; font-size: 1rem; letter-spacing: 0rem; }
.qa-contents-list summary:before {right: 1rem;}
.faq_area { margin:0 1rem; }
}

/*　==============================　COMPANY　==============================　*/
/*　----------message----------　*/
.com_message_img {
     padding-top:750px;
     margin:0 15%;
     -moz-border-radius: 1rem; -webkit-border-radius:1rem; -o-border-radius:1rem; -ms-border-radius:1rem; 
}
.com_message_space {
     margin:-80px 10% 3rem 10%;
     padding:4rem 5rem;
     position:relative;
}
@media screen and (max-width: 1600px) {
.com_message_img {margin:0 10%;}}
@media screen and (max-width: 1200px) {
.com_message_img { padding-top:540px; margin:0 5%;}
.com_message_space { margin:0 20% 3rem 20%;}}
@media screen and (max-width: 768px) {
.com_message_img { padding-top:420px; margin:0 2rem;}
.com_message_space { padding:3rem 3rem; }
.com_message_space { margin:0 10% 3rem 10%;  padding:1rem 3rem;}}
@media screen and (max-width: 480px) {
.com_message_img { padding-top:300px; margin:0;  -moz-border-radius: 0rem; -webkit-border-radius:0rem; -o-border-radius:0rem; -ms-border-radius:0rem; }
.com_message_space { margin:-45px 1rem 3rem 1rem; padding:3rem 2rem 4rem 2rem; }
}

/*　----------outline----------　*/
.com_outline_space {
     margin:0 25% 3rem 25%;
     padding:3rem;
}
@media screen and (max-width: 1200px) {
.com_outline_space { margin:0 20% 3rem 20%;}}
@media screen and (max-width: 768px) {
.com_outline_space { margin:0 10% 3rem 10%;  padding:1rem 3rem;}}
@media screen and (max-width: 480px) {
.com_outline_space { margin:0 2rem; padding:0.5rem 3rem;}}

.cp_left {
font-size: 0.9rem;
padding: 1rem 0;
vertical-align: top;
width: 22%;
font-weight: bold;
text-align: justify;
color: #5AAC36;
}
.cp_right {
font-size: 0.9rem;
text-align: justify;
padding: 1rem  0 1rem 1rem;
vertical-align: top;
width: 78%;
}
.cp_line {
border-top:1px dashed #9FDD05;
}


/*　==============================　NEWS　==============================　*/
/*---------news_list----------*/
.news_list { 
      margin:0 4rem 0 0;
      -moz-border-radius: 0.25rem;
     -webkit-border-radius: 0.25rem;
     -o-border-radius: 0.25rem;
     -ms-border-radius: 0.25rem;
}

.news_list #fsInfoBlock dl { padding:1.5rem 2rem; border-bottom:2px dotted #5AAC36; }
.news_list_02 #fsInfoBlock dl { padding:1.5rem 2rem; border-bottom:2px dotted #F5F532; }

.news_list #fsInfoBlock .entryData ,
.news_list_02 #fsInfoBlock .entryData { color:#5AAC36; width: 120px; font-size:0.9rem; font-weight:bold; letter-spacing:0.1rem; }
.news_list #fsInfoBlock .entryTitle ,
.news_list_02 #fsInfoBlock .entryTitle { line-height: 1.4rem; font-weight: bold; }
.news_list #fsInfoBlock .entryTitle a ,
.news_list_02 #fsInfoBlock .entryTitle a { color:#5AAC36; }
.news_list #fsInfoBlock .entryTitle a:hover ,
.news_list_02 #fsInfoBlock .entryTitle a:hover { opacity: 0.5; transition:0.3s; }
.news_list #fsInfoBlock dl:last-child ,
.news_list_02 #fsInfoBlock dl:last-child { border-bottom:0px dotted #5AAC36; }
.news_list #fsInfoBlock dd ,
.news_list_02 #fsInfoBlock dd { border-left: none; padding-left:0; width: calc(100% - 120px); } 
.news_list #fsInfoBlock .entrySummary ,
.news_list_02 #fsInfoBlock .entrySummary { display:none; }

@media screen and (max-width: 1024px) {
.news_list { margin:0 2rem 0 0;}}
@media screen and (max-width: 480px) {
.news_list { margin:0 2px 1px 2px; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0;}
.news_list #fsInfoBlock .entryData , .news_list_02 #fsInfoBlock .entryData { width: 100%; font-size:0.8rem; letter-spacing:0.05rem; }
.news_list #fsInfoBlock dd , .news_list_02 #fsInfoBlock dd { width:100%; }
} 

/*---------シェアボタン----------*/

.fs-snsbutton-color1 .twitter-btn-icon,
.fs-snsbutton-color1 .facebook-btn-icon ,
.fs-snsbutton-color1 .line-btn-icon{
    background-color: #5AAC36;
}
.fs-snsbutton-color1 .twitter-btn-icon:hover ,
.fs-snsbutton-color1 .facebook-btn-icon:hover ,
.fs-snsbutton-color1 .line-btn-icon:hover{
    background-color: #9FDD05;
    transition:0.5s;
}

/*---------更新用----------*/
.fs_c_title {
    font-weight:bold;
    letter-spacing:0.1rem;
    color: rgba(90,172,54,1.00);
    font-size: 1.2rem;
    text-align: justify;
    background-color: rgba(255,252,204,1.00);
    margin: 0 2rem 3rem 2rem!important;
    padding: 3rem 2rem 3rem 2rem;
    -moz-border-radius: 0 0 1rem 1rem;
    -webkit-border-radius: 0 0 1rem 1rem;
    -o-border-radius: 0 0 1rem 1rem;
    -ms-border-radius: 0 0 1rem 1rem;
}
.news_text { margin: 0 4rem 4rem 4rem; line-height:2rem;}

@media screen and (max-width: 480px) {
.fs_c_title {
    text-align:center;
    background-repeat: no-repeat;
    margin: 0 1rem 3rem 1rem!important;
}
.news_text { margin: 0 3rem 4rem 3rem; }
}

/*　==============================　HOME　==============================　*/
/*---------top_copy----------*/
.top_copy img { max-width:420px; }
.top_copy { padding: 15vh 0 12vh 10% ; }
@media screen and (max-width: 1400px) {
.top_copy img { max-width:380px; }
.top_copy { padding: 15vh 0 12vh 5% ; }
}
@media screen and (max-width: 768px) {
.top_copy img { max-width:360px; }
.top_copy { padding: 15vh 0 12vh 0 ; }
}
@media screen and (max-width: 480px) {
.top_copy img { max-width:100%; }
.top_copy { padding: 20vh 30% 5vh 0 ; }
}

/*---------about_タイトル----------*/
.tittle_home_01 {
    letter-spacing:0.1rem;
    line-height: 2.4rem;
    font-size: 1.4rem;
    font-weight:bold;
}
.tittle_home_02 {
    font-size: 1.2rem;
    letter-spacing:0.2rem;
}

/*---------about_コピー----------*/
.home_about_copy { font-size:3rem; padding:4rem 1rem; }
@media screen and (max-width: 480px) {.home_about_copy { font-size:2.4rem; padding:3rem 1rem 2rem 1rem; }}

.tittle_circle::after ,
.tittle_circle_green::after {
    content: '';
    position: relative;
    display: block;
    width: 16px;
    height: 16px;
    margin: auto;
    border-radius: 50%;
}
.tittle_circle::after{background: #F5F532;}
.tittle_circle_green::after{background: #9FDD05;}

@media screen and (max-width: 480px) {
.tittle_circle::after , .tittle_circle_green::after { width: 12px; height: 12px;}}

/*---------home_about_space_01----------*/

.home_about_text_area_01 {
     background-color:#fff;
     margin:0 2rem 0 50%;
     padding:3rem;
     -moz-border-radius: 1rem; -webkit-border-radius: 1rem; -o-border-radius: 1rem; -ms-border-radius: 1rem;
}

.home_about_movie { margin:0 0 -400px 20%; }

.home_about_img { 
     padding-top:600px; margin:3rem 2rem -500px 2rem;
     border-bottom:1px solid #F5F532;
     -moz-border-radius: 1rem 1rem 0 0; -webkit-border-radius: 1rem 1rem 0 0; -o-border-radius: 1rem 1rem 0 0; -ms-border-radius: 1rem 1rem 0 0;
}
.home_about_text_area_02 { padding:500px 2rem 5rem 2rem;  margin:3rem 0 0 0;}
.home_about_read_02 { padding:2rem 4rem 0 0; }

@media screen and (max-width: 1600px) {
.home_about_movie { margin:0 0 -360px 15%; }}
@media screen and (max-width: 1400px) {
.home_about_movie { margin:0 0 -360px 10%; }}
@media screen and (max-width: 1200px) {
.home_about_movie { margin:0 0 -360px 2rem; }
.home_about_text_area_01 {  margin:0 2rem 0 45%; }
}
@media screen and (max-width: 1024px) {
.home_about_movie { margin:0 0 -300px 2rem; }
.home_about_text_area_01 { margin:0 2rem 0 50%; }
}
@media screen and (max-width: 768px) {
.home_about_read_02 { padding:2rem 2rem 0 4rem; }
.home_about_movie { margin:0 0 -180px 2rem; }
.home_about_text_area_01 { margin:0 2rem 0 40%; }
}
@media screen and (max-width: 480px) {
.home_about_img { border-bottom:0px solid #F5F532; padding-top:240px; margin:3rem 1rem -200px 1rem;}
.home_about_text_area_02 { padding:200px 1rem 4rem 1rem;  margin:3rem 0 0 0;}
.home_about_read_02 { padding:2rem 2rem 0 2rem; }
.home_about_movie { margin:0 0 -40px 0; }
.home_about_text_area_01 { margin:0 1rem; }
}

/*---------home_news_area----------*/
.home_news_area {
     background-color:#5AAC36;
     margin:-60px 2rem 0 2rem;
     padding:4rem 0;
     -moz-border-radius: 1rem;
     -webkit-border-radius: 1rem;
     -o-border-radius: 1rem;
     -ms-border-radius: 1rem;
}
@media screen and (max-width: 1024px) {
.home_news_area { padding:2rem 0; margin:-60px 1rem 0 1rem; }}

.under_r_btn .fs_btn {
     -moz-border-radius: 0 0 1rem 1rem;
     -webkit-border-radius: 0 0 1rem 1rem;
     -o-border-radius: 0 0 1rem 1rem;
     -ms-border-radius: 0 0 1rem 1rem;
}

/*---------home_footer_area----------*/
.home_footer_area { padding:5rem 1.6rem 3rem 1.6rem; }
@media screen and (max-width: 480px) {
.home_footer_area { padding:4rem 2rem 3rem 2rem; }
}

/*----------home_footer_pu----------*/
.home_footer_pu {
     margin:0 0.4rem 4px 0.4rem;
     border-radius: 2.1rem;
}
.home_footer_pu .fs_btn_text_main {
     letter-spacing: 0.2rem;
     font-size:1.4rem;
     padding-left:1.4rem;
}
.home_footer_pu .fs_btn_text_sub {
     letter-spacing: 0.2rem;
     font-size:0.9rem;
     font-weight: bold;
}
.home_footer_pu  .fs_btn {
     background-color: rgba(90, 172, 54, 0.75);
     padding:4rem 0 3rem 0;
     border-radius: 2rem;
}
.home_footer_pu .fs_btn:hover{
     background-color: rgba(90, 172, 54, 0.05);
}

@media screen and (max-width: 480px) {
.home_footer_pu .fs_btn { padding:3rem 0; border-radius:1rem;}
.home_footer_pu { margin:0 0 2px 0; border-radius: 1.1rem; }
.home_footer_pu .fs_btn_text { line-height: 1.6; }
}

/*----------top_footer_island----------*/
.top_footer_island { padding-top:35vh; }
@media screen and (max-width: 480px) {
.top_footer_island { padding-top:100px; }}

/*　==============================　footer　==============================　*/
/*----------リンクWhite----------*/
.link_w a { color:#ffffff; }
.link_w a:hover { opacity:0.7; transition: .3s; }

/*----------フッターロゴに関する設定----------*/

.f_logo {padding: 0rem 0rem 2.5rem 2rem;}
.f_logo img {max-width:240px;}

@media screen and (max-width: 768px) {
.f_logo img {max-width:200px;}}
@media screen and (max-width: 480px) {
.f_logo { padding:1.5rem 0 2rem 0; margin:3rem 2rem 0 2rem ; border:1px solid #9FDD05;
      -moz-border-radius: 5rem;
     -webkit-border-radius: 5rem;
     -o-border-radius: 5rem;
     -ms-border-radius: 5rem;
}
.f_logo img { max-width:140px;}
}

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

/*　--------------------　サイトマップ　--------------------　*/
.f_sitemap ul{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; width: 100%;}
.f_sitemap li:nth-child(1) {width: 180px;}
.f_sitemap li:nth-child(2) {width: 140px;}
.f_sitemap li:nth-child(3) {width: 160px;}
.f_sitemap li:nth-child(4) {width: 120px;}
.f_sitemap dt { font-size:1.2rem; letter-spacing: 0.1rem; color:#9FDD05; }
.f_sitemap dd {font-size:0.9rem; line-height: 1.4rem; font-weight:bold; letter-spacing: 0.1rem; }

.f_sitemap a { color:#ffffff; }
.f_sitemap a:hover { opacity:0.7; transition: .3s; }

.f_sitemap { padding:0 0 2rem 2rem; }

@media screen and (max-width: 960px) {
.f_sitemap li:nth-child(1) , .f_sitemap li:nth-child(2) , .f_sitemap li:nth-child(3) , .f_sitemap li:nth-child(4) {width: 49.8%; padding:0 0 1rem 0;}
.f_sitemap dt { font-size:1.3rem; margin:0 0 0.2rem 0;}
.f_sitemap dd {font-size:1rem; line-height: 1.6rem;}
.f_sitemap { padding:0 2rem 1rem 2rem; }
}

@media screen and (max-width: 480px) {
.f_sitemap li:nth-child(1) , .f_sitemap li:nth-child(2) , .f_sitemap li:nth-child(3) , .f_sitemap li:nth-child(4) { padding:2.5rem 0 ;}
.f_sitemap li:nth-child(3) , .f_sitemap li:nth-child(4) {border-top:1px solid #9FDD05;}
.f_sitemap li:nth-child(1) , .f_sitemap li:nth-child(3){border-right:1px solid #9FDD05;}
}


/*　==============================　header　==============================　*/
/*----------ヘッダーロゴ----------*/
#top_logo { padding:1.4rem 3rem 0 3rem; }
@media screen and (max-width: 1024px) {
#top_logo { padding:1.4rem 2rem 0 2rem; }}
@media screen and (max-width: 768px) {
#top_logo { padding:2rem 0 2rem 1rem; }}
@media screen and (max-width: 480px) {
#top_logo { padding:1rem 30% 1.2rem 24%;}}

/*----------ヘッダーカラー----------*/
header .rrh-layout-wrapper {
     width:calc(100% - 4rem);
     background-color: #5AAC36;
     -moz-border-radius: 0 0 1rem 1rem;
     -webkit-border-radius: 0 0 1rem 1rem;
     -o-border-radius: 0 0 1rem 1rem;
     -ms-border-radius: 0 0 1rem 1rem;
}
@media screen and (max-width: 768px) {
header .rrh-layout-wrapper {
     -moz-border-radius: 0;
     -webkit-border-radius: 0;
     -o-border-radius: 0;
     -ms-border-radius: 0;
     width:100%;
}}
@media screen and (max-width: 480px) {
header .rrh-layout-wrapper { background-color: #ffffff; }}

/*----------header_navi（PC）----------*/
.h_pc_navi .fsNavMenuList li a { padding:2.4rem 0!important;  margin-right:1.5rem;}

.h_pc_navi a { color:#fff; letter-spacing:0.1rem;}

.h_pc_navi a {
  position: relative;
  display: inline-block;
  transition: .3s;
}
.h_pc_navi a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 0;
  height: 2px;
  background: #fff;
  transition: .3s;
}
.h_pc_navi a:hover::after { width: 100%;}

.h_pc_navi > #fsNavMenuList > .active_page > a{position: relative; color: #F5F532;}
.h_pc_navi > #fsNavMenuList > .active_page > a::after{position: absolute; bottom: 0rem; left: 0; content: ''; width: 100%; height: 2px; background: #F5F532;}

/*----------header_navi（SP）----------*/
.fat-nav li {
     list-style-type: none;
     text-align: left;
     padding: 1.5rem 0;
     font-size: 1.2rem;
     font-weight:bold;
     margin-left:25%;
     letter-spacing:0.1rem;
     color:#5AAC36;
     border-bottom: 1px solid #5AAC36;
}
.fat-nav .main_list_li a { color:#5AAC36; }
.fat-nav {
background: rgba(245, 245, 50, 0.96);
}
.menu_text { color:#F5F532; }
.hamburger .hamburger__icon, .hamburger .hamburger__icon:before, .hamburger .hamburger__icon:after {background-color: #F5F532;}
@media screen and (max-width: 480px) {
.menu_text { color:#5AAC36; }
.hamburger .hamburger__icon, .hamburger .hamburger__icon:before, .hamburger .hamburger__icon:after {background-color: #5AAC36;}
}

/*　Fatnaviフィックス　*/
#topfix-A {
position: absolute;
z-index: 50;
top: 0;
right: 0;
}
#topfix-B {
position: absolute;
z-index: 10;
top: 0;
right: 0;
}

/*　==============================　共通設定　==============================　*/
/*--------ページタイトル----------*/
.page-ttl span{
display: ineline-block;
background-color: #F5F532;
color: #5AAC36;
padding: 1rem 1.2rem 1rem 1.4rem;
font-weight:bold;
-moz-border-radius: 0.8rem; -webkit-border-radius:0.8rem; -o-border-radius:0.8rem; -ms-border-radius:0.8rem;
}
.page-ttl-ja{
padding:12rem 0rem 0rem 0rem; letter-spacing:0.2rem; font-size:1.8rem;
}
.page-ttl-en{
padding: 0.6rem 0rem 12rem 0rem; letter-spacing:0.2rem;
}
@media screen and (max-width: 480px) {
.page-ttl-ja{padding: 10rem 0rem 0rem 0rem}
.page-ttl-en{padding: 0.5rem 0rem 10rem 0rem}
}

/*--------スラック_HOMEボタン----------*/
.home_footer_btn .fs_btn { 
-moz-border-radius: 1rem 1rem 0 0;
-webkit-border-radius:1rem 1rem 0 0;
-o-border-radius:1rem 1rem 0 0;
-ms-border-radius:1rem 1rem 0 0;
}

/*--------角R----------*/
.br_all { -moz-border-radius: 1rem; -webkit-border-radius:1rem; -o-border-radius:1rem; -ms-border-radius:1rem; }
.br_all_05 { -moz-border-radius: 0.5rem; -webkit-border-radius:0.5rem; -o-border-radius:0.5rem; -ms-border-radius:0.5rem; }
.br_all_2 { -moz-border-radius: 2rem; -webkit-border-radius:2rem; -o-border-radius:2rem; -ms-border-radius:2rem; }

/*--------margin2rem_1rem----------*/
.mg2_1 { margin:0 2rem; }
@media screen and (max-width: 480px) {
.mg2_1 { margin:0 1rem; }}

/*--------padding3rem_2rem----------*/
.pd3_2 { padding:3rem; }
@media screen and (max-width: 480px) {
.pd3_2 { padding:3rem 2rem 2rem 2rem; }}

/*　==============================　テキスト　==============================　*/
/*----------文字に関する設定----------*/
.bold { font-weight: bold; }
.space_1 { letter-spacing: 0.1rem;}
.space_2 { letter-spacing: 0.2rem;}
.space_3 { letter-spacing: 0.3rem;}
.space_4 { letter-spacing: 0.4rem;}
.space_5 { letter-spacing: 0.5rem;}

/*----------約物半角----------*/
body {
font-family: YakuHanJP, 'Poppins' ,"Roboto",'Noto Sans Japanese', "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", Yu Gothic Medium,  "ヒラギノ角ゴ Pro W3", "Noto Sans JP","MS Pゴシック", Arial, Meiryo, "メイリオ", sans-serif!important;
}

/*----------英字フォント----------*/
.eiji { font-family: 'Poppins' ,'Noto Sans Japanese', "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", Yu Gothic Medium,  "ヒラギノ角ゴ Pro W3" ,sans-serif; }

/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*　==============================　デフォルト　==============================　*/
a { text-decoration:none; }

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

/*----------スマホ時消去----------*/
@media screen and (max-width: 498px) {
     .sp_none {  display: none; }}

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

/*----------マルチイメージ、スリックスライドのポインター無----------*/
.cuosor { pointer-events: none; cursor: default; }

/*----------編集時のネガティブマージン----------*/
.ccm-edit-mode .n_mg_top {margin-top:0rem!important;}
.ccm-edit-mode .n_mg_bottom {margin-bottom:0rem!important;}

/*----------ポジションリラティブ----------*/
.pos_rel{position: relative;}

/*----------SP版センター----------*/
@media screen and (max-width: 498px) {
     .sp_center {  text-align: center!important; }}

/*----------SP版左----------*/
@media screen and (max-width: 498px) {
     .sp_left {  text-align: justify!important; }}

/*----------タブレット縦版左----------*/
@media screen and (max-width: 768px) {
     .tb_left {  text-align: justify!important; }}

/*----------SP版右----------*/
@media screen and (max-width: 498px) {
     .sp_right {  text-align: right!important; }}

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

/*----------スマホ時改行あり----------*/
@media only screen and (min-width: 480px){
.sp_br br { display:none;}}

/*----------タブレット縦時改行あり----------*/
@media only screen and (min-width: 768px){
.tb_br br { display:none;}}

/*----------タブレット縦時改行なし----------*/
@media screen and (max-width: 768px){
.tb_br_none br { display:none; }}

/*----------スマホ時バックグラウンドイメージ非表示----------*/
@media screen and (max-width: 498px) {
.sp_bg_none{background-image: none!important; }}

/*----------スマホ時バックグラウンドイメージ表示----------*/
@media screen and (min-width: 481px) {
.sp_bg_show{background-image: none!important; }}

/*----------タブレット縦時バックグラウンドイメージ非表示----------*/
@media screen and (max-width: 768px) {
.tb_bg_none{background-image: none!important; }}

/*----------タブレット横時バックグラウンドイメージ非表示----------*/
@media screen and (max-width: 1024px) {
.tb_bg_w_none{background-image: none!important; }}

/*----------タブレット横時スクロール----------*/
@media screen and (max-width: 1024px) {
.tb_bg_scroll{background-attachment: scroll!important; }}

/*----------タブレット時カバー----------*/
@media screen and (max-width: 1024px) {
.tb_bg_cover{background-size: cover!important; }}

/*----------タブレット時コンテイン----------*/
@media screen and (max-width: 768px) {
.tb_bg_contain{background-size: contain!important; }}

/* === フォーム部分追加(20/07/15) === */
@media screen and (max-width: 480px) {
.miniSurveyView input[type="text"],
.miniSurveyView input[name^="Question"],
.miniSurveyView textarea[name^="Question"] 
{
font-size: 16px !important;
transform: scale(0.9) !important;
}
}

.bx_s .fs_btn{
     box-shadow: 4px 4px 6px 0 rgba(0,0,0,.20);
}
.bx_s .fs_btn:hover {
     box-shadow: 4px 4px 6px 0 rgba(0,0,0,.0);
}



/*　既存CSS　*/

/*　==============================　COMPANY　==============================　*/
/*　----------　アンカーボタン　----------　*/
.color_btn .fs_btn_text_main {
font-size:1.4rem;
}
.color_btn .fs_btn_text_sub {
font-size:0.9rem;
}
.color_btn .fs_btn{
line-height: 1.4rem;
background-color: rgba(85,99,105,0.45);
}
.color_btn .fs_btn:hover {
background-color: rgba(85,99,105,0.05);
}


/*　==============================　お問い合わせページ　==============================　*/
.formBlockSurveyTable dl dt {
color: #999;
text-align: left;
width: 100%;
margin-right: 0%!important;
font-weight: bold;
font-size: 1rem;
margin-top: 1rem;
padding: 2px 0 0.5% 0;
}
.formBlockSurveyTable dl dd {
width: 100%;
}
.formBlockSurveyTable dl {
padding: 0.5% 0;
}
.formBlockSurveyTable dl dd input,
.formBlockSurveyTable dl dd textarea {
width: 96%;
resize: none;
border-radius: 0;
padding: 1.5%;
border: 1px solid #c8d2dc;
}
.formBlockSubmitButton {
width:240px!important;
text-align:center!important;
background-color: #999!important;
color:#fff;
border:1px solid #fff;
}
@media screen and (max-width: 480px) {
.formBlockSubmitButton {
width:100%!important;
}
.miniSurveyView input[type="text"],
.miniSurveyView input[name^="Question"],
.miniSurveyView textarea[name^="Question"] {
font-size: 16px !important;
transform: scale(0.9) !important;
}
}
.formBlockSubmitButton:hover {
transition:0.6s;
background-color: #fff!important;
border:1px solid #999;
color:#999;
}
.on-pointer input {
cursor: pointer;
}
@media screen and (max-width: 498px) {
.formBlockSurveyTable dl dd input,
.formBlockSurveyTable dl dd textarea {
width: 100%;
}
}


/*　=============================================================================　*/
/*　=============================================================================　*/
/*　===============================　全体の共通項目　===============================　*/
/*　=============================================================================　*/
/*　=============================================================================　*/

/*　==============================　文字に関する設定　==============================　*/
.bold {
font-weight: bold;
}
.italic {
font-style: italic;
}
.eiji {
font-family: "Lato", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
}
.space{
letter-spacing: 0.2rem;
}
.space-1{
letter-spacing: 0.1rem;
}
.space-2{
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;
}
}

/*　==============================　デフォルト　==============================　*/
.ccm-edit-mode, .ccm-scrapbook-list-item-detail div{margin-top:0rem!important;}
.ccm-edit-mode .ccm-area-styles{margin-top:0rem!important;}
/*　--------------------　ページリストタグ　--------------------　*/
.tk_tags_Tags{
background-color: #424242;
color: #ffffff;
}
/*　--------------------　ページャー　--------------------　*/
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;
}
/*　--------------------　マルチイメージのポインター無　--------------------　*/
.cuosor {
pointer-events: none ;
cursor: default ;
}
/*　--------------------　telリンク - スマホ版のみ　--------------------　*/
@media screen and (min-width: 768px) {
a[href^="tel:"] {pointer-events: none;}
}
@media screen and (min-width: 480px) {
.tel_splink {pointer-events: none;}
}
/*　———　スマホ時改行なし　———　*/
@media screen and (max-width: 480px){
.sp-br-none br {display:none;}
}
/*　———　スマホ時改行あり　———　*/
@media only screen and (min-width: 769px){
.sp-br br {display:none;}
}
/*　--------------------　タブレット横時スクロール　--------------------　*/
@media screen and (max-width: 1024px) {
.tb-bg-scroll{background-attachment: scroll!important; }
}
/*　--------------------　その他　--------------------　*/
a {
text-decoration:none;
}
h1 , h2 , h3 {
margin: 0px 0px 0px 0px;
padding: 0px 0px;
margin-top: 0px;
font-weight: normal;
}
.hover-opacity:hover{
opacity: 0.8;
transition:0.6s;
}
.hover-opacity-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);}
/*　--------------------　トップボタン　--------------------　*/
/*　ボタンline-height　*/
.btn-detail .fs_btn_text {
     line-height: 1.5;
}
.btn-detail .fs_btn_text_main  {
     letter-spacing: 0.2rem;
     font-size:1.2rem;
}
.btn-detail .fs_btn_text_sub {
     font-size:0.8rem;
     font-weight: bold;
}