/* all page */
/* color */
.txt_color_nomal{color: #333333;}
.txt_color1{color: #87cefa;} /* メインカラー */
.txt_color2{color: #FFD18F} /* サブカラー */
.txt_color3{color: #eeae92;} /* アクセントカラー1 */
.txt_color4{color: #eeeeee} /* アクセントカラー2 */

/* background-color */
.bg_color1{background-color: #87cefa;} /* メインカラー */
.bg_color2{background-color: #FFD18F} /* サブカラー */
.bg_color3{background-color: #f1c5b2;} /* アクセントカラー1 */
.bg_color4{background-color: #eeeeee} /* アクセントカラー2 */

/* border-color ※!important */
.border_color1{border-color: #87cefa;}
.border_color2{border-color: #f1c5b2;}
.border_color3{border-color: #f1c5b2;}
.border_color4{border-color: #eeeeee}

.hvr_txt_color1:hover{color: #87cefa;}
.hvr_txt_color3:hover{color: #f1c5b2;}
.hvr_bg_color1:hover{background-color: #f1c5b2;}
.hvr_bg_color3:hover{background-color: #f1c5b2;}
.hvr_bg_color4:hover{background-color: #87cefa;}


#header #logo .logo a img{
	width: 100% !important;
}

.linkStyle{
    color: #333;
    text-decoration: underline;
}

/* top ----------------*/

/* header */
#header .before {
	background-color: #f1c5b2;
}

/* intro */

/* contents */
#top_contents2{
	background-image: linear-gradient(to top, #fff1eb 0%, #ace0f9 100%);
	padding: 280px 0;
    margin-top: -130px;
    margin-bottom: 50px;
	position: relative;
}
#top_contents2::before{
	content: "";
	background: linear-gradient(180deg,#fff 0,rgba(255,255,255,.963) 16.6%,rgba(255,255,255,.923) 30.4%,rgba(255,255,255,.88) 41.5%,rgba(255,255,255,.833) 50.4%,rgba(255,255,255,.783) 57.5%,rgba(255,255,255,.729) 63%,rgba(255,255,255,.67) 67.3%,rgba(255,255,255,.606) 70.8%,rgba(255,255,255,.538) 73.7%,rgba(255,255,255,.464) 76.5%,rgba(255,255,255,.384) 79.5%,rgba(255,255,255,.298) 83%,rgba(255,255,255,.206) 87.3%,rgba(255,255,255,.106) 92.9%,rgba(255,255,255,0));
	width: 100%;
	height: 20vh;
	position: absolute;
	top: 0vw;
}
#top_contents2::after{
	content: "";
	background: linear-gradient(0deg,#fff 0,rgba(255,255,255,.963) 16.6%,rgba(255,255,255,.923) 30.4%,rgba(255,255,255,.88) 41.5%,rgba(255,255,255,.833) 50.4%,rgba(255,255,255,.783) 57.5%,rgba(255,255,255,.729) 63%,rgba(255,255,255,.67) 67.3%,rgba(255,255,255,.606) 70.8%,rgba(255,255,255,.538) 73.7%,rgba(255,255,255,.464) 76.5%,rgba(255,255,255,.384) 79.5%,rgba(255,255,255,.298) 83%,rgba(255,255,255,.206) 87.3%,rgba(255,255,255,.106) 92.9%,rgba(255,255,255,0));
	width: 100%;
	height: 20vh;
	position: absolute;
	bottom: 0vw;
}

/* topcms */
.top_cms_title .before, .top_cms_title .after, .top_info_title .before, .top_info_title .after {
    width: 20px;
    height: 20px;
	border: none;
	border-radius: 50%;
}
.top_cms_title .before, .top_info_title .before{
    background-color: #87cefa;
    top: 50%;
    transform: translate(0%,-50%);
}
.top_cms_title .after, .top_info_title .after{
    background-color: #f1c5b2;
    top: 50%;
    transform: translate(0%,-50%);
}
.top_cms_box .top_cms_title{
	margin-bottom: 50px;
}
.date{
	color: #eeae92;
}


/* contact_box */
#top_contact_box .top .box {
    background-color: rgba(135,206,250,0.84);
}
#top_contact_box .bottom .box {
    background-color: rgba(241,197,178,0.9);
	/*background-color: transparent;
	background-image: linear-gradient(to top, #fff1eb 0%, #ace0f9 100%);*/
}
#top_contact_box .tel_bt {
    background-color: rgba(135,206,250,0.30);
}
#top_contact_box .btn_box{
    margin-bottom: 0;
}

/* footer */

/* under page */

/* cms1 */
.pager a{
	color: #eeae92;
}

/* cms2 */

/* cms3 */

/* cms4 */

/* cms5 */

/* page7 */

/* page8 */

/* page9 */

/* page10 */


/* IE */
@media all and (-ms-high-contrast: none){
    #top_cms .more a{
        padding: 15px;
        padding-top: 20px;
    }
}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
	#fix_menu {
		padding: 55px 0 55px;
	}
	#logo {
		height: 110px;
	}
	#logo h1.logo {
		max-width: 120px;
	}
	#header #logo .logo a img {
		width: 80% !important;
	}
	
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
	#fix_menu {
		padding: 40px 0 50px;
	}
	#logo {
		height: 95px;
	}
	#logo h1.logo {
		max-width: 110px;
	}
	.overlay.open {
		padding-bottom: 0;
	}
	.overlay nav {
		padding-bottom: 0;
	}
	
}


/*20210924公開後修正*/
.tel_txt{
    font-size: 11px;
    position: absolute;
    bottom: -18px;
    right: -15px;
}
#header-nav{margin-top: 45px;}

/*20210925公開後修正*/
.tel_txt{
    font-size: 13px;
    font-weight: lighter;
    position: inherit;
    margin-top: 5px;
}
#header-nav{margin-top: 30px;}

/*20210927公開後修正*/
.contact_box .tel_bt{
    font-size: -webkit-calc(1rem + 7px);
    font-size: calc(1rem + 7px);
}
.contact_box .tel_bt a {color: #f85c3f;}

/*20220905公開後修正*/
#fix_menu .sns_links li {width: 40px;}

/*20220905公開後修正*/
.sns_links_tb li {width: 80px;}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.tb_sns_wrap .sns_links_tb li {width: 45px;}

}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.foot_sns.tb_sns_wrap .sns_links_tb li {width: 30px;}
}