@font-face{ 
font-family: "Makinas-Scrap-5"; 
src:url("../font/Makinas-Scrap-5.otf"); 
}


a:hover{
	opacity: 0.6;
}
img{
	max-width: 100%;
}



/**************** レイアウト　****************/
/******************************************/
.wrapper{
	border-top: 12px solid #1f92e8;
	position: relative;
}
.inner{
	width: 980px;
	margin: 0 auto;
}

/**** header ****/
.header{
	height: 103px;
	background-color: white;
	box-shadow: 0px 2px 2px rgba(0,0,0,0.30);
	position: relative;
	z-index: 5;
	
}
.header .cname{
font-family: "Makinas-Scrap-5"; 
font-size: 30px;
color: #1f92e8;
line-height: 103px;
float: left;
}
.header .cname span{
font-family: "Makinas-Scrap-5"; 
font-size: 24px;
}
.header .gnav{
float: right;
background-image: url(../images/nav_line.gif);
background-repeat: no-repeat;
background-position: right top;
}
.header .gnav li{
height: 103px;
display: table;
float: left;
background-image: url(../images/nav_line.gif);
background-repeat: no-repeat;
background-position: left top;
padding-bottom: 11px;
}
.header .gnav li a{
font-family: "Makinas-Scrap-5"; 
font-size: 22px;
height: 103px;
text-align: center;
display: table-cell;
vertical-align: middle;
padding:0 17px;
line-height: 1.0em;
text-decoration: none;
color: #1f92e8;
}
.header .gnav li a:hover{
opacity: 1;
}
.header .gnav li:hover{
background-image: url(../images/nav_bg.png);
background-repeat: no-repeat;
background-size: 100% 100%;
color: white;
}
.header .gnav li:hover a{
color: white;
}

/**** footer ****/
.footer {
	background-color:#1f92e8; 
	box-shadow: 0px -2px 2px rgba(0,0,0,0.30);
	position: relative;
	z-index: 5;
}
.footer .fbnr{
background-image: url(../images/dot_line02.gif);
background-repeat: repeat-x;
background-position: center bottom;
margin-bottom: 20px;
padding-bottom: 40px;
}
.footer .fbnr:before{
content: "";
height: 1px;
display: block;
margin-bottom: -30px;
}
.footer .fbnr li{
	float: left;
	margin-right: 41px;
}
.footer .fbnr li:last-child{
	margin-right: 0;
}
.footer .fname{
font-family: "Makinas-Scrap-5"; 
font-size: 28px;
color: white;
}
.footer .fname span{
font-family: "Makinas-Scrap-5"; 
font-size: 17px;
}
.footer .fbtn{
padding-top: 15px;
float: right;
}
.footer .fbtn li{
float: left;
margin-left: 10px;
}
.footer .finfo{
float: left;
}
.footer .fnav{
margin-bottom: 12px;
}
.footer .fnav li{
display: inline;
padding-right: 20px;
}
.footer .fnav li a{
text-decoration: none;
color: white;
font-size: 13px;
}
.footer .fnav li a:before{
content: "＞ "
}
.footer .fcopy{
clear: both;
text-align: right;
color: white;
font-size: 13px;
padding-bottom: 12px;
}
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
    z-index: 6;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}


/**** main ****/
.main{
	position: relative;
	z-index: 3;
}


/**************** HOME　****************/
/******************************************/
.home{
	background-color:#1f92e8;
}
.home .mainimg{
	background-image: url(../images/main_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 500px;
	padding-top: 320px;
	box-sizing: border-box;
}
.home .mainimg .inner{
	font-family: serif;
	color: #000;
	font-size: 36px;
	text-shadow: 0px 0px 10px rgba(255,255,255,1.00);
}


/**************** child　****************/
/******************************************/
.child .content{
	margin-bottom: 60px;
}
.child .content:last-child{
	margin-bottom: 0;
}
/**** 見出し　****/
.child .title{
background-image: url(../images/tit_bg.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 94px;
line-height: 94px;
color: white;
box-shadow: 0px -2px 2px rgba(0,0,0,0.30) inset;
}
.child .title .inner h1{
font-family: "Makinas-Scrap-5"; 
font-size: 24px;
color: white;
}
.child .main{
padding-top: 30px;
padding-bottom: 60px;
}
.child .main h2{
font-size: 20px;
font-weight: bold;
border-left: 10px solid #1f92e8;
padding-left: 20px;
margin-bottom:30px;
}
.child .main h3{
font-size: 16px;
font-weight: bold;
background-image: url(../images/dot_line01.gif);
background-repeat: repeat-x;
background-position: center bottom;
padding-bottom: 10px;
margin-bottom: 16px;
}
.child .main h4{
color: #1f92e8;
font-weight: bold;
font-size: 18px;
margin-bottom: 16px;
line-height: 1.4;
}
.child .main h5{
border-bottom: 1px solid #1f92e8;
font-weight: bold;
font-size: 15px;
margin-bottom: 12px;
line-height: 1.4;
padding-bottom: 4px;
}


.child .main .sttxt{
font-size: 18px;
font-weight: bold;
text-align: center;
}

.child .main table th{
white-space: nowrap;

	font-weight: bold;
}
/**** ボックス　****/
.one_box{
	padding: 16px;
	border: 2px solid #1f92e8;
	box-sizing: border-box;
}
.two_box ul li,.two_box ul li,.three_box ul li,.four_box ul li{
	float: left;
	padding: 16px;
	border: 2px solid #1f92e8;
	box-sizing: border-box;
	margin-bottom: 18px;
}
.one_box ul li h4,.two_box ul li h4,.three_box ul li h4,.four_box ul li h4{
text-align: center;
}

.two_box ul li{
	width: 49%;
	margin-right: 2%;
}
.two_box ul li:nth-child(2n){
	margin-right:0;
}
.two_box ul li:nth-child(2n+1){
	clear: left;
}

.three_box ul li{
	width: 32%;
	margin-right: 2%;
}
.three_box ul li:nth-child(3n){
	margin-right:0;
}
.three_box ul li:nth-child(3n+1){
	clear: left;
}

.four_box ul li{
	width: 22%;
	margin-right: 4%;
}
.four_box ul li:nth-child(4n){
	margin-right:0;
}
.four_box ul li:nth-child(4n+1){
	clear: left;
}
.boxnum li{
position: relative;
margin-top: 15px;
}
.boxnum li:before{
	position: absolute;
	font-size: 240%;
	color: #1f92e8;
	font-weight: bold;
	top: -0.6em;
	left: 6px;
}
.boxnum li:nth-child(1):before{	content:"1"; }
.boxnum li:nth-child(2):before{	content:"2"; }
.boxnum li:nth-child(3):before{	content:"3"; }
.boxnum li:nth-child(4):before{	content:"4"; }
.boxnum li:nth-child(5):before{	content:"5"; }
.boxnum li:nth-child(6):before{	content:"6"; }
.boxnum li:nth-child(7):before{	content:"7"; }
.boxnum li:nth-child(8):before{	content:"8"; }

.btnbox{
margin-bottom: 36px;
}
.btnbox .two_box li{
	padding: 0;
}
.btnbox .two_box li a{
text-align: center;
padding: 20px 0;
background-color: #1f92e8;
color: white;
text-decoration: none;
font-weight: bold;
}

.child .infotable tr:nth-child(2n-1){
background-color: #d5e9fb;
}
.child .infotable tr th,
.child .infotable tr td{
padding: 8px 10px;
}

/**** 事例　****/
.case_tit{
font-size: 20px;
font-weight: bold;
color: #1f92e8;
border-bottom: 4px solid #1f92e8;
padding-bottom: 10px;
margin-bottom: 24px;
text-align: center;
}
.case_box > ul > li{
	float: left;
	padding: 16px;
	border: 2px solid #1f92e8;
	box-sizing: border-box;
	margin-bottom: 48px;
	padding-top: 32px;
}
.case_box .caseinfo{
	background-color: #d5e9fb;
	padding: 16px;
}
.case_box img{
height: 200px;
}
.case_box .caseinfo table th,
.case_box .caseinfo table td{
vertical-align: middle;
font-size: 18px;
}
.case_box .caseinfo table th{
border-right: 1px solid #1f92e8;
text-align: center;
padding: 0 40px;
}
.case_box .caseinfo table td{
padding: 0 30px;
}
.case_box .caseinfo table td dt{
font-weight: bold;
color: #1f92e8;
}
.case_box .caseinfo table td dd{
font-weight: bold;
margin-bottom: 10px;
}
.case_box .caseinfo table td dd:last-child{
margin-bottom: 0;
}

.case_box > ul > li{
position: relative;
margin-top: 15px;
}
.case_box > ul > li:before{
	position: absolute;
	font-size: 340%;
	color: #1f92e8;
	font-weight: bold;
	top: -0.7em;
	left: 8px;
}
.case_box > ul > li:nth-child(1):before{	content:"1"; }
.case_box > ul > li:nth-child(2):before{	content:"2"; }
.case_box > ul > li:nth-child(3):before{	content:"3"; }
.case_box > ul > li:nth-child(4):before{	content:"4"; }
.case_box > ul > li:nth-child(5):before{	content:"5"; }
.case_box > ul > li:nth-child(6):before{	content:"6"; }
.case_box > ul > li:nth-child(7):before{	content:"7"; }
.case_box > ul > li:nth-child(8):before{	content:"8"; }
.case_box > ul > li:nth-child(9):before{	content:"9"; }
.case_box > ul > li:nth-child(10):before{	content:"10"; }
.case_box > ul > li:nth-child(11):before{	content:"11"; }

.casedl dt{
	font-weight: bold;
}
.casedl dd{
margin-bottom: 6px;
padding-left: 1em;
}

/**** 会社概要　****/
.child .comtxt{
	font-size: 32px;
	font-family: serif;
	text-align: center;
}
.child .comtxt span{
	font-size: 32px;
	font-family: serif;
	color: #1f92e8;
}

/**** 新卒　****/
.nav_link{
	text-align: center;
}

/**** キャリア　****/
.child .careertxt{
	font-weight: bold;
	font-size: 24px;
}
.child dl.faq dt{
position: relative;
	font-weight: bold;
	margin-bottom: 12px;
	padding-left: 24px;
}
.child dl.faq dt:before{
position: absolute;
top: -0.5em;
left: 0;
content: "Q";
font-family: "Makinas-Scrap-5"; 
color: #1f92e8;
font-size: 200%;
}
.child dl.faq dd{
position: relative;
	border-bottom: 1px dashed #999999;
	padding-bottom: 18px;
	margin-bottom: 18px;
	padding-left: 24px;
}
.child dl.faq dd:before{
position: absolute;
top: -0.45em;
left: 0;
content: "A";
font-family: "Makinas-Scrap-5"; 
color: #1f92e8;
font-size: 200%;
}


@media screen and (min-width:751px) { 
.drawer-hamburger,.drawer-nav{
	display: none !important;
}
}

/**************** 一括　****************/
/******************************************/
.mb12{margin-bottom: 12px;}
.mb24{margin-bottom: 24px;}
.mb36{margin-bottom: 36px;}
.mb48{margin-bottom: 48px;}
.mb60{margin-bottom: 60px;}
.mt12{margin-top: 12px;}
.ml12{margin-left: 12px;}
.fl{float: left;}
.fr{float: right;}
.dpbl{display: block;}
.dptb{display: table;}
.dptbcl{display: table-cell;}
.vm{vertical-align: middle;}



/**************** モバイル　****************/
/******************************************/
@media screen and (max-width:750px) { 


/**************** レイアウト　****************/
/******************************************/
.inner{
	width: 100%;
	padding:0 4%;
	box-sizing: border-box;
}
.header {
	height: auto;
	padding:2% 0;
}
.header .gnav{
	display: none;
}
.header .cname{
	font-size: 7vw;
	line-height: 2em;
}
.header .cname span{
	font-size:60%;
}
.footer .fbnr {
    padding-bottom: 20px;
}
.footer .fbnr li{
width: 48%;
margin-right: 4%;
margin-bottom: 10px;
}
.footer .fbnr li:nth-child(2n){
	margin-right: 0;
}
.footer .fname {
    font-size: 7vw;
    text-align: center;
}
.footer .fname span{
    font-size: 80%;
}

.footer .fnav{
float: left;
text-align: center;
float: none;
}
.footer .fnav li{
display: inline-block;
float: none;
    padding-right: 3%;
    padding-left: 3%;
}
.footer .fnav li a{
}
.footer .fnav li a:before{
content: none;
}
.footer .fcopy{
    text-align: center;
}
#page-top {
    bottom: 5em;
}

/**************** メニュー　****************/
/******************************************/
.drawer-menu li a{
text-decoration: none;
font-size: 16px;
padding:12px 4%;
display: block;
border-bottom: 1px solid #1f92e8;
color: #1f92e8;
}


/**************** HOME　****************/
/******************************************/
.home{
	background-color:#1f92e8;
}
.home .mainimg{
	background-image: url(../images/sp_main_bg.jpg);
	background-position: center center;
	background-size: cover;
	height: 180px;
	padding-top: 60px;
}
.home .mainimg .inner{
	font-size: 6vw;
	color: white;
    text-shadow: 0px 0px 10px rgba(0,0,0,0.6);
}

/**************** child　****************/
/******************************************/
.child .main .sttxt{
text-align: left;
}

/**** header ****/

.child .header .inner{
	font-size:60%;
}
.child .title {
    height: auto;
    line-height: 3em;
}
.child .title .inner h1{
	font-size: 5.5vw;
}
#page-top a {
    width: 60px;
    padding: 15px 0;
}
/**** ボックス　****/
.child .one_box ul li h4,.child .two_box ul li h4,.child .three_box ul li h4,.child .four_box ul li h4{
font-size: 3.6vw;
}
.two_box ul li{
	width: 100%;
	margin-right: 0;
}
.three_box ul li{
	width: 100%;
	margin-right: 0;
}
.three_box ul li:nth-child(3n){
	margin-right:0;
}
.four_box ul li{
	width: 48%;
	margin-right:4%;
}
.four_box ul li:nth-child(2n){
	margin-right:0;
}


/**** テーブル　****/
    tbody tr{
        display: block;
    border-bottom: 1px solid #1f92e8;
    }
    tbody th{
    border-bottom: 1px dashed #1f92e8;
    }
    tbody th,
    tbody td{
        display: list-item;
        list-style: none;
    }
.case_box .caseinfo table tr{
border-bottom: none;
}    
.case_box .caseinfo tbody th{padding: 10px;
border-right: none;
margin-bottom: 10px;
    }
.case_box .caseinfo tbody td{
padding: 10px;
border-right: none;
margin-bottom:0;
    }
    
.case_box img{
height: auto;
}
/**** 会社概要　****/
.child .comtxt{
	font-size: 24px;
}
.child .comtxt span{
	font-size: 24px;
}

}


.footer_logo1 {
width:170px
}
.footer_logo2 {
width:150px
}
.footer_logo3 {
width:50px
}
.footer_logo4 {
width:160px
}
.footer_logo1 img,.footer_logo2 img,.footer_logo3 img,.footer_logo4 img{
width:100%
}
.white img{
width:50px;
padding: 20px 10px 0 10px;
border-right: none
}
.white img{
border-right: none
}
@media screen and (min-width: 750px){
.sp_white {
display : none
}
}
.sp_white {
width:30px;
padding: 0px 0 0 5px
}
.k_inner1 {
	display: inline-block;
vertical-align:top;
width:29%;
}
.k_inner2 {
	display: inline-block;
vertical-align:top;
width:70%;
}
@media screen and (max-width: 750px){
.k_inner1 {
width:100%;
}
.k_inner1 img {
display: block;
width:60%;
margin: 0 auto 20px
}
.k_inner2 {

width:100%;
}
}


.rec2025 {
display: inline-block;
width:250px;
vertical-align: top;
margin: 20px
}