/* 
全ページ共通CSS Minify化して外部ファイルとして読み込み

─────────────────────────
**  階層 MEMO
─────────────────────────

---- 固定ヘッダー
#header{z-index: 300;}

---- バーガーメニュー
.navToggle_line{z-index:620;;}
.drawer-content{z-index:600;}

---- トップメインイメージ
.top_heroImgR{z-index:-1}



─────────────────────────
**  色 MEMO
─────────────────────────
ネイビー：#034694 ／ rgba(3, 70, 148,1)
ブルー　：#0070C5 ／ rgba(0,112,197,1)


/*────────────────────────────────────────────────────────────────────────
**  reset
────────────────────────────────────────────────────────────────────────*/

abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,
form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,
sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0}
ins{background-color:#FFF;color:#000;text-decoration:none}
mark{background-color:#FFF;color:#000;font-style:italic;font-weight:700}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #CCC;margin:1em 0;padding:0}
input,select{vertical-align:middle}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
img{vertical-align:top;font-size:0;line-height:0;width:100%;height:auto;max-width:100%;vertical-align:text-bottom}
/* img{max-width:100%;overflow:hidden;margin:0;padding:0;vertical-align:text-bottom} */
img.noImg{height:100%;object-fit:cover!important}


/*────────────────────────────────────────────────────────────────────────
**  共通設定
────────────────────────────────────────────────────────────────────────*/

html{font-size:15px;line-height:1.5;color:#000;font-family:"Helvetica Neue","Yu Gothic","Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;}
body{text-align:center;-webkit-text-size-adjust:100%;overflow-x:hidden}

a{text-decoration:none;color:#000;transition-property:all;-webkit-transition-duration:.5s;transition-duration:.5s}
a:hover{-webkit-transition:.7s;-moz-transition:.7s;-o-transition:.7s;transition:.7s;}
a:hover,
a img:hover{filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75}

#honsha,#ishikawa,#tedori,#kaga,#kikai,#trench{
   margin-top:-95px;
   padding-top:95px;
}

.clearfix:after{content:"";display:block;clear:both}
.clearfix:before{content:"";display:block;clear:both}
.clearfix{display:block}

.spOnly{display:none;}

@media only screen and (max-width: 767px) {
	.spOnly {display:inline-block;}
	.pcOnly {display: none;}
}

#container{min-height:200px;}

.colorNavy{color:#034694;}
.colorWhite{color:#FFF;}
.colorBlack{color:#000;}

/*────────────────────────────────────────────────────────────────────────
**  header
────────────────────────────────────────────────────────────────────────*/

#header{background:#FFF;position:fixed;z-index:300;width:100%;top:0;}
.header-logo{padding-left:20px;}
.add_fixed .header-logo{width:280px;height:40px;}

.drawer{display:flex;justify-content:space-between;align-items:center;}
.drawer *{transition-property:all;-webkit-transition-duration:.5s;transition-duration:.5s}

/* SP drawerNav */
#navToggle{display:none}

@media only screen and (max-width:1300px) {
  .drawer-content{font-size:1.3vw;}
}
@media only screen and (min-width:1000px) {
  .header-logo{width:25vw;max-width:350px;}
  #header + *{margin-top:95px;} 
  .navToggle_line,
  .drawer-content_sp,
  .SpNav{display: none!important}

  .drawer-content_ul,
  .drawer-content_ul li{display:inline-block;vertical-align:top;}
  .drawer-content_ul li{margin:0 0 0 1.5em;border-top:5px solid transparent;}
  .drawer-content_ul li a{font-weight:600;height:90px;line-height:90px;display:block;}
  .add_fixed .drawer-content_ul li a{height:70px;line-height:70px;}
  .drawer-content_ul li.globalNav__contact{background:#034694;margin-left:1em;}
  .drawer-content_ul li.globalNav__contact a{color:#FFF;display:block;padding:0 2em;}

  .drawer-content_ul li.current{border-top:4px solid #034694;}
  .drawer-content_ul li.current a{color:#034694;}
}

@media only screen and (max-width:999px) {
  .header-logo{width:70vw;max-width:250px;}
  #header + *{margin-top:50px;} 
  .PcNav{display: none!important}

  .navToggle_line{position:absolute;right:0;top:0;width:50px;height:50px;z-index:620;margin:0;background:#034694;}
  .navToggle_line span,
  .navToggle_line span:after,
  .navToggle_line span:before{position:absolute;top:-12px;right:0;left:0;bottom:0;height:3px;width:35px;background-color:#FFF;display:block;content:'';cursor:pointer;margin:auto;}

  .navToggle_line span:before{top:20px}
  .navToggle_line span:after{top:-20px}
  .navToggle_line i{position:absolute;font-size:11px;right:0;left:0;bottom:5px;font-style:normal;color:#FFF;}
  #navToggle:checked~.navToggle_line{opacity:0;display:none;}

  .drawer{height:50px;} 
  .drawer-content{font-size:100%;width:100vw;height:100%;position:fixed;bottom:100%;left:0;z-index:600;background:#034694;opacity:0;overflow-y:scroll;color:#FFF;}
  .drawer-content_inner{max-width:400px;margin:0 auto;display:flex;flex-wrap:wrap;padding:30px 0 0;}
  .drawer-content a{color:#FFF;}
  #navToggle:checked~.drawer-content{bottom:0;opacity:1;}
  .drawer-content_ul{max-width:50%;margin:0 auto;text-align:left;line-height:1.5;}
  .drawer-content_ul li{margin:.8em auto;}
  .drawer-content_sp{width:100%;position:relative;padding-bottom:100px; padding-top: 60px;}

  .drawerNavTel__Link{font-size:30px;font-weight:600;margin:.3em 0 0;display:block;letter-spacing:.1em;}
  .drawerNavTel__Link::before{content:"";background:url(../img/icon-tel_white.svg);display:inline-block;width:18px;height:18px;vertical-align: middle;margin:0 5px 5px 0;}

  .drawerNav__contact a{background-color:#FFF;color:#034694;padding:1em;border-radius:5px;width:70%;display:block;margin:30px auto;}

  .drawerNav__close{background-color:#FFF;color:#034694;padding:.8em;border-radius:1.6em;width:80%;display:block;margin:10px auto 20px;position:absolute;bottom:10px;right:0;left:0;font-size:14px;}
  .drawerNav__close i{display:inline-block;width:.8em;height:.8em;position:relative;margin:0 .5em -1px 0;}
  .drawerNav__close i::after,.drawerNav__close i::before{content:"";display:block;width:100%;height:2px;background:#034694;transform:rotate(45deg);transform-origin:0 50%;position:absolute;top:0;left:14%}
  .drawerNav__close i::after{transform:rotate(-45deg);transform-origin:100% 50%;left:auto;right:14%}

    /*バーガー内 どぼくん*/
    .drawer-content_sp .doboType2{margin-bottom:40px;}
    .drawer-content_sp .doboType2 a{border-bottom:2px solid rgb(255,255,255,.25);margin:20px auto;width:90%;}
}

/* 会社情報ドロップダウン */
.drawer-content_inner.mobile {
  display: none;
}

@media (max-width: 999px) {
  .drawer-content_inner.mobile {
    display: flex;
  }
  .drawer-content_inner.mobile .drawer-content_ul {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5em;
  }
  .drawer-content_inner.mobile .drawer-content_ul > li {
    margin: 0;
  }
  .drawer-content_inner.desktop {
    display: none;
  }
}

.drawer-content_inner {
  display: flex;
}

.drawer-content_ul {
  display: flex;
}

.kaisha-dropdown {
  display: none;
}

.kaisha-wrapper:hover .kaisha-dropdown {
  display: flex;
}

.kaisha-wrapper {
  position: relative;
}

.kaisha-dropdown {
  width: 15em;
  position: absolute;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.5em;
  background-color: white;
}

.kaisha-dropdown a:hover {
  text-decoration: underline;
}

/*どぼくんアイコン（バーガー内、トップ共通）*/
/* .dobo{position: relative;} */
.dobo a{display:flex;justify-content:center;align-items:center}
.doboChara{position: relative;}
.doboChara::before{content:"";display:inline-block;width:150px;height:150px;background:url(../img/dobo01.svg) 50% 50% no-repeat;background-size:150px auto;}
.doboImg{position:absolute;width:62%;height:62%;top:49%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);z-index:-1}
.doboImg img{object-fit:cover;width:100%;height:100%;}
.doboTxt{display:inline-block;background-color:#E88F00;color:#FFF;border-radius:10px;font-size:.9rem;z-index:1;}

/*バーガー内*/
.doboType1 a{flex-wrap: nowrap;}
.doboType1 .doboTxt{padding:.5em .8em;max-width:7em;line-height:1.1;}

/*トップ*/
.doboType2 a{flex-wrap: wrap;width:150px;}
.doboType2 .doboTxt{padding:.3em .5em;margin-top:-1.5em;line-height:1;}
.doboType2 .doboTxt br{display:none;}

/*まるの部分*/
.maru{
  position: absolute;
  width: 200px;
  height: 200px;
  background: #034694;
  border-radius: 200px;
  font-size: 24px;
  text-align: center;
  line-height: 1.2;
  bottom: 40px;
  color: #FFF;
  padding: 70px 0;
  right: 10px;
}
@media only screen and (max-width: 767px) {
  .doboType2 .doboChara::before{width:100px;height:100px;background-size:100px auto;}
  .doboType2 a{flex-wrap: wrap;width:100px;}
  .maru{
  width: 120px;
  height: 120px;
  border-radius: 120px;
  font-size: 16px;
  bottom: 40px;
  padding: 44px 0;
  right: 10px;
}
}


/*────────────────────────────────────────────────────────────────────────
**  footer
────────────────────────────────────────────────────────────────────────*/
#footer{margin-top:0px;}
.footer-logo{max-width:90%;margin:50px auto 0;}
.footer-logo a{width:170px;height:120px;display:block;}
.footer-nav_ul{display:flex;text-align:left;max-width:90%;margin:20px auto 0;line-height:1.5}
.footer-nav_ul li li a{color:#585858;display:block;margin-top:.8em;}
.footer-nav_ul h3,
.footer-nav_ul h4{font-weight:600;}
.footer-nav_ul a:hover{color:#0070C5;}

.footer-contactArea{min-height:400px;background-repeat:no-repeat;background-position:50% 100%;margin:0 auto;position:relative;overflow:hidden; background: #F2f2f2; padding: 50px;}
.footer-contactTxt{line-height:1.8;}
.footer-contactBtn{position:absolute;bottom:80px;left:0;right:0;margin:0 auto;}
.footer-contactBtn h3{margin:0 auto 1em;font-weight:500;}
.footer-contactBtn_tel p a,
.footer-contactBtn_form p a{display:block;height:65px;line-height:65px;}
.footer-contactBtn_tel p a{background:#FFF;color:#034694;border-radius:5px;font-size:26px;font-weight:700;letter-spacing:.05em;}
.footer-contactBtn_tel p a::before{content:"";background:url(../img/icon-tel_blue.svg);display:inline-block;width:30px;height:30px;vertical-align: middle;margin:0 5px 0 0;}
.footer-contactBtn_form p a{background:#034694;color:#FFF;border-radius:33px;font-size:18px;}

.footer-bottomPrivacy a{font-size:.9rem;color:#585858;font-weight:600;}
.footer-bottomCopy{font-style:normal;font-size:.9rem;color:#585858;}


@media only screen and (min-width:1000px) {
  .footer-logo{text-align:left;}
  .footer-nav_ul{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:50px 0 100px;}
  .footer-nav_ul > li{margin-right:80px;}


  .footer-bottomArea{display:flex;justify-content:space-between;max-width:90%;margin:20px auto;}
  .footer-bottomPrivacy{order:2;}
  .footer-bottomCopy{order:1;}
}
@media only screen and (max-width:999px) {
  .footer-logo a{margin:0 auto;}
  .footer-nav_ul{flex-wrap:wrap;max-width:400px;padding:20px 0;;justify-content:space-between;}
  .footer-nav_ul > li{width:45%;margin-top:2em;}
  .footer-bottomPrivacy{max-width:400px;margin:30px auto;text-align:left;}
  .footer-bottomCopy{margin:20px auto}
}
@media only screen and (min-width:768px) {
  .footer-contactBtn{display:flex;max-width:650px;justify-content:space-between;}
  .footer-contactBtn_tel{width:44%;}
  .footer-contactBtn_form{width:42%;}
}
@media only screen and (max-width:767px) {
  .footer-contactBtn{padding: 0 5% 50px 5%;margin:0 auto;bottom:0;}
  .footer-contactBtn li + li{margin-top:40px;}
  .footer-contactArea{background-size:850px auto;background-position:50% 140px;min-height:550px;}
}
@media only screen and (max-width:424px) {
  .footer-nav_ul,
  .footer-bottomPrivacy{max-width:90%;}
}








/*────────────────────────────────────────────────────────────────────────
**  フロントページ ★★★★★★★★★★
────────────────────────────────────────────────────────────────────────*/
/*メインビジュアル*/
.top_heroImg_span{background-repeat:no-repeat;display:block;background-size:cover}
.top_heroImg__section{position:relative}
.top_copyJp,.top_copyEn{position:absolute;color:#F2F2F2;}
.top_copyJp{line-height:1.3;font-weight:500;}
.top_copyEn{font-family: 'Noto Serif', serif;font-weight:400;}

@media only screen and (min-width: 768px) {
  .top_heroImgWrap{position: relative;}
  .top_heroImg{width:120vw;height:55vw;overflow:hidden;position:relative;margin:0 -20vw}
  .top_heroImgL,
  .top_heroImgR{height:100%;overflow:hidden;position:absolute;position:absolute;transform:skew(-20deg);top:0;bottom:0}
  .top_heroImgL{left:-15%;width:66%;margin-left:0}
  .top_heroImgR{right:-15%;width:65%;margin-left:0;z-index:-1}

  .top_heroImg_span{height:100%;width:100%;position:absolute;bottom:100px;transform:skew(20deg);transition:opacity .3s cubic-bezier(.25,.25,.75,.75)}
  .top_heroImgL .top_heroImg_span {right:-20vw;background-position:center center;}
  .top_heroImgR .top_heroImg_span {left:-10vw;background-position:center center;}
  .top_heroImgL::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(3,70,148,.4);display:block;mix-blend-mode:multiply}

  .top_copyJp,.top_copyEn{text-align:left;}
  .top_copyJp{top:20vw;left:5vw;font-size:3.5vw;}
  .top_copyEn{bottom:83px;left:5vw;font-size:7vw;}
}
@media only screen and (max-width: 767px) {
  .top_heroImg_span{height:60vw;}
  .top_copyJp{right:0;left:0;bottom:calc(50% - 1.3em);font-size:8vw;}
  .top_copyEn{right:0;left:0;bottom:-.05em;font-size:9vw;}
}



/*メインビジュアル下news、どぼくん */
.top_newsIcon{background:#034694;color:#FFF;padding:.5em 1em;font-size:.8em;margin-right:10px;}
.top_newsTitle{background:#034694;color:#FFF;text-align:left;padding:10px;}
.top_newsBox{line-height:1.5;text-align:left;}
.top_newsBox dt,
.top_newsBox dd{margin:5px 10px 5px 0;}

@media only screen and (min-width: 768px) {
  /* .top_heroNews__section{position:absolute;left:calc(5vw + 30%);bottom:10px;width:50%;text-align: left;} */
.top_heroNews__section{position:absolute;right: 0;bottom:10px;width:calc(60% - 150px);text-align:left;display:flex;height:80px;align-items:center}

  .top_heroDobo__section{position:absolute;right:3vw;bottom:0;}

  /* .top_newsArea{position:absolute;bottom:0;left:35vw;} */
  .top_newsTitle{display:none;}
  .top_newsBox,
  .top_newsBox dt{display:inline-block;}
  .top_newsBox dt span,
  .top_newsBox dd{display:inline-block;}
}

@media only screen and (min-width:1000px) {
  /* .top_newsArea{position:absolute;bottom:30px;left:35vw;} */
}
@media only screen and (max-width: 767px) {
  .top_newsBox{padding:1em;width:100%;}
  .top_heroDobo__section{margin:-100px 5vw 0 0;float: right;}
  .top_heroDobo__section .doboTxt{display: none;}
}



/* トップページ #container 内 ───────────────────────*/
.top_sectionInner{max-width:1200px;width:90%;margin:0 auto;text-align:left;position:relative;}
.top_secOverview{text-align: left;line-height:1.8;}

@media only screen and (max-width: 767px) {
  .top_sectionInner{text-align: center;}
}


/*BUSINESS*/
.top_business__section{padding:100px 0;}
.top_business__section .top_sectionInner{min-height:calc(300px + 5vw);}
.topBusiness_img{width:calc(800px + (100vw - 1200px) / 2);height:calc(300px + 5vw);position:absolute;right: 0;top: 0;margin-right:calc((100vw - 1200px) / 2 * -1);}
.topBusiness_img li{width:50%;height:calc(300px + 5vw);}
.topBusiness_img img{width:100%;height:100%;object-fit:cover;}

@media only screen and (max-width:1340px) {
  .topBusiness_img{margin-right:-5vw;width:calc(100% - 300px);}
}
@media only screen and (max-width: 767px) {
  .top_business__section{padding:30px 0 150px;}
  .top_business__section .title_01::before{bottom:-150px;left:calc(50% - 129px);}
  .topBusiness_img{margin:0 -5vw;width:100vw;height:auto;position: static;}
  .topBusiness_img li{height:55vw}
}


/* WORKS 
.top_works__section{padding:100px 0;}
.top_works__section .top_sectionInner{position:relative;height:calc(500px + 5vw);}
.topWorks_txt{max-width:400px;}

.topWorks_img{width:calc(700px + (100vw - 1200px) / 2);height:calc(300px + 20vw);position:absolute;right: 0;top: 0;margin-right:calc((100vw - 1200px) / 2 * -1);}

.topWorks_img li{width:50%;height:calc(300px + 20vw);}
.topWorks_img img{width:100%;height:100%;object-fit:cover;}

@media only screen and (max-width:1340px) {
  .topWorks_img{margin-right:-5vw;width:calc(100% - 300px);}
}
@media only screen and (max-width: 767px) {
  .topWorks_txt{max-width:100%;}
  .top_works__section .top_sectionInner{height:auto}
  .topWorks_img{margin:40px -5vw 0;width:100vw;height:auto;position: static;}
  .topWorks_img li{height:55vw}
}
*/


/*COLUMN & EVENT
.top_column__section{background:#034694;padding:100px 0;}
.topColumn_card{display:flex;margin:20px auto 0;}
.topColumnCard_li{background:#FFF; width:calc((100% - 40px) / 3);margin:0 20px 20px 0;border-radius:10px;box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .1);position:relative;text-align:left}
.topColumnCard_li a{padding:20px;display: block;}
.topColumnCard_li a::after{content:"";display:inline-block;background:url(../img/icon-arrowCircle_black.svg) no-repeat;background-size:auto 20px;width:20px;height:20px;margin:0 0 -1px 0;position:absolute;bottom:20px;right:20px;}
.topColumnCard_li:nth-child(3n){margin:0 0 20px 0 ;}
.topColumnCard_img{border-radius:15px;width:100%;height:200px;overflow:hidden;}
.topColumnCard_img img{width:100%;height:100%;object-fit:cover}
.topColumnCard_txtArea{margin-top:15px;}
.topColumnCard_date{display:inline-block;margin:0 10px 5px 0;}

.topColumnCard_cate {display: inline-block;}
.topColumnCard_cate li{display:inline-block;margin:0 5px 5px 0;border:1px solid #000;font-size:.8rem;padding:.2em;vertical-align: middle;}
.topColumnCard_title span{line-height:1.5; border-bottom:1px solid #000;font-weight:600;}

@media only screen and (min-width:768px) {
  .top_column__section .btn_morelink02{position: absolute;right:0;top: 70px;}
}
@media only screen and (max-width: 767px) {
  .topColumn_card{display: block;}
  .topColumnCard_li{width:100%;}
}*/


/*トップリンク一覧*/
.topLinkbtn_card{display:flex;margin:50px -10px 0;flex-wrap: wrap;text-align: center;}
.topLinkbtn_card a{display:block;padding:80px 0;color:#FFF;font-size:20px;}
.topLinkbtn_card a:hover{opacity:.8;}
.topLinkbtn_card span{display:block;font-weight:700;font-size:38px;margin:0 auto 20px;font-family: 'Noto Sans JP',sans-serif;}
.topLinkbtn_card li{background:#FFF; width:calc(25% - 20px);margin:0 10px 20px;border-radius:10px;box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .1);}
.topLinkbtn_card .card_company{background:#ffde00;}
.topLinkbtn_card .card_works{background:#705d65;}
.topLinkbtn_card .card_news{background:#e94f57;}
.topLinkbtn_card .card_contact{background:#00aca0;}
@media only screen and (max-width: 999px) {
  .topLinkbtn_card a{padding:60px 0;}
  .topLinkbtn_card li{width:calc(50% - 20px);}
}
@media only screen and (max-width:767px) {
  .topLinkbtn_card span{font-size:6vw;}
}


/*PRODUCT*/
.top_product__section{padding:50px 0; background: #034694;}
.top_product__section .top_secOverview
.top_product__section .title_01 .titleEn,.top_product__section .colorBlack,{color: #FFF!important;}
.topProduct_card{display:flex;margin:20px auto 0;flex-wrap: wrap;text-align: center; max-width: 1200px;}
.topProduct_card a{display:block;padding:50px 0;color:#FFF;}
.topProduct_card a:hover{opacity:.8;}
.topProduct_card li{width:calc(100% / 4 - 30px);background: #FFF;border-radius: 10px;margin: 10px;}
.topProduct_card .card_product1{background:#e84c95;}
.topProduct_card .card_product2{background:#2ea7e0;}
.topProduct_card .card_product3{background:#7e318e;}
.topProduct_card .card_product4{background:#bfd500;}
.productCard_icon{width:160px;height:160px;margin: 0 auto;}
.productCard_title span{color: #000;}
.productCard_title{line-height:1.5;vertical-align:middle;height:3.5em;display:flex;align-items: center;justify-content: center;margin: 5px auto 0;}
.top_product__section .top_sectionInner{color: #FFF;}
.top_product__section .btn_morelink02{margin: 30px 0 0 !important;}
.productArticle_txtArea h2{
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 1.5em 0;
    padding: 8px 15px;
    color: #fff;
    background: #08479d;
}
@media only screen and (min-width:1000px) {
  .top_product__section .top_sectionInner{display: flex;align-items: end;}
  .top_product__section .top_secOverview{margin:0 0 25px 60px;}
  .productCard_title{font-size:16px;}
}
@media only screen and (max-width: 999px) {
  .topProduct_card li{width:calc(100% / 2 - 20px);}
  .productCard_title{font-size:14px;}
}
@media only screen and (max-width:767px) {
  .topProduct_card a{display:block;padding:10px 0 20px;}
 .topProduct_card .btn_morelink03{margin-top: 10px;}
}

.rec_tax{
  margin: 60px 0;
}
.rec-btn{
  margin: 0 auto 60px;
  max-width: 300px;
}
.rec-btn a{
  background: #034694;
  color: #FFF;
  border-radius: 33px;
  font-size: 16px;
  text-align: center;
  margin: 0 auto;
  display: block;
  height: 65px;
  line-height: 65px;
}

/*COMPANY*/
.top_company__section{padding:100px 0;}
.comp-p{padding: 0 5%;}
@media only screen and (min-width:768px) {
  .top_company__section .top_sectionInner{display:flex;}
  .topCompany_img{width:60%;margin: 0 5% 0 0;}
  .topCompany_txt{width:35%;}
}
@media only screen and (max-width:767px) {
  .top_company__section{padding:0 0 100px;}
  .topCompany_img{margin:0 -5vw 0;width:100vw;}
  .topCompany_txt{background:#fff;padding:20px;margin:-15vw 0 0;display:inline-block;width:90%;}
  .topCompany_txt .btn_morelink03 {margin-top:20px;}
  .topCompany_txt .btn_morelink03 span::before{content: none;}
  .topCompany_txt .btn_morelink03 a{background-color: #034694;color:#fff;padding:1em;width:280px;display: inline-block;}
}


/* NEWS */
.top_news__section{padding:100px 0;}
.top_news__section .title_01 .titleEn{margin-top:0;}
.topNews_titleArea{position:relative;}

.topNews_card{text-align:left;border-top:1px solid #ccc;}
.topNewsCard_li{border-bottom:1px solid #ccc;padding:1.2em 0;}
.topNewsCard_date{display:inline-block;margin:0 1em 5px 0 }
.topNewsCard_category{display:inline-block;}
.topNewsCard_category li{display:inline-block;margin:0 1em 5px 0}
.topNewsCard_category a{font-size:.8rem;background:#E3E3E3;margin:0 1em 0 0;color:#999;padding:.3em;min-width:8em;display: block;text-align: center;}
.topNewsCard_title{display:inline-block;color:#0070C5;font-weight:600;}

@media only screen and (min-width:768px) {
  .top_news__section .top_sectionInner{display:flex;}
  .topNews_titleArea{width:20%;min-height:240px;}
  .topnews_txtArea{width:75%;margin: 0 5% 0 0;}
}
@media only screen and (max-width:767px) {
.topNews_titleArea .title_01 .titleJp, 
.topNews_titleArea .title_01 .titleEn{text-align: left;}
}


/* ボタン ───────────────────────*/
.btn_morelink01{color:#034694;background:#FFF;border:1px solid #034694;display:inline-block;position:relative;text-align:center;margin: 40px auto 0;}
.btn_morelink01 span{color:#034694 ;display: block;padding:1em;width:280px;}
.btn_morelink01::before{content: "";display:inline-block;background:url(../img/icon-arrow_blue.svg) no-repeat;background-size:7px auto;width:.9em;height:.9em;margin:0 0 -1px 0;position:absolute;top:15px;left:20px;}

.btn_morelink02{color:#034694;background:#FFF;border:1px solid #034694;display:inline-block;position:relative;text-align:center;}
.btn_morelink02 span{color:#034694 ;display: block;padding:1em;width:280px;}
.btn_morelink02::before{content: "";display:inline-block;background:url(../img/icon-3line_blue.svg) no-repeat;background-size:15px auto;width:15px;height:15px;position:absolute;top:15px;left:20px;}

.btn_morelink03{color:#034694;text-align:center;display:inline-block;margin-top:20px;}
.btn_morelink03 a{color:#034694;}
.btn_morelink03 span::before{content: "";display:inline-block;background:url(../img/icon-arrow_blue.svg) no-repeat;background-size:7px auto;width:.9em;height:.9em;margin:0 0 -1px 0;}

.btn_morelink03w{color:#FFF;text-align:center;display:inline-block;margin-top:20px;}
.btn_morelink03w a{color:#FFF;}
.btn_morelink03w span::before{content: "";display:inline-block;background:url(../img/icon-arrow_white.svg) no-repeat;background-size:7px auto;width:.9em;height:.9em;margin:0 0 -1px 0;}


.btn_morelink04 a{color:#FFF;border:1px solid #FFF;display:inline-block;position:relative;text-align:center;margin: 0 auto;}
.btn_morelink04 span{color:#FFF ;display: block;padding:1em;width:280px;}
.btn_morelink04 a::before{content: "";display:inline-block;background:url(../img/icon-arrow_white.svg) no-repeat;background-size:7px auto;width:.9em;height:.9em;margin:0 0 -1px 0;position:absolute;top:15px;left:20px;}
.btn_morelink04 a:hover{background:#034694;border:1px solid #034694;opacity:1;}





/*────────────────────────────────────────────────────────────────────────
**  title タイトル
────────────────────────────────────────────────────────────────────────*/

.pageTitle-area{height:250px;background-repeat:no-repeat;background-size:cover;background-position: 50% 50%;background-color: rgba(255,255,255,0.6);background-blend-mode: lighten;}
.single-post .pageTitle-area{height:70px;}
.pageTitle_txt{padding:0 5%;}
.pageTitle_heddingtxt{font-size:30px;margin:60px auto 20px;}
.pageTitle_readtxt{line-height:1.5;}

@media only screen and (max-width: 767px) {
  .pageTitle-area{height:40vw;}
  .single-post .pageTitle-area{height:10vw;}
  .pageTitle_heddingtxt{font-size:6vw;margin:8vw auto 3vw;}
  .pageTitle_readtxt{font-size:3.5vw;}
}

.titleEn{font-weight:600;font-family: 'Noto Sans JP', sans-serif;letter-spacing:.05em;display: block;}
.titleJp{font-weight:600;display: block;line-height:1.5;}

/*トップページ*/
.title_01{text-align:left;}
.title_01 .titleEn{font-size:20px;margin:1em auto 0;}
.title_01 .titleJp{font-size:30px;margin:.5em auto}
@media only screen and (max-width: 767px) {
  .title_01 .titleEn,
  .title_01 .titleJp{text-align: center;}
  .title_01 .titleJp{font-size:24px;}
}

/*フッター*/
.title_02 .titleEn{font-size:20px;margin:1em auto;}
.title_02 .titleJp{font-size:24px;}

/*製品情報ページ*/
.title_03 .titleEn{font-size:42px;letter-spacing:.05em;}
.title_03 .titleJp{font-size:1rem;margin:1em auto 0;}

/*会社情報ページ（等？）*/
.title_04{text-align:left;margin:0 0 .8em;}
.title_04 .titleJp{font-size:28px;border-left: 6px #036494 solid;padding: 0 0 0 20px;}
.title_05 .titleJp{font-size:32px;margin-bottom:1em;}
.title_05.titleRead{font-size:18px;line-height:2;text-align: left;}
/*────────────────────────────────────────────────────────────────────────
**  breadcrumb パンクズ
────────────────────────────────────────────────────────────────────────*/

.breadcrumbs {text-align:left;max-width:90%;margin:0 auto;padding:20px 0 0;}
.breadcrumbs a,
.breadcrumbs span {color:#0070C5;font-size:12px;}
.breadcrumbs .current-item{color:#000;}
.breadcrumbs li{display:inline;padding:0;margin:0;}
.breadcrumbs li + li:before{color:#000;content:">";vertical-align: top; position: relative;padding: 0 .6em;}

@media only screen and (max-width: 767px) {
  .breadcrumbs {max-width:90%;padding:5px 0 0;}
  .breadcrumbs a,
  .breadcrumbs span {font-size:10px;}
  .breadcrumbs li + li:before{padding: 0 .2em;}
}



/*────────────────────────────────────────────────────────────────────────
**  Linkbutton リンクボタン
────────────────────────────────────────────────────────────────────────*/



/*────────────────────────────────────────────────────────────────────────
**  フォームパーツ、お問い合わせ（page-wpForm.php）
────────────────────────────────────────────────────────────────────────*/
.page-template-page-wpForm #container{width:90%;max-width:680px;margin:50px auto;text-align:left;}
.content__section p{line-height:1.8;margin:1em auto;}
.contact_tel a{content:""; display:inline-block;width:210px;height:0;padding-top:38px;margin:0 5px 0 0;vertical-align: middle;background:url(../img/tel_black_DIN.svg) center center no-repeat;overflow: hidden;}


.mw_wp_form dl{text-align:left;margin:30px auto;}
.mw_wp_form dt{font-weight: 600;font-size:18px;}
.mw_wp_form dd{margin-top:5px;}


/* テキスト テキストエリア */
.text_input{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;padding:.8em 1em;-webkit-border-radius:3px;-moz-border-radius:3px;border:solid 1px #CCC;border-radius:3px;width:100%;}
.formZip__dd,
.zipSearchBtn__dd{width:48%;display:inline-block;}
.zipSearchBtn__dd #zipSearchBtn{color:#0070C5;cursor:pointer;margin-left:1em;vertical-align:middle;}
.zipSearchBtn__dd #zipSearchBtn:hover{opacity:.8;}


@media only screen and (max-width:767px) {
	.formZip .text_input{width:100%;}
	.text_input{padding:10px;}
}

/* チェックボックス */
.checkbox_input01{display:none;}
.checkbox_parts01{padding-left:1.5em;position:relative;margin:0 .5em 0 0}
.checkbox_parts01::before{content:"";display:block;position:absolute;top:0;left:0;width:1.1em;height:1.1em;border:1px solid #999;border-radius:2px;background:#FFF;}

/* tyoe01 */
.checkbox_input01:checked+.checkbox_parts01{color:#0070C5;border-bottom: 2px solid rgba(103, 130, 174,.4);padding-bottom:.2em;}
.checkbox_input01:checked+.checkbox_parts01::after{content:"";display:block;position:absolute;top:-.2em;left:.4em;width:0.5em;height:1em;transform:rotate(40deg);border-bottom:.2em solid #0070C5;border-right:.2em solid #0070C5}


/*ラジオボタン */
.radio-btns input[type=radio].radio_input01{display:none}
.radio-btns label{display:inline-block}
.radio-btns .radio_input01+span{padding-left:1.5em;display:inline-block;position:relative;margin-bottom:5px;line-height:1;}
.radio-btns .radio_input01 + span::after,
.radio-btns .radio_input01+span::before{content:'';display:block;position:absolute;border:1px solid #999;border-radius:50%;width:1.1em;height:1.1em;top:0;left:0}
.radio-btns .radio_input01+span::after{opacity:0;width:.8em;height:.8em;top:0.15em;left:0.15em;border:none;background:#034694}
.radio-btns .radio_input01:checked+span{color:#034694}
.radio-btns .radio_input01:checked+span::after{opacity:1}

/*セレクトボックス*/
select::-ms-expand{display:none}
.select_parts01{position:relative;display:inline-block}
.select_parts01::after{content:'';width:6px;height:6px;border:0;border-bottom:solid 2px #3e3a3a;border-right:solid 2px #3e3a3a;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:1em;right:1em;}
.select01{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:0 0;position:relative;z-index:1;padding:.8em 1em;border:1px solid #ccc;border-radius:2px;}
.select_formAdd1{width: 48%}

/*製品情報　ターム選択*/
.select_parts02{position:relative;display:inline-block;background:#FFF;}
.select_parts02::after{content:'';width:6px;height:6px;border:0;border-bottom:solid 2px #0070C5;border-right:solid 2px #0070C5;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:42%;right:10px;margin-top:-4px}
.select02{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:40px;background:0 0;position:relative;z-index:1;padding:0 40px 0 20px;border:1px solid #B3B3B3;border-radius:2px;font-size:1rem}


@media only screen and (max-width:767px) {
	.select01{height:40px;}
}

/* ラベル */
.label-pointer, .radio-btns label, select, input[type="file"] {
  cursor: pointer;
}

/*必須項目*/
.isRequired{font-size:.7em;background:#E88F00;display:inline-block;color:#FFF;padding:.3em .6em;font-style:normal;margin:0 0 3px 5px ;vertical-align: middle;}

/*プレースフォルダ*/
::placeholder{color:#B3B3B3}

/*個人情報保護方針同意*/
.pp_accept{text-align:center;margin:50px auto;}
.pp_accept a{color: #0070C5;}
.pp_accept a::after{content:""; display:inline-block;width:1em;height:1em;margin:0 5px 3px;vertical-align: middle;background:url(../img/btn_targetblank.svg) center center no-repeat}

/*ボタン*/
.formBtn__ul{text-align:center;margin:50px auto;}
.formBtn__ul li{margin: 30px auto;}
.formBtn__ul button{max-width:440px;width:100%;font-family:inherit;appearance:none;border:0;border-radius:5px;background:#E88F00;color:#FFF;padding:1em;cursor:pointer;font-size:22px;}
.formBtn__ul .btnBack button{background:#ccc;}
.formBtn__ul button:hover{opacity:.8;}
.formBtn__ul button:focus{outline:0;}





/*ほかWPform用*/
.mw_wp_form .error{margin-top:.5em;}
.mw_wp_form_input .error_dd input[type="text"],
.mw_wp_form_input .error_dd input[type="email"],
.mw_wp_form_input .error_dd input[type="tel"],
.mw_wp_form_input .error_dd input[type="url"],
.mw_wp_form_input .error_dd select {
	background:rgb(255,127,0,.05) !important;
}

.mw_wp_form_confirm dt{font-size:1rem;}
.mw_wp_form_confirm dt::before{content:"●";color:#E88F00;}
.mw_wp_form_confirm dd{margin:1em 2em 2em;}
.mw_wp_form_confirm .zipSearchBtn__dd,
.mw_wp_form_confirm .isRequired,
.mw_wp_form_confirm .select_parts01::after{display:none;}

.mw_wp_form_complete,
.formComplete{text-align: center;line-height:2;}


/*────────────────────────────────────────────────────────────────────────
**  ページャー
────────────────────────────────────────────────────────────────────────*/

.nav-links{text-align:center;margin:50px auto;}
.nav-links a.page-numbers{display:inline-block;width:50px;height:50px;border:1px solid #ccc;border-radius:5px;line-height:50px;color:#0070C5;}
.nav-links ul{letter-spacing:-.4em;}
.nav-links li{letter-spacing:normal;}
.nav-links .page-numbers li{display:inline-block;vertical-align:middle;margin:3px}
.nav-links .current{display:inline-block;width:50px;height:50px;border:1px solid #0070C5;border-radius:5px;background:#0070C5;color:#FFF;line-height:50px}
.nav-links .dots{display:inline-block;font-weight:700;line-height:50px}

.prev,
.next{margin:0 20px;}
.prev i,
.next i{color:#0070C5;font-weight:700;position:relative;display:block;width:100%;height:100%;}
.prev i::before{border-top:solid 3px #0070C5;border-left:solid 3px #0070C5;content:'';display:block;height:10px;position:absolute;top:20px;left:20px;transform:rotate(-45deg);width:9px}
.next i::after{border-top:solid 3px #0070C5;border-right:solid 3px #0070C5;content:'';display:block;height:10px;position:absolute;top:20px;right:20px;transform:rotate(45deg);width:9px}

.nav-links a.page-numbers:hover{background:#0070C5;color:#FFF;transition:all .3s}
.prev:hover  i::before,
.next:hover  i::after{border-color:#FFF;}


/*────────────────────────────────────────────────────────────────────────
**  お知らせ コラム 共通 一覧ページ（archive.php）
────────────────────────────────────────────────────────────────────────*/
.postarchive-default{width:90%;max-width:1200px;margin:0 auto;text-align:left;line-height:1.5;}
.postarchive-default .postarchiveCatelist{display:flex;border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin:80px auto 60px;padding:15px 0 0;}
.postarchive-default .postarchiveCatelist__ul{display:flex;align-items:center;flex-wrap: wrap;}
.postarchive-default .postarchiveCatelist__ul li{margin:0 2em 15px 0;}
.postarchive-default .postarchiveList__li {margin:0 auto 50px;}
.postarchive-default .postarchiveCatelist__ul li.current a{border-bottom:3px solid #034694;font-weight:700;color:#034694;padding-bottom:.2em;}

.postarchive-default .post_title{font-size:20px;color:#0070C5;margin:.5em 0;}
.post_morelink{color: #0070C5;}
.postarchive-default .post_excerpt{font-size:18px;margin:.8em 0;}
.postarchive-default .post_category li{margin:20px 20px 0 0;display:inline-block;margin-right:1em;}
.postarchive-default .post_category a{font-size:.9rem;background:#E3E3E3;margin:0 1em .5em 0;color:#999;padding:.3em;}

@media only screen and (min-width: 768px) {
  .postarchive-default .postarchiveCatelist_title{width:12em;}
  .postarchive-default .postarchiveCatelist__ul li{min-width: 10em;}
  .postarchive-default .postarchiveList__li .article-post{display:flex;}
  .postarchive-default .post_img{width:280px;height:160px;}
  .postarchive-default .post_img img{width:280px;height:160px;object-fit:cover}
  .postarchive-default .postTxtArea{width:calc(100% - 280px);margin:0 0 0 20px;line-height:1.5;}
}
@media only screen and (max-width: 767px) {
  .postarchive-default .postarchiveCatelist_title{width:5em;}
  .postarchive-default .post_img{width:100%;height:50vw;}
  .postarchive-default .post_img img{width:100%;height:50vw;object-fit:cover}
}




/*────────────────────────────────────────────────────────────────────────
**  お知らせ コラム 共通 投稿ページ（single.php）
────────────────────────────────────────────────────────────────────────*/
.post-default {width:90%;max-width:1200px;margin:0 auto;text-align:left;line-height:1.5;}

.post-default .post_title{font-weight:600;font-size:27px;}
.post-default .post_date{margin:20px auto;}
.post-default .post_category{margin:20px auto;}
.post-default .post_category a{font-size:.9rem;background:#ccc;margin:0 1em .5em 0;color:#0070C5;padding:.3em;}
.post-default .post_category li{display:inline-block;margin-right:1em;}
.post-default .post_thumbnail{margin:20px auto;}
.post-default .post_content{margin:40px auto;text-align:justify;line-height:1.8;}
.post-default .post_content p{margin:1.5em auto;}

.post-default .relatedList_ul li + li.relatedList_li{margin-top:30px;}
.post-default .relatedList_ul .relatedList_link{display:flex;}
.post-default .relatedList_ul .relatedList_txtArea{width:68%;}
.post-default .relatedList_ul .relatedList_img{width:30%;margin-left:2%;}
.relatedList_title{font-weight: 400;color: #0070C5;margin: 0 0 10px;}

.post-default .relatedList_category{margin:0 auto 5px;}
.post-default .relatedList_category a{font-size:.9rem;background:#ccc;margin:0 1em .5em 0;color:#3e3a3a;padding:.3em;}
.post-default .relatedList_category li{display:inline-block;margin-right:1em;}


@media only screen and (min-width: 768px) {
  .post-default {display:flex;justify-content:space-between;}
  .post-default .article-post {width:calc(100% - 300px);}
  .post-default .aside-related{width:250px;}
}
@media only screen and (max-width: 767px) {
  .post-default .aside-related{margin-top:50px;}
  .post-default .relatedList_category{margin:-1.6em 0 0}
}




/*────────────────────────────────────────────────────────────────────────
**  製品情報（archive-product.php）
────────────────────────────────────────────────────────────────────────*/
.archive-productWrap{background:#f2f2f2;margin-top:50px;position:relative;padding:80px 0 0;}
.archive-productInner {width:90%;margin:0 auto;text-align:left;line-height:1.5;}
/*タイトルとセレクトボックス*/
.productTitle{text-align:left;position:absolute;top:-20px;left:calc(10% - 20px);}
.archive-productWrap .select_parts02{position:absolute;top:-20px;right:calc(10% - 20px);}
.productTitleEn,
.productTitleJp{display:inline-block;line-height:1.5;}
.productTitleEn{color:#034694;font-size:28px;letter-spacing:.4em;}
.productTitleJp{display:inline-block;}
.page-content{
  display: flex;
}
#main-product{
  flex: 1;
  width: calc(100% - 400px);
}
.article-product{
  padding: 60px 30px 120px;
  background: #FFF;
}
.pageside{
  width: 320px;
  background: #FFF;
  flex: 0 0 320px;
  padding: 60px 30px 120px;}

#ssbar-side a{
  line-height: 2;
  text-decoration: underline;
  margin-bottom: 10px;
  font-size: 16px;
}

#ssbar-side h2{
  font-size: 20px;
  margin: 0 0 0.5em 0;
}
.rec_cat{
  background: #034694;
  padding: 10px;
  width: 125px;
  text-align: center;
  color: #FFF;
}

.productArticle_txtArea h2.product_title{
  font-size: 20px!important;
  font-weight: bold;
  color: #000!important;
  background: none!important;
  padding: 0!important;
  margin: 0 0 0.5em 0!important;
}

@media only screen and (max-width: 767px) {
  .page-content{display: block;}
.article-product{
  width: 100%;
  padding: 30px 20px;
}
.pageside{
  width: 100%;
  flex: inherit;
  padding: 30px 20px;
}
}

/*一覧（カード）*/
.productList__ul{padding:30px 0 10px;}
.type-L,
.type-Ma,
.type-Mb,
.type-S{margin-bottom:60px;}

@media only screen and (min-width: 768px) {
  .archive-productInner {width:calc(90% + 40px);max-width:1200px;padding-left:40px;}
  .productList__ul{display:flex;flex-wrap:wrap}
  .type-L{width:100%;padding-right:40px;}
  .type-Ma,
  .type-Mb{width:50%;padding-right:40px;}
  .type-S{width:25%;padding-right:40px;}

.productArticle_card{width: 100%; max-width: 960px;}
.type-L .productArticle_imgArea,
.type-Ma .productArticle_imgArea,
.type-L .productArticle_txtArea,
.type-Ma .productArticle_txtArea{width:48%;}
}
@media only screen and (min-width: 1280px) {
  .productTitle{left:calc((100% - 1200px)/2 + 40px);}
  .archive-productWrap .select_parts02{right:calc((100% - 1200px)/2 + 40px);}
}
@media only screen and (max-width: 767px) {
  .archive-productWrap{padding:140px 0 0;}
.archive-productWrap .select_parts02{top:80px;right:5vw;max-width: 90vw;}
}

/*画像*/
.productArticle_imgArea{width:100%;position:relative;}
.productArticle_imgArea .slideGall_main{width:100%;}
.product_imgcap{font-size:13px;margin-top:.5em;}
.slideGall_main li .product_img{position: relative;background:#FFF;}
.slideGall_main li .product_img:before{content:"";display:block;}
.type-L .slideGall_main li .product_img:before{padding-top:120%}
.type-Mb .slideGall_main li .product_img:before{padding-top:60%}
.type-Ma .slideGall_main li .product_img:before,
.type-S .slideGall_main li .product_img:before{padding-top:100%}
.product_img img{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;margin:auto;object-fit:contain}

/*矢印上下中心配置 調整*/
.productArticle_imgArea .arrows{width:100%;position:absolute;top:0;}
.productArticle_imgArea .arrows:before{content:"";display:block}
.type-L  .arrows:before{padding-top:120%}
.type-Mb  .arrows:before{padding-top:60%}
.type-Ma  .arrows,
.type-S  .arrows:before{padding-top:100%}
.productArticle_txtArea ul li{line-height: 2;text-decoration: underline;margin-bottom: 10px;font-size: 16px;}

/*カテゴリ*/
.product_cate{margin:0 0 8px}
.product_cate span{color:#000;padding:0;font-size:20px;display:inline-block;margin:0 5px 5px 0;font-weight: bold;}
/*サブコピー*/
.product_copy{display:block;font-size:12px;color:#3e3a3a;}
/*タイトル*/
.type-L .product_title{font-size:32px;margin:0 0 10px;color:#3e3a3a;}
.type-Ma .product_title,
.type-Mb .product_title,
.type-S .product_title{font-size:17px;margin:0 0 5px;color:#3e3a3a;}
/*本文*/
.product_txt{padding:0 0 15px;text-align:justify;line-height: 1.8;}

/*製品データ表*/
.product_data{border-top:1px solid #ccc;font-size:14px;margin:0 0 10px}
.product_data__dl{display:table;width:100%;background:#FFF;}
.product_data__dl dt,
.product_data__dl dd{display:table-cell;padding:.2em .5em;border-bottom:1px solid #ccc;font-size:13px;vertical-align:middle;}
.product_data__dl dt{width:6em;background:#E3E3E3;font-weight:700;}
.product_data__dl dd{width:calc(100% - 6em);font-size:.8rem;}
.type-L .product_data__dl dt{width:8em;padding:.8em;font-size:14px;}
.type-L .product_data__dl dd{width:calc(100% - 8em);padding:.8em;font-size:14px;}

/*注釈文*/
.product_notes{font-size:13px;text-align:justify;line-height: 1.8;}

/*取扱デジタルカタログ*/
.productCatalogTitle{margin:100px auto 20px;font-size:28px;color: #3e3a3a;font-weight:400;}
.productCatalog__section{width:90%;margin:0 auto;max-width: 900px;}
.productCatalog__ul{letter-spacing:-.4em;text-align:left;}
.productCatalog__ul li{letter-spacing:normal;display:inline-block;width:calc((100% - 160px)/4);margin:20px;vertical-align:top;}








/*────────────────────────────────────────────────────────────────────────
**  実績・実例（archive-works.php）
────────────────────────────────────────────────────────────────────────*/
.archive-worksWrap{position:relative;padding:50px 0 0;}
.archive-worksInner {width:90%;margin:0 auto;text-align:left;line-height:1.5;}

.productCateList__ul{text-align: center;margin:0 auto 60px;}
.productCateList__ul li{display:inline-block; margin:.5em 1em;font-size:18px;}
.productCateList__ul .current {border-bottom:2px solid #034694}
.productCateList__ul .current a {color:#034694;}


/*一覧（カード）*/
.worksList__ul{padding:30px 0 10px;}
.worksList__li{margin-bottom:100px;}

@media only screen and (min-width: 768px) {
  .archive-worksInner {width:90%;max-width:1160px;}
  .worksList__ul{display:flex;flex-wrap:wrap}
  .worksList__li{width:100%;}

.worksArticle_card{display:flex;justify-content:space-between;}
.worksList__li .worksArticle_imgArea{width:47%;}
.worksList__li .worksArticle_txtArea{width:49%;}
.worksList__li:nth-child(odd) .worksArticle_imgArea{order: 2;}
.worksList__li:nth-child(odd) .worksArticle_txtArea{order: 1}
}

/*画像*/
.worksArticle_imgArea{width:100%;position:relative;}
.worksArticle_imgArea .slideGall_main{width:100%;}
.works_imgcap{font-size:13px;margin-top:.5em;}
.slideGall_main li .works_img{position: relative;background:#f2f2f2;}
.slideGall_main li .works_img:before{content:"";display:block;}
.worksList__li .slideGall_main li .works_img:before{padding-top:100%}
.works_img img{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;margin:auto;object-fit:contain}

/*矢印上下中心配置 調整*/
.worksArticle_imgArea .arrows{width:100%;position:absolute;top:0;}
.worksArticle_imgArea .arrows:before{content:"";display:block}
.worksList__li  .arrows:before{padding-top:100%}


/*カテゴリ*/
.works_cate{margin:0 0 8px}
.works_cate span{background:#034694;color:#FFF;padding:.2em .8em;font-size:12px;display:inline-block;margin:0 5px 5px 0}
.works_cate a{color:#FFF;}

/*タイトル*/
.worksList__li .works_title{font-size:32px;margin:0 0 10px;color:#3e3a3a;}
/*本文*/
.works_txt{padding:0 0 15px;text-align:justify;line-height: 1.8;}






/*────────────────────────────────────────────────────────────────────────
**  会社情報（ page-company.php ）
────────────────────────────────────────────────────────────────────────*/
.page-template-page-company #container{width:100%;margin:0 auto;}
.company_pageLink{margin-top:50px;text-align: left;}
.company_pageLink li{display:inline-block;margin-right:2em;}
.company_pageLink li a{color: #0070C5;}
.company_pageLink li a::before{content:""; display:inline-block;width:1em;height:1em;margin:0 5px 5px;vertical-align: middle;background:url(../img/btn_pageanchor.svg) center center no-repeat}

.companyData__div,
.companyHistory__div{margin:90px auto;max-width:960px;}
.company__dl{display:table;width:100%;background:#FFF;text-align:left;line-height:1.5;}

.companyData__div .Title04_blackJp,
.companyMessage__div .Title04_blackJp,
.companyHistory__div .Title04_blackJp{margin-top:-80px;padding-top:80px;}
.companyMessage_title{font-size:28px;font-weight:600;text-align:left;margin:2em 0 1em;}

.Title04_blackJp + .company__dl{border-top:1px solid #ccc;}
.company__dl dt,
.company__dl dd{display:table-cell;border-bottom:1px solid #ccc;vertical-align:top;padding:1em 0;}
.company__dl dt{width:10em;font-weight:700;}
.company__dl dd{width:calc(100% - 10em);}



@media only screen and (min-width:768px) {
  .company_message__section{display: flex;text-align:left;line-height:1.8; align-items:center;max-width:960px;margin: 0 auto;}
  .companyMessage__div{flex:1;margin-right:100px}
  .companyMessage__figure{width:400px;}
}
@media only screen and (max-width:1100px) {
  .company_message__section{margin-right:0;}
  .companyMessage__div{margin-right:50px}
  .companyMessage__figure{width:40%;}
} 

@media only screen and (max-width:767px) {
  .company_message__section,
  .companyMessage__div{width:100%;}
  .companyMessage__figure{width:70%;margin:30px auto 0;}
  .company__dl dt{width:7em;}
}


.companyMessage_txt{text-align: justify;line-height:2.2;}


/*────────────────────────────────────────────────────────────────────────
**  slick-theme.css（画像スライド）
────────────────────────────────────────────────────────────────────────*/

/* Slider */
.slick-loading .slick-list,
img.slick-loading{background:url(../img/loading.gif) center center no-repeat}

.slick-slider{opacity:0;transition:opacity .3s linear}
.slick-slider.slick-initialized{opacity:1;}

/* Arrows */
.slick-arrow{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:15px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;z-index:1;background:rgb(255,255,255,.50);}

.slick-prev{left:0;}
.slick-next{right:0;}

.slick-prev::before,
.slick-next::before{content:"";position:absolute;width:10px;height:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg); margin-top:5px;}
.slick-prev::before{right:0;border-bottom:2px solid #0070C5;border-left:2px solid #0070C5;z-index:2;}
.slick-next::before{left:0;border-top:2px solid #0070C5;border-right:2px solid #0070C5;z-index:2;}
.slick-slider .draggable{z-index:1;}


/* Dots */
.slick-dots{display:block;width:100%;padding:0;margin:0;text-align:center}
.slick-dots li{position:relative;display:inline-block;width:10px;height:10px;margin:0 5px;padding:0;cursor:pointer}
.slick-dots li button{font-size: 0;line-height: 0;display: block;width: 10px;height: 10px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;}
.slick-dots li button:hover,
.slick-dots li button:focus{outline: none;}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{opacity: 1;}
.slick-dots li button:before{position:absolute;top:0;left:0;content:'';text-align:center;background:#999;width:10px;height:10px;border-radius:50%}
.slick-dots li.slick-active button:before{background:#0070C5;}
/*1つだけの時はドット非表示*/
.slick-dots>li:first-child:last-child{display:none}




/*────────────────────────────────────────────────────────────────────────
**  事業案内（business）
────────────────────────────────────────────────────────────────────────*/
.business_title__section{width:90%;max-width:780px;margin:80px auto;}

.business_reason__section{background-color:#034694;margin:50px auto 120px;padding: 80px 0;}
.business_reason__inner{color:#FFF;margin: 0 auto;}
.business_reasonImg p{height:100%;}
.business_reasonImg img{width:100%;height:100%;object-fit:cover;}

.business_reasonTxt{text-align: left;}
.business_reason__h{font-size:26px;line-height:1.5;font-weight: 600;}

.business_reason__ul{margin:40px auto 0;}
.business_reason__ul li + li{margin:40px 0 0;border-top:1px solid #FFF;padding: 40px 0 0;}
.business_reason__ul dt{font-size:22px;margin-bottom:.5em;}
.business_reason__ul dt span{font-size:42px;font-weight: 500;display:inline-block;margin:0 .2em 0 0;vertical-align:middle;}
.business_reason__ul dd{line-height:2;font-size:18px;font-weight:300;}

@media only screen and (min-width:1101px) {
  .business_reason__inner{display:flex;width:90%;max-width:920px;}
  .business_reasonImg{order:1;width:50%;}
  .business_reasonTxt{order:2;width:40%;margin-left:10%;text-align: left;}
}
@media only screen and (max-width:1100px) {
  .business_reason__inner{width:100%;}
  .business_reason__ul{margin:40px auto ;}
  .business_reasonTxt{width:90%;margin: 0 auto;}
}

/*────────────────────────────────────────────────────────────────────────
**  サービス　のリンク部分（事業案内、実績事例ページ等）
────────────────────────────────────────────────────────────────────────*/

.serviceLink__section{margin:0px  auto;}
.serviceLink__section .title_01{text-align: center;}
.serviceLink__ul{display:flex;}
.serviceLink__ul li{color:#FFF;display:flex;height:400px;width:100%;align-items:center;position:relative;background-size: cover;}
.serviceLink__ul li::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(3, 70, 148, .7);display:block;mix-blend-mode:multiply}
.serviceLink__span{width:100%;z-index:1;}
.serviceLink_title{font-size:36px;line-height:1.2;font-weight: 500;}
.serviceLink_title1L{margin:1em auto;}
.serviceLink_title2L{margin:.4em auto;}
@media only screen and (max-width:1100px) {
  .serviceLink__ul{flex-wrap: wrap;}
  .serviceLink__ul li{height:300px;}
  .serviceLink_title1L{margin:.4em auto 1em;}
}
@media only screen and (max-width: 767px) {
.serviceLink_title{font-size:24px;}
}
/*────────────────────────────────────────────────────────────────────────
**  カタログページ
────────────────────────────────────────────────────────────────────────*/
.catalogData__div{
  margin: 60px auto;padding: 0;
}
.catalogData__div > ul{
    margin: 0 auto 60px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    max-width: 960px;
    text-align: left;
}
.catalogData__div > ul li:nth-child(3n+1){
    margin: 0 0px 20px 0;
}
.catalogData__div li{
    border: 1px solid #ccc;
    color: #000;
    font-size: 16px;
    letter-spacing: -.4px;
    line-height: 1.5;
    list-style-type: none;
    margin: 0 0 20px 19px;
    padding: 20px;
    position: relative;
    text-align: center;
    width: calc(100% / 3 - 20px);
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    opacity: 1;
}

.catalog_download{
  font-size: 14px;
  text-decoration: underline;
  color: #999;
}

@media only screen and (max-width: 767px) {
.catalogData__div{padding: 0 2.666%;}
.catalogData__div > ul li{
  font-size: 16px;
  width: calc(100% / 2 - 10px);
}
.catalogData__div > ul li:nth-child(3n+1){
 margin: 0 0px 20px 19px;
}
.catalogData__div > ul li:nth-child(odd) {
    margin: 0 0px 20px 0;
}
}
/*────────────────────────────────────────────────────────────────────────
**  採用ページ
────────────────────────────────────────────────────────────────────────*/
.recruit_bn{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 30px;
}

.recruit_bn_company{
    width: 100%;
    max-width: 960px;
    margin: 0 auto 90px;
}
.rec_title{
  margin-bottom: 30px;
  font-size: 18px;
}
.rec_title span{
  border: 1px solid #000;
  border-radius: 20px;
  padding: 10px 20px;
  margin-right: 0.6em;
  font-size: 14px;
  letter-spacing: .1em;
}
.job_txt{
  font-size: 16px;
  line-height: 2;
  margin: 20px 0;
}
.job_top h2,.companyData__div h2{
  font-size: 20px;
  line-height: 2;
}


/*────────────────────────────────────────────────────────────────────────
**  プライバシーポリシー
────────────────────────────────────────────────────────────────────────*/
.privacy-policy #container,.hoshou_box{width:90%;max-width:680px;margin:50px auto;text-align:left;line-height:1.8;}


.text_box{
  font-size: 16px;
  line-height: 2;
}
.hoshou_box h2{
  font-size: 18px;
  background: #034694;
  color: #FFF;
  padding: 15px;
  margin-bottom: 20px;
}

.hoshou_box .hoshou_pac{
    background: #eee;
    padding: 15px;
    margin-bottom: 3em;
}

/*────────────────────────────────────────────────────────────────────────
**  404
────────────────────────────────────────────────────────────────────────*/

.error404 #container,
#container.error404{margin:100px auto 200px;line-height:3;width:90%;}