.m-box-mainv .mainv-bg span {
	background-image : url('../../images/product/bg_product.jpg');
}

.u-ttl {
	margin-top : 50px;
	margin-bottom : 20px;
	padding : 6px 30px;
	letter-spacing : 0.075em;
	font-size : 32px;
	font-size : 2.0rem;
	color : #fff;
	background : #1777ba;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-ttl {
		margin-top : 30px;
		line-height : 1.4;
		padding : 8px 15px;
		font-size : 1.6rem;
	}
}

.u-plan {
	*zoom : 1;
}
.u-plan:after {
	content : ' ';
	display : table;
	clear : both;
}
.u-plan .plan-desc {
	float : left;
	width : 480px;
	font-size : 22.4px;
	font-size : 1.4rem;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-plan .plan-desc {
		float : none;
		width : auto;
		font-size : 1.2rem;
	}
}
.u-plan .plan-kind {
	position : relative;
	float : right;
	width : 400px;
	margin : 0 -3px;
	*zoom : 1;
}
.u-plan .plan-kind:after {
	content : ' ';
	display : table;
	clear : both;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-plan .plan-kind {
		float : none;
		width : auto;
		margin-top : 15px;
	}
}
.u-plan .plan-kind .kind-left, .u-plan .plan-kind .kind-right {
	position : relative;
	float : left;
	width : 50%;
	padding : 0 3px;
	-webkit-box-sizing : border-box;
	        box-sizing : border-box;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
	-webkit-box-pack : center;
	-ms-flex-pack : center;
	justify-content : center;
}
.u-plan .plan-kind .kind-left > p, .u-plan .plan-kind .kind-right > p {
	padding : 14px 0;
	text-align : center;
	color : #1777ba;
	font-size : 22.4px;
	font-size : 1.4rem;
	line-height : 1;
	letter-spacing : 0.1em;
	width : 100%;
	height : 100%;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-plan .plan-kind .kind-left > p, .u-plan .plan-kind .kind-right > p {
		padding : 10px 0;
		font-size : 1.2rem;
	}
}
.u-plan .plan-kind .kind-left > p {
	border : 1px dotted #1777ba;
}
.u-plan .plan-kind .kind-left:before, .u-plan .plan-kind .kind-left:after {
	content : '';
	position : absolute;
	top : 50%;
	right : -12px;
	width : 12px;
	height : 2px;
	background : #fff;
	-webkit-transform : translate(-50%, -50%);
	    -ms-transform : translate(-50%, -50%);
	        transform : translate(-50%, -50%);
	z-index : 2;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-plan .plan-kind .kind-left:before, .u-plan .plan-kind .kind-left:after {
		right : -10px;
		width : 10px;
		height : 1px;
	}
}
.u-plan .plan-kind .kind-left:after {
	right : -2px;
	width : 2px;
	height : 12px;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-plan .plan-kind .kind-left:after {
		right : -1px;
		width : 1px;
		height : 10px;
	}
}
.u-plan .plan-kind .kind-right > p {
	border : 1px solid #1777ba;
	background : #d4eeff;
}
.u-plan .plan-kind .kind-right:after {
	content : '';
	position : absolute;
	top : 50%;
	left : -15px;
	-webkit-transform : translateY(-50%);
	    -ms-transform : translateY(-50%);
	        transform : translateY(-50%);
	width : 29px;
	height : 29px;
	background : #fcc235;
	border-radius : 50%;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-plan .plan-kind .kind-right:after {
		width : 25px;
		height : 25px;
		left : -13px;
	}
}

.u-kind {
	text-align : center;
}
.u-kind .kind-list {
	margin-top : 30px;
	margin-bottom : 15px;
	font-size : 0;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-kind .kind-list {
		margin-top : 5px;
	}
}
.u-kind .kind-list > li {
	position : relative;
	display : inline-block;
	width : 120px;
	height : 120px;
	margin : 0 10px;
	line-height : 120px;
	vertical-align : middle;
	letter-spacing : 0.1em;
	font-size : 22.4px;
	font-size : 1.4rem;
	font-weight : bold;
	color : #1777ba;
	background : #d4eeff;
	border-radius : 50%;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-kind .kind-list > li {
		margin : 0 5px;
		margin-top : 10px;
		line-height : 120px;
		font-size : 1.3rem;
	}
}
.u-kind .kind-list > li:after {
	content : '';
	position : absolute;
	bottom : -13px;
	left : 50%;
	-webkit-transform : translateX(-50%);
	    -ms-transform : translateX(-50%);
	        transform : translateX(-50%);
	width : 0;
	height : 0;
	border-style : solid;
	border-width : 15px 6px 0 6px;
	border-color : #d4eeff transparent transparent transparent;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-kind .kind-list > li:after {
		display : none;
	}
}