/*メニュー固定*/
aside.grid_3 {
    position: sticky;
    top: 110px;
    left: 0;
}
#side_info{margin-top: 20px;}
.sns.mg_t-50px{margin-top: 20px;}
#side_contact,#side_info{border-radius: 10px;}

/* CMS・下層ページ ----------------------------------*/
#cms_6-c .circle,#cms_6-c .arrow{z-index: 1;}
.img_maru1,.box_img1,.cate_img1,.mail_bt a,.more a,.cate_list li a,#cms_3-c .cate_txt1{border-radius: 10px;}
#cms_3-c .cate_title{border-radius: 5px;}

#cms_3-c .cate{
    background-color: #fff7e2;
    padding: 20px;
    border-radius: 25px;
}
#cms_3-c .cate_title{background-color: #ff9140;color: #fff;}
#cms_3-c .cate_txt1{
    background-color: #fffcf4;
    padding: 10px;
}

.cms_6-c .cate_box,#cms_6-c .cate_box{background-color: #fff7e2;}

/* タブレット */
@media screen and (max-width: 768px){
    .tel_wrap{padding: 50px 30px;}
    .tel_wrap .tel_anai{
        color: #f90;
        border-top: 1px solid;
        margin-top: 10px;
        padding-top: 5px;
    }
}
/* スマホ */
@media screen and (max-width: 667px){
    .cms8{padding: 20px 6%;}
    #page8{padding: 0;}
    .tel_wrap {
    padding: 50px 10px;
}
    .tel_wrap .tel_box p{
        letter-spacing: 0em;
    }
    .tel_wrap .tel_box a{
        letter-spacing: 0em;
        font-size: 28px;
        padding: 10px 0;
    }
    .tel_wrap .tel_box a span{font-size: 18px;}
}

/* メインイメージ -----------------------------------*/
#main_img{position: relative;}
.catch {
    z-index: 1;
    position: absolute;
    top: 5%;
    right: 3%;
    transform: translate(0%, 0%);
    width: 39%;
}
/* タブレット */
@media screen and (max-width: 768px){
    #main_img{padding-top: 85px;}
    .catch {top: calc(85px + 2%);}
}
/* スマホ */
@media screen and (max-width: 667px){
    #main_img{padding-top: 74px;}
    .catch {top: calc(74px + 4%);}
}

/* トップページ -------------------------------------*/
#contents h2,#top_cms h2{font-weight: 500;font-size: 27px;}
#contents h3{font-weight: 600;}
#contents h2:first-letter{
    font-size: 42px;
    background-color: #ffefc3;
    border-radius: 11px;
    letter-spacing: 11px;
    padding-left: 11px;
    line-height: 1.7;
}

.cms_title {
    background: linear-gradient(270deg, rgba(255,196,154,1) 0%, rgba(255,234,174,1) 100%);
    border-radius: 5px;
    border:none;
    padding: 10px;
}
.cms_title h2{
    color: #994205;
}
/* タブレット */
@media screen and (max-width: 768px){
    #contents h2, #top_cms h2{font-size: 27px;}
}
/* スマホ */
@media screen and (max-width: 667px){
    #contents h2, #top_cms h2{font-size: 24px;}
    #contents h2:first-letter {
        font-size: 32px;
        border-radius: 11px;
        letter-spacing: 8px;
        padding-left: 8px;
        line-height: 1.7;
    }
}

/* 全体 ---------------------------------------------*/
#fakeloader{
    background-size: 200% 200%!important;
    animation: bggradient2 1.8s ease infinite;
}
@keyframes bggradient2{
	0% {background-position: 0% 50%;}
	50% {background-position: 100% 50%;}
	100% {background-position: 0% 50%;}
}
#fakeloader.bg_color1{background: linear-gradient(270deg, #ffd045 0%, #ff9042 100%);}
header #logo{max-width: 190px;}

/*main{background: linear-gradient(0deg, rgba(255,196,154,1) 0%, rgba(255,234,174,1) 35%, rgba(255,255,255,1) 100%);}*/

.more a{font-weight: 700;}

.linkStyle{
	color:#fc9543;
	text-decoration: underline;
	transition: all 0.5s;
}
.linkStyle:hover{
	color:#fc9543;
	opacity: 0.7;
	text-decoration: none;
}
#page_title h2{font-weight: 600;}

footer .logo{max-width: 180px;}
/* タブレット */
@media screen and (max-width: 768px){
    header #logo{max-width: 135px;}
    .hamburger{top: 5px;}
    #side_info figure{width: 80%; margin: 20px auto;}
    #side_info .logo{width: 50%!important; margin: 0 auto;}
    #side_info p{text-align: center;}
    
    #page_title{background-color: #fff6df; padding-top: 110px;}
    #page_title h2{
        font-size: 30px;
        color: #994205;
    }
}
/* スマホ */
@media screen and (max-width: 667px){
    header #logo{max-width: 106px;}
    .hamburger{top: 0px;}
    #side_info .logo{width: 70%!important; margin: 0 auto;}
    
    #page_title{padding-top: 100px;}
    #page_title h2{
        font-size: 25px;
        color: #994205;
        letter-spacing: 0.07em;
    }
}

/* 配色 ----------------------------------------------*/
.hamburger__icon, .hamburger__icon:before, .hamburger__icon:after{background-color: #fff!important;}
.hamburger.active .hamburger__icon{background-color: transparent!important;}
.hamburger.active .hamburger__icon:after,.hamburger.active .hamburger__icon:before{background-color: #fec317!important;}

header{background: #fff;}
#header{
    background: linear-gradient(90deg, #ffe086, #ffb078);
    box-shadow: 0 5px 10px rgba(229, 142, 78, 0.3);
}
#header ul li{border-color: #ffebd7;}
#header ul li a{color: #994205;}
#page-top{background: linear-gradient(180deg, #ffd55a, #ff9042);}
.mail_bt a{background: linear-gradient(180deg, #ffd55a, #ff9042);}
.mail_bt a:hover{background:linear-gradient(0deg, #ffecb5, #ffcdaa); color: #994205;}
.more a,.cate_list li a{background: linear-gradient(180deg, #ffecb5, #ffcdaa);color: #994205;}
.more a:hover,.cate_list li a:hover{background:linear-gradient(0deg, #ffd55a, #ff9042);color: #fff;}
#contents h2{color: #f76b09;}
#top_cms h2{color: #994205;}

@media screen and (max-width: 768px){
header.shadow-b_tb{
    background: linear-gradient(90deg, #ffe086, #ffb078);
    box-shadow: 0 5px 10px rgba(229, 142, 78, 0.3);
    }
}

.txt_color1,.hvr_txt_color1:hover{color: #ff9900;} 
/*.txt_color2,.hvr_txt_color2:hover{color: #f4f3f2;} */
.txt_color3,.hvr_txt_color3:hover{color: #ffc384;} 
/*.txt_color4,.hvr_txt_color4:hover{color: #eae4df;} */
/*.txt_color5,.hvr_txt_color5:hover{color: #f2ede7;}*/ 

.bg_color1,.hvr_bg_color1:hover{background-color: #FEC317;}
.bg_color2,.hvr_bg_color2:hover{background-color: #fff7e2;}
.bg_color3,.hvr_bg_color3:hover{background-color: #ffc384;} 
.bg_color4,.hvr_bg_color4:hover{background-color: #fff4d6;} 
/*.bg_color5,.hvr_bg_color5:hover{background-color: #f2ede7;}*/ 

.border_color1,.hvr_border_color1:hover{border-color: #ffa42e;}
.border_color2,.hvr_border_color2:hover{border-color: #fc9543;}
.border_color3,.hvr_border_color3:hover{border-color: #ffc384;}
/*.border_color4,.hvr_border_color4:hover{border-color: #eae4df;}*/
/*.border_color5,.hvr_border_color5:hover{border-color: #f2ede7;}*/

/*テンプレート  -------------------------------------*/
.font_16_tb{font-size: 22px;}
.font_14_sp{font-size: 19px;}
body{
    font-size: 20px;
    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
}
.fa-envelope:before{content: "\f086";}