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


/* -------------------------------------------

全体設定

 ---------------------------------------------------*/
body {
	width:100%;
	color: #2e318f;
	font-size: 16px;
	font-family: "Zen Maru Gothic", sans-serif;
	-webkit-text-size-adjust: 100%;
	line-height:1.2;
	padding-top: 4.6875vw;
}
a{
	color: #2e318f;
	text-decoration: none;
	transition: 0.3s;
	cursor: pointer!important;
}
a:hover{
	opacity: 0.6;
}
img{
	width:100%;
	height: auto;
	vertical-align: bottom;
}
.f_n{
	font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 680px) {
	body{
		min-width: 0;
		padding-top: 11.2vw;
	}
}

header{
	position: fixed;
	display: flex;
	align-items: center;
	width: 100%;
	height: 4.6875vw;
	padding: 0 1.7708vw;
	box-sizing: border-box;
	background: #fff;
	top: 0;
	z-index: 9999;
}
header .logo{
	width: 11.6666vw;
}
header .cap{
	color: #29a7de;
	font-size: 1.8229vw;
	font-weight: 500;
	margin: 0 0 0 2.0833vw;
}
header .cap span{
	color: #da465b;
	font-weight: 500;
}
header .inner{
	display: flex;
	align-items: center;
	margin: 0 0 0 auto;
}
header .btn_contact{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 10.1041vw;
	height: 2.6041vw;
	font-size: 1.25vw;
	font-weight: 700;
    color: #0063ac;
	text-align: center;
    border-radius: 1.1458vw;
    border: 2px solid #0063ac;
	background: #fff;
	box-sizing: border-box;
	box-shadow: 2px 2px 0px 1px rgba(170,170,170,0.6);
}
header .btn_contact:hover {
	color: #fff;
	background: #0063ac;
	opacity: 1;
}
header .logo_ttd{
	width: 7.2916vw;
	margin: 0 0 0 1.7708vw;
}
@media screen and (max-width: 680px) {
	header{
		justify-content: space-between;
		height: 11.2vw;
		padding: 0 2.1333vw 0 6.4vw;
	}
	header .logo{
		width: 31.4666vw;
	}
	header .cap{
		font-size: 4.2666vw;
		margin: 0 ;
	}
	header .inner{
		display: none;
	}
}

footer{
	background: rgba(0, 129, 204, 0.4);
}
footer .tagline{
	font-size: 3.3333vw;
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
	margin: 0 0 5.7291vw;
}
footer .inner{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	padding: 0 8.0729vw 0 5.46875vw;
}
footer .inner .img01{
	width: 26.0416vw;
}
footer .inner .img02{
	width: 23.75vw;
}
footer .inner .logo{
	width: 23.75vw;
	margin: 0 0 1.1458vw;
}
.copyright {
	display: block;
	color: #fff;
	font-size: 1.1979vw;
	font-weight: 700;
	text-align: center;
	padding: 0.8333vw 0;
	background: #2e318e;
}
@media screen and (max-width: 680px) {
	footer{
		padding: 26.6666vw 0 0;
	}
	footer .tagline{
		font-size: 5.8666vw;
		margin: 0 0 9.6vw;
	}
	footer .inner{
		padding: 0;
	}
	footer .inner .img01{
		width: 28.8vw;
	}
	footer .inner .img02{
		width: 27.2vw;
	}
	footer .inner .logo{
		width: 42.6666vw;
		margin: 0 0 1.6vw;
	}
	.copyright {
		font-size: 2.6666vw;
		padding: 1.6vw 0;
	}
}
/* KV */
.kv {
    position: relative;
    width: 100vw;
    height: calc(100vh - 4.6875vw);
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 4.6875vw);
}
.kv-background-section {
    position: relative;
    overflow: hidden;
    transition: all 0.8s ease-in-out;
}
.kv-top-section {
    flex: 1; /* 上段 1/2 */
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.kv-bottom-section {
    flex: 1; /* 下段 1/2 */
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.kv-bg-item {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 1;
}
.kv-bg-item::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 1.2s ease-in-out;
    z-index: 1;
}
.kv-bg-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3));
    z-index: 2;
}
.kv-logo-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    text-align: center;
}
.kv-logo {
    width: 800px;
    height: auto;
}
/* クロスフェード用のスタイル */
.kv-changing::after {
    opacity: 1;
    background-image: var(--next-image);
}
@media (max-width: 1400px) {
    .kv-logo {
        width: 700px;
        height: auto;
    }
}
/* スマートフォン版 (680px以下) */
@media (max-width: 680px) {
    .kv-top-section {
        flex: 1; /* 上段 1/2 */
        grid-template-columns: repeat(2, 1fr); /* 上段2枚 */
    }
    .kv-bottom-section {
        flex: 1; /* 下段 1/2 */
        grid-template-columns: repeat(2, 1fr); /* 下段2枚 */
    }
    .kv-logo {
        width: 90vw;
    }
}
/* フェードイン・アウトアニメーション */
.kv-fade-out {
    opacity: 0;
}
.kv-fade-in {
    opacity: 1;
}
/* ローディング時のアニメーション */
@keyframes kv-pulse {
    0%, 100% {
        opacity: 0.7;
    }
    50% {
        opacity: 1;
    }
}
.kv-loading {
    animation: kv-pulse 2s infinite;
}



.overview{
	position: relative;
	padding: 0 7.8125vw 6.25vw;
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.7), rgba(14, 244, 255, 0.7) 24%, rgba(64, 177, 93, 0.7) 40%, rgba(0, 129, 204, 0.7) 67%);
}
.overview:before{
	content: "";
	position: absolute;
	display: block;
	width: 25.4166vw;
	height: 18.75vw;
	right: 0;
	top: 0;
	background: url("../images/bg_icon_overview.png") no-repeat;
	background-size: cover;
}
.overview .tagline{
	color: #29a7de;
	font-size: 2.6041vw;
	font-weight: 700;
	line-height: 1.6;
	padding: 3.645833vw 0;
}
.overview .tagline span{
	font-weight: 700;
}
.overview .tagline .txt01{
	color: #2e318e;
	font-size: 4.375vw;
}
.overview .tagline .txt02{
	color: #008e45;
	font-size: 4.375vw;
}
.overview .tagline .txt03{
	color: #00a599;
	font-size: 8.0729vw;
	vertical-align:-5%;
	margin-bottom: -5%;
	display: inline-block;
}
.overview .tagline .green{
	color: #008e45;
}
.overview .tagline .red{
	color: #da465b;
}
.overview .tagline .yellow{
	color: #f7ac3b;
}
.overview .special_cnt{
	position: relative;
	margin: 5.2083vw 0 0;
}
.overview .special_cnt:before{
	content: "";
	position: absolute;
	display: block;
	width: 12.2916vw;
	height: 8.5416vw;
	left: -2.2916vw;
	top: -1.25vw;
	background: url("../images/bg_icon_overview_special01.png") no-repeat;
	background-size: cover;
}
.overview .special_cnt:after{
	content: "";
	position: absolute;
	display: block;
	width: 20.1041vw;
	height: 18.2291vw;
	right: -4.1666vw;
	bottom: -3.125vw;
	background: url("../images/bg_icon_overview_special04.png") no-repeat;
	background-size: cover;
}
.overview .special_cnt p{
	font-size: 2.0833vw;
	font-weight: 500;
	line-height: 1.6;
}
.overview .special_cnt .tit_special{
	width: 29.375vw;
	margin: 0 auto 2.5vw;
}
.overview .special_cnt .inner{
	display: flex;
	margin: 5.9375vw 0 5.2083vw;
}
.overview .special_cnt .inner .movie02{
	width: 42.1875vw;
}
.overview .special_cnt .inner .txt01{
	position: relative;
	margin: 5.7291vw 0 0 4.6875vw;
}
.overview .special_cnt .inner .txt01:before{
	content: "";
	position: absolute;
	display: block;
	width: 11.9791vw;
	height: 15.3125vw;
	right: -8.8541vw;
	top: -11.4583vw;
	background: url("../images/bg_icon_overview_special02.png") no-repeat;
	background-size: cover;
}
.overview .special_cnt .inner .txt01:after{
	content: "";
	position: absolute;
	display: block;
	width: 13.8541vw;
	height: 8.2291vw;
	left: -3.6458vw;
	bottom: -2.3958vw;
	background: url("../images/bg_icon_overview_special03.png") no-repeat;
	background-size: cover;
}
.overview .activity_cnt{
	margin: 9.8958vw 0 0;
}
.overview .activity_cnt .tit_wrap{
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
.overview .activity_cnt .tit_wrap .icon{
	width: 8.5416vw;
}
.overview .activity_cnt .tit_wrap .inner{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.overview .activity_cnt .tit_wrap .tit_activity{
	width: 32.2916vw;
}
.overview .activity_cnt .tit_wrap .cap{
	color: #fff;
	font-size: 54px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
}
.overview .activity_cnt ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 5.7291vw 0 0;
}
.overview .activity_cnt ul li{
	width: 26.3541vw;
	color: #fff;
	margin: 0 0 4.1666vw;
}
.overview .activity_cnt ul li .img{
	position: relative;
}
.overview .activity_cnt ul li .img .tag{
	position: absolute;
	color: #fff;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 2.0833vw;
	font-weight: 700;
	letter-spacing: 0.2em;
	padding: 0.2604vw 1.0416vw 0.5208vw 1.25vw;
	background: #2e318f;
	left: 0;
	bottom: 0;
}
.overview .activity_cnt ul li .date{
	font-size: 1.4583vw;
	margin: 1.0416vw 0 0.625vw;
}
.overview .activity_cnt ul li .txt{
	font-size: 1.5625vw;
	line-height: 1.3;
}
.overview .activity_cnt ul li a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 13.0208vw;
	height: 2.8125vw;
	color: #fff;
	font-size: 1.3541vw;
	font-weight: 500;
	margin: 0.8333vw 0 0;
	background: #da465b;
	border-radius: 0.8333vw;
}
.overview .activity_cnt ul li a img{
	width: 1.0416vw;
	margin: 0 0.625vw 0 0;
}
@media screen and (max-width: 680px) {
	.overview{
		padding: 0 4vw 13.3333vw;
	}
	.overview:before{
		width: 33.3333vw;
		height: 24.8vw;
		top: 42.6666vw;
	}
	.overview .tagline{
		font-size: 4.5333vw;
	}
	.overview .tagline .txt01,
	.overview .tagline .txt02{
		font-size: 7.4666vw;
	}
	.overview .tagline .txt03{
		font-size: 14.9333vw;
	}
	.overview .special_cnt{
		margin: 29.3333vw 0 0;
		padding: 0 0 43.7333vw;
	}
	.overview .special_cnt:before{
		width: 18.9333vw;
		height: 13.3333vw;
		left: -2.1333vw;
		top: -8vw;
	}
	.overview .special_cnt:after{
		width: 39.4666vw;
		height: 35.7333vw;
		right: 0;
		bottom: 8vw;
	}
	.overview .special_cnt p{
		font-size: 4.8vw;
	}
	.overview .special_cnt .tit_special{
		width: 54.4vw;
		margin: 0 auto 5.333vw;
	}
	.overview .special_cnt .inner{
		display: block;
		margin: 2.6666vw 0 29.3333vw;
	}
	.overview .special_cnt .inner .movie02{
		width: 100%;
	}
	.overview .special_cnt .inner .txt01{
		margin: 23.2vw 0 0;
	}
	.overview .special_cnt .inner .txt01:before{
		width: 22.6666vw;
		height: 28.8vw;
		right: 0;
		top: -20.2666vw;
	}
	.overview .special_cnt .inner .txt01:after{
		width: 29.3333vw;
		height: 17.3333vw;
		left: 0;
		bottom: -21.8666vw;
	}
	.overview .activity_cnt{
		margin: 0;
	}
	.overview .activity_cnt .tit_wrap .icon{
		display: none;
	}
	.overview .activity_cnt .tit_wrap .tit_activity{
		width: 62.4vw;
	}
	.overview .activity_cnt .tit_wrap .cap{
		font-size: 5.3333vw;
		margin: 3.7333vw 0 0;
	}
	.overview .activity_cnt ul{
		margin: 6.4vw 0 0;
	}
	.overview .activity_cnt ul li{
		width: 44vw;
		margin: 0 0 5.6vw;
	}
	.overview .activity_cnt ul li .img .tag{
		font-size: 3.4666vw;
		padding: 0.5333vw 2.1333vw;
	}
	.overview .activity_cnt ul li .date{
		font-size: 2.6666vw;
		margin: 2.1333vw 0 0.8vw;
	}
	.overview .activity_cnt ul li .txt{
		font-size: 3.2vw;
	}
	.overview .activity_cnt ul li a{
		width: 21.8666vw;
		height: 4.8vw;
		font-size: 2.6666vw;
		margin: 2.1333vw 0 0;
		border-radius: 1.6vw;
	}
	.overview .activity_cnt ul li a img{
		width: 1.6vw;
		margin: 0 1.3333vw 0 0;
	}
}

.forest{
	padding: 10.4166vw 0;
}
.forest .tit_forest{
	width: 45.4166vw;
	margin: 0 auto;
}
.forest .inner{
	display: flex;
	justify-content: center;
}
.forest .inner .cnt{
	position: relative;
	width: 42.3958vw;
	margin: 0 0.625vw;
}
.forest .inner .cnt .txt_wrap{
	position: absolute;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 22.9166vw;
	height: 17.8125vw;
	right: -4.2708vw;
	bottom: -7.9166vw;
	background: url("../images/bg_forest_cnt02.png") no-repeat;
	background-size: cover;
}
.forest .inner .cnt .txt_wrap .txt{
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.7708vw;
	font-weight: 500;
	line-height: 1.4;
	text-align: center;
}
.forest .inner .cnt .txt_wrap .tit{
	position: absolute;
	width: 11.9791vw;
	bottom: -2.0833vw;
}
.forest .inner .cnt:first-of-type .txt_wrap{
	color: #fff;
	left: -4.2708vw;
	background: url("../images/bg_forest_cnt01.png") no-repeat;
	background-size: cover;
}
.forest .carbon{
	margin: 12.5vw 4.6875vw 0;
	background: url("../images/bg_forest.png") no-repeat top 1.5625vw center;
	background-size: cover;
}
.forest .carbon .img{
	width: 60.5208vw;
	margin: 0 auto;
}
.forest .carbon .txt{
	font-size: 2.8125vw;
	font-weight: 500;
	line-height: 1.5;
	text-align: center;
	margin: 4.1666vw 0 0;
}
@media screen and (max-width: 680px) {
	.forest{
		padding: 13.3333vw 0;
	}
	.forest .tit_forest{
		width: 88.8vw;
	}
	.forest .inner{
		justify-content: space-between;
	}
	.forest .inner .cnt{
		width: 49.0666vw;
		margin: 0;
	}
	.forest .inner .cnt .txt_wrap{
		width: 29.8666vw;
		height: 23.2vw;
		right: 2.1333vw;
		bottom: -18.6666vw;
	}
	.forest .inner .cnt .txt_wrap .txt{
		font-size: 2.6666vw;
	}
	.forest .inner .cnt .txt_wrap .tit{
		width: 14.4vw;
		bottom: -2.1333vw;
	}
	.forest .inner .cnt:first-of-type .txt_wrap{
		left: 2.1333vw;
	}
	.forest .carbon{
		margin: 29.3333vw 0 0;
		background: none;
	}
	.forest .carbon .img{
		width: 100%;
	}
	.forest .carbon .txt{
		font-size: 4.8vw;
		margin: 8vw 0 0;
		background: url("../images/bg_forest_smp.png") no-repeat;
	}
}

.fellow{
	padding: 4.1666vw 0 22.916666vw;
	background-image: linear-gradient(180deg, #5ed4ff, #fff);
}
.fellow .tit_wrap{
	background: url("../images/bg_fellow.png") no-repeat top center;
	background-size: 83.8541vw;
}
.fellow .icon_nanana{
	display: block;
	width: 14.7916vw;
	margin: 0 auto;
}
.fellow .tit_fellow{
	width: 46.5625vw;
	margin: -3.90625vw auto 0;
}
.fellow .map{
	position: relative;
	margin: 5vw 0 0;
}
.fellow .map .img{
	width: 57.6041vw;
	margin: 0 auto;
}
.fellow .map ul li{
	position: absolute;
	width: 17.2916vw;
}
.fellow .map ul li .txt{
	color: #0071b8;
	font-size: 1.875vw;
	font-weight: 500;
	text-align: center;
	margin: 1.0416vw 0 0;
}
.fellow .map ul li .cap{
	color: #000;
	font-size: 1.3541vw;
	font-weight: 500;
	text-align: center;
	line-height: 1.3;
	margin: 0.5208vw 0 0;
}
.fellow .map ul li:nth-child(1){
	top: -1.5625vw;
	left: 11.9791vw;
}
.fellow .map ul li:nth-child(2){
	top: 2.5vw;
	left: 34.8958vw;
}
.fellow .map ul li:nth-child(3){
	top: 27.0833vw;
	left: 4.5833vw;
}
.fellow .map ul li:nth-child(4){
	top: 49.4791vw;
	left: 36.4583vw;
}
.fellow .map ul li:nth-child(5){
	top: 0.78125vw;
	right: 2.34375vw;
}
.fellow .map ul li:nth-child(6){
	top: 27.0833vw;
	right: 10.4166vw;
}
.fellow .map ul li:nth-child(7){
	top: 52.0833vw;
	right: 20.8333vw;
}
.fellow .map ul li:nth-child(5) .txt,
.fellow .map ul li:nth-child(6) .txt{
	color: #22b173;
}
@media screen and (max-width: 680px) {
	.fellow{
		padding: 9.0666vw 0 29.3333vw;
	}
	.fellow .tit_wrap{
		background-size: 116%;
	}
	.fellow .icon_nanana{
		width: 29.8666vw;
	}
	.fellow .tit_fellow{
		width: 91.7333vw;
		margin: -6.4vw auto 0;
	}
	.fellow .map{
		margin: 9.6vw 0 0;
	}
	.fellow .map .img{
		position: relative;
		width: 60vw;
		left: -3.2vw;
	}
	.fellow .map ul li{
		width: 21.3333vw;
		text-align: center;
	}
	.fellow .map ul li img{
		width:15.4666vw;
	}
	.fellow .map ul li .txt{
		font-size: 2.1333vw;
		margin: 1.3333vw 0 0;
	}
	.fellow .map ul li .cap{
		font-size: 1.73333vw;
	}
	.fellow .map ul li:nth-child(1){
		top: -1.76vw;
		left: 9.6vw;
	}
	.fellow .map ul li:nth-child(2){
		top: 1.2vw;
		left: 32vw;
	}
	.fellow .map ul li:nth-child(3){
		top: 27.7333vw;
		left: 1.6vw;
	}
	.fellow .map ul li:nth-child(4){
		top: 50.0666vw;
		left: 32.5333vw;
	}
	.fellow .map ul li:nth-child(5){
		top: 0;
		right: 3.2vw;
	}
	.fellow .map ul li:nth-child(6){
		top: 28.2666vw;
		right: 10.6666vw;
	}
	.fellow .map ul li:nth-child(7){
		top: 53.3333vw;
		right: 21.3333vw;
	}
}

.partner{
	padding: 0 5.2083vw;
}
.partner .tit_partner{
	width: 28.125vw;
	margin: 0 auto;
}
.partner ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 3.90625vw 0 0;
}
.partner ul li{
	width: 20vw;
	margin: 0 0 4.9479vw;
}
.partner ul li .logo{
	margin: 0.78125vw 0 1.0416vw;
}
.partner ul li .cap{
	color: #000;
	font-size: 1.5625vw;
	font-weight: 500;
	text-align: center;
}
@media screen and (max-width: 680px) {
	.partner{
		padding: 0 5.3333vw 12vw;
	}
	.partner .tit_partner{
		width: 65.0666vw;
	}
	.partner ul{
		margin: 6.4vw 0 0;
	}
	.partner ul li{
		width: 41.6vw;
		margin: 0 0 4.8vw;
	}
	.partner ul li .logo{
		margin: 2.1333vw 0;
	}
	.partner ul li .cap{
		font-size: 3.2vw;
	}
}

.goal{
	padding: 19.7916vw 10.4166vw 12.1875vw;
	background: #80d2cc;
}
.goal .wrapper{
	padding: 0 1.8229vw 4.6875vw;
	background: #fff;
	border: 0.5208vw solid #2e318f;
	border-radius: 3.6458vw;
}
.goal .logo{
	width: 37.2916vw;
	margin: -13.28125vw auto 0;
}
.goal .tit_goal{
	width: 41.875vw;
	margin: 1.9791vw auto 0;
}
.goal ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 6.25vw 0 0;
}
.goal ul li{
	width: 23.125vw;
	margin: 0 0 4.6875vw;
}
.goal ul li .icon{
	margin: 1.25vw 0;
}
.goal ul li .txt{
	font-size: 1.8229vw;
	line-height: 1.3;
}
.goal ul li:nth-child(2){
	color: #00a69a;
}
.goal ul li:nth-child(3){
	color: #ff6aae;
}
.goal ul li:nth-child(4){
	color: #3aa3ef;
}
.goal ul li:nth-child(5){
	color: #f38f1e;
}
.goal ul li:nth-child(6){
	color: #00893f;
}
.goal ul li:nth-child(7){
	width: 40.3645vw;
	color: #da465b;
	margin: 0 auto;
}
.goal ul li:nth-child(7) .icon{
	width: 26.1458vw;
	margin: 2.0833vw auto 1.25vw;
}
.goal ul li:nth-child(7) .txt{
	width: 33.3333vw;
	margin: 0 auto;
}
@media screen and (max-width: 680px) {
	.goal{
		padding: 28.2666vw 4vw 11.2vw;
	}
	.goal .wrapper{
		padding: 0 4.8vw 13.3333vw;
		border: 0.8vw solid #2e318f;
		border-radius: 4vw;
	}
	.goal .logo{
		width: 48vw;
		margin: -20.8vw auto 0;
	}
	.goal .tit_goal{
		width: 68vw;
		margin: 1.3333vw auto 0;
	}
	.goal ul{
		margin: 8vw 0 0;
	}
	.goal ul li{
		width: 37.8666vw;
		margin: 0 0 9.0666vw;
	}
	.goal ul li .icon{
		margin: 4vw 0 2.1333vw;
	}
	.goal ul li .txt{
		font-size: 3.2vw;
	}
	.goal ul li:nth-child(7){
		width: 66.6666vw;
	}
	.goal ul li:nth-child(7) .icon{
		width: 42.6666vw;
		margin: 4.8vw auto 2.1333vw;
	}
	.goal ul li:nth-child(7) .txt{
		width: 54.6666vw;
	}
}

.thought{
	position: relative;
	padding: 8.9583vw 3.6458vw 9.375vw;
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.4), rgba(165, 229, 255, 0.4) 24%, rgba(64, 177, 93, 0.4) 40%, rgba(0, 129, 204, 0.4));
}
.thought:before{
	content: "";
	position: absolute;
	display: block;
	width: 12.3958vw;
	height: 8.6458vw;
	left: 8.59375vw;
	top: 7.03125vw;
	background: url("../images/bg_thought_left.png") no-repeat;
	background-size: cover;
}
.thought:after{
	content: "";
	position: absolute;
	display: block;
	width: 12.5vw;
	height: 16.1979vw;
	right: 7.03125vw;
	top: 7.7083vw;
	background: url("../images/bg_thought_right.png") no-repeat;
	background-size: cover;
}
.thought .tit_thought{
	width: 43.75vw;
	margin: 0 auto 3.3333vw;
}
.thought .tit{
	width: 38.75vw;
}
.thought ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.thought ul li{
	position: relative;
	width: 27.34375vw;
	font-size: 1.8229vw;
	line-height: 1.4;
}
.thought ul li .img{
	width: 24.7916vw;
	margin: 0 auto 2.0833vw;
}
.thought ul li .name{
	font-weight: 700;
}
.thought ul li .txt{
	margin: 0.78125vw 0 0;
}
.thought .member ul li:nth-child(1),
.thought .member ul li:nth-child(2){
	display: flex;
	align-items: center;
	width: 100%;
}
.thought .member ul li:nth-child(1){
	margin: 2.8645vw 0 5.7291vw;
}
.thought .member ul li:nth-child(1) .img{
	width: 42.7083vw;
	margin: 0 3.3333vw 0 0;
}
.thought .member ul li:nth-child(2){ 
	flex-direction: row-reverse;
	justify-content: flex-end;
	margin: 0 2.0833vw 8.3333vw;
}
.thought .member ul li:nth-child(2) .img{
	width: 45.2083vw;
	margin: 0 0 0 4.1666vw;
}
.thought .member ul li:nth-child(1) .name,
.thought .member ul li:nth-child(2) .name{
	font-size: 2.1875vw;
}
.thought .member ul li:nth-child(3):before{
	content: "";
	position: absolute;
	display: block;
	width: 16.875vw;
	height: 11.25vw;
	left: -1.1458vw;
	top: -10.4166vw;
	background: url("../images/bg_member.png") no-repeat;
	background-size: cover;
}
.thought .support{
	margin: 7.8125vw 0 0;
}
.thought .support .tit{
	width: 30.5208vw;
}
.thought .support ul{
	position: relative;
	margin: 3.125vw 0 0;
}
.thought .support ul li{
	display: flex;
	align-items: center;
	width: 44.2708vw;
}
.thought .support ul li .img{
	width: 19.2708vw;
	margin: 0 0.78125vw;
}
.thought .support ul li .txt_wrap{
	width: 23.0208vw;
}
.thought .support ul li .name{
	font-size: 1.8229vw;
}
.thought .support ul li .txt{
	font-size: 1.7708vw;
}
.thought .support ul li:nth-child(1),
.thought .support ul li:nth-child(2){
	width: 100%;
}
.thought .support ul li:nth-child(2){
	justify-content: flex-end;
	margin: 3.4375vw 3.6458vw 3.125vw 0;
}
.thought .support ul li:nth-child(3),
.thought .support ul li:nth-child(4){ 
	flex-direction: row-reverse;
	justify-content: flex-end;
}
.thought .support ul.list01:before{
	content: "";
	position: absolute;
	display: block;
	width: 20vw;
	height: 10.4166vw;
	left: 33.3333vw;
	top: -10.9375vw;
	background: url("../images/bg_supporter01.png") no-repeat;
	background-size: cover;
}
.thought .support ul.list01:after{
	content: "";
	position: absolute;
	display: block;
	width: 39.8958vw;
	height: 25.5208vw;
	right: 0;
	top: -4.5833vw;
	background: url("../images/bg_supporter02.png") no-repeat;
	background-size: cover;
}
.thought .support ul.list01 li:nth-child(2):after{
	content: "";
	position: absolute;
	display: block;
	width: 28.9583vw;
	height: 15.1041vw;
	left: 3.6458vw;
	bottom: 0.5208vw;
	background: url("../images/bg_supporter03.png") no-repeat;
	background-size: cover;
}
.thought .support ul.list02{
	margin: 8.0729vw 0 0;
}
.thought .support ul.list02 li:nth-child(1):after{
	content: "";
	position: absolute;
	display: block;
	width: 36.6666vw;
	height: 18.0729vw;
	right: 3.6458vw;
	bottom: 0.5208vw;
	background: url("../images/bg_supporter04.png") no-repeat;
	background-size: cover;
}
.thought .support ul.list02 li:nth-child(2):after{
	content: "";
	position: absolute;
	display: block;
	width: 33.8541vw;
	height: 16.875vw;
	left: 3.6458vw;
	bottom: 0.5208vw;
	background: url("../images/bg_supporter05.png") no-repeat;
	background-size: cover;
}
@media screen and (max-width: 680px) {
	.thought{
		padding: 9.0666vw 4vw;
	}
	.thought:before{
		display: none;
	}
	.thought:after{
		width: 16vw;
		height: 20.2666vw;
		right: 3.2vw;
		top: 48vw;
	}
	.thought .tit_thought{
		width: 76.8vw;
		margin: 0 auto 5.8666vw;
	}
	.thought .tit{
		width: 73.3333vw;
		margin: 0 auto;
	}
	.thought ul{
		display: block;
	}
	.thought ul li{
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		font-size: 4vw;
		margin: 10.6666vw 0 0;
	}
	.thought ul li .img{
		width: 47.4666vw;
		margin: 0;
	}
	.thought ul li .txt_wrap{
		width: 40.8vw;
	}
	.thought ul li .txt{
		margin: 1.6vw 0 0;
	}
	.thought .member ul li:nth-child(1),
	.thought .member ul li:nth-child(2){
		display: block;
	}
	.thought .member ul li:nth-child(1){
		margin: 10.6666vw 0 0;
	}
	.thought .member ul li:nth-child(1) .img,
	.thought .member ul li:nth-child(2) .img,
	.thought .member ul li:nth-child(1) .txt_wrap,
	.thought .member ul li:nth-child(2) .txt_wrap{
		width: 100%;
		margin: 0 0 4vw;
	}
	.thought .member ul li:nth-child(1) .txt_wrap,
	.thought .member ul li:nth-child(2) .txt_wrap{
		margin: 0 3.2vw;
	}
	.thought .member ul li:nth-child(2){ 
		margin: 10.6666vw 0 32vw;
	}
	.thought .member ul li:nth-child(1) .name,
	.thought .member ul li:nth-child(2) .name{
		font-size: 4.8vw;
	}
	.thought .member ul li:nth-child(3):before{
		width: 32.2666vw;
		height: 21.6vw;
		left: 3.2vw;
		top: -21.3333vw;
	}
	.thought .member ul li:nth-child(4){
		flex-direction: row-reverse;
	}
	.thought .support{
		margin: 16vw 0 0;
	}
	.thought .support .tit{
		width: 56vw;
	}
	.thought .support ul{
		margin: 3.125vw 1.6vw 0;
	}
	.thought .support ul li{
		flex-wrap: wrap;
		width: 100%;
	}
	.thought .support ul li .img{
		width: 42.1333vw;
		margin: 0;
	}
	.thought .support ul li .txt_wrap{
		width: 40.8vw;
	}
	.thought .support ul li.president .txt_wrap{
		width: 100%;
	}
	.thought .support ul li .name{
		font-size: 4.2666vw;
	}
	.thought .support ul li .txt{
		font-size: 4vw;
	}
	.thought .support ul.list01 li:nth-child(1){
		justify-content: flex-start;
		align-items: flex-end;
	}
	.thought .support ul li:nth-child(1) .name{
		margin: 0 0 4vw 3.2vw;
	}
	.thought .support ul li:nth-child(2){
		justify-content: space-between;
		margin: 38.9333vw 0 10.6666vw;
	}
	.thought .support ul li:nth-child(3),
	.thought .support ul li:nth-child(4){ 
		justify-content: space-between;
	}
	.thought .support ul li:nth-child(4){ 
		flex-direction: row;
	}
	.thought .support ul.list01:before{
		width: 43.4666vw;
		height: 22.4vw;
		left: auto;
		right: 0;
		top: 0;
	}
	.thought .support ul.list01:after{
		display: none;
	}
	.thought .support ul.list01 li:nth-child(2):after{
		width: 50.6666vw;
		height: 26.4vw;
		left: 0;
		bottom: auto;
		top: -32vw;
	}
	.thought .support ul.list02{
		margin: 56vw 1.6vw 0;
	}
	.thought .support ul.list02 li:nth-child(1):after{
		width: 74.6666vw;
		height: 36.8vw;
		right: auto;
		bottom: auto;
		top: -45.3333vw;
		left: 50%;
		transform: translateX(-50%);
	}
	.thought .support ul.list02 li:nth-child(2n+1){
		flex-direction: row;
	}
	.thought .support ul.list02 li:nth-child(2n){
		flex-direction: row-reverse;
	}
	.thought .support ul.list02 li:nth-child(2){
		margin: 10.6666vw 0 0;
	}
	.thought .support ul.list02 li:nth-child(2):after{
		display: none;
	}
}

.smp_only{
	display: none;
}
@media screen and (max-width: 680px) {
	.smp_only{
		display: block;
	}
	.pc_only{
		display: none;
	}
}