@charset "utf-8";

/* CSS Document */

/*----------------------------------------------------------------------*/
/*          header                                                                                                           */
/*----------------------------------------------------------------------*/
@media all and (min-width:480px) {
#wrp_header {
	padding-top: 12px;
	padding-bottom: 12px;
}
/* header and footer telephone */
.wrp_telphone > p:first-child {
	margin-bottom: 12px;
}
.wrp_telphone > p:nth-child(2) {
	font-size: 13px;
}
/* header and footer telephone */
#header .wrp_telphone {
	width: 47%;
}
.wrp_telphone_lp > p:first-child {
	margin-bottom: 12px;
}
.wrp_telphone_lp > p:nth-child(2) {
	font-size: 13px;
}
}
@media all and (min-width:768px) {
#wrp_header {
	display: table;
	table-layout: fixed;
	padding-top: 16px;
	padding-bottom: 8px;
	width: 100%;
}
#wrp_header > * {
	display: table-cell;
	vertical-align: middle;
}
#wrp_header_logo {
	width: 53%;
	padding-right: 4%;
}
#wrp_header_logo h1 {
	display: block;
	width: auto;
}
#btn_slide {
	display: none;
}
/* header and footer telephone */
#header .wrp_telphone {
	width: 47%;
}
.wrp_telphone > p:first-child {
	margin-bottom: 7px;
}
.wrp_telphone > p:nth-child(2) {
	font-size: 10px;
}
.wrp_telphone > p:nth-child(3) {
	font-size: 9.5px;
}
.wrp_telphone_lp > p:first-child {
	margin-bottom: 7px;
}
.wrp_telphone_lp > p:nth-child(2) {
	font-size: 9.5px;
}
}
/*          navigation
/*----------------------------------------------*/
/* global navi */
/* mmenu.js */
@media all and (min-width: 768px) {
#mm-global_nav {
	display: none;
}
#global_nav {
	background-color: #FFFFFF;
	display: block;
}
#global_nav ul {
	display:table;
	table-layout:fixed;
	width:100%;
}
#global_nav li {
	width: 15.2%;
	display:table-cell;
	vertical-align:bottom;
}
#global_nav li:first-child {
	width: 8.8%;
}
#global_nav li a {
	border-bottom: solid 5px #fff;
	display: block;
	padding-top: 9px;
}
#global_nav li a img {
	display: block;
}
#global_nav li a#gnav_toppage:hover,
#global_nav li a#gnav_toppage.current {
	border-bottom: solid 5px #0092D7;
}
#global_nav li a#gnav_about:hover,
#global_nav li a#gnav_about.current {
	border-bottom: solid 5px #00B8EE;
}
#our #global_nav li a#gnav_about:hover,
#our #global_nav li a#gnav_about.our_current {
	border-bottom: solid 5px #DCDCDD;
}
#global_nav li a#gnav_apply:hover,
#global_nav li a#gnav_apply.current {
	border-bottom: solid 5px #AAAAAB;
}
#global_nav li a#gnav_kariire:hover,
#global_nav li a#gnav_kariire.current {
	border-bottom: solid 5px #998DC2;
}
#global_nav li a#gnav_repayment:hover,
#global_nav li a#gnav_repayment.current {
	border-bottom: solid 5px #DFCC35;
}
#global_nav li a#gnav_summary:hover,
#global_nav li a#gnav_summary.current {
	border-bottom: solid 5px #6BC9C7;
}
#global_nav li a#gnav_inquiry:hover,
#global_nav li a#gnav_inquiry.current {
	border-bottom: solid 5px #ee85a1;
}
/* side navi */
#side_nav {
	width: 58px;
	display: block;
	right: 0;
	position: absolute;
	top: 270px;
	z-index: 110;
}
#side_nav li {
	background-color: #FFFFFF;
	border: solid 1px #0092d7;
	margin-bottom: 6px;
}
}
/*----------------------------------------------------------------------*/



/*----------------------------------------------------------------------*/
/*          contents                                                    */
/*----------------------------------------------------------------------*/
@media all and (min-width: 480px) {
#contents {
	padding-bottom: 180px;
}
}
@media all and (min-width: 768px) {
#contents {
	font-size: 1.1em;
	padding-top: 25px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom: 150px;
	
}
#main_contents > section,
#contents > section {
	margin: 0 30px 60px;
}

#contents > section section {
	margin-top: 30px;
	margin-bottom: 30px;
}
}
/*          title
/*----------------------------------------------*/
@media all and (min-width: 768px) {
/* h1 */
h1#category_title {
	padding: 17px 90px 12px 25px;
	font-size: 2.1em;
	background-size: auto 66px, contain;
	background-position: right 5px, center bottom;
	min-height: 88px;
}
#about h1#category_title {
	padding-top: 22px;
	font-size: 1.4em;
}
#our h1#category_title {
	padding-bottom: 0;
	background-size: auto 66px;
	min-height: 76px;
}
#movie h1#category_title {

}

#movie h1#category_title:after{
	content:"";	
}
h1#category_title img {
	height: 31px;
}
/* h2 */

#contents h2.spcl {
	font-size: 2.1em;
	padding: 20px;
}
#contents h2.spcl.minititle {
	padding: 6px 20px;
	font-size: 1.4em;
}
#contents h2 {
	margin-left: -30px;
	margin-right: -30px;
}
#contents h2 img {
	height: 44px;
	margin-left: 10px;
	margin-right: 10px;
}
#contents h2:not([class]) {
	font-size: 1.4em;
	padding: 6px 20px;
}
.catch_01 {
	font-size: 1.8em;
	margin-top: 30px;
	margin-bottom: 30px;
}

.catch_03 {
	font-size: 1.55em;
	margin-top: 30px;
	margin-bottom: 30px;
}
}
/*----------------------------------------------------------------------*/



/*----------------------------------------------------------------------*/
/*          footer                                                                                                             */
/*----------------------------------------------------------------------*/
@media all and (min-width: 480px) {
#footer {
	padding-top: 23px;
}
/*          apply button
/*----------------------------------------------*/
#apply_button > ul {
	margin-top: 0;
	margin-bottom: 10px;
}
#apply_button > ul > li {
	margin-bottom: 7px;
}
#apply_button > ul > li > a {
	font-size: 1.1em;
	padding: 8px 10px;

}
#apply_button > ul > li > a img {
	max-height: 20px;
}

#apply_button > ul > li:first-child {
	float:none;
	width:100%;

}

#apply_button > ul > li > a img:first-child {
	max-height:85px;
}


/*          footer logo
/*----------------------------------------------*/
#wrp_footer_logo {
	margin-bottom: 25px;
	padding: 0 15px;
}
#footer_nav li {
	font-size: 12px;
}
#copyright {
	margin-top: 5px;
	font-size: 11px;
}
.wrp_telphone_footer #footer_01,
.wrp_telphone_footer #footer_02{
	width:50%;
	float:left; 
	padding: 0;
}

}
@media all and (min-width: 768px) {
#footer {
	padding-top: 15px;
	padding-bottom: 50px;
}




/*          apply button
/*----------------------------------------------*/
#apply_button > ul {
	margin-top: 12px;
	margin-bottom: 12px;
}
#apply_button > ul > li {
	margin-bottom: 0;
	width: 15%;
	margin-right: 2%;
	display: table;
	table-layout: fixed;
}
#apply_button > ul > li:first-child {
	width: 66%;
	float:left;
	padding-bottom:15px;
}
#apply_button > ul > li:last-child {
	margin-right: 0;
}
#apply_button > ul > li > a {
	padding: 18px 10px;
	display: table-cell;
}
#apply_button > ul > li > a:first-child img {
	max-height: 70px;
}
#apply_button > ul > li:nth-child(2) > a:after,
#apply_button > ul > li:nth-child(3) > a:after {
	content: "";
}
#apply_button > ul > li:nth-child(2) > a img,
#apply_button > ul > li:nth-child(3) > a img {
	display: block;
	margin:0 auto;
}


}
/*
/*----------------------------------------------------------------------*/


@media all and (max-width:768px) {
 .sitecopy{
margin-bottom:-15px;
}
/*          footer logo
/*----------------------------------------------*/
#footer {
	padding-top: 0px; 
}
#wrp_footer {
	background-color: #0099d9;
	clear:both;
	width: auto !important;
	margin:auto;
	padding:10px 10px 0 10px;
}
#wrp_footer_logo {
	margin-bottom: 25px;
	padding: 0 15px;
}
#footer_logo {
	width: 30% !important;
	padding-right: 4%;
	float:left;
}
#footer_logo img{
	width: 100% !important;
	height:auto;
}
#footer_nav {
	width: 65% !important;
	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;
}
#copyright {
	clear:both;
	padding-top:10px;
	font-size: 8px;
	line-height: 1.4;
}
/*  footer telephone */

.wrp_telphone_footer {
	clear: both;
	width:100% !important;
	padding-top:10px;
}





#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 all and (max-width:480px) {
 .sitecopy{
margin-bottom:0;
}

}