@charset "UTF-8";

/* Infomation 
---------------------------------------------------------------------
File Name :  honjosemi.css
Create date :  2025/08/01
本状ゼミ（.hs-***）

// Braek Points
// PC
@media screen and (max-width: 1099px) {
}
@media screen and (max-width: 979px) {
}
// Tablet
@media screen and (max-width: 767px) {
}
// Phone
@media screen and (max-width: 580px) {
}
---------------------------------------------------------------------
*/


/* --------------------------------
	contentWrapper
-------------------------------- */
.contentWrapper {
}

/* --------------------------------
	hs-body
-------------------------------- */
.hs-body {
	background-color: transparent;
	background-image: url(../images/honjosemi/0920/index/hs_body.jpg);
	background-repeat: repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	position: relative;

	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: normal;
	font-style: normal;
	font-size: var(--px16);
}
.hs-body p {
	margin-bottom: auto;
}
.hs-body a {
	color: #000;
	transition-property: all;
	transition-duration: .3s;
	transition-timing-function: ease-in-out;
}
.hs-body a:hover {
	opacity: .65;
	text-decoration: none !important;
}
.hs-body.contentWrapper .categoryTopWrapper {
	height: calc(100svh - 50px - 81px);
	margin-bottom: var(--px20);
}
.hs-body.contentWrapper .mod-pageTitleGroup {
	height: calc(100% - var(--px100));
}
.hs-body.contentWrapper .mod-pageTitleGroup .h1-box-02 {
	width: auto;
	height: 100%;
	align-self: center;
}
.hs-body.contentWrapper .mod-pageTitleGroup h1 {
	display: block;
	width: auto;
	height: 100%;
}
.hs-body.contentWrapper .mod-pageTitleGroup .h1-box-02 img {
	width: auto;
	height: 100%;
}
@media screen and (max-width: 767px) {
	.hs-body {
		font-size: var(--px12);
	}
	.hs-body {
		background-color: transparent;
		background-image: none;
	}
	.hs-body:before {
		content: '';
		position: fixed;
		background-image: url(../images/honjosemi/0920/index/hs_body.jpg);
		background-repeat: repeat;
		background-position: center center;
		background-size: cover;
		width: 100%;
		height: 100vh;
		top: 0;
		left: 0;
		z-index: -10;
	}
	.hs-body.contentWrapper .mod-pageTitleGroup h1 {
		padding: 0;
	}
	.hs-body.contentWrapper .categoryTopWrapper {
		height: auto;
		max-height: none;
		aspect-ratio: auto;
	}
	.hs-body.contentWrapper .mod-pageTitleGroup {
		height: auto;
	}
	.hs-body.contentWrapper .mod-pageTitleGroup .h1-box-02,
	.hs-body.contentWrapper .mod-pageTitleGroup h1,
	.hs-body.contentWrapper .mod-pageTitleGroup .h1-box-02 img {
		width: 100%;
		height: auto;
		aspect-ratio: 904 / 700;
	}
}

/* --------------------------------
	hs-googlemaps
-------------------------------- */
.hs-googlemaps {
	width: 75%;
	margin: 0 auto;
	aspect-ratio: 468 / 407;
}
.hs-googlemaps iframe {
	width: 100%;
	height: 100%;
}
.js-hs-googlemaps {
	position: absolute;
	width: 100%;
	max-width: 536px;
	aspect-ratio: 468 / 407;
}
.js-hs-googlemaps iframe {
	width: 100%;
	height: 100%;
}
@media screen and (max-width: 767px) {
	.hs-googlemaps {
		width: 90%;
	}
}


/* --------------------------------
	hs-container
-------------------------------- */
.hs-container-01 {
	width: 90%;
	margin: 0 auto;
	position: relative;
}


/* --------------------------------
	hs-layout
-------------------------------- */
.hs-layout-01 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--px10);
	width: 100%;
	margin: auto;
}
.hs-layout-01.logo-area {
	background-color: #fff;
	height: var(--px100);
}
.hs-layout-box-w100 {
	width: 100%;
}
.hs-layout-01.logo-area .hs-layout-box-w100 {
	max-width: 990px;
	height: 100%;
	text-align: center;
}
.hs-layout-01.logo-area .hs-layout-box-w100 img {
	width: auto;
	height: 100%;
}
.hs-layout-01 .hs-layout-box-w75 {
	width: calc(75% - var(--px05) - 1px);
}
.hs-layout-01 .hs-layout-box-w60 {
	width: calc(60% - var(--px05) - 1px);
}
.hs-layout-01 .hs-layout-box-w50 {
	width: calc(50% - var(--px05) - 1px);
}
.hs-layout-01 .hs-layout-box-w40 {
	width: calc(40% - var(--px05) - 1px);
}
.hs-layout-01 .hs-layout-box-w25 {
	width: calc(25% - var(--px05) - 1px);
}
.hs-layout-01 .hs-layout-box-logo {
	width: var(--px60);
	align-self: center;
}
.hs-layout-01 .hs-layout-box-logotext {
	width: auto;
	align-self: center;
}
@media screen and (max-width: 767px) {
	.hs-layout-01.logo-area {
		height: auto;
	}
	.hs-layout-01.logo-area .hs-layout-box-w100 img {
		width: 100%;
		height: auto;
	}
	.hs-layout-01 .hs-layout-box-w75.spw100,
	.hs-layout-01 .hs-layout-box-w60.spw100,
	.hs-layout-01 .hs-layout-box-w50.spw100,
	.hs-layout-01 .hs-layout-box-w40.spw100,
	.hs-layout-01 .hs-layout-box-w25.spw100 {
		width: 100%;
	}
	.hs-layout-01 .hs-layout-box-logo {
		width: var(--px40);
	}
}

.hs-layout-02 {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: end;
	align-items: end;
	gap: var(--px20);
}
.hs-layout-02 + .hs-layout-02 {
	margin-top: var(--px20);
}
.hs-layout-02 .hs-layout-box-type01,
.hs-layout-02 .hs-layout-box-type02 {
	position: relative;
	width: calc(68% - var(--px10) - 1px);
}
.hs-layout-02 .hs-layout-box-type01 {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(68% - var(--px10) - 1px);
}
.hs-layout-02 .hs-layout-box-type03 {
	position: relative;
	width: calc(32% - var(--px10) - 1px);
}
@media screen and (max-width: 767px) {
	.hs-layout-02 + .hs-layout-02 {
		margin-top: var(--px60);
	}
}

.hs-layout-03 {
	width: 80%;
	margin: auto;
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: var(--px20);
}
.hs-layout-03 .hs-layout-box-type01 {
	width: 35%;
}
.hs-layout-03 .hs-layout-box-type02 {
	width: calc(65% - var(--px20));
}
.hs-layout-03 .hs-layout-box-type01 img {
	width: 100%;
	border-radius: 50%;
}
@media screen and (max-width: 767px) {
	.hs-layout-03 {
		width: 80%;
		gap: var(--px10);
	}
	.hs-layout-03 .hs-layout-box-type01 {
		width: 30%;
	}
	.hs-layout-03 .hs-layout-box-type02 {
		width: calc(70% - var(--px10));
	}
}


/* --------------------------------
	hs-title
-------------------------------- */
.hs-title-01 {
	position: relative;
	width: 100%;
	margin-bottom: calc(var(--px15) * -1);
	z-index: 2;
}
.hs-title-01 img {
	width: 70%;
}
@media screen and (max-width: 767px) {
	.hs-title-01 {
		margin-bottom: calc(var(--px10) * -1);
	}
}

.hs-title-02 {
	border-radius: var(--px50);
	font-size: var(--px42);
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.hs-title-02.size-s {
	display: inline-block;
	font-size: var(--px28);
	padding: 0 1em;
}
.hs-title-02.color-blue-01 { background-color: var(--color-hs-blue-01); }
.hs-title-02.color-green-01 { background-color: var(--color-hs-green-01); width: calc(68% - 10px); margin: auto; }
@media screen and (max-width: 767px) {
	.hs-title-02 {
		font-size: var(--px18);
	}
	.hs-title-02.size-s {
		font-size: var(--px14);
	}
}

.hs-title-03 {
	border-radius: var(--px50);
	font-size: var(--px30);
	font-weight: bold;
	text-align: center;
}
.hs-title-03.color-01 {
	background-color: #e3f8fb;
	color: var(--color-hs-blue-01);
}
.hs-title-03.color-02 {
	background-color: #d9d9d9;
	color: #000000;
}
.hs-title-03.color-03 {
	background-color: #efdec6;
	color: #7a4900;
}
.hs-title-03.color-04 {
	background : linear-gradient(90deg, rgba(16, 192, 223, 1) 0%, rgba(253, 222, 90, 1) 100%);
	color: #fff;
}
@media screen and (max-width: 767px) {
	.hs-title-03 {
		font-size: var(--px12);
	}
}

.hs-title-04 {
	font-size: var(--px42);
	font-weight: bold;
	line-height: 150%;
	text-align: center;
}
.hs-title-04.color-01 {
	color: #fff;
	text-shadow:
		1px 1px 0 var(--color-hs-blue-02), -1px -1px 0 var(--color-hs-blue-02),
		-1px 1px 0 var(--color-hs-blue-02), 1px -1px 0 var(--color-hs-blue-02),
		0 1px 0 var(--color-hs-blue-02),  0-1px 0 var(--color-hs-blue-02),
		-1px 0 0 var(--color-hs-blue-02), 1px 0 0 var(--color-hs-blue-02);
	filter: drop-shadow(0 0 3px var(--color-hs-blue-02));
}
@media screen and (max-width: 767px) {
	.hs-title-04 {
		font-size: var(--px24);
	}
	.hs-title-04.color-01 {
		filter: drop-shadow(0 0 1px var(--color-hs-blue-02));
	}
}


/* --------------------------------
	hs-text
-------------------------------- */
.hs-text-01 {
	font-size: var(--px24);
	line-height: 150%;
	font-weight: bold;
}
.hs-text-02 {
	font-size: var(--px26);
	line-height: 150%;
	font-weight: bold;
}
.hs-text-03 {
	font-size: var(--px32);
	line-height: 150%;
	font-weight: bold;
}
.hs-text-04 {
	font-size: var(--px36);
	line-height: 150%;
	font-weight: bold;
}
.hs-text-05 {
	font-size: var(--px30);
	line-height: 150%;
	font-weight: bold;
}
.hs-text-06 {
	font-size: var(--px60);
	line-height: 150%;
	font-weight: bold;
}
.hs-text-07 {
	font-size: var(--px20);
	line-height: 180%;
	font-weight: bold;
}
.hs-text-08 {
	font-size: var(--px34);
	line-height: 150%;
	font-weight: bold;
	border-bottom: 2px dotted #000;
}
.hs-text-09 {
	font-size: var(--px18);
	line-height: 180%;
	font-weight: bold;
}
.hs-text-decoration-01 {
	color: #ffffff;
	text-shadow: 0px 0px 6px rgba(204, 25, 24, 1);
}
.hs-text-decoration-02 {
	color: #ffffff;
	text-shadow: 0px 0px 6px rgba(0, 162, 195, 1);
}
.hs-text-decoration-03.color-red {
	color: var(--color-hs-red-01);
	border-bottom: 2px solid var(--color-hs-red-01);
}
.hs-text-decoration-03.color-black {
	color: #000;
	border-bottom: 2px solid #000;
}
.hs-text-decoration-04 {
	display: inline-block;
	background-color: #d9d9d9;
	color: #000000;
	border-radius: var(--px50);
	padding: 0 0.5em;
}
.hs-text-decoration-05 {
	display: inline-block;
	background-color: #efdec6;
	color: #7a4900;
	border-radius: var(--px10);
	padding: 0 0.5em;
}
@media screen and (max-width: 767px) {
	.hs-text-01 {
		font-size: var(--px10);
		line-height: 180%;
	}
	.hs-text-02 {
		font-size: var(--px11);
		line-height: 180%;
	}
	.hs-text-03 {
		font-size: var(--px12);
		line-height: 180%;
	}
	.hs-text-04 {
		font-size: var(--px13);
		line-height: 180%;
	}
	.hs-text-05 {
		font-size: var(--px18);
		line-height: 180%;
	}
	.hs-text-06 {
		font-size: var(--px26);
		line-height: 150%;
	}
	.hs-text-07 {
		font-size: var(--px10);
		line-height: 180%;
	}
	.hs-text-08 {
		font-size: var(--px17);
		line-height: 150%;
	}
	.hs-text-09 {
		font-size: var(--px12);
		line-height: 180%;
	}
}


/* --------------------------------
	hs-logo-area
-------------------------------- */
.hs-logo-area-01 {
	width: 50%;
}
.hs-logo-area-02 {
	width: 100%;
}
.hs-logo-area-03 {
	width: 75%;
	margin: 0 auto calc(var(--px32) * -1) auto;
}
.hs-logo-area-04 {
	height: var(--px120);
}
.hs-logo-area-04 img {
	height: 100%;
}
@media screen and (max-width: 767px) {
	.hs-logo-area-04 {
		height: var(--px60);
	}
}


/* --------------------------------
	hs-whiteBox
-------------------------------- */
.hs-whiteBox {
	background-color: #fff;
	border-radius: var(--px40);
	padding: var(--px40);
	text-align: center;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	row-gap: var(--px20);
}
@media screen and (max-width: 767px) {
	.hs-whiteBox {
		border-radius: var(--px20);
		padding: var(--px14);
	}
}


/* --------------------------------
	hs-blueBox
-------------------------------- */
.hs-blueBox-01 {
	background-color: var(--color-hs-blue-01);
	border-radius: var(--px20);
	padding: var(--px20) var(--px40);
	text-align: center;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	row-gap: var(--px10);
}
@media screen and (max-width: 767px) {
	.hs-blueBox-01 {
		padding: var(--px10) var(--px14);
	}
}

.hs-blueBox-02 {
	background-color: var(--color-hs-blue-01);
	padding: var(--px20);
	text-align: center;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
	.hs-blueBox-02 {
		padding: var(--px10);
	}
}


/* --------------------------------
	hs-redCircle
-------------------------------- */
.hs-redCircle {
	position: relative;
	aspect-ratio: 1/1;
	background-color: var(--color-hs-red-01);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40%;
	margin: -18% calc(var(--px30) * -1) auto auto;
}
@media screen and (max-width: 767px) {
	.hs-redCircle {
		width: 34%;
	}
}


/* --------------------------------
	hs-borderBox
-------------------------------- */
.hs-borderBox {
	background-color: #fff;
	border-radius: var(--px40);
	text-align: center;
	border: 3px dashed #000;
	position: relative;
}
.hs-borderBox.color-01 {
	border-color: #00167a;
	color: #00167a;
}
.hs-borderBox.color-02 {
	border-color: #7a4900;
	color: #7a4900;
}
.hs-borderBox .border-box-deco-01 {
	position: absolute;
	top: calc(var(--px35) * -1);
	left: calc(var(--px15) * -1);
	transform: rotate(-10deg);
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	.hs-borderBox {
		border-radius: var(--px20);
		border-width: 2px;
	}
	.hs-borderBox .border-box-deco-01 {
		top: calc(var(--px25) * -1);
		left: calc(var(--px15) * -1);
		transform: rotate(-10deg);
		font-weight: bold;
	}
}



/* --------------------------------
	custom-property setting
-------------------------------- */
:root {
	--content-width: 1366;
}
@media screen and (max-width: 767px) {
	:root {
		--content-width: 480;
	}
}


/* --------------------------------
	custom-property
	pc: NN/1360
		calc(NN / 1360 * 100vw)
	max-width: 979px
		calc(NN / 768 * 100vw)
	max-width: 767px
		calc(NN / 375 * 100vw)
-------------------------------- */
:root {
	--color-hs-tygred-01: #cf1031;
	--color-hs-red-01: #cc1918;
	--color-hs-blue-01: #004aad;
	--color-hs-blue-02: #137da8;
	--color-hs-green-01: #00bf63;
/*
	--color-hs-gray-02: #b4b4b4;
	--color-hs-black-01: #2c2c2c;
	--color-hs-marker-yellow-01: #ffea3d;
	--color-hs-red-01: #fff3f0;
	--color-hs-gc-01: #30b86d;
	--color-hs-gc-02: #d7efe0;
*/

	--px05: min(5px, calc(5 / var(--content-width) * 100vw));
	--px10: min(10px, calc(10 / var(--content-width) * 100vw));
	--px11: min(11px, calc(11 / var(--content-width) * 100vw));
	--px12: min(12px, calc(12 / var(--content-width) * 100vw));
	--px13: min(13px, calc(13 / var(--content-width) * 100vw));
	--px14: min(14px, calc(14 / var(--content-width) * 100vw));
	--px15: min(15px, calc(15 / var(--content-width) * 100vw));
	--px16: min(16px, calc(16 / var(--content-width) * 100vw));
	--px17: min(17px, calc(17 / var(--content-width) * 100vw));
	--px18: min(18px, calc(18 / var(--content-width) * 100vw));
	--px19: min(19px, calc(19 / var(--content-width) * 100vw));
	--px20: min(20px, calc(20 / var(--content-width) * 100vw));
	--px21: min(21px, calc(21 / var(--content-width) * 100vw));
	--px22: min(22px, calc(22 / var(--content-width) * 100vw));
	--px23: min(23px, calc(23 / var(--content-width) * 100vw));
	--px24: min(24px, calc(24 / var(--content-width) * 100vw));
	--px25: min(25px, calc(25 / var(--content-width) * 100vw));
	--px26: min(26px, calc(26 / var(--content-width) * 100vw));
	--px27: min(27px, calc(27 / var(--content-width) * 100vw));
	--px28: min(28px, calc(28 / var(--content-width) * 100vw));
	--px29: min(29px, calc(29 / var(--content-width) * 100vw));
	--px30: min(30px, calc(30 / var(--content-width) * 100vw));
	--px31: min(31px, calc(31 / var(--content-width) * 100vw));
	--px32: min(32px, calc(32 / var(--content-width) * 100vw));
	--px33: min(33px, calc(33 / var(--content-width) * 100vw));
	--px34: min(34px, calc(34 / var(--content-width) * 100vw));
	--px35: min(35px, calc(35 / var(--content-width) * 100vw));
	--px36: min(36px, calc(36 / var(--content-width) * 100vw));
	--px37: min(37px, calc(37 / var(--content-width) * 100vw));
	--px38: min(38px, calc(38 / var(--content-width) * 100vw));
	--px39: min(39px, calc(39 / var(--content-width) * 100vw));
	--px40: min(40px, calc(40 / var(--content-width) * 100vw));
	--px41: min(41px, calc(41 / var(--content-width) * 100vw));
	--px42: min(42px, calc(42 / var(--content-width) * 100vw));
	--px43: min(43px, calc(43 / var(--content-width) * 100vw));
	--px44: min(44px, calc(44 / var(--content-width) * 100vw));
	--px45: min(45px, calc(45 / var(--content-width) * 100vw));
	--px46: min(46px, calc(46 / var(--content-width) * 100vw));
	--px47: min(47px, calc(47 / var(--content-width) * 100vw));
	--px48: min(48px, calc(48 / var(--content-width) * 100vw));
	--px49: min(49px, calc(49 / var(--content-width) * 100vw));
	--px50: min(50px, calc(50 / var(--content-width) * 100vw));
	--px51: min(51px, calc(51 / var(--content-width) * 100vw));
	--px52: min(52px, calc(52 / var(--content-width) * 100vw));
	--px53: min(53px, calc(53 / var(--content-width) * 100vw));
	--px54: min(54px, calc(54 / var(--content-width) * 100vw));
	--px55: min(55px, calc(55 / var(--content-width) * 100vw));
	--px56: min(56px, calc(56 / var(--content-width) * 100vw));
	--px57: min(57px, calc(57 / var(--content-width) * 100vw));
	--px58: min(58px, calc(58 / var(--content-width) * 100vw));
	--px59: min(59px, calc(59 / var(--content-width) * 100vw));
	--px60: min(60px, calc(60 / var(--content-width) * 100vw));
	--px61: min(61px, calc(61 / var(--content-width) * 100vw));
	--px62: min(62px, calc(62 / var(--content-width) * 100vw));
	--px63: min(63px, calc(63 / var(--content-width) * 100vw));
	--px64: min(64px, calc(64 / var(--content-width) * 100vw));
	--px65: min(65px, calc(65 / var(--content-width) * 100vw));
	--px66: min(66px, calc(66 / var(--content-width) * 100vw));
	--px67: min(67px, calc(67 / var(--content-width) * 100vw));
	--px68: min(68px, calc(68 / var(--content-width) * 100vw));
	--px69: min(69px, calc(69 / var(--content-width) * 100vw));
	--px70: min(70px, calc(70 / var(--content-width) * 100vw));
	--px71: min(71px, calc(71 / var(--content-width) * 100vw));
	--px72: min(72px, calc(72 / var(--content-width) * 100vw));
	--px73: min(73px, calc(73 / var(--content-width) * 100vw));
	--px74: min(74px, calc(74 / var(--content-width) * 100vw));
	--px75: min(75px, calc(75 / var(--content-width) * 100vw));
	--px76: min(76px, calc(76 / var(--content-width) * 100vw));
	--px77: min(77px, calc(77 / var(--content-width) * 100vw));
	--px78: min(78px, calc(78 / var(--content-width) * 100vw));
	--px79: min(79px, calc(79 / var(--content-width) * 100vw));
	--px80: min(80px, calc(80 / var(--content-width) * 100vw));
	--px81: min(81px, calc(81 / var(--content-width) * 100vw));
	--px82: min(82px, calc(82 / var(--content-width) * 100vw));
	--px83: min(83px, calc(83 / var(--content-width) * 100vw));
	--px84: min(84px, calc(84 / var(--content-width) * 100vw));
	--px85: min(85px, calc(85 / var(--content-width) * 100vw));
	--px86: min(86px, calc(86 / var(--content-width) * 100vw));
	--px87: min(87px, calc(87 / var(--content-width) * 100vw));
	--px88: min(88px, calc(88 / var(--content-width) * 100vw));
	--px89: min(89px, calc(89 / var(--content-width) * 100vw));
	--px90: min(90px, calc(90 / var(--content-width) * 100vw));
	--px91: min(91px, calc(91 / var(--content-width) * 100vw));
	--px92: min(92px, calc(92 / var(--content-width) * 100vw));
	--px93: min(93px, calc(93 / var(--content-width) * 100vw));
	--px94: min(94px, calc(94 / var(--content-width) * 100vw));
	--px95: min(95px, calc(95 / var(--content-width) * 100vw));
	--px96: min(96px, calc(96 / var(--content-width) * 100vw));
	--px97: min(97px, calc(97 / var(--content-width) * 100vw));
	--px98: min(98px, calc(98 / var(--content-width) * 100vw));
	--px99: min(99px, calc(99 / var(--content-width) * 100vw));
	--px100: min(100px, calc(100 / var(--content-width) * 100vw));
	--px101: min(101px, calc(101 / var(--content-width) * 100vw));
	--px102: min(102px, calc(102 / var(--content-width) * 100vw));
	--px103: min(103px, calc(103 / var(--content-width) * 100vw));
	--px104: min(104px, calc(104 / var(--content-width) * 100vw));
	--px105: min(105px, calc(105 / var(--content-width) * 100vw));
	--px106: min(106px, calc(106 / var(--content-width) * 100vw));
	--px107: min(107px, calc(107 / var(--content-width) * 100vw));
	--px108: min(108px, calc(108 / var(--content-width) * 100vw));
	--px109: min(109px, calc(109 / var(--content-width) * 100vw));
	--px110: min(110px, calc(110 / var(--content-width) * 100vw));
	--px111: min(111px, calc(111 / var(--content-width) * 100vw));
	--px112: min(112px, calc(112 / var(--content-width) * 100vw));
	--px113: min(113px, calc(113 / var(--content-width) * 100vw));
	--px114: min(114px, calc(114 / var(--content-width) * 100vw));
	--px115: min(115px, calc(115 / var(--content-width) * 100vw));
	--px116: min(116px, calc(116 / var(--content-width) * 100vw));
	--px117: min(117px, calc(117 / var(--content-width) * 100vw));
	--px118: min(118px, calc(118 / var(--content-width) * 100vw));
	--px119: min(119px, calc(119 / var(--content-width) * 100vw));
	--px120: min(120px, calc(120 / var(--content-width) * 100vw));
	--px125: min(125px, calc(125 / var(--content-width) * 100vw));
	--px130: min(130px, calc(130 / var(--content-width) * 100vw));
	--px135: min(135px, calc(135 / var(--content-width) * 100vw));
	--px140: min(140px, calc(140 / var(--content-width) * 100vw));
	--px145: min(145px, calc(145 / var(--content-width) * 100vw));
	--px150: min(150px, calc(150 / var(--content-width) * 100vw));
	--px155: min(155px, calc(155 / var(--content-width) * 100vw));
	--px160: min(160px, calc(160 / var(--content-width) * 100vw));
	--px165: min(165px, calc(165 / var(--content-width) * 100vw));
	--px170: min(170px, calc(170 / var(--content-width) * 100vw));
	--px175: min(175px, calc(175 / var(--content-width) * 100vw));
	--px180: min(180px, calc(180 / var(--content-width) * 100vw));
	--px185: min(185px, calc(185 / var(--content-width) * 100vw));
	--px190: min(190px, calc(190 / var(--content-width) * 100vw));
	--px195: min(195px, calc(195 / var(--content-width) * 100vw));
	--px200: min(200px, calc(200 / var(--content-width) * 100vw));
	--px205: min(205px, calc(205 / var(--content-width) * 100vw));
	--px210: min(210px, calc(210 / var(--content-width) * 100vw));
	--px215: min(215px, calc(215 / var(--content-width) * 100vw));
	--px220: min(220px, calc(220 / var(--content-width) * 100vw));
	--px225: min(225px, calc(225 / var(--content-width) * 100vw));
	--px230: min(230px, calc(230 / var(--content-width) * 100vw));
	--px235: min(235px, calc(235 / var(--content-width) * 100vw));
	--px240: min(240px, calc(240 / var(--content-width) * 100vw));
	--px245: min(245px, calc(245 / var(--content-width) * 100vw));
	--px250: min(250px, calc(250 / var(--content-width) * 100vw));
	--px255: min(255px, calc(255 / var(--content-width) * 100vw));
	--px260: min(260px, calc(260 / var(--content-width) * 100vw));
	--px265: min(265px, calc(265 / var(--content-width) * 100vw));
	--px270: min(270px, calc(270 / var(--content-width) * 100vw));
	--px275: min(275px, calc(275 / var(--content-width) * 100vw));
	--px280: min(280px, calc(280 / var(--content-width) * 100vw));
	--px285: min(285px, calc(285 / var(--content-width) * 100vw));
	--px290: min(290px, calc(290 / var(--content-width) * 100vw));
	--px295: min(295px, calc(295 / var(--content-width) * 100vw));
	--px300: min(300px, calc(300 / var(--content-width) * 100vw));
}
@media screen and (max-width: 767px) {
	:root {
		--px05: calc(5 / var(--content-width) * 100vw);
		--px10: calc(10 / var(--content-width) * 100vw);
		--px11: calc(11 / var(--content-width) * 100vw);
		--px12: calc(12 / var(--content-width) * 100vw);
		--px13: calc(13 / var(--content-width) * 100vw);
		--px14: calc(14 / var(--content-width) * 100vw);
		--px15: calc(15 / var(--content-width) * 100vw);
		--px16: calc(16 / var(--content-width) * 100vw);
		--px17: calc(17 / var(--content-width) * 100vw);
		--px18: calc(18 / var(--content-width) * 100vw);
		--px19: calc(19 / var(--content-width) * 100vw);
		--px20: calc(20 / var(--content-width) * 100vw);
		--px21: calc(21 / var(--content-width) * 100vw);
		--px22: calc(22 / var(--content-width) * 100vw);
		--px23: calc(23 / var(--content-width) * 100vw);
		--px24: calc(24 / var(--content-width) * 100vw);
		--px25: calc(25 / var(--content-width) * 100vw);
		--px26: calc(26 / var(--content-width) * 100vw);
		--px27: calc(27 / var(--content-width) * 100vw);
		--px28: calc(28 / var(--content-width) * 100vw);
		--px29: calc(29 / var(--content-width) * 100vw);
		--px30: calc(30 / var(--content-width) * 100vw);
		--px31: calc(31 / var(--content-width) * 100vw);
		--px32: calc(32 / var(--content-width) * 100vw);
		--px33: calc(33 / var(--content-width) * 100vw);
		--px34: calc(34 / var(--content-width) * 100vw);
		--px35: calc(35 / var(--content-width) * 100vw);
		--px36: calc(36 / var(--content-width) * 100vw);
		--px37: calc(37 / var(--content-width) * 100vw);
		--px38: calc(38 / var(--content-width) * 100vw);
		--px39: calc(39 / var(--content-width) * 100vw);
		--px40: calc(40 / var(--content-width) * 100vw);
		--px41: calc(41 / var(--content-width) * 100vw);
		--px42: calc(42 / var(--content-width) * 100vw);
		--px43: calc(43 / var(--content-width) * 100vw);
		--px44: calc(44 / var(--content-width) * 100vw);
		--px45: calc(45 / var(--content-width) * 100vw);
		--px46: calc(46 / var(--content-width) * 100vw);
		--px47: calc(47 / var(--content-width) * 100vw);
		--px48: calc(48 / var(--content-width) * 100vw);
		--px49: calc(49 / var(--content-width) * 100vw);
		--px50: calc(50 / var(--content-width) * 100vw);
		--px51: calc(51 / var(--content-width) * 100vw);
		--px52: calc(52 / var(--content-width) * 100vw);
		--px53: calc(53 / var(--content-width) * 100vw);
		--px54: calc(54 / var(--content-width) * 100vw);
		--px55: calc(55 / var(--content-width) * 100vw);
		--px56: calc(56 / var(--content-width) * 100vw);
		--px57: calc(57 / var(--content-width) * 100vw);
		--px58: calc(58 / var(--content-width) * 100vw);
		--px59: calc(59 / var(--content-width) * 100vw);
		--px60: calc(60 / var(--content-width) * 100vw);
		--px61: calc(61 / var(--content-width) * 100vw);
		--px62: calc(62 / var(--content-width) * 100vw);
		--px63: calc(63 / var(--content-width) * 100vw);
		--px64: calc(64 / var(--content-width) * 100vw);
		--px65: calc(65 / var(--content-width) * 100vw);
		--px66: calc(66 / var(--content-width) * 100vw);
		--px67: calc(67 / var(--content-width) * 100vw);
		--px68: calc(68 / var(--content-width) * 100vw);
		--px69: calc(69 / var(--content-width) * 100vw);
		--px70: calc(70 / var(--content-width) * 100vw);
		--px71: calc(71 / var(--content-width) * 100vw);
		--px72: calc(72 / var(--content-width) * 100vw);
		--px73: calc(73 / var(--content-width) * 100vw);
		--px74: calc(74 / var(--content-width) * 100vw);
		--px75: calc(75 / var(--content-width) * 100vw);
		--px76: calc(76 / var(--content-width) * 100vw);
		--px77: calc(77 / var(--content-width) * 100vw);
		--px78: calc(78 / var(--content-width) * 100vw);
		--px79: calc(79 / var(--content-width) * 100vw);
		--px80: calc(80 / var(--content-width) * 100vw);
		--px81: calc(81 / var(--content-width) * 100vw);
		--px82: calc(82 / var(--content-width) * 100vw);
		--px83: calc(83 / var(--content-width) * 100vw);
		--px84: calc(84 / var(--content-width) * 100vw);
		--px85: calc(85 / var(--content-width) * 100vw);
		--px86: calc(86 / var(--content-width) * 100vw);
		--px87: calc(87 / var(--content-width) * 100vw);
		--px88: calc(88 / var(--content-width) * 100vw);
		--px89: calc(89 / var(--content-width) * 100vw);
		--px90: calc(90 / var(--content-width) * 100vw);
		--px91: calc(91 / var(--content-width) * 100vw);
		--px92: calc(92 / var(--content-width) * 100vw);
		--px93: calc(93 / var(--content-width) * 100vw);
		--px94: calc(94 / var(--content-width) * 100vw);
		--px95: calc(95 / var(--content-width) * 100vw);
		--px96: calc(96 / var(--content-width) * 100vw);
		--px97: calc(97 / var(--content-width) * 100vw);
		--px98: calc(98 / var(--content-width) * 100vw);
		--px99: calc(99 / var(--content-width) * 100vw);
		--px100: calc(100 / var(--content-width) * 100vw);
		--px101: calc(101 / var(--content-width) * 100vw);
		--px102: calc(102 / var(--content-width) * 100vw);
		--px103: calc(103 / var(--content-width) * 100vw);
		--px104: calc(104 / var(--content-width) * 100vw);
		--px105: calc(105 / var(--content-width) * 100vw);
		--px106: calc(106 / var(--content-width) * 100vw);
		--px107: calc(107 / var(--content-width) * 100vw);
		--px108: calc(108 / var(--content-width) * 100vw);
		--px109: calc(109 / var(--content-width) * 100vw);
		--px110: calc(110 / var(--content-width) * 100vw);
		--px111: calc(111 / var(--content-width) * 100vw);
		--px112: calc(112 / var(--content-width) * 100vw);
		--px113: calc(113 / var(--content-width) * 100vw);
		--px114: calc(114 / var(--content-width) * 100vw);
		--px115: calc(115 / var(--content-width) * 100vw);
		--px116: calc(116 / var(--content-width) * 100vw);
		--px117: calc(117 / var(--content-width) * 100vw);
		--px118: calc(118 / var(--content-width) * 100vw);
		--px119: calc(119 / var(--content-width) * 100vw);
		--px120: calc(120 / var(--content-width) * 100vw);
		--px125: calc(125 / var(--content-width) * 100vw);
		--px130: calc(130 / var(--content-width) * 100vw);
		--px135: calc(135 / var(--content-width) * 100vw);
		--px140: calc(140 / var(--content-width) * 100vw);
		--px145: calc(145 / var(--content-width) * 100vw);
		--px150: calc(150 / var(--content-width) * 100vw);
		--px155: calc(155 / var(--content-width) * 100vw);
		--px160: calc(160 / var(--content-width) * 100vw);
		--px165: calc(165 / var(--content-width) * 100vw);
		--px170: calc(170 / var(--content-width) * 100vw);
		--px175: calc(175 / var(--content-width) * 100vw);
		--px180: calc(180 / var(--content-width) * 100vw);
		--px185: calc(185 / var(--content-width) * 100vw);
		--px190: calc(190 / var(--content-width) * 100vw);
		--px195: calc(195 / var(--content-width) * 100vw);
		--px200: calc(200 / var(--content-width) * 100vw);
		--px205: calc(205 / var(--content-width) * 100vw);
		--px210: calc(210 / var(--content-width) * 100vw);
		--px215: calc(215 / var(--content-width) * 100vw);
		--px220: calc(220 / var(--content-width) * 100vw);
		--px225: calc(225 / var(--content-width) * 100vw);
		--px230: calc(230 / var(--content-width) * 100vw);
		--px235: calc(235 / var(--content-width) * 100vw);
		--px240: calc(240 / var(--content-width) * 100vw);
		--px245: calc(245 / var(--content-width) * 100vw);
		--px250: calc(250 / var(--content-width) * 100vw);
		--px255: calc(255 / var(--content-width) * 100vw);
		--px260: calc(260 / var(--content-width) * 100vw);
		--px265: calc(265 / var(--content-width) * 100vw);
		--px270: calc(270 / var(--content-width) * 100vw);
		--px275: calc(275 / var(--content-width) * 100vw);
		--px280: calc(280 / var(--content-width) * 100vw);
		--px285: calc(285 / var(--content-width) * 100vw);
		--px290: calc(290 / var(--content-width) * 100vw);
		--px295: calc(295 / var(--content-width) * 100vw);
		--px300: calc(300 / var(--content-width) * 100vw);
	}
}