/*スマホ最適化*/
@media only screen and (max-width: 736px) {
.pc_br {
	display: none;
}

.mid_br {
	display: none;
}

/* =========================================================
swiper
========================================================= */
/*swiper-container*/
.swiper-container {
	padding-top: 62.5px;
}

div.swiper-slide img {
	position: relative;
	width: 130%;
  margin-left: -30%;
}

div.swiper-slide div.flow-content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 310px;
	height: 52.8px;
	font-weight: 200;
	text-align: center;
}

div.swiper-slide div.flow-content p {
	font-size: 38rem;
	font-weight: 400;
	color: #fff;
	display: inline-block;
	text-shadow: 3px 3px 10px #aaa,-3px -3px 10px #aaa;
}

div.swiper-slide div.flow-content p small {
	font-size: 18rem;
	display: block;
	margin-top: 8px;
}

.swiper-pagination span {
	width: 3%;
	height: 137%;
	margin: 0 1.5%!important;
}

/* =========================================================
cont01
========================================================= */
#cont01 {
	overflow: hidden;
	margin: 0 auto;
	height: auto;
}

#cont01 div.left {
	width: 100%;
	text-align: center;
	vertical-align: middle;
	position: relative;
	background-color: #fc90b4;
	padding: 30px 0;
}

#cont01 div.left div.flow-content {
	width: 95%;
	margin: 0 auto;
	font-weight: 200;
	text-align: center;
	color: #fff;
	overflow: hidden;
}

#cont01 div.left div.flow-content h2 {
	font-size: 34rem;
	font-weight: 400;
}

#cont01 div.left div.flow-content h2 small {
	font-size: 15rem;
	display: block;
	margin-top: 7.5px;
}

#cont01 div.left div.flow-content h3 {
	font-size: 26rem;
	line-height: 29px;
	font-weight: 400;
	text-align: left;
	margin-top: 24px;
}

#cont01 div.left div.flow-content p {
	width: 95%;
	margin: 0 auto;
	text-align: left;
	font-size: 16rem;
	font-weight: 400;
	line-height: 26px;
	margin-top: 17px;
}

#cont01 div.left div.flow-content dl {
	font-size: 16rem;
	font-weight: 400;
	overflow: hidden;
	float: right;
	margin-top: 20px;
	margin-right: 5%;
}

#cont01 div.left div.flow-content dl dt {
	float: left;
	margin-right: 11px;
}

#cont01 div.left div.flow-content dl dd {
	float: left;
}

#cont01 div.right {
	width: 100%;
}

#cont01 div.right img {
}

/* =========================================================
cont02
========================================================= */
#cont02 {
	padding: 30px 0;
	border-top: 1px solid #fc90b4;
}

#cont02 h2 {
}

#cont02 h2 small {
}

#cont02 ol {
	margin-top: 13.5px;
	overflow: hidden;
}

#cont02 ol > li {
	float: left;
	width: 50%;
}

#cont02 ol > li a {
	position: relative;
	display: block;
}

#cont02 ol > li a:hover {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

#cont02 ol > li a img {
	position: relative;
	z-index: 0;
}

#cont02 ol > li a span.mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #3f1b33;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	z-index: 1;
}

#cont02 ol > li a:hover span.mask {
}

#cont02 ol > li a div.flow-content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 95%;
	height: 100%;
	max-height: 96px;
	font-weight: 200;
	text-align: center;
	color: #fff;
	z-index: 2;
}

#cont02 ol > li a div.flow-content h3 {
	font-size: 26rem;
	text-align: center;
}

#cont02 ol > li a div.flow-content h3 em {
	font-size: 20rem;
	display: block;
	margin-top: 7px;
}

#cont02 ol > li a div.flow-content ul {
	overflow: hidden;
	display: inline-block;
	margin-top: 7px;
}

#cont02 ol > li a div.flow-content ul li {
	font-size: 13rem;
	display: inline-block;
	line-height: 15.5px;
}

#cont02 ol > li a div.flow-content p {
	font-size: 13rem;
	display: inline-block;
	line-height: 15.5px;
	margin-top: 9px;
}

#cont02 > a {
	margin: 0 auto;
	margin-top: 19px;
	display: block;
	font-size: 16rem;
	width: 200px;
	text-align: center;
	background-color: #cd4ea4;
	color: #fff;
	border-radius: 6px;
	padding: 16px 0;
}

/* =========================================================
cont03
========================================================= */
#cont03 {
	padding-top: 30px;
	background-color: #e5edff;
}

#cont03 h2.content-title {
}

#cont03 h2.content-title small {
}

#cont03 p {
	width: 95%;
	margin: 0 auto;
	font-size: 15rem;
	line-height: 19px;
	margin-top: 15.5px;
	text-align: center;
	color: #444;
}

#cont03 ul {
	margin-top: 23.5px;
	overflow: hidden;
}

#cont03 ul li {
	width: 100%;
}

#cont03 ul li a {
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
}

#cont03 ul li a div.inner {
	height: auto;
}

#cont03 ul li a div.inner img {
	position: relative;
	z-index: 0;
	vertical-align: bottom;
}

#cont03 ul li a div.inner div.flow-content {
	font-size: 16rem;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 110px;
	height: 25px;
	font-weight: 200;
	text-align: center;
	color: #fff;
	z-index: 1;
	background-color: rgba(233,102,191,0.8);
	border-radius: 6px;
}

#cont03 ul li a div.inner div.flow-content small {
	display: inline-block;
	vertical-align: middle;
	margin-top: 6px;
}

#cont03 ul li a span {
	display: none;
}

/* =========================================================
cont04
========================================================= */
#cont04 {
	padding: 30px 0 0;
	background-color: #ffe6f1;
}

#cont04 h2 {
	font-size: 29rem;
	color: #5b3c4b;
	text-align: center;
}

#cont04 ul {
	margin-top: 30px;
}

#cont04 ul li {
	width: 100%;
	background-color: #fff;
}

#cont04 ul li:nth-of-type(2) {
}

#cont04 ul li div.content {
	width: 100%;
	height: auto;
}

#cont04 ul li:nth-of-type(2) div.content {
}

#cont04 ul li div.content div.flow-content {
	width: 90%;
	margin: 0 auto;
	font-weight: 200;
	text-align: center;
	padding: 30px 0;
}

#cont04 ul li div.content div.flow-content h3 {
	font-weight: 400;
}

#cont04 ul li div.content div.flow-content h3 small {
}

#cont04 ul li div.content div.flow-content p {
	font-size: 15rem;
	color: #444;
	line-height: 19px;
	text-align: center;
	margin-top: 15.5px;
}

#cont04 ul li div.content div.flow-content a {
	font-size: 16rem;
	width: 150px;
	text-align: center;
	background-color: #cd4ea4;
	color: #fff;
	border-radius: 6px;
	padding: 13px 0;
	display: inline-block;
	margin-top: 23.5px;
}

#cont04 ul li:nth-of-type(2) div.content div.flow-content a {
	margin-top: 16px;
	background-color: #857ac6;
}

#cont04 ul li div.figure {
	width: 100%;
}

#cont04 ul li:nth-of-type(2) div.figure {
}

#cont04 ul li div.figure img {
	width: 100%;
	display: block;
}

/* =========================================================
cont05
========================================================= */
#cont05 {
	position: relative;
	overflow: hidden;
}

#cont05 > img {
	width: 300%;
	margin: 0 -100%;
	position: relative;
}

#cont05 ul {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	max-height: 150px;
	font-weight: 200;
	text-align: center;
	z-index: 1;
}

#cont05 ul li {
	display: inline-block;
	vertical-align: top;
	width: 25%;
	margin-right: 8%;
	text-align: center;
}

#cont05 ul li:last-of-type {
	margin-right: 0;
}

#cont05 ul li a {
	width: 85%;
	margin: 0 auto;
	height: auto;
	display: block;
}

#cont05 ul li a img {
	width: 100%;
}

#cont05 ul li h2 {
	width: 138%;
	margin: 0 -19%;
	font-size: 16.5rem;
	line-height: 16px;
	font-weight: 400;
	color: #5b3c4b;
	margin-top: 12.5px;
}

#cont05 ul li p {
	font-size: 14rem;
	line-height: 16px;
	color: #5b3c4b;
	margin-top: 6px;
}

/* =========================================================
SDGs
========================================================= */
#sdgs {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 0;
}
  
#sdgs a {
  color: inherit;
  text-decoration: none;
  display: block;
  transition: filter 0.3s ease-in-out 0.0s;
}
  
#sdgs a:hover {
  opacity: 1;
  filter: brightness(120%);
}

/* =========================================================
cont06
========================================================= */
#cont06 {
	padding: 30px 0;
	background-color: #e7f8ec;
}

#cont06 h2.content-title {
}

#cont06 h2.content-title small {
}

#cont06 ul {
	width: 95%;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 26.5px;
}

/*
#cont06 ul li {
	float: left;
	width: 32%;
	margin-right: 2%;
}

#cont06 ul li:nth-of-type(3n) {
	margin-right: 0;
}

#cont06 ul li:nth-of-type(n + 4) {
	margin-top: 2%;
}

#cont06 ul li img {
}
*/

/* =========================================================
cont07
========================================================= */
#cont07 {
	padding: 32px 0;
}

#cont07 h2.content-title {
}

#cont07 h2.content-title small {
}

#cont07 ul {
	width: 300px;
	margin: 0 auto;
	margin-top: 10px;
}

#cont07 ul li {
	border-bottom: 1px dotted #aaa;
}

#cont07 ul li a {
	color: #444;
	font-size: 14rem;
	display: inline-block;
	padding: 12.5px 0;
}

#cont07 ul li a span {
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
	padding: 2.5px 0;
}

#cont07 ul li a h2 {
	display: inline-block;
	vertical-align: middle;
	padding: 2.5px 0;
}

#cont07 > a {
	margin: 0 auto;
	margin-top: 26.5px;
	display: block;
	font-size: 15rem;
	width: 106px;
	text-align: center;
	background-color: #cd4ea4;
	color: #fff;
	border-radius: 6px;
	padding: 10px 0;
}

/* =========================================================
cont08
========================================================= */
#cont08 {
	padding: 23.5px 0 35px;
	background-color: #45b345;
	text-align: center;
}

#cont08 h2 {
}

#cont08 h2 img {
	width: 38.5px;
}

#cont08 h2 em {
	font-size: 34rem;
  font-style: normal;
	color: #fff;
	display: block;
	margin-top: 11px;
}

#cont08 p {
	width: 95%;
	margin: 0 auto;
	font-size: 15rem;
	line-height: 18px;
	color: #fff;
	margin-top: 15.5px;
}

#cont08 > a {
	margin: 0 auto;
	margin-top: 26.5px;
	display: block;
	font-size: 16rem;
	width: 200px;
	text-align: center;
	background-color: #1a8415;
	color: #fff;
	border-radius: 6px;
	padding: 16px 0;
	padding-left: 10px;
	background-image: url(../_image/index/icon-Line02.png);
	background-repeat: no-repeat;
	background-size: 23px;
	background-position: 10px 10.5px;
}




}