body{position: relative;}
.c-content{overflow:hidden;font-family:YakuHanJP,'Noto Sans JP',sans-serif}
.c-content img{height:auto;max-width:100%;vertical-align:top}
.bg_blk,.bg_wht{position:relative;overflow:hidden}
.bg_blk:before,.bg_wht:before{position:absolute;top:0;left:50%;z-index:-1;height:100%;transform:translateX(-50%);pointer-events:none;content:''}
.bg_blk{color:#fff}
.bg_blk:before{background:linear-gradient(90deg,#1e2c32 0,#4b565b 23% 77%,#1e2c32 100%)}
.bg_wht:before{background:linear-gradient(90deg,#b6b2ad 0,#fff 23% 77%,#b6b2ad 100%)}
.btn{display:block;font-weight:700;text-align:center;white-space:nowrap;color:#000;transform:skewX(-30deg)}
.btn>span{position:relative;display:inline-block;transform:skewX(30deg)}
.btn>span:before{position:absolute;left:0;display:block;width:0;height:0;border-style:solid;border-color:transparent transparent transparent #000;pointer-events:none;content:''}
.btn_blu{background-color:#0cf}
.btn_grn{background-color:#6c3}
.btn_orn{background-color:#ff8c24}
.main_visual_inner{position:relative;z-index:1}
.main_visual_inner:after,.main_visual_inner:before{position:absolute;display:block;background-repeat:no-repeat;background-size:cover;pointer-events:none;content:''}
.main_visual_inner:before{top:0;z-index:-1;background-position:left bottom}
.main_visual_inner:after{z-index:-2;background-position:right top}
.main_heading{font-weight:900}
.main_heading>span{display:inline-block;vertical-align:top}
.main_text{font-weight:500;letter-spacing:-.02em}
.main_anchor{transform:skewX(-30deg)}
.main_anchor>li{transform:skewX(30deg)}
.main_anchor>li>.btn{text-align:left}
.main_under_text{position:relative;font-weight:700}
.main_under_text:before{display:block;background:url(/fa/topics/2023/06_edm/assets/img/main_img_03.png) center center/100% 100% no-repeat;pointer-events:none;content:''}
.lead_text{font-weight:900;text-align:center;color:#4c4948}
.lead_under_text{font-weight:500;text-align:center}
.edm_img_block{transform:skewX(-30deg)}
.edm_img{position:relative;z-index:-1;height:100%;background-repeat:no-repeat;background-size:cover;transform:skewX(30deg)}
.edm_img:before{position:absolute;top:0;display:block;height:100%;background:linear-gradient(120deg,transparent 0 50%,#4b565b 50% 100%);pointer-events:none;content:''}
.edm_title{position:relative;font-weight:900;border-style:solid}
.edm_title>span{display:block;border-top:inherit;border-bottom:inherit}
.edm_title>span>span{display:inline-block;vertical-align:top}
.edm_list,.edm_text{font-weight:700}
.edm_section_01 .edm_img{background-position:right center}
.edm_section_01 .edm_img:before{right:-1px}
.edm_section_01 .edm_title{color:#0cf;border-color:#0cf;border-right:0}
.edm_section_01 .edm_text{color:#0cf}
.edm_section_02 .edm_img{background-position:left center}
.edm_section_02 .edm_img:before{left:-1px;transform:rotate(180deg)}
.edm_section_02 .edm_title{color:#6c3;border-color:#6c3;border-left:0}
.edm_section_02 .edm_text{color:#6c3}
.edm_section_02 .edm_btn>.btn>span>span{display:inline-block;margin-right:.125em;letter-spacing:-.16em;vertical-align:top}
.tech_heading{font-weight:900;text-align:center;color:#4c4948}
.tech_logo{text-align:center}
.tech_col_header{display:flex;justify-content:space-between;border-bottom:solid #40a5a1}
.tech_col_title{font-weight:500;color:#40a5a1}
.tech_col_tag{font-weight:700;text-align:center;background-color:#40a5a1;color:#fff}
.tech_col_lead{font-weight:500}
.tech_col_img{text-align:center}
.tech_col_note{font-weight:500;text-align:center}
.tech_col_note>span{display:inline-block;padding-left:4.5em;text-align:left}
.tech_col_note>span>span{display:inline-block;width:4.5em;margin-left:-4.5em;vertical-align:top}
.tech_effect{background-color:#fff;border:solid #40a5a1}
.tech_effect_title{font-weight:500;color:#40a5a1}
.tech_effect_text{display:flex;font-weight:500}
.tech_effect_text>dd,.tech_effect_text>dt{letter-spacing:.02em}
.tech_effect_text>dd>sub,.tech_effect_text>dt>sub{position:static;font-size:.7em;line-height:1;vertical-align:baseline}
.tech_effect_text>dt{width:8em}
.tech_effect_text>dd{width:calc(100% - 8em);color:#40a5a1}
.case_block{background-color:#4b565b;color:#fff}
.case_heading{text-align:center}
.case_title{font-weight:700;letter-spacing:-.02em;white-space:nowrap;color:#ff8c24}
.case_client{font-weight:700;white-space:nowrap}
.case_detail{font-weight:500}
.case_img>img{width:100%}

.follow_btn img{width:100%;max-width: 200px;box-shadow: 2px 2px 4px rgba(0,0,0,0.4);}
.follow_btn {position: fixed;right: 64px;z-index: 2;-webkit-transition: opacity .3s,visibility .3s;-o-transition: opacity .3s,visibility .3s;transition: opacity .3s,visibility .3s;visibility: visible;opacity: 1;bottom: 16px;}
.follow_btn.is_hide {visibility: hidden;opacity: 0;}
.follow_btn_wrap{position: relative;display: block;}
.follow_btn_wrap:before {content: "";position: absolute;width: 100%;height: 200px;background-color:#fff;display: block;top: 0;-webkit-transition: opacity .25s ease-out;-o-transition: opacity .25s ease-out;transition: opacity .25s ease-out;opacity: 0.01;}
.follow_btn_wrap:hover::before{opacity: .3;}
.close_btn span {display: none;}
.close_btn::after {content: "×";color: #FFF;background-color: rgba(32,32,32,0.8);display: block;width: 32px;height: 32px;border-radius: 16px;position: absolute;top: 8px;right: 8px;text-align: center;font-size: 20px;font-weight: bold;line-height: 32px;cursor: pointer;transition: all 0.2s;}
.close_btn:hover::after {color: #000;background-color: rgba(222,222,222,0.8);}
@media (min-width:768px){
.c-content{margin:0 auto -120px;max-width:1600px}
.c-content .l-inner--large{max-width:1200px}
.c-content .sp{display:none!important}
.bg_blk:before,.bg_wht:before{width:1600px}
.btn{font-size:2.35714em;line-height:2.12121;letter-spacing:-.02em;transition:box-shadow .3s,background-color .3s,color .3s}
.btn>span{padding-left:30px}
.btn>span:before{top:20px;border-width:15px 25px;transition:border-left-color .3s}
.btn:hover{color:rgba(0,0,0,.7)}
.btn:hover>span:before{border-left-color:rgba(0,0,0,.7)}
.btn_blu{box-shadow:3px 3px 0 0 #06566a}
.btn_blu:hover{box-shadow:3px 3px 0 0 rgba(6,86,106,.7);background-color:rgba(0,204,255,.7)}
.btn_grn{box-shadow:3px 3px 0 0 #25530f}
.btn_grn:hover{box-shadow:3px 3px 0 0 rgba(37,83,15,.7);background-color:rgba(102,204,51,.7)}
.btn_orn{box-shadow:3px 3px 0 0 #5b0800}
.btn_orn:hover{box-shadow:3px 3px 0 0 rgba(91,8,0,.7);background-color:rgba(255,140,36,.7)}
.main_visual_inner{margin:0 auto;padding:20px 30px 45px;max-width:1200px}
.main_visual_inner:before{right:calc(600px - 50vw);left:400px;height:340px;background-image:url(/fa/topics/2023/06_edm/assets/img/main_img_01.png)}
.main_visual_inner:after{top:290px;right:116px;left:calc(600px - 50vw);height:485px;background-image:url(/fa/topics/2023/06_edm/assets/img/main_img_02.png)}
.main_heading{font-size:5.35714em;text-shadow:0 0 .26667em rgba(0,0,0,.5);line-height:1.23333}
.main_heading>span{font-size:1.17333em;line-height:1.02273;letter-spacing:.1em}
.main_text{margin-top:10px;font-size:2.42857em;text-shadow:0 0 .58824em rgba(0,0,0,.5)}
.main_anchor{position:relative;z-index:1;margin:225px 0 0 auto;width:calc(520/1140*100%)}
.main_anchor>li:not(:first-child){margin-top:22.5px}
.main_anchor>li:nth-child(1){margin-right:-200px}
.main_anchor>li:nth-child(2){margin-right:-252px}
.main_anchor>li:nth-child(3){margin-right:-305px}
.main_anchor>li>.btn{padding-left:40px;font-size:2.28571em;line-height:2.1875}
.main_under_text{margin-top:60px;padding-left:calc(545/1140*100%);font-size:2.14286em}
.main_under_text:before{position:absolute;top:-215px;left:-30px;width:630px;height:320px}
.lead_block{padding:65px 0 70px}
.lead_text{font-size:3.57143em;line-height:1.64}
.lead_under_text{margin-top:20px;font-size:1.57143em;line-height:2.04545}
.edm_block{padding:135px 0}
.edm_section{margin:0 -30px}
.edm_section:not(:first-child){margin-top:115px}
.edm_wrap{display:flex;justify-content:space-between}
.edm_img:before{width:345px}
.edm_text_block{width:calc(610/1200*100%);transform:skewX(-30deg)}
.edm_title{font-size:3.57143em;line-height:1.24;border-width:2px}
.edm_title>span{margin:-2px 0;padding:20px 0;transform:skewX(30deg)}
.edm_title>span>span{font-size:1.14em;line-height:1.08772}
.edm_list,.edm_text{font-size:2.14286em;line-height:1.5;transform:skewX(30deg)}
.edm_text{margin-top:30px;text-indent:1em;letter-spacing:-.01em;white-space:nowrap}
.edm_list>li:nth-last-child(2){text-indent:1em}
.edm_list>li:nth-last-child(3){text-indent:2em}
.edm_list>li:nth-last-child(4){text-indent:3em}
.edm_btn{transform:skewX(30deg)}
.edm_section_01 .edm_img_block{width:calc(540/1200*100%)}
.edm_section_01 .edm_img{margin:0 -170px 0 -200px;background-image:url(/fa/topics/2023/06_edm/assets/img/edm_img_01.jpg)}
.edm_section_01 .edm_title{padding-left:65px}
.edm_section_01 .edm_title>span{margin-right:-75px}
.edm_section_01 .edm_list{margin:20px 0 0 -.75em}
.edm_section_01 .edm_btn{margin:45px -120px 0 0;padding-left:20px}
.edm_section_02 .edm_wrap{flex-direction:row-reverse}
.edm_section_02 .edm_img_block{width:calc(470/1200*100%)}
.edm_section_02 .edm_img{margin:0 -200px 0 -170px;background-image:url(/fa/topics/2023/06_edm/assets/img/edm_img_02.jpg)}
.edm_section_02 .edm_text_block{margin-left:7.08333%}
.edm_section_02 .edm_title{margin-right:30px;padding-right:65px}
.edm_section_02 .edm_title>span{margin-left:-408px;padding-left:338px}
.edm_section_02 .edm_list{margin-top:35px}
.edm_section_02 .edm_btn{margin:65px 0 0 50px}
.tech_block{padding:105px 0 135px}
.tech_heading{font-size:3.57143em;line-height:1.64}
.tech_logo{margin-top:40px}
.tech_wrap{display:flex;margin:100px -10px 0;justify-content:space-between}
.tech_col{width:calc(540/1160*100%)}
.tech_col_header{margin-bottom:18px;padding-bottom:15px;border-bottom-width:2px}
.tech_col_title{width:calc(290/540*100%);font-size:2.42857em;line-height:1.11765}
.tech_col_tag{width:calc(250/540*100%);font-size:1.78571em;line-height:1.52}
.tech_col_lead{font-size:1.57143em;line-height:1.77273;letter-spacing:-.02em}
.tech_col_img{margin-top:25px}
.tech_col_note{margin-top:15px;font-size:1.42857em;line-height:1.65}
.tech_effect{margin-top:35px;padding:20px 30px;border-width:2px;border-radius:10px}
.tech_effect_title{margin-bottom:5px;font-size:1.71429em}
.tech_effect_text{padding-left:35px;font-size:1.92857em;line-height:1.48148}
.case_block{padding:85px 0 155px}
.case_heading{font-size:3.57143em}
.case_list{margin:85px -10px 0}
.case_wrap{display:flex;justify-content:space-between}
.case_wrap:not(:first-child){margin-top:100px}
.case_wrap:nth-child(odd){flex-direction:row-reverse}
.case_text_block{width:calc(610/1160*100%)}
.case_title{margin:-15px 0 15px;font-size:3.28571em;line-height:1.54348}
.case_client{font-size:2.14286em}
.case_detail{margin-top:35px;max-width:calc(565/610*100%);font-size:1.57143em;line-height:1.63636}
.case_img{width:calc(514/1160*100%)}
.case_btn{margin-top: 15px}
.case_btn .btn{line-height: 1.2;max-width: 538px;margin: 0 auto;padding: 12px 0;text-align: left;}
.case_btn .btn>span{margin-left: 50px;}
.case_btn .btn>span:before{top: 6px}
}
@media only screen and (max-width:767px){
.c-content{margin-bottom:-90px}
.c-content .pc{display:none!important}
.bg_blk:before,.bg_wht:before{width:100%}
.btn{font-size:1.14286em;line-height:2.25}
.btn>span{padding-left:15px}
.btn>span:before{top:calc(50% - 7px);border-width:7px 12px}
.btn:hover{color:#000}
.btn_blu{box-shadow:2px 2px 0 0 #06566a}
.btn_grn{box-shadow:2px 2px 0 0 #25530f}
.btn_orn{box-shadow:2px 2px 0 0 #5b0800}
.main_visual_inner{padding:95px 15px 20px}
.main_visual_inner:before{right:0;left:15px;height:88px;background-image:url(/fa/topics/2023/06_edm/assets/img/main_img_01_sp.png)}
.main_visual_inner:after{top:202px;right:36px;left:0;height:106px;background-image:url(/fa/topics/2023/06_edm/assets/img/main_img_02_sp.png)}
.main_heading{font-size:2.14286em;line-height:1.33333}
.main_heading>span{font-size:1.16667em;line-height:1.14286}
.main_text{font-size:1.07143em}
.main_anchor{margin:55px 0 0 auto;width:260px}
.main_anchor>li:not(:first-child){margin-top:10px}
.main_anchor>li:nth-child(2){margin-right:-25px}
.main_anchor>li:nth-child(3){margin-right:-50px}
.main_anchor>li>.btn{padding-left:15px;font-size:1.07143em;line-height:2.13333}
.main_under_text{text-align:center}
.main_under_text:before{margin:-5px auto;width:315px;height:162px;transform:translateX(10px)}
.lead_block{padding:30px 0 25px}
.lead_text{font-size:1.28571em;line-height:1.44444}
.lead_under_text{margin-top:20px;font-size:1.07143em;line-height:1.6}
.edm_block{padding:30px 0}
.edm_section{margin:0 20px}
.edm_section:not(:first-child){margin-top:30px}
.edm_wrap{position:relative}
.edm_img_block{position:absolute;top:0;width:calc(240/610*100%);height:122px}
.edm_img:before{width:70px}
.edm_title{border-width:1px;white-space:nowrap;transform:skewX(-30deg)}
.edm_title>span{margin:-1px 0;transform:skewX(30deg)}
.edm_title>span>span{font-size:1.12em;line-height:1.25}
.edm_list,.edm_text{font-size:1.07143em;line-height:1.5}
.edm_text{margin-top:20px}
.edm_list{margin-top:5px}
.edm_btn{margin:15px -5px 0}
.edm_section_01 .edm_img_block{left:0}
.edm_section_01 .edm_img{margin:0 -32.5px 0 -35px;background-image:url(/fa/topics/2023/06_edm/assets/img/edm_img_01_sp.jpg)}
.edm_section_01 .edm_title{margin-left:calc(260/620*100%);padding-left:35px;font-size:1.78571em;line-height:1.4}
.edm_section_01 .edm_title>span{margin-right:-35px;padding:25px 0}
.edm_section_02 .edm_img_block{right:0}
.edm_section_02 .edm_img{margin:0 -35px 0 -32.5px;background-image:url(/fa/topics/2023/06_edm/assets/img/edm_img_02_sp.jpg)}
.edm_section_02 .edm_title{margin-right:calc(260/620*100%);padding-right:35px;font-size:1.57143em;line-height:1.36364}
.edm_section_02 .edm_title>span{margin-left:-35px;padding:25px 0 35px 20px}
.edm_section_02 .edm_title>span:first-line{letter-spacing:-.06em}
.tech_block{padding:30px 0}
.tech_heading{font-size:1.28571em;line-height:1.55556}
.tech_logo>img{margin-top:15px;width:135px}
.tech_wrap{margin:35px auto 0;width:calc(100% - 75px);min-width:270px}
.tech_col:not(:first-child){margin-top:35px}
.tech_col_header{margin-bottom:8px;padding-bottom:8px;border-bottom-width:1px}
.tech_col_title{width:calc(100% - 125px);font-size:1.21429em;line-height:1.11765}
.tech_col_tag{font-size:.92857em;width:125px;line-height:1.46154}
.tech_col_lead{line-height:1.39286}
.tech_col_img{margin-top:15px}
.tech_col_img>img{width:calc(495/540*100%)}
.tech_col_note{margin-top:15px;font-size:.78571em}
.tech_effect{margin-top:10px;padding:10px 15px;border-width:1px;border-radius:5px}
.tech_effect_title{margin-bottom:5px;font-size:.85714em}
.tech_effect_text{padding-left:10px}
.case_block{padding:30px 0}
.case_heading{font-size:1.28571em}
.case_list{margin:8px auto 0;width:calc(100% - 75px);min-width:270px}
.case_wrap:not(:first-child){margin-top:35px}
.case_text_block{margin-top:12px}
.case_title{font-size:1.42857em;line-height:1.6}
.case_client{margin-top:10px;font-size:1.07143em}
.case_detail{margin-top:15px;line-height:1.57143}
.case_btn{margin-top: 15px;width: calc(100% - 34px);margin-left: auto;margin-right: auto;}
.case_btn .btn{line-height: 1.125;padding: 10px 0;text-align: left;}
.case_btn .btn>span{margin-left: 25px}
.case_btn .btn>span:before{top: 3px}
.follow_btn_wrap:before {height: 100%;}
.follow_btn img{max-width: 160px;}
.follow_btn{right: 8px;bottom: 65px;}
}
@media only screen and (min-width:1201px){
.main_visual_inner:before{right:-200px}
.main_visual_inner:after{left:-200px}
}
@media only screen and (min-width:768px) and (max-width:1200px){
.c-content{font-size:calc(14/1200*100vw)}
.c-content .l-inner--large{padding-right:calc(30/1200*100vw);padding-left:calc(30/1200*100vw)}
.bg_blk:before,.bg_wht:before{width:calc(1600/1200*100vw)}
.btn>span{padding-left:calc(30/1200*100vw)}
.btn>span:before{top:calc(20/1200*100vw);border-width:calc(15/1200*100vw) calc(25/1200*100vw)}
.main_visual_inner{padding:calc(20/1200*100vw) calc(30/1200*100vw) calc(45/1200*100vw)}
.main_visual_inner:before{right:0;left:calc(400/1200*100vw);height:calc(340/1200*100vw)}
.main_visual_inner:after{top:calc(290/1200*100vw);right:calc(116/1200*100vw);left:0;height:calc(485/1200*100vw)}
.main_text{margin-top:calc(10/1200*100vw)}
.main_anchor{margin-top:calc(225/1200*100vw)}
.main_anchor>li:not(:first-child){margin-top:calc(22.5/1200*100vw)}
.main_anchor>li:nth-child(1){margin-right:calc(-200/1200*100vw)}
.main_anchor>li:nth-child(2){margin-right:calc(-252/1200*100vw)}
.main_anchor>li:nth-child(3){margin-right:calc(-305/1200*100vw)}
.main_anchor>li>.btn{padding-left:calc(40/1200*100vw)}
.main_under_text{margin-top:calc(60/1200*100vw)}
.main_under_text:before{top:calc(-215/1200*100vw);left:calc(-30/1200*100vw);width:calc(630/1200*100vw);height:calc(320/1200*100vw)}
.lead_block{padding:calc(65/1200*100vw) 0 calc(70/1200*100vw)}
.lead_under_text{margin-top:calc(20/1200*100vw)}
.edm_block{padding:calc(135/1200*100vw) 0}
.edm_section{margin:0 calc(-30/1200*100vw)}
.edm_section:not(:first-child){margin-top:calc(115/1200*100vw)}
.edm_img:before{width:calc(345/1200*100vw)}
.edm_title>span{padding:calc(20/1200*100vw) 0}
.edm_text{margin-top:calc(30/1200*100vw)}
.edm_section_01 .edm_img{margin:0 calc(-170/1200*100vw) 0 -30px}
.edm_section_01 .edm_title{padding-left:calc(65/1200*100vw)}
.edm_section_01 .edm_list{margin-top:calc(20/1200*100vw)}
.edm_section_01 .edm_btn{margin:calc(45/1200*100vw) calc(-120/1200*100vw) 0 0;padding-left:calc(20/1200*100vw)}
.edm_section_02 .edm_img{margin:0 -30px 0 calc(-170/1200*100vw)}
.edm_section_02 .edm_title{margin-right:calc(30/1200*100vw);print-color-adjust:calc(65/1200*100vw)}
.edm_section_02 .edm_title>span{margin-left:calc(-408/1200*100vw);padding-left:calc(338/1200*100vw)}
.edm_section_02 .edm_list{margin-top:calc(35/1200*100vw)}
.edm_section_02 .edm_btn{margin:calc(65/1200*100vw) 0 0 auto;width:calc(515/1200*100vw)}
.tech_block{padding:calc(105/1200*100vw) 0 calc(135/1200*100vw)}
.tech_logo{margin-top:calc(40/1200*100vw)}
.tech_logo>img{width:calc(271/1200*100vw)}
.tech_wrap{margin:calc(100/1200*100vw) calc(-10/1200*100vw) 0}
.tech_col_header{margin-bottom:calc(18/1200*100vw);padding-bottom:calc(15/1200*100vw);border-bottom-width:calc(2/1200*100vw)}
.tech_col_img{margin-top:calc(25/1200*100vw)}
.tech_col_img>img{width:calc(472/1200*100vw)}
.tech_col_note{margin-top:calc(15/1200*100vw)}
.tech_effect{margin-top:calc(35/1200*100vw);padding:calc(20/1200*100vw) calc(30/1200*100vw);border-radius:calc(10/1200*100vw)}
.tech_effect_title{margin-bottom:calc(5/1200*100vw)}
.tech_effect_text{padding-left:calc(35/1200*100vw)}
.case_block{padding:calc(85/1200*100vw) 0 calc(155/1200*100vw)}
.case_list{margin:calc(85/1200*100vw) calc(-10/1200*100vw) 0}
.case_wrap:not(:first-child){margin-top:calc(100/1200*100vw)}
.case_title{margin:calc(-15/1200*100vw) 0 calc(15/1200*100vw)}
.case_detail{margin-top:calc(35/1200*100vw)}
.case_btn .btn{width: calc(515/1200*100vw)}
}
@media only screen and (min-width:1200px) and (max-width:1300px){
.edm_section_02 .edm_btn{margin-left:auto;width:calc(560/1300*100vw)}
}
@media only screen and (min-width:768px) and (max-width:1300px){
.edm_section_02 .edm_btn>.btn>span{letter-spacing:-.08em}
}