@charset "UTF-8";
/*----------------------------------------------------
	style.css
	リセット・基本・共通スタイル
----------------------------------------------------*/

/*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.min.css */
*,::before,::after{box-sizing:border-box;border-style:solid;border-width:0;min-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}main{display:block}p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}ul,ol{margin:0;padding:0;list-style:none}dt{font-weight:700}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}svg,img,embed,object,iframe{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}button,[type="button"],[type="reset"],[type="submit"]{cursor:pointer}button:disabled,[type="button"]:disabled,[type="reset"]:disabled,[type="submit"]:disabled{cursor:default}:-moz-focusring{outline:auto}select:disabled{opacity:inherit}option{padding:0}fieldset{margin:0;padding:0;min-width:0}legend{padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type="number"]{-moz-appearance:textfield}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]:focus{outline:auto}table{border-color:inherit;border-collapse:collapse}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}

/* 基本設定 */
html {
	height: 100%;
	font-size: 62.5%; /* 10(base font size) / 16(Browser Default font size) = 0.625em * 100 = 62.5% */
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #000;
	overflow-y: scroll;
	overflow-x: hidden;
}
body {
	height: 100%;
	background: #225e9c;
	line-height: 1.6;
	-webkit-text-size-adjust: 100%;
	position: relative;
	z-index: 1;
}
a:link {
	color: #215f9a;
	text-decoration: none;
	outline: none;
}
a:hover, a:visited, a:active { text-decoration: none; }
img { width: 100%; height: auto; vertical-align: top; }
hr { height: 0; margin: 0; padding: 0; border: 0; }
.imgL { float: left; }
.imgR { float: right; }
.txtL { text-align: left; }
.txtC { text-align: center; }
.txtR { text-align: right; }
dt { font-weight: 100; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

/* box-sizing */
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/* clearfix */
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

/* テキスト選択時の色 */
::selection { background: #4e95d9;  }
::-moz-selection { background: #4e95d9; }

/* 色指定 */
.blue { background: #225e9c; }
.green { background: #186c21; }
.yellow { background: #ad8c08; }
.orange { background: #9c5208; }
.red { background: #8c1818; }


/* 見出し */
.st_title_main {
	margin: 0 0 20px 0;
	padding: 10px 0;
	background-image: linear-gradient( 90deg, #225e9c 0 20%, #dedede 20% );
	background-repeat: no-repeat;
	background-size: 100% 5%;
	background-position: bottom;
	font-size: 2.0rem;
  font-weight: 400;
	display: inline-block;
}
.st_title_main_white {
	margin: 0 0 20px 0;
	padding: 10px 0;
	background-image: linear-gradient( 90deg, #225e9c 0 20%, #fff 20% );
	background-repeat: no-repeat;
	background-size: 100% 5%;
	background-position: bottom;
	font-size: 2.0rem;
  font-weight: 400;
	display: inline-block;
}

/* ボタン */
.bt_entry a {
	padding: 10px 20px;
	background: #ff4c00;
	color: #fff;
	font-size: 1.4rem;
	font-weight: 500;
	display: inline-block;
	vertical-align: middle;
	border-radius: 9999px;
}
.bt_seminar a {
	width: 90%;
	margin: 0 auto;
	padding: 10px 40px;
	background: #ff4c00;
	color: #fff;
	font-size: 1.6rem;
	font-weight: 500;
	display: block;
	text-align: center;
	border-radius: 9999px;
}
.bt_list a {
	width: 90%;
	margin: 0 auto;
	padding: 10px 30px;
	background: #fff;
	font-size: 1.6rem;
	font-weight: 500;
	color: #225e9c;
	border: 1px solid #225e9c;
	text-align: center;
	border-radius: 9999px;
	display: block;
}

/* パンくず */
#breadcrumb_academia {
	padding: 20px;
	background: #4e95d9;
	color: #fff;
	font-size: 1.6rem;
	position:absolute;
	width:100%;
	z-index:501;
}
#breadcrumb_academia a { color: #fff; }

/* ページネーション */
.pagenation {
	width: 100%;
	text-align: right;
}
.pagenation li {
	margin: 0 10px;
	padding: 5px 10px;
	font-size: 1.8rem;
	color: #225e9c;
	display: inline-block;
	vertical-align: middle;
}
.pagenation li a { color: #225e9c; }
.pagenation .prev,
.pagenation .next {
	width: auto;
	height: auto;
	padding: 0;
	vertical-align: middle;
}
.pagenation .prev img,
.pagenation .next img { display: none; }
.pagenation .prev:before,
.pagenation .prev:after {
	font-size: 1.8rem;
	color: #225e9c;
}
.pagenation .prev:before { content: "«"; }
.pagenation .prev:after { content: "»"; }

/* パスワードフォーム */
.password_form {
	width: 80%;
	margin: 200px auto;
	padding: 60px;
	background: #fff;
	font-size: 1.8rem;
	text-align: center;
}
.password_form input {
	padding: 10px;
	border: 1px solid #4e95d9;
}


/*----------------------------------------------------
	SP
----------------------------------------------------*/

/* ---------- header ---------- */
#gloval_header {
	width: 100%;
	transition: 0.5s;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9999;
}
#gloval_header.head_scroll { background: rgba(34, 94, 156, .9); }
#gloval_header .inner {
	width: 100%;
	padding: 10px 20px;
	display: flex;
  align-items: center;
	position: relative;
	z-index: 9999;
}
#gloval_header h1 {
	width: 140px;
	margin-right: auto;
}
#gloval_header #bt_nav {
	width: 33px;
	height: 25px;
	margin: 0 0 0 10px;
	position: relative;
	cursor: pointer;
}
#gloval_header #bt_nav span {
	width: 100%;
	height: 3px;
	background: #fff;
	display: block;
	position: absolute;
	transition: transform .3s;
	border-radius: 9999px;
}
#gloval_header #bt_nav span:nth-child(2n) { top: 11px; }
#gloval_header #bt_nav span:last-child { bottom: 0; }
#gloval_header #bt_nav span:first-child.active {
	top: 11px;
	transform: rotate(45deg);
}
#gloval_header #bt_nav span:nth-child(2n).active { transform: scaleX(0); }
#gloval_header #bt_nav span:last-child.active {
	bottom: 11px;
	transform: rotate(135deg);
}
#gloval_header #gnav {
	width: 100%;
	height: 100%;
	background: #215f9a;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 98;
}
#gloval_header #gnav .wrap {
	width: 100%;
	height: 100%;
	padding: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
}
#gloval_header #gnav .wrap ul li { margin: 0 0 20px 0; }
#gloval_header #gnav .wrap ul li::before {
	content: "";
	width: 16px;
	height: 18px;
	margin: 0 10px 0 0;
	background-image: url("../images_academia/ic_gnav.png");
	background-position: center;
	background-size: contain;
	display: inline-block;
}
#gloval_header #gnav .wrap ul li a {
	font-size: 1.6rem;
	color: #fff;
}
#gloval_header #gnav .wrap ul li.bt_entry::before { background-image: none; }
#gloval_header #gnav .wrap ul li.bt_entry {
	width: 80%;
	margin: 0 auto;
	text-align: center;
}


/* ---------- contents_area ---------- */
#contents_area {
	width: 100%;
	background: #fff;
	position: relative;
	z-index: 100;
}


/* ---------- footer ---------- */
#gloval_footer {
	width: 100%;
	padding: 0 0 20px 0;
	background: #fff;
	position: relative;
	z-index: 500;
}

/* お問い合わせフォーム */
.form_area {
	padding: 50px 20px;
	background: #225e9c;
	color: #fff;
	position: relative;
	z-index: 500;
}
.form_area h4 {
	margin: 0 0 20px 0;
	font-size: 2.0rem;
	text-align: center;
}
.form_area dl { margin: 0 0 20px 0; }
.form_area dl dt {
	padding: 0 0 10px 0;
	font-size: 1.8rem;
}
.form_area dl dt span {
	margin: 0 0 0 20px;
	padding: 2px 10px;
	background: #ff4c00;
	font-size: 1.4rem;
	display: inline-block;
}
.form_area dl dd { padding: 0 0 30px 0; }
.form_area dl dd input {
	width: 100%;
	padding: 20px;
	background: #fff;
	color: #000;
	font-size: 1.8rem;
}
.form_area dl dd textarea {
	width: 100%;
	height: 200px;
	background: #fff;
	color: #000;
	font-size: 1.6rem;
}
.form_area span.wpcf7-spinner { display: none; }
.form_area input[type="submit"] {
	width: 60%;
	margin: 0 auto;
	padding: 10px;
	background: #ff4c00;
	border-radius: 9999px;
  font-size: 2.0rem;
  color: #fff;
	border: none;
	text-align: center;
	display: block;
  cursor: pointer;
	appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
span.wpcf7-spinner { display: none; }

/* 情報 */
#gloval_footer .wrap { padding: 20px; }
#gloval_footer .about { margin: 0 0 30px 0; }
#gloval_footer .about dt {
	width: 200px;
	margin: 0 0 20px 0;
}
#gloval_footer .about dd { font-size: 1.6rem; }
#gloval_footer .bnarea {
	margin: 0 0 30px 0;
	display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 10px;
	column-gap: 10px;
}
#gloval_footer .bnarea li { width: calc((100% - 20px) / 2);/ }
#gloval_footer .copy {
	font-size: 1.2rem;
	text-align: center;
}

/* ---------- ページトップ ---------- */
#pagetop {
	position: relative;
	z-index: 800;
}
#pagetop a {
	padding: 0 0 0 12px;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 20px;
  bottom: 20px;
	color: #4e95d9;
  cursor: pointer;
  border: 0;
  background: none;
  transition: .2s;
  letter-spacing: 3px;
	font-size: 1.6rem;
}
#pagetop a span:before {
  position: absolute;
  top: -30px;
  left: 22px;
  transform: rotate(-45deg);
  display: block;
  width: 16px;
  height: 16px;
  content: "";
  border: 1px solid #4e95d9;
  border-width: 1px 1px 0px 0px;
}
#pagetop a span:after {
  position: absolute;
  width: 50px;
  height: 50px;
  border: 1px solid #4e95d9;
  content: "";
  border-radius: 100%;
  top: -52px;
  left: 5px;
}



/*----------------------------------------------------
	Tablet　[ 481px 〜 ]
----------------------------------------------------*/
@media screen and (min-width: 481px) {
	
}



/*----------------------------------------------------
	PC[ 960px 〜 ]
----------------------------------------------------*/
@media screen and (min-width: 960px) {
	/* 見出し */
	.st_title_main {
		margin: 0 0 80px 0;
		padding: 0 0 40px 0;
		font-size: 4.0rem;
	}
	.st_title_main_white {
		margin: 0 0 80px 0;
		padding: 0 0 40px 0;
		font-size: 4.0rem;
		display: inline-block;
	}

	/* ボタン */
	.bt_entry a {
		padding: 10px 60px;
		font-size: 2.4rem;
	}
	.bt_seminar a {
		width: 90%;
		margin: 0 auto;
		padding: 5px 40px 10px 40px;
		background: #ff4c00;
		color: #fff;
		font-size: 1.6rem;
		display: block;
		text-align: center;
		border-radius: 9999px;
	}
	.bt_list a {
		width: 90%;
		margin: 0 auto;
		padding: 10px 30px;
		background: #fff;
		font-size: 1.6rem;
		color: #225e9c;
		border: 1px solid #225e9c;
		text-align: center;
		border-radius: 9999px;
		display: block;
	}

	/* ---------- header ---------- */
	#gloval_header h1 { width: 200px; }
	#gloval_header #bt_nav {
		width: 60px;
		height: 50px;
		margin: 0 0 0 40px;
	}
	#gloval_header #bt_nav span { height: 6px; }
	#gloval_header #bt_nav span:nth-child(2n) { top: 22px; }
	#gloval_header #bt_nav span:first-child.active { top: 20px; }
	#gloval_header #bt_nav span:last-child.active { bottom: 22px; }
	#gloval_header #gnav .wrap ul li { margin: 0 0 40px 0; }
	#gloval_header #gnav .wrap ul li a { font-size: 2.0rem; }


	/* ---------- お問い合わせフォーム ---------- */
	.form_area { padding: 100px 0; }
	.form_area h4 {
		margin: 0 0 80px 0;
		font-size: 3.0rem;
	}
	.form_area dl {
		width: 800px;
		margin: 0 auto 20px auto;
	}
	.form_area dl dt { font-size: 2.4rem; }
	.form_area dl dt span { font-size: 1.6rem; }
	.form_area input[type="submit"] { width: 20%; }

	/* ---------- footer ---------- */
	#gloval_footer { padding: 0 0 60px 0; }
	#gloval_footer .wrap {
		display: flex;
		justify-content: space-between;
	}
	#gloval_footer .about {
		width: 50%;
		margin: 0 0 60px 0;
	}
	#gloval_footer .about dt {
		width: 300px;
		margin: 0 0 40px 0;
	}
	#gloval_footer .bnarea { width: 50%; }
	#gloval_footer .bnarea li { width: calc((100% - 20px) / 2);/ }
	#gloval_footer .copy { font-size: 1.4rem; }
}