@charset "UTF-8";

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ slider(old) ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.mainvisual {
position:relative;
max-width:1200px;
height:auto;
margin-left:auto;
margin-right:auto;
}
.mainvisual_btn {
  position: absolute;
  background:#333; /* 背景色 */
  text-decoration: none; /* デフォルトで入るリンクの下線を消す */
width: 220px;/*ボタンの横幅指定*/
  padding: 10px 0;/*上下余白指定*/
  text-align: center;/*テキスト中央寄せ*/
bottom:1%;
  left: 2%;/*右からの距離*/
  transform: translateY(-99%);/*この指定で上下中央に*/
transition-duration: 1.5s;
}

.mainvisual_btn a, .mainvisual_sp a{
color:#FFF;
}
.mainvisual_btn:hover, .mainvisual_sp:hover {
opacity:0.6;
}
@media (max-width: 768px) {
.mainvisual_btn {
display:none;
}
}
.mainvisual_sp {
background:#333;
padding:10px;
text-align:center;
transition-duration: 1.5s;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ slider ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#top_visual {
}
#top_visual ul {
	max-width: 1200px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
}
#top_visual img {
	max-width:100%;
	height:auto;
}
.carousel-caption {
	position: absolute;
	right: 28%;
	bottom: 4rem;
	left: 1.5rem;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 10px;
	background:rgba(255,255,255,0.5);
}

.slider_caption {
	font-size:1.7rem;
	font-family: 'Sawarabi Gothic';
/*	text-decoration: underline;*/
	font-weight:bold;
	color:#122167;
}

@media screen and (max-width: 900px) {
	.carousel-caption {
		position: absolute;
		right: 30%;
		bottom: 2rem;
		left: 2rem;
	}
	.slider_caption {
		font-size:1rem;
	}
}

@media screen and (max-width: 650px) {
	.carousel-caption {
		right: 5%;
		bottom: .8rem;
		left: .5rem;
	}
	.slider_caption {
		font-size:1.2rem;
	}
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝  ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.info_waku {
padding:4%;
border:solid 5px #0077d7;
background:#FFF;
min-height:360px;
}
.infoList {
	margin-bottom: 10px;
}
.infoList ul {
list-style-type: none
}
 .infoList ul li a p.txt {
	float: none;
	width: auto;
display:inline;
}
.infoList ul li {
	border-bottom: 1px solid #8e8e8e;
}
.infoList ul li a {
	color: #000;
	display: block;
	padding: 5px 15px;
	overflow: hidden;
	transition: 0.2s;
}
.infoList ul li a:hover {
	color: #0077d7;
}
.infoList ul li a p.data {
	float: left;
	width: 35%;
	padding-top:7px;
}
.infoList ul li a p.data .tag {
	background-color: #0077d7;
	color: #FFF;
	display: inline-block;
	font-size: 14px;
	margin-right: 10px;
	margin-top: -2px;
	padding: 1px 15px;
	min-width: 90px;
	text-align: center;
}
.infoList ul li a p.txt {
	padding-top:7px;
	float: left;
	width: 65%;
}
@media only screen and (max-width: 768px) {
.infoList {
	margin-bottom: 0;
}
.infoList ul li a {
	padding: 10px;
	text-decoration: none;
}
.infoList ul li a p.data {
	font-size: 12px;
	float: none;
	width: auto;
}
.infoList ul li a p.data .tag {
	font-size: 10px;
	margin-left: 10px;
	margin-top: 0;
	line-height: 1;
	padding: 4px 12px;
	min-width: 70px;
}
.infoList ul li a p.txt {
	float: left;
	width: 100%;
}
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　katsudo　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#top_katsudo {
max-width:1200px;
margin-left:auto;
margin-right:auto;
}
#top_katsudo ul {
margin-bottom:0;
}
.slider_katsudo {
max-width:100%;
max-width:1200px;
margin-left:auto;
margin-right:auto;
padding:0;
}

.card {
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	margin:0.5em;
}
.card-body {
	padding:0.8rem;
}
.card-img-top {
	max-width: 100%;
	flex-shrink:0;
}
p.card-text {
	font-size:0.9em;
	line-height:0.4:
}

.card-title {
font-size:0.9em;
	padding: 0.2em 0.4em;/*上下 左右の余白*/
	color: #494949;/*文字色*/
	background: transparent;/*背景透明に*/
	border-left: solid 5px #0077d7;/*左線*/
}
span.katsudou_h {
	background:blue;
	padding:0.5em;
	border-radius:3px;
	color:#fff;
	font-size:0.9em;
	margin-left:5px;
}
.square_btn_small a {
	align-items: center;
	font-size:0.8rem;
	display:inline-block;
	padding: 0.3em 1em;
	text-decoration: none;
	border-radius: 4px;
	color:#FFF;/*効かない*/
	background-image: -webkit-linear-gradient(45deg, #031af9 0%, #64affc 100%);
	background-image: linear-gradient(45deg, #031af9 0%, #64affc 100%);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	border-bottom: solid 3px #031af9;
}

.square_btn_small a:hover{
	background:#057df8;
	border-bottom: solid 3px #054af8;
}
.square_btn_small a:active{
	-ms-transform: translateY(4px);
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
	border-bottom: none;
	color: #fff;
}

.bn_join {
max-width:600px;
margin:0 auto;
text-align:center;
}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/*-------------------------------------------------- */
.topbn_ul {
	max-width:1200px;
	margin-bottom:50px;
}
.topbn_ul li {
	width:24%;
	display:inline-block;
	padding:1%;
}
@media only screen and (max-width: 768px) {
	.topbn_ul li {
		width:49%;
	}
}
.sns_logo{
	padding-bottom:20px;
}
.sns_fb a{
	color:#3b5998;
	font-size:50px;
}
.sns_tw a{
/*	color:#00aced;*/
	color:#333333;
	font-size:50px;
}
.sns_in a {
	color:#f95249;
	font-size:50px;
}
.sns_ln a{
	color:#00ca42;
	font-size:50px;
}
.sns_fbText{
	margin-top:-10px;
	color:#3b5998;
	font-size:0.8em;
}
.sns_twText{
	margin-top:-10px;
/*	color:#00aced;*/
	color:#333333;
	font-size:0.8em;
}
.sns_inText{
	margin-top:-10px;
	color:#f95249;
	font-size:0.8em;
}
.sns_lnText{
	margin-top:-10px;
	color:#00ca42;
	font-size:0.8em;
}