@charset "utf-8";


/************************************
#menu
************************************/
@media screen and (min-width: 1720px) {
	#menu {
		position: relative;
		width: 100%;
		padding-bottom: calc(60px / 1366 * 1720);
	}
	
	#menu .wrapper {
		position: relative;
		width: calc(1000px / 1366 * 1720);
		margin-left: 50%;
		transform: translateX(-50%);
		padding-left: calc(180px / 1366 * 1720);
	}
	
	#menu .wrapper:before {
		position: absolute;
		z-index: 0;
		display: block;
		content: "";
		background: url("../img/company/menu_back.webp") no-repeat;
		background-size: 101%;
		background-position: center center;
		width: 100vw;
		height: 100%;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	
	#menu .wrapper ul {
		position: relative;
		z-index: 1;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-content: space-between;
		width: calc(890px / 1366 * 1720);
		height: calc(389px / 1366 * 1720);
		padding: calc(60px / 1366 * 1720) 0;
		margin: 0 auto;
	}
	
	#menu .wrapper ul li {
		position: relative;
		background: rgba(255, 255, 255, 0.85);
		border-radius: calc(10px / 1366 * 1720);
		box-shadow: 0 0 calc(6px / 1366 * 1720) rgba(255, 106, 26, 0.25);
		width: calc(425px / 1366 * 1720);
		height: calc(180px / 1366 * 1720);
	}
	
	#menu .wrapper ul li a {
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
	}
	
	#menu .wrapper ul li .number {
		position: absolute;
		color: #ff6a1a;
		font-family: "copperplate", serif;
		font-size: calc(45.8px / 1366 * 1720);
		font-weight: 700;
		line-height: 1em;
		font-style: normal;
		text-align: right;
		top: -0.35em;
		left: calc(350px / 1366 * 1720);
	}
	
	#menu .wrapper ul li img {
		border-radius: calc(10px / 1366 * 1720);
		width: calc(130px / 1366 * 1720);
		margin: calc(25px / 1366 * 1720) 0 0 calc(28px / 1366 * 1720);
	}
	
	#menu .wrapper ul li .title {
		position: absolute;
		color: #322323;
		font-size: calc(24px / 1366 * 1720);
		font-weight: 700;
		line-height: calc(28px / 1366 * 1720);
		text-align: left;
		top: 50%;
		transform: translateY(-50%);
		left: calc(172px / 1366 * 1720);
	}
	
	#menu .wrapper ul li.about .title br {
		display: none;
	}
	
	#menu .wrapper ul li .title span {
		font-size: calc((24px * 0.8) / 1366 * 1720);
	}
	
	#menu .wrapper ul li .title span br {
		display: none;
	}
	
	#menu .wrapper ul li small {
		position: absolute;
		color: #322323;
		font-size: calc(12px / 1366 * 1720);
		font-weight: 400;
		line-height: 1em;
		text-align: left;
		bottom: calc(50px / 1366 * 1720);
		left: calc(172px / 1366 * 1720);
	}
	
	#menu .wrapper ul li a::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_g.svg") no-repeat;
		background-position: top left;
		background-size: 100% 100%;
		width: calc(18px / 1366 * 1720);
		height: calc(18px / 1366 * 1720);
		bottom: calc(25px / 1366 * 1720);
		right: calc(20px / 1366 * 1720);
	}
}

@media screen and (min-width: 1133px) and (max-width: 1719px) {
	#menu {
		position: relative;
		width: 100%;
		padding-bottom: calc(60vw / 13.66);
	}
	
	#menu .wrapper {
		position: relative;
		width: calc(1000vw / 13.66);
		margin-left: 50%;
		transform: translateX(-50%);
		padding-left: calc(180vw / 13.66);
	}
	
	#menu .wrapper:before {
		position: absolute;
		z-index: 0;
		display: block;
		content: "";
		background: url("../img/company/menu_back.webp") no-repeat;
		background-size: 101%;
		background-position: center center;
		width: 100vw;
		height: 100%;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	
	#menu .wrapper ul {
		position: relative;
		z-index: 1;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-content: space-between;
		width: calc(890vw / 13.66);
		height: calc(389vw / 13.66);
		padding: calc(60vw / 13.66) 0;
		margin: 0 auto;
	}
	
	#menu .wrapper ul li {
		position: relative;
		background: rgba(255, 255, 255, 0.85);
		border-radius: calc(10vw / 13.66);
		box-shadow: 0 0 calc(6vw / 13.66) rgba(255, 106, 26, 0.25);
		width: calc(425vw / 13.66);
		height: calc(180vw / 13.66);
	}
	
	#menu .wrapper ul li a {
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
	}
	
	#menu .wrapper ul li .number {
		position: absolute;
		color: #ff6a1a;
		font-family: "copperplate", serif;
		font-size: calc(45.8vw / 13.66);
		font-weight: 700;
		line-height: 1em;
		font-style: normal;
		text-align: right;
		top: -0.35em;
		left: calc(350vw / 13.66);
	}
	
	#menu .wrapper ul li img {
		border-radius: calc(10vw / 13.66);
		width: calc(130vw / 13.66);
		margin: calc(25vw / 13.66) 0 0 calc(28vw / 13.66);
	}
	
	#menu .wrapper ul li .title {
		position: absolute;
		color: #322323;
		font-size: calc(24vw / 13.66);
		font-weight: 700;
		line-height: calc(28vw / 13.66);
		text-align: left;
		top: 50%;
		transform: translateY(-50%);
		left: calc(172vw / 13.66);
	}
	
	#menu .wrapper ul li.about .title br {
		display: none;
	}
	
	#menu .wrapper ul li .title span {
		font-size: calc((24vw * 0.8) / 13.66);
	}
	
	#menu .wrapper ul li .title span br {
		display: none;
	}
	
	#menu .wrapper ul li small {
		position: absolute;
		color: #322323;
		font-size: calc(12vw / 13.66);
		font-weight: 400;
		line-height: 1em;
		text-align: left;
		bottom: calc(50vw / 13.66);
		left: calc(172vw / 13.66);
	}
	
	#menu .wrapper ul li a::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_g.svg") no-repeat;
		background-position: top left;
		background-size: 100% 100%;
		width: calc(18vw / 13.66);
		height: calc(18vw / 13.66);
		bottom: calc(25vw / 13.66);
		right: calc(20vw / 13.66);
	}
}

@media screen and (min-width: 744px) and (max-width: 1132px) {
	#menu {
		position: relative;
		width: 100%;
		padding-bottom: calc(80vw / 7.44);
	}
	
	#menu .wrapper {
		position: relative;
		width: 100%;
	}
	
	#menu .wrapper:before {
		position: absolute;
		z-index: 0;
		display: block;
		content: "";
		background: url("../img/company/menu_back.webp") no-repeat;
		background-size: calc(922vw / 7.44);
		background-position: calc(50% - (46vw / 7.44)) center;
		width: 100%;
		height: 100%;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	
	#menu .wrapper ul {
		position: relative;
		z-index: 1;
		display: flex;
		flex-wrap: wrap;
		align-content: space-between;
		width: calc(612vw / 7.44);
		height: calc(781vw / 7.44);
		padding: calc(60vw / 7.44) 0;
		margin: 0 auto;
	}
	
	#menu .wrapper ul li {
		position: relative;
		background: rgba(255, 255, 255, 0.85);
		border-radius: calc(10vw / 7.44);
		box-shadow: 0 0 calc(6vw / 7.44) rgba(255, 106, 26, 0.25);
		width: 100%;
		height: calc(180vw / 7.44);
	}
	
	#menu .wrapper ul li a {
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
	}
	
	#menu .wrapper ul li .number {
		position: absolute;
		color: #ff6a1a;
		font-family: "copperplate", serif;
		font-size: calc(45.8vw / 7.44);
		font-weight: 700;
		line-height: 1em;
		font-style: normal;
		text-align: right;
		top: -0.35em;
		left: calc(539vw / 7.44);
	}
	
	#menu .wrapper ul li img {
		border-radius: calc(10vw / 7.44);
		width: calc(130vw / 7.44);
		margin: calc(25vw / 7.44) 0 0 calc(28vw / 7.44);
	}
	
	#menu .wrapper ul li .title {
		position: absolute;
		color: #322323;
		font-size: calc(24vw / 7.44);
		font-weight: 700;
		line-height: calc(28vw / 7.44);
		text-align: left;
		top: 50%;
		transform: translateY(-50%);
		left: calc(172vw / 7.44);
	}
	
	#menu .wrapper ul li.about .title br {
		display: none;
	}
	
	#menu .wrapper ul li .title span {
		font-size: calc((24vw * 0.8) / 7.44);
	}
	
	#menu .wrapper ul li .title span br {
		display: none;
	}
	
	#menu .wrapper ul li small {
		position: absolute;
		color: #322323;
		font-size: calc(12vw / 7.44);
		font-weight: 400;
		line-height: 1em;
		text-align: left;
		bottom: calc(50vw / 7.44);
		left: calc(172vw / 7.44);
	}
	
	#menu .wrapper ul li a::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_g.svg") no-repeat;
		background-position: top left;
		background-size: 100% 100%;
		width: calc(18vw / 7.44);
		height: calc(18vw / 7.44);
		bottom: calc(25vw / 7.44);
		right: calc(20vw / 7.44);
	}
}

@media screen and (max-width: 743px) {
	#menu {
		position: relative;
		width: 100%;
		padding-bottom: calc(70vw / 3.9);
	}
	
	#menu .wrapper {
		position: relative;
		width: 100%;
	}
	
	#menu .wrapper:before {
		position: absolute;
		z-index: 0;
		display: block;
		content: "";
		background: url("../img/company/menu_back.webp") no-repeat;
		background-size: calc(801vw / 3.9);
		background-position: center center;
		width: 100%;
		height: 100%;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	
	#menu .wrapper ul {
		position: relative;
		z-index: 1;
		display: flex;
		flex-wrap: wrap;
		align-content: space-between;
		width: calc(340vw / 3.9);
		height: calc(660vw / 3.9);
		padding: calc(60vw / 3.9) 0;
		margin: 0 auto;
	}
	
	#menu .wrapper ul li {
		position: relative;
		background: rgba(255, 255, 255, 0.85);
		border-radius: calc(10vw / 3.9);
		box-shadow: 0 0 calc(6vw / 3.9) rgba(255, 106, 26, 0.25);
		width: 100%;
		height: calc(150vw / 3.9);
	}
	
	#menu .wrapper ul li a {
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
	}
	
	#menu .wrapper ul li .number {
		position: absolute;
		color: #ff6a1a;
		font-family: "copperplate", serif;
		font-size: calc(45.8vw / 3.9);
		font-weight: 700;
		line-height: 1em;
		font-style: normal;
		text-align: right;
		top: -0.35em;
		left: calc(267vw / 3.9);
	}
	
	#menu .wrapper ul li img {
		border-radius: calc(10vw / 3.9);
		width: calc(100vw / 3.9);
		margin: calc(25vw / 3.9) 0 0 calc(28vw / 3.9);
	}
	
	#menu .wrapper ul li .title {
		position: absolute;
		color: #322323;
		font-size: calc(24vw / 3.9);
		font-weight: 700;
		line-height: calc(28vw / 3.9);
		text-align: left;
		top: 50%;
		transform: translateY(-50%);
		left: calc(140vw / 3.9);
	}
	
	#menu .wrapper ul li .title span {
		font-size: calc((24vw * 0.8) / 3.9);
	}
	
	#menu .wrapper ul li small {
		position: absolute;
		color: #322323;
		font-size: calc(12vw / 3.9);
		font-weight: 400;
		line-height: 1em;
		text-align: left;
		bottom: calc(40vw / 3.9);
		left: calc(140vw / 3.9);
	}
	
	#menu .wrapper ul li a::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_g.svg") no-repeat;
		background-position: top left;
		background-size: 100% 100%;
		width: calc(18vw / 3.9);
		height: calc(18vw / 3.9);
		bottom: calc(20vw / 3.9);
		right: calc(20vw / 3.9);
	}
}


/************************************
#main_title
************************************/
@media screen and (min-width: 1720px) {
	#main_title {
		position: relative;
		box-sizing: border-box;
		background: url("../img/common/main_title.webp") repeat;
		background-size: calc(132px / 1366 * 1720) calc(132px / 1366 * 1720);
		background-position: top center;
		width: 100%;
		height: calc(300px / 1366 * 1720);
		padding-top: calc(14px / 1366 * 1720);
	}
	
	#main_title::after {
		position: absolute;
		display: block;
		content: "";
		width: 100%;
		height:  calc(10px / 1366 * 1720);
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
		bottom: 0;
	}
	
	#main_title .wrapper {
		position: relative;
		z-index: 0;
		width: calc(1000px / 1366 * 1720);
		margin-left: 50%;
		transform: translateX(-50%);
		padding-left: calc(180px / 1366 * 1720);
	}
	
	#main_title .wrapper .pankuzu {
		overflow: hidden;
		margin-bottom: calc(84px /1366 * 1720);
	}
	
	#main_title .wrapper .pankuzu li {
		position: relative;
		float: left;
		color: #322323;
		font-size: calc(12px / 1366 * 1720);
		font-weight: 400;
		line-height: 1em;
		text-align: left;
		margin-right: 2em;
	}
	
	#main_title .wrapper .pankuzu li:last-child {
		font-weight: 700;
		margin-right: 0;
	}
	
	#main_title .wrapper .pankuzu li::after {
		position: absolute;
		display: block;
		content: "／";
		color: #322323;
		font-size: calc(12px / 1366 * 1720);
		font-weight: 400;
		line-height: 1em;
		text-align: center;
		width: 2em;
		top: 0;
		right: -2em;
	}
	
	#main_title .wrapper .pankuzu li a {
		color: #322323;
	}
	
	#main_title .wrapper .pankuzu li:last-child::after {
		display: none;
	}
	
	#main_title .wrapper .en_title {
		position: absolute;
		z-index: -1;
		color: #ff6a1a;
		font-family: "copperplate", serif;
		font-size: calc(130px / 1366 * 1720);
		font-weight: 700;
		line-height: 0.7em;
		font-style: normal;
		text-align: right;
		top: 0;
		right: 0;
	}
	
	#main_title .wrapper .en_title.blur {
		color: transparent;
		text-shadow: 0 0 calc(10px / 1366 * 1720) rgba(255, 106, 26, 1);
	}
	
	#main_title .wrapper .number {
		position: absolute;
		z-index: -2;
		color: #fff0e8;
		font-family: "copperplate", serif;
		font-size: calc(180px / 1366 * 1720);
		font-weight: 700;
		line-height: 0.7em;
		font-style: normal;
		text-align: left;
		top: calc(73px / 1366 * 1720);
		left: calc(180px / 1366 * 1720);
	}
	
	#main_title .wrapper .category {
		position: absolute;
		color: #322323;
		font-size: calc(12px / 1366 * 1720);
		font-weight: 700;
		line-height: 1em;
		text-align: left;
		top: calc(80px / 1366 * 1720);
		left: calc(180px / 1366 * 1720);
	}
	
	#main_title .wrapper h2 {
		clear: both;
		display: inline-block;
		color: #322323;
		font-size: calc(32px / 1366 * 1720);
		font-weight: 700;
		line-height: 1em;
		text-align: left;
		border-bottom: calc(4px / 1366 * 1720) solid #ff6a1a;
		padding-bottom: calc(8px /1366 * 1720);
		margin-bottom: calc(16px /1366 * 1720);
	}
	
	#main_title .wrapper .text {
		color: #322323;
		font-size: calc(16px / 1366 * 1720);
		font-weight: 700;
		line-height: calc(28px / 1366 * 1720);
		text-align: left;
	}

	#main_title .car_1 {
		position: absolute;
		width: calc(110px / 1366 * 1720);
		bottom: 0;
		animation: drive_1_1720 10s ease-in-out infinite;
	}

	#main_title .car_2 {
		position: absolute;
		width: calc(110px / 1366 * 1720);
		bottom: 0;
		animation: drive_2_1720 10s ease-in-out infinite;
	}
	
	#main_title .main_photo {
		position: absolute;
		z-index: 1;
		width: calc(460px / 1366 * 1720);
		border-radius: calc(20px / 1366 * 1720);
		margin-left: 50%;
		transform: translateX(-50%);
		top: calc(103px / 1366 * 1720);
		left: calc(360px / 1366 * 1720);
	}
}

@media screen and (min-width: 1133px) and (max-width: 1719px) {
	#main_title {
		position: relative;
		box-sizing: border-box;
		background: url("../img/common/main_title.webp") repeat;
		background-size: calc(132vw / 13.66) calc(132vw / 13.66);
		background-position: top center;
		width: 100%;
		height: calc(300vw / 13.66);
		padding-top: calc(14vw / 13.66);
	}
	
	#main_title::after {
		position: absolute;
		display: block;
		content: "";
		width: 100%;
		height:  calc(10vw / 13.66);
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
		bottom: 0;
	}
	
	#main_title .wrapper {
		position: relative;
		z-index: 0;
		width: calc(1000vw / 13.66);
		margin-left: 50%;
		transform: translateX(-50%);
		padding-left: calc(180vw / 13.66);
	}
	
	#main_title .wrapper .pankuzu {
		overflow: hidden;
		margin-bottom: calc(84vw / 13.66);
	}
	
	#main_title .wrapper .pankuzu li {
		position: relative;
		float: left;
		color: #322323;
		font-size: calc(12vw / 13.66);
		font-weight: 400;
		line-height: 1em;
		text-align: left;
		margin-right: 2em;
	}
	
	#main_title .wrapper .pankuzu li:last-child {
		font-weight: 700;
		margin-right: 0;
	}
	
	#main_title .wrapper .pankuzu li::after {
		position: absolute;
		display: block;
		content: "／";
		color: #322323;
		font-size: calc(12vw / 13.66);
		font-weight: 400;
		line-height: 1em;
		text-align: center;
		width: 2em;
		top: 0;
		right: -2em;
	}
	
	#main_title .wrapper .pankuzu li a {
		color: #322323;
	}
	
	#main_title .wrapper .pankuzu li:last-child::after {
		display: none;
	}
	
	#main_title .wrapper .en_title {
		position: absolute;
		z-index: -1;
		color: #ff6a1a;
		font-family: "copperplate", serif;
		font-size: calc(130vw / 13.66);
		font-weight: 700;
		line-height: 0.7em;
		font-style: normal;
		text-align: right;
		top: 0;
		right: 0;
	}
	
	#main_title .wrapper .en_title.blur {
		color: transparent;
		text-shadow: 0 0 calc(10vw / 13.66) rgba(255, 106, 26, 1);
	}
	
	#main_title .wrapper .number {
		position: absolute;
		z-index: -2;
		color: #fff0e8;
		font-family: "copperplate", serif;
		font-size: calc(180vw / 13.66);
		font-weight: 700;
		line-height: 0.7em;
		font-style: normal;
		text-align: left;
		top: calc(73vw / 13.66);
		left: calc(180vw / 13.66);
	}
	
	#main_title .wrapper .category {
		position: absolute;
		color: #322323;
		font-size: calc(12vw / 13.66);
		font-weight: 700;
		line-height: 1em;
		text-align: left;
		top: calc(80vw / 13.66);
		left: calc(180vw / 13.66);
	}
	
	#main_title .wrapper h2 {
		clear: both;
		display: inline-block;
		color: #322323;
		font-size: calc(32vw / 13.66);
		font-weight: 700;
		line-height: 1em;
		text-align: left;
		border-bottom: calc(4vw / 13.66) solid #ff6a1a;
		padding-bottom: calc(8vw / 13.66);
		margin-bottom: calc(16vw / 13.66);
	}
	
	#main_title .wrapper .text {
		color: #322323;
		font-size: calc(16vw / 13.66);
		font-weight: 700;
		line-height: calc(28vw / 13.66);
		text-align: left;
	}

	#main_title .car_1 {
		position: absolute;
		width: calc(110vw / 13.66);
		bottom: 0;
		animation: drive_1_1133 10s ease-in-out infinite;
	}

	#main_title .car_2 {
		position: absolute;
		width: calc(110vw / 13.66);
		bottom: 0;
		animation: drive_2_1133 10s ease-in-out infinite;
	}
	
	#main_title .main_photo {
		position: absolute;
		z-index: 1;
		width: calc(460vw / 13.66);
		border-radius: calc(20vw / 13.66);
		margin-left: 50%;
		transform: translateX(-50%);
		top: calc(103vw / 13.66);
		left: calc(360vw / 13.66);
	}
}

@media screen and (min-width: 744px) and (max-width: 1132px) {
	#main_title {
		position: relative;
		box-sizing: border-box;
		background: url("../img/common/main_title.webp") repeat;
		background-size: calc(132vw / 7.44) calc(132vw / 7.44);
		background-position: top center;
		width: 100%;
		height: calc(315vw / 7.44);
		padding-top: calc(80vw / 7.44);
	}
	
	#main_title::after {
		position: absolute;
		display: block;
		content: "";
		width: 100%;
		height:  calc(10vw / 7.44);
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
		bottom: 0;
	}
	
	#main_title .wrapper {
		position: relative;
		z-index: 0;
		width: calc(650vw / 7.44);
		margin: 0 auto;
	}
	
	#main_title .wrapper .pankuzu {
		overflow: hidden;
		margin-bottom: calc(25vw / 7.44);
	}
	
	#main_title .wrapper .pankuzu li {
		position: relative;
		float: left;
		color: #322323;
		font-size: calc(12vw / 7.44);
		font-weight: 400;
		line-height: 1em;
		text-align: left;
		margin-right: 2em;
	}
	
	#main_title .wrapper .pankuzu li:last-child {
		font-weight: 700;
		margin-right: 0;
	}
	
	#main_title .wrapper .pankuzu li::after {
		position: absolute;
		display: block;
		content: "／";
		color: #322323;
		font-size: calc(12vw / 7.44);
		font-weight: 400;
		line-height: 1em;
		text-align: center;
		width: 2em;
		top: 0;
		right: -2em;
	}
	
	#main_title .wrapper .pankuzu li a {
		color: #322323;
	}
	
	#main_title .wrapper .pankuzu li:last-child::after {
		display: none;
	}
	
	#main_title .wrapper .en_title {
		position: absolute;
		z-index: -1;
		color: #ff6a1a;
		font-family: "copperplate", serif;
		font-size: calc(66vw / 7.44);
		font-weight: 700;
		line-height: 0.7em;
		font-style: normal;
		text-align: right;
		top: calc(33vw / 7.44);
		right: calc(30vw / 7.44);
	}
	
	#main_title .wrapper .en_title.blur {
		color: transparent;
		text-shadow: 0 0 calc(10vw / 7.44) rgba(255, 106, 26, 1);
		top: calc(-35vw / 7.44);
	}
	
	#main_title .wrapper .number {
		position: absolute;
		z-index: -2;
		color: #fff0e8;
		font-family: "copperplate", serif;
		font-size: calc(180vw / 7.44);
		font-weight: 700;
		line-height: 0.7em;
		font-style: normal;
		text-align: left;
		top: calc(70vw / 7.44);
		left: 0;
	}
	
	#main_title .wrapper .category {
		position: absolute;
		color: #322323;
		font-size: calc(12vw / 7.44);
		font-weight: 700;
		line-height: 1em;
		text-align: left;
		top: calc(20vw / 7.44);
		left: 0;
	}
	
	#main_title .wrapper h2 {
		clear: both;
		display: inline-block;
		color: #322323;
		font-size: calc(32vw / 7.44);
		font-weight: 700;
		line-height: 1em;
		text-align: left;
		border-bottom: calc(4vw / 7.44) solid #ff6a1a;
		padding-bottom: calc(8vw / 7.44);
		margin-bottom: calc(16vw / 7.44);
	}
	
	#main_title .wrapper .text {
		color: #322323;
		font-size: calc(16vw / 7.44);
		font-weight: 700;
		line-height: calc(28vw / 7.44);
		text-align: left;
	}

	#main_title .car_1 {
		position: absolute;
		width: calc(110vw / 7.44);
		bottom: 0;
		animation: drive_1_744 10s ease-in-out infinite;
	}

	#main_title .car_2 {
		position: absolute;
		width: calc(110vw / 7.44);
		bottom: 0;
		animation: drive_2_744 10s ease-in-out infinite;
	}
	
	#main_title .main_photo {
		position: absolute;
		z-index: 1;
		width: calc(276vw / 7.44);
		border-radius: calc(20vw / 7.44);
		top: calc(137vw / 7.44);
		right: calc(47vw / 7.44);
	}
}

@media screen and (max-width: 743px) {
	#main_title {
		position: relative;
		box-sizing: border-box;
		background: url("../img/common/main_title.webp") repeat;
		background-size: calc(132vw / 3.9) calc(132vw / 3.9);
		background-position: top center;
		width: 100%;
		height: calc(290vw / 3.9);
		padding-top: calc(80vw / 3.9);
	}
	
	#main_title::after {
		position: absolute;
		display: block;
		content: "";
		width: 100%;
		height:  calc(10vw / 3.9);
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
		bottom: 0;
	}
	
	#main_title .wrapper {
		position: relative;
		z-index: 0;
		width: calc(340vw / 3.9);
		margin: 0 auto;
	}
	
	#main_title .wrapper .pankuzu {
		overflow: hidden;
		margin-bottom: calc(10vw / 3.9);
	}
	
	#main_title .wrapper .pankuzu li {
		position: relative;
		float: left;
		color: #322323;
		font-size: calc(12vw / 3.9);
		font-weight: 400;
		line-height: 1em;
		text-align: left;
		margin-right: 2em;
	}
	
	#main_title .wrapper .pankuzu li:last-child {
		font-weight: 700;
		margin-right: 0;
	}
	
	#main_title .wrapper .pankuzu li::after {
		position: absolute;
		display: block;
		content: "／";
		color: #322323;
		font-size: calc(12vw / 3.9);
		font-weight: 400;
		line-height: 1em;
		text-align: center;
		width: 2em;
		top: 0;
		right: -2em;
	}
	
	#main_title .wrapper .pankuzu li a {
		color: #322323;
	}
	
	#main_title .wrapper .pankuzu li:last-child::after {
		display: none;
	}
	
	#main_title .wrapper .en_title {
		z-index: -1;
		color: #ff6a1a;
		font-family: "copperplate", serif;
		font-size: calc(44vw / 3.9);
		font-weight: 700;
		line-height: 0.7em;
		font-style: normal;
		text-align: left;
		margin-bottom: calc(10vw / 3.9);
	}
	
	#main_title .wrapper .en_title.blur {
		color: transparent;
		text-shadow: 0 0 calc(6vw / 3.9) rgba(255, 106, 26, 1);
	}
	
	#main_title .wrapper .number {
		position: absolute;
		z-index: -2;
		color: #fff0e8;
		font-family: "copperplate", serif;
		font-size: calc(180vw / 3.9);
		font-weight: 700;
		line-height: 0.7em;
		font-style: normal;
		text-align: left;
		top: calc(65vw / 3.9);
		left: 0;
	}
	
	#main_title .wrapper .category {
		position: absolute;
		color: #322323;
		font-size: calc(12vw / 3.9);
		font-weight: 700;
		line-height: 1em;
		text-align: left;
		top: calc(45vw / 3.9);
		left: 0;
	}
	
	#main_title .wrapper h2 {
		clear: both;
		display: inline-block;
		color: #322323;
		font-size: calc(30vw / 3.9);
		font-weight: 700;
		line-height: 1em;
		text-align: left;
		border-bottom: calc(4vw / 3.9) solid #ff6a1a;
		padding-bottom: calc(8vw / 3.9);
		margin-bottom: calc(16vw / 3.9);
	}
	
	#main_title .wrapper .text {
		color: #322323;
		font-size: calc(15vw / 3.9);
		font-weight: 700;
		line-height: calc(28vw / 3.9);
		text-align: justify;
	}

	#main_title .car_1, #main_title .car_2 {
		display: none;
	}
	
	#main_title .main_photo {
		display: none;
	}
}

@keyframes drive_1_1720 {
	0% {
		left: calc(75% + (110px / 1366 * 1720));
	}
	
	5% {
		left: calc(75.1% + (110px / 1366 * 1720));
	}
	
	80% {
		left: calc(-25% + (110px / 1366 * 1720));
	}
	
	100% {
		left: calc(-25% + (110px / 1366 * 1720));
	}
}

@keyframes drive_2_1720 {
	0% {
		left: calc(175% + (110px / 1366 * 1720));
	}
	
	5% {
		left: calc(175.1% + (110px / 1366 * 1720));
	}
	
	80% {
		left: calc(75% + (110px / 1366 * 1720));
	}
	
	100% {
		left: calc(75% + (110px / 1366 * 1720));
	}
}

@keyframes drive_1_1133 {
	0% {
		left: calc(75% + (110vw / 13.66));
	}
	
	5% {
		left: calc(75.1% + (110vw / 13.66));
	}
	
	80% {
		left: calc(-25% + (110vw / 13.66));
	}
	
	100% {
		left: calc(-25% + (110vw / 13.66));
	}
}

@keyframes drive_2_1133 {
	0% {
		left: calc(175% + (110vw / 13.66));
	}
	
	5% {
		left: calc(175.1% + (110vw / 13.66));
	}
	
	80% {
		left: calc(75% + (110vw / 13.66));
	}
	
	100% {
		left: calc(75% + (110vw / 13.66));
	}
}

@keyframes drive_1_744 {
	0% {
		left: calc(75%);
	}
	
	5% {
		left: calc(75.1%);
	}
	
	80% {
		left: calc(-25%);
	}
	
	100% {
		left: calc(-25%);
	}
}

@keyframes drive_2_744 {
	0% {
		left: calc(175%);
	}
	
	5% {
		left: calc(175.1%);
	}
	
	80% {
		left: calc(75%);
	}
	
	100% {
		left: calc(75%);
	}
}


/************************************
#origin
************************************/
@media screen and (min-width: 1720px) {
	#origin {
		position: relative;
		width: 100%;
		padding: calc(60px / 1366 * 1720) 0;
	}
	
	#origin .wrapper {
		width: calc(1000px / 1366 * 1720);
		margin-left: 50%;
		transform: translateX(-50%);
		padding-left: calc(180px / 1366 * 1720);
	}
	
	#origin .wrapper .story {
		width: 100%;
	}
	
	#origin .wrapper .story h3 {
		position: relative;
		width: 100%;
		height: calc(55px / 1366 * 1720);
		margin-bottom: calc(80px / 1366 * 1720);
	}
	
	#origin .wrapper .story h3 .icon {
		position: absolute;
		width: calc(53px / 1366 * 1720);
		bottom: calc(-8px / 1366 * 1720);
		left: calc(55px / 1366 * 1720);
	}
	
	#origin .wrapper .story h3 .en_title {
		position: absolute;
		color: #ffbe19;
		font-family: "copperplate", serif;
		font-size: calc(10px / 1366 * 1720);
		font-weight: 700;
		line-height: 1em;
		font-style: normal;
		text-align: left;
		top: calc(5px / 1366 * 1720);
		left: calc(117px / 1366 * 1720);
	}
	
	#origin .wrapper .story h3 .title_pc {
		position: absolute;
		background: linear-gradient(to right, #ff6a1a, #ff9e1a);
		background-clip: text;
		color: transparent;
		font-size: calc(32px / 1366 * 1720);
		font-weight: 700;
		line-height: calc(44px / 1366 * 1720);
		top: calc(17px / 1366 * 1720);
		left: calc(117px / 1366 * 1720);
	}
	
	#origin .wrapper .story h3 .title_pc br:nth-child(1), #origin .wrapper .story h3 .title_pc br:nth-child(3) {
		display: none;
	}
	
	#origin .wrapper .story h3 .title_sp {
		display: none;
	}
	
	#origin .wrapper .story .text {
		width: 100%;
		padding-bottom: calc(50px / 1366 * 1720);
	}
	
	#origin .wrapper .story .text h4 {
		position: relative;
		display: inline;
		background: linear-gradient(to bottom, transparent 0%, transparent 80%, #ffbfa3 80%, #ffbfa3 90%, transparent 90%);
		color: #322323;
		font-size: calc(26px / 1366 * 1720);
		font-weight: 700;
		line-height: calc(45px / 1366 * 1720);
		left: calc(55px / 1366 * 1720);
	}
	
	#origin .wrapper .story .text h4 br:nth-child(2) {
		display: none;
	}
	
	#origin .wrapper .story .text .text_wrapper {
		position: relative;
		width: calc(890px / 1366 * 1720);
		margin: 0 auto calc(60px / 1366 * 1720);
	}
	
	#origin .wrapper .story .text .text_wrapper:nth-of-type(1) {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row-reverse;
		justify-content: space-between;
		margin-top: calc(20px / 1366 * 1720);
	}
	
	#origin .wrapper .story .text .text_wrapper:nth-of-type(2) {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	#origin .wrapper .story .text .text_wrapper::before {
		position: absolute;
		display: block;
		z-index: -1;
		content: "";
		background: #fff5ef;
		border-radius: calc(20px / 1366 * 1720);
		top: calc(50px / 1366 * 1720);
	}
	
	#origin .wrapper .story .text .text_wrapper:nth-of-type(1)::before {
		width: calc(360px / 1366 * 1720);
		height: calc(260px / 1366 * 1720);
		right: calc(50px / 1366 * 1720);
	}
	
	#origin .wrapper .story .text .text_wrapper:nth-of-type(2)::before {
		width: calc(360px / 1366 * 1720);
		height: calc(260px / 1366 * 1720);
		left: calc(50px / 1366 * 1720);
	}
	
	#origin .wrapper .story .text .text_wrapper:nth-of-type(3)::before {
		width: calc(790px / 1366 * 1720);
		height: calc(300px / 1366 * 1720);
		left: 50%;
		transform: translateX(-50%);
	}
	
	#origin .wrapper .story .text .text_wrapper img {
		position: relative;
		border-radius: calc(20px / 1366 * 1720);
		width: calc(360px / 1366 * 1720);
		height: calc(260px / 1366 * 1720);
	}
	
	#origin .wrapper .story .text .text_wrapper:nth-of-type(3) img {
		width: 100%;
		height: calc(300px / 1366 * 1720);
		margin-bottom: calc(20px / 1366 * 1720);
	}
	
	#origin .wrapper .story .text .text_wrapper p {
		color: #322323;
		font-size: calc(15px / 1366 * 1720);
		font-weight: 400;
		line-height: calc(28px / 1366 * 1720);
		text-align: justify;
		width: calc(500px / 1366 * 1720);
	}
	
	#origin .wrapper .story .text .text_wrapper:nth-of-type(3) p {
		width: calc(600px / 1366 * 1720);
		margin: 0 auto;
	}
}

@media screen and (min-width: 1133px) and (max-width: 1719px) {
	#origin {
		position: relative;
		width: 100%;
		padding: calc(60vw / 13.66) 0;
	}
	
	#origin .wrapper {
		width: calc(1000vw / 13.66);
		margin-left: 50%;
		transform: translateX(-50%);
		padding-left: calc(180vw / 13.66);
	}
	
	#origin .wrapper .story {
		width: 100%;
	}
	
	#origin .wrapper .story h3 {
		position: relative;
		width: 100%;
		height: calc(55vw / 13.66);
		margin-bottom: calc(80vw / 13.66);
	}
	
	#origin .wrapper .story h3 .icon {
		position: absolute;
		width: calc(53vw / 13.66);
		bottom: calc(-8vw / 13.66);
		left: calc(55vw / 13.66);
	}
	
	#origin .wrapper .story h3 .en_title {
		position: absolute;
		color: #ffbe19;
		font-family: "copperplate", serif;
		font-size: calc(10vw / 13.66);
		font-weight: 700;
		line-height: 1em;
		font-style: normal;
		text-align: left;
		top: calc(5vw / 13.66);
		left: calc(117vw / 13.66);
	}
	
	#origin .wrapper .story h3 .title_pc {
		position: absolute;
		background: linear-gradient(to right, #ff6a1a, #ff9e1a);
		background-clip: text;
		color: transparent;
		font-size: calc(32vw / 13.66);
		font-weight: 700;
		line-height: calc(44vw / 13.66);
		top: calc(17vw / 13.66);
		left: calc(117vw / 13.66);
	}
	
	#origin .wrapper .story h3 .title_pc br:nth-child(1), #origin .wrapper .story h3 .title_pc br:nth-child(3) {
		display: none;
	}
	
	#origin .wrapper .story h3 .title_sp {
		display: none;
	}
	
	#origin .wrapper .story .text {
		width: 100%;
		padding-bottom: calc(50vw / 13.66);
	}
	
	#origin .wrapper .story .text h4 {
		position: relative;
		display: inline;
		background: linear-gradient(to bottom, transparent 0%, transparent 80%, #ffbfa3 80%, #ffbfa3 90%, transparent 90%);
		color: #322323;
		font-size: calc(26vw / 13.66);
		font-weight: 700;
		line-height: calc(45vw / 13.66);
		left: calc(55vw / 13.66);
	}
	
	#origin .wrapper .story .text h4 br:nth-child(2) {
		display: none;
	}
	
	#origin .wrapper .story .text .text_wrapper {
		position: relative;
		width: calc(890vw / 13.66);
		margin: 0 auto calc(60vw / 13.66);
	}
	
	#origin .wrapper .story .text .text_wrapper:nth-of-type(1) {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row-reverse;
		justify-content: space-between;
		margin-top: calc(20vw / 13.66);
	}
	
	#origin .wrapper .story .text .text_wrapper:nth-of-type(2) {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	#origin .wrapper .story .text .text_wrapper::before {
		position: absolute;
		display: block;
		z-index: -1;
		content: "";
		background: #fff5ef;
		border-radius: calc(20vw / 13.66);
		top: calc(50vw / 13.66);
	}
	
	#origin .wrapper .story .text .text_wrapper:nth-of-type(1)::before {
		width: calc(360vw / 13.66);
		height: calc(260vw / 13.66);
		right: calc(50vw / 13.66);
	}
	
	#origin .wrapper .story .text .text_wrapper:nth-of-type(2)::before {
		width: calc(360vw / 13.66);
		height: calc(260vw / 13.66);
		left: calc(50vw / 13.66);
	}
	
	#origin .wrapper .story .text .text_wrapper:nth-of-type(3)::before {
		width: calc(790vw / 13.66);
		height: calc(300vw / 13.66);
		left: 50%;
		transform: translateX(-50%);
	}
	
	#origin .wrapper .story .text .text_wrapper img {
		position: relative;
		border-radius: calc(20vw / 13.66);
		width: calc(360vw / 13.66);
		height: calc(260vw / 13.66);
	}
	
	#origin .wrapper .story .text .text_wrapper:nth-of-type(3) img {
		width: 100%;
		height: calc(300vw / 13.66);
		margin-bottom: calc(20vw / 13.66);
	}
	
	#origin .wrapper .story .text .text_wrapper p {
		color: #322323;
		font-size: calc(15vw / 13.66);
		font-weight: 400;
		line-height: calc(28vw / 13.66);
		text-align: justify;
		width: calc(500vw / 13.66);
	}
	
	#origin .wrapper .story .text .text_wrapper:nth-of-type(3) p {
		width: calc(600vw / 13.66);
		margin: 0 auto;
	}
}

@media screen and (min-width: 744px) and (max-width: 1132px) {
	#origin {
		position: relative;
		width: 100%;
		padding: calc(55vw / 7.44) 0;
	}
	
	#origin .wrapper {
		width: 100%;
	}
	
	#origin .wrapper .story {
		width: 100%;
	}
	
	#origin .wrapper .story h3 {
		position: relative;
		width: 100%;
		height: calc(55vw / 7.44);
		margin-bottom: calc(110vw / 7.44);
	}
	
	#origin .wrapper .story h3 .icon {
		position: absolute;
		width: calc(53vw / 7.44);
		bottom: calc(-8vw / 7.44);
		left: calc(67vw / 7.44);
	}
	
	#origin .wrapper .story h3 .en_title {
		position: absolute;
		color: #ffbe19;
		font-family: "copperplate", serif;
		font-size: calc(10vw / 7.44);
		font-weight: 700;
		line-height: 1em;
		font-style: normal;
		text-align: left;
		top: calc(5vw / 7.44);
		left: calc(128vw / 7.44);
	}
	
	#origin .wrapper .story h3 .title_pc {
		position: absolute;
		background: linear-gradient(to right, #ff6a1a, #ff9e1a);
		background-clip: text;
		color: transparent;
		font-size: calc(32vw / 7.44);
		font-weight: 700;
		line-height: calc(44vw / 7.44);
		top: calc(17vw / 7.44);
		left: calc(128vw / 7.44);
	}
	
	#origin .wrapper .story h3 .title_pc br:nth-child(2) {
		display: none;
	}
	
	#origin .wrapper .story h3 .title_sp {
		display: none;
	}
	
	#origin .wrapper .story .text {
		width: 100%;
	}
	
	#origin .wrapper .story .text h4 {
		position: relative;
		display: inline;
		background: linear-gradient(to bottom, transparent 0%, transparent 80%, #ffbfa3 80%, #ffbfa3 90%, transparent 90%);
		color: #322323;
		font-size: calc(26vw / 7.44);
		font-weight: 700;
		line-height: calc(44vw / 7.44);
		text-align: left;
		margin-bottom: calc(30vw / 7.44);
		left: calc(60vw / 7.44);
	}
	
	#origin .wrapper .story .text h4 br:nth-child(2) {
		display: none;
	}
	
	#origin .wrapper .story .text .text_wrapper {
		position: relative;
		width: calc(612vw / 7.44);
		margin: 0 auto calc(60vw / 7.44);
	}
	
	#origin .wrapper .story .text .text_wrapper:nth-of-type(1) {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row-reverse;
		justify-content: space-between;
		margin-top: calc(20vw / 7.44);
	}
	
	#origin .wrapper .story .text .text_wrapper:nth-of-type(2) {
		overflow: auto;
	}
	
	#origin .wrapper .story .text .text_wrapper::before {
		position: absolute;
		display: block;
		z-index: -1;
		content: "";
		background: #fff5ef;
		border-radius: calc(20vw / 7.44);
		top: calc(40vw / 7.44);
	}
	
	#origin .wrapper .story .text .text_wrapper:nth-of-type(1)::before {
		width: calc(288vw / 7.44);
		height: calc(208vw / 7.44);
		right: calc(40vw / 7.44);
	}
	
	#origin .wrapper .story .text .text_wrapper:nth-of-type(2)::before {
		width: calc(288vw / 7.44);
		height: calc(208vw / 7.44);
		left: calc(40vw / 7.44);
	}
	
	#origin .wrapper .story .text .text_wrapper:nth-of-type(3)::before {
		width: calc(543vw / 7.44);
		height: calc(206vw / 7.44);
		left: 50%;
		transform: translateX(-50%);
	}
	
	#origin .wrapper .story .text .text_wrapper img {
		position: relative;
		border-radius: calc(20vw / 7.44);
		width: calc(288vw / 7.44);
		height: calc(208vw / 7.44);
	}
	
	#origin .wrapper .story .text .text_wrapper:nth-of-type(2) img {
		float: left;
		margin: 0 calc(18vw / 7.44) calc(40vw / 7.44) 0;
	}
	
	#origin .wrapper .story .text .text_wrapper:nth-of-type(3) img {
		width: 100%;
		height: calc(206vw / 7.44);
		margin-bottom: calc(30vw / 7.44);
	}
	
	#origin .wrapper .story .text .text_wrapper p {
		color: #322323;
		font-size: calc(15vw / 7.44);
		font-weight: 400;
		line-height: calc(28vw / 7.44);
		text-align: justify;
		width: calc(306vw / 7.44);
	}
	
	#origin .wrapper .story .text .text_wrapper:nth-of-type(2) p {
		width: 100%;
	}
	
	#origin .wrapper .story .text .text_wrapper:nth-of-type(3) p {
		width: 100%;
	}
}

@media screen and (max-width: 743px) {
	#origin {
		position: relative;
		width: 100%;
		padding: calc(55vw / 3.9) 0;
	}
	
	#origin .wrapper {
		width: 100%;
	}
	
	#origin .wrapper .story {
		width: 100%;
		margin-bottom: calc(60vw / 3.9);
	}
	
	#origin .wrapper .story h3 {
		position: relative;
		width: 100%;
		height: calc(40vw / 3.9);
		margin-bottom: calc(145vw / 3.9);
	}
	
	#origin .wrapper .story h3 .icon {
		position: absolute;
		width: calc(42vw / 3.9);
		bottom: calc(-4vw / 3.9);
		left: calc(26vw / 3.9);
	}
	
	#origin .wrapper .story h3 .en_title {
		position: absolute;
		color: #ffbe19;
		font-family: "copperplate", serif;
		font-size: calc(8vw / 3.9);
		font-weight: 700;
		line-height: 1em;
		font-style: normal;
		text-align: left;
		top: 0;
		left: calc(73vw / 3.9);
	}
	
	#origin .wrapper .story h3 .title_pc {
		display: none;
	}
	
	#origin .wrapper .story h3 .title_sp {
		position: absolute;
		background: linear-gradient(to right, #ff6a1a, #ff9e1a);
		background-clip: text;
		color: transparent;
		font-size: calc(30vw / 3.9);
		font-weight: 700;
		line-height: calc(40vw / 3.9);
		top: calc(6vw / 3.9);
		left: calc(73vw / 3.9);
	}
	
	#origin .wrapper .story .text {
		width: 100%;
	}
	
	#origin .wrapper .story .text h4 {
		position: relative;
		display: inline;
		background: linear-gradient(to bottom, transparent 0%, transparent 80%, #ffbfa3 80%, #ffbfa3 90%, transparent 90%);
		color: #322323;
		font-size: calc(24vw / 3.9);
		font-weight: 700;
		line-height: calc(42vw / 3.9);
		text-align: left;
		margin-bottom: calc(34vw / 3.9);
		left:calc(25vw / 3.9);
	}
	
	#origin .wrapper .story .text .text_wrapper {
		position: relative;
		width: calc(340vw / 3.9);
		padding-top: calc(238vw / 3.9);
		margin: 0 auto calc(60vw / 3.9);
	}
	
	#origin .wrapper .story .text .text_wrapper:nth-of-type(1) {
		margin-top: calc(25vw / 3.9);
	}
	
	#origin .wrapper .story .text .text_wrapper:nth-of-type(3) {
		padding-top: calc(162vw / 3.9);
	}
	
	#origin .wrapper .story .text .text_wrapper::before {
		position: absolute;
		display: block;
		z-index: -1;
		content: "";
		background: #fff5ef;
		border-radius: calc(20vw / 3.9);
		top: calc(40vw / 3.9);
	}
	
	#origin .wrapper .story .text .text_wrapper:nth-of-type(1)::before {
		width: calc(288vw / 3.9);
		height: calc(208vw / 3.9);
		left: 0;
	}
	
	#origin .wrapper .story .text .text_wrapper:nth-of-type(2)::before {
		width: calc(288vw / 3.9);
		height: calc(208vw / 3.9);
		right: 0;
	}
	
	#origin .wrapper .story .text .text_wrapper:nth-of-type(3)::before {
		width: 100%;
		height: calc(131vw / 3.9);
		left: 50%;
		transform: translateX(-50%);
	}
	
	#origin .wrapper .story .text .text_wrapper img {
		position: absolute;
		border-radius: calc(20vw / 3.9);
		width: calc(288vw / 3.9);
		height: calc(208vw / 3.9);		
		top: 0;
	}
	
	#origin .wrapper .story .text .text_wrapper:nth-of-type(1) img {
		right: 0;
	}
	
	#origin .wrapper .story .text .text_wrapper:nth-of-type(2) img {
		left: 0;
	}
	
	#origin .wrapper .story .text .text_wrapper:nth-of-type(3) img {
		width: 100vw;
		height: calc(131vw / 3.9);
		left: 50%;
		transform: translateX(-50%);
	}
	
	#origin .wrapper .story .text .text_wrapper p {
		color: #322323;
		font-size: calc(16vw / 3.9);
		font-weight: 400;
		line-height: calc(28vw / 3.9);
		text-align: justify;
		width: 100%;
	}
}


/************************************
#philosophy
************************************/
@media screen and (min-width: 1720px) {
	#philosophy {
		position: relative;
		width: 100%;
		padding: calc(60px / 1366 * 1720) 0;
	}
	
	#philosophy .wrapper {
		width: calc(1000px / 1366 * 1720);
		margin-left: 50%;
		transform: translateX(-50%);
		padding-left: calc(180px / 1366 * 1720);
	}
	
	#philosophy .wrapper .greeting {
		width: 100%;
		margin-bottom: calc(60px / 1366 * 1720);
	}
	
	#philosophy .wrapper .greeting h3 {
		width: calc(342px / 1366 * 1720);
		margin: 0 auto calc(75px / 1366 * 1720);
	}
	
	#philosophy .wrapper .greeting h3 img {
		width: 100%;
	}
	
	#philosophy .wrapper .greeting p {
		color: #322323;
		font-size: calc(15px / 1366 * 1720);
		font-weight: 400;
		line-height: calc(28px / 1366 * 1720);
		text-align: center;
		width: 100%;
		margin-bottom: calc(30px / 1366 * 1720);
	}
	
	#philosophy .wrapper .greeting p br:nth-child(1), #philosophy .wrapper .greeting p br:nth-child(4), #philosophy .wrapper .greeting p br:nth-child(8), #philosophy .wrapper .greeting p br:nth-child(10) {
		display: none;
	}
	
	#philosophy .wrapper .greeting .president {
		width: calc(288px / 1366 * 1720);
		margin: 0 auto;
	}
	
	#philosophy .wrapper .greeting .president img {
		width: 100%;
		margin-bottom: calc(15px / 1366 * 1720);
	}
	
	#philosophy .wrapper .greeting .president h4 {
		color: #322323;
		font-size: calc(13px / 1366 * 1720);
		font-weight: 700;
		line-height: calc(20px / 1366 * 1720);
		text-align: center;
		width: 100%;
	}

	#philosophy .wrapper .scroll {
		overflow: inherit!important;
	}
	
	.scroll-hint-icon-wrap {
		display: none!important;
	}
	
	#philosophy .wrapper .other {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		box-sizing: border-box;
		background: #ffeae2;
		width: 100%;
		height: calc(310px / 1366 * 1720);
		padding: calc(40px / 1366 * 1720) calc(157px / 1366 * 1720);
		margin-bottom: calc(60px / 1366 * 1720);
	}

	#philosophy .wrapper .other li {
		overflow: hidden;
		background: #ffffff;
		width: calc(225px / 1366 * 1720);
		height: calc(230px / 1366 * 1720);
		box-shadow: 0 0 calc(6px / 1366 * 1720) rgba(0, 0, 0, 0.25);
	}

	#philosophy .wrapper .other li a {
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
	}

	#philosophy .wrapper .other li a.sns::before {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/icon_sns.svg") no-repeat;
		background-size: 100% 100%;
		background-position: top left;
		width: calc(20px / 1366 * 1720);
		height: calc(14px / 1366 * 1720);
		bottom: calc(5px / 1366 * 1720);
		right: calc(28px / 1366 * 1720);
	}

	#philosophy .wrapper .other li a::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/icon_link.svg") no-repeat;
		background-size: 100% 100%;
		background-position: top left;
		width: calc(14px / 1366 * 1720);
		height: calc(14px / 1366 * 1720);
		bottom: calc(5px / 1366 * 1720);
		right: calc(6px / 1366 * 1720);
	}

	#philosophy .wrapper .other li a img {
		display: block;
		width: 100%;
		margin-bottom: calc(10px / 1366 * 1720);
	}

	#philosophy .wrapper .other li a h3 {
		position: relative;
		color: #3d3333;
		font-size: calc(14px / 1366 * 1720);
		font-weight: 400;
		line-height: calc(20px / 1366 * 1720);
		text-align: justify;
		width: calc(178px / 1366 * 1720);
		margin-left: calc(13px / 1366 * 1720);
	}

	#philosophy .wrapper .other li a h3::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_g.svg") no-repeat;
		background-size: 100% 100%;
		background-position: top left;
		width: calc(18px / 1366 * 1720);
		height: calc(18px / 1366 * 1720);
		top: calc(3px / 1366 * 1720);
		right: calc(-28px / 1366 * 1720);
	}
}

@media screen and (min-width: 1133px) and (max-width: 1719px) {
	#philosophy {
		position: relative;
		width: 100%;
		padding: calc(60vw / 13.66) 0;
	}
	
	#philosophy .wrapper {
		width: calc(1000vw / 13.66);
		margin-left: 50%;
		transform: translateX(-50%);
		padding-left: calc(180vw / 13.66);
	}
	
	#philosophy .wrapper .greeting {
		width: 100%;
		margin-bottom: calc(60vw / 13.66);
	}
	
	#philosophy .wrapper .greeting h3 {
		width: calc(342vw / 13.66);
		margin: 0 auto calc(75vw / 13.66);
	}
	
	#philosophy .wrapper .greeting h3 img {
		width: 100%;
	}
	
	#philosophy .wrapper .greeting p {
		color: #322323;
		font-size: calc(15vw / 13.66);
		font-weight: 400;
		line-height: calc(28vw / 13.66);
		text-align: center;
		width: 100%;
		margin-bottom: calc(30vw / 13.66);
	}
	
	#philosophy .wrapper .greeting p br:nth-child(1), #philosophy .wrapper .greeting p br:nth-child(4), #philosophy .wrapper .greeting p br:nth-child(8), #philosophy .wrapper .greeting p br:nth-child(10) {
		display: none;
	}
	
	#philosophy .wrapper .greeting .president {
		width: calc(288vw / 13.66);
		margin: 0 auto;
	}
	
	#philosophy .wrapper .greeting .president img {
		width: 100%;
		margin-bottom: calc(15vw / 13.66);
	}
	
	#philosophy .wrapper .greeting .president h4 {
		color: #322323;
		font-size: calc(13vw / 13.66);
		font-weight: 700;
		line-height: calc(20vw / 13.66);
		text-align: center;
		width: 100%;
	}

	#philosophy .wrapper .scroll {
		overflow: inherit!important;
	}
	
	.scroll-hint-icon-wrap {
		display: none!important;
	}
	
	#philosophy .wrapper .other {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		box-sizing: border-box;
		background: #ffeae2;
		width: 100%;
		height: calc(310vw / 13.66);
		padding: calc(40vw / 13.66) calc(157vw / 13.66);
		margin-bottom: calc(60vw / 13.66);
	}

	#philosophy .wrapper .other li {
		overflow: hidden;
		background: #ffffff;
		width: calc(225vw / 13.66);
		height: calc(230vw / 13.66);
		box-shadow: 0 0 calc(6vw / 13.66) rgba(0, 0, 0, 0.25);
	}

	#philosophy .wrapper .other li a {
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
	}

	#philosophy .wrapper .other li a.sns::before {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/icon_sns.svg") no-repeat;
		background-size: 100% 100%;
		background-position: top left;
		width: calc(20vw / 13.66);
		height: calc(14vw / 13.66);
		bottom: calc(5vw / 13.66);
		right: calc(28vw / 13.66);
	}

	#philosophy .wrapper .other li a::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/icon_link.svg") no-repeat;
		background-size: 100% 100%;
		background-position: top left;
		width: calc(14vw / 13.66);
		height: calc(14vw / 13.66);
		bottom: calc(5vw / 13.66);
		right: calc(6vw / 13.66);
	}

	#philosophy .wrapper .other li a img {
		display: block;
		width: 100%;
		margin-bottom: calc(10vw / 13.66);
	}

	#philosophy .wrapper .other li a h3 {
		position: relative;
		color: #3d3333;
		font-size: calc(14vw / 13.66);
		font-weight: 400;
		line-height: calc(20vw / 13.66);
		text-align: justify;
		width: calc(178vw / 13.66);
		margin-left: calc(13vw / 13.66);
	}

	#philosophy .wrapper .other li a h3::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_g.svg") no-repeat;
		background-size: 100% 100%;
		background-position: top left;
		width: calc(18vw / 13.66);
		height: calc(18vw / 13.66);
		top: calc(3vw / 13.66);
		right: calc(-28vw / 13.66);
	}
}

@media screen and (min-width: 744px) and (max-width: 1132px) {
	#philosophy {
		position: relative;
		width: 100%;
		padding: calc(60vw / 7.44) 0;
	}
	
	#philosophy .wrapper {
		width: 100%;
	}
	
	#philosophy .wrapper .greeting {
		width: 100%;
		margin-bottom: calc(60vw / 7.44);
	}
	
	#philosophy .wrapper .greeting h3 {
		width: calc(342vw / 7.44);
		margin: 0 auto calc(75vw / 7.44);
	}
	
	#philosophy .wrapper .greeting h3 img {
		width: 100%;
	}
	
	#philosophy .wrapper .greeting p {
		color: #322323;
		font-size: calc(15vw / 7.44);
		font-weight: 400;
		line-height: calc(28vw / 7.44);
		text-align: center;
		width: 100%;
		margin-bottom: calc(30vw / 7.44);
	}
	
	#philosophy .wrapper .greeting p br:nth-child(1), #philosophy .wrapper .greeting p br:nth-child(4), #philosophy .wrapper .greeting p br:nth-child(8), #philosophy .wrapper .greeting p br:nth-child(10) {
		display: none;
	}
	
	#philosophy .wrapper .greeting .president {
		width: calc(288vw / 7.44);
		margin: 0 auto;
	}
	
	#philosophy .wrapper .greeting .president img {
		width: 100%;
		margin-bottom: calc(15vw / 7.44);
	}
	
	#philosophy .wrapper .greeting .president h4 {
		color: #322323;
		font-size: calc(13vw / 7.44);
		font-weight: 700;
		line-height: calc(20vw / 7.44);
		text-align: center;
		width: 100%;
	}

	#philosophy .wrapper .scroll {
		overflow: inherit!important;
	}
	
	.scroll-hint-icon-wrap {
		display: none!important;
	}
	
	#philosophy .wrapper .other {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		box-sizing: border-box;
		background: #ffeae2;
		width: 100%;
		height: calc(264vw / 7.44);
		padding: calc(43vw / 7.44) calc(90vw / 7.44);
		margin-bottom: calc(60vw / 7.44);
	}

	#philosophy .wrapper .other li {
		overflow: hidden;
		background: #ffffff;
		width: calc(180vw / 7.44);
		height: calc(184vw / 7.44);
		box-shadow: 0 0 calc(6vw / 7.44) rgba(0, 0, 0, 0.25);
	}

	#philosophy .wrapper .other li a {
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
	}

	#philosophy .wrapper .other li a.sns::before {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/icon_sns.svg") no-repeat;
		background-size: 100% 100%;
		background-position: top left;
		width: calc(16vw / 7.44);
		height: calc(11.2vw / 7.44);
		bottom: calc(4vw / 7.44);
		right: calc(22vw / 7.44);
	}

	#philosophy .wrapper .other li a::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/icon_link.svg") no-repeat;
		background-size: 100% 100%;
		background-position: top left;
		width: calc(11.2vw / 7.44);
		height: calc(11.2vw / 7.44);
		bottom: calc(4vw / 7.44);
		right: calc(5vw / 7.44);
	}

	#philosophy .wrapper .other li a img {
		display: block;
		width: 100%;
		margin-bottom: calc(9vw / 7.44);
	}

	#philosophy .wrapper .other li a h3 {
		position: relative;
		color: #3d3333;
		font-size: calc(11.2vw / 7.44);
		font-weight: 400;
		line-height: calc(16vw / 7.44);
		text-align: justify;
		width: calc(142vw / 7.44);
		margin-left: calc(10vw / 7.44);
	}

	#philosophy .wrapper .other li a h3::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_g.svg") no-repeat;
		background-size: 100% 100%;
		background-position: top left;
		width: calc(14.4vw / 7.44);
		height: calc(14.4vw / 7.44);
		top: 0;
		right: calc(-22vw / 7.44);
	}
}

@media screen and (max-width: 743px) {
	#philosophy {
		position: relative;
		width: 100%;
		padding: calc(70vw / 3.9) 0 calc(140vw / 3.9);
	}
	
	#philosophy .wrapper {
		width: 100%;
	}
	
	#philosophy .wrapper .greeting {
		width: 100%;
		margin-bottom: calc(60vw / 3.9);
	}
	
	#philosophy .wrapper .greeting h3 {
		width: calc(281vw / 3.9);
		margin: 0 auto calc(60vw / 3.9);
	}
	
	#philosophy .wrapper .greeting h3 img {
		width: 100%;
	}
	
	#philosophy .wrapper .greeting p {
		color: #322323;
		font-size: calc(16vw / 3.9);
		font-weight: 400;
		line-height: calc(28vw / 3.9);
		text-align: center;
		width: 100%;
		margin-bottom: calc(30vw / 3.9);
	}
	
	#philosophy .wrapper .greeting .president {
		width: calc(222vw / 3.9);
		margin: 0 auto;
	}
	
	#philosophy .wrapper .greeting .president img {
		width: 100%;
		margin-bottom: calc(20vw / 3.9);
	}
	
	#philosophy .wrapper .greeting .president h4 {
		color: #322323;
		font-size: calc(13vw / 3.9);
		font-weight: 700;
		line-height: calc(20vw / 3.9);
		text-align: center;
		width: 100%;
	}

	#philosophy .wrapper .scroll {
		position: relative;
		overflow-x: scroll;
		scrollbar-width: none;
		width: 100%;
	}
	
	#philosophy .wrapper .scroll-hint-icon {
		position: absolute;
		box-sizing: border-box;
		width: calc(130vw / 3.9);
		height: calc(90vw / 3.9);
		border-radius: calc(20vw / 3.9);
		top: 50%;
		transform: translateY(-50%);
		left: calc(55vw / 3.9);
		padding: calc(6vw / 3.9) 0 0 0;
	}
	
	#philosophy .wrapper .scroll-hint-icon:before {
		width: calc(44vw / 3.9);
		height: calc(44vw / 3.9);
		margin-top: calc(14vw / 3.9);
	}
	
	#philosophy .wrapper .scroll-hint-icon:after {
		position: absolute;
		background-size: 100%;
		width: calc(44vw / 3.9);
		height: calc(15vw / 3.9);
		left: 44.5%;
	}
	
	#philosophy .wrapper .scroll-hint-text {
		font-size: calc(12vw / 3.9);
		font-weight: 700;
		line-height: 1em;
		margin-top: calc(6vw / 3.9);
	}
	
	#philosophy .wrapper .js-scrollablet::-webkit-scrollbar {
		display: none;
	}
	
	#philosophy .wrapper .other {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		box-sizing: border-box;
		background: #ffeae2;
		width: calc(564vw / 3.9);
		height: calc(264vw / 3.9);
		padding: calc(40vw / 3.9) calc(5vw / 3.9);
		margin-bottom: calc(60vw / 3.9);
	}

	#philosophy .wrapper .other li {
		overflow: hidden;
		background: #ffffff;
		width: calc(180vw / 3.9);
		height: calc(184vw / 3.9);
		box-shadow: 0 0 calc(4.8vw / 3.9) rgba(0, 0, 0, 0.25);
	}

	#philosophy .wrapper .other li a {
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
	}

	#philosophy .wrapper .other li a.sns::before {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/icon_sns.svg") no-repeat;
		background-size: 100% 100%;
		background-position: top left;
		width: calc(16vw / 3.9);
		height: calc(11.2vw / 3.9);
		bottom: calc(4vw / 3.9);
		right: calc(22vw / 3.9);
	}

	#philosophy .wrapper .other li a::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/icon_link.svg") no-repeat;
		background-size: 100% 100%;
		background-position: top left;
		width: calc(11.2vw / 3.9);
		height: calc(11.2vw / 3.9);
		bottom: calc(4vw / 3.9);
		right: calc(5vw / 3.9);
	}

	#philosophy .wrapper .other li a img {
		display: block;
		width: 100%;
		margin-bottom: calc(9vw / 3.9);
	}

	#philosophy .wrapper .other li a h3 {
		position: relative;
		color: #3d3333;
		font-size: calc(11.2vw / 3.9);
		font-weight: 400;
		line-height: calc(16vw / 3.9);
		text-align: justify;
		width: calc(142vw / 3.9);
		margin-left: calc(10vw / 3.9);
	}

	#philosophy .wrapper .other li a h3::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_g.svg") no-repeat;
		background-size: 100% 100%;
		background-position: top left;
		width: calc(14.4vw / 3.9);
		height: calc(14.4vw / 3.9);
		top: 0;
		right: calc(-22vw / 3.9);
	}
}


/************************************
#about
************************************/
@media screen and (min-width: 1720px) {
	#about {
		position: relative;
		width: 100%;
		padding: calc(60px / 1366 * 1720) 0;
	}
	
	#about>.wrapper {
		width: calc(1000px / 1366 * 1720);
		margin-left: 50%;
		transform: translateX(-50%);
		padding-left: calc(180px / 1366 * 1720);
		padding-bottom: calc(60px / 1366 * 1720);
	}
	
	#about .wrapper .data, #about .wrapper .access {
		width: 100%;
	}
	
	#about .wrapper .data {
		margin-bottom: calc(55px / 1366 * 1720);
	}
	
	#about .wrapper .data h3, #about .wrapper .access h3 {
		position: relative;
		width: 100%;
		height: calc(55px / 1366 * 1720);
	}
	
	#about .wrapper .data h3 {
		margin-bottom: calc(10px / 1366 * 1720);
	}
	
	#about .wrapper .access h3 {
		margin-bottom: calc(30px / 1366 * 1720);
	}
	
	#about .wrapper .data h3 .icon, #about .wrapper .access h3 .icon {
		position: absolute;
		width: calc(53px / 1366 * 1720);
		bottom: calc(-8px / 1366 * 1720);
		left: calc(55px / 1366 * 1720);
	}
	
	#about .wrapper .data h3 .en_title, #about .wrapper .access h3 .en_title {
		position: absolute;
		color: #ffbe19;
		font-family: "copperplate", serif;
		font-size: calc(10px / 1366 * 1720);
		font-weight: 700;
		line-height: 1em;
		font-style: normal;
		text-align: left;
		top: calc(5px / 1366 * 1720);
		left: calc(117px / 1366 * 1720);
	}
	
	#about .wrapper .data h3 .title, #about .wrapper .access h3 .title {
		position: absolute;
		background: linear-gradient(to right, #ff6a1a, #ff9e1a);
		background-clip: text;
		color: transparent;
		font-size: calc(32px / 1366 * 1720);
		font-weight: 700;
		line-height: calc(44px / 1366 * 1720);
		top: calc(17px / 1366 * 1720);
		left: calc(117px / 1366 * 1720);
	}
	
	#about .wrapper .data table {
		width: calc(890px / 1366 * 1720);
		margin-left: calc(55px / 1366 * 1720);
	}
	
	#about .wrapper .data table tbody {
		width: 100%;
	}
	
	#about .wrapper .data table tbody tr {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	#about .wrapper .data table tbody tr th {
		color: #322323;
		font-size: calc(15px / 1366 * 1720);
		font-weight: 700;
		line-height: calc(28px / 1366 * 1720);
		text-align: left;
		border-bottom: calc(1px / 1366 * 1720) solid #e6e6e6;
		width: calc(240px / 1366 * 1720);
		padding: calc(20px / 1366 * 1720) 0;
	}
	
	#about .wrapper .data table tbody tr td {
		color: #322323;
		font-size: calc(15px / 1366 * 1720);
		font-weight: 400;
		line-height: calc(28px / 1366 * 1720);
		text-align: left;
		border-bottom: calc(1px / 1366 * 1720) solid #e6e6e6;
		width: calc(640px / 1366 * 1720);
		padding: calc(20px / 1366 * 1720) 0;
	}
	
	#about .wrapper .data table tbody tr td ul li {
		list-style: decimal;
		margin-left: 1em;
	}
	
	#about .wrapper .data table tbody tr td a {
		color: #ff6a1a;
		text-decoration: underline;
	}
	
	#about .wrapper .access .address {
		width: calc(890px / 1366 * 1720);
		margin: 0 auto calc(60px / 1366 * 1720);
	}
	
	#about .wrapper .access .address h4 {
		color: #322323;
		font-family: "copperplate", serif;
		font-size: calc(22px / 1366 * 1720);
		font-weight: 700;
		line-height: 0.6em;
		font-style: normal;
		text-align: left;
		margin-bottom: calc(15px / 1366 * 1720);
	}
	
	#about .wrapper .access .address p {
		color: #322323;
		font-size: calc(15px / 1366 * 1720);
		font-weight: 400;
		line-height: calc(28px / 1366 * 1720);
		text-align: left;
		margin-bottom: calc(15px / 1366 * 1720);
	}
	
	#about .wrapper .access .address p span {
		font-weight: 700;
	}
	
	#about .wrapper .access .address p br.nagoya {
		display: none;
	}
	
	#about .wrapper .access .address iframe {
		width: 100%;
		height: calc(380px / 1366 * 1720);
	}
	
	#about .company_menu {
		margin-bottom: calc(20px / 1366 * 1720);
	}
	
	#about .company_menu::before {
		border: none;
	}
}

@media screen and (min-width: 1133px) and (max-width: 1719px) {
	#about {
		position: relative;
		width: 100%;
		padding: calc(60vw / 13.66) 0;
	}
	
	#about>.wrapper {
		width: calc(1000vw / 13.66);
		margin-left: 50%;
		transform: translateX(-50%);
		padding-left: calc(180vw / 13.66);
		padding-bottom: calc(60vw / 13.66);
	}
	
	#about .wrapper .data, #about .wrapper .access {
		width: 100%;
	}
	
	#about .wrapper .data {
		margin-bottom: calc(55vw / 13.66);
	}
	
	#about .wrapper .data h3, #about .wrapper .access h3 {
		position: relative;
		width: 100%;
		height: calc(55vw / 13.66);
	}
	
	#about .wrapper .data h3 {
		margin-bottom: calc(10vw / 13.66);
	}
	
	#about .wrapper .access h3 {
		margin-bottom: calc(30vw / 13.66);
	}
	
	#about .wrapper .data h3 .icon, #about .wrapper .access h3 .icon {
		position: absolute;
		width: calc(53vw / 13.66);
		bottom: calc(-8vw / 13.66);
		left: calc(55vw / 13.66);
	}
	
	#about .wrapper .data h3 .en_title, #about .wrapper .access h3 .en_title {
		position: absolute;
		color: #ffbe19;
		font-family: "copperplate", serif;
		font-size: calc(10vw / 13.66);
		font-weight: 700;
		line-height: 1em;
		font-style: normal;
		text-align: left;
		top: calc(5vw / 13.66);
		left: calc(117vw / 13.66);
	}
	
	#about .wrapper .data h3 .title, #about .wrapper .access h3 .title {
		position: absolute;
		background: linear-gradient(to right, #ff6a1a, #ff9e1a);
		background-clip: text;
		color: transparent;
		font-size: calc(32vw / 13.66);
		font-weight: 700;
		line-height: calc(44vw / 13.66);
		top: calc(17vw / 13.66);
		left: calc(117vw / 13.66);
	}
	
	#about .wrapper .data table {
		width: calc(890vw / 13.66);
		margin-left: calc(55vw / 13.66);
	}
	
	#about .wrapper .data table tbody {
		width: 100%;
	}
	
	#about .wrapper .data table tbody tr {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	#about .wrapper .data table tbody tr th {
		color: #322323;
		font-size: calc(15vw / 13.66);
		font-weight: 700;
		line-height: calc(28vw / 13.66);
		text-align: left;
		border-bottom: calc(1vw / 13.66) solid #e6e6e6;
		width: calc(240vw / 13.66);
		padding: calc(20vw / 13.66) 0;
	}
	
	#about .wrapper .data table tbody tr td {
		color: #322323;
		font-size: calc(15vw / 13.66);
		font-weight: 400;
		line-height: calc(28vw / 13.66);
		text-align: left;
		border-bottom: calc(1vw / 13.66) solid #e6e6e6;
		width: calc(640vw / 13.66);
		padding: calc(20vw / 13.66) 0;
	}
	
	#about .wrapper .data table tbody tr td ul li {
		list-style: decimal;
		margin-left: 1em;
	}
	
	#about .wrapper .data table tbody tr td a {
		color: #ff6a1a;
		text-decoration: underline;
	}
	
	#about .wrapper .access .address {
		width: calc(890vw / 13.66);
		margin: 0 auto calc(60vw / 13.66);
	}
	
	#about .wrapper .access .address h4 {
		color: #322323;
		font-family: "copperplate", serif;
		font-size: calc(22vw / 13.66);
		font-weight: 700;
		line-height: 0.6em;
		font-style: normal;
		text-align: left;
		margin-bottom: calc(15vw / 13.66);
	}
	
	#about .wrapper .access .address p {
		color: #322323;
		font-size: calc(15vw / 13.66);
		font-weight: 400;
		line-height: calc(28vw / 13.66);
		text-align: left;
		margin-bottom: calc(15vw / 13.66);
	}
	
	#about .wrapper .access .address p span {
		font-weight: 700;
	}
	
	#about .wrapper .access .address p br.nagoya {
		display: none;
	}
	
	#about .wrapper .access .address iframe {
		width: 100%;
		height: calc(380vw / 13.66);
	}
	
	#about .company_menu {
		margin-bottom: calc(20vw / 13.66);
	}
	
	#about .company_menu::before {
		border: none;
	}
}

@media screen and (min-width: 744px) and (max-width: 1132px) {
	#about {
		position: relative;
		width: 100%;
		padding: calc(55vw / 7.44) 0;
	}
	
	#about>.wrapper {
		width: 100%;
		padding-bottom: calc(60vw / 7.44);
	}
	
	#about .wrapper .data, #about .wrapper .access {
		width: 100%;
	}
	
	#about .wrapper .data {
		margin-bottom: calc(55vw / 7.44);
	}
	
	#about .wrapper .data h3, #about .wrapper .access h3 {
		position: relative;
		width: 100%;
		height: calc(55vw / 7.44);
		margin-bottom: calc(110vw / 7.44);
	}
	
	#about .wrapper .data h3 {
		margin-bottom: calc(10vw / 7.44);
	}
	
	#about .wrapper .access h3 {
		margin-bottom: calc(30vw / 7.44);
	}
	
	#about .wrapper .data h3 .icon, #about .wrapper .access h3 .icon {
		position: absolute;
		width: calc(53vw / 7.44);
		bottom: calc(-8vw / 7.44);
		left: calc(67vw / 7.44);
	}
	
	#about .wrapper .data h3 .en_title, #about .wrapper .access h3 .en_title {
		position: absolute;
		color: #ffbe19;
		font-family: "copperplate", serif;
		font-size: calc(10vw / 7.44);
		font-weight: 700;
		line-height: 1em;
		font-style: normal;
		text-align: left;
		top: calc(5vw / 7.44);
		left: calc(128vw / 7.44);
	}
	
	#about .wrapper .data h3 .title, #about .wrapper .access h3 .title {
		position: absolute;
		background: linear-gradient(to right, #ff6a1a, #ff9e1a);
		background-clip: text;
		color: transparent;
		font-size: calc(32vw / 7.44);
		font-weight: 700;
		line-height: calc(44vw / 7.44);
		top: calc(17vw / 7.44);
		left: calc(128vw / 7.44);
	}
	
	#about .wrapper .data table {
		width: calc(612vw / 7.44);
		margin: 0 auto;
	}
	
	#about .wrapper .data table tbody {
		width: 100%;
	}
	
	#about .wrapper .data table tbody tr {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	#about .wrapper .data table tbody tr th {
		color: #322323;
		font-size: calc(15vw / 7.44);
		font-weight: 700;
		line-height: calc(28vw / 7.44);
		text-align: left;
		border-bottom: calc(1vw / 7.44) solid #e6e6e6;
		width: calc(165vw / 7.44);
		padding: calc(20vw / 7.44) 0;
	}
	
	#about .wrapper .data table tbody tr td {
		color: #322323;
		font-size: calc(15vw / 7.44);
		font-weight: 400;
		line-height: calc(28vw / 7.44);
		text-align: left;
		border-bottom: calc(1vw / 7.44) solid #e6e6e6;
		width: calc(440vw / 7.44);
		padding: calc(20vw / 7.44) 0;
	}
	
	#about .wrapper .data table tbody tr td ul li {
		list-style: decimal;
		margin-left: 1em;
	}
	
	#about .wrapper .data table tbody tr td a {
		color: #ff6a1a;
		text-decoration: underline;
	}
	
	#about .wrapper .access .address {
		width: calc(612vw / 7.44);
		margin: 0 auto calc(60vw / 7.44);
	}
	
	#about .wrapper .access .address h4 {
		color: #322323;
		font-family: "copperplate", serif;
		font-size: calc(22vw / 7.44);
		font-weight: 700;
		line-height: 0.6em;
		font-style: normal;
		text-align: left;
		margin-bottom: calc(15vw / 7.44);
	}
	
	#about .wrapper .access .address p {
		color: #322323;
		font-size: calc(15vw / 7.44);
		font-weight: 400;
		line-height: calc(28vw / 7.44);
		text-align: left;
		margin-bottom: calc(15vw / 7.44);
	}
	
	#about .wrapper .access .address p span {
		font-weight: 700;
	}
	
	#about .wrapper .access .address p br.nagoya {
		display: none;
	}
	
	#about .wrapper .access .address iframe {
		width: 100%;
		height: calc(260vw / 7.44);
	}
	
	#about .company_menu {
		border: none;
		margin-bottom: calc(20vw / 7.44);
	}
}

@media screen and (max-width: 743px) {
	#about {
		position: relative;
		width: 100%;
		padding: calc(55vw / 3.9) 0;
	}
	
	#about .wrapper {
		width: 100%;
		padding-bottom: calc(60vw / 3.9);
	}
	
	#about .wrapper .data {
		width: 100%;
		margin-bottom: calc(30vw / 3.9);
	}
	
	#about .wrapper .data h3, #about .wrapper .access h3 {
		position: relative;
		width: 100%;
		height: calc(40vw / 3.9);
	}
	
	#about .wrapper .data h3 {
		margin-bottom: calc(15vw / 3.9);
	}
	
	#about .wrapper .access h3 {
		margin-bottom: calc(30vw / 3.9);
	}
	
	#about .wrapper .data h3 .icon, #about .wrapper .access h3 .icon {
		position: absolute;
		width: calc(42vw / 3.9);
		bottom: calc(-4vw / 3.9);
		left: calc(26vw / 3.9);
	}
	
	#about .wrapper .data h3 .en_title, #about .wrapper .access h3 .en_title {
		position: absolute;
		color: #ffbe19;
		font-family: "copperplate", serif;
		font-size: calc(8vw / 3.9);
		font-weight: 700;
		line-height: 1em;
		font-style: normal;
		text-align: left;
		top: 0;
		left: calc(73vw / 3.9);
	}
	
	#about .wrapper .data h3 .title, #about .wrapper .access h3 .title {
		position: absolute;
		background: linear-gradient(to right, #ff6a1a, #ff9e1a);
		background-clip: text;
		color: transparent;
		font-size: calc(30vw / 3.9);
		font-weight: 700;
		line-height: calc(40vw / 3.9);
		top: calc(6vw / 3.9);
		left: calc(73vw / 3.9);
	}
	
	#about .wrapper .data table {
		width: calc(340vw / 3.9);
		margin: 0 auto;
	}
	
	#about .wrapper .data table tbody {
		width: 100%;
	}
	
	#about .wrapper .data table tbody tr {
		display: flex;
		flex-wrap: wrap;
		border-bottom: calc(1vw / 3.9) solid #e6e6e6;
		width: 100%;
	}
	
	#about .wrapper .data table tbody tr th {
		color: #322323;
		font-size: calc(16vw / 3.9);
		font-weight: 700;
		line-height: calc(28vw / 3.9);
		text-align: left;
		width: 100%;
		padding: calc(20vw / 3.9) 0 calc(10vw / 3.9);
	}
	
	#about .wrapper .data table tbody tr td {
		color: #322323;
		font-size: calc(16vw / 3.9);
		font-weight: 400;
		line-height: calc(28vw / 3.9);
		text-align: left;
		width: 100%;
		padding-bottom: calc(20vw / 3.9);
	}
	
	#about .wrapper .data table tbody tr:last-child td {
		padding-bottom: calc(40vw / 3.9);
	}
	
	#about .wrapper .data table tbody tr td ul li {
		list-style: decimal;
		margin-left: 1em;
	}
	
	#about .wrapper .data table tbody tr td a {
		color: #ff6a1a;
		text-decoration: underline;
	}
	
	#about .wrapper .access {
		position: relative;
		width: 100%;
	}
	
	#about .wrapper .access .address {
		width: calc(340vw / 3.9);
		margin: 0 auto calc(60vw / 3.9);
	}
	
	#about .wrapper .access .address h4 {
		color: #322323;
		font-family: "copperplate", serif;
		font-size: calc(22vw / 3.9);
		font-weight: 700;
		line-height: 0.6em;
		font-style: normal;
		text-align: left;
		margin-bottom: calc(15vw / 3.9);
	}
	
	#about .wrapper .access .address p {
		color: #322323;
		font-size: calc(16vw / 3.9);
		font-weight: 400;
		line-height: calc(28vw / 3.9);
		text-align: left;
		margin-bottom: calc(15vw / 3.9);
	}
	
	#about .wrapper .access .address p span {
		font-weight: 700;
	}
	
	#about .wrapper .access .address iframe {
		width: 100%;
		height: calc(240vw / 3.9);
	}
	
	#about .company_menu {
		border: none;
		margin-bottom: calc(20vw / 3.9);
	}
}


/************************************
.company_menu
************************************/
@media screen and (min-width: 1720px) {
	.company_menu {
		position: relative;
		width: 100%;
	}
	
	.company_menu::before {
		position: absolute;
		display: block;
		content: "";
		width: 100vw;
		height: 100%;
		background: #f6f6f6;
		border-bottom: calc(4px / 1366 * 1720) solid #e5e5e5;
		padding-left: calc(180px / 1366 * 1720);
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	
	.company_menu .wrapper {
		position: relative;
		width: calc(1000px / 1366 * 1720);
		margin-left: 50%;
		transform: translateX(-50%);
		padding-left: 0!important;
	}
	
	.company_menu .wrapper ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: calc(716px / 1366 * 1720);
		padding: calc(30px / 1366 * 1720) 0;
		margin: 0 auto;
	}
	
	.company_menu .wrapper ul li {
		box-sizing: border-box;
		background: #ffffff;
		border-radius: calc(10px / 1366 * 1720);
		box-shadow: 0 0 calc(6px / 1366 * 1720) rgba(0, 0, 0, 0.25);
		width: calc(167px / 1366 * 1720);
		height: calc(58px / 1366 * 1720);
	}
	
	.company_menu .wrapper ul li.active, .company_menu .wrapper ul li:hover {
		background: #ffeae2;
	}
	
	.company_menu .wrapper ul li a {
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
	}
	
	.company_menu .wrapper ul li a .number {
		position: absolute;
		color: #808080;
		font-family: "copperplate", serif;
		font-size: calc(22px / 1366 * 1720);
		font-weight: 700;
		line-height: 0.6em;
		font-style: normal;
		text-align: center;
		width: 100%;
		top: calc(-7px / 1366 * 1720);
	}
	
	.company_menu .wrapper ul li.active a .number, .company_menu .wrapper ul li:hover a .number {
		color: #ff6a1a;
	}
	
	.company_menu .wrapper ul li a .title {
		position: absolute;
		color: #808080;
		font-size: calc(15px / 1366 * 1720);
		font-weight: 700;
		line-height: calc(22px / 1366 * 1720);
		text-align: center;
		width: 100%;
		top: 50%;
		transform: translateY(-50%);
	}
	
	.company_menu .wrapper ul li.active a .title, .company_menu .wrapper ul li:hover a .title {
		color: #ff6a1a;
	}
	
	.company_menu .wrapper ul li a .title span {
		font-size: calc((15px * 0.8) / 1366 * 1720);
	}
}

@media screen and (min-width: 1133px) and (max-width: 1719px) {
	.company_menu {
		position: relative;
		width: 100%;
	}
	
	.company_menu::before {
		position: absolute;
		display: block;
		content: "";
		width: 100vw;
		height: 100%;
		background: #f6f6f6;
		border-bottom: calc(4vw / 13.66) solid #e5e5e5;
		padding-left: calc(180vw / 13.66);
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	
	.company_menu .wrapper {
		position: relative;
		width: calc(1000vw / 13.66);
		margin-left: 50%;
		transform: translateX(-50%);
		padding-left: 0!important;
	}
	
	.company_menu .wrapper ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: calc(716vw / 13.66);
		padding: calc(30vw / 13.66) 0;
		margin: 0 auto;
	}
	
	.company_menu .wrapper ul li {
		box-sizing: border-box;
		background: #ffffff;
		border-radius: calc(10vw / 13.66);
		box-shadow: 0 0 calc(6vw / 13.66) rgba(0, 0, 0, 0.25);
		width: calc(167vw / 13.66);
		height: calc(58vw / 13.66);
	}
	
	.company_menu .wrapper ul li.active, .company_menu .wrapper ul li:hover {
		background: #ffeae2;
	}
	
	.company_menu .wrapper ul li a {
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
	}
	
	.company_menu .wrapper ul li a .number {
		position: absolute;
		color: #808080;
		font-family: "copperplate", serif;
		font-size: calc(22vw / 13.66);
		font-weight: 700;
		line-height: 0.6em;
		font-style: normal;
		text-align: center;
		width: 100%;
		top: calc(-7vw / 13.66);
	}
	
	.company_menu .wrapper ul li.active a .number, .company_menu .wrapper ul li:hover a .number {
		color: #ff6a1a;
	}
	
	.company_menu .wrapper ul li a .title {
		position: absolute;
		color: #808080;
		font-size: calc(15vw / 13.66);
		font-weight: 700;
		line-height: calc(22vw / 13.66);
		text-align: center;
		width: 100%;
		top: 50%;
		transform: translateY(-50%);
	}
	
	.company_menu .wrapper ul li.active a .title, .company_menu .wrapper ul li:hover a .title {
		color: #ff6a1a;
	}
	
	.company_menu .wrapper ul li a .title span {
		font-size: calc((15vw * 0.8) / 13.66);
	}
}

@media screen and (min-width: 744px) and (max-width: 1132px) {
	.company_menu {
		background: #f6f6f6;
		border-bottom: calc(4vw / 7.44) solid #e5e5e5;
		width: 100%;
	}
	
	.company_menu .wrapper {
		position: relative;
		width: 100%;
	}
	
	.company_menu .wrapper ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-content: space-between;
		width: calc(350vw / 7.44);
		height: calc(149vw / 7.44);
		padding: calc(30vw / 7.44) 0;
		margin: 0 auto;
	}
	
	.company_menu .wrapper ul li {
		box-sizing: border-box;
		background: #ffffff;
		border-radius: calc(10vw / 7.44);
		box-shadow: 0 0 calc(6vw / 7.44) rgba(0, 0, 0, 0.25);
		width: calc(167vw / 7.44);
		height: calc(58vw / 7.44);
	}
	
	.company_menu .wrapper ul li.active, .company_menu .wrapper ul li:hover {
		background: #ffeae2;
	}
	
	.company_menu .wrapper ul li a {
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
	}
	
	.company_menu .wrapper ul li a .number {
		position: absolute;
		color: #808080;
		font-family: "copperplate", serif;
		font-size: calc(22vw / 7.44);
		font-weight: 700;
		line-height: 0.6em;
		font-style: normal;
		text-align: center;
		width: 100%;
		top: calc(-7vw / 7.44);
	}
	
	.company_menu .wrapper ul li.active a .number, .company_menu .wrapper ul li:hover a .number {
		color: #ff6a1a;
	}
	
	.company_menu .wrapper ul li a .title {
		position: absolute;
		color: #808080;
		font-size: calc(15vw / 7.44);
		font-weight: 700;
		line-height: calc(22vw / 7.44);
		text-align: center;
		width: 100%;
		top: 50%;
		transform: translateY(-50%);
	}
	
	.company_menu .wrapper ul li.active a .title, .company_menu .wrapper ul li:hover a .title {
		color: #ff6a1a;
	}
	
	.company_menu .wrapper ul li a .title span {
		font-size: calc((15vw * 0.8) / 7.44);
	}
}

@media screen and (max-width: 743px) {
	.company_menu {
		background: #f6f6f6;
		border-bottom: calc(4vw / 7.44) solid #e5e5e5;
		width: 100%;
	}
	
	.company_menu .wrapper {
		position: relative;
		width: 100%;
	}
	
	.company_menu .wrapper ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-content: space-between;
		width: calc(340vw / 3.9);
		height: calc(149vw / 3.9);
		padding: calc(30vw / 3.9) 0;
		margin: 0 auto;
	}
	
	.company_menu .wrapper ul li {
		box-sizing: border-box;
		background: #ffffff;
		border-radius: calc(10vw / 3.9);
		box-shadow: 0 0 calc(6vw / 3.9) rgba(0, 0, 0, 0.25);
		width: calc(167vw / 3.9);
		height: calc(58vw / 3.9);
	}
	
	.company_menu .wrapper ul li.active, .company_menu .wrapper ul li:hover {
		background: #ffeae2;
	}
	
	.company_menu .wrapper ul li a {
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
	}
	
	.company_menu .wrapper ul li a .number {
		position: absolute;
		color: #808080;
		font-family: "copperplate", serif;
		font-size: calc(22vw / 3.9);
		font-weight: 700;
		line-height: 0.6em;
		font-style: normal;
		text-align: center;
		width: 100%;
		top: calc(-7vw / 3.9);
	}
	
	.company_menu .wrapper ul li.active a .number, .company_menu .wrapper ul li:hover a .number {
		color: #ff6a1a;
	}
	
	.company_menu .wrapper ul li a .title {
		position: absolute;
		color: #808080;
		font-size: calc(15vw / 3.9);
		font-weight: 700;
		line-height: calc(22vw / 3.9);
		text-align: center;
		width: 100%;
		top: 50%;
		transform: translateY(-50%);
	}
	
	.company_menu .wrapper ul li.active a .title, .company_menu .wrapper ul li:hover a .title {
		color: #ff6a1a;
	}
	
	.company_menu .wrapper ul li a .title span {
		font-size: calc((15vw * 0.8) / 3.9);
	}
}


/************************************
#access
************************************/
@media screen and (min-width: 1720px) {
	#access {
		position: relative;
		width: calc(1000px / 1366 * 1720);
		margin-left: 50%;
		transform: translateX(-50%);
		padding-top: calc(60px / 1366 * 1720);
		padding-left: calc(180px / 1366 * 1720);
	}
	
	#origin #access, #philosophy #access {
		padding-left: 0;
	}
	
	#access .address {
		width: calc(890px / 1366 * 1720);
		margin: 0 auto calc(60px / 1366 * 1720);
	}
	
	#access .address h3 {
		color: #322323;
		font-family: "copperplate", serif;
		font-size: calc(22px / 1366 * 1720);
		font-weight: 700;
		line-height: 0.6em;
		font-style: normal;
		text-align: left;
		margin-bottom: calc(15px / 1366 * 1720);
	}
	
	#access .address p {
		color: #322323;
		font-size: calc(15px / 1366 * 1720);
		font-weight: 400;
		line-height: calc(28px / 1366 * 1720);
		text-align: left;
		margin-bottom: calc(15px / 1366 * 1720);
	}
	
	#access .address p span {
		font-weight: 700;
	}
	
	#access .address p br.nagoya {
		display: none;
	}
	
	#access .address iframe {
		width: 100%;
		height: calc(380px / 1366 * 1720);
	}
}

@media screen and (min-width: 1133px) and (max-width: 1719px) {
	#access {
		position: relative;
		width: calc(1000vw / 13.66);
		margin-left: 50%;
		transform: translateX(-50%);
		padding-top: calc(60vw / 13.66);
		padding-left: calc(180vw / 13.66);
	}
	
	#origin #access, #philosophy #access {
		padding-left: 0;
	}
	
	#access .address {
		width: calc(890vw / 13.66);
		margin: 0 auto calc(60vw / 13.66);
	}
	
	#access .address h3 {
		color: #322323;
		font-family: "copperplate", serif;
		font-size: calc(22vw / 13.66);
		font-weight: 700;
		line-height: 0.6em;
		font-style: normal;
		text-align: left;
		margin-bottom: calc(15vw / 13.66);
	}
	
	#access .address p {
		color: #322323;
		font-size: calc(15vw / 13.66);
		font-weight: 400;
		line-height: calc(28vw / 13.66);
		text-align: left;
		margin-bottom: calc(15vw / 13.66);
	}
	
	#access .address p span {
		font-weight: 700;
	}
	
	#access .address p br.nagoya {
		display: none;
	}
	
	#access .address iframe {
		width: 100%;
		height: calc(380vw / 13.66);
	}
}

@media screen and (min-width: 744px) and (max-width: 1132px) {
	#access {
		position: relative;
		width: 100%;
		padding-top: calc(60vw / 7.44);
	}
	
	#access .address {
		width: calc(612vw / 7.44);
		margin: 0 auto calc(60vw / 7.44);
	}
	
	#access .address h3 {
		color: #322323;
		font-family: "copperplate", serif;
		font-size: calc(22vw / 7.44);
		font-weight: 700;
		line-height: 0.6em;
		font-style: normal;
		text-align: left;
		margin-bottom: calc(15vw / 7.44);
	}
	
	#access .address p {
		color: #322323;
		font-size: calc(15vw / 7.44);
		font-weight: 400;
		line-height: calc(28vw / 7.44);
		text-align: left;
		margin-bottom: calc(15vw / 7.44);
	}
	
	#access .address p span {
		font-weight: 700;
	}
	
	#access .address p br.nagoya {
		display: none;
	}
	
	#access .address iframe {
		width: 100%;
		height: calc(260vw / 7.44);
	}
}

@media screen and (max-width: 743px) {
	#access {
		position: relative;
		width: 100%;
		padding-top: calc(60vw / 3.9);
	}
	
	#access .address {
		width: calc(340vw / 3.9);
		margin: 0 auto calc(60vw / 3.9);
	}
	
	#access .address h3 {
		color: #322323;
		font-family: "copperplate", serif;
		font-size: calc(22vw / 3.9);
		font-weight: 700;
		line-height: 0.6em;
		font-style: normal;
		text-align: left;
		margin-bottom: calc(15vw / 3.9);
	}
	
	#access .address p {
		color: #322323;
		font-size: calc(16vw / 3.9);
		font-weight: 400;
		line-height: calc(28vw / 3.9);
		text-align: left;
		margin-bottom: calc(15vw / 3.9);
	}
	
	#access .address p span {
		font-weight: 700;
	}
	
	#access .address iframe {
		width: 100%;
		height: calc(240vw / 3.9);
	}
}


/************************************
hr
************************************/
@media screen and (min-width: 1720px) {
	#menu hr, #origin hr, #philosophy hr, #about hr {
		border-top: calc(4px / 1366 * 1720) solid #e5e5e5;
		border-bottom: none;
		border-left: none;
		border-right: none;
		margin: 0 0 calc(50px / 1366 * 1720);
	}
}

@media screen and (min-width: 1133px) and (max-width: 1719px) {
	#menu hr, #origin hr, #philosophy hr, #about hr {
		border-top: calc(4vw / 13.66) solid #e5e5e5;
		border-bottom: none;
		border-left: none;
		border-right: none;
		margin: 0 0 calc(50vw / 13.66);
	}
}

@media screen and (min-width: 744px) and (max-width: 1132px) {
	#menu hr, #origin hr, #philosophy hr, #about hr {
		border-top: calc(4vw / 7.44) solid #e5e5e5;
		border-bottom: none;
		border-left: none;
		border-right: none;
		margin: 0 0 calc(50vw / 7.44);
	}
}

@media screen and (max-width: 743px) {
	#menu hr, #origin hr, #philosophy hr, #about hr {
		border-top: calc(4vw / 3.9) solid #e5e5e5;
		border-bottom: none;
		border-left: none;
		border-right: none;
		margin: 0 0 calc(74vw / 3.9);
	}
}