/************************** section-1 **************************/
#section-1 {
	position: relative;
    width: 100%;
    min-height: 100vh;
}
.section-1-in {
	position: absolute;
    left: 50%;
    width: 100%;
    height: 100%;
	background: url("../img/main/main-bg.jpg") no-repeat center / cover;
    transform: translateX(-50%);
	transition: all .4s ease-in-out;
}
#section-1.active .section-1-in {
	position: fixed;
	top: 100px;
    bottom: 0;
    left: 50%;
    width: 80%;
    height: 80vh;
    transform: translateX(-50%);
}
#section-1 .section-in {
	height: 100%;
}
.mv-txt-wrap {
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.mv-tit {
    max-width: 900px;
    font-size: 0;
}
.mv-tit strong {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
    overflow: hidden;
}
.mv-tit span {
    position: relative;
    display: block;
    height: 80px;
    line-height: 80px;
    font-weight: 700;
    font-size: var(--font-mvtit);
    letter-spacing: -0.05em;
    color: var(--white-color);
    transform: translateY(100%);
	animation: txt-show .6s forwards ease-in-out;
}
@keyframes txt-show {
	0% {
		transform: translateY(100%);
	}
	100% {
		transform: translateY(0);
	}
}
.mv-tit strong:before {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 20px;
    width: 100%;
    background: var(--main-color);
    transform: scaleX(0);
	animation: txt-line-show 1s forwards ease-in-out;
    transform-origin: left top;
}
@keyframes txt-line-show {
	0% {
		transform: scaleX(0);
		transform-origin: left top;
	}
	40% {
		transform: scaleX(1);
		transform-origin: left top;
	}
	60% {
		transform: scaleX(1);
		transform-origin: right top;
	}
	100% {
		transform: scaleX(0);
		transform-origin: right top;
	}
}
.mv-tit  strong:nth-child(1):before {
    animation-delay: 1.5s;
}
.mv-tit  strong:nth-child(2):before {
    animation-delay: 2.5s;
}
.mv-tit  strong:nth-child(3):before {
    animation-delay: 3.5s;
}
.mv-txt {
	margin-top: 30px;
    height: 26px;
	overflow: hidden;
}
.mv-txt p {
	display: block;
	font-size: var(--font-mvtxt);
	line-height: 1.2;
	color: var(--white-color);
	opacity: 0.8;
    transform: translateY(100%);
	animation: txt-show .6s .6s forwards ease-in-out;
}
@keyframes txt-show2 {
	0% {
		transform: translateY(100%);
	}
	100% {
		transform: translateY(0);
	}
}
.mv-btn {
	display: inline-block;
	max-height: 50px;
	margin-top: 30px;
	overflow: hidden;
}
.mv-btn p {
	padding: 12px 18px;
	font-size: var(--font-mvtxt);
	color: var(--white-color);
	border: 1px solid var(--white-color);
	border-radius: 30px;
	cursor: pointer;
    transform: translateY(110%);
	transition: all .3s;
	animation: txt-show .6s .8s forwards ease-in-out;
}
.mv-btn p img {
	margin-left: 8px;
}
.mv-btn p .black, .mv-btn:hover .white {
	display: none;
}
.mv-btn:hover p {
	background: var(--white-color);
	color: var(--black-color);
}
.mv-btn:hover .black {
	display: inline-block;
}
#section-1 .scroll-move {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 50px;
    width: 70px;
    height: 70px;
    border-radius: 100%;
    background-color: rgb(255, 255, 255, .2);
}
#section-1 .scroll-move .scroll-icon {
    font-size: 0;
    position: relative;
    animation: bounce .7s alternate infinite;
	animation-timing-function: cubic-bezier(.5, 0.05, 1, .5);
}
#section-1 .scroll-move .scroll-icon::after {
    content: 'SCROLL';
    font-size: var(--font-small);
    font-weight: 500;
    color: var(--white-color);
	letter-spacing: 0.05em;
    position: absolute;
    top: -55px;
    left: 50%;
    transform: translate(-50%) rotate(-90deg);
}
@keyframes bounce {
	0% {
		transform: translate3d(0, -30px, 0);
	}
	100% {
		transform: translate3d(0, 0, 0);
	}
}

.scroll-downs {
	display: flex;
    flex-direction: column;
    align-items: center;
	width :26px;
	height: 120px;
	margin: -90px auto 0;
	position: absolute;
	bottom: 52px;
	left: 0; 
	z-index: 9;
	cursor: pointer;
	opacity: 0.7;
}
.mousey {
	width: 26px;
	height: 40px;
	border: 2px solid var(--white-color);
	border-radius: 25px;
	opacity: 0.75;
	box-sizing: content-box;
}
.scroller {
	width: 6px;
	height: 6px;
	margin: auto;
	border-radius: 100%;
	background-color: var(--white-color);
	animation-name: scroll;
	animation-duration: 2s;
	animation-timing-function: cubic-bezier(.15,.41,.69,.94);
	animation-iteration-count: infinite;
}
.scroll-downs span {
	display: inline-block;
	margin-top: 8px;
	color: var(--white-color);
}

@keyframes scroll {
	0% {
		opacity: 0;
	}
	10% {
		transform: translateY(0);
		opacity: 1;
	}
	100% {
		transform: translateY(15px);
		opacity: 0;
	}
}
/************************** section-1 **************************/


/************************** section-2 **************************/
.sec-tit {
	font-size: var(--font-large);
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.005em;
	color: var(--black-color);
    transform: translateY(100%);
	opacity: 0;
}
.sec-tit.on {
	animation: txt-show2 .6s .8s forwards ease-in-out;
}
@keyframes txt-show2 {
	0% {
		transform: translateY(100%);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}
.sec-tit strong {
	display: block;
	margin-bottom: 40px;
	font-weight: 700;
	color: var(--main-color);
}
#section-2 {
	position: relative;
    width: 100%;
	height: 100vh;
	background: var(--light-gray-color);
	z-index: 2;
}
#section-2 .sec-tit {
	text-align: center;
}
#section-2 .swiper {
	position: relative;
}
#section-2 .swiper-slide {
	width: 1440px;
	opacity: 0.5;
}
#section-2 .swiper-container-horizontal > .swiper-scrollbar {
	width: 1440px;
}
#section-2 .swiper-slide-active {
	opacity: 1;
}
#section-2 .swiper-container-horizontal > .swiper-scrollbar {
	height: 3px;
	background: var(--border-color);
}
#section-2 .swiper-scrollbar-drag {
	background: var(--main-color);
}
#section-2 .swiper-slide-in {
	margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
	padding: 70px;
	background: var(--white-color);
}
#section-2 .case .left {
	float: left;
}
#section-2 .case .right {
	float: right;
}
#section-2 .case .swiper-slide:after {
	content: "";
	display: block;
	clear: both;
}
#section-2 .case .left > span {
	display: inline-block;
	margin-bottom: 15px;
	padding: 10px 15px;
	font-size: var(--font-small);
	font-weight: 600;
	color: var(--white-color);
	text-align: center;
	background: var(--gray-color);
	border-radius: 50px;
}
#section-2 .case .swiper-slide-active .left > span {
	background: var(--main-color);
}
#section-2 .case .left > div {
	margin-bottom: 85px;
	font-size: var(--font-medium);
	font-weight: 600;
	color: var(--black-color);
	line-height: 1.2;   
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-word; 
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}
#section-2 .case .left > ul {
	display: flex;
}
#section-2 .case .left > ul li {
	padding: 0 60px
}
#section-2 .case .left > ul li:nth-child(2) {
	border-left: 1px solid var(--border-color);
	border-right: 1px solid var(--border-color);
}
#section-2 .case .left > ul li:nth-child(1) {
	padding-left: 0;
}
#section-2 .case .left > ul li:nth-child(3) {
	padding-right: 0;
}
#section-2 .case .left > ul li img {
	display: block;
	width: 30px;
}
#section-2 .case .left > ul li small {
	display: block;
	margin: 20px 0 8px;
	font-size: var(--font-small);
	color: var(--gray-color);
	text-align: left;
}
#section-2 .case .left > ul li div {
	font-size: var(--font-basic);
	font-weight: 600;
	color: var(--gray-color);
	text-align: left;
}
#section-2 .case .swiper-slide-active .left > ul li div {
	color: var(--main-color);
	font-weight: 700;
}
.pie-chart {
	position: relative;
	display:inline-block;
	width: 280px;
	height: 280px;
	border-radius: 50%;
	transition: 0.3s;
}
.pie-chart .center {
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 230px;
	height: 230px;
	background: var(--white-color);
	border-radius: 50%;
	transform: translate(-50%, -50%);
}
.pie-chart .center small {
	display: block;
	margin-bottom: 5px;
	font-size: var(--font-regular);
	font-weight: 600;
	color: var(--gray-color);
	text-align: center;
}
.pie-chart .center strong {
	font-size: var(--font-large);
	font-weight: 900;
	color: var(--gray-color);
	text-align: center;
}
#section-2 .case .swiper-slide-active .pie-chart .center strong {
	color: var(--main-color);
}
#section-2 a.go-btn, #section-3 .inner > div > a, #section-7 a.go-btn {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: var(--font-small);
	font-weight: 600;
	color: var(--black-color);
	transition: all .1s ease-in;
	cursor: pointer;
}
#section-2 a.go-btn {
	margin: 50px auto 0;
	max-width: 180px;
	justify-content: center;
}
#section-2 a.go-btn:hover, #section-3 .inner > div > a:hover, #section-7 a.go-btn:hover {
	color: var(--main-color);
}
#section-2 a.go-btn span, #section-3 .inner > div > a span, #section-7 a.go-btn span {
	transform: translateX(0px);
	transition: all .3s;
}
#section-2 a.go-btn:hover span, #section-3 .inner > div > a:hover span, #section-7 a.go-btn:hover span {
	transform: translateX(8px);
}
/************************** section-2 **************************/


/************************** section-3 **************************/
#section-3 {
    position: relative;
    width: 100%;
    height: 150vh;
    background: var(--white-color);
    z-index: 2;
}
#section-3 .goto {
    width: 100%;
    height: 20%;
}
#section-3 .content {
    display: flex;
    align-items: center;
    justify-content: center;
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: var(--white-color);
	transform: translateY(100%);
    transition: all .5s ease;
    z-index: 2;
}
#section-3.view1 .content {
    transform: translateY(0);
}
#section-3 .content > div {
    position: relative;
    width: 1440px;
    z-index: 2;
}
#section-3 .sec-3-tab {
    transform: translateY(0);
}
#section-3 .sec-3-tab li {
    border-bottom: 1px solid var(--border-color);
    transition: all .3s ease-in-out;
}
#section-3 .sec-3-tab a {
    display: block;
    padding: 50px 0;
}
#section-3 .sec-3-tab strong {
    display: block;
    overflow: hidden;
    font-size: 72px;
    letter-spacing: -2.16px;
    color: #191919;
    font-weight: 800;
    transition: all .3s linear;
}
#section-3 .sec-3-tab span {
    display: block;
    transform: translateY(100%);
    transition: all .3s ease-in-out;
}
#section-3 .sec-3-tab.on span {
    transform: translateY(0);
}
#section-3 .sec-3-tab a div {
    transition: all .3s linear;
    display: block;
    margin-top: 20px;
    overflow: hidden;
    font-size: 32px;
    letter-spacing: -0.96px;
    color: #191919;
    font-weight: 400;
}
#section-3 .sec-3-tab.on .n1 span {
    transition: transform .3s .2s ease-in-out;
}
#section-3 .sec-3-tab.on .n2 span {
    transition: transform .3s .4s ease-in-out;
}
#section-3 .sec-3-tab.on .n3 span {
    transition: transform .3s .6s ease-in-out;
}
#section-3.fixed .content {
    width: 218px;
    left: 10%;
}
#section-3.fixed .content a strong {
    font-size: var(--font-basic);
	font-weight: 700;
}
#section-3.view2:not(.view3) .content .n1 strong {
    color: var(--main-color);
}
#section-3.view3:not(.view4) .content .n2 strong {
    color: var(--main-color);
}
#section-3.view4 .content .n3 strong {
    color: var(--main-color);
}
#section-3.fixed .content a div {
    margin-top: 8px;
    font-size: var(--font-small);
}
#section-3.view1 .content-list {
    position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: var(--white-color);
}
#section-3 .cont-list {
    position: relative;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .5s ease;
}
#section-3.view2 .cont-list {
    top: 0;
}
#section-3.view3 .cont-list {
    top: -100vh;
}
#section-3.view4 .cont-list {
    top: -200vh;
}
#section-3 .cont-list li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
	position: absolute;
    top: 0;
    left: 0;
}
#section-3 .cont-list .cont3 {
    top: 100vh;
}
#section-3 .cont-list .cont4 {
    top: 200vh;
}
#section-3 .cont-list li > div {
    position: relative;
	max-width: 1440px;
	width: 90%;
    margin: auto;
    text-align: center;
}
#section-3 .cont-list .bg {
    position: relative;
	display: block;
    margin-left: 280px;
    width: 560px;
    height: 680px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    transition: all .4s ease-in-out;
    vertical-align: top;
}
#section-3.view2 .cont2 .bg {
    width: 560px;
    background-position: center;
    transition-delay: .4s;
}
#section-3.view3 .cont3 .bg {
    width: 560px;
    background-position: center;
    transition-delay: .4s;
}
#section-3.view4 .cont4 .bg {
    width: 560px;
    background-position: center;
    transition-delay: .4s;
}
#section-3 .con-in {
	display: flex;
}
#section-3 .cont-list .img-wrap {
	padding-left: 250px;
    width: calc(100% - 600px);
    transition: all .4s ease-in-out;
}
#section-3 .cont-list .bg div {
    overflow: hidden;
    position: absolute;
    left: calc(50% - 600px);
    top: -40px;
    display: inline-block;
    height: 90px;
    width: 100%;
    font-size: 72px;
    letter-spacing: -2.16px;
    color: #191919;
    font-weight: 800;
}
#section-3 .cont-list .bg div span {
    position: absolute;
    top: 0;
    left: 0;
    transition: all .4s 1.2s ease-in-out;
}
#section-3.view2 .cont2 .bg div span {
    top: 90px;
}
#section-3 .cont-list .inner {
    display: flex;
    align-items: center;
    padding: 0 0 0 60px;
    position: absolute;
    top: -1px;
    right: 0;
    width: 600px;
    height: 100%;
    text-align: left;
    background: var(--white-color);
    transition: all .6s ease;
    transform: translateX(100%);
    z-index: 2;
}
#section-3.view2 .cont2 .inner {
    transform: translateX(0);
    transition-delay: .4s;
}
#section-3.view3 .cont3 .inner {
    transform: translateX(0);
    transition-delay: .4s;
}
#section-3.view4 .cont4 .inner {
    transform: translateX(0);
    transition-delay: .4s;
}
#section-3 .inner > div > small {
	display: block;
	margin-bottom: 12px;
	font-size: var(--font-small);
	font-weight: 700;
	color: var(--gray-color);
}
#section-3 .inner > div > strong {
	display: block;
	margin-bottom: 35px;
	font-size: var(--font-large);
	font-weight: 700;
	color: var(--black-color);
	line-height: 1.1;
	letter-spacing: -0.005em;
}
#section-3 .inner > div > strong.mobile {
	display: none;
}
#section-3 .inner > div > strong span {
	color: var(--main-color);
	font-weight: 700;
}
#section-3 .inner > div > span {
	display: block;
	margin-bottom: 12px;
	font-size: var(--font-medium);
	font-weight: 700;
	color: var(--main-color);
}
#section-3 .inner > div > div {
	display: block;
	margin-bottom: 35px;
	font-size: var(--font-regular);
	color: var(--black-color);
	line-height: 1.4;
}
#section-3 .inner > div > div.mobile {
	display: none;
}
#section-3 .inner > div > p {
	display: block;
	margin-bottom: 70px;
	font-size: var(--font-regular);
	color: var(--gray-color);
	line-height: 1.4;
}
#section-3 .inner > div > p.mobile {
	display: none;
}
/************************** section-3 **************************/


/************************** section-4 **************************/
#section-4 {
    width: 100%;
    min-height: 100vh;
	background: url("../img/main/sec03-bg.jpg") no-repeat center / cover;
	z-index: 3;
}
#section-4 .section-in {
	position: relative;
}
#section-4 .left {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
#section-4 .left small {
	display: block;
	margin-bottom: 12px;
	font-size: var(--font-small);
	font-weight: 700;
	color: rgba(255, 255, 255, 0.8);
    transform: translateY(100%);
	opacity: 0;
}
#section-4 .left small.on {
	animation: txt-show2 .6s .3s forwards ease-in-out;
}
#section-4 .left strong {
	display: block;
	margin-bottom: 35px;
	font-size: var(--font-large);
	font-weight: 700;
	color: var(--white-color);
	line-height: 1.1;
	letter-spacing: -0.005em;
}
#section-4 .left small.on {
	animation: txt-show2 .6s .6s forwards ease-in-out;
}
#section-4 .left strong span {
	font-weight: 700;
	color: var(--main-color);
}
#section-4 .left ul {
    transform: translateY(100%);
	opacity: 0;
}
#section-4 .left ul.on {
	animation: txt-show2 .6s .9s forwards ease-in-out;
}
#section-4 .left li {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: var(--font-basic);
	color: var(--white-color);
}
#section-4 .left li:not(:last-child) {
	margin-bottom: 15px;
}
#section-4 .right {
	position: relative;
}
#section-4 .right > .diagnosis {
	position: relative;
}
#section-4 .right .txt-wrap {
	position: absolute;
	width: 90%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}
#section-4 .right .txt-wrap > div {
	width: 160px;
	margin: 0 auto 50px;
}
#section-4 .right .txt-wrap > p {
	margin-bottom: 80px;
	font-size: var(--font-basic);
	line-height: 1.4;
	color: var(--white-color);
}
#section-4 .right .txt-wrap > p span {
	color: var(--main-color);
}
#section-4 .right .txt-wrap > a {
	display: inline-block;
	width: 230px;
	height: 64px;
	line-height: 64px;
	font-size: var(--font-regular);
	font-weight: 700;
	color: var(--white-color);
	text-align: center;
	background: var(--main-color);
	border-radius: 50px;
	cursor: pointer;
}
#section-4 .right .txt-wrap > a:hover {
	background: var(--main-h-color);
}
#section-4 .right .diagnosis-content {
	width: 100%;
	height: 100%;
	padding: 60px 40px;
	position: absolute;
	top: 0;
	left: 0;
	background: var(--white-color);
	border: 3px solid var(--border-color);
	border-radius: 32px;
}
#section-4 .right .diagnosis-content > div {
	height: 100%;
	position: relative;
}
#section-4 .right .step {
	margin-bottom: 34px;
	font-size: var(--font-regular);
	font-weight: 700;
	text-align: center;
	color: var(--border-color);
}
#section-4 .right .current {
	color: var(--main-color);
}
#section-4 .right .tit strong {
	display: block;
	font-size: var(--font-medium);
	font-weight: 700;
	color: var(--black-color);
}
#section-4 .right .tit small {
	display: block;
	margin-top: 5px;
	font-size: var(--font-small);
	color: var(--gray-color);
}
#section-4 .right .con {
	margin-top: 15px;
}
#section-4 .custom-radio-wrap li {
	position: relative;
}
#section-4 .custom-radio-wrap li:not(last-child) {
	margin-bottom: 6px;
}
#section-4 .custom-radio-wrap input[type="radio"] + label span, #section-4 .custom-radio-wrap input[type="checkbox"] + label span {
    display: inline-block;
	padding-left: 50px;
    margin-top: -18px;
    width: 100%;
    height: 54px;
    line-height: 54px;
    font-size: var(--font-small);
	font-weight: 400;
    color: var(--black-color);
    text-align: left;
    background: var(--light-gray-color);
	border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
}
#section-4 .custom-radio-wrap input[type="radio"]:checked + label span, #section-4 .custom-radio-wrap input[type="checkbox"]:checked + label span {
    border: 1px solid #f8cbb0;
    background: #fcf7f4;
    font-weight: 700;
}
#section-4 .custom-radio-wrap li img {
	position: absolute;
	top: 50%;
	left: 14px;
	transform: translateY(-50%);
}
#section-4 .custom-radio-wrap li img.on, #section-4 .custom-radio-wrap li.on img.off {
	display: none;
}
#section-4 .custom-radio-wrap li.on img.on {
	display: block;
}
#section-4 .right .btn-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	width: 100%;
	position: absolute;
	bottom: 0px;
}
#section-4 .right .d2 .btn-wrap, #section-4 .right .d7 .btn-wrap {
	justify-content: center;
}
#section-4 .right .btn-wrap button {
	width: 196px;
	height: 56px;
	line-height: 56px;
	font-size: var(--font-small);
	font-weight: 400;
	border-radius: 80px;
}
#section-4 .right .btn-wrap button.prev {
	background: var(--border-color);
	color: var(--gray-color);
}
#section-4 .right .btn-wrap button.next {
	background: var(--main-color);
	font-weight: 700;
	color: var(--white-color);
}
#section-4 .right .d2 .btn-wrap button.prev {
	display: none;
}
#section-4 .right .d7 .tit strong {
	text-align: center;
	color: var(--main-color);
}
#section-4 .right .d7 p {
	display: block;
	margin-bottom: 50px;
	padding-bottom: 50px;
	font-size: var(--font-small);
	line-height: 1.4;
	text-align: center;
	border-bottom: 1px solid var(--border-color);
}
#section-4 .right .d7 .hp-wrap span {
	display: inline-block;
	margin-bottom: 8px;
    font-size: var(--font-small);
}
#section-4 .right .d7 input[type='text'] {
    width: 100%;
    height: 54px;
    padding: 10px;
    font-size: var(--font-small);
    border: none;
    border: 1px solid var(--border-color);
	border-radius: 4px;
    box-sizing: border-box;
}
#section-4 .section-in:after {
	content: "";
	display: block;
	clear: both;
}
/************************** section-4 **************************/

/************************** section-5 **************************/
#section-5 {
	position: relative;
	padding: 160px 0;
	background: url("../img/main/sec-04bg.jpg") no-repeat center / cover;
	z-index: 3;
}
#section-5 .section-in {
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#section-5 .text {
    position: relative;
    display: inline-block;
    margin: 0;
    font-size: var(--font-large);
    font-weight: 800;
    line-height: 100%;
    text-align: center;
    color: rgb(255, 255, 255, 0.2);
    background: linear-gradient(to right, #fff, #fff) no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    background-size: 0%;
    transition: background-size cubic-bezier(.1, .5, .8, 1) 0.5s;
    word-break: keep-all;
}
#section-5 .text:first-child {
    margin-bottom: 10px;
}
#section-5 .text.on:before {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 20px;
    width: 100%;
    background: rgba(255, 255, 255, 0.2);
    transform: scaleX(0);
    animation: txt-line-show 1s 1s forwards ease-in-out;
    transform-origin: left top;
}
/************************** section-5 **************************/

/************************** section-6 **************************/
#section-6 {
	position: relative;
	background: var(--white-color);
	z-index: 3;
}
#section-6 .section-in {
	position: relative;
	height: 100%;
	min-height: 100vh;
}
#section-6 .left > strong.mobile {
	display: none;	
}
#section-6 .left {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
#section-6 .left small {
	display: block;
	margin-bottom: 12px;
	font-size: var(--font-small);
	font-weight: 700;
	color: var(--gray-color);
    transform: translateY(100%);
	opacity: 0;
}
#section-6 .left small.on {
	animation: txt-show2 .6s .3s forwards ease-in-out;
}
#section-6 .left > strong {
	display: block;
	margin-bottom: 35px;
	font-size: var(--font-large);
	font-weight: 700;
	color: var(--black-color);
	line-height: 1.1;
	letter-spacing: -0.005em;
}
#section-6 .left small.on {
	animation: txt-show2 .6s .6s forwards ease-in-out;
}
#section-6 .left strong span {
	font-weight: 700;
	color: var(--main-color);
}
#section-6 .left p {
	font-size: var(--font-basic);
	line-height: 1.3;
	color: var(--gray-color);
    transform: translateY(100%);
	opacity: 0;
}
#section-6 .left p strong {
	display: block;
}
#section-6 .left p.on {
	animation: txt-show2 .6s .9s forwards ease-in-out;
}
#section-6 .con {
	width: 65%;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	overflow: hidden;
}
#section-6 .swiper-slide {
	position: relative;
	padding: 50px 100px;
	width: 580px;
	height: 580px;
	background: var(--light-gray-color);
	border-radius: 15px;
}
#section-6 .swiper-slide .txt-wrap {
	position: absolute;
	left: 50px;
	top: 150px;
	word-break: keep-all;
}
#section-6 .swiper-slide .number {
	display: block;
	font-size: 150px;
	font-weight: 300;
	color: var(--border-color);
}
#section-6 .swiper-slide strong {
	display: block;
	margin: 15px 0;
	font-size: var(--font-large);
	font-weight: 700;
	letter-spacing: -0.005em;
	color: var(--main-color);
}
#section-6 .swiper-slide p {
	font-size: var(--font-basic);
	letter-spacing: -0.005em;
	line-height: 1.4;
	color: var(--gray-color);
}
#section-6 .swiper-slide p.mobile {
	display: none;
}
#section-6 .swiper-slide p span {
	text-decoration: underline;
}

#section-6 .swiper-slide:hover .txt-wrap{
	/*display:none;*/
}

#section-6 .swiper-slide.one:hover, #section-6 .swiper-slide-active.one {
	background: url("../img/main/sec05-img01.jpg") no-repeat center / cover;
}
#section-6 .swiper-slide.two:hover, #section-6 .swiper-slide-active.two {
	background: url("../img/main/sec05-img02.jpg") no-repeat center / cover;
}
#section-6 .swiper-slide.three:hover, #section-6 .swiper-slide-active.three {
	background: url("../img/main/sec05-img03_new.jpg") no-repeat center / cover;
}
#section-6 .swiper-slide.four:hover, #section-6 .swiper-slide-active.four {
	background: url("../img/main/sec05-img04.jpg") no-repeat center / cover;
}
#section-6 .swiper-slide.five:hover, #section-6 .swiper-slide-active.five {
	background: url("../img/main/sec05-img05.jpg") no-repeat center / cover;
}
#section-6 .swiper-slide.six:hover, #section-6 .swiper-slide-active.six {
	background: url("../img/main/sec05-img06.jpg") no-repeat center / cover;
}
#section-6 .swiper-slide.seven:hover, #section-6 .swiper-slide-active.seven {
	background: url("../img/main/sec05-img07.jpg") no-repeat center / cover;
}
#section-6 .swiper-slide:hover .number, #section-6 .swiper-slide-active .number {
	color: var(--white-color);
	opacity: 0.3;
}
#section-6 .swiper-slide:hover strong, #section-6 .swiper-slide:hover p, #section-6 .swiper-slide-active strong,  #section-6 .swiper-slide-active p {
	color: var(--white-color);
}
/************************** section-6 **************************/

/************************** section-7 **************************/
#section-7 {
	position: relative;
	background: #f8f2ef;
	z-index: 3;
}
#section-7 .left {
	padding-top: 60px;
}
#section-7 .left .sec-tit, #section-8 .top .sec-tit {
	display: block;
	margin-bottom: 10px;
}
#section-7 .left strong span {
	color: var(--main-color);
}
#section-7 .left .sec-tit.on {
    animation: txt-show2 .6s .3s forwards ease-in-out;
}
#section-7 .left p {
	margin-bottom: 70px;
	font-size: var(--font-basic);
	line-height: 1.3;
	color: var(--gray-color);
    transform: translateY(100%);
	opacity: 0;
}
#section-7 .left p.on {
	animation: txt-show2 .6s .6s forwards ease-in-out;
}
#section-7 .left a.go-btn {
    transform: translateY(100%);
	opacity: 0;
}
#section-7 .left a.go-btn.on {
	animation: txt-show2 .6s .9s forwards ease-in-out;
}
#section-7 .right {
	width: 860px;
}
#section-7 .n-list li {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 20px 15px;
	background: var(--white-color);
	border-radius: 8px;
}
#section-7 .n-list li:not(:last-child) {
	margin-bottom: 10px;
}
#section-7 .n-list li .badge {
	display: inline-block;
	min-width: 100px;
	padding: 8px 12px;
	font-size: var(--font-footer);
	font-weight: 600;
	text-align: center;
	color: var(--white-color);
	border-radius: 50px;
}
#section-7 .n-list li .badge.column {
	background: var(--main-color);
}
#section-7 .n-list li .badge.news {
	background: var(--gray-color);
}
#section-7 .n-list li .badge.notice {
	background: var(--white-color);
	border: 1px solid var(--main-color);
	color: var(--main-color);
}
#section-7 .n-list li div {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-all;
	font-size: var(--font-regular);
}
#section-7 .section-in:after {
	content: "";
	display: block;
	clear: both;
}
/************************** section-7 **************************/

/************************** section-8 **************************/
#section-8 {
	position: relative;
	padding-bottom: 0;
	background: var(--white-color);
	z-index: 3;
}
#section-8 .top {
	text-align: center;
}
#section-8 .top strong span {
	color: var(--main-color);
}
#section-8 .top .sec-tit.on {
    animation: txt-show2 .6s .3s forwards ease-in-out;
}
#section-8 .top p {
	margin-bottom: 50px;
	font-size: var(--font-basic);
	line-height: 1.3;
	color: var(--gray-color);
    transform: translateY(100%);
	opacity: 0;
}
#section-8 .top p.on {
	animation: txt-show2 .6s .6s forwards ease-in-out;
}
#section-8 .key-tab {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 10px;
}
#section-8 .key-tab li {
	display: inline-block;
	padding: 20px 35px;
	font-size: var(--font-basic);
	font-weight: 500;
	text-align: center;
	color: var(--gray-color);
	border-radius: 50px;
	background: var(--light-gray-color);
	transition: all .3s;
	cursor: pointer;
}
#section-8 .key-tab li a {
	display: block;
}
#section-8 .key-tab li:hover {
	background: var(--main-color);
	font-weight: 700;
	color: var(--white-color);
}
#section-8 .line {
	margin: 140px 0 0;
	width: 100%;
	height: 1px;
	background: var(--border-color);
}
#section-8 .swiper {
	padding: 50px 0;
}
#section-8 .swiper-slide img:last-child, #section-8 .swiper-slide:hover img:first-child/*, #section-8 .swiper-slide-active img:first-child*/ {
	display: none;
}
#section-8 .swiper-slide:hover img:last-child/*, #section-8 .swiper-slide-active img:last-child*/ {
	display: block;
}
/************************** section-8 **************************/

/************************** section-9 **************************/
#section-9 {
	position: relative;
	background: url("../img/main/sec08-bg.jpg") no-repeat center / cover;
	z-index: 3;
}
#section-9 .left small {
	display: block;
    margin-bottom: 12px;
    font-size: var(--font-small);
    font-weight: 700;
    color: rgba(255, 255, 255, 0.8);
    transform: translateY(100%);
    opacity: 0;
}
#section-9 .left small.on {
	animation: txt-show2 .6s .3s forwards ease-in-out;
}
#section-9 .left .sec-tit {
	color: var(--white-color);
}
#section-9 .left .sec-tit span {
	color: var(--main-color);
}
#section-9 .right {
	width: 700px;
}
#section-9 .form-wrap li:not(:last-child) {
	margin-bottom: 20px;	
}
#section-9 .form-wrap li > span {
	display: block;
	margin-bottom: 5px;
	font-size: var(--font-regular);
	font-weight: 600;
	color: var(--white-color);
}
#section-9 .form-wrap li > div {
	display: flex;
	align-items: center;
	gap: 15px;
}
#section-9 .form-wrap li > div span {
	display: block;
	min-width: 40px;
	font-size: var(--font-smal);
	font-weight: 500;
	color: var(--white-color);
}
#section-9 .form-wrap li input[type='text'] {
    width: 100%;
    height: 54px;
    padding: 10px;
    font-size: var(--font-small);
    border: none;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 4px;
    box-sizing: border-box;
}
#section-9 .form-wrap li .radio-wrap {
	gap: 15px;
}
#section-9 .form-wrap li.unit_list {
	width: calc(33.33% - 10px);
}
#section-9 .form-wrap li input[type="radio"] + label span {
    display: inline-block;
    margin-top: -18px;
    width: 100%;
    height: 54px;
    line-height: 54px;
    font-size: var(--font-small);
    color: var(--white-color);
	text-align: center;
    background: transparent;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid var(--white-color);
    cursor: pointer;
}
#section-9 .form-wrap li input[type="radio"]:checked + label span {
    border: 1px solid var(--white-color);
    background: var(--white-color);
    color: var(--black-color);
    font-weight: 700;
}
#section-9 .section-in:after {
	content: "";
	display: block;
	clear: both;
}
#section-9 .check {
	margin-top: 20px;
}
#section-9 .check input[type="checkbox"] {
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin-right: 5px;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.6);
	border-radius: 4px;
    outline: none;
    vertical-align: middle;
    cursor: pointer;
}
#section-9 .check input[type="checkbox"]:checked {
    background: rgba(255, 255, 255, 1);
}
#section-9 .check input[type="checkbox"]:checked::before {
    content: "\2713";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: scale(1) translate(-50%, -50%);
	color: var(--main-color);
}
#section-9 .check label {
	font-size: var(--font-footer);
	color: var(--white-color);
}
#section-9 .form-wrap .submit {
	display: block;
	padding: 18px 0;
	margin: 80px auto 0;
	width: 230px;
	font-size: var(--font-regular);
	color: var(--white-color);
	letter-spacing: -0.005em;
	text-align: center;
	background: rgba(243, 112, 33, 0.6);
	border: 1px solid var(--main-color);
	border-radius: 50px;
	transition: all .3s ease-in;
}
#section-9 .form-wrap .submit:hover {
	background: var(--main-color);
}
#section-9 .form-wrap .submit button {
	background: transparent;
	font-weight: 700;
}
/************************** section-9 **************************/

/************************** section-10 **************************/
#section-10 {
	padding: 70px 0 35px;
}
#section-10 .section-in {
	display: flex;
	justify-content: space-between;
}
#section-10 .section-in img.mobile {
	display: none;
}
/************************** section-10 **************************/

@media all and (max-width:1501px) {
	#section-2 .swiper-slide, 
	#section-2 .swiper-container-horizontal > .swiper-scrollbar, 
	#section-3 .content > div {
		width: 90%;
	}

	#section-3 .sec-3-tab strong {font-size: 64px;}
	#section-3 .sec-3-tab a div {font-size: 26px;}
	#section-3.fixed .content {left: 5%;}
	#section-3 .cont-list .bg {margin-left: 250px;}

	#section-6 .swiper-slide .number {font-size: 130px;}

	#section-7 .right {width: calc(100% - 400px);}
}

@media all and (max-width:1281px){
	#section-8 .line {margin-top: 120px;}
}

@media all and (max-width:1201px){
	.mv-tit span {height: 70px; line-height: 70px;}
	.mv-txt {height: 20px;}
	.sec-tit strong {margin-bottom: 30px;}

	#section-1 .scroll-move {width: 60px; height: 60px;}

	#section-2.section {padding: 150px 0;}
	#section-2 .swiper-slide-in {padding: 50px;}
	#section-2 .case .left > div {margin-bottom: 60px;}
	#section-2 .case .left > ul li {padding: 0 30px;}
	.pie-chart {margin-left: 20px; width: 220px; height: 220px;}
	.pie-chart .center {width: 190px; height: 190px;}
	#section-2 a.go-btn {margin-top: 30px;}
	#section-2 a.go-btn img, #section-3 .inner > div > a img, #section-7 a.go-btn img {width: 34px;}

	#section-3 .sec-3-tab strong {font-size: 54px;}
	#section-3 .sec-3-tab a div {margin-top: 10px; font-size: 24px;}
	#section-3 .sec-3-tab a {padding: 35px 0;}
	/*#section-3 .cont-list .bg {margin-left: 240px;}
	#section-3.view2 .cont2 .bg, #section-3.view3 .cont3 .bg, #section-3.view4 .cont4 .bg {width: 400px; height: 458px;}*/
	#section-3 .cont-list .bg {padding-left: 240px;}
	#section-3 .cont-list .img-wrap {width: calc(100% - 400px);}
	#section-3 .cont-list .inner {width: 400px; padding-left: 40px;}
	#section-3 .inner > div > strong, #section-3 .inner > div > div, #section-4 .left strong, #section-6 .left > strong  {margin-bottom: 25px;}
	#section-3 .inner > div > p {margin-bottom: 50px;}

	.js-diagnosis-content {max-width: 400px;}
	#section-4 .right .txt-wrap > div {width: 140px;}
	#section-4 .right .diagnosis-content {padding: 30px 20px;}
	#section-4 .right .step {margin-bottom: 20px;}

	#section-5 {padding: 140px 0;}

	#section-6 .swiper-slide {width: 480px; height: 480px; padding: 25px 50px;}
	#section-6 .swiper-slide .txt-wrap {width: 90%;}
	#section-6 .swiper-slide .number {font-size: 100px;}
	#section-6 .swiper-slide p {font-size: var(--font-regular);}

	#section-8 .key-tab li {padding: 15px 30px;}

	#section-9 .right {width: calc(100% - 400px);}

	#section-10 {padding: 50px 0 35px;}
}

@media all and (max-width:1025px){
	.mv-tit {max-width: 800px;}
    .mv-tit span {height: 60px; line-height: 60px;}
	.mv-txt {margin-top: 20px;}
	.section-1-in {background: url("../img/main/main-bg.jpg") no-repeat right -260px center / cover;}

	#section-3 .content {height: 0;}
	#section-3 .content ul {display: none;}
	#section-3 .cont-list .img-wrap {padding-left: 0; width: 350px;}
	#section-3 .cont-list .inner {width: calc(100% - 350px);}

	#section-6 {padding: 120px 0;}
	#section-6 .left, #section-6 .right {float: none;}
	#section-6 .section-in {padding: 0 0 50px; min-height: auto;}
	#section-6 .left {position: relative; top: inherit; transform: inherit;}
	#section-6 .con {position: relative; width: 100%; top: inherit; transform: inherit;}
	#section-6 .left p strong {display: inline;}
	#section-6 .left > strong {display: none;}
	#section-6 .left > strong.mobile {display: block;}
	#section-6 .swiper-slide {height: 400px;}
	#section-6 .swiper-slide .number {font-size: 80px;}
	#section-6 .swiper-slide .txt-wrap {top: 100px; left: 25px;}
	#section-6 .swiper-slide p {display: none;}
	#section-6 .swiper-slide p.mobile {display: block;}

	#section-8 .line {margin-top: 120px;}

	#section-10 .section-in img.ment {max-width: 500px;}
	#section-10 .section-in img.sign {max-width: 90px;}
}

@media all and (max-width:800px){
	#section-4 { background-position: 35% center; background-attachment: fixed; }
}

@media all and (max-width:877px){
	#section-2 .swiper-slide-in {flex-direction: column; gap: 30px; padding: 40px 30px;}
	#section-2 .case .left {float: none; width: 100%;}
	#section-2 .case .left > div {margin-bottom: 30px;}
	#section-2 .case .left > ul li {width: 33.33%;}
	#section-2 .case .left > ul li img {width: 24px;}
	#section-2 .case .left > ul li small {margin: 12px 0 5px;}
	.pie-chart {margin-left: 0px; width: 190px; height: 190px;}
	.pie-chart .center {width: 160px; height: 160px;}

	#section-3 .cont-list .img-wrap {width: 320px;}
	#section-3 .cont-list .inner {width: calc(100% - 320px); padding-left: 20px;}
	#section-3 .inner > div > strong, #section-3 .inner > div > div, #section-4 .left strong, #section-6 .left > strong {margin-bottom: 20px;}
	#section-3 .inner > div > p {display: none;}
	#section-3 .inner > div > p.mobile {display: block; margin-bottom: 30px;}

	#section-4 .left {float: none; position: relative; top: inherit; transform: inherit;}
	#section-4 .right {float: none; max-width: 360px; margin: 50px auto 0;}
	#section-4 .right .txt-wrap > div {margin-bottom: 30px;}
	#section-4 .right .txt-wrap > p {margin-bottom: 50px;}
	#section-4 .right .txt-wrap > a {width: 180px; height: 54px; line-height: 54px;}
	#section-4 .right .diagnosis-content {padding: 25px 15px; border-radius: 25px;}
	#section-4 .right .diagnosis-content.d7 {padding: 30px 15px;}
	#section-4 .custom-radio-wrap li:not(last-child) {margin-bottom: 3px;}
	#section-4 .custom-radio-wrap input[type="radio"] + label span {height: 48px; line-height: 48px;}
	#section-4 .right .btn-wrap button {width: 180px; height: 48px; line-height: 48px;}
	#section-4 .right .d7 input[type='text'] {height: 48px;}

	#section-5, #section-6 {padding: 100px 0;}

	#section-6 .section-in {padding-bottom: 30px;}

	#section-7 .left, #section-7 .right, #section-9 .left, #section-9 .right {float: none; width: 100%;}
	#section-7 .left {margin-bottom: 30px; padding-top: 0;}
	#section-7 .left p {margin-bottom: 25px;}
	#section-7 .n-list li .badge {min-width: 84px;}

	#section-8 .top p, #section-9 .left {margin-bottom: 30px;}
	#section-8 .swiper {padding: 30px 0;}
	#section-8 .line {margin-top: 100px;}

	#section-9 .form-wrap li:not(:last-child) {margin-bottom: 10px;}
	#section-9 .form-wrap li input[type='text'], #section-9 .form-wrap li input[type="radio"] + label span {height: 48px; line-height: 48px;}
}


@media all and (max-width:641px){
	.sec-tit strong {margin-bottom: 20px;}

    .mv-tit span {height: 46px; line-height: 46px;}
	.mv-txt {margin-top: 20px; max-width: 400px; height: 40px; line-height: 1.2;}
	.mv-tit strong:before {height: 15px;}
	.section-1-in {background: url("../img/main/main-bg.jpg") no-repeat right -350px center / cover;}
	#section-1 .scroll-move .scroll-icon::after {font-size: 14px; top: -44px;}

	#section-2 {height: auto;}
	#section-2.section {padding: 90px 0;}
	#section-2 .case .left > div {-webkit-line-clamp: 2; word-break: keep-all;}
	.pie-chart {width: 160px; height: 160px;}
	.pie-chart .center {width: 135px; height: 135px;}

	#section-3 {height: auto;}
	#section-3 .goto, #section-3 .content {display: none;}
	#section-3 .cont-list {height: auto; flex-direction: column; gap: 80px;}
	#section-3 .cont-list li {position: relative; height: auto;}
	#section-3 .cont-list .cont3, #section-3 .cont-list .cont4 {top: inherit;}
	#section-3 .cont-list li > div {flex-direction: column;}
	#section-3 .cont-list .img-wrap {width: 480px; margin: 0px auto 40px;}
	#section-3 .cont-list .inner {position: relative; transform: translateX(0); width: 100%; padding-left: 0;}
	#section-3 .cont-list .on .inner {transform: translateX(0);}
	#section-3 .inner > div > div, #section-3 .inner > div > strong {display: none;}
	#section-3 .inner > div > div.mobile, #section-3 .inner > div > strong.mobile {display: block;}
	#section-3 .inner > div > small {margin-bottom: 8px;}
    #section-3 .inner > div > strong, #section-3 .inner > div > div, #section-4 .left strong, #section-6 .left > strong {margin-bottom: 15px;}
	#section-3 .inner > div > span {margin-bottom: 10px;}

	#section-4 .left strong {line-height: 1.2;}
	#section-5, #section-6 {padding: 90px 0;}
	#section-8 .key-tab li {padding: 12px 26px;}
	#section-8 .line {margin-top: 90px;}
	#section-9 .form-wrap .submit {margin-top: 50px;}
	#section-10 .section-in {justify-content: inherit; flex-direction: column; gap: 10px;}
	#section-10 .section-in img.ment {max-width: 420px;}
	#section-10 .section-in img.sign {max-width: 76px;}
}


@media all and (max-width:481px){
	.mv-txt-wrap {top: 45%;}
	.mv-tit {max-width: 300px;}
    .mv-tit span {height: 40px; line-height: 40px;}
	.mv-txt {margin-top: 15px;}
	.mv-tit strong:before {height: 12px;}
	.section-1-in {background: url("../img/main/main-bg-m.jpg") no-repeat right -100px center / cover;}
	.mv-btn p {padding: 10px;}
	.mv-btn p img {width: 16px; margin-left: 3px;}
	.scroll-downs {bottom: 75px; height: 63px;}
	.mousey {width: 20px; height: 32px;}
	#section-1 .scroll-move {width: 46px; height: 46px;}
	#section-1 .scroll-move .scroll-icon::after {font-size: 12px; top: -38px;}

	#section-2.section {padding: 100px 0;}
	#section-2 .swiper-slide-in {padding: 25px 20px; gap: 30px;}
	#section-2 .case .left > span {margin-bottom: 10px; padding: 8px 12px; font-size: 12px;}
	#section-2 .case .left > div {margin-bottom: 25px;}
	#section-2 .case .left > ul li {padding: 0 15px;}
	#section-2 .case .left > ul li img {width: 20px;}
	#section-2 .case .left > ul li small {margin: 10px 0 5px; font-size: 14px;}
	#section-2 .case .left > ul li div {font-size: 16px;}
	.pie-chart {width: 140px; height: 140px;}
	.pie-chart .center {width: 115px; height: 115px;}
	.pie-chart .center small {font-size: 14px;}
	.pie-chart .center strong {font-size: 26px;}

	#section-3 .cont-list .img-wrap {max-width: 100%; margin: 0px auto 30px;}
	#section-4 .left small, #section-6 .left small, #section-9 .left small {margin-bottom: 10px;}
	#section-4 .right .step {margin-bottom: 10px;}
	#section-4 .right .tit small {margin-top: 2px;}
	#section-4 .right .con {margin-top: 5px;}
	#section-4 .custom-radio-wrap input[type="radio"] + label span {height: 44px; line-height: 44px;}
	#section-4 .custom-radio-wrap li:not(last-child) {margin-bottom: 0;}
	#section-4 .custom-radio-wrap li img {width: 22px; top: 56%;}

	#section-5 .text {line-height: 1.4;}
	#section-5 .text:first-child {margin-bottom: 0;}
	#section-6 .swiper-slide {width: 90%;}
	#section-6 .swiper-slide p.mobile {width: 90%;}
	#section-7 .n-list li {gap: 8px; padding: 15px 10px;}
	#section-7 .n-list li .badge {min-width: 70px; padding: 8px; font-size: 12px;}
	#section-8 .swiper {padding: 20px 0;}
	#section-9 .form-wrap li > div {gap: 8px;}
	#section-9 .form-wrap li .radio-wrap {gap: 8px;}
	#section-9 .form-wrap li input[type='text'], #section-9 .form-wrap li input[type="radio"] + label span {height: 44px; line-height: 44px;}
	#section-9 .form-wrap .submit {width: 200px; padding: 16px 0; line-height: 1;}
	#section-10 .section-in img.ment {display: none;}
	#section-10 .section-in img.mobile {display: block; max-width: 250px;}
}