@charset "utf-8";





/* ----- header ----- */

#about .mainBg {background:url(../img/about/main.png) top center no-repeat;}

@media screen and (max-width:800px) {

#about .mainBg {background:none;}

}

/* ----- box ----- */

#box .boxInner {
	width:1100px;
	margin:0 auto;
}
#about #box {
	background: url(../img/bg_contents_common.png) repeat-x left 270px;
}
#about #box section {
	margin:0;
}





/* ----- 横いっぱいの見出し ----- */

#box .title_full {
	text-align:center;
	padding:45px 0 45px;
}
#box .title_full .txt_en,
#box .title_full .txt_jp {
	color:#000000;
	display:block;
}
#box .title_full .txt_en {
	line-height:50px;
	font-size:40px;
}
#box .title_full .txt_jp {
	line-height:23px;
	font-size:20px;
	font-weight:normal;
	display: table;
    text-align: center;
    white-space: nowrap;
	margin:0 auto;
}
#box .title_full .txt_jp::before,
#box .title_full .txt_jp::after {
	content: '';
    display: table-cell;
    width: 50px;
	background: url(../img/bg_title_full_border.gif) repeat-x left center;  
    background-clip: padding-box;
	-webkit-background-clip: padding-box;
}
#box .title_full .txt_jp::before {
	border-right: solid 0.5em transparent;
}
#box .title_full .txt_jp::after {
	border-left: solid 0.5em transparent;
}





/* ==================== EWAについて ==================== */


/*
* EWAについて／特長
*/

#box #features_area h3 {
	background: url(../img/about/bg_h_features.jpg) no-repeat center top;
}
#box #features_area .boxInner {
	margin: 0 auto;
	padding: 90px 0 80px;
	position: relative;
	background: url(../img/about/bg_crowd.png) no-repeat right 138px;
}
#box #features_area .boxInner .intro {
	width:960px;
	padding-left:30px;
	margin:0 auto;
	box-sizing : border-box ;
	-moz-box-sizing : border-box ;
	-webkit-box-sizing : border-box ;
}
#box #features_area .catch {
	color:#D61419;
	font-size:26px;
	font-style:italic;
	font-weight:bold;
	line-height:1.6em;
	margin-bottom:1em;
}
#box #features_area .copy {
	color:#000000;
	line-height:2em;
	margin-bottom:45px;
}
#box #features_area ul {
	width:960px;
	list-style:none;
	padding:0;
	margin:0 auto;
	text-align:center;
}

ul.skills {
	text-align:center;}

ul.skills li {
	width:180px;
	margin:0 20px 10px;
	display:inline-table;}

ul.skills li img {
	width:180px;}

#box #features_area li h4 {
	color:#D61419;
	font-style:italic;
	text-align:left;
	margin:-45px 0 10px;
}
#box #features_area li h4 .txt_en,
#box #features_area li h4 .txt_jp {
	display:block;
}
#box #features_area li h4 .txt_en {
	font-size:40px;
	line-height:1em;
}
#box #features_area li h4 .txt_jp {
	font-size:20px;
}
#box #features_area li p {
	font-size:14px;
	line-height:1.8em;
}
#box #features_area .illust {
	width:372px;
	height:254px;
	position:absolute;
	top:146px;
	right:48px;
}



/*
* EWAについて／選ばれる理由
*/


#box #reason_area h3 {
	background: url(../img/about/bg_h_reason.jpg) no-repeat center top;
}
#box #reason_area .boxInner {
	text-align:left;
	padding:110px 0 30px;
}
#box #reason_area ol {
	width:840px;
	margin:0 auto;
}
#box #reason_area li {
	margin-bottom:70px;
}
#box #reason_area li::after {
	content:".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}
#box #reason_area li .image_wrap {
	width: 150px;
	height: 150px;
	float: left;
	background: url(../img/bg_dot_common.png) repeat 0px 0px;
}

#box #reason_area li .image_wrap img {
	margin:-10px 0 0 -10px;
}
#box #reason_area li .text_wrap {
	float:right;
	width:660px;
}
#box #reason_area li .text_wrap .icon_num {
	display:block;
	margin-bottom:5px;
}
#box #reason_area li .text_wrap .icon_num img {
	display:block;
}
#box #reason_area li .text_wrap h4 {
	font-size:26px;
	color:#D61419;
	font-style:italic;
	font-weight:bold;
	line-height:1.6em;
	margin-bottom:10px;
}
#box #reason_area li .text_wrap p {
	color:#000000;
	font-size:14px;
	line-height:1.8em;
}
#box #reason_area li .text_wrap {
}
#box #reason_area li .text_wrap {
}
#box #reason_area li .text_wrap {
}

#reason_area p {
	width:70%;
	margin:0 auto 80px;}

table.hosoku {
	margin:80px auto;}

table.hosoku th {
	font-style:italic;
	text-align:right;
	color:#D61419;}

table.hosoku td {
	padding-left:20px;}

p.hosoku {
	width:60%;
	margin:30px auto;}

p.hosoku b {
	margin-bottom:10px;
	font-size:1.5em;
	font-style:italic;
	color:#D61419;
	display:block;}



/*
* EWAについて／インストラクター
*/


#box #instructors_area h3 {
	background: url(../img/about/bg_h_instructors.jpg) no-repeat center top;
}
#box #instructors_area .boxInner {
	text-align:left;
	padding:85px 0 30px;
	line-height:1.8em;
}
#box #instructors_area .text_wrap .profile_photo {
	float:right;
}
#box #instructors_area .text_wrap .job_title {
	font-size:16px;
	color:#000;
	font-weight:bold;
	display:block;
	margin-bottom:7px;
}
#box #instructors_area .text_wrap h4 {
	color:#D51519;
	font-weight:bold;
	margin-bottom:7px;
}
#box #instructors_area .text_wrap h4 > span {
	display:block;
	font-style:italic;
	letter-spacing:0;
}
#box #instructors_area .text_wrap h4 .txt_en {
	font-size:26px;
}
#box #instructors_area .text_wrap h4 .txt_jp {
	font-size:14px;
}
#box #instructors_area .text_wrap p {
	color:#000000;
	font-size:14px;
	line-height:1.8em;
}



/* 校長あいさつ */
#box #instructors_area .intro {
	width:800px;
	margin:0 auto 90px;
}
#box #instructors_area .intro .image_wrap {
	width:202px;
	height:344px;
	float:left;
}
#box #instructors_area .intro .text_wrap {
	width:560px;
	float:right;
}
#box #instructors_area .intro .text_wrap .profile {
	margin-bottom:28px;
}
#box #instructors_area .intro .text_wrap .message h5 {
	font-size:20px;
	color:#000;
	font-style:italic;
	margin-bottom:5px;
}
#box #instructors_area .intro .text_wrap .message p {
}

/* インストラクター一覧 */
#box #instructors_area #instructors_list ul {
	margin-left:20px;}

#box #instructors_area #instructors_list li {
	width: 380px;
	height: 400px;
	background: url(../img/about/bg_instructors.png) no-repeat 0px 0px;
	position:relative;
	float:left;
	margin-bottom:80px;
	margin-left:-20px;
}
#box #instructors_area #instructors_list li .image_wrap {
	width:125px;
	height:280px;
	position:absolute;
	left:0;
	bottom:-5px;
}
#box #instructors_area #instructors_list li .text_wrap {
	width:240px;
	float:right;
	padding-top:25px;
}
#box #instructors_area #instructors_list li .profile {
	color:#000;
	line-height:1.5em;
	letter-spacing:0;
	width:170px;
}
#box #instructors_area #instructors_list li .profile_photo {
	width:100px;
	height:100px;
	position:absolute;
	right:24px;
	top:-45px;
}


#box #instructors_area #instructors_list li:nth-child(1) p {
	font-size:0.85em;}

#box #instructors_area #instructors_list li:nth-child(2) p {
	font-size:0.83em;}

#box #instructors_area #instructors_list li:nth-child(3) {}

#box #instructors_area #instructors_list li:nth-child(4) {}

#box #instructors_area #instructors_list li:nth-child(5) {}

#box #instructors_area #instructors_list li:nth-child(6) p {
	font-size:0.85em;}

#box #instructors_area #instructors_list li:nth-child(7) {}

#box #instructors_area #instructors_list li:nth-child(8) p {
	font-size:0.85em;}