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

.concept_menu {
	display: flex;
	background: #696969;
	padding: 10px 0;
	align-items: center;
}
.concept_menu a {
	text-align: center;
	width: calc((100% - 4px) / 5);
	border-right: 1px solid #FFF;
	color: #FFF;
	padding: 10px 1em;
	display: block;
}
.concept_menu a:last-child {
	border-right: none;
}
.concept_menu a:hover {
	color: #C7D882;
}


.textL {
	font-size: 200%;
	text-align: center;
	font-weight: 700;
	margin-bottom: 1em;
	line-height: 1.3em;
}


#plan-menu li {
	border: 1px solid #999;
	box-sizing: border-box;
}
#plan-menu li a {
	display: block;
	padding: 160px 1em 1em;
	font-size: 80%;
	line-height: 1.4em;
	background-size: 100% !important;
}
#plan-menu li a:hover {
	background-color: #F5EFE9;
}
#plan-menu li:nth-of-type(1) a {
	background: url("../../img/img_plan1.png") no-repeat top center;
}
#plan-menu li:nth-of-type(2) a {
	background: url("../../img/img_plan2.png") no-repeat top center;
}
#plan-menu li:nth-of-type(3) a {
	background: url("../../img/img_plan3.png") no-repeat top center;
}
#plan-menu li:nth-of-type(4) a {
	background: url("../../img/img_plan4.png") no-repeat top center;
}
#plan-menu li:nth-of-type(1):hover {
	background: #A667DA;
}
#plan-menu li:nth-of-type(2):hover {
	background: #E2271B;
}
#plan-menu li:nth-of-type(3):hover {
	background: #EB5420;
}
#plan-menu li:nth-of-type(4):hover {
	background: #6EC8E2;
}
#plan-menu li a:hover {
	color: #FFF;
}

#plan-menu li a .title-sub {
	font-weight: 500;
	font-size: 90%
}
#plan-menu li a .title-main {
	font-size: 125%;
	margin: 5px 0;
	font-weight: 500;
}


@media screen and (max-width: 450px) {
	#section_bg1 {
		padding: 1em;
	}
	.concept_menu {
		flex-wrap: wrap;
		background: none;
	}
	.concept_menu a {
		width: calc((100% - 5px) / 2);
		border: none;
		background: #696969;
		margin-bottom: 5px;
		margin-right: 5px;
	}
	.concept_menu a:nth-child(even) {
		margin-right: 0;
	}
	
	#plan-menu li a {
		padding-top: 120px
	}
	
	#plan .h3_double span:before, .h3_double span:after{
		width: 40px
	}
	#plan .h3_double span:before{left:-55px;}
	#plan .h3_double span:after{right:-55px;}
}