@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400&family=Noto+Sans+JP&display=swap');
body, .font_sans-serif,#aisatsu h2:before{font-family: 'Lato', 'Noto Sans JP', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;}

@font-face {
font-family: "learning";
src: url("../dup/img/learning.ttf") format("ttf"),url("../dup/img/learning.woff") format("woff"),url("../dup/img/learning.woff2") format("woff2");
}
#aisatsu h2:before,.contents_box p:before{font-family: "learning", serif!important;}



/* ロゴanim ---------------------------------------------------------------------------------------------*/
#fakeloader .fl{
	animation-name: loader;
	animation-duration: 1.5s;
	animation-timing-function: ease;
	animation-iteration-count: 1;
}
@keyframes loader {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
#logo2 img{max-width: 300px;}


/* color ---------------------------------------------------------------------------------------------*/
.linkStyle{color: #D2B48C;}
body,.txt_color_nomal{color: #6b6b6b;}
.txt_white{color: #5b5b5b;}
.txt_red{color: red;}
.txt_color1{color: #D2B48C} /* メインカラー */
.txt_color2{color: #d2b48c} /* サブカラー */
.txt_color3{color: #f4f1ea} /* アクセントカラー1 */
.txt_color4{color: #D2B48C} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #dec7a9} /* メインカラー */
.bg_color2{background-color: #dec7a9} /* サブカラー */
.bg_color3{background-color: #f4f1ea} /* アクセントカラー1 */
.bg_color4{background-color: #dec7a9} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}

/* border-color ※!important */
.border_color1{border-color: #D2B48C}
.border_color2{border-color: #dec7a9}
.border_color3{border-color: #f4f1ea}
.border_color4{border-color: #F2DDE3}

.hvr_txt_color_nomal:hover{color: #6b6b6b;}
.hvr_txt_white:hover{color: #5b5b5b;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #D2B48C} /* メインカラー */
.hvr_txt_color2:hover{color: #dec7a9} /* サブカラー */
.hvr_txt_color3:hover{color: #f4f1ea} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #dec7a9} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #D2B48C} /* メインカラー */
.hvr_bg_color2:hover{background-color: #dec7a9} /* サブカラー */
.hvr_bg_color3:hover{background-color: #f4f1ea} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #F2DDE3} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #D2B48C}
.hvr_border_color2:hover{border-color: #dec7a9}
.hvr_border_color3:hover{border-color: #f4f1ea}
.hvr_border_color4:hover{border-color: #dec7a9}
#page-top a{background-color: #dec7a9;}
#fakeloader{background-color: #e8d4ba;}



body, .txt_color_nomal,.header .txt_white,.effect.effect-1,#main_menu ul li a,#f_menu ul li a{color: #827a70!important;}
#wrap{background-color: #FFFAF0;color: #5b5b5b!important;}
#main_menu.fixed {background-color: rgba(240,238,237,0.84)!important;border: none}

#aisatsu > div {background-color: rgba(200,192,182,0.64)!important;position: relative}
#aisatsu > div::before{
	display: inline-block;
	content: "";
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	background: rgba(0,0,0,0);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	margin: auto;
	border: 1px solid #f4e6d2;
	z-index: 1;
	pointer-events: none;
}
.border_so1-r.border_so1-l.border_so1-b.pd_50px{border-color: #827a70;}

.contents_box {
    background-color: transparent;
    background-image: linear-gradient( 135deg, rgba(205,178,141,0.68) 0%, rgba(211,184,148,0.79) 100%)!important;
}
.contents_box h2 {text-shadow: 2px 2px 8px rgba(108,87,59,0.27);}
.contents_box .txt_white {color: #fff;}
/*.contents_box {
    background-color: transparent;
    background-image: linear-gradient( 135deg, rgba(232,219,202,0.68) 0%, rgba(219,193,157,0.68) 100%)!important;
}
.contents_box .txt_white {color: #6c573b;}*/
#info_map{background-color: rgba(240,238,237,0.84)!important;}



/* all ---------------------------------------------------------------------------------------------*/
.fas.fa-envelope.pd_r-10px.border_so1-r.border_color4{display: none;}
/*.width_1000-max {max-width: 1280px!important;}
.contents_img,.contents_box{width: 70%!important;}
.contents_box{margin-left: 30%!important;}*/

.bnr {
    width: 60%;
}

#main_menu.fixed ul li a .menu_sub_title{display: none}
#main_menu.fixed {
    padding-bottom: 19px;
    padding-top: 13px;
}

/*#aisatsu{max-width: 100%!important;}
#aisatsu h2,#aisatsu p{max-width: 1080px!important;margin: auto;}*/
#aisatsu h2 {
    margin: 0 auto 45px;
    letter-spacing: 3px;
    color: #fff;
    text-shadow: 2px 2px 8px rgba(108,87,59,0.47);
}
#aisatsu h2 {
	padding-top: 48px;
	position: relative;
}
#aisatsu h2:before {
    content: "a.ona";
    position: absolute;
    display: inline-block;
    top: -47px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    font-size: 77px;
    font-weight: 100;
    color: #fff;
}
#aisatsu p{color: #fff;}


.contents_box p{position: relative;z-index: 1;}
.contents_box p:before {
    content: "point 01";
    position: absolute;
    display: inline-block;
    bottom: 25px;
    right: 0;
    font-size: 130px;
    font-weight: 100;
    color: #cfb288;
    letter-spacing: 5px;
    z-index: -1;
    line-height: 0;
    opacity: 0.7;
}
#contents2 .contents_box p:before{content: "point 02";}
#contents3 .contents_box p:before{content: "point 03";}
.contents_box2::before,.contents_box2::after{background-color: #d3c3a9!important;}

#top_cms .cms_title h2::before, #top_cms .cms_title h2::after{background-color: #d3c3a9;}
.page_title h2{background-color: #fffaf0!important;}

#page10 li{padding-left: 0;padding-right: 0;}


#cms_5-b .cate_box .open_bt .arrow img, .cms_5-b .cate_box .open_bt .arrow img{background-color: #dec7a9;}
#cms_5-b .cate_box .open_bt .box_title1::before, .cms_5-b .cate_box .open_bt .box_title1::before{color: #eabfcb!important;}

.head_fix {
 	transition: 1s ease-in-out;
 	transform: translateY(-100%);
	opacity: 0;
}
.is-show {
	transform: translateY(0);
	opacity: 1;
}

/* IE */
@media all and (-ms-high-contrast: none){
.cate_list li a{padding-top: 12px;}
#cms_2-d .cate .cate_title{padding-top: 9px;}
.page_title h2{padding-top: 30px;}
#cms_1-e .date{padding-top: 9px;}
#cms_5-b .cate_box .arrow, .cms_5-b .cate_box .arrow{margin-top: -12px;}
}
	
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#f_menu ul li a{letter-spacing: 0px;font-size: 14px;}
.bnr {
    width: 54%;
    margin-top: 52px;
}
.contents_box p:before {
    bottom: 5px;
    right: -19px;
    font-size: 99px;
}
}

/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
#fakeloader .fl {width: 53%!important;}
#logo{padding-left: 0;margin-left: 25px;}
#logo2 {text-align: center;}
#logo2 img {max-width: 185px;}
	
.bnr{width: 90%;}
.overlay{background: #f4f1ea!important;}
.overlay ul li a{ color: #5b5b5b!important;}
.overlay ul li a.border_so1 {color: #b39771!important;}
.button_container span{background: #ad8f66;box-shadow: 2px 2px 2px rgba(0,0,0,0);}
.button_container.active .top,.button_container.active .bottom{background: #5b5b5b!important;}
	
#aisatsu > div::before{
	width: 100%;
	border: none;
	border-top: 1px solid #f4e6d2;
	border-bottom: 1px solid #f4e6d2;
}	
#aisatsu h2 {
    margin: 0 auto 45px;
    letter-spacing: 2px;
    padding-top: 48px;
}
.contents_box h2{text-shadow: 2px 2px 8px rgba(108,87,59,0.47);}
.contents_box p:before {
    bottom: 8px;
    right: -12px;
    font-size: 85px;
}
	
.page_title h2{width: 60%;font-size: -webkit-calc(1rem + 1px);font-size: calc(1rem + 1px);}
#page-top a{width: 40px;height: 40px;}

#info_map .txt_center_sp{text-align: left}
#copyright {
    font-size: 11px;
    text-align: left;
    padding-left: 10px;
}	
#page10 li a {
    padding-left: 0;
    padding-right: 0;
}
}