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

/* 後で消す */
/*.cc-color-override--958013087.cc-window{ display: none;}*/


@media (min-width: 768px) {
	#page_menu>li:nth-child(1){ order: 0;}
	#page_menu>li:nth-child(2){ order: 2;}
	#page_menu>li:nth-child(3){ order: 4;}
	#page_menu>li:nth-child(4){ order: 1;}
	#page_menu>li:nth-child(5){ order: 3;}
	#page_menu>li:nth-child(6){ order: 5;}
	#page_menu>li:nth-child(7){ order: 6;}
	
	.gov_page_menu>li:nth-child(1){ order: 0!important;}
	.gov_page_menu>li:nth-child(2){ order: 1!important;}
	.gov_page_menu>li:nth-child(3){ order: 2!important;}
	.gov_page_menu>li:nth-child(4){ order: 3!important;}
	.gov_page_menu>li:nth-child(5){ order: 4!important;}
	.gov_page_menu>li:nth-child(6){ order: 5!important;}
	.gov_page_menu>li:nth-child(7){ order: 6!important;}
}


@media (min-width: 768px){
	#r_container{ padding-top: 20px; margin-bottom: 100px;}
	.r_container{ margin-bottom: 50px;}
}
@media (max-width: 767.98px){
	#r_container{ padding-top: 20px; margin-bottom: 50px;}
}


/* タブ風メニュー */
@media (min-width: 768px) {
	.tab_menu{ display: flex; flex-wrap: wrap; justify-content: center; text-align: center; margin: 40px 215px 70px;}
	.tab_menu2{ margin: 40px 100px 70px;}
	.tab_menu>a{ width: 200px; min-height: 70px; background-color: #eee; margin-right: 20px; margin-bottom: 10px; padding: 10px 20px; color: #212529; display: inline-flex; justify-content: center; align-items: center; z-index: 3;}	
	.tab_menu>a:last-child{ margin-right: 0;}
	.tab_menu>a:nth-child(3n){ margin-right: 0;}
	.tab_menu2>a:nth-child(3n){ margin-right: 20px;}
	.tab_menu2>a:nth-child(4){ margin-right: 0;}
	.tab_menu>a:hover{ text-decoration: none; opacity: 0.8;}
	.tab_menu .tab_menu_active{ text-decoration: none; background-color: #0088d2!important; color: #fff;}
	#menu{ padding-top: 160px; margin-top: -160px;}
	
	#memo{ padding-top: 140px!important; margin-top: -140px!important;}
	#situation{ padding-top: 120px; margin-top: -120px;}
	#reduction{ padding-top: 120px; margin-top: -120px;}
	#office{ padding-top: 120px; margin-top: -120px;}
	#article{ padding-top: 120px; margin-top: -120px;}
}
@media (max-width: 767.98px) {	
	.tab_menu{ display: flex; justify-content: center; text-align: center; margin: 40px 0; flex-wrap: wrap;}
	.tab_menu>a{ width: 48%; min-height: 56px; background-color: #eee; margin-right: 2%; margin-bottom: 10px; padding: 10px 20px; color: #212529; display: inline-flex; justify-content: center; align-items: center; z-index: 3;}
	.tab_menu>a:nth-child(even){ margin-right: 0;}
	.tab_menu>a:hover{ text-decoration: none; opacity: 0.8;}
	.tab_menu2>a:hover{ text-decoration: none; background-color: #0088d2!important; color: #fff;}
	.tab_menu .tab_menu_active{ text-decoration: none; background-color: #0088d2!important; color: #fff;}
	#menu{ padding-top: 120px; margin-top: -120px;}
	
	#memo{ padding-top: 100px!important; margin-top: -100px!important;}
	#situation{ padding-top: 100px; margin-top: -100px;}
	#reduction{ padding-top: 100px; margin-top: -100px;}
	#office{ padding-top: 100px; margin-top: -100px;}
	#article{ padding-top: 100px; margin-top: -100px;}
}


/* サステナビリティ(ESG経営)基本方針 */
@media (min-width: 768px){
	.esg_tb{ border: 1px solid #ccc; margin: 30px 0 40px 0;}
	.esg_tb tr{ border-bottom: 1px solid #ccc;}
	.esg_tb th{ border-right: 1px solid #ccc; text-align: center;}
	.esg_tb th,.esg_tb td{ padding: 20px;}
	.esg_tb th strong{ display: block; font-size: 30px; text-align: center; color: #0088d2;}
	.esg_tb .esg_tb_midashi{ font-weight: bold; text-decoration: underline; font-size: 16px; margin: 20px 0 5px 0;}
	
	.promotion{ text-align: center; margin: 40px 0;}
	.promotion img{ width: 650px;}
	
	.link_box04_mb{ margin-bottom: 60px;}
}
@media (max-width: 767.98px){
	.esg_tb{ border: 1px solid #ccc; margin: 30px 0 30px 0;}
	.esg_tb tr{ border-bottom: 1px solid #ccc;}
	.esg_tb th{ border-right: 1px solid #ccc; text-align: center;}
	.esg_tb th,.esg_tb td{ padding: 10px;}
	.esg_tb th strong{ display: block; font-size: 26px; text-align: center; color: #0088d2;}
	.esg_tb .esg_tb_midashi{ font-weight: bold; text-decoration: underline; font-size: 14px; margin: 20px 0 5px 0;}
	
	.promotion{ text-align: center; margin: 35px 0 20px 0;}
	.promotion img{ width: 650px;}
	
	.link_box04_mb{ margin-bottom: 50px;}
}


/* 人権方針 */
@media (min-width: 768px){
	.global_compact{ display: flex; flex-wrap: wrap; justify-content: space-between; background-color: #e0f4ff; padding: 30px; margin: 30px 0;}
	.global_compact>div{ width: 48.5%; background-color: #fff; padding: 25px; margin: 0 0 35px 0; font-size: 15px;}
	.global_compact>div:nth-last-child(2),.global_compact>div:last-child{ margin: 0;}
	.global_compact>div p{ display: flex; margin: 0 0 8px 0;}
	.global_compact>div p strong{ width: 60px;}
	.global_compact>div p span{ width: calc(100% - 60px);}
	.global_compact>div h3{ text-align: center; font-size: 22px; margin: 0 0 15px 0;}
	.global_compact>div strong{ color: #0088d2;}
	
	.signature{ text-align: right; margin: 15px 0 0 0;}
	.signature span{ margin: 10px 0 0 0; display: block;}
	.signature img{ width: 180px; margin: 0 0 0 10px;}
}
@media (max-width: 767.98px){
	.global_compact{ display: flex; flex-wrap: wrap; justify-content: space-between; background-color: #e0f4ff; padding: 15px; margin: 30px 0;}
	.global_compact>div{ width: 100%; background-color: #fff; padding: 15px 15px 7px; margin: 0 0 15px 0; font-size: 14px;}
	.global_compact>div:last-child{ margin: 0;}
	.global_compact>div p{ display: flex; margin: 0 0 8px 0;}
	.global_compact>div p strong{ width: 55px;}
	.global_compact>div p span{ width: calc(100% - 55px);}
	.global_compact>div h3{ text-align: center; font-size: 18px; margin: 0 0 10px 0;}
	.global_compact>div strong{ color: #0088d2;}
	
	.signature{ text-align: right; margin: 15px 0 0 0;}
	.signature span{ margin: 10px 0 0 0; display: block;}
	.signature img{ width: 140px; margin: 0 0 0 10px;}
}


/* ガバナンス */
@media (min-width: 768px){
	.gov_p{ margin: 0 0 50px 0;}
}
@media (max-width: 767.98px){
	.gov_p{ margin: 0 0 30px 0;}
}


/* 動画 */
@media (min-width: 768px){
	.movie_box{ margin: 40px 0; text-align: center;}
	.movie_box h3{ font-size: 18px; margin: 40px auto 15px; width: 640px;}
	.movie_box h3 small{ margin: 5px 0 0 0; display: block; font-size: 15px;}
}
@media (max-width: 767.98px){
	.movie_box{ margin: 40px 0; text-align: center;}
	.movie_box h3{ font-size: 15px; margin: 40px auto 15px; width: 100%;}
	.movie_box h3 small{ margin: 5px 0 0 0; display: block; font-size: 13px;}
	
	.movie_box .youtube_box{ position: relative; width: 100%; padding-top: 56.25%; margin-top: 10px;}
	.movie_box .youtube_box iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%;}
}


/* 調達方針 */
@media (min-width: 768px){
	.sup_ul{ }
}
@media (max-width: 767.98px){
	.sup_ul{ padding: 0 0 0 25px;}
}