@charset "UTF-8";
/* reset */
*{margin: 0;
padding:0;}
    
ul{list-style: none;}
    
a{display: block;
text-decoration: none;
color: inherit;}
    
img{max-width: 100%;
vertical-align: bottom;}
    
body{font-family: sans-serif;
line-height: 1.0;
background:url(../../img/background-gray.png) ;
}

/* 個人情報保護 */
/* logo */
.logo{width: 5%;
width: 5%;
padding-top: 5px;}

h2{
font-size:2.2em ;
padding: 0 0 20px 10px;
text-align: center;
    }

.dots-container {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
      }
      
.dot {
height: 20px;
width: 20px;
margin-right: 10px;
border-radius: 10px;
background-color: #003459;
animation: pulse 1.5s infinite ease-in-out;
}
      
.dot:last-child {
margin-right: 0;
}
      
.dot:nth-child(1) {
animation-delay: -0.3s;
}
      
.dot:nth-child(2) {
animation-delay: -0.1s;
}
      
.dot:nth-child(3) {
animation-delay: 0.1s;
}

.dot:nth-child(4) {
    animation-delay: 0.1s;
    }

.dot:nth-child(5) {
animation-delay: 0.1s;
        }
.dot:nth-child(6) {
animation-delay: 0.1s;
                    }
.dot:nth-child(7) {
animation-delay: 0.1s;
    }
      
 @keyframes pulse {
0% {
transform: scale(0.8);
background-color: #7EA1C4;
box-shadow: 0 0 0 0 rgba(178, 212, 252, 0.7);
}
      
50% {
transform: scale(1.2);
background-color: #003459;
box-shadow: 0 0 0 10px rgba(34, 39, 45, 0);
}
      
100% {
transform: scale(0.8);
background-color: #7EA1C4;
box-shadow: 0 0 0 0 rgba(178, 212, 252, 0.7);
}
}
      

.container{margin: 50px 100px;
font-family:"Noto Serif JP", serif;
font-weight: 400;}

ol{list-style-type:decimal;
margin: 0 0 50px 23px;}

li{line-height: 1.8;}

p{font-size: 1.2em;
margin-bottom: 50px;}

p a{color: #003459;
text-decoration:underline;
font-weight: bold;}

@media (width <= 743px){

.logo{width: 10%;
width: 10%;
padding: 10px 20px;}

h2{margin: 20px 0 20px 0;
font-size:1.8em ;
       }

.container{margin: 20px;
}
        
ol{list-style-type:decimal;
}
        
li{line-height: 1.6;}
        
p{font-size: 1em;
margin: 20px 20px;
line-height:1.6 ;
}

}