@charset "UTF-8";


/* 個別CSS */
/* ------------------------------ */
.purpose_movie {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 56px;
}
.purpose_movie h2 {width: 100%;}
.purpose_movie-txt1 {width: 47.115%;}
.purpose_movie-txt1 p {
	font-size: 32px;
	font-weight: 700;
}
.purpose_movie-video {width: 50%;}
.purpose_movie-video iframe {
	width: 100%;
	height: auto;
	aspect-ratio: 16/9;
}


.purpose_story {margin-bottom: 56px;}
.purpose_story p {
	font-size: 22px;
	line-height: 2.18;
	margin-bottom: 24px;
	font-weight: 700;
}
.purpose_story p:last-child {margin-bottom: 0;}


.purpose_process {margin-bottom: 56px;}
.purpose_process_block1 {
	margin-bottom: 32px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row-reverse;
}
.purpose_process_block1:nth-child(2n+1) {flex-direction: row;}
.purpose_process_block1:last-child {margin-bottom: 0;}
.purpose_process_block1-txt1 {width: 48.85%;}
.purpose_process_block1-txt1 p {
	margin-bottom: 16px;
	font-weight: 700;
}
.purpose_process_block1-txt1 p:last-child {margin-bottom: 0;}
.purpose_process_block1-img1 {width: 48.85%;}
.purpose_process_block1-img1 img {border-radius: 16px;}


.purpose_visual {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.purpose_visual h2 {width: 100%;}
.purpose_visual-txt1 {width: 48.85%;}
.purpose_visual-txt1 p {
	font-weight: 700;
	margin-bottom: 16px;
}
.purpose_visual-txt1 p:last-child {margin-bottom: 0;}
.purpose_visual-txt1 p.note {
	font-size: 12px;
	font-weight: 400;
}
.purpose_visual-img1 {
	width: 47.69%;
	text-align: center;
}
.purpose_visual-img1 img {
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}
.purpose_visual-txt2 {
	width: 100%;
	margin-top: 56px;
}
.purpose_visual-txt2 p {
	font-size: 22px;
	text-align: center;
	font-weight: 700;
}
.purpose_visual-txt2 .other {margin-top: 32px;}
.purpose_visual-txt2 .other a {width: 25%;}



@media screen and (max-width: 1240px) and (min-width: 769px) {
	
/* 個別CSS */
/* ------------------------------ */
.purpose_movie-txt1 p {font-size: 2.580vw;}

.purpose_story p {font-size: 1.774vw;}

.purpose_visual-txt1 p.note {font-size: 0.967vw;}
.purpose_visual-txt2 p {font-size: 1.774vw;}

}



@media screen and (max-width: 1024px) {
}



@media screen and (max-width: 768px) {

/* 個別CSS */
/* ------------------------------ */
.purpose_movie {
	display: block;
	margin-bottom: 10.667%;
}
.purpose_movie h2 {}
.purpose_movie-txt1 {
	width: auto;
	padding-left: 4.266%;
	padding-right: 4.266%;
	margin-bottom: 6.4%;
}
.purpose_movie-txt1 p {
	font-size: 6.4vw;
	line-height: 1.583;
}
.purpose_movie-video {
	width: auto;
	padding-left: 4.266%;
	padding-right: 4.266%;
}
.purpose_movie-video iframe {}


.purpose_story {margin-bottom: 10.667%;}
.purpose_story p {
	font-size: 4.266vw;
	line-height: 1.875;
	margin-bottom: 1em;
	padding-left: 4.266%;
	padding-right: 4.266%;
}
.purpose_story p:last-child {margin-bottom: 0;}


.purpose_process {margin-bottom: 10.667%;}
.purpose_process_block1 {
	padding-left: 4.266%;
	padding-right: 4.266%;
	margin-bottom: 6.4%;
	display: block;
}
.purpose_process_block1:last-child {margin-bottom: 0;}
.purpose_process_block1-txt1 {width: auto;}
.purpose_process_block1-txt1 p {
	margin-bottom: 2.133%;
	font-size: 3.733vw;
	line-height: 1.714;
}
.purpose_process_block1-txt1 p:last-child {margin-bottom: 0;}
.purpose_process_block1-img1 {
	width: auto;
	margin-bottom: 4.266%;
}
.purpose_process_block1-img1 img {border-radius: 4%;}


.purpose_visual {display: block;}
.purpose_visual h2 {}
.purpose_visual-txt1 {
	padding-left: 4.266%;
	padding-right: 4.266%;
	width: auto;
	margin-bottom: 6.4%;
}
.purpose_visual-txt1 p {
	margin-bottom: 2.133%;
	font-size: 3.733vw;
	line-height: 1.714;
}
.purpose_visual-txt1 p.note {
	font-size: 2.933vw;
	line-height: 1.636;
}
.purpose_visual-img1 {width: auto;}
.purpose_visual-img1 img {max-width: 64%;}
.purpose_visual-txt2 {
	padding-left: 4.266%;
	padding-right: 4.266%;
	margin-top: 10.667%;
}
.purpose_visual-txt2 p {
	font-size: 4.8vw;
	line-height: 1.5;
}
.purpose_visual-txt2 .other {margin-top: 8.533%;}
.purpose_visual-txt2 .other a {width: 64%;}


}