@charset "UTF-8";
/* CSS Document */
BODY {
  min-width: 1200px;
}
p {
	font-family: "Noto Sans JP", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    word-break: break-all;
    font-weight: 500;
    font-feature-settings: "palt";
}
img {
  width: 100%;
}
.opt {
  font-family: "Optima",Segoe,Segoe UI,Candara,Calibri,Arial,sans-serif; 
}

header {
  width: 100%;
}

header h1 {
  width: 50%;
  line-height: 1;
  margin: 0 auto;
  padding: 20px 0;
}
.logo2 {
  width: 30%;
  line-height: 1;
  margin: 0 auto;
  padding: 20px 0;
}
.logo3 {
  width: 50%;
  line-height: 1;
  margin: 0 auto;
  padding: 20px 0;
}
#black {
	width: 100%;
	background-color: #000;
	padding: 30px 0;
}
.pc {
	display: block;
}
.sp {
	display: none;
}
/*スマホ==========================================================================================================*/
@media screen and (max-width: 820px) {
  BODY {
    min-width: 100%;
  }
header {
  width: 100%;
}

header h1 {
  width: 90%;
  line-height: 1;
  margin: 0 auto;
  padding: 20px 0;
}
.logo2 {
  width: 60%;
  line-height: 1;
  margin: 0 auto;
  padding: 20px 0;
}
.logo3 {
  width: 90%;
  line-height: 1;
  margin: 0 auto;
  padding: 20px 0;
}
.pc {
	display: none;
}
.sp {
	display: block;
}
}