@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/* ----------------------------------------------
	共通
---------------------------------------------- */

html{
	height:100%;
	font-size:10px;	/* 1rem = 10px */
}
body{
	height:100%;
	font-size:1.6rem;
	color:rgb(51, 51, 51);
}
a{
	color:#004fa9;
	text-decoration:none;
}
a:hover{
	color:#004fa9;
	text-decoration:none;
}
.rollover:hover {
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha( opacity=80 );
	opacity: 0.8;
}

button,input,textarea,
body{

	font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

/* -------------------------------------
	各要素の初期設定
---------------------------------------- */
input{
	vertical-align:middle;
	color:#333;
	border-radius: 4px;
	font-size : 1.6rem;
}

input[type=text],input[type=password]{
	border:solid 1px #666;
	padding : 5px;
	padding-left : 5px;
	font-size : 1.6rem;
	width : 100%;
}

input[type="radio"] , input[type="checkbox"]{
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
	margin-right: 0.5em;
}

textarea{
	resize:vertical;
	border:solid 1px #666;
	width:100%;
	min-height:100px;
}

select {
	color:#333;
	border:solid 1px #666;
	border-radius: 4px;
	padding : 5px;
}

option {
	
	font-size : 1.6rem;
}

label{
	display:inline-block;
	margin:0 0 0 0.2em;
	vertical-align:middle;
}
em,
strong{
	font-weight:bold;
}
del{
	text-decoration:line-through;
}
.fa{
	font-family:FontAwesome , "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","メイリオ", Meiryo, sans-serif;
}
img {
	max-width: 100%;
}
b {
	font-weight: normal;
}

i {
	font-family:FontAwesome;
	font-style:normal;
	font-weight: normal;
	display: inline-block;
}



/*Mac safari placeholder 消えない問題対処*/
input:focus::-webkit-input-placeholder,
isindex:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    color: transparent;
}

input[type="text"].half {
	width : 49%;
}

input[type="text"].short {
	width : 25%;
}

/* -------------------------------------
	汎用パーツ
---------------------------------------- */
.pc{
	 display:block!important;
}
.pc_inline{
	display:inline!important;
}
.pc_inline_block{
	display:inline-block!important;
}
.sp{
	display:none!important;
}
.sp_inline{
	display:none!important;
}

.sp_inline_block{
	display:none!important;
}

.tal {
	text-align:left;
}
.tar {
	text-align:right;
}
.tac {
	text-align:center;
}

.fl {
	float:left;
}

.fr {
	float:right;
}

.res_fl {
	float:left;
}

.res_fr {
	float:right;
}

.bold {
	font-weight: bold;
}

.clear {
	clear:both;
}

.underline {
	text-decoration: underline;
}

.inline_label label {
	margin-right:20px;
}


/* -------------------------------------
	レイアウト初期設定
---------------------------------------- */
.container{
	margin : 0 auto;
	min-height:100%;
	position:relative;
	width : 1280px;
}

.mark_y {
	background :linear-gradient(transparent 50%, yellow 50%);
}



@media screen and (max-width : 768px) {
	
	.pc_only {
		display : none;
	}
}


@media screen and (min-width : 769px) {
	
	.sp_only {
		display : none;
	}
}

/* -------------------------------------
	header
---------------------------------------- */

.header {
	overflow : visible;
	padding : 40px 10px 10px;
	position : relative;
}

.header_bar {
	align-items: center;
	background : #fff;
	display: flex;
	height : 80px;
	justify-content: flex-end;
	margin : 0 auto;
	width : 1090px;
}

.header_title {
	float : left;
	font-size : 1.5rem;
	font-family: 'Yantramanav', sans-serif;
	font-weight : 400;
	flex-basis : 390px;
}

.hamburger {
	display : block;
	background : #1c99ff;
	color : #fff;
	font-size : 2.8rem;
	width : 80px;
	height : 80px;
	line-height : 80px;
	text-align : center;
	flex-basis : 80px;
	cursor : pointer;
}

.header .g_navi{
	display: flex;
	flex-basis : auto;
	
}

.header .g_navi li{
	padding : 0 2.6rem;
	font-family: 'Noto Sans Japanese', serif;
	border-left : 1px solid #ddd;
	
}
.header .g_navi li a {
	font-size : 1.5rem;
	font-weight : 400;
}

.header_navi {
	align-items: center;
	background : rgba(28, 153, 255 , 0.8);
	margin : 0 auto -100px auto;
	width : 1090px;
	display : none;
	z-index:100;
	position : absolute;
	left :95px;
}

.header_navi ul {
	display : flex;
	justify-content: flex-start;
	flex-flow: row wrap;
	padding : 10px;
	
}
.header_navi li {
	width : 33%;
}

.header_navi  li a{
	color : #fff;
	display : block;
	height : 95px;
	border : 1px solid #fff;
	background : rgba(255,255,255,0.3);
	padding : 15px;
	font-family: 'Yantramanav', sans-serif;
	font-size : 2.1rem;
	margin : 10px;
}

.header_navi  li a:hover {
	opacity : 0.7;
}

.header_navi  li a span {
	font-family: 'Yantramanav', sans-serif;
	font-size : 1.4rem;
}

.index .header {
	background : url(../images/img_mv_index.png) no-repeat top center;
	height : 799px;
}



.flow .header {
	background : url(../images/img_mv_flow.png) no-repeat top center;
	height : 358px;
}
.company .header {
	background : url(../images/img_mv_company.png) no-repeat top center;
	height : 358px;
}
.portfolio .header {
	background : url(../images/img_mv_portfolio.png) no-repeat top center;
	height : 358px;
}

.news .header {
	background : url(../images/img_mv_portfolio.png) no-repeat top center;
	height : 358px;
}
.introduction .header {
	background : url(../images/img_mv_introduction.png) no-repeat top center;
	height : 358px;

}
.voice .header {
	background : url(../images/img_mv_voice.png) no-repeat top center;
	height : 358px;

}
.privacy .header {
	background : url(../images/img_mv_voice.png) no-repeat top center;
	height : 358px;

}
.career .header {
	background : url(../images/img_mv_career.png) no-repeat top center;
	height : 358px;

}
.program .header {
	background : url(../images/img_mv_voice.png) no-repeat top center;
	height : 358px;

}
.mission .header {
	background : url(../images/img_mv_voice.png) no-repeat top center;
	height : 358px;

}
.skill .header {
	background : url(../images/img_mv_career.png) no-repeat top center;
	height : 358px;

}
.special .header {
	background : url(../images/img_mv_introduction.png) no-repeat top center;
	height : 358px;

}
.sitemap .header {
	background : url(../images/img_mv_introduction.png) no-repeat top center;
	height : 358px;

}

.contact .header {
	background : url(../images/img_mv_introduction.png) no-repeat top center;
	height : 358px;

}


.header_in {
	margin : 140px auto;
	width : 1090px;
}

.header_in .sub_title {
	font-family: 'Noto Sans Japanese', serif;
	color : #fff;
	margin-bottom : 50px;
}
.header_in .page_title {
	margin-bottom : 30px;
}


.sub .header_in {
	margin : 60px auto 30px;
	width : 1090px;
	text-align : center;
}

.sub .header_in .sub_title {
	font-family: 'Noto Sans Japanese', serif;
	color : #fff;
	margin-bottom : 50px;
}
.sub .header_in .page_title {
	font-family: 'Yantramanav', sans-serif;
	margin-bottom : 0px;
	font-size :6.0rem;
	color : #fff;
}

.sub .pankuzu {
	width : 1090px;
	color : #fff;
	margin : 0 auto;
}



.link_box {
	width : 270px;
	height : 50px;
	background : #fff;
	display : block;
	line-height : 30px;
	padding : 10px 20px;
	position : relative;
}

.link_box:after {
	position : absolute;
	top : 8px;
	right : 10px;
	content : "\f105";
	font-family : 'FontAwesome';
	font-weight: 400;
	font-size : 2.4rem;
}


/* -------------------------------------
	contents
---------------------------------------- */
.contents_title {
	font-family: 'Yantramanav', sans-serif;
	font-size : 3.6rem;
	text-align : center;
	font-weight : 400;
	color : #2b91e5;
	
}
.contents_sub_title {
	font-family: 'Noto Sans Japanese', serif;
	text-align : center;
}

.sub .contents_section {
	margin : 50px auto;
	width : 1090px;
}

.pankuzu a {
	color : #fff;
}


.pager_area {
	margin : 40px 0;
}

.pager_block {
	display : flex;
	justify-content: center ;
	
}
.pager_block li {
	margin : 5px;
	padding : 5px 3px;
}
.pager_block li a{
	text-decoration : underline;
	display : block;
}

/* -------------------------------------
	footer
---------------------------------------- */

.footer {
	background: url(../images/img_bg_footer.png) no-repeat scroll top center;
	padding : 50px;
	font-family: 'Noto Sans Japanese', serif;
	height : 500px;
	
	color : #fff;
}

.footer_in {
	display : flex;
	justify-content: space-between ;
}

.footer_inner {
	width : 1090px;
	margin: 0 auto;
}

.footer_logo {
	font-family: 'Noto Sans Japanese', serif;
	color : #fff;
	line-height : 3.0;
	border-bottom : 1px #fff solid;
	width : 350px;
	
}

.footer_navi ul{
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	width : 600px;
	height : 200px;
	margin : 50px 0 ;
}
.footer_navi li {
	width : 180px;
}
.footer_navi li a{
	color : #fff;
	font-size : 1.4rem;
}

.footer_navi li a:before {
	content : "\f138";
	font-family : FontAwesome;
	padding-right : 0.5em;
}

.footer .contact_area {
	text-align : center;
}
.footer .contact_area .contact_in{
	padding : 0 20px 20px;
}

.footer .footer_contact_btn {
	display : block;
	background : #68dffe;
	padding : 10px 30px;
	color : #fff;
	margin : 10px 0;
	width : 390px;
}

.footer .contact_area .contact_title {
	font-size : 1.4rem;
}
.footer .contact_area .contact_tel {
	font-size : 4.6rem;
}
.footer .contact_area .contact_tel span {
	font-size : 2.0rem;
}

.copyright {
	border-top :1px solid #fff;
	padding : 10px;
}