@media only screen and (max-width: 700px) {
	body {
		position: relative;
		/* overflow-x: hidden; */
	}

	header {
		padding: 6vw 8vw;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		background-color: #FFF;
		width: 100%;
		border-bottom: 1px solid rgba(0, 0, 0, 0.3);
		z-index: 999;
	}

	header .logo {
		display: inline-block;
		cursor: pointer;
	}

	section {
		padding-top: 20vw;
		text-align: center;
	}

	section .banner-1 {
		position: relative;
		background-image: url('../img/mobile/bg.png');
		background-size: 133vw auto;
		background-repeat: no-repeat;
		width: 133vw;
		height: 210vw;
	}

	section .banner-1 .banner-1-sentence-1 {
		padding-top: 66vw;
		color: black;
		font-size: 7vw;
		opacity: 0.4;
	}

	section .banner-1 .banner-1-sentence-2 {
		color: #262F61;
		font-size: 12.5vw;
		letter-spacing: 0.18px;
	}

	section .banner-1 .banner-1-sentence-3 {
		padding-top: 4vw;
		display: inline-block;
		width: 101vw;
		color: black;
		font-size: 5vw;
		line-height: 30px;
		letter-spacing: 0.18px;
		opacity: 0.4;
	}

	section .banner-2 {

	}

	section .banner-2 .banner-2-sentence-1 {
		padding-top: 14vw;
		color: #262F61;
		font-size: 10vw;
		letter-spacing: 2.88px;
	}

	section .banner-2 .benefits-list {
		padding-top: 10vw;
	}

	section .banner-2 .benefits-list .benefits {
		margin: 0 auto;
		padding-bottom: 10vw;
		width: 80vw;
		text-align: center;
	}

	section .banner-2 .benefits-list .benefits:last-child {

	}

	section .banner-2 .benefits-list .benefits .benefits-icon {

	}

	section .banner-2 .benefits-list .benefits .benefits-icon img {

	}

	section .banner-2 .benefits-list .benefits .benefits-title {
		padding-top: 5vw;
		color: #262F61;
		font-size: 8vw;
	}

	section .banner-2 .benefits-list .benefits .benefits-description {
		padding-top: 3vw;
		color: #262F61;
		font-size: 5vw;
		line-height: 35px;
		letter-spacing: 0.18px;
		opacity: 0.5;
	}

	section .banner-3 {

	}

	section .banner-3 .banner-3-sentence-1 {
		padding-top: 14vw;
		color: #262F61;
		font-size: 10vw;
		letter-spacing: 2.88px;
	}

	section .banner-3 .services-list {
		padding-top: 14vw;
	}

	section .banner-3 .services-list .services {
		margin: 0 6vw;
		padding-bottom: 15vw;
		text-align: left;
	}

	section .banner-3 .services-list .services .services-banner {
		
	}

	section .banner-3 .services-list .services .services-banner img {
		width: 100%;
	}

	section .banner-3 .services-list .services .services-title {
		padding-top: 7vw;
	}

	section .banner-3 .services-list .services .services-title .services-title-icon {
		padding-top: 0.6vw;
		display: inline-block;
		background-color: #FDB7B7;
		width: 9vw;
		height: 9vw;
		border-radius: 100px;
		color: #FFF;
		font-size: 5vw;
		text-align: center;
		vertical-align: middle;
	}

	section .banner-3 .services-list .services .services-title .services-title-text {
		padding-left: 3vw;
		display: inline-block;
		color: #262F61;
		font-size: 8vw;
		vertical-align: middle;
	}

	section .banner-3 .services-list .services .services-description {
		padding-top: 4vw;
		color: #262F61;
		font-size: 5vw;
		line-height: 35px;
		letter-spacing: 0.18px;
		opacity: 0.5;
	}

	section .banner-3 .services-list .services .services-description ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

	section .banner-3 .services-list .services .services-description ul li {
		position: relative;
		padding-left: 4vw;
	}

	section .banner-3 .services-list .services .services-description ul li:before {
		content: '-';
		position: absolute;
		top: 0;
		left: 0;
	}

	footer {
		margin-top: 2vw;
		padding: 20vw 6vw;
		border-top: 1px solid rgba(0, 0, 0, 0.3);
	}

	footer .footer-logo {

	}

	footer .contact-list {
		padding-top: 15vw;
	}

	footer .contact-list .contact {
		padding-bottom: 12vw;
	}

	footer .contact-list .contact .contact-icon {
		display: inline-block;
		vertical-align: middle;
	}

	footer .contact-list .contact .contact-title {
		padding-left: 5vw;
		display: inline-block;
		color: #262F61;
		font-size: 5vw;
		vertical-align: middle;
	}

	footer .copyright {
		color: #262F61;
		font-size: 5vw;
		text-align: center;
		opacity: 0.5;
	}

	/* sidebar */
	header .navigation-sidebar {
		position: absolute;
		top: 3.8vw;
		right: 6vw;
    	display: inline-block;
    	color: #262F61;
    	font-size: 7vw;
	}

	.navigation-sidebar-template {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		display: none;
		background-color: rgba(0, 0, 0, 0.4);
		width: 100%;
		height: 100%;
		z-index: 9999;
	}

	.navigation-sidebar-template .navigation-sidebar-layout {
		position: absolute;
		right: 0;
		background-color: #FFF;
		width: 100vw;
		height: inherit;
	}

	.navigation-sidebar-template .navigation-sidebar-layout .navigation-sidebar-header {
		height: 20vw;
		border-bottom: 1px solid rgba(0, 0, 0, 0.3);
	}

	.navigation-sidebar-template .navigation-sidebar-layout .navigation-sidebar-header .navigation-sidebar-close-button {
		padding: 4vw 8vw;
		position: absolute;
		right: 0;
		color: #262F61;
		font-size: 8vw;
		font-weight: bold;
	}

	.navigation-sidebar-template .navigation-sidebar-layout .navigation-sidebar-body {
		padding: 8vw;
	}

	.navigation-sidebar-template .navigation-sidebar-layout .navigation-sidebar-body .navigation-sidebar-menu-list {

	}

	.navigation-sidebar-template .navigation-sidebar-layout .navigation-sidebar-body .navigation-sidebar-menu-list .navigation-sidebar-menu {
		padding-bottom: 6vw;
		color: #262F61;
		font-size: 6vw;
	}
}