#info_mv .mv_bk {
	background-image: url(/img/information_mv.png);
	margin-bottom: 0;
}

#info_cont01 .wrap,
#info_cont02 .wrap{
    margin: 0 auto;
    background: linear-gradient(to right, #0048CE 0%, #005AD8 25%, #0048CE 50%, #005AD8 75%, #0048CE 100%);
	padding-top: 150px;
}

.cont_info_title {
	width: 100%;
	padding-bottom: 15.2vw;
	text-align: center;
}

.cont_info_title h2 span{
	font-size: 32px;
	line-height: 1.6;
	font-weight: bold;
	color: #fff;
	padding-bottom: 8px;
}

.info_box {
	position: relative;
	background-color: #EFF3F7;
	padding-bottom: 150px;
}


.info_box::before {
	content: "";
    display: block;
    background-image: url(/img/wave.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 12.5vw;
    position: absolute;
	top: -12.2vw;
    left: 0;
}

#info_cont01 .info_foam_img01 {
	max-width: 31.25%;
	position: absolute;
	top: 2px;
    left: 0;
    z-index: 1;
}

#info_cont01 .info_list {
	max-width: 860px;
    width: 53.75%;
	margin-left: auto;
	margin-right: 9.37%;

}

.info_area {
	border-bottom: 1px solid #005AD8;
}

.info_title {
	display: flex;
	width: 100%;
    padding: 28px 0;
	cursor: pointer;
}

.info_title h3 {
	font-size: 20px;
	font-weight: bold;
	line-height: 2;
	max-width: 78%;
}

.info_title .faq_icon {
	position: relative;
    display: block;
    max-width: 18px;
    width: 100%;
    margin-right: 4.8%;
}

.q_icon::before {
	content: "Q";
	color: #005AD8;
}

.faq_icon::before {
	position: absolute;
    top: 0px;
    left: 8px;
    bottom: 0px;
    margin: auto;
    font-weight: bold;
    font-size: 28px;
    line-height: 1.6;
	letter-spacing: 0.1em;
}

.ans_area {
	padding: 40px 6.97%;
	margin-bottom: 40px;
    border-radius: 20px;
	background-color:#fff;
	max-width: 86.04%;
}

.ans_area p {
	font-size: 17px;
	letter-spacing: 0.1em;
	line-height: 2;
}

.ans_area .small {
	font-size: 13px;
	margin-top: 15px;
}

.button_icon {
	background-color: #005AD8;
    position: relative;
    margin: auto 0 auto auto;
    width: 32px;
    height: 32px;
	border-radius: 50%;
    z-index: 1;
}

.button_icon::before {
	display: block;
    position: absolute;
    content: "";
    top: 15px;
    left: 10px;
    width: 12px;
    height: 2px;
    border-radius: 1px;
    background: #fff;
}

.button_icon::after {
	display: block;
    position: absolute;
    content: "";
    top: 10px;
    left: 15px;
	width: 2px;
    height: 12px;
    border-radius: 1px;
    background: #fff;
	transition:transform 0.3s;
}

.button_icon.active::after {
	transform: rotate(90deg);
}

.info_ans {
	display: none;
}

#info_cont02 .info_list {
	max-width: 860px;
    width: 53.75%;
	margin-left: 9.37%;
}

#info_cont02 .info_foam_img02 {
	max-width: 31.25%;
	position: absolute;
	top: 2px;
    right: 0;
    z-index: 1;
}

#caution .wrap {
	position: relative;
	background-image: url(/img/caution_bg.png);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}

.lower_wave:nth-of-type(1) {
	position: absolute;
	top: 400px;
	left: 3.8vw;
}

.lower_wave:nth-of-type(2) {
	position: absolute;
	top: 800px;
	right: 3.8vw;
}

.lower_wave:nth-of-type(3) {
	position: absolute;
	top: 1200px;
	left: 3.8vw;
}

#caution .inner {
	max-width: 1000px;
    width: 90%;
	margin: auto;
}

#caution .under_title {
	border-bottom: 1px solid transparent;
	border-image: linear-gradient(to right, #8AF6FF 0%, #fff 30%, #fff 70%, #B5F1AE 100%);
	border-image-slice: 1;
	margin-bottom: 50px;
}

#caution .under_title h3 span {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: 15px;
}

#caution .under_title h3{
	margin-bottom: 15px;
}

.under_text {
	margin-left: 25px;
}

.under_text li {
	list-style: disc;
	color: #fff;
	font-size: 17px;
	line-height: 2;
	letter-spacing: 0.1em;
	margin-bottom: 15px;
}

.under_text li::marker {
	font-size: 11px;
}

.caution_under_area {
	padding-bottom: 100px;
}

.scroll_text.back--bg_blue::before {
	display: none;
}


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

	.info_title h3 {
	font-size: 18px;
	max-width: 83%;
}

.faq_icon::before {
	position: absolute;
    top: 0px;
    font-size: 24px;
}

.button_icon {
    width: 30px;
    height: 30px;
}

.button_icon::before {
    top: 14px;
    left: 9px;
}

.button_icon::after {
    top: 9px;
    left: 14px;
}

.ans_area p {
	font-size: 15px;
}

}

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

	#info_cont01 .wrap,
	#info_cont02 .wrap{
		padding-top: 50px;
	}

    .faq_icon::before {
        top: -2px;
    }

	.button_icon {
        width: 28px;
        height: 28px;
    }
    .button_icon::before {
        top: 13px;
        left: 8px;
    }

    .button_icon::after {
        top: 8px;
        left: 13px;
    }

	.ans_area {
		padding: 20px 6.97%;
	}

	#info_cont01 .info_foam_img01,
	#info_cont02 .info_foam_img02 {
	max-width: 62.25%;
	bottom: 20px;
	top: unset;
}

#info_cont01 .info_list,
#info_cont02 .info_list {
	width: 89.75%;
    margin: auto;
}

.info_title h3 {
	font-size: 16px;
	max-width: 79%;
}

.info_title .faq_icon {
    margin-right: 5.8%;
}

	.info_box::before {
	content: "";
    display: block;
    background-image: url(/img/wave_sp.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 26.5vw;
    position: absolute;
	top: -25.2vw;
    left: 0;
}

	.cont_info_title {
		padding-bottom: 27.2vw;
	}

	.cont_info_title h2 span{
		font-size: 20px;
	}

	.info_box {
		padding-bottom: 70%;
	}

	#caution .inner {
		width: 92%;
	}

#caution .under_title {
	margin-bottom: 25px;
}

#caution .under_title h3 span {
	font-size: 18px;
	margin-bottom: 10px;
}

#caution .under_title h3{
	margin-bottom: 15px;
}

.under_text {
	margin-left: 15px;
}

.under_text li {
	font-size: 15px;
	margin-bottom: 10px;
}

.under_text li::marker {
	font-size: 11px;
}

.caution_under_area {
	padding-bottom: 50px;

}
}

@media screen and (max-width: 350px) {
	.info_title h3 {
        max-width: 71%;
        letter-spacing: 0.05em;
        line-height: 1.8;
    }
}