@charset "utf-8";


/************************************
responsive
************************************/
@media screen and (min-width: 768px) {
	.sp {
		display: none!important;
	}
}

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


/************************************
body, html
************************************/
body {
	position: relative;
	overflow: hidden;
	background: #ffffff;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	min-height: -webkit-fill-available;
	-webkit-text-size-adjust: 100%;
}

html {
	height: -webkit-fill-available;
}

a:hover {
	opacity: 0.5;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}


/************************************
header
************************************/
@media screen and (min-width: 1366px) {
	header {
		position: fixed;
		z-index: 999;
		-webkit-backdrop-filter: blur(5px);
		backdrop-filter: blur(5px);
		background: rgba(255, 255, 255, 0.75);
		width: 100%;
		height: 64px;
	}
	
	header .header_logo {
		position: absolute;
		display: flex;
		align-items: center;
		gap: 0 20px;
		top: 0;
		left: 0;
	}
	
	header .header_logo .movica_logo {
		filter: drop-shadow(0 3.25px 3.25px rgba(0, 0, 0, 0.25));
		width: 100px;
	}
	
	header .header_logo .mf_logo {
		width: 263px;
		height: 18px;
	}
	
	header .header_nav {
		position: absolute;
		display: flex;
		align-items: center;
		gap: 0 45px;
		top: 0;
		right: 0;
	}
	
	header .header_nav ul {
		display: flex;
		gap: 0 55px;
	}
	
	header .header_nav li {
		display: flex;
		align-items: center;
	}
	
	header .header_nav li a {
		color: #ff5e00;
		font-size: 18px;
		line-height: 1em;
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
	}
	
	header .header_nav .contact {
		position: relative;
		background: linear-gradient(to bottom, #00b479 0%, #00957c 100%);
		width: 230px;
		height: 100%;
		border-radius: 32px 0 0 32px;
	}
	
	header .header_nav .contact:hover {
		opacity: 1;
	}
	
	header .header_nav .contact p {
		color: #ffffff;
		font-size: 18px;
		line-height: 64px;
		font-weight: 700;
		text-align: left;
		letter-spacing: 0.02em;
		margin-left: 55px;
	}
	
	header .header_nav .contact .character {
		position: absolute;
		width: 45px;
		bottom: 0;
		right: -45px;
		transition: all 0.3s ease-in-out;
	}
	
	header .header_nav .contact:hover .character {
		transform: translateX(-45px);
	}
}

@media screen and (min-width: 768px) and (max-width: 1365px) {
	header {
		position: fixed;
		z-index: 999;
		-webkit-backdrop-filter: blur(calc(5vw / 13.66));
		backdrop-filter: blur(calc(5vw / 13.66));
		background: rgba(255, 255, 255, 0.75);
		width: 100%;
		height: calc(64vw / 13.66);
	}
	
	header .header_logo {
		position: absolute;
		display: flex;
		align-items: center;
		gap: 0 calc(20vw / 13.66);
		top: 0;
		left: 0;
	}
	
	header .header_logo .movica_logo {
		filter: drop-shadow(0 calc(3.25vw / 13.66) calc(3.25vw / 13.66) rgba(0, 0, 0, 0.25));
		width: calc(100vw / 13.66);
	}
	
	header .header_logo .mf_logo {
		width: calc(263vw / 13.66);
		height: calc(18vw / 13.66);
	}
	
	header .header_nav {
		position: absolute;
		display: flex;
		align-items: center;
		gap: 0 calc(45vw / 13.66);
		top: 0;
		right: 0;
	}
	
	header .header_nav ul {
		display: flex;
		gap: 0 calc(55vw / 13.66);
	}
	
	header .header_nav li {
		display: flex;
		align-items: center;
	}
	
	header .header_nav li a {
		color: #ff5e00;
		font-size: calc(18vw / 13.66);
		line-height: 1em;
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
	}
	
	header .header_nav .contact {
		position: relative;
		background: linear-gradient(to bottom, #00b479 0%, #00957c 100%);
		width: calc(230vw / 13.66);
		height: 100%;
		border-radius: calc(32vw / 13.66) 0 0 calc(32vw / 13.66);
	}
	
	header .header_nav .contact:hover {
		opacity: 1;
	}
	
	header .header_nav .contact p {
		color: #ffffff;
		font-size: calc(18vw / 13.66);
		line-height: calc(64vw / 13.66);
		font-weight: 700;
		text-align: left;
		letter-spacing: 0.02em;
		margin-left: calc(55vw / 13.66);
	}
	
	header .header_nav .contact .character {
		position: absolute;
		width: calc(45vw / 13.66);
		bottom: 0;
		right: calc(-45vw / 13.66);
		transition: all 0.3s ease-in-out;
	}
	
	header .header_nav .contact:hover .character {
		transform: translateX(calc(-45vw / 13.66));
	}
}

@media screen and (max-width: 767px) {
	header {
		display: none;
		position: fixed;
		z-index: 999;
		width: 100%;
		height: calc(78vw / 3.9);
		top: 0;
	}
	
	header .header_logo {
		position: absolute;
		z-index: 999;
		filter: drop-shadow(0 calc(3.25vw / 3.9) calc(3.25vw / 3.9) rgba(0, 0, 0, 0.25));
		width: calc(100vw / 3.9);
		top: 0;
		left: 0;
	}
	
	header .header_logo .movica_logo {
		width: 100%;
	}
	
	header .nav {
		position: absolute;
		z-index: 999;
		background: url("../img/nav_open.png") no-repeat;
		background-size: 100% 100%;
		background-position: center center;
		filter: drop-shadow(0 calc(4vw / 3.9) calc(4vw / 3.9) rgba(0, 0, 0, 0.25));
		width: calc(50vw / 3.9);
		height: calc(50vw / 3.9);
		top: calc(15vw / 3.9);
		right: calc(15vw / 3.9);
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;
	}
	
	header .nav.open {
		background: url("../img/nav_close.png") no-repeat;
		background-size: 100% 100%;
		background-position: center center;
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;
	}
	
	header .header_nav {
		display: none;
		position: absolute;
		z-index: 998;
		background-color: #ffffff;
		background-image: url("../img/movica_back_1.png");
		background-repeat: repeat;
		background-size: calc(300vw / 3.9) calc(260vw / 3.9);
		background-position: top center;
		box-shadow: 0 calc(4vw / 3.9) calc(4vw / 3.9) rgba(0, 0, 0, 0.25);
		width: 100%;
		padding: calc(135vw / 3.9) 0 calc(40vw / 3.9);
		top: 0;
	}
	
	header .header_nav ul {
		display: flex;
		flex-direction: column;
		gap: calc(17vw / 3.9) 0;
		width: calc(330vw / 3.9);
		margin: 0 auto calc(50vw / 3.9);
	}
	
	header .header_nav li {
		display: flex;
		align-items: center;
		background: linear-gradient(to right, #ffac00 0%, #fb5b00 100%);
		border-radius: calc(25vw / 3.9);
		width: 100%;
		height: calc(50vw / 3.9);
	}
	
	header .header_nav li a {
		color: #ffffff;
		font-size: calc(22vw / 3.9);
		line-height: calc(50vw / 3.9);
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
		width: 100%;
		height: 100%;
	}
	
	header .header_nav li a:hover {
		opacity: 1;
	}
	
	header .header_nav p {
		color: #333333;
		font-size: calc(16vw / 3.9);
		line-height: calc(28vw / 3.9);
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
		width: 100%;
		margin-bottom: calc(35vw / 3.9);
	}
	
	header .header_nav .mf_logo {
		display: block;
		width: calc(300vw / 3.9);
		margin: 0 auto;
	}
}


/************************************
#floating
************************************/
@media screen and (max-width: 767px) {
	#floating {
		display: none;
		position: fixed;
		z-index: 997;
		width: calc(110vw / 3.9);
		bottom: calc(15vw / 3.9);
		right: calc(15vw / 3.9);
	}
	
	#floating a, #floating a img {
		display: block;
		width: 100%;
		height: 100%;
	}
}


/************************************
#main
************************************/
@media screen and (min-width: 1366px) {
	#main {
		box-sizing: border-box;
		background: url("../img/main_pc.png") no-repeat;
		background-position: top center;
		background-size: 100% 100%;
		text-align: center;
		width: 100%;
		height: calc(700vw / 13.66);
		padding-top: calc(115vw / 13.66);
	}
	
	#main h2 {
		display: inline;
		-webkit-box-decoration-break: clone;
		box-decoration-break: clone;
		background: #ffffff;
		color: #ff5e00;
		font-size: calc(28vw / 13.66);
		line-height: calc(50vw / 13.66);
		font-weight: 700;
		letter-spacing: 0.02em;
		padding: calc(3vw / 13.66) calc(20vw / 13.66) calc(7vw / 13.66);
	}
	
	#main h1 {
		width: calc(230vw / 13.66);
		margin: calc(23vw / 13.66) auto calc(192vw / 13.66);
	}
	
	#main h1 img {
		filter: drop-shadow(0 0 calc(6vw / 13.66) rgba(0, 0, 0, 0.5));
		width: 100%;
	}
	
	#main p {
		color: #ffffff;
		font-size: calc(22vw / 13.66);
		line-height: calc(32vw / 13.66);
		font-weight: 700;
		letter-spacing: 0.02em;
		margin-bottom: calc(20vw / 13.66);
	}
	
	#main .scroll {
		width: calc(68vw / 13.66);
		margin: 0 auto;
	}
}

@media screen and (min-width: 768px) and (max-width: 1365px) {
	#main {
		box-sizing: border-box;
		background: url("../img/main_pc.png") no-repeat;
		background-position: top center;
		background-size: 100% 100%;
		text-align: center;
		width: 100%;
		height: calc(700vw / 13.66);
		padding-top: calc(115vw / 13.66);
	}
	
	#main h2 {
		display: inline;
		-webkit-box-decoration-break: clone;
		box-decoration-break: clone;
		background: #ffffff;
		color: #ff5e00;
		font-size: calc(28vw / 13.66);
		line-height: calc(50vw / 13.66);
		font-weight: 700;
		letter-spacing: 0.02em;
		padding: calc(3vw / 13.66) calc(20vw / 13.66) calc(7vw / 13.66);
	}
	
	#main h1 {
		width: calc(230vw / 13.66);
		margin: calc(23vw / 13.66) auto calc(192vw / 13.66);
	}
	
	#main h1 img {
		filter: drop-shadow(0 0 calc(6vw / 13.66) rgba(0, 0, 0, 0.5));
		width: 100%;
	}
	
	#main p {
		color: #ffffff;
		font-size: calc(22vw / 13.66);
		line-height: calc(32vw / 13.66);
		font-weight: 700;
		letter-spacing: 0.02em;
		margin-bottom: calc(20vw / 13.66);
	}
	
	#main .scroll {
		width: calc(68vw / 13.66);
		margin: 0 auto;
	}
}

@media screen and (max-width: 767px) {
	#main {
		box-sizing: border-box;
		background: url("../img/main_sp.png") no-repeat;
		background-position: top center;
		background-size: 100% 100%;
		text-align: center;
		width: 100%;
		height: calc(660vw / 3.9);
		padding-top: calc(28vw / 3.9);
	}
	
	#main .mf_logo {
		display: block;
		width: calc(331vw / 3.9);
		margin: 0 auto calc(33vw / 3.9);
	}
	
	#main h2 {
		display: inline;
		-webkit-box-decoration-break: clone;
		box-decoration-break: clone;
		background: #ffffff;
		color: #ff5e00;
		font-size: calc(22vw / 3.9);
		line-height: calc(34vw / 3.9);
		font-weight: 700;
		letter-spacing: 0.02em;
		padding: calc(1vw / 3.9) calc(10vw / 3.9) calc(5vw / 3.9);
	}
	
	#main h1 {
		width: calc(230vw / 3.9);
		margin: calc(45vw / 3.9) auto calc(134vw / 3.9);
	}
	
	#main h1 img {
		filter: drop-shadow(0 0 calc(6vw / 3.9) rgba(0, 0, 0, 0.5));
		width: 100%;
	}
	
	#main p {
		color: #ffffff;
		font-size: calc(18vw / 3.9);
		line-height: calc(28vw / 3.9);
		font-weight: 700;
		letter-spacing: 0.02em;
	}
}


/************************************
#about
************************************/
@media screen and (min-width: 1366px) {
	#about {
		background-color: #ffefe5;
		background-image: url("../img/movica_back_1.png");
		background-repeat: repeat;
		background-size: 300px 260px;
		background-position: top center;
		padding: 65px 0 70px;
	}
	
	#about h2 {
		color: #ff5e00;
		font-size: 36px;
		line-height: 1em;
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
		margin-bottom: 30px;
	}
	
	#about h2 ruby rt {
		font-size: 14px;
		line-height: 1em;
		text-align: center;
	}
	
	_::-webkit-full-page-media, _:future, :root #about h2 ruby rt {
		margin-top: -10px;
	}
	
	#about p {
		background: #ffffff;
		color: #352223;
		font-size: 16px;
		line-height: 28px;
		font-weight: 400;
		text-align: center;
		letter-spacing: 0.02em;
		border-radius: 17.32px;
		width: 1000px;
		padding: 40px 0;
		margin: 0 auto 40px;
	}
	
	#about p span {
		color: #ff5e00;
		font-weight: 700;
	}
	
	#about h3 {
		color: #352223;
		font-size: 26px;
		line-height: 1em;
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
		margin-bottom: 25px;
	}
	
	#about ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		border-top: 2px dashed #ff5e00;
		border-bottom: 2px dashed #ff5e00;
		width: 1000px;
		height: 70px;
		margin: 0 auto;
	}
	
	#about ul li {
		position: relative;
		color: #352223;
		font-size: 18px;
		line-height: 1em;
		font-weight: 700;
		text-align: left;
		padding-left: 22px;
	}
	
	#about ul li::before {
		position: absolute;
		display: block;
		content: "●";
		color: #ff5e00;
		font-size: 18px;
		line-height: 1em;
		font-weight: 700;
		text-align: left;
		top: 0;
		left: 0;
	}
}

@media screen and (min-width: 768px) and (max-width: 1365px) {
	#about {
		background-color: #ffefe5;
		background-image: url("../img/movica_back_1.png");
		background-repeat: repeat;
		background-size: calc(300vw / 13.66) calc(260vw / 13.66);
		background-position: top center;
		padding: calc(65vw / 13.66) 0 calc(70vw / 13.66);
	}
	
	#about h2 {
		color: #ff5e00;
		font-size: calc(36vw / 13.66);
		line-height: 1em;
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
		margin-bottom: calc(30vw / 13.66);
	}
	
	#about h2 ruby rt {
		font-size: calc(14vw / 13.66);
		line-height: 1em;
		text-align: center;
	}
	
	_::-webkit-full-page-media, _:future, :root #about h2 ruby rt {
		margin-top: calc(-10vw / 13.66);
	}
	
	#about p {
		background: #ffffff;
		color: #352223;
		font-size: calc(16vw / 13.66);
		line-height: calc(28vw / 13.66);
		font-weight: 400;
		text-align: center;
		letter-spacing: 0.02em;
		border-radius: calc(17.32vw / 13.66);
		width: calc(1000vw / 13.66);
		padding: calc(40vw / 13.66) 0;
		margin: 0 auto calc(40vw / 13.66);
	}
	
	#about p span {
		color: #ff5e00;
		font-weight: 700;
	}
	
	#about h3 {
		color: #352223;
		font-size: calc(26vw / 13.66);
		line-height: 1em;
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
		margin-bottom: calc(25vw / 13.66);
	}
	
	#about ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		border-top: calc(2vw / 13.66) dashed #ff5e00;
		border-bottom: calc(2vw / 13.66) dashed #ff5e00;
		width: calc(1000vw / 13.66);
		height: calc(70vw / 13.66);
		margin: 0 auto;
	}
	
	#about ul li {
		position: relative;
		color: #352223;
		font-size: calc(18vw / 13.66);
		line-height: 1em;
		font-weight: 700;
		text-align: left;
		padding-left: calc(22vw / 13.66);
	}
	
	#about ul li::before {
		position: absolute;
		display: block;
		content: "●";
		color: #ff5e00;
		font-size: calc(18vw / 13.66);
		line-height: 1em;
		font-weight: 700;
		text-align: left;
		top: 0;
		left: 0;
	}
}

@media screen and (max-width: 767px) {
	#about {
		background-color: #ffefe5;
		background-image: url("../img/movica_back_1.png");
		background-repeat: repeat;
		background-size: calc(300vw / 3.9) calc(260vw / 3.9);
		background-position: top center;
		padding: calc(40vw / 3.9) 0;
	}
	
	#about h2 {
		color: #ff5e00;
		font-size: calc(36vw / 3.9);
		line-height: calc(62vw / 3.9);
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
		margin-bottom: calc(20vw / 13.66);
	}
	
	#about h2 ruby rt {
		font-size: calc(14vw / 3.9);
		line-height: 1em;
		text-align: center;
	}
	
	_::-webkit-full-page-media, _:future, :root #about h2 ruby rt {
		margin-top: calc(-10vw / 3.9);
	}
	
	#about p {
		box-sizing: border-box;
		background: #ffffff;
		color: #352223;
		font-size: calc(16vw / 3.9);
		line-height: calc(28vw / 3.9);
		font-weight: 400;
		text-align: justify;
		letter-spacing: 0.02em;
		border-radius: calc(18vw / 3.9);
		width: calc(330vw / 3.9);
		padding: calc(30vw / 3.9);
		margin: 0 auto calc(30vw / 3.9);
	}
	
	#about p span {
		color: #ff5e00;
		font-weight: 700;
	}
	
	#about h3 {
		color: #352223;
		font-size: calc(26vw / 3.9);
		line-height: 1em;
		font-weight: 700;
		text-align: left;
		letter-spacing: 0.02em;
		width: calc(330vw / 3.9);
		margin: 0 auto calc(15vw / 3.9);
	}
	
	#about ul {
		display: flex;
		flex-direction: column;
		width: calc(330vw / 3.9);
		margin: 0 auto;
	}
	
	#about ul li {
		position: relative;
		box-sizing: border-box;
		color: #352223;
		font-size: calc(16vw / 3.9);
		line-height: calc(48vw / 3.9);
		font-weight: 700;
		text-align: left;
		border-bottom: calc(2vw / 3.9) dashed #ff5e00;
		width: 100%;
		height: calc(48vw / 3.9);
		padding-left: calc(20vw / 3.9);
	}
	
	#about ul li:last-child {
		border-bottom: none;
	}
	
	#about ul li::before {
		position: absolute;
		display: block;
		content: "●";
		color: #ff5e00;
		font-size: calc(16vw / 3.9);
		line-height: calc(48vw / 3.9);
		font-weight: 700;
		text-align: left;
		top: 0;
		left: 0;
	}
}


/************************************
#image
************************************/
@media screen and (min-width: 1366px) {
	#image {
		background: #ffffff;
		width: 100%;
		padding: 90px 0 100px;
	}
	
	#image .wrapper {
		position: relative;
		width: 1000px;
		margin: 0 auto;
	}
	
	#image .wrapper h2 {
		color: #00ade8;
		font-size: 32px;
		line-height: 1em;
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
		margin-bottom: 25px;
	}
	
	#image .wrapper h3 {
		background: #ff5e00;
		color: #ffffff;
		font-size: 26px;
		line-height: 60px;
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
		border-radius: 10px;
		width: 600px;
		height: 60px;
		margin: 0 auto 50px;
	}
	
	#image .wrapper h3 span {
		font-size: calc(26px * 0.7);
	}
	
	#image .wrapper .minicar {
		position: absolute;
		width: 148px;
		filter: drop-shadow(5px 5px 5px rgba(5, 0, 0, 0.3));
		top: 14px;
		right: 4px;
	}
	
	#image .wrapper ul {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}
	
	#image .wrapper ul li {
		position: relative;
		box-sizing: border-box;
		width: calc(100% / 3);
		height: 252px;
		padding-top: 30px;
	}
	
	#image .wrapper ul li.truck {
		background: #ffefe5;
	}
	
	#image .wrapper ul li.truck::before {
		position: absolute;
		display: block;
		content: "";
		width: 0;
		height: 0;
		border-top: 17px solid #ff5e00;
		border-bottom: 17px solid transparent;
		border-left: 17px solid #ff5e00;
		border-right: 17px solid transparent;
		top: 0;
		left: 0;
	}
	
	#image .wrapper ul li.truck::after {
		position: absolute;
		display: block;
		content: "";
		width: 0;
		height: 0;
		border-top: 17px solid transparent;
		border-bottom: 17px solid #ff5e00;
		border-left: 17px solid transparent;
		border-right: 17px solid #ff5e00;
		bottom: 0;
		right: 0;
	}
	
	#image .wrapper ul li.business {
		background: #e5f7f2;
	}
	
	#image .wrapper ul li.business::before {
		position: absolute;
		display: block;
		content: "";
		width: 0;
		height: 0;
		border-top: 17px solid #00b479;
		border-bottom: 17px solid transparent;
		border-left: 17px solid #00b479;
		border-right: 17px solid transparent;
		top: 0;
		left: 0;
	}
	
	#image .wrapper ul li.business::after {
		position: absolute;
		display: block;
		content: "";
		width: 0;
		height: 0;
		border-top: 17px solid transparent;
		border-bottom: 17px solid #00b479;
		border-left: 17px solid transparent;
		border-right: 17px solid #00b479;
		bottom: 0;
		right: 0;
	}
	
	#image .wrapper ul li.bus {
		background: #e5f7fd;
	}
	
	#image .wrapper ul li.bus::before {
		position: absolute;
		display: block;
		content: "";
		width: 0;
		height: 0;
		border-top: 17px solid #00ade8;
		border-bottom: 17px solid transparent;
		border-left: 17px solid #00ade8;
		border-right: 17px solid transparent;
		top: 0;
		left: 0;
	}
	
	#image .wrapper ul li.bus::after {
		position: absolute;
		display: block;
		content: "";
		width: 0;
		height: 0;
		border-top: 17px solid transparent;
		border-bottom: 17px solid #00ade8;
		border-left: 17px solid transparent;
		border-right: 17px solid #00ade8;
		bottom: 0;
		right: 0;
	}
	
	#image .wrapper ul li .circle {
		position: absolute;
		display: block;
		content: "";
		background: #ffffff;
		border-radius: 111px;
		width: 222px;
		height: 222px;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	
	#image .wrapper ul li .example {
		position: absolute;
		box-sizing: border-box;
		background: #ffffff;
		font-size: 22px;
		line-height: 32px;
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
		width: 96px;
		height: 36px;
		top: -18px;
		left: 50%;
		transform: translateX(-50%);
	}
	
	#image .wrapper ul li.truck .example {
		color: #ff5e00;
		border: 2px solid #ff5e00;
		box-shadow: 2px 2px 0 #ff5e00;
	}
	
	#image .wrapper ul li.business .example {
		color: #00b479;
		border: 2px solid #00b479;
		box-shadow: 2px 2px 0 #00b479;
	}
	
	#image .wrapper ul li.bus .example {
		color: #00ade8;
		border: 2px solid #00ade8;
		box-shadow: 2px 2px 0 #00ade8;
	}
	
	#image .wrapper ul li h4 {
		position: relative;
		z-index: 1;
		color: #352223;
		font-size: 25.6px;
		line-height: 1em;
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
		margin-bottom: 15px;
	}
	
	#image .wrapper ul li .text {
		position: relative;
		z-index: 1;
		color: #352223;
		font-size: 17px;
		line-height: 24px;
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
	}
	
	#image .wrapper ul li img {
		position: absolute;
		z-index: 1;
		bottom: 30px;
		left: 50%;
		transform: translateX(-50%);
	}
	
	#image .wrapper ul li.truck img {
		width: 156px;
	}
	
	#image .wrapper ul li.business img {
		width: 155px;
	}
	
	#image .wrapper ul li.bus img {
		width: 153px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1365px) {
	#image {
		background: #ffffff;
		width: 100%;
		padding: calc(90vw / 13.66) 0 calc(100vw / 13.66);
	}
	
	#image .wrapper {
		position: relative;
		width: calc(1000vw / 13.66);
		margin: 0 auto;
	}
	
	#image .wrapper h2 {
		color: #00ade8;
		font-size: calc(32vw / 13.66);
		line-height: 1em;
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
		margin-bottom: calc(25vw / 13.66);
	}
	
	#image .wrapper h3 {
		background: #ff5e00;
		color: #ffffff;
		font-size: calc(26vw / 13.66);
		line-height: calc(60vw / 13.66);
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
		border-radius: calc(10vw / 13.66);
		width: calc(600vw / 13.66);
		height: calc(60vw / 13.66);
		margin: 0 auto calc(50vw / 13.66);
	}
	
	#image .wrapper h3 span {
		font-size: calc((26vw / 13.66) * 0.7);
	}
	
	#image .wrapper .minicar {
		position: absolute;
		width: calc(148vw / 13.66);
		filter: drop-shadow(calc(5vw / 13.66) calc(5vw / 13.66) calc(5vw / 13.66) rgba(5, 0, 0, 0.3));
		top: calc(14vw / 13.66);
		right: calc(4vw / 13.66);
	}
	
	#image .wrapper ul {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}
	
	#image .wrapper ul li {
		position: relative;
		box-sizing: border-box;
		width: calc(100% / 3);
		height: calc(252vw / 13.66);
		padding-top: calc(30vw / 13.66);
	}
	
	#image .wrapper ul li.truck {
		background: #ffefe5;
	}
	
	#image .wrapper ul li.truck::before {
		position: absolute;
		display: block;
		content: "";
		width: 0;
		height: 0;
		border-top: calc(17vw / 13.66) solid #ff5e00;
		border-bottom: calc(17vw / 13.66) solid transparent;
		border-left: calc(17vw / 13.66) solid #ff5e00;
		border-right: calc(17vw / 13.66) solid transparent;
		top: 0;
		left: 0;
	}
	
	#image .wrapper ul li.truck::after {
		position: absolute;
		display: block;
		content: "";
		width: 0;
		height: 0;
		border-top: calc(17vw / 13.66) solid transparent;
		border-bottom: calc(17vw / 13.66) solid #ff5e00;
		border-left: calc(17vw / 13.66) solid transparent;
		border-right: calc(17vw / 13.66) solid #ff5e00;
		bottom: 0;
		right: 0;
	}
	
	#image .wrapper ul li.business {
		background: #e5f7f2;
	}
	
	#image .wrapper ul li.business::before {
		position: absolute;
		display: block;
		content: "";
		width: 0;
		height: 0;
		border-top: calc(17vw / 13.66) solid #00b479;
		border-bottom: calc(17vw / 13.66) solid transparent;
		border-left: calc(17vw / 13.66) solid #00b479;
		border-right: calc(17vw / 13.66) solid transparent;
		top: 0;
		left: 0;
	}
	
	#image .wrapper ul li.business::after {
		position: absolute;
		display: block;
		content: "";
		width: 0;
		height: 0;
		border-top: calc(17vw / 13.66) solid transparent;
		border-bottom: calc(17vw / 13.66) solid #00b479;
		border-left: calc(17vw / 13.66) solid transparent;
		border-right: calc(17vw / 13.66) solid #00b479;
		bottom: 0;
		right: 0;
	}
	
	#image .wrapper ul li.bus {
		background: #e5f7fd;
	}
	
	#image .wrapper ul li.bus::before {
		position: absolute;
		display: block;
		content: "";
		width: 0;
		height: 0;
		border-top: calc(17vw / 13.66) solid #00ade8;
		border-bottom: calc(17vw / 13.66) solid transparent;
		border-left: calc(17vw / 13.66) solid #00ade8;
		border-right: calc(17vw / 13.66) solid transparent;
		top: 0;
		left: 0;
	}
	
	#image .wrapper ul li.bus::after {
		position: absolute;
		display: block;
		content: "";
		width: 0;
		height: 0;
		border-top: calc(17vw / 13.66) solid transparent;
		border-bottom: calc(17vw / 13.66) solid #00ade8;
		border-left: calc(17vw / 13.66) solid transparent;
		border-right: calc(17vw / 13.66) solid #00ade8;
		bottom: 0;
		right: 0;
	}
	
	#image .wrapper ul li .circle {
		position: absolute;
		display: block;
		content: "";
		background: #ffffff;
		border-radius: calc(111vw / 13.66);
		width: calc(222vw / 13.66);
		height: calc(222vw / 13.66);
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	
	#image .wrapper ul li .example {
		position: absolute;
		box-sizing: border-box;
		background: #ffffff;
		font-size: calc(22vw / 13.66);
		line-height: calc(32vw / 13.66);
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
		width: calc(96vw / 13.66);
		height: calc(36vw / 13.66);
		top: calc(-18vw / 13.66);
		left: 50%;
		transform: translateX(-50%);
	}
	
	#image .wrapper ul li.truck .example {
		color: #ff5e00;
		border: calc(2vw / 13.66) solid #ff5e00;
		box-shadow: calc(2vw / 13.66) calc(2vw / 13.66) 0 #ff5e00;
	}
	
	#image .wrapper ul li.business .example {
		color: #00b479;
		border: calc(2vw / 13.66) solid #00b479;
		box-shadow: calc(2vw / 13.66) calc(2vw / 13.66) 0 #00b479;
	}
	
	#image .wrapper ul li.bus .example {
		color: #00ade8;
		border: calc(2vw / 13.66) solid #00ade8;
		box-shadow: calc(2vw / 13.66) calc(2vw / 13.66) 0 #00ade8;
	}
	
	#image .wrapper ul li h4 {
		position: relative;
		z-index: 1;
		color: #352223;
		font-size: calc(25.6vw / 13.66);
		line-height: 1em;
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
		margin-bottom: calc(15vw / 13.66);
	}
	
	#image .wrapper ul li .text {
		position: relative;
		z-index: 1;
		color: #352223;
		font-size: calc(17vw / 13.66);
		line-height: calc(24vw / 13.66);
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
	}
	
	#image .wrapper ul li img {
		position: absolute;
		z-index: 1;
		bottom: calc(30vw / 13.66);
		left: 50%;
		transform: translateX(-50%);
	}
	
	#image .wrapper ul li.truck img {
		width: calc(156vw / 13.66);
	}
	
	#image .wrapper ul li.business img {
		width: calc(155vw / 13.66);
	}
	
	#image .wrapper ul li.bus img {
		width: calc(153vw / 13.66);
	}
}

@media screen and (max-width: 767px) {
	#image {
		background: #ffffff;
		width: 100%;
		padding-top: calc(50vw / 3.9);
	}
	
	#image .wrapper {
		position: relative;
		width: 100%;
		margin: 0 auto;
	}
	
	#image .wrapper h2 {
		color: #00ade8;
		font-size: calc(32vw / 3.9);
		line-height: calc(40vw / 3.9);
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
		margin-bottom: calc(15vw / 3.9);
	}
	
	#image .wrapper h3 {
		background: #ff5e00;
		color: #ffffff;
		font-size: calc(26vw / 3.9);
		line-height: calc(32vw / 3.9);
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
		border-radius: calc(10vw / 3.9);
		width: calc(340vw / 3.9);
		padding: calc(14vw / 3.9) 0;
		margin: 0 auto calc(-12vw / 3.9);
	}
	
	#image .wrapper h3 span {
		font-size: calc((26vw / 3.9) * 0.7);
	}
	
	#image .wrapper .minicar {
		display: block;
		width: calc(213vw / 3.9);
		filter: drop-shadow(calc(5vw / 3.9) calc(5vw / 3.9) calc(5vw / 3.9) rgba(5, 0, 0, 0.3));
		margin: 0 auto calc(30vw / 3.9);
	}
	
	#image .wrapper ul {
		display: flex;
		flex-direction: column;
		gap: calc(32vw / 3.9) 0;
		width: 100%;
	}
	
	#image .wrapper ul li {
		position: relative;
		box-sizing: border-box;
		width: 100%;
		height: calc(295vw / 3.9);
		padding-top: calc(38vw / 3.9);
	}
	
	#image .wrapper ul li.truck {
		background: #ffefe5;
	}
	
	#image .wrapper ul li.truck::before {
		position: absolute;
		display: block;
		content: "";
		width: 0;
		height: 0;
		border-top: calc(20vw / 3.9) solid #ff5e00;
		border-bottom: calc(20vw / 3.9) solid transparent;
		border-left: calc(20vw / 3.9) solid #ff5e00;
		border-right: calc(20vw / 3.9) solid transparent;
		top: 0;
		left: 0;
	}
	
	#image .wrapper ul li.truck::after {
		position: absolute;
		display: block;
		content: "";
		width: 0;
		height: 0;
		border-top: calc(20vw / 3.9) solid transparent;
		border-bottom: calc(20vw / 3.9) solid #ff5e00;
		border-left: calc(20vw / 3.9) solid transparent;
		border-right: calc(20vw / 3.9) solid #ff5e00;
		bottom: 0;
		right: 0;
	}
	
	#image .wrapper ul li.business {
		background: #e5f7f2;
	}
	
	#image .wrapper ul li.business::before {
		position: absolute;
		display: block;
		content: "";
		width: 0;
		height: 0;
		border-top: calc(20vw / 3.9) solid #00b479;
		border-bottom: calc(20vw / 3.9) solid transparent;
		border-left: calc(20vw / 3.9) solid #00b479;
		border-right: calc(20vw / 3.9) solid transparent;
		top: 0;
		left: 0;
	}
	
	#image .wrapper ul li.business::after {
		position: absolute;
		display: block;
		content: "";
		width: 0;
		height: 0;
		border-top: calc(20vw / 3.9) solid transparent;
		border-bottom: calc(20vw / 3.9) solid #00b479;
		border-left: calc(20vw / 3.9) solid transparent;
		border-right: calc(20vw / 3.9) solid #00b479;
		bottom: 0;
		right: 0;
	}
	
	#image .wrapper ul li.bus {
		background: #e5f7fd;
	}
	
	#image .wrapper ul li.bus::before {
		position: absolute;
		display: block;
		content: "";
		width: 0;
		height: 0;
		border-top: calc(20vw / 3.9) solid #00ade8;
		border-bottom: calc(20vw / 3.9) solid transparent;
		border-left: calc(20vw / 3.9) solid #00ade8;
		border-right: calc(20vw / 3.9) solid transparent;
		top: 0;
		left: 0;
	}
	
	#image .wrapper ul li.bus::after {
		position: absolute;
		display: block;
		content: "";
		width: 0;
		height: 0;
		border-top: calc(20vw / 3.9) solid transparent;
		border-bottom: calc(20vw / 3.9) solid #00ade8;
		border-left: calc(20vw / 3.9) solid transparent;
		border-right: calc(20vw / 3.9) solid #00ade8;
		bottom: 0;
		right: 0;
	}
	
	#image .wrapper ul li .circle {
		position: absolute;
		display: block;
		content: "";
		background: #ffffff;
		border-radius: calc(130vw / 3.9);
		width: calc(260vw / 3.9);
		height: calc(260vw / 3.9);
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	
	#image .wrapper ul li .example {
		position: absolute;
		box-sizing: border-box;
		background: #ffffff;
		font-size: calc(26vw / 3.9);
		line-height: calc(37vw / 3.9);
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
		width: calc(113vw / 3.9);
		height: calc(43vw / 3.9);
		top: calc(-21vw / 3.9);
		left: 50%;
		transform: translateX(-50%);
	}
	
	#image .wrapper ul li.truck .example {
		color: #ff5e00;
		border: calc(2vw / 3.9) solid #ff5e00;
		box-shadow: calc(2vw / 3.9) calc(2vw / 3.9) 0 #ff5e00;
	}
	
	#image .wrapper ul li.business .example {
		color: #00b479;
		border: calc(2vw / 3.9) solid #00b479;
		box-shadow: calc(2vw / 3.9) calc(2vw / 3.9) 0 #00b479;
	}
	
	#image .wrapper ul li.bus .example {
		color: #00ade8;
		border: calc(2vw / 3.9) solid #00ade8;
		box-shadow: calc(2vw / 3.9) calc(2vw / 3.9) 0 #00ade8;
	}
	
	#image .wrapper ul li h4 {
		position: relative;
		z-index: 1;
		color: #352223;
		font-size: calc(30vw / 3.9);
		line-height: 1em;
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
		margin-bottom: calc(15vw / 3.9);
	}
	
	#image .wrapper ul li .text {
		position: relative;
		z-index: 1;
		color: #352223;
		font-size: calc(20vw / 3.9);
		line-height: calc(28vw / 3.9);
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
	}
	
	#image .wrapper ul li img {
		position: absolute;
		z-index: 1;
		bottom: calc(35vw / 3.9);
		left: 50%;
		transform: translateX(-50%);
	}
	
	#image .wrapper ul li.truck img {
		width: calc(182vw / 3.9);
	}
	
	#image .wrapper ul li.business img {
		width: calc(181vw / 3.9);
	}
	
	#image .wrapper ul li.bus img {
		width: calc(179vw / 3.9);
	}
}


/************************************
#contact
************************************/
@media screen and (min-width: 1366px) {
	#contact {
		background: #fff4ed;
		padding-bottom: 45px;
	}
	
	#contact h2 {
		box-sizing: border-box;
		background-color: #ff5e00;
		background-image: url("../img/movica_back_2.png");
		background-repeat: no-repeat;
		background-size: 307px 140px;
		background-position: center center;
		text-align: center;
		letter-spacing: 0.02em;
		width: 100%;
		height: 110px;
		padding-top: 40px;
		margin-bottom: 60px;
	}
	
	#contact h2 p {
		display: inline;
		background: linear-gradient(to top, #ffffff 0%, #ffffff 4px, transparent 4px, transparent 100%);
		color: #ffffff;
		font-size: 30px;
		line-height: 1em;
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
		text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.2);
		padding: 0 10px 5px;
	}
	
	#contact .contact_btn {
		position: relative;
		display: block;
		box-sizing: border-box;
		background: linear-gradient(to bottom, #00b479 0%, #00b479 60%, #00937c 100%);
		color: #ffffff;
		font-size: 30px;
		line-height: 100px;
		font-weight: 700;
		text-align: left;
		letter-spacing: 0.02em;
		text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.25);
		border-radius: 50px;
		box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
		width: 638px;
		height: 100px;
		padding-left: 150px;
		margin: 0 auto 20px;
	}
	
	#contact .contact_btn span {
		font-size: calc(30px * 0.8);
	}
	
	#contact .contact_btn::before {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/contactus.png") no-repeat;
		background-size: 100% 100%;
		width: 128px;
		height: 74px;
		top: -10px;
		left: -10px;
	}
	
	#contact .contact_btn::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/arrow.png") no-repeat;
		background-size: 100% 100%;
		width: 26px;
		height: 26px;
		top: 50%;
		right: 19px;
		transform: translateY(-50%);
	}
	
	#contact h3 {
		color: #4d4d4d;
		font-size: 12px;
		line-height: 1em;
		font-weight: 700;
		text-align: left;
		letter-spacing: 0.02em;
		width: 640px;
		margin: 0 auto 10px;
	}
	
	#contact>p {
		position: relative;
		box-sizing: border-box;
		color: #4d4d4d;
		font-size: 12px;
		line-height: 20px;
		font-weight: 400;
		text-align: justify;
		letter-spacing: 0.02em;
		width: 640px;
		padding-left: 1em;
		margin: 0 auto;
	}
	
	#contact>p::before {
		position: absolute;
		display: block;
		content: "・";
		color: #4d4d4d;
		font-size: 12px;
		line-height: 20px;
		font-weight: 400;
		text-align: left;
		letter-spacing: 0.02em;
		top: 0;
		left: 0;
	}
}

@media screen and (min-width: 768px) and (max-width: 1365px) {
	#contact {
		background: #fff4ed;
		padding-bottom: calc(45vw / 13.66);
	}
	
	#contact h2 {
		box-sizing: border-box;
		background-color: #ff5e00;
		background-image: url("../img/movica_back_2.png");
		background-repeat: no-repeat;
		background-size: calc(307vw / 13.66) calc(140vw / 13.66);
		background-position: center center;
		text-align: center;
		letter-spacing: 0.02em;
		width: 100%;
		height: calc(110vw / 13.66);
		padding-top: calc(40vw / 13.66);
		margin-bottom: calc(60vw / 13.66);
	}
	
	#contact h2 p {
		display: inline;
		background: linear-gradient(to top, #ffffff 0%, #ffffff calc(4vw / 13.66), transparent calc(4vw / 13.66), transparent 100%);
		color: #ffffff;
		font-size: calc(30vw / 13.66);
		line-height: 1em;
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
		text-shadow: calc(2vw / 13.66) calc(2vw / 13.66) 0 rgba(0, 0, 0, 0.2);
		padding: 0 calc(10vw / 13.66) calc(5vw / 13.66);
	}
	
	#contact .contact_btn {
		position: relative;
		display: block;
		box-sizing: border-box;
		background: linear-gradient(to bottom, #00b479 0%, #00b479 60%, #00937c 100%);
		color: #ffffff;
		font-size: calc(30vw / 13.66);
		line-height: calc(100vw / 13.66);
		font-weight: 700;
		text-align: left;
		letter-spacing: 0.02em;
		text-shadow: calc(2vw / 13.66) calc(2vw / 13.66) 0 rgba(0, 0, 0, 0.25);
		border-radius: calc(50vw / 13.66);
		box-shadow: 0 0 calc(8vw / 13.66) rgba(0, 0, 0, 0.25);
		width: calc(638vw / 13.66);
		height: calc(100vw / 13.66);
		padding-left: calc(150vw / 13.66);
		margin: 0 auto calc(20vw / 13.66);
	}
	
	#contact .contact_btn span {
		font-size: calc((30vw / 13.66) * 0.8);
	}
	
	#contact .contact_btn::before {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/contactus.png") no-repeat;
		background-size: 100% 100%;
		width: calc(128vw / 13.66);
		height: calc(74vw / 13.66);
		top: calc(-10vw / 13.66);
		left: calc(-10vw / 13.66);
	}
	
	#contact .contact_btn::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/arrow.png") no-repeat;
		background-size: 100% 100%;
		width: calc(26vw / 13.66);
		height: calc(26vw / 13.66);
		top: 50%;
		right: calc(19vw / 13.66);
		transform: translateY(-50%);
	}
	
	#contact h3 {
		color: #4d4d4d;
		font-size: calc(12vw / 13.66);
		line-height: 1em;
		font-weight: 700;
		text-align: left;
		letter-spacing: 0.02em;
		width: calc(640vw / 13.66);
		margin: 0 auto calc(10vw / 13.66);
	}
	
	#contact>p {
		position: relative;
		box-sizing: border-box;
		color: #4d4d4d;
		font-size: calc(12vw / 13.66);
		line-height: calc(20vw / 13.66);
		font-weight: 400;
		text-align: justify;
		letter-spacing: 0.02em;
		width: calc(640vw / 13.66);
		padding-left: 1em;
		margin: 0 auto;
	}
	
	#contact>p::before {
		position: absolute;
		display: block;
		content: "・";
		color: #4d4d4d;
		font-size: calc(12vw / 13.66);
		line-height: calc(20vw / 13.66);
		font-weight: 400;
		text-align: left;
		letter-spacing: 0.02em;
		top: 0;
		left: 0;
	}
}

@media screen and (max-width: 767px) {
	#contact {
		background: #fff4ed;
		width: 100%;
		padding-bottom: calc(30vw / 3.9);
	}
	
	#contact h2 {
		box-sizing: border-box;
		background-color: #ff5e00;
		background-image: url("../img/movica_back_2.png");
		background-repeat: no-repeat;
		background-size: calc(307vw / 3.9) calc(140vw / 3.9);
		background-position: center center;
		text-align: center;
		letter-spacing: 0.02em;
		width: 100%;
		height: calc(180vw / 3.9);
		padding-top: calc(40vw / 3.9);
		margin-bottom: calc(30vw / 3.9);
	}
	
	#contact h2 p {
		display: inline;
		-webkit-box-decoration-break: clone;
		box-decoration-break: clone;
		background: linear-gradient(to top, #ffffff 0%, #ffffff calc(4vw / 3.9), transparent calc(4vw / 3.9), transparent 100%);
		color: #ffffff;
		font-size: calc(30vw / 3.9);
		line-height: calc(50vw / 3.9);
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
		text-shadow: calc(2vw / 3.9) calc(2vw / 3.9) 0 rgba(0, 0, 0, 0.2);
		padding: 0 calc(10vw / 3.9) calc(5vw / 3.9);
	}
	
	#contact .contact_btn {
		position: relative;
		display: block;
		box-sizing: border-box;
		background: linear-gradient(to bottom, #00b479 0%, #00b479 60%, #00937c 100%);
		color: #ffffff;
		font-size: calc(26vw / 3.9);
		line-height: calc(32vw / 3.9);
		font-weight: 700;
		text-align: left;
		letter-spacing: 0.02em;
		text-shadow: 0 calc(2vw / 3.9) 0 rgba(0, 0, 0, 0.25);
		border-radius: calc(20vw / 3.9);
		box-shadow: 0 0 calc(8vw / 3.9) rgba(0, 0, 0, 0.25);
		width: calc(340vw / 3.9);
		height: calc(100vw / 3.9);
		padding: calc(16vw / 3.9) 0 0 calc(100vw / 3.9);
		margin: 0 auto calc(30vw / 3.9);
	}
	
	#contact .contact_btn span {
		font-size: calc((26vw / 3.9) * 0.8);
	}
	
	#contact .contact_btn::before {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/contactus.png") no-repeat;
		background-size: 100% 100%;
		width: calc(104vw / 3.9);
		height: calc(60vw / 3.9);
		top: calc(17vw / 3.9);
		left: calc(-17vw / 3.9);
	}
	
	#contact .contact_btn::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/arrow.png") no-repeat;
		background-size: 100% 100%;
		width: calc(26vw / 3.9);
		height: calc(26vw / 3.9);
		top: 50%;
		right: calc(15vw / 3.9);
		transform: translateY(-50%);
	}
	
	#contact h3 {
		color: #4d4d4d;
		font-size: calc(14vw / 3.9);
		line-height: 1em;
		font-weight: 700;
		text-align: left;
		letter-spacing: 0.02em;
		width: calc(340vw / 3.9);
		margin: 0 auto calc(10vw / 3.9);
	}
	
	#contact>p {
		position: relative;
		box-sizing: border-box;
		color: #4d4d4d;
		font-size: calc(14vw / 3.9);
		line-height: calc(22vw / 3.9);
		font-weight: 400;
		text-align: justify;
		letter-spacing: 0.02em;
		width: calc(340vw / 3.9);
		padding-left: 1em;
		margin: 0 auto;
	}
	
	#contact>p::before {
		position: absolute;
		display: block;
		content: "・";
		color: #4d4d4d;
		font-size: calc(14vw / 3.9);
		line-height: calc(22vw / 3.9);
		font-weight: 400;
		text-align: left;
		letter-spacing: 0.02em;
		top: 0;
		left: 0;
	}
}


/************************************
#reason
************************************/
@media screen and (min-width: 1366px) {
	#reason {
		background-color: #ffffff;
		background-image: url("../img/reason_back_pc_1.png"), url("../img/reason_back_pc_2.png");
		background-repeat: no-repeat, no-repeat;
		background-size: 1920px 427px, 1920px 427px;
		background-position: top 178px center, bottom 168px center;
		padding: 70px 0 50px;
	}
	
	#reason h2 {
		position: relative;
		overflow: hidden;
		box-sizing: border-box;
		background-color: #ff5e00;
		color: #ffffff;
		font-size: 30px;
		line-height: 1em;
		font-weight: 700;
		text-align: left;
		letter-spacing: 0.02em;
		text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
		width: 860px;
		height: 66px;
		transform: rotate(-3deg);
		padding: 23px 0 0 95px;
		margin: 0 auto 65px;
	}
	
	_::-webkit-full-page-media, _:future, :root #reason h2 {
		padding-top: 8px;
	}
	
	#reason h2::after {
		position: absolute;
		display: block;
		content: "";
		background-image: url("../img/reason_h2_back.png");
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 167.5px;
		height: 123.5px;
		top: -26px;
		right: 35px;
		transform: rotate(3deg);
		transform-origin: center center;
	}
	
	#reason h2 ruby rt {
		font-size: 14px;
		line-height: 1em;
		text-align: center;
	}
	
	_::-webkit-full-page-media, _:future, :root #reason h2 ruby rt {
		margin-top: -10px;
	}
	
	#reason .cost {
		color: #ff5e00;
		font-size: 20px;
		line-height: 1em;
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
		margin-bottom: 35px;
	}
	
	#reason p {
		color: #352223;
		font-size: 16px;
		line-height: 28px;
		font-weight: 400;
		text-align: center;
		letter-spacing: 0.02em;
		margin-bottom: 30px;
	}
	
	#reason table {
		border-collapse: separate;
		border-spacing: 4px 2px;
		width: 820px;
		margin: 0 auto 50px;
	}

	#reason table th {
		vertical-align: middle;
		color: #ffffff;
		font-size: 20px;
		line-height: 1em;
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
	}

	#reason table th:nth-child(1) {
		background-color: transparent;
		border: none;
		height: 50px;
	}
	
	#reason table th:nth-child(2) {
		background: #00ade8;
		width: 336px;
		height: 50px;
	}

	#reason table th:nth-child(3) {
		background: #ff5e00;
		width: 336px;
		height: 50px;
	}

	#reason table td {
		vertical-align: middle;
		text-align: center;
	}
	
	#reason table td:nth-child(1) {
		background: #f9f9f9;
		color: #352223;
		font-size: 15px;
		line-height: 1em;
		font-weight: 700;
	}
	
	#reason table td:nth-child(2) {
		background: #edf9fd;
		color: #352223;
		font-size: 24px;
		line-height: 28px;
		font-weight: 400;
	}
	
	#reason table td:nth-child(2) span {
		font-size: 15px;
	}
	
	#reason table td:nth-child(2) strong {
		color: #00ade8;
		font-weight: 700;
	}
	
	#reason table td:nth-child(3) {
		background: #fff4ed;
		color: #352223;
		font-size: 24px;
		line-height: 28px;
		font-weight: 400;
	}
	
	#reason table td:nth-child(3) span {
		font-size: 15px;
	}
	
	#reason table td:nth-child(3) strong {
		color: #ff5e00;
		font-weight: 700;
	}
	
	#reason table tr:nth-child(1) td:nth-child(1) {
		height: 60px;
	}
	
	#reason table tr:nth-child(2) td:nth-child(1) {
		height: 90px;
	}
	
	#reason table tr:nth-child(3) td:nth-child(1) {
		height: 70px;
	}
	
	#reason .why {
		text-align: center;
		width: 820px;
		margin: 0 auto;
	}
	
	#reason .why h3 {
		position: relative;
		display: inline-block;
		color: #ff5e00;
		font-size: 30px;
		line-height: 1em;
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
		padding-bottom: 20px;
		margin: 0 auto 25px;
	}
	
	#reason .why h3::after {
		position: absolute;
		display: block;
		content: "";
		background: #ff5e00;
		border-radius: 4px;
		width: 100%;
		height: 8px;
		bottom: 0;
	}
	
	#reason .why .point {
		width: 100%;
		margin-bottom: 30px;
	}
	
	#reason .why .mechanism {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
		margin-bottom: 30px;
	}
	
	#reason .why .mechanism .material {
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		background: #ffef00;
		width: 360px;
		height: 340px;
	}
	
	#reason .why .mechanism .material::after {
		position: absolute;
		display: block;
		content: "";
		width: 0;
		height: 0;
		border-top: 12px solid transparent;
		border-bottom: 12px solid transparent;
		border-left: 20px solid #ffef00;
		top: 50%;
		right: -20px;
		transform: translateY(-50%);
	}
	
	#reason .why .mechanism .material img {
		width: 280px;
		height: 310px;
	}
	
	#reason .why .mechanism .size {
		width: 400px;
		height: 334.5px;
	}
	
	#reason .why .close {
		width: 100%;
	}
}

@media screen and (min-width: 768px) and (max-width: 1365px) {
	#reason {
		background-color: #ffffff;
		background-image: url("../img/reason_back_pc_1.png"), url("../img/reason_back_pc_2.png");
		background-repeat: no-repeat, no-repeat;
		background-size: calc(1920vw / 13.66) calc(427vw / 13.66), calc(1920vw / 13.66) calc(427vw / 13.66);
		background-position: top calc(178vw / 13.66) center, bottom calc(168vw / 13.66) center;
		padding: calc(70vw / 13.66) 0 calc(50vw / 13.66);
	}
	
	#reason h2 {
		position: relative;
		overflow: hidden;
		box-sizing: border-box;
		background-color: #ff5e00;
		color: #ffffff;
		font-size: calc(30vw / 13.66);
		line-height: 1em;
		font-weight: 700;
		text-align: left;
		letter-spacing: 0.02em;
		text-shadow: calc(2vw / 13.66) calc(2vw / 13.66) 0 rgba(0, 0, 0, 0.3);
		width: calc(860vw / 13.66);
		height: calc(66vw / 13.66);
		transform: rotate(-3deg);
		padding: calc(23vw / 13.66) 0 0 calc(95vw / 13.66);
		margin: 0 auto calc(65vw / 13.66);
	}
	
	_::-webkit-full-page-media, _:future, :root #reason h2 {
		padding-top: calc(8vw / 13.66);
	}
	
	#reason h2::after {
		position: absolute;
		display: block;
		content: "";
		background-image: url("../img/reason_h2_back.png");
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: calc(167.5vw / 13.66);
		height: calc(123.5vw / 13.66);
		top: calc(-26vw / 13.66);
		right: calc(35vw / 13.66);
		transform: rotate(3deg);
		transform-origin: center center;
	}
	
	#reason h2 ruby rt {
		font-size: calc(14vw / 13.66);
		line-height: 1em;
		text-align: center;
	}
	
	_::-webkit-full-page-media, _:future, :root #reason h2 ruby rt {
		margin-top: calc(-10vw / 13.66);
	}
	
	#reason .cost {
		color: #ff5e00;
		font-size: calc(20vw / 13.66);
		line-height: 1em;
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
		margin-bottom: calc(35vw / 13.66);
	}
	
	#reason p {
		color: #352223;
		font-size: calc(16vw / 13.66);
		line-height: calc(28vw / 13.66);
		font-weight: 400;
		text-align: center;
		letter-spacing: 0.02em;
		margin-bottom: calc(30vw / 13.66);
	}
	
	#reason table {
		border-collapse: separate;
		border-spacing: calc(4vw / 13.66) calc(2vw / 13.66);
		width: calc(820vw / 13.66);
		margin: 0 auto calc(50vw / 13.66);
	}

	#reason table th {
		vertical-align: middle;
		color: #ffffff;
		font-size: calc(20vw / 13.66);
		line-height: 1em;
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
	}

	#reason table th:nth-child(1) {
		background-color: transparent;
		border: none;
		height: calc(50vw / 13.66);
	}
	
	#reason table th:nth-child(2) {
		background: #00ade8;
		width: calc(336vw / 13.66);
		height: calc(50vw / 13.66);
	}

	#reason table th:nth-child(3) {
		background: #ff5e00;
		width: calc(336vw / 13.66);
		height: calc(50vw / 13.66);
	}

	#reason table td {
		vertical-align: middle;
		text-align: center;
	}
	
	#reason table td:nth-child(1) {
		background: #f9f9f9;
		color: #352223;
		font-size: calc(15vw / 13.66);
		line-height: 1em;
		font-weight: 700;
	}
	
	#reason table td:nth-child(2) {
		background: #edf9fd;
		color: #352223;
		font-size: calc(24vw / 13.66);
		line-height: calc(28vw / 13.66);
		font-weight: 400;
	}
	
	#reason table td:nth-child(2) span {
		font-size: calc(15vw / 13.66);
	}
	
	#reason table td:nth-child(2) strong {
		color: #00ade8;
		font-weight: 700;
	}
	
	#reason table td:nth-child(3) {
		background: #fff4ed;
		color: #352223;
		font-size: calc(24vw / 13.66);
		line-height: calc(28vw / 13.66);
		font-weight: 400;
	}
	
	#reason table td:nth-child(3) span {
		font-size: calc(15vw / 13.66);
	}
	
	#reason table td:nth-child(3) strong {
		color: #ff5e00;
		font-weight: 700;
	}
	
	#reason table tr:nth-child(1) td:nth-child(1) {
		height: calc(60vw / 13.66);
	}
	
	#reason table tr:nth-child(2) td:nth-child(1) {
		height: calc(90vw / 13.66);
	}
	
	#reason table tr:nth-child(3) td:nth-child(1) {
		height: calc(70vw / 13.66);
	}
	
	#reason .why {
		text-align: center;
		width: calc(820vw / 13.66);
		margin: 0 auto;
	}
	
	#reason .why h3 {
		position: relative;
		display: inline-block;
		color: #ff5e00;
		font-size: calc(30vw / 13.66);
		line-height: 1em;
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
		padding-bottom: calc(20vw / 13.66);
		margin: 0 auto calc(25vw / 13.66);
	}
	
	#reason .why h3::after {
		position: absolute;
		display: block;
		content: "";
		background: #ff5e00;
		border-radius: calc(4vw / 13.66);
		width: 100%;
		height: calc(8vw / 13.66);
		bottom: 0;
	}
	
	#reason .why .point {
		width: 100%;
		margin-bottom: calc(30vw / 13.66);
	}
	
	#reason .why .mechanism {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
		margin-bottom: calc(30vw / 13.66);
	}
	
	#reason .why .mechanism .material {
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		background: #ffef00;
		width: calc(360vw / 13.66);
		height: calc(340vw / 13.66);
	}
	
	#reason .why .mechanism .material::after {
		position: absolute;
		display: block;
		content: "";
		width: 0;
		height: 0;
		border-top: calc(12vw / 13.66) solid transparent;
		border-bottom: calc(12vw / 13.66) solid transparent;
		border-left: calc(20vw / 13.66) solid #ffef00;
		top: 50%;
		right: calc(-20vw / 13.66);
		transform: translateY(-50%);
	}
	
	#reason .why .mechanism .material img {
		width: calc(280vw / 13.66);
		height: calc(310vw / 13.66);
	}
	
	#reason .why .mechanism .size {
		width: calc(400vw / 13.66);
		height: calc(334.5vw / 13.66);
	}
	
	#reason .why .close {
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	#reason {
		background-color: #ffffff;
		background-image: url("../img/reason_back_sp_1.png"), url("../img/reason_back_sp_2.png");
		background-repeat: no-repeat, no-repeat;
		background-size: calc(861vw / 3.9) calc(174vw / 3.9), calc(861vw / 3.9) calc(174vw / 3.9);
		background-position: top calc(420vw / 3.9) center, bottom calc(195vw / 3.9) center;
		padding: calc(50vw / 3.9) 0;
	}
	
	#reason h2 {
		position: relative;
		overflow: hidden;
		box-sizing: border-box;
		background-color: #ff5e00;
		color: #ffffff;
		font-size: calc(30vw / 3.9);
		line-height: calc(34vw / 3.9);
		font-weight: 700;
		text-align: left;
		letter-spacing: 0.02em;
		text-shadow: calc(2vw / 3.9) calc(2vw / 3.9) 0 rgba(0, 0, 0, 0.3);
		width: calc(377vw / 3.9);
		height: calc(133vw / 3.9);
		transform: rotate(-5deg);
		padding: calc(21vw / 3.9) 0 0 calc(40vw / 3.9);
		margin: 0 0 calc(38vw / 3.9) calc(-20vw / 3.9);
	}
	
	_::-webkit-full-page-media, _:future, :root #reason h2 {
		padding-top: calc(4vw / 3.9);
	}
	
	#reason h2::after {
		position: absolute;
		display: block;
		content: "";
		background-image: url("../img/reason_h2_back.png");
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: calc(231vw / 3.9);
		height: calc(168vw / 3.9);
		top: calc(-5vw / 3.9);
		right: calc(5vw / 3.9);
		transform: rotate(5deg);
		transform-origin: center center;
	}
	
	#reason h2 ruby rt {
		font-size: calc(14vw / 3.9);
		line-height: 1em;
		text-align: center;
	}
	
	_::-webkit-full-page-media, _:future, :root #reason h2 ruby rt {
		margin-top: calc(-10vw / 3.9);
	}
	
	#reason .cost {
		color: #ff5e00;
		font-size: calc(20vw / 3.9);
		line-height: calc(30vw / 3.9);
		font-weight: 700;
		text-align: left;
		letter-spacing: 0.02em;
		width: calc(340vw / 3.9);
		margin: 0 auto calc(25vw / 3.9);
	}
	
	#reason p {
		color: #352223;
		font-size: calc(16vw / 3.9);
		line-height: calc(28vw / 3.9);
		font-weight: 400;
		text-align: justify;
		letter-spacing: 0.02em;
		width: calc(340vw / 3.9);
		margin: 0 auto calc(35vw / 3.9);
	}
	
	#reason table {
		border-collapse: separate;
		border-spacing: calc(4vw / 3.9) calc(2vw / 3.9);
		width: calc(100% + (8vw / 3.9));
		margin: 0 0 calc(50vw / 3.9) calc(-4vw / 3.9);
	}

	#reason table th {
		vertical-align: middle;
		color: #ffffff;
		font-size: calc(20vw / 3.9);
		line-height: 1em;
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
		width: calc(100% / 2);
		height: calc(50vw / 3.9);
	}
	
	#reason table th:nth-child(1) {
		background: #00ade8;
	}

	#reason table th:nth-child(2) {
		background: #ff5e00;
	}

	#reason table td {
		box-sizing: border-box;
		vertical-align: middle;
		text-align: left;
		padding: calc(24vw / 3.9) 0 calc(24vw / 3.9) calc(24vw / 3.9);
	}
	
	#reason table td:nth-child(1) {
		background: #edf9fd;
		color: #352223;
		font-size: calc(24vw / 3.9);
		line-height: 1em;
		font-weight: 400;
	}
	
	#reason table td:nth-child(1) strong {
		font-size: calc(15vw / 3.9);
		line-height: calc(26vw / 3.9);
		font-weight: 700;
	}
	
	#reason table td:nth-child(1) span {
		font-size: calc(15vw / 3.9);
		line-height: calc(26vw / 3.9);
	}
	
	#reason table td:nth-child(1) .color {
		color: #00ade8;
		font-size: calc(24vw / 3.9);
		font-weight: 700;
	}
	
	#reason table td:nth-child(2) {
		background: #fff4ed;
		color: #352223;
		font-size: calc(24vw / 3.9);
		line-height: 1em;
		font-weight: 400;
	}
	
	#reason table td:nth-child(2) strong {
		font-size: calc(15vw / 3.9);
		line-height: calc(26vw / 3.9);
		font-weight: 700;
	}
	
	#reason table td:nth-child(2) span {
		font-size: calc(15vw / 3.9);
		line-height: calc(26vw / 3.9);
	}
	
	#reason table td:nth-child(2) .color {
		color: #ff5e00;
		font-size: calc(24vw / 3.9);
		font-weight: 700;
	}
	
	#reason .why {
		text-align: center;
		width: calc(320vw / 3.9);
		margin: 0 auto;
	}
	
	#reason .why h3 {
		position: relative;
		display: inline-block;
		color: #ff5e00;
		font-size: calc(30vw / 3.9);
		line-height: 1em;
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
		padding-bottom: calc(20vw / 3.9);
		margin: 0 auto calc(25vw / 3.9);
	}
	
	#reason .why h3::after {
		position: absolute;
		display: block;
		content: "";
		background: #ff5e00;
		border-radius: calc(4vw / 3.9);
		width: 100%;
		height: calc(8vw / 3.9);
		bottom: 0;
	}
	
	#reason .why .point {
		width: 100%;
		margin-bottom: calc(10vw / 3.9);
	}
	
	#reason .why .mechanism {
		display: flex;
		flex-direction: column;
		gap: calc(32vw / 3.9) 0;
		width: 100%;
		margin-bottom: calc(10vw / 3.9);
	}
	
	#reason .why .mechanism .material {
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		background: #ffef00;
		width: 100%;
		height: calc(310vw / 3.9);
	}
	
	#reason .why .mechanism .material::after {
		position: absolute;
		display: block;
		content: "";
		width: 0;
		height: 0;
		border-top: calc(20vw / 3.9) solid #ffef00;
		border-left: calc(11.5vw / 3.9) solid transparent;
		border-right: calc(11.5vw / 3.9) solid transparent;
		bottom: calc(-19vw / 3.9);
		left: 50%;
		transform: translateX(-50%);
	}
	
	#reason .why .mechanism .material img {
		width: calc(254vw / 3.9);
		height: calc(275vw / 3.9);
	}
	
	#reason .why .mechanism .size {
		width: calc(300vw / 3.9);
		height: calc(250vw / 3.9);
		margin: 0 auto;
	}
	
	#reason .why .close {
		width: calc(300vw / 3.9);
		margin: 0 auto;
	}
}


/************************************
#results
************************************/
@media screen and (min-width: 1366px) {
	#results {
		background: #fff4ed;
		text-align: center;
		width: 100%;
		padding: 75px 0 110px;
	}
	
	#results h2 {
		position: relative;
		display: inline-block;
		color: #ff5e00;
		font-size: 30px;
		line-height: 1em;
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
		padding-bottom: 20px;
		margin: 0 auto 20px;
	}
	
	#results h2::after {
		position: absolute;
		display: block;
		content: "";
		background: #ff5e00;
		border-radius: 4px;
		width: 100%;
		height: 8px;
		bottom: 0;
	}
	
	#results p {
		color: #352223;
		font-size: 20px;
		line-height: 40px;
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
		margin-bottom: 30px;
	}
	
	#results h3 {
		color: #ff5e00;
		font-size: 32px;
		line-height: 1em;
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
		margin-bottom: 18px;
	}
	
	#results .swiper {
		width: 100%;
	}
	
	#results .swiper .swiper-wrapper {
		width: 100%;
		transition-timing-function: linear;
	}
	
	#results .swiper .swiper-wrapper .swiper-slide {
		width: 360px;
		margin: 0 4px;
	}
	
	#results .swiper .swiper-wrapper .swiper-slide img {
		display: block;
		width: 100%;
	}
}

@media screen and (min-width: 768px) and (max-width: 1365px) {
	#results {
		background: #fff4ed;
		text-align: center;
		width: 100%;
		padding: calc(75vw / 13.66) 0 calc(110vw / 13.66);
	}
	
	#results h2 {
		position: relative;
		display: inline-block;
		color: #ff5e00;
		font-size: calc(30vw / 13.66);
		line-height: 1em;
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
		padding-bottom: calc(20vw / 13.66);
		margin: 0 auto calc(20vw / 13.66);
	}
	
	#results h2::after {
		position: absolute;
		display: block;
		content: "";
		background: #ff5e00;
		border-radius: calc(4vw / 13.66);
		width: 100%;
		height: calc(8vw / 13.66);
		bottom: 0;
	}
	
	#results p {
		color: #352223;
		font-size: calc(20vw / 13.66);
		line-height: calc(40vw / 13.66);
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
		margin-bottom: calc(30vw / 13.66);
	}
	
	#results h3 {
		color: #ff5e00;
		font-size: calc(32vw / 13.66);
		line-height: 1em;
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
		margin-bottom: calc(18vw / 13.66);
	}
	
	#results .swiper {
		width: 100%;
	}
	
	#results .swiper .swiper-wrapper {
		width: 100%;
		transition-timing-function: linear;
	}
	
	#results .swiper .swiper-wrapper .swiper-slide {
		width: calc(360vw / 13.66);
		margin: 0 calc(4vw / 13.66);
	}
	
	#results .swiper .swiper-wrapper .swiper-slide img {
		display: block;
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	#results {
		background: #fff4ed;
		text-align: center;
		width: 100%;
		padding: calc(50vw / 3.9) 0;
	}
	
	#results h2 {
		position: relative;
		display: inline-block;
		color: #ff5e00;
		font-size: calc(30vw / 3.9);
		line-height: calc(40vw / 3.9);
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
		padding-bottom: calc(20vw / 3.9);
		margin: 0 auto calc(40vw / 3.9);
	}
	
	#results h2::after {
		position: absolute;
		display: block;
		content: "";
		background: #ff5e00;
		border-radius: calc(4vw / 3.9);
		width: 100%;
		height: calc(8vw / 3.9);
		bottom: 0;
	}
	
	#results p {
		color: #352223;
		font-size: calc(20vw / 3.9);
		line-height: calc(40vw / 3.9);
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
		margin-bottom: calc(55vw / 3.9);
	}
	
	#results h3 {
		color: #ff5e00;
		font-size: calc(32vw / 3.9);
		line-height: 1em;
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
		margin-bottom: calc(50vw / 3.9);
	}
	
	#results ul {
		display: flex;
		flex-direction: column;
		gap: calc(8vw / 3.9) 0;
		width: calc(340vw / 3.9);
		margin: 0 auto;
	}
	
	#results ul li {
		width: 100%;
		height: calc(345vw / 3.9);
	}
	
	#results ul li img {
		display: block;
		width: 100%;
		height: 100%;
	}
}


/************************************
#voice
************************************/
@media screen and (min-width: 1366px) {
	#voice {
		background: #fff4ed;
		text-align: center;
		padding-bottom: 50px;
	}
	
	#voice h2 {
		box-sizing: border-box;
		background-color: #ff5e00;
		background-image: url("../img/movica_back_2.png");
		background-repeat: no-repeat;
		background-size: 307px 140px;
		background-position: center center;
		text-align: center;
		letter-spacing: 0.02em;
		width: 100%;
		height: 110px;
		padding-top: 40px;
		margin-bottom: 60px;
	}
	
	#voice h2 p {
		display: inline;
		background: linear-gradient(to top, #ffffff 0%, #ffffff 4px, transparent 4px, transparent 100%);
		color: #ffffff;
		font-size: 30px;
		line-height: 1em;
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
		text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.2);
		padding-bottom: 5px;
	}
	
	#voice .use {
		color: #352223;
		font-size: 20px;
		line-height: 1em;
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
		margin-bottom: 30px;
	}
	
	#voice ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 620px;
		height: 80px;
		margin: 0 auto 30px;
	}
	
	#voice ul li {
		display: flex;
		align-items: center;
		box-sizing: border-box;
		color: #ff5e00;
		font-size: 16px;
		line-height: 26px;
		font-weight: 700;
		text-align: left;
		letter-spacing: 0.02em;
		border: 1px solid #ff5e00;
		border-radius: 10px;
		width: 300px;
		height: 100%;
		padding-left: 65px;
	}
	
	#voice ul li:nth-child(1) {
		background: url("../img/voice_1.png") no-repeat;
		background-size: 43px 50px;
		background-position: center left 11px;
	}
	
	#voice ul li:nth-child(2) {
		background: url("../img/voice_2.png") no-repeat;
		background-size: 43px 50px;
		background-position: center left 11px;
	}
	
	#voice .best {
		display: inline;
		background: linear-gradient(to top, transparent 0%, transparent 5px, #ffdc00 5px, #ffdc00 11px, transparent 11px, transparent 100%);
		color: #352223;
		font-size: 22px;
		line-height: 1em;
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
	}
	
	#voice .contact_btn {
		position: relative;
		display: block;
		box-sizing: border-box;
		background: linear-gradient(to bottom, #00b479 0%, #00b479 60%, #00937c 100%);
		color: #ffffff;
		font-size: 30px;
		line-height: 100px;
		font-weight: 700;
		text-align: left;
		letter-spacing: 0.02em;
		text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.25);
		border-radius: 50px;
		box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
		width: 638px;
		height: 100px;
		padding-left: 150px;
		margin: 60px auto 20px;
	}
	
	#voice .contact_btn span {
		font-size: calc(30px * 0.8);
	}
	
	#voice .contact_btn::before {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/contactus.png") no-repeat;
		background-size: 100% 100%;
		width: 128px;
		height: 74px;
		top: -10px;
		left: -10px;
	}
	
	#voice .contact_btn::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/arrow.png") no-repeat;
		background-size: 100% 100%;
		width: 26px;
		height: 26px;
		top: 50%;
		right: 19px;
		transform: translateY(-50%);
	}
	
	#voice .attention {
		color: #4d4d4d;
		font-size: 12px;
		line-height: 1em;
		font-weight: 700;
		text-align: left;
		letter-spacing: 0.02em;
		width: 640px;
		margin: 0 auto 10px;
	}
	
	#voice>p {
		position: relative;
		box-sizing: border-box;
		color: #4d4d4d;
		font-size: 12px;
		line-height: 20px;
		font-weight: 400;
		text-align: justify;
		letter-spacing: 0.02em;
		width: 640px;
		padding-left: 1em;
		margin: 0 auto;
	}
	
	#voice>p::before {
		position: absolute;
		display: block;
		content: "・";
		color: #4d4d4d;
		font-size: 12px;
		line-height: 20px;
		font-weight: 400;
		text-align: left;
		letter-spacing: 0.02em;
		top: 0;
		left: 0;
	}
}

@media screen and (min-width: 768px) and (max-width: 1365px) {
	#voice {
		background: #fff4ed;
		text-align: center;
		padding-bottom: calc(50vw / 13.66);
	}
	
	#voice h2 {
		box-sizing: border-box;
		background-color: #ff5e00;
		background-image: url("../img/movica_back_2.png");
		background-repeat: no-repeat;
		background-size: calc(307vw / 13.66) calc(140vw / 13.66);
		background-position: center center;
		text-align: center;
		letter-spacing: 0.02em;
		width: 100%;
		height: calc(110vw / 13.66);
		padding-top: calc(40vw / 13.66);
		margin-bottom: calc(60vw / 13.66);
	}
	
	#voice h2 p {
		display: inline;
		background: linear-gradient(to top, #ffffff 0%, #ffffff calc(4vw / 13.66), transparent calc(4vw / 13.66), transparent 100%);
		color: #ffffff;
		font-size: calc(30vw / 13.66);
		line-height: 1em;
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
		text-shadow: calc(2vw / 13.66) calc(2vw / 13.66) 0 rgba(0, 0, 0, 0.2);
		padding-bottom: calc(5vw / 13.66);
	}
	
	#voice .use {
		color: #352223;
		font-size: calc(20vw / 13.66);
		line-height: 1em;
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
		margin-bottom: calc(30vw / 13.66);
	}
	
	#voice ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: calc(620vw / 13.66);
		height: calc(80vw / 13.66);
		margin: 0 auto calc(30vw / 13.66);
	}
	
	#voice ul li {
		display: flex;
		align-items: center;
		box-sizing: border-box;
		color: #ff5e00;
		font-size: calc(16vw / 13.66);
		line-height: calc(26vw / 13.66);
		font-weight: 700;
		text-align: left;
		letter-spacing: 0.02em;
		border: calc(1vw / 13.66) solid #ff5e00;
		border-radius: calc(10vw / 13.66);
		width: calc(300vw / 13.66);
		height: 100%;
		padding-left: calc(65vw / 13.66);
	}
	
	#voice ul li:nth-child(1) {
		background: url("../img/voice_1.png") no-repeat;
		background-size: calc(43vw / 13.66) calc(50vw / 13.66);
		background-position: center left calc(11vw / 13.66);
	}
	
	#voice ul li:nth-child(2) {
		background: url("../img/voice_2.png") no-repeat;
		background-size: calc(43vw / 13.66) calc(50vw / 13.66);
		background-position: center left calc(11vw / 13.66);
	}
	
	#voice .best {
		display: inline;
		background: linear-gradient(to top, transparent 0%, transparent calc(5vw / 13.66), #ffdc00 calc(5vw / 13.66), #ffdc00 calc(11vw / 13.66), transparent calc(11vw / 13.66), transparent 100%);
		color: #352223;
		font-size: calc(22vw / 13.66);
		line-height: 1em;
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
	}
	
	#voice .contact_btn {
		position: relative;
		display: block;
		box-sizing: border-box;
		background: linear-gradient(to bottom, #00b479 0%, #00b479 60%, #00937c 100%);
		color: #ffffff;
		font-size: calc(30vw / 13.66);
		line-height: calc(100vw / 13.66);
		font-weight: 700;
		text-align: left;
		letter-spacing: 0.02em;
		text-shadow: calc(2vw / 13.66) calc(2vw / 13.66) 0 rgba(0, 0, 0, 0.25);
		border-radius: calc(50vw / 13.66);
		box-shadow: 0 0 calc(8vw / 13.66) rgba(0, 0, 0, 0.25);
		width: calc(638vw / 13.66);
		height: calc(100vw / 13.66);
		padding-left: calc(150vw / 13.66);
		margin: calc(60vw / 13.66) auto calc(20vw / 13.66);
	}
	
	#voice .contact_btn span {
		font-size: calc((30vw / 13.66) * 0.8);
	}
	
	#voice .contact_btn::before {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/contactus.png") no-repeat;
		background-size: 100% 100%;
		width: calc(128vw / 13.66);
		height: calc(74vw / 13.66);
		top: calc(-10vw / 13.66);
		left: calc(-10vw / 13.66);
	}
	
	#voice .contact_btn::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/arrow.png") no-repeat;
		background-size: 100% 100%;
		width: calc(26vw / 13.66);
		height: calc(26vw / 13.66);
		top: 50%;
		right: calc(19vw / 13.66);
		transform: translateY(-50%);
	}
	
	#voice .attention {
		color: #4d4d4d;
		font-size: calc(12vw / 13.66);
		line-height: 1em;
		font-weight: 700;
		text-align: left;
		letter-spacing: 0.02em;
		width: calc(640vw / 13.66);
		margin: 0 auto calc(10vw / 13.66);
	}
	
	#voice>p {
		position: relative;
		box-sizing: border-box;
		color: #4d4d4d;
		font-size: calc(12vw / 13.66);
		line-height: calc(20vw / 13.66);
		font-weight: 400;
		text-align: justify;
		letter-spacing: 0.02em;
		width: calc(640vw / 13.66);
		padding-left: 1em;
		margin: 0 auto;
	}
	
	#voice>p::before {
		position: absolute;
		display: block;
		content: "・";
		color: #4d4d4d;
		font-size: calc(12vw / 13.66);
		line-height: calc(20vw / 13.66);
		font-weight: 400;
		text-align: left;
		letter-spacing: 0.02em;
		top: 0;
		left: 0;
	}
}

@media screen and (max-width: 767px) {
	#voice {
		background: #fff4ed;
		text-align: center;
		padding-bottom: calc(30vw / 3.9);
	}
	
	#voice h2 {
		box-sizing: border-box;
		background-color: #ff5e00;
		background-image: url("../img/movica_back_2.png");
		background-repeat: no-repeat;
		background-size: calc(307vw / 3.9) calc(140vw / 3.9);
		background-position: center center;
		text-align: center;
		letter-spacing: 0.02em;
		width: 100%;
		height: calc(180vw / 3.9);
		padding-top: calc(40vw / 3.9);
		margin-bottom: calc(30vw / 3.9);
	}
	
	#voice h2 p {
		display: inline;
		-webkit-box-decoration-break: clone;
		box-decoration-break: clone;
		background: linear-gradient(to top, #ffffff 0%, #ffffff calc(4vw / 3.9), transparent calc(4vw / 3.9), transparent 100%);
		color: #ffffff;
		font-size: calc(30vw / 3.9);
		line-height: calc(50vw / 3.9);
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
		text-shadow: calc(2vw / 3.9) calc(2vw / 3.9) 0 rgba(0, 0, 0, 0.2);
		padding: 0 calc(10vw / 3.9) calc(5vw / 3.9);
	}
	
	#voice .use {
		color: #352223;
		font-size: calc(20vw / 3.9);
		line-height: calc(30vw / 3.9);
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
		margin-bottom: calc(25vw / 3.9);
	}
	
	#voice ul {
		display: flex;
		flex-direction: column;
		gap: calc(10vw / 3.9) 0;
		width: calc(300vw / 3.9);
		margin: 0 auto calc(30vw / 3.9);
	}
	
	#voice ul li {
		display: flex;
		align-items: center;
		box-sizing: border-box;
		color: #ff5e00;
		font-size: calc(16vw / 3.9);
		line-height: calc(26vw / 3.9);
		font-weight: 700;
		text-align: left;
		letter-spacing: 0.02em;
		border: calc(1vw / 3.9) solid #ff5e00;
		border-radius: calc(10vw / 3.9);
		width: 100%;
		height: calc(80vw / 3.9);
		padding-left: calc(65vw / 3.9);
	}
	
	#voice ul li:nth-child(1) {
		background: url("../img/voice_1.png") no-repeat;
		background-size: calc(43vw / 3.9) calc(50vw / 3.9);
		background-position: center left calc(11vw / 3.9);
	}
	
	#voice ul li:nth-child(2) {
		background: url("../img/voice_2.png") no-repeat;
		background-size: calc(43vw / 3.9) calc(50vw / 3.9);
		background-position: center left calc(11vw / 3.9);
	}
	
	#voice .best {
		display: inline;
		-webkit-box-decoration-break: clone;
		box-decoration-break: clone;
		background: linear-gradient(to top, transparent 0%, transparent calc(3vw / 3.9), #ffdc00 calc(3vw / 3.9), #ffdc00 calc(9vw / 3.9), transparent calc(9vw / 3.9), transparent 100%);
		color: #352223;
		font-size: calc(22vw / 3.9);
		line-height: calc(42vw / 3.9);
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.02em;
		padding: 0 calc(15vw / 3.9);
	}
	
	#voice .contact_btn {
		position: relative;
		display: block;
		box-sizing: border-box;
		background: linear-gradient(to bottom, #00b479 0%, #00b479 60%, #00937c 100%);
		color: #ffffff;
		font-size: calc(26vw / 3.9);
		line-height: calc(32vw / 3.9);
		font-weight: 700;
		text-align: left;
		letter-spacing: 0.02em;
		text-shadow: 0 calc(2vw / 3.9) 0 rgba(0, 0, 0, 0.25);
		border-radius: calc(20vw / 3.9);
		box-shadow: 0 0 calc(8vw / 3.9) rgba(0, 0, 0, 0.25);
		width: calc(340vw / 3.9);
		height: calc(100vw / 3.9);
		padding: calc(16vw / 3.9) 0 0 calc(100vw / 3.9);
		margin: calc(30vw / 3.9) auto;
	}
	
	#voice .contact_btn span {
		font-size: calc((26vw / 3.9) * 0.8);
	}
	
	#voice .contact_btn::before {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/contactus.png") no-repeat;
		background-size: 100% 100%;
		width: calc(104vw / 3.9);
		height: calc(60vw / 3.9);
		top: calc(17vw / 3.9);
		left: calc(-17vw / 3.9);
	}
	
	#voice .contact_btn::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/arrow.png") no-repeat;
		background-size: 100% 100%;
		width: calc(26vw / 3.9);
		height: calc(26vw / 3.9);
		top: 50%;
		right: calc(15vw / 3.9);
		transform: translateY(-50%);
	}
	
	#voice .attention {
		color: #4d4d4d;
		font-size: calc(14vw / 3.9);
		line-height: 1em;
		font-weight: 700;
		text-align: left;
		letter-spacing: 0.02em;
		width: calc(340vw / 3.9);
		margin: 0 auto calc(10vw / 3.9);
	}
	
	#voice>p {
		position: relative;
		box-sizing: border-box;
		color: #4d4d4d;
		font-size: calc(14vw / 3.9);
		line-height: calc(22vw / 3.9);
		font-weight: 400;
		text-align: justify;
		letter-spacing: 0.02em;
		width: calc(340vw / 3.9);
		padding-left: 1em;
		margin: 0 auto;
	}
	
	#voice>p::before {
		position: absolute;
		display: block;
		content: "・";
		color: #4d4d4d;
		font-size: calc(14vw / 3.9);
		line-height: calc(22vw / 3.9);
		font-weight: 400;
		text-align: left;
		letter-spacing: 0.02em;
		top: 0;
		left: 0;
	}
}


/************************************
footer
************************************/
@media screen and (min-width: 1366px) {
	footer {
		background: #ffffff;
		width: 100%;
		padding-top: 50px;
	}
	
	footer .wrapper {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 1013px;
		margin: 0 auto 45px;
	}
	
	footer .wrapper .info h2 {
		color: #ff5e00;
		font-size: 15px;
		line-height: 1em;
		font-weight: 700;
		text-align: left;
		letter-spacing: 0.02em;
		margin-bottom: 15px;
	}
	
	footer .wrapper .info p {
		color: #352223;
		font-size: 12px;
		line-height: 20px;
		font-weight: 400;
		text-align: left;
		letter-spacing: 0.02em;
		margin-bottom: 15px;
	}
	
	footer .wrapper .info p:last-child {
		margin-bottom: 0;
	}
	
	footer .sns h2 {
		color: #352223;
		font-size: 15px;
		line-height: 1em;
		font-weight: 700;
		text-align: right;
		letter-spacing: 0.02em;
		margin: 0 20px 12px 0;
	}
	
	footer .sns ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 198px;
	}
	
	footer .sns ul li {
		width: 62px;
		height: 62px;
	}
	
	footer .sns ul li a, footer .sns ul li a img {
		width: 100%;
		height: 100%;
	}
	
	footer .logo {
		background: #fe6300;
		text-align: center;
		width: 100%;
		padding: 30px 0 25px;
	}
	
	footer .logo h2 {
		width: 300px;
		margin: 0 auto 18px;
	}
	
	footer .logo h2 img {
		display: block;
		width: 100%;
	}
	
	footer .logo small {
		color: #ffffff;
		font-size: 10px;
		line-height: 1em;
		font-weight: 300;
		text-align: center;
		letter-spacing: 0.02em;
	}
}

@media screen and (min-width: 768px) and (max-width: 1365px) {
	footer {
		background: #ffffff;
		width: 100%;
		padding-top: calc(50vw / 13.66);
	}
	
	footer .wrapper {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: calc(1013vw / 13.66);
		margin: 0 auto calc(45vw / 13.66);
	}
	
	footer .wrapper .info h2 {
		color: #ff5e00;
		font-size: calc(15vw / 13.66);
		line-height: 1em;
		font-weight: 700;
		text-align: left;
		letter-spacing: 0.02em;
		margin-bottom: calc(15vw / 13.66);
	}
	
	footer .wrapper .info p {
		color: #352223;
		font-size: calc(12vw / 13.66);
		line-height: calc(20vw / 13.66);
		font-weight: 400;
		text-align: left;
		letter-spacing: 0.02em;
		margin-bottom: calc(15vw / 13.66);
	}
	
	footer .wrapper .info p:last-child {
		margin-bottom: 0;
	}
	
	footer .sns h2 {
		color: #352223;
		font-size: calc(15vw / 13.66);
		line-height: 1em;
		font-weight: 700;
		text-align: right;
		letter-spacing: 0.02em;
		margin: 0 calc(20vw / 13.66) calc(12vw / 13.66) 0;
	}
	
	footer .sns ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: calc(198vw / 13.66);
	}
	
	footer .sns ul li {
		width: calc(62vw / 13.66);
		height: calc(62vw / 13.66);
	}
	
	footer .sns ul li a, footer .sns ul li a img {
		width: 100%;
		height: 100%;
	}
	
	footer .logo {
		background: #fe6300;
		text-align: center;
		width: 100%;
		padding: calc(30vw / 13.66) 0 calc(25vw / 13.66);
	}
	
	footer .logo h2 {
		width: calc(300vw / 13.66);
		margin: 0 auto calc(18vw / 13.66);
	}
	
	footer .logo h2 img {
		display: block;
		width: 100%;
	}
	
	footer .logo small {
		color: #ffffff;
		font-size: calc(10vw / 13.66);
		line-height: 1em;
		font-weight: 300;
		text-align: center;
		letter-spacing: 0.02em;
	}
}

@media screen and (max-width: 767px) {
	footer {
		background: #ffffff;
		width: 100%;
		padding-top: calc(50vw / 3.9);
	}
	
	footer .wrapper {
		width: calc(340vw / 3.9);
		margin: 0 auto calc(48vw / 3.9);
	}
	
	footer .wrapper .info {
		border-bottom: calc(1vw / 3.9) solid #cacaca;
		padding-bottom: calc(45vw / 3.9);
	}
	
	footer .wrapper .info h2 {
		color: #ff5e00;
		font-size: calc(15vw / 3.9);
		line-height: 1em;
		font-weight: 700;
		text-align: left;
		letter-spacing: 0.02em;
		margin-bottom: calc(15vw / 3.9);
	}
	
	footer .wrapper .info p {
		color: #352223;
		font-size: calc(12vw / 3.9);
		line-height: calc(20vw / 3.9);
		font-weight: 400;
		text-align: left;
		letter-spacing: 0.02em;
		margin-bottom: calc(15vw / 3.9);
	}
	
	footer .wrapper .info p:last-child {
		margin-bottom: 0;
	}
	
	footer .sns {
		padding-top: calc(25vw / 3.9);
	}
	
	footer .sns h2 {
		color: #352223;
		font-size: calc(15vw / 3.9);
		line-height: 1em;
		font-weight: 700;
		text-align: left;
		letter-spacing: 0.02em;
		margin-bottom: calc(20vw / 3.9);
	}
	
	footer .sns ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: calc(196vw / 3.9);
	}
	
	footer .sns ul li {
		width: calc(44vw / 3.9);
		height: calc(44vw / 3.9);
	}
	
	footer .sns ul li a, footer .sns ul li a img {
		width: 100%;
		height: 100%;
	}
	
	footer .logo {
		background: #fe6300;
		text-align: center;
		width: 100%;
		padding: calc(65vw / 3.9) 0 calc(70vw / 3.9);
	}
	
	footer .logo h2 {
		width: calc(300vw / 3.9);
		margin: 0 auto calc(18vw / 3.9);
	}
	
	footer .logo h2 img {
		display: block;
		width: 100%;
	}
	
	footer .logo small {
		color: #ffffff;
		font-size: calc(10vw / 3.9);
		line-height: 1em;
		font-weight: 300;
		text-align: center;
		letter-spacing: 0.02em;
	}
}


/************************************
#top
************************************/
@media screen and (min-width: 1366px) {
	#top {
		display: none;
		position: fixed;
		z-index: 999;
		width: 100%;
		bottom: 304px;
		right: 0;
		pointer-events: none;
	}
	
	#top img {
		float: right;
	    width: 48px;
		pointer-events: auto;
	    cursor: pointer;
	}
	
	#top:hover {
		cursor: pointer;
		opacity: 0.5;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
	}
}

@media screen and (min-width: 768px) and (max-width: 1365px) {
	#top {
		display: none;
		position: fixed;
		z-index: 999;
		width: 100%;
		bottom: calc(304vw / 13.66);
		right: 0;
		pointer-events: none;
	}
	
	#top img {
		float: right;
	    width: calc(48vw / 13.66);
		pointer-events: auto;
	    cursor: pointer;
	}
	
	#top:hover {
		cursor: pointer;
		opacity: 0.5;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
	}
}

@media screen and (max-width: 767px) {
	#top {
		display: none;
		position: fixed;
		z-index: 997;
		width: 100%;
		bottom: calc(170vw / 3.9);
		right: 0;
		pointer-events: none;
	}
	
	#top img {
		float: right;
	    width: calc(48vw / 3.9);
		pointer-events: auto;
	    cursor: pointer;
	}
	
	#top:hover {
		cursor: pointer;
		opacity: 0.5;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
	}
}