/***********************************************
 * css0217
 ***********************************************/
.prod-spec {
    margin: 0 0 20px 0;
}
.prod-spec th {
    border: 1px solid #ccc;
    border-collapse: collapse;
    padding: 5px;
}
.prod-spec td {
    padding: 5px;
}
.human_ttl01 {
    font-size: 2rem;
    text-align: center;
    padding-bottom: 40px;
    padding-top:30px;
}
.human_box {
    width: 900px;
    margin: 0 auto;
}
.human_box_l {
    float: left;
    margin-right: 40px;
    width: 400px;
}
.human_box_r {
    float: left;
    width: 460px;
}
.human_ttl_sub {
    color: #154C98;
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 20px;
}
.human_name {
    text-align: right;
    margin: 20px 0;
}
.human_ttl02 {
    font-size: 2rem;
    text-align: center;
    margin: 40px 0 0;
}
.human_no {
    color: #95ABCF;
    font-weight: bold;
    font-size: 90px;
    float: left;
}
.human_no_name {
    font-weight: bold;
    font-size: 16px;
    border-bottom: 1px #154C9A solid;
    width: 70px;
    padding-top: 75px;
    float: left;
}
.human_img {
    text-align: center;
}
table.entry_new_t {
    width: 100%;
    margin: 0 auto;
}
.entry_new_t tr {
    border-top: 1px dotted #96ACD0;
    border-bottom: 1px dotted #96ACD0;
}
.entry_new_t th {
    width: 30%;
    padding: 1rem 0;
}
.entry_new_t td {
    padding:1rem 0 1rem .5rem
}
span.entry_green {
    color: #80AE1F;
    padding-right: 20px;
}
span.entry_blue {
    color: #4470AD;
    padding-right: 20px;
}
.entry_btn {
    width: 434px;
    margin: 40px auto 0;
    padding: 20px;
    background: #80AE1F;
    text-align: center;
    border-radius: 20px;
}
a.entry_new_btn {
    color: #fff;
    font-size: 24px;
    font-weight: bold;
}
a.entry_new_btn:hover {
    color: #ccc;
    text-decoration: none;
}
.new_entry_f {
    width: 900px;
    margin: 0 auto 40px;
    text-align: center;
}
.contat_txt {
    text-align: center;
    margin: 40px 0;
}
span.wpcf7-list-item {
    display: block;
}
#post-131 .wpcf7-checkbox .wpcf7-list-item:nth-child(2),
#post-131 .wpcf7-checkbox .wpcf7-list-item:nth-child(3),
#post-131 .wpcf7-checkbox .wpcf7-list-item:nth-child(4),
#post-131 .wpcf7-checkbox .wpcf7-list-item:nth-child(6),
#post-131 .wpcf7-checkbox .wpcf7-list-item:nth-child(7),
#post-131 .wpcf7-checkbox .wpcf7-list-item:nth-child(8){
	display: none;
	padding-left: 30px;
}

.group-cat p:last-of-type {
  display: flex;
  align-items: center;
}
.group-cat p:last-of-type label {
  width: auto;
  margin-right: .5rem;
  margin-bottom: 0;
}
.group-cat p:last-of-type span.cat-text,.group-cat p:last-of-type span.cat-text2 {
  width: 70%;
}


/***********************************************
 * common
 ***********************************************/
html {
	background: #fff;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}
body{
	color:#030303;
  line-height:1.6;
}
#wpfront-scroll-top-container{
  right:calc(50% - 15.5px) !important;
}
/* リンク */
a{
	color:#004CA7;
	transition:.3s;
}
a:hover{
	color:#0099CC;
	text-decoration:underline;
}
.alpha{
	transition:.3s;
}
.alpha:hover{
	background-color:rgba(255,255,255,.6);
}
.block-link:hover{
  text-decoration:none;
}
a.disabled{
    pointer-events: none;
    visibility: hidden;
}
a.divlink:hover{
    text-decoration:none;
}
/* list */
.list-alpha{
	list-style-type: lower-alpha;
}
.fa-ul{
	margin-left:1.3rem !important;
}
.bd-dot{
  list-style:none;
}
.bd-dot li{
  border-bottom:1px dashed #000;
  padding:1rem 0;
}
.bd-dot li::before{
  content:'■';
  padding-right:.5rem;
}
.gr-arrow{
  list-style:none;
}
.gr-arrow li{
    border-bottom:1px dotted #000;
    padding:.8rem 0;
}
.gr-arrow li::before{
  font-family: FontAwesome;
  font-weight: 900;
  content: "\f138";
  color:#707070;
  margin-right:.3rem;
}
/* 見出し */
.h-blue{
	font-size:1.1rem;
	background: rgb(21,76,164);
	background: linear-gradient(90deg, rgba(28,80,141,1) 0%, rgba(28,80,141,0) 100%);
	color:#fff;
	font-weight:600;
	padding:0.5rem;
}
.h-blue-border{
  font-size:1.8rem;
  font-weight:bold;
  text-align:center;
  color:#4470b6;
  border-bottom:2px solid #4470b6;
  padding:1rem;
}
.h-blue-border-lg{
  font-size:2.5rem;
  border-bottom:4px solid #154ca4;
  color:#154ca4;
}
.h-white-border-lg{
  font-size:2.5rem;
  border-bottom:4px solid #fff;
  color:#fff;
}
.h-black-border{
  font-size:1.3rem;
  font-weight:bold;
  text-align:left;
  color:#000;
  border-bottom:5px solid #000;
  padding:1rem 0;
}

.h-white-border{
  font-size:1.3rem;
  font-weight:bold;
  text-align:left;
  color:#fff;
  border-bottom:5px solid #fff;
  padding:1rem 0;
}
@media (min-width: 768px) {
  .h-blue-border-lg{font-size:3.75rem;}
  .h-white-border-lg{font-size:3.75rem;}
}

.prod-h-blue{
  padding:1rem .5rem;
  font-size:1.3rem;
  font-weight:600;
  color:#fff;
  background-color:#154c80;
  margin-bottom:2rem;
}
.h-blue-leftborder{
  border-left:5px solid #0840AC;
  padding-left:10px;
}

/* width */
.w-md-20{width:100%;}
.w-md-25{width:100%;}
.w-md-30{width:100%;}
.w-md-40{width:100%;}
.w-md-50{width:100%;}
.w-md-60{width:100%;}
.w-md-70{width:100%;}
.w-md-75{width:100%;}
.w-md-80{width:100%;}
@media (min-width: 768px) {
	.w-md-20{width:20%;}
	.w-md-25{width:25%;}
	.w-md-30{width:30%;}
	.w-md-40{width:40%;}
	.w-md-50{width:50%;}
	.w-md-60{width:60%;}
	.w-md-70{width:70%;}
	.w-md-75{width:75%;}
	.w-md-80{width:80%;}
}
.mw-80{max-width:80vw;}
.pb-md-150{
  padding-bottom:30px;
}
@media (min-width: 768px) {
  .pb-md-150{
    padding-bottom:150px;
  }
}
.w-33{width:33.3% !important;}

.h-250{height:250px;}

.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}
/* image */
.border-blue{
  transition: .3s;
}
.border-blue:hover{
  outline: rgba(28, 80, 143,0.6) auto 5px;
}
.i-youtube{
  font-size:8vw;
  color:#FF0000;
}
a.i-youtube:hover{
  color:#282828;
}
.img-zoom-wrapper{
  overflow: hidden;
  height:200px;
}

.bg-img-zoom-1{
	background-image:url(/wp-content/uploads/2020/04/img-infocus-1-off.jpg);
	background-repeat: no-repeat;
	background-size:contain;
	background-position:center;
  height:200px;
}
.bg-img-zoom-1:hover{
  background-image:url(/wp-content/uploads/2020/04/img-infocus-1-on.jpg);
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
.bg-img-zoom-2{
	background-image:url(/wp-content/uploads/2020/04/img-infocus-2-off.jpg);
	background-repeat: no-repeat;
	background-size:contain;
	background-position:center;
  height:200px;
}
.bg-img-zoom-2:hover{
  background-image:url(/wp-content/uploads/2020/04/img-infocus-2-on.jpg);
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
.bg-img-zoom-3{
	background-image:url(/wp-content/uploads/2020/04/img-infocus-3-off.jpg);
	background-repeat: no-repeat;
	background-size:contain;
	background-position:center;
  height:200px;
}
.bg-img-zoom-3:hover{
  background-image:url(/wp-content/uploads/2020/04/img-infocus-3-on.jpg);
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
.bg-img-zoom-4{
	background-image:url(/wp-content/uploads/2020/04/img-infocus-4-off.jpg);
	background-repeat: no-repeat;
	background-size:contain;
	background-position:center;
  height:200px;
}
.bg-img-zoom-4:hover{
  background-image:url(/wp-content/uploads/2020/04/img-infocus-4-on.jpg);
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
.bg-cover{
  background-size:cover;
  background-position:center;
  width:100%;
}
.img-cover{
  object-fit:cover;
  font-family: 'object-fit: cover;';
  object-position:center;
  width:100%;
}
/* button */
.button {
   /*width: 140px;*/
  height: 45px;
  font-family: 'Roboto', sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  font-weight: 500;
  color: #000;
  background-color: #fff;
  border: none;
  border-radius: 45px;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease 0s;
  cursor: pointer;
  outline: none;
	padding:0.5rem 1rem;
  margin-bottom:2rem;
  }

.button:hover {
  background-color: #4169e1;
  box-shadow: 0px 15px 20px rgba(65, 105, 225, 0.4);
  color: #fff;
  transform: translateY(-7px);
}

.btn-dark{
	background-color:#000;
	color:#fff;
}
.btn-dark:hover{
	color:#fff;
  box-shadow: 0px 15px 20px rgba(102, 102, 102, 0.4);
	background-color:#666;
}
.btn-black{
	background-color:#000;
	color:#fff;
  border-radius:0;
  border:1px solid #000;
  transition:.3s;
}
.btn-black:hover{
	color:#fff;
	background-color:#666;
  border:1px solid #666;
}

.btn-green{
	color:#fff;
	background-color:#80AE1F;
  padding:1rem 2rem;
  font-weight:600;
  border-radius:1rem;
}
.btn-green:hover{
	color:#fff;
	background-color:rgba(128, 174, 31,0.6);
}
.btn-entry-blue{
	color:#fff;
	background-color:#004DA0;
  padding:1rem 2rem;
  font-weight:600;
  border-radius:1rem;
}
.btn-entry-blue:hover{
	color:#fff;
	background-color:rgba(0, 77, 160,0.6);
}
.btn-primary{
  background-color:#333;
  border:1px solid #333;
}
.btn-blue{
	color:#fff;
	background-color:#004DA0;
}
.btn-blue:hover{
	color:#fff;
	background-color:#0076f5;
	box-shadow: 0px 15px 20px rgba(0, 118, 245, 0.4);
}
.btn-white{
	background-color:#fff;
	color:#3e3a39;
  border:1px solid #3e3a39;
  border-radius:0;
}
.btn-white:hover{
	color:#fff;
	background-color:#3D7CA3;
  border:1px solid #3D7CA3;
  border-radius:0;
}
.btn-trans-blue{
	color:#154c80;
	background-color:#fff;
  border-radius:0;
  border:1px solid #154c80;
  font-size:.9rem;
}
.btn-trans-blue:hover{
	color:#fff;
	background-color:#154c80;
  border-radius:0;
  font-size:.9rem;
}
/* font */
.f-09rem{font-size:0.9rem;}
.f-08rem{font-size:0.8rem;}
.f-07rem{font-size:0.7rem;}
.f-10rem{font-size:1.0rem;}
.f-11rem{font-size:1.1rem;}
.f-12rem{font-size:1.2rem;}
.f-13rem{font-size:1.3rem;}
.f-15rem{font-size:1.5rem;}
.f-175rem{font-size:1.75rem;}
.f-18rem{font-size:1.8rem;}
.f-20rem{font-size:2rem !important;}
.f-225rem{font-size:2.25rem;}
.f-25rem{font-size:2.5rem;}
.f-4rem{font-size:3rem;}
.f-5rem{font-size:3rem;}
.text-blue{color:#154c80;}
.text-lightblue{color:#9fb5d9;}
.f-green{color:#80AE1F;}
.f-contact-blue{color:#4470b6;}
.f-entry-blue{color:#4470AD;}
.f-gray{color:#707070;}
.bold{font-weight:600;}
.lineh-2rem{line-height:2rem;}
.lineh-3rem{line-height:2rem;}

@media (min-width: 768px) {
	.f-4rem{font-size:4rem;}
	.f-5rem{font-size:5rem;}
	.lineh-3rem{line-height:3rem;}
}

.txt-shadow{text-shadow:1px 1px 2px #000;}

/* background */
.bg-alpha{background-color:rgba(255,255,255,0.8);}
.bg-blue{background-color:#154c80;}
.bg-blue2{background-color:#0840AC;}
.bg-entry-blue{background-color:#4470AD;}
.bg-gray{background-color:#ecf0f7;}
.bg-black{background-color:#000;}
.bg-circle{
	background-image:url(/wp-content/uploads/2020/04/bg-circle.png);
	background-repeat: no-repeat;
	background-size:contain;
	background-position-y:center;
}
.bg-stripe{
  background-color: rgba(255, 255, 255, 1);
  background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(242, 246, 250, 1) 5px, rgba(242, 246, 250, 1) 25px );
}
.bg-cover{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.bg-blue-gradient{
  background: linear-gradient(90deg, #3d7ca3 0%, #3876a0 1.49%, #2b6498 7.12%, #225893 14.05%, #1d518f 23.61%, #1c508f 48.35%, #1d518f 75.74%, #225892 85.61%, #2b6498 92.64%, #37759f 98.29%, #3d7ca3 100%);
}
.bg-blue-gradient2{
  background: linear-gradient(#0840ac 0%, #042056 100%);
}
/* table */
.tbl-1{
	border:0;
	margin:0 auto;
  border-collapse: collapse;
}
.tbl-1 tbody{
  border-bottom:1px dotted #333
}
.tbl-1 tr{
	border-top:1px dotted #333;

}
.tbl-1 th, .tbl-1 td{
	padding:1rem 0;
}
.tbl-1 th{width:20%;}
.tbl-1 tr:last-child{
	border-bottom:1px dotted #333;
}


/* vertical */
.v-rl-idomu{
  writing-mode:initial;
  max-height:initial;
  max-width:100%;
  text-align:center;
}
.v-rl{
  writing-mode:initial;
  max-height:initial;
  max-width:100%;
  color:#fff;
  text-align:center;
  padding-top:50%;
}
@media (min-width: 768px) {
  .v-rl-idomu{
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    position: absolute;
    right: 0;
    padding-top: initial;
    top: 115px;
  }
  .v-rl{
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    position: absolute;
    right: 0;
    bottom:0;
    padding-top:initial;
  }
}

/* アコーディオンメニュー */
.menu_wrap {
    width: 100%;
    margin: 0;
    padding: 0;
}

.menu_wrap a {
    display: block;
    text-decoration: none;
    color: #000;
}
.menu_wrap ul {
    margin: 0;
    padding: 0;
}
.menu_wrap li {
    background: #fff;
    font-size: 13px;
    width: 100%;
    max-height: 0;
    padding: 0 20px 0 10px;
    overflow-y: hidden;
}

.menu_wrap label {
    background: #fff;
    position: relative;
    display: block;
    font-size:1.1rem;
    font-weight:600;
    letter-spacing: 0;
    width: 100%;
    padding: 0 10px 0 25px;
}

.menu_wrap label:before {
    color: #000;
    content: '＋';
    position: absolute;
    top: 0;
    left: 4px;
}
.menu_wrap label a{
  pointer-events:none;
}
.menu_wrap p{
  margin-left:2.5rem;
  font-size:.9rem;
}
.menu_wrap > a{
  color:#000;
  font-size:1.1rem;
  transition:.3s;
  font-weight:600;
}
.menu_wrap > a:hover{
  color: #154c80;
}

#cat1:checked + label a,
#cat2:checked + label a,
#cat3:checked + label a,
#cat4:checked + label a,
#cat5:checked + label a {
    color: #154c80;
    pointer-events:initial;
    border-bottom:1px solid #000;
}
#cat1:checked + label:before,
#cat2:checked + label:before,
#cat3:checked + label:before,
#cat4:checked + label:before,
#cat5:checked + label:before {
    color: #000;
    content: '?';
    position: absolute;
    top: 0;
    left: 6px;
}

.menu_wrap input {
    display: none;
}
#menu_list1,
#menu_list2,
#menu_list3,
#menu_list4,
#menu_list5 {
    display: none;
}
#cat1:checked ~ #menu_list1,
#cat2:checked ~ #menu_list2,
#cat3:checked ~ #menu_list3,
#cat4:checked ~ #menu_list4,
#cat5:checked ~ #menu_list5 {
    display: block;
}
#cat1:checked ~ #menu_list1 li,
#cat2:checked ~ #menu_list2 li,
#cat3:checked ~ #menu_list3 li,
#cat4:checked ~ #menu_list4 li,
#cat5:checked ~ #menu_list5 li {
    max-height: 100%;
    opacity: 1;
}


/* 平行四辺形div */
.box-parallelogram {
	display: inline-block;
	transform: skewX(0);
	padding: 0;
	background: #004DA0;
	font-size: 16px;
	width:100%;
	overflow:hidden;
}
.box-parallelogram span {
	display: block;
	transform: skewX(0);
	background-color:#004DA0;
	color:#fff;
}
.box-parallelogram img {
	display: inline-block;
	transform: skewX(0) scale(1);
	-webkit-transform: skewX(0) scale(1);
	-moz-transform: skewX(0) scale(1);
	width:100%;
	height:150px;
	object-fit:cover;
  font-family: 'object-fit: cover;';
}
@media (min-width: 768px) {
	.box-parallelogram {
		display: inline-block;
		transform: skewX(-25deg);
		padding: 0;
		background: #004DA0;
		font-size: 16px;
		width:80%;
		overflow:hidden;
	}
	.box-parallelogram span {
		display: block;
		transform: skewX(25deg);
		background-color:#004DA0;
		color:#fff;
		margin-left:-5%;
		width:110%;
	}
	.box-parallelogram img {
		display: inline-block;
		transform: skewX(25deg) scale(1.8);
		-webkit-transform: skewX(25deg) scale(1.8);
		-moz-transform: skewX(25deg) scale(1.8);
		width:100%;
		height:150px;
		object-fit:cover;
    font-family: 'object-fit: cover;';

	}
}

.box-recruit-parallelogram {
	display: inline-block;
	transform: skewX(0);
	padding: 0;
	background: #004DA0;
	font-size: 16px;
	width:80%;
	overflow:hidden;
}
.box-recruit-parallelogram span {
	display: block;
	transform: skewX(0);
	background-color:#004DA0;
	color:#fff;
  font-weight:600;
}
.box-recruit-parallelogram img {
	display: inline-block;
	transform: skewX(0) scale(1);
	-webkit-transform: skewX(0) scale(1);
	-moz-transform: skewX(0) scale(1);
	width:100%;
	height:150px;
	object-fit:cover;
  font-family: 'object-fit: cover;';
}
@media (min-width: 768px) {
	.box-recruit-parallelogram {
		display: inline-block;
		transform: skewX(-20deg);
		padding: 0;
		background: #004DA0;
		font-size: 16px;
		width:80%;
		overflow:hidden;
	}
	.box-recruit-parallelogram span {
		display: block;
		transform: skewX(20deg);
		background-color:#004DA0;
		color:#fff;
		margin-left:-5%;
		width:110%;
	}
  	.box-recruit-parallelogram span span {
  		display: block;
  		transform: skewX(0);
  		background-color:#004DA0;
  		color:#fff;
  		margin-left:-5%;
  		width:110%;
      font-size:0.8rem;
  	}
	.box-recruit-parallelogram img {
		display: inline-block;
		transform: skewX(20deg) scale(1.3);
		-webkit-transform: skewX(20deg) scale(1.3);
		-moz-transform: skewX(20deg) scale(1.3);
		width:100%;
		height:150px;
		object-fit:cover;
    font-family: 'object-fit: cover;';
    object-position: left;

	}
}
/* image */
.object-cover{object-fit: cover;}
.object-center{object-position:center;}


/* position */
.p-relative{position:relative;}
.p-absolute{position:absolute;}

/***********************************************
 * ナビゲーション
 ***********************************************/

.navbar{
	position:absolute;
	left:0;
	width:100%;
	z-index:6;
  font-size:.8rem;
}
/*
#main-menu .active{
	border-bottom:2px solid #004DA0;
}
#main-menu .active:hover{
  border-bottom:0;
}
*/
.navbar-light .navbar-nav .nav-link{
  border-bottom:2px solid rgba(255,255,255,0);
  color:#000;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
	border-bottom:2px solid #004DA0;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
	border-bottom:2px solid #004DA0;
}
@media (min-width: 768px) {
  /* ドロップダウンメニュー横並び100%表示 */
  .dropdown {
  position: static;
  }
  .dropdown-menu{
    background-color:rgba(255,255,255,0.8);
    border-radius:0;
    font-size:.8rem;
    margin:0;
    border:0;
  }
  .dropdown-item{
    border-bottom:2px solid rgba(255,255,255,0);
  }
  .dropdown-item:focus, .dropdown-item:hover{
    border-bottom:2px solid #004DA0;
    background-color:transparent;
  }
  .dropdown-menu.show {
  width: 100%;
  display:flex;
  }
  .dropdown-toggle:hover .dropdow-menu {
  width: 100%;
  display:flex;
  }

}

.header-top{
	font-size:0.8rem;
}
.header-top > .d-flex{
	justify-content: flex-end;
}
.btn-catalog{
	border-radius:0;
	font-size:0.8rem;
	background-color:#154c80;
	color:#fff;
}
.btn-catalog:hover{
	background-color:#1f6fba;
	color:#fff;
}
.btn-download{
	border-radius:0;
	font-size:0.8rem;
	background-color:#b98000;
	color:#fff;
}
.btn-download:hover{
	background-color:#eca300;
	color:#fff;
}
.btn-trans{
	border-radius:0;
	font-size:0.8rem;
  border:1px solid #fff;
  text-shadow:1px 1px 2px #7b7b7b;
	background-color:rgba(255,255,255,0);
	color:#fff;
  font-weight:bold;
  font-size:1.1rem;
  position:relative;
}
.btn-trans:hover{
	background-color:rgba(255,255,255,1);
	color:#154c80;
  text-shadow:initial;
}

.btn-trans span{
  display:block;
  padding-right:1.5rem;
}
.btn-trans span::before{
  position: absolute;
  right: 10px;
  top: 20.5px;
  display: block;
  content: "";
  width: 15px;
  height: 1px;
  background: #fff;
}
.btn-trans span::after{
  position: absolute;
  right: 12px;
  top: 15px;
  display: block;
  content: "";
  width: 11px;
  height: 11px;
  border-top: 1px solid #fff;
  transform: rotate(45deg);

}
.btn-trans:hover span::before{
  background: #154c80;
}
.btn-trans:hover span::after{
  border-top: 1px solid #154c80;
}

/* white */
.btn-white-arrow{
	border-radius:0;
	font-size:0.8rem;
  border:1px solid #707071;
	background-color:#fff;
	color:#000;
  font-weight:bold;
  font-size:1.1rem;
  position:relative;
}
.btn-white-arrow:hover{
	background-color:#3D7CA3;
  border:1px solid #3D7CA3;
	color:#fff;
}

.btn-white-arrow span{
  display:block;
  padding-right:1.5rem;
}
.btn-white-arrow span::before{
  position: absolute;
  right: 10px;
  top: 23.5px;
  display: block;
  content: "";
  width: 15px;
  height: 1px;
  background: #000;
}
.btn-white-arrow span::after{
  position: absolute;
  right: 12px;
  top: 18px;
  display: block;
  content: "";
  width: 11px;
  height: 11px;
  border-top: 1px solid #000;
  transform: rotate(45deg);

}
.btn-white-arrow:hover span::before{
  background: #fff;
}
.btn-white-arrow:hover span::after{
  border-top: 1px solid #fff;
}

/* black */
.btn-black-arrow{
	border-radius:0;
  border:1px solid #000;
	background-color:#000;
	color:#fff;
  position:relative;
}
.btn-black-arrow:hover{
	background-color:#fff;
	color:#000;
  box-shadow:0px 15px 20px rgba(0, 0, 0, 0.4);
}

.btn-black-arrow span{
  display:block;
  padding-right:1.5rem;
}
.btn-black-arrow span::before{
  position: absolute;
  right: 10px;
  top: 37px;
  display: block;
  content: "";
  width: 15px;
  height: 1px;
  background: #fff;
}
.btn-black-arrow span::after{
  position: absolute;
  right: 12px;
  top: 32px;
  display: block;
  content: "";
  width: 11px;
  height: 11px;
  border-top: 1px solid #fff;
  transform: rotate(45deg);

}
.btn-black-arrow:hover span::before{
  background: #000;
}
.btn-black-arrow:hover span::after{
  border-top: 1px solid #000;
}

/* green */
.btn-green-arrow{
	border-radius:0;
  border:1px solid #1C8F51;
	background-color:#1C8F51;
	color:#fff;
  position:relative;
}
.btn-green-arrow:hover{
	background-color:#fff;
	color:#1C8F51;
}

.btn-green-arrow span{
  display:block;
  padding-right:1.5rem;
}
.btn-green-arrow span::before{
  position: absolute;
  right: 10px;
  top: 37px;
  display: block;
  content: "";
  width: 15px;
  height: 1px;
  background: #fff;
}
.btn-green-arrow span::after{
  position: absolute;
  right: 12px;
  top: 32px;
  display: block;
  content: "";
  width: 11px;
  height: 11px;
  border-top: 1px solid #fff;
  transform: rotate(45deg);

}
.btn-green-arrow:hover span::before{
  background: #1C8F51;
}
.btn-green-arrow:hover span::after{
  border-top: 1px solid #1C8F51;
}



/* blue */
.btn-blue-arrow{
	border-radius:0;
  border:1px solid #1C508F;
	background-color:#1C508F;
	color:#fff;
  position:relative;
}
.btn-blue-arrow:hover{
	background-color:#fff;
	color:#1C508F;
}

.btn-blue-arrow span{
  display:block;
  padding-right:1.5rem;
}
.btn-blue-arrow span::before{
  position: absolute;
  right: 10px;
  top: 37px;
  display: block;
  content: "";
  width: 15px;
  height: 1px;
  background: #fff;
}
.btn-blue-arrow span::after{
  position: absolute;
  right: 12px;
  top: 32px;
  display: block;
  content: "";
  width: 11px;
  height: 11px;
  border-top: 1px solid #fff;
  transform: rotate(45deg);

}
.btn-blue-arrow:hover span::before{
  background: #1C508F;
}
.btn-blue-arrow:hover span::after{
  border-top: 1px solid #1C508F;
}


hr{
  border-top:1px solid rgba(0,0,0,0.5);
}

.header-top [type=text]{
	border:2px solid #333;
}
.header-top [type=submit]{
	background-color:#333;
	color:#fff;
	border:1px solid #333;
}
	.footer-menu ul{
		list-style:none;
		margin:0 auto;
		display:flex;
		flex-direction:column;
		padding-left:0;
	}
	.footer-menu ul li{
		padding:0.5rem 0;
		display:block;
	}

@media (min-width: 768px) {

	.footer-menu ul{
		display:table;
		padding-left:0;
	}
	.footer-menu ul li{
		padding:1rem;
		display:table-cell;
	}
}

#wrapper-footer{
	background-color:#333;
	padding:5px 0;
}
.dropdown-toggle::after {
    display: initial;
    margin-left: initial;
    vertical-align: initial;
    /* content: ""; */
    border-top: initial;
    border-right: initial;
    border-bottom: initial;
    border-left: initial;
}
#wrapper-hero,#page-wrapper{
  /*margin-top:58.92px;*/
  padding-top:0;
}
.wrapper-footer-logo{
  padding-top:20px;
  text-align:center;
  margin:0 auto;
  width:100%;
  height:100%;
  margin-bottom:20px;
}
@media (min-width: 768px) {
  .wrapper-footer-logo{
    padding-top:65%;
    margin-bottom:0;
  }
}
/***********************************************
 * 固定ページヘッダー
 ***********************************************/
.page-header{
	/*margin-top:85px;*/
	height:calc(30vw + 58.92px);
	width:100%;
	background-size:contain;
	background-position: top center;
	position:relative;
  background-repeat:no-repeat;
}
.page-header-title{
	position:absolute;
	bottom:-21px;
	margin-left:1rem;
  padding-right:5rem;
	text-align:left;
	font-size:2.5rem;
  color: #fdfdfd;
  opacity: 0.6;
}
.page-header-title-sub h1{
	font-size:1.2rem;
}
.page-header-title-desc{
	position:absolute;
	top:70%;
  transform:translateY(-70%);
  font-size:1rem;
	color:#fff;
	text-shadow: 0 2px 0 #003, 0 3px 0 #000, 0 4px 5px #000;
  width:100%;
  padding-left:1rem;
  padding-right:1rem;

}
.page-header-title-desc h2, .page-header-title-desc p{font-size:1.2rem !important;}
#post-119 .page-header-title-desc h2, .page-header-title-desc p{font-size:0.9rem !important;}
@media (min-width: 768px) {
  .page-header{
  	height:calc(50vh + 85px);
  	width:100%;
  	background-size:cover;
  }
  .page-header-title{
    padding-right:10rem;
    margin-left:5rem;
  }
  .page-header-title-sub h1{
  	font-size:80px;
  }
  .page-header-title-desc{
  	top:50%;
    transform:translateY(-50%);
  }
  .page-header-title-desc h2, .page-header-title-desc p{font-size:40px !important;}

}
/* ニッコーのものづくり */
#post-112 .page-header{background-image:url("/wp-content/uploads/2020/04/header-inforcus.jpg");}
/* IN FOCUS トップ */
#post-807 .page-header{background-image:url("/wp-content/uploads/2020/04/header-infocus-1.jpg");}
/* 会社紹介 */
#post-110 .page-header{background-image:url("/wp-content/uploads/2020/04/header-compay.jpg");}
/* 沿革 */
#post-119 .page-header{background-image:url("/wp-content/uploads/2020/04/header-history.jpg");}
/* お問い合わせ */
#post-131 .page-header{background-image:url("/wp-content/uploads/2020/04/contact_visual-scaled.jpg");}
/* お問い合わせ完了 */
#post-861 .page-header{background-image:url("/wp-content/uploads/2020/04/contact_visual-scaled.jpg");}
/* 個人情報保護方針 */
#post-80 .page-header{background-image:url("/wp-content/uploads/2020/04/header-privacy.jpg");}
/* 利用規約 */
#post-84 .page-header{background-image:url("/wp-content/uploads/2020/04/header-kiyaku.jpg");}
/* CSR */
#post-261 .page-header{background-image:url("/wp-content/uploads/2020/04/header-csr.jpg");}
/* 求める人材 */
#post-581 .page-header{background-image:url("/wp-content/uploads/2020/04/header-recruit-top.jpg");}
/* 新卒採用 */
#post-609 .page-header{background-image:url("/wp-content/uploads/2020/04/header-recruit-top.jpg");}
/* 新卒採用エントリーフォーム */
#post-616 .page-header{background-image:url("/wp-content/uploads/2020/04/header-recruit-top.jpg");}
/* 新卒採用エントリーフォーム完了 */
#post-710 .page-header{background-image:url("/wp-content/uploads/2020/04/header-recruit-top.jpg");}
/* 中途採用 */
#post-696 .page-header{background-image:url("/wp-content/uploads/2020/04/header-recruit-top.jpg");}
/* 中途採用エントリーフォーム */
#post-703 .page-header{background-image:url("/wp-content/uploads/2020/04/header-recruit-top.jpg");}
/* 中途採用エントリーフォーム完了 */
#post-859 .page-header{background-image:url("/wp-content/uploads/2020/04/header-recruit-top.jpg");}
/* カタログダウンロード */
#post-623 .page-header{background-image:url("/wp-content/uploads/2020/04/catalog_mainvisual.jpg");}

/* カタログダウンロードフォーム */
#post-787 .page-header{background-image:url("/wp-content/uploads/2020/04/catalogDL_headerA.png");}
/* カタログダウンロードフォーム完了 */
#post-875 .page-header{background-image:url("/wp-content/uploads/2020/04/catalogDL_headerA.png");}

/* SDGs */
#post-50281 .page-header{background-image:url("/wp-content/uploads/2025/03/header-sdgs.jpg");}

/* DX宣言 */
#post-61613 .page-header{background-image:url("/wp-content/uploads/2025/05/DX_TOP2.jpg");}



/***********************************************
 * トップページ
 ***********************************************/
.content-area{padding-left:0;padding-right:0;}

#wrapper-hero .custom-html-widget{
  width:100%;
  height:50vh;
  position:relative;
}
#wrapper-hero video{
  position:absolute;
  top:0;
  width:100%;
  height:100%;
	object-fit:cover;
	object-position:center;
  font-family: 'object-fit: cover; object-position: center;';
}
@media (min-width: 768px) {
  #wrapper-hero .custom-html-widget{
    height:calc(100vh - 54px);
  }
}

/*
.img-top-mv{
	height:100vh;
	width:100%;
	object-fit:cover;
	object-position:center;
  font-family: 'object-fit: cover;';
}
*/
.bg-infocus{
	height:calc(50vh);
	width:100%;
	background-image:url("/wp-content/uploads/2020/04/bg-in-focus-off.png");
	background-size:cover;
	background-position: right bottom;
	position:relative;
  transition:.3s;
}
.bg-infocus:hover{
	background-image:url("/wp-content/uploads/2020/04/bg-in-focus-on.png");
}
.bg-solution{
	height:calc(50vh);
	width:100%;
	background-image:url("/wp-content/uploads/2020/04/bg-solution-off.png");
	background-size:cover;
	background-position: right bottom;
	position:relative;
  transition:.3s;
}
.bg-solution:hover{
	background-image:url("/wp-content/uploads/2020/04/bg-solution-on.png");
}
.bg-casestudy{
	height:calc(55vh);
	width:100%;
	background-image:url("/wp-content/uploads/2020/04/bg-casestudy-off.png");
	background-size:cover;
	background-position: right bottom;
	position:relative;
  transition:.3s;
}
.bg-casestudy:hover{
	background-image:url("/wp-content/uploads/2020/04/bg-casestudy-on.png");
}
.bg-recruit{
	height:calc(65vh);
	width:100%;
	background-image:url("/wp-content/uploads/2020/04/bg-recruit-off.png");
	background-size:cover;
	background-position: left bottom;
	position:relative;
  transition:.3s;
}
.bg-recruit:hover{
	background-image:url("/wp-content/uploads/2020/04/bg-recruit-on.png");
}
.bg-news-wrapper{
  padding-bottom:2rem;
  background-image:initial;
  background-position: initial;
}
@media (min-width: 768px) {
  .bg-news-wrapper{
    padding-bottom:100px;
    background-image:url(/wp-content/uploads/2020/04/bg-wrapper-news.png);
    background-position: right 445px;
    background-repeat:no-repeat;
  }
}
.bg-news{
	height:calc(40vh);
	width:100%;
	background-size:cover;
	background-position: center center;
	position:relative;
}
/*
@media (min-width: 768px) {
	.img-top-mv{
		height:calc(100vh - 114px);
	}
}
*/
.bg-primary {
	background-color: rgba(255,255,255,0.8) !important;
  color:#231815 !important;
}

.top-mv-news{
	padding:0.7rem 1rem;
	background-color:rgba(255,255,255,0.8);
	width:100%;
	font-size:2rem;
	z-index:6;
  position:relative;
}

.top-cont{
	position:relative;
}

@media (min-width: 768px) {
  .top-mv-news{
  	bottom:59px;
    left:0;
    position:absolute;
	  position:relative;
  }
}
.icon-nr{
	color:#fff;
	font-size:0.7rem;
	background-color:#707070;
	border-radius:5px;
	padding:0.2rem 0.5rem;
}

.icon-info{
	color:#fff;
	font-size:0.7rem;
	background-color:#8D4303;
	border-radius:5px;
	padding:0.2rem 0.5rem;
}

.icon-blog{
	color:#fff;
	font-size:0.7rem;
	background-color:#034E11;
	border-radius:5px;
	padding:0.2rem 0.5rem;
}
.icon-news{
	color:#fff;
	font-size:0.7rem;
	background-color:#173B92;
	border-radius:5px;
	padding:0.2rem 0.5rem;
}

.top-mv-news .icon-nr, .top-mv-news .icon-info, .top-mv-news .icon-blog, .top-mv-news .icon-news{
	font-size:0.5em;
	white-space: nowrap;
}

.slide-case img{
	margin:0 auto;
}
.box-news{
	border:1px solid #666;
	padding:50px 30px 0;
  background-color:#fff;
	width:1120px;
	margin-left:auto;
	margin-right:auto;
}
.box-news ul{
	list-style:none;
	padding-left:0;
}
.tab-wrap {
  display: flex;
  flex-wrap: wrap;
  margin:20px 0;
}

.tab-label {
  color: #000;
  background: #fff;
	font-size:16px;
	font-weight:600;
  white-space: nowrap;
  text-align: center;
  padding: 10px .5rem;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  flex: 1;
}
.tab-label:not(:last-of-type) {
  margin-right: 5px;
}
.tab-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
.box-news label{
/*  border-right:2px solid #000;*/
}
.box-news label:last-of-type{
  border-right:0;
}
/* アクティブなタブ */
.tab-switch:checked+.tab-label {
  border-bottom: 2px solid #154ca4;
}
.tab-switch:checked+.tab-label+.tab-content {
  height: auto;
  overflow: auto;
  padding: 15px;
  opacity: 1;
  transition: .5s opacity;
}
/* ラジオボタン非表示 */
.tab-switch {
  display: none;
}

.slick-slide{position:relative;}
.case-number{
  position:absolute;
  left:0;
  top:1rem;
}
.case-title{position:absolute;left:0;bottom:0;width:100%;text-align:center;}

.bg-top-lead{
  width:100%;
  height:auto;
}
@media (min-width: 768px) {
  .bg-top-lead{
  	background-image:url("/wp-content/uploads/2020/04/IDOMU.png");
    background-size:contain;
    background-position:-55px;
    background-repeat:no-repeat;
    height:750px;
  }
}

.bg-top-infocus1{
  background-image: url("/wp-content/uploads/2020/04/top-infocus-1.png");
  background-size:cover;
  background-position:center;
  width:100%;
  height:350px;
  transition:.3s;
}
.bg-top-infocus1:hover{
  background-image: url("/wp-content/uploads/2020/04/top-infocus-1-on.png");
}
.bg-top-infocus2{
  background-image: url("/wp-content/uploads/2020/04/top-infocus-2.png");
  background-size:cover;
  background-position:center;
  width:100%;
  height:350px;
  transition:.3s;
}
.bg-top-infocus2:hover{
  background-image: url("/wp-content/uploads/2020/04/top-infocus-2-on.png");
}
.bg-top-infocus3{
  background-image: url("/wp-content/uploads/2020/04/top-infocus-3.png");
  background-size:cover;
  background-position:center;
  width:100%;
  height:350px;
  transition:.3s;
}
.bg-top-infocus3:hover{
  background-image: url("/wp-content/uploads/2020/04/top-infocus-3-on.png");
}
.bg-top-infocus4{
  background-image: url("/wp-content/uploads/2020/04/top-infocus-4.png");
  background-size:cover;
  background-position:center;
  width:100%;
  height:350px;
  transition:.3s;
}
.bg-top-infocus4:hover{
  background-image: url("/wp-content/uploads/2020/04/top-infocus-4-on.png");
}

@media (min-width: 768px) {
/*
  .bg-top-infocus1, .bg-top-infocus2, .bg-top-infocus3, .bg-top-infocus4{
    height:350px;
  }
  .bg-top-infocus1 .v-rl, .bg-top-infocus2 .v-rl, .bg-top-infocus3 .v-rl, .bg-top-infocus4 .v-rl{
  }
*/
}

.bg-top-solution1{
  background-image: url("/wp-content/uploads/2020/04/top-solution-1.jpg");
  background-size:cover;
  background-position:center;
  width:100%;
  height:250px;
  color:#fff;

}

.bg-top-solution2{
  background-image: url("/wp-content/uploads/2020/04/top-solution-2.jpg");
  background-size:cover;
  background-position:center;
  width:100%;
  height:250px;
  color:#fff;

}
.bg-top-solution3{
  background-image: url("/wp-content/uploads/2020/04/top-solution-3.jpg");
  background-size:cover;
  background-position:center;
  width:100%;
  height:250px;
  color:#fff;

}
.bg-top-solution4{
  background-image: url("/wp-content/uploads/2020/04/top-solution-4.jpg");
  background-size:cover;
  background-position:center;
  width:100%;
  height:250px;
  color:#fff;

}
.bg-top-solution5{
  background-image: url("/wp-content/uploads/2020/04/top-solution-5.jpg");
  background-size:cover;
  background-position:center;
  width:100%;
  height:250px;
  color:#fff;

}
.bg-top-solution6{
  background-image: url("/wp-content/uploads/2020/04/top-solution-6.jpg");
  background-size:cover;
  background-position:center;
  width:100%;
  height:250px;
  color:#fff;
}
.bg-top-solution1 p,.bg-top-solution2 p,.bg-top-solution3 p,
.bg-top-solution4 p,.bg-top-solution5 p,.bg-top-solution6 p{
  padding-top:calc(125px - 42.5px) !important;
}
.bg-top-solution1 a,.bg-top-solution2 a,.bg-top-solution3 a,
.bg-top-solution4 a,.bg-top-solution5 a,.bg-top-solution6 a{
  color:#fff;
  transition:.3s;
}
.bg-top-solution1 a:hover,.bg-top-solution2 a:hover,.bg-top-solution3 a:hover,
.bg-top-solution4 a:hover,.bg-top-solution5 a:hover,.bg-top-solution6 a:hover{
  color:#eee;
  text-decoration:none;

}
.bg-top-solution-wrapper{
  overflow:hidden;
  height:250px;
}
.bg-top-solution1:hover,.bg-top-solution2:hover,.bg-top-solution3:hover,
.bg-top-solution4:hover,.bg-top-solution5:hover,.bg-top-solution6:hover{
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}


    .swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;


      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.swiper-button-next::after, .swiper-button-prev::after {
  display:none;
}
.swiper-button-next, .swiper-button-prev {
  width:45px !important;
  height:45px !important;
  background-size:45px 45px;
}
/* 次ページボタンのスタイル */
.swiper-button-next {
	background-image: url(/wp-content/uploads/2020/04/top-slide-arrow-right.png);
  right:10px;
}
/* 前ページボタンのスタイル */
.swiper-button-prev {
	background-image: url(/wp-content/uploads/2020/04/top-slide-arrow-left.png);
  left:10px;
}
@media (min-width: 768px) {
/* 次ページボタンのスタイル */
.swiper-button-next {
  right:27.6% !important;
}
/* 前ページボタンのスタイル */
.swiper-button-prev {
  left:27.6% !important;
}

}
.cp_tooltip {
	position: relative;
	display: inline-block;
	cursor: pointer;
}
.cp_tooltip .cp_tooltiptext {
	position: absolute;
	z-index: 1;
	bottom: 100%;
	left: 0;
	visibility: hidden;
	width: auto;

	padding: 1rem;
	transition: opacity 1s;
	text-align: center;
	opacity: 0;
  border: 2px solid #0840ac;
  box-shadow: 6px 6px 18px rgba(0, 0, 0, 0.44);
	border-radius: 6px;
	background-color: #fff;
}
.cp_tooltip:hover .cp_tooltiptext {
	visibility: visible;
	opacity: 1;
}
@media (min-width: 768px) {
  .cp_tooltip .cp_tooltiptext {
    width:250px;
    bottom: 100%;
  }
}


.mainScrollLine {
	width: 1px;
	height: 100px;
	background: #fff;
	position: absolute;
	left: 50%;
	top: -2px;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-animation: mainScrollLine 2s 1s infinite cubic-bezier(0.67, 0.15, 0.35, 0.72);
	animation: mainScrollLine 2s 1s infinite cubic-bezier(0.67, 0.15, 0.35, 0.72);
}

.main-visual-scroll {
  animation: mainVisualFadeIn 1.5s ease-out 1s both;
  animation-delay: 3.3s;
  top: 50%;
  color: #FFF;
  left: 0;
  padding-bottom: 70px;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 10;
  font-size: 15px;
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .main-visual-scroll {top: 70%;}
}
  .main-visual-scroll span {
	width: 1px;
	height: 100px;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 10px;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-animation: sdb 2s infinite;
	animation: sdb 2s infinite;
  }
.main-visual-scroll span::before {
	position: absolute;
	right: 0;
	top: auto;
	bottom: 6px;
	display: inline-block;
	content: "";
	vertical-align: middle;
	width: 18px;
	height: 18px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(135deg) translate(-3px, -50%);
	transform: rotate(135deg) translate(-3px, -50%);
}

@keyframes mainVisualFadeIn {
  0% {
    opacity: 0;
    filter: blur(10px); }
  100% {
    opacity: 1;
    filter: blur(0); } }
@keyframes sdb {
  0% {
    height: 0;
    opacity: 0; }
  50% {
    height: 56px;
    opacity: 1; }
  100% {
    height: 56px;
    opacity: 0; } }
@keyframes mainScrollLine {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	100% {
		-webkit-transform: translateY(50%);
		transform: translateY(50%);
	}
}
.delay-txt-container .txt {
	display: inline-block;
	opacity: 0;
	filter: blur(50px);
	transform: translateY(30px);
	transition: all 1.5s cubic-bezier(.65,.05,.36,1);
}

.show .delay-txt-container .txt {
	filter: blur(0);
	transform: translateY(0);
	opacity: 1;
}

.msie .delay-txt-container .txt {
	margin: 0 10px;
}
/***********************************************
 * 導入事例
 ***********************************************/
.page-header-case-study{
  margin-top:15px;
	height:calc(26vw + 58.92px);
	width:100%;
	background-image:url("/wp-content/uploads/2020/04/header-casestudy-archive.jpg");
	background-size:contain;
	background-position: center center;
	position:relative;
  background-repeat:no-repeat;
}
.page-header-case-study .page-header-title-desc{
  top:55%;
}
.page-header-case-study .page-header-title{
  bottom:15%;
}

@media (min-width: 768px) {
  .page-header-case-study{
    margin-top:0;
  	height:calc(50vh + 85px);
  	background-size:cover;
  }
  .page-header-case-study .page-header-title-desc{
    top:50%;
  }
  .page-header-case-study .page-header-title{
    bottom:-20px;
  }

}


.case-study-title{
	position:absolute;
	top:calc(50% - 43px);
	width:100%;
	text-align:center;
	font-size:2.5rem;
	color:#fff;
  text-shadow: 0 2px 0 #003, 0 3px 0 #000, 0 4px 5px #000;
}
.case-study-sub{
	font-size:1rem;
  text-shadow: 0 2px 0 #003, 0 3px 0 #000, 0 4px 5px #000;
}
.case-study-desc{
	position:absolute;
	bottom:2%;
	right:1%;
	color:#fff;
  text-shadow: 0 2px 0 #003, 0 3px 0 #000, 0 4px 5px #000;
}



.post-type-archive-case_study .card{
  border:0;
}
.post-type-archive-case_study .card-img-top{
	height:200px;
	object-fit:cover;
	object-position:center;
  border-radius:0;
  font-family: 'object-fit: cover;';
}


.post-type-archive-case_study .card-img-top:hover{
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}




.post-type-archive-case_study .card-title{
	padding-bottom: 0.5rem;
}
.post-type-archive-case_study h2{
	font-size:1.5rem;
}

.post-type-archive-case_study .card a:hover{
	text-decoration:none;
}

.single-case_study .entry-content img{
	width:100%;

}

/***********************************************
 * 商品紹介
 ***********************************************/
/* 製品一覧見出し背景画像 */
.bg-prod-food-processing{
  background-image:url(/wp-content/uploads/2020/04/product-head-1.jpg);
}
.bg-prod-fish-processing{
  background-image:url(/wp-content/uploads/2020/04/product-head-5.jpg);
}
.bg-prod-meat-processing{
  background-image:url(/wp-content/uploads/2020/04/product-head-2.jpg);
}
.bg-prod-agri-processing{
  background-image:url(/wp-content/uploads/2020/04/product-head-3.jpg);
}
.bg-prod-keep-fresh{
  background-image:url(/wp-content/uploads/2020/04/product-head-4.jpg);
}
.bg-prod{
	background-repeat: no-repeat;
	background-size:contain;
	background-position:right;
  height:200px;
}
@media (min-width: 768px) {
  .bg-prod{height:200px;}
}
.post-type-archive-product h5{
  font-size:1.1rem;
  font-weight:600;
}
.post-type-archive-product main .row{

  margin:0 auto;
}
.post-type-archive-product h3{
	padding:0.5rem 0;
	margin:.5rem 0;
	font-size:1.5rem;
}
.page-header-product{
 	margin-top:0;
 	height:calc(26vW + 58.92px);
 	width:100%;
 	background-image:url("/wp-content/uploads/2020/04/header-solution-archive.jpg");
 	background-size:contain;
 	background-position: top center;
 	position:relative;
  background-repeat: no-repeat;
}
.page-header-product .page-header-title-desc h1{
  font-size:1.2rem;
}
.page-header-product .page-header-title-sub h2{
  font-size:1.4rem;
}
@media (min-width: 768px) {
  .page-header-product{
	 margin-top:0;
   	height:calc(50vh + 85px);
   	width:100%;
   	background-size:cover;
  }
  .page-header-product .page-header-title-desc h1{
    font-size:2rem;
  }
  .page-header-product .page-header-title-sub h2{
    font-size:80px;
  }
}

.product-title{
	position:absolute;
	top:calc(50% - 43px);
	width:100%;
	text-align:center;
	font-size:2.5rem;
	color:#fff;
  text-shadow: 0 2px 0 #003, 0 3px 0 #000, 0 4px 5px #000;
}
.product-sub{
	font-size:1rem;
  text-shadow: 0 2px 0 #003, 0 3px 0 #000, 0 4px 5px #000;
}
.product-desc{
	position:absolute;
	bottom:2%;
	right:1%;
	color:#fff;
}
.product-name{
	position:absolute;
	top:calc(50% + 50px);
	color:#fff;
	font-size:1.4rem;
	font-weight:600;
}
.prod-name{
	font-weight:600;
	font-size:1.2rem;
	display:block;
}
.single-product h5{
	color:#fff;
	font-weight:600;
	padding:0.5rem;
	font-size:1rem;
	text-align:center;
}
.prod-img-slide{
	width:90%;
  height:100%;
  object-fit:cover;
  object-position:center;
  margin:0 auto;
  font-family: 'object-fit: cover;';

}
.box-brown{
  border:1px solid #6a3906;
  background-color:#6a3906;
  color:#fff;
  text-align:center;
  font-size:1rem;
  display:inline-block;
  width:196px;
  margin:.1rem;
}
.box-patent{
	border:1px solid #ccc;
	padding:1rem;
	text-align:center;
	margin-top:1rem;
}
.icon-patent{
	background-color:red;
	color:#fff;
	padding:.5rem;

}
.btn-catalog-prod{
	border-radius:0;
	font-size:0.8rem;
	background-color:#004CA7;
	color:#fff;
}
.btn-catalog-prod:hover{
	background-color:#0f5ab0;
	color:#fff;
}
.btn-contact-prod{
	border-radius:0;
	font-size:1.5rem;
	background-color:#b98000;
	color:#fff;
  border:1px solid #b98000;
  font-weight:600;
}
.btn-contact-prod:hover{
	background-color:#fff;
	color:#b98000;
}
.prod-spec{
	width:100%;
}
.prod-spec th{

  text-align:center;
  font-weight:400;
}
.prod-spec td{
	border:1px solid #ccc;
	border-collapse: collapse;
}
#left-sidebar{
  max-width:100%;
}
@media (min-width: 768px) {
  #left-sidebar{
    max-width:350px;
  }
  .wrapper-product #left-sidebar{
    padding-left: 0;
    padding-right: 0;
    max-width:350px;
  }
  .sidebar-food, .sidebar-meat, .sidebar-agri,
  .sidebar-fish, .sidebar-keepfresh{
    padding-left: 0;
    padding-right: 0;
    max-width: 350px;
  }
  .sidebar__inner-food, .sidebar__inner-meat, .sidebar__inner-agri,
  .sidebar__inner-fish,.sidebar__inner-keepfresh{
    max-width:330px;
    padding-left: 0;
    padding-right: 0;
  }
  .wrapper-food, .wrapper-meat, .wrapper-agri,
  .wrapper-fish,.wrapper-keepfresh{
    position:relative;
  }

}
.border-box{
  border:1px solid #000;
  padding:1rem .5rem;
}
.post-type-archive-product #main{
  width:100%;
}
.page-header-title-sub h2{
  text-align:left;
  color: #fdfdfd;
  opacity: 0.6;
	font-size:2rem;
	font-weight:600;
  padding-top:calc( 100px - 20px);
}
@media (min-width: 768px) {
  .page-header-title-sub h2{
    font-size:80px;
    padding-top:calc( 150px - 30px );
  }
}
.wrapper-parent-fish{
  position:relative;
}
.matchHeigtht{
  height:auto
}
@media (min-width: 768px) {
  .matchHeigtht{height:600px;}
}
@media (min-width: 992px) {
  .matchHeigtht{height:535px;}
}

/***********************************************
 * リクルート
 ***********************************************/
.recruit-span-bottom{
	bottom:0;
	left:0;
	background-color:#fff;
}
.recruit-img{
	width:100%;
	height:200px;
}
.page-header-recruit{
  margin-top:10px;
	height:calc(26vw + 58.92px);
	width:100%;
	background-image:url("/wp-content/uploads/2020/04/bg_recruit.jpg");
	background-size:contain;
	background-position: center center;
	position:relative;
  background-repeat: no-repeat;
}

.page-header-recruit .page-header-title-desc{
  top:55%;
  transform: translateY(-55%);
}
.page-header-recruit .page-header-title{
  bottom:3vh;
}
#post-609 .page-header-title-desc p,#post-696 .page-header-title-desc p{
  color:#000;
  text-shadow:initial;
}
#post-609 .page-header-title-sub h1,#post-696 .page-header-title-sub h1{
  color:#1c508f;
}
@media (min-width: 768px) {
  .page-header-recruit{
    margin-top:0;
  	height:calc(50vh + 85px);
  	width:100%;
  	background-size:cover;
  	background-position: center center;
  	position:relative;
  }
  .page-header-recruit .page-header-title-desc{
    top:50%;
    transform: translateY(-50%);
  }
  .page-header-recruit .page-header-title{
    bottom:-20px;
  }
}


.recruit-title{
	position:absolute;
	top:calc(50% - 43px);
	width:100%;
	text-align:center;
	font-size:2.5rem;
	color:#fff;
	text-transform:uppercase;
  text-shadow: 0 2px 0 #003, 0 3px 0 #000, 0 4px 5px #000;
}
.recruit-sub{
	font-size:1rem;
  text-shadow: 0 2px 0 #003, 0 3px 0 #000, 0 4px 5px #000;
}
.recruit-desc{
	position:absolute;
	bottom:2%;
	right:1%;
	color:#fff;
}



.time-schedule{
  border-collapse: separate;
  border-spacing: 0px 15px;
  width:100%;
}
.time-schedule tr{
  margin:1rem 0;
}
.time-schedule th{
  background-color: #4470a3;
  color:#fff;
  text-align:center;
}
.time-schedule  tr:nth-of-type(odd) th {
  background-color: #8ca2c6;
}
.time-schedule th, .time-schedule td{
  padding:.3rem 1rem;
  border-radius:5px;
}
.time-schedule td{
  padding-left:1rem;
}

.parallax-contents{
  height:50vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /*background-attachment: fixed;*/
  background-image: url(/wp-content/uploads/2020/04/recruit-top-faq.jpg);
}
.bg-eigyo{background-color:#D69C3B;text-align:center;width:40%;color:#fff;padding:10px 0;position:relative;}
.bg-system{background-color:#856370;text-align:center;width:70%;color:#fff;padding:10px 0;position:relative;}
.bg-tech{background-color:#8E9E3F;text-align:center;width:40%;color:#fff;padding:10px 0;position:relative;}
.bg-manufacture{background-color:#1C508F;text-align:center;width:40%;color:#fff;padding:10px 0;position:relative;}
.bg-purchase{background-color:#D7646D;text-align:center;width:40%;color:#fff;padding:10px 0;position:relative;}
.bg-general{background-color:#C04127;text-align:center;width:40%;color:#fff;padding:10px 0;position:relative;}
.bg-planning{background-color:#CF801E;text-align:center;width:40%;color:#fff;padding:10px 0;position:relative;}
.employee-name{background-color:#fff;text-align:center;width:61%;padding:0 0 10px;position:relative;color:#000;}

.bg-eigyo::after,.bg-system::after,.bg-tech::after,.bg-manufacture::after,
.bg-purchase::after,.bg-general::after,.bg-planning::after{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: -30px;
    bottom: 0;
    width:43px;
    background-color: #fff;
    transform: skewX(-24deg);
    z-index: 0;
}
.employee-img{
  width:100%;
  height:400px;
  object-fit:cover;
  font-family: 'object-fit: cover;';
  object-position:top;
}
.employee-name-en{
  position:absolute;
  z-index:10;
  bottom:32px;
  right:30px;
}
.img-overflow{
  width:100%;
  height:400px;
  overflow:hidden;
}
.employee-link .recruit-hov{
  transition:.3s;
  height:calc(400px - 46px);
  width:calc(100% - 0.5rem);

}

.employee-link:hover .recruit-hov{
  background-color:rgba(0,0,0,.4);
}
.employee-link .recruit-hov img{
  opacity: 0;
  transition:.3s;
  top:calc(50% - 20px);
  left:calc(50% - 175px);
}

.employee-link:hover .recruit-hov img{
  opacity: 1;

}
.employee-link:hover .employee-img{
  transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/

}
@media (min-width: 992px) {
  .employee-img{
    height:304px;
  }
  .employee-link .recruit-hov{
    height:calc(304px - 45px);
  }
  .img-overflow{
    height:304px;
  }
}
@media (min-width: 768px) {
.employee-link .recruit-hov img{
  left:5%;
  max-width:90%;
}
  .employee-name-en{
    bottom:32px;
    right:5px;
    width:22%;
  }
}
.single-recruit #single-wrapper{
  padding-top:0;
  overflow:hidden;
}

.recruit-schedule{list-style:none;}
.recruit-schedule li{
  padding:0.1rem 0.5rem;
}
.recruit-schedule .time{
  border-radius:5px;
  margin-right:1rem;
  color:#fff;
  background-color:#1C5080;
  border:2px solid #1C5080;
	font-size:24px;
	font-weight:bold;
}
.recruit-schedule .timeblue{
    color:#000;
    background-color:#fff;
    border:2px solid #1C5080;
	font-size:24px;
	font-weight:bold;
}
.schedule-line{
  list-style:none;
  height:20px;
}
.schedule-line li{position:relative;}
.schedule-line li::before{
    position: absolute;
    content: "";
    width: 4px;
    height: 52px;
    background: #1c5080;
    top: -16px;
    left: 30px;
}
.recruit-layer-contents{
  height:auto;
}
.recruit-left-contents{
  z-index:10;
  width:100%;
  position:relative;
  padding:1rem;
}
.recruit-right-contents{
  z-index:0;
  width:100%;
  position:relative;
}
.recruit-bg-blue{
  z-index:-1;
  position:absolute;
  bottom: -10%;
  right:-5%;
  width: 60%;
}
.recruit-bg-blue2{
  z-index:0;
  position:absolute;
  bottom: -8%;
  left:-2%;
  width: 60%;
}
/***********************************************
 * 沿革
 ***********************************************/
.nav-fixed{
  position:fixed;
  top:90px;
  /*left:5%;*/
  bottom:auto;
  width:20%;
  z-index:10000;
	text-align:left;
  margin-left:7% !important;
}
#post-119 nav{
  margin-top:40px;
  /*margin-left:25%;*/
  z-index:0;
}
#post-119 ul{
	list-style: none;
	padding: 0;
}
#post-119 li{
	padding: 5px 0;
}
#post-119 span{
	display: inline-block;
	position:relative;
}
#post-119 nav a{
	display: inline-block;
	color: #a9a9a9;
	text-decoration: none;
	font-size: 2em;
}
#post-119 .circle{
	height: 10px;
	width: 10px;
	left: -10px;
	border-radius: 50%;
	background-color: #a9a9a9;
}
#post-119 .rect{
	height: 3px;
	width: 0px;
	left: 0;
	bottom: 4px;
	background-color: #4169e1;
	-webkit-transition: -webkit-transform 0.6s, width 1s;
	-moz-transition: -webkit-transform 0.6s, width 1s;
	transition: transform 0.6s, width 1s;
}
#post-119 nav a:hover, nav .active-section{
	color: #4169e1;
}
#post-119 nav a:hover span, nav .active-section span{
	background-color: #4169e1;
}
#post-119 nav .active-section .rect{
	width: 40px;
}
#post-119 .content-section{
	position: relative;
	width: 80%;
	min-height: 80vh;
	background-color: #fff;

	-webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
	margin-bottom:10px;
}
#post-119 .content-section img{
	object-fit:cover;
  font-family: 'object-fit: cover;';
	max-width:100%;
	/*height:80vh;*/
}
/*
#post-119 .content-section p{
	position: relative;
	bottom: 2%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
	color:#fff;
	background-color:rgba(0,0,0,0.8);
	font-size: 1rem;
	margin-bottom:0;
	padding-top:0.1rem;
	padding-bottom:0.1rem;
}
*/
/***********************************************
 * お問い合わせ
 ***********************************************/
 .wpcf7{max-width:900px;}
 .wpcf7 ul{list-style:none;}

/***********************************************
 * 新着情報
 ***********************************************/
.page-header-news{
  margin-top:10px;
	height:calc(26vw + 58.92px);
	width:100%;
	background-image:url("/wp-content/uploads/2020/04/header-news.jpg");
	background-size:contain;
	background-position: top center;
	position:relative;
  background-repeat:no-repeat;
}
.page-header-news .page-header-title-desc{
  top:30%;
  transform:translateY(30%);
}
.page-header-news .page-header-title-desc h1{
  font-size:1.2rem;
}
.page-header-news .page-header-title{
  bottom:2vh;
}

@media (min-width: 768px) {
  .page-header-news{
	  margin-top:0;
  	height:calc(50vh + 85px);
  	width:100%;
  	background-size:cover;
  	background-position: top center;
  	position:relative;
  }
  .page-header-news .page-header-title-desc h1{
    font-size:2.5rem;
  }
  .page-header-news .page-header-title-desc{
    top:40%;
    transform:translateY(40%);
  }
  .page-header-news .page-header-title{
    bottom:-28px;
  }
}



.news-title{
	position:absolute;
	top:calc(50% - 43px);
	width:100%;
	text-align:center;
	font-size:2.5rem;
	color:#fff;
	text-transform:uppercase;
  text-shadow: 0 2px 0 #003, 0 3px 0 #000, 0 4px 5px #000;
}

.news-sub{
	font-size:1rem;
  text-shadow: 0 2px 0 #003, 0 3px 0 #000, 0 4px 5px #000;
}

.news-desc{
	position:absolute;
	bottom:2%;
	right:1%;
	color:#fff;
}

.list-news{
  margin-bottom: 1em;
  border-bottom: 1px solid gray;
}

.list-news-left{
  display: flex;
  align-items: center;
  gap: 1em;
  margin-bottom: 0.2em;
}

/* .list-news p.list-news-date{
  width: 120px;
  margin-bottom: 0;
} */

.list-news-date{
	font-size:0.9rem;
	color:#333;
}

.icon-cat{
	color:#fff;
	background-color:#333;
	font-size:0.8rem;
	padding:0.2rem;
}

.icon-cat-link{
	transition:.3s;
}

.icon-cat-link:hover{
	text-decoration:none;
	background-color:#888;
}

.page-item.active .page-link{
  background-color: #000;
}

.news-list-cont{
  border-bottom: 1px solid #dee2e6;
  margin-bottom: 5em;
}

.news #jquery-tab-pager-navi, .news-pagination{
  margin-top: 3em;
  display: flex;
  justify-content: center;
  position: relative;
  flex-wrap: wrap;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.news #jquery-tab-pager-navi li a{
  border: none;
  color: #000;
  border-radius: 0;
  padding: 0.2em 0.4em;
}

.news #jquery-tab-pager-navi li a.disable{
  opacity: 0;
}

.news #jquery-tab-pager-navi li a.current{
  background-color: #000;
  color: #fff;
}

.news-year-cont .news-year-list{
  display: flex;
  list-style: none;
  gap: 1em;
  width: 100%;
  flex-wrap: wrap;
  margin-block-start: 0;
  padding-inline-start: 0;
}

.news-year-list li{
  width: 100%;
  min-width: 5.5em;
}

.news-year-list li a{
  display: block;
  width: 100%;
  border: 1px solid #000;
  color: #000;
  text-align: center;
  line-height: 3;
}

.box-news .jquery-tab-pager-tabbar{
  display: flex;
  justify-content: space-between;
  gap: 1%;
}

.box-news .jquery-tab-pager-tabbar li{
  float: none;
  border-radius: 0;
  background-color: #fff;
  padding: 10px 0;
  width: auto;
}

.box-news .jquery-tab-pager-tabbar li.tab-label{
  font-size: 0.8em;
}

.box-news .tab-label:not(:last-of-type){
  margin-right: 0;
}

.box-news .jquery-tab-pager-tabbar li.current{
  background-color: #fff;
  border-bottom: 2px solid #154ca4;
}

.box-news.--a-news{
  border: none;
  min-height: 400px;
  position: relative;
}

.box-news .contents div{
  margin-bottom: 25px;
}

.icon-nr.news-release{
  background-color: #154c80;
}

.icon-nr.blog{
  background-color: #80154C;
}

.page-header-news{
  background-color: #BFD3F8;
}

@media (min-width: 768px) {

  .box-news .jquery-tab-pager-tabbar li{
    padding: 10px 0.5em;
    width: 32%;
  }

  .box-news .jquery-tab-pager-tabbar li.tab-label{
    font-size: 16px;
  }

  .news-year-list li{
    width: 23%;
  }

  .news-year-list li a:hover{
    text-decoration: none;
    background-color: #dee2e6;
  }

}

/***********************************************
 * 受賞歴
 ***********************************************/
 .page-header-prize{
 	height:calc(26vw + 58.92px);
 	width:100%;
 	background-image:url("/wp-content/uploads/2020/04/header-prize.jpg");
 	background-size:contain;
 	background-position: bottom center;
 	position:relative;
  background-repeat: no-repeat;
 }

@media (min-width: 768px) {
   .page-header-prize{
	   margin-top:0;
   	height:calc(50vh + 85px);
   	width:100%;
   	background-size:cover;
   	background-position: bottom center;
   	position:relative;
   }
}

.h-prize-year{
  border-bottom:10px solid #707070;
  padding:.5rem 0;
}
.prize-text{
  font-size:16px;
  font-weight:300;
  line-height:1.5;
  padding-left:30px;
  padding-right:30px;
}
.tab-wrap-prize {
    display: flex;
    flex-wrap: wrap;
}
.tab-label-prize {
    margin-right: 5px;
    padding: 3px 12px;
    order: -1;
    font-size:1.1rem;
    width:30%;
    text-align:center;
}
.tab-content-prize {
    width: 100%;
    display: none;
    padding-top:80px;
}
/* アクティブなタブ */
.tab-switch-prize:checked+.tab-label-prize {
    border-bottom: 2px solid #0840AC;

}
.tab-switch-prize:checked+.tab-label-prize+.tab-content-prize {
     display: block;
}
/* ラジオボタン非表示 */
.tab-switch-prize {
    display: none;
}
@media (min-width: 768px) {
  .tab-label-prize {
    font-size:1.5rem;
  }
}
.prize-title{
  font-size:18px;
  font-weight:500;
  line-height:1.4;
  margin-bottom:35px;
}
.prize-product{
  font-size:18px;
  font-weight:500;
  line-height:1.3;
}
/***********************************************
 * ニッコーのものづくり
 ***********************************************/
 .h2-infocus{
	 font-size:1.1rem;
	 padding:.5rem 0;
   width:100%;

 }
  .h2-infocus-num{
 	 font-size:3rem;
   color:#BFD3F8;
   font-family: Impact,Charcoal;
  }
@media (min-width: 768px) {
  .h2-infocus{
    font-size:1.3rem;

   }
  .h2-infocus-num{
    font-size:4rem;
  }
}

.h3-infocus{
	font-size:1.5rem;
	font-weight:bold;
	color:#004DA0;
	margin:0.5rem 0;
}
.infocus-img-text{
	bottom:0;
	padding:.5rem;
	color:#fff;
	background-color:#154ca4;
	margin-bottom:0;
	width:calc(100% - 30px);
	font-weight:600;
}
.layer-contents{
  height:auto;
}
.left-contents{
  z-index:10;
  width:100%;
  position:relative;
  padding:1rem;
}
.right-contents{
  z-index:0;
  width:100%;
  position:relative;
}
.right-contents-2{
  z-index:10;
  width:100%;
  position:relative;
  padding:1rem;
}
.left-contents-2{
  z-index:0;
  width:100%;
  position:relative;
}
@media (min-width: 768px) {
  .layer-contents{
    height: 60vh;
  }
  .left-contents{
	  width:60%;
    position:absolute;
    top:0;
    left:0;
  }
  .right-contents{
    width:55%;
    position:absolute;
    top:0;
    right:0;
  }
  .right-contents-2{
    order:2;
    z-index:10;
    width:60%;
    position:absolute;
    top:55px;
    right:-100px;
  }
  .left-contents-2{
    order:1;
    z-index:0;
    width:60%;
    position:absolute;
    top:0;
    left:0;
  }
}
.infocus-absolute-img{
  position:relative;
  margin:0 auto;
  padding:0.5rem 0;
}
@media (min-width: 768px) {
  .infocus-absolute-img{
    position:absolute;
    top: -8rem;
    right:0;
  }
}
/***********************************************
 * 検索結果
 ***********************************************/
.page-header-search{
	height:calc(50vh + 85px);
	width:100%;
	background-image:url("/wp-content/uploads/2020/04/mainvisual.jpg");
	background-size:cover;
	background-position: center center;
	position:relative;
}
.search-title{
	position:absolute;
	top:calc(50% - 43px);
	width:100%;
	text-align:center;
	font-size:2.5rem;
	color:#fff;
  text-shadow: 0 2px 0 #003, 0 3px 0 #000, 0 4px 5px #000;
}
.search-sub{
	font-size:1rem;
  text-shadow: 0 2px 0 #003, 0 3px 0 #000, 0 4px 5px #000;
}
.search-desc{
	position:absolute;
	bottom:2%;
	right:1%;
	color:#fff;
}

/***********************************************
 * 新卒エントリーフォーム
 ***********************************************/
#post-616 .wpcf7 input.disabled[type=submit],#post-616  .wpcf7 input:disabled[type=submit] {
    color: #fff;
    background-color: #333;
    border: 1px solid #333;
}

#post-616 .wpcf7 input[type=submit] {
    color: #fff;
    border-color: #80AE1F;
    background-color: #80AE1F;
}
#post-616 .wpcf7 input[type=submit]{
  font-size:1.5rem;
  max-width:50%;
}
#post-616 li{
  padding-left:1rem;
}
#post-616 li.required::before{
  content:"●";
  color:#80AE1F;
}
/***********************************************
 * 中途採用エントリーフォーム
 ***********************************************/
#post-703 .wpcf7 input.disabled[type=submit],#post-703  .wpcf7 input:disabled[type=submit] {
    color: #fff;
    background-color: #333;
    border: 1px solid #333;
}

#post-703 .wpcf7 input[type=submit] {
    color: #fff;
    border-color: #4470AD;
    background-color: #4470AD;
}
#post-703 .wpcf7 input[type=submit]{
  font-size:1.5rem;
  max-width:50%;
}
#post-703 li{
  padding-left:1rem;
}
#post-703 li.required::before{
  content:"●";
  color:#4470AD;
}
/***********************************************
 * お問い合わせフォーム
 ***********************************************/
#post-131 .wpcf7 input.disabled[type=submit],#post-131  .wpcf7 input:disabled[type=submit] {
    color: #fff;
    background-color: #333;
    border: 1px solid #333;
}

#post-131 .wpcf7 input[type=submit] {
    color: #fff;
    border-color: #154ca4;
    background-color: #154ca4;
}
#post-131 .wpcf7 input[type=submit]{
  font-size:1.5rem;
  max-width:50%;
}
#post-131 li{
  /*padding-left:1rem;*/
}
#post-131 li.required::before{
  content:"●";
  color:#154ca4;
}

/***********************************************
 * カタログダウンロード
 ***********************************************/
.catalog {
/*width:900px;
margin:0 auto;
*/
}
.catalog_box {
    /*width: calc(33.3% - 10px);*/
    margin: 5px 5px 20px;
    text-align: center;
    border: 1px solid #ccc;

}
.catalog_box p {
    color: #154CA3;
    font-size: 21px;
    border-top: 2px solid #154CA3;
    margin-top: 10px;
    padding-top: 10px;
    margin-bottom:0;
}
.catalog_ttl {
    font-size: 24px;
    font-weight: bold;
    max-width: 620px;
    margin: 0 auto 30px;
    text-align: center;
    border-bottom: 2px solid #154CA4;
}
.catalog_btn {
    width: 434px;
    margin: 40px auto 0;
    padding: 20px;
    background: #154CA4;
    text-align: center;
    border-radius: 20px;
}
a.catalog_new_btn {
    color: #fff;
    font-size: 24px;
    font-weight: bold;
}
a.catalog_new_btn:hover {
    color: #ccc;
    text-decoration: none;
}

.label{
    cursor: pointer;
    padding:5px;
    /*border: 1px solid #434343;*/
    display:block;

    margin-bottom:0;
}
.label:hover > p{
  color:#fff;
  background-color:#154CA3;
}
.catalog input{
  display: none;
}
.check_box:checked + .label > p {
  color:#fff;
  background-color:#154CA3;
}

/***********************************************
 * カタログダウンロードフォーム
 ***********************************************/
#post-787 .wpcf7 input.disabled[type=submit],#post-787  .wpcf7 input:disabled[type=submit] {
    color: #fff;
    background-color: #333;
    border: 1px solid #333;
}

#post-787 .wpcf7 input[type=submit] {
    color: #fff;
    border-color: #4470AD;
    background-color: #4470AD;
}
#post-787 ul{padding-left:0;}

/***********************************************
 * ロボットシステム
 ***********************************************/
 .robot-system-title{
   bottom:3vh;
   margin-left:1rem;
 }
 .robot-system-title h1{
   font-size:2rem;
   color: #fdfdfd;
   opacity: 0.6;
 }
 @media (min-width: 768px) {
  .robot-system-title{
	  bottom:-25px;
    margin-left:5rem;
  }
   .robot-system-title h1{
     font-size:3.5rem;
   }
 }
.video-robot{
  height:56vh;
  width:100%;
  object-fit:contain;
  font-family: 'object-fit: contain;';
  object-position:center;
}
 @media (min-width: 768px) {
  .video-robot{
    height:553.5px;
    width:100%;
    object-fit:cover;
    font-family: 'object-fit: cover;';
    object-position:center;
  }
 }
/***********************************************
 * 会社概要
 ***********************************************/
.bg-company-spirits{
  background-image:url(/wp-content/uploads/2020/04/company-2.jpg);
  background-size:cover;
  background-position:center;
}
.spirits-num{
 font-size:2rem;
 color:#1C508C;
 font-family: Impact,Charcoal;
 font-style:italic;
}
.table-striped tbody tr:nth-of-type(odd){
  background-color: rgba(28,80,143,0.2);
}
.table td, .table th{
  border:0;
}

.h-border{
  border-bottom:1px solid #0840AC;
  font-size:28px;
  padding:.5rem 0;
}
.h-leftborder{
  border-left:4px solid #0840AC;
  padding:.5rem 1rem;
  font-size:1.2rem;
  font-weight:600;
}
.img-spirits{
  top:0;
  right:0;
}
@media (min-width: 768px) {
  .img-spirits{
    top:0;
    left:65%;
  }
}

/***********************************************
 * SDGs
 ***********************************************/
.line-title {text-align: center;}
.line-title::after {
    content: "";
    display: block;
    width: 100%;
    max-width: 456px;
    height: 6px;
    margin: .5rem auto 4rem;
    background-image: url(../images/sdgs-line.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.sdgs-icon {padding: 0 70px;}

.sdgs-800 {max-width: 800px;}