h2{
		text-align: center;
	    font-size: 2.85rem;
	    font-weight: 500;
	}
	body{
		overflow-x: hidden;
	}
	/*----------top_link----------*/
	.top_link{
		background-image: url(../img/social_trust/kv.png);
		background-position: center;
		background-size: cover;
		padding: 20vh 0 25.5vh;
		text-align: center;
	}
	.top_link h1,
	.top_link p{
		color: #fff;
	}
	/*----------recruit---------*/
	.recruit{
		margin-top: -175px;
	}
	.recruit h2{
	    color: #453b5b;
	    margin-bottom: 50px; 
	}
	.recruit .tab_block {
    	max-width: 1000px;
    	margin: 0 auto;
	}
	.recruit .content_list li{
		padding: 70px 0;
		background-position: center;
		background-size: cover;
	}

	.iconTab .content_block h5{
		color: #601981;
		font-size: 1.25rem;
    	padding-bottom: 50px;
	}
	.iconTab .content_block{
		background-color: #fff;
		padding: 0;
	}
	.iconTab ul.tab_list > li.active:after {
    	display: none;
	}
	.iconTab .content_block .goal{
		margin-bottom: 50px;
	}
	.iconTab .content_block .goal img,
	.iconTab .content_block .goal h2{
		display: inline-block;
		vertical-align: middle;
	}
	.iconTab .content_block .goal h2{
		margin-bottom: 0;
	}
	.news .banner figure img,
	.investors_area figure img,
	.iconTab .content_block .goal img{
		margin-right: 25px;
	}
	/*----------finance_box&annual_report_box&governance_box---------*/
	.focus{
		text-align: center;
	}
	.governance_box{
		position: relative;
	}
	.governance_box .w1200 h5{
		width: 65%;
	    font-size: 1.75rem;
	    color: #222;
	    text-align: justify;
	}
	.governance_box .w1200 a{
		color: #d9c090;
		margin-bottom: 50px;
		cursor: pointer;
	}
	.governance_box .w1200 a:hover{
		color: #fff;
	}
	.sign{
		margin: 10px 0 50px;
	}
	.sign img,
	.sign p{
		display: inline-block;
		vertical-align: bottom;
	}
	.ure_master{
		position: absolute;
	    bottom: 0;
	    left: 55%;
	}
	#MasterBox p{
		margin-bottom: 15px;
		text-align: justify;
	}
	
	.finance_box .w1200 p{
		margin-bottom: 100px;
	}
	.form_mobile_on{
		display: none;
	}

	.finance_box .finance_block {
		position: relative;
		display: inline-block;
		width: 320px;
		height: 320px;
	}

	.finance_box .finance_block span {
		display: inline-block;
		width: 240px;
		text-align: left;
		color: #fff;
		position: absolute;
		top: 110px;
		left: 50%;
		transform: translate(-50%, 0);
	}

	.synopsis_box .sustainable li{
		display: inline-block;
		width: calc(50% - 5px);
		margin-bottom: 15px;
		padding: 0 5px;
	}
	.synopsis_box .sustainable figure:hover{
		-webkit-box-shadow: 0 5px 10px 0 rgba(230,222,190,1);
    	box-shadow: 0 5px 10px 0 rgba(230,222,190,1);
	}
	.sustainable{
		margin-bottom: 100px;
	}
	.sustainable li a{
		width: 100%;
	}
	.sustainable figure{
		display: flex;
		height: 250px;
	}
	.sustainable figure div{
		background-position: center;
		background-size: cover;
		width: 50%;
	}
	.sustainable figure figcaption{
		padding: 25px;
		position: relative;
		width: 50%;
		background-color: #f9f9f9;
	}
	.sustainable figure:hover figcaption{
		background-color: #fff;
	}
	.sustainable figure:hover h4,
	.sustainable figure:hover .more p,
	.sustainable figure:hover .more i{
		color: #d9c090;
	}
	.sustainable figure h4{
		color: #601980;
		padding-bottom: 15px;
		font-size: 1.175rem;
    	font-weight: 600;
	}
	.sustainable h3,
	.sustainable .summary{
		font-size: 0.85rem;
	}
	.sustainable .summary{
		margin-bottom: 100px;
	}
	.more{
		position: absolute;
		bottom: 5%;
	    right: 7.5%;
	    text-align: right;
	}
	.more p,
	.more i{
		color: #601980;
		display: inline-block;
		vertical-align: middle;
	}
	.sustainable figure h4,
	.more p,
	.more i,
	.synopsis_box .sustainable figure,
	.sustainable figure figcaption{
		-webkit-transition: all 0.25s ease-in;
		-moz-transition: all 0.25s ease-in;
		-ms-transition: all 0.25s ease-in;
		-o-transition: all 0.25s ease-in;
		transition: all 0.25s ease-in;
	}
	.sustainable_last{
		margin-bottom: 0;
	}


	.annual_report_box a{
		display: inline-block;
		margin-bottom: 25px;
		-webkit-transition: all 0.25s ease-in;
		-moz-transition: all 0.25s ease-in;
		-ms-transition: all 0.25s ease-in;
		-o-transition: all 0.25s ease-in;
		transition: all 0.25s ease-in;
		position: relative;
		cursor: pointer;
		background-color: #fff;
		border: 1px solid #d4bb8b;
		padding: 15px 15px 15px 25px;
		color:#000;
		margin-right: 25px;
		width: calc(25% - 25px);
	}
	.annual_report_box a p{
		font-size: .9rem;
	}
	.annual_report_box a i{
		color: #d4bb8b;		
	}
	.investor_information a div,
	.annual_report_box a div{
    	display: flex;
    	justify-content: space-between;
    	align-items: center;
	}
	.annual_report_box a:nth-child(4n){
		margin-right: 0;
	}
	.annual_report_box a:hover{
		background-color: #352b4f;
		color: #fff;
	}
	.annual_report_box a:hover{
		-webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.25);
		box-shadow: 0 0 5px 1px rgba(0,0,0,0.25);
	}
	
	.mobile_open{
		display: none;
	}
	/*----------news---------*/
	.mobile_menu{
		display: none;
	}
	.news{
		padding-bottom: 130px;
	}
	.news .banner{
	    background-size: 100% auto;
	    background-position: center top;
	    background-repeat: no-repeat;
	    width: 100%;
    	padding-bottom: 12.5%;
    	position: relative;
	}
	.news .banner figure{
		position: absolute;
	    top: 50%;
	    left: 0;
	    right: 0;
	    -moz-transform: translate( 0%,-50%);
		-webkit-transform: translate( 0%,-50%);
		-o-transform: translate( 0%,-50%);
		-ms-transform: translate( 0%,-50%);
		transform: translate( 0%,-50%);
  	}
  	.news .banner figure img,
  	.news .banner figure h2{
		display: inline-block;
		vertical-align: middle;
  	}
  	.news h2{
  		color: #fff;
  	}
  	.news_content{
		padding-top: 50px;
  	}
  	.news_content select{
  		width: 150px;
  	}
  	.news .container {
	    overflow: hidden;
	    max-height: 650px;
	}
	.news_content #myBtnContainer{
		text-align: center;
		margin-top: 25px;
	    padding: 15px 0;
	    border-bottom: 1px solid #eee;
	}
	.news_content #myBtnContainer li{
		display: inline-block;
		cursor: pointer;
		font-size: 1.25rem;
    	width: 15%;
    	color: #d4bb8b;
    	border-right: 1px solid #d4bb8b;
	}
	.news_content #myBtnContainer li.active{
		color: #601981;
	}
	.news_content #myBtnContainer li:nth-last-child(1){
		border: 0;
	}
	.news .filterDiv {
	    display: none;
	}
	.news .show {
    	display: block;
	}
	.container table td{
		padding: 25px 0px;
		color: #565656;
		font-size: 1rem;
	}
	.container td:nth-child(1){
		width: 7.5%;
	}
	.container td:nth-child(2){
		width: 17.5%;
		text-align: center;
		color: #fff;
	}
	.container td:nth-child(3){
		width: 70%;
		padding-left: 2.5%;
		padding-right: 2.5%;
	}
	.container td:nth-child(3):hover a{
		color: #601981;
	}
	.container td:nth-child(2) p{
		margin: 0 25px;
	}
	.container .finance td:nth-child(2) p{
		background-color: #7fb2d7;
	}
	.container .development td:nth-child(2) p{
		background-color: #a984ac;
	}
	.container .investment td:nth-child(2) p{
		background-color: #c88a8a;
	}
	.container .responsibility td:nth-child(2) p{
		background-color: #669f7e;
	}
	.container .other td:nth-child(2) p{
		background-color: #929699;
		word-break: break-all;
	}
	.container td:nth-child(3) a{
		text-align: justify;
		word-break: break-all;
	}
	/*----------investors---------*/
	.investors{
		position: relative;
		margin-bottom: -1px;
	}
  	.investors .col50{
  		position: relative;
  		height: 100%;
  		padding-bottom: 45%;
		background-size: cover;
	    background-position: center top;
	    background-repeat: no-repeat;
  	}
  	.investors .col50:nth-child(2){
		margin-left: -4px;
  	}
  	.investors_area{
  		position: absolute;
  		top: 50%;
  		left: 50%;
  		-moz-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
  	}
  	.investors_area figure img,
  	.investors_area figure h2{
  		display: inline-block;
    	vertical-align: middle;
    	padding-bottom: 25px;
  	}
  	.investors_area h2{
		color: #d4bb8b;
		text-align: left;
	}
	.investors_area h4{
		color: #fff;
		margin-bottom: 15px;
	}
	.investors_area p{
		color:  rgba(255, 255, 255, 0.75);
		padding-bottom: 35px;
	}
	.investors_area p span{
		padding: 0 10px;
	}
	.investors_area .investor_information a{
		width: 35%;
		background-image: url(../img/btn_bg-blue02.png);
		cursor: pointer;
		position: relative;
	    text-align: center;
	    padding: 15px 30px;
	    margin: 0 20px;
	    color: #fff;
	    margin-bottom: 10px;
	}
	.investors_area .investor_information a .information{
		width: 100%;
		background-color: #2a2c3d;
		padding: 0;
	}
	.investors_area .investor_information a:hover .information{
		background-color: #44475b;
	}
	.investors_area .investor_information a p{
		padding-bottom: 0;
	}
	.investors_area .gold_arrow{
		color: #d4bb8b;
	}
	.investors_area .investor_information a:hover p{
		color: #d4bb8b;
	}
	.investors_area .investor_information a:before, 
	.investors_area .investor_information a:after{
		content: "";
	    position: absolute;
	    height: 100%;
	    width: 18px;
	    top: 0;
	    background-size: 100% 100%;
		background-image: url(../img/btn_bg-blue.png);
	}
	.investors_area .investor_information a:before{
		left: -17px;
	}
	.investors_area .investor_information a:after{
		right: -17px;
	    -moz-transform: rotate(180deg);
	    -webkit-transform: rotate(180deg);
	    -o-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	    transform: rotate(180deg);
	}
	.investors_area .investor_information a:hover{
		background-image: url(../img/btn_bg-lightblue02.png);
	}
	.investors_area .investor_information a:hover:before, 
	.investors_area .investor_information a:hover:after{
		background-image: url(../img/btn_bg-lightblue.png);
	}
	.investors_area .link:hover{
		color: #fff;
	}
	.investors_area .investor_information a .information,
	.investors_area .investor_information a p,
	.investors_area .investor_information a:before, 
	.investors_area .investor_information a:after,
	.investors_area .investor_information a,
	.investors_area .link:hover{
		-webkit-transition: all 0.25s ease-in;
		-moz-transition: all 0.25s ease-in;
		-ms-transition: all 0.25s ease-in;
		-o-transition: all 0.25s ease-in;
		transition: all 0.25s ease-in;
	}

	.lightBox .lightBoxScrollbar{
		max-height: 650px;
		overflow-x: hidden;
	}

	.lightBox .period th:nth-child(1),
	.lightBox .period td:nth-child(1){
		width: 20%;
	}
	.lightBox th,
	.lightBox td{
		text-align: center;
	}
    .lightBox .content_path {
    	margin-bottom: 0;
	}
	.lightBox .content_path:hover a{
    	color: #601981;
	}
	.lightBox .period{
		margin-bottom: 50px;
	}
	
	.lightBox .event_information th,
	.lightBox .monthly_income th{
		background-color: #f6f6f6;
	}
	.event_information .tableHead_block th,
	.monthly_income .tableHead_block th{
		border-bottom: 1px solid #e2dada;
	}
	.monthly_income .tableHead_block th:nth-child(2),
	.monthly_income .tableHead_block th:nth-child(3){
		width:  45%;
	}
	.monthly_income .tableBody_block td,
	.monthly_income .tableHead_blockII th{
		width: 15%;
	}
	.monthly_income .tableHead_blockII th:nth-child(1),
	.monthly_income .tableBody_block td:nth-child(1){
		width: 10%;
	}
	.monthly_income th,
	.monthly_income td{
		border-right: 1px solid #e2dada;
	}
	.monthly_income th:nth-last-child(1),
	.monthly_income td:nth-last-child(1){
		border-right: 0;
	}
	.event_information th:nth-child(1),
	.event_information td:nth-child(1),
	.event_information th:nth-child(4),
	.event_information td:nth-child(4){
		width: 15%;
	}
	.event_information th:nth-child(2),
	.event_information td:nth-child(2),
	.event_information th:nth-child(3),
	.event_information td:nth-child(3){
		width: 35%;
	}
	.event_information td{
		border-right: 1px solid #eee;
	}
	.event_information td:nth-child(4){
		border-right: 0;
	}

/* ----------social_trust_box------------------ */
	#social_trust_box .basicTab ul.tab_list{
		display: flex;
    	justify-content: space-between;
	}
	#social_trust_box .basicTab ul.tab_list > li{
		width: 50%;
	    text-align: center;
	    margin: 0 3px;
	}
	#social_trust_box .basicTab ul.tab_list > li.active,
	#social_trust_box .basicTab ul.tab_list > li{
		background-color: #f4f4f4;
	}
	#social_trust_box .basicTab ul.tab_list > li.active:before{
		top: 100%;
		background-color: #601981;
	}
	#social_trust_box p{
		letter-spacing: .025em;
		margin-bottom: 15px;
	}

	.construction_process{
		width: 100%;
		background-color: #40406b;
		padding: 25px;
		display: flex;
		margin:35px 0 50px;
	}
	.construction_process .report{
		margin-right: 3.5%;
		border-right: 1px solid #d9c090;
		width: 27.5%;
	}
	.construction_process .step{
		width: calc(69% / 3);
		padding: 0 1.5%;
		position: relative;
	}
	.construction_process .report h3{
		font-size: 1.35em;
		margin-bottom: 35px;
	}
	.construction_process .report h3,
	.construction_process .step h5{
		color: #d9c090;
	}
	.construction_process .report a{
		display: flex;
	    justify-content: space-between;
	    align-items: center;
	    width: 60%;
	    padding: 10px 15px;
	}
	#social_trust_box .construction_process .report a p{
		margin-bottom: 0;
		margin-right: 10px;
		font-weight: 100;
	}
	#social_trust_box .construction_process .report a p,
	#social_trust_box .construction_process .report a i{
		color: #d9c090;
	}
	#social_trust_box .construction_process .report a:hover p,
	#social_trust_box .construction_process .report a:hover i{
		color: #fff;
		-webkit-transition: all 0.25s ease-in;
		-moz-transition: all 0.25s ease-in;
		-ms-transition: all 0.25s ease-in;
		-o-transition: all 0.25s ease-in;
		transition: all 0.25s ease-in;
	}
	
	.construction_process .step i{
		color: #fff;
		position: absolute;
		right: 10%;
		top: calc(50% - 14px);
	    font-size: 1.75em;
	    opacity: 0.5;
	}
	.construction_process .step h5{
		background-color: transparent;
		padding:0;
		font-size: 1.15em;
		margin-bottom: 25px;
	}
	.construction_process .step ul,
	.construction_process .step li{
		list-style: disc;
    	margin-left: 10px;
	}
	.construction_process .report p,
	.construction_process .step ul li{
		color: #fff;
		font-size: .8em;
	}
	.respond{
		text-align: center;
    	display: flex;
    	justify-content: center;
	}
	.respond li{
		display: inline-block;
		font-size: 0.9rem;
		margin: 0 2.5px;
	    color: #5d5470;
	    width: 25%;
	    text-align: center;
	    cursor: pointer;
	    padding: 20px 0;
    	background-color: #fff;
	}
	.respond li.active{
		background: #f4f4f4;
		color: #601981;
	}
	.pipeline{
		background-color: #f4f4f4;
		padding: 30px 50px;
		margin: 0 2.5px;
	}
	.pipeline li{
		display: none;
	}
	.pipeline li.active{
		display: block;
		position: relative;
	}
	.pipeline li table th,
	.pipeline li table td{
		text-align: left
	}
	.pipeline li .tableBody_block th,
	.pipeline li .tableBody_block td,
	.pipeline li .tableHead_block th{
		padding-left: 20px;
	}
	.box_2 .tableHead_block th,
	.pipeline li .tableHead_block th{
		color: #d9c090;
		background-color: #f4f4f4;
		border-right: 1px solid #e2dada;
		border-bottom: 1px solid #e2dada;
	}
	.pipeline li .tableBody_block th,
	.pipeline li .tableBody_block td{
		background-color: #fff;
	}
	.box_2 .tableBody_block tr td:nth-last-child(1),
	.box_2 .tableHead_block th:nth-last-child(1),
	.pipeline li .tableHead_block th:nth-last-child(1){
		border-right: 0;
	}
	.box_2 .tableBody_block td,
	.pipeline li .tableBody_block td,
	.pipeline li .tableBody_block th{
		border-right: 1px solid #e2dada;
		border-bottom: 1px solid #e2dada;
	}
	.pipeline li .tableHead_block th:nth-child(1),
	.pipeline li .tableHead_block th:nth-child(2),
	.pipeline li .tableBody_block th,
	.pipeline li .tableBody_block td:nth-child(1){
		width: 30%;
	}
	.pipeline li .tableHead_block th:nth-child(3),
	.pipeline li .tableBody_block td:nth-child(3){
		width: 20%;
	}
	.box_2 .tableBody_block tr td:nth-child(1),
	.box_2 .tableHead_block th:nth-child(1){
		width: 20%;
		text-align: center;
	}
	.box_2 .tableBody_block tr td:nth-child(2),
	.box_2 .tableHead_block th:nth-child(2){
		width: 80%;
	}
	.box_2 .tableHead_block th:nth-child(2){
		text-align: center;
	}
	.box_2 .tableBody_block tr td:nth-child(2){
		text-align: left;
		padding-left: 20px;
	}
	.analysis,
	.box_2 .tableBody_block{
		margin-bottom: 50px;
	}

	.analysis div{
		display: inline-block;
		vertical-align: top;
		width: calc(50% - 5px);
	}
	.economic{
		padding-left: 7.5%;
	}
	.economic li{
		display: inline-block;
		vertical-align: top;
	}
	.economic li:nth-child(1){
		width: 25%;
	}
	.economic li:nth-child(2),
	.economic li:nth-child(3){
		width: 35%;
	}
	.economic li h4{
		color: #d9c090;
	}
	.economic li h4,
	.economic li p{
		font-size: 0.9rem;
	}
	.economic li p{
		margin-bottom: 0px;
	}
	.economic li p,
	.economic li .circle{
		display: inline-block;
		vertical-align: middle;
		font-size: .5rem;
	}
	.economic li .circle{
		text-align: center;
	    color: #fff;
	    width: 20px;
	    height: 20px;
	    border-radius: 50%;
	    margin-right: 5px;
	}
	.economic li .circle.high{
		background-color: #382a6a;
	}
	.economic li .circle.amid{
		background-color: #6564bb;
	}
	.economic li .circle.low{
		background-color: #b8b7e8;
	}
	
	.norm_list li{
		margin: 0 5px;
		border-bottom: 1px solid #d3d3d2; 
	}
	.norm_list li .detail{
		display: none;
	}
	.norm_list li h6{
		position: relative;
	    color: #d9c090;
	    padding: 10px 0;
	    cursor: pointer;
	    font-size: 1rem;
	}
	.norm_list li h6:after{
		content: "";
	    position: absolute;
	    width: 14px;
	    height: 14px;
	    top: 0;
	    bottom: 0;
	    right: 5px;
	    margin: auto 0;
	    background-image: url(../img/icon/gold_arrow_.png);
	    background-size: 100% 100%;
	    -webkit-transition: all .25s ease;
	    -moz-transition: all .25s ease;
	    -ms-transition: all .25s ease;
	    -o-transition: all .25s ease;
	    transition: all .25s ease;
	}
	.norm_list li h6.active:after {
	    -moz-transform: rotate(180deg);
	    -webkit-transform: rotate(180deg);
	    -o-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	    transform: rotate(180deg);
	}
	.norm_list li .detail{
		padding: 0 6.5%;
	}
	.norm_list li .detail p{
		line-height: 1.5;
	    letter-spacing: 0;
	    text-align: justify;
	}
	.norm_list li .detail h6{
		cursor: default;
		position: static;
	}
	.norm_list li .detail p,
	.norm_list li .detail h6{
		font-size: .8rem;
	}
	#social_trust_box .basicTab ul.content_list{
		border: 0;
	}


	.investors .f50 {
		float: left;
		padding-bottom: 35.5%;
		background-repeat: no-repeat;
    	background-size: cover;
	}


/* ----------RWD------------------ */
	@media screen and (max-width: 1440px){
		.investors .f50{
  			padding-bottom: 52.5%;
  		}
		h2 {
    		font-size: 2.5rem;
		}
		.annual_report_box a{
			padding: 15px 10px 15px 10px;
		}
		.annual_report_box a p {
    		font-size: .7rem;
		}
		.recruit .content_list li{
			padding: 50px 0;
		}
		.governance_box .w1200 h5 {
    		font-size: 1.5rem;
		}
		.finance_box .w1200 p {
    		margin-bottom: 75px;
		}
		.synopsis_box .sustainable li{
			padding: 0 10px;
		}
		.sustainable {
    		margin-bottom: 75px;
		}
		.sustainable figure {
    		height: 225px;
		}
		.sustainable figure h4 {
    		padding-bottom: 10px;
		}
		.sustainable figure figcaption {
    		padding: 17.5px;
		}
	}
	@media screen and (max-width: 1366px){
		.top_link {
    		padding: 20vh 0 24.5vh;
		}
		.investors_area p,
		.investors_area figure img, 
		.investors_area figure h2{
			padding-bottom: 15px;
		}
		.investors_area .investor_information a{
			margin-bottom: 2.5px;
		}
		.news_content #myBtnContainer li{
			font-size: 1.15rem;
		}
		.news .banner {
		    background-size: cover;
		    padding-bottom: 15%;
		}
		.recruit {
    		margin-top: -150px;
		}
		.ure_master {
    		left: 50%;
    		width: 50%;
		}
		.construction_process .report a{
			padding: 10px;
		}
		.construction_process .report h3 {
    		font-size: 1.15em;
		}
		.construction_process .step i{
			right: 2.5%;
		}
	}
	@media screen and (max-width: 1024px){
		.investors .f50 {
    		padding-bottom: 62.5%;
		}
		.news_content #myBtnContainer li{
			margin-bottom: 10px;
			font-size: 1rem;
			width: 16%;
		}
		.governance_staff {
    		margin-bottom: 25px;
		}
		.news .banner {
    		padding-bottom: 17.5%;
		}
		.annual_report_box a{
    		margin-right: 15px;
    		width: calc(25% - 15px);
		}
		.top_link {
    		padding: 12vh 0 25vh;
		}
		.annual_report_box a{
		    margin-right: 0;
		    width: 32%;
		    margin-bottom: 5px;
		    padding: 10px;
		}
		.recruit .content_list li{
			padding: 40px 0;
		}
		.governance_box .w1200 h5 {
    		font-size: 1.35rem;
		}
		.finance_box .w1200 p {
    		margin-bottom: 50px;
		}
		.sustainable {
    		margin-bottom: 50px;
		}
		.synopsis_box .sustainable li{
			padding: 0 10px;
		}
		.sustainable figure {
    		height: 215px;
		}
		.construction_process .report{
			margin-right: 1.5%;
		    width: 25%;
		}
		.construction_process .report a {
    		padding: 10px 0;
    		width: 72.5%;
		}
		.construction_process .report h3 {
    		font-size: 1em;
		}
		.construction_process{
			padding: 25px 15px;
		}
		.construction_process .step h5 {
		    font-size: 1em;
		    margin-bottom: 15px;
		}
		/*.construction_process .report p, 
		.construction_process .step ul li {
    		font-size: .5em;
		}*/
		.construction_process .step {
    		width: calc(75% / 3);
		}
	}
	@media screen and (max-width: 1023px){
		.analysis div{
			width: 100%;
		}
		.analysis div img{
			margin: 0 auto;
    		display: block;
    		padding-bottom: 15px;
		}
		.economic {
    		padding: 0 10%;
    		text-align: center;
		}
		.economic li:nth-child(1),
		.economic li:nth-child(2),
		.economic li:nth-child(3){
    		text-align: left;
		}

	}
	@media screen and (max-width: 768px){
		.top_link {
    		padding: 8.5vh 0 18.25vh;
		}
		.news .banner figure img,
		.investors_area figure img,
		.iconTab .content_block .goal img{
			margin-right: 15px;
		}
		h2 {
    		font-size: 2.25rem;
		}
		.investors_area div{
			width: calc(50% - 5px);
			display: inline-block;
    		vertical-align: middle;
		}
		.investors_area div:nth-child(2){
			padding-left: 5%;
		}
		.investors_area .investor_information a ,
		.investors_area .investor_information a:hover{
    		width: 85%;
		}
		.btn:before {
    		left: -17px;
		}
		.btn:after {
    		right: -17px;
		}
		.container td:nth-child(2) {
    		width: 35%;
		}
		.container td:nth-child(3) a {
    		text-align: left;
		}
		.container td{
			vertical-align: top;
		}
		.news {
    		padding-bottom: 65px;
		}
		.governance_staff tr td {
    		width: calc(50% - 5px);
    		display: inline-block;
		}

		.governance_staff table figure {
    		padding: 15px 0;
		}
		.news .banner {
    		padding-bottom: 22.5%;
		}

		.annual_report_box a{
    		padding: 7.5px;
		}

		.content_path a:after{
			width: 13.3px;
	    	height: 17.5px;
		}

		
		.iconTab .content_block h5 {
    		padding-bottom: 25px;
		}
		
		.content_path {
    		margin-bottom: 25px;
		}
		.mobile_close{
			display: none;
		}
		.tableBox.mobile_open{
			display: block;
		}
		.tableBox.mobile_open table{
			margin-bottom: 25px;
		}
		
		.recruit {
    		margin-top: -100px;
		}
		.monthly_income .tableHead_block th{
			width: 25%;
		}
		
		.monthly_income .tableHead_block th{
			border: 1px solid #e2dada;
		}
		.monthly_income .tableHead_block th:nth-child(2){
			width: 35%;
		}
		.monthly_income td:nth-last-child(1){
			border-right: 1px solid #e2dada;
		}
		.monthly_income tr:nth-child(1) td{
			border-top: 1px solid #e2dada;
		}


		.container table td {
    		padding: 12.5px 0px;
		}
		.mobile_menu{
			display: block;
			width: 110%;
    		margin-left: -5%;
		}
		.mobile_menu p{
    		text-align: center;
    		cursor: pointer;
    		margin: 15px 0;
    		color: #d4bb8b;
		}
		.mobile_menu #myBtnContainer{
			margin-top: 0;
			display: none; 
		}
		.mobile_menu #myBtnContainer li{
			width: 100%;
			border-right : 0;
			border-bottom: 1px solid #d4bb8b;
		}
		.news_content #myBtnContainer li:nth-last-child(1){
			border-bottom: 1px solid #d4bb8b;
		}
		.news figure img,
		.investors_area figure img{
			margin-right: 15px;
		}
		.lightBox .event_information th,
		.lightBox .event_information td{
			padding: 10px;
		}
		.iconTab .content_block .goal {
    		margin-bottom: 25px;
		}
		.annual_report_box a{
		    margin-right: 0;
		    width: 49.5%;
		    margin-bottom: 5px;
		    padding: 10px;
		}
		.recruit .content_list li{
			padding: 30px 0;
		}
		.sign img{
			width: 30%;
		}
		.governance_box .w1200 a {
    		margin-bottom: 25px;
		}
		.finance_box .w1200 p {
    		margin-bottom: 35px;
		}
		.sustainable {
    		margin-bottom: 25px;
		}
		.synopsis_box .sustainable li {
    		padding: 0 7.5px;
    		width: 100%;
		}
		.sustainable figure {
    		height: 165px;
		}
		.form_mobile_on{
			display: block;
		}
		.form_pc_on{
			display: none;
		}
		.construction_process{
			flex-wrap: wrap;
		}
		.construction_process .report {
    		margin-right: 0;
    		width: 100%;
    		border-right:0;
    		border-bottom: 1px solid #d9c090;
    		padding: 5px;
    		margin-bottom: 25px;
		}
		.construction_process .report h3 {
    		margin-bottom: 15px;
		}
		.construction_process .report a {
    		width: 25%;
    		float: right;
		}
		.construction_process .report a,
		.construction_process .report h3,
		#social_trust_box .construction_process .report a p{
			display: inline-block;
		}
		.construction_process .step {
    		width: calc(100% / 3);
    		padding: 0 2.5%;
		}
		.analysis, 
		.box_2 .tableBody_block {
    		margin-bottom: 25px;
		}
		.box_2 .f50{
			width: 100%;
		}
		#social_trust_box p {
    		/*margin-bottom: 0px;*/
		}
		.top_link h1{
			font-size: 3.5rem;
		}
	}
	@media screen and (max-width: 620px){
		.top_link {
    		padding: 6.25vh 0 15.25vh;
		}
		.investors .f50 {
    		display: none;
		}
		.investors_area div{
			width: 100%;
		}
		.investors_area {
			width: 100%;
		    position: relative;
		    top: 0;
		    left: 0;
		    -moz-transform: translate(0%,0%);
		    -webkit-transform: translate(0%,0%);
		    -o-transform: translate(0%,0%);
		    -ms-transform: translate(0%,0%);
		    transform: translate(0%,0%);
		}
		.investors_area div{
			padding: 7.5% 5%;
			background-size: cover;
		    background-position: center top;
		    background-repeat: no-repeat;
		}
		.investors_area div:nth-child(1){
			background-color: #383b51;
			text-align: center;
		}
		.investors_area div:nth-child(2){
			background-image: url(../img/investors/investors_bg.png);
		}
		.investors_area .investor_information a,
		.investors_area .investor_information a:hover {
    		width: calc(100% - 34px);
		}
		.lightBox .lightBoxScrollbar{
			max-height: 65vh;
		}
		.governance_box .w1200 h5 {
    		width: 100%;
		}
		.finance_box .w1200 p {
    		margin-bottom: 15px;
		}
		.sustainable {
    		margin-bottom: 15px;
		}
		.construction_process .step {
    		width: 100%;
    		/*border-bottom: 1px solid #d9c090;*/
    	}
    	.construction_process .step i{
    		-moz-transform: rotate(90deg);
		    -webkit-transform: rotate(90deg);
		    -o-transform: rotate(90deg);
		    -ms-transform: rotate(90deg);
		    transform: rotate(90deg);
		    right: calc(50% - 14px);
    		top: 100%;
	    }
	    .construction_process .step{
	    	padding: 0;
    		margin-bottom: 35px;
    		text-align: center;
	    }
	    .construction_process .step ul, 
	    .construction_process .step li {
    		list-style: none;
		}
		.construction_process .step:nth-last-child(1){
			margin-bottom: 0;
		}
		.construction_process .report a {
    		width: 35%;
		}
		.construction_process .report p{
			text-align: center;
		}
		.economic {
    		padding: 0;
		}
		.pipeline li .tableBody_block th, 
		.pipeline li .tableBody_block td, 
		.pipeline li .tableHead_block th {
    		padding-left: 0; 
		}
		.pipeline {
    		padding: 25px 15px;
		}
		.top_link h1{
			font-size: 3rem;
		}
		h2 {
    		font-size: 2rem;
		}
		.investors_area figure img, 
		.investors_area figure h2{
			padding-bottom: 0;
		}
	}
	@media screen and (max-width: 520px){
		.news .banner {
    		padding-bottom: 25%;
		}
		.iconTab .content_block .goal {
    		margin-bottom: 15px;
		}
		.ure_master {
    		left: 42.5%;
    		width: 55%;
		}
		.investors_area .investor_information a{
			padding: 15px;
		}
	}
	@media screen and (max-width: 480px){
		.top_link h1 {
    		font-size: 2.75rem;
		}
		.top_link {
    		padding: 4.5vh 0;
		}
		.annual_report_box a{
			width: 100%;
		}
		.container td:nth-child(1), 
		.container td:nth-child(2) {
		    width: 49%;
		    display: inline-block;
		    padding: 5px 0;
		    margin-top: 10px;
		    height: 32.5px;
		}
		.container td:nth-child(1) {
    		text-align: center;
		}
		.container td:nth-child(3) {
		    width: 100%;
		    display: flex;
		    padding: 5px 0;
		    margin-bottom: 10px;
		}

		.news .banner {
    		padding-bottom: 27.5%;
		}
		.news_content {
    		padding-top: 25px;
		}
		.news_content #myBtnContainer {
    		margin-top: 10px;
		}

		.content_block h4.on_480{
			text-align: center;
		    margin-bottom: 15px;
		    padding: 4px 0;
		    font-size: 1.6rem;
		    background-color: #e6e0e8;
		    border-bottom: 1px solid #b5a4bd;
		}
		.iconTab ul.content_list > li {
		    display: block;
		    margin-bottom: 25px;
		}
		.close_480{
			display: none;
		}
		.recruit {
    		margin-top: 25px;
		}
		.recruit h2 {
    		margin-bottom: 25px;
		}

		.news .container{
			max-height: 400px;
		}
		.focus,
		.iconTab .content_block .goal {
    		display: none;
		}
		.recruit .content_list li{
			padding: 0;
		}
		.sign {
    		padding-bottom: 45px;
		}
		.sustainable figure div {
    		width: 40%;
		}
		.sustainable figure figcaption {
    		width: 60%;
		}
		.sustainable figure .more{
			width: 100%;
		}
		.construction_process .report a, 
		.construction_process .report h3{
			display: block;
			float: none;
			text-align: center;
			margin: 0 auto 5px;
		}
		.content_list h4.on_480{
			text-align: center;
		    margin-bottom: 15px;
		    padding: 4px 0;
		    font-size: 1.6rem;
		    background-color: #e6e0e8;
		    border-bottom: 1px solid #b5a4bd;
		}
		.respond li,
		#social_trust_box .basicTab ul.tab_list{
			display: none;
		}
		.basicTab ul.content_list > li,
		.pipeline li{
			display: block;
			margin-bottom: 25px;
		}
		.construction_process{
			margin: 35px 0 5px;
		}
		.economic {
    		text-align: left;
		}
		.economic li:nth-child(1),
		.economic li:nth-child(2),
		.economic li:nth-child(3) {
    		width: calc(50% - 5px);
		}
		.pipeline li{
			overflow: auto;
		}
		.pipeline .tableHead_block,
		.pipeline .tableBody_block{
			width: 480px;
		}
	}
	@media screen and (max-width: 400px){
		.investors .col50 {
    		padding-bottom: 75%;
		}
		.news_content #myBtnContainer li {
    		width: 45%;
		}
		.sign {
    		padding-bottom: 25px;
		}
		h2 {
    		font-size: 1.5rem;
		}
	}