﻿.bg_color2 {
    background-color: #009954;
}
.bg_color1 {
    background-color: #fbdf7e;
}
.bg_color3 {
    background-color: #fd6b79;
}
.txt_color3 {
    color: #fd6b79;
}
.txt_color2 {
    color: #009954;
}
.txt_color1 {
    color: #009954;
}
#cms_6-b .bg_color1 {
    background-color: #009954;
}
#topCms .bg_color1 {
    background-color: #009954;
}
#con1 .txt_color1 {
    color: #fbdf7e;
}
.border_color1 {
    border-color: #009954;
}
.border_color3 {
    border-color: #fd6b79;
}
#footer_color1{
    background-color: #61bd97;
}
#cms_6-b .bg_color3 {
    background-color: #009954;
}
#footer_bg{
    background-color: #61bd97;
}
.width_80per {
    width: 50%!important;
}
#page3 .cate{
    margin-top: -150px;
    padding-top: 150px;
}
#page4 .cate{
    margin-top: -150px;
    padding-top: 150px;
}
#sp_nav{
    background-color: #61bd97;
}
.logo1 {
    max-width: 105px;
    padding-left: 20px;
    padding-right: 20px;
    
}
#footer_bg .width_200-max {
    width: 100%;
    max-width: 140px;
}
.f_contact_box {
    padding: 60px 0px;
    border-radius: 40px;
    width: 800px;
    left: 50%;
    margin-left: -400px;
    bottom: -255px;
}
.footer_sns{
    height: 275px;
}
.footer_sns .box a {
    border-radius: 20px;
    padding: 15px 40px 20px;
    margin-top: 150px;
}
.linkStyle {
    color: #7b8584;
}
#con3 .title .en {
    font-size: 55px;
    letter-spacing: 10px;
}



/*タブレット*/
@media screen and (max-width: 768px){
    
    #con3 .width_100 {
        width: 75px;
    }
    .logo1 {
        max-width: 85px;
        transform: translate(-25px, -8px);
    }
    #footer_bg .width_200-max {
        width: 100%;
        max-width: 110px;
    }
    .f_contact_box {
        width: 75%;
        left: 12%;
        margin-left: auto;
    }
    .f_contact_box {
        padding: 40px 0px;
        border-radius: 40px;
        width: 600px;
        left: 63%;
        margin-left: -400px;
        bottom: -165px;
    }
    .f_contact_img {
        height: 338px;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: top;
    }
    .footer_sns {
        height: 110px;
    }
    .footer_sns .box a {
        border-radius: 20px;
        padding: 15px 40px 20px;
        margin-top: 45px;
    }
    .footer_contact{
        background-color: #61bd97
    }
    #con3 .title .en {
    font-size: 45px;
}
}






/*スマホ1*/
@media screen and (max-width: 667px){
   #con1 .topTxt1 {
    border-radius: 67px;
    padding: 11px 14px 9px;
}
    .logo1 {
    max-width: 70px;
    transform: translate(-25px, 5px);
}
    #contact_size .font_50 {
    font-size: 30px;
}
    .f_contact_box {
    padding: 40px 0px;
    border-radius: 40px;
    width: 370px;
    left: 105%;
    margin-left: -400px;
    bottom: -110px
}
    .footer_sns {
    height: 70px;
}
    .footer_sns .box a {
    border-radius: 20px;
    padding: 15px 40px 20px;
    margin-top: 10px;
}
    #con1 .font_24{
        letter-spacing: -0.5px;
    }
    .footer_contact{
        background-color: #61bd97
    }
   #fakeloader .fl {
    position: absolute!important;
    top: 50%!important;
    left: 50%!important;
    transform: translate(-50%,-50%)!important;
    width: 50%!important;
    max-width: 120px;
}
    .cmstitle .en {
    font-size: 28px;
}
    #con3 .title .en {
    font-size: 38px;
    letter-spacing: 2px;
}
}








/*スマホ2*/
@media screen and (max-width: 375px){
    #con1 .topTxt1 {
    border-radius: 67px;
    padding: 11px 11px 9px;
}
    #con1 .font_24{
        letter-spacing: -1.3px;
    }
    .logo1 {
    max-width: 65px;
    transform: translate(-25px, 5px);
}
    .f_contact_box {
    padding: 40px 0px;
    border-radius: 40px;
    width: 335px;
    left: 112%;
    margin-left: -400px;
    bottom: -110px;
}
    #footer_bg .width_200-max {
    width: 100%;
    max-width: 85px;
}
    #fakeloader .fl {
    position: absolute!important;
    top: 50%!important;
    left: 50%!important;
    transform: translate(-50%,-50%)!important;
    width: 50%!important;
    max-width: 100px;
}
    #con3 .title .en {
    font-size: 37px;
} 
    .cmstitle .en {
    font-size: 27px;
}
    
    
    
    
    
    
}
