@media screen and (min-width:1025px) {
/*　画面サイズが1025pxからはここを読み込む　*/
/*============================================
メイン
============================================*/
#main2{
 width:100%;
 height:auto;
 margin:0px;
}

/*============================================
コンテンツ１
============================================*/
.S-contents1{
 width:100%;
 height:auto;
 margin:5rem auto 5rem auto;
}

.S-contents1 h2{
 color:#556270;
 text-align:center;
}
    
.S1-text{
 width:860px;
 height:auto;
 margin:25px auto 25px auto;    
}
  
.S1-text p{
 width:860px;
 height:auto;
 margin:0px;
 font-size:17px;
 line-height:26px;
 color:#556270;
}
    
.S1-text p span{
 font-weight:bold;
 color:#FF88A1;
}

.S1-text p strong{
 color:#DC143C;
 font-weight:bold;
 font-size:20px;
}



/*============================================
コンテンツ2
============================================*/
.S-contents2{
 height:850px;
 margin:80px auto 0px auto;
 position:relative;
}
    
.S2-text{
 width:860px;
 height:50px;
 margin:25px auto 25px auto;   
} 
    
.S2-text p{
 width:860px;
 height:50px;
 display:block;
 margin:0px;
 text-align:left;
 font-size:17px;
 line-height:50px;
 color:#556270;
}
    
.S2-illust{
 width:860px;
 height:650px;
 margin:0px auto;
 display:block;
}

.S2-illust img{
 width:860px;
 height:650px;
 margin:0px;
}
   
/*============================================
コンテンツ3
============================================*/
.S-contents3{
 height:995px;
 margin:80px 0px 0px 0px;
 position:relative;
}

.S3-text{
 width:860px;
 height:200px;
 margin:25px auto 0px auto;
} 
    
.S3-text p{
 width:860px;
 height:200px;
 margin:0px;
 text-align:left;
 font-size:17px;
 line-height:50px;
 color:#556270;
}  
    
.S4-text{
 width:860px;
 height:70px;
 margin:25px auto 0px auto;
}

.S4-text p{
 width:860px;
 height:70px;
 margin:0px;
 text-align:left;
 font-size:17px;
 line-height:50px;
 color:#556270;
}  
    
}


@media screen and (min-width:851px) and (max-width:1024px) {
/*　画面サイズが851pxから1024pxまではここを読み込む　*/
/*============================================
メイン
============================================*/
#main2{
 width:100%;
 height:auto;
 margin:0px;
}
/*============================================
コンテンツ１
============================================*/
.S-contents1{
 width:768px;
 height:auto;
 margin:80px auto 0px auto;
 position:relative;
}

.S-contents1 h2{
 color:#556270;
 text-align:center;
}

.S1-text{
 width:687px;
 height:auto;
 margin:25px auto 25px auto;    
}

.S1-text p{
 width:687px;
 height:auto;
 margin:0px;
 font-size:17px;
 line-height:26px;
 color:#556270;
}

.S1-text p span{
 font-weight:bold;
 color:#FF88A1;
}

.S1-text p strong{
 color:#DC143C;
 font-weight:bold;
 font-size:20px;
}



/*============================================
コンテンツ2
============================================*/
.S-contents2{
 width:768px;
 height:850px;
 margin:80px auto 0px auto;
 position:relative;
}
    
.S2-text{
 width:687px;
 margin:25px auto 25px auto;   
} 
    
.S2-text p{
 width:687px;
 display:block;
 margin:0px;
 text-align:left;
 font-size:17px;
 line-height:50px;
 color:#556270;
}
    
.S2-illust{
 width:768px;
 height:650px;
 margin:0px auto;
 display:block;
}

.S2-illust img{
 width:768px;
 height:650px;
 margin:0px;
}
   
/*============================================
コンテンツ3
============================================*/
.S-contents3{
 width:768px;
 height:995px;
 margin:80px auto 0px auto;
}

.S3-text{
 width:687px;
 height:200px;
 margin:25px auto 0px auto;
} 
    
.S3-text p{
 width:687px;
 height:200px;
 margin:0px;
 text-align:left;
 font-size:17px;
 line-height:50px;
 color:#556270;
}
    
.S4-text{
 width:687px;
 height:70px;
 margin:25px auto 0px auto;
}

.S4-text p{
 width:687px;
 height:70px;
 margin:0px;
 text-align:left;
 font-size:17px;
 line-height:50px;
 color:#556270;
}  
    

    
}


@media screen and (min-width:480px) and ( max-width:850px) {
/*　画面サイズが480pxから850pxまではここを読み込む　*/
/*============================================
メイン
============================================*/
#main2{
 width:100%;
 height:auto;
 margin:0px;
}
/*============================================
コンテンツ１
============================================*/
.S-contents1{
 width:80%;
 height:auto;
 margin:50px auto 0px auto;
}

.S-contents1 h2{
 color:#556270;
 text-align:center;
}
    
.S1-text{
 width:100%;
 height:auto;
 margin:25px auto 25px auto;    
}

.S1-text p{
 width:100%;
 height:auto;
 margin:0px;
 font-size:17px;
 line-height:26px;
 color:#556270;
}
    
.S1-text p span{
 font-weight:bold;
 color:#FF88A1;
}

.S1-text p strong{
 color:#DC143C;
 font-weight:bold;
 font-size:20px;
}



/*============================================
コンテンツ2
============================================*/
.S-contents2{
 width:80%;
 height:455px;
 margin:50px auto 0px auto;
}
    
.S2-text{
 width:100%;
 height:50px;
 margin:25px auto 25px auto;   
} 
    
.S2-text p{
 width:100%;
 height:50px;
 display:block;
 margin:0px;
 text-align:left;
 font-size:17px;
 line-height:26px;
 color:#556270;
}
    
.S2-illust{
 width:72.5%;
 height:310px;
 margin:0px auto;
}

.S2-illust img{
 width:100%;
 height:310px;
 margin:0px;
 display:block;
}
   
/*============================================
コンテンツ3
============================================*/
.S-contents3{
 width:80%;
 height:1110px;
 margin:50px auto 0px auto;
}

.S3-text{
 width:100%;
 height:250px;
 margin:25px auto 25px auto;
} 
    
.S3-text p{
 width:100%;
 height:200px;
 margin:0px;
 text-align:left;
 font-size:17px;
 line-height:50px;
 color:#556270;
}
    
.S4-text{
 width:100%;
 height:70px;
 margin:25px auto 25px auto;
}

.S4-text p{
 width:100%;
 height:70px;
 margin:0px;
 text-align:left;
 font-size:17px;
 line-height:50px;
 color:#556270;
}




}




@media screen and (max-width:479px) {
/*　画面サイズが479pxからはここを読み込む　*/
/*============================================
メイン
============================================*/
#main2{
 width:100%;
 height:auto;
 margin:0px;
}

/*============================================
コンテンツ１
============================================*/
.S-contents1{
 width:90%;
 height:auto;
 margin:50px auto 0px auto;
}

.S-contents1 h2{
 color:#556270;
 text-align:center;
}
    
.S1-text{
 width:100%;
 height:auto;
 margin:25px auto 25px auto;    
}

.S1-text p{
 width:100%;
 height:auto;
 margin:0px;
 font-size:17px;
 line-height:26px;
 color:#556270;
}
    
.S1-text p span{
 font-weight:bold;
 color:#FF88A1;
}

.S1-text p strong{
 color:#DC143C;
 font-weight:bold;
 font-size:20px;
}



/*============================================
コンテンツ2
============================================*/
.S-contents2{
 width:90%;
 height:455px;
 margin:50px auto 0px auto;
}
    
.S2-text{
 width:100%;
 height:50px;
 margin:25px auto 25px auto;   
} 
    
.S2-text p{
 width:100%;
 height:50px;
 display:block;
 margin:0px;
 text-align:left;
 font-size:17px;
 line-height:26px;
 color:#556270;
}
    
.S2-illust{
 width:100%;
 height:310px;
 margin:0px;
}

.S2-illust img{
 width:100%;
 height:310px;
 margin:0px;
 display:block;
}
   
/*============================================
コンテンツ3
============================================*/
.S-contents3{
 width:90%;
 height:1160px;
 margin:50px auto 0px auto;
}

.S3-text{
 width:100%;
 height:250px;
 margin:25px auto 25px auto;
} 
    
.S3-text p{
 width:100%;
 height:200px;
 margin:0px;
 text-align:left;
 font-size:17px;
 line-height:50px;
 color:#556270;
}
    
.S4-text{
 width:100%;
 height:70px;
 margin:25px auto 25px auto;
}

.S4-text p{
 width:100%;
 height:70px;
 margin:0px;
 text-align:left;
 font-size:17px;
 line-height:50px;
 color:#556270;
}  

}