@charset "utf-8";
/**
 * style 
 * (c) FOURDIGIT Inc.
 *
 */
/**
 * 1. import
 */
@import "import/reset.css";
@import "import/util.css";

/**
 * 2. html, body
 */
	body {
		background-color: #ffffff;
		background-image: url(../imgs/space.gif);
		background-repeat: repeat-x;
		background-position: center top;
		-webkit-text-size-adjust: 100%;
	}
@media only screen and (max-width:600px) {
		/* for sp bug */
		.page {
			overflow: hidden;
		}
}
	.page {
		color: #333333;
		font-size: 14px;
		line-height: 1.5;
		letter-spacing: 0.1em;
		font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	}
	
/**
 * 3. HTMLtag, siteCommonClass
 */
/* anchor */
	a {
		background-color: transparent;
		background-image: none;
		background-repeat: no-repeat;
		color: #333333;
		text-decoration: underline;
	}
	a:visited {}
	a:hover {
		color: #333333;
		text-decoration: underline;
	}
	a:active {}

/* heading */
	h1 {
		font-size: 20px; line-height: 20px; font-weight: bold; margin-top: 15px;
	}
	h2 {
		font-size: 18px; line-height: 24px; margin-bottom: 20px; padding-left: 10px; border-left: 5px solid #117fc2;
	}
	h3 {
		display: block; font-weight: bold; margin-top: 30px; margin-bottom: 10px;
	}
@media only screen and (max-width:600px) {
	h1 {
		font-size: 28px; line-height: 38px;
	}
	h2 {
		font-size: 24px; line-height: 34px;
	}
	h2 span {
		display: block; text-indent: -9999px; line-height: 0;
	}
}


/**
 * 4. Layout
 */
 
/**
 * container
 */ 
	body #container {
		text-align: left; clear: both;
	}

/**
 * gHeader
 */	
	body #gHeader {
		margin-bottom: 20px;
	}
	body #gHeader .inner {
		padding: 15px 0; border-bottom: 1px dashed #ccc;
	}
	body #gHeader h1.HdrLogo {
		float: left;
	}
	body #gHeader .HdrClose {
		float: right; margin-top: 10px;
	}

@media only screen and (max-width:600px) {
	body #gHeader h1.HdrLogo {
		float: none;
	}
	body #gHeader .HdrClose {
		display: none;
	}
}

/**
 * gFooter
 */
	body #gFooter .inner {
		padding: 15px 0; text-align: center; font-size: 10px; line-height: 15px; color: #333;
	}

/**
 * wrapper
 */	
	.wrapper {
		width: 800px; margin-left: auto; margin-right: auto; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
	}
	#container .wrapper {
		position: relative;
	}
	
@media only screen and (max-width:960px) {
	.wrapper {
		width: auto; padding-left: 10px; padding-right: 10px;
	}
}

/**
 * section
 */	
	.section.num01 {
		margin-bottom: 40px;
	}
	
/**
 * remainder
 */	
	#remainder {
		position : fixed; top: 100px; z-index: 200; background-color: rgba(93, 182, 230, 0.9); background: rgba(93, 182, 230, 0.9); color: #ffffff; padding: 20px 30px; margin-left: 650px; text-align: center; color: #fff; font-size: 12px line-height: 18px;
		box-sizing: border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		-o-box-sizing:border-box;
	}
	#remainder strong {
		font-size: 48px;
	}
@media only screen and (max-width:819px) {
	#remainder {
		width: 20%; margin-left: 75%;
	}
}	
@media only screen and (max-width:767px) {
	#remainder {
		display: none;
	}
	#remainder {
		width: 100%; top: 0; padding: 10px; margin-left: 0; right: 0; font-size: 24px; line-height: 30px; font-weight: bold;
	}
	#remainder strong {
		font-size: 24px; line-height: 30px;
	}
	#remainder br {
		display: none;
	}
}

/**
 * kiyakuBox
 */
	.kiyakuBox {
		font-size: 12px; line-height: 18px; border: 1px solid #cccccc; margin-bottom: 30px; padding: 5px; height: 130px; overflow-y: scroll;
	}


.dPc { display:block; }
.dMb { display:none; }