@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

img {
  border: 0;
  vertical-align: bottom; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

a:link, a:visited {
  text-decoration: none;
  color: #888888; }

a:hover, a:active {
  text-decoration: none;
  color: #b6b6b6; }


/*============================
body
============================*/
body {
	font-size: 14px;
	font-family: "Hiragino Mincho ProN","ヒラギノ明朝 Pro W3","HG明朝E","游明朝","メイリオ","Meiryo","MS PMincho","ＭＳ Ｐ明朝", Sans-serif;
	font-size: 18px;
	line-height: 1.4;
	color: #000000;
	background-image: url("../img/bg_img.jpg"); /* 画像 */
	background-size: cover;               /* 全画面 */
	background-attachment: fixed;         /* 固定 */
	background-position: center center;   /* 縦横中央 */
  	}

img {
	max-width: 100%;
	vertical-align: top;
	}

body.index {
	display: flex;
 	justify-content: center;
	align-items: center;
 	height: 100vh;
	}
	
body.index .content {
	width:330px;
	height:330px;
	background:#FFFFFF;
	}

@media (orientation: portrait){
	body.index .content {
		position: relative; top:-5vh !important;
		width:330px;
		height:330px;
		background:#FFFFFF;
		}
}


body.index header {
	text-align:center;
	}

body.index header h1 {
	text-align:center;
	padding-top:80px;
	}

body.index header h1 img {
	text-align:center;
	}

body.index article.head_btn {
	display: flex;
	text-align:center;
	}

body.index article.head_btn p {

	}

body.index article.head_btn p img {

	}

body.index article.head_btn p.instagram {
	padding-left:105px;
	}

body.index article.head_btn p.mail {
	padding-right:105px;
	}