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

*{
	font-weight: 200;
	padding: 0;
	margin:0;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	font-family: "Sawarabi Gothic";
  scroll-behavior:smooth;
}

a{
	text-decoration: none;
  transition: .3s;
}

a:hover{  
  opacity: .6;
  transition: .4s;
}

li{
	list-style: none;
}

a,p,h1,h2,h3,h4,h5,h6,span{
  font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-weight: 500;
}


h2{
  font-size: 38px;
  font-weight: bold;
  line-height: 50px;
  letter-spacing: 6px;
}

h3{
  font-size: 22px;
  line-height: 40px;
  letter-spacing: 3px;
}

p{
  letter-spacing: 2px;
  font-size: 14px;
}

body{
  overflow-x: hidden;
}

.clear{
	clear:both;
}

.fa{
	color: #fff;
}

.sp{
  display: none;
}

/*==============================
ヘッダ
==============================*/
nav{
  width: 100%;
  padding: 30px 0;
}

nav ul{
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
}

nav ul li{
  margin-right: 30px;
}

nav ul li a,
nav ul li p{
  letter-spacing: 1px;
  color: #dcdddd;
}

nav ul li p{
  color: #000;
}

nav ul li a:hover{
  opacity: 1;
  color: #000;
}

/*==============================
SPメニュー
==============================*/

/*==============================
TOPボタン
==============================*/



/*==============================
メインコンテンツ
==============================*/

/*==============================
フッタ
==============================*/

/*==============================
レスポンシブ
==============================*/

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

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

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

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

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

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

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

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

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