@charset "utf-8";
/* CSS Document */
@media print, screen and (min-width: 751px){
	/**#mainTitle.followMenu h1 {
		height: 50px;
		line-height: 100px;
	}**/
	#mainContents .box2_1_pc {
		float: left;
		width: 49%;
		margin-right: 0px;
	}
	#mainContents .box3_1_pc {
		width: calc(33.333% - 10px);
		width: -webkit-calc(33.333% - 10px);
		float: left;
		margin-right: 0px;
	}
	#mainContents .rightSpace {
		/**margin-right: 2%;**/
		margin-right: 15px;
	}
	
	
	#mainContents .txtBox {
		padding: 20px 30px 30px 30px;
		width: calc(60% - 10px);
		width: -webkit-calc(60% - 10px);
		float: left;
	}
	#mainContents .txtBox h1 {
		font-size: 2rem;
	}
	#mainContents .imgBox {
		margin-top: 40px;
		width: calc(33.333% - 10px);
		width: -webkit-calc(33.333% - 10px);
		float: left;
	}
	#mainContents .basicBtn {
		width: 162px;
		margin-top: 20px;
	}
	#mainContents .basicBtn li,
	#mainContents .basicBtn div {
		margin-right: 15px;
		background-color: #ffffff!important;
	}
	#mainContents .basicBtn li:last-child,
	#mainContents .basicBtn div:last-child {
		margin-right: 0;
	}
	#mainContents .basicBtn li a {
		background-color: #FFFFFF;
	}
	#mainContents .basicBtn a {
		display: block;
		text-align: center;
		padding: 15px 45px 15px 25px;
		font-size: 1.8rem;
		font-weight: 400;
		line-height: 1;
		color: #000000 !important;
		text-decoration: none !important;
		border: solid 1px #666666;
		overflow: hidden;
		background-size: 8px auto;
		background-image: url(/commons/v1/img/linkIcon_g.png);
		background-position: right 20px center;
		background-repeat: no-repeat;
		transition: all 0.2s linear !important;
	}
	#mainContents .basicBtn a .sFont {
		font-size: 1.3rem;
		vertical-align: baseline;
	}
	#mainContents .basicBtn a:hover {
		filter: alpha(opacity=60);
		background-image: url(/commons/v1/img/linkIcon_g.png);
		-moz-opacity: 0.6;
		opacity: 0.6;
	}
}
@media print, screen and (min-width: 751px) {
	#mainContents li {
		display: block;
		width: 100%;
	}

	#area1 li {
		width: calc(100%);
		width: -webkit-calc(100%);
	}	
	/**
	#area1 li,
	**/
	#area2 li {
		width: calc(33.333% - 10px);
		width: -webkit-calc(33.333% - 10px);
		margin-right: 15px;
	}
	#area2 #unique li {
		width: calc(50% - 7.5px);
		width: -webkit-calc(50% - 7.5px);
		margin-right: 15px;
		margin-top: 20px;
	}
	#mainContents li:last-child {
		margin-right: 0;
	}
	#area2 #unique li:nth-child(2n) {
		margin-right: 0;
	}
	#area4 ul {
		padding-top: 0px;
	}
	#area4 li a {
		margin-top: 20px;
	}
	#area1 ul {
		padding-top: 0px;
	}
	#area2 #h1_1 {
		padding-top: 30px;
	}
	#area2 #h1_2 {
		padding-top: 30px;
	}
	#area3 p {
		padding-top: 40px;
	}
	#area3 p img {
		margin-right: 10px;
		width: 16px;
	}
	#mainContents li a {
		font-size: 2.0rem;
		color: #008087;
		display: block;
		background-color: #cce6e7;
		background-image: url(/corporate/csr_environment/commons/img/report_icon.png);
		background-position: 20px center;
		background-repeat: no-repeat;
		margin-right: 16px;
		padding: 38px 10px 38px 44px;
		width: calc(100% - 54px);
		width: -webkit-calc(100% - 54px)
	}
	#mainContents li .blankIcon {
		background-image: url(/corporate/csr_environment/commons/img/report_icon.png), url(/corporate/csr_environment/data/home/img/blank_icon.png);
		background-position: 20px center, right 20px center;
		background-size: 14px 14px, 21px 17px;
	}
	#mainContents li .floatM {
		margin-right: 0px;
	}
	#mainContents li a:hover {
		background-image: url(/corporate/csr_environment/commons/img/report_icon_on.png);
		text-decoration: none;
	}
	#mainContents li a.blankIcon:hover {
		background-image: url(/corporate/csr_environment/commons/img/report_icon_on.png), url(/corporate/csr_environment/data/home/img/blank_icon.png);
		text-decoration: none;
	}
	#area2 ul.menubtn {
		padding-top: 20px;
	}
	#unique {
		margin-top: 20px;
	}
	.title2,
	.title4,
	#area3 {
		clear: both;
	}
}


/**
@media only screen and (max-width: 750px){
	#mainTitle .contents {
		position: relative;
		padding-bottom: 12px;
		margin-bottom: 60px;
	}
}
**/
@media only screen and (max-width: 750px) {	
	#mainContents #area1, #mainContents #area2 , #mainContents #area4 {
		margin-top: 0px;
		padding-top: 0px;
	}
	#area1 ul, #area2 ul, #area4 ul {
		margin-top: 20px;
		padding-top: 0px;
	}
	#mainContents li {
		display: inline;
	}
	#mainContents li a {
		font-size: 1.8rem;
		line-height: 24px;
		color: #008087;
		display: block;
		background-color: #cce6e7;
		background-image: url(/corporate/csr_environment/commons/img/report_icon.png);
		background-position: 20px center;
		background-repeat: no-repeat;
		margin-top: 1px;
		padding: 36px 10px 36px 44px;
	}
	#mainContents li .blankIcon {
		background-image: url(/corporate/csr_environment/commons/img/report_icon.png), url(/corporate/csr_environment/data/home/img/blank_icon.png);
		background-position: 20px center, right 20px center;
		background-size: 14px 14px, 21px 17px;
	}
	#unique {
		margin-top: 40px;
	}
	#mainContents .title2 {
		margin-top: 30px;
	}
	#mainContents #area3 p {
		text-indent: -26px;
		padding-left: 26px;
	}
	#mainContents #area3 p img {
		width: 16px;
		height: 21px;
		margin-right: 10px;
		vertical-align: -4px;
	}
	
	
	#mainContents .basicBtn {
		width: auto;
		margin-top: 10px;
	}
	#mainContents .basicBtn li,
	#mainContents .basicBtn div {
		background-color: #ffffff;
		margin-top: 4vw;
	}
	#mainContents .basicBtn li a {
		background-color: #FFFFFF;
		padding-left: 0;
		padding-right: 0;
	}
	#mainContents .basicBtn a {
		display: block;
		text-align: center;
		padding-top: 14px;
		padding-bottom: 14px;
		width: calc(100% - 2px);
		width: -webkit-calc(100% - 2px);
		font-size: 1.4rem;
		font-weight: 400;
		line-height: 1;
		color: #000000 !important;
		text-decoration: none !important;
		border: solid 1px #666666;
		overflow: hidden;
		background-size: 6px auto;
		background-image: url(/commons/v1/img/linkIcon_g.png);
		background-position: right 25px center;
		background-repeat: no-repeat;
	}
	#mainContents .basicBtn a .sFont {
		font-size: 1.12rem;
		vertical-align:baseline;
	}
}