html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
footer,
header,
button,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 1em
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main {
	display: block
}

html {
	font-size: 62.5%
}

body,
table,
input,
textarea,
select,
option,
button,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif
}

body,
table,
input,
textarea,
select,
option,
h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.1
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: bold
}

table,
input,
textarea,
select,
option {
	line-height: 1.1
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

:focus {
	outline: 0
}

ins {
	text-decoration: none
}

del {
	text-decoration: line-through
}

img {
	vertical-align: top
}

a {
	color: #036
}

body>#main {
	width: auto
}

@media only screen and (min-width: 769px) {
	a:link {
		color: #036;
		text-decoration: underline
	}
	a:visited {
		color: #201144;
		text-decoration: underline
	}
	a:hover {
		color: #036;
		text-decoration: none
	}
	a:active {
		text-decoration: underline
	}
}

@media only screen and (max-width: 768px) {
	a:hover {
		text-decoration: underline
	}
	img {
		max-width: 100%;
		height: auto
	}
}

table.bt thead,
table.bt tbody th {
	display: none
}

table.bt tfoot th,
table.bt tfoot td,
table.bt tbody td {
	border: none;
	display: block;
	vertical-align: top
}

table.bt tfoot th:before,
table.bt tfoot td:before,
table.bt tbody td:before {
	content: attr(data-th) "";
	font-weight: bold;
	width: 6.5em;
	display: inline-block
}

table.bt tfoot th.bt-hide,
table.bt tfoot td.bt-hide,
table.bt tbody td.bt-hide {
	display: none
}

table.bt tfoot th .bt-content,
table.bt tfoot td .bt-content,
table.bt tbody td .bt-content {
	vertical-align: top
}

.bt-wrapper.active {
	max-height: 310px;
	overflow: auto;
	-webkit-overflow-scrolling: touch
}

.taLeft {
	text-align: left !important
}

.taCenter {
	text-align: center !important
}

.taRight {
	text-align: right !important
}

.vTop {
	vertical-align: top !important
}

.vMiddle {
	vertical-align: middle !important
}

.fwNormal {
	font-weight: normal !important
}

.fwBold {
	font-weight: bold !important
}

@media only screen and (min-width: 769px) {
	.pc-hide {
		display: none
	}
}

@media only screen and (max-width: 768px) {
	.sp-hide {
		display: none
	}
}

.mt0 {
	margin-top: 0 !important
}

.mb0 {
	margin-bottom: 0 !important
}

.clearfix {
	*zoom: 1
}

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

.trackTags {
	display: none
}

.ttl01 {
	font-weight: bold;
	text-align: center
}

.ttl01:before,
.ttl01:after {
	margin-right: auto;
	margin-left: auto;
	display: block;
	content: ""
}

.ttl01:before {
	background-repeat: no-repeat
}

.ttl01:after {
	border-bottom: 2px dotted #CCC
}

.ttl01 .en {
	display: block;
	font-style: italic
}

@media only screen and (min-width: 769px) {
	.ttl01 {
		margin-bottom: 40px;
		font-size: 1.71429em
	}
	.ttl01:before {
		margin-bottom: 17px;
		width: 10px;
		height: 10px;
		background-image: url(/img/common/icon/ttl_deco01_m.png)
	}
	.ttl01:after {
		margin-top: 10px;
		width: 200px
	}
	.ttl01 .en {
		margin-bottom: 10px;
		font-size: .83333em
	}
	.ttl01 .spBreak {
		display: none
	}
	.ttl01.scaleDown {
		margin-bottom: 30px;
		font-size: 1.57143em
	}
	.ttl01.scaleDown:after {
		display: none;
		content: none
	}
	.ttl01.scaleDown .en {
		font-size: .72727em
	}
}

@media only screen and (max-width: 768px) {
	.ttl01 {
		margin-bottom: 25px;
		font-size: 1.28571em
	}
	.ttl01:before {
		margin-bottom: 7px;
		width: 7px;
		height: 7px;
		background-image: url(/img/common/icon/ttl_deco01_l.png);
		background-size: contain
	}
	.ttl01:after {
		margin-top: 7px;
		width: 130px
	}
	.ttl01 .en {
		font-size: .66667em
	}
}

.ttl02 {
	margin-bottom: 15px;
	padding-top: 15px;
	position: relative;
	font-weight: bold;
	line-height: 1.5
}

.ttl02:before,
.ttl02:after {
	position: absolute;
	top: 0;
	content: "";
	-webkit-transform: skewX(-15deg);
	transform: skewX(-15deg)
}

.ttl02:before {
	background-color: #DF0B20;
	left: 0;
	z-index: 0
}

.ttl02:after {
	background-color: #111;
	z-index: 1
}

@media only screen and (min-width: 769px) {
	.ttl02 {
		font-size: 1.5em
	}
	.ttl02:before,
	.ttl02:after {
		height: 5px
	}
	.ttl02:before {
		width: 40px
	}
	.ttl02:after {
		width: 20px;
		left: 20px
	}
}

@media only screen and (max-width: 768px) {
	.ttl02 {
		font-size: 1.21429em
	}
	.ttl02:before,
	.ttl02:after {
		height: 4px
	}
	.ttl02:before {
		width: 30px
	}
	.ttl02:after {
		width: 15px;
		left: 15px
	}
}

.ttl03 {
	margin-bottom: 15px;
	position: relative;
	font-weight: bold;
	line-height: 1.5
}

.ttl03:before,
.ttl03:after {
	margin-top: -2px;
	position: absolute;
	top: 50%;
	content: "";
	-webkit-transform: skewX(-15deg);
	transform: skewX(-15deg)
}

.ttl03:before {
	background-color: #DF0B20;
	left: 0;
	z-index: 0
}

.ttl03:after {
	background-color: #111;
	z-index: 1
}

@media only screen and (min-width: 769px) {
	.ttl03 {
		padding-left: 30px;
		font-size: 1.28571em
	}
	.ttl03:before,
	.ttl03:after {
		height: 5px
	}
	.ttl03:before {
		width: 13px
	}
	.ttl03:after {
		width: 7px;
		left: 7px
	}
}

@media only screen and (max-width: 768px) {
	.ttl03 {
		padding-left: 20px;
		font-size: 1.14286em
	}
	.ttl03:before,
	.ttl03:after {
		height: 4px
	}
	.ttl03:before {
		width: 10px
	}
	.ttl03:after {
		width: 5px;
		left: 5px
	}
}

.ttl04 {
	margin-bottom: 10px;
	color: #BB0A1B;
	font-weight: bold;
	line-height: 1.5
}

@media only screen and (min-width: 769px) {
	.ttl04 {
		font-size: 1.42857em
	}
}

@media only screen and (max-width: 768px) {
	.ttl04 {
		font-size: 1.21429em
	}
}

.ttl05 {
	margin-bottom: 30px;
	padding: 15px;
	padding-bottom: 12px;
	background-color: #F0F0F0;
	overflow: hidden;
	position: relative;
	font-size: 1.07143em;
	font-weight: bold
}

.ttl05:before {
	border: 13px solid transparent;
	border-top: 40px solid #ddd;
	position: absolute;
	top: 0;
	left: -13px;
	content: ""
}

.ttl06 {
	margin-bottom: 12px;
	font-size: 1.71429em;
	color: #1675C2;
	font-weight: bold;
	line-height: 1.3
}

.ttl06.ttl06-braun {
	color: #856D1F
}

.ttl06-small {
	margin-bottom: 12px;
	font-size: 1.42857em;
	color: #1675C2;
	font-weight: bold;
	line-height: 1.3
}

.ttl06-xsmall {
	margin-bottom: 10px;
	font-size: 1.28571em;
	color: #1675C2;
	font-weight: bold;
	line-height: 1.3
}

.ttl07 {
	margin-bottom: 20px;
	text-align: center
}

.ttl07.dotsLine {
	padding-top: 25px;
	position: relative
}

.ttl07.dotsLine:after {
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	content: '';
	display: block;
	position: absolute;
	border-bottom: 2px dotted #ccc;
	top: 0;
	left: 0;
	right: 0
}

@media only screen and (min-width: 769px) {
	.ttl07 {
		font-size: 2.2rem
	}
	.ttl07.dotsLine {
		padding-top: 25px
	}
}

@media only screen and (max-width: 768px) {
	.ttl07 {
		font-size: 1.5rem
	}
	.ttl07.dotsLine {
		padding-top: 20px
	}
}

.trueIcon01 {
	padding-left: 15px;
	position: relative
}

.trueIcon01:before {
	width: 8px;
	height: 8px;
	background: no-repeat center;
	position: absolute;
	top: 9px;
	left: 0;
	content: ""
}

.txtLink01:before {
	background-image: url(/img/common/icon/arrow_r01_s.png)
}

.pageAnchor01:before {
	background-image: url(/img/common/icon/arrow_b01_s.png)
}

.newWin01:before {
	background-image: url(/img/common/icon/newwin01.png)
}

.downloadMark01:before {
	background-image: url(/img/common/icon/dl_icon01.png)
}

.ffAsap {
	font-family: 'Asap', sans-serif
}

.catch01 {
	margin-bottom: 10px;
	color: #BB0A1B;
	font-weight: bold
}

@media only screen and (min-width: 769px) {
	.catch01 {
		font-size: 1.42857em
	}
}

@media only screen and (max-width: 768px) {
	.catch01 {
		font-size: 1.21429em
	}
}

.panel-sporty {
	box-sizing: border-box;
	padding: 30px;
	background: #f0f0f0 url(/img/common/panel/panel_sporty_deco01.png) no-repeat
}

.panel-sporty.panel-sporty-braun {
	background: #866F20 url(/img/common/panel/panel_sporty_deco01-braun.png) no-repeat
}

@media only screen and (min-width: 769px) {
	.openCampusBanner-large {
		margin: 40px 0;
		position: relative
	}
	.openCampusBanner-large .btn {
		width: 100%;
		position: absolute;
		top: 185px;
		left: 0
	}
}

@media only screen and (max-width: 768px) {
	.openCampusBanner-large {
		margin: 30px auto;
		width: 290px;
		height: 140px;
		background: url(/img/common/banner/ban_opencanvas01_sp.jpg) no-repeat;
		background-size: 100%;
		position: relative
	}
	.openCampusBanner-large>img {
		display: none
	}
	.openCampusBanner-large .btn {
		margin-left: -125px;
		width: 250px;
		position: absolute;
		top: 97px;
		left: 50%;
		white-space: nowrap
	}
	.openCampusBanner-large .btn .button01 {
		padding: 8px 10px 7px
	}
	.openCampusBanner-large .btn .largeBtn01 {
		font-size: .64286em
	}
}

.tagIcon01 {
	box-sizing: border-box;
	margin-left: 2px;
	padding: 3px 4px 2px;
	background-color: #CCC;
	display: inline-block;
	color: #FFF;
	font-size: .71429em;
	vertical-align: top;
	text-align: center;
	line-height: 1
}

.largeTag {
	padding: 4px 16px 3px;
	font-size: 1em
}

.middlwSize {
	width: 125px
}

.new {
	background-color: #DF0B20
}

.cate_culbTsr {
	background-color: #F0850F
}

.cate_circle {
	background-color: #66A02C
}

.cate_info {
	background-color: #0D8EBF
}

.cate_exam {
	background-color: #E76384
}

.cate_graduation {
	background-color: #8D68A8
}

.cate_trainer {
	background-color: #3D8159
}

.cate_oc {
	background-color: #DF0B20
}

.cate_oc-weekday {
	background-color: #E76384
}

.cate_oc-experience {
	background-color: #66A02C
}

.cate_oc-restart {
	background-color: #165EAD
}

.cate_oc-parents {
	background-color: #0D8EBF
}

.button01 {
	box-sizing: border-box;
	margin-right: auto;
	margin-left: auto;
	border-style: solid;
	display: table;
	color: #111;
	text-align: center;
	cursor: pointer;
	-webkit-transform: skewX(-15deg);
	transform: skewX(-15deg)
}

.button01 .icon {
	display: inline-block;
	position: relative;
	color: #111;
	-webkit-transform: skewX(15deg);
	transform: skewX(15deg);
	-webkit-backface-visibility: hidden
}

.button01 .icon:after {
	background: no-repeat center;
	position: absolute;
	top: 50%;
	content: ""
}

.btnType01,
.btnType02 {
	background-color: #FFF;
	border-color: #111
}

.btnType03 {
	background-color: #CCC;
	border-color: #CCC
}

.btnType03 .icon {
	color: #FFF
}

.btnType04 {
	background-color: #DF0B20;
	border-color: #DF0B20
}

.btnType04 .icon {
	color: #FFF
}

.btnType05 {
	background-color: #FFE600;
	border-color: #FFE600
}

.btnType06 {
	background-color: #F0F0F0;
	border-color: #111
}

.largeBtn01 {
	font-weight: bold
}

.btnType01 .icon:after,
.btnType02 .icon:after,
.btnType04 .icon:after,
.btnType05 .icon:after,
.btnType06 .icon:after {
	right: 0
}

.btnType03 .icon:after {
	left: 0
}

.btnType01 .icon {
	padding-right: 15px
}

.btnType02 .icon {
	padding-right: 15px
}

.btnType03 .icon {
	padding-left: 25px
}

.btnType04 .icon {
	padding-right: 25px
}

.btnType05 .icon {
	padding-right: 25px
}

.btnType06 .icon {
	padding-right: 15px
}

.opencampusBtn .icon:before,
.requestBtn .icon:before,
.workdayBtn .icon:before,
.restartBtn .icon:before {
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	left: 0;
	content: ""
}

.opencampusBtn .icon:before {
	background-image: url(/img/common/icon/icon_opencampus_lm.png)
}

.requestBtn .icon:before {
	background-image: url(/img/common/icon/icon_request_m.png)
}

.workdayBtn .icon:before {
	background-image: url(/img/common/icon/icon_oc_workday_m.png)
}

.restartBtn .icon:before {
	background-image: url(/img/common/icon/icon_oc_restart_m.png)
}

@media only screen and (min-width: 769px) {
	.button01 {
		padding: 5px 25px;
		border-width: 2px;
		-webkit-transition: opacity 200ms ease;
		transition: opacity 200ms ease
	}
	.button01:hover {
		opacity: .7;
		filter: alpha(opacity=70)
	}
	.button01 br {
		display: none
	}
	.largeBtn01 {
		font-size: 1.28571em
	}
	.smallBtn01 {
		font-size: .92857em
	}
	.btnType01 .icon:after,
	.btnType02 .icon:after,
	.btnType06 .icon:after {
		margin-top: -4px;
		width: 8px;
		height: 8px
	}
	.btnType04 .icon:after,
	.btnType05 .icon:after {
		margin-top: -7px;
		width: 16px;
		height: 14px
	}
	.btnType03 .icon:after {
		margin-top: -7px;
		width: 18px;
		height: 14px
	}
	.btnType01 .icon:after {
		background-image: url(/img/common/icon/arrow_r01_s.png)
	}
	.btnType02 .icon:after {
		background-image: url(/img/common/icon/arrow_b01_s.png)
	}
	.btnType03 .icon:after {
		background-image: url(/img/common/icon/arrow_l01_lm.png)
	}
	.btnType04 .icon:after {
		background-image: url(/img/common/icon/arrow_r02_lm.png)
	}
	.btnType05 .icon:after {
		background-image: url(/img/common/icon/arrow_r01_lm.png)
	}
	.btnType06 .icon:after {
		background-image: url(/img/common/icon/arrow_r01_s.png)
	}
	.opencampusBtn .icon,
	.requestBtn .icon,
	.workdayBtn .icon,
	.restartBtn .icon {
		padding-left: 35px
	}
	.opencampusBtn .icon:before,
	.requestBtn .icon:before,
	.workdayBtn .icon:before,
	.restartBtn .icon:before {
		margin-top: -12px;
		width: 24px;
		height: 24px
	}
	.rollOver01 {
		opacity: 1;
		filter: alpha(opacity=100);
		-webkit-transition: opacity 200ms ease;
		transition: opacity 200ms ease
	}
	.rollOver01:hover {
		opacity: .7;
		filter: alpha(opacity=70)
	}
}

@media only screen and (max-width: 768px) {
	.button01 {
		padding: 12px 15px;
		width: 100%;
		border-width: 1px;
		line-height: 1.2
	}
	.button01 .icon:after {
		background-size: contain
	}
	.largeBtn01 {
		font-size: 1.14286em
	}
	.smallBtn01 {
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: .85714em
	}
	.btnType01 .icon:after,
	.btnType02 .icon:after,
	.btnType06 .icon:after {
		margin-top: -4px;
		width: 8px;
		height: 8px
	}
	.btnType03 .icon:after,
	.btnType04 .icon:after,
	.btnType05 .icon:after {
		margin-top: -6px;
		width: 14px;
		height: 12px
	}
	.btnType01 .icon:after {
		background-image: url(/img/common/icon/arrow_r01_lm.png)
	}
	.btnType02 .icon:after {
		background-image: url(/img/common/icon/arrow_b01_s.png)
	}
	.btnType03 .icon:after {
		background-image: url(/img/common/icon/arrow_l01_lm.png)
	}
	.btnType04 .icon:after {
		background-image: url(/img/common/icon/arrow_r02_l.png)
	}
	.btnType05 .icon:after {
		background-image: url(/img/common/icon/arrow_r01_l.png)
	}
	.btnType06 .icon:after {
		background-image: url(/img/common/icon/arrow_r01_lm.png)
	}
	.opencampusBtn .icon,
	.requestBtn .icon,
	.workdayBtn .icon,
	.restartBtn .icon {
		padding-left: 20px
	}
	.opencampusBtn .icon:before,
	.requestBtn .icon:before,
	.workdayBtn .icon:before,
	.restartBtn .icon:before {
		margin-top: -6px;
		width: 12px;
		height: 12px;
		background-size: contain
	}
	.opencampusBtn .icon,
	.requestBtn .icon {
		padding-left: 22px
	}
	.opencampusBtn .icon:before,
	.requestBtn .icon:before {
		margin-top: -8px;
		width: 16px;
		height: 16px;
		background-size: contain
	}
}

.point01 {
	box-sizing: border-box;
	background-color: #F4F4F4;
}

.point01 .ttl {
	margin-bottom: 10px;
	text-align: center
}

@media only screen and (min-width: 769px) {
	.point01 {
		margin-bottom: 30px;
		padding: 15px
	}
	.point01 .ttl {
		font-size: 1.28571em
	}
}

@media only screen and (max-width: 768px) {
	.point01 {
		margin-bottom: 20px;
		padding: 10px
	}
	.point01 .ttl {
		font-size: 1.14286em
	}
}

.horiEle01 {
	letter-spacing: -0.4em
}

.horiEle01.centerRow {
	text-align: center
}

.horiEle01 li {
	display: inline-block;
	letter-spacing: normal
}

.horiEle02:after {
	display: block;
	clear: both;
	content: ""
}

.horiEle02.leftOrder li {
	float: left
}

.horiEle02.rightOrder li {
	float: right
}

@media only screen and (min-width: 769px) {
	.column01:after {
		display: block;
		clear: both;
		content: ""
	}
	.column01 .col {
		box-sizing: border-box;
		float: left
	}
	.twoColumn .col {
		width: 50%
	}
	.threeColumn .col {
		width: 33.3%
	}
	.fourColumn .col {
		width: 25%
	}
}

@media only screen and (min-width: 769px) {
	.rowColumn01 {
		width: 100%;
		display: table
	}
	.rowColumn01 .col {
		box-sizing: border-box;
		display: table-cell
	}
	.middleCol .col {
		vertical-align: middle
	}
	.twoColumn .col {
		width: 50%
	}
	.threeColumn .col {
		width: 33.3%
	}
	.fourColumn .col {
		width: 25%
	}
}

.list01 li {
	margin-top: 2px;
	padding-left: 10px;
	position: relative;
	line-height: 1.5
}

.list01 li:before {
	width: 5px;
	height: 5px;
	background-color: #DF0B20;
	position: absolute;
	top: 7px;
	left: 0;
	content: ""
}

.list01 li:first-child {
	margin-top: 0
}

.linklist01 li {
	margin-top: 2px;
	padding-left: 15px;
	position: relative;
	line-height: 1.5
}

.linklist01 li:before {
	width: 8px;
	height: 6px;
	background-image: url(/img/common/icon/arrow_r01_s.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 7px;
	left: 0;
	content: ""
}

.linklist01 li:first-child {
	margin-top: 0
}

.numList01 li {
	margin-top: 2px;
	padding-left: 17px;
	text-indent: -17px
}

.numList01 li:first-child {
	margin-top: 0
}

.numList02 li {
	margin-top: 5px;
	padding-left: 20px;
	position: relative;
	line-height: 1.5
}

.numList02 li:first-child {
	margin-top: 0
}

.numList02 li .num {
	padding-top: 2px;
	padding-bottom: 2px;
	width: 17px;
	background-color: #111;
	display: block;
	position: absolute;
	top: 2px;
	left: 0;
	color: #FFF;
	font-size: .85714em;
	font-weight: bold;
	text-align: center;
	line-height: 1
}

.descList {
	padding-left: 20px
}

.descList dt {
	margin-left: -20px;
	padding-left: 20px;
	position: relative;
	font-weight: bold
}

.descList dt .num {
	padding-top: 2px;
	padding-bottom: 2px;
	width: 17px;
	background-color: #111;
	display: block;
	position: absolute;
	top: 3px;
	left: 0;
	color: #FFF;
	font-size: .85714em;
	font-weight: bold;
	text-align: center;
	line-height: 1
}

.accoBox01 .btn {
	cursor: pointer
}

.basicTable01 {
	border-top: 1px solid #DDD;
	border-right: 1px solid #DDD
}

.basicTable01 .row {
	width: 100%
}

.basicTable01 .cell {
	box-sizing: border-box;
	padding: 10px;
	border-bottom: 1px solid #DDD;
	border-left: 1px solid #DDD;
	text-align: left;
	vertical-align: middle
}

.basicTable01 .cell p:first-child {
	margin-bottom: 5px
}

.basicTable01 .thCell {
	background-color: #F4F4F4;
	font-weight: bold
}

.basicTable01 .thCell label {
	position: relative
}

@media only screen and (min-width: 769px) {
	.basicTable01.cellW5_95 .thCell {
		width: 5%
	}
	.basicTable01.cellW5_95 .thCell+.cell {
		width: 95%
	}
	.basicTable01.cellW10_90 .thCell {
		width: 10%
	}
	.basicTable01.cellW10_90 .thCell+.cell {
		width: 90%
	}
	.basicTable01.cellW15_85 .thCell {
		width: 15%
	}
	.basicTable01.cellW15_85 .thCell+.cell {
		width: 85%
	}
	.basicTable01.cellW20_80 .thCell {
		width: 20%
	}
	.basicTable01.cellW20_80 .thCell+.cell {
		width: 80%
	}
	.basicTable01.cellW25_75 .thCell {
		width: 25%
	}
	.basicTable01.cellW25_75 .thCell+.cell {
		width: 75%
	}
	.basicTable01.cellW30_70 .thCell {
		width: 30%
	}
	.basicTable01.cellW30_70 .thCell+.cell {
		width: 70%
	}
	.basicTable01.cellW35_65 .thCell {
		width: 35%
	}
	.basicTable01.cellW35_65 .thCell+.cell {
		width: 65%
	}
	.basicTable01.cellW40_60 .thCell {
		width: 40%
	}
	.basicTable01.cellW40_60 .thCell+.cell {
		width: 60%
	}
	.basicTable01.cellW45_55 .thCell {
		width: 45%
	}
	.basicTable01.cellW45_55 .thCell+.cell {
		width: 55%
	}
	.basicTable01.cellW50_50 .thCell {
		width: 50%
	}
	.basicTable01.cellW50_50 .thCell+.cell {
		width: 50%
	}
	.basicTable01.cellW55_45 .thCell {
		width: 55%
	}
	.basicTable01.cellW55_45 .thCell+.cell {
		width: 45%
	}
	.basicTable01.cellW60_40 .thCell {
		width: 60%
	}
	.basicTable01.cellW60_40 .thCell+.cell {
		width: 40%
	}
	.basicTable01.cellW65_35 .thCell {
		width: 65%
	}
	.basicTable01.cellW65_35 .thCell+.cell {
		width: 35%
	}
	.basicTable01.cellW70_30 .thCell {
		width: 70%
	}
	.basicTable01.cellW70_30 .thCell+.cell {
		width: 30%
	}
	.basicTable01.cellW75_25 .thCell {
		width: 75%
	}
	.basicTable01.cellW75_25 .thCell+.cell {
		width: 25%
	}
	.basicTable01.cellW80_20 .thCell {
		width: 80%
	}
	.basicTable01.cellW80_20 .thCell+.cell {
		width: 20%
	}
	.basicTable01.cellW85_15 .thCell {
		width: 85%
	}
	.basicTable01.cellW85_15 .thCell+.cell {
		width: 15%
	}
	.basicTable01.cellW90_10 .thCell {
		width: 90%
	}
	.basicTable01.cellW90_10 .thCell+.cell {
		width: 10%
	}
	.basicTable01.cellW95_5 .thCell {
		width: 95%
	}
	.basicTable01.cellW95_5 .thCell+.cell {
		width: 5%
	}
	.basicTable01.cellW100_0 .thCell {
		width: 100%
	}
	.basicTable01.cellW100_0 .thCell+.cell {
		width: 0%
	}
	.basicTable01 .row {
		display: table
	}
	.basicTable01 .cell {
		display: table-cell
	}
	.basicTable01 .thCell label {
		display: block
	}
}

.hasHeadTable01 {
	box-sizing: border-box;
	width: 100%;
	border-top: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-collapse: separate;
	border-spacing: 0
}

.hasHeadTable01 th,
.hasHeadTable01 td {
	padding: 10px
}

.hasHeadTable01 .bg-blue th,
.hasHeadTable01 .bg-blue td {
	background-color: #1675C2;
	color: #fff
}

.hasHeadTable01 .sprite>:nth-child(odd) th,
.hasHeadTable01 .sprite>:nth-child(odd) td {
	background-color: #F4F4F4
}

@media only screen and (min-width: 769px) {
	.hasHeadTable01 .colW5 {
		width: 5%
	}
	.hasHeadTable01 .colW10 {
		width: 10%
	}
	.hasHeadTable01 .colW15 {
		width: 15%
	}
	.hasHeadTable01 .colW20 {
		width: 20%
	}
	.hasHeadTable01 .colW25 {
		width: 25%
	}
	.hasHeadTable01 .colW30 {
		width: 30%
	}
	.hasHeadTable01 .colW35 {
		width: 35%
	}
	.hasHeadTable01 .colW40 {
		width: 40%
	}
	.hasHeadTable01 .colW45 {
		width: 45%
	}
	.hasHeadTable01 .colW50 {
		width: 50%
	}
	.hasHeadTable01 .colW55 {
		width: 55%
	}
	.hasHeadTable01 .colW60 {
		width: 60%
	}
	.hasHeadTable01 .colW65 {
		width: 65%
	}
	.hasHeadTable01 .colW70 {
		width: 70%
	}
	.hasHeadTable01 .colW75 {
		width: 75%
	}
	.hasHeadTable01 .colW80 {
		width: 80%
	}
	.hasHeadTable01 .colW85 {
		width: 85%
	}
	.hasHeadTable01 .colW90 {
		width: 90%
	}
	.hasHeadTable01 .colW95 {
		width: 95%
	}
	.hasHeadTable01 .colW100 {
		width: 100%
	}
	.hasHeadTable01 .hide {
		display: none !important
	}
	.hasHeadTable01 th,
	.hasHeadTable01 td {
		border-bottom: 1px solid #DDD;
		border-left: 1px solid #DDD
	}
	.hasHeadTable01 th {
		text-align: center;
		font-weight: normal
	}
	.hasHeadTable01 thead th {
		background-color: #FFECEC
	}
	.hasHeadTable01 tbody th {
		background-color: #F4F4F4
	}
}

@media only screen and (max-width: 768px) {
	.hasHeadTable01 .colW5 {
		width: 5%
	}
	.hasHeadTable01 .colW10 {
		width: 10%
	}
	.hasHeadTable01 .colW15 {
		width: 15%
	}
	.hasHeadTable01 .colW20 {
		width: 20%
	}
	.hasHeadTable01 .colW25 {
		width: 25%
	}
	.hasHeadTable01 .colW30 {
		width: 30%
	}
	.hasHeadTable01 .colW35 {
		width: 35%
	}
	.hasHeadTable01 .colW40 {
		width: 40%
	}
	.hasHeadTable01 .colW45 {
		width: 45%
	}
	.hasHeadTable01 .colW50 {
		width: 50%
	}
	.hasHeadTable01 .colW55 {
		width: 55%
	}
	.hasHeadTable01 .colW60 {
		width: 60%
	}
	.hasHeadTable01 .colW65 {
		width: 65%
	}
	.hasHeadTable01 .colW70 {
		width: 70%
	}
	.hasHeadTable01 .colW75 {
		width: 75%
	}
	.hasHeadTable01 .colW80 {
		width: 80%
	}
	.hasHeadTable01 .colW85 {
		width: 85%
	}
	.hasHeadTable01 .colW90 {
		width: 90%
	}
	.hasHeadTable01 .colW95 {
		width: 95%
	}
	.hasHeadTable01 .colW100 {
		width: 100%
	}
	.hasHeadTable01 .colW33 {
		width: 33.3%
	}
	.hasHeadTable01.bt thead th {
		display: none
	}
	.hasHeadTable01.bt tbody tr {
		width: 100%;
		display: block
	}
	.hasHeadTable01.bt tbody th {
		background-color: #F4F4F4;
		border-bottom: 1px solid #DDD;
		border-left: 1px solid #DDD;
		display: block
	}
	.hasHeadTable01.bt tbody th .bt-content {
		display: inline !important
	}
	.hasHeadTable01.bt tbody th .bt-content span {
		display: inline !important
	}
	.hasHeadTable01.bt tbody th .bt-content .hide {
		margin-right: 10px
	}
	.hasHeadTable01.bt tbody th .bt-content br {
		display: none
	}
	.hasHeadTable01.bt tbody td {
		padding: 0;
		width: 100%;
		border-bottom: 1px solid #DDD;
		border-left: 1px solid #DDD;
		border-collapse: separate;
		border-spacing: 0;
		display: table;
		overflow: hidden;
		position: relative
	}
	.hasHeadTable01.bt tbody td:before {
		box-sizing: border-box;
		padding: 10px;
		width: 110px;
		background-color: #FFECEC;
		border-right: 1px solid #DDD;
		display: table-cell;
		vertical-align: middle
	}
	.hasHeadTable01.bt tbody td span {
		padding: 10px;
		display: table-cell;
		vertical-align: middle
	}
	.hasHeadTable01.bt tbody td:first-child {
		background-color: #F4F4F4;
		font-weight: bold
	}
	.hasHeadTable01.bt tbody td:first-child:before {
		display: none;
		content: none
	}
}

.table-standard {
	box-sizing: border-box;
	width: 100%;
	border-collapse: collapse
}

.table-standard th,
.table-standard td {
	box-sizing: border-box;
	padding: 10px;
	border: 1px solid #DDD;
	line-height: 1.3
}

.table-standard .colW5 {
	width: 5%
}

.table-standard .colW10 {
	width: 10%
}

.table-standard .colW15 {
	width: 15%
}

.table-standard .colW20 {
	width: 20%
}

.table-standard .colW25 {
	width: 25%
}

.table-standard .colW30 {
	width: 30%
}

.table-standard .colW35 {
	width: 35%
}

.table-standard .colW40 {
	width: 40%
}

.table-standard .colW45 {
	width: 45%
}

.table-standard .colW50 {
	width: 50%
}

.table-standard .colW55 {
	width: 55%
}

.table-standard .colW60 {
	width: 60%
}

.table-standard .colW65 {
	width: 65%
}

.table-standard .colW70 {
	width: 70%
}

.table-standard .colW75 {
	width: 75%
}

.table-standard .colW80 {
	width: 80%
}

.table-standard .colW85 {
	width: 85%
}

.table-standard .colW90 {
	width: 90%
}

.table-standard .colW95 {
	width: 95%
}

.table-standard .colW100 {
	width: 100%
}

.table-standard th {
	text-align: center;
	font-weight: normal
}

.table-standard thead th {
	background-color: #FFECEC
}

.table-standard tbody th {
	background-color: #F4F4F4
}

.table-standard .bg-pink th,
.table-standard .bg-pink td {
	background-color: #F4F4F4
}

.table-standard .bg-blue th,
.table-standard .bg-blue td {
	background-color: #1675C2;
	color: #fff
}

.table-standard .sprite>:nth-child(odd) th,
.table-standard .sprite>:nth-child(odd) td {
	background-color: #F4F4F4
}

@media only screen and (max-width: 768px) {
	.inlineScrl-x {
		width: 100%;
		overflow-x: auto
	}
}

.body_base {
	color: #111;
	line-height: 1.75;
	text-align: left;
	-webkit-text-size-adjust: 100%
}

.body_base>iframe,
.body_base>a {
	display: none !important
}

#container {
	background-color: #fff
}

#main {
	display: block;
	font-size: 1.4em
}

@media only screen and (min-width: 769px) {
	.body_base {
		min-width: 1080px
	}
	#container {
		overflow: hidden
	}
	#main {
		padding-bottom: 60px
	}
}

@media only screen and (max-width: 768px) {
	.body_base {
		min-width: 320px
	}
	#container {
		overflow: hidden;
		-webkit-transition: height 300ms ease;
		transition: height 300ms ease
	}
	#container.openMenu {
		overflow: hidden
	}
	#main {
		padding-bottom: 30px
	}
}

.spMenuBtn {
	box-sizing: border-box;
	padding-top: 14px;
	width: 45px;
	height: 45px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1000
}

.spMenuBtn .in {
	margin: 0 auto;
	width: 17px;
	height: 17px;
	display: block;
	position: relative
}

.spMenuBtn .bar {
	width: 17px;
	height: 2px;
	background-color: #FFF;
	position: absolute;
	left: 0
}

.spMenuBtn .top,
.spMenuBtn .bottom {
	-webkit-transition: -webkit-transform 200ms ease;
	transition: -webkit-transform 200ms ease;
	transition: transform 200ms ease;
	transition: transform 200ms ease, -webkit-transform 200ms ease
}

.spMenuBtn .top {
	top: 0;
	-webkit-transform-origin: top left;
	transform-origin: top left
}

.spMenuBtn .middle {
	margin-top: auto;
	margin-bottom: auto;
	top: 0;
	bottom: 0;
	opacity: 1;
	-webkit-transition: opactiy 200ms ease;
	transition: opactiy 200ms ease
}

.spMenuBtn .bottom {
	bottom: 0;
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left
}

.spMenuBtn.open .top {
	-webkit-transform: rotate(45deg) translate(3px);
	transform: rotate(45deg) translate(3px)
}

.spMenuBtn.open .middle {
	opacity: 0
}

.spMenuBtn.open .bottom {
	-webkit-transform: rotate(-45deg) translate(3px);
	transform: rotate(-45deg) translate(3px)
}

.ie8 .spMenuBtn .in {
	background-repeat: no-repeat;
	background-image: url(/img/common/icon/ie8_menu_open.png)
}

.ie8 .spMenuBtn .bar {
	display: none
}

.ie8 .spMenuBtn.open .in {
	background-image: url(/img/common/icon/ie8_menu_close.png)
}

#header {
	background-color: #FFF
}

@media only screen and (min-width: 769px) {
	#header .inner {
		margin-right: auto;
		margin-left: auto;
		padding-bottom: 10px;
		width: 960px;
		position: relative
	}
	#header .inner:after {
		display: block;
		clear: both;
		content: ""
	}
	#header .logo {
		padding-top: 10px;
		float: left
	}
	#header .logo .sp {
		display: none
	}
	#header .spMenuBtn {
		display: none
	}
	#header .requestBtn {
		display: none
	}
	#header .opencampusBtn {
		display: none
	}
	#header .ohterNavi {
		float: right
	}
	#header .ohterNavi:after {
		display: block;
		clear: both;
		content: ""
	}
	#header .ohterNavi li {
		float: left
	}
	#header .ohterNavi .btn {
		box-sizing: border-box;
		padding: 6px 20px;
		display: block;
		opacity: 1;
		color: #111;
		font-size: 1.4em;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		-webkit-transform: skewX(-15deg);
		transform: skewX(-15deg);
		-webkit-transition: opacity 200ms ease;
		transition: opacity 200ms ease
	}
	#header .ohterNavi .btn:hover {
		opacity: .7;
		filter: alpha(opacity=70);
		text-decoration: none
	}
	#header .ohterNavi .icon {
		padding-top: 15px;
		display: block;
		position: relative;
		-webkit-transform: skewX(15deg);
		transform: skewX(15deg);
		-webkit-backface-visibility: hidden
	}
	#header .ohterNavi .icon:before {
		margin-left: -8px;
		width: 16px;
		height: 16px;
		background-repeat: no-repeat;
		background-size: contain;
		position: absolute;
		top: 0;
		left: 50%;
		content: ""
	}
	#header .ohterNavi .syokugyou .btn,
	#header .ohterNavi .pressRelease .btn {
		height: 51px;
		background-color: #F0F0F0;
		color: #111;
		font-size: 1rem;
		line-height: 1.2;
		text-align: center;
		text-decoration: none
	}
	#header .ohterNavi .syokugyou .in,
	#header .ohterNavi .pressRelease .in {
		display: block;
		-webkit-transform: skewX(15deg);
		transform: skewX(15deg);
		-webkit-backface-visibility: hidden
	}
	#header .ohterNavi .pressRelease .btn {
		background-color: #FFF;
		border: 1px solid #000;
		font-size: 1.1rem
	}
	#header .ohterNavi .pressRelease .in {
		padding-top: 5px
	}
	#header .ohterNavi .request {
		background-color: #FFFA2D
	}
	#header .ohterNavi .request .icon:before {
		background-image: url(/img/common/icon/icon_request_m.png)
	}
	#header .ohterNavi .opencampus {
		background-color: #DF0B20;
		color: #FFF
	}
	#header .ohterNavi .opencampus .icon:before {
		background-image: url(/img/common/icon/icon_opencampus_m.png)
	}
}

@media only screen and (max-width: 768px) {
	#header {
		box-sizing: border-box;
		padding: 13px 55px 11px 15px;
		height: 45px
	}
	#header .logo a {
		display: inline
	}
	#header .logo img {
		width: 200px
	}
	#header .logo .sp {
		display: inline
	}
	#header .logo .pc {
		display: none
	}
	#header .spMenuBtn {
		background-color: #666
	}
	#header .spMenuBtn.open {
		background-color: #111
	}
	#header .pressRelease {
		display: none
	}
	#header .requestBtn {
		width: 45px;
		height: 45px;
		position: absolute;
		top: 0;
		right: 45px
	}
	#header .requestBtn .btn {
		background-color: #FFE600;
		display: block;
		color: #000;
		font-size: 1rem;
		text-align: center;
		text-decoration: none
	}
	#header .requestBtn .icon {
		box-sizing: border-box;
		padding-top: 25px;
		height: 45px;
		padding-left: 0;
		display: block
	}
	#header .requestBtn .icon:before {
		margin-top: 0;
		margin-left: -8px;
		top: 5px;
		left: 50%
	}
	#header .opencampusBtn {
		width: 45px;
		height: 45px;
		position: absolute;
		top: 0;
		right: 90px
	}
	#header .opencampusBtn .btn {
		background-color: #DF0B21;
		display: block;
		color: #fff;
		font-size: 0.8rem;
		text-align: center;
		text-decoration: none
	}
	#header .opencampusBtn .icon {
		box-sizing: border-box;
		padding-top: 25px;
		line-height: 0.9;
		height: 45px;
		padding-left: 0;
		display: block
	}
	#header .opencampusBtn .icon:before {
		margin-top: 0;
		margin-left: -8px;
		top: 5px;
		left: 50%
	}
	#header .ohterNavi {
		display: none
	}
}

@media only screen and (max-width: 370px) {
	#header .logo img {
		width: 160px
	}
}

#gNavi .link {
	display: block;
	color: #111;
	text-decoration: none
}

@media only screen and (min-width: 769px) {
	#gNavi {
		background-color: #FFF
	}
	#gNavi ul {
		margin-right: auto;
		margin-left: auto;
		border-right: 1px solid #DDD;
		display: table
	}
	#gNavi li {
		border-left: 1px solid #DDD;
		display: table-cell;
		vertical-align: middle
	}
	#gNavi:first-child+li .link {
		padding-left: 27px
	}
	#gNavi .link {
		padding: 4px 29px 5px;
		font-weight: bold;
		text-align: center;
		-webkit-transition: color 200ms ease;
		transition: color 200ms ease
	}
	#gNavi .link:hover {
		color: #DF0B20
	}
	#gNavi .link.current {
		color: #DF0B20
	}
	#gNavi .en {
		display: block;
		font-size: 1.2em;
		font-style: italic;
		line-height: 1
	}
	#gNavi .txt {
		font-size: 1.5em
	}
	#gNavi .sp {
		display: none
	}
	#gNavi .other {
		display: none
	}
	.ie8 #gNavi:first-child+li .link {
		padding-left: 27px
	}
}

@media only screen and (max-width: 768px) {
	#gNavi {
		box-sizing: border-box;
		padding: 60px 15px 65px;
		width: 100%;
		background-color: #707070;
		background-color: rgba(0, 0, 0, 0.6);
		display: none;
		position: absolute;
		top: 0;
		left: 100%;
		z-index: 999;
		-webkit-transition: left 300ms ease;
		transition: left 300ms ease
	}
	#gNavi>ul {
		background-color: #FFF
	}
	#gNavi .link {
		padding: 15px 35px 12px 15px;
		border-bottom: 1px dotted #DDD;
		position: relative;
		font-size: 1.2em
	}
	#gNavi .link:after {
		margin-top: -5px;
		width: 12px;
		height: 10px;
		background-repeat: no-repeat;
		background-image: url(/img/common/icon/arrow_r01_l.png);
		background-size: contain;
		position: absolute;
		top: 50%;
		right: 15px;
		content: ""
	}
	#gNavi .en {
		display: none
	}
	#gNavi .accordionBtn:before {
		margin-top: -1px;
		width: 12px;
		height: 2px;
		background-color: #111111;
		position: absolute;
		top: 50%;
		right: 15px;
		content: ""
	}
	#gNavi .accordionBtn:after {
		margin-top: -6px;
		width: 2px;
		height: 12px;
		background-image: none;
		background-color: #111111;
		opacity: 1;
		position: absolute;
		top: 50%;
		right: 20px;
		content: "";
		-webkit-transition: opacity 500ms ease;
		transition: opacity 500ms ease
	}
	#gNavi .accordionBtn.open:after {
		opacity: 0
	}
	#gNavi .accordionMenu {
		display: none
	}
	#gNavi .accordionMenu .link {
		padding-left: 25px
	}
	#gNavi .visitorList {
		border-bottom: 1px dotted #DDD
	}
	#gNavi .visitorList:after {
		display: block;
		clear: both;
		content: ""
	}
	#gNavi .visitorList li {
		box-sizing: border-box;
		width: 50%;
		float: left
	}
	#gNavi .visitorList li:last-child a {
		border-bottom: none
	}
	#gNavi .visitorList li:nth-child(even) {
		border-right: none
	}
	#gNavi .visitorList a {
		padding: 15px 10px;
		border-bottom: 1px dotted #DDD;
		border-right: 1px dotted #DDD;
		display: block;
		font-size: 1.1em;
		letter-spacing: -0.1em
	}
	#gNavi .visitorList span {
		padding-left: 10px;
		position: relative
	}
	#gNavi .visitorList span:before {
		width: 7px;
		height: 6px;
		background-repeat: no-repeat;
		background-image: url(/img/common/icon/arrow_r01_m.png);
		background-size: contain;
		position: absolute;
		top: 6px;
		left: 0;
		content: ""
	}
	#gNavi .level02 {
		padding: 15px
	}
	#gNavi .level02:after {
		display: block;
		clear: both;
		content: ""
	}
	#gNavi .level02 li {
		box-sizing: border-box;
		padding-left: 10px;
		width: 50%;
		float: left;
		position: relative
	}
	#gNavi .level02 li:before {
		width: 7px;
		height: 6px;
		background-repeat: no-repeat;
		background-image: url(/img/common/icon/arrow_r01_m.png);
		background-size: contain;
		position: absolute;
		top: 6px;
		left: 0;
		content: ""
	}
	#gNavi .level02 a {
		font-size: 1.1em
	}
	#gNavi .other {
		padding: 15px;
		background-color: #FFF;
		border-top: 1px dotted #DDD
	}
	#gNavi .another,
	#gNavi .banList {
		text-align: center;
		letter-spacing: -0.4em
	}
	#gNavi .another li,
	#gNavi .banList li {
		display: inline-block;
		letter-spacing: normal
	}
	#gNavi .another li:first-child,
	#gNavi .banList li:first-child {
		margin-left: 0
	}
	#gNavi .another {
		margin-bottom: 15px
	}
	#gNavi .another li {
		margin-left: 15px;
		width: 25px
	}
	#gNavi .another .last {
		width: 27px
	}
	#gNavi .banList li {
		margin-left: 10px;
		width: 125px
	}
	#gNavi .banList img {
		width: 125px;
		height: auto
	}
	.openMenu #gNavi {
		left: 0
	}
	.ie8 #gNavi .link:after {
		background-image: url(/img/common/icon/arrow_r01_ms.png)
	}
	.ie8 #gNavi .level02 li:before {
		background-image: url(/img/common/icon/arrow_r01_s.png)
	}
	.ie8 #gNavi .level02 a {
		font-size: 1.1em
	}
	#subNavi ul{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin: 5px auto;
		padding-top: 5px;
		box-sizing: border-box;
		font-size: 12px;
		font-weight: bold;
	}
	#subNavi ul a:link,
	#subNavi ul a:visited{
		text-decoration: none;
		color: #111;
	}
	#subNavi ul li{
		width: 25%;
		box-sizing: border-box;
		text-align: center;
		padding: 10px 0;
	}
	#subNavi ul li:not(:last-child){
		border-right: solid 1px #ddd;
	}
}

#pagePath {
	width: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10
}

#pagePath li {
	margin-right: 2px;
	display: inline;
	color: #FFF;
	font-size: .85714em
}

#pagePath li a {
	margin-right: 5px;
	color: #FFF
}

@media only screen and (min-width: 769px) {
	#pagePath ol {
		margin-right: auto;
		margin-left: auto;
		padding-top: 5px;
		padding-bottom: 5px;
		width: 960px
	}
}

@media only screen and (max-width: 768px) {
	#pagePath {
		padding-right: 15px;
		padding-left: 15px;
		text-align: left
	}
}

@media only screen and (min-width: 769px) {
	#conts {
		margin-right: auto;
		margin-left: auto;
		width: 960px
	}
	.middleSizeConts #conts {
		margin-right: auto;
		margin-left: auto;
		width: 700px
	}
	.trueSideMenu .mainInner {
		margin-right: auto;
		margin-left: auto;
		width: 960px
	}
	.trueSideMenu .mainInner:after {
		display: block;
		clear: both;
		content: ""
	}
	.trueSideMenu #conts {
		width: 700px;
		float: left
	}
}

@media only screen and (max-width: 768px) {
	#conts {
		padding-right: 15px;
		padding-left: 15px
	}
}

#sideMenu .archive {
	margin-top: 20px
}

#sideMenu .archive:first-child {
	margin-top: 0
}

#sideMenu .archive .ttl05 {
	margin-bottom: 0
}

#sideMenu .archive .list li {
	border-bottom: 1px dotted #DDD
}

#sideMenu .archive .list a {
	padding: 7px 15px;
	display: block;
	position: relative;
	line-height: 1.5
}

#sideMenu .archive .list a:before {
	width: 8px;
	height: 7px;
	background-repeat: no-repeat;
	position: absolute;
	content: ""
}

@media only screen and (min-width: 769px) {
	#sideMenu {
		width: 220px;
		float: right
	}
	#sideMenu .archive .list a {
		padding-left: 30px
	}
	#sideMenu .archive .list a:before {
		background-image: url(/img/common/icon/arrow_r01_s.png);
		top: 16px;
		left: 17px
	}
}

@media only screen and (max-width: 768px) {
	#sideMenu {
		margin-top: 30px;
		padding-right: 15px;
		padding-left: 15px
	}
	#sideMenu .archive .list a {
		padding-right: 30px
	}
	#sideMenu .archive .list a:before {
		margin-top: -4px;
		background-image: url(/img/common/icon/arrow_r01_lm.png);
		background-size: contain;
		top: 50%;
		right: 15px
	}
}

#categoryList {
	background-color: #F0F0F0
}

#categoryList .ttl01 {
	font-size: 1.8em
}

#categoryList .ttl01:after {
	display: none
}

#categoryList .link {
	padding: 15px;
	padding-right: 40px;
	background-color: #666;
	border: 2px solid #666;
	display: block;
	position: relative;
	color: #FFF;
	font-size: 1.4em;
	text-decoration: none
}

#categoryList .link:after {
	margin-top: -3px;
	width: 8px;
	height: 7px;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	right: 20px;
	content: ""
}

#categoryList .link.current {
	background-color: #FFF;
	color: #111
}

@media only screen and (min-width: 769px) {
	#categoryList {
		padding-bottom: 45px
	}
	#categoryList .ttl01 {
		margin-bottom: 20px
	}
	#categoryList .inner {
		margin-right: auto;
		margin-left: auto;
		width: 960px
	}
	#categoryList .box {
		margin-left: -5px
	}
	#categoryList .box:after {
		display: block;
		clear: both;
		content: ""
	}
	#categoryList .list {
		box-sizing: border-box;
		padding-bottom: 5px;
		padding-left: 5px;
		width: 33.3%;
		float: left
	}
	#categoryList .link {
		-webkit-transition: opacity 200ms ease;
		transition: opacity 200ms ease
	}
	#categoryList .link:after {
		background-image: url(/img/common/icon/arrow_r02_s.png)
	}
	#categoryList .link:hover {
		opacity: .7;
		filter: alpha(opacity=70)
	}
	#categoryList .link.current:after {
		background-image: url(/img/common/icon/arrow_r01_s.png)
	}
	#categoryList .link.current:hover {
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

@media only screen and (max-width: 768px) {
	#categoryList {
		padding-bottom: 25px
	}
	#categoryList .inner {
		padding-right: 15px;
		padding-left: 15px
	}
	#categoryList .box {
		margin-left: -5px
	}
	#categoryList .box:after {
		display: block;
		clear: both;
		content: ""
	}
	#categoryList .list {
		margin-top: 10px
	}
	#categoryList .list:first-child {
		margin-top: 0
	}
	#categoryList .link:after {
		background-image: url(/img/common/icon/arrow_r02_lm.png);
		background-size: contain
	}
	#categoryList .link.current:after {
		background-image: url(/img/common/icon/arrow_r01_lm.png)
	}
}

#subConts {
	position: fixed;
	z-index: 1000
}

#subConts .anchor>a {
	background-color: #FFF;
	color: #111;
	display: block;
	position: relative;
	text-decoration: none
}

#subConts .anchor .tag {
	position: absolute;
	top: -1px;
	left: -1px;
	z-index: 10
}

#subConts .anchor .text {
	font-weight: bold;
	line-height: 1.05;
	letter-spacing: -0.08em
}

#subConts .anchor .img {
	overflow: hidden
}

#subConts .request a {
	background-color: #FFFA2D;
	font-weight: bold;
	text-align: center
}

#subConts .request .icon {
	display: inline-block;
	position: relative
}

#subConts .request .icon:before {
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 50%;
	left: 0;
	content: ""
}

@media only screen and (min-width: 769px) {
	#subConts {
		width: 145px;
		top: 20%;
		right: 0
	}
	#subConts .menu {
		margin-bottom: 10px;
		width: 145px;
		position: relative;
		right: 0;
		-webkit-transition: all 200ms ease;
		transition: all 200ms ease
	}
	#subConts .menu .ttl {
		box-sizing: border-box;
		padding: 15px 65px 14px 0;
		background-color: #707070;
		color: #FFF;
		font-size: 1.8em;
		font-style: italic;
		font-weight: normal;
		text-shadow: 0 0 1px #fff;
		text-align: right
	}
	#subConts .menu .menuBtn {
		width: 24px;
		height: 24px;
		position: absolute;
		top: 12px;
		right: 12px;
		cursor: pointer
	}
	#subConts .menu .menuBtn:hover .top {
		-webkit-transform: translateY(3px);
		transform: translateY(3px)
	}
	#subConts .menu .menuBtn:hover .bottom {
		-webkit-transform: translateY(-3px);
		transform: translateY(-3px)
	}
	#subConts .menu .bar {
		width: 24px;
		height: 4px;
		background-color: #FFF;
		position: absolute;
		left: 0
	}
	#subConts .menu .top,
	#subConts .menu .bottom {
		-webkit-transition: -webkit-transform 200ms ease;
		transition: -webkit-transform 200ms ease;
		transition: transform 200ms ease;
		transition: transform 200ms ease, -webkit-transform 200ms ease
	}
	#subConts .menu .top {
		top: 0;
		-webkit-transform-origin: top left;
		transform-origin: top left
	}
	#subConts .menu .middle {
		margin-top: -2px;
		top: 50%;
		opacity: 1;
		-webkit-transition: opactiy 200ms ease;
		transition: opactiy 200ms ease
	}
	#subConts .menu .bottom {
		bottom: 0;
		-webkit-transform-origin: bottom left;
		transform-origin: bottom left
	}
	#subConts .menu .list {
		box-sizing: border-box;
		padding: 20px 15px 15px;
		width: 100%;
		background-color: #444;
		display: none;
		position: absolute;
		top: 48px;
		right: 0;
		z-index: 100
	}
	#subConts .menu .list>li {
		padding-left: 15px
	}
	#subConts .menu .list>li:before {
		position: absolute;
		top: -7px;
		left: 0;
		color: #FFF;
		font-size: 20px;
		font-weight: bold;
		content: "\00bb"
	}
	#subConts .menu .list li {
		margin-top: 10px;
		position: relative
	}
	#subConts .menu .list li:first-child {
		margin-top: 0
	}
	#subConts .menu .list li:before {
		position: absolute;
		left: 0
	}
	#subConts .menu .list a,
	#subConts .menu .list span {
		color: #FFF;
		font-size: 1.3em
	}
	#subConts .menu .level02 {
		margin-top: 10px
	}
	#subConts .menu .level02>li {
		padding-left: 10px
	}
	#subConts .menu .level02>li:before {
		width: 4px;
		height: 7px;
		background: url(/img/common/icon/arrow_r04_s.png) no-repeat;
		position: absolute;
		top: 6px;
		left: 0;
		content: ""
	}
	#subConts .menu.open {
		width: 250px;
		right: 105px
	}
	#subConts .menu.open .top {
		-webkit-transform: rotate(45deg) translate(3px);
		transform: rotate(45deg) translate(3px)
	}
	#subConts .menu.open .middle {
		opacity: 0
	}
	#subConts .menu.open .bottom {
		-webkit-transform: rotate(-45deg) translate(3px);
		transform: rotate(-45deg) translate(3px)
	}
	#subConts .menu.open .menuBtn:hover .top {
		-webkit-transform: rotate(45deg) translate(3px);
		transform: rotate(45deg) translate(3px)
	}
	#subConts .menu.open .menuBtn:hover .middle {
		opacity: 0
	}
	#subConts .menu.open .menuBtn:hover .bottom {
		-webkit-transform: rotate(-45deg) translate(3px);
		transform: rotate(-45deg) translate(3px)
	}
	#subConts>.frame {
		padding: 10px;
		background-color: #707070
	}
	#subConts .anchor>a {
		padding: 10px
	}
	#subConts .anchor>a:hover .img img {
		-webkit-transform: scale(1.2);
		transform: scale(1.2)
	}
	#subConts .anchor .text {
		margin-bottom: 10px;
		padding-left: 25px;
		font-size: 1.4em
	}
	#subConts .anchor .img {
		width: 104px;
		height: 74px
	}
	#subConts .anchor .img img {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transition: -webkit-transform 200ms ease;
		transition: -webkit-transform 200ms ease;
		transition: transform 200ms ease;
		transition: transform 200ms ease, -webkit-transform 200ms ease
	}
	#subConts .anchor .notes {
		margin-top: 10px;
		position: relative;
		font-size: 1.1em;
		font-weight: bold;
		line-height: 1
	}
	#subConts .anchor .notes:before {
		background-repeat: no-repeat;
		position: absolute;
		content: ""
	}
	#subConts .anchor.sp {
		display: none
	}
	#subConts .spMenuBtn {
		display: none
	}
	#subConts .request a {
		opacity: 1;
		font-size: 1.4rem;
		-webkit-transition: opacity 300ms ease;
		transition: opacity 300ms ease
	}
	#subConts .request a:hover {
		opacity: .7;
		filter: alpha(opacity=70);
		-webkit-transition: opacity 300ms ease;
		transition: opacity 300ms ease
	}
	#subConts .request .icon {
		padding-left: 30px
	}
	#subConts .request .icon:before {
		margin-top: -12px;
		width: 24px;
		height: 24px;
		background-image: url(/img/common/icon/icon_request_m.png)
	}
	#subConts .pickup .img {
		position: relative
	}
	#subConts .pickup .img:before {
		margin-top: -21px;
		margin-left: -21px;
		width: 42px;
		height: 42px;
		background: url(/img/common/template/pickup_icon.png) no-repeat;
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 1;
		content: ""
	}
	#subConts .pickup .notes {
		padding-left: 17px;
		letter-spacing: -0.08em
	}
	#subConts .pickup .notes:before {
		width: 14px;
		height: 10px;
		background-image: url(/img/common/template/pickup_deco.png);
		top: -3px;
		left: 0
	}
	#subConts .opencampus {
		margin-top: 10px
	}
	#subConts .opencampus .notes {
		padding-left: 15px;
		letter-spacing: -0.08em
	}
	#subConts .opencampus .notes:before {
		width: 10px;
		height: 7px;
		background-image: url(/img/common/template/opencampus_deco.png);
		top: 1px;
		left: 0
	}
	#subConts .linkBtn {
		margin-top: 10px;
		padding: 8px 0;
		padding-left: 33px;
		display: block;
		opacity: 1;
		filter: alpha(opacity=100);
		position: relative;
		color: #fff;
		font-size: 1.4rem;
		line-height: 1;
		letter-spacing: -0.15em;
		font-weight: bold;
		text-decoration: none
	}
	#subConts .linkBtn.clubtsr {
		background: #F4394D
	}
	#subConts .linkBtn.mynavi {
		background: #F58220
	}
	#subConts .linkBtn:before {
		margin-top: -9px;
		width: 18px;
		height: 18px;
		background: url(/img/common/icon/icon_opencampus_l.png) no-repeat;
		background-size: 18px;
		position: absolute;
		top: 50%;
		left: 10px;
		content: ""
	}
	#subConts .linkBtn:hover {
		opacity: 0.7;
		filter: alpha(opacity=70);
		-webkit-transition: opacity 300ms ease;
		transition: opacity 300ms ease
	}
	#subConts .accessBtn {
		margin-top: 10px;
		padding: 15px;
		padding-left: 33px;
		background-color: #F0F0F0;
		display: block;
		opacity: 1;
		filter: alpha(opacity=100);
		position: relative;
		color: #111;
		font-size: 1.4rem;
		line-height: 1;
		letter-spacing: -0.15em;
		font-weight: bold;
		text-decoration: none
	}
	#subConts .accessBtn:before {
		margin-top: -12px;
		width: 18px;
		height: 24px;
		background: url(/img/common/icon/icon_access_lm.png) no-repeat;
		position: absolute;
		top: 50%;
		left: 10px;
		content: ""
	}
	#subConts .accessBtn:hover {
		opacity: .7;
		filter: alpha(opacity=70);
		-webkit-transition: opacity 300ms ease;
		transition: opacity 300ms ease
	}
	#school-index #subConts .menu,
	#club-tsr-index #subConts .menu,
	#getajob-index #subConts .menu,
	#enter-index #subConts .menu {
		display: none
	}
}

@media only screen and (max-width: 768px) {
	#subConts {
		box-sizing: border-box;
		padding: 10px;
		padding-right: 65px;
		width: 100%;
		height: 65px;
		background-color: #707070;
		background-color: rgba(0, 0, 0, 0.6);
		bottom: 0;
		left: 0
	}
	#subConts .menu {
		display: none
	}
	#subConts .frame {
		width: 100%;
		display: table
	}
	#subConts .anchor {
		padding-right: 5px;
		width: 50%;
		display: table-cell;
		vertical-align: middle
	}
	#subConts .anchor a {
		padding: 5px
	}
	#subConts .anchor a:after {
		display: block;
		clear: both;
		content: ""
	}
	#subConts .anchor .tag {
		width: 24px
	}
	#subConts .anchor .tag img {
		width: 24px
	}
	#subConts .anchor .text {
		box-sizing: border-box;
		margin-left: -35px;
		padding-top: 8px;
		padding-left: 45px;
		width: 100%;
		float: right
	}
	#subConts .anchor .img {
		width: 35px;
		height: 35px;
		float: left
	}
	#subConts .anchor .img img {
		width: auto;
		height: 35px
	}
	#subConts .anchor .notes {
		display: none
	}
	#subConts .anchor.pc {
		display: none
	}
	#subConts .spMenuBtn {
		background-color: #333;
		position: absolute;
		top: 10px;
		right: 10px
	}
	#subConts .gw a {
		border: 1px solid #fff;
		color: #FFF;
		text-align: right
	}
	#subConts .gw .text {
		padding-bottom: 5px;
		padding-left: 0
	}
	#subConts .gw.gwEv a {
		background-color: #A64B99
	}
	#subConts .gw.gwBus a {
		background-color: #DF0B1F
	}
	#subConts .request {
		height: 45px
	}
	#subConts .request a {
		padding-top: 12px;
		padding-bottom: 12px;
		font-size: 1.2rem
	}
	#subConts .request .icon {
		padding-left: 23px
	}
	#subConts .request .icon:before {
		margin-top: -8px;
		width: 16px;
		height: 16px;
		background-image: url(/img/common/icon/icon_request_l.png)
	}
	#subConts .opencampus {
		padding-right: 0;
		padding-left: 5px
	}
	#subConts .opencampus a {
		background-color: #DF0B20;
		color: #FFF
	}
	#subConts .opencampus .frame {
		margin-right: auto;
		margin-left: auto;
		width: auto
	}
	#subConts .opencampus .frame:after {
		display: block;
		clear: both;
		content: ""
	}
	#subConts .opencampus .tag {
		display: none
	}
	#subConts .opencampus .img img {
		margin-left: -5px;
		max-width: none
	}
	#subConts .linkBtn {
		display: none
	}
	#subConts .accessBtn {
		display: none
	}
}

#footer {
	border-top: 1px solid #DDD
}

#footer .inner {
	position: relative
}

#footer .school:after {
	display: block;
	clear: both;
	content: ""
}

#footer .contact:after {
	display: block;
	clear: both;
	content: ""
}

#footer .contact li {
	float: left
}

#footer .contact a {
	text-decoration: none
}

#footer .contact .tel {
	font-weight: bold;
	line-height: 1.2
}

#footer .contact .btn {
	display: block;
	font-weight: bold;
	text-align: center;
	-webkit-transform: skewX(-15deg);
	transform: skewX(-15deg)
}

#footer .contact .icon {
	display: block;
	position: relative;
	-webkit-transform: skewX(15deg);
	transform: skewX(15deg)
}

#footer .contact .icon:before {
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	content: ""
}

#footer .contact .request {
	background-color: #FFFA2D
}

#footer .contact .request .icon:before {
	background-image: url(/img/common/icon/icon_request_m.png)
}

#footer .pageTop {
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden
}

#footer .pageTop a {
	background-color: #CCC;
	display: block;
	text-align: center;
	-webkit-transform: skewX(-15deg);
	transform: skewX(-15deg);
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left
}

#footer .pageTop img {
	-webkit-transform: skewX(15deg);
	transform: skewX(15deg)
}

#footer .copyright {
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #333;
	color: #999;
	font-size: 1.1em;
	text-align: center
}

@media only screen and (min-width: 769px) {
	#footer {
		border-top: 1px solid #DDD
	}
	#footer a {
		color: #111
	}
	#footer a:link {
		text-decoration: none
	}
	#footer a:visited {
		text-decoration: none
	}
	#footer a:hover {
		text-decoration: underline
	}
	#footer a:active {
		text-decoration: none
	}
	#footer .inner {
		background-color: #FFF;
		position: relative
	}
	#footer .school {
		margin-right: auto;
		margin-left: auto;
		width: 960px
	}
	#footer .contact {
		float: right
	}
	#footer .contact .tel {
		margin-right: 30px;
		padding-top: 25px;
		font-size: 1.1em
	}
	#footer .contact .tel:after {
		display: block;
		clear: both;
		content: ""
	}
	#footer .contact .tel a,
	#footer .contact .tel img {
		float: left;
		display: block
	}
	#footer .contact .tel a {
		cursor: text
	}
	#footer .contact .tel a:hover {
		text-decoration: none
	}
	#footer .contact .tel img {
		margin-top: 1px;
		margin-left: 10px
	}
	#footer .contact .btn {
		padding: 17px 20px;
		font-size: 1.4em;
		-webkit-transition: opacity 200ms ease;
		transition: opacity 200ms ease
	}
	#footer .contact .btn:hover {
		opacity: .7;
		filter: alpha(opacity=70);
		text-decoration: none
	}
	#footer .contact .icon {
		padding-top: 15px;
		-webkit-backface-visibility: hidden
	}
	#footer .contact .icon:before {
		margin-left: -8px;
		top: 0;
		left: 50%
	}
	#footer .contact .opencampus {
		background-color: #DF0B20;
		color: #FFF
	}
	#footer .contact .opencampus .icon:before {
		background-image: url(/img/common/icon/icon_opencampus_m.png)
	}
	#footer .logo {
		padding-top: 15px;
		float: left
	}
	#footer .logo img {
		height: auto
	}
	#footer .logo .sp {
		display: none
	}
	#footer .logo .address {
		margin-top: 2px;
		font-size: 1.1em;
		text-align: right
	}
	#footer .pageTop {
		width: 50px;
		position: absolute;
		top: 0;
		right: 0;
		overflow: hidden
	}
	#footer .pageTop a {
		padding: 30px 15px 27px 10px;
		background-color: #CCC;
		display: block;
		text-align: center;
		-webkit-transform: skewX(-15deg);
		transform: skewX(-15deg);
		-webkit-transform-origin: bottom left;
		transform-origin: bottom left
	}
	#footer .pageTop a:hover {
		opacity: .7;
		filter: alpha(opacity=70)
	}
	#footer .pageTop img {
		height: auto;
		-webkit-transform: skewX(15deg);
		transform: skewX(15deg)
	}
	#footer .location {
		display: none
	}
	#footer .visitorLink {
		border-top: 1px solid #DDD
	}
	#footer .visitorLink ul {
		padding-top: 20px;
		padding-bottom: 15px;
		text-align: center;
		letter-spacing: -0.4em
	}
	#footer .visitorLink li {
		margin: 0 15px;
		padding-left: 10px;
		display: inline-block;
		letter-spacing: normal;
		position: relative;
		line-height: 1
	}
	#footer .visitorLink li:before {
		width: 4px;
		height: 7px;
		background: url(/img/common/icon/arrow_r03_s.png) no-repeat;
		position: absolute;
		top: 1px;
		left: 0;
		content: ""
	}
	#footer .visitorLink a {
		font-size: 1.3em
	}
	#footer .sitemap {
		background-color: #F0F0F0
	}
	#footer .sitemap .top,
	#footer .sitemap .bottom {
		margin-right: auto;
		margin-left: auto;
		width: 960px;
		display: table;
		table-layout: fixed
	}
	#footer .sitemap .top {
		padding-top: 30px;
		padding-bottom: 25px;
		border-bottom: 1px dotted #CCC
	}
	#footer .sitemap .bottom {
		padding-top: 20px;
		padding-bottom: 25px
	}
	#footer .sitemap .category {
		box-sizing: border-box;
		padding-right: 10px;
		padding-left: 10px;
		width: 160px;
		border-right: 1px dotted #CCC;
		display: table-cell;
		vertical-align: top
	}
	#footer .sitemap .category:first-child {
		border-left: 1px dotted #CCC
	}
	#footer .sitemap .category.twoRows {
		width: 320px
	}
	#footer .sitemap .ttl {
		padding-left: 12px;
		position: relative;
		font-size: 1.2em;
		line-height: 1.2;
		font-weight: normal
	}
	#footer .sitemap .ttl:before {
		width: 8px;
		height: 6px;
		background: url(/img/common/icon/arrow_r01_s.png) no-repeat;
		position: absolute;
		top: 3px;
		left: 0;
		content: ""
	}
	#footer .sitemap .list {
		box-sizing: border-box;
		padding-left: 12px
	}
	#footer .sitemap .list>li {
		margin-top: 10px;
		padding-left: 10px;
		position: relative;
		line-height: 1.2
	}
	#footer .sitemap .list>li:before {
		width: 4px;
		height: 7px;
		background: url(/img/common/icon/arrow_r03_s.png) no-repeat;
		position: absolute;
		top: 3px;
		left: 0;
		content: ""
	}
	#footer .sitemap .list>li a {
		font-size: 1.1em;
		line-height: 1.2
	}
	#footer .sitemap .frame {
		width: 100%;
		display: table
	}
	#footer .sitemap .frame .list {
		padding-right: 5px;
		width: 50%;
		display: table-cell
	}
	#footer .sitemap .frame .list+.list {
		padding-right: 10px;
		padding-left: 5px
	}
	#footer .sitemap .level02 li {
		margin-top: 9px;
		padding-left: 10px;
		position: relative
	}
	#footer .sitemap .level02 li:before {
		width: 4px;
		height: 4px;
		background: url(/img/common/icon/l_icon_s.png) no-repeat;
		position: absolute;
		top: 3px;
		left: 0;
		content: ""
	}
	#footer .otherList {
		padding-top: 20px;
		padding-bottom: 15px;
		text-align: center;
		letter-spacing: -0.4em
	}
	#footer .otherList li {
		margin-left: 10px;
		padding-left: 10px;
		border-left: 1px solid #111;
		display: inline-block;
		letter-spacing: normal;
		line-height: 1
	}
	#footer .otherList li:first-child {
		margin-left: 0;
		padding-left: 0;
		border-left: none
	}
	#footer .otherList a {
		font-size: 1.1em
	}
	#footer .copyright {
		padding-top: 5px;
		padding-bottom: 5px;
		background-color: #333;
		color: #999;
		font-size: 1.1em;
		text-align: center
	}
}

@media only screen and (max-width: 768px) {
	#footer {
		padding-bottom: 65px
	}
	#footer .visitorLink,
	#footer .sitemap,
	#footer .otherList {
		display: none
	}
	#footer .school {
		padding-right: 40px;
		border-bottom: 1px solid #DDD
	}
	#footer .contact {
		width: 100%;
		display: table;
		font-size: 1.2em
	}
	#footer .contact li {
		width: 50%;
		display: table-cell
	}
	#footer .contact li.last {
		display: none
	}
	#footer .contact a {
		box-sizing: border-box;
		height: 45px
	}
	#footer .contact .tel a {
		padding-top: 8px;
		padding-left: 25px;
		background-color: #333;
		display: block;
		color: #FFF
	}
	#footer .contact .tel .in {
		padding-left: 20px;
		position: relative;
		display: block
	}
	#footer .contact .tel .in:before {
		margin-top: -8px;
		width: 16px;
		height: 16px;
		background-repeat: no-repeat;
		background-image: url(/img/common/icon/icon_tel_l.png);
		background-size: contain;
		position: absolute;
		top: 50%;
		left: 0;
		content: ""
	}
	#footer .contact .tel img {
		display: none
	}
	#footer .contact .request {
		margin-left: -10px;
		margin-right: -5px;
		padding-top: 14px;
		color: #111
	}
	#footer .contact .request .icon {
		padding-left: 15px
	}
	#footer .contact .request .icon:before {
		margin-left: -38px;
		background-image: url(/img/common/icon/icon_request_l.png);
		background-size: contain;
		top: 2px;
		left: 50%
	}
	#footer .logo {
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: center
	}
	#footer .logo img {
		margin-right: -40px
	}
	#footer .logo .pc {
		display: none
	}
	#footer .pageTop a {
		box-sizing: border-box;
		padding-top: 14px;
		width: 45px;
		height: 45px
	}
	#footer .pageTop img {
		width: 15px
	}
	#footer .location:after {
		display: block;
		clear: both;
		content: ""
	}
	#footer .address {
		padding-top: 10px;
		padding-left: 15px;
		float: left;
		font-size: 1.2em;
		line-height: 1.3
	}
	#footer .access {
		padding: 8px 15px;
		background-color: #F0F0F0;
		float: right;
		display: block;
		color: #111;
		text-decoration: none
	}
	#footer .access .icon {
		padding-top: 20px;
		background: no-repeat center top;
		background-image: url(/img/common/icon/icon_access_l.png);
		background-size: 12px auto;
		display: block
	}
	#footer .copyright {
		font-size: .9em
	}
	.ie8 #footer .contact .tel .in:before {
		background-image: url(/img/common/icon/icon_tel_m.png)
	}
	.ie8 #footer .contact .request .icon:before {
		background-image: url(/img/common/icon/icon_request_s.png)
	}
	.ie8 #footer .access .icon {
		background-image: url(/img/common/icon/icon_access_m.png)
	}
}

#pickup .frame {
	background-color: #FFF
}

#pickup .ttl {
	margin-right: auto;
	margin-left: auto;
	display: table;
	position: relative;
	line-height: 1
}

#pickup .mark {
	background-color: #7CBE0E;
	border-radius: 100px;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	color: #FFF;
	line-height: 1;
	text-align: center
}

#pickup .img {
	margin-bottom: 10px
}

#pickup .img img {
	max-width: 100%;
	height: auto
}

#pickup .data+p {
	margin-bottom: 10px;
	font-weight: bold
}

#pickup .button01 {
	margin-bottom: 10px
}

#pickup .close {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	display: table;
	position: relative;
	color: #036;
	text-decoration: underline;
	cursor: pointer
}

#pickup .close:before {
	margin-top: -6px;
	width: 12px;
	height: 12px;
	background-image: url(/img/getajob/obog/close.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	left: 0;
	content: ""
}

@media only screen and (min-width: 769px) {
	#pickup .inner {
		margin-right: auto;
		margin-left: auto;
		max-width: 1480px;
		width: 100%;
		display: table
	}
	#pickup .item {
		padding-left: 10px;
		width: 490px;
		display: table-cell
	}
	#pickup .item:first-child {
		padding-left: 0
	}
	#pickup .frame {
		padding: 40px
	}
	#pickup .ttl {
		margin-bottom: 30px;
		padding-left: 75px;
		font-size: 2.8em
	}
	#pickup .mark {
		margin-top: -30px;
		padding-top: 14px;
		padding-bottom: 14px;
		width: 60px;
		font-size: .57143em
	}
	#pickup .data {
		font-size: 1.6em
	}
	#pickup .data+p {
		font-size: 1.8em
	}
	#pickup .time {
		margin-right: 15px
	}
	#pickup .button01 {
		font-size: 1.28571em
	}
	#pickup .close {
		font-size: 1.4em
	}
}

@media only screen and (max-width: 768px) {
	#pickup .item {
		margin-top: 15px
	}
	#pickup .item:first-child {
		margin-top: 0
	}
	#pickup .inner {
		padding: 25px
	}
	#pickup .frame {
		padding: 20px
	}
	#pickup .ttl {
		margin-bottom: 15px;
		padding-left: 45px;
		font-size: 1.6em
	}
	#pickup .img {
		text-align: center
	}
	#pickup .mark {
		margin-top: -18px;
		padding-top: 11px;
		padding-bottom: 9px;
		width: 36px;
		font-size: .5em
	}
	#pickup .data {
		font-size: 1.2em
	}
	#pickup .data+p {
		font-size: 1.4em
	}
	#pickup .time {
		margin-right: 10px
	}
	#pickup .button01 {
		font-size: .85714em
	}
	#pickup .close {
		font-size: 1.2em
	}
}

#modalOverlay {
	width: 100%;
	height: 100%;
	background-color: #000;
	display: none;
	opacity: 0.6;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5000
}

#modalConts {
	margin: auto;
	display: none;
	opacity: 0;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9999;
	-webkit-transition: opacity 500ms ease;
	transition: opacity 500ms ease
}

#modalConts.show {
	opacity: 1
}

#modalConts .btn {
	background-repeat: no-repeat;
	position: absolute;
	display: block;
	top: 50%
}

#modalConts .btn.canNot {
	opacity: .5;
	filter: alpha(opacity=50);
	cursor: text
}

#modalInner {
	height: 100%;
	overflow-y: auto
}

@media only screen and (min-width: 769px) {
	#modalConts {
		padding: 60px
	}
	#modalConts .btn {
		margin-top: -14px;
		width: 30px;
		height: 28px
	}
	#modalConts .prevBtn {
		left: -20px
	}
	#modalConts .nextBtn {
		right: -20px
	}
}

@media only screen and (max-width: 768px) {
	#modalConts {
		padding: 30px
	}
	#modalConts .btn {
		margin-top: -7px;
		width: 15px;
		height: 14px
	}
	#modalConts .btn img {
		width: 15px
	}
	#modalConts .prevBtn {
		left: 7px
	}
	#modalConts .nextBtn {
		right: 7px
	}
}

.jspContainer {
	overflow: hidden;
	position: relative
}

.jspPane {
	position: absolute
}

.jspVerticalBar {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red
}

.jspHorizontalBar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red
}

.jspCap {
	display: none
}

.jspHorizontalBar .jspCap {
	float: left
}

.jspTrack {
	background: #dde;
	position: relative
}

.jspDrag {
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
	float: left;
	height: 100%
}

.jspArrow {
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0
}

.jspArrow.jspDisabled {
	cursor: default;
	background: #80808d
}

.jspVerticalBar .jspArrow {
	height: 16px
}

.jspHorizontalBar .jspArrow {
	width: 16px;
	float: left;
	height: 100%
}

.jspVerticalBar .jspArrow:focus {
	outline: none
}

.jspCorner {
	background: #eeeef4;
	float: left;
	height: 100%
}

* html .jspCorner {
	margin: 0 -3px 0 0
}

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: none
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block
}

.slick-track:before,
.slick-track:after {
	content: "";
	display: table
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none
}

[dir="rtl"] .slick-slide {
	float: right
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}

.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #0b0b0b;
	opacity: 0.8
}

.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1043;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden
}

.mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
	box-sizing: border-box
}

.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle
}

.mfp-align-top .mfp-container:before {
	display: none
}

.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto
}

.mfp-ajax-cur {
	cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -webkit-zoom-out;
	cursor: zoom-out
}

.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
	cursor: auto
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.mfp-loading.mfp-figure {
	display: none
}

.mfp-hide {
	display: none !important
}

.mfp-preloader {
	color: #CCC;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -0.8em;
	left: 8px;
	right: 8px;
	z-index: 1044
}

.mfp-preloader a {
	color: #CCC
}

.mfp-preloader a:hover {
	color: #FFF
}

.mfp-s-ready .mfp-preloader {
	display: none
}

.mfp-s-error .mfp-content {
	display: none
}

button.mfp-close,
button.mfp-arrow {
	overflow: visible;
	cursor: pointer;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: none;
	padding: 0;
	z-index: 1046;
	box-shadow: none;
	-ms-touch-action: manipulation;
	touch-action: manipulation
}

button::-moz-focus-inner {
	padding: 0;
	border: 0
}

.mfp-close {
	width: 44px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	right: 0;
	top: 0;
	text-decoration: none;
	text-align: center;
	opacity: 0.65;
	padding: 0 0 18px 10px;
	color: #FFF;
	font-style: normal;
	font-size: 28px;
	font-family: Arial, Baskerville, monospace
}

.mfp-close:hover,
.mfp-close:focus {
	opacity: 1
}

.mfp-close:active {
	top: 1px
}

.mfp-close-btn-in .mfp-close {
	color: #333
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
	color: #FFF;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 100%
}

.mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #CCC;
	font-size: 12px;
	line-height: 18px;
	white-space: nowrap
}

.mfp-arrow {
	position: absolute;
	opacity: 0.65;
	margin: 0;
	top: 50%;
	margin-top: -55px;
	padding: 0;
	width: 90px;
	height: 110px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
	margin-top: -54px
}

.mfp-arrow:hover,
.mfp-arrow:focus {
	opacity: 1
}

.mfp-arrow-left {
	background-image: url(/img/common/icon/arrow_l01_l.png);
	left: 0
}

.mfp-arrow-right {
	background-image: url(/img/common/icon/arrow_r02_l.png);
	right: 0
}

.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 900px
}

.mfp-iframe-holder .mfp-close {
	top: -40px
}

.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: #000
}

img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	box-sizing: border-box;
	padding: 40px 0 40px;
	margin: 0 auto
}

.mfp-figure {
	line-height: 0
}

.mfp-figure:after {
	content: '';
	position: absolute;
	left: 0;
	top: 40px;
	bottom: 40px;
	display: block;
	right: 0;
	width: auto;
	height: auto;
	z-index: -1;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: #444
}

.mfp-figure small {
	color: #BDBDBD;
	display: block;
	font-size: 12px;
	line-height: 14px
}

.mfp-figure figure {
	margin: 0
}

.mfp-bottom-bar {
	margin-top: -36px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto
}

.mfp-title {
	text-align: left;
	line-height: 18px;
	color: #F3F3F3;
	word-wrap: break-word;
	padding-right: 36px
}

.mfp-image-holder .mfp-content {
	max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer
}

@media screen and (max-width: 800px) and (orientation: landscape),
	screen and (max-height: 300px) {
		.mfp-img-mobile .mfp-image-holder {
			padding-left: 0;
			padding-right: 0
		}
		.mfp-img-mobile img.mfp-img {
			padding: 0
		}
		.mfp-img-mobile .mfp-figure:after {
			top: 0;
			bottom: 0
		}
		.mfp-img-mobile .mfp-figure small {
			display: inline;
			margin-left: 5px
		}
		.mfp-img-mobile .mfp-bottom-bar {
			background: rgba(0, 0, 0, 0.6);
			bottom: 0;
			margin: 0;
			top: auto;
			padding: 3px 5px;
			position: fixed;
			box-sizing: border-box
		}
		.mfp-img-mobile .mfp-bottom-bar:empty {
			padding: 0
		}
		.mfp-img-mobile .mfp-counter {
			right: 5px;
			top: 3px
		}
		.mfp-img-mobile .mfp-close {
			top: 0;
			right: 0;
			width: 35px;
			height: 35px;
			line-height: 35px;
			background: rgba(0, 0, 0, 0.6);
			position: fixed;
			text-align: center;
			padding: 0
		}
}

@media all and (max-width: 900px) {
	.mfp-arrow {
		-webkit-transform: scale(0.75);
		transform: scale(0.75)
	}
	.mfp-arrow-left {
		-webkit-transform-origin: 0;
		transform-origin: 0
	}
	.mfp-arrow-right {
		-webkit-transform-origin: 100%;
		transform-origin: 100%
	}
	.mfp-container {
		padding-left: 6px;
		padding-right: 6px
	}
}

@font-face {
	font-family: "slick";
	font-weight: normal;
	font-style: normal
}

.slick-prev,
.slick-next {
	position: absolute;
	display: block;
	height: 50px;
	width: 50px;
	line-height: 0px;
	border-radius: 50%;
	font-size: 0px;
	cursor: pointer;
	background: #fffb42;
	top: 50%;
	margin-top: -25px;
	padding: 0;
	border: none;
	outline: none;
	opacity: .8;
	-webkit-transition: opacity 300ms ease;
	transition: opacity 300ms ease
}

.slick-prev:hover,
.slick-next:hover {
	outline: none;
	opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: .25
}

.slick-prev:before,
.slick-next:before {
	display: block
}

.slick-prev {
	margin-left: -565px;
	left: 50%;
	z-index: 1000
}

[dir="rtl"] .slick-prev {
	left: auto;
	right: 0px
}

.slick-prev:before {
	margin-left: 10px;
	content: '';
	width: 26px;
	height: 28px;
	background: url("../img/common/icon/arrow_r01_xl.png") no-repeat;
	background-size: contain;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.slick-next {
	margin-right: -565px;
	right: 50%
}

.slick-next:before {
	margin-left: 15px;
	content: '';
	width: 26px;
	height: 28px;
	background: url("../img/common/icon/arrow_r01_xl.png") no-repeat;
	background-size: contain
}

.slick-dots {
	position: absolute;
	bottom: 0;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	margin: 0;
	width: 100%
}

.slick-dots li {
	position: relative;
	display: inline-block;
	height: 20px;
	width: 10px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer
}

.slick-dots li button {
	border: 0;
	background: transparent;
	display: block;
	height: 5px;
	width: 5px;
	outline: none;
	line-height: 0px;
	font-size: 0px;
	color: transparent;
	padding: 5px;
	cursor: pointer
}

.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none
}

.slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 7px;
	height: 7px;
	background: transparent;
	line-height: 20px;
	text-align: center;
	border: 1px solid #FFFA2D;
	border-radius: 50%
}

.slick-dots li.slick-active button:before {
	background: #FFFA2D
}

#keyVisual {
	box-sizing: border-box;
	position: relative;
	overflow: hidden
}

#keyVisual .pageTtl {
	position: relative;
	z-index: 1;
	color: #FFF;
	text-shadow: 0 0 14px rgba(0, 0, 0, 0.5);
	font-weight: bold;
	text-align: left
}

#keyVisual p {
	position: relative;
	z-index: 1
}

@media only screen and (min-width: 769px) {
	#keyVisual {
		margin-bottom: 50px;
		padding-top: 85px;
		padding-bottom: 115px;
		height: 290px;
		background-repeat: no-repeat;
		background-position: center;
		position: relative
	}
	#keyVisual>.inner {
		margin-right: auto;
		margin-left: auto;
		width: 960px;
		height: 100%
	}
	#keyVisual .pageTtl {
		font-size: 2em
	}
	#keyVisual .bg {
		box-sizing: border-box;
		margin-left: -30px;
		padding: 30px;
		height: 100%;
		background-color: rgba(255, 255, 255, 0.3);
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
		display: table;
		overflow: hidden;
		position: relative;
		text-align: left
	}
	#keyVisual .bg:before {
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-position: 26.5% 42%;
		background-clip: content-box;
		position: absolute;
		top: 0;
		left: 0;
		content: "";
		-webkit-filter: blur(5px);
		filter: blur(5px)
	}
	#keyVisual .bg:after {
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.7);
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0;
		content: ""
	}
}

@media only screen and (max-width: 768px) {
	#keyVisual {
		margin-bottom: 60px;
		height: 200px;
		background-position: center;
		background-size: cover;
		text-align: center
	}
	#keyVisual .inner {
		box-sizing: border-box;
		padding: 88px 15px 0;
		height: 200px;
		background-color: rgba(0, 0, 0, 0.25)
	}
	#keyVisual .pageTtl {
		margin-bottom: 5px;
		padding-top: 0;
		font-size: 1.42857em;
		text-align: center
	}
}

#mainVisual {
	box-sizing: border-box;
	position: relative;
	overflow: hidden
}

#mainVisual:before {
	width: 100%;
	height: 100%;
	background: no-repeat center;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	content: ""
}

#mainVisual .pageTtl {
	position: relative;
	z-index: 1;
	color: #FFF;
	text-shadow: 0 0 14px rgba(0, 0, 0, 0.5);
	font-weight: bold;
	text-align: left
}

#mainVisual.noBg {
	background-color: #F0F0F0
}

#mainVisual.noBg .pageTtl {
	color: #111;
	text-align: center;
	text-shadow: none
}

#mainVisual.subject:before {
	display: none;
	content: none
}

#mainVisual.subject p {
	position: relative;
	z-index: 1
}

#mainVisual.subject .lead,
#mainVisual.subject .department {
	color: #FFF
}

#mainVisual.subject .cate {
	border: 1px solid #fff;
	box-shadow: 0 0 14px rgba(0, 0, 0, 0.1);
	display: table;
	line-height: 1;
	-webkit-transform: skewX(-15deg);
	transform: skewX(-15deg)
}

#mainVisual.subject .system,
#mainVisual.subject .department {
	display: table-cell;
	vertical-align: middle
}

#mainVisual.subject .system {
	background-color: #FFF
}

#mainVisual.subject .txt,
#mainVisual.subject .department {
	-webkit-transform: skewX(15deg);
	transform: skewX(15deg)
}

#mainVisual.subject .txt {
	display: block
}

#mainVisual.subject .lead {
	text-shadow: 0 0 14px rgba(0, 0, 0, 0.5);
	font-weight: bold
}

#mainVisual.subject .lead+.pageTtl {
	padding-top: 0
}

@media only screen and (min-width: 769px) {
	#mainVisual {
		margin-bottom: 50px;
		height: 290px
	}
	#mainVisual>.inner {
		margin-right: auto;
		margin-left: auto;
		width: 960px;
		height: 100%
	}
	#mainVisual .pageTtl {
		padding-top: 100px;
		font-size: 2.28571em
	}
	#mainVisual.noBg {
		height: 110px;
		overflow: visible
	}
	#mainVisual.noBg:before {
		background-color: #F0F0F0;
		left: -100%
	}
	#mainVisual.noBg:after {
		width: 100%;
		height: 100%;
		background-color: #F0F0F0;
		position: absolute;
		top: 0;
		right: -100%;
		z-index: 0;
		content: ""
	}
	#mainVisual.noBg .pageTtl {
		padding-top: 40px
	}
	#mainVisual.subject {
		padding-top: 30px;
		padding-bottom: 65px;
		background-repeat: no-repeat;
		background-position: center;
		position: relative
	}
	#mainVisual.subject .bg {
		box-sizing: border-box;
		margin-left: -30px;
		padding-top: 20px;
		padding-right: 30px;
		padding-left: 30px;
		height: 100%;
		display: table;
		background-color: rgba(255, 255, 255, 0.3);
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
		overflow: hidden;
		position: relative;
		text-align: left
	}
	#mainVisual.subject .bg:before {
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-position: 32% 35%;
		background-clip: content-box;
		position: absolute;
		top: 0;
		left: 0;
		content: "";
		-webkit-filter: blur(5px);
		filter: blur(5px)
	}
	#mainVisual.subject .bg:after {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0;
		content: ""
	}
	#mainVisual.subject .bg.bgBlack {
		color: #000
	}
	#mainVisual.subject .bg.bgBlack:after {
		background-color: rgba(0, 0, 0, 0.5)
	}
	#mainVisual.subject .bg.bgWhite:after {
		background-color: rgba(255, 255, 255, 0.5)
	}
	#mainVisual.subject .bg.bgWhite .cate {
		background-color: #FFF;
		border: none
	}
	#mainVisual.subject .bg.bgWhite .system {
		background-color: #000;
		color: #FFF
	}
	#mainVisual.subject .bg.bgWhite .department {
		color: #000
	}
	#mainVisual.subject .bg.bgWhite .lead {
		color: #000
	}
	#mainVisual.subject .bg.bgWhite .pageTtl {
		color: #000
	}
	#mainVisual.subject .cate {
		margin-bottom: 15px
	}
	#mainVisual.subject .pageTtl {
		margin-bottom: 10px;
		padding-top: 0
	}
	#mainVisual.subject .cate {
		font-size: .92857em
	}
	#mainVisual.subject .cate+.lead {
		margin-top: 15px
	}
	#mainVisual.subject .txt,
	#mainVisual.subject .department {
		padding: 2px 15px
	}
	#mainVisual.subject .lead {
		font-size: 1.28571em;
		line-height: 1.4
	}
	#mainVisual.subject .lead+.pageTtl {
		margin-top: 5px
	}
}

@media only screen and (max-width: 768px) {
	#mainVisual {
		margin-bottom: 60px;
		min-height: 200px
	}
	#mainVisual:before {
		padding-right: 50px;
		padding-left: 50px;
		left: -50px
	}
	#mainVisual .pageTtl {
		padding-top: 55px;
		font-size: 1.42857em
	}
	#mainVisual.noBg {
		min-height: 75px
	}
	#mainVisual.noBg .pageTtl {
		padding: 25px;
		padding-top: 30px
	}
	#mainVisual.subject {
		padding-top: 35px;
		background-position: center;
		background-size: cover;
		text-align: center;
		position: relative;
		letter-spacing: -0.08em
	}
	#mainVisual.subject:before {
		width: 100%;
		height: 100%;
		display: block;
		background-color: rgba(0, 0, 0, 0.3);
		position: absolute;
		top: 0;
		left: 0;
		content: ""
	}
	#mainVisual.subject .cate {
		margin-right: auto;
		margin-bottom: 10px;
		margin-left: auto
	}
	#mainVisual.subject .pageTtl {
		margin-bottom: 5px;
		padding-top: 0;
		text-align: center
	}
	#mainVisual.subject .cate {
		font-size: .71429em
	}
	#mainVisual.subject .txt,
	#mainVisual.subject .department {
		padding: 2px 10px
	}
	#mainVisual.subject .lead {
		box-sizing: border-box;
		padding: 0 15px 10px;
		width: 100%;
		line-height: 1.3
	}
}

.cateTop .anchor {
	box-sizing: border-box;
	margin-bottom: 10px;
	background: center no-repeat;
	background-color: #CCC;
	background-size: cover;
	display: block;
	color: #111;
	text-decoration: none
}

.cateTop .ttl {
	box-sizing: border-box;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	display: table;
	text-align: center;
	line-height: 1.2;
	-webkit-transform: skewX(-15deg);
	transform: skewX(-15deg)
}

.cateTop .en {
	display: block;
	font-style: italic
}

.cateTop .icon {
	background: no-repeat top center;
	display: table-cell;
	vertical-align: middle;
	-webkit-transform: skewX(15deg);
	transform: skewX(15deg)
}

@media only screen and (min-width: 769px) {
	.cateTop {
		margin-left: -40px
	}
	.cateTop .col {
		padding-bottom: 40px;
		padding-left: 40px
	}
	.cateTop .anchor {
		padding-top: 50px;
		height: 200px;
		background-size: 460px 200px;
		-webkit-transition: background-size 200ms ease;
		transition: background-size 200ms ease
	}
	.cateTop .anchor:hover {
		background-size: 540px 235px;
		-moz-background-size: 540px 235px;
		-ms-background-size: 540px 235px
	}
	.cateTop .ttl {
		padding-right: 20px;
		padding-left: 20px;
		min-width: 240px;
		height: 90px;
		font-size: 1.71429em
	}
	.cateTop .noEm {
		font-size: .83333em
	}
	.cateTop .en {
		margin-bottom: 5px;
		font-size: .75em
	}
	.cateTop .icon {
		padding-top: 5px;
		background-image: url(/img/common/icon/ttl_deco01_m.png)
	}
}

@media only screen and (max-width: 768px) {
	.cateTop .col {
		margin-top: 20px
	}
	.cateTop .col:first-child {
		margin-top: 0
	}
	.cateTop .anchor {
		padding-top: 30px;
		height: 126px
	}
	.cateTop .ttl {
		padding-right: 15px;
		padding-left: 15px;
		min-width: 150px;
		height: 60px;
		font-size: 1.14286em
	}
	.cateTop .noEm {
		font-size: .875em
	}
	.cateTop .en {
		margin-bottom: 5px;
		font-size: .75em
	}
	.cateTop .icon {
		background-image: url(/img/common/icon/ttl_deco01_l.png);
		background-size: 7px 7px
	}
}

.infoList:after {
	display: block;
	clear: both;
	content: ""
}

.infoList .anchor {
	display: block;
	color: #111;
	text-decoration: none
}

.infoList .img {
	margin-bottom: 10px;
	text-align: center
}

.infoList .img img {
	width: 100%;
	height: auto
}

.infoList .date {
	line-height: 1
}

.infoList .time {
	margin-top: 2px;
	margin-bottom: 5px;
	display: inline-block;
	color: #111;
	font-size: .85714em;
	line-height: 1;
	vertical-align: top
}

.infoList .tagIcon01 {
	margin-bottom: 5px
}

.infoList .name {
	margin-bottom: 5px;
	font-size: .85714em;
	font-weight: bold;
	line-height: 1.2
}

.infoList .text {
	color: #036;
	text-decoration: underline
}

.infoList .text.courseTag {
	font-size: .85714em
}

.infoList .name_st1-at {
	color: #264692
}

.infoList .name_sc {
	color: #856E1F
}

.infoList .name_si {
	color: #15856E
}

.infoList .name_si-marine {
	color: #14856D
}

.infoList .name_sb-management {
	color: #CA6B1E
}

.infoList .name_child {
	color: #D45968
}

@media only screen and (min-width: 769px) {
	.infoList {
		margin-left: -30px;
		margin-top: -25px
	}
	.infoList .col {
		margin-top: 25px;
		padding-left: 30px;
		width: 33.3%
	}
	.infoList .img {
		-webkit-transition: opacity 200ms ease;
		transition: opacity 200ms ease
	}
	.infoList .anchor:visited .text {
		color: #1F1144;
		text-decoration: underline
	}
	.infoList .anchor:hover .img {
		opacity: .7;
		filter: alpha(opacity=70)
	}
	.infoList .anchor:hover .text {
		text-decoration: none
	}
	.infoList .anchor:active .text {
		text-decoration: underline
	}
}

@media only screen and (max-width: 768px) {
	.infoList {
		margin-left: -15px
	}
	.infoList .col {
		box-sizing: border-box;
		margin-bottom: 15px;
		padding-left: 15px;
		width: 50%;
		float: left
	}
}

.formFlow01 {
	width: 100%;
	display: table
}

.formFlow01 li {
	box-sizing: border-box;
	width: 33.3%;
	display: table-cell;
	color: #CCC;
	text-align: center
}

.formFlow01 .bg {
	background-color: #707070;
	border-color: #707070;
	border-style: solid;
	display: block;
	-webkit-transform: skewX(-15deg);
	transform: skewX(-15deg)
}

.formFlow01 .txt {
	display: block;
	-webkit-transform: skewX(15deg);
	transform: skewX(15deg)
}

.formFlow01 .num {
	display: inline-block;
	text-shadow: 0 0 1px #707070;
	font-style: italic;
	vertical-align: middle
}

.formFlow01 .current {
	color: #111
}

.formFlow01 .current .bg {
	background-color: #FFF;
	border-color: #111
}

.formFlow01 .current .num {
	color: #DF0B20;
	text-shadow: 0 0 1px #DF0B20
}

@media only screen and (min-width: 769px) {
	.formFlow01 {
		margin-bottom: 40px
	}
	.formFlow01 li {
		padding-left: 10px;
		font-size: 1.28571em
	}
	.formFlow01 .bg {
		border-width: 2px
	}
	.formFlow01 .txt {
		padding-top: 5px
	}
	.formFlow01 .num {
		margin-top: -5px;
		margin-right: 5px;
		font-size: 1.77778em
	}
}

@media only screen and (max-width: 768px) {
	.formFlow01 {
		margin-bottom: 20px
	}
	.formFlow01 li {
		padding-left: 5px;
		font-size: .85714em
	}
	.formFlow01 .bg {
		border-width: 1px
	}
	.formFlow01 .txt {
		padding-top: 5px
	}
	.formFlow01 .num {
		margin-top: -5px;
		margin-right: 5px;
		font-size: 1.66667em
	}
}

.formTable01 .thCell label {
	position: relative
}

.formTable01 .required {
	padding: 2px 3px;
	background-color: #DF0B20;
	color: #FFF;
	font-weight: bold;
	line-height: 1
}

.formTable01 .notes {
	margin-top: 5px
}

.formTable01 .inputType,
.formTable01 textarea {
	box-sizing: border-box;
	width: 100%;
	padding: 0 5px
}

.formTable01 .selectType {
	box-sizing: border-box;
	padding: 0 5px
}

.formTable01 .radio label,
.formTable01 .check label {
	padding-left: 1em;
	display: table;
	cursor: pointer
}

.formTable01 .radio input,
.formTable01 .check input {
	margin-left: -1em
}

.formTable01 .address dt {
	padding-top: 5px;
	float: left;
	clear: left
}

.formTable01 .address dd {
	padding-top: 5px;
	padding-left: 70px
}

.formTable01 .address dl:first-child+dd {
	padding-top: 0
}

.formTable01 .addressLink {
	margin-left: 10px;
	display: inline-block;
	color: #036;
	text-decoration: underline;
	vertical-align: top;
	cursor: pointer
}

.formTable01 dl.error .thCell {
	background-color: #FFECEC;
	color: #DF0B1F
}

.formTable01 dl.error .errorTxt,
.formTable01 dl.error span.error {
	color: #DF0B1F
}

.submit01 li:first-child {
	margin-left: 0
}

@media only screen and (min-width: 769px) {
	.formTable01 .thCell label {
		display: block
	}
	.formTable01 .required {
		position: absolute;
		top: 0;
		right: 0;
		font-size: .85714em
	}
	.formTable01 .inputType,
	.formTable01 .selectType {
		height: 27px;
		line-height: 27px
	}
	.formTable01 .short {
		max-width: 160px
	}
	.formTable01 .long {
		max-width: 400px
	}
	.formTable01 textarea {
		height: 80px
	}
	.formTable01 .radio li {
		margin-right: 30px
	}
	.formTable01 .address textarea {
		height: 27px;
		line-height: 27px;
		overflow: hidden;
		resize: none
	}
	.formTable01 .addressLink:hover {
		text-decoration: none
	}
	.submit {
		margin-top: 40px
	}
	.submit li {
		margin-left: 40px
	}
}

@media only screen and (max-width: 768px) {
	.formTable01 .required {
		margin-left: 5px;
		display: inline-block;
		vertical-align: middle;
		font-size: .64286em
	}
	.formTable01 .inputType {
		height: 35px;
		font-size: 16px;
		line-height: 35px
	}
	.formTable01 textarea {
		height: 80px;
		font-size: 16px
	}
	.formTable01 .radio li {
		margin-right: 30px
	}
	.formTable01 select {
		width: 100%;
		font-size: 16px
	}
	.formTable01 .selectType {
		width: auto;
		height: 35px;
		font-size: 16px;
		line-height: 35px
	}
	.formTable01 .address .inputType {
		width: 90px
	}
	.formTable01 .address textarea {
		padding-top: 5px;
		padding-bottom: 5px;
		height: 60px
	}
	.formTable01 .addressLink {
		margin-top: 5px
	}
	.submit {
		margin-top: 20px
	}
	.submit li {
		margin-left: 10px
	}
}

@media only screen and (min-width: 769px) {
	.scrlBox .jspVerticalBar {
		width: 5px;
		background-color: #DDD
	}
	.scrlBox .jspTrack {
		background-color: #DDD
	}
	.scrlBox .jspDrag {
		background-color: #111
	}
	#index #subNavi.pc-hide{
		display: none
	}
}

#index #main,
#index #footer {
	display: none
}
#index .loopSlider {
	margin: 0 auto;
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden
}

#index .loopSlider:after {
	display: block;
	clear: both;
	content: ""
}

#index .loopSlider .slider {
	float: left;
	display: inline;
	overflow: hidden
}

#index .loopSlider .slider .slide {
	float: left;
	display: inline;
	overflow: hidden
}

#index .itemSlider {
	height: 180px
}

#index .itemSlider .slider {
	height: 180px
}

#index .itemSlider .slide {
	width: 256px;
	height: 180px
}

@media only screen and (min-width: 769px) {
	#index #gNavi {
		display: none
	}
	#index #subNavi {
		display: block;
		background-color: #FFF;
		margin-top: 10px
	}
	#index #subNavi .link {
		display: block;
		color: #111;
		text-decoration: none
	}
	#index #subNavi ul {
		margin-right: auto;
		margin-left: auto;
		border-right: 1px solid #DDD;
		display: table
	}
	#index #subNavi li {
		border-left: 1px solid #DDD;
		display: table-cell;
		vertical-align: middle
	}
	#index #subNavi:first-child+li .link {
		padding-left: 27px
	}
	#index #subNavi .link {
		padding: 4px 29px 5px;
		font-weight: bold;
		text-align: center;
		-webkit-transition: color 200ms ease;
		transition: color 200ms ease
	}
	#index #subNavi .link:hover {
		color: #DF0B20
	}
	#index #subNavi .link.current {
		color: #DF0B20
	}
	#index #subNavi .en {
		display: block;
		font-size: 1.2rem;
		font-style: italic;
		line-height: 1
	}
	#index #subNavi .txt {
		font-size: 1.5rem
	}
	#index #subNavi .sp {
		display: none
	}
	#index #subNavi .other {
		display: none
	}
	#index #main {
		padding-bottom: 0;
		width: auto;
		position: relative;
		z-index: 100
	}
	#index #conts {
		width: auto
	}
	#index .contsInner {
		margin-right: auto;
		margin-left: auto;
		width: 960px
	}
	#index .itemSlider {
		width: 100%
	}
	#index .button01 {
		padding: 3px 10px 2px
	}
}

@media only screen and (max-width: 768px) {
	#index #conts {
		padding: 0
	}
	#index .ttl01 {
		font-size: 1.14286em
	}
	#index .ttl01 .en {
		font-size: .75em
	}
	#index .contsInner {
		padding-right: 15px;
		padding-left: 15px
	}
	#index .button01 {
		width: auto
	}
	#index .itemSlider {
		width: 1000px
	}
}

#index #keyVisual {
	position: relative;
	overflow: visible
}

#index #keyVisual .loopSlider {
	width: 100%;
	height: 1080px
}

#index #keyVisual .slider {
	height: 1080px
}

#index #keyVisual .slide {
	width: 2304px;
	height: 1080px;
	background-image: url(/img/index/mv_img.jpg)
}

#index #keyVisual .slide {
	background-repeat: no-repeat;
	background-position: center
}

#index #keyVisual .link {
	width: 100%;
	height: 100%;
	position: relative
}

#index #keyVisual .link li {
	position: absolute;
	z-index: 10
}

#index #keyVisual .catch {
	width: 100%;
	position: absolute;
	left: 0;
	text-align: center
}

@media only screen and (min-width: 769px) {
	#index #keyVisual {
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom: 0;
		height: 797px
	}
	#index #keyVisual .link li {
		background-color: #FFF
	}
	#index #keyVisual .link a {
		display: block
	}
	#index #keyVisual .catch {
		top: 236px;
		z-index: 100
	}
	#index #keyVisual .slide01 {
		top: 0;
		left: 0
	}
	#index #keyVisual .slide02 {
		top: 0;
		left: 256px
	}
	#index #keyVisual .slide03 {
		top: 360px;
		left: 512px
	}
	#index #keyVisual .slide04 {
		top: 360px;
		left: 1024px
	}
	#index #keyVisual .slide05 {
		top: 0;
		left: 1280px
	}
	#index #keyVisual .slide06 {
		top: 360px;
		left: 1792px
	}
	#index #keyVisual .slide07 {
		top: 360px;
		right: 0
	}
}

@media only screen and (max-width: 768px) {
	#index #keyVisual {
		margin-bottom: 0;
		background-image: url(/img/index/mv_img_sp.jpg);
		background-repeat: repeat-x;
		background-size: 768px 270px;
		height: 270px;
		overflow: hidden
	}
	#index #keyVisual #visualSlider {
		opacity: 0;
		position: absolute;
		z-index: -9999
	}
	#index #keyVisual .catch {
		margin-left: -145px;
		width: 290px;
		top: 85px;
		left: 50%;
		z-index: 100
	}
	#index #keyVisual .catch img {
		width: 290px
	}
}

#index .mainVisual {
	position: relative;
	overflow: visible
}

#index .mainVisual .mainSlider a {
	display: block;
	-webkit-transition: opacity 300ms ease;
	transition: opacity 300ms ease;
	position: relative
}

#index .mainVisual .mainSlider a:hover {
	opacity: .7;
	filter: alpha(opacity=70)
}

#index .mainVisual .mainSlider .linkAnchor {
	position: absolute;
	right: 0;
	bottom: 0
}

#index .mainVisual .mainSlider .linkAnchor img {
	width: auto
}

@media only screen and (min-width: 769px) {
	#index .mainVisual {
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom: 0
	}
	#index .mainVisual .mainSlider a {
		margin: 0 20px
	}
}

@media only screen and (max-width: 768px) {
	#index .mainVisual .mainSlider .linkAnchor img {
		width: 130px;
		height: auto
	}
}

#index .banner {
	background-color: #FFF;
	text-align: center
}

#index .banner a {
	display: block;
	text-align: center
}

#index .banner a img {
	width: 100%;
	height: auto
}

@media only screen and (min-width: 769px) {
	#index .banner {
		padding: 40px 60px
	}
	#index .banner a {
		-webkit-transition: opacity 200ms ease;
		transition: opacity 200ms ease
	}
	#index .banner a:hover {
		opacity: .7;
		filter: alpha(opacity=70);
		text-decoration: none
	}
	#index .banner+.banner {
		padding-top: 0
	}
}

@media only screen and (max-width: 768px) {
	#index .banner {
		padding: 10px 15px 10px
	}
	#index .bannerArea {
		padding-top: 10px;
		margin-bottom: 20px
	}
}

#index #recommend .ttl01.noBorder {
	margin-bottom: 20px
}

#index #recommend .ttl01.noBorder:after {
	content: none
}

#index #recommend .recomConts {
	margin-bottom: 40px
}

#index #recommend .recomConts .recomBox .recomLink {
	height: 100%;
	display: block;
	border: 1px solid #ccc
}

#index #recommend .recomConts .recomBox .recomLink .imgArea img {
	width: 100%;
	height: auto
}

#index #recommend .recomConts .recomBox .recomLink .txtArea .recomTtl {
	font-weight: normal;
	color: #003366;
	line-height: 1.5
}

#index #recommend .recomConts .recomBox .recomLink:hover {
	opacity: .7;
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease
}

#index #recommend .button_mb {
	margin-bottom: 30px
}

@media only screen and (min-width: 769px) {
	#index #recommend .recomConts .fourColumn {
		margin-left: -30px
	}
	#index #recommend .recomConts .recomBox {
		padding-bottom: 30px;
		padding-left: 30px
	}
	#index #recommend .recomConts .recomBox .recomLink .txtArea {
		padding: 15px
	}
	#index #recommend .recomConts .recomBox .recomLink .txtArea .recomTtl {
		font-size: 1.4rem
	}
	#index #recommend .recomConts .scrlBox {
		box-sizing: border-box
	}
	#index #recommend .recomConts .scrlBox .frame {
		max-height: 504px;
		overflow: hidden
	}
	#index #recommend .recomConts .scrlBox .frame.jspScrollable {
		border: 1px solid #DDD
	}
	#index #recommend .recomConts .scrlBox .frame.jspScrollable .inner {
		padding: 30px
	}
	#index #recommend .recomConts .scrlBox .frame .inner {
		padding: 0 30px
	}
}

@media only screen and (max-width: 768px) {
	#index #recommend {
		margin-top: 15px
	}
	#index #recommend .recomConts {
		margin-bottom: 20px
	}
	#index #recommend .recomConts .fourColumn {
		margin-bottom: 20px;
		margin-left: -10px
	}
	#index #recommend .recomConts .fourColumn:after {
		display: block;
		clear: both;
		content: ""
	}
	#index #recommend .recomConts .fourColumn .recomBox {
		box-sizing: border-box;
		margin-top: 0;
		padding-left: 10px;
		padding-bottom: 10px;
		width: 50%;
		float: left
	}
	#index #recommend .recomConts .fourColumn .recomBox .recomLink .txtArea {
		padding: 10px
	}
	#index #recommend .recomConts .fourColumn .recomBox .recomLink .txtArea .recomTtl {
		font-size: 1.2rem
	}
}

#index #about {
	background-color: #FFF
}

#index #about .ttl01:after {
	display: none;
	content: none
}

#index #about .col .anchor {
	-webkit-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
	padding-top: 0;
	height: auto
}

#index #about .col .anchor img {
	width: 100%;
	height: auto
}

#index #about .col p {
	text-align: center
}

#index #about .shcool .anchor {
	background-image: url(/img/index/ban_licence.jpg)
}

#index #about .subject {
	margin: 0 auto;
	float: none;
	clear: both
}

#index #about .subject .anchor {
	position: relative
}

#index #about .subject .anchor .ttl {
	width: 240px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

#index #about .cateTop .anchor.licence {
	padding-top: 0
}

#index #about .cateTop .anchor.licence .ttl {
	background-color: transparent;
	-webkit-transform: none;
	transform: none
}

@media only screen and (min-width: 769px) {
	#index #about {
		padding-right: 60px;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 60px
	}
	#index #about .col p {
		padding-top: 10px;
		font-size: 1.07143em
	}
}

@media only screen and (max-width: 768px) {
	#index #about .col p {
		padding-top: 10px
	}
	#index #about .cateTop .anchor.licence .ttl img {
		width: auto;
		height: 126px
	}
	#index #about .subject {
		margin-bottom: 10px;
		margin-top: 20px
	}
}

#index #feature {
	background-image: url(/img/index/bg02.png)
}

@media only screen and (min-width: 769px) {
	#index #feature {
		padding-top: 50px;
		padding-bottom: 50px
	}
	#index #feature .column01 {
		margin-left: -30px
	}
	#index #feature .col {
		padding-left: 30px
	}
	#index #feature .sp {
		display: none
	}
}

@media only screen and (max-width: 768px) {
	#index #feature {
		padding: 30px 15px;
		background-size: 16px 16px
	}
	#index #feature .col {
		margin-top: 20px
	}
	#index #feature .col:first-child {
		margin-top: 0
	}
	#index #feature a {
		display: block
	}
	#index #feature img {
		width: 100%
	}
	#index #feature .pc {
		display: none
	}
}

#index #media .ttl01:after {
	display: none;
	content: none
}

#index #media .eintracht .anchor {
	background-image: url(/img/index/eintracht_img.jpg)
}

#index #news .scrlBox .frame {
	border-bottom: 1px dotted #DDD
}

@media only screen and (min-width: 769px) {
	#index #media {
		margin-bottom: 50px
	}
	#index #media:after {
		display: block;
		clear: both;
		content: ""
	}
	#index #media .twitter {
		width: 265px;
		float: right
	}
	#index #media .twitter iframe {
		height: 590px !important
	}
	#index #media .cateTop {
		clear: both
	}
	#index #media .eintracht {
		padding-top: 50px;
		padding-bottom: 20px;
		float: none
	}
	#index #media .eintracht .anchor {
		margin-right: auto;
		margin-left: auto;
		width: 455px
	}
	#index #media .eintracht .anchor+p {
		margin-right: auto;
		margin-left: auto;
		width: 485px;
		text-align: center
	}
	#index #news {
		width: 665px;
		float: left
	}
	#index #news .scrlBox {
		box-sizing: border-box;
		height: 590px;
		border: 1px solid #DDD
	}
	#index #news .scrlBox .frame {
		margin-bottom: 20px;
		height: 505px;
		overflow: hidden
	}
	#index #news .scrlBox .inner {
		margin-left: -10px;
		padding: 30px
	}
	#index #news .scrlBox .text {
		font-size: .92857em
	}
}

@media only screen and (max-width: 768px) {
	#index #media {
		padding-bottom: 30px
	}
	#index #media .twitter {
		margin-right: -15px;
		margin-left: -15px;
		padding: 0 15px 30px;
		background-image: url(/img/index/bg03.png);
		background-size: 20px 15px;
		text-align: center
	}
	#index #media .twitter iframe {
		margin-right: auto;
		margin-left: auto
	}
	#index #media .eintracht {
		padding-top: 25px
	}
	#index #news {
		padding-bottom: 25px
	}
	#index #news .scrlBox .frame {
		margin-bottom: 20px
	}
}

#index #information .ttl {
	text-align: center
}

#index #information .col {
	padding-right: 15px;
	padding-left: 15px
}

#index #information .banList:after {
	display: block;
	clear: both;
	content: ""
}

#index #information .banList li {
	float: left
}

#index #spSlider {
	margin-right: -15px;
	margin-left: -15px
}

#index #spSlider .slick-arrow {
	margin-top: -20px;
	width: 30px;
	height: 40px;
	background-color: rgba(0, 0, 0, 0.6);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 15px auto;
	position: absolute;
	top: 50%;
	z-index: 100;
	text-indent: -9999px
}

#index #spSlider .slick-arrow:before {
	border-style: solid;
	border-color: transparent;
	border-top-width: 20px;
	border-bottom-width: 20px;
	border-right-width: 6px;
	border-left-width: 6px;
	position: absolute;
	top: 0;
	content: ""
}

#index #spSlider .slick-prev {
	background-image: url(/img/common/icon/arrow_l01_l.png);
	left: 0
}

#index #spSlider .slick-prev:before {
	border-top-color: rgba(0, 0, 0, 0.6);
	border-left-color: rgba(0, 0, 0, 0.6);
	right: -12px
}

#index #spSlider .slick-next {
	background-image: url(/img/common/icon/arrow_r02_l.png);
	right: 0
}

#index #spSlider .slick-next:before {
	border-bottom-color: rgba(0, 0, 0, 0.6);
	border-right-color: rgba(0, 0, 0, 0.6);
	left: -12px
}

@media only screen and (min-width: 769px) {
	#index #information {
		padding-top: 30px;
		padding-bottom: 50px;
		background-image: url(/img/index/bg01.png)
	}
	#index #information .ttl {
		margin-bottom: 10px;
		font-size: 1.28571em
	}
	#index #information .img {
		margin-bottom: 10px
	}
	#index #information .img img {
		max-width: 100%;
		width: 100%;
		height: auto
	}
	#index #information .button01 {
		margin-top: 10px
	}
	#index #information .banList {
		margin-top: 40px;
		margin-bottom: 20px;
		margin-left: -20px
	}
	#index #information .banList li {
		padding-left: 20px
	}
	#index #spSlider {
		margin-right: -15px;
		margin-left: -15px
	}
	#index #spSlider .slick-arrow {
		cursor: pointer
	}
	#index #spSlider .slick-arrow:hover {
		opacity: 0.7
	}
	#index #spSlider .slick-prev {
		left: 15px
	}
	#index #spSlider .slick-next {
		right: 15px
	}
}

@media only screen and (max-width: 768px) {
	#index #information .contsInner {
		padding: 0
	}
	#index #information .col {
		width: 230px
	}
	#index #information .ttl {
		margin-bottom: 10px;
		font-size: 1.07143em
	}
	#index #information .img {
		margin-bottom: 10px
	}
	#index #information .img img {
		width: 100%
	}
	#index #information .button01 {
		margin-top: 10px
	}
	#index #information .bg {
		margin-top: 30px;
		padding: 40px 15px 40px;
		background-image: url(/img/index/bg01.png);
		background-size: 16px 16px
	}
	#index #information .banList {
		margin-right: auto;
		margin-left: auto;
		width: 300px;
		display: table
	}
	#index #information .banList li {
		padding: 5px
	}
	#index #information .banList img {
		width: 140px
	}
}

#index #students .ttl01:after {
	display: none;
	content: none
}

#index #studentsSlider .slide a {
	display: block;
	position: relative;
	text-decoration: none
}

#index #studentsSlider .tag {
	box-sizing: border-box;
	padding: 10px;
	padding-right: 5px;
	height: 54px;
	background-color: #DF0B1F;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	color: #FFF;
	font-size: .85714em;
	line-height: 1;
	font-weight: bold;
	text-align: center;
	font-style: italic;
	letter-spacing: -0.1em
}

#index #studentsSlider .tag:after {
	border-style: solid;
	border-color: transparent;
	border-top-color: #DF0B1F;
	border-left-color: #DF0B1F;
	border-top-width: 27px;
	border-right-width: 8px;
	border-bottom-width: 27px;
	border-left-width: 8px;
	position: absolute;
	top: 0;
	right: -16px;
	content: ""
}

#index #studentsSlider .num {
	margin-left: -5px;
	display: block;
	font-size: 2.33333em;
	line-height: 1;
	letter-spacing: normal
}

#index #studentsSlider .profile {
	box-sizing: border-box;
	padding-bottom: 10px;
	padding-left: 10px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
	color: #FFF;
	font-weight: bold;
	line-height: 1.3
}

#index #studentsSlider .profile span {
	display: block
}

@media only screen and (min-width: 769px) {
	#index #students {
		padding-bottom: 50px
	}
	#index #studentsSlider {
		margin-bottom: 20px
	}
}

@media only screen and (max-width: 768px) {
	#index #students {
		padding-bottom: 30px
	}
	#index #studentsSlider {
		margin-bottom: 20px
	}
}

#index #photoGallery {
	background-image: url(/img/index/bg03.png)
}

@media only screen and (min-width: 769px) {
	#index #photoGallery {
		padding-bottom: 50px
	}
	#index #photoSlider {
		margin-bottom: 20px
	}
}

@media only screen and (max-width: 768px) {
	#index #photoGallery {
		padding-bottom: 25px;
		background-size: 20px 15px
	}
	#index #photoSlider {
		margin-bottom: 20px
	}
}

#index #campuslife .style .anchor {
	background-image: url(/img/index/style_img.jpg)
}

@media only screen and (min-width: 769px) {
	#index #campuslife {
		padding-bottom: 50px
	}
	#index #campuslife .style {
		padding-top: 50px;
		padding-bottom: 20px;
		float: none
	}
	#index #campuslife .style .anchor {
		margin-right: auto;
		margin-left: auto;
		width: 455px
	}
	#index #campuslife .style .anchor+p {
		margin-right: auto;
		margin-left: auto;
		width: 485px;
		text-align: center
	}
}

@media only screen and (max-width: 768px) {
	#index #campuslife {
		padding-bottom: 30px
	}
	#index #campuslife .style {
		padding: 30px 15px 0
	}
}

#index #cooperation .ttl01:after {
	display: none;
	content: none
}

#index #cooperation ul {
	text-align: center;
	letter-spacing: -0.4em
}

#index #cooperation li {
	display: inline-block;
	letter-spacing: normal
}

#index #cooperation img {
	height: auto
}

@media only screen and (min-width: 769px) {
	#index #cooperation {
		padding-bottom: 40px
	}
	#index #cooperation ul {
		margin-right: -10px;
		margin-left: -10px
	}
	#index #cooperation li {
		margin-bottom: 20px;
		padding-right: 10px;
		padding-left: 10px;
		width: 135px
	}
	#index #cooperation img {
		width: 135px
	}
	#index #cooperation .smallSize img {
		width: auto;
		height: 40px
	}
	#index #cooperation .column05 li {
		width: 145px
	}
}

@media only screen and (max-width: 768px) {
	#index #cooperation {
		padding: 0;
		padding-bottom: 20px
	}
	#index #cooperation li {
		margin-bottom: 10px;
		padding-right: 10px;
		padding-left: 10px;
		width: 84px
	}
	#index #cooperation img {
		width: 84px
	}
	#index #cooperation .smallSize img {
		width: auto;
		height: 25px
	}
}

#school-index #main {
	padding-bottom: 55px
}

#school-index #main #keyVisual {
	background-image: url(/img/school/index/main_img.jpg)
}

#school-index #main #keyVisual .bg:before {
	background-image: url(/img/school/index/main_img.jpg);
	background-position: 25.8% 42%
}

#school-index #main .cateTop .link01 {
	background-image: url(/img/school/index/img01.jpg)
}

#school-index #main .cateTop .link02 {
	background-image: url(/img/school/index/img02.jpg)
}

#school-index #main .cateTop .link03 {
	background-image: url(/img/school/index/img03.jpg)
}

#school-index #main .cateTop .link04 {
	background-image: url(/img/school/index/img04.jpg)
}

#school-index #main .cateTop .link05 {
	background-image: url(/img/school/index/img05.jpg)
}

#school-index #main .cateTop .link06 {
	background-image: url(/img/school/index/img06.jpg)
}

#school-index #main .cateTop .link07 {
	background-image: url(/img/school/index/img07.jpg)
}

#school-index #main .cateTop .link08 {
	background-image: url(/img/school/index/img08.jpg)
}

#school-index #main .cateTop .link09 {
	background-image: url(/img/school/index/img09.jpg)
}

#school-index #main .cateTop .lastChild {
	padding-bottom: 0
}

@media only screen and (max-width: 768px) {
	#school-index #main {
		padding-bottom: 27px
	}
	#school-index #main .cateTop .anchor {
		background-size: 100% auto
	}
}

#school-greeting #main {
	padding-bottom: 55px
}

#school-greeting #main #keyVisual {
	background-image: url(/img/school/greeting/main_img.jpg)
}

#school-greeting #main #keyVisual .bg:before {
	background-image: url(/img/school/greeting/main_img.jpg)
}

#school-greeting #main #conts {
	margin: 0 auto;
	width: 700px
}

#school-greeting #main #conts .greeting:after {
	display: block;
	clear: both;
	content: ""
}

#school-greeting #main #conts .greeting .img {
	padding-left: 20px;
	width: 200px;
	float: right
}

#school-greeting #main #conts .greeting .img>p {
	margin-top: 5px;
	margin-bottom: 0;
	text-align: right;
	font-size: .85714em
}

#school-greeting #main #conts .greeting p {
	margin-bottom: 20px
}

#school-greeting #main #conts .greeting p.txt {
	margin-bottom: 10px
}

#school-greeting #main #conts .name {
	display: none
}

#school-greeting #main #conts>p {
	margin: 25px 0
}

#school-greeting #main #conts>p.lastChild {
	margin: 0
}

#school-greeting #main #conts .basicTable01 dt {
	text-align: center
}

#school-greeting #main #conts .basicTable01 dt span {
	font-weight: normal
}

@media only screen and (max-width: 768px) {
	#school-greeting #main {
		padding-bottom: 27px
	}
	#school-greeting #main #conts {
		width: auto
	}
	#school-greeting #main #conts .greeting {
		margin-bottom: 12px
	}
	#school-greeting #main #conts .greeting .img {
		margin-bottom: 10px;
		padding-left: 0;
		width: auto;
		float: none;
		text-align: center
	}
	#school-greeting #main #conts .greeting .spHide {
		display: none
	}
	#school-greeting #main #conts .greeting p {
		margin-bottom: 5px
	}
	#school-greeting #main #conts .greeting p.txt {
		margin-bottom: 5px
	}
	#school-greeting #main #conts .name {
		display: block;
		text-align: right
	}
	#school-greeting #main #conts>p {
		margin: 12px 0
	}
	#school-greeting #main #conts>p.lastChild {
		margin: 0
	}
}

#school-about #main {
	padding-bottom: 55px
}

#school-about #main #keyVisual {
	background-image: url(/img/school/about/main_img.jpg)
}

#school-about #main #keyVisual .bg:before {
	background-image: url(/img/school/about/main_img.jpg);
	background-position: 26.2% 42%
}

#school-about #main #conts {
	margin: 0 auto;
	width: 700px
}

#school-about #main #conts .lead {
	margin-bottom: 45px;
	color: #B90A19;
	font-size: 1.42857em;
	font-weight: bold;
	line-height: 1.3;
	text-align: center
}

#school-about #main #conts #vision,
#school-about #main #conts #goal {
	padding-bottom: 45px
}

#school-about #main #conts #vision .img,
#school-about #main #conts #goal .img {
	padding-left: 10px;
	float: right
}

#school-about #main #conts #vision .txt,
#school-about #main #conts #goal .txt {
	margin-bottom: 25px
}

@media only screen and (max-width: 768px) {
	#school-about #main {
		padding-bottom: 27px
	}
	#school-about #main #conts {
		width: auto
	}
	#school-about #main #conts .lead {
		margin-bottom: 22px
	}
	#school-about #main #conts #vision,
	#school-about #main #conts #goal {
		padding-bottom: 22px
	}
	#school-about #main #conts #vision .img,
	#school-about #main #conts #goal .img {
		margin-bottom: 10px;
		padding-left: 0;
		float: none;
		text-align: center
	}
	#school-about #main #conts #vision .txt,
	#school-about #main #conts #goal .txt {
		margin-bottom: 7px
	}
}

#school-access #main {
	padding-bottom: 55px
}

#school-access #main #keyVisual {
	background-image: url(/img/school/access/main_img.jpg)
}

#school-access #main #keyVisual .bg:before {
	background-image: url(/img/school/access/main_img.jpg);
	background-position: 26.6% 42%
}

#school-access #main #conts {
	margin: 0 auto;
	width: 700px
}

#school-access #main #conts #comSection,
#school-access #main #conts .comSection {
	text-align: center;
	padding-bottom: 40px
}

#school-access #main #conts #comSection.far,
#school-access #main #conts .comSection.far {
	padding-bottom: 0;
	text-align: left
}

#school-access #main #conts #comSection.far .farTtl,
#school-access #main #conts .comSection.far .farTtl {
	margin-bottom: 10px;
	font-size: 1.42857em;
	color: #BA0A1A;
	font-weight: bold
}

#school-access #main #conts #comSection.far .imgBox .txt,
#school-access #main #conts .comSection.far .imgBox .txt {
	float: left;
	width: 530px
}

#school-access #main #conts #comSection.far .imgBox .txt p+p,
#school-access #main #conts .comSection.far .imgBox .txt p+p {
	margin-top: 10px
}

#school-access #main #conts #comSection.far .imgBox .img,
#school-access #main #conts .comSection.far .imgBox .img {
	float: right;
	width: 150px
}

#school-access #main #conts #comSection.far .imgBox .img span,
#school-access #main #conts .comSection.far .imgBox .img span {
	margin-top: 5px;
	display: block;
	font-size: .85714em;
	text-align: center
}

#school-access #main #conts #comSection.far .imgBox .img:first-child,
#school-access #main #conts .comSection.far .imgBox .img:first-child {
	margin-right: 20px
}

#school-access #main #conts .station>p {
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	width: 600px;
	text-align: left
}

@media only screen and (max-width: 768px) {
	#school-access #main {
		padding-bottom: 27px
	}
	#school-access #main #conts {
		width: auto
	}
	#school-access #main #conts #accessMap iframe {
		width: 100%;
		height: 225px
	}
	#school-access #main #conts #comSection {
		padding-bottom: 20px
	}
	#school-access #main #conts #comSection>img,
	#school-access #main #conts #comSection iframe {
		width: 100%;
		height: auto
	}
	#school-access #main #conts #comSection.far .farTtl {
		margin-bottom: 5px
	}
	#school-access #main #conts #comSection.far .imgBox {
		float: none;
		width: auto
	}
	#school-access #main #conts #comSection.far .imgBox .txt {
		margin-bottom: 10px;
		float: none;
		width: auto
	}
	#school-access #main #conts #comSection.far .imgBox .img {
		width: auto;
		float: none;
		text-align: center
	}
	#school-access #main #conts #comSection.far .imgBox .img span {
		margin-top: 5px;
		display: block;
		font-size: .85714em;
		text-align: center
	}
	#school-access #main #conts #comSection.far .imgBox .img:first-child {
		margin-right: 10px
	}
}

#school-media #main {
	padding-bottom: 55px
}

#school-media #main #keyVisual {
	background-image: url("/img/school/media/main_img.jpg")
}

#school-media #main #keyVisual .bg:before {
	background-image: url("/img/school/media/main_img.jpg")
}

#school-media #main:first-child .ttl01 {
	margin-top: 0
}

#school-media #main .ttl01 {
	margin-top: 35px
}

#school-media #main .infoList .col {
	width: 25%
}

@media only screen and (max-width: 768px) {
	#school-media #main {
		padding-bottom: 27px
	}
	#school-media #main .ttl01 {
		margin-top: 25px
	}
	#school-media #main .infoList .col {
		width: 50%
	}
}

#school-facilities #main {
	padding-bottom: 55px
}

#school-facilities #main #keyVisual {
	background-image: url(/img/school/facilities/main_img.jpg)
}

#school-facilities #main #keyVisual .bg:before {
	background-image: url(/img/school/facilities/main_img.jpg);
	background-position: 25.8% 42%
}

#school-facilities #main .ttlTxt {
	display: block;
	color: #BA0A1A;
	font-size: 1.42857em;
	font-weight: bold;
	text-align: center
}

#school-facilities #main .lead {
	margin: 5px 0 12px;
	text-align: center
}

#school-facilities #main .column01 .col ,
#school-facilities #main .column01 .training {
	padding-bottom: 40px
}

#school-facilities #main .column01 span {
	margin: 12px 0 4px;
	display: block;
	color: #BA0A1A;
	font-size: 1.42857em;
	font-weight: bold
}

#school-facilities #main .column01 .col p {
	width: 464px
}

#school-facilities #main .column01 .col.col01 {
	padding-left: 20px
}

#school-facilities #main .trueIcon01 {
	margin-top: 8px
}

@media only screen and (max-width: 768px) {
	#school-facilities #main {
		padding-bottom: 27px
	}
	#school-facilities #main .lead {
		margin: 2px 0 6px
	}
	#school-facilities #main .column01 .col {
		padding-bottom: 15px
	}
	#school-facilities #main .column01 .col img {
		width: 100%;
		height: auto
	}
	#school-facilities #main .column01 .col span {
		margin: 6px 0 2px
	}
	#school-facilities #main .column01 .col p {
		width: auto
	}
	#school-facilities #main .column01 .col.col01 {
		padding-left: 0
	}
	#school-facilities #main .trueIcon01 {
		margin-top: 4px
	}
}

#school-teacher #main {
	padding-bottom: 60px
}

#school-teacher #main #keyVisual {
	background-image: url(/img/school/teacher/main_img.jpg)
}

#school-teacher #main #keyVisual .bg:before {
	background-image: url(/img/school/teacher/main_img.jpg);
	background-position: 25.8% 42%
}

#school-teacher #main .anchorArea:after {
	content: "";
	display: block;
	clear: both
}

#school-teacher #main .anchorArea li {
	height: 120px;
	float: left;
	display: table
}

#school-teacher #main .anchorArea li a {
	display: table-cell;
	width: 155px;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	vertical-align: middle;
	background: #F0F0F0;
	padding: 30px 0 20px;
	border-top: 4px solid;
	text-decoration: none;
	position: relative
}

#school-teacher #main .anchorArea li a:before {
	content: "";
	width: 20px;
	height: 20px;
	background: no-repeat 0 0;
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	margin: 0 auto
}

#school-teacher #main .anchorArea li a:after {
	content: "";
	width: 10px;
	height: 10px;
	background: no-repeat 0 0;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 10px;
	margin: 0 auto
}

#school-teacher #main .anchorArea li.sbj01 a {
	color: #274894;
	border-color: #274894
}

#school-teacher #main .anchorArea li.sbj01 a:before {
	width: 22px;
	height: 22px;
	background-image: url("/img/school/teacher/navi_icon01.png")
}

#school-teacher #main .anchorArea li.sbj01 a:after {
	background-image: url("/img/school/teacher/arrow01.png")
}

#school-teacher #main .anchorArea li.sbj02 a {
	color: #866F20;
	border-color: #866F20
}

#school-teacher #main .anchorArea li.sbj02 a:before {
	background-image: url("/img/school/teacher/navi_icon02.png")
}

#school-teacher #main .anchorArea li.sbj02 a:after {
	background-image: url("/img/school/teacher/arrow02.png")
}

#school-teacher #main .anchorArea li.sbj03 a {
	color: #16856F;
	border-color: #16856F
}

#school-teacher #main .anchorArea li.sbj03 a:before {
	background-image: url("/img/school/teacher/navi_icon03.png")
}

#school-teacher #main .anchorArea li.sbj03 a:after {
	background-image: url("/img/school/teacher/arrow03.png")
}

#school-teacher #main .anchorArea li.sbj04 a {
	color: #16856F;
	border-color: #16856F
}

#school-teacher #main .anchorArea li.sbj04 a:before {
	background-image: url("/img/school/teacher/navi_icon04.png")
}

#school-teacher #main .anchorArea li.sbj04 a:after {
	background-image: url("/img/school/teacher/arrow04.png")
}

#school-teacher #main .anchorArea li.sbj05 a {
	color: #CA6B1E;
	border-color: #CA6B1E
}

#school-teacher #main .anchorArea li.sbj05 a:before {
	background-image: url("/img/school/teacher/navi_icon05.png")
}

#school-teacher #main .anchorArea li.sbj05 a:after {
	background-image: url("/img/school/teacher/arrow05.png")
}

#school-teacher #main .anchorArea li.sbj06 a {
	color: #F19A07;
	border-color: #F19A07
}

#school-teacher #main .anchorArea li.sbj06 a:before {
	background-image: url("/img/school/teacher/navi_icon06.png")
}

#school-teacher #main .anchorArea li.sbj06 a:after {
	background-image: url("/img/school/teacher/arrow06.png")
}

#school-teacher #main .anchorArea li+li {
	margin-left: 5px
}

#school-teacher #main .subject {
	margin-top: 40px
}

#school-teacher #main .ttlSub {
	display: table;
	width: 100%;
	height: 116px
}

#school-teacher #main .ttlSub span {
	display: table-cell;
	color: #FFF;
	font-size: 2.14286em;
	font-weight: bold;
	vertical-align: middle;
	padding-left: 110px;
	position: relative
}

#school-teacher #main .ttlSub span:before {
	content: "";
	width: 58px;
	height: 58px;
	background: no-repeat 0 0;
	position: absolute;
	top: 30px;
	left: 30px
}

#school-teacher #main .ttlSub span:after {
	content: "";
	height: 44px;
	background: no-repeat 0 0;
	position: absolute;
	right: 0;
	bottom: 0
}

#school-teacher #main .teacherBox {
	background: #F0F0F0;
	margin-top: 20px;
	position: relative;
	overflow: hidden
}

#school-teacher #main .teacherBox:before {
	content: "";
	width: 0;
	height: 0;
	border-top: 138px solid transparent;
	border-left: 45px solid transparent;
	border-right: 45px solid transparent;
	border-bottom: 138px solid transparent;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.1
}

#school-teacher #main .teacherBox .nameBox {
	display: table;
	width: 920px;
	padding: 20px;
	position: relative;
	cursor: pointer
}

#school-teacher #main .teacherBox .nameBox .photo {
	display: table-cell;
	width: 77px
}

#school-teacher #main .teacherBox .nameBox .txt {
	display: table-cell;
	font-weight: bold;
	vertical-align: middle;
	background: no-repeat right center;
	padding-left: 20px
}

#school-teacher #main .teacherBox .nameBox .txt .catch {
	font-size: 1.42857em;
	line-height: 1.2;
	padding-bottom: 5px;
	position: relative
}

#school-teacher #main .teacherBox .nameBox .txt .name {
	line-height: 1.5
}

#school-teacher #main .teacherBox .nameBox .txt .name span {
	font-size: 1.21429em
}

#school-teacher #main .teacherBox .contsBox {
	display: none;
	padding: 0 20px 20px;
	position: relative
}

#school-teacher #main .teacherBox .contsBox .pc {
	display: block
}

#school-teacher #main .teacherBox .contsBox .sp {
	display: none
}

#school-teacher #main .teacherBox .contsBox span.pc {
	display: inline
}

#school-teacher #main .teacherBox .contsBox .inner {
	padding: 30px;
	background: #FFF
}

#school-teacher #main .teacherBox .contsBox .inner .fltBox:after {
	content: "";
	display: block;
	clear: both
}

#school-teacher #main .teacherBox .contsBox .inner .fltBox .txt {
	float: left;
	width: 470px
}

#school-teacher #main .teacherBox .contsBox .inner .fltBox .photo {
	float: right
}

#school-teacher #main .teacherBox .contsBox .inner .fltBox+p {
	line-height: 1.75;
	margin-top: 20px
}

#school-teacher #main .teacherBox .contsBox .inner .catch {
	font-size: 1.71429em;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 10px
}

#school-teacher #main .teacherBox .contsBox .inner ul li {
	line-height: 1.75;
	padding-left: 10px;
	position: relative
}

#school-teacher #main .teacherBox .contsBox .inner ul li:after {
	content: "";
	width: 5px;
	height: 5px;
	background: #DF0B20;
	position: absolute;
	top: 0.5em;
	left: 0
}

#school-teacher #main .teacherBox .contsBox .inner ul+.listTtl {
	margin-top: 10px
}

#school-teacher #main .teacherBox .contsBox .inner .labelBox {
	margin-top: 30px;
	background: #f0f0f0;
	padding: 30px 20px 20px;
	position: relative
}

#school-teacher #main .teacherBox .contsBox .inner .labelBox .ttl {
	width: 50px;
	height: 30px;
	color: #fff;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
	position: absolute;
	top: -15px;
	left: 0
}

#school-teacher #main .teacherBox .contsBox .inner .labelBox .ttl:after {
	content: "";
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 15px solid transparent;
	position: absolute;
	top: 0;
	left: 50px
}

#school-teacher #main .teacherBox .contsBox .inner .labelBox .listTtl {
	font-weight: bold
}

#school-teacher #main .linkArea {
	margin-top: 20px;
	position: relative
}

#school-teacher #main .linkArea .other {
	position: absolute;
	top: 0;
	right: 5px;
	margin: 0
}

#school-teacher #main .linkArea .other .icon:after {
	background-image: url("/img/common/icon/arrow_t01_s.png")
}

#school-teacher #main #subject01 .ttlSub {
	background: url("/img/school/teacher/mosaic01.png") no-repeat 0 0 #274894
}

#school-teacher #main #subject01 .ttlSub span:before {
	background-image: url("/img/school/teacher/ttl_icon01.png")
}

#school-teacher #main #subject01 .ttlSub span:after {
	width: 482px;
	background-image: url("/img/school/teacher/sub_ttl01.png")
}

#school-teacher #main #subject01 .teacherBox:before {
	border-top-color: #16398B;
	border-left-color: #16398B
}

#school-teacher #main #subject01 .teacherBox .nameBox .txt {
	background-image: url("/img/school/teacher/tab_open01.png")
}

#school-teacher #main #subject01 .teacherBox .nameBox .txt .catch {
	color: #162E75
}

#school-teacher #main #subject01 .teacherBox .nameBox.open .txt {
	background-image: url("/img/school/teacher/tab_close01.png")
}

#school-teacher #main #subject01 .teacherBox .contsBox .inner .catch {
	color: #264692
}

#school-teacher #main #subject01 .teacherBox .contsBox .inner .labelBox .ttl {
	background: #274894
}

#school-teacher #main #subject01 .teacherBox .contsBox .inner .labelBox .ttl:after {
	border-top-color: #274894;
	border-left-color: #274894
}

#school-teacher #main #subject02 .ttlSub {
	background: url("/img/school/teacher/mosaic02.png") no-repeat 0 0 #866F20
}

#school-teacher #main #subject02 .ttlSub span:before {
	background-image: url("/img/school/teacher/ttl_icon02.png")
}

#school-teacher #main #subject02 .ttlSub span:after {
	width: 428px;
	background-image: url("/img/school/teacher/sub_ttl02.png")
}

#school-teacher #main #subject02 .teacherBox:before {
	border-top-color: #866F20;
	border-left-color: #866F20
}

#school-teacher #main #subject02 .teacherBox .nameBox .txt {
	background-image: url("/img/school/teacher/tab_open02.png")
}

#school-teacher #main #subject02 .teacherBox .nameBox .txt .catch {
	color: #856C1F
}

#school-teacher #main #subject02 .teacherBox .nameBox.open .txt {
	background-image: url("/img/school/teacher/tab_close02.png")
}

#school-teacher #main #subject02 .teacherBox .contsBox .inner .catch {
	color: #856C1F
}

#school-teacher #main #subject02 .teacherBox .contsBox .inner .labelBox .ttl {
	background: #866F20
}

#school-teacher #main #subject02 .teacherBox .contsBox .inner .labelBox .ttl:after {
	border-top-color: #866F20;
	border-left-color: #866F20
}

#school-teacher #main #subject02 .teacherBox .contsBox .inner .fltBox+.fltBox .labelBox {
	float: left;
	width: 375px
}

#school-teacher #main #subject02 .teacherBox .contsBox .inner .fltBox+.fltBox .labelBox .ttl {
	width: 60px
}

#school-teacher #main #subject02 .teacherBox .contsBox .inner .fltBox+.fltBox .labelBox .ttl:after {
	left: 60px
}

#school-teacher #main #subject02 .teacherBox .contsBox .inner .fltBox+.fltBox .labelBox+.labelBox {
	float: right
}

#school-teacher #main #subject03 .ttlSub {
	background: url("/img/school/teacher/mosaic03.png") no-repeat 0 0 #16856F
}

#school-teacher #main #subject03 .ttlSub span:before {
	height: 56px;
	background-image: url("/img/school/teacher/ttl_icon03.png")
}

#school-teacher #main #subject03 .ttlSub span:after {
	width: 590px;
	background-image: url("/img/school/teacher/sub_ttl03.png")
}

#school-teacher #main #subject03 .teacherBox:before {
	border-top-color: #16856F;
	border-left-color: #16856F
}

#school-teacher #main #subject03 .teacherBox .nameBox .txt {
	background-image: url("/img/school/teacher/tab_open03.png")
}

#school-teacher #main #subject03 .teacherBox .nameBox .txt .catch {
	color: #13856C
}

#school-teacher #main #subject03 .teacherBox .nameBox.open .txt {
	background-image: url("/img/school/teacher/tab_close03.png")
}

#school-teacher #main #subject03 .teacherBox .contsBox .inner .catch {
	color: #13856C
}

#school-teacher #main #subject03 .teacherBox .contsBox .inner .labelBox .ttl {
	background: #16856F
}

#school-teacher #main #subject03 .teacherBox .contsBox .inner .labelBox .ttl:after {
	border-top-color: #16856F;
	border-left-color: #16856F
}

#school-teacher #main #subject04 .ttlSub {
	background: url("/img/school/teacher/mosaic03.png") no-repeat 0 0 #16856F
}

#school-teacher #main #subject04 .ttlSub span:before {
	background-image: url("/img/school/teacher/ttl_icon04.png")
}

#school-teacher #main #subject04 .ttlSub span:after {
	width: 774px;
	background-image: url("/img/school/teacher/sub_ttl04.png")
}

#school-teacher #main #subject04 .teacherBox:before {
	border-top-color: #16856F;
	border-left-color: #16856F
}

#school-teacher #main #subject04 .teacherBox .nameBox .txt {
	background-image: url("/img/school/teacher/tab_open03.png")
}

#school-teacher #main #subject04 .teacherBox .nameBox .txt .catch {
	color: #13856C
}

#school-teacher #main #subject04 .teacherBox .nameBox.open .txt {
	background-image: url("/img/school/teacher/tab_close03.png")
}

#school-teacher #main #subject04 .teacherBox .contsBox .inner .catch {
	color: #13856C
}

#school-teacher #main #subject04 .teacherBox .contsBox .inner .labelBox .ttl {
	background: #16856F
}

#school-teacher #main #subject04 .teacherBox .contsBox .inner .labelBox .ttl:after {
	border-top-color: #16856F;
	border-left-color: #16856F
}

#school-teacher #main #subject05 .ttlSub {
	background: url("/img/school/teacher/mosaic05.png") no-repeat 0 0 #CA6B1E
}

#school-teacher #main #subject05 .ttlSub span:before {
	background-image: url("/img/school/teacher/ttl_icon05.png")
}

#school-teacher #main #subject05 .ttlSub span:after {
	width: 516px;
	background-image: url("/img/school/teacher/sub_ttl05.png")
}

#school-teacher #main #subject05 .teacherBox:before {
	border-top-color: #CA6B1E;
	border-left-color: #CA6B1E
}

#school-teacher #main #subject05 .teacherBox .nameBox .txt {
	background-image: url("/img/school/teacher/tab_open05.png")
}

#school-teacher #main #subject05 .teacherBox .nameBox .txt .catch {
	color: #CA6B1E
}

#school-teacher #main #subject05 .teacherBox .nameBox.open .txt {
	background-image: url("/img/school/teacher/tab_close05.png")
}

#school-teacher #main #subject05 .teacherBox .contsBox .inner .catch {
	color: #CA6B1E
}

#school-teacher #main #subject05 .teacherBox .contsBox .inner .labelBox .ttl {
	background: #CA6B1E
}

#school-teacher #main #subject05 .teacherBox .contsBox .inner .labelBox .ttl:after {
	border-top-color: #CA6B1E;
	border-left-color: #CA6B1E
}

#school-teacher #main #subject06 .ttlSub {
	background: url("/img/school/teacher/mosaic06.png") no-repeat 0 0 #F19A07
}

#school-teacher #main #subject06 .ttlSub span:before {
	height: 56px;
	background-image: url("/img/school/teacher/ttl_icon06.png")
}

#school-teacher #main #subject06 .ttlSub span:after {
	width: 518px;
	background-image: url("/img/school/teacher/sub_ttl06.png")
}

#school-teacher #main #subject06 .teacherBox:before {
	border-top-color: #F19A07;
	border-left-color: #F19A07
}

#school-teacher #main #subject06 .teacherBox .nameBox .txt {
	background-image: url("/img/school/teacher/tab_open06.png")
}

#school-teacher #main #subject06 .teacherBox .nameBox .txt .catch {
	color: #F19A07
}

#school-teacher #main #subject06 .teacherBox .nameBox.open .txt {
	background-image: url("/img/school/teacher/tab_close06.png")
}

#school-teacher #main #subject06 .teacherBox .contsBox .inner .catch {
	color: #F19A07
}

#school-teacher #main #subject06 .teacherBox .contsBox .inner .labelBox .ttl {
	background: #F19A07
}

#school-teacher #main #subject06 .teacherBox .contsBox .inner .labelBox .ttl:after {
	border-top-color: #F19A07;
	border-left-color: #F19A07
}

@media only screen and (max-width: 768px) {
	#school-teacher #main {
		padding-bottom: 27px
	}
	#school-teacher #main .ttl01 {
		margin-bottom: 20px
	}
	#school-teacher #main .anchorArea li {
		width: 32.0689655%;
		margin-bottom: 5px
	}
	#school-teacher #main .anchorArea li a {
		height: 32px;
		font-size: .64286em;
		padding-top: 22px;
		padding-bottom: 16px;
		border-width: 3px
	}
	#school-teacher #main .anchorArea li a:before {
		width: 15px;
		height: 15px;
		background-size: 15px;
		top: 7px
	}
	#school-teacher #main .anchorArea li a:after {
		width: 8px;
		height: 8px;
		background-size: 8px;
		bottom: 8px
	}
	#school-teacher #main .anchorArea li.sbj02 {
		width: 32.4137931%
	}
	#school-teacher #main .anchorArea li.sbj04 {
		margin-left: 0
	}
	#school-teacher #main .anchorArea li.sbj05 {
		width: 32.4137931%
	}
	#school-teacher #main .subject {
		margin-top: 25px
	}
	#school-teacher #main .ttlSub {
		height: 58px;
		background-size: contain !important
	}
	#school-teacher #main .ttlSub span {
		font-size: 1.14286em;
		padding-left: 55px
	}
	#school-teacher #main .ttlSub span:before {
		width: 29px;
		height: 29px;
		background-size: contain;
		position: absolute;
		top: 15px;
		left: 15px
	}
	#school-teacher #main .ttlSub span:after {
		height: 22px;
		background-size: contain
	}
	#school-teacher #main .teacherBox {
		margin-top: 10px
	}
	#school-teacher #main .teacherBox:before {
		border-top-width: 69px;
		border-left-width: 22px;
		border-right-width: 22px;
		border-bottom-width: 69px
	}
	#school-teacher #main .teacherBox .nameBox {
		box-sizing: border-box;
		width: 100%;
		padding: 10px
	}
	#school-teacher #main .teacherBox .nameBox .photo {
		width: 38px
	}
	#school-teacher #main .teacherBox .nameBox .photo img {
		width: 100%
	}
	#school-teacher #main .teacherBox .nameBox .txt {
		background-position: right 15px;
		background-size: 7px 9px;
		padding-left: 10px
	}
	#school-teacher #main .teacherBox .nameBox .txt .catch {
		font-size: 1em;
		line-height: 1.3;
		padding-right: 10px
	}
	#school-teacher #main .teacherBox .nameBox .txt .name {
		font-size: .71429em
	}
	#school-teacher #main .teacherBox .nameBox .txt .name span {
		font-size: 1.2em
	}
	#school-teacher #main .teacherBox .contsBox {
		padding: 0 10px 10px
	}
	#school-teacher #main .teacherBox .contsBox .pc {
		display: none
	}
	#school-teacher #main .teacherBox .contsBox .sp {
		display: block
	}
	#school-teacher #main .teacherBox .contsBox span.pc {
		display: none
	}
	#school-teacher #main .teacherBox .contsBox .inner {
		padding: 10px 15px 15px
	}
	#school-teacher #main .teacherBox .contsBox .inner .fltBox .txt,
	#school-teacher #main .teacherBox .contsBox .inner .fltBox .photo {
		float: none;
		width: 100%
	}
	#school-teacher #main .teacherBox .contsBox .inner .fltBox .photo {
		text-align: center
	}
	#school-teacher #main .teacherBox .contsBox .inner .fltBox+p {
		line-height: 1.5;
		margin-top: 10px
	}
	#school-teacher #main .teacherBox .contsBox .inner .catch {
		font-size: 1em
	}
	#school-teacher #main .teacherBox .contsBox .inner ul {
		margin-right: -10px;
		margin-bottom: 10px
	}
	#school-teacher #main .teacherBox .contsBox .inner ul li {
		line-height: 1.5
	}
	#school-teacher #main .teacherBox .contsBox .inner ul li:after {
		top: 0.5em;
		margin-top: 0
	}
	#school-teacher #main .teacherBox .contsBox .inner .labelBox {
		margin-top: 20px;
		padding: 15px 10px 5px
	}
	#school-teacher #main .teacherBox .contsBox .inner .labelBox .ttl {
		width: 45px;
		height: 22px;
		font-size: .71429em;
		line-height: 22px;
		top: -11px
	}
	#school-teacher #main .teacherBox .contsBox .inner .labelBox .ttl:after {
		border-top-width: 11px;
		border-left-width: 4px;
		border-right-width: 4px;
		border-bottom-width: 11px;
		left: 45px
	}
	#school-teacher #main .teacherBox .contsBox .inner .labelBox p {
		font-size: .85714em;
		line-height: 1.5
	}
	#school-teacher #main .linkArea {
		padding: 0 5px;
		margin-top: 15px
	}
	#school-teacher #main .linkArea .other {
		display: none
	}
	#school-teacher #main #subject01 {
		margin-top: 20px
	}
	#school-teacher #main #subject01 .ttlSub span:after {
		width: 240px;
		background-image: url("/img/school/teacher/sub_ttl01_sp.png")
	}
	#school-teacher #main #subject02 .ttlSub span:after {
		width: 214px;
		background-image: url("/img/school/teacher/sub_ttl02_sp.png")
	}
	#school-teacher #main #subject02 .teacherBox .contsBox .inner .fltBox+.fltBox .labelBox {
		float: none;
		box-sizing: border-box;
		width: 100%
	}
	#school-teacher #main #subject02 .teacherBox .contsBox .inner .fltBox+.fltBox .labelBox .ttl {
		width: 50px
	}
	#school-teacher #main #subject02 .teacherBox .contsBox .inner .fltBox+.fltBox .labelBox .ttl:after {
		left: 50px
	}
	#school-teacher #main #subject02 .teacherBox .contsBox .inner .fltBox+.fltBox .labelBox+.labelBox {
		float: none
	}
	#school-teacher #main #subject03 .ttlSub span:before {
		height: 28px
	}
	#school-teacher #main #subject03 .ttlSub span:after {
		width: 282px;
		background-image: url("/img/school/teacher/sub_ttl03_sp.png")
	}
	#school-teacher #main #subject04 .ttlSub span:after {
		width: 290px;
		background-image: url("/img/school/teacher/sub_ttl04_sp.png")
	}
	#school-teacher #main #subject05 .ttlSub span:after {
		width: 258px;
		background-image: url("/img/school/teacher/sub_ttl05_sp.png")
	}
	#school-teacher #main #subject06 .ttlSub span:before {
		height: 28px
	}
	#school-teacher #main #subject06 .ttlSub span:after {
		width: 259px;
		background-image: url("/img/school/teacher/sub_ttl06_sp.png")
	}
}

#school-kokusai #main {
	padding-bottom: 55px
}

#school-kokusai #main #keyVisual {
	background-image: url(/img/school/kokusai/main_img.jpg)
}

#school-kokusai #main #keyVisual .bg:before {
	background-image: url(/img/school/kokusai/main_img.jpg);
	background-position: 25.9% 42%
}

#school-kokusai #main .txt {
	margin: 10px 0
}

#school-kokusai #main .comSection>p {
	margin-bottom: 25px
}

#school-kokusai #main .comSection .col {
	margin-bottom: 30px
}

#school-kokusai #main .comList {
	box-sizing: border-box;
	margin-bottom: 40px;
	padding: 10px 0 10px 35px;
	width: 100%;
	background: #F4F4F4;
	display: table
}

#school-kokusai #main .comList span,
#school-kokusai #main .comList .list {
	box-sizing: border-box;
	display: table-cell;
	text-align: left;
	vertical-align: middle
}

#school-kokusai #main .comList span {
	padding-right: 20px;
	width: 100px;
	border-right: 2px dotted #ccc;
	font-weight: bold
}

#school-kokusai #main .comList .list {
	padding: 5px 0 5px 30px
}

#school-kokusai #main .comList.lastChild {
	margin-bottom: 0
}

#school-kokusai #main #florida .comList span {
	padding: 35px 35px 35px 0
}

#school-kokusai #main #frankfurt .comList span,
#school-kokusai #main #hawaii .comList span {
	padding: 50px 35px 47px 0
}

@media only screen and (max-width: 768px) {
	#school-kokusai #main {
		padding-bottom: 27px
	}
	#school-kokusai #main #mainVisual:before {
		background-image: url("/img/school/kokusai/main_img.jpg")
	}
	#school-kokusai #main .txt {
		margin: 5px 0
	}
	#school-kokusai #main .comSection>p {
		margin-bottom: 12px
	}
	#school-kokusai #main .comSection .col {
		margin-bottom: 10px;
		box-sizing: border-box;
		padding-right: 5px;
		width: 50%;
		float: left
	}
	#school-kokusai #main .comSection .col img {
		width: 100%;
		height: auto
	}
	#school-kokusai #main .comSection .col.col01 {
		padding-left: 5px;
		padding-right: 0;
		float: right
	}
	#school-kokusai #main .comList {
		margin: 25px 0 40px 0;
		padding: 5px 10px;
		background: #F4F4F4;
		clear: both
	}
	#school-kokusai #main .comList span {
		width: auto;
		float: none;
		border-bottom: 1px dotted #666666;
		border-right: none
	}
	#school-kokusai #main .comList .list {
		padding: 5px 0 0 10px;
		float: none
	}
	#school-kokusai #main #florida .comList span {
		padding: 0
	}
	#school-kokusai #main #frankfurt .comList span,
	#school-kokusai #main #hawaii .comList span {
		padding: 0
	}
}

#school-whale #keyVisual {
	background-image: url(/img/school/whale/main_img.jpg)
}

#school-whale #keyVisual .bg:before {
	background-image: url(/img/school/whale/main_img.jpg);
	background-position: 26.9% 42%
}

#school-whale .ttl01::before {
	margin-bottom: 17px
}

#school-whale .ttl01::after {
	margin-top: 20px
}

#school-whale #conts .whaleBox {
	width: 706px;
	margin: 0 auto
}

#school-whale #conts .photo {
	margin-bottom: 38px;
	text-align: center
}

#school-whale #conts .photo .cap {
	margin-top: 15px
}

#school-whale #conts .ttl02 {
	margin-bottom: 8px
}

#school-whale #conts p {
	margin-bottom: 25px;
	line-height: 1.75
}

#school-whale #conts p span {
	font-weight: bold
}

@media only screen and (max-width: 768px) {
	#school-whale #mainVisual:before {
		background-size: 100% auto
	}
	#school-whale {
		min-width: 320px
	}
	#school-whale #conts .whaleBox {
		width: auto
	}
	#school-whale #conts .whaleBox .photo {
		margin-bottom: 19px
	}
	#school-whale #conts p {
		margin-bottom: 13px
	}
}

#school-support #keyVisual {
	background-image: url(/img/school/support/main_img.jpg)
}

#school-support #keyVisual .bg:before {
	background-image: url(/img/school/support/main_img.jpg);
	background-position: 28.5% 42%
}

#school-support .ttl01::before {
	margin-bottom: 17px
}

#school-support .ttl01::after {
	margin-top: 20px
}

#school-support #conts .supportBox {
	width: 700px;
	margin: 0 auto
}

#school-support #conts .ttl02 {
	margin-bottom: 12px
}

#school-support #conts .supportBox .imgBox {
	margin-bottom: 40px
}

#school-support #conts .supportBox .imgBox01 {
	margin-bottom: 85px
}

#school-support #conts .supportBox .imgBox .photoBox {
	float: right
}

#school-support #conts .supportBox .imgBox .textBox {
	margin-top: -5px;
	float: left;
	width: 525px
}

#school-support #conts .supportBox .imgBox .textBox .trueIcon01 {
	margin-top: 8px
}

#school-support #conts .supportBox .imgBox .textBox .txtLink01::before {
	background: url(/img/common/icon/arrow_r02_ms.png)
}

#school-support #conts .supportBox .imgBox .textBox p {
	margin: 0;
	line-height: 1.75
}

#school-support #conts .supportBox .imgBox .textBox01 {
	width: 425px
}

@media only screen and (max-width: 768px) {
	#school-support #mainVisual:before {
		background-size: 100% auto
	}
	#school-support {
		min-width: 320px
	}
	#school-support #conts .supportBox {
		width: auto
	}
	#school-support #conts .whaleBox .photo {
		margin-bottom: 15px
	}
	#school-support #conts p {
		margin-bottom: 15px
	}
	#school-support #conts .supportBox .imgBox .photoBox {
		margin-bottom: 10px;
		float: none;
		text-align: center
	}
	#school-support #conts .supportBox .imgBox .textBox {
		margin: 0;
		float: none;
		width: auto !important
	}
	#school-support #conts .supportBox .imgBox {
		margin-bottom: 20px
	}
	#school-support #conts .supportBox .imgBox01 {
		margin-bottom: 43px
	}
	#school-support #conts .supportBox .imgBox .textBox .trueIcon01 {
		margin-top: 4px
	}
}

#course-index #main {
	padding-bottom: 40px
}

#course-index #main #conts:after {
	display: block;
	clear: both;
	content: ""
}

#course-index #main #keyVisual {
	background-image: url(/img/course/index/main_img.jpg)
}

#course-index #main #keyVisual .bg:before {
	background-image: url(/img/course/index/main_img.jpg);
	background-position: 25.8% 42%
}

#course-index #main .pc {
	display: block
}

#course-index #main .sp {
	display: none
}

#course-index #main .tiles {
	margin-bottom: 10px
}

#course-index #main .tiles:after {
	display: block;
	clear: both;
	content: ""
}

#course-index #main .tiles:last-child {
	margin-bottom: 0
}

#course-index #main .tiles .tile {
	width: 232px;
	float: left;
	overflow: hidden
}

#course-index #main .tiles .tile+.tile {
	margin-left: 10px
}

#course-index #main .ttlBox {
	position: relative;
	min-height: 232px;
	display: block;
	text-decoration: none
}

#course-index #main .ttlBox .inner .courseTtl01 {
	padding: 20px 0 0 20px;
	font-size: 1.85714em;
	letter-spacing: -0.04em;
	color: #fff;
	position: relative;
	z-index: 100
}

#course-index #main .ttlBox .inner .courseTtl01 span {
	margin-bottom: 5px;
	display: block;
	font-size: .61538em
}

#course-index #main .ttlBox .inner .tag {
	margin-top: 10px;
	margin-left: 25px;
	padding: 2px 10px;
	-webkit-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
	box-sizing: border-box;
	border-style: solid;
	background-color: #FFF;
	position: relative;
	display: inline-block;
	z-index: 100;
	text-align: center;
	font-weight: bold;
	-webkit-transform: skewX(-15deg);
	transform: skewX(-15deg);
	font-size: .85714em
}

#course-index #main .ttlBox .inner .button01 {
	margin: 0 0 0 120px;
	padding: 22px 16px;
	position: absolute;
	right: -18px;
	bottom: 0;
	z-index: 100
}

#course-index #main .ttlBox .inner .button01:hover {
	opacity: 1;
	filter: alpha(opacity=100)
}

#course-index #main .ttlBox .inner .button01.btnType02 {
	background-color: transparent;
	border: 0
}

#course-index #main .ttlBox .inner .button01.btnType02 .icon {
	color: #FFF
}

#course-index #main .ttlBox .inner .button01.btnType02 .icon:after {
	margin-top: -7px;
	width: 16px;
	height: 14px;
	right: 5px;
	background-image: url("/img/common/icon/arrow_r02_lm.png")
}

#course-index #main .ttlBox .inner:before {
	width: 232px;
	height: 232px;
	display: block;
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 1;
	background-repeat: no-repeat
}

#course-index #main .ttlBox.ttlBox01 {
	background-color: #274894
}

#course-index #main .ttlBox.ttlBox01 .inner {
	padding-bottom: 34px
}

#course-index #main .ttlBox.ttlBox01 .inner .tag {
	color: #274894
}

#course-index #main .ttlBox.ttlBox01 .inner .btnType02 {
	background-color: #578ADE
}

#course-index #main .ttlBox.ttlBox01 .inner:before {
	background-image: url(/img/course/index/bg01.jpg)
}

#course-index #main .ttlBox.ttlBox02 {
	background-color: #866F20
}

#course-index #main .ttlBox.ttlBox02 .inner .tag {
	color: #866F20
}

#course-index #main .ttlBox.ttlBox02 .inner .btnType02 {
	background-color: #C6AE3C
}

#course-index #main .ttlBox.ttlBox02 .inner:before {
	background-image: url(/img/course/index/bg02.jpg)
}

#course-index #main .ttlBox.ttlBox03 {
	background-color: #1675C2
}

#course-index #main .ttlBox.ttlBox03 .inner .tag {
	color: #1675C2
}

#course-index #main .ttlBox.ttlBox03 .inner .btnType02 {
	background-color: #2AB4F0
}

#course-index #main .ttlBox.ttlBox03 .inner:before {
	background-image: url(/img/course/index/bg03.jpg)
}

#course-index #main .ttlBox.ttlBox04 {
	background-color: #16856F
}

#course-index #main .ttlBox.ttlBox04 .inner .tag {
	color: #16856F
}

#course-index #main .ttlBox.ttlBox04 .inner .btnType02 {
	background-color: #2AC5AE
}

#course-index #main .ttlBox.ttlBox04 .inner:before {
	background-image: url(/img/course/index/bg04.jpg)
}

#course-index #main .ttlBox.ttlBox05 {
	background-color: #16856F
}

#course-index #main .ttlBox.ttlBox05 .inner .tag {
	color: #16856F
}

#course-index #main .ttlBox.ttlBox05 .inner .btnType02 {
	background-color: #2AC5AE
}

#course-index #main .ttlBox.ttlBox05 .inner:before {
	background-image: url(/img/course/index/bg05.jpg)
}

#course-index #main .ttlBox.ttlBox06 {
	background-color: #CA6B1E
}

#course-index #main .ttlBox.ttlBox06 .inner .tag {
	color: #CA6B1E
}

#course-index #main .ttlBox.ttlBox06 .inner .btnType02 {
	background-color: #F4A938
}

#course-index #main .ttlBox.ttlBox06 .inner:before {
	background-image: url(/img/course/index/bg06.jpg)
}

#course-index #main .ttlBox.ttlBox07 {
	background-color: #C9451F
}

#course-index #main .ttlBox.ttlBox07 .inner .tag {
	color: #CA6B1E
}

#course-index #main .ttlBox.ttlBox07 .inner .btnType02 {
	background-color: #F4773A
}

#course-index #main .ttlBox.ttlBox07 .inner:before {
	background-image: url(/img/course/index/bg07.jpg)
}

#course-index #main .ttlBox.ttlBox08 {
	background-color: #F19A07
}

#course-index #main .ttlBox.ttlBox08 .inner .tag {
	color: #F19A07
}

#course-index #main .ttlBox.ttlBox08 .inner .btnType02 {
	background-color: #FED70E
}

#course-index #main .ttlBox.ttlBox08 .inner:before {
	background-image: url(/img/course/index/bg08.jpg)
}

@media only screen and (min-width: 769px) {
	#course-index #main .ttlBox:hover {
		opacity: .7;
		filter: alpha(opacity=70);
		-webkit-transition: all 200ms ease;
		transition: all 200ms ease
	}
}

@media only screen and (max-width: 768px) {
	#course-index #main .pc {
		display: none
	}
	#course-index #main .sp {
		display: block
	}
	#course-index #main #conts {
		padding: 0 15px
	}
	#course-index #main .tiles {
		margin-bottom: 0
	}
	#course-index #main .tiles .tile {
		margin-bottom: 6px;
		width: calc(50% - 3px);
		overflow: hidden
	}
	#course-index #main .tiles .tile+.tile {
		margin-left: 0
	}
	#course-index #main .tiles .tile:nth-child(even) {
		margin-left: 6px
	}
	#course-index #main .ttlBox {
		position: relative;
		min-height: 145px;
		background-size: 66px 180px;
		background-repeat: no-repeat
	}
	#course-index #main .ttlBox .inner .courseTtl01 {
		padding: 15px 0 0 10px;
		font-size: 1.14286em
	}
	#course-index #main .ttlBox .inner .button01 {
		margin: 0 0 0 60px;
		padding: 10px 5px;
		width: 14px;
		right: 0
	}
	#course-index #main .ttlBox .inner .button01.btnType02 .icon {
		padding-right: 18px
	}
	#course-index #main .ttlBox .inner .button01.btnType02 .icon:after {
		width: 8px;
		height: 7px;
		right: 10px
	}
	#course-index #main .ttlBox .inner .tag {
		margin-left: 15px;
		padding: 1px 5px;
		font-size: .71429em
	}
	#course-index #main .ttlBox .inner:before {
		width: 116px;
		height: 106px;
		background-size: 116px 106px;
		background-repeat: no-repeat
	}
	#course-index #main .ttlBox.ttlBox01 {
		background-image: url(/img/course/index/ttl_bg01_s.png)
	}
	#course-index #main .ttlBox.ttlBox01 .inner:before {
		background-image: url(/img/course/index/bg01_s.jpg)
	}
	#course-index #main .ttlBox.ttlBox02 {
		background-image: url(/img/course/index/ttl_bg02_s.png)
	}
	#course-index #main .ttlBox.ttlBox02 .inner:before {
		background-image: url(/img/course/index/bg02_s.jpg)
	}
	#course-index #main .ttlBox.ttlBox03 {
		background-image: url(/img/course/index/ttl_bg03_s.png)
	}
	#course-index #main .ttlBox.ttlBox03 .inner:before {
		background-image: url(/img/course/index/bg03_s.jpg)
	}
	#course-index #main .ttlBox.ttlBox04 {
		background-image: url(/img/course/index/ttl_bg04_s.png)
	}
	#course-index #main .ttlBox.ttlBox04 .inner:before {
		background-image: url(/img/course/index/bg04_s.jpg)
	}
	#course-index #main .ttlBox.ttlBox05 {
		background-image: url(/img/course/index/ttl_bg04_s.png)
	}
	#course-index #main .ttlBox.ttlBox05 .inner:before {
		background-image: url(/img/course/index/bg05_s.jpg)
	}
	#course-index #main .ttlBox.ttlBox06 {
		background-image: url(/img/course/index/ttl_bg05_s.png)
	}
	#course-index #main .ttlBox.ttlBox06 .inner:before {
		background-image: url(/img/course/index/bg06_s.jpg)
	}
	#course-index #main .ttlBox.ttlBox07 {
		background-image: url(/img/course/index/ttl_bg06_s.png)
	}
	#course-index #main .ttlBox.ttlBox07 .inner:before {
		background-image: url(/img/course/index/bg07_s.jpg)
	}
	#course-index #main .ttlBox.ttlBox08 {
		background-image: url(/img/course/index/ttl_bg07_s.png)
	}
	#course-index #main .ttlBox.ttlBox08 .inner:before {
		background-image: url(/img/course/index/bg08_s.jpg)
	}
}

body.course-details #conts .ttl01 {
	margin-top: 50px
}

body.course-details #conts .ttl01.offset-top-none {
	margin-top: 0
}

body.course-details #conts .ttl02 {
	margin-top: 40px
}

body.course-details #conts .ttl02.offset-top-small {
	margin-top: 20px
}

body.course-details #conts .ttl03 {
	margin-top: 30px
}

body.course-details #conts #overview .lead {
	font-size: 1.14286em
}

@media only screen and (min-width: 769px) {
	body.course-details #conts #overview .lead {
		text-align: center
	}
}

body.course-details #conts .fieldOfActivity .panel {
	overflow: hidden;
	position: relative
}

@media only screen and (min-width: 769px) {
	body.course-details #conts .fieldOfActivity .panel {
		min-height: 170px
	}
}

@media only screen and (min-width: 769px) {
	body.course-details #conts .fieldOfActivity .panel .overview {
		float: left
	}
}

@media only screen and (max-width: 768px) {
	body.course-details #conts .fieldOfActivity .panel .overview {
		margin-bottom: 20px
	}
}

body.course-details #conts .fieldOfActivity .panel .overview .catch {
	font-size: 1.28571em;
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: -.05em
}

@media only screen and (min-width: 769px) {
	body.course-details #conts .fieldOfActivity .panel .introduction {
		margin: -30px -30px -22px 0;
		padding-right: 280px;
		padding-top: 35px;
		float: right;
		position: relative;
		z-index: 1;
		text-align: right;
		letter-spacing: -.05em
	}
}

body.course-details #conts .fieldOfActivity .panel .introduction .record {
	font-weight: bold;
	line-height: 1.3
}

body.course-details #conts .fieldOfActivity .panel .introduction .record .name {
	margin-top: 5px;
	display: inline-block;
	font-size: 1.21429em
}

body.course-details #conts .fieldOfActivity .panel .introduction .details {
	margin-top: 5px;
	font-size: .85714em;
	line-height: 1.4
}

@media only screen and (min-width: 769px) {
	body.course-details #conts .fieldOfActivity .panel .introduction .photo {
		position: absolute;
		top: 0;
		right: 0
	}
}

@media only screen and (max-width: 768px) {
	body.course-details #conts .fieldOfActivity .panel .introduction .photo {
		margin-top: 10px;
		position: relative;
		z-index: 1;
		text-align: center
	}
}

body.course-details #conts .fieldOfActivity .panel .deco {
	position: absolute;
	left: 110px;
	bottom: 0;
	z-index: 0
}

@media only screen and (max-width: 768px) {
	body.course-details #conts .fieldOfActivity .panel .deco {
		width: 235px;
		right: 0;
		left: auto
	}
}

body.course-details #conts .fieldOfActivity .panel+.panel {
	margin-top: 30px
}

@media only screen and (max-width: 768px) {
	body.course-details #conts .fieldOfActivity .panel+.panel {
		margin-top: 15px
	}
}

body.course-details #conts #trainingCourse>.lead {
	font-size: 1.14286em
}

@media only screen and (min-width: 769px) {
	body.course-details #conts #trainingCourse>.lead {
		text-align: center
	}
}

body.course-details #conts #trainingCourse #feature .panel {
	overflow: hidden;
	position: relative
}

@media only screen and (min-width: 769px) {
	body.course-details #conts #trainingCourse #feature .panel .box {
		width: 260px;
		padding-bottom: 208px
	}
	body.course-details #conts #trainingCourse #feature .panel .box+.box {
		margin-left: 29px;
		padding-left: 29px;
		width: 289px;
		border-left: 2px dotted #ccc
	}
}

@media only screen and (max-width: 768px) {
	body.course-details #conts #trainingCourse #feature .panel .box {
		margin-left: auto;
		margin-right: auto;
		max-width: 400px
	}
	body.course-details #conts #trainingCourse #feature .panel .box+.box {
		margin-top: 30px;
		padding-top: 30px;
		border-top: 2px dotted #ccc
	}
}

body.course-details #conts #trainingCourse #feature .panel .box .ttl {
	text-align: center;
	white-space: nowrap
}

body.course-details #conts #trainingCourse #feature .panel .box .ttl img {
	margin: 0 auto 15px;
	display: block
}

@media only screen and (min-width: 769px) {
	body.course-details #conts #trainingCourse #feature .panel .box .photo {
		position: absolute;
		bottom: 30px
	}
}

@media only screen and (max-width: 768px) {
	body.course-details #conts #trainingCourse #feature .panel .box .photo {
		margin-top: 10px;
		text-align: center
	}
}

body.course-details #conts #trainingCourse #pickupLesson .panel:after {
	display: block;
	clear: both;
	content: ""
}

body.course-details #conts #trainingCourse #pickupLesson .panel .photo {
	width: 250px;
	float: left
}

body.course-details #conts #trainingCourse #pickupLesson .panel .body {
	margin-left: 270px
}

@media only screen and (min-width: 769px) {
	body.course-details #conts #trainingCourse #pickupLesson .panel {
		width: 470px;
	}
	body.course-details #conts #trainingCourse #pickupLesson .panel+.panel {
		float: right
	}
	#course-management-index #conts #trainingCourse #pickupLesson .panel {
		width: 75%;
		margin-right: auto;
		margin-left: auto;
		float: none;
	}
}

@media only screen and (max-width: 768px) {
	body.course-details #conts #trainingCourse #pickupLesson .panel+.panel {
		margin-top: 15px
	}
	body.course-details #conts #trainingCourse #pickupLesson .panel .photo {
		width: 150px
	}
	body.course-details #conts #trainingCourse #pickupLesson .panel .ttl {
		margin-bottom: 0
	}
	body.course-details #conts #trainingCourse #pickupLesson .panel .body {
		margin-left: 160px
	}
}

@media only screen and (min-width: 769px) {
	body.course-details #conts #trainingCourse #timetable .panel {
		width: 100%;
	}
	body.course-details #conts #trainingCourse #timetable .panel+.panel {
		float: right
	}
}

@media only screen and (max-width: 768px) {
	body.course-details #conts #trainingCourse #timetable .panel+.panel {
		margin-top: 30px
	}
}

@media only screen and (max-width: 768px) {
	body.course-details #conts #trainingCourse #timetable .panel .table {
		min-width: 465px
	}
}

body.course-details #conts #trainingCourse #timetable .panel .table tbody {
	font-size: .85714em;
	text-align: center
}

body.course-details #conts #trainingCourse #timetable .panel .table tbody .coma {
	margin-bottom: 3px;
	display: inline-block;
	font-size: 1.16667em
}

body.course-details #conts #trainingCourse #timetable .panel .table tbody th,
body.course-details #conts #trainingCourse #timetable .panel .table tbody td {
	padding-left: 0;
	padding-right: 0
}

body.course-details #conts #trainingCourse #timetable .panel .table tbody th {
	width: 10%
}

body.course-details #conts #trainingCourse #timetable .panel .table tbody td {
	width: 18%
}

body.course-details #conts #trainingCourse #timetable .notes {
	margin-top: 15px
}

body.course-details #conts #trainingCourse #recommendedTuition .panel {
	position: relative
}

@media only screen and (min-width: 769px) {
	body.course-details #conts #trainingCourse #recommendedTuition .panel {
		padding-right: 380px;
		height: 250px
	}
}

body.course-details #conts #trainingCourse #recommendedTuition .panel .catch {
	margin-top: -5px;
	margin-bottom: 10px;
	font-size: 1.28571em;
	font-weight: bold;
	line-height: 1.3
}

body.course-details #conts #trainingCourse #recommendedTuition .panel .graph {
	margin-top: 10px;
	position: relative;
	z-index: 1
}

@media only screen and (max-width: 768px) {
	body.course-details #conts #trainingCourse #recommendedTuition .panel .graph {
		text-align: center
	}
}

@media only screen and (min-width: 769px) {
	body.course-details #conts #trainingCourse #recommendedTuition .panel .photo {
		position: absolute;
		top: 30px;
		right: 30px
	}
}

@media only screen and (max-width: 768px) {
	body.course-details #conts #trainingCourse #recommendedTuition .panel .photo {
		margin-top: 20px;
		text-align: center
	}
}

body.course-details #conts #trainingCourse #recommendedTuition .panel .deco {
	position: absolute;
	left: 270px;
	bottom: 0
}

body.course-details #conts #trainingCourse #seniorMessage .panel {
	padding: 30px;
	background: #F0F0F0;
	position: relative
}

@media only screen and (min-width: 769px) {
	body.course-details #conts #trainingCourse #seniorMessage .panel {
		box-sizing: border-box;
		padding-left: 210px;
		width: 465px;
		float: left
	}
	body.course-details #conts #trainingCourse #seniorMessage .panel+.panel {
		float: right
	}
	body.course-details #conts #trainingCourse #seniorMessage .panel .photo {
		position: absolute;
		top: 30px;
		left: 30px
	}
}

@media only screen and (max-width: 768px) {
	body.course-details #conts #trainingCourse #seniorMessage .panel+.panel {
		margin-top: 15px
	}
	body.course-details #conts #trainingCourse #seniorMessage .panel .photo {
		margin-bottom: 10px;
		margin-right: 10px;
		width: 100px;
		float: left
	}
	body.course-details #conts #trainingCourse #seniorMessage .panel .body {
		clear: both
	}
	body.course-details #conts #trainingCourse #seniorMessage .panel .deco img {
		width: 67px
	}
}

body.course-details #conts #trainingCourse #seniorMessage .panel .tag {
	box-sizing: border-box;
	padding-top: 7px;
	padding-right: 10px;
	width: 92px;
	height: 40px;
	background: url(/img/course/at/seniormessage_tag_bg.png) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	font-size: 1.14286em;
	text-align: center
}

body.course-details #conts #trainingCourse #seniorMessage .panel .name {
	line-height: 1.4
}

body.course-details #conts #trainingCourse #seniorMessage .panel .name>span {
	margin-top: 2px;
	display: inline-block;
	font-size: 1.21429em
}

body.course-details #conts #trainingCourse #seniorMessage .panel .details {
	margin-top: 5px;
	margin-bottom: 15px;
	font-size: .85714em;
	line-height: 1.3
}

body.course-details #conts #trainingCourse #seniorMessage .panel .strong {
	margin-bottom: 15px;
	color: #1574C1;
	font-size: 1.28571em;
	font-weight: bold;
	line-height: 1.3
}

body.course-details #conts #trainingCourse #seniorMessage .panel .deco {
	position: absolute;
	bottom: 0;
	right: 0
}

body.course-details #conts #trainingCourse #seniorMessage .more {
	margin-top: 20px
}

@media only screen and (min-width: 769px) {
	body.course-details #conts #trainingCourse #seniorMessage .more {
		margin-bottom: -20px
	}
}

@media only screen and (min-width: 769px) {
	body.course-details #conts #trainingCourse #instructor .box {
		width: 218px
	}
	body.course-details #conts #trainingCourse #instructor .box+.box {
		margin-left: 29px
	}
	body.course-details #conts #trainingCourse #instructor .box .photo {
		margin-bottom: 18px
	}
}

@media only screen and (max-width: 768px) {
	body.course-details #conts #trainingCourse #instructor .box+.box {
		margin-top: 15px
	}
	body.course-details #conts #trainingCourse #instructor .box .photo {
		width: 100px;
		float: left
	}
	body.course-details #conts #trainingCourse #instructor .box .description {
		padding-top: 10px;
		clear: both
	}
}

body.course-details #conts #trainingCourse #instructor .box .ttl {
	margin-bottom: 8px;
	font-weight: bold;
	line-height: 1.3
}

body.course-details #conts #trainingCourse #instructor .box .ttl .name {
	margin-top: 5px;
	display: inline-block;
	font-size: 1.21429em
}

@media only screen and (max-width: 768px) {
	body.course-details #conts #trainingCourse #instructor .box .ttl {
		margin-left: 110px
	}
}

body.course-details #conts #trainingCourse #instructor .box .description {
	margin-left: 110px;
	font-size: .85714em;
	line-height: 1.5
}

body.course-details #conts #trainingCourse #instructor .more {
	margin-top: 20px
}

@media only screen and (min-width: 769px) {
	body.course-details #conts #trainingCourse #instructor .more {
		margin-bottom: -20px
	}
}

@media only screen and (min-width: 769px) {
	body.course-details #conts #trainingCourse #schoolCalendar .col+.col {
		margin-left: -1px
	}
}

@media only screen and (max-width: 768px) {
	body.course-details #conts #trainingCourse #schoolCalendar .col+.col {
		margin-top: -1px
	}
}

@media only screen and (max-width: 768px) {
	body.course-details #conts #trainingCourse #schoolCalendar .table .month {
		width: 40px
	}
}

body.course-details #conts #trainingCourse #curriculum .guide {
	text-align: right
}

@media only screen and (min-width: 769px) {
	body.course-details #conts #trainingCourse #curriculum .guide {
		margin-top: -30px;
		margin-bottom: 10px
	}
}

@media only screen and (max-width: 768px) {
	body.course-details #conts #trainingCourse #curriculum .guide {
		margin-bottom: -50px
	}
}

body.course-details #conts #trainingCourse #curriculum .guide dt,
body.course-details #conts #trainingCourse #curriculum .guide dd {
	display: inline-block;
	vertical-align: middle;
	line-height: 1.2
}

body.course-details #conts #trainingCourse #curriculum .guide dt {
	margin-left: 15px
}

@media only screen and (min-width: 769px) {
	body.course-details #conts #trainingCourse #curriculum .col {
		width: 470px
	}
	body.course-details #conts #trainingCourse #curriculum .col+.col {
		float: right
	}
}

@media only screen and (max-width: 768px) {
	body.course-details #conts #trainingCourse #curriculum .col+.col {
		margin-top: 15px
	}
}

body.course-details #conts #trainingCourse #curriculum .col thead th {
	white-space: nowrap
}

@media only screen and (min-width: 769px) {
	body.course-details #conts #trainingCourse #curriculum .col tbody tr>:first-child {
		width: 100%
	}
	body.course-details #conts #trainingCourse #curriculum .col tbody tr td {
		white-space: nowrap
	}
}

body.course-details #conts #trainingCourse #license table {
	width: 100%;
	border-collapse: collapse;
	border: 2px solid #1675C2
}

body.course-details #conts #trainingCourse #license table th,
body.course-details #conts #trainingCourse #license table td {
	padding: 8px 10px 6px;
	border: 1px solid #1675C2;
	font-weight: normal;
	line-height: 1.3
}

body.course-details #conts #trainingCourse #license table th {
	padding-left: 20px;
	padding-right: 20px;
	width: 280px;
	background-color: #1675C2;
	color: #fff;
	font-size: 1.28571em
}

@media only screen and (max-width: 768px) {
	body.course-details #conts #trainingCourse #license table th,
	body.course-details #conts #trainingCourse #license table td {
		width: auto;
		display: block
	}
	body.course-details #conts #trainingCourse #license table th {
		padding-left: 10px;
		padding-right: 10px
	}
}

body.course-details #conts #trainingCourse #license .more {
	margin-top: 20px
}

body.course-details #conts #trainingCourse #movie .panel {
	overflow: hidden;
	position: relative
}

@media only screen and (min-width: 769px) {
	body.course-details #conts #trainingCourse #movie .panel .movie {
		float: right
	}
}

@media only screen and (max-width: 768px) {
	body.course-details #conts #trainingCourse #movie .panel .movie {
		margin-bottom: 10px;
		text-align: center
	}
	body.course-details #conts #trainingCourse #movie .panel .movie iframe {
		max-width: 400px;
		width: 100%
	}
}

body.course-details #conts #trainingCourse #movie .panel .catch {
	margin-bottom: 10px;
	color: #1574c1;
	font-size: 1.42857em;
	font-weight: bold;
	line-height: 1.2
}

body.course-details #conts #trainingCourse #movie .panel .description {
	width: 570px;
	letter-spacing: -.05em
}

@media only screen and (max-width: 768px) {
	body.course-details #conts #trainingCourse #movie .panel .description {
		width: auto
	}
}

body.course-details #conts #trainingCourse #movie .panel .more {
	margin-top: 15px;
	margin-left: 5px
}

body.course-details #conts #trainingCourse #movie .panel .more .button01 {
	margin: 0
}

body.course-details #conts #trainingCourse #movie .panel .deco {
	position: absolute;
	bottom: 0;
	left: 453px
}

body.course-details #conts #information .scrlBox .frame {
	border-bottom: 1px dotted #DDD
}

@media only screen and (min-width: 769px) {
	body.course-details #conts #information {
		margin-bottom: 40px
	}
	body.course-details #conts #information:after {
		display: block;
		clear: both;
		content: ""
	}
	body.course-details #conts #information .twitter {
		width: 265px;
		float: right
	}
	body.course-details #conts #information .twitter iframe {
		height: 590px !important
	}
	body.course-details #conts #news {
		width: 665px;
		float: left
	}
	body.course-details #conts #news .scrlBox {
		box-sizing: border-box;
		height: 590px;
		border: 1px solid #DDD
	}
	body.course-details #conts #news .scrlBox .frame {
		margin-bottom: 20px;
		height: 511px;
		overflow: hidden
	}
	body.course-details #conts #news .scrlBox .inner {
		margin-left: -10px;
		padding: 30px
	}
	body.course-details #conts #news .scrlBox .text {
		font-size: .92857em
	}
	body.course-details #conts #news .ttl,
	body.course-details #conts .twitter .ttl {
		margin-top: 0
	}
}

@media only screen and (max-width: 768px) {
	body.course-details #conts #information .twitter {
		padding: 20px 15px 30px;
		background-image: url(/img/index/bg03.png);
		background-size: 20px 15px;
		text-align: center
	}
	body.course-details #conts #information .twitter .ttl {
		margin-top: 0;
		text-align: left
	}
	body.course-details #conts #information .twitter iframe {
		margin-right: auto;
		margin-left: auto
	}
	body.course-details #conts #news {
		padding-bottom: 25px
	}
	body.course-details #conts #news .scrlBox .frame {
		margin-bottom: 20px
	}
}

body.course-details #conts .entryGuide {
	text-align: center
}

@media only screen and (min-width: 769px) {
	body.course-details #conts .entryGuide .button01 {
		display: inline-block
	}
	body.course-details #conts .entryGuide .button01+.button01 {
		margin-left: 25px
	}
}

@media only screen and (max-width: 768px) {
	body.course-details #conts .entryGuide {
		margin-top: 30px
	}
	body.course-details #conts .entryGuide .button01+.button01 {
		margin-top: 10px
	}
}

@media only screen and (min-width: 769px) {
	body.course #subConts .menu.open {
		width: 310px;
		right: 165px
	}
}

#course-at-index #mainVisual {
	background-image: url(/img/course/at/main_bg.jpg)
}

#course-at-index #mainVisual .bg {
	padding-top: 35px
}

#course-at-index #mainVisual .bg:before {
	background-image: url(/img/course/at/main_bg.jpg)
}

#course-at-index #conts #trainingCourse #instructor .box .description {
	margin-left: 0
}

#course-at-index #conts .ttlBox {
	margin-top: 33px;
	margin-bottom: 33px;
	background-color: #1675C2;
	position: relative
}

#course-at-index #conts .ttlBox .inner {
	padding-bottom: 24px;
	padding-left: 95px;
	position: relative;
	z-index: 1;
	background: url(/img/course/at/ttl_bg01.png) no-repeat
}

/*
#course-at-index #conts .ttlBox .inner:after {
display: block;
content: "";
position: absolute;
bottom: 0;
right: 0;
z-index: 0;
background: url(/img/course/at/bg01.jpg) no-repeat;
width: 532px;
height: 188px
}
*/

#course-at-index #conts .ttlBox .inner p {
	margin: -20px 0 15px 32px;
	font-size: 1.14286em;
	color: #FFF;
	width: 719px;
	line-height: 1.5;
	position: relative;
	z-index: 100
}

#course-at-index #conts .ttlBox .inner .button01 {
	margin: 0 0 0 30px;
	padding: 1px 12px;
	position: relative;
	z-index: 100
}

#course-at-index #conts .ttlBox .inner .button01.btnType02 {
	background-color: transparent;
	border-color: #fff
}

#course-at-index #conts .ttlBox .inner .button01.btnType02 .icon {
	color: #FFF
}

#course-at-index #conts .ttlBox .inner .button01.btnType02 .icon:after {
	background-image: url(/img/common/icon/arrow_r02_s.png);
	width: 8px;
	height: 7px
}

#course-at-index #conts .ttlBox .courseTtl01 {
	padding: 30px;
	display: inline-block;
	font-size: 2.14286em;
	font-weight: bold;
	color: #fff;
	position: relative;
	z-index: 100
}

#course-at-index #conts .ttlBox .courseTtl01 span {
	margin-left: -15px;
	padding: 5px 15px;
	-webkit-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
	box-sizing: border-box;
	border-style: solid;
	display: inline-block;
	background-color: #FFF;
	color: #1675C2;
	text-align: center;
	-webkit-transform: skewX(-15deg);
	transform: skewX(-15deg);
	font-size: .4em;
	vertical-align: middle
}

#course-at-index #conts .ttlBox .newIcon {
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 10
}

@media only screen and (max-width: 768px) {
	#course-at-index #mainVisual .bg {
		padding-top: 10px
	}
	#course-at-index #conts #trainingCourse #recommendedTuition .panel .deco {
		right: 0;
		left: auto
	}
	#course-at-index #conts #trainingCourse #recommendedTuition .panel .deco img {
		width: auto;
		height: 18px
	}
	#course-at-index #conts .ttlBox {
		margin-top: 23px;
		margin-bottom: 23px
	}
	#course-at-index #conts .ttlBox .inner {
		padding-left: 30px;
		padding-bottom: 23px;
		background: url(/img/course/at/ttl_bg01_s.png) no-repeat;
		background-size: 66px 180px
	}
	#course-at-index #conts .ttlBox .inner:after {
		background: url(/img/course/at/bg01_s.jpg) no-repeat;
		background-size: 266px 125px;
		width: 266px;
		height: 125px
	}
	#course-at-index #conts .ttlBox .inner p {
		width: 180px;
		margin: -20px 0 15px 32px;
		font-size: 1em;
		line-height: 1.3
	}
	#course-at-index #conts .ttlBox .inner .button01 {
		margin: 0 0 0 30px;
		width: 110px
	}
	#course-at-index #conts .ttlBox .inner .button01.btnType02 .icon:after {
		background-image: url(/img/common/icon/arrow_r02_s.png);
		width: 8px;
		height: 7px
	}
	#course-at-index #conts .ttlBox .courseTtl01 {
		padding-top: 15px;
		font-size: 1.14286em
	}
	#course-at-index #conts .ttlBox .courseTtl01 span {
		box-sizing: border-box;
		margin: 10px 0 0 0;
		padding: 4px 15px;
		width: 103px;
		-webkit-transition: opacity 200ms ease;
		transition: opacity 200ms ease;
		border-style: solid;
		display: block;
		background-color: #FFF;
		text-align: center;
		-webkit-transform: skewX(-15deg);
		transform: skewX(-15deg);
		font-size: .4em;
		vertical-align: middle
	}
	#course-at-index #conts .ttlBox .newIcon {
		top: 15px;
		left: 10px
	}
	#course-at-index #conts .ttlBox .newIcon img {
		width: 32px
	}
}

#course-st1-index #gNavi .course {
	color: #df0b20
}

#course-st1-index .ttl06 {
	color: #264793
}

#course-st1-index .ttl06-small {
	color: #264793
}

#course-st1-index #conts #trainingCourse #seniorMessage .panel .strong {
	color: #264793
}

#course-st1-index .table-standard .bg-blue th,
.table-standard .bg-blue td {
	background-color: #264793
}

#course-st1-index #conts #trainingCourse #movie .panel .catch {
	color: #264793
}

#course-st1-index #school .ulBox li .photo a {
	display: block;
	text-decoration: none
}

#course-st1-index #school .ulBox li .photo span {
	background: url(/img/course/st1/idnex/bg.png) no-repeat left top
}

#course-st1-index #school .ulBox li .photo a:hover {
	opacity: 0.7;
	-ms-filter: "alpha(opacity=70)"
}

#course-st1-index #school .ulBox li .photo a:after {
	background: url(/img/course/st1/idnex/icon01.png) no-repeat left top
}

#course-st1-index #school .ulBox li .photo {
	position: relative
}

#course-st1-index #school .ulBox li .photo a:hover {
	opacity: .7;
	filter: alpha(opacity=70);
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease
}

#course-st1-index #school .ulBox li .photo span {
	padding: 13px 0 0 10px;
	display: block;
	line-height: 1.4;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	font-size: 1.25em;
	letter-spacing: -2px;
	line-height: 1.3;
	position: absolute;
	top: 40px;
	left: 0;
	width: 227px;
	height: 61px
}

#course-st1-index #school .ulBox li .photo span:after {
	margin-top: -6px;
	width: 14px;
	height: 12px;
	background: url(/img/course/si/index/icon01.png) no-repeat right top;
	position: absolute;
	top: 50%;
	right: 25px;
	content: ""
}

#course-st1-index #school .ulBox li p {
	margin-top: 13px
}

#course-st1-index #conts #trainingCourse #seniorMessage .panel .tag {
	background: url(/img/course/st1/idnex/bg02.png) no-repeat left top
}

#course-st1-index #mainVisual {
	background-image: url(/img/course/st1/st1_main_visual.jpg)
}

#course-st1-index #mainVisual .bg:before {
	background-image: url(/img/course/st1/st1_main_visual.jpg);
	background-position: 18.5% 42%
}

#course-st1-index #timetable .red {
	background-color: #ffecec
}

@media only screen and (min-width: 768px) {
	#course-st1-index #mainVisual .bg {
		padding-top: 30px
	}
	#course-st1-index #conts #trainingCourse #movie .panel {
		margin-bottom: 40px
	}
	#course-st1-index #conts #overview .fieldOfActivity .panel .introduction .record {
		letter-spacing: -1px
	}
	#course-st1-index #conts #trainingCourse #instructor .box .ttl {
		text-align: left
	}
	#course-st1-index #conts #trainingCourse #instructor .box .description {
		margin-left: 0
	}
	#course-st1-index #conts #trainingCourse #seniorMessage .panel {
		float: none;
		padding-left: 210px;
		padding-bottom: 55px;
		width: auto
	}
	#course-st1-index #conts #information .twitter {
		padding-top: 65px;
		float: right;
		width: 265px
	}
	#course-st1-index #conts #information .ttl02 {
		margin-top: 0
	}
	#course-st1-index #school .ulBox {
		margin-bottom: 25px;
		margin-left: -30px
	}
	#course-st1-index #school .ulBox:after {
		display: block;
		clear: both;
		content: ""
	}
	#course-st1-index #school .ulBox li {
		margin-left: 30px;
		float: left;
		width: 465px
	}
	#course-st1-index .panel-sporty {
		background: #f0f0f0 url(/img/course/st1/at/bg01.png) no-repeat scroll 0 0;
		box-sizing: border-box;
		padding: 30px 30px 22px
	}
}

@media only screen and (max-width: 768px) {
	#course-st1-index #mainVisual {
		padding-top: 40px
	}
	#course-st1-index #conts #trainingCourse #seniorMessage .panel {
		padding-left: 40px
	}
	#course-st1-index #school .ulBox ul {
		margin: 0
	}
	#course-st1-index #school .ulBox li {
		float: none;
		width: auto;
		margin: 0 0 20px
	}
	#course-st1-index #school .ulBox li .photo a:hover {
		opacity: 1;
		filter: alpha(opacity=100)
	}
	#course-st1-index #school .ulBox li img {
		width: 100%
	}
	#course-st1-index #school .ulBox li .photo span {
		padding: 10px 0 10px 10px;
		font-size: 0.85em;
		height: auto;
		background-size: 200px 50px
	}
	#course-st1-index #school .ulBox li .photo span:after {
		right: 60px
	}
}

#course-st1-at #gNavi .course {
	color: #df0b20
}

#course-st1-at .ttl06 {
	color: #264793
}

#course-st1-at .ttl06-xsmall {
	color: #264793
}

#course-st1-at #conts #trainingCourse #seniorMessage .panel .strong {
	color: #264793
}

#course-st1-at .table-standard .bg-blue th,
.table-standard .bg-blue td {
	background-color: #264793
}

#course-st1-at #conts #trainingCourse #seniorMessage .panel .tag {
	background-image: url(/img/course/st1/at/seniormessage_tag_bg.png)
}

#course-st1-at #conts #trainingCourse #movie .panel .catch {
	color: #264793
}

#course-st1-at #conts #trainingCourse #movie .panel .catch {
	color: #264793
}

#course-st1-at #conts #trainingCourse #license table th {
	background-color: #264793
}

#course-st1-at #conts #trainingCourse #license table th,
#course-st1-at #conts #trainingCourse #license table td {
	border: 1px solid #264793
}

#course-st1-at #timetable .red {
	background-color: #ffecec
}

#course-st1-at #mainVisual {
	background-image: url(/img/course/st1/at/main_bg.jpg)
}

#course-st1-at #mainVisual .bg:before {
	background-image: url(/img/course/st1/at/main_bg.jpg)
}

@media only screen and (min-width: 768px) {
	#course-st1-at #conts #information .twitter {
		padding-top: 100px
	}
	#course-st1-at .ttl01 {
		margin-bottom: 20px
	}
	#course-st1-at #timetable .ttl02 {
		margin-top: 20px
	}
	#course-st1-at #conts #trainingCourse #timetable .panel .table tbody th {
		width: 6.9%
	}
	#course-st1-at #conts #trainingCourse #timetable .panel .table tbody td {
		width: 13.3%
	}
	#course-st1-at #conts #trainingCourse #recommendedTuition .panel .ttl {
		margin-bottom: 10px;
		padding-left: 75px;
		min-height: 60px;
		font-size: 1.29em;
		background: url(/img/course/st1/at/img01.png) no-repeat left top
	}
	#course-st1-at #conts #trainingCourse #recommendedTuition .panel .ttl span {
		margin-bottom: 10px;
		display: block;
		color: #264692;
		font-size: 1.33em
	}
	#course-st1-at .panel-sporty {
		background: #f0f0f0 url(/img/course/st1/at/bg01.png) no-repeat scroll 0 0;
		box-sizing: border-box;
		padding: 30px
	}
	#course-st1-at #conts #trainingCourse #recommendedTuition .panel {
		margin-bottom: 20px;
		height: 315px
	}
	#course-st1-at #conts #trainingCourse #recommendedTuition .panel .pho {
		margin-top: 5px
	}
	#course-st1-at #conts #trainingCourse #seniorMessage .panel {
		float: none;
		padding-left: 210px;
		padding-bottom: 20px;
		width: auto
	}
	#course-st1-at #conts .accordion {
		margin-bottom: 20px;
		padding: 15px;
		background: url(/img/course/st1/at/icon.png) no-repeat right center;
		border: 2px solid #666
	}
	#course-st1-at #conts .accordion .ttl03 {
		margin: 0;
		padding: 0
	}
	#course-st1-at #conts .accordion .ttl03:before {
		display: none
	}
	#course-st1-at #conts .accordion .ttl03:after {
		display: none
	}
}

@media only screen and (max-width: 768px) {
	#course-st1-at #conts .accordion {
		margin-top: 60px;
		padding: 5px
	}
	#course-st1-at #conts #trainingCourse #recommendedTuition .panel {
		margin-bottom: 20px
	}
	#course-st1-at #conts #trainingCourse #recommendedTuition .panel .ttl {
		margin-bottom: 10px;
		padding-left: 45px;
		background: url(/img/course/st1/at/img01.png) no-repeat left top;
		background-size: 30px
	}
	#course-st1-at #conts #trainingCourse #recommendedTuition .panel .ttl span {
		margin-bottom: 10px;
		display: block;
		color: #264692;
		font-size: 1.14286em
	}
	#course-st1-at #conts #trainingCourse #recommendedTuition .panel .deco {
		right: 0;
		left: auto
	}
	#course-st1-at #conts #trainingCourse #recommendedTuition .panel .deco img {
		width: auto;
		height: 18px
	}
}

#course-st1-pt #gNavi .course {
	color: #df0b20
}

#course-st1-pt .ttl01 {
	margin-bottom: 25px
}

#course-st1-pt .ttl06 {
	color: #264793
}

#course-st1-pt .ttl06-xsmall {
	color: #264793
}

#course-st1-pt #conts #trainingCourse #seniorMessage .panel .strong {
	color: #264793
}

#course-st1-pt .table-standard .bg-blue th,
.table-standard .bg-blue td {
	background-color: #264793
}

#course-st1-pt #conts #trainingCourse #movie .panel .catch {
	color: #264793
}

#course-st1-pt #conts #trainingCourse #license table th {
	background-color: #264793
}

#course-st1-pt #conts #trainingCourse #license table th,
#course-st1-pt #conts #trainingCourse #license table td {
	border: 1px solid #264793
}

#course-st1-pt #timetable .red {
	background-color: #ffecec
}

#course-st1-pt #mainVisual {
	background-image: url(/img/course/st1/pt/main_bg.jpg)
}

#course-st1-pt #mainVisual .bg:before {
	background-image: url(/img/course/st1/pt/main_bg.jpg);
	background-position: 30.3% 33%
}

@media only screen and (min-width: 768px) {
	#course-st1-pt #conts #trainingCourse #seniorMessage .panel .tag {
		background: url(/img/course/st1/idnex/bg02.png) no-repeat left top
	}
	#course-st1-pt #conts #information .twitter {
		padding-top: 100px
	}
	#course-st1-pt .wid {
		margin-bottom: 40px
	}
	#course-st1-pt #conts #trainingCourse #timetable .panel .table thead th {
		padding: 7px 10px 8px
	}
	#course-st1-pt #conts #trainingCourse #timetable .panel .table tbody th {
		padding: 6px 0;
		width: 10%
	}
	#course-st1-pt #conts #trainingCourse #timetable .panel .table tbody td {
		padding: 5px 0;
		width: 15%;
		letter-spacing: -1px
	}
	#course-st1-pt #conts #trainingCourse #recommendedTuition .panel .ttl {
		margin-bottom: 10px;
		padding-left: 75px;
		padding-top: 6px;
		min-height: 40px;
		font-size: 1.29em;
		background: url(/img/course/st1/at/img01.png) no-repeat left top
	}
	#course-st1-pt #conts #trainingCourse #recommendedTuition .panel .ttl span {
		margin-bottom: 10px;
		display: block;
		color: #264692;
		font-size: 1.33em
	}
	#course-st1-pt .panel-sporty {
		background: #f0f0f0 url(/img/course/st1/at/bg01.png) no-repeat scroll 0 0;
		box-sizing: border-box;
		padding: 30px
	}
	#course-st1-pt #conts #trainingCourse #recommendedTuition .panel {
		margin-bottom: 20px;
		height: 289px
	}
	#course-st1-pt #conts #trainingCourse #recommendedTuition .panel .pho {
		margin-top: 5px
	}
	#course-st1-pt #conts #trainingCourse #seniorMessage .panel {
		float: none;
		padding-left: 210px;
		padding-bottom: 40px;
		width: auto
	}
	#course-st1-pt #conts .accordion {
		margin-bottom: 20px;
		padding: 15px;
		background: url(/img/course/st1/at/icon.png) no-repeat right center;
		border: 2px solid #666
	}
	#course-st1-pt #conts .accordion .ttl03 {
		margin: 0;
		padding: 0
	}
	#course-st1-pt #conts .accordion .ttl03:before {
		display: none
	}
	#course-st1-pt #conts .accordion .ttl03:after {
		display: none
	}
}

@media only screen and (max-width: 768px) {
	#course-st1-pt #conts .accordion {
		margin-top: 60px;
		padding: 5px
	}
	#course-st1-pt #conts #trainingCourse #recommendedTuition .panel {
		margin-bottom: 20px
	}
	#course-st1-pt #conts #trainingCourse #recommendedTuition .panel .ttl {
		padding-left: 45px;
		background: url(/img/course/st1/at/img01.png) no-repeat left top;
		background-size: 30px auto
	}
	#course-st1-pt #conts #trainingCourse #recommendedTuition .panel .ttl span {
		margin-bottom: 10px;
		display: block;
		color: #264692;
		font-size: 1.14286em
	}
	#course-st1-pt #conts #trainingCourse #recommendedTuition .panel .deco {
		right: 0;
		left: auto
	}
	#course-st1-pt #conts #trainingCourse #recommendedTuition .panel .deco img {
		width: auto;
		height: 18px
	}
}

#course-st1-mt #gNavi {
	padding-bottom: 4px
}

#course-st1-mt #gNavi .course {
	color: #DF0B20
}

#course-st1-mt #mainVisual {
	background-image: url(/img/course/st1/mt/main_bg.jpg)
}

#course-st1-mt #mainVisual .bg {
	padding-top: 30px
}

#course-st1-mt #mainVisual .bg:before {
	background-image: url(/img/course/st1/mt/main_bg.jpg)
}

#course-st1-mt #mainVisual.subject .pageTtl span {
	margin-bottom: 7px;
	display: block;
	font-size: 0.64em
}

body#course-st1-mt.course-details #conts .ttl01 {
	margin: 0 0 23px
}

body#course-st1-mt.course-details #conts .ttl01:after {
	padding-bottom: 8px
}

body#course-st1-mt.course-details #conts .ttl02 {
	margin-top: 32px
}

body#course-st1-mt.course-details #conts #timetable .ttl02 {
	margin-top: 25px
}

body#course-st1-mt.course-details #conts #curriculum .ttl02 {
	margin-top: 60px
}

body#course-st1-mt .ttl06-xsmall {
	color: #264692
}

body#course-st1-mt .table-standard .bg-blue th {
	background-color: #264793
}

body#course-st1-mt.course-details #conts #trainingCourse #timetable .panel .table tbody .red {
	background-color: #FFECEC
}

body#course-st1-mt.course-details #conts #trainingCourse #timetable .panel .table tbody td {
	letter-spacing: -0.5px
}

body#course-st1-mt.course-details #conts #trainingCourse #recommendedTuition .more {
	margin-top: 18px
}

body#course-st1-mt.course-details #conts #trainingCourse #recommendedTuition .panel .ttl {
	margin-bottom: 10px;
	padding-left: 75px;
	min-height: 60px;
	font-size: 1.29em;
	background: url(/img/course/st1/mt/img01.png) no-repeat left top
}

body#course-st1-mt.course-details #conts #trainingCourse #recommendedTuition .panel .ttl span {
	margin-bottom: 7px;
	display: block;
	color: #264692;
	font-size: 1.33em
}

body#course-st1-mt .panel-sporty {
	background: #f0f0f0 url(/img/course/st1/mt/bg01.png) no-repeat left top
}

body#course-st1-mt.course-details #conts #trainingCourse #seniorMessage .panel .tag {
	background: url(/img/course/st1/mt/bg02.png) no-repeat left top
}

body#course-st1-mt.course-details #conts #trainingCourse #movie .panel .catch {
	color: #264692
}

body#course-st1-mt.course-details #conts #trainingCourse #seniorMessage .panel {
	float: none;
	width: auto
}

body#course-st1-mt.course-details #conts #trainingCourse #movie .panel .movie {
	margin-left: 10px
}

body#course-st1-mt.course-details #conts #trainingCourse #seniorMessage .panel .strong {
	color: #264692
}

body#course-st1-mt.course-details #conts .two-standard .wid01 {
	width: 6%
}

body#course-st1-mt.course-details #conts .two-standard .wid02 {
	width: 9%
}

body#course-st1-mt.course-details #conts #trainingCourse #license table th {
	background-color: #274894
}

body#course-st1-mt.course-details #conts #trainingCourse #license table th,
body#course-st1-mt #conts #trainingCourse #license table td {
	border: 1px solid #274894
}

body#course-st1-mt.course-details #conts #trainingCourse #license table {
	border: 3px solid #274894
}

@media only screen and (max-width: 768px) {
	#course-st1-mt #mainVisual .bg {
		padding-top: 5px
	}
	body#course-st1-mt.course-details #conts .two-standard .wid01 {
		width: auto
	}
	body#course-st1-mt.course-details #conts .two-standard .wid02 {
		width: auto
	}
	body#course-st1-mt.course-details #conts #trainingCourse #pickupLesson .panel+.panel {
		clear: both
	}
	body#course-st1-mt.course-details #conts #trainingCourse #recommendedTuition .panel .deco {
		width: 235px;
		left: auto;
		right: 0
	}
	body#course-st1-mt.course-details #conts #trainingCourse #curriculum .guide {
		margin: 0
	}
	body#course-st1-mt.course-details #conts #curriculum .ttl03 {
		margin-top: 10px
	}
}

#course_sc_index #gNavi {
	padding-bottom: 4px
}

#course_sc_index #gNavi .course {
	color: #DF0B20
}

#course_sc_index #mainVisual {
	background-image: url(/img/course/sc/index/main_bg.jpg)
}

#course_sc_index #mainVisual .bg:before {
	background-image: url(/img/course/sc/index/main_bg.jpg);
	background-position: 29.2% 35%
}

#course_sc_index #mainVisual.subject .pageTtl span {
	margin-bottom: 7px;
	display: block;
	font-size: 0.64em
}

body#course_sc_index.course-details #conts .ttl01 {
	margin: 0 0 23px
}

body#course_sc_index .ttl06-small {
	color: #856C1F
}

body#course_sc_index.course-details #conts #trainingCourse .ttl01 {
	margin-top: 50px
}

body#course_sc_index.course-details #conts .ttl01:after {
	padding-bottom: 8px
}

body#course_sc_index.course-details #conts .ttl02 {
	margin-top: 42px
}

body#course_sc_index.course-details #conts #timetable .ttl02 {
	margin-top: 25px
}

body#course_sc_index.course-details #conts #curriculum .ttl02 {
	margin-top: 60px
}

body#course_sc_index .ttl06-xsmall {
	color: #866F20
}

body#course_sc_index .table-standard .bg-blue th {
	background-color: #866F20
}

body#course_sc_index.course-details #conts #trainingCourse #timetable .panel .table tbody .red {
	background-color: #FFECEC
}

body#course_sc_index.course-details #conts #trainingCourse #timetable .panel .table tbody td {
	letter-spacing: -0.5px
}

body#course_sc_index.course-details #conts #trainingCourse #recommendedTuition .more {
	margin-top: 18px
}

body#course_sc_index.course-details #conts #trainingCourse #recommendedTuition .panel .ttl {
	margin-bottom: 10px;
	padding-top: 5px;
	padding-left: 75px;
	min-height: 60px;
	font-size: 1.29em;
	background: url(/img/course/st1/at/img01.png) no-repeat left top
}

body#course_sc_index.course-details #conts #trainingCourse #recommendedTuition .panel .ttl span {
	display: block;
	color: #856D1F;
	font-size: 1.33em
}

body#course_sc_index.course-details #conts #trainingCourse #recommendedTuition .panel .last {
	margin: 20px 0 0
}

body#course_sc_index.course-details #conts #trainingCourse #recommendedTuition .panel .last img {
	margin-top: 10px
}

body#course_sc_index .panel-sporty {
	background: #f0f0f0 url(/img/course/sc/index/bg01.png) no-repeat left top
}

body#course_sc_index.course-details #conts #trainingCourse #seniorMessage .panel .tag {
	background: url(/img/course/sc/index/bg02.png) no-repeat left top
}

body#course_sc_index.course-details #conts #trainingCourse #movie .panel .catch {
	color: #856E1F
}

body#course_sc_index.course-details #conts #trainingCourse #movie .panel .movie {
	margin-left: 10px
}

body#course_sc_index.course-details #conts #trainingCourse #seniorMessage .panel .strong {
	color: #856E1F
}

body#course_sc_index.course-details #conts .two-standard .wid01 {
	width: 6%
}

body#course_sc_index.course-details #conts .two-standard .wid02 {
	width: 9%
}

body#course_sc_index.course-details #conts #trainingCourse #license table th {
	background-color: #866F20
}

body#course_sc_index.course-details #conts #trainingCourse #license table th,
body#course_sc_index.course-details #conts #trainingCourse #license table td {
	border: 1px solid #866F20
}

body#course_sc_index.course-details #conts #trainingCourse #license table {
	border: 3px solid #866F20
}

body#course_sc_index.course-details #conts #overview .fieldOfActivity .panel .introduction .record .name span {
	font-size: 0.8em
}

body#course_sc_index .ttl06 {
	color: #856D1F
}

body#course_sc_index.course-details #conts #overview .fieldOfActivity .panel .deco {
	left: 124px
}

body#course_sc_index.course-details #conts #trainingCourse #instructor .box .description {
	margin: 0
}

@media only screen and (max-width: 768px) {
	body#course_sc_index.course-details #conts .ttl01 {
		margin-bottom: 11px
	}
	body#course_sc_index.course-details #conts .two-standard .wid01 {
		width: auto
	}
	body#course_sc_index.course-details #conts .two-standard .wid02 {
		width: auto
	}
	body#course_sc_index.course-details #conts #trainingCourse #pickupLesson .panel+.panel {
		clear: both
	}
	body#course_sc_index.course-details #conts #trainingCourse #recommendedTuition .panel .deco {
		width: 235px;
		left: auto;
		right: 0
	}
	body#course_sc_index.course-details #conts #trainingCourse #curriculum .guide {
		margin: 0
	}
	body#course_sc_index #conts #overview .fieldOfActivity .panel .deco {
		left: inherit !important
	}
}

#course-si-index #gNavi .course {
	color: #df0b20
}

#course-si-index #mainVisual {
	background-image: url(/img/course/si/index/main_bg.jpg)
}

#course-si-index #mainVisual .bg {
	padding-top: 35px
}

#course-si-index #mainVisual .bg:before {
	background-image: url(/img/course/si/index/main_bg.jpg);
	background-position: 31.2% 30%
}

#course-si-index #conts .ttl02 {
	margin-top: 33px
}

#course-si-index #conts #overview .fieldOfActivity .panel .overview {
	width: 380px
}

#course-si-index #conts .ttl06 {
	color: #15856E
}

#course-si-index #conts #overview .fieldOfActivity .panel .deco02 {
	left: 150px
}

#course-si-index #conts .panel-sporty {
	background: url(/img/course/si/index/bg02.png) no-repeat #F0F0F0 !important
}

#course-si-index #conts #overview .fieldOfActivity .panel .introduction {
	padding-top: 30px
}

#course-si-index #conts #overview .fieldOfActivity .panel .introduction02 {
	padding-top: 50px
}

#course-si-index .ttl06-small {
	color: #15856E
}

#course-si-index #conts #trainingCourse #feature .panel .box .title {
	font-size: 1.1em;
	line-height: 1.5;
	font-weight: bold;
	margin-bottom: 15px
}

#course-si-index #conts #seniorMessage h3 {
	margin-top: 40px !important
}

#course-sb-se #conts #trainingCourse #seniorMessage .panel ,
#course-sb-ss #conts #trainingCourse #seniorMessage .panel ,
#course-at-index #conts #trainingCourse #seniorMessage .panel ,
#course-si-index #conts #trainingCourse #seniorMessage .panel {
	float: none;
	width: auto;
	min-height: 200px;
}

#course-si-index #conts #trainingCourse #seniorMessage .panel .tag {
	background: url(/img/course/si/index/bg03.png) no-repeat
}

#course-sb-se #conts #trainingCourse #seniorMessage .panel .title ,
#course-sb-ss #conts #trainingCourse #seniorMessage .panel .title ,
#course-at-index #conts #trainingCourse #seniorMessage .panel .title ,
#course-si-index #conts #trainingCourse #seniorMessage .panel .title ,
#course-si-swim #conts #trainingCourse #seniorMessage .panel .title {
	font-size: 1.0em;
	font-weight: bold;
	line-height: 1.4
}

#course-sb-se #conts #trainingCourse #seniorMessage .panel .name ,
#course-sb-ss #conts #trainingCourse #seniorMessage .panel .name ,
#course-at-index #conts #trainingCourse #seniorMessage .panel .name ,
#course-si-index #conts #trainingCourse #seniorMessage .panel .name {
	margin-top: 0 !important
}

#course-si-index #conts #trainingCourse #instructor .box .description {
	margin-left: 0
}

#course-si-index .table-standard th,
#course-si-index .table-standard td {
	padding: 8px 10px 7px
}

#course-si-index .table-standard .bg-blue .month {
	width: 10%
}

#course-si-index .table-standard .bg-blue th,
#course-si-index .table-standard .bg-blue td {
	background-color: #16856F
}

#course-si-index .tableBox {
	margin-bottom: 20px
}

#course-si-index #school {
	margin-bottom: -30px
}

#course-si-index #school .ttl02 {
	margin-top: 40px !important
}

#course-si-index #school .ulBox ul {
	overflow: hidden;
	margin-right: -30px
}

#course-si-index #school .ulBox li {
	margin: 0 30px 24px 0;
	float: left;
	width: 465px
}

#course-si-index #school .ulBox li .photo {
	position: relative
}

#course-si-index #school .ulBox li .photo a:hover {
	opacity: .7;
	filter: alpha(opacity=70);
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease
}

#course-si-index #school .ulBox li .photo span {
	padding: 13px 0 0 10px;
	display: block;
	line-height: 1.4;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	font-size: 1.25em;
	letter-spacing: -2px;
	line-height: 1.3;
	position: absolute;
	top: 40px;
	left: 0;
	width: 227px;
	height: 61px;
	background: url(/img/course/si/index/bg04.png) no-repeat left top
}

#course-si-index #school .ulBox li .photo span:after {
	margin-top: -6px;
	width: 14px;
	height: 12px;
	background: url(/img/course/si/index/icon01.png) no-repeat right top;
	position: absolute;
	top: 50%;
	right: 25px;
	content: ""
}

#course-si-index #school .ulBox li p {
	margin-top: 13px
}

#course-si-index #conts #trainingCourse #movie .panel .catch {
	color: #16856F
}

#course-si-index #conts #trainingCourse #movie .panel .description {
	padding-right: 320px
}

@media only screen and (max-width: 768px) {
	#course-si-index #mainVisual .bg {
		padding-top: 10px
	}
	#course-si-index #conts #trainingCourse #pickupLesson .panel+.panel {
		clear: both;
		overflow: hidden;
		padding-top: 15px
	}
	#course-si-index #conts #overview .fieldOfActivity .panel .overview {
		width: auto
	}
	#course-si-index #conts #overview .fieldOfActivity .panel .introduction {
		padding-top: 0
	}
	#course-si-index #conts #trainingCourse #instructor .box .description {
		margin-left: 110px
	}
	#course-si-index #school .ulBox ul {
		margin: 0
	}
	#course-si-index #school .ulBox li {
		float: none;
		width: auto;
		margin: 0 0 20px
	}
	#course-si-index #school .ulBox li .photo a:hover {
		opacity: 1;
		filter: alpha(opacity=100)
	}
	#course-si-index #school .ulBox li img {
		width: 100%
	}
	#course-si-index #school .ulBox li .photo span {
		padding: 10px 0 10px 10px;
		font-size: 0.85em;
		height: auto;
		background-size: 200px 50px
	}
	#course-si-index #school .ulBox li .photo span:after {
		right: 60px
	}
	#course-si-index #conts #trainingCourse #movie .panel .description {
		padding-right: 0
	}
	#course-si-index #conts #overview .fieldOfActivity .panel .deco02 {
		left: inherit
	}
}

#course-si-fitness #gNavi .course {
	color: #df0b20
}

#course-si-fitness .test {
	display: none
}

#course-si-fitness #mainVisual {
	padding-top: 37px
}

#course-si-fitness #mainVisual {
	background-image: url(/img/course/si/fitness/main_bg.jpg)
}

#course-si-fitness #mainVisual .bg {
	padding-top: 30px
}

#course-si-fitness #mainVisual .bg:before {
	background-image: url(/img/course/si/fitness/main_bg.jpg);
	background-position: 33.5% 35%
}

#course-si-fitness #mainVisual.subject .pageTtl span {
	display: block;
	font-size: 0.65em;
	margin-bottom: 4px
}

#course-si-fitness .ttl01 {
	margin-bottom: 20px
}

#course-si-fitness #pickupLesson .ttl02 {
	margin-top: 33px
}

#course-si-fitness .ttl06-xsmall {
	color: #16856F
}

#course-si-fitness .table-standard .bg-blue th,
#course-si-fitness .table-standard .bg-blue td {
	background-color: #16856F
}

#course-si-fitness #conts #timetable .panel .table tbody th {
	padding: 4px 0;
	width: 16%
}

#course-si-fitness #conts #trainingCourse #timetable .panel .table tbody td {
	padding: 5px 0;
	width: 14%;
	font-size: 0.95em;
	word-break: break-all
}

#course-si-fitness #conts #trainingCourse #timetable .panel .table tbody .tdStyle {
	line-height: 1.0
}

#course-si-fitness #conts #trainingCourse #timetable .panel .table tbody .trStyle td {
	padding-bottom: 1px;
	padding-top: 0
}

#course-si-fitness #conts #timetable .panel .table tbody .pink {
	background-color: #FFECEC
}

#course-si-fitness #conts #timetable .panel .table tbody .yellow {
	background-color: #FEFDBD
}

#course-si-fitness #conts #timetable .back01 {
	border-bottom: 1px dotted #DDD
}

#course-si-fitness #conts #timetable .back02 {
	border-top: 1px dotted #DDD
}

#course-si-fitness #conts #timetable .panel .table tbody .thStyle {
	padding: 10px 0
}

#course-si-fitness #recommendedTuition .ttl02 {
	margin-top: 35px
}

#course-si-fitness #conts #trainingCourse #recommendedTuition .panel {
	height: 243px;
	margin-bottom: 20px;
	padding-top: 25px
}

#course-si-fitness #recommendedTuition dl {
	overflow: hidden;
	margin-bottom: 7px
}

#course-si-fitness #recommendedTuition dt {
	float: left
}

#course-si-fitness #recommendedTuition dd {
	padding-left: 75px;
	font-size: 1.25em;
	font-weight: bold;
	line-height: 2.2
}

#course-si-fitness #recommendedTuition dd h3 {
	font-size: 1.3em;
	color: #15856E
}

#course-si-fitness .panel-sporty {
	background: url(/img/course/si/fitness/bg.png) no-repeat #F0F0F0
}

#course-si-fitness #conts #trainingCourse #seniorMessage .panel {
	float: none;
	width: auto;
	padding-bottom: 55px;
}

#course-si-fitness #conts #trainingCourse #seniorMessage .panel .tag {
	background: url(/img/course/si/fitness/bg03.png) no-repeat
}

#course-si-fitness #conts #trainingCourse #seniorMessage .panel .strong {
	color: #15856E
}

#course-si-fitness #curriculum .ttl02 {
	margin-top: 60px
}

#course-si-fitness #conts .accordion {
	margin-bottom: 20px;
	padding: 15px;
	background: url(/img/course/si/fitness/icon.png) no-repeat right center;
	border: 2px solid #666
}

#course-si-fitness #conts .accordion .ttl03 {
	margin: 0;
	cursor: pointer;
	padding: 0
}

#course-si-fitness #conts .accordion .ttl03:before {
	display: none
}

#course-si-fitness #conts .accordion .ttl03:after {
	display: none
}

#course-si-fitness #conts #trainingCourse #curriculum .col thead th {
	padding: 8px 10px
}

#course-si-fitness #conts #trainingCourse #curriculum .col tbody tr td {
	padding: 8px 10px
}

#course-si-fitness #conts #trainingCourse #curriculum .trStyle td {
	background-color: #DDF4F0;
	border: 1px solid #86C4B9
}

#course-si-fitness #conts #trainingCourse #curriculum .trStyle02 th,
#course-si-fitness #conts #trainingCourse #curriculum .trStyle02 td {
	border-bottom: 1px solid #86C4B9
}

#course-si-fitness #conts #trainingCourse #curriculum .column01 {
	margin-bottom: 10px
}

#course-si-fitness #conts .notes {
	clear: both
}

#course-si-fitness #conts .notes02 {
	margin-bottom: 35px
}

#course-si-fitness #conts #trainingCourse #curriculum .col02 {
	float: none;
	width: auto
}

#course-si-fitness #conts #trainingCourse #license table {
	border: 2px solid #16856F
}

#course-si-fitness #conts #trainingCourse #license table td,
#course-si-fitness #conts #trainingCourse #license table th {
	border: 1px solid #16856F
}

#course-si-fitness #conts #trainingCourse #license table th {
	background-color: #16856F
}

#course-si-fitness #conts #trainingCourse #movie .panel .catch {
	color: #14856D
}

#course-si-fitness #conts .column01:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both
}

@media only screen and (max-width: 768px) {
	#course-si-fitness #mainVisual .bg {
		padding-top: 10px
	}
	#course-si-fitness #conts #trainingCourse #pickupLesson .panel+.panel {
		clear: both;
		overflow: hidden;
		padding-top: 15px
	}
	#course-si-fitness .test {
		display: none
	}
	#course-si-fitness #conts .accordion {
		margin-top: 60px;
		padding: 5px
	}
	#course-si-fitness #conts #trainingCourse #recommendedTuition .panel {
		height: auto
	}
	#course-si-fitness #recommendedTuition dt {
		float: none;
		margin: 0 auto 15px;
		width: 60px
	}
	#course-si-fitness #recommendedTuition dd {
		padding: 0;
		font-size: 1.28571em;
		line-height: 1.4
	}
	#course-si-fitness #recommendedTuition dd h3 {
		margin-bottom: 10px;
		font-size: 1.33333em
	}
	#course-si-fitness #conts #trainingCourse #recommendedTuition .panel .deco {
		left: inherit;
		right: 0;
		bottom: 0;
		width: 235px
	}
	#course-si-fitness #conts #trainingCourse #curriculum .guide {
		margin-bottom: 20px
	}
}

#course-si-swim #gNavi .course {
	color: #df0b20
}

#course-si-swim .test {
	display: none
}

#course-si-swim #mainVisual {
	padding-top: 37px
}

#course-si-swim #mainVisual {
	background-image: url(/img/course/si/swim/main_bg.jpg)
}

#course-si-swim #mainVisual .bg:before {
	background-image: url(/img/course/si/swim/main_bg.jpg)
}

#course-si-swim #mainVisual.subject .pageTtl span {
	display: block;
	font-size: 0.65em;
	margin-bottom: 4px
}

#course-si-swim .ttl06-xsmall {
	color: #14856D
}

#course-si-swim .table-standard .bg-blue th,
#course-si-swim .table-standard .bg-blue td {
	background-color: #16856F
}

#course-si-swim #conts #timetable .panel .table tbody th {
	padding: 4px 0;
	width: 16%
}

#course-si-swim #conts #trainingCourse #timetable .panel .table tbody td {
	padding: 5px 0;
	width: 14%;
	font-size: 0.95em;
	word-break: break-all
}

#course-si-swim #conts #trainingCourse #timetable .panel .table tbody .tdStyle {
	line-height: 1.0
}

#course-si-swim #conts #trainingCourse #timetable .panel .table tbody .trStyle td {
	padding-bottom: 1px;
	padding-top: 0
}

#course-si-swim #conts #timetable .panel .table tbody .pink {
	background-color: #FFECEC
}

#course-si-swim #conts #timetable .panel .table tbody .yellow {
	background-color: #FEFDBD
}

#course-si-swim #conts #timetable .back01 {
	border-bottom: 1px dotted #DDD
}

#course-si-swim #conts #timetable .back02 {
	border-top: 1px dotted #DDD
}

#course-si-swim #conts #timetable .panel .table tbody .thStyle {
	padding: 10px 0
}

#course-si-swim #conts .ttl02 {
	margin-top: 35px
}

#course-si-swim #recommendedTuition dl {
	overflow: hidden;
	margin-bottom: 7px
}

#course-si-swim #recommendedTuition dt {
	float: left
}

#course-si-swim #recommendedTuition dd {
	padding-left: 75px;
	font-size: 1.25em;
	font-weight: bold;
	line-height: 2.2
}

#course-si-swim #recommendedTuition dd h3 {
	font-size: 1.3em;
	color: #15856E
}

#course-si-swim .panel-sporty {
	background: url(/img/course/si/swim/bg.png) no-repeat #F0F0F0
}

#course-si-swim #conts #trainingCourse #recommendedTuition .panel {
	margin-bottom: 20px
}

#course-si-swim #conts #trainingCourse #seniorMessage .panel {
	float: none;
	width: auto;
	padding-bottom: 55px;
	min-height: 200px
}

#course-si-swim #conts #trainingCourse #seniorMessage .panel .tag {
	background: url(/img/course/si/swim/bg03.png) no-repeat
}

#course-si-swim #conts #trainingCourse #seniorMessage .panel .strong {
	color: #15856E
}

#course-si-swim #curriculum .ttl02 {
	margin-top: 60px
}

#course-si-swim #conts .accordion {
	margin-bottom: 20px;
	padding: 15px;
	background: url(/img/course/si/fitness/icon.png) no-repeat right center;
	border: 2px solid #666
}

#course-si-swim #conts .accordion .ttl03 {
	margin: 0;
	cursor: pointer;
	padding: 0
}

#course-si-swim #conts .accordion .ttl03:before {
	display: none
}

#course-si-swim #conts .accordion .ttl03:after {
	display: none
}

#course-si-swim #conts #trainingCourse #curriculum .col thead th {
	padding: 8px 10px
}

#course-si-swim #conts #trainingCourse #curriculum .col tbody tr td {
	padding: 8px 10px
}

#course-si-swim #conts #trainingCourse #curriculum .trStyle td {
	background-color: #DDF4F0;
	border: 1px solid #86C4B9
}

#course-si-swim #conts #trainingCourse #curriculum .trStyle02 th,
#course-si-swim #conts #trainingCourse #curriculum .trStyle02 td {
	border-bottom: 1px solid #86C4B9
}

#course-si-swim #conts #trainingCourse #curriculum .column01 {
	margin-bottom: 10px
}

#course-si-swim #conts .notes02 {
	margin-bottom: 35px
}

#course-si-swim #conts #trainingCourse #curriculum .col02 {
	float: none;
	width: auto
}

#course-si-swim #conts #trainingCourse #license table {
	border: 2px solid #16856F
}

#course-si-swim #conts #trainingCourse #license table td,
#course-si-swim #conts #trainingCourse #license table th {
	border: 1px solid #16856F
}

#course-si-swim #conts #trainingCourse #license table th {
	background-color: #16856F
}

#course-si-swim #conts #trainingCourse #movie .panel .catch {
	color: #14856D
}

@media only screen and (max-width: 768px) {
	#course-si-swim #conts #trainingCourse #pickupLesson .panel+.panel {
		clear: both;
		overflow: hidden;
		padding-top: 15px
	}
	#course-si-swim #recommendedTuition dt {
		float: none;
		margin: 0 auto 15px;
		width: 60px
	}
	#course-si-swim #recommendedTuition dd {
		padding: 0;
		font-size: 1.2em;
		line-height: 1.4
	}
	#course-si-swim #recommendedTuition dd h3 {
		font-size: 1.1em;
		margin-bottom: 10px
	}
	#course-si-swim #conts #trainingCourse #recommendedTuition .panel .deco {
		left: inherit;
		right: 0;
		bottom: 0;
		width: 235px
	}
	#course-si-swim #conts #trainingCourse #curriculum .guide {
		margin-bottom: 20px
	}
}

#course-si-beauty #mainVisual {
	background-image: url(/img/course/si/beauty/main_bg.jpg)
}

#course-si-beauty #mainVisual .bg:before {
	background-image: url(/img/course/si/beauty/main_bg.jpg);
	background-position: 32.7% 29%
}

#course-si-beauty #mainVisual.subject .pageTtl span {
	margin-bottom: 4px;
	display: block;
	font-size: 0.65em
}

#course-si-beauty #conts .ttl01 {
	margin-bottom: 25px
}

#course-si-beauty #conts .ttl01::after {
	margin-top: 17px
}

#course-si-beauty #conts .ttl06-xsmall {
	color: #13856C
}

#course-si-beauty #conts #trainingCourse #pickupLesson .panel::after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both
}

#course-si-beauty #conts #timetable .panel .table tbody th {
	padding: 4px 0;
	width: 10%
}

#course-si-beauty #conts #timetable .panel .table tbody td {
	padding: 4px 0;
	width: 15%
}

#course-si-beauty #conts #timetable .panel .table .bg-green th {
	color: #FFF;
	background-color: #16856F
}

#course-si-beauty #conts #timetable .panel .table tbody .pink {
	background-color: #FFECEC
}

#course-si-beauty #conts #timetable .panel .table tbody .yellow {
	background-color: #FEFDBD
}

#course-si-beauty #conts #timetable .panel .table tbody .back01 {
	border-bottom: 1px dotted #DDD
}

#course-si-beauty #conts #timetable .panel .table tbody .back02 {
	border-top: 1px dotted #DDD
}

#course-si-beauty #conts #recommendedTuition .textBox .ttlImg {
	float: left
}

#course-si-beauty #conts #recommendedTuition .textBox .ttl {
	padding-left: 80px;
	color: #13856C
}

#course-si-beauty #conts #recommendedTuition .textBox .catch {
	padding-left: 80px
}

#course-si-beauty #conts .panel-sporty {
	background: #F0F0F0 url(/img/course/si/beauty/panel_sporty_deco01.png) no-repeat
}

@media only screen and (max-width: 768px) {
	#course-si-beauty #conts .panel-sporty {
		background-size: auto 100%
	}
}

@media only screen and (min-width: 769px) {
	#course-si-beauty #conts #trainingCourse #recommendedTuition .panel {
		padding-right: 320px;
		height: 250px
	}
}

#course-si-beauty #conts #trainingCourse #recommendedTuition .panel {
	margin-bottom: 20px;
	height: auto;
	min-height: 260px
}

#course-si-beauty #conts #trainingCourse #seniorMessage .panel {
	padding-bottom: 80px;
	width: auto;
	float: none
}

#course-si-beauty #conts #recommendedTuition .text {
	margin-top: 20px
}

#course-si-beauty #conts #trainingCourse #seniorMessage .panel .tag {
	background: url(/img/course/si/beauty/seniormessage_tag_bg.png) no-repeat left top
}

#course-si-beauty #conts #trainingCourse #seniorMessage .panel .strong {
	color: #13856C
}

#course-si-beauty #conts .accordion {
	margin-bottom: 20px;
	padding: 15px;
	background: url(/img/course/si/beauty/icon.png) no-repeat right center;
	border: 2px solid #666
}

@media only screen and (max-width: 768px) {
	#course-si-beauty #conts .accordion {
		margin-top: 60px;
		padding: 5px
	}
}

#course-si-beauty #conts .accordion .ttl03 {
	margin: 0;
	padding: 0
}

#course-si-beauty #conts .accordion .ttl03:before {
	display: none
}

#course-si-beauty #conts .accordion .ttl03:after {
	display: none
}

#course-si-beauty #conts #trainingCourse #curriculum .column01 {
	margin-bottom: 20px
}

#course-si-beauty #conts #trainingCourse #curriculum .notes {
	margin-bottom: 30px
}

#course-si-beauty #conts #trainingCourse #curriculum thead .bg-green th {
	color: #FFF;
	background-color: #16856F
}

#course-si-beauty #conts #trainingCourse #curriculum .table-standard .greenBack02 td {
	border-bottom: 1px solid #86C4B9
}

#course-si-beauty #conts #trainingCourse #curriculum .table-standard .greenBack02 th {
	border-bottom: 1px solid #86C4B9
}

#course-si-beauty #conts #trainingCourse #curriculum .table-standard .greenBack td {
	background-color: #DDF4F0;
	border: 1px solid #86C4B9
}

#course-si-beauty #conts #trainingCourse #curriculum .col02 {
	width: 100%
}

#course-si-beauty #conts #trainingCourse #license table {
	border-color: #16856F
}

#course-si-beauty #conts #trainingCourse #license table th {
	background-color: #16856F;
	border-color: #16856F
}

#course-si-beauty #conts #trainingCourse #license table td {
	border-color: #16856F
}

#course-si-beauty #conts #trainingCourse #movie .panel .catch {
	color: #13856C
}

#course-si-marine #mainVisual {
	background-image: url(/img/course/si/marine/main_bg.jpg)
}

#course-si-marine #mainVisual .bg:before {
	background-image: url(/img/course/si/marine/main_bg.jpg);
	background-position: 35% 35%
}

#course-si-marine #mainVisual.subject .pageTtl span {
	margin-bottom: 4px;
	display: block;
	font-size: 0.65em
}

#course-si-marine #conts .ttl01 {
	margin-bottom: 25px
}

#course-si-marine #conts .ttl01::after {
	margin-top: 17px
}

#course-si-marine #conts .ttl06 {
	color: #15856E
}

#course-si-marine #conts .ttl06-small {
	color: #15856E
}

#course-si-marine #conts .ttl06-xsmall {
	color: #15856E
}

@media only screen and (max-width: 768px) {
	#course-si-marine #conts #trainingCourse #feature .panel .box {
		max-width: none
	}
}

#course-si-marine #conts #trainingCourse #pickupLesson .panel:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both
}

#course-si-marine #conts #timetable .panel .table tbody th {
	padding: 6px 0;
	width: 10%
}

#course-si-marine #conts #timetable .panel .table tbody td {
	padding: 6px 0;
	width: 18%
}

#course-si-marine #conts #timetable .panel .table .bg-green th {
	color: #FFF;
	background-color: #16856F
}

#course-si-marine #conts #timetable .panel .table tbody .pink {
	background-color: #FFECEC
}

#course-si-marine #conts #timetable .panel .table tbody .yellow {
	background-color: #FEFDBD
}

#course-si-marine #conts #recommendedTuition .textBox .ttlImg {
	float: left
}

#course-si-marine #conts #recommendedTuition .textBox .ttl {
	padding-left: 80px;
	color: #13856C
}

#course-si-marine #conts #recommendedTuition .textBox .catch {
	padding-left: 80px
}

#course-si-marine #conts #recommendedTuition .text {
	margin-top: 20px
}

#course-si-marine #conts .panel-sporty {
	background: #F0F0F0 url(/img/course/si/marine/panel_sporty_deco01.png) no-repeat
}

@media only screen and (min-width: 769px) {
	body.course-marine #conts #trainingCourse #recommendedTuition .panel {
		padding-right: 320px;
		height: 250px
	}
}

#course-si-marine #conts #trainingCourse #recommendedTuition .panel {
	margin-bottom: 20px;
	height: auto
}

#course-si-marine #conts #trainingCourse #seniorMessage .panel {
	padding-bottom: 30px
}

#course-si-marine #conts #trainingCourse #seniorMessage .panel .tag {
	background: url(/img/course/si/marine/seniormessage_tag_bg.png) no-repeat left top
}

#course-si-marine #conts #trainingCourse #seniorMessage .panel .strong {
	color: #13856C
}

#course-si-marine #conts #trainingCourse #instructor .box .description {
	margin-left: 0
}

#course-si-marine #conts #trainingCourse #schoolCalendar .col {
	width: 100%;
	float: none
}

#course-si-marine #conts #trainingCourse #schoolCalendar th {
	background-color: #16856F
}

#course-si-marine #conts #trainingCourse #schoolCalendar th:first-child,
#course-si-marine #conts #trainingCourse #schoolCalendar th:nth-child(3),
#course-si-marine #conts #trainingCourse #schoolCalendar td:first-child,
#course-si-marine #conts #trainingCourse #schoolCalendar td:nth-child(3) {
	width: 5%
}

#course-si-marine #conts #trainingCourse #schoolCalendar th:nth-child(2),
#course-si-marine #conts #trainingCourse #schoolCalendar th:nth-child(4),
#course-si-marine #conts #trainingCourse #schoolCalendar td:nth-child(2),
#course-si-marine #conts #trainingCourse #schoolCalendar td:nth-child(4) {
	width: 45%
}

#course-si-marine #conts .accordion {
	margin-bottom: 20px;
	padding: 15px;
	background: url(/img/course/si/marine/icon.png) no-repeat right center;
	border: 2px solid #666
}

@media only screen and (max-width: 768px) {
	#course-si-marine #conts .accordion {
		margin-top: 60px;
		padding: 5px
	}
}

#course-si-marine #conts .accordion .ttl03 {
	margin: 0;
	padding: 0
}

#course-si-marine #conts .accordion .ttl03:before {
	display: none
}

#course-si-marine #conts .accordion .ttl03:after {
	display: none
}

#course-si-marine #conts #trainingCourse #curriculum .column01 {
	margin-bottom: 20px
}

#course-si-marine #conts #trainingCourse #curriculum .notes {
	margin-bottom: 30px
}

#course-si-marine #conts #trainingCourse #curriculum thead .bg-green th {
	color: #FFF;
	background-color: #16856F
}

#course-si-marine #conts #trainingCourse #curriculum .col02 {
	width: 100%
}

#course-si-marine #conts #trainingCourse #license table {
	border-color: #16856F
}

#course-si-marine #conts #trainingCourse #license table th {
	background-color: #16856F;
	border-color: #16856F
}

#course-si-marine #conts #trainingCourse #license table td {
	border-color: #16856F
}

#course-si-marine #conts #trainingCourse #movie .panel .catch {
	color: #13856C
}

#course-sb-index #mainVisual {
	background-image: url(/img/course/sb/se/main_bg.jpg);
	background-position: 63% center;
}

#course-sb-index #mainVisual .bg:before {
	background-image: url(/img/course/sb/se/main_bg.jpg);
	background-position: 32% 45%
}

#course-sb-index #mainVisual {
	padding-top: 45px
}

#course-sb-index #conts .ttl01 {
	margin-bottom: 25px
}

#course-sb-index #conts .ttl01::after {
	margin-top: 17px
}

#course-sb-index #conts .ttl06 {
	color: #EC6B0C
}

#course-sb-index #conts .ttl06-small {
	color: #EC6B0C
}

#course-sb-index #conts .ttl06-xsmall {
	color: #EC6B0C
}

#course-sb-index #conts .panel-sporty {
	background: #F0F0F0 url(/img/course/sb/panel_sporty_deco01.png) no-repeat
}

#course-sb-index #conts #overview .fieldOfActivity .panel:nth-child(3) .introduction {
	padding-top: 30px
}

#course-sb-index #conts #trainingCourse #feature .panel .box {
	width: 419px
}

@media only screen and (max-width: 768px) {
	#course-sb-index #conts #trainingCourse #feature .panel .box {
		max-width: none;
		width: 100%
	}
}

#course-sb-se #conts #timetable .panel .table tbody th ,
#course-sb-se #conts #timetable .panel .table tbody th ,
#course-sb-index #conts #timetable .panel .table tbody th {
	padding: 6px 0;
	width: 10%
}

#course-sb-se #conts #timetable .panel .table tbody td ,
#course-sb-ss #conts #timetable .panel .table tbody td ,
#course-sb-index #conts #timetable .panel .table tbody td {
	padding: 6px 0;
	width: 18%
}

#course-sb-se #conts #timetable .panel .table .bg-orange th,
#course-sb-ss #conts #timetable .panel .table .bg-orange th,
#course-sb-index #conts #timetable .panel .table .bg-orange th {
	color: #FFF;
	background-color: #EC6B0C
}

#course-sb-se #conts #timetable .panel .table tbody .pink ,
#course-sb-ss #conts #timetable .panel .table tbody .pink ,
#course-sb-index #conts #timetable .panel .table tbody .pink {
	background-color: #FFECEC
}

#course-sb-se #conts #timetable .panel .table tbody .yellow ,
#course-sb-ss #conts #timetable .panel .table tbody .yellow ,
#course-sb-index #conts #timetable .panel .table tbody .yellow {
	background-color: #FEFDBD
}

@media only screen and (min-width: 769px) {
	#course-sb-index #conts #trainingCourse #recommendedTuition .panel {
		padding-right: 320px;
		height: 250px
	}
}

#course-sb-index #conts #trainingCourse #recommendedTuition .panel {
	margin-bottom: 20px;
	height: auto
}

#course-sb-index #conts #recommendedTuition .textBox .ttlImg {
	float: left
}

#course-sb-index #conts #recommendedTuition .textBox .ttl {
	padding-left: 80px;
	color: #EB6B0C
}

#course-sb-index #conts #recommendedTuition .textBox .catch {
	padding-left: 80px
}

#course-sb-index #conts #recommendedTuition .text {
	margin-top: 20px
}

#course-sb-index #conts #trainingCourse #seniorMessage .panel {
	padding-bottom: 30px
}

#course-sb-index #conts #trainingCourse #seniorMessage .panel .tag {
	background: url(/img/course/sb/seniormessage_tag_bg.png) no-repeat left top
}

#course-sb-index #conts #trainingCourse #seniorMessage .panel .strong {
	color: #EB6B0C
}

#course-sb-index #conts #trainingCourse #instructor .box .description {
	margin-left: 0
}

#course-sb-index #conts #trainingCourse #schoolCalendar table {
	margin-bottom: 15px
}

#course-sb-index #conts #trainingCourse #schoolCalendar th {
	width: 5%;
	background-color: #EC6B0C
}

#course-sb-index #conts #trainingCourse #schoolCalendar th:first-child,
#course-sb-index #conts #trainingCourse #schoolCalendar th:nth-child(3),
#course-sb-index #conts #trainingCourse #schoolCalendar td:first-child,
#course-sb-index #conts #trainingCourse #schoolCalendar td:nth-child(3) {
	width: 5%
}

#course-sb-index #conts #trainingCourse #schoolCalendar th:nth-child(2),
#course-sb-index #conts #trainingCourse #schoolCalendar th:nth-child(4),
#course-sb-index #conts #trainingCourse #schoolCalendar td:nth-child(2),
#course-sb-index #conts #trainingCourse #schoolCalendar td:nth-child(4) {
	width: 45%
}

#course-sb-index #conts .accordion {
	margin-bottom: 20px;
	padding: 15px;
	background: url(/img/course/sb/icon.png) no-repeat right center;
	border: 2px solid #666
}

@media only screen and (max-width: 768px) {
	#course-sb-index #conts .accordion {
		margin-top: 60px;
		padding: 5px
	}
	#course-sb-index #conts #trainingCourse #schoolCalendar table {
		height: auto
	}
	#course-sb-index #conts #trainingCourse #schoolCalendar thead th {
		height: auto
	}
}

#course-sb-index #conts .accordion .ttl03 {
	margin: 0;
	padding: 0
}

#course-sb-index #conts .accordion .ttl03:before {
	display: none
}

#course-sb-index #conts .accordion .ttl03:after {
	display: none
}

#course-sb-index #conts #trainingCourse #curriculum .column01 {
	margin-bottom: 20px
}

#course-sb-index #conts #trainingCourse #curriculum .notes {
	margin-bottom: 30px
}

#course-sb-index #conts #trainingCourse #curriculum thead .bg-orange th {
	color: #FFF;
	background-color: #EC6B0C
}

#course-sb-index #conts #trainingCourse #curriculum tbody td {
	white-space: pre-wrap
}

#course-sb-index #conts #trainingCourse #curriculum .col02 {
	width: 100%
}

#course-sb-se #conts #trainingCourse #license table ,
#course-sb-ss #conts #trainingCourse #license table ,
#course-sb-index #conts #trainingCourse #license table {
	border-color: #EC6B0C
}

#course-sb-se #conts #trainingCourse #license table th ,
#course-sb-ss #conts #trainingCourse #license table th ,
#course-sb-index #conts #trainingCourse #license table th {
	background-color: #EC6B0C;
	border-color: #EC6B0C
}

#course-sb-se #conts #trainingCourse #license table td ,
#course-sb-ss #conts #trainingCourse #license table td ,
#course-sb-index #conts #trainingCourse #license table td {
	border-color: #EC6B0C
}

#course-sb-index #conts #trainingCourse #movie .panel .catch {
	color: #EB6B0C
}

#course-management-index #gNavi .course {
	color: #df0b20
}

#course-management-index #mainVisual {
	padding-top: 50px;
	padding-bottom: 80px
}

#course-management-index #mainVisual {
	background-image: url(/img/course/management/main_bg.jpg)
}

#course-management-index #mainVisual .bg {
	padding-top: 30px;
	padding-bottom: 30px
}

#course-management-index #mainVisual .bg:before {
	background-image: url(/img/course/management/main_bg.jpg);
	background-position: 30% 35%
}

#course-management-index .panel-sporty {
	background: #f0f0f0 url(/img/course/management/panel_sporty_deco01.png) no-repeat
}

@media only screen and (max-width: 768px) {
	#course-management-index .panel-sporty {
		padding: 30px 30px 65px;
		background: #f0f0f0 url(/img/course/management/panel_sporty_deco03.png) no-repeat !important
	}
}

#course-management-index #conts #overview .fieldOfActivity .panel .overview {
	width: 450px
}

@media only screen and (max-width: 768px) {
	#course-management-index #mainVisual {
		padding-top: 50px;
		padding-bottom: 0
	}
	#course-management-index #mainVisual .bg {
		padding-top: 0;
		padding-bottom: 0
	}
	#course-management-index #conts #overview .fieldOfActivity .panel .overview {
		width: auto
	}
}

#course-management-index .ttl06 {
	color: #C9451F
}

#course-management-index #conts #overview .fieldOfActivity .panel .overview .catch {
	font-weight: normal;
	font-size: 1.0em;
	line-height: 1.6
}

#course-management-index #conts #trainingCourse #feature .panel {
	padding: 30px 30px 25px;
	background: #f0f0f0 url(/img/course/management/panel_sporty_deco03.png) no-repeat left top
}

#course-management-index #conts #trainingCourse #feature .ttl06-small {
	color: #C9451F
}
/*
#course-management-index #conts #trainingCourse #feature .panel .box .ttl img {
float: left
}

#course-management-index #conts #trainingCourse #feature .panel .box .photo {
bottom: 0;
position: inherit
}

#course-management-index #conts #trainingCourse #feature .panel .box .ttl {
font-size: 1.2em;
text-align: left;
overflow: hidden
}

#course-management-index #conts #trainingCourse #feature .panel .box .ttl span {
margin-top: 5px;
display: block;
float: left
}

#course-management-index #conts #trainingCourse #feature .panel .box .ttl .spe01 {
margin-top: 16px
}

#course-management-index #conts #trainingCourse #feature .panel .box .ttl .spe02 {
margin-top: 0
}

#course-management-index #conts #trainingCourse #feature .panel .box .ttl img {
margin: 0 10px 0 0
}
@media only screen and (max-width: 768px) {
#course-management-index #conts #trainingCourse #feature .panel {
padding: 30px 20px 25px
}
#course-management-index #conts #trainingCourse #feature .panel .box .ttl img {
margin: 0 auto 15px;
float: none
}
#course-management-index #conts #trainingCourse #feature .panel .box .ttl {
text-align: center
}
#course-management-index #conts #trainingCourse #feature .panel .box .ttl span {
display: inline;
float: none;
font-size: 1.25em
}
#course-management-index #conts #trainingCourse #feature .panel .box .ttl .spe01 {
margin-top: 10px
}
}
#course-management-index #conts #trainingCourse #feature .panel .box .photo {
margin-bottom: 30px
}
*/

#course-management-index #conts #trainingCourse #feature .panel p {
	margin-bottom: 20px;
	font-size: 0.9em
}

#course-management-index #conts #trainingCourse #feature .panel .box dl {
	border-top: 1px solid #C9451F
}

#course-management-index #conts #trainingCourse #feature .panel .box dt {
	padding: 15px 0 10px;
	clear: both;
	float: left;
	font-weight: bold;
	line-height: 1.2
}

#course-management-index #conts #trainingCourse #feature .panel .box .textDt {
	padding-top: 30px
}

#course-management-index #conts #trainingCourse #feature .panel .box dd {
	padding: 10px 0 10px 90px;
	border-bottom: 1px solid #C9451F;
	font-size: 0.9em
}

@media only screen and (max-width: 768px) {
	#course-management-index #conts #trainingCourse #feature .panel .box .textDt {
		padding-top: 22px
	}
	#course-management-index #conts #trainingCourse #feature .panel .box dd {
		padding: 20px 0 20px 90px
	}
}

#course-management-index #conts #trainingCourse #feature .panel .box {
	padding-bottom: 0
}

#course-management-index .ttl06-xsmall {
	color: #C9451F
}

#course-management-index .table-standard .bg-blue th {
	background-color: #C9451F
}

#course-management-index #trainingCourse #timetable .panel .club {
	background-color: #FFECEC
}

#course-management-index #trainingCourse #timetable .panel .subBox {
	margin-top: 20px;
	padding: 25px;
	background-color: #F0F0F0
}

#course-management-index #trainingCourse #timetable .panel .subBox p {
	margin-bottom: 20px
}

#course-management-index #trainingCourse #timetable .panel .subBox li {
	margin-right: 5px;
	padding: 5px 8px;
	color: #C9451F;
	display: inline-block;
	font-weight: bold;
	line-height: 1;
	letter-spacing: -1px;
	background-color: #FFF
}

#course-management-index #trainingCourse #timetable .panel .subBox .list02 {
	padding: 15px 0 0;
	margin: 5px 5px 0 0;
	background-color: inherit
}

#course-management-index #trainingCourse #timetable .panel .subBox .list04 {
	padding: 0;
	color: #111;
	font-weight: normal;
	background-color: inherit
}

@media only screen and (max-width: 768px) {
	#course-management-index #trainingCourse #timetable .panel .subBox {
		padding: 10px
	}
	#course-management-index #trainingCourse #timetable .panel .subBox li {
		padding: 3px 5px;
		margin-right: 2px;
		font-size: 0.8em
	}
	#course-management-index #trainingCourse #timetable .panel .subBox .list02 {
		margin: 5px 2px 0 0
	}
}

#course-management-index #conts #trainingCourse .caseBox {
	margin-top: 40px;
	overflow: hidden;
	position: relative;
	background: #f0f0f0 url(/img/course/management/panel_sporty_deco03.png) no-repeat
}

#course-management-index #conts #trainingCourse .caseBox .box .ttl {
	text-align: center;
	white-space: nowrap
}

#course-management-index #conts #trainingCourse .caseBox .box .ttl img {
	margin: 0 auto 15px;
	display: block
}

#course-management-index #conts #trainingCourse .caseBox .box .ttl06-small {
	color: #C9451F
}

#course-management-index #conts #trainingCourse #recommendedTuition .panel {
	padding: 30px 340px 30px 30px;
	height: 244px;
	background: #f0f0f0 url(/img/course/management/panel_sporty_deco04.png) no-repeat
}

#course-management-index #conts #trainingCourse #recommendedTuition .imgBox {
	overflow: hidden;
	zoom: 1
}

#course-management-index #conts #trainingCourse #recommendedTuition .imgBox .img {
	float: left
}

#course-management-index #conts #trainingCourse #recommendedTuition .imgBox .textBox {
	float: right;
	width: 515px
}

@media only screen and (max-width: 768px) {
	#course-management-index #conts #trainingCourse #recommendedTuition .panel {
		padding: 20px 20px 40px;
		height: auto
	}
	#course-management-index #conts #trainingCourse #recommendedTuition .imgBox .textBox {
		padding-left: 70px;
		float: none;
		width: auto
	}
	#course-management-index #conts #trainingCourse #recommendedTuition .imgBox .textBox .ttl06 {
		letter-spacing: -1px
	}
	#course-management-index #conts #trainingCourse #recommendedTuition .panel .deco {
		right: 0;
		left: auto
	}
	#course-management-index #conts #trainingCourse #recommendedTuition .panel .deco img {
		width: 184px
	}
}

#course-management-index #conts #trainingCourse #seniorMessage .panel .tag {
	background: url(/img/course/management/seniormessage_tag_bg.png) no-repeat
}

#course-management-index #conts #trainingCourse #seniorMessage .panel .strong {
	color: #C9451F
}

@media only screen and (min-width: 769px) {
	#course-management-index #conts #trainingCourse .caseBox .box {
		width: 260px;
		padding-bottom: 278px
	}
	#course-management-index #conts #trainingCourse .caseBox .box+.box {
		margin-left: 29px;
		padding-left: 29px;
		width: 289px;
		border-left: 2px dotted #ccc
	}
	#course-management-index #conts #trainingCourse .caseBox .box .photo {
		position: absolute;
		bottom: 30px
	}
}

@media only screen and (max-width: 768px) {
	#course-management-index #conts #trainingCourse .caseBox .box {
		margin-left: auto;
		margin-right: auto;
		max-width: 400px
	}
	#course-management-index #conts #trainingCourse .caseBox .box+.box {
		margin-top: 30px;
		padding-top: 30px;
		border-top: 2px dotted #ccc
	}
	#course-management-index #conts #trainingCourse .caseBox .box .photo {
		margin-top: 10px;
		text-align: center
	}
}

#course-management-index #conts .accordion {
	margin-bottom: 20px;
	padding: 15px;
	background: url(/img/course/management/icon02.png) no-repeat right center;
	border: 2px solid #666
}

@media only screen and (max-width: 768px) {
	#course-management-index #conts .accordion {
		margin-top: 60px;
		padding: 5px
	}
	#course-management-index .table-standard td:nth-child(1) {
		width: 55%
	}
	#course-management-index .table-standard td:nth-child(3) {
		width: 30%
	}
}

#course-management-index #conts .accordion .ttl03 {
	margin: 0;
	padding: 0
}

#course-management-index #conts .accordion .ttl03:before {
	display: none
}

#course-management-index .accordion .ttl03:after {
	display: none
}

#course-management-index #conts #trainingCourse #license table th {
	background-color: #C9451F
}

#course-management-index #conts #trainingCourse #license table {
	border: 1px solid #C9451F
}

#course-management-index #conts #trainingCourse #license table th,
#course-management-index #conts #trainingCourse #license table td {
	border: 1px solid #C9451F
}

#course-management-index #conts #trainingCourse #movie .catch {
	color: #C9451F
}

#course-management-index #conts #trainingCourse #movie .panel {
	background: #f0f0f0 url(/img/course/management/panel_sporty_deco04.png) no-repeat left top
}

#course-management-index #conts #pickupLesson {
	margin-bottom: 30px
}

#course-management-index #conts #pickupLesson .column01 .panel {
	overflow: hidden
}

#course-child-index #gNavi .course {
	color: #df0b20
}

#course-child-index #mainVisual {
	background-image: url(/img/course/child/main_bg.jpg)
}

#course-child-index #mainVisual .bg {
	padding-top: 30px
}

#course-child-index #mainVisual .bg:before {
	background-image: url(/img/course/child/main_bg.jpg);
	background-position: 29% 35%
}

#course-child-index .panel-sporty {
	background: #f0f0f0 url(/img/course/child/panel_sporty_deco01.png) no-repeat
}

#course-child-index #conts #overview .fieldOfActivity .panel .overview {
	width: 450px
}

@media only screen and (max-width: 768px) {
	#course-child-index .panel-sporty {
		background: #f0f0f0 url(/img/course/child/panel_sporty_deco02.png) no-repeat !important
	}
	#course-child-index #mainVisual .bg {
		padding-top: 10px
	}
	#course-child-index #conts #overview .fieldOfActivity .panel .overview {
		width: auto
	}
}

#course-child-index .ttl06 {
	color: #EE8C06
}

#course-child-index #conts #overview .fieldOfActivity .panel .overview .catch {
	font-size: 1em;
	font-weight: normal;
	line-height: 1.6
}

#course-child-index .ttl06-xsmall,
#course-child-index .ttl06-small {
	color: #EE8C06
}

#course-child-index .ttl06-small span {
	display: block;
	color: #111;
	font-size: 0.7em;
	font-weight: normal
}

#course-child-index #feature .panel {
	background: #f0f0f0 url(/img/course/child/panel_sporty_deco02.png) no-repeat
}

#course-child-index .table-standard .bg-blue th,
#course-child-index .table-standard .bg-blue td {
	background-color: #F19A07
}

#course-child-index #conts #trainingCourse #timetable .panel .table tbody .club {
	background-color: #FFECEC
}

#course-child-index #conts .column01 {
	margin-bottom: 20px
}

#course-child-index #conts .column01 .speImg {
	margin-top: 30px
}

#course-child-index #conts #trainingCourse #recommendedTuition .panel {
	padding: 30px 340px 30px 30px;
	height: 244px;
	background: #f0f0f0 url(/img/course/child/panel_sporty_deco02.png) no-repeat
}

#course-child-index #conts #trainingCourse #recommendedTuition .imgBox {
	overflow: hidden;
	zoom: 1
}

#course-child-index #conts #trainingCourse #recommendedTuition .imgBox .img {
	float: left
}

#course-child-index #conts #trainingCourse #recommendedTuition .imgBox .textBox {
	float: right;
	width: 515px
}

@media only screen and (max-width: 768px) {
	#course-child-index #conts #trainingCourse #recommendedTuition .panel {
		padding: 20px 20px 40px;
		height: auto
	}
	#course-child-index #conts #trainingCourse #recommendedTuition .imgBox .textBox {
		padding-left: 70px;
		float: none;
		width: auto
	}
	#course-child-index #conts #trainingCourse #recommendedTuition .imgBox .textBox .ttl06 {
		letter-spacing: -1px
	}
	#course-child-index #conts #trainingCourse #recommendedTuition .panel .deco {
		right: 10px;
		left: auto
	}
	#course-child-index #conts #trainingCourse #recommendedTuition .panel .deco img {
		width: 184px
	}
}

#course-child-index #conts #trainingCourse #seniorMessage .panel .tag {
	background: url(/img/course/child/seniormessage_tag_bg.png) no-repeat
}

#course-child-index #conts #trainingCourse #seniorMessage .panel .strong {
	color: #EE8C06
}

#course-child-index #conts #trainingCourse #instructor .box .description {
	margin: 0
}

#course-child-index #conts .accordion {
	margin-bottom: 20px;
	padding: 15px;
	background: url(/img/course/management/icon02.png) no-repeat right center;
	border: 2px solid #666
}

#course-child-index #conts .accordion .ttl03 {
	margin: 0;
	padding: 0
}

#course-child-index #conts .accordion .ttl03:before {
	display: none
}

#course-child-index .accordion .ttl03:after {
	display: none
}

@media only screen and (max-width: 768px) {
	#course-child-index #conts .accordion {
		margin-top: 60px;
		padding: 5px
	}
	#course-child-index #conts #trainingCourse #curriculum td:first-child {
		width: 60%
	}
}

#course-child-index #conts #trainingCourse #license table {
	border: 2px solid #F19A07
}

#course-child-index #conts #trainingCourse #license table th {
	background-color: #F19A07
}

#course-child-index #conts #trainingCourse #license table th,
#course-child-index #conts #trainingCourse #license table td {
	border: 1px solid #F19A07
}

#course-child-index #conts #trainingCourse #movie .panel .catch {
	color: #EE8C06
}

#course-child-index #movie .panel-sporty {
	background: #f0f0f0 url(/img/course/child/panel_sporty_deco02.png) no-repeat
}

@media only screen and (max-width: 768px) {
	#course-child-index #movie .panel-sporty {
		padding-bottom: 65px
	}
	#course-child-index #pickupLesson .panel {
		overflow: hidden
	}
}

#course-child-index .table-standard th:nth-child(1),
#course-child-index .table-standard td:nth-child(1) {
	width: 10%
}

#course-at2 #gNavi .course {
	color: #df0b20
}

#course-at2 #mainVisual {
	background-image: url(/img/course/st1/st1_main_visual.jpg)
}

#course-at2 .ttl06 {
	color: #1675C2
}

#course-at2 .ttl06-xsmall {
	color: #1675C2
}

#course-at2 #conts #trainingCourse #seniorMessage .panel .strong {
	color: #1675C2
}

#course-at2 .table-standard .bg-blue th,
.table-standard .bg-blue td {
	background-color: #1675C2
}

#course-at2 #conts #trainingCourse #seniorMessage .panel .tag {
	background-image: url(/img/course/st1/at/seniormessage_tag_bg.png)
}

#course-at2 #conts #trainingCourse #movie .panel .catch {
	color: #1675C2
}

#course-at2 #conts #trainingCourse #movie .panel .catch {
	color: #1675C2
}

#course-at2 #conts #trainingCourse #license table th {
	background-color: #1675C2
}

#course-at2 #conts #trainingCourse #license table th,
#course-at2 #conts #trainingCourse #license table td {
	border: 1px solid #1675C2
}

#course-at2 #timetable .red {
	background-color: #ffecec
}

#course-at2 #mainVisual {
	background-image: url(/img/course/at2/main_bg.jpg)
}

#course-at2 #mainVisual .bg:before {
	background-image: url(/img/course/at2/main_bg.jpg)
}

#course-at2 #conts #trainingCourse #instructor .box .description {
	margin-left: 0
}

@media only screen and (min-width: 768px) {
	#course-at2 .ttl01 {
		margin-bottom: 20px
	}
	#course-at2 #conts #trainingCourse #recommendedTuition .panel {
		margin-bottom: 20px;
		height: 249px
	}
	#course-at2 #conts #trainingCourse #recommendedTuition .panel .pho {
		position: relative;
		z-index: 10
	}
	#course-at2 #conts #trainingCourse #seniorMessage .panel {
		float: none;
		padding-left: 210px;
		padding-bottom: 20px;
		width: auto
	}
	#course-at2 #conts .accordion {
		margin-bottom: 20px;
		padding: 15px;
		background: url(/img/course/st1/at/icon.png) no-repeat right center;
		border: 2px solid #666
	}
	#course-at2 #conts .accordion .ttl03 {
		margin: 0;
		padding: 0
	}
	#course-at2 #conts .accordion .ttl03:before {
		display: none
	}
	#course-at2 #conts .accordion .ttl03:after {
		display: none
	}
}

@media only screen and (max-width: 768px) {
	#course-at2 #conts .accordion {
		margin-top: 60px;
		padding: 5px
	}
	#course-at2 #conts #trainingCourse #recommendedTuition .panel {
		margin-bottom: 20px
	}
	#course-at2 #conts #trainingCourse #recommendedTuition .panel .ttl {
		margin-bottom: 10px
	}
	#course-at2 #conts #trainingCourse #recommendedTuition .panel .ttl span {
		margin-bottom: 10px;
		display: block;
		color: #1574C1;
		font-size: 1.14286em
	}
	#course-at2 #conts #trainingCourse #recommendedTuition .panel .deco {
		right: 0;
		left: auto
	}
	#course-at2 #conts #trainingCourse #recommendedTuition .panel .deco img {
		width: auto;
		height: 18px
	}
}

#getajob-index #main {
	padding-bottom: 55px
}

#getajob-index #main #keyVisual {
	background-image: url(/img/getajob/index/main_img.jpg)
}

#getajob-index #main #keyVisual .bg:before {
	background-image: url(/img/getajob/index/main_img.jpg)
}

#getajob-index #main .cateTop .link01 {
	background-image: url(/img/getajob/index/img01.jpg)
}

#getajob-index #main .cateTop .link02 {
	background-image: url(/img/getajob/index/img02.jpg)
}

#getajob-index #main .cateTop .link03 {
	background-image: url(/img/getajob/index/img03.jpg)
}

#getajob-index #main .cateTop .link04 {
	background-image: url(/img/getajob/index/img04.jpg)
}

#getajob-index #main .cateTop .link05 {
	background-image: url(/img/getajob/index/img05.jpg)
}

#getajob-index #main .cateTop .lastChild {
	padding-bottom: 0
}

@media only screen and (max-width: 768px) {
	#getajob-index #main {
		padding-bottom: 27px
	}
	#getajob-index #main .cateTop .anchor {
		background-size: 100% auto
	}
}

#getajob-support #main {
	padding-bottom: 55px
}

#getajob-support #main #keyVisual {
	background-image: url("/img/getajob/support/main_img.jpg")
}

#getajob-support #main #keyVisual .bg:before {
	background-image: url("/img/getajob/support/main_img.jpg");
	background-position: 31.3% 42%
}

#getajob-support #main .pc {
	display: block
}

#getajob-support #main .sp {
	display: none
}

#getajob-support #main #conts {
	margin: 0 auto;
	width: 700px
}

#getajob-support #main #conts #support .lead {
	margin-bottom: 35px;
	text-align: center
}

#getajob-support #main #conts #support .comSection {
	padding-bottom: 35px
}

#getajob-support #main #conts #support .comSection .supportTtl {
	margin: -5px 0 10px;
	font-size: 1.42857em;
	color: #BA0A1A;
	font-weight: bold
}

#getajob-support #main #conts #support .comSection#career p {
	margin-bottom: 15px
}

#getajob-support #main #conts #support .comSection#point p {
	float: left;
	width: 500px
}

#getajob-support #main #conts #support .comSection#point img {
	float: right
}

#getajob-support #main #conts #support .comSection#trinity .heckImg,
#getajob-support #main #conts #support .comSection#trinity .name {
	float: left
}

#getajob-support #main #conts #support .comSection#trinity .heckTxt,
#getajob-support #main #conts #support .comSection#trinity .img {
	float: right
}

#getajob-support #main #conts #support .comSection#trinity .heckTxt {
	margin-bottom: 30px;
	width: 406px
}

#getajob-support #main #conts #support .comSection#trinity .name {
	width: 414px
}

#getajob-support #main #conts #support .comSection#trinity .name p:first-child {
	margin-bottom: 25px
}

#getajob-support #main #conts #support .comSection#trinity .name span {
	display: block;
	text-align: right
}

#getajob-support #main #conts #support .comSection#lifeTime {
	text-align: center
}

#getajob-support #main #conts #support .comSection#lifeTime .ttl02,
#getajob-support #main #conts #support .comSection#lifeTime .supportTtl {
	text-align: left
}

#getajob-support #main #conts #support .comSection#lifeTime .stepUpBox {
	margin-bottom: 20px
}

#getajob-support #main #conts #support .comSection#lifeTime .stepUpBox p {
	width: 487px;
	float: left;
	text-align: left
}

#getajob-support #main #conts #support .comSection#lifeTime .stepUpBox img {
	float: right
}

@media only screen and (max-width: 768px) {
	#getajob-support #main {
		padding-bottom: 27px
	}
	#getajob-support #main .pc {
		display: none
	}
	#getajob-support #main .sp {
		display: block
	}
	#getajob-support #main #conts {
		width: auto
	}
	#getajob-support #main #conts #support .lead {
		margin-bottom: 17px
	}
	#getajob-support #main #conts #support .comSection {
		padding-bottom: 17px
	}
	#getajob-support #main #conts #support .comSection .supportTtl {
		margin: -5px 0 10px;
		font-size: 1.42857em;
		color: #BA0A1A;
		font-weight: bold
	}
	#getajob-support #main #conts #support .comSection#career p {
		margin-bottom: 7px
	}
	#getajob-support #main #conts #support .comSection#career .imgBox {
		text-align: center
	}
	#getajob-support #main #conts #support .comSection#career .imgBox .sp {
		display: block;
		width: 100%;
		height: auto
	}
	#getajob-support #main #conts #support .comSection#point p {
		margin-bottom: 10px;
		float: none;
		width: auto
	}
	#getajob-support #main #conts #support .comSection#point img {
		margin: 0 auto;
		float: none;
		display: block
	}
	#getajob-support #main #conts #support .comSection#trinity .heckImg,
	#getajob-support #main #conts #support .comSection#trinity .name {
		float: none
	}
	#getajob-support #main #conts #support .comSection#trinity .heckTxt,
	#getajob-support #main #conts #support .comSection#trinity .img {
		float: none
	}
	#getajob-support #main #conts #support .comSection#trinity .heckImg {
		margin: 0 auto 10px;
		display: block
	}
	#getajob-support #main #conts #support .comSection#trinity .heckTxt {
		margin-bottom: 10px;
		width: auto
	}
	#getajob-support #main #conts #support .comSection#trinity .name {
		width: auto
	}
	#getajob-support #main #conts #support .comSection#trinity .name p:first-child {
		margin-bottom: 12px
	}
	#getajob-support #main #conts #support .comSection#trinity .name span {
		margin-bottom: 5px;
		display: block;
		text-align: center
	}
	#getajob-support #main #conts #support .comSection#trinity .img {
		margin: 0 auto;
		display: block
	}
	#getajob-support #main #conts #support .comSection#lifeTime .stepUpBox {
		margin-bottom: 10px
	}
	#getajob-support #main #conts #support .comSection#lifeTime .stepUpBox p {
		margin-bottom: 5px;
		width: auto;
		float: none
	}
	#getajob-support #main #conts #support .comSection#lifeTime .stepUpBox img {
		float: none
	}
}

#getajob-results #main {
	padding-bottom: 55px
}

#getajob-results #main #keyVisual {
	background-image: url("/img/getajob/results/main_img.jpg")
}

#getajob-results #main #keyVisual .bg:before {
	background-image: url("/img/getajob/results/main_img.jpg");
	background-position: 25.7% 41.5%
}

#getajob-results #main #performance {
	padding-bottom: 50px;
	text-align: center
}

#getajob-results #main #graduates .graduatesBox img {
	display: inline-block;
	margin-left: 25px
}

#getajob-results #main #graduates .graduatesBox img:first-child {
	margin-left: 0
}

#getajob-results #main #graduates .graduatesBox .inner {
	margin: 30px 0 40px;
	text-align: center
}

#getajob-results #main .comSection {
	padding-bottom: 25px
}

#getajob-results #main .comSection .listIcon01 {
	width: 33.3%;
	float: left
}

#getajob-results #main #suport .txtBox {
	float: left;
	width: 670px;
	line-height: 1.75
}

#getajob-results #main #suport .txtBox .trueIcon01 {
	margin-top: 10px
}

#getajob-results #main #suport .img {
	float: right
}

@media only screen and (max-width: 768px) {
	#getajob-results #main {
		padding-bottom: 27px
	}
	#getajob-results #main #performance {
		padding-bottom: 25px
	}
	#getajob-results #main #graduates {
		padding-bottom: 10px
	}
	#getajob-results #main #graduates .graduatesBox img {
		margin-bottom: 10px;
		display: inline-block;
		margin-left: 0;
		width: 100%;
		height: auto
	}
	#getajob-results #main #graduates .graduatesBox .inner {
		margin: 0
	}
	#getajob-results #main .comSection {
		padding-bottom: 12px
	}
	#getajob-results #main .comSection .listIcon01 {
		width: 100%;
		float: none
	}
	#getajob-results #main #suport .txtBox {
		float: none;
		width: auto
	}
	#getajob-results #main #suport .txtBox .trueIcon01 {
		margin: 5px 0 10px 0
	}
	#getajob-results #main #suport .img {
		float: none;
		text-align: center
	}
}

#getajob-obog #keyVisual {
	background-image: url(/img/getajob/obog/main_img.jpg)
}

#getajob-obog #keyVisual .bg:before {
	background-image: url(/img/getajob/obog/main_img.jpg);
	background-position: 28.5% 42%
}

#getajob-obog #conts .catch {
	margin-bottom: 20px;
	font-size: 1.28571em;
	font-weight: bold;
	text-align: center
}

#getajob-obog #conts .catch strong {
	font-size: 1.22222em
}

#getajob-obog #conts .catch .em {
	background: #FCFF51;
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.47) 47%, #fcff51 49%, #fcff51 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.47) 47%, #fcff51 49%, #fcff51 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#fcff51', GradientType=0);
	line-height: 1
}

#getajob-obog #conts .catch .hidePC {
	display: none
}

#getajob-obog #conts .tagSwitch {
	margin-bottom: 35px;
	margin-left: -5px;
	letter-spacing: -0.4em;
	text-align: center
}

#getajob-obog #conts .tagSwitch .link {
	box-sizing: border-box;
	padding-left: 5px;
	width: 14.27%;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top
}

#getajob-obog #conts .tagSwitch .anchor {
	padding: 10px;
	background-color: #F0F0F0;
	border-top-width: 5px;
	border-top-style: solid;
	display: block;
	font-size: .85714em;
	line-height: 1.5;
	font-weight: bold;
	text-align: center;
	text-decoration: none
}

#getajob-obog #conts .tagSwitch .icon {
	padding-top: 30px;
	padding-bottom: 15px;
	width: 100%;
	height: 40px;
	display: table;
	position: relative;
	line-height: 1.3
}

#getajob-obog #conts .tagSwitch .icon:before,
#getajob-obog #conts .tagSwitch .icon:after {
	background-repeat: no-repeat;
	position: absolute;
	left: 50%;
	content: ""
}

#getajob-obog #conts .tagSwitch .icon:before {
	margin-left: -11px;
	width: 22px;
	height: 22px;
	top: 0
}

#getajob-obog #conts .tagSwitch .icon:after {
	margin-left: -5px;
	width: 10px;
	height: 10px;
	bottom: 0
}

#getajob-obog #conts .tagSwitch .txt {
	display: table-cell;
	vertical-align: middle
}

#getajob-obog #conts .tagSwitch .current:hover {
	opacity: 1;
	filter: alpha(opacity=100)
}

#getajob-obog #conts .tagSwitch .tag_st {
	border-top-color: #274894;
	color: #274894
}

#getajob-obog #conts .tagSwitch .tag_st .icon:before {
	background-image: url(/img/getajob/obog/st_icon01.png)
}

#getajob-obog #conts .tagSwitch .tag_st .icon:after {
	background-image: url(/img/getajob/obog/st_arrow.png)
}

#getajob-obog #conts .tagSwitch .tag_st.current {
	background-color: #274894;
	color: #fff
}

#getajob-obog #conts .tagSwitch .tag_st.current .icon:before {
	background-image: url(/img/getajob/obog/st_icon02.png)
}

#getajob-obog #conts .tagSwitch .tag_st.current .icon:after {
	background-image: url(/img/common/icon/arrow_b02_s.png)
}

#getajob-obog #conts .tagSwitch .tag_sc {
	border-top-color: #866F20;
	color: #866F20
}

#getajob-obog #conts .tagSwitch .tag_sc .icon:before {
	background-image: url(/img/getajob/obog/sc_icon01.png)
}

#getajob-obog #conts .tagSwitch .tag_sc .icon:after {
	background-image: url(/img/getajob/obog/sc_arrow.png)
}

#getajob-obog #conts .tagSwitch .tag_sc.current {
	background-color: #866F20;
	color: #fff
}

#getajob-obog #conts .tagSwitch .tag_sc.current .icon:before {
	background-image: url(/img/getajob/obog/sc_icon02.png)
}

#getajob-obog #conts .tagSwitch .tag_sc.current .icon:after {
	background-image: url(/img/common/icon/arrow_b02_s.png)
}

#getajob-obog #conts .tagSwitch .tag_si {
	border-top-color: #16856F;
	color: #16856F
}

#getajob-obog #conts .tagSwitch .tag_si .icon:before {
	background-image: url(/img/getajob/obog/si_icon01.png)
}

#getajob-obog #conts .tagSwitch .tag_si .icon:after {
	background-image: url(/img/getajob/obog/si_arrow.png)
}

#getajob-obog #conts .tagSwitch .tag_si.current {
	background-color: #16856F;
	color: #fff
}

#getajob-obog #conts .tagSwitch .tag_si.current .icon:before {
	background-image: url(/img/getajob/obog/si_icon02.png)
}

#getajob-obog #conts .tagSwitch .tag_si.current .icon:after {
	background-image: url(/img/common/icon/arrow_b02_s.png)
}

#getajob-obog #conts .tagSwitch .tag_mi {
	border-top-color: #16856F;
	color: #16856F
}

#getajob-obog #conts .tagSwitch .tag_mi .icon:before {
	background-image: url(/img/getajob/obog/mi_icon01.png)
}

#getajob-obog #conts .tagSwitch .tag_mi .icon:after {
	background-image: url(/img/getajob/obog/mi_arrow.png)
}

#getajob-obog #conts .tagSwitch .tag_mi.current {
	background-color: #16856F;
	color: #fff
}

#getajob-obog #conts .tagSwitch .tag_mi.current .icon:before {
	background-image: url(/img/getajob/obog/mi_icon02.png)
}

#getajob-obog #conts .tagSwitch .tag_mi.current .icon:after {
	background-image: url(/img/common/icon/arrow_b02_s.png)
}

#getajob-obog #conts .tagSwitch .tag_sb {
	border-top-color: #CA6B1E;
	color: #CA6B1E
}

#getajob-obog #conts .tagSwitch .tag_sb .icon:before {
	background-image: url(/img/getajob/obog/sb_icon01.png)
}

#getajob-obog #conts .tagSwitch .tag_sb .icon:after {
	background-image: url(/img/getajob/obog/sb_arrow.png)
}

#getajob-obog #conts .tagSwitch .tag_sb.current {
	background-color: #CA6B1E;
	color: #fff
}

#getajob-obog #conts .tagSwitch .tag_sb.current .icon:before {
	background-image: url(/img/getajob/obog/sb_icon02.png)
}

#getajob-obog #conts .tagSwitch .tag_sb.current .icon:after {
	background-image: url(/img/common/icon/arrow_b02_s.png)
}

#getajob-obog #conts .tagSwitch .tag_spo {
	border-top-color: #CA6B1E;
	color: #CA6B1E
}

#getajob-obog #conts .tagSwitch .tag_spo .icon:before {
	background-image: url(/img/getajob/obog/spo_icon01.png)
}

#getajob-obog #conts .tagSwitch .tag_spo .icon:after {
	background-image: url(/img/getajob/obog/spo_arrow.png)
}

#getajob-obog #conts .tagSwitch .tag_spo.current {
	background-color: #CA6B1E;
	color: #fff
}

#getajob-obog #conts .tagSwitch .tag_spo.current .icon:before {
	background-image: url(/img/getajob/obog/spo_icon02.png)
}

#getajob-obog #conts .tagSwitch .tag_spo.current .icon:after {
	background-image: url(/img/common/icon/arrow_b02_s.png)
}

#getajob-obog #conts .tagSwitch .tag_child {
	border-top-color: #F19A07;
	color: #F19A07
}

#getajob-obog #conts .tagSwitch .tag_child .icon:before {
	background-image: url(/img/getajob/obog/child_icon01.png)
}

#getajob-obog #conts .tagSwitch .tag_child .icon:after {
	background-image: url(/img/getajob/obog/child_arrow.png)
}

#getajob-obog #conts .tagSwitch .tag_child.current {
	background-color: #F19A07;
	color: #fff
}

#getajob-obog #conts .tagSwitch .tag_child.current .icon:before {
	background-image: url(/img/getajob/obog/child_icon02.png)
}

#getajob-obog #conts .tagSwitch .tag_child.current .icon:after {
	background-image: url(/img/common/icon/arrow_b02_s.png)
}

#getajob-obog #conts .graduateList .inner {
	margin-left: -10px
}

#getajob-obog #conts .graduateList .inner:after {
	display: block;
	clear: both;
	content: ""
}

#getajob-obog #conts .graduateList .list {
	box-sizing: border-box;
	margin-bottom: 10px;
	padding-left: 10px;
	width: 20%;
	opacity: 1;
	float: left;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 400ms ease;
	transition: all 400ms ease
}

#getajob-obog #conts .graduateList .anchor {
	padding: 10px 13px 15px;
	background-color: #F0F0F0;
	display: block;
	position: relative;
	text-decoration: none
}

#getajob-obog #conts .graduateList .icon {
	width: 36px;
	height: 36px;
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	top: 0;
	left: 0
}

#getajob-obog #conts .graduateList .icon:after {
	border-style: solid;
	border-color: transparent;
	border-top-width: 18px;
	border-bottom-width: 18px;
	border-right-width: 5px;
	border-left-width: 5px;
	position: absolute;
	top: 0;
	right: -10px;
	content: ""
}

#getajob-obog #conts .graduateList .txt {
	margin-bottom: 10px;
	font-size: .85714em;
	line-height: 1;
	font-weight: bold;
	font-style: italic;
	text-align: right
}

#getajob-obog #conts .graduateList .num {
	font-size: 2.08333em
}

#getajob-obog #conts .graduateList .img {
	margin-bottom: 10px
}

#getajob-obog #conts .graduateList .img img {
	width: 100%;
	height: auto
}

#getajob-obog #conts .graduateList .jobName {
	width: 100%;
	height: 35px;
	display: table;
	font-size: .85714em;
	line-height: 1.3;
	font-weight: bold;
	letter-spacing: -0.08em
}

#getajob-obog #conts .graduateList .frame {
	display: table-cell;
	vertical-align: middle
}

#getajob-obog #conts .graduateList .sortHide {
	padding: 0;
	width: 0;
	height: 0;
	opacity: 0;
	overflow: hidden;
	-webkit-transform: scale(0);
	transform: scale(0)
}

#getajob-obog #conts .graduateList .tag_st {
	color: #274894
}

#getajob-obog #conts .graduateList .tag_st .icon {
	background-color: #274894;
	background-image: url(/img/getajob/obog/st_icon02.png)
}

#getajob-obog #conts .graduateList .tag_st .icon:after {
	border-top-color: #274894;
	border-left-color: #274894
}

#getajob-obog #conts .graduateList .tag_sc {
	color: #866F20
}

#getajob-obog #conts .graduateList .tag_sc .icon {
	background-color: #866F20;
	background-image: url(/img/getajob/obog/sc_icon02.png)
}

#getajob-obog #conts .graduateList .tag_sc .icon:after {
	border-top-color: #866F20;
	border-left-color: #866F20
}

#getajob-obog #conts .graduateList .tag_si {
	color: #16856F
}

#getajob-obog #conts .graduateList .tag_si .icon {
	background-color: #16856F;
	background-image: url(/img/getajob/obog/si_icon02.png)
}

#getajob-obog #conts .graduateList .tag_si .icon:after {
	border-top-color: #16856F;
	border-left-color: #16856F
}

#getajob-obog #conts .graduateList .tag_mi {
	color: #16856F
}

#getajob-obog #conts .graduateList .tag_mi .icon {
	background-color: #16856F;
	background-image: url(/img/getajob/obog/mi_icon02.png)
}

#getajob-obog #conts .graduateList .tag_mi .icon:after {
	border-top-color: #16856F;
	border-left-color: #16856F
}

#getajob-obog #conts .graduateList .tag_sb {
	color: #CA6B1E
}

#getajob-obog #conts .graduateList .tag_sb .icon {
	background-color: #CA6B1E;
	background-image: url(/img/getajob/obog/sb_icon02.png)
}

#getajob-obog #conts .graduateList .tag_sb .icon:after {
	border-top-color: #CA6B1E;
	border-left-color: #CA6B1E
}

#getajob-obog #conts .graduateList .tag_spo {
	color: #CA6B1E
}

#getajob-obog #conts .graduateList .tag_spo .icon {
	background-color: #CA6B1E;
	background-image: url(/img/getajob/obog/spo_icon02.png)
}

#getajob-obog #conts .graduateList .tag_spo .icon:after {
	border-top-color: #CA6B1E;
	border-left-color: #CA6B1E
}

#getajob-obog #conts .graduateList .tag_child {
	color: #F19A07
}

#getajob-obog #conts .graduateList .tag_child .icon {
	background-color: #F19A07;
	background-image: url(/img/getajob/obog/child_icon02.png)
}

#getajob-obog #conts .graduateList .tag_child .icon:after {
	border-top-color: #F19A07;
	border-left-color: #F19A07
}

#getajob-obog .profile {
	box-sizing: border-box;
	margin-right: auto;
	margin-left: auto;
	padding: 10px 30px 30px;
	max-width: 570px;
	background-color: #F0F0F0;
	position: relative
}

#getajob-obog .profile .icon {
	width: 36px;
	height: 36px;
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	top: 0;
	left: 0
}

#getajob-obog .profile .icon:after {
	border-style: solid;
	border-color: transparent;
	border-top-width: 18px;
	border-bottom-width: 18px;
	border-right-width: 5px;
	border-left-width: 5px;
	position: absolute;
	top: 0;
	right: -10px;
	content: ""
}

#getajob-obog .profile .number {
	margin-bottom: 25px;
	padding-left: 25px;
	font-size: 1.4em;
	line-height: 1;
	font-weight: bold;
	font-style: italic
}

#getajob-obog .profile .num {
	margin-left: 5px;
	font-size: 2.14286em
}

#getajob-obog .profile .jobName {
	margin-bottom: 15px;
	font-size: 2em;
	font-weight: bold
}

#getajob-obog .profile .imgBox {
	margin-bottom: 30px;
	background-color: #FFF
}

#getajob-obog .profile .imgBox:after {
	display: block;
	clear: both;
	content: ""
}

#getajob-obog .profile .imgBox .img {
	padding-right: 20px;
	width: 254px;
	float: left
}

#getajob-obog .profile .imgBox .name {
	padding-top: 20px;
	font-size: 2em;
	font-weight: bold
}

#getajob-obog .profile .imgBox .kana {
	margin-left: 10px;
	color: #111;
	font-size: .6em;
	font-weight: normal
}

#getajob-obog .profile .imgBox .year {
	margin-bottom: 10px;
	color: #111;
	font-size: 1.2em
}

#getajob-obog .profile .imgBox .career {
	font-weight: bold
}

#getajob-obog .profile .imgBox .career dt {
	margin-top: 10px;
	font-size: 1.2em
}

#getajob-obog .profile .imgBox .career dt:first-child {
	margin-top: 0
}

#getajob-obog .profile .imgBox .career dd {
	color: #111;
	font-size: 1.4em
}

#getajob-obog .profile .message {
	margin-bottom: 20px;
	color: #111
}

#getajob-obog .profile .message .ttl {
	margin-bottom: 10px;
	font-size: 1.8em
}

#getajob-obog .profile .message p {
	font-size: 1.3em
}

#getajob-obog .profile .close {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	display: table;
	position: relative;
	color: #036;
	font-size: 1.4em;
	text-decoration: underline;
	cursor: pointer
}

#getajob-obog .profile .close:before {
	margin-top: -6px;
	width: 12px;
	height: 12px;
	background-image: url(/img/getajob/obog/close.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	left: 0;
	content: ""
}

#getajob-obog .profile .close:hover {
	text-decoration: none
}

#getajob-obog .profile.tag_st {
	color: #274894
}

#getajob-obog .profile.tag_st .icon {
	background-color: #274894;
	background-image: url(/img/getajob/obog/st_icon02.png)
}

#getajob-obog .profile.tag_st .icon:after {
	border-top-color: #274894;
	border-left-color: #274894
}

#getajob-obog .profile.tag_sc {
	color: #866F20
}

#getajob-obog .profile.tag_sc .icon {
	background-color: #866F20;
	background-image: url(/img/getajob/obog/sc_icon02.png)
}

#getajob-obog .profile.tag_sc .icon:after {
	border-top-color: #866F20;
	border-left-color: #866F20
}

#getajob-obog .profile.tag_si {
	color: #16856F
}

#getajob-obog .profile.tag_si .icon {
	background-color: #16856F;
	background-image: url(/img/getajob/obog/si_icon02.png)
}

#getajob-obog .profile.tag_si .icon:after {
	border-top-color: #16856F;
	border-left-color: #16856F
}

#getajob-obog .profile.tag_mi {
	color: #16856F
}

#getajob-obog .profile.tag_mi .icon {
	background-color: #16856F;
	background-image: url(/img/getajob/obog/mi_icon02.png)
}

#getajob-obog .profile.tag_mi .icon:after {
	border-top-color: #16856F;
	border-left-color: #16856F
}

#getajob-obog .profile.tag_sb {
	color: #CA6B1E
}

#getajob-obog .profile.tag_sb .icon {
	background-color: #CA6B1E;
	background-image: url(/img/getajob/obog/sb_icon02.png)
}

#getajob-obog .profile.tag_sb .icon:after {
	border-top-color: #CA6B1E;
	border-left-color: #CA6B1E
}

#getajob-obog .profile.tag_spo {
	color: #CA6B1E
}

#getajob-obog .profile.tag_spo .icon {
	background-color: #CA6B1E;
	background-image: url(/img/getajob/obog/spo_icon02.png)
}

#getajob-obog .profile.tag_spo .icon:after {
	border-top-color: #CA6B1E;
	border-left-color: #CA6B1E
}

#getajob-obog .profile.tag_child {
	color: #F19A07
}

#getajob-obog .profile.tag_child .icon {
	background-color: #F19A07;
	background-image: url(/img/getajob/obog/child_icon02.png)
}

#getajob-obog .profile.tag_child .icon:after {
	border-top-color: #F19A07;
	border-left-color: #F19A07
}

@media only screen and (max-width: 768px) {
	#getajob-obog #conts .catch {
		margin-bottom: 15px;
		font-size: 1em
	}
	#getajob-obog #conts .catch strong {
		font-size: 1.14286em
	}
	#getajob-obog #conts .catch .hidePC {
		display: inline
	}
	#getajob-obog #conts .tagSwitch {
		margin-bottom: 20px
	}
	#getajob-obog #conts .tagSwitch .link {
		margin-bottom: 10px;
		width: 69px
	}
	#getajob-obog #conts .tagSwitch .anchor {
		box-sizing: border-box;
		padding: 7px;
		height: 95px;
		border-top-width: 2px;
		font-size: .64286em
	}
	#getajob-obog #conts .tagSwitch .anchor:hover {
		opacity: 1;
		filter: alpha(opacity=100)
	}
	#getajob-obog #conts .tagSwitch .icon {
		padding-top: 25px;
		padding-bottom: 10px
	}
	#getajob-obog #conts .tagSwitch .icon:before,
	#getajob-obog #conts .tagSwitch .icon:after {
		background-size: contain
	}
	#getajob-obog #conts .tagSwitch .icon:before {
		margin-left: -7px;
		width: 15px;
		height: 15px;
		top: 0
	}
	#getajob-obog #conts .tagSwitch .icon:after {
		margin-left: -3px;
		width: 7px;
		height: 8px
	}
	#getajob-obog #conts .tagSwitch .tag_st .icon:before {
		background-image: url(/img/getajob/obog/st_icon01_sp.png)
	}
	#getajob-obog #conts .tagSwitch .tag_st .icon:after {
		background-image: url(/img/getajob/obog/st_arrow.png)
	}
	#getajob-obog #conts .tagSwitch .tag_st.current .icon:before {
		background-image: url(/img/getajob/obog/st_icon02_sp.png)
	}
	#getajob-obog #conts .tagSwitch .tag_st.current .icon:after {
		background-image: url(/img/common/icon/arrow_b02_m.png)
	}
	#getajob-obog #conts .tagSwitch .tag_sc .icon:before {
		background-image: url(/img/getajob/obog/sc_icon01_sp.png)
	}
	#getajob-obog #conts .tagSwitch .tag_sc .icon:after {
		background-image: url(/img/getajob/obog/sc_arrow.png)
	}
	#getajob-obog #conts .tagSwitch .tag_sc.current .icon:before {
		background-image: url(/img/getajob/obog/sc_icon02_sp.png)
	}
	#getajob-obog #conts .tagSwitch .tag_sc.current .icon:after {
		background-image: url(/img/common/icon/arrow_b02_m.png)
	}
	#getajob-obog #conts .tagSwitch .tag_si .icon:before {
		background-image: url(/img/getajob/obog/si_icon01_sp.png)
	}
	#getajob-obog #conts .tagSwitch .tag_si .icon:after {
		background-image: url(/img/getajob/obog/si_arrow.png)
	}
	#getajob-obog #conts .tagSwitch .tag_si.current .icon:before {
		background-image: url(/img/getajob/obog/si_icon02_sp.png)
	}
	#getajob-obog #conts .tagSwitch .tag_si.current .icon:after {
		background-image: url(/img/common/icon/arrow_b02_m.png)
	}
	#getajob-obog #conts .tagSwitch .tag_mi .icon:before {
		background-image: url(/img/getajob/obog/mi_icon01_sp.png)
	}
	#getajob-obog #conts .tagSwitch .tag_mi .icon:after {
		background-image: url(/img/getajob/obog/mi_arrow.png)
	}
	#getajob-obog #conts .tagSwitch .tag_mi.current .icon:before {
		background-image: url(/img/getajob/obog/mi_icon02_sp.png)
	}
	#getajob-obog #conts .tagSwitch .tag_mi.current .icon:after {
		background-image: url(/img/common/icon/arrow_b02_m.png)
	}
	#getajob-obog #conts .tagSwitch .tag_sb .icon:before {
		background-image: url(/img/getajob/obog/sb_icon01_sp.png)
	}
	#getajob-obog #conts .tagSwitch .tag_sb .icon:after {
		background-image: url(/img/getajob/obog/sb_arrow.png)
	}
	#getajob-obog #conts .tagSwitch .tag_sb.current .icon:before {
		background-image: url(/img/getajob/obog/sb_icon02_sp.png)
	}
	#getajob-obog #conts .tagSwitch .tag_sb.current .icon:after {
		background-image: url(/img/common/icon/arrow_b02_m.png)
	}
	#getajob-obog #conts .tagSwitch .tag_spo .icon:before {
		background-image: url(/img/getajob/obog/spo_icon01_sp.png)
	}
	#getajob-obog #conts .tagSwitch .tag_spo .icon:after {
		background-image: url(/img/getajob/obog/spo_arrow.png)
	}
	#getajob-obog #conts .tagSwitch .tag_spo.current .icon:before {
		background-image: url(/img/getajob/obog/spo_icon02_sp.png)
	}
	#getajob-obog #conts .tagSwitch .tag_spo.current .icon:after {
		background-image: url(/img/common/icon/arrow_b02_m.png)
	}
	#getajob-obog #conts .tagSwitch .tag_child .icon:before {
		background-image: url(/img/getajob/obog/child_icon01_sp.png)
	}
	#getajob-obog #conts .tagSwitch .tag_child .icon:after {
		background-image: url(/img/getajob/obog/child_arrow.png)
	}
	#getajob-obog #conts .tagSwitch .tag_child.current .icon:before {
		background-image: url(/img/getajob/obog/child_icon02_sp.png)
	}
	#getajob-obog #conts .tagSwitch .tag_child.current .icon:after {
		background-image: url(/img/common/icon/arrow_b02_m.png)
	}
	#getajob-obog #conts .graduateList .list {
		width: 50%
	}
	#getajob-obog #conts .graduateList .list.sortHide {
		width: 0
	}
	#getajob-obog #conts .graduateList .icon {
		width: 27px;
		height: 27px;
		background-size: 15px auto
	}
	#getajob-obog #conts .graduateList .icon:after {
		border-top-width: 13px;
		border-bottom-width: 13px;
		border-right-width: 3px;
		border-left-width: 3px;
		right: -6px
	}
	#getajob-obog #conts .graduateList .txt {
		font-size: .78571em
	}
	#getajob-obog #conts .graduateList .num {
		font-size: 1.90909em
	}
	#getajob-obog #conts .graduateList .jobName {
		height: 45px;
		font-size: .78571em
	}
	#getajob-obog #conts .graduateList .tag_st .icon {
		background-image: url(/img/getajob/obog/st_icon02_sp.png)
	}
	#getajob-obog #conts .graduateList .tag_sc .icon {
		background-image: url(/img/getajob/obog/sc_icon02_sp.png)
	}
	#getajob-obog #conts .graduateList .tag_si .icon {
		background-image: url(/img/getajob/obog/si_icon02_sp.png)
	}
	#getajob-obog #conts .graduateList .tag_mi .icon {
		background-image: url(/img/getajob/obog/mi_icon02_sp.png)
	}
	#getajob-obog #conts .graduateList .tag_sb .icon {
		background-image: url(/img/getajob/obog/sb_icon02_sp.png)
	}
	#getajob-obog #conts .graduateList .tag_spo .icon {
		background-image: url(/img/getajob/obog/spo_icon02_sp.png)
	}
	#getajob-obog #conts .graduateList .tag_child .icon {
		background-image: url(/img/getajob/obog/child_icon02_sp.png)
	}
	#getajob-obog .profile {
		padding: 7px 15px 15px
	}
	#getajob-obog .profile .icon {
		width: 27px;
		height: 27px;
		background-size: 15px auto
	}
	#getajob-obog .profile .icon:after {
		border-top-width: 13px;
		border-bottom-width: 13px;
		border-right-width: 3px;
		border-left-width: 3px;
		right: -6px
	}
	#getajob-obog .profile .number {
		margin-bottom: 15px;
		padding-left: 0;
		font-size: 1.1em;
		text-align: right
	}
	#getajob-obog .profile .num {
		font-size: 2.90909em
	}
	#getajob-obog .profile .jobName {
		font-size: 1.6em
	}
	#getajob-obog .profile .imgBox {
		margin-bottom: 15px;
		display: block
	}
	#getajob-obog .profile .imgBox .img {
		padding-right: 15px;
		width: 127px
	}
	#getajob-obog .profile .imgBox .img img {
		width: 127px
	}
	#getajob-obog .profile .imgBox .name {
		margin-bottom: 10px;
		padding-top: 15px;
		font-size: 1.4em;
		font-weight: bold
	}
	#getajob-obog .profile .imgBox .kana {
		margin-top: 5px;
		margin-left: 0;
		display: block;
		font-size: .85714em;
		font-weight: normal
	}
	#getajob-obog .profile .imgBox .year {
		font-size: 1.2em
	}
	#getajob-obog .profile .imgBox .career {
		padding-top: 15px;
		background-color: #F0F0F0;
		clear: both
	}
	#getajob-obog .profile .imgBox .career dt {
		font-size: 1.2em
	}
	#getajob-obog .profile .imgBox .career dd {
		font-size: 1.2em
	}
	#getajob-obog .profile .message .ttl {
		font-size: 1.4em
	}
	#getajob-obog .profile .message p {
		font-size: 1.2em
	}
	#getajob-obog .profile .close {
		font-size: 1.2em
	}
	#getajob-obog .profile .close:hover {
		text-decoration: underline
	}
	#getajob-obog .profile.tag_st .icon {
		background-image: url(/img/getajob/obog/st_icon02_sp.png)
	}
	#getajob-obog .profile.tag_sc .icon {
		background-image: url(/img/getajob/obog/sc_icon02_sp.png)
	}
	#getajob-obog .profile.tag_si .icon {
		background-image: url(/img/getajob/obog/si_icon02_sp.png)
	}
	#getajob-obog .profile.tag_mi .icon {
		background-image: url(/img/getajob/obog/mi_icon02_sp.png)
	}
	#getajob-obog .profile.tag_sb .icon {
		background-image: url(/img/getajob/obog/sb_icon02_sp.png)
	}
	#getajob-obog .profile.tag_spo .icon {
		background-image: url(/img/getajob/obog/spo_icon02_sp.png)
	}
	#getajob-obog .profile.tag_child .icon {
		background-image: url(/img/getajob/obog/child_icon02_sp.png)
	}
	#getajob-obog .mfp-close {
		display: none
	}
}

#getajob-shikaku #keyVisual {
	background-image: url(/img/getajob/shikaku/main_img.jpg)
}

#getajob-shikaku #keyVisual .bg:before {
	background-image: url(/img/getajob/shikaku/main_img.jpg);
	background-position: 29% 42%
}

#getajob-shikaku #conts p {
	margin-bottom: 10px;
	line-height: 1.75
}

#getajob-shikaku #conts .ttl01 {
	margin-bottom: 33px
}

#getajob-shikaku #conts .ttl01::before {
	margin-bottom: 17px
}

#getajob-shikaku #conts .ttl01::after {
	margin-top: 20px
}

#getajob-shikaku #conts .txtLink01 {
	margin-bottom: 36px
}

#getajob-shikaku #conts .ttl02 {
	margin-bottom: 12px;
	line-height: 1.3
}

#getajob-shikaku #conts .shiBox {
	margin: -35px -40px 0 0;
	overflow: hidden;
	zoom: 1;
	width: 1000px
}

#getajob-shikaku #conts .subBox {
	margin: 35px 40px 0 0;
	float: left;
	width: 460px
}

#getajob-shikaku #conts .subBox>section+section {
	margin-top: 35px
}

#getajob-shikaku #conts .subBox p {
	margin-bottom: 13px
}

#getajob-shikaku #conts .subBox .grayBox {
	margin-bottom: 14px;
	padding: 15px 20px 13px;
	background-color: #F4F4F4
}

#getajob-shikaku #conts .subBox .grayBox .ttl {
	margin-bottom: 14px;
	padding-bottom: 9px;
	font-weight: bold;
	border-bottom: 2px dotted #CCC
}

#getajob-shikaku #conts .subBox .linklist01 li,
#getajob-shikaku #conts .subBox .grayBox .list01 li {
	margin: 0;
	line-height: 1.75
}

#getajob-shikaku #conts .subBox .linklist01 li::before,
#getajob-shikaku #conts .subBox .grayBox .list01 li::before {
	top: 10px
}

#getajob-shikaku #conts .subBox .redTxt {
	margin: 0;
	color: #BA0A1A;
	font-weight: bold
}

@media only screen and (max-width: 768px) {
	#getajob-shikaku {
		min-width: 320px
	}
	#getajob-shikaku #main #mainVisual:before {
		background-size: 100% auto
	}
	#getajob-shikaku #conts .ttl01 {
		margin-bottom: 20px
	}
	#getajob-shikaku #conts p {
		margin-bottom: 5px
	}
	#getajob-shikaku #conts .shiBox {
		margin: -20px 0 0 0;
		width: auto
	}
	#getajob-shikaku #conts .subBox {
		margin: 20px 0 0 0;
		float: none;
		width: auto;
		height: auto !important
	}
	#getajob-shikaku #conts .subBox>section+section {
		margin-top: 20px
	}
	#getajob-shikaku #conts .txtLink01 {
		margin-bottom: 20px
	}
	#getajob-shikaku #conts .subBox p {
		margin-bottom: 5px
	}
	#getajob-shikaku #conts .subBox .grayBox {
		margin-bottom: 10px;
		padding: 10px 15px
	}
	#getajob-shikaku #conts .subBox .grayBox .ttl {
		margin-bottom: 7px;
		padding-bottom: 5px
	}
}

#getajob-licence #keyVisual {
	background-image: url(/img/getajob/licence/main_img.jpg)
}

#getajob-licence #keyVisual .bg:before {
	background-image: url(/img/getajob/licence/main_img.jpg);
	background-position: 29% 42%
}

#getajob-licence #conts p {
	line-height: 1.75
}

#getajob-licence #conts .ttl01 {
	margin-bottom: 33px
}

#getajob-licence #conts .ttl01::before {
	margin-bottom: 17px
}

#getajob-licence #conts .ttl01::after {
	margin-top: 20px
}

#getajob-licence #conts .text {
	margin-bottom: 35px;
	text-align: center
}

#getajob-licence #conts .h2Ttl {
	margin-bottom: 37px
}

#getajob-licence #conts .imgBox01 {
	margin-bottom: 34px
}

#getajob-licence #conts .imgBox01 .photo {
	float: left
}

#getajob-licence #conts .imgBox01 .textBox {
	margin-top: 1px;
	float: right;
	width: 740px
}

#getajob-licence #conts .imgBox01 .textBox01 {
	width: 780px
}

#getajob-licence #conts .imgBox01 .textBox .ttl {
	margin-bottom: 5px;
	color: #B90A19;
	font-size: 1.4em;
	line-height: 1.2;
	font-weight: bold
}

#getajob-licence #conts .imgBox01 .textBox .ttl span {
	display: block;
	font-size: 2.65em
}

#getajob-licence #conts .inner {
	margin-bottom: 23px
}

#getajob-licence #conts .inner .lTxt {
	float: left;
	width: 480px
}

#getajob-licence #conts .inner dl {
	padding: 10px;
	margin-top: 3px;
	float: right;
	display: table;
	width: 445px;
	background-color: #F4F4F4
}

#getajob-licence #conts .inner dt {
	padding-left: 10px;
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
	width: 104px;
	border-right: 2px dotted #ccc
}

#getajob-licence #conts .ttl02 {
	margin-bottom: 8px
}

#getajob-licence #conts .inner dd {
	padding-top: 10px;
	float: right;
	width: 310px
}

#getajob-licence #conts .list01 {
	margin-bottom: 10px
}

#getajob-licence #conts .list01 li {
	margin: 0;
	line-height: 1.75;
	float: left;
	width: 470px
}

#getajob-licence #conts .list01 li::before {
	top: 9px
}

#getajob-licence #conts .grayBox {
	margin-bottom: 35px;
	padding: 30px;
	position: relative;
	background: #F0F0F0 url(/img/getajob/licence/gray_bg.png) no-repeat right bottom
}

#getajob-licence #conts .grayBox .txt {
	padding-right: 24px;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 0;
	background: url(/img/getajob/licence/bg.png) no-repeat right center;
	z-index: 100
}

#getajob-licence #conts .grayBox .txt span {
	padding: 6px 15px;
	display: inline-block;
	background-color: #DF0B20
}

#getajob-licence #conts .grayBox .imgBox {
	position: relative
}

#getajob-licence #conts .grayBox .imgBox .photoBox {
	float: left
}

#getajob-licence #conts .grayBox .imgBox .textBox {
	width: 720px;
	float: right
}

#getajob-licence #conts .grayBox .imgBox .textBox .ttl {
	margin-bottom: 20px;
	font-weight: bold;
	line-height: 1.5
}

#getajob-licence #conts .grayBox .imgBox .textBox .ttl .name {
	display: block;
	font-size: 1.2em
}

#getajob-licence #conts .grayBox .imgBox .textBox .ttl .name span {
	font-size: 0.8em
}

#getajob-licence #conts .grayBox .imgBox .textBox .ttl .date {
	font-size: 0.85em;
	font-weight: normal
}

#getajob-licence #conts .grayBox .imgBox .textBox .color {
	margin-bottom: 8px;
	color: #C7434F;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.4
}

#getajob-licence #conts .txtBox {
	margin-bottom: 40px;
	padding: 21px 30px 23px;
	background-color: #F0F0F0
}

#getajob-licence #conts .txtBox .ttl {
	margin-bottom: 7px;
	text-align: center;
	font-weight: bold;
	font-size: 1.3em
}

#getajob-licence #conts .txtBox p {
	letter-spacing: -1px
}

#getajob-licence #conts .txtBox .txt {
	margin-bottom: 25px
}

#getajob-licence #conts .text02 {
	margin-bottom: 20px
}

@media only screen and (max-width: 768px) {
	#getajob-licence {
		min-width: 320px
	}
	#getajob-licence #main #mainVisual:before {
		background-size: 100% auto
	}
	#getajob-licence #conts .ttl01 {
		margin-bottom: 20px
	}
	#getajob-licence #conts .text {
		margin-bottom: 20px
	}
	#getajob-licence #conts .imgBox01 .photo {
		margin-bottom: 15px;
		float: none;
		text-align: center
	}
	#getajob-licence #conts .imgBox01 .textBox {
		float: none;
		width: auto !important
	}
	#getajob-licence #conts .imgBox01 {
		margin-bottom: 20px
	}
	#getajob-licence #conts .inner dl {
		margin-bottom: 10px;
		padding: 10px;
		width: 100%;
		box-sizing: border-box;
		float: none
	}
	#getajob-licence #conts .inner dd {
		width: auto;
		float: none
	}
	#getajob-licence #conts .inner dt {
		padding-bottom: 5px;
		display: block;
		width: 100%;
		box-sizing: border-box;
		border-right: none;
		width: 100%;
		border-bottom: 2px dotted #ccc
	}
	#getajob-licence #conts .inner .lTxt {
		float: none;
		width: auto
	}
	#getajob-licence #conts .inner {
		margin-bottom: 15px
	}
	#getajob-licence #conts .grayBox {
		margin-bottom: 20px;
		padding: 15px
	}
	#getajob-licence #conts .grayBox .imgBox .photoBox {
		margin-bottom: 10px;
		float: none;
		text-align: center
	}
	#getajob-licence #conts .grayBox .imgBox .textBox {
		float: none;
		width: auto
	}
	#getajob-licence #conts .grayBox .imgBox .textBox .ttl {
		margin-bottom: 10px;
		text-align: center
	}
	#getajob-licence #conts .txtBox {
		margin-bottom: 20px;
		padding: 15px
	}
	#getajob-licence #conts .txtBox .txt {
		margin-bottom: 10px
	}
	#getajob-licence #conts .list01 li {
		float: none;
		width: auto
	}
}

#enter-index #main {
	padding-bottom: 55px
}

#enter-index #main #keyVisual {
	background-image: url(/img/enter/index/main_img.jpg)
}

#enter-index #main #keyVisual .bg:before {
	background-image: url(/img/enter/index/main_img.jpg);
	background-position: 25.5% 41%
}

#enter-index #main .cateTop .col .anchor01 {
	background-image: url(/img/enter/index/img01.jpg)
}

#enter-index #main .cateTop .col .anchor02 {
	background-image: url(/img/enter/index/img02.jpg)
}

#enter-index #main .cateTop .col .anchor03 {
	background-image: url(/img/enter/index/img03.jpg)
}

#enter-index #main .cateTop .col .anchor04 {
	background-image: url(/img/enter/index/img04.jpg)
}

@media only screen and (max-width: 768px) {
	#enter-index #main {
		padding-bottom: 27px
	}
	#enter-index #main .cateTop .col .anchor {
		background-size: 100% auto
	}
}

#enter-gakuhi #main {
	padding-bottom: 55px
}

#enter-gakuhi #main #keyVisual {
	background-image: url("/img/enter/gakuhi/main_img.jpg")
}

#enter-gakuhi #main #keyVisual .bg:before {
	background-image: url("/img/enter/gakuhi/main_img.jpg")
}

#enter-gakuhi #main #conts {
	margin: 0 auto;
	width: 700px
}

#enter-gakuhi #main #conts .txt {
	margin-bottom: 10px;
	font-weight: bold
}

#enter-gakuhi #main #conts .listIcon01 {
	margin-bottom: 30px
}

#enter-gakuhi #main #conts .hasHeadTable01 {
	margin-bottom: 40px;
	line-height: 1.75
}

#enter-gakuhi #main #conts .hasHeadTable01 tbody tr th {
	text-align: left
}

#enter-gakuhi #main #conts .hasHeadTable01 tbody tr th .first {
	font-weight: bold
}

#enter-gakuhi #main #conts .hasHeadTable01 tbody tr td {
	text-align: center
}

#enter-gakuhi #main #conts .hasHeadTable01 tbody tr td:first-child {
	text-align: left
}

#enter-gakuhi #main #conts .description {
	margin: 25px 0 20px;
	font-size: 1.42857em;
	color: #B90A19;
	font-weight: bold
}

@media only screen and (max-width: 768px) {
	#enter-gakuhi #main {
		padding-bottom: 27px
	}
	#enter-gakuhi #main #conts {
		width: auto
	}
	#enter-gakuhi #main #conts .txt {
		margin-bottom: 5px
	}
	#enter-gakuhi #main #conts .listIcon01 {
		margin-bottom: 15px
	}
	#enter-gakuhi #main #conts .hasHeadTable01 {
		margin-bottom: 20px
	}
	#enter-gakuhi #main #conts .hasHeadTable01 tbody tr th {
		font-weight: normal
	}
	#enter-gakuhi #main #conts .description {
		margin: 12px 0 10px
	}
}

#enter-about #main {
	padding-bottom: 55px
}

#enter-about #main #keyVisual {
	background-image: url("/img/enter/about/main_img.jpg")
}

#enter-about #main #keyVisual .bg:before {
	background-image: url("/img/enter/about/main_img.jpg");
	background-position: 27.5% 42%
}

#enter-about #main #conts {
	margin: 0 auto;
	width: 700px
}

#enter-about #main #conts .comSection {
	padding-bottom: 40px
}

#enter-about #main #conts .comSection .hasHeadTable01 th {
	line-height: 1.75;
	font-weight: bold
}

#enter-about #main #conts .comSection .hasHeadTable01 th span {
	font-weight: normal
}

#enter-about #main #conts .comSection .hasHeadTable01 th span span {
	font-weight: bold
}

#enter-about #main #conts .comSection .hasHeadTable01 td {
	line-height: 1.75;
	text-align: center
}

#enter-about #main #conts .comSection .hasHeadTable01.recruitTable tbody th {
	text-align: left
}

#enter-about #main #conts .comSection .hasHeadTable01.list tbody th {
	letter-spacing: -0.7px
}

#enter-about #main #conts .comSection .hasHeadTable01.list tbody td {
	letter-spacing: -2px
}

#enter-about #main #conts .comSection .basicTable01 .row .thCell {
	text-align: center;
	font-weight: normal
}

#enter-about #main #conts .comSection .basicTable01.selectionTabl {
	margin-bottom: 40px
}

#enter-about #main #conts .comSection.admission p {
	margin-top: 20px
}

#enter-about #main #conts .comSection.support p {
	margin-bottom: 15px
}

#enter-about #main #conts .comSection.support .purpose p {
	margin-bottom: 15px
}

#enter-about #main #conts .comSection.applicationTime .hasHeadTable01 tbody th {
	text-align: left
}

#enter-about #main #conts .comSection.applicationTime .hasHeadTable01 tbody th span {
	font-weight: bold
}

#enter-about #main #conts .comSection.applicationTime .hasHeadTable01 tbody th span span {
	font-weight: normal
}

#enter-about #main #conts .comSection.applicationTime .hasHeadTable01 tbody .remarks {
	text-align: left
}

#enter-about #main #conts .comSection.selectDate .hasHeadTable01 tbody tr th {
	letter-spacing: -0.1em
}

#enter-about #main #conts .comSection .list {
	margin-top: 15px
}

@media only screen and (max-width: 768px) {
	#enter-about #main {
		padding-bottom: 27px
	}
	#enter-about #main #conts {
		width: auto
	}
	#enter-about #main #conts .comSection {
		padding-bottom: 20px
	}
	#enter-about #main #conts .comSection .hasHeadTable01 th {
		line-height: 1.75;
		font-weight: bold
	}
	#enter-about #main #conts .comSection .hasHeadTable01 th span {
		font-weight: normal
	}
	#enter-about #main #conts .comSection .hasHeadTable01 th span span {
		font-weight: bold
	}
	#enter-about #main #conts .comSection .hasHeadTable01 td {
		line-height: 1.75;
		text-align: center
	}
	#enter-about #main #conts .comSection .hasHeadTable01.list tbody th {
		letter-spacing: 0px
	}
	#enter-about #main #conts .comSection .hasHeadTable01.list tbody td {
		letter-spacing: 0px
	}
	#enter-about #main #conts .comSection .basicTable01 .row .thCell {
		text-align: center;
		font-weight: normal
	}
	#enter-about #main #conts .comSection .basicTable01.selectionTabl {
		margin-bottom: 20px
	}
	#enter-about #main #conts .comSection.admission p {
		margin-top: 10px
	}
	#enter-about #main #conts .comSection.support p {
		margin-bottom: 7px
	}
	#enter-about #main #conts .comSection.support .purpose p {
		margin-bottom: 7px
	}
	#enter-about #main #conts .comSection.applicationTime .hasHeadTable01 th span {
		font-weight: bold;
		text-align: left;
		display: block
	}
}

#enter-ao #main {
	padding-bottom: 55px
}

#enter-ao #main #keyVisual {
	background-image: url("/img/enter/ao/main_img.jpg")
}

#enter-ao #main #keyVisual .bg:before {
	background-image: url("/img/enter/ao/main_img.jpg");
	background-position: 29% 42%
}

#enter-ao #main #conts {
	margin: 0 auto;
	width: 700px
}

#enter-ao #main .detail dt {
	color: #BB0A1B;
	font-size: 1.42857em;
	font-weight: bold
}

#enter-ao #main .comSection {
	padding-bottom: 40px
}

#enter-ao #main .comSection .basicTable01 {
	margin-top: 20px
}

#enter-ao #main .comSection .basicTable01 .caution {
	color: #bb0a1b;
	font-style: normal
}

#enter-ao #main .comSection.point .pointTtl {
	letter-spacing: -0.8px
}

#enter-ao #main .comSection.point .inner {
	padding-bottom: 30px;
	padding-left: 50px;
	position: relative
}

#enter-ao #main .comSection.point .inner>span {
	box-sizing: border-box;
	padding: 10px 0 0 23px;
	width: 80px;
	height: 80px;
	float: left;
	background-color: #313131;
	color: #FFF;
	position: absolute;
	top: 0;
	left: 0;
	font-size: .92857em
}

#enter-ao #main .comSection.point .inner>span span {
	margin: -16px 0 0 -5px;
	font-size: 3.07692em;
	display: block
}

#enter-ao #main .comSection.point .inner.lastChild {
	padding-bottom: 0
}

#enter-ao #main .comSection.point .detail {
	float: right;
	width: 600px
}

#enter-ao #main .comSection.point .detail dt {
	margin-bottom: 5px
}

#enter-ao #main .comSection.point .detail .trueIcon01 {
	margin-top: 5px
}

#enter-ao #main .comSection .flowList {
	font-size: 1.5em
}

#enter-ao #main .comSection .flowList li {
	position: relative;
	font-weight: bold
}

#enter-ao #main .comSection .flowList li:after {
	margin: 7px 0 0 20px;
	width: 0px;
	height: 0px;
	display: block;
	border: 15px solid transparent;
	border-top: 15px solid #D05760;
	content: ""
}

#enter-ao #main .comSection .flowList li span {
	color: #BB0A1B;
	font-weight: bold
}

#enter-ao #main .comSection .flowList li .bg {
	padding: 0 5px;
	color: #fff;
	background-color: #BA0A1A
}

#enter-ao #main .comSection .flowList li .basicTable01 {
	padding-bottom: 13px;
	font-weight: normal;
	font-size: .66667em
}

#enter-ao #main .comSection .flowList li .basicTable01 dt {
	text-align: center
}

#enter-ao #main .comSection .flowList li .basicTable01 dd {
	text-align: left
}

#enter-ao #main .comSection .flowList li .basicTable01 .aoReception dt {
	text-align: left
}

#enter-ao #main .comSection .flowList li.lastChild:after {
	display: none
}

#enter-ao #main .comSection.special .detail dd {
	margin-bottom: 15px
}

#enter-ao #main .comSection.special .basicTable01 {
	margin-bottom: 20px
}

#enter-ao #main .comSection.special .hasHeadTable01 {
	margin-bottom: 15px
}

#enter-ao #main .comSection.special .hasHeadTable01 th span {
	display: block;
	text-align: left
}

#enter-ao #main .comSection.special .hasHeadTable01 td {
	text-align: center
}

#enter-ao #main .comSection.special.lastChild {
	padding-bottom: 0
}

@media only screen and (max-width: 768px) {
	#enter-ao #main {
		padding-bottom: 27px
	}
	#enter-ao #main #conts {
		width: auto
	}
	#enter-ao #main .detail dt {
		font-size: 1.14286em
	}
	#enter-ao #main .comSection {
		padding-bottom: 20px
	}
	#enter-ao #main .comSection .basicTable01 {
		margin-top: 10px
	}
	#enter-ao #main .comSection.point .pointTtl {
		letter-spacing: -0.8px
	}
	#enter-ao #main .comSection.point .inner {
		padding-bottom: 15px
	}
	#enter-ao #main .comSection.point .inner>span {
		box-sizing: border-box;
		padding: 2px 0 0 8px;
		width: 40px;
		height: 40px;
		float: none;
		background-color: #313131;
		color: #FFF;
		display: inline-block;
		font-size: .71429em
	}
	#enter-ao #main .comSection.point .inner>span span {
		margin: -10px 0 0 1px;
		font-size: 2em;
		display: block
	}
	#enter-ao #main .comSection.point .inner.lastChild {
		padding-bottom: 0
	}
	#enter-ao #main .comSection.point .detail {
		margin-top: 5px;
		float: none;
		width: auto
	}
	#enter-ao #main .comSection .flowList {
		font-size: 1.14286em;
		text-align: center
	}
	#enter-ao #main .comSection .flowList li {
		padding: 15px 0;
		position: relative;
		font-weight: bold
	}
	#enter-ao #main .comSection .flowList li:after {
		margin: 3px 0 0 -15px;
		width: 0px;
		height: 0px;
		display: block;
		position: absolute;
		bottom: -20px;
		left: 50%;
		border: 15px solid transparent;
		border-top: 15px solid #D05760;
		content: ""
	}
	#enter-ao #main .comSection .flowList li .basicTable01 {
		padding-bottom: 7px
	}
	#enter-ao #main .comSection .flowList li.lastChild:after {
		display: none
	}
	#enter-ao #main .comSection.special .detail dd {
		margin-bottom: 7px
	}
	#enter-ao #main .comSection.special .basicTable01 {
		margin-bottom: 10px
	}
	#enter-ao #main .comSection.special .hasHeadTable01 {
		margin-bottom: 7px
	}
}

#enter-expenses #main {
	padding-bottom: 55px
}

#enter-expenses #main #keyVisual {
	background-image: url("/img/enter/expenses/main_img.jpg")
}

#enter-expenses #main #keyVisual .bg:before {
	background-image: url("/img/enter/expenses/main_img.jpg")
}

#enter-expenses #main #conts {
	margin: 0 auto;
	width: 700px
}

#enter-expenses #main .lead {
	margin-bottom: 40px
}

#enter-expenses #main .trueIcon01 {
	margin: 10px 0 40px
}

#enter-expenses #main .txt {
	margin-bottom: 15px
}

#enter-expenses #main .comSection {
	padding-bottom: 40px
}

#enter-expenses #main .comSection p {
	margin-bottom: 15px
}

#enter-expenses #main .comSection.increase .basicTable01 dt {
	text-align: center
}

#enter-expenses #main .comSection.reservations .txt {
	color: #BA0A1A;
	font-size: 1.42857em;
	font-weight: bold
}

#enter-expenses #main .comSection.reservations .imgTtl {
	display: block;
	font-weight: bold;
	font-size: 1.28571em
}

#enter-expenses #main .comSection.reservations .imgTtl.imgTtl01 {
	margin-top: 10px
}

#enter-expenses #main .comSection.returnExample span {
	margin: 15px 0 5px;
	display: block
}

#enter-expenses #main .comSection.returnExample .hasHeadTable01 td {
	text-align: center
}

#enter-expenses #main .comSection.scheduling .ttl04 {
	margin: 10px 0 8px;
	display: block
}

#enter-expenses #main .comSection.scheduling .ttl04 span {
	font-weight: normal
}

#enter-expenses #main .comSection.scheduling .hasHeadTable01 {
	margin-bottom: 20px
}

#enter-expenses #main .comSection.scheduling .hasHeadTable01 td {
	text-align: center
}

#enter-expenses #main .comSection.scheduling .hasHeadTable01 td.detail {
	text-align: left
}

#enter-expenses #main .comSection.scheduling .hasHeadTable01 .total th,
#enter-expenses #main .comSection.scheduling .hasHeadTable01 .total td {
	font-weight: bold
}

#enter-expenses #main .comSection.scheduling .annotation {
	margin-top: -5px;
	display: block
}

#enter-expenses #main .comSection.again {
	padding-bottom: 15px
}

#enter-expenses #main .comSection.again .ttl04 {
	margin-bottom: 15px
}

#enter-expenses #main .comSection.again .againTtl {
	margin: 40px 0 20px;
	display: block
}

#enter-expenses #main .comSection.again .hasHeadTable01 {
	margin-bottom: 15px
}

#enter-expenses #main .comSection.again .hasHeadTable01 td {
	text-align: center
}

#enter-expenses #main .comSection.listTable .basicTable01 dt {
	text-align: center
}

#enter-expenses #main .comSection.listTable .trueIcon01 {
	margin: 15px 0 0
}

#enter-expenses #main .comSection.lastChild {
	padding-bottom: 0
}

#enter-expenses #main .comSection .ttlBtn {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-right: 40px;
	padding: 20px;
	background-color: #666;
	border: 2px solid #666;
	position: relative;
	color: #FFF;
	font-size: 1.28571em;
	font-weight: bold
}

#enter-expenses #main .comSection .ttlBtn:after {
	margin-top: -8px;
	width: 14px;
	height: 16px;
	background-image: url(/img/enter/expenses/arrow_b.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	right: 20px;
	content: ""
}

#enter-expenses #main .comSection .ttlBtn.open {
	background-color: #FFF;
	color: #111
}

#enter-expenses #main .comSection .ttlBtn.open:after {
	background-image: url(/img/enter/expenses/arrow_t.png)
}

#enter-expenses #main .comSection .loanBox {
	padding-bottom: 15px
}

#enter-expenses #main .educationLoan {
	margin-bottom: 40px
}

#enter-expenses #main .educationLoan td {
	text-align: center
}

#enter-expenses #main .financialTable td {
	text-align: center
}

#enter-expenses #main .companyList {
	margin-bottom: 20px;
	padding: 10px 0 10px 20px;
	border: 1px solid #666;
	font-size: 1.28571em;
	display: block;
	position: relative;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background: #666666
}

#enter-expenses #main .companyList:after {
	margin-top: -8px;
	background: url("/img/enter/expenses/arrow02.png") no-repeat;
	width: 14px;
	height: 16px;
	position: absolute;
	top: 50%;
	right: 20px;
	display: inline-block;
	content: ""
}

@media only screen and (max-width: 768px) {
	#enter-expenses #main {
		padding-bottom: 27px
	}
	#enter-expenses #main #conts {
		width: auto
	}
	#enter-expenses #main #conts img {
		margin-bottom: 10px;
		display: block
	}
	#enter-expenses #main .lead {
		margin-bottom: 20px
	}
	#enter-expenses #main .trueIcon01 {
		margin: 5px 0 20px
	}
	#enter-expenses #main .txt {
		margin-bottom: 7px
	}
	#enter-expenses #main .comSection {
		padding-bottom: 20px
	}
	#enter-expenses #main .comSection p {
		margin-bottom: 7px
	}
	#enter-expenses #main .comSection.reservations .imgTtl.imgTtl01 {
		margin-top: 5px
	}
	#enter-expenses #main .comSection.returnExample span {
		margin: 7px 0 2px;
		display: block
	}
	#enter-expenses #main .comSection.returnExample .hasHeadTable01 td {
		text-align: center
	}
	#enter-expenses #main .comSection.scheduling .ttl04 {
		margin-bottom: 5px
	}
	#enter-expenses #main .comSection.scheduling .hasHeadTable01 {
		margin-bottom: 10px
	}
	#enter-expenses #main .comSection.again {
		padding-bottom: 7px
	}
	#enter-expenses #main .comSection.again .ttl04 {
		margin-bottom: 7px
	}
	#enter-expenses #main .comSection.again .againTtl {
		margin: 20px 0 10px;
		display: block
	}
	#enter-expenses #main .comSection.again .hasHeadTable01 {
		margin-bottom: 7px
	}
	#enter-expenses #main .comSection.listTable .trueIcon01 {
		margin: 7px 0 0
	}
	#enter-expenses #main .comSection .ttlBtn {
		margin-top: 10px;
		margin-bottom: 10px;
		padding: 10px;
		padding-right: 30px;
		font-size: 1.07143em;
		font-weight: bold
	}
	#enter-expenses #main .comSection .ttlBtn:after {
		right: 10px
	}
	#enter-expenses #main .comSection .loanBox {
		padding-bottom: 5px
	}
	#enter-expenses #main .comSection .loanBox .basicTable01 .cell {
		text-align: left
	}
	#enter-expenses #main .educationLoan {
		margin-bottom: 20px
	}
	#enter-expenses #main .linkBtn {
		margin-bottom: 10px;
		padding: 5px 0 5px 10px
	}
	#enter-expenses #main .linkBtn:hover {
		opacity: 0.7;
		-ms-filter: "alpha(opacity=70)"
	}
	#enter-expenses #main .companyList {
		margin-bottom: 10px;
		padding: 5px 0 5px 10px
	}
	#enter-expenses #main .companyList:after {
		margin-top: -8px;
		background: url("/img/enter/expenses/arrow02.png") no-repeat;
		width: 14px;
		height: 16px;
		position: absolute;
		top: 50%;
		right: 20px;
		display: inline-block;
		content: ""
	}
}

#club-tsr-index #main {
	padding-bottom: 55px
}

#club-tsr-index #main #keyVisual {
	background-image: url(/img/club-tsr/main_img.jpg)
}

#club-tsr-index #main #keyVisual .bg:before {
	background-image: url(/img/club-tsr/main_img.jpg)
}

#club-tsr-index #main .cateTop .col {
	padding-bottom: 0
}

#club-tsr-index #main .cateTop .col .link01 {
	background-image: url(/img/club-tsr/img01.jpg)
}

#club-tsr-index #main .cateTop .col .link01 .first {
	font-size: .83333em
}

#club-tsr-index #main .cateTop .col .link02 {
	background-image: url(/img/club-tsr/img02.jpg)
}

#club-tsr-index #main .cateTop .col p {
	letter-spacing: -0.7px
}

#club-tsr-index #main .cateTop .col p span {
	color: #FF0000;
	font-weight: bold
}

@media only screen and (max-width: 768px) {
	#club-tsr-index #main {
		padding-bottom: 27px
	}
	#club-tsr-index #main .cateTop .col .anchor {
		background-size: 100% auto
	}
}

#club-tsr-curriculum #main {
	padding-bottom: 55px
}

#club-tsr-curriculum #main #keyVisual {
	background-image: url(/img/club-tsr/curriculum/main-img.jpg)
}

#club-tsr-curriculum #main #keyVisual .bg:before {
	background-image: url(/img/club-tsr/curriculum/main-img.jpg);
	background-position: 30.7% 50%
}

#club-tsr-curriculum #main .ttl01 .curTtl {
	display: inline-block;
	position: relative
}

#club-tsr-curriculum #main .ttl01 .curTtl:before {
	display: block;
	content: "";
	width: 73px;
	height: 73px;
	background: url("/img/club-tsr/curriculum/logo.png") no-repeat;
	position: absolute;
	left: -90px;
	top: -9px
}

#club-tsr-curriculum #main .lead {
	text-align: center;
	margin-bottom: 35px
}

#club-tsr-curriculum #main .pointBox {
	margin-bottom: 40px;
	padding: 30px;
	background: #F0F0F0;
	position: relative;
	overflow: hidden
}

#club-tsr-curriculum #main .pointBox:before {
	background: #EDD9DB;
	width: 150px;
	height: 230px;
	display: block;
	position: absolute;
	top: 0;
	left: -46px;
	-webkit-transform: skewX(-15deg);
	transform: skewX(-15deg);
	content: "";
	z-index: 0
}

#club-tsr-curriculum #main .pointBox .point {
	box-sizing: border-box;
	padding: 10px 0 0 23px;
	width: 80px;
	height: 80px;
	float: left;
	background-color: #DF0B20;
	color: #FFF;
	display: inline-block;
	font-weight: bold;
	font-size: .92857em;
	position: relative;
	z-index: 100
}

#club-tsr-curriculum #main .pointBox .point span {
	margin: -16px 0 0 -5px;
	font-size: 3.07692em;
	display: block
}

#club-tsr-curriculum #main .pointBox .detail {
	box-sizing: border-box;
	padding-left: 20px;
	float: left;
	width: 810px
}

#club-tsr-curriculum #main .pointBox .detail dt {
	font-size: 1.71429em;
	color: #B80A19;
	font-weight: bold
}

#club-tsr-curriculum #main .pointBox .inner {
	box-sizing: border-box;
	margin: 30px auto 0 auto;
	padding: 30px;
	width: 900px;
	background: #fff;
	position: relative;
	z-index: 100
}

#club-tsr-curriculum #main .pointBox .inner .txtBox {
	float: left;
	width: 410px;
	text-align: center
}

#club-tsr-curriculum #main .pointBox .inner .txtBox p {
	margin-bottom: 20px;
	text-align: left
}

#club-tsr-curriculum #main .pointBox .inner .img {
	float: right
}

#club-tsr-curriculum #main .pointBox .inner .ttl04 {
	margin-bottom: 15px;
	display: block
}

#club-tsr-curriculum #main .pointBox .inner .imgBox {
	margin-top: 30px
}

#club-tsr-curriculum #main .pointBox .inner .imgBox img {
	margin-left: 16px
}

#club-tsr-curriculum #main .pointBox .inner .imgBox img:first-child {
	margin-left: 0
}

#club-tsr-curriculum #main .pointBox .inner .ttlPoint {
	margin: 15px 30px;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center
}

#club-tsr-curriculum #main .pointBox .inner .ttlPoint:before {
	margin-right: 20px;
	background: url("/img/club-tsr/curriculum/rod01.png") no-repeat;
	width: 17px;
	height: 34px;
	display: inline-block;
	vertical-align: middle;
	content: ""
}

#club-tsr-curriculum #main .pointBox .inner .ttlPoint:after {
	margin-left: 20px;
	background: url("/img/club-tsr/curriculum/rod02.png") no-repeat;
	width: 17px;
	height: 34px;
	display: inline-block;
	vertical-align: middle;
	content: ""
}

#club-tsr-curriculum #main .pointBox .inner .comList {
	box-sizing: border-box;
	padding: 0 20px 20px 20px;
	float: left;
	width: 420px;
	min-height: 186px
}

#club-tsr-curriculum #main .pointBox .inner .comList .bg {
	text-align: center;
	width: 90px;
	background: #DF0B1F;
	color: #fff;
	display: block;
	position: relative;
	top: 20px;
	left: -20px;
	font-size: 1.28571em;
	vertical-align: middle
}

#club-tsr-curriculum #main .pointBox .inner .comList .bg:before {
	display: inline-block;
	vertical-align: middle;
	content: ""
}

#club-tsr-curriculum #main .pointBox .inner .comList .bg:after {
	width: 0;
	height: 0;
	border-top: 31px solid #DF0B1F;
	border-right: 12px solid transparent;
	border-bottom: 80px solid transparent;
	border-left: 0 solid transparent;
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	right: -12px
}

#club-tsr-curriculum #main .pointBox .inner .comList .icon01:before {
	margin: 0 5px 0 -13px;
	background: url("/img/club-tsr/curriculum/icon01.png") no-repeat;
	width: 18px;
	height: 20px
}

#club-tsr-curriculum #main .pointBox .inner .comList .icon02:before {
	margin: -2px 8px 0 -10px;
	background: url("/img/club-tsr/curriculum/icon02.png") no-repeat;
	width: 20px;
	height: 16px
}

#club-tsr-curriculum #main .pointBox .inner .comList .icon03:before {
	margin: -1px 6px 0 0;
	background: url("/img/club-tsr/curriculum/icon03.png") no-repeat;
	width: 18px;
	height: 20px
}

#club-tsr-curriculum #main .pointBox .inner .comList .icon04:before {
	margin: -3px 7px 0 0;
	background: url("/img/club-tsr/curriculum/icon04.png") no-repeat;
	width: 18px;
	height: 20px
}

#club-tsr-curriculum #main .pointBox .inner .comList .ttl {
	margin: -7px 0 0 100px;
	font-size: 1.28571em;
	display: block;
	font-weight: bold
}

#club-tsr-curriculum #main .pointBox .inner .comList .listIcon01 {
	padding-top: 10px;
	float: left;
	width: 50%
}

#club-tsr-curriculum #main .pointBox .inner .comList.first {
	border-right: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc
}

#club-tsr-curriculum #main .pointBox .inner .comList.last {
	border-left: 1px dotted #ccc;
	border-top: 1px dotted #ccc
}

#club-tsr-curriculum #main .pointBox .inner.companyList {
	padding: 30px 0 10px 0
}

#club-tsr-curriculum #main .pointBox .inner.companyList .company {
	float: left;
	margin: 0 0 20px 23px;
	width: 152px;
	text-align: center
}

#club-tsr-curriculum #main .pointBox.movie {
	position: relative
}

#club-tsr-curriculum #main .pointBox.movie:after {
	margin-left: 20px;
	background: url("/img/club-tsr/curriculum/txt.png") no-repeat;
	width: 148px;
	height: 38px;
	position: absolute;
	bottom: 0;
	right: 0;
	display: inline-block;
	vertical-align: middle;
	content: ""
}

#club-tsr-curriculum #main .pointBox.movie iframe {
	margin-left: 100px
}

@media only screen and (max-width: 768px) {
	#club-tsr-curriculum #main {
		padding-bottom: 27px
	}
	#club-tsr-curriculum #main .ttl01 .curTtl:before {
		width: 36.5px;
		height: 36.5px;
		background-size: 36.5px 36.5px;
		top: 25px;
		left: -10px
	}
	#club-tsr-curriculum #main .lead {
		margin-bottom: 17px
	}
	#club-tsr-curriculum #main .pointBox {
		margin-bottom: 20px;
		padding: 15px
	}
	#club-tsr-curriculum #main .pointBox:before {
		background: #EDD9DB;
		width: 75px;
		height: 115px;
		top: 0;
		left: -23px
	}
	#club-tsr-curriculum #main .pointBox>div {
		position: relative
	}
	#club-tsr-curriculum #main .pointBox .point {
		margin-top: 0;
		margin-right: 10px;
		padding: 5px 0 0;
		width: 40px;
		height: 40px;
		font-size: .5em;
		text-align: center
	}
	#club-tsr-curriculum #main .pointBox .point span {
		margin: -8px 0;
		font-size: 2.85714em
	}
	#club-tsr-curriculum #main .pointBox .detail {
		padding-left: 0;
		float: none;
		width: auto
	}
	#club-tsr-curriculum #main .pointBox .detail dt {
		margin-bottom: 10px;
		min-height: 40px;
		font-size: .92857em
	}
	#club-tsr-curriculum #main .pointBox .inner {
		box-sizing: border-box;
		margin: 15px auto 0 auto;
		padding: 15px;
		width: auto
	}
	#club-tsr-curriculum #main .pointBox .inner .txtBox {
		float: none;
		width: auto
	}
	#club-tsr-curriculum #main .pointBox .inner .txtBox p {
		margin-bottom: 20px;
		text-align: left
	}
	#club-tsr-curriculum #main .pointBox .inner .img {
		margin-top: 10px;
		float: none;
		text-align: center
	}
	#club-tsr-curriculum #main .pointBox .inner .ttl04 {
		margin-bottom: 15px;
		display: block
	}
	#club-tsr-curriculum #main .pointBox .inner .imgBox {
		margin-top: 5px;
		text-align: center
	}
	#club-tsr-curriculum #main .pointBox .inner .imgBox img {
		margin-top: 10px;
		margin-left: 0;
		display: inline-block
	}
	#club-tsr-curriculum #main .pointBox .inner .ttlPoint {
		margin: 15px -15px;
		font-size: 1em
	}
	#club-tsr-curriculum #main .pointBox .inner .ttlPoint:before {
		margin-right: 5px;
		width: 8.5px;
		height: 17px;
		background-size: contain
	}
	#club-tsr-curriculum #main .pointBox .inner .ttlPoint:after {
		margin-left: 5px;
		width: 8.5px;
		height: 17px;
		background-size: contain
	}
	#club-tsr-curriculum #main .pointBox .inner .comList {
		box-sizing: border-box;
		padding: 0 10px 10px 10px;
		float: none;
		width: 100%;
		min-height: auto
	}
	#club-tsr-curriculum #main .pointBox .inner .comList .ttl {
		margin: 23px 0 0 0;
		font-size: 1.28571em
	}
	#club-tsr-curriculum #main .pointBox .inner .comList .listIcon01 {
		padding-top: 5px;
		float: none;
		width: 100%
	}
	#club-tsr-curriculum #main .pointBox .inner .comList .listIcon01+.listIcon01 {
		padding-top: 0
	}
	#club-tsr-curriculum #main .pointBox .inner .comList.first {
		border-right: none;
		border-bottom: none
	}
	#club-tsr-curriculum #main .pointBox .inner .comList.last {
		border-left: none;
		border-top: none
	}
	#club-tsr-curriculum #main .pointBox .inner.companyList {
		padding: 15px 10px 5px
	}
	#club-tsr-curriculum #main .pointBox .inner.companyList .company {
		margin: 0;
		margin-bottom: 15px;
		padding: 0 10px;
		box-sizing: border-box;
		float: left;
		width: 50%
	}
	#club-tsr-curriculum #main .pointBox.movie {
		position: relative
	}
	#club-tsr-curriculum #main .pointBox.movie:after {
		margin-left: 10px;
		background: url("/img/club-tsr/curriculum/txt.png") no-repeat;
		background-size: 74px 19px;
		width: 74px;
		height: 19px;
		position: absolute;
		bottom: 0;
		right: 0;
		display: inline-block;
		vertical-align: middle;
		content: ""
	}
	#club-tsr-curriculum #main .pointBox.movie .movieWrapper {
		padding-bottom: 56%;
		position: relative
	}
	#club-tsr-curriculum #main .pointBox.movie .movieWrapper iframe {
		width: 100%;
		height: 100%;
		margin-left: 0;
		position: absolute;
		top: 0;
		left: 0
	}
}

#club-tsr-program #keyVisual {
	background-image: url(/img/club-tsr/program/main_img.jpg)
}

#club-tsr-program #keyVisual .bg:before {
	background-image: url(/img/club-tsr/program/main_img.jpg);
	background-position: 27.5% 42%
}

#club-tsr-program .pageAnchor {
	margin-left: -10px;
	margin-bottom: 35px
}

#club-tsr-program .pageAnchor:after {
	display: block;
	clear: both;
	content: ""
}

#club-tsr-program .pageAnchor li {
	box-sizing: border-box;
	padding-bottom: 15px;
	padding-left: 10px;
	width: 25%;
	float: left
}

#club-tsr-program .pageAnchor a {
	padding-bottom: 25px;
	height: 70px;
	background-color: #F0F0F0;
	display: block;
	position: relative;
	text-decoration: none;
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease
}

#club-tsr-program .pageAnchor a:after {
	margin-left: -5px;
	width: 10px;
	height: 10px;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 5px;
	left: 50%;
	content: ""
}

#club-tsr-program .pageAnchor a:hover {
	opacity: .7;
	filter: alpha(opacity=70)
}

#club-tsr-program .pageAnchor .num {
	margin-bottom: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #DDD;
	color: #FFF;
	line-height: 1;
	font-weight: bold;
	font-style: italic;
	text-align: center
}

#club-tsr-program .pageAnchor .inner {
	padding-right: 10px;
	padding-left: 10px;
	height: 40px;
	display: table;
	font-size: 1.21429em;
	line-height: 1.2;
	font-weight: bold
}

#club-tsr-program .pageAnchor .txt {
	display: table-cell;
	vertical-align: middle
}

#club-tsr-program .pageAnchor .group {
	position: absolute;
	top: 30px;
	right: 10px
}

#club-tsr-program .program01 a:after {
	background-image: url(/img/club-tsr/program/program01_arrow.png)
}

#club-tsr-program .program01 .num {
	background-color: #0071B8
}

#club-tsr-program .program01 .inner {
	color: #0071B8
}

#club-tsr-program .program02 a:after {
	background-image: url(/img/club-tsr/program/program02_arrow.png)
}

#club-tsr-program .program02 .num {
	background-color: #F48124
}

#club-tsr-program .program02 .inner {
	color: #F48124
}

#club-tsr-program .program03 a:after {
	background-image: url(/img/club-tsr/program/program03_arrow.png)
}

#club-tsr-program .program03 .num {
	background-color: #F07191
}

#club-tsr-program .program03 .inner {
	color: #F07191
}

#club-tsr-program .program04 a:after {
	background-image: url(/img/club-tsr/program/program04_arrow.png)
}

#club-tsr-program .program04 .num {
	background-color: #6FBE46
}

#club-tsr-program .program04 .inner {
	color: #6FBE46
}

#club-tsr-program .program05 a:after {
	background-image: url(/img/club-tsr/program/program05_arrow.png)
}

#club-tsr-program .program05 .num {
	background-color: #8C63A9
}

#club-tsr-program .program05 .inner {
	color: #8C63A9
}

#club-tsr-program .program06 a:after {
	background-image: url(/img/club-tsr/program/program06_arrow.png)
}

#club-tsr-program .program06 .num {
	background-color: #0B9EDA
}

#club-tsr-program .program06 .inner {
	color: #0B9EDA
}

#club-tsr-program .program07 a:after {
	background-image: url(/img/club-tsr/program/program07_arrow.png)
}

#club-tsr-program .program07 .num {
	background-color: #F05A5B
}

#club-tsr-program .program07 .inner {
	color: #F05A5B
}

#club-tsr-program .program08 a:after {
	background-image: url(/img/club-tsr/program/program08_arrow.png)
}

#club-tsr-program .program08 .num {
	background-color: #00A78E
}

#club-tsr-program .program08 .inner {
	color: #00A78E
}

#club-tsr-program .program {
	margin-top: 50px
}

#club-tsr-program .program .frame {
	margin-bottom: 40px;
	padding: 25px;
	background-color: #CCC;
	overflow: hidden;
	position: relative
}

#club-tsr-program .program .frame:before,
#club-tsr-program .program .frame:after {
	background-repeat: no-repeat;
	position: absolute;
	z-index: 0;
	content: ""
}

#club-tsr-program .program .frame:before {
	width: 132px;
	height: 360px;
	top: 0;
	left: 0
}

#club-tsr-program .program .frame:after {
	right: 0;
	bottom: 0
}

#club-tsr-program .program .inner {
	width: 100%;
	display: table;
	position: relative;
	z-index: 1;
	color: #FFF
}

#club-tsr-program .program .inner .txt,
#club-tsr-program .program .inner .img {
	display: table-cell;
	vertical-align: top
}

#club-tsr-program .program .inner .img {
	padding-left: 20px;
	width: 320px
}

#club-tsr-program .program .inner .programName {
	padding-left: 90px;
	position: relative;
	font-size: 2.14286em
}

#club-tsr-program .program .inner .programName .number {
	position: absolute;
	top: 0;
	left: 0;
	font-size: .46667em;
	font-style: italic
}

#club-tsr-program .program .inner .programName .num {
	display: block;
	font-size: 3.85714em;
	line-height: 1
}

#club-tsr-program .program .inner .group {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 90px
}

#club-tsr-program .program .inner .group p {
	display: inline-block;
	vertical-align: middle
}

#club-tsr-program .program .inner .jobIcon {
	display: inline-block;
	vertical-align: middle
}

#club-tsr-program .program .inner .jobIcon:after {
	display: block;
	clear: both;
	content: ""
}

#club-tsr-program .program .inner .jobIcon li {
	margin-right: 5px;
	float: left
}

#club-tsr-program .program .inner .description {
	margin-bottom: 15px
}

#club-tsr-program .program .inner .aiming {
	box-sizing: border-box;
	margin-bottom: 15px;
	padding: 15px;
	width: 100%;
	background-color: #DDD;
	display: table
}

#club-tsr-program .program .inner .aiming dt,
#club-tsr-program .program .inner .aiming dd {
	display: table-cell;
	vertical-align: top
}

#club-tsr-program .program .inner .aiming dt {
	width: 85px
}

#club-tsr-program .program .inner .companyLogo {
	margin-top: 10px;
	padding: 5px;
	background-color: #FFF;
	display: table
}

#club-tsr-program .program .inner .companyLogo li {
	padding-left: 5px;
	display: table-cell;
	vertical-align: middle
}

#club-tsr-program .program .inner .companyLogo li:first-child {
	padding-left: 0
}

#club-tsr-program .program .imgColumn {
	margin-left: -30px
}

#club-tsr-program .program .imgColumn .col {
	margin-bottom: 25px;
	padding-left: 30px
}

#club-tsr-program .program .imgColumn .col .img {
	margin-bottom: 15px
}

#club-tsr-program .program .imgColumn .col .ttl {
	margin-bottom: 10px;
	font-size: 1.42857em
}

#club-tsr-program .program .anchorLink a {
	margin-right: 0;
	margin-left: auto;
	border-color: #111
}

#club-tsr-program .program .anchorLink .icon {
	padding-right: 20px
}

#club-tsr-program .program .anchorLink .icon:after {
	margin-top: -4px;
	width: 8px;
	height: 8px;
	background-image: url(/img/common/icon/arrow_t01_s.png);
	right: 0
}

#club-tsr-program #program01 .frame {
	background-color: #0071BA
}

#club-tsr-program #program01 .frame:before {
	background-image: url(/img/club-tsr/program/program01_bg_deco.png)
}

#club-tsr-program #program01 .frame:after {
	width: 490px;
	height: 44px;
	background-image: url(/img/club-tsr/program/program01_bg_text.png)
}

#club-tsr-program #program01 .inner .aiming {
	background-color: #0051A1
}

#club-tsr-program #program01 .imgColumn .col .ttl {
	color: #0071B8
}

#club-tsr-program #program01 .achievement .year {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-right: 40px;
	padding: 20px;
	background-color: #666;
	border: 2px solid #666;
	position: relative;
	color: #FFF;
	font-size: 1.28571em;
	font-weight: bold
}

#club-tsr-program #program01 .achievement .year:after {
	margin-top: -8px;
	width: 14px;
	height: 16px;
	background-image: url(/img/enter/expenses/arrow_b.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	right: 20px;
	content: ""
}

#club-tsr-program #program01 .achievement .year.open {
	background-color: #FFF;
	color: #111
}

#club-tsr-program #program01 .achievement .year.open:after {
	background-image: url(/img/enter/expenses/arrow_t.png)
}

#club-tsr-program #program01 .achievement .month {
	margin-top: 20px
}

#club-tsr-program #program01 .achievement .list:after {
	display: block;
	clear: both;
	content: ""
}

#club-tsr-program #program01 .achievement .column {
	margin-left: -20px;
	width: 735px;
	float: left
}

#club-tsr-program #program01 .achievement .col {
	margin-bottom: 20px;
	margin-left: 20px;
	width: 225px;
	background-color: #F0F0F0
}

#club-tsr-program #program01 .achievement .notice {
	width: 225px;
	float: right
}

#club-tsr-program #program01 .achievement .tournament {
	padding: 10px
}

#club-tsr-program #program01 .achievement .tournament dt {
	margin-bottom: 5px;
	font-size: .85714em;
	text-align: center;
	line-height: 1
}

#club-tsr-program #program01 .achievement .tournament dt span {
	padding-top: 3px;
	padding-bottom: 3px;
	display: block
}

#club-tsr-program #program01 .achievement .tournament dt .sports {
	background-color: #0071BA;
	color: #FFF
}

#club-tsr-program #program01 .achievement .tournament dt .grade {
	background-color: #FFF;
	font-weight: bold
}

#club-tsr-program #program01 .achievement .tournament dd p {
	line-height: 1.3;
	font-size: .92857em
}

#club-tsr-program #program01 .achievement .tournament dd .name {
	margin-bottom: 10px;
	font-size: 1.14286em;
	font-weight: bold
}

#club-tsr-program #program01 .achievement .tournament dd img {
	margin-top: 10px;
	display: block
}

#club-tsr-program #program02 .frame {
	background-color: #F48124
}

#club-tsr-program #program02 .frame:before {
	background-image: url(/img/club-tsr/program/program02_bg_deco.png)
}

#club-tsr-program #program02 .frame:after {
	width: 602px;
	height: 44px;
	background-image: url(/img/club-tsr/program/program02_bg_text.png)
}

#club-tsr-program #program02 .inner .aiming {
	background-color: #EE6114
}

#club-tsr-program #program02 .imgColumn .col .ttl {
	color: #F27F24
}

#club-tsr-program #program03 .frame {
	background-color: #F07191
}

#club-tsr-program #program03 .frame:before {
	background-image: url(/img/club-tsr/program/program03_bg_deco.png)
}

#club-tsr-program #program03 .frame:after {
	width: 552px;
	height: 44px;
	background-image: url(/img/club-tsr/program/program03_bg_text.png)
}

#club-tsr-program #program03 .inner .aiming {
	background-color: #E95171
}

#club-tsr-program #program03 .imgColumn .col .ttl {
	color: #F07191
}

#club-tsr-program #program04 .frame {
	background-color: #6FBE46
}

#club-tsr-program #program04 .frame:before {
	background-image: url(/img/club-tsr/program/program04_bg_deco.png)
}

#club-tsr-program #program04 .frame:after {
	width: 552px;
	height: 44px;
	background-image: url(/img/club-tsr/program/program04_bg_text.png)
}

#club-tsr-program #program04 .inner .aiming {
	background-color: #4FA62C
}

#club-tsr-program #program04 .imgColumn .col .ttl {
	color: #6DBE46
}

#club-tsr-program #program05 .frame {
	background-color: #8C63A9
}

#club-tsr-program #program05 .frame:before {
	background-image: url(/img/club-tsr/program/program05_bg_deco.png)
}

#club-tsr-program #program05 .frame:after {
	width: 502px;
	height: 75px;
	background-image: url(/img/club-tsr/program/program05_bg_text.png)
}

#club-tsr-program #program05 .inner .aiming {
	background-color: #6C448C
}

#club-tsr-program #program05 .imgColumn .col .ttl {
	color: #8C63A9
}

#club-tsr-program #program06 .frame {
	background-color: #0B9EDA
}

#club-tsr-program #program06 .frame:before {
	background-image: url(/img/club-tsr/program/program06_bg_deco.png)
}

#club-tsr-program #program06 .frame:after {
	width: 810px;
	height: 43px;
	background-image: url(/img/club-tsr/program/program06_bg_text.png)
}

#club-tsr-program #program06 .inner .aiming {
	background-color: #0580CA
}

#club-tsr-program #program06 .imgColumn .col .ttl {
	color: #0071B8
}

#club-tsr-program #program07 .frame {
	background-color: #F05A5B
}

#club-tsr-program #program07 .frame:before {
	background-image: url(/img/club-tsr/program/program07_bg_deco.png)
}

#club-tsr-program #program07 .frame:after {
	width: 462px;
	height: 43px;
	background-image: url(/img/club-tsr/program/program07_bg_text.png)
}

#club-tsr-program #program07 .frame .link {
	margin-left: 0;
	border-color: #FFF
}

#club-tsr-program #program07 .frame .link .icon {
	padding-right: 20px;
	color: #FFF
}

#club-tsr-program #program07 .frame .link .icon:after {
	margin-top: -3px;
	width: 8px;
	height: 6px;
	background-image: url(/img/common/icon/arrow_r02_s.png);
	right: 0
}

#club-tsr-program #program08 .frame {
	background-color: #00A78E
}

#club-tsr-program #program08 .frame:before {
	background-image: url(/img/club-tsr/program/program08_bg_deco.png)
}

#club-tsr-program #program08 .frame:after {
	width: 576px;
	height: 43px;
	background-image: url(/img/club-tsr/program/program08_bg_text.png)
}

#club-tsr-program #program08 .frame .alliance {
	padding: 5px;
	padding-left: 135px;
	background-color: #FFF;
	position: relative;
	color: #111
}

#club-tsr-program #program08 .frame .alliance img {
	position: absolute;
	top: 10px;
	left: 5px
}

#club-tsr-program #program08 .imgColumn .col .ttl {
	color: #00A58C
}

#club-tsr-program #program08 .voice {
	margin-bottom: 30px;
	padding: 30px;
	background-color: #F0F0F0;
	position: relative
}

#club-tsr-program #program08 .voice:after {
	content: "";
	width: 134px;
	height: 36px;
	background-image: url(/img/club-tsr/program/program08_voive_txt.png);
	position: absolute;
	right: 0;
	bottom: 0
}

#club-tsr-program #program08 .voice>.ttl {
	width: 65px;
	height: 40px;
	color: #FFF;
	font-size: 1.14286em;
	background: #00A78E;
	line-height: 40px;
	padding-left: 15px;
	position: absolute;
	top: 0;
	left: 0
}

#club-tsr-program #program08 .voice>.ttl:after {
	content: "";
	width: 0;
	height: 0;
	border-top: 20px solid #00A78E;
	border-left: 7px solid #00A78E;
	border-right: 7px solid transparent;
	border-bottom: 20px solid transparent;
	position: absolute;
	top: 0;
	left: 80px
}

#club-tsr-program #program08 .voice .imgBox,
#club-tsr-program #program08 .voice .imgGroup {
	display: table-cell;
	vertical-align: top
}

#club-tsr-program #program08 .voice .imgGroup {
	padding-left: 20px;
	width: 205px
}

#club-tsr-program #program08 .voice .imgGroup img {
	display: block
}

#club-tsr-program #program08 .voice .imgGroup img+img {
	margin-top: 10px
}

#club-tsr-program #program08 .column {
	width: 100%;
	display: table
}

#club-tsr-program #program08 .column .img,
#club-tsr-program #program08 .column .txt {
	display: table-cell;
	vertical-align: top
}

#club-tsr-program #program08 .column .img {
	padding-right: 25px;
	width: 150px
}

#club-tsr-program #program08 .column .ttl {
	margin-bottom: 15px;
	line-height: 1.5
}

#club-tsr-program #program08 .column .name {
	font-size: 1.21429em
}

@media only screen and (max-width: 768px) {
	#club-tsr-program .pageAnchor {
		margin-left: 0
	}
	#club-tsr-program .pageAnchor li {
		padding-left: 0;
		width: auto;
		float: none
	}
	#club-tsr-program .pageAnchor a:hover {
		opacity: 1;
		filter: alpha(opacity=100)
	}
	#club-tsr-program .pageAnchor .num {
		font-size: .71429em
	}
	#club-tsr-program .pageAnchor .inner {
		box-sizing: border-box;
		padding-right: 5px;
		padding-left: 5px;
		width: 100%;
		height: auto;
		font-size: 1em;
		text-align: center
	}
	#club-tsr-program .pageAnchor .txt {
		display: block
	}
	#club-tsr-program .pageAnchor .group {
		display: none
	}
	#club-tsr-program .pageAnchor br {
		display: none
	}
	#club-tsr-program .program {
		margin-top: 30px
	}
	#club-tsr-program .program .frame {
		margin-bottom: 25px;
		padding: 10px
	}
	#club-tsr-program .program .frame:before {
		width: 66px;
		height: 180px;
		background-size: contain
	}
	#club-tsr-program .program .frame:after {
		display: none;
		content: none
	}
	#club-tsr-program .program .inner {
		display: block
	}
	#club-tsr-program .program .inner .txt,
	#club-tsr-program .program .inner .img {
		display: block
	}
	#club-tsr-program .program .inner .img {
		margin-top: 20px;
		padding-left: 0;
		width: auto;
		text-align: center
	}
	#club-tsr-program .program .inner .programName {
		padding-left: 70px;
		font-size: 1.14286em
	}
	#club-tsr-program .program .inner .programName .number {
		font-size: .6875em
	}
	#club-tsr-program .program .inner .programName .num {
		font-size: 2.72727em
	}
	#club-tsr-program .program .inner .group {
		margin-top: 10px;
		margin-bottom: 10px;
		padding-left: 70px
	}
	#club-tsr-program .program .inner .aiming {
		display: block
	}
	#club-tsr-program .program .inner .aiming dt,
	#club-tsr-program .program .inner .aiming dd {
		display: block
	}
	#club-tsr-program .program .inner .aiming dt {
		margin-bottom: 5px;
		width: auto
	}
	#club-tsr-program .program .inner .companyLogo {
		display: block
	}
	#club-tsr-program .program .inner .companyLogo li {
		padding-left: 0;
		display: block;
		text-align: center
	}
	#club-tsr-program .program .imgColumn {
		margin-left: 0
	}
	#club-tsr-program .program .imgColumn .col {
		margin-bottom: 25px;
		padding-left: 0
	}
	#club-tsr-program .program .imgColumn .col .ttl {
		font-size: 1.14286em;
		text-align: center
	}
	#club-tsr-program .program .imgColumn .img {
		text-align: center
	}
	#club-tsr-program #program01 .achievement .year {
		margin-top: 10px;
		margin-bottom: 10px;
		padding-right: 25px;
		padding: 10px;
		font-size: 1.07143em
	}
	#club-tsr-program #program01 .achievement .column {
		margin-left: -10px;
		width: auto;
		float: none
	}
	#club-tsr-program #program01 .achievement .col {
		box-sizing: border-box;
		margin-left: 0;
		width: 50%;
		border-left: 10px solid #fff;
		float: left
	}
	#club-tsr-program #program01 .achievement .notice {
		margin-left: auto;
		margin-right: auto;
		width: 50%;
		float: none;
		clear: both
	}
	#club-tsr-program #program01 .achievement .notice .col {
		border-left: none;
		width: 100%;
		float: none
	}
	#club-tsr-program #program08 .frame {
		background-color: #00A78E
	}
	#club-tsr-program #program08 .frame:before {
		background-image: url(/img/club-tsr/program/program08_bg_deco.png)
	}
	#club-tsr-program #program08 .frame:after {
		width: 576px;
		height: 43px;
		background-image: url(/img/club-tsr/program/program08_bg_text.png)
	}
	#club-tsr-program #program08 .frame .alliance {
		padding-left: 5px
	}
	#club-tsr-program #program08 .frame .alliance img {
		margin-bottom: 5px;
		position: static;
		display: block
	}
	#club-tsr-program #program08 .voice {
		margin-bottom: 20px;
		padding: 15px
	}
	#club-tsr-program #program08 .voice:after {
		width: 67px;
		height: 18px;
		background-size: 67px 18px
	}
	#club-tsr-program #program08 .voice>.ttl {
		width: 40px;
		height: 20px;
		font-size: .85714em;
		line-height: 20px;
		padding-left: 10px
	}
	#club-tsr-program #program08 .voice>.ttl:after {
		border-top-width: 10px;
		border-left-width: 4px;
		border-right-width: 4px;
		border-bottom-width: 10px;
		position: absolute;
		left: 50px
	}
	#club-tsr-program #program08 .voice .imgBox,
	#club-tsr-program #program08 .voice .imgGroup {
		display: block
	}
	#club-tsr-program #program08 .voice .imgGroup {
		margin-top: 15px;
		padding-left: 0;
		width: auto
	}
	#club-tsr-program #program08 .voice .imgGroup img {
		margin-right: auto;
		margin-left: auto;
		display: block
	}
	#club-tsr-program #program08 .voice .imgGroup img+img {
		margin-top: 10px
	}
	#club-tsr-program #program08 .column .img {
		padding-right: 15px;
		width: 75px
	}
	#club-tsr-program #program08 .column .img img {
		width: 75px
	}
	#club-tsr-program #program08 .column .name {
		font-size: 1.07143em
	}
}

#visitor-company #main {
	padding-bottom: 55px
}

#visitor-company #main #keyVisual {
	background-image: url(/img/visitor/company/main_img.jpg)
}

#visitor-company #main #keyVisual .bg:before {
	background-image: url(/img/visitor/company/main_img.jpg);
	background-position: 25.7% 42%
}

#visitor-company #main #conts {
	margin: 0 auto;
	width: 700px
}

#visitor-company #main #conts>p {
	margin-bottom: 25px
}

#visitor-company #main #conts>p.txt {
	margin-bottom: 30px
}

#visitor-company #main #conts #please p {
	margin-bottom: 20px
}

#visitor-company #main #conts #please>a {
	margin-bottom: 15px;
	display: inline-block
}

#visitor-company #main #conts #please .contactBox {
	margin-top: 15px;
	padding: 5px 0 5px 20px;
	border: 1px solid #666
}

#visitor-company #main #conts #please .contactBox span {
	display: block
}

#visitor-company #main #conts #please .contactBox .contact {
	padding: 50px 20px 46px 0;
	width: 180px;
	float: left;
	border-right: 1px dotted #666666;
	font-weight: bold
}

#visitor-company #main #conts #please .contactBox .detail {
	padding-left: 20px;
	width: 380px;
	float: left
}

@media only screen and (max-width: 768px) {
	#visitor-company #main {
		padding-bottom: 27px
	}
	#visitor-company #main #conts {
		width: auto
	}
	#visitor-company #main #conts>p {
		margin-bottom: 15px
	}
	#visitor-company #main #conts>p.txt {
		margin-bottom: 20px
	}
	#visitor-company #main #conts #please p {
		margin-bottom: 5px
	}
	#visitor-company #main #conts #please>a {
		margin-bottom: 0;
		display: inline-block
	}
	#visitor-company #main #conts #please .contactBox {
		margin-top: 15px;
		padding: 10px 15px;
		border: 2px solid #666
	}
	#visitor-company #main #conts #please .contactBox span {
		display: block
	}
	#visitor-company #main #conts #please .contactBox .contact {
		padding: 0 0 3px 0;
		width: auto;
		float: none;
		border-right: none;
		border-bottom: 1px dotted #666666;
		font-weight: bold
	}
	#visitor-company #main #conts #please .contactBox .detail {
		padding-top: 5px;
		padding-left: 0;
		float: none;
		width: auto
	}
}

#visitor-abroad #keyVisual {
	background-image: url(/img/visitor/abroad/main_img.jpg)
}

#visitor-abroad #keyVisual .bg:before {
	background-image: url(/img/visitor/abroad/main_img.jpg)
}

#visitor-abroad #conts .ttl01::before {
	margin-bottom: 17px
}

#visitor-abroad #conts .ttl01::after {
	margin-top: 18px
}

#visitor-abroad #conts .abroadBox {
	margin: 0 auto;
	width: 700px
}

#visitor-abroad #conts .abroadBox p {
	margin-bottom: 18px
}

#visitor-abroad #conts .basicTable01 {
	margin-bottom: 10px
}

#visitor-abroad #conts .basicTable02 {
	margin-bottom: 50px
}

#visitor-abroad #conts .basicTable01 dl {
	line-height: 1.75
}

#visitor-abroad #conts .basicTable01 dt {
	width: 28%
}

#visitor-abroad #conts .basicTable02 dt {
	text-align: center;
	width: 20%
}

#visitor-abroad #conts .basicTable01 dd,
#visitor-abroad #conts .basicTable01 dt {
	padding: 5px 10px 4px
}

#visitor-abroad #conts .numList01 li {
	line-height: 1.7
}

#visitor-abroad #conts .basicTable01 .dtStyle {
	vertical-align: top
}

#visitor-abroad #conts .basicTable01 .list01 li {
	line-height: 1.65
}

#visitor-abroad #conts .contactDl {
	padding: 8px 8px 10px 21px;
	margin-top: 15px;
	line-height: 1.75;
	border: 2px solid #666
}

#visitor-abroad #conts .contactDl dt {
	padding: 20px 19px 20px 0;
	float: left;
	font-weight: bold;
	border-right: 2px dotted #ccc
}

#visitor-abroad #conts .contactDl dd {
	padding: 8px 0 0 8.8em
}

@media only screen and (max-width: 768px) {
	#visitor-abroad #conts .abroadBox {
		width: auto
	}
	#visitor-abroad #conts .basicTable01 dt {
		width: 100% !important;
		text-align: left;
		box-sizing: border-box
	}
	#visitor-abroad #conts .contactDl {
		padding: 5px
	}
	#visitor-abroad #conts .contactDl dt {
		float: none;
		padding: 5px;
		border-bottom: 2px dotted #ccc;
		border-right: none
	}
	#visitor-abroad #conts .contactDl dd {
		padding: 5px 0 0 5px
	}
}

#visitor-parents #keyVisual {
	background-image: url(/img/visitor/parents/main_img.jpg)
}

#visitor-parents #keyVisual .bg:before {
	background-image: url(/img/visitor/parents/main_img.jpg)
}

#visitor-parents #conts .photoUl {
	margin-bottom: 50px
}

#visitor-parents #conts .photoUl>li {
	padding-left: 30px;
	float: left;
	width: 300px
}

#visitor-parents #conts .photoUl>li:first-child {
	padding: 0
}

#visitor-parents #conts .photoUl>li .photo {
	margin-bottom: 11px
}

#visitor-parents #conts .photoUl>li .ttl04 {
	margin-bottom: 6px
}

#visitor-parents #conts .photoUl>li p {
	margin-bottom: 10px;
	line-height: 1.75
}

#visitor-parents #conts .h2Ttl {
	padding-top: 7px
}

#visitor-parents #conts p {
	margin-bottom: 18px
}

#visitor-parents #conts .basicTable01 {
	margin-bottom: 15px
}

#visitor-parents #conts .basicTable01 dt {
	width: 18%;
	box-sizing: border-box
}

#visitor-parents #conts .basicTable01 dd {
	width: 31%
}

#visitor-parents #conts .basicTable01 .ddStyle {
	width: 80%
}

#visitor-parents #conts .trueIcon01 {
	margin-bottom: 0
}

#visitor-parents #conts .trueIcon01::before {
	top: 2px
}

@media only screen and (max-width: 768px) {
	#visitor-parents #conts .photoUl {
		margin-bottom: 25px
	}
	#visitor-parents #conts .photoUl>li {
		margin-top: 15px;
		float: none;
		padding: 0;
		width: 100%
	}
	#visitor-parents #conts .photoUl>li:first-child {
		margin: 0
	}
	#visitor-parents #conts .photoUl>li .photo img {
		width: 100%
	}
	#visitor-parents #conts .basicTable01 dt {
		width: 100%
	}
	#visitor-parents #conts .basicTable01 dd {
		width: 100%
	}
}

#visitor-student #keyVisual {
	background-image: url(/img/visitor/student/main_img.jpg)
}

#visitor-student #keyVisual .bg:before {
	background-image: url(/img/visitor/student/main_img.jpg);
	background-position: 26.2% 42%
}

#visitor-student #conts .ttl01::before {
	margin-bottom: 17px
}

#visitor-student #conts .ttl01::after {
	margin-top: 20px
}

#visitor-student #conts .studentBox {
	margin: 0 auto 38px;
	width: 700px
}

#visitor-student #conts p {
	line-height: 1.75
}

#visitor-student #conts .studentBox .ttl02 {
	margin-bottom: 8px
}

#visitor-student #conts .studentBox p {
	margin-bottom: 30px
}

#visitor-student #conts .studentBox .imgDl {
	padding: 0 8px 15px
}

#visitor-student #conts .studentBox .imgDl dt {
	margin-top: 8px;
	float: left
}

#visitor-student #conts .studentBox .imgDl dd {
	padding-left: 70px;
	line-height: 1.75
}

#visitor-student #conts .studentBox .downloadMark01 {
	margin-bottom: 10px
}

#visitor-student #conts .studentBox .hasHeadTable01 td {
	text-align: center
}

#visitor-student #conts .studentBox .hasHeadTable01 td:first-child {
	background-color: #F4F4F4
}

#visitor-student #conts .studentBox .hasHeadTable01 .tdStyle01 {
	background-color: #fff !important
}

#visitor-student #conts .studentBox .hasHeadTable01 th,
#visitor-student #conts .studentBox .hasHeadTable01 td {
	padding: 5px 10px;
	line-height: 1.75
}

#visitor-student #conts .studentBox .table01 .tdStyle {
	text-align: left
}

#visitor-student #conts .studentBox .table01 {
	margin-bottom: 40px
}

#visitor-student #conts .studentBox .txtList li {
	line-height: 1.75
}

#visitor-student #conts .studentBox .txtList li ol {
	margin-left: 40px
}

#visitor-student #conts .studentBox01 .basicTable01 {
	margin-bottom: 40px
}

#visitor-student #conts .studentBox01 .basicTable01 dt,
#visitor-student #conts .studentBox01 .basicTable01 dd {
	padding: 5px 10px;
	line-height: 1.75
}

#visitor-student #conts .studentBox01 .table02 {
	margin-bottom: 20px
}

#visitor-student #conts .numList01 li {
	line-height: 1.7;
	text-indent: -1.7em;
	padding-left: 1.7em
}

#visitor-student #conts .studentBox01 .numList01 {
	margin-bottom: 40px
}

#visitor-student #conts .studentBox01 .list {
	margin-bottom: 30px
}

#visitor-student #conts .studentBox .imgBox .photo {
	float: left
}

#visitor-student #conts .studentBox .imgBox .textBox {
	margin-top: -5px;
	float: right;
	width: 530px
}

#visitor-student #conts .studentBox .imgBox .textBox p {
	margin-bottom: 10px
}

#visitor-student #conts .studentBox .imgBox .textBox .txtLink01 {
	margin: 0
}

.sp {
	display: none
}

@media only screen and (max-width: 768px) {
	#visitor-student #conts .studentBox {
		margin-bottom: 20px;
		width: 100%
	}
	#visitor-student #conts .studentBox p {
		margin-bottom: 15px
	}
	#visitor-student #conts .studentBox .imgDl dd {
		padding-left: 50px
	}
	#visitor-student #conts .studentBox .downloadMark01 {
		margin-bottom: 5px
	}
	#visitor-student #conts .studentBox .hasHeadTable01 th,
	#visitor-student #conts .studentBox .hasHeadTable01 td {
		padding: 0 0;
		box-sizing: border-box
	}
	#visitor-student #conts .studentBox .hasHeadTable01 th {
		padding: 10px
	}
	#visitor-student #conts .studentBox .txtList li ol {
		margin-left: 15px
	}
	#visitor-student #conts .studentBox .imgBox .photo {
		margin-bottom: 15px;
		text-align: center;
		float: none
	}
	#visitor-student #conts .studentBox .imgBox .textBox {
		float: none;
		width: auto
	}
	.sp {
		display: block
	}
	.hasHeadTable01.bt tbody .tdStyle01 .bt-content {
		padding: 10px 5px 10px 115px;
		position: relative;
		text-align: center;
		font-weight: normal
	}
	.hasHeadTable01.bt tbody .tdStyle01 .sp {
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		display: block;
		width: 89px;
		font-weight: bold;
		border-right: 1px solid #ddd;
		background-color: #ffecec
	}
}

#visitor-obog #keyVisual {
	background-image: url(/img/visitor/obog/main_img.jpg)
}

#visitor-obog #keyVisual .bg:before {
	background-image: url(/img/visitor/obog/main_img.jpg);
	background-position: 26.2% 42%
}

#visitor-obog #conts {
	margin: 0 auto;
	width: 700px
}

#visitor-obog #conts p {
	margin-bottom: 25px;
	line-height: 1.75
}

#visitor-obog #conts .text01 {
	margin-bottom: 13px
}

#visitor-obog #conts .text01 .em {
	color: #DF0B20;
	font-style: normal
}

#visitor-obog #conts .pickDl {
	margin-bottom: 30px;
	padding: 10px 21px;
	display: table;
	width: 100%;
	box-sizing: border-box;
	border: 2px solid #666
}

#visitor-obog #conts .pickDl dt {
	padding-right: 16px;
	display: table-cell;
	table-layout: fixed;
	vertical-align: middle;
	font-weight: bold;
	color: #BA0A1A;
	border-right: 2px dotted #ccc
}

#visitor-obog #conts .investLink {
	margin-top: -20px;
	margin-bottom: 30px
}

#visitor-obog #conts .pickDl dd {
	margin: 6px 0 0;
	float: right;
	width: 545px;
	line-height: 1.75
}

#visitor-obog #conts .pickDl dd p {
	margin: 0
}

#visitor-obog #conts .pickDl dd .trueIcon01 {
	margin-top: 8px
}

#visitor-obog #conts .ttl01::before {
	margin-bottom: 17px
}

#visitor-obog #conts .ttl01::after {
	margin-top: 18px
}

#visitor-obog #conts .text02 {
	margin-bottom: 30px
}

#visitor-obog #conts .hasHeadTable01 {
	margin-bottom: 28px
}

#visitor-obog #conts .hasHeadTable01 td {
	text-align: center
}

#visitor-obog #conts .hasHeadTable01 td:first-child {
	background-color: #F4F4F4
}

#visitor-obog #conts .ttl04 {
	margin-bottom: 7px
}

#visitor-obog #conts .numList01 {
	margin-bottom: 40px
}

#visitor-obog #conts .numList01 li {
	line-height: 1.65
}

#visitor-obog #conts .basicTable01 {
	margin-bottom: 30px
}

#visitor-obog #conts .basicTable01 dt {
	font-weight: normal
}

#visitor-obog #conts .basicTable01 .numList01 {
	margin-bottom: 0
}

#visitor-obog #conts .table01 {
	margin-bottom: 10px
}

#visitor-obog #conts .table01 dt {
	width: 28%;
	text-align: center
}

#visitor-obog #conts .table01 dd {
	padding: 6px 10px;
	width: 72%
}

#visitor-obog #conts .list01 li {
	line-height: 1.65
}

#visitor-obog #conts .downloadMark01 {
	margin-bottom: 35px
}

#visitor-obog #conts .newWin01 {
	margin-bottom: 15px
}

#visitor-obog #conts .list {
	margin-bottom: 8px
}

#visitor-obog #conts .pickDl01 {
	margin-bottom: 10px
}

#visitor-obog #conts .pickDl01 dt {
	color: #000
}

#visitor-obog #conts .txt {
	margin-bottom: 26px
}

#visitor-obog #conts .rTxt {
	text-align: right
}

@media only screen and (max-width: 768px) {
	#visitor-obog #conts {
		width: auto
	}
	#visitor-obog #conts .pickDl dd {
		width: auto;
		float: none
	}
	#visitor-obog #conts .pickDl dt {
		padding-bottom: 5px;
		display: block;
		float: none;
		border-right: none;
		border-bottom: 2px dotted #ccc
	}
	#visitor-obog #conts .hasHeadTable01 td {
		box-sizing: border-box
	}
	#visitor-obog #conts .table01 dd,
	#visitor-obog #conts .table01 dt {
		width: 100%;
		box-sizing: border-box
	}
	#visitor-obog #conts .downloadMark01 {
		margin-bottom: 20px
	}
	#visitor-obog #conts .txt,
	#visitor-obog #conts p {
		margin-bottom: 15px
	}
}

#visitor-hss #keyVisual {
	background-image: url(/img/visitor/hss/main_img.jpg)
}

#visitor-hss #keyVisual .bg:before {
	background-image: url(/img/visitor/hss/main_img.jpg);
	background-position: 26.2% 42%
}

#visitor-hss #conts .ttl01::before {
	margin-bottom: 17px
}

#visitor-hss #conts .ttl01::after {
	margin-top: 20px
}

#visitor-hss #conts .cateTop p {
	line-height: 1.75
}

#visitor-hss #conts .cateTop .col {
	padding-bottom: 35px
}

#visitor-hss #conts .cateTop .col .anchor {
	margin-bottom: 14px;
	background-image: url(/img/visitor/hss/photo01.jpg)
}

#visitor-hss #conts .cateTop .col01 .anchor {
	background-image: url(/img/visitor/hss/photo02.jpg)
}

#visitor-hss #conts .cateTop .col02 .anchor {
	background-image: url(/img/visitor/hss/photo03.jpg)
}

#visitor-hss #conts .cateTop .col03 .anchor {
	background-image: url(/img/visitor/hss/photo04.jpg)
}

#visitor-hss #conts .cateTop .col04 .anchor {
	background-image: url(/img/visitor/hss/photo05.jpg)
}

#visitor-hss #conts .cateTop .col05 .anchor {
	background-image: url(/img/visitor/hss/photo06.jpg)
}

#visitor-hss #conts .cateTop .ttl {
	width: 150px
}

#visitor-hss #conts .text {
	margin-bottom: 17px;
	line-height: 1.75
}

#visitor-hss #conts .photo {
	position: relative
}

#visitor-hss #conts .photo a {
	padding: 13px 25px;
	position: absolute;
	display: block;
	bottom: 13%;
	left: 29%;
	font-size: 1.2em
}

@media only screen and (max-width: 768px) {
	#visitor-hss {
		min-width: 320px
	}
	#visitor-hss #main #mainVisual:before {
		background-size: 100% auto
	}
	#visitor-hss #conts .cateTop {
		padding-bottom: 20px
	}
	#visitor-hss #conts .cateTop .col {
		padding: 0;
		margin-top: 20px
	}
	#visitor-hss #conts .cateTop .col .anchor {
		margin-bottom: 10px;
		background-size: 100% auto
	}
	#visitor-hss #conts .photo a {
		padding: 2px 3px;
		font-size: 0.6em;
		width: 45%;
		bottom: 5px;
		font-weight: normal
	}
	#visitor-hss #conts .photo a .icon {
		padding: 0 10px
	}
	#visitor-hss .opencampusBtn .icon::before,
	#visitor-hss .requestBtn .icon::before,
	#visitor-hss .workdayBtn .icon::before,
	#visitor-hss .restartBtn .icon::before {
		width: 8px
	}
	#visitor-hss .btnType04 .icon::after {
		background-image: url(/img/common/icon/arrow_r02_lm.png);
		background-size: 8px auto
	}
}

#visitor-mos #keyVisual {
	background-image: url(/img/visitor/mos/main_img.jpg)
}

#visitor-mos #keyVisual .bg:before {
	background-image: url(/img/visitor/mos/main_img.jpg);
	background-position: 29% 42%
}

#visitor-mos #conts .ttl01::before {
	margin-bottom: 17px
}

#visitor-mos #conts .ttl01::after {
	margin-top: 20px
}

#visitor-mos #conts .cateTop p {
	line-height: 1.75
}

#visitor-mos #conts .cateTop .col {
	padding-bottom: 35px
}

#visitor-mos #conts .cateTop .col .anchor {
	margin-bottom: 14px;
	background-image: url(/img/visitor/mos/photo01.jpg)
}

#visitor-mos #conts .cateTop .col01 .anchor {
	background-image: url(/img/visitor/mos/photo02.jpg)
}

#visitor-mos #conts .cateTop .col02 .anchor {
	background-image: url(/img/visitor/mos/photo03.jpg)
}

#visitor-mos #conts .cateTop .col03 .anchor {
	background-image: url(/img/visitor/mos/photo04.jpg)
}

#visitor-mos #conts .text {
	margin-bottom: 17px
}

#visitor-mos #conts .link a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7
}

@media only screen and (max-width: 768px) {
	#visitor-mos {
		min-width: 320px
	}
	#visitor-mos #main #mainVisual:before {
		background-size: 100% auto
	}
	#visitor-mos #conts .cateTop {
		padding-bottom: 20px
	}
	#visitor-mos #conts .cateTop .col {
		padding: 0;
		margin-top: 20px
	}
	#visitor-mos #conts .cateTop .col .anchor {
		margin-bottom: 10px;
		background-size: 100% auto
	}
}

#campuslife-index #keyVisual {
	background-image: url(/img/campuslife/index/main_img.jpg)
}

#campuslife-index #keyVisual .bg:before {
	background-image: url(/img/campuslife/index/main_img.jpg);
	background-position: 27.7% 42%
}

#campuslife-index #conts .cateTop p {
	line-height: 1.75
}

#campuslife-index #conts .cateTop .col {
	padding-bottom: 35px
}

#campuslife-index #conts .cateTop .col .anchor {
	margin-bottom: 14px;
	background-image: url(/img/campuslife/index/photo01.jpg)
}

#campuslife-index #conts .cateTop .col01 .anchor {
	background-image: url(/img/campuslife/index/photo02.jpg)
}

#campuslife-index #conts .cateTop .col02 .anchor {
	background-image: url(/img/campuslife/index/photo03.jpg)
}

#campuslife-index #conts .cateTop .col03 .anchor {
	background-image: url(/img/campuslife/index/photo04.jpg)
}

#campuslife-index #conts .cateTop .col04 .anchor {
	background-image: url(/img/campuslife/index/photo05.jpg)
}

@media only screen and (max-width: 768px) {
	#campuslife-index {
		min-width: 320px
	}
	#campuslife-index #main #mainVisual:before {
		background-size: 100% auto
	}
	#campuslife-index #conts .cateTop .col {
		padding: 0;
		margin-top: 20px
	}
	#campuslife-index #conts .cateTop .col .anchor {
		margin-bottom: 10px;
		background-size: 100% auto
	}
}

#campuslife-style #keyVisual {
	background-image: url(/img/campuslife/style/main_img.jpg)
}

#campuslife-style #keyVisual .bg:before {
	background-image: url(/img/campuslife/style/main_img.jpg);
	background-position: 28% 42%
}

#campuslife-style #conts .lead {
	margin-bottom: 35px;
	text-align: center
}

#campuslife-style #conts .sbi_hover_top {
	box-sizing: border-box;
	padding: 5% !important;
	width: 100%;
	font-size: 1.3rem;
	line-height: 1.5;
	text-align: left
}

#campuslife-style #conts .style_list {
	opacity: 0;
	-webkit-transition: opacity 500ms ease;
	transition: opacity 500ms ease
}

#campuslife-style #conts .style_list.fadein {
	opacity: 1
}

#campuslife-gallery #keyVisual {
	background-image: url(/img/campuslife/gallery/main_img.jpg)
}

#campuslife-gallery #keyVisual .bg:before {
	background-image: url(/img/campuslife/gallery/main_img.jpg);
	background-position: 25.7% 42%
}

#campuslife-gallery .txt {
	margin-bottom: 53px;
	text-align: center
}

#campuslife-gallery .column01 {
	margin-bottom: 40px;
	position: relative
}

#campuslife-gallery .column01 p {
	margin-bottom: 10px;
	padding-left: 125px;
	position: relative
}

#campuslife-gallery .column01 p img {
	position: absolute;
	top: 0;
	left: 0
}

#campuslife-gallery .column01 p span {
	margin-right: 15px;
	color: #B90A19;
	font-size: 1.42857em;
	display: inline-block;
	font-weight: bold;
	vertical-align: middle
}

#campuslife-gallery .column01 .col {
	padding-left: 30px
}

#campuslife-gallery .column01 .col img {
	max-width: 100%;
	height: auto
}

#campuslife-gallery .column01.lastChild {
	margin-bottom: 0
}

@media only screen and (max-width: 768px) {
	#campuslife-gallery .txt {
		margin-bottom: 26px
	}
	#campuslife-gallery .column01 {
		margin-bottom: 10px
	}
	#campuslife-gallery .column01 p {
		padding-left: 60px;
		text-align: left
	}
	#campuslife-gallery .column01 p img {
		width: 56px;
		height: auto
	}
	#campuslife-gallery .column01 p span {
		display: block
	}
	#campuslife-gallery .column01 .col {
		margin-bottom: 10px;
		padding-left: 0
	}
	#campuslife-gallery .column01 .col img {
		width: 100%;
		height: auto;
		display: block
	}
}

#campuslife-club #keyVisual {
	background-image: url(/img/campuslife/club/main_img.jpg)
}

#campuslife-club #keyVisual .bg:before {
	background-image: url(/img/campuslife/club/main_img.jpg);
	background-position: 28.7% 42%
}

#campuslife-club .col {
	margin-left: 30px;
	padding-bottom: 40px;
	width: 300px
}

#campuslife-club .col dt {
	margin: 7px 0 5px;
	font-size: 1.42857em;
	color: #B80A19;
	font-weight: bold
}

#campuslife-club .col:first-child {
	margin-left: 0
}

#campuslife-club #club .txt {
	margin-bottom: 30px;
	text-align: center
}

#campuslife-club #environment .txt {
	margin-bottom: -5px;
	text-align: center
}

#campuslife-club #environment .col {
	margin-top: 30px;
	padding-bottom: 0
}

#campuslife-club #environment .col span {
	padding: 5px 0;
	width: 300px;
	background: #F0F0F0;
	display: block;
	font-weight: bold;
	text-align: center
}

@media only screen and (max-width: 768px) {
	#campuslife-club img {
		width: 100%;
		height: auto
	}
	#campuslife-club .col {
		margin-left: 0;
		padding-bottom: 20px;
		width: auto
	}
	#campuslife-club .col dt {
		margin: 3px 0 2px
	}
	#campuslife-club #club .txt {
		margin-bottom: 15px
	}
	#campuslife-club #environment .col {
		margin-top: 15px
	}
	#campuslife-club #environment .col span {
		padding: 2px 0;
		width: auto
	}
}

#interview-index #keyVisual {
	background-image: url(/img/interview/index/main_img.jpg)
}

#interview-index #keyVisual .bg:before {
	background-image: url(/img/interview/index/main_img.jpg);
	background-position: 28% 42%
}

#interview-index #conts .cateTop p {
	line-height: 1.75
}

#interview-index #conts .cateTop .col {
	padding-bottom: 35px
}

#interview-index #conts .cateTop .ttl .txt {
	font-size: 0.6em
}

#interview-index #conts .cateTop .col .anchor {
	margin-bottom: 14px;
	background-image: url(/img/interview/index/photo01.jpg)
}

#interview-index #conts .cateTop .col01 .anchor {
	background-image: url(/img/interview/index/photo02.jpg)
}

#interview-index #conts .cateTop .col02 .anchor {
	background-image: url(/img/interview/index/photo03.jpg)
}

#interview-index #conts .cateTop .col03 .anchor {
	background-image: url(/img/interview/index/photo04.jpg)
}

@media only screen and (max-width: 768px) {
	#interview-index #conts .cateTop .col {
		padding: 0;
		margin-top: 20px
	}
	#interview-index #conts .cateTop .col .anchor {
		margin-bottom: 10px;
		background-size: 100% auto
	}
	#conts .comPhoto a {
		padding: 3px;
		font-size: 0.6em;
		width: 45%;
		bottom: 5px;
		left: 27%;
		bottom: 11%;
		font-weight: normal
	}
	#conts .comPhoto a .icon {
		padding: 0 10px
	}
	.btnType04 .icon::after {
		background: url(/img/common/icon/arrow_r02_lm.png) no-repeat right center;
		background-size: 8px auto
	}
}

.interview #keyVisual {
	background-image: url(/img/interview/index/main_img.jpg)
}

.interview #keyVisual .bg:before {
	background-image: url(/img/interview/index/main_img.jpg);
	background-position: 28% 42%
}

.interview #conts .interviewBox {
	margin: 0 auto;
	width: 700px
}

.interview #conts .interviewBox .grayBox {
	margin-bottom: 40px;
	padding: 14px 0 14px 20px;
	background-color: #F0F0F0
}

.interview #conts .interviewBox .grayBox .ttl {
	margin-bottom: 2px;
	color: #DF0B1F;
	font-size: 1.15em;
	font-weight: bold;
	font-style: italic
}

.interview #conts .interviewBox .grayBox .list01 li {
	float: left;
	width: 330px
}

.interview #conts .interviewBox .grayBox01 .list01 li {
	width: 270px
}

.interview #conts .interviewBox .grayBox01 .list01 .liStyle {
	width: 360px
}

.interview #conts .interviewBox p {
	margin-bottom: 34px;
	line-height: 1.75;
	letter-spacing: -1px
}

.interview #conts .interviewBox .ttl02 {
	margin-bottom: 7px
}

.interview #conts .interviewBox .imgBoxR {
	margin-bottom: 34px
}

.interview #conts .interviewBox .imgBoxL .photoBox,
.interview #conts .interviewBox .imgBoxR .photoBox {
	margin-top: 7px;
	float: right
}

.interview #conts .interviewBox .imgBoxL .textBox,
.interview #conts .interviewBox .imgBoxR .textBox {
	float: left;
	width: 376px
}

.interview #conts .interviewBox .imgBoxL .textBox p,
.interview #conts .interviewBox .imgBoxR .textBox p {
	margin: 0
}

.interview #conts .interviewBox .imgBoxL .photoBox {
	float: left
}

.interview #conts .interviewBox .imgBoxL .textBox {
	float: right
}

.interview #conts .interviewBox .imgBoxL {
	margin-bottom: 40px
}

.interview #conts .comPhoto {
	position: relative
}

.interview #conts .comPhoto a {
	padding: 13px 25px;
	position: absolute;
	display: block;
	bottom: 13%;
	left: 22%;
	font-size: 1.2em
}

@media only screen and (max-width: 768px) {
	.interview #conts .interviewBox {
		width: auto
	}
	.interview #conts .textImg img {
		width: 100%
	}
	.interview #conts .interviewBox .grayBox {
		margin-bottom: 20px;
		padding: 10px
	}
	.interview #conts .interviewBox .grayBox .list01 li {
		float: none;
		width: auto !important
	}
	.interview #conts .interviewBox p {
		margin-bottom: 15px
	}
	.interview #conts .interviewBox .imgBoxL .textBox,
	.interview #conts .interviewBox .imgBoxR .textBox {
		float: none;
		width: auto
	}
	.interview #conts .interviewBox .imgBoxL .photoBox,
	.interview #conts .interviewBox .imgBoxR .photoBox {
		margin: 0 0 15px;
		float: none
	}
	.interview #conts .interviewBox .imgBoxL .photoBox img,
	.interview #conts .interviewBox .imgBoxR .photoBox img {
		width: 100%
	}
	.interview #conts .interviewBox .imgBoxR,
	.interview #conts .interviewBox .imgBoxL {
		margin-bottom: 20px
	}
}

#special-restart #keyVisual {
	background-image: url(/img/special/restart/main_img.jpg)
}

#special-restart #keyVisual .bg:before {
	background-image: url(/img/special/restart/main_img.jpg);
	background-position: 31% 45%
}

#special-restart #grant {
	margin-bottom: 50px
}

#special-restart #grant .tab {
	margin-left: -30px
}

#special-restart #grant .tab:after {
	display: block;
	clear: both;
	content: ""
}

#special-restart #grant .tab li {
	box-sizing: border-box;
	padding-bottom: 25px;
	margin-left: 30px;
	width: 300px;
	float: left;
	opacity: 1;
	filter: alpha(opacity=100);
	cursor: pointer
}

#special-restart #grant .tab li:hover {
	opacity: .7;
	filter: alpha(opacity=70);
	-webkit-transition: opacity 200ms ease;
	transition: opacity 200ms ease
}

#special-restart #grant .tab .current {
	position: relative
}

#special-restart #grant .tab .current:after {
	margin-left: -7px;
	border: 7px solid transparent;
	border-bottom-color: #F0F0F0;
	position: absolute;
	bottom: 0;
	left: 50%;
	content: ""
}

#special-restart #grant .tab .current .profile:after {
	background-image: url(/img/common/icon/arrow_t01_m.png)
}

#special-restart #grant .tab .profile {
	box-sizing: border-box;
	padding-right: 30px;
	width: 100%;
	height: 75px;
	background-color: #DF0B20;
	display: table;
	position: relative;
	color: #FFF;
	line-height: 1.5;
	font-weight: bold
}

#special-restart #grant .tab .profile:after {
	margin-top: -8px;
	width: 14px;
	height: 16px;
	background-image: url(/img/common/icon/arrow_b02_m.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	right: 10px;
	content: ""
}

#special-restart #grant .tab .in {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	display: table-cell;
	vertical-align: middle
}

#special-restart #grant .tab .job {
	font-size: 1.21429em
}

#special-restart #grant .tab .affi,
#special-restart #grant .tab .unit {
	font-size: .82353em
}

#special-restart #grant .tab .affi {
	margin-right: 5px
}

#special-restart #grant .tab .flow {
	display: block;
	font-size: .85714em;
	line-height: 1.2
}

#special-restart #grant .inner {
	background-color: #F0F0F0;
	position: relative
}

#special-restart #grant .inner:after {
	width: 134px;
	height: 36px;
	background: url(/img/special/restart/bg_voice.png) no-repeat;
	position: absolute;
	bottom: 0;
	right: 0;
	content: ""
}

#special-restart #grant .tabBody {
	padding: 30px;
	position: relative
}

#special-restart #grant .tabBody:after {
	display: block;
	clear: both;
	content: ""
}

#special-restart #grant .tabBody .tag {
	padding: 10px 15px;
	background-color: #DF0B20;
	position: absolute;
	top: 0;
	left: 0;
	color: #FFF;
	font-size: 1.14286em;
	line-height: 1.2
}

#special-restart #grant .tabBody .tag:after {
	border-style: solid;
	border-top-color: #DF0B20;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: #DF0B20;
	border-top-width: 20px;
	border-right-width: 6px;
	border-bottom-width: 20px;
	border-left-width: 6px;
	position: absolute;
	top: 0;
	right: -12px;
	content: ""
}

#special-restart #grant .tabBody .profile {
	width: 180px;
	float: left
}

#special-restart #grant .tabBody .img {
	margin-bottom: 10px
}

#special-restart #grant .tabBody .affi {
	display: block;
	line-height: 1
}

#special-restart #grant .tabBody .name {
	font-size: 1.21429em;
	font-weight: bold
}

#special-restart #grant .tabBody .quali {
	margin-top: 15px;
	line-height: 1.5
}

#special-restart #grant .tabBody .quali dt {
	font-weight: bold
}

#special-restart #grant .tabBody .faq {
	width: 695px;
	float: right
}

#special-restart #grant .tabBody .faq .ttl04 {
	margin-top: 20px;
	font-size: 1.28571em
}

#special-restart #grant .tabBody .faq section:first-child .ttl04 {
	margin-top: 0
}

#special-restart #grant .tabBody .faq .time {
	margin-top: 20px;
	margin-bottom: 20px
}

#special-restart #grant .tabBody .faq .txt {
	margin-bottom: 20px
}

#special-restart #grant .tab02 {
	margin-top: 30px
}

#special-restart #select .imgList {
	margin-top: 30px;
	margin-bottom: 30px;
	letter-spacing: -0.4em;
	text-align: center
}

#special-restart #select .imgList li {
	display: inline-block;
	vertical-align: top
}

#special-restart #select .btnList {
	margin-right: auto;
	margin-left: auto;
	display: table
}

#special-restart #select .btnList:after {
	display: block;
	clear: both;
	content: ""
}

#special-restart #select .btnList li {
	margin-left: 30px;
	float: left
}

#special-restart #select .btnList li:first-child {
	margin-left: 0
}

#special-restart #select .employmentRecord {
	margin-bottom: 60px
}

#special-restart #select .employmentRecord .imgList li {
	margin-right: 8px;
	margin-left: 8px
}

#special-restart #select .qualificationPassed {
	margin-bottom: 60px
}

#special-restart #select .list .imgBox {
	margin-bottom: 15px
}

#special-restart #select .list .imgBox:after {
	display: block;
	clear: both;
	content: ""
}

#special-restart #select .list .imgBox .img {
	margin-left: 25px;
	float: right;
	text-align: right;
	font-size: 1.4rem;
	line-height: 1.5
}

#special-restart #select .list .imgBox p {
	margin-top: 10px
}

#special-restart #select .list .catch {
	color: #B90A19;
	font-size: 2rem;
	font-weight: bold
}

#special-restart #select .system {
	margin-bottom: 35px
}

#special-restart #select .system .txtLink01 {
	margin-top: 15px
}

#special-restart #select .proportion {
	margin-bottom: 50px;
	padding: 40px 20px 50px;
	background-color: rgba(250, 250, 250, 0.6);
	position: relative
}

#special-restart #select .proportion:after {
	width: 136px;
	height: 36px;
	background: url(/img/special/restart/bg_ratio.png) no-repeat;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 0;
	content: ""
}

#special-restart #select .proportion .inner {
	position: relative;
	z-index: 1
}

#special-restart #select .proportion .inner:after {
	display: block;
	clear: both;
	content: ""
}

#special-restart #select .proportion .inner dl {
	float: left
}

#special-restart #select .proportion .inner dt {
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
	border: 1px solid #B80A19;
	display: table;
	color: #B80A19;
	font-size: 1.6rem;
	line-height: 1.3;
	font-weight: bold;
	text-align: center
}

#special-restart #select .proportion .inner dt .in {
	padding: 10px;
	display: table-cell;
	vertical-align: middle
}

#special-restart #select .proportion .inner dd .img {
	letter-spacing: -0.04em;
	text-align: center
}

#special-restart #select .proportion .inner dd .img img {
	margin-right: 8px;
	margin-left: 8px;
	letter-spacing: normal
}

#special-restart #select .proportion .inner dd .img.management img {
	margin: 0
}

#special-restart #select .proportion .inner dd .img.management img+img {
	margin-left: -30px
}

#special-restart #select .proportion .inner dd .button01 {
	margin-top: 30px
}

#special-restart #select .proportion .inner.top dl {
	width: 50%
}

#special-restart #select .proportion .inner.bottom {
	margin-top: 60px
}

#special-restart #select .proportion .inner.bottom dl {
	width: 25%
}

#special-restart #select .proportion .inner.bottom dt {
	height: 60px
}

#special-restart #select .proportion .inner.bottom dd .img img {
	margin: 0
}

#special-restart #select .proportion .inner.bottom .button01 {
	padding: 10px 15px;
	font-size: 1.2rem;
	line-height: 1.2;
	text-align: left
}

#special-restart #select .proportion .inner.bottom .button01 br {
	display: inline
}

#special-restart #select .proportion .inner.bottom .button01:not(.btn02) {
	padding-top: 17px;
	padding-bottom: 17px
}

#special-restart #selectedReason {
	margin-bottom: 50px
}

#special-restart #selectedReason .department+.department {
	margin-top: 40px
}

#special-restart #selectedReason .imgBox:after {
	display: block;
	clear: both;
	content: ""
}

#special-restart #selectedReason .imgBox .img {
	width: 300px;
	float: left;
	text-align: center
}

#special-restart #selectedReason .imgBox .name {
	margin-top: 10px
}

#special-restart #selectedReason .imgBox .faq {
	width: 630px;
	float: right
}

#special-restart #selectedReason .imgBox .ttl04 {
	font-size: 1.28571em
}

#special-restart #selectedReason .imgBox .ttl04+p {
	margin-bottom: 20px
}

#special-restart #selectedReason .life:after {
	display: block;
	clear: both;
	content: ""
}

#special-restart #selectedReason .life .col {
	width: 50%;
	float: left
}

#special-restart #selectedReason .life .img {
	height: 240px
}

#special-restart #selectedReason .life .col+.col .img {
	padding-top: 20px
}

#special-restart #selectedReason .ratio {
	padding: 30px 15px;
	background-color: #F0F0F0;
	position: relative
}

#special-restart #selectedReason .ratio:after {
	width: 136px;
	height: 36px;
	background: url(/img/special/restart/bg_ratio.png) no-repeat;
	position: absolute;
	bottom: 0;
	right: 0;
	content: ""
}

#special-restart #selectedReason .ratio .group {
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	display: table
}

#special-restart #selectedReason .ratio .graph {
	padding-right: 20px;
	padding-left: 20px;
	display: table-cell
}

#special-restart #support .list+.list {
	margin-top: 40px
}

#special-restart #support .imgBox:after {
	display: block;
	clear: both;
	content: ""
}

#special-restart #support .img {
	width: 300px;
	float: right;
	text-align: right
}

#special-restart #support .img p {
	margin-top: 10px
}

#special-restart #support .txt {
	width: 640px
}

#special-restart #support .catch {
	margin-bottom: 10px;
	color: #BA0A1A;
	font-size: 1.42857em;
	font-weight: bold
}

#special-restart #support .system {
	margin-top: 45px
}

#special-restart #support .system .txtLink01 {
	margin-top: 10px
}

#special-restart #support .imgList {
	margin-top: 35px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	display: table
}

#special-restart #support .imgList li {
	padding-right: 10px;
	padding-left: 10px;
	display: table-cell;
	vertical-align: top
}

#special-restart #support .btnList {
	margin-right: auto;
	margin-left: auto;
	display: table
}

#special-restart #support .btnList li {
	padding-right: 10px;
	padding-left: 10px;
	display: table-cell;
	vertical-align: top
}

#special-restart .banner {
	margin-bottom: 40px
}

@media only screen and (max-width: 768px) {
	#special-restart .button01 {
		width: auto
	}
	#special-restart #grant {
		margin-bottom: 25px
	}
	#special-restart #grant .tab {
		margin-left: -15px
	}
	#special-restart #grant .tab li {
		margin-left: 0;
		padding-left: 15px;
		width: 33.3%
	}
	#special-restart #grant .tab li:hover {
		opacity: 1;
		filter: alpha(opacity=100)
	}
	#special-restart #grant .tab .current {
		opacity: .7;
		filter: alpha(opacity=70)
	}
	#special-restart #grant .tab .profile {
		display: none
	}
	#special-restart #grant .inner {
		background-color: #F0F0F0;
		position: relative
	}
	#special-restart #grant .inner:after {
		width: 67px;
		height: 18px;
		background-size: contain
	}
	#special-restart #grant .tabBody {
		padding: 15px
	}
	#special-restart #grant .tabBody .tag {
		padding: 5px 10px;
		font-size: .85714em
	}
	#special-restart #grant .tabBody .tag:after {
		border-top-width: 10px;
		border-right-width: 3px;
		border-bottom-width: 10px;
		border-left-width: 3px;
		right: -6px
	}
	#special-restart #grant .tabBody .profile {
		width: auto;
		float: none
	}
	#special-restart #grant .tabBody .profile:after {
		display: block;
		clear: both;
		content: ""
	}
	#special-restart #grant .tabBody .img {
		padding-right: 15px;
		float: left
	}
	#special-restart #grant .tabBody .img img {
		width: 90px
	}
	#special-restart #grant .tabBody .name {
		font-size: 1.07143em
	}
	#special-restart #grant .tabBody .faq {
		margin-top: 20px;
		width: auto;
		float: none
	}
	#special-restart #grant .tabBody .faq .ttl04 {
		font-size: 1.07143em
	}
	#special-restart #grant .tabBody .faq .txt {
		margin-bottom: 10px
	}
	#special-restart #select .imgList {
		margin: 30px 0 0
	}
	#special-restart #select .imgList li {
		margin-top: 30px;
		margin-bottom: 30px;
		display: block
	}
	#special-restart #select .btnList {
		display: block
	}
	#special-restart #select .btnList li {
		margin-top: 15px;
		margin-left: 0;
		float: none
	}
	#special-restart #select .btnList li:first-child {
		margin-left: 0
	}
	#special-restart #select .employmentRecord {
		margin-bottom: 30px
	}
	#special-restart #select .qualificationPassed {
		margin-bottom: 30px
	}
	#special-restart #select .list .imgBox {
		margin-bottom: 15px
	}
	#special-restart #select .list .imgBox:after {
		display: block;
		clear: both;
		content: ""
	}
	#special-restart #select .list .imgBox .img {
		margin-bottom: 15px;
		margin-left: 0;
		float: none;
		text-align: center
	}
	#special-restart #select .list .imgBox p {
		margin-top: 10px
	}
	#special-restart #select .list .catch {
		font-size: 1.6rem
	}
	#special-restart #select .system {
		margin-bottom: 35px
	}
	#special-restart #select .system .txtLink01 {
		margin-top: 15px
	}
	#special-restart #select .proportion {
		margin-bottom: 25px;
		padding: 20px 10px 25px
	}
	#special-restart #select .proportion:after {
		width: 68px;
		height: 18px;
		background-size: contain
	}
	#special-restart #select .proportion .inner dl {
		margin-top: 30px;
		float: none
	}
	#special-restart #select .proportion .inner dl:first-child {
		margin-top: 0
	}
	#special-restart #select .proportion .inner dt {
		margin-right: auto;
		margin-bottom: 25px;
		margin-left: auto;
		border: 1px solid #B80A19;
		display: table;
		color: #B80A19;
		font-size: 1.6rem;
		line-height: 1.3;
		font-weight: bold;
		text-align: center
	}
	#special-restart #select .proportion .inner dt .in {
		padding: 10px;
		display: table-cell;
		vertical-align: middle
	}
	#special-restart #select .proportion .inner dd .img img {
		margin-right: auto;
		margin-left: auto;
		display: block
	}
	#special-restart #select .proportion .inner dd .img img+img {
		margin-top: 10px
	}
	#special-restart #select .proportion .inner dd .img.management img {
		margin-right: auto;
		margin-left: auto
	}
	#special-restart #select .proportion .inner dd .img.management img+img {
		margin-top: 10px;
		margin-left: auto
	}
	#special-restart #select .proportion .inner dd .button01 {
		margin-top: 30px
	}
	#special-restart #select .proportion .inner.top dl {
		width: auto
	}
	#special-restart #select .proportion .inner.bottom {
		margin-top: 30px
	}
	#special-restart #select .proportion .inner.bottom dl {
		width: auto
	}
	#special-restart #select .proportion .inner.bottom dt {
		height: auto
	}
	#special-restart #select .proportion .inner.bottom dd .img img {
		margin-right: auto;
		margin-left: auto
	}
	#special-restart #select .proportion .inner.bottom .button01 {
		padding: 10px 15px;
		font-size: 1.2rem;
		line-height: 1.2;
		text-align: left
	}
	#special-restart #select .proportion .inner.bottom .button01 br {
		display: inline
	}
	#special-restart #select .proportion .inner.bottom .button01:not(.btn02) {
		padding-top: 17px;
		padding-bottom: 17px
	}
	#special-restart #selectedReason {
		margin-bottom: 25px
	}
	#special-restart #selectedReason .department+.department {
		margin-top: 20px
	}
	#special-restart #selectedReason .imgBox .img {
		margin-bottom: 15px;
		width: auto;
		float: none
	}
	#special-restart #selectedReason .imgBox .faq {
		width: auto;
		float: none
	}
	#special-restart #selectedReason .imgBox .ttl04 {
		font-size: 1.07143em
	}
	#special-restart #selectedReason .life {
		margin-bottom: 15px
	}
	#special-restart #selectedReason .life .col {
		width: auto;
		float: none
	}
	#special-restart #selectedReason .life .img {
		height: auto
	}
	#special-restart #selectedReason .life .col+.col .img {
		padding-top: 0
	}
	#special-restart #selectedReason .ratio {
		padding-top: 15px;
		padding-bottom: 15px
	}
	#special-restart #selectedReason .ratio:after {
		width: 68px;
		height: 18px;
		background-size: contain
	}
	#special-restart #selectedReason .ratio .group {
		display: block
	}
	#special-restart #selectedReason .ratio .graph {
		padding: 0;
		display: block;
		text-align: center
	}
	#special-restart #selectedReason .ratio .graph+.graph {
		margin-top: 15px
	}
	#special-restart #support .list+.list {
		margin-top: 20px
	}
	#special-restart #support .img {
		margin-bottom: 15px;
		width: auto;
		float: none;
		text-align: center
	}
	#special-restart #support .txt {
		width: auto
	}
	#special-restart #support .catch {
		font-size: 1.14286em
	}
	#special-restart #support .system {
		margin-top: 25px
	}
	#special-restart #support .imgList {
		margin-top: 25px;
		display: block;
		text-align: center
	}
	#special-restart #support .imgList li {
		margin-top: 15px;
		padding: 0;
		display: block
	}
	#special-restart #support .imgList li:first-child {
		margin-top: 0
	}
	#special-restart #support .btnList {
		margin-top: 25px;
		display: block;
		text-align: center
	}
	#special-restart #support .btnList li {
		padding: 0;
		display: block
	}
	#special-restart #support .btnList li+li {
		margin-top: 15px
	}
	#special-restart .banner {
		padding-top: 30px
	}
}

#special-eintracht #keyVisual {
	background-image: url(/img/special/eintracht/main_img.jpg)
}

#special-eintracht #keyVisual .bg:before {
	background-image: url(/img/special/eintracht/main_img.jpg);
	background-position: 33.3% 45%
}

#special-eintracht #conts .ttl01::before {
	margin-bottom: 17px
}

#special-eintracht #conts .ttl01::after {
	margin-top: 20px
}

#special-eintracht #conts p {
	margin-bottom: 15px;
	line-height: 1.75
}

#special-eintracht #conts .imgBox {
	margin-bottom: 30px
}

#special-eintracht #conts .imgBox .photoBox {
	float: right
}

#special-eintracht #conts .imgBox .textBox {
	margin-top: -6px;
	float: left;
	width: 470px
}

#special-eintracht #conts .imgBox .textBox p {
	margin-bottom: 25px
}

#special-eintracht #conts .inner {
	margin-bottom: 40px;
	padding: 11px 20px 17px;
	border: 2px solid #666
}

#special-eintracht #conts .inner .photo {
	margin-top: 15px;
	float: left
}

#special-eintracht #conts .inner .textBox {
	float: right;
	width: 740px
}

#special-eintracht #conts .inner .textBox .ttl04 {
	margin-bottom: 5px
}

#special-eintracht #conts .inner .textBox p {
	margin-bottom: 5px
}

#special-eintracht #conts .inner .textBox .newWin01 {
	margin: 0
}

#special-eintracht #conts .ttl02 {
	margin-bottom: 7px
}

#special-eintracht #conts .cateTop {
	text-align: center
}

#special-eintracht #conts .cateTop span {
	margin-top: 6px;
	display: block;
	font-size: 0.85em;
	line-height: 1.75
}

#special-eintracht #conts .cateTop .col {
	padding-bottom: 18px
}

#special-eintracht #conts .txt {
	margin: 0 0 15px 10px
}

#special-eintracht #conts .photoUl {
	margin: 0 0 50px 146px
}

#special-eintracht #conts .photoUl li {
	text-align: center;
	width: 332px;
	float: left
}

#special-eintracht #conts .photoUl li:first-child {
	width: 386px
}

#special-eintracht #conts .photoUl li span {
	margin-top: 10px;
	display: block;
	font-size: 0.85em
}

#special-eintracht #conts .cateTop.twoColumn {
	margin: 0 160px 20px 130px
}

#special-eintracht #conts .cateTop.twoColumn .col {
	padding: 0 0 0 30px
}

@media only screen and (max-width: 768px) {
	#special-eintracht #conts .imgBox .photoBox {
		margin-bottom: 15px;
		float: none
	}
	#special-eintracht #conts .imgBox .photoBox img {
		width: 100%
	}
	#special-eintracht #conts .imgBox .textBox {
		margin-top: 0;
		float: none;
		width: auto
	}
	#special-eintracht #conts .imgBox .textBox p {
		margin-bottom: 15px
	}
	#special-eintracht #conts .inner .photo {
		margin-bottom: 15px;
		float: none;
		text-align: center
	}
	#special-eintracht #conts .inner .textBox {
		width: auto;
		float: none
	}
	#special-eintracht #conts .cateTop .col {
		padding: 0
	}
	#special-eintracht #conts .photoUl {
		margin: 0 0 20px 0
	}
	#special-eintracht #conts .photoUl li {
		margin: 20px 0 0;
		float: none;
		width: 100%
	}
	#special-eintracht #conts .photoUl li img {
		width: 100%
	}
	#special-eintracht #conts .photoUl li:first-child {
		margin: 0;
		width: 100%;
		height: auto
	}
	#special-eintracht #conts .cateTop.twoColumn {
		margin: 0
	}
	#special-eintracht #conts .cateTop.twoColumn .col {
		padding: 0
	}
}

#conts .infoList+.moreBtn {
	margin-top: 20px
}


#news_info-index #keyVisual {
	background-image: url(/img/news_info/common/main_img.jpg)
}


#news_info-index #keyVisual .bg {
	width: 460px
}

#news_info-index #keyVisual .bg:before {
	/*background-image: url(/img/news_info/common/main_img.jpg);
	background-position: 30.9% 43%*/
}

/* カテゴリごとに背景を指定するため削除
#news_info-index.event #keyVisual {
background-image: url(/img/opencampus/recommend/main_img.jpg)
}
*/

#news_info-index.event #keyVisual .bg {
	width: auto;
}


@media only screen and (max-width: 768px) {

	#news_info-index.event #keyVisual .bg {
		max-width:inherit;
	}
}

#news_info-index.event #keyVisual .bg:before {
	/* background-image: url(/img/opencampus/recommend/main_img.jpg);
	background-position: 29% 42% */
}

#news_info-index .experience {
	margin-bottom: 40px;
	margin-left: -30px
}

#news_info-index .experience .list {
	margin-bottom: 30px;
	margin-left: 30px;
	width: 213px;
	float: left
}

#news_info-index .experience .list .image {
	margin-bottom: 15px
}

#news_info-index .experience .list .inner .txt {
	font-size: 1.14286em
}

#news_info-index .experience .list .inner .txt>span {
	font-weight: bold
}

#news_info-index .experience .list .inner .txt .sunday {
	color: #DF0B1F;
	font-weight: bold
}

#news_info-index .experience .list .inner .txt .saturday {
	color: #135EAC;
	font-weight: bold
}

#news_info-index .experience .list .inner .txt a {
	font-size: .875em
}

#news_info-index .experience .list .inner .data {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #DDD
}

#news_info-index .experience .list .inner .data .tag {
	margin-bottom: 10px;
	background: #F2910D;
	display: block;
	color: #FFF;
	text-align: center
}

#news_info-index .experience .list .inner .data .ttl {
	font-weight: normal
}

#news_info-index .other .list {
	margin: -30px 0 0 -35px
}

#news_info-index .other .list li {
	margin: 30px 0 0 30px;
	float: left
}

#news_info-index .other .list li.weekday a {
	background-image: url(/img/opencampus/event/img01.jpg)
}

#news_info-index .other .list li.experience a {
	background-image: url(/img/opencampus/event/img02.jpg)
}

#news_info-index .other .list li.restart a {
	background-image: url(/img/opencampus/event/img03.jpg)
}

#news_info-index .other .list li.parents a {
	background-image: url(/img/opencampus/event/img04.jpg)
}

#news_info-index .other .list li.bus a {
	background-image: url(/img/opencampus/event/img05.jpg)
}

#news_info-index .other .list li.faq a {
	background-image: url(/img/opencampus/event/img06.jpg)
}

#news_info-index .other .list li a {
	width: 335px;
	height: 150px;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	display: block;
	color: #FFF;
	text-decoration: none;
	overflow: hidden;
	-webkit-transition: opacity 200ms ease;
	transition: opacity 200ms ease
}

#news_info-index .other .list li a .bg {
	box-sizing: border-box;
	padding: 0 20px;
	min-width: 245px;
	height: 70px;
	background-color: #DF0B20;
	position: absolute;
	top: 40px;
	left: -9px;
	display: table;
	color: #FFF;
	text-align: center;
	line-height: 1.2;
	-webkit-transform: skewX(-15deg);
	transform: skewX(-15deg)
}

#news_info-index .other .list li a .bg span {
	display: table-cell;
	font-size: 1.28571em;
	vertical-align: middle;
	-webkit-transform: skewX(15deg);
	transform: skewX(15deg)
}

#news_info-index .other .list li a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70)
}

#news_info-index .threeColumn:after {
	display: block;
	clear: both;
	content: ""
}

#news_info-index .threeColumn .col {
	padding-left: 30px;
	padding-bottom: 30px
}

#news_info-index .recomBox {
	height: 100%;
	display: block;
	text-decoration: none;
	border: 1px solid #ccc
}

#news_info-index .recomBox:hover {
	opacity: .7;
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease
}

#news_info-index .recomBox:hover .recomTtl {
	text-decoration: none
}

#news_info-index .recomBox .recomInner .imgArea {
	border-bottom: 1px solid #ccc
}

#news_info-index .recomBox .recomInner .imgArea img {
	width: 100%;
	height: auto
}

#news_info-index .recomBox .recomInner .txtArea {
	padding: 0 10px 10px 10px
}

#news_info-index .recomBox .recomInner .txtArea .course {
	padding: 10px 0;
	margin-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	font-size: 1.4rem;
	text-decoration: none;
	color: #333
}

#news_info-index .recomBox .recomInner .txtArea .date {
	padding-bottom: 10px;
	font-size: 1.6rem;
	font-weight: bold;
	text-decoration: none;
	color: #333
}

#news_info-index .recomBox .recomInner .txtArea .date .saturday {
	color: #135EAC
}

#news_info-index .recomBox .recomInner .txtArea .date .sunday {
	color: #DF0B1F
}

#news_info-index .recomBox .recomInner .txtArea .recomTtl {
	font-size: 1.4rem;
	line-height: 1.5;
	font-weight: normal;
	text-decoration: underline
}

@media only screen and (max-width: 768px) {
	#news_info-index #keyVisual .bg {
		width: auto
	}
	#news_info-index #main #conts .experience {
		margin: -10px 0 0 -5px
	}
	#news_info-index #main #conts .experience .list {
		box-sizing: border-box;
		margin-left: 0;
		padding: 10px 0 0 5px;
		width: 50%
	}
	#news_info-index #main #conts .experience .list:nth-child(odd) {
		padding-left: 10px 5px 0 0
	}
	#news_info-index #main #conts .experience .list .image {
		margin-bottom: 15px
	}
	#news_info-index #main #conts .experience .list .image img {
		width: 100%
	}
	#news_info-index #main #conts .experience .list .inner .data {
		margin-bottom: 10px;
		padding-bottom: 10px
	}
	#news_info-index #main #conts .other .list {
		margin: -10px 0 0
	}
	#news_info-index #main #conts .other .list li {
		margin: 10px 0 0;
		float: none
	}
	#news_info-index #main #conts .other .list li a {
		width: 100%;
		height: 100px;
		background-size: cover
	}
	#news_info-index #main #conts .other .list li a .bg {
		box-sizing: border-box;
		margin-top: -23px;
		height: 46px;
		top: 50%
	}
	#news_info-index #main #conts .other .list li a .bg span {
		font-size: 1.14286em
	}
	#news_info-index #main #conts .threeColumn {
		margin-left: -10px
	}
	#news_info-index #main #conts .threeColumn .col {
		padding-bottom: 10px;
		margin-top: 0;
		box-sizing: border-box;
		padding-left: 10px;
		width: 50%;
		float: left
	}
	#news_info-index #main #conts .recomBox .recomInner .txtArea .course {
		font-size: 1.2rem
	}
	#news_info-index #main #conts .recomBox .recomInner .txtArea .date {
		font-size: 1.3rem
	}
	#news_info-index #main #conts .recomBox .recomInner .txtArea .recomTtl {
		font-size: 1.2rem
	}
}

#news_info-detail #keyVisual {
	background-image: url(/img/news_info/common/main_img.jpg)
}

#news_info-detail #keyVisual .bg {
	width: 460px
}

/*
#news_info-detail #keyVisual .bg:before {
background-image: url(/img/news_info/common/main_img.jpg);
background-position: 30.9% 43%
}
*/

#news_info-detail.event #keyVisual {
	background-image: url(/img/opencampus/recommend/main_img.jpg)
}

#news_info-detail.event #keyVisual .bg {
	width: auto
}

/*
#news_info-detail.event #keyVisual .bg:before {
background-image: url(/img/opencampus/recommend/main_img.jpg);
background-position: 26.5% 42%
}
*/

#news_info-detail .head {
	margin-bottom: 10px
}

#news_info-detail .head:after {
	display: block;
	clear: both;
	content: ""
}

#news_info-detail .head .snsList {
	width: 360px;
	float: right
}

#news_info-detail .data {
	float: left
}

#news_info-detail .time {
	display: inline-block;
	vertical-align: top
}

#news_info-detail .snsList {
	text-align: right;
	line-height: 1
}

#news_info-detail .snsList li {
	margin-bottom: 10px;
	margin-left: 10px;
	overflow: hidden;
	height: 21px
}

#news_info-detail .snsList li .pocket-btn {
	width: 95px
}

#news_info-detail .snsList iframe {
	margin: 0 !important
}

#news_info-detail .sentence {
	margin-bottom: 40px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #DDD
}

#news_info-detail .sentence .ttl02,
#news_info-detail .sentence .ttl03,
#news_info-detail .sentence .ttl04 {
	margin-bottom: 10px
}

#news_info-detail .sentence p,
#news_info-detail .sentence .list01,
#news_info-detail .sentence .numList02,
#news_info-detail .sentence .basicTable01 {
	margin-bottom: 25px
}

#news_info-detail .sentence .snsList {
	padding-top: 20px
}

#news_info-detail .sentence .snsList li {
	padding-left: 0
}

#news_info-detail .sentence .snsList li:before {
	display: none
}

#news_info-detail .sentence h3 {
	margin-bottom: 15px;
	padding-top: 15px;
	position: relative;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.5
}

#news_info-detail .sentence h3:before,
#news_info-detail .sentence h3:after {
	height: 5px;
	position: absolute;
	top: 0;
	content: "";
	-webkit-transform: skewX(-15deg);
	transform: skewX(-15deg)
}

#news_info-detail .sentence h3:before {
	width: 40px;
	background-color: #DF0B20;
	left: 0;
	z-index: 0
}

#news_info-detail .sentence h3:after {
	width: 20px;
	left: 20px;
	background-color: #111;
	z-index: 1
}

#news_info-detail .sentence h4 {
	margin-bottom: 15px;
	padding-left: 30px;
	position: relative;
	font-size: 1.28571em;
	font-weight: bold;
	line-height: 1.5
}

#news_info-detail .sentence h4:before,
#news_info-detail .sentence h4:after {
	margin-top: -2px;
	height: 5px;
	position: absolute;
	top: 50%;
	content: "";
	-webkit-transform: skewX(-15deg);
	transform: skewX(-15deg)
}

#news_info-detail .sentence h4:before {
	width: 13px;
	background-color: #DF0B20;
	left: 0;
	z-index: 0
}

#news_info-detail .sentence h4:after {
	width: 7px;
	left: 7px;
	background-color: #111;
	z-index: 1
}

#news_info-detail .sentence h5 {
	margin-bottom: 10px;
	color: #BB0A1B;
	font-size: 1.42857em;
	font-weight: bold;
	line-height: 1.5
}

#news_info-detail .sentence ul {
	margin-bottom: 25px
}

#news_info-detail .sentence ul li {
	margin-top: 2px;
	padding-left: 10px;
	position: relative;
	line-height: 1.5
}

#news_info-detail .sentence ul li:before {
	width: 5px;
	height: 5px;
	background-color: #DF0B20;
	position: absolute;
	top: 7px;
	left: 0;
	content: ""
}

#news_info-detail .sentence ul li:first-child {
	margin-top: 0
}

#news_info-detail .sentence ol {
	list-style: decimal;
	padding-left: 1em;
	margin-bottom: 25px
}

#news_info-detail .sentence .listIcon01.numList02 {
	list-style: none;
	padding-left: 0
}

#news_info-detail .sentence table {
	margin: 20px 0;
	width: 100%;
	border-collapse: collapse
}

#news_info-detail .sentence table th,
#news_info-detail .sentence table td {
	padding: 5px;
	border: 1px solid #CCC
}

#news_info-detail .sentence table th {
	text-align: left;
	font-weight: bold
}

#news_info-detail .sentence img {
	margin: 0
}

#news_info-detail .sentence img.size-auto,
#news_info-detail .sentence img.size-large,
#news_info-detail .sentence img.size-full,
#news_info-detail .sentence img.size-medium {
	max-width: 100%;
	height: auto
}

#news_info-detail .sentence .alignleft,
#news_info-detail .sentence img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px
}

#news_info-detail .sentence .alignright,
#news_info-detail .sentence img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px
}

#news_info-detail .sentence .aligncenter,
#news_info-detail .sentence img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto
}

#news_info-detail .sentence img.alignleft,
#news_info-detail .sentence img.alignright,
#news_info-detail .sentence img.aligncenter {
	margin-bottom: 12px
}

#news_info-detail .sentence img.alignleft,
#news_info-detail .sentence img.alignright,
#news_info-detail .sentence img.aligncenter {
	margin-bottom: 12px
}

@media only screen and (max-width: 770px) {
	#news_info-detail .sentence img.alignleft,
	#news_info-detail .sentence img.alignright {
		float: none
	}
	#news_info-detail .sentence img.alignleft,
	#news_info-detail .sentence img.alignright,
	#news_info-detail .sentence img.aligncenter {
		margin: 0;
		margin-bottom: 20px;
		width: 100%
	}
}

#news_info-detail .sentence .wp-caption {
	background: #f1f1f1;
	border: none;
	border-radius: 0;
	color: #888;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 20px;
	width: 100% !important;
	padding: 4px;
	text-align: center;
	box-sizing: border-box
}

#news_info-detail .sentence .wp-caption a {
	background-image: none;
	padding: 0
}

#news_info-detail .sentence .wp-caption a img {
	max-width: inherit;
	width: 100%;
	margin: 0;
	box-sizing: border-box
}

#news_info-detail .sentence .gallery-item a {
	background-image: none;
	padding: 0
}

#news_info-detail .sentence .wp-caption img {
	margin: 5px
}

#news_info-detail .sentence .wp-caption p.wp-caption-text {
	margin: 0 0 4px
}

#news_info-detail .sentence .wp-smiley {
	margin: 0
}

#news_info-detail .relation {
	margin-top: 60px;
	margin-bottom: -20px
}

@media only screen and (max-width: 768px) {
	#news_info-detail #keyVisual .bg {
		width: auto
	}
	#news_info-detail .head .snsList {
		width: auto;
		float: none
	}
	#news_info-detail .data {
		margin-bottom: 10px;
		float: none
	}
	#news_info-detail .snsList {
		text-align: left
	}
	#news_info-detail .snsList li {
		margin-right: 10px;
		margin-left: 0
	}
	#news_info-detail .sentence {
		margin-bottom: 10px
	}
	#news_info-detail .sentence h3 {
		font-size: 1.21429em
	}
	#news_info-detail .sentence h3:before,
	#news_info-detail .sentence h3:after {
		height: 4px
	}
	#news_info-detail .sentence h3:before {
		width: 30px
	}
	#news_info-detail .sentence h3:after {
		width: 15px;
		left: 15px
	}
	#news_info-detail .sentence h4 {
		padding-left: 20px;
		font-size: 1.14286em
	}
	#news_info-detail .sentence h4:before,
	#news_info-detail .sentence h4:after {
		height: 4px
	}
	#news_info-detail .sentence h4:before {
		width: 10px
	}
	#news_info-detail .sentence h4:after {
		width: 5px;
		left: 5px
	}
	#news_info-detail .sentence h5 {
		font-size: 1.21429em
	}
	#news_info-detail .relation {
		margin-top: 30px;
		margin-bottom: 0
	}
}

#sns-index #main {
	padding-bottom: 50px
}

#sns-index #main #keyVisual {
	background-image: url(/img/sns/index/main_img.jpg)
}

#sns-index #main #keyVisual .bg:before {
	background-image: url(/img/sns/index/main_img.jpg);
	background-position: 29% 42%
}

#sns-index #main .column01 .col {
	width: 300px;
	margin-left: 30px
}

#sns-index #main .column01 .col a {
	display: block
}

#sns-index #main .column01 .col a img:hover {
	opacity: 0.7;
	-ms-filter: "alpha(opacity=70)"
}

#sns-index #main .column01 .col p {
	margin: 20px 0 5px
}

#sns-index #main .column01 .col .icon {
	display: block;
	margin-top: 10px
}

#sns-index #main .column01 .col:first-child {
	margin-left: 0
}

#sns-index #main .column01 .col.instagram {
	margin-left: 0
}

#sns-index #main .column01 .col .pc {
	display: block
}

#sns-index #main .column01 .col .sp {
	display: none
}

@media only screen and (max-width: 768px) {
	#sns-index #main {
		padding-bottom: 10px
	}
	#sns-index #main .column01 .col {
		margin-left: 0;
		width: auto
	}
	#sns-index #main .column01 .col p {
		margin: 5px 0 15px;
		width: 100%
	}
	#sns-index #main .column01 .col a img {
		width: 100%;
		height: auto
	}
	#sns-index #main .column01 .col .pc {
		display: none
	}
	#sns-index #main .column01 .col .sp {
		display: block
	}
}


/*201703 add*/

#course-at-index #conts .ttlBox {
	width: 465px;
	height: 150px;
	float: left;
	overflow: hidden;
}

#course-at-index #conts .ttlBox:last-child{
	margin-left: 30px;
}

#course-at-index #conts #tab_cont section#timetable01,
#course-at-index #conts #tab_cont section#timetable02{
	display: none;
}

#course-at-index #conts #tab_cont section#timetable01.active,
#course-at-index #conts #tab_cont section#timetable02.active{
	display: block;
}


#course-at-index #conts #tab_cont section .panel .table tbody {
	font-size: .85714em;
	text-align: center
}

#course-at-index #conts #tab_cont section .panel .table tbody .coma {
	margin-bottom: 3px;
	display: inline-block;
	font-size: 1.16667em
}

#course-at-index #conts #tab_cont section .panel .table tbody th,
#course-at-index #conts #tab_cont section .panel .table tbody td {
	padding-left: 0;
	padding-right: 0
}

#course-at-index #conts #tab_cont section .panel .table tbody th {
	width: 10%
}

#course-at-index #conts #tab_cont section .panel .table tbody td {
	width: 18%
}

#course-at-index #conts #tab_cont section .notes {
	margin-top: 15px
}

#course-at-index #conts #tab_cont section .panel {
	position: relative
}

#course-at-index #conts #tab_cont section .panel{
	width: 465px;
}
#course-at-index #conts #tab_cont section .panel+.panel{
	float: right;
}
#course-at-index #conts .ttlBox .courseTtl01{
	font-size: 1.6em;
}
#course-at-index #conts .ttlBox .courseTtl01 span{
	font-size: .5em;
	margin-left: -5px;
	margin-top: 15px;
}


#course-si-index #school .ulBox li{
	margin: 0;
	margin-right: 30px;
	width: 300px;
}

#course-si-index #school .ulBox li:last-child{
	margin: 0;
}

#course-sb-index #school .ulBox li .photo a {
	display: block;
	text-decoration: none
}

#course-sb-index #school .ulBox li .photo span {
	background: url(/img/course/sb/bg04.png) no-repeat left top
}

#course-sb-index #school .ulBox li .photo a:hover {
	opacity: 0.7;
	-ms-filter: "alpha(opacity=70)"
}

#course-sb-index #school .ulBox li .photo a:after {
	background: url(/img/course/st1/idnex/icon01.png) no-repeat left top
}

#course-sb-index #school .ulBox li .photo {
	position: relative
}

#course-sb-index #school .ulBox li .photo a:hover {
	opacity: .7;
	filter: alpha(opacity=70);
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease
}

#course-sb-index #mainVisual {
	background-image: url(/img/course/sb/se/main_bg.jpg)
}

#course-sb-index #mainVisual .bg:before {
	background-image: url(/img/course/sb/se/main_bg.jpg);
	background-position: 32% 45%
}

#course-sb-index #school .ulBox li .photo span {
	padding: 13px 0 0 10px;
	display: block;
	line-height: 1.4;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	font-size: 1.25em;
	letter-spacing: -2px;
	line-height: 1.3;
	position: absolute;
	top: 40px;
	left: 0;
	width: 227px;
	height: 61px
}

#course-sb-index #school .ulBox li .photo span:after {
	margin-top: -6px;
	width: 14px;
	height: 12px;
	background: url(/img/course/si/index/icon01.png) no-repeat right top;
	position: absolute;
	top: 50%;
	right: 25px;
	content: ""
}

#course-sb-se #mainVisual {
	background-image: url(/img/course/sb/se/main_bg.jpg);
}

#course-sb-se #mainVisual .bg:before {
	background-image: url(/img/course/sb/se/main_bg.jpg);
	background-position: 32% 45%;
}

#course-sb-se #conts #trainingCourse #seniorMessage .panel{
	min-height: 260px;
}

#course-sb-ss #mainVisual {
	background-image: url(/img/course/sb/ss/main_bg.jpg);
}

#course-sb-ss #mainVisual .bg:before {
	background-image: url(/img/course/sb/ss/main_bg.jpg);
	background-position: 32% 45%
}

#course-sb-ss #conts #trainingCourse #seniorMessage .panel{
	min-height: 260px;
}

#course-sb-index #school .ulBox li p {
	margin-top: 13px
}

#course-sb-se #conts .ttl06-small,
#course-sb-ss #conts .ttl06-small{
	color: #EC6B0C;
}

#course-sb-se #conts .panel-sporty ,
#course-sb-ss #conts .panel-sporty {
	background: #F0F0F0 url(/img/course/sb/panel_sporty_deco01.png) no-repeat;
}
#course-sb-se #conts .ttl06-xsmall ,
#course-sb-ss #conts .ttl06-xsmall {
	color: #EC6B0C;
}

#course-sb-se #conts #trainingCourse #seniorMessage .panel .tag ,
#course-sb-ss #conts #trainingCourse #seniorMessage .panel .tag {
	background: url(/img/course/sb/seniormessage_tag_bg.png) no-repeat left top;
}

#course-sb-ss #conts #trainingCourse #feature .point01 h4+div,
#course-sb-ss #conts #trainingCourse #feature .point02 h4+div,
#course-sb-se #conts #trainingCourse #feature .point03 h4+div{
	width:80%;
	margin-right:auto;
	margin-left:auto;
}
#course-management-index #conts #trainingCourse #feature .top{
	-webkit-align-self: flex-start;
	-ms-flex-item-align: start;
	align-self: flex-start;
}
#course-management-index #conts #trainingCourse #feature .point03 dt:last-child p:last-child{
	border:solid 1px #bf3b29;
	color:#bf3b29;
	text-align:center;
}

#course-at-index #conts .panel006 .ttlBox {
	width: 434px;
}

#course-management-index #conts #feature {
	margin-bottom: 20px;
}

@media only screen and (min-width: 768px){
	#course-st1-index #school .ulBox li {
		width: 465px;
	}
	#course-sb-index #school .ulBox li{
		float: left;
	}
	#course-sb-index #school .ulBox li:first-child{
		margin-right: 30px;
	}


	/* コーチ3人 */
	body.course-details #conts #trainingCourse #instructor .threeColumn {
		width: 830px;
		margin-right: auto;
		margin-left: auto;
	}

	body.course-details #conts #trainingCourse #instructor .threeColumn .box {
		width: 257px;
	}

	#course-at-index #recommendedTuition > section > h3{
		font-size: 1.7em;
	}


	/*OCボタン*/
	.openCampusBanner-large .btn{
		top: 207px;
	}

	.openCampusBanner-large .button01{
		margin-left: 520px;
	}
	#course-si-fitness #conts #trainingCourse #seniorMessage .panel{
		min-height: 260px;
	}
}

@media only screen and (max-width: 768px) {
	#course-at-index #conts .ttlBox:last-child{
		margin-left: 0;
	}
	#course-at-index #conts .ttlBox {
		width: 100%;
	}
	#course-at-index #conts .ttlBox .courseTtl01{
		padding-top: 38px;
		font-size: 1.46em;
	}
	#course-at-index #conts .panel006 .ttlBox{
		width: 100%;
	}

}


/*201703093point*/
/*
1：カラム
2：ユーティリティー
3：共通（と個別）
4:個別
*/

/* 1:カラム================================ */
.photo006flex{
	display: -webkit-box;
	display: -webkit-flexbox;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction:row;/*--- safari（PC）用 ---*/
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	;
	-webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;flex-direction:row
		-webkit-align-items:center;/*--- safari（PC）用 ---*/
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	/*----- 装飾 -----*/
	width:100%;
	margin-bottom: -10px;
}


@media only screen and (max-width: 768px){
	.photo006flex{
		display: block;
	}
}


.photo006flex dt{
	width:100%;
	margin-bottom: 10px;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
}

.photo006flex dt.photo006flex30{
	width:30%;
}

@media only screen and (max-width: 768px){
	.photo006flex dt.photo006flex30{
		width:100%;
	}
}

.photo006flex dt.photo006flex40{
	width:40%;
}

@media only screen and (max-width: 768px){
	.photo006flex dt.photo006flex40{
		width:100%;
	}
}

.photo006flex dt.photo006flex50{
	width:50%;
}

@media only screen and (max-width: 768px){
	.photo006flex dt.photo006flex50{
		width:100%;
	}
}

.photo006flex dt.photo006flex60{
	width:60%;
}

@media only screen and (max-width: 768px){
	.photo006flex dt.photo006flex60{
		width:100%;
	}
}

.photo006flex dt.photo006flex70{
	width:70%;
}

@media only screen and (max-width: 768px){
	.photo006flex dt.photo006flex70{
		width:100%;
	}
}

.col-xs-3{
	width: 25%;
	float: left;
}
.col-xs-4{
	width: 33.3%;
	float: left;
}
.col-xs-6{
	width: 50%;
	float: left;
}

@media only screen and (max-width: 768px){
	.col-sm-6{
		width: 50%;
		float: left;
	}
	.col-sm-12{
		width: 100%;
		float: left;
	}
}

/* 2:ユーティリティー================================ */
.u_tl{
	text-align: left;
}
.u_tr{
	text-align: right;
}
.u_tc{
	text-align: center;
}

.u_txt13{
	font-size: 1.3em !important;
}

/* 3:共通================================ */
/* 各パネル-------------------------------- */
.panel006 {
	margin-bottom: 10px;
}

.panel006 img {
	max-width: 100%;
}

.panel006:last-child {
	margin-bottom: 0;
}

/* タイトル-------------------------------- */
.ttl006{
	line-height: 60px;
}

/* タイトル内改行はスマホのみに適用 */
.ttl006 br{
	display: none;
}

@media only screen and (max-width: 768px){
	.ttl006 br{
		display: block;
	}
}

#course-st1-at .ttl006.ttl06-small,
#course-st1-pt .ttl006.ttl06-small{
	color: #264793;
}

#course-si-fitness .ttl006.ttl06-small{
	color: #15856E;
}

.ttl006 img {
	margin: 0 10px 0 0;
}

#course-child-index .ttl06-small span.ttl006_num{
	display: inline;
	color: #111;
	font-size: 0.7em;
	font-weight: normal
}

@media only screen and (max-width: 768px){
	.ttl006{
		line-height: 1.4;
		text-align: center;
	}

	.ttl006 img {
		margin: 0px 0 20px;
	}

	.ttl006_num{
		display: block;
		text-align: center;
	}

	#course-child-index .ttl06-small span.ttl006_num{
		display: block;
		text-align: center;
	}


}

/* 画像・カラムの中のコンテンツ */
.photo006{
	margin-top: 10px;
	margin-bottom: -10px;
}

.imgonebox{
	box-sizing: border-box;
	margin-bottom: 10px;
	padding: 0 10px;
}

.imgonebox img{
	max-width: 100%;
}

.photo006{
	text-align: center;
}

.photo006 p{
	text-align: left;
}

.point006_subtitle{
	line-height: 1.4;
	color: #264793;
	display: table-cell;
	width: 800px;
	height: 40px;
	vertical-align: middle;
}

.point006_subtitle_line03{
	line-height: 1.4;
	color: #264793;
	display: table-cell;
	width: 400px;
	height: 60px;
	vertical-align: middle;
}

.short_line{
	line-height: 1.4;
}

.box006small{
	font-size: 10px;
}

.imgonebox_img{
	margin-bottom: 4px;
}

.box006subtitle_b{
	color: #264793;
}



/* 4：個別-------------------------------- */


@media only screen and (max-width: 768px) {
	#course-si-index #school .ulBox li,#course-si-index #school .ulBox li:last-child {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

	@media only screen and (max-width: 768px){
		#course-sb-index #school .ulBox li {
			float: none;
			width: auto;
			margin: 0 0 20px;
		}
		#course-sb-index #school .ulBox li .photo span {
			padding: 10px 0 10px 10px;
			font-size: 0.85em;
			height: auto;
			background-size: 200px 50px;
		}
		#course-sb-index #school .ulBox li .photo span:after {
			right: 60px;
		}
		#course-sb-se #mainVisual.subject {
			background-position: 65% center;
		}
	}
}

/* 17/5/22 追加 記事バナー-------------------------------- */

div.page_banner {
	width: 100%;
	margin-left: -10px;
	padding: 0 0 20px 0;
}

div.page_banner img {
	width: 100%;
	min-width: 710px;
	height: auto;
}

@media only screen and (max-width: 768px) {

	div.page_banner {
		margin-left: 0;
		padding: 0 0 25px 0;
	}

	div.page_banner img {
		min-width: inherit;
	}
}


/* 17/5/22 追加 記事アイキャッチ指定-------------------------------- */


main.cat_event div#keyVisual {

	background-image: url(/img/opencampus/recommend/main_img_event.jpg) !important;
}

main.cat_tokutaise div#keyVisual {

	background-image: url(/img/opencampus/recommend/main_img_tokutaise.jpg) !important;
}

main.cat_weekday div#keyVisual {

	background-image: url(/img/opencampus/recommend/main_img_weekday.jpg) !important;
}

main.cat_student div#keyVisual {

	background-image: url(/img/opencampus/recommend/main_img_student.jpg) !important;
}

/*20170529 slide*/
#loopslide{
	margin-bottom: 6px;
}

#loopslide2{
	margin-bottom: 28px;
}

.job_list_top p.sp-hide,
.job_list_top p.sp{
	text-align: center;
}

.job_list_top li {
	border: solid 1px #111;
}
.job_list_top li img {
	display: block;
	width: 100%;
}

.job_list_top li .top_btn{
	font-size: 16px;
	font-weight: bold;
	height: 50px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.job_list_top li dd{
	background: #111;
	text-align: center;
	height: 44px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	line-height: 1.2;
	color: #fff;
}

.job_list_top li dd:after{
	content: url(/img/job/top_arw.png);
	padding-left: 5px;
	display: block;
	position: absolute;
	right: 10px;
}

.job_list_top li dd a:link,
.job_list_top li dd a:visited{
	color: #fff;
	text-decoration: none;
}

@media only screen and (min-width: 769px) {
	.job_list_top{
		width: 834px;
		margin: 0 auto;
		font-size: 14px;
	}
	.job_list_top p.sp-hide{
		padding-bottom: 30px;
	}
}


@media only screen and (max-width: 768px) {
	.job_list_top{
		padding-top: 20px;
		font-size: 12px;
	}
	.job_list_top p.sp{
		padding-bottom: 20px;
	}
	.job_list_top li {
		margin-left: 3px;
		margin-bottom: 6px;
		width: 150px;
		height: 164px;
	}
	.job_list_top li .top_btn{
		font-size: 14px;
	}
	.job_list_top li dd{
		height: 40px;
	}
	#loopslide2{
		margin-bottom: 20px;
	}
}


/*改行*/
br.top,
br.list,
br.page{
	display: none;
}
.job_list_top .top_btn br.top{
	display: block;
}

@media only screen and (max-width: 768px) {
	br.sp{
		display: block;
	}
}



/* 230170602 Index */
@media only screen and (min-width: 769px){
	#feature .column01.threeColumn{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}


/* 230170602 Jikeiバナー追加 */

#index #information .banList li{
	float: none;
	display: inline-block;
	padding-bottom: 15px;
}

#index #information .banList{
	text-align: center;
}


/* 230170602 夢を叶えた卒業生の声 */
#getajob-obog #conts .tagSwitch .link {
	width: 16.7%;
}

/* 20171016 add 非入学者アンケート */
.formSchool{
	width: 40px;
	padding-bottom: 5px;
	display: inline-block;
}


/* 20201002 add form submit button */
.submit input[type=submit] {
	-webkit-appearance: none;
	box-sizing: border-box;
	margin-right: auto;
	margin-left: auto;
	border-style: solid;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	text-align: center;
	cursor: pointer;
	-webkit-transform: skewX(-15deg);
	transform: skewX(-15deg);
	font-size: 1.28571em;
	font-weight: 600;
	background-color: #DF0B20;
	border-color: #DF0B20;
	border-radius: 0;
	padding: 8px 25px;
	border-width: 2px;
	transition: all .4s ease-out;
}
.submit input[type=submit]:hover {
	opacity: .7;
}

.mw_wp_form #event_name {
	width: 95%;
	border: none;
	pointer-events:none;
	overflow: hidden;
}