@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

/*----------------------------------------------------
	PC
----------------------------------------------------*/
@media screen and (min-width: 769px) {
html {
margin: 0;
padding: 0;
}
body {
font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
margin: 0;
padding: 0;
margin-bottom: 0 !important;
}

 a {
    color: black;
    text-decoration: underline;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s; 
	}
  a:hover {
    opacity: 0.5; 
	}
  .sp {
    display: none; 
	}
	
  a[href^="tel:"] {
    pointer-events: none; 
	}
  a.telblk,
  .telblk a {
    text-decoration: none; 
	}
	

	
header {
margin: 0 0 42px 0;
}

.logo {
position: absolute;
top: 20px;
left: 20px;
margin: 0;
padding: 0;
}
.keyv {
 text-align: center;
 padding: 90px 0 0 0;
}

.maincontent {
width: 1000px;
margin: 0px auto 72px auto;
}

.applybox {
text-align: center;
margin:0px auto;
}

.appbtn,.telbox {
margin: 0 0 85px 0;
}


footer {
width: 100%;
background: #004f9d;
margin: 0;
}

footer .footer-in {
	position: relative;
	width: 1000px;
	margin: 0px auto;
	padding: 20px 0;
	color: #fff;
}

.ft_compname {
position: absolute;
font-size: 24px;
line-height: 24px;
top: calc(50% - 12px);
}
.ft_info {
text-align: right;
line-height: 1.3;
}

.ft_info a {
color: #FFF;
}

}

  /*----------------------------------------------------
	SP
----------------------------------------------------*/

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

html, body {
    color: #000;
	background-size: cover;

	}
  body {
    font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    overflow-x: hidden;
	}
  * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
.pc {
display: none;
}

header {
width: 100%;
margin: 0 0 15px 0;
}
.logo {
/* width: 100%;*/
text-align: left;
background: #FFF;
height: 50px;
/* padding: 12px 0 0 12px; */
padding:8px 0 0 12px;
overflow: hidden; 
}

.logo img {
zoom:.5;
}
.keyv {
width: 100%;
}
.keyv img {
width: 100%;
}

.maincontent {
width: calc(100% - 30px);
margin: 0px auto 23px auto;
box-sizing: border-box;
text-align: center;
}
.maincontent .graph {
width:100%;
margin: 0 auto 11px auto;
}
.maincontent .graph img {
width: 100%;
}

.maincontent .flow img {
width: 100%;
}

.maincontent .catchtxt {
width:100%;
text-align: left;
box-sizing: border-box;
font-size: 14px;
line-height: 1.3;
}

.applybox {
width: calc(100% - 30px);
text-align: center;
margin:0px auto 0 auto;
}

.appbtn,.telbox {
width: 100%;
margin: 0 0 25px 0;
}

.appbtn img,.telbox img {
width: 100%;
}

footer {
width: 100%;
background: #004f9d;
margin: 0;
}


footer .footer-in {
	margin:0 12px;
	color: #fff;
	padding: 12px 0;
}

.ft_compname {
font-size: 20px;
line-height: 24px;
margin: 12px auto;
}
.ft_info {
text-align: left;
font-size: 12px;
}

.ft_info a {
color: #FFF;
}


}