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


.pc_img { display: none; }
.sp_img { display: block; }
a img:hover{
	opacity: 0.8;
}

.cop-section #jmp01,.cop-section #jmp02,.cop-section #jmp03{
    display: block;
    margin-top: -34px;
    padding-top: 34px;
}

.cop-section{
	padding: 20px;
	background-color: #fff;
}
.cop-section h2{
	font-size: 2rem;
	margin-bottom: 20px;
}
.cop-section h2 {
    padding-left: 50px;
    background: url("../img/cop27/h2.png") no-repeat left bottom 3px;
}
.cop27_news ul{
	margin-bottom: 50px;
}

.cop27_news li{
	color: #c69c6d;
	margin-bottom: 20px;
	margin-right: 15px;
}
.cop27_news span{
	color:#505050;
}

.cop27_bk_color{
	background-color: #f2e9e4;
}
.cop27_menu h3{
	color: #c69c6d;		
}
.cop27_menu ul{
	font-size: 2rem;		
}
.cop27_menu ul a{
	color: #505050		
}
.cop_note{
    border: 1px solid #ccc;
    padding: 20px 20px 0;
}
.cop_note h3{
    margin-bottom: 1em;
}
.emphasis{
    font-weight: bold;
    text-decoration: underline;
}


.toggle {
display: none;
}
.cop27_schedule {
	position: relative;
	margin-bottom: 1em;
	border: 2px solid #c69c6d;
	background-color: #fff;
}
.accordion_btn,
.accordion_cont {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
.accordion_btn{
	border-bottom: 2px solid #c69c6d;
	display: flex;
	align-items: center;
}
.accordion_btn .date{
	background-color: #c69c6d;
	color: #fff;
	padding: 5px;
	font-size: 1.6rem;
	margin-right: 10px;
    display: flex;
    align-self: stretch;
    align-items: center;
    width: 108px;
}
.accordion_btn .event_title{
	font-size: 1.6rem;
	display: flex;
	flex-direction: column;
	line-height: 1.2;
	width: 100%;
    padding-right: 1em;
}
.accordion_btn .en_colot{
	color: #c69c6d;
	font-size: 1.4rem;
}
.accordion_btn::after,
.accordion_btn::before {
content: "";
position: absolute;
right: 0.75em;
top: 1em;
width: 2px;
height: 0.75em;
background-color: #999;
transition: all 0.3s;
}
.accordion_btn::after {
transform: rotate(90deg);
}
.accordion_cont {
max-height: 0;
overflow: hidden;
}
.accordion_cont p {
	padding: 10px 20px;
	margin-bottom: 0;
}
.toggle:checked + .accordion_btn + .accordion_cont {
max-height: 1000px;
transition: all 1.5s;
}
.toggle:checked + .accordion_btn::before {
transform: rotate(90deg) !important;
}
.ap_color {
	border: 2px solid #d9d87c;
}
.ap_color .accordion_btn{
	border-bottom: 2px solid #d9d87c;
}
.ap_color .accordion_btn .date{
	background-color: #d9d87c;
}

.cop_from_japan h2{
	background: none;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	color: #000;
	padding: 10px;
}
.cop_from_japan img{
	margin-bottom: 20px;
}
.ap_info a[target=_blank][rel=noopener],.ccabj a[target=_blank][rel=noopener] {
    background:none;
}
.tw_widgets{
	border: 10px solid #CCB59E;
	margin-top: 20px;
}
.cop27_twitte{
	padding: 10px 20px;
}
.cop27_twitte img{
	width: 36px;
	vertical-align: middle;
	padding-right: 10px;
}
.col{
	margin-bottom: 0;
}
.sp_on{
	font-size: 1.2rem;
	margin-bottom: 10px;
	line-height: 1;
}

.cop27_report a{
	display: flex;
	border: 20px solid #CCB59E;
	background-color: #fff;
	flex-direction: column;
	color: #000;
}
.cop27_report_title{
	padding: 10px;
}
.cop27_report_title h3{
	font-size: 2rem;
	margin-bottom: 10px;
}
.cop27_report_title p{
	margin-bottom: 0;
	line-height: 1.2;
}
.cop27_report_img img{
	width: 100%;
}
.arrow {
  position: relative;
  display: inline-block;
  padding: 10px;
}
.arrow::before {
  content: '';
  width: 14px;
  height: 14px;
  border-top: solid 3px #CCB59E;
  border-right: solid 3px #CCB59E;
  position: absolute;
  left: 5px;
  top: 5px;
  transform: rotate(45deg);
}
/* 日本企業の気候変動適応への取り組み */
#cop-business{
	background-color: #fff;
}
.cop-business-section{
	padding: 20px;	
}
.h2_wrap{
	background-image: url("../img/cop27/deco01.png");
	background-repeat: repeat;
	width: 100%;
	height: 80px;
	display: flex;
	align-items: flex-start;
	padding: 0 20px;
	margin-top: 40px;
}
#cop-business h2{
	font-size: 2.6rem;
	font-weight: normal;
	align-self: center;
	color: #000;
}
.h2_wrap img{
	width: 30px;
	align-self: center;
}
.h2_wrap img:last-child{
	margin-left: auto;
}
#cop-business h3{
	background: #ebfffc;
	background: -moz-linear-gradient(left, #fff2eb 0%, #fffdf0 17%, #fdffe0 53%, #ebfffb 77%, #ebfffc 100%);
	background: -webkit-gradient(linear, left center, right center, from(#fff2eb), color-stop(17%, #fffdf0), color-stop(53%, #fdffe0), color-stop(77%, #ebfffb), to(#ebfffc));
	background: -webkit-linear-gradient(left, #fff2eb 0%, #fffdf0 17%, #fdffe0 53%, #ebfffb 77%, #ebfffc 100%);
	background: -o-linear-gradient(left, #fff2eb 0%, #fffdf0 17%, #fdffe0 53%, #ebfffb 77%, #ebfffc 100%);
	background: linear-gradient(to right, #fff2eb 0%, #fffdf0 17%, #fdffe0 53%, #ebfffb 77%, #ebfffc 100%);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: 100% 60%;
	font-size: 2rem;
	padding-bottom: 0.5em;
	margin-bottom: 20px;
}
.img_bk{
	background-image: url("../img/cop27/CCABJ_PC_impact1.png");
	background-size: cover;
	padding: 20px;
	color: #fff;
}
#cop-business .img_bk h2{
	padding-left: 0;
	border-bottom: 2px solid #fff;
	padding-bottom: 10px;
	margin-bottom: 20px;
	font-size: 2rem;
	color: #fff;
}
.cop27_companies{
}

.cop27_cs{
	display: flex;
	padding: 0;
	border-top: 1px solid #505050;
	align-items: center;
	margin-bottom: 10px;
	line-height: 1.6;
}
.cop27_cs:last-child{
	border-bottom: 1px solid #505050;
}
.cop27_cs img{
	width: 160px;
	padding-right: 20px;
}
.cop27_cs a{
	display: flex;
	color: #505050;
	align-items: center;
}
.production_cooperation{
	margin: 40px 0;
}
.production_cooperation h4{
	color: #666;
}
.production_cooperation li{
	margin-bottom: 0;
}
.production_cooperation a[target=_blank][rel=noopener] {
    background:none;
}

.dl_file_col2_wrap{
	display: flex;
	justify-content: center;
	margin: 20px 0;
	text-align: center;
}
.ap_file_col:first-child{
	margin-right: 20px;
}
.ap_info col img{
	margin-bottom: 10px;
}
.cop27_tweet{
	margin-bottom: 30px;
}
@media screen and (min-width: 480px) {
.tw_widgets{
	margin-top: 0;
}
}
@media screen and (min-width: 768px) {
.cop-section{
	padding: 50px;
}
.sp_br{display: none;}
.tw_widgets{
	margin-top: 0;
}
}

@media (min-width: 920px) {
.pc_img { display: block; }
.sp_img { display: none; }
.cop-section h2{
	font-size: 4rem;
	margin-bottom: 30px;
	line-height: 1;
}	
.cop27_menu ul{
	font-size: 2.6rem;
	margin-bottom: 0;
}
.accordion_btn .date{
	padding: 10px;
	font-size: 3.2rem;
	margin-right: 20px;
    width: 128px;
}	
.accordion_btn .event_title{
	font-size: 2.6rem;
	flex-direction: row;
	justify-content: space-between;
}
.accordion_btn .en_colot{
	padding-right: 20px;
	font-size: 2.6rem;
}
.accordion_cont {
max-height: 1000px;
}
.accordion_cont p {
	padding: 30px;
}
.accordion_btn::after,
.accordion_btn::before {
display: none;
}
.ap_color {
	border: 4px solid #d9d87c;
}
.ap_color .accordion_btn{
	border-bottom: 4px solid #d9d87c;
}
.cop_from_japan h2{
	padding: 30px;
}
.tw_widgets{
	border: 16px solid #CCB59E;
	margin-top: 0;
}
.cop27_twitte{
	padding: 10px 30px;
	margin-top: -30px;
}
.sp_on{
	display: none;
}
.cop27_report{
	margin-top: 30px;
	}	
.cop27_report a{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row;
	
}
.cop27_report a:hover{
	border: 20px solid #CCB59E;
	text-decoration: none;
}
.cop27_report_title{
	width: calc(100% - 300px);
	padding-left: 20px;
}
.cop27_report_title h3{
	font-size: 2.6rem;
	margin-bottom: 10px;
}
.cop27_report_img{	
}
	
	
/* 日本企業の気候変動適応への取り組み */
.img_bk{
	background-size: auto;
	padding: 50px 80px;
}
.cop-business-section{
	padding:  40px 50px;	
}
#cop-business .img_bk h2{
	font-size: 2.6rem;
}
.h2_wrap{
	padding: 0 50px;
}
#cop-business h2{
	font-size: 3rem;
}
.h2_wrap img{
	width: 50px;
}
#cop-business h3{
	background-size: 100% 60%;
	font-size: 2.6rem;
	padding-bottom: 0.5em;
	margin-bottom: 20px;
}
.cop27_cs{
	font-size: 2rem;
}
.cop27_cs img{
	width: 200px;
}
.cop27_cs a{
	flex-direction: row;
}
}