@charset "utf-8";
/* CSS Document */
/* color */
body,.txt_color_nomal{color: #333333;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #EF8FB0} /* メインカラー */
.txt_color2{color: #FFB1C6} /* サブカラー */
.txt_color3{color: #BC6680} /* アクセントカラー1 */
.txt_color4{color: #FFd5EC} /* アクセントカラー2 */

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


/* border-color ※!important */
.border_color1{border-color: #FFd5EC}
.border_color2{border-color: #FFB1C6}
.border_color3{border-color: #BC6680}
.border_color4{border-color: #FFd5EC}


/* 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: #FFd5EC} /* メインカラー */
.hvr_txt_color2:hover{color: #FFB1C6} /* サブカラー */
.hvr_txt_color3:hover{color: #BC6680} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #FFd5EC} /* アクセントカラー2 */

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

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #FFd5EC}
.hvr_border_color2:hover{border-color: #FFB1C6}
.hvr_border_color3:hover{border-color: #BC6680}
.hvr_border_color4:hover{border-color: #FFd5EC}

.back1:before {
	background-color: rgba(255,177,198,0.1);
}

#main_img:before {
    background-color: rgba(175,175,175,0.5);
}
#intro_wrap, #contents3 .con_box {
    background-image: url("../dup/img/hana1.png"),url(../dup/img/hana2.png);
    background-repeat: no-repeat;
    background-position: left 5px top 8px,right 5px bottom 8px;
    background-size: 135px;
    box-shadow: 3px 2px 10px rgba(0,0,0,0.05);
}
#logo {
	margin-top: 10px;
}
header.scr_header #logo {
   margin-top: 0;
}
header.scr_header {
    background-color: rgba(255,255,255,0.9)!important;
}
#footer {
 background-color: rgba(255,255,255,0.9);
}
section.top_cms_box:before {

}

#top_cms {
	background: url("../dup/img/hana4.png"), url("../dup/img/hana3.png");
	background-repeat: no-repeat;
	background-position: left -20px bottom 30px,  right -20px top 450px;
	background-size: 200px auto;
}
#pc_nav li a {
color: #FFB1C6;
}
.button_container span {
    color: #FFB1C6;
background: #FFB1C6;
}
.linkStyle {
color: #bc6680;
}
#pc_nav li a::after {
      background: rgba(255, 177, 198, 0.5);}


@media screen and (min-width: 667px) and (max-width: 768px) {
	.top_faq_box {
		padding-bottom: 130px;
	}
	#intro_wrap {
		padding-left: 9%;padding-right: 9%;
	}
}
@media(max-width: 872px) {
#intro_wrap, #contents3 .con_box  {    padding-bottom: 15%;
}

}

@media(max-width: 667px) {
#intro_wrap, #contents3 .con_box {
    background-size: 80px;
}
#top_cms {
	background-size: 100px auto;
	background-position: left -20px bottom 30px, right -20px top 35%;
}
}


@media(max-width: 467px) {
#intro_wrap, #contents3 .con_box {
    background-size: 70px;
}
}







.bnr_box{
	max-width: 600px;
	margin: 0 auto;
display: flex;
justify-content: space-between;
margin-top: 50px;
margin-bottom: 50px;
}
.bnr_box div {
	width: 48%;border-radius: 20px;
}.bnr_box div:first-child {
	background-color: #FFC4F5;
;
}
.bnr_box div:last-child {
	background-color: #F6C0FF;
}
.bnr_box p a {
	display: block;padding: 15px 20px;color: #fff;font-size: 18px;
}
.bnr_box p {
	text-align: center;
	color: #fff;
}
@media(min-width: 425px) {
.bnr_box p a br {display:none;}
}

@media(max-width: 667px) {
.bnr_box p a {
padding: 8px 10px;
font-size: 15px;
}
.wide_title .page_title_box {
    width: 70%;
}

@media(max-width: 508px) {
.bnr_box p a {
padding: 9px 5px;
font-size: 12px;
}
}