@charset "UTF-8";
/*---------------------------------------------------
　初期設定
----------------------------------------------------*/
html,body,.mm-page,#mm-wrap {height:100%;}

#mm-wrap,
.mm-page {
	position:relative;
}

body {
    min-width: 320px;
    btnimgne-height: 1.8;
    color: #333;
}

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

.lastchild {margin-right:0 !important;}
.cs {color:#ededdf !important;}
.mini {
	font-size:11px;	
	font-size:1.1rem !important;
}

em {color:#ff2400;}

/*---------------------------------------------------
　フォント設定
----------------------------------------------------*/
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 200;
    src: url('../font/NotoSansCJKjp-Light.eot');
    src: url('../font/NotoSansCJKjp-Light.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-Light.woff') format('woff'),
    url('../font/NotoSansCJKjp-Light.ttf')  format('truetype');
}
#header-nav,
#model-nav,
#breadcrumb,
h2,h3,h4,h5,
#company-name,
#footer,
.toolbar  {
    font-family:'Josefin Sans','Noto Sans Japanese', sans-serif;
}

#header p {
    font-weight:300;
    line-height:1.2em;
}
#header p span {
    font-weight:900;
    display:block;
    letter-spacing:0.05em;
}

#header-nav li,
#model-nav li {
  font-weight:500;
    line-height:1em;
}

#sub-nav li {
  font-weight:500;
}

#content h2 {
    font-weight:500;	
}

#profile h３ {
	font-weight:500;
}

#footer-nav li {
  font-weight:500;
}

#footer #company {
  font-weight:500;
  display:block;
}

#content #top-index h2,#content .list h2 {font-weight:300;}
#content #top-index p,#content .list p {font-weight:500;}


/*---------------------------------------------------
　リンク
----------------------------------------------------*/
a:link,a:visited,a:active     { text-decoration: none; color: #666;transition:ease 0.3s;}
a:hover     { color: orange;}
a.stay                                { text-decoration:none; color: orange;}

#company-name a {text-decoration:none;}

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

#breadcrumb a {text-decoration:none;}
#breadcrumb a:hover {color:orange;}

#footer-nav a:link,#footer-nav a:visited,#footer-nav a:active,#footer-nav a:hover    { text-decoration:none; color: #aead98;}
#footer-nav a.stay               { text-decoration:none; color: #cca50b;}

.link-external {font-size:1.4em;}

/*---------------------------------------------------
　レイアウト　全体
----------------------------------------------------*/
#container {
    min-height: 100%;
    height: auto !important;

    /* Negative indent footer by it's height */
    margin: 0 auto -130px;
}

#wrapper {
	position:relative;	
}

#content {
	padding:30px 15px 45px;
}

.cont-l_top {
	background-color: white;
	height:50px;
}

.cont-l {
	margin:0 0 30px;
	background:   url(../img/47back-tenugui.png) repeat-y;
	height:auto;
}
	@media only screen and (min-width: 1200px) { 
	.cont-l{
	height: 840px;
	}
	}

.cont-r > section {
	margin:0 0 30px;	
}

.cont-l p,
.cont-r p {
	margin:0 0 15px;
}

.cont-r section:last-of-type,
.cont-r section p:last-of-type {
	margin:0;
}

.cont-l ol,
.cont-r ol {
	margin:0 0 15px;
	padding:0 0 0 20px;
}

.cont-l li,
.cont-r li {
	list-style-type:square;
	margin:0 0 5px;
}

/*---------------------------------------------------
　タイトル
----------------------------------------------------*/
#content h2 {
	font-size:36px;	
	font-size:3.6rem;
	line-height:1.2;
}
#content h2 {
	clear:both;
	margin:0 0 30px;
}

	@media only screen and (max-width: 840px) { 
	#content h2 {
	font-size:24px;	
	font-size:2.4rem;
	}
	}

#content h2 #job {
	display:block;
	color:#aead98;
	font-size:0.9em;
	line-height:1;
}

#content h2 #name {
	display:block;
	font-family:"Josefin Sans","Noto Sans Japanese","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", serif;
	letter-spacing:0.09em;
}

#content h3 {
	font-size:20px;		
	font-size:2rem;	
	margin:0 0 10px;
}

h2 .en {
	display:block;
	font-size:2.4rem;
}

li .en {
	padding:0 0 0 5px;
}

.intro {
	font-size:16px;
	font-size:1.6rem;
	margin:0 0 20px;
	letter-spacing:0.1em;
}

#main-image {
	margin:-15px 0 30px;
}

/*---------------------------------------------------
　ヘッダー
----------------------------------------------------*/
#header {
	position:relative;
	padding:15px 0 0;
}

#header h1 {
    perspective: 300px;
    -webkit-perspective: 300px;
}

#header h1 a {
    background-image: url("../img/logo.png");
    display: block;
    overflow: hidden;
    width: 70px;
    height: 0 !important;
    height /**/:99px;
    padding-top:99px;
    color: #fff;
    margin:0 auto;
    -moz-background-size:70px 99px;
    -o-background-size:70px 99px;
    -webkit-background-size:70px 99px;
    background-size:70px 99px;
    transition:none;
}

#header-nav {
	display:none;
}

#header nav ul li#nav-sp a:after,nav ul li#nav-home a:after {content:normal;}
#header nav ul li#nav-news,#header nav ul li#nav-other,#header nav ul li#nav-about,
#header nav ul li#nav-link,#header nav ul li#nav-cont,#header nav ul li#nav-home {display:none;}


#header p {
  color:#aead98;
  display:none;
  text-align:right;
}

#company-name {
	display:none;
}

#company-name i {
	margin:0 3px 0 0;
}

/*---------------------------------------------------
　パンくず
----------------------------------------------------*/
#breadcrumb {
	margin:0 0 30px;
	display:none;
}
#breadcrumb li {
	float:left;
}

#breadcrumb li:after {
	content: url("../img/icon_arrow.gif");
	display:inline;
	padding:0 5px 0 8px;
    position: relative;	
	top:2px;
}

#breadcrumb li:last-child:after {
	content:"";
	padding:0;
}

/*---------------------------------------------------
　引用
----------------------------------------------------*/
	blockquote{
		border:2px dotted #666;
		margin:10px;
		padding:10px;
		text-align:left;
	}

/*---------------------------------------------------
　サブメニュー
----------------------------------------------------*/
#sub-nav {
	font-size:1.4em;	
}

#sub-nav ul li {
	float:left;		
}


#sub-nav ul li a:after {
  content: "/"; 
  font-weight:100;  
  padding: 5px;
  color: #fff;
  text-decoration: none;
}

/*---------------------------------------------------
　フッター
----------------------------------------------------*/
#push {
  height: 130px;
}
#footer {
    height: 130px;
}

#footer-inner {
	padding:0 15px;
	}

	.foot-end{
	margin:0 0 50px 0;
	float:left;
	padding:0 0;
	}

	#foot-l{
	width:220px;
	}
	#foot-m{
	}
	#foot-r{
	float:right;
	}
	#foot-r td{
	font-size:10px;	
	}

	@media only screen and (max-width: 840px) { 
	#foot-l{
	display:none;
	}
	#foot-r{
	display:none;
	}
	}

#company {
	font-size:18px;
	font-size:1.8rem;	
}

.pagetop {
	clear:both;
	text-align:center;
}
.pagetop a {
    background: url("../img/pagetop.png") no-repeat;
 	display: block;
	overflow: hidden;
	width:80px;
	height: 0 !important;
	height /**/: 80px;
	padding-top: 80px;
	color: #FFF;
	margin:15px auto 0;
}

@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
.pagetop a {
    background: url("../img/pagetop@2x.png") no-repeat;	
	-moz-background-size:145px 45px;
	-o-background-size:145px 45px;
	-webkit-background-size:145px 45px;
	background-size:145px 45px;
}
}

/*---------------------------------------------------
　テーブル
----------------------------------------------------*/
table.list{
	border:1px solid gainsboro;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
}
.list th{
	border:1px solid gainsboro;
	color:#333;
	background-color:whitesmoke;
	vertical-align:middle;
	text-align : center;
	padding:0.3em;
	font-size:11px;	
	font-size:1.1rem;
}
.list td{
	border:1px solid gainsboro;
	padding:0.3em 1em;
	font-size:11px;	
	font-size:1.1rem;
}

table.nobord{
	border:0px;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
}
.nobord th{
	border:0px;
	color:#333;
	background-color:whitesmoke;
	vertical-align:middle;
	text-align : center;
	padding:0.3em;
	font-size:11px;	
	font-size:1.1rem;
}
.nobord td{
	border:0px;
	padding:0.3em 1em;
	font-size:11px;	
	font-size:1.1rem;
}


/*---------------------------------------------------
　youTube
----------------------------------------------------*/
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	clear:both;
    }

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    }

#video-area {
	clear:both;
	margin:30px 0 0;
}

#video-area li {
	margin:0 0 30px;
}

#video-area li span {
	padding:5px 0 0;
	display:block;
}


/*---------------------------------------------------
　media Queries
----------------------------------------------------*/
@media only screen and (min-width: 640px) {
/*---------------------------------------------------
　レイアウト　全体
----------------------------------------------------*/
#container {
}

#wrapper {
	padding:0 30px 0 0;
}

#content {
	padding:15px 0 45px;
	float:right;
	width:75%;
	/*background:#eee;*/
}

.cont-l {
	margin:0 0 45px;
}

.cont-r > section {
	margin:0 0 45px;	
}

/*---------------------------------------------------
　タイトル
----------------------------------------------------*/
#content h2 {
	padding:0;
}

#content h2 #name {
	display: inline;
}

#content h2 #name:before {
	content: "/"; 
	font-weight:100;
	padding:8px;
}
 
/*---------------------------------------------------
　ヘッダー
----------------------------------------------------*/
#header {
	float:left;
	width:25%;
}

#header h1 {
	position:absolute;
	left:30px;
	top:15px;
}

#header h1 a {
    width: 120px;
    height: 0 !important;
    height /**/:170px;
    padding-top:170px;
    -moz-background-size: 120px 170px;
    -o-background-size: 120px 170px;
    -webkit-background-size: 120px 170px;
    background-size: 120px 170px;
}	

#header-nav {
	display: inherit;
	position:absolute;
	left:30px;
	top:216px;	
}

#header-nav li {
	font-size:24px;
	font-size:2.4rem;		
}

#breadcrumb {
	display: inherit;
}

#breadcrumb li {
	margin:0 10px 0 0;
}

/*---------------------------------------------------
　フッター
----------------------------------------------------*/
#footer-inner {
	padding:0 30px;
}

/*---------------------------------------------------
　フッター メニュー
----------------------------------------------------*/
#footer-nav {
    display:none;
}

#footer {
	font-size:1.2em;
}

#company {
	font-size:1.6em;
}

/*---------------------------------------------------
　youTube
----------------------------------------------------*/
.video-container {
	padding-bottom: 45%;
	padding-top:20px;	
}

#video-area li {
	float:left;
	width:45%;
	margin:0 2.5% 30px;
}

#video-area li:last-child {
	margin:0 2.5%;
}

}

@media screen and (min-width:768px){
.pagetop {
	display: none;
	position: fixed;
	bottom: 0;
	right: 0;
}
.pagetop a {
	margin:0;
}

#company-name {
	font-size:11px;
	font-size:1.1rem;
	display: inherit;
	text-align:right;
	position:absolute;
	top:15px;
	right:30px;
}

}

@media only screen and (min-width: 1200px) {
/*---------------------------------------------------
　初期設定
----------------------------------------------------*/

/*---------------------------------------------------
　タイトル
----------------------------------------------------*/
h2 .en {
	padding:0 0 0 15px;
	display: inline;
}

/*---------------------------------------------------
　レイアウト　全体
----------------------------------------------------*/
#container {
	width:1170px;
	margin-left:auto;
	margin-right:auto;
}

#wrapper {
	padding:0;
}

#content {
	width:970px;
}

.cont-l {
	float:left;
	width:350px;
}

.cont-r {
	float:right;
	width:560px;	
}

/*---------------------------------------------------
　ヘッダー
----------------------------------------------------*/
#header {
	width:170px;
}

#header h1 {
	left:0;
}

/*#header h1 a {
    backface-visibility: visible;
    -webkit-backface-visibility: visible;
    transition: 0.8s;
}

.ie8 #header h1 a,
.ie9 #header h1 a {
	transition: none;
}

#header h1 a:hover {
    transform:rotateY(360deg);
    -webkit-transform:rotateY(360deg);	
}

.ie8 #header h1 a:hover,
.ie9 #header h1 a:hover {
	transform: none;
}*/

#header-nav {
	left:0;
}

#header p {
  position:absolute;
  right:10px;
  bottom:15px;
  display:inherit;
  font-size:2em;
}

#company-name {
	right:0;
	font-size:12px;
	font-size:1.2rem;
	letter-spacing:0.1em;
}


/*---------------------------------------------------
　フッター
----------------------------------------------------*/
#footer-inner {
	max-width:1170px;
	margin:0 auto;
    padding:0;
	text-align:left;
}

}


/* EOF */