.pc{display:block;}
.sp{display:none;}
@media (max-width: 600px) {
.pc{display:none;}
.sp{display:block;}
}

.uk-section-primary {background: #333;}


#eyecatch{background-color: #56cbfa; overflow: hidden;}
#eyecatch .uk-container>p{margin: auto; font-weight:bold; font-size:1.4em; color: #333; margin-bottom: 1em;}
#eyecatch .uk-container .uk-grid{width:1000px; margin: auto; justify-content:center; }
#eyecatch .uk-container .uk-grid h1{font-weight:bold; font-size:2.2em;}
#eyecatch .uk-container .uk-grid h2{font-weight:bold; font-size:1.6em;}
#eyecatch .uk-container .uk-grid p{font-size:1.1em; color:#333;}
#eyecatch .uk-container .uk-grid .uk-panel:nth-child(1){width: calc(100% - 350px);}
#eyecatch .uk-container .uk-grid .uk-panel:nth-child(2){width: 350px; padding-right: 0px;}

#eyecatch .uk-container .uk-grid a{text-decoration: underline;}
#eyecatch img{width:300%; height: auto; position: relative; left: -50px; top:100px;}

@media (max-width: 600px) {
#eyecatch .uk-container .uk-grid{}
#eyecatch .uk-container .uk-grid{width:100%; flex-wrap:wrap;}
#eyecatch .uk-container .uk-grid .uk-panel:nth-child(1){width:100%;}
#eyecatch .uk-container .uk-grid .uk-panel:nth-child(2){width:100%; padding-right: 0px; text-align:center;}
#eyecatch img{width:60%; height: auto; margin:auto;}
#eyecatch .uk-container .uk-grid h1{text-align:center; font-size: 2.0em;}
#eyecatch .uk-container .uk-grid h2{text-align:center;}
}

#eyecatch{position: relative; background: #FFF; padding-top: 50px; padding-bottom: 30px;}
#eyecatch:before{content: url(../img/main_bk_left.png); position: absolute; left:-20px; top:-2px; opacity: 0.9;}
#eyecatch:after{content: url(../img/main_bk_right.png); position: absolute; right:-120px; bottom:-7px;}

#eyecatch .uk-container{position: relative; z-index: 9;}

.sp_view{display: none;}

@media (max-width: 600px) {
    .sp_view{display: block;}
    #eyecatch{margin-bottom: 50px; overflow: hidden;}
    #eyecatch .uk-container>p{width: 100%; font-size: 1.2em;}
    #eyecatch .uk-container .uk-grid h1{font-size: 1.6em;}
    #eyecatch .uk-container .uk-grid p{font-size: 1.0em;}
    #eyecatch .uk-container .uk-grid h2{margin-top: 20px;}
    #eyecatch img{width:50%; height: auto; position: relative; left: -10px; top:-20px;}

    #eyecatch:before{content: url(../img/main_bk_left.png); position: absolute; left:-4px; top:-150px;}
    #eyecatch:after{content: url(../img/main_bk_right.png); position: absolute; right:-200px; bottom:-40px;}
}



#feature-lst .rslp-lst .uk-card{margin-bottom: 30px; border-radius: 10px; margin-left: 30px;}
#feature-lst .rslp-lst .uk-grid{align-items:center;}
#feature-lst .rslp-lst .uk-panel{padding: 10px;}
#feature-lst .rslp-lst .uk-panel:nth-child(1){text-align: center;}

#feature-lst .rslp-lst a{text-decoration:underline;}

@media (max-width: 600px) {
	#feature-lst .rslp-lst .uk-card{margin-left: 10px;}
    #feature-lst .rslp-lst .logo_workato{margin: 20px auto 30px;}
}

.featurebox>p{padding: 20px; width: calc(35% - 1.5%);}
.featurebox>p>img{border-radius: 14px;}

.featurebox>div{padding: 50px;}

.featurebox h3{padding-left: 100px; margin-top: 20px;}
.featurebox h3:before{top:10px;}
.featurebox ul li{list-style: disc!important;}

@media (max-width: 600px) {
    .featurebox>p{padding: 10px; width: calc(50% - 1.5%);}
    .featurebox>p>img{width: 100%;}
}




#scene{background-color: #FFF;}


#workato_price{background-color: #e0f4fc;}
#workato_recipes .uk-card-default{width:80%; margin:auto auto 30px; padding: 30px 30px 30px 0;}
#workato_recipes .uk-card-default .uk-padding{padding:10px;}
@media (max-width: 640px){
#workato_recipes .uk-child-width{box-sizing: border-box; width: 30%;}

#workato_recipes .uk-grid-margin{margin-top:0; width:50%;}
#workato_recipes .uk-first-column{margin-top:0; width:50%;}

}


.scene_lst{display: flex; flex-wrap: wrap; justify-content: space-around;}
.scene_lst ul{border-bottom: 0px;  width: 50%; margin: 0; padding:0; /*margin-right:10px;*/}

.scene_lst ul:nth-child(1){border-right:0; margin-bottom: 30px;}
.scene_lst ul li{border-bottom: 0px solid #ccc; padding:10px; display: flex; flex-wrap: wrap;　border-left:1px solid #ccc;}
                        
.scene_lst ul li:nth-child(1){height: 300px; border:1px solid #ccc; }/* 画像 */
.scene_lst ul li:nth-child(2){height: 150px; border:1px solid #ccc;}
.scene_lst ul li h3{width: 100%; text-align: center; margin-bottom: 0em;}

.scene_lst ul li img{width:auto; height: 300px; margin: auto;}

@media (max-width: 600px) {
   
    .scene_lst{display: flex; flex-wrap: wrap; width: 90%; margin: auto; justify-content: center;}
    .scene_lst ul{width: 100%; margin-bottom: 30px; margin-right:0px;}
    .scene_lst ul:nth-child(1){border-right:1px solid #ccc;}
    .scene_lst ul li:nth-child(n+0){height: auto;}
    .scene_lst ul li img{width:100%; height: auto; margin: auto;}
}