@charset "utf-8";
#other {
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#other img {
	width: 100%;
	height: auto;
}

#other .box {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	border: 1px solid #D2D1D1;
	background-color: #FFFCE4;
}
#other .box span {
	display: block;
	color: #00a0ea;
	text-align: center;
}
#other .box .logo {
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	max-width: 463px;
	width: 100%;
}
#other .next {
	width: 82px;
	height: 20px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: relative;
}
#other .next img {
	position: absolute;
	top: -2px;
}
#admission {
	margin-top: 44px;
}
#login {
    margin-bottom: 10px;

}
div.basepage .side_area ul:nth-child(1) li:hover {
	background-color: #D2E8F5;
}
div.basepage .side_area ul:nth-child(1) li:nth-child(2){
	background-color: #DBEFD2;
}
div.basepage .side_area ul:nth-child(1) li:nth-child(2):hover {
	background-color: #C9E7BC;
}
div.basepage .side_area ul:nth-child(1) li.current:nth-child(2):hover {
	background-color: #5CB531;
}

div.basepage .side_area ul:nth-child(1) li:nth-child(2) a {
	color: #5CB531;
}
div.basepage .side_area ul:nth-child(1) li.current {
	background-color: #D2E8F5;
}
#free {
	width: 100%;
	display: block;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	border: 2px solid #00a0ea;
}
#free p {
	text-align: center;
	display: block;
}
#free ul {
	width: auto;
	display: table;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#free ul li {
	text-align: center;
	font-size: 150%;
	color: #00a0ea;
	font-weight: bold;
}
#free ul li:nth-child(2) {
	font-size: 200%;
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px solid #878787;
}

#free ul li img {
	width: 45px;
	margin-right: 10px;
	vertical-align: middle;
	margin-bottom: 5px;
}
#free ul li span {
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: left;
	font-size: 70%;
}
#free p.smldot {
	display: inline-block;
	position: relative;
	padding-left: 1.3em;
	font-size: 90%;
	line-height: 1.4;
	margin-top: .25em;
	text-align: left;
}
#free p.smldot::before {
	content: "・";
	position: absolute;
	top: 0;
	left: 0;
}
#other .box .keiyaku {
	margin-top: 15px;
}

.box .keiyaku #keiyaku_bb {
	width: 94%;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #FFFFFF;
	border: 1px solid #00a0ea;
	max-width: 215px;
}
.keiyaku #keiyaku_bb a {
	display: table;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	width: auto;
	color: #00a0ea;
	text-decoration: underline;
}
.keiyaku #keiyaku_bb a span {
	display: table-cell;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	vertical-align: middle;
}
.keiyaku #keiyaku_bb a span img {
	width: 7px;
}
.main_contents.contents-page #main_content .simple {
	font-size: 120%;
	display: table;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 94%;
}
.main_contents.contents-page #main_content .simple li {
	display: table-row;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.main_contents.contents-page #main_content .simple li:before {
	content: "○";
	display: table-cell;
}
#main_content .collaboration2 .maru {
	width: 100%;
	max-width: 596px;
	margin-left: auto;
	margin-right: auto;
}

/* fixed_footer */
#fixed_footer ul li:nth-child(3),
#fixed_footer ul li:nth-child(4),
#fixed_footer ul li:nth-child(6) {
	display: none;
}
#fixed_footer ul li:nth-child(2) {
	display: table-cell;
}


#flow  {
    margin-top: 40px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    background-color: #FFF000;
}
#flow img {
    width: 100%;
}

#flow .img {
    background-color: #FFF000;
    width: 100%;
    max-width: 595px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
#flow p {
    text-align: center;
    margin-top: 20px;
    color: #00a0ea;
}
/*
#flow a {
    display: block;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 226px;
}
#flow a img:nth-child(2) {
    display: none;
}
#flow a:hover img {
    display: none;
}
#flow a:hover img:nth-child(2) {
    display: inline;
}
*/
.flow_arrow   {
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    width: 151px;
    display: block;
}
.flow_arrow img {
    width: 100%;
}

.bnr_jal {
  margin-top: 20px;
}
.bnr_jal img {
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0;
}

#flow .btn-movie {
  margin: 15px 0 0;
  width: 100%;
  padding: 0;
}
#flow .btn-movie a {
  width: 90%;
  max-width: 380px;
  margin: auto;
}
#flow .btn-movie a img {
  width: 100%;
}

.enrollment {
  border: 2px solid #00a0ea;
  text-align: center;
  padding: 20px;
}
.enrollment .l_row {
  display: table;
  width: 80%;
  margin: 5px auto 0;
  table-layout: fixed;
  border-spacing: 15px;
}
.enrollment .l_row > p {
  display: table-cell;
  vertical-align: top;
}
.enrollment .l_row > p img {
  width: 100%;
  height: auto;
}
.enrollment .l_row > p:first-child {
  position: relative;
}
.enrollment .l_row > p:first-child a img:last-child {
  position: absolute;
  left: -15%;
  top: -35%;
  width: 28%;
}
.enrollment > a img {
  width: 48%;
}
.enrollment a {
  transition: .5s;
}
.enrollment a:hover {
  opacity: .7;
}
.enrollment .graycopy {
  color: #666;
  font-weight: bold;
  font-size: 115%;
  padding-bottom: 10px;
}
.att_box {
	background: #FAE3E6;
	padding: 20px;
	margin: 1em auto;
}
div.basepage .main_contents h1 + .att_box {
	margin-top: 0;
}
.att_box._kantou {
	padding: 10px 20px;
}
.trigger {
	cursor: pointer;
}
.trigger_target {
	display: none;
}

div.basepage .side_area li > a._blank {
	padding-right: 5px;
}
div.basepage .side_area li > a._blank::after {
	content: "";
	display: inline-block;
	width: 1.1em;
	height: 1.1em;
	background: url("../../common/images/icon_blank_lb.svg") no-repeat 0 0 / 100% auto;
	vertical-align: -.1em;
	margin-left: 3px;
}
#main_content .list._nebiki > li {
	padding-left: 16.5em;
}
#main_content .list._nebiki > li > .num {
	left: 1.3em;
	width: 15em;
	display: block;
}
#main_content .list._nebiki > li > .num::after {
	content: "：";
	position: absolute;
	top: 0;
	right: 0;
}
#main_content .list._nebiki > li .pc_br {
	display: block;
	margin-left: .5em;
}
#main_content a.blank_link {
	color: #0054ac;
	text-decoration: underline;
}
#main_content a.blank_link::after {
	content: "";
	display: inline-block;
	width: 1.1em;
	height: 1.1em;
	background: url("../../common/images/icon_blank_b.svg") no-repeat center center / 100% auto;
	margin: 0 .25em;
	vertical-align: -.1em;
}
#main_content a.blank_link:hover {
	color: #0071bc;
}



@media only screen and (max-width: 768px) {
#admission {
	margin-top: 6px;
}

#flow {
    padding-left: 3%;
    padding-right: 3%;
}

#flow p {
    text-align: left;
}

.flow_arrow {
    width: 24%;
    max-width: 151px;
}

.bnr_jal {
  margin: 15px 3% -10px;
  text-align: center;
}
	
	.enrollment {
    width: 94%;
    margin: 10px auto 0;
    padding: 10px;
  }
  .enrollment .l_row {
    width: 100%;
    border-spacing: 5px;
    margin: 15px auto 5px;
  }
  .enrollment .l_row > p:first-child a img:last-child {
    left: -10%;
    top: -60%;
    width: 30%;
  }
  .enrollment > a img {
    width: 70%;
		max-width: 470px;
  }
	.att_box {
		padding: 15px 4%;
		width: 94%;
	}
	.att_box._kantou {
		padding: 10px 4%;
	}
	#main_content .list._nebiki > li {
		padding-left: 1.3em;
	}
	#main_content .list._nebiki > li > .num {
		position: static;
		width: 100%;
	}
	#main_content .list._nebiki > li > .num::after {
		position: static;
	}
	#main_content .list._nebiki > li .pc_br {
		display: inline-block;
		margin-left: 0;
	}
  
  
}
