@charset "utf-8";
/*------------------------------------------
  Responsive Grid Media Queries - 1280, 1024, 768, 480
   1280-1024   - デスクトップ（デフォルトのグリッド）
   1024-768    - タブレット横長
   768-480     - タブレット縦長
   480-less    - スマホ
--------------------------------------------*/

html{font-size:100%;}
body{font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	-webkit-font-smoothing: antialiased; line-height: 1.25;color: #000;letter-spacing: 0.1em;}
a{text-decoration: none;}
img{max-width: 100%;}
.aline-center{text-align: center}
.header-text{}
.logo{}
.page-title{font-size: 1rem;margin-top: 3rem;text-align: center;line-height: 1.8;}
.about{max-width: 80%;margin: 3rem auto 3rem;}
.about p{font-size:0.8rem;line-height: 2; padding: 1rem 2rem 0;}
a.bottun {display:inline-block; padding: 1rem 3rem;background-color: #1b2c68;color:#fff;transition: all 0.5s ease 0s;font-size: 0.8rem}
a:hover.bottun {background-color: #dddddd;color:#000;cursor: pointer;}
.btnarea{padding-top: 0.5rem;}
.spbr{display: none;}


@media all and (min-width: 1024px)/* and (max-width: 1280px)*/ { 
.header-text{}
.logo{}
.page-title{font-size: 1rem;margin-top: 2rem;text-align: center;line-height: 1.8;}
.about{max-width: 35rem;margin: 3rem auto 3rem;}
.about p{font-size:0.9rem;line-height: 2; padding: 1rem 2rem 0;}
a.bottun {}
a:hover.bottun {}
.btnarea{}
.spbr{}
}
 
@media all and (min-width: 768px) and (max-width: 1024px) { 
.logo{}
.header-text{}
.page-title{font-size: 1rem;margin-top: 1.5rem;text-align: center;line-height: 1.8;}
.about{max-width: 28rem;margin: 3rem auto;}
.about p{font-size:0.8rem;line-height: 2; padding: 1rem 2rem 0;}
a.bottun {}
a:hover.bottun {}
.btnarea{padding-top: 0.8rem;}
.spbr{display: block;}
}
 
@media all and (min-width: 480px) and (max-width: 768px) {
.header-text{}
.logo{}
.page-title{font-size: 1rem;margin-top: 1.5rem;text-align: center;line-height: 1.8;}
.about{max-width: 24rem;margin: 3rem auto;}
.about p{font-size:0.8rem;line-height: 2; padding: 1rem 2rem 0;}
a.bottun {}
a:hover.bottun {}
.btnarea{padding-top: 0.5rem;}
.spbr{display: block;}
}
 
@media all and (max-width: 480px) { 
.header-text{}
.logo{}
.page-title{font-size: 0.9rem;margin-top: 1.5rem;text-align: center;line-height: 1.8;}
.about{max-width: 24rem;margin: 3rem auto;}
.about p{font-size:0.8rem;line-height: 1.5; padding: 1rem 2rem 0;}
a.bottun {}
a:hover.bottun {}
.btnarea{padding-top: 0.5rem;}
.spbr{display: block;}
}