@charset "UTF-8";
/* ----------------------------------------------------
basic style of NewLifeSupport
author: HPG_ogiwara
version: April 2022
----------------------------------------------------- */



/** ************************************* **

	TABLE CONTENTS
	---------------------------
		01. Globals
		02. コンテンツ内タイトル
		03. bootstrap機能拡張
		04. 追加　背景
		05. アンカーリンク　ズレ修正
		06. Social icons block
		07. ボタンの文字の上下中央寄せ
		08. ドロワーメニュー、サイトマップ
		09. thumbnail
		10. 矢印
		11. CHARACTOR
		12. 文字付囲み枠
		13. パネルにラベル
		14. owlカルーセル ドットデザイン
		15. TOPアイコン
		16. soical icons
		17. 丸数字カウンターリスト
		18. ドロワーメニュー
		19. スマホでの表の表示切り替え
	---------------------------

** ************************************* **/



@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');



/** 01. Globals
**************************************************************** **/
body {
		background-color: #fff;
		font-size: medium;
		font-family: "Open Sans", "Helvetica Neue", Helvetica, "Arial", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;
}
#global_header {
		z-index: 9;
}
#header {
		height: 65px;
}

#header h1 { /* ヘッダー画像貼り替え */
		background-image: url(/iwate/images/common/logo_newlife@2x.svg);
		background-position: left 0 top 0;
		background-size: 320px 40px;
		width: 320px;
		height: 40px;
		top: 18px;
}
#header h1 a { /* ヘッダー画像貼り替え */
		display: block;
		text-indent: -9999px;
		width: 320px;
		height: 40px;
}
#container {
		padding-top: 65px;
}


#content.full {
		padding: 10px 20px;
}
@media (max-width: 768px) {
		#content.full {
				padding: 10px;
		}
		#header h1 { /* ヘッダー画像貼り替え */
				background-size: 280px 40px;
				width: 280px;
		}
}

@media (min-width: 769px) {
		.container {
				width: auto;
				max-width: 737px;
				/*		max-width: 100%;*/
		}
		#header_inner #status_header ul.status {
				position: absolute;
				top: 0;
				right: 10px;
				width: 100%;
				z-index: 999;
		}
}
@media (min-width: 992px) {
		.container {
				width: auto;
				max-width: 960px;
		}

}
@media (min-width: 1200px) {
		.container {
				width: auto;
				max-width: 1140px;
		}

}

#content {
	width: 80%;
}
#content a {
	text-decoration: none;
}
#rightside {
	width: 20%;
}
@media (max-width: 991px) {
	#content {
		width: 100%;
	}
	#rightside {
		display: none;
	}
}
@media (max-width: 768px) {
	#content {
		float: none;
		width: 100%;
	}
}
#overheader {
		display: block;
}
#status_header {
		display: none;
}
#tabsubarea {
		display: none;
}
#globalmenu {
		float: left;
		width: 215px;
}
#globalmenu .menu {
		padding: 10px;
}
#globalmenu h4 {
		padding: 0 5px 0;
}
.view_all {
		margin-top: -10px;
}
@media (max-width: 768px) {
		#global_tab {
				width: 100%;
				background: #FFFFFF;
				height: auto;
				max-height: 2000px;
				float: none;
		}
		#overheader {
				display: block;
		}
}
@media (max-width: 480px) {
		#header {
				height: 50px;
				overflow: hidden;
		}
		#header h1 { /* ヘッダー画像貼り替え */
				background-image: url(/iwate/images/common/logo_newlife@2x.svg);
				background-position: left 0 top 0;
				background-size: 220px 30px;
				width: 220px;
				height: 30px;
				top: 15px;
		}
		#header h1 a { /* ヘッダー画像貼り替え */
				display: block;
				text-indent: -9999px;
				width: 220px;
				height: 30px;
		}
}
#overheader #menu_home, #overheader #menu_ready, #overheader #menu_entrance, #overheader #menu_standby, #overheader #menu_campuslife {
		display: none;
}
@media (max-width: 768px) {
		.bannerbox {
				text-align: center;
				width: 100%;
				padding: 10px 10px;
		}
		#pagebody .bannerbox {
				padding: 10px 10px;
		}
}
@media (min-width: 1000px) {
		.container_inner {
				width: 1000px;
				margin: auto;
				-webkit-box-pack: center;
				justify-content: center;
		}
		.bannerbox-inner {
				padding: 5px 60px;
				background-color: #ecf0f1;
				border-radius: 6px;
		}
}
#pagebody .bannerbox {
		padding: 0px;
}
.btn > a {
		display: inline-block;
		margin-bottom: 5px;
}



/* -------------------------------------------------- *
 * footer 修正
 * -------------------------------------------------- */
#social_footer {
		width: 100%;
		z-index: 1;
}
#footer {
		background-color: #adadad;
}
#global_footer {
		background-color: #adadad;
		color: #FFFFFF;
}
#global_footer a {
		color: #FFFFFF;
}
#footer #copyright {
		text-align: right;
		font-size: 12px;
}
#footer #footer_coop {
		text-align: left;
		font-size: 12px;
}
#footer #footer_coop a {
		text-decoration: none;
}
#footer #footer_coop a:hover {
		text-decoration: none;
		color: #6a6a6a;
}
#global_footer #copyright {
		background-color: #adadad;
}
@media all and (max-width: 768px) {
		#footer #copyright {
				text-align: center;
				font-size: 11px;
		}
		#footer #footer_coop {
				text-align: center;
				font-size: 11px;
		}
}



/* BREAD CRUMB 調整
---------------------------------------------------- */
#breadcrumb {
		padding: 5px 5px 5px 20px;
}
@media all and (max-width: 768px) {
		#breadcrumb {
				padding: 5px 5px 5px 10px;
		}
}



/* wordpress 諸処設定
---------------------------------------------------- */
#global_menu h2 {
		font-size: 110%;
		margin: 0.5em 0;
}
#global_menu h2:before {
		content: "";
}
div .date-published {
		text-align: right;
		line-height: 1.5;
		margin-top: -0.5em;
		margin-bottom: 0.5em;
}
#content nav > h2.screen-reader-text {
		display: none;
}
#content nav.navigation {
		display: block;
		padding: 10px;
		border: solid #ecf0f1 2px;
		background-color: #ecf0f1;
		min-height: 45px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
}
#content nav.navigation .nav-previous {
		float: left;
}
#content nav.navigation .nav-next {
		float: right;
}
#primary .entry-content img {
		display: block;
		max-width: 100%;
		height: auto;
}
ul.wp_category_list {}
ul.wp_category_list li a {
		display: inline-block;
		padding: 9px 17px;
		margin-bottom: 8px;
		min-width: 250px;
		font-size: 13px;
		font-weight: normal;
		line-height: 1.5;
		text-align: center;
		white-space: nowrap;
		vertical-align: middle;
		-ms-touch-action: manipulation;
		touch-action: manipulation;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 6px;
		text-decoration: none;
		color: #fff;
		background-color: #3b536b;
		border-color: #374e64;
		-webkit-transition-timing-function: ease;
		-o-transition-timing-function: ease;
		transition-timing-function: ease;
		-webkit-transition-duration: .3s;
		-o-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: all;
		-o-transition-property: all;
		transition-property: all;
}
ul.wp_category_list li a:hover {
		color: #fff;
		background-color: #293a4a;
		border-color: #222f3d;
}





/* -------------------------------------------------- *
 * thumbnail関連
 * -------------------------------------------------- */
#pickup .thumbnail {
		background-color: #34AEC1;
}
.thumbnail {
		display: block;
		padding: 5px 5px;
		margin-bottom: 19px;
		line-height: 1.5;
		background-color: #f9f9f9;
		border: 1px solid #ddd;
		border-radius: 6px;
		-webkit-transition: border .2s ease-in-out;
		-o-transition: border .2s ease-in-out;
		transition: border .2s ease-in-out;
}
.thumbnail > img, .thumbnail a > img {
		display: block;
		max-width: 100%;
		height: auto;
		margin-right: auto;
		margin-left: auto;
}
.thumbnail a {
		color: #333;
		z-index: 99;
}
.thumbnail .caption {
		padding: 0px;
		text-align: center;
}
@media (max-width: 768px) {
		.caption h4 {
				font-size: 13.5px;
		}
		#pickup h4 {
				font-size: 13.5px;
		}
}
.thumbnail .caption {
		color: #333;
}
#pickup a.thumbnail {
		color: #fff;
}
a.thumbnail {
		color: #333;
}
#pickup a.thumbnail h4 {
		color: inherit;
}
a.thumbnail h4 {
		margin-top: 5px;
		color: inherit;
}
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
		border-color: #ff90a1cc;
		background-color: #ffc8d0cc;
}
#pickup a.thumbnail:hover, #pickup a.thumbnail:focus, #pickup a.thumbnail.active {
		top: -4px;
		color: #34AEC1;
		text-shadow: 0 0px 0px rgba(0, 0, 0, .4);
		background: #B3EBF3;
		box-shadow: 0.5px 3px 0.5px 0.5px rgba(44, 151, 168, 0.80);
		-webkit-transition: all .3s;
		transition: all .3s;
		border-color: #34AEC1;
		background-color: #B3EBF3;
}



/* order_btn
---------------------------------------------------- */
#order_btn {
		position: fixed;
		bottom: 100px;
		right: 0;
		font-size: 1.1em;
		z-index: 5;
}
#order_btn a {
		background: rgba(36, 163, 90, 0.90);
		text-decoration: none;
		color: #fff;
		width: 200px;
		padding: 15px;
		text-align: center;
		display: block;
		-webkit-border-radius: 5px 0 0 5px;
		-moz-border-radius: 5px 0 0 5px;
		border-radius: 5px 0 0 5px;
}
#order_btn a:hover {
		text-decoration: none;
		background: #229b55;
}
@media (max-width: 768px) {
		#order_btn {
				position: fixed;
				bottom: 100px;
				right: 10px;
				font-size: 0.8em;
		}
		#order_btn a {
				background: #24a35a;
				text-decoration: none;
				border: 1px solid #fff;
				color: #fff;
				width: 80px;
				height: 80px;
				padding: 14px;
				text-align: center;
				display: block;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				border-radius: 50%;
		}
		#order_btn a:hover {
				text-decoration: none;
				background: #229b55;
		}
		.menu-button {
				position: absolute;
				right: 0px;
				top: 0px;
		}
}
.section {
		margin-left: -10px;
		margin-right: -10px;
}



/** 02. コンテンツ内タイトル
**************************************************************** **/
.title-wrap {
		position: relative;
		overflow: hidden;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		margin: 20px auto 20px;
		background: #FFDA4B;
		width: 100%;
}
.titleimag-wrap {
		position: relative;
		overflow: hidden;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		margin: 40px auto 20px;
}
/* 重ねる文字の基本設定 */
.layer-txt {
		font-family: 'YakuHanJP', kan412typos-std, "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
		color: #34AEC1;
		letter-spacing: 0.2rem;
		margin: 5px 10px;
}
.layer-imgtxt {
		font-family: 'YakuHanJP', kan412typos-std, "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
		color: #34AEC1;
		letter-spacing: 0.2rem;
		position: absolute;
		top: 10%;
		left: 3%;
}
.layer-txt2 {
		color: #34AEC1;
		letter-spacing: 0.2rem;
		position: absolute;
		top: 50%;
		left: 3%;
}
/* SP向けの設定 */
@media screen and (max-width: 600px) {
		.title-wrap {}
		.layer-txt {
				letter-spacing: 0.1rem;
				font-size: 1.3rem;
				font-weight: 600;
				top: 20%;
		}
		.layer-imgtxt {
				font-size: 1.8rem;
				font-weight: 600;
				top: 10%;
		}
		.layer-txt2 {
				font-size: 1rem;
				font-weight: 600;
				top: 60%;
		}
}
/* PC向けの設定 */
@media screen and (min-width: 601px) {
		.layer-txt {
				font-size: 1.7rem;
				font-weight: 600;
		}
		.layer-imgtxt {
				font-size: 2.2rem;
				font-weight: 600;
		}
		.layer-txt2 {
				font-family: kan412typos-std, "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
				font-size: 1.8rem;
				font-weight: 600;
		}
}
h3 {
		font-family: 'Montserrat', "見出ゴMB31", "Midashi Go MB31", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
		font-size: 1.5em;
		color: #3498db;
		line-height: 1.5em;
		border-bottom: solid 1px #E1E2E1;
		font-weight: 600;
		margin: 0.3em 0 0.5em;
}
@media (max-width: 768px) {
		h3 {
				font-size: 130%;
				line-height: 1.3em;
		}
}



/* 丸数字カウンター文字
---------------------------------------------------- */
div.counter_content {
		counter-reset: titleNum;
}
section.counter {
		counter-increment: titleNum;
}
h9 {
		position: relative;
		font-family: 'YakuHanJP', "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
		font-weight: 700;
		font-size: 18px;
		margin: 15px 0;
		border-bottom: #bebebe solid 1px;
		padding-bottom: 5px;
		display: block;
		padding: 0 0 .5em 2em;
}
h9::before {
		position: absolute;
		font-family: 'YakuHanJP', kan412typos-std, "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
		top: 0;
		left: 0;
		content: counter(titleNum);
		width: 30px;
		height: 30px;
		line-height: 28px;
		background-color: #FFDA4B;
		border-radius: 100%;
		color: #34AEC1;
		font-size: .9em;
		text-align: center;
}







/** 03. bootstrap機能拡張
**************************************************************** **/
.btn {
		white-space: normal;
}
/* outline button style */
.btn-outline {}
.btn-outline.btn-default {
		background: none;
		border: 2px solid #ccc;
		color: #333;
		background-color: #fff;
}
.btn-outline.btn-default:hover, .btn-outline.btn-default:active {
		color: #333;
		background: #ccc;
		border-color: #ccc;
}
.btn-outline.btn-primary {
		background: none;
		border: 2px solid #428bca;
		color: #428bca;
		background-color: #fff;
}
.btn-outline.btn-primary:hover, .btn-outline.btn-primary:active {
		color: #FFF;
		background: #428bca;
		border-color: #428bca;
}
.btn-outline.btn-success {
		background: none;
		border: 2px solid #5cb85c;
		color: #5cb85c;
		background-color: #fff;
}
.btn-outline.btn-success:hover, .btn-outline.btn-success:active {
		color: #FFF;
		background: #5cb85c;
		border-color: #5cb85c;
}
.btn-outline.btn-info {
		background: none;
		border: 2px solid #5bc0de;
		color: #5bc0de;
		background-color: #fff;
}
.btn-outline.btn-info:hover, .btn-outline.btn-info:active {
		color: #FFF;
		background: #5bc0de;
		border-color: #5bc0de;
}
.btn-outline.btn-warning {
		background: none;
		border: 2px solid #f0ad4e;
		color: #f0ad4e;
		background-color: #fff;
}
.btn-outline.btn-warning:hover, .btn-outline.btn-warning:active {
		color: #FFF;
		background: #f0ad4e;
		border-color: #f0ad4e;
}
.btn-outline.btn-danger {
		background: none;
		border: 2px solid #d9534f;
		color: #d9534f;
		background-color: #fff;
}
.btn-outline.btn-danger:hover, .btn-outline.btn-danger:active {
		color: #FFF;
		background: #d9534f;
		border-color: #d9534f;
}
.btn-outline.btn-aqua {
		background: none;
		border: 2px solid #2f98b7;
		color: #2f98b7;
		background-color: #fff;
}
.btn-outline.btn-aqua:hover, .btn-outline.btn-aqua:active {
		color: #FFF;
		background: #197f9e;
		border-color: #197f9e;
}
.btn-outline.btn-rose {
		background: none;
		border: 2px solid #F56883;
		color: #F56883;
		background-color: #fff;
}
.btn-outline.btn-rose:hover, .btn-outline.btn-rose:active {
		color: #FFF;
		background: #D24A64;
		border: 2px solid #D24A64;
}
.btn-outline.btn-darkblue {
		background: none;
		border: 2px solid #385495;
		color: #385495;
		background-color: #fff;
}
.btn-outline.btn-darkblue:hover, .btn-outline.btn-darkblue:active {
		color: #FFF;
		background: #284078;
		border-color: #284078;
}
.btn-outline.btn-orange {
		background: none;
		border: 2px solid #FF9524;
		color: #FF9524;
		background-color: rgba(255, 255, 255, 0.50);
}
.btn-outline.btn-orange:hover, .btn-outline.btn-orange:active {
		color: #FFF;
		border: 2px solid #FF9524;
		background: #FF9524;
		border-color: #FF9524;
}
/* border button style */
.btn-border {
		padding: 4px 10px;
}
.btn-border.btn-xs {
		padding: 0 3px;
}
.btn-border.btn-sm {
		padding: 3px 8px;
}
.btn-border.btn-lg {
		padding: 8px 14px;
}
.btn-border.btn-default {
		border: 3px solid #ccc;
}
.btn-border.btn-default:hover, .btn-border.btn-default:active {
		background: #ccc;
		border-color: #ccc;
}
.btn-border.btn-primary {
		background: none;
		border: 3px solid #428bca;
		color: #428bca;
}
.btn-border.btn-primary:hover, .btn-border.btn-primary:active {
		color: #FFF;
		background: #428bca;
		border-color: #428bca;
}
.btn-border.btn-success {
		background: none;
		border: 3px solid #5cb85c;
		color: #5cb85c;
}
.btn-border.btn-success:hover, .btn-border.btn-success:active {
		color: #FFF;
		background: #5cb85c;
}
.btn-border.btn-info {
		background: none;
		border: 3px solid #5bc0de;
		color: #5bc0de;
}
.btn-border.btn-info:hover, .btn-border.btn-info:active {
		color: #FFF;
		background: #5bc0de;
}
.btn-border.btn-warning {
		background: none;
		border: 3px solid #f0ad4e;
		color: #f0ad4e;
}
.btn-border.btn-warning:hover, .btn-border.btn-warning:active {
		color: #FFF;
		background: #f0ad4e;
}
.btn-border.btn-danger {
		background: none;
		border: 3px solid #d9534f;
		color: #d9534f;
}
.btn-border.btn-danger:hover, .btn-border.btn-danger:active {
		color: #FFF;
		background: #d9534f;
}
.btn-border.btn-aqua {
		background: none;
		border: 3px solid #2f98b7;
		color: #2f98b7;
}
.btn-border.btn-aqua:hover, .btn-border.btn-aqua:active {
		color: #FFF;
		background: #197f9e;
}
.btn-border.btn-rose {
		background: none;
		border: 3px solid #F56883;
		color: #F56883;
}
.btn-border.btn-rose:hover, .btn-border.btn-rose:active {
		color: #FFF;
		background: #D24A64;
}
#f0ad4e /* square button style */
.btn-square {
		border-radius: 0;
}
.btn-square.btn-xs {
		padding: 0 3px;
}
.btn-square.btn-sm {
		padding: 3px 8px;
}
.btn-square.btn-lg {
		padding: 8px 14px;
}
.btn.btn-square {
		border-radius: 0;
}
.btn-navy {
		background-color: #3C7EB7;
		border: 2px solid #3C7EB7;
		color: #FFF;
}
.btn-navy:hover, .btn-navy:active {
		color: #FFF;
		background: #3B7DB5;
		border-color: #3B7DB5;
}
.btn-rose {
		background-color: #F56883;
		border: 2px solid #F56883;
		color: #FFF;
}
.btn-rose:hover, .btn-rose:active {
		color: #F56883;
		background: #fff;
		border: 2px solid #F56883;
}
.btn-orange {
		background-color: #ECA034;
		border: 2px solid #ECA034;
		color: #FFF;
}
.btn-orange:hover, .btn-orange:active {
		color: #FF9524;
		background: #fff;
		border: 2px solid #FF9524;
}
.btn-square.btn-success.rev {
		background-color: #5cb85c;
		border: 2px solid #5cb85c;
		color: #FFF;
}
.btn-square.btn-success.rev:hover, .btn-square.btn-success.rev:active {
		color: #5cb85c;
		background: #fff;
		border: 2px solid #5cb85c;
}
.btn-square.btn-aqua {
		background-color: #2f98b7;
		border: 3px solid #2f98b7;
		color: #FFF;
}
.btn-square.btn-aqua:hover, .btn-square.btn-aqua:active {
		color: #FFF;
		background: #197f9e;
		border: 3px solid #197f9e;
}
.btn-square.btn-rose {
		border-radius: 0;
}
.btn-square.btn-rose:hover, .btn-square.btn-rose:active {
		border-radius: 0;
}
.btn-square.btn-orange {
		border-radius: 0;
}
.btn-square.btn-orange:hover, .btn-square.btn-orange:active {
		border-radius: 0;
}
.btn-square.btn-darkblue {
		border-radius: 0;
}
.btn-square.btn-darkblue:hover, .btn-square.btn-darkblue:active {
		border-radius: 0;
}
/* circle button style */
.btn-circle.btn-xs {
		width: 22px;
		height: 22px;
		font-size: 10px;
		border-radius: 11px;
		line-height: 1.6;
		padding: 3px 0;
}
.btn-circle.btn-sm {
		width: 30px;
		height: 30px;
		font-size: 12px;
		border-radius: 15px;
		line-height: 1.6;
		padding: 6px 0;
}
.btn-circle {
		width: 34px;
		height: 34px;
		font-size: 16px;
		border-radius: 17px;
		line-height: 1.33;
		padding: 6px 4px;
		text-align: center;
}
.btn-circle.btn-lg {
		width: 46px;
		height: 46px;
		font-size: 22px;
		border-radius: 23px;
		line-height: 1.2;
}
/* round button style */
.btn-round.btn-xs {
		border-radius: 11px;
}
.btn-round.btn-sm {
		border-radius: 22.5px;
}
.btn-round {
		border-radius: 17px;
}
.btn-round.btn-lg {
		border-radius: 23px;
}
/* カラムのセンター揃え　機能拡張 */
.row-center {
		text-align: center;
		letter-spacing: -0.4em;
}
.row-center > [class*='col-'] {
		display: inline-block;
		letter-spacing: 0;
		vertical-align: top;
		float: none !important;
}
/*要素の上下センター合わせ*/
.row-center.va-middle > [class*='col-'] {
		vertical-align: middle;
}
/*要素の下揃え*/
.row-center.va-bottom > [class*='col-'] {
		vertical-align: bottom;
}



/** 04. 追加　背景
**************************************************************** **/
.content_module {
		margin: 10px 0px;
		padding: 10px;
}
.content_full {
		margin: 0 -10px;
		padding: 20px;
}



/** 05. アンカーリンク　ズレ修正
**************************************************************** **/
span.link-t-a {
		position: relative;
		top: 70px; /*左の数値を変えると、上下に調整します*/
		display: block;
}
@media (min-width: 768px) {
		.bottomspace_400 {
				margin-bottom: 400px;
		}
}



/** 06. Social icons block
**************************************************************** **/
.social-links {
		list-style: none;
		font-size: 0;
		padding-left: 0;
		background-color: #adadad;
}
ul.social-links {
		position: relative;
		bottom: 24px;
}

@media (max-width: 768px) {
ul.social-links {
		position: relative;
		bottom: 40px;
		padding-bottom: 10px;
}
}
.social-links li {
		display: inline-block;
}
.social-links li a {
		width: 40px;
		height: 40px;
		display: block;
		text-align: center;
		font-size: 18px;
		border: 1px solid #777777;
		color: #777777;
		background-color: #fff;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		margin: 10px 5px 2px 5px;
}
.social-links li a i {
		line-height: 40px;
}
.social-links li a:hover {
		background-color: transparent;
}
.social-links.animated-effect-1 li a {
		-webkit-transition: color 0.4s;
		-o-transition: color 0.4s;
		transition: color 0.4s;
		position: relative;
		z-index: 1;
}
.social-links.animated-effect-1 li a:hover {
		color: #ffffff !important;
		-webkit-transition: color 0.3s;
		-o-transition: color 0.3s;
		transition: color 0.3s;
}
.social-links.animated-effect-1 li a:after {
		pointer-events: none;
		position: absolute;
		width: 100%;
		height: 100%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		content: '';
		top: 0px;
		left: 0px;
		padding: 0px;
		z-index: -1;
		-webkit-transition: -webkit-transform 0.4s, opacity 0.4s, background-color 0.4s;
		-moz-transition: -moz-transform 0.4s, opacity 0.4s, background-color 0.4s;
		transition: transform 0.4s, opacity 0.4s, background-color 0.4s;
		-webkit-transform: scale(1.4);
		-moz-transform: scale(1.4);
		-ms-transform: scale(1.4);
		-o-transform: scale(1.4);
		transform: scale(1.4);
		opacity: 0;
		filter: alpha(opacity=0);
}
.social-links.animated-effect-1 li a:hover:after {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		opacity: 1;
		filter: alpha(opacity=100);
		-webkit-transition: -webkit-transform 0s, opacity 0.3s, background-color 0.3s;
		-moz-transition: -moz-transform 0s, opacity 0.3s, background-color 0.3s;
		transition: transform 0s, opacity 0.3s, background-color 0.3s;
}
.social-links.animated-effect-1:not(.circle) li a:after {
		-webkit-border-radius: 0%;
		-moz-border-radius: 0%;
		border-radius: 0%;
}
.social-links.default li a {
		color: #ffffff;
}
.social-links.default li a:hover {
		background-color: #ffffff;
		color: #777777;
}
.dark .social-links li a {
		background-color: rgba(0, 0, 0, 0.2);
		border: 1px solid rgba(0, 0, 0, 0.1);
		color: #ffffff;
}
.dark.social-links li a {
		background-color: rgba(0, 0, 0, 0.6);
		border: 1px solid rgba(0, 0, 0, 0.1);
		color: #ffffff;
}
.dark.social-links li a:hover {
		background-color: rgba(0, 0, 0, 0.8);
		color: #ffffff;
		border-color: rgba(0, 0, 0, 0.8);
}
.colored .social-links li a {
		background-color: rgba(0, 0, 0, 0.2);
		border: 1px solid rgba(0, 0, 0, 0.01);
		color: #ffffff;
}
.header-top .social-links {
		margin: 0;
		display: inline-block;
		margin-top: 2px;
}
.footer-content .social-links li {
		margin: 0 5px 5px 0;
}
.footer-content .social-links li a {
		color: #777777;
		background-color: transparent;
		border-color: #777777;
}
.footer-content .social-links li a:hover {
		color: #ffffff;
		background-color: #777777;
		border-color: #777777;
}
.text-white .social-links li a {
		color: #ffffff;
		border-color: #ffffff;
}
.text-white .social-links li a:hover, .text-white .social-links li a:focus {
		color: #333333;
		background-color: #ffffff;
		border-color: #ffffff;
}
.social-links.small li a {
		width: 30px;
		height: 30px;
		font-size: 14px;
}
.social-links.small li a i {
		line-height: 29px;
}
.social-links.large li a {
		width: 60px;
		height: 60px;
		font-size: 24px;
}
.social-links.large li a i {
		line-height: 60px;
}
.social-links.square li a, .square {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
}
.social-links.circle li a {
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		border-radius: 100%;
}
.social-links.animated-effect-1 li.twitter a:hover {
		border-color: #55acee;
}
.social-links:not(.animated-effect-1) li.twitter a:hover, .colored.social-links li.twitter a, .social-links.animated-effect-1 li.twitter a:after, .btn.twitter {
		background-color: #55acee;
		border-color: #55acee;
		color: #ffffff;
}
.social-links.animated-effect-1 li.flickr a:hover {
		border-color: #ff0084;
}
.social-links:not(.animated-effect-1) li.flickr a:hover, .colored.social-links li.flickr a, .social-links.animated-effect-1 li.flickr a:after, .btn.flickr {
		background-color: #ff0084;
		border-color: #ff0084;
		color: #ffffff;
}
.social-links.animated-effect-1 li.facebook a:hover {
		border-color: #3b5998;
}
.social-links:not(.animated-effect-1) li.facebook a:hover, .colored.social-links li.facebook a, .social-links.animated-effect-1 li.facebook a:after, .btn.facebook {
		background-color: #3b5998;
		border-color: #3b5998;
		color: #ffffff;
}
.social-links .dropdown > button {
		padding: 1px 15px 0px;
		font-size: 16px;
		color: #999999;
		text-align: center;
		min-width: 0;
		margin: 0;
		background-color: transparent;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
}
.social-links .dropdown > button i {
		width: 15px;
}
.header-top.colored .social-links .dropdown > button > i:before, .header-top.colored .social-links .dropdown.show > button > i:before {
		color: #ffffff;
}
.header-top .social-links .dropdown.show > button > i:before {
		content: "\f00d";
}
.social-links .dropdown-menu {
		z-index: 103;
		padding: 5px;
		min-width: 270px;
		margin-top: 6px;
		font-size: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		background-color: #f2f2f2;
		border: 1px solid #D0D0D0;
		border-top: none;
}
.social-links .dropdown-menu li a, .dark .social-links .dropdown-menu li a i, .colored .social-links .dropdown-menu li a i {
		padding: 0;
		line-height: 30px;
		color: #ffffff;
}
.social-links .dropdown-menu li a i {
		padding-left: 0;
}
.social-links .dropdown-menu li a:hover i {
		color: #ffffff;
}
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.bannerbox.pc {
		display: block !important;
}
.bannerbox.sp {
		display: none !important;
}
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 480px) {
		.bannerbox.pc {
				display: none !important;
		}
		.bannerbox.sp {
				display: block !important;
		}
}



/** 07. ボタンの文字の上下中央寄せ
**************************************************************** **/
.top_btnmenu {
		display: table;
		width: 100%;
}
.top_btnmenu .row_center {
		display: table-cell;
		vertical-align: middle;
}



/** 08. ドロワーメニュー、サイトマップ
**************************************************************** **/
.zdo_drawer_menu #menu_home, .zdo_drawer_menu #menu_ready, .zdo_drawer_menu #menu_entrance, .zdo_drawer_menu #menu_standby, .zdo_drawer_menu #menu_campuslife {
		display: none;
}
#sitemap [id^="dropdown_"] {
		display: none;
}
.zdo_drawer_nav > li > a .label-default.label-outline {
		font-size: 13px;
		font-weight: 600;
		background-color: #fff;
		border: solid 1px #276490;
		color: #276490;
}
/* マウスオーバーで子メニューを表示 */
/* デスクトップ表示ではホバー操作でドロップダウンを表示 */
.zdo_drawer_nav .dropdown:hover .dropdown-menu {
		display: block;
}




/** 09. thumbnail
**************************************************************** **/
.topthum-wrap {
		text-align: center;
		margin-bottom: 20px;
		border: 0px solid #f5f5f5;
		position: relative;
		overflow: hidden;
		-webkit-border-radius: 5px;
		border-radius: 5px;
}
.topthum-wrap.end {
		margin-bottom: 0px;
}
.topthum-wrap h4 {
		font-size: 15px;
		text-transform: uppercase;
}
.topthum-wrap h4:hover {
		font-size: 15px;
		text-transform: uppercase;
		text-decoration: none;
}
.topthum-wrap:hover .topthum-hover {
		opacity: 1;
		text-decoration: none;
}
.topthum-label {
		position: absolute;
		top: 0;
		left: 0;
		padding: 4px 10px;
		text-transform: uppercase;
		font-size: 13px;
		color: #fff;
		background: #333;
}
.topthum-title {
		position: absolute;
		top: 0px;
		left: 0;
		width: 100%;
		height: 100%;
		margin: 0 auto;
}
#content .topthum-title p {
		font-family: kan412typos-std, sans-serif;
		position: absolute;
		width: 100%;
		top: 0;
		left: 0;
		text-align: left;
		font-size: 1.7em;
		color: #333;
		text-transform: uppercase;
		margin: 10px 0 0 20px;
		line-height: 1.5;
}
.topthum-title_center {
		position: absolute;
		top: 40%;
		left: 0;
		width: 100%;
}
.topthum-title_center.top5 {
		position: absolute;
		top: 5%;
		left: 0;
		width: 100%;
}
#content .topthum-title_center p {
		font-family: kan412typos-std, sans-serif;
		position: absolute;
		width: 100%;
		text-align: center;
		font-size: 1.5em;
		color: #FFFFFF;
		text-transform: uppercase;
		line-height: 1.5;
		text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5), -2px 2px 8px rgba(0, 0, 0, 0.5), 2px -2px 8px rgba(0, 0, 0, 0.5), -2px -2px 8px rgba(0, 0, 0, 0.5);
}
.topthum-subtitle {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		margin: 0 auto;
}
.topthum-subtitle p {
		position: absolute;
		width: 100%;
		bottom: 0;
		right: 0;
		text-align: right;
		font-size: 1.3em;
		font-weight: 600;
		color: rgba(255, 255, 255, 1);
		text-transform: uppercase;
		margin: 0 10px 10px 0;
		text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
}
.topthum-hover {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
		background-color: rgba(66, 172, 194, 0.90);
		text-align: center;
		opacity: 0;
		-webkit-border-radius: 5px;
		border-radius: 5px;
}
.topthum-hover p {
		position: absolute;
		width: 100%;
		top: 45%;
		margin-top: -10px;
		text-align: center;
		font-size: 20px;
		color: #fff;
		text-transform: uppercase;
}
.topthum {
		display: flex;
		flex-wrap: wrap;
}
p.topthum_Ttl {
		font-family: 'YakuHanJP', "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
		letter-spacing: 0.1em;
		font-size: 18px;
		line-height: 1.8;
		border-bottom: #bebebe solid 1px;
		margin-bottom: 10px;
		padding-bottom: 10px;
		text-align: justify
}
.topthumTxt {
		font-size: 14px;
		line-height: 2;
		margin-bottom: 5px;
}
.topthumBottom {
		display: -webkit-flex;
		display: flex;
		align-content: center;
		flex-wrap: wrap;
		font-size: 12px;
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
		-webkit-align-items: flex-end;
		align-items: flex-end;
}
#content .topthumBottom a.link {
		text-decoration: none;
		color: #fff;
		background: #e63c96;
		display: inline-block;
		border-radius: 3px;
		padding: 3px 7px;
}
.topthumBottom:hover {
		opacity: 0.5;
}
@media (max-width: 991px) {
		.topthum-title {
				top: 5px;
		}
		#content .topthum-title p {
				font-size: 1.5em;
		}
		.topthum-subtitle p {
				font-size: 1em;
		}
}
@media (max-width: 768px) {
		.topthum-title {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				margin: 0 auto;
		}
		#content .topthum-title p {
				font-family: kan412typos-std, "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
				position: absolute;
				width: 100%;
				top: 0;
				left: 0;
				text-align: left;
				font-size: 1.5em;
				color: #333;
				text-transform: uppercase;
				margin: 10px 0 0 10px;
		}
		#content .topthum-title_center p {
				font-family: kan412typos-std, "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
				position: absolute;
				width: 100%;
				text-align: center;
				font-size: 1.5em;
				color: #FFFFFF;
				text-transform: uppercase;
		}
		.topthum-subtitle {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				margin: 0 auto;
		}
		.topthum-subtitle p {
				position: absolute;
				width: 100%;
				bottom: 0;
				right: 0;
				text-align: right;
				font-size: 1.05em;
				font-weight: 600;
				color: rgba(255, 255, 255, 1);
				text-transform: uppercase;
				margin: 0 10px 10px 0;
				text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
		}
		p.topthum_Ttl {
				font-size: 16px;
				letter-spacing: 0.3px;
		}
}



/** 10. 矢印
**************************************************************** **/
.down_yajirushi {
		margin: 30px auto -5px;
		position: relative;
		width: 0;
		height: 0;
		border: 20px solid transparent;
		border-top-color: #0097cf;
}
.down_yajirushi:after {
		position: absolute;
		content: '';
		top: -39px;
		left: -10px;
		width: 20px;
		height: 20px;
		background: #0097cf;
}




/** 11. CHARACTOR
**************************************************************** **/
.wf-roundedmplus1c {
		font-family: 'YakuHanJP', "M PLUS Rounded 1c", "Open Sans", "Helvetica Neue", Helvetica, "Arial", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.yakuhanjp {
		font-family: 'YakuHanJP', "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
}




/** 12. 文字付囲み枠
**************************************************************** **/
#content .box04 {
		border: 2px solid #ea1c0d;
		border-radius: 5px;
		position: relative;
		margin-top: 1.5em;
		margin-bottom: 1em;
}
#content .box04 p.box-title {
		text-align: center;
		position: absolute;
		right: 0;
		left: 0;
		top: -1em;
		font-size: 1.1em;
		font-weight: bold;
		margin: 0;
}
#content .box04 p.box-title span {
		padding: 0 .5em;
		background: #FFF;
		color: #ea1c0d;
}
#content .box04 .inner {
		padding: 1em .5em .5em;
}
@media (max-width: 768px) {
		#content .box04 p.box-title {
				font-size: 1em;
		}
}
#content .box04 ul, #content .box04 ol {
		margin: 0;
		margin-bottom: 0px;
}



/** 13. パネルにラベル
**************************************************************** **/
.cp_ribbon02 {
		height: 120px;
		left: 0px;
		overflow: hidden;
		position: absolute;
		top: -6px;
		/*width: 204px;*/
}
.cp_ribbon02 .cp_ribbon {
		background-color: #FF9800;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
		color: #ffffff;
		font-size: 1em;
		left: -38px;
		letter-spacing: 0.5px;
		line-height: 1.2em;
		padding: 6px 0;
		position: relative;
		text-align: center;
		top: 12px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		width: 153px;
}
.cp_ribbon02 .cp_ribbon::before, .cp_ribbon02 .cp_ribbon::after {
		bottom: -5px;
		border-width: 5px 5px 0 5px;
		border-style: solid;
		border-color: #EF6C00 transparent transparent transparent;
		content: '';
		position: absolute;
}
.cp_ribbon02 .cp_ribbon::before {
		left: 0;
}
.cp_ribbon02 .cp_ribbon::after {
		right: 0;
}
.cp_ribbon03 {
		left: 0px;
		height: 231px;
		overflow: hidden;
		position: absolute;
		top: -6px;
		/*width: 204px;*/
}
.cp_ribbon03 .cp_ribbon {
		background-color: #FF9800;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
		color: #ffffff;
		font-size: 1em;
		left: -38px;
		letter-spacing: 0.5px;
		line-height: 1.2em;
		padding: 12px 0;
		position: relative;
		text-align: center;
		top: 16px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		width: 153px;
}
.cp_ribbon03 .cp_ribbon::before, .cp_ribbon03 .cp_ribbon::after {
		bottom: -5px;
		border-width: 5px 5px 0 5px;
		border-style: solid;
		border-color: #EF6C00 transparent transparent transparent;
		content: '';
		position: absolute;
}
.cp_ribbon03 .cp_ribbon::before {
		left: 0;
}
.cp_ribbon03 .cp_ribbon::after {
		right: 0;
}
#gakusei_m.banner_m .cp_ribbon02 div {
		border-bottom: 0px solid #ffffff;
}
@media (min-width: 768px) {
		#gakusei_m.banner_m .cp_ribbon02 div {
				border-bottom: none;
				border-left: 0px solid #ffffff;
		}
}
@media (max-width: 768px) {
		.cp_ribbon02 .cp_ribbon {
				font-size: 0.9em;
				left: -35px;
				top: 7px;
				width: 133px;
		}
		.cp_ribbon03 .cp_ribbon {
				font-size: 0.9em;
				left: -31px;
				padding: 8px 0;
				top: 18px;
				width: 130px;
		}
}



/** 14. owlカルーセル ドットデザイン
**************************************************************** **/
.owl-theme .owl-nav.disabled + .owl-dots {
		margin-top: 2px;
}
.owl-theme .owl-dots {
		text-align: center;
		-webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
		display: inline-block;
		zoom: 1;
}
.owl-theme .owl-dots .owl-dot span {
		width: 10px;
		height: 10px;
		margin: 5px 7px;
		background: rgba(183, 183, 183, 0.70);
		display: block;
		-webkit-backface-visibility: visible;
		transition: opacity 200ms ease;
		border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
		background: #212F7C;
}



/** 15. TOPアイコン
**************************************************************** **/
#global_header .menu-button .touch-button {
		display: none;
}
#header ul.m-header {
		height: 40px;
		width: 400px;
}
#header ul.m-header a {
		color: #212F7C;
		text-decoration: none;
}
#header ul.m-header li {
		list-style: none;
		float: right;
		height: 40px;
		text-align: center;
		min-width: 55px;
}
.m-header-link-img {
		width: 35px;
		height: 35px;
		margin: 0px;
		position: relative;
		top: -5px;
}



/** 16. soical icons
**************************************************************** **/
.social-1 {
		margin: 0;
		padding: 0;
		position: relative;
		top: 8px;
}
.social-1 li a i {
		width: 30px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		color: #fff;
		font-size: 16px;
		-webkit-transition: all 200ms ease-in;
		-o-transition: all 200ms ease-in;
		-moz-transition: all 200ms ease-in;
		transition: all 200ms ease-in;
}
.social-1 li a i:hover {
		opacity: 0.8;
}
.social-1 li a i.fa-facebook {
		background-color: #3b5998;
}
.social-1 li a i.fa-twitter {
		background-color: #0084b4;
}
.social-1 li a i.fa-instagram {
		background-color: #ea4c89;
}



/** 17. 丸数字カウンターリスト
**************************************************************** **/
ol.calender_list {
		counter-reset: my-counter;
		list-style: none;
		padding: 0;
}
#content ol.calender_list li {
		margin-bottom: 10px;
		padding-left: 30px;
		position: relative;
		line-height: 1.5;
}
ol.calender_list li:before {
		content: counter(my-counter);
		counter-increment: my-counter;
		background-color: #52A7E0;
		color: #fff;
		display: block;
		float: left;
		line-height: 22px;
		margin-left: -30px;
		text-align: center;
		height: 22px;
		width: 22px;
		border-radius: 50%;
		vertical-align: middle;
}
ol.calender_list.back_orange li::before {
		background-color: #e67e22;
}
ol.calender_list.back_green li::before {
		background-color: #1abc9c;
}
ol.calender_list.back_pink li::before {
		background-color: #FF457B;
}




/** 18. ドロワーメニュー
**************************************************************** **/
#overheader {
		display: block;
}
nav.globalnav > .globalnav_bg a {
		background-image: url(/iwate/images/common/logo_newlife@2x.svg);
}
@media (max-width: 350px) {
		nav.globalnav > .globalnav_bg a {
				width: 250px;
		}
}




/** 19. スマホでの表の表示切り替え
**************************************************************** **/


#content  .res_table table.tblFull {
	border-bottom: 1px solid #dcdcdc;
}
#content .res_table table.tblFull th {
	padding: 8px;
	line-height: 1.5;
	vertical-align: middle;
	text-align: center;
}
#content  .res_table table.tblFull td{
	padding: 8px;
	line-height: 1.5;
	vertical-align: middle;
	text-align: left;
}
@media (max-width: 767px) {
	#content .res_table table.tblFull td, #content  .res_table table.tblFull th {
		padding: 8px 4px;
		line-height: 1.5;
		vertical-align: middle;
		text-align: left;
	}
	#content .res_table table.tblFull {
		border-bottom: 1px solid #dcdcdc;
	}
	#content .res_table table.tblFull td {
		background-color: #FFFFFF;
		padding-left: 20px;
		padding-right: 20px;
	}
	#content .res_table table.tblFull td.title {
		background-color: #f4f4f4;
		border-bottom: 1px solid #dddddd;
		text-indent:-2em;
		padding-left:2em;
	}
	#content .res_table table.tblFull th.title {
		background-color: #f4f4f4;
		border-bottom: 1px solid #dddddd;
		text-indent:-2em;
		padding-left:2em;
	}
	#content table.tblFull th {
		border-top: 1px solid #dcdcdc; 
	}
	#content .res_table table.tblFull td {
		border-top: 0px solid #dcdcdc; 
	}
	#content table.tblFull td.td_bottom{
		border-bottom: 1px solid #dcdcdc; 
	}
	#content .res_table table.tblFull td.td_top{
		border-top: 1px solid #dcdcdc; 
	}
	#content .res_table table.tblFull tr.tr_top{
		border-top: 1px solid #dcdcdc; 
	}
	#content .res_table table.tblFull td.td_bottom_b{
		border-bottom: 3px solid #dcdcdc; 
	}
	.res_table {
		border-collapse: separate;
		border-spacing: 0  20px;
		margin:20px 5px;
	}
	.res_table thead {
		display: none;
	}
	.res_table tr {
		background-color: #f6f6f6;
	}
	.res_table td {
		border: none;
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
	.res_table td.col-6 {
		float: left;
		width: 50%;
	}
	.res_table td.txt-right {
		text-align: right;
	}
	.res_table td:before {
		content: attr(data-title) " ";
		font-weight: 600;
	}
	.res_table th {
		border: none;
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
	.res_table th.col-6 {
		float: left;
		width: 50%;
	}
	.res_table th.txt-right {
		text-align: right;
	}
	.res_table th:before {
		content: attr(data-title) " ";
	}
	.res_table .clear {
		clear: both;
	}
}