/* color
   ----------------------------------------------------------------- */

.txt_color1{color: #005ecc} /* サブカラー */
.txt_color2{color: #f8fbfb} /* サブカラー */
.txt_color3{color: #0086cc} /* アクセントカラー1 */
.txt_color4{color: #eefbff} /* アクセントカラー2 */

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


/* border-color ※!important */
.border_color1{border-color: #22b2e4}
.border_color2{border-color: #f8fbfb}
.border_color3{border-color: #0086cc}
.border_color4{border-color: #eefbff}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #686050;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #005ecc} /* メインカラー */
.hvr_txt_color2:hover{color: #f8fbfb} /* サブカラー */
.hvr_txt_color3:hover{color: #b78c14} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #eefbff} /* アクセントカラー2 */

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

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #22b2e4}
.hvr_border_color2:hover{border-color: #f8fbfb}
.hvr_border_color3:hover{border-color: #0086cc}
.hvr_border_color4:hover{border-color: #eefbff}
.linkStyle{color: #adacab;}

/* all
   ----------------------------------------------------------------- */
body,.txt_color_nomal{color: #777979;}
#fakeloader{background: linear-gradient(90deg, rgb(160, 222, 219),rgb(3, 165, 209));;}
.more a{color: #005ecc;}
.width_1000-max {max-width: 1200px;}
.border_db1-t,.border_so1-b,.border_db2-r{border-color: #dfe2e2}

.cate_list li{border-color: #22b2e4;}

/* header
   ----------------------------------------------------------------- */
#header_nav li a{color: #005ecc;}
#logo{margin: 20px auto;}
.logo{text-align: center;}


/* top contents
   ----------------------------------------------------------------- */
.contact-bn{text-align: center;}
.contact-bn .ttl{background: #22b3e4; color: #fff; padding: 5px 0px; }
.contact-bn .ttl p{position: relative; display: inline-block;}
.contact-bn .ttl p::after,.contact-bn .ttl p::before{content: ""; background-image: url(./Dup/img/sr.png); width: 20px; height: 28px; position: absolute; z-index: 1; top: 8px;}
.contact-bn .ttl p::after{left: -50px;}
.contact-bn .ttl p::before{right: -50px; transform: rotateX(180deg)}
.contact-bn .bn{background: #ededed; padding: 20px 0px 30px;}
.contact-bn .bn img{max-width: 824px; width: 90%;}

#contents .box_wrap .more a{
	width: 95%;
    margin: 0 auto;
    border: 2px solid #0086cc;
    border-radius: 50px;
    background: #fff;
	color: #0086cc;
}
#contents .box_wrap .more a:hover{ color: #72d2e8;border: 2px solid #72d2e8;}

.top_cms_box .cms_6-b .cate_box:first-of-type{border-top: none;}
.cms_box_wrap .cms_box p{border-radius: 5px 5px 0px 0px; padding: 8px 0px 5px;font-size: 22px;   font-weight: bold;}
.cms_box_wrap .cms_box:nth-of-type(1) p{background: #22b3e4;}
.cms_box_wrap .cms_box:nth-of-type(2) p{background: #24e29e;}
.cms_box_wrap .cms_box:nth-of-type(3) p{background: #fc476a;}
.cms_box_wrap .cms_box:nth-of-type(4) p{background: #f9d748;}

.top_background{
	background-image: url(./Dup/img/back_1.jpg);
	height: 300px;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}

/* footer
   ----------------------------------------------------------------- */
.contact-bn-f img{ max-width: 950px;}
footer.bg_color2{background-color:#fff;}
.footer_cms {background: url(./Dup/img/footer_bg.jpg);padding-top:200px;background-size:100% auto;background-position:top center;}
.footer_cms .txt_white{color:#005ecc;}
#copyright{color: #005ecc;}
#copyright a{color: #005ecc;}


/* otherpage
   ----------------------------------------------------------------- */
#page_title{position: relative;}
#page_title::before{
	position: absolute;
	top: 20px;
	left: -50px;
	z-index: -1;
	content: "";
	background-image: url(./Dup/img/titile_icon.png);
	background-size: contain;
	width: 80px;
	height: 81px;
	opacity: 0.6;
}
#page8 #form_box #form_bt div{color: #005ecc;}
#page8 #form_box #form_bt div:hover{color: #fff;}

@media screen and (max-width: 768px){
	#page_title{width: 80%;}
	main .width_1000-max{width: 90%;}
	.top_background {
    height: 200px;
    background-size: cover;
	}
}

@media screen and (max-width: 667px){
	.contact-bn .bn img{max-width: 320px;}
	.contact-bn .ttl p::after,.contact-bn .ttl p::before{ display: none;}
	#logo {    margin: 20px auto 20px 0px; width: 100px!important;}
	#logo2{
	width: 160px;
    margin: 0 auto 30px;
	}
	#header{background: #e4f7f7;}
	.drawer-hamburger-icon::after, .drawer-hamburger-icon::before{background-color: #22b2e4!important;}
		.top_background {
    height: 100px;
	}
	#page_title::before {	
		top: -20px;
	left: -30px;
    width: 67px;
    height: 68px;
	}
	.footer_cms{background-size: cover;}
}
@media all and (-ms-high-contrast:none){
.cms_box_wrap .cms_box p{ padding: 14px 0px 5px;}

}

/* 2020/10/08　修正
   ----------------------------------------------------------------- */
#map {
display:none;
}
#footer .box ul {
width:90%!important;
display:flex;
justify-content:space-around;
}
#footer .box ul li {
padding-bottom:0px;
}
@media screen and (max-width: 667px){
#footer .box ul {
display:none;
}
}