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

html,body{ background:#F0F0F0;}


.hc{ display: none;}

.hpwrapper{}

.hp{ margin:0; padding: 56.25% 0 0 0; width: 100%; background: url(index/201901/00.jpg) no-repeat center center; background-size: cover; position: relative;}
.hp *{ margin-top:0;}
.hp .inner{ margin: 0 auto; width:960px; height: 100%; position: absolute; top: 0; left: 0; right: 0;}
.hp img.hpitem{ display:block; position: absolute;}
.hp .hpitem01{ margin:0; top: 40px; left: 0; display: none;}
.hp .hpitem02{ margin:auto; top: 0; right: 0; bottom: 0; left: 0;}
.hp .hpitem21{  margin:auto; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; max-height: 90%;}


.hp .in02{ margin:0 auto; width:960px; position: absolute; bottom: 20px; left: 0; right: 0; background: rgba(255,0,0,0.5);}

.hp .hpitem11{ display: block; margin: 0; position: absolute; width: 300px; right: 520px; top: 0;}
.hp .hpitem12{ display: block; margin: 0; position: absolute; width: 250px; right: 260px; top: 10px;}
.hp .hpitem13{ display: block; margin: 0; position: absolute; width: 250px; right: 0; top: 0;}

.hp .so{ display:block; margin: 0; padding: 0; position:absolute; top: 0; left: 0; width:100%; height: 100%; background: rgba(28,22,0,0.8);}
.hp .soitem img{ display:block; margin:auto; padding: 2.0em; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: solid 1px #FFFFFF; background: rgba(28,22,0,0.5);}

.mb.mb01{ margin-top:180px;}
.mb .ttl01{ color: #ae8a00; font-size: 70px; font-weight:800; font-family: 'Open Sans';}
.mb .ttl02{ font-size: 172%; color: #4d4d4d;}
.mb .ttl03{ line-height: 1.8; color: #4d4d4d; font-size: 108%;}

.lmc{ width:620px; float: left;}
.lsc{ width:300px; float: right;}

.table-point{ border-collapse: separate; border-spacing: 0 1.0em;}
.table-point th,.table-point td{ vertical-align:middle;}
.table-point td{ padding-left:1.0em; font-size:128%;}
.table-point td p{ margin: 0; padding: 1.5em 0; border:2px #ae8a00; border-style: solid none solid none; color: #4d4d4d; }

.pay{  background:rgba(174,138,0,0.1); border-radius: 4px;}
.pay .title{ margin:0; padding: 1.5em 0; text-align: center; background: #ae8a00; color: #FFFFFF; font-size: 116%; font-weight: bold;}
.pay .inner{ margin:0; padding: 1.0em 2.0em; color: #4d4d4d;}
.pay .price{ color: #ae8a00;}
.pay .price span{ padding-left:10px; font-size:50px; font-weight:bold;}

.gm{ background:#000000;}

@media only screen and (min-width:480px){ /* pc only */
 body{ min-width: 980px;}
  .mb .ttl01{ color: #ae8a00; font-size: 70px; font-weight:800; font-family: 'Open Sans';}
}

@media only screen and (max-width:480px){ /* sm pnly */
   .hc{ display: block;}
  .hp{ margin:0; padding: 100% 0 0 0; width: 100%; height:auto; background: #000000 url(index/201804/201804-00.jpg) no-repeat left center; background-size: cover; position: relative;}
.hp *{ margin-top:0;}
.hp .inner{ margin: 0 auto; width:100%; height: 100%; position: absolute; top: 0; left: 0; right: 0;}
.hp img.hpitem{ display:block; position: absolute;}
.hp img.hpitem01{ margin:0; top: 40px; left: 0; display: none;}
.hp img.hpitem02{ margin:auto; top: 0; right: 0; bottom: 0; left: 0;}
  
  .hp .in02{ display:none;}
  
  .lmc{ width:100%; float: none;}
.lsc{ width:100%; float: none;}
  
  .mb.mb01{ margin-top:1.0em; font-size:100%;}
  .mb .ttl01{ color: #ae8a00; font-size: 250%; font-weight:800; font-family: 'Open Sans';}
  
  
}