@charset 'utf-8';

body {
	font-family: "YuGothic", "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*background-color: #e60012;*/
}
strong {
	font-weight: bold;
}
small {
	font-size: 87.5%;
}

.indent {
	text-indent: -1em;
	padding-left: 1em;
}
strong.indent, span.indent {
	display: inline-block;
}
.attention {
	font-weight: bold;
	color: red;
}
/* -------------------- override techo.css -------------------- */
/*#header > ul:after {
	background-color: #e60012;
}
#header > ul {
	border-color: #f28088;
}
#header > ul:after {
	color: #FFF;
}
#header > ul li {
	border-color: #f28088;
}
#header > ul li a {
	color: #FFF;
}
#header div > ul > li:first-child a {
	background-color: #FFF;
	color: #ed2200;
}
#header > ul li:first-child + li:before {
	color: #FFF;
}
#header div > ul a {
	color: #FFF;
}

#global > div {
	border-color: transparent;
}*/

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

#footers {
	background-color: #FFF;
}





#wrapper #contents {
	margin-bottom: 0;
	padding-bottom: 1px;
	background: url(../images/bg.jpg) repeat-y center 540px;
}
#contents h2 + div {
	padding: 0;
	margin: 40px auto;
	width: 560px;
	background-color: #FFF;
	border-radius: 4px;
}
#contents h2 + div > p {
	/*padding: 40px;*/
	font-size: 180%;
	/*font-weight: bold;*/
	line-height: 2em;
	margin: 2em 0;
}
#contents h2 + div > p strong {
	font-size: 150%;
	font-weight: bold;
}
#contents h2 + div > a.deep {
	display: inline-block;
	position: relative;
	padding: 1em 1em 1em 2.5em;
	font-size: 300%;
	line-height: 1.25em;
	text-align: left;
}
#contents h2 + div > a.deep:before {
	font-family: FontAwesome;
	content: "\f040";
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -0.5em;
	margin-left: -1.5em;
}
#contents h2 + div > a.deep span {
	display: block;
}
#contents h2 + div > a.deep span + span {
	font-size: 50%;
	line-height: 1.5em;
}

#contents .date {
	margin: 40px auto;
	text-align: center;
	font-size: 140%;
}


.sp {
	display: none;
}



@media (max-width: 600px) {
	body {
		background-color: #FFF;
	}
	#wrapper {
		width: 600px;
	}
	#contents {
		font-size: 13px;
	}
	#contents h2 + div {
		width: auto;
	}
	#contents h2 + div > p {
		padding: 20px;
	}
	#contents h2 + div > p.sp {
		padding-top: 0;
		color: #e60012;
		line-height: 1.5em;
	}
	#contents a.deep img {
		width: auto;
	}
	.sp {
		display: block;
	}
}