@charset "utf-8";
/* CSS Document */

.font_serif{font-family: YuGothic, "Yu Gothic", "ＭＳ ゴシック", "MS Gothic", sans-serif;}

/*デザインチェック後修正*/
.cate_list li:not(:first-child):not(:nth-child(4n + 1))::before{background-color: #72adf7;}
.cate_list{border-bottom: #72adf7}
.cate_list li a,.menu_stick.txt_white{color: #72adf7;}
.cate_title{color: #007aff;}
#header h1.height100per{max-height: 45px;}
#wrap .bnr_wrapper{
	
	transition: opacity 0.3s;
}
#wrap .bnr_wrapper:hover{
	opacity: 0.8;
}

@media screen and (max-width: 768px){
header .menu_stick {
    top: 30px;
}
	#header .width_200-max_sp{max-width: 160px}
}
/* color */
body,.txt_color_nomal,#contents4 .con_txt{color: #51545F!important;}
.txt_white,#page-top p{color: white;}
.txt_red{color: red;}
.txt_color1{color: #989498} /* メインカラー */
.txt_color2{color: #9a9a9a} /* サブカラー */
.txt_color3{color: #4d4d4d} /* アクセントカラー1 */
.txt_color4{color: #848282} /* アクセントカラー2 */
#sp_nav .tel_bt{color: #8fb5e2;}
#sp_nav .txt_color_nomal{color: #51545F!important;}
#top_info .con_title{color: #b0cff1;}
#top_info .con_box a,.under_box.page9 p a,.page9 h3,#pc_nav a,.linkStyle{color: #72adf7;}
.txt_shadow_h{text-shadow: none}
#under_page .box_title1{color: #f9bbbb;}
#under_page .txt_color2,#cms_4-a .cate_list li a,#footer #page-top p,#copyright a{color: #72adf7!important;}
#top_cms h2,#top_cms .cate_box{color: #5d97ad!important;}

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: transparent} /* 黒背景 */
.bg_color1{background-color: #fff} /* メインカラー */
.bg_color2{background-color: #f2f2f2} /* サブカラー */
.bg_color3{background-color: #cde5f3} /* アクセントカラー1 */
.bg_color4{background-color: #dddddd} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}
.under_box.page9 p a:hover{
	background-color: #72adf7;
	color: #fff;
	border-color: #72adf7;
}
#pc_nav a{text-shadow: none}
#pc_nav a::before{background-color: #72adf7;}
#cms_5-a .cate .cate_title{
	border-radius: 10px;
	background-color: #72adf7;
	color: #fff;
}
#cms_5-a .box_wrap{border-color: transparent}
.bg_color1{
	/*background: url(Dup/img/bg_main.jpg);*/
}
#header{background: transparent!important;}

#contents1 .con_box,#top_info .con_box{
	background-color: rgba(255,255,255,0.95);
	border-radius: 5%;
	box-shadow: -5px 3px 10px rgba(0,0,0,0.05);
}

/*liner-gradient*/
.con_box::before{width: 10px;}
#contents1 .con_box{box-shadow: -4px 3px 10px 0px #f3d3be}
#contents1 .con_box:before{background: linear-gradient(to right, transparent, rgba(251,187,143,1))}
#contents2 .con_box{
	background: linear-gradient(to right, rgba(249,134,165,0), #ffcfcf);
}
#contents2 .con_box:before{background: linear-gradient(to right, rgba(255,142,172,1), #ffffff);}
#contents3 .con_box{background: linear-gradient(to right, rgba(161,210,196,0.8), transparent)}
#contents3 .con_box:before{background: linear-gradient(to right, rgba(118,210,130,0.8), transparent);}

#sp_nav{
	background-image: linear-gradient( -45deg, #fff4b8 15%, #fff 15%, #fff 50%, #fff4b8 50%, #fff4b8 65%, #fff 65%, #fff );
	background-size: 10px 10px;
}
#contents1 figure,#contents4 figure,#contents4 a:hover{border-radius: 5%}

#contents4 .con_bg_img{
	border-radius: 5%;
	background-color: #d6e4f7;
}

#contents4 a .con_txt::before,header .scroll_d span,.cms_title::before,#page-top .scroll_u span::before{background-color: #f7abec;}

.border_color1{border-color: #0c7189}
.border_color2{border-color: #f2f2f2}
.border_color3{border-color: #e4e3e3}
.border_color4{border-color: #dddddd}
#under_box.page9 p a:hover,#cms_4-a .cate_list{border-color: #72adf7;}
#under_page .info_box .d_flex:first-of-type{border-top: solid 1px #f2f2f2;}

/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #333333;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #890c15} /* メインカラー */
.hvr_txt_color2:hover{color: #f2f2f2} /* サブカラー */
.hvr_txt_color3:hover{color: #4d4d4d} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #dddddd} /* アクセントカラー2 */

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


/* border-color ※!important */
.hvr_border_color1:hover{border-color: #890c15}
.hvr_border_color2:hover{border-color: #f2f2f2}
.hvr_border_color3:hover{border-color: #4d4d4d}
.hvr_border_color4:hover{border-color: #dddddd}


/*border-radius*/
#under_page .under_box{border-radius: 30px;}
#under_page .box_wrap{background-color: #fff; border-radius: 2%;}

#under_page .box_wrap{border-radius: 0 0 2% 2%}


/*Q&A*/
/*#cms_5-a .box_wrap{border: none;}*/


#under_page .under_box{
	box-shadow: 3px 2px 10px rgba(233,186,249,0.4);
	background-color: #fff;
}

#top_cms{position: relative;}
#top_cms:before{
	content: "";
	display: block;
	background: url(Dup/img/wave.png)repeat-x center top;
	width: 100%;
	height: 20px;
	position: absolute;
	top: -20px;
}
#top_cms:after{
	content: "";
	display: block;
	background: url(Dup/img/wave.png)repeat-x center bottom;
	width: 100%;
	height: 20px;
	position: absolute;
}

/*top_info*/
#top_info .con_box:before{background: linear-gradient(to right, rgba(148,188,238,1), #eab7df);}
#top_info .con_box{box-shadow: 2px 2px 10px 0px #3a84df}

.sitemap_box a{color: #72adf7;}
.sitemap_box .more a::before{
	border-top: solid 1px #72adf7;
	border-right: solid 1px #72adf7;
}
.sitemap_box .more a::after{
	border-bottom: solid 1px #72adf7;
	border-left: solid 1px #72adf7;
}
.bnr_wrapper{
	    top: 100px;
    right: 40px;
}
#pc_nav a,#contents2 p.con_txt,#contents3 p.con_txt,#contents2 h2,#contents3 h2{
	text-shadow: 1px 1px 2px black;
    color: #fff;
    font-weight: bold;
}
#contents3 h2,#contents3 p.con_txt{
	color: #111;
	font-weight: bold;
	text-shadow: none;
}

.page4 input[type="text"]{
	padding: 10px;
    border-radius: 5px;
}
.page4 input[type="button"]{
	padding: 10px;
    background-color: #88b7fa;
    letter-spacing: 3px;
    border: 1px solid #72adf7;
    border-radius: 5px;
    color: #fff;
}

#contents2 p.con_txt,#contents3 p.con_txt{font-size: calc(1.1rem);}
#top_info .con_box a,#sp_nav .tel_bt{display: none;}
#form_box dl input, #form_box dl textarea{
background-color: rgba(0,0,0,0.1);
    color: #333;
}
#form_area .mail .txt_white{color: #333;}
#end_message,#error_message{color: #51545f!important;}
/*--------------------------
タブレット
--------------------------*/
@media screen and (max-width: 768px){
	#sp_nav nav{background-color: rgba(255,255,255,0.8);}
#contents2 figure img{
	left: 56%;
	opacity: 0.7;
}
#contents3 figure img{
	left: 40%;
	opacity: 0.7;
}
	.bnr_wrapper{
		top: 65px;
		max-width: 200px;
}
}

/*ここからスマホ用（750px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width: 667px){
	#contact_tel a{
		padding: 25px;
	}
	#news_list #list0{
		display: flex;
		align-items: center;
	}
	#contents2 figure img{
		left: 109%;
	}
	#contents3 figure img{
		left: 0;
		opacity: 0.3;
	}
	.bnr_wrapper{
		top: 545px;
		left: 50%;
		transform: translateX(-50%);
	}
        #contents2 p.con_txt, #contents3 p.con_txt {
    font-size: calc(1rem);
}
.bnr_wrapper{
	top: 65px;
        max-width: 130px;
	right: -125px;
	
}
.page4 input[type="text"]{
	padding: 10px;
    border-radius: 5px;
}
.page4 input[type="button"]{
	padding: 20px;
  
}

}