body{

}
body::before{
content:"";
position:fixed;
background-image: url(../img/bg002.png);
top:0;
left:0;
width:100%;
height:100vh;
z-index:-1;
background-size:cover;
background-repeat:no-repeat;
}

.top_gazou img{
    width:100%;
}


.ark h2{
    color:#d83636;
    text-align:center;
    padding: 8% 0;
}

.ark img{
    width:100%;
    padding:5% 0;
}
.ark_gazou{
    width:70%;
    margin:auto;
}


.ark p{
    font-size: 13px;
    padding: 5% 5% 15% 5%;
    text-align:justify;
    line-height: 23px;
}



section img{
    width:80%;
    padding:5% 10%;
}

.waku{
    width:90%;
    float:left;
    box-shadow:1px 1px 5px rgba(0,0,0,0.4);
    text-align:center;
    margin: 0% 5% 15% 5%;
    background-color:#fff;
}

h3{
    text-align:justify;
    padding:5%;
    color:#273779;
    font-size: 15px;
    letter-spacing: 0px;
    line-height: 19px;
}
.ark_01 p,.ark_02 p,.ark_03 p,.ark_04 p{
    text-align:justify;
    padding:5% 5% 10% 5%;
    font-size:13px;
    line-height: 23px;
}




.mi{
margin: auto;
background-color: #273779;

clear:both;
width:100%;
}
h4{
    font-size: 20px;
    padding: 8px 0 11px 0;
}
h4 {
    align-items: center;
    text-align: center; 
}



.mi p{
    font-size: 15px;
    padding: 0 0 8px 0;
}
.mi h4,.mi p{
    text-align:center;
    color:#fff;

}

/*--------------shikou------------------*/
.shikou_bg{
    clear:both;
    display: block;
}
.shikou_bg{
        background-image: url(../img/bg02.png);
        background-position: 50% 50%;
        background-repet:no-repeat;

        background-size:cover;
        z-index:-1;
        height:100vh;
        width:100%;
        margin-bottom: -5%;
}
.shikou_bg img{
    padding:0;
    margin:0;
}
.sikou_list{margin:auto;width: 100%;padding:10% 0;}

.sikou_list ul li{
    float:left;
    padding: 2%;
    position:relative;
    width: 46%;
}
.sikou_list ul li img{
    width:100%;
}


.sikou_list ul li p{
    position:absolute;
    font-size: 10px;
    color:#fff;
    top: 74.3%;
}

.sikou_list ul li:nth-child(1) p{
    left: 14.9%;
}
.sikou_list ul li:nth-child(2) p{
    left: 23%;
}
.sikou_list ul li:nth-child(3) p{
    left: 11.8%;
}
.sikou_list ul li:nth-child(4) p{
    left: 28.5%;
}
.sikou_list ul li:nth-child(5) p{
    left: 30.2%;
    top: 74.1%;
}
.sikou_list ul li:nth-child(6) p{
    left: 21%;
}
.sikou_list ul li:nth-child(7) p{
    left: 36.9%;
    top:74.1%;
}

/*---------------376px415px-----------------*/
@media only screen and (min-width: 376px) and (max-width:415px){
    .sikou_list ul li:nth-child(1) p{
    left: 18.9%;
}
.sikou_list ul li:nth-child(2) p{
    left: 27%;
}
.sikou_list ul li:nth-child(3) p{
    left: 14.8%;
}
.sikou_list ul li:nth-child(4) p{
    left: 30.5%;
}
.sikou_list ul li:nth-child(5) p{
    left: 31.2%;
    top: 70.1%;
}
.sikou_list ul li:nth-child(6) p{
    left: 24%;
}
.sikou_list ul li:nth-child(7) p{
    left: 37.9%;
    top:70.1%;
}
}
/*---------------------------------*/
/*---------------321px-----------------*/
@media screen and (max-width:321px){
.shikou_bg{
     height:580px;
}
.sikou_list ul li p{
    position:absolute;
    font-size: 8px;
}

    .sikou_list ul li:nth-child(1) p{
    left: 18.9%;
}
.sikou_list ul li:nth-child(2) p{
    left: 26%;
}
.sikou_list ul li:nth-child(3) p{
    left: 14.8%;
}
.sikou_list ul li:nth-child(4) p{
    left: 30.5%;
}
.sikou_list ul li:nth-child(5) p{
    left: 31.2%;
    top: 70.1%;
}
.sikou_list ul li:nth-child(6) p{
    left: 24%;
}
.sikou_list ul li:nth-child(7) p{
    left: 37.9%;
    top:70.1%;
}
}
/*---------------------------------*/
.sikou_list ul li:nth-child(7){left:25%;/* padding-bottom:40px; */}


/*---------------376px415px-----------------*/
@media only screen and (min-width: 376px) and (max-width:415px){
    .sikou_list ul li:nth-child(1) p{
    left: 18.9%;
}
.sikou_list ul li:nth-child(2) p{
    left: 27%;
}
.sikou_list ul li:nth-child(3) p{
    left: 14.8%;
}
.sikou_list ul li:nth-child(4) p{
    left: 30.5%;
}
.sikou_list ul li:nth-child(5) p{
    left: 31.2%;
    top: 70.1%;
}
.sikou_list ul li:nth-child(6) p{
    left: 24%;
}
.sikou_list ul li:nth-child(7) p{
    left: 37.9%;
    top:61.1%;
}
}
/*---------------------------------*/
/*---------------321px-----------------*/
@media screen and (max-width:321px){
.shikou_bg{
     height:580px;
}
.sikou_list ul li p{
    position:absolute;
    font-size: 8px;
}

    .sikou_list ul li:nth-child(1) p{
    left: 18.9%;
}
.sikou_list ul li:nth-child(2) p{
    left: 26%;
}
.sikou_list ul li:nth-child(3) p{
    left: 14.8%;
}
.sikou_list ul li:nth-child(4) p{
    left: 30.5%;
}
.sikou_list ul li:nth-child(5) p{
    left: 31.2%;
    top: 70.1%;
}
.sikou_list ul li:nth-child(6) p{
    left: 24%;
}
.sikou_list ul li:nth-child(7) p{
    left: 37.9%;
    top:58.1%;
}
}
/*---------------------------------*/
/*-------------------------------*/
@media only screen and (min-width:667px) and (max-width:1000px){
.sikou_list ul li p{
    font-size: 15px;
    top: 70.3%;
}
.shikou_bg{height:1200px;}
.sikou_list ul li:nth-child(1) p{
    left: 19.9%;
}
.sikou_list ul li:nth-child(2) p{
    left: 28%;
}
.sikou_list ul li:nth-child(3) p{
    left: 17.8%;
}
.sikou_list ul li:nth-child(4) p{
    left: 32.5%;
}
.sikou_list ul li:nth-child(5) p{
    left: 32.2%;
    top: 70.1%;
}
.sikou_list ul li:nth-child(6) p{
    left: 27%;
}
.sikou_list ul li:nth-child(7) p{
    left: 37.9%;
    top: 68%;
}
}
/*-------------------------------*/
/*-------------------------------*/
@media only screen and (min-width:480px) and (max-width:666px){
.sikou_list ul li p{
    font-size: 12px;
    top: 70.3%;
}
.shikou_bg{height:900px;}
.sikou_list ul li:nth-child(1) p{
    left: 18.9%;
}
.sikou_list ul li:nth-child(2) p{
    left: 27%;
}
.sikou_list ul li:nth-child(3) p{
    left: 15.8%;
}
.sikou_list ul li:nth-child(4) p{
    left: 31.5%;
}
.sikou_list ul li:nth-child(5) p{
    left: 31.2%;
    top: 70.1%;
}
.sikou_list ul li:nth-child(6) p{
    left: 25%;
}
.sikou_list ul li:nth-child(7) p{
    left: 38.9%;
    top: 70%;
}
}