/*--------フォント・リンク--------*/
.font_serif{font-family: "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif!important;}
.linkStyle{color: #333333; text-decoration: underline;}


/*--------全体--------*/
.main_bg{
    background-size: 40px 40px;
    margin: 0 auto;
    background-image: radial-gradient(#f9f7c4 5%, #feffef 10%);
}
#header nav{background-color: #fbfad2;}
#intro{
background-color: #efb07e;
    background-image: url(./Dup/img/back_con1.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
#intro .intro_title{display:none;}
#intro h3{font-size: calc(1rem + 17px);    color: #2f2f2f;}
#intro p{font-size: calc(1rem + 0px);    text-align: center;    color: #484444;}
#contents1_txt h3{font-size: 27px;}
#contents2 h3,#contents2_2 h3{font-size: 27px;}
#contents2{
    background-image: url(./Dup/img/back_con2.png);
    background-repeat: no-repeat;
    background-position: -8% -9%;
}
#contents2_2{
    background-image: url(./Dup/img/back_con2_2.png);
    background-repeat: no-repeat;
    background-position: 72% -15%;
}

/*--------下層--------*/
#cms,#page07,#page08,#page09,#page10,#tel_contact{
 background-size: 40px 40px;
    margin: 0 auto;
    background-image: radial-gradient(#f9f7c4 5%, #feffef 10%);
}
.cms_6-b .cate_box:first-of-type,#cms_6-b .cate_box:first-of-type{border-top: 1px solid #866d57;}
.cms_6-b .cate_box, .cms_6-b .cate_box .box_txt1, .cms_6-b .cate_box .box_txt2 { border-color: #866d57;}
#cms_6-b .cate_box, #cms_6-b .cate_box .box_txt1, #cms_6-b .cate_box .box_txt2{border-color: #866d57;}
#cms_5-a .cate .cate_title{padding-left: 18px;}
#cms_5-a .cate .cate_title i{display: none;}
#cms_5-a .cate .box_wrap{display: block;}




/*--------タブレット--------*/
@media screen and (max-width: 768px){
#header img{max-width: 220px;}
#intro h3 { font-size: 4.2vw;}
#intro p {font-size: 1.7vw;}

#page07 .box:nth-of-type(9) p{font-size: 16px;}
#tel_contact .width_1280-max { max-width: 550px;}
#page10 ul li a .sub_title{    background-color: #f9f7b9;}
}

/*--------スマートフォン--------*/
@media screen and (max-width: 667px){
#header img { max-width: 170px; }
#intro h3 { font-size: 5.6vw;}
#contents1_txt h3 { font-size: 5.5vw;}
#intro p { font-size: 3.5vw;text-align: left;}
}


/*--------------------------------------------
IE
--------------------------------------------*/
@media all and (-ms-high-contrast:none){
#intro{height:100%;}
}