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

/*PC*/
@media print, screen and (min-width: 769px) {

/* feature
--------------------------------------------*/
.feature .cont01_pc { position: relative; margin-bottom: 200px; }

.feature .cont01_pc{margin: 0 auto; margin-bottom: 200px;}
.feature .cont01_pc h3{text-align: left; font-size: 2.5em; padding-bottom: 0; box-sizing: border-box; position: relative;}  
.feature .cont01_pc h3::after{content: ""; position: absolute; width: 80px; height: 1px; background: linear-gradient(90deg, #2ca2b4, #5598de 30%, #7f87ff 65%, #f65aad); bottom: 0; left: 0;} 

.feature .cont01_pc h4{text-align: center;}
.feature .cont01_pc .com_text{font-size: 24px; font-weight: 700; line-height: 1.4; letter-spacing: -0.03em; margin: 50px 170px 50px 170px;}
    
.feature .cont01_pc .wrap{display: flex;}
.feature .cont01_pc .item{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 1% 1% 0; width: 20%;}
.feature .cont01_pc .item .main_img {width: 43%; margin: 0 auto; position: relative; height: auto;}
.feature .cont01_pc .item .main_img::after{content: ""; background: rgba(255,255,255,.3); position: absolute; top: 0; right: 0; bottom: 0; left: 0;}    
.feature .cont01_pc .item .text_box{width: 47%; margin: 0 auto; color: #fff;}
.feature .cont01_pc .item .text_box .text{font-size: 19px; letter-spacing: 0.3px; margin-top: 30px;}
 
   
    
    
}


/*sp*/
@media only screen and (max-width: 768px) {

/* feature
--------------------------------------------*/
    
    
.feature{padding: 0 3%;}
    
.index .cont01_sp { position: relative; margin-bottom: 100px; }

.feature .cont01_sp h3{font-size: 25px; text-align: left; position: relative;}
.feature .cont01_sp  h3::after{content: ""; position: absolute; width: 80px; height: 1px; background: linear-gradient(90deg, #2ca2b4, #5598de 30%, #7f87ff 65%, #f65aad); bottom: 0; left: 0;}
.index .cont01_sp p { margin-bottom: 50px; font-size: 0.9em; }
   
.item{font-size: 50px;font-weight: bold;color: #fff; padding: 0 1% 0; margin-top: 30px;
}

.item .main_img {width: 100%; margin: 0 auto;}
    
.item .text_box{width: 100%; margin: 10px auto 0;}
.item .text_box .text{font-size: 15px; letter-spacing: 0.3px; margin-top: 10px; line-height: 1.6;} 

#item12{margin-bottom: 80px;}
    

}