@charset "utf-8";

/*
font-familyは下記ドキュメントからコピーすること
https://docs.google.com/document/d/18AHEzAl9zW_d_2AsDkX1HS_AYaifAemK4eyM7taQjzE/edit

また、Webフォントの使用がないか必ずディレクターに確認すること
*/
@font-face {
  font-family: "Yu Gothic M";
  src: local("Yu Gothic Medium");
}
/* font-weight: bold の時は通常どおり Bold 書体を使わせる */
@font-face {
  font-family: "Yu Gothic M";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

body { background: #eee; width: 100%; -webkit-text-size-adjust: 100%; font-size: 14px; font-family:"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体","Yu Gothic M", "YuGothic" ,"Yu Gothic","メイリオ", Meiryo, Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, sans-serif; }
img { max-width: 100%; width: auto; height: auto; vertical-align: bottom; }

.pc { display: block;}
.sp { display: none;}
@media screen and (max-width: 768px) {
body { background: #fff; }
.pc { display: none;}
.sp { display: block;}
}

/*header*/
#header {
	margin: 0 auto;
	width: 1200px;
}
@media screen and (max-width: 768px) {
#header {
	width: 100%;
}
#header .logo {
	width: 100%;
}
}
/*mailcolumn*/
.container {
	margin: 0 auto;
	width: 1200px;
	background: #fff url("../images/bg.jpg") repeat-y;
	overflow: hidden;
}
.inner {
	margin: 0 auto;
	padding: 55px 0 0;
	width: 960px;
	text-align: center;
}
@media screen and (max-width: 768px) {
.container {
	width: 100%;
	background: none;
}
.inner {
	padding: 9.733vw 2.666vw 0;
	width: 100%;
	box-sizing: border-box;
}
}
/*footer*/
#footer {
	padding: 15px 0 13px;
	text-align: center;
	border-top: 1px solid #EBEBEB;
}
#footer small {
	font-size: 14px;
	letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
#footer {
	padding: 3.066vw;
}
#footer small {
	font-size: 3.2vw;
	letter-spacing: 0.02em;
}
}