@charset "UTF-8";

/* TOPスライド１枚目のみリンクしないように */
.swiper-wrapper a.swiper-slide.slider-1 {
	pointer-events: none;
}

/* とは */

.top_towa {
	display:flex;
	margin:40px 0 50px;
}
.top_towa strong {
	color:#ea5800;
}
.top_towa_left {
	width:70%;
}
.top_towa_right {
	width:30%;
}
.top_towa_right img {
	width:100%;
}
@media screen and (max-width: 767px) {
	.top_towa {
		flex-direction: column;
		margin:0px;
	}
	.top_towa_left {
		width:100%;
	}
	.top_towa_right {
		width:100%;
	}

}

.kadai_kaiketu {
	position: relative;
	display:flex;
	flex-wrap: wrap;
	margin-bottom:40px;
	padding:10px 0 15px ;
	color:#fff;
	background:#666;
}
.kadai_kaiketu_second { margin-top:50px;}
.kadai_kaiketu .ti1 {
	width:15%;
	font-size:27px;
	color:#fff;
	text-align:center;
}
.kadai_kaiketu .ti1 span {
	border-bottom:2px solid #ffff00;
}
.kadai_kaiketu .ti2 {
	width:85%;
	font-size:27px;
	color:#fff;
}
.kadai_kaiketu .subtxt {
	width:100%;
	font-size:20px;
	text-align:center;
}
.kadai_kaiketu .subtxt span {
	padding:5px 20px 7px;
	background:#444;
	border-radius: 40px;
}
.kadai_kaiketu:after {
      position: absolute;
      top: 100%;
      right: 0;
      left: 0;
      width: 0;
      height: 0;
      margin: auto;
      border-color: #666 transparent transparent;
      border-style: solid;
      border-width: 22px 20px 0;
      content: "";
}
.kadai_kaiketu_kore {
	margin-bottom:10px;
	font-size:20px;
	font-weight:bold;
	color:#ea5800;
	text-align:center;
}
@media screen and (max-width: 767px) {
	.kadai_kaiketu .ti1 {
		width:100%;
		font-size:22px;
	}
	.kadai_kaiketu .ti2 {
		padding:0 5%;
		width:100%;
		font-size:22px;
	}
	.kadai_kaiketu .subtxt {
		font-size:16px;
	}

}

.arayuruWrap_col {
	margin-bottom:30px;
	padding:20px 5%;
	background:#fbf7e6;
	box-shadow:4px 4px 2px #ccc;
}
.arayuruWrap_col .read {
	padding:0 15px;
	font-size:24px;
	font-weight:bold;
}
.arayuruWrap_col.col_1 .read { border-left:6px solid #a4560b; }
.arayuruWrap_col.col_2 .read { border-left:6px solid #179d44; }
.arayuruWrap_col.col_3 .read { border-left:6px solid #105fad; }

.arayuruWrap_col .ti {
	display:flex;
}
.arayuruWrap_col.col_1 .ti { border:2px solid #a4560b; }
.arayuruWrap_col.col_2 .ti { border:2px solid #179d44; }
.arayuruWrap_col.col_3 .ti { border:2px solid #105fad; }

.arayuruWrap_col .ti .ic {
	padding:10px 0;
	width:20%;
	text-align:center;
}
.arayuruWrap_col.col_1 .ti .ic { background:#a4560b; }
.arayuruWrap_col.col_2 .ti .ic { background:#179d44; }
.arayuruWrap_col.col_3 .ti .ic { background:#105fad; }

.arayuruWrap_col .ti .txt {
	width:80%;
	background:#fff;
}
.arayuruWrap_col .ti .txt a {
	display:block;
	padding:10px 20px;
	background:url(../img/top/arayuru_arrow.png) no-repeat right 20px center ;
}
.arayuruWrap_col .ti .txt a:hover {
	background:#ffeecc url(../img/top/arayuru_arrow_on.png) no-repeat right 20px center ;
}
.arayuruWrap_col ul {
	margin-top:20px;
	padding:20px 5%;
	background:#fff;
	font-size:18px;
}
@media screen and (max-width: 767px) {
	.arayuruWrap_col .ti {
		flex-direction: column;
	}
	.arayuruWrap_col .ti .ic {
		width:100%;
	}
	.arayuruWrap_col .ti .txt {
		width:100%;
	}
	.arayuruWrap_col .ti .txt img {
		width:90%;
	}
	.arayuruWrap_col .ti .txt a {
		background-size:15px auto;
	}
	.arayuruWrap_col .ti .txt a:hover {
		background-size:15px auto;
	}
	.arayuruWrap_col ul {
		margin-top:10px;
		padding:10px 10%;
		background:#fff;
		font-size:16px;
	}

}

a.btn_wrap_pro {
	display:block;
	padding:30px 0 0 0;
	border:4px solid #ccc;
	width:100%;
	background:url(../img/top/arayuru_arrow.png) no-repeat right 20px center ;
}
a.btn_wrap_pro:hover {
	background:url(../img/top/arayuru_arrow_on.png) no-repeat right 20px center ;
}
a.btn_wrap_pro p {
	padding:0 15px;
}
@media screen and (max-width: 767px) {
	a.btn_wrap_pro {
		background:url(../img/top/arayuru_arrow.png) no-repeat right 10px top 33px ;
		background-size:15px auto;
	}
	a.btn_wrap_pro:hover {
		background:url(../img/top/arayuru_arrow_on.png) no-repeat right 10px top 33px ;
		background-size:15px auto;
	}
}