@charset "utf-8";
/* CSS Document */
body {
	padding: 0px;
	margin: 0px;
	font-size: 18px;
	color: #333333;
	font-family: メイリオ, Meiryo,Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
html{
    -webkit-text-size-adjust: none;
}
h1,h2,h3,h4,h5,h6,form,ol,ul,li,hr,dl,dt,dd,address {
	margin: 0px;
	padding: 0px;
}
img {
	border:0px;
	vertical-align:bottom;
	max-width:100%;
}

li {
	list-style-type: none;
}
a {
	color:#0066FF;
	text-decoration: underline;
}
a:link {
}
a:visited {
}
a:hover {
	text-decoration: underline;
	color:#4f95ff;
}
a:active {
	text-decoration: underline;
}
p {
	margin: 0 0 2.5% 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color:#333;
}

.clearfix:after { 
	content: "";
	display: block;
	clear: both;
}

.clearfix {
	display: inline-block;
}

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

.mb5 {margin-bottom:5px!important;}
.mb10 {margin-bottom:10px!important;}
.mb15 {margin-bottom:15px!important;}
.mb20 {margin-bottom:20px!important;}
.mb25 {margin-bottom:25px!important;}
.mb30 {margin-bottom:30px!important;}
.mb40 {margin-bottom:40px!important;}
.mb50 {margin-bottom:50px!important;}
.mb100 {margin-bottom:100px!important;}
.mt10 {margin-top:10px!important;}
.mt15 {margin-top:15px!important;}
.mt20 {margin-top:30px!important;}
.mt30 {margin-top:30px!important;}
.ml10 {margin-left:10px!important;}
.ml15 {margin-left:15px!important;}
.ml20 {margin-left:20px!important;}
.ml30 {margin-left:30px!important;}
.mr10 {margin-right:10px!important;}
.mr15 {margin-right:15px!important;}
.mr20 {margin-right:20px!important;}
.mr30 {margin-right:30px!important;}
.fs10 {font-size:10px!important;}
.fs11 {font-size:11px!important;}
.fs12 {font-size:12px!important;}
.fs13 {font-size:13px!important;}
.fs14 {font-size:14px!important;}
.fs15 {font-size:15px!important;}
.fs16 {font-size:16px!important;}
.fs17 {font-size:17px!important;}
.fs18 {font-size:18px!important;}
.fcb {color:#009FE7!important;}
.fcbr {color:#9D6D34!important;}
.fco {color:#E55926!important;}
.fcg {color:#7FB83F!important;}
.fcp {color:#FF0066!important;}
.fcr {color:#F00}
.fcor {color:#FF6600}
.flc {clear:left!important;}
.frc {clear:right!important;}



#header_area{
	width: 94%;
	padding: 0.5% 3% 0.5% 3%;
	position: fixed;
	z-index: 1000000000000000;
	background-color:rgba(255,255,255,0.85);
}
#header_area p.h_contact{
	float: right;
	padding: 1% 0 1.3% 0;
	width: 9%;
	text-align: center;
	margin: 0;
}
#header_area p.h_contact a{
	color:#fff;
	padding: 0% 0 0% 0;
	text-decoration:none;
	display:block;
}
h1 {
	float: left;
	width: 18%;
	margin: 0.4% 0 0 0;
	text-align: center;
}
h1 img{
	vertical-align: middle;
	max-width:100%;
	height:auto;
}
address{
	margin: 0px 0px 0px 0px;
	text-align: center;
	color: #333333;
	background: #e6e6e6;
	padding: 14px 0px 10px 0px;
	font-size: 15px;
	letter-spacing: 2px;
	font-style: normal;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
.footer_wrap{
	background: url("../img/footer_wrap.png") no-repeat center center;
	background-size: cover;
	padding: 1.8% 3% 1.8% 3%;
}
p.logo_f{
	width: 18%;
	margin: 0;
	float: left;
}
p.mail_f{
	width: 9%;
	margin: 0;
	float: right;
}
img.mainmg{
	margin: 0 0 2% 0;
}
.block01{
	background: url("../img/block01.png") no-repeat left center;
	text-align: right;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	height: 32vw;
	background-size: cover;
	padding: 2% 2% 0 0;
	display: grid;
	align-items: center;
	margin: 0 0 2vw 0;
}
.block01 h2{
	font-size: 2.2vw;
	line-height: 1.3;
	margin: 0 0 5% 0;
}
.block01 h3{
	font-size: 1.5vw;
	line-height: 1.3;
	margin: 0 0 0% 0;
}
.block02 h3{
	font-size: 1.5vw;
	line-height: 1.3;
	margin: 0 0 2vw 0;
}
.block01 p{
	font-size: 1.2vw;
}
.block02 p{
	font-size: 1.2vw;
}
.block01 h3 span{
	border-bottom: 1px solid #333;
	padding: 0 0 0.5% 0;
}
.block02 h3 span{
	border-bottom: 1px solid #333;
	padding: 0 0 0.5% 0;
}
.block02{
	background: url("../img/block02.png") no-repeat center center;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	height: 12vw;
	padding: 20vw 0 0 2vw;
	margin: 0 0 2vw 0;
}

@media screen and (min-width: 1080px) {
.pc { display: block !important; }
.sp { display: none !important; }



.kasaneru{
  position: relative;/*親要素にrelative*/
}
.kasaneru p{
  position: absolute;/*重ねたい子要素にabsolute*/
  top:13%;
  left: 10%;
 -ms-transform: translate(-50%,-50%);/*ベンダープレフィックス*/
  -webkit-transform: translate(-50%,-50%);/*ベンダープレフィックス*/
  transform: translate(-50%,-50%);/*センター寄せの修正*/
  color: #333;
  font-size: 1rem;
  letter-spacing:8px;
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
  margin: 0!important;/*文字がずれている場合や*/
  padding: 0!important;/*文字が折り返される場合*/
}
.kasaneru span{
  position: absolute;/*重ねたい子要素にabsolute*/
  top:80%;
  right: 3%;
  color: #fff;
  font-size: 1rem;
  letter-spacing:8px;
  text-align:right;
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
  margin: 0!important;/*文字がずれている場合や*/
  padding: 0!important;/*文字が折り返される場合*/
}

}


@media screen and (max-width: 1080px) {




.kasaneru{
  position: relative;/*親要素にrelative*/
}
.kasaneru p{
  position: absolute;/*重ねたい子要素にabsolute*/
  top:10%;
  left:15%;
 -ms-transform: translate(-50%,-50%);/*ベンダープレフィックス*/
  -webkit-transform: translate(-50%,-50%);/*ベンダープレフィックス*/
  transform: translate(-50%,-50%);/*センター寄せの修正*/
  color: #333;
  font-size: 1.0rem;
  letter-spacing:3px;
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
  margin: 0!important;/*文字がずれている場合や*/
  padding: 0!important;/*文字が折り返される場合*/
}
.kasaneru span{
  position: absolute;/*重ねたい子要素にabsolute*/
  top:80%;
  right: 3%;
  color: #fff;
  font-size: 1.0rem;
  letter-spacing:3px;
  text-align:right;
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
  margin: 0!important;/*文字がずれている場合や*/
  padding: 0!important;/*文字が折り返される場合*/
}

}