@charset "utf-8";
/* CSS Document */


@import url("common_tb.css");
@import url("common_sp.css");

@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
/* -----------------------------------------------------------
	Thin 100
	Light 300
	DemiLight 350
	Regular 400
	Medium 500
	Bold 700
	Black 900
-------------------------------------------------------------- */

/* -----------------------------------------------------------

　grobal setting

-------------------------------------------------------------- */
* {
	margin:0;
	padding:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}

* html body {
	overflow:hidden;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {
	display:inline-table;
	min-height:1%;
}

/* Hides from IE-mac \*/
	* html .clearfix {
	height:1%;
}

.clearfix {
	display:block;
}

/* End hide from IE-mac */

/* -----------------------------------------------------------

　body

-------------------------------------------------------------- */
body {
	margin:0px auto;
	width:100%;
	height:100%; /* これにより背景フルスクリーン */
	background:#FFF;
	color:#424242;
	font:normal normal 14px/2.2em "Noto Sans JP", sans-serif;
	-webkit-font-smoothing:antialiased;
	text-align:center;
	overflow-x:hidden;
}

h1, h2, h3, h4, h5, dt, th, td {
	margin:0;
	padding:0;
	font-weight:normal;
	font-weight:300;
}

p, ul, ol, li {
	margin:0;
	padding:0;
}

img {
	max-width:100%;
}

.sp_none {
	display:block;
}

.pc_none {
	display:none;
}

.tb_show {
	display:none;
}

.display_sp {
	display:none;
}

.display_tb {
	display:none;
}

.display_pc {
	display:block;
}

/* フォントウエイト */
.f_bold {
	font-weight:500;
}

.f_bolder {
	font-weight:900;
}

/*　default link color
/*-------------------------------------------*/
a {
	color:#424242;
	transition:0.3s ease-out;
	-moz-transition:0.3s ease-out;
	-webkit-transition:0.3s ease-out;
	-o-transition:0.3s ease-out;
	-ms-transition:0.3s ease-out;
}

a:link, a:visited {
	color:#424242;
	text-decoration:none;
}

a:hover, a:active {
	color:#EB5E01;
	text-decoration:underline;
}

a:focus {
	outline:none;
}

/*　image mouse over
/*-------------------------------------------*/
a img {
	border-style:none;
	display:inline-block;
	transition:0.3s ease-out;
	-moz-transition:0.3s ease-out;
	-webkit-transition:0.3s ease-out;
	-o-transition:0.3s ease-out;
	-ms-transition:0.3s ease-out;
}

a img:hover, a:hover img {
	opacity:0.7;
	-moz-opacity:0.7;
	-webkit-opacity:0.7;
	-o-opacity:0.7;
	-ms-opacity:0.7;
	-khtml-opacity:0.7;
	filter:alpha(opacity=70);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

/* -----------------------------------------------------------

　header

-------------------------------------------------------------- */
header {
	position:fixed;
	top:0;
	width:100%;
	height:70px;
	background:#FFF;
	opacity:0.9;
	-moz-opacity:0.9;
	-webkit-opacity:0.9;
	-o-opacity:0.9;
	-ms-opacity:0.9;
	-khtml-opacity:0.9;
	filter:alpha(opacity=90);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	font-size:15px;
	font-weight:300;
	z-index:1023;
}

header .container {
	position:relative;
	margin:0 auto;
	padding:0;
	width:1600px;
	height:auto;
}

/*　logo
/*-------------------------------------------*/
header h1 {
	float:left;
	margin:20px 40px 0 0;
}

header h1 a {
	display:block;
	width:145px;
	height:32px;
	background:url(../images/logomark.png) 0 0 no-repeat;
	background-size:145px 32px;
	-webkit-background-size:145px 32px;
	background-size:145px 32px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

/*　navi
/*-------------------------------------------*/
header ul {
	list-style:none;
}

header li {
	float:left;
	margin:0 2px 0 0;
}

header li a {
	display:inline-block;
	position:relative;
	padding:20px 30px;
	height:70px;
	vertical-align:middle;
	transform:translateZ(0);
	-webkit-transform:translateZ(0);
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	-moz-osx-font-smoothing:grayscale;
	overflow:hidden;
}

header li a:before {
	position:absolute;
	left:50%;
	right:50%;
	bottom:0;
	height:5px;
	background:#EB5E01;
	content:"";
	transition-property:left, right;
	-webkit-transition-property:left, right;
	transition-duration:0.3s;
	-webkit-transition-duration:0.3s;
	transition-timing-function:ease-out;
	-webkit-transition-timing-function:ease-out;
	z-index:-1;
}

header li a:hover:before, header li a:focus:before, header li a:active:before, header li a.active:before {
	left:0;
	right:0;
}

header a:hover {
	color:#424242;
	text-decoration:none;
}

header .header_english:hover,
header .header_english:active{
	color:#EB5E01;
}

.sp_navi_list {
	display: none;
}

/*　order
/*-------------------------------------------*/
header .container div {
	float:right;
	margin:20px 0 0 0;
	padding:0 1.5% 0 0;
}

header .container div a img {
	position:relative;
	top:-2px;
	margin:0 10px 0 0;
	opacity:1.0;
	-moz-opacity:1.0;
	-webkit-opacity:1.0;
	-o-opacity:1.0;
	-ms-opacity:1.0;
	-khtml-opacity:1.0;
	filter:alpha(opacity=100);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

header .container div a:hover img {
	opacity:0.5;
	-moz-opacity:0.5;
	-webkit-opacity:0.5;
	-o-opacity:0.5;
	-ms-opacity:0.5;
	-khtml-opacity:0.5;
	filter:alpha(opacity=50);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

/* -----------------------------------------------------------

　page top

-------------------------------------------------------------- */
#pageTop {
	margin:0 auto;
	width:100%;
	height:80px;
	background:#EEE;
	overflow:hidden;
}

#pageTop a {
	position:relative;
	bottom:-10px;
	z-index:50;
}

#pageTop a:hover {
	position:relative;
	bottom:0;
}

/* -----------------------------------------------------------

　footer

-------------------------------------------------------------- */
footer {
	height:200px;
	background:#FFF;
	font-weight:300;
}

footer .container {
	margin:0 auto;
	padding:50px 0 0;
	width:1440px;
	height:auto;
	text-align:center;
	z-index:100;
}

/*　sns button
/*-------------------------------------------*/
footer .container div:nth-child(2) li {
	display:inline;
	color:#BDBDBD;
	list-style-type:none;
}

footer .container div:nth-child(2) li:nth-child(1) {
	margin:0 50px 0 0;
}

footer .container div:nth-child(2) li a img {
	position:relative;
	top:-2px;
	margin:0 10px 0 0;
}

footer .container div:nth-child(2) li a:hover img {
	opacity:0.5;
	-moz-opacity:0.5;
	-webkit-opacity:0.5;
	-o-opacity:0.5;
	-ms-opacity:0.5;
	-khtml-opacity:0.5;
	filter:alpha(opacity=50);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

/*　sub menu
/*-------------------------------------------*/
footer .container div:nth-child(1) {
	padding:35px 0 0 0;
}

footer .container div:nth-child(1) ul {
	display:inline;
}

footer .container div:nth-child(1) li {
	display:inline;
	list-style-type:none;
}

footer .container div:nth-child(1) li:before {
	content:"　/　";
}

footer .container div:nth-child(1) li:first-child:before {
	content:none;
}

footer .container div:nth-child(1) li a:hover {
	color:#424242;
}

footer .container div:nth-child(1) li a.active {
	color:#EB5E01;
}

footer .container div.copy_gazai {
	white-space: nowrap;
	display: block;
	padding-top: 35px;
	text-align: right;
	padding-right: 10%;
}

footer .container div.footer_sns {
	display: block;
  text-align: left;
  float: left;
  padding-left: 10%;
  padding-top: 35px;
}

footer .container div.copy_gazai a:hover,
footer .container div.copy_gazai a:active {
	color: #424242;
}
/*　copyright
/*-------------------------------------------*/
footer aside {
	display:inline-block;
	margin:0 0 0 60px;
}

#footer .footer_sub {
	padding-top: 0px;
}

footer .container div.copy_gazai:after {
  clear: both;
}


/*　custom
/*-------------------------------------------*/
.home .concept *{
	text-align:center!important;
}
.home .concept img{
	margin: 3rem 0 2rem 0;
	max-width:400px;
	width:100%;
}
.home .concept p{
	margin:1.35rem 0!important;
}
@media (max-width:479px) {
	.home .concept br{
		display:none;
	}
	.home .concept *{
	text-align:left!important;
}
}