@charset "UTF-8";
/* flow_wrap._col3
-------------------------------------------------- */
.flow_wrap._col3 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.flow_wrap._col3 .flow_box_ttl {
	margin-bottom: 10px;
	font-size: 22px;
	font-weight: bold;
}
.flow_wrap._col3 .flow_box_column {
	position: relative;
	width: calc((100% - 100px) / 3);
	margin-right: 50px;
	margin-top: 32px;
	display: block;
	padding: 30px;
	color: #333;
	background-color: #f3f7f8;
}
.flow_wrap._col3 .flow_box_column:last-of-type:after {
	display: none;
}

@media print, screen and (min-width:768px) {
	.flow_wrap._col3 .flow_box_column:after {
		position: absolute;
		top: 50%;
		left: 104%;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 20px 0 20px 28px;
		border-color: transparent transparent transparent #5aa9de;
		content: "";
		transform: translateY(-50%);
	}
	.flow_wrap._col3 .flow_box_column:nth-child(-n+3) {
		margin-top: 0;
	}
	.flow_wrap._col3 .flow_box_column:nth-child(3n) {
		margin-right: 0;
	}
}

@media screen and (max-width: 767px) {
	.flow_wrap._col3 .flow_box_column:first-child {
		margin-top: 0;
	}
	.flow_wrap._col3 .flow_box_column {
		width: 100%;
		margin: 55px 0 0;
		margin-right: 0;
	}
	.flow_wrap .flow_box_column:after {
		position: absolute;
		top: unset;
		bottom: -50px;
		left: 50%;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 20px 0 20px 28px;
		border-color: transparent transparent transparent #5aa9de;
		content: "";
		transform: translateX(-50%) rotate(90deg);
	}
}

/* thum_list_link_wrap
-------------------------------------------------- */
.thum_list_link_wrap._col5 {
	display: flex;
	justify-content: center;
    flex-wrap: wrap;
    align-content: center;
}
.thum_list_link_wrap._col5 .thum_list_link {
	width: calc((100% - 80px) / 5);
	margin-right: 20px;
	margin-top: 30px;
}
.thum_list_link_wrap._col5 .thum_list_link a {
	color: #333;
	text-decoration: none;
}
.thum_list_link_wrap._col5 .thum_list_link .thum_list_link_thum {
	margin-bottom: 15px;
}
.thum_list_link_wrap._col5 .thum_list_link .list_text_area p {
	font-weight: bold;
	text-align: center;
}
.thum_list_link_wrap._col5 .download_prevent,
.thum_list_link_wrap._col5 .thum_list_link img {
	display: flex;
	justify-content: center;
}

@media print, screen and (min-width:768px) {
	.thum_list_link_wrap._col5 .thum_list_link:nth-child(-n+5) {
		margin-top: 0;
	}
	.thum_list_link_wrap._col5 .thum_list_link:nth-child(5n) {
		margin-right: 0;
	}
	.thum_list_link_wrap._col5 .thum_list_link a {
		display: block;
		height: 100%;
		color: #333;
		text-decoration: none;
		box-sizing: border-box;
	}
	.thum_list_link_wrap._col5 .thum_list_link a:hover {
		color: #5aa9de;
	}
	.thum_list_link a:hover .icon img{
		filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3));
	}
}

@media screen and (max-width: 767px) {
	.thum_list_link_wrap._col5 .thum_list_link {
		width: 30.33%;
		margin-right: 4.5%;
		margin-top: 30px;
	}
	.thum_list_link_wrap._col5 .thum_list_link:nth-child(-n+3) {
		margin-top: 0;
	}
	.thum_list_link_wrap._col5 .thum_list_link:nth-child(3n) {
		margin-right: 0;
	}
	.thum_list_link_wrap._col5 .thum_list_link .list_text_area p {
		margin-top: 10px;
	}
}

/* thum_txt_inline
-------------------------------------------------- */
.thum_txt_inline {
	display: table;
	width: 100%;
    padding-bottom: 13px;
	border-bottom: 2px solid #5aa9de;
}
.thum_txt_inline figure,
.thum_txt_inline figure span {
	width: 65px;
	height: 68px;
}
.thum_txt_inline figure span img {
	display: table-cell;
	width: 65px;
	padding-bottom: 0;
	border-bottom: none;
    vertical-align: middle;
}
.ttl_bdr_blue.thum_txt_inline .txt_main {
	padding-bottom: 0;
	border-bottom: none;
}
.thum_txt_inline .txt_main {
	display: table-cell;
	width: 100%;
    padding-left: 10px;
	vertical-align: middle;
}
@media screen and (max-width: 767px) {
	.thum_txt_inline {
		padding-bottom: 5px;
	}
}
/* box03_content_wrap
-------------------------------------------------- */
.box03_content_wrap {
	padding: 30px 30px;
}
.box03_content_wrap .box03_ttl {
	font-size: 24px;
	font-weight: bold;
}
.box03_content_wrap .box03_txt {
	font-size: 18px;
	font-weight: 600;
}
.box03_content_wrap .box03_txt a {
	color: #222;
	text-decoration: none;
}

@media print, screen and (min-width:768px) {
	.box03_content_wrap {
		padding: 15px 20px;
		display: flex;
		align-items: center;
	}
	.box03_content_wrap img{
		width: 100%;
	}
	.box03_badge {
		width: 80px;
		margin-right: 30px;
	}
	.box03_txt {
		width: 460px;
		margin-right: 20px;
	}
	.box03_sdgs {
		width: 216px;
	}
	.box03_content_wrap .box03_txt a:hover {
		color: #1ba1e6;
	}
}

@media screen and (max-width: 767px) {
	.box03_content_wrap {
		padding: 30px 15px;
	}
	.box03_content_wrap .box03_ttl {
	}
	.box03_content_wrap .box03_txt {
		margin-bottom: 20px;
	}
	.box03_content_wrap .box03_ttl_wrap{
		display: flex;
		align-items: center;
		margin-bottom: 10px;
	}
	.box03_content_wrap .box03_icon_sp{
		width: 60px;
		margin-right: 10px;
	}
	.box03_content_wrap .box03_ttl{
		width: 100%;
	}
}

/* box_bg
-------------------------------------------------- */
.box_bg_orange {
	background-color: #fdf4ed;
}
.box_bg_blue {
	background-color: #f6fbfd;
}
.box_bg_green {
	background-color: #f7fcf1;
}
.box_bg_purple {
	background-color: #fef8ff;
}
.box_bg_peach {
	background-color: #fdf4ed;
}

/* txtbox_color
-------------------------------------------------- */
.txtbox_color_brown {
	color: #bb7036;
}
.txtbox_color_cerulean {
	color: #206f96;
}
.txtbox_color_green {
	color: #639823;
}
.txtbox_color_purple {
	color: #65196e;
}
.txtbox_color_red {
	color: #a90e2e;
}

/* ico_wrap
-------------------------------------------------- */
.ico_wrap {
	display: flex;
	flex-wrap: wrap;
}
.ico_wrap .ico_wrap_column {
	width: 30.33%;
	margin-right: 4.5%;
	margin-top: 12px;
}
.ico_wrap .ico_wrap_column:nth-child(-n+3) {
	margin-top: 0;
}
.ico_wrap .ico_wrap_column:nth-child(3n) {
	margin-right: 0;
}
.related_thum_list_wrap .related_ttl {
	margin-bottom: 18px;
}
.ico_wrap .ico_wrap_column .download_prevent,
.ico_wrap .ico_wrap_column img {
	display: flex;
	width: 100%;
	justify-content: center;
}

/* flow_wrap._col4
-------------------------------------------------- */
.vision_content{
	padding: 15px 20px;
  background-color:#e1f0f2;
}
.vision_content_ttl{
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
	padding: 15px 20px;
	background-color:#00a3a6;
  font-size: 26px;
	color: #fff;
	border-radius: 10px;
}
.flow_wrap._col4 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 0;
}
.flow_wrap._col4 .flow_box_column {
	position: relative;
	width: calc((100% - 70px) / 4);
	margin-right: 15px;
	margin-top: 32px;
	display: block;
	padding: 30px;
	color: #333;
	background-color: #fff;
	font-weight: bold;
	border-radius: 10px;
}
@media print, screen and (min-width:768px) {
	.flow_wrap._col4 .flow_box_column:nth-child(-n+4) {
		margin-top: 0;
	}
	.flow_wrap._col4 .flow_box_column:nth-child(4n) {
		margin-right: 0;
	}
}
@media screen and (max-width: 767px) {
	.vision_content_ttl{
		font-size: 22px;
	}
	.flow_wrap._col4 .flow_box_column:first-child {
		margin-top: 0;
	}
	.flow_wrap._col4 .flow_box_column {
		width: 100%;
		margin: 20px 0 0;
		margin-right: 0;
		text-align: center;
	}
	.flow_wrap._col4 .flow_box_column:after {
		content: none;
	}
}