@charset "UTF-8";

body {
  position: relative;
  font-family: MS Gothic,ＭＳ ゴシック, sans-serif;
  color: black;
  background: white; }
  
.mt1 { margin-top: 1%; }
.mt2 { margin-top: 2%; }
.mt3 { margin-top: 3%; }
.mt4 { margin-top: 4%; }
.mt5 { margin-top: 5%; }
.mt6 { margin-top: 6%; }
.mt7 { margin-top: 7%; }
.mt8 { margin-top: 8%; }
.mt9 { margin-top: 9%; }
.mt10 { margin-top: 10%; }
.mt15 { margin-top: 15%; }
.mt20 { margin-top: 20%; }

.b { font-weight: bold; }
.center { text-align: center; }

img { 
   width: 100%;
   vertical-align: top; }

a { text-decoration: none;
   color: black; } 

a:hover {
   opacity: 0.75; }
 
 /* MOBILE
@media screen and (max-width: 768px) {
*/
 
 .pc {display: none; }
   
 p {
     font-size: 3vw;
     text-align: justify;
      line-height: 4vw; }

.header_1st {
   z-index: 1;
   position: relative;}
   
.content_1st {
   z-index: 10;
   margin-top: -23.5%;
   position: relative; }
   
.link_1st {
   z-index: 20;
   margin-top: -22%;
   margin-left: 8%;
   position: relative; }
   
.btn_1st {
   width: 43.5%;
   margin-right: 3%; 
   display: inline-block; }
   
.bottom_1st {
   z-index: 1; 
   margin-top: -12%;
   position: relative; }
   

.footer_box_1st {
   width: 60%;
   margin-left:5%;
   padding-top: 3%;
   margin-bottom: 2%;
   display: inline-block; }

.b1_1st {
   font-size: 1.9vw;
   display: inline-block;
   font-weight: bold;
   margin-right: 2%; }

.b2_1st {
   font-size: 1.9vw;
   font-weight: bold;
   margin-top: -1%; }
   
.bottom_logo_1st {
   width: 30%;
   display: inline-block;
   padding-top: 3%;
   margin-left: 1%; }
   
/*      
}
*/