@charset "UTF-8";
h2 { display: block; width: 100%; height: 86px; margin: 0; padding: 50px 0 0 0; font-size: 1.25rem; }
.main_img { position: relative; width: 100%; height: 100vh; text-align: center; background-image: url(../../img/top/key_visual_sp.jpg); background-repeat: no-repeat; background-position: center bottom; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; }
.main_img img { width: 68%; margin: 120px 0 0 0; }
.main_img .pc_img { display: none; }
.main_img .sp_img { width: 100%; margin: 60px 0 0 0; }
.main_img .tab_img { display: none; }
.main_img p { position: absolute; bottom: 70px; left: 50%; margin-left: -30px; }
.main_img p img { width: 60px; }
#service h2:not(.voice_title) { text-align: center; background-image: url(../../img/top/services_title.png); background-repeat: no-repeat; background-size: 75%; background-position: center 15px; }
#service .s_inner { width: 100%; background-image: url(../../img/top/service_bg_sp.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; text-align: center; color: #fff; padding: 60px 0 0; }
#service .s_inner p { padding: 0 20px; text-shadow: 0px 0px 8px #0053a9, 0px 0px 5px #0053a9, 0px 0px 5px #0053a9; }
#service .s_inner .lead { font-weight: bold; font-size: 1.63rem; }
#service .s_inner .service_list { width: 100%; background: rgba(255, 255, 255, 0.6); margin-top: 60px; padding: 80px 0 0; }
#service .s_inner .service_list > ul { width: 100%; padding: 0 10px; max-width: 450px; margin: 0 auto; }
#service .s_inner .service_list > ul > li { width: 100%; padding: 0 10px; margin-bottom: 80px; }
#service .s_inner .service_list > ul > li a { display: block; width: 100%; position: relative; }
#service .s_inner .service_list > ul > li a > div { border: 1px solid #fff; color: #fff; }
#service .s_inner .service_list > ul > li a > div h3 { display: flex; justify-content: center; align-items: center; text-align: center; color: #fff; font-size: 1.25rem; font-weight: bold; margin: 0; padding: 30px 20px; border-bottom: 1px solid #fff; }
#service .s_inner .service_list > ul > li a > div ul { padding: 20px; margin: 0; text-align: left; }
#service .s_inner .service_list > ul > li a > img { position: absolute; left: 50%; }
#service .s_inner .service_list > ul > li a .coment_area { display: flex; align-items: center; margin-top: 30px; padding: 20px; position: relative; text-shadow: 1px 1px 2px #CCC; }
#service .s_inner .service_list > ul > li a .coment_area:after, #service .s_inner .service_list > ul > li a .coment_area:before { content: ''; position: absolute; bottom: 100%; left: 50%; }
#service .s_inner .service_list > ul > li a .coment_area:after { border-right: 28px solid transparent; border-left: 28px solid transparent; margin-left: -28px; }
#service .s_inner .service_list > ul > li a .coment_area:before { border-right: 30px solid transparent; border-left: 30px solid transparent; border-bottom: 30px solid #fff; margin-left: -30px; }
#service .s_inner .service_list > ul > li:hover { transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; opacity: 0.7; }
#service .s_inner .service_list > ul > li.creative div { background: #0081cc; }
#service .s_inner .service_list > ul > li.creative img { top: -37px; margin: 0 0 0 -83px; }
#service .s_inner .service_list > ul > li.creative .coment_area { text-align: left; }
#service .s_inner .service_list > ul > li.creative .coment_area:after { border-bottom: 28px solid #0081cc; }
#service .s_inner .service_list > ul > li.creative .coment_area img { margin: 0; max-width: 229px; width: 70%; }
#service .s_inner .service_list > ul > li.ec div { background: #ff911e; }
#service .s_inner .service_list > ul > li.ec img { top: -45px; margin: 0 0 0 -116px; }
#service .s_inner .service_list > ul > li.ec .coment_area { text-align: left; }
#service .s_inner .service_list > ul > li.ec .coment_area:after { border-bottom: 28px solid #ff911e; }
#service .s_inner .service_list > ul > li.ec .coment_area img { margin: 0; max-width: 229px; width: 70%; }
#service .s_inner .service_list > ul > li.global div { background: #88db80; }
#service .s_inner .service_list > ul > li.global img { top: -50px; margin: 0 0 0 -64px; }
#service .s_inner .service_list > ul > li.global .coment_area { text-align: left; }
#service .s_inner .service_list > ul > li.global .coment_area:after { border-bottom: 28px solid #88db80; }
#service .s_inner .service_list > ul > li.global .coment_area img { margin: 0; max-width: 229px; width: 70%; }
#service .s_inner .service_list > ul > li.marketing { margin-bottom: 0; }
#service .s_inner .service_list > ul > li.marketing div { background: #eb6d8e; }
#service .s_inner .service_list > ul > li.marketing img { top: -48px; margin: 0 0 0 -102px; }
#service .s_inner .service_list > ul > li.marketing .coment_area { text-align: left; }
#service .s_inner .service_list > ul > li.marketing .coment_area:after { border-bottom: 28px solid #eb6d8e; }
#service .s_inner .service_list > ul > li.marketing .coment_area img { margin: 0; max-width: 229px; width: 70%; }
#service .s_inner .service_list .banner_area { width: 100%; padding: 10px 50px 15px; font-size: 1.18rem; font-weight: bold; }
#service .s_inner .service_list .banner_area li { float: none; margin: 40px auto; }
#service .s_inner .service_list .banner_area li.portfolio a, #service .s_inner .service_list .banner_area li.qa a, #service .s_inner .service_list .banner_area li.contact a { display: block; color: #004892; padding: 10px 10px 10px 50px; border: 1px solid #004892; background-color: #fff; background-repeat: no-repeat; }
#service .s_inner .service_list .banner_area li.portfolio a:hover, #service .s_inner .service_list .banner_area li.qa a:hover, #service .s_inner .service_list .banner_area li.contact a:hover { transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; color: #fff; background-color: #004892; }
#service .s_inner .service_list .banner_area li.portfolio a { background-image: url(../../img/top/port_btn.png); background-position: 20px center; background-size: 30px 30px; -moz-background-size: 30px 30px; -webkit-background-size: 30px 30px; }
#service .s_inner .service_list .banner_area li.portfolio a:hover { transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; background-image: url(../../img/top/port_btn_on.png); }
#service .s_inner .service_list .banner_area li.qa a { background-image: url(../../img/top/qa_btn.png); background-position: 20px center; background-size: 30px 30px; -moz-background-size: 30px 30px; -webkit-background-size: 30px 30px; }
#service .s_inner .service_list .banner_area li.qa a:hover { transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; background-image: url(../../img/top/qa_btn_on.png); }
#service .s_inner .service_list .banner_area li.contact a { background-image: url(../../img/top/cont_btn.png); background-position: 17px center; background-size: 30px auto; -moz-background-size: 30px auto; -webkit-background-size: 30px auto; }
#service .s_inner .service_list .banner_area li.contact a:hover { transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; background-image: url(../../img/top/cont_btn_on.png); }
#service .s_inner .other_banner { width: 100%; text-align: center; margin: 0 !important; padding: 40px 0; background: #c7def0; }
#service .top_voice { background: url(../img/bg.gif) repeat; padding-bottom: 25px; }
#service .voice_list { margin: 0 auto; }
#service .voice_list li { width: 50%; margin-left: 0; padding: 5px; }
#service .voice_list a { display: block; max-width: 350px; margin: 0 auto; color: #424753; transition: .3s; border: 1px solid #00a8e8; }
#service .voice_list a:hover { opacity: .7; }
#service .base_panel { background: #fff; }
#service .base_panel dl { margin-bottom: 0; }
#service .base_panel dt { padding: 30px 20px 0; font-size: 1rem; font-weight: bold; }
#service .base_panel dd { text-align: center; padding: 30px; margin-bottom: 0; }
#service .base_panel dd img { width: 175px; height: auto; }
#service .top_voice h2 { text-align: center; background-image: url(../../img/voice/title_voice.png); background-repeat: no-repeat; background-size: 60% auto; background-position: center 15px; }
#company h2 { text-align: center; background-image: url(../../img/top/company_title.png); background-repeat: no-repeat; background-size: 60%; background-position: center 15px; }
#company .c_inner { padding: 30px 20px 50%; background-image: url(../../img/top/company_bg_sp.jpg); background-repeat: no-repeat; background-position: bottom; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; }
#company .c_inner .comment { position: relative; border: 1px solid #00a8e8; background: rgba(255, 255, 255, 0.9); width: 100%; max-width: 860px; margin: 0 auto; padding: 30px; }
#company .c_inner .comment .lead { color: #00a8e8; font-size: 1.25em; font-weight: bold; }
#company .c_inner .comment .sign { text-align: right; padding: 0; margin: 0; }
#company .c_inner .comment .sign img { width: 85px; }
#company .c_inner .comment:after { content: url(../../img/top/comment_arrow_sp.png); position: absolute; top: 100%; left: 60%; width: 40px; }
#company .btn_area { padding: 50px 10px; margin: 0; background: #FFF; }
#company .btn_area ul { max-width: 440px; margin: 0 auto; }
#company .btn_area ul li { width: 50%; margin: 0; padding: 0 20px; }
#company .btn_area ul li:last-child { margin: 0 0 0 25%; }
#company .btn_area ul li img { width: 100%; }
#recruit h2 { text-align: center; background-image: url(../../img/top/recruit_title.png); background-repeat: no-repeat; background-size: 28%; background-position: center 15px; }
#recruit .r_inner { padding: 60px 20px 120px; text-align: center; background-image: url(../../img/top/recruit_bg.jpg); background-repeat: no-repeat; background-position: top center; }
#recruit .r_inner .lead { color: #00a8e8; font-size: 1.25em; font-weight: bold; }
#recruit .r_inner .btn_area { padding: 50px 10px 0; margin: 0 auto; width: 100%; max-width: 440px; }
#recruit .r_inner .btn_area li { width: 50%; margin: 0; padding: 0 10px; }
#recruit .r_inner .btn_area li:last-child { margin: 0 0 0 25%; }
#recruit .r_inner .btn_area li img { width: 100%; }
#recruit .r_inner .btn_area li dd { display: block; height: 50px; }
#recruit .r_inner .btn_area li a { color: #004892; }
#recruit .r_inner .btn_area li a:hover { opacity: 0.7; transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; }
#recruit .r_inner .r_btn { margin: 0 auto; padding: 30px 50px 0; max-width: 450px; }
#recruit .r_inner .r_btn a { display: block; color: #004892; font-size: 1.18rem; font-weight: bold; padding: 10px 10px 10px 10px; border: 1px solid #004892; background-color: #fff; }
#recruit .r_inner .r_btn a:hover { transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; color: #fff; background-color: #004892; }
#nb h2 { background-image: url(../../img/top/news_blog_title.png); background-repeat: no-repeat; background-size: 48%; background-position: center 15px; }
#nb .nb_inner { margin: 0 auto; padding: 0 20px 140px; max-width: 440px; }
#nb .nb_inner h3 { text-align: center; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; font-weight: bold; color: #004892; }
#nb .nb_inner h3:before { margin-right: 0.5em; }
#nb .nb_inner h3:after { margin-left: 0.5em; }
#nb .nb_inner h3:before, #nb .nb_inner h3:after { display: inline; border-top: 3px solid #004892; content: ""; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; }
#nb .nb_inner .news { padding: 30px; background: rgba(0, 168, 232, 0.7); }
#nb .nb_inner .news li { margin: 0; padding: 10px 0; border-bottom: #fff 1px dashed; }
#nb .nb_inner .news li:first-child { padding: 0 0 10px 0; }
#nb .nb_inner .news li:last-child { padding: 10px 0 0 0; border: none; }
#nb .nb_inner .news li:last-child dd { margin: 0; }
#nb .nb_inner .news li a { display: block; color: #fff; }
#nb .nb_inner .news li a dl { margin: 0; padding: 0; }
#nb .nb_inner .n_btn { margin: 30px 0 50px; text-align: center; font-size: 1.25rem; font-weight: bold; }
#nb .nb_inner .n_btn a { padding: 10px; display: block; width: 100%; background: #004892; color: #fff; }
#nb .nb_inner .n_btn a:hover { opacity: 0.7; transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; }
.blog > ul > li { position: relative; margin-bottom: 20px; }
.blog > ul > li:last-child { margin: 0; }
.blog > ul > li a { border: 1px solid #00a8e8; background: #fff; display: block; padding: 18px; }
.blog > ul > li a:hover { opacity: 0.7; transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; }
.blog > ul > li a ul { margin: 0; }
.blog > ul > li a li { color: #666; font-size: 1.13rem; font-weight: bold; }
.blog > ul > li a .cate { min-width: 65px; text-align: center; position: absolute; color: #fff; top: 0; right: 18px; padding: 6px 8px; font-size: 0.65rem; }
.blog > ul > li a .date { margin-top: 10px; color: #00a8e8; font-size: 1.6rem; font-weight: lighter; }
.blog > ul > li a .img img { width: 100%; }
.blog > ul > li a .t_link { text-align: right; font-size: 0.88rem; font-weight: lighter; margin-top: 10px; }
.blog > ul > li a .web { background: #ff4c73; }
.blog > ul > li a .ec { background: #ff7300; }
.blog > ul > li a .web_marketing { background: #ffb500; }
.blog > ul > li a .glocal { background: #8ab83e; }
.blog > ul > li a .branding { background: #359d6a; }
.blog > ul > li a .creative { background: #01aaeb; }
.blog > ul > li a .business { background: #3b7cd0; }
.blog > ul > li a .lifehack { background: #8a5eab; }
.blog > ul > li a ul li.img { margin-bottom: 10px; }
.blog > ul > li a ul li { font-size: 1rem; line-height: 1.4; }
#nb .nb_inner .b_btn { margin: 30px 0 50px; text-align: center; font-size: 1.25rem; font-weight: bold; }
#nb .nb_inner .b_btn a { padding: 10px; display: block; width: 100%; background: #004892; color: #fff; }
#nb .nb_inner .b_btn a:hover { opacity: 0.7; transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; }

/* ------------------
 スマホ320幅表示
-------------------*/
@media print, screen and (max-width:320px) {
  #service .voice_list a {max-width: 280px;}
}

/* ------------------
 スマホ横表示
-------------------*/
@media print, screen and (min-width:30em) {
  .main_img { height: 850px; }
}

/* ------------------
 タブレット表示
-------------------*/
@media print, screen and (min-width:48em) {
  h2 { height: 140px; padding: 90px 0 0 0; }
  .main_img { height: 974px; }
  .main_img .sp_img { display: none; }
  .main_img .tab_img { display: block; width: 100%; }
  .main_img p { bottom: 93px; left: 50%; margin-left: -38px; }
  .main_img p img { width: 76px; }
  #service h2:not(.voice_title) { background-position: center 30px; }
  #service .s_inner { width: 100%; background-image: url(../../img/top/service_bg.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; }
  #service .s_inner .service_list { margin-top: 140px; padding: 140px 0 0; }
  #service .s_inner .service_list > ul { max-width: 1290px; padding: 0 16px; }
  #service .s_inner .service_list > ul > li { float: left; width: 25%; margin-bottom: 0; padding: 0 8px; }
  #service .s_inner .service_list .banner_area { padding: 0; }
  #service .s_inner .service_list > .banner_area > li { width: 33.3%; }
  #service .s_inner .service_list > ul > li a > div h3 { padding: 12px 8px; font-size: 1.13rem; }
  #service .s_inner .service_list > ul > li.marketing a > div h3 br { display: none; }
  #service .s_inner .service_list > ul > li a > div ul { padding: 12px 8px; font-size: 0.88rem; }
  #service .s_inner .service_list > ul > li a .coment_area { min-height: 80px; padding: 12px 8px; font-size: 0.88rem; }
  #service .s_inner .service_list > ul > li a .coment_area br { display: none; }
  #service .s_inner .service_list > ul > li a > img {left: 54%; }
  #service .s_inner .service_list > ul > li.creative img { width: 64%; }
  #service .s_inner .service_list > ul > li.ec img { width: 98%; }
  #service .s_inner .service_list > ul > li.global img { width: 52%; }
  #service .s_inner .service_list > ul > li.marketing img { width: 76%; }
  #service .s_inner .other_banner { background: #acd5f4; }
  #service .voice_list { margin: 0; padding: 0;}
  #service .top_voice {padding-bottom: 40px;}
  #service .top_voice h2 { background-position: center 30px; }
  #service .voice_list li { width: 33.33%; margin-left: 0 !important; padding-bottom: 15px; float: left;}
  #company { position: relative; }
  #company h2 { background-position: center 30px; }
  #company .c_inner { padding: 30px 20px 500px; background-image: url(../../img/top/company_bg.jpg); background-repeat: no-repeat; background-position: bottom; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; }
  #company .c_inner .comment .lead { font-size: 1.25em; font-weight: bold; }
  #company .c_inner .comment .sign img { width: 100px; }
  #company .c_inner .comment:after { content: url(../../img/top/comment_arrow.png); }
  #company .btn_area { background: none; position: absolute; left: 50%; bottom: 20px; margin: 0 0 0 -210px; padding: 0; }
  #company .btn_area ul { background: none; max-width: 1290px; }
  #company .btn_area ul li { width: 33.3%; margin: 0; padding: 0 10px; }
  #company .btn_area ul li:last-child { margin: 0; }
  #company .btn_area ul li img { width: 100px; }
  #company .btn_area ul li a:hover { opacity: 0.7; transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; }
  #company .btn_area ul li a:hover { opacity: 0.7; transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; }
  #recruit h2 { background-image: url(../../img/top/recruit_title.png); background-repeat: no-repeat; background-size: 28%; background-position: center 30px; }
  #recruit .r_inner { padding: 60px 20px 120px; background-image: url(../../img/top/recruit_bg.jpg); background-repeat: no-repeat; background-position: top center; }
  #recruit .r_inner .btn_area { padding: 50px 10px 0; margin: 0 auto; width: 550px; max-width: 1290px; }
  #recruit .r_inner .btn_area li { width: 33.3%; margin: 0; padding: 0 10px; }
  #recruit .r_inner .btn_area li:last-child { margin: 0 0 0 173px; }
  #recruit .r_inner .btn_area li img { width: 100%; }
  #recruit .r_inner .r_btn { margin: 0 auto; max-width: 1290px; }
  #recruit .r_inner .r_btn a { margin: 0 auto; width: 33.3%; }
}

/* ------------------
 PC表示(中)
-------------------*/
@media print, screen and (min-width:64em) {
  h2 { height: 200px; padding: 132px 0 0 0; }
  .main_img { position: relative; z-index: 10; margin-top: -143px; padding-top: 145px; height: 100vh; width: 100%; background-image: url(../../img/top/key_visual.jpg); background-repeat: no-repeat; background-position: center bottom; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; }
  .main_img .sp_img02 { display: none; }
  .main_img .pc_img { display: block; }
  .main_img img { width: 100%; margin: 60px 0 0 0; }
  .main_img .tab_img { display: none; }
  .main_img p { position: absolute; bottom: 30px; left: 50%; margin-left: -38px; }
  #service h2:not(.voice_title) { background-size: 916px; background-repeat: no-repeat; background-position: center 50px; }
  #service .s_inner { padding-top: 130px; }
  #service .s_inner .lead { font-weight: bold; }
  #service .s_inner .service_list > ul { max-width: 1290px; padding: 0 20px; margin: 0 auto; }
  #service .s_inner .service_list > ul > li { padding: 0 10px; }
  #service .s_inner .service_list > ul > li a > div h3 { padding: 30px 4px; }
  #service .s_inner .service_list > ul > li a > div ul { padding: 20px 12px; }
  #service .s_inner .service_list > ul > li a .coment_area br { display: block; }
  #service .s_inner .service_list > ul > li a .coment_area { min-height: 108px; padding: 20px 12px; }
  #service .s_inner .service_list > ul > li.marketing a > div h3 br { display: block; }
  #service .s_inner .service_list > ul > li a > img {left: 50%; }
  #service .s_inner .service_list > ul > li.creative img { width: auto; }
  #service .s_inner .service_list > ul > li.ec img { width: auto; }
  #service .s_inner .service_list > ul > li.global img { width: auto; }
  #service .s_inner .service_list > ul > li.marketing img { width: auto; }
  #service .s_inner .service_list .banner_area { padding: 60px 0 60px 0; }
  #service .s_inner .service_list .banner_area li { margin: 40px 0 0 33.3%; font-size: 1.5rem; }
  #service .s_inner .service_list .banner_area li.portfolio a, #service .s_inner .service_list .banner_area li.qa a, #service .s_inner .service_list .banner_area li.contact a { padding: 16px 10px 16px 65px; }
  #service .s_inner .service_list .banner_area li.portfolio a { background-position: 30px center; background-size: auto; -moz-background-size: auto; -webkit-background-size: auto; }
  #service .s_inner .service_list .banner_area li.qa a { background-position: 30px center; background-size: auto; -moz-background-size: auto; -webkit-background-size: auto; }
  #service .s_inner .service_list .banner_area li.contact a { background-size: auto; -moz-background-size: auto; -webkit-background-size: auto; }
  #service .top_voice {padding-bottom: 60px;}
  #service .top_voice h2 { background-size: 786px 79px; background-repeat: no-repeat; background-position: center 50px; }
  #company h2 { background-size: 783px; background-repeat: no-repeat; background-position: center 50px; }
  #company .c_inner { padding: 60px 0 600px; }
  #company .c_inner .comment { padding: 60px; font-size: 1.13rem; }
  #company .c_inner .comment .lead { font-size: 1.5rem; }
  #company .c_inner .comment .sign img { width: 148px; }
  #company .c_inner .comment:after { content: url(../../img/top/comment_arrow.png); }
  #company .btn_area { bottom: 50px; margin: 0 0 0 -303px; }
  #company .btn_area ul li img { width: 162px; }
  #recruit h2 { background-size: 328px; background-position: center 50px; }
  #recruit .r_inner { padding: 100px 20px 180px; background-position: left; }
  #recruit .r_inner .lead { font-size: 1.5em; }
  #recruit .r_inner .btn_area { font-weight: bold; padding: 50px 10px 0; margin: 0 auto; width: 860px; }
  #recruit .r_inner .btn_area li { width: 33.3%; margin: 0; padding: 0 20px 20px; }
  #recruit .r_inner .btn_area li:last-child { margin: 0 0 0 275px; }
  #recruit .r_inner .btn_area li img { width: 160px; padding-bottom: 1em; }
  #recruit .r_inner .r_btn { margin: 0 auto; max-width: 1290px; }
  #recruit .r_inner .r_btn a { font-size: 1.5rem; margin: 0 auto; width: 33.3%; padding: 16px 10px; }
  #nb .nb_inner h3 { display: none; }
  #nb .nb_inner .news li { margin: 0; padding: 10px 0; }
  #nb .nb_inner .news li:first-child { padding: 0 0 10px 0; }
  #nb .nb_inner .news li:last-child { padding: 10px 0 0 0; border: none; }
  #nb .nb_inner .news .mCSB_dragger_bar { background: #cff2ff; }
  #nb .nb_inner .news .mCSB_draggerRail { background: #14a8e0; }
  #nb h2 { background-size: 583px; background-position: center 50px; }
  #nb .nb_inner { margin: 0 auto; padding: 0 20px 140px 20px; width: 100%; max-width: 1290px; }
  #nb .nb_inner .left_cont { float: left; width: 25%; height: auto; }
  #nb .nb_inner .right_cont { float: right; width: 73%; height: auto; }
  #nb .nb_inner .right_cont .blog { height: auto; }
  #nb .nb_inner .news { padding: 30px; overflow-y: auto; height: 664px; }
  #nb .nb_inner .n_btn { margin: 30px 0 50px; }
  .blog > ul > li:nth-child(2n) { margin: 0; }
  .blog > ul > li a .t_link { font-size: 0.88rem; font-weight: lighter; line-height: 18px; }
  .blog > ul > li { width: 33.3%; float: left; margin: 0 0 30px 0; }
  .blog > ul > li:nth-child(1), .blog > ul > li:nth-child(4) { padding-right: 20px; }
  .blog > ul > li:nth-child(1) .cate, .blog > ul > li:nth-child(4) .cate { right: 40px; }
  .blog > ul > li:nth-child(2), .blog > ul > li:nth-child(5) { padding: 0 10px; }
  .blog > ul > li:nth-child(2) .cate, .blog > ul > li:nth-child(5) .cate { right: 30px; }
  .blog > ul > li:nth-child(3), .blog > ul > li:nth-child(6) { padding-left: 20px; }
  .blog > ul > li a { padding: 20px; height: 317px; }
  .blog > ul > li a .cate { right: 20px; }
  .blog > ul > li a ul { margin: 0; }
  .blog > ul > li a ul li { font-size: 1rem; }
  .blog > ul > li a .date { font-size: 1.13rem; }
  #nb .nb_inner .b_btn { margin: 0 0 50px; }
}

/* ------------------
 PC表示(大)
-------------------*/
@media print, screen and (min-width:80em) {
  .main_img { padding-top: 60px; }
  .main_img img { margin: 127px 0 0 0; }
  .main_img p { position: absolute; bottom: -30px; left: 50%; margin-left: -38px; }
  #service .s_inner { padding-top: 120px; }
  #service .s_inner p { font-size: 1.25rem; }
  #service .s_inner .lead { font-size: 2.25rem; font-weight: bold; }
  #service .s_inner .service_list > ul { max-width: 1320px; padding: 0 30px; }
  #service .s_inner .service_list > ul > li a > div h3 { font-size: 1.25rem; }
  #service .s_inner .service_list > ul > li a > div ul { padding: 20px; font-size: 1rem; }
  #service .s_inner .service_list > ul > li a .coment_area { min-height: 118px; padding: 20px; font-size: 1rem; }
  #service .s_inner .service_list .banner_area { padding: 60px 0 100px 0; }
  #service .s_inner .service_list .banner_area li { font-size: 1.83rem; }
  #service .s_inner .service_list .banner_area li.portfolio a, #service .s_inner .service_list .banner_area li.qa a, #service .s_inner .service_list .banner_area li.contact a { padding: 16px 10px 16px 65px; }
  #company .c_inner { padding: 60px 0 800px; }
  #company .c_inner .comment { padding: 60px; }
  #company .c_inner .comment p { font-size: 1.25rem; }
  #company .c_inner .comment p.lead { font-size: 1.75rem; }
  #recruit .r_inner { background-position: top; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; }
  #recruit .r_inner p { font-size: 1.25rem; }
  #recruit .r_inner p.lead { font-size: 1.75rem; }
  #recruit .r_inner dl dd { font-size: 1.25rem; }
  #recruit .r_inner .r_btn { margin: 0 auto; max-width: 1290px; }
  #recruit .r_inner .r_btn a { font-size: 1.83rem; margin: 0 auto; width: 33.3%; padding: 16px 10px; }
  #nb .nb_inner { padding: 0 80px 140px 20px; }
  #nb .nb_inner .n_btn { margin: 30px 0 50px; }
  .blog > ul > li a .date { font-size: 1.5rem; }
}

/* IE11対応 */
@media print, screen and (min-width:80em) {
  _:-ms-lang(x)::-ms-backdrop, #service .s_inner .service_list > ul > li a .coment_area {
    height: 118px;
  }
  _:-ms-lang(x)::-ms-backdrop, #service .s_inner .service_list > ul > li a > div h3 {
    height: 117px;
  }
}
@media print, screen and (min-width:64em) {
  _:-ms-lang(x)::-ms-backdrop, #service .s_inner .service_list > ul > li a > div h3 {
    height: 111px;
  }
}
@media print, screen and (min-width:48em) {
  _:-ms-lang(x)::-ms-backdrop, #service .s_inner .service_list > ul > li a > div h3 {
    height: 95px;
  }
}