/*
Theme Name: mera-denki
Theme URI: https://www.mera-denki.co.jp/
Description:米良電機産業株式会社
Author: kusamura
Author URI: http://den55.com/
Version: 1.0
License: GNU General Public License
License URI:
Tags: red, white, two-columns, editor-style, custom-menu
Text Domain: den55
*/

/****************************************

General Setting

 *****************************************/
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

html{
  margin: 0;
  padding: 0;
}
body {
	font-family: "Helvetica","Helvetica Neue",'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", Verdana, "游ゴシック", "Yu Gothic", "YuGothic","Meiryo UI", "メイリオ", sans-serif;
	color: #3E3A39;
	font-size: 16px;
	line-height: 180%;
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
}
/**/
.contentarea{
	margin-top:70px;
	margin-bottom:70px;
}
.wrapper{
    padding: 0 50px;
    width: 100%;
    max-width: 1800px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.wrapper2{
    width: 100%;
	padding:0;
	margin:0;

}

/*PCでは無効（改行しない）*/
.sma{
    display: none;
}

/*私たちの仕事用*/
.wrapper3{
    width: 1000px;
	padding:0;
	margin-left:auto;
	margin-right:auto;
}
.wrapper3 img{
	margin-bottom:30px;
}

#sp-wrap{
	width:1200px;
	margin-right: auto;
	margin-left: auto;
}

img {
  border:0;
}
a {
    color: inherit;
    text-decoration: none;
}
.bold{
	font-weight:bold;
}

/* clearfix */

.clearfix {
  overflow: hidden;
  zoom: 1;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.clear {
	clear:both;
}
.wp-caption{}
.wp-caption-text{}
.sticky{}
.gallery-caption{}
.bypostauthor{}
.aligncenter{}
p {
	margin: 0px;
	padding: 0px;
	line-height: 180%;
}
.screen-reader-text{}

/****************************************

Typography

 *****************************************/

h1, h2, h3, h4, h5, h6{
	font-weight: normal;
	margin: 0px;
}


h1 {
	font-size:28px;
	padding: 20px;
	background-color: #f6f6f6;
	border: 1px solid #eee;
	box-shadow: 1px 1px 0 rgba(255, 255, 255, .5) inset;
	margin-bottom:50px;
} 
h2.white{
	font-size:28px;
	color:#fff;
	text-align:left;
	padding:20px;
	padding-bottom:20px;
	
}  
h2{
	font-size:28px;
	color: #3E3A39;
	text-align:left;
	padding:20px;
	padding-bottom:20px;
	
}
h2 a{

}

h2.custom{
	border-bottom:solid 1px #eee;
	font-size:22px;
	margin-bottom:20px;
	}
h2.custom a{
	text-decoration: none;
	color: #3E3A39;
	}

/*固定ページ用h2*/
h2.posttitle {
	position: relative;
	border-left: 6px solid #ccc;
	margin-top:50px;
	margin-bottom: 20px;
	padding-top: 0.25em;
	padding-right: 0;
	padding-bottom: 0.5em;
	padding-left: 0.75em;
	width:100%;
}
h2.posttitle a {
	text-decoration: none;
	color: #3E3A39;
}
h2.posttitle::before {
  position: absolute;
  left: -6px;
  bottom: 0;
  content: '';
  width: 6px;
  height: 50%;
  background-color: #ff0033;
}
h2.posttitle::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  height: 0;
  border-bottom: 1px solid #ccc;
}

h2.pickup {
  font-family: 'Roboto', sans-serif;
  color: #222;
  font-weight: normal;
  line-height: 1.3;
  font-size: 68px;
  letter-spacing: 0.04em;
}

/*会社のあゆみ*/
h2.ayumi{
	font-size:20px;
	color:#3e3a39;
	font-weight:700;
		}

.Text-Span {
  position: relative;
  z-index: 1;
}
.Text-Span:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -14px;
  width: 0%;
  height: 4px;
  background: #ff0033;
  z-index: -1;
  transition: all 0.8s;
}
.Text-Span.isActive:after {
  width: 100%;
}

h3.package-title{
	border-bottom:solid 1px #dfdfdf;
	}
h3.package-title a{
	color:#000;
	}
h3.package-title a:hover{
	text-decoration: none;
	}


/**/
h3.group_shisetu {
	border: 1px solid #ccc;
	border-top: 3px solid #ff0033;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
	margin-top: 20px;
	padding-top: 0.75em;
	padding-right: 1em;
	padding-bottom: 0.75em;
	padding-left: 1em;
}

h4 {
font-weight:bold;
font-size:110%;
margin-bottom:25px;
margin-top:20px;
}
/****************************************

header ヘッダー

 *****************************************/
.site-header{
    position:fixed;
    top:0;
    width:100%;
    height:70px;
    z-index:1000;
	min-width:1024px;
	    background:none;
}

/*header-active*/
.site-header.hdchange {
    border-bottom:1px solid rgba(0,0,0,0.1);
	background:#ffffff;
}

.site-header.change-color {
    background:#ffffff;
	border-bottom:1px solid rgba(0,0,0,0.1);
}


/*ロゴエリア*/
.logo_area{
	float:left;
	width:220px;
	padding:0;
	margin-bottom: 0;
	margin-left: 20px;
	margin-top: 0;
	margin-right: 0;
}

/*メニューエリア*/
#mainnavi{
	float:left;
	width:calc(100% - 260px);
	margin-bottom: 0;
	margin-left: 0;
	margin-top: 0;
	margin-right: 20px;
	padding-bottom:0;
	padding-left:20px;
	padding-right:0;
	padding-top:0;
}

.ba{

}

#header_logow{
	float:left;
	margin-top: 20px;

	}
#header_logow img{
	width:220px;
	height:auto;
	}


#header_logob{
	float:left;
    margin-top: 20px;

	}
#header_logob img{
	width:220px;
	height:auto;
	}
	
.site-header #header_logob{
	display:none;
}
.site-header.hdchange #header_logow{
    display: none;
}
.site-header.change-color #header_logow{
    display: none;
}
.site-header.hdchange #header_logob{
	display:block;
}
.site-header.change-color #header_logob{
    display:block;
}



/****************************************

Layout ヘッダー

 *****************************************/
 /*header-active メニューマウスオーバー時*/
.site-header.hdchange .nav ul li a {
	color:#000;

}
/*スクロール時*/
.site-header.change-color  .nav ul li a {
	color:#000;
}
.header_smenu.spchange-color{
	background-color:#FFF;
}
.header_smenu #header_logob{
	display:none;
}

.header_smenu.spchange-color #header_logow{
    display: none;
}

.header_smenu.spchange-color #header_logob{
    display:block;
}


	
/*webフォン*/
.pa-icon{
	margin-right: 5px;
	margin-left: 20px;
}
.ba{
	color: #FFF;

}

/*ul.submenu li メニューマウスオーバー時*/
.site-header.hdchange .ba{
	color:#000;

}
/*スクロール時*/
.site-header.change-color .ba {
	color:#000;
}

/*TOP以外*/
.site-header2 .ba {
	color:#000;
}

 
.menu-icon{
	margin-left:10px;
}



/****************************************

トップページ　スタイル

****************************************/
/*スライド*/
    .swiper-container{
	position: absolute;
	padding:0;
	margin:0;
	-webkit-animation : anim 0.3s linear 0s 1 normal;
    }
    .swiper-container img{
        width: 100%;
		height:auto;
    }


/*top 米良電機の人用　スライド*/
#works{
		padding: 0 0 50px;
	background-color: #FFFFFF;
	}
#works .sliderArea{
		width: 1000px;
		margin: 0 auto 50px;
	}

#works .sliderArea .swiper-slide{
			position: relative;
		}
#works .sliderArea .swiper-slide a{
			position: relative;
			display: block;
		}
.swipercontainer {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}


.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform
}
.swiper-slide img{
	width: 100%;
	height: auto;
}




/*各会社バナー*/
.banner_area{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	}
.banner_big{
	width:420px;
	margin-bottom:30px;
	}
.banner_big img{
	width:100%;
	height:auto;
}
.banner_medium{
	width:280px;
	margin-bottom:30px;
	}
.banner_medium img{
	width:100%;
	height:auto;
}

/*関連事業*/
.top_kanren{
	border:solid 1px #CCC;
	padding-bottom:30px;
	padding-top:30px;
	margin-top:10px;
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	}


/****************************************

top pick up

****************************************/
.pickup_area{
	width:calc(95% / 4 );
	}
.pickup_area img{
	width:100%;
}
.picup_mainimg{
	border:solid 1px #CCC;}
.pickup_text{}

/*ブロック*/
ul.top_blockmenu{
width:100%;
margin:0;
padding:0;
padding-bottom:0;
padding-left:35px;
padding-right:35px;
padding-top:0;
display:flex;
flex-diretion: row;
flex-wrap:wrap;
align-content: stretch; 
	}
ul.top_blockmenu li{
width:calc((100% - 60px) / 4);
list-style:none;
margin-bottom:30px;
padding:0;
margin-left:0;
margin-right:20px;
	}
ul.top_blockmenu li:nth-child(4n){
margin-right:0;
	}
ul.top_blockmenu li figure {
  overflow: hidden;
  padding:0;
  margin:0;
}

ul.top_blockmenu li figure img {
  width: 100%;
  transition:0.5s all;
}
ul.top_blockmenu li figure img:hover {
	  transform:scale(1.1,1.1);
  transition:0.5s all;
}

ul.top_blockmenu li figcaption{
  color: #222;
  font-size: 17px;
  margin-top: 19px;
}

.sub{
  color: #777;
  font-size: 14px;
  margin-top: 12px;
  line-height: 1.5;
}

/****************************************

スクロールスナップ　スタイル

****************************************/
.spacer{
		}

section{
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	
		}

.scrollStop img{
			display:block;
			width:100%;
			height:auto;
			margin:0;
			padding:0;

	}


/*スクロールスナップ　最後の1枚*/

.laststop img{
			display:block;
			width:100%;
			margin:auto;
		}
/*詳細へ*/
.syousai{

	}



/****************************************

widget　スタイル

****************************************/
#text-2, #text-3, #text-4{
	list-style-type:none;
	background-image:none;
	padding: 0;
	margin-top: 0px;
}

/****************************************

block　スタイル　

****************************************/
/*2block*/
ul.narabeimg{
	list-style:none;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
	padding:0;
}
ul.narabeimg li img{
    width: 100%;
	vertical-align: bottom;
}
ul.block-two{
	margin-top:50px;
	margin-bottom:50px;

}
ul.block-two li{
    float: left;
    width: 49%;
	margin-right:2%;
    margin-bottom: 2%;
}
ul.block-two li:nth-child(even){
	margin-right:0;

}


/*3block*/

ul.block-three{
	width:100%;
margin:0;
padding:0;
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;


}
ul.block-three li{
	list-style-type: none;
	width:30%;
	margin-right:5%;
	margin-bottom:30px;
}
ul.block-three li:nth-child(3n){
    margin-right:0;
}


/*4block*/

ul.block-four{
		display:flex;
	flex-wrap:wrap;
	align-items: stretch;
}

ul.block-four li{
	width: calc(94% / 4);
    margin-bottom: 2%;
	margin-right:2%;
}
ul.block-four li:nth-child(4n){
	margin-right:0;
}

/*Flexbox*/
/*右寄せ*/
.f-containerr{
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-end;
	align-items: stretch;
}
/*左寄せ*/
.f-containerl{
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-start;
}

.f-container{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items: stretch;
}
.f-containersa{
	display:flex;
	flex-flow: row wrap; 
	justify-content: space-around;
	align-items: stretch;
}
/*隙間なし*/
.f-containerno{
	display:flex;
	flex-wrap:wrap;
}

/****************************************

Sidebar

 *****************************************/
.side_select{
	margin-top:10px;
}

/****************************************

Footer

 *****************************************/
#footerarea{
	background-color: #3e3a39;
	color:#FFF;
	padding-bottom:30px;
	padding-top:50px;
		position:relative;
	z-index:9999;
	}

.footer_logo{
	width:243px;
	margin-bottom:30px;
	}
.footer_logo img{
	width:100%;
	height:auto;
	}
.footer_menu{
		display:flex;
	flex-wrap:wrap;
	justify-content: space-around;
	align-items: stretch;
	color:#eeeeee;
	}

.footer_menu ul{
	padding:0;
	margin:0;
	text-decoration: none;
	list-style-type: none;
	}
.footer_menu ul li{
	font-size:80%;

	}
#copyright{
	text-align:left;
	font-size:80%;
	color: #828282;

}


 

/****************************************

パンくずリスト用CSS

 *****************************************/
#bread{
	padding:0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	font-size: 90%;
}
#breadcrumb_list
{
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	
}
#breadcrumb_list > li
{
	display:inline;
}
#breadcrumb_list > li+li:before
{
	content:"\00a0>\00a0 ";
}
/****************************************

editor

 *****************************************/
strong { font-weight: bold; }
em { font-style: italic; }
blockquote {
  display: block;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 40px;
  -webkit-margin-end: 40px;
}
                             
/* img */

.aligncenter {
  display: block;
  margin: 0 auto;
}
.alignright {
	float: right;
	margin-left: 30px;
	margin-top: 20px;
}
.alignleft {
	float: left;
	margin-right: 30px;
	margin-top: 20px;
}

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

/****************************************

全頁共通（基本枠）

 *****************************************/



/****************************************

固定ページ　page.php

 *****************************************/
/*全頁共通スタイル*/
.postcontentarealeft{
	float:left;
	width:20%;
	padding-right:3%;
	margin-bottom:50px;
	}
.postcontentarearight{
	float:left;
	width:77%;
	}
/*固定ページ用　サイドメニュー*/
ul.post_sidemenu{
			list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid  #e3e3e3;
	}
ul.post_sidemenu li {
    border-bottom: 1px solid  #e3e3e3;
	font-size:18px;
}
div.sidemenu_title{
	font-weight:bold;
	}
ul.post_sidemenu a {
    display: block;
    padding: 13px 15px;
    font-size: 15px;
	color: #3E3A39;
	text-decoration: none;
}
ul.post_sidemenu ul {
				list-style: none;
	margin: 0;
	padding: 0;
	border-bottom:none;

}
ul.post_sidemenu ul li{
	border-bottom:none;

}
ul.post_sidemenu ul li a {
	font-size: 14px;
	padding-top: 9px;
	padding-right: 15px;
	padding-bottom: 9px;
	padding-left: 35px;
		color: #3E3A39;
	text-decoration: none;
}
ul.post_sidemenu ul li + li {
    margin-top: 1px;
}
ul.post_sidemenu li a {
        position: relative;
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
        -webkit-transform-origin: left top;
                transform-origin: left top;
        -webkit-transition: all .5s;
        transition: all .5s;
    }
ul.post_sidemenu li a::before {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width:100%;
        content: '';
        background-color: #e6e6e6;
        -webkit-transform-origin: left top;
                transform-origin: left top;
        -webkit-transform: scale(0, 1);
                transform: scale(0, 1);
        -webkit-transition:all .3s;
        transition:all .3s;
        height: 100%;
        opacity: .25;
        z-index: -1;
    }
ul.post_sidemenu li a:hover::before {
        -webkit-transform-origin: left top;
                transform-origin: left top;
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
        opacity: 1;
    }
.sd-icon{
	margin-right:10px;}
	
/*背景　白*/	
.top_pgbg{
	background-color:#FFF;
	margin:0;
	padding:0;
	position:relative;
	}
.top_pgbg2{
	background-color:#F9C;

	margin:0;
	padding:0;
	}

/****************************************

固定ページ

 *****************************************/
.marginbottom20{
	margin-bottom: 20px;
}
.marginbottom50{
	margin-bottom: 50px;
}
.text_right{
	text-align: right;
}
/*会社概要*/
/*会長あいさつ*/
.kaityou_width{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.kaityou_photo{
		float: right;
	margin-left: 30px;
	width: 240px;
}
.kaityou_photo img{
	width: 100%;
	height: auto;
}
.kaityou_photo p{
	text-align: center;
		}

/*社長あいさつ*/
.greetings_width{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.greetings_photo{
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
	width: 240px;
		}
.greetings_photo img{
	width: 100%;
	height: auto;
		}
.greetings_photo p{
	text-align: center;
		}
.greeting_text{
	float: left;
	width: calc(100% - 270px);
	
}

/*企業グループ*/
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.groupimg{
	float:left;
	width:48%;
	margin-right:4%;
	margin-bottom:20px;
	margin-top:20px;
	}
.groupimg img{
	width:100%;
	}
.groypmap{
	float:left;
	width:48%;
		margin-bottom:20px;
	margin-top:20px;
	}
/*コンプライアンス*/
dl.compliance dt{
	font-weight:bold;
	}
dl.compliance dd{
	margin-top:10px;
	margin-bottom:30px;
	margin-left:2em;
	}
	
/*メーカー*/
ul.makerlist li{
	width: calc(100% / 4);
	margin-bottom:20px;
	}
/*取扱品目*/	
ul.productslist li{
	width: calc(100% / 3);
	margin-bottom:20px;
	}

/*会社概要*/
.companytable {
  margin: 20px auto;
  width:100%;
}
.companytable th {
  background: #3e3a39;
  color: #fff;
  padding: 10px;
	width: 15%;
}
.companytable td {
	background-color:#f3f4f9;
	padding: 10px;
}
dl.companynaiyo{
	margin:0;
	padding:0;
	}
dl.companynaiyo dt{
		clear: left;
	float: left;
	width: 25%;
	}
dl.companynaiyo dd{
	margin-left: 25%;
	}
/*企業理念*/
.rinen_photo{
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}
.rinen_photo img{
	width: 100%;
	height: auto;
	vertical-align: top;
	margin-bottom: 10px;
}
.rinen_photo p{
	text-align: center;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
/*事業内容*/
.business_details_main{
			width: 100%;
		}
.business_details_main img{
			width: 100%;
			height: auto;
			vertical-align:top;
		}
.business_details_bgblue{
			background-color: #002F82;
			color: #FFFFFF;
			padding: 30px;
			margin-bottom: 50px;
		}
.business_details_title img{
			width: 100%;
			height: auto;
vertical-align:top;
		}
.business_details_naiyo{
			background-color: #EFEFEF;
			padding: 30px;
			margin-bottom: 50px;
		}
.business_details_syouhin{
			border: solid 2px #C9CACA;
			background-color: #FFFFFF;
			color: #002F82;
			padding: 20px;
			margin-bottom: 20px;
			margin-top: 20px;
		}
.syaoku{
			width: 60%;
			margin-left: auto;
			margin-right: auto;
		}
.syaoku img{
			width: 100%;
			height: auto;
vertical-align:top;
		}
.jigyou{
			width: 49%;
			margin-bottom: 20px;
			margin-top: 20px;
	background-color: #595757;
		}
.jigyou p{
	color: #ffffff;
	text-align: center;
}
.jigyou img{
			width: 100%;
			height: auto;
vertical-align:top;
		}
	
		dl.business_poollist{}
		dl.business_poollist dt{
			float: left;
			width: 160px;
		}
		dl.business_poollist dd{
			margin-left: 180px;
			width: calc(100% - 180px);
			margin-bottom: 8px;
		}
		.business_listg{
			margin-bottom: 20px;
		}

.jigyou_youtube {
  width: 80%;
	margin-left: auto;
	margin-right: auto;
  aspect-ratio: 16 / 9;
}
.jigyou_youtube iframe {
  width: 100%;
  height: 100%;
}


ul.gijyoblock-three{
	width:100%;
margin:0;
padding:0;
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;


}
ul.gijyoblock-three li{
	list-style-type: none;
	width:31.5%;
	margin-right:1%;
	margin-bottom:30px;
}
ul.gijyoblock-three li:nth-child(3n){
	width:35%;
    margin-right:0;
}


/*福利厚生*/
.width_90{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
		}

.width_25{
	width: 25%;
		}
	
	h2.employee_benefits{
  position: relative;
		padding-bottom: 10px;
		padding-top: 10px;
		overflow: hidden;
		background-color: #009844;
		text-align: center;
		color: #FFFFFF;
		margin-bottom: 30px;
		margin-top: 30px;
		font-size: 21px;
}
h2.employee_benefits span {
	position: relative;
	z-index: 2;
		}

h2.employee_benefits:before {
  position: absolute;
  left: -50px;
	bottom: 0;
  width: 500px;
  height: 300%;
  content: '';
  -webkit-transform: rotate(-20deg);
  transform: rotate(-20deg);
  background: #00772a;
}
h2.employee_benefits:after {
  position: absolute;
	right: -50px;
	top: 0;
  width: 500px;
  height: 300%;
  content: '';
  -webkit-transform: rotate(-20deg);
  transform: rotate(-20deg);
  background: #00772a;
}
		
h3.employee_bbenefits{
  position: relative;
		padding-bottom: 10px;
		padding-top: 10px;
		background: rgb(79,154,205);
background: linear-gradient(90deg, rgba(79,154,205,1) 0%, rgba(108,171,213,1) 35%, rgba(209,228,239,1) 100%);
		color: #FFFFFF;
		margin-bottom: 30px;
		margin-top: 30px;
		font-size: 21px;
	padding-left: 20px;
	overflow: hidden;
}
h3.employee_bbenefits span {
	position: relative;
	z-index: 2;
		}

h3.employee_bbenefits:after {
  position: absolute;
	right: -50px;
	top: -95px;
  width: 600px;
  height: 300%;
  content: '';
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg);
 background: rgb(136,187,221);
background: linear-gradient(90deg, rgba(136,187,221,1) 0%, rgba(238,246,251,1) 100%);
}
.text_center{
	text-align: center;
	font-size: 20px;
		}
.employee_linetitle{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border-bottom: solid 1px #f29600;
	border-top: solid 1px #f29600;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-bottom: 30px;
	margin-top: 30px;
	font-size: 20px;
	color: #f29600;
			
		}

		
ol.pl_list {
  list-style: none;
  counter-reset: list-counter; /*list-counterの値が0にリセットされる*/
  padding: 0;
	margin-left: 3em;
	margin-bottom: 50px;
	margin-right: 0;
	margin-top: 0;
}
ol.pl_list li {
  font-size: 18px;
  line-height: 1.5;
  margin: 20px 0;
  padding-left: 30px;
  position: relative;
	width: calc(100% / 3);
}
ol.pl_list li:before {
  content: counter(list-counter);/*list-counterの値を挿入*/
  counter-increment: list-counter;/*連番の値が挿入される*/
  border: 1px solid;
  box-sizing: border-box;
  border-radius: 50%;/*円を作る*/
  height: 22px;/*円の高さを指定*/
  width: 22px;/*円の幅を指定*/
  display: flex;/*円と文字が中央になるよう調整*/
  justify-content: center;
  align-items: center;
  position: absolute;/*左端に配置*/
  top: 0;
  left: 0;
  font-size: 85%;/*文字サイズ小さめに調整*/
}
.employee_supportimg{
	width: 50%;
	margin-right: 10%;
		}
.employee_supportimg img{
	width: 100%;
	height: auto;
		}
.employee_supportlist{
	width: 40%;
		}
ul.list_bcircle {
        list-style:  none;
        margin:  0;
        padding: 0;
	font-size: 18px;
	width: 100%;
    }
     
ul.list_bcircle li{
	padding-bottom: 20px;
		}
ul.list_bcircle li:before {
        content:  "";     /* 空の要素作成 */
        width:  15px;               /* 幅指定 */
        height:  15px;              /* 高さ指定 */
        display:  inline-block;     /* インラインブロックにする */
        background-color: #3E3A39;  /* 背景色指定 */
        border-radius:  50%;        /* 要素を丸くする */
        position:  relative;        /* 位置調整 */
        top: 0;                  /* 位置調整 */
        margin-right: 5px;          /* 余白指定 */
    }
ul.list_normal{
	list-style:  none;
	margin-bottom: 0;
	margin-left: 10px;
	margin-right: 0;
	margin-top: 0;
	padding: 0;
	font-size: 16px;
		}
ul.list_normal li{
	line-height: 100%;
	padding-top: 15px;
}
ul.list_normal li:before {
        content:  "";     /* 空の要素作成 */
        width:  8px;               /* 幅指定 */
        height:  8px;              /* 高さ指定 */
        display:  inline-block;     /* インラインブロックにする */
        border-radius:  50%;        /* 要素を丸くする */
        position:  relative;        /* 位置調整 */
        top: -1px;                  /* 位置調整 */
        margin-right: 5px;          /* 余白指定 */
    }
.employee_centerarea{
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}
p.centertext{
	text-align: center;
	width: 100%;
	margin-bottom: 20px;
}
ul.employee_two{
	display: flex;
	flex-wrap:wrap;

}
ul.employee_two li{
	width:calc(100% / 3);
}
.employee_centerorange{
	width: 100%;
	color: #f29600;
	border: solid 5px #f29600;
	text-align: center;
	padding: 30px;
	font-size: 30px;
	line-height: 200%;
	font-weight: bold;
}
.employee_listarea50{
	width: 50%;
		}	
.employee_rllinetitle {
  overflow: hidden;
  text-align: center;
	font-size: 20px;
	margin-bottom: 30px;
	color: #f29600;
}
.employee_rllinetitle span {
  position: relative;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  text-align: left;
}
.employee_rllinetitle span::before,
.employee_rllinetitle span::after {
  position: absolute;
  top: 50%;
  content: '';
  width: 400%;
  height: 1px;
  background-color: #f29600;
}
.employee_rllinetitle span::before {
  right: 100%;
}
.employee_rllinetitle span::after {
  left: 100%;
}
.employee_font_70{
	font-size: 70%;
}
.employee_imgarea{
	width: 100%;
			}
.employee_imgarea img{
	width: 100%;
	height: auto;
			}
.employee_setumeitext{
	margin-bottom: 30px;
		}
p.employee_imgcaption{
	text-align: center;
	color: #FFFFFF;
	font-size: 80%;
	background: rgb(89,87,87);
background: linear-gradient(0deg, rgba(89,87,87,1) 0%, rgba(158,158,159,1) 100%);
	margin-top: 0;
	padding-bottom: 10px;
	padding-top: 10px;
		}
.photo_bgblue{
	background: linear-gradient(180deg,#FFFFFF 0%,#FFFFFF 30px,#e0f2fb 30px,#e0f2fb 100%);
	margin-bottom: 50px;
	margin-top: 50px;
		}
.photo_setumei{
	position: relative;
	border: solid 3px #96cbe0;
	text-align: center;
	padding: 10px;
	width: 300px;
	background-color: #FFFFFF;
	margin-bottom: 30px;
		}
.photo_setumei::before{
   content:"";
   display:inline-block;
   width:2px;
   height:60px;
   background-color:#96cbe0;
   position:absolute;
   top:-13px;
   left:15px;
   transform: rotate(45deg);
		}
.photo_setumei::after{
   content:"";
   display:inline-block;
   width:2px;
   height:60px;
   background-color:#96cbe0;
   position:absolute;
   bottom:-13px;
   right:15px;
   transform: rotate(45deg);
		}






/*採用情報　youtube*/
.youtube_single_area{
	width:80%;
	margin-left:auto;
	margin-right:auto;
	}
.youtube_single {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube_single iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.rikunavi{
	text-align:center;
	margin-bottom:30px;
	font-size:20px;
	}
.rikunavi a{
	text-decoration: underline;
	color:#0000ee;
	}

.rc_title{
	text-align:center;
	margin-top:30px;
	margin-bottom:30px;
	font-size:20px;
	font-weight:bold;
}
.rc_area{
	width:800px;
	margin-left:auto;
	margin-right:auto;
}
.rc_area p{
	margin-bottom:20px;
	margin-top:20px;
}
.jinji{
	text-align:right;
	}
/*エントリーフォームボタン*/
button{
	font-size: 22px;
	width: 30%;
	margin-left: auto;
	margin-right: auto;
  display: block;
  padding: 20px;
  background: linear-gradient(to right, #ff0033 50%, #fff 50%);
  background-size: 200% 100.5%;
  background-position: right bottom;
  color: #020202;
  border: none;
  border-left: 0.20em solid #ff0033;
  border-color: none;
  box-shadow: 3px 3px 2px rgba(0,0,0,0.08);
  transition: all .5s ease-out;
		}
button:hover{ 
    background-position: left bottom;
	  color: white;}

/*米良電機の人*/
.person_main{
			display: flex;
		}
.person_main_photobb{
			width: 50%;
	background: linear-gradient(to bottom,#002F82 20%,#FFFFFF 80%);
		}
.person_main_photobb img{
			width: 100%;
			height: auto;
			margin-top: 50px;
			vertical-align: top;
		}
.person_main_photo{
			width: 50%;

		}
.person_main_photo img{
			width: 100%;
			height: auto;
			margin-top: 50px;
			vertical-align: top;
		}

.person_main_text{
			width: 50%;
			font-family: Ryumin Medium KL,"リュウミン M-KL";
		}
.person_bgblue{
			background-color: #002F82;
			color: #FFFFFF;
			font-size: 30px;
			padding-top: 15px;
			padding-bottom: 10px;
			
		}
.person_bggrey{
			background-color: #EFEFEF;
			
		}
.person_name_small{
			font-size: 16px;
			
		}
.person_textarea{
			padding-bottom: 10px;
			padding-top: 10px;
			margin-left: 10%;
			margin-right: 10%;
		}
.person_textarea2{
			font-family: Ryumin Medium KL,"リュウミン M-KL";
			padding-bottom: 10px;
			padding-top: 10px;
			margin-left: 40%;
			margin-right: 10%;
			margin-bottom: 20px;
		}
.person_blue_text{
			font-size: 28px;
			color: #002F82;
			margin-top: 10px;
			margin-bottom: 15px;
		}
.person_bgimg{
			background-image: url("images/person_bg.png");
			background-position: left;
			background-repeat  : no-repeat;
			background-size: contain;
			width: 100%;
			border-bottom: solid 5px #002F82;
	margin-bottom: 50px;
		}

/*右矢印*/
.trapezoid_right {
  position: relative;
  margin-left: 0;
  width: 70%;
  height: 10px;
  background: #EFEFEF;
	margin-bottom: 20px;
	margin-top: 20px;
}

.trapezoid_right:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  width: 0;
  height: 0;
  border-right: 30px solid transparent;
  border-top: 10px solid #EFEFEF;
}
/*左矢印*/
.trapezoid_left {
  position: relative;
	margin-right: 0;
	margin-left: auto;
  width: 70%;
  height: 10px;
  background: #EFEFEF;
	margin-bottom: 20px;
	margin-top: 20px;
}
.trapezoid_left:before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-top: 10px solid #EFEFEF;
}



/*社会貢献*/
.syakai_page{
  max-width: 47rem;
  margin-left: auto;
  margin-right: auto;
}
.timeline{
  display: var(--timelineDisplay, grid);
  grid-row-gap: var(--timelineGroupsGap, 2rem);
  --uiTimelineMainColor: var(--timelineMainColor, #222);
  --uiTimelineSecondaryColor: var(--timelineSecondaryColor, #fff);
--timelineMainColor: #4557bb;
  border-left: var(--timelineLineWidth, 3px) solid var(--timelineLineBackgroundColor, var(--uiTimelineMainColor));
  padding-top: 1rem;
  padding-bottom: 1.5rem;
}
.time{
  display: var(--timeDisplay, inline-flex);
  padding: var(--timePadding, .25rem 1.25rem .25rem);
  background-color: var(--timeBackgroundColor, #f0f0f0);
  font-size: var(--timeFontSize, .75rem);
  font-weight: var(--timeFontWeight, 700);
  text-transform: var(--timeTextTransform, uppercase);
  color: var(--timeColor, currentColor);
}
.timeline__year{
  margin-bottom: 1.25rem; /* 1 */
  --timePadding: var(--timelineYearPadding, .5rem 1.5rem);
  --timeColor: var(--uiTimelineSecondaryColor);
  --timeBackgroundColor: var(--uiTimelineMainColor);
  --timeFontWeight: var(--timelineYearFontWeight, 700);
  font-size:18px;
}
.card{
  padding: var(--timelineCardPadding, 1.5rem 1.5rem 1.25rem);
 border-radius: var(--timelineCardBorderRadius, 2px);
  border-left: var(--timelineCardBorderLeftWidth, 3px) solid var(--timelineCardBorderLeftColor, var(--uiTimelineMainColor));
  box-shadow: var(--timelineCardBoxShadow, 3px 1px 3px 0 rgba(0, 0, 0, .12), 0 1px 2px 0 rgba(0, 0, 0, .24));
  background-color: var(--timelineCardBackgroundColor, #fff);
  border-right:solid 1px #c5c5c5;
  border-top:solid 1px #c5c5c5;

}

.timeline__card{
  position: relative;
  margin-left: var(--timelineCardLineGap, 1rem);
}
.timeline__card::before{
  content: "";
  width: 100%;
  height: var(--timelineCardLineWidth, 2px);
  background-color: var(--timelineCardLineBackgroundColor, var(--uiTimelineMainColor));
  position: absolute;
  top: var(--timelineCardLineTop, 1rem);
  left: -50%;
  z-index: -1;
}

.timeline__cards{
  display: var(--timeloneCardsDisplay, grid);
  grid-row-gap: var(--timeloneCardsGap, 1.5rem);
  overflow: hidden;
  padding-top: .25rem; /* 1 */
  padding-bottom: .25rem; /* 1 */
}
.time__month{
  margin-left: var(--timelineMounthMarginLeft, .25em);
  font-size:16px;
}
.card__content{
  margin-top: var(--cardContentMarginTop, .5rem);
}
.card__content p{
  margin-top: 0;
  margin-bottom: 1rem;
  line-height: 1.5;
}

.card__content p:last-child{
  margin-bottom: 0;
}

.card__title{
  --rTitleMarginTop: var(--cardTitleMarginTop, 1rem);
  font-size: var(--cardTitleFontSize, 1.25rem);
}
.card_img{
	width:300px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	margin-top:10px;}
.card_img img{
	width:100%;
	height:auto;
}

/*採用情報　社長メッセージ*/
h2.message_title {
	font-family: Ryumin Medium KL,"リュウミン M-KL";
	font-size: 28px;
	color: #002F82;
  position: relative;
  display: inline-block;
  padding: 0 150px;
   top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

h2.message_title:before, h2.message_title:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 100px;
  height: 1px;
  background-color: #002F82;
}
h2.message_title:before {
  left:0;
}
h2.message_title:after {
  right: 0;
}
.message_title_name{
	text-align: right;
	margin-bottom: 30px;
	}
.font_size_120b{
	font-size: 120%;
	font-weight: bold;
	}
.message_photo{
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
	width: 240px;
	}
.message_photo img{
	width: 100%;
	height: auto;
	}
.message_photo p{
	text-align: center;
	}
.message_text p{
	text-indent: 1em;
	}
.message_bluetexe{
	text-indent: 0 !important;
	color: #002F82;
	font-weight: bold;
	margin-bottom: 20px;
	display: inline-block;
	background: linear-gradient(transparent 60%, #ecf6ff 60%);
	}

/*採用実績*/
		ul.results_list{
			list-style: none;
		}
		ul.results_list li{
			width: 20%;
		}
.gakku{
	margin-top: 30px;
}
/*私たちの仕事*/
.work_images{
	width: 100%;
}
.work_images img{
	width: 100%;
	height: auto;
}
.work_title{
		margin-top: 80px;
		margin-bottom: 50px;
		padding-bottom: 10px;
		text-align: center;
		font-size: 30px;
		border-bottom: solid 4px #002F82;
	color: #002F82;
	}
.saiyourinen{
	font-family: Ryumin Medium KL,"リュウミン M-KL";
}
.saiyourinen_textbig{
	font-family: Ryumin Medium KL,"リュウミン M-KL";
	font-size: 30px;
	margin-top: 50px;
	margin-bottom: 30px;
}
	.work_syousaiimg{
		width: 100%;
	}
	/*右矢印*/
.trapezoid_bright {
  position: relative;
  margin-left: 0;
  width: 90%;
  height: 70px;
  background: #002F82;
	margin-bottom: 20px;
	margin-top: 20px;
	color: #FFFFFF;
	font-size: 24px;
	padding-left: 30px;
	line-height: 70px;
}

.trapezoid_bright:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  width: 0;
  height: 0;
  border-right: 50px solid transparent;
  border-top: 70px solid #002F82;
}
/*左矢印*/
.trapezoid_bleft {
  position: relative;
	margin-right: 0;
	margin-left: auto;
  width: 90%;
  height: 70px;
  background: #002F82;
	margin-bottom: 20px;
	margin-top: 20px;
	color: #FFFFFF;
		font-size: 24px;
	padding-right: 30px;
	text-align: right;
	line-height: 70px;
}
.trapezoid_bleft:before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-top: 70px solid #002F82;
}

.kinmu_ken{
	border:solid 1px #000;
	width:90px;
	display: flex;
	align-items: center;
	justify-content: space-around;
	margin-bottom:30px;
	
	}
.kinmuti{
	margin-bottom:30px;
	width:280px;
	margin-left: 0;
	}
.kinmuti2{
	margin-bottom:30px;
	width:calc(100% - 110px);
	margin-left: 0;
	}
/*背景グレー*/
.work_bggrey{
	background-color: #F0EDEC;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-bottom: 50px;
	margin-top: 50px;
}
.work_bluetitle{
	color:#4593D0;
	margin-left: 30px;
}
.work_bluetitle_big{
	color:#0B318F;
	font-size: 26px;

}
ul.work {
	list-style: none;

}


.work_syousai_img{
	width: 50%;
}
.work_syousai_img img{
	width: 100%;
	height: auto;
}
.work_syousai_kinmuti{
	margin-left: 5%;
	margin-right: 5%;
	width: 40%;}
.assistant_sonota{
	padding: 20px;
}
.work_naiyou{
	margin-top:30px;
	
}	
.work_line{
	border-width: 1px 0px 0px 0px;
border-style: solid;
border-color: #C9CACA;
height: 1px;
	margin-bottom: 30px;
	margin-top: 30px;
}

.seven_color{
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}
.seven_color img{
	width: 100%;
	height: auto;
}
	
/*SDGs*/
.sdgs_text{
	margin-bottom:30px;
}




/*ライブラリ*/
/*top youtube　レスポンシブ*/
.library_area{
display:flex;
flex-diretion: row;
flex-wrap:wrap;
align-items: stretch;
	}
.youtube {
  position: relative;
  width:calc(96% / 3);
  padding-top: 17%;
  margin-right:2%;
  margin-bottom:2%;
}
.youtube:nth-child(3n) {
  position: relative;
  margin-right:0;
  margin-bottom:2%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.newspaper {
  width:calc(98% / 2);
  margin-bottom:2%;
  margin-right:2%;
}
.newspaper:nth-child(even) {
  margin-right:0;
}
.newspaper img{
	width:100%;
	height:auto;
	}
/*サイトマップ*/
ul.cp_list {
	padding:0.5em;
	list-style-type:none;
	display:flex;
flex-diretion: row;
flex-wrap:wrap;
}
ul.cp_list li {
	position:relative;
	padding: 0em 0.3em 0.3em 1.3em;
list-style:none;
margin-right:20px;
	margin-bottom: 50px;
}

ul.cp_list li::before {
	position: absolute;
	content: '';
	display: block;
	top: 0.5em;
	left: 0;
	width: 6px;
	height: 6px;
	border-right: 3px solid #ff0033;
	border-bottom: 3px solid #ff0033;
	transform: rotate(-45deg);
}

ul.sub_list{
	padding:0;
	margin: 0;
	list-style-type:none;
			
		}
ul.sub_list li{
	padding: 0;
	margin: 0;
	list-style-type:none;
			
		}		
ul.sub_list li::before{
			list-style-type:none;
			border: none;
			
		}

/*米良新聞*/
ul.meranewspaper li{
    width: 48%;
	margin-right:2%;
	margin-bottom: 2%;

}
ul.meranewspaper li:nth-child(even){
	margin-right:0;

}


/*SDGs*/
/*並べただけ*/
.f-containerflex{
	display:flex;
	flex-wrap:wrap;

}
.width_100{
	width:100%;
}
.text_70{
	font-size: 70%;
	padding: 0;
	margin: 0;

}
.text_center{
	text-align: center;
}
.sdgs_tirikumiimg4{
	width: 60%;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	
		}
.sdgs_tirikumiimg4 img{
	width: 100%;
	height: auto;
		}
.sdgs_tirikumiimg5{
	width: 35%;
	margin-top: 20px;
	margin-bottom: 20px;
	
		}
.sdgs_tirikumiimg5 img{
	width: 100%;
	height: auto;
		}
.sdgs_mainarea{
	background-color: #EFEFEF;
	width: 100%;
	padding: 2%;
		}
.sdgs_wbg{
	background-color: #FFFFFF;
	margin-bottom: 50px;
		}
.sdgs_area{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 30px;
		}	
	
.sdgs_linetitle {
  position: relative;
  text-align: center;
	font-size: 20px;
	margin-bottom: 30px;
}
.sdgs_linetitle span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  background-color: #fff;
  text-align: left;
}
.sdgs_linetitle::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ccc;
}
.sdgs_gtitle{
	background-color: #727171;
	color: #FFFFFF;
	font-size: 30px;
	padding: 20px;
	border-radius: 34px;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	margin-bottom: 30px;
	text-align: center;
		}
.sdgs_torikumi{
		display: flex;
			}

.sdgs_torikumilogo{
	width: 300px;
	padding-bottom: 30px;
	padding-right: 30px;
	padding-top: 30px;
	margin-bottom: 50px;
	border-right: solid 1px #3A3A3A;
		}
.sdgs_torikumilistarea{
	width: calc(100% - 300px);
}
.sdgs_torikumilogo img{
	width: 100%;
	height: auto;
		}
ul.sdgs_list{
	margin-top: 0;
	margin-left: 1em;
	padding-top: 30px;
	list-style:disc;
	width: 100%;
}

ul.sdgs_list li{
	margin-left: 2em;


		}
ul.sdgs_list li:first-of-type{
	list-style: none;
	margin-left: 0;
		}
.sdgs_tirikumiimg2{
	width: 49%;
		}
.sdgs_tirikumiimg2 img{
	width: 100%;
	height: auto;
		}
.sdgs_tirikumiimg3{
	width: calc(98% / 3);
	margin-right: 1%;
	margin-top: 1%;
		}
.sdgs_tirikumiimg3:nth-child(3n){
	width: calc(98% / 3);
	margin-right: 0;
	margin-top: 1%;
		}
.sdgs_tirikumiimg3 img{
	width: 100%;
	height: auto;
	margin-bottom: 3px;
	padding-bottom: 0;
		}

/****************************************

カスタム投稿　共通スタイル

 *****************************************/
.contentarealeft{
	float:left;
	width:77%;
	padding-right:3%;
	margin-bottom:50px;
	}
.contentarearight{
	float:left;
	width:20%;
	}
/*ページ送り*/ 
.pagenavi{
	margin-top:20px;
	margin-bottom:50px;
	text-align:right;
	}
.nav-below{
	text-align:right;
	margin-right: 20px;
	background-color:#FFF;
	padding-bottom:50px;
	}
.nav-below a{
	text-decoration: none;
	}
/****************************************

カスタム投稿　スタイル

 *****************************************/
 /*施工実績*/
.first_img img{
    display: block;
    height: 200px;
    object-fit: cover;
    width: 100%;
}
.custom_title{
}
.custom_title a{
	text-decoration: none;
	color: #3E3A39;
	}
.resultsterm{
	font-size:90%;
	text-align:right;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	width: 100%;
	}
.resultsterm a{
	text-decoration: none;
	color: #3E3A39;
	}
	
/*お知らせ　トップも*/
dl.c_infolist{
	padding: 15px 0;
border-bottom: 1px solid #ccc;
margin-bottom:0;
margin-top:0;
background-color:#fff;
}
dl.c_infolist a{
	text-decoration: none;
	color: #3e3a39;
}
dl.c_infolist dt{
	padding-bottom: 5px;
	clear: left;
float: left;
width: 30%;
}
dl.c_infolist dd{
margin-left: 32%;
}
dl.c_infolist2{
	padding: 15px 0;
border-bottom: 1px solid #ccc;
margin-bottom:0;
margin-top:0;
background-color:#fff;
}
dl.c_infolist2 a{
	text-decoration: none;
	color: #3e3a39;
}
dl.c_infolist2 dt{
	padding-bottom: 5px;
	clear: left;
float: left;
width: 40%;
}
dl.c_infolist2 dd{
margin-left: 42%;
}
.infoday{
	margin-left:30px;}
.term{
	background-color:#eff3f9;
	text-align:center;
	margin-left:30px;
	width:120px;
	display:inline-block;
}
.term a{
		text-decoration: none;
	color: #3e3a39;

}

/*ピックアップ*/
/*ブロック*/
ul.pu_blockmenu{
width:100%;
margin:0;
padding:0;
padding-bottom:0;
padding-top:0;
display:flex;
flex-diretion: row;
flex-wrap:wrap;
align-content: stretch;
	}
ul.pu_blockmenu li{
width:calc((100% - 60px) / 4);
list-style:none;
margin-bottom:30px;
padding:0;
margin-left:0;
margin-right:20px;
	}

ul.pu_blockmenu li:nth-child(4n){

margin-right:0;
	}



ul.pu_blockmenu li figure {
  overflow: hidden;
  padding:0;
  margin:0;
}

ul.pu_blockmenu li figure img {
  width: 100%;
  transition:0.5s all;
}
ul.pu_blockmenu li figure img:hover {
	  transform:scale(1.1,1.1);
  transition:0.5s all;
}

ul.pu_blockmenu li figcaption{
  color: #222;
  margin-top: 15px;
}

.pu_sub{
  color: #777;
  margin-top: 12px;
	font-size: 12px;
}

/****************************************

お問合せ 電話

 *****************************************/
 a[href^="tel:"] {
        color: #034298;
        text-decoration: none;
 
        display: inline-block; /* IE用 */
        pointer-events: none;
    }
.tellinquiry{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
		}
.tellno{
	color: #034298;
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 30px;
		}
.business-hours{
	background-color: #efefef;
	padding: 15px;
	margin-top: 20px;
	margin-bottom: 20px;
	display: flex;
	flex-diretion: row;
	align-items: center;
	font-size: 22px;
	font-weight: bold;
		}
.receive{
	background-color: #333333;
	color: #ffffff;
	text-align: center;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 20%;
		}	
.weekday{
	background-color: #FFFFFF;
	
	margin: 0;
		padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	width: 80%;
		}
.kome{
	color: #E50012;
	font-size: 16px;
		}
/****************************************

お問合せ mw wp form

 *****************************************/
table.form-table {
  border-collapse: collapse;
  border-spacing: 0;
  width:100%;
}



input[type="submit"],
input[type="text"],
input[type="email"],
textarea{
    padding: 0.5em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
    font-size: 15px;
    border: 1px solid #ccc;
	width: 100%;
	-webkit-appearance: none;
}
input[type="text"][size="20"] {
    width: 100px;
}
input[type="text"][size="10"] {
    width: 50px;
}

select{
    padding: 0.5em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
    font-size: 15px;
    border: 1px solid #ccc;
}

#zip,#zip1,#zip2{
	    padding: 0.5em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
    font-size: 15px;
    border: 1px solid #ccc;
	}

input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus {
  background: #e9f5fb;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

textarea[name="content"] {
  display: inline-block;
  width: 100%;
  height: 200px;
}

input::placeholder,
textarea::placeholder {
  color: #ccc;
}

::-webkit-input-placeholder {
  color: #ccc;
  opacity: 1;
}

::-moz-placeholder {
  color: #ccc;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #ccc;
  opacity: 1;
}
.form-table tr{
	border-bottom: none;
	border-top: none;

}
.form-table tr.boder {
	border-top: dotted 2px #b4b4b4;

}

.form-table th,
.form-table td {
  padding: 20px;
}

.form-table th {
  background: #fafafa;
  padding-left: 50px;
  text-align: left;
  width: 30%;
}

/*――「送信ボタン」デザイン――*/
 
.submit-btn input {
background-color:#7274b4;
border:0;
color:#ffffff;
font-size:1.3em;
font-weight:bolder;
margin:0 auto;
padding: 10px 35px;
border-radius: 3px;
cursor: pointer;
text-align:center;
}
 
.submit-btn {
text-align:center;
margin-top:20px;
　cursor: pointer;
width:50%;
margin-left:auto;
margin-right:auto;
}
 
.submit-btn input:hover {
	background: #1D2087;
	color: #FFFFFF;
　cursor: pointer;
}

/*「必須」文字デザイン*/
.required{
font-size:.8em;
padding: 5px;
background: #E50012;
color: #fff;
border-radius: 3px;
margin-left:10px;
margin-right: 5px;
}
/*個人情報*/
.scrolly{
	  width:100%;
  height:100px;
  padding:30px;
  margin:10px;
  background:#EFEFEF;
  overflow:hidden;
  overflow-y:scroll;
}
.omitumori_text{
	font-size:18px;
	padding:20px;
	border:solid 2px #E57700;
	margin-bottom:30px;
	}
.kyou_red{
	color:#E50012;
	font-weight:bold;
	font-size:26px;
	}

/*確認画面時に非表示*/
.mw_wp_form_confirm .input-show {
  display: none;
}
.mw_wp_form_complete .input-show {
  display: none;
}

/* =Tablet (Landscape　横)
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 1199px) {
*:focus {
outline: none;
}
.wrapper{
	width:100%;
	overflow:hidden;
	padding: 0;
	margin: 0;

	}
	#sp-wrap{
	width:100%;
	overflow: hidden;
	padding-left:20px;
	padding-right:20px;
}


	
/*ロゴエリア*/
.logo_area{
	float:left;
	width:220px;
	padding:0;
	margin: 0;
}

/*メニューエリア*/

#mainnavi{
	width:770px;
	margin: 0;
	padding: 0;
}

.nav{
	width:780px;

	}
.nav > ul > li{
margin-left:10px;
	}
/*ヘッダーメニュー　webアイコン*/
.menu-icon{
	margin-left:5px;
}	

/*トップ　お知らせ*/
dl.c_infolist dt{
width: 40%;
}
dl.c_infolist dd{
margin-left: 42%;
}
	
/*関連事業*/
.top_kanren{
	width:100%;
	padding-bottom:10px;
	padding-top:10px;
	}
.footer_menu ul li{
	font-size:70%;

	}	
}
/*お知らせ　アーカイブリスト*/

dl.c_infolist2 dt{
width: 39%;
}
dl.c_infolist2 dd{
margin-left: 40%;
}
.infoday{
	margin-left:0;
	}
.term{
	width:100%;
	display: inline;
	padding: 10px;

}

/*会社概要*/
dl.companynaiyo dt{
	width: 40%;
	}
dl.companynaiyo dd{
	margin-left: 40%;
	}

/* =Tablet (Portraint　縦)
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 937px) {
	
/*top 米良電機の人用　スライド*/
#works{
		padding: 0 0 0;
	background-color: #FFFFFF;
	}

#works .sliderArea{
		width: 100%;
		margin: 0 auto 0;
	}


}


/* =SmartPhone (Landscape　横)
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
	html,body {
	background-color: #Fff;
	margin: 0px;
	padding: 0px;
		width:100%;
	-webkit-text-size-adjust: 100%;
}
	
h2.pickup {
  line-height: 1.3;
  font-size: 60px;
  letter-spacing: 0.04em;
	margin-top: 30px;
}
.contentarea{
	margin-top:0px;
}

.logo_area{
	display:none;
}
	
.site-header{
		position:inherit;
    top:0;
    width:100%;
	height:inherit;
    z-index:1000;
	min-width:inherit;
	

}


/*背景動画*/
#moviearea{
	width:100%;
    overflow: hidden;
	}

.main-movie{
	display:none;

	}
.sp_mainbg{
	display:block;
    width:100%;
    height:auto;
}


/****************************************

Typography

 *****************************************/

h1{
	font-size:20px;

  }

h2.white{
	font-size:20px;

	
}  
h2{
	font-size:20px;

}

/*メニューエリア*/
#mainnavi{
	float:none;
	width:50%;
	margin:0;
	padding:0;

}
.ba{
	display:none;
}
/****************************************

トップページ　スタイル

****************************************/
/*スライド*/
    .swiper-container{
	top:60px;
    }

/* img */

.aligncenter {
  display: block;
  margin: 0 auto;
}
.alignright {
	float: none;
  display: block;
  margin: 0 auto;
}
.alignleft {
	float:none;
  display: block;
  margin: 0 auto;
}
img {
    max-width: 100%;
    height:auto;
}
	
/*pick up*/
ul.top_blockmenu li{
width:calc((100% - 20px) / 2);
	}
ul.top_blockmenu li:nth-child(2n){
margin-right:0;
	}
	
	
	
/**/
.top-nopara{
	width:90%;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	}
	
/*社会貢献*/

.container {
  overflow: auto;
  scroll-snap-type: y mandatory;
  height: 300px;
  width:90%;
  margin-left:auto;
  margin-right:auto;
  background-color:#f5f8fb;
}


.f-containerno{
	display:block;
}
.nen_title {
	margin:0;
	padding:0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}


.slide-menu-nen{
	font-family: Ryumin Medium KL,"リュウミン M-KL";
	font-size:20px;
	color:#FFF;
	width:100%;
	padding-left:5%;
	padding-bottom:10px;
	padding-top:10px;
	margin-bottom:5px;
	background-color:#333333;

}

.sile-menutext{
	width:100%;
	padding-top: 20px;
	padding-left:1%;
	padding-right:1%;
	font-size:15px;
	background-color:#f5f8fb;
	margin-bottom:5px;

}
.sile-menutext img{
	text-align:center;
	padding-top:10px;
	display:block;
	margin:auto;
	
}

/*各会社バナー*/
.banner_area{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	}
.banner_big{
	width:calc((100% - 60px) / 2 );
	}

.banner_medium{
	width:calc((100% - 80px) / 3 );
	}

/*お知らせ　トップも*/
dl.c_infolist dt{
	float:none;
width: 100%;
}
dl.c_infolist dd{
margin-left: 5%;
}
.infoday{
	margin-left:5%;
	}
	
/*トップ　過去のCM*/	
.youtube {
  position: relative;
  width: 47%;
  padding-top: 26.43%;
  margin-left:2%;
  margin-bottom:2%;
}
.youtube:nth-child(2n) {
  position: relative;
  width: 47%;
  padding-top: 26.43%;
  margin-left:2%;
  margin-right:2%;
  margin-bottom:2%;
}

/****************************************

Footer

 *****************************************/

.footernavi{
	float:none;
	width:100%;

}
.footernavitext{
	float:none;
	width:100%;
	text-align:center;

}




/****************************************

固定ページ

 *****************************************/
 /*固定ページ用　サイドメニュー*/
ul.post_sidemenu{
	margin-left:0;
	padding-left:0;

	}

ul.post_sidemenu ul li a {
	margin-left:0;

	padding-left: 0;

}


.sd-icon{
	margin-right:5px;}
/*企業理念*/
.rinen_photo{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
	
	
/*福利厚生*/
	
	h2.employee_benefits{
  position: relative;
		width: 100%;
}

h2.employee_benefits:before {
  left: -100px;
	bottom: 0;
  width: 200px;
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);

}
h2.employee_benefits:after {
	right: -100px;
	top: 0;
  width: 200px;
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
}
		
	
	
/*採用情報*/
.rc_area{
	width:100%;
}
/*エントリーフォームボタン*/
button{
	width: 80%;

		}
/*採用実績*/
		ul.results_list li{
			width: 25%;
		}

/*私たちの仕事*/
.kinmu_ken{
	margin-bottom:0;
	margin-top: 30px
	
	}
.kinmuti{
	margin-bottom:0;
	width:100%;
	}
.work_syousai_img{
	width: 100%;
}
.work_syousai_kinmuti{
	margin-left: 0;
	margin-right: 0;
	width: 100%;
	}
	ul.work{
		padding: 0;
		margin: 0;
		width: 100%;
	}
	ul.work li{
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
/*米良電機の人*/
.person_main{
	display: block;
		}
.person_main_photobb{
			width: 100%;
	
		}
.person_main_photo{
			width: 100%;
	
		}


.person_main_text{
			width: 100%;
	
		}
.bg_blue{

		}
.person_bgblue{
			font-size: 28px;
			
		}


.person_textarea{
			margin-left: 2%;
			margin-right: 2%;
		}
.person_textarea2{
			padding-bottom: 10px;
			padding-top: 10px;
			margin-left: 2%;
			margin-right: 2%;
			margin-bottom: 50px;
		}
.person_blue_text{
			font-size: 22px;

		}


/*右矢印*/
.trapezoid_right {
  width: 80%;

}


/*左矢印*/
.trapezoid_left {
  width: 80%;

}
/*米良新聞*/
ul.meranewspaper li{
    width: 100%;
	margin-right:0;

}


/****************************************

カスタム投稿　共通スタイル

 *****************************************/
.contentarealeft{
	float:none;
	width:100%;
	padding-right:0;
	}
.contentarearight{
	float:none;
	width:100%;
	}
/*実績　カテゴリー*/
	.resultsterm{
		margin-bottom: 10px;

	}
/****************************************

お問合せ

mw wp form

 *****************************************/
 
.form-table th,
.form-table td {
  display: block;
  width: 100%;
  border-bottom: none;
}
.form-table td {
	padding-left:0;
	padding-right:0;

}

.form-table th {
	padding-bottom:10px;
	padding-top:10px;

}
.submit-btn {
width:80%;

}
 


}

/* =SmartPhone (Portraint　縦)
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
	
/*スマートフォンでは有効（改行する）*/

    .sma{
        display: block;
    }


h2{
	display:inline-block;
	margin-top:5px;
	}	


/*pick up*/
ul.top_blockmenu li{
width:100%;
	margin-right: 0;
	}



/****************************************

block　スタイル　

****************************************/
ul.block-two li{
	float:none;
    width: 80%;
    margin-bottom: 2%;
	margin-left:auto;
	margin-right:auto;
}
ul.block-two li:nth-child(even){
	margin-left:auto;
	margin-right:auto;

}


/*3block*/

ul.block-three li{
	float:none;
    width: 80%;
    margin-bottom: 2%;
	margin-left:auto;
	margin-right:auto;
}
	ul.block-three li:nth-child(3n){
    	margin-left:auto;
	margin-right:auto;
}

/*4block*/

ul.block-four li{
	float:none;
    width: 70%;
    margin-bottom: 2%;
	margin-left:auto;
	margin-right:auto;
}
ul.block-four li:nth-child(4n){
		margin-left:auto;
	margin-right:auto;
}



/*トップ　過去のCM*/	
.youtube {
  position: relative;
  width: 96%;
  padding-top: 54%;
  margin-left:2%;
  margin-right:2%;
  margin-bottom:2%;
}
.youtube:nth-child(2n){
  position: relative;
  width: 96%;
  padding-top: 54%;
  margin-left:2%;
  margin-right:2%;
  margin-bottom:2%;
}

	


/****************************************

Footer

 *****************************************/


/****************************************

スライダー　カルーセル　スタイル

****************************************/
/*Pick Up*/


/****************************************

editor

 *****************************************/

                             
/* img */

.alignright {
	float:none;
	margin:0;
}
.alignleft {
	float:none;
	margin:0;
}


/****************************************

カスタム投稿　スタイル

 *****************************************/
/*ピックアップ*/
/*ブロック*/

ul.pu_blockmenu li{
width:calc((100% - 20px) / 2);

	}
	
ul.pu_blockmenu li:nth-child(2n){

margin-right:0;
	}
/****************************************

固定ページ　page.php

 *****************************************/
/*全頁共通スタイル*/
.postcontentarealeft{
	float:none;
	display:none;

	}
.postcontentarearight{
	float:none;
	width:100%;
	}
	
/*社長あいさつ*/
.greetings_photo{
	float: none;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
		}
.greeting_text{
	float: none;
	width: 100%;
	
}
	
/*会社概要*/

.companytable th {
	display: block;
	width: 100%;
}
.companytable td {
	display: block;
	width: 100%;
}
dl.companynaiyo{
	margin:0;
	padding:0;
	}
dl.companynaiyo dt{

	float: none;
	width: 100%;
	}
dl.companynaiyo dd{
	margin-left: 2%;
	}
	
/*メーカー*/
ul.makerlist li{
	width: calc(100% / 2);
	}
/*取扱品目*/	
ul.productslist li{
	width: 100%;

	}	
	
/*企業グループ*/

.groupimg{
	float:none;
	width:100%;
	margin-right:0;
	margin-bottom:20px;
	margin-top:20px;
	}
.groypmap{
	float:none;
	width:100%;
		margin-bottom:20px;
	margin-top:20px;
	}
/*採用情報　youtube*/
.youtube_single_area{
	width:100%;

	}

.seven_color{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
	
/*採用情報　社長メッセージ*/
h2.message_title {
	font-size: 22px;
  padding: 0 10px;
}

h2.message_title:before, h2.message_title:after {
  width: 20px;
}

.message_photo{
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	}

	
	
	
/*採用実績*/
		ul.results_list li{
			width: 50%;
		} 

/*事業内容*/
		dl.business_poollist{}
		dl.business_poollist dt{
			float: none;
			width: 100%;
			font-weight: bold;
		}
		dl.business_poollist dd{
			margin-left: 0;
			width: 100%;
		}
	

ul.gijyoblock-three li{
	list-style-type: none;
	width:100%;
	margin-right:0;
	margin-bottom:30px;
}
ul.gijyoblock-three li:nth-child(3n){
	width:100%;
    margin-right:0;
}

	
/*福利厚生*/
		
h3.employee_bbenefits{
	width: 100%;
}

h3.employee_bbenefits:after {
	right: 30px;
	top: -72px;
  width: 50px;
  -webkit-transform: rotate(-70deg);
  transform: rotate(-70deg);
}
		
ol.pl_list li {
	width: 100%;
}

ul.list_bcircle li{
	width: 100%;
		}
.employee_centerarea{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.employee_supportimg{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
		}

.employee_supportlist{
		width: 70%;
	margin-left: auto;
	margin-right: auto;
		}


.employee_listarea50{
			width: 100%;
	margin-left: auto;
	margin-right: auto;
		}	

/*SDGs*/

.sdgs_gtitle{
	font-size: 24px;
	width: 80%;
		}
.sdgs_torikumi{
	display: block;
			}
.sdgs_torikumititle{
	font-size: 22px;
	margin-bottom: 20px;
		}
.sdgs_torikumilogo{
	width: 100%;
	padding: 20px;
	margin-bottom: 0;
	border-right: none;

		}
ul.sdgs_list{
	margin-top: 0;
	margin-left: 1em;
	padding-top: 30px;
	width: 100%;
	}

/*4のみ対応*/
.sdgs_no4{
	width: 100%;
}

.sdgs_tirikumiimg2{
	width: 100%;
		}
.sdgs_tirikumiimg3{
	width: 100%;
	margin-right: 0;
		}
.sdgs_tirikumiimg3:nth-child(3n){
	width: 100%;

		}
.sdgs_tirikumiimg4{
	width: 100%;
	margin-top: 0;
		}
/****************************************

お問合せ 電話

 *****************************************/
    a[href^="tel:"] {
		pointer-events: auto;
    }
.tellinquiry{
	width: 100%;
		}
.tellno{
	font-size: 24px;
		}
.business-hours{
	display: block;
		}
.receive{
	width: 100%;
		}	
.weekday{
	width: 100%;
		}

	
	
	
	
}