@charset "UTF-8";

#main{
display: block;
}
.main_box {
margin: 0 auto;
width: 100%;
background-color: #000;
}
/* ------------------------------------- */
/*	 resposive320
/* ------------------------------------- */
@media screen and (min-width: 320px) {

.me {
	width: 100%;
	float: left;
display: block;
}
.content.style2 {
	width: 100%;
	background: #fff;
	padding: 20px 0px 20px 0px;
	background: url(../img/top/style2_back2.jpg) repeat;
}
.me h4 {
text-indent:0;
background:transparent;
font-family:   "ヒラギノ明朝 ProN W6",
   "HiraMinProN-W6",
   "HG明朝E",
   "ＭＳ Ｐ明朝",
   "MS PMincho",
   "MS 明朝",
   serif;
font-size: 1.1em;
font-weight: bold;
color: #EB6100;
}
.me p {
	margin: 10px 0px 5px 0px;
	display: block;
}
.me_p {
	width: 100%;
	float: right;
	display: block;
}
.me_p img {
	width: 100%;
display: block;
}

.topi_t,
.about_t {
	background: url(../img/top/info.png) repeat-x 0px 5px;
	height:50px;
	margin: 5px 0px 0px 0px;
}
.topi_t a {
	background: url(../img/top/info_t.png) no-repeat 0px 5px;
	height:43px;
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	overflow:hidden;
	outline:none;
    background-size: 214px 43px;
	margin: 0px 0px 0px 10px;
}
.about_t a {
	background: url(../img/top/about_t.png) no-repeat 0px 5px;
	height:43px;
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	overflow:hidden;
	outline:none;
    background-size: 214px 43px;
	margin: 40px 0px 0px 10px;
}
.topi_box {
	border-bottom: solid 1px #5d4a9c;
	padding: 0px 0px 6px 0px;
	margin: 5px 0px 0px 0px;
}

.topi_box h5 a {
 color: #444;
 font-weight: normal;
 font-size:110%;
}
.topi_box h5 a span {
 color: #5d4a9c;
 font-weight: normal;
 font-size:90%;
}
.topi_box h5 a:hover,
.topi_box2 h5 a:hover {
 color: #5d4a9c;
 text-decoration: none;
}
/*	 box
/* ------------------------------------- */
.l_box {
display: none;
}

.tex{
width: 100%;
margin: 0px;
line-height: 1.9em;
clear:both;
}

/*	 3段目
/* ------------------------------------- */
.content.style3 {
	width: 100%;
	background: #fff;
	padding: 20px 0px 30px 0px;
	background: url(../img/top/style3_back.gif);
	
}
.abo_p {
	width: 261px;
	height:100px;
	text-indent: -9999px;
	margin: 10px 0px 10px 0px;
	background: url(../img/top/about_logo.png);
}
}

/* ------------------------------------- */
/*	 resposive768
/* ------------------------------------- */
@media screen and (min-width: 768px) {

.me {
	width: 370px;
	float: left;
	display: block;
}
.content.style2 {
	width: 100%;
	height:300px;
	background: #DFF2FC;
	padding: 10px 0px 0px 0px;
	background: url(../img/top/style2_back1.jpg) repeat-x;
}
.me h4 {
	background: url(../img/top/top_01.png) no-repeat;
	width:360px;
	height:50px;
    background-size: 360px 50px;
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	overflow:hidden;
	outline:none;
}
.me p {
	margin: 10px 0px 5px 0px;
	display: block;
}
.me_p {
	width: 350px;
	float: right;
	display: block;
}
.me_p img {
	width: 350px;
display: block;
}
.media img {
	width:100%;
	border:none;
	transition: 0.5s;
	display: block;
}
.media img:hover {
  opacity: 0.6;
  transition: 0.5s;
}
.media img {
	width:468px;
}

/*	 box
/* ------------------------------------- */
.info_box {
	width: 60%;
	float: left;
display: block;
margin: 0px 20px 0px 0px;
}
.ad_box {
	width: 35%;
	float: right;
display: block;
}

.topi_t2 {
	margin: 25px 0px 17px 0px;
}
.about_t a {
	margin: 0px 0px 0px 10px;
}

}

/* ------------------------------------- */
/*	 resposive992
/* ------------------------------------- */
@media screen and (min-width: 992px) {
/*	 box
/* ------------------------------------- */

.me {
	width: 451px;
}
.me h4 {
	background: url(../img/top/top_01.png) no-repeat;
	width:447px;
	height:64px;
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	overflow:hidden;
	outline:none;
}
.content.style2 {
	width: 100%;
	height:330px;
	background: #DFF2FC;
	padding: 10px 0px 0px 0px;
	background: url(../img/top/style2_back.jpg) repeat-x bottom;
}
.me p {
	margin: 20px 0px 12px 0px;
	line-height:1.8em;
}
.me_p {
	width: 460px;
}
.me_p img {
	width: 460px;
}
}

/* ------------------------------------- */
/*	 toppage_kage
/* ------------------------------------- */

#shadow_box {
	width: 100%;
	height: 15px;
	background: url(../img/top/main_back.jpg) repeat-x;
}