@charset "utf-8";




html, body { margin:0; padding:0;}

h1, h2, h3, h4, h5, h6, p, blockquote, address, big, cite, code, em, font, img, small, strike, sub, sup, li, ol, ul, fieldset, form, label, legend, button, table, caption, tr, th, td {
margin:0;
padding:0;
border:0;
font-weight:normal;
font-style:normal;
font-size:100%;
line-height: 1.7;
font-family:inherit;
text-align:left;
}

table {
border-collapse:collapse;
border-spacing:0;
}

ol, ul { list-style:none;}

blockquote:before, 
blockquote:after { content:""; }

a { outline:none; text-decoration: none;}

input[type=search] {
-moz-appearance:none;
-webkit-appearance:none;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
display: none;
}
#pagetop{ position: fixed; bottom: 40px; right: 2%; z-index: 101; display: none;}
#pagetop img{ width: 90%;}



.block-pc{
    display: block; 
    }  


.hide-pc {
    display: none;
  }

.bg-image_page {
    background:url("../images/bg_image.png") center no-repeat;
    background-size: cover;
  }

.mv{
    margin: 60px 0 20px;
}



.lattice{
    width: 100%;
    background: #fff;
    background-image: url( "../images/background_lattice_img.png"); 
    background-repeat: repeat-y;
}

.lead{
    padding: 30px 0;  
}



.lead-txt{
    line-height: 2em;
    padding-top: 30px;
}

.bg{
    background-color:#dcecf8;
    
}


.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 960px;
}


.media{
    padding: 50px 0 20px;
}


.media-body h2{
    font-weight: bold;
    color: #014099;
    font-size: 32px;
    margin-left: 10px;
    margin-top: 5px;
}

.media-body h3{
    color: #2e2e2e;
    font-size: 18px;
    margin-left: 10px;
    margin-top: 5px;
    text-align: left;
    padding: 30px 0 30px 20px;
}

.price{
    text-align: center;
}

.main-content-inner p{
    font-size: 18px;
    text-align: center;
    margin-bottom: 20px;
}

thead{
    background-color: #014099;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
}

tbody{
    background-color: #fff;
}





@media (max-width: 768px) {
h1, h2, h3, h4, h5, h6, p, blockquote, address, big, cite, code, em, font, img, small, strike, sub, sup, li, ol, ul, fieldset, form, label, legend, button, table, caption, tr, th, td {
margin:0;
padding:0;
border:0;
font-weight:normal;
font-style:normal;
font-size:100%;
line-height: 1.7;
font-family:inherit;
text-align:left;
}   
    
   
    
  .block-sp{
    display: block; 
    } 
    
  .hide-sp{
    display: none;
  } 
  .hide-pc{
    display: block; 
  } 

  
      
  .mv img{
        width: 100%;
      padding: 5%;
    }
    
  .container {
    width: 100%;  
    padding: 5%;
  }
    
.media {
    padding: 0;
    }
    
    
.main-content-inner{
    width: 100%; 
    padding: 0;
    text-align: center;
}

    .main-content-inner a{
            width: 100%; 
    padding: 0;
    }    
    
.title{
    width: 30%;
  }    
    
 .media-body h2{
    font-weight: bold;
    color: #014099;
    font-size: 20px;
  }   
    
.main-content-inner p{
    font-size: 14px;
    text-align: left;
    padding: 5% 3% 3% 3%;
  }  
    
.price{
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
}    

.support{
    width: 100%;   
} 
    
    
table{
 margin: 20px 0;   
    }   

 .st{
    width: 100%;
    background-color: #FDF402;
    color: #FF0004;
    font-size: 16px;
    padding: 10px;
    border-radius: 5%;
    font-weight: bold;
    text-align: center; 
    }  
    
.lead{
    padding: 0;
    
}
    
.main-lead {
    line-height: 2em;
    padding: 5% 3%;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}   

.lead-txt{
    line-height: 2em;
    padding: 5% 3%;
    font-weight: normal;
    font-size: 14px;
    text-align: left;
}   
    
.media-body h3{
    font-size: 14px;   
    } 

    .footer-img{
        width: 100%;
        margin: 15px;
        
    } 
    
    .footer-img-inner{
        width: 100%;
    }  
    
    ul,li{
        text-align: center;
    }  
    
    
}

@media (min-width: 768px) {
    .main-content{
        padding-bottom: 50px;
    }   
    
.main-lead{
    line-height: 2em;
    padding-top: 25px;
}
    
    
 h1{
    padding-top: 20px;
    font-size: 1.2rem; 
} 
    
    .white{
        padding: 30px;
    }  
   
    .footer-img{
        margin-bottom: 20px;
    }
    
}