@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:#4d4d4d}a:hover { color:#bababa}
/* css setting */
/*　==============================　製品詳細　==============================　*/
.pr_slide .bx-wrapper{
margin: 0 auto 2rem!important;
}
.pr_slide .bx-wrapper .bx-viewport{
box-shadow: none!important;
border: none!important;
left: 0px!important;
}
.p_r_box{
padding: 2.5rem 3.5rem;
}
@media screen and (max-width: 968px) {
.p_r_box{
padding: 2.5rem 2rem;
}
}
@media screen and (max-width: 768px) {

}
@media screen and (max-width: 480px) {
.p_bg_sp{
background-image:none!important;
}
}
/*　--------------------　バリエーションコンテンツボックス　--------------------　*/
.square-table_g{
width: 100%;
color: #ffffff;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
}
.square-table-box_g{
text-align: center;
width: 32.33%;
margin-right: 1%;
margin-bottom: 1%;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
align-items: center;
}
.square-table-box_g > div{
text-align: center;
margin: 0 auto;
}
.square-table-box_g:nth-child(odd){
background-color: rgba(150,150,150,0.85);
}
.square-table-box_g:nth-child(even){
background-color: rgba(54,173,150,0.85);
}
.square-table-box-item_g{
padding: 3.66rem 0.5rem;
}
.square-table-box-item-l_g{
font-size: 1.2rem;
line-height: 1.4rem;
}
@media screen and (max-width: 1300px) {
.square-table-box-item_g{
padding: 3rem 0.5rem;
}
}
@media screen and (max-width: 968px) {
.square-table-box-item-l_g{
font-size: 1rem;
line-height: 1.1rem;
}
}
@media screen and (max-width: 768px) {

}
@media screen and (max-width: 480px) {
.square-table_g{
width: 100%;
margin-left: 0rem;
}
.square-table-box-item_g{
padding: 4rem 1rem;
}
.square-table-box-item-l_g{
font-size: 1.1rem;
}
}

/*　==============================　施工実績　==============================　*/
.works_g{
margin-right: 2rem;
}
.works_g #imageLightbox-container ul{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: flex-strat;
align-items: flex-strat;
flex-flow: column wrap;
}
.works_g #imageLightbox-container ul li{
width: 100%!important;
margin: 0rem!important;
}
.works_g #imageLightbox-container ul li:first-child{
border-bottom: 2px solid #ffffff!important;
}
.works_g #imageLightbox-container ul li a img{
height: auto!important;
width: 99.8%!important;
border: none!important;
}
.works_g #imageLightbox-container ul li:first-child a:before {
z-index: 1!important;
position: absolute!important;
background-color: #008b7a!important;
content:"before"!important;
color: #ffffff!important;
pointer-events: none!important;
padding: 0.35rem 0.65rem!important;
}
.works_g #imageLightbox-container ul li:last-child a:before {
z-index: 1!important;
position: absolute!important;
background-color: #008b7a!important;
content:"after"!important;
color: #ffffff!important;
pointer-events: none!important;
padding: 0.35rem 0.65rem!important;
}
@media screen and (max-width: 480px) {
.works_g{
margin-left: 2rem;
}
.works_g #imageLightbox-container ul{
flex-flow: row wrap;
}
.works_g #imageLightbox-container ul li{
width: 49%!important;
}
.works_g #imageLightbox-container ul li:first-child{
border: none!important;
margin-right: 2%!important;
}
.works_g #imageLightbox-container ul li a img{
width: 100%!important;
}
}
.works_gg{
margin-right: 2rem;
}
.works_gg #imageLightbox-container ul{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: flex-strat;
align-items: flex-strat;
flex-flow: column wrap;
}
.works_gg #imageLightbox-container ul li{
width: 100%!important;
margin: 0rem!important;
}
.works_gg #imageLightbox-container ul li:first-child{
border-bottom: 2px solid #ffffff!important;
}
.works_gg #imageLightbox-container ul li a img{
height: auto!important;
width: 99.8%!important;
border: none!important;
}
@media screen and (max-width: 480px) {
.works_gg{
margin-left: 2rem;
}
.works_gg #imageLightbox-container ul{
flex-flow: row wrap;
}
.works_gg #imageLightbox-container ul li{
width: 49%!important;
}
.works_gg #imageLightbox-container ul li:first-child{
border: none!important;
margin-right: 2%!important;
}
.works_gg #imageLightbox-container ul li a img{
width: 100%!important;
}
}

.slick-list{
margin: 0 2.5rem!important;
}
.slick-slide a h3{
    letter-spacing: -0.01rem!important;
font-size: 0.9rem!important;
padding: 0 0 0.5rem 0!important;
-webkit-margin-before: 0rem!important;
-webkit-margin-after: 0.5rem!important;
}


/*　==============================　採用情報　==============================　*/
/*　--------------------　魅力コンテンツボックス　--------------------　*/
.square-table{
width: calc(100% - 3rem);
color: #ffffff;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
margin-left: 3rem;
}
.square-table-box{
text-align: center;
width: 20%;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
align-items: center;
}
.square-table-box > div{
text-align: center;
margin: 0 auto;
}
.square-table-box:nth-child(odd){
color: #abc93f;
background-color: #f4f4f4;
}
.square-table-box:nth-child(even){
background-color: #b7dd4e;
}
/*.square-table-box:first-child{
background-color: #ffffff;
box-sizing:border-box;
border-top: 1px solid #008b7a;
border-left: 1px solid #008b7a;
}*/
/*
 .square-table-box:last-child {
background-color: #ffffff;
box-sizing:border-box;
border-right: 1px solid #008b7a;
border-bottom: 1px solid #008b7a;
}*/
.square-table-box-ttl{
color: #ffffff;
}
.square-table-box-ttl-l{
font-size: 1.2rem;
line-height: 1.4rem;
margin-bottom: 0.7rem;
}
.square-table-box-ttl-s{
font-size: 0.9rem;
}
.square-table-box-item{
padding: 2.2rem 1rem;
}
.square-table-box-item-roof{
margin-bottom: 1rem;
}
.square-table-box-item-l{
font-size: 1.2rem;
line-height: 1.4rem;
}
.square-table-box-item-s{
font-size: 0.9rem;
}
.triangle {
width: 4rem;
height: 4rem;
border-top: 1px solid #ffffff;
border-right: 1px solid #ffffff;
margin: 0 auto!important;
transform: rotate(-45deg);
}
@media screen and (max-width: 968px) {
.square-table-box{
width: 33.33%;
}
/* .square-table-box:last-child {
border-left: 1px solid #008b7a;
}*/
.square-table-box-ttl{
padding: 4.5rem 1rem;
}
}
@media screen and (max-width: 768px) {

}
@media screen and (max-width: 480px) {
.square-table{
width: 100%;
margin-left: 0rem;
}
.square-table-box-ttl-l{
font-size: 1rem;
}
.square-table-box-ttl-s{
font-size: 0.8rem;
}
.square-table-box-item{
padding: 2rem 1rem;
}
.square-table-box-item-l{
font-size: 1.1rem;
}
.square-table-box-ttl{
padding: 3rem 0.2rem;
}
.triangle {
width: 2.7rem;
height: 2.7rem;
}
}
/*　--------------------　魅力ボックス　--------------------　*/
.recruit_ttl_box{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-flow: row wrap;
margin-top: -2rem;
}
.recruit_box_item{
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
justify-content: center;
align-items: center;
flex-flow: column wrap;
background-color: #008b7a;
max-width: 250px;
width: 100%;
height: 250px;
}
.recruit_box_border{
line-height: 0.5rem;
margin-top: 7.5rem;
padding-top: 5.5rem;
border-top: 1px solid #008b7a;
width: calc(100% - 250px);
}
@media screen and (max-width: 768px) {
.recruit_box_item{
font-size: 80%;
max-width: 150px;
width: 100%;
height: 150px;
padding: 0rem;
}
.recruit_box_border{
margin-top: 5.5rem;
padding-top: 3rem;
width: calc(100% - 150px);
}
}
@media screen and (max-width: 480px) {
.recruit_box_item{
max-width: 100%;
height: 50px;
width: 100%;
margin: 0 auto;
padding: 1rem 0rem;
margin-top: 2rem;
}
.recruit_box_border{
margin-top: 0rem;
padding-top: 3rem;
width: 100%;
border: none;
}
}

/*　==============================　お問い合わせフォーム　==============================　*/
.cf .formBlockSurveyTable dl dt {
color: #777777;
text-align: left;
width:100%
margin-right: 0%!important;
}
.cf .formBlockSurveyTable dl dd {
width: 100%;
}
.cf .formBlockSurveyTable dl {
padding: 1% 0;
}
.cf .formBlockSurveyTable dl dd input,
.cf .formBlockSurveyTable dl dd textarea {
width: 96%;
resize: none;
border-radius: 0;
padding: 2%;
}
.cf .formBlockSubmitButton {
width:100%!important;
text-align:center!important;
background-color: #008c7c!important;
color:#fff;
}
.cf .formBlockSubmitButton:hover {
background-color: #28bdac!important;
color:#fff;
transition:0.6s;
}
.cf .on-pointer input {
cursor: pointer;
}
@media screen and (max-width: 498px) {
.cf .formBlockSurveyTable dl dd input,
.cf .formBlockSurveyTable dl dd textarea {
width: 100%;
}
}

/*　==============================　企業情報　==============================　*/
/*　--------------------　キャッチ_理念　--------------------　*/
.co_ttl{
font-size: 3.6rem;
}
.co_viston{
font-size: 2.8rem;
line-height: 8rem;
}
@media screen and (max-width: 480px){
.co_ttl{
font-size: 2.4rem;
line-height:2.6rem;
}
.co_viston{
font-size: 1.8rem;
line-height: 4rem;
}
}
/*　--------------------　縦書きに関する設定　--------------------　*/
.writing_mode {
-ms-writing-mode: tb-rl!important;
-webkit-writing-mode: vertical-rl!important;
writing-mode: vertical-rl!important;
display: inline-block;
}
@media screen and (max-width: 480px) {
.writing_mode {
/*display: none;*/
}
}
.heighthack {
height: 30%;
display: inline-block;
}
}
/*----- Edge用hack -----*/
@supports (-ms-accelerator:true) {
.heighthack {
height : 30%;
}
}
/*----- IE11用hack -----*/
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .heighthack {
height: 30%;
display: inline-block;
} /* IE11 */
}
/*　--------------------　会社概要テーブル　--------------------　*/
.outline_table_list{
border-bottom: 1px solid #f4f4f4;
padding-bottom: 0.4rem;
margin: 0 1rem;
}
.outline_table_list:last-child{
border: none;
padding-bottom:0rem;
}
.outline_contents {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 0.8rem 0rem 0.4rem 0rem;
}
.outline_contents dt{
color: #008c7c;
padding: 0rem 1rem 0rem 0rem;
width: 140px;
}
.outline_contents dd{
text-align: left;
padding: 0rem 0rem 0rem 0rem;
width: calc(100% - 140px);
}
@media screen and (max-width: 768px){
.outline_contents {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 0.8rem 0rem 0.4rem 0rem;
}
.outline_contents dt{
font-size: 95%;
padding: 0rem 0rem 0.4rem 0rem;
width: 100%;
}
.outline_contents dd{
font-size: 105%;
padding: 0rem 0rem 0rem 0rem;
width: 100%;
}
}


/*　==============================　ご依頼について　==============================　*/
/*　--------------------　依頼フローボックス　--------------------　*/
.request_box{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-flow: row nowrap;
}
.request_box_icon{
width: 21%;
border-right: 1px solid #008b7a;
}
.request_box_icon dl{
text-align: center;
}
.request_box_icon dd{
color: #008b7a;
font-size: 1.2rem;
}
.request_box_icon span{
display: inline-block;
background-color: #008b7a;
border-radius: 4rem;
margin-bottom: 1rem;
}
.request_box_line{
width:  4%;
}
.request_box_content{
width: 74%;
}
.request_box_content dt{
color: #008b7a;
font-size: 1.5rem;
margin-top: 0.5rem;
margin-bottom: 0.1rem;
}
.request_box_content .box_content_read{
margin-bottom: 1.8rem;
}
.request_btn_group{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
}
.request_b_box{
text-align: center;
width: 48%;
background-color: #008b7a;
border: 1px solid #008b7a;
}
.request_b_box a{
color: #ffffff;
display: block;
padding: 0.9rem 0.5rem 0.8rem 0.5rem;
}
.request_b_box a:hover{
background-color: #28bdac;
color: #ffffff;
transition:0.6s;
}
@media screen and (max-width: 480px) {
.request_box{
justify-content: center;
align-items: flex-start;
flex-flow: column nowrap;
}
.request_box_icon{
width: 100%;
padding-bottom: 1rem;
border-bottom: 1px solid #008b7a;
border-right: 0px solid #008b7a;
}
.request_box_icon span{
width: 30%;
border-radius: 6rem;
}
.request_box_icon dd{
font-size: 1.5rem;
}
.request_box_content {
width: 100%;
}
}
.request_line_c{
width: 100%;
text-align: left;
}
.request_harf_block{
width: 50%;
padding-top: 1rem;
box-sizing: border-box;
border-right: 1px solid #008b7a;
}

/*　==============================　私たちについて　==============================　*/
/*　--------------------　特長ボックス　--------------------　*/
.feature_ttl_box{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
align-items: center;
flex-flow: row wrap;
}
.feature_box_item{
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
justify-content: center;
align-items: center;
margin: 0 auto;
background-color: #008b7a;
max-width: 400px;
width: 100%;
height: 400px;
}
@media screen and (max-width: 968px) {
.feature_box_item{
font-size: 80%;
height: auto;
padding: 5rem 0rem;
}
}
@media screen and (max-width: 480px) {
.feature_box_item{
margin: 0rem 1rem 0rem 1rem;
padding: 1rem 0rem;
}
.about_feature_bg{
background-position: top!important;
}
}

/*　==============================　トップページ　==============================　*/
/*　--------------------　トップキャッチ　--------------------　*/
.tx_shd{
text-shadow: 2px 2px 8px #333333;
}
.top_ttl{
font-size: 3.6rem;
}
@media screen and (max-width: 480px){
.top_ttl{
font-size: 2.6rem;
line-height: 2.8rem;
}
}
@media screen and (max-width: 480px) {
#pt001-3Parent{
background-size: contain!important;
background-position: top!important;
background-attachment: scroll!important;
}
}
/*　--------------------　文字制御（トップ）　--------------------　*/
@media screen and (max-width: 480px) {
.top_font_m{
font-size: 2rem;
}
}
/*　--------------------　製品ボタン　--------------------　*/
.pr_btn_group{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-end;
}
.y_b_box01{
text-align: center;
width: 49%;
margin-right: 2%;
background-color: #e2bd1e;
border: 1px solid #e2bd1e;
}
.y_b_box02{
text-align: center;
width: 49%;
border: 1px solid #e2bd1e;
}
.y_b_box03{
text-align: center;
width: 49%;
background-color: #ffffff;
border: 1px solid #e2bd1e;
}
.y_b_box01 a{
color: #ffffff;
display: block;
padding: 0.9rem 0.5rem 0.8rem 0.5rem;
}
.y_b_box02 a{
color: #e2bd1e;
display: block;
padding: 0.9rem 0.5rem 0.8rem 0.5rem;
}
.y_b_box03 a{
color: #e2bd1e;
display: block;
padding: 0.9rem 0.5rem 0.8rem 0.5rem;
}
.y_b_box01 a:hover{
background-color: #fcde5b;
transition:0.6s;
}
.y_b_box02 a:hover{
background-color: #fcde5b;
color: #ffffff;
transition:0.6s;
}
.y_b_box03 a:hover{
background-color: #fcde5b;
color: #ffffff;
transition:0.6s;
}
.g_b_box01{
text-align: center;
width: 49%;
margin-right: 2%;
background-color: #008b7a;
border: 1px solid #008b7a;
}
.g_b_box02{
text-align: center;
width: 49%;
border: 1px solid #008b7a;
}
.g_b_box03{
text-align: center;
width: 49%;
background-color: #ffffff;
border: 1px solid #008b7a;
}
.g_b_box01 a{
color: #ffffff;
display: block;
padding: 0.9rem 0.5rem 0.8rem 0.5rem;
}
.g_b_box02 a{
color: #008b7a;
display: block;
padding: 0.9rem 0.5rem 0.8rem 0.5rem;
}
.g_b_box03 a{
color: #008b7a;
display: block;
padding: 0.9rem 0.5rem 0.8rem 0.5rem;
}
.g_b_box01 a:hover{
background-color: #28bdac;
transition:0.6s;
}
.g_b_box02 a:hover{
background-color: #28bdac;
color: #ffffff;
transition:0.6s;
}
.g_b_box03 a:hover{
background-color: #28bdac;
color: #ffffff;
transition:0.6s;
}
@media screen and (max-width: 480px) {
.top_products_bg{
background-position: top!important;
}
}
/*　--------------------　新着ページリスト　--------------------　*/
.top-news .showlist{
margin-top: 0.1rem!important;
z-index: 48!important;
}
.top-news .tk_tags{
background-color: #008b7a!important;
padding: 0.3rem 0.5em 0.2rem 0.5em!important;
}
@media screen and (max-width: 480px) {
.top-news .ticker{
padding: 0.6rem 0.5rem;
}
.top-news-btn .fs_btn{
padding-top: 0.3rem!important;
padding-bottom: 0.3rem!important;
}
} 
/*　==============================　ページリスト　==============================　*/
.tk_flex{
padding: 1.5rem 1rem!important;
}
.tk_title{
font-size: 1rem!important;
}
.tk_tags_Tags{
font-size: 0.7rem;
color: #ffffff;
background: #008b7a;
padding: 0.15rem 0.5rem;
margin-right: 0.5rem;
text-align: center;
}
.slick-slide div.contentsslider_footer div.time_ymd{
display: none!important;
}
.slick-slide div.contentsslider_footer div.contentsslider_btn{
padding-bottom: 0.5rem!important;
}
/*　==============================　製品サービス　==============================　*/



/*　==============================　スタック　==============================　*/
/*　--------------------　私たちについて　--------------------　*/
.stack-about{
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: flex-start;
}
.stack-about-box{
width: 33.33%;
}
.stack-about-box-item{
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
padding: 0.7rem 0rem 0.5rem 1rem;
margin-right: 1.5rem;
}
.stack-about-box-item a{
color: #ffffff;
display: inherit;
}
.stack-about-box-item a:hover{
opacity: 0.8;
transition:0.6s;
}
.stack-about-box-item a:visited{
color: #ffffff;
}
.stack-about-box-item a:active{
color: #ffffff;
}
.right-arrow-icon{
float: right;
color: #ffffff;
}
@media screen and (max-width: 768px) { 
.stack-about{
flex-flow: column nowrap;
}
.stack-about-box{
width: 100%;
margin-bottom: 1rem;
}
.right-arrow-icon{
margin-top: 0.2rem;
}
}
/*　--------------------　ご依頼やお問い合わせについて　--------------------　*/
.stack-contact-title{
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}
.stack-contact{
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
align-items: center;
}
.stack-contact-ttl{
width: 200px;
}
.stack-contact-ttl div{
padding: 0rem;
border-right: 1px solid #ffffff;
}
.stack-contact-sub{
width: 80%;
}
.stack-contact-sub div{
padding: 0rem 0rem 0rem 4rem;
}
.stack-contact-sub div a{
color: #008b7a;
}
.stack-contact-sub div a[href^="tel:"]{
color: #ffffff;
}
.stack-contact-font-l{
font-size: 1.8rem;
}
.stack-contact-font-ls{
font-size: 1.4rem;
}
.stack-contact-btn{
font-size: 0.9rem;
background-color: #ffffff;
padding: 1.2rem 1rem 0.9rem 1rem;
}
.stack-contact-btn:hover{
opacity: 0.8;
transition:0.6s;
}
.stack-contact-btn:visited{
color: #008b7a;
}
.stack-contact-btn:active{
color: #ffffff;
}
.stack-contact-br-sp{
display: none;
}
@media screen and (max-width: 768px) { 
.stack-contact-ttl{
width: 120px;
}
.stack-contact-sub div{
padding: 0rem 0rem 0rem 1.5rem;
white-space: nowrap;
}
.stack-contact-font-l{
font-size: 1.6rem;
}
.stack-contact-font-ls{
font-size: 1.1rem;
}
.stack-contact-br-sp{
display: block;
line-height: 0rem;
}
}
/*　--------------------　採用に関するお問い合わせ　--------------------　*/
.stack-rec-title{
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}
.stack-rec{
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
align-items: center;
}
.stack-rec-ttl{
width: 200px;
}
.stack-rec-ttl div{
padding: 0rem;
border-right: 1px solid #ffffff;
}
.stack-rec-sub{
width: 80%;
}
.stack-rec-sub div{
padding: 0rem 0rem 0rem 4rem;
}
.stack-rec-sub div a{
color: #008b7a;
}
.stack-rec-sub div a[href^="tel:"]{
color: #ffffff;
}
.stack-rec-font-l{
font-size: 1.8rem;
}
.stack-rec-font-ls{
font-size: 1.4rem;
}
.stack-rec-btn{
font-size: 0.9rem;
background-color: #ffffff;
padding: 1.2rem 1rem 0.9rem 1rem;
}
.stack-rec-btn:hover{
opacity: 0.8;
transition:0.6s;
}
.stack-rec-btn:visited{
color: #008b7a;
}
.stack-rec-btn:active{
color: #ffffff;
}
.stack-rec-br-sp{
display: none;
}
@media screen and (max-width: 768px) { 
.stack-rec-ttl{
width: 120px;
}
.stack-rec-sub div{
padding: 0rem 0rem 0rem 1.5rem;
}
.stack-rec-font-l{
font-size: 1.6rem;
}
.stack-rec-font-ls{
font-size: 1.1rem;
}
.stack-rec-br-sp{
display: block;
line-height: 0rem;
}
}

/*　==============================　フッター　==============================　*/
/*　--------------------　PAGETOPボタン　--------------------　*/
.pagetop .fs_btn_text {
line-height: 1.6;
}
/*　--------------------　ページトップボタン　--------------------　*/
.pagetop_btm{
position: fixed;
z-index: 20;
bottom: 0;
right: 0;
}
.pagetop_btm .fs_btn{
line-height: 1.6;
}
@media screen and (max-width: 1300px) {
.copyr-r{
margin-right: 80px;
}
}
/*　--------------------　サイトマップ　--------------------　*/
.ft-sitemap{
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row wrap;
}
.ft-smap-left{
width: 38.33%;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
flex-flow: row wrap;
}
.ft-smap-left div{
width: 100%;
}
.ft-smap-center{
width: 33.33%;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
flex-flow: row wrap;
}
.ft-smap-center div{
width: 100%;
}
.ft-smap-right{
width: 28.33%;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
flex-flow: row wrap;
align-content: flex-start;
}
.ft-smap-right div{
width: 100%;
}
.ft-smap-items{
padding: 0.2rem 0rem 0.2rem 0rem;
}
.ft-smap-items-u{
font-size:0.8rem;
padding: 0.2rem 0rem 0.2rem 1rem;
}
.ft-smap-btn{
text-align: center;
color: #ffffff!important;
background-color: #008f7a;
line-height: 1.3rem;
width: 100%;
padding: 1rem 0.5rem 0.9rem 0.5rem;
display: inline-block;
}
.ft-smap-btn:hover{
transition:0.3s!important;
background-color: #39bfa6;
}
@media screen and (max-width: 768px) {
.ft-smap-left{
width: 50%;
}
.ft-smap-center{
width: 50%;
}
.ft-smap-right{
width: 100%;
margin-top: 1rem;
}
.ft-smap-right div{
width: 100%;
}
.ft-smap-btn{
padding: 1rem 0rem 0.9rem 0rem;
}
}
/*　==============================　ヘッダー　==============================　*/
/*　--------------------　ナビエリアドロップシャドウ　--------------------　*/
header{
box-shadow:0 2px 2px rgba(90,90,90,0.3);
-webkit-box-shadow:0 2px 2px rgba(90,90,90,0.3);
}
/*　--------------------　オートナビに関する設定　--------------------　*/
.sub_list{
margin-top: 0.5rem;
background-color: #ffffff;
}
.fsNavMenuList li a{
padding: 1.25rem 0.7rem!important;
}
.fsNavMenuList li ul li a{
text-align: left!important;
margin: 1.8rem 1rem!important;
padding: 0.2rem 0.5rem 0.1rem 0.5rem!important;
border-left: 3px solid #009662!important;
}
.fsNavMenuList li ul li a:hover{
opacity: 0.5!important;
transition:0.3s!important;
}
/*　--------------------　Fatナビに関する設定　--------------------　*/
.fat-nav li {
list-style-type: none;
text-align: left;
padding: 1.5rem 0 1.5rem 2rem;
font-size: 1.2rem;
border-bottom: 1px solid #969696;
}
.fat-nav{
background: rgba(45, 55, 60, 0.96);
}
.hamburger .hamburger__icon, .hamburger .hamburger__icon:before, .hamburger .hamburger__icon:after {
background-color: #009662;
}
#topfix_A {
position: absolute;
z-index: 50;
top: 0;
right: 0;
}
#topfix_B {
position: absolute;
z-index: 10;
top: 0;
right: 0;
}
/*　==============================　文字に関する設定　==============================　*/
.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;
}
.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-center{
text-align: center!important;
}
.br-sp{
display:block;
line-height:0rem;
}
.br-sp-r{
display:none;
}
}
/*　--------------------　Google font 日本語　--------------------　*/

.wf-sawarabimincho {
font-family: "Sawarabi Mincho", serif!important;
}
/*　--------------------　Google font　--------------------　*/
.googlefont {
font-family: 'Roboto', 游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,sans-serif;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/0eC6fl06luXEYWpBSJvXCBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/Fl4y0QdOxyyTHEGMXX8kcRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/-L14Jk06m6pUHB-5mXQQnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/I3S1wsgSg9YCurV6PUkTORJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/NYDWBdD4gIq26G5XYbHsFBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/Pru33qjShpZSmG3z6VYwnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/*　==============================　デフォルト　==============================　*/
/*　--------------------　マルチイメージのポインター無　--------------------　*/
.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;
}
}
/*　--------------------　色　--------------------　*/
.rgba_white{
background-color:rgba(255,255,255,0.8);
}
.rgba_white2{
background-color:rgba(255,255,255,0.9);
}
.rgba_black{
background-color:rgba(0,0,0,0.4);
}
.rgba_black2{
background-color:rgba(0,0,0,0.8);
}
.rgba_black3{
background-color:rgba(0,0,0,0.6);
}
.rgba_main-g{
background-color:rgba(0,139,122,0.8);
}
.rgba_main-y{
background-color:rgba(226,189,30,0.8);
}
.main_font_green{
color: #008b7a;
}
.main_font_yellow{
color: #e2bd1e;
}
.main_bg_green{
background-color: #008b7a;
}
.main_bg_yellow{
background-color: #e2bd1e;
}
.main_border_green{
border: 1px solid #008b7a;
}
.main_border_yellow{
border: 1px solid #e2bd1e;
}
/*　--------------------　その他　--------------------　*/
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;
}
.blog_ttl{
font-weight: normal;
}