﻿/*--------リンク・フォント--------*/
.linkStyle{color: #333333; text-decoration: underline;}

@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 400;
    src: url('../Dup/NotoSans_r.woff') format('woff'),
        url('../Dup/Notosans_r.eot')  format('eot');
    font-display: swap;
}
@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 700;
    src: url('../Dup/Notosans_bold.woff') format('woff'),
        url('../Dup/Notosans_bold.eot')  format('eot');
    font-display: swap;
}
@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 900;
    src: url('../Dup/NotoSans_black.woff') format('woff'),
        url('../Dup/notosans_black.eot')  format('eot');
    font-display: swap;
}

body{font-family: "NotoSans","游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}



/*--------全体--------*/
.shadow-l{box-shadow: none;}
.shadow{box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;}
#menu_bt,
#scroll,
#top_return{background-color: #cce260;}
header h1.grid_6 {
    width: 30%!important;
}
#pc_tel a{
color: transparent;
	background : rgba(0,0,0,1);
	text-shadow : 
		0 0 0.1em rgba(255,255,255,0.05),
		0.01em 0.04em 0.03em rgba(255,255,255,0.4);
	-webkit-background-clip : text;
}
#footer_txt{
box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
color: #1f1f1f;
}
#footer_txt a{
color: #1f1f1f;
}
.pc_intro_inner{box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;}
#pc_intro .pc_intro_inner img {
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	max-width: inherit;
}
.add_con1 .con_img{    margin-left: auto;}
.add_con1 img{box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;}
.add_con1 .con_box{
    margin-top: -150px;
    margin-left: 10%;
background-color: rgba(220, 220, 220, .85);
box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
}

#contents{
z-index: 0;
padding: 0!important;
background-position: 83% 50%!important;
}

@media screen and (min-width:769px) and (max-width:1200px) {
#contents .box_txt {
    width: 100%!important;
    background-color: rgba(230,241,175,0.6);
}
}
#contents .box_txt {
    margin-left: auto;
}
#contents h3{
	margin-bottom: 30px!important;
	background-color: #bdbdbd;
	padding: 0px 0px 0px 10px;
	box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;
}
#pc_news{
	box-shadow: rgb(0 0 0 / 10%) 0px 10px 50px;
	padding-top:30px;
}
#copyright,
#copyright a{color: #1f1f1f;}
#top_header .tel_bt a.bg_color3,
#top_header .intro_bt a.bg_color3 {background-color: #efefef;}

/*--------下層--------*/
main.bg_color2 { background-color: #fbfbfb;}
#page_title.bg_color1{background-color: #e4efaf;}

.cate_list li a{color: #333;}
.pager li a{color:#333;}
#cms_3-c .cate{background-color: rgba(255,255,255,0.5);}
#cms_5-b .cate_box .open_bt .box_title1::before { color: #333333!important;}
#cms_5-b .cate_title{background-color: #a7a7a7;}
#cms_5-b .cate_box .open_bt .arrow img.bg_color1 {background-color: #c3d889;}

#page8 .tel_box{
    position: relative;
    overflow: hidden;
}
#page8 .tel_box > a:before{
    content:"";
    position: absolute;
    width:100vw;
    height:100vh;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    left:50%;
    top:50%;
}
@media screen and (max-width: 1200px){
    #page8 .tel_box p{
        display: block;
        padding-right: 0px;
        margin-right: 0px;
        border-right: none;
        
    }
}
#page10 ul li a { color: #333;}





/*--------タブレット--------*/
@media screen and (max-width: 768px){
#main_menu{background-color:rgba(255,255,255,0.8)!important;}
#page_container{background-color:rgba(251,251,251,0.85)!important;}
.add_con1 .posi_abs {
    top: 15%;
    bottom: auto;
    right: 0; 
}
.add_con1_txt { 
    margin-left: -50px;
}
#intro_wrap #intro_txt.txt_white,
#intro_wrap .txt_white{color: #333333;}

#news{background-color: #ababab;}
#pc_news .box.border_color2{border-color: #636363; }
#main_menu p {background-color: #636363; }


#page_title.bg_color1 {
    background-color: rgba(228, 239, 175, .8);
}
#cms_2-c .box_txt1.bg_color5{ background-color: #daec8c;}
#cms_3-c .cate {
    background-color: rgba(255,255,255,0.85);
}
#cms_5-b .cate {
    background-color: rgba(255,255,255,0.85);
}
}
	
	
	
/*--------スマートフォン--------*/
@media screen and (max-width: 667px){
#contents h3 {
    margin-bottom: 20px!important;
    padding: 5px 0px 5px 10px;
}
#contents { 
    background-position: 35% 50%!important;
}
#contents .box_txt {
    background-color: rgba(230, 241, 175, .35)!important;
}
.add_con1_txt {
    margin-left: 0px;
}
.add_con1 .con_box {
    margin-top: 0px;
    margin-left: 0;
}
#page8 #contact_box { 
    padding: 20px 0px;
}
#page8 .tel_box:nth-of-type(2) a{font-size: 4.2vw;}
}


/*--------------------------------------------
IE
--------------------------------------------*/
@media all and (-ms-high-contrast:none){

#pc_tel a{
color: #333;
	background : none;
	text-shadow : 
		0 0 0.1em rgba(255,255,255,0.05),
		0.01em 0.04em 0.03em rgba(255,255,255,0.4);
	-webkit-background-clip : text;
}
}









/* color */
body,.txt_color_normal{color: #333333;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #eaf99a} /* メインカラー */
.txt_color2{color: #dee6ae} /* サブカラー */
.txt_color3{color: #dcdcdc} /* アクセントカラー1 */
.txt_color4{color: #f1f1f1} /* アクセントカラー2 */
.txt_color5{color: #a0bf20;}

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #f1f1f1} /* メインカラー */
.bg_color2{background-color: #e6f1af} /* サブカラー */
.bg_color3{background-color: #dcdcdc} /* アクセントカラー1 */
.bg_color4{background-color: #f1f1f1} /* アクセントカラー2 */
.bg_color5{background-color: rgba(255,255,255,0.7);}
.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_color1{border-color: #c8d28d}
.border_color2{border-color: #dee6ae}
.border_color3{border-color: #dcdcdc}
.border_color4{border-color: #f1f1f1}
.border_color5 { border-color: #989898;}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_normal:hover{color: #333333;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #a4bf32;} /* メインカラー */
.hvr_txt_color2:hover{color: #dee6ae} /* サブカラー */
.hvr_txt_color3:hover{color: #dcdcdc} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #f1f1f1} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #c8d28d} /* メインカラー */
.hvr_bg_color2:hover{background-color: #dee6ae} /* サブカラー */
.hvr_bg_color3:hover{background-color: #dcdcdc} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #f1f1f1} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}


/* border-color ※!important */
.hvr_border_color1:hover{border-color: #c8d28d}
.hvr_border_color2:hover{border-color: #dee6ae}
.hvr_border_color3:hover{border-color: #dcdcdc}
.hvr_border_color4:hover{border-color: #f1f1f1}

