@charset "UTF-8";
/*
/*********************************************/
/*気候変動の「適応策」を学べる読み物～初級編～
/*********************************************/
/*202206add*/
/*flexbox 親要素（コンテナ）*/
/*.flex-container {
	margin-top: 50px;
}
.keni-section h2 {
    background: none;
	border-left: none;
	padding: 1px 0 1px 20px;
}
/* 子要素(アイテム) */
.flex-item {
	box-sizing: border-box;
	border:2px solid #ADADAD;
	padding: 30px 10px;;
	margin-bottom: 30px;
}
.flex-item-2 {
	box-sizing: border-box;
	flex: auto;
}
.flex-item-2 ul{
	margin-top: 0;
	margin-bottom: 0;
}

.flex-img{
    width: 30%;
    text-align: center;
    margin: 0 auto;
}
.flex-img img{
    max-height: 260px;
    margin: 0 auto;
}
.flex-text{
	padding-left: 15px;
}
.flex-text h2{
	margin-bottom: 30px;
}
.col4-cont {
	margin-bottom: 0!important;
}
.col_3of4 {
	margin-top: 30px;
}
.date_of_issue{
	text-align: right;
	margin-top: 1em;
	margin-bottom: 0;
}
/*20220613addここまで*/


/****************************/
/*レスポンシブ
/****************************/
@media (min-width: 480px) {
	.flex-container-2 {
		display:flex;
		justify-content: flex-start;
	}
.col_3of4 {
	margin-top: 0;
}
}
@media (min-width: 768px) {
	.flex-img{
		display: flex;

	}
	.flex-img a {
        margin: 0 auto;

	}
	.flex-img img  {
    width: auto;
    max-height: 260px;
	}
} 
@media (max-width: 480px) {
	.flex-container-2 ul{
		margin-bottom: 10px;
	}
}
@media (max-width: 768px) {
     /*テキスト内写真*/
    .right {
        float: right;
        margin: 0 0 1em 1em;
    }
}
@media (min-width: 1200px) {
.flex-container {
	flex-direction:row;
	justify-content: space-between;
}
/*.flex-item {
	flex-basis: 49%;
	flex-direction:column;
}*/
}
@media (min-width: 920px) {}
@media (min-width: 1100px) {}
@media (min-width: 1400px) {}