@charset "utf-8";
/* CSS Document */

/* ************************************************ 
 *	
 *	ページのデザイン
 *	
 * ************************************************ */
.no_post{
	background:#f5f5f5;
	text-align:center;
	padding:20% 2em;
	color:#aaa;
}

/* 横幅が100％
------------------------------------------------------------------*/
@media only screen and  ( max-width : 768px ) {
	.page_width100{
		width:111.5%;
		position: relative;
		left:-6%;
		overflow:hidden;
	}
}

/* ************************************************ 
 *	
 *	アーカイブタイトル
 *	
 * ************************************************ */
div.archives-title{
	padding:1em;
	margin-bottom:1em;
	text-align:center;
	color:#48a6e6;
	background:#f5f5f5;
}

/* ************************************************ 
 *	
 *	WPブログページ共通
 *	
 * ************************************************ */
/* -----------------------タイトル----------------------- */
.single_box .entry-title h2{
	font-size:160%;
	padding-bottom:0.4em;
	margin-bottom:0.4em;
	line-height:160%;
	letter-spacing:3px;
	border-bottom:1px solid #aaa;
}
.info_date{
	color:#48a6e6;
	font-size:80%;
}

.entry-title .info_date{
	text-align:right;
	margin-bottom:1em;

}
/* -----------------------本文---------------------- */
.single_txt{
	font-size:100%;
	line-height:180%;
	padding-bottom:2em;
}


.entry-tax{
	text-align:right;
}
.entry-tax a{
	display:inline-block;
	padding:0.2em 2em;
	border:1px solid #aaa;
	color:#aaa;
	background:#fff;
	font-size:80%;
}
.entry-tax a:hover{
	border:1px solid #013d95;
	color:#013d95;
}
.single_txt a{font-weight:bold;}
.single_txt h1,
.single_txt h2,
.single_txt h3,
.single_txt h4,
.single_txt h5,
.single_txt h6,
.single_txt h7{line-height:130%;}

.single_txt h1{font-size:180%; margin-bottom:1em;}
.single_txt h2{font-size:150%; margin-bottom:1em;}
.single_txt h3{font-size:120%; margin-bottom:0.8em;}
.single_txt h4,
.single_txt h5,
.single_txt h6,
.single_txt h7{font-size:110%}

.single_txt p{
	margin-bottom:1em;
}
blockquote{
	background:#f6f6f6;
	padding:5%;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-size:95%;
}
blockquote p{
	line-height:160%;
}
blockquote p{
	margin:0px;
}
.wp-caption{
	background:#fff;
	text-align:center;
	margin-bottom:20px;
	padding:1.2% 1% 0% 1%;
	border:1px solid #ccc;
	max-width:97%;
}
p.wp-caption-text{
	font-size:80%;
	padding:2%;
	text-align:left;
	line-height:140%;
	color:#000;
	font-style:italic;
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 2%;
	margin-bottom: 1em;
	max-width:46%;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 2%;
	margin-bottom: 1em;
	max-width:46%;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
}
img.alignleft,
img.alignright,
img.aligncenter {
}
.alignnone{
	float:none;
}
/* -----------------------ギャラリー---------------------- */
.gallery{
	margin-bottom:2em !important;
}

.gallery-item{
	position: relative;
	overflow:hidden;
}
.gallery-item img{
	margin:3%;
	width:94%;
	height:auto;
	border:1px solid #aaa !important;
	box-sizing:border-box;
}
.gallery-caption{
	text-align:center !important;
	font-size:90%;
	line-height:160%;
	width:94%;
	padding:0em 3%;
}
@media only screen and  ( max-width : 768px ) {
	.gallery-columns-4 .gallery-item,
	.gallery-columns-5 .gallery-item,
	.gallery-columns-6 .gallery-item,
	.gallery-columns-7 .gallery-item,
	.gallery-columns-8 .gallery-item,
	.gallery-columns-9 .gallery-item,
	.gallery-columns-10 .gallery-item{
			width: 50% !important;
	}
	.gallery-caption{
		font-size:70%;
		line-height:160%;
	}
}










/* ************************************************ 
 *	
 *	サイドメニュー
 *	
 * ************************************************ */

.sidebar_block {
	margin-bottom:2em;
}
.sidebar_block h4{
	font-size:100%;
	padding-left:1em;
	border-left:5px solid #0070bc;
}

ul.side_blog_menu{
	border-top:1px solid #ccc;
}
ul.side_blog_menu li a{
	border-left:5px solid #aaa;
	-moz-background-size:8px 8px;
	background-size:8px 8px;
	padding:0.8em 0em 0.8em 1.5em;
	display:block;
	line-height:140%;
	border-bottom:1px solid #ccc;
	font-size:80%;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
@media print, screen and ( min-width : 768px ) {
	ul.side_blog_menu li a:hover{
		background:#f5f5f5;
		-moz-background-size:8px 8px;
		background-size:8px 8px;
	}
}
@media only screen and  ( max-width : 768px ) {
	ul.side_blog_menu li a{
		background:#f5f5f5 url(images/common/icon.png) 0.5em 50% no-repeat;
		-moz-background-size:8px 8px;
		background-size:8px 8px;
	}
}

/* ************************************************ 
 *	
 *	ブログ一覧
 *	
 * ************************************************ */

.loop_box{
	margin-bottom:1em;
	padding-bottom:1em;
	border-bottom:1px solid #aaa;
}
.loop_box .entry-title{
	margin-bottom:0.5em;
}

.loop_postthumb{
	width:20%;
	float:left;
}
.loop_posttext{
	width:75%;
	float:right;

}
.loop_posttext h3{
	font-size:120%;
	line-height:140%;
	padding-top:0.5em;

}
.loop_excerpt{
	padding-top:0.5em;
	font-size:90%;
	line-height:140%;
	color:#333;
}


/* ************************************************ 
 *	
 *	PAGER
 *	
 * ************************************************ */
.pager{
	clear: both;
	text-align:center;
	padding:1em 0em;
	font-weight:bold;
}
.pager span,
.pager a{
	text-decoration: none;
	padding: 0.3em 0.7em;
	margin: 0.3em;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background:#fff;
	color: #777;
	border:1px solid #777;
}
.pager a:hover,
.pager .current{
	color: #fff;
	font-weight:bold;
	background:#777;
}
@media only screen and  ( max-width : 768px ) {
	/* smp */
	.wp-pagenavi .first,
	.wp-pagenavi .last, 
	span.extend,
	span.pages{display:none;}
}

/* ************************************************ 
 *	
 *	トップページ
 *	
 * ************************************************ */
/* スライド============================ */
#top_slide{
	z-index:1;
}
.s-text{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	padding-top:15%;
	z-index:3;
	text-align:center;
}
.s-text img{
	max-width:60%;
}
.s-nintei{
	position: absolute;
	right: 15px;
	bottom:15px;
	width:100%;
	text-align:right;
	z-index:3;
}
@media print, screen and ( min-width : 896px ) {
	.s-nintei{
		max-width:460px;
		width:40%;
	}
}

@media only screen and  ( max-width : 896px ) {
	.swiper-container{
		width:200%;
		margin-left:-50%;
	}
	.s-text{
		width:50%;
		padding-top:10%;
	}
	.s-text img{
		max-width:80%;
	}
	.s-nintei img{
		max-width:300px;
	}
	.s-nintei{
		position: absolute;
		right: 51%;
		bottom:10px;
		width:100%;
		text-align:right;
		z-index:3;
}
}

/* top padding
------------------------------------------------------------------*/
.wrap_padding{
	padding:2em 0em;
}
@media only screen and  ( max-width : 768px ) {
	.wrap_padding{
		padding:1em 0em;
	}
}
/* top_businessアイコン
------------------------------------------------------------------*/
#top_business{
	background: #ebf5fe; /* Old browsers */
	background: -moz-linear-gradient(top, #ebf5fe 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ebf5fe 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ebf5fe 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf5fe', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	padding:1em 0em;
	border-bottom:1px solid #e3e3e3;
	margin-top: 0px;
}
@media only screen and  ( max-width : 900px ) {
	#top_business{
		background: #ebf5fe;
	}
}
.top_business_icon {
}
.top_business_icon li{
	text-align:center;
	float:left;
}
.top_business_icon li a{
	display:block;
	padding:0.5em 0em 1em 0em;
	background: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow:3px 3px 8px 0px #c9def0;
	text-decoration: none !important;
}
.top_business_icon li img{
}
.icon_text{
	padding-top:0.3em;
	letter-spacing:0em;
	display:block;
	font-size:80%;
	line-height:140%;
	color:#000;
	height:2.5em;
	color:#043d96;

}
.icon_text a{

}
@media print, screen and ( min-width : 750px ) {
	.top_business_icon li{
		width:14.6%;
		margin:1%;
	}
}
@media only screen and  ( max-width : 750px ) {
	.top_business_icon li{
		width:31%;
		margin:1%;
	}
}
@media only screen and  ( max-width : 750px ) {
	.top_business_icon li a{
		text-decoration: none !important;
		background: #fff;
		padding:0.5em 0em 0.8em 0em;

		/* react native */
		{
		shadowColor:"#a2c7e8",
		shadowOffset:{width:0,height:0},
		shadowOpacity:1,
		shadowRadius:5
		}
	}
	.top_business_icon li img{
		width:30px;
	}
	.icon_text{
		font-size:70%;
		color:#006fbb;
	}
}




/* 風力ページのアイコン
------------------------------------------------------------------*/
.page_business_icon {

}
.page_business_icon li{
	padding:0.5em 1%;
}
.page_business_icon li a{
	display:block;
	text-align:center;
	border:1px solid #ccc;
	box-sizing:border-box;
	background: #ebf5fe; /* Old browsers */
	background: -moz-linear-gradient(top, #ebf5fe 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ebf5fe 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ebf5fe 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf5fe', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	padding:1em;
}


@media print, screen and ( min-width : 900px ) {
	.page_business_icon li{
		width:18%;
	}
}
@media only screen and ( max-width : 900px ) {
	.page_business_icon li{
		width:18%;
		font-size:80%;
	}
}
@media only screen and ( max-width : 600px ) {
	.page_business_icon li{
		width:31%;
	}
	.page_business_icon li img{
		width:40px;
	}
}

/* 新着ニュース
------------------------------------------------------------------*/
.top_news_title{
	font-size:180%;
	line-height:150%;
	padding-bottom:0.5em;
	margin-bottom:0.8em;
	letter-spacing:0.1em;
	text-align:center;
	position: relative;
}
.top_news_title:after{
	content: "";
	position: absolute;
	top: 100%;
	left: 45%;
	width:10%;
	height:2px;
	background:#036fba;
}
@media print, screen and ( min-width : 900px ) {
	#top_twocol_left{
		width:60%;
		float:left;
	}
	.top_fb{
		width:38%;
		float:right;
	}
	.fb-page{
		width:100%;
	}
}
@media only screen and  ( max-width : 900px ) {
	#top_twocol_left{
		margin-bottom:2em;
	}
	.fb-page{
		width:100%;
	}
}

ul.top_post_ul{
	margin-bottom:2em;
	border-top:1px solid #c6c6c6;
}
@media print, screen and ( min-width : 768px ) {
	ul.top_post_ul{
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
}


ul.top_post_ul li{
	border-bottom:1px solid #c6c6c6;
}
ul.top_post_ul a{
	padding:1em 4em 1em 1em;
	position: relative;
}
ul.top_post_ul a:after{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width:2em;
	height:100%;
	background:#f5f5f5 url(images/common/icon.png) 53% 50% no-repeat;
	-moz-background-size:10px 10px;
	background-size:10px 10px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
ul.top_post_ul a:hover:after{
	width:4em;
}
ul.top_post_ul .info_date{
	font-size:70%;
	line-height:120%;
	font-weight:bold;
}
.top_post_more{
	text-align:center;
}
.top_post_more a{
	border:1px solid #c6c6c6;
	background:#f5f5f5;
	padding:0.5em;
	color:#006ebd;
	text-align:center;
	display:inline-block;

}
.top_post_more a:before{
	content:"";
	display:inline-block;
	background:#f5f5f5 url(images/top/top_news_more.png) 0% 0% no-repeat;
	width:19px;
	height:17px;
	vertical-align:middle;
	position: relative;
	top:-1.5px;
	margin-right:0.5em;
}

/* top_banner
------------------------------------------------------------------*/
#top_banner{
	background:#f2f2f2;
	padding:1em 0em;
}
.top_banner_list li{
	margin-bottom:1em;
}



/* block_link
------------------------------------------------------------------*/
.top_banner_list .block_link{
	position: relative;
	border:1px solid #ccc;
	background:#f5f5f5 url(images/common/block_link_more.png) right bottom no-repeat;
	color:#013d95;
	font-weight:bold;
	text-decoration: none !important;
	font-size:110%;
}
.list_box{
	display: flex;
	justify-content: center;
	align-items: center;
	overflow:hidden;
}
.list_box .list_img{
	flex: 0 0 40%;
	justify-content: bottom;
	align-items: bottom;
}
.list_box .list_img img{
	width:100%;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.list_box .list_text{
	flex: 0 0 60%;
	justify-content: center;
	align-items: center;
}
.page_block_link{
	position: relative;
	border:1px solid #006fbb;
	background:#f5f5f5 url(images/common/block_link_more.png) right bottom no-repeat;
	color:#006fbb;
	font-weight:bold;
	text-decoration: none !important;
	font-size:120%;
}
.page_block_link .list_box{
	border:1px solid #fff;
}
.page_block_link .list_box .list_img{
	flex: 0 0 30%;
}
.page_block_link .list_box .list_text{
	flex: 0 0 70%;
}
.page_block_link .list_box .list_text span{
	padding:0% 10%;
	display:block;
}
@media only screen and  ( max-width : 600px ) {
	.page_block_link{
		font-size:90%;
		line-height:150%;
	}
	.page_block_link .list_box .list_img{
		flex: 0 0 45%;
	}
	.page_block_link .list_box .list_text{
		flex: 0 0 65%;
	}
}
/* 加藤総業の2つの特徴
------------------------------------------------------------------*/
.top_tokucyou_title{
	font-size:180%;
	line-height:150%;
	color:#fff;
	height:3em;
}
.top_tokucyou_title span{
	display:block;
	font-size:50%;
}
@media only screen and  ( max-width : 900px ) {
	.top_tokucyou_title{
		font-size:130%;
	}
}


.top_tokucyou_ul li{
	text-align:center;
	padding:2em 0em;
}
@media print, screen and ( min-width : 768px ) {
	.top_tokucyou_ul li{
		width:50%;
		float:left;
	}
}
@media only screen and  ( max-width : 768px ) {
	.top_tokucyou_ul img{
		width:80%;
		margin:0 auto;
	}
}
.top_tokucyou_1{
	background:#e97537;
}
.top_tokucyou_2{
	background:#0099dc;
}





/* ************************************************ 
 *	
 *	採用情報一覧
 *	
 * ************************************************ */
.recruit_loop_box{
	margin-bottom:2em;
}
.recruit_loop_text table{
	border:1px solid #fff;
}
.recruit_loop_text table td,
.recruit_loop_text table th,
.recruit_loop_text table{
	border:none;
	background:#fff;
	border-bottom:1px solid #aaa;
}

.recruit_loop_job_catch{
	font-size:90%;
}

/* ************************************************ 
 *	
 *	お問い合わせ
 *	
 * ************************************************ */

/* 電話番号・FAX番号・メールアドレスの表示 */


@media print, screen and ( min-width : 768px ) {
	ul.contact_number_list li{
		float:left;
		margin-right:1em;
		background:#f5f5f5;
		padding:0.5em 2em;
	}
}
@media only screen and  ( max-width : 768px ) {
	ul.contact_number_list li{
		padding-bottom:1em;
	}
}

.number a,
.number span{
	font-family: arial;
	font-size:130%;
	position: relative;
	color:#006fbb;
	font-weight:bold;
}
.number a,
.number a:hover{
	color:#006fbb;
	text-decoration: none !important;
}

.tel_link{
	color: #000;
	text-decoration: none !important;
}



@media only screen and  ( max-width : 768px ) {
	.number a,
	.number span{
		font-size:110%;
	}
	.tel_link,
	.number a{
		background:url(images/common/icon.png) 98% 50% no-repeat;
		-moz-background-size:10px 10px;
		background-size:10px 10px;
		border:1px solid #49a5e6;
		display:block;
		padding:0.5em 1em;
		cursor: pointer;
		cursor: hand;
		color:#49a5e6;
		font-weight:bold;
	}
	.tel_link{
		margin-bottom:0.1em;
		line-height:100%;
		padding:0.8em 1em 0.5em 1em;
	}
	.number span.fax{
		background:#f5f5f5;
		display:block;
		padding:0.5em 1em;
	}
}
/* 送信済みメール */
.send_block{
	background:#f5f5f5;
	padding:25px;
}
/* フォームデザイン */
.form{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	background:#f5f5f5;
	margin-bottom:20px;
}
.form dt{
	font-weight:bold;
	font-size:90%;
}
.required{
	background:#e94d48;
	color: #ffffff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size:60%;
	padding:0.2em 1em;
	margin-left:1em;
}
.send_bt{
	text-align:center;
}
.half_bikou textarea{
	height:100px;
}

@media print, screen and ( min-width : 768px ) {
	.form_dl01{
		border-bottom:1px solid #ccc;
	}
	.form_dl01 dt,
	.form_dl02 dt{
		padding:10px 0px 10px 2%;
	
	}
	.form_dl01 dt{
		width:28%;
		float:left;
	}
	.form_dl01 dd{
		border-left:1px solid #ccc;
		background:#fff;
		padding:10px 2%;
		width:65%;
		float:right;
	}
	.form_dl02 dd{
		border-top:1px solid #ccc;
		background:#fff;
		padding:10px 2%;
	}
	.meisai_form{
		border-bottom:1px solid #ccc;
	}
}
@media only screen and  ( max-width : 768px ) {
	.form dt{
		padding:0.5em;
	}
	.form dd{
		padding:0.5em;
		border-top:1px solid #ccc;
		background:#fff;
	}
	.form_dl01 dd{
		border-bottom:1px solid #ccc;
	}
}


/* ************************************************ 
 *	
 *	個人情報保護方針
 *	
 * ************************************************ */
.privacy{
	background:#F2F2F2;
	padding:5%;
	color:#000;
	line-height:150%;
	font-size:90%;
}
.privacy ul li{
	margin-bottom:1.5em;
}
.privacy p{
	font-weight:bold;
}

/* ************************************************ 
 *	
 *	風力
 *	
 * ************************************************ */

/* 横3列のリンク
------------------------------------------------------------------*/

ul.page_img_link_list li{
	border:1px solid #ccc;
	box-sizing:border-box;
}
ul.page_img_link_list a{
	position: relative;
	border:1px solid #ccc;
	border:1px solid #fff;
	text-decoration: none !important;
	display:block;
}
ul.page_img_link_list div{
	color:#013d95;
	font-weight:bold;
	font-size:110%;
	text-align:center;
	padding:1em;
	background: #ebf5fe; /* Old browsers */
	background: -moz-linear-gradient(top, #ebf5fe 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ebf5fe 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ebf5fe 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf5fe', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
ul.page_img_link_list a:after{
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	background:url(images/common/block_link_more.png) 0 0 no-repeat;
	width:30px;
	height:30px;
}
@media only screen and ( max-width : 768px ) {
	ul.page_img_link_list a:after{
		background:url(images/common/block_link_more.png) 0 0 no-repeat;
		-moz-background-size:15px 15px;
		background-size:15px 15px;
		width:15px;
		height:15px;
	}
}








@media print, screen and ( min-width : 768px ) {
	ul.page_img_link_list li{
		width:32%;
		float:left;
		margin-right:2%;
		margin-bottom:1.5%;
	}
	ul.page_img_link_list li:nth-child(3){
		margin-right:0%;
	}



}
@media only screen and  ( max-width : 768px ) {
	ul.page_img_link_list li{
		margin-bottom:1em;
	}
}
@media print, screen and ( min-width : 768px ) {
	.right_res{
		float:right;
		max-width:45%;
		padding-left:3em;
		background:#fff;
	}
	.left_res{
		float:left;
		max-width:45%;
		padding-right:3em;
		background:#fff;
	}
}
@media only screen and  ( max-width : 768px ) {
	.right_res,
	.left_res{
		margin-bottom:1em;
	}
}

/* Dl
------------------------------------------------------------------*/
.dl_list{font-size:90%;}
.dl_list dt{
	width:6em;
	float:left;
	padding:0.5em 0em;
}
.dl_list dd{
	border-bottom:1px solid #ccc;
	padding:0.5em 0em 0.5em 6em;
}


/* 風車GIF
------------------------------------------------------------------*/
.wind_gif{
	position: relative;
	margin:0em auto 1em auto;
	width:611px;
	z-index:1;
}
.wind_gif_fusya{
	position: absolute;
	top: -30px;
	left: 3px;
	z-index:4;
}
.load {
	width: 190px;
	height: 190px;
	-webkit-animation: spin 2.5s linear infinite;
	-moz-animation: spin 2.5s linear infinite;
	-ms-animation: spin 2.5s linear infinite;
	-o-animation: spin 2.5s linear infinite;
	animation: spin 2.5s linear infinite;
}
@-webkit-keyframes spin {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes spin {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}
}
@-o-keyframes spin {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(360deg);}
}
@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

@media only screen and  ( max-width : 700px ) {
	.wind_gif{
		width:290px;
	}
	.wind_gif_fusya{
		position: absolute;
		top: -20px;
		left: -2px;
	}
	.load {
		width: 100px;
		height: 100px;
	}
}


/* 発電所の紹介
------------------------------------------------------------------*/
.plant_map{
	background:#49a5e6;
	padding:10% 0% 0% 0%;
	text-align:center;
	position: relative;
}
.plant_map_link{
	width:30%;
}
.plant_map_link a{
	border:3px solid #006fbb;
	background:#fff;
	text-decoration: none !important;
	display:block;
	font-weight:bold;
}
.plant_map_link a:after{
	content: "";
	width:100%;
	height:15px;
	display:block;
	background:#006fbb url(images/page/windmap_icon.png) 50% 50% no-repeat;
	-moz-background-size:10px 7px;
	background-size:10px 7px;
}
.plant_map_link span{
	display:block;
	padding:1em 0em;
	letter-spacing:0px;
}
@media only screen and  ( max-width : 768px ) {
	.plant_map_link span{
		font-size:60%;
		line-height:120%;
		padding:0.5em 0em;
	}
}
.plant_map_01{
	position: absolute;
	top: 17%;
	left: 5%;
}
.plant_map_02{
	position: absolute;
	top: 60%;
	left: 5%;
}
.plant_map_03{
	position: absolute;
	top: 25%;
	right: 5%;
}
.plant_map_04{
	position: absolute;
	top: 65%;
	right: 8%;
}

/* 風力発電のお仕事
------------------------------------------------------------------*/
.job_block_title{
	position: relative;
	color:#fff;
	background:#49a5e6;
}
.jbt_t{
	font-size:180%;
	margin-bottom:1em;
}
@media print, screen and ( min-width : 768px ) {
	.jbt_img{
		width:50%;
	}
	.jbt_text{
		width:40%;
		padding:5%;
	}
	.jbt_right .jbt_img{
		float:left;
	}
	.jbt_right .jbt_text{
		float:right;
		font-size:100%;
	}
	.jbt_left .jbt_img{
		float:right;
	}
	.jbt_left .jbt_text{
		float:left;
		font-size:120%;
	}
}
@media only screen and  ( max-width : 768px ) {
	.jbt_img img{
		width:100%;
	}
	.jbt_text{
		padding:1em;
	}
}
.plant_job_info{
	margin-top:-2em;
}
.plant_job_info li,
.plant_job_info02 li{
	text-align:center;
	position: relative;
	font-size:90%;
	line-height:150%;
	color:#006fbb;
	font-weight:bold;
}


.plant_job_info li:after{
	content: "";
	position: absolute;
	top: 40%;
	left: -10px;
	margin-top:-10px;
	background:url(images/page/plant_job_info.png) 0% 0% no-repeat;
	-moz-background-size:20px 20px;
	background-size:20px 20px;
	width:20px;
	height:20px;
}
@media only screen and  ( max-width : 768px ) {
	.plant_job_info li:after{
		left: -4px;
		margin-top:-5px;
		background:url(images/page/plant_job_info.png) 0% 0% no-repeat;
		-moz-background-size:10px 10px;
		background-size:10px 10px;
		width:10px;
		height:10px;
	}
}
.plant_job_info li:nth-child(1):after{
	display:none;
}
.pji_img{
	width:100%;
	height:auto;
	overflow:hidden;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	margin-bottom:1em;
	position: relative;
}
@media print, screen and ( min-width : 768px ) {
	.plant_job_info li,
	.plant_job_info02 li{
		width:16%;
		float:left;
		padding:2%;
	}
}
@media only screen and  ( max-width : 768px ) {
	.plant_job_info li,
	.plant_job_info02 li{
		width:29%;
		float:left;
		padding:2%;
	}
	.plant_job_info li:nth-child(4),
	.plant_job_info02 li:nth-child(4){
		margin-left:18%;
	}
}




/* 風力発電のお仕事ページリンク
------------------------------------------------------------------*/
ul.page_job_link_list li{
	padding:3%;
}
ul.page_job_link_list  a{
	position: relative;
	text-decoration: none !important;
	display:block;

}
ul.page_job_link_list div{
	text-align:center;
	padding:1em 0em;
	color:#fff;
	font-size:150%;
}
ul.page_job_link_list div:before{
	content: "";
	display:inline-block;
	background:url(images/common/icon_white.png) 5% 50% no-repeat;
	-moz-background-size:15px 15px;
	background-size:15px 15px;
	width:15px;
	height:15px;
	margin-right:0.5em;
}

@media print, screen and ( min-width : 768px ) {
	ul.page_job_link_list li{
		width:44%;
		float:left;
	}
	ul.page_job_link_list div{
		background: rgba(0,111,187,0.8);
		position: absolute;
		left: 0;
		bottom: 0;
		width:100%;
	}
}
@media only screen and  ( max-width : 768px ) {
	ul.page_job_link_list li a{
		background:#006fbb;
	}
	ul.page_job_link_list li img{
		width:50%;
		float:left;
	}
	ul.page_job_link_list li div{
		width:50%;
		float:right;
		padding-top:3em;
		padding-bottom:0em;
		font-size:110%;
	}
	ul.page_job_link_list div:before{
		background:url(images/common/icon_white.png) 5% 50% no-repeat;
		-moz-background-size:10px 10px;
		background-size:10px 10px;
		width:10px;
		height:10px;
	}

}



















/* 採用情報
------------------------------------------------------------------*/

.recruit_messeage_block{
	background:#f5f5f5;
}
.recruit_messeage_ul{
	padding:1em;
}
.recruit_messeage_ul li{
	padding:1em;
}
.recruit_messeage_ul li div{
	position: relative;
	margin-bottom:0em;
	padding:1em 1em 1em 1em;
	border:2px solid #ccc;
	-moz-background-size:10px 10px;
	background-size:10px 10px;
	margin-left:90px;
	background:#fff;
}
.recruit_messeage_ul li div:after{
	content: "";
	position: absolute;
	top: 2em;
	left: -11px;
	width:11px;
	height:15px;
	margin-top:-15px;
	background:url(images/page/recruit_fukidashi.png) 0% 0% no-repeat;
	-moz-background-size:11px 15px;
	background-size:11px 15px;
}

.recruit_messeage_ul li img{
	float:left;
	margin-top:0.5em;
}
@media only screen and  ( max-width : 768px ) {
	.recruit_messeage_ul li{
		padding:0.5em;
	}
	.recruit_messeage_ul li div{
		margin-left:60px;
		font-size:90%;
		line-height:180%;
	}
	.recruit_messeage_ul li img{
		width:50px;
	}
}

/* 採用Q&A
------------------------------------------------------------------*/
.recruit_faq .icon_q{
	font-weight:bold;
	margin-bottom:1em;
	padding:20px 0px 10px 40px;
	border-bottom:1px solid #0070bc;
	color:#0070bc;
	font-size:130%;
	position: relative;
}
.recruit_faq .icon_a{
	margin-bottom:1em;
	background:#f5f5f5;
	padding:1em 1em 1em 40px;
	position: relative;
	margin-left:1.5em;
}

.recruit_faq .icon_q:after{
	content: "";
	position: absolute;
	top: 0.5em;
	left: 0em;
	width:30px;
	height:30px;
	background:url(images/page/icon_q.png) 0% 0% no-repeat;
		-moz-background-size:30px 30px;
		background-size:30px 30px;
}
.recruit_faq .icon_a:after{
	content: "";
	position: absolute;
	top: -0.5em;
	left: -1em;
	width:30px;
	height:30px;
	background:url(images/page/icon_a.png) 0% 0% no-repeat;
		-moz-background-size:30px 30px;
		background-size:30px 30px;
}
@media print, screen and ( min-width : 768px ) {
	.recruit_faq_block{
		padding:0em 1em;
	}
}
@media only screen and  ( max-width : 768px ) {
	.recruit_faq .icon_a{
		margin-left:1em;
	}
}

.recruit_faq .icon_a .icon_list li{
	background:#f5f5f5 url(images/common/icon.png) 1em 0.5em no-repeat;
	-moz-background-size:8px 8px;
	background-size:8px 8px;
	margin-bottom:1em;
	line-height:150%;
	margin-left:-1em;
}
@media print, screen and ( min-width : 768px ) {
	.faq_img_right{
		width:40%;
		float:right;
	}
	.faq_img_right_text{
		width:57%;
		float:left;
	}
	.faq_img_left{
		width:40%;
		float:left;
	}
	.faq_img_left_text{
		width:57%;
		float:right;
	}
}
@media only screen and  ( max-width : 768px ) {
	.faq_img_right,
	.faq_img_left{
		margin-bottom:1em;
	}
}

/* 職業別仕事紹介
------------------------------------------------------------------*/
.img_top_title_text{
	font-size:230%;
	line-height:160%;
	color:#fff;
	font-weight:bold;
	letter-spacing:0.3em;
	background-color: rgba(0,0,0,0.3);
	padding:2em 0em;
}
@media only screen and  ( max-width : 768px ) {
	.img_top_title_text{
		font-size:120%;
		padding:2em 0em;
	}
}
.wind_job_title{
	background:url(images/page/wind_job_title.jpg) 0% 0% no-repeat;
	background-size: cover;
	-moz-background-size:cover;
}
.job_title{
	background:url(images/page/job_title0716-2.jpg) center top no-repeat;
	background-size: cover;
	-moz-background-size:cover;
}

/* 社長あいさつ
------------------------------------------------------------------*/

@media print, screen and ( min-width : 768px ) {
	.greeting_img{
		width:28%;
		float:left;
	}
	.greeting_text{
		width:69%;
		float:right;
	}
}
@media only screen and  ( max-width : 768px ) {
	.greeting_img{
		width:50%;
		margin-left:25%;
		padding:2em 0em;
	}
}

/* ヒストリー
------------------------------------------------------------------*/
@media print, screen and ( min-width : 768px ) {
	.history_contents{
		position: relative;
		background:url(images/page/history_bg.png) 50% 0% repeat-y;
		padding:3em 0em;
	}
}
@media only screen and  ( max-width : 768px ) {
	.history_contents{
		position: relative;
		background:url(images/page/history_bg.png) 0% 0% repeat-y;
		padding:3em 0em;
	}
}
.history_block{
	background:#fff;
	position: relative;
	/* box-shadow */
	box-shadow:0px 5px 7px 2px #f5f5f5;

	/* react native */
	{
	shadowColor:"#f5f5f5",
	shadowOffset:{width:0,height:5},
	shadowOpacity:1,
	shadowRadius:7
	}
}

.history_block_img_left,
.history_block_img_right{
}
.history_block_img_left h5,
.history_block_img_right h5{
	border-left:none;
	background:none;
	padding:0.5em 0em 0em 0em;
	font-weight:normal;
	font-size:90%;
}

.history_block h5{
	border-left:none;
	background:none;
	padding:0em;
	font-weight:bold;
	color:#043d96;
	margin-bottom:0.2em;
}
@media print, screen and ( min-width : 768px ) {
	.history_block{
		width:45%;
		margin-bottom:3em;
	}
	.history_block_img_left,
	.history_block_img_right{
		margin-top:-8em;
		margin-bottom:5em;
	}

	.history_block_img_left{
		width:45%;
	}
	.history_block_left:after{
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		left:100%;
		width:11%;
		background:#aaa;
		height:1px;
	}
	.history_block_right{
		position: relative;
		left:55%;
	}
	.history_block_img_right{
		width:45%;
		position: relative;
		left:55%;
	}
	.history_block_right:after{
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		left:-11%;
		width:11%;
		background:#aaa;
		height:1px;
	}
	.pc_mgtop8{
		margin-top:-8em;
	}
}
@media only screen and  ( max-width : 768px ) {
	.history_block{
		width:90%;
		margin-left:10%;
		margin-bottom:1em;
	}
	.history_block:after{
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		left:-11%;
		width:11%;
		background:#aaa;
		height:1px;
	}
	.history_block_img_left,
	.history_block_img_right{
		width:85%;
		margin-left:15%;
		margin-bottom:3em;
	}


}
.last_history{
	margin-bottom:8em;
}
.hblock_inner{
	border:1px solid #aaa;
	display: block;
	position: relative;
}
.inner_text{
	padding:1.5em;
	font-size:90%;
	line-height:160%;
}
.inner_text p{
	margin-bottom:0em;
}
.inner_text img{
	position: relative;
	margin:0px !important;
}
.hisyory_center_text{
	background:#fff;
	font-size:150%;
	line-height:160%;
	padding:0.5em 2em;
	border:1px solid #aaa;
}
.hisyory_center_text span{
	font-size:120%;
	color:#043d96;
}
@media print, screen and ( min-width : 768px ) {
	.hisyory_center_text{
		text-align:center;
		width:30%;
		margin:0px auto;
	}
}
@media only screen and  ( max-width : 768px ) {
	.hisyory_center_text{
		position: relative;
		left:-2%;
	}
}

/* aniamtion
------------------------------------------------------------------*/
.animation,
.animation2 {
	opacity: 0;
}
/* fadeInDown---------------------- */
.fadeInDown {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-name:	fadeInDown;
	animation-name:	fadeInDown;
	visibility:	visible	!important;
}
@-webkit-keyframes fadeInDown {
	0% { opacity: 0; -webkit-transform: translateY(0); }
	100% { opacity: 1; -webkit-transform: translateY(-10px); }
}
@keyframes fadeInDown {
	0% { opacity: 0; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); }
	100% { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }
}

/* fadeInDown2---------------------- */
.fadeInDown2 {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-name:	fadeInDown2;
	animation-name:	fadeInDown2;
	visibility:	visible	!important;
}
@-webkit-keyframes fadeInDown2 {
	20% { opacity: 0; -webkit-transform: translateY(10px); }
	100% { opacity: 1; -webkit-transform: translateY(0px); }
}
@keyframes fadeInDown2 {
	20% { opacity: 0; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); }
	100% { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }
}

/* 120周年
------------------------------------------------------------------*/
.logo_120th{
	text-align:center;
	padding-top:2em;
}
@media only screen and  ( max-width : 768px ) {
	.logo_120th img{
		width:50%;
	}
}
.page_link120 li{
	position: relative;
}
.page_link120 li a{
	display:block;
	text-decoration: none !important;
	width:100%;
	position: relative;
}
.page_link120 li a span{
	background:#0070bc url(http://katosogyo.co.jp/wp/wp-content/themes/katousougyo2019-2/css/images/common/icon_white.png) 5% 50% no-repeat;
	-moz-background-size:10px 10px;
	background-size:10px 10px;
	color:#fff;
	padding:0.8em 0.8em 0.8em 1.5em;
	display:inline-block;
	font-size:80%;
}
.page_link_inner{
	padding-top:1em;
	background:#f5f5f5;
}
.p_link01 span{
	position: absolute;
	bottom:-1.5em;
	left:2em;
}
.p_link02 span{
	position: absolute;
	bottom:-1.5em;
	right:2em;
}
@media print, screen and ( min-width : 768px ) {
	.page_link120 li{
		width:49%;
		float:left;
	}
	.page_link120 li:last-child{
		float:right;
	}
	.page_link120 li{
		padding-bottom:5em;
	}
}
@media only screen and  ( max-width : 768px ) {
	.page_link120 li{
		padding-bottom:3em;
	}
	.p_link01 span,
	.p_link02 span{
		font-size:60%;
		padding:0.3em 0.5em 0.3em 2em;
		line-height:110%;
	}


}
.interview_block{
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
}
.interview_title{
	position: relative;
	margin-bottom:4em;
}

@media print, screen and ( min-width : 768px ) {
	#link01 .interview_title_name,
	#link01 .interview_title_text{
		padding-right:43%;
	}
	#link01 .interview_title_img{
		position: absolute;
		top:0em;
		right:-1em;
		width:40%;
	}
	#link02 .interview_title_name,
	#link02 .interview_title_text{
		padding-left:43%;
	}
	#link02 .interview_title_img{
		position: absolute;
		bottom:0em;
		left:0em;
		width:40%;
	}
}
@media only screen and  ( max-width : 768px ) {
	.interview_title_img{
		display:none;
	}
}
.interview_block h3{
	background:#fff;
	padding:1em 0em 0em 3em;
	border:none;
	margin-bottom:1em;
	color:#555;
}
.interview_block h3:after {
	content: "";
	position: absolute;
	top: 1.6em;
	left:0px;
	width:2.5em;
	height:1px;
	background:#ccc;
}

.interview_last{
	color:#555;
	background:#f5f5f5;
	padding:5% 5% 1% 5%;
}
@media print, screen and ( min-width : 768px ) {
	.interview_last{
		font-size:120%;
		line-height:180%;
	}
}

.interview_last h4{
	background:none;
	padding:0em 0em 0.5em 0em;
	border:none;
	margin-bottom:0.5em;
	border-bottom:1px solid #043d96;
	color:#043d96;
	font-size:150% !important;
	letter-spacing:0.2em;
}
@media only screen and  ( max-width : 768px ) {
	.interview_last h4{
		font-size:110% !important;
	}
}
@media print, screen and ( min-width : 768px ) {
	.interview_img_right{
		width:45%;
		float:right;
		margin-left:2em;
		margin-bottom:2em;
	}
	.interview_img_left{
		width:45%;
		float:left;
		margin-right:2em;
		margin-bottom:2em;
	}
}
@media only screen and  ( max-width : 768px ) {
	.interview_img_right,
	.interview_img_left{
		margin-bottom:1em;
	}
}
@media print, screen and ( min-width : 768px ) {
	.interview_big_text{
		font-size:120%;
	}
}
/* ************************************************ 
 *	
 *	TOPページお知らせ追加
 *	
 * ************************************************ */
.top_post_ul2 a{
	text-decoration: none !important;
	position: relative;
}
.top_posttitle{
	font-size:95%;
}
.top_postthumb{
	position: relative;
}
.top_news_icon{
	position: absolute;
	top: 0;
	right: 0;
	display:inline-block;
	background:#036fba;
	color:#fff;
	padding:0em 0.8em;
	font-size:70%;
}
.top_info_date{
	font-size:90%;
	margin-bottom:0.5em;
	color:#036fba;
}
.top_info_title{
	letter-spacing:0em;
}
@media print, screen and ( min-width : 768px ) {
	.top_postthumb{
		margin-bottom:0.7em;
	}
}
@media only screen and ( max-width : 768px ) {
	.top_post_ul2 a{
		padding-right:2em;
	}
	.top_post_ul2 a:after{
		content: "▼";
		display:block;
		position: absolute;
		top: 55%;
		right: 1em;
		width:1em;
		font-size:80%;
		color:#036fba;
		transform: rotate(-90deg);
	}
	.top_postthumb{
		width:150px;
		float:left;
	}
	.top_posttitle{
		padding-left:160px;
	}
}
.top_post_ul2 li{
	margin-bottom:3em;
}
@media print, screen and ( min-width : 1000px ) {
	.top_post_ul2 li{
		width:23%;
		float:left;
		margin-right:2.6%;
	}
	.top_post_ul2 li:nth-of-type(4n){
		margin-right:0%;
	}

}
@media ( max-width : 1000px ) and ( min-width : 768px ) {
	.top_post_ul2 li{
		width:31%;
		float:left;
		margin-right:3.5%;
	}
	.top_post_ul2 li:nth-of-type(3n){
		margin-right:0%;
	}
}
@media only screen and ( max-width : 768px ) {
	.top_post_ul2 li{
		width:100%;
		padding:1em 0em;
		margin-bottom:0em;
		border-bottom:1px solid #f5f5f5;
	}
}
/* TOPバナー
------------------------------------------------------------------*/
#top_twocol2{
	background:#f2f2f2;
	padding:3em 0em;
}
.top_banner_list2 li{
	margin-bottom:2em;
	position: relative;
}
.list_img2 img{
	width:100%;
}
.list_text2{
	position: absolute;
	bottom: 0;
	bottom: 0;
	background-color:rgba(0,76,130,0.7);
	color:#fff;
	width:90%;
	padding:0.5em 5%;
	font-weight:bold;
}
.list_text2 span{
	font-weight:normal;
	font-size:70%;
	margin-left:0.8em;
	display:inline-block;
}

@media print, screen and ( min-width : 700px ) {
	.top_banner_list2 li{
		width:48%;
		float:left;
		margin-right:4%;
	}
	.top_banner_list2 li:nth-of-type(2n){
		margin-right:0%;
	}
}
@media only screen and ( max-width : 700px ) {
	.top_banner_list2 li{
		width:80%;
		margin-left:auto;
		margin-right:auto;
	}
}
.top_sns_link{
	text-align:center;
	padding-top:2em;
}
.top_sns_link li{
	display:inline-block;
}