/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
  Media Queries による切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

@media screen and (max-width: 546px) {
#SMP------------------------{}

body {
	margin:0;
	padding:0;
	border:0;
}

#contents {
	width:100%;
	/*height:922px;*/
	margin:0 auto;	
	padding:0px;
}
	/*.top_mv {
		position: relative;
		width: 100%;
		height: 525px;
		background-image:url("../image/shodow_sp.png"), url("../image/bg2404_sp.jpg");
		background-position: bottom -18VW center, top center;
		background-repeat:  repeat-x, no-repeat;
		background-size: 100%;
	}*/
	.top_mv {
		position: relative;
		width: 100%;
		height: 525px;
	}
	#inner {
		width: 100%;
		height: 525px;
		margin: 0 auto;
	}
	.bn01 {
		position: absolute;
		bottom:50vw;
		right: 4.66vw;
		width:150px;
		height:auto;
	}
	#inner .wide {
		width: 300px;
	}
	.bn01 img{
		width: 100%;
		margin-bottom:10px;
	}
	.bg_obi {
		width: 100%;
		height: 525px;
		position:absolute;
		bottom: 0px;
		background-image:url("../image/shodow_sp.png");
		background-size: 76%;
		background-position: bottom center;
		background-repeat:  repeat-x;
	}
	.bn02 {
		position: absolute;
        width: 100%;
        bottom: 0vw;
        /*height: 65VW;*/
        height: 46VW;
	}
	.bn02 .wide {
		float: left;
		width: 90.55vw;
		color: #fff;
		margin: 0px 0px 0px 0px;
	}
	.bn02 li {
		float: left;
		color: #fff;
		width: 42.6vw;
		font-size: 12px;
	}
    .bn02 li p{
        font-size:10px!important;
        font-weight:bold;
    }
	.bn02 li img {
		width: 100%;
	}
	.bn02 li:nth-child(odd) {
		margin: 2.5vw 5.33vw 0vw 4.66vw;
	}
	.bn02 li:nth-child(even) {
		margin: 2.5vw 4.66vw 0vw 0vw;
	}
	.topics {
		width: 96%;
		margin: 60px 2%;
	}
	.topics h3 {
		text-align: center;
		margin-bottom: 30px;
	}
	.topics ul li {
        position:relative;
		font-size: 10px;
		width: 90.6vw;
		height: 25.3vw;
		padding: 2.6vw;
		margin-bottom: 2vw;
		background-color: #efefef;
	}
	.topics li img {
		width: 25.3vw;
		margin-right: 4vw;
		float: left;
	}
	.topics li .sp_float {
		width: 61.3vw;
		float: left;
	}
	.topics li h4 {
		font-size: 12px;
		font-weight: bold;
		margin-bottom: 5px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		color: #000;
	}
	.topics li p {
		height: 45px;
        margin-bottom:5px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
	}
	.topics .small {
		margin-top: 10px;
		font-size: 8px;
		text-align: right;
		height: auto;
	}
	.topics ul .more {
		font-size: 14px;
		height: 24px;
        margin-bottom:40px;
        line-height:24px;
		text-align: center;
	}
	.topics ul .more_juken {
		font-size: 14px;
		height: 24px;
        line-height:24px;
		text-align: center;
	}
	.topics ul .more a,
	.topics ul .more_juken a{
        display:block;
        width:100%;
		color: #000;
	}
	.another {
		width: 100%;
		padding: 30px 2vw;
		font-size: 12px;
		background-color: #efefef;
	}
	.another li .another_img {
		width: 100%;
	}
	/*.another li:nth-child(1), .another li:nth-child(2) {
		float: left;
		width: 45.3vw;
		margin-right: 5.3vw;
		margin-bottom: 40px;
	}
	.another li:nth-child(2) {
		margin-right: 0px;
	}*/
	.another li {
		width: 96vw;
		margin-bottom: 40px;
	}
	.another li .title_img {
		float: left;
		margin-right: 10px;
	}
	.another li .title_img {
		width: 30%;
	}
	.another li:nth-child(2) .title_img {
		width: 20%;
	}
	.another li:nth-child(3) .title_img {
		width: 24%;
	}
	.another li:nth-child(4) .title_img {
		width: 27%;
	}
	.another li h3 {
		float: left;
		margin-bottom: 15px;
	}
	.information {
		width: 100%;
		text-align: center;
		padding: 30px 0vw;
		background-color: #666666;
	}
	.information h3 {
		margin: 0px 0px 30px;
	}
	.information h3 img {
		width: 40%;
	}
	.information ul {
		width: 96%;
		margin: 0 auto;
	}
	.information li {
		float: left;
		width: 30%;
		min-height: 130px;
		font-size: 10px;
		color: #fff;
		margin-right: 3%;
		margin-bottom: 30px;
	}
	.information li:nth-child(3n) {
		margin-right: 0;
	}
	.information li p {
		margin-top: 5px;
	}
	.topics ul li.sub_topics .sub_topicstag {
        position:absolute;
        top:15px;
        left:15px;
	}
	.topics .juken, .topics .bukatsu, .topics .kokusai {
		width: 95.8vw;
	}
	.topics .kokusai {
		margin-right: 0px;
	}
	.topics h5 {
		text-align: center;
		font-size: 20px;
		color: #666666;
		margin-bottom: 10px;
	}
	.special {
		width: 96%;
		margin: 60px 2%;
	}
	.special h3 {
		text-align: center;
		margin-bottom: 30px;
	}
	.bn03 {
		width: 100%;
	}
	.bn03 li {
		float: left;
		width: 48%;
		margin: 0 4% 10px 0;
	}
	.bn03 li:nth-child(2n) {
		margin-right: 0;
	}
	/*.bn03 li:nth-child(3) {
		margin-right: 0;
	}*/
	.bn03 li img {
		width: 100%;
	}
	.bn03 li.wide {
		width: 100%;
		margin-right: 0;
	}
	.clear {
		clear: both;
	}
	.pc {
		display: none;
	}
	
.bx-pager {
  bottom: -36vw!important;
}
}

@media screen and (max-width: 375px) {
#SMP------------------------{}
.bx-pager {
  bottom: -50vw!important;
}
}


@media screen and (min-width: 547px) {
#PC------------------------{}

body {
	margin:0;
	padding:0;
	border:0;
}

#contents {
	width:100%;
	margin:0 auto;	
	padding:0px;
}
	/*.top_mv {
		width: 100%;
        height:606px;
		background-image:url("../image/shodow.png"), url("../image/bg2404.jpg");
		background-position: bottom center, top center;
		background-repeat:  repeat-x, no-repeat;
	}*/
	.top_mv {
		display: block;
		width: 100%;
        height:606px;
		position: relative;
	}
	.bx-viewport {
		height: 606px!important;
	}
	.center {
		overflow: hidden;
		height: 606px;
	}
	.bx-wrapper {
		max-width: 1200px!important; /*スライドの幅に合わせて変更*/
		margin-left: auto;
		margin-right: auto;
		background: none;
		border: none;
		box-shadow: none;
	}
	.bx-viewport {
		overflow: visible!important;
	}
	.scroll_mv {
		width: 1200px;
		height: 606px;
		margin: 0 auto;
		overflow: visible;
		position: relative;
	}
	.scroll_mv {
		list-style: none;
	}
	.scroll_mv li {
		width: 1200px!important;
	}
	.scroll_mv li img {
		width: 100%;
		display: block;
		overflow: visible;
	}
	#inner {
		position: relative;
		width: 1200px;
		margin: 0 auto;
	}
	.bn01 {
		position: absolute;
		bottom: 170px;
		right: 0px;
		width:270px;
		height:auto;
	}
	#inner .wide {
		width: 580px;
	}
	.bn01 img{
		margin-bottom:10px;
		border:1px solid #ccc;
	}
	.bn01 img:hover {
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opacity=70)";
	}
	.bg_obi {
		width: 100%;
		height: 153px;
		position:absolute;
		bottom: 0px;
		background-image:url("../image/shodow.png");
		background-position: bottom center;
		background-repeat:  repeat-x;
	}
	.bn02 {
		width: 1200px !important;
        margin: 22px auto 0px!important;
        height: 102px;
	}
	.bn02 li {
		float: left;
		width: 270px;
		color: #fff;
		margin: 0px 40px 0px 0px;
	}
	.bn02 .wide {
		float: left;
		width: 580px;
		color: #fff;
		margin: 0px 0px 0px 0px;
	}
	.bn02 li:nth-child(4n) {
		margin-right: 0;
	}
	.bn02 img {
		width: 100%;
	}
	.bn02 img:hover {
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opacity=70)";
	}
    .norotate {
        width: 1200px;
        margin: 0 auto;
    }
    .norotate li:last-child{
        margin-right:0;
    }
	.topics {
		width: 1200px;
		margin: 60px auto;
	}
	.topics h3 {
		text-align: center;
		margin-bottom: 30px;
	}
	.topics ul li {
		float: left;
		font-size: 14px;
		width: 200px;
		padding: 15px;
		margin-right: 12px;
		background-color: #efefef;
	}
	.topics ul li:nth-child(5n) {
		margin-left: 2px;
		margin-right: 0px;
	}
	.topics ul .more {
		width: 1200px;
        height:60px;
        line-height:60px;
		margin: 15px 0 60px 0;
        padding:0;
		text-align: center;
	}
	.topics ul .more_sub_topics {
		width: 293px!important;
        height:60px;
        line-height:60px;
		margin-top: 15px;
        padding:0;
		text-align: center;
	}
	.topics ul .more a,
	.topics ul .more_sub_topics a{
        display:block;
        width:100%;
        height:60px;
		color: #000;
	}
    .topics ul .more a:hover,
    .topics ul .more_sub_topics a:hover{
        background-color: #e6e6e6;
    }
	.topics li h4 {
		font-size: 16px;
		font-weight: bold;
		margin: 10px 0px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		color: #000;
	}
	.topics li a:hover {
		text-decoration-color: #000;
	}
	.topics li p {
		height: 65px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
	}
	.topics li .photo {
		width:200px;
		height:200px;
	}
	.topics li .sub_photo {
		margin-left: 32px;
	}
	.topics li .photo img{
		width:100%;
		height:auto;
	}
	.topics li img:hover {
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opacity=70)";
	}
	.topics .small {
		margin-top: 20px;
		font-size: 12px;
		text-align: right;
		height: auto;
	}
	.another {
		width: 100%;
		margin:0 ;
		padding:60px 0;
		background-color: #efefef;
	}
	.another ul {
		width: 1200px;
        margin:0 auto;
	}
	.another li {
		float: left;
		width: 585px;
		margin-right: 30px;
		margin-bottom: 50px;
	}
	.another li:nth-child(2n) {
		margin-right: 0px;
	}
	.another li .title_img {
		float: left;
		margin-right: 10px;
	}
	.another li h3 {
		float: left;
		margin-bottom: 15px;
	}
	.another li a img:hover {
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opacity=70)";
	}
	.information {
		width: 100%;
		text-align: center;
		margin:0 0;
		padding:60px 0;
		background-color: #666666;
	}
	.special {
		width: 100%;
		/*height: 150px;*/
		margin: 60px 0px;
	}
	.special h3 {
		text-align: center;
		margin-bottom: 30px;
	}
	.bn03 {
		overflow: hidden;
		margin: 0 auto;
	}
	.b01 {
		width: 270px;
	}
	.b02 {
		width: 580px;
	}
	.b03 {
		width: 890px;
	}
	.b04 {
		width: 1200px;
	}
	.bn03 li {
		float: left;
		width: 270px;
		color: #fff;
		margin: 0px 40px 40px 0px;
	}
	.b04 li:nth-child(4n) {
		margin-right: 0px;
	}
	.bn03 li:last-of-type {
		margin-right: 0px;
	}
	.bn03 img {
		width: 100%;
	}
	.bn03 li.wide{
		width: 580px;
	}
	.bn03 img:hover {
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opacity=70)";
	}
	.information h3 {
		margin: 0px 0px 50px;
	}
	.information ul {
		width: 1200px;
		margin: 0 auto;
	}
	.information li {
		float: left;
		width: 150px;
		margin-right: 60px;
		color: #fff;
	}
	.information li:last-of-type {
		margin-right: 0px;
	}
	.information li p {
		margin-top: 5px;
		font-size: 14px;
	}
	.topics ul li.sub_topics {
        position:relative;
        margin-right: 0px;
	}
	.topics ul li.sub_topics .sub_topicstag {
        position:absolute;
        top:15px;
        left:15px;
	}
	.topics .juken, .topics .bukatsu, .topics .kokusai, .topics .research {
		float: left;
		width: 293px;
		margin-right: 9px;
	}
	.topics .juken {
		margin-right: 0px;
	}
	.topics h5 {
		text-align: center;
		font-size: 20px;
		color: #666666;
		margin-bottom: 10px;
	}
	.topics .juken li, .topics .bukatsu li, .topics .kokusai li, .topics .research li {
		float: none;
		width: 263px;
	}
	.space_none {
		margin-right: 0px!important;
	}
	a[href^="tel"]{
		pointer-events: none;
		cursor: default;
	}
	.clear {
		clear: both;
	}
	.sp {
		display: none;
	}
	
.bx-pager {
  position: absolute;
  bottom: 160px!important; /* 上から20pxの位置に */
  left: 50%; /* 横方向の中央に */
  transform: translateX(-50%); /* 水平方向の中央揃え */
}
	
	
	


	
a.banner-bukatsurepo:hover img,
a.banner-line:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

}



.bn02 li p{
    font-size:14px;
    font-family: "ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","游ゴシック", "YuGothic","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
.banner1news {
    background:url(../image/ban_header_news.png) center top no-repeat;
    padding-top:20px;
    margin-bottom:5px;
}
.banner1news__notitle {
    margin-bottom:115px;
}
.banner1special {
    background:url(../image/ban_header_special.png) center top no-repeat;
    padding-top:22px;
}