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

*{
	padding:0;
	margin:0;
}

/* body */
body{
	font-size:12px;
	color:#fff;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	width:100%;
	text-align:center;
	letter-spacing:0.1em;
	line-height:1.7em;
	margin:0;
	padding:0;
}

img{
	width:100%;
}

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

.pc_none{
	display:none;
}

.sp_none{
	display:block;
}

.bold{
	font-weight:bold;
}

a:hover{
	opacity:0.5;
}

/* トップイメージ画像 */
.inn_box {
  width: 100%;
  min-height:100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;/*ここポイント*/
}


.bg_photo_image01 {
  background-image: url(../img/top_main_img.jpg);
  background-size: cover;
  background-position: center;
  position:relative;
}

.message01{
	margin:0px auto 0;
	color:#fff;
	position:relative;
}

.contact{
	position:absolute;
	top:10%;
	right:9%;
	width:84.8px;
}

.insta{
	position:absolute;
	right:5%;
	top:10%;
	width:32px;
}

.logo{
	width:20%;
	padding-bottom:30px;
	}
	
.copy{
	position:absolute;
	bottom:10px;
}

@media screen and (max-width: 640px) {
	
	.logo{
	width:60%;
	padding-bottom:30px;
	}
	
	.contact{
	position:absolute;
	top:4%;
	right:17%;
	width:84.8px;
}

.insta{
	position:absolute;
	right:5%;
	top:4%;
	width:32px;
}

.copy{
	font-size:10px;
}
}