﻿/*ローディング画面*/
#loading_logo{max-width: 300px;}

/* CMS・下層ページ ----------------------------------*/
.pager li a{
    background-color: #FF9E03;
    color: #fff;
}
.pager li a:hover{
    background-color: #fff2dd;
    color: #999999;
}
#cms_3-b .cate_box, #cms_2-a .cate_txt1,#cms_2-b .cate_box{
    background-color: #fff8ed;
    border: 1px solid #ff9e03;
}
#cms_2-a .cate_txt1{padding: 3%;}
#cms_2-a .box_img{
    padding: 0;
}
#cms_2-a .box_text{}
#page8 .tel_box{
    max-width: 500px;
}

#page10 .btn a .txt{
    padding: 18px 20px 20px;
}

/* タブレット */
@media screen and (max-width: 768px){}
/* スマホ */
@media screen and (max-width: 667px){
    #page8 .tel_box{max-width: 300px;}
}

/* メインイメージ -----------------------------------*/

/* タブレット */
@media screen and (max-width: 768px){}
/* スマホ */
@media screen and (max-width: 667px){}

/* トップページ -------------------------------------*/
.bnr{
    max-width: 400px;
    margin: 30px auto 0;
}
.bnr a{display: block;transition: 0.5s;}
.bnr a:hover{opacity:0.7;}

.btn_box .no_eigyo{
    color: #fff;
    max-width: 350px;
    box-sizing: border-box;
    margin: 10px auto;
}
#top_contents1 h2{font-size: 38px;}
#top_contents2 h2{color:#FF9E03;font-size: 26px;}

#top_info .info_txt{padding-left: 50px;}

@media screen and (max-width: 1280px){
    #top_contents2 .con_box.mg_b-100px{margin-bottom: 200px;}
    
    #top_info .info_txt{padding-left: 50px;}
}
@media screen and (max-width: 1134px){
    .btn_box .no_eigyo{margin-left: 24%;}
}
/* タブレット */
@media screen and (max-width: 768px){
    .bnr{max-width: 350px;}
    .btn_box .no_eigyo{
        margin:5px auto;
    }
    #top_contents1 h2{font-size: 30px;}
    #top_contents2 h2{font-size: 24px;}
    #top_contents2 .con_box.mg_b-100px{margin-bottom:100px;}
    
    #top_info .info_txt{padding-left: 0px;}
}
/* スマホ */
@media screen and (max-width: 667px){
    .bnr{
        max-width: 300px;
    }
    #top_contents1 h2{
        font-size: 23px;
        width: 265px;
        text-align: center;
        margin: 0 auto 30px;
        line-height: 1.5em;
    }
    #top_contents2 h2{
        font-size: 18px;
        text-align: center;
        line-height: 1.5em;
        max-width: 240px;
    }
    #top_contact_box .tel_bt a{padding-left: 25px;}
    #top_contact_box .tel_bt a span{letter-spacing: 0em;}
    
    #top_info .tel_bt a{width: 260px;    letter-spacing: 0em;}
    #top_info .tel_bt a i{top: 50%;}
}

/* 全体 ---------------------------------------------*/



h2{
    /*font-family: 'Kiwi Maru', serif;*/
    font-family: 'Kosugi Maru', sans-serif;
}


.no_eigyo{
    font-size: 20px;
    font-weight: normal;
}
.tel_bt a{font-size: 30px;}
.tel_bt .annai_box{padding: 0;font-size: 22px;}
.annai{
    background-color: #ffffff;
    border-bottom: 3px solid #ff9e03;
    display: block;
    /* border-radius: 10px; */
    padding: 5px 28px 5px 15px;
    color: #160f03;
    position: relative;
}
.tel_bt .anai_icon{
    position: absolute;
    right: 3px;
    color: #ff8100;
}
.btn_box .tel_bt .annai{
    position: absolute;
    width: 100%;
    font-size: 20px;
    top: -80px;
    left: 0%;
    background-color: transparent;
    border-bottom: none;
    color: #fff;
}
.btn_box .tel_bt .annai i{
    right: auto;
    left: 30px!important;
}

.info_txt .annai{
    padding: 5px 15px 5px 35px;
}
.overlay.open .annai{color: #ff7600;font-weight: bold;}

#contact_wrap .annai{
    border-bottom: none;
    color: #ff7600;
    font-weight: bold;
    background-color: #fff2dc;
}

#top_contact_box .annai{
    border-radius: 20px;
    width: 480px;
    margin: 10px auto 20px;
    border-bottom: none;
    color: #ff9e03;
    font-weight: bold;
}
#top_contact_box .annai .anai_icon{
    transform: translateY(0%);
}
#logo{
    width: 200px;
    height: 200px;
    position: fixed;
}
#logo .logo{width: 100%!important;}

.l-gh__scrollnav{height: 105px;width: 15px;}
.l-gh__scrollnav-pagetop-arr{width: 15px;height: 35px;}
.l-gh__scrollnav-pagetop-arr .head{
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 9px solid #333;
    transform: translate(0px,23px);
}
.l-gh__scrollnav-scroll-arr{width: 12px;height: 15px;}
.l-gh__scrollnav-scroll-arr .head{
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 9px solid #333;
}

#page_title::before{
    background: rgb(255 255 255 / 20%);
}
#page_title .title_box h2{
    color: #FF9E03;
    font-weight: normal;
    font-size: 36px;
}

.linkStyle{
	color:#FF9E03;
	text-decoration: underline;
	transition: all 0.5s;
}
.linkStyle:hover{
	color:#FF9E03;
	opacity: 0.7;
	text-decoration: none;
}

/* タブレット */
@media screen and (max-width: 768px){
    .overlay .menu-box .menu_list li a{
        padding-top: 35px;
        padding-bottom: 5px;
    }
    .tb_sns_wrap .sns_links_tb li{width: 32px;}
    .tel_bt a i{top: 65%;}
    .overlay-menu .annai{
        color: #ff7600;
        font-weight: bold;
        margin-top: 20px;
    }
    .overlay .menu-box .menu_list li.tel_bt a{
        padding-top: 10px;
    }
    #footer_nav nav ul li{padding: 10px 20px;}
    #fix_menu{padding: 55px 0 55px;}
    #logo{height: 115px;}
}
/* スマホ */
@media screen and (max-width: 667px){
    .no_eigyo{letter-spacing: 0em;}
    .overlay .menu-box{width: 85%;}
    .overlay .menu-box .menu_list li a{padding-top: 15px;}
    .l-gh__scrollnav{right: 5px;}
    #fix_menu{padding: 45px 0 45px;}
    #logo{height: 100px;}
    .overlay nav{
        height: 110%;padding-top: 50%;
    }
    .tb_sns_wrap .sns_links_tb li{width: 25px;}
    .overlay-menu .annai{
        font-size: 20px;
        margin-top: 10px;
        line-height: 1.3;}
        
    #top_contact_box .annai{width: 230px;padding: 5px 15px;}
    
    .cate_list li a{text-align: left;}
    #page_title .title_box{padding: 25px 10px;}
    
    #cms_2-b .box_wrap{padding:0px;}
    #cms_3-b .cate_box, #cms_2-a .cate_txt1, #cms_2-b .cate_box{
        padding: 15px;
    }
    #page9 h3{letter-spacing: 0;}
}

/* 配色 ----------------------------------------------*/

/*.txt_color1,.hvr_txt_color1:hover{color: #ef8f41;} */
/*.txt_color2,.hvr_txt_color2:hover{color: #f4f3f2;}*/
/*.txt_color3,.hvr_txt_color3:hover{color: #60513c;}*/
/*.txt_color4,.hvr_txt_color4:hover{color: #eae4df;} */

/*.bg_color1,.hvr_bg_color1:hover{background-color: #ef8f41;} */
/*.bg_color2,.hvr_bg_color2:hover{background-color: #f4f3f2;} */
/*.bg_color3,.hvr_bg_color3:hover{background-color: #60513c;} */
/*.bg_color4,.hvr_bg_color4:hover{background-color: #eae4df;} */

/*.border_color1,.hvr_border_color1:hover{border-color: #ef8f41;}*/
/*.border_color2,.hvr_border_color2:hover{border-color: #f4f3f2;}*/
/*.border_color3,.hvr_border_color3:hover{border-color: #60513c;}*/
/*.border_color4,.hvr_border_color4:hover{border-color: #eae4df;}*/

/*テンプレート  -------------------------------------*/
body,.font_2dw,.font_3dw,.font_2dw_tb,.overlay .menu-box .menu_list li a,.l-gh__scrollnav-pagetop-text,.l-gh__scrollnav-scroll-text{
    font-size: 22px;
}
.font_4up{
    font-size: 26px;
}
.sns_links li{width: 30px;}

@media screen and (max-width: 667px){
    body,.overlay .menu-box .menu_list li a,.font_14_sp,.font_100per_sp,.font_2dw,.font_3dw,.font_2dw_tb{
    font-size: 20px;
    letter-spacing: 0.06em;
    line-height: 1.6em;
    }
    #page_title .title_box .font_100per_sp{font-size:22px;}
}
/*お知らせ-------------------------------------------*/
.topcms_news_type2 .cate_box {
	width: 46.33333%!important;
	margin-right: 1.5%;
	margin-left: 1.5%;
	cursor: pointer;
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
	box-shadow: 0 6px 12px rgb(0 0 0 / 0);
	/* padding: 20px; */
	/* border-radius: 20px; */
	/* background-color: #f5f5f5; */
}
.topcms_news_type2 .cate_box:hover {
	transform: translateY(-5px);
}
.topcms_news_type2 .cate_box .box_item {
	cursor: pointer;
}
.topcms_news_type2 .txt_height {
	height: 5em
}
.topcms_news_type2 .box_img1 {
	border-radius: 10px;
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.topcms_news_type2 .cate_box {width: 100%!important;}
.topcms_news_type2 .txt_height {height: 3em}
}