/*--------------------------------------------
 色 ・　文字
----------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@400;500;600&family=Shippori+Mincho:wght@400;500&display=swap');
:root{
    --color_gray:#bbb;
    --color1: #ff9c39;
    --color2: #dfd0c1;
    --color3: #FFF;
	--text: #472300;
    --base: #ffffff;
    --black: #934900;
    --base_a:rgba(255,255,255,0.6);
    
    --font1: 16px;
    --fontB1: 32px;
    --font-jp: 'Shippori Mincho B1', serif;
}
/* スマホ */
@media screen and (max-width: 667px){
    :root{
        --fontB1: 22px;
    }
}
.intro_title1,#top_con::before,#top_con .top_about,h3.con_title,.modal_title1,.top_link_box li a,.cms_title h2,.foot_tel,.main_page_link,.page_title_box,
#cms_1-g .box_title1 ,#cms_2-f .box_title1 ,#cms_5-e .box_title1, .cate_title,.cate_list,.date_box,#cms_5-e .number:before,
.cms_5-e .number:before,.cms_5-e .box_title1,.tel_bt,.tel_box p{
    font-family: var(--font-jp);
}
.bg_base{
    background-color: #FFF;
    background-image: url(./Dup/img/bg.jpg);
    background-size: cover;
}
.cms_box.bg_white,#cms1_box.bg_color3,#cms_5-e .box_title1, .cms_5-e .box_title1 {
    background-color: var(--base_a);
}
.cms_5-e .box_title1{
    background-color: #fdf4ea;
}
.cate_list.bg_color2{
    background-color: var(--base_a);
}
#page_list.bg_color2{background-color: var(--base_a);}
#cms_5-e,#cms_5-e .box_item,#cms_5-e .cate_box,.cms_5-e .cate_box,.cms_5-e,.cms_5-e .box_item{border-color: var(--color2);}
.cate_list li.opacity04{opacity: 0.7;}
#page10 .border_color3,.privacy_box .border_color3{border-color: var(--color2);}
#menu_nav{z-index: 15;}
#menu_bt{z-index: 16;}
/*--------------------------------------------
 top
----------------------------------------------*/
#top_intro .intro_img{
    width: 50%!important;
}
.intro_txt_wrap{
    width: 50%!important;
}
.modal_title1{
    font-size: 2.3rem;
    line-height: 1.7;
    margin-bottom: 16px;
}
#top_intro .intro_title1{height: 320px;}

/* タブレット */
@media screen and (max-width: 768px){
    #top_intro .intro_title1{height: 280px;}
    #top_intro .intro_img{
        width: 50%!important;
    }
    .intro_txt_wrap{
        width: 50%!important;
    }
}
/* スマホ */
@media screen and (max-width: 667px){
    #top_intro .intro_img,.intro_txt_wrap{
        width: 100%!important;
    }
    #top_intro .intro_title1{
        height: inherit;
        max-width: 250px;
    }
}

/*--------------------------------------------
 
----------------------------------------------*/
#cms_2-f .box_title1{padding-left: 0;}
#cms_2-f .box_title1::after{display: none;}



/*--------------------------------------------
 プライバシーポリシー
----------------------------------------------*/



/*--------------------------------------------
 お問い合わせ
----------------------------------------------*/


/* --------------------------------------------
 メインイメージ 
---------------------------------------------*/
#main_img{
    position: relative;
}
#main_img::before{
    content: "";
    width: 100%;
    height: 180px;
    background: linear-gradient(180deg, #ffc082 0%, rgba(255,192,130,0.6) 50%, rgba(255,255,255,0) 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
#main_img .main_txt{
    padding: 0vh 25% 0;
}
/* タブレット */
@media screen and (max-width: 768px){
    #main_img .main_txt{
        padding: 0vh 16% 0;
    }
}
/* スマホ */
@media screen and (max-width: 667px){
    #main_img .main_txt{
        padding: 0vh 12% 0;
    }
}

/*--------------------------------------------
 topcms_news_type4
----------------------------------------------*/

.topcms_news_type4 .cate_box {transition: all 0.3s;}
.topcms_news_type4 .cate_box:hover{
    transform: translate(0px, -10px);
    /*box-shadow: 0 10px 10px #ccc;*/
    /*border: 1px solid #fff;*/
}
.topcms_news_type4 .cate_box{
	width: 30.33333%!important;
	margin-right: 1.5%;
	margin-left: 1.5%;
	/*border-radius: 15px;*/
	background-color: #fff;
	padding: 0;
	box-sizing:border-box;
	/*border: 1px solid #ccc;*/
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
}
.topcms_news_type4 .cate_box .box_img1{
    /*border-radius: 15px 15px 0 0;*/

}
.topcms_news_type4 .txt_height{
	height: 3em
}
.topcms_news_type4 .box_title1:empty{
	display: block!important;
}
/* タブレット */
@media screen and (max-width: 768px){
}
/* スマートフォン */
@media screen and (max-width: 667px){
.topcms_news_type4 .cate_box {
    width: 100%!important;
    margin-bottom: 15px;
}
}
/*--------------------------------------------
 .v_type1
----------------------------------------------*/
.v_type1 .triangle {
    display: block;
    border: var(--color1) solid 2px;
}
.v_type1 .triangle:before {
    content: '';
    position: absolute;
    display: block;
    z-index: 1;
    border-style: solid;
    border-color: #FFF transparent;
    border-width: 13px 13px 0 0;
    bottom: -13px;
    left: 50%;
    margin-left: -9px;
}
.v_type1 .triangle:after {
    content: '';
    position: absolute;
    display: block;
    z-index: 0;
    border-style: solid;
    border-color: var(--color1) transparent;
    border-width: 15px 15px 0 0;
    bottom: -17px;
    left: 50%;
    margin-left: -11px;
}


/* --------------------------------------------
 リンクボタン 
---------------------------------------------*/
.linkStyle,a{
	color: var(--black);
	text-decoration: underline;
	transition: all 0.5s;
}
a{
    text-decoration: none;
}
.linkStyle:hover,a:hover{
	opacity: 0.7;
	text-decoration: none;
}
.pager li a{
    background-color: var(--color1)!important;
    color: var(--color3)!important;
    transition: all 0.7s
}
.pager li a:hover{
    background-color:var(--color2)!important;
    color: var(--color1)!important;
}
.cate_list li a{
    background-color: var(--color1);
    /*background: linear-gradient(90deg, var(--color3)5%, var(--color1)95%);*/
    color: var(--base);
    font-weight: bold;
    padding: 10px 20px;
    transition: all 0.8s;
}
/*#page10 ul li a{*/
/*    padding-top: 15px;*/
/*    padding-bottom: 15px;*/
/*}*/
.cate_list li a:hover{
    background-color:var(--color3);
    /*opacity: 0.7;*/
    transform: translateY(-5px);
}

/* タブレット */
@media screen and (max-width: 768px){}
/* スマホ */
@media screen and (max-width: 667px){}
/*--------------------------------------------
 バナー
----------------------------------------------*/
/* 閉じるボタン付き追従バナー */
.fix_banner{
	max-width: 55px;
	position: fixed;
	top: 50%;
	right: 37px;
	z-index: 5;
	transition: 0.8s;
	transform: translate(0%, -50%);
}
.fix_banner .close_bt{
	position: absolute;
	bottom: 57px;
    right: -15px;
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	transition: 0.8s;
	background-color: rgba(255,255,255,0.7);
	border: solid 1px #bbb;
	z-index: 11;
	cursor: pointer;
	display: none;
}
.fix_banner .close_bt:hover{opacity: 0.7;}
.fix_banner .close_bt span{
	position: relative;
	display: block;
	width: 30px;
	height: 30px;
}
.fix_banner .close_bt span:before,.fix_banner .close_bt span:after{
	content: "";
	display: block;
	background-color: #7c7c7c;
	height: 2px;
	width: 20px;
	position: absolute;
	top:50%;
	left: 50%;
}
.fix_banner .close_bt span:before{
	-ms-transform: translate(-50%,-50%) rotate(-45deg);
	-webkit-transform: translate(-50%,-50%) rotate(-45deg);
	transform: translate(-50%,-50%) rotate(-45deg);
}
.fix_banner .close_bt span:after{
	-ms-transform: translate(-50%,-50%) rotate(45deg);
	-webkit-transform: translate(-50%,-50%) rotate(45deg);
	transform: translate(-50%,-50%) rotate(45deg);
}
.fix_banner.close {opacity: 0;z-index: -1; filter: blur(10px);}
.fix_banner.close2{opacity: 0;z-index: -1;filter: blur(10px);}

@media  screen and (max-width: 768px){
.fix_banner{top: 43%;}
.fix_banner .close_bt{}
}

@media  screen and (max-width: 667px){
.fix_banner{
    top: 58%;
    right: 0px;
}
.fix_banner .close_bt{
    border-radius: 0px;
	width: 25px;
	height: 25px;
	bottom: auto;
	top: -27px;
	right: 0px;
	display: block;
}
.fix_banner .close_bt span{
	width: 25px;
	height: 25px;
}
}
/* 閉じるボタン付き追従バナー end */
/*--------------------------------------------
 色 ・　文字
----------------------------------------------*/
html,body,.font_10,.font_11,.font_12,.font_13,.font_14,.font_15{font-size: var(--font1);}
.font_2up{font-size: max(calc(var(--font1) + 2px), calc(1rem  + 2px));}
.font_4up{font-size: max(calc(var(--font1) + 4px), calc(1rem  + 4px));}
.font_2dw{font-size: max(calc(var(--font1) - 2px), calc(1rem  - 2px));}
.font_4dw{font-size: max(calc(var(--font1) - 4px), calc(1rem  - 4px));}
.font_6dw{font-size: max(calc(var(--font1) - 6px), calc(1rem  - 6px));}
#loading{z-index:12;}
.cms_bnr{
    width: min(50vw, 360px);
    display: block;
    box-shadow: 0px 3px 5px var(--color2);
    border-radius: 10px;
}

.cms_bnr a img{
    border-radius: 10px;
}


/* タブレット */
@media screen and (max-width: 768px){}
/* スマホ */
@media screen and (max-width: 667px){
    #page_title{background-position-x: 70%;}
}


/* color */
body, .txt_color_nomal, .hvr_txt_color_nomal:hover{color: var(--text);}

.linkStyle:hover{opacity: 0.7}

.txt_white, .hvr_txt_white:hover{color: white;}
.txt_red, .hvr_txt_red:hover{color: var(--red);}
.txt_gray{color: var(--color_gray)}
.txt_color1, .hvr_txt_color1:hover{color: var(--color1)} /* メインカラー */
.txt_color2, .hvr_txt_color2:hover{color: var(--color2)} /* サブカラー */
.txt_color3, .hvr_txt_color3:hover{color: var(--color3)} /* アクセントカラー1 */

/* background-color */
.bg_white, .hvr_bg_white:hover{background-color: white} /* 白背景 */
.bg_black, .hvr_bg_black:hover{background-color: var(--black)} /* 黒背景 */
.bg_gray{background-color: var(--color_gray)}
.bg_color1, .hvr_bg_color1:hover{background-color: var(--color1)} /* メインカラー */
.bg_color2, .hvr_bg_color2:hover{background-color: var(--color2)} /* サブカラー */
.bg_color3, .hvr_bg_color3:hover{background-color: var(--color3)} /* アクセントカラー1 */
.bg_color_clear, .hvr_bg_color_clear:hover{background-color: transparent!important}


/* border-color ※!important */
.border_white, .hvr_border_white:hover{border-color: white}
.border_black, .hvr_border_black:hover{border-color: var(--black)}
.border_gray{border-color: var(--color_gray)}
.border_color1, .hvr_border_color1:hover{border-color: var(--color1)}
.border_color2, .hvr_border_color2:hover{border-color: var(--color2)}
.border_color3, .hvr_border_color3:hover{border-color: var(--color3)}
.border_color4{border-color: var(--color2)}
#cms_2-f .cate_txt1{border-color: var(--color2)}