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

	MBP配下

---------------------------------------- */

/* ------------------------------------
	* Utility
* ------------------------------------ */
#stage .u-hide-pc {
	display: none;
}
#stage .u-hide-sp {
	display: block;
}
@media only screen and (min-width: 737px) {
	#stage .u-text-pc-center {
		text-align: center;
	}
}
@media only screen and (max-width: 736px) {
	#stage .u-hide-pc {
		display: block;
	}
	#stage .u-hide-sp {
		display: none;
	}
}

/* ------------------------------------
	* module
* ------------------------------------ */
#stage .mod-h1 {
	margin-bottom: 30px;
	color: #0039a6;
	text-align: center;
}
#stage .mod-h2 {
	margin-top: 40px;
	padding: 10px 0;
	border-top: 2px solid #0036a6;
	font-weight: bold;
	font-size: 20px;
	line-height: 1.5;
	text-align: center;
}
#stage .mod-h2-bg {
	margin-top: 40px;
	padding: 10px 0;
	background: #E1F3FF;
	border-top: 2px solid #0036a6;
	font-weight: bold;
	font-size: 20px;
	line-height: 1.5;
	text-align: center;
}

#stage .mod-text {
	line-height: 1.8;
}
#stage .mod-annotation {
	color: #666;
	font-size: 12px;
	line-height: 1.8;
}
@media only screen and (max-width: 736px) {
	#stage .mod-h1 {
		margin-bottom: 13px;
	}
	#stage .mod-h2,
	#stage .mod-h2-bg {
		font-size: 15px;
	}
	#stage .mod-innerbox {
		padding: 0 20px;
	}
	#stage .mod-annotation {
		font-size: 10px;
	}
}

/* mod-button */
#stage .mod-button a {
    display: block;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
#stage .mod-button .button_inner {
	position: relative;
	padding: 17px 20px;
	background: #0039a6;
	border-radius: 30px;
	opacity: 1;
	transition: all .3s ease-in-out;
}
#stage .mod-button a:hover .button_inner {
	opacity: .7;
}
#stage .mod-button .button_inner::after {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%) rotate(-90deg);
	display: block;
	content: '';
	width: 18px;
	height: 18px;
	background: #fff url(/mbp/common/img/icon_arrow_down_blue.svg) no-repeat;
	background-size: 100% auto;
	border-radius: 50%;
	transition: background-color .3s ease-in-out;
}
@media only screen and (min-width: 737px) {
	#stage .mod-button {
		margin: 0 auto;
		max-width: 444px;
	}
}

/* mod-section */
#stage .mod-section + .mod-section {
	margin-top: 80px;
}
@media only screen and (max-width: 736px) {
	#stage .mod-section + .mod-section {
		margin-top: 60px;
	}
}

/* ------------------------------------
	* otherMenu
* ------------------------------------ */
/* box */
#stage .otherMenu {
	margin-top: 80px;
	padding-top: 50px;
	border-top: 1px solid #ccc;
}
@media only screen and (max-width: 736px) {
	#stage .otherMenu {
		margin-top: 60px;
		padding-top: 40px;
	}
}

/* .banner-question */
#stage .banner-question {
	margin: 0 auto 40px;
	max-width: 600px;
}
#stage .banner-question img {
	width: 100%;
}
#stage .banner-question a {
	display: block;
	opacity: 1;
	transition: all .3s ease-in-out;
}
#stage .banner-question .banner_inner {
	position: relative;
	padding: 37px 0 38px;
	background: url(/mbp/common/img/bg_banner.png);
	background-size: 12px auto;
	border-radius: 15px;
}
#stage .banner-question .banner_inner::before {
	position: absolute;
	top: 10px;
	right: 10px;
	bottom: 10px;
	left: 10px;
	display: block;
	content: '';
	background: #fff;
	border-radius: 10px;
}
#stage .banner-question .banner_title {
	position: relative;
	margin: 0 auto;
	max-width: 374px;
}
#stage .banner-question .banner_balloon {
	position: absolute;
	top: -19px;
	left: 50%;
	z-index: 2;
	transform: translateX(-156px);
	width: 70px;
}
@media only screen and (min-width: 737px) {
	#stage .banner-question a:hover {
		opacity: .7;
	}
}
@media only screen and (max-width: 736px) {
	#stage .banner-question .banner_inner {
		position: relative;
		padding: 34px 0 37px;
		background-size: 12px auto;
		border-radius: 10px;
	}
	#stage .banner-question .banner_inner::before {
		border-radius: 5px;
	}
	#stage .banner-question .banner_title {
		position: relative;
		margin: 0 auto;
		width: 83.582089552%;
		max-width: 560px;
	}
	#stage .banner-question .banner_balloon {
		position: absolute;
		top: -19px;
		left: 50%;
		z-index: 2;
		transform: translateX(calc(( -114 / 375 ) * 100vw));
		width: calc(( 50 / 375 ) * 100vw);
		max-width: 70px;
	}
}