@charset "utf-8";
/*
■1：ELEMENTS
■2：CLEAR
■4：HEADER
■5：NAVI
■6：FOOTER
*/

@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

/* *****************************************
/*+  リセット・基本セッティング  +**********
/***************************************** */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
html, body {
	background-color: #FFF;
	height: 100%;
	color: #000;
	letter-spacing:0;
}
body,
input,
select,
textarea {
	font: 14px/1.8 Helvetica , "游ゴシック Medium" , "Yu Gothic", sans-serif, 'Noto Sans JP', "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Godthic Pro W3", HiraKakuPro-W3, Osaka, Meiryo,"ＭＳ Ｐゴシック", sans-serif;
}
html {
	overflow-y: scroll;
}
body {
	line-height:1.0;
}
img {
	border: none;
	vertical-align: bottom;
}
table {
	border-collapse:collapse;
}
th {
	text-align: left;
	vertical-align: top;
	font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: 400;
	line-height:1.0;
	margin: 0;
	padding: 0;
}
ul, ol {
	list-style-type: none;/**/
}
em,
strong,
address {
	font-weight: 400;
	font-style: normal;
}

/* リンクカラー */
a {
	outline: none;
	color: #008dc7;
	text-decoration: none;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
a:hover {
	text-decoration: none;
}



/* チェックボックス・ラジオボタン崩れ用 */
input {
	vertical-align:middle;
}

/* P */
p {
	line-height:170%;
}

/* strong */
strong {
	font-weight:bold;
}

/* 大文字 */
.large {
	font-size:117%;
}

/* 小文字 */
.small {
	font-size:85%;
}

/* 右寄せ */
.right {
	text-align:right;
}

/* センター寄せ */
.center {
	text-align:center;
}

/* strong以外の強調 */
.pointText {
	color:#e60012;
	font-weight:bold;
}

/* エラー文字 */
.error {
	font-size:200%;
	font-weight:bold;
}


.colorPink{ color:#F09;}

/* 全体
----------------------------------------------------------*/
.wrapper {
	height: 100%;
	width: 1300px;
	margin-left: auto;
	margin-right: auto;
}


/* 透過用
----------------------------------------------------------*/
* html .iepngfix {
behavior: expression(IEPNGFIX.fix(this));
}

/* 画像リンクのhover
----------------------------------------------------------*/
.link a:hover img{
/*モダンブラウザ用*/
opacity:0.7;
/*IE7以下用*/
filter:alpha(opacity=70);
/*IE8用*/
-ms-filter:"alpha(opacity=85)";
}


/* テキストと画像
----------------------------------------------------------*/
.imgBoxL {
	padding:0 20px 10px 0;
	float:left;
}

.imgBoxR {
	padding:0 0 10px 20px;
	float:right;
}

/* セレクトカラー
----------------------------------------------------------*/
::selection {
	background:#ffff00; /* Safari */
}

::-moz-selection {
	background:#ffff00; /* Firefox */
}


/****************************************

CLEAR

*****************************************/
.cf {clear: both; font: 0pt/0pt;}
.cf:after { content: ""; clear: both; height: 0; display: block; visibility: hidden;}


/****************************************

HEADER

*****************************************/

header{
	height: 100px;
	box-shadow:0px 0px 10px 5px rgba(0,0,0,0.05);
	background: #FFF;
	position: relative;
}

h1{ padding: 10px 0 0 0;}

#HeadWrapper{
	height: 100px;
	width: 960px;
	margin: 0 auto;
	position: relative;
}


#headNavi{
	position: absolute;
	top: 0;
	right: 0;
	background: #000;
	width: 40%;
}

#headNavi ul{
	letter-spacing: -.40em;
	margin-left: -20px;
}

#headNavi ul li{
	display: inline-block;
	letter-spacing: normal;
	background: #000;
	-ms-transform: skew(50deg);
    -webkit-transform: skew(50deg);
    transform: skew(50deg);
	
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

#headNavi ul li.active,
#headNavi ul li:hover
{
	background: #e70044;
}

#headNavi ul li a{
	display: block;
	padding: 10px 30px;
	color: #FFF;
	font-size: 10px;
	-ms-transform: skew(-50deg);
    -webkit-transform: skew(-50deg);
    transform: skew(-50deg);
}

/****************************************

NAVI

*****************************************/

nav{
	position: absolute;
	bottom: 10px;
	right: 0;
}
nav ul{
	letter-spacing: -.40em;
}

nav ul li{
	display: inline-block;
	letter-spacing: normal;
}

nav ul li a{
	display: block;
	padding: 10px 30px;
	color: #000;
	font-size: 14px;
	font-weight: bold;
}

nav ul li a:hover {
	background: #EEE;
}
nav ul li:last-child{ margin-left: 20px;}
nav ul li:last-child a{
	background: #e70044;
	padding: 10px 45px;
	color: #FFF;
}

nav ul li:last-child a:hover{
	background: #000000;
}



/****************************************

FOOTER

*****************************************/

#TelArea{
	border-top: 1px solid #EEE;
	text-align: center;
	background: #FFF;
}

#TelArea p{
	padding:40px 0;
	position: relative;
}


#TelArea p:after{
	content: "";
	position: absolute;
	bottom: -23px;
	left: 50%;
	border: 12px solid transparent;
	border-top: 12px solid #FFF;
	margin-left: -12px;
}

#TelArea .tel{
	background: #e4e4e4;
	padding:30px
}


footer{
	border-top: #616161 1px solid;
	background: #000;
}
footer .mail{
	text-align: center;
}
footer .mail a{
	padding: 20px;
	display: block;
}

footer .mail a span{
	background: #FFF;
	height: 40px;
	width: 40px;
	line-height: 28px;
	display: block;
	margin: 0 auto;
	border-radius: 50%;
}

footer .footNavi{
	border-top: #e70044 1px solid;
	color: #FFF;
	font-size: 12px;
	padding: 40px 0;
}

.footNaviInner{
	width: 960px;
	margin: 0 auto;
	display: flex;
	display: -webkit-flex;
}

.CompanyName{
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
}

.CompanyName img{ margin-right: 10px;}


.accessText{
	text-align: left;
	font-size: 12px;
	color: #FFF;
}

.footNaviArea{
	display: flex;
	display: -webkit-flex;
}

.footNaviArea > ul{
	width: 170px;
	margin: 0 10px 0 50px;
}

.footNaviArea > ul a{
	color: #FFF;
	font-size: 14px;
	line-height: 2.5em;
	display: block;
	text-indent: 1em;
}

.footNaviArea > ul a:hover{ background: #222;}

.footNaviArea > ul > li > ul > li > a{
	text-indent: 20px;
	font-size: 12px;
	line-height: 2em;
}

.footNaviArea > ul > li > ul > li > a:before{
	content:url(../images/common/footnavi-icon01.png);
	color: #FFF;
	margin-right: 5px;
}


.footNaviArea > ul > li > ul > li:last-child > a:before{
	content:url(../images/common/footnavi-icon02.png);
	color: #FFF;
	margin-right: 5px;
}


footer .copylight{
	border-top: #e70044 1px solid;
	text-align: center;
	color: #FFF;
	font-size: 12px;
	padding: 80px 0;
}




#cboxCurrent{ display: none;}