@charset "utf-8";

#wrapper,
#main,
#contents{
	min-height: 100%;
}
#wrapper{
	background: url("../img/bg_full.jpg") center top;
}
#main{
	background: none;
}
.i_box{
	background: #fff;
	border-radius: 5px;
	box-shadow: 1px 2px 2px rgba(0,0,0,0.2);
	box-sizing: border-box;
}
@media screen and (min-width: 751px){
.i_box{
	width: 1000px;
	margin: 20px auto;
	padding: 40px;
}
}
@media screen and (max-width: 750px){
.i_box{
	margin: 20px auto;
	padding: 20px;
	margin: 20px 10px 10px 10px;
}
}

/* company */
.page h1{
	font-family: "rounded-mgenplus-1m", 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
	color: #999;
	margin-bottom: 30px;
	font-size: 1.7rem;
	font-weight: normal;
}

.i_box h2{
	padding-left: 0.5em;
	border-left: 4px solid #FC0;
	font-size: 2.2rem;
	font-family: "rounded-mgenplus-1m", 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
	font-weight: normal;
	color: #666;
	margin-bottom: 0.5em;
}
.text_box{
	font-size: 1.7rem;
	font-family: "rounded-mgenplus-1m", 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
	font-weight: normal;
	color: #666;
	margin-bottom: 30px;
}
@media screen and (min-width: 751px){
.info{
	width: 40%;
}
.message{
	width: 55%;
}
}
.message .image{
	width: 100%;
	margin-bottom: 20px;
	border-radius: 10px;
	overflow: hidden;
}
.message .image img{
	width: 100%;
}

/*term_body*/
#contents a{
	color: #3CF;
}
#contents p{
	margin: 0.7em 0;
}
#contents ul{
	margin: 1em 0;
}
#contents li{
	margin: 0.4em 0;
	color: #3FA748;
}
.term_body .text_box{
	color: #999;
}