@charset "utf-8";


/************************************
#main
************************************/
@media screen and (min-width: 1720px) {
	#main {
		position: relative;
		overflow: hidden;
		width: 100%;
		height: calc(500px / 1366 * 1720);
		padding: calc(30px / 1366 * 1720) 0 calc(54px / 1366 * 1720);
	}

	#main .swiper {
		position: absolute;
		width: calc(1000px / 1366 * 1720);
		height: 100%;
		left: 50%;
		transform: translateX(-50%);
		padding-left: calc(180px / 1366 * 1720);
		margin: 0 auto;
	}

	#main .swiper .swiper-wrapper .swiper-slide {
		display: block;
		overflow: hidden;
		width: calc(1000px / 1366 * 1720);
		height: calc(500px / 1366 * 1720);
		border-radius: calc(20px / 1366 * 1720);
/*		transform: scale(0.9);*/
		transition: 1.5s;
	}

	#main .swiper .swiper-wrapper .swiper-slide.swiper-slide-active {
/*	  transform: scale(1);*/
	}

	#main .swiper .swiper-wrapper .swiper-slide img {
		width: 100%;
		height: auto;
	}

	#main .swiper .swiper-wrapper .swiper-slide img.pc {
		display: block!important;
	}

	#main .swiper .swiper-wrapper .swiper-slide img.sp {
		display: none!important;
	}

	#main .swiper .swiper-pagination {
		position: absolute;
		width: calc(1000px / 1366 * 1720);
		height: 100%;
		top: calc(515px / 1366 * 1720);
		left: 50%;
		transform: translateX(-50%);
		padding-left: calc(180px / 1366 * 1720);
	}

	#main .swiper .swiper-pagination-bullet {
		box-sizing: border-box;
		background-color: transparent;
		border-radius: calc(5px / 1366 * 1720);
		width: calc(10px / 1366 * 1720);
		height: calc(10px / 1366 * 1720);
		border: calc(1px / 1366 * 1720) solid #ec6c00;
	}

	#main .swiper .swiper-pagination-bullet-active {
		background-color: #ec6c00;
		border-radius: calc(5px / 1366 * 1720);
		width: calc(10px / 1366 * 1720);
		height: calc(10px / 1366 * 1720);
	}
}

@media screen and (min-width: 1133px) and (max-width: 1719px) {
	#main {
		position: relative;
		overflow: hidden;
		width: 100%;
		height: calc(500vw / 13.66);
		padding: calc(30vw / 13.66) 0 calc(54vw / 13.66);
	}

	#main .swiper {
		position: absolute;
		width: calc(1000vw / 13.66);
		height: 100%;
		left: 50%;
		transform: translateX(-50%);
		padding-left: calc(180vw / 13.66);
		margin: 0 auto;
	}

	#main .swiper .swiper-wrapper .swiper-slide {
		display: block;
		overflow: hidden;
		width: calc(1000vw / 13.66);
		height: calc(500vw / 13.66);
		border-radius: calc(20vw / 13.66);
/*		transform: scale(0.9);*/
		transition: 1.5s;
	}

	#main .swiper .swiper-wrapper .swiper-slide.swiper-slide-active {
/*	  transform: scale(1);*/
	}

	#main .swiper .swiper-wrapper .swiper-slide img {
		width: 100%;
		height: auto;
	}

	#main .swiper .swiper-wrapper .swiper-slide img.pc {
		display: block!important;
	}

	#main .swiper .swiper-wrapper .swiper-slide img.sp {
		display: none!important;
	}

	#main .swiper .swiper-pagination {
		position: absolute;
		width: calc(1000vw / 13.66);
		height: 100%;
		top: calc(515vw / 13.66);
		left: 50%;
		transform: translateX(-50%);
		padding-left: calc(180vw / 13.66);
	}

	#main .swiper .swiper-pagination-bullet {
		box-sizing: border-box;
		background-color: transparent;
		border-radius: calc(5vw / 13.66);
		width: calc(10vw / 13.66);
		height: calc(10vw / 13.66);
		border: calc(1vw / 13.66) solid #ec6c00;
	}

	#main .swiper .swiper-pagination-bullet-active {
		background-color: #ec6c00;
		border-radius: calc(5vw / 13.66);
		width: calc(10vw / 13.66);
		height: calc(10vw / 13.66);
	}
}

@media screen and (min-width: 744px) and (max-width: 1132px) {
	#main {
		position: relative;
		overflow: hidden;
		width: 100%;
		height: calc(324vw / 7.44);
		padding: calc(30vw / 7.44) 0 calc(42vw / 7.44);
	}

	#main .swiper {
		position: absolute;
		width: calc(648vw / 7.44);
		height: 100%;
		left: 50%;
		transform: translateX(-50%);
		margin: 0 auto;
	}

	#main .swiper .swiper-wrapper .swiper-slide {
		display: block;
		overflow: hidden;
		width: calc(648vw / 7.44);
		height: calc(324vw / 7.44);
		border-radius: calc(20vw / 7.44);
/*		transform: scale(0.9);*/
		transition: 1.5s;
	}

	#main .swiper .swiper-wrapper .swiper-slide.swiper-slide-active {
/*	  transform: scale(1);*/
	}

	#main .swiper .swiper-wrapper .swiper-slide img {
		width: 100%;
		height: auto;
	}

	#main .swiper .swiper-wrapper .swiper-slide img.pc {
		display: block!important;
	}

	#main .swiper .swiper-wrapper .swiper-slide img.sp {
		display: none!important;
	}

	#main .swiper .swiper-pagination {
		position: absolute;
		width: calc(648vw / 7.44);
		height: 100%;
		top: calc(330vw / 7.44);
		left: 50%;
		transform: translateX(-50%);
	}

	#main .swiper .swiper-pagination-bullet {
		box-sizing: border-box;
		background-color: transparent;
		border-radius: calc(6.48vw / 2 / 7.44);
		width: calc(6.48vw / 7.44);
		height: calc(6.48vw / 7.44);
		border: calc(1vw / 7.44) solid #ec6c00;
	}

	#main .swiper .swiper-pagination-bullet-active {
		background-color: #ec6c00;
		border-radius: calc(6.48vw / 2 / 7.44);
		width: calc(6.48vw / 7.44);
		height: calc(6.48vw / 7.44);
	}
}

@media screen and (max-width: 743px) {
	#main {
		position: relative;
		overflow: hidden;
		width: calc(340vw / 3.9);
		height: calc(600vw / 3.9);
		padding: calc(30vw / 3.9) 0 calc(47vw / 3.9);
		margin: 0 auto;
	}

	#main .swiper {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 50%;
		transform: translateX(-50%);
		margin: 0 auto;
	}

	#main .swiper .swiper-wrapper .swiper-slide {
		display: block;
		overflow: hidden;
		width: 100%;
		height: calc(600vw / 3.9);
		border-radius: calc(20vw / 3.9);
/*		transform: scale(0.9);*/
		transition: 1.5s;
	}

	#main .swiper .swiper-wrapper .swiper-slide.swiper-slide-active {
/*	  transform: scale(1);*/
	}

	#main .swiper .swiper-wrapper .swiper-slide img {
		width: 100%;
		height: auto;
	}

	#main .swiper .swiper-wrapper .swiper-slide img.pc {
		display: none!important;
	}

	#main .swiper .swiper-wrapper .swiper-slide img.sp {
		display: block!important;
	}

	#main .swiper .swiper-pagination {
		position: absolute;
		width: 100%;
		height: 100%;
		top: calc(609vw / 3.9);
		left: 50%;
		transform: translateX(-50%);
	}

	#main .swiper .swiper-pagination-bullet {
		box-sizing: border-box;
		background-color: transparent;
		border-radius: calc(10vw / 2 / 3.9);
		width: calc(10vw / 3.9);
		height: calc(10vw / 3.9);
		border: calc(1vw / 3.9) solid #ec6c00;
	}

	#main .swiper .swiper-pagination-bullet-active {
		background-color: #ec6c00;
		border-radius: calc(10vw / 2 / 3.9);
		width: calc(10vw / 3.9);
		height: calc(10vw / 3.9);
	}
}


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

	#consult h2 {
		width: 100%;
		color: #322323;
		font-size: calc(25.6px / 1366 * 1720);
		font-weight: 700;
		text-align: center;
		margin-bottom: calc(19px / 1366 * 1720);
	}

	#consult h2 span {
		font-size: calc(32px / 1366 * 1720);
	}

	#consult ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
		height: calc(88px / 1366 * 1720);
	}

	#consult ul li {
		box-sizing: border-box;
		background: linear-gradient(to bottom, #ff6a1a, #ff391a);
		border: calc(1px / 1366 * 1720) solid #ffffff;
		border-radius: calc(14px / 1366 * 1720);
		box-shadow: 0 0 calc(8px / 1366 * 1720) rgba(0, 0, 0, 0.25);
		width: calc(314px / 1366 * 1720);
	}

	#consult ul li a {
		position: relative;
		display: block;
		box-sizing: border-box;
		color: #ffffff;
		font-size: calc(20px / 1366 * 1720);
		line-height: calc(30px / 1366 * 1720);
		font-weight: 700;
		text-align: left;
		text-shadow: 0 calc(2px / 1366 * 1720) 0 rgba(0, 0, 0, 0.25);
		width: 100%;
		height: 100%;
		padding: calc(12px / 1366 * 1720) 0 0 calc(111px / 1366 * 1720);
	}

	#consult ul li a span {
		font-size: calc(20px * 1.4 / 1366 * 1720);
	}

	#consult ul li.minicar a img {
		position: absolute;
		width: calc(241px * 0.5 / 1366 * 1720);
		top:  calc(18px / 1366 * 1720);
		left: calc(-19px / 1366 * 1720);
	}

	#consult ul li.figure a img {
		position: absolute;
		width: calc(202px * 0.5 / 1366 * 1720);
		top:  calc(9px / 1366 * 1720);
		left: calc(4px / 1366 * 1720);
	}

	#consult ul li.plushtoy a img {
		position: absolute;
		width: calc(139px * 0.5 / 1366 * 1720);
		top:  calc(12px / 1366 * 1720);
		left: calc(19px / 1366 * 1720);
	}

	#consult 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(26px / 1366 * 1720);
		height: calc(26px / 1366 * 1720);
		top: 50%;
		right: calc(15px / 1366 * 1720);
		transform: translateY(-50%);
	}
}

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

	#consult h2 {
		width: 100%;
		color: #322323;
		font-size: calc(25.6vw / 13.66);
		font-weight: 700;
		text-align: center;
		margin-bottom: calc(19vw / 13.66);
	}

	#consult h2 span {
		font-size: calc(32vw / 13.66);
	}

	#consult ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
		height: calc(88vw / 13.66);
	}

	#consult ul li {
		box-sizing: border-box;
		background: linear-gradient(to bottom, #ff6a1a, #ff391a);
		border: calc(1vw / 13.66) solid #ffffff;
		border-radius: calc(14vw / 13.66);
		box-shadow: 0 0 calc(8vw / 13.66) rgba(0, 0, 0, 0.25);
		width: calc(314vw / 13.66);
	}

	#consult ul li a {
		position: relative;
		display: block;
		box-sizing: border-box;
		color: #ffffff;
		font-size: calc(20vw / 13.66);
		line-height: calc(30vw / 13.66);
		font-weight: 700;
		text-align: left;
		text-shadow: 0 calc(2vw / 13.66) 0 rgba(0, 0, 0, 0.25);
		width: 100%;
		height: 100%;
		padding: calc(12vw / 13.66) 0 0 calc(111vw / 13.66);
	}

	#consult ul li a span {
		font-size: calc(20vw * 1.4 / 13.66);
	}

	#consult ul li.minicar a img {
		position: absolute;
		width: calc(241vw * 0.5 / 13.66);
		top:  calc(18vw / 13.66);
		left: calc(-19vw / 13.66);
	}

	#consult ul li.figure a img {
		position: absolute;
		width: calc(202vw * 0.5 / 13.66);
		top:  calc(9vw / 13.66);
		left: calc(4vw / 13.66);
	}

	#consult ul li.plushtoy a img {
		position: absolute;
		width: calc(139vw * 0.5 / 13.66);
		top:  calc(12vw / 13.66);
		left: calc(19vw / 13.66);
	}

	#consult 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(26vw / 13.66);
		height: calc(26vw / 13.66);
		top: 50%;
		right: calc(15vw / 13.66);
		transform: translateY(-50%);
	}
}

@media screen and (min-width: 744px) and (max-width: 1132px) {
	#consult {
		width: calc(612vw / 7.44);
		margin: 0 auto calc(48vw / 7.44);
	}

	#consult h2 {
		width: 100%;
		color: #322323;
		font-size: calc(23vw * 0.8 / 7.44);
		font-weight: 700;
		text-align: center;
		margin-bottom: calc(20vw / 7.44);
	}

	#consult h2 span {
		font-size: calc(23vw / 7.44);
	}

	#consult ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
		height: calc(56vw / 7.44);
	}

	#consult ul li {
		box-sizing: border-box;
		background: linear-gradient(to bottom, #ff6a1a, #ff391a);
		border: calc(1vw / 7.44) solid #ffffff;
		border-radius: calc(14vw / 7.44);
		box-shadow: 0 0 calc(8vw / 7.44) rgba(0, 0, 0, 0.25);
		width: calc(200vw / 7.44);
	}

	#consult ul li a {
		position: relative;
		display: block;
		box-sizing: border-box;
		color: #ffffff;
		font-size: calc(12.8vw / 7.44);
		line-height: calc(19.2vw / 7.44);
		font-weight: 700;
		text-align: left;
		text-shadow: 0 calc(2vw / 7.44) 0 rgba(0, 0, 0, 0.25);
		width: 100%;
		height: 100%;
		padding: calc(8vw / 7.44) 0 0 calc(69vw / 7.44);
	}

	#consult ul li a span {
		font-size: calc(12.8vw * 1.4 / 7.44);
	}

	#consult ul li.minicar a img {
		position: absolute;
		width: calc(78vw / 7.44);
		top:  calc(11vw / 7.44);
		left: calc(-13vw / 7.44);
	}

	#consult ul li.figure a img {
		position: absolute;
		width: calc(65vw / 7.44);
		top:  calc(5vw / 7.44);
		left: calc(3vw / 7.44);
	}

	#consult ul li.plushtoy a img {
		position: absolute;
		width: calc(41vw / 7.44);
		top:  calc(10vw / 7.44);
		left: calc(15vw / 7.44);
	}

	#consult 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(16.64vw / 7.44);
		height: calc(16.64vw / 7.44);
		top: 50%;
		right: calc(9vw / 7.44);
		transform: translateY(-50%);
	}
}

@media screen and (max-width: 743px) {
	#consult {
		width: calc(340vw / 3.9);
		margin: 0 auto calc(45vw / 3.9);
	}

	#consult h2 {
		display: none;
	}

	#consult ul {
		width: 100%;
	}

	#consult ul li {
		box-sizing: border-box;
		background: linear-gradient(to bottom, #ff6a1a, #ff391a);
		border: calc(1vw / 3.9) solid #ffffff;
		border-radius: calc(14vw / 3.9);
		box-shadow: 0 0 calc(8vw / 3.9) rgba(0, 0, 0, 0.25);
		width: 100%;
		height: calc(80vw / 3.9);
		margin-bottom: calc(17vw / 3.9);
	}

	#consult ul li:last-child {
		margin-bottom: 0;
	}

	#consult ul li a {
		position: relative;
		display: block;
		box-sizing: border-box;
		color: #ffffff;
		font-size: calc(20vw / 3.9);
		line-height: calc(28vw / 3.9);
		font-weight: 700;
		text-align: left;
		text-shadow: 0 calc(2vw / 3.9) 0 rgba(0, 0, 0, 0.25);
		width: 100%;
		height: 100%;
		padding: calc(10vw / 3.9) 0 0 calc(120vw / 3.9);
	}

	#consult ul li a span {
		font-size: calc(20vw * 1.4 / 3.9);
	}

	#consult ul li.minicar a img {
		position: absolute;
		width: calc(122vw / 3.9);
		top:  calc(14vw / 3.9);
		left: calc(-9vw / 3.9);
	}

	#consult ul li.figure a img {
		position: absolute;
		width: calc(100vw / 3.9);
		top:  calc(5vw / 3.9);
		left: calc(4vw / 3.9);
	}

	#consult ul li.plushtoy a img {
		position: absolute;
		width: calc(69vw / 3.9);
		top:  calc(8vw / 3.9);
		left: calc(21vw / 3.9);
	}

	#consult 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(26vw / 3.9);
		height: calc(26vw / 3.9);
		top: 50%;
		right: calc(15vw / 3.9);
		transform: translateY(-50%);
	}
}


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

	#weare h2 {
		color: #ffdc19;
		font-family: "copperplate", serif;
		font-size: calc(56px / 1366 * 1720);
		font-weight: 700;
		line-height: 0.85em;
		font-style: normal;
		text-align: center;
	}

	#weare #movie {
		box-sizing: border-box;
		border: calc(4px / 1366 * 1720) solid #cccccc;
		width: calc(1000px / 1366 * 1720);
		height: calc(374px / 1366 * 1720);
	}
}

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

	#weare h2 {
		color: #ffdc19;
		font-family: "copperplate", serif;
		font-size: calc(56vw / 13.66);
		font-weight: 700;
		line-height: 0.85em;
		font-style: normal;
		text-align: center;
	}

	#weare #movie {
		box-sizing: border-box;
		border: calc(4vw / 13.66) solid #cccccc;
		width: calc(1000vw / 13.66);
		height: calc(374vw / 13.66);
	}
}

@media screen and (min-width: 744px) and (max-width: 1132px) {
	#weare {
		width: calc(612vw / 7.44);
		padding-bottom: calc(73vw / 7.44);
		margin: 0 auto;
	}

	#weare h2 {
		color: #ffdc19;
		font-family: "copperplate", serif;
		font-size: calc(34vw / 7.44);
		font-weight: 700;
		line-height: 0.85em;
		font-style: normal;
		text-align: center;
	}

	#weare #movie {
		box-sizing: border-box;
		border: calc(4vw / 7.44) solid #cccccc;
		width: calc(612vw / 7.44);
		height: calc(229vw / 7.44);
	}
}

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

	#weare h2 {
		color: #ffdc19;
		font-family: "copperplate", serif;
		font-size: calc(21.84vw / 3.9);
		font-weight: 700;
		line-height: 0.85em;
		font-style: normal;
		text-align: center;
	}

	#weare #movie {
		box-sizing: border-box;
		border: calc(4vw / 3.9) solid #cccccc;
		width: 100%;
		height: calc(146vw / 3.9);
	}
}


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

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

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

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

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

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

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

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

@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));
	}
}


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

	#goods h2 {
		width: 100%;
		margin: 0 auto calc(18px / 1366 * 1720);
	}

	#goods h2 img {
		display: block;
		width: calc(280px / 1366 * 1720);
		margin: 0 auto calc(12px / 1366 * 1720);
	}

	#goods h2 p {
		color: #322323;
		font-size: calc(32px / 1366 * 1720);
		font-weight: 700;
		line-height: 1em;
		text-align: center;
	}

	#goods ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-content: space-between;
		width: 100%;
		height: calc(532px / 1366 * 1720);
	}

	#goods ul li {
		position: relative;
		background: url("../img/index/about_goods_o.webp") no-repeat;
		background-size: 100% 100%;
		width: calc(320px / 1366 * 1720);
		height: calc(256px / 1366 * 1720);
		border-radius: calc(20px / 1366 * 1720);
		opacity: 0;
	}

	#goods ul li:last-child {
		background: url("../img/index/about_goods_y.webp") no-repeat;
		background-size: 100% 100%;
	}

	#goods ul li.is_active {
		opacity: 1!important;
		transition-duration: 1.5s;
	}
	
	#goods ul li a {
		position: relative;
		display: block;
		box-sizing: border-box;
		color: #ffffff;
		width: 100%;
		height: 100%;
		padding: calc(25px / 1366 * 1720) 0 0 calc(98px / 1366 * 1720);
	}
	
	#goods ul li:last-child a {
		color: #322323;
	}
	
	#goods ul li a .number {
		position: absolute;
		font-family: "copperplate", serif;
		font-size: calc(38px / 1366 * 1720);
		font-weight: 700;
		line-height: 1em;
		font-style: normal;
		text-align: left;
		top: calc(23px / 1366 * 1720);
		left: calc(28px / 1366 * 1720);
	}
	
	#goods ul li a .en {
		position: absolute;
		font-family: "futura-pt", sans-serif;
		font-size: calc(11px / 1366 * 1720);
		font-weight: 600;
		font-style: normal;
		line-height: 1em;
		text-align: left;
		transform: rotate(90deg) translateY(-100%);
		transform-origin: top left;
		top: calc(68px / 1366 * 1720);
		left: calc(45px / 1366 * 1720);
	}
	
	#goods ul li:last-child a .en {
		top: calc(23px / 1366 * 1720);
	}
	
	#goods ul li a h3 {
		font-size: calc(26px / 1366 * 1720);
		font-weight: 700;
		line-height: 1em;
		text-shadow: 0 calc(2px / 1366 * 1720) 0 rgba(0, 0, 0, 0.25);
		margin-bottom: calc(10px / 1366 * 1720);
	}
	
	#goods ul li a .text {
		font-size: calc(14px / 1366 * 1720);
		font-weight: 400;
		line-height: calc(22px / 1366 * 1720);
	}
	
	#goods ul li.minicar a img {
		position: absolute;
		width: calc(148px / 1366 * 1720);
		bottom: calc(12px / 1366 * 1720);
		left: 50%;
		transform: translateX(-50%);
	}
	
	#goods ul li.figure a img {
		position: absolute;
		width: calc(154px / 1366 * 1720);
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	
	#goods ul li.plushtoy a img {
		position: absolute;
		width: calc(115px / 1366 * 1720);
		bottom: calc(10px / 1366 * 1720);
		left: 50%;
		transform: translateX(-50%);
	}
	
	#goods ul li.rubber a img {
		position: absolute;
		width: calc(124px / 1366 * 1720);
		bottom: calc(21px / 1366 * 1720);
		left: 50%;
		transform: translateX(-50%);
	}
	
	#goods ul li.others a img {
		position: absolute;
		width: calc(180px / 1366 * 1720);
		bottom: calc(23px / 1366 * 1720);
		left: 50%;
		transform: translateX(-50%);
	}
	
	#goods ul li.results a img {
		position: absolute;
		width: calc(242px / 1366 * 1720);
		bottom: calc(36px / 1366 * 1720);
		left: 50%;
		transform: translateX(-50%);
	}
	
	#goods ul li a::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_g.svg") no-repeat;
		background-size: 100% 100%;
		width: calc(26px / 1366 * 1720);
		height: calc(26px / 1366 * 1720);
		filter: drop-shadow(0 calc(2px / 1366 * 1720) 0 rgba(0, 0, 0, 0.25));
		bottom: calc(15px / 1366 * 1720);
		right: calc(15px / 1366 * 1720);
	}
}

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

	#goods h2 {
		width: 100%;
		margin: 0 auto calc(18vw / 13.66);
	}

	#goods h2 img {
		display: block;
		width: calc(280vw / 13.66);
		margin: 0 auto calc(12vw / 13.66);
	}

	#goods h2 p {
		color: #322323;
		font-size: calc(32vw / 13.66);
		font-weight: 700;
		line-height: 1em;
		text-align: center;
	}

	#goods ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-content: space-between;
		width: 100%;
		height: calc(532vw / 13.66);
	}

	#goods ul li {
		position: relative;
		background: url("../img/index/about_goods_o.webp") no-repeat;
		background-size: 100% 100%;
		width: calc(320vw / 13.66);
		height: calc(256vw / 13.66);
		border-radius: calc(20vw / 13.66);
		opacity: 0;
	}

	#goods ul li:last-child {
		background: url("../img/index/about_goods_y.webp") no-repeat;
		background-size: 100% 100%;
	}

	#goods ul li.is_active {
		opacity: 1!important;
		transition-duration: 1.5s;
	}
	
	#goods ul li a {
		position: relative;
		display: block;
		box-sizing: border-box;
		color: #ffffff;
		width: 100%;
		height: 100%;
		padding: calc(25vw / 13.66) 0 0 calc(98vw / 13.66);
	}
	
	#goods ul li:last-child a {
		color: #322323;
	}
	
	#goods ul li a .number {
		position: absolute;
		font-family: "copperplate", serif;
		font-size: calc(38vw / 13.66);
		font-weight: 700;
		line-height: 1em;
		font-style: normal;
		text-align: left;
		top: calc(23vw / 13.66);
		left: calc(28vw / 13.66);
	}
	
	#goods ul li a .en {
		position: absolute;
		font-family: "futura-pt", sans-serif;
		font-size: calc(11vw / 13.66);
		font-weight: 600;
		font-style: normal;
		line-height: 1em;
		text-align: left;
		transform: rotate(90deg) translateY(-100%);
		transform-origin: top left;
		top: calc(68vw / 13.66);
		left: calc(45vw / 13.66);
	}
	
	#goods ul li:last-child a .en {
		top: calc(23vw / 13.66);
	}
	
	#goods ul li a h3 {
		font-size: calc(26vw / 13.66);
		font-weight: 700;
		line-height: 1em;
		text-shadow: 0 calc(2vw / 13.66) 0 rgba(0, 0, 0, 0.25);
		margin-bottom: calc(10vw / 13.66);
	}
	
	#goods ul li a .text {
		font-size: calc(14vw / 13.66);
		font-weight: 400;
		line-height: calc(22vw / 13.66);
	}
	
	#goods ul li.minicar a img {
		position: absolute;
		width: calc(148vw / 13.66);
		bottom: calc(12vw / 13.66);
		left: 50%;
		transform: translateX(-50%);
	}
	
	#goods ul li.figure a img {
		position: absolute;
		width: calc(154vw / 13.66);
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	
	#goods ul li.plushtoy a img {
		position: absolute;
		width: calc(115vw / 13.66);
		bottom: calc(10vw / 13.66);
		left: 50%;
		transform: translateX(-50%);
	}
	
	#goods ul li.rubber a img {
		position: absolute;
		width: calc(124vw / 13.66);
		bottom: calc(21vw / 13.66);
		left: 50%;
		transform: translateX(-50%);
	}
	
	#goods ul li.others a img {
		position: absolute;
		width: calc(180vw / 13.66);
		bottom: calc(23vw / 13.66);
		left: 50%;
		transform: translateX(-50%);
	}
	
	#goods ul li.results a img {
		position: absolute;
		width: calc(242vw / 13.66);
		bottom: calc(36vw / 13.66);
		left: 50%;
		transform: translateX(-50%);
	}
	
	#goods ul li a::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_g.svg") no-repeat;
		background-size: 100% 100%;
		width: calc(26vw / 13.66);
		height: calc(26vw / 13.66);
		filter: drop-shadow(0 calc(2vw / 13.66) 0 rgba(0, 0, 0, 0.25));
		bottom: calc(15vw / 13.66);
		right: calc(15vw / 13.66);
	}
}

@media screen and (min-width: 744px) and (max-width: 1132px) {
	#goods {
		width: calc(612vw / 7.44);
		margin: 0 auto calc(50vw / 7.44);
	}

	#goods h2 {
		width: 100%;
		margin: 0 auto calc(30vw / 7.44);
	}

	#goods h2 img {
		display: block;
		width: calc(280vw / 7.44);
		margin: 0 auto calc(12vw / 7.44);
	}

	#goods h2 p {
		color: #322323;
		font-size: calc(32vw / 7.44);
		font-weight: 700;
		line-height: calc(40vw / 7.44);
		text-align: center;
	}

	#goods ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-content: space-between;
		width: 100%;
		height: calc(758vw / 7.44);
	}

	#goods ul li {
		position: relative;
		background: url("../img/index/about_goods_o.webp") no-repeat;
		background-size: 100% 100%;
		width: calc(300vw / 7.44);
		height: calc(240vw / 7.44);
		border-radius: calc(18.75vw / 7.44);
		opacity: 0;
	}

	#goods ul li:last-child {
		background: url("../img/index/about_goods_y.webp") no-repeat;
		background-size: 100% 100%;
	}

	#goods ul li.is_active {
		opacity: 1!important;
		transition-duration: 1.5s;
	}
	
	#goods ul li a {
		position: relative;
		display: block;
		box-sizing: border-box;
		color: #ffffff;
		width: 100%;
		height: 100%;
		padding: calc(24vw / 7.44) 0 0 calc(90vw / 7.44);
	}
	
	#goods ul li:last-child a {
		color: #322323;
	}
	
	#goods ul li a .number {
		position: absolute;
		font-family: "copperplate", serif;
		font-size: calc(35.6vw / 7.44);
		font-weight: 700;
		line-height: 1em;
		font-style: normal;
		text-align: left;
		top: calc(23vw / 7.44);
		left: calc(26vw / 7.44);
	}
	
	#goods ul li a .en {
		position: absolute;
		font-family: "futura-pt", sans-serif;
		font-size: calc(10.3vw / 7.44);
		font-weight: 600;
		font-style: normal;
		line-height: 1em;
		text-align: left;
		transform: rotate(90deg) translateY(-100%);
		transform-origin: top left;
		top: calc(64vw / 7.44);
		left: calc(45vw / 7.44);
	}
	
	#goods ul li:last-child a .en {
		top: calc(23vw / 7.44);
	}
	
	#goods ul li a h3 {
		font-size: calc(26vw / 7.44);
		font-weight: 700;
		line-height: 1em;
		text-shadow: 0 calc(2vw / 7.44) 0 rgba(0, 0, 0, 0.25);
		margin-bottom: calc(8vw / 7.44);
	}
	
	#goods ul li a .text {
		font-size: calc(13vw / 7.44);
		font-weight: 400;
		line-height: calc(20vw / 7.44);
	}
	
	#goods ul li.minicar a img {
		position: absolute;
		width: calc(126vw / 7.44);
		bottom: calc(10vw / 7.44);
		left: 50%;
		transform: translateX(-50%);
	}
	
	#goods ul li.figure a img {
		position: absolute;
		width: calc(163vw / 7.44);
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	
	#goods ul li.plushtoy a img {
		position: absolute;
		width: calc(120vw / 7.44);
		bottom: calc(10vw / 7.44);
		left: 50%;
		transform: translateX(-50%);
	}
	
	#goods ul li.rubber a img {
		position: absolute;
		width: calc(130vw / 7.44);
		bottom: calc(17vw / 7.44);
		left: 50%;
		transform: translateX(-50%);
	}
	
	#goods ul li.others a img {
		position: absolute;
		width: calc(187.5vw / 7.44);
		bottom: calc(18vw / 7.44);
		left: 50%;
		transform: translateX(-50%);
	}
	
	#goods ul li.results a img {
		position: absolute;
		width: calc(227vw / 7.44);
		bottom: calc(33vw / 7.44);
		left: 50%;
		transform: translateX(-50%);
	}
	
	#goods ul li a::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_g.svg") no-repeat;
		background-size: 100% 100%;
		width: calc(24.3vw / 7.44);
		height: calc(24.3vw / 7.44);
		filter: drop-shadow(0 calc(2vw / 7.44) 0 rgba(0, 0, 0, 0.25));
		bottom: calc(15vw / 7.44);
		right: calc(15vw / 7.44);
	}
}

@media screen and (max-width: 743px) {
	#goods {
		width: calc(340vw / 3.9);
		margin: 0 auto calc(60vw / 3.9);
	}

	#goods h2 {
		width: 100%;
		margin: 0 auto calc(30vw / 3.9);
	}

	#goods h2 img {
		display: block;
		width: calc(280vw / 3.9);
		margin: 0 auto calc(15vw / 3.9);
	}

	#goods h2 p {
		color: #322323;
		font-size: calc(28vw / 3.9);
		font-weight: 700;
		line-height: calc(40vw / 3.9);
		text-align: center;
	}

	#goods ul {
		width: 100%;
	}

	#goods ul li {
		position: relative;
		background: url("../img/index/about_goods_o.webp") no-repeat;
		background-size: 100% 100%;
		width: 100%;
		height: calc(272vw / 3.9);
		border-radius: calc(20vw / 3.9);
		margin-bottom: calc(28vw / 3.9);
		opacity: 0;
	}

	#goods ul li:last-child {
		background: url("../img/index/about_goods_y.webp") no-repeat;
		background-size: 100% 100%;
		margin-bottom: 0;
	}

	#goods ul li.is_active {
		opacity: 1!important;
		transition-duration: 1.5s;
	}
	
	#goods ul li a {
		position: relative;
		display: block;
		box-sizing: border-box;
		color: #ffffff;
		width: 100%;
		height: 100%;
		padding: calc(25vw / 3.9) 0 0 calc(97vw / 3.9);
	}
	
	#goods ul li:last-child a {
		color: #322323;
	}
	
	#goods ul li a .number {
		position: absolute;
		font-family: "copperplate", serif;
		font-size: calc(38vw / 3.9);
		font-weight: 700;
		line-height: 1em;
		font-style: normal;
		text-align: left;
		top: calc(25vw / 3.9);
		left: calc(30vw / 3.9);
	}
	
	#goods ul li a .en {
		position: absolute;
		font-family: "futura-pt", sans-serif;
		font-size: calc(11vw / 3.9);
		font-weight: 600;
		font-style: normal;
		line-height: 1em;
		text-align: left;
		transform: rotate(90deg) translateY(-100%);
		transform-origin: top left;
		top: calc(68vw / 3.9);
		left: calc(48vw / 3.9);
	}
	
	#goods ul li:last-child a .en {
		top: calc(68vw / 3.9);
	}
	
	#goods ul li a h3 {
		font-size: calc(28vw / 3.9);
		font-weight: 700;
		line-height: 1em;
		text-shadow: 0 calc(2vw / 3.9) 0 rgba(0, 0, 0, 0.25);
		margin-bottom: calc(12vw / 3.9);
	}
	
	#goods ul li a .text {
		font-size: calc(16vw / 3.9);
		font-weight: 400;
		line-height: calc(24vw / 3.9);
	}
	
	#goods ul li.minicar a img {
		position: absolute;
		width: calc(156vw / 3.9);
		bottom: calc(7vw / 3.9);
		left: 50%;
		transform: translateX(-50%);
	}
	
	#goods ul li.figure a img {
		position: absolute;
		width: calc(158vw / 3.9);
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	
	#goods ul li.plushtoy a img {
		position: absolute;
		width: calc(127vw / 3.9);
		bottom: calc(9vw / 3.9);
		left: 50%;
		transform: translateX(-50%);
	}
	
	#goods ul li.rubber a img {
		position: absolute;
		width: calc(156vw / 3.9);
		bottom: calc(15vw / 3.9);
		left: 50%;
		transform: translateX(-50%);
	}
	
	#goods ul li.others a img {
		position: absolute;
		width: calc(226vw / 3.9);
		bottom: calc(15vw / 3.9);
		left: 50%;
		transform: translateX(-50%);
	}
	
	#goods ul li.results a img {
		position: absolute;
		width: calc(269vw / 3.9);
		bottom: calc(31vw / 3.9);
		left: 50%;
		transform: translateX(-50%);
	}
	
	#goods ul li a::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_g.svg") no-repeat;
		background-size: 100% 100%;
		width: calc(26vw / 3.9);
		height: calc(26vw / 3.9);
		filter: drop-shadow(0 calc(2vw / 3.9) 0 rgba(0, 0, 0, 0.25));
		bottom: calc(15vw / 3.9);
		right: calc(15vw / 3.9);
	}
}


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

	#strong h2 {
		width: 100%;
		margin: 0 auto calc(18px / 1366 * 1720);
	}

	#strong h2 img {
		display: block;
		width: calc(280px / 1366 * 1720);
		margin: 0 auto calc(12px / 1366 * 1720);
	}

	#strong h2 p {
		color: #322323;
		font-size: calc(32px / 1366 * 1720);
		font-weight: 700;
		line-height: 1em;
		text-align: center;
	}

	#strong h2 p br {
		display: none;
	}

	#strong .wrapper {
		background: #ffffff;
		width: calc(1000px / 1366 * 1720);
		border-radius: calc(20px / 1366 * 1720) calc(20px / 1366 * 1720) 0 0;
		padding-top: calc(20px / 1366 * 1720);
	}

	#strong .wrapper .power h3 {
		position: relative;
		width: 100%;
		margin: 0 auto calc(17px / 1366 * 1720);
	}

	#strong .wrapper .power h3 img {
		display: block;
		width: calc(23px / 1366 * 1720);
		margin: 0 auto calc(6px / 1366 * 1720);
	}

	#strong .wrapper .power h3 p {
		position: relative;
		z-index: 97;
		color: #322323;
		font-size: calc(26px / 1366 * 1720);
		font-weight: 700;
		line-height: 1em;
		text-align: center;
	}

	#strong .wrapper .power h3 p::after {
		position: absolute;
		display: block;
		z-index: -1;
		content: "";
		background: #ffb599;
		width: calc(170px / 1366 * 1720);
		height: calc(6px / 1366 * 1720);
		bottom: calc(-3px / 1366 * 1720);
		left: 50%;
		transform: translateX(-50%);
	}

	#strong .wrapper .power .point {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		box-sizing: border-box;
		width: calc(921px / 1366 * 1720);
		padding: 0 calc(15px / 1366 * 1720);
		margin: 0 auto;
	}

	#strong .wrapper .power .point .high, #strong .wrapper .power .point .low {
		position: relative;
		width: calc(420px / 1366 * 1720);
		height: calc(160px / 1366 * 1720);
	}

	#strong .wrapper .power .point .high h4, #strong .wrapper .power .point .low h4 {
		position: relative;
	}

	#strong .wrapper .power .point .high h4 .icon {
		position: absolute;
		width: calc(30px / 1366 * 1720);
		top: 0;
		left: 0;
	}

	#strong .wrapper .power .point .low h4 .icon {
		position: absolute;
		width: calc(32px / 1366 * 1720);
		top: calc(4px / 1366 * 1720);
		left: 0;
	}

	#strong .wrapper .power .point .high h4>p, #strong .wrapper .power .point .low h4>p {
		position: absolute;
		color: #322323;
		font-size: calc(22px / 1366 * 1720);
		font-weight: 700;
		line-height: 1em;
		top: calc(10px / 1366 * 1720);
		left: calc(45px / 1366 * 1720);
	}

	#strong .wrapper .power .point .high .photo, #strong .wrapper .power .point .low .photo {
		position: absolute;
		width: calc(133px / 1366 * 1720);
		bottom: 0;
		left: calc(10px / 1366 * 1720);
	}

	#strong .wrapper .power .point .high p, #strong .wrapper .power .point .low p {
		position: absolute;
		color: #322323;
		font-size: calc(15px / 1366 * 1720);
		font-weight: 400;
		line-height: calc(24px / 1366 * 1720);
		text-align: justify;
		width: calc(240px / 1366 * 1720);
		top: calc(50px / 1366 * 1720);
		right: 0;
	}

	#strong .wrapper .power .point .high .button, #strong .wrapper .power .point .low .button {
		position: absolute;
		background: #1eb07d;
		color: #ffffff;
		font-size: calc(12px / 1366 * 1720);
		font-weight: 700;
		line-height: calc(30px / 1366 * 1720);
		text-align: center;
		text-shadow: 0 calc(2px / 1366 * 1720) 0 rgba(0, 0, 0, 0.25);
		width: calc(140px / 1366 * 1720);
		height: calc(30px / 1366 * 1720);
		border-radius: calc(15px / 1366 * 1720);
		bottom: 0;
		right: calc((240px - 140px) / 1366 * 1720);
	}

	#strong .wrapper .power .point .high .button::after, #strong .wrapper .power .point .low .button::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_p.svg") no-repeat;
		background-size: 100% 100%;
		width: calc(6px / 1366 * 1720);
		height: calc(9px / 1366 * 1720);
		filter: drop-shadow(0 calc(2px / 1366 * 1720) 0 rgba(0, 0, 0, 0.25));
		top: 50%;
		right: calc(10px / 1366 * 1720);
		transform: translateY(-50%);
	}

	#strong .wrapper hr {
		width: calc(921px / 1366 * 1720);
		border-top: calc(1px / 1366 * 1720) solid #c0c0c0;
		border-bottom: none;
		border-left: none;
		border-right: none;
		margin: calc(20px / 1366 * 1720) auto;
	}

	#strong .wrapper .numbers {
		margin-bottom: calc(40px / 1366 * 1720);
	}

	#strong .wrapper .numbers h3 {
		position: relative;
		width: 100%;
		margin: 0 auto calc(17px / 1366 * 1720);
	}

	#strong .wrapper .numbers h3 img {
		display: block;
		width: calc(23px / 1366 * 1720);
		margin: 0 auto calc(6px / 1366 * 1720);
	}

	#strong .wrapper .numbers h3 p {
		position: relative;
		z-index: 97;
		color: #322323;
		font-size: calc(26px / 1366 * 1720);
		font-weight: 700;
		line-height: 1em;
		text-align: center;
	}

	#strong .wrapper .numbers h3 p br {
		display: none;
	}

	#strong .wrapper .numbers h3 p::after {
		position: absolute;
		display: block;
		z-index: -1;
		content: "";
		background: #ffb599;
		width: calc(385px / 1366 * 1720);
		height: calc(6px / 1366 * 1720);
		bottom: calc(-3px / 1366 * 1720);
		left: 50%;
		transform: translateX(-50%);
	}

	#strong .wrapper .numbers .total {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		box-sizing: border-box;
		width: calc(921px / 1366 * 1720);
		padding: 0 calc(15px / 1366 * 1720);
		margin: 0 auto;
	}

	#strong .wrapper .numbers .total .minicar, #strong .wrapper .numbers .total .figure {
		position: relative;
		width: calc(420px / 1366 * 1720);
		height: calc(70px / 1366 * 1720);
	}

	#strong .wrapper .numbers .total .minicar h4, #strong .wrapper .numbers .total .figure h4 {
		position: absolute;
		box-sizing: border-box;
		background: url("../img/index/about_strong_numbers.webp") no-repeat;
		background-size: 100% 100%;
		color: #322323;
		font-size: calc(18px / 1366 * 1720);
		font-weight: 700;
		line-height: calc(24px / 1366 * 1720);
		width: calc(158px / 1366 * 1720);
		height: calc(60px / 1366 * 1720);
		padding: calc(5px / 1366 * 1720) 0 0 calc(10px / 1366 * 1720);
		bottom: 0;
		left: 0;
	}

	#strong .wrapper .numbers .total .minicar .countup, #strong .wrapper .numbers .total .figure .countup {
		position: absolute;
		color: #ff6a1a;
		font-family: "futura-pt", sans-serif;
		font-size: calc(100px / 1366 * 1720);
		font-weight: 600;
		font-style: normal;
		line-height: 1em;
		text-align: right;
		bottom: calc(-16px / 1366 * 1720);
		right: calc(85px / 1366 * 1720);
	}

	#strong .wrapper .numbers .total .minicar .unit, #strong .wrapper .numbers .total .figure .unit {
		position: absolute;
		color: #ff6a1a;
		font-size: calc(20px / 1366 * 1720);
		font-weight: 700;
		line-height: calc(26px / 1366 * 1720);
		bottom: 0;
		left: calc(345px / 1366 * 1720);
	}
	
	#strong .wrapper .numbers .total .figure .unit span {
		font-size: calc(44px / 1366 * 1720);
	}

	#strong .wrapper .choose {
		background: url("../img/index/about_strong_choose.webp") repeat;
		background-size: calc(32px / 1366 * 1720) calc(32px / 1366 * 1720);
		background-position: center center;
		width: 100%;
		padding: calc(10px / 1366 * 1720) 0;
	}

	#strong .wrapper .choose h3 {
		color: #ffffff;
		font-size: calc(20px / 1366 * 1720);
		font-weight: 700;
		text-align: center;
		filter: drop-shadow(0 calc(2px / 1366 * 1720) 0 rgba(0, 0, 0, 0.25));
	}

	#strong .wrapper .choose h3 .small {
		font-size: calc(16px / 1366 * 1720);
	}

	#strong .wrapper .choose h3 .big {
		font-size: calc(32px / 1366 * 1720);
	}
}

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

	#strong h2 {
		width: 100%;
		margin: 0 auto calc(18vw / 13.66);
	}

	#strong h2 img {
		display: block;
		width: calc(280vw / 13.66);
		margin: 0 auto calc(12vw / 13.66);
	}

	#strong h2 p {
		color: #322323;
		font-size: calc(32vw / 13.66);
		font-weight: 700;
		line-height: 1em;
		text-align: center;
	}

	#strong h2 p br {
		display: none;
	}

	#strong .wrapper {
		background: #ffffff;
		width: calc(1000vw / 13.66);
		border-radius: calc(20vw / 13.66) calc(20vw / 13.66) 0 0;
		padding-top: calc(20vw / 13.66);
	}

	#strong .wrapper .power h3 {
		position: relative;
		width: 100%;
		margin: 0 auto calc(17vw / 13.66);
	}

	#strong .wrapper .power h3 img {
		display: block;
		width: calc(23vw / 13.66);
		margin: 0 auto calc(6vw / 13.66);
	}

	#strong .wrapper .power h3 p {
		position: relative;
		z-index: 97;
		color: #322323;
		font-size: calc(26vw / 13.66);
		font-weight: 700;
		line-height: 1em;
		text-align: center;
	}

	#strong .wrapper .power h3 p::after {
		position: absolute;
		display: block;
		z-index: -1;
		content: "";
		background: #ffb599;
		width: calc(170vw / 13.66);
		height: calc(6vw / 13.66);
		bottom: calc(-3vw / 13.66);
		left: 50%;
		transform: translateX(-50%);
	}

	#strong .wrapper .power .point {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		box-sizing: border-box;
		width: calc(921vw / 13.66);
		padding: 0 calc(15vw / 13.66);
		margin: 0 auto;
	}

	#strong .wrapper .power .point .high, #strong .wrapper .power .point .low {
		position: relative;
		width: calc(420vw / 13.66);
		height: calc(160vw / 13.66);
	}

	#strong .wrapper .power .point .high h4, #strong .wrapper .power .point .low h4 {
		position: relative;
	}

	#strong .wrapper .power .point .high h4 .icon {
		position: absolute;
		width: calc(30vw / 13.66);
		top: 0;
		left: 0;
	}

	#strong .wrapper .power .point .low h4 .icon {
		position: absolute;
		width: calc(32vw / 13.66);
		top: calc(4vw / 13.66);
		left: 0;
	}

	#strong .wrapper .power .point .high h4>p, #strong .wrapper .power .point .low h4>p {
		position: absolute;
		color: #322323;
		font-size: calc(22vw / 13.66);
		font-weight: 700;
		line-height: 1em;
		top: calc(10vw / 13.66);
		left: calc(45vw / 13.66);
	}

	#strong .wrapper .power .point .high .photo, #strong .wrapper .power .point .low .photo {
		position: absolute;
		width: calc(133vw / 13.66);
		bottom: 0;
		left: calc(10vw / 13.66);
	}

	#strong .wrapper .power .point .high p, #strong .wrapper .power .point .low p {
		position: absolute;
		color: #322323;
		font-size: calc(15vw / 13.66);
		font-weight: 400;
		line-height: calc(24vw / 13.66);
		text-align: justify;
		width: calc(240vw / 13.66);
		top: calc(50vw / 13.66);
		right: 0;
	}

	#strong .wrapper .power .point .high .button, #strong .wrapper .power .point .low .button {
		position: absolute;
		background: #1eb07d;
		color: #ffffff;
		font-size: calc(12vw / 13.66);
		font-weight: 700;
		line-height: calc(30vw / 13.66);
		text-align: center;
		text-shadow: 0 calc(2vw / 13.66) 0 rgba(0, 0, 0, 0.25);
		width: calc(140vw / 13.66);
		height: calc(30vw / 13.66);
		border-radius: calc(15vw / 13.66);
		bottom: 0;
		right: calc((240vw - 140vw) / 13.66);
	}

	#strong .wrapper .power .point .high .button::after, #strong .wrapper .power .point .low .button::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_p.svg") no-repeat;
		background-size: 100% 100%;
		width: calc(6vw / 13.66);
		height: calc(9vw / 13.66);
		filter: drop-shadow(0 calc(2vw / 13.66) 0 rgba(0, 0, 0, 0.25));
		top: 50%;
		right: calc(10vw / 13.66);
		transform: translateY(-50%);
	}

	#strong .wrapper hr {
		width: calc(921vw / 13.66);
		border-top: calc(1vw / 13.66) solid #c0c0c0;
		border-bottom: none;
		border-left: none;
		border-right: none;
		margin: calc(20vw / 13.66) auto;
	}

	#strong .wrapper .numbers {
		margin-bottom: calc(40vw / 13.66);
	}

	#strong .wrapper .numbers h3 {
		position: relative;
		width: 100%;
		margin: 0 auto calc(17vw / 13.66);
	}

	#strong .wrapper .numbers h3 img {
		display: block;
		width: calc(23vw / 13.66);
		margin: 0 auto calc(6vw / 13.66);
	}

	#strong .wrapper .numbers h3 p {
		position: relative;
		z-index: 97;
		color: #322323;
		font-size: calc(26vw / 13.66);
		font-weight: 700;
		line-height: 1em;
		text-align: center;
	}

	#strong .wrapper .numbers h3 p br {
		display: none;
	}

	#strong .wrapper .numbers h3 p::after {
		position: absolute;
		display: block;
		z-index: -1;
		content: "";
		background: #ffb599;
		width: calc(385vw / 13.66);
		height: calc(6vw / 13.66);
		bottom: calc(-3vw / 13.66);
		left: 50%;
		transform: translateX(-50%);
	}

	#strong .wrapper .numbers .total {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		box-sizing: border-box;
		width: calc(921vw / 13.66);
		padding: 0 calc(15vw / 13.66);
		margin: 0 auto;
	}

	#strong .wrapper .numbers .total .minicar, #strong .wrapper .numbers .total .figure {
		position: relative;
		width: calc(420vw / 13.66);
		height: calc(70vw / 13.66);
	}

	#strong .wrapper .numbers .total .minicar h4, #strong .wrapper .numbers .total .figure h4 {
		position: absolute;
		box-sizing: border-box;
		background: url("../img/index/about_strong_numbers.webp") no-repeat;
		background-size: 100% 100%;
		color: #322323;
		font-size: calc(18vw / 13.66);
		font-weight: 700;
		line-height: calc(24vw / 13.66);
		width: calc(158vw / 13.66);
		height: calc(60vw / 13.66);
		padding: calc(5vw / 13.66) 0 0 calc(10vw / 13.66);
		bottom: 0;
		left: 0;
	}

	#strong .wrapper .numbers .total .minicar .countup, #strong .wrapper .numbers .total .figure .countup {
		position: absolute;
		color: #ff6a1a;
		font-family: "futura-pt", sans-serif;
		font-size: calc(100vw / 13.66);
		font-weight: 600;
		font-style: normal;
		line-height: 1em;
		text-align: right;
		bottom: calc(-16vw / 13.66);
		right: calc(85vw / 13.66);
	}

	#strong .wrapper .numbers .total .minicar .unit, #strong .wrapper .numbers .total .figure .unit {
		position: absolute;
		color: #ff6a1a;
		font-size: calc(20vw / 13.66);
		font-weight: 700;
		line-height: calc(26vw / 13.66);
		bottom: 0;
		left: calc(345vw / 13.66);
	}
	
	#strong .wrapper .numbers .total .figure .unit span {
		font-size: calc(44vw / 13.66);
	}

	#strong .wrapper .choose {
		background: url("../img/index/about_strong_choose.webp") repeat;
		background-size: calc(32vw / 13.66) calc(32vw / 13.66);
		background-position: center center;
		width: 100%;
		padding: calc(10vw / 13.66) 0;
	}

	#strong .wrapper .choose h3 {
		color: #ffffff;
		font-size: calc(20vw / 13.66);
		font-weight: 700;
		text-align: center;
		filter: drop-shadow(0 calc(2vw / 13.66) 0 rgba(0, 0, 0, 0.25));
	}

	#strong .wrapper .choose h3 .small {
		font-size: calc(16vw / 13.66);
	}

	#strong .wrapper .choose h3 .big {
		font-size: calc(32vw / 13.66);
	}
}

@media screen and (min-width: 744px) and (max-width: 1132px) {
	#strong {
		width: calc(612vw / 7.44);
		margin: 0 auto calc(60vw / 7.44);
	}

	#strong h2 {
		width: 100%;
		margin: 0 auto calc(30vw / 7.44);
	}

	#strong h2 img {
		display: block;
		width: calc(280vw / 7.44);
		margin: 0 auto calc(12vw / 7.44);
	}

	#strong h2 p {
		color: #322323;
		font-size: calc(32vw / 7.44);
		font-weight: 700;
		line-height: calc(40vw / 7.44);
		text-align: center;
	}

	#strong h2 p br {
		display: none;
	}

	#strong .wrapper {
		background: #ffffff;
		width: 100%;
		border-radius: calc(20vw / 7.44) calc(20vw / 7.44) 0 0;
		padding-top: calc(20vw / 7.44);
	}

	#strong .wrapper .power h3 {
		position: relative;
		width: 100%;
		margin: 0 auto calc(17vw / 7.44);
	}

	#strong .wrapper .power h3 img {
		display: block;
		width: calc(23vw / 7.44);
		margin: 0 auto calc(5vw / 7.44);
	}

	#strong .wrapper .power h3 p {
		position: relative;
		z-index: 97;
		color: #322323;
		font-size: calc(26vw / 7.44);
		font-weight: 700;
		line-height: 1em;
		text-align: center;
	}

	#strong .wrapper .power h3 p::after {
		position: absolute;
		display: block;
		z-index: -1;
		content: "";
		background: #ffb599;
		width: calc(170vw / 7.44);
		height: calc(6vw / 7.44);
		bottom: calc(-3vw / 7.44);
		left: 50%;
		transform: translateX(-50%);
	}

	#strong .wrapper .power .point {
		width: calc(528vw / 7.44);
		margin: 0 auto;
	}

	#strong .wrapper .power .point .high, #strong .wrapper .power .point .low {
		position: relative;
		width: 100%;
		height: calc(160vw / 7.44);
	}

	#strong .wrapper .power .point .high {
		margin-bottom: calc(12vw / 7.44);
	}

	#strong .wrapper .power .point .high h4, #strong .wrapper .power .point .low h4 {
		position: relative;
	}

	#strong .wrapper .power .point .high h4 .icon {
		position: absolute;
		width: calc(30vw / 7.44);
		top: 0;
		left: 0;
	}

	#strong .wrapper .power .point .low h4 .icon {
		position: absolute;
		width: calc(32vw / 7.44);
		top: calc(4vw / 7.44);
		left: 0;
	}

	#strong .wrapper .power .point .high h4>p, #strong .wrapper .power .point .low h4>p {
		position: absolute;
		color: #322323;
		font-size: calc(22vw / 7.44);
		font-weight: 700;
		line-height: 1em;
		top: calc(10vw / 7.44);
		left: calc(45vw / 7.44);
	}

	#strong .wrapper .power .point .high .photo, #strong .wrapper .power .point .low .photo {
		position: absolute;
		width: calc(133vw / 7.44);
		bottom: 0;
		left: calc(6vw / 7.44);
	}

	#strong .wrapper .power .point .high p, #strong .wrapper .power .point .low p {
		position: absolute;
		color: #322323;
		font-size: calc(15vw / 7.44);
		font-weight: 400;
		line-height: calc(24vw / 7.44);
		text-align: justify;
		width: calc(352vw / 7.44);
		top: calc(50vw / 7.44);
		right: 0;
	}

	#strong .wrapper .power .point .high .button, #strong .wrapper .power .point .low .button {
		position: absolute;
		background: #1eb07d;
		color: #ffffff;
		font-size: calc(12vw / 7.44);
		font-weight: 700;
		line-height: calc(30vw / 7.44);
		text-align: center;
		text-shadow: 0 calc(2vw / 7.44) 0 rgba(0, 0, 0, 0.25);
		width: calc(140vw / 7.44);
		height: calc(30vw / 7.44);
		border-radius: calc(15vw / 7.44);
		bottom: 0;
		right: calc((352vw - 140vw) / 7.44);
	}

	#strong .wrapper .power .point .high .button::after, #strong .wrapper .power .point .low .button::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_p.svg") no-repeat;
		background-size: 100% 100%;
		width: calc(6vw / 7.44);
		height: calc(9vw / 7.44);
		filter: drop-shadow(0 calc(2vw / 7.44) 0 rgba(0, 0, 0, 0.25));
		top: 50%;
		right: calc(10vw / 7.44);
		transform: translateY(-50%);
	}

	#strong .wrapper hr {
		width: calc(528vw / 7.44);
		border-top: calc(1vw / 7.44) solid #c0c0c0;
		border-bottom: none;
		border-left: none;
		border-right: none;
		margin: calc(15vw / 7.44) auto calc(20vw / 7.44);
	}

	#strong .wrapper .numbers {
		margin-bottom: calc(35vw / 7.44);
	}

	#strong .wrapper .numbers h3 {
		position: relative;
		width: 100%;
		margin: 0 auto calc(30vw / 7.44);
	}

	#strong .wrapper .numbers h3 img {
		display: block;
		width: calc(23vw / 7.44);
		margin: 0 auto calc(5vw / 7.44);
	}

	#strong .wrapper .numbers h3 p {
		position: relative;
		z-index: 97;
		color: #322323;
		font-size: calc(26vw / 7.44);
		font-weight: 700;
		line-height: 1em;
		text-align: center;
	}

	#strong .wrapper .numbers h3 p br {
		display: none;
	}

	#strong .wrapper .numbers h3 p::after {
		position: absolute;
		display: block;
		z-index: -1;
		content: "";
		background: #ffb599;
		width: calc(385vw / 7.44);
		height: calc(6vw / 7.44);
		bottom: calc(-3vw / 7.44);
		left: 50%;
		transform: translateX(-50%);
	}

	#strong .wrapper .numbers .total {
		box-sizing: border-box;
		padding-left: calc(102vw / 7.44);
	}

	#strong .wrapper .numbers .total .minicar {
		margin-bottom: calc(30vw / 7.44);
	}

	#strong .wrapper .numbers .total .minicar, #strong .wrapper .numbers .total .figure {
		position: relative;
		width: 100%;
		height: calc(60vw / 7.44);
	}

	#strong .wrapper .numbers .total .minicar h4, #strong .wrapper .numbers .total .figure h4 {
		position: absolute;
		box-sizing: border-box;
		background: url("../img/index/about_strong_numbers.webp") no-repeat;
		background-size: 100% 100%;
		color: #322323;
		font-size: calc(18vw / 7.44);
		font-weight: 700;
		line-height: calc(24vw / 7.44);
		width: calc(158vw / 7.44);
		height: calc(60vw / 7.44);
		padding: calc(5vw / 7.44) 0 0 calc(10vw / 7.44);
		bottom: 0;
		left: 0;
	}

	#strong .wrapper .numbers .total .minicar .countup, #strong .wrapper .numbers .total .figure .countup {
		position: absolute;
		color: #ff6a1a;
		font-family: "futura-pt", sans-serif;
		font-size: calc(100vw / 7.44);
		font-weight: 600;
		font-style: normal;
		line-height: 1em;
		text-align: right;
		bottom: calc(-16vw / 7.44);
		right: calc(172vw / 7.44);
	}

	#strong .wrapper .numbers .total .minicar .unit, #strong .wrapper .numbers .total .figure .unit {
		position: absolute;
		color: #ff6a1a;
		font-size: calc(20vw / 7.44);
		font-weight: 700;
		line-height: calc(26vw / 7.44);
		bottom: 0;
		left: calc(345vw / 7.44);
	}
	
	#strong .wrapper .numbers .total .figure .unit span {
		font-size: calc(44vw / 7.44);
	}

	#strong .wrapper .choose {
		background: url("../img/index/about_strong_choose.webp") repeat;
		background-size: calc(32vw / 7.44) calc(32vw / 7.44);
		background-position: center center;
		width: 100%;
		padding: calc(10vw / 7.44) 0;
	}

	#strong .wrapper .choose h3 {
		color: #ffffff;
		font-size: calc(20vw / 7.44);
		font-weight: 700;
		text-align: center;
		filter: drop-shadow(0 calc(2vw / 7.44) 0 rgba(0, 0, 0, 0.25));
	}

	#strong .wrapper .choose h3 .small {
		font-size: calc(16vw / 7.44);
	}

	#strong .wrapper .choose h3 .big {
		font-size: calc(32vw / 7.44);
	}
}

@media screen and (max-width: 743px) {
	#strong {
		width: calc(340vw / 3.9);
		margin: 0 auto calc(60vw / 3.9);
	}

	#strong h2 {
		width: 100%;
		margin: 0 auto calc(20vw / 3.9);
	}

	#strong h2 img {
		display: block;
		width: calc(280vw / 3.9);
		margin: 0 auto calc(20vw / 3.9);
	}

	#strong h2 p {
		color: #322323;
		font-size: calc(32vw / 3.9);
		font-weight: 700;
		line-height: calc(48vw / 3.9);
		text-align: center;
	}

	#strong .wrapper {
		background: #ffffff;
		width: 100%;
		border-radius: calc(20vw / 3.9) calc(20vw / 3.9) 0 0;
		padding-top: calc(30vw / 3.9);
	}

	#strong .wrapper .power h3 {
		position: relative;
		width: 100%;
		margin: 0 auto calc(30vw / 3.9);
	}

	#strong .wrapper .power h3 img {
		display: block;
		width: calc(23vw / 3.9);
		margin: 0 auto calc(5vw / 3.9);
	}

	#strong .wrapper .power h3 p {
		position: relative;
		z-index: 97;
		color: #322323;
		font-size: calc(26vw / 3.9);
		font-weight: 700;
		line-height: 1em;
		text-align: center;
	}

	#strong .wrapper .power h3 p::after {
		position: absolute;
		display: block;
		z-index: -1;
		content: "";
		background: #ffb599;
		width: calc(170vw / 3.9);
		height: calc(6vw / 3.9);
		bottom: calc(-3vw / 3.9);
		left: 50%;
		transform: translateX(-50%);
	}

	#strong .wrapper .power .point {
		width: calc(260vw / 3.9);
		margin: 0 auto;
	}

	#strong .wrapper .power .point .high, #strong .wrapper .power .point .low {
		width: 100%;
		margin-bottom: calc(30vw / 3.9);
	}

	#strong .wrapper .power .point .high h4, #strong .wrapper .power .point .low h4 {
		position: relative;
		width: 100%;
		height: calc(32vw / 3.9);
		margin-bottom: calc(8vw / 3.9);
	}

	#strong .wrapper .power .point .high h4 .icon {
		position: absolute;
		width: calc(30vw / 3.9);
		top: 0;
		left: calc(75vw / 3.9);
	}

	#strong .wrapper .power .point .low h4 .icon {
		position: absolute;
		width: calc(32vw / 3.9);
		top: calc(4vw / 3.9);
		left: calc(75vw / 3.9);
	}

	#strong .wrapper .power .point .high h4>p, #strong .wrapper .power .point .low h4>p {
		position: absolute;
		color: #322323;
		font-size: calc(22vw / 3.9);
		font-weight: 700;
		line-height: 1em;
		top: calc(10vw / 3.9);
		left: calc(120vw / 3.9);
	}

	#strong .wrapper .power .point .high .photo, #strong .wrapper .power .point .low .photo {
		display: block;
		width: calc(160vw / 3.9);
		margin: 0 auto calc(10vw / 3.9);
	}

	#strong .wrapper .power .point .high p, #strong .wrapper .power .point .low p {
		color: #322323;
		font-size: calc(16vw / 3.9);
		font-weight: 400;
		line-height: calc(24vw / 3.9);
		text-align: justify;
		width: 100%;
		margin-bottom: calc(10vw / 3.9);
	}

	#strong .wrapper .power .point .high .button, #strong .wrapper .power .point .low .button {
		position: relative;
		display: block;
		background: #1eb07d;
		color: #ffffff;
		font-size: calc(16vw / 3.9);
		font-weight: 700;
		line-height: calc(45vw / 3.9);
		text-align: center;
		text-shadow: 0 calc(2vw / 3.9) 0 rgba(0, 0, 0, 0.25);
		width: calc(180vw / 3.9);
		height: calc(45vw / 3.9);
		border-radius: calc(45vw / 2 / 3.9);
		margin: 0 auto;
	}

	#strong .wrapper .power .point .high .button::after, #strong .wrapper .power .point .low .button::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_p.svg") no-repeat;
		background-size: 100% 100%;
		width: calc(11vw / 3.9);
		height: calc(14vw / 3.9);
		filter: drop-shadow(0 calc(2vw / 3.9) 0 rgba(0, 0, 0, 0.25));
		top: 50%;
		right: calc(15vw / 3.9);
		transform: translateY(-50%);
	}

	#strong .wrapper hr {
		width: calc(300vw / 3.9);
		border-top: calc(1vw / 3.9) solid #c0c0c0;
		border-bottom: none;
		border-left: none;
		border-right: none;
		margin: 0 auto calc(30vw / 3.9);
	}

	#strong .wrapper .numbers {
		margin-bottom: calc(25vw / 3.9);
	}

	#strong .wrapper .numbers h3 {
		position: relative;
		width: 100%;
		margin: 0 auto calc(30vw / 3.9);
	}

	#strong .wrapper .numbers h3 img {
		display: block;
		width: calc(23vw / 3.9);
		height: calc(18vw / 3.9);
		margin: 0 auto calc(5vw / 3.9);
	}

	#strong .wrapper .numbers h3 p {
		position: relative;
		z-index: 97;
		color: #322323;
		font-size: calc(26vw / 3.9);
		font-weight: 700;
		line-height: calc(36vw / 3.9);
		text-align: center;
	}

	#strong .wrapper .numbers h3 p::before {
		position: absolute;
		display: block;
		z-index: -1;
		content: "";
		background: #ffb599;
		width: calc(130vw / 3.9);
		height: calc(6vw / 3.9);
		bottom: calc((-3vw + 36vw + 5vw) / 3.9);
		left: 50%;
		transform: translateX(-50%);
	}

	#strong .wrapper .numbers h3 p::after {
		position: absolute;
		display: block;
		z-index: -1;
		content: "";
		background: #ffb599;
		width: calc(260vw / 3.9);
		height: calc(6vw / 3.9);
		bottom: calc((-3vw + 5vw) / 3.9);
		left: 50%;
		transform: translateX(-50%);
	}

	#strong .wrapper .numbers .total {
		width: calc(260vw / 3.9);
		margin: 0 auto;
	}

	#strong .wrapper .numbers .total .minicar {
		margin-bottom: calc(28vw / 3.9);
	}

	#strong .wrapper .numbers .total .minicar, #strong .wrapper .numbers .total .figure {
		position: relative;
		width: 100%;
		height: calc(120vw / 3.9);
	}

	#strong .wrapper .numbers .total .minicar h4, #strong .wrapper .numbers .total .figure h4 {
		box-sizing: border-box;
		background: #ffffff;
		color: #322323;
		font-size: calc(18vw / 3.9);
		font-weight: 700;
		line-height: 1em;
		text-align: center;
		width: 100%;
		height: calc(50vw / 3.9);
		border: calc(4vw / 3.9) solid #ec6c00;
		padding: calc(12vw / 3.9) 0;
		bottom: 0;
		left: 0;
	}

	#strong .wrapper .numbers .total .minicar h4 br, #strong .wrapper .numbers .total .figure h4 br {
		display: none;
	}

	#strong .wrapper .numbers .total .minicar .countup, #strong .wrapper .numbers .total .figure .countup {
		position: absolute;
		color: #ff6a1a;
		font-family: "futura-pt", sans-serif;
		font-size: calc(84vw / 3.9);
		font-weight: 600;
		font-style: normal;
		line-height: 1em;
		text-align: right;
		bottom: calc(-12vw / 3.9);
		right: calc(80vw / 3.9);
	}

	#strong .wrapper .numbers .total .minicar .unit, #strong .wrapper .numbers .total .figure .unit {
		position: absolute;
		color: #ff6a1a;
		font-size: calc(16vw / 3.9);
		font-weight: 700;
		line-height: calc(21vw / 3.9);
		bottom: 0;
		left: calc(187vw / 3.9);
	}
	#strong .wrapper .numbers .total .figure .unit span {
		font-size: calc(34vw / 3.9);
	}

	#strong .wrapper .choose {
		background: url("../img/index/about_strong_choose.webp") repeat;
		background-size: calc(32vw / 3.9) calc(32vw / 3.9);
		background-position: top center;
		width: 100%;
		padding: calc(10vw / 3.9) 0;
	}

	#strong .wrapper .choose h3 {
		color: #ffffff;
		font-size: calc(18vw / 3.9);
		font-weight: 700;
		line-height: calc(25vw / 3.9);
		text-align: center;
		filter: drop-shadow(0 calc(2vw / 3.9) 0 rgba(0, 0, 0, 0.25));
	}

	#strong .wrapper .choose h3 .small {
		font-size: calc((18vw * 0.8) / 3.9);
	}

	#strong .wrapper .choose h3 .big {
		font-size: calc(22vw / 3.9);
	}
}


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

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

	#blog .wrapper .rotate {
		position: absolute;
		color: #ff6a1a;
		font-family: "copperplate", serif;
		font-size: calc(50px / 1366 * 1720);
		font-weight: 700;
		line-height: 0.2em;
		font-style: normal;
		text-align: left;
		transform: rotate(90deg) translateY(-100%);
		transform-origin: top left;
	}

	#blog .wrapper .rotate br {
		display: none;
	}

	#blog .wrapper .rotate span {
		font-size: calc(16px / 1366 * 1720);
	}

	#blog .wrapper h2 {
		position: relative;
		width: 100%;
		margin: 0 0 calc(14px / 1366 * 1720) calc(80px / 1366 * 1720);
	}

	#blog .wrapper h2 .image {
		width: calc(30px / 1366 * 1720);
	}

	#blog .wrapper h2 p {
		position: absolute;
		color: #322323;
		font-size: calc(32px / 1366 * 1720);
		font-weight: 700;
		line-height: 1em;
		text-align: left;
		top: calc(-4px / 1366 * 1720);
		left: calc(50px / 1366 * 1720);
	}

	#blog .wrapper .news__list {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: calc(920px / 1366 * 1720);
		margin-left: calc(80px / 1366 * 1720);
	}

	#blog .wrapper .news__list .news__item {
		width: calc(180px / 1366 * 1720);
	}

	#blog .wrapper .news__list .news__item:first-child {
		width: calc(300px / 1366 * 1720);
	}

	#blog .wrapper .news__list .news__item a {
		display: block;
		overflow: hidden;
		width: calc(180px / 1366 * 1720);
	}

	#blog .wrapper .news__list .news__item:first-child a {
		width: calc(300px / 1366 * 1720);
	}

	#blog .wrapper .news__list .news__item a .common_img {
		overflow: hidden;
		display: flex;
		justify-content: center;
		height: calc(180px / 1366 * 1720);
		border-radius: calc(20px / 1366 * 1720);
		margin-bottom: calc(10px / 1366 * 1720);
		object-fit: cover;
	}

	#blog .wrapper .news__list .news__item:first-child a .common_img {
		width: 100%;
		height: calc(300px / 1366 * 1720);
	}

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

	#blog .wrapper .news__list .news__item a .date {
		color: #322323;
		font-size: calc(12px / 1366 * 1720);
		font-weight: 400;
		line-height: 1em;
		margin-bottom: calc(10px / 1366 * 1720);
	}

	#blog .wrapper .news__list .news__item a .post-ttl {
		position: relative;
		color: #322323;
		font-size: calc(16px / 1366 * 1720);
		font-weight: 700;
		line-height: calc(20px / 1366 * 1720);
		text-align: justify;
		width: calc(142px / 1366 * 1720);
		margin-left: calc(29px / 1366 * 1720);
	}

	#blog .wrapper .news__list .news__item:first-child a .post-ttl {
		width: calc(271px / 1366 * 1720);
	}

	#blog .wrapper .news__list .news__item a .post-ttl::before {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_g.svg") no-repeat;
		background-position: top left;
		width: calc(18px / 1366 * 1720);
		height: calc(18px / 1366 * 1720);
		top: 0;
		left: calc(-29px / 1366 * 1720);
	}

	#blog .wrapper hr {
		position: absolute;
		width: calc(590px / 1366 * 1720);
		border-top: calc(1px / 1366 * 1720) solid #c0c0c0;
		border-bottom: none;
		border-left: none;
		border-right: none;
		top: calc(346px / 1366 * 1720);
		right: 0;
		margin: 0;
	}

	#blog .wrapper .button {
		position: absolute;
		background: #1eb07d;
		color: #ffffff;
		font-size: calc(15px / 1366 * 1720);
		font-weight: 700;
		line-height: calc(40px / 1366 * 1720);
		text-align: center;
		text-shadow: 0 calc(2px / 1366 * 1720) 0 rgba(0, 0, 0, 0.25);
		width: calc(400px / 1366 * 1720);
		height: calc(40px / 1366 * 1720);
		border-radius: calc(20px / 1366 * 1720);
		bottom: 0;
		right: calc(95px / 1366 * 1720);
	}

	#blog .wrapper .button::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_p.svg") no-repeat;
		background-position: top left;
		width: calc(6px / 1366 * 1720);
		height: calc(9px / 1366 * 1720);
		filter: drop-shadow(0 calc(2px / 1366 * 1720) 0 rgba(0, 0, 0, 0.25));
		top: 50%;
		right: calc(13px / 1366 * 1720);
		transform: translateY(-50%);
	}
}

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

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

	#blog .wrapper .rotate {
		position: absolute;
		color: #ff6a1a;
		font-family: "copperplate", serif;
		font-size: calc(50vw / 13.66);
		font-weight: 700;
		line-height: 0.2em;
		font-style: normal;
		text-align: left;
		transform: rotate(90deg) translateY(-100%);
		transform-origin: top left;
	}

	#blog .wrapper .rotate br {
		display: none;
	}

	#blog .wrapper .rotate span {
		font-size: calc(16vw / 13.66);
	}

	#blog .wrapper h2 {
		position: relative;
		width: 100%;
		margin: 0 0 calc(14vw / 13.66) calc(80vw / 13.66);
	}

	#blog .wrapper h2 .image {
		width: calc(30vw / 13.66);
	}

	#blog .wrapper h2 p {
		position: absolute;
		color: #322323;
		font-size: calc(32vw / 13.66);
		font-weight: 700;
		line-height: 1em;
		text-align: left;
		top: calc(-4vw / 13.66);
		left: calc(50vw / 13.66);
	}

	#blog .wrapper .news__list {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: calc(920vw / 13.66);
		margin-left: calc(80vw / 13.66);
	}

	#blog .wrapper .news__list .news__item {
		width: calc(180vw / 13.66);
	}

	#blog .wrapper .news__list .news__item:first-child {
		width: calc(300vw / 13.66);
	}

	#blog .wrapper .news__list .news__item a {
		display: block;
		overflow: hidden;
		width: calc(180vw / 13.66);
	}

	#blog .wrapper .news__list .news__item:first-child a {
		width: calc(300vw / 13.66);
	}

	#blog .wrapper .news__list .news__item a .common_img {
		overflow: hidden;
		display: flex;
		justify-content: center;
		height: calc(180vw / 13.66);
		border-radius: calc(20vw / 13.66);
		margin-bottom: calc(10vw / 13.66);
		object-fit: cover;
	}

	#blog .wrapper .news__list .news__item:first-child a .common_img {
		width: 100%;
		height: calc(300vw / 13.66);
	}

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

	#blog .wrapper .news__list .news__item a .date {
		color: #322323;
		font-size: calc(12vw / 13.66);
		font-weight: 400;
		line-height: 1em;
		margin-bottom: calc(10vw / 13.66);
	}

	#blog .wrapper .news__list .news__item a .post-ttl {
		position: relative;
		color: #322323;
		font-size: calc(16vw / 13.66);
		font-weight: 700;
		line-height: calc(20vw / 13.66);
		text-align: justify;
		width: calc(142vw / 13.66);
		margin-left: calc(29vw / 13.66);
	}

	#blog .wrapper .news__list .news__item:first-child a .post-ttl {
		width: calc(271vw / 13.66);
	}

	#blog .wrapper .news__list .news__item a .post-ttl::before {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_g.svg") no-repeat;
		background-position: top left;
		width: calc(18vw / 13.66);
		height: calc(18vw / 13.66);
		top: 0;
		left: calc(-29vw / 13.66);
	}

	#blog .wrapper hr {
		position: absolute;
		width: calc(590vw / 13.66);
		border-top: calc(1vw / 13.66) solid #c0c0c0;
		border-bottom: none;
		border-left: none;
		border-right: none;
		top: calc(346vw / 13.66);
		right: 0;
		margin: 0;
	}

	#blog .wrapper .button {
		position: absolute;
		background: #1eb07d;
		color: #ffffff;
		font-size: calc(15vw / 13.66);
		font-weight: 700;
		line-height: calc(40vw / 13.66);
		text-align: center;
		text-shadow: 0 calc(2vw / 13.66) 0 rgba(0, 0, 0, 0.25);
		width: calc(400vw / 13.66);
		height: calc(40vw / 13.66);
		border-radius: calc(20vw / 13.66);
		bottom: 0;
		right: calc(95vw / 13.66);
	}

	#blog .wrapper .button::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_p.svg") no-repeat;
		background-position: top left;
		width: calc(6vw / 13.66);
		height: calc(9vw / 13.66);
		filter: drop-shadow(0 calc(2vw / 13.66) 0 rgba(0, 0, 0, 0.25));
		top: 50%;
		right: calc(13vw / 13.66);
		transform: translateY(-50%);
	}
}

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

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

	#blog .wrapper .rotate {
		position: absolute;
		color: #ff6a1a;
		font-family: "copperplate", serif;
		font-size: calc(50vw / 7.44);
		font-weight: 700;
		line-height: 0.2em;
		font-style: normal;
		text-align: left;
		transform: rotate(90deg) translateY(-100%);
		transform-origin: top left;
	}

	#blog .wrapper .rotate br {
		display: none;
	}

	#blog .wrapper .rotate span {
		font-size: calc(16vw / 7.44);
	}

	#blog .wrapper h2 {
		position: relative;
		box-sizing: border-box;
		width: 100%;
		padding-left: calc(47vw / 7.44);
		margin-bottom: calc(20vw / 7.44);
	}

	#blog .wrapper h2 .image {
		width: calc(30vw / 7.44);
	}

	#blog .wrapper h2 p {
		position: absolute;
		color: #322323;
		font-size: calc(32vw / 7.44);
		font-weight: 700;
		line-height: 1em;
		text-align: left;
		top: calc(-4vw / 7.44);
		left: calc((47vw + 50vw) / 7.44);
	}

	#blog .wrapper .news__list {
		overflow: auto;
		box-sizing: border-box;
		width: 100%;
		padding-left: calc(47vw / 7.44);
		margin-bottom: calc(20vw / 7.44);
	}

	#blog .wrapper .news__list .news__item {
		float: right;
		position: relative;
		overflow: hidden;
		width: calc(337vw / 7.44);
		height: calc(80vw / 7.44);
		margin-bottom: calc(10vw / 7.44);
	}

	#blog .wrapper .news__list .news__item:first-child {
		float: left;
		overflow: auto;
		width: calc(200vw / 7.44);
		height: auto;
		margin-bottom: 0;
	}

	#blog .wrapper .news__list .news__item:last-child {
		margin-bottom: 0;
	}

	#blog .wrapper .news__list .news__item a {
		display: block;
		overflow: hidden;
		width: calc(337vw / 7.44);
	}

	#blog .wrapper .news__list .news__item:first-child a {
		overflow: hidden;
		width: calc(200vw / 7.44);
	}

	#blog .wrapper .news__list .news__item a .common_img {
		overflow: hidden;
		display: flex;
		justify-content: center;
		width: calc(80vw / 7.44);
		height: calc(80vw / 7.44);
		border-radius: calc(5vw / 7.44);
		object-fit: cover;
	}

	#blog .wrapper .news__list .news__item:first-child a .common_img {
		width: 100%;
		height: calc(200vw / 7.44);
		border-radius: calc(10vw / 7.44);
		margin-bottom: calc(10vw / 7.44);
	}

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

	#blog .wrapper .news__list .news__item a .date {
		position: absolute;
		color: #322323;
		font-size: calc(12vw / 7.44);
		font-weight: 400;
		line-height: 1em;
		top: 0;
		left: calc(98vw / 7.44);
	}
	
	#blog .wrapper .news__list .news__item:first-child a .date {
		position: relative;
		top: auto;
		left: auto;
		margin-bottom: calc(10vw / 7.44);
	}

	#blog .wrapper .news__list .news__item a .post-ttl {
		position: absolute;
		color: #322323;
		font-size: calc(16vw / 7.44);
		font-weight: 700;
		line-height: calc(20vw / 7.44);
		text-align: justify;
		width: calc(210vw / 7.44);
		top: calc(23vw / 7.44);
		right: 0;
	}

	#blog .wrapper .news__list .news__item:first-child a .post-ttl {
		float: right;
		position: relative;
		width: calc(169vw / 7.44);
		top: auto;
		right: auto;
	}

	#blog .wrapper .news__list .news__item a .post-ttl::before {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_g.svg") no-repeat;
		background-position: top left;
		width: calc(18vw / 7.44);
		height: calc(18vw / 7.44);
		top: 0;
		left: calc(-28vw / 7.44);
	}

	#blog .wrapper .button {
		position: relative;
		display: block;
		background: #1eb07d;
		color: #ffffff;
		font-size: calc(16vw / 7.44);
		font-weight: 700;
		line-height: calc(46vw / 7.44);
		text-align: center;
		text-shadow: 0 calc(2vw / 7.44) 0 rgba(0, 0, 0, 0.25);
		width: calc(240vw / 7.44);
		height: calc(46vw / 7.44);
		border-radius: calc(23vw / 7.44);
		margin-left: calc(204vw / 7.44);
	}

	#blog .wrapper .button::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_p.svg") no-repeat;
		background-position: top left;
		width: calc(9vw / 7.44);
		height: calc(13vw / 7.44);
		filter: drop-shadow(0 calc(2vw / 7.44) 0 rgba(0, 0, 0, 0.25));
		top: 50%;
		right: calc(15vw / 7.44);
		transform: translateY(-50%);
	}
}

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

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

	#blog .wrapper .rotate {
		position: absolute;
		color: #ff6a1a;
		font-family: "copperplate", serif;
		font-size: calc(36vw / 3.9);
		font-weight: 700;
		line-height: 0.4em;
		font-style: normal;
		text-align: left;
		transform: rotate(90deg) translateY(-100%);
		transform-origin: top left;
		top: calc(60vw / 3.9);
		left: calc(-5vw / 3.9);
	}

	#blog .wrapper .rotate span {
		font-size: calc(11vw / 3.9);
	}

	#blog .wrapper h2 {
		position: relative;
		box-sizing: border-box;
		width: 100%;
		margin-bottom: calc(30vw / 3.9);
	}

	#blog .wrapper h2 .image {
		width: calc(30vw / 3.9);
	}

	#blog .wrapper h2 p {
		position: absolute;
		color: #322323;
		font-size: calc(32vw / 3.9);
		font-weight: 700;
		line-height: 1em;
		text-align: left;
		top: calc(-4vw / 3.9);
		left: calc(48vw / 3.9);
	}

	#blog .wrapper .news__list {
		box-sizing: border-box;
		width: 100%;
		padding-left: calc(53vw / 3.9);
		margin-bottom: calc(30vw / 3.9);
	}

	#blog .wrapper .news__list .news__item {
		position: relative;
		overflow: hidden;
		width: 100%;
		height: calc(130vw / 3.9);
		margin-bottom: calc(10vw / 3.9);
	}

	#blog .wrapper .news__list .news__item:first-child {
		width: calc(260vw / 3.9);
		height: calc(330vw / 3.9);
		margin-bottom: calc(15vw / 3.9);
	}

	#blog .wrapper .news__list .news__item:last-child {
		margin-bottom: 0;
	}

	#blog .wrapper .news__list .news__item a {
		display: block;
		overflow: hidden;
		width: 100%;
	}

	#blog .wrapper .news__list .news__item a .common_img {
		overflow: hidden;
		display: flex;
		justify-content: center;
		width: calc(130vw / 3.9);
		height: calc(130vw / 3.9);
		border-radius: calc(8.3vw / 3.9);
		object-fit: cover;
	}

	#blog .wrapper .news__list .news__item:first-child a .common_img {
		width: 100%;
		height: calc(260vw / 3.9);
		border-radius: calc(10vw / 3.9);
		margin-bottom: calc(10vw / 3.9);
	}

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

	#blog .wrapper .news__list .news__item a .date {
		position: absolute;
		color: #322323;
		font-size: calc(12vw / 3.9);
		font-weight: 400;
		line-height: 1em;
		top: 0;
		left: calc(140vw / 3.9);
	}
	
	#blog .wrapper .news__list .news__item:first-child a .date {
		position: relative;
		top: auto;
		left: auto;
		margin-bottom: calc(10vw / 3.9);
	}

	#blog .wrapper .news__list .news__item a .post-ttl {
		position: absolute;
		color: #322323;
		font-size: calc(16vw / 3.9);
		font-weight: 700;
		line-height: calc(20vw / 3.9);
		text-align: justify;
		width: calc(118vw / 3.9);
		top: calc(20vw / 3.9);
		right: 0;
	}

	#blog .wrapper .news__list .news__item:first-child a .post-ttl {
		float: right;
		width: calc(213vw / 3.9);
		top: calc(290vw / 3.9);
		left: calc(27vw / 3.9);
	}

	#blog .wrapper .news__list .news__item a .post-ttl::before {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_g.svg") no-repeat;
		background-position: top left;
		width: calc(18vw / 3.9);
		height: calc(18vw / 3.9);
		top: 0;
		left: calc(-28vw / 3.9);
	}

	#blog .wrapper .button {
		position: relative;
		display: block;
		background: #1eb07d;
		color: #ffffff;
		font-size: calc(16vw / 3.9);
		font-weight: 700;
		line-height: calc(46vw / 3.9);
		text-align: center;
		text-shadow: 0 calc(2vw / 3.9) 0 rgba(0, 0, 0, 0.25);
		width: calc(240vw / 3.9);
		height: calc(46vw / 3.9);
		border-radius: calc(23vw / 3.9);
		margin: 0 auto;
	}

	#blog .wrapper .button::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../img/common/arrow_p.svg") no-repeat;
		background-position: top left;
		width: calc(9vw / 3.9);
		height: calc(13vw / 3.9);
		filter: drop-shadow(0 calc(2vw / 3.9) 0 rgba(0, 0, 0, 0.25));
		top: 50%;
		right: calc(15vw / 3.9);
		transform: translateY(-50%);
	}
}


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

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

	#other .wrapper .rotate {
		position: absolute;
		color: #ff6a1a;
		font-family: "copperplate", serif;
		font-size: calc(50px / 1366 * 1720);
		font-weight: 700;
		line-height: 0.5em;
		font-style: normal;
		text-align: left;
		transform: rotate(90deg) translateY(-100%);
		transform-origin: top left;
	}

	#other .wrapper h2 {
		position: relative;
		width: 100%;
		margin: 0 0 calc(14px / 1366 * 1720) calc(80px / 1366 * 1720);
	}

	#other .wrapper h2 .image {
		width: calc(30px / 1366 * 1720);
	}

	#other .wrapper h2 p {
		position: absolute;
		color: #322323;
		font-size: calc(32px / 1366 * 1720);
		font-weight: 700;
		line-height: 1em;
		text-align: left;
		top: calc(-4px / 1366 * 1720);
		left: calc(50px / 1366 * 1720);
	}

	#other .wrapper .scroll {
		overflow: inherit!important;
	}
	
	.scroll-hint-icon-wrap {
		display: none!important;
	}

	#other .wrapper ul {
		display: flex;
		flex-wrap: wrap;
		gap: 20px 10px;
		width: calc(930px / 1366 * 1720);
		margin-left: calc(80px / 1366 * 1720);
	}

	#other .wrapper ul 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);
	}

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

	#other .wrapper ul 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);
	}

	#other .wrapper ul 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);
	}

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

	#other .wrapper ul 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);
	}

	#other .wrapper ul 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) {
	#other {
		position: relative;
		background: #f6f6f6;
		width: 100%;
		padding: calc(25vw / 13.66) 0 calc(50vw / 13.66);
	}

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

	#other .wrapper .rotate {
		position: absolute;
		color: #ff6a1a;
		font-family: "copperplate", serif;
		font-size: calc(50vw / 13.66);
		font-weight: 700;
		line-height: 0.5em;
		font-style: normal;
		text-align: left;
		transform: rotate(90deg) translateY(-100%);
		transform-origin: top left;
	}

	#other .wrapper h2 {
		position: relative;
		width: 100%;
		margin: 0 0 calc(14vw / 13.66) calc(80vw / 13.66);
	}

	#other .wrapper h2 .image {
		width: calc(30vw / 13.66);
	}

	#other .wrapper h2 p {
		position: absolute;
		color: #322323;
		font-size: calc(32vw / 13.66);
		font-weight: 700;
		line-height: 1em;
		text-align: left;
		top: calc(-4vw / 13.66);
		left: calc(50vw / 13.66);
	}

	#other .wrapper .scroll {
		overflow: inherit!important;
	}
	
	.scroll-hint-icon-wrap {
		display: none!important;
	}

	#other .wrapper ul {
		display: flex;
		flex-wrap: wrap;
		gap: calc(20vw / 13.66) calc(10vw / 13.66);
		width: calc(930vw / 13.66);
		margin-left: calc(80vw / 13.66);
	}

	#other .wrapper ul 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);
	}

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

	#other .wrapper ul 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);
	}

	#other .wrapper ul 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);
	}

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

	#other .wrapper ul 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);
	}

	#other .wrapper ul 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) {
	#other {
		position: relative;
		background: #f6f6f6;
		width: 100%;
		padding: calc(30vw / 7.44) 0 calc(60vw / 7.44);
	}

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

	#other .wrapper .rotate {
		position: absolute;
		color: #ff6a1a;
		font-family: "copperplate", serif;
		font-size: calc(50vw / 7.44);
		font-weight: 700;
		line-height: 0.5em;
		font-style: normal;
		text-align: left;
		transform: rotate(90deg) translateY(-100%);
		transform-origin: top left;
	}

	#other .wrapper h2 {
		position: relative;
		box-sizing: border-box;
		width: 100%;
		padding-left: calc(47vw / 7.44);
		margin-bottom: calc(20vw / 7.44);
	}

	#other .wrapper h2 .image {
		width: calc(30vw / 7.44);
	}

	#other .wrapper h2 p {
		position: absolute;
		color: #322323;
		font-size: calc(32vw / 7.44);
		font-weight: 700;
		line-height: 1em;
		text-align: left;
		top: calc(-4vw / 7.44);
		left: calc((47vw + 50vw) / 7.44);
	}

	#other .wrapper .scroll {
		overflow-x: scroll;
		scrollbar-width: none;
		width: calc(629vw / 7.44);
		padding: calc(6vw / 7.44);
		margin-left: calc((47vw - 6vw) / 7.44);
	}
	
	#other .wrapper .scroll-hint-icon {
		position: absolute;
		box-sizing: border-box;
		width: calc(130vw / 7.44);
		height: calc(90vw / 7.44);
		border-radius: calc(20vw / 7.44);
		top: 50%;
		transform: translateY(-50%);
		left: calc(250vw / 7.44);
		padding: calc(6vw / 7.44) 0 0 0;
	}
	
	#other .wrapper .scroll-hint-icon:before {
		width: calc(44vw / 7.44);
		height: calc(44vw / 7.44);
		margin-top: calc(14vw / 7.44);
	}
	
	#other .wrapper .scroll-hint-icon:after {
		position: absolute;
		background-size: 100%;
		width: calc(44vw / 7.44);
		height: calc(15vw / 7.44);
		left: 44.5%;
	}
	
	#other .wrapper .scroll-hint-text {
		font-size: calc(12vw / 7.44);
		font-weight: 700;
		line-height: 1em;
		margin-top: calc(6vw / 7.44);
	}
	
	#other .wrapper .js-scrollablet::-webkit-scrollbar {
		display: none;
	}

	#other .wrapper .scroll ul {
		display: flex;
		flex-wrap: wrap;
		gap: calc(12vw / 7.44) calc(7vw / 7.44);
		width: calc(743vw / 7.44);
	}

	#other .wrapper .scroll ul 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);
	}

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

	#other .wrapper ul 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);
	}

	#other .wrapper ul 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);
	}

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

	#other .wrapper ul 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);
	}

	#other .wrapper ul 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) {
	#other {
		position: relative;
		background: #f6f6f6;
		width: 100%;
		padding: calc(50vw / 3.9) 0 calc(60vw / 3.9);
	}

	#other .wrapper {
		overflow: auto;
		position: relative;
		box-sizing: border-box;
		width: 100%;
		padding-left: calc(25vw / 3.9);
	}

	#other .wrapper .rotate {
		position: absolute;
		color: #ff6a1a;
		font-family: "copperplate", serif;
		font-size: calc(36vw / 3.9);
		font-weight: 700;
		line-height: 0.5em;
		font-style: normal;
		text-align: left;
		transform: rotate(90deg) translateY(-100%);
		transform-origin: top left;
		top: calc(60vw / 3.9);
		left: calc(28vw / 3.9);
	}

	#other .wrapper h2 {
		position: relative;
		box-sizing: border-box;
		width: 100%;
		margin-bottom: calc(30vw / 3.9);
	}

	#other .wrapper h2 .image {
		width: calc(30vw / 3.9);
	}

	#other .wrapper h2 p {
		position: absolute;
		color: #322323;
		font-size: calc(32vw / 3.9);
		font-weight: 700;
		line-height: 1em;
		text-align: left;
		top: calc(-4vw / 3.9);
		left: calc(48vw / 3.9);
	}

	#other .wrapper .scroll {
		float: right;
		overflow-x: scroll;
		scrollbar-width: none;
		width: calc(310vw / 3.9);
		padding: calc(4.8vw / 3.9);
	}
	
	#other .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;
	}
	
	#other .wrapper .scroll-hint-icon:before {
		width: calc(44vw / 3.9);
		height: calc(44vw / 3.9);
		margin-top: calc(14vw / 3.9);
	}
	
	#other .wrapper .scroll-hint-icon:after {
		position: absolute;
		background-size: 100%;
		width: calc(44vw / 3.9);
		height: calc(15vw / 3.9);
		left: 44.5%;
	}
	
	#other .wrapper .scroll-hint-text {
		font-size: calc(12vw / 3.9);
		font-weight: 700;
		line-height: 1em;
		margin-top: calc(6vw / 3.9);
	}
	
	#other .wrapper .js-scrollablet::-webkit-scrollbar {
		display: none;
	}

	#other .wrapper .scroll ul {
		display: flex;
		flex-wrap: wrap;
		gap: calc(12vw / 3.9) calc(7vw / 3.9);
		width: calc(743vw / 3.9);
	}

	#other .wrapper .scroll ul 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);
	}

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

	#other .wrapper ul 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);
	}

	#other .wrapper ul 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);
	}

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

	#other .wrapper ul 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);
	}

	#other .wrapper ul 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);
	}
}


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

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

	#sns .wrapper .rotate {
		position: absolute;
		color: #ff6a1a;
		font-family: "copperplate", serif;
		font-size: calc(50px / 1366 * 1720);
		font-weight: 700;
		line-height: 0.5em;
		font-style: normal;
		text-align: left;
		transform: rotate(90deg) translateY(-100%);
		transform-origin: top left;
	}

	#sns .wrapper h2 {
		position: relative;
		width: 100%;
		margin: 0 0 calc(14px / 1366 * 1720) calc(80px / 1366 * 1720);
	}

	#sns .wrapper h2 .image {
		width: calc(30px / 1366 * 1720);
	}

	#sns .wrapper h2 p {
		position: absolute;
		color: #322323;
		font-size: calc(32px / 1366 * 1720);
		font-weight: 700;
		line-height: 1em;
		text-align: left;
		top: calc(-4px / 1366 * 1720);
		left: calc(50px / 1366 * 1720);
	}

	#sns .wrapper .link {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: calc(930px / 1366 * 1720);
		margin-left: calc(80px / 1366 * 1720);
	}

	#sns .wrapper .link .line {
		overflow: hidden;
		display: block;
		width: calc(440px / 1366 * 1720);
		border-radius: calc(20px / 1366 * 1720);
	}

	#sns .wrapper .link .line img {
		width: 100%;
	}

	#sns .wrapper .link .follow {
		display: flex;
		flex-wrap: wrap;
		align-content: space-between;
		width: calc(438px / 1366 * 1720);
		height: calc(205px / 1366 * 1720);
	}

	#sns .wrapper .link .follow p {
		color: #322323;
		font-size: calc(20px / 1366 * 1720);
		font-weight: 700;
		line-height: calc(30px / 1366 * 1720);
		text-align: left;
	}

	#sns .wrapper .link .follow p br:first-child {
		display: none;
	}

	#sns .wrapper .link .follow .x_fb {
		display: flex;
		flex-wrap: wrap;
		align-content: space-between;
		background: #e0e0e0;
		width: 100%;
		height: calc(88px / 1366 * 1720);
		padding: calc(22px / 1366 * 1720) 0;
	}

	#sns .wrapper .link .follow .x_fb .button {
		position: relative;
		background: #ffffff;
		width: calc(380px / 1366 * 1720);
		height: calc(40px / 1366 * 1720);
		border-radius: calc(20px / 1366 * 1720);
		filter: drop-shadow(0 0 calc(6px / 1366 * 1720) rgba(0, 0, 0, 0.15));
		margin: 0 auto;
	}

	#sns .wrapper .link .follow .x_fb .button::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: 50%;
		right: calc(16px / 1366 * 1720);
		transform: translateY(-50%);
	}

	#sns .wrapper .link .follow .x_fb .button h3 {
		color: #322323;
		font-size: calc(15px / 1366 * 1720);
		font-weight: 700;
		line-height: calc(40px / 1366 * 1720);
		text-align: left;
		margin-left: calc(18px / 1366 * 1720);
	}

	#sns .wrapper .link .follow .x_fb .button h3 span {
		font-weight: 400;
	}

	#sns .wrapper .link .follow .x_fb .button p {
		position: absolute;
		color: #1eb07d;
		font-size: calc(12px / 1366 * 1720);
		font-weight: 400;
		line-height: calc(40px / 1366 * 1720);
		text-align: right;
		text-decoration: underline;
		top: 0;
		right: calc(43px / 1366 * 1720);
	}
}

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

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

	#sns .wrapper .rotate {
		position: absolute;
		color: #ff6a1a;
		font-family: "copperplate", serif;
		font-size: calc(50vw / 13.66);
		font-weight: 700;
		line-height: 0.5em;
		font-style: normal;
		text-align: left;
		transform: rotate(90deg) translateY(-100%);
		transform-origin: top left;
	}

	#sns .wrapper h2 {
		position: relative;
		width: 100%;
		margin: 0 0 calc(14vw / 13.66) calc(80vw / 13.66);
	}

	#sns .wrapper h2 .image {
		width: calc(30vw / 13.66);
	}

	#sns .wrapper h2 p {
		position: absolute;
		color: #322323;
		font-size: calc(32vw / 13.66);
		font-weight: 700;
		line-height: 1em;
		text-align: left;
		top: calc(-4vw / 13.66);
		left: calc(50vw / 13.66);
	}

	#sns .wrapper .link {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: calc(930vw / 13.66);
		margin-left: calc(80vw / 13.66);
	}

	#sns .wrapper .link .line {
		overflow: hidden;
		display: block;
		width: calc(440vw / 13.66);
		border-radius: calc(20vw / 13.66);
	}

	#sns .wrapper .link .line img {
		width: 100%;
	}

	#sns .wrapper .link .follow {
		display: flex;
		flex-wrap: wrap;
		align-content: space-between;
		width: calc(438vw / 13.66);
		height: calc(205vw / 13.66);
	}

	#sns .wrapper .link .follow p {
		color: #322323;
		font-size: calc(20vw / 13.66);
		font-weight: 700;
		line-height: calc(30vw / 13.66);
		text-align: left;
	}

	#sns .wrapper .link .follow p br:first-child {
		display: none;
	}

	#sns .wrapper .link .follow .x_fb {
		display: flex;
		flex-wrap: wrap;
		align-content: space-between;
		background: #e0e0e0;
		width: 100%;
		height: calc(88vw / 13.66);
		padding: calc(22vw / 13.66) 0;
	}

	#sns .wrapper .link .follow .x_fb .button {
		position: relative;
		background: #ffffff;
		width: calc(380vw / 13.66);
		height: calc(40vw / 13.66);
		border-radius: calc(20vw / 13.66);
		filter: drop-shadow(0 0 calc(6vw / 13.66) rgba(0, 0, 0, 0.15));
		margin: 0 auto;
	}

	#sns .wrapper .link .follow .x_fb .button::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: 50%;
		right: calc(16vw / 13.66);
		transform: translateY(-50%);
	}

	#sns .wrapper .link .follow .x_fb .button h3 {
		color: #322323;
		font-size: calc(15vw / 13.66);
		font-weight: 700;
		line-height: calc(40vw / 13.66);
		text-align: left;
		margin-left: calc(18vw / 13.66);
	}

	#sns .wrapper .link .follow .x_fb .button h3 span {
		font-weight: 400;
	}

	#sns .wrapper .link .follow .x_fb .button p {
		position: absolute;
		color: #1eb07d;
		font-size: calc(12vw / 13.66);
		font-weight: 400;
		line-height: calc(40vw / 13.66);
		text-align: right;
		text-decoration: underline;
		top: 0;
		right: calc(43vw / 13.66);
	}
}

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

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

	#sns .wrapper .rotate {
		position: absolute;
		color: #ff6a1a;
		font-family: "copperplate", serif;
		font-size: calc(50vw / 7.44);
		font-weight: 700;
		line-height: 0.5em;
		font-style: normal;
		text-align: left;
		transform: rotate(90deg) translateY(-100%);
		transform-origin: top left;
	}

	#sns .wrapper h2 {
		position: relative;
		box-sizing: border-box;
		width: 100%;
		padding-left: calc(47vw / 7.44);
		margin-bottom: calc(20vw / 7.44);
	}

	#sns .wrapper h2 .image {
		width: calc(30vw / 7.44);
	}

	#sns .wrapper h2 p {
		position: absolute;
		color: #322323;
		font-size: calc(32vw / 7.44);
		font-weight: 700;
		line-height: 1em;
		text-align: left;
		top: calc(-4vw / 7.44);
		left: calc((47vw + 50vw) / 7.44);
	}

	#sns .wrapper .link {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: calc(564vw / 7.44);
		margin-left: calc(47vw / 7.44);
	}

	#sns .wrapper .link .line {
		overflow: hidden;
		display: block;
		width: calc(287vw / 7.44);
		border-radius: calc(13vw / 7.44);
	}

	#sns .wrapper .link .line img {
		width: 100%;
	}

	#sns .wrapper .link .follow {
		display: flex;
		flex-wrap: wrap;
		align-content: space-between;
		width: calc(260vw / 7.44);
		height: calc(134vw / 7.44);
	}

	#sns .wrapper .link .follow p {
		color: #322323;
		font-size: calc(15vw / 7.44);
		font-weight: 700;
		line-height: calc(22vw / 7.4);
		text-align: left;
	}

	#sns .wrapper .link .follow p br:first-child {
		display: none;
	}

	#sns .wrapper .link .follow .x_fb {
		display: flex;
		flex-wrap: wrap;
		align-content: space-between;
		width: 100%;
		height: calc(86vw / 7.44);
	}

	#sns .wrapper .link .follow .x_fb .button {
		position: relative;
		background: #ffffff;
		width: 100%;
		height: calc(40vw / 7.44);
		border-radius: calc(20vw / 7.44);
		filter: drop-shadow(0 0 calc(6vw / 7.44) rgba(0, 0, 0, 0.15));
		margin: 0 auto;
	}

	#sns .wrapper .link .follow .x_fb .button::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(11.7vw / 7.44);
		height: calc(11.7vw / 7.44);
		top: 50%;
		right: calc(10vw / 7.44);
		transform: translateY(-50%);
	}

	#sns .wrapper .link .follow .x_fb .button h3 {
		color: #322323;
		font-size: calc(15vw / 7.44);
		font-weight: 700;
		line-height: calc(40vw / 7.44);
		text-align: left;
		margin-left: calc(17vw / 7.44);
	}

	#sns .wrapper .link .follow .x_fb .button h3 span {
		font-weight: 400;
	}

	#sns .wrapper .link .follow .x_fb .button p {
		position: absolute;
		color: #1eb07d;
		font-size: calc(10vw / 7.44);
		font-weight: 400;
		line-height: calc(40vw / 7.44);
		text-align: right;
		text-decoration: underline;
		top: 0;
		right: calc(28vw / 7.44);
	}
}

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

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

	#sns .wrapper .rotate {
		position: absolute;
		color: #ff6a1a;
		font-family: "copperplate", serif;
		font-size: calc(36vw / 3.9);
		font-weight: 700;
		line-height: 0.5em;
		font-style: normal;
		text-align: left;
		transform: rotate(90deg) translateY(-100%);
		transform-origin: top left;
		top: calc(60vw / 3.9);
		left: calc(5vw / 3.9);
	}

	#sns .wrapper h2 {
		position: relative;
		box-sizing: border-box;
		width: 100%;
		margin-bottom: calc(30vw / 3.9);
	}

	#sns .wrapper h2 .image {
		width: calc(30vw / 3.9);
	}

	#sns .wrapper h2 p {
		position: absolute;
		color: #322323;
		font-size: calc(32vw / 3.9);
		font-weight: 700;
		line-height: 1em;
		text-align: left;
		top: calc(-4vw / 3.9);
		left: calc(48vw / 3.9);
	}

	#sns .wrapper .link {
		box-sizing: border-box;
		width: 100%;
		padding-left: calc(53vw / 3.9);
	}

	#sns .wrapper .link .line {
		overflow: hidden;
		display: block;
		width: 100%;
		border-radius: calc(13vw / 3.9);
		margin-bottom: calc(20vw / 3.9);
	}

	#sns .wrapper .link .line img {
		width: 100%;
	}

	#sns .wrapper .link .follow {
		width: 100%;
	}

	#sns .wrapper .link .follow p {
		color: #322323;
		font-size: calc(20vw / 3.9);
		font-weight: 700;
		line-height: calc(26vw / 3.9);
		text-align: left;
		margin-bottom: calc(20vw / 3.9);
	}

	#sns .wrapper .link .follow .x_fb {
		display: flex;
		flex-wrap: wrap;
		align-content: space-between;
		width: 100%;
		height: calc(135vw / 3.9);
	}

	#sns .wrapper .link .follow .x_fb .button {
		position: relative;
		display: block;
		background: #ffffff;
		width: 100%;
		height: calc(60vw / 3.9);
		border-radius: calc(30vw / 3.9);
		filter: drop-shadow(0 0 calc(6vw / 3.9) rgba(0, 0, 0, 0.15));
		margin: 0 auto;
	}

	#sns .wrapper .link .follow .x_fb .button::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 / 3.9);
		height: calc(18vw / 3.9);
		top: 50%;
		right: calc(16vw / 3.9);
		transform: translateY(-50%);
	}

	#sns .wrapper .link .follow .x_fb .button h3 {
		color: #322323;
		font-size: calc(15vw / 3.9);
		font-weight: 700;
		line-height: 1em;
		text-align: left;
		margin: calc(13vw / 3.9) 0 calc(4vw / 3.9) calc(28vw / 3.9);
	}

	#sns .wrapper .link .follow .x_fb .button h3 span {
		font-weight: 400;
	}

	#sns .wrapper .link .follow .x_fb .button p {
		color: #1eb07d;
		font-size: calc(14vw / 3.9);
		font-weight: 400;
		line-height: 1em;
		text-align: left;
		text-decoration: underline;
		margin-left: calc(28vw / 3.9);
	}
}