@charset "UTF-8";
/*---------------------------------------------------------------
top/style.css
-----------------------------------------------------------------*/

@media print, screen and (min-width: 1220px){
.spOnly {
		display: none;
}

ul#topslide{
	width: 100%;
	margin-bottom: 165px;
	margin-right: auto;
	margin-left: auto;
}
ul#topslide li img{
	width: 100%;
}



#box3{
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 115px;
}
#box3 .box{
	float: left;
	width: 380px;
	margin-right: 30px;
	text-align: left;
}
#box3 .box a{
	display: block;
	transition: .3s;
}
#box3 .box a:hover {
	opacity:0.5;
  filter: alpha(opacity=50);
	text-decoration: none;	
}
#box3 .box:last-child{
	margin-right: 0px;
}
#box3 .box .title{
	padding-top: 15px;
}
#box3 .box p{
	padding-top: 3px;
	font-size: 12px;
}




#semi{
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 130px;
}
#semi .box{
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 50px;
}
#semi .title{
	padding-bottom: 25px;
}
#semi p{
	font-size: 12px;
	line-height: 24px;
	padding-bottom: 55px;
}
#semi .lineup{
	padding-bottom: 25px;
}
ul.semi_slide{
	width: 100%;
}
ul.semi_slide li{
	margin-right: 5px;
	margin-left: 5px;
	text-align: left;
}
ul.semi_slide li .txt{
	font-size: 12px;
	line-height: 150%;
	padding-top: 12px;
}
ul.semi_slide li .detale{
	background-image: url(../images/semi_arrow.png);
	background-repeat: no-repeat;
	background-position: right 8px;
	width: 70px;
	font-size: 12px;
}
ul.semi_slide li a{
	transition: .3s;
}
ul.semi_slide li a:hover {
	opacity:0.5;
  filter: alpha(opacity=50);
	text-decoration: none;	
}

#semi_arrows{
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: -180px;
}
#semi_arrows .slick-prev, #semi_arrows .slick-next {
    width:47px;
    height:47px;
		transition: .3s;
}
#semi_arrows .slick-prev:hover, #semi_arrows .slick-next:hover{
  opacity:0.5;
  filter: alpha(opacity=50);
}
#semi_arrows .slick-prev:before, #semi_arrows .slick-next:before {
    content:"";
}
#semi_arrows button.slick-prev, #semi_arrows button.slick-next {
    z-index:2;
}
#semi_arrows .slick-prev{
	left:-100px;
	top: 0px;
}
#semi_arrows .slick-next{
	right:-100px;
	top: 0px;
}
#semi_arrows .slick-arrow{z-index:10;}

ul.semi_slide .slick-dots li{
	margin: 0px;
}



#full_custom{
	background-color: #000;
	width: 100%;
	padding-bottom: 25px;
}
#full_custom .inner{
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
#full_custom .inner .left{
	float: left;
	width: 491px;
	text-align: left;
	padding-top: 38px;
}
#full_custom .inner .left p{
	font-size: 14px;
	color: #FFF;
}
#full_custom .inner .right{
	float: right;
	width: 491px;
	padding-top: 30px;
}
.full_custom2{
	background-color: #B9B9BA;
	width: 100%;
}



#news{
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 100px;
	padding-bottom: 78px;
}
#news .title{
	padding-bottom: 50px;
}
#news .contents-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#news .box{
	width: 47%;
	margin-bottom: 40px;
}
#news .box a{
	display: block;
	transition: .3s;
}
#news .box a:hover {
	opacity:0.5;
  filter: alpha(opacity=50);
	text-decoration: none;	
}
#news .box .photo{
	float: left;
	width: 225px;
	border: 1px solid #000;
	box-sizing:border-box;
}
#news .box .photo img{
	width: 223px;
	height: auto;	
}
#news .box .right{
	float: right;
	width: 305px;
	text-align: left;
}
#news .box .right .time{
	font-size: 14px;
}
#news .box .right .cat{
	font-size: 14px;
	padding-top: 10px;
}
#news .box .right p{
	font-size: 12px;
	line-height: 22px;
	padding-top: 20px;
}
#news .news_bt{
	padding-top: 10px;
}




}
@media screen and (max-width: 1400px) and (min-width: 764px){

#semi_arrows{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: -180px;
}
#semi_arrows .slick-prev{
	left:10px;
	top: 0px;
}
#semi_arrows .slick-next{
	right:10px;
	top: 0px;
}

}
@media screen and (max-width: 1219px) and (min-width: 764px){
.pcOnly {
		display: none;
}
.pcOnly {
	display: block;
}


ul#topslide{
	width: 100%;
	margin-bottom: 95px;
	margin-right: auto;
	margin-left: auto;
}
ul#topslide li img{
	width: 100%;
}



#box3{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 115px;
}
#box3 .box{
	float: left;
	width: 32%;
	margin-right: 2%;
	text-align: left;
}
#box3 .box:last-child{
	margin-right: 0px;
}
#box3 .box img{
	width: 100%;
}
#box3 .box .title{
	padding-top: 15px;
}
#box3 .box .title img{
	width: 65%;
}
#box3 .box p{
	padding-top: 3px;
	font-size: 12px;
}




#semi{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 130px;
}
#semi .box{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 50px;
}
#semi .box img{
	width: 75%;
}
#semi .title{
	padding-bottom: 25px;
}
#semi p{
	font-size: 12px;
	line-height: 24px;
	padding-bottom: 55px;
}
#semi .lineup{
	padding-bottom: 25px;
}
ul.semi_slide{
	width: 100%;
}
ul.semi_slide li{
	margin-right: 5px;
	margin-left: 5px;
	text-align: left;
	width: 100%;
}
ul.semi_slide li img{
	width: 100%;
}
ul.semi_slide li .txt{
	font-size: 12px;
	line-height: 150%;
	padding-top: 12px;
}
ul.semi_slide li .detale{
	background-image: url(../images/semi_arrow.png);
	background-repeat: no-repeat;
	background-position: right 8px;
	width: 70px;
	font-size: 12px;
}
ul.semi_slide li a{
	transition: .3s;
}
ul.semi_slide li a:hover {
	opacity:0.5;
  filter: alpha(opacity=50);
	text-decoration: none;	
}

#semi_arrows{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: -180px;
}
#semi_arrows .slick-prev, #semi_arrows .slick-next {
    width:47px;
    height:47px;
}
#semi_arrows .slick-prev:before, #semi_arrows .slick-next:before {
    content:"";
}
#semi_arrows button.slick-prev, #semi_arrows button.slick-next {
    z-index:2;
}
#semi_arrows .slick-prev{
	left:10px;
	top: 0px;
}
#semi_arrows .slick-next{
	right:10px;
	top: 0px;
}
#semi_arrows .slick-arrow{z-index:10;}

ul.semi_slide .slick-dots li{
	margin: 0px;
	width: 18px;
}



#full_custom{
	background-color: #000;
	width: 100%;
	padding-bottom: 25px;
}
#full_custom .inner{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#full_custom .inner .left{
	float: left;
	width: 49%;
	text-align: left;
	padding-top: 38px;
}
#full_custom .inner .left p{
	font-size: 14px;
	color: #FFF;
}
#full_custom .inner .right{
	float: right;
	width: 49%;
	padding-top: 30px;
}
#full_custom .inner .right img{
	width: 100%;
}
.full_custom2{
	background-color: #B9B9BA;
	width: 100%;
}



#news{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 100px;
	padding-bottom: 78px;
}
#news .title{
	padding-bottom: 50px;
}
#news .contents-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#news .box{
	width: 47%;
	margin-bottom: 40px;
}
#news .box a{
	display: block;
	transition: .3s;
}
#news .box a:hover {
	opacity:0.5;
  filter: alpha(opacity=50);
	text-decoration: none;	
}
#news .box .photo{
	float: left;
	width: 42%;
	border: 1px solid #000;
	box-sizing:border-box;
}
#news .box .photo img{
	width: 100%;
}
#news .box .right{
	float: right;
	width: 52%;
	text-align: left;
}
#news .box .right .time{
	font-size: 14px;
}
#news .box .right .cat{
	font-size: 14px;
	padding-top: 10px;
}
#news .box .right p{
	font-size: 12px;
	line-height: 22px;
	padding-top: 20px;
}
#news .news_bt{
	padding-top: 10px;
}



}

@media screen and (max-width: 763px){
.pcOnly {
		display: none;
}
.spOnly {
	display: block;
}



ul#topslide{
	width: 100%;
	margin-bottom: 4em;
	margin-right: auto;
	margin-left: auto;
}
ul#topslide li img{
	width: 100%;
}
ul#topslide .slick-dots{
	bottom: -35px;
}


#box3{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 3em;
}
#box3 .box{
	float: none;
	width: 100%;
	margin-right: 0%;
	text-align: left;
	padding-bottom: 2em;
}
#box3 .box:last-child{
	margin-right: 0px;
}
#box3 .box img{
	width: 100%;
}
#box3 .box .title{
	padding-top: 0.3em;
}
#box3 .box .title img{
	width: 65%;
}
#box3 .box p{
	padding-top: 0.3em;
	font-size: 100%;
}




#semi{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 6em;
}
#semi .box{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 3em;
}
#semi .box img{
	width: 100%;
}
#semi .title{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 2em;
}
#semi .title img{
	width: 90%;
}
#semi p{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	font-size: 100%;
	line-height: 160%;
	padding-bottom: 3em;
}
#semi .lineup{
	padding-bottom: 2em;
}
#semi .lineup img{
	width: 55%;
}
ul.semi_slide{
	width: 100%;
}
ul.semi_slide li{
	margin-right: 5px;
	margin-left: 5px;
	text-align: left;
	width: 100%;
}
ul.semi_slide li img{
	width: 100%;
}
ul.semi_slide li .txt{
	font-size: 60%;
	line-height: 150%;
	padding-top: 1em;
}
ul.semi_slide li .detale{
	background-image: url(../images/semi_arrow.png);
	background-repeat: no-repeat;
	background-position: right 8px;
	width: 70px;
	font-size: 90%;
}
ul.semi_slide li a{
	transition: .3s;
}
ul.semi_slide li a:hover {
	opacity:0.5;
  filter: alpha(opacity=50);
	text-decoration: none;	
}

#semi_arrows{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: -12em;
}
#semi_arrows .slick-prev, #semi_arrows .slick-next {
    width:47px;
    height:47px;
}
#semi_arrows .slick-prev:before, #semi_arrows .slick-next:before {
    content:"";
}
#semi_arrows button.slick-prev, #semi_arrows button.slick-next {
    z-index:2;
}
#semi_arrows .slick-prev{
	left:5px;
	top: 0px;
}
#semi_arrows .slick-next{
	right:5px;
	top: 0px;
}
#semi_arrows .slick-arrow{z-index:10;}

ul.semi_slide .slick-dots{
	bottom: -35px;
}
ul.semi_slide .slick-dots li{
	margin: 0px;
	width: 18px;
}



#full_custom{
	background-color: #000;
	width: 100%;
	padding-bottom: 2.5em;
}
#full_custom .inner{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
#full_custom .inner .left{
	float: none;
	width: 100%;
	text-align: left;
	padding-top: 2em;
}
#full_custom .inner .left img{
	width: 60%;
}
#full_custom .inner .left p{
	font-size: 100%;
	color: #FFF;
	padding-top: 0.5em;
}
#full_custom .inner .right{
	float: none;
	width: 100%;
	padding-top: 1em;
}
#full_custom .inner .right img{
	width: 100%;
}
.full_custom2{
	background-color: #B9B9BA;
	width: 100%;
}
.full_custom2 img{
	width: 90%;
}



#news{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 3em;
	padding-bottom: 3em;
}
#news .title{
	padding-bottom: 3em;
}
#news .title img{
	width: 80%;
}
#news .contents-wrap {
	display: block;
}
#news .box{
	width: 100%;
	margin-bottom: 2em;
}
#news .box a{
	display: block;
	transition: .3s;
}
#news .box a:hover {
	opacity:0.5;
  filter: alpha(opacity=50);
	text-decoration: none;
}
#news .box .photo{
	float: left;
	width: 42%;
	border: 1px solid #000;
	box-sizing:border-box;
}
#news .box .photo img{
	width: 100%;
}
#news .box .right{
	float: right;
	width: 54%;
	text-align: left;
}
#news .box .right .time{
	font-size: 100%;
}
#news .box .right .cat{
	font-size: 100%;
	padding-top: 0.5em;
}
#news .box .right p{
	font-size: 90%;
	line-height: 160%;
	padding-top: 0.5em;
}
#news .news_bt{
	position: relative;
	padding-top: 1em;
}
#news .news_bt img{
	width: 100%;
}



}