@charset "UTF-8";
/*
 * index.css
 *
 */
 
 .top_illst img {
 	display:block;
	width:100%;
	height:auto;
 	margin:0 auto;
}

/*==================================
              top_copy
==================================*/
.top_copy_box {
	width:1300px;
	margin:0 auto 50px;
}
.top_img {
    display: inline-block;
    margin: 0 0 20px;
}
.top_img img {
    margin:0 auto;
}
.top_copy_box img {
    width: 40%;
	height:auto;
    vertical-align: top;	
}
.top_copy {
    width: 56%;
    display: inline-block;
    margin: 0 20px 20px;
    font-size: 18px;
    line-height:2em;
    text-align: left;
    vertical-align: top;
}
.top_copy_kuwashiku a {
	display:block;
	width:170px;
    margin:30px auto 0;
    padding: 10px 20px 10px 20px;		
	color:#fff;
	background-color:#114FA3;
    text-decoration: none;
    background-image:url(../common/img/arrow_01.png);
    background-position: 95% 50%;
    background-repeat: no-repeat;
	background-size:14px auto;
	line-height: 1.5em;	
}
.ttl_eng {
    color: #DDD;
    font-weight: bold;
    border-left: #FFF solid 1px;
    padding: 0 0 0 10px;
	margin:0 0 0px 10px;
    font-size: 15px;
	vertical-align:middle;
}

/*==================================
            top_about
==================================*/
.top_about {
	margin:30px auto 70px;
}
.top_about h2 {
	padding:15px 0 15px 100px;
}
.top_about_copy,
.top_recruit_copy {
	margin:10px 20px 0 0;
	width:850px;
    font-size: 18px;
    line-height: 2em;
    text-align: left;
}
.top_about_copy,
.top_recruit_copy {
	display:inline-block;
	vertical-align:top;
}
.top_recruit_copy {
    width: 56%;
    display: inline-block;
    margin: 10px 20px 20px;
    font-size: 18px;
    line-height: 1.7em;
    text-align: left;
    vertical-align: top;
}
.top_about img,
.top_recruit img {
	display:inline-block;
	vertical-align:top;	
}
.top_recruit img {
	width:40%;
	height:auto;
}
.about_info {
	margin:50px auto;
}
.about_info ul {
    display: flex;
    justify-content: space-between;
}
.about_info ul li {
	width:32%;
}
.about_info ul li p {
	width:auto;
	height:82px;
}
.about_info ul li img {
	width:100%;
	height:auto;
}
.about_info h5 {
    margin: 10px auto 0;
    padding: 10px 0;
    background: #114FA3;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}
.about_info_headed ,
.headed_stud img {
	display:inline-block;
}
.about_info_headed {
	width:57%;
	padding:0 1%;
	margin:0 auto;
	vertical-align:top;
}
.headed_stud img {
	width:40%;
		height:auto;
}
.headed_stud p {
	width:auto;
	margin:0 auto;
	padding:0;
}

/*==================================
            top_recruit
==================================*/
.top_recruit {
	margin:0 auto 50px;
}