@charset "utf-8";
@import url(base.css);
@import url(cmn.css);


/*---------------------------------------------------------
　階層ページ共通
---------------------------------------------------------*/

#topicPath {width:auto;background:#f2f2f2;padding:15px 20px 10px;margin-bottom:30px;}
#topicPath ul {color:#666;text-align:left;}
#topicPath ul li {display:inline-block;font-size:12px;line-height:1;}
#topicPath ul li a {color:#666;}
#topicPath ul li a:after {content:"＞";padding:0 0 0 6px;}

main {width:1140px;display:block;padding-bottom:50px;}
#colMain {width:750px;float:left;}
#colSide {width:355px;float:right;margin-top:60px;}

#colMain h2 {font-size:30px;line-height:1;padding-bottom:30px;border-bottom:1px solid #ccc;text-align:left;margin-bottom:20px;font-weight:bold;}
#colMain section {width:100%;}

	/*--CLEAR--*/
	main:after {content:"";display:table;clear:both;zoom:1;}





/* 見出し -------------------------------------- */
#colMain h2 {font-size:30px;line-height:1;padding-bottom:30px;border-bottom:1px solid #ccc;text-align:left;margin-bottom:20px;font-weight:bold;}

	/* 左赤ライン+グレー背景 */
	.th3 {font-size:16px;font-weight:bold;background:#f2f2f2;border-left:6px solid #e85a49;padding:17px 0 17px 15px;line-height:1;margin-bottom:20px;}

	/* 左赤ライン+グレー背景なし */
	.th4 {font-size:16px;font-weight:bold;border-left:6px solid #e85a49;padding:7px 0 6px 15px;line-height:1;margin-bottom:10px;}

	/* グレー背景+文字色 白 */
	.th5 {font-size:16px;font-weight:bold;background:#666;padding:10px;line-height:1;color:#fff;}

	/* 文字色 赤 */
	.thR {font-size:20px;font-weight:bold;color:#e85a49;line-height:1.6;margin-bottom:20px;text-align:left;}



/* 表組 -------------------------------------- */
table.base {
	border-collapse:collapse;border-spacing:0px;
	width:100%;
	margin:0;
	clear:both;
	border:1px solid #ccc;
	font-size:14px;
}
table.base th {
	padding:15px 20px 13px 20px;
	width:22%;
	border:1px solid #ccc;
	border-right:0;
	text-align:left;
	background:#f2f2f2;
	font-weight:lighter;
	vertical-align:top;
}
table.base td {
	padding:15px 20px 13px 20px;
	width:78%;
	border:1px solid #ccc;
	border-left:0;
	line-height:1.5;
	text-align:left;
}

	/*--CLEAR--*/
	main ul:after,
	#colMain section:after{content:"";display:table;clear:both;zoom:1;}




/* ---------------------------------- PC --*/
@media screen and (min-width: 1140px) {


}	/* end */


/* ---------------------------------- タブレット　横 --*/
@media screen and (min-width: 960px) and (max-width: 1140px) {

	main {width:auto;margin:0 20px;padding-bottom:50px;}
	#colMain {width:67%;}
	#colSide {width:30%;}

}	/* end */


/* ---------------------------------- タブレット縦 --*/
@media screen and (min-width: 600px) and (max-width: 959px){

	main {width:100%;padding-bottom:0;}
	#colMain {width:94%;float:none;margin:0 auto;}
	#colSide {width:100%;float:none;}

}	/* end */


/* ---------------------------------- スマホ --*/
@media screen and (max-width: 599px) {

	main {width:100%;padding-bottom:0;}
	#colMain {width:94%;float:none;margin:0 auto;}
	#colSide {width:100%;float:none;}
	#colMain h2 {font-size:18px;padding-bottom:20px;}

	table.base {border:none;font-size:15px;/*width:auto;*/}
	table.base th,
	table.base td {border:none;display:block;width:auto;word-break: break-word;}
	table.base th {padding:10px;}
	table.base td {padding:15px 0;}

	.th3 {line-height:1.4;}
	.thR {font-size:18px;}
        .contact-time{display:block;}

}	/* end */






/*---------------------------------------------------------
　#colSide MENU
---------------------------------------------------------*/
#conMenu {background:#efefef;padding:20px 6px 1px 6px;margin-bottom:30px;}
#conMenu h3 {font-size:16px;font-weight:bold;margin:0 0 20px 10px;text-align:left;}

#conMenu ul {text-align:left;}
#conMenu ul li {font-size:16px;text-align:left;margin-bottom:6px;line-height:1;}
#conMenu ul li a {display:block;background:#fff;padding:15px 6px;}
#conMenu ul li a:before {
	content:"";
	background:url(../img/common/icons.png) 0 -72px no-repeat;
	padding:0 0 0 15px;
}
#conMenu ul li a:hover {color:#e85a49 !important;text-decoration:underline;}
#conMenu ul li.current a {color:#e85a49;}

#conMenu ul.li2nd li {margin:1px 0 0 0;background:#fff;font-size:14px;line-height:1;padding-left:1em;}
#conMenu ul li.current ul.li2nd li a {color:#333;}

#conMenu ul.li2nd li a span.out:after {
	content:"";
	display:inline-block;
	width:12px;
	height:12px;
	background:url(../img/common/icons.png) 0 0 no-repeat;
	margin-left:10px;
}


/* ---------------------------------- PC --*/
@media screen and (min-width: 1140px) {


}	/* end */


/* ---------------------------------- タブレット　横 --*/
@media screen and (min-width: 960px) and (max-width: 1140px) {

	#infoBnr {width:100%;}
	#infoBnr ul li img {width:100%;height:auto;}


}	/* end */


/* ---------------------------------- タブレット縦 --*/
@media screen and (min-width: 600px) and (max-width: 959px){

	#conMenu {display:none;}

	#infoBnr {
		width:100%;
		float:none;
		background:#f2f2f2;
		padding:20px 0;

		-moz-box-shadow: inset 0 8px 12px -8px rgba(0,0,0,.2);
		-webkit-box-shadow: inset 0 8px 12px -8px rgba(0,0,0,.2);
		box-shadow: inset 0 8px 12px -8px rgba(0,0,0,.2);
	}
	#infoBnr ul {width:94%;margin:0 auto;}
	#infoBnr ul li {display:block;float:left;width:48%;/*margin:0 0 0 4%;*/font-size:14px;}
	#infoBnr ul li:first-child {margin-left:0;margin-right: 20px;}
	#infoBnr ul li img {width:100%;height:auto;}

}	/* end */


/* ---------------------------------- スマホ --*/
@media screen and (max-width: 599px) {

	#conMenu {display:none;}

	#infoBnr {
		width:100%;
		float:none;
		background:#f2f2f2;
		padding:20px 0;

		-moz-box-shadow: inset 0 8px 12px -8px rgba(0,0,0,.3);
		-webkit-box-shadow: inset 0 8px 12px -8px rgba(0,0,0,.3);
		box-shadow: inset 0 8px 12px -8px rgba(0,0,0,.3);
	}
	#infoBnr ul {width:94%;margin:0 auto;}
	#infoBnr ul li {display:block;float:none;width:100%;margin:0 0 15px 0;font-size:14px;}
	#infoBnr ul li img {width:100%;height:auto;}

}	/* end */



/*---------------------------------------------------------
　B company
---------------------------------------------------------*/
/* index */
#indexBanner .inner {border-bottom:1px solid #ccc;margin-bottom:20px;}
#indexBanner .inner ul {width:100%;overflow:hidden;}
#indexBanner .inner ul li {display:block;width:354px;float:left;text-align:left;margin:0 0 15px 40px;}
#indexBanner .inner ul li:first-child {margin-left:0;}
#indexBanner .inner ul li img {margin-bottom:10px;}
#indexBanner .inner ul li span {dispaly:block;font-size:16px;font-weight:bold;line-height:1;background:url(../img/common/icons.png) 0 -74px no-repeat;padding:0 0 0 15px;display:block;}
#indexBanner .inner:last-child {border:none;}
#indexBanner .inner ul li p {font-size:13px;margin-top:1em;}

#indexBanner .inner ul li span.out:after {
	content:"";
	display:inline-block;
	width:12px;
	height:12px;
	background:url(../img/common/icons.png) 0 0 no-repeat;
	margin-left:10px;
}

/* message */
#com02 h3 {font-size:20px;font-weight:bold;color:#e85a49;line-height:1.6;margin-bottom:20px;text-align:left;}
#com02 p {font-size:14px;line-height:1.9;text-indent:1em;text-align:left;}
#com02 p.ind0 {text-indent:0;}
#com02 p.name {text-align:right;margin-top:30px;}


/* profile */
#com03 {margin-bottom:50px;}
#com03 table.base td .inner {margin-bottom:20px;}

#com03-2 {text-align:left;padding-bottom:50px;}
#com03-2 p {font-size:14px;margin-bottom:20px;}
#com03-2 ol {border:1px solid #ccc;width:auto;}
#com03-2 ol li {font-size:16px;line-height:1;border-bottom:1px solid #ccc;padding:18px 20px;counter-increment:num;}
#com03-2 ol li:before {content: "" counter(num) ".";margin-right:1em;}
#com03-2 ol li:last-child {border:0;}



/* network */
#tabM-nav.baseList {width:100%;margin:10px 0 30px 0;border-top:1px solid #ccc;}
#tabM-nav.baseList ul {border-bottom:1px solid #ccc;padding:15px 0;text-align:left;}
#tabM-nav.baseList ul li {font-size:14px;float:left;margin-right:20px;}
#tabM-nav.baseList ul li a {display:block;}
#tabM-nav.baseList ul li a:after {
	content:"";
	display:inline-block;
	background:url(../img/common/icons.png) 0 -263px no-repeat;
	margin-left:5px;
	width:12px;
	height:10px;
}
#tabM-nav.baseList ul li.tabM_activeli a {color:#e85a49;}


	/*--CLEAR--*/
	#tabM-nav.baseList ul:after {content:"";display:table;clear:both;zoom:1;}



#com06-2 {text-align:left;}
#com06-2 .box {margin-bottom:20px;}
#com06-2 table {margin-bottom:10px;}
#com06-2 table caption {border:1px solid #ccc;border-bottom:0;padding:15px 20px 13px 20px;}



/* group */
#com07 table {margin-bottom:10px;}
#com07 table caption {border:1px solid #ccc;border-bottom:0;padding:15px 20px 13px 20px;}
#com07 table td a.site {background:url(../img/common/icons.png) right 5px no-repeat;padding:0 60px 4px 0;}
#com07 table td a.site:hover {text-decoration:underline;}




/* ---------------------------------- PC --*/
@media screen and (min-width: 1140px) {

	/* history */
	#com05 table.base th {width:21%}
	#com05 table.base td {width:79%}
	#com05 table.base th span {float:right;margin-right:1.5em;}


	/*--CLEAR--*/
	#com05 table.base th:after {content:"";display:table;clear:both;zoom:1;}


}	/* end */


/* ---------------------------------- タブレット　横 --*/
@media screen and (min-width: 960px) and (max-width: 1140px) {

	#indexBanner .inner ul li {width:48%;margin-left:4%;}
	#indexBanner .inner ul li img {width:100%;height:auto;}

	#com04 img,
	#com06 img {width:100%;height:auto;}

	/* history */
	#com05 table.base th {width:21%}
	#com05 table.base td {width:79%}
	#com05 table.base th span {float:right;margin-right:1em;}

	#baseList ul li {margin-right:15px;}


	/*--CLEAR--*/
	#com05 table.base th:after {content:"";display:table;clear:both;zoom:1;}

}	/* end */


/* ---------------------------------- タブレット縦 --*/
@media screen and (min-width: 600px) and (max-width: 959px){

	#indexBanner .inner ul li {width:48%;margin-left:4%;}
	#indexBanner .inner ul li img {width:100%;height:auto;}

	/* message */
	#com02 {padding-bottom:50px;}
	#com02 h3 {font-size:18px;}
	#com02 p {font-size:15px;}


	/* profile */
	#com03-2 p {font-size:15px;}
	#com03-2 ol li {font-size:16px;}
	#com03-2 {margin-top:-80px;padding-top:80px;}


	/* organization */
	#com04 {padding-bottom:30px;}
	#com04 img {width:100%;height:auto;}

	/* network */
	#com06 img {width:100%;height:auto;}

	#com06-2 .box {margin-top:-100px;padding-top:100px;}
	#com06-2 .ttl {margin-top:-90px;padding-top:90px;}
/*	#com06-2 h3 {margin-top:-100px;padding-top:100px;}*/


	#baseList {width:auto;margin:10px 0 30px 0;border:1px solid #ccc;text-align:left;}
	#baseList .trigger p {font-size:16px;font-weight:lighter;border-bottom:none;padding:15px;margin:0;}
	#baseList ul {border-bottom:none;padding:0;text-align:left;}
	#baseList ul:last-child li {border:none;}

	#baseList ul li {font-size:14px;float:none;margin-right:0;border-bottom:1px solid #ccc;}
	#baseList ul li a {display:block;padding:15px;}
	#baseList ul li a:after {
		content:"";
		display:inline-block;
		background:url(../img/common/icons.png) 0 -263px no-repeat;
		background-size:100% auto;
		margin-left:5px;
		width:22px;
		height:16px;
		float:right;
	}

	#baseList .trigger p span:after {
		content:"";
		background:url(../img/common/icons.png) 0 -263px no-repeat;
		background-size:100% auto;
		width:22px;
		height:16px;
		float:right;
		margin:6px 0 0 0;
	}
	#baseList .trigger p.clicked {background:#e6e6e6;}
	#baseList .trigger p.clicked span:after {
		content:"";
		background:url(../img/common/icons.png) 0 -288px no-repeat;
		background-size:100% auto;
		width:22px;
		height:16px;
		float:right;
		margin:8px 0 0 0;
	}

	#com06-2 .tabM_tab {display:block;}
	#com06-2 #baseList .tgr {margin-bottom:0;display:none;}



	/* group */
	#com07 table.base th {width:25%;}
	#com07 table.base td {width:75%;}
	#com06-2 table caption,
	#com07 table caption {font-weight:bold;}


}	/* end */


/* ---------------------------------- スマホ --*/
@media screen and (max-width: 599px) {

	#indexBanner .inner {border-bottom:none;margin:0;}
	#indexBanner .inner ul li {width:100%;float:none;margin:0 0 25px 0;}
	#indexBanner .inner ul li img {width:100%;height:auto;}
	#indexBanner .inner ul li p {font-size:14px !important;}


	/* message */
	#com02 {padding-bottom:30px;}
	#com02 h3 {font-size:18px;}
	#com02 p {font-size:14px;}


	/* profile */
	#com03 table.base td .inner {width:98%;margin:0 auto 15px;}
	#com03-2 ol li {font-size:14px;line-height:1.4;border-bottom:1px solid #ccc;padding:14px 10px 14px 3em;counter-increment:num;text-indent:-3em;}
	#com03-2 ol li:before {margin:0 1em;}

	#com03-2 {margin-top:-60px;padding-top:60px;}


	/* organization */
	#com04 {padding-bottom:20px;}
	#com04 img {width:100%;height:auto;}


	/* history */
	#com05 table.base th span {margin-left:1.5em;}
	#com05 table.base th.spSpace span {margin-left:5em;}


	/* network */
	#com06 img {width:100%;height:auto;}
	#com06-2 table.base {border:1px solid #ccc;}
	#com06-2 table.base td {padding:15px 10px;}

/*
	#com06-2 .box {margin-top:-100px;padding-top:100px;}
*/

	#com06-2 .ttl {margin-top:-90px;padding-top:90px;}

	#baseList {width:auto;margin:10px 0 30px 0;border:1px solid #ccc;text-align:left;}
	#com06-2 #baseList .trigger{
		position: relative;
		z-index: 1;
	}
	#baseList .trigger p {font-size:16px;font-weight:lighter;border-bottom:none;padding:15px;margin:0;}
	#baseList ul {border-bottom:none;padding:0;text-align:left;}
	#baseList ul:last-child li {border:none;}

	#baseList ul li {font-size:14px;float:none;margin-right:0;border-bottom:1px solid #ccc;}
	#baseList ul li a {display:block;padding:15px;}
	#baseList ul li a:after {
		content:"";
		display:inline-block;
		background:url(../img/common/icons.png) 0 -263px no-repeat;
		background-size:100% auto;
		margin-left:5px;
		width:22px;
		height:16px;
		float:right;
	}

	#baseList .trigger p span:after {
		content:"";
		background:url(../img/common/icons.png) 0 -263px no-repeat;
		background-size:100% auto;
		width:22px;
		height:16px;
		float:right;
		margin:6px 0 0 0;
	}
	#baseList .trigger p.clicked {background:#e6e6e6;}
	#baseList .trigger p.clicked span:after {
		content:"";
		background:url(../img/common/icons.png) 0 -288px no-repeat;
		background-size:100% auto;
		width:22px;
		height:16px;
		float:right;
		margin:8px 0 0 0;
	}

	#com06-2 .tabM_tab,
	#com06-2 .tabM_tab  h4 {display:block;}
	#com06-2 #baseList .tgr {margin-bottom:0;display:none;}


	/* group */
	#com07 {padding-bottom:20px;}
	#com07 table.base {border:1px solid #ccc;}
	#com07 table.base td {padding:15px 6px 15px 10px;word-break:break-all;}

	#com06-2 table caption,
	#com07 table caption {font-weight:bold;}


}	/* end */



/*---------------------------------------------------------
　C Business
---------------------------------------------------------*/
/* index */
#business #indexBanner .inner ul li span {margin-bottom:15px;}
#business #indexBanner .inner ul li p {font-size:14px;line-height:1.5;}

#bus01 .inner {border-bottom:1px solid #ccc;padding-bottom:30px;margin-bottom:30px;}
#bus01 .inner img {float:left;}
#bus01 .inner p {float:left;margin:0 0 0 30px;font-size:14px;line-height:1.9;text-align:left;width:48%;}
#bus01 .outline {text-indent: 1em; margin-bottom:18px !important;}

/* business_system */
#bus02 .inner img,
#bus02 .inner h3 {margin-bottom:20px;}
#bus02 .inner p {text-align:left;font-size:14px;line-height:1.8;}

#bus02 .inner section {margin:70px 0 0 0; /* margin:40px 0 0 0; */}
#bus02 .inner section h4 {text-align:left;}
#bus02 .inner section ul {margin:20px 0 0 0;}
#bus02 .inner section ul li {display:inline-block;font-size:14px;margin:0 10px;}
#bus02 .inner section ul li img {display:block;margin-bottom:5px;}

#bus02 .iso {margin-top: 20px;display: flex;}
#bus02 .box1 {line-height: 50px;margin: 20px;width: 50%;}
#bus02 .box2{line-height: 50px;margin: 20px;width: 42%;}

/* architect */
#bus03 .inner img,
#bus03 .inner h3 {margin-bottom:20px;}
#bus03 .inner p {text-align:left;font-size:14px;line-height:1.8;margin-bottom:1.5em;}

#bus03 section {margin:30px 0 0 0; /* margin:40px 0 0 0; */}
#bus03 section h4 {text-align:left;margin-bottom:10px;}
#bus03 section ul {width:auto;}
#bus03 section ul li {width:45%;background:#f2f2f2;padding:15px 12px;float:left;text-align:left;font-size:13px;line-height:1.4;margin:0 0 10px 0;}
#bus03 section ul li:nth-child(odd) {margin-right:27px;}


/* energy */
#bus04 .inner img,
#bus04 .inner h3 {margin-bottom:20px;}
#bus04 .inner p {text-align:left;font-size:14px;line-height:1.8;margin-bottom:1.5em;}

#bus04 section {margin:30px 0 0 0; /* margin:40px 0 0 0; */}
#bus04 section h4 {text-align:left;margin-bottom:10px;}
#bus04 section ul {width:auto;}
#bus04 section ul li {width:45%;background:#f2f2f2;padding:15px 12px;float:left;text-align:left;font-size:13px;line-height:1.4;margin:0 0 10px 0;}
#bus04 section ul li:nth-child(odd) {margin-right:27px;}


/* diversify */
#bus05 .inner img,
#bus05 .inner h3 {margin-bottom:20px;}
#bus05 .inner p {text-align:left;font-size:14px;line-height:1.8;}

#bus05 section {margin:120px 0 0 0; /* margin:40px 0 0 0; */}
#bus05 section h4 {text-align:left;margin-bottom:10px;}
#bus05 section ul {width:auto;}
#bus05 section ul li {width:45%;background:#f2f2f2;padding:15px 12px;float:left;text-align:left;font-size:13px;line-height:1.4;margin:0 0 10px 0;}
#bus05 section ul li:nth-child(odd) {margin-right:27px;}


/* group */
#bus06 .inner img,
#bus06 .inner h3 {margin-bottom:20px;}
#bus06 .inner p {text-align:left;font-size:14px;line-height:1.8;}

#bus06 .btn {background:#f2f2f2;border:1px solid #ccc;font-size:20px;width:540px;margin:50px auto;}
#bus06 .btn a {display:block;padding:25px 0;}
#bus06 .btn a:hover {opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";}


/* Business common */

#box_bs {margin:20px 0 0px; padding-bottom: 10px;height: auto;}
#bus_img {float:right !important; margin:5px 0 0 10px}


	/*--CLEAR--*/
	#bus03 section ul:after {content:"";display:table;clear:both;zoom:1;}


/* ---------------------------------- PC --*/
@media screen and (min-width: 1140px) {

}	/* end */


/* ---------------------------------- タブレット　横 --*/
@media screen and (min-width: 960px) and (max-width: 1140px) {

	/* index */
	#bus01 .inner img {float:left;width:45%;height:auto;}
	#bus01 .inner p {float:left;margin:0 0 0 20px;font-size:14px;line-height:1.9;text-align:left;width:50%;}

	#bus02 .inner img,
	#bus03 .inner img,
	#bus04 .inner img,
	#bus05 .inner img,
	#bus06 .inner img {width:100%;height:auto;}

	#bus03 section ul li,
	#bus04 section ul li,
	#bus05 section ul li {width:45%;}

	#bus03 section ul li:nth-child(odd),
	#bus04 section ul li:nth-child(odd),
	#bus05 section ul li:nth-child(odd) {margin-right:2.2%;}
	
	/* Business common */
    #box_bs {margin:20px 0 0px; padding-bottom: 20px;height: auto;}
	#bus_img {width:35% !important; height:auto;}
	#bus02 .inner section {margin:40px 0 0 0;}
    #bus05 section {margin:40px 0 0 0;}

}	/* end */


/* ---------------------------------- タブレット縦 --*/
@media screen and (min-width: 600px) and (max-width: 959px){

	/* index */
	#bus01 .inner img {float:left;width:45%;height:auto;}
	#bus01 .inner p {float:left;margin:0 0 0 20px;font-size:14px;line-height:1.9;text-align:left;width:48%;}


	/* business_system */
	#bus02 .inner {padding-bottom:50px;}
	#bus02 .inner img {width:100%;height:auto;}

	/* architect */
	#bus03 {padding-bottom:50px;}
	#bus03 .inner img {width:100%;height:auto;}
	#bus03 section ul li {width:44%;}
	#bus03 section ul li:nth-child(odd) {margin-right:2.7%;}


	/* energy */
	#bus04 {padding-bottom:50px;}
	#bus04 .inner img {width:100%;height:auto;}
	#bus04 section ul li {width:44%;}
	#bus04 section ul li:nth-child(odd) {margin-right:2.7%;}

	/* diversify */
	#bus05 {padding-bottom:50px;}
	#bus05 .inner img {width:100%;height:auto;}
	#bus05 section ul li {width:44%;}
	#bus05 section ul li:nth-child(odd) {margin-right:2.7%;}
	#bus05 section {margin:40px 0 0 0; /* margin:40px 0 0 0; */}


	/* group */
	#bus06 {padding-bottom:50px;}
	#bus06 .inner img {width:100%;height:auto;}
	#bus06 .btn {width:60%;}
	
	/* Business common */
	#box_bs {margin:20px 0 0px; padding-bottom: 60px;height: auto;}
	#bus_img {width:35% !important; height:auto; margin:5px 0 20px 10px}
	#bus02 .inner section {margin:40px 0 0 0;}
	#bus05 section {margin:40px 0 0 0;}

}	/* end */


/* ---------------------------------- スマホ --*/
@media screen and (max-width: 599px) {

	/* index */
	#business #indexBanner .inner ul li span {margin-bottom:10px;}
	#business #indexBanner .inner ul li p {font-size:16px;line-height:1.4;}

	#bus01 .inner img {display:none;}
	#bus01 .inner p {float:none;width:100%;margin:0;font-size:14px;line-height:1.7;}


	/* business_system */
	#bus02 .inner {padding-bottom:30px;}
	#bus02 .inner img {width:100%;height:auto;}
	#bus02 .inner p {margin-bottom:10px;}

	#bus02 .inner section ul {margin:20px 0;}
	#bus02 .inner section ul li {font-size:11px;margin:0 3px;width:30%;}
	#bus02 .inner section ul li img {width:100%;height:auto;}

	.itemOpen {background:#ff;border:1px solid #b3b3b3;width:150px;margin:0 auto;}
	.itemOpen span {display:block;text-align:center;padding:10px 0;}
	.itemClose {background:#999;border:1px solid #999;width:150px;margin:0 auto;}
	.itemClose span {display:block;text-align:center;padding:10px 0;color:#fff;}


	/* architect */
	#bus03 .inner img {width:100%;height:auto;}
	#bus03 section ul li {width:92%;}
	#bus03 section ul li:nth-child(odd) {margin-right:0;}


	/* energy */
	#bus04 .inner img {width:100%;height:auto;}
	#bus04 {padding-bottom:30px;}
	#bus04 section ul li {width:92%;}
	#bus04 section ul li:nth-child(odd) {margin-right:0;}


	/* diversify */
	#bus05 {padding-bottom:30px;}
	#bus05 .inner img {width:100%;height:auto;}
	#bus05 section ul li {width:92%;}
	#bus05 section ul li:nth-child(odd) {margin-right:0;}
	#bus05 section {margin:40px 0 0 0; /* margin:40px 0 0 0; */}


	/* group */
	#bus06 {padding-bottom:30px;}
	#bus06 .inner img {width:100%;height:auto;}
	#bus06 .btn {width:100%;font-size:16px;font-weight:bold;margin:25px 0;}
	#bus06 .btn a {padding:15px 0;}

	#bus02 .inner p,
	#bus03 .inner p,
	#bus04 .inner p,
	#bus05 .inner p,
	#bus06 .inner p {font-size:15px;}
	
	/* Business common */
	#box_bs #bus_img {width:100%;height:auto;}
	#bus02 .inner section {margin:40px 0 0 0;}
	#bus05 section {margin:40px 0 0 0;}

#box_bs {margin:20px 0 0px 0px; padding-bottom: 10px; height:auto}

}	/* end */



/*---------------------------------------------------------
　D release  E >index
---------------------------------------------------------*/
#info {width:100%;text-align:left;}
#info a {display:block;}
#info a:hover {text-decoration:none;}

.infoInner {border-top:2px solid #ccc;padding:10px 0 0 0;}
#info .infoInner {border:none;}

#info .box {width:auto;border-bottom:1px solid #ccc;}
#info .box a {padding:12px 0;}
#info .box .no {display:block;padding:12px 0;}

.detail #info .box a {padding:12px 0 0 0;}
.detail #info .box .no {display:block;padding:12px 0 0 0;}

#info .box .day {display:block;width:180px;float:left;clear:left;font-size:12px;line-height:1;}
#info .box .day span {display:inline-block;font-size:10px;color:#fff;text-align:center;padding:8px 0;width:46px;margin-right:20px;}
#info .box .day span.col1 {background-color:#41bcb0;} /* 緑 */
#info .box .day span.col2 {background-color:#41bce0;} /* 青 */
#info .box .day span.col3 {background-color:#e6a987;} /* 橙 */

#info .box .news {display:block;width:570px;float:left;padding:2px 0;}
#info .box .news p {font-size:16px;line-height:1.4;float:left;}
#info .box .news span.pdf {
	background:url(../img/common/icons.png) 0 -107px no-repeat;
	width:24px;
	height:33px;
	text-indent:-9999px;
	margin:-10px 0 0 10px;
	display:block;
	float:left;
}


/* 詳細　 */
.detail #info .day {font-size:12px;text-align:right;margin-bottom:15px;color:#666;}
.detail #info .cont {text-align:left;font-size:16px;line-height:1.6;margin-bottom:15px;border-bottom:1px dotted #888;padding-bottom:20px;}
.detail #info .back {font-size:12px;text-align:left;}
.detail #info .back a:before {content:"＜";}

.detail #info .box .day {text-align:left;}

#ir.ir_top #info .box .day {width:114px;line-height:2.3;}
#ir.ir_top #info .box .news {width:600px;}

#info .tabM_tab {margin-bottom:30px;}



#info .box a, #info .box a:link, #info .box a:visited,
#info .box a:hover, #info .box a:active {overflow: hidden;outline: none;}





	/*--CLEAR--*/
	#info .box:after,
	#info .box a:after,
	#info .box .news:after,
	.detail #info .cont:after,
	#info .box .no:after {content:"";display:table;clear:both;zoom:1;}



/* ---------------------------------- PC --*/
@media screen and (min-width: 1140px) {

}	/* end */


/* ---------------------------------- タブレット　横 --*/
@media screen and (min-width: 960px) and (max-width: 1140px) {

}	/* end */


/* ---------------------------------- タブレット縦 --*/
@media screen and (min-width: 600px) and (max-width: 959px){

	#info .box a,
	#info .box .no {padding:12px 0;}

	#info .box .day {width:100%;float:none;font-size:13px;margin-bottom:0;}
	#info .box .day span {padding:6px 0;width:46px;margin-right:10px;}
	#info .box .news {width:100%;float:none;}
	#info .box .news p {font-size:15px;line-height:1.4;float:left;}

	#info #tabM ul#tabM-nav {display:none;}
	#info .trigger p {font-size:16px;font-weight:bold;border-bottom:1px solid #ccc;padding-bottom:15px;margin-bottom:15px;}
	#info .trigger p span:after {
		content:"";
		background:url(../img/common/icons.png) 0 -418px no-repeat;
		background-size:100% auto;
		width:22px;
		height:16px;
		float:right;
		margin:6px 10px 0 0;
	}
	#info .trigger p.clicked span:after,
	#info .op p span:after {
		content:"";
		background:url(../img/common/icons.png) 0 -288px no-repeat;
		background-size:100% auto;
		width:22px;
		height:16px;
		float:right;
		margin:6px 5px 0 0;
	}
	#info .op p.clicked span:after {
		content:"";
		background:url(../img/common/icons.png) 0 -418px no-repeat;
		background-size:100% auto;
		width:22px;
		height:16px;
		float:right;
		margin:6px 10px 0 0;
	}

	#info .tabM_tab {margin-bottom:30px;display:none;}
	#info .tabM_tab .th4 {font-size:16px;padding:5px 0 4px 10px;margin-bottom:5px;}
	#info .open {display:block;}
	
  
}	/* end */


/* ---------------------------------- スマホ --*/
@media screen and (max-width: 599px) {

	#info .box a,
	#info .box .no  {padding:12px 0;}

	#info .box .day {width:100%;float:none;font-size:13px;margin-bottom:0;}
	#info .box .day span {padding:6px 0;width:46px;margin-right:10px;}
	#info .box .news {width:100%;float:none;}
	#info .box .news p {font-size:15px;line-height:1.4;float:left;}

}	/* end */




/*---------------------------------------------------------
　E ir
---------------------------------------------------------*/
/* index */
#ir #info {margin-bottom:30px;}
#ir #info h3 {font-size:16px;line-height:1;padding-bottom:10px;border-bottom:2px solid #ccc;}

#ir #indexBanner .inner {padding-bottom:15px;}
#ir #indexBanner .inner ul li ul {margin-top:15px;}
#ir #indexBanner .inner ul li ul li {width:100%;float:none;margin:0;font-size:14px;line-height:1.8;background:url(../img/common/icons.png) 0 -72px no-repeat;padding:0 0 0 15px;}
#ir #indexBanner .inner ul li ul li .out {background:none;font-weight:lighter;font-size:14px;padding-left:0;line-height:1.8;}


/* message */
#mes02 h3 {margin-bottom:20px;}
#mes02 img {margin-bottom:20px;float: left;}
#mes02 p {font-size:14px;line-height:1.8;text-align:left;}
#mes02 p.ind {text-indent:1em;}
#mes02 p.day {text-align:right;font-size:12px;}
#mes02 .sign {width:auto;float:right;margin:20px 0;}
#mes02 .sign p {font-size:12px;margin-bottom:8px;}


/* calender */
#ir04 h3 {text-align:left;}
#ir04 img {margin-bottom:30px;}
#ir04 section {margin-bottom:30px;}
#ir04 section.infoD {margin-bottom:50px;}
#ir04 .tabM_tab {margin-bottom:30px;}



/* data_stock */
#ir034 table td a {background:none;padding:0;}
#ir034 table td a.outsite {line-height:1.4;background:url(../img/common/icons.png) right 5px no-repeat;padding:0px 60px 4px 0;}
#ir034 table td span {display:inline-block;}



/* ---------------------------------- PC --*/
@media screen and (min-width: 1140px) {

	#ir034 table td span.spv {display:none;}

}	/* end */


/* ---------------------------------- タブレット　横 --*/
@media screen and (min-width: 960px) and (max-width: 1140px) {

	#mes02 img {width:100%;height:auto;}
	#ir04 .sch img {width:100%;height:auto;}
	#ir034 table td span.spv {display:none;}

}	/* end */


/* ---------------------------------- タブレット縦 --*/
@media screen and (min-width: 600px) and (max-width: 959px){

	#mes02 img {width:100%;height:auto;}
	#ir04 .sch img {width:100%;height:auto;}
	#ir034 table td span.spv {display:none;}

}	/* end */


/* ---------------------------------- スマホ --*/
@media screen and (max-width: 599px) {

	/* index */
	#ir.top #colMain {width:100%;}
	#ir.top #colMain h2 {margin:0 10px 20px 10px;}

	#ir.top #info .box .news {display:block;width:100%;float:none;}
	#ir.top #info h3 {font-size:14px;line-height:1;padding:0 0 10px 10px;border-bottom:2px solid #ccc;}
	#ir.top #info .box {padding:0 10px;}


	#ir #indexBanner {width:94%;margin:0 auto;}
	#ir #indexBanner .inner {padding-bottom:5px;}
	#ir #indexBanner .inner ul li ul {display:none;}


	/* message */
	#mes02 img {width:100%;height:auto;}
	#mes02 p {font-size:15px;line-height:1.6;}
	#mes02 p.day, #mes02 .sign p {font-size:13px;}


	/* calender */
	#ir04 img {width:96%;height:auto;margin:0 auto 10px;}
	#ir04 .infoD h3 {margin-bottom:0px;}

	#ir04 section.infoD .trigger p span,
	#ir04 section.infoD .box {width:auto;padding:0 15px;}


	#ir034 table td span.pcv,
	#ir034 table td span.tbv {display:none;}

}	/* end */


/*---------------------------------------------------------
　E ir > stock
---------------------------------------------------------*/
/* information */
#ir032 {text-align:left;}
#ir032 section {margin-bottom:50px;}
#ir032 section h3 {margin-bottom:10px;}
#ir032 table.data th,
#ir032 table.data td {width:auto;border-left:0;border-right:0;}
#ir032 table.data tbody th {width:auto;background:none;}


/* dividend */
#ir033 {text-align:left;}
#ir033 p {font-size:14px;line-height:1.8;}
#ir033 section {margin-bottom:50px;}

#ir033 table.data th,
#ir033 table.data td {width:auto;border-left:0;border-right:0;}
#ir033 table.data tbody th {width:auto;background:none;}

#ir033 table.d1 tbody td {text-align:right;}
#ir033 table.d1 tbody td:nth-of-type(1) {text-align:left;width:22%;}
#ir033 table.d1 tbody td:nth-of-type(2) {width:25%;}
#ir033 table.d1 tbody td:nth-of-type(3) {width:25%;}
#ir033 table.d1 tbody td:nth-of-type(4) {width:28%;}

#ir033 table.d2 tbody td {text-align:right;}
#ir033 table.d2 tbody td:nth-of-type(1) {text-align:left;}


/* data */
#ir034 {text-align:left;}
#ir034 table.base {margin-bottom:25px;}
#ir034 table.base th {width:35%;}
#ir034 table.base td {width:65%;}
#ir034 h4 {font-size:16px;font-weight:bold;margin-bottom:10px;}
#ir034 p {font-size:14px;line-height:1.6;}



/* ---------------------------------- PC --*/
@media screen and (min-width: 1140px) {

	#ir032 table.data thead th:nth-of-type(2) {text-align:center;}
	#ir032 table.data tbody td:nth-of-type(1) {text-align:right;}
	#ir032 table.data tbody td:nth-of-type(1) span.kb {margin-right:25px;}

}	/* end */


/* ---------------------------------- タブレット　横 --*/
@media screen and (min-width: 960px) and (max-width: 1140px) {

	#mes02 img {width:100%;height:auto;}

/*
	#ir032 table.base th {width:28%;}
	#ir032 table.base td {width:72%;}

	#ir032 table.data th {width:40%;}
	#ir032 table.data td {width:auto;}
*/

	#ir032 table.data thead th:nth-of-type(1) {width:55%;}
	#ir032 table.data thead th:nth-of-type(2) {width:25%;text-align:right;padding-left:0;padding-right:10px;}
	#ir032 table.data thead th:nth-of-type(3) {width:20%;}
	#ir032 table.data tbody td:nth-of-type(1) {text-align:right;padding-left:0;padding-right:25px;}

}	/* end */


/* ---------------------------------- タブレット縦 --*/
@media screen and (min-width: 600px) and (max-width: 959px){

	#mes02 img {width:100%;height:auto;}
	#ir032 table.data thead th:nth-of-type(1) {width:55%;}
	#ir032 table.data thead th:nth-of-type(2) {width:25%;text-align:right;padding-left:0;padding-right:5px;}
	#ir032 table.data thead th:nth-of-type(3) {width:20%;}
	#ir032 table.data tbody td:nth-of-type(1) {text-align:right;padding-left:0;}

}	/* end */


/* ---------------------------------- スマホ --*/
@media screen and (max-width: 599px) {

	/* information */
	#ir032 table.data thead th {display:none;}
	#ir032 table.data tbody th {background:#f2f2f2;}
	#ir032 table.data tbody td {border-bottom:1px solid #ccc;}
	#ir032 table.data tbody td:last-child {margin-bottom:10px;}

	#ir032 table.data tbody td {text-align:right;position:relative;}
	#ir032 table.data tbody span {display:block;}
	#ir032 table.data tbody span:before {content:"";float:left;}
	#ir032 table.data tbody span.kb:before {content:"持株数（千株）";}
	#ir032 table.data tbody span.hr:before {content:"持株比率";}


	/* dividend */
	#ir033 table.base td {text-align:right;border-bottom:1px solid #ccc;padding:10px 5px;}
	#ir033 table.base td:last-child {margin-bottom:10px;}
	#ir033 table.base td p {font-size:14px;}
	#ir033 table.base td p span {float:left;}
	#ir033 p {font-size:15px;}



	/* data */
	#ir034 {text-align:left;}
	#ir034 table.base {margin-bottom:25px;}
	#ir034 table.base th {width:auto;}
	#ir034 table.base td {width:auto;padding:5px 0 20px 0;}
	#ir034 h4 {font-size:16px;font-weight:bold;margin-bottom:10px;}
	#ir034 p {font-size:14px;line-height:1.6;}

	/*--CLEAR--*/
	#ir033 table.base td:after{content:"";display:table;clear:both;zoom:1;}

}	/* end */



/*---------------------------------------------------------
　E ir > financial
---------------------------------------------------------*/
/* develop */
#ir052 {text-align:center;}


/* segment */
#ir053 {text-align:center;}

#ir053 section {text-align:left;margin:20px 0 40px;}
#ir053 section p {font-size:14px;line-height:1.6;}
#ir053 section .box {margin:20px 0 30px;}
#ir053 section .box img {float:left;}
#ir053 section .box .txt {float:left;margin:0 0 0 40px;width:60%;}
#ir053 section .box .txt h4 {font-size:14px;font-weight:bold;margin-bottom:10px;}

#ir053 section .th5 {margin-bottom:15px;}
#ir053 section ul {width:auto;}
#ir053 section ul li {width:45%;background:#f2f2f2;padding:15px 12px;float:left;text-align:left;font-size:13px;line-height:1.4;margin:0 0 10px 0;}
#ir053 section ul li:nth-child(odd) {margin-right:27px;}



	/*--CLEAR--*/
	#ir053 section ul:after{content:"";display:table;clear:both;zoom:1;}



/* ---------------------------------- PC --*/
@media screen and (min-width: 1140px) {

}	/* end */


/* ---------------------------------- タブレット　横 --*/
@media screen and (min-width: 960px) and (max-width: 1140px) {

	#ir052 img {width:96%;height:auto;}
	#ir053 img {width:96%;height:auto;}
	#ir053 .box img {width:43%;height:auto;}
	#ir053 section .box .txt {float:left;margin:0 0 0 25px;width:50%;}
	#ir053 section ul li {width:45%;}
	#ir053 section ul li:nth-child(odd) {margin-right:2.2%;}

}	/* end */


/* ---------------------------------- タブレット縦 --*/
@media screen and (min-width: 600px) and (max-width: 959px){

	#ir052 img {width:96%;height:auto;}
	#ir053 img {width:96%;height:auto;}
	#ir053 .box img {width:43%;height:auto;}
	#ir053 section .box .txt {float:left;margin:0 0 0 25px;width:50%;}
	#ir053 section ul li {width:44%;}
	#ir053 section ul li:nth-child(odd) {margin-right:2.5%;}


}	/* end */


/* ---------------------------------- スマホ --*/
@media screen and (max-width: 599px) {

	/* develop */
	#ir052 img {width:96%;height:auto;}


	/* segment */
	#ir053 img {width:96%;height:auto;}
	#ir053 section p {font-size:15px;line-height:1.6;}
	#ir053 section .box {text-align:center;}
	#ir053 section .box img {float:none;margin:0 auto 10px;width:60%;height:auto;}
	#ir053 section .box .txt {float:none;width:100%;margin:0;text-align:left;}
	#ir053 section ul li {width:92%;padding:13px 12px;}

}	/* end */


/*---------------------------------------------------------
　E ir > library
---------------------------------------------------------*/
/* タブ */
#tabM ul#tabM-nav {margin-bottom:30px;}
#tabM ul#tabM-nav li {width:19.5%;background:#f2f2f2;display:block;float:left;margin:0 0 4px 4px;}
#tabM ul#tabM-nav li:first-child,
#tabM ul#tabM-nav li:nth-child(6),
#tabM ul#tabM-nav li:nth-child(11) {margin-left:0;}
#tabM ul#tabM-nav li a {display:block;padding:20px 0;font-size:14px;}
#tabM ul#tabM-nav li a:before {
	content:"";
	display:inline-block;
	width:12px;
	height:12px;
	background:url(../img/common/icons.png) 0 -76px no-repeat;
	margin-left:10px;
}
#tabM ul#tabM-nav li.tabM_activeli a {color:#e85a49;}


/* annual */
#ir068 ul {}
#ir068 ul li {width:47%;float:left;margin:0 0 20px 42px;}
#ir068 ul li:nth-child(odd) {margin-left:0;}
#ir068 ul li a {display:block;}

#ir068 ul li div {background:#f2f2f2;border:1px solid #ccc;padding:15px 0;margin-bottom:6px;}
#ir068 ul li div img {vertical-align:bottom;}
#ir068 ul li p {font-size:16px;font-weight:bold;text-align:left;background:url(../img/common/icons.png) 0 -72px no-repeat;padding:0 0 0 13px;}


	/*--CLEAR--*/
	#tabM ul#tabM-nav:after,
	#ir068 ul:after{content:"";display:table;clear:both;zoom:1;}




/* ---------------------------------- PC --*/
@media screen and (min-width: 1140px) {

}	/* end */


/* ---------------------------------- タブレット　横 --*/
@media screen and (min-width: 960px) and (max-width: 1140px) {

	#ir068 ul li {width:48%;float:left;margin:0 0 20px 4%;}

}	/* end */


/* ---------------------------------- タブレット縦 --*/
@media screen and (min-width: 600px) and (max-width: 959px){

	#ir068 ul li {width:48%;float:left;margin:0 0 20px 4%;}

}	/* end */


/* ---------------------------------- スマホ --*/
@media screen and (max-width: 599px) {

	#tabM ul#tabM-nav {display:none;}
	.trigger p {font-size:16px;font-weight:bold;border-bottom:1px solid #ccc;padding-bottom:15px;margin-bottom:15px;}
	.trigger p span:after {
		content:"";
		background:url(../img/common/icons.png) 0 -418px no-repeat;
		background-size:100% auto;
		width:22px;
		height:16px;
		float:right;
		margin:6px 10px 0 0;
	}
	.trigger p.clicked span:after,
	.op p span:after {
		content:"";
		background:url(../img/common/icons.png) 0 -288px no-repeat;
		background-size:100% auto;
		width:22px;
		height:16px;
		float:right;
		margin:6px 5px 0 0;
	}
	.op p.clicked span:after {
		content:"";
		background:url(../img/common/icons.png) 0 -418px no-repeat;
		background-size:100% auto;
		width:22px;
		height:16px;
		float:right;
		margin:6px 10px 0 0;
	}

	.tabM_tab {margin-bottom:30px;display:none;}
	.tabM_tab .th4 {font-size:16px;padding:5px 0 4px 10px;margin-bottom:5px;display:none;}
	.open {display:block;}


	/* annual */
	#ir068 ul li {width:100%;margin:0 0 20px 0;}
	#ir068 ul li p {font-size:14px;}


}	/* end */





/*---------------------------------------------------------
　F csr
---------------------------------------------------------*/
/* index */
#csr01 {border-bottom:1px solid #ccc;margin-bottom:20px;}
#csr01 img,
#csr01 h3 {margin-bottom:20px;}
#csr01 p {text-align:left;font-size:14px;line-height:1.8;margin-bottom:1.5em;}

#csr #indexBanner .inner ul li span {margin-bottom:15px;}
#csr #indexBanner .inner ul li p {font-size:14px;line-height:1.5;}



/* ---------------------------------- PC --*/
@media screen and (min-width: 1140px) {

}	/* end */


/* ---------------------------------- タブレット　横 --*/
@media screen and (min-width: 960px) and (max-width: 1140px) {

	#csr01 img {width:100%;height:auto;}


}	/* end */




/*---------------------------------------------------------
　共通：お知らせリスト
---------------------------------------------------------*/
.infoD {width:100%;text-align:left;}
.infoD a {display:block;}
.infoD a:hover {text-decoration:none;}

.infoInner {border-top:2px solid #ccc;padding:10px 0 0 0;}

.infoD .box {width:auto;border-bottom:1px solid #ccc;}
.infoD .box a {padding:12px 0;}

.infoD .box .day {display:block;width:120px;float:left;clear:left;font-size:12px;line-height:23px;}
.infoD .box .news {display:block;width:630px;float:left;padding:2px 0;}
.infoD .box .news p {font-size:14px;line-height:1.4;float:left;}
.infoD .box .news span.pdf {
	background:url(../img/common/icons.png) 0 -107px no-repeat;
	width:24px;
	height:33px;
	text-indent:-9999px;
	margin:-10px 0 0 10px;
	display:block;
	float:left;
}

/* 詳細　 */
.detail .infoD .day {font-size:12px;text-align:right;margin-bottom:15px;color:#666;}
.detail .infoD .cont {text-align:left;font-size:13px;line-height:1.6;margin-bottom:15px;border-bottom:1px dotted #888;padding-bottom:20px;}
.detail .infoD .back {font-size:12px;text-align:left;}
.detail .infoD .back a:before {content:"＜";}


.infoD a, .infoD a:link, .infoD a:visited,
.infoD a:hover, .infoD a:active {overflow: hidden;outline: none;}



	/*--CLEAR--*/
	.infoD .box:after,
	.infoD .box a:after,
	.infoD .box .news:after,
	.detail .infoD .cont:after {content:"";display:table;clear:both;zoom:1;}



/* ---------------------------------- PC --*/
@media screen and (min-width: 1140px) {

}	/* end */


/* ---------------------------------- タブレット　横 --*/
@media screen and (min-width: 960px) and (max-width: 1140px) {

}	/* end */


/* ---------------------------------- タブレット縦 --*/
@media screen and (min-width: 600px) and (max-width: 959px){

	#csr01 img {width:100%;height:auto;}
	.infoD .no {padding:12px 0;}

}	/* end */


/* ---------------------------------- スマホ --*/
@media screen and (max-width: 599px) {

	.infoD .box .day {width:100%;font-size:13px;}
	.infoD .box .news {width:100%;}
	.infoD .box .news p {font-size:15px;line-height:1.6;}
	.infoD .no {padding:12px 0;}

	.detail .infoD .day {font-size:13px;}
	.detail .infoD .cont {font-size:16px;}
	.detail .infoD .back {font-size:14px;}

}	/* end */



/*---------------------------------------------------------
　G etc
---------------------------------------------------------*/
/* sitemap */
#sit01 .inner {text-align:left;margin-bottom:30px;}
#sit01 .inner section {width:47%;float:left;margin:0 0 0 44px;}
#sit01 .inner section:first-child {margin:0;}
#sit01 .inner section h3 {font-size:18px;font-weight:bold;line-height:1;background:#f2f2f2;}
#sit01 .inner section ul li {font-size:16px;border-bottom:1px solid #ccc;}

#sit01 .inner section a {display:block;padding:15px 0;}
#sit01 .inner section a:before {
	content:"";
	display:inline-block;
	width:15px;
	height:15px;
	background:url(../img/common/icons.png) 0 -74px no-repeat;
}
#sit01 .inner section span:after {
	content:"";
	display:inline-block;
	width:12px;
	height:12px;
	background:url(../img/common/icons.png) 0 0 no-repeat;
	margin-left:10px;
}



/* legal */
#leg01 {text-align:left;}
#leg01 p {font-size:14px;line-height:1.8;}
#leg01 section {margin:30px 0;}

#leg01 section ul {margin:10px 0 0 0;}
#leg01 section ul li {font-size:14px;line-height:1.4;margin-bottom:6px;padding:0 0 0 1em;text-indent:-1em;}
#leg01 section ul li:before {content:"・";font-weight:bold;}

#leg01 #reco p {line-height:1.6;}

#leg01 #reco .box {margin-top:15px;}
#leg01 #reco .box img {margin:0 15px 0 0;float:left;}
#leg01 #reco .box p {line-height:39px;}


/* indiv */
#indiv {text-align:left;}
#indiv p {font-size:14px;line-height:1.8;}
#indiv section {margin:30px 0;}

#indiv section ul {margin:10px 0 0 0;}
#indiv section ul li {font-size:14px;line-height:1.4;margin-bottom:6px;padding:0 0 0 1em;text-indent:-1em;}
#indiv section ul li:before {content:"・";font-weight:bold;}



/* result */
#res01 {text-align:left;}
#res01 .read {font-size:16px;line-height:1.5;border-bottom:1px solid #ccc;padding-bottom:15px;margin-bottom:15px;}
#res01 .read span {font-weight:bold;margin:0 3px;}

#res01 .box {border-bottom:1px solid #ccc;padding-bottom:15px;margin-bottom:15px;}
#res01 .box h3 {font-size:16px;font-weight:bold;position:relative;}

#res01 .box p {font-size:14px;line-height:1.4;margin-top:6px;}
#res01 .box a {display:block;}

#res01 .box h3 span {/*float:left;*/width:auto;position:relative;}
#res01 .box h3 span:before {
	content:"";
	background:url(../img/common/icons.png) 0 -72px no-repeat;
	padding:0 0 0 15px;
}

#res01 .box h3 span.pdf {
	background:url(../img/common/icons.png) 0 -113px no-repeat;
	width:24px;
	height:33px;
	text-indent:-9999px;
	margin:-10px 0 0 10px;
	display:inline-block;
}

.pager {margin:40px 0;}
.pager nav {float:left;}
.pager ul {width:auto;}
.pager ul li {display:block;float:left;font-size:16px;font-weight:bold;background:#f2f2f2;border:1px solid #ccc;border-left:0;}
.pager ul li:first-child {border-left:1px solid #ccc;;}
.pager ul li a {display:block;padding:18px 25px;}
.pager ul li a:hover,
.pager ul li a.current {background:#666;color:#fff !important;}

.btnPage {float:right;}
.btnPage p {display:inline-block;margin-left:10px;}
.btnPage p a{display:block;width:95px;height:61px;position:relative;overflow:hidden;margin:0 auto;}
.btnPage p a:hover{font-size:1px;}
.btnPage p a:hover img{position:relative;top:-61px;}



/* privacy */
#pri01 {text-align:left;font-size:14px;padding-bottom:40px;}
#pri01 p {margin-bottom:20px;}
#pri01 dl {width:auto;margin:0 10px;}
#pri01 dl dd {margin:0 0 20px 1.5em;}



	/*--CLEAR--*/
	#res01 .box h3:after,
	.pager:after,
	.pager ul:after {content:"";display:table;clear:both;zoom:1;}







/* ---------------------------------- PC --*/
@media screen and (min-width: 1140px) {

}	/* end */


/* ---------------------------------- タブレット　横 --*/
@media screen and (min-width: 960px) and (max-width: 1140px) {

	#sit01 .inner section {width:47%;float:left;margin:0 0 0 38px;}



}	/* end */


/* ---------------------------------- タブレット縦 --*/
@media screen and (min-width: 600px) and (max-width: 959px){

	#sit01 .inner section {width:47%;float:left;margin:0 0 0 42px;}

}	/* end */


/* ---------------------------------- スマホ --*/
@media screen and (max-width: 599px) {

	/* sitemap */
	#sit01 .inner {text-align:left;margin-bottom:0px;}
	#sit01 .inner section {width:100%;float:none;margin:0 0 20px 0;}
	#sit01 .inner section:first-child {margin:0 0 20px 0;}

	#sit01 .inner section h3 {font-size:16px;font-weight:bold;line-height:1;background:#f2f2f2;}
	#sit01 .inner section ul li {font-size:14px;border-bottom:1px solid #ccc;}


	/* legal */
	#leg01 p {font-size:14px;line-height:1.6;}
	#leg01 section ul li {font-size:14px;}

	#leg01 #reco .box {margin-top:15px;text-align:center;}
	#leg01 #reco .box img {float:none;margin:0 0 5px 0;}
	#leg01 #reco .box p {line-height:1.4;text-align:left;}

	/* indiv */
	#indiv p {font-size:14px;line-height:1.6;}
	#indiv section ul li {font-size:14px;}

	/* result */
	.pager nav {float:none;width:100%;margin-bottom:10px;}
	.pager ul li {fontsize:14px;}
	.pager ul li a {padding:15px 22px;}
	.btnPage {float:none;text-align:right;}

	.btnPage img {width:70px;height:90px;}
	.btnPage p a{display:block;width:70px;height:45px;position:relative;overflow:hidden;margin:0 auto;}
	.btnPage p a:hover{font-size:1px;}
	.btnPage p a:hover img{position:relative;top:-45px;}



	/* result */
	.pager nav {float:none;width:100%;margin-bottom:10px;}
	.pager ul li {fontsize:14px;}
	.pager ul li a {padding:15px 22px;}
	.btnPage {float:none;text-align:right;}

	.btnPage img {width:70px;height:90px;}
	.btnPage p a{display:block;width:70px;height:45px;position:relative;overflow:hidden;margin:0 auto;}
	.btnPage p a:hover{font-size:1px;}
	.btnPage p a:hover img{position:relative;top:-45px;}


	/* privacy */
	#pri01 {font-size:15px;padding-bottom:0px;line-height:1.6;}



}	/* end */




/*---------------------------------------------------------
　404,403,500ページ用
---------------------------------------------------------*/

.fz3_error{
	font-weight:bold;
	text-align:center;
	clear: both;
	font-size: 2.0em;
}

.error_code{
	font-size: 1.6em;
	color: #e85a49;
	margin:20px 0 15px 0;
	clear: both;
	text-align:center;
}

.t_ct1{
	text-align:center !important;
}

.f_13{
	font-size:1.3em;
}


.error_lead a{
	color:#e85a49;
}
.error_lead a:hover{
	color:#e85a49 !important;
	text-decoration:underline;
}



/*---------------------------------------------------------
　H career
---------------------------------------------------------*/

#care01 table h3 {font-weight:margin-bottom:6px;}
#care01 table h3:before {
	content:"○";
	margin-right:5px;
}
#care01 table h4 {font-weight:bold;margin-left:5px;}
#care01 table ul {padding-left:2em;margin-bottom:10px;}
#care01 table ul li {list-style-type: square;line-height:1.4;margin-bottom:5px;}
#care01 table .att {font-size:0.9em;color:#666;margin-bottom:1.5em;}


.ttlE {font-size:1.4em;background:#8ea0b1;color:#fff;padding:10px 0;letter-spacing:0.05em;margin-bottom:6px;position: relative;}
.ttlE:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -8px;
	border: 8px solid transparent;
	border-top: 8px solid #8ea0b1;
}


.listY {/*letter-spacing: -.4em;*/}
.listY li {display:inline-block;/*letter-spacing: normal;*/margin-right:10px;}
.listY li label {font-size:14px;}
.half li {width:45%;margin:0 0 10px 0;}



.tbForm {
	border-collapse:collapse;border-spacing:0px;
	width:100%;
	margin:0 0 30px 0;
	clear:both;
	font-size:14px;
}
.tbForm th {
	padding:15px 20px 13px 20px;
	width:30%;
	border-right:0;
	text-align:left;
	background:#f7f7f7;
	font-weight:lighter;
	vertical-align:top;
	border-bottom:5px solid #fff;
}
.tbForm td {
	padding:15px 20px 13px 20px;
	background:#f7f7f7;
	border-bottom:5px solid #fff;
	width:70%;
	border-left:0;
	line-height:1.5;
	text-align:left;
}

.tbForm th span {
	background:#e85b49;
	color:#fff;
	font-size:80%;
	text-align:center;
	padding:3px 0.5em;
	float:right;
}
.tbForm th span.att {
	background:none;
	padding:0;
	font-size:90%;
	float:none;
	color:#666;
}


.tbForm td .alrt_msg,
p.alrt_msg {
	display:block;
	background:#ffe6e6;
	color:#e50012;
	padding:4px 5px;
	font-size:12px;
	margin:3px 0;
}

.checkArea p.alrt_msg {width:55%;margin:10px auto;text-align:left;padding-left:10px;}



.boxInner {}
.boxInner p, .boxInner select, .boxInner input {display:inline-block;}
.boxInner p {margin:0 6px;}
.boxInner p.att {display:block;color:#666;margin:0;font-size:90%;}



.button {display:inline-block;margin:30px 0;width:100%;}
.button a {
	display:inline-block;
	border:2px solid #388fe1;
	padding:20px 4em;
	font-size:21px;
	background:#388fe1;
	color:#fff !important;
}
.button a:hover {
	background:#fff;
	color:#388fe1 !important;
	transition-property: background;
	transition-duration: 0.3s;
	transition-timing-function: ease;
}

.button a#btn_back {
	display:inline-block;
	border:2px solid #999;
	padding:20px 2em;
	font-size:21px;
	background:#999;
	color:#fff !important;
	margin-left:10px;
}
.button a#btn_back:hover {
	background:#fff;
	color:#999 !important;
	transition-property: background;
	transition-duration: 0.3s;
	transition-timing-function: ease;
}





.policyTxt {font-size:13px;color:#666;}


.form_messe {}
.form_messe p {font-size:15px;line-height:1.8;margin-bottom:1em;}
.form_messe p.messe {font-size:18px;font-weight:bold;}

.btnBack {display:inline-block;width:40%;margin:20px auto;}
.btnBack a {
	display:block;
	background:#e85a4c;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	padding:10px 0em;

	border-radius:         6px;
	-webkit-border-radius: 6px;
	-moz-border-radius:    6px;
}
.btnBack a:hover {
	color:#fff !important;
	background: rgba(232,90,76,0.7);
}



.bntEntry {display:inline-block;margin:30px auto;}
.bntEntry a {
	display:block;
	background:#e85a49;
	color:#fff;
	font-size:21px;
	font-weight:bold;
	padding:25px 5em;
	border:2px solid #e85a49;
}
.bntEntry a:hover {
	background:#fff;
	color:#e85a49 !important;
	opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";
	transition-property: background;
	transition-duration: 0.3s;
	transition-timing-function: ease;
}





	/*--CLEAR--*/
	.boxInner:after,
	.tbForm th:after {content:"";display:table;clear:both;zoom:1;}





/* input ----------------------------------- */
input[type=radio],
input[type=checkbox] {
	display: inline-block;
	margin-right: 10px;
}
input[type="text"]:focus {border:1px solid #5372f4;outline: 0;}

input[type=radio] + label,
input[type=checkbox] + label {
	position: relative;
	display: inline-block;
	margin-right: 12px;
	font-size: 16px;
	cursor: pointer;
}

@media (min-width: 1px) {
	input[type=radio],
	input[type=checkbox] {
		display: none;
		margin: 0;
	}

	input[type=radio] + label,
	input[type=checkbox] + label {
		padding: 0 0 0 35px;
	}

	input[type=radio] + label::before,
	input[type=checkbox] + label::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		width: 27px;
		height: 27px;
		margin-top: -12px;
		background: #fff;
	}

	input[type=radio] + label::before {
		border: 1px solid #c3beba;
		border-radius: 30px;
	}
	input[type=checkbox] + label::before {
		border: 1px solid #ccc;
	}

	input[type=radio]:checked + label::after,
	input[type=checkbox]:checked + label::after {
		content: "";
		position: absolute;
		top: 50%;

		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
	}

	input[type=radio]:checked + label::after {
		left: 5px;
		width: 11px;
		height: 11px;
		margin: -4px 0 0 3px;

		background: #5372f4;
		border-radius: 10px;
	}
	input[type=checkbox]:checked + label::after {
		left: 3px;
		width: 21px;
		height: 13px;
		margin: -7px 0 0 0px;
		border-left: 5px solid #5372f4;
		border-bottom: 5px solid #5372f4;

		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

} /* end */


input[type="text"], textarea, select {
	padding:10px;
	margin:0 5px 0 0;
	background-color:#fff;
	border: 1px solid #ccc;
}

textarea {
	width:96%;
	height:8em;
}



/* 調整 */
.sizeSS {width:20%;}
.sizeS  {width:30%;}
.sizeM, .sizeMM {width:60%;}
.sizeL  {width:96%;}




/* ---------------------------------- PC --*/
@media screen and (min-width: 1140px) {
}	/* end */


/* ---------------------------------- タブレット　横 --*/
@media screen and (min-width: 960px) and (max-width: 1140px) {
}	/* end */


/* ---------------------------------- タブレット縦 --*/
@media screen and (min-width: 600px) and (max-width: 959px){
}	/* end */


/* ---------------------------------- スマホ --*/
@media screen and (max-width: 599px) {

	#care01 table.base td {padding:15px 10px;}

	.tbForm th {
		padding:15px 20px 5px 20px;
		display:block;
		width:auto;
		border-right:0;
		text-align:left;
		background:#f7f7f7;
		font-weight:lighter;
		vertical-align:top;
		border-bottom:0px solid #fff;
	}
	.tbForm td {
		padding:5px 20px 13px 20px;
		display:block;
		background:#f7f7f7;
		border-bottom:5px solid #fff;
		width:auto;
		border-left:0;
		line-height:1.5;
		text-align:left;
	}

	.button a {
		border:2px solid #388fe1;
		padding:10px 2em;
		font-size:18px;
	}

	.button a#btn_back {
		border:2px solid #999;
		padding:10px 1.5em;
		font-size:18px;
	}


	.policyTxt {font-size:11px;}

	.bntEntry a {
		font-size:18px;
		padding:10px 3em;
	}

	.half li {width:auto;margin:0 0 10px 0;display:block;}


}





	/* end */


/*---------------------------------------------------------
　H comeback
---------------------------------------------------------*/
/* リストコンテナ */
.list-container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 10px auto 50px auto;
  	list-style: none;
}
/* リストアイテム */
.list-item {
    position: relative;
    padding: 20px 20px 20px;
    border-radius: 5px;
    text-align: center;
    margin: 0 10px;
    width: 45%;
    height: auto;
    font-size: 14px;
    font-weight: 600;
    border:1px solid #ccc;
}
.list-item2 {
    position: relative;
    padding: 34px 20px 30px 20px;
    border-radius: 5px;
    text-align: center;
    margin: 0 10px;
    width: 45%;
    height: auto;
    font-size: 14px;
    font-weight: 600;
   border:1px solid #ccc;
}

/* リストアイテムの後ろに三角形を表示 */
.list-item::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -18px;
    transform: translateY(-50%);
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 18px solid #ccc;
}
.list-item2::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -18px;
    transform: translateY(-50%);
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 18px solid  #ccc;
}
/* 最後のリストアイテムの三角形を非表示にする */
.list-item:last-child::after {
    display: none;
}
/* デフォルトのスタイル（改行を適用） */
.responsive-br {
    display: inline;
}

/* レスポンシブ対応 */
@media (max-width: 768px) {
    .list-container {
        flex-direction: column;  /* 縦並びに変更 */
        padding: 0 20px;
    }
.list-item {
        margin: 0 0 20px 0;  /* 下にスペースを追加 */
        width: 100%;
        font-size: 16px;
        font-weight: 600;
   border:1px solid #ccc;
    }
/* スマートフォンでは三角形を下に表示 */
.list-item::after {
        top: auto;
        bottom: -18px;
        right: 50%;
        left: 50%;
        transform: translateX(-50%);
        border-top: 18px solid #ccc;
        border-left: 18px solid transparent;
        border-right: 18px solid transparent;
        border-bottom: none;
    }
.list-item2::after {
        top: auto;
        bottom: -18px;
        right: 50%;
        left: 50%;
        transform: translateX(-50%);
        border-top: 18px solid #ccc;
        border-left: 18px solid transparent;
        border-right: 18px solid transparent;
        border-bottom: none;
    }
.list-item2 {
    position: relative;
    padding: 20px 25px;
    border-radius: 5px;
    text-align: center;
    margin: 0px 10px 20px 10px;
    width: 98%;
    height: auto;
    font-size: 16px;
    font-weight: 600;
   border:1px solid #ccc;
}

.responsive-br {
         display: none;}
}



/*---------------------------------------------------------
　H sustainability
---------------------------------------------------------*/
/* index */
#sus01 {margin-bottom:90px;}

#sustainability #colMain .read {
	color:#333;
	font-size:18px;
	margin-bottom:20px;
	text-align:left;
	letter-spacing:3px;
}

#sustainability #colMain #activities .read {
	font-size:16px;
	letter-spacing:1px;
	margin-bottom:60px;
}


#sustainability #colMain .heading3 {
	color:#3070bf;
	font-size:24px;
	font-weight:bold;
	position:relative;
	margin-bottom:50px;
	text-align:center;
	display:inline-block;
	letter-spacing:3px;
}

#sustainability #colMain .heading3:after {
	content:"";
	position:absolute;
	bottom:-15px;
	display:inline-block;
	width:70px;
	height:3px;
	left:calc(50% - 35px);
	background-color:#3070bf;
	border-radius:2px;
}

/* policy */
#sustainability #policy {
	margin-bottom:90px;
}

#sustainability #policy table {
	margin-bottom:35px;
	border:1px solid #CCC;
	border-collapse:collapse;
}

#sustainability #policy table th {
	color:#FFF;
	font-size:28px;
	font-weight:bold;
	vertical-align:top;
	border:1px solid #CCC;
	letter-spacing:5px;
	padding:15px;
}

#sustainability #policy table th span {
	font-size:18px;
	display:block;
	letter-spacing:3px;
}

#sustainability #policy table td {
	width:60%;
	color:#333;
	font-size:14px;
	line-height:1.8;
	text-align:left;
	border:1px solid #CCC;
	letter-spacing:1px;
}

#sustainability #policy table.Env th { background:#53a949; }
#sustainability #policy table.Social th { background:#db6929; }
#sustainability #policy table.Gov th { background:#3070bf; }

#sustainability #policy table.Env,
#sustainability #policy table.Env th,
#sustainability #policy table.Env td { border-color:#53a949; }

#sustainability #policy table.Social,
#sustainability #policy table.Social th,
#sustainability #policy table.Social td { border-color:#db6929; }

#sustainability #policy table.Gov,
#sustainability #policy table.Gov th,
#sustainability #policy table.Gov td { border-color:#3070bf; }



#sustainability #policy table td img {
	width:100%;
	height:auto;
	vertical-align:bottom;
}

#sustainability #policy table td ul {
	padding:35px 15px;
	margin-left:30px;
}

#sustainability #policy table td ul li {
	list-style:disc;
	line-height:1.4;
	margin-bottom:5px;
}

#sustainability #policy .linkBox {
	text-align:left;
	margin-bottom:50px;
}

#sustainability #policy .linkBox a {
	color:#3070bf;
	font-size:16px;
	font-weight:bold;
	position: relative;
	display: inline-block;
	padding: 0 0 0 20px;
	letter-spacing:1px;
}

#sustainability #policy .linkBox a::before,
#sustainability #policy .linkBox a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

#sustainability #policy .linkBox a::before{
	left: 3px;
	width: 6px;
	height: 6px;
	border-top: 2px solid #3070bf;
	border-right: 2px solid #3070bf;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* activities */

#sustainability #activities {
	margin-bottom:90px;
}

#sustainability #activities .intro {
	margin-bottom:60px;
	position:relative;
}

#sustainability #activities .intro p {
	border:2px solid #3070bf;
	padding:10px;
	color:#3070bf;
	font-size:18px;
	font-weight:bold;
	letter-spacing:1px;
}

#sustainability #activities .intro::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -30px;
	left: 0;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: #daf1f4 transparent transparent transparent;
	border-width: 30px 200px 0 200px;
}

#sustainability #activities ul {
	display:flex;
	justify-content:space-between;
	margin-left:-40px;
}

#sustainability #activities ul li {
	background:#daf1f4;
	padding:10px;
	border-radius:5px;
	box-sizing:border-box;
	flex:0 1 calc(100% / 2);
	margin-left:40px;
}

#sustainability #activities ul li img {
	width:100%;
	height:auto;
}


/*  */
#sustainability #indexBanner .inner ul li p {
	font-size:14px;
}

/* ---------------------------------- PC --*/
@media screen and (min-width: 1140px) {

}	/* end */


/* ---------------------------------- タブレット　横 --*/
@media screen and (min-width: 960px) and (max-width: 1140px) {

	#sus01 img {width:100%;height:auto;}


}	/* end */



/* ---------------------------------- タブレット縦 --*/
@media screen and (min-width: 600px) and (max-width: 959px){

	#sus01 img {width:100%;height:auto;}

}	/* end */


/* ---------------------------------- スマホ --*/
@media screen and (max-width: 599px) {

	#sus01 {
		margin-bottom:20px;
	}

	#sus01 img {width:100%;height:auto;}

	#sustainability #colMain .heading3 {
		font-size:21px;
	}

	#sustainability #colMain .read {
		font-size:16px;
		margin-bottom:30px;
	}

	#sustainability #policy {
		margin-bottom:20px;
	}

	#sustainability #policy table th {
		display:block;
		font-size:24px;
	}

	#sustainability #policy table th span {
		font-size:16px;
	}

	#sustainability #policy table td {
		display:block;
		width:100%;
	}

	#sustainability #policy table td ul {
		margin-left:15px;
	}

	#sustainability #activities {
		margin-bottom:20px;
	}

	#sustainability #activities .intro::after {
		border-width:30px 50px 0 50px
	}

	#sustainability #activities .intro p {
		font-size:16px;
	}

	#sustainability #activities ul {
		display:block;
	}

	#sustainability #activities ul li {
		margin-bottom:20px;
	}

}	/* end */