@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------*/
/*          page setup                                                                                                     */
/*----------------------------------------------------------------------*/
#wrapper {
	background-color: #f3f4f4;
}
#header {
	background-color: #0092d7;
}
#wrp_header,
#wrp_apply_area,
#apply_button > ul,
#copyright_lp,
.sitecopy {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
#main_contents,
#contents,
#global_nav > ul {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
@media print {
#wrapper {
	width: 960px;
	margin: 0 auto;
	background-color:#FFFFFF !important;
}

}


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


/*----------------------------------------------------------------------*/
/*          header                                                                                                           */
/*----------------------------------------------------------------------*/
#wrp_header {
	padding-top: 5px;
	padding-bottom: 5px;
}

.sitecopy{
	color:#FFFFFF;
	padding-top:10px;
	margin-bottom:-30px;
}
#wrp_header > *,
#wrp_header_logo > * {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
#wrp_header_logo {
	display: table;
	table-layout: fixed;
	margin-bottom: 8px;
	width: 100%;
}
#wrp_header_logo > * {
	display: table-cell;
	vertical-align: middle;
}
#wrp_header_logo h1 {
	width: 75%;
	padding-top: 5px;
}

#wrp_header_logo_outside img {
	width: 464px;
	padding-top: 27px;
	padding-bottom: 20px;
}

#btn_slide {
	text-align: right;
	width: 25%;
}
#btn_slide img {
	display: inline-block;
}
/* header telephone */
.wrp_telphone > p:first-child {
	margin-bottom: 7px;
}
.wrp_telphone > p:nth-child(2) {
	line-height: 1.4;
	font-size: 10px;
	color: #FFFFFF;
}
.wrp_telphone > p:nth-child(3) {
	line-height: 1.4;
	font-size: 10px;
	color: #FFFFFF;
}

/* LP header and footer telephone */
.wrp_telphone_lp > p:first-child {
	margin-bottom: 7px;

}
.wrp_telphone_lp > p:nth-child(2) {
	line-height: 1.4;
	font-size: 10px;
	color: #FFFFFF;
}
/*          navigation
/*----------------------------------------------*/
/* global navi */
/* mmenu.js */
#mm-global_nav li a:after {
	content: attr(title);
}
#mm-global_nav li a img {
	display: none;
}
#mm-global_nav li a.current {
	background-color: #679cb8;
}
#side_nav,
#global_nav {
	display: none;
}
@media print {
#side_nav {
	display: none !important;
}
}
/*----------------------------------------------------------------------*/



/*----------------------------------------------------------------------*/
/*          contents                                                    */
/*----------------------------------------------------------------------*/
#contents {
	line-height: 1.5;
	font-size: 1.15em;
	background-color: #FFFFFF;
	padding-top: 10px;
	color: #595757;
	padding-bottom: 160px;
	margin: 0 auto;
}
#main_contents > section,
#contents > section {
	margin: 0 10px 30px;
	clear:both;
}
#contents > section section {
	margin-top: 15px;
	margin-bottom: 15px;
	clear:both;
}
footer#date {
	font-size:0.85em;
	margin:40px 10px 40px;
}
@media print {
#contents {
	padding-bottom: 10px !important;
}
}
/*          title
/*----------------------------------------------*/
/* h1 */
h1#category_title {
	margin-bottom: 20px;
}
h1#category_title {
	color: #FFFFFF;
	padding: 10px 90px 14px 5px;
	font-size: 1.3em;
	font-weight: bold;
	background-color: #0092D7;
	background-size: auto 40px, contain;
	background-repeat: no-repeat, no-repeat;
	background-position: right 5px, center bottom;
	min-height: 50px;
	letter-spacing: 0.08em;
	display: block;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
h1#category_title img {
	height: 25px;
	margin-right: 15px;
	display: inline-block;
}
/* background color */
#about h1#category_title {
	background-color: #00B8EE;
	font-size: 1em;
	padding-top: 13px;
}
#apply h1#category_title {
	background-color: #AAAAAB;
	background-image: url(../../apply/images/title_bg.png), url(../../apply/images/title_arrow.png);
}
#kariire h1#category_title {
	background-color: #998DC2;
	background-image: url(../../kariire/images/title_bg.png), url(../../kariire/images/title_arrow.png);
}
#repayment h1#category_title {
	background-color: #DFCC35;
	background-image: url(../../repayment/images/title_bg.png), url(../../repayment/images/title_arrow.png);
}
#summary h1#category_title {
	background-color: #6BC9C7;
	background-image: url(../../summary/images/title_bg.png), url(../../summary/images/title_arrow.png);
}
#inquiry h1#category_title {
	background-color: #ee85a1;
	background-image: url(../../inquiry/images/title_bg.png), url(../../inquiry/images/title_arrow.png);
}
#tvcm h1#category_title {
	background-image: url(../../tvcm/images/title_bg.png), url(../../tvcm/images/title_arrow.png);
}
#movie h1#category_title {
	background-image: url(../../movie/images/title_bg.png),
	url(../../tvcm/images/title_arrow.png);
/*	background-size: auto 40px;*/
}
#guide h1#category_title,
#simulation h1#category_title {
	background-image: url(../../simulation/images/title_bg.png), url(../../simulation/images/title_arrow.png);
	padding-right: 120px;
}
#our h1#category_title {
	background-color: #dcdcdd;
	color: #0092d7;
	background-image: url(../../our/images/title_bg.png);
/*	background-size: auto 40px;*/
	background-repeat: no-repeat;
	background-position: right 5px;
	padding-bottom: 10px;
	margin-bottom: 0;
}
/* h2 */
#contents h2.spcl {
	font-size: 1.3em;
	line-height: 1.4;
	font-weight: bold;
	margin-bottom: 1em;
	padding: 5px;
	text-align: center;
	letter-spacing: 0.02em;
	page-break-inside: avoid;
}
#contents h2.spcl.minititle {
	font-size: 1.2em;
	text-align: left;
}
#apply #contents h2.spcl {
	border-top: solid 2px #9F9FA0;
	border-bottom: dotted 2px #9F9FA0;
	color: #595757;
}
#about #contents h2.spcl {
	border-top: solid 2px #0092D7;
	border-bottom: dotted 2px #0092D7;
	color: #0092D7;
}
#kariire #contents h2.spcl {
	border-top: solid 2px #6355A2;
	border-bottom: dotted 2px #6355A2;
	color: #6355A2;
}
#repayment #contents h2.spcl {
	border-top: solid 2px #D2B220;
	border-bottom: dotted 2px #D2B220;
	color: #D2B220;
}
#summary #contents h2.spcl {
	border-top: solid 2px #6BC9C7;
	border-bottom: dotted 2px #6BC9C7;
	color: #6BC9C7;
}
#inquiry #contents h2.spcl {
	border-top: solid 2px #ee85a1;
	border-bottom: dotted 2px #ee85a1;
	color: #F386A1;
}
#simulation #contents h2.spcl,
#guide #contents h2.spcl,
#tvcm #contents h2.spcl,
#movie #contents h2.spcl,
#our #contents h2.spcl {
	border-top: solid 2px #0092D7;
	border-bottom: dotted 2px #0092D7;
	color: #0092D7;
}
#contents h2:not([class]) {
	font-size: 1.2em;
	line-height: 1.4;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 5px;
	border-top: solid 2px #00AFEC;
	border-bottom: dotted 2px #00AFEC;
	color: #00AFEC;
	page-break-inside: avoid;
}
#contents h2 {
	margin-left:-10px;
	margin-right:-10px;
	page-break-inside:avoid;
	clear:both;
}
#contents h2 img {
	height: 30px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	margin-right: 5px;
}
#contents h2 .date {
	display: block;
	float: right;
	font-size: 0.8em;
	font-weight: normal;
	margin-top: 3px;
}
.catch_01 {
	font-size: 1.2em;
	line-height: 1.4;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
	letter-spacing: 0.02em;
	page-break-inside:avoid;
}

.boldred{
	font-weight:bold;
	color:#D1211A;
	font-size:150%;
	display:block;
}
.catch_02 {
	font-size: 1.55em;
	line-height: 1.4;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
	letter-spacing: 0.02em;
	page-break-inside:avoid;
}

.catch_03 {
	font-size: 1.1em;
	line-height: 1.4;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
	letter-spacing: 0.02em;
	page-break-inside:avoid;
}


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




/*----------------------------------------------------------------------*/
/*          footer                                                                                                             */
/*----------------------------------------------------------------------*/
#footer {
	position: relative;
	color: #ffffff;
	background-color: #0099d9;
	border-top: solid 8px #17479e;
	padding-top: 10px;
	padding-bottom: 5px;
	page-break-inside:avoid;
	clear:both;
}
/*          apply button
/*----------------------------------------------*/
#apply_button {
	z-index: 100;
	left: 0;
	background-color: #24b5e2;
	width: 100%;
}
#apply_button > ul {
	margin-top: 0px;
	margin-bottom: 15px;
}
#apply_button > ul > li {
	float: left;
	width: 49%;
	margin-bottom: 4px;
}

#apply_button > ul > li:first-child {
	float: none;
	width: 100%;
	margin-bottom: 4px;
}
#apply_button > ul > li:nth-child(2n) {
	margin-right: 2%;
}
#apply_button > ul > li > a {
	text-align: center;
	text-decoration: none;
	padding: 5px 10px;
	font-size: 0.8em;
	display: block;
}
#apply_button > ul > li:first-child > a,
#apply_button > ul > li:nth-child(2) > a {
}
#apply_button > ul > li > a img {
	max-height: 70px;
}
#apply_button > ul > li:nth-child(2) > a:after,
#apply_button > ul > li:nth-child(3) > a:after {
	content: attr(title);
}
#apply_button > ul > li:nth-child(2) > a img,
#apply_button > ul > li:nth-child(3) > a img {
	display: none;
}
/*          footer logo
/*----------------------------------------------*/
#wrp_footer {
	background-color: #0099d9;
	clear:both;
	width:960px !important;
	margin:auto;
}
#wrp_footer a {
	text-decoration: none;
}
#wrp_footer > *,
#wrp_footer_logo > * 
.wrp_telphone_footer * {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
#wrp_footer_logo {
	margin-bottom: 0px !important;
}
#footer_logo {
	width:240px;
	padding-right: 4%;
	float:left;
	margin-top: -5px;
}
#footer_logo img{
	width:100%;
	height:auto;
}
#footer_nav {
	width: 620px;
	float:left;
}
#footer_nav li {
	display: inline-block;
	font-size: 11px;
	line-height: 1.6;
	float:left;
}
#footer_nav li a {
	color: #ffffff;
}
#footer_nav li:first-child:before {
	content: "｜";
	margin-right: 5px;
}
#footer_nav li:after {
	content: "｜";
	margin-left: 5px;
	margin-right: 5px;
}
#footer_nav_lpsp {
	width: 100%;
}
#footer_nav_lpsp li {
	display: inline-block;
	font-size: 11px;
	line-height: 1.6;
	float:left;
	margin-bottom: 10px;
}
#footer_nav_lpsp li a {
	color: #ffffff;
}
#footer_nav_lpsp li:first-child:before {
	content: "｜";
	margin-right: 5px;
}
#footer_nav_lpsp li:after {
	content: "｜";
	margin-left: 5px;
	margin-right: 5px;
}

#copyright {
	clear:both;
	padding-top:10px;
	font-size: 8px;
	line-height: 1.4;
}
/*  footer telephone */

.wrp_telphone_footer {
	clear: both;
	width:100%;
	padding-top:40px;
}


.wrp_telphone_footer #footer_01,
.wrp_telphone_footer #footer_02{
	width:100%;
	float: none; 
	padding: 10px 0 0 0;
}
#footer_01 img,
#footer_02 img{
	width:100%;
	height:auto;
}
#footer_03 {
	padding-top:10px;
	line-height: 1.4;
	font-size: 10px;
	color: #FFFFFF;
	clear:both;
}

@media print {
#footer {
	position: static !important;
}
#apply_button {
	display: none !important;
}
}
/*
/*----------------------------------------------------------------------*/


/*----------------------------------------------------------------------*/
/*          clearfix                                                                                                           */
/*----------------------------------------------------------------------*/


#contents h2:before,
#contents h2:after,
#apply_button > ul:before,
#apply_button > ul:after,
.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}

#contents h2:after,
#apply_button > ul:after,
.clearfix:after {
	clear: both;
}
/*IE6,7対策 （haslayout対策）*/

#contents h2,
#apply_button > ul,
.clearfix {
 *zoom:1;
}
/*

/*
/*----------------------------------------------------------------------*/
z