@charset "UTF-8";

/* 募集要項用CSS */

/* ---------------------------------------------------------------------- */
/* コンテンツ */
/* ---------------------------------------------------------------------- */
/* ページ内リンクスクロール制御 */
@-webkit-keyframes modify{
	0% { padding-top: 150px; margin-top: -150px; }
	100% { padding-top: 0; margin-top: 0; }
}
@keyframes  modify{
	0% { padding-top: 150px; margin-top: -150px; }
	100% { padding-top: 0; margin-top: 0; }
}

h2#recommendation:target
,h2#general:target
,h2#procedure:target
,h2#scholarship_loan:target
,h2#expenses:target
,h2#ao:target
{
	-webkit-animation: modify 0.1s;
	animation: modify 0.1s;
}


/* ---------------------------------------------------------------------- */
/*  */
/* ---------------------------------------------------------------------- */
.crosswise th {
	width: 20%;
}

.time-table th{
	width: 20%;
	
}
/*.time-table .left-side{
	background:#dce6f4;
	color:#80a9d7;
}*/

#main table,#main ul
{
	margin-bottom: 30px;
}

.liststyle1 li ul {
	margin-top: 0;
	margin-bottom: 0!important;
	padding-top: 0;
	padding-bottom: 0;
	margin-left: 1em;
}

table.table-att
{
	margin-bottom: 0!important;
}

p.attention
{
	margin-bottom: 30px!important;
}

.caption
{
	float: right;
}

.guide-ao h3, .reco h3, .general h3, .procedure h3, .scholarship h3{
	color:#e06d73;
	margin:0 0 2rem;
}
/* ---------------------------------------------------------------------- */
/*  */
/* ---------------------------------------------------------------------- */
#asu-group dt, .scholarship dt {
	margin-left: 1em;
}

#asu-group dd, .scholarship dd {
	margin-left: 2em;
}



/* ---------------------------------------------------------------------- */
/* フローチャート */
/* ---------------------------------------------------------------------- */
#ao-flow {
  box-sizing: border-box;
}

#ao-flow ul {
	margin-left: 0  !important;
	padding: 0;
}
#ao-flow li {
  list-style-type: none;
}
#ao-flow dd {
  margin-left: 0;
}

#ao-flow .flow {
  border: 1px solid #80a9d7;
  background-color: #fff;
}
#ao-flow .flow > li {
  padding: 30px;
}
#ao-flow .flow > li:not(:last-child) {
  border-bottom: 1px solid #80a9d7;
  position: relative;
}
#ao-flow .flow > li:not(:last-child)::before,
#ao-flow .flow > li:not(:last-child)::after {
  content: "";
  border: solid transparent;
  position: absolute;
  top: 100%;
  left: 12%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
#ao-flow .flow > li:not(:last-child)::before {
  border-width: 19px;
  border-top-color: #80a9d7;
}
#ao-flow .flow > li:not(:last-child)::after {
  border-width: 18px;
  border-top-color: #fff;
}
#ao-flow .flow > li dl {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#ao-flow .flow > li dl dt {
  font-size: 20px;
  font-weight: 600;
  color: #666;
/*  color: rgb(107,144,219);*/
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  margin-right: 1vw;
  text-align: center;
}
#ao-flow .flow > li dl dt .icon {
  font-size: 12px;
  color: #fff;
  background: #EF858C;
  padding: 5px 10px;
  margin-bottom: 10px;
  display: block;
/*  border-radius: 20px;*/
}

@media screen and (min-width: 769px) {
	#ao-flow .flow > li dl dd ul.liststyle1 {
		margin-top: 1em;
	}
	
}
@media screen and (max-width: 768px) {
	
#ao-flow .flow > li dl {
  display: block!important;
}
#ao-flow .flow > li dl dt {
	display: block!important;
	width: 100%!important;
  margin-right: 0;
  text-align: left;
	height: auto;
	position: static!important;
	float: none;
	max-width: initial;
	padding-bottom: 10px;
}
}

.guide-ao .btn{width:500px;background:#e46d73;border-radius:10px; margin:3em auto; padding: 10px;}
.guide-ao .btn a {padding: 10px;color: #FFF;text-decoration:none;position: relative;display: block;font-size: 15px;font-weight: 700;text-align:center;}
.guide-ao .btn a::after {content: '';width: 8px; height: 8px;border-top: 1px solid #FFF;border-right: 1px solid #FFF;transform: rotate(45deg) translateY(-50%);position: absolute;top: 50%;right: 5px;transition: 0.8s ease-in-out;}
.guide-ao .btn:hover {opacity:0.8;transition:0.8s;}
.guide-ao .btn a:hover {color:#fff;}
.guide-ao .btn a:hover::after {border-top: 1px solid #fff;border-right: 1px solid #fff;}
@media screen and (max-width: 768px) {
	.guide-ao .btn{width:95%;margin:1em auto;}
}
/* ---------------------------------------------------------------------- */
/* AO お問い合わせ */
/* ---------------------------------------------------------------------- */

div.content-body div.annotation
{
    margin-top: 15px;
    border: 1px solid #80a9d7;
    margin-bottom: 40px;
    padding: 30px;
    background-color: #fff;
}

div.content-body div.annotation ul
{
	list-style-type: disc;
	margin-bottom: 0;
}