@charset "UTF-8";
/*******************************************************************************
	サイト名：
	作成会社：Fellow System
--------------------------------------------------------------------------------
 No.│   日付   │区分│						内  容
━━┿━━━━━┿━━┿━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 001│2018.01│新規│[V1.00] 山本
*******************************************************************************/

/*******************************************************************************
	デフォルトセッティング
--------------------------------------------------------------------------------
	適応：全部
*******************************************************************************/

/*******************************************************************************
	共通部
--------------------------------------------------------------------------------
	適応：全部
*******************************************************************************/
.banner_pc {
	display: flex;
	visibility: hidden;
	position: absolute;
	top: 110px;
	left: 50%;
	transform: translateX(-50%);
	max-width: 1820px;
	width: 95%;
	margin: 0 auto;
	opacity: 0;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end;

	row-gap: 15px;
}

.home-keyvisual.opening .banner_pc {
	animation: FadeIn 1.5s ease-in-out forwards;
	animation-delay: 1.8s;
}

@media screen and (min-width: 768px) {
	.banner_list {
		display: none !important;
	}
}
@media screen and (max-width: 767px) {
	.banner_pc {
		display: none;
	}
}

.banner_pc img {
	display: block;
	visibility: visible;

/*max-width: 150px;
	width: 100%;*/
	filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.4));
}

.banner_list {
	display: flex;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0) !important;
	max-width: 305px;
	width: 100%;
	padding: 0 30px;
	opacity: 0;
	flex-direction: column;
	align-items: center;
}

.home_works-content .common_title-container {
	animation-delay: 1.7s;
}

.banner_list img {
	width: 100%;
}

#health1 {
	max-width: 200px;
	margin-left: 65px;
}

#health2 {
	max-width: 180px;
	margin-top: 5px;
	margin-right: auto;
}

#health1 , #health2 {
	width: 100%;
}

.home_pride-content .border_frame {
	background-image: url(../images/border_frame-pride.png);
	background-position: right 40px bottom -10px;
	background-size: 245px 360px;
}
.home_pride-content .inner_frame {
	padding: 45px 0 65px;
}

.border_pride-top {
	display: flex;
	font-weight: bold;
	text-align: center;
	flex-direction: column;
	align-items: center;
}
.border_pride-emphasis {
	display: flex;
	align-items: baseline;
}
.border_pride-blue {
	color: #0164b3;
}
.border_pride-emphasis span:not(.border_pride-blue) {
	display: flex;
	position: relative;
	font-weight: 900;
	align-items: baseline;
}
.border_pride-emphasis span:not(.border_pride-blue)::after {
	position: absolute;
	bottom: 0;
	content: "。";
}
.border_pride-bottom {
	font-weight: bold;
	font-size: 34px;
	line-height: 63px;
	text-align: center;
}
.border_pride-bottom span {
	border-bottom: 1px solid #b1b0b0;
}
.border_pride-tell {
	display: flex;
	position: absolute;
	right: -30px;
	bottom: 5px;
	transform: rotateZ(6deg);
	max-width: 280px;
	width: 100%;
	padding: 6px 0;
	border: 2px solid #c4c4c4;
	background-color: #ffffff;
	font-weight: bold;
	font-size: 34px;
	justify-content: center;
	align-items: center;
}
.border_pride-tell::before {
	display: block;
	position: absolute;
	width: calc(100% - 11px);
	height: calc(100% - 6px);
	border: 1px solid #c4c4c4;
	content: "";
}

.border_pride-tell i {
	position: absolute;
	right: -3px;
	bottom: 20px;
	transform: rotateZ(4deg);
	font-size: 54px;
}
.border_pride-tell a {
	pointer-events: none;
}
.home_duties-theme {
	display: flex;
	color: #0164b3;
	font-weight: 900;
	text-align: center;
	justify-content: center;
	align-items: center;
}
.home_duties-theme::before , .home_duties-theme::after {
	display: block;
	transform-origin: center;
	width: 10px;
	background-color: #0164b3;
	content: "";

	clip-path: polygon(0 0, 50% 100%, 100% 0);
	aspect-ratio: 2/19;
}
.home_duties-head {
	display: flex;
	max-width: 450px;
	margin: 0 auto 10px;
	font-weight: 900;
	text-align: center;
	flex-direction: column;
}
.home_duties-head span:nth-of-type(1) {
	margin-right: auto;
	font-size: 21px;
}
.home_duties-head span:nth-last-of-type(1) {
	display: block;
	margin-left: auto;
	color: #0164b3;
	font-weight: 900;
	font-size: 26px;
}
.home_duties-contents {
	display: flex;
	max-width: 1050px;
	margin: 0 auto;
	flex-direction: column;
}
.home_duties-top {
	display: flex;
	position: relative;
	max-width: 1020px;
	width: 100%;
	margin-left: auto;
}
.home_duties-top div {
	position: relative;
	z-index: 0;
	overflow: hidden;
	max-width: 700px;
	width: 68.6275%;/* ここ！ */
	height: 260px;
	margin-top: 40px;
	margin-left: auto;
}
.home_duties-top div img {
	position: relative;
	right: 0;
	width: 100%;
	height: 260px;

	object-fit: cover;
	object-position: center;
}
.home_duties-top figcaption {
	display: flex;
	position: absolute;
	z-index: 1;
	font-weight: 900;
	text-shadow: 0 3px 6px #ffffff;
	flex-direction: column;
}
.home_duties-top figcaption > span {
	display: inline-block;
	position: relative;
	width: fit-content;
	padding-left: 10px;
}
.home_duties-top figcaption > span::after {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	width: calc(100% + 10px);
	height: 50px;
	background-color: #ffff00;
	content: "";
}
.home_duties-top figcaption > span:not(:nth-last-of-type(1))::after {
	bottom: -5px;
}
.home_duties-top figcaption > span:not(:nth-last-of-type(2)):after {
	width: calc(100% - 0.3em);
}
.home_duties-top figcaption > span:nth-last-of-type(1)::after {
	bottom: -10px;
}
.home_duties-bottom {
	display: flex;
	width: 100%;
	column-gap: 20px;
	justify-content: space-between;
	align-items: flex-end;
}
.home_duties-bottom > div:not(.home_duties-link) {
	position: relative;
	max-width: 700px;
	width: 100%;
	height: 260px;
}
.home_duties-bottom > div:not(.home_duties-link) img {
	width: 100%;
	height: 260px;

	object-fit: cover;
	object-position: center;
}

.home_duties-bottom  .video_decorate {
	top: -7.6924%;
	right: -10%;
}
.home_duties-link {
	max-width: 250px;
	width: 100%;
	padding-right: 5px;
	padding-bottom: 5px;
}
.home_duties-link a {
	display: flex;
	width: 100%;
	height: 250px;
	box-shadow: 5px 5px 0 #9d9d9d;
	background-color: #464646;
	color: #ffffff;
	font-weight: 900;
	justify-content: center;
	align-items: center;
}
.home_duties-link a span {
	display: block;
	position: relative;
}
.home_duties-link a i {
	display: inline-flex;
	position: absolute;
	right: 0;
	bottom: 5px;
	width: 30px;
	border-radius: 100%;
	background-color: #ffffff;
	color: #1057aa;
	font-size: 15px;
	justify-content: center;
	align-items: center;

	aspect-ratio: 1 / 1;
}
@media screen and (min-width: 768px) {
	.home_pride-content {
		margin-bottom: 115px;
	}
	.home_pride-content .border_frame {
		margin-bottom: 110px;
		background-position: right 40px bottom -10px;
		background-size: 245px 360px;
	}
	.border_pride-top {
		margin-bottom: 60px;
		font-size: 46px;
	}
	.border_pride-emphasis {
		margin-top: 20px;
		padding-right: 35px;
		font-size: 60px;
	}
	.border_pride-blue {
		font-size: 92px;
	}
	.border_pride-emphasis span:not(.border_pride-blue) {
		font-size: 114px;
	}
	.border_pride-emphasis span:not(.border_pride-blue)::after {
		left: calc(100% + 3px);
		font-size: 87px;
	}
	.border_pride-bottom {
		font-size: 34px;
		line-height: 63px;
	}
	.home_duties-theme {
		font-size: 40px;
		line-height: 55px;
		column-gap: 20px;
	}
	.home_duties-theme::before {
		transform: rotate(-20deg);
	}
	.home_duties-theme::after {
		transform: rotate(20deg);
	}
	.home_duties-head {
		font-size: 78px;

		row-gap: 5px;
	}
	.home_duties-head span:nth-of-type(1) {
		font-size: 21px;
	}
	.home_duties-head span:nth-last-of-type(1) {
		font-size: 26px;
	}
	.home_duties-contents {
		width: 95%;

		row-gap: 65px;
	}
	.home_duties-top div {
		width: 68.6275%;/* ここ！ */
		margin-top: 40px;
	}
	.home_duties-top figcaption > span {
		padding-left: 10px;
	}
	.home_duties-top figcaption > span::after {
		height: 50px;
	}
	.home_duties-top figcaption > span:not(:nth-last-of-type(1))::first-letter {
		font-size: 121px;
	}
	.home_duties-top figcaption > span:not(:nth-last-of-type(1)) {
		font-size: 71px;
	}
	.home_duties-top figcaption span:nth-last-of-type(1) , .home_duties-top figcaption span:nth-last-of-type(2) span {
		font-size: 50px;
	}
	.home_duties-top figcaption span:nth-last-of-type(1) {
		margin-top: 20px;
	}
	.home_duties-bottom {
		column-gap: 20px;
	}
	.home_duties-link a {
		font-size: 37px;
		line-height: 48px;
	}
	.home_duties-link a i {
		bottom: 5px;
		width: 30px;
		font-size: 15px;
	}
}
@media screen and (max-width: 767px) {
	.home_pride-content {
		margin-bottom: 60px;
	}
	.home_pride-content .border_frame {
		margin-bottom: 50px;
		background-position: right 25px bottom -10px;
		background-size: 175px 258px;
	}
	.border_pride-top {
		margin-bottom: 20px;
		font-size: 30px;
	}
	.border_pride-emphasis {
		margin-top: 5px;
		padding-right: 25px;
		font-size: 40px;
	}
	.border_pride-blue {
		font-size: 60px;
	}
	.border_pride-emphasis span:not(.border_pride-blue) {
		font-size: 65px;
	}
	.border_pride-emphasis span:not(.border_pride-blue)::after {
		left: 100%;
		font-size: 55px;
	}
	.border_pride-bottom {
		font-size: 20px;
		line-height: 36px;
	}
	.home_duties-theme {
		font-size: 28px;
		line-height: 40px;
		column-gap: 10px;
	}
	.home_duties-theme::before {
		transform: rotate(-10deg);
	}
	.home_duties-theme::after {
		transform: rotate(10deg);
	}
	.home_duties-head {
		padding: 0 30px;
		font-size: 55px;

		row-gap: 3px;
	}
	.home_duties-head span:nth-of-type(1) {
		font-size: 18px;
	}
	.home_duties-head span:nth-last-of-type(1) {
		font-size: 20px;
	}
	.home_duties-contents {
		width: 100%;
		padding: 0 30px;

		row-gap: 40px;
	}
	.home_duties-top div {
		width: 75%;/* ここ！ */
		margin-top: 20px;
	}
	.home_duties-top figcaption > span {
		padding-left: 5px;
	}
	.home_duties-top figcaption > span::after {
		height: 25px;
	}
	.home_duties-top figcaption > span:not(:nth-last-of-type(1))::first-letter {
		font-size: 70px;
	}
	.home_duties-top figcaption > span:not(:nth-last-of-type(1)) {
		font-size: 55px;
	}
	.home_duties-top figcaption span:nth-last-of-type(1) , .home_duties-top figcaption span:nth-last-of-type(2) span {
		font-size: 25px;
	}
	.home_duties-top figcaption span:nth-last-of-type(1) {
		margin-top: 10px;
	}
	.home_duties-bottom {
		column-gap: 10px;
	}
	.home_duties-link a {
		font-size: 23px;
		line-height: 36px;
	}
	.home_duties-link a i {
		bottom: 3px;
		width: 25px;
		font-size: 13px;
	}
}

@media screen and (min-width: 768px) {
	.banner_list {
		top: 80px;
		max-width: 600px;
	}

	#health1 {
		margin: 0 auto 0 65px;
	}
}

@media screen and (max-width: 767px) {
	.home .main_container {
		position: relative;
	}

	.banner_list {
		top: -10px;
		max-width: 375px;
	}

	#health1 {
		margin: 0 auto 0 65px;
		margin-left: auto;
	}
}

.index_title-container {
	display: flex;
	position: relative;
	max-width: 740px;
	margin: 0 auto;
	color: #ffffff;
	opacity: 0;
	font-weight: normal;
	text-align: center;
	flex-direction: column;
	align-items: center;
}
.index_title-container img {
	min-width: 400px;
	width: 100%;
	height: auto;
}
.index_title-container figcaption {
	display: flex;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: auto;
	padding-top: 35px;
	font-size: clamp(2.5rem, -2.553rem + 10.53vw, 4.375rem);
	line-height: clamp(2.813rem, -3.756rem + 13.68vw, 5.25rem);
	letter-spacing: 0.2em;
	text-shadow: 0px 0px 6px #1b3465;
	flex-direction: column;
	align-items: center;
}
.index_title-container figcaption strong {
	margin-top: 1.7568%;
	font-weight: normal;
	font-size: clamp(3.438rem, -2.289rem + 11.93vw, 5.563rem);
}
.index_question-container {
	display: flex;
	max-width: 800px;
	width: 95%;
	margin: 0 auto;
	flex-direction: column;
	align-items: center;

	row-gap: 65px;
}
.index_bubble-list {
	display: flex;
	width: 100%;
	margin: 0 auto;
	flex-direction: column;

	row-gap: 65px;
}
.index_bubble-item {
	display: flex;
	position: relative;
	width: 95%;
	padding: clamp(1.5rem, -0.689rem + 4.56vw, 2.313rem) 15px;
	border: 1px solid #3b4043;
	border-radius: clamp(3.438rem, -0.773rem + 8.77vw, 5rem);
	background-color: rgba(255, 255, 255, 0.5);
	font-weight: 500;
	font-size: clamp(1rem, -0.011rem + 2.11vw, 1.375rem);
	line-height: clamp(1.875rem, -0.146rem + 4.21vw, 2.625rem);
	text-align: justify;
	justify-content: center;
	align-items: center;
}
.index_bubble-item:nth-of-type(-n+2) {
	max-width: 570px;
}
.index_bubble-item:nth-of-type(3) {
	max-width: 680px;
}
.index_bubble-item:nth-of-type(even) {
	margin-top: 10px;
	margin-left: auto;
}
.index_bubble-item::before , .index_bubble-item::after {
	display: block;
	position: absolute;
	content: "";
}

.index_bubble-item::before {
	top: 100%;
	width: 30px;
	height: 1px;
	background-color: #ffffff;
}
.index_bubble-item:nth-of-type(odd):before {
	left: 110px;
}
.index_bubble-item:nth-of-type(even)::before {
	right: 105px;
}


.index_bubble-item::after {
	top: calc(100% - clamp(0.625rem, -0.217rem + 1.75vw, 0.938rem));
	width: 1px;
	height: clamp(2.5rem, -0.868rem + 7.02vw, 3.75rem);
	background-color: #3b4043;
}
.index_bubble-item:nth-of-type(odd)::after {
	left: calc(110px + clamp(2.5rem, 1.658rem + 1.75vw, 2.813rem));
	transform: rotateZ(47.5deg);
	transform-origin: left top;
}
.index_bubble-item:nth-of-type(even)::after {
	right: calc(105px + clamp(2.5rem, 1.658rem + 1.75vw, 2.813rem));
	transform: rotateZ(-47.5deg);
	transform-origin: right top;
}


.index_bubble-item strong {
	display: inline-flex;
	font-weight: 500;
}
.index_bubble-item strong::before {
	content: "“";
}.index_bubble-item strong::after {
	content: "”";
}
.index_bubble-item strong span {
	color: #e00000;
	font-weight: bold;
}
.index_question-container img , .index_like-next {
	max-width: clamp(2.5rem, 0.816rem + 3.51vw, 3.125rem);
	width: 100%;
}
.index_like-container {
	display: flex;
	max-width: 1040px;
	width: 95%;
	margin: 0 auto;
	margin-bottom: 30px;
	flex-direction: column;
	align-items: center;
}
.index_like-container p {
	width: fit-content;
	margin: 0 auto;
	margin-bottom: 110px;
	font-weight: 900;
	font-size: clamp(1.563rem, -2.816rem + 9.12vw, 3.188rem);
	line-height: clamp(2.188rem, -6.57rem + 18.25vw, 5.438rem);
	text-align: center;
	text-shadow: 0px 0px 6px #ffffff;
}
.index_like-container p strong {
	font-weight: 900;
}
@media screen and (min-width: 501px) {
	.index_like-container p strong {
		display: inline-flex;
	}
}
@media screen and (max-width: 500px) {
	.index_like-container p strong {
		display: flex;
		margin: 0 auto;
		justify-content: center;
	}
}
.index_like-container p strong::before {
	content: "“";
}
.index_like-container p strong::after {
	content: "”";
}
.index_like-container p span {
	display: inline-flex;
	position: relative;
	margin-right: -0.02em;
	margin-left: -0.5em;
	color: #ffffff;
	font-weight: 900;
	letter-spacing: -0.04em;
	text-shadow: 0px 0px 6px #1b3465;
}
.index_like-container p span::after {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;
	transform: translate(-50%, -50%);
	width: clamp(12.5rem, -21.184rem + 70.18vw, 25rem);
	background-image: url(../images/index_like-line.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	content: "";

	aspect-ratio: 400/93;
}
.index_like-container ul {
	max-width: 1000px;
	width: 100%;
	margin-right: 0;
	margin-bottom: 35px;
	margin-left: auto;
}
.index_like-container .video_decorate span:first-child {
	background: linear-gradient(to right top, #1b3465 0%, #1b3465 28.74%, rgba(27, 52, 101, 0.53) 71.74%, rgba(27, 52, 101, 0.02) 100%);
}
.index_like-container .video_decorate span:nth-child(2) {
	background: linear-gradient(to left bottom, rgba(255, 255, 255, 0) 0%, #1374bd 50%, #1374bd 100%);
}

.index_like-container .video_decorate span:nth-child(3) {
	background: linear-gradient(to left bottom, rgba(102, 200, 197, 0) 0%, #66c8c5 55%, #66c8c5 100%);
}
.index_like-container video {
	width: 100%;

	object-fit: cover;
}
.index_like-container .top_video .video_frame video {
	width: 100%;
}
.index_like-video {
	display: flex;
	flex-direction: column;

	row-gap: 40px;
}
.index_like-video li {
	max-width: 700px;
	width: 95%;
}
.index_like-video li:nth-of-type(even) {
	margin-left: auto;
}
.index_like-video li:nth-of-type(1) .video_decorate {
	top: -20px;
	right: -70px;
}
.index_like-video li:nth-of-type(3) .video_decorate {
	bottom: -35px;
	left: -40px;
}

.index_voice-theme {
	display: flex;
	position: relative;
	width: fit-content;
	margin: 0 auto;
	margin-bottom: 55px;
	font-weight: 900;
	flex-direction: column;
	align-items: center;
}
.index_voice-theme::before , .index_voice-theme::after {
	display: block;
	position: absolute;
	bottom: -5.5%;
	width: clamp(0.188rem, -0.149rem + 0.7vw, 0.313rem);
	height: clamp(3.75rem, -12.25rem + 33.33vw, 9.688rem);
	background-color: #1057aa;
	content: "";
}
.index_voice-theme::before {
	right: 100%;
	transform: rotateZ(-20deg);
	transform-origin: left bottom;
}.index_voice-theme::after {
	left: 100%;
	transform: rotateZ(20deg);
	transform-origin: right bottom;
}
.index_voice-first {
	margin-bottom: 0.55%;
	font-size: clamp(1.563rem, -1.132rem + 5.61vw, 2.563rem);
}
.index_voice-second {
	display: flex;
	margin-bottom: 0.5%;
	font-size: clamp(1.688rem, -2.691rem + 9.12vw, 3.313rem);
	white-space: nowrap;
	align-items: baseline;
}
.index_voice-second span:nth-of-type(1) {
	margin-right: 0.07em;
	font-size: clamp(1.875rem, -4.693rem + 13.68vw, 4.313rem);
}
.index_voice-second span:nth-last-of-type(1) {
	margin-left: 0.38em;
	font-size: clamp(1.75rem, -4.818rem + 13.68vw, 4.188rem);
	letter-spacing: -0.11em;
}
.index_voice-third {
	display: flex;
	position: relative;
	font-size: clamp(2.688rem, -2.365rem + 10.53vw, 4.563rem);
	align-items: baseline;
}
.index_voice-third::after {
	display: block;
	position: absolute;
	bottom: -8.5%;
	left: 50%;
	z-index: -1;
	transform: translateX(-50%);
	width: calc(100% - 0.18em);
	height: calc(100% / 2 - 10.8843%);
	background-color: #ffff00;
	content: "";
}
.index_voice-third span {
	font-size: clamp(3.438rem, -19.131rem + 47.02vw, 11.813rem);
	letter-spacing: -0.09em;
}

.index_voice-text {
	font-weight: 500;
	font-size: clamp(0.875rem, 0.37rem + 1.05vw, 1.063rem);
	line-height: clamp(1.563rem, 0.889rem + 1.4vw, 1.813rem);
	text-align: center;
}

.index_voice-text span {
	display: block;
	margin-top: 1.15em;
}

.index_voice-img {
	position: relative;
	max-width: 1170px;
	width: 95%;
	margin: 0 auto;
}
.index_voice-img img:not(.move_enjoy) {
	max-width: 940px;
	width: 100%;
	margin: 0 auto;
}
.index_voice-img img.move_enjoy {
	position: absolute;
	right: 0;
	bottom: 10px;
	max-width: 390px;
	width: 33.3333%;
}
.index_voice-contents {
	flex-direction: column;
	align-items: center;
}
.index_voice-contents figure {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	max-width: 1669px;
	min-width: 615px;
	width: 160%;
	margin-top: -3.6459%;
}
.index_voice-contents figure img {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
}
.index_voice-contents figure figcaption {
	display: flex;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
}
.index_voice-link {
	display: flex;
	position: relative;
	max-width: 320px;
	width: 100%;
	height: clamp(3.438rem, 1.753rem + 3.51vw, 4.063rem);
	margin: 0 auto;
	flex-direction: column;
}
.index_voice-link::after {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 0;
	width: calc(100% - 5px);
	height: calc(100% - 5px);
	background-color: gray;
	content: "";
}
.index_voice-link a {
	display: flex;
	position: relative;
	z-index: 1;
	max-width: 320px;
	width: calc(100% - 5px);
	padding: 15px 0;
	background-color: #1057aa;
	color: #ffffff;
	font-weight: 900;
	font-size: clamp(0.938rem, 0.769rem + 0.35vw, 1rem);
	letter-spacing: 0.03em;
	column-gap: 10px;
	justify-content: center;
	align-items: center;
	pointer-events: all;
	cursor: pointer;
}
.index_voice-link a:hover {
	margin-top: auto;
	margin-left: auto;
	opacity: 1;
	transition: all 0.6s;
}

.index_voice-link a i {
	display: flex;
	width: clamp(1.25rem, -0.434rem + 3.51vw, 1.875rem);
	border-radius: 100%;
	background-color: #ffffff;
	color: #1057aa;
	font-size: 13px;
	line-height: 1;
	justify-content: center;
	align-items: center;

	aspect-ratio: 1 / 1;
}
.fit_link {
	display: block;
	max-width: 800px;
	width: 95%;
	margin: 0 auto;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.51);
}
.fit_link img {
	width: 100%;
	height: auto;
}
.banner_list {
	display: flex !important;
}
@media screen and (min-width: 768px) {
	.main_container {
		padding-top: 225px;
	}
	.index_title-container {
		width: 95%;
	}
	.index_question-container {
		width: 95%;
		margin-bottom: 80px;

		row-gap: 65px;
	}
	.index_bubble-list {
		row-gap: 65px;
	}
	.index_bubble-item {
		width: 95%;
	}
	.index_like-container {
		width: 95%;
	}
	.index_like-container p {
		margin-bottom: 110px;
	}
	.index_like-container video {
		height: 260px;
	}
	.index_like-video li:nth-of-type(1) .video_decorate {
		right: -10%;
	}
	.index_like-video li:nth-of-type(3) .video_decorate {
		left: -5.7143%;
	}
	.index_voice-container {
		margin-bottom: 140px;
	}
	.index_voice-theme {
		margin-bottom: 55px;
	}
	.index_voice-theme::before {
		transform: rotateZ(-20deg);
	}
	.index_voice-theme::after {
		transform: rotateZ(20deg);
	}
	.index_voice-text {
		margin-bottom: 20px;
	}
	.index_voice-img {
		width: 95%;
	}

	.index_voice-img {
		width: 95%;
	}
	.fit_link {
		width: 95%;
	}
}
@media screen and (max-width: 767px) {
	.main_container {
		padding-top: 80px !important;
	}
	.index_title-container {
		width: calc(100% - 40px);
	}
	.index_question-container {
		width: 100%;
		margin-bottom: 50px;
		padding: 0 20px;

		row-gap: 40px;
	}
	.index_bubble-list {
		row-gap: 30px;
	}
	.index_bubble-item {
		width: calc(100% - 10px);
	}
	.index_like-container {
		width: 100%;
		padding: 0 30px;
	}
	.index_like-container p {
		margin-bottom: 50px;
	}
	.index_voice-container {
		margin-bottom: 50px;
	}
	.index_like-video li:nth-of-type(1) .video_decorate {
		right: -6%;
	}
	.index_like-video li:nth-of-type(3) .video_decorate {
		left: -2.5%;
	}
	.index_voice-theme {
		margin-bottom: 30px;
	}
	.index_voice-theme::before {
		transform: rotateZ(-15deg);
	}
	.index_voice-theme::after {
		transform: rotateZ(15deg);
	}
	.index_voice-text {
		margin-bottom: 15px;
		padding: 0 30px;
		text-align: justify;
	}
	.index_voice-text br {
		display: none;
	}
	.index_voice-img {
		width: calc(100% - 40px);
	}

	.index_voice-img {
		width: calc(100% - 30px);
		padding: 0 10px;
	}
	.fit_link {
		width: calc(100% - 40px);
	}
}