/* font-family指定 */
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}
body {
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  -webkit-text-size-adjust:100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (max-width:750px){
body {
    font-size: 12px; 
}
}
/* IE10以上 */
@media all and (-ms-high-contrast: none) {
  body {
    font-family: Verdana, Meiryo, sans-serif;
  }
}

/* 文字指定 */
h1 { font-size: 32px;  line-height: 1.6em;  color: #333333;  text-align: center;  margin: 0 auto;  font-weight: 600; }
h2 { font-size: 25px;  line-height: 1.6em;  color: #333333;  text-align: justify;  text-justify: inter-ideograph;  display: inline-block;  font-weight: 600;  width: 100%; }
h3 { font-size: 20px;  line-height: 1.6em;  color: #333333;  text-align: center;  text-justify: inter-ideograph;  display: inline-block;  font-weight: 600;  width: 100%; }
h4 { font-size: 20px;  line-height: 1.7em;  color: #333333;  text-align: justify;  text-justify: inter-ideograph;  display: inline-block;  font-weight: 600;  width: 100%; }
h5 { font-size: 18px;  line-height: 2.0em;  color: #333333;  text-align: center;  text-justify: inter-ideograph;  display: inline-block;  font-weight: 500;  width: 100%; }
.p_12 {  font-size: 12px;  line-height: 1.5em;  color: #333333;  text-align: justify;  text-justify: inter-ideograph;  display: inline-block; font-weight: 500; width: 100%;}
.p_14 {  font-size: 14px;  line-height: 1.6em;  color: #333333;  text-align: justify;  text-justify: inter-ideograph;  display: inline-block; font-weight: 500; width: 100%;}
.p_15 {  font-size: 15px;  line-height: 1.8em;  color: #333333;  text-align: justify;  text-justify: inter-ideograph;  display: inline-block; font-weight: 500; width: 100%;}
.p_16 {  font-size: 16px;  line-height: 1.8em;  color: #333333;  text-align: justify;  text-justify: inter-ideograph;  display: inline-block; font-weight: 500; width: 100%;}
.p_17 {  font-size: 17px;  line-height: 1.9em;  color: #333333;  text-align: justify;  text-justify: inter-ideograph;  display: inline-block; font-weight: 500; width: 100%;}
.p_020 {  font-size: 20px;  line-height: 1.5em;  color: #333333;  text-align: justify;  text-justify: inter-ideograph;  display: inline-block; font-weight: 500; width: 100%;}
.p_20 {  font-size: 20px;  line-height: 1.3em;  color: #333333;  text-align: center;  margin: 0 auto;  font-weight: 600;  border-bottom: solid 2px #09A7A2;  padding: 0.5em; } 
.p_0020 {  font-size: 20px;  line-height: 2.5em;  color: #fff;  text-align: center;  margin: 0 auto;  font-weight: 600;  border-bottom: solid 2px #fff;  padding: 0.5em; } 
.p_012 {  font-size: 12px;  line-height: 1.3em;  color: #fff;  text-align: center;  margin: 0 auto; }
.p_032 { font-size: 32px;  line-height: 1.5em;  color: #fff;  text-align: center;  margin: 0 auto;  font-weight: 600;} 
.p_0200 { font-size: 20px;  line-height: 1.7em;  color: #fff;  text-align: center;  margin: 0 auto;  font-weight: 600;} 

@media screen and (max-width: 1280px){
h1 { font-size: 30px; }
h2 { font-size: 23px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 17px; }
.p_15 {  font-size: 14px;}
.p_16 {  font-size: 16px;}
.p_17 {  font-size: 17px;}
.p_20 {  font-size: 18px;}
.p_020 {  font-size: 18px;}
.p_0020 {  font-size: 18px;}
.p_032 { font-size: 32px; }
.p_0200 {  font-size: 20px;}
}
@media screen and (max-width: 850px){
h1 { font-size: 25px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 15px; }
.p_15 {  font-size: 14px;}
.p_16 {  font-size: 15px;}
.p_17 {  font-size: 16px;}
.p_20 {  font-size: 16px;}
.p_020 {  font-size: 16px;}
.p_0020 {  font-size: 16px;}
.p_032 { font-size: 28px; }
.p_0200 {  font-size: 18px;}
.p_14 {  font-size: 12px;}
}
@media screen and (max-width: 800px){
h1 { font-size: 23px; }
h2 { font-size: 20px; }
h3 { font-size: 16px; }
h4 { font-size: 16px; }
h5 { font-size: 15px; }
.p_15 {  font-size: 14px;}
.p_16 {  font-size: 15px;}
.p_17 {  font-size: 16px;}
.p_20 {  font-size: 16px;}
.p_020 {  font-size: 16px;}
.p_0020 {  font-size: 16px;}
.p_032 { font-size: 28px; }
.p_0200 {  font-size: 17px;}
}
@media screen and (max-width:750px){
h1 { font-size: 23px;
text-align: justify;
text-justify: inter-ideograph;
 }
h2 { font-size: 20px;
line-height: 1.7em;
 }
h3 { font-size: 16px;
text-align: justify;
text-justify: inter-ideograph;
line-height: 1.7em;
 }
h4 { font-size: 17px; }
h5 { font-size: 16px;
text-align: justify;
text-justify: inter-ideograph;
line-height: 1.7em;
 }
.p_15 {  font-size: 14px;}
.p_16 {  font-size: 15px;}
.p_17 {  font-size: 16px;}
.p_20 {  font-size: 16px;}
.p_020 {  font-size: 16px;}
.p_0020 {  font-size: 16px;}
.p_f16 {  font-size: 16px;  line-height: 2.0em;  color: #333333;  text-align: justify;  text-justify: inter-ideograph;  display: inline-block;  width: 100%;}
.p_032 { font-size: 23px;  line-height: 1.7em;  text-align: justify;  text-justify: inter-ideograph;  display: inline-block;  width: 100%;} 
.p_0200 { font-size: 16px;  line-height: 2.0em;  text-align: justify;  text-justify: inter-ideograph;  display: inline-block;  width: 100%;} 
}
@media screen and (max-width:500px){
h1 { font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 16px; }
h5 { font-size: 16px; }
.p_15 {  font-size: 14px;}
.p_16 {  font-size: 15px;}
.p_17 {  font-size: 16px;}
.p_20 {  font-size: 16px;}
.p_020 {  font-size: 16px;}
.p_0020 {  font-size: 16px;}
.p_f16 {  font-size: 16px; }
.p_032 { font-size: 19px; }
.p_0200 {  font-size: 16px;}
}
@media screen and (max-width:330px){
h1 { font-size: 16px; }
h2 { font-size: 14px; }
h3 { font-size: 13px; }
h4 { font-size: 13px; }
h5 { font-size: 13px; }
.p_14 {  font-size: 12px;}
.p_15 {  font-size: 12px;}
.p_16 {  font-size: 12px;}
.p_17 {  font-size: 13px;}
.p_20 {  font-size: 14px;}
.p_020 {  font-size: 14px;}
.p_0020 {  font-size: 14px;}
.p_f16 {  font-size: 13px; }
.p_032 { font-size: 15px; }
.p_0200 {  font-size: 14px;}
}