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


h2{
    margin: 0;
    color: #5096c8;
    
}



/*!!!!!!!!!!!!!!!!!!!!

インターネット回線取次
/internet/connect/

！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！*/

.read{

}
.mainimage{
    background-image: url("../image/heriyakei419179.jpg");
    background-size: cover;
}

.text_img2{
    margin: 40px auto 0 5%;
    text-align: right;
}
.text_img2 img{
    width: 100%;    
}

/* /internet/connect/ .dounyu　導入までの流れ*****************************/
.dounyu{
    width:80%;
    max-width: 1024px;
    margin: 0 auto ;
    position: relative;
    overflow: hidden;
}
.dounyu h2{
    width: 100%;
    margin: 30px auto 0 auto;
    padding-top: 50px;
    overflow: hidden;
    position:relative; 
    text-align: center;
    padding: 20px 0;
    font-weight: normal;
}

.dounyu > div{
     margin :20px 1% 0px 0;
     width: 48%;
     background-color: #fff; 
     border: 2px solid #e3e3e3;
     float: left;
     height: 230px;
    box-sizing: border-box;
}
.dounyu > div:nth-child(2n+1){
    margin :20px 0 0 1%;
}

.dounyu > div h3{
    text-align: center;
    color : #584d38;
    background-color : #f5f5f5;
    padding: 10px 0;
    margin: 0;
    border-bottom: 2px dotted #e3e3e3;
}

.otoiawase_kaisen img{
    margin: 20px 10px auto auto;
    width: 40%;
    box-sizing: border-box;
    float: left;
}
.otoiawase_kaisen p{
    padding: 3% 10px 0 10px;
    width: 100%;
    box-sizing: border-box;
}

.dounyu_kaisen p{
    width: 80%;
    margin: 0 auto;
    padding: 30px 0 ;
}

/* .toriatukai　取り扱い一覧*****************************/

.toriatukai{
    width: 100%;
    max-width: 800px;
    background-color: #cce9ff;
    height: auto;
    clear: both;
    margin: 30px auto 5% auto;
    overflow: hidden;
 }
.toriatukai h2{
    text-align: center;
    padding: 0px 0;
    margin: 30px auto 20px auto;
}
.toriatukai ul{
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 10%;
    padding-inline-start:0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: start;
}
.toriatukai ul li,
.toriatukai ul::after {
    display: block;
    width: 40%;
    background-color: #fff; 
    border: 2px solid #e3e3e3;
    padding: 20px;
    margin-top : 20px;
    box-sizing: border-box;
}
.toriatukai ul::after{
   background-color: transparent;
   border: none;
   content: "";
}
.toriatukai ul li img{
    width:90%;
}




/* ########### 900以下 ########### */
@media (max-width: 900px) {
    
    .ryoukin{
       padding: 0%;
        width: 100%;
       
    }
    
    .ryoukin h2{
        background-color: #5096c8;
        color: #fff;
        font-size:140%;
        padding: 5px;
    }
    
    .ryoukin p{
        font-size : 100%;
        width: 90%;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .tell{
        float: none;
        padding:10% 0 10%;
    }

    .tell img{
        width: 80%;
    }
    
    
    
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!インターネット回線取次 ！！！！！！！！！！！！！！！！！！！！！！*/    
    
    
     .image_kaisen{
        height: 240px;
    }
    
    .text_img2{
        margin: 0px auto 0 auto;
        text-align: center;
    }
    .text_img2 img{
        width: 100%;
        max-width:380px;
    }

    
    
/* /internet/connect/ .dounyu　導入までの流れ*****************************/
    
     .dounyu{
            width: 100%;
            text-align: center;
        }

    .dounyu h2{
            color: #fff;
            background-color: #5096c8;
            border-bottom: 2px solid #34609c;
            margin: 0;
            padding: 10px 0;
            font-size: 22px;    
        }
    .dounyu > div{
        display: inline-block;
        margin :20px 0.5% 0 0.5%;
        float: none;
        vertical-align: top;
    }
    .dounyu > div:nth-child(2n+1){
        margin :20px 0.5% 0 0.5%;
    }
    .otoiawase_kaisen p,
    .dounyu_kaisen p{
        text-align: left;
    }
    
    
    
/* .toriatukai　取り扱い一覧*****************************/
    
    .toriatukai{
        width: 100%;
        max-width: 900px;
        background-color: #ffffff;
    }
    .toriatukai h2{
        padding: 10px 0;
        margin: 0px auto 20px auto;
    }
    .toriatukai ul{
        margin-bottom: 0;
    }
    .toriatukai ul{
    }
    
}

/* ########### 600以下 ########### */
@media (max-width: 600px) {   
/* /internet/connect/ .dounyu　導入までの流れ*****************************/
   
        
        .dounyu > div{
             margin : 0% 0 3% 0%;
             width: 100%;
             border: 0px solid #CDCDCD;
             height: auto;
            
        }
        .dounyu > div:nth-child(2n+1){
            margin : 0% 0 3% 0%;
        }
        .dounyu > div h3{
            text-align: center;
            color : #5096c8;
            background-color : #efeeed;
            padding: 10px 0;
            margin: 0;
            border-bottom: 0px dotted #CDCDCD;
        }
        .otoiawase_kaisen img{
            padding: 1%;
            width: 40%;
            max-width: 150px;
        }

        .otoiawase_kaisen p{
            width: 100%;
            font-size: 90%;
            padding: 10px;
            color: #584d38;
        }

        .dounyu_kaisen p{
            color: #584d38;
            margin-bottom: 0%;
        }
    
    /* .toriatukai　取り扱い一覧*****************************/
    .toriatukai ul li{
        padding: 0 0 20px 0;
        margin-bottom: 10%;
    }

    .toriatukai ul li{
         width: 70%;
        min-width: 240px;
         background-color: #fff; 
         border: 2px solid #CDCDCD;
         padding: 10px;
         margin : 0px auto 10px auto;
        float: none;
    }
    .toriatukai ul::after{
        display: none;
    }
}