@charset "utf-8";

/*
-----------------------------------------------
RESET CSS 1.6
▼基本デザイン 2018.7
----------------------------------------------- */
* {
box-sizing:border-box;
margin:0;
padding:0;
border:0;
outline:0;
font-style:normal;
line-break:strict;
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx) {
* {
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
}
html {
-webkit-text-size-adjust:100%;
font-size:62.5%;
line-height:1.7;
color:#222;
font-feature-settings:"palt";
}
body {
font-size:1.6rem;
}
@media (min-width:768px){
body {
font-family:"source-han-sans-japanese",sans-serif;
/*font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;*/
font-weight:400;
letter-spacing:.04em;
font-feature-settings:"palt";
}
}

article,aside,figure,footer,header,main,menu,nav,section {
display:block;
}
audio,canvas,video {
display:inline-block;
}
img {
vertical-align:bottom;
}
input,select,textarea {
font-size:100%;
vertical-align:middle;
}
ul,ol {
list-style-type:none;
}
h1,h2,h3,h4,h5,h6,strong {
font-weight:500;
}
table {
border-collapse:collapse;
border-spacing:0;
}

a {
color:#333;
text-decoration:none;
}
a:hover,a:active {
text-decoration:underline;
}
a img {
transition:opacity 0.3s ease-in-out;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}
a:hover img {
opacity:0.7;
}

/* clearfix */
.cf:after {
display:block;
content:"";
clear:both;
}

.sponly {display:none;}
.txtL {text-align:left;}
.txtR {text-align:right;}
.center {text-align:center;}
.soroe {text-align:justify; text-justify:inter-ideograph;}
.nowrap {white-space:nowrap;}
.imgL {float:left; margin:0 16px 0 0;}
.imgR {float:right; margin:0 0 0 16px;}
.hidden {overflow:hidden;}
.btm8 {margin-bottom:8px;}
.btm16 {margin-bottom:16px;}
.btm20{margin-bottom:20px;}
.btm24 {margin-bottom:24px;}
.btm32 {margin-bottom:32px;}
.btm40 {margin-bottom:40px;}
.btm48 {margin-bottom:48px;}
.btm64 {margin-bottom:64px;}
.btm100 {margin-bottom:100px !important;}
.f12 {font-size:1.2rem;}
.f14 {font-size:1.4rem;}
.f18 {font-size:1.8rem;}
.f20 {font-size:2rem;}
.f22 {font-size:2.2rem;}
.f24 {font-size:2.4rem;}
.f28 {font-size:2.8rem;}
.f32 {font-size:3.2rem;}
.inL {display:inline-block;}
.u_mg-b-30_20{margin-bottom: 30px;}
.fwB {font-weight:bold;}
.kome {
padding-left:1em;
text-indent:-1em;
}
.orange_txt {
color:#e2472a;
}


@media (max-width:414px) {
.imgL {float:none; margin:0 0 12px;}
.imgR {float:none; margin:0 0 12px;}
.pt0_sp{padding-top:0px !important;}
.pb0_sp{padding-bottom:0px !important;}
.mt0_sp{margin-top:0px !important;}
.mb0_sp{margin-bottom:0px !important;}
.mb64_sp{margin-bottom:64px !important;}
}

/*
-----------------------------------------------
▼スマホ基本
----------------------------------------------- */
@media (max-width:767px){
body {
font-family:sans-serif;
overflow-x:hidden;
}
img {
max-width:100%;
height:auto;
}
.pconly {display:none;}
.sponly {display:block;}
.u_mg-b-30_20{margin-bottom: 20px;}
}

/* 基本設定 */
.blk01 {
width:1088px;
margin-left:auto;
margin-right:auto;
}
#products .blk01 {
  width:1200px;
}

@media (max-width:1200px) {
  .blk01 {
    width:100%;
    margin:0px;
  }
  #products .blk01 {
    margin:0px;
    width:100%;
  }
}

@media (max-width:1120px) {
  #products .blk01,.blk01 {
    margin:0px;
    width:100%;
  }
}

@media (max-width:767px) {
  #products .blk01,.blk01 {
    width:auto;
    margin-left:14px;
    margin-right:14px;
    overflow-x:hidden;
  }
}

/*
-----------------------------------------------
▼ fbox設定
----------------------------------------------- */
.fbox {
margin-right:-12px;
margin-left:-12px;
display:flex;
flex-wrap:wrap;
}
.fcol {
padding:0 12px 70px;
vertical-align:top;
}
.col2 .fcol {
width:50%;
}
.col3 .fcol {
width:33.333%;
}

.col4 .fcol,
.pc-col4-sp-col2 .fcol {
width:25%;
}

.pc-col4-sp-col2 .fcol p{
font-size: 1.6rem;
}
.col5 .fcol {
width:20%;
}
.fbox img {
max-width:100%;
height:auto;
}

@media (max-width:1200px) {
  .fbox {
      width:100%;
  }
}



@media (max-width:736px) {
.fbox {
margin-right:-10px;
margin-left:-10px;
}
.fcol {
padding:0 10px 24px;
}

.col3 .fcol,
.pc-col4-sp-col2 .fcol {
width:50%;
}
.col4 .fcol,
.col5 .fcol {
width:33.3333%;
}
.fbox img {
display:block;
margin-right:auto;
margin-left:auto;
}
}

@media (max-width:414px) {
.fbox {
margin-right:-7px;
margin-left:-7px;
}
.fcol {
padding:0 7px 24px;
}

.col2 .fcol,
.pc-col4-sp-col2 .fcol {
width:50%;
}

.col2 .fcol .use,
.pc-col4-sp-col2 .fcol .use{
margin-left: -3px;
}
.col3 .fcol,
.col4 .fcol,
.col5 .fcol {
width:50%;
}
}

/*
-----------------------------------------------
▼ wrapper 余白設定
----------------------------------------------- */
@media (min-width:768px){
#wrapper {
padding-top:60px;
}
}

/*
-----------------------------------------------
▼header
----------------------------------------------- */
@media (min-width:768px){
#fixedheadwrap {
position:fixed;
top:0px;
width:100%;
height:60px;
background-color:#fff;
z-index:5000;
}
.header {
margin:17px auto 0;
/* max-width:1088px; */
width: 1200px;
height:43px;
line-height:1;
}
.header dt {
float:left;
/* margin-right:29px; */
margin-right: 100px;
}
.header dt img {
width:150px;
}
.header dd {
float:left;
margin:7px 22px 0 0;
font-size:1.4rem;
}
.header dd:last-child {
margin:3px 0 0 0;
}
.header dd:nth-last-of-type(2) {
  margin-left: 60px;
}
.header dd a {
color:#333;
}
.header dd a:hover {
opacity:0.7;
}
}

@media (max-width:767px) {
#fixedheadwrap {
position:fixed;
top:0px;
width:100%;
background-color:#fff;
z-index:5000;
}
.header {
position:fixed;
top:0;
z-index:500;
width:100%;
height:40px;
border-bottom:1px solid #c0c0c0;
background:#fff;
line-height:1;
}
.header dt {
float:left;
padding:12px 0 12px 8px;
}
.header dt img {
width:96px;
}
.header dd {
display:none;
}
.header dd.spmenu {
display:block;
float:right;
}
.header dd.spmenu p {
float:left;
padding:11px 0;
height:40px;
border-left:1px solid #c0c0c0;
}
.header p.spmenu1 {
width:40px;
background:url(../img/sp_search.png) no-repeat center 11px;
background-size:18px 18px;
}
.header p.spmenu2 {
width:47px;
background:url(../img/sp_menu.png) no-repeat center 11px;
background-size:25px 18px;
}
.header p.spmenu2.active {
background:url(../img/sp_close.png) no-repeat center 11px;
background-size:18px 18px;
}

}

/* ▼ g_menu */
@media (min-width:768px) {
.hover_menu {
position:fixed;
top:60px;
max-width:1088px;
z-index:12000;
display:none;
align-items: flex-start;
}

.hover_menu > ul {
min-width:310px;
max-width:310px;
width:310px;
max-height: calc(100vh - 60px);
overflow-y: scroll;
-ms-overflow-style:none;
}
.hover_menu > ul::-webkit-scrollbar{
    display:none;
}

.hover_menu ul li {
position:relative;
padding:20px 40px 20px 17px;
border-top:1px solid #6e6f71;
background-color:#393939;
color:#fff;
text-align:left;
font-size:16px;
}

.hover_menu ul li:after {
position:absolute;
top:50%;
right:6%;
display:block;
width:7px;
height:7px;
border-top:4px solid #2699fb;
border-right:4px solid #2699fb;
content:'';
transform:rotate(45deg) translateY(-50%);
}

.hover_menu ul li:hover {
background-color:#535353;
cursor:pointer;
}

.hover_menu ul li.active_hover_menu {
background-color:#535353;
}

.pc_gmenu > dl > dd a {
display:block;
}

.header dd a {
padding-bottom:16px;
}

.header dd a:not([data-menuno='none']):hover::after,
.gmenu_arrow:after {
position:relative;
top:8px;
left:40%;
display:block;
width:7px;
height:7px;
border-right:4px solid #2699fb;
border-bottom:4px solid #2699fb;
content:'';
transform:rotate(45deg) translateY(-50%);
}


.detail_menu {
position:relative;
display:none;
/* padding:20px 16px 76px 16px; */
padding:20px 16px 10px 16px;
background-color:#fff;
flex-wrap:wrap;
align-items:stretch;
box-shadow:0 2px 2px 2px rgba(0,0,0,0.2);
max-height: calc(100vh - 60px);
overflow-y: scroll;
-ms-overflow-style:none;
}
.detail_menu::-webkit-scrollbar{
    display:none;
}

.detial_menu_content {
position:relative;
float:left;
padding:12px;
width:33.333%;
min-height:170px;
}

.detial_menu_content_50 {
position:relative;
float:left;
padding:12px;
width: 50%;
min-height:170px;
}

.detial_menu_content_100 {
position:relative;
float:left;
padding:12px;
width:40%;
min-height:170px;
margin:0 auto;
}


.detial_menu_header {
padding:0 0 21px 24px;
width: calc(100% + 32px);
border-bottom:1px solid #d5d6d5;
text-align:left;
margin-left: -16px;
margin-right: -16px;
margin-bottom: 16px;
}
.detial_menu_header a {
position:relative;
display: block;
}

.detial_menu_header p:after {
position:absolute;
top:50%;
margin-left: 1em;
margin-top:-7px;
width:7px;
height:7px;
border-top:4px solid #2699fb;
border-right:4px solid #2699fb;
content:'';
transform:rotate(45deg);
}

.detail_menu > div > a > img {
width:100%;
height:auto;
}

.detail_menu > div > a:hover {
opacity:0.7;
}


.detial_menu_header > a, .detial_menu_content > a {
text-decoration:none;
}

.detial_menu_content > a > p {
padding-top:10px;
text-align:center;
}
.detial_menu_content_100 > a > p ,
.detial_menu_content_50 > a > p{
text-align:center;
}


.detial_menu_header > a > p {
margin-right:50px;
font-weight: 500;
display: inline;
}

.hide1, .hide2 {
display:none;
}

.hover_menu > ul > li > a{
color:#fff;
text-decoration:none;
}

.hover_menu > ul > li:last-child > a {
  font-weight: 500;
}

/*　位置変更　河合修正20181116 */
#sub_menu_3 > ul > li:nth-child(1) > a{
font-size: 1.5rem;
}

#sub_menu_3 ul li, #sub_menu_4 ul li, #sub_menu_5 ul li {
padding:0;
}

#sub_menu_3 ul li a, #sub_menu_4 ul li a, #sub_menu_5 ul li a {
display:block;
padding:20px 40px 20px 17px;
}


/*
-----------------------------------------------
▼PCの虫眼鏡クリック
----------------------------------------------- */
.pc_serach {
position:absolute;
top:60px;
left:0;
z-index:5500;
width:100%;
background-color:rgba(0, 0, 0, 0.7);
}

.pc_serach_from {
overflow:hidden;
margin:0 auto;
padding:40px 0;
max-width:850px;
text-align:center;
}

.pc_serach input {
float:left;
padding:12px;
width:80%;
letter-spacing:0.2em;
font-size:2rem;
}

.pc_serach input::placeholder {
opacity:0.5;
}

.pc_serach button {
float:left;
padding:0 40px;
height:47px;
background-color:#1683de;
color:#fff;
font-size:1.6rem;
cursor:pointer;
}

}
/* g_menu end */


/* g_menu_sp */
@media (max-width:767px) {
.hide1 {
position:fixed;
top:35px;
left:0;
z-index:12000;
width:100%;
text-align:left;
}

.hide1 li.sp_search {
padding:6px 9px;
border-bottom:2px solid #c0c0c0;
background:#fff;
}

.hide1 li.sp_search .ssbutton {
width:40px;
height:30px;
background-color:#1683de;
color:#fff;
font-size:1.4rem;
}
.hide1 li.sp_search input.ss_area {
float:left;
padding:10px;
width:calc(100% - 40px);
height:30px;
border:2px solid #c0c0c0;
-webkit-border-radius : 0;
-webkit-appearance : none;
-webkit-tap-highlight-color : rgba(0,0,0,0);
}

.hide2 {
overflow-x:hidden;
overflow-y:auto !important;
display:block;
position:fixed;
z-index:12000;
width:100%;
font-weight:500;
text-align:left;
-webkit-overflow-scrolling:touch;
top:40px;
right:0;
bottom:0;
left:0;
height:calc(100% - 40px);
background-color:rgba(0,0,0,0.9);
}

.hide2 li.sp_search {
padding:6px 9px;
border-bottom:2px solid #c0c0c0;
background:#fff;
}

.hide2 li.sp_search .ssbutton {
width:40px;
height:30px;
background-color:#1683de;
color:#fff;
font-size:1.4rem;
}

.hide2 li.sp_search input.ss_area {
float:left;
padding:10px;
width:calc(100% - 40px);
height:30px;
border:2px solid #c0c0c0;
-webkit-border-radius : 0;
-webkit-appearance : none;
-webkit-tap-highlight-color : rgba(0,0,0,0);
}

.hide2 li a {
display:block;
padding:12px 15px;
background:#fff;
font-size:1em;
line-height:1;
}

.hide2 li a:link {
text-decoration:none;
}

.hide2 li a:visited {
text-decoration:none;
}

.hide1 li a, .hide2 li a {
border-bottom-width:1px;
}

.hide1 li.sp_search {
border-bottom-width:1px;
}
.hide2 li.sp_search {
padding:6px 9px;
border-bottom:2px solid #c0c0c0;
background:#fff;
}

.hide1 li.sp_search input.ss_area, .hide2 li.sp_search input.ss_area {
border-width:1px;
}

.hide1 li.sp_search input.ssbutton, .hide2 li.sp_search input.ssbutton {
margin-bottom:-4px;
}

.menu_first {
-webkit-overflow-scrolling:touch;
position:relative;
}
.menu_first:after, .menu_first:before{
box-sizing:border-box;
}

.menu_first > li > a {
background-image:none;
position:relative;
}

.menu_first > li > a::after {
content:'';
display:block;
width:10px;
height:10px;
border-bottom:2px solid #003199;
border-right:2px solid #003199;
position:absolute;
top:50%;
right:7%;
transform:rotate(45deg) translateY(-96%);
}

.menu_first > li > a.active::after {
transform:rotate(-135deg) translate(-29%, 53%);
}

.menu_second {
font-size:13px;
}

.menu_second li a {
position:relative;
text-indent:1em;
background-image:none;
}

.menu_second li a::before {
content:'';
display:block;
width:5%;
max-width:20px;
height:110%;
position:absolute;
top:0;
left:0;
background-color:#fff;
}

.menu_second li a::after {
content:'';
display:block;
width:10px;
height:10px;
border-top:2px solid #003199;
border-right:2px solid #003199;
position:absolute;
top:50%;
right:6.7%;
transform:rotate(45deg) translateY(-50%);
}


.menu_first li:nth-child(2) .menu_second li:first-child a,
.menu_first li:nth-child(3) .menu_second li:first-child a,
.menu_first li:nth-child(4) .menu_second li:first-child a {
    font-weight: bold;
  }

.menu_second li:last-child a::before {
display:none;
}

.menu_third {
position:absolute;
top:40px;
left:0;
z-index:100;
width:100%;
}

.menu_third li:first-child a {
font-size:16px;
text-indent:2em;
padding:15px 12px 14px;
}

.menu_third li:first-child a::before {
display:none;
}

.menu_third li:first-child a::after {
display:block;
right:0;
left:5%;
top:50%;
border-right:none;
border-top:none;
border-left:2px solid #003199;
border-bottom:2px solid #003199;
width:10px;
height:10px;
transform:rotate(45deg) translateY(-50%);
}

.menu_third li:nth-child(2) a {
padding:27px 12px;
text-align:right;
/*border-bottom:none;*/
padding-right:calc(5.5% + 1.5em);
font-weight: bold;
}


.menu_third li:nth-child(2) a::after {
content:'';
display:block;
width:10px;
height:10px;
border-top:2px solid #003199;
border-right:2px solid #003199;
position:absolute;
top:50%;
right:5.5%;
transform:rotate(45deg) translateY(-50%);
}

.menu_third li a {
padding:7px 12px;
text-indent:0;
padding-left:5%;
}

.menu_third li a::after {
content:'';
display:block;
width:5%;
max-width:20px;
height:110%;
position:absolute;
top:0;
right:0;
background-color:#fff;
border:none;
-ms-transform:none;
transform:none;
}

.menu_third li a img {
width:75px;
vertical-align:middle;
padding-right:1em;
}

}
/* g_menu_sp end */


/*
-----------------------------------------------
▼トップページ
----------------------------------------------- */
/* スライドショー */
#topslider {
position: relative;
width: 100%;
}
#topslider:before {
content:"";
display: block;
padding-top: 48%;
}
#topslider .slider_wrap {
margin-bottom:124px;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
#topslider .slick-slide img {
width:100%;
}

#topslider li {
position:relative;
}
#topslider .slide_ttl {
position:absolute;
top:50%;
left:50%;
width:1088px;
text-align:center;
transform:translate(-50%, -50%);
color:#fff;
line-height:1.4;
}
.slider h1 {
margin-bottom:10px;
color:#fff;
text-shadow:rgba(0, 0, 0, 0.5) 0 3px 6px;
font-weight:500;
font-size:4rem;
}
.slider .move1 {
margin-bottom:20px;
text-shadow:rgba(0, 0, 0, 0.5) 0 3px 6px;
font-size:7.6rem;
}
.slider .move2 {
margin-bottom:70px;
color:#fff;
text-shadow:rgba(0, 0, 0, 0.5) 0 3px 6px;
font-weight:400;
font-size:2.8rem;
}
.slider .move3 a {
font-size:1.8rem;
line-height:1;
padding:14px 48px;
border:2px solid #fff;
border-radius:30px;
color:#fff;
transition:opacity 0.3s ease-in-out;
}
.slider .move3 a:hover {
opacity:0.8;
}

@media (max-width:767px) {
#topslider .slider_wrap {
margin-top:40px;
margin-bottom:64px;
}
#topslider .slide_ttl {
width:95%;
}
.slider h1 {
font-size:1.4rem;
}
.slider .move1 {
margin-bottom:12px;
font-size:2.2rem;
}
.slider .move2 {
margin-bottom:18px;
font-size:1.6rem;
}
.slider .move3 a {
font-size:1.4rem;
padding:6px 24px;
}
.slick-dots {
bottom:-94px;
}
}
@media (max-width:414px) {
#topslider:before {
padding-top: 100%;
}
}
/* スライドショー end */


.contents h2 {
line-height:1.4;
margin-bottom:54px;
text-align:center;
font-weight:500;
font-size:5rem;
}
.fbox img.scale {
width:100%;
/*--
height:220px;
object-fit:cover;
--*/
font-family:'object-fit:cover;'
}
.mono1 .fbox img.scale {
/*--
height:160px;
--*/
}
.topics1 .fbox img.scale {
    /*--
height:156px;
height:169px;
--*/
}
.solution1 {
margin-bottom:64px;
}
.solution1 h3 {
line-height:1.3;
margin-bottom:6px;
text-align:center;
font-weight:500;
font-size:2.6rem;
}
.solution1 h3 a {
color:#2699fb;
}
.solution1 h3 a:hover {
text-decoration:underline;
}
.solution1 .read {
text-align:center;
}
.solution1 .read strong {
font-weight:500;
font-size:2.2rem;
}
.solution1 p {
font-weight:400;
font-size:1.8rem;
text-align:justify;
}

.ss1 {
margin-bottom:64px;
}
.fbox.fboxptn2 {
margin-right:-25px;
margin-left:-25px;
}
.fbox.fboxptn2 .fcol {
padding:0 25px 70px;
}
.ss1 img {
border:5px solid #ddd;
}
.ss1 h3 {
line-height:1.3;
margin-bottom:4px;
text-align:center;
font-weight:500;
font-size:2.6rem;
}
.ss1 h3 a {
color:#2699fb;
}
.ss1 h3 a:hover {
text-decoration:underline;
}
.ss1 p {
font-weight:400;
font-size:2.2rem;
}

.mono1 {
margin-bottom:64px;
}
.fbox.fboxptn3 {
margin-right:-20px;
margin-left:-20px;
}
.fbox.fboxptn3 .fcol {
padding:0 20px 70px;
}
.mono1 img {
border:1px solid #777;
}
.mono1 h3 {
line-height:1.3;
margin-bottom:4px;
text-align:center;
font-weight:500;
font-size:2.6rem;
letter-spacing:0;
}
.mono1 h3 a {
color:#2699fb;
}
.mono1 h3 a:hover {
text-decoration:underline;
}
.mono1 p {
font-weight:400;
font-size:2rem;
text-align:center;
}

.topics1 {
margin-bottom:64px;
}
.topics1#anc_topic h2 {
padding-top: 120px;
}
.topics1 li {
position:relative;
}
.topics1 li span {
position:absolute;
top:0;
left:12px;
z-index:3;
padding:6px 40px;
color:#fff;
font-size:1.5rem;
line-height:1;
max-width: 80%;
}


.topics-event,
.download {
margin-bottom: 48px;
}


.topics-event .fcol,
.download .fcol {
display: flex;
margin-bottom: 20px;
padding-bottom: 0;
padding-right: 0;
padding-left: 0;
padding-top: 0;
}


.topics-event .fcol img.scale,
.download .fcol img.scale {
margin-right: 16px;
}


.topics-event .topicsimg + div,
.download .topicsimg + div {
	flex: 1;
}


@media (max-width:767px) {

.topics-event p,
.download p {
font-size: 1.4rem;
}

.topics-event .fcol img.scale,
.download .fcol img.scale {
width:260px;
/*--
height: 173px;
--*/
}
}

@media (max-width:414px) {
.topics-event .fcol img.scale,
.download .fcol img.scale {
width:142px;
/*--
height: 87px;
--*/
}
}


@media (min-width:768px){

.topics-event h2 {
text-align: left;
}

.topics-event p,
.download p {
font-size: 1.8rem;
}

.topics-event .fcol,
.download .fcol {
padding-right: 40px;
}

.topics-event .fcol img.scale,
.download .fcol img.scale {
width: 150px;
/*--
height: 100px;
--*/
}

.topics-event {
display: flex;
}

.topics-event > div {
width: 50%;
}

.download ul {
display: flex;
flex-wrap: wrap;
}

.download .fcol {
width: 50%;
}
}
/*-------------------------------------------------

トピックス　カテゴリーの色指定

-------------------------------------------------*/

.topics1 li span.news {
background-color:rgba(226, 71, 42, 0.7);
}
.topics1 li span.event {
background-color:rgba(0, 207, 230, 0.7);
}
.topics1 li span.campaign {
background-color:rgba(46, 126, 7, 0.7);
}
.topics1 li span.case-study {
background-color:rgba(0, 0, 167, 0.7);
}
.topics1 li span.media {
background-color:rgba(255, 170, 0, 0.7);
}
.topics1 li span.download{
background-color:rgba(85, 7, 126, 0.7);
}

/*その他の色は utility-comnet.cssに記述 */

/*-------------------------------------------------

ブログ　カテゴリーの色指定

-------------------------------------------------*/

.blog_cate li.news a {
background-color:rgba(226, 71, 42, 0.7);
}
.blog_cate li.event a {
background-color:rgba(0, 207, 230, 0.7);
}
.blog_cate li.campaign a {
background-color:rgba(46, 126, 7, 0.7);
}
.blog_cate li.case-study a {
background-color:rgba(0, 0, 167, 0.7);
}
.blog_cate li.media a {
background-color:rgba(255, 170, 0, 0.7);
}
.blog_cate li.download a{
background-color:rgba(85, 7, 126, 0.7);
}

/*その他の色は utility-comnet.cssに記述 */




.topics1 p {
font-weight:400;
}

.topics1 p.no_post,
.topics-event p.no_post,
.download p.no_post {
  font-size: 2.4rem;
}
.topics1 .tag {
float:left;
margin:0 6px 6px 0;
font-size:1.1rem;
}
.topics1 .tag a {
display:block;
padding:10px;
background:#eee;
line-height:1;
}
.topics1 .day {
clear:both;
/*padding-top:10px;*/
}

.day {
background: url(../img/icon/icon_date.svg) left center no-repeat;
padding-left: 22px;
line-height: 1;
font-size: 1.6rem;
color: #565658;
}
.day.btm16 {
margin-top: 10px;
}

@media (max-width:767px) {
.contents h2 {
margin-bottom:24px;
font-size:2.5rem;
font-weight:bold;
line-height:1.5;
}
.fbox img.scale {
  /*--
height:202px;
--*/
}
.mono1 .fbox img.scale {
    /*--
height:132px;
--*/
}
.topics1 .topicsimg {
float:left;
margin:4px 16px 0 0;
width:260px;
}
.topics1 .fbox img.scale {
    /*--
height:173px;
--*/
}

.solution1 {
margin-bottom:48px;
}
.solution1 h3 {
line-height:1.3;
margin-bottom:8px;
font-size:1.8rem;
font-weight: bold;
}
.solution1 .read strong {
font-weight:bold;
font-size:1.4rem;
}
.solution1 p {
font-size:1.4rem;
}
.solution1 h2{
margin-top:40px;
}

.ss1 {
margin-bottom:48px;
}
.fbox.fboxptn2 {
margin-right:-10px;
margin-left:-10px;
}
.fbox.fboxptn2 .fcol {
padding:0 10px 32px;
}
.ss1 img {
border:4px solid #ddd;
}
.ss1 h3 {
line-height:1.3;
margin-bottom:4px;
font-weight:bold;
font-size:1.8rem;
}
.ss1 p {
text-align:justify;
font-size:1.4rem;
}

.mono1 {
margin-bottom:48px;
}
.fbox.fboxptn3 {
margin-right:-10px;
margin-left:-10px;
}
.fbox.fboxptn3 .fcol {
padding:0 10px 32px;
}
.mono1 h3 {
margin-bottom:4px;
font-weight:bold;
font-size:1.8rem;
color:#2699fb;
}
.mono1 p {
line-height:1.3;
font-size:1.4rem;
}

.topics1 {
margin-bottom:48px;
}
.topics1 li span {
top:4px;
left:10px;
padding:4px 14px;
max-width: 260px;
font-size:1.4rem;
}
.topics1 .col4 .fcol {
width:100%;
}
.topics1 .col3 .fcol {
width:100%;
}

.topics1 p {
text-align:justify;
font-size:1.4rem;
}

.topics1 p.no_post,
.topics-event p.no_post,
.download p.no_post{
  font-size: 1.6rem;
}
.topics1 .tag {
float:none;
display:inline-block;
margin:0 8px 8px 0;
font-size:1.3rem;
}
.topics1 .tag a {
display:block;
padding:6px 14px;
background:#eee;
}
.topics1 .hidden a .btm16 {
/*margin-bottom:0;*/
margin-bottom: 8px;
}

.topics1 .day {
/*padding-top:8px;*/
}
.topics1#anc_topic h2 {
padding-top: 40px;
}

}

@media (max-width:414px) {
.fbox img.scale {
    /*--
height:110px;
--*/
}
.mono1 .fbox img.scale {
      /*--
height:110px;
--*/
}

.topics1 li .hidden:first-of-type {
min-height: 100px;
}

.topics1 .topicsimg {
float:left;
margin:4px 16px 0 0;
width:142px;
}
.topics1 .fbox img.scale {
        /*--
height:87px;
--*/
}

.solution1 h3 {
min-height:2.6em;
}
.solution1 .read {
line-height:1.3;
min-height:2.6em;
}
.fbox.fboxptn2 {
margin-right:-7px;
margin-left:-7px;
margin-bottom:30px;
}
.fbox.fboxptn2 .fcol {
padding:0 7px 32px;
}
.ss1 h3 {
min-height:2.6em;
}
.fbox.fboxptn3 {
margin-right:-7px;
margin-left:-7px;
margin-bottom:30px;
}
.fbox.fboxptn3 .fcol {
padding:0 7px 32px;
}

.topics1 li span {
top:4px;
left:7px;
padding:4px 14px;
font-size:1.4rem;
max-width: 142px;
}

}


.free_area h2.mazu1 {
margin-bottom:20px;
font-size:3.8rem;
}
.free_area .mazu2 {
font-weight:400;
margin-bottom:48px;
text-align:center;
font-size:2.2rem;
}
.free_area a.free {
display:block;
margin:0 auto 100px;
width:332px;
padding:35px 0;
border-radius:45px;
background:#2699FB;
text-align:center;
font-weight:500;
line-height:1;
font-size:2.1rem;
color:#fff;
}

@media (max-width:767px) {
.free_area {
margin:0 0 48px;
padding:24px 18px 24px;
background:#eeebeb;
}
.free_area h2.mazu1 {
margin-bottom:20px;
font-size:2.5rem;
}
.free_area .mazu2 {
margin-bottom:24px;
text-align:center;
font-size:1.6rem;
}
.free_area a.free {
display:block;
margin:0 auto;
width:auto;
padding:10px;
border-radius:45px;
font-weight:bold;
font-size:1.8rem;
}
}

@media (max-width:414px) {

}

/* SNS */
.contents h2.sns_ttl {
margin-bottom:32px;
font-size:3.6rem;
}
.linkedin {
margin:0 15px;
}
/* .linkedin iframe {
display:block;
margin-left:auto;
margin-right:auto;
transform: scale(0.95);
} */

.sns1 dt {
position:relative;
margin-bottom:18px;
padding:15px 0;
border-radius:20px;
background:#333;
color:#fff;
text-align:center;
font-weight:900;
line-height:1;
font-size:1.6rem;
}
.sns1 dt:before {
content:"";
position:absolute;
top:100%;
left:50%;
margin-left:-10px;
border:10px solid transparent;
border-top:10px solid #333;
}
.sns1 dd.facebook {
  height: 460px;
}
.yt {
position:relative;
height:0;
padding-bottom:56.25%;
}
.yt iframe {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

#instafeed{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
#instafeed li {
width:32%;
height:auto;
margin-bottom:0.5em;
}
#instafeed li img {
width:100%;
height:auto;
}

@media (max-width:767px) {
.contents h2.sns_ttl {
margin-bottom:24px;
font-size:2.0rem;
}
.linkedin iframe {
transform: scale(0.85);
}

.sns1 dt {
margin-bottom:18px;
padding:8px 0;
border-radius:20px;
font-weight:bold;
font-size:1.6rem;
}
.sns1 dt:before {
content:"";
position:absolute;
top:100%;
left:50%;
margin-left:-10px;
border:10px solid transparent;
border-top:10px solid #333;
}
.sns1 dd {
text-align:center;
overflow:hidden;
}
}

@media (max-width:414px) {
.sns1 .col3 .fcol {
width:100%;
}
.linkedin iframe {
transform: scale(0.9);
}
}


/*
-----------------------------------------------
▼下層ページ共通
----------------------------------------------- */

/* 下層ページ用 */
.main_img {
position:relative;
}
.main_img img {
width:100%;
}

/* 1600px以上の場合 */
.main_img {
height:525px;
}
.main_img img {
object-fit:cover;
width:100%;
height:525px;
font-family:'object-fit:cover;';
}


.main_img .title_area {
position:absolute;
top:50%;
left:50%;
width:1088px;
width:95%;
text-align:center;
transform:translate(-50%, -40%);
color:#fff;
line-height:1.3;
}
.main_img h1 {
margin-bottom:5px;
color:#fff;
text-shadow:rgba(0, 0, 0, 0.5) 0 3px 6px;
font-weight:500;
font-size:4rem;
}
.main_img .page_title {
margin-bottom:7px;
text-shadow:rgba(0, 0, 0, 0.5) 0 3px 6px;
font-size:7.6rem;
font-weight:500;
}
.main_img .page_sub {
color:#fff;
text-shadow:rgba(0, 0, 0, 0.5) 0 3px 6px;
font-weight:300;
font-size:2.8rem;
line-height:1.6;
}

.pan {
  padding:8px 0;
  line-height:1.4;
  font-size:14px;
}
.pan a {
  display:inline-block;
  color:#2699FB;
  font-size:14px;
}

.pan_white {
  margin-bottom:90px;
  padding:8px 0 0;
  line-height:1.4;
}
@media (min-width: 1200px) {
  .pan_white .blk01 {
    width: 1200px;
  }
}
.pan_white a {
color:#2699FB;
}

a.bluelink {
color:#2699FB;
}
.faq .info4 a{
display: inline-block;
}

/* 活用事例 */
.case1 .fbox.col2 {
margin-right:-22px;
margin-left:-22px;
}
.case1 .fbox.col2 .fcol {
padding:0 22px 40px;
}
.case1 .fbox.col2 img.scale {
width: 100%;
height: auto;
}
@media (min-width:768px){
.case1 .fbox img.scale {
    /*--
height:165px;
--*/
}
}
.case1 {
margin-bottom:64px;
}
.case1 li {
position:relative;
}
.case1 li span {
position:absolute;
top:0;
left:22px;
z-index:3;
padding:12px 64px;
color:#fff;
font-size:2.4rem;
line-height:1;
}
/*topics1 li spanの複製*/
@media (min-width:768px){
.case1 li span {
position:absolute;
top:0;
left:12px;
z-index:3;
padding:6px 45px;
color:#fff;
font-size:1.5rem;
line-height:1;
max-width: 80%;
}
.case1 .fbox.col2 li span {
left: 22px;
}
}
.case1 li span.use {
background-color:rgba(0, 50, 119, 0.8);
}


.case1 p {
font-weight:400;
font-size:2.4rem;
line-height:1.5;
text-align:justify;
}
.case1 .tag {
float:left;
margin:0 6px 6px 0;
font-size:1.4rem;
}
.case1 .tag a {
display:block;
padding:10px;
background:#eee;
line-height:1;
}

/* ギャラリー動画用追加 */
.ug-videoplayer-button-close {
display:none !important;
}

@media (min-width:768px) {
/* case_blue */
.case_blue {
background:#2699FB;
line-height:1;
}

/* case_green1 */
.case_green1 {
background:#8FD100;
line-height:1;
}

.case_blue2 {
background:#395f9e;
line-height: 1;
}

.case_blue3 {
background:#5CB2FC;
line-height: 1;
}

.case_blue4 {
background:#0091d2;
line-height:1;
}

.case_blue5 {
background:#4970df;
line-height:1;
}

.case_blue div,
.case_green1 div,
.case_blue2 div,
.case_blue3 div,
.case_blue4 div,
.case_blue5 div {
margin:0 auto;
padding:12px 0;
/* width:1088px; */
width: 1200px;
text-align:left;
}

.case_blue p,
.case_green1 p,
.case_blue2 p,
.case_blue3 p,
.case_blue4 p,
.case_blue5 p {
float:left;
color:#fff;
font-size:1.6rem;
}

.case_blue p.caseinfo,
.case_green1 p.caseinfo,
.case_blue2 p.caseinfo,
.case_blue3 p.caseinfo,
.case_blue4 p.caseinfo,
.case_blue5 p.caseinfo {
padding-top:20px;
}

.case_blue p.casein,
.case_green1 p.casein,
.case_blue2 p.casein,
.case_blue3 p.casein,
.case_blue4 p.casein,
.case_blue5 p.casein {
float:right;
font-weight:500;
}

.case_blue p.casein a,
.case_green1 p.casein a,
.case_blue2 p.casein a,
.case_blue3 p.casein a,
.case_blue4 p.casein a,
.case_blue5 p.casein a {
display:block;
padding:20px 25px;
border-radius:35px;
background:#fff;
}

.case_blue p.casein a:hover,
.case_green1 p.casein a:hover,
.case_blue2 p.casein a:hover,
.case_blue3 p.casein a:hover,
.case_blue4 p.casein a:hover,
.case_blue5 p.casein a:hover {
text-decoration:underline;
opacity:0.7;
}


/* case_black_type02 */
.case_black_type02 {
/* position:fixed;
top:60px;
left:0; */
z-index:1000;
width:100%;
background-color:#ccc;
text-align:left;
letter-spacing:0;
line-height:1;
}
#comLink01,
#comLink02,
#comLink03,
#comLink04,
#comLink05,
#comLink06,
#products #anc_01,
#products #anc_02,
#products #anc_03,
#products #anc_04,
#products #anc_05,
#products #anc_06,
#c-jet #anc_01,
#c-jet #anc_02,
#c-jet #anc_03,
#c-jet #anc_topic,
#jobz #link_a01,
#jobz #link_a02,
#jobz #link_a03,
#jobz #topics,
#jobz #anc_01,
#jobz #anc_02,
#jobz #anc_03,
#jobz #anc_katsuyo,
#jobz #link01,
#jobz #link01a,
#jobz #link01b,
#jobz #link01c,
#jobz #link02,
#jobz #link03,
#jobz #link04,
#jobz #link05,
#jobz #link06,
#process #ex_photo,
#process #solution,
#process #cases,
#process #topics,
#cnfactory #ex_photo,
#cnfactory #solution,
#cnfactory #cases,
#cnfactory #topics,
#sign-display #solution,
#sign-display #jirei-pic,
#sign-display #katsuyou,
#sign-display #topics,
#case_a,
#topics_a,
#solution_a {
/* margin-top:-140px;
padding-top:140px; */
}

.case_black_type02 > div {
margin:0 auto;
padding:6px 0;
/* width:1088px; */
width: 1200px;
}



.case_black_type02 > div .btns {
  padding: 19px 0;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.case_black_type02 > div .btns .mttl {
  color: #fff;
  font-size: 1.8rem;
  display: flex;
  align-items: center;
  margin-right: 0 !important;
}

.case_black_type02 > div .btns .mttl::after{
  
}

.case_black_type02 > div .btns .btn_item .in_item:first-child:before{
  content: "｜";
  margin: 0 16px;
  color: #fff;
  font-weight: normal;
}

.case_black_type02 > div .btns .btn_item .in_item::after {
  content: "｜";
  margin: 0 16px;
  color: #fff;
  font-weight: normal;
}
.case_black_type02 > div .btns .mttl.wood {
margin-right:30px;
}
.case_black_type02 > div .btns .mttl.woodwork {
margin-right:120px;
}
.case_black_type02 > div .btns .mttl.blu {
margin-right:105px;
}
.case_black_type02 > div .btns .mttl.metal {
margin-right:60px;
}
.case_black_type02 > div .btns .mttl.textile {
margin-right:70px;
}
.case_black_type02 > div .btns .mttl.paper {
margin-right:50px;
}
.case_black_type02 > div .btns .mttl.gift {
margin-right:90px;
}
.case_black_type02 > div .btns .mttl.sign {
margin-right:50px;
}
.case_black_type02 > div .btns .engview-mk {
margin-right:200px;
}
.case_black_type02 > div .btns .mttl.cad-mk {
margin-right:240px;
}
.case_black_type02 > div .btns .mttl.signjobz-mark {
margin-right:80px;
}
.case_black_type02 > div .btns .mttl.racoo-mark {
margin-right:80px;
}	
.case_black_type02 > div .btns .mttl.c-jet-mk {
margin-right:200px; /* 2019.04.16 22px→200pxへ変更 */
}
.case_black_type02.sign_display > div .btns .mttl {
margin-right:80px;
}
/* 2019.05.14 ソリューション ＞ 金属・板金加工業界向け */
.case_black_type02.metalworking > div .btns .mttl {
margin-right:120px;
}
/* 2019.05.14 イベント特設ページ */
.case_black_type02.event > div .btns .mttl {
margin-right:120px;
}
/* 2023.04.27 解決できる課題ページ */
.case_black_type02 > div .btns .mttl.solution {
margin-right:200px;
}
.case_black_type02 > div .btns .mttl.ai-plugin span {
padding-left:60px;
}

.case_black_type02 > div .btns .mttl.ai-plugin span::after {
width:40px;
height:39px;
background:url(../img/ai1.png) no-repeat center center;
}

.case_black_type02 > div .btns .mttl.hakariya-dx span {
padding-left:60px;
}

.case_black_type02 > div .btns .mttl.hakariya-dx span::after {
width:50px;
height:50px;
margin-top:-23px;
background:url(../img/hakariyadx1.png) no-repeat center center;
}

.case_black_type02 > div .btns .mttl.gccmark {
margin-right:80px;
}

.case_black_type02 > div .btns .mttl.gccmark span {
padding-left:100px;
}

.case_black_type02 > div .btns .mttl.gccmark span::after {
width:89px;
height:25px;
margin-top:-12px;
background:url(../img/gcc.png) no-repeat center center;
}

.case_black_type02 > div .btns .mttl.cn-factory span {
padding-left:80px;
}

.case_black_type02 > div .btns .mttl.cn-factory span::after {
width:60px;
height:58px;
margin-top:-28px;
background:url(../img/cnfactory1.png) no-repeat center center;
}

.case_black_type02 > div .btns .mttl.company_ic {
margin-right:30px;
}

.case_black_type02 > div .btns .mttl.company_ic span {
padding-left:55px;
}

.case_black_type02 > div .btns .mttl.company_ic span::after {
width:50px;
height:23px;
margin-top:-12px;
background:url(../img/icon_cnn.png) no-repeat center center;
}

.case_black_type02 > div .btns .mttl span {
position:relative;
display:inline-block;
color:#fff;
}

.case_black_type02 > div .btns .mttl span::after {
position:absolute;
top:50%;
left:0;
display:block;
content:'';
margin-top:-19px;
background-size:100% auto !important;
}

.case_black_type02 > div .btns .btn_item {
  display: contents; /* .in_itemを.btnsの直接の子要素のように振る舞わせます */
}

.case_black_type02 > div .btns .mttl{
  
}


.case_black_type02 > div .btns .btn_item > div {
  color: #fff;
  font-weight: 100;
}

.case_black_type02 > div .btns .btn_item .in_item {
  display: flex;
  align-items: center;
  margin-right: 0;
}

.case_black_type02 > div .btns .btn_item .in_item:last-child::after {
  content: none;
}

.case_black_type02 > div .btns .btn_item > div a:link,
.case_black_type02 > div .btns .btn_item > div a:visited {
  color: #fff;
  text-decoration: none;
  font-size: 1.8rem;
  line-height: 1;
}

.case_black_type02 > div .btns .btn_item > div a:hover {
  color: #fff;
  opacity: 0.5;
  text-decoration: underline;
}

.case_black_type02 > div p {
color:#fff;
float:right;
}

.case_black_type02 > div p a {
background:#2699FB;
border-radius:35px;
color:#fff;
display:block;
padding:20px 25px;
min-width:180px;
text-align:center;
height:auto;
}

.case_black_type02 > div p a.orange {
background-color:#f90;
}

.case_black_type02 > div p a.brown {
background-color:#d0550d;
}

.case_black_type02 > div p a.brown {
background-color:#d0550d;
}

.case_black_type02 > div p a.navy {
background-color:#003277;
}

.case_black_type02 > div p a.sky {
background-color:#5CB2FC;
}

.case_black_type02 > div p a.lime {
background-color:#8FD100;
}

.case_black_type02 > div p a.blue02 {
background-color:#0091d2;
}
.case_black_type02 > div p a.blue05 {
background-color:#4970df;
}
.case_black_type02 > div p a.red-mimaki {
background-color:#DF2718;
}
.case_black_type02 > div p a.yellow {
color:#000;
background-color:#FFCE00;
}	

.case_black_type02 > div p a:hover {
opacity:0.5;text-decoration:underline;
}

}


@media (max-width:1200px) {

  .case_black_type02 > div {
    width: 100%;
  }
}

@media (max-width:1088px) {
.main_img .title_area {
width:95%;
}
.main_img .page_title {
font-size:5rem;
}
}

@media (max-width:767px) {
.main_img {
margin-top:46px;
margin-bottom:0;
}

.main_img {
height:280px;
}
.main_img img {
height:280px;
}
/*---WPのみ--*/
#sign-display .main_img,
#cnfactory .main_img{
margin-top: 40px;
}
/*-----*/
.main_img h1 {
font-weight:bold;
font-size:1.6rem;
}
.main_img .page_title {
font-weight:bold;
margin-bottom:12px;
font-size:3.2rem;
}
.main_img .page_sub {
margin-bottom:18px;
font-size:1.5rem;
}

.pan {
margin-top:40px;
margin-bottom:40px;
background:#fff;
font-size:1.2rem;
}
.pan_white {
margin-bottom:10px;
font-size:1.2rem;
}
#comLink01,
#comLink02,
#comLink03,
#comLink04,
#comLink05,
#comLink06,
#products #anc_01,
#products #anc_02,
#products #anc_03,
#products #anc_04,
#products #anc_05,
#products #anc_06,
#c-jet #anc_01,
#c-jet #anc_02,
#c-jet #anc_03,
#c-jet #anc_topic,
#jobz #link_a01,
#jobz #link_a02,
#jobz #link_a03,
#jobz #topics,
#jobz #anc_01,
#jobz #anc_02,
#jobz #anc_03,
#jobz #anc_katsuyo,
#jobz #link01,
#jobz #link01a,
#jobz #link01b,
#jobz #link01c,
#jobz #link02,
#jobz #link03,
#jobz #link04,
#jobz #link05,
#jobz #link06,
#process #ex_photo,
#process #solution,
#process #cases,
#process #topics,
#cnfactory #ex_photo,
#cnfactory #solution,
#cnfactory #link04,
#cnfactory #link05,
#sign-display #solution,
#sign-display #jirei-pic,
#sign-display #katsuyou,
#sign-display #topics,
#case_a,
#topics_a,
#solution_a {
/* margin-top:-50px;
padding-top:50px; */
}

/* #jobz .topblk.sei_back,
#jobz .topblk.gcc-blk02,
#jobz .topblk.cad_back,
#c-jet .topblk.c-jet_back,
#products #anc_01{
margin-top: 40px;
} */

/* 活用事例 */
.case1 .fbox.col2 {
margin-right:-10px;
margin-left:-10px;
}
.case1 .fbox.col2 .fcol {
padding:0 10px 24px;
}
.case1 .fbox img.scale {
    /*--
height:205px;
--*/
}
.case1 {
margin-bottom:64px;
}
.case1 li {
position:relative;
}
.case1 li span {
position:absolute;
top:0;
left:10px;
z-index:3;
padding:12px 24px;
color:#fff;
font-size:1.6rem;
line-height:1;
}
.case1 li span.use {
background-color:rgba(0, 50, 119, 0.8);
}

.case1 p {
font-size:1.6rem;
line-height:1.5;
}
.case1 .tag {
float:left;
margin:0 6px 6px 0;
font-size:1.1rem;
}
.case1 .tag a {
display:block;
padding:10px;
background:#eee;
line-height:1;
}

.case_blue {
background:#2699FB;
text-align:center;
}
.case_green1 {
background:#8FD100;
text-align:center;
}

.case_blue2 {
background:#395f9e;
text-align:center;
}

.case_blue3 {
background:#5CB2FC;
text-align:center;
}

.case_blue4 {
background:#0091d2;
text-align:center;
}

.case_blue5 {
background:#4970df;
text-align:center;
}

.case_blue div,
.case_green1 div,
.case_blue2 div,
.case_blue3 div,
.case_blue4 div,
.case_blue5 div {
padding: 15px 10px 10px;
width:auto;
}

.case_blue p,
.case_green1 p,
.case_blue2 p,
.case_blue3 p,
.case_blue4 p,
.case_blue5 p {
margin-bottom:10px;
color:#fff;
font-size:1.2rem;
line-height:1.5;
}
/*.case_blue.sei_blue p,
.case_blue3 p{
margin-bottom: 20px;
}*/
.case_blue p.casein a,
.case_green1 p.casein a,
.case_blue2 p.casein a,
.case_blue3 p.casein a,
.case_blue4 p.casein a,
.case_blue5 p.casein a {
display:block;
margin:0 auto;
padding:12px 0 9px;
font-weight:bold;
width:200px;
border-radius:25px;
background:#fff;
line-height:1;
font-size:1.3rem;
}

.case_black {
position:absolute;
top:0;
left:0;
width:100%;
background-color:#000;
text-align:left;
}

.case_black div {
margin:0 auto;
padding:12px 0;
}

.case_black div dl dt {
color:#fff;
text-align:center;
font-weight:bold;
font-size:1.8rem;
}

.case_black div dl dd {
display:none;
}

.case_black div p {
display:none;
}


/* case_black_type02 */
.case_black_type02 {
position:fixed;
top:35px;
left:0;
z-index:5500;
width:100%;
background-color: rgba(0,0,0,0.7);
text-align:left;
line-height:1;
}

.case_black_type02 > div {
margin:0 auto;
padding:0;
width:auto;
}

.case_black_type02 > div .btns {
float:none;
padding-top:0;
}

.case_black_type02 > div .btns .mttl {
position:relative;
padding:16px 0;
color:#fff;
float:none;
font-size:1.4rem;
font-weight:bold;
margin-right:0;
text-align:center;
cursor:pointer;
}

.case_black_type02 > div .btns .mttl.ai-plugin span {
padding-left:30px;
}

.case_black_type02 > div .btns .mttl.ai-plugin span::after {
width:20px;
height:19.5px;
margin-top:-9px;
background:url(../img/ai1.png) no-repeat center center;
}

.case_black_type02 > div .btns .mttl.hakariya-dx span {
padding-left:30px;
}

.case_black_type02 > div .btns .mttl.hakariya-dx span::after {
width:20px;
height:20px;
margin-top:-10px;
background:url(../img/hakariyadx1.png) no-repeat center center;
}

.case_black_type02 > div .btns .mttl.gccmark {
margin-right:0;
}

.case_black_type02 > div .btns .mttl.gccmark span {
padding-left:80px;
}

.case_black_type02 > div .btns .mttl.gccmark span::after {
width:60px;
height:17px;
margin-top:-9px;
background:url(../img/gcc.png) no-repeat center center;
}

.case_black_type02 > div .btns .mttl.jobz-mark span {
padding-left:80px;
}

.case_black_type02 > div .btns .mttl.jobz-mark span::after {
width:60px;
height:20px;
margin-top:-10px;
background:url(../img/jobz_jobz.png) no-repeat center center;
}

.case_black_type02 > div .btns .mttl.cn-factory span {
padding-left:50px;
}

.case_black_type02 > div .btns .mttl.cn-factory span::after {
width:32px;
height:30px;
margin-top:-15px;
background:url(../img/cnfactory1.png) no-repeat center center;
}

.case_black_type02 > div .btns .mttl.company_ic span {
padding-left:35px;
}

.case_black_type02 > div .btns .mttl.company_ic span::after {
width:30px;
height:12.5px;
margin-top:-6px;
background:url(../img/icon_cnn.png) no-repeat center center;
}

.case_black_type02 > div .btns .mttl:before {
position:absolute;
top:50%;
right:10px;
display:block;
content:'';
width:9px;
height:9px;
margin-top:-8px;
border-bottom:#fff solid 3px;
border-right:#fff solid 3px;
transform:rotate(45deg);
transition:0.3s;
}

.case_black_type02 > div .btns .mttl.on {
background-color:#4c4c4c;
}

.case_black_type02 > div .btns .mttl.on:before {
margin-top:-2px;
transform:rotate(-135deg);
}

.case_black_type02 > div .btns .mttl span {
position:relative;
display:inline-block;
color:#fff;
}

.case_black_type02 > div .btns .mttl span::after {
position:absolute;
top:50%;
left:0;
display:block;
content:'';
margin-top:-19px;
background-size:100% auto !important;
}

.case_black_type02 > div .btns .btn_item {
position:relative;
float:none;
text-align:center;
display:none;
}

.case_black_type02 > div .btns .btn_item:before {
position:absolute;
bottom:0;
left:0;
display:block;
content:'';
width:100%;
height:1px;
background-color:#4c4c4c;
}

.case_black_type02 > div .btns .btn_item .in_left {
float:left;
width:50%;
}

.case_black_type02 > div .btns .btn_item .in_right {
float:right;
width:50%;
}

.case_black_type02 > div .btns .btn_item > div {
color:#fff;
float:left;
font-size:0.9375em;
padding-top:2px;
}

.case_black_type02 > div .btns .btn_item .in_item {
color:#fff;
float:left;
width:50%;
font-size:1.4rem;
margin-right:0;
padding-top:0;
text-align:left;
border-bottom:#4c4c4c solid 1px;
}

.case_black_type02 > div .btns .btn_item .in_item:nth-child(odd) {
border-right:#4c4c4c solid 1px;
}

.case_black_type02 > div .btns .btn_item .in_item a {
position:relative;
display:block;
padding:13px 20px;
}

.case_black_type02 > div .btns .btn_item .in_item a:before {
position:absolute;
top:50%;
right:7px;
display:block;
content:'';
width:8px;
height:8px;
margin-top:-5px;
border-bottom:#4b91c3 solid 2px;
border-right:#4b91c3 solid 2px;
transform:rotate(45deg);
}

.case_black_type02 > div .btns .btn_item > div a:link {
color:#fff;
text-decoration:none;
}

.case_black_type02 > div .btns .btn_item > div a:visited {
color:#fff;
text-decoration:none;
}

.case_black_type02 > div .btns .btn_item > div a:hover {
color:#fff;
opacity:0.5;
text-decoration:underline;
}

.case_black_type02 > div p {
display:none;
float:none;
width:175px;
margin:0 auto;
padding:20px 0;
color:#fff;
font-size:1.3rem;
font-weight:bold;
line-height:1;
text-align:center;
}

.case_black_type02 > div p a {
background:#2699FB;
border-radius:25px;
color:#fff;
display:block;
padding:10px 15px;
height:auto;
}

.case_black_type02 > div p a.orange {
background-color:#f90;
}

.case_black_type02 > div p a.brown {
background-color:#d0550d;
}

.case_black_type02 > div p a.navy {
background-color:#003277;
}

.case_black_type02 > div p a.sky {
background-color:#5CB2FC;
}

.case_black_type02 > div p a.lime {
background-color:#8FD100;
}

.case_black_type02 > div p a.blue02 {
background-color:#0091d2;
}

.case_black_type02 > div p a.blue05 {
background-color:#4970df;
}

.case_black_type02 > div p a:link {
text-decoration:none;
}

.case_black_type02 > div p a:visited {
text-decoration:none;
}

.case_black_type02 > div p a:hover {
opacity:0.5;
text-decoration:underline;
}
}

@media (max-width:414px) {
.pan {
margin-top:40px;
margin-bottom:18px;
}

.main_img {
height:240px;
}
.main_img img {
height:240px;
}

/* 活用事例 */
.case1 .fbox img.scale {
height:236px;
height:auto;
}

}


/*
-----------------------------------------------
▼ブログページ
----------------------------------------------- */
#blog{
  padding-top:40px;
}
.blogL {
float:left;
width:750px;
}
.blogR {
float:right;
width:300px;
}
#blog .h1a {
font-size:2.4rem;
}
#blog .h2a {
font-size:2.4rem;
margin-bottom:16px;
text-align:left;
}

.blog_cate {
margin-right:-5px;
margin-left:-5px;
display:flex;
flex-wrap:wrap;
}
.blog_cate li {
padding:0 5px 10px;
vertical-align:top;
width:20%;
}
.blog_cate li a {
position: relative;
display:block;
padding:8px 8px 8px 1.4em;
/* background:#ececec url(../img/arrow01.png) no-repeat 10px 12px; */
background:#ececec;
background-size:5px auto;
text-align: left;
font-weight:500;
font-size:1.6rem;
line-height:1;
color: #fff;
}

.blog_cate li a:before {
position: absolute;
top: 50%;
left: 10px;
display: inline-block;
margin-top: -5px;
border: 5px solid transparent;
border-left-color: #fff;
content: "";
}
.blog_cate li.current-cat a {
  background-color: #000;
  color: #fff;
}
.blog_cate .current-cat a:before {
  transform: rotate(90deg);
  margin: -2px 0 0 -3px;
}

.blog_dl .blog_dlimg {
margin-bottom:16px;
}
.blog_dl p {
font-weight:500;
}
.blog_dl p .bluelink {
  font-weight: normal;
}
#blog .p3line {
min-height:5em;
text-align:justify;
}

/* blogR */
.blogR .h3a {
line-height:1.4;
margin-bottom:16px;
padding-bottom:4px;
border-bottom:1px solid #666;
font-weight:500;
font-size:2.2rem;
}

.blogR .lanking {
margin-bottom:64px;
}
.blogR .lank_li {
position:relative;
margin-bottom:8px;
font-size:1.6rem;
}

@media (min-width:768px){
.blogR .lank_li {
	display: flex;
	margin-bottom: 0;
}

.blogR .lank_li a {
	margin-right: 15px;
}

.blogR .lank_li a:last-child p {
	font-size: 1.5rem;
	height: 5em;
	overflow: hidden;
	margin-top: -0.2em;
}
}
.blogR .lanking_number {
line-height:1;
position:absolute;
top:0;
left:0;
z-index:10;
padding:5px 0 0 5px;
width:45px;
height:45px;
background:url(../img/blog_ln.png) no-repeat left top;
color:#fff;
font-weight:500;
font-size:1.8rem;
}
.blogR .lanking_photo {
z-index:5;
margin-bottom:8px;
}

@media (min-width:768px){
.blogR .lanking_photo img{
	width: 100px;
	display: block;
}
}
.blogR .lanking_title {
margin-bottom:322px;
}
.blogR .keyword_side {
margin-bottom:60px;
letter-spacing:-0.2em;
}
.blogR .keyword_side li {
display:inline-block;
margin:0 6px 6px 0;
letter-spacing:0;
}
.blogR .keyword_side li a {
line-height:1;
font-size:1.1rem;
display:block;
padding:10px;
background:#eee;
}
.blogR .twitter_side {
border:solid #ccc 1px;
}


@media (min-width:768px) {
#blog .topics1 .fbox img.scale {
    /*--
height:156px;
--*/
}
.blog_dl .fbox img.scale {
    /*--
height:156px;
--*/
}
}
@media (max-width:768px) {
#blog h2.h2a {
text-align: center;
}
#blog .blogR h3.h3a,
#blog .topics1 h2.h2b.tac-sp{
text-align: center;
border:none;
font-size: 2.4rem;
margin-bottom: 16px;
font-weight: bold;
line-height: 1.5;
}
}
/* ページネーション */
@media (min-width:737px) {
.blog_pagenation {
padding-bottom:100px;
text-align:center;
}
#list .blog_pagenation {
margin:-16px 0 0 48px;
}
.blog_pagenation li {
display:inline-block;
margin-right:40px;
padding-top:2px;
font-size:2.4rem;
line-height:1;
vertical-align:top;
}
.blog_pagenation a {
color:#ABD9FF;
transition:opacity 0.3s ease-in-out;
}
.blog_pagenation a:hover {
opacity:0.7;
}

.blog_pagenation .sponly {
display:none;
}
.blog_pagenation .arwL {
background:url(../img/arrow_l.png) no-repeat 0 0;
overflow:hidden;
width:30px;
height:0;
padding-top:30px;
transition:opacity 0.3s ease-in-out;
}
.blog_pagenation .arwR {
background:url(../img/arrow_r.png) no-repeat 0 0;
overflow:hidden;
width:30px;
height:0;
padding-top:30px;
transition:opacity 0.3s ease-in-out;
}
.blog_pagenation .arwL:hover,
.blog_pagenation .arwR:hover {
opacity:0.7;
}
.blog_pagenation .arwL a,
.blog_pagenation .arwR a {
  display: block;
  margin-top: -30px;
  opacity: 0;
}
.blog_pagenation span {
  color:#2699FB;
}

.blog_pagenation span.current{
  font-size: 2.4rem;
  line-height: 1;
  margin-right: 40px;
  vertical-align: top;
}

#blog .topics1 .fcol {
padding-bottom:32px;
}
}


@media (max-width:767px) {
.blogL {
float:none;
width:auto;
margin-bottom:32px;
}
.blogR {
float:none;
width:auto;
margin-left:auto;
margin-right:auto;
}
#blog .h1a {
font-size:2.4rem;
}

.blog_dl p {
font-size:1.4rem;
}
.blog_dl .blog_dlimg {
margin-bottom:8px;
}
a.bluelink.f18 {
font-size:1.4rem;
}
.blogR img {
display:block;
margin-left:auto;
margin-right:auto;
}

.blogR .lanking_blk {
max-width:610px;
margin-left:auto;
margin-right:auto;
}
.blogR .lanking {
margin-bottom:64px;
margin-right:-8px;
margin-left:-8px;
display:flex;
flex-wrap:wrap;
}
.blogR .lank_li {
font-size:1.4rem;
padding:0 8px 0;
vertical-align:top;
width:50%;
}
.blogR .lank_li .btm32 {
margin-bottom:8px;
}
.blogR .lanking_number {
top:0;
left:8px;
font-weight:bold;
font-size:1.6rem;
}
.blogR .keyword_side {
margin-bottom:48px;
}
.blogR .twitter_side {
border:solid #ccc 1px;
width:300px;
margin-left:auto;
margin-right:auto;
}

.blogR .fb_iframe_widget_fluid span {
display:block;
width:340px;
margin-left:auto;
margin-right:auto;
}
}

@media (max-width:736px) {
.blog_cate li {
width:25%;
}
.blog_cate li a {
font-size:1.4rem;
}

.blog_pagenation {
padding-bottom:48px;
text-align:center;
font-weight:500;
}
.blog_pagenation .pconly {
display:none;
}
.blog_pagenation li {
display:inline-block;
line-height:1;
vertical-align:middle;
margin: 0 5px;
}
.blog_pagenation li.sub_arw,
.blog_pagenation li.arwL,
.blog_pagenation li.arwR {
width:38px;
height:38px;
background:#ececec;
font-size:2rem;
padding-top:7px;
}
.blog_pagenation li a {
display:block;
color:#2498fb;
}
.blog_pagenation .sp_page {
margin:0 12px;
font-size:1.5rem;
}

.blog_pagenation span.current{
  line-height: 1;
  vertical-align: middle;
  margin-right:8px;
}


}

@media (max-width:414px) {
.blog_cate {
margin-right:-4px;
margin-left:-4px;
}
.blog_cate li {
padding:0 4px 10px;
width:33.33333%;
}
.blog_cate li a {
padding:8px 4px 8px 14px;
/* background:#ececec url(../img/arrow01.png) no-repeat 6px 10px; */
background:#ececec;
background-size:5px auto;
text-align:left;
font-size:1.2rem;
}
.blog_cate li a:before {
  left: 8px;
  margin-top: -4px;
  border: 4px solid transparent;
  border-left-color: #fff;
}
.blog_cate li.current-cat a {
  background-color: #000;
}
.blog_cate li.current-cat a:before {
  margin: 0 0 0 -4px;
}
}


/*
-----------------------------------------------
▼ブログ,サポート 投稿エリア TinyMce
----------------------------------------------- */
.post-content p,
.post-content table,
.post-content hr,
.support-content p,
.support-content table,
.support-content hr {
  margin-bottom: 1.5em;
}

.post-content img,
.support-content img {
  max-width: 100%;
  height: auto;
}
.post-content img.alignright,
.support-content img.alignright {
  float: right;
  clear: both;
  margin: 0.25em 0 1.5em 1.5em;
}

.post-content img.alignleft,
.support-content img.alignleft {
  float: left;
  clear: both;
  margin: 0.25em 1.5em 1.5em 0;
}

.post-content img.aligncenter,
.support-content img.aligncenter {
  display: block;
  clear: both;
  margin: 1.5em auto;
}

.post-content hr,
.support-content hr {
  height: 1px;
  border-top: 1px solid #333;
}

.post-content table,
.support-content table {
  margin-bottom: 1.5em;
}

.post-content table th, .post-content table td,
.support-content table th, .support-content table td {
  border: 1px solid #333;
}

.post-content ul,
.support-content ul {
	padding-left: 2em;
	list-style-type: disc;
	margin-bottom:  1.5em;
}

.post-content ol,
.support-content ol {
	padding-left: 2em;
	list-style-type: decimal;
	margin-bottom:  1.5em;
}

.post-content ul li,
.support-content ul li {
	padding-top:5px;
	padding-bottom:5px;
	margin-left: 1em;
}

.post-content ol li,
.support-content ol li {
	padding-top:5px;
	padding-bottom:5px;
	margin-left: 1em;
}

.post-content em,
.support-content em {
  font-style: italic;
}

.post-content a,
.support-content a {
  color: #2699fb; /* 2018.10.31 #ff8100→#2699fb */
  text-decoration: underline;
}

.post-content .video-wrap,
.support-content .video-wrap {
  position: relative;
  padding-bottom: 56.25%; /*アスペクト比 16:9の場合*/
  height: 0;
  overflow: hidden;
}
.post-content .video-wrap iframe,
.support-content .video-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*
-----------------------------------------------
▼リストページ
----------------------------------------------- */
#list .h1a {
font-size:3rem;
}
#list .math {
margin-bottom:24px;
padding-bottom:12px;
border-bottom:1px solid #c7c7c7;
line-height:1;
}
#list .math select {
font-size:1.2rem;
}

#list .math3 {
margin:-120px 0 0;
text-align:right;
}

.faq {
margin-bottom:24px;
padding-bottom:24px;
border-bottom:1px solid #c7c7c7;
font-weight:500;
}
.faq .h2a {
text-align:left;
margin-bottom:16px;
padding-left:45px;
background:url(../img/list_q.png) no-repeat left top;
background-size:27px auto;
color:#039;
font-weight:500;
font-size:2.4rem;
}
.faq .h2a a{
color:#2699FB;
}
.faq .answer {
margin-bottom:16px;
padding-left:45px;
background:url(../img/list_a.png) no-repeat left top;
background-size:26px auto;
font-size:1.5rem;
}
.faq .info4 {
color:#707070;
font-size:1.5rem;
font-weight: normal;
}
.kensu {
font-weight:500;
font-size:1.4rem;
line-height:1;
}

.pagenation {
margin:-14px 0 100px;
text-align:center;
font-weight:500;
font-size:1.4rem;
line-height:1;
}
.pagenation li {
display:inline-block;
margin-right:14px;
}
.pagenation a {
color:#2699FB;
transition:opacity 0.3s ease-in-out;
}
.pagenation a:hover {
opacity:0.7;
}

.pagenation .sponly {
display:none;
}
.pagenation span {
color:#2699FB;
}

h3.kanren {
margin-bottom:32px;
padding-left:45px;
background:url(../img/list_check.png) no-repeat 0 6px;
background-size:30px auto;
font-weight:500;
font-size:3rem;
line-height:1.3;
}
.list_disc li {
text-indent:-1.2em;
margin:0 0 16px 1.2em;
font-size:2rem;
line-height:1.5;
}
.list_disc li::before {
content:'・';
padding-right:5px;
font-feature-settings:normal;
}
.kanren_ul li a{
color:#2699fb;
}

a.box {
transition:opacity 0.3s ease-in-out;
display:block;
}
a.box:hover {
opacity:0.7;
text-decoration:none;
}
.box dt {
line-height:1;
padding:15px 0;
background:#000;
color:#fff;
text-align:center;
font-weight:500;
font-size:1.6rem;
}
.box dd {
padding:16px;
}
.window_blue{
background:#2699fb;
}
.window_red {
background:#EA5712;
}
.arrow_right {
float:right;
margin:10px 0 0 10px;
}
.box dd p {
font-size:1.1rem;
line-height:1.7;
}

.h3_faq_cat {
line-height:1.3;
padding:3px 0 0 50px;
background:url(../img/list_q_cat.png) no-repeat left top;
background-size:35px auto;
font-weight:500;
font-size:2.8rem;
}

.faq_cat .products_list li {
display: -webkit-flex;
display: -ms-flex;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #c7c7c7;
}
.faq_cat .products_list a {
color:#2699fb;
font-weight:500;
}
.faq_cat .products_list li p:first-child {
width: 60px;
height: 40px;
text-align: center;
}
.faq_cat .products_list li p:last-child {
width: calc(100% - 70px);
}
.faq_cat .products_list li img {
height: 100%;
width: auto;
}
@media (max-width: 767px) {
.faq_cat .products_list a {
  font-weight: bold;
}
}

.faq_cat .accordion_head {
line-height:1.3;
padding:16px 8px 16px 32px;
border-bottom:1px solid #c7c7c7;
font-weight:500;
font-size:1.6rem;
background:url(../img/list_plus.png) no-repeat 8px 17px;
color:#2699fb;
transition:opacity 0.3s ease-in-out;
}
.faq_cat .accordion_head.open {
border-bottom:none;
background:#e8f4fe url(../img/list_minus.png) no-repeat 8px 17px;
}
.faq_cat .accordion_head:hover,
.faq_cat .accordion_head.open:hover {
cursor:pointer;
opacity:0.7;
}
.faq_cat .accordion dd {
padding:5px 0 0 30px;
}
.faq_cat .accordion li a {
display:block;
line-height:1.3;
padding:10px 8px;
font-size:1.3rem;
font-weight:500;
color:#2699fb;
transition:opacity 0.3s ease-in-out;
}
.faq_cat .accordion li.active a {
background:#e8f4fe;
}
.faq_cat .accordion li a:hover {
opacity:0.7;
text-decoration:none;
}


@media (max-width:767px) {
#list .h1a {
font-size:2.6rem;
font-weight: bold;
}
#list .math {
margin-bottom:8px;
padding-bottom:0;
border-bottom:none;
}
#list .math3 {
margin:-32px 0 16px;
}
#list .pageof {
margin:0 -14px 30px;
padding:10px 0;
background:#eee;
text-align:center;
font-size:1.4rem;
line-height:1;
}

.faq .h2a {
text-align:left;
margin-bottom:10px;
padding-left:24px;
background-size:14px auto;
font-size:1.6rem;
background-position: left center;
}
.faq .answer {
margin-bottom:16px;
padding-left:24px;
background-size:14px auto;
font-size:1.4rem;
background-position: left 0.2em;
}
.faq .info4 {
font-size:1.4rem;
}
.kensu {
margin-bottom:16px;
}

.pagenation {
margin:0 0 48px;
text-align:center;
font-weight:bold;
font-size:2rem;
}
.pagenation .pconly {
display:none;
}
.pagenation .sponly {
display:block;
}
.pagenation li,
.pagenation li.sponly {
display:inline-block;
vertical-align:middle;
margin-right:0;
}
.pagenation .sp_page {
padding:0 16px 0 8px;
}

.pagenation li.arwL,
.pagenation li.arwR,
.pagenation li.sub_arw {
width:38px;
height:38px;
background:#ececec;
font-size:2rem;
padding-top:7px;
}
.pagenation li a {
display:block;
color:#2498fb;
}
.pagenation .sp_page {
margin:0 12px;
font-size:1.5rem;
}

h3.kanren {
padding-left:32px;
background-position:0 3px;
background-size:24px auto;
font-weight:bold;
font-size:2.4rem;
}
.list_disc li {
font-size:1.6rem;
}

.box dt {
font-weight:bold;
}
.box dd {
padding:14px;
}
.box dd p {
color:#fff;
font-weight:bold;
font-size:1.4rem;
}

.h3_faq_cat {
padding:3px 0 0 45px;
background:url(../img/list_q_cat.png) no-repeat left 4px;
background-size:35px auto;
font-weight: bold;
}

.faq_cat .accordion_head {
padding:16px 8px 16px 38px;
font-weight:bold;
background:url(../img/list_plus.png) no-repeat 8px 15px;
}
.faq_cat .accordion_head.open {
background:#e8f4fe url(../img/list_minus.png) no-repeat 8px 15px;
}
}

@media (max-width:414px) {

}


/*
-----------------------------------------------
▼業務システム
----------------------------------------------- */
.case_black_type02 .btns .mttl.jobz-mark {
position:relative;
padding-left:130px;
margin-right:80px;
}
.case_black_type02 .mttl.jobz-mark::after {
position:absolute;
top:50%;
left:0;
content:'';
margin-top:-19px;
background:url(../img/jobz_jobz.png) no-repeat center center;
background-size:100% auto;
width:115px;
height:38px;
}

.jobz_blk01 {
position:relative;
padding-top:120px;
}
.big_cut.jobz_blk01 {
position:relative;
padding-top:48px;
}
.jobz_blk01.topblk {
padding-top:0;
}
.jobz_blk01 .blk01,
.jobz_blk02 .blk01 {
padding-bottom:64px;
}
.point.jobz_blk01 .blk01 {
padding-bottom:0px !important;
}
.eng .jobz_blk01 .blk01,
.eng .jobz_blk02 .blk01 {
padding-bottom:90px;

}
.jobz_blk03 .blk01 {
padding-bottom:90px;
}
.jobz_blk02 {
position:relative;
background:#eee;
padding-top:120px;
}
.jobz_blk03 {
position:relative;
background:#292B2D;
padding-top:120px;
color:#fff;
}
.jobz_blk04 {
padding-top:120px;
}

.jobz_blk01::after {
position:absolute;
bottom:-50px;
left:50%;
z-index:3;
content:'';
margin:50px auto;
margin:0 0 0 -50px;
width:0;
height:0;
border-style:solid;
border-width:50px 50px 0 50px;
border-color:#fff transparent transparent transparent;
z-index:5;
}
.point.jobz_blk01::after {
bottom:-90px;
}
@media (max-width:767px){
  .point.jobz_blk01::after {
  bottom: -30px;
  }
}
.jobz_blk02::after {
position:absolute;
bottom:-50px;
left:50%;
content:'';
margin:50px auto;
margin:0 0 0 -50px;
width:0;
height:0;
border-style:solid;
border-width:50px 50px 0 50px;
border-color:#eee transparent transparent transparent;
z-index:5;
}

.jobz_blk03::after {
position:absolute;
bottom:-50px;
left:50%;
content:'';
margin:50px auto;
margin:0 0 0 -50px;
width:0;
height:0;
border-style:solid;
border-width:50px 50px 0 50px;
border-color:#292B2D transparent transparent transparent;
z-index:5;
}

#jobz .h2a {
font-size:4.5rem;
text-align:center;
font-weight:500;
margin-bottom:48px;
}
#jobz .jobz_blk04 .h2a {
margin-bottom: 70px;
}
.btm2em {
margin-bottom:2em;
}
.jobz_here {
line-height:1;
font-size:2.4rem;
text-align:center;
}
.jobzimgL {
float:left;
margin:10px 48px 16px 0;
}
.jobzimgR {
float:right;
margin:10px 0 16px 48px;
}

.jobz_ul li {
padding:0 0 8px 20px;
background:url(../img/green_dot.png) no-repeat 0 .65em;
background-size:12px auto;
font-size:2.4rem;
}

.blk01.jobz700 {
width:720px;
}

.fbox.col2.jobzcol {
margin-right:-22px;
margin-left:-22px;
}
.fbox.col2.jobzcol .fcol {
padding:0 22px 40px;
}
#jobz .h3a {
font-size:3rem;
font-weight:500;
line-height:1.3;
margin-bottom:12px;
text-align:center;
}
#jobz .h3a a {
color:#2699FB;
}
#jobz .read {
line-height:1.5;
margin-bottom:16px;
text-align:center;
font-size:2rem;
}


@media (max-width:767px) {
.case_black_type02 .btns .mttl.jobz-mark {
margin-right:0;
}
.case_black_type02 .mttl.jobz-mark::after {
top:50%;
left:50%;
margin-top:-10px;
margin-left:-64px;
width:60px;
height:20px;
}

.jobz_blk01 {
position:relative;
padding-top:40px;
}
.eng .jobz_blk03 .blk01 {
padding-bottom:40px !important;
}
.jobz_blk01 .blk01,
.jobz_blk02 .blk01,
.jobz_blk03 .blk01{
padding-bottom:24px !important;
}
#jobz .jobz_blk01 .blk01,
#jobz .jobz_blk02 .blk01,
#jobz .jobz_blk03 .blk01{
padding-bottom:64px !important;
}
#jobz.signjobz .point.jobz_blk01.topblk .blk01,
#jobz.signjobz .jobz_blk01 .blk01.pd_b0sp,
#jobz .jobz_blk02 .blk01.pd_b0sp{
padding-bottom:0px !important;
}
.eng .jobz_blk02 .blk01{
padding-bottom:30px !important;
}
.jobz_blk01 .btm64 {
margin-bottom:32px;
}

.jobz_blk02 {
position:relative;
background:#eee;
padding-top:40px;
}
#sign-display .jobz_blk02 {
padding-top:60px;
}
#sign-display .jobz_blk02 .blk01 {
padding-top:40px;
}
#sign-display .gcc-blk01b .blk01{
padding-bottom:60px;
}
.eng .jobz_blk02 {
padding-top:0px;
}
.jobz_blk03 {
position:relative;
background:#292B2D;
padding-top:40px;
color:#fff;
}
.eng .jobz_blk03 {
padding-top:20px;
}
.jobz_blk04 {
padding-top:80px;
}

.jobz_blk01::after {
bottom:-30px;
left:50%;
margin:30px auto;
margin:0 0 0 -30px;
border-width:30px 30px 0 30px;
}

.jobz_blk02::after {
bottom:-30px;
left:50%;
margin:30px auto;
margin:0 0 0 -30px;
border-width:30px 30px 0 30px;
}
.dis.jobz_blk01::after,
.dis.jobz_blk02::after {
display:none !important;
}

.jobz_blk03::after {
bottom:-30px;
left:50%;
margin:30px auto;
margin:0 0 0 -30px;
border-width:30px 30px 0 30px;
}

#jobz .h2a {
font-size:2.6rem;
font-weight:bold;
margin-bottom:32px;
margin-top: 40px;
}
.eng .gcc-blk01 .h2a {
margin-top:0px !important;
}
.eng #jobz .jobz_blk03 .h2a {
margin-top:10px;
}
.jobz_blk01 p.f24,
.jobz_blk02 p.f24,
.jobz_blk03 p.f24 {
font-size:1.4rem;
line-height:1.9;
}
.jobz_here {
max-width:260px;
font-size:1.4rem;
margin-left:auto;
margin-right:auto;
margin-top:20px;
}
#jobz .jobz_blk03.signjobz-box03.pt0_sp .jobz_here {
max-width:300px;
}
.eng .jobz_here {
margin-bottom:30px;
}
/* .eng .jobz_blk03 .jobz_here {
font-size:1rem;
} */

.jobz_here a {
display:block;
padding:10px;
border-radius:40px;
background:#2699fb;
font-weight:bold;
color:#fff;
line-height:1.3;
}
.jobzimgL,
.jobzimgR {
float:none;
margin:0 auto 16px;
display:block;
}

.jobz_ul li {
padding:0 0 8px 16px;
background:url(../img/green_dot.png) no-repeat 0 .5em;
background-size:10px auto;
font-size:1.6rem;
}

.blk01.jobz700 {
width:auto;
}

.fbox.col2.jobzcol {
margin-right:-12px;
margin-left:-12px;
}
.fbox.col2.jobzcol .fcol {
padding:0 12px 16px;
}
#jobz .h3a {
font-size:1.6rem;
font-weight:bold;
margin-bottom:4px;
}
#jobz .read {
margin-bottom:8px;
font-size:1.4rem;
}
.jobz_blk04 .f22 {
font-size:1.4rem;
}
#jobz .jobz_blk04 .h2a {
margin-bottom:30px;
margin-top:80px;
}
}

@media (max-width:414px) {
.fbox.col2.jobzcol {
margin-right:-8px;
margin-left:-8px;
}
.fbox.col2.jobzcol .fcol {
padding:0 8px 16px;
width:50%;
}
}


/*
-----------------------------------------------
▼CNファクトリー
----------------------------------------------- */
.case_black_type02 .btns .mttl.cn-factory {
position:relative;
padding-left:80px;
margin-right:100px;
}
.case_black_type02 .mttl.cn-factory::after {
position:absolute;
top:50%;
left:0;
content:'';
margin-top:-28px;
background:url(../img/procs_cnfactory1.png) no-repeat center center;
background-size:100% auto;
width:60px;
height:58px;
}

#gallery {
margin:0 auto;
}

#process .h2a {
font-size:4.5rem;
font-weight:500;
line-height:1.5;
margin-bottom:50px;
text-align:center;
}

.bg_black {
position:relative;
background:#292B2D;
padding:2.5em 0;
color:#fff;
}
.f24a {
font-size:2.4rem;
font-weight:300;
line-height:1.7;
margin-bottom:1.25em;
}
#ex_photo .f24a {
text-align:center;
}
.f24b {
font-size:2.4rem;
font-weight:300;
line-height:1.7;
margin-bottom:8px;
text-align:center;
}
#process .linkBtn,
#jobz .linkBtn {
text-align:center;
line-height:1;
}
#jobz .linkBtn a {
display:inline-block;
padding:20px 40px;
color:#fff;
font-size:1.4rem;
background-color:#2699fb;
border-radius:30px;
}
#process .linkBtn a{
display:inline-block;
padding:20px 40px;
color:#fff;
/* font-size:1.4rem; */
background-color:#0091d2;
border-radius:30px;
font-weight: 500;
}
.bg_gray {
position:relative;
background:#f5f5f5;
padding:5em 0;
}
#process .h3a {
font-size:3.5rem;
font-weight:500;
line-height:1.3;
margin-bottom:20px;
letter-spacing:-0.005em;
}
.boxStyle_2 {
position:relative;
background:#fff;
padding:5em 0;
}

ul.prssList {
display:inline-block;
margin:0 auto;
width:auto;
text-align:left;
}
ul.prssList li {
padding-bottom:.8em;
font-size:3.4rem;
line-height:1.4;
}
.prssBox_blue {
margin:0 auto;
padding:40px 58px;
width:92%;
color:#fff;
background-color:#7fc4fd;
}
.prssBox_blue h4 {
margin-bottom:24px;
font-size:3rem;
font-weight:normal;
}
.prssBox_blue p {
font-size:2.4rem;
font-weight:300;
}

.fbox.col2.pros_col {
margin-right:-22px;
margin-left:-22px;
}
.fbox.col2.pros_col .fcol {
padding:0 22px 40px;
}

#process .h3b {
font-size:3.5rem;
font-weight:500;
line-height:1.3;
margin-bottom:20px;
text-align:center;
}

.bx_05 {
padding:90px 0;
color:#fff;
background:#1b1b37;
}

.table_cnfactory01 table {
width:100%;
border:1px solid #959595;
color:#333;
}
.table_cnfactory01 thead th {
padding:8px 15px;
font-size:1.4rem;
font-weight:bold;
text-align:left;
background:#d9d9d9;
border-right:#959595 solid 1px;
border-bottom:#959595 solid 1px;
}

.table_cnfactory01 tbody th,
.table_cnfactory01 tbody td {
padding:8px 15px;
font-size:1.4rem;
line-height:1.3;
border-right:#959595 solid 1px;
border-bottom:#959595 solid 1px;
font-weight:normal;
vertical-align:middle;
text-align:left;
background-color:#fff;
}
.table_cnfactory01 tbody th {
width:240px;
}

@media (max-width:767px) {
.case_black_type02 .btns .mttl.cn-factory {
margin-right:0;
padding-left:50px;
}
.case_black_type02 .mttl.cn-factory::after {
top:50%;
left:50%;
margin-top:-15px;
margin-left:-128px;
width:32px;
height:30px;
}

.secInner {
padding-top:40px;
}
#process .h2a {
font-size:2.6rem;
font-weight:bold;
margin-bottom:28px;
}

.bg_black {
padding:1em 0;
}
.f24a {
font-size:1.4rem;
line-height:1.9;
}
#ex_photo.btm64 {
margin-bottom:32px;
}
#ex_photo .f24a {
text-align:left;
}
.f24b {
font-size:1.4rem;
line-height:1.9;
}
#process .linkBtn a,
#jobz .linkBtn a {
padding:10px 25px;
font-weight:bold;
font-size:1.6rem;
border-radius:30px;
}
.bg_gray {
position:relative;
background:#f5f5f5;
padding:3em 0;
}
#process .h3a {
font-size:2.2rem;
font-weight:bold;
margin-bottom:20px;
letter-spacing:0;
text-align:center;
}
.boxStyle_2 {
padding:3em 0;
}
.boxStyle_2 .center,
.bg_gray .center {
text-align:left;
}

ul.prssList li {
margin:0;
padding-bottom:.8em;
font-size:1.4rem;
font-weight:bold;
line-height:1.4;
}
.prssBox_blue {
margin:0;
padding:14px;
width:auto;
}
.prssBox_blue h4 {
margin-bottom:10px;
font-weight:bold;
font-size:1.8rem;
}
.prssBox_blue p {
font-size:1.4rem;
}

.fbox.col2.pros_col {
margin-right:-22px;
margin-left:-22px;
}
.fbox.col2.pros_col .fcol {
padding:0 22px 40px;
}

#process .h3b {
font-size:2.2rem;
font-weight:bold;
margin-bottom:16px;
}

.bx_05 {
padding:3em 0;
}

.table_cnfactory01.btm64 {
margin-bottom:30px;
}

.table_cnfactory01 thead th,
.table_cnfactory01 tbody th,
.table_cnfactory01 tbody td {
padding:7px 8px;
font-size:1.2rem;
}
.table_cnfactory01 tbody th {
width:120px;
}
}

@media (max-width:414px) {

}


/*
-----------------------------------------------
▼MERCURY 609
----------------------------------------------- */
.case_black_type02 .btns .mttl.mercury609 {
position:relative;
padding-left:96px;
margin-right:36px;
}
.case_black_type02 .mttl.mercury609::after {
position:absolute;
top:50%;
left:0;
content:'';
margin-top:-19px;
background:url(../img/mercury609_icon.png) no-repeat center center;
background-size:100% auto;
width:80px;
height:46px;
}

.fbox.col3.marc_fcol {
margin-right:-36px;
margin-left:-36px;
}
.fbox.col3.marc_fcol .fcol {
padding:0 36px 0;
text-align:center;
}
.marc_fcol .ttl {
margin:18px 0 12px;
color:#2699FB;
font-weight:normal;
font-size:2.4rem;
line-height:1.3;
}
.marc_fcol .txt {
font-size:2rem;
line-height:1.5;
}
.img100 img {
width:100%;
height:auto;
}
.fbox.col2.marc_fcol2 {
margin-right:-24px;
margin-left:-24px;
}
.fbox.col2.marc_fcol2 .fcol {
padding:0 24px 0;
text-align:center;
}
.fbox.col2.marc_fcol2 img {
width:100%;
height:auto;
}

.jobz_blk03b {
margin-bottom:64px;
background:#292B2D;
padding:120px 0 80px;
color:#fff;
}
#jobz .h3b {
font-size:3.5rem;
font-weight:500;
line-height:1.3;
margin-bottom:20px;
text-align:left;
}

/* 製品仕様 */
#link03 .head_ttl,
.u_table-sp .head_ttl,
#link04 .head_ttl {
padding:8px 15px;
font-size:1.4rem;
font-weight:bold;
border-top:#959595 solid 1px;
border-left:#959595 solid 1px;
border-right:#959595 solid 1px;
background-color:#d9d9d9;
}
#link03 table,
.box02.u_table-sp table,
.box03.u_table-sp table,
.box04.u_table-sp table,
.box05.u_table-sp table,
#link04 table {
width:100%;
border-top:#959595 solid 1px;
border-left:#959595 solid 1px;
}
#link03 th,
#link03 td,
.box02 .u_table tr:first-of-type th,
.box02 .u_table.u_table_2 tr:not(:first-of-type) th:first-of-type,
.box03 .u_table tr:first-of-type th,
.box03 .u_table.u_table_2 tr:not(:first-of-type) th:first-of-type,
.box04 .u_table tr:first-of-type th,
.box04 .u_table.u_table_2 tr:not(:first-of-type) th:first-of-type,
.box05 .u_table tr:first-of-type th,
.box05 .u_table.u_table_2 tr:not(:first-of-type) th:first-of-type,
#link04 th,
#link04 td {
padding:8px 15px;
font-size:1.4rem;
line-height:1.3;
border-right:#959595 solid 1px;
border-bottom:#959595 solid 1px;
vertical-align:middle;
text-align:left;
background-color:#fff;
}
#link03 th {
width:310px;
font-weight:normal;
}
#link04 th {
width:310px;
font-weight:normal;
}
#link03 .box01 th, {
width:240px;
font-weight:bold;
background-color:#e6e6e6;
}
#link03 .box01 td,
.u_table-sp.box01 td {
text-align:center;
}
#link03 .in_head td,
.u_table-sp .in_head td {
font-weight:bold;
background-color:#c0d2e6;
text-align:center;
}

@media (max-width:767px) {
.case_black_type02 .btns .mttl.mercury609 {
margin-right:0;
padding-left:20px;
letter-spacing:-0.01em;
}
.case_black_type02 .mttl.mercury609::after {
top:50%;
left:50%;
margin-top:-19px;
margin-left:-170px;
width:45px;
height:40px;
}

#jobz .btm100 {
margin-bottom:64px;
}
.jobz_blk01.pdgtop0 {
padding-top:0;
}

.fbox.col3.marc_fcol {
margin-right:-8px;
margin-left:-8px;
}
.fbox.col3.marc_fcol .fcol {
width:33.3333%;
padding:0 8px 0;
}
.marc_fcol .ttl {
margin:12px 0 4px;
font-size:1.4rem;
}
.marc_fcol .txt {
font-size:1.4rem;
}

.fbox.col2.marc_fcol2 {
margin-right:-8px;
margin-left:-8px;
}
.fbox.col2.marc_fcol2 .fcol {
padding:0 8px 0;
}

.jobz_blk03b {
margin-bottom:64px;
background:#292B2D;
padding:80px 0 48px;
color:#fff;
}
#jobz .h3b {
font-size:2.4rem;
font-weight:bold;
margin-bottom:14px;
}

/* 製品仕様 */
#link03 .head_ttl,
.u_table-sp .head_ttl,
#link04 .head_ttl {
padding:7px 8px;
font-size:1.2rem;
}

#link03 th,
#link03 td,
.u_table-sp th,
.u_table-sp td,
#link04 th,
#link04 td {
padding:7px 8px !important;
font-size:1.2rem !important;
}
#link03 th,#link04 th,
.box02.u_table-sp th,
.box03.u_table-sp th,
.box04.u_table-sp th,
.box05.u_table-sp th{
width:140px !important;
}
#link03 .box01 th,
.u_table-sp.box01 th {
width:140px;
}

#link03 .box01 {
padding-bottom:16px;
overflow-x:auto;
-webkit-overflow-scrolling:touch;
}
#link03 .box01 .head_ttl,
.u_table-sp.box01 .head_ttl,
#link03 .box01 table {
width:800px;
}
#link03 .box01 table {
box-shadow:0 4px 4px rgba(0, 0, 0, .2);
}
.mercury609 .btm100 {margin-bottom:0px !important;}
}

@media (max-width:414px) {
.fbox.col3.marc_fcol {
margin-right:0;
margin-left:0;
}
.fbox.col3.marc_fcol .fcol {
width:100%;
padding:0 0 16px;
text-align:left;
}
.fbox.col3.marc_fcol .img {
width:120px;
display:table-cell;
}
.fbox.col3.marc_fcol .in_texts {
display:table-cell;
vertical-align:middle;
padding-left:16px;
}

.fbox.col2.marc_fcol2 .fcol {
width:50%;
}
#jobz .jobz_blk03b .h2a {
font-size:2rem;
}

/* #link04 th,
#link04 td {
display:block;
width:auto;
text-align:left;
font-size:1.4rem;
}
#link04 th {
border-bottom:0;
padding:7px 8px 0 8px;
font-weight:bold;
}
#link04 th::before {
content:"【";
}
#link04 th::after {
content:"】";
}
#link04 td {
padding:7px 8px 7px 28px;
} */
}


/*
-----------------------------------------------
▼GCC LaserPro C180 II
----------------------------------------------- */
.case_black_type02 .btns .mttl.c180 {
position:relative;
padding-left:95px;
margin-right:60px;
}
.case_black_type02 .mttl.c180::after {
position:absolute;
top:50%;
left:0;
content:'';
margin-top:-22px;
background:url(../img/gcc_laserpro_c180_icon.png) no-repeat center center;
background-size:100% auto;
width:80px;
height:46px;
}

.fbox.col3.c180_fbox .fcol {
text-align:center;
}
.c180_fbox .ttl {
margin:4px 0 8px;
font-size:3rem;
font-weight:bold;
}
.c180_fbox .txt {
font-size:1.8rem;
line-height:1.5;
}

#jobz .linkBtn {
text-align:center;
line-height:1;
}
#jobz .linkBtn a {
display:inline-block;
padding:20px 40px;
color:#fff;
font-size:1.4rem;
background-color:#2699fb;
border-radius:30px;
}

.blkbtm {
margin-bottom:72px;
}


@media (max-width:767px) {
.case_black_type02 .btns .mttl.c180 {
margin-right:0;
padding-left:30px;
letter-spacing:-0.02em;
}
.case_black_type02 .mttl.c180::after {
top:50%;
left:50%;
margin-top:-20px;
margin-left:-120px;
width:45px;
height:40px;
}
.c180_fbox .ttl {
margin:4px 0 4px;
font-size:1.8rem;
}
.c180_fbox .txt {
font-size:1.4rem;
}

.blkbtm {
margin-bottom:64px;
}
.c180 .blkbtm {
margin-bottom:30px;
}
#jobz.c180 #link03 .h2a {
margin-top:0;
}
}

@media (max-width:414px) {
.fbox.col3.c180_fbox {
margin-right:0;
margin-left:0;
}
.fbox.col3.c180_fbox .fcol {
width:100%;
padding:0 0 24px;
}
}

/*
-----------------------------------------------
▼Maker's
----------------------------------------------- */
.case_black_type02 .btns .mttl.makers {
position:relative;
padding-left:90px;
margin-right:120px;
}
.case_black_type02 .mttl.makers::after {
position:absolute;
top:50%;
left:0;
content:'';
margin-top:-27px;
background:url(https://www.comnet-network.co.jp/wp-comnet/wp-content/uploads/2023/08/makers-navi-icon.png) no-repeat center center;
background-size:100% auto;
width:58px;
height:58px;
}

@media (max-width:767px) {
.case_black_type02 .btns .mttl.makers {
margin-right:0;
padding-left:20px;
letter-spacing:-0.01em;
}
.case_black_type02 .mttl.makers::after {
top:50%;
left:50%;
margin-top:-19px;
margin-left:-170px;
width:45px;
height:40px;
}
}

/*
-----------------------------------------------
▼サポート
----------------------------------------------- */

ul.support_check_ul.list_disc_black a {
color:#2699fb;
}
@media (max-width:767px) {
#support .support_cat_ul dt {
font-weight: bold;
}
#support .support_cat_ul dt span {
font-weight: normal;
}
}

/*
-----------------------------------------------
▼会社情報
----------------------------------------------- */
.case_black_type02 .btns .mttl.companyttl {
position:relative;
padding-left:55px;
margin-right:47px;
}
.case_black_type02 .mttl.companyttl::after {
position:absolute;
top:50%;
left:0;
content:'';
display:block;
margin-top:-12px;
background:url(../img/company_icon.png) no-repeat center center;
background-size:100% auto;
width:50px;
height:23px;
}

.messtxt {
font-size:2.6rem;
font-weight:300;
line-height:2;
margin-bottom:1.25em;
}

#company .h3a {
font-size:4.5rem;
font-weight:normal;
line-height:1.4;
margin-bottom:14px;
}
.photocap {
padding-top:12px;
font-size:2.6rem;
text-align:center;
}
.photocap span {
display:inline-block;
font-size:2rem;
padding-right:1em;
}

.officer .fcol {
text-align:center;
padding-bottom:0 !important;
}

#company .h3b {
font-size:4.5rem;
font-weight:normal;
line-height:1.4;
margin-bottom:24px;
text-align:center;
}
.graybg {
background-color:#f3f3f3;
margin-bottom:28px;
padding:24px 36px;
text-align:center;
}
.company_type02 {
  background-color: rgba(0, 8, 36, 0.7);
}
#company .ul01 li {
font-size:2.4rem;
padding-bottom:12px;
}
.pccenter {
text-align:center;
}
.company_policy {
text-align:center;
}
.company_policy span {
display:inline-block;
font-size:3.2rem;
text-align:center;
width:10em;
}
#company .f24a {
line-height:2;
}
.guiding_precepts ul {
margin:0 auto;
width:17em;
font-size:2.4rem;
}
.guiding_precepts li {
padding-bottom:12px;
}

.table_company {
font-size:2.4rem;
}
.table_company th {
padding:0 2em 20px 0;
text-align:left;
vertical-align:top;
font-weight:normal;
width:200px;
}
.table_company td {
padding:0 0 20px;
}

.table_company2 {
width:100%;
font-size:1.4rem;
}

.table_company2 th {
padding:8px 15px;
text-align:left;
background-color:#e6e6e6;
border:1px solid #959595;
font-weight:normal;
width:180px;
}
.table_company2 td {
padding:8px 15px;
border:1px solid #959595;
}

#company .h3c {
font-size:3.5rem;
font-weight:bold;
line-height:1.4;
}

#map_kobe,
#map_tokyo,
#map_kyushu {
margin-bottom:40px;
height:428px;
}

#company .blk01.blkbtm{
margin-bottom:130px;
}

/* 2018.11.21 追加（近藤） */
#company a{
color: #2699FB;
text-decoration:none;
}

@media (max-width:767px) {
#company #comLink01 h2.h2a {
margin-top: 32px;
}
.company_type02 {
background-color: #3a4966;
}
.company_type02 > div .btns .btn_item .in_item {
border-right-color: #fff !important;
border-bottom-color: #fff !important;
}
.case_black_type02 > div .btns .btn_item > div a:link {
color: #fff;
text-decoration: none;
}

.case_black_type02 > div .btns .btn_item > div a:visited {
color: #fff;
text-decoration: none;
}

.case_black_type02 > div .btns .btn_item > div a:hover {
color: #fff;
opacity: 0.5;
text-decoration: underline;
}
.company_type02 > div .btns .btn_item .in_item a::before {
    border-color: #fff;
}
.company_type02 > div .btns .btn_item::before {
    background-color: #fff;
}
.company_type02 > div .btns .mttl.on {
    background-color: #5b75a8;
}
.case_black_type02 .btns .mttl.companyttl {
padding-left:35px;
margin-right:0;
}
.case_black_type02 .mttl.companyttl::after {
left:50%;
margin-top:-6px;
margin-left:-80px;
width:30px;
height:13px;
}

.messtxt {
font-size:1.6rem;
font-weight:normal;
margin-right: 30px;
margin-left: 30px;
}

#company .h3a {
font-size:2rem;
text-align:center;
font-weight: bold;
}

#company figure.jobzimgL {
margin:0 auto 32px;
width:64%;
max-width:480px;
text-align:center;
}
#comLink01 .txtR img {
width:180px;
}

.photocap {
font-size:1.4rem;
}
.photocap span {
display:block;
font-size:1.4rem;
padding-right:0;
}

.officer .fcol {
width:50%;
}
/* 2024.05.07変更 33.3%→50% */

#company .h3b {
font-size:2rem;
margin-bottom:24px;
font-weight: bold;
}
#company .f24 {
font-size:1.4rem;
line-height:1.9;
}
#company .graybg {
padding:14px 26px;
text-align:left;
}
#company .ul01 li {
font-size:1.4rem;
}

.company_policy span {
font-size:1.8rem;
}

.guiding_precepts ul {
font-size:1.8rem;
}

.table_company {
font-size:1.4rem;
}
.table_company th {
padding:0 2em 10px 0;
white-space:nowrap;
width:auto;
}
.table_company td {
padding:0 0 10px;
}

.table_company2 {
font-size:1.2rem;
}

.table_company2 th {
padding:7px 10px;
white-space:nowrap;
width:auto;
}
.table_company2 td {
padding:7px 10px;
}

#company .h3c {
font-size:1.8rem;
}

#map_kobe,
#map_tokyo {
margin-bottom:16px;
height:300px;
}
#company .blk01.blkbtm{
margin-bottom:90px;
}

#company span.sp_bold{
font-weight:bold;
}

}

@media (max-width:414px) {
.company_policy span {
margin:0 auto;
display:block;
font-size:1.4rem;
text-align:left;
width:10em;
}

.guiding_precepts ul {
font-size:1.4rem;
}
#company .blk01.blkbtm{
margin-bottom:60px;
}

}

/*
-----------------------------------------------
▼検索結果
----------------------------------------------- */

.search_result {
  min-height: 1200px;
}
.search_result_list {
  padding: 60px 0;
}
.search_result_list li {
  margin-bottom: 2em;
}
.search_result_list h2 {
  margin-bottom: 0.5em;
  text-align: left;
  font-size: 2.4rem;
}

.search_result .faq-search-form {
  overflow: hidden;
  margin: 0 auto 80px;
  width: 80%;
}
.search_result .faq-search-form input[type="text"] {
  float: left;
  padding: 12px;
  width: calc(100% - 120px);
  border: 1px solid #c0c0c0;
  letter-spacing: 0.2em;
  font-size: 2rem;
  -webkit-border-radius : 0;
  -webkit-appearance : none;
  -webkit-tap-highlight-color : rgba(0,0,0,0);
}
.search_result .faq-search-form input::placeholder {
  opacity: 0.5;
}
.search_result .faq-search-form button {
  float: left;
  padding: 0 40px;
  height: 49px;
  background-color: #1683de;
  color: #fff;
  font-size: 1.6rem;
  cursor: pointer;
}

@media (max-width: 767px) {
  .search_result .faq-search-form {
    width: 90%;
  }
  .search_result .faq-search-form input[type="text"] {
    padding: 10px;
    width: calc(100% - 40px);
    height: 30px;
    font-size: 1.6rem;
  }
  .search_result .faq-search-form button {
    padding: 0;
    width:40px;
    height: 30px;
    background-color: #1683de;
    font-size: 1.2rem;
  }
}

/*
-----------------------------------------------
▼404
----------------------------------------------- */
.message_notfoud {
  margin-bottom: 200px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: space-around;
  text-align: center;
}
.sitemap404{
margin:0 auto 90px;
width:60%;
}
.sitemap404 li{line-height:1.8em;}
.theme{
font-weight:bold;
font-size:1.8rem;
}
.sitemap404 ul li li {
text-indent: 1em;
}
.theme_box{
margin-bottom:1.5em;
}
@media (min-width:768px) {
  .message_notfoud {
    /* height: calc(100vh - 420px); */
    margin-bottom:90px;
  }
}
@media (max-width:767px) {
  .message_notfoud {
    /* height: calc(100vh - 100px); */
    margin-bottom:60px;
  }
  .sitemap404{
  margin:0 auto 90px;
  width:80%;
  }
}
.message_notfoud p {
  margin-bottom: 20px;
}
.message_404 {
  font-size: 10rem;
  color: #ccc;
  font-weight: 600;
}
@media (max-width:767px) {
  .message_404 {
    font-size: 4rem;
    font-weight: bold;
  }
}


/* ▼ページトップへ戻る */
.sky {
position:relative;
height:75px;
background:#2699FB;
line-height:1;
transition:0.5s;
}
#wrapper > .sky {
opacity: 0.2;
}
.sky dt {
float:left;
margin:28px 100px 0 100px;
color:#fff;
font-size:2rem;
}
.sky dd {
float:left;
margin-top:16px;
font-size:1.6rem;
}
.sky dd a {
display:block;
padding:15px 40px;
border-radius:30px;
background:#fff;
color:#2699FB;
line-height:1;
}
.sky dd a:hover {
opacity:0.7;
}
.sky #pagetop {
position:absolute;
top:0;
right:0;
}

.fixed_to_top {
position:fixed;
top:0;
width:100%;
z-index:10000;
}

.fixed_to_bottom {
position:fixed;
bottom:0;
width:100%;
z-index:11000;
opacity:1;
}

#wrapper > .fixed_to_bottom,
#wrapper > .static_to_bottom {
opacity:1;
background-color: rgba(38, 153, 251, 0.8);
}

@media (max-width:767px) {
.sky {
height:60px;
}
.sky dl {
float:left;
width:82%;
}
.sky dt {
float:left;
margin:12px 0 0 0;
width:68%;
font-size:1.4rem;
line-height:1.4;
}
.sky dd {
float:right;
margin-top:14px;
width:28%;
font-size:1.6rem;
}
.sky dd a {
padding:9px 0;
border-radius:20px;
font-weight:bold;
text-align:center;
}
.sky p {
float:right;
width:11%;
text-align:right;
}

.sky p img {
height:60px;
}
.sky #pagetop {
position:absolute;
top:0;
right:0;
}
}

@media (max-width:414px) {
  .sky dt {
    font-size: 3.5vw;
  }
}


/*
-----------------------------------------------
▼footer
----------------------------------------------- */
@media (min-width:768px) {
footer {
padding:57px 0 102px;
background:#1B1B37;
}
.footer {
margin:0 auto;
max-width:1088px;
text-align:left;
line-height:1.5;
}

.footmenu dl {
display:inline-block;
max-width:200px;
margin-right:20px;
vertical-align:top;
}
.footmenu .sponly {
display:none;
}
footer dl.community {
margin-right:0;
}
footer dt {
margin-bottom:20px;
font-weight:500;
font-size:1.6rem;
}
footer dt a:link {
color:#2699FB;
text-decoration:none;
}
footer dt a:visited {
color:#2699FB;
text-decoration:none;
}
footer dt a:hover {
color:#2699FB;
text-decoration:underline;
opacity:0.7;
}
footer dd {
margin-bottom:12px;
font-weight:400;
font-size:1.3rem;
}
footer dd a:link {
color:#fff;
text-decoration:none;
}
footer dd a:visited {
color:#fff;
text-decoration:none;
}
footer dd a:hover {
color:#fff;
text-decoration:underline;
opacity:0.7;
}

footer dl.footer1 {
margin-bottom:50px;
width:100%;
}
footer dl.footer1 dt {
margin-bottom:20px;
font-size:2rem;
}
footer dl.footer1 dd {
float:left;
margin:0 20px 0 0;
padding-right:20px;
border-right:1px solid #fff;
font-size:2rem;
}
footer dl.footer1 dd.last3 {
border-right:0;
}
footer dl.address_area {
display:block;
float:none;
clear:both;
margin:0 auto;
padding-top:7px;
width:480px;
text-align:center;
}
footer dl.address_area dt {
margin-bottom:22px;
}
footer dl.address_area dd {
margin-bottom:0;
font-size:1.2rem;
}
footer dl.footer1.cf > dt,
footer dl > dt {
color:#2699FB;
}
footer a {
transition:opacity 0.3s ease-in-out;
}
footer a:hover {
opacity:0.7;
}
footer dt a:hover {
color:#2699FB;
opacity:0.7;
}

.address_area dt img {
width:175px;
}
.address_area dd {
display:inline-block;
}
footer .sitemap {
margin-right:10px;
padding-right:10px;
border-right:1px solid #fff;
}
footer address {
margin-right:25px;
color:#fff;
font-style:normal;
}

.snslink1 {
padding-left:30px;
background:url(../../img/sns1.png) no-repeat left 50%;
}

.snslink2 {
padding-left:30px;
background:url(../../img/sns2.png) no-repeat left 60%;
}

.snslink3 {
padding-left:30px;
background:url(../../img/sns3.png) no-repeat left 75%;
}

.snslink4 {
padding-left:30px;
background:url(../../img/sns4.png) no-repeat 3px 60%;
}

.snslink5 {
padding-left:30px;
background:url(../../img/sns5.png) no-repeat left 60%;
}

.snslink6 {
padding-left:30px;
background:url(../../img/sns6.png) no-repeat left 60%;
}

.snslink7 {
padding-left:30px;
background:url(../../img/sns7.png) no-repeat left 60%;
}
/* 2025/11/21 Xロゴ追加 */
.snslink8 {
padding-left:30px;
background:url(../../img/sns-x.png) no-repeat left 60%;
}


.footer-lp {
  padding:24px 0;
}

}

@media (max-width:767px) {
footer {
background:#1B1B37;
}
.footer {
text-align:left;
line-height:1.5;
}

footer dl.community {
margin-bottom:18px;
}

footer dt {
font-weight:bold;
font-size:1em;
}

footer dl dt.f1,
footer dl dt.f2,
footer dl dt.f3,
footer dl dt.f4,
footer dl dt.f5,
footer dl dt.f6,
footer dl dt.f7  {
display:block;
padding:16px 18px;
border-bottom:2px solid #050514;
background:#131326 url(../images/../images/common/sp/sp_plus.png) no-repeat 96% 12px;
color:#2699FB;
}

footer dl dt.f1.active,
footer dl dt.f2.active,
footer dl dt.f3.active,
footer dl dt.f4.active,
footer dl dt.f5.active,
footer dl dt.f6.active,
footer dl dt.f7.active {
background:#131326 url(../images/../images/common/sp/sp_minus.png) no-repeat 96% 12px;
}

footer dl dt a {
display:block;
padding:16px 18px;
border-bottom:2px solid #050514;
background:#131326;
}

footer dl dt a:link {
color:#2699FB;
text-decoration:none;
}

footer dl dt a:visited {
color:#2699FB;
text-decoration:none;
}

footer dl dd {
display:none;
background:#1f1f34;
}

footer dl dd a:link {
color:#fff;
text-decoration:none;
}

footer dd a:visited {
color:#fff;
text-decoration:none;
}

footer dl.footer1 dt {
font-size:1.125em;
}

footer dl.footer1 dt a {
border-bottom:0;
}

footer dl.footer1 dd {
display:block;
font-size:0.875em;
}

footer dl.footer1 dd a {
display:block;
padding:16px 18px;
border-bottom:2px solid #3f3f50;
}

footer dl.address_area {
padding:20px 0 18px;
text-align:center;
}

footer dl.address_area dt {
padding-bottom:18px;
}

footer dl.address_area dt a {
display:inline;
padding:0;
border-bottom:0;
background:#1B1B37;
}

footer dl.address_area dd {
display:block;
font-size:1.2rem;
}

.address_area dt img {
width:175px;
}

.address_area dd.sitemap {
display:inline;
margin-right:6px;
padding-right:10px;
border-right:1px solid #fff;
font-weight:bold;
}

.address_area dd.privacy {
display:inline;
font-weight:bold;
}

address {
padding-bottom:18px;
color:#fff;
font-family:Helvetica,Arial,Verdana,sans-serif;
}

.hide_f1 p a,
.hide_f2 p a,
.hide_f3 p a,
.hide_f4 p a,
.hide_f5 p a,
.hide_f6 p a {
display:block;
padding:16px 18px;
border-bottom:2px solid #3f3f50;
font-size:0.875em;
}

footer dl.sponly dt {
position:relative;
background-image:none;
}

footer dl.sponly dt::after {
position:absolute;
top:50%;
right:5%;
color:#fff;
content:'＋';
font-size:17px;
-ms-transform:translateY(-50%);
transform:translateY(-50%);
}

footer dl.sponly dt.active {
background-image:none;
}

footer dl.sponly dt.active::after {
content:'－';
}

footer > div > dl.footer1.clearfix > dt,
footer > div > dl > dt {
color:#2699FB;
}

}

@media (max-width:414px) {

}


/* ▼スリック設定 */
.slider {
display:none;
}
.slider.slick-initialized {
display:block;
}


/*utility*/
.background-img01 {
background-image: url(assets/img/cad_back.jpg);
}

.background-img-wazer {
background-image: url(assets/img/wazer/water-jet-cutter-wazer-background.jpg);
}

.background-img-piolas {
background-image: url(../../assets/img/background-img-piolas.jpg);
}

/* css_end */


@media (max-width:767px) {
#company div[id^="comLink03"] {
margin-top: -100px;
padding-top:100px;
}


#company div[id^="comLink06"] {
margin-top: -100px;
padding-top:100px;
}
}




@media (min-width:768px) {
#company div[id^="comLink03"] {
margin-top: -140px;
padding-top:140px;
}


#company div[id^="comLink06"] {
margin-top: -140px;
padding-top:140px;
}
}




/*
-----------------------------------------------
▼ブログカード
----------------------------------------------- */
.blog-card {
  margin-top: 40px;
  margin-bottom: 30px;
  transition: opacity 0.3s;
}
.blog-card:hover {
  opacity: 0.7;
}
.blog-card-tag {
  border-radius: 2px;
  padding: 5px 12px;
  font-size: 12px;
  color: #fff;
  line-height: 1.5;
  background-color: #db4e39;
  display: inline-block;
  z-index: 10;
  margin-left: 20px;
  margin-right: 20px;
}
.blog-card-inner {
  margin-top: -12px;
  border: 1px solid #db4e39;
  padding: 25px 20px 20px;
  border-radius: 5px;
}
.blog-card a {
  color: #222;
  display: flex;
  text-decoration: none;
}
.blog-card-thumbnail {
  flex: 0 0 30%;
  margin-right: 20px;
}
.blog-card-title {
  margin-top: 0.2em;
  margin-bottom: 0.5em;
  font-size: 18px;
  line-height: 1.5;
}
.blog-card-description {
  font-size: 13px;
  max-height: 5.3em;
  overflow: hidden;
  line-height: 1.7;
}

@media (max-width:767px) {
.blog-card {
  margin-top: 20px;
  margin-bottom: 15px;
}
.blog-card-tag {
  font-size: 11px;
  padding: 3px 10px;
  margin-left: 10px;
  margin-right: 10px;
}
.blog-card-inner {
  padding: 20px 10px 10px;
}
.blog-card-thumbnail {
  margin-right: 10px;
    flex: 0 0 40%;
}
.blog-card-title {
  font-size: 14px;
}
.blog-card-description {
  display: none;
}
}