@charset "utf-8";
/*
theme Name: kakentech
Author: Rectus Inc.
Description: dropdown css menu for kakentech
version： 1.0.0
Theme URI: https://www.rectus.co.jp/
Author URI: https://www.rectus.co.jp/
Requires at least: 5.9
Tested up to: 5.9
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kakentech
Tags: one-column, blog
Domain Path: /languages
 */

/* 共通 */
@charset "utf-8";

@import url("reset.css");

/* -------------------------------
   BASE
------------------------------- */

/* margin */
.mt-60 {margin-top:-60px!important;}
.mt-50 {margin-top:-50px!important;}
.mt-40 {margin-top:-40px!important;}
.mt-30 {margin-top:-30px!important;}
.mt-20 {margin-top:-20px!important;}
.mt-10 {margin-top:-10px!important;}
.mt0 {margin-top:0!important;}
.mt5 {margin-top:5px!important;}
.mt10 {margin-top:10px!important;}
.mt15 {margin-top:15px!important;}
.mt20 {margin-top:20px!important;}
.mt25 {margin-top:25px!important;}
.mt30 {margin-top:30px!important;}
.mt40 {margin-top:40px!important;}
.mt50 {margin-top:50px!important;}
.mt60 {margin-top:60px!important;}
.mt70 {margin-top:70px!important;}

/* float */
.left { float:left;}t
.right { float:right;}
.fNone { float:none!important;}
.clear { clear:both; }

/* align */
.tLeft { text-align:left!important;}
.tCenter { text-align:center!important;}
.tRight { text-align:right!important;}
.vTop { vertical-align:top!important;}
.vMiddle { vertical-align:middle!important;}
.vBottom { vertical-align:bottom!important;}

.nowrap { white-space:nowrap; }

/* color */
.blue { color:#144398;}
.red { color:#A30035;}
.green { color:#AEC533;}
.pink { color:#EA609E;}

/* text */
.normal { font-weight:normal; }
.bold { font-weight:bold; }
.f10 { font-size:12px!important;}
.f11 { font-size:13px!important;}
.f12 { font-size:14px!important;}
.f13 { font-size:15px!important;}
.f15 { font-size:17px!important;}
.f16 { font-size:18px!important;}
.f18 { font-size:20px!important;}
.lh10 { line-height:1!important;}
.lh12 { line-height:1.2!important;}
.lh15 { line-height:1.5!important;}
.lh18 { line-height:1.8!important;}
.lh20 { line-height:2!important;}
.gothic { font-family:'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Meiryo,'游ゴシック','Yu Gothic',Arial,Verdana,Helvetica,Roboto,sans-serif;}
.serif { font-family:'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','ヒラギノ明朝 Pro','Hiragino Mincho Pro','游明朝','Yu Mincho',HG明朝B,'ＭＳ Ｐ明朝','ＭＳ 明朝',Georgia,'Times New Roman',serif;}

/* color */
.block { display:block!important;}
.inline { display:inline!important;}
.inlineBlock { display:inline-block!important;}

/* link */
a {color: #212121;text-decoration:underline;}
a:hover {color: #212121;text-decoration:none;}

/* transition */
.transition05 {
	-moz-transition-duration:0.5s;
	-o-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
	transition-duration:0.5s;
}

.top20 {
 text-align:center!important;
 margin-top: 20px;
}


/* -------------------------------
   common
------------------------------- */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	background:#FFF;
}

@font-face{
    font-family: 'IBMPlexSansSC-Medium';
    src: url("../fonts/IBMPlexSansSC-Medium.ttf");
}


body {
	font-size:16px;
	line-height:1.5;
	background:#FFF;
	font-family:'IBMPlexSansSC-Medium','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Meiryo,'游ゴシック','Yu Gothic',Arial,Verdana,Helvetica,Roboto,sans-serif;
}

body:not(#home):not(#en):not(#cn) .sec:nth-child(2n),
.sec.bottomContact{
	background: #EDF3F7;
}

.sec .tit{
	font-weight: normal;
	text-align: center;
}

.sec.bottomContact .inner ul{
	display: flex;
}

.sec.bottomContact .inner ul li{
	text-align: center;
	font-weight: bold;
	color:#005291;
}

.sec.bottomContact .inner ul li a{
	display: block;
	background: #FAFBFD;
	margin:0 auto 20px;
	border-radius: 50%;
	position: relative;
}

.sec.bottomContact .inner ul li a img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}

.subSec ul:not([class]),
.subSec ol:not([class]) {
	padding-left: 40px;
}

.subTit{
	border-bottom: 4px solid #EEEEEE;
	padding-bottom: 10px;
}

.thirdTit{
	background: #EDF7F5;
	color: #004c90;
	border-radius: 20px;
}

.thirdTit a{
    color: #004c90;
}

.fourthTit{
	color: #0C5B94;
}

.btn{
	text-align: center;
}

.lbtn{
	text-align: left;
}

.Linebtn{
	text-align: center;
	width: max-content;
	display: inline-flex;
}

.Linebtn a{
	background: url(../images/arrow_white.webp) no-repeat right 5px center #FFF;
	background-size: 8px auto;
	color:#000000;
	text-decoration: none;
}

.btn a{
	background: url(../images/arrow_white.webp) no-repeat right 10px center #005491;
	background-size: 8px auto;
	color:#FFF;
	text-decoration: none;
	border-radius: 30px;
}

.lbtn a{
	background: url(../images/arrow_white.webp) no-repeat right 10px center #005491;
	background-size: 8px auto;
	color:#FFF;
	text-decoration: none;
	padding: 15px;
	display: block;
}

.Linebtn a{
	color: black;
	padding: 5px;
	text-decoration: none;
	border: 1px solid #001efe;
	width: 200px;
	border-radius: 20px;
}

.waku {
	background-color: #005491;
	padding: 5px 10px;
	text-align: center;
	color: white;
	border-radius:18px;
	/*font-size: small;*/
}

.wakudark {
	background-color: none;
	padding: 5px 20px;
	text-align: center;
	color: black;
	/*font-size: small;*/
	border: 1px solid #005491;
	line-height: 2.2em;
	border-radius:18px;
}

#pageTit{
	background: #0C5B94;
}

#pageTit h1,
#pageTit p{
	font-weight: normal;
	color: #fff;
}

#path{
	background: #F7F7F7;
	padding: 10px 0;
	line-height: 40px;
}

#path ul li{
	font-size: 18px;
	display: inline-block;
}

#path ul li:not(:last-child):after{
	content: ">";
	margin: 0 10px;
}

#path ul li a{
	color: #005291;
}

.material:not(first-child){
	margin: 20px;
}

.material dt{
	font-weight: bold;
}

.material dd{
	margin:5px 0 20px;
}

.material dd:last-child{
	margin-bottom:0;
}

.wp-pagenavi{
	text-align: center;
}

.wp-pagenavi span.pages{
	display: none;
}

.wp-pagenavi .current{
	background: #005491;
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	margin:0 3px;
}

.wp-pagenavi .page{
	background: #EEEEEE;
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #005391;
	text-decoration: none;
	margin:0 3px;
}

.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink{
	text-decoration: none;
	color: #005391;
	display: inline-block;
	padding:0 10px;
}

#pageIndex{
	border: 10px solid #eee;
	padding: 0 20px 20px;
	margin-bottom: 50px;
}

#pageIndex ol li{
	list-style-type: none;
	line-height: 1.8;
}

#pageIndex ol li a{
	color:#005291;
}

#pageIndex > ol > li{
	margin-top: 20px;
	font-size: 20px;
	font-weight: bold;
}

#pageIndex ol li ol{
	margin-top:5px;
	margin-left: 1em;
}

#pageIndex ol li ol li{
	font-weight: normal;	
	font-size: 16px;
}

.decimalList{
	margin-left: 35px;
}

.discList{
	margin-top:20px;
	margin-left: 20px;
}

.discList li{
	list-style-type: disc;
}

.baseTable th{
	background: #F2F6F9;
	padding:15px 20px;
	font-weight: normal;
}


/* -------------------------------
   header
------------------------------- */


#hNav .search{
	background: #fff;
	height:40px;
	width:240px;
}

#hNav .search input[type="text"]{
	width:200px;
	border:none;
	height:40px;
	padding:5px;
}

#hNav .search button{
	background: none;
	border:none;
}

#hNav .search button img{
	width:16px;
	height:auto;
}

#footer .sns li img{
	height:30px;
	width:auto;
}


/* -------------------------------
   footer
------------------------------- */

#footer .inner #fNav > ul > li > a:before{
	content:"";
	display: inline-block;
	vertical-align: middle;
	margin-top:-2px;
	width:15px;
	height:15px;
	background: url(../images/arrow_circle.webp);
	background-size:100% 100%;
	margin-right:10px;
}



/* -------------------------------
   side
------------------------------- */



/* -------------------------------
   contents
------------------------------- */

.stdTable {
	width: 95%;
	margin: 10px 10px 10px 30px;
}
.stdTable caption{
	text-align: left;
	font-weight: bold;
	margin-bottom:5px;
	font-size:18px;
}
.stdTable th{
	border:solid 1px #c3c4c7;
	background: #dde7f1;
	font-weight: normal;
	padding:10px;
}
.stdTable td{
	padding:10px;
	border:solid 1px #c3c4c7;
}
.stdTable td img{
	max-width: 100%;
	height: auto;
}


/* -------------------------------
   home
------------------------------- */

#troubleSec{
	background: #005491!important;
}

#troubleSec ul li{
	color:#fff;
}

body:not(#company) #companySec{
	background: url(../images/company_bg.jpg) no-repeat center center;
	background-size:cover;
}

/*
#productsSec ul li.electron a{
	background: url(../images/cat_electronics.webp) no-repeat center center;
}

#productsSec ul li.paint a{
	background: url(../images/cat_painting.webp) no-repeat center center;
}

#productsSec ul li.print a{
	background: url(../images/cat_printing.webp) no-repeat center center;
}
*/


#exhibitionSec ul li.flux a{
	background: url(../images/category_flux.webp) no-repeat center center;
}

#exhibitionSec ul li.particle a{
	background: url(../images/category_particle.webp) no-repeat center center;
}

#exhibitionSec ul li.stencil a{
	background: url(../images/category_stencil.webp) no-repeat center center;
}

#exhibitionSec ul li.pallet a{
	background: url(../images/category_pallet.webp) no-repeat center center;
}

#exhibitionSec ul li.reflow a{
	background: url(../images/category_reflow.webp) no-repeat center center;
}

#exhibitionSec ul li.replace a{
	background: url(../images/category_others.webp) no-repeat center center;
}
#exhibitionSec ul li.adhesive a{
	background: url(../images/category_adhesives.webp) no-repeat center center;
}

#exhibitionSec ul li.sheet a{
	background: url(../images/category_thermocompression.webp) no-repeat center center;
}

#exhibitionSec ul li.sheeten a{
	background: url(../images/category_thermocompressionen.webp) no-repeat center center;
}

#exhibitionSec ul li.tkfaq a{
	background: url(../images/category_faq.webp) no-repeat center center;
}

#exhibitionSec ul li.paint a{
	background: url(../images/category_paintcleaning.webp) no-repeat center center;
}

#exhibitionSec ul li.degrease a{
	background: url(../images/category_degreasing.webp) no-repeat center center;
}

#exhibitionSec ul li.butsu a{
	background: url(../images/category_butsu.webp) no-repeat center center;
}

#exhibitionSec ul li.electrostatic a{
	background: url(../images/category_electrostatic.webp) no-repeat center center;
}

#companySec ul li.message a{
	background: url(../images/top_message.webp) no-repeat center center;
}

#companySec ul li.profile a{
	background: url(../images/top_company.webp) no-repeat center center;
}

#companySec ul li.expo a{
	background: url(../images/expo_imageen.webp) no-repeat center center;
}

#companySec ul li.office a{
	background: url(../images/top_office.webp) no-repeat center center;
}

#companySec ul li.recruit a{
	background: url(../images/top_recruit.webp) no-repeat center center;
}
#companySec ul li.csr a{
	background: url(../images/csr.webp) no-repeat center center;
}

.txtBnr li a{
	position: relative;
	display: block;
	text-align: center;
	text-decoration: none;
}

.txtBnr li a span{
	background: rgba(255,255,255,.7);
	display: block;
	position: absolute;
	width:100%;
	bottom:0;
	padding:15px 0;
	border-radius: 0px 0px 10px 10px;
}

.txtBnr li .txt{
  margin:10px;
  display: block;
  font-size:16px;
}

.infoList{
	border-top:solid 1px #E5E5E5;
	margin-top:30px;
}

.infoList li{
	border-bottom:solid 1px #E5E5E5;
}

.infoList li:nth-child(2n+1){
	background: #EDF3F7;
}

#infoSec .inner{
	position: relative;
}

#infoSec .inner .rss{
	position: absolute;
	right:0;
	top:-30px;
	font-size:12px;
	font-weight: bold;
}

#infoSec .inner .rss a{
	text-decoration: none;
	color:#fff;
	background: url(../images/icon_rss.png) no-repeat 6px center #F39801;
	background-size:11px auto;
	border-radius:5px;
	padding:5px 5px 4px 22px;
}

.infoList li .cat,
.singlePost .entryHead .cat{
	background: #005491;
	color:#fff;
	text-align: center;
	border-radius: 20px;
}

.navigation.pagination {
   text-align: center;
   padding: 20px;
}

.navigation.pagination ul {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px;
}

.navigation.pagination ul>li {
	display: inline;
}

.navigation.pagination ul>li>a,
.navigation.pagination ul>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	line-height: 1.42857;
	text-decoration: none;
	color: #005491;
	background-color: #fff;
	border: 1px solid #ddd;
	margin-left: -1px;
}

.navigation.pagination ul>li:first-child>a,
.navigation.pagination ul>li:first-child>span {
	margin-left: 0;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
}

.navigation.pagination ul>li:last-child>a,
.navigation.pagination ul>li:last-child>span {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}

.navigation.pagination ul>li>a:hover,
.navigation.pagination ul>li>a:focus,
.navigation.pagination ul>li>span:hover,
.navigation.pagination ul>li>span:focus {
	z-index: 2;
	color: #005491;
	background-color: #eeeeee;
	border-color: #ddd;
}

.navigation.pagination ul>.active>a,
.navigation.pagination ul>.active>a:hover,
.navigation.pagination ul>.active>a:focus,
.navigation.pagination ul>.active>span,
.navigation.pagination ul>.active>span:hover,
.navigation.pagination ul>.active>span:focus {
	z-index: 3;
	color: #fff;
	background-color: #005491;
	border-color: #005491;
	cursor: default;
}

/* -------------------------------
   detail
------------------------------- */

.singlePost .entryHead .cat{
	margin-left: 20px;
}

.singlePost .entryHead .entryTit{
	border-bottom: 4px solid #EEEEEE;
}

.singlePost .entryContent{
	margin-bottom:20px;
}

.singlePost .entryContent *{
    word-break:break-word !important;
}

.singlePost .entryContent img{
	max-width: 100%;
	height:auto;
}

.singlePost .entryContent p:not(:last-child){
	margin-bottom:1.5em;
}

.singlePost .sns{
	display: flex;
}

.singlePost .sns li{
	margin-right:10px;
}

.singlePost .leadTxt{
	color: #0d3870;
	font-weight: bold;
}


/* -------------------------------
   company - message
------------------------------- */

.message .photo{
	text-align: center;
}

.message .photo figcaption{
	margin-top: 10px;
}

.message .photo figcaption .name{
	font-size:20px;
}

.message .txt p:not(:last-child){
	margin-bottom:1.5em;
}

.bottomLink{
	border:4px solid #EDF3F7;
}

.bottomLink ul li.current{
	font-weight: bold;
	color:#005291;
}
.childCatList {
  border: 4px solid #EDF3F7;
	padding: 15px 20px;
}
.childCatList:nth-child(n+2) {
	margin-top: 20px;
}
.childCatList li {
	border-bottom: 1px solid #E8E8E8;
}
.childCatList li a {
	display: block;
	padding: 10px;
}
.bottomLink ul li a:before,
.productsBox .txt .link li a:before,
.productsList li a .name:before,
.childCatList li a:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-top: -1px;
	width: 8px;
	height: 13px;
	background: url(../images/arrow.webp);
	background-size: 100% 100%;
	margin-right: 7px;
}

.productsBox .txt .linktate li a:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-top: -1px;
	width: 8px;
	height: 13px;
	background: url(../images/arrow.webp);
	background-size: 100% 100%;
	margin-right: 7px;
}

.companyBox dt {
	background: #EEE;
	color: #0C5B94;
	padding: 10px;
}
.companyBox dl > *:nth-child(n+2) {
	margin-top: 20px;
}
.companyBox dd > * {
	margin-top: 10px;
}
.companyBox th {
	font-weight: normal;
}
.companyBox td {
	padding-left: 10px;
}
.yMap {
	margin-top: 40px;
	text-align: center;
}
.yMap iframe {
	min-width: 100%;
	margin: 0 auto;
}

/* -------------------------------
   products
------------------------------- */
.sec p
/*:not(:first-child)*/{
      margin: 10px 20px; 
}

p.waku {
   	background-color: #005491;
	width: 120px;
	color: white;
	padding: 5px;
	text-align: center;
}

.thirdSec img {
	max-width: 100%;
	height: auto;
}

.thirdSec .thumb {
    float: left;
    margin-right: 30px;
    margin-left: -130px;
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.thirdSec img.aligncenter {
	display: block;
	margin: 0 auto;
}
.thirdSec img.alignright {
	display: block;
	margin: 0 0 0 auto;
}

.youtubeWrap {
	position: relative;
	width: 100%;
	height: auto;
	padding-top: 56.25%;
}
.youtubeWrap:nth-child(n+2) {
	margin-top: 20px;
}
.youtubeWrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.productsBox .txt .link{
	border:4px solid #EDF3F7;
}

.productsBox .txt .link{
	padding:15px 20px;
}

.productsBox .txt .linktate{
	border:4px solid #EDF3F7;
}

.productsBox .txt .linktate{
	padding:15px 20px;
}

.productsList{
	display: flex;
	flex-wrap: wrap;
}
.productsList:nth-child(n+2) {
/*	margin-top: 20px;
	margin-bottom: 20px;*/
	margin: 20px;
}

.productsList figure{
	position: relative;
	width: 100%;
	padding-top: 100%;
	outline: 1px solid #E8E8E8;
}
.productsList figure img,
.productsList figure span{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	max-width: 100%;
	width: auto;
	max-height: 100%;
	height: auto;
}
.productsList li a{
	display: block;
	text-decoration: none;
}

.leadTxt{
	color: #333;
	/*font-weight: bold;*/
}

.detailImg .view,
.detailImg .thumbnail li{
	outline: 1px solid #E8E8E8;
}
.detailImg .view,
.detailImg .thumbnail li span{
	display: block;
	position: relative;
	width: 100%;
	padding-top: 100%;
}
.detailImg .view img,
.detailImg .thumbnail li span img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	max-width: 100%;
	width: auto;
	max-height: 100%;
	height: auto;
}

.detailImg .thumbnail{
	display: flex;
	flex-wrap: wrap;
}

.detailImg .thumbnail li.active{
	outline: 1px solid #005491;
}

.pdf li{
	background: url(../images/icon_pdf.webp) no-repeat left top;
	background-size: 27px auto;
	min-height: 33px;
	padding:5px 0 0 44px;
}

.thirdSec table,
.catDesc table{
	margin: 20px;
}

.thirdSec table caption,
.catDesc table caption{
	text-align: left;
	font-weight: bold;
	margin-bottom:5px;
	font-size:18px;
}

.thirdSec table th,
.catDesc table th{
	border:solid 1px #c3c4c7;
	background: #F2F6F9;
	font-weight: normal;
	padding:10px;
}

.thirdSec table td,
.catDesc table td{
	padding:10px;
	border:solid 1px #c3c4c7;
}
.thirdSec table td img,
.catDesc table td img{
	max-width: 100%;
	height: auto;
}

.thirdSec p:nth-child(n+3) {
	margin-top:20px;
}



.subSec basicTable,
.catDesc basicTable{
	margin-top: 20px;
}

.subSec basicTable caption,
.catDesc basicTable caption{
	text-align: left;
	font-weight: bold;
	margin-bottom:5px;
	font-size:18px;
}

.subSec basicTable th,
.catDesc basicTable th{
	border:solid 1px #ffffff;
	background: #ffffff;
	font-weight: normal;
	padding:10px;
	/*text-align: left; */
}

.subSec basicTable td,
.catDesc basicTable td{
	padding:10px;
	border:solid 1px #ffffff;
	text-align: left; 
}
.subSec basicTable td img,
.catDesc basicTable td img{
	max-width: 100%;
	height: auto;
}
/*見出し固定*/
.koteiTable{
  width: 100%;
}

.koteiTable th,
.koteiTable td{
  height: auto;
  vertical-align: middle;
  padding: 10px;
  border: 1px solid #ccc;
}
.fixed01{
  position: sticky;
  top: 108px;
  color: #000000;
  background: #c5e3fe;
  &:before{
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 640px) {
.fixed01{
  top: 55px;
}
}

/* -------------------------------
   technic
------------------------------- */

.technicContent p:not(:last-child),
.technicContent figure:not(:last-child){
	margin-bottom: 1.5em;
}

.technicContent figure figcaption{
	/*font-weight: bold;*/
	margin-top:10px;
}

.technicContent table caption{
	text-align: center;
	margin-bottom: 10px;
	font-weight: bold;
}

.technicContent table td{
	padding:10px;
	border:solid 1px #ffffff;
	text-align: left; 
}

.technicContent table th{
	border:solid 1px #ffffff;
	background: #ffffff;
	font-weight: normal;
	padding:10px; 
}

.technicContent basicTable,
.catDesc basicTable{
	margin-top: 20px;
}

.technicContent basicTable caption,
.catDesc basicTable caption{
	text-align: left;
	font-weight: bold;
	margin-bottom:5px;
	font-size:18px;
}

.technicContent basicTable th,
.catDesc basicTable th{
	border:solid 1px #ffffff;
	background: #ffffff;
	font-weight: normal;
	padding:10px;
	/*text-align: left; */
}

.technicContent basicTable td,
.catDesc basicTable td{
	padding:10px;
	border:solid 1px #ffffff;
	text-align: left; 
}
.technicContent basicTable td img,
.catDesc basicTable td img{
	max-width: 100%;
	height: auto;
}


.sentenceTit{
	color: #005491;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 1em;
	padding-left: 10px;
	border-left: 4px solid #005491;
	line-height: 1.2;
}

/* -------------------------------
   trouble
------------------------------- */

.numberList dt{
	font-weight: bold;
	font-size: 20px;
	margin: 2px 0px 0px 10px;
	padding: 0px;
}

.numberList dt .num{
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
	text-align: center;
	color: #FFF;
	background: #0C5B94;
	border-radius: 100%;
	width: 40px;
	height: 40px;
	line-height: 40px;
}

.numberList dt a{
	color: #0C5B94;
}

/*.numberList dd:not(:last-child){
	margin-bottom: 20px;
	padding: 10px;
	border-bottom: 1px solid #EEEEEE;
}*/

.numberList dd{
	margin: 0px 0px 30px 10px;
	padding: 10px;
	border-bottom: 1px solid #EEEEEE;
}

.numberList dd.li{
	display: inline;

}
/*よくある質問用*/
.faq{
  background: #FFFFFF;
  padding: 1em;
  border-radius: 1em;
  border: 2px dashed #009B63;
  margin: 20px;
}
.faq dl{
  padding-bottom: 5px;
  margin-bottom: 5px;
  font-weight: bold;
}
.faq dt:before{
  content: "Q";
  font-weight: normal;
  background: #009B63;
  color: #fff;
  width: 2em;
  height: 2em;
  /*line-height: 1.6;*/
  text-align: center;
  display: inline-block;
  border-radius: 2em;
  margin-right: .5em;
  vertical-align: middle;
  padding-top: 4px;
}
.faq dt{
  margin-bottom: 16px;
  padding-bottom: 10px;
  border-bottom : 2px dashed #009B63;   /* 枠線の指定（下）     */
  z-index: 100000;
}
.faq dt:last-child{
  margin-bottom: 0;
}
.faq dd:before{
  /*content: "A";
  font-weight: normal;
  background: #0000ff;
  color: #fff;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.6;
  text-align: center;
  display: inline-block;
  border-radius: 1em;
  margin-right: .5em;*/
}
.FAQPage {
  border: green 2px dashed;
  padding: 6px;
  margin: 50px  40px 20px 40px;
  border-radius:1em;
}
.FAQPage .Q:before {
  content: "Q.";
  color:green
}
.FAQPage .A:before {
  content: "A.";
  color: brown;
  font-weight:bold;
}
.FAQPage .Q:before, .FAQPage .A:before {
  font-size: 1.25rem;
  padding: 4px 6px;
  margin-right: 6px;
  margin-left: -46px;
}
.FAQPage .Q {
  padding: 4px 20px 4px 2px;
  margin-left: 50px;
  margin-bottom:10px;
  font-weight:bold;
  
}

.FAQPage .A {
  padding: 4px 20px 10px 2px;
  margin-left: 50px;

}
.faq dd {
  margin-left:40px;
}

.troubleContent p
/*:not(:first-child)*/{
/*      margin: 10px 20px;*/ 
}
#electronicsFlow {
	display: flex;
	flex-wrap: wrap;
}
#electronicsFlow li:first-child {
	width: 100%;
}

.troubleTable caption{
	margin-bottom: 10px;
}

.troubleTable thead th{
	text-align: center;
	border: 1px solid #E5E5E5;
	padding:15px 20px;
	white-space: nowrap;
	background: #f7f7f7;
}

.troubleTable tbody th{
	border: 1px solid #E5E5E5;
	padding:15px 20px;
	font-weight: normal;
	white-space: nowrap;
}

.troubleTable td{
	padding:15px 20px;
	border: 1px solid #E5E5E5;
	vertical-align: middle;
}
.pro-catch {
    font-weight: bold;
    font-size: 18px;
    color: #115FAD;
    margin-bottom: 8px;
}
/* -------------------------------
   recruit
------------------------------- */

/*
#recruitSec ul li.recruit2 a{
	background: url(../images/recruit_recruit2.jpg) no-repeat center center;
}

#recruitSec ul li.p_affairs a{
	background: url(../images/recruit_p_affairs.jpg) no-repeat center center;
}
*/

#recruitSec ul li.newgrads a{
	background: url(../images/recruit_newfrads.webp) no-repeat center center;
}

#recruitSec ul li.career a{
	background: url(../images/recruit_career.webp) no-repeat center center;
}

/* -------------------------------
   exhibition
------------------------------- */

#exhibitionSec ul li.nepcon a{
	background: url(../images/expo_nepcon.webp) no-repeat center center;
}

#exhibitionSec ul li.jpca a{
	background: url(../images/expo_jpca.webp) no-repeat center center;
}

#exhibitionSec ul li.musubi a{
	background: url(../images/expo_musubi.webp) no-repeat center center;
}

#exhibitionSec ul li.webinar a{
	background: url(../images/expo_webinar.webp) no-repeat center center;
}

#exhibitionSec ul li.senjyou a{
	background: url(../images/expo_senjyou.webp) no-repeat center center;
}


/* -------------------------------
   contact
------------------------------- */

.sec .aptoenq_qa {
	margin: 20px 0 0 0!important;
}
.sec .aptoenq_qa input[type=text],
.sec .aptoenq_qa select,
.sec .aptoenq_qa textarea {
	border: 1px solid #CCC!important;
/*	padding: 9px!important; */
	font-size: 18px;
	width: 100%!important;
}
.sec .aptoenq_cusinfo input[type=text] {
	border: 1px solid #CCC!important;
	padding: 9px!important;
	font-size: 18px;
}

.tags {
	padding: 10px 10px 10px 30px;
	margin: 20px;
	border: #094575 solid 0px;
	border-radius: 20px;
	background: white;
	box-shadow: 2px 2px 3px 0px grey;
}

.toc {
  width: auto;
  display: table;
  margin: 20px;
  padding: 10px;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  border: #094575 solid 3px;
  border-radius: 20px;
  background-color: #fafafa;
}
.toc .toc-title {
  margin: 0;
  padding: 0;
  text-align: center;
  font-weight: bold;
}
.toc .toc-toggle {
  font-weight: normal;
  font-size: 90%;
}
.toc ul, .toc ul li {
  background: 0 0;
  list-style-type: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
.toc .toc-list {
  margin: 0;
  padding: 0;
}
.toc ul ul {
  margin-left: 1.5em;
}
.toc a {
  text-decoration: none;
  text-shadow: none;
}
.anchor {
  padding-top: 90px !important;
  margin-top: -90px !important;
}
@media screen and (max-width: 640px) {
  .anchor {
    padding-top: 40px !important;
    margin-top: -40px !important;
  }
}

.cookie-consent {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  bottom: 0;
  width: 100%;
  font-size: 15px;
  color: #fff;
  background: rgba(0,84,145,0.95);
  padding: 1.2em;
  box-sizing: border-box;
  visibility: hidden;
  z-index: 100000;
  }
.cookie-consent.is-show {
  visibility: visible;
}
.cookie-consent a {
  color: #fff !important;
}
.cookie-agree {
  color: rgb(0,84,145);
  background: #fff;
  padding: .5em 1.5em;
 border-radius:30px;
  font-weight: bold
}
.cookie-agree:hover {
  cursor: pointer;
}
/* パッと消える */
.cc-hide1 {
  display: none;
}
/* ゆっくり消える */
.cc-hide2 {
  animation: hide 1s linear 0s;
  animation-fill-mode: forwards;
}
@keyframes hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    visibility: hidden;
  }
}
/* メディアクエリ */
@media screen and (max-width: 600px) {
  .cookie-consent {
    flex-direction: column;
  }
  .cookie-text {
    margin-bottom: 1em;
  }
}

.mfoot ul li a{text-decoration:none;}
.bottomContact .inner li {white-space:nowrap}