/* 회사소개 - 인사말 あいさつ */
.greeting{position: relative; width:100%; height:820px; background-image: linear-gradient(40deg, #e08655, #df3a3a); z-index: 1; }
.greeting::after{display: block; position: absolute; top: -27px; left: 0;  content:'\f599'; font-family: remixicon; font-size: 30px; color:#e05743; font-size: 50rem; z-index: -1; width:100%; text-align: center;}
.greeting_box{color: #fff; text-align: center; padding-top: 180px;}
.greeting_box .greeting_tit{font-size: 50px; font-weight: 900; margin-bottom: 54px; display: block; color:#fff;}
.greeting_box .greeting_text{ font-weight: 500; line-height: 30px;}
.greeting_box .greeting_mouse{display: block; margin-top: 87px; font-size: 30px;}
.greeting_new{padding-top: 100px; padding-bottom: 145px; color: #1d1d1d; background-color: #f4f4f4;}
.greeting_new span{font-size: 20px; display: block; margin-bottom: 20px;}
.greeting_new p{position: relative; margin-bottom: 161px; color:#1d1d1d;}
.greeting_new p::after{position: absolute; left: 0%; bottom: -112px; display: block; width: 1px; height: 70px; background-color: #c3c3c3; content: '';}
.greeting_sign{}
.greeting_sign em{display: block; margin-bottom: 15px; font-style: normal; font-weight: 600; color:#1d1d1d;}

@media all and (max-width:820px){
    .greeting{height: 24rem;}
    .greeting::after{font-size: 23rem; top: -11px;}
    .greeting_box{padding: 50px 20px 0 20px;}
    .greeting_box .greeting_tit{margin-bottom: 20px; font-size: 35px;}
    .greeting_box .greeting_text{font-size: 14px; line-height: 24px;}
    .greeting_box .greeting_mouse{margin-top: 20px;}
    .greeting_new p{font-size: 15px;}
    .greeting_sign em{font-size: 15px;}
}


/* 회사소개 - 설립철학 設立哲学 */
.philosophy{ }
.philosophy_box{background-image: url(../images/sv_01.jpg) ; background-size: cover; }
.philosophy_inner{position: relative;height:637px;}
.philosophy_inner::after{position: absolute; bottom: 0; right: 0; background-image: url(../images/sub0102_img02.png); background-repeat: no-repeat; width:297px; height:178px; content: ''; }
.philosophy_box h2{font-size: 50px; font-weight: 900; padding: 92px 0 37px 0;}
.philosophy_box h2 span{position: relative; color:#d8534c;  text-emphasis: dot; text-emphasis-position :over; z-index: 1;}
.philosophy_box h2 span::after{position: absolute; box-shadow: inset 0 -17px 0 #fff178; width:100%; height:14px; content: ''; left: 0; bottom: 4px; z-index: -1;}
.philosophy_box .philosophy_tit{}
.philosophy_box .philosophy_text span{display: block; font-weight: 400; line-height: 30px;}
.philosophy_box span.fw{display: block; font-weight: 700; margin:18px 0;}

.philosophy_list{margin: 120px 0 110px 0}
.elist{}
.elist02{margin:100px 0;}
.elist_img_box{position: relative; }
.elist_img_box .elist_tit{position: absolute; left: 0; bottom: 100px; width: 100%; text-align: center;}
.elist_img_box .elist_tit strong{color:#fff; font-size: 50px; font-weight: 900; letter-spacing: 0.3em;}
.elist_img_box .elist_img img{width:100%; display: inline-block;}
.elist_text_box{width: 100%; background-color: #fff; padding:30px 40px; box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px; border-radius: 0 20px 20px 20px; position: relative; margin-top: -50px;}

@media all and (max-width:820px){
    .philosophy_box h2{font-size: 40px; padding: 61px 0 37px 0;}
    .philosophy_box .philosophy_text span{line-height: 25px; font-size: 15px;}
    .philosophy_inner::after{background-size: 100% auto; width: 190px; height: 113px;}
    
    .elist02{margin:50px 0;}
    .elist_img_box .elist_tit{bottom: 70px;}
    .elist_img_box .elist_tit strong{font-size: 33px;}
    .elist_text_box span{font-size: 14px; line-height: 22px;}
}

@media all and (max-width:500px){
    .philosophy_box{height:550px; }
    .philosophy_box h2{font-size: 30px; }
    .philosophy_box .philosophy_text span{line-height: 22px; font-size: 15px;}
    .philosophy_inner::after{ width: 128px; height: 163px;}

    .philosophy_list{margin: 60px 0 100px 0;}
    .elist_img_box .elist_tit{bottom:30px;}
    .elist_img_box .elist_tit strong{font-size: 25px;}
    .elist_text_box{padding: 20px 20px; margin-top: -24px;}
    .elist_text_box span{line-height: 19px;}
}

@media all and (max-width:360px){
    .philosophy_box{height:500px; }
    .philosophy_box h2{font-size: 28px; padding:35px 0 20px 0;}
    .philosophy_box .philosophy_text span{line-height: 20px; font-size: 14px;}
    .philosophy_inner::after{ width: 91px; height: 191px;}
}


/* 회사소개 - 오시는 길 */
.care_text_box .care_de .care_tit.care_tit_02{padding: 0 0 60px 0; text-align: center; line-height: 50px;}
.igr{font-size: 30px; text-align: center; background: linear-gradient(338deg, #f8984a, #ee3a3a); -webkit-background-clip: text; color: transparent;}
.map_text{position: relative; width:100%;  background-image: linear-gradient(11deg, #f2593e, #ee3a3a); }
.map_text::after{position: absolute; right:14%; top:-112%; width:334px; height:334px; background-image: url(../images/map_bg.png); content: ''; z-index: -1;}
.map_text .textall{padding:44px 0;}
.map_text .textall .map_tx{color: #fff;}
.map_text .textall .map_tx i{color:#ffb59b; margin-right: 11px;}
.map_text .textall .map_tx strong{width: 11%; display: inline-block;}
.text_02 em{font-style: normal; margin-left: 40px;}

@media all and (max-width:820px){
    .care_text_box .care_de .care_tit.care_tit_02{padding: 0 0 25px 0; line-height: 40px;}
    .map_text .textall .map_tx strong{width:15%;}
}
@media all and (max-width:640px){
    .care_text_box.mapbox{padding: 64px 0 39px 0;}
    .map_text::after{right:0; top:-30%;}
    .map_text .textall .map_tx span{display: block;}
    .text_02 em{margin-left: 0;}
    .map_text .textall .map_tx strong{width:50%;}
    .map_text .textall .map_tx.text_02 {margin:15px 0;}
}

/* 사업소개 - 필봇스토리 FEELBOTストーリー */
.bot_story{text-align: center; margin-bottom:110px;}
.bot_story_box{position: relative; width:100%; height:448px; background-color: #ffe3d0; display: inline-block;}
.bot_story_box::before{position: absolute; left: 0; bottom: 0; width: 396px; height: 376px; background-image: url(../images/sub0201_img02.png); background-repeat: no-repeat; content: '';}
.bot_story_box::after{position: absolute; right: 0; bottom: 0; width: 396px; height: 376px; background-image: url(../images/sub0201_img03.png); background-repeat: no-repeat; content: '';}
.bot_story_tit{padding-top: 100px; position: relative; z-index: 2;}
.bot_story_tit h2{font-size: 50px; color: #e3621a; font-weight: 900;}
.bot_story_tit p{font-size: 18px; margin: 44px 0 40px 0; font-weight: 600;}
.story_video{position: absolute; right:0; top:0; margin: 30px ;}
.story_video a{padding:15px 35px; display: inline-block; background-color: rgba(212, 86, 10, 0.8); border-radius: 10px; color: #fff; font-weight: 700;}
.story_video a:hover{background-color: rgba(212, 48, 10, 0.8); transition: 0.2s; }
.story_video a i{font-size: 22px; margin-left: 16px; vertical-align: middle;}
.bot_story_visual{position: relative; z-index: 2;}
.bot_story_visual img{border-radius: 20px; width:100%;}
.bot_story_visual img.m_img{display: none;}
.story_text{margin-top: 48px;}

@media all and (max-width:820px){
    .bot_story_box::before{background: none;}
    .bot_story_box::after{background: none;}
    .bot_story_tit h2{font-size: 40px;}
    .bot_story_tit{padding-top: 61px;}
    .bot_story_tit p{margin: 10px 0 30px 0;}
    .bot_story_visual img.pc_img{display: none;}
    .bot_story_visual img.m_img{display: inline-block;}
    .story_video{left:0; }
    .story_video a{padding:15px; font-size: 14px;}
    .story_video a i{font-size: 20px; margin-left: 5px;}
    .sub_wrap p{font-size: 14px; line-height: 22px;}
    
}

@media all and (max-width:530px){
    .bot_story_tit p{font-size: 15px;}
    .story_video{margin:15px;}
    .story_video a{font-size: 13px;}
    .story_video a span{display: block;}
}



/* 사업소개 - 필봇감성케어플랫폼 FEELBOT感性ケア プラットフォーム */

.care_text_box{padding:100px 0 60px 0;}
.care_text_box .care_de{position: relative;}
.care_text_box .care_de::after{position: absolute; right:0; bottom:0; background-image: url(../images/sub0202_img01.png); width:142px; height:179px; content: ''; background-repeat: no-repeat;}
.care_text_box .fb02img{position: relative;}
.care_text_box .fb02img::after{position: absolute; right:0; bottom:0; background-image: url(../images/sub0202_img05.png); width:154px; height:178px; content: ''; background-repeat: no-repeat;}
.care_text_box .care_de.bgnone::after{background-image: none;}
.care_text_box .care_de span{display: block;}
.care_text_box .care_de .care_st{color:#9d9d9d; font-size: 20px;}
.care_text_box .care_de .care_tit{font-size: 30px; font-weight: 500; padding:31px 0 45px 0}
.care_text_box .care_de .care_tit strong{font-weight: 900;}
.care_text_box .care_de .care_tit.text2{line-height: 36px;}
.care_text_box .care_de .care_text{width:78%;}

.care_color_box{text-align: center;  padding: 62px 0 50px 0;}
.care_color_box.pink{background-color: #ffe8e8; border-radius:  0 200px 0 0;}
.care_color_box.orenge{background-color: #ffe9d1; border-radius:  200px 0 0 0; padding:90px 0; margin-bottom: 50px;}
.care_color_box.orenge img{width:100%;}
.care_color_box .point_text{color: #d75959; font-size: 25px; margin-bottom:47px; display: block; font-weight: 500;}
.care_color_box .point_text strong{font-weight: 900;}
.care_color_box .point_text i{font-size: 30px;}
.care_color_box .care_list{margin-bottom: 41px;}
.care_color_box .care_list .item{display: inline-block; width: 250px; height:250px; border-radius: 500px;}
.care_color_box .care_list .item.item01{background-image: linear-gradient(87deg, #c42b1d, #dc8555); border:4px solid #ee612e;}
.care_color_box .care_list .item.item02{background-image: linear-gradient(304deg, #7ce132, #2b520c); border:4px solid #70a547; margin-left: 4.375rem;}
.care_color_box .care_list .item.item03{background-image: linear-gradient(293deg, #3289e1, #5f428f); border:4px solid #8484cb; margin-left: 4.375rem;}
.care_color_box .care_list .item span{display: block; color: #fff; font-weight: 900; padding: 56px 0 25px 0;}
.care_color_box .care_list .item img{}
.care_color_box .point_box_text{background-color: #fff4c1; padding:13px 41px; border-radius: 20px;}

.site_link_red_big.mbf{margin-bottom: 110px; text-align: center;}
.site_link_red_big a{position: relative; display: inline-block; padding:25px 117px; background-image: linear-gradient(293deg, #bf4343, #d76161); color: #fff; font-weight: 700; font-size: 20px; border-radius: 100px;}
.site_link_red_big a::after{display: block; position: absolute; top: 0; left: 0;  content:'\eeb2'; font-family: remixicon; font-size: 25px; font-weight:500; color:#fff; background-color: #bf4343; padding:15px; border-radius: 50px; margin: 9px 0 9px 9px;}
.site_link_red_big a:hover{background-image: none; background-color: #ffd1d1;  color: #bf4343; transition: 0.2s;}


@media all and (max-width:1220px){
    .care_color_box .care_list .item.item02{margin-left: 0.375rem;}
    .care_color_box .care_list .item.item03{margin-left: 0.375rem;}
}

@media all and (max-width:960px){
    .care_color_box .care_list .item.item02{margin-left: 1.375rem;}
    .care_color_box .care_list .item.item03{margin-left: 1.375rem;}
    .care_color_box .care_list .item{width:200px; height:200px;}
    .care_color_box .care_list .item span{padding: 47px 0 25px 0; font-size: 14px;}
    .care_color_box .care_list .item img{width:30%;}
}
@media all and (max-width:820px){
    .care_text_box{padding-top: 61px;}
    .care_color_box.pink{border-radius: 0;}
    .care_color_box.orenge{border-radius: 0;}
    .care_text_box .care_de::after{background-position: right bottom; background-size: 75%;}
    .care_text_box .care_de .care_st{font-size: 18px;}
    .care_text_box .care_de .care_tit{font-size: 23px; padding: 15px 0 33px 0;}
    .care_text_box .care_de .care_text{font-size: 14px; line-height:26px;}
    .care_color_box .point_text{font-size: 20px;}
    .care_color_box .point_box_text{font-size: 14px; padding: 13px 15px; border-radius: 0;}
    .care_color_box .care_list .item{width:150px; height:150px; text-align: center;}
    .care_color_box .care_list .item span{padding: 47px 0 0 0;}
    .care_color_box .care_list .item img{width:26%;}
    .site_link_red_big.mbf{}
    .site_link_red_big a{padding: 15px 70px; font-size: 17px;}
    .site_link_red_big a::after{font-size: 17px; margin:4px 0 4px 4px; padding: 11px;}
}
@media all and (max-width:640px){
    .care_text_box .care_de .care_st{font-size: 16px;}
    .care_text_box .care_de .care_tit{font-size: 19px;  padding: 5px 0 20px 0;}
    .care_text_box .care_de .care_text{width:75%;}
    .care_text_box .care_de::after{background-size: 48%;}
    .care_color_box .point_text{font-size: 18px;}
    .care_color_box .point_text i{font-size: 21px;}
    .care_color_box .care_list .item.item02{margin-left: 0; margin-top: 10px;}
    .care_color_box .care_list .item.item03{margin-left: 0; margin-top: 10px;}
}

@media all and (max-width:360px){
    .care_text_box .care_de .care_text{width:100%;}
    .care_text_box .care_de::after{background: none;}
}



/* 사업소개 - 인공지능 人工知能 */
.intell_box{text-align: center;}
.intell_box .intell_tit{position: relative; display: inline-block; width:250px; height:250px; border:4px solid #ffb0b0; background-image: linear-gradient(309deg, #e37b00, #f44629); border-radius: 500px; margin-top: 20px; }
.intell_box .intell_tit span{display: inline-block; color:#fff; font-size: 35px; font-weight: 900; padding-top: 55px;}
.intell_box .intell_tit span i{display: block; font-size: 100px; font-weight: 500; line-height: 100px; padding-top: 19px;}
.intell_box .intell_tit::before{position: absolute; background-image: url(../images/sub0203_bg01.png); content: ''; width:507px; height:229px; left: -54.78%; bottom: -96%;}
.intell_list{ display: inline-block; text-align: center; margin-top: 23.4%; margin-bottom: 60px;}
.intell_list .intell_tracking{float: left;}
.intell_list .intell_healthcare{float: left; margin-left: 40px;}
.intell_list .intell_healthcare .intell_text_box{text-align: left;}
.intell_list .intell_healthcare .intell_text_box span{display: block;}
.intell_text_tit{display: inline-block;}
.intell_text_tit span{width:300px; padding:33px 0; border-radius: 20px; color:#fff; font-size: 20px; font-weight: 900;  background-color: #449c33;  display: inline-block;}
.intell_text_tit.blue span{background-color: #4f75c1;}
.intell_text_box{position: relative; top:-42px; z-index: -1; background: #fff; border-radius: 20px; width: 480px; height:610px; max-width: 100%; padding: 92px 40px 0 40px;}
.intell_text_box .box_tit{font-weight: 900; font-size: 20px; padding-bottom: 17px;}
.intell_text_box .box_stit{font-weight: 900;}
.intell_text_box .box_stit i{font-size: 20px; margin-right:8px; vertical-align: middle;}
.intell_text_box .box_text{ line-height: 30px; }
.intell_text_box .box_text span{font-size: 13px; line-height: 26px;}
.twobg{width:100%; display: -webkit-box;}
.intell_bg{position: relative; width: 50%;}
.intell_bg.bg01::after{position: absolute; background-color: #ffe6d6; content: ''; width:100%; height: 100vh; height:1321px; top:-316px; left:0; z-index: -2; border-radius: 0 200px 0 0;}
.intell_bg.bg02::after{position: absolute; background-color: #ffdcd6; content: ''; width:100%; height: 100vh; height:1321px; top:-316px; right:0; z-index: -2; border-radius: 200px 0 0 0;}
.intell_bg.bg01::before{position: absolute; top: -94px; right:182px; background-image: url(../images/sub0203_bg02.png); background-repeat: no-repeat; width:601px; height:513px; z-index: -1; content: '';}
.intell_bg.bg02::before{position: absolute; top: -87px; left:168px; background-image: url(../images/sub0203_bg03.png); background-repeat: no-repeat; width:601px; height:501px; z-index: -1; content: '';}



@media all and (max-width:1200px){
    .intell_text_box{width:100%; height:auto; padding-bottom: 50px; border: 1px solid #ededed; box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;}
    .intell_box{background-image: linear-gradient(309deg, #ffe6d6, #f7beb4); padding: 30px 0; border-radius: 100px 0 100px 0;}
    .intell_box .intell_tit::before{background-image: none;}
    .intell_list{margin-top: 50px; display: block;}
    .intell_list .intell_tracking{float: none;}
    .intell_list .intell_healthcare{float: none; margin-left: 0;}
    .twobg{display: none;}
    .intell_tit{margin-top: 0 !important;}
}

@media all and (max-width:820px){
    .intell_box .intell_tit{width:200px; height:200px; }
    .intell_box .intell_tit span{padding-top: 40px; font-size: 25px;}
    .intell_box .intell_tit span i{font-size: 76px; padding-top: 5px; }
    .intell_box .intell_tit::before{left: -81.78%; bottom: -121%;}
    .intell_text_box .box_text{font-size: 14px; line-height: 26px;}
    .intell_text_box img{width:100%;}
    
}

@media all and (max-width:640px){
    .intell_text_tit span{font-size: 18px; width: 280px; padding: 21px 0;}
}