@charset "utf-8";
/* ================================
style.css
================================= */

html { width:100%; }
body { width:100%; min-width:1120px; word-break: break-all;}
div { display:block; }

#wrapper { width:100%; height:auto; position:relative; min-width:1120px; overflow:hidden; }
/*#wrapper { background:url("/corporate/common/images/atari.jpg") 50% 0 no-repeat; }*/
#wrapper_inner {  }
#container { clear:both; width:100%; height:auto; }

.content { clear:both; position:relative; width:100%; min-width:1120px; height:auto; }
.inner { position:relative; width:1200px; margin:0 auto; }
.inner_m { position:relative; width:100%; margin:0 auto; }
.inner_b { position:relative; width:100%; height:100%; }
.sttl { font-size:20px; }
.mttl { font-size:28px; }
.firstttl { margin-top: 80px; }
.fw_b{ font-weight:bold;}

#mv { position:relative; height:744px; }
#mv .inner_b { height:100%; }
#mv .mv_content { height:100%; overflow:hidden; }
#mv .mvslide { display:table; position:absolute; top:0; left:0; width:50%; height:100%; overflow:hidden; }
#mv .mvslide_index { display:block; left:0; background:url("/corporate/images/mv_startimg.jpg") bottom center no-repeat; background-size:cover; }
#mv .mvslide1 { left:50%; }

#mv #mv_hand { position:absolute; bottom:-600px; left:50%; margin-left:-185px; }
#mv #mv_hand ul.mv_smplist { position:absolute; top:53px; left:35px; }
#mv #mv_hand ul.mv_smplist li { position:absolute; top:0; left:0; display:none; }

.mv_logo { position:absolute; top:50%; left:50%; margin:-35px 0 0 -152px; }
.mv_btlset { position:absolute; top:50%; right:0; display:table-cell; vertical-align:middle; margin:-93px 6% 0 0; }
.mv_btlset .mv_bttl { display: block; font-size:40px; font-weight:500; color:#fff; text-align:right; line-height:58px; margin-top:-10px; }
.mv_btlset .mv_copy { font-size:18px; font-weight:700; color:#fff; text-align:right; line-height:32px; margin-top:30px; }

.mv_ltlset { opacity:0; position:absolute; top:50%; left:13%; display:table-cell; vertical-align:middle; margin:-103px 0 0 0; }
.mv_ltlset .mv_lttl {  }
.mv_ltlset .basicbtn { margin-top:32px; border:none; }


.slideNavi { display:none; position:absolute; top:0; left:0; z-index:100; }
.slideNavi0 { display:block; }
.mv_slideR .slideNavi img { width:48px; }
.mv_slideL .slideNavi img { width:54px; }

.mv_slideR { position:absolute; top:50%; right:0; margin-top:-24px; width:48px; height:58px; }
.mv_slideL { position:absolute; top:50%; left:0; margin-top:-24px; width:54px; height:58px; }

.mv_posbar { position:absolute; bottom:0; left:0; width:100%; height:6px; background-color:#e6e6e6; }
.mv_posbar .mv_bar { position:absolute; top:0; left:0; width:25%; height:6px; background-color:#e40065; }

.news_flag { display:inline-block; padding:0 7px; height: 18px; white-space: nowrap; background-color:#e40065; color:#fff; font-size:12px; border-radius:15px; font-weight:700; line-height:18px; }

#mv_news { clear:both; height:56px; border-bottom:solid 1px #e6e6e6; }
#mv_news .inner_b { padding:15px 40px 0; height:auto; }
#mv_news .sttl  { margin:3px 22px 0 0; font-size:18px; font-weight:500!important; color:#e40065; float:left; }
#mv_news .news_date { display:block; font-size:14px; width:100px; margin:3px 0 0; float:left; }
#mv_news .news_flag { float:left; margin:5px 18px 0 0; padding-bottom:1px; }
#mv_news .news_detail { display:block; font-size:14px; width:auto; float:left; line-height:28px; color:#000; text-decoration:underline; }
#mv_news .news_detail:hover { color:#e40065; }



.basicbtn { position:relative; display:inline-block; width:200px; height:40px; line-height:18px; color:#fff; font-weight:700; background-color:#e40065; border:solid 1px #e40065; box-sizing:border-box; transition:ease-out 0.1s; }
_::-webkit-full-page-media, _:future, :root .basicbtn {
    
}
.basicbtn .basicbtn_txt { display:block; padding:9px 0 0 24px; }
.basicbtn:before { display:block; content:""; position:absolute; top:8px; left:8px; width:100%; height:100%; background-color:#e6e6e6; z-index:-2; }
.basicbtn:after { display:block; content:""; position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:#e40065; z-index:-1; }
.basicbtn:hover { background-color:#fff; color:#e40065; border-color:#e0e0e0; }
.basicbtn:hover .icon_arrow { border-color:#e0e0e0; }
.basicbtn:hover .icon_arrow img { width:21px; }
.basicbtn:hover .icon_arrow .i_ov { opacity:1; }

.basicbtn_m { position:relative; display:block; width:49.4%; height:56px; line-height:18px; color:#fff; font-weight:700; background-color:#e40065; border:solid 1px #e0e0e0; box-sizing:border-box; transition:ease-out 0.1s; }
_::-webkit-full-page-media, _:future, :root .basicbtn_m {
    
}
.basicbtn_m .basicbtn_m_txt { display:block; padding:18px 0 0 18px; }
.basicbtn_m:hover { background-color:#ea3b8e; }

.basicbtn_e { position: relative; display: block; width: 99%; height: 76px; line-height: 21px; color: #fff; font-weight: 700; background-color: #e40065; border: solid 1px #e0e0e0; box-sizing: border-box; transition: ease-out 0.1s; padding: 15px 23px; }
.basicbtn_e .basicbtn_m_txt { display:block; padding:18px 0 0 24px; }
.basicbtn_e:hover { background-color:#ea3b8e; }

.basicbtn_e2 { position:relative; display:block; width:49.4%; height:56px; line-height:18px; color:#fff; font-weight:700; background-color:#ff308c; border:solid 1px #e0e0e0; box-sizing:border-box; transition:ease-out 0.1s; }
.basicbtn_e2 .basicbtn_e2_txt { display:block; padding:18px 0 0 24px; }
.basicbtn_e2:hover { background-color:#ea3b8e; }

.basicbtn_b { position:relative; display:block; width:400px; height:56px; line-height:18px; color:#fff; font-weight:700; background-color:#e40065; border:solid 1px #e40065; box-sizing:border-box; transition:ease-out 0.1s; overflow:hidden; }
_::-webkit-full-page-media, _:future, :root .basicbtn_b {
    
}
.basicbtn_b .basicbtn_b_txt { display:block; font-size:20px; font-weight:700; padding:18px 0 0 24px; text-align:center; margin-left:-20px; }
.basicbtn_b:hover { background-color:#ea3b8e; border-color:#e0e0e0; }

button.basicbtn_b{ margin: 50px auto -1px;}
button.basicbtn_b .basicbtn_b_txt{padding: 0 0 0 24px;}

.listbtn { font-size:14px; color:#e40065; font-weight:700; padding-left:25px; background:url("/corporate/common/images/icon_list.png") 2px 3px no-repeat; background-size:11px; transition:ease-out .1s; }
.listbtn:hover { color:#000; background:url("/corporate/common/images/icon_list_blk.png") 2px 3px no-repeat; background-size:11px; }

.mvslide1 { background-color:#f77787; }
.mvslide1 .mv_ltlset .basicbtn { background-color:#e9576a; z-index:1; transition:ease-out .1s; }
.mvslide1 .mv_ltlset .basicbtn:before { background-color:#ea7180; transition:ease-out .1s; }
.mvslide1 .mv_ltlset .basicbtn:after { background-color:#e9576a; transition:ease-out .1s; }
.mvslide1 .mv_ltlset .basicbtn .icon_arrow { border-color:#e03c51; transition:ease-out .1s; }

.mvslide2 { background-color:#58baf7; }
.mvslide2 .mv_ltlset .basicbtn { background-color:#25a0ec; z-index:1; transition:ease-out .1s; }
.mvslide2 .mv_ltlset .basicbtn:before { background-color:#54b1ea; transition:ease-out .1s; }
.mvslide2 .mv_ltlset .basicbtn:after { background-color:#25a0ec; transition:ease-out .1s; }
.mvslide2 .mv_ltlset .basicbtn .icon_arrow { border-color:#1d92db; transition:ease-out .1s; }

.mvslide3 { background-color:#1bd998; }
.mvslide3 .mv_ltlset .basicbtn { background-color:#00bd7d; z-index:1; transition:ease-out .1s; }
.mvslide3 .mv_ltlset .basicbtn:before { background-color:#1ace90; transition:ease-out .1s; }
.mvslide3 .mv_ltlset .basicbtn:after { background-color:#00bd7d; transition:ease-out .1s; }
.mvslide3 .mv_ltlset .basicbtn .icon_arrow { border-color:#00a970; transition:ease-out .1s; }

.mvslide4 { background-color:#3a8de9; }
.mvslide4 .mv_ltlset .basicbtn { background-color:#1273df; z-index:1; transition:ease-out .1s; }
.mvslide4 .mv_ltlset .basicbtn:before { background-color:#3786dd; transition:ease-out .1s; }
.mvslide4 .mv_ltlset .basicbtn:after { background-color:#1273df; transition:ease-out .1s; }
.mvslide4 .mv_ltlset .basicbtn .icon_arrow { border-color:#0665cf; transition:ease-out .1s; }

.mvslide5 { background-color:#ea3384; }

.mvslide1 .mv_ltlset .basicbtn:hover,
.mvslide2 .mv_ltlset .basicbtn:hover,
.mvslide3 .mv_ltlset .basicbtn:hover,
.mvslide4 .mv_ltlset .basicbtn:hover, { background-color:#fff; border:none!important; }
.mvslide1 .mv_ltlset .basicbtn:hover .icon_arrow,
.mvslide2 .mv_ltlset .basicbtn:hover .icon_arrow,
.mvslide3 .mv_ltlset .basicbtn:hover .icon_arrow,
.mvslide4 .mv_ltlset .basicbtn:hover .icon_arrow { border-color:#ddd; }
.mvslide1 .mv_ltlset .basicbtn:hover:after,
.mvslide2 .mv_ltlset .basicbtn:hover:after,
.mvslide3 .mv_ltlset .basicbtn:hover:after,
.mvslide4 .mv_ltlset .basicbtn:hover:after { background-color:#fff; border:none; }


.icon_arrow { display:block; position:absolute; top:0; right:0; width:28px; height:100%; border-left:solid 1px #ec4d94; box-sizing:border-box; transition:ease-out .1s; }
.icon_arrow img { position:absolute; top:50%; left:-10px; margin-top:-5px; width:21px;  }

.icon_arrow_b { display:block; position:absolute; top:0; right:0; width:80px; height:100%; border-left:solid 1px #dfdde0; box-sizing:border-box; background-color:rgba(0,0,0,.12); transition:ease-out .1s; }
.icon_arrow_b img { position:absolute; top:50%; left:-22px; margin-top:-19px; }


#sc1 {  }
#sc1 .basicbtn { margin-top:34px; font-weight:500!important; }

.tpbox { display:flex; padding-bottom:65px; }
.tpbox_l { width:28.5%; }
.tpbox_l .tpbox_lbox { position:relative; }
.tpbox_l .tpbox_lbox .tpbox_line { position:absolute; top:14px; right:1px; width:1px; height:94%; background-color:#e0e0e0; }
.tpbox_line:before { display:block; content:""; position:absolute; top:0; left:0; width:1px; height:12px; background-color:#e40065; }

.tpbox_r { width:71.5%; }

.tpbox_ttl { font-size:28px; line-height:54px; margin-top:66px; }
.tpbox_txt { margin:68px 0 0 58px; line-height:40px; }

.tpbox_m { display:flex; padding-bottom:52px; }
.tpbox_m_l { width:17.5%; }
.tpbox_m_l .tpbox_m_lbox { position:relative; margin-top:4px; }
.tpbox_m_l .tpbox_m_lbox .tpbox_line { position:absolute; top:14px; right:1px; width:1px; height:100%; background-color:#fff; }
.tpbox_m_r { width:82.5%; }

.tpbox_m_ttl { font-size:48px; font-weight:500!important; line-height:54px; }
.tpbox_m_txt { margin:2px 0 0 58px; line-height:40px; }

.tpbox_s { display:flex; padding-bottom:38px; }
.tpbox_s_l { position:relative; width:auto; }
.tpbox_s_l .tpbox_m_lbox { position:relative; margin-top:4px; }
.tpbox_s_l .tpbox_m_lbox .tpbox_line { position:absolute; top:14px; right:1px; width:1px; height:100%; background-color:#e0e0e0; }
.tpbox_s_r { width:30%; }

.tpbox_s_ttl { font-size:24px; font-weight:500!important; line-height:30px; padding-right:44px; }
.tpbox_s_r .listbtn { margin:0 0 0 28px; line-height:34px; }

.tpbox_s_r_ttl { margin: 0 0 0 28px; line-height: 34px; font-size: 14px; color: #e40065; font-weight: 700;}

.tpbox_s_r_listbox { border-top:solid 1px #e6e6e6; margin-bottom:20px; }
dl.tpbox_s_r_list { border-bottom:solid 1px #e6e6e6; display:flex; }
dl.tpbox_s_r_list dt { position:relative; font-weight:700; min-width: 122px; float:left; padding:18px 32px 18px 0; }
dl.tpbox_s_r_list dt:before { display:block; content:""; width:12px; height:1px; position:absolute; top:-1px; left:0; background-color:#666666; }
dl.tpbox_s_r_list dd { position:relative; width:100%; float:left; line-height:32px; padding:18px 0; }
dl.tpbox_s_r_list dd:before { display:block; content:""; width:12px; height:1px; position:absolute; top:-1px; left:0; background-color:#666666; }
dl.tpbox_s_r_list dd .basicbtn{width: 230px; font-weight: 500!important;}

.tpbox_s_r_infobox { border-left: solid 4px #e40065; margin-top:18px;}
dl.tpbox_s_r_info {display:flex; }
dl.tpbox_s_r_info dt {  position:relative; font-weight:700; min-width: 90px; float:left; padding:0 32px; }
dl.tpbox_s_r_info dd { position:relative; width:70%; float:left; line-height:32px; padding:0; }




#sc1_vparea { clear:both; display:inline-block; padding-bottom:72px; }
#sc1_vparea #aboutus_backimg { width:100%; height:400px; position:absolute; bottom:72px; left:496px; background:url("/corporate/common/images/aboutus_backimg.jpg") no-repeat; background-size:cover; overflow:hidden; }
#sc1_vparea #aboutus_backimg img { display:block; padding:47px 0 0 309px; }
#sc1_vparea .sc1_vision { position:relative; width:65%; float:left; }
#sc1_vparea .sc1_profile { position:relative; width:35%; float:left; margin-top:175px; }
.vparea_img { position:relative; }
.vparea_img img { width:100%; }
.sc2 .vparea_img img { width:380px; }
.vparea_tbox { position:absolute; top:50%; left:0; margin-top:-56px; padding-left:40px; border-left:solid 4px #e40065; }
#sc1_vparea .sc1_profile .vparea_tbox { margin-top:-41px; }
.vparea_tbox .vparea_ttl { font-size:36px; color:#e40065; margin-bottom:10px; font-weight:500!important; }
.vparea_tbox .vparea_txt { line-height:32px; font-weight:700; padding-bottom:2px; }

.vparea:hover {  }
.vparea:hover .icon_arrow_b { border-color:#ffffff; background-color:rgba(255,255,255,.64); }
.vparea:hover .icon_arrow_b .i_ov { opacity:1; }
.vparea:hover .vparea_img .img_wov { background-color:rgba(255,255,255,.4); opacity:1; }

#sc2 { background:url("/corporate/common/images/rec_backbg.jpg") center no-repeat; background-size:cover; }
#sc2 .inner { padding-bottom:74px; }
#sc2 .tpbox_m { padding-top:67px; }
#sc2 .tpbox_line { top:10px; }

.recbox { display:inline-block; }
.recbox #borderless { position:absolute; top:-100px; left:50%; margin-left:-33px; }
.recbox .recbox_l { width:65%; display:inline-block; float:left; }
.recbox .recbox_r { width:31.7%; display:inline-block; float:right; }
.recbox_member .rec_item .rec_ovtxt{text-align: left;}

.rec_item { position:relative; width:33.333%; float:left; }
.rec_item .rec_img {  }
.rec_item .rec_img img { width:100%; }
.rec_item .icon_arrow { border-color:#dfdde0; background-color:rgba(0,0,0,.12); }
.rec_item .icon_arrow img { position:absolute; top:50%; left:-10px; margin:-5px 0 0 0; }
.rec_item .rec_ovtxt { position:absolute; top:50%; left:30px; margin-top:-32px; font-size:14px; line-height:32px; font-weight:700; color:#000; opacity:0; transition:ease-out .1s; }
.rec_item .rec_ovtxt span { display:block; font-size:18px; font-weight:700; color:#e40065; }

.rec_item:hover {  }
.rec_item:hover .icon_arrow { border-color:#ffffff; background-color:rgba(255,255,255,.64); }
.rec_item:hover .icon_arrow .i_ov { opacity:1; }
.rec_item:hover .rec_img .img_wov { background-color:rgba(255,255,255,.8); opacity:1; }
.rec_item:hover .rec_ovtxt { opacity:1; }

.recbtnlist { display:inline-block; width:100%; }
.recbtnlist a { float:right; margin-bottom:4px; font-weight:700; transition:ease-out .1s; }
.recbtnlist a.basicbtn_m_l { float:left; margin-right:4px; }
.recbtnlist a .icon_arrow { background-color:#cc005a; }
.recbtnlist a:hover { background-color:#fff; color:#e40065; border-color:#e0e0e0; border:solid 1px #e0e0e0; }
.recbtnlist a:hover .icon_arrow { border-color:#e0e0e0; background-color:#fff; }
.recbtnlist a:hover .icon_arrow .i_ov { opacity:1; }

.recbtnlist, .recbtnlist02{ display:inline-block; width:100%; }
.recbtnlist a,.recbtnlist02 a { float:right; margin-bottom:4px; font-weight:700; transition:ease-out .1s; }
.recbtnlist a.basicbtn_m_l,..recbtnlist02 a.basicbtn_m_l { float:left; margin-right:4px; }
.recbtnlist a .icon_arrow ,.recbtnlist02 a .icon_arrow{ background-color:#cc005a; }
.recbtnlist a:hover ,.recbtnlist02 a:hover{ background-color:#fff; color:#e40065; border-color:#e0e0e0; border:solid 1px #e0e0e0; }
.recbtnlist a:hover .icon_arrow,.recbtnlist02 a:hover .icon_arrow { border-color:#e0e0e0; background-color:#fff; }
.recbtnlist a:hover .icon_arrow .i_ov,.recbtnlist02 a:hover .icon_arrow .i_ov { opacity:1; }

.sc2_obog { position:relative; margin-top:30px; }
.sc2_obog .vparea_tbox { margin-top:-55px; padding-left:36px; }



#sc3 {  }
#sc3 .inner { display:flex; margin-top:80px; border-top:solid 1px #e6e6e6; }

.news_l { width:50%; float:left; padding:58px 0 68px; border-right:solid 1px #e6e6e6; box-sizing:border-box; }
.news_r { width:46.8%; float:right; padding:58px 0 68px; margin-left:3.2%; }

.news_l .tpbox_s_l { position:relative; padding-right:0; }
.news_l .tpbox_s_l .tpbox_s_lbox { position:relative; width:auto; /*padding-right:44px;*/  }
.news_l .tpbox_s_l .tpbox_line,
.news_r .tpbox_line { position:absolute; top:6px; right:1px; width:1px; height:24px; background-color:#d6d6d6; }

ul.nslist { width:94%; }
ul.nslist li { position:relative; display:inline-block; width:100%; margin-bottom:42px; }
.news_r ul.nslist li { margin-bottom:37px; }
ul.nslist li:last-child { margin-bottom:0; }
ul.nslist li .ns_img { float:left; width:96px; }
ul.nslist li .ns_img img { width:96px; }
ul.nslist li .ns_tbox { float:left; width:74.3%; margin: -5px 0 0 20px; }
ul.nslist li .news_flag { padding:0 12px 1px; }
.ns_date { font-size:14px; margin-left:12px; }
ul.nslist li .ns_detail { clear:both; width:100%; margin-top:3px; line-height:32px; text-decoration:underline; }
ul.nslist li:hover .ns_detail { text-decoration:none; color:#e40065; }

ul.nslist li .ns_item { width:100%; margin-top:-5px; } 

.cf {clear:both;}

#lsc1 {}
	
#lsc1 .rec_img{width: 15%; float:left; margin-left:1px; position:relative;}
#lsc1 .rec_img img{width:100%;}
#lsc1 .top_recbox{width:100%;}
#lsc1 .recbox_l { width: 67.5%;}
#lsc1 .recbox_r { width: 37%; display: inline-block; margin-left: 15px;}
.entry{margin-bottom:16px;}

.news_t {line-height: 30px;font-size: 20px; color: #ea3b8e; font-weight: 700; padding: 30px 0 10px;}
.news_txt {line-height: 30px; margin-bottom: 25px;}
.news_txt2 {line-height: 30px;margin-bottom: 35px;}
.news_txt .sub_img_left{float:left; width: 250px; height: auto; margin-right: 20px;}
.news_txt .name_ttl{font-size:30px; margin-right: 10px;}
.news_txt .name_sttl{font-size:20px;}


@media only screen and (max-width: 1280px) {
.entry{ margin-bottom: 5.5%;}
.content { min-width:inherit; }
.inner { width:94%; }
.inner_m { width:100%; }

#lsc1 .recbox_l { width: 69%; }
#lsc1 .recbox_r { width: 34.9%;}

}



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

body { overflow:inherit; min-width:inherit; }

#wrapper { height:auto; min-width:inherit; overflow:hidden; }
#wrapper_inner {  }
#container {  }
.content { min-width:inherit; height:auto; }
.inner { width:90%; margin:0 5%; }
.inner_m { width:90%; margin:0 5%; }
.inner_b { width:100%; height:auto; }
.spinner_b { width:100%; margin:0; }
.sttl { font-size:20px; }
.mttl { font-size:28px; line-height:42px; }
.firstttl { margin-top: 30px; }

#mv { position:relative; height:auto; }
#mv .inner_b {  }
#mv .mainSlides div {  }
#mv .mainSlides img { width:100%; }

.news_flag { display:inline-block; padding:2px 7px 0 7px; background-color:#e40065; color:#fff; font-size:12px; border-radius:15px; font-weight:700; line-height:16px; }

#mv_news { height:auto; }
#mv_news .inner_b { display:inline-block; width:90%; padding:15px 5% 0; height:auto; }
#mv_news .sttl  { margin:0; font-size:18px; float:left; }
#mv_news .news_date { font-size:14px; width:92px; margin:2px 0 0 20px; }
#mv_news .news_flag { margin:1px 0 0 0; }
#mv_news .news_detail { clear:both; font-size:14px; width:100%; line-height:26px; margin:8px 0; }
#mv_news .news_detail:hover { color:#000; }



.basicbtn { position:relative; display:inline-block; width:200px; height:40px; line-height:18px; }
_::-webkit-full-page-media, _:future, :root .basicbtn {
    
}
.basicbtn .basicbtn_txt { display:block; padding:9px 0 0 24px; }
.basicbtn:before { display:block; content:""; position:absolute; top:8px; left:8px; width:100%; height:100%; background-color:#e6e6e6; z-index:-2; }
.basicbtn:after { display:block; content:""; position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:#e40065; z-index:-1; }
.basicbtn:hover { background-color:#e40065; color:#fff; border-color:#ec4d94; border:solid 1px #e40065; box-sizing:border-box; }
.basicbtn:hover .icon_arrow { border-color:#ec4d94; }
.basicbtn:hover .icon_arrow .i_ov { opacity:0; }

.basicbtn_m { width:188px; height:56px; line-height:18px; }
_::-webkit-full-page-media, _:future, :root .basicbtn_m {
    
}
.basicbtn_m .basicbtn_m_txt { display:block; padding:18px 0 0 12px; }
.basicbtn_m:hover { background-color:#ea3b8e; }


.basicbtn_b { width:100%; height:56px; line-height:18px; }
_::-webkit-full-page-media, _:future, :root .basicbtn_b {
    
}
.basicbtn_b .basicbtn_b_txt { display:block; font-size:20px; font-weight:700; padding:18px 0 0 0; }
.basicbtn_b:hover { background-color:#e40065; }


.listbtn { font-size:14px; color:#e40065; font-weight:700; padding-left:25px; background:url("/corporate/common/images/icon_list.png") 2px 3px no-repeat; background-size:11px; transition:ease-out .1s; }
.listbtn:hover { color:#000; background:url("/corporate/common/images/icon_list_blk.png") 2px 3px no-repeat; background-size:11px; }

.icon_arrow { display:block; position:absolute; top:0; right:0; width:28px; height:100%; border-left:solid 1px #ec4d94; box-sizing:border-box; transition:ease-out .1s; }
.icon_arrow img { position:absolute; top:50%; left:-10px; margin-top:-5px; width:21px; }

.icon_arrow_b { display:block; position:absolute; top:0; right:0; width:60px; height:100%; border-left:solid 1px #dfdde0; box-sizing:border-box; background-color:rgba(0,0,0,.12); transition:ease-out .1s; }
.icon_arrow_b img { position:absolute; top:50%; left:-21px; margin-top:-17px; width:60px; }


#sc1 {  }
#sc1 .basicbtn { margin-top:34px; }

.tpbox { display:block; padding-bottom:60px; }
.tpbox_l { width:100%; }
.tpbox_l .tpbox_lbox {  }
.tpbox_l .tpbox_lbox .tpbox_line { position:absolute; top:inherit; bottom:0; right:inherit; left:0; width:126px; height:1px; }
.tpbox_line:before { display:block; content:""; position:absolute; top:0; left:0; width:12px; height:1px; }

.tpbox_r { width:100%; }

.tpbox_ttl { font-size:28px; line-height:54px; margin-top:0; padding:50px 0 30px; }
.tpbox_txt { margin:30px 0 0; line-height:30px; }

.tpbox_m { display:block; padding-bottom:30px; }
.tpbox_m_l { width:100%; }
.tpbox_m_l .tpbox_m_lbox { margin-top:0; }
.tpbox_m_l .tpbox_m_lbox .tpbox_line { top:inherit; right:inherit; bottom:0; left:0; width:42px; height:1px; }
.tpbox_m_r { width:100%; }

.tpbox_m_ttl { font-size:48px; line-height:54px; padding-bottom:30px; }
.tpbox_m_txt { margin:30px 0 0 0; line-height:36px; }

.tpbox_s { display:flex; padding-bottom:38px; }
.tpbox_s_l { position:relative; width:auto; padding-right:0; }
.tpbox_s_l .tpbox_m_lbox { position:relative; margin-top:4px; }
.tpbox_s_l .tpbox_m_lbox .tpbox_line { top:inherit; right:inherit; bottom:0; left:0; width:12px; height:1px; }
.tpbox_s_r { width:auto; margin-top:-1px; }

.tpbox_s_ttl { font-size:24px; line-height:30px; }
.tpbox_s_r .listbtn { margin:0 0 0 28px; line-height:34px; }


dl.tpbox_s_r_list{display: block;}
dl.tpbox_s_r_list dt, dl.tpbox_s_r_list dd{float: none; width: 100%;}
dl.tpbox_s_r_list dt{padding: 18px 32px 0 0;}
dl.tpbox_s_r_list dd:before {display: none;}
dl.tpbox_s_r_info dt{font-size: 15px;}


#sc1_vparea { display:block; padding-bottom:0; }
#sc1_vparea #aboutus_backimg { display:none; }
#sc1_vparea .sc1_vision { width:100%; float:none; }
#sc1_vparea .sc1_profile { width:100%; float:none; margin-top:0; }
.vparea_img {  }
.sc1_vision .vparea_img img { width:100%; }
.sc1_profile .vparea_img img { width:100%; }
.sc2 .vparea_img img { width:100%; }
.vparea_tbox { width:73%; position:absolute; top:50%; left:0; margin-top:-60px; padding-left:24px; border-left:solid 4px #e40065; }
.vparea_tbox .vparea_ttl { font-size:36px; color:#e40065; padding-top:2px; }
.vparea_tbox .vparea_txt { color:#fff; line-height:30px; }

.vparea:hover {  }
.vparea:hover .icon_arrow_b { border-color:#ffffff; background-color:rgba(0,0,0,.12); }
.vparea:hover .icon_arrow_b .i_ov { opacity:0; }
.vparea:hover .vparea_img .img_wov { opacity:0; }

#sc2 { background:url("/corporate/common/images/rec_backbg.jpg") center no-repeat; background-size:cover; }
#sc2 .inner { padding-bottom:60px; }
#sc2 .tpbox_m { padding-top:60px; }
#sc2 .tpbox_line { top:inherit; background-color:#fff; }

.recbox { display:block; }
.recbox #borderless { display:none; }
.recbox .recbox_l { width:100%; display:inline-block; float:none; margin-bottom:30px; }
.recbox .recbox_r { width:100%; display:inline-block; float:none; }

.rec_item { position:relative; width:50%; }
.rec_item .rec_img {  }
.rec_item .rec_img img { width:100%; }
.rec_item .icon_arrow { border-color:#dfdde0; background-color:rgba(0,0,0,.12); }
.rec_item .icon_arrow img { position:absolute; top:50%; left:-10px; margin:-5px 0 0 0; }
.rec_item .rec_ovtxt { position:absolute; top:50%; left:30px; margin-top:-32px; font-size:14px; line-height:30px; font-weight:700; color:#000; opacity:0; transition:ease-out .1s; }
.rec_item .rec_ovtxt span { display:block; font-size:18px; font-weight:700; color:#e40065; }

.rec_item:hover {  }
.rec_item:hover .icon_arrow { border-color:#ffffff; background-color:rgba(0,0,0,.12); }
.rec_item:hover .icon_arrow .i_ov { opacity:0; }
.rec_item:hover .rec_img .img_wov { opacity:0; }
.rec_item:hover .rec_ovtxt { opacity:0; }

.recbtnlist { display:inline-block; width:100%; }
.recbtnlist a { float:left; width:48.5%; margin-bottom:15px; transition:ease-out .1s; }
.recbtnlist a.basicbtn_m_l { margin-right:1%; }
.recbtnlist a .icon_arrow { background-color:#cc005a; }
.recbtnlist a:hover { background-color:#e40065; color:#fff; border-color:#ec4d94; border:solid 1px #e0e0e0; box-sizing:border-box; }
.recbtnlist a:hover .icon_arrow { border-color:#ec4d94; background-color:#cc005a; }
.recbtnlist a:hover .icon_arrow .i_ov { opacity:0; }

.sc2_obog { position:relative; margin-top:30px; }
.sc2_obog .vparea_tbox { margin-top:-55px; }
.sc2_obog .vparea_tbox .vparea_txt { color:#000; }
.sc2_obog .vparea_img img { width:100%; }

#sc3 {  }
#sc3 .inner { display:block; margin-top:60px; }

.news_l { width:100%; float:none; padding:50px 0 50px; border-right:none; border-bottom:solid 1px #e6e6e6; }
.news_r { width:100%; float:none; padding:50px 0 50px; margin-left:0; }

.news_l .tpbox_s_l { position:relative; padding-right:0; }
.news_l .tpbox_s_l .tpbox_s_lbox { position:relative; width:auto; padding-right:0;  }
.news_l .tpbox_s_l .tpbox_line,
.news_r .tpbox_line { position:absolute; top:6px; right:1px; width:1px; height:24px; background-color:#d6d6d6; }
.news_l .tpbox_s_l .tpbox_line:before,
.news_r .tpbox_line:before { width:1px; height:12px; }


ul.nslist { width:100%; }
ul.nslist li { width:100%; margin-bottom:30px; }
.news_r ul.nslist li { margin-bottom:30px; }
ul.nslist li:last-child { margin-bottom:0; }
ul.nslist li .ns_img { float:left; width:96px; }
ul.nslist li .ns_img img { width:96px; }
ul.nslist li .ns_tbox { float:left; width:70%; margin:-5px 0 0 20px; }

#lsc1{} 
#lsc1 .recbox_l { width: 100%;}
#lsc1 .recbox_r {width: 100%;  margin: 0 auto; display: block;}
#lsc1 {height:100%;}
#lsc1 .rec_img {width: 33%; margin-bottom:1px;}
.entry{ margin: 33px 0px;}
.basicbtn_e {width: 100%;}

.news_txt .sub_img_left{width: 140px; height: auto; margin-right: 10px; text-align: center;}


}

@media only screen and (max-width: 580px) {
#lsc1 .rec_img {
    width: 33%; margin-bottom:15px;}	
ul.nslist li .ns_tbox { width:67%; }
}
@media only screen and (max-width: 400px) {
ul.nslist li .ns_tbox { width:60%; }
}
ul.nslist li .news_flag { padding:2px 10px 1px; }
.ns_date { font-size:14px; margin-left:8px; }
ul.nslist li .ns_detail { clear:both; width:100%; margin-top:3px; line-height:30px; text-decoration:underline; }
ul.nslist li:hover .ns_detail { text-decoration:underline; color:#000; }

ul.nslist li .ns_item { width:100%; margin-top:-5px; } 





.slick-dots { position:relative; right:inherit; bottom:inherit; display:block!important; width:100%; height:6px; overflow:hidden; padding:0; margin:0; list-style:none; text-align:left; background-color:#e6e6e6; line-height:0; }
.slick-dots li { position:relative; display:flex; float:left!important; width:25%; height:6px; margin:0; padding:0; cursor:pointer; line-height:0; }
.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color:#d6d6d6;
    border-radius:0;
    content: '•';
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    background-color: #e40065;
}

.slick-prev { background: url("/corporate/images/mv_slideL.png") no-repeat; width:40px; height:40px; background-size:40px; left:0; }
.slick-next { background: url("/corporate/images/mv_slideR.png") no-repeat; width:40px; height:40px; background-size:40px; right:0; }

.slick-prev:hover { background: url("/corporate/images/mv_slideL.png") no-repeat; background-size:40px; }
.slick-next:hover { background: url("/corporate/images/mv_slideR.png") no-repeat; background-size:40px; }



}

@media only screen and (max-width: 480px) {



}