.main__container {
	display: flex;
}

.side-left-cont {
	width: 30%;
	background: #dbf9ff;
}

.main__aside {
	width: 30%;
	background: #dbf9ff;
}

.main__content {
	width: 40%;
}

.tv-side-cont {
	position: relative;
	background: #fff;
	padding: 20px 0;
}

.tv-side-cont img {
	width: 90%;
	margin: 0 auto;
}

.tv-side-cont video {
	position: absolute;
	width: 19vw;
	top: 48.5%;
	left: 48%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	aspect-ratio: 16 / 9;
}

.tv .tv-side-cont video {
	width: 29.5vw;
	left: 50.15%;
	top: 43.35%;
}

.worries img:nth-child(2) {
	position: relative;
	z-index: 1;
}

.mtm {
	margin-top: -8vw;
}

.swiper-wrap {
	position: relative
}

.main0624 .contact__comment {
	width: 70%;
}

.main0624 .contact__wrapper {
	background: #fff;
	padding-top: 0;
	margin-top: 20px;
	height: 85%;
}

.main0624 .contact__box {
	margin-top: 0;
	padding: 15px 0 0;
	width: 90%;
	margin: 0 auto;
	background: #fff;
	border-radius: 10px;
	border: 1px solid #e5e5e5;
	box-shadow: 0 0 2px rgba(0, 0, 0, .5);
	position: relative;
	top: -10px;
	overflow: hidden;
	padding: 0;
}

.main0624 .contact__title {
	padding: 10px;
	background: #ffffda;
}

.main0624 .contact__title img {
	width: 92.5%;
	margin: 0 auto;
}

.main0624 .contact__form {
	padding: 0.825rem 0 0;
}

.main0624 .form__item {
	width: 92.5%;
	margin: 0 auto;
}

.main0624 .form__item label {
	font-size: 1rem;
	color: #0166be;
}

.main0624 .form__item input {
	border: solid 3px #0166be;
	border-radius: 0.5rem;
	margin-bottom: 5px;
}

.contact__box .btn_wrap {
	background: #0165bb;
	padding: .75em 1em;
	margin-top: 12.5px;
}

.contact__box .btn_wrap .contact__comment {
	width: 90%;
	margin: 2.5px;
}

.btn-submit__body2::before {
	background-image: url("../images/tokyo-03/cta_contact_btn.webp");
	width: 100%;
}

.main0624 .contact__box .tel-btn {
	margin-top: -7.5px;
	transition: all .3s;
}

.main0624 .contact__box .tel-btn:hover {
	transform: scale(1.1);
}

.head {
	position: fixed;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 5px 7.5px;
	width: 40%;
	z-index: 1;
	background: #fff;
	z-index: 100;
}

.head-logo {
	width: 16vw;
}

.head-right {
	display: flex;
}

.head-tel {
	width: 4.2vw;
}

.head-contact {
	width: 15vw;
	margin-left: 5px;
}

.fv {
	margin-top: 47px;
}

.fv-bottom {
	background: #0165bb;
}

.fv-bottom-cta {
	padding: 2em 1em .5em;
}

.fv-bottom-cta a {
	transition: all .3s;
	display: block;
}

.fv-bottom-cta a:hover {
	transform: scale(1.05);
}

.fv-bottom-cta img:nth-child(1) {
	width: 80%;
	margin: 0 auto 10px;
}

.fv-bottom-cta a img:nth-child(1) {
	width: 100%;
	margin: 0;
}

.slider-cont {
	padding: 2em 1em .5em;
	background: #0166be;
	position: relative;
}

.slider-cont:nth-child(1) {
	padding-bottom: 1.5em;
}

.slider-cont:nth-child(1)::before {
	content: "";
	width: calc(100% - 4.5vw);
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	position: absolute;
	height: 1px;
	border-bottom: 3px dotted #fff;
}

.example__swiper {
	padding: 0;
}

.slider-title h2 {
	font-size: 3.4vw;
	font-weight: 700;
	line-height: 1.2;
	color: #fff;
}

.slider-title h2 small {
	font-size: 2vw;
}

.slider-title h2 span {
	color: #fffc00;
}

.swiper-wrap {
	position: relative;
	width: 85%;
	margin: .75vw auto 0;
}

.swiper-button-prev,
.swiper-button-next {
	top: 45%;
	top: 50%;
	width: 24px;
	height: 24px;
}

.swiper-button-next {
	right: -5px;
}

.swiper-button-prev {
	left: -5px;
}

.slider-cont:nth-child(2) .swiper-wrap {
	width: 82.5%;
}

.voice {
	padding: 2em 1em;
	background-image: url(../images/tokyo-03/voice_bg.webp);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
	overflow: hidden;
	background-color: #EEF8FF;
}

.voice .swiper {
	overflow: initial;
}

.voice .swiper-wrap {
	width: 82.5%;
	margin: 0 auto;
}

.voice .swiper-button-next {
	right: -17.5px;
}

.voice .swiper-button-prev {
	left: -17.5px;
}

.reason-title {
	margin-block: 2em 1em;
}

.reason-list {
	padding: 0 1.5em;
}

.reason-list ul li {
	margin-bottom: 1em;
}

.reason-list ul li:last-child {
	margin-bottom: 0;
}

.support-img {
	padding: 2em 1.5em 0;
}

.tv .tv-side-cont {
	padding: 0;
}

.tv .tv-side-cont img {
	margin: 0;
	width: 100%;
}

.tv tv-side-cont video {
	width: 29.5vw;
	top: 43.25%;
	left: 50%;
}

.flow {
	background: #0165bb;
	padding: 2em 1.5em 0;
}

.flow-title {
	margin-bottom: 1.5rem;
}

.flow-title h2 {
	font-size: 2.25vw;
	color: #fff;
}

.flow-list ol li {
	margin-bottom: .75em;
}

.faq {
	padding: 2em 1.5em;
	background: initial;
}

.faq-title {
	margin-bottom: 1.5rem;
}

.faq-title h2 {
	font-size: 2.75vw;
	color: #0165bb;
	font-family: "din-2014", sans-serif;
	font-weight: 700;
	font-style: normal;
}

.faq-list ol li {
	margin-bottom: 1em;
	background: #fff;
	border: 6px solid #aee7ff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
	padding: .75em;
}

.faq-list-title {
	padding-bottom: .5em;
	margin-bottom: .5em;
	border-bottom: 2px solid #aee7ff;
	display: flex;
}

.faq-list-title p {
	font-size: 1.6vw;
	color: #0165bb;
	font-weight: 700;
	text-align: left;
}

.faq-list-txt p {
	font-size: 1.25vw;
	text-align: left;
}

.footer {
	position: relative;
	z-index: 100000;
}

@media screen and (max-width: 767px) {
	.main__content {
		width: 100%;
	}

	.head {
		width: 100%;
	}

	.cta__flex {
		justify-content: space-between;
		max-width: 400px;
	}

	.cta__flex a:nth-child(1) {
		width: 21%;
	}

	.cta__flex a:nth-child(2) {
		width: 75.5%;
	}

	.mtm {
		margin-top: -20vw;
	}

	.slider-title h2 {
		font-size: 8.2vw;
	}

	.slider-title h2 small {
		font-size: 6vw;
	}

	.swiper-wrap,
	.slider-cont:nth-child(2) .swiper-wrap {
		width: 92.5%;
	}

	.swiper-button-prev,
	.swiper-button-next {
		width: 5vw;
		height: 5vw;
	}

	.swiper-button-next {
		right: -2.5vw;
	}

	.swiper-button-prev {
		left: -2.5vw;
	}

	.voice .swiper-button-next {
		right: -3.5vw;
	}

	.voice .swiper-button-prev {
		left: -3.5vw;
	}

	.tv .tv-side-cont video {
		width: 74.5vw;
		top: 43.25%;
		left: 50.5%;
	}

	.flow-title h2 {
		font-size: 7.25vw;
	}

	.faq-title h2 {
		font-size: 8.75vw;
	}

	.faq-list-title p {
		font-size: 4.45vw;
	}

	.faq-list-txt p {
		font-size: 3.9vw;
	}

	.cta_bottom {
		background: #aee7ff;
		padding: 2em 1em;
	}

	.cta_bottom .contact__comment {
		width: 90%;
		margin: 0 auto 10px;
	}

	.cta_bottom .contact__box {
		background: #fff;
		padding: 0;
		border-radius: 10px;
		overflow: hidden;
	}

	.contact_yosan {
		margin-block: 2.5em;
	}

	.contact_tel {
		width: 92.5%;
		margin: 0 auto;
	}

	.contact_tel a {
		transition: all .3s;
		display: block;
	}

	.contact_tel a:hover {
		transform: scale(1.05);
	}

	.head-logo {
		width: 40vw;
		padding: 1.5vw 2vw;
	}

	.head-tel {
		width: 11vw;
	}

	.head-contact {
		width: 39vw;
	}

	.fv {
		margin-top: 10vw;
	}
}

@media screen and (max-width: 499px) {
	.fv-bottom-cta {
		padding: 1.5em 1em .5em;
	}

	.voice .swiper-button-next {
		right: -4.5vw;
	}

	.voice .swiper-button-prev {
		left: -4.25vw;
	}

	.reason-list {
		padding: .4em;
	}

	.support-img {
		padding: 2em .5em 0;
	}

	.flow {
		padding: 2em .5em 0;
	}

	.faq {
		padding: 2em 1.25em;
	}

	.faq-title {
		margin-bottom: 1rem;
	}

	.faq-title h2 {
		font-size: 12vw;
	}

	.faq-list-title p {
		font-size: 4vw;
	}

	.faq-list-txt p {
		font-size: 3.5vw;
	}

	.contact__form {
		padding: 0.825em 1em 0;
	}

	.contact_yosan {
		margin-block: 1.5em;
	}

	.cta_bottom .form__item label {
		font-size: 1rem;
		color: #0166be;
	}

	.cta_bottom .form__item input {
		border: solid 3px #0166be;
		border-radius: 0.5rem;
		margin-bottom: 5px;
	}

	.cta_bottom .form__item {
		width: 92.5%;
		margin: 0 auto;
	}
}