@charset "utf-8";
/*
 bootstrapで対応できないスタイルは
 こちらに記述していく
*/

/*-------------------------------------------------------------------------------------------------------------
 *
 * 共通
 *
 *-----------------------------------------------------------------------------------------------------------*/

body{
/*    background-image: url(../img/bg.jpg);
    background-size:100% auto;
    background-repeat: repeat;*/
    font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color:#333333;
}

.container{
    /* 左右15pxの余白を加算 */
    /* 画面幅は1100px */
    max-width:1130px;
}

a{
    transition: 0.1s ;
}

a:hover{
    text-decoration: none !important;
}


.bg_red{
    background-color: #D85859 !important;
}

.bg_gray{
    background-color: #e9e9e9 !important;
}


.color-green{
    color:#2E6C36 !important;
}
.color-red{
    color:#D95659 !important;
}
.color-red-hover:hover{
    color:#B02D31 !important;
    text-decoration: none;
}

.color-yellow{
    color:#EBC22C;
}
.color-blue{
	color:#0a0a6b;
}
.color-blue:link{ color:#0a0a6b!important;}
.color-blue:visited{ color:#0a0a6b!important;}
.color-blue:hover{ color:#0a0a6b!important;}
.color-blue:active{ color:#0a0a6b!important;}

.border-bottom-2-green{
    border-bottom: solid 2px #629067;
}

.border-bottom-5-yellow{
    border-bottom: solid 5px #EBC22C;
}

.border-bottom-1-gray-dashed{
    border-bottom: dashed 1px #221914;
}



@media screen and (min-width: 992px)
{
    .w-lg-50{ width:50% !important; }
    .w-lg-75{ width:75% !important; }
    .w-lg-100{ width:100% !important; }

    .line-height-lg-2{ line-height:2rem !important; }
    .line-height-lg-2_5{ line-height:2.5rem !important; }
    .line-height-lg-3{ line-height:3rem !important; }
}
@media screen and (min-width: 768px) and (max-width:991px)
{

    .w-md-50{ width:50% !important; }
    .w-md-75{ width:75% !important; }
    .w-md-100{ width:100% !important; }

    .line-height-md-2{ line-height:2rem !important; }
    .line-height-md-2_5{ line-height:2.5rem !important; }
    .line-height-md-3{ line-height:3rem !important; }
}
@media screen and (min-width: 576px) and (max-width:767px)
{
    .w-sm-25{ width:25% !important; }
    .w-sm-50{ width:50% !important; }
    .w-sm-75{ width:75% !important; }
    .w-sm-100{ width:100% !important; }

    .line-height-sm-2{ line-height:2rem !important; }
    .line-height-sm-2_5{ line-height:2.5rem !important; }
    .line-height-sm-3{ line-height:3rem !important; }
}
@media screen and (min-width: 0px) and (max-width:575px)
{
    .w-xs-50{ width:50% !important; }
    .w-xs-75{ width:75% !important; }
    .w-xs-100{ width:100% !important; }

}
.line-height-1_25{ line-height:1.25rem !important; }
.line-height-1_5{ line-height:1.5rem; }
.line-height-2{ line-height:2rem; }
.line-height-2_5{ line-height:2.5rem; }
.line-height-3{ line-height:3rem; }



/*------------------------------
 * 文字サイズ
 *----------------------------*/
h1,h2,h3{
    margin-top: 0;
    margin-bottom: 1rem;
}
@media screen and (min-width: 992px)
{
    body{font-size:18px !important;}
    h1{font-size:2.5rem;}
    h2{font-size:35px;}
    h3{font-size:1.1rem;font-weight:bold;}
    .font-35{font-size:35px !important;}
    .font-32_5{font-size:32.5px !important;}
    .font-30{font-size:30px !important;}
    .font-27{font-size:27px !important;}
    .font-25{font-size:25px !important;}
    .font-22{font-size:22px !important;}
    .font-21{font-size:21px !important;}
    .font-18{font-size:18px !important;}
    .font-17{font-size:17px !important;}
    .font-16{font-size:16px !important;}
    .font-15{font-size:15px !important;}
    .font-14{font-size:14px !important;}
    .font-13{font-size:13px !important;}
    .font-12{font-size:12px !important;}

}
@media screen and (min-width: 768px) and (max-width:991px)
{
    body{font-size:1rem;}
    h1{font-size:2rem;}
    h2{font-size:1.7rem;}
    h3{font-size:1rem;font-weight:bold;}
    .font-35{font-size:32px !important;}
    .font-32_5{font-size:30px !important;}
    .font-30{font-size:28px !important;}
    .font-27{font-size:25px !important;}
    .font-25{font-size:22px !important;}
    .font-22{font-size:20px !important;}
    .font-21{font-size:19px !important;}
    .font-18{font-size:18px !important;}
    .font-17{font-size:17px !important;}
    .font-16{font-size:16px !important;}
    .font-15{font-size:15px !important;}
    .font-14{font-size:14px !important;}
    .font-13{font-size:13px !important;}
    .font-12{font-size:12px !important;}

}
@media screen and (min-width: 576px) and (max-width:767px)
{
    body{font-size:1rem;}
    h1{font-size:1.5rem;}
    h2{font-size:1.3rem;font-weight: bold;}
    h3{font-size:1rem;font-weight:bold;}
    .font-35{font-size:20px !important;}
    .font-30{font-size:20px !important;}
    .font-27{font-size:19px !important;}
    .font-25{font-size:18px !important;}
    .font-22{font-size:18px !important;}
    .font-21{font-size:17px !important;}
    .font-18{font-size:16px !important;}
    .font-17{font-size:16px !important;}
    .font-16{font-size:16px !important;}
    .font-15{font-size:15px !important;}
    .font-14{font-size:14px !important;}
    .font-13{font-size:13px !important;}
    .font-12{font-size:12px !important;}
    .font-sm-cancel{font-size:inherit !important;}

}
@media screen and (min-width: 0px) and (max-width:575px)
{
    body{font-size:0.9rem;}
    h1{font-size:1.3rem;}
    h2{font-size:1.2rem;font-weight:bold;}
    h3{font-size:0.9rem;font-weight:bold;}
    .font-35{font-size:18px !important;}
    .font-30{font-size:18px !important;}
    .font-27{font-size:17px !important;}
    .font-25{font-size:17px !important;}
    .font-22{font-size:17px !important;}
    .font-21{font-size:16px !important;}
    .font-18{font-size:14px !important;}
    .font-17{font-size:14px !important;}
    .font-16{font-size:14px !important;}
    .font-15{font-size:12px !important;}
    .font-14{font-size:12px !important;}
    .font-13{font-size:11px !important;}
    .font-12{font-size:10px !important;}
    .font-cancel{font-size:inherit !important;}
}

/*------------------------------
 * containerの幅
 *----------------------------*/
.section_container_670 .container{
    /* 左右15pxの余白を加算 */
    /* 画面幅は670px */
    max-width:700px;
}
.section_container_700 .container{
    /* 左右15pxの余白を加算 */
    /* 画面幅は700px */
    max-width:730px;
}
.section_container_780 .container{
    /* 左右15pxの余白を加算 */
    /* 画面幅は780px */
    max-width:810px;
}
.section_container_800 .container{
    /* 左右15pxの余白を加算 */
    /* 画面幅は830px */
    max-width:830px;
}
.section_container_850 .container{
    /* 左右15pxの余白を加算 */
    /* 画面幅は850px */
    max-width:880px;
}

.section_container_930 .container{
    /* 左右15pxの余白を加算 */
    /* 画面幅は930px */
    max-width:960px;
}

.section_container_950 .container{
    /* 左右15pxの余白を加算 */
    /* 画面幅は950px */
    max-width:980px;
}
.section_container_970 .container{
    /* 左右15pxの余白を加算 */
    /* 画面幅は970px */
    max-width:1000px;
}
.section_container_1000 .container{
	/* 左右15pxの余白を加算 */
	/* 画面幅は1000px */
	max-width:1030px;
}
.section_container_1030 .container{
    /* 左右15pxの余白を加算 */
    /* 画面幅は1030px */
    max-width:1060px;
}
.section_container_1050 .container{
    /* 左右15pxの余白を加算 */
    /* 画面幅は1050px */
    max-width:1080px;
}
.section_container_1070 .container{
    /* 左右15pxの余白を加算 */
    /* 画面幅は1070px */
    max-width:1100px;
}
.section_container_1100 .container{
    /* 左右15pxの余白を加算 */
    /* 画面幅は1100px */
    max-width:1130px;
}
.section_container_1200 .container{
    /* 左右15pxの余白を加算 */
    /* 画面幅は1200px */
    max-width:1230px!important;;
}

@media screen and  (max-width:767px){
	.mx-auto-md{
		margin-right:auto;
		margin-left:auto;
	}	
}

a img:hover{
	opacity:0.7;
}


/*-------------------------------------------------------------------------------------------------------------
 *
 * header
 *
 *-----------------------------------------------------------------------------------------------------------*/
header{
}

header .container{
    /* 左右15pxの余白を加算 */
    /* 画面幅は1390px */
    max-width:1420px;
}

header a{
    color:#333333 !important;
	padding-right: 1.8rem;
    padding-left: 1.8rem;
	display:block;
}

header a:hover{
    color:#B02D31 !important;
}

.navbar-toggler-icon {
}
.navbar-brand img{
	width:300px;
}

@media screen and (min-width: 992px)
{
	.nav_contact{
		background-color:#0a0a6b;
	}
	.nav-item{
		padding-top:38px;
		padding-bottom:38px;
	}
	.nav_contact a:link{ color:#ffffff!important;}
	.nav_contact a:visited{ color:#ffffff!important;}
	.nav_contact a:hover{ color:#ffffff!important;}
	.nav_contact a:active{ color:#ffffff!important;}
	.navbar {
		padding-top: 0;
		padding-bottom: 0;
	}
}


@media screen and (min-width: 992px)and (max-width:1200px)
{
	header a{
		padding-right: .8rem;
		padding-left: .8rem;
	}
}
@media screen and (min-width: 768px) and (max-width:991px)
{
	header a{
		margin-top: 10px;
		padding-right: 0;
		padding-left: 0;
	}
	.navbar-brand img{
		width:200px;
	}
}

}
@media screen and (min-width: 576px) and (max-width:767px)
{
	header a{
		margin-top: 10px;
		padding-right: 0;
		padding-left: 0;
	}
	.navbar-brand img{
		width:200px;
	}
}
@media screen and (min-width: 0px) and (max-width:575px)
{
	header a{
		margin-top: 10px;
		padding-right: 0;
		padding-left: 0;
	}
	.navbar-brand img{
		width:200px;
	}
}


.navbar-toggler{
    border-color:#333333 !important;
}
.navbar-toggler{
  background-color: #ffffff;
}




/*-------------------------------------------------------------------------------------------------------------
 *
 * footer
 *
 *-----------------------------------------------------------------------------------------------------------*/
footer{
    background-color: #0e1539;
	color:#ffffff;
	background:url(../img/bg_footer.jpg) no-repeat 0% 50%;
	background-position: center center;
    background-size: cover;
	width:100%;
	height:399px;	
	
	
	position:relative;
}
footer.container{
	position:relative;
}
.page_top{
	position: absolute;
	right:10px;
	top:-60px;
}
footer .container{
    /* 左右15pxの余白を加算 */
    /* 画面幅は1200px */
    max-width:1230px;
}

footer a{
	color:#fff;
	padding-right: 1.8rem;
    padding-left: 1.8rem;
	display:block;
}
footer a:hover{
    color:#B02D31 !important;
}

footer .info{
	margin-top:100px;
}
footer p{
	padding-right:15px;
}
.nav-item-last a{
	padding-right:0!important;
}
.footer_contact{
	background-color:#0a0a6b;
	color:#ffffff;
	display: block;
	margin: 54px auto 30px;
	width:650px;
}
.footer_contact:hover{
	background-color:#1b1b7c;
}
.footer_contact:link{ color:#ffffff!important;}
.footer_contact:visited{ color:#ffffff!important;}
.footer_contact:hover{ color:#ffffff!important;}
.footer_contact:active{ color:#ffffff!important;}

@media screen and (min-width: 992px)and (max-width:1200px)
{
	footer a{
		padding-right: 1rem;
		padding-left: 1rem;
	}
}
@media screen and (min-width: 768px) and (max-width:991px)
{
	footer a{
		margin-top: 10px;
		padding-right: 0;
		padding-left: 0;
	}
}

}
@media screen and (min-width: 576px) and (max-width:767px)
{
	footer a{
		margin-top: 10px;
		padding-right: 0;
		padding-left: 0;
	}
	.footer_contact{
		width: 100%;
	}
}
@media screen and (min-width: 0px) and (max-width:575px)
{
	footer a{
		margin-top: 10px;
		padding-right: 0;
		padding-left: 0;
	}
	.footer_contact{
		width: 100%;
	}
	footer{
		height:auto;
	}
	footer .info{
		margin-top:50px;
	}	
}



/*-------------------------------------------------------------------------------------------------------------
 *
 * TOP
 *
 *-----------------------------------------------------------------------------------------------------------*/

.news_col{
    margin-top:5px;	
	margin-bottom:30px;
}
.news_gray{
	background-color:#ececec;
}
.news_list{
	padding:0 8px;
}
.news_list_part{
	padding:8px 20px;
}
.top_menu_icon_list{
    margin-top:-30px;
}

#top_image{

}
#top_message{
    background:url(../../img/top/bg_message.jpg) no-repeat 0% 50%;
    background-position: center center;
    background-size: cover;	
	width:100%;
	height:465px;
}

#top_about{
    background:url(../../img/top/bg_about.jpg) no-repeat 0% 50%;
    background-position: center center;
    background-size: cover;	
	width:100%;
	height:470px;
}
#top_staff{
    background:url(../../img/top/bg_staff.jpg) no-repeat 0% 50%;
    background-position: center center;
    background-size: cover;	
	width:100%;
	height:451px;
}
#top_recruit{
    background:url(../../img/top/bg_recruit.jpg) no-repeat 0% 50%;
    background-position: center center;
    background-size: cover;	
	width:100%;
	height:450px;
}
.top_h2_img{
	margin-top:80px;
}
.top_read_more{
	margin-top:40px;
	margin-bottom:110px;
}
.top_about_left{
	margin-left: 30px;
}
.top_recruit_left{
	margin-left: 30px;
}
#top_message,#top_about{
	color:#ffffff;
} 
#top_recruit{
	color:#0a0a6b;
}
#top_news h2{
	margin-top:10px;
	font-family: "ヒラギノ明朝 ProN W3", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 40px;
	letter-spacing: 0.1em;
	font-weight: bold;
} 
#top_message h2,#top_about h2,#top_recruit h2{
	margin-top:85px;
	font-family: "ヒラギノ明朝 ProN W3", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 40px;
	letter-spacing: 0.1em;
	font-weight: bold;
} 
.news_subtitle,#top_message p,#top_about p,#top_recruit p{
	font-family: "ヒラギノ明朝 ProN W3", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height: 1.8em;
    font-weight: bold;
    font-size: 16px;
}
#top_message p.gray,#top_about p.gray,#top_recruit p.gray{
	color:#999999;
}
@media screen and (min-width: 1400px)
{
	#top_image, #top_message, #top_about, #top_staff, #top_recruit {
		background-size: contain;
	}
}


@media screen and (min-width: 0px) and (max-width:992px)
{
	.top_about_left, .top_recruit_left{
		margin-left:0;
	}
	#top_news h2{
		font-size: 41px;
        letter-spacing: 0px;
	} 
	#top_message h2,#top_recruit h2{
		font-size: 40px;
	} 
	#top_about h2{
		font-size: 32px;
	} 
}

@media screen and (min-width: 0px) and (max-width: 576px)
{
	#top_image, #top_message, #top_about, #top_staff, #top_recruit {
		height:auto;
	}
	#top_staff{
		background-position: 84%;
	}
	#top_recruit{
		background-position: 28%;
	}
	
	#top_news h2{
		margin-top: 0px;
		font-size: 43px;
        letter-spacing: 1px;
        line-height: 36px;
	} 
	.news_subtitle{
  	  font-size: 16px;
	}
	#top_message h2{
		font-size: 39px;
	} 
	#top_message p{
  	  font-size: 16px;
	}
	#top_about h2{
		font-size: 31px;
	} 
	#top_about p{
  	  font-size: 13px;
	  letter-spacing: 0.5px;
	}
	#top_recruit h2{
		font-size: 37px;
	} 
	#top_recruit p{
  	  font-size: 17px;
	}

	.top_recruit_waku{
		background-color: rgba(255, 255, 255, 0.2);
	}
}


/*-------------------------------------------------------------------------------------------------------------
 *
 * メッセージ
 *
 *-----------------------------------------------------------------------------------------------------------*/
#message_ceo{
	background:url(../../img/message/message_ceo.jpg) no-repeat 0% 50%;
	background-position: center center;
	background-size: cover;	
	width:100%;
	height:563px;
}

#message_link{
	background:url(../img/bg_link.png) no-repeat 0% 50%;
	background-position: center center;
	background-size: cover;	
	width:100%;
	height:534px;
	margin-top:110px;
}

.message_title img{
	margin-top:100px;
}
.message_title p{
	margin-top:20px;
	font-family: "ヒラギノ明朝 ProN W3", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height:2.7em;
	font-weight: bold;
}

#message_link h3{
	margin-top:40px;
	font-family: "ヒラギノ明朝 ProN W3", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 24px;
	letter-spacing: 0.1em;
	font-weight: bold;
	text-align:center;
	color:#ffffff;
} 
#message_link p{
	font-family: "ヒラギノ明朝 ProN W3", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height: 2em;
    font-weight: bold;
    font-size: 16px;
	text-align:center;
}
#message_link p.gray{
	color:#999999;
}

@media screen and (min-width: 1400px)
{
	#message_ceo, #message_link{
		background-size: contain;
	}
}
@media screen and (min-width: 0px) and (max-width:992px)
{
	#message_ceo{
		height:420px
	}
	#message_link a img{
	    padding-bottom:6px;
	}
}
@media screen and (min-width: 0px) and (max-width:767px)
{
	#message_ceo{
		height:350px
	}
	#message_link{
		height:auto;
	}
}
@media screen and (min-width: 0px) and (max-width: 576px)
{
	#message_ceo{
		height:200px
	}
	#message_link{
		margin-top:50px;
		background-position: 100%;
	}
	#message_link .container{
		padding-top:100px;
	}
	#message_link h3{
		margin-top:40px;
	}
	.message_read_more{
		margin-bottom:50px;
	}
#message_link h3{
	font-size: 20px;
} 
#message_link p{
    font-size: 14px;
}
}



/*-------------------------------------------------------------------------------------------------------------
 *
 * エヌ・プランについて
 *
 *-----------------------------------------------------------------------------------------------------------*/
#about_header h1{
	margin-bottom: -15px;
    line-height: 80px;
}
#about_value{
	background:url(../../img/about/bg_about1.jpg) no-repeat 0% 50%;
	background-position: center center;
	background-size: cover;	
	width:100%;
	height:1200px;
	position: relative;
}
#about_pride{
	background:url(../../img/about/bg_about2.jpg) no-repeat 0% 50%;
	background-position: center center;
	background-size: cover;	
	width:100%;
	height:1120px;
	margin-top:80px;
	margin-bottom:160px;
	position: relative;
}

#about_value h2,#about_pride h2{
	margin-top:85px;
	margin-bottom:40px;
	font-family: "ヒラギノ明朝 ProN W3", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 42px;
	letter-spacing: 0.1em;
	font-weight: bold;
	color:#ffffff;
} 
.about_img{
	margin-top:70px;
} 

#about_value p, #about_pride p{
	font-family: "ヒラギノ明朝 ProN W3", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height:2.3em;
	font-weight: bold;
	color:#ffffff;
}
.about_hr{
	position: absolute;
	border-top: 4px solid #ffffff;
    width: 6%;
    text-align: left;
    top: 108px;
}

@media screen and (min-width: 1400px)
{
	#about_value, #about_pride {
/*		background-size: contain;*/
	}
	.about_hr{
		display: none;
	}
}

@media screen and (min-width: 1025px) and (max-width:1230px)
{
	.about_hr{
		width: 2%;
	}   
}

@media screen and (min-width: 0px) and (max-width:1024px)
{
	#about_value h2,#about_pride h2{
		margin-top:30px;
		font-size: 1.9rem;
		letter-spacing: normal;
	}
	.about_hr{
		display: none;
	}
	.about_img {
		margin-top: 100px;
	}
}
@media screen and (min-width: 0px) and (max-width:991px)
{
	#about_value, #about_pride{
		height:auto;
	}
	#about_value p, #about_pride p {
		line-height: 2.1em;
	}
}
@media screen and (min-width: 0px) and (max-width:767px)
{
	#about_value, #about_pride{
		height:auto;
	}
	#about_value h2, #about_pride h2{
		font-size: 1.5rem;
		text-align:center;
	}
	.about_img{
		margin-top:20px;
		margin-bottom:20px;
	} 
}

@media screen and (min-width: 0px) and (max-width: 576px)
{

}


/*-------------------------------------------------------------------------------------------------------------
 *
 * メッセージ
 *
 *-----------------------------------------------------------------------------------------------------------*/
.message_title h2{
	margin-top:85px;
	font-family: "ヒラギノ明朝 ProN W3", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 42px;
	letter-spacing: 0.1em;
	font-weight: bold;
	color:#0a0a6b;
} 

@media screen and (min-width: 0px) and (max-width:767px)
{
	.message_title h2{
		font-size: 30px;
		text-align:center;
	} 

}
#senior01_interview{
	background:url(../../img/interview/senior_interview01.png) ;
}
#senior02_interview{
	background:url(../../img/interview/senior_interview02.png) ;
}
#senior03_interview{
	background:url(../../img/interview/senior_interview03.png) ;
}
#senior01_interview,#senior02_interview,#senior03_interview{
	background-position: center center;
	background-size: cover;	
	width:100%;
	height:563px;
}

#interview_link{
	background:url(../img/bg_link.png) no-repeat 0% 50%;
	background-position: center center;
	background-size: cover;	
	width:100%;
	height:534px;
	margin-top:100px;
}

.senior_interview img{
	margin-top:80px;
}
.senior_interview h2{
	margin-top:70px;
	font-family: "ヒラギノ明朝 ProN W3", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: bold;
}
.senior_interview p{
	margin-top:12px;
	font-size:16px;
	line-height:2.0em;
}
.senior_line{
	margin-top:10px!important;
}
#interview_link h3{
	margin-top:40px;
}

#interview_link{
	color:#ffffff;
}
#interview_link h3{
	margin-top:40px;
	font-family: "ヒラギノ明朝 ProN W3", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size:24px;
	margin-bottom: 0px;
}
#interview_link p{
	margin-top:40px;
	font-family: "ヒラギノ明朝 ProN W3", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size:18px;
	margin-top: 10px;
	margin-bottom: 0px;
}

@media screen and (min-width: 1400px)
{
	#senior01_interview, #senior02_interview, #senior03_interview, #interview_link{
		background-size: contain;
	}
}
@media screen and (min-width: 0px) and (max-width:992px)
{
	#senior01_interview, #senior02_interview, #senior03_interview{
		height:420px
	}
}
@media screen and (min-width: 0px) and (max-width:767px)
{
	#senior01_interview, #senior02_interview, #senior03_interview{
		height:350px
	}
	#interview_link{
		height:auto;
	}
}
@media screen and (min-width: 0px) and (max-width: 576px)
{
	#senior01_interview, #senior02_interview, #senior03_interview{
		height:200px
	}
	#interview_link{
		margin-top:80px;
		background-position: 100%;
	}
	#interview_link .container{
		padding-top:100px;
	}
	#interview_link h3{
		margin-top:40px;
	}
	.interniew_read_more{
		margin-bottom:50px;
	}
	.senior_interview img{
		margin-top:60px;
	}	
}


/*-------------------------------------------------------------------------------------------------------------
 *
 * 会社概要
 *
 *-----------------------------------------------------------------------------------------------------------*/
.company_table{
	margin-bottom:66px;
}

.tr_blue{
	background-color:#efefef;
}
.tr_blue th, .tr_blue td{
	border:none;
}
.tr_white{
	border-top:2px solid #800097;
	border-bottom:2px solid #800097;
}
.company_table th, .company_table td{
	font-weight:normal;
    padding: 1.3rem  1.0rem;
}
.company_table th{
	width:200px;
}
.company_map{
	border:none;
	width:100%;
	height:500px; 
	margin-bottom:90px;
}
.history{
	margin-bottom:80px;
}
@media screen and (min-width: 0px) and (max-width:767px)
{
	.company_table th {
		width: 90px;
	}
	.company_table th, .company_table td {
		padding: 0.75rem 0.5rem;
	}
	.company_map{
		height:350px; 
	}
	.history{
		margin-bottom:0px;
	}
}


/*-------------------------------------------------------------------------------------------------------------
 *
 * 社員紹介TOP
 *
 *-----------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 576px) {
.senior_interview_top01{
	background:url(../../img/interview_top/bg_senior01.jpg) no-repeat;
}
.senior_interview_top02{
	background:url(../../img/interview_top/bg_senior02.jpg) no-repeat;
}
.senior_interview_top03{
	background:url(../../img/interview_top/bg_senior03.jpg) no-repeat;
}
.senior_interview_top01, .senior_interview_top02, .senior_interview_top03{
	background-size: contain;	
	width:100%;
	height:auto;
	
}
}

.senior_interview_top01, .senior_interview_top02, .senior_interview_top03{
	color:#ffffff;
	margin-bottom:60px;
}

.senior_interview_top01 h2, .senior_interview_top02 h2, .senior_interview_top03 h2{
	margin-top:70px;
	font-family: "ヒラギノ明朝 ProN W3", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: bold;
	font-size: 24px;
	margin-top:100px;
	margin-bottom:5px;
}
.started{
	font-family: "ヒラギノ明朝 ProN W3", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 16px;
	margin-bottom:5px;
}
.belong{
	font-family: "ヒラギノ明朝 ProN W3", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 16px;
}
.interview_top_read_more{
	margin-top: 20px;
    margin-bottom: 90px;
}
.interview_top_read_more img{
	width:220px;
	margin-top:20px;
}
.interview_top_row{
	margin-left:0;
	margin-right:0;
}
#recrute_top{
	background:url(../../img/interview_top/bg_recruit_top.jpg) no-repeat;
	margin-top:20px;
}
#recrute_top h1{
	margin-top:60px;
	margin-bottom:30px;
}

@media screen and (min-width: 1400px)
{
}
@media screen and (min-width: 0px) and (max-width:992px)
{
	.senior_interview_top01 h2, .senior_interview_top02 h2, .senior_interview_top03 h2{
		margin-top:70px;
	}
	.interview_top_read_more{
		margin-top: 0px;
		margin-bottom: 70px;
	}
	.interview_top_read_more img{
		width:70%;
		margin-top:15px
	}
}
@media screen and (min-width: 0px) and (max-width:767px)
{
	
}
@media screen and (min-width: 0px) and (max-width: 576px)
{
	.senior_interview_top01, .senior_interview_top02, .senior_interview_top03 {
		margin-bottom: 20px;
	}
	.senior_interview_top01 h2, .senior_interview_top02 h2, .senior_interview_top03 h2{
		margin-top:25px;
	}
	.started{
	}
	.belong{
		margin-bottom:10px;
	}
	.interview_top_read_more{
		margin-bottom: 25px;
	}
	.interview_top_read_more img{
		max-width:250px;
		margin-top:5px
	}
	.senior_left{
		background-color:#0a0a6b;
	}
	
#recrute_top{
	padding-bottom:50px
}
#recrute_top h1{
	margin-top:60px;
	margin-bottom:30px;
}
.bnr_recruit{
	margin-top:20px;
}

}



/*-------------------------------------------------------------------------------------------------------------
 *
 * 採用情報
 *
 *-----------------------------------------------------------------------------------------------------------*/
#recruit01 h2, #recruit02 h2, #recruit03 h2, #recruit01 p, #recruit02 p, #recruit03 p{
	font-family: "ヒラギノ明朝 ProN W3", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	color:#0a0a6b;
}
#recruit01 h2, #recruit02 h2, #recruit03 h2{
	font-size: 31px;
	margin-top:20px;
}
#recruit01 p, #recruit02 p, #recruit03 p{
	margin-top: 40px;
	line-height: 2rem;
	font-weight:bold;
}

.recruit_table{
	margin-bottom:50px;
}
.recruit_table th, .recruit_table td{
	font-weight:normal;
    padding: 1.3rem  1.0rem;
	line-height:2rem;
}
.recruit_table th{
	width:200px;
	vertical-align: middle!important;
}
.under_line_recruit th, .under_line_recruit td{
	border-bottom:2px solid #800097;
}
.bnr_recruit_contact01 img{
	margin-bottom:90px;
}
.bnr_recruit_contact02 img{
	margin-bottom:120px;
}
.bnr_recruit_contact03 img{
	margin-bottom:120px;
}
@media screen and (min-width: 0px) and (max-width:767px)
{
	.recruit_table th {
		width: 90px;
	}
	.recruit_table th, .recruit_table td {
		padding: 0.75rem 0.5rem;
		line-height: 1.7rem;
	}
	#recruit01 h2, #recruit02 h2, #recruit03 h2{
		font-size: 1.2rem;
	}
	#recruit01 p, #recruit02 p, #recruit03 p {
		line-height: 1.5rem;
	}
}


/*-------------------------------------------------------------------------------------------------------------
 *
 * お問い合わせ
 *
 *-----------------------------------------------------------------------------------------------------------*/
.contact_msg p{
	font-family: "ヒラギノ明朝 ProN W3", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	color:#0a0a6b;
	margin-top: 20px;
	line-height: 2rem;
	font-weight:bold;
}

#contact{
	margin-top: 90px;
	margin-bottom:140px;
}

.contact_form label{
    padding:10px 0px;
    width:100%;
}
.contact_form .wpcf7-text,
.contact_form .wpcf7-textarea{
    border-radius: 0.3rem !important;
    padding:10px 10px;
    width:100%;
	margin-top:30px;
	border-color:#000000;
}

.contact_form .wpcf7-textarea{
	height:130px;
}
.form-control {
	font-size: 1.3rem;
}
.wpcf7-validation-errors {
    border: none !important;
}
.wpcf7-mail-sent-ng, .wpcf7-validation-errors {
    text-align: center;
    color: #FF0000;
    font-weight: bold;
    margin-bottom: 10px;
}
.badge {
	background-color: #0a0a6b;
    color: #ffffff;
    display: inline-block;
    border-radius: unset;
    padding: 0.4em 1.3em 0.5em;
    font-size: 15px;
    font-weight: normal;
}

/*------------------------------
 *  コンタクトフォームのボタンのデザイン
 *----------------------------*/
.wpcf7-submit,
.wpcf7-confirm,
.wpcf7-back{
	background-color:#0a0a6b;
	padding:10px 80px 10px 80px;
	border:none;
	color:#fff;
	max-width:260px;
	display: inline-flex;
    justify-content: center; /* コンテンツを水平方向に中央揃え */
    align-items: center; /* コンテンツを垂直方向に中央揃え */	
}
.wpcf7-submit{
	border-left:1px solid #ffffff;
}
.btn_reset{
	background-color:#aaaaaa;
	padding:10px 80px 10px 80px;
	border:none;
	color:#fff;
	max-width:260px;	
    width: 100%;
}
.wpcf7-submit:hover,
.wpcf7-confirm:hover,
.wpcf7-back:hover{
	background-color:#09096a;
	color:#aaaaaa;
}
.btn_reset:hover{
	background-color:#bbbbbb;
}


.ajax-loader{
	display:none!important;
}


.wpcf7 form.sent .wpcf7-response-output {
    display: block!important;
}
.wpcf7 form.sent .contact_form {
    display: none!important;
}


.wpcf7-mail-sent-ng, .wpcf7-validation-errors , .wpcf7-response-output{
    text-align: center;
    color: #FF0000;
    font-weight: bold;
    margin-bottom: 10px;
    border: none!important;
}

hr.contact_hr{
	margin-top: 40px;
}
.contact_btn{
	margin-top:40px;
}

@media screen and (min-width: 0px) and (max-width:767px)
{
	#contact {
		margin-top: 0px;
		margin-bottom: 70px;
	}
	.form-control {
		font-size: 1rem;
	}
	.contact_form .wpcf7-text,
	.contact_form .wpcf7-textarea{
		margin-top:10px;
	}
	.wpcf7-submit{
		margin-top:10px;
		border:none;
	}
	.btn_reset{
		margin-top:10px;
	}
	.badge {
		font-size: 13px;
	}
}

/*-------------------------------------------------------------------------------------------------------------
 *
 * ブログ一覧
 *
 *-----------------------------------------------------------------------------------------------------------*/
.news_menu{
    padding-top:12px;
}


.newsl .news_sbtitle{
    border-bottom:solid 1px #ccc;
}

.newsl .newsl_list{
    list-style: none;
    padding-left:0px;
}
.newsl .newsl_list li{
    list-style: none;
    border-bottom:dotted 1px #ccc;
}


.newsl .newsl_list li{
    padding-top:0.5rem;
    padding-bottom:0.5rem;
}

.newsl .newsl_list li a{
    color:#D95659;
}
.newsl .newsl_list li a:hover{
    color:#B02D31;
}


.post{
    border-bottom:solid 1px #ccc;
}
@media screen and (min-width: 0px) and (max-width:767px)
{
    .post{
        border-bottom:none;
    }
}

















.post img{
    max-width: 100%;
    height:auto;
}


.post .blog_category{
    list-style: none;
    display: table;
    padding:0px;
    margin-bottom:5px;
}
.post .blog_category li{
    list-style: none;
    display: table-cell;
}
.post .blog_category li.cat{
    width:80px;
    padding-right:10px;
}

.top_header_h1,.header_h1{
	background-position: 50% 0%;
	background-repeat: no-repeat;
	padding-top:230px;
	padding-bottom:300px;
	padding-left:160px;
	font-family: "ヒラギノ明朝 ProN W3", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size:60px;
	letter-spacing: 0.1em;
	font-weight: bold;
	color:#ffffff;
}
.top_header_h1{
	padding-top:280px;
	padding-bottom:290px;
	padding-left:720px;
    font-size: 78px;
    line-height: 120px;

}
.header_h1 small{
	font-size:30px;
}
.top_header_p{
	font-size:24px;
	color:#999999;
    line-height: 40px;
	letter-spacing: 2px;
	margin-top:20px;
}
.company_h1_sp{
    line-height: 70px;
	padding-top:180px;
	padding-bottom:270px;
}
@media screen and (min-width: 0px) and (max-width:1430px)
{
.top_header_h1{
	padding-bottom:340px;
	padding-left:670px;
    font-size: 60px;
    line-height: 100px;
}
}
@media screen and (min-width: 0px) and (max-width:1220px)
{
.top_header_h1{
	background-size: contain;
	padding-top: 22%;
	padding-bottom: 22%;
	padding-left:48%;
    font-size: 50px;
    line-height: 80px;
}
}
@media screen and (min-width: 0px) and (max-width:992px)
{
.header_h1{
	background-size: contain;
	padding-top: 120px;
	padding-bottom: 150px;
	padding-left: 80px;
	font-size:50px;
}
.header_h1 small{
	font-size:20px;
}
.company_h1_sp{
	padding-top:110px;
	padding-bottom:100px;
}
.top_header_h1{
	padding-top:22%;
	padding-bottom: 20%;
	font-size:42px;
    line-height: 60px;
}
.top_header_p{
	font-size: 15px;
    line-height: 30px;
    letter-spacing: 1px;
}
#about_header h1 {
    line-height: 65px;
}	
}

@media screen and (min-width: 0px) and (max-width: 576px)
{
.header_h1{
	background-size: cover;
	padding-top: 20%;
	padding-bottom: 81px;
	padding-left: 20px;
	font-size:16px;
}
.header_h1 small{
	font-size:11px;
}
.company_h1_sp{
	padding-top:13%;
	padding-bottom:18%;
}
.top_header_h1{
	padding-bottom: 21%;
    padding-left: 46%;
    font-size: 21px;
    line-height: 33px;
    padding-top: 18%;
}
.top_header_p{
	margin-top: 10px;
    font-size: 8px;
    line-height: 13px;
    letter-spacing: 1px;
}
#about_header h1 {
	line-height: 24px;
	margin-bottom: 4px;
}		
}