@charset "UTF-8";

/*大学下層★共通CSSファイル*/

/* ----------------------------------------------------------------------------------------------------
*  header
* --------------------------------------------------------------------------------------------------*/
header {
	width: 100%;
	padding: 30px 30px 0;
	height: 380px;
	margin-bottom: 0;
	position: relative;
}
header .logo{width: 268px; float: left;}
header nav{
	float: right;
	padding: 14px 105px 0 0;
}
.cat_ttl{
	height: 50px;
	max-width: 1210px;
	padding: 0 30px;
	margin: auto;
	position: relative;
}


.cat_ttl h1{
	position: absolute;
	top: -35px;

	font-size: 1.8rem;
}
	.cat_ttl img{vertical-align: bottom; margin-right: 25px;}
	.cat_ttl span{
		border:1px solid #333;
		border-radius: 18px;
		padding: 9px 50px;
		height: 36px;
		line-height: 1;
		display: inline-block;
	}
@media screen and (min-width: 769px) {
	.cat_ttl span{
		vertical-align: top;
		margin-top: 18px;
	}
}
@media screen and (max-width: 768px) {
	header {
		height: 144px;
		padding: 20px 0 0 3%;
	}
	header .logo{width: 164px;}
	header nav{display: none!important;}
	.cat_ttl{height: 60px; padding: 0;}
	.cat_ttl h1{width: 100%; text-align: center; top: -18px;}
		.cat_ttl h1 img{margin-right: 0; margin-bottom: 12px;}
	.cat_ttl span{
		height: 22px;
		font-size: 1.1rem;
		padding: 5px 17px;
	}
}


/* ----------------------------------------------------------------------------------------------------
*  content
* --------------------------------------------------------------------------------------------------*/
/*----1段組み------------------------------*/
.contentWrap{
	max-width: 1210px;
	margin: 0 auto 190px;
	padding: 0 30px;
}
.contentWrap *, .contentWrap *:after, .contentWrap *:before{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

@media screen and (max-width: 1100px) {
}
/*----2段組み------------------------------*/
.contentMain{
	float: left;
	width: calc(100% - 400px);
}
	@media screen and (max-width: 1100px) {
		.contentMain{width: calc(100% - 350px);}
	}

.contentSide{
	width: 300px;
	float: right;
}

	.contentSide h4{
		border-top: 3px solid #38baae;
		border-bottom: 1px solid #38baae;
		text-align: center;
		font-size: 1.75rem;
		line-height: 1;
		padding: 25px;
	}
	.sideNav{

	}
	.sideNav + h4{margin-top: 70px;}

		.sideNav li{
			border-bottom: 1px solid #d9d9d9;
		}
		.sideNav li a{
			position: relative;
			padding: 26px 17px 10px  15px;
			font-size: 1.5rem;
			line-height: 1.1;
			display: block;
			transition: 0.2s ease-in-out;
			text-decoration: none;
		}
		.ie11 .sideNav li a{padding: 20px 15px 16px;}
		.sideNav li a:after{
			content: '';
			position: absolute;
			display: inline-block;
			vertical-align: middle;
			width: 6px;
			height: 6px;
			top: 50%;
			/*margin-top: -4px;*/
			right: 12px;
			border-top: 1px solid #39baaf;
			border-right: 1px solid #39baaf;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
		}
		.sideNav li.sub a{
			font-size: 1.3rem;
			color: #727272;
			padding: 11px 15px 11px 20px;

		}
		.sideNav li.sub a:after{display: none;}
		.sideNav li.sub a:before{
			content: "-";
			display: inline;
			margin-right: 3px;
		}
		.sideNav li a:hover{color:#39baaf;}
	.sideCal{
		background:#fff;
		height: 270px;
		margin-top: 35px;
	}
	.sideCal div{
		background: #38baae;
		width: 100%;
		height: 50px;
	}

@media screen and (max-width: 768px) {
	html{overflow-x: hidden;}
	.contentWrap{width: 100%; margin: auto; padding: 0 8%; overflow-x: hidden;}
	.contentMain{width: 100%; float: none; padding: 0;}
	.contentSide{width: 100%; margin: 60px auto 0; float: none;}
	.contentSide h4{
		font-size: 1.4rem;
		padding: 20px;

	}
	.sideNav{

	}
	.sideNav + h4{margin-top: 40px;}
		.sideNav li a{
			font-size: 1.2rem;
			padding: 10px 18px 10px 10px;
		}
		.sideNav li:after{
			content: "";
		}
		.sideNav li a:after{
			top: 50%;
			margin-top: -2px;
		}
		.sideNav li.sub a{
			font-size: 1.1rem;
			padding: 7px 18px;
		}
		.sideCal{
			margin-top: 20px;
		}
		.sideCal div{height: 30px;}

	/*----スマホ用コンテンツ-----*/
	.spWrap{width: 94%; margin: auto;}
}

/* ----------------------------------------------------------------------------------------------------
*  index用
* --------------------------------------------------------------------------------------------------*/
/*----block1------------------------------*/
#index_blk1 p{font-size: 1.6rem;}
	#index_blk1 .alignright{width:40%;}
	#index_blk1 .alignleft{width:50%;}
	#index_blk1ph{}

@media screen and (max-width: 768px) {
	/*--default--*/
	#index_blk1 p{font-size: 1.1rem;}
	#index_blk1 .alignright{width:100%; padding-bottom: 40px;}
	#index_blk1 .alignleft{width:100%;}
	#index_blk1ph{
		width:100vw;
		left: 50%;
		transform: translateX(-50%);
		position:relative;
	}
}

/*----見出し------------------------------*/
/*--１　白背景--*/
.mid1{
	background: #fff;
	margin: 0 -50px 150px;
	padding: 22px 50px;
	font-size: 3.2rem;
	border-radius: 36px;
}
.mid1.mid1_mBs{margin-bottom: 50px;}

/*--2　下線2色--*/
.mid2{
	position: relative;
	border-bottom: 3px solid #39baaf;
	font-size: 2.6rem;
	line-height: 1.2;
	padding-bottom: 5px;
	margin-bottom: 66px;
}
.mid2:after{
	content: "";
	position: absolute;
	width: 50%;
	height: 3px;
	background: #fff;
	bottom: -3px;
	left: 50%;
	}


/*--2　下線2色右下注釈--*/
.mid_coment{
	bottom: -34px;
	position: absolute;
	font-size: 1.5rem;
	left: 0;
	}
@media screen and (max-width: 768px) {
.mid_coment{
	font-size: 1.2rem;
	bottom: -24px;
}
}


/*--3　緑文字--*/
.mid3{
	margin: 0 0 50px;
	font-size: 3rem;
	line-height: 1.4;
	color: #39baaf;
}
/*--4　下線付き 緑文字--*/
.mid4{
	margin: 0 0 40px;
	padding-bottom: 10px;
	font-size: 2rem;
	line-height: 1.4;
	color: #39baaf;
	border-bottom: 1px solid #d9d9d9;
}
/*--5　下線付き 黒文字--*/
.mid5{
		font-size: 2.2rem;
		display: inline-block;
		margin-bottom: 18px;
	}
	.mid5 span{border-bottom: 1px solid; line-height: 1.6;}
	.mid5 span span{border-bottom: none;}

/*--6　太字装飾なし--*/
.mid6{
	padding-bottom: 12px;
	font-weight: bold;
	font-size: 1.6rem;
	line-height: 1.2;
	}
/*--7　左に線入り--*/
.mid7{
	border-left: 1px solid #39baaf;
	padding: 5px 0 5px 25px;
	font-size: 2rem;
	margin-bottom: 45px;
	line-height:1.2;
}
@media screen and (max-width: 1100px) {
	/*--１　白背景--*/
	.mid1{
		margin: 0 -25px 150px;
		padding: 15px 25px;
	}

}
@media screen and (max-width: 768px) {
	/*--１　白背景--*/
	.mid1{
		margin: 0 -5% 33px;
		padding: 15px 25px;
		font-size: 2rem;
	}
	.mid1.mid1_mBs{margin-bottom: 25px;}

	/*--2　下線2色--*/
	.mid2{
		border-bottom: 2px solid #39baaf;
		font-size: 2rem;
		padding-bottom: 2px;
		margin: 0 0 35px;
	}
	.mid2:after{
		height: 2px;
		bottom: -2px;
	}
	/*--3　緑文字--*/
	.mid3{
		margin: 0 0 25px;
		font-size: 2.2rem;
	}
	/*--4　下線付き 緑文字--*/
	.mid4{
		margin: 0 0 20px;
		padding-bottom: 6px;
		font-size: 1.5rem;
	}
	/*--5　下線付き 黒文字--*/
	.mid5{
		margin-bottom: 27px;
		font-size: 1.5rem;
	}
	/*--6　太字装飾なし--*/
	.mid6{font-size: 1.1rem; padding-bottom: 8px;}
	/*--7　左に線入り--*/
	.mid7{
		padding-left: 12px;
		font-size: 1.5rem;
		margin-bottom: 15px;
	}

}
/*----content Block------------------------------*/
.unv_column{
	padding-bottom: 100px;
}
.unv_column:last-child{padding-bottom: 0!important;}
.unv_column2{
	padding-bottom: 80px;
}
.unv_column3{
	padding-bottom: 80px;
}
.unv_column4{
	padding-bottom: 50px;
}
@media screen and (max-width: 768px) {
	.unv_column{
		padding-bottom: 50px;
	}
	.unv_column2{
		padding-bottom: 45px;
	}
	.unv_column3{
		padding-bottom: 30px;
	}
	.unv_column4{
		padding-bottom: 25px;
	}
	/*--余白をはみ出させて幅100%にするもの--*/
	.sp100vw{
		width: 100vw;
		left: 50%;
		transform: translateX(-50%);
		position:relative;
	}
}



/*----text------------------------------*/
/*--default--*/
.contentWrap p{
	line-height: 2;
}
.contentWrap li{
	line-height: 1.6;
}
.contentWrap p+p{padding-top: 35px;}

.contentWrap a{text-decoration: underline; 	transition: 0.2s ease-in-out;}
.contentWrap a:hover{color: #39baaf;}

/*--キャプション,注釈--*/
p.unv_caption{
	color: #727272;
	font-size: 1.3rem;
	line-height: 1.4;
	padding-top: 5px;
}
	.unv_caption .name{
		color: #333;
		display: block;
		font-size: 1.6rem;
	}
@media screen and (max-width: 768px) {
	/*--default--*/
	.contentWrap, .contentWrap p, .contentWrap li{font-size: 1.1rem;}
	.contentWrap p+p{padding-top: 20px;}
	/*--キャプション--*/
	.unv_caption{font-size: 1rem;}
	.unv_caption .name{font-size: 1.1rem;}

}

/* ----------------------------------------------------------------------------------------------------
*  footer
* --------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	footer{
		padding-top: 0;
	}
}

/* ------------------------------
    formreset
------------------------------ */
.contentWrap form{}
.contentWrap input, .contentWrap button, .contentWrap textarea, .contentWrap select {
  margin: 0;
  padding: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background:#fff;
  border:1px solid #d9d9d9;
  border-radius: 10px;
  padding: 5px 10px;
}
.contentWrap button, .contentWrap input[type="submit"]{
	color: #fff;
	background: #38baae;
	border:none;
	padding: 10px;
	transition: 0.2s ease-in-out;
}
.contentWrap button:hover, .contentWrap input[type="submit"]:hover{opacity: 0.6;}

/* ----------------------------------------------------------------------------------------------------
*  パーツ設定
* --------------------------------------------------------------------------------------------------*/

/*----2カラムにするものの幅設定------------------------------*/
@media screen and (min-width: 769px) {
	/*--2カラム用の幅設定1--*/
	.fl_w216{
		width: 216px;
	}
	.fl_w216main{
		width: calc(100% - 250px);
	}
}
/*----写真とキャプションのみのブロック------------------------------*/
	.ph_blk{
		padding-bottom: 70px;
		text-align: center;
	}
		img.ph_w1{
			width: 471px;

		}


@media screen and (max-width: 768px) {
	.ph_blk{
		padding-bottom: 20px;
	}
		img.ph_w1{
			width: 82%;

		}

}

/*----indexページ各メニューへのlist------------------------------*/
.indexmenu{
	letter-spacing: -0.4em;
}
.indexmenu li{
	letter-spacing: normal;
	display: inline-block;
	vertical-align: top;
	width: 30.8%;
	margin-right: 3.8%;
	margin-bottom: 20px;
}
.indexmenu li:nth-of-type(3n){margin-right: 0;}

@media screen and (min-width: 769px) {
	/*--2段組みの中にある場合--*/
	.contentMain .indexmenu li{
		width: 48.1%;
		margin-right: 0;
	}
	.contentMain .indexmenu li:nth-of-type(3n){margin-right: 0;}
	.contentMain .indexmenu li:nth-of-type(odd){margin-right: 3.8%;}
}
.indexmenu li a{
	display: block;
	background: #fff;
	border-bottom: 1px solid #d9d9d9;
	text-decoration: none;
}
.indexmenu p{
	font-size: 1.6rem;
	line-height: 1.2;
	padding: 28px 50px 28px 25px;
	position: relative;
}
	.indexmenu p.narrow{padding: 18px 50px 18px 25px;}
.indexmenu p .insta-icon{
	position: absolute;
	right: 25px;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
}
.indexmenu p .insta-icon img{
	left: 0;
	top: 0;
	position: absolute;
}
.indexmenu p .insta-icon img.hover{
	opacity: 0;
}
.indexmenu a:hover p .insta-icon img.hover{
	opacity: 1;
}
.indexmenu a:hover p .insta-icon img.normal{
	opacity: 0;
}

.indexmenu p .circle_btn{
	position: absolute;
	right: 25px;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
}
.indexmenu .circle_btn:before{
	width: 20px;
	height: 20px;
}
.indexmenu .circle_btn:after{
	left: 6px;
	top: 7px;
	width: 6px;
	height: 6px;
}
/*--下向き--*/
.indexmenu .circle_btn.btm_arrow:after{
	top: 6px;
	left: 7px;
	-webkit-transform:rotate(135deg);
	transform:rotate(135deg);
}
.blkLine{
	padding-bottom: 40px;
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 60px;

}

@media screen and (max-width: 768px) {
	.indexmenu li{
		width: 100%;
	}
	.indexmenu p{
		font-size: 1.4rem;
		padding: 26px 44px 26px 22px;
	}
			.indexmenu p.narrow{padding: 18px 44px 18px 22px;}
	.indexmenu p .insta-icon{
		right: 25px;
		width: 15px;
		height: 15px;
	}
	.indexmenu .circle_btn{
		right: 20px;
		width: 17px;
		height: 17px;
	}
	.indexmenu .circle_btn:before{
		width: 17px;
		height: 17px;
	}
	.indexmenu .circle_btn:after{
		left: 5px;
		top: 6px;
		width: 5px;
		height: 5px;
	}
	.indexmenu .circle_btn.btm_arrow:after{
		top: 5px;
		left:6px;
	}

}



/* ------------------------------
    タブ★
------------------------------ */
/* ----- 動作　------ */
.tab_content{
	display: none;
}
.tab_content.active{
	display: block;
}

/* ----- Tab-ボタンデザイン　------ */
.tab_btns{
	letter-spacing: -0.4em;
	text-align: center;
}
	.tab_btn{
		cursor: pointer;
		letter-spacing: normal;
		display: inline-block;
		background:#39baaf;
		color: #fff;
		line-height: 1.2!important;
		padding: 16px 27px;
		position: relative;
		margin-left: 1px;
		text-align: center;
	}
	.tab_btn:after{
		content: "";
		position: absolute;
		left: 50%;
		margin-left: -2px;
		bottom:4px;
		width: 7px;
		height: 7px;
		border-top: 1px solid #39baaf;
		border-right: 1px solid #39baaf;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		transition: 0.2s ease-in-out;
	}
	.tab_btn:hover:after{border-color: #fff;}
	.tab_btn.active{
		background: #fff;
		color: #333;
	}
	.tab_btn.active:hover:after{border-color: #39baaf;}
	.tab_btns.tab_btnsAllfull{
		display: table;
		width: 100%;
		border-collapse:separate;
    	border-spacing: 1px 0;
    }
    .tab_btnsAllfull .tab_btn{display: table-cell; text-align: center; vertical-align: middle;}
@media screen and (max-width: 768px) {
	.tab_btn{
		padding: 11px 20px;
		font-size: 1.1rem;
	}
	.tab_btn:after{width: 5px; height: 5px;}
	/*----tabボタンコンテンツ幅いっぱいに------------*/
	.tab_btns.tab_btnsfull, .tab_btns.tab_btnsAllfull{
		display: table;
		width: 100%;
		border-collapse:separate;
    	border-spacing: 1px 0;
	}
	.tab_btnsfull .tab_btn, .tab_btnsAllfull .tab_btn{display: table-cell; padding:11px 0; text-align: center; vertical-align: middle;}

}
/* ----- Tab-コンテンツ部分デザイン　------ */
.tab_contents{
	background: #fff;
	padding: 60px 40px;
}
	.tab_content{
	}
	.tab_content.active{
	}
@media screen and (max-width: 768px) {
	.tab_contents{
		width: 100vw;
		left: 50%;
		transform: translateX(-50%);
		position:relative;
		padding: 40px 12%;
	}

}

/* ----- Tab-コンテンツ内部デザイン　------ */
.tab_content div:last-of-type{margin-bottom: 0; padding-bottom: 0;}
/* ------------------------------
    アコーディオン動作基本★デザインは各パーツのcssに
------------------------------ */
.accordion_btn{}
.accordion_content{
	display: none;
}

/* ------------------------------
    ul
------------------------------ */

/*--緑テキストの番号付きリスト--*/
.list1{
	margin-bottom: 80px;
}
.list1 li{
	padding: 0 0 6px 40px;
	color: #39baaf;
	border-bottom: 1px solid #d9d9d9;
	text-indent: -40px;
	line-height: 1.6;
	font-size: 1.6rem;
	position: relative;
}
.list1 li span.num{width: 40px; display: inline-block; text-indent: 0;}
.list1 li p{text-indent: 0;}
.list1 li+li{padding-top: 20px;}
@media screen and (max-width: 768px) {
	.list1{
		margin-bottom: 35px;
	}
	.list1 li{
		padding: 0 0 10px 20px;
		text-indent: -20px;
		font-size: 1rem;
	}
	.list1 li span.num{width: 20px;}
	.list1 li+li{padding-top: 7px;}
}
/*--リスト1_番号ではなく"?"のリスト--*/
.list1_1{

}
.list1_1 li{
	padding-left:1em;
	text-indent: -1em;
}
	.list1_1 li p{text-indent: 0; line-height: 1.4; font-size: 1.4rem; padding-top: 5px;}
.list1_1 > li:before{
	content: "?";
}
.list1_1 li .numLIST{ padding-left: 1em; }
.list1_1 li .numLIST li{
	font-size: 1.5rem;
	padding-left:1.5em;
	text-indent: -1.5em;
}
@media screen and (max-width: 768px) {
	.list1_1 li p{font-size: 1.1rem;}
	.list1_1 li .numLIST li{
		font-size: 1.1rem;
	}
}
/*--リスト1_プレーンなリスト--*/
.list1_3{
	padding-left:0;
	text-indent: 0;
	margin-bottom: 0;
}
.list1_3 li{border-bottom: none;}
@media screen and (max-width: 768px) {
	.list1_3{
		padding-left:0;
		text-indent: 0;
		margin-bottom: 0;
	}
}
/*--リスト2--*/
.list2 ul{}
.list2 li{
	padding: 9px 10px;
	font-size: 1.3rem;
	line-height: 1.6;
	border-bottom: 1px solid #d9d9d9;
}

@media screen and (max-width: 768px) {
	.list2 li{
		font-size: 1rem;
		padding: 4px 12px;
	}
}

/*--リスト2_経歴等--*/
	.list2_1 li{
		padding: 15px 10px 6px;
	}
	.list2_1 li span{
		display: block;
		color: #39baaf;
	}
	@media screen and (max-width: 768px) {
		.list2_1 li{padding: 5px 12px;}
	}
/*--リスト2_新着リスト--*/
	.list2_2 li{
		padding: 20px;
	}
	.list2_2 li span{
		color: #39baaf;

	}
	.list2_2 li a{transition: 0.2s ease-in-out;}
	.list2_2 li a:hover{color: #39baaf; text-decoration: underline;}

@media screen and (min-width: 769px) {
	.list2_2 li{
		display: table;
		width: 100%;
	}
	.list2_2 li span{
		display: table-cell;
		width: 170px;
		padding: 0 40px 0 20px;
	}
	.list2_2 li a{display: table-cell;}

}
@media screen and (max-width: 768px) {
	.list2_2 li{padding: 5px 12px;}
	.list2_2 li span{display: block;}
}
/*--リスト2_3テキストリスト--*/
	.list2_3 li{
		padding: 15px 10px 6px;
	}


	@media screen and (max-width: 768px) {
		.list2_3 li{padding: 5px 12px;}
	}
/*--リスト3 テキストリスト下線無し--*/
	.list3 li{
		padding: 15px 0px 6px;
	}
	@media screen and (max-width: 768px) {
		.list3 li{padding: 5px 0;}
	}

/*--リスト4 テキストリスト下線--*/
	.list4{
		margin-top: 40px;
	}
	.list4 > li{
		padding: 0 0 6px 30px;
		text-indent: -30px;
		line-height: 1.6;
		font-size: 1.6rem;
		border-bottom: 1px solid #d9d9d9;
		position: relative;
	}

	.list4 > li span.num{width: 30px; display: inline-block; text-indent: 0;}
	.list4 > li p{text-indent: 0;}
	.list4 > li+li{padding-top: 15px;}
	@media screen and (max-width: 768px) {
	.list4{
		margin-bottom: 35px;
	}
	.list4 li{
		padding: 0 0 10px 20px;
		text-indent: -20px;
		font-size: 1rem;
	}
	.list4 li span.num{width: 20px;}
	.list4 li+li{padding-top: 7px;}
	}

/*--リスト4 テキストリスト下線なし--*/
	.list4_1{
		margin-top: 20px;
	}
	.list4_1 > li{
		padding: 0 0 6px 30px;
		text-indent: -30px;
		line-height: 1.4;
		font-size: 1.4rem;
		position: relative;
	}

	.list4_1 > li span.num{width: 30px; display: inline-block; text-indent: 0;}
	.list4_1 > li p{text-indent: 0;}
	.list4_1 > li+li{padding-top: 15px;}
	@media screen and (max-width: 768px) {
	.list4_1{
		margin-bottom: 35px;
	}
	.list4_1 li{
		padding: 0 0 10px 20px;
		text-indent: -20px;
		font-size: 1rem;
	}
	.list4_1 li span.num{width: 20px;}
	.list4_1 li+li{padding-top: 7px;}
	}


/*--リストop PCでは2列表示させるもの--*/
	@media screen and (min-width: 769px) {
		.pc2lineLi{letter-spacing: -0.4em;}
		.pc2lineLi li{
			display: inline-block;
			width: 47%;
			letter-spacing: normal;
		}
		.pc2lineLi li:nth-of-type(even){margin-left: 6%;}
}
/*---------学科へのリンク---------*/
	.link_academics{
		display: table;
		width: 100%;
		letter-spacing: -0.4em;
	}
	.link_academics li+li{margin-top: 14px;}
	.link_academics a{
		display: block;
		background: #fff;
		border-bottom: 1px solid #d9d9d9;
		font-size: 20px;
		line-height: 1.2;
		position: relative;
	}
	.link_academics div{
		display: inline-block;
		vertical-align: middle;
		letter-spacing: normal;
	}
	.link_academics div img{width: 236px; vertical-align: bottom;}
	.link_academics div:nth-of-type(2){
		padding: 0 60px 0 40px;
	}
	.link_academics .f_roboto{color:#39baaf; display: block; font-size: 1rem; padding-top: 6px;}
	.link_academics .parent{font-size: 1.4rem; display: block; padding-bottom: 6px;}
	.link_academics .circle_btn{
		position: absolute;
		right: 35px;
		top: 50%;
		transform: translateY(-50%);
	}
	.link_academics .circle_btn:before{
		width: 25px;
		height: 25px;
	}
	.link_academics .circle_btn:after{
		width: 7px;
		height: 7px;
		left: 8px;
		top: 9px;
	}
@media screen and (max-width: 768px) {
	#president_blk5{

	}
	.link_academics a{font-size: 1.2rem;}
	.link_academics li+li{margin-top: 10px;}

	.link_academics div:nth-of-type(1){
		width: 38%;
		max-width: 116px;
		overflow: hidden;
	}
	.link_academics div:nth-of-type(2){
		width: 55%;
		padding: 0 4% 0 3%;
	}
	.link_academics div img{
		width: 116px;
		height: auto;
	}
	.link_academics .f_roboto{font-size: 1rem; padding-top: 2px; line-height: 1; }
	.link_academics .parent{font-size: 1rem; padding-bottom: 0px;}
	.link_academics .circle_btn{
		right: 3.5%;
		width: 17px;
		height: 17px;
	}
	.link_academics .circle_btn:before{
		width: 17px;
		height: 17px;
	}
	.link_academics .circle_btn:after{
		width: 5px;
		height: 5px;
		left: 5px;
		top: 6px;
	}
}

/*---------大き目のリンクボタン---------*/
a.btnGr{
	font-size: 1.8rem;
	color: #39baaf;
	text-align: center;
	background: #fff;
	border: 1px solid #39baaf;
	border-radius: 50px;
	display: block;
	padding: 20px 0;
	margin: 0 auto;
	text-decoration: none;
	transition: all 0.2s ease-out;
	width: 85%;
	max-width: 500px;
}
.ie a.btnGr{
	padding: 23px 0 17px;
}
a.btnGr:before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 8px;
	height: 8px;
	margin-top: -1px;
	margin-right: 10px;
	border-top: 1px solid #39baaf;
	border-right: 1px solid #39baaf;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: all 0.2s ease-out;
}

/*hover*/

a.btnGr:hover{
	text-decoration: none;
}
a.btnGr:hover{
	color: #fff;
	background: #39baaf;
}
a.btnGr:hover:before {
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}
@media screen and (max-width: 768px) {
	a.btnGr{
		font-size: 1.3rem;
		padding: 12px 0;
		width: 100%;
	}
}

/*---------画像とタイトル説明文のブロック---------*/
.facilityList{padding-bottom: 100px;}
	.facilityList li+li{margin-top: 42px;}
	.facilityList a{text-decoration: none;}
	.facilityList .ph{
		width: 41.5%;
		float: left;
		margin-right: 4.6%;

	}
	.facilityList p{overflow: hidden;}
	.facilityList p span:first-child{
		display: block;
		background: #fff;
		padding: 10px 25px 8px;
		margin-bottom: 20px;
		font-size: 1.6rem;
		line-height: 1;
		color: #39baaf;
		border-radius: 1.6em;
		border:1px solid #d9d9d9;
	}
	.ie11 .facilityList span:first-child{padding: 12px 25px 6px;}
@media screen and (max-width: 768px) {
	.facilityList{padding-bottom: 40px;}
	.facilityList li+li{margin-top: 40px;}
	.facilityList .ph{
		width: 80%;
		max-width: 250px;
		float: none;
		margin: 0 auto 20px;

	}
	.facilityList p{overflow: hidden;}
	.facilityList p > span:first-child{
		padding: 8px 20px 7px;
		margin-bottom: 12px;
		font-size: 1.5rem;
	}
}

/*---------テキストリンク---------*/
	.link_txt{
		padding-bottom: 50px;
	}
	.link_txt li{
		padding-left: 1em;
		text-indent: -1em;
		line-height: 1.4;
		font-size: 1.6rem;
		border-bottom: 0;
	}
	.link_txt li+li{padding-top: 8px;}
	.link_txt li a{text-decoration: underline; transition: 0.2s ease-in-out;}
	.link_txt li a:hover{color: #39baaf;}
@media screen and (max-width: 768px) {
		.link_txt{
			padding-bottom: 25px;
		}
		.link_txt li{font-size: 1.1rem;}
}
/*---------リストの中のリスト(既存のリセット)---------*/
.listReset{

}
.listReset li{
	font-size: 1.4rem;
	padding: 0;
	border-bottom: 0;
	color: #333;
}
.listReset li+li{padding-top: 0;}
@media screen and (max-width: 768px) {
	.listReset li{
		font-size: 1.1rem;
	}
}
/*---------リスト先頭にドット---------*/

/*--tel--*/
.telLink a{text-decoration: underline; color:#39baaf;}




/*---------白背景ボックスキストリンク---------*/
	.link_wbox{
		background: #fff;
		border-left: 1px solid #39baaf;
		padding: 32px 42px;
		margin-top: 10px;
	}
	.link_wbox ul{padding-bottom: 0;}
	.link_wbox li{
		color: #39baaf;
		padding-left: 1em;
		text-indent: -1em;
		line-height: 1.4;
		font-size: 1.6rem;
	}

	.link_wbox li a{color: #39baaf; text-decoration: underline; transition: 0.2s ease-in-out;}
	.link_wbox li a:hover{color: #333;}
	.link_wbox li+li{padding-top: 8px;}


@media screen and (max-width: 768px) {
		.link_wbox{margin-top: 5px; padding: 25px 20px;}
		.link_wbox ul{padding-bottom: 0;}
		.link_wbox li{font-size: 1.1rem;}
}
/*---------白枠---------*/
.wbox{
	background: #fff;
	padding: 32px 42px;
}
@media screen and (max-width: 768px) {
		.wbox{padding: 25px 20px;}
}

/*---------緑背景見出し+白背景ボックスキストリンク---------*/
.list_linle3, .list_linle4{
	letter-spacing: -0.4em;
	display:flex;
	flex-wrap:wrap;
}
		.list_linle3 li, .list_linle4 li{
			letter-spacing: normal;
			display: inline-block;
			width: 31.6%;
			vertical-align: top;
			background: #fff;
		}
			.list_linle4 li{width: 23.2%;}
		.list_linle3 li+li{margin-left: 2.6%;}
		.list_linle4 li+li{margin-left: 2.4%;}
		.list_linle3 li span, .list_linle4 li span{
			width: 100%;
			display: block;
			text-align: center;
			background: #39baaf;
			color: #fff;
			line-height: 60px;
			font-size: 1.6rem;
		}
		/*--innerlist--*/
		.list_linle3 li ul{
			padding: 20px 20px 34px;
		}
   	    .list_linle4 li ul{padding: 20px 10px 34px;}

		.list_linle3 li ul li, .list_linle4 li ul li{
			display: block;
			width: 100%;
			padding-left: 1em;
			text-indent: -1em;
			line-height: 1.2;
		}
		.list_linle3 li ul li+li, .list_linle4 li ul li+li{margin-left: 0; padding-top: 8px;}
		.list_linle3li ul li, .list_linle4 li ul li:before{
			content: "?";
		}

@media screen and (max-width: 768px) {
	.list_linle3 li, .list_linle4 li{
		display: block;
		width: 100%;
		font-size: 1.1rem;
	}
	.list_linle3 li ul, .list_linle4 li ul {padding: 12px;}
	.list_linle3 li+li, .list_linle4 li+li{margin-left:0; margin-top: 15px; }
	.list_linle3 li span, .list_linle4 li span{line-height: 30px; font-size: 1.1rem;}
	.list_linle3 li ul li, .list_linle4 li ul li{
		display: inline-block;
		width: auto;
		vertical-align: top;
		padding-right: 6px;
		padding-bottom: 6px;
	}
	.list_linle3 li ul li+li, .list_linle4 li ul li+li{margin-top: 0; padding-top: 0;}
	.list_linle3 li:first-child ul li, .list_linle4 li:first-child ul li{width: 100%;}
}
/* ------------------------------
    QA
------------------------------ */
	dl.qaList{
		background: #fff;
		padding: 20px 36px;
	}
	dl.qaList+dl.qaList{margin-top: 24px;}
	.qaList dt, .qaList dd{
		position: relative;
		padding: 0 46px 0 82px;
		line-height: 1.6;
	}
	.qaList dt{
		color:#39baaf;
		font-size: 1.6rem;
		transition: 0.2s ease-in-out;
	}

	.qaList dd{
		font-size: 1.4rem;
		border-top: 1px solid #d9d9d9;
		padding-top: 20px;
		margin-top: 15px;
	}
	.qaList dt:before, .qaList dd:before{
		position: absolute;
		color:#39baaf;
		top: -8px;
		left: 30px;
		font-size: 2.6rem;
	}
	.qaList dt:before{
		content: "Q";
	}
	.qaList dd:before{
		content: "A";
		top: 10px;
	}
	.qaList dt:after{
		content: "";
		position: absolute;
		right: 24px;
		top: 50%;
		margin-top: -4px;
		width: 7px;
		height: 7px;
		border-top: 1px solid #39baaf;
		border-right: 1px solid #39baaf;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	.qaList dt.active:after{
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		margin-top: 0px;
	}
@media screen and (min-width: 769px) {
	.qaList dt:hover{color: #333; text-decoration: underline;}
}
@media screen and (max-width: 768px) {
	dl.qaList{
		background: #fff;
		padding: 20px 10%;
	}
	dl.qaList+dl.qaList{margin-top: 10px;}
	.qaList dt{
		font-size: 1.2rem;
		padding: 0 20px 0 30px;
	}
	.qaList dd{
		font-size: 1rem;
		padding: 20px 10px 0 30px;
	}
	.qaList dt:before, .qaList dd:before{
		font-size: 2rem;
		left: 0;
	}
	.qaList dt:after{
		width: 5px;
		height: 5px;
		right: 2px;

	}
}
/* ------------------------------
    table
------------------------------ */
	/*--テーブル横スクロール--*/
	.scroll_table{
		overflow-x: auto;　　　/*tableをスクロールさせる*/
		white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
	}
	.scroll_table::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
		-webkit-appearance: none;
		height: 12px;
	}
	.scroll_table::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 		-webkit-appearance: none;
		margin: 0 2px;
	  	background: #fff;
	  	border-radius: 5px;
	  	border: none;
	}
	.scroll_table::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
		-webkit-appearance: none;
 		border-radius: 5px;
	  	background: #aaa;
	}
@media screen and (max-width: 768px) {
	.scroll_table {
	  overflow-x: scroll;
	  padding-bottom: 10px;
	}
}
/*--テーブル基本設定--*/
.tbl_base{
	width: 100%;
	background: #fff;
	border-collapse: collapse;
}

	.tbl_base th, .tbl_base td{
		border-top: 1px solid #e5e5e5;
		border-left: 1px solid #e5e5e5;
		padding: 18px 8px;
		line-height: 1.4;
	}
	.tbl_base tr:first-child th, .tbl_base tr:first-child td{border-top:none;}
	/*.tbl_base tr th:last-child, .tbl_base tr td:last-child{border-left:none;}*/
	.tbl_base th{
		background: #39baaf;
		color: #fff;
		vertical-align: middle;
	}
	.tbl_base td{
		vertical-align: middle;
	}

	/*--whitespace--*/
	/*.scroll_table th, .scroll_table td{white-space: nowrap;}*/
	.nowrapCell td, .nowrapCell{white-space: nowrap;}
	.nowrapTh th{white-space: nowrap;}
	.wrapCell{white-space: normal;}

	/*--textaligh--*/
	table.tbl_taC th, table.tbl_taC td{text-align: center;}
	table.tbl_vaM th, table.tbl_vaM td{vertical-align: middle;}

@media screen and (max-width: 768px) {
	.tbl_base th, .tbl_base td{
		padding: 8px 4px;
		font-size: 1rem;
	}
}
/*---------table1年表---------*/
.tbl1{
}
	.tbl1 th{
		text-align: center;
		padding: 8px 18px;
	}
	.tbl1 td{padding: 10px 36px;}
	.tbl1 tr td:nth-child(1){padding-right:60px;}
	.tbl1 tr td:nth-child(2){
		font-size: 1.6rem;
	}
	.tbl1 td p{
		font-size: 1.4rem;
		padding-top: 20px;
	}
@media screen and (max-width: 768px) {
	.tbl1 table{min-width: 400px;}
	.tbl1 td{padding: 10px 20px;}
	.tbl1 tr td:nth-child(1){padding-right:20px;}
	.tbl1 tr td:nth-child(2){
		font-size: 1.2rem;
	}
	.tbl1 td p{
		font-size: 1rem;
		padding-top: 15px;
	}
}
/*---------table1_1余白均等---------*/
.tbl1_1 th, .tbl1_1 td{padding: 10px; }


/*---------table2集計---------*/
	.tbl2 th{
	}

	.tbl2 tr:nth-child(n+3) th{}
	.tbl2 td{
		text-align: center;
	}
	tr.sum td, td.sum{background: #eaf6f4;}
	tr.gl td, td.gl{background: #fbfbf3;}
	tr.tblbg1 td, td.tblbg1{background: #f5b2b2;}/*--必須--*/
	tr.tblbg2 td, td.tblbg2{background: #a7d28d;}/*--選択--*/

/*---------tablebase-2折り返しさせない---------*/
	.tbl_nowrap{}
	.tbl_nowrap th, .tbl_nowrap td{
		white-space: nowrap;
		vertical-align: middle;
		text-align: center;
	}


/*---------table3在籍講師紹介等---------*/
	.tbl3{}
	.tbl3 td{
		padding: 20px 24px;
		position: relative;
	}
	.tbl3 a{
		color: #39baaf;
		text-decoration: underline;
		transition: 0.2s ease-in-out;
	}
	.tbl3 a.arrow:before{
		content: "";
		display: inline-block;
		width: 5px;
		height: 5px;
		margin-right: 10px;
		margin-top: -4px;
		vertical-align: middle;
		border-top: 1px solid #39baaf;
		border-right: 1px solid #39baaf;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		transition: 0.2s ease-in-out;
	}
	.tbl3 a:hover{color: #333!important;}
@media screen and (max-width: 768px) {
	.tbl3 td{
		padding: 16px 20px;
	}
	.tbl3 a.arrow:before{
		width: 4px;
		height: 4px;
		margin-right: 5px;
		margin-top: -1px;
	}
}

/*---------table4 th緑字　table下線入り---------*/
.tbl4{ border-bottom: 1px solid #e5e5e5; }
	.tbl4 th{
		background: #fff;
		color: #39baaf;
		vertical-align: top;
	}
	.tbl4 th{
		padding-left: 24px;
		padding-right: 20px
	}
	.tbl4 td{
		padding-left: 30px;
	}
@media screen and (max-width: 768px) {
	.tbl4 th{padding: 14px 20px 14px 8px;}
	.tbl4 td{padding: 14px 20px;}
}


/*---------table5過去合格者等、狭くするもの---------*/
.tbl5{}
.tbl5 th, .tbl5 td{
	padding: 5px;
	font-size: 1.2rem;
	text-align: center;
	vertical-align: middle;
}
.tbl5 th{white-space: nowrap;}
.tbl5 th.high{padding-top: 1.5em; padding-bottom: 1.5em;}

@media screen and (max-width: 768px) {
	.tbl5 th, .tbl5 td{
		padding: 2px;
		font-size: 1rem;
	}
}
/*--padding指定のみ--*/
.tbl5_1 th, .tbl5_1 td{
	padding: 5px;
}
@media screen and (max-width: 768px) {
	.tbl5_1 th, .tbl5_1 td{
		padding: 2px;
	}
}
/* ----------------------------------------------------------------------------------------------------
*  汎用クラス
* --------------------------------------------------------------------------------------------------*/
/* ------------------------------
   youtube レスポンシブ対応
------------------------------ */
.youtube{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.youtube iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

/* ------------------------------
   googleカレンダー レスポンシブ対応
------------------------------ */
.cal_wrapper {
max-width: 750px; /* 最大幅 */
min-width: 200px; /* 最小幅 */
margin: 2.0833% auto;
}
.googlecal {
position: relative;
padding-bottom: 100%; /* 縦横比 */
height: 0;
}
.googlecal iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
/* 画面幅が768px以上の場合の縦横比の指定 */
@media only screen and (min-width: 769px) {
.googlecal { padding-bottom: 75%; }
}

/* ------------------------------
    新着情報詳細ページ共通
------------------------------ */
.newspage{}

/*--日付、投稿カテゴリ--*/
.news_date{
	padding-bottom: 50px;
	letter-spacing: -0.4em;
}

.news_date li{
	display: inline-block;
	letter-spacing: normal;
}
	.news_date li.category{
		border-left: 1px solid #333;
		border-left: 1px solid #333;
		padding-left: 10px;
		margin-left: 30px;
		line-height: 1.2;
		font-size: 1.5rem;
		}
	.news_date li.date{
		font-size: 1.8rem;
	}

@media screen and (max-width: 768px) {
	.news_date{
		padding-bottom: 20px;
	}
	.news_date li{
	}
	.news_date li.date{
		font-size: 1.1rem;
	}
	.news_date li.category{
		font-size: 1.1rem;
		margin-left: 5px;
		padding-left: 5px;
	}
}



#newsDetail{
	padding-bottom: 60px;
}
@media screen and (max-width: 768px) {
	#newsDetail{
		padding-bottom: 50px;
	}
}

/*--投稿内容-画像--*/
.newsDetail_ph{
}
@media only screen and (min-width: 769px) {
	.newsDetail_ph{
		float: right;
		overflow: hidden;
		margin-left: 40px;
		width: 438px;
	}
}
@media screen and (max-width: 768px) {
	.newsDetail_ph{
		padding-bottom: 15px;
	}
}
/*--投稿内容-本文--*/
.newsDetail_txt{overflow: auto;}
.newsDetail_txt, .newsDetail_txt p{font-size: 1.6rem;}

@media screen and (max-width: 768px) {
	.newsDetail_txt, .newsDetail_txt p{font-size: 1.2rem;}
}

/*--一覧へ戻るボタン--*/
a.news_backbtn{
	display: block;
	margin: 0 auto 110px;
	background: #38baae;
	text-align: center;
	color: #fff;
	width: 340px;
	line-height: 44px;
	font-size: 1.8rem;
	text-decoration: none;
	transition: 0.2s ease-in-out;
}
.news_backbtn:hover{
	background: #fff;
	color: #38baae;
}
@media screen and (max-width: 768px) {
	a.news_backbtn{
		width: 100%;
		margin-bottom: 60px;
		font-size: 1.3rem;
	}
}

/*--関連記事--*/
.relatedPost{
	background: #fff;
	padding: 20px 25px;
}
	.relatedPost ul{
		width: 100%;
		letter-spacing: -0.4em;
		padding-top: 10px;
	}
	.relatedPost ul li{
		vertical-align: top;
		letter-spacing: normal;
		margin-bottom: 20px;
	}
	.relatedPost ul li span{
		display: block;
	}
	.relatedPost ul li a{
		color: #38baae;
		font-size: 1.6rem;
		padding-bottom: 10px;
		display: block;
	}
	.relatedPost ul li a:hover{
		color:#000;
	}

@media only screen and (min-width: 769px) {
	.relatedPost ul li{
		display: inline-block;
		width: 25%;
		padding: 0 2%;
	}

}
@media screen and (max-width: 768px) {
	.relatedPost{
		padding: 20px 4% 10px;
	}
	.relatedPost ul{padding-top: 0;}
	.relatedPost ul li{margin-bottom: 10px;}
	.relatedPost ul li a{
		font-size: 1.2rem;
		padding-bottom: 2px;
	}

}

/* ------------------------------
    アイコン類
------------------------------ */
.li_file{
	padding: 0 0 0 24px!important;
	text-indent: -24px!important;
	border:none!important;
	font-size:1.6rem!important;
	line-height: 1.4!important;
}
.li_file:before{display: none!important;}
li+.li_file{padding-top: 8px!important;}
.file_ico{width: 20px; vertical-align: middle; margin-right: 4px;}

@media screen and (max-width: 768px) {
	.li_file{font-size:1.1rem!important;}
}
/* ------------------------------
    text
------------------------------ */
.bold{font-weight: bold;}

.taC{text-align: center!important;}
.taR{text-align: right!important;}
.taL{text-align: left!important;}

.txtNowrap{display: inline-block; text-indent: 0;}
.nowrap{white-space: nowrap;}

.txtGr{color:#39baaf!important;}
.txtBlk{color:#333!important;}
.txtWh{color:#fff!important;}

/*--fontsize--*/
.fsS, .fsS li{font-size: 1.25rem!important;}
.fsNormal, .fsNormal li{font-size: 1.4rem!important;}
.fsMl, .fsMl li{font-size: 1.6rem!important;}
.fsL, .fsL li{font-size: 1.8rem!important;}
.fsLl, .fsLl li{font-size: 2rem!important;}
@media screen and (max-width: 768px) {
	.fsS, .fsS li{font-size: 1rem!important;}
	.fsNormal, .fsNormal li{font-size: 1.1rem!important;}
	.fsMl, .fsMl li{font-size: 1.2rem!important;}
	.fsL, .fsL li{font-size: 1.4rem!important;}
	.fsLl, .fsLl li{font-size: 1.5rem!important;}

}
/*--line-height--*/
.lh_small{line-height: 1.6!important;}

/*--vertical-align--*/
.vaM{vertical-align: middle!important;}

/*--字下げ--*/
.hang0{
	padding-left: 0em!important;
	text-indent: 0em!important;
}
.hang1, .hang1Li li{
	padding-left: 1em!important;
	text-indent: -1em!important;
}
.hang1h, .hang1hLi li{
	padding-left: 1.5em!important;
	text-indent: -1.5em!important;
}
.hang2{
	padding-left: 2em!important;
	text-indent: -2em!important;
}
.hang2h{
	padding-left: 2.5em!important;
	text-indent: -2.5em!important;
}
.hang3{
	padding-left: 3em!important;
	text-indent: -3em!important;
}
/*--リンク文字--*/
a.txtlink{
	color: #39baaf;
	text-decoration: underline!important;
	transition: 0.2s ease-in-out;
}
a.txtlink:hover{color: #333!important;}
/* ------------------------------
    float
------------------------------ */
@media screen and (min-width: 769px) {
	.pc_alignright{float: right;}
	.pc_alignleft{float: left;}
	/*--PCのみ2列50%でfloat--*/
	.pc_2col{}
	.pc_2col > div{width:48%;}
	/*--PCのみ3列/2列で1：2float --*/
	.pc_3col{}
	.pc_3col > div{width: 32%;}
	.pc_3col > div.pc_3colL{width: 65%;}
	.pc_3col > div+div{margin-left: 3%;}

}
	/*--共通3列 --*/
	.com_3col{letter-spacing: -0.4em;}
	.com_3col li{
		letter-spacing: normal;
		width: 32%;
		display: inline-block;
		margin-right: 2%;
	}
	.com_3col li:nth-child(3n){margin-right: 0;}
/*--回り込み解除--*/
.oHidden{overflow: hidden;}
/* ------------------------------
    img
------------------------------ */
@media screen and (min-width: 769px) {
	/*--画像の大きさ--*/
	.pc_wAuto{width: auto; max-width: 100%;}
	.pc_w250{width:250px;}
	/*--PCのみfloatさせるimg--*/
	.pc_fLImg{float: left; margin-right: 15px;}
	.pc_fRImg{float: right; margin-left: 15px;}

}
/* ------------------------------
    margin
------------------------------ */
/*--photo用--*/
.img_mb{margin-bottom: 10px;}



.mT10{margin-top: 10px!important;}
.mB0{margin-bottom: 0!important;}

.mT_1{margin-top: 35px!important;}




.mR05{margin-right: 5px;}

.mB_1{margin-bottom: 35px!important;}
.mB_2{margin-bottom: 20px!important;}
.mB_3{margin-bottom: 10px!important;}


@media screen and (min-width: 769px) {
	.pc_mR15{margin-right: 15px!important;}
	.pc_mL15{margin-left: 15px!important;}
	.pc_mL30{margin-left: 30px!important;}
}
@media screen and (max-width: 768px) {

	.mT_1{margin-top: 20px!important;}


	.mB_1{margin-bottom: 20px!important;}
	.mB_2{margin-bottom: 14px!important;}
	.mB_3{margin-bottom: 6px!important;}

}


/* ------------------------------
    padding
------------------------------ */
.pB0{padding-bottom: 0!important;}

.pB_1{padding-bottom: 35px!important;}
.pB_2{padding-bottom: 20px!important;}
.pB_3{padding-bottom: 10px!important;}

.pT0{padding-top: 0!important;}

.pT_1{padding-top: 35px!important;}
.pT_2{padding-top: 20px!important;}
.pT_3{padding-top: 10px!important;}

@media screen and (min-width: 769px) {
}
@media screen and (max-width: 768px) {
	.sp_pB30{padding-bottom: 30px!important;}

	.pB_1{padding-bottom: 20px!important;}
	.pB_2{padding-bottom: 14px!important;}
	.pB_3{padding-bottom: 6px!important;}


	.pT_1{padding-top: 20px!important;}
	.pT_2{padding-top: 14px!important;}
	.pT_3{padding-top: 6px!important;}
}
/* ------------------------------
    装飾はずし
------------------------------ */
.noLine{border:none!important;}


/* ------------------------------
    rollover
------------------------------ */
.fade{transition: 0.2s ease-in-out;}
.fade:hover{opacity: 0.6;}