@charset "utf-8";


/************************************
.content
************************************/
.content {
	display: block;
}


/************************************
#main_title
************************************/
@media screen and (min-width: 1720px) {
	#main_title {
		margin-bottom: calc(-12px / 1366 * 1720);
	}
	
	#main_title .main_photo {
		position: absolute;
		z-index: 1;
		width: calc(247px / 1366 * 1720);
		margin-left: 50%;
		transform: translateX(-50%);
		top: calc(54px / 1366 * 1720);
		left: calc(340px / 1366 * 1720);
	}
	
	#main_title .wrapper {
		margin-bottom: calc(60px / 1366 * 1720);
	}
}

@media screen and (min-width: 1133px) and (max-width: 1719px) {
	#main_title {
		margin-bottom: calc(-12vw / 13.66);
	}
	
	#main_title .main_photo {
		position: absolute;
		z-index: 1;
		width: calc(247vw / 13.66);
		margin-left: 50%;
		transform: translateX(-50%);
		top: calc(54vw / 13.66);
		left: calc(340vw / 13.66);
	}
	
	#main_title .wrapper {
		margin-bottom: calc(60vw / 13.66);
	}
}

@media screen and (min-width: 744px) and (max-width: 1132px) {
	#main_title {
		margin-bottom: calc(-12vw / 7.44);
	}
	
	#main_title .main_photo {
		position: absolute;
		z-index: 1;
		width: calc(210vw / 7.44);
		top: calc(137vw / 7.44);
		right: calc(111vw / 7.44);
	}
	
	#main_title .wrapper {
		margin: 0 auto calc(70vw / 7.44);
	}
}

@media screen and (max-width: 743px) {
	#main_title .main_photo {
		position: absolute;
		z-index: 1;
		width: calc(140vw / 3.9);
		top: calc(90vw / 3.9);
		right: calc(22vw / 3.9);
	}
	
	#main_title .wrapper {
		margin: 0 auto calc(20vw / 3.9);
	}
}


/************************************
#about
************************************/
@media screen and (min-width: 1720px) {
	#about {
		padding-top: calc(70px / 1366 * 1720);
	}
	
	#about h3 {
		position: relative;
		width: calc(1000px / 1366 * 1720);
		height: calc(55px / 1366 * 1720);
		margin-left: 50%;
		transform: translateX(-50%);
		padding-left: calc(180px / 1366 * 1720);
		margin-bottom: calc(35px / 1366 * 1720);
	}
	
	#about h3 .icon {
		position: absolute;
		width: calc(53px / 1366 * 1720);
		bottom: calc(-8px / 1366 * 1720);
		left: calc((55px + 180px) / 1366 * 1720);
	}
	
	#about 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 + 180px) / 1366 * 1720);
	}
	
	#about 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 + 180px) / 1366 * 1720);
	}
	
	#about h3 .title br {
		display: none;
	}
	
	#about .text {
		position: relative;
		width: calc(1000px / 1366 * 1720);
		margin-left: 50%;
		transform: translateX(-50%);
		padding-left: calc(180px / 1366 * 1720);
	}
	
	#about .text.intro {
		height: calc(217px / 1366 * 1720);
		margin-bottom: calc(30px / 1366 * 1720);
	}
	
	#about .text.material {
		height: calc(333px / 1366 * 1720);
		margin-bottom: calc(80px / 1366 * 1720);
	}
	
	#about .text.promotion {
		height: calc(353px / 1366 * 1720);
		margin-bottom: calc(85px / 1366 * 1720);
	}
	
	#about .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);
	}
	
	#about .text h4 span {
		font-size: calc((26px * 0.8) / 1366 * 1720);
	}
	
	#about .text.intro h4 br:nth-of-type(2) {
		display: none;
	}
	
	#about .text.material h4 br:nth-of-type(1), #about .text.material h4 br:nth-of-type(3), #about .text.material h4 br:nth-of-type(5) {
		display: none;
	}
	
	#about .text>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);
		margin: calc(20px / 1366 * 1720) 0 0 calc(55px / 1366 * 1720);
	}
	
	#about .text.intro>p {
		width: calc(445px / 1366 * 1720);
	}
	
	#about .text.intro>img {
		position: absolute;
		width: calc(420px / 1366 * 1720);
		bottom: 0;
		right: calc(55px / 1366 * 1720);
	}
	
	#about .text.material>img {
		position: absolute;
		width: calc(292px / 1366 * 1720);
		bottom: 0;
		right: calc(105px / 1366 * 1720);
	}
	
	#about .text.promotion>img {
		position: absolute;
		width: calc(438px / 1366 * 1720);
		bottom: 0;
		right: 0;
	}
	
	#about .result {
		background: linear-gradient(to bottom, #ffffff 0%, #ffffff calc(44px / 1366 * 1720), #fff5ef calc(44px / 1366 * 1720), #fff5ef 100%);
		width: 100%;
		height: calc(302px / 1366 * 1720);
		margin-bottom: calc(30px / 1366 * 1720);
	}
	
	#about .result .swiper {
		width: 100%;
		margin-bottom: calc(30px / 1366 * 1720);
	}
	
	#about .result .swiper .swiper-wrapper {
		width: 100%;
		transition-timing-function: linear;
	}
	
	#about .result .swiper .swiper-wrapper .swiper-slide {
		width: calc(258px / 1366 * 1720);
		margin: 0 calc(5px / 1366 * 1720);
	}
	
	#about .result .swiper .swiper-wrapper .swiper-slide img {
		display: block;
		width: 100%;
	}
	
	#about .result .swiper .swiper-wrapper .swiper-slide h5 {
		background: #ff6a1a;
		color: #ffffff;
		font-size: calc(12px / 1366 * 1720);
		font-weight: 700;
		line-height: calc(16px / 1366 * 1720);
		text-align: center;
		width: 100%;
		height: calc(16px / 1366 * 1720);
	}
	
	#about .result .link {
		width: calc(1000px / 1366 * 1720);
		margin-left: 50%;
		transform: translateX(-50%);
		padding-left: calc(180px / 1366 * 1720);
	}
	
	#about .result .link a {
		position: relative;
		display: block;
		box-sizing: border-box;
		background: linear-gradient(to bottom, #ff9000 0%, #ff5f00 100%);
		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);
		color: #ffffff;
		font-size: calc(22px / 1366 * 1720);
		font-weight: 700;
		line-height: calc(32px / 1366 * 1720);
		text-align: center;
		width: calc(340px / 1366 * 1720);
		height: calc(80px / 1366 * 1720);
		padding-top: calc(5px / 1366 * 1720);
		margin: 0 auto;
	}
	
	#about .result .link a span {
		font-size: calc(26px / 1366 * 1720);
	}
	
	#about .result .link a::after {
		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%;
		transform: translateY(-50%);
		right: calc(10px / 1366 * 1720);
	}
	
	#about .example {
		width: calc(1000px / 1366 * 1720);
		margin-left: 50%;
		transform: translateX(-50%);
		padding-left: calc(180px / 1366 * 1720);
		margin-bottom: calc(60px / 1366 * 1720);
	}
	
	#about .example table {
		display: block;
		box-sizing: border-box;
		background: #f3f0e6;
		padding: calc(30px / 1366 * 1720) calc(55px / 1366 * 1720);
		width: 100%;
	}
	
	#about .example table tbody {
		width: 100%;
	}
	
	#about .example table tbody tr {
		display: flex;
		width: 100%;
		height: calc(94px / 1366 * 1720);
		border-bottom: calc(1px / 1366 * 1720) solid #cecece;
	}
	
	#about .example table tbody tr:last-child {
		border-bottom: none;
	}
	
	#about .example table tbody tr th {
		flex-shrink: 0;
		box-sizing: border-box;
		background: #f6f6f6;
		color: #322323;
		font-size: calc(14px / 1366 * 1720);
		font-weight: 400;
		line-height: calc(94px / 1366 * 1720);
		text-align: left;
		width: calc(259px / 1366 * 1720);
		padding-left: calc(20px / 1366 * 1720);
	}
	
	#about .example table tbody tr td {
		flex-shrink: 1;
		box-sizing: border-box;
		background: #ffffff;
		color: #322323;
		font-size: calc(14px / 1366 * 1720);
		font-weight: 400;
		line-height: calc(22px / 1366 * 1720);
		text-align: justify;
		width: inherit;
		padding: 0 calc(30px / 1366 * 1720) 0 calc(20px / 1366 * 1720);
	}
	
	#about .example table tbody tr:nth-child(1) td, #about .example table tbody tr:nth-child(3) td {
		padding-top: calc(13px / 1366 * 1720);
	}
	
	#about .example table tbody tr:nth-child(2) td, #about .example table tbody tr:nth-child(4) td {
		padding-top: calc(24px / 1366 * 1720);
	}
	
	#about .example table tbody tr:nth-child(5) td {
		line-height: calc(94px / 1366 * 1720);
	}
	
	#about .example table tbody tr td span {
		font-weight: 700;
	}
}

@media screen and (min-width: 1133px) and (max-width: 1719px) {
	#about {
		padding-top: calc(70vw / 13.66);
	}
	
	#about h3 {
		position: relative;
		width: calc(1000vw / 13.66);
		height: calc(55vw / 13.66);
		margin-left: 50%;
		transform: translateX(-50%);
		padding-left: calc(180vw / 13.66);
		margin-bottom: calc(35vw / 13.66);
	}
	
	#about h3 .icon {
		position: absolute;
		width: calc(53vw / 13.66);
		bottom: calc(-8vw / 13.66);
		left: calc((55vw + 180vw) / 13.66);
	}
	
	#about 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 + 180vw) / 13.66);
	}
	
	#about 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 + 180vw) / 13.66);
	}
	
	#about h3 .title br {
		display: none;
	}
	
	#about .text {
		position: relative;
		width: calc(1000vw / 13.66);
		margin-left: 50%;
		transform: translateX(-50%);
		padding-left: calc(180vw / 13.66);
	}
	
	#about .text.intro {
		height: calc(217vw / 13.66);
		margin-bottom: calc(30vw / 13.66);
	}
	
	#about .text.material {
		height: calc(333vw / 13.66);
		margin-bottom: calc(80vw / 13.66);
	}
	
	#about .text.promotion {
		height: calc(353vw / 13.66);
		margin-bottom: calc(85vw / 13.66);
	}
	
	#about .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);
	}
	
	#about .text h4 span {
		font-size: calc((26vw * 0.8) / 13.66);
	}
	
	#about .text.intro h4 br:nth-of-type(2) {
		display: none;
	}
	
	#about .text.material h4 br:nth-of-type(1), #about .text.material h4 br:nth-of-type(3), #about .text.material h4 br:nth-of-type(5) {
		display: none;
	}
	
	#about .text>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);
		margin: calc(20vw / 13.66) 0 0 calc(55vw / 13.66);
	}
	
	#about .text.intro>p {
		width: calc(445vw / 13.66);
	}
	
	#about .text.intro>img {
		position: absolute;
		width: calc(420vw / 13.66);
		bottom: 0;
		right: calc(55vw / 13.66);
	}
	
	#about .text.material>img {
		position: absolute;
		width: calc(292vw / 13.66);
		bottom: 0;
		right: calc(105vw / 13.66);
	}
	
	#about .text.promotion>img {
		position: absolute;
		width: calc(438vw / 13.66);
		bottom: 0;
		right: 0;
	}
	
	#about .result {
		background: linear-gradient(to bottom, #ffffff 0%, #ffffff calc(44vw / 13.66), #fff5ef calc(44vw / 13.66), #fff5ef 100%);
		width: 100%;
		height: calc(302vw / 13.66);
		margin-bottom: calc(30vw / 13.66);
	}
	
	#about .result .swiper {
		width: 100%;
		margin-bottom: calc(30vw / 13.66);
	}
	
	#about .result .swiper .swiper-wrapper {
		width: 100%;
		transition-timing-function: linear;
	}
	
	#about .result .swiper .swiper-wrapper .swiper-slide {
		width: calc(258vw / 13.66);
		margin: 0 calc(5vw / 13.66);
	}
	
	#about .result .swiper .swiper-wrapper .swiper-slide img {
		display: block;
		width: 100%;
	}
	
	#about .result .swiper .swiper-wrapper .swiper-slide h5 {
		background: #ff6a1a;
		color: #ffffff;
		font-size: calc(12vw / 13.66);
		font-weight: 700;
		line-height: calc(16vw / 13.66);
		text-align: center;
		width: 100%;
		height: calc(16vw / 13.66);
	}
	
	#about .result .link {
		width: calc(1000vw / 13.66);
		margin-left: 50%;
		transform: translateX(-50%);
		padding-left: calc(180vw / 13.66);
	}
	
	#about .result .link a {
		position: relative;
		display: block;
		box-sizing: border-box;
		background: linear-gradient(to bottom, #ff9000 0%, #ff5f00 100%);
		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);
		color: #ffffff;
		font-size: calc(22vw / 13.66);
		font-weight: 700;
		line-height: calc(32vw / 13.66);
		text-align: center;
		width: calc(340vw / 13.66);
		height: calc(80vw / 13.66);
		padding-top: calc(5vw / 13.66);
		margin: 0 auto;
	}
	
	#about .result .link a span {
		font-size: calc(26vw / 13.66);
	}
	
	#about .result .link a::after {
		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%;
		transform: translateY(-50%);
		right: calc(10vw / 13.66);
	}
	
	#about .example {
		width: calc(1000vw / 13.66);
		margin-left: 50%;
		transform: translateX(-50%);
		padding-left: calc(180vw / 13.66);
		margin-bottom: calc(60vw / 13.66);
	}
	
	#about .example table {
		display: block;
		box-sizing: border-box;
		background: #f3f0e6;
		padding: calc(30vw / 13.66) calc(55vw / 13.66);
		width: 100%;
	}
	
	#about .example table tbody {
		width: 100%;
	}
	
	#about .example table tbody tr {
		display: flex;
		width: 100%;
		height: calc(94vw / 13.66);
		border-bottom: calc(1vw / 13.66) solid #cecece;
	}
	
	#about .example table tbody tr:last-child {
		border-bottom: none;
	}
	
	#about .example table tbody tr th {
		flex-shrink: 0;
		box-sizing: border-box;
		background: #f6f6f6;
		color: #322323;
		font-size: calc(14vw / 13.66);
		font-weight: 400;
		line-height: calc(94vw / 13.66);
		text-align: left;
		width: calc(259vw / 13.66);
		padding-left: calc(20vw / 13.66);
	}
	
	#about .example table tbody tr td {
		flex-shrink: 1;
		box-sizing: border-box;
		background: #ffffff;
		color: #322323;
		font-size: calc(14vw / 13.66);
		font-weight: 400;
		line-height: calc(22vw / 13.66);
		text-align: justify;
		width: inherit;
		padding: 0 calc(30vw / 13.66) 0 calc(20vw / 13.66);
	}
	
	#about .example table tbody tr:nth-child(1) td, #about .example table tbody tr:nth-child(3) td {
		padding-top: calc(13vw / 13.66);
	}
	
	#about .example table tbody tr:nth-child(2) td, #about .example table tbody tr:nth-child(4) td {
		padding-top: calc(24vw / 13.66);
	}
	
	#about .example table tbody tr:nth-child(5) td {
		line-height: calc(94vw / 13.66);
	}
	
	#about .example table tbody tr td span {
		font-weight: 700;
	}
}

@media screen and (min-width: 744px) and (max-width: 1132px) {
	#about h3 {
		position: relative;
		width: 100%;
		height: calc(55vw / 7.44);
		margin-bottom: calc(20vw / 7.44);
	}
	
	#about h3 .icon {
		position: absolute;
		width: calc(53vw / 7.44);
		bottom: calc(-8vw / 7.44);
		left: calc(67vw / 7.44);
	}
	
	#about 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 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 h3 .title br {
		display: none;
	}
	
	#about .text {
		position: relative;
		width: 100%;
	}
	
	#about .text.intro {
		height: calc(247vw / 7.44);
		margin-bottom: calc(30vw / 7.44);
	}
	
	#about .text.material {
		height: calc(445vw / 7.44);
		margin-bottom: calc(60vw / 7.44);
	}
	
	#about .text.promotion {
		height: calc(455vw / 7.44);
		margin-bottom: calc(80vw / 7.44);
	}
	
	#about .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(45vw / 7.44);
		left: calc(66vw / 7.44);
	}
	
	#about .text h4 span {
		font-size: calc((26vw * 0.8) / 7.44);
	}
	
	#about .text.material h4 br:nth-of-type(1), #about .text.material h4 br:nth-of-type(3), #about .text.material h4 br:nth-of-type(5) {
		display: none;
	}
	
	#about .text>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);
		margin: calc(27vw / 7.44) 0 0 calc(66vw / 7.44);
	}
	
	#about .text.intro>img {
		position: absolute;
		width: calc(336vw / 7.44);
		bottom: 0;
		right: calc(17vw / 7.44);
	}
	
	#about .text.material>img {
		position: absolute;
		z-index: 1;
		width: calc(235vw / 7.44);
		bottom: 0;
		right: calc(100vw / 7.44);
	}
	
	#about .text.promotion>img {
		position: absolute;
		width: calc(352vw / 7.44);
		bottom: 0;
		right: calc(15vw / 7.44);
	}
	
	#about .result {
		background: linear-gradient(to bottom, #ffffff 0%, #ffffff calc(44vw / 7.44), #fff5ef calc(44vw / 7.44), #fff5ef 100%);
		width: 100%;
		height: calc(302vw / 7.44);
		margin-bottom: calc(50vw / 7.44);
	}
	
	#about .result .swiper {
		width: 100%;
		margin-bottom: calc(30vw / 7.44);
	}
	
	#about .result .swiper .swiper-wrapper {
		width: 100%;
		transition-timing-function: linear;
	}
	
	#about .result .swiper .swiper-wrapper .swiper-slide {
		width: calc(258vw / 7.44);
		margin: 0 calc(5vw / 7.44);
	}
	
	#about .result .swiper .swiper-wrapper .swiper-slide img {
		display: block;
		width: 100%;
	}
	
	#about .result .swiper .swiper-wrapper .swiper-slide h5 {
		background: #ff6a1a;
		color: #ffffff;
		font-size: calc(12vw / 7.44);
		font-weight: 700;
		line-height: calc(16vw / 7.44);
		text-align: center;
		width: 100%;
		height: calc(16vw / 7.44);
	}
	
	#about .result .link {
		width: 100%;
	}
	
	#about .result .link a {
		position: relative;
		display: block;
		box-sizing: border-box;
		background: linear-gradient(to bottom, #ff9000 0%, #ff5f00 100%);
		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);
		color: #ffffff;
		font-size: calc(22vw / 7.44);
		font-weight: 700;
		line-height: calc(32vw / 7.44);
		text-align: center;
		width: calc(340vw / 7.44);
		height: calc(80vw / 7.44);
		padding-top: calc(5vw / 7.44);
		margin: 0 auto;
	}
	
	#about .result .link a span {
		font-size: calc(26vw / 7.44);
	}
	
	#about .result .link a::after {
		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%;
		transform: translateY(-50%);
		right: calc(10vw / 7.44);
	}
	
	#about .example {
		width: 100%;
		margin-bottom: calc(50vw / 7.44);
	}
	
	#about .example table {
		display: block;
		box-sizing: border-box;
		background: #f3f0e6;
		padding: calc(30vw / 7.44) calc(66vw / 7.44);
		width: 100%;
	}
	
	#about .example table tbody {
		width: 100%;
	}
	
	#about .example table tbody tr {
		display: flex;
		width: 100%;
		height: calc(92vw / 7.44);
		border-bottom: calc(1vw / 7.44) solid #cecece;
	}
	
	#about .example table tbody tr:last-child {
		border-bottom: none;
	}
	
	#about .example table tbody tr th {
		flex-shrink: 0;
		box-sizing: border-box;
		background: #f6f6f6;
		color: #322323;
		font-size: calc(14vw / 7.44);
		font-weight: 400;
		line-height: calc(92vw / 7.44);
		text-align: left;
		width: calc(152vw / 7.44);
		padding-left: calc(20vw / 7.44);
	}
	
	#about .example table tbody tr td {
		flex-shrink: 1;
		box-sizing: border-box;
		background: #ffffff;
		color: #322323;
		font-size: calc(14vw / 7.44);
		font-weight: 400;
		line-height: calc(22vw / 7.44);
		text-align: justify;
		width: inherit;
		padding: 0 calc(20vw / 7.44);
	}
	
	#about .example table tbody tr:nth-child(1) td, #about .example table tbody tr:nth-child(2) td, #about .example table tbody tr:nth-child(3) td, #about .example table tbody tr:nth-child(4) td {
		padding-top: calc(13vw / 7.44);
	}
	
	#about .example table tbody tr:nth-child(5) td {
		padding-top: calc(23vw / 7.44);
	}
	
	#about .example table tbody tr td span {
		font-weight: 700;
	}
}

@media screen and (max-width: 743px) {
	#about h3 {
		position: relative;
		width: 100%;
		height: calc(40vw / 3.9);
		margin-bottom: calc(60vw / 3.9);
	}
	
	#about h3 .icon {
		position: absolute;
		width: calc(42vw / 3.9);
		bottom: calc(-4vw / 3.9);
		left: calc(26vw / 3.9);
	}
	
	#about 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 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 .text {
		position: relative;
		width: 100%;
	}
	
	#about .text.intro {
		margin-bottom: calc(25vw / 3.9);
	}
	
	#about .text.material {
		margin-bottom: calc(55vw / 3.9);
	}
	
	#about .text.promotion {
		margin-bottom: calc(80vw / 3.9);
	}
	
	#about .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);
		left: calc(25vw / 3.9);
	}
	
	#about .text h4 span {
		font-size: calc((24vw * 0.8) / 3.9);
	}
	
	#about .text.intro h4 br:nth-of-type(2) {
		display: none;
	}
	
	#about .text.material h4 br:nth-of-type(4) {
		display: none;
	}
	
	#about .text>p {
		color: #322323;
		font-size: calc(16vw / 3.9);
		font-weight: 400;
		line-height: calc(28vw / 3.9);
		text-align: justify;
		width: calc(340vw / 3.9);
		margin: 0 auto calc(10vw / 3.9);
	}
	
	#about .text>img {
		display: block;
	}
	
	#about .text.intro>img {
		width: calc(335vw / 3.9);
		margin: calc(20vw / 3.9) 0 calc(30vw / 3.9) calc(30vw / 3.9);
	}
	
	#about .text.material>img {
		width: calc(240vw / 3.9);
		margin: calc(20vw / 3.9) 0 calc(35vw / 3.9) calc(70vw / 3.9);
	}
	
	#about .text.promotion>img {
		width: calc(353vw / 3.9);
		margin: calc(20vw / 3.9) 0 calc(35vw / 3.9) calc(30vw / 3.9);
	}
	
	#about .result {
		background: linear-gradient(to bottom, #ffffff 0%, #ffffff 15%, #fff5ef 15%, #fff5ef 100%);
		width: 100%;
		height: calc(306vw / 3.9);
		margin-bottom: calc(25vw / 3.9);
	}
	
	#about .result .swiper {
		width: 100%;
		margin-bottom: calc(30vw / 3.9);
	}
	
	#about .result .swiper .swiper-wrapper {
		width: 100%;
		transition-timing-function: linear;
	}
	
	#about .result .swiper .swiper-wrapper .swiper-slide {
		width: calc(258vw / 3.9);
		margin: 0 calc(5vw / 3.9);
	}
	
	#about .result .swiper .swiper-wrapper .swiper-slide img {
		display: block;
		width: 100%;
	}
	
	#about .result .swiper .swiper-wrapper .swiper-slide h5 {
		background: #ff6a1a;
		color: #ffffff;
		font-size: calc(12vw / 3.9);
		font-weight: 700;
		line-height: calc(16vw / 3.9);
		text-align: center;
		width: 100%;
		height: calc(16vw / 3.9);
	}
	
	#about .result .link {
		width: 100%;
	}
	
	#about .result .link a {
		position: relative;
		display: block;
		box-sizing: border-box;
		background: linear-gradient(to bottom, #ff9000 0%, #ff5f00 100%);
		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);
		color: #ffffff;
		font-size: calc(22vw / 3.9);
		font-weight: 700;
		line-height: calc(32vw / 3.9);
		text-align: center;
		width: calc(340vw / 3.9);
		height: calc(80vw / 3.9);
		padding-top: calc(5vw / 3.9);
		margin: 0 auto;
	}
	
	#about .result .link a span {
		font-size: calc(26vw / 3.9);
	}
	
	#about .result .link a::after {
		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%;
		transform: translateY(-50%);
		right: calc(10vw / 3.9);
	}
	
	#about .example {
		width: 100%;
		margin-bottom: calc(55vw / 3.9);
	}
	
	#about .example table {
		display: block;
		box-sizing: border-box;
		background: #f3f0e6;
		padding: calc(30vw / 3.9) calc(25vw / 3.9);
		width: 100%;
	}
	
	#about .example table tbody {
		width: 100%;
	}
	
	#about .example table tbody tr {
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	
	#about .example table tbody tr th {
		flex-shrink: 0;
		box-sizing: border-box;
		background: #f6f6f6;
		color: #322323;
		font-size: calc(14vw / 3.9);
		font-weight: 700;
		line-height: calc(48vw / 3.9);
		text-align: left;
		width: 100%;
		height: calc(48vw / 3.9);
		padding-left: calc(10vw / 3.9);
	}
	
	#about .example table tbody tr td {
		box-sizing: border-box;
		background: #ffffff;
		color: #322323;
		font-size: calc(14vw / 3.9);
		font-weight: 400;
		line-height: calc(22vw / 3.9);
		text-align: justify;
		width: 100%;
		padding: calc(10vw / 3.9) calc(10vw / 3.9) calc(15vw / 3.9);
	}
	
	#about .example table tbody tr td span {
		font-weight: 700;
	}
}


/************************************
.goods_strong
************************************/
@media screen and (min-width: 1720px) {
	.goods_strong {
		margin-bottom: calc(20px / 1366 * 1720);
	}
}

@media screen and (min-width: 1133px) and (max-width: 1719px) {
	.goods_strong {
		margin-bottom: calc(20vw / 13.66);
	}
}

@media screen and (min-width: 744px) and (max-width: 1132px) {
	.goods_strong {
		margin-bottom: calc(20vw / 7.44);
	}
}

@media screen and (max-width: 743px) {
	.goods_strong {
		margin-bottom: calc(20vw / 3.9);
	}
}