/*----汎用-----*/
body {
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
}

ul{
	list-style: none;
}

a {
	text-decoration: none;
}

a:hover {
	color: #696969;
}

/*-----ここから-----*/
div#wrapper {
	max-width:1100px;
	margin:0 auto;
	color:#008c8c;
}

header#header {
	padding:1em;
}

#header img {
	height:150px;
	display:inline-block;
	vertical-align: middle;
}

#header div h1{
	font-size:150%;
	background:none;
}

#header div {
	display:inline-block;
	vertical-align: middle;
	margin-left:1em;
}

#header div p {
	display:inline;
	background:linear-gradient(transparent 50%, #FFFF00 0%);
}

/*リンクメニュー*/
.recruit-career-menu ul {
	margin-top: 1.5em;
	margin-bottom:1.5em;
	letter-spacing: -1em; /* 文字間を詰める */
	text-align: center;
	/*line-height: 50px;*//*liの高さに合わせる（vertical-align対策）*/
}

.recruit-career-menu li {
	font-weight: bold;
	letter-spacing: normal; /* 文字間を元に戻す */
	display:inline-block;
	width:15%;
	text-align:center;
	/*height:50px;*/
	line-height: 1.5em;
	box-sizing:border-box;
	vertical-align:middle;
	/*border-right:1px solid #008c8c;*/
}

.recruit-career-menu li:last-child{
	/*border-right: none;*/
}

.recruit-career-menu li > a {
	color:inherit;
	vertical-align:middle;
}

/*記事メニュー*/
#index {
	margin:0 auto;
	margin-top:1em;
	text-align:center;
}

#index img{
	width:60%;
	height:auto;
	border-radius:10px;
}

@media screen and (max-width: 700px) {
	#index img{
		width:100%;
		border-radius: 0;
	}
}


#index h1{
	font-size:200%;
}

#index h2 {
	font-size:150%;
	margin-bottom: 1em;
}

div.block-wrap{
	width:80%;
	margin:2em auto;
	border: 4px solid;
	border-radius: 10px;
}

div.block-wrap.border-none{
	border:0px;
}

/*インタビュープロフィール*/
.interview-profile {
	display:inline-block;
	width: 47%;
	margin-right:1em;
	background-color:#e4f7f7;
	color: #000;
	margin-top:2em;
	margin-bottom:1em;
	/*padding: 1em;*/
	/*padding-left:0.5em;*/
	font-size:100%;
	/*border-left: 3px solid #008c8c;*/
	vertical-align:top;
}
.interview-profile img{
	display: inline-block;
	height:7em;
	vertical-align: top;
}
.interview-profile p {
	display:inline-block;
	font-size:100%;
	margin-top:0.5em;
	width: 79%;
}
.interview-profile .department {
	display:block;
	font-size:80%;
}
.interview-profile .san {
	font-size:80%;
}
.interview-profile .chapter-title {
	display:block;
	font-size:110%;
}

/*インタビューチャプター(.interview-profileを上書き)*/
.interview-chapter{
	display:block;
	width:100%;
	border-top: 3px solid #008c8c;
	border-bottom: 3px solid #008c8c;
	margin-top:4em;
}

/*----for-mobile-----*/
@media screen and (max-width: 1100px) {
	.interview-profile p {
		font-size:100%;
	}
	.interview-chapter p {
		font-size:120%;
	}
}
@media screen and (max-width: 890px) {
	.interview-profile {
		display:block;
		width:100%;
		margin-top: 0.5em;
		margin-bottom 0.5em;
	}
	.interview-chapter{
		margin-top: 4em;
	}
	.interview-profile p {
		font-size:120%;
	}
	.interview-chapter p {
		font-size:120%;
	}
}
@media screen and (max-width: 400px) {
	.interview-profile p {
		font-size:90%;
		width:70%;
	}
}

/*対談形式*/
.block-conversation{
	padding: 1.5em;
}

.interview-prologue,
.interview-epilogue{
	display:block;
	/*background-color:#97dede;*/
	color: #000;
	padding: 1em;
	padding-left:0.5em;
	font-size:100%;
	border-left: 3px solid #008c8c;
}

.interview-epilogue{
	margin-top:3em;
}

.author-sign {
	display:block;
	font-size:80%;
	text-align:right;
}

.interview-insert{
	display:block;
	width:80%;
	margin: 1em auto;
	/*border-radius:10px;*/
}


/*右から吹き出し*/
.speaker-right {
}

.speaker-right .person{
	position:relative;
	top: 30px;
	text-align:right;
}

.speaker-right .person p{
	display:inline-block;
	vertical-align: top;
}

.speaker-right .person img{
	width:50px;
	height:auto;
}

.speaker-right .talk-box{
	position:relative;
	display:block;
	border: 1px solid #a9a9a9;
	/*margin: 0 auto;*/
	/*margin-left: 5%;*/
	margin-right:70px;
	padding: 1em;
}

.speaker-right .talk-box:before {
	content:"";	
	position:absolute;
	top: -1px;
	border: 16px solid transparent;
	border-top-color: #a9a9a9;
	right: -17px;
}

.speaker-right .talk-box:after {
	content: "";
	position:absolute;
	top:0;
	border: 17px solid transparent;
	border-top-color: #fff;
	right: -15px;
}

/*左から吹き出し*/

.speaker-left {
	color:#000;
}

.speaker-left .person{
	position:relative;
	top: 30px;
	text-align:left;
}

.speaker-left .person p{
	display:inline-block;
	vertical-align: top;
}

.speaker-left .person img{
	width:50px;
	height:auto;
}

.speaker-left .talk-box{
	position:relative;
	display:block;
	border: 1px solid #a9a9a9;
	/*margin: 0 auto;*/
	/*margin-left: 5%;*/
	margin-left:70px;
	padding: 1em;
	/*color:#000;*/
}

.speaker-left .talk-box:before {
	content:"";	
	position:absolute;
	top: -1px;
	border: 16px solid transparent;
	border-top-color: #a9a9a9;
	left: -17px;
}

.speaker-left .talk-box:after {
	content: "";
	position:absolute;
	top:0;
	border: 17px solid transparent;
	border-top-color: #fff;
	left: -15px;
}

/*対談形式ここまで*/

div.block-left,div.block-right{
	display:inline-block;
	width:49%;
	vertical-align:middle;
	padding:1em;
}

.title-interview {
	margin-bottom:2em;
	letter-spacing: 1.5px;
}
.excerpt {
	font-size:150%;
	margin-bottom:2em;
}

.staff-name {
	text-align:right;
	font-size:130%;
	letter-spacing:3px;
}

.staff-name span {
	font-size:70%;
	margin-right:1em;
}

.read-more {
	letter-spacing: 1em;
	background-color: #008c8c;
	color: #fff;
	text-align: center;
	margin-top: 1em;
}
.read-close {
	display:none;
	letter-spacing: 1em;
	background-color: #008c8c;
	color: #fff;
	text-align: center;
}

/*記事本文*/
.block-fold {
	display:none;
}

.article-body {
	font-size:120%;
	padding:1em;
}

.article-body img {
	margin-top:1em;
	margin-bottom:1em;
}

.article-body p {
	text-indent: 0.7em;
}

/*block-wrapのフレームだけバージョン*/
.block-wrap-frame{
	width:80%;
	margin:2em auto;
	letter-spacing: -1em; /* 文字間を詰める */
}

.block-half {
	display:inline-block;
	width:49%;
	border: 4px solid;
	border-radius: 10px;
	vertical-align:top;
	box-sizing:border-box;
	letter-spacing: normal; /* 文字間をもとに戻す */
}

.block-wrap-frame .block-half:nth-child(odd) {
	margin-right: 2%;
}

/*求人情報リンク*/
#career-kyujin-hellowork{
	padding: 1em 0.5em;
}

#career-kyujin-hellowork h1{
	font-size:150%;
	margin-bottom:0.5em;
}

#career-kyujin-hellowork h2{
	font-size:90%;
	margin-bottom:1em;
}

#career-kyujin-hellowork ul li.facility{
	font-size:110%;
	margin-top:1em;
}

#career-kyujin-hellowork ul li.kyujin-content{
	font-size:95%;
	list-style-type: none;
	margin-left:1em;
}

#career-kyujin-hellowork ul li.kyujin-content:before{
	content: '';
	width: 6px;
	height: 6px;
	display: inline-block;
	border-radius: 100%;
	background: #008c8c;
	position: relative;
	left: -10px;
	top: -3px;
}

#career-kyujin-hellowork ul li.kyujin-content a{
	text-decoration: none;
}

#career-kyujin-hellowork ul li.kyujin-content a:hover{

}

#career-kyujin-hellowork ul li.kyujin-content a:visited{
	color:inherit;
}

/*バナー*/
.iwaikin-banner-s {
	margin:0 auto;
	padding-top:1em;
	padding-bottom:1em;
	max-width:90%;
}
.iwaikin-banner-s img{
	object-fit:contain;
}

/*フッター*/
footer#footer {
}

div#footer-nav{
	/*width:80%;*/
	margin: 0 auto;
	padding-top:0.5em;
	padding-bottom:0.5em;
	box-sizing:border-box;
}

#footer-nav img {
	height:120px;
	display:block;
	margin:0 auto;
}

#footer small{
	display:block;
	text-align:center;
}

/*----for-mobile-----*/
@media screen and (max-width: 960px) {
	/*ヘッダーのリンクメニューを非表示*/
	#header + .recruit-career-menu ul{
		display:none;
	}
	
	/*記事本文文字サイズ調整*/
	.article-body {
		font-size:100%;
	}
	
	
	#footer-nav .recruit-career-menu ul {
		letter-spacing:-0.3em;/*-1emを指定すると右に余白が生じる*/
		text-align: left;
		box-sizing:border-box;
		border-top:1px solid #008c8c;
		/*line-height: 80px;*//*liの高さに合わせる（vertical-align対策）*/
	}

	#footer-nav .recruit-career-menu li {
		letter-spacing: normal; /* 文字間を元に戻す */
		display:inline-block;
		width:50%;
		text-align:center;
		/*height:80px;*/
		/*padding-top:4.5vw;*/
		/*padding-bottom:4.5vw;*/
		box-sizing:border-box;
		border-bottom:1px solid #008c8c;
	}

	#footer-nav .recruit-career-menu  li:nth-child(odd){
		/*border-left:1px solid #008c8c;*/
		border-right: 1px solid #008c8c;
	}

	#footer-nav .recruit-career-menu li:nth-child(even){
	}
	
	#footer-nav .recruit-career-menu li > a {
		display:block;
		padding-top:4.5vw;
		padding-bottom:4.5vw;
		transition: all .6s;/*マウスアウト時*/
	}
	
	#footer-nav .recruit-career-menu li > a:hover {
		background-color:#008c8c;
		color:#fff;
		transition: all .6s;/*マウスオーバー時*/
	}

	
}

@media screen and (max-width: 700px) {
	header#header {
		text-align:center;
	}
	
	/*2ブロックを１ブロックに変更*/
	.block-half {
		display:block;
		width:100%;
		margin-top:1em;
	}
	.block-wrap-frame .block-half:nth-child(odd) {
		margin-right: 0%;
	}
	
	/**/
	.block-conversation{
		padding: 0;
	}
}

/*responsive.cssの設定値をクリア*/
@media screen and (max-width: 640px) {
	img {
		display:inline-block;
		margin:0 auto;
	}
	
	small {
		background-color: transparent;
	}
}


@media screen and (max-width: 550px) {
	#header {
		font-size:85%;
	}
	
	#header img {
		height:120px;
	}
	
	div#index {
		/*width: 90%;*/
	}
	
	div.block-wrap {
		width:90%;
	}
	
	div.block-left,div.block-right{
		display:block;
		width:100%;
	}
	
	div.block-left {
		padding-bottom: 0;
	}
	
	.title-interview {
		margin-bottom:1em;
	}
	
	.excerpt {
		font-size:130%;
		margin-bottom:0.5em;
	}
	
	.staff-name {
		text-align:right;
		font-size:115%;
	}
	
	.block-wrap-frame{
		width:90%;
	}

}



/*cwインタビューページの写真ギャラリー*/
#tanakasphoto {
	width:80%;
	margin: 0 auto;
	margin-top:5em;
	padding: 2em;
	border: 1px solid #d3d3d3;
	border-radius: 15px;
}

@media screen and (max-width: 550px) {
	#tanakasphoto {
		width:100%;
		margin: 0 auto;
		margin-top:5em;
		padding: 2em;
		padding-left:1em;
		padding-right: 1em;
		border: 1px solid #d3d3d3;
		border-radius: 15px;
	}
}

#tanakasphoto img {
	width:40%;
	margin-bottom:2em;
}

/*modulaを連続して並べる場合の上のmodulaとのマージン*/
.modula-items {
	margin-bottom:0.6em;
}