@charset "utf-8";


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

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


/************************************
body
************************************/
body {
	overflow-x: hidden;
	background: #ffffff;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
}


/************************************
#loading
************************************/
@media screen and (min-width: 1720px) {
	#loading {
		background: #ffffff;
		position: fixed;
		z-index: 9999;
		inset: 0;
		transition: all 1s;
	}
	
	#loading .text {
		position: absolute;
		width: calc(220px / 1366 * 1720);
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		animation: loading_text 10s linear infinite;
	}
	
	#loading .logo {
		position: absolute;
		width: calc(180px / 1366 * 1720);
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	
	#loading.end {
		opacity: 0;
		visibility: hidden;
	}
}

@media screen and (min-width: 1133px) and (max-width: 1719px) {
	#loading {
		background: #ffffff;
		position: fixed;
		z-index: 9999;
		inset: 0;
		transition: all 1s;
	}
	
	#loading .text {
		position: absolute;
		width: calc(220vw / 13.66);
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		animation: loading_text 10s linear infinite;
	}
	
	#loading .logo {
		position: absolute;
		width: calc(180vw / 13.66);
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	
	#loading.end {
		opacity: 0;
		visibility: hidden;
	}
}

@media screen and (min-width: 744px) and (max-width: 1132px) {
	#loading {
		background: #ffffff;
		position: fixed;
		z-index: 9999;
		inset: 0;
		transition: all 1s;
	}
	
	#loading .text {
		position: absolute;
		width: calc(220vw / 7.44);
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		animation: loading_text 10s linear infinite;
	}
	
	#loading .logo {
		position: absolute;
		width: calc(180vw / 7.44);
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	
	#loading.end {
		opacity: 0;
		visibility: hidden;
	}
}

@media screen and (max-width: 743px) {
	#loading {
		background: #ffffff;
		position: fixed;
		z-index: 9999;
		inset: 0;
		transition: all 1s;
	}
	
	#loading .text {
		position: absolute;
		width: calc(220vw / 3.9);
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		animation: loading_text 10s linear infinite;
	}
	
	#loading .logo {
		position: absolute;
		width: calc(180vw / 3.9);
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	
	#loading.end {
		opacity: 0;
		visibility: hidden;
	}
}

@keyframes loading_text {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}


/************************************
#consult_button
************************************/
@media screen and (min-width: 1720px) {
	#consult_button {
		width: calc(1000px / 1366 * 1720);
		margin-left: 50%;
		transform: translateX(-50%);
		padding-left: calc(180px / 1366 * 1720);
	}

	#consult_button .button {
		position: relative;
		display: block;
		box-sizing: border-box;
		background: linear-gradient(to bottom, #1eb07d 0%, #1eb07d 60%, #1ead7d 100%);
		color: #ffffff;
		font-size: calc(30px / 1366 * 1720);
		font-weight: 700;
		line-height: calc(100px / 1366 * 1720);
		text-align: left;
		text-shadow: 0 calc(2px / 1366 * 1720) 0 rgba(0, 0, 0, 0.25);
		width: calc(638px / 1366 * 1720);
		height: calc(100px / 1366 * 1720);
		border-radius: calc(50px / 1366 * 1720);
		box-shadow: 0 0 calc(8px / 1366 * 1720) rgba(0, 0, 0, 0.25);
		padding-left: calc(130px / 1366 * 1720);
		margin: 0 auto;
	}

	#consult_button .button span {
		font-size: calc(30px * 0.8 / 1366 * 1720);
	}

	#consult_button .button br {
		display: none;
	}

	#consult_button .button img {
		position: absolute;
		width: calc(128px / 1366 * 1720);
		top: calc(-10px / 1366 * 1720);
		left: calc(-10px / 1366 * 1720);
	}

	#consult_button .button::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_w.svg") no-repeat;
		background-size: 100% 100%;
		width: calc(26px / 1366 * 1720);
		height: calc(26px / 1366 * 1720);
		top: 50%;
		right: calc(19px / 1366 * 1720);
		transform: translateY(-50%);
	}
}

@media screen and (min-width: 1133px) and (max-width: 1719px) {
	#consult_button {
		width: calc(1000vw / 13.66);
		margin-left: 50%;
		transform: translateX(-50%);
		padding-left: calc(180vw / 13.66);
	}

	#consult_button .button {
		position: relative;
		display: block;
		box-sizing: border-box;
		background: linear-gradient(to bottom, #1eb07d 0%, #1eb07d 60%, #1ead7d 100%);
		color: #ffffff;
		font-size: calc(30vw / 13.66);
		font-weight: 700;
		line-height: calc(100vw / 13.66);
		text-align: left;
		text-shadow: 0 calc(2vw / 13.66) 0 rgba(0, 0, 0, 0.25);
		width: calc(638vw / 13.66);
		height: calc(100vw / 13.66);
		border-radius: calc(50vw / 13.66);
		box-shadow: 0 0 calc(8vw / 13.66) rgba(0, 0, 0, 0.25);
		padding-left: calc(130vw / 13.66);
		margin: 0 auto;
	}

	#consult_button .button span {
		font-size: calc(30vw * 0.8 / 13.66);
	}

	#consult_button .button br {
		display: none;
	}

	#consult_button .button img {
		position: absolute;
		width: calc(128vw / 13.66);
		top: calc(-10vw / 13.66);
		left: calc(-10vw / 13.66);
	}

	#consult_button .button::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_w.svg") 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%);
	}
}

@media screen and (min-width: 744px) and (max-width: 1132px) {
	#consult_button {
		width: 100%;
	}

	#consult_button .button {
		position: relative;
		display: block;
		box-sizing: border-box;
		background: linear-gradient(to bottom, #1eb07d 0%, #1eb07d 60%, #1ead7d 100%);
		color: #ffffff;
		font-size: calc(25vw / 7.44);
		font-weight: 700;
		line-height: calc(84vw / 7.44);
		text-align: left;
		text-shadow: 0 calc(2vw / 7.44) 0 rgba(0, 0, 0, 0.25);
		width: calc(540vw / 7.44);
		height: calc(84vw / 7.44);
		border-radius: calc(42vw / 7.44);
		box-shadow: 0 0 calc(8vw / 7.44) rgba(0, 0, 0, 0.25);
		padding-left: calc(113vw / 7.44);
		margin: 0 auto;
	}

	#consult_button .button span {
		font-size: calc(25vw * 0.8 / 7.44);
	}

	#consult_button .button br {
		display: none;
	}

	#consult_button .button img {
		position: absolute;
		width: calc(108vw / 7.44);
		top: calc(-8vw / 7.44);
		left: calc(-8vw / 7.44);
	}

	#consult_button .button::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_w.svg") no-repeat;
		background-size: 100% 100%;
		width: calc(22vw / 7.44);
		height: calc(22vw / 7.44);
		top: 50%;
		right: calc(16vw / 7.44);
		transform: translateY(-50%);
	}
}

@media screen and (max-width: 743px) {
	#consult_button {
		width: 100%;
	}

	#consult_button .button {
		position: relative;
		display: block;
		box-sizing: border-box;
		background: linear-gradient(to bottom, #1eb07d 0%, #1eb07d 60%, #1ead7d 100%);
		color: #ffffff;
		font-size: calc(26vw / 3.9);
		font-weight: 700;
		line-height: calc(32vw / 3.9);
		text-align: left;
		text-shadow: 0 calc(2vw / 3.9) 0 rgba(0, 0, 0, 0.25);
		width: calc(340vw / 3.9);
		height: calc(100vw / 3.9);
		border-radius: calc(20vw / 3.9);
		box-shadow: 0 0 calc(8vw / 3.9) rgba(0, 0, 0, 0.25);
		padding: calc(15vw / 3.9) 0 0 calc(99vw / 3.9);
		margin: 0 auto;
	}

	#consult_button .button span {
		font-size: calc(26vw * 0.8 / 3.9);
	}

	#consult_button .button img {
		position: absolute;
		width: calc(104vw / 3.9);
		top: calc(17vw / 3.9);
		left: calc(-18vw / 3.9);
	}

	#consult_button .button::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_w.svg") 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%);
	}
}


/************************************
header
************************************/
@media screen and (min-width: 744px) and (max-width: 1132px) {
	header {
		position: fixed;
		z-index: 99;
		width: 100%;
		top: 0;
	}
	
	header::before {
		position: absolute;
		z-index: 97;
		display: block;
		content: "";
		background: #ff6a1a;
		width: 100%;
		height: calc(10vw / 7.44);
		top: 0;
	}

	header .logo {
		position: absolute;
		z-index: 99;
		background: #ffffff;
		width: calc(125vw / 7.44);
		height: calc(66vw / 7.44);
		border-radius: 0 calc(33vw / 7.44) calc(33vw / 7.44) 0;
		filter: drop-shadow(0 0 calc(6vw / 7.44) rgba(0, 0, 0, 0.25));
		left: 0;
		top: calc(5vw / 7.44);
	}

	header .logo .image {
		position: absolute;
		width: calc(69vw / 7.44);
		height: auto;
		left: calc(23vw / 7.44);
		top: 50%;
		transform: translateY(-50%);
	}
	
	header .hamburger {
		position: absolute;
		z-index: 99;
		box-sizing: border-box;
		background: #ff6a1a;
		width: calc(80vw / 7.44);
		height: calc(70vw / 7.44);
		top: 0;
		right: 0;
		transform: skew(10deg, 0);
		transform-origin: top right;
		border-radius: 0 0 0 calc(11vw / 7.44);
		padding-top: calc(23vw / 7.44);
	}
	
	header .hamburger div {
		position: relative;
		width: calc(20vw / 7.44);
		transform: skew(-10deg, 0);
		transform-origin: top right;
	}
	
	header .hamburger div:hover {
		cursor: pointer;
	}
	
	header .hamburger div span {
		position:absolute;
		display: block;
		background: #ffffff;
		width: 100%;
		height: calc(4vw / 7.44);
		border-radius: calc(2vw / 7.44);
		left: 0;
		margin-left: calc(30vw / 7.44);
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;
	}
	
	header .hamburger div span:nth-child(1) {
		top: 0;
	}
	
	header .hamburger div span:nth-child(2) {
		top: calc(10vw / 7.44);
	}
	
	header .hamburger div span:nth-child(3) {
		top: calc(20vw / 7.44);
	}
	
	.open .hamburger div span:nth-child(1) {
		top: calc(10vw / 7.44);
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	
	.open .hamburger div span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	
	.open .hamburger div span:nth-child(3) {
		top: calc(10vw / 7.44);
		-webkit-transform: rotate(-135deg);
		-moz-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}
	
	header .menu {
		display: none;
		position: absolute;
		overflow: hidden;
		z-index: 98;
		background: #ff6a1a;
		width: calc(390vw / 7.44);
		top: 0;
		right: 0;
		border-radius: 0 0 calc(20vw / 7.44) calc(20vw / 7.44);
		padding-top: calc(80vw / 7.44);
	}

	header .menu>ul {
		box-sizing: border-box;
		width: 100%;
		padding-left: calc(33vw / 7.44);
		margin-bottom: calc(20vw / 7.44);
	}

	header .menu>ul>li {
		padding: calc(20vw / 7.44) calc(20vw / 7.44) calc(20vw / 7.44) 0;
		border-bottom: calc(1vw / 7.44) solid #ffb599;
	}

	header .menu>ul>li>a {
		position: relative;
		display: block;
		color: #ffffff;
		font-size: calc(18vw / 7.44);
		font-weight: 700;
		line-height: 1em;
		width: 100%;
	}

	header .menu>ul>li>a::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_w.svg") no-repeat;
		background-size: 100% 100%;
		width: calc(20vw / 7.44);
		height: calc(20vw / 7.44);
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		transform: rotate(90deg);
		transition-duration: 0.5s; 
		top: 0;
		right: 0;
	}

	header .menu>ul>li>a.active::after {
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		transform: rotate(-90deg);
		transform-origin: center center;
		transition-duration: 0.5s; 
	}

	header .menu .contact {
		width: 100%;
		margin-bottom: calc(23vw / 7.44);
	}

	header .menu .contact .image {
		width: calc(113vw / 7.44);
		margin: 0 0 calc(6vw / 7.44) calc(120vw / 7.44);
	}

	header .menu .contact .button {
		position: relative;
		display: block;
		background: #1eb07d;
		color: #ffffff;
		font-size: calc(14vw / 7.44);
		font-weight: 700;
		line-height: calc(40vw / 7.44);
		text-align: center;
		width: calc(166vw / 7.44);
		height: calc(40vw / 7.44);
		border-radius: calc(20vw / 7.44);
		filter: drop-shadow(0 calc(4vw / 7.44) 0 rgba(0, 0, 0, 0.25));
		margin: 0 auto;
	}

	header .menu .contact .button::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_w.svg") no-repeat;
		background-position: top left;
		background-size: 100% 100%;
		width: calc(20vw / 7.44);
		height: calc(20vw / 7.44);
		top: 50%;
		right: calc(8vw / 7.44);
		transform: translateY(-50%);
	}

	header .menu .blog {
		width: 100%;
		height: calc(100vw / 7.44);
		border-radius: 0 0 calc(20vw / 7.44) calc(20vw / 7.44);
	}

	header .menu .blog .news__list {
		position: relative;
		background: #ff801a;
		width: 100%;
		height: 100%;
	}

	header .menu .blog .news__list .news__item {
		position: relative;
		width: 100%;
		height: 100%;
	}

	header .menu .blog .news__list .news__item a {
		position: relative;
		display: block;
		overflow: hidden;
		width: 100%;
		height: 100%;
	}

	header .menu .blog .news__list .news__item a .common_img {
		position: absolute;
		overflow: hidden;
		display: flex;
		justify-content: center;
		width: calc(74vw / 7.44);
		height: calc(74vw / 7.44);
		border-radius: calc(10vw / 7.44);
		top: calc(11vw / 7.44);
		left: calc(120vw / 7.44);
	}

	header .menu .blog .news__list .news__item a .common_img .noimage {
		background: #808080;
		width: 100%;
		height: 100%;
	}

	header .menu .blog .news__list .news__item a .title {
		position: absolute;
		color: #ffffff;
		font-family: "futura-pt", sans-serif;
		font-size: calc(20vw / 7.44);
		font-weight: 600;
		font-style: normal;
		line-height: 1em;
		top: calc(11vw / 7.44);
		left: calc(200vw / 7.44);
	}

	header .menu .blog .news__list .news__item a .date {
		position: absolute;
		color: #ffffff;
		font-size: calc(12vw / 7.44);
		font-weight: 700;
		line-height: calc(16vw / 7.44);
		top: calc(47vw / 7.44);
		left: calc(200vw / 7.44);
	}
}

@media screen and (max-width: 743px) {
	header {
		position: fixed;
		z-index: 99;
		width: 100%;
		top: 0;
	}
	
	header::before {
		position: absolute;
		z-index: 97;
		display: block;
		content: "";
		background: #ff6a1a;
		width: 100%;
		height: calc(10vw / 3.9);
		top: 0;
	}

	header .logo {
		position: absolute;
		z-index: 99;
		background: #ffffff;
		width: calc(125vw / 3.9);
		height: calc(66vw / 3.9);
		border-radius: 0 calc(33vw / 3.9) calc(33vw / 3.9) 0;
		filter: drop-shadow(0 0 calc(6vw / 3.9) rgba(0, 0, 0, 0.25));
		left: 0;
		top: calc(5vw / 3.9);
	}

	header .logo .image {
		position: absolute;
		width: calc(69vw / 3.9);
		height: auto;
		left: calc(23vw / 3.9);
		top: 50%;
		transform: translateY(-50%);
	}
	
	header .hamburger {
		position: absolute;
		z-index: 99;
		box-sizing: border-box;
		background: #ff6a1a;
		width: calc(80vw / 3.9);
		height: calc(70vw / 3.9);
		top: 0;
		right: 0;
		transform: skew(10deg, 0);
		transform-origin: top right;
		border-radius: 0 0 0 calc(11vw / 3.9);
		padding-top: calc(23vw / 3.9);
	}
	
	header .hamburger div {
		position: relative;
		width: calc(20vw / 3.9);
		transform: skew(-10deg, 0);
		transform-origin: top right;
	}
	
	header .hamburger div span {
		position:absolute;
		display: block;
		background: #ffffff;
		width: 100%;
		height: calc(4vw / 3.9);
		border-radius: calc(2vw / 3.9);
		left: 0;
		margin-left: calc(30vw / 3.9);
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;
	}
	
	header .hamburger div span:nth-child(1) {
		top: 0;
	}
	
	header .hamburger div span:nth-child(2) {
		top: calc(10vw / 3.9);
	}
	
	header .hamburger div span:nth-child(3) {
		top: calc(20vw / 3.9);
	}
	
	.open .hamburger div span:nth-child(1) {
		top: calc(10vw / 3.9);
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	
	.open .hamburger div span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	
	.open .hamburger div span:nth-child(3) {
		top: calc(10vw / 3.9);
		-webkit-transform: rotate(-135deg);
		-moz-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}
	
	header .menu {
		display: none;
		position: absolute;
		overflow: hidden;
		z-index: 98;
		background: #ff6a1a;
		width: 100%;
		top: 0;
		right: 0;
		border-radius: 0 0 calc(20vw / 3.9) calc(20vw / 3.9);
		padding-top: calc(80vw / 3.9);
	}

	header .menu>ul {
		box-sizing: border-box;
		width: 100%;
		padding-left: calc(33vw / 3.9);
		margin-bottom: calc(20vw / 3.9);
	}

	header .menu>ul>li {
		padding: calc(20vw / 3.9) calc(20vw / 3.9) calc(20vw / 3.9) 0;
		border-bottom: calc(1vw / 3.9) solid #ffb599;
	}

	header .menu>ul>li>a {
		position: relative;
		display: block;
		color: #ffffff;
		font-size: calc(18vw / 3.9);
		font-weight: 700;
		line-height: 1em;
	}

	header .menu>ul>li>a::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_w.svg") no-repeat;
		background-size: 100% 100%;
		width: calc(20vw / 3.9);
		height: calc(20vw / 3.9);
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		transform: rotate(90deg);
		transition-duration: 0.5s; 
		top: 0;
		right: 0;
	}

	header .menu>ul>li>a.active::after {
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		transform: rotate(-90deg);
		transform-origin: center center;
		transition-duration: 0.5s; 
	}

	header .menu .contact {
		width: 100%;
		margin-bottom: calc(23vw / 3.9);
	}

	header .menu .contact .image {
		width: calc(113vw / 3.9);
		margin: 0 0 calc(6vw / 3.9) calc(120vw / 3.9);
	}

	header .menu .contact .button {
		position: relative;
		display: block;
		background: #1eb07d;
		color: #ffffff;
		font-size: calc(14vw / 3.9);
		font-weight: 700;
		line-height: calc(40vw / 3.9);
		text-align: center;
		width: calc(166vw / 3.9);
		height: calc(40vw / 3.9);
		border-radius: calc(20vw / 3.9);
		filter: drop-shadow(0 calc(4vw / 3.9) 0 rgba(0, 0, 0, 0.25));
		margin: 0 auto;
	}

	header .menu .contact .button::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_w.svg") no-repeat;
		background-position: top left;
		background-size: 100% 100%;
		width: calc(20vw / 3.9);
		height: calc(20vw / 3.9);
		top: 50%;
		right: calc(8vw / 3.9);
		transform: translateY(-50%);
	}

	header .menu .blog {
		width: 100%;
		height: calc(100vw / 3.9);
		border-radius: 0 0 calc(20vw / 3.9) calc(20vw / 3.9);
	}

	header .menu .blog .news__list {
		position: relative;
		background: #ff801a;
		width: 100%;
		height: 100%;
	}

	header .menu .blog .news__list .news__item {
		position: relative;
		width: 100%;
		height: 100%;
	}

	header .menu .blog .news__list .news__item a {
		position: relative;
		display: block;
		overflow: hidden;
		width: 100%;
		height: 100%;
	}

	header .menu .blog .news__list .news__item a .common_img {
		position: absolute;
		overflow: hidden;
		display: flex;
		justify-content: center;
		width: calc(74vw / 3.9);
		height: calc(74vw / 3.9);
		border-radius: calc(10vw / 3.9);
		top: calc(11vw / 3.9);
		left: calc(120vw / 3.9);
	}

	header .menu .blog .news__list .news__item a .common_img .noimage {
		background: #808080;
		width: 100%;
		height: 100%;
	}

	header .menu .blog .news__list .news__item a .title {
		position: absolute;
		color: #ffffff;
		font-family: "futura-pt", sans-serif;
		font-size: calc(20vw / 3.9);
		font-weight: 600;
		font-style: normal;
		line-height: 1em;
		top: calc(11vw / 3.9);
		left: calc(200vw / 3.9);
	}

	header .menu .blog .news__list .news__item a .date {
		position: absolute;
		color: #ffffff;
		font-size: calc(12vw / 3.9);
		font-weight: 700;
		line-height: calc(16vw / 3.9);
		top: calc(47vw / 3.9);
		left: calc(200vw / 3.9);
	}
}


/************************************
#tab
************************************/
@media screen and (min-width: 1720px) {
	#tab {
		position: fixed;
		box-sizing: border-box;
		z-index: 98;
		background: #ff6a1a;
		width: calc(200px / 1366 * 1720);
		height: calc(650px / 1366 * 1720);
		padding-top: calc(14px / 1366 * 1720);
		top: 0;
		left: 0;
		border-radius: 0 0 calc(36px / 1366 * 1720) 0;
	}

	#tab .logo {
		position: relative;
		background: #ffffff;
		width: calc(185px / 1366 * 1720);
		height: calc(88px / 1366 * 1720);
		border-radius: 0 calc(44px / 1366 * 1720) calc(44px / 1366 * 1720) 0;
		filter: drop-shadow(0 0 calc(6px / 1366 * 1720) rgba(0, 0, 0, 0.25));
		margin-bottom: calc(25px / 1366 * 1720);
	}

	#tab .logo .image {
		position: absolute;
		width: calc(92px / 1366 * 1720);
		height: auto;
		left: calc(45px / 1366 * 1720);
		top: 50%;
		transform: translateY(-50%);
	}

	#tab>ul {
		margin-left: calc((40px + 8px) / 1366 * 1720);
	}

	#tab>ul>li {
		font-size: calc(15px / 1366 * 1720);
		margin-bottom: calc(23px / 1366 * 1720);
	}

	#tab>ul>li>a {
		color: #ffffff;
		font-size: calc(15px / 1366 * 1720);
		font-weight: 700;
		line-height: 1em;
	}

	#tab>ul>li>a span {
		font-family: "futura-pt", sans-serif;
		font-size: calc(10px / 1366 * 1720);
		font-weight: 600;
		font-style: normal;
	}

	#tab .contact .image {
		width: calc(113px / 1366 * 1720);
		margin: 0 0 calc(6px / 1366 * 1720) calc(30px / 1366 * 1720);
	}

	#tab .contact .button {
		position: relative;
		display: block;
		background: #1eb07d;
		color: #ffffff;
		font-size: calc(14px / 1366 * 1720);
		font-weight: 700;
		line-height: calc(40px / 1366 * 1720);
		text-align: center;
		width: calc(166px / 1366 * 1720);
		height: calc(40px / 1366 * 1720);
		border-radius: calc(20px / 1366 * 1720);
		filter: drop-shadow(0 calc(4px / 1366 * 1720) 0 rgba(0, 0, 0, 0.25));
		margin: 0 auto;
	}

	#tab .contact .button::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_w.svg") no-repeat;
		background-position: top left;
		background-size: 100% 100%;
		width: calc(20px / 1366 * 1720);
		height: calc(20px / 1366 * 1720);
		top: 50%;
		right: calc(8px / 1366 * 1720);
		transform: translateY(-50%);
	}

	#tab .blog {
		position: absolute;
		overflow: hidden;
		width: 100%;
		height: calc(117px / 1366 * 1720);
		bottom: 0;
		border-radius: 0 0 calc(36px / 1366 * 1720) 0;
	}

	#tab .blog .news__list {
		position: relative;
		background: #ff801a;
		width: 100%;
		height: 100%;
	}

	#tab .blog .news__list .news__item {
		position: relative;
		width: 100%;
		height: 100%;
	}

	#tab .blog .news__list .news__item a {
		position: relative;
		display: block;
		overflow: hidden;
		width: 100%;
		height: 100%;
	}

	#tab .blog .news__list .news__item a .common_img {
		position: absolute;
		overflow: hidden;
		display: flex;
		justify-content: center;
		width: calc(74px / 1366 * 1720);
		height: calc(74px / 1366 * 1720);
		border-radius: calc(10px / 1366 * 1720);
		top: calc(16px / 1366 * 1720);
		left: calc(30px / 1366 * 1720);
	}

	#tab .blog .news__list .news__item a .common_img .noimage {
		background: #808080;
		width: 100%;
		height: 100%;
	}

	#tab .blog .news__list .news__item a .title {
		position: absolute;
		color: #ffffff;
		font-family: "futura-pt", sans-serif;
		font-size: calc(20px / 1366 * 1720);
		font-weight: 600;
		font-style: normal;
		line-height: 1em;
		top: calc(16px / 1366 * 1720);
		left: calc((77px + 34px) / 1366 * 1720);
	}

	#tab .blog .news__list .news__item a .date {
		position: absolute;
		color: #ffffff;
		font-size: calc(12px / 1366 * 1720);
		font-weight: 700;
		line-height: calc(16px / 1366 * 1720);
		top: calc(50px / 1366 * 1720);
		left: calc((77px + 34px) / 1366 * 1720);
	}
}

@media screen and (min-width: 1133px) and (max-width: 1719px) {
	#tab {
		position: fixed;
		box-sizing: border-box;
		z-index: 98;
		background: #ff6a1a;
		width: calc(200vw / 13.66);
		height: calc(650vw / 13.66);
		padding-top: calc(14vw / 13.66);
		top: 0;
		left: 0;
		border-radius: 0 0 calc(36vw / 13.66) 0;
	}

	#tab .logo {
		position: relative;
		background: #ffffff;
		width: calc(185vw / 13.66);
		height: calc(88vw / 13.66);
		border-radius: 0 calc(44vw / 13.66) calc(44vw / 13.66) 0;
		filter: drop-shadow(0 0 calc(6vw / 13.66) rgba(0, 0, 0, 0.25));
		margin-bottom: calc(25vw / 13.66);
	}

	#tab .logo .image {
		position: absolute;
		width: calc(92vw / 13.66);
		height: auto;
		left: calc(45vw / 13.66);
		top: 50%;
		transform: translateY(-50%);
	}

	#tab>ul {
		margin-left: calc((40vw + 8vw) / 13.66);
	}

	#tab>ul>li {
		font-size: calc(15vw / 13.66);
		margin-bottom: calc(23vw / 13.66);
	}

	#tab>ul>li>a {
		color: #ffffff;
		font-size: calc(15vw / 13.66);
		font-weight: 700;
		line-height: 1em;
	}

	#tab>ul>li>a span {
		font-family: "futura-pt", sans-serif;
		font-size: calc(10vw / 13.66);
		font-weight: 600;
		font-style: normal;
	}

	#tab .contact .image {
		width: calc(113vw / 13.66);
		margin: 0 0 calc(6vw / 13.66) calc(30vw / 13.66);
	}

	#tab .contact .button {
		position: relative;
		display: block;
		background: #1eb07d;
		color: #ffffff;
		font-size: calc(14vw / 13.66);
		font-weight: 700;
		line-height: calc(40vw / 13.66);
		text-align: center;
		width: calc(166vw / 13.66);
		height: calc(40vw / 13.66);
		border-radius: calc(20vw / 13.66);
		filter: drop-shadow(0 calc(4vw / 13.66) 0 rgba(0, 0, 0, 0.25));
		margin: 0 auto;
	}

	#tab .contact .button::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_w.svg") no-repeat;
		background-position: top left;
		background-size: 100% 100%;
		width: calc(20vw / 13.66);
		height: calc(20vw / 13.66);
		top: 50%;
		right: calc(8vw / 13.66);
		transform: translateY(-50%);
	}

	#tab .blog {
		position: absolute;
		overflow: hidden;
		width: 100%;
		height: calc(117vw / 13.66);
		bottom: 0;
		border-radius: 0 0 calc(36vw / 13.66) 0;
	}

	#tab .blog .news__list {
		position: relative;
		background: #ff801a;
		width: 100%;
		height: 100%;
	}

	#tab .blog .news__list .news__item {
		position: relative;
		width: 100%;
		height: 100%;
	}

	#tab .blog .news__list .news__item a {
		position: relative;
		display: block;
		overflow: hidden;
		width: 100%;
		height: 100%;
	}

	#tab .blog .news__list .news__item a .common_img {
		position: absolute;
		overflow: hidden;
		display: flex;
		justify-content: center;
		width: calc(74vw / 13.66);
		height: calc(74vw / 13.66);
		border-radius: calc(10vw / 13.66);
		top: calc(16vw / 13.66);
		left: calc(30vw / 13.66);
	}

	#tab .blog .news__list .news__item a .common_img .noimage {
		background: #808080;
		width: 100%;
		height: 100%;
	}

	#tab .blog .news__list .news__item a .title {
		position: absolute;
		color: #ffffff;
		font-family: "futura-pt", sans-serif;
		font-size: calc(20vw / 13.66);
		font-weight: 600;
		font-style: normal;
		line-height: 1em;
		top: calc(16vw / 13.66);
		left: calc((77vw + 34vw) / 13.66);
	}

	#tab .blog .news__list .news__item a .date {
		position: absolute;
		color: #ffffff;
		font-size: calc(12vw / 13.66);
		font-weight: 700;
		line-height: calc(16vw / 13.66);
		top: calc(50vw / 13.66);
		left: calc((77vw + 34vw) / 13.66);
	}
}


/************************************
.bubble
************************************/
@keyframes bubble_open {
	0% {
		opacity: 0;
		transform: translateY(1.5%);
	}

	40% {
		opacity: 1;
		transform: translateY(-0.1%);
	}

	70% {
		opacity: 1;
		transform: translateY(0.1%);
	}

	100% {
		opacity: 1;
		transform: none;
	}
}

@media screen and (min-width: 1720px) {
	.bubble {
		position: absolute;
		z-index: 99;
		display: none;
		flex-wrap: wrap;
		width: calc(540px / 1366 * 1720);
		filter: drop-shadow(0 0 calc(6px / 1366 * 1720) rgba(0, 0, 0, 0.25));
		left: calc(155px / 1366 * 1720);
	}
	
	.bubble.is_active {
		display: flex!important;
		transition: transform 0.3s ease-out, visibility 0.3s;
		animation: bubble_open .6s ease-in-out forwards;
	}

	.bubble.b_features {
		top: calc(83px / 1366 * 1720);
	}

	.bubble.b_goods {
		top: calc(137px / 1366 * 1720);
	}

	.bubble .arrow {
		box-sizing: border-box;
		width: calc(42px / 1366 * 1720);
		height: calc(30px / 1366 * 1720);
		border-top: calc(30px / 1366 * 1720) solid transparent;
		border-bottom: calc(30px / 1366 * 1720) solid #ffffff;
		border-left: calc(42px / 1366 * 1720) solid transparent;
	}

	.bubble .wrapper {
		box-sizing: border-box;
		background: #ffffff;
		width: calc((540px - 42px) / 1366 * 1720);
		padding: calc(20px / 1366 * 1720) calc(18px / 1366 * 1720) calc(16px / 1366 * 1720) calc(27px / 1366 * 1720);
	}

	.bubble .wrapper h2 {
		color: #ffbe19;
		font-family: "copperplate", serif;
		font-size: calc(60px / 1366 * 1720);
		font-weight: 700;
		line-height: 1em;
		font-style: normal;
	}

	.bubble .wrapper .link {
		overflow: auto;
		box-sizing: border-box;
		background: #fff5ef;
		width: 100%;
		padding: calc(15px / 1366 * 1720) calc(20px / 1366 * 1720) calc(15px / 1366 * 1720) calc(15px / 1366 * 1720);
	}

	.bubble .wrapper .link h3 {
		width: 100%;
		border-bottom: calc(1px / 1366 * 1720) solid #ff6a1a;
		padding-bottom: calc(10px / 1366 * 1720);
		margin-bottom: calc(17px / 1366 * 1720);
	}

	.bubble .wrapper .link h3 a {
		position: relative;
		display: block;
		color: #322323;
		font-size: calc(16px / 1366 * 1720);
		font-weight: 700;
		line-height: 1em;
		width: 100%;
	}

	.bubble .wrapper .link h3 a::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_o.svg") no-repeat;
		background-size: 100% 100%;
		width: calc(20px / 1366 * 1720);
		height: calc(20px / 1366 * 1720);
		top: 0;
		right: 0;
	}

	.bubble .wrapper .link .category {
		float: left;
	}

	.bubble.b_features .wrapper .link .category:first-of-type {
		width: calc(120px / 1366 * 1720);
		margin-right: calc(65px / 1366 * 1720);
	}

	.bubble.b_features .wrapper .link .category:last-of-type {
		width: calc(195px / 1366 * 1720);
	}

	.bubble.b_goods .wrapper .link .category {
		width: calc(145px / 1366 * 1720);
	}

	.bubble .wrapper .link .category h4 {
		color: #322323;
		font-size: calc(14px / 1366 * 1720);
		font-weight: 700;
		line-height: 1em;
		margin-bottom: calc(12px / 1366 * 1720);
	}

	.bubble .wrapper .link .category ul>li {
		width: 100%;
		height: calc(20px / 1366 * 1720);
		margin-bottom: calc(20px / 1366 * 1720);
	}

	.bubble .wrapper .link .category ul>li:last-child {
		margin-bottom: 0;
	}

	.bubble .wrapper .link .category ul>li a {
		position: relative;
		display: block;
		color: #322323;
		font-size: calc(15px / 1366 * 1720);
		font-weight: 400;
		line-height: calc(20px / 1366 * 1720);
		width: 100%;
	}

	.bubble .wrapper .link .category ul>li a::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_o.svg") no-repeat;
		background-size: 100% 100%;
		width: calc(20px / 1366 * 1720);
		height: calc(20px / 1366 * 1720);
		top: 0;
		right: 0;
	}
}

@media screen and (min-width: 1133px) and (max-width: 1719px) {
	.bubble {
		position: absolute;
		z-index: 99;
		display: none;
		flex-wrap: wrap;
		width: calc(540vw / 13.66);
		filter: drop-shadow(0 0 calc(6vw / 13.66) rgba(0, 0, 0, 0.25));
		left: calc(155vw / 13.66);
	}
	
	.bubble.is_active {
		display: flex!important;
		transition: transform 0.3s ease-out, visibility 0.3s;
		animation: bubble_open .6s ease-in-out forwards;
	}

	.bubble.b_features {
		top: calc(83vw / 13.66);
	}

	.bubble.b_goods {
		top: calc(137vw / 13.66);
	}

	.bubble .arrow {
		box-sizing: border-box;
		width: calc(42vw / 13.66);
		height: calc(30vw / 13.66);
		border-top: calc(30vw / 13.66) solid transparent;
		border-bottom: calc(30vw / 13.66) solid #ffffff;
		border-left: calc(42vw / 13.66) solid transparent;
	}

	.bubble .wrapper {
		box-sizing: border-box;
		background: #ffffff;
		width: calc((540vw - 42vw) / 13.66);
		padding: calc(20vw / 13.66) calc(18vw / 13.66) calc(16vw / 13.66) calc(27vw / 13.66);
	}

	.bubble .wrapper h2 {
		color: #ffbe19;
		font-family: "copperplate", serif;
		font-size: calc(60vw / 13.66);
		font-weight: 700;
		line-height: 1em;
		font-style: normal;
	}

	.bubble .wrapper .link {
		overflow: auto;
		box-sizing: border-box;
		background: #fff5ef;
		width: 100%;
		padding: calc(15vw / 13.66) calc(20vw / 13.66) calc(15vw / 13.66) calc(15vw / 13.66);
	}

	.bubble .wrapper .link h3 {
		width: 100%;
		border-bottom: calc(1vw / 13.66) solid #ff6a1a;
		padding-bottom: calc(10vw / 13.66);
		margin-bottom: calc(17vw / 13.66);
	}

	.bubble .wrapper .link h3 a {
		position: relative;
		display: block;
		color: #322323;
		font-size: calc(16vw / 13.66);
		font-weight: 700;
		line-height: 1em;
		width: 100%;
	}

	.bubble .wrapper .link h3 a::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_o.svg") no-repeat;
		background-size: 100% 100%;
		width: calc(20vw / 13.66);
		height: calc(20vw / 13.66);
		top: 0;
		right: 0;
	}

	.bubble .wrapper .link .category {
		float: left;
	}

	.bubble.b_features .wrapper .link .category:first-of-type {
		width: calc(120vw / 13.66);
		margin-right: calc(65vw / 13.66);
	}

	.bubble.b_features .wrapper .link .category:last-of-type {
		width: calc(195vw / 13.66);
	}

	.bubble.b_goods .wrapper .link .category {
		width: calc(145vw / 13.66);
	}

	.bubble .wrapper .link .category h4 {
		color: #322323;
		font-size: calc(14vw / 13.66);
		font-weight: 700;
		line-height: 1em;
		margin-bottom: calc(12vw / 13.66);
	}

	.bubble .wrapper .link .category ul>li {
		width: 100%;
		height: calc(20vw / 13.66);
		margin-bottom: calc(20vw / 13.66);
	}

	.bubble .wrapper .link .category ul>li:last-child {
		margin-bottom: 0;
	}

	.bubble .wrapper .link .category ul>li a {
		position: relative;
		display: block;
		color: #322323;
		font-size: calc(15vw / 13.66);
		font-weight: 400;
		line-height: calc(20vw / 13.66);
		width: 100%;
	}

	.bubble .wrapper .link .category ul>li a::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_o.svg") no-repeat;
		background-size: 100% 100%;
		width: calc(20vw / 13.66);
		height: calc(20vw / 13.66);
		top: 0;
		right: 0;
	}
}

@media screen and (min-width: 744px) and (max-width: 1132px) {
	.bubble {
		display: none;
		box-sizing: border-box;
		background: #ffffff;
		width: calc(326vw / 7.44);
		padding: calc(20vw / 7.44);
	}

	.bubble.b_features, .bubble.b_goods {
		margin-top: calc(20vw / 7.44)!important;
	}

	.bubble .link {
		overflow: auto;
		box-sizing: border-box;
		background: #fff5ef;
		width: 100%;
		padding: calc(20vw / 7.44);
	}

	.bubble .link h3 {
		width: 100%;
		border-bottom: calc(1vw / 7.44) solid #ff6a1a;
		padding-bottom: calc(20vw / 7.44);
		margin-bottom: calc(20vw / 7.44);
	}

	.bubble .link h3 a {
		position: relative;
		display: block;
		color: #322323;
		font-size: calc(16vw / 7.44);
		font-weight: 700;
		line-height: 1em;
		width: 100%;
	}

	.bubble .link h3 a::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_o.svg") no-repeat;
		background-size: 100% 100%;
		width: calc(20vw / 7.44);
		height: calc(20vw / 7.44);
		top: 0;
		right: 0;
	}

	.bubble .link .category {
		width: 100%;
	}

	.bubble.b_features .link .category:first-of-type {
		margin-bottom: calc(30vw / 7.44);
	}

	.bubble .link .category h4 {
		color: #322323;
		font-size: calc(14vw / 7.44);
		font-weight: 700;
		line-height: 1em;
		margin-bottom: calc(14vw / 7.44);
	}

	.bubble .link .category ul {
		box-sizing: border-box;
		width: 100%;
		padding-left: calc(20vw / 7.44);
	}

	.bubble .link .category ul>li {
		width: 100%;
		height: calc(20vw / 7.44);
		margin-bottom: calc(20vw / 7.44);
	}

	.bubble .link .category ul>li:last-child {
		margin-bottom: 0;
	}

	.bubble .link .category ul>li a {
		position: relative;
		display: block;
		color: #322323;
		font-size: calc(15vw / 7.44);
		font-weight: 400;
		line-height: calc(20vw / 7.44);
	}

	.bubble .link .category ul>li a::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_o.svg") no-repeat;
		background-size: 100% 100%;
		width: calc(20vw / 7.44);
		height: calc(20vw / 7.44);
		top: 0;
		right: 0;
	}
}

@media screen and (max-width: 743px) {
	.bubble {
		display: none;
		box-sizing: border-box;
		background: #ffffff;
		width: calc(326vw / 3.9);
		padding: calc(20vw / 3.9);
	}

	.bubble.b_features, .bubble.b_goods {
		margin-top: calc(20vw / 3.9)!important;
	}

	.bubble .link {
		overflow: auto;
		box-sizing: border-box;
		background: #fff5ef;
		width: 100%;
		padding: calc(20vw / 3.9);
	}

	.bubble .link h3 {
		width: 100%;
		border-bottom: calc(1vw / 3.9) solid #ff6a1a;
		padding-bottom: calc(20vw / 3.9);
		margin-bottom: calc(20vw / 3.9);
	}

	.bubble .link h3 a {
		position: relative;
		display: block;
		color: #322323;
		font-size: calc(16vw / 3.9);
		font-weight: 700;
		line-height: 1em;
	}

	.bubble .link h3 a::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_o.svg") no-repeat;
		background-size: 100% 100%;
		width: calc(20vw / 3.9);
		height: calc(20vw / 3.9);
		top: 0;
		right: 0;
	}

	.bubble .link .category {
		width: 100%;
	}

	.bubble.b_features .link .category:first-of-type {
		margin-bottom: calc(30vw / 3.9);
	}

	.bubble .link .category h4 {
		color: #322323;
		font-size: calc(14vw / 3.9);
		font-weight: 700;
		line-height: 1em;
		margin-bottom: calc(14vw / 3.9);
	}

	.bubble .link .category ul {
		box-sizing: border-box;
		width: 100%;
		padding-left: calc(20vw / 3.9);
	}

	.bubble .link .category ul>li {
		width: 100%;
		height: calc(20vw / 3.9);
		margin-bottom: calc(20vw / 3.9);
	}

	.bubble .link .category ul>li:last-child {
		margin-bottom: 0;
	}

	.bubble .link .category ul>li a {
		position: relative;
		display: block;
		color: #322323;
		font-size: calc(15vw / 3.9);
		font-weight: 400;
		line-height: calc(20vw / 3.9);
	}

	.bubble .link .category ul>li a::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_o.svg") no-repeat;
		background-size: 100% 100%;
		width: calc(20vw / 3.9);
		height: calc(20vw / 3.9);
		top: 0;
		right: 0;
	}
}


/************************************
footer
************************************/
footer {
	position: relative;
	width: 100%;
}


/************************************
#sitemap
************************************/
@media screen and (min-width: 1720px) {
	#sitemap {
		position: relative;
		background: #f6f6f6;
		width: 100%;
		padding: calc(45px / 1366 * 1720) 0;
	}

	#sitemap .wrapper {
		position: relative;
		width: calc(1000px / 1366 * 1720);
		transform: translateX(-50%);
		margin-left: 50%;
		padding-left: calc(180px / 1366 * 1720);
	}

	#sitemap .wrapper a {
		color: #322323;
		font-size: calc(12px / 1366 * 1720);
		font-weight: 400;
		line-height: calc(36px / 1366 * 1720);
	}

	#sitemap .wrapper>a {
		display: table;
	}

	#sitemap .wrapper a.category {
		font-size: calc(15px / 1366 * 1720);
		font-weight: 700;
		line-height: calc(40px / 1366 * 1720);
	}

	#sitemap .wrapper>ul, #sitemap .wrapper .sns {
		float: left;
	}

	#sitemap .wrapper ul.strong {
		margin-right: calc(25px / 1366 * 1720);
	}

	#sitemap .wrapper ul.goods {
		margin-right: calc(75px / 1366 * 1720);
	}

	#sitemap .wrapper ul.result {
		margin-right: calc(45px / 1366 * 1720);
	}

	#sitemap .wrapper ul.about {
		margin-right: calc(20px / 1366 * 1720);
	}

	#sitemap .wrapper ul.other {
		margin-right: calc(35px / 1366 * 1720);
	}

	#sitemap .wrapper .sns {
		width: calc(196px / 1366 * 1720);
		height: calc(270px / 1366 * 1720);
		border-left: calc(1px / 1366 * 1720) solid #ffffff;
		padding-left: calc(22px / 1366 * 1720);
	}

	#sitemap .wrapper .sns p {
		color: #322323;
		font-size: calc(15px / 1366 * 1720);
		font-weight: 700;
		line-height: 1em;
		margin-bottom: calc(30px / 1366 * 1720);
	}

	#sitemap .wrapper .sns>ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
	}

	#sitemap .wrapper .sns>ul li {
		position: relative;
		background: #ffffff;
		width: calc(44px / 1366 * 1720);
		height: calc(44px / 1366 * 1720);
		border-radius: calc(22px / 1366 * 1720);
	}

	#sitemap .wrapper .sns>ul li img {
		position: absolute;
		display: block;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	#sitemap .wrapper .sns>ul li.line img {
		width: calc(24px / 1366 * 1720);
		height: auto;
	}

	#sitemap .wrapper .sns>ul li.x img {
		width: calc(19.57px / 1366 * 1720);
		height: auto;
	}

	#sitemap .wrapper .sns>ul li.facebook img {
		width: calc(24px / 1366 * 1720);
		height: auto;
	}

	#sitemap .wrapper .address {
		clear: both;
	}

	#sitemap .wrapper .address h2 {
		color: #ff6a1a;
		font-size: calc(15px / 1366 * 1720);
		font-weight: 700;
		line-height: 1em;
		margin-bottom: calc(14px / 1366 * 1720);
	}

	#sitemap .wrapper .address .office {
		clear: both;
		display: flex;
	}

	#sitemap .wrapper .address .office.nagoya {
		margin-bottom: calc(8px / 1366 * 1720);
	}

	#sitemap .wrapper .address .office h3, #sitemap .wrapper .address .office p {
		float: left;
		color: #322323;
		font-size: calc(12px / 1366 * 1720);
		font-weight: 400;
		line-height: 1em;
	}

	#sitemap .wrapper .address .office h3 {
		width: calc(90px / 1366 * 1720);
	}
}

@media screen and (min-width: 1133px) and (max-width: 1719px) {
	#sitemap {
		position: relative;
		background: #f6f6f6;
		width: 100%;
		padding: calc(45vw / 13.66) 0;
	}

	#sitemap .wrapper {
		position: relative;
		width: calc(1000vw / 13.66);
		transform: translateX(-50%);
		margin-left: 50%;
		padding-left: calc(180vw / 13.66);
	}

	#sitemap .wrapper a {
		color: #322323;
		font-size: calc(12vw / 13.66);
		font-weight: 400;
		line-height: calc(36vw / 13.66);
	}

	#sitemap .wrapper>a {
		display: table;
	}

	#sitemap .wrapper a.category {
		font-size: calc(15vw / 13.66);
		font-weight: 700;
		line-height: calc(40vw / 13.66);
	}

	#sitemap .wrapper>ul, #sitemap .wrapper .sns {
		float: left;
	}

	#sitemap .wrapper ul.strong {
		margin-right: calc(25vw / 13.66);
	}

	#sitemap .wrapper ul.goods {
		margin-right: calc(75vw / 13.66);
	}

	#sitemap .wrapper ul.result {
		margin-right: calc(45vw / 13.66);
	}

	#sitemap .wrapper ul.about {
		margin-right: calc(20vw / 13.66);
	}

	#sitemap .wrapper ul.other {
		margin-right: calc(35vw / 13.66);
	}

	#sitemap .wrapper .sns {
		width: calc(196vw / 13.66);
		height: calc(270vw / 13.66);
		border-left: calc(1vw / 13.66) solid #ffffff;
		padding-left: calc(22vw / 13.66);
	}

	#sitemap .wrapper .sns p {
		color: #322323;
		font-size: calc(15vw / 13.66);
		font-weight: 700;
		line-height: 1em;
		margin-bottom: calc(30vw / 13.66);
	}

	#sitemap .wrapper .sns>ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
	}

	#sitemap .wrapper .sns>ul li {
		position: relative;
		background: #ffffff;
		width: calc(44vw / 13.66);
		height: calc(44vw / 13.66);
		border-radius: calc(22vw / 13.66);
	}

	#sitemap .wrapper .sns>ul li img {
		position: absolute;
		display: block;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	#sitemap .wrapper .sns>ul li.line img {
		width: calc(24vw / 13.66);
		height: auto;
	}

	#sitemap .wrapper .sns>ul li.x img {
		width: calc(19.57vw / 13.66);
		height: auto;
	}

	#sitemap .wrapper .sns>ul li.facebook img {
		width: calc(24vw / 13.66);
		height: auto;
	}

	#sitemap .wrapper .address {
		clear: both;
	}

	#sitemap .wrapper .address h2 {
		color: #ff6a1a;
		font-size: calc(15vw / 13.66);
		font-weight: 700;
		line-height: 1em;
		margin-bottom: calc(14vw / 13.66);
	}

	#sitemap .wrapper .address .office {
		clear: both;
		display: flex;
	}

	#sitemap .wrapper .address .office.nagoya {
		margin-bottom: calc(8vw / 13.66);
	}

	#sitemap .wrapper .address .office h3, #sitemap .wrapper .address .office p {
		float: left;
		color: #322323;
		font-size: calc(12vw / 13.66);
		font-weight: 400;
		line-height: 1em;
	}

	#sitemap .wrapper .address .office h3 {
		width: calc(90vw / 13.66);
	}
}

@media screen and (min-width: 744px) and (max-width: 1132px) {
	#sitemap {
		position: relative;
		background: #f6f6f6;
		width: 100%;
		padding: calc(36vw / 7.44) 0 calc(30vw / 7.44);
	}

	#sitemap .wrapper {
		position: relative;
		width: calc(613vw / 7.44);
		margin: 0 auto;
	}

	#sitemap .wrapper a {
		color: #322323;
		font-size: calc(9.6vw / 7.44);
		font-weight: 400;
		line-height: calc(28.8vw / 7.44);
	}

	#sitemap .wrapper>a {
		display: table;
	}

	#sitemap .wrapper a.category {
		font-size: calc(12vw / 7.44);
		font-weight: 700;
		line-height: calc(30vw / 7.44);
	}

	#sitemap .wrapper>ul {
		float: left;
	}

	#sitemap .wrapper ul.strong {
		margin-right: calc(20vw / 7.44);
	}

	#sitemap .wrapper ul.goods {
		margin-right: calc(60vw / 7.44);
	}

	#sitemap .wrapper ul.result {
		margin-right: calc(40vw / 7.44);
	}

	#sitemap .wrapper ul.about {
		margin-right: calc(20vw / 7.44);
	}

	#sitemap .wrapper .address {
		clear: both;
		padding-top: calc(15vw / 7.44);
		margin-bottom: calc(20vw / 7.44);
	}

	#sitemap .wrapper .address h2 {
		color: #ff6a1a;
		font-size: calc(12vw / 7.44);
		font-weight: 700;
		line-height: 1em;
		margin-bottom: calc(10vw / 7.44);
	}

	#sitemap .wrapper .address .office {
		clear: both;
		display: flex;
	}

	#sitemap .wrapper .address .office.nagoya {
		margin-bottom: calc(7vw / 7.44);
	}

	#sitemap .wrapper .address .office h3, #sitemap .wrapper .address .office p {
		float: left;
		color: #322323;
		font-size: calc(9.6vw / 7.44);
		font-weight: 400;
		line-height: 1em;
	}

	#sitemap .wrapper .address .office h3 {
		width: calc(70vw / 7.44);
	}

	#sitemap .wrapper hr {
		clear: both;
		width: 100%;
		border-top: calc(1vw / 7.44) solid #ffffff;
		border-bottom: none;
		border-left: none;
		border-right: none;
		margin-bottom: calc(15vw / 7.44);
	}

	#sitemap .wrapper .sns {
		width: calc(196vw / 7.44);
		margin: 0 auto;
	}

	#sitemap .wrapper .sns p {
		color: #322323;
		font-size: calc(12vw / 7.44);
		font-weight: 700;
		line-height: 1em;
		text-align: center;
		width: 100%;
		margin-bottom: calc(7vw / 7.44);
	}

	#sitemap .wrapper .sns>ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
	}

	#sitemap .wrapper .sns>ul li {
		position: relative;
		background: #ffffff;
		width: calc(44vw / 7.44);
		height: calc(44vw / 7.44);
		border-radius: calc(22vw / 7.44);
	}

	#sitemap .wrapper .sns>ul li img {
		position: absolute;
		display: block;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	#sitemap .wrapper .sns>ul li.line img {
		width: calc(24vw / 7.44);
		height: auto;
	}

	#sitemap .wrapper .sns>ul li.x img {
		width: calc(19.57vw / 7.44);
		height: auto;
	}

	#sitemap .wrapper .sns>ul li.facebook img {
		width: calc(24vw / 7.44);
		height: auto;
	}
}

@media screen and (max-width: 743px) {
	#sitemap {
		position: relative;
		background: #f6f6f6;
		width: 100%;
		padding: calc(45vw / 3.9) 0 calc(50vw / 3.9);
	}

	#sitemap .wrapper {
		position: relative;
		width: calc(340vw / 3.9);
		margin: 0 auto;
	}

	#sitemap .wrapper a {
		color: #322323;
		font-size: calc(12vw / 3.9);
		font-weight: 400;
		line-height: calc(36vw / 3.9);
	}

	#sitemap .wrapper>a {
		display: table;
	}

	#sitemap .wrapper a.category {
		font-size: calc(15vw / 3.9);
		font-weight: 700;
		line-height: calc(40vw / 3.9);
	}

	#sitemap .wrapper>ul {
		float: left;
	}

	#sitemap .wrapper ul.strong {
		width: calc(180vw / 3.9);
	}

	#sitemap .wrapper ul.result {
		clear: both;
		width: calc(180vw / 3.9);
	}

	#sitemap .wrapper ul.other {
		clear: both;
		overflow: auto;
	}

	#sitemap .wrapper ul.other li {
		float: left;
	}

	#sitemap .wrapper ul.other li:first-child {
		width: calc(145vw / 3.9);
	}

	#sitemap .wrapper ul.other li:last-child {
		clear: both;
	}

	#sitemap .wrapper .address {
		clear: both;
		padding-top: calc(15vw / 3.9);
		margin-bottom: calc(64vw / 3.9);
	}

	#sitemap .wrapper .address h2 {
		color: #ff6a1a;
		font-size: calc(15vw / 3.9);
		font-weight: 700;
		line-height: 1em;
		margin-bottom: calc(15vw / 3.9);
	}

	#sitemap .wrapper .address .office {
		clear: both;
	}

	#sitemap .wrapper .address .office.nagoya {
		margin-bottom: calc(15vw / 3.9);
	}

	#sitemap .wrapper .address .office h3, #sitemap .wrapper .address .office p {
		color: #322323;
		font-size: calc(12vw / 3.9);
		font-weight: 400;
		line-height: calc(20vw / 3.9);
	}

	#sitemap .wrapper hr {
		clear: both;
		width: 100%;
		border-top: calc(1vw / 3.9) solid #ffffff;
		border-bottom: none;
		border-left: none;
		border-right: none;
		margin-bottom: calc(15vw / 3.9);
	}

	#sitemap .wrapper .sns {
		width: calc(196vw / 3.9);
	}

	#sitemap .wrapper .sns p {
		color: #322323;
		font-size: calc(15vw / 3.9);
		font-weight: 700;
		line-height: 1em;
		text-align: left;
		width: 100%;
		margin-bottom: calc(20vw / 3.9);
	}

	#sitemap .wrapper .sns>ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
	}

	#sitemap .wrapper .sns>ul li {
		position: relative;
		background: #ffffff;
		width: calc(44vw / 3.9);
		height: calc(44vw / 3.9);
		border-radius: calc(22vw / 3.9);
	}

	#sitemap .wrapper .sns>ul li img {
		position: absolute;
		display: block;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	#sitemap .wrapper .sns>ul li.line img {
		width: calc(24vw / 3.9);
		height: auto;
	}

	#sitemap .wrapper .sns>ul li.x img {
		width: calc(19.57vw / 3.9);
		height: auto;
	}

	#sitemap .wrapper .sns>ul li.facebook img {
		width: calc(24vw / 3.9);
		height: auto;
	}
}


/************************************
#logo
************************************/
@media screen and (min-width: 1720px) {
	#logo {
		position: relative;
		background: #ffffff;
		width: 100%;
		padding: calc(75px / 1366 * 1720) 0;
	}

	#logo .wrapper {
		position: relative;
		width: calc(1000px / 1366 * 1720);
		transform: translateX(-50%);
		margin-left: 50%;
		padding-left: calc(180px / 1366 * 1720);
	}

	#logo .wrapper h1 {
		width: calc(360px / 1366 * 1720);
		height: auto;
		margin: 0 auto calc(25px / 1366 * 1720);
	}

	#logo .wrapper small {
		display: block;
		color: #ec6c00;
		font-family: "futura-pt", sans-serif;
		font-size: calc(10px / 1366 * 1720);
		font-weight: 300;
		font-style: normal;
		text-align: center;
		width: 100%;
	}
}

@media screen and (min-width: 1133px) and (max-width: 1719px) {
	#logo {
		position: relative;
		background: #ffffff;
		width: 100%;
		padding: calc(75vw / 13.66) 0;
	}

	#logo .wrapper {
		position: relative;
		width: calc(1000vw / 13.66);
		transform: translateX(-50%);
		margin-left: 50%;
		padding-left: calc(180vw / 13.66);
	}

	#logo .wrapper h1 {
		width: calc(360vw / 13.66);
		height: auto;
		margin: 0 auto calc(25vw / 13.66);
	}

	#logo .wrapper small {
		display: block;
		color: #ec6c00;
		font-family: "futura-pt", sans-serif;
		font-size: calc(10vw / 13.66);
		font-weight: 300;
		font-style: normal;
		text-align: center;
		width: 100%;
	}
}

@media screen and (min-width: 744px) and (max-width: 1132px) {
	#logo {
		position: relative;
		background: #ffffff;
		width: 100%;
		padding: calc(75vw / 7.44) 0;
	}

	#logo .wrapper {
		position: relative;
		width: 100%;
	}

	#logo .wrapper h1 {
		width: calc(360vw / 7.44);
		height: auto;
		margin: 0 auto calc(25vw / 7.44);
	}

	#logo .wrapper small {
		display: block;
		color: #ec6c00;
		font-family: "futura-pt", sans-serif;
		font-size: calc(10vw / 7.44);
		font-weight: 300;
		font-style: normal;
		text-align: center;
		width: 100%;
	}
}

@media screen and (max-width: 743px) {
	#logo {
		position: relative;
		background: #ffffff;
		width: 100%;
		padding: calc(66vw / 3.9) 0;
	}

	#logo .wrapper {
		position: relative;
		width: 100%;
	}

	#logo .wrapper h1 {
		width: calc(300vw / 3.9);
		height: auto;
		margin: 0 auto calc(17vw / 3.9);
	}

	#logo .wrapper small {
		display: block;
		color: #ec6c00;
		font-family: "futura-pt", sans-serif;
		font-size: calc(10vw / 3.9);
		font-weight: 300;
		font-style: normal;
		text-align: center;
		width: 100%;
	}
}


/************************************
#right_menu
************************************/
@media screen and (min-width: 1720px) {
	#right_menu {
		position: fixed;
		display: flex;
		flex-wrap: wrap;
		align-content: space-between;
		bottom: calc(48px / 1366 * 1720);
		right: 0;
		width: calc(48px / 1366 * 1720);
		height: calc(234px / 1366 * 1720);
		z-index: 98;
		opacity: 0;
		transition: all 0.5s;
		pointer-events: none;
	}
	
	#right_menu.show {
		opacity: 1;
		pointer-events: auto;
	}
	
	#right_menu ul {
		display: flex;
		flex-wrap: wrap;
		align-content: space-evenly;
		background: #322323;
		bottom: 0;
		right: 0;
		width: 100%;
		height: calc(184px / 1366 * 1720);
	}
	
	#right_menu ul li {
		width: 100%;
	}
	
	#right_menu ul li>a {
		display: block;
		margin: 0 auto;
	}
	
	#right_menu ul li.blog a {
		width: calc(36px / 1366 * 1720);
		height: auto;
	}
	
	#right_menu ul li.x a {
		width: calc(19px / 1366 * 1720);
		height: auto;
	}
	
	#right_menu ul li.line a {
		width: calc(24px / 1366 * 1720);
		height: auto;
	}
	
	#right_menu ul li.facebook a {
		width: calc(24px / 1366 * 1720);
		height: auto;
	}
	
	#right_menu #top {
		width: 100%;
		height: calc(48px / 1366 * 1720);
	}
	
	#right_menu #top:hover {
		cursor: pointer;
	}
}

@media screen and (min-width: 1133px) and (max-width: 1719px) {
	#right_menu {
		position: fixed;
		display: flex;
		flex-wrap: wrap;
		align-content: space-between;
		bottom: calc(48vw / 13.66);
		right: 0;
		width: calc(48vw / 13.66);
		height: calc(234vw / 13.66);
		z-index: 98;
		opacity: 0;
		transition: all 0.5s;
		pointer-events: none;
	}
	
	#right_menu.show {
		opacity: 1;
		pointer-events: auto;
	}
	
	#right_menu ul {
		display: flex;
		flex-wrap: wrap;
		align-content: space-evenly;
		background: #322323;
		bottom: 0;
		right: 0;
		width: 100%;
		height: calc(184vw / 13.66);
	}
	
	#right_menu ul li {
		width: 100%;
	}
	
	#right_menu ul li>a {
		display: block;
		margin: 0 auto;
	}
	
	#right_menu ul li.blog a {
		width: calc(36vw / 13.66);
		height: auto;
	}
	
	#right_menu ul li.x a {
		width: calc(19vw / 13.66);
		height: auto;
	}
	
	#right_menu ul li.line a {
		width: calc(24vw / 13.66);
		height: auto;
	}
	
	#right_menu ul li.facebook a {
		width: calc(24vw / 13.66);
		height: auto;
	}
	
	#right_menu #top {
		width: 100%;
		height: calc(48vw / 13.66);
	}
	
	#right_menu #top:hover {
		cursor: pointer;
	}
}

@media screen and (min-width: 744px) and (max-width: 1132px) {
	#right_menu {
		position: fixed;
		display: flex;
		flex-wrap: wrap;
		align-content: space-between;
		bottom: calc(48vw / 7.44);
		right: 0;
		width: calc(48vw / 7.44);
		height: calc(234vw / 7.44);
		z-index: 98;
		opacity: 0;
		transition: all 0.5s;
		pointer-events: none;
	}
	
	#right_menu.show {
		opacity: 1;
		pointer-events: auto;
	}
	
	#right_menu ul {
		display: flex;
		flex-wrap: wrap;
		align-content: space-evenly;
		background: #322323;
		bottom: 0;
		right: 0;
		width: 100%;
		height: calc(184vw / 7.44);
	}
	
	#right_menu ul li {
		width: 100%;
	}
	
	#right_menu ul li>a {
		display: block;
		margin: 0 auto;
	}
	
	#right_menu ul li.blog a {
		width: calc(36vw / 7.44);
		height: auto;
	}
	
	#right_menu ul li.x a {
		width: calc(19vw / 7.44);
		height: auto;
	}
	
	#right_menu ul li.line a {
		width: calc(24vw / 7.44);
		height: auto;
	}
	
	#right_menu ul li.facebook a {
		width: calc(24vw / 7.44);
		height: auto;
	}
	
	#right_menu #top {
		width: 100%;
		height: calc(48vw / 7.44);
	}
	
	#right_menu #top:hover {
		cursor: pointer;
	}
}

@media screen and (max-width: 743px) {
	#right_menu {
		position: fixed;
		bottom: calc(48vw / 3.9);
		right: 0;
		width: calc(48vw / 3.9);
		height: calc(48vw / 3.9);
		z-index: 98;
		opacity: 0;
		transition: all 0.5s;
		pointer-events: none;
	}
	
	#right_menu.show {
		opacity: 1;
		pointer-events: auto;
	}
	
	#right_menu ul {
		display: none;
	}
	
	#right_menu #top {
		width: 100%;
		height: 100%;
	}
	
	#right_menu #top:hover {
		cursor: pointer;
	}
}


/************************************
.prev
************************************/
@media screen and (min-width: 1720px) {
	.prev {
		position: relative;
		display: inline;
		color: #322323;
		font-size: calc(12px / 1366 * 1720);
		font-weight: 700;
		line-height: calc(18px / 1366 * 1720);
		text-align: left;
		text-decoration: underline;
		margin: 0 0 calc(22px / 1366 * 1720) calc(25px / 1366 * 1720);
	}
	
	.prev::before {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_g.svg") no-repeat;
		background-size: 100% 100%;
		width: calc(18px / 1366 * 1720);
		height: calc(18px / 1366 * 1720);
		left: calc(-25px / 1366 * 1720);
		transform: rotate(180deg);
		transform-origin: center center;
	}
}

@media screen and (min-width: 1133px) and (max-width: 1719px) {
	.prev {
		position: relative;
		display: inline;
		color: #322323;
		font-size: calc(12vw / 13.66);
		font-weight: 700;
		line-height: calc(18vw / 13.66);
		text-align: left;
		text-decoration: underline;
		margin: 0 0 calc(22vw / 13.66) calc(25vw / 13.66);
	}
	
	.prev::before {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_g.svg") no-repeat;
		background-size: 100% 100%;
		width: calc(18vw / 13.66);
		height: calc(18vw / 13.66);
		left: calc(-25vw / 13.66);
		transform: rotate(180deg);
		transform-origin: center center;
	}
}

@media screen and (min-width: 744px) and (max-width: 1132px) {
	.prev {
		position: relative;
		display: inline;
		color: #322323;
		font-size: calc(12vw / 7.44);
		font-weight: 700;
		line-height: calc(18vw / 7.44);
		text-align: left;
		text-decoration: underline;
		margin: 0 0 calc(22vw / 7.44) calc(94vw / 7.44);
	}
	
	.prev::before {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_g.svg") no-repeat;
		background-size: 100% 100%;
		width: calc(18vw / 7.44);
		height: calc(18vw / 7.44);
		left: calc(-25vw / 7.44);
		transform: rotate(180deg);
		transform-origin: center center;
	}
}

@media screen and (max-width: 743px) {
	.prev {
		position: relative;
		display: inline;
		color: #322323;
		font-size: calc(12vw / 3.9);
		font-weight: 700;
		line-height: calc(18vw / 3.9);
		text-align: left;
		text-decoration: underline;
		margin: 0 0 calc(60vw / 3.9) calc(50vw / 3.9);
	}
	
	.prev::before {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_g.svg") no-repeat;
		background-size: 100% 100%;
		width: calc(18vw / 3.9);
		height: calc(18vw / 3.9);
		left: calc(-25vw / 3.9);
		transform: rotate(180deg);
		transform-origin: center center;
	}
}


/************************************
.next
************************************/
@media screen and (min-width: 1720px) {
	.next {
		position: relative;
		display: block;
		box-sizing: border-box;
		background: linear-gradient(to bottom, #e16c00, #ff5f00);
		border: calc(1px / 1366 * 1720) solid #ffffff;
		border-radius: calc(20px / 1366 * 1720);
		box-shadow: 0 0 calc(8px / 1366 * 1720) rgba(0, 0, 0, 0.25);
		width: calc(340px / 1366 * 1720);
		height: calc(88px / 1366 * 1720);
		margin: calc(22px / 1366 * 1720) auto calc(60px / 1366 * 1720);
	}
	.next .en_title {
		position: absolute;
		color: #ffffff;
		font-family: "copperplate", serif;
		font-size: calc(10px / 1366 * 1720);
		font-weight: 700;
		line-height: 0.7em;
		font-style: normal;
		text-align: center;
		width: calc(76px / 1366 * 1720);
		border-top: calc(1px / 1366 * 1720) solid #ffffff;
		padding-top: calc(8px / 1366 * 1720);
		transform: rotate(90deg);
		transform-origin: bottom left;
		bottom: calc((76px + 88px) / 2 / 1366 * 1720);
		left: calc(10px / 1366 * 1720);
	}
	
	.next .title {
		position: absolute;
		color: #ffffff;
		font-size: calc(24px / 1366 * 1720);
		font-weight: 700;
		line-height: 1em;
		text-align: center;
		width: calc(295px / 1366 * 1720);
		top: calc(12px / 1366 * 1720);
		right: calc(16px / 1366 * 1720);
	}
	
	.next .text {
		position: absolute;
		color: #ffffff;
		font-size: calc(12px / 1366 * 1720);
		font-weight: 400;
		line-height: calc(16px / 1366 * 1720);
		text-align: center;
		width: calc(295px / 1366 * 1720);
		top: calc(44px / 1366 * 1720);
		right: calc(16px / 1366 * 1720);
	}
	
	.next::before {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_g.svg") no-repeat;
		background-size: 100% 100%;
		width: calc(18px / 1366 * 1720);
		height: calc(18px / 1366 * 1720);
		top: 50%;
		right: calc(9px / 1366 * 1720);
		transform: translateY(-50%);
	}
}

@media screen and (min-width: 1133px) and (max-width: 1719px) {
	.next {
		position: relative;
		display: block;
		box-sizing: border-box;
		background: linear-gradient(to bottom, #e16c00, #ff5f00);
		border: calc(1vw / 13.66) solid #ffffff;
		border-radius: calc(20vw / 13.66);
		box-shadow: 0 0 calc(8vw / 13.66) rgba(0, 0, 0, 0.25);
		width: calc(340vw / 13.66);
		height: calc(88vw / 13.66);
		margin: calc(22vw / 13.66) auto calc(60vw / 13.66);
	}
	
	.next .en_title {
		position: absolute;
		color: #ffffff;
		font-family: "copperplate", serif;
		font-size: calc(10vw / 13.66);
		font-weight: 700;
		line-height: 0.7em;
		font-style: normal;
		text-align: center;
		width: calc(76vw / 13.66);
		border-top: calc(1vw / 13.66) solid #ffffff;
		padding-top: calc(8vw / 13.66);
		transform: rotate(90deg);
		transform-origin: bottom left;
		bottom: calc((76vw + 88vw) / 2 / 13.66);
		left: calc(10vw / 13.66);
	}
	
	.next .title {
		position: absolute;
		color: #ffffff;
		font-size: calc(24vw / 13.66);
		font-weight: 700;
		line-height: 1em;
		text-align: center;
		width: calc(295vw / 13.66);
		top: calc(12vw / 13.66);
		right: calc(16vw / 13.66);
	}
	
	.next .text {
		position: absolute;
		color: #ffffff;
		font-size: calc(12vw / 13.66);
		font-weight: 400;
		line-height: calc(16vw / 13.66);
		text-align: center;
		width: calc(295vw / 13.66);
		top: calc(44vw / 13.66);
		right: calc(16vw / 13.66);
	}
	
	.next::before {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_g.svg") no-repeat;
		background-size: 100% 100%;
		width: calc(18vw / 13.66);
		height: calc(18vw / 13.66);
		top: 50%;
		right: calc(9vw / 13.66);
		transform: translateY(-50%);
	}
}

@media screen and (min-width: 744px) and (max-width: 1132px) {
	.next {
		position: relative;
		display: block;
		box-sizing: border-box;
		background: linear-gradient(to bottom, #e16c00, #ff5f00);
		border: calc(1vw / 7.44) solid #ffffff;
		border-radius: calc(20vw / 7.44);
		box-shadow: 0 0 calc(8vw / 7.44) rgba(0, 0, 0, 0.25);
		width: calc(340vw / 7.44);
		height: calc(88vw / 7.44);
		margin: calc(22vw / 7.44) auto calc(80vw / 7.44);
	}
	
	.next .en_title {
		position: absolute;
		color: #ffffff;
		font-family: "copperplate", serif;
		font-size: calc(10vw / 7.44);
		font-weight: 700;
		line-height: 0.7em;
		font-style: normal;
		text-align: center;
		width: calc(76vw / 7.44);
		border-top: calc(1vw / 7.44) solid #ffffff;
		padding-top: calc(8vw / 7.44);
		transform: rotate(90deg);
		transform-origin: bottom left;
		bottom: calc((76vw + 88vw) / 2 / 7.44);
		left: calc(10vw / 7.44);
	}
	
	.next .title {
		position: absolute;
		color: #ffffff;
		font-size: calc(24vw / 7.44);
		font-weight: 700;
		line-height: 1em;
		text-align: center;
		width: calc(295vw / 7.44);
		top: calc(12vw / 7.44);
		right: calc(16vw / 7.44);
	}
	
	.next .text {
		position: absolute;
		color: #ffffff;
		font-size: calc(12vw / 7.44);
		font-weight: 400;
		line-height: calc(16vw / 7.44);
		text-align: center;
		width: calc(295vw / 7.44);
		top: calc(44vw / 7.44);
		right: calc(16vw / 7.44);
	}
	
	.next::before {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_g.svg") no-repeat;
		background-size: 100% 100%;
		width: calc(18vw / 7.44);
		height: calc(18vw / 7.44);
		top: 50%;
		right: calc(9vw / 7.44);
		transform: translateY(-50%);
	}
}

@media screen and (max-width: 743px) {
	.next {
		position: relative;
		display: block;
		box-sizing: border-box;
		background: linear-gradient(to bottom, #e16c00, #ff5f00);
		border: calc(1vw / 3.9) solid #ffffff;
		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(88vw / 3.9);
		margin: calc(60vw / 3.9) auto calc(74vw / 3.9);
	}
	
	.next .en_title {
		position: absolute;
		color: #ffffff;
		font-family: "copperplate", serif;
		font-size: calc(10vw / 3.9);
		font-weight: 700;
		line-height: 0.7em;
		font-style: normal;
		text-align: center;
		width: calc(76vw / 3.9);
		border-top: calc(1vw / 3.9) solid #ffffff;
		padding-top: calc(8vw / 3.9);
		transform: rotate(90deg);
		transform-origin: bottom left;
		bottom: calc((76vw + 88vw) / 2 / 3.9);
		left: calc(10vw / 3.9);
	}
	
	.next .title {
		position: absolute;
		color: #ffffff;
		font-size: calc(24vw / 3.9);
		font-weight: 700;
		line-height: 1em;
		text-align: center;
		width: calc(295vw / 3.9);
		top: calc(12vw / 3.9);
		right: calc(16vw / 3.9);
	}
	
	.next .text {
		position: absolute;
		color: #ffffff;
		font-size: calc(12vw / 3.9);
		font-weight: 400;
		line-height: calc(16vw / 3.9);
		text-align: center;
		width: calc(295vw / 3.9);
		top: calc(44vw / 3.9);
		right: calc(16vw / 3.9);
	}
	
	.next::before {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_g.svg") no-repeat;
		background-size: 100% 100%;
		width: calc(18vw / 3.9);
		height: calc(18vw / 3.9);
		top: 50%;
		right: calc(9vw / 3.9);
		transform: translateY(-50%);
	}
}