@charset "UTF-8";
/*---------------------------------------------------
　SEAGULL/responsive2015
----------------------------------------------------*/
html,
body,
.mm-page,
#container {height:100%;}

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


body {
  min-width: 320px;
  min-height: 480px;  
  line-height: 1.5;
  color: #333;
}

body.ie8 {
  background: url("../img/slide01.jpg") center center / cover no-repeat fixed;  
}

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

.lastchild {margin-right:0 !important;}

.cs {color:#ededdf !important;}
.mini {font-size:1.2em !important;}
em {color:#ff2400;}

/*---------------------------------------------------
　◼︎FONT
----------------------------------------------------*/
#header,#sub-nav,#footer,h2,h3,h4,#content #top-index p,#content .list p,a:link,#uc p,.profile p,.toolbar  {
    font-family:'Josefin Sans','Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

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

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

#header-nav li#nav-art,#header-nav li#nav-sp {
  font-weight:900;	
}

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


#content h2 {
	font-weight:500;
}
#content h2 #job {
	font-weight:300;	
}

#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;}

/*---------------------------------------------------
　◼︎LINK
----------------------------------------------------*/
a:link,a:visited,a:active,a:hover     { text-decoration:none; color: #666;}
a.stay                                { text-decoration:none; color: #cca50b;}

#header-nav a {transition:ease 0.3s;}
#header-nav a:hover {color:#dfb72e;}

#footer a:link,#footer a:visited,#footer a:active     { text-decoration:none; color: #fff;}

#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;}


/*---------------------------------------------------
　◼︎LAYOUT
----------------------------------------------------*/
#wrapper {
  max-width: 960px;
  margin: 0 auto;
  padding:10px 0 0;
     z-index: 1; 
}

#content {
  padding: 0 10px;
}

#cycle-loader {
    height: 32px;
    left: 50%;
    margin: -8px 0px 0px -8px;
    position: absolute;
    top: 50%;
    width: 32px;
    z-index: 999;
}

/*#maximage {
	display:none;
}*/

#maximage div:nth-of-type(1) {background-image:url("../img/front01_800.jpg") !important;}
#maximage div:nth-of-type(2) {background-image:url("../img/front02_800.jpg") !important;}
#maximage div:nth-of-type(3) {background-image:url("../img/front03_800.jpg") !important;}
#maximage div:nth-of-type(4) {background-image:url("../img/front04_800.jpg") !important;}

@media only screen and (min-width: 800px) {
#maximage div:nth-of-type(1) {background-image:url("../img/front01_1400.jpg") !important;}
#maximage div:nth-of-type(2) {background-image:url("../img/front02_1400.jpg") !important;}
#maximage div:nth-of-type(3) {background-image:url("../img/front03_1400.jpg") !important;}
#maximage div:nth-of-type(4) {background-image:url("../img/front04_1400.jpg") !important;}
}

@media screen and (orientation: landscape) {
#maximage div:nth-of-type(1) {background-image:url("../img/front01_1400.jpg") !important;}
#maximage div:nth-of-type(2) {background-image:url("../img/front02_1400.jpg") !important;}
#maximage div:nth-of-type(3) {background-image:url("../img/front03_1400.jpg") !important;}
#maximage div:nth-of-type(4) {background-image:url("../img/front04_1400.jpg") !important;}
}
/*---------------------------------------------------
　◼︎TITLE
----------------------------------------------------*/
#content h2 {
	font-size:3.2em;
}

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

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

/*---------------------------------------------------
　◼HEADER
----------------------------------------------------*/
#header h1 {
	position:absolute;
	left:5%;
	top:15px;
}

#header h1 a {
  background-image: url("../img/logo_home.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;  
}

#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;
}


/*---------------------------------------------------
　◼FOOTER
----------------------------------------------------*/
#footer {
	position:absolute;
	bottom:10px;
	left:5%;
	clear: both;
	color: #666;
}

#footer-address {
	display:none;
}

/*---------------------------------------------------
　◼LOARING
----------------------------------------------------*/

#loader {
	width: 64px;
	height: 64px;
	display: none;
	position: fixed;
	_position: absolute; /* IE6対策 */
	top: 50%;
	left: 50%;
	margin-top: -32px; /* heightの半分のマイナス値 */
	margin-left: -32px; /* widthの半分のマイナス値 */
	z-index: 100;
}

#fade {
	width: 100%;
	height: 100%;
	display: none;
	background-color: #FFFFFF;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 50;
}

/*---------------------------------------------------
　◼media Queries
----------------------------------------------------*/
@media only screen and (min-width: 640px) {	
body {
    min-height: 640px;
}
	
#header h1 a {
  width: 145px;
  height: 0 !important;
  height /**/:206px;
  padding-top:206px;
  -moz-background-size: auto;
  -o-background-size: auto;
  -webkit-background-size: auto;
  background-size: auto;
}	

#company {
	font-size:1.6em;
}
	
#header-nav {
	display: inherit;
	position:absolute;
	left:5%;
	top:252px;		
}

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

@media only screen and (min-width: 960px) {
body {
  min-height: 768px;
}

/*---------------------------------------------------
　◼FOOTER
----------------------------------------------------*/
#footer-address {
	display: inherit;
}
}


/* EOF */