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

　　オール九州パス
		
***************************************************************************************
=====================================================================================*/
#akp{
	max-width: 1200px;
	width: 90%;
	margin: 80px auto;
	position: relative;
}
#akp img{width: 100%;}
#akp ul{
	width: 100%;
	position: absolute;
	bottom: 10%;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform:translateX(-50%);
}
#akp li{
	width: 13.5%;
	display: inline-block;
	margin: 0 0.5%;
}
@media screen and (max-width: 800px){
	#akp .pc{display: none;}
	#akp .sp{display: block;}
	#akp{margin: 40px auto;}
	#akp ul{bottom: 6%;}
	#akp li{width: 44%; margin: 0.5% 1%;}
}



/*=====================================================================================
***************************************************************************************

　　追従ボタン
		
***************************************************************************************
=====================================================================================*/
#flow_btn{
	position: fixed;
	right: 0;
	bottom: 60px;
	z-index: 2;
}

#flow_btn a{
	display: block;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
	padding: 40px 20px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: 900;
	font-size: 18px;
	border-radius: 30px 0 0 30px;
	margin-bottom: 20px;
	line-height: 1;
}
#flow_btn a.ins{
	background: #ed4756;
}
#flow_btn a.my{
	background: #00ad81;
}

#flow_btn a span{vertical-align: middle;}

@media screen and (max-width: 750px){
	#flow_btn{bottom: 0;}
	#flow_btn a{
		font-size: 14px;
		padding: 24px 15px;
		margin-bottom: 10px;
		border-radius: 15px 0 0 15px;
	}
	
}



/*=====================================================================================
***************************************************************************************

　　メイン画像
		
***************************************************************************************
=====================================================================================*/
#main_img{
	margin: 0 auto 60px;
	padding-top: 120px;
	max-width: 1200px;
	width: 90%;
	position: relative;
}

#main_img .slick-arrow{
	position: absolute;
	z-index: 2;
	width: 30px;
	height: 30px;
	font-size: 0;
	border: none;
	cursor: pointer;
	top: 45%;
}
#main_img .slick-prev{
	background: url("../img/common/mv_prev.png") no-repeat;
	background-size: cover;
	left: -40px;
}

#main_img .slick-next{
	background: url("../img/common/mv_next.png") no-repeat;
	background-size: cover;
	right: -40px;
}

#main_img .slick-dots{margin-top: 10px;}
#main_img .slick-dots li{display: inline-block; margin: 0 5px;}
#main_img .slick-dots li button{
	font-size: 0;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	padding: 0;
	border: none;
	background: #c9c9c9;
	cursor: pointer;
}
#main_img .slick-dots .slick-active button{background: #323232;}

#main_img .slick_main img{width: 100%;}

#main_img .slick_main.sp{display: none;}

@media screen and (max-width: 750px){
	#main_img .slick_main.pc{display: none;}
	#main_img .slick_main.sp{display: block;}
	
	#main_img{padding-top: 90px; width: 85%; margin: 0 auto 10px;} 
	#main_img .slick-arrow{width: 20px; height: 20px;}
	#main_img .slick-next{right: -25px;}
	#main_img .slick-prev{left: -25px;}

}

/*=====================================================================================
***************************************************************************************

　　お知らせ
		
***************************************************************************************
=====================================================================================*/
#news_box{
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
	box-shadow: 0px 5px 17px 0.7px rgba(0, 0, 0, 0.1);
	background: #FFFFFF;
	padding: 20px 70px;
	border-radius: 35px;
	position: relative;
}

#news_box .slick-arrow{
	position: absolute;
	z-index: 2;
	width: 31px;
	height: 31px;
	font-size: 0;
	border: none;
	cursor: pointer;
	top: 0;
}
#news_box .slick-prev{
	background: url("../img/news_prev.png") no-repeat;
	background-size: cover;
	right: 40px;
}

#news_box .slick-next{
	background: url("../img/news_next.png") no-repeat;
	background-size: cover;
	right: 0;
}

#news_box .left_box{
	display: flex;
	align-items: center;
	flex: 1;
}

#news_box h2{
	font-weight: bold;
	font-size: 16px;
	border-right: 2px solid #323232;
	padding-right: 30px;
	margin-right: 30px;
}
#news_box ul{
	width: calc(100% - 200px);
	padding-right: 100px;
}

#news_box ul li{
	display: flex;
	width: 100%;
}


#news_box .day{
	font-size: 14px;
	margin-right: 20px;
	white-space: nowrap;
}
#news_box .tag{
	font-size: 12px;
    width: 100%;
    max-width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#news_box .category_tag{
	background-color: #323232;
	color: #FFFFFF;
	margin-right: 5px;
}
#news_box .area_tag{
	border: solid 1px #323232;
	color: #323232;
	margin-right: 20px;
}
#news_box .newslist u{
	position: relative;
	max-width: 100%;
	text-align: left;
	overflow: hidden;
	max-height: 26px;
	padding-right: 30px;
}
#news_box .newslist u.new::after{
	content: "NEW";
	font-size: 14px;
	position: absolute;
	color: #00b7ee;
	top:3px;
	font-weight: 900;
	right: 0;
}
#news_box .newslist u a{
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	font-size: 16px;
}


#news_box .list_btn{
	position: absolute;
	top: 25px;
	right: 60px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}


@media screen and (max-width: 850px){
	#news_box{padding: 20px 30px 10px;}
	#news_box .left_box{display: block;}
	#news_box h2{
		text-align: justify;
		border-right: none;
		margin: 0 0 5px;
		padding: 0;
		font-size: 25px;
	}
	#news_box ul{width: 100%; padding: 0;}
	
	#news_box .slick-arrow{top: -40px;}
	
	#news_box .list_btn{
		position: static;
		display: block;
		text-align: right;
		margin-top: 15px;
	}
}

@media screen and (max-width: 600px){
	#news_box ul li{display: block; text-align: left;}
	#news_box .newslist u{padding-right: 0;}
	#news_box .tag{display: inline-block; text-align: center;}
	#news_box .list_btn{margin-top: 10px;}
	#news_box{padding: 20px 30px 20px;}
}

/*=====================================================================================
***************************************************************************************

　　instagram
		
***************************************************************************************
=====================================================================================*/
#instagram{margin-top: 50px;}
#instagram img{width: 100%;}
#instagram a{
	display: block;
	max-width: 1000px;
	width: 90%;
	margin: 0 auto;
}

@media screen and (max-width: 500px){
	#instagram img.pc{display: none;}
	#instagram img.sp{display: inline-block; width: 330px;}
}

/*=====================================================================================
***************************************************************************************

　　コンセプト
		
***************************************************************************************
=====================================================================================*/
#concept{
	width: 100%;
	padding: 180px 0 150px;
	position: relative;
}
#concept > img{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
}

#concept .flex_box{
	display: flex;
	justify-content: center;
	position: relative;
	z-index: 1;
}

#concept .left_box p{
	font-weight: 900;
	color: #00b7ee;
	font-size: 50px;
	text-align: left;
	line-height: 2;
}

#concept .right_box{
	margin-left: 230px;
	text-align: right;
}
#concept .right_box p{
	font-size: 18px;
	line-height: 3;
	color: #505050;
	text-align: left;
}
#concept .right_box a{
	display: inline-block;
	border: 1px solid #505050;
	font-size: 18px;
	background: #FFFFFF;
	text-decoration: none;
	width: 200px;
	line-height: 60px;
	text-align: center;
	border-radius: 30px;
	margin-top: 30px;
}

@media screen and (max-width: 1300px){
	#concept .right_box{margin-left: 70px;}
}

@media screen and (max-width: 1000px){
	#concept .flex_box{display: block; width: 90%; margin: 0 auto;}
	#concept .left_box p{text-align: center;}
	#concept .right_box{margin: 60px auto 0; text-align: center;}
	#concept .right_box p{text-align: center;}
}

@media screen and (max-width: 600px){
	#concept{padding: 80px 0 ;}
	#concept .pc{display: none;}
	#concept .right_box{margin: 30px auto 0;}
	#concept .left_box p{font-size: 35px;}	
	#concept .right_box p{line-height: 2; font-size: 16px; text-align: center;}
	#concept .right_box p .sp{display: block;}
	#concept .right_box a{font-size: 16px; line-height: 50px;}
}



/*=====================================================================================
***************************************************************************************

　　チケット情報：最新8件
		
***************************************************************************************
=====================================================================================*/
#contents_list{
	padding: 130px 0 0;
	width: 100%;
	overflow: hidden;
}

#contents_list h2{
	font-weight: 900;
	color: #0082d6;
	font-size: 45px;
	margin-bottom: 40px;
}
#contents_list .txt_box{
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
	text-align: left;
}

/* スライダーの設定 */
#contents_list .slick-arrow{
	position: absolute;
	z-index: 2;
	width: 70px;
	height: 121px;
	font-size: 0;
	border: none;
	cursor: pointer;
	top: 35%;
}
#contents_list .slick-prev{
	background: url("../img/ticket_prev.png") no-repeat;
	background-size: cover;
	left: -6%;
}

#contents_list .slick-next{
	background: url("../img/ticket_next.png") no-repeat;
	background-size: cover;
	right: -6%;
}


#contents_list .slick-track{display: flex;}
#contents_list .slick-slide{float: none;height: auto !important;}

/* それぞれ */
#contents_list .in_box{
	width: 90%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto;
	position: relative;
}

#contents_list .inner{
	background: #FFFFFF;
	border-radius: 30px;
	box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.3);
	width: 23%;
	padding: 25px 0 90px;
	overflow: hidden;
	position: relative;
	margin:10px 20px;
}

#contents_list .tag_box{
	margin-bottom: 5px; 
	position: relative;
	padding: 0 25px;
}
#contents_list .tag_box::after{
	content: "KYUSHU MaaS";
	display: block;
	position: absolute;
	right: 25px;
	bottom: 10px;
	font-size: 1.2vw;
	line-height: 0;
	color: #edeadc;
	font-weight: 900;
}
#contents_list .tag_box ul{
	display: flex;
	flex-wrap: wrap;
	position: relative;
	z-index: 1;
}
#contents_list .tag_box li{
	color: #FFFFFF;
	background: #00b7ee;
	font-size: 17px;
	line-height: 26px;
	padding: 0 5px;
	margin-right: 3px;
	margin-bottom: 3px;
}

#contents_list .inner .new_icon{
	width: 50px;
    position: absolute;
    z-index: 5;
    right: 20px;
    top: -20px;
}

#contents_list .inner .img_box{
	width: 100%;
	height: 180px;
	padding: 0 25px;
}
#contents_list .inner .img_box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#contents_list .inner .t_title{
	font-size: 22px;
	color: #0082d6;
	font-weight: 900;
	margin-top: 5px;
	text-align: justify;
	line-height: 1.2;
	margin-bottom: 18px;
	padding: 0 25px;
}
#contents_list .inner .location{
	font-size: 18px;
	color: #c0bdae;
	font-weight: bold;
	text-align: justify;
	padding: 0 25px 15px;
}
#contents_list .inner .location::before{
	content: "";
	display: inline-block;
	width: 24px;
	height: 34px;
	background: url("../img/common/location.svg") no-repeat;
	background-size: cover;
	vertical-align: bottom;
	margin-right: 10px;
}

#contents_list .inner span{
	background: #0082d6;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 22px;
	display: block;
	text-decoration: none;
	padding: 25px 0;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

#contents_list .inner span::before {
	content: "";
	display: block;
	background-size: 12px 4px;
	background-image: linear-gradient(to right, #ffffff 6px, transparent 6px);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 2px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}

#contents_list .inner a{
	font-size: 0;
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}


/*最後のbutton*/
#contents_list  > a{
	text-decoration: none;
	display: inline-block;
	width: 400px;
	line-height: 60px;
	font-size: 18px;
	border: 1px solid #505050;
	border-radius: 30px;
	margin-top: 45px;
}

@media screen and (max-width: 1000px){
	#contents_list .tag_box li{font-size: 14px;}
	#contents_list .inner .img_box{height: 110px;}
	#contents_list .inner .t_title{font-size: 18px;}
	#contents_list .inner .location{font-size: 15px;}
	#contents_list .inner .location::before{width: 18px; height: 25px; margin-right: 5px;}
	#contents_list .inner span{font-size: 16px; padding: 20px 0;}
}

@media screen and (max-width: 800px){
	#contents_list{padding: 60px 0 40px;}
	#contents_list h2{font-size: 40px; line-height: 1.2;}
	#contents_list h2 .sp{display: block;}
	#contents_list h3{font-size: 28px; margin-bottom: 15px;}
	
	#contents_list > a{width: 90%; margin-top: 20px;}
	
	#contents_list .in_box{justify-content: space-between;}
	#contents_list .inner{
		border-radius: 15px;
		padding: 10px 0 50px;
	}
	#contents_list .tag_box{padding: 0 10px;}
	#contents_list .tag_box ul{width: 75%;}
	#contents_list .tag_box li{margin-bottom: 3px;}
	#contents_list .inner .img_box{height: 180px; padding: 0 10px;}
	#contents_list .inner .t_title{font-size: 14px; padding: 0 10px; margin-bottom: 8px;}
	#contents_list .inner .location{font-size: 12px; width: 100%;padding: 0 10px 10px;}
	#contents_list .inner .new_icon{
		width: 40px; 
		right: 6px; 
		bottom: auto;
		top: -10px;
	}
	#contents_list .inner span{padding: 10px 0; font-size: 14px;}
	
	#contents_list .slick-arrow{width: 30px; height: 51px;}
}




/*=====================================================================================
***************************************************************************************

　　チケット：条件検索部分
		
***************************************************************************************
=====================================================================================*/
#tag_search{
	text-align: left;
	margin-top: 85px;
}

.ticket_tl{
	font-weight: 900;
	color: #0082d6;
	font-size: 30px;
	margin-bottom: 20px;
	line-height: 1.2;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
.ticket_tl span{position: relative;z-index: 1;}

.ticket_tl::before{
	content: "";
	background: url("../img/common/hoshi.png") no-repeat;
	background-size: cover;
	display: inline-block;
	width: 39px;
	height: 40px;
	vertical-align: sub;
	margin-right: 10px;
	position: relative;
	z-index: 1;
}
.ticket_tl::after{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 7px;
	background: #eee000;
	bottom: 0;
	left: 0;
}

.button_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.button_list label {width: 23.5%;}
.button_list label input {display: none;}
.button_list label span {
	text-align: center;
    color: #0082d6; 
    font-size: 17px;
	font-weight: bold;
    border-radius: 10px;
    width: 100%;
	line-height: 60px;
	background: #FFFFFF;
	box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.3);
	display: block;
	cursor: pointer;
	margin-bottom: 20px;
}
.button_list label input:checked + span{
    color: #FFF; 
    background: #0082d6; 
	box-shadow: none;
}
.button_list label span:hover{background: #eafbff;}
.button_list::after{
	content: "";
	display: block;
    width: 23.5%;
	line-height: 60px;
}

.button_box{text-align: center; margin-top: 50px;}
.button_box input{
	cursor: pointer;
	background: #FFFFFF;
	border: 1px solid black;
	width: 300px;
	line-height: 60px;
	border-radius: 30px;
	font-size: 18px;
	font-family: "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック";
	font-weight: bold;
	color: #505050;
	padding: 0;
	margin: 0 10px;
}

.area_box{margin-bottom: 65px;}

.box01{
	padding: 90px 0 70px;
	position: relative;
}

.box01 > div{
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.box01::after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	background-color: #eef4f4;
	mix-blend-mode: multiply;
}


/* キーワード検索 */
.box02{
	padding: 70px 0 220px;
	position: relative;
}
.box02 div{
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

.box02 form{
	box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.3);
	background: #FFFFFF;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 10px;
	overflow: hidden;
}

.box02 .ki_search{
	border: none;
	border-radius: 0;
	height: 70px;
	padding:0 50px;
	font-size: 17px;
	font-family: "Zen Kaku Gothic New";	
	font-weight: bold;
	width: calc(100% - 100px);
}
.box02 .ki_search::placeholder{color: #adadad;}
input[type="text"]:focus {
　outline: none;
　border:2px solid #ff0;
}

.box02 .ki_button{
	border: none;
	border-radius: 0;
	width: 120px;
	height: 70px;
	padding: 0;
	color: #FFFFFF;
	font-weight: bold;
	background:#0082d6;
	font-size: 17px;
	font-family: "Zen Kaku Gothic New";
	cursor: pointer;
}

@media screen and (max-width: 750px){
	#tag_search{margin-top: 0;}
	.ticket_tl{font-size: 25px;}
	.ticket_tl::before{width: 33px; height: 34px;}
	
	.box01{margin: 40px auto 10px;padding: 60px 0 40px;}
	.area_box{margin-bottom: 40px;}
	
	.button_list label{width: 48%;}
	.button_list label span{ font-size: 16px;}
	.button_box{margin-top: 20px;}
	.button_box input{margin-bottom: 20px;}
	
	.box02{padding: 40px 0 50px;}
	.box02 .ki_button{
		width: 60px;
		height: 60px;
		font-size: 15px;
	}
	.box02 .ki_search{padding:0 20px; width: calc(100% - 60px); height: 60px;}
}





/*=====================================================================================
***************************************************************************************

　　こんなにおとく！
		
***************************************************************************************
=====================================================================================*/
#otoku{
	color: #FFFFFF;
	padding:150px 0 0;
	position: relative;
	overflow: hidden;
}
#otoku::before{
	content: "";
	width: 1950px;
	height: 150px;
	border-radius: 50% 50% 0 0;
	background: #00b7ee;
	position: absolute;
	left: 50%;
	margin-left: -975px;
	top: 0px;
}

#otoku article{background: #00b7ee; padding-bottom: 140px;}

#otoku h2{
	font-size: 45px; 
	line-height: 1.2;
	background: url("../img/otoku_line.png") center bottom no-repeat;
	padding-bottom: 40px;
	margin-bottom: 70px;
}
#otoku h2 span{
	font-size: 30px; 
	line-height: 1; 
	display: block;
	margin-bottom: 10px;
}

#otoku ul{
	max-width: 1250px; 
	width: 90%; 
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#otoku li{
	width: 370px; 
	margin: 0 20px 60px;
}
#otoku li h3{
	font-size: 38px;
	line-height: 1.2;
	margin: 10px auto;
}
#otoku li div{
	display: flex; 
	text-align: left;  
	align-items: center;
}
#otoku li p{margin-right: 10px;}



@media screen and (max-width: 1000px){
	#otoku li{width: 45%; margin: 0 auto 40px;}
}

@media screen and (max-width: 750px){
	#otoku{padding: 60px 0 0;}
	#otoku::before{height: 60px;}
	#otoku article{padding-bottom: 20px;}
	
	#otoku h2{font-size: 32px; margin-bottom: 30px;}
	#otoku h2 .sp{display: block;}
	#otoku h2 span{font-size: 20px;}
	#otoku li{width: 100%; margin: 0 auto 40px;}
	#otoku li .nam{width: 50px;}
	#otoku li h3{font-size: 28px; margin-bottom: 20px;}
	#otoku li div img{width: 100px;}
}



/*=====================================================================================
***************************************************************************************

　　マイルートについて
		
***************************************************************************************
=====================================================================================*/
#osusume{
	background: url("../img/osusume_bg.png") top center no-repeat;
	background-size: cover;
	padding: 180px 5% 270px;
}

#osusume h2{
	font-size: 45px; 
	line-height: 1.2;
	background: url("../img/osusume_line.png") center bottom no-repeat;
	padding-bottom: 40px;
	margin-bottom: 70px;
	color: #0082d6;
}
#osusume h2 span{
	font-size: 30px; 
	line-height: 1; 
	display: block;
	margin-bottom: 10px;
}

#osusume .flex_box{
	display: flex;
	max-width: 1200px;
	width: 100%;
	justify-content: space-between;
	margin: 0 auto;
}

#osusume .flex_box > div{width: 50%;}

#osusume .left_box{padding-right: 80px;}
#osusume .left_box p{text-align: left; margin: 50px 0 20px;}
#osusume .left_box .point{width: 100%;}
#osusume .left_box a{
	display: inline-block;
	text-decoration: none;
	border: 1px solid #505050;
	background: url("../img/common/betut_b.svg") center right 20px no-repeat;
	background-size: 25px;
	background-color: #FFFFFF;
	width: 340px;
	line-height: 60px;
	border-radius: 30px;
	margin-top: 30px;
}


#osusume .right_box .right_img{
	vertical-align: middle;
	width: 57%;
}
#osusume .right_box div{
	display: inline-block;
	width: 40%;
	vertical-align: middle;
}
#osusume .right_box .qr{width: 100%; margin-bottom: 30px;}

#osusume .right_box a{
	width: 130px;
	margin-bottom: 5px;
}
#osusume .right_box a img{width: 100%;}




@media screen and (max-width: 830px){
	#osusume{padding: 120px 5% 80px;}
	#osusume .flex_box{display: block;}
	#osusume .flex_box > div{max-width: 500px; width: 100%; margin: 0 auto;}
	#osusume .flex_box > div.left_box{padding-right: 0; margin-bottom: 60px;}

}


@media screen and (max-width: 750px){
	#osusume{padding: 70px 5% 60px;}
	#osusume h2{font-size: 32px; margin-bottom: 30px;}
	#osusume h2 span{font-size: 20px;}

	#osusume .logo{width: 90%;}
	#osusume .left_box p{ margin: 30px 0 20px;}
	
	#osusume .flex_box > div.left_box{margin-bottom: 20px;}
	#osusume .right_box .qr{display: none;}
}





/*=====================================================================================
***************************************************************************************

　　企業ロゴ
		
***************************************************************************************
=====================================================================================*/
#corporate_logo {
	padding: 200px 0 180px;
}
#corporate_logo h3{
	font-weight: bold;
	font-size: 65px;
	color: #0082d6;
	line-height: 1.3;
	margin-bottom: 20px;
}

#corporate_logo p{
	font-size: 20px;
	color: #0082d6;
}

#corporate_logo > div{
	margin: 40px auto 0;
}

#corporate_logo div a{
	display: block;
	/*width: 200px;*/
	border-radius: 10px;
	overflow: hidden;
	margin: 0 5px;
	border: 2px solid #eef4f4;
}
#corporate_logo div a img{width: 100%;}


#corporate_logo .slick-arrow{
	border: none;
	font-size: 0;
	position: absolute;
	z-index: 1;
	top: 50%;
	margin-top: -25px;
	cursor: pointer;
}
#corporate_logo .slick-arrow:hover{opacity: 0.6;}

#corporate_logo .slick-prev{
	left: 30px;
	width: 52px;
	height: 52px;
	background: url("../img/log_prev.png") no-repeat;
	background-size: cover;
}

#corporate_logo .slick-next{
	right: 30px;
	width: 52px;
	height: 52px;
	background: url("../img/log_next.png") no-repeat;
	background-size: cover;
}


@media screen and (max-width: 1100px){
	#corporate_logo .sp{display: block;}
}

@media screen and (max-width: 750px){
	#corporate_logo{padding: 80px 0 60px;}
	#corporate_logo h3{font-size: 30px; }
	#corporate_logo p{font-size: 14px; width: 90%; margin: 0 auto;}
	#corporate_logo > div{margin: 20px auto 0;}
}


@media screen and (max-width: 500px){
	#corporate_logo .slick-prev{left: 15px;}
	#corporate_logo .slick-next{right: 15px;}
}