@charset "utf-8";
/* ----------------------------------------
head
------------------------------------------- */
#head {
box-shadow: 0 5px 5px rgba(0,0,0,0.1);
}
/* ----------------------------------------

------------------------------------------- */
.txt01{
font-size: 2.4rem;
text-align: center;
}
.list01 li{
position: relative;
line-height: 1.7;
vertical-align: middle;
padding-left: 30px;
}
.list01 li::before{
position: absolute;
display: inline-block;
content: "";
width: 12px;
height: 12px;
background-color: #000;
top: 4px;
left: 0;
}
/* ----------------------------------------
requirements
------------------------------------------- */
#requirements .float-l{
width: 47%;
}
#requirements .float-r{
width: 47%;
}
/* ----------------------------------------
flow
------------------------------------------- */
#flow .box01,#flow .box02{
width: 100%;
margin-bottom: 30px;
}
#flow .box01 th{
width: 140px;
vertical-align: top;
background: url("../images/scholarship-images/line01.jpg") 50% 100% repeat-y;
padding-bottom: 60px;
}
#flow .box02 th{
width: 140px;
vertical-align: top;
background: url("../images/scholarship-images/line02.jpg") 50% 100% repeat-y;
padding-bottom: 60px;
}
#flow .box01 td,#flow .box02 td{
vertical-align: top;
padding-left: 20px;
}

#flow .box01 th span,#flow .box02 th span{
display: block;
color: #fff;
font-size: 1.6rem;
text-align: center;
background-color: #006bb6;
border-radius: 20px;
}
#flow .box01 th span strong,#flow .box02 th span strong{
font-size: 1.9rem;
margin-left: 5px;
}
#flow h3{
font-size: 1.9rem;
margin-bottom: 20px;
}
#flow h4{
font-size: 1.9rem;
background: url("../images/cmn-images/title-icon03.png") 0 5px no-repeat;
background-size: 19px auto;
padding-left: 25px;
margin-bottom: 20px;
}
#flow .point{
display: inline-block;
color: #006bb6;
text-align: center;
background-color: #daedff;
border-radius: 20px;
padding: 2px 15px;
margin-right: 20px;
}
#flow .point02{
color: #006bb6;
font-weight: bold;
}

#flow .box-in01{
padding: 40px 80px;
background-color: #f8f8f8;
}
#flow .box-in01 .float-l{
width: 47%;
}
#flow .box-in01 .float-r{
width: 47%;
}
#flow .box-in02{
overflow: hidden;
margin-bottom: 20px;
}
/* ----------------------------------------
con
------------------------------------------- */
#con .box01{
float: left;
width: 40%;
box-sizing: border-box;
}
#con .box02{
float: left;
width: 30%;
box-sizing: border-box;
}
#con .box03{
float: left;
width: 30%;
box-sizing: border-box;
}

#con .box02 p{
font-size: 1.6rem;
padding-top: 10px;
}
#con .box02 span,#con .box02 a{
color: #006bb6;
font-size: 2.4rem;
padding-left: 10px;
}

/* =======================
  PC
======================== */
@media screen and (min-width: 1200px) {
}
/* =======================
  TABLET
======================== */
@media screen and (max-width:1199px) {
/* ----------------------------------------

------------------------------------------- */


}
/* =======================
  SP
======================== */
@media screen and (max-width: 699px) {
/* ----------------------------------------

------------------------------------------- */
.txt01{
font-size: 1.6rem;
text-align: left;
}
/* ----------------------------------------
requirements
------------------------------------------- */
#requirements .float-l{
float: none;
width: 100%;
margin-bottom: 15px
}
#requirements .float-r{
float: none;
width: 100%;
}
/* ----------------------------------------
flow
------------------------------------------- */
#flow .box01,#flow .box02{
width: 100%;
margin-bottom: 20px;
}
#flow .box01 th{
width: 60px;
background-size:80px auto;
}
#flow .box02 th{
width: 60px;
background-size:80px auto;
}
#flow .box01 td,#flow .box02 td{
padding-left: 10px;
}

#flow .box01 th span,#flow .box02 th span{
font-size: 1.2rem;
}
#flow .box01 th span strong,#flow .box02 th span strong{
font-size: 1.4rem;
margin-left: 5px;
}
#flow h3{
font-size: 1.5rem;
}
#flow h4{
font-size: 1.5rem;
}

#flow .box-in01{
padding: 15px 15px;
background-color: #f8f8f8;
}
#flow .box-in01 .float-l{
float: none;
width: 100%;
margin-bottom: 15px;
}
#flow .box-in01 .float-r{
float: none;
width: 100%;
}

/* ----------------------------------------
con
------------------------------------------- */
#con .box01{
float: none;
width: 100%;
margin-bottom: 15px;
}
#con .box02{
float: none;
width: 100%;
margin-bottom: 15px;
}
#con .box03{
float: none;
width: 100%;
}

#con .box02 p{
font-size: 1.4rem;
text-align: center;
padding-top: 10px;
}
#con .box02 span,#con .box02 a{
font-size: 2.0rem;
padding-left: 10px;
}


}