@charset "utf-8";
/* CSS Document */

/*  for PC*/
@media all and (min-width:641px) {

	div#contentsInner{
		width: 80%;
		margin: 0 auto;
	}
	section.text_contents_top{
		width: 100%;
		margin-bottom: 3%;
	}
	section.text_contents_top h1{
		color: #999;
		font-size: 2vw;
		font-weight: bold;
		padding-bottom: 1%;
		border-bottom: 3px solid #999;
		margin-bottom: 2%
	}
	section.text_contents_top p{
		margin-left: 2%;
		font-size: 0.85vw;
		color: #4d4d4d;
		padding-bottom: 0.5em;
	}
	.text_contents{
		width: 95%;
		margin: 0 auto 2%;
	}
	.text_contents h2{
		color: #007196;
		font-size: 1.4vw;
		font-weight: bold;
		margin-bottom: 1em;
	}
	.text_contents p{
		margin-left: 2.5%;
		margin-bottom: 1em;
		font-size: 1vw;
	}
	.text_contents p strong{
		color: #007196;
		font-weight: bold;
		line-height: 2.5em;
	}
	.text_contents p span{
		color: #007196;
	}
	.text_contents ul{
		margin-bottom: 1em;
	}
	.text_contents ul li{
		margin-left: 7%;
		list-style: disc;
		line-height: 2em;
		font-size: 1vw;
	}
}
/* PC用終了 */
/*スマホ用*/
@media screen and (max-width: 640px){
	section#MainVisualMessage h1#TitleLong{
		font-size: 6.8vw
	}
	div#contentsInner{
		width: 94%;
		margin: 0 auto;
	}
	section.text_contents_top{
		width: 100%;
		margin-bottom: 7%;
	}
	section.text_contents_top h1{
		color: #999;
		font-size: 5vw;
		font-weight: bold;
		padding-bottom: 1%;
		border-bottom: 3px solid #999;
		margin-bottom: 8%
	}
	section.text_contents_top p{
		margin-left: 2%;
		font-size: 3.5vw;
		color: #4d4d4d;
		padding-bottom: 0.5em;
	}
	.text_contents{
		width: 95%;
		margin: 0 auto 7%;
	}
	.text_contents h2{
		color: #007196;
		font-size: 4.2vw;
		font-weight: bold;
		margin-bottom: 0.75em;
	}
	.text_contents p{
		margin-left: 2.5%;
		margin-bottom: 1em;
		font-size: 3.5vw;
	}
	.text_contents p strong{
		color: #007196;
		font-weight: bold;
		line-height: 2.5em;
	}
	.text_contents p span{
		color: #007196;
	}
}