@charset "utf-8";
/*================================================
 *  ローディング遷移
 ================================================*/

body {
	animation: fadeIn 2s ease 0s 1 normal;
	-webkit-animation: fadeIn 2s ease 0s 1 normal;
}
@keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}
@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}
/*================================================
 *  Bootstrap上書き
 ================================================*/

.navbar {
	margin-bottom: 10px;
	margin-top: 10px;
}
.nav-tabs {
	border-bottom: 3px solid #598E7C;
}
.nav-tabs>li {
	float: left;
	font-size: 18px;
}
.nav-tabs>li>a {
	margin-right: 5px;
	background: #eeeeee;
	border: none;
	border-radius: none;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	color: #ffffff;
	font-weight: bold;
	cursor: default;
	background-color: #598E7C;
	border-bottom-color: transparent
}
.nav > li > a:hover, .nav > li > a:focus {
	text-decoration: none;
	background-color: #c7ddd6;
}
.nav-tabs > li > a {
	border-radius: 0;
}
.nav > li > a {
	padding: 10px 30px;
}
.news_pc dd {
	line-height: 1.8;
}

@media (max-width: 768px) {
	.nav-tabs>li {
		font-size: 13px;
	}
	.nav > li > a {
		padding: 15px 10px;
	}
	.nav-tabs>li>a {
		margin-right: 3px;
	}
}
@media (max-width: 650px) {
	.nav-tabs>li {
		font-size: 13px;
	}
	.news_pc dl {
		overflow: hidden;
		margin-bottom: 3px;
		padding-bottom: 0;
		float: none;
	}
	.news_pc dd {
		overflow: hidden;
		font-size: 13px;
		margin-bottom: 3px;
		padding-bottom: 5px;
		margin-top: 0;
		float: none;
	}
}
@media (max-width: 369px) {
	.nav-tabs>li {
		font-size: 10px;
	}
}
.top_menu {
	padding-top: 10px;
}
/*ヘッダーのtop_menu　Bootstrap上書き*/
.top_menu .col-md-4, .top_menu .col-sm-4,
.top_menu .col-md-8, .top_menu .col-md-7, .top_menu .col-sm-5, .top_menu .col-sm-6, .top_menu .col-md-6, .top_menu .col-md-5 {
	padding-right: 0;
	padding-left: 0;
}
@media (min-width: 980px) {
	.navbar-nav {
		margin: 0 auto;
		display: table;
		table-layout: fixed;
		float: none;
		margin-bottom: 10px;
	}
}
.navbar-default {
	background-color: #ffffff;
	border-color: #ffffff;
}
.navbar-default .navbar-nav > .active > a {
	color: #fff;
	background-color: #699989;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #fff;
	background-color: #699989;
}
.open .mega-dropdown-menu:after {
	content: "";
	position: absolute;
	top: -10px;
	right: 50%;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #f7f6f6 transparent;
}

.mega-dropdown-menu:before {
    content: "";
    top: -10px;
    right: 8.5%;
    border-bottom: 10px solid #ddd;
    border-right: 14px solid transparent;
    border-left: 13px solid transparent;
    position: absolute;
    z-index: -10;
    margin-left: -10px;
}
.open .mega-dropdown-menu.company:before {
	content: "";
	top: -10px;
	left: 9.7%;
}

.open .mega-dropdown-menu.product:before {
	content: "";
	top: -10px;
	right: 68.6%;
}

.open .mega-dropdown-menu.ir:before {
	content: "";
	top: -10px;
	right: 48.6%;
}

.open .mega-dropdown-menu.csr:before{
	content: "";
	top: -10px;
	right: 28.5%;
}

.open .mega-dropdown-menu.ir:after {
	content: "";
	position: absolute;
	top: -10px;
	right: 49%;
	margin-left: -10px;
}
.open .mega-dropdown-menu.product:after {
	content: "";
	position: absolute;
	top: -10px;
	right: 69%;
	margin-left: -10px;
}
.open .mega-dropdown-menu.company:after {
	content: "";
	position: absolute;
	top: -10px;
	left: 10%;
	margin-left: -10px;
}
.open .mega-dropdown-menu.csr:after {
	content: "";
	position: absolute;
	top: -10px;
	right: 29%;
	margin-left: -10px;
}
.open .mega-dropdown-menu.recruit:after {
	content: "";
	position: absolute;
	top: -10px;
	right: 9%;
	margin-left: -10px;
}


/* ====================================================== *
    ベース
 * ====================================================== */

html {
	/* 基準フォントサイズを 10px に調整 */
	
	font-size: 62.5%;
	overflow-y: scroll;
	box-sizing: border-box;
	min-width: 100%;
	overflow-x: hidden;
	-webkit-text-size-adjust: 100%;
	margin: 0 auto;
}
body {
	font-family: Meiryo, 'Hiragino Kaku Gothic Pro', 'MS PGothic', sans-serif;
	font-size: 15px;
	font-size: 1.5rem;
	letter-spacing: 0;
	line-height: 1.75;
	min-width: 100%;
}

@media (max-width: 650px) {
	body {
	font-size: 12px;
	font-size: 1.2rem;
	}   
} 

/*Sliderの幅*/

ul.top-slider-item {
	padding-left: 0px;
}
.section {
	margin: 40px 0px;
}
ul {
	list-style-type: none;
	padding-left: 0;
}
h2 {
	position: relative;
	padding-bottom: .5em;
	border-bottom: 4px solid #ccc;
	margin-bottom: 30px;
	line-height: 1.3;
}
h2::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color: #598E7C;
}
h3 {
	padding-bottom: .5em;
	border-bottom: 1px solid #ccc;
	font-size: 20px;
	margin-bottom: 15px;
	font-weight: 600;
	line-height: 1.3;
}

h5 {
	font-size: 14px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	font-weight: bolder;
	padding-top: 10px;
	margin-bottom: 15px;
}

h6 {
  color: #598e7c;
    font-size: 14px;
    font-weight: 600;
    padding: .1em 0 .1em .75em;
	border-left: 5px solid #598e7c;
    
}

em{
    font-family: 'Times New Roman','ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'ＭＳ Ｐゴシック', serif;
    font-style: italic;
}

.cpt_news a{
	text-decoration: underline;
}


@media (max-width: 650px) {
	h2 {
	font-size:26px;
	} 
}

/*================================================
 *  .header
 ================================================*/
ul#qtranslate-chooser {
    padding-bottom: 2px;
}

.header h5 {
	text-align: right;
	border-bottom: 0px;
	padding-bottom: 0px;
	font-weight: bolder;
	padding-top: 0px;
	margin-right: 8px;
}
.header #fontSize p {
	margin: 0;
}
.header .he-list li, .fontSizeSwitch {
	display: inline-block;
	margin-top: 7px;
	font-size: 12px;
	vertical-align: middle;
}

.fontSizeSwitch {
	margin-top: 3px;
	background-color: #ffffff;
	padding: 2px 6px;
	margin-right: 2px;
	float: left;
	cursor: pointer;
	border: 1px solid #eee;
}
/*製品カタログダウンロードボタン追加20220117*/
	.header_catalog__img {
		display: none;
	}
	.header_catalog__box .d-deta a {
		margin-top: 10px;
		width: 270px;
	}
@media all and (min-width: 768px) {
	.header_catalog__wrap {
		display: flex;
		min-height: 550px;
	}
	.header_catalog__box {
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}
	.header_catalog__box .d-deta a {
		width: 100%;
		font-size: 11px;
		margin-top: 0;
	}
	.header_catalog__inner {
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}
	.header_catalog__img {
		text-align: center;
		display: block;
	}
}


@media (max-width: 980px) {
	.fontSizeSwitch {
		padding: 2px 6px;
		margin-right: -1px;
	}
}

ul#fontSize li:hover {
	background-color: #a9d6c7;
}
ul#fontSize li.active {
	background-color: #598e7c;
	color: #fff;
}
ul#fontSize li.active:hover {
	background-color: #a9d6c7;
}
 
.tab-content>.active {
	display: block
}
dl {
	padding-bottom: 17px;
	clear: both;
}
dl dd {
	float: left;
	overflow: hidden;
}
.tab_01, .tab_02, .tab_03, .tab_04, .tab_05 {
	margin-top: 20px;
}
.nav-tabs02, .nav-tabs03 {
	padding-left: 15px;
	padding-right: 15px;
	border-bottom: 3px solid #CD0072;
	overflow: hidden;
}
.nav-tabs02 .tab_on01, .nav-tabs03 .tab_on01 {
	padding-left: 0;
	padding-right: 0;
}

.nav-tabs02 .tab_on02, .nav-tabs03 .tab_on02 {
	padding-left: 0;
	padding-right: 0;
}
.nav-tabs02 .tab_on03 {
	padding-left: 0;
	padding-right: 0;
}
.bg_yellow {
	background-color: #FFFFE6;
	width: 100%;
	padding: 15px 0 20px 0;
}
.bg_pink {
	background-color: #CD0072;
	width: 100%;
	padding: 25px 0;
}
.bg_gray {
	background-color: #EEEEEE;
}
.main {
	/* margin-top: 30px; */
	
	margin-bottom: 30px;
}
.search .main {
	/* margin-top: 30px; */
	
	margin-bottom: 15em;
}
.header .current {
	background-color: #dee7e4;
}

@media (max-width: 767px) {
.languageSwitch {
    display: block;
    padding: 10px;
    background-color: #598e7c;
}

.otherLanguage {
    overflow: hidden;
    margin-bottom: 0px;
}

.otherLanguage > li {
	float: left;
	width: 50%;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}
.otherLanguage > li:nth-child(2n+1) {
	border-left: none;
}
.otherLanguage > li > a {
    display: block;
    padding: 8px 0 6px;
    background-color: #ffffff;
    color: #333333;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
}
	
.top-nav {
    padding-right: 0;
    padding-left: 0;
}
.del-menu {
	display: none;
}
.materials { 
	height: auto;
}
}

/*================================================
 *  IR情報・プレスリリースとNEWSの個所
 ================================================*/

.news_pc dd > a {
	display: inline-block;
	margin-top: 0;
	max-width: 700px;
	word-wrap: normal;
	overflow: hidden;
}
@media (max-width: 979px) {
	.matuo-home .news_pc dd > a {
		width: 475px;
	}
	.matuo-home .news_pc dl:last-child {
		margin-bottom: 35px;
	}
}
@media (max-width: 979px) {
	.matuo-home .news_pc dl:last-child {
		margin-bottom: 45px;
	}
}
.news .news_pc dd > a, .ir_news .news_pc dd > a {
	width: 473px;
}
/*================================================
 *  最新情報　お知らせアイコン
 ================================================*/

.bg_cate_press {
	background-image: url(/common/img/icon_img-01.png) ;
	color: #ffffff;
	font-size: 10px;
	padding: 2px 15px;
	margin: 0 10px;
	vertical-align: middle;
	padding-bottom: 12px;
	text-align: center;
	background-repeat: no-repeat;  
    background-position: top center; 
}
.en .bg_cate_press {

	font-size: 10px;
	padding: 2px 18px;
	padding-bottom: 12px;
}
.bg_cate_products {
	background-image: url(/common/img/icon_img-02.png)  ;
	color: #ffffff;
	font-size: 11px;
	padding: 2px 27px;
	margin: 0 10px;
	vertical-align: middle;
	padding-bottom: 12px;
	text-align: center;
	background-repeat: no-repeat;  
    background-position: top center; 
}
.en .bg_cate_products {
	padding: 2px 15px;
	margin: 0 10px;
}
.bg_cate_ir {
	background-image: url(/common/img/icon_img-03.png) ;
	color: #ffffff;
	font-size: 11px;
	padding: 2px 31px;
	margin: 0 10px;
	vertical-align: middle;
	padding-bottom: 14px;
	text-align: center;
    background-repeat: no-repeat;  
    background-position: top center; 
}

.en .bg_cate_ir {
	padding: 2px 10px;
	margin: 0 10px;
	vertical-align: middle;
	padding-bottom: 12px;
	text-align: center;
}
.bg_cate_news {
	background: url(/common/img/icon_img-04.png) no-repeat 0 0;
	color: #ffffff;
	font-size: 11px;
	padding: 2px 26px;
	margin: 0 10px;
	vertical-align: middle;
	padding-bottom: 12px;
	text-align: center;
}
.en .bg_cate_news {
	padding: 2px 35px;
	margin: 0 10px;
}
.bg_cate_recruit {
	background: url(/common/img/icon_img-05.png) no-repeat 0 0;
	color: #ffffff;
	font-size: 11px;
	padding: 2px 26px;
	margin: 0 10px;
	vertical-align: middle;
	padding-bottom: 12px;
	text-align: center;
}
.en .bg_cate_recruit {
	padding: 2px 35px;
	margin: 0 10px;
}
@media (max-width: 650px) {

.bg_cate_ir {
	background-image: url(/common/img/icon_img-03_sp.png);
	color: #ffffff;
	font-size: 10px;
	padding: 2px 26px;
	margin: 0 10px;
	vertical-align: top;
	padding-bottom: 3px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center;
}

.bg_cate_products {
	background-image: url(/common/img/icon_img-02_sp.png);
	color: #ffffff;
	font-size: 10px;
	padding: 2px 26px;
	margin: 0 10px;
	vertical-align: top;
	padding-bottom: 3px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center;
}

.bg_cate_press {
	background-image: url(/common/img/icon_img-01_sp.png);
	color: #ffffff;
	font-size: 9px;
	padding: 1px 26px;
	margin: 0 10px;
	vertical-align: top;
	padding-bottom: 3px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center;
}

.bg_cate_news {
	background: url(/common/img/icon_img-04_sp.png) no-repeat 0 0;
	color: #ffffff;
	font-size: 10px;
	padding: 0px 17px;
	margin: 0 16px;
	vertical-align: middle;
	padding-bottom: 12px;
	text-align: center;
}
.bg_cate_recruit {
	background: url(/common/img/icon_img-05_sp.png) no-repeat 0 0;
	color: #ffffff;
	font-size: 10px;
	padding: 0px 17px;
	margin: 0 16px;
	vertical-align: middle;
	padding-bottom: 12px;
	text-align: center;
}

.en .bg_cate_news {
	padding: 1px 23px;
	margin: 0 22px;
}

}

@-moz-document url-prefix() {
	.bg_cate_press {
		padding: 2px 15px;
		margin: 0 10px;
	}
	.bg_cate_ir {
		padding: 2px 31px;
		margin: 0 10px;
	}
	.bg_cate_products {
		padding: 2px 27px;
		margin: 0 10px;
	}
	.en .bg_cate_press {
		padding: 2px 16px;
		margin: 0 10px;
	}
	.en .bg_cate_ir {
		margin: 0 10px;
		padding: 2px 10px;
	}
	.en .bg_cate_products {
		padding: 3px 15px;
		margin: 0 10px;
	}
	.bg_cate_news {
		padding: 0 27px 3px;
		margin: 0 10px;
	}
}
.m20bottom {
	margin-bottom: 20px;
}
.m50bottom {
	margin-bottom: 50px;
}


.list-02 {
	margin-bottom: 50px;
	padding-left: 0px;
}
.list-02 li {
	line-height: 2.0em;
	border-bottom: 1px dotted #ccc;
	list-style-position: inside;
	padding-left: 15px;
	/* 追記 */
	padding-top: 10px;
	padding-bottom: 10px;
	
	margin-bottom: 10px;
}

.product_more .list-02 li {
	text-align: center;
}
/* PDFアイコン */

.pdf-icon {
	background: url(/common/img/pdf-icon.png) no-repeat 0 0;
	padding-left: 2em;
}

.excel-icon {
	background: url(/common/img/excel-icon.png) no-repeat 0 0;
	padding-left: 2em;
}

.green_icon {
	transition: 0.3;
}

.green_icon:hover {
	transition: 0.3;
	opacity: 0.7;
}

/* PDFボタン用アイコン */
.pdf-icon-2:before {
	content: '';
	display: inline-block;
	position: relative;
	top: -1px;
	width: 15px;
	height: 19px;
	margin-right: 10px;
	vertical-align: middle;
	background-image: url('/common/img/pdf-icon.png');
	background-size: 100%;
}

/* フロート用 */

.b-right {
    float:right;
}

.b-left {
    float:left;
}


.list-02 .arrow01 {
	left: 7px;
	display: inline-block;
	box-sizing: border-box;
	width: 5px;
	height: 5px;
	border: 5px solid transparent;
	border-left: 6px solid #598E7C;
	padding-left: 1.2em;
}
.fr-bg {

	background: url(/common/img/search_bg.jpg) left center;
	padding: 25px 0;
	height: 87px;
}
@media (max-width: 767px) {
	.fr-bg {
		height: 117px;
	}

	.page-id-106 .fr-bg {
		height: 148px;
	}
	
}

.matuo-home h2,
.matuo-home h3  {
	font-size: 24px;
	border-bottom: 0;
	font-weight: bold;
	color: #689988;
	margin-bottom: 20px;
}

.matuo-home h2{
	font-size: 28px;
}

.matuo-home h2::after {
	background-color: rgba(255, 255, 255, 0);
}
.matuo-home .search > h2 {
	text-align: center;
}
.matuo-home .search h3, .product_index .search h3 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 18px;
	color: #fff;
	border-bottom: 0;
}

@media (max-width: 767px) {

.text-right {
     text-align: left!important;
}

}

.product_index p {
	padding-top: 20px;
}
.matuo-home h4 {
	text-align: center;
}
.matuo-home .font > h5 {
	/* border-bottom: 0px; */
	/* margin-top: 0px; */
	/* margin-bottom: 0px; */
}

.matuo-home .toList {
    letter-spacing: 0;
    position: absolute;
    right: 0;
    top: 0;

    background-color: rgba(95, 158, 160, 0);
    color: #fff;
    padding-left: 0;
    padding-right: 0;
}

.matuo-home .toList a{
	letter-spacing: -.01em;
	position: absolute;
	right: 15px;
	top: 0;
	width: 130px;
	background-color: #588d7b;
	color: #fff;
	padding: 5px 15px;
	text-align:center;
	/* padding-right: 15px; */
	font-size: 0.8em;
}
.matuo-home .toList a::before {
	content: '';
	left: 7px;


	display: inline-block;
	box-sizing: border-box;
	width: 4px;
	height: 4px;
	border: 4px solid transparent;
	border-left: 4px solid #fff;
}

.matuo-home .toList a:hover{
	letter-spacing: -.01em;
	background-color: #5d7e73;
	text-decoration: none;
}

.matuo-home .toList a:hover{
	text-decoration: none;
}

.matuo-home .sp-list-link {
	text-align: center;
	font-size: 1em;
	background-color: #598e7c;
	padding: 5px;
	margin: 0 auto;
}
.matuo-home .sp-list-link:hover {
	background-color: #4e655d;
}
.matuo-home .sp-list-link a {
	color: #fff;
	display: block;
	text-decoration: none;
}
.matuo-home sp-list-link a:hover {
	text-decoration: none;
}
.box, .matuo-home .box,
.matuo-home .box-y,
.product_index .box-y{
	border: 1px solid #ccc;
}

.matuo-home .box-y,
.product_index .box-y{
	margin-bottom: 15px;
}

.matuo-home .box a:hover,
.matuo-home .box-y a:hover,
.product_index .box-y a:hover{
	color: #598e7c;
	text-decoration: none;
}
.matuo-home .box .img-responsive:hover,
.matuo-home .box-y .img-responsive:hover,
.product_index .box-y .img-responsive:hover {
	color: #598e7c;
	text-decoration: none;
}

.matuo-home .box img,
.matuo-home .box-y img,
.product_index .box-y img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.matuo-home .box:hover img,
.matuo-home .box-y:hover img,
.product_index .box-y:hover img{
	opacity: .5;
}

.matuo-home .ca-y h4,
.product_index .ca-y h4 {
	text-align: center;
	font-size: 13px;
	margin-top: 5px;
	margin-bottom: 10px;
}

.matuo-home .ca-y .one-c,
.product_index .ca-y .one-c{
    padding-top: 7px;
    padding-bottom: 7px;
}

.en .matuo-home .ca-y .en-non {
    padding-top: 0px;
    padding-bottom: 0px;
}

.matuo-home .ca-l h2,
.product_index .ca-l h2{
    padding-left: 10px;
}

.matuo-home .cate-use .col-md-8,
.product_index .cate-use .col-md-8 {
	border-right: 1px dotted #ddd;
	padding-right: 20px;
}

.matuo-home .cate-use .ca-l,
.product_index .cate-use .ca-l {
    padding-left: 20px
}

@media (max-width: 768px) {
.product_index .cate-use .ca-l {
    padding-right: 20px
}
}
@media (max-width: 650px) {
	.matuo-home .box,
	.matuo-home .box-y,
	.product_index .box-y,
	.box-1 {
		margin-bottom: 1.2em;
	}

.matuo-home .ca-y .one-c,
.product_index .ca-y .one-c {
    padding-bottom: 4px;
}
	
.matuo-home .cate-use .col-md-8,
.product_index .cate-use .col-md-8 {
	border-right: 0px dotted #ddd;
}

	
}

.box-1 {
	padding: 5px;
	border: 5px solid #DDDDDD;
	background: #ffffff;
	box-sizing: border-box;
	box-shadow: 0 0 0 1px #CCCCCC;

}

.matuo-home .box-1,
.product_index .box-1{
	margin-bottom: 15px;
}
.box-1:hover {
	padding: 5px;
	border: 5px solid #DDDDDD;
	background: #f2f2f2;
	box-sizing: border-box;
	box-shadow: 0 0 0 1px #CCCCCC;
}
.box-1 a:hover, .box-1 a:focus {
	color: #598e7c;
	/*tom*/
	
	text-decoration: none;
}
.box-2 {
	/* padding: 5px; */
	/* border: 1px solid #DDDDDD; */
	
	background: #ffffff;
	box-sizing: border-box;
	text-align: center;
	font-weight: bolder;
	display: block;
	/* overflow: hidden; */
	
	padding-bottom: 20px;
}
.box-1 h5 {
	padding-left: 5px;
	text-align: center;
	border-bottom: 0px;
	font-weight: 100;
	margin-top: 0px;
	margin-bottom: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 18px;
}
.box-1 h5::before {
	content: '';
	left: 7px;

	display: inline-block;
	box-sizing: border-box;
	width: 4px;
	height: 4px;
	border: 4px solid transparent;
	border-left: 4px solid #7a0;
}
.header .he-list {
	font-size: 13px;
}
.header .he-list li {
	margin-right: 3px;
}
.en .header .he-list li {
	margin-right: 5px;
}
@media (min-width: 980px) {
	.header .he-list li::before {
		content: '';
		left: 7px;
		display: inline-block;
		box-sizing: border-box;
		width: 4px;
		height: 4px;
		border: 4px solid transparent;
		border-left: 4px solid #7a0;
	}
	.header .he-list li:nth-child(4)::before {
		border: none;
	}
}
@media (max-width: 980px) {
	.box-1 h5 {
		font-size: 14px;
	}

	.matuo-home .ca-y h4,
	.product_index .ca-y h4 {
		font-size: 10px;
		padding-bottom: 3px;
	}
}
.header .he-list .home-cont {
	border: 1px solid;
	padding: 3px 25px;
	font-size: 15px;
	display: inline;
	margin-right: 0;
}

.he-list a,
.home-cont a{
	text-decoration:none;
}

.en .header .he-list .home-cont {
	padding: 3px 30px;
}
.header .he-list .home-cont:hover {

	background-color: #cdd2d0;
}
.header .he-list .home-cont a:hover {
	text-decoration: none;
}
@media (max-width: 980px) {
	.header .he-list .home-cont {
		border: 1px solid;
		padding: 3px 5px;
		font-size: 15px;
	}
}
.header .he-list .home-cont::before {
	content: '';
	left: 0px;
	display: inline-block;
	box-sizing: border-box;
	width: 0px;
	height: 0px;
	border: 0px solid transparent;
	border-left: 0px solid #7a0;
}
.logo {
	position: relative;
	top: -8px;
	margin: 0.3em 0;
	z-index: 100;
}

@media (max-width: 768px) {
	.logo {
	position: relative;
	top: -4px;
	}
}

@media (max-width: 767px) {
	.logo {
	position: relative;
	top: 5px;
	}
}

.bg01 {
	background: url(/common/img/top-page-bg01.jpg) center no-repeat;
	background-size: cover;
	padding-top: 20px;
	padding-bottom: 50px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
}
.about h2 {
	text-align: center;
	color: #fff;
}
.about ul {
	padding-left: 0px;
	padding-right: 0px;
}
.about li {
	display: inline-block;
	font-size: 12px;
}
.about .test01 {
	width: 50%;
	float: left;
}
.about .test02 {
	width: 50%;
	float: left;
}
.img-responsive {
	text-align: center;
	margin: 0 auto;
}
.about img {
	display: block;
	max-width: 100%
}

.left {
	width: 50%;
	float: left;
}
.right {
	width: 50%;
	float: right;
}
@media (max-width: 650px) {
	.about .test01 {
		width: 100%;
		float: none;
	}
	.about .test02 {
		width: 100%;
		float: none;

	}
	.img-responsive {} .about img {
		display: block;
		max-width: 100%
	}
	.left {
		width: 50%;
		float: left;
	}
	.right {
		width: 50%;
		float: right;
	}
}
/*Sliderいろろ*/

.slick-slider {
	margin-bottom: 70px;
}
/*左右の矢印の色を変える*/

.slick-prev:before, .slick-next:before {
	color: #f00;
}
/*左右の矢印の位置を変える*/

.slick-next {
	right: 100px;
	z-index: 99;
}
.slick-prev {
	left: 100px;
	z-index: 99;
}
@media (max-width: 767px) {
	/*左右の矢印の位置を変える*/
	

	.slick-next {
		right: 40px;
		z-index: 99;
	}
	.slick-prev {
		left: 10px;
		z-index: 99;
	}
}
/*スライド数のドットの色を変える*/

.slick-dots li.slick-active button:before, .slick-dots li button:before {
	color: #598e7c;
}
/*スライド画像の横幅可変*/

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

/*スライドが今1枚で動かさなくていいということでのclass
スライド増やす場合は削除*/
.slide {
    margin-bottom: 50px;
} 
.slide img {
	display: block;
	width: 100%;
}

/*↑ここまで*/

.slick-slide img {
	display: block;
	width: 100%;
}
.slick-dots li button:before {
	font-size: 20px;
}
/* ====================================================== *
    footer
 * ====================================================== */


div#footer ul {
	padding-left: 0px;
	font-size: 10px;
		
}

div#footer li a,
div#footer h5 a{
	text-decoration: none;
}

.footer_menu {
	padding: 20px 0;
	background-color: #EEEEEE;
}
.footer_menu .col-md-6 {
	padding-left: 5px;
	padding-right: 5px;
}

.footer_menu h6 {
    font-size: 11px;
    margin-top: 0px;
    padding: .1em 0 .1em .5em;
    margin-bottom: 6px;
}

.foot_copyright {
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 0 auto;
}
.foot_navi ul {
	text-align: center;
	width: 100%;
	margin: 0 auto;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid rgba(0, 0, 0, .15);
	-webkit-order: 2;
	order: 2;
}
.foot_navi li {
	display: inline-block;
	line-height: 2rem;
	text-align: center;
}
@media (max-width: 767px) {
	.foot_copyright {
		padding-bottom: 0;
	}
}
.lefcenter {
	float: left ;
}
.rigcenter {
	float: right;
}
.rigcenter p {
	font-size: 12px;
	text-align: center;
}
@media (max-width: 767px) {
	.lefcenter, .rigcenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
		float: none;
		text-align: center;
	}

.product .p-images .lefcenter {
		margin-left: 26px;
		margin-right: 26px;
}

	
}
.navbar-collapse {
	padding-right: 0;
	padding-left: 0;
}
/* ====================================================== *
    megamenu
 * ====================================================== */

.navbar-nav>li>.dropdown-menu {
	padding-bottom: 20px;
	border: 1px solid #ddd;
}

.dropdown-menu {
    list-style: none;
    font-size: 14px;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box;
}
.navbar-default .navbar-nav>li>a {
	width: 186px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
.navbar-nav > li {
	float: left;
	border-left: 1px solid #ddd;
}
.navbar-nav > li:hover {

	background-color: #598e7c;
	color: #fff;
}
.navbar-default .navbar-nav > li > a:hover {
	color: #fff;
	background-color: transparent;
}
.navbar-nav > li:last-child {
	border-right: 1px solid #ddd;
}
@media (max-width: 980px) {
	.navbar-default .navbar-nav>li>a {
		width: 146px;
		font-weight: bold;
		text-align: center;
	}
}
@media (max-width: 767px) {
	.navbar-default .navbar-nav>li>a {
		font-weight: bold;
		text-align: center;
		width: 100%;
	}
	.mega-dropdown {
		position: static !important;
		width: 100%;
	}

	.navbar-nav > li:hover {
		background-color: #ffffff;
		color: #fff;
	}
	.navbar-default .navbar-nav > li > a:hover {
		color: #777;
		background-color: transparent;
	}
}
.mega-dropdown {
	position: static !important;
	/* width:100%; */
}
.mega-dropdown-menu {
	padding: 20px 0px;
	width: 100%;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.mega-dropdown-menu > li > ul {
	padding: 0;
	margin: 0;
}
.mega-dropdown-menu > li > ul a {
	text-decoration: underline;
	color: #598e7c;
}

.mega-dropdown-menu > li > ul > li {
	list-style: none;
}
.mega-dropdown-menu > li > ul > li:before {
	border-bottom: 1px solid;
}
.mega-dropdown-menu > li > ul > li > a {
	display: block;
	padding: 4px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.428571429;
	color: #333;
	white-space: normal;
	text-decoration: none;
}
.mega-dropdown-menu > li ul > li > a:hover, .mega-dropdown-menu > li ul > li > a:focus {
	text-decoration: none;
	color: #444;
	background-color: #d6e3df;
}
.mega-dropdown-menu .dropdown-header {
	color: #598e7c;
	font-size: 16px;
	font-weight: bold;
}

.mega-dropdown-menu form {
	margin: 3px 20px;
}
.mega-dropdown-menu .form-group {
	margin-bottom: 3px;
}
@media (max-width: 767px) {
	.mega-dropdown-menu > li > ul > li > a {
		padding: 10px 20px;
		border-bottom: 1px solid #ddd;
	}
	.navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 10px 20px;
		border-bottom: 1px solid #ddd;
	}
	.dropdown-menu .divider {
		height: 0px;
	}
}
/*================================================
 *  ぱんくず
 ================================================*/

.topic-path {
	margin: 0 auto;
	padding: 15px 10px;
	font-size: 12px;
	font-size: 0.8em;
}
.topic-path a {
	color: #999999;
	text-decoration: underline;
}
.topic-path a:hover {
	text-decoration: none;
}
.topic-path em {
	color: #598e7c;
	font-style: inherit;
}
.topic-path .top-path a {
	color: #999999;
	text-decoration: underline;
}
.topic-path .punctuation {
	margin: 0 12px 0;
}
/*================================================
 *  .見出しの箇所のCSS
 ================================================*/

#main_wrapper {
	max-width: 100%;
	background: url(/common/img/heading_bg.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
	box-sizing: border-box;
}
#main_wrapper #main {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 70px 20px;
	margin-bottom: 10px;
	overflow: hidden;
}
#main_wrapper #main h1 {

	font-size: 157.1428571429%;
	font-weight: bold;
	text-align: left;
	color: #666;
	padding: 0 20px 0 70px;
	position: absolute;
	/* top: 50%; */
	/* left: 23%; */
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 4;
	margin: 0;
}
.en #main_wrapper #main h1 {
	padding: 0 20px 0 110px;
}
#main_wrapper span {
	font-size: 60%;
	font-weight: bold;
	text-align: left;
	display: block;
	opacity: 0.8;
	font-family: 'Roboto', sans-serif;
}
@media (max-width: 980px) {
	#main_wrapper #main h1 {
		top: 50%;
		left: 15%;
	}
	.en #main_wrapper #main h1 {
		padding: 0 20px 0 20px;
	}
}
@media screen and (max-width: 650px) {
	#main_wrapper {
		width: 100%;
		background-size: cover;
		background: #598e7c;
	}
	#main_wrapper #main h1 {
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 4;
		/* height: 50px; */
		text-align: center;
		color: #fff;
		padding: 0px;
	}
	#main_wrapper span {
		text-align: center;
	}
}
/*================================================
 *  ページトップへの戻り
 ================================================*/

#pagetop {
	position: fixed;
	right: 5%;
	bottom: 2%;
	opacity: 0;
	-ms-filter: "alpha( opacity=0 )";
	filter: alpha(opacity: 0);
	zoom: 1;
	z-index: 9999;
}
/* ====================================================== *
    サイドメニュー
 * ====================================================== */

.sidemenu h3 {
	padding: 20px;
	margin-bottom: 0;
	margin-top: 0;
	background-color: #598e7c;
	font-size: 20px;
	text-align: center;
	color: #fff;
}
.sidemenu h4 {
	padding-left: 0;
	margin-bottom: 0;
	margin-top: 0;
}
.sidemenu ul {
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	font-size: 1em;
	list-style-type: none;
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0;
}
.sidemenu ul li {
	border-bottom: 1px solid #CCCCCC;
	/* font-weight: bold; */
	line-height: 1.5em;
}
.sidemenu ul li a {
	display: block;
	padding: 15px;
	padding-bottom: 20px;
	font-size: 13px;
	font-size: 0.8em;
	text-decoration: none;
}
.sidemenu ul li a:hover {
	background-color: #C5D8D1;
	/* font-weight: bold; */
	text-decoration: none;
	color: #444444;
}
.sidemenu li a::before {
	content: '';
	left: 7px;
	display: inline-block;
	box-sizing: border-box;
	width: 4px;
	height: 4px;
	border: 4px solid transparent;
	border-left: 4px solid #598E7C;
}
.sidemenu ul li ul {
	border: none;
}
.sidemenu ul li ul li {
	border-top: 1px solid #CCCCCC;
	border-bottom: none;
	font-weight: normal;
}
.sidebar_base ul li ul li a {
	background: url(images/common/list_arrow_red03.gif) no-repeat 30px center;
	display: block;
	padding: 15px 15px 15px 40px;
}
.sidemenu .child li a, .sidemenu .selected .children li a {
	padding-left: 25px;
}
.sidemenu .selected {
	background-color: #9dccbc;
}
.sidemenu .selected .child a, .sidemenu .selected .children a {
	background-color: #e6f2ee;
}
.sidemenu .selected .active {
	background-color: #C5D8D1;
}
.sidemenu .selected .child .active ,
.sidemenu .selected .children .active{
	background-color: #c4e7da;
}
@media (max-width: 980px) {
	.sidemenu .child li a,
	.sidemenu .selected .children li a {
		padding-left: 20px;
	}
	.sidemenu ul li a {
		font-size: 12px;
		padding: 12px;
	}
}
/*================================================
 *  製品情報TOP　INDEX
 ================================================*/

.product_index h3 {
	font-weight: bold;
	color: #689988;
	border-bottom: 0px;

	font-size: 24px;
}
.box-3 h4 {
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	font-size: 1.2em;
}
.box-3 h4::before {
	content: '';
	/* left: -23px; */
	display: inline-block;
	box-sizing: border-box;
	width: 14px;
	height: 10px;
	border: 8px solid transparent;
	border-left: 10px solid #699989;
}
.box-3 a:hover {
	color: #598e7c;
	text-decoration: none;
}
.box-3 .img-responsive:hover {
	color: #598e7c;
	text-decoration: none;
}
.box-3 img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.box-3:hover img {
	opacity: .5;

}
.contact-block a, .contact-block-1 a {
	padding: 10px 20px;
	background: #598e7c;
	box-sizing: border-box;
	position: relative;
	display: block;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	/* width: 75%; */
	margin: 0 auto;
}
.contact-block a:hover, .contact-block-1 a:hover {
	background: #4e7668;
	box-sizing: border-box;
	text-decoration: none;
	color: #fff;
}
.contact-block a:before, .contact-block-1 a:before {
	content: '';
	display: inline-block;
	position: relative;
	top: -1px;
	width: 50px;
	height: 50px;
	margin-right: 10px;
	vertical-align: middle;
	background-image: url('/common/img/contact_message.png');
	background-size: 100%;
}
/*製品カタログダウンロードボタン追加20220117*/
.catalog__btn {
	display: flex;
  justify-content: end;
}
.catalog__btn a {
	margin: 0;
}

@media (max-width: 650px) {
	.contact-block a {
		font-size: 14px;
	}
}
.fr-bg-1 {
	background: url(/common/img/search_bg.jpg) left center;
	padding: 10px 0;
	margin: 20px 0;
	height: 150px;
	border: 2px solid#EEE;
}
.fr-bg-1 h3 {
	color: #fff;
	border-bottom: 0px;
}
.en .fr-bg-1 h3 {
	color: #fff;
	border-bottom: 0px;
	font-size: 15px;
}
@media (max-width: 980px) {
	.fr-bg-1 {
		height: 150px;
	}
	.fr-bg-1 h3 {
		font-size: 17px;
	}
}

@media (max-width: 768px) {
	.fr-bg-1 h3 {
		font-size: 14px;
	}
	.fr-bg-1 {
		height: 150px;
	}
}
@media (max-width: 767px) {
	.fr-bg-1 {
		height: 140px;
	}
	.catalog__btn {
		justify-content: center;
	}
}
/*================================================
 *  .product　一覧ページ
 ================================================*/

.product small {
    font-size: 50%;
}

.product .btn .btn {
	cursor: auto;
	padding: 4px 4px;
	font-size: 11px;
	margin: 7px 0 3px;
	display: table-caption;
}

.product_more .btn {
	cursor: auto;
	padding: 4px 11px;
	font-size: 11px;
	margin: 7px 3px 3px;
}

.btnscroll a {
	padding: 10px;
	border: 5px solid #DDDDDD;
	background: #ffffff;
	box-sizing: border-box;
	box-shadow: 0 0 0 1px #CCCCCC;
	text-align: center;
	position: relative;
	display: block;
}
.btnscroll a:hover {

	padding: 10px;
	border: 5px solid #DDDDDD;
	background: #f2f2f2;
	box-sizing: border-box;

	box-shadow: 0 0 0 1px #CCCCCC;
	text-decoration: none;
	padding-left: 20px;
}
.btnscroll a {
	display: block;
	text-decoration: none;
	text-align: center;
	padding-left: 20px;
	font-size: 11px;
}

.btnscroll a:before {
	content: "";
	/* display: inline-block; */
	
	position: absolute;
	width: 20px;
	height: 15px;
	top: 32%;
	left: 4%;
	background: url(/common/img/arrow_down.png) no-repeat left center;
	background-size: cover;
	background-size: 20px 15px;
	text-align: center;
}

.en .btnscroll a {
	font-size: 11px;
}
.en .btnscroll a:before {
	left: 3.5%;
}

@media (max-width: 979px) {
	.btnscroll a {
		font-size: 12px;
		font-size:0.8em;
	}
}

.p-images {
    float: left;
    display: block;
    width: 100%;
}

.p-images img {
    max-width: none;
}

/*================================================
 *  .product_more　詳細ページ
 ================================================*/


.product_more .section {
	margin: 25px 0;
}

.product-table a{
    display: block;
    text-align: left;
}

.product .btn-primary {
	margin-bottom: 0;
	font-size: 11px;
	/* cursor: auto; */
	padding: 3px 4px;
	display: inline-block;
	float: left;
}

.product_more .btn-primary {
	margin-bottom: 15px;
	font-size: 11px;
	cursor: auto;
}

@media (max-width: 767px) {
	.product_more .btn-primary {
		margin-bottom: 10px;
	}
}

.product_more th {
	background-color: #eee;
	font-weight: lighter;
}
.product_more .table > tbody > tr > th, .product_more .table > tbody > tr > td {
	padding-top: 15px;
	padding-bottom: 15px;
}
.product_more .eatures ul {
	list-style-type: none;
	padding-left: 25px;
}
.product_more .eatures ul li:before {
	content: '';
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 100%;
	background: #598e7c;
	position: relative;
	left: -20px;
	top: -2px;
}

.p-admire a {
    color:#598e7c;
    text-decoration: underline;
}

.circuit-use table{
    font-size:11px;
    vertical-align: middle;
}

.circuit-use th{
    text-align:center;
}

.circuit-use .center{
    text-align:center;

}

/*================================================
 *  IR情報　INDEX
 ================================================*/

.ir_news_index dd > a {
	display: inline-block;
	margin-top: 0;
	max-width: 400px;
	word-wrap: normal;
	overflow: hidden;
}
.ir_listbox {
	border: 1px solid;

	padding: 10px;
	margin-bottom: 20px;

}
.m32 {
	padding-bottom: 32px;
}
.ir_listbox h4,
.ir_listbox_02 h4 {
	color: #629282;
	font-weight: bold;
	font-size: 20px;
}

.ir_listbox_02 h4 {
	margin-bottom:15px;
}

.ir_listbox ul,
.report a {
	padding-left: 3px;
}
.ir_listbox li,
.report a {
	line-height: 1.5;
}
.ir_listbox li::before,
.report a::before {
	content: '';
	left: 7px;
	display: inline-block;
	box-sizing: border-box;
	width: 4px;
	height: 4px;
	border: 4px solid transparent;
	border-left: 4px solid #7a0;
}
.ir_listbox_01 ul {
	padding-left: 0;
}
.toList {

	letter-spacing: -.01em;
	position: absolute;
	right: 12px;
	top: 18px;
	background-color: #588d7b;
	color: #fff;
	padding-left: 15px;
	padding-right: 15px;
}
.toList::before {
	content: '';
	left: 7px;
	display: inline-block;
	box-sizing: border-box;
	width: 4px;
	height: 4px;
	border: 4px solid transparent;
	border-left: 4px solid #fff;

}
@media (max-width: 979px) {
	.m32 {
		padding-bottom: 53px;
	}
}
@media (max-width: 767px) {
	.ir_listbox_01 ul,
	.ir_listbox_02 ul  {
		padding-left: 0px;
	}

	.toList {
		right: 12px;
		top: 0px;
		padding-left: 10px;
		padding-right: 10px;
	}
}
.ir_listbox_01 li,
.ir_listbox_02 li,
.ir_listbox_03 li {
	padding: 12px;
	border: 5px solid #DDDDDD;
	background: #ffffff;
	box-sizing: border-box;
	box-shadow: 0 0 0 1px #CCCCCC;
	margin-bottom: 15px;
	font-size: 18px;
}
.ir_listbox_02 li:last-child{
margin-bottom: 0px;
}

.ir_listbox_01 li,
.ir_listbox_02 li,
.ir_listbox_03 li {
	text-align: center;
	font-weight: 500;
	color: #666666;
}

.ir_listbox_01 li span,
.ir_listbox_02 li span,
.ir_listbox_03 li span {
	margin-left: 5px;
}

.ir_listbox_02 a,
.ir_listbox_03 a{
	display:block;
}
.ir_listbox_02 li:nth-of-type(1) a::before {
	content: '';
	/*何も入れない*/
	display: inline-block;
	/*忘れずに！*/
	width: 36px;
	/*画像の幅*/
	height: 37px;
	/*画像の高さ*/
	background-image: url(/common/img/ir_suits_icon.png);
	background-size: cover;
	vertical-align: middle;
}

.ir_listbox_02 li:nth-of-type(2) a::before {
	content: '';
	/*何も入れない*/
	display: inline-block;
	/*忘れずに！*/
	width: 36px;
	/*画像の幅*/
	height: 37px;
	/*画像の高さ*/
	background-image: url(/common/img/magnifying-glass-search.png);
	background-size: cover;
	vertical-align: middle;
}

.ir_listbox_01 li:first-child {
	border: 0px;
	box-shadow: 0 0 0 0px #CCCCCC;
	padding: 0px;
}
.ir_listbox_02{
	border-top: 1px solid #888;
	border-bottom: 1px solid #888;
	display:block;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 25px;
	margin-bottom: 25px;

}

.ir_listbox_02 li:hover,
.ir_listbox_03 li:hover,
.ir_listbox_01 li:nth-of-type(3):hover {
	border: 5px solid #DDDDDD;
	background: #f2f2f2;
	box-sizing: border-box;
	box-shadow: 0 0 0 1px #CCCCCC;
}
.ir_listbox_02 a:hover,
.ir_listbox_03 a:hover {
	color: #598e7c;
	text-decoration: none;
}

.ir_news_index dt{
	float: left;
	width: 38%;
	margin-bottom: 15px;
}
.ir_news_index dd {
	float: left;
	width: 60%;
	margin-bottom: 20px;
}

@media (max-width: 979px) {
.ir_news_index dt{
	float: left;
	width: 50%;
	margin-bottom: 10px;
}
.ir_news_index dd {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}
}

/*================================================
 *  IRCalendar
 ================================================*/

.ir-calendar h3 {
    margin: 20px 0;
}
.ir-calendar .sidemenu h3 {
    margin: 0px;
}


.ir-calendar dl {
     padding-bottom: 20px;
}
   
/*================================================
 *  IR情報　早わかり松尾電機
 ================================================*/

.iziModal-wrap h3 {
	color: #669985;
	border-bottom: 0px;
	font-size: 28px;
	padding-left: 60px;
	position: relative;
	display: block;
	width: 100%;

}
.iziModal-wrap .haya-t01:before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 50px;
	height: 42px;
	margin: -3px 0 0 10px;
	left: -7px;
	background: url(/common/img/ir/ataglance_icon01@2x.png) no-repeat left center;
	background-size: cover;
	background-size: 50px 36px;
}
.iziModal-wrap .haya-t02:before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 50px;
	height: 63px;
	margin: -3px 0 0 10px;
	left: -7px;
	bottom: 0;
	background: url(/common/img/ir/ataglance_icon02@2x.png) no-repeat left center;
	background-size: cover;
	background-size: 50px 63px;
}
.iziModal-wrap .haya-t03:before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 50px;
	height: 51px;
	margin: -3px 0 0 10px;
	left: -7px;
	background: url(/common/img/ir/ataglance_icon03@2x.png) no-repeat left center;
	background-size: cover;
	background-size: 50px 51px;
}
.iziModal-wrap .haya-t04:before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 50px;
	height: 50px;
	margin: -3px 0 0 10px;
	left: -7px;
	bottom: 8px;
	background: url(/common/img/ir/ataglance_icon04@2x.png) no-repeat left center;
	background-size: cover;
	background-size: 50px 50px;
}
.iziModal-wrap .haya-t05:before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 50px;
	height: 51px;
	margin: -3px 0 0 10px;
	left: -7px;
	bottom: 4px;
	background: url(/common/img/ir/ataglance_icon05@2x.png) no-repeat left center;
	background-size: cover;
	background-size: 50px 51px;
}

.iziModal-content .text-right{

	margin: 0 0 10px 0;
	cursor: pointer;
	text-align: right!important;
}

.page-id-706 .button{
    cursor: pointer;
}

.iziModal-content a {
	font-size: 22px;
	text-decoration: none;
	background-color: #333;
	color: #fff;
	padding: 0 10px;
	display: inline-block;
}
.iziModal-content a:hover {
	text-decoration: none;
	background-color: #666;

}
.link {
	background-color: #588d7b;
	color: #fff;
	padding: 2px 10px;
	width: 110px;
	float: left;
	text-align: center;
}
.iziModal-content dd {
	width: 200px;
}

@media (max-width: 767px) {
	.link {
		width: 97px;
		font-size:12px;
	}
	.iziModal-content dd {
		width: 126px;
		font-size:12px;
	}
}

.iziModal-content dd a {
	color: #666;
	font-size: 1.2em;
	background-color: #fff;
	text-decoration: underline;
}
.iziModal-content dd a:hover {
	background-color: #fff;
	text-decoration: underline;
	color: #598e7c;
}
/*================================================
 *  検索結果CSS　.SS_title
 ================================================*/

.SS_title {
	font-size: 125%;
}
.SS_title a {
	text-decoration: underline;
	color: #598e7c;
}

/*================================================
 *  検索結果CSS　.SS_title
 ================================================*/
.checkbox-inline {
	position: relative;
	display: inline-block;
	padding-left: 10px;
}
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
	position: absolute;
	margin-top: 4px \9;
	margin-left: -5px;
}
.form-group span {
    font-weight: normal;
}
.form-group a {
    color: #598e7c;
}
.box-4 {
	padding: 20px;
	border: 2px solid #DDDDDD;
	background: #eee;
	box-sizing: border-box;
	box-shadow: 0 0 0 1px #CCCCCC;
	display: inline-block;
	margin: 0 15px 20px;
}
.s-enter a {
	letter-spacing: -.01em;
	background-color: #588d7b;
	color: #fff;
	padding: 15px;
	display: block;
	text-align: center;
	margin: 0 auto;
	width: 30%;
}
.s-enter a:hover {
	letter-spacing: -.01em;
	background-color: #4d695f;
	color: #fff;
}
.s-search table,
.s-search th,
.s-search td {
	border: solid 1px #666;
	text-align: center;
	font-weight: normal;
	padding: 5px 10px 3px 10px;
	white-space: nowrap;
	line-height: 1.4;
}
.s-search th {
	background-color: #EFEFEF;
	}
.s-search .tableback01 {
	background-color: #CFE2DB;
	}
.s-search .fontsmall01 {
	font-size: 10px;
	font-size: 1.0rem;
	vertical-align: text-bottom;
	}
.s-search .fontsmall02 {
	font-size: 10px;
	font-size: 1.0rem;
	vertical-align: text-top;
}


@media (max-width: 980px) {
		.checkbox-inline + .checkbox-inline:nth-child(5) {
		  margin-top: 0;
		  margin-left: 0px;
		}
}

@media (max-width: 767px) {
	.checkbox-inline + .checkbox-inline {
		margin-top: 0;
		margin-left: 0px;
	}

	.checkbox-inline {
	display: block;
	}

	.s-enter a {
		width: 50%;
	}
}



/*================================================
 *  WordPress　ビジュアルエディタ
 ================================================*/

.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright { float: right; }
.alignleft { float: left; }

p {
    display: block;
}

img[class*="wp-image-"],
img[class*="attachment-"] {
    max-width: 100%;
    height: auto;
}





/*================================================
 *  WordPress固定ページ　トップMessage
 ================================================*/

.page-id-129 h4 {
	font-size: 20px;
	font-weight: bold;
}
/*================================================


 *  WordPress固定ページ　会社概要テーブル　.tr01
 ================================================*/

#post-130 .tr01 {
    font-size:12px;
}

.tr01 th {
	font-weight: lighter;
	background-color: #F0F4F3;
}
.btn-01 a{

letter-spacing: -.01em;

background-color: #588d7b;

color: #fff;

padding: 5px 24px;

width: 130px;

margin:5px 0;

display: block;

text-align: center;
}

.en .btn-01 a{
	padding: 5px 24px;
}

.career_information .btn-01 a{
	display: inline;
	margin: 10px;
}

.career_information .btn-01 {
    margin: 0;
}



.btn-01 a:hover{
	letter-spacing: -.01em;
	background-color: #5d7e73;
	text-decoration: none;
}

.btn-01 a::before {
	content: '';
	left: 7px;

	display: inline-block;
	box-sizing: border-box;
	width: 4px;
	height: 4px;
	border: 4px solid transparent;
	border-left: 4px solid #fff;

}
.tr01 p {
	margin: 0;
}
.tr01 .table > tbody > tr > th, .tr01 .table > tbody > tr > td {
	padding: 12px;
}
.tr01 .table > tbody > tr > th, .tr01.table > tbody > tr > td {
	padding: 12px;
}
.tr01 .table > tbody > tr > td {
	border-left-width: 0px;
}
.tr01 .table-bordered > tbody > tr > th {
	border-right-width: 0px;
}
/*================================================
 *  WordPress固定ページ　グレー見出し
 ================================================*/

.glay-c {
	padding: .5em;
	border-bottom: 0px;
	font-size: 20px;
	margin-bottom: 25px;
	background-color: #eee;
	font-weight: bold;
}
.heading-green {
	border-bottom: 0px;
	color: #679987;
	font-weight: 600;
}
/*================================================
 *  WordPress固定ページ　経営理念
 ================================================*/

.policy dl, .e-stands dl {
	width: 100%;
	padding: 0;
	overflow: hidden;
	margin-bottom: 0;
}
.e-stands dl, .v-stands dl {
	/* padding-left: 10px; */
	/* padding-right: 10px; */
	/* margin-bottom: 30px; */
}
.e-stands dt, .policy dt {
	font-weight: lighter;
	clear: left;
	float: left;
	width: 0px;
	margin-bottom: 20px;
}
.e-stands dd, .policy dd {
	margin-left: 26px;
	margin-bottom: 20px;
}
.policy .box {
	padding: 20px;


}
/*================================================
 *  WordPress固定ページ　価値基準
 ================================================*/

.v-stands dt {
	font-weight: lighter;
	margin-bottom: 8px;
	margin-bottom: .5em;
	padding-left: 15px;
	/* padding-left: 1em; */
}
.v-stands dd {
	padding-left: 16px;
	margin-bottom: 15px;
	margin-bottom: 1em;
}
.v-stands ul {
	padding-left: 0px;
}
.e-stands ul {
	padding-left: 0;
}
.e-stands li {
	padding-left: 10px;
}
.e-stands ul li {
	margin-bottom: 5px;
}
.e-stands ol li {
	padding-left: 5px;
}
.e-stands li ol > li {
	padding-left: 5px;
	margin-bottom: 0;
}
/*================================================
 *  WordPress固定ページ　沿革
 ================================================*/


.histly .img-responsive {
	text-align: left;
	margin: 0;
	max-width: 200px;
	margin-top: 10px;
	margin-bottom: 10px;
}
/*================================================

 *  WordPress固定ページ　事業紹介
 ================================================*/

.sales-offices ul {
	margin-bottom: 0;
}
.sales-offices li {
	margin-bottom: .2em;
}
/*================================================
 *  WordPress固定ページ　回路保護素子
 ================================================*/


.sys-tan_cir {
	margin-bottom: 5em;
}
/*================================================
 *  WordPress固定ページ　コーポレート・ガバナンス
 ================================================*/

.ol-bg01 {

	background-color: #F0F4F3;
	margin: 1.5em 0;
	padding: 1.2em 1.1em;
	padding-left: 0;
}
.governance li {
	margin-bottom: 0.8em;
}
.governance dl dd {
	margin-bottom: 1em;
}

.governance .glay-c {
	padding: .6em;
	font-size: 15px;
	margin-bottom: 25px;
	background-color: #f8f8f8;
	font-weight: 500;
}

.governance .heading-f {
	font-size: 17px;
	border-bottom:0px;
}

.phy,
.v-stands .phy {
    padding-left: 3em;
}
.phy dt,
.phy dd ,
.v-stands .phy dt,
.v-stands .phy dd {
    float: left;

    margin: 0;
}

.v-stands .phy dd{
padding-left: 0;
}

.phy dt,
.v-stands .phy dt {
    clear: left;
    float: left;
    margin-left: -3em;
    padding-left: 15px;
    font-weight: normal;
}

.b-p .phy dt{
	/* margin-left: -3.5em; */
}

@media (max-width: 767px) {
	.v-stands .phy dt {
		margin-left: -4em;
	}

.phy dd {
padding-bottom: 10px;
}
	
}

.page-id-132 .main .row {

    padding-bottom: 15px;
}

/*================================================
 *  WordPress固定ページ　認証取得　テーブル
 ================================================*/

.tr-01 .table > tbody > tr > th {
	background-color: #eee;
	font-weight: lighter;
	font-size: 0.8em;
	font-size: 12px;
}

.tr-01 .table > tbody > tr > th, .tr-01 .table > tbody > tr > td {
	text-align: center;
	font-size: 0.8em;
	font-size: 12px;

	padding-top: 15px;
	padding-bottom: 15px;
	vertical-align: middle;
}
.clearfix {
	*zoom: 1;
}

.clearfix:before, .clearfix:after {
	display: table;
	line-height: 0;
	content: "";
}
.clearfix:after {
	clear: both;
}
/*================================================
 *  WordPress固定ページ　認証取得　テーブル
================================================*/
.col .table tbody tr th {
	font-weight: lighter;
	background-color: #F0F4F3;
}
/*================================================
 *  WordPress固定ページ　Rohs　テーブル

 ================================================*/
/* 背景を黄色*/


.yelo {
	background-color: #FFFFBF;
}
/* テーブルをヨコ並ぶ*/

dl.dl-yoko {
	width: 100%;
	padding: 0;
	overflow: hidden;
	margin: 0 5px;
	margin-bottom: 0;
	padding-left: 10px;
	padding-right: 10px;
}
.dl-yoko dt {
	font-weight: lighter;
	clear: left;
	float: left;
	width: 0px;
}
.dl-yoko dd {
	margin-left: 30px;
	margin-bottom: 10px;
}
.roh p {
	padding-left: 10px;
	padding-right: 10px;
}
.roh a {
	text-decoration: underline;
}
.roh .btnscroll a {
	display: block;
	text-decoration: none;
	text-align: center;
	padding-left: 20px;
}
/*================================================
 *  php サイトマップ
 ================================================*/

.sitemap a {
	display: block;
}
/*================================================
 *  フォーム

 ================================================*/

.f-01 .wpcf7-list-item {
	display: block;
}
.red {

	color: red;
}
.contact th {
	color: #333;
	background-color: #eee;
	font-weight: normal;
}
.contact th span {
	font-size: 0.8em;
}
.conf p, .c-btn p {
	text-align: center;
}
.c-btn input[type="submit"] {
	background-color: #598E7C;
	color: #fff;
	padding: 10px 90px;
}
.c-btn input[type="submit"]:hover {
	background-color: #41564f;
}
.c-btn input[type="submit"] {
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-width: 0px;
}
.c-btn input[type="button"] {
	background-color: #9dc9ba;
	color: #333;
	padding: 10px 90px;
}
.c-btn input[type="button"]:hover {
	background-color: #598e7c;
}
.c-btn input[type="button"] {
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-width: 0px;
}
a.link-st::before {
	content: '';
	left: 7px;
	display: inline-block;
	box-sizing: border-box;
	width: 4px;
	height: 4px;
	border: 4px solid transparent;
	border-left: 4px solid #7a0;
}
.inp_w100 {
	width: 100%;
}

.inp_w90 {
	width: 90%;
}
.inp_w80 {
	width: 80%;
}
.inp_w50 {
	width: 50%;
}
.inp_w40 {
	width: 40%;
}
.inp_w20 {
	width: 20%;
}
section.contact-block-1 {
	margin: 0 auto;
	text-align: center;
	padding: 10px 30px;
}
.contact_index h3 {
	padding-bottom: .5em;
	border-bottom: 1px solid #ccc;
	font-size: 20px;
	margin-bottom: 15px;
	font-weight: 600;
	color: #666666;
	text-align: center;
}
.contact_index .box {
	padding: 10px;
}
.ir_cat ul {
	margin-bottom: 50px;
}
.ir_cat dl {
	margin-bottom: 50px;
}
.ir_cat dd {
	margin-right: 15px;
}
.page-template .row {
	padding-bottom: 35px;
}
.header .row {
	padding-bottom: 0px;
}
.product_index .row {
	padding-bottom: 0px;
}

.wpcf7-character-count {
    display: block;
}

/*================================================
 *  セクション関係に悩んだ貴方に
 ================================================*/

.sec {
	margin-bottom: 30px;
}
.g-line {
	background-color: #FDFAF5;
	padding: 12px 10px 2px;
	border: 1px solid #699989;
}
.g-line dd {
	padding: 2px 10px;
}
.g-line dd::before {
	content: '';
	left: 7px;
	display: inline-block;
	box-sizing: border-box;
	width: 4px;
	height: 4px;
	border: 4px solid transparent;
	border-left: 4px solid #588d7b;
}
.en .g-line {
	padding: 12px 10px 2px;
}
.en .link {
	width: 142px;

}

.en .iziModal-content .link {

	width: 70px;
	font-size: 12px;
}
.en .iziModal-content dd {
	width: 200px;
	font-size: 12px;
	padding-left: 10px;
}

.news dt,

.ir-news dt {
	float: left;
	width: 34%;
	margin-bottom: 15px;
}
.news dd,
.ir-news dd {
	float: left;
	width: 60%;
	margin-bottom: 20px;
}


.ir-calendar dt{
	float: left;
	width: 15%;
	margin-bottom: 15px;
	font-weight: normal;

}


.ir-calendar dd{
	float: left;
	width: 85%;
	margin-bottom: 10px;
}

@media (max-width: 979px) {
	.news dt,
	.ir-news dt {
		float: left;
		width: 40%;
	}
	.news dd,
	.ir-news dd {
		float: left;
		width: 60%;
	}

.ir-calendar dt{
	float: left;

	width: 20%;
	margin-bottom: 15px;
}

.ir-calendar dd{
	float: left;
	width: 80%;
	margin-bottom: 15px;
}

}

@media (max-width: 767px) {
	.news dt,
	.ir-news dt {
		float: left;
		width: 50%;
	}
	.news dd,
	.ir-news dd {
		float: left;
		width: 100%;

	}
}

@media (max-width: 650px) {
	.news dt,
	.ir-news dt,
	.ir-calendar dt {
		float: left;
		width: 100%;
		margin-bottom: 10px;
	}
	.news dd,
	.ir-news dd,
	.ir-calendar dd {
		float: left;
		width: 100%;
	}

	.ir-calendar dd{
		margin-bottom: 15px;
	}

}



.search p {
	margin: 0 0 8px;
}
.search .SS_box {
	margin-bottom: 25px;
	border-bottom: 1px dashed #ccc;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.SS_url a{
    color:#85a99d;
    margin-bottom: 5px;
}

.SS_url {
    margin-bottom: 5px;
}



@media (max-width: 625px) {
	.contact tr,
	.contact th,
	.contact td {
		display: block;
		width:100%;
	}

.contact td {
		text-align: center;
	}

.contact .lefcon{
		text-align: left;
	}

.contact span.wpcf7-list-item {
	margin: 0 0 0 3em;
}

.contact .othet span.wpcf7-list-item {
	margin: 0 0 0 1em;
}
	
	.inp_w90,
	.inp_w70{
		width:70%;
	}

	.contact .table-bordered > tbody > tr > th,
	.contact .table-bordered > tbody > tr > td{
	  border: 0px ;
	}

	.en .contact span.wpcf7-list-item {
		display: inline-block;
		margin: 0 0 0 0.5em;
		font-size: 12px;
	}
	
	.en .f-01 span {
		font-size: 15px;
	}	

	#post-130 .tr01,
	.page-id-20 .tr01,
	.histly,
	.tr01{
    font-size: 10px;
	}
	
	
	.tr-01 .table > tbody > tr > th,
	.tr-01 .table > tbody > tr > th, .tr-01 .table > tbody > tr > td{
	font-size: 10px;
	}


}

.contact .table tr th{
	padding: 10px 20px;
}
.contact .table tr td{
	border-bottom: 1px solid #CCCCCC;

	padding: 10px 20px;
}

/* 2019-05-28 */
@media all and (max-width: 480px) {
	.g-line,
	.en .g-line {
		padding: 13px 10px;
	}
	.g-line dl dd,
	.youtubebloc a.linktitle {
		font-size: 13px;
	}
}
@media all and (max-width: 767px) {
	.moblogo {
		width: 66.66666667%;
	}
	.header .row {
		position: relative;
	}
	.mobyoutube {
		position: absolute;
		top: 10px;
		right: 70px;
		z-index: 10;
	}
}
@media all and (min-width: 768px) and (max-width: 979px) {
	.col-md-12.col-xs-8.moblogo {
		width: 100%;
	}
	.top_menu {
		position: relative;
		display: flex;
		justify-content: space-between;
	}
	.top_menu .headlogo {
		flex-basis: 40%;
		margin-right: auto;
	}
	.top_menu .headbloc {
		flex-basis: 58%;
	}
	.font-box,
	.he-list {
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
	.header .he-list li {
		margin-right: 15px;
	}
	.youtubebloc {
		margin: 10% 0 0;
	}
}
@media all and (min-width: 768px) {
	.mobyoutube {
		display: none !important;
	}
	.header .he-list {
		margin: -8px 0 0;
	}
	.materials { 
	height: 70px !important;
	}

}
@media all and (max-width: 979px) {
	.en .g-line dl {
		margin: 0 0 60px;
	}
}
@media all and (min-width: 980px) {
	.font-box {
		margin: 6px 0 0;
	}
}
.header .he-list li:nth-child(4) {
	margin: 0 12px 0 5px;
	padding: 15px 0 0;
}
.youtubebloc {
	margin: 5% 0;
	border-top: 1px solid #699989;
}
.youtubebloc div {
	margin: 5% 0;
}
.youtubebloc div.youtube {
	margin:0;
}
.youtubebloc a.linktitle {
	display: block;
}
.youtubebloc a.linktitle::before {
	content: '';
	left: 7px;
	display: inline-block;
	box-sizing: border-box;
	width: 4px;
	height: 4px;
	border: 4px solid transparent;
	border-left: 4px solid #588d7b;
}
.pt10 {
	padding-top: 10px;
}
.pt20 {
	padding-top: 20px;
}
.pt30 {
	padding-top: 30px;
}
.pt40 {
	padding-top: 40px;
}
.pt50 {
	padding-top: 50px;
}
.mt0 {
	margin-top: 0;
}
.mt10 {
	margin-top: 10px;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mt40 {
	margin-top: 40px;
}
.mt50 {
	margin-top: 50px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb50 {
	margin-bottom: 50px;
}
p.pl3em {
    padding-left: 3em;
}


/*================================================
 *  採用情報リニューアル
 ================================================*/
/* エントリーフォーム */
.f-entry p:empty {
	display: none;
}
.f-entry .table tr th {
	width: 33.6%;
	padding: 16px 24px;
}
.f-entry .table {
	margin-bottom: 40px;
}
.f-entry .table:last-of-type {
	margin-bottom: 24px;
}
.f-entry h4 {
	font-weight: 700;
	line-height: 1.66;
	margin-bottom: 5px;
}
.f-entry .table th:last-of-type {
	border-bottom: 1px solid #ddd;
}
.f-entry .table tr td {
	padding: 14px 20px;
}
.inp_w70 {
	width: 70px;
	margin-right: 6px;
	margin-left: 11px;
	border: 1px solid #BCBCBC;
}
.inp_w120 {
	width: 120px;
	margin-right: 5px;
	border: 1px solid #BCBCBC;
}
.wpcf7-form-control {
	font-weight: 400;
}
.inp_w440 {
	width: 440px;
	border: 1px solid #BCBCBC;
}
.inp_w180 {
	width: 180px;
	border: 1px solid #BCBCBC;
}
.f-entry .sp {
	display: none;
}
@media (max-width: 768px) {
	.inp_w440 {
		width: 340px;
	}
}
@media (max-width: 650px) {
	.f-entry .table tr td {
		padding-right: 0;
	}
	.f-entry span.wpcf7-list-item:first-of-type {
		margin-left: 24px;
	}
	.f-entry .table tr th {
		width: 100%;
	}
	.inp_w440 {
		width: 100%;
	}
	.f-entry .pc {
		display: none;
	}
	.f-entry .sp {
		display: block;
	}
	.inp_w70 {
		width: 60px;
		margin-left: 8px;
	}
	.inp_w120 {
		width: 90px;
	}
	.f-entry .table tr td {
		text-align: left;
		padding-left: 0;
	}
}
/* エントリーが完了しました。 */
.info__box {
	margin-top: 63px;
	max-width: 700px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 40px 50px;
	border: 1px solid #C5C5C5;
}
.info__box .left {
	width: 38%;
	font-size: 18px;
	line-height: 1.44;
}
.info__box .left span {
	font-size: 15px;
}
.info__box .right {
	width: 58%;
	font-size: 15px;
	line-height: 1.73;
}
@media (max-width: 768px) {
	.info__box {
		padding: 30px 35px;
	}
}
@media (max-width: 650px) {
	.info__box {
		flex-direction: column;
		padding: 40px;
	}
	.info__box .left {
		width: 100%;
		margin-bottom: 25px;
	}
	.info__box .right {
		width: 100%;
	}
}
.info__box p:empty {
	display: none;
}
/* 新卒採用 */
.graduate_recruitment br {
	display: none;
}
.graduate_recruitment .--txt {
	margin-top: 40px;
	margin-bottom: 60px;
}
.graduate_recruitment_recruitment_category {
	display: flex;
	justify-content: space-between;
}
.graduate_recruitment_recruitment_category .--item {
	width: 47.1%;

}
.graduate_recruitment_recruitment_category img {
	padding-bottom: 12px;
}
.graduate_recruitment_recruitment_category .--item .sankaku {
	font-size: 18px;
	font-weight: 700;
	position: relative;
	padding-left: 18px;
	
}
.graduate_recruitment_recruitment_category .--item .sankaku::before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 10px;
	border: 8px solid transparent;
	border-left: 10px solid #699989;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.graduate_recruitment_recruitment_category .--item a {
	transition: .2s;
	color: #666666;

}
.graduate_recruitment_recruitment_category .--item a:hover {
	color: #598e7c;
	text-decoration: none;
}
.graduate_recruitment p:empty {
	display: none;
}
/* 中途採用 */
.career_information .yellow__box {
	border: 8px solid #C5D8D1;
	padding: 33px 100px;
	margin-bottom: 53px;
}
.career_information .yellow__box .--item {
	padding-left: 32px;
	position: relative;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 0;
}
.career_information .yellow__box .--box {
	border-bottom: 1px solid #E5E5E5;
	padding: 22px 0;
}
.career_information .yellow__box .--box:last-of-type {
	border-bottom: none;
}
.career_information .yellow__box .--item::before {
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	background-color: #666666;
}
.career_information .yellow__box p {
	font-size: 16px;
	padding-left: 32px;
	margin-bottom: 0;
	font-family: 'Noto Sans JP', sans-serif;
}
.ease__work .--flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.ease__work .gray__box {
	border: 4px solid #EEEEEE;
	width: 48.6%;
	margin-top: 20px;
	padding: 35px 40px 40px;
	height: 240px;
}
.ease__work .gray__box:nth-of-type(5),
.ease__work .gray__box:last-of-type {
	height: 291px;
	margin-bottom: 40px;
	padding: 35px 30px 40px;
}
.ease__work .gray__box h4 {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 18px;
	position: relative;
	text-align: center;
	margin-bottom: 37px;
	font-weight: 700;
}
.ease__work .gray__box h4::after {
	content: "";
	width: 24px;
	height: 1px;
	background-color: #598E7C;
	position: absolute;
	bottom: -13px;
	left: 50%;
	transform: translateX(-50%);
}
.ease__work .gray__box p {
	font-size: 12px;
	line-height: 2;
}
.career_information p:empty {
	display: none;
}

.recruit__info dt {
	font-size: 20px;
	font-weight: 700;
	padding: 20px 30px;
	border: 1px solid #BDD4C1;
	position: relative;
	cursor: pointer;
	transition: all .3s;

}
.recruit__info dt::before,
.recruit__info dt::after {
	content: "";
	width: 20px;
	height: 2px;
	background: #598E7C;
	position: absolute;
	top: calc(50% - 1px);
	right: 30px;
	transition: all .3s;
}
.recruit__info dt::after {
	transform: rotate(90deg);
}
.recruit__info dt.active::after {
	opacity: 0;
}
.recruit__info dt.active {
	border-bottom: none;
}
.recruit__info dd {
	border: solid #BDD4C1;
	border-width: 0 1px 1px 1px;
	float: none;
	padding: 0 30px 10px;
}
.recruit__info__box {
	margin-bottom: 20px;
}
.recruit__info__box h4 {
	margin-top: 0;
	padding-top: 26px;
	border-top: 1px solid #E5E5E5;
	font-size: 15px;
	font-weight: 700;
}
.recruit__info__box .btnone {
	border-top: none;
}
.career_information .recruit__info__box th {
	border: none;
	background-color: #F0F4F3;
	border-top: 1px solid #E5E5E5;
	width: 4.7%;
	padding: 20px 29px;
	text-align: left;
	vertical-align: middle;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.66;
}
.career_information .recruit__info__box td {
	border: none;
	line-height: 1.66;
	font-size: 12px;
	border-top: 1px solid #e5e5e5;
	padding: 20px 0 20px 20px;
}
.career_information .recruit__info__box th:last-of-type,
.career_information .recruit__info__box td:last-of-type {
	border-bottom: 1px solid #e5e5e5;
}
.entry {
	border: 2px solid #B5C9C2;
	background-color: #EEEEEE;
	padding: 25px 90px;
}
.entry br {
	display: none;
}
.entry .--ttl {
	color: #598E7C;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 8px;
}
.entry .--box {
	background-color: #598E7C;
	height: 70px;
	max-width: 520px;
	width: 100%;
	margin: 0 auto;
}
.entry .--box a {
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	color: #fff;
	width: 100%;
	height: 100%;
	padding-left: 57px;
}
.entry .--box a:hover {
	background: #4e7668;
	text-decoration: none;
}
.entry .--box a::before {
	content: "";
	background-image: url(../img/recruit/mail_icon.svg);
	background-size: contain;
	width: 38px;
	height: 29px;
	position: absolute;
	left: 158px;
	top: 50%;
	transform: translateY(-50%);
}
@media (max-width: 980px) {
	.career_information .yellow__box {
		padding: 30px 60px;
	}
	.ease__work .gray__box {
		height: auto;
		padding: 30px 30px;
	}
	.ease__work .gray__box:nth-of-type(5),
	.ease__work .gray__box:last-of-type {
		height: auto;
	}
	.ease__work .gray__box h4 {
		line-height: 1.4;
	}
	.career_information .recruit__info__box th {
		width: 33%;
		padding: 20px;
	}
	.career_information .recruit__info__box td {
		padding: 20px 0 20px 15px;
	}
	.entry .--box a {
		padding-left: 38px;
	}
	.entry .--box a::before {
		left: 83px;
	}
}
@media (max-width: 768px) {
	.ease__work .gray__box {
		padding: 30px 25px;
	}
	.entry .--box a::before {
		left: 22%;
	}
}
@media (max-width: 650px) {
	.career_information .yellow__box {
		padding: 30px 20px;
	}
	.career_information .yellow__box .--item {
		padding-left: 30px;
	}
	.career_information .yellow__box .--item {
		left: 0px;
	}
	.ease__work .--flex {
		flex-direction: column;
	}
	.ease__work .gray__box {
		width: 100%;
		padding: 35px 45px;
	}
	.career_information .recruit__info__box tr,
	.career_information .recruit__info__box th,
	.career_information .recruit__info__box td {
		display: block;
		width: 100%;
	}
	.recruit__info dt{
		padding: 20px 15px;
		font-size: 18px;
	}
	.recruit__info dd {
		padding: 0 15px 10px;
	}
	.career_information .recruit__info__box td {
		padding: 20px;

	}
	.entry {
		padding: 25px 20px;
		margin-bottom: 30px;
	}
	.entry .--box a {
		padding-left: 38px;
	}
	.entry .--box a::before {
		left: 18%;
	}
	.ease__work .gray__box:nth-of-type(5) {
	margin-bottom: 0;
}
}
/* 募集要項 */
.fresh p:empty {
	display: none;
}
.fresh h3 {
	margin-top: 0;
	margin-bottom: 20px;
	padding-bottom: 7px;
}
.fresh .step {
	background-color: #EEEEEE;
	height: 130px;
	padding: 40px 150px 36px;
	margin-bottom: 33px;
	position: relative;
}
.fresh .step::before {
	content: "";
	background-image: url(../img/recruit/step_1.svg);
	background-size: contain;
	width: 70px;
	height: 70px;
	position: absolute;
	left: 40px;
	top: 50%;
	transform: translateY(-50%);
}
.fresh .step:nth-of-type(2)::before{
	background-image: url(../img/recruit/step_2.svg);
}
.fresh .step:nth-of-type(3)::before{
	background-image: url(../img/recruit/step_3.svg);
}
.fresh .step:nth-of-type(4)::before{
	background-image: url(../img/recruit/step_4.svg);
}
.fresh .step:nth-of-type(5)::before{
	background-image: url(../img/recruit/step_5.svg);
}
.fresh .step::after {
	content: "";
	background-image: url(../img/recruit/sankaku.svg);
	background-size: contain;
	width: 18px;
	height: 11px;
	position: absolute;
	left: 66px;
	bottom: -23px;
}
.fresh .step.--05 {
	background-color: #FFFAF3;
	border: 1px solid #E89112;
	margin-bottom: 60px;
}
.fresh .step:last-of-type::after {
	content: none;
}
.fresh .step h4 {
	font-size: 18px;
	font-weight: 700;
	font-family: 'Noto Sans JP', sans-serif;
	margin: 0;
	margin-bottom: 5px;
}
.fresh .step p {
	font-size: 16px;
	font-family: 'Noto Sans JP', sans-serif;
	margin: 0;
}
.fresh_table th {
	background-color: #F0F4F3;
	width: 5%;
	padding: 30px 29px;
	vertical-align: middle;
	font-size: 12px;
	font-weight: 700;
	border-top: 1px solid #E5E5E5;
}
.fresh_table th:last-of-type {
	border-bottom: 1px solid #E5E5E5;
}
.fresh_table td {
	padding: 30px;
	font-size: 12px;
	border-top: 1px solid #E5E5E5;
}
.fresh_table td:last-of-type {
	border-bottom: 1px solid #E5E5E5;
}
.fresh_table th span {
	font-weight: 400;
}
.fresh_table table {
	margin-bottom: 60px;
}
.fresh .step.--05 {
	padding-top: 52px;
	color: #E89112;
}
.fresh .--flex {
	display: flex;
}
.fresh .--flex p {
	margin: 0;
}
.fresh .--flex .--left {
	width: 30%;
}
.fresh .--flex .--right {
	width: 74%;
}
@media (max-width: 980px) {
	.fresh .step {
		padding: 39px 5px 20px 140px;
	}
	.fresh_table th {
		width: 33%;
	}
	.fresh_table td {
		padding-right: 0;
	}
}
@media (max-width: 650px) {
	.fresh .pic {
		max-width: 100%;
		width: 100%;
		height: 170px;
		object-fit: cover;
	}
	.fresh .step::before {
		left: 20px;
	}
	.fresh .step {
		padding: 30px 15px 20px 110px;
	}
	.fresh .fresh_table table tr,
	.fresh .fresh_table table th,
	.fresh .fresh_table table td {
		display: block;
		width: 100%;
	}
	.fresh .fresh_table table {
		width: 100%;
	}
	.fresh_table th {
		padding: 20px;
	}
	.fresh_table td {
		padding: 20px;
	}
	.fresh_table .pc {
		display: none;
	}
	.fresh .step.--02,
	.fresh .step.--04 {
		padding-top: 40px;
	}
	.fresh .step.--05 {
		padding-top: 50px;
	}
	.fresh .--flex .--left {
		width: 30%;
	}
	.fresh .--flex .--right {
		width: 70%;
	}
}
/* 会社を知る */
.about_company p:empty {
	display: none;
}
.about_company h3 {
	margin-top: 0;
	margin-bottom: 20px;
	padding-bottom: 7px;
}
.about_company_info,
.ease_work {
	margin-bottom: 60px;
}
.about_company_info h4,
.ease_work h4 {
	margin: 0;
}
.about_company .num {
	font-family: 'Josefin Sans', sans-serif;
	color: #598E7C;
}
.about_company .num span {
	font-family: 'Noto Sans JP', sans-serif;
}
.about_company_info .--flex,
.ease_work .--flex {
	display: flex;
}
.about_company_info .jus,
.ease_work .jus {
	justify-content: space-between;
}
.about_company_info .alinc,
.ease_work .alinc {
	align-items: center
}
.about_company_info .gray__box,
.ease_work .gray__box{
	border: 2px solid #EEEEEE;
	position: relative;
	margin-bottom: 20px;

}
.about_company_info .rekishi {
	padding: 54px 40px 15px;
}
.about_company_info .rekishi h4 {
	position: absolute;
	left: 15px;
	top: 15px;
}
.about_company_info p,
.ease_work p {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 14px;
	font-weight: 500;
	margin: 0;
	line-height: 1.42;
}
.about_company_info .rekishi .--left {
	width: 48%;
}
.about_company_info .rekishi .--right {
	width: 44%;
}
.about_company_info .rekishi .--left img {
	width: 32%;
}
.about_company_info .rekishi .--txtbox {
	width: 58%;
}
.about_company_info .fs60 {
	font-size: 60px;
}
.about_company_info .fs42 {
	font-size: 42px;
}
.about_company_info .fs38 {
	font-size: 38px;
}
.about_company_info .rekishi .fs60 span {
	font-size: 28px;
	font-weight: 700;
	color: #666666;
}
.about_company_info .rekishi .fs38 span {
	font-size: 20px;
	font-weight: 700;
	color: #666666;
}
.about_company_info .--bordergreen {
	border-left:  4px solid #598E7C;
	padding-left: 16px;
	padding-top: 1px;
	padding-bottom: 1px;
}
.about_company_info .rekishi .--right p {
	width: 60%;
}
.about_company_info .rekishi .--right .num {
	width: 35%;
}
.about_company_info .rekishi .mb5 {
	margin-bottom: 5px;
}
.about_company_info .rekishi .--bordergray {
	padding-bottom: 27px;
	border-bottom: 2px solid #EEEEEE;
}
.about_company_info .rekishi .--box {
	padding-top: 15px;
}
.about_company_info .rekishi .--box .num {
	padding-left: 26px;
	padding-right: 20px;
	padding-top: 10px;
}
.about_company_info .rekishi .--box .orange span {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.5;
	color: #E89112;
}
.about_company_info .--wrap,
.ease_work .--wrap {
	flex-wrap: wrap;
}
.about_company_info .tokui,
.about_company_info .uriage,
.about_company_info .seisan,
.about_company_info .juugyouin {
	width: 48.6%;
	padding: 15px;
	height: 200px;
}
.about_company_info .juugyouin {
	padding-right: 8px;
}
.about_company_info .seisan .fs60 span,
.about_company_info .tokui .fs60 span,
.about_company_info .juugyouin .fs60 span {
	font-size: 28px;
	font-weight: 700;
	color: #666666;
	padding-left: 4px;

}
.about_company_info .seisan .fs60,
.about_company_info .tokui .fs60 {
	line-height: 1.2;
}
.about_company_info .juugyouin .fs60 {
	line-height: 1;
}
.about_company_info .uriage .fs42 span {
	font-size: 20px;
	font-weight: 700;
	color: #666666;
	padding-left: 4px;

}
.about_company_info .uriage .fs42 {
	line-height: 1;
}
.about_company_info .tokui img,
.about_company_info .uriage img,
.about_company_info .seisan img,
.about_company_info .juugyouin img {
	display: block;
}
.about_company_info .seisan .--flex {
	padding: 0 17px 15px;
}
.about_company_info .seisan .--flex img {
	margin-top: -12px;
}
.about_company_info .tokui .--flex {
	padding: 0 40px 30px 15px;
	margin-top: 15px;
}
.about_company_info .uriage .--flex {
	padding: 0 15px 15px;
}
.about_company_info .juugyouin .--flex {
	margin-top: 18px;
	padding-left: 10px;
}
.about_company_info .kigyou {
	padding: 15px 11px 15px 15px;
}
.about_company_info .kigyou p {
	font-weight: 400;
}
.about_company_info .kigyou .fs48 {
	font-size: 48px;
	line-height: 1;
}
.about_company_info .kigyou .fs48 span {
	font-size: 24px;
	font-weight: 700;
	padding-right: 5px;
}
.about_company_info .kigyou .--flex {
	padding-left: 28px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.about_company_info .kigyou .fw700 {
	font-weight: 700;
	font-size: 16px;
}
.about_company_info .kigyou .pb28 {
	padding-bottom: 28px;
	position: relative;
}
.about_company_info .kigyou .pb28::before {
	content: "";
	background-image: url(../img/recruit/about_company_08.svg);
	background-size: contain;
	width: 67px;
	height: 98px;
	position: absolute;
	right: -4px;
	top: -50px;
	background-repeat: no-repeat;
}
.about_company_info .kigyou .--right .--bordergray {
	border-bottom: 2px solid #EEEEEE;
	padding-bottom: 28px;
}
.about_company_info .kigyou .pt28 {
	padding-top: 28px;
}
.about_company_info .kigyou .green {
	color: #598E7C;
	font-size: 18px;
	font-weight: 700;
	padding-bottom: 4px;
}
.about_company_info .fs12 {
	font-size: 12px;
}
.about_company_info .kigyou .minusml {
	margin-left: -1rem;
}
.about_company_info .nintei {
	padding: 15px;
	padding-bottom: 50px;
}
.about_company_info .nintei .--left {
	width: 39.5%;
	padding-left: 38px;
	position: relative;
	margin-top: 40px;
}
.about_company_info .nintei .--right {
	width: 35.5%;
	margin-left: 75px;
	margin-top: -11px;
}
.about_company_info .nintei .fs84 {
	font-size: 84px;
	font-weight: 400;
}
.about_company_info .nintei .fs84 span {
	font-size: 28px;
	font-weight: 700;
	color: #666666;
}
.about_company_info .nintei .--right .fs40 {
	font-size: 40px;
	font-weight: 400;
}
.about_company_info .nintei .fs40 span {
	font-size: 16px;
	font-weight: 700;
	color: #666666;
	padding-left: 4px;
}
.about_company_info .nintei .fs84 {
	position: absolute;
	right: -15px;
	top: -50px;
}
.about_company_info .nintei .--right p {
	font-weight: 700;
}
.about_company_info .nintei .--txtbox {
	position: relative;
}
.about_company_info .nintei .--txtbox:first-of-type {
	padding-bottom: 13px;
	margin-bottom: 26px;
}
.about_company_info .nintei .--txtbox:last-of-type {
	padding-top: 12px;
	padding-bottom: 6px;
}
.about_company_info .nintei .jaxa::after {
	content: "";
	background-image: url(../img/recruit/about_company_26.svg);
	background-size: contain;
	width: 223px;
	height: 76px;
	background-repeat: no-repeat;
	position: absolute;
	left: 16px;
	bottom: -80px;
}
.about_company_info .nintei .fs40 {
	position: absolute;
	right: 59px;
	bottom: -20px;
}
.about_company_info .nintei .--txtbox:last-of-type .fs40 span {
	padding-left: 8px;
}
.ease_work .yukyu,
.ease_work .heikin,
.ease_work .syoukyu,
.ease_work .nenkan,
.ease_work .kinnen,
.ease_work .syussann,
.ease_work .ikukyuu,
.ease_work .ikuji {
	width: 48.6%;
	padding: 15px;
}
.ease_work .yukyu img,
.ease_work .heikin img,
.ease_work .syoukyu img,
.ease_work .nenkan img,
.ease_work .kinnen img,
.ease_work .syussann img,
.ease_work .ikukyuu img,
.ease_work .ikuji img {
	display: block;
}
.ease_work .fs60 {
	font-size: 60px;
}
.ease_work .fs60 span {
	font-size: 28px;
	font-weight: 700;
	color: #666666;
}
.ease_work .fs40{
	font-size: 40px;
}
.ease_work .fs40 span {
	font-size: 16px;
	font-weight: 700;
	color: #666666;
}
.ease_work .fs28 {
	font-size: 28px;
}
.ease_work .fs12 {
	font-size: 12px;
	font-weight: 400;
	padding: 0 14px 0;
}
.ease_work .yukyu .--flex {
	padding: 0 22px 10px;
}
.ease_work .heikin .--flex {
	padding: 0 3px 15px 16px;
}
.ease_work .heikin .fs40 span {
	padding-right: 7px;
}
.ease_work .syoukyu .--flex {
	padding: 0 20px 15px;
	margin-top: 20px;
}
.ease_work .nenkan .--flex {
	padding: 0 8px 0 15px;
}
.ease_work .kinnen .--flex {
	padding: 5px 10px 12px 15px;
}
.ease_work .syussann .--flex {
	padding: 0 16px 18px 30px;
}
.ease_work .ikukyuu .--flex {
	padding: 0 45px 15px;
}
.ease_work .ikuji .--flex {
	padding: 0 2px 15px 16px;
}
.ease_work .yukyu .mtminus,
.ease_work .syoukyu .mtminus {
	margin-top: -15px;
}
.ease_work .heikin .--txtbox {
	width: 50.6%;
}
.ease_work .mlminus {
	margin-left: -1rem;
}
.ease_work .nenkan .orange--circle {
	width: 94px;
	height: 94px;
	border-radius: 50%;
	border: 4px solid #E89112;
	color: #598E7C;
	position: relative;
	margin-top: -20px;
}
.ease_work .nenkan .orange--circle .fs49 {
	font-size: 49px;
	font-family: 'Josefin Sans', sans-serif;
}
.ease_work .nenkan .orange--circle p:first-of-type {
	left: 23px;
	top: 12px;
	position: absolute;
}
.ease_work .nenkan .orange--circle .fs49 {
	left: 25px;
	top: 21px;
	position: absolute;
}
.ease_work .nenkan .orange--circle p span {
	font-size: 11px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
}
.ease_work .nenkan .--flex .fs60 {
	padding-top: 10px;
}
.ease_work .nenkan .fs12 {
	margin-top: -10px;
}
.ease_work .kinnen .fs28 {
	font-weight: 700;
	text-align: right;
	margin-top: -23px;
}
.ease_work .syussann .--flex{
	margin-top: 12px;
}
.ease_work .ikukyuu .--flex {
	margin-top: 17px;
}
.ease_work .ikuji .pl {
	padding-left: 3px;
	padding-right: 5px;
}
.ease_work .ikuji .num {
	line-height: 1;
	width: 59%;
}

.schedule {
	margin-bottom: 125px;
}
.schedule p {
	margin: 0;
}
.schedule_sec {
	font-family: 'Noto Sans JP', sans-serif;
}
.schedule_sec .--ttl {
	font-size: 14px;
	color: #E89112;
	text-align: center;
	font-weight: 500;
}
.schedule_sec .green--box {
	border: 1px solid #598E7C;
	padding: 13px 20px;
}
.schedule_sec .green--box p {
	text-align: center;
	color: #598E7C;
	font-size: 14px;
	font-weight: 500;
	background: linear-gradient(transparent 50%, #FFEF09 65%);
	padding: 0 5px;
	margin-bottom: 0;
}
.schedule_sec .--right {
	width: 69%;
}
.schedule_sec .time {
	font-size: 24px;
	color: #E89112;
	font-weight: 500;
	margin-bottom: 14px;
}
.schedule_sec .gray--box {
	background-color: #F0F4F3;
	padding: 30px 37px 35px;
}
.schedule_sec .fs20 {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 8px;
}

.schedule .mb20 {
	margin-bottom: 21px;
}

.schedule_sec {
	padding-bottom: 40px;
	display: flex;
	justify-content: space-between;
	padding-left: 18px;
}
.schedule_sec:first-of-type h4::after {
	top: 35px;
}
.schedule_sec h4 {
	font-size: 2rem;
	letter-spacing: 0.15em;
	line-height: 1.3;
	width: 28%;
	position: relative;
	padding-left: 13px;
	margin-top: 0;
}
.schedule_sec h4::before {
	content: "";
	width: 68%;
	height: 1px;
	background: url(../img/recruit/about_company_27.svg) no-repeat center center;
	background-size: cover;
	position: absolute;
	top: 23px;
	right: 0;
}
.schedule_sec h4::after {
	content: "";
	width: 4px;
	height: calc(100% - -5px);
	background-color: #E89112;
	position: absolute;
	top: 46px;
	left: 34px;
}
.schedule_sec.last h4::after {
	height: calc(100% - 80px);
}
.schedule_sec.last h4 span {
	position: absolute;
	bottom: -10px;
	left: 13px;
}
.schedule_sec.pad {
	padding-top: 20px;
	padding-bottom: 16px;
}
.schedule_sec p {
	font-size: 16px;
}
.ease_work .fs60 .green {
	color: #598E7C;
}

@media (max-width: 980px) {
	.about_company_info .rekishi {
		padding: 54px 15px 15px;
	}
	.about_company_info .fs60 {
		font-size: 50px;
	}
	.about_company_info .rekishi .--txtbox {
		width: 60%;
	}
	.about_company_info .rekishi .--bordergray {
		margin-top: 10px;
		padding-bottom: 20px;
	}
	.about_company_info .rekishi .--right {
		width: 51%;
	}
	.about_company_info .rekishi .--right .num {
		width: 36%;
	}
	.about_company_info .--bordergreen {
		padding-left: 10px;
	}
	.about_company_info .seisan .--flex {
		padding: 0 5px ;
	}
	.about_company_info .seisan .--flex img {
		margin-top: 0;
	}
	.about_company_info .seisan .fs60 span,
	.about_company_info .tokui .fs60 span,
	.about_company_info .juugyouin .fs60 span {
		font-size: 20px;
	}
	.about_company_info .tokui .--flex {
		padding: 0;
	}
	.about_company_info .fs42 {
		font-size: 32px;
	}
	.about_company_info .fs42 span {
		font-size: 16px;
	}
	.about_company_info .uriage .--flex {
		padding: 0;
		justify-content: space-between;
		align-items: center;
	}
	.about_company_info .uriage .--flex img {
		width: 40%;
	}
	.about_company_info .uriage .--flex .--txtbox {
		width: 52%;
	}
	.about_company_info .juugyouin .--flex {
		margin-top: 10px;
		padding-left: 0;
	}
	.about_company_info .juugyouin .--flex img {
		width: 46%;
	}
	.about_company_info .juugyouin .--flex  .--txtbox{
		width: 48%;
	}
	.about_company_info .kigyou .--flex {
		padding-left: 0;
	}
	.about_company_info .kigyou .--flex .--left {
		width: 48%;
	}
	.about_company_info .kigyou .--flex .--right {
		width: 48%;
	}
	.about_company_info .kigyou .fs48 {
		font-size: 38px;
	}
	.about_company_info .kigyou .fs48 span {
		font-size: 20px;
	}
	.about_company_info .kigyou .pb28 {
		padding-bottom: 80px;
	}
	.about_company_info .kigyou .pb28::before {
		width: 51px;
		height: 74px;
		right: 20px;
		top: -25px;
	}
	.about_company_info .nintei .--left {
		padding-left: 0;
	}
	.about_company_info .nintei .fs84 {
		top: -35px;
		right: -15px;
		font-size: 60px;
	}
	.about_company_info .nintei .--right {
		width: 45.5%;
		margin-left: 50px;
		margin-top: 0;
	}
	.about_company_info .nintei {
		padding-bottom: 60px;
	}
	.about_company_info .nintei .jaxa::after {
		left: 2px;
		bottom: -80px;
	}
	.ease_work .heikin .--flex {
		padding: 0;
	}
	.ease_work .fs40 {
		font-size: 30px;
	}
	.ease_work .heikin img {
		width: 40%;
	}
	.ease_work .yukyu .--flex {
		padding: 0;
	}
	.ease_work .fs12 {
		padding: 0;
		margin-top: 5px;
	}
	.ease_work .fs60 {
		font-size: 50px;
	}
	.ease_work .fs60 span {
		font-size: 20px;
	}
	.ease_work .syoukyu .--flex {
		padding: 0;
	}
	.ease_work .nenkan .--flex {
		padding: 0;
	}
	.ease_work .nenkan .orange--circle {
		width: 72px;
		height: 72px;
	}
	.ease_work .nenkan .orange--circle p:first-of-type {
		left: 11px;
		top: 7px;
		font-size: 12px;
	}
	.ease_work .nenkan .orange--circle .fs49 {
		font-size: 28px;
		left: 15px;
		top: 21px;
	}
	.ease_work .kinnen .--flex {
		padding: 0;
	}
	.ease_work .syussann .--flex {
		padding: 0 8px;
	}
	.ease_work .ikukyuu .--flex {
		padding: 0 25px;
		align-items: center;
	} 
	.ease_work .ikuji .--flex {
		padding: 0;
	}
	.ease_work .ikuji .--flex img {
		width: 38%;
	}
	.ease_work .ikuji .--flex .fs60 {
		width: 56%;
	}
	.schedule_sec .green--box {
		padding: 13px 10px;
	}
	.schedule_sec h4::before {
		width: 60%;
	}
	.schedule_sec .green--box p {
		display: initial;
		background: linear-gradient(transparent 70%, #FFEF09 34%);;
	}
	.schedule_sec.pad .--right {
		text-align: center;
	}
	
}
@media (max-width: 768px) {
	.schedule_sec h4::before {
		width: 60%;
	}
}

@media (max-width: 650px) {
	.about_company_info .--flex,
	.ease_work .--flex {
		flex-direction: column;
	}
	.about_company_info .rekishi .--bordergray .--flex {
		flex-direction: row;
	}
	.about_company_info .rekishi .--left,
	.about_company_info .rekishi .--right {
		width: 100%;
	}
	.about_company_info .rekishi .--left {
		margin-bottom: 20px;
	}
	.about_company_info .rekishi .--box {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		gap: 10px;
	}
	.about_company_info .rekishi .--box .orange {
		width: 100%;
		text-align: center;
	}
	.about_company_info .rekishi .--box .num {
		padding-left: 0;
		padding-right: 0;
	}
	.ease_work .yukyu,
	.ease_work .heikin,
	.ease_work .syoukyu,
	.ease_work .nenkan,
	.ease_work .kinnen,
	.ease_work .syussann,
	.ease_work .ikukyuu,
	.ease_work .ikuji {
		width: 100%;
		padding: 15px;
	}
	.about_company_info .tokui,
	.about_company_info .uriage,
	.about_company_info .seisan,
	.about_company_info .juugyouin {
		width: 100%;
	}
	.about_company_info .tokui .--flex,
	.about_company_info .uriage .--flex,
	.about_company_info .seisan .--flex,
	.about_company_info .juugyouin .--flex {
		flex-direction: row;
		justify-content: center;
		gap: 20px;
	}
	.ease_work .yukyu .--flex,
	.ease_work .heikin .--flex,
	.ease_work .syoukyu .--flex,
	.ease_work .nenkan .--flex,
	.ease_work .kinnen .--flex,
	.ease_work .syussann .--flex,
	.ease_work .ikukyuu .--flex,
	.ease_work .ikuji  .--flex {
		flex-direction: row;
		justify-content: center;
		gap: 20px;
	}
	.about_company_info .juugyouin .--flex {
		margin-top: 25px;
	}
	.about_company_info .kigyou .--flex .--left,
	.about_company_info .kigyou .--flex .--right {
		width: 100%;
	}
	.about_company_info .kigyou .pb28 {
		padding-bottom: 0;
	}
	.about_company_info .kigyou .--flex .--txtbox {
		padding-bottom: 20px;
	}
	.about_company_info .kigyou .pt28 {
		padding-top: 20px;
	}
	.about_company_info .kigyou .--flex {
		margin-bottom: 0;
	}
	.about_company_info .nintei .--left,
	.about_company_info .nintei .--right {
		width: 100%;
	}
	.about_company_info .nintei .fs84 {
		top: -55px;
		right: 34px;
		font-size: 84px;
	}
	.about_company_info .nintei .--right {
		margin-left: 0;
		margin-top: 20px;
	}
	.about_company_info .nintei .--right .fs40 {
		right: 50px;
		top: 0;
	}
	.about_company_info .nintei .--right .ablef {
		left: 120px;
	}
	.about_company_info .nintei .jaxa::after {
		left: 0;
	}
	.about_company_info .nintei {
		padding-bottom: 100px;
	}
	.about_company_info .tokui .--flex {
		justify-content: flex-start;
	}
	.about_company_info .tokui .--txtbox {
		padding-left: 30px;
	}
	.about_company_info .seisan .--flex {
		justify-content: flex-start;
	}
	.about_company_info .seisan .--flex p {
		padding-left: 30px;
	}

	.ease_work .--flex .--txtbox {
		width: 50.6%;
	}
	.ease_work .fs60 {
		font-size: 60px;
	}
	.ease_work .nenkan .--flex img {
		width: 30%;
	}
	.ease_work .nenkan .--flex .fs60 {
		width: 30%;
	}
	.ease_work .nenkan .--flex .orange--circle {
		width: 30%;
		width: 94px;
		height: 94px;
	}
	.ease_work .nenkan .--flex .orange--circle p:first-of-type {
		left: 23px;
		top: 12px;
	}
	.ease_work .nenkan .--flex .orange--circle .fs49 {
		left: 24px;
		top: 21px;
		font-size: 49px;
	}
	.ease_work .ikuji .--flex .fs60{
		width: 47%;
	}

	.about_company .pic {
		max-width: 100%;
		width: 100%;
		height: 170px;
		object-fit: cover;
	}
	.schedule_sec {
		padding-left: 0;
	}
	.schedule_sec h4 {
		padding-left: 10px;
		width: 25%;
	}
	.schedule_sec h4::after {
		left: 31px;
	}
	.schedule_sec h4::before {
		width: 37%;
	}
	.schedule_sec .--right {
		width: 72%;
	}
	.schedule_sec .gray--box {
		padding: 15px 20px 20px;
	}
	.schedule_sec.last h4 span {
		left: 10px;
	}
	.schedule {
		margin-bottom: 60px;
	}
	.ease_work .syoukyu .--flex {
		gap: 30px;
	}
	.ease_work .heikin .w50,
	.ease_work .syoukyu .w50 {
		width: 50%;
	}
	.about_company_info .uriage .--flex {
		margin-top: 15px;
		gap: 30px;
	}
	.ease_work .nenkan .fs12 {
		margin-top: 0;
	}
	.ease_work .nenkan .orange--circle {
		margin-top: -10px;
	}
	.ease_work .ikuji .--flex {
		margin-top: 10px;
	}
	.worklife .worklife--flex {
		flex-direction: column;
	}
}
.worklife .worklife--flex {
	display: flex;
	text-align: center;
	justify-content: space-between;
}
.human_rights .indent {
	padding-left: 1.5rem;
	text-indent: -1.5rem;
}
.human_rights .indent.num {
	padding-left: 3rem;
	text-indent: -3rem;
}

/*================================================
 *  サステナビリティ
 ================================================*/
.sustainability h4 {
	line-height: 1.4;
    padding: .5em;
    border-bottom: 0px;
    font-size: 18px;
    margin-bottom: 25px;
    background-color: #eee;
    font-weight: bold;
	padding-left: 3em;
	text-indent: -3em;
}

.sustainability ul li {
	padding-left: 4em;
	text-indent: -1em;
	margin-bottom: 15px;
}
.sustainability ol li {
	margin-bottom: 10px;
}
.sustainability ol {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 30px;
}
.sustainability ul {
	margin-bottom: 45px;
}
.sustainability ol li a {
	text-decoration: underline;
	text-underline-offset: 3px;
}
.sustainability h5 {
	font-size: 16px;
}
.sustainability h5 a {
	text-decoration: underline;
	text-underline-offset: 3px;
	color: #666666;
}
.sustainability h5 a:hover {
	color: #598e7c;
}