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

.pt{}
.pc{}
.ps{}
.tb{display: none;}
.ts{display: none;}
.sp{display: none;}

html,body {
margin: 0;
padding: 0;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
font-feature-settings: "palt";
font-size: 18px;
line-height: 180%;
letter-spacing: 2px;
color: #333333;
background: #FFFFFF;	
}

#wrapper {
overflow: hidden;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
} 
.clearfix:before {
  content: "";
  display: block;
  clear: both;
} 
.clearfix {
  display: block;
}

a {
transition: 0.4s;
color: #333333;
}

a:hover {
opacity: 0.7;
}

img {
margin: 0;
padding: 0;
vertical-align: bottom;
width: auto;
height: auto;
max-width: 100%;
}

ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p {
margin:0;
padding: 0;
list-style: none;
}



@media screen and (max-width:1300px)
{
/*header .inner {
height: 140px;
}

header .inbox {
height: 90px;
}

header ul.nav {
padding-top: 0;
}*/

}


/* タブレットレイアウト : 768 px ～ 959 px*/
@media screen and (max-width:959px)
{
.pt{display: block;}
.pc{display: none;}
.ps{display: none;}
.tb{display: block;}
.ts{display: block;}
.sp{display: none;}


}


/* スマホ設定  768 以下*/
@media screen and (max-width:767px)
{
.pt{display: none;}
.pc{display: none;}
.ps{display: block;}
.tb{display: none;}
.ts{display: block;}
.sp{display: block;}


}