@charset "utf-8";

/*
******************************************************************
* wandant2 top.css
******************************************************************
*/
body .end_info { font-size: 1.6rem; line-height: 1.6; color: #204c76;}
#bodyarea .section-inside.end_info{ width:980px;}
.section-inside.end_info a:link, .section-inside.end_info a:visited { color: #fe7b66; text-decoration: underline;}
.section-inside.end_info a:hover, .section-inside.end_info a:active { color: #fe7b66; text-decoration: none;}

.end_info .Signer{ display:block; width:8em; margin-left:auto; margin-right:0;}


.inner_text{ margin-bottom:30px;}
.stage .maincontents .inner_text h3 { position: relative; font-size: 2rem; margin-top: 45px; margin-bottom: 5px;}
.stage .maincontents .inner_text h3::before { content: "○"; font-size: 3.2rem; padding-right:5px;}
.inner_text p{ margin-left:20px;}
.inner_text p + ul{ margin-top:15px; margin-left:20px;}

.inner_text + p{ text-align:right;}

@media screen and (max-width: 768px) {
	#bodyarea .section-inside.end_info{ width:auto;}
	.stage .maincontents .inner_text h3 { margin-top: 1.5em;}
	.stage .maincontents .inner_text h3::before { content: "○"; font-size: 2.5rem; padding-right:5px;}
}



/* フレームワーク関連 調整 */
#header #globalnavigation .hidemenubg .mdtitle a {
	padding-top: 8px;
}

.textright.megaclosebtn img{ display:none;}

#deepfooter #deepfooterinner:last-child { margin-bottom: 0;}
#deepfooter #deepfooterinner {
	margin-bottom: 16px;
	display: block;
	width: 100%;
	max-width: 1296px;
	margin: 0 auto;
		margin-bottom: 0px;
	padding: 0 8px 0 8px;
}

#deepfooter .dfooter-title + ul {
	font-size: 1.3rem;
	margin: 0 0 0 0;
	padding: 0 0 0 8px;
}
#deepfooter ul li {
    margin: 0 0 8px 0;
}
#deepfooter ul li:last-child {
    margin-bottom: 0;
}

#deepfooter .grid5span{ margin-bottom:0;}

#footer #footerinner,
#footer .footer-socialmediaicon {
	display: block;
	width: 100%;
	max-width: 1312px;
	margin: 0 auto;
	padding: 0 16px 0 16px;
}
#footer #footerinner,
#footer .footer-socialmediaicon {
	margin-bottom: 24px;
}
#footer #footerinner:last-child,
#footer .footer-socialmediaicon:last-child {
	margin-bottom: 0;
}
#footer #footerinner > *:last-child,
#footer .footer-socialmediaicon > *:last-child {
	margin-bottom: 0;
}
#footer #footerinner,
#footer .footer-socialmediaicon {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}


/* =========================================================
 * @class Gig5: Module: Deep Footer
** ====================================================== */
#deepfooter #deepfooterinner {
	margin-bottom: 16px;
	display: block;
	width: 100%;
	max-width: 1296px;
	margin: 0 auto;
	padding: 0 8px 0 8px;
}
#deepfooter #deepfooterinner:last-child {
	margin-bottom: 0;
}
#deepfooter #deepfooterinner > *:last-child {
	margin-bottom: 0;
}

/* Module */
#deepfooter ul {
	font-size: 1.3rem;
	margin: 0 0 16px 0;
	padding: 0 0 0 8px;
}
#deepfooter ul li {
	margin: 0 0 8px 0;
}
#deepfooter ul li:last-child {
	margin-bottom: 0;
}
#deepfooter .country {
	font-size: 1.2rem;
	color: #444;
	display: inline-block;
	margin: 0 0 16px 0;
	padding: 0 8px 0 8px;
}
@media screen and (max-width: 768px) {
	#header #corporatesymbol {
    	padding-bottom: 16px;
	}

	#deepfooter #deepfooterinner {
		padding-left: 0;
		padding-right: 0;
	}
	#deepfooter ul {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		-ms-grid-row-align: stretch;
		align-items:  stretch;
		padding: 0;
		border-top: 1px solid #ccc;
		position: relative;
	}
	#deepfooter .dfooter-title + ul{ padding:0;}
	#deepfooter ul:before,
	#deepfooter ul:after {
		content: "";
		display: block;
		width: 100%;
		height: 1px;
		position: absolute;
		bottom: 1px;
		left: 0;
	}
	#deepfooter ul:before {
		background: #ccc;
	}
	#deepfooter ul:after {
		background: #fff;
		bottom: 0;
	}
	#deepfooter ul li {
		margin: 0;
		width: 50%;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #ccc;
	}
	#deepfooter ul> li:nth-child(odd) {
		border-right: 1px solid #ccc;
	}
	#deepfooter ul li a {
		color: #555;
		display: block;
		padding: 8px 16px;
	}
}
