@charset "UTF-8";
/*! txt */
* {
  letter-spacing: 0.05em;
  box-sizing: border-box;
}

body {
  color: #333;
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Noto Sans Japanese', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
}

table {
  table-layout: fixed;
  width: 100%;
}

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

a {
  color: #333;
  text-decoration: none;
}

.cf:before, .cf:after {
  content: "";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  zoom: 1;
}

/*! state */

/*! layout */
#wrapper {
  min-width: 320px;
}

#header {
  position: relative;
  background-color: #fff;
}

#header .inner {
	position: relative;
	width: 1000px;
	margin: auto;
	height: 98px;
}

#header h1 {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

#header h1 img {
width: 275px;
height: auto;
margin-right: auto;
}

#header .hd_btn {
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
}
#header .hd_btn a{
	display: block;
	width: 140px;
	height: 42px;
	line-height: 42px;
	color: #fff;
	font-size: 20px;
	background: #df4150;
	-webkit-transition: all .5s;
	transition: all .3s;
}
#header .hd_btn a:hover{
	opacity: .7;
}

#footer{
  width: 100%;
  background: #5f2e2a;
}
#footer .copyright{
  width: 100%;
  color: #fff;
  font-size: 18px;
  text-align: center;
	line-height: 75px;
}

.gotop{
  position: fixed;
  right: 60px;
  bottom: 100px;
  line-height: 0;
  z-index: 100;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.gotop a img{
  opacity: 0.7;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.gotop a img:hover{
  opacity: 1;
}

@media screen and (min-width: 1000px){
  body{
    font-size: 14px;
    line-height: 2;
  }
  .is-sp{
    display: none !important;
  }
  #wrapper{
    min-width: 1000px;
  }
}

@media screen and (max-width: 999.98px){
  .is-pc{
    display: none !important;
  }
	
	#header {
		position: relative;
	}
	
	#header .inner {
		width: 100%;
		height: auto;
	}
	#header h1 {
		width: 55%;
		position: static;
		padding: 1.5em 0 1.5em 5%;
		top: auto;
		left: auto;
		-webkit-transform: none;
		transform: none;
	}
	#header .hd_btn {
		right: 5%;
	}
	#header .hd_btn a{
		display: inline-block;
		width: auto;
		height: auto;
		line-height: normal;
		font-size: 1.2em;
		padding: .2em .5em;
	}
	
	#footer{
	  padding: 1.5em 0;
	}
	#footer .copyright{
		width: 100%;
		color: #fff;
		font-size: .8em;
		line-height: 1em;
	}
	
	.gotop{
		position: fixed;
		width: 40px;
		right: 5%;
		bottom: 5%;
		line-height: 0;
		z-index: 100;
		-webkit-transition: all .3s;
		transition: all .3s;
	}
	
	
}