/*
Theme Name: 2015
Theme URI:
Author:
Author URI:
Description: 2015年のテーマです
Version: 1.0
License:
License URI:
Tags:
*/

@charset "utf-8";

ul,li,dl,dt,dd{
	margin: 0;
	padding: 0;
}

html {
	overflow-y: scroll;
	font-size: 62.5%;
}

/* -- リンク
-------------------------------------------------------------------------------- */

a{color: #666; text-decoration: none;}
a.innerTextLink{color: #ab0101; text-decoration: underline;}
a:hover{
	color: #ab0101;
	filter:alpha(opacity=1);
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}
a.innerTextLink:hover{text-decoration: none;}


a img:hover{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	-webkit-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}
a img.img_noAlpha:hover{
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	-webkit-transition: 0.5s ease-out;
	-o-transition: 0.5s ease-out;
	transition: 0.5s ease-out;
}

a.address:hover{
	color: #fff !important;
	cursor: default;
}

a[href^="tel:"] { cursor: default; }

/* --module
-------------------------------------------------------------------------------- */
.centralMargin30{margin:0 30px;}
.centralMargin5{margin:0 5px;}
.FontColor-white{color:#fff !important;}
.notice{color:#888;font-size: 11px !important;font-size: 1.1rem !important;}
.mr30{margin-right: 30px;}
.mb20{margin-bottom: 20px;}


/* -- bodyset
-------------------------------------------------------------------------------- */
body{
	color: #666;
	/*文字間調整*/
	letter-spacing: 0;
	background: #FFF;
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
		color:#000;	width:100%;
	font-size: 13px; font-size: 1.3rem;
	position: relative;
}

/* -- for Smartphone
-------------------------------------------------------------------------------- */
body {
	-webkit-text-size-adjust: 100%;
}


::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {/*横罫線を引く*/
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

textarea {
	resize: vertical;
}

header{
	width: 100%;
	background-color: #fff;
}
header.fixed{
	position: fixed;
	z-index: 1000;
}

.headerarea{
	max-width: 960px;
	margin:0 auto;
}

.logo{
	display: block;
	float: left;
	padding-top: 13px;
	z-index: 800;
}

/* -- for Global Navigation
-------------------------------------------------------------------------------- */
.slicknav_menu {
	/*モバイル用ナビゲーション非表示*/
	display:none;
}

nav{
float: right;
}

/*横並び*/
nav ul#menu{
	display: block;
	text-align: right;
}

html:lang(ja) nav ul#menu{display: block;}

ul#menu li{
	vertical-align : middle ;
	display : inline ;
	zoom : 1 ;
}

html:lang(ja) ul#menu li {display : table-cell;}


/*メニューのスタイル*/
ul#menu li.firstlayer{
	margin-left: 40px;
	font-size: 14px; font-size: 1.4rem;
	font-weight: bold;
}
ul#menu li:first-child{
	margin-left: 0;
}
ul#menu li.firstlayer>a{
	display: inline-block;
	vertical-align: top;
	zoom: 1; /* Fix for IE7 */
	*display: inline; /* Fix for IE7 */;
	height: 80px;
	line-height: 80px;
}

ul#child{
	width: 100%;
	position:absolute;
	display:none;
	left:0%;
	z-index: 100;
	background: #900b10;
}

ul#child li{
	display: block;
	text-align: center;
}

ul#child li a{
	display: inline-block;
	padding:1em 2em;
	text-align: center;
	color:#fff;
	font-weight: normal;
}

ul#child li a:hover{
	background-color: #c22d32;
}

/* -- for key visual
-------------------------------------------------------------------------------- */


.kv,
.subKv{
	padding:0 !important;
}

.kv img,
.subKv h1 img{
	width: 100%;
	max-width: 100%;
	height: auto;
}

.subKv h1.kvarea{
	position: relative;
}

.subKv h1.kvarea p{
	position: absolute;
	top: 30%;
	width: 100%;
}

.subKv h1.kvarea p span{
	display: block;
	color:#fff;
	text-align: center;
	line-height: 1.4;
}
.subKv h1.kvarea p span.h2On{
	font-family: "Josefin Slab",serif;
	font-size: 48px; font-size: 4.8rem;
}



/* -- for Base Contents
-------------------------------------------------------------------------------- */
section{
	padding:60px 0;
}
section.paddingAdjust01{
	padding:60px 0 0;
}
.bgGray{background-color: #ebebeb;}
.bgBlack{background-color: #2e2e2e;}

h1{
	text-align: center;
	margin: 0 0 30px;
}

h2{
	margin:0 0 30px;
}
h2 span{
	display: block;
	text-align: center;
}
h2 span.h2On{
	width: 230px;
	margin:0 auto 10px;
	font-family: 'Josefin Slab', serif;
	font-size: 36px; font-size: 3.6rem;
	border-bottom:1px solid #666;
}
h2 span.h2Under{
	letter-spacing: 0.5em;
	color:#666;
}

h3{
	text-align: center;
	font-size: 18px; font-size: 1.8rem;
}
h3 img{
	margin: 0 20px;
}
.bgGray h3{
	color:#666;
}

.baseRead{
	width: 96%;
	text-align: center;
	padding:0 2%;
	line-height: 1.6;
	color:#666;
	margin:0 auto;
}


/* -- for footer
-------------------------------------------------------------------------------- */
.operationService{
	margin-top: 30px;
	text-align: center;
}
.operationService li{
	display: inline-block;
	vertical-align:bottom;
}

.pagetop{
	display: block;
	text-align: center;
	height: 50px;
	line-height: 50px;
}
.pagetop img{
	margin-left: 20px;
}
.pagetop:hover{
	color:#fff;
	background-color: #af1f24;
}

.bgBlack h3{
	color:#fff;
	margin-bottom: 10px;
}

div.contactarea{
	max-width: 500px;
	margin: 30px auto 0;
}

div.contactarea dl.contact{
	margin:20px 0;
}

div.contactarea dt,
div.contactarea dd{
	float: left;
}
div.contactarea dt{
	width: 10%;
	text-align: center;
}
div.contactarea dd{
	width: 87%;
	padding-left: 3%;
}
div.contactarea dl.contact dd a,
div.contactarea dl.address dd a{
	font-size: 16px;font-size: 1.6rem;
	color:#fff;
}

div.contactarea dl.contact dd a:hover,
div.contactarea dl.address dd a:hover{
	color:#ab0101;
}

section.footersitemap{
	padding:10px 0;
	text-align: center;
}
section.footersitemap a{
	display: inline-block;
	padding:0 0.5em;
	border-left:1px solid #ccc;
	font-size: 11px; font-size: 1.1rem;
}
section.footersitemap a:first-child{
	border-left:none;
}
section.copyright{
	background-color: #ccc;
	text-align: center;
	padding:10px 0;
}


/* =========================================================
 --------------- for mobile
========================================================== */

@media ( max-width : 768px ) {

/* --module
-------------------------------------------------------------------------------- */
.operationService{margin-top: 60px;}
.centralMargin30{margin:60px 30px;}

.operationService li{
	display: block;
	text-align: center;
}

.logo{
	float:none;
	padding-top: 13px;
	margin-left: 3%;
	position: absolute;
}

header {
	height: 80px;
	position: relative;
}

header.fixed{
	position: relative;
	z-index: 1000;
}

br {
	display: none;
}

.sp_hidden{
	display: none !important;
}

.dropdownMenu:after {
	content: "";
	display: table;
	clear: both;
}

/* -- for subKv
-------------------------------------------------------------------------------- */

.subKv h1.kvarea p{
	position: absolute;
	top: 12%;
	width: 100%;
}

/* -- for Global Navigation
-------------------------------------------------------------------------------- */
.js #menu {
	display:none;
}
.js .slicknav_menu {
	display:block;
}

nav{
	float: none;
	position: absolute;
	width: 100%;
	top:0;
	z-index: 100;
}

.slicknav_arrow{
/*	display: none;*/
}

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


section.footersitemap a{
	margin-bottom: 20px;
}

/* -- for 代表挨拶
-------------------------------------------------------------------------------- */

.message,
.CEO{width: 98% !important;}

/* -- for クリエイティブ
-------------------------------------------------------------------------------- */
.localNavi li{
	display: block !important;
	width:100% !important;
}
.localNavi li.centralMargin30{
	margin: 0px 0px;
}

.localNavi a.borderHidden01{
	border-top: none !important;
	border-bottom: none !important;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
.localNavi a.borderHidden02{
	border-top: none !important;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}


/* -- for 第三階層ベースレイアウト
-------------------------------------------------------------------------------- */
.skillItem dt,
.skillItem dd{
	width: 100% !important;
	display: block !important;
}

div .skillItem{
    padding: 1.5em 0px 0em 0 !important;
}

.skillItem dt{
	text-align: center!important;
	margin-bottom: 20px;
}
.skillItem dd span{
	display: block !important;
	border-right:none !important;
	font-size: 10px;font-size: 1.0rem;
	background-color: #f5f5f5 !important;
	background-position: 2% 50% !important;
	padding:3% 0 3% 30px !important;
	margin-top: 1px;
	margin-right: 0px !important;
}

.skillItem dd span.read {
    margin-bottom: 0px !important;
}

.skillItem dd span:first-child {
	border-left:none !important;
}

#recruit_skill .skillItem dd span.ttl{
background-color: #E0E0D6;
font-size: 12px;font-size: 1.2rem;
}

/* -- for key visual
-------------------------------------------------------------------------------- */
.subKv h1.kvarea p{
	top: 0 !important;
	bottom:0 !important;
	left:0 !important;
	right:0 !important;
	height: 100px !important;
	width: 100% !important;
	margin:auto !important;
}



}

@media ( max-width : 640px ) {
	/* -- for subKv
	-------------------------------------------------------------------------------- */

	.subKv h1.kvarea p{
		position: absolute;
		top: 30%;
		width: 100%;
	}

	.kv_top01_copyarea{
		display: none;
	}

	div.contactarea{
		max-width: 92%;
		padding:0 4%;
	}

	.clientArea ul{
		display: block !important;
		vertical-align: normal;
		width: 96% !important;
		padding:0 2% !important;
	}

	.clientArea p{
		width: 96% !important;
		padding:0 2% !important;
	}

}