@charset "utf-8";


* {
	margin : 0;
	padding : 0;
	box-sizing:border-box;
}

p {
	line-height : 1.8;	
}


header a {
	color : #222;	
}

#wrapper-all {
	position : relative;	
}


a:hover {
	color : #0111ae;	
}


address {
	font-style : normal;	
}

img {
	max-width : 100%;
	height : auto;
	-ms-interpolation-mode: bicubic; 
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ロード画面用
------------------------------------------------ */

html, body {
	width: 100%;
	height: 100%;
	
}
/*スマートフォンのブレイクポイント*/
@media screen and (max-width: 769px){
	body {
		// 初期化
		min-width: initial;
	}
}

.loadingWrap {
	width: 100%;
	height: 100%;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index : 100;
}

.loadingWrap div {
	text-align : center;
	width : 32px;
	height : 32px;
	top : 50%;
	left : 50%;
	margin-left : -16px;
	margin-top : -16px;
	position : absolute;
}


/* フォント関連
---------------------------------------------------------- */

/*
 * "Noto Sans CJK JP" licensed under the SIL Open Font License
 * https://www.google.com/get/noto/
 */


@font-face {
	font-family: 'NotoSanMed';
	src: url('../fonts/NotoSansJP-Medium.woff') format('woff')
		,url('../fonts/NotoSansJP-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'NotoSanReg';
	src: url('../fonts/NotoSansJP-Regular.woff') format('woff')
		,url('../fonts/NotoSansJP-Regular.ttf') format('truetype');
}
@font-face {
	font-family: "YakuHanJP";
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/YakuHanJP-Regular.eot");
	src: url("../fonts/YakuHanJP-Regular.woff") format("woff");
}
@font-face {
	font-family: "YakuHanJP";
	font-style: normal;
	font-weight: 500;
	src: url("../fonts/YakuHanJP-Medium.eot");
	src: url("../fonts/YakuHanJP-Medium.woff") format("woff");
}
@font-face {
	font-family: 'RobotoConReg';
	src: url('../fonts/RobotoCondensed-Regular.woff') format('woff')
		,url('../fonts/RobotoCondensed-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'RobotoConBold';
	src: url('../fonts/RobotoCondensed-Bold.woff') format('woff')
		,url('../fonts/RobotoCondensed-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'OswaldReg';
	src: url('../fonts/Oswald-Regular.woff') format('woff')
		,url('../fonts/Oswald-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'OswaldBold';
	src: url('../fonts/Oswald-Bold.woff') format('woff')
		,url('../fonts/Oswald-Bold.ttf') format('truetype');
}

.robot {
	font-family:"OswaldBold", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;	
}

.notoR {
	font-family:"NotoSanReg", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;		
}

/* ここまで */


body {
	font-family:
	YakuHanJP, 
	"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
	'NotoSanReg',
	"メイリオ", Meiryo,
	"ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	-webkit-text-size-adjust: 100%;
/*	word-break: break-all;*/
	color : #222;
}

#header-logo {
	font-family: "RobotoConBold","メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;	
}



/* googleカレンダー可変用 */

.googleca,
.googleca iframe[style],
.googleca span {
	width: 100% !important;
    max-width: 1140px;
}


/* ボタン用
---------------------------------------------------------- */


/* 通常リンクボタン */


.btn a {
	background : #ffffff;
	border : 1px solid #666;
	color : #333333;
	padding : 20px;
	display : block;
	text-decoration:none;
	text-align:center;
	font-weight : bold;
	position : relative;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
	    transition: all .5s ease;	
}

.btn a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	width: 6px;
	height: 6px;
	margin: -3px 0 0 0;
	border-right: solid 2px #0111ae;
	border-top: solid 2px #0111ae;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
}

.btn a:hover {
	background : #333333;
	color : #ffffff;
}

.btn a:hover:after {
	border-right: solid 2px #fff;
	border-top: solid 2px #fff;

}


/* 黒丸角 */

.btn2 a {
	background : #0111ae;
	color : #ffffff;
	padding : 20px;
	display : block;
	text-decoration:none;
	text-align:center;
	font-size : 95%;

	font-weight : bold;
	position : relative;

    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
	    transition: all .5s ease;	
	
}

.btn2 a:not(.linkBlank):not(.linkPdf):after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	width: 6px;
	height: 6px;
	margin: -3px 0 0 0;
	border-right: solid 2px #fff;
	border-top: solid 2px #fff;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
}

.btn2 a:hover {
	background : #333;
	color : #ffffff;
}

.btn2 a:not(.linkBlank):not(.linkPdf):hover:after {
	border-right: solid 2px #fff;
	border-top: solid 2px #fff;

}

.btn2 a.linkPdf:after  {
	color : #ffffff;	
}


/* NFUライセンススクールパンフレットアイコン */

.pamp {
	position : relative;	
}

.pamp:before {
	position:absolute;
	
	top : 50%;
	left : 5px;
	margin-top : -32px;
	
    content: url(../img/icn-pamp.png);
    display: inline-block;

    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}


/* NFUライセンススクールお迷いの方へアイコン */

.decide {
	position : relative;	
}

.decide:before {
	position:absolute;
	
	top : 50%;
	left : 5px;
	margin-top : -32px;
	
    content: url(../img/icn-decide.png);
    display: inline-block;

    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}

.decide:hover:before {
    content: url(../img/icn-decide-off.png);
}


/* ボタン赤色 */

.link-area .linktxt.btn-red {
	background : #c22b2b!important;
	color : #ffffff;
}

.link-area .linktxt.btn-red:hover {
	background : #333!important;
}

.link-area .linktxt.btn-red.pdf:after {
	color : #ffffff!important;	
}

/* ボタン青色（社会福祉士カラー） */

.link-area .linktxt.btn-blue {
	background : #4181b9!important;
	color : #ffffff;
}

.link-area .linktxt.btn-blue:hover {
	background : #333!important;
}

.link-area .linktxt.btn-blue.pdf:after {
	color : #ffffff!important;	
}


/* ボタン緑色（精神保健福祉士カラー） */

.link-area .linktxt.btn-green {
	background : #449571!important;
	color : #ffffff;
}

.link-area .linktxt.btn-green:hover {
	background : #333!important;
}

.link-area .linktxt.btn-green.pdf:after {
	color : #ffffff!important;	
}


/* ボタン黒色 */

.link-area .linktxt.btn-black {
	background : #555!important;
	color : #ffffff;
}

.link-area .linktxt.btn-black:hover {
	background : #fff!important;
	color : #555;
}

.link-area .linktxt.btn-black.pdf:after {
	color : #fff!important;	
}

.link-area .linktxt.btn-black.pdf:hover:after {
	color : #555!important;	
}



/* セクション毎に交互に色変え
---------------------------------------------------------- */

section:nth-child(2n) {
	background : #edf4ff;
}


/* メインビジュアル
---------------------------------------------------------- */

.visual-inner {
}


/* ヘッダー
---------------------------------------------------------- */

header a {
	text-decoration : none;
}


/* ナビ */

nav {
}


/* フッター
---------------------------------------------------------- */

footer {
	background : #333333;
	color : #ffffff;
}

footer a {
	color : #ffffff;	
}

footer a:hover {
	color : #ccc;	
}


/* 中面共通
---------------------------------------------------------- */

.v2title {
	text-align : center;
	margin-top : 75px;
	position : relative;
}

.inner .v2title:first-of-type {
	margin-top : 0!important;	
}

.inner-small .v2title:first-of-type {
	margin-top : 0!important;	
}

.inner-full .v2title:first-of-type {
	margin-top : 0!important;	
}

.v2title:after {
	content : "";
	position : absolute;
	bottom : -4px;
	left : 50%;
	margin-left : -20px;
	width : 40px;
	border-bottom : 2px solid #0111ae;
		
}

.v3title {
	position : relative;
	margin-bottom : 20px;
	background : #ececec;
}

.v3title:before {
	content : "";
	position : absolute;
	top : 50%;
	left : 0;
	margin-top : -2px;
	width : 16px;
	display:block;
	height : 4px;
	background-color : #0111ae;
}

.v4title {
	padding : 0 0 15px;
	font-size : 110%;
	margin-bottom : 15px;
	border-bottom : 2px solid #cccccc;
	position : relative;
}

.v4title:after {
	content : "";
	position : absolute;
	bottom : -2px; /* h1の線の太さ分 */
	left : 0;
	width : 80px;
	border-bottom : 2px solid #0111ae;
}

.v5title {
	margin-bottom : 10px;
	color : #0111ae;
}


/* 特殊（両脇線見出し） */

.v6title {
  overflow: hidden;
  text-align: center;
	color: #0111ae;
}

.v6title span {
  position: relative;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  text-align: left;
}

.v6title span::before,
.v6title span::after {
  position: absolute;
  top: 50%;
  content: '';
  width: 80px;
  height: 2px;
  background-color: #ccc;
}

.v6title span::before {
  right: 100%;
}

.v6title span::after {
  left: 100%;
}

h6 {
	font-size : 105%;
}


/* トグルボタン
---------------------------------------------------------- */

.toggle-btn a {

	background : #f5f5f5;
	color : #333333;
	border : 1px solid #999;
	
	display:block;
	position:relative;
	text-decoration : none;


}

.toggle-btn a i {
	position : absolute;
	right : 15px;
	top : 50%;
	margin-top : -.5em;
	font-size : 120%;
}

.toggle-btn a:hover {
	background : #555;
	border-color : #333;
	color : #fff;	
}

.toggle-btn.active a {

	background : #ddd;
	color : #333;
}

.toggle-btn.active a:hover {
	background : #555;
	border-color : #333;
	color : #fff;	
}


/* タブ
---------------------------------------------------------- */

.tabMenu {
	display : -webkit-flex;
	display : flex;
	 -webkit-justify-content: space-between;
	justify-content: space-between;	

	-webkit-align-items: center;
	align-items: center;

}

.tabMenu > li {
	-webkit-flex : 1;
	flex : 1;
}

.tabMenu > li a {
	background : #fff;
	padding : 20px;
	display:block;
	text-decoration : none;

	position : relative;
	border-bottom : 1px solid #666;
	color : #333;
	background : #f5f5f5;
	font-weight : bold;
	text-align:center;
}

.tabMenu > li.tab-active a {
	background : #444;
	color : #fff;
}



/* tab2 */

.tab2 .tabMenu > li a {
	background : #fff;
	padding : 25px 20px 25px 45px;
	display:block;
	text-decoration : none;
	border-radius :  5px;
	position : relative;
	border : 1px solid #aaa;
	color : #333;
	font-weight : bold;
	text-align:left;
}

.tab2 .tabMenu > li a:before {
	left : 20px;
	top : 50%;
	margin-top : -11px;
	position : absolute;
	content: "\f13a";
	font-family: FontAwesome;
	font-size : 22px;
}

.tab2 .tabMenu > li.tab-active a {
	background : #444;
	color : #fff;
}

.tab2 .tabMenu > li.tab-active a:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	z-index : 10;
	
	border-top-color: #444;
	border-width: 10px;
	margin-left: -10px;
}


/* page-top
---------------------------------------------------------- */

#page-top {
	position : fixed;
	right : 20px;
	z-index : 100;
}

#page-top a {
	display:block;
	background : #333;
	padding : 12px;
	border-radius : 5px;
	border : 1px solid #fff;

    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
	    transition: all .5s ease;	
	
}

#page-top a:hover {
	background : #fff;
	border : 1px solid #333;
}

#page-top i {
	color : #ffffff;	
	font-size : 140%;
}

#page-top a:hover i {
	color : #333;
}


/* 続きを見る
---------------------------------------------------------- */

.smore {
	display : none;
	opacity : 0;
}

.more-btn {
	width : 80%;
	margin : 20px auto 0;
	border : 1px solid #000000;
	cursor:pointer;
	padding : 15px;
	text-align : center;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    transition: all 0.6s ease;

}

.more-btn:hover {
	background : #ccc;
	
}


/* リンクボタン
---------------------------------------------------------- */

.link-btn > a {
	text-decoration:none;
}

.link-btn img {
	width : 100%;
	vertical-align : bottom;
}

.link-btn > a .linktxt {

}

.link-btn > a:hover .linktxt {
	background : #333;
	color : #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
	    transition: all .5s ease;
}

.link-area .linktxt.fb {
	background:#3B5998;
	color:#fff;
}
.linktxt.fb.blank:after {
	color:#fff;
}

.link-area .linktxt.insta {
	background: -webkit-linear-gradient(135deg, #833ab4 0%, #f13f79 70%) no-repeat;
	background: linear-gradient(135deg, #833ab4 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
	color:#fff;
}
.linktxt.insta.blank:after {
	color:#fff;
}


/* ライセンススクールコース用
---------------------------------------------------------- */

.course-title {
  position: relative;
  text-align: center;
	padding : 5px 0;
}

.course-title span i {
	font-size : 120%;
	margin-right : 5px;
}

.course-title span {
  position: relative;
  z-index: 2;
  display: inline-block;
  padding: 0 20px;
  background-color: #fff;
  text-align: left;
}
.course-title:after {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 4px;
  background-color: #0099d5;
}

.course-list dd {
	
}

.course-list li a {
	background : #eef7f9;
	display:block;
	text-decoration : none;
}

.course-list li a:hover {
	background : #ffffff;
	-webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
	    transition: all .8s ease;	
	
}

.course-list li dd {
	color : #333;
}

.course-list li a:hover dd {
	color : #c70331;
}


/* 講座一覧詳細ボタン */

.course-btn {
	display : inline-block;
	width : 70px;
	background : #3275b0;
	color : #ffffff;
	text-align:center;
	font-size : 90%;
	border-radius : 10px;
	margin-top : 5px;
	border-bottom : 2px solid #006289;
	border-right : 2px solid #006289;
}

.course-list li a:hover .course-btn {
	background : #c70331;
	border-bottom : 2px solid #933d40;
	border-right : 2px solid #933d40;
}

.course-list .place {
	color : #222;
	border-top : 2px solid #8ebcd9;
}


/* 講座概要ページがまだない場合aタグの代わりにdivとして使用 */

.course-list li .kouza-no {
	background : #f5f5f5;
	display:block;
	text-decoration : none;
}

.course-list li .kouza-no dd {
	color : #666!important;
}

.course-list li .kouza-no .place {
	border-top-color : #ccc;
	color : #666!important;
}

.course-list li .kouza-no dd:before {
	border-top-color : #999!important;
	border-right-color : #999!important;
}


/* 講座概要ページ受付終了用 */

.course-list li .kouza-owari {
	background : #f5f5f5;
	border-color : #bfbfbf;
}


/* ページ内リンク */

.pagelink-area a {
	color : #333333;
/*	font-weight : bold;*/
}

.pagelink-area a:hover p {
	text-decoration : underline;
}

.pagelink-area img {
	vertical-align : bottom;	
}

img + .pagetxt {
	border-top : none!important;
}


/* アイコン
--------------------------------------- */

/* ニュースアイコン */

.event-icn {
	background : #3b5cd8;
	display : inline-block;
	color : #ffffff;
}

.news-icn {
	background : #00b3c1;
	display : inline-block;
	color : #ffffff;
}


.icn {
	padding : 3px;
	background : #336699;
	color : #ffffff;
	min-width : 5em;
	box-sizing:border-box;
	margin-right : 5px;
	display:inline-block;
	text-align:center;

}

.icn:last-child {
	margin-right : 0;
}

/* 各アイコン地名カラー */

/* オフィス */

.bc-icn {
	padding : 10px 5px 10px 20px;
	background : #336699;
	color : #ffffff;
	font-size : 85%;
	box-sizing:border-box;
	margin-right : 5px;
	display:inline-block;
	text-align:center;
	position:relative;	
	border-radius : 5px;
}

.bc-icn:before {
	left : 5px;
	top : 50%;
	margin-top : -6px;
	position : absolute;
	content: "\f13a";
	font-family: FontAwesome;
	font-size : 14px;
	color : #fff;
}

.bc-icn:last-child {
	margin-right : 0;
}


/* 各地域オフィスカラー */

.tokyo {
	background : #c70b37!important;
	border : 1px solid #a5092e!important;
}

.osaka {
	background : #bea100!important;
	border : 1px solid #a48b00!important;
}

.yamagata {
	background : #6e5ea2!important;
	border : 1px solid #564a7f!important;
}

.toyama {
	background : #1545ac!important;
	border : 1px solid #092b74!important;
}

.matsumoto {
	background : #55a253!important;
	border : 1px solid #3e753c!important;
}

.nagoya , .aichi {
	background : #00a5d6!important;
	border : 1px solid #007395!important;
}

.toyohashi {
	background : #ea720d!important;
	border : 1px solid #b2570a!important;
}

.okayama {
	background : #a83a88!important;
	border : 1px solid #7e2c66!important;
}

.fukuoka {
	background : #358871!important;
	border : 1px solid #23594a!important;

}

.all {
	background : #0111ae!important;
	border : 1px solid #0111ae!important;
}

/* 講座開催地名用カラー */

.kanagawa {
	background : #06469d!important;
	border : 1px solid #05377c!important;
}

.hiroshima {
	background : #57186d!important;
	border : 1px solid #3c114b!important;
}


/* 汎用アイコン（講座対象者・開催日数・受講形式等） */

.hanyou {
	background : #f5f5f5!important;
	color : #222!important;
	border : 1px solid #333!important;
	letter-spacing : 0;
}


/* ライセンススクール及び人材養成事業講座用
--------------------------------------------------------- */

/* bcトップページタブ
--------------------------------------------------------- */

.lstab-group .lstabMenu > li.syafuku a:hover {
	background : #4181b9;
	color : #ffffff;
}

.lstab-group .lstabMenu > li.syafuku.tab-active a {
	background : #4181b9;
}

.lstab-group .lstabMenu > li.syafuku.tab-active a:after {
	background : #4181b9;
	border-right: solid 2px #4181b9;
	border-top: solid 2px #4181b9;
}

.lstab-group .lstabMenu > li.seishin a:hover {
	background : #449571;
	color : #ffffff;
}

.lstab-group .lstabMenu > li.seishin.tab-active a {
	background : #449571;
}

.lstab-group .lstabMenu > li.seishin.tab-active a:after {
	background : #449571;
	border-right: solid 2px #449571;
	border-top: solid 2px #449571;
}

.lstab-group .lstabMenu > li.kaigo.tab-active a {
	background : #a85750;
}

.lstab-group .lstabMenu > li.kaigo a:hover {
	background : #a85750;
	color : #ffffff;
}

.lstab-group .lstabMenu > li.kaigo.tab-active a:after {
	background : #a85750;
	border-right: solid 2px #a85750;
	border-top: solid 2px #a85750;
}

.lstab-group .lstabMenu > li.care.tab-active a {
	background : #98863b;
}

.lstab-group .lstabMenu > li.care a:hover {
	background : #98863b;
	color : #ffffff;
}

.lstab-group .lstabMenu > li.care.tab-active a:after {
	background : #98863b;
	border-right: solid 2px #98863b;
	border-top: solid 2px #98863b;
}

.ls-list li a {
	color : #333;
	background : #eef7f9;
}

/* ライセンススクールトップページ
--------------------------------------------------------- */

/* 受付中表記用バルーン */

.count {
	position : relative;
	width : 100%;
}

.course-list-read {
	display : inline-block;
	margin-top : 15px;
	color : #d50707;
	font-weight : bold;	
}

.count-comment span {
	position : relative;
	display:block;
}

.count-comment:after {
	content: "";
	position: absolute;
	bottom: -20px;
	left: 50%;
 	margin-left: -12px;
	border: 12px solid transparent;
	border-top: 12px solid #a01111;
 	z-index: 0;
	-ms-transform: rotate(-15deg);
	-webkit-transform: rotate(-15deg);
	transform: rotate(-15deg);
}

/* 講座一覧ページ
--------------------------------------------------------- */

/* 各種アイコン */

/* 受付中 */
.uketsuke {
	background : #a01111!important;
	border : 1px solid #a00000!important;
}

/* 受付終了 */
.uketsukeowari {
	background : #555!important;
	border : 1px solid #444!important;
}

/* 受付前 */
.uketsukemae {
	background : #26689c!important;
	border : 1px solid #1e527b!important;	
}

/* 掲載準備中 */
.jyunbi {
	background : #555!important;
	border : 1px solid #444!important;
}

.uketsuke, .uketsukeowari, .uketsukemae, .jyunbi {
	padding-left : 7px;
	padding-right : 7px;
}


/* 講座中面
--------------------------------------------------------- */

/* 講座タイトル */

.kouza-title {
	text-align:center;
	position : relative;
	margin-top : 25px;
	padding-bottom : 35px;
}

.kouza-title:after {
	content : "";
	position : absolute;
	bottom : 0;
	left : 50%;
	margin-left : -24px;
	width : 48px;
	border-bottom : 3px solid #0111ae;
		
}

/* 対象学部 */
.gakubuIcnBox {
	margin: 50px 0;
}
.gakubuIcnBoxTitle {
	text-align: center;
	position: relative;
}
	.gakubuIcnBoxTitle:before {
		position: absolute;
		top: calc(50% - 1px);
		left: 0;
		width: 100%;
		height: 2px;
		content: '';
		background: #ccc;
	}
	.gakubuIcnBoxTitle span {
		position: relative;
		padding: 0 1em;
		background: #fff;
	}

.gakubuIcn {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
}
.gakubuIcn li{
	list-style-type: none;
	background: #000;
	color: #fff;
	border-radius: 50px;
	text-align: center;
}
.gakubuIcn li.syafuku {
	background: #007a7c!important;
}
.gakubuIcn li.kyouiku-shinri {
	background: #aa4b6b!important;
}
.gakubuIcn li.sports {
	background: #2A7F5D!important;
}


/* 講座中面ジャンル */

.cate {
	width : 180px;
	padding : 5px 0;
	border-radius : 5px;
	font-size : 90%;
	background : #444;
}


/* 本講座のポイント！ */

.point-box {
	background : #f7f7ef;
	border : 3px solid #cfd389;
}


/* 受講生の声 */

.commnet-box {
	border-radius : 4px;
	background : #eff4f7 url(../img/comment-bg.png) 95% 15% no-repeat;
	border : 3px solid #b8d9ea;
}

.commnet-box li {
	line-height : 2.1!important;
	background : none!important;
	position : relative;
	padding-left : 15px!important;
	color : #000;
	margin-bottom : 6px!important;
}

.commnet-box li:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 12px;
	border: solid 2px #aaa;

}
.comment-box-title {
	color : #005171;
	position : relative;
	font-size : 120%;
	margin-top : 5px;
}


/* 講座申込用ボタン
--------------------------------------------------------- */

.entry-btn a {
	background : #0010ae;
	color : #ffffff;
	display : block;
	text-align : center;
	font-size : 115%;
	opacity : 1;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
	    transition: all .5s ease;
	text-decoration: none;
}


/* 講座受付前 aタグの代わりにspanとして使用 */

.entry-btn span.off {
	background : #999;
	color : #ffffff;
	display : block;
	text-align : center;
	font-size : 115%;
	opacity : 1;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
	    transition: all .5s ease;
}


/* フォーム用入力内容訂正ボタン */

.correct-btn a {
	background : #666;
	color : #ffffff;
	display : block;
	text-align : center;
	border-radius : 25px;
	border-right : 4px solid #333;
	border-bottom : 4px solid #333;
	opacity : 1;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
	    transition: all .5s ease;
}

.entry-btn a:hover, .correct-btn a:hover {
	opacity : .5;
}


/* 人材養成事業などで申し込みボタンがpdfの場合 */

.entry-btn a.linkPdf::after {
	color : #ffffff!important;
}


/* 主にカラム用link */

.link-area > div {
	box-sizing : border-box;
	border : 1px solid #eee;	
}

.link-area img {
	vertical-align : bottom;	
}

img + .linktxt {
	border-top : none!important;
}

.linktxt:not(.pdf):not(.blank):after {
	content: "";
	position: absolute;
	top: 50%;
	right: 20px;
	width: 10px;
	height: 10px;
	margin: -5px 0 0 0;
	border-right: solid 3px #0111ae;
	border-top: solid 3px #0111ae;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
}

.linktxt:not(.pdf):not(.blank):hover:after {
	border-right: solid 3px #fff;
	border-top: solid 3px #fff;
}

/* linktxt用pdfアイコン */

.linktxt.pdf:after {
	content: "\f1c1";
	position: absolute;
	font-family: fontAwesome;
	display:block;
	top: 50%;
	right: 15px;
	width: 10px;
	height: 10px;
	margin: -.5em 0 0 0;
	color : #000;

}

.linktxt.pdf:hover:after {
	color : #fff;
}

/* linktxt用blankアイコン  */

.linktxt.blank:after {
	content: "\f24d";
	position: absolute;
	font-family: fontAwesome;
	display:block;
	top: 50%;
	right: 15px;
	width: 10px;
	height: 10px;
	margin: -.5em 0 0 0;
	color : #000;

}

.linktxt.blank:hover:after {
	color : #fff;
}


/* フォーム関連
------------------------------------------------------ */

.form-title {
	text-align:center;
	position : relative;
	background : #eeeeee;	
}


/* フォームの流れ */

.form-flow {
	display : -webkit-flex;
	display : flex;
	 -webkit-justify-content: space-between; /* スペースを均等 */
	justify-content: space-between; /* スペースを均等 */
}

.form-flow li {
	width : 32%;
	background : #ddd;
	text-align:center;
	position : relative;
	font-weight : bold;
	border-radius : 5px;
	
}

.form-flow li.form-active {
	background : #4fa6c9;
	color : #fff;
}

.form-flow li:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: -12px;
	width: 10px;

	height: 10px;
	margin: -5px 0 0 0;
	border-right: solid 2px #aaa;
	border-top: solid 2px #aaa;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
			z-index : 10;
}

.form-flow li.form-active:after {
	border-right: solid 2px #3b95b9;
	border-top: solid 2px #3b95b9;		
}


.form-flow li:last-child:after {
	display : none;
}

input:focus {
	border : 1px solid #0266d5;
	background : #f5f5f5;
}

br + input:not(:first-child) {
	margin-top : 5px;
	display : inline-block;
}

br + input:not(:first-child) + label {
	margin-top : 5px;
	display : inline-block;
}


/* メール未着理由にに関する注意文 */

.mailalert {
	font-size : 85%;
	font-weight : bold;
	color : #000;
	padding-left : 25px;
	position:relative;
	color : #d50000;
}

.mailalert:before {
	content:"\f05a";
	left : 0;
	top : 0;
	margin-top : -5px;
	position : absolute;
	font-family: FontAwesome;
	font-size : 20px;
}

/* 講座概要に戻るボタン */

.return-btn {
	text-align : right;	
}

.return-btn a {
	display : inline-block;
	border : 1px solid #cccccc;
	background : #f5f5f5;
	position : relative;
	text-decoration : none;
}

.return-btn a:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 15px;
	width: 5px;
	height: 5px;
	margin: -3px 0 0 0;
	border-right: solid 2px #027485;
	border-top: solid 2px #027485;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);

}

/* 入力必須 */

.ind {
	font-size : 85%;
	color : #d50000;	
}

/* フォームエラー */

.error {
	color : #d50000;
	text-indent : -1em!important;
	padding-left : 1em!important;
	font-weight : bold;
	display:inline-block;
}

/* ここまで */


/* 各コース用ボタン色 */

.syafuku-btn {
	border : 5px solid #4181b9!important;
}

.syafuku-btn :hover .linktxt {
	background : #79c1ff!important;	
}

.seishin-btn {
	border : 5px solid #449571!important;
}

.seishin-btn :hover .linktxt {
	background : #6ccfa4!important;	
}

.kaigo-btn {
	border : 5px solid #a85750!important;
}

.kaigo-btn :hover .linktxt {
	background : #f5a49d!important;	
}

.care-btn {
	border : 5px solid #9d8a3d!important;
}

.care-btn :hover .linktxt {
	background : #e3cb68!important;	
}

.syafuku-btn .linktxt:not(.pdf):not(.blank):after,
.seishin-btn .linktxt:not(.pdf):not(.blank):after,
.kaigo-btn .linktxt:not(.pdf):not(.blank):after,
.care-btn .linktxt:not(.pdf):not(.blank):after {
	border-right: solid 2px #000;
	border-top: solid 2px #000;
}



/* リンクがない場合 */

.nolink-btn {
	border : 5px solid #cccccc!important;
}

.nolink-btn .linktxt {
	color : #999!important;	
}

.nolink-btn .linktxt:after {
	opacity : 0;
}



/* 各コースページジャンル（対面・模擬・web）タイトル */

.point > div {
	text-align:left;
	background : #e9e9e9;
	border-bottom : 2px solid #bbb;
}

.point > div {
	position : relative;
}

.point-title {
  position: relative;
  text-align: left;
	padding : 5px 0;
	font-size : 130%;
	margin-bottom : 5px;
}

.point-title strong {
  position: relative;
  z-index: 2;
  display: inline-block;
  padding-right: 15px;
  background-color: #e9e9e9;
  text-align: left;
}

.point-title:after {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 3px;
  background-color: #8ebcd9;
}


/* 対面講座アイコン */
.point > div.kouza:after {
	content: "\f0c0";
}

/* 模擬試験アイコン */
.point > div.mogi:after {
	content: "\f044";
}

/* web講座などアイコン */
.point > div.web:after {
	content: "\f108";
}

.point > div:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	z-index : 10;
	
	border-top-color: #e9e9e9;
	border-width: 14px;
	margin-left: -14px;
}

/* カラムの支援ボタン用
--------------------------------------------------------- */

.column4-full a {
	color : #000000;
}

.column4-full > div > p {
}


/* 重要なお知らせ時 */

.important-box {
	border : 4px solid #ca0000;	
}

/* ニュース */

.news-wrapper ul.news-list li dd a {
	color : #333;
}

.news-wrapper ul.news-list li dd a:hover {
	color : #0111ae;	
}

.hover:hover {
	opacity : .6;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
	    transition: all 1s ease;
}

.list-title-bc {
	margin-top : 10px;
	margin-bottom : 10px;
	background : #fff;
	color : #222;
	font-size : 90%;
}


/* ブロックセンター一覧 */

.bc-box {
	background : #dfe9f0;	
}

.box-ex {
	background : #dee6f7;
}

.box-ex2 {
	 box-shadow : none;
	 background : #eef6fe;
	 border : 1px solid #d5dfe8;
}


/* バスツアーイベント内容
------------------------------------------- */

section.oceventbg {
background: rgb(221,231,255);
background: -moz-linear-gradient(90deg, rgba(221,231,255,1) 0%, rgba(224,254,248,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(221,231,255,1) 0%, rgba(224,254,248,1) 100%);
background: linear-gradient(90deg, rgba(221,231,255,1) 0%, rgba(224,254,248,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dde7ff",endColorstr="#e0fef8",GradientType=1);
}

/* バスツアーイベント内容ボックス */

/* バスツアータイトル */

.oceventtitle {
	border-top : 4px solid #0010ae;
	border-bottom : 4px solid #0010ae;
	text-align:center;
}

.box-oceventbg {
	background: #fff;
	/*border : 4px solid #0010ae;*/
	box-shadow:0px 0px 10px #00000030;
}

.oceventRead {
	text-align: center;
}

/* バスツアーイベント写真 */

section.bg2 .image-shadow img {
	box-shadow : 7px 7px rgba(220,220,220,0.8);
}


/* バスツアーカテゴリ */

.ocbusttitle {
	border-top : 3px solid #0010ae;
	border-bottom : 3px solid #0010ae;
	text-align:center;
}

section.buscate {
	border-bottom : 1px solid #67afcb;
/*-webkit-background-size: 15px 15px;
-moz-background-size: 15px 15px;
background-size: 15px 15px;
background-color: #ebf5fe;
background-image: -webkit-gradient(linear, 0 100%, 100% 0,
            color-stop(.25, #e2f0fe), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #e2f0fe),
            color-stop(.75, #e2f0fe), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(45deg, #e2f0fe 25%, transparent 25%,
          transparent 50%, #e2f0fe 50%, #e2f0fe 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, #e2f0fe 25%, transparent 25%,
          transparent 50%, #e2f0fe 50%, #e2f0fe 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(45deg, #e2f0fe 25%, transparent 25%,
          transparent 50%, #e2f0fe 50%, #e2f0fe 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, #e2f0fe 25%, transparent 25%,
          transparent 50%, #e2f0fe 50%, #e2f0fe 75%,
          transparent 75%, transparent);
background-image: linear-gradient(45deg, #e2f0fe 25%, transparent 25%,
          transparent 50%, #e2f0fe 50%, #e2f0fe 75%,
          transparent 75%, transparent);*/
}

.box-bcbus {
	border-radius : 3px;
	border : 4px solid #0010ae;
	background: #fff;
}



/* バスツアーアイコン */

.toyama-bus {
	background : #2668b8;
	color : #ffffff;
	padding : 10px 15px;
	border-radius : 50%;
	margin-bottom : 14px;
	display:inline-block;
	border : 1px solid #666;
	font-size : 110%;
	letter-spacing : 0!important;
	line-height : 1!important;
}
.nagano-bus {
	background : #4ab147;
	color : #ffffff;
	padding : 10px 15px;
	border-radius : 50%;
	margin-bottom : 14px;
	display:inline-block;
	border : 1px solid #666;
	font-size : 110%;
	letter-spacing : 0!important;
	line-height : 1!important

}
.toyohashi-bus {
	background : #f37a15;
	color : #ffffff;
	padding : 10px 15px;
	border-radius : 50%;
	margin-bottom : 14px;
	display:inline-block;
	border : 1px solid #666;
	font-size : 110%;
	letter-spacing : 0!important;
	line-height : 1!important

}
.osaka-bus {
	background : #d7a40c;
	color : #ffffff;
	padding : 10px 15px;
	border-radius : 50%;
	margin-bottom : 14px;
	display:inline-block;
	border : 1px solid #666;
	font-size : 110%;
	letter-spacing : 0!important;
	line-height : 1!important
}


.seishin-ex {
	border-top : 3px solid #3d8766;
	text-align : center;
}

.box-seishin {
	background : #f5f5f5;
	border : 1px solid #eee;
}


/*
ページャー分け用
*/

.pager-list {
	margin-top : 25px;
	text-align: right;
}

.pager-list li {
	margin-right : 5px;
	display : inline-block;
	color : #005dbb;
	cursor:pointer;
	border : 1px solid #ccc;
	padding : 3px 10px;
}

.pager-list li:hover {
	text-decoration : underline;
}

.pager-list li.current,
.pager-list li.invalid,
.pager-list li.ellipsis {
	color : #333;
	cursor:default;
}

.pager-list li:hover.current,
.pager-list li:hover.invalid,
.pager-list li:hover.ellipsis {
	text-decoration : none;
}

.pager-list li:last-child {
	margin-right : 0;
}

.pager-list li.current {
	border : 1px solid #333;
	background : #666;
	color : #fff;
}


/* 印刷時用
--------------------------------------------------------- */

@media print {
	#page-top {
		display : none!important;	
	}
}