/* ================= layout.css ======================
■サイト共通

1.layout
2.top
3.company
4.talent
5.school
6.news
7.link
8.contact
9.policy
10.sitemap
11.recruit

101.btn
102.table
103.tab
104.icon
105.form

============================================= */

/*----------------------------------------------
 1.layout
---------------------------------------------- */

/* common
---------------------------------------------- */
.frame {
	width:960px;
	margin:0 auto;
}
.box_title {
	font-size:18px;
	font-weight:bold;
	border-bottom:2px solid #0577C3;
	padding-bottom:10px;
	margin-bottom:20px;
}
.box_title span {
	font-size:14px;
	color:#0577C3;
	margin-left:20px;
}
.box_title a.box_title_link {
	font-size:14px;
	background-color:#EEE;
	padding:3px 20px;
	text-align:center;
	text-decoration:none;
	color:#333;
	margin-left:20px;
}
.box_title a.box_title_link:hover {
	background-color:#333;
	color:#FFF;
}
.link_detail {
	color:#0577C3;
	text-decoration:none;
	background:url(../img/link_detail.gif) no-repeat left 45%;
	padding-left:17px;
}
.link_box_black {
	background-color:#000;
	color:#FFF;
	padding:1px 10px;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	border:1px solid #000;
}
.link_box_black:hover {
	background-color:#FFF;
	color:#000;
}
/* header
---------------------------------------------- */
header {
	background:url(../../img/top/main_bg.jpg) #08192D no-repeat center -260px;
	height:270px;/*310px*/
	position:relative;
	overflow:hidden;
}
header .logo {
	text-align:center;
	margin:30px auto;
}
nav {
	background:url(../../common/img/nav_bg.png) repeat-x;
	width:100%;	
	height:60px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	z-index:1;
}
#top_main nav {
	position:absolute;
	bottom:40px;
}
#top_main nav.fixed , header .fixed  {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9998;	
}
nav ul {
	width: 960px;
	/*width: 1095px;*/
	margin:0 auto;
}
nav ul li {
	float:left;
	width: 135px;
}
nav ul li:last-child {
	width: 150px;
}
nav ul li a {
	display:block;
	text-align: center;
	height:60px;
	text-decoration: none;
	font-size: 16px;
	color: #FFF;
	box-sizing: border-box;
	
	font-family: 'Noto Serif', serif;
	font-weight: bold;
	letter-spacing: 1.4px;
	text-shadow: -1px 1px 0 rgba(0,0,0,1);
	
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
}
nav ul li a {
	border-left: 1px dotted #5B5B5C;
	padding-top: 6px;
}
nav ul li:last-child a {
	border-right: 1px dotted #5B5B5C;
}

nav ul li a span {
	font-size: 13px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-weight: bold;
	color: #0577C3;
	display: block;
}
nav ul li a span i {
	margin-right: -10px;
}
nav ul li a:hover , nav ul li.nav_on a {
	background-color:#FFF;
	color: #000;
	text-shadow:none;
}

nav ul li.nav_contact {
	background-color:rgba(252,0,0,0.8);
}
nav ul li.nav_contact span {
	color: #000;
	text-shadow:none;
}
nav ul li.nav_contact.nav_on a , nav ul li.nav_contact a:hover {
	background-color:rgba(252,0,0,1.0);
}
nav ul li.nav_contact.nav_on span , nav ul li.nav_contact a:hover span {
	color: #FFF;
}

nav ul li.nav_recruit {
	background-color:rgba(5,119,195,0.8);
}
nav ul li.nav_recruit span {
	color: #000;
	text-shadow:none;
}
nav ul li.nav_recruit.nav_on a , nav ul li.nav_recruit a:hover {
	background-color:rgba(5,119,195,1.0);
}nav ul li.nav_recruit.nav_on span , nav ul li.nav_recruit a:hover span {
	color: #FFF;
}


header h1 {
	color:#FFF;
	font-size:30px;
	position:absolute;
	bottom:18px;
	font-family: 'Noto Serif', serif;
	text-transform: uppercase;
	text-shadow: -1px 1px 0 rgba(0, 0, 0, 1);
	font-weight: bold;
	letter-spacing: 1.4px;
}
header h1 span {
	display:block;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:16px;
	margin-left:10px;
}

/* path
---------------------------------------------- */
.header_path , .footer_path {
	background-color:#EEE;
	height:40px;
	margin-bottom:40px;
	border-bottom:1px solid #DDD;
	overflow:hidden;
}
.footer_path {
	margin-bottom:0;
	margin-top:60px;
	border-top:1px solid #DDD;
}
.breadcrumb {
	width:960px;
	list-style: none;
	display: inline-block;
	color:#FFF;
}
.breadcrumb li {
  float: left;
  color:#333;
}
.breadcrumb li:last-child {
	float: none;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.breadcrumb li a {
  color: #FFF;
  display: block;
  background: #AAA;
  text-decoration: none;
  position: relative;
  height: 38px;
  line-height: 38px;
  padding: 0 10px 0 5px;
  text-align: center;
  margin-right: 23px;
  box-sizing:border-box;
  margin-top:1px;
}
.breadcrumb li:nth-child(even) a {
  background-color: #AAA;
}
.breadcrumb li:nth-child(even) a:before {
  border-color: #AAA;
  border-left-color: transparent;
}
.breadcrumb li:nth-child(even) a:after {
  border-left-color: #AAA;
}
.breadcrumb li:first-child a {
  padding-left: 15px;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px 0 0 4px;
  font-size:16px;
}
.breadcrumb li:first-child a:before {
  border: none;
}
.breadcrumb li:last-child a {
  padding-right: 15px;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0;
  border-radius: 0 4px 4px 0;
}
.breadcrumb li:last-child a:after {
  border: none;
}
.breadcrumb li a:before, .breadcrumb li a:after {
  content: "";
  position: absolute;
  top: 0;
  border: 0 solid #AAA;
  border-width: 19px 10px;
  width: 0;
  height: 0;
}
.breadcrumb li a:before {
  left: -20px;
  border-left-color: transparent;
}
.breadcrumb li a:after {
  left: 100%;
  border-color: transparent;
  border-left-color: #AAA;
}
.breadcrumb li a:hover {
  background-color: #0577C3;
}
.breadcrumb li a:hover:before {
  border-color: #0577C3;
  border-left-color: transparent;
}
.breadcrumb li a:hover:after {
  border-left-color: #0577C3;
}
.breadcrumb li a:active {
  background-color: #0577C3;
}
.breadcrumb li a:active:before {
  border-color: #0577C3;
  border-left-color: transparent;
}
.breadcrumb li a:active:after {
  border-left-color: #0577C3;
}
.breadcrumb li:last-child {
	padding-top:10px;
}
/* contents
---------------------------------------------- */
.contents {
	position:relative;
}
.contents_main {
	float:left;
	width:640px;
	position : relative;
	z-index:1;
}
.contents_menu {
	float:left;
	width:260px;
	box-sizing:border-box;
	/*position:absolute;
	right:0;
	top:0;*/
	z-index:1;
	margin:-80px 0 0 60px;
}
.contents_menu ul {
	padding-top:80px;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.contents_menu li a {
	border-bottom:1px solid #CCC;
	padding:15px 20px;
	text-decoration:none;
	display:block;
	background-color:#F6F6F6;
	color:#666;
}
.contents_menu li a:hover , .contents_menu li.current-cat a {
	background-color:#333;
	color:#FFF;
}
.contents_menu li a:before {
	content: "\f105";
	font-family: FontAwesome;
	font-weight: normal;
	padding-right: 5px;
}
.contents_menu .count {
	background-color: #ddd;
    color: #888;
    font-size: 10px;
    margin-left: 5px;
    padding: 2px 7px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
}

/* footer_contact
---------------------------------------------- */
.footer_contact {
	padding:25px 0 20px;
	margin-top:60px;
	background:url(../img/bg_dot.png) repeat;
	border-top:1px solid #CCC;
	border-bottom:1px solid #DDD;
}
.footer_contact .frame {
	position:relative
}
.footer_contact p {
	width:600px;
	min-height:60px;
	background:url(../img/footer_contact.png) no-repeat;
	padding:5px 0 0 80px;
}
.footer_contact a.btn_app {
	width:300px;
	position:absolute;
	top:0;
	right:0;
	margin:0;
}
.footer_contact .btn_app:hover {	
	top: 2px;
}

/* footer
---------------------------------------------- */
footer {
	margin-top:0;
}
footer .footer_contents {
	background: url(../img/footer_bg.jpg) repeat-x left top;
	padding:30px 0 30px;
	height:180px;
	box-sizing: border-box;
	overflow:hidden;
	color:#000;	
}
/* footer_info */
footer .footer_info {
	float:left;
	width:460px;
	margin-left:20px;
}
footer .footer_info .footer_map {
	background-color:#000;
	color:#FFF;
	padding:1px 20px;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	border:1px solid #000;
}
footer .footer_info .footer_map:hover {
	background-color:#FFF;
	color:#000;
}
footer .footer_info ul {
	margin-top:10px;	
}
footer .footer_info ul li {
	float:left;
	margin-right:20px;
}
footer .footer_info ul li a {
	color:#000;
	text-decoration:none;
	background:url(../img/link_detail_black.gif) no-repeat left 45%;
	padding-left:17px;
}
footer .footer_info ul li a:hover {
	color:#FFF;
}

/* footer_sns */
footer .footer_sns {
	float:right;
	width:400px;
	margin-right:10px;	
}
footer .footer_sns .footer_sns_send {
	/*margin-left:2px;*/
	
}
footer .footer_sns .footer_sns_send li {
	float:left;
	margin:0 15px 15px 0;
}
footer .footer_sns .footer_sns_link li {
	float:left;
	margin-right:10px;
}
footer .footer_sns .footer_sns_link li a {
	display:block;
	line-height:0;
}
footer .footer_sns li:last-child {
	margin-right:0;
}

/* footer_link */
footer .footer_link {
	float:right;
	width:220px;
	margin-right:30px;
}
footer .footer_link li {
	line-height:0;
}
footer .footer_link a {
	display:block;
	margin-bottom:10px;
}
/* footer_copyrigh */
.footer_copyright {
	background-color:#000;
	color:#FFF;
	font-size:12px;
	padding:10px 0;
}
.footer_copyright p.footer_attention {
	float:left;
}
.footer_copyright p.footer_copy {
	float:right;
}
/* page-top */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 14px;
	text-decoration: none;
	color: #fff;
	padding: 8px 15px;
	text-align: center;
	display: block;
	cursor:pointer;
	z-index:10;
	background-color:#444;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}
#page-top:hover {
	text-decoration: none;
	background-color:#0577C3;
	
	
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}
/* sns btn */
ul.sns_btn {
	background-color:#E6F1F9;
	padding:15px 15px 10px;
	margin-top:10px;
	
}
ul.sns_btn li {
	float:left;
	margin:0 15px 0 0;	
}

/*----------------------------------------------
 2.top
---------------------------------------------- */

/* main
---------------------------------------------- */
#top_main {
	background:url(../../img/top/main_bg.jpg) #08192D no-repeat center -40px;/*top*/
	height:600px;/*640px*/
	position:relative;
	overflow:hidden;
}

#top_main h1 {
	text-align:center;
	position:absolute;
	top:230px;
	left:50%;
	margin-left:-297px;
	opacity:0;
	z-index:2;
}


/* pickup
---------------------------------------------- */
.top_pickup_topic {
	/*float:left;
	width:510px;*/	
}
.top_pickup_topic .top_pickup_topic_img {
	float:left;
	margin-right:30px;
	width:220px;
	max-width:320px;
	height:auto;
	max-height:320px;
	overflow:hidden;
	border:1px solid #EEE;
	padding:1px;
	
	display:block;
	box-sizing:border-box;
	line-height:0;
}
.top_pickup_topic .top_pickup_topic_img:hover {
	border:1px solid #0577C3;
	
}
.top_pickup_topic .top_pickup_topic_img img {
	width:100%;
	height:auto;
}
.top_pickup_topic .top_pickup_topic_text h3 {
	color:#0577C3;
	font-size:18px;
	font-weight:bold;	
}
.top_pickup_topic .top_pickup_topic_text h3 a {
	text-decoration:none;
}
.top_pickup_topic .top_pickup_topic_text {
	overflow:hidden;
}
.top_pickup_movie {
	float:right;
	width:410px;
	height:270px;
	background-color:#000;
}

/* talent
---------------------------------------------- */
#top_talent {
	background:url(../../img/top/talent_bg.jpg) repeat-x left top;
	height:225px;
	padding:20px 0;
	box-sizing: border-box;
	overflow:hidden;
}
.top_talent_title {
	float:left;
	width:142px;
	position: relative;
}
.top_talent_link {
	position: absolute;
	bottom:10px;
	left:32px;
}
#top_talent ul li {
	float:left;
	text-align:center;	
}
#top_talent ul li a {
	color:#000;
	text-decoration:none;
	text-align:center;
}
#top_talent ul li a .top_talent_photo {
	width:110px;
	height:154px;
	background-color:#FFF;
	overflow:hidden;
	display:block;
	border:2px solid #FFF;
	margin-bottom:5px;
}
#top_talent ul li a img {
	width:110px;
	height:auto;
	transition: 0.2s;
}
#top_talent ul li a span {
	font-weight:bold;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.8);
}
#top_talent ul li a span:before {
	content: "\f105";
	font-family: FontAwesome;
	font-weight: normal;
	padding-right: 5px;
}
#top_talent ul li a:hover .top_talent_photo {
	border:2px solid #000;
}
#top_talent ul li a:hover {
	color:#FFF;
}
#top_talent ul li a:hover img {
  -moz-transform: scale(1.1,1.1);
  -webkit-transform: scale(1.1,1.1);
  -o-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
}

#top_talent ul li a:hover {
	color:#FFF;
}

#top_talent .bx-wrapper {
	float:right;
}
#top_talent .bx-wrapper .bx-viewport {
    background:none;
    border: none;
    box-shadow: none;
    left: 0;
}
#top_talent .bx-controls-direction a {
	background-color:#000;
	border:1px solid #000; 
	top:80px;
	text-indent:0;
	text-decoration:none;
	color:#FFF;
	width:20px;
	height:auto;
	padding:20px 0;
	text-align:center;
}
#top_talent .bx-prev {	left:-35px;}
#top_talent .bx-next {	right:-30px;}

#top_talent .bx-controls-direction a:hover {
	background-color:#FFF;
	color:#000;
}

/* contents
---------------------------------------------- */
.top_contents_news {
	float:left;
	width:510px;
	position:relative;
}
.top_contents_news_detail {
	position:absolute;
	top:0;
	right:0;
	width:120px;
	background-color:#EEE;
	padding:3px 10px;
	text-align:center;
	text-decoration:none;
	color:#333;
}
.top_contents_news_detail:hover {
	background-color:#333;
	color:#FFF;
}
/* news */
.top_contents_news dl {
	margin-bottom:30px;
}
.top_contents_news dl dt {
	float:left;
	clear:both;
	padding-top:10px;
	font-size:12px;
}
.top_contents_news dl dd {
	padding-left:115px;
	border-bottom:1px dashed #CCC;
	padding-bottom:10px;
	margin-top:10px;
	min-height: 20px;
}
.top_contents_news dl dt:first-child {
	padding-top:0;
}
.top_contents_news dl dt:first-child + dd {
	margin-top:0;
}
.top_contents_news dl dd span {
	width:70px;
	text-align:center;
	background-color:#000;
	padding:1px 10px;
	font-size:10px;
	font-weight:bold;
	color:#FFF;
	float:left;
}
.top_contents_news dl dd a {
	padding-left:100px;
	text-decoration:none;
	display:block;
}
.top_contents_news_sns.sns_twitter {float:left; border:1px solid #EEE;}
.top_contents_news_sns.sns_facebook {float:right;}

/* link */
.top_contents_link {
	float:right;
	width:420px;
}
.top_contents_link li {
	float:left;	
	margin:0 0 10px 10px;
	line-height:0;
}
.top_contents_link li a {
	background-color:#EEE;
	padding:5px;
	display:block;
	height:192px;
	
}
.top_contents_link li a .top_contents_link_img {
	height:192px;
	max-height:192px;
	overflow:hidden;
	background-color:#FFF;
}
.top_contents_link li a img {
	display:block;
	border:1px solid #FFF;
}
.top_contents_link li a:hover {
	background-color:#333;
}

/*-------------------------------------------------------------
 3.company
---------------------------------------------------------------*/
.gmap {
	margin-top:10px;
	background:url(../img/bg_dot.png) #EEE repeat;
	padding:2px;
	line-height:0;
}
/*-------------------------------------------------------------
 4.talent
---------------------------------------------------------------*/
#talent .ui-tabs .ui-tabs-nav li {
	width:50%;
}
#talent .ui-tabs .ui-tabs-nav li a {
	width:100%;
}

.talent_list li {
	float:left;
	margin:0 10px 10px 0;
	width:128px;
	box-sizing:border-box;
	text-align:center;
	
}
.talent_list li:nth-child(7n) {
	margin-right:0;
}
.talent_list li .talent_ph_wrap {
	height:160px;
	overflow:hidden;
	
}
.talent_list li img {
	max-width:100%;
	height:auto;
	border:1px solid #FFF;
	box-sizing:border-box;
	transition: 0.2s;
}
.talent_list li a {
	text-decoration:none;
	font-size:16px;
	display:block;
	border:1px solid #EEE;
	line-height:0;
	overflow: hidden;
}
.talent_list li a:hover , #woman li a:hover {
	color:#333;
}
.talent_list li:hover img {
  -moz-transform: scale(1.1,1.1);
  -webkit-transform: scale(1.1,1.1);
  -o-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
}
.talent_list li a p {
	background-color:#FFF;
	position:relative;
	z-index:1;
	padding-top:5px;
	line-height:1.6;
}
#talent .basic .ui-tabs .ui-tabs-nav li.talent_woman a:hover {
	background-color:#EA0437;
}
#talent .basic .ui-tabs .ui-tabs-nav li.talent_woman.ui-tabs-selected a {
	color:#EA0437;
	border-top:5px solid #EA0437;
}
#talent .basic .ui-tabs .ui-tabs-nav li.talent_woman.ui-tabs-selected:hover a {
	background-color:#FFF;
}
#woman li a {
	color:#EA0437;
}
#woman .box_title {
	border-bottom:2px solid #EA0437;
}

/* detail */
.taletn_name {
	font-size:24px;
	font-weight:bold;
	padding-bottom:5px;
	margin-bottom:15px;
	border-bottom:1px solid #CCC;
}
.taletn_name span {
	font-size:16px;
	font-weight:normal;
}
.talent_photo {
	width:310px;
	float:left;
	box-sizing:border-box;
	
}
.talent_photo img {
	width:100%;
	height:auto;
	box-sizing:border-box;
}
.talent_profile {
	width:610px;
	float:right;
	font-size:16px;
}
.talent_profile p {
	margin-bottom:10px;
}
.talent_profile p a {
	text-decoration:none;
	
}
.talent_profile p a:before {
	content: "\f138";
	font-family: FontAwesome;
	margin-right:5px;
}
.talent_voice {
	margin-top:30px;	
}
.talent_voice dt {
	float:left;
	clear:both;
	font-size:14px;
	padding-top:3px;
	margin-bottom:10px
}

.talent_voice dd {
	padding-left:150px;
	margin-bottom:10px
}
.talent_career_title {
	font-size:16px;
	font-weight:bold;
	margin-top:20px;
	background:#EEE;
	color:#333;
	padding:5px 10px;
}
.talent_career {
	background-color:#FFF;
	margin-top:10px;
}
.talent_career .talent_career_detail {
	margin-bottom:20px;
	background-color:#E6F1F9;
	padding:20px;
}
.talent_career .talent_career_detail p {
	margin-bottom:-20px;
}
.talent_career .talent_career_detail p:last-child {
	margin-bottom:0;	
}

/* slider */
#talent .bx-wrapper {
	margin-bottom:10px;
}
#talent .bx-wrapper .bx-viewport {
	left:0;
	box-sizing:border-box;
}
#talent #bx-pager a {
	width:150px;
	height:150px;
	overflow:hidden;
	display:block;
	float:left;
	margin-right:10px;
	box-sizing:border-box;
	padding:1px;
	border:1px solid #CCC;
	line-height:0;
}
#talent #bx-pager a:nth-child(2n) {
	margin-right:0;
}
#talent #bx-pager a img {
	width:100%;
}
#talent #bx-pager a.active {
	border:1px solid #333;
}
#talent #bx-pager a:hover {
	border:1px solid #999;
}
/*-------------------------------------------------------------
 5.school
---------------------------------------------------------------*/
.school_box {
	width:320px;
	float:left;
	
	box-sizing:border-box;
}
.school_box a {
	text-decoration:none;
	/*box-sizing:border-box;*/
	padding:10px;
	display:block;
	background-color:#FFF;
	color:#333;
	border:1px dotted #CCC;
}
.school_box a img {
	width:100%;
	height: auto;
}
.school_box a:hover , .school_box a:hover .school_box_title  {
	background-color:#0577C3;
	color:#FFF;
}
.school_box_title {
	font-size:16px;
	font-weight:bold;
	color:#0577C3;
}
.contents_menu li.menu_back a:before {
	content: "\f0e2";
	font-family: FontAwesome;
	font-weight: normal;
	padding-right: 5px;
}

.school_box_img {
	width:298px;
	height:198px;
	box-sizing:border-box;
	margin-bottom:5px;
	line-height:0;
	background-color:#000;
	overflow:hidden;
	/*display: table-cell;*/ /*上下中央*/
	text-align: center; /*左右中央*/
	vertical-align: middle; /*上下中央*/
}
.school_box_img img {
	width:auto;
	height:auto;
	max-width:298px;
	/*max-height:198px;*/
	line-height:0;
}
.school_box_title {
	margin-top:5px;	
}
.interview_title {
	position:relative;
	background-color:#0577C3;
	color:#FFF;
	font-weight:bold;
	font-size:18px;
	text-align:center;
	padding:10px 5px;
	margin:40px 0 30px;
	border-radius: 2px;
}
.interview_title:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(5, 119, 195, 0);
	border-top-color: #0577C3;
	border-width: 10px;
	margin-left: -10px;
}
.interview_box {
	border-top:1px solid #CDE4F3;
}
.interview_box:last-child {
	border-bottom:1px solid #CDE4F3;
}
.interview_box_trg {
	cursor:pointer;
	padding:10px;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;	
}
.interview_box_trg:hover {
	background-color:#E6F1F9;
	
}
.interview_box_contents {
	display:none;	
}
.interview_box:nth-child(2n) .interview_box_img {
	float:left;
	line-height:0;
}
.interview_box:nth-child(2n+1) .interview_box_img {
	float:right;
	line-height:0;
}
.interview_box_text {
	padding:5px 20px 0;
	overflow:hidden;	
}
.interview_box:nth-child(2n)  .interview_box_text {	padding:5px 10px 0 20px;}
.interview_box:nth-child(2n+1)  .interview_box_text {	padding:5px 20px 0 10px;}

.interview_box_text_title {
	font-size:18px;
	font-weight:bold;
	color:#0577C3;
	margin-bottom:5px;
}
.interview_box_text_name {
	font-size:18px;
	font-weight:bold;
	line-height:1.2;
}
.interview_box_text_name_en {
	font-size:12px;	
}
.interview_box dl {
	background-color:#EEE;
	margin:5px 0 0 0;
	padding:10px;	
}
.interview_box dl dt {
	font-size:14px;
	font-weight:bold;
}
.interview_box dl dt:before {
	content: "\f130";
	font-family: FontAwesome;
	font-weight: normal;
	padding-right: 5px;
}
.interview_box_contents {
	padding:15px 10px;
}
.interview_box_contents p {
	margin-bottom:10px;
}
.interview_box_contents a {
	text-decoration:none;
}
.interview_box_contents a:before {
	content: "\f138";
	font-family: FontAwesome;
	font-weight: normal;
	padding-right: 5px;
}


/*training_school*/
.school_movie {
	background-color:#000;
	margin:0 0 40px;
	text-align:center;	
}

#about .school_menu_on a {
	background-color:#333;
	color:#FFF;
}
#guide .training_school_left , #guide .training_school_right {
	width:290px;
	background-color:#E6F1F9;
	padding:10px;
	margin-top:10px;
}
#guide .training_school_left {float: left;}
#guide .training_school_right {float: right;}

/*workshop*/
.workshop_main_img img {
	max-width:100%;
	height:auto;	
}
.workshop_class_title {
	font-size:16px;
	font-weight:bold;
	margin:30px 0 -15px;	
}
#workshop #tabs li {
	width:50%;	
}
#workshop #tabs li a {
	width:100%;	
}
#workshop .basic strong {
	font-weight:bold;
}
.mw-wp-form_image img {
	max-width:100px;
	height:auto;	
}

/*academy*/
.academy_title {
	position:relative;
	background: #FFFF00;
	padding:10px 10px 10px 15px;
	color:#44B496;
	font-size:16px;
	font-weight:bold;
	margin-bottom:20px;
	border-radius: 5px;
}
.academy_title:after {
	top: 100%;
	left: 25%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 0, 0);
	border-top-color: #FFFF00;
	border-width: 10px;
	margin-left: -10px;
}
.academy_curriculum_box {
	width:100%;
	/*float:left;*/
	margin-right:0;
	margin-bottom:20px;
	position: relative;
	
}
.academy_curriculum_box:last-child {
	margin-right:0;
}
.academy_curriculum_box > img {
	position: absolute;
	left: 0;
	top:0;
}
.academy_curriculum_box p {
	padding:75px 15px 15px;
	background-color:#C3F5FC;
}
.academy_table , .academy_table th , .academy_table td {
	border:1px #000 solid;
}
.basic.academy_table th {
	width:170px;
	background-color:#C2F5FC;
	color:#000;
	font-weight:normal;
}



/*-------------------------------------------------------------
 6.news
---------------------------------------------------------------*/
.news_box {
	border-bottom:1px solid #CCC;
	padding:20px 0;
	word-break: break-all;
}
.news_box:first-child {
	padding:0 0 20px;
}
.news_box .news_box_meta {
	font-weight:bold;
	margin-bottom:5px;
}
.news_box .news_box_meta:before {
	content: "\f133";
	font-family: FontAwesome;
	font-weight: normal;
	padding-right: 5px;
}
.news_box .news_box_meta a {
	background-color:#000;
	text-decoration:none;
	padding:1px 20px;
	font-size:12px;
	margin-left:10px;
	color:#FFF;
}
.news_box .news_box_meta a:hover {
	background-color:#0577CD;
}
.news_box h2 {
	/*background-color:#0577C3;*/
	font-size:20px;
	font-weight:bold;
	padding:5px 0 0;
	color:#0577C3;
	margin-bottom:10px;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.news_box h2 a {
	text-decoration:none;
}
.news_box .news_box_img {
	float:right;
	margin-left:20px;
	margin-bottom:10px;
	max-width:260px;
	
}
.news_box .news_box_img img {
	width:100%;
	height:auto;
	
	box-sizing:border-box;
	border:2px solid #EEE;
	padding:1px;
}
a.postImg img {
	max-width:100%;
	height:auto;
	margin:10px 0;
	
	box-sizing:border-box;
	border:2px solid #EEE;
	padding:1px;
}
.news_box img {
	max-width:100%;
	height:auto;
}
.news_box p iframe {
	max-width:100%;
	height:350px;
	margin:10px 0;
}
.news_box .news_box_img img:hover , a.postImg img:hover {
	border:2px solid #0577C3;
}
/*.news_box a.news_box_img {
	float:right;
	margin:0 0 20px 20px;
	padding:1px;
	border:2px solid #CCC;
	line-height:0;
}
.news_box a.news_box_img img {
	width:200px;
	height:auto;
}
.news_box a.news_box_img:hover  {
	border:2px solid #0577C3;
}*/
.contents_menu li.news_menu_home a:before {
	content: "\f044";
	font-family: FontAwesome;
	font-weight: normal;
	padding-right: 5px;
}

/*pagination*/

.pagination {
	padding:20px 0;
	position:relative;
	font-size:11px;
	line-height:13px;
	margin-bottom:40px;
}
 
.pagination span, .pagination a {
	display:block;
	float:left;
	margin: 2px 2px 2px 0;
	padding:8px 11px 7px 11px;
	text-decoration:none;
	width:auto;
	color:#333;
	background: #EEE;
}
 
.pagination a:hover{
	color:#fff;
	background: #0577C3;
}
 
.pagination .current{
	padding:8px 11px 7px 11px;
	background: #0577C3;
	color:#fff;
}

.news_box_sound {
	margin: 30px 0 40px;
}
.news_box_sound audio {
	width: 100%;
}

/*-------------------------------------------------------------
 7.link
---------------------------------------------------------------*/
pre {
	margin:20px 0;
	background-color:#EEE;
	padding:15px;
	
	white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: pre-wrap;      /* CSS3 */
    word-wrap: break-word;      /* IE 5.5+ */
	
}
#link .link_terms {
	border:1px solid #EEE;
	padding:15px;
	margin-top:5px;
	line-height:2.0;
}

/*-------------------------------------------------------------
 8.contact
---------------------------------------------------------------*/
.cotact_info {
	font-size:12px;
	margin-bottom:20px;	
}
.mw_wp_form_confirm .cotact_info {
	display:none;
}

/*-------------------------------------------------------------
 9.policy
---------------------------------------------------------------*/
#policy .box_title {
	margin-top:40px;
	color:#0577C3;	
}
#policy .box_title:before {
	content: "\f044";
	font-family: FontAwesome;
	font-weight: normal;
	padding-right: 5px;
}
#policy .subbox {
	background:url(../img/bg_dot.png) #EEE repeat;
	padding:10px;
	margin-top:10px;
}

/*-------------------------------------------------------------
 10.sitemap
---------------------------------------------------------------*/
#sitemap li a {
	display:block;
	text-decoration:none;
	padding:15px 0;
	margin:0 10px 10px 0;
}
/*-------------------------------------------------------------
 11.recruit
---------------------------------------------------------------*/
#recruit .recruit_box {
	font-size: 18px;
	font-weight: bold;
	color: #C00;
	border: 1px solid #C00;
	padding: 15px;
	letter-spacing: 1.4px;
}

/*----------------------------------------------
 101.btn
---------------------------------------------- */
.btn_detail {
	background:url(../img/arrow_detail.gif) #EEE no-repeat 8px 49%;
	color: #111;
	border:1px #FFF solid;
	padding: 10px 20px 10px 25px;
	text-decoration:none;
		
	position:relative;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.6);
	-ms-box-shadow: 0px 0px 2px rgba(0,0,0,0.6);
	box-shadow: 0px 0px 2px rgba(0,0,0,0.6);
	
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.23s ease;
    transition: all  0.2s ease;

}
.btn_detail:hover {
	background-color: #333;
	color: #FFF;
}
.btn_app {
	border: none;
	font-size: inherit;
	color: inherit;
	background-color: #CC0000;
	cursor: pointer;
	padding: 12px 5px;
	display: block;
	margin: 15px 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	text-decoration:none;
	
	text-align:center;
	
	color: #fff;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
	
	-webkit-box-shadow: 0 6px #8B0303;
	-moz-box-shadow: 0 6px #8B0303;
	-ms-box-shadow: 0 6px #8B0303;
	box-shadow: 0 6px #8B0303;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	text-shadow: -1px -1px #8B0303;
}
.btn_app:hover {
	background-color: #B50101;
	color: #FFF;
	
	-webkit-box-shadow: 0 4px #8B0303;
	-moz-box-shadow: 0 4px #8B0303;
	-ms-box-shadow: 0 4px #8B0303;
	box-shadow: 0 4px #8B0303;
	
	top: 2px;
} 
.btn_app:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn_app:before {
	content: "\f138";
	font-family: FontAwesome;
	font-weight: normal;
	padding-right: 5px;
}

.btn_back {
	margin-top:40px;
}
.btn_back a {
	border:1px solid #CCC;
	padding:10px 20px;
	text-decoration:none;
	color:#666;
}
.btn_back a:hover {
	background-color:#333;
	color:#FFF;
}
.btn_back a:before {
	content: "\f138 ";
	font-family: FontAwesome;
	font-weight: normal;
	padding-right: 5px;
}

 

.btn_half {
	width:50%;
	margin-left:auto;
	margin-right:auto;	
}

/*----------------------------------------------
 102.table
---------------------------------------------- */
table.basic {
	border-collapse: collapse; 
    border-spacing:0;
	background-color:#fff;
	border-top:1px solid #ddd;
	width:100%;
	margin-top:20px;
}
table.basic th,
table.basic td {
	padding:15px;
	border-bottom:1px dotted #CCC;
	background-color:#fff;
	text-align:left;
}
table.basic th {
	font-weight:bold;
	width:200px;	
	background: transparent url( ../img/bg_dot.png ) repeat left top;
	text-align:center;
	vertical-align:middle;
	color:#666;
}



.form input {
	padding:10px;
	font-size:16px;
	width:100%;
	box-sizing:border-box;
}
.form select {
	padding:10px;
	font-size:14px;
	box-sizing:border-box;
}
.form textarea {
	padding:10px;
	font-size:14px;
	width:100%;
	height:200px;
	box-sizing:border-box;
	resize: none; 
}
.form .required {
	background-color:#C00;
	font-size:12px;
	padding:1px 8px;
	color:#FFF;
	margin-left:10px;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
}
.form .required {
	background-color:#C00;
	font-size:12px;
	padding:1px 8px;
	color:#FFF;
	margin-left:10px;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
}

.form label {
	float:left;
	display:block;
	text-align:left;
	position:relative;
	padding:5px;
	width: 100%;
}
.form label:hover {
	background-color:#EEE;
	cursor:pointer;
}
.form label input {
	padding:0;
	width:auto;
	margin-right:2px;
}

/*----------------------------------------------
 103.tab
---------------------------------------------- */
.basic .ui-tabs .ui-tabs-nav {
	background-color:#EEE;
}
.basic .ui-tabs .ui-tabs-nav li span {
	font-size:14px;
}

.basic .ui-tabs .ui-tabs-nav li a { 
	border:1px solid #CCC;
	box-sizing:border-box;
	color:#666;
	font-size:16px;
	text-align:center;
	padding:10px;
	background-color:#EEE;
	
}
.basic .ui-tabs .ui-tabs-nav a:hover {
	background-color:#0577C3;
	color:#FFF;
}

.basic .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
	background-color:#FFF;
	font-weight:bold;
	color:#0577C3;
	border:1px solid #AAA;
	border-top:5px solid #0577C3;
	border-bottom:1px solid #FFF;
	margin-top:-2px;
}
.basic .ui-tabs .ui-tabs-nav li a:before {
	content: "\f096";
	font-family: FontAwesome;
	margin-right:5px;
}
.basic .ui-tabs .ui-tabs-nav li.ui-tabs-selected a:before {
	content: "\f046";
	font-family: FontAwesome;
	margin-right:5px;
}

/*----------------------------------------------
 104.icon
---------------------------------------------- */
.icon_external:after {
	content: "\f08e";
	font-family: FontAwesome;
	font-weight:normal;
	color: #333;
	padding-left:8px;
	font-size:14px;
}
a.icon_external:hover:after {
	color: #FFF;
}
.icon_tel:before {
	content: "\f095";
	font-family: FontAwesome;
	font-weight: normal;
	padding-right: 5px;
}
.icon_mail:before {
	content: "\f003";
	font-family: FontAwesome;
	font-weight: normal;
	padding-right: 5px;
}

/*----------------------------------------------
 105.form
---------------------------------------------- */
.contact_form table.basic td {
	word-break: break-all;
}
.contact_form table.basic .error {
	color:#C00;	
}

/* 送信ボタン */
.input_submit_btn input[type="submit"] {
	width:60%;
	font-family: FontAwesome;
	border: none;
	font-size: inherit;
	color: inherit;
	background-color:#CC0000;
	cursor: pointer;
	padding: 20px 5px;
	display: block;
	margin: 20px auto;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	text-decoration:none;
	
	text-align:center;
	
	color: #fff;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
	
	-webkit-box-shadow: 0 6px #8B0303;
	-moz-box-shadow: 0 6px #8B0303;
	-ms-box-shadow: 0 6px #8B0303;
	box-shadow: 0 6px #8B0303;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	text-shadow: -1px -1px #8B0303;
	
	
	-webkit-appearance: none;
}
input[type="submit"]::-moz-focus-inner{
    border :0px;
}

.input_submit_btn input[type="submit"]:hover {
	background-color: #B50101;
	color: #FFF;
	
	-webkit-box-shadow: 0 4px #8B0303;
	-moz-box-shadow: 0 4px #8B0303;
	-ms-box-shadow: 0 4px #8B0303;
	box-shadow: 0 4px #8B0303;
	
	top: 2px;
}


/* 登録フォームから戻る */
.contact_form .register_back {
	text-align:left;
	width:50px;
	margin-left:10px;
}
.contact_form .register_back input[type="submit"] {
	width:auto;
	font-family: FontAwesome;
	margin-top:10px;
	background-color:#FFF;
	/*background:url(../img/link_detail_black2.gif) no-repeat left 45%;*/
	color: #0577C3;
	border:none;
	padding: 0 0 0 0;
	text-decoration:none;
	text-align:left;
	cursor:pointer;
		
	position:relative;
	
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
	
	-webkit-transition: all 0 ease;
    -moz-transition: all 0 ease;
    -o-transition: all 0 ease;
    transition: all  0 ease;
	
	text-shadow: none;
}
.contact_form .register_back input[type="submit"]:hover {
	background-color: none;
	top: 0px;
	color:#333;
}
.contact_form .register_back input[type="submit"]:after {
	
}

/* 確認画面 */
.mw_wp_form_confirm table.basic th,
.mw_wp_form_confirm table.basic td {
	padding:25px 15px;
}

/* 資料請求フォーム */

.contact_form .input_address input#code {
	width:160px;
}
.contact_form .input_address input#address {
	margin-top:10px;
}
.mw_wp_form_confirm .input_hidden {
	display:none;	
}