/*********************************************************
* トップページのボックス
*********************************************************/

.swiper-container{
	width:100%;
	height:400px;
	background: #fff;
	position:relative;
/* 	border-bottom:2px solid #2DB9F5; */
}

.swiper-slide{
	background: #fff;
	color:#2DB9F5;
	height:400px;
	position:relative;
	/* Center slide text vertically */
	/* display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center; */
}

.main_box{
	position:relative;
	margin-top:10px;/* 左右15px */
	padding:5px;
	/*background-color:#EAF5FF;*/
	color:#2DB9F5;
	background-color:#FFF;
	border-bottom:2px solid #2DB9F5;
	/*border-radius:10px 10px 10px 10px / 10px 10px 10px 10px;*/
	height:400px;
}
.swiper-slide .float_button_left{
	position:absolute;
	width:30px;/*画像の幅*/
	height:30px;/*画像の高さ*/
	bottom:10px;
	right:50px;
	overflow:hidden;
	background-color:red;
}
.swiper-slide .float_button_right{
	position:absolute;
	width:30px;/*画像の幅*/
	height:30px;/*画像の高さ*/
	bottom:10px;
	right:10px;
	overflow:hidden;
	background-color:red;
}
.swiper-slide div.caption{
	font-size:20px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:15px;
}
.swiper-slide div.img_center{
	margin-top:5px;
	margin-bottom:5px;
	text-align:center;
}

.swiper-slide ul.bottom_margin_little{
	margin-bottom:10px;
}

.swiper-slide p{
	margin-bottom:10px;
	margin-right:5px;margin-left:5px;/* 【左右マージン】 */
}

.swiper-slide a{
	text-decoration:underline;
}
.swiper-slide strong{
	color:#2DB9F5;
}



/*******************************************
* swiper.cssのリセット、上書き
********************************************/

.swiper-button-prev,
.swiper-button-next
{
	top:auto; /*reset*/
	margin-top:0; /* reset */
	bottom:10px;
	width:60px;
	height:60px;
	background-size:60px 60px;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	background-image: url(../../../images_201809_update/button/slick_arrow_left.png);
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	background-image: url(../../../images_201809_update/button/slick_arrow_right.png);
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
	bottom: 30px;
}

/*******************************************
* 問題（非言語・言語・性格）
********************************************/

.button_categories{
	position:relative;
}
/* ボタン */
button.button_category{
	display:inline;
	color:#2CB1EA;
	border:1px solid #2CB1EA;
	background-color:#FFF;
	font-weight:bold;
	font-size:20px;
	text-align:center;
	cursor:pointer;
	padding:10px 0px;
	width:27%;
	border-radius:35px;/* オーバーしているが問題無し */
	margin-bottom:20px;
}

button.button_category_highlighted{
	display:inline;
	color:#FFF;
	border:1px solid #2CB1EA;
	background-color:#2CB1EA;
	font-weight:bold;
	font-size:20px;
	text-align:center;
	cursor:pointer;
	padding:10px 0px;
	width:27%;
	border-radius:35px;/* オーバーしているが問題無し */
	margin-bottom:20px;
}

.button_categories .button_left{
	margin-left:4%;
	margin-right:2%;
}
.button_categories .button_center{
	margin-left:2%;
	margin-right:2%;
}
.button_categories .button_right{
	margin-left:2%;
	margin-right:2%;
}

/*--------------------------------------------------------
* カテゴリ名 p h3（問題のみmargin-bottomを20pxに）
--------------------------------------------------------*/
p.category_name{
	font-weight:bold;
}

h3.question{
	margin-bottom:20px;
}