/*
Theme Name: POSTEC
Description: POSTECのテーマ
*/

/* HEADER */

#header {
	height: 96px;
	padding-top: 8px;
}

.site-header {
	position: fixed;
	top: 0px;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	width: 100%;
	max-width: 1920px;
	z-index: 100;
	background: rgba(255, 255, 255, 0.8);
}

.site-header.scroll {
	-moz-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
}

.imgLogo {
	width: 160px;
	height: auto;
}

.companyNameWrap {
	margin-left: 16px;
}

.headerHeadTitle {
	font-size: 2.4rem;
	line-height: 100%;
}

.headerHeadTitleEN {
	font-size: 1.2rem;
	line-height: 0;
}

a.headerTextLink {
	font-size: 1.2rem;
}

.snsIconWrap {
	margin-left: 16px;
}

.headerSnsIconImage {
	width: 32px;
	height: auto;
	margin-left: 8px;
}

/* FOOTER */

#footerContent {
	margin-top: 96px;
	margin-bottom: 80px;
}

.footerLeftWrap {
	font-size: 1.2rem;
}

.footerRightWrap {
	font-size: 1.2rem;
}

.footerTextLink {
	margin-right: 24px;
}

.footerTextLink:last-of-type {
	margin-right: 0;
}

/* TOP PAGE */

#firstViewSection {
	padding-top: 0;
}

.topImg {
	width: 100%;
	height: auto;
}

#linkBannerSection {
	overflow: hidden;
}

.topLinkBanner {
	margin-bottom: 40px;
	display: block;
}

/* BUYER PAGE */

.buyerFirstViewWrap {
	background-image: url("img/buyer_top.jpg");
	background-repeat: no-repeat;
	background-position-x: 60%;
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	z-index: -1;
}

.buyerFirstViewWrap::after {
	content: "";
	background: #fff;
	display: block;
	position: absolute;
	transform: rotate(32.5deg);
	top: 864px;
	left: -100vw;
	width: 250vw;
	height: 250vw;
	z-index: -1;
}

#buyerFirstViewHeadTitle {
	position: absolute;
	z-index: 5;
	color: #EC6D2A;
	top: 224px;
	font-size: 2.2rem;
	line-height: 150%;
	left: 7.5vw;
}

.buyerFirstViewDisc {
	position: absolute;
	z-index: 5;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 200%;
	left: 7.5vw;
	top: 344px;
	width: 35vw;
}

.buyerFirstViewBluecircleImage {
	position: absolute;
	z-index: 5;
	top: 64px;
	left: calc(10vw + 440px);
	width: 320px;
	height: auto;
}

.buyerFirstViewPentagonImage {
	width: 440px;
	height: auto;
	position: absolute;
	top: 544px;
	right: calc(32.5% - 440px);
}

.buyerProductListContainer {
	margin-top: 600px;
}

#buyerProductListHeadTitle {
	background-image: url("img/head-under-line_bu.svg");
	background-repeat: no-repeat;
	background-size: contain;
	display: table;
	width: 216px;
	height: 40px;
	font-size: 1.4rem;
	padding-left: 24px;
	margin-bottom: 24px;
}

.buyerProductListWrap {
	margin-bottom: -24px;
}

.buyerProductListItem {
	margin-bottom: 24px;
}

.buyerProductBrandNameWrap {
	background: rgba(44, 166, 224, 0.3);
	width: 40%;
	padding-left: 24px;
	padding-right: 24px;
}

.buyerProductBrandName {
	line-height: 125%;
	font-size: 2rem;
	width: 100%;
}

.buyerProductImageWrap {
	width: 60%;
}

.buyerProductDisc {
	line-height: 150%;
	margin-top: 12px;
}

/* MAKER PAGE */

.makerFirstViewWrap {
	background-image: url("img/maker_top.jpg");
	background-repeat: no-repeat;
	background-position-x: center;
	position: relative;
	width: 100%;
	height: 1370px;
	overflow: hidden;
	z-index: -1;
}

.makerFirstViewHeadTitleWrap {
	background: rgba(255, 255, 255, 0.85);
	position: absolute;
	top: 41.5%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	width: 100%;
	text-align: center;
	padding: 40px 0;
}

.makerFirstViewSearchImage {
	width: 960px;
	height: auto;
	margin-bottom: 32px;
}

#makerFirstViewHeadTitle {
	color: #EC6D2A;
	font-size: 3rem;
}

.makerCircleWrap {
	position: absolute;
	bottom: 72px;
	left: 5%;
	width: 40%;
}

.makerFirstViewBluecircleImage {
	width: 36%;
	height: auto;
}

.makerFirstViewOrangecircleImage {
	width: 44%;
	height: auto;
}

.makerFirstViewPentagonImage {
	position: absolute;
	bottom: 64px;
	left: 52.5%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	width: 29.5%;
	height: auto;
}

.makerFirstViewDisc {
	position: absolute;
	bottom: 72px;
	left: 70%;
	padding: 32px 40px;
	background: rgba(0, 61, 149, 0.9);
	color: #fff;
	width: 424px;
	font-weight: bold;
	font-size: 1.4rem;
	line-height: 175%;
}

#makerAchievementsSection {
	overflow: initial;
	padding-bottom: 0;
}

.specialtyProductsWrap {
	width: 62%;
}

.specialtyProductsItemsWrap {
	width: 100%;
}

.specialtyProductsItem {
	width: 47.5%;
}

.specialtyProductsItemImage {
	margin-bottom: 16px;
}

.specialtyProductsItemName {
	font-size: 1.6rem;
	margin-bottom: 10px;
}

.specialtyProductsItemDisc {
	line-height: 150%;
	font-size: 1rem;
}

.noveltyWrap {
	width: 34.5%;
}

.noveltyItemsWrap {
	margin-bottom: -32px;
	margin-left: -4%;
	margin-right: -4%;
	width: calc(100% + 8%);
}

.noveltyItem {
	margin-bottom: 32px;
	width: calc(50% - 8%);
	margin-right: 4%;
	margin-left: 4%;
	position: relative;
}

.noveltyItemImage {
	margin-bottom: 4px;
}

.noveltyItemImage2 {
	position: absolute;
	z-index: 5;
	bottom: 5%;
	right: -12.5%;
	width: 60%;
	height: auto;
}

.noveltyItem:last-of-type .noveltyItemImage2 {
	width: 45%;
}

.noveltyItemName {
	font-size: 1.2rem;
}

/* BRAND & SUPPLIERS LIST */

#JptBrandListSection,
#JptSuppliersListSection {
	padding-bottom: 80px;
}

.JptBrandListSectionHeadTitleContainer,
.JptSuppliersListSectionHeadTitleContainer {
	color: #fff;
	width: 320px;
}

.JptBrandListSectionHeadTitleContainer {
	height: 320px;
}

.JptSuppliersListSectionHeadTitleContainer {
	height: 280px;
}

.JptBrandListSectionHeadTitleWrap,
.JptSuppliersListSectionHeadTitleWrap {
	text-align: center;
	width: 100%;
}

#JptBrandListSectionHeadTitle,
#JptSuppliersListSectionHeadTitle {
	font-size: 2.8rem;
}

#JptBrandListSectionHeadTitle {
	margin-bottom: 16px;
}

#JptSuppliersListSectionHeadTitle {
	margin-bottom: 24px;
}

.JptBrandListSectionHeadTitleJP {
	display: block;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 150%;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	width: calc(100% - 64px);
	margin: 0 auto;
	padding: 12px 0;
}

.JptSuppliersListNumWrap {
	background-image: url("img/suppliers-bg.svg");
	background-repeat: no-repeat;
	background-size: cover;
	color: #333;
	width: 280px;
	margin-right: auto;
	margin-left: auto;
	height: 56px;
}

.JptSuppliersListNumHeadTitle {
	line-height: 125%;
	margin-left: 8px;
}

.JptSuppliersListNum {
	font-weight: bold;
	font-size: 1.2rem;
	margin-right: 8px;
	margin-top: 8px;
}

.JptSuppliersListNumNum {
	font-size: 2.6rem;
	display: inline-block;
	margin: 0 2px;
	font-family: sans-serif;
	vertical-align: text-bottom;
}

.jptBrandListLogoContainer,
.jptSuppliersListLogoContainer {
	width: calc(97% - 320px);
}

.jptBrandListLogoHeadTitleWrap {
	width: 120px;
}

.jptSuppliersListLogoHeadTitleWrap {
	width: 64px;
}

.jptBrandListLogoHeadTitle,
.jptSuppliersListLogoHeadTitle {
	background-repeat: no-repeat;
	background-size: contain;
	color: #fff;
	text-align: center;
}

.jptBrandListLogoHeadTitle {
	width: 120px;
	height: 72px;
	line-height: 54px;
	font-size: 1.2rem;
	margin-top: 16px;
}

.jptSuppliersListLogoHeadTitle {
	width: 64px;
	height: 64px;
	line-height: 54px;
	font-size: 1.2rem;
	padding-top: 6px;
}

.jptBrandListLogoHeadTitleBlue {
	background-image: url("img/head-bg_bu.svg");
}

.jptBrandListLogoHeadTitleOrange {
	background-image: url("img/head-bg_or.svg");
	letter-spacing: 8px;
	padding-left: 8px;
}

.jptSuppliersListLogoHeadTitleBlue {
	background-image: url("img/head-round-bg_bu.svg");
}

.jptSuppliersListLogoHeadTitleOrange {
	background-image: url("img/head-round-bg_or.svg");
	margin-top: -32px;
}

.jptBrandListLogoWrap {
	width: calc(97% - 120px);
}

.jptSuppliersListLogoWrap {
	width: calc(97% - 64px);
	position: relative;
}

.jptBrandListColWrap,
.jptSuppliersListColWrap {
	margin-bottom: -1.75%;
}

.jptBrandListLogoImage,
.jptSuppliersListLogoImage {
	margin-bottom: 1.75%;
	height: 100%;
}

.jptSuppliersListMessage {
	background-image: url("img/head-under-line_or.svg");
	background-repeat: no-repeat;
	background-size: contain;
	display: table;
	width: 304px;
	height: 40px;
	font-size: 1.4rem;
	margin-bottom: 1.75%;
	margin-left: auto;
	margin-right: 1.25%;
	padding-left: 24px;
	color: #EC6D2A;
	font-weight: bold;
}

/* SCREENSHOTS SECTION */

#shopAndLaunchSection,
#snsAndMediaSection {
	overflow: initial;
	background: #dff1f4;
	width: 100%;
	padding-bottom: 80px;
}

.screenshotsWrap {
	width: 100%;
	position: relative;
}

#shopScreenshotsWrap {
	height: 544px;
}

#launchScreenshotsWrap {
	height: 592px;
}

#snsScreenshotsWrap {
	height: 800px;
}

#mediaScreenshotsWrap {
	height: 752px;
}

.screenshotsItemImage,
.bgTriangle {
	position: absolute;
	height: auto;
}

.bgTriangle {
	z-index: 0;
}

#screenshotsFurniture1 {
	width: 540px;
	bottom: 64px;
	right: 12.5%;
}

#screenshotsFurniture2 {
	width: 200px;
	top: -40px;
	right: 0;
}

#screenshotsFurniture3 {
	width: 480px;
	bottom: 0;
	left: 0;
	z-index: 5;
}

#screenshotsFurniture4 {
	width: 360px;
	bottom: 0;
	left: 35%;
	z-index: 10;
}

#screenshotsApitor {
	width: 640px;
	top: -64px;
	right: 0;
}

#screenshotsYoose {
	width: 744px;
	bottom: 0;
	right: 5%;
	z-index: 15;
}

#screenshotsParty1 {
	width: 480px;
	bottom: 0;
	left: 0;
	z-index: 5;
}

#screenshotsParty2 {
	width: 320px;
	top: 40px;
	left: 17.5%;
	z-index: 10;
}

#screenshotsYoutube {
	width: 720px;
	top: 40px;
	right: 30%;
	z-index: 5;
}

#screenshotsInstagram {
	width: 240px;
	top: 40px;
	right: 10%;
}

#screenshotsTwitter {
	width: 200px;
	top: -40px;
	right: 0;
}

#screenshotsInfluencer1 {
	width: 25%;
	bottom: 0;
	left: 0;
}

#screenshotsInfluencer2 {
	width: 25%;
	bottom: 0;
	right: 0;
}

#screenshotsInfluencer3 {
	width: 25%;
	bottom: 0;
	left: 25%;
}

#screenshotsInfluencer4 {
	width: 25%;
	bottom: 0;
	right: 25%;
}

#screenshotsMina {
	width: 328px;
	left: 0;
	top: 152px;
	z-index: 5;
}

#screenshotsAr1 {
	width: 328px;
	top: 40px;
	left: 24%;
	z-index: 5;
}

#screenshotsAr2 {
	width: 224px;
	left: 39.5%;
	top: 272px;
	transform: rotate(12.5deg);
	z-index: 10;
}

#screenshotsMedia {
	width: 600px;
	top: 40px;
	right: 0;
}

#bgTriangle1 {
	width: 480px;
	top: -64px;
	left: -120px;
}

#bgTriangle2 {
	width: 480px;
	top: -24px;
	left: -120px;
}

#bgTriangle3 {
	width: 480px;
	top: -80px;
	left: -80px;
}

#bgTriangle4 {
	width: 480px;
	top: -160px;
	left: -128px;
}

.snsScreenshotsSnsAccountWrap {
	position: absolute;
	top: 280px;
	left: 2.5%;
}

.snsScreenshotsSnsAccountImageLink {
	width: auto;
	height: auto;
	display: block;
}

.snsScreenshotsSnsAccountImage {
	height: 40px;
	width: auto;
	margin-bottom: 16px;
}

.snsScreenshotsYoutubeAccountImage.snsScreenshotsSnsAccountImage {
	height: 32px;
}

.mediaLogoListWrap {
	background: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 24px 16px;
	width: 100%;
}

.mediaLogoListImage {
	width: calc(100% / 12 - 2.5%);
	height: 100%;
	margin: 0.75% 1.25%;
}

/* EC PAGE */

.shopImg {
	overflow: hidden;
}

.shopImg img {
	border-bottom: 3px solid rgba(0, 0, 0, 0);
	border-right: 3px solid rgba(0, 0, 0, 0);
}

.shopImg:hover img {
	border-bottom: 3px solid #f1f1f1;
	border-right: 3px solid #f1f1f1;
}

.ecSiteList {
	font-size: 1.4rem;
	line-height: 200%;
}

.ecSiteListWrap {
	margin-bottom: -2.5%;
}

.ecSiteListItem {
	height: 100%;
	margin-bottom: 2.5%;
}

/* MEDIA PAGE */

.mediaListDiscWrap {
	display: table;
	margin-right: auto;
	margin-left: auto;
	margin: 0 auto 96px;
}

.mediaListDisc {
	font-size: 1.4rem;
	line-height: 200%;
	margin-bottom: 24px;
}

.mediaListDisc:last-of-type {
	margin-bottom: 0;
}

/* TRADE LAW PAGE */

#tradeLawPageMainContent{
	font-size: 1.2rem;
}

.tradeLawTableTitle,
.privacyPolicyTitle {
	font-size: 1.4rem;
	color: #053390;
	border-left: 6px solid #053390;
	padding-left: 0.8rem;
	line-height: 1.25;
}

.tradeLawTable:not(:last-of-type) {
	margin-bottom: 64px;
}

.tradeLawTable tr:not(:last-of-type) th,
.tradeLawTable tr:not(:last-of-type) td {
	padding-bottom: 24px;
}

.tradeLawTable th {
	width: 200px;
}

/* HEAD TITLE */

.pageHeadTitle,
.squareHeadTitle {
	color: #053390;
	font-size: 1.8rem;
	line-height: 150%;
}

.pageHeadTitle::before,
.squareHeadTitle::before {
	content: "■";
	color: #053390;
	margin-right: 8px;
	display: inline-block;
}

.pageHeadTitle {
	margin-bottom: 40px;
}

.squareHeadTitle {
	margin-bottom: 24px;
}

.LineHeadtitleWrap {
	color: #053390;
	position: relative;
	font-size: 1.4rem;
	height: 40px;
}

.LineHeadtitleWrap::before {
	content: "■";
	display: inline-block;
	font-size: 1.6rem;
	margin-top: 2px;
	position: absolute;
	left: 0;
	z-index: 5;
}

.LineHeadtitleWrap::after {
	content: "";
	height: 1px;
	width: calc(100% - 40px);
	display: block;
	background: #053390;
	position: absolute;
	right: 0;
}

.lineHeadtitle {
	background: #dff1f4;
	padding-right: 48px;
	position: absolute;
	left: 32px;
	z-index: 5;
}

/* TO FORM LINK */

#toFormLink {
	position: fixed;
	top: 47.5%;
	top: calc(50% - 100px);
	right: -48px;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	width: 48px;
	z-index: 100;
	height: 200px;
	background: #053390;
	color: #fff;
	font-weight: bold;
	writing-mode: vertical-rl;
	box-sizing: unset;
	-webkit-box-sizing: unset;
}


#toFormLink.scrollIn {
	-moz-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
}

#toFormLinkUnder {
	position: fixed;
	z-index: 100;
	bottom: -64px;
	left: 0;
	padding: 8px 0;
	background: #053390;
	color: #fff;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	width: 100%;
}

#toFormLinkUnder.scrollIn {
	bottom: 0;
}

#toFormLink.scrollIn:hover,
#toFormLinkUnder.scrollIn:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	-khtml-opacity: 1;
	-moz-opacity: 1;
}

#toFormLink:hover,
#toFormLinkUnder:hover {
	background: #02205b;
	background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(40%, rgba(0, 0, 0, .05)), to(rgba(0, 0, 0, .1)));
	background-image: linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1));
}

.iconArrowDown {
	width: 12px;
	vertical-align: baseline;
	margin-top: 8px;
}

#toFormLinkUnder .iconArrowDown {
	margin-top: 0;
	vertical-align: sub;
	margin-left: 8px;
}

/* ContactForm7 */

#formWrap,
#sentoutMessage,
#formWrap *::placeholder {
	font-size: 1.4rem;
}

.sent #formWrap {
	display: none;
}

#sentoutMessage {
	display: none;
}

.sent #sentoutMessage {
	display: block;
	margin: 0 auto;
}

#proposalForm {
	width: min(100%, 960px);
	margin: 0 auto 24px;
}

#proposalForm th {
	width: 184px;
}

#proposalForm th span {
	color: red;
	font-size: 0.9rem;
	vertical-align: super;
}

#proposalForm td {
	margin-bottom: 16px;
	display: block;
}

#proposalForm input,
#proposalForm textarea {
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.4rem;
	padding: 16px;
	border: 1px solid rgba(0,0,0,0.3);
	width: 100%;
	background: rgba(0,0,0,0.01);
	color: #333;
}

#proposalForm textarea {
	height: 280px;
}

#formWrap input[type="submit"]{
	background: #053390;
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
	cursor: pointer;
	padding: 12px 24px;
	display: table;
	margin: 0 auto;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

#formWrap input[type="submit"]:disabled,
#formWrap input[type="submit"]:disabled:hover{
	background: rgba(5,51,144,0.6);
	cursor: not-allowed;
}

#formWrap input[type="submit"]:hover {
	background: #02205b;
}

#proposalForm .pfText th {
	vertical-align: top;
	padding-top: 8px;
}

#proposalForm .pfText td {
	margin: 0;
}

#formWrap .privacyPolicyCheck {
	text-align: center;
	margin-bottom: 24px;
}

#formWrap .privacyPolicyCheck .wpcf7-acceptance {
	vertical-align: top;
	margin-right: 8px;
}

#formWrap .privacyPolicyCheck input {
	cursor: pointer;
	-moz-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

#formWrap .privacyPolicyCheck a {
	color: #053390;
	margin-right: 4px;
}

.sent .wpcf7-response-output,
.invalid .wpcf7-response-output{
	font-size: 1.4rem;
	display: table;
	margin: 48px auto 0;
	font-weight: bold;
	padding: 16px 36px;
	border: 4px solid;
}

.sent .wpcf7-response-output {
	border-color: #053390;
	color: #053390;
}

.invalid .wpcf7-response-output {
	border-color: #EC6D2A;
	color: #EC6D2A;
}

.screen-reader-response{
	display: none;
}

.wpcf7-not-valid-tip {
	color: red;
	font-size: 1rem;
}

@media screen and (max-width: 800px) {
	#proposalForm th {
		display: block;
	}

	#proposalForm th {
		width: 100%;
		margin-bottom: 8px;
	}

	#proposalForm .pfText th {
		padding-top: 0;
	}
}

@media screen and (max-width: 640px) {
	.sent .wpcf7-response-output, .invalid .wpcf7-response-output {
		font-size: 3vw;
		padding: 16px 0;
		width: 100%;
		text-align: center;
	}
}

@media screen and (max-width: 560px) {
	#proposalForm input, #proposalForm textarea {
		padding: 6px 8px;
	}
}

/* 1600px */

@media screen and (max-width: 1600px) {
	.jptSuppliersListMessage {
		width: 264px;
		height: 32px;
		font-size: 1.2rem;
	}

	.makerFirstViewDisc {
		width: 25vw;
	}
}

/* 1440px */

@media screen and (max-width: 1440px) {
	#buyerFirstViewHeadTitle {
		top: 96px;
	}

	.buyerFirstViewDisc {
		top: 216px;
	}

	.buyerFirstViewBluecircleImage {
		left: 5.75vw;
		top: 456px;
	}

	.buyerFirstViewPentagonImage {
		width: 334px;
		right: unset;
		top: 424px;
		left: calc(3vw + 320px);
	}

	.buyerProductListContainer {
		margin-top: 800px;
	}

	.buyerProductBrandNameWrap {
		padding-left: 16px;
		padding-right: 16px;
	}

	.buyerProductBrandName {
		font-size: 1.4rem;
	}

	.JptBrandListSectionHeadTitleContainer {
		height: 240px;
		width: 240px;
	}

	#JptBrandListSectionHeadTitle,
	#JptSuppliersListSectionHeadTitle {
		font-size: 2.6rem;
	}

	.jptBrandListLogoContainer,
	.jptSuppliersListLogoContainer {
		width: calc(97% - 240px);
	}

	.JptSuppliersListSectionHeadTitleContainer {
		width: 240px;
	}

	.JptSuppliersListNumWrap {
		width: 200px;
		height: 48px;
	}

	.JptSuppliersListNumHeadTitle {
		font-size: 0.9rem;
	}

	.JptSuppliersListNum {
		font-size: 0.9rem;
	}

	.JptSuppliersListNumNum {
		font-size: 1.6rem;
	}

	#shopScreenshotsWrap {
		height: 40vw;
	}

	#launchScreenshotsWrap {
		height: 43.5vw;
	}

	#snsScreenshotsWrap {
		height: 59vw;
	}

	#mediaScreenshotsWrap {
		height: 52.5vw;
	}

	#screenshotsFurniture1 {
		width: 40%;
		bottom: 4.75vw;
	}

	#screenshotsFurniture2 {
		width: 15%;
	}

	#screenshotsFurniture3 {
		width: 37.5%;
	}

	#screenshotsFurniture4 {
		width: 27.5%;
	}

	#screenshotsApitor {
		width: 50%;
		top: -6vw;
	}

	#screenshotsYoose {
		width: 55%;
	}

	#screenshotsParty1 {
		width: 37.5%;
	}

	#screenshotsParty2 {
		width: 25%;
		top: 3.5vw;
	}

	#screenshotsYoutube {
		width: 55%;
		top: 3vw;
	}

	#screenshotsInstagram {
		width: 19%;
		top: 3vw;
	}

	#screenshotsTwitter {
		width: 16%;
	}


	#screenshotsMina {
		width: 20vw;
		top: 10.55vw;
	}

	#screenshotsAr1 {
		width: 20vw;
		top: 3vw;
		left: 22.5%;
	}

	#screenshotsAr2 {
		width: 14vw;
		top: 20vw;
		left: 36.5%;
	}

	#screenshotsMedia {
		width: 41.5vw;
		top: 3vw;
	}	

	#bgTriangle1 {
		width: 40%;
		top: -4vw;
		left: -7.5vw;
	}

	#bgTriangle2 {
		width: 40%;
		top: -2.5vw;
		left: -7.5vw;
	}

	#bgTriangle3 {
		width: 40%;
		top: -6vw;
		left: -10vw;
	}

	#bgTriangle4 {
		width: 40%;
		top: -2.5vw;
		left: -7.5vw;
	}

	.snsScreenshotsSnsAccountWrap {
		top: 21vw;
		left: 0;
	}

	.snsScreenshotsSnsAccountImage {
		height: 3vw;
	}

	.snsScreenshotsYoutubeAccountImage.snsScreenshotsSnsAccountImage {
		height: 2.5vw;
	}

	.mediaLogoListWrap {
		padding: 2vw 1.5vw;
	}
}

/* 1280px */

@media screen and (max-width: 1280px) {
	.jptSuppliersListMessage {
		position: absolute;
		right: 0;
		bottom: -64px;
		margin: 0;
	}

	.makerFirstViewWrap {
		height: 115vw;
	}

	.makerFirstViewHeadTitleWrap {
		top: 240px;
		padding: 3vw 0;
	}

	.makerFirstViewSearchImage {
		width: 75vw;
		margin-bottom: 2.5vw;
	}

	#makerFirstViewHeadTitle {
		line-height: 150%;
	}

	.makerCircleWrap {
		top: 35%;
		width: 60%;
		left: 18.5%;
	}

	.makerFirstViewOrangecircleImage {
		margin-right: 15%;
	}

	.makerFirstViewPentagonImage {
		top: 55%;
		left: 50%;
	}

	.makerFirstViewDisc {
		width: 100%;
		left: 0;
		bottom: 0;
	}

	#makerAchievementsSection {
		display: block;
	}

	.specialtyProductsWrap {
		margin-bottom: 40px;
	}

	.specialtyProductsWrap,
	.noveltyWrap {
		width: 100%;
	}

	.mediaListDiscWrap {
		padding: 0 48px;
	}
}

/* 1120px */

@media screen and (max-width: 1120px) {
	.JptBrandListSectionHeadTitleContainer {
		height: 200px;
		width: 200px;
	}

	#JptBrandListSectionHeadTitle,
	#JptSuppliersListSectionHeadTitle {
		font-size: 2.4rem;
	}

	.jptBrandListLogoContainer,
	.jptSuppliersListLogoContainer {
		width: calc(97% - 200px);
	}

	.JptSuppliersListSectionHeadTitleContainer {
		width: 200px;
	}

	.JptSuppliersListNumWrap {
		width: 160px;
		height: 40px;
	}

	.JptSuppliersListNumHeadTitle {
		font-size: 0.8rem;
	}

	.JptSuppliersListNum {
		font-size: 0.8rem;
	}

	.JptSuppliersListNumNum {
		font-size: 1.1rem;
		vertical-align: baseline;
	}
}

/* 960px */

@media screen and (max-width: 960px) {
	html {
		font-size: 13px;
	}

	body {
		padding-top: 80px;
	}

	#header {
		height: 72px;
	}

	.imgLogo {
		width: 120px;
	}

	.headerHeadTitle {
		font-size: 1.8rem;
	}

	.headerHeadTitleEN {
		font-size: 1.1rem;
	}

	.headerSnsIconImage {
		width: 24px;
	}

	#topPageMainContent .firstViewSection,
	#linkBannerSection {
		padding-bottom: 0;
	}

	#buyerPageMainContent .firstViewSection {
		padding-bottom: 0;
	}

	.buyerFirstViewWrap {
		background-image: url("img/buyer_top_sp.jpg");
		background-position-x: 0;
		background-size: contain;
	}

	#buyerFirstViewHeadTitle {
		top: 52.5vw;
		font-size: 5vw;
		line-height: 125%;
		text-shadow: #fff 0 0 10px;
	}

	.buyerFirstViewDisc {
		width: calc(100% - 7.5vw * 2);
		top: 67.5vw;
		line-height: 175%;
		text-shadow: #fff 0 0 10px;
	}

	.buyerFirstViewBluecircleImage {
		width: 50vw;
		top: 85vw;
		left: calc(7.5vw / 2);
	}

	.buyerFirstViewPentagonImage {
		width: 45vw;
		top: 85vw;
		right: calc(12.5vw / 2);
		left: unset;
	}

	.buyerProductListContainer {
		margin-top: 140vw;
	}

	.buyerFirstViewWrap::after {
		transform: rotate(0);
		top: 135vw;
	}

	.buyerProductBrandName {
		font-size: 1.6rem;
	}

	#JptBrandListSection,
	#JptSuppliersListSection {
		display: block;
	}

	#JptSuppliersListSection {
		padding-bottom: 120px;
	}

	.JptBrandListSectionHeadTitleContainer {
		width: 100%;
		height: auto;
		margin-bottom: 40px;
		padding: 24px 0;
	}

	.jptBrandListLogoContainer,
	.jptSuppliersListLogoContainer {
		width: 100%;
	}

	.JptSuppliersListNumContainer {
		justify-content: space-between;
		-webkit-justify-content: space-between;
		display: flex;
		display: -webkit-flex;
		width: 95%;
		margin: 0 auto;
	}

	.JptSuppliersListSectionHeadTitleContainer {
		width: 100%;
		height: auto;
		padding: 24px 0;
		margin-bottom: 40px;
	}

	.JptSuppliersListNumWrap {
		width: 45%;
		height: 7.5vw;
		background-size: contain;
		background-color: #fff;
		margin: 0 2.5%;
	}

	.JptSuppliersListNumHeadTitle {
		font-size: 1.75vw;
		margin-left: 1.75vw;
	}

	.JptSuppliersListNum {
		font-size: 1.75vw;
	}

	.JptSuppliersListNumNum {
		font-size: 4vw;
	}

	.makerFirstViewWrap {
		height: 130vw;
	}

	#makerFirstViewHeadTitle {
		font-size: 2.5rem;
	}

	.mediaListDisc {
		font-size: 1.2rem;
	}

	#shopLinkSection .colWrap {
		margin-bottom: -2.5%;
	}

	.shopImg {
		margin-bottom: 2.5%;
	}

	.tradeLawTable th {
		width: 184px;
	}
}

/* 800px */

@media screen and (max-width: 800px) {
	.buyerFirstViewBluecircleImage {
		top: 92.5vw;
	}

	.buyerFirstViewPentagonImage {
		top: 92.5vw;
	}

	.buyerProductListContainer {
		margin-top: 147.5vw;
	}

	.buyerFirstViewWrap::after {
		top: 142.5vw;
	}

	.buyerProductBrandNameWrap {
		width: 50%;
	}

	.buyerProductBrandName {
		font-size: 1.2rem;
	}

	.buyerProductImageWrap {
		width: 50%;
	}

	#mediaScreenshotsWrap {
		height: 80vw;
	}

	.mediaLogoListWrap {
		justify-content: flex-start;
		-webkit-justify-content: flex-start;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		padding: 2.5vw 16px;
	}

	.mediaLogoListImage {
		width: calc((100% - (2.5% * 6)) / 6);
		margin: 1.5vw 1.25%;
	}

	.makerFirstViewWrap {
		background-image: url("img/maker_top_sp.jpg");
		background-size: cover;
		height: 165vw;
	}

	.makerFirstViewHeadTitleWrap {
		top: 30vw;
	}

	#makerFirstViewHeadTitle {
		font-size: 4.5vw;
	}

	.makerCircleWrap {
		top: 50vw;
		width: 100%;
		left: 0;
	}

	.makerFirstViewOrangecircleImage {
		margin-right: 5%;
		margin-left: 3%;
	}

	.makerFirstViewPentagonImage {
		width: 40vw;
		top: 90vw;
	}

	.makerFirstViewDisc {
		font-size: 1.2rem;
		padding: 4vw 5vw;
	}
}

/* 640px */

@media screen and (max-width: 640px) {
	body {
		padding-top: 120px;
	}

	#header {
		height: 112px;
	}

	.headerLeftWrap {
		display: block;
	}

	.headerRightWrap {
		flex-direction: column-reverse;
		-webkit-flex-direction: column-reverse;
		align-items: flex-start;
		-webkit-align-items: flex-start;
	}

	.imgLogo {
		margin-bottom: 8px;
	}

	.companyNameWrap {
		margin: 0;
	}

	.snsIconWrap {
		margin: 0 0 8px;
	}

	.headerHeadTitle {
		font-size: 1rem;
		text-shadow: none;
		font-weight: bold;
	}

	.headerHeadTitleEN {
		font-size: 1rem;
	}

	a.headerTextLink {
		margin-left: auto;
	}

	.LineHeadtitleWrap {
		font-size: 1.2rem;
	}

	.lineHeadtitle {
		padding-right: 24px;
		left: 28px;
	}

	#mediaPageMainContent .firstViewSection,
	#ecPageMainContent .firstViewSection {
		padding-bottom: 0;
	}

	.mediaListDiscWrap {
		margin-bottom: 64px;
		padding: 0 32px;
	}

	#mediaListSection,
	#shopLinkSection {
		padding-bottom: 0;
		overflow: initial;
	}

	#footerContent .flexBetween {
		display: block;
	}

	.footerLeftWrap,
	.footerRightWrap {
		display: block;
		text-align: right;
	}

	.footerTextLink {
		margin-right: 0;
		margin-left: auto;
		display: table;
	}

	.footerRightWrap {
		margin-top: 40px;
	}

	.pageHeadTitle,
	.squareHeadTitle {
		font-size: 1.6rem;
		text-align: center;
	}

	.pageHeadTitle {
		margin-bottom: 24px;
	}

	.ecSiteList {
		font-size: 1.2rem;
		padding: 0 2%;
	}

	.tradeLawSection,
	.privacyPolicySection {
		padding-top: 40px;
	}

	.tradeLawTableTitle, .privacyPolicyTitle {
		display: table;
		margin: ;
		margin-left: auto;
		margin-right: auto;
		border: none;
	}

	#tradeLawSection .tradeLawTable th {
		display: block;
		width: 100%;
		padding-bottom: 8px;
	}

	.tradeLawTable td {
		display: block;
	}

}

/* 560px */

@media screen and (max-width: 560px) {
	html {
		font-size: 12px;
	}

	.buyerFirstViewDisc {
		font-size: 1rem;
	}

	.buyerProductBrandName {
		font-size: 1rem;
	}

	.JptBrandListSectionHeadTitleContainer {
		margin-bottom: 24px;
		height: auto;
		padding: 16px 0;
	}

	#JptBrandListSectionHeadTitle {
		margin-bottom: 0;
	}

	#JptSuppliersListSection {
		padding-bottom: 40px;
	}

	.JptBrandListSectionHeadTitleJP {
		display: none;
	}

	.jptBrandListLogoContainer .flexColumn,
	.jptSuppliersListLogoContainer .flexColumn {
		justify-content: space-between;
		-webkit-justify-content: space-between;
		flex-direction: initial;
		-webkit-flex-direction: initial;
		width: 100%;
	}

	.jptBrandListLogoContainer .flexColumn .flexBetween,
	.jptSuppliersListLogoContainer .flexColumn .flexBetween {
		display: block;
		width: 47.5%;
	}

	.jptBrandListLogoWrap {
		width: 100%;
	}

	.jptBrandListLogoHeadTitleWrap {
		width: 96px;
	}

	.jptBrandListLogoHeadTitle {
		width: 96px;
		height: 54px;
		line-height: 44px;
		margin-top: 0;
		margin-bottom: 16px;
	}

	.JptSuppliersListNumWrap {
		background-image: url(img/suppliers-bg_sp.svg);
	}

	.JptSuppliersListNumHeadTitle {
		font-size: 2.25vw;
	}

	.jptSuppliersListLogoHeadTitleWrap {
		display: none;
	}

	.jptSuppliersListLogoWrap {
		width: 100%;
	}

	.jptSuppliersListMessage {
		width: 42.5vw;
		height: 5vw;
		font-size: 2.65vw;
		padding-left: 4vw;
		line-height: 100%;
	}

	.makerCircleWrap {
		width: 80%;
		left: 10%;
	}

	.makerFirstViewPentagonImage {
		top: 80vw;
	}

}

/* 480px */

@media screen and (max-width: 480px) {

	.buyerFirstViewDisc {
		font-size: 1rem;
	}

	.buyerFirstViewBluecircleImage {
		width: 40vw;
		left: calc(20vw / 2);
		top: 105vw;
	}

	.buyerFirstViewPentagonImage {
		width: 35vw;
		right: calc(25vw / 2);
		top: 102.5vw;
	}

	.buyerProductListContainer {
		margin-top: 150vw;
	}

	.LineHeadtitleWrap {
		font-size: 1rem;
	}

	.lineHeadtitle {
		padding-right: 16px;
		left: 24px;
	}

	.makerCircleWrap {
		width: 70%;
		left: 15%;
		top: 47.5vw;
	}

	.makerFirstViewPentagonImage {
		top: 75vw;
	}

	.mediaListDiscWrap {
		padding: 0 24px;
	}
}

/* 400px */

@media screen and (max-width: 400px) {
	.buyerProductBrandNameWrap {
		padding-left: 8px;
		padding-right: 8px;
	}

	.buyerProductBrandName {
		font-size: 0.9rem;
	}

	.JptSuppliersListNumWrap {
		height: 8vw;
		width: 47.5%;
		margin: 0 1.25%;
	}

	#screenshotsTwitter {
		top: -2vw;
	}

	#screenshotsApitor {
		top: -2vw;
	}

	.makerFirstViewDisc {
		font-size: 1rem;
	}

	.pageHeadTitle,
	.squareHeadTitle {
		font-size: 1.4rem;
	}
}

/* 376px */

@media screen and (max-width: 376px) {
	#buyerFirstViewHeadTitle {
		top: 37.5vw;
	}

	.buyerFirstViewDisc {
		top: 57.5vw;
	}

	body .displayBlock376 {
		display: block;
	}

	.JptSuppliersListNumNum {
		font-size: 3.5vw;
	}

	.jptSuppliersListMessage {
		line-height: 150%;
		font-size: 1.2rem;
		background-position-y: bottom;
		bottom: -25vw;
		height: 15vw;
	}

	.makerFirstViewDisc {
		font-size: 0.975rem;
	}

	.mediaListDiscWrap {
		padding: 0 16px;
	}
}