@charset "utf-8";

/* -------------------------------- 

Primary style

-------------------------------- */
html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  background-color:#fff;
  width: 100%;
  position: absolute;
  top:0;
}

body,div,ul,li,a,h1,h2,h3,h4,p,span,dd,dt,tr,th,td,input,textarea{
  font-size: 13.4px;
  font-family: 'YuGothic', '游ゴシック',"Hiragino Kaku Gothic ProN","メイリオ",sans-serif;
  color: #111;
  text-decoration: none;
  list-style:none;
  text-align: justify;
  text-justify: inter-ideograph;
  font-feature-settings : "palt";
  letter-spacing: 0.05em;
  font-weight:normal;
  line-height:1.7;
}

body, html {
  /* important */
  height: 100%;
  line-height:1.5;
}

a {
  color: #373737;
  text-decoration: none;
  line-height:1.5;
}


/* -------------------------------- 
Modules - reusable parts of our design
-------------------------------- */

.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}


/* -------------------------------- 
Main components 
-------------------------------- */

.cd-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}

.cd-header .common-header {
  overflow: hidden;
  width: 100%;
}

.cd-header:after {
  content: "";
  display: table;
  clear: both;
}

.txt_center{  text-align: center;}
.txright{text-align: right;}
.gray{  color: #626262;}
.block{display: block;}
.boxcenter{margin: 0 auto;}


/*パソコン版*/ 
@media screen and (min-width : 801px){

.sp{display : none !important;}
}

/*スマホ版*/
@media screen and (max-width : 800px){
.w90s{width:90%;margin: 0 auto;}
.w80s{width:80%;margin: 0 auto;}

.pc{display : none!important;}		

}