@charset "utf-8";
/* CSS Document */
@font-face {font-family: "ap2";src: url("./Dup/css/ap2.ttf") format("ttf"),url("./Dup/css/ap2.woff") format("woff"),url("./Dup/css/ap2.woff2") format("woff2");}

/* color
   ----------------------------------------------------------------- */
body{background: #fbfcfc;}
body, .txt_color_nomal {    color: #4c4c4c;}
.txt_color1 {    color: #736a4f;}
.txt_color2 {    color: #5fc0d6;}
.txt_color3 {    color: #5fc0d6;}
.txt_color4 {    color: #33a4c5;}

.bg_color1{background-color: #d2f1f3} /* メインカラー */
.bg_color3{background-color: #5fc0d6} /* メインカラー */

.border_color1{border-color: #00808e}
.border_color2{border-color: #33a4c5}
.border_color3{border-color: #5fc0d6}
.border_color4{border-color: #33a4c5}

.hvr_bg_color1:hover{background-color: #00808e} /* メインカラー */
.hvr_bg_color3:hover{background-color: #5fc0d6} /* メインカラー */
.hvr_bg_color4:hover{background-color: #33a4c5} /* メインカラー */



/* all
   ----------------------------------------------------------------- */
body,#wrap.font_serif{font-family:"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#intro_txt h2,#contents h3,#top_cms .cms_title h2,#top_cms .cms_title p,#header_menu a span,#page_title h2,#page_title p{font-family:"ap2","游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}


#logo2{width: 150px;}
.more a{color: #736a4f;border: 2px solid #5fc0d6;background: #fbfcfc;}
.more a:hover{background: #5fc0d6;}
.toggle span{    border-color: #614e25;}
.toggle.active span:nth-child(1){border-bottom: solid 3px #614e25;}
.toggle.active span:nth-child(2), .toggle.active span:nth-child(3){border-bottom: solid 3px #614e25;}
.global_nav .nav_li a.txt_white{color: #614e25;}
.global_nav .nav_li a.txt_color4{color: #5fc0d6;}
.global_nav .tel_txt{color: #5fc0d6;}
.sns_links{
	position: absolute;
    top: 12px;
    right: 80px;
	margin-bottom: 10px;
	width: 450px;
	justify-content: flex-end;
}
.sns_links li{ margin-left: 5px;}
.global_nav .tel{
display: none;
}

/* header
   ----------------------------------------------------------------- */
.nami.txt_color1{display: none;}
#header > .bg_color1 {
	/*background: linear-gradient(to bottom, rgba(164, 224, 235, 0.8),transparent);*/
	background: #f8ffff;
    border-bottom: #d2f1f3 solid 3px;
    margin-bottom: 40px;
}
#header #logo {    padding: 30px 0px;}
#header #logo a img{width: 180px!important; vertical-align: baseline;}
.h_tel .tel_mark{background: #f8ffff;}
.h_tel .h_tel_bt{border: solid 1px #5fc0d6;background: #5fc0d6;}
.ttl,.ttl::before,.ttl::after,.ccn:before,.ccn:after{background: #5fc0d6;}
.ccn{color: #5fc0d6;}
.h_tel .tel_txt{color: #f8ffff;}
#header_menu .nav_title{font-size: 20px;}
#header_menu .sab_title{font-size: 18px;}

/* contents
   ----------------------------------------------------------------- */
#intro_txt .intro_img{
	    width: 360px;
    margin: 0 auto 30px;
}
#intro_txt h2{font-size: 30px;}
#contents .box .d_table-cell h3{
	font-size: 20px;
    color: #ffffff;
    border-radius: 10px;
    background: linear-gradient(20deg,#5fc0d6,#a4e0eb);
}
#top_cms .cms_title .title_bg{background: #d2f1f3;}
#top_cms .cms_title h2{ color: #736a4f;}


/* footer
   ----------------------------------------------------------------- */
.fooer-bn{    margin-bottom: -80px;}
.fooer-bn .bn{
	width: 48%;
}
.fooer-bn .bn:first-of-type{margin-right: 4%;}
footer{padding-top: 100px;}
#footer{padding: 50px 0px 0px;}
.foot_nami.txt_color1{color: #d2f1f3;    margin-bottom: -10px!important;}
#info p{color: #736a4f;}
.foot_page li a{color: #736a4f;}
.foot_page li a:hover{color: #736a4f; opacity: 0.6;}
.foot_page li {    border-right: solid 1px #736a4f;}
#copyright{color: #736a4f;}




/* cms
   ----------------------------------------------------------------- */
.cate_list li a:hover{background: #71d397;}
#cms_3-b .cate_title{color: #614e25;}
#cms_6-c .box_txt_wrap{border: 1px solid #e5e6dc;}



/* cms
   ----------------------------------------------------------------- */
#submit input{border: none; color: #614e25;}
#submit input:hover{color: #fff;}


@media screen and (max-width: 768px){
	.toggle {
    position: absolute;
    right: 10px;
		top: 10px;
	}
	#logo2{width: 100%; margin: 50px 0px;}
	#logo2 a img{max-width: 150px;}
#header #logo {padding:  17px 0 10px;}
	#header #logo a img {width: 100px!important;}
	#intro_txt h2{font-size: 18px;} 
}
@media screen and (max-width: 667px){
	#header #logo a img {    width: 100px!important;}
	#intro_txt .intro_img {		width: 90%;}
	#contents .box .d_table-cell h3{width: 100%;box-sizing: border-box; margin: 0px;}
	.fooer-bn {
    margin-bottom: 0px;
}
#footer {
    padding: 0px;
}
	.fooer-bn .bn{
	width:100%;
		margin: 0px 0px 20px 0px;
}
}
/*====================================
  	IE環境の設定
====================================*/
@media all and (-ms-high-contrast:none){

}