@charset "UTF-8";


body	{margin: 0;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
/* 中央寄せ */
.center {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}

/* 余白なし */
* {
  margin: 0px;
  padding: 0px;
}
/* 余白防止 */
.wrap {
	overflow: hidden;
}
/* 画像設定 */
img{
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
/* スワイパーテキスト */
.text1{	
line-height: 90%;
	font-size: 100%;
text-shadow: 
    #fff 2px 0px 0px, #fff -2px 0px 0px,
    #fff 0px -2px 0px, #fff 0px 2px 0px,
    #fff 2px 2px 0px, #fff -2px 2px 0px,
    #fff 2px -2px 0px, #fff -2px -2px 0px,
    #fff 1px 2px 0px, #fff -1px 2px 0px,
    #fff 1px -2px 0px, #fff -1px -2px 0px,
    #fff 2px 1px 0px, #fff -2px 1px 0px,
    #fff 2px -1px 0px, #fff -2px -1px 0px,
    #fff 1px 1px 0px, #fff -1px 1px 0px,
    #fff 1px -1px 0px, #fff -1px -1px 0px;}

/**//**//**//**//**//**//**//**//**/
	
/* コピー見出し */
.c_tittle h2 	{
	margin-bottom:20px;
color: #111111;
		font-size: 14px;
	text-align: center;
	font-weight: normal;
letter-spacing: 0.1em}

.c_tittle h3 	{
	color: #2E4164;
	font-size: 22px;
	text-align: center;
letter-spacing: 0.1em}

/* 英字とタイトルの見出し */
.tittle h2 	{
color: #111111;
	margin-bottom:6px;
		font-size: 11px;
	text-align: center;
	font-weight: bold;
letter-spacing: 0.1em}

.tittle h3 	{
	margin-top:0px;
	color: #2E4164;
	font-size: 22px;
	text-align: center;
letter-spacing: 0.1em}


/* トップ-事業内容 */
.kanren	{
margin-top: 0px;
	}

.kanren ul	{
	margin: 0;
	padding: 0;
	list-style: none}

.kanren li a	{display: block;
	padding:5px;
	color: #2E4164;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
    letter-spacing: 0.15em;
	text-decoration: none}


.kanren ul:after	{content: "";
	display: block;
	clear: both}

.kanren li	{float: left;
	width: 25%}

.kanren img	{
	max-width: 100%;
	margin-bottom:10px;
	height: auto;
	border: none;
-webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}	
.kanren img:hover {
-webkit-filter: grayscale(100%);}
	

/* お知らせ */
/* BOX 8の上に罫線を挿入 */
.box8	{
	border-top: solid 1px #dddddd;
margin-left: 15px;
	margin-right: 15px;
	}

.news	{margin-top: 0px;
}
.news ul	{margin: 0;
	padding: 0;
	list-style: none;
	}

.news li a	{display: block;
	padding: 15px;
	border-bottom: solid 1px #dddddd;
	color: #111111;
	font-size: 16px;
	text-decoration: none}

.news li a:hover	{background-color: #eeeeee}

.news time	{color: #888888;
	font-weight: bold}

.news a:after	{content: "";
	display: block;
	clear: both}

.news time	{float: left;
	width: 150px}

.news .text	{float: none;
	width: auto;
	margin-left: 0px}
	
/* 電話番号 */
.tel	{
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	background-color:#ffffff;
    border-radius:10px;
}

.tel h4	{
	width: 100%;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 15px;
	font-weight:normal;
	font-size: 16px;
	color: #ffffff;
	background-color: #2E4164;
	text-align:center;
	letter-spacing: 0.15em	}

.tel h5	a{
	margin-bottom: 20px;
	text-decoration:none;
	font-size: 26px;
	color: #BD302E;
	letter-spacing: 0.1em}
	
.tel h5 a:hover	{
	color:#F37B7D;
	text-decoration:none;
	}
	
.tel p	{
	padding-top: 20px;
	text-align:center;
	font-size: 13px;
	color: #666666}
	
.tel i	{margin-left: 10px}

/* メール */
.mail	{
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	background-color:#ffffff;
    border-radius:10px;
}

.mail h4	{
	width: 100%;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 20px;
	font-weight:normal;
	font-size: 16px;
	color: #ffffff;
	background-color: #2E4164;
	text-align:center;
	letter-spacing: 0.15em	}


.mail p	{
	text-align:center;
	font-size: 13px;
	color: #666666}

.mailbotton {
	width: 80%;
	margin-bottom: 20px;
}
a.m_btn {
	display: block;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	color: #BD302E;
	border: 3px solid #BD302E;
	border-radius: 25px;
	transition: .4s;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.15em;
	background-color: #ffffff;
box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
}

a.m_btn:hover {
border: 3px solid #BD302E;
background: #BD302E;
background-position: center;
color: #fff;
}

a.m_btn i {margin-left: 10px}	




/* 住所 */
.adoress p{text-align:center;
           font-size: 14px;
           letter-spacing: 0.2em;
		   }

.adoress img{width: 220px;
margin-bottom: 15px;}	
	
/* フッターナビゲーション */
#fmenu	{
	margin-top: 0px;
	text-align: center;}

.fmenu ul	{
	display: inline-block !important;
	margin-bottom: 0px;
	padding: 0;
	background-color:#F37B7D;
	list-style: none}

.fmenu li a	{display: block;
	padding: 8px 35px;
	color: #111111;
	font-size: 14px;
	text-decoration: none}

.fmenu li a:hover	{background-color: #eeeeee}

.fmenu ul:after	{content: "";
	display: block;
	clear: both}

.fmenu li	{float: left;
	width: auto}	

/* コピーライト */
.copyright p	{margin: 0;
	color: #ffffff;
	text-align:center;
	font-size: 12px;
	letter-spacing: 0.1em;
}


/* BOX5をバーの形にする */
.box5	{
	margin-top: 0px;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #2E4164}

/* BOXBをバーの形にする */
.boxb	{
	background-color: #DFE4F0}



/* ########### 359px以下 ########### */
@media (max-width: 359px) {


}


/* ########### 599px以下 ########### */
@media (max-width: 599px) {
/* 関連記事メニュー */
.kanren	{padding: 0px}
.kanren li	{width: 50%}
.kanren li:nth-child(3)	{clear: both}

/* コピー見出し */
.c_tittle h2 	{
	margin-bottom:10px;
color: #111111;
		font-size: 12px;
	text-align: center;
	font-weight: normal;
letter-spacing: 0.1em}

.c_tittle h3 	{
	color: #2E4164;
	font-size: 16px;
	text-align: center;
letter-spacing: 0.1em}

/* 英字とタイトルの見出し */
.tittle h2 	{
color: #111111;
	margin-bottom:3px;
		font-size: 10px;
	text-align: center;
	font-weight: bold;
letter-spacing: 0.1em}

.tittle h3 	{
	margin-top:0px;
	color: #2E4164;
	font-size: 16px;
	text-align: center;
letter-spacing: 0.1em}

/* トップ-事業内容 */
.kanren	{
margin-top: 0px;
	}

.kanren ul	{
	margin: 0;
	padding: 0;
	list-style: none}

.kanren li a	{display: block;
	padding:5px;
	font-size: 13px;
	text-decoration: none}

/* お知らせ */
/* BOX 8の上に罫線を挿入 */
.box8	{
	margin-left: 10px;
	margin-right: 10px;
	}
.news ul	{margin: 0;
	padding: 0;
	list-style: none;
	}
.news li a	{display: block;
	padding: 13px;
	font-size: 14px;
	text-decoration: none}

.news a:after	{content: "";
	display: block;
	clear: both}

.news time	{float: left;
	width: 100px}

/* 電話番号 */
.tel	{
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
}

.tel h4	{
	margin-bottom: 10px;
	font-size: 14px;
	letter-spacing: 0.15em
	}

.tel h5	a{
	text-decoration:none;
	font-size: 22px;
	letter-spacing: 0.1em
	}
	
.tel p	{
	padding-top: 10px;
	font-size: 12px;
	}

/* メール */
.mail	{
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
}

.mail h4	{
	margin-bottom: 13px;
	font-size: 14px;
	letter-spacing: 0.15em	}

.mail p	{
	font-size: 12px;
	}

.mailbotton {
	width: 80%;
	margin-bottom: 15px;
}
a.m_btn {
	display: block;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	color: #BD302E;
	border: 3px solid #BD302E;
	border-radius: 25px;
	transition: .4s;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.15em;
	background-color: #ffffff;
box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
}


/* 住所 */
.adoress p{text-align:center;
           font-size: 13px;
		   
           letter-spacing: 0.2em}

.adoress img{width: 200px;
margin-bottom: 15px;}	



}

/* ########### 768px以下 ########### */
@media (max-width: 768px) {
.site .text	{display:none;}

/* 各ボタン */
/* 事業内容 */
.botton	{
margin-top: 0px;
width: 60%;
}
a.ser_btn {
	display: block;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	color: #BD302E;
	border: 3px solid #BD302E;
	border-radius: 25px;
	transition: .4s;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.1em;
	background-color: #ffffff;
box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
}

a.ser_btn:hover {
border: 3px solid #BD302E;
background: #BD302E;
background-position: center;
color: #fff;
}
a.ser_btn i	{margin-left: 10px}

/* 事業内容ボタンここまで */

/* ヘッダーの設定 */
	header{
		padding: 0px 0;
		position: relative;
	}
	h1{
		width: 200px;
		margin-left:0px;
	}
	.inner{
		width: 100%;
	}
	#toggle{top:2%;
		right:15px;
		position: fixed;
		z-index:99999;
	}

	.change_btn{
		width: 90%;
		margin: 32px auto;
	}

	
	/*メニュー部分*/
	nav{z-index: 90;
		display:none;
		position: fixed;
		top:0;
		width: 100%;
		height:100vh;
		background:rgba(255,255,255,0.8);
		left: 0;
		
	}
	header nav ul{
		display: block;
		width: 90%;
		height: 400px;
		position: fixed;
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 0px;
		margin: auto;
	list-style:none;
	}
	header nav ul li{
		margin: 0 auto;
		text-align: center;
	}
	header nav ul li:last-child{
		border: none;
	}
	header nav ul li a{
		display: block; 
		color: #2F4264;
		font-size:20px;
		font-weight:bold;
		line-height:320%;
	text-decoration: none;
	}
	
header nav ul li a:hover	{color: #2288bb}


/*/*ここから！！スマホ・タブレット用の設定*/

	/*開閉ボタン*/
	#nav_toggle{
		display: block;
		width: 40px;
		height: 40px;
		position: relative;
		top: 4px;
		z-index: 100;
	}
	#nav_toggle div {
		position: relative;
	}
	#nav_toggle span{
		display: block;
		height: 3px;
		background: #2F4264;
		position:absolute;
		width: 100%;
		left: 0;
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;	
	}
	#nav_toggle span:nth-child(1){
		top:0px;
	}
	#nav_toggle span:nth-child(2){
		top:12px;
	}
	#nav_toggle span:nth-child(3){
		top:24px;
	}
	
	/*開閉ボタンopen時*/
	.open #nav_toggle span{
		background: #2F4264;
	}
	.open #nav_toggle span:nth-child(1) {
			top: 12px;
		   -webkit-transform: rotate(135deg);
			-moz-transform: rotate(135deg);
			transform: rotate(135deg);
		}
		.open #nav_toggle span:nth-child(2) {
			width: 0;
			left: 50%;
		}
		.open #nav_toggle span:nth-child(3) {
			top: 12px;
			-webkit-transform: rotate(-135deg);
			-moz-transform: rotate(-135deg);
			transform: rotate(-135deg);
		}

		
		
		
/*/*ここまで！！スマホ・タブレット用の設定*/




/* BOX4-1とBOX4-2を縦に並べる設定 */
.box4:after	{content: "";
	display: block;
	clear: both}

.box4-1	{
	margin-bottom: 20px;
	}

.box4-2	{
	width: 100%;
}

/* ボックスの左右 */
.boxA, .box4, .box5, .box6, .box7
	{padding-left: 15px;
	padding-right: 15px}


/* ボックスの上下 */
.boxA	{
	padding-top: 10px;
	padding-bottom: 10px
	}
	
.boxb	{
	padding-top: 15px;
	padding-bottom: 15px;
	}
.boxb	{
	margin-top: 25px}

	
.box7	{
	padding-top: 20px;
	}
	
.box4, .box11	{
	margin-bottom: 25px}

	
.box6, .box7	{
	margin-bottom: 15px}


}






/* ########### 769px以上 ########### */
@media (min-width: 769px) {



/* 新ヘッダー */
/* ナビ */
.inner{
	width: 100%;
	margin: 0 auto;
}
header{
	padding: 0 0;
}
header .inner{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
h1{
	width: 250px;
	margin-right: auto;
}

header nav {
	margin-right: 0px;
}
header nav ul{
	margin-top:7px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	padding: 0;
	list-style:none;
	display: flex;
	align-items: center;
	
}
header nav ul li a{
	display: block;
	color: #2F4264;
	text-decoration: none;
	font-size:px;
	font-weight: bold;
	padding-left: 40px ;
	letter-spacing: 0.1em;

}

header nav ul li a:hover	{color: #2288bb}

header nav ul:after	{content: "";
	display: block;
	clear: both}
header nav ul li{float: left;
	width: auto}
	
	
/* ここまでナビ */


#nav_toggle{
	display: none;
}
.change_btn{
	color: #fff;
	display: block;
	width: 100%;
	text-decoration: none;
	border: 1px solid #fff;
	text-align: center;
	padding: 25px 0;
	font-size:20px;
	margin-top: 40px;
}

	



/* イイダとは？：about */
#menu-item-about > a:after {
	content: 'about';
	display: block;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
    margin:0;
    padding:0;
	letter-spacing: 0.15em;
}
 
/* 事業内容：service */
#menu-item-service > a:after {
    content: 'service';
    display: block;
    text-align: center;
	font-size: 12px;
	font-weight: normal;
    margin:0;
    padding:0;
	letter-spacing: 0.15em;
}
  
/* 製品紹介：product */
#menu-item-product > a:after {
    content: 'product';
    display: block;
    text-align: center;
	font-size: 12px;
	font-weight: normal;
    margin:0;
    padding:0;
	letter-spacing: 0.15em;
}
  
/* 会社紹介：company */
#menu-item-company > a:after {
    content: 'company';
    display: block;
    text-align: center;
	font-size: 12px;
	font-weight: normal;
    margin:0;
    padding:0;
	letter-spacing: 0.15em;
}
  
/* お問い合わせ：contact */
#menu-item-contact > a:after {
    content: 'contact';
    display: block;
    text-align: center;
	font-size: 12px;
	font-weight: normal;
    margin:0;
    padding:0;
	letter-spacing: 0.15em;
}

/* 各ボタン */
/* 事業内容 */
.botton	{margin-top: 30px;
width: 300px;
}
a.ser_btn {
	display: block;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	color: #BD302E;
	border: 3px solid #BD302E;
	border-radius: 25px;
	transition: .4s;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.15em;
	background-color: #ffffff;
box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
}

a.ser_btn:hover {
border: 3px solid #BD302E;
background: #BD302E;
background-position: center;
color: #fff;
box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
}

a.ser_btn i	{margin-left: 10px}

/* BOX4-1とBOX4-2を横に並べる設定 */
.box4:after	{content: "";
	display: block;
	clear: both}

.box4-1	{float: left;
	width: 50%;
	padding-right: 40px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}

.box4-2	{float: left;
	width: 50%;
	padding-left: 40px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}

/* ボックスの左右 */
.boxA, .box4, .box5, .box6, .box7
	{padding-left: 15px;
	padding-right: 15px}


/* ボックスの上下 */
.boxA	{
	padding-top: 20px;
	padding-bottom: 20px
	}
	
.boxb	{
	padding-top: 30px;
	padding-bottom: 30px;
	}
.boxb	{
	margin-top: 100px}

	
.box7	{
	padding-top: 50px;
	}
	
	
.box4, .box11	{
	margin-bottom: 50px}

	
.box6, .box7	{
	margin-bottom: 30px}


}


/* ########### 1190px以上 ########### */
@media (min-width: 1190px) {

/* 全体の横幅を固定 */
.box3, .box4, .boxA, .box5-inner, .box6, .box7, .box8, .box9, .box10, .box11
	{width: 1140px;
	margin-left: auto;
	margin-right: auto}


}