﻿#body{
    font-size:19px;
    line-height: 2.5;
}
#body .txt_color_nomal{
        color: #755f5f;
}
.font_12 {
    font-size: 15px;
}
.h2_font-size{
    font-size:24px;
}
.border_so1-b {
    border-bottom: 1px solid;
    border-color: #3eb370;
}
.border_color1 {
    border-color: #3eb370;
}
.bg_color1 {
    background-color: #3eb370;
}
.bg_color2 {
    background-color: #d0f0fd;
}
.txt_color1 {
    color: #3eb370;
    letter-spacing: 0.8px;
}
#header-nav .qa_letter-spacing{
    letter-spacing: 2px;
}
#header-nav .menu_letter-spacing{
    letter-spacing: -0.3px;
}
#side_contact .bg_white{
        color: #3eb370;
}
.liaf_illust{
    width: 20%;
    transform: translate(1px, -5px);
}
#contents .font_2up{
       font-size: 24px;
       font-weight: bold;
}
.logo{
    width: 50%;
}   
#side_contact .bg_white {
    color: #3eb370;
    padding-top: 5px;
    position: relative;
    top: -10px;
}
#side_info .width_70per {
    width: 70%!important;
    margin: auto;
    padding-top: 25px;
}
    #side_info .mg_t-15px{
        text-align: center;
}
#copyright .font_12 {
    font-size: 12px;
}
.txt_color3 {
    color: #817f7f;
}
.illust{
    width: 13%;
    transform: translate(1070px, 146px);
}
.illust_kigu{
    width: 4%;
    transform: translate(789px, 64px);
}
.illust_kigu01{
    width: 4%;
    transform: translate(707px, 59px);
}
.illust_kigu02{
    width: 4%;
    transform: translate(757px, 63px);
}
.illust_kigu03{
    width: 4%;
    transform: translate(777px, 67px);
}
.illust_kigu04{
    width: 4%;
    transform: translate(638px, 57px);
}
.map_none{
    display: none;
}
.footer_box_padding50px{
    padding-top: 50px;
}
.footer_box{
    line-height: 1.5;
}
.margn_100{
    margin-top: -125px;
    transform: translate(10px, 137px);
}
#contents .grid_6 {
    width: 100%!important;
}


/*左メニュー設定
.theSideBar{
    transition-duration: 0.3s;
}
.theSideBar.side-fixed-content{
    position: fixed;
    top: 13.5%;
    max-width: 310px;
    transition-duration: 0.3s;
}
.theArticle.addMargin{
    margin-left: 33.265%;
}
.snslinks.mg_t-50px{
    margin-top: 20px;
}
*/



/*タブレット*/
@media screen and (max-width: 768px){
   .logo{
    width: 60%;
    height: auto;
   } 
   #contents .font_2up{
       font-size: 21px;
       font-weight: bold;
   }
   .liaf_illust{
       width: 22%;
   }
   #side_info .width_70per {
    width: 40%!important;
    margin: auto;
    padding-top: 25px;
}
    #side_info .mg_t-15px{
        text-align: center;
    }
    #side_contact .bg_white {
    color: #3eb370;
    padding-top: 5px;
    position: relative;
    top: -10px;
}
    .txt_left_tb {
    text-align: center;
}
    #main_img {
    padding-top: 120px;
}
    .illust {
    width: 13%;
    transform: translate(547px, 96px);
}
    .illust_kigu{
    width: 6%;
    transform: translate(271px, 42px);
}
    .illust_kigu01{
        width: 6%;
        transform: translate(232px, 33px);
}
    .illust_kigu02{
        width: 6%;
        transform: translate(254px, 46px);
}
    .illust_kigu03{
        width: 6%;
        transform: translate(260px, 45px);
}
    .illust_kigu04{
        width: 6%;
        transform: translate(175px, 43px);
}
    #page_title .pd_t-10px_tb {
    padding-top: 40px;
}
    .footer_box_padding50px {
        padding-top: 0px;
    }
    .mg_t-50px {
    margin-top: 30px;
}
}





/*スマホ1*/
@media screen and (max-width: 667px){
    .logo {
    width: 45%;
    height: auto;
}
    #main_img{
        padding-top: 86px;
    }
    #side_contact .bg_white {
    color: #3eb370;
    padding-top: 5px;
    position: relative;
    top: -9px;
}
    #side_info .pd_t-10px {
    padding-top: 0px;
}
    #side_info .pd_b-10px {
    padding-bottom: 0px;
}
    #page_title {
    padding-top: 120px;
    padding-bottom: 30px;
}
    #page8 .grid_3{
        font-size: 18px;
    }
    #page8 .grid_9{
        font-size: 16px;
    }
    .illust {
    width: 13%;
    transform: translate(266px, 95px);
}
    .fat-nav__wrapper {
    width: 100%;
    height: 100%;
    display: table;
    table-layout: fixed;
    line-height: 1.5;
}
    #page-top a {
    height: 40px;
    width: 40px;
}
    #copyright .font_12{
        font-size: 10px;
    }
    .illust_kigu{
    width: 11%;
    transform: translate(81px, 38px);
}
    .illust_kigu01{
        width: 11%;
        transform: translate(20px, 36px);
}
    .illust_kigu02{
        width: 11%;
        transform: translate(51px, 40px);
}
    .illust_kigu03{
        width: 11%;
        transform: translate(66px, 40px);
}
    .illust_kigu04{
        width: 10%;
        transform: translate(-12px, 30px);
}
    .pd_b-10px_tb {
    padding-bottom: 10px;
    margin-top: -20px;
}
    #qand_a .box_title1{
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 0.6px;
}
#page-top {
    bottom: 31px!important;
    right: 10px;
}
}


/*スマホ2*/
@media screen and (max-width: 375px){
    #contents .font_2up {
    font-size: 20px;
    font-weight: bold;
}
    #main_img{
        padding-top: 83px;
    }
    .illust_kigu{
    width: 11%;
    transform: translate(74px, 38px);
}
    .illust_kigu01{
        width: 11%;
        transform: translate(20px, 36px);
}
    .illust_kigu02{
        width: 11%;
        transform: translate(51px, 40px);
}
    .illust_kigu03{
        width: 11%;
        transform: translate(61px, 40px);
}
    .illust_kigu04{
        width: 10%;
        transform: translate(-15px, 30px);
}    
    .illust {
    width: 13%;
    transform: translate(257px, 95px);
}
    #page-top {
    bottom: 36px!important;
    right: 10px;
}
}

