@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200;600;700&family=Noto+Sans+JP:wght@300;400;500;700&family=Roboto&display=swap");
/**
*
* Testing
*
**/
body, html {
	margin: 0px;
	overflow-x: hidden;
	max-width: 100vw !important;
	width: 100%;
	font-family: "Noto Sans JP", sans-serif !important;
	scroll-behavior: smooth;
}
.manrope {
	font-family: "Manrope", sans-serif;
}
.font-weight-bold {
	font-weight: bold;
}
.p-color {
	color: #0d1636;
}
.top {
	background-color: #0d1636;
}
.top .logo {
	height: 100px;
}
@media (max-width: 575px) {
	.top .logo {
		height: unset;
	}
}
.top .logo img {
	height: 100%;
}
@media (max-width: 575px) {
	.top .logo img {
		height: auto;
		width: 80%;
	}
}
.top .contact-top {
	color: white;
}
@media (max-width: 575px) {
	.top .contact-top {
		line-height: 15px;
	}
	.top .contact-top small {
		font-size: 0.5rem;
	}
}
.top .contact-top .phone {
	font-weight: bold;
	font-size: 1.5rem;
}
.top .contact-top .phone img {
	width: 1.5rem;
	transform: translateY(-3px);
}
@media (max-width: 575px) {
	.top .contact-top .phone img {
		width: 1rem;
		transform: translateY(-2px);
	}
}
@media (max-width: 575px) {
	.top .contact-top .phone {
		font-size: 1.1rem;
	}
}
.top .contact-top .time {
	font-weight: bold;
}
@media (max-width: 575px) {
	.top .contact-top .time {
		font-size: 0.4rem;
		display: block;
	}
}
.top-kv-sm .car {
	position: absolute;
	top: 16%;
	width: 70%;
	z-index: -1;
	left: -26%;
}
.top-kv .layer1 {
	top: -42%;
	position: absolute;
	width: 100%;
	height: 164%;
	background: white;
	background: -moz-linear-gradient(180deg, white 0%, #d9d9d9 50%, #e6e6e6 100%);
	background: -webkit-linear-gradient(180deg, white 0%, #d9d9d9 50%, #e6e6e6 100%);
	background: linear-gradient(180deg, white 0%, #d9d9d9 50%, #e6e6e6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#e6e6e6", GradientType=1);
	transform: rotate(24deg);
	left: -61%;
	z-index: -1;
}
@media (min-width: 1701px) {
	.top-kv .layer1 {
		left: -53%;
		top: -70%;
	}
}
.top-kv .layer2 {
	top: 43px;
	position: absolute;
	width: 70%;
	height: 43%;
	background: #eb9d3a;
	background: -moz-linear-gradient(24deg, #eb9d3a 0%, #ec9a37 32%, #ff6102 73%);
	background: -webkit-linear-gradient(24deg, #eb9d3a 0%, #ec9a37 32%, #ff6102 73%);
	background: linear-gradient(24deg, #eb9d3a 0%, #ec9a37 32%, #ff6102 73%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eb9d3a", endColorstr="#ff6102", GradientType=1);
	right: 0%;
	z-index: -2;
	overflow: hidden;
}
.top-kv .layer2 img {
	mix-blend-mode: color-burn;
	transform: rotate(90deg);
	width: 70%;
}
@media (min-width: 577px) {
	.top-kv .layer2 {
		top: 35px;
		height: 37%;
	}
}
@media (min-width: 769px) {
	.top-kv .layer2 {
		top: 34px;
		height: 37%;
	}
}
@media (min-width: 993px) {
	.top-kv .layer2 {
		top: 39px;
		height: 40%;
	}
}
@media (min-width: 1401px) {
	.top-kv .layer2 {
		top: 43px;
		height: 43%;
	}
}
.top-kv .text2 {
	width: 78%;
	padding-top: 8%;
	float: right;
	font-weight: bold;
}
.top-kv .text2 .cls-1 {
	font-size: 29.59px;
	letter-spacing: 0.12em;
}
.top-kv .text2 .cls-1, .top-kv .text2 .cls-12 {
	font-family: "Noto Sans JP", sans-serif;
}
.top-kv .text2 .cls-2 {
	letter-spacing: 0.08em;
}
.top-kv .text2 .cls-3 {
	letter-spacing: 0.13em;
}
.top-kv .text2 .cls-4 {
	letter-spacing: 0.32em;
}
.top-kv .text2 .cls-5 {
	letter-spacing: 0.27em;
}
.top-kv .text2 .cls-6 {
	letter-spacing: 0.14em;
}
.top-kv .text2 .cls-7, .top-kv .text2 .cls-8 {
	fill: #b9272d;
	font-size: 34.9px;
}
.top-kv .text2 .cls-7 {
	letter-spacing: 0.22em;
}
.top-kv .text2 .cls-8 {
	letter-spacing: 0.2em;
}
.top-kv .text2 .cls-9 {
	letter-spacing: 0.05em;
}
.top-kv .text2 .cls-10 {
	letter-spacing: 0.04em;
}
.top-kv .text2 .cls-11 {
	fill: none;
	stroke: #b9272d;
	stroke-miterlimit: 10;
	stroke-width: 3.08px;
}
.top-kv .text2 .cls-12 {
	font-size: 54px;
	letter-spacing: 0.07em;
}
.top-kv .text2 .cls-13 {
	letter-spacing: 0.11em;
}
.top-kv .text2 .cls-14 {
	letter-spacing: 0.23em;
}
.top-kv .text2 .cls-15 {
	letter-spacing: 0.32em;
}
.top-kv .text2 .cls-16 {
	letter-spacing: 0.28em;
}
.top-kv .text2 .cls-17 {
	letter-spacing: 0.33em;
}
.top-kv .text2 .cls-18 {
	letter-spacing: -0.17em;
}
.top-kv .text2 .cls-19 {
	letter-spacing: 0.22em;
}
.top-kv .text2 .cls-20 {
	letter-spacing: 0.16em;
}
.top-kv .text2 .cls-21 {
	letter-spacing: 0.16em;
}
.top-kv .car {
	width: 63%;
}
.top-kv .alcohol-bottol {
	width: 34%;
	display: block;
	margin-left: 12%;
	margin-top: 3%;
}
.top-kv .top-kv-text {
	width: 75%;
	float: right;
}
.top-kv .kv-mid {
	width: 48%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-54%);
}
.top-kv .top-bottom p {
	color: #0d1636;
	font-size: 1.5rem;
	font-weight: bold;
}
.top-kv .top-bottom .kv {
	width: 69%;
}
.top-kv-blue .layer1 {
	top: -42%;
	position: absolute;
	width: 100%;
	height: 164%;
	background: white;
	background: -moz-linear-gradient(180deg, white 0%, #d9d9d9 50%, #e6e6e6 100%);
	background: -webkit-linear-gradient(180deg, white 0%, #d9d9d9 50%, #e6e6e6 100%);
	background: linear-gradient(180deg, white 0%, #d9d9d9 50%, #e6e6e6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#e6e6e6", GradientType=1);
	transform: rotate(24deg);
	left: -61%;
	z-index: -1;
}
@media (min-width: 1701px) {
	.top-kv-blue .layer1 {
		left: -53%;
		top: -70%;
	}
}
.top-kv-blue .layer2 {
	top: 43px;
	position: absolute;
	width: 70%;
	height: 43%;
	background: #79cffa;
	background: -moz-linear-gradient(90deg, #79cffa 0%, #74c5ff 17%, #0c67da 100%);
	background: -webkit-linear-gradient(90deg, #79cffa 0%, #74c5ff 17%, #0c67da 100%);
	background: linear-gradient(90deg, #79cffa 0%, #74c5ff 17%, #0c67da 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#79cffa", endColorstr="#0c67da", GradientType=1);
	right: 0%;
	z-index: -2;
	overflow: hidden;
}
.top-kv-blue .layer2 img {
	mix-blend-mode: color-burn;
	transform: rotate(90deg);
	width: 70%;
}
@media (min-width: 577px) {
	.top-kv-blue .layer2 {
		top: 35px;
		height: 37%;
	}
}
@media (min-width: 769px) {
	.top-kv-blue .layer2 {
		top: 34px;
		height: 37%;
	}
}
@media (min-width: 993px) {
	.top-kv-blue .layer2 {
		top: 39px;
		height: 40%;
	}
}
@media (min-width: 1401px) {
	.top-kv-blue .layer2 {
		top: 43px;
		height: 43%;
	}
}
.top-kv-blue .text2 {
	width: 55%;
	padding-top: 10%;
	font-weight: bold;
	margin-left: 25%;
	margin-bottom: -6%;
	z-index: 1;
	position: relative;
}
.top-kv-blue .text2 .cls-1, .top-kv-blue .text2 .cls-2, .top-kv-blue .text2 .cls-3 {
	font-size: 54px;
}
.top-kv-blue .text2 .cls-1, .top-kv-blue .text2 .cls-4 {
	letter-spacing: 0.28em;
}
.top-kv-blue .text2 .cls-5 {
	letter-spacing: -0.08em;
}
.top-kv-blue .text2 .cls-5, .top-kv-blue .text2 .cls-6, .top-kv-blue .text2 .cls-7, .top-kv-blue .text2 .cls-8, .top-kv-blue .text2 .cls-9, .top-kv-blue .text2 .cls-10 {
	font-size: 25px;
}
.top-kv-blue .text2 .cls-11 {
	font-size: 56px;
	letter-spacing: 0.28em;
}
.top-kv-blue .text2 .cls-12 {
	fill: #cb0012;
}
.top-kv-blue .text2 .cls-2 {
	letter-spacing: -0.2em;
}
.top-kv-blue .text2 .cls-13 {
	font-size: 30px;
	letter-spacing: 0.02em;
}
.top-kv-blue .text2 .cls-14, .top-kv-blue .text2 .cls-15, .top-kv-blue .text2 .cls-16 {
	font-family: NotoSansJP-Bold-83pv-RKSJ-H, "Noto Sans JP";
}
.top-kv-blue .text2 .cls-17 {
	fill: none;
	stroke: #eadc21;
	stroke-miterlimit: 10;
	stroke-width: 5px;
}
.top-kv-blue .text2 .cls-15 {
	fill: #fff;
}
.top-kv-blue .text2 .cls-6 {
	letter-spacing: 0.02em;
}
.top-kv-blue .text2 .cls-7 {
	letter-spacing: -0.38em;
}
.top-kv-blue .text2 .cls-8 {
	letter-spacing: -0.1em;
}
.top-kv-blue .text2 .cls-9 {
	letter-spacing: -0.22em;
}
.top-kv-blue .text2 .cls-18 {
	letter-spacing: -0.21em;
}
.top-kv-blue .text2 .cls-16 {
	font-size: 29.59px;
	letter-spacing: 0.12em;
}
.top-kv-blue .text2 .cls-10 {
	letter-spacing: -0.06em;
}
.top-kv-blue .car {
	width: 63%;
}
.top-kv-blue .alcohol-bottol {
	width: 34%;
	display: block;
	margin-left: 12%;
	margin-top: 3%;
}
.top-kv-blue .top-kv-text {
	width: 64%;
}
@media (min-width: 451px) and (max-width: 769px) {
	.top-kv-blue .top-kv-text {
		width: 60%;
		margin-top: 30px;
	}
}
.top-kv-blue .kv-mid {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-54%);
}
@media (min-width: 451px) {
	.top-kv-blue .kv-mid {
		width: 42%;
	}
}
@media (min-width: 769px) {
	.top-kv-blue .kv-mid {
		width: 43%;
	}
}
@media (min-width: 993px) {
	.top-kv-blue .kv-mid {
		width: 43%;
	}
}
@media (min-width: 1201px) {
	.top-kv-blue .kv-mid {
		width: 41%;
	}
}
@media (min-width: 1401px) {
	.top-kv-blue .kv-mid {
		width: 43%;
	}
}
.top-kv-blue .top-bottom p {
	color: #0d1636;
	font-size: 1.5rem;
	font-weight: bold;
}
.top-kv-blue .top-bottom .kv {
	width: 69%;
}
.color-red {
	color: #b8272d;
}
.section1 {
	background-image: url(../img/gray-bg.webp);
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	font-weight: bold;
	padding-top: 6rem;
	padding-bottom: 6rem;
}
@media (max-width: 575px) {
	.section1 {
		padding-top: 2rem;
		padding-bottom: 3rem;
	}
}
.section1 h1 {
	font-weight: bold;
	font-size: 2.5rem;
}
@media (max-width: 575px) {
	.section1 h1 {
		font-size: 1.8rem;
	}
}
.section1 p {
	font-size: 1.8rem;
}
@media (max-width: 575px) {
	.section1 p {
		font-size: 1.3rem;
	}
}
.section1 p .color-red {
	font-size: 2.5rem;
}
@media (max-width: 575px) {
	.section1 p .color-red {
		font-size: 1.8rem;
	}
}
@media (max-width: 575px) {
	.section1 .card_s {
		padding: 0px 10px;
	}
}
.section1 .card_s img {
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
}
.section1 .arw2 {
	position: absolute;
	bottom: -49px;
	height: 50px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
}
@media (max-width: 575px) {
	.section1 .arw2 {
		bottom: -24px;
		height: 25px;
	}
}
.section2 {
	overflow: hidden;
}
.section2 .layer2 {
	top: -33%;
	position: absolute;
	width: 100%;
	height: 130%;
	background: #eb9d3a;
	background: -moz-linear-gradient(180deg, #eb9d3a 0%, #ec9a37 32%, #ff6102 73%);
	background: -webkit-linear-gradient(180deg, #eb9d3a 0%, #ec9a37 32%, #ff6102 73%);
	background: linear-gradient(180deg, #eb9d3a 0%, #ec9a37 32%, #ff6102 73%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eb9d3a", endColorstr="#ff6102", GradientType=1);
	transform: rotate(24deg);
	left: -50%;
	z-index: -3;
}
@media (max-width: 575px) {
	.section2 .layer2 {
		top: -8%;
		width: 234%;
		left: -150%;
	}
}
.section2 .solution-text {
	color: transparent;
	font-family: "Roboto", sans-serif;
	font-size: 12rem;
	-webkit-text-stroke: 5px #f1a63b;
	position: absolute;
	transform: rotate(-90deg);
	left: -1rem;
	width: 11rem;
	bottom: -96%;
	margin: 0px;
}
@media (max-width: 991px) {
	.section2 .solution-text {
		font-size: 5rem;
		width: 5rem;
		-webkit-text-stroke: 3px #f1a63b;
	}
}
@media (max-width: 575px) {
	.section2 .solution-text {
		display: none;
	}
}
.section2 .texture2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 45%;
	mix-blend-mode: color-burn;
}
@media (max-width: 575px) {
	.section2 .texture2 {
		display: none;
	}
}
.section2 .texturesm1 {
	display: none;
}
@media (max-width: 575px) {
	.section2 .texturesm1 {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		mix-blend-mode: color-burn;
	}
}
.section2 .container .texture1 {
	display: none;
	position: absolute;
	bottom: 0;
	right: 0;
	transform: rotate(180deg);
	width: 75%;
}
@media (max-width: 575px) {
	.section2 .container .texture1 {
		width: 100%;
		display: block;
	}
}
.section2 .container .kw {
	position: relative;
}
@media (max-width: 575px) {
	.section2 .container .kw {
		padding-left: 5%;
	}
}
.section2-blue {
	overflow: hidden;
	z-index: 1;
}
.section2-blue .layer2 {
	top: -33%;
	position: absolute;
	width: 100%;
	height: 130%;
	background: #79cffa;
	background: -moz-linear-gradient(180deg, #79cffa 0%, #74c5ff 17%, #0c67da 100%);
	background: -webkit-linear-gradient(180deg, #79cffa 0%, #74c5ff 17%, #0c67da 100%);
	background: linear-gradient(180deg, #79cffa 0%, #74c5ff 17%, #0c67da 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#79cffa", endColorstr="#0c67da", GradientType=1);
	transform: rotate(24deg);
	left: -50%;
	z-index: -3;
}
@media (max-width: 575px) {
	.section2-blue .layer2 {
		top: -8%;
		width: 234%;
		left: -150%;
	}
}
.section2-blue .solution-text {
	color: transparent;
	font-family: "Roboto", sans-serif;
	font-size: 12rem;
	-webkit-text-stroke: 5px #609adf;
	position: absolute;
	transform: rotate(-90deg);
	left: -1rem;
	width: 11rem;
	bottom: -27%;
	margin: 0px;
	mix-blend-mode: screen;
	will-change: filter;
}
@media (max-width: 991px) {
	.section2-blue .solution-text {
		font-size: 5rem;
		width: 5rem;
		-webkit-text-stroke: 3px #609adf;
	}
}
@media (max-width: 575px) {
	.section2-blue .solution-text {
		display: none;
	}
}
.section2-blue .texture2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 45%;
	mix-blend-mode: color-burn;
}
@media (max-width: 575px) {
	.section2-blue .texture2 {
		display: none;
	}
}
.section2-blue .texturesm1 {
	display: none;
}
@media (max-width: 575px) {
	.section2-blue .texturesm1 {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		mix-blend-mode: color-burn;
	}
}
.section2-blue .container .texture1 {
	display: none;
	position: absolute;
	bottom: 0;
	right: 0;
	transform: rotate(180deg);
	width: 75%;
}
@media (max-width: 575px) {
	.section2-blue .container .texture1 {
		width: 100%;
		display: block;
	}
}
.section2-blue .container .kw {
	position: relative;
}
@media (max-width: 575px) {
	.section2-blue .container .kw {
		padding-left: 5%;
	}
}
.section3-blue {
	overflow: hidden;
	z-index: 1;
}
.section3-blue .layer2 {
	top: -50%;
	position: absolute;
	width: 140%;
	height: 160%;
	background: #79cffa;
	background: -moz-linear-gradient(180deg, #79cffa 0%, #74c5ff 17%, #0c67da 100%);
	background: -webkit-linear-gradient(180deg, #79cffa 0%, #74c5ff 17%, #0c67da 100%);
	background: linear-gradient(180deg, #79cffa 0%, #74c5ff 17%, #0c67da 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#79cffa", endColorstr="#0c67da", GradientType=1);
	transform: rotate(24deg);
	left: -50%;
	z-index: -3;
}
@media (max-width: 575px) {
	.section3-blue .layer2 {
		top: -8%;
		width: 309%;
		left: -211%;
	}
}
.section3-blue .solution-text {
	color: transparent;
	font-family: "Roboto", sans-serif;
	font-size: 12rem;
	-webkit-text-stroke: 5px #609adf;
	position: absolute;
	transform: rotate(-90deg);
	left: -1rem;
	width: 11rem;
	bottom: -27%;
	margin: 0px;
	mix-blend-mode: screen;
	will-change: filter;
}
@media (max-width: 991px) {
	.section3-blue .solution-text {
		font-size: 5rem;
		width: 5rem;
		-webkit-text-stroke: 3px #609adf;
	}
}
@media (max-width: 575px) {
	.section3-blue .solution-text {
		display: none;
	}
}
.section3-blue .texture2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 84%;
	mix-blend-mode: color-burn;
}
@media (max-width: 575px) {
	.section3-blue .texture2 {
		display: none;
	}
}
.section3-blue .texturesm1 {
	display: none;
}
@media (max-width: 575px) {
	.section3-blue .texturesm1 {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		mix-blend-mode: color-burn;
	}
}
.section3-blue .container .texture1 {
	display: none;
	position: absolute;
	bottom: 0;
	right: 0;
	transform: rotate(180deg);
	width: 75%;
}
@media (max-width: 575px) {
	.section3-blue .container .texture1 {
		width: 100%;
		display: block;
	}
}
.section3-blue .container .kw {
	position: relative;
	box-shadow: 6.5px 6.5px 4px rgba(50, 106, 180, 0.5);
}
@media (max-width: 575px) {
	.section3-blue .container .kw {
		padding-left: 5%;
	}
}
.section3 {
	background-color: #ffe0c3;
	overflow: hidden;
}
.section3 .text {
	background: #eb9d3a;
	background: -moz-linear-gradient(90deg, #eb9d3a 0%, #ec9a37 32%, #ff6102 73%);
	background: -webkit-linear-gradient(90deg, #eb9d3a 0%, #ec9a37 32%, #ff6102 73%);
	background: linear-gradient(90deg, #eb9d3a 0%, #ec9a37 32%, #ff6102 73%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eb9d3a", endColorstr="#ff6102", GradientType=1);
	width: fit-content;
	font-size: 2rem;
	height: 100%;
	padding: 18px 4px;
	font-weight: bold;
}
@media (max-width: 575px) {
	.section3 .text {
		font-size: 1.4rem;
		padding: 7px 2px;
	}
}
.section3 .text span {
	padding: 15px 60px;
}
@media (max-width: 575px) {
	.section3 .text span {
		padding: 5px 30px;
	}
}
.section3 .texture1 {
	position: absolute;
	top: 0;
	left: 0;
	mix-blend-mode: screen;
	height: 140%;
	width: auto;
}
@media (max-width: 575px) {
	.section3 .texture1 {
		width: 100%;
		height: 100%;
	}
}
.section3 .container {
	overflow: hidden;
}
.section3 .container .youtube1 {
	margin-top: 5rem;
	height: 500px;
}
@media (max-width: 575px) {
	.section3 .container .youtube1 {
		margin-top: 2rem;
	}
}
.section4 {
	padding-top: 5rem;
	padding-bottom: 5rem;
	color: #0d1636;
	overflow: hidden;
}
@media (max-width: 575px) {
	.section4 {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
}
.section4 .layer2 {
	bottom: -65%;
	position: absolute;
	width: 109%;
	height: 168%;
	background: #eb9d3a;
	background: -moz-linear-gradient(180deg, #eb9d3a 0%, #ec9a37 32%, #ff6102 73%);
	background: -webkit-linear-gradient(180deg, #eb9d3a 0%, #ec9a37 32%, #ff6102 73%);
	background: linear-gradient(180deg, #eb9d3a 0%, #ec9a37 32%, #ff6102 73%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eb9d3a", endColorstr="#ff6102", GradientType=1);
	transform: rotate(208deg);
	right: -42%;
	z-index: -1;
}
@media (min-width: 1701px) {
	.section4 .layer2 {
		bottom: -124%;
		width: 104%;
		height: 232%;
	}
}
@media (max-width: 991px) {
	.section4 .layer2 {
		width: 122%;
		right: -43%;
	}
}
@media (max-width: 575px) {
	.section4 .layer2 {
		left: 0%;
		width: 200%;
	}
}
.section4 .texture2 {
	position: absolute;
	bottom: 0px;
	right: 0;
	width: 45%;
	mix-blend-mode: color-burn;
	transform: rotate(180deg);
}
@media (max-width: 575px) {
	.section4 .texture2 {
		width: 100%;
	}
}
.section4 .svg .cls-1 {
	letter-spacing: -0.04em;
}
.section4 .svg .cls-2 {
	fill: #fff;
}
.section4 .svg .cls-3 {
	fill: none;
	stroke: #0d1636;
	stroke-miterlimit: 10;
	stroke-width: 3.17px;
}
.section4 .svg .cls-4 {
	fill: #0d1636;
	font-family: NotoSansJP-Bold-83pv-RKSJ-H, "Noto Sans JP";
	font-size: 25.38px;
	font-weight: bold;
}
.section4 .text1 {
	font-size: 2.3rem;
	font-weight: bold;
}
@media (max-width: 575px) {
	.section4 .text1 {
		font-size: 1.8rem;
	}
}
.section4 .text2 {
	font-size: 1.2rem;
	font-weight: bold;
}
@media (max-width: 575px) {
	.section4 .text2 {
		font-size: 0.9rem;
	}
}
.section4 .text3 {
	font-weight: bold;
}
.section5-blue {
	overflow: hidden;
}
.section5-blue .howto-text {
	color: transparent;
	font-family: "Roboto", sans-serif;
	font-size: 12rem;
	-webkit-text-stroke: 5px #c3cbd9;
	position: absolute;
	transform: rotate(-90deg);
	right: -1rem;
	width: 11rem;
	bottom: 12%;
	margin: 0px;
}
@media (max-width: 991px) {
	.section5-blue .howto-text {
		font-size: 5rem;
		width: 5rem;
		-webkit-text-stroke: 3px #c3cbd9;
	}
}
@media (max-width: 575px) {
	.section5-blue .howto-text {
		display: none;
	}
}
.section5-blue .text {
	background: #eb9d3a;
	background: -moz-linear-gradient(90deg, #eb9d3a 0%, #ec9a37 32%, #ff6102 73%);
	background: -webkit-linear-gradient(90deg, #eb9d3a 0%, #ec9a37 32%, #ff6102 73%);
	background: linear-gradient(90deg, #eb9d3a 0%, #ec9a37 32%, #ff6102 73%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eb9d3a", endColorstr="#ff6102", GradientType=1);
	width: fit-content;
	font-size: 2rem;
	height: 100%;
	padding: 18px 4px;
	font-weight: bold;
}
@media (max-width: 575px) {
	.section5-blue .text {
		font-size: 1.5rem;
		padding: 7px 2px;
	}
}
.section5-blue .text span {
	padding: 15px 60px;
}
@media (max-width: 575px) {
	.section5-blue .text span {
		padding: 5px 30px;
	}
}
.section5-blue .howto {
	background-image: url(../img/imgl1-blue.png);
	background-size: auto 100%;
	background-repeat: repeat-x;
}
.section5-blue .howto .img-div {
	background-image: url(../img/imgl2.jpg);
	background-size: auto 103%;
	background-repeat: repeat-x;
}
.section5-blue .howtonew {
	background-image: url(../img/imglnew-blue.png);
	background-size: auto 100%;
	background-repeat: repeat-x;
}
.section5-blue .howto2 {
	background-size: auto 98%;
	background-position: top;
	background-image: url(../img/imglnew2-blue.png);
}
.section5-blue .howto2 .img-div {
	background-size: auto 95%;
	background-position: top;
	background-image: url(../img/imglnew3.jpg);
}
.section5-blue .howto4 {
	background-color: white;
}
.section5 {
	overflow: hidden;
}
.section5 .howto-text {
	color: transparent;
	font-family: "Roboto", sans-serif;
	font-size: 12rem;
	-webkit-text-stroke: 5px #c3cbd9;
	position: absolute;
	transform: rotate(-90deg);
	right: -1rem;
	width: 11rem;
	bottom: -76%;
	margin: 0px;
}
@media (max-width: 991px) {
	.section5 .howto-text {
		font-size: 5rem;
		width: 5rem;
		-webkit-text-stroke: 3px #c3cbd9;
	}
}
@media (max-width: 575px) {
	.section5 .howto-text {
		display: none;
	}
}
.section5 .text {
	background: #eb9d3a;
	background: -moz-linear-gradient(90deg, #eb9d3a 0%, #ec9a37 32%, #ff6102 73%);
	background: -webkit-linear-gradient(90deg, #eb9d3a 0%, #ec9a37 32%, #ff6102 73%);
	background: linear-gradient(90deg, #eb9d3a 0%, #ec9a37 32%, #ff6102 73%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eb9d3a", endColorstr="#ff6102", GradientType=1);
	width: fit-content;
	font-size: 2rem;
	height: 100%;
	padding: 18px 4px;
	font-weight: bold;
}
@media (max-width: 575px) {
	.section5 .text {
		font-size: 1.5rem;
		padding: 7px 2px;
	}
}
.section5 .text span {
	padding: 15px 60px;
}
@media (max-width: 575px) {
	.section5 .text span {
		padding: 5px 30px;
	}
}
.section5 .howto {
	background-image: url(../img/imgl1.jpg);
	background-size: auto 103%;
	background-repeat: repeat-x;
}
.section5 .howto .img-div {
	background-image: url(../img/imgl2.jpg);
	background-size: auto 103%;
	background-repeat: repeat-x;
}
.section5 .howtonew {
	background-image: url(../img/imglnew.png);
	background-size: auto 103%;
	background-repeat: repeat-x;
}
.section5 .howto2 {
	background-size: auto 95%;
	background-position: top;
	background-image: url(../img/imglnew2.png);
}
.section5 .howto2 .img-div {
	background-size: auto 95%;
	background-position: top;
	background-image: url(../img/imglnew3.jpg);
}
.section5 .howto4 {
	background-size: auto 103%;
	background-position: top;
	background-image: url(../img/imglnew.png);
}
.section5 .howto5 {
	background-image: url(../img/imglnew3.jpg);
}
.section6 {
	background-color: #0d1636;
	overflow: hidden;
}
@media (max-width: 575px) {
	.section6 small {
		display: block;
		font-size: 0.5rem;
	}
}
.section6 .price-text {
	color: transparent;
	font-family: "Roboto", sans-serif;
	font-size: 12rem;
	-webkit-text-stroke: 5px #c2c2c2;
	position: absolute;
	transform: rotate(-90deg);
	left: -1rem;
	width: 11rem;
	bottom: -101%;
	margin: 0px;
}
@media (max-width: 991px) {
	.section6 .price-text {
		font-size: 5rem;
		width: 5rem;
		-webkit-text-stroke: 3px #c2c2c2;
	}
}
@media (max-width: 575px) {
	.section6 .price-text {
		display: none;
	}
}
.section6 .text {
	background: #eb9d3a;
	background: -moz-linear-gradient(90deg, #eb9d3a 0%, #ec9a37 32%, #ff6102 73%);
	background: -webkit-linear-gradient(90deg, #eb9d3a 0%, #ec9a37 32%, #ff6102 73%);
	background: linear-gradient(90deg, #eb9d3a 0%, #ec9a37 32%, #ff6102 73%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eb9d3a", endColorstr="#ff6102", GradientType=1);
	width: fit-content;
	font-size: 1.5rem;
	height: 100%;
	padding: 17px 3px;
	font-weight: bold;
}
@media (max-width: 575px) {
	.section6 .text {
		text-align: center;
		padding: 2px;
		font-size: 1.3rem;
	}
}
.section6 .text span {
	padding: 15px 30px;
	background-color: #0d1636;
}
@media (max-width: 575px) {
	.section6 .text span {
		display: block;
		padding: 7px 17px;
	}
}
.section6 .bg-brown {
	background: #fde4c7;
}
.section6 .bg-ash-1 {
	background-color: #dbdbdb;
}
.section6 .bg-ash-2 {
	background-color: #e8e8e8;
}
.section6 .bg-yollow {
	background-color: #eb9d3a;
}
.section6 .text-p {
	color: #0d1636;
}
.section6 .text-orange {
	color: #e75a24;
	font-weight: bold;
}
.section6 .bg-orange {
	background-color: #e75a24;
}
.section6 .table1 {
	width: 100%;
	font-size: 1.3rem;
}
@media (max-width: 575px) {
	.section6 .table1 {
		font-size: 0.8rem;
	}
}
.section6 .table1 tr, .section6 .table1 td {
	border: 2px solid #000000;
}
@media (max-width: 575px) {
	.section6 .table1 tr, .section6 .table1 td {
		border: 1px solid #000000;
	}
}
.section6 .table1 tr {
	height: 5.5rem;
}
@media (max-width: 575px) {
	.section6 .table1 tr {
		height: 3.5rem;
	}
}
.section6 .table1 tr td:nth-child(1) {
	padding: 0px 21px;
}
@media (max-width: 575px) {
	.section6 .table1 tr td:nth-child(1) {
		padding: 0px 7px;
	}
}
.section6 .table1 tr td:nth-child(2) {
	text-align: center;
	padding: 5px 40px;
}
@media (max-width: 575px) {
	.section6 .table1 tr td:nth-child(2) {
		padding: 2px 10px;
	}
}
.section6 .table2 {
	width: 100%;
}
@media (max-width: 575px) {
	.section6 .table2 {
		font-size: 0.9rem;
	}
}
.section6 .table2 td {
	border-right: 2px solid #0d1636;
}
@media (max-width: 575px) {
	.section6 .table2 td {
		padding: 0px 5px;
	}
}
.section6 .table2 tr:nth-child(1) td {
	font-size: 0.8rem;
}
.section6 .table2 tr:not(:nth-child(1)) td {
	height: 4rem;
}
@media (max-width: 575px) {
	.section6 .table2 tr:not(:nth-child(1)) td {
		height: 2.5rem;
	}
}
.section6 .table2 tr:not(:nth-child(1)) td:nth-child(2) {
	font-size: 1.5rem;
	font-weight: bold;
}
@media (max-width: 575px) {
	.section6 .table2 tr:not(:nth-child(1)) td:nth-child(2) {
		font-size: 1rem;
	}
}
.section6 .table2 tr:not(:nth-child(1)) td:nth-child(3) {
	font-size: 1.5rem;
	font-weight: bold;
}
@media (max-width: 575px) {
	.section6 .table2 tr:not(:nth-child(1)) td:nth-child(3) {
		font-size: 1rem;
	}
}
.section6 .table2 tr:not(:nth-child(1)) td:nth-child(4) {
	font-size: 1.5rem;
	font-weight: bold;
}
@media (max-width: 575px) {
	.section6 .table2 tr:not(:nth-child(1)) td:nth-child(4) {
		font-size: 1rem;
	}
}
.section6 .table2 tr:not(:nth-child(1)) td:nth-child(5) {
	font-size: 1.5rem;
	font-weight: bold;
}
@media (max-width: 575px) {
	.section6 .table2 tr:not(:nth-child(1)) td:nth-child(5) {
		font-size: 1rem;
	}
}
.section6 .table2 tr:not(:nth-child(1)) td:nth-child(6) {
	font-size: 0.9rem;
}
@media (max-width: 575px) {
	.section6 .table2 tr:not(:nth-child(1)) td:nth-child(6) {
		font-size: 0.8rem;
	}
}
.section6 .table2 tr:not(:nth-child(1)) td:nth-child(7) {
	font-size: 0.9rem;
}
@media (max-width: 575px) {
	.section6 .table2 tr:not(:nth-child(1)) td:nth-child(7) {
		font-size: 0.8rem;
	}
}
.section6 .table2 tr:not(:nth-child(1)) td:nth-child(8) {
	font-size: 0.9rem;
}
@media (max-width: 575px) {
	.section6 .table2 tr:not(:nth-child(1)) td:nth-child(8) {
		font-size: 0.8rem;
	}
}
.section6 .svg2 .cls-1 {
	letter-spacing: 0.08em;
}
.section6 .svg2 .cls-1, .section6 .svg2 .cls-2, .section6 .svg2 .cls-3, .section6 .svg2 .cls-4, .section6 .svg2 .cls-5, .section6 .svg2 .cls-6, .section6 .svg2 .cls-7, .section6 .svg2 .cls-8, .section6 .svg2 .cls-9, .section6 .svg2 .cls-10, .section6 .svg2 .cls-11, .section6 .svg2 .cls-12, .section6 .svg2 .cls-13, .section6 .svg2 .cls-14, .section6 .svg2 .cls-15 {
	font-family: NotoSansJP-Medium-83pv-RKSJ-H, "Noto Sans JP";
	font-weight: 500;
}
.section6 .svg2 .cls-16 {
	letter-spacing: 0.05em;
}
.section6 .svg2 .cls-16, .section6 .svg2 .cls-17, .section6 .svg2 .cls-18, .section6 .svg2 .cls-19, .section6 .svg2 .cls-20, .section6 .svg2 .cls-21, .section6 .svg2 .cls-22, .section6 .svg2 .cls-23, .section6 .svg2 .cls-24, .section6 .svg2 .cls-25, .section6 .svg2 .cls-26, .section6 .svg2 .cls-27, .section6 .svg2 .cls-28, .section6 .svg2 .cls-29, .section6 .svg2 .cls-30, .section6 .svg2 .cls-31, .section6 .svg2 .cls-32, .section6 .svg2 .cls-33, .section6 .svg2 .cls-34, .section6 .svg2 .cls-35, .section6 .svg2 .cls-36 {
	font-family: NotoSansJP-Bold-83pv-RKSJ-H, "Noto Sans JP";
	font-weight: bold;
}
.section6 .svg2 .cls-17 {
	letter-spacing: 0.02em;
}
.section6 .svg2 .cls-37 {
	letter-spacing: -0.02em;
}
.section6 .svg2 .cls-18 {
	letter-spacing: -0.03em;
}
.section6 .svg2 .cls-2 {
	letter-spacing: 0.06em;
}
.section6 .svg2 .cls-19 {
	letter-spacing: 0.04em;
}
.section6 .svg2 .cls-19, .section6 .svg2 .cls-3, .section6 .svg2 .cls-4, .section6 .svg2 .cls-5, .section6 .svg2 .cls-6, .section6 .svg2 .cls-28, .section6 .svg2 .cls-7, .section6 .svg2 .cls-30, .section6 .svg2 .cls-33, .section6 .svg2 .cls-10, .section6 .svg2 .cls-11, .section6 .svg2 .cls-14, .section6 .svg2 .cls-15, .section6 .svg2 .cls-36 {
	font-size: 45px;
}
.section6 .svg2 .cls-19, .section6 .svg2 .cls-28, .section6 .svg2 .cls-30, .section6 .svg2 .cls-33, .section6 .svg2 .cls-36 {
	fill: #e85a24;
}
.section6 .svg2 .cls-38 {
	letter-spacing: -0.09em;
}
.section6 .svg2 .cls-20 {
	letter-spacing: -0.06em;
}
.section6 .svg2 .cls-21 {
	letter-spacing: -0.03em;
}
.section6 .svg2 .cls-39 {
	font-size: 31px;
}
.section6 .svg2 .cls-39, .section6 .svg2 .cls-3, .section6 .svg2 .cls-4, .section6 .svg2 .cls-5, .section6 .svg2 .cls-6, .section6 .svg2 .cls-40, .section6 .svg2 .cls-7, .section6 .svg2 .cls-10, .section6 .svg2 .cls-11, .section6 .svg2 .cls-12, .section6 .svg2 .cls-13, .section6 .svg2 .cls-14, .section6 .svg2 .cls-15 {
	fill: #fff;
}
.section6 .svg2 .cls-22 {
	letter-spacing: 0.03em;
}
.section6 .svg2 .cls-23 {
	letter-spacing: 0.07em;
}
.section6 .svg2 .cls-3 {
	letter-spacing: -0.07em;
}
.section6 .svg2 .cls-41 {
	letter-spacing: -0.04em;
}
.section6 .svg2 .cls-42 {
	letter-spacing: -0.04em;
}
.section6 .svg2 .cls-24 {
	letter-spacing: 0.07em;
}
.section6 .svg2 .cls-25 {
	letter-spacing: 0.08em;
}
.section6 .svg2 .cls-26 {
	letter-spacing: 0.08em;
}
.section6 .svg2 .cls-5 {
	letter-spacing: -0.03em;
}
.section6 .svg2 .cls-43 {
	letter-spacing: -0.02em;
}
.section6 .svg2 .cls-27 {
	letter-spacing: 0.06em;
}
.section6 .svg2 .cls-6 {
	letter-spacing: -0.1em;
}
.section6 .svg2 .cls-28 {
	letter-spacing: 0em;
}
.section6 .svg2 .cls-44 {
	fill: none;
	stroke: #fff;
	stroke-miterlimit: 10;
	stroke-width: 2.85px;
}
.section6 .svg2 .cls-29 {
	letter-spacing: 0.02em;
}
.section6 .svg2 .cls-40 {
	font-family: NotoSansJP-Regular-83pv-RKSJ-H, "Noto Sans JP";
	font-size: 21.07px;
}
.section6 .svg2 .cls-7 {
	letter-spacing: -0.04em;
}
.section6 .svg2 .cls-31 {
	letter-spacing: 0.05em;
}
.section6 .svg2 .cls-8 {
	letter-spacing: 0.06em;
}
.section6 .svg2 .cls-45 {
	letter-spacing: -0.07em;
}
.section6 .svg2 .cls-32 {
	letter-spacing: 0.04em;
}
.section6 .svg2 .cls-33 {
	letter-spacing: -0.01em;
}
.section6 .svg2 .cls-34 {
	letter-spacing: -0.02em;
}
.section6 .svg2 .cls-9 {
	letter-spacing: 0.06em;
}
.section6 .svg2 .cls-10 {
	letter-spacing: -0.09em;
}
.section6 .svg2 .cls-11 {
	letter-spacing: -0.09em;
}
.section6 .svg2 .cls-12 {
	letter-spacing: -0.5em;
}
.section6 .svg2 .cls-12, .section6 .svg2 .cls-13 {
	font-size: 47px;
}
.section6 .svg2 .cls-13 {
	letter-spacing: -0.25em;
}
.section6 .svg2 .cls-35 {
	letter-spacing: 0.05em;
}
.section6 .svg2 .cls-46 {
	letter-spacing: -0.03em;
}
.section6 .svg2 .cls-14 {
	letter-spacing: -0.11em;
}
.section6 .svg2 .cls-47 {
	letter-spacing: -0.46em;
}
.section6 .svg2 .cls-15 {
	letter-spacing: -0.11em;
}
.section6 .svg2 .cls-36 {
	letter-spacing: 0em;
}
.section6 .svg2sm .cls-1 {
	letter-spacing: 0em;
}
.section6 .svg2sm .cls-1, .section6 .svg2sm .cls-2, .section6 .svg2sm .cls-3, .section6 .svg2sm .cls-4, .section6 .svg2sm .cls-5, .section6 .svg2sm .cls-6, .section6 .svg2sm .cls-7, .section6 .svg2sm .cls-8, .section6 .svg2sm .cls-9, .section6 .svg2sm .cls-10, .section6 .svg2sm .cls-11, .section6 .svg2sm .cls-12, .section6 .svg2sm .cls-13, .section6 .svg2sm .cls-14, .section6 .svg2sm .cls-15, .section6 .svg2sm .cls-16, .section6 .svg2sm .cls-17, .section6 .svg2sm .cls-18, .section6 .svg2sm .cls-19 {
	font-family: NotoSansJP-Bold-83pv-RKSJ-H, "Noto Sans JP";
}
.section6 .svg2sm .cls-1, .section6 .svg2sm .cls-8, .section6 .svg2sm .cls-9, .section6 .svg2sm .cls-19 {
	fill: #e95a24;
}
.section6 .svg2sm .cls-20 {
	letter-spacing: -0.29em;
}
.section6 .svg2sm .cls-21, .section6 .svg2sm .cls-22, .section6 .svg2sm .cls-23, .section6 .svg2sm .cls-24, .section6 .svg2sm .cls-25, .section6 .svg2sm .cls-26, .section6 .svg2sm .cls-27 {
	font-family: NotoSansJP-Medium-83pv-RKSJ-H, "Noto Sans JP";
}
.section6 .svg2sm .cls-21, .section6 .svg2sm .cls-15 {
	letter-spacing: 0.08em;
}
.section6 .svg2sm .cls-2 {
	letter-spacing: 0.05em;
}
.section6 .svg2sm .cls-3 {
	letter-spacing: 0.02em;
}
.section6 .svg2sm .cls-4 {
	letter-spacing: -0.02em;
}
.section6 .svg2sm .cls-22 {
	letter-spacing: -0.09em;
}
.section6 .svg2sm .cls-22, .section6 .svg2sm .cls-23, .section6 .svg2sm .cls-25, .section6 .svg2sm .cls-28 {
	fill: #fff;
}
.section6 .svg2sm .cls-5 {
	letter-spacing: -0.03em;
}
.section6 .svg2sm .cls-24 {
	letter-spacing: 0.06em;
}
.section6 .svg2sm .cls-29 {
	letter-spacing: -0.09em;
}
.section6 .svg2sm .cls-30 {
	letter-spacing: -0.11em;
}
.section6 .svg2sm .cls-6 {
	letter-spacing: -0.05em;
}
.section6 .svg2sm .cls-7 {
	letter-spacing: 0.05em;
}
.section6 .svg2sm .cls-25 {
	letter-spacing: -0.06em;
}
.section6 .svg2sm .cls-9 {
	letter-spacing: 0.04em;
}
.section6 .svg2sm .cls-28 {
	font-size: 32px;
}
.section6 .svg2sm .cls-10 {
	letter-spacing: -0.03em;
}
.section6 .svg2sm .cls-11 {
	letter-spacing: 0.03em;
}
.section6 .svg2sm .cls-12 {
	letter-spacing: 0.07em;
}
.section6 .svg2sm .cls-13 {
	letter-spacing: 0.07em;
}
.section6 .svg2sm .cls-14 {
	letter-spacing: 0.08em;
}
.section6 .svg2sm .cls-16 {
	letter-spacing: 0.06em;
}
.section6 .svg2sm .cls-17 {
	letter-spacing: 0.02em;
}
.section6 .svg2sm .cls-31 {
	fill: none;
	stroke: #fff;
	stroke-miterlimit: 10;
	stroke-width: 2.1px;
}
.section6 .svg2sm .cls-26 {
	letter-spacing: 0.06em;
}
.section6 .svg2sm .cls-32 {
	letter-spacing: -0.07em;
}
.section6 .svg2sm .cls-33 {
	letter-spacing: -0.25em;
}
.section6 .svg2sm .cls-18 {
	letter-spacing: 0.04em;
}
.section6 .svg2sm .cls-34 {
	letter-spacing: -0.5em;
}
.section6 .svg2sm .cls-27 {
	letter-spacing: 0.06em;
}
.section6 .svg2sm .cls-35 {
	letter-spacing: -0.03em;
}
.section6 .svg2sm .cls-36 {
	letter-spacing: -0.1em;
}
.section6 .svg2sm .cls-19 {
	letter-spacing: -0.01em;
}
.section6 .svg2sm .cls-37 {
	font-size: 54px;
}
.section6 .table3 {
	width: 100%;
	font-size: 1.3rem;
}
@media (max-width: 575px) {
	.section6 .table3 {
		font-size: 0.9rem;
	}
}
.section6 .table3 tr, .section6 .table3 td {
	border: 2px solid #000000;
	padding: 12px 20px;
}
@media (max-width: 575px) {
	.section6 .table3 tr, .section6 .table3 td {
		padding: 5px 7px;
	}
}
.section6 #pardot-iframe {
	height: 810px;
}
@media (max-width: 991px) {
	.section6 #pardot-iframe {
		height: 1050px;
	}
}
@media (max-width: 575px) {
	.section6 #pardot-iframe {
		height: 1100px;
	}
}
.section6 .table4 {
	width: 100%;
}
.section6 .table4 th {
	background-color: #fde4c7;
	border-bottom: 2px solid #000000;
	font-size: 1.5rem;
	padding: 1rem;
}
@media (max-width: 575px) {
	.section6 .table4 th {
		font-size: 1rem;
		padding: 0.5rem;
	}
}
.section6 .table4 tbody tr:nth-child(even) {
	background-color: #dcdcdc;
}
.section6 .table4 tbody tr:nth-child(odd) {
	background-color: #e9e9e9;
}
.section6 .table4 tbody td {
	padding: 2px 10px;
}
@media (max-width: 575px) {
	.section6 .table4 tbody td {
		font-size: 0.8rem;
	}
}
.section6 .table4 tbody td:first-child {
	border-right: 2px solid #000000;
}
.section9 {
	background-color: #036eb5;
}
.section9 .text {
	color: white;
	text-align: center;
}
.section9 .text span {
	border: 2px solid white;
	padding: 15px 60px;
	font-size: 1.5rem;
	font-weight: bold;
}
@media (max-width: 575px) {
	.section9 .text span {
		padding: 7px 31px;
		font-size: 1.3rem;
	}
}
.section9 #pardot-iframe {
	height: 810px;
}
@media (max-width: 991px) {
	.section9 #pardot-iframe {
		height: 1050px;
	}
}
@media (max-width: 575px) {
	.section9 #pardot-iframe {
		height: 1100px;
	}
}
.section7 {
	background: #eb9d3a;
	background: -moz-linear-gradient(90deg, #eb9d3a 0%, #ec9a37 32%, #ff6102 73%);
	background: -webkit-linear-gradient(90deg, #eb9d3a 0%, #ec9a37 32%, #ff6102 73%);
	background: linear-gradient(90deg, #eb9d3a 0%, #ec9a37 32%, #ff6102 73%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eb9d3a", endColorstr="#ff6102", GradientType=1);
}
.section7 .left-side {
	font-size: 1.1rem;
	font-weight: 500;
}
@media (max-width: 575px) {
	.section7 .left-side {
		text-align: center;
		font-size: 1rem;
	}
}
.section7 .link-side a {
	color: white;
	text-decoration: none;
	text-align: center;
	display: block;
	padding: 5px;
	border: 1px solid white;
	border-radius: 20px;
	font-size: 0.9rem;
	position: relative;
	box-sizing: border-box;
}
@media (max-width: 575px) {
	.section7 .link-side a {
		margin-top: 8px;
		border-radius: 4px;
		padding: 3px;
	}
}
.section7 .link-side a::before {
	background-image: url(../img/ico_blank_w.png);
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	background-size: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	right: 18px;
	top: 0;
	bottom: 0;
	margin: auto 0;
}
.section7 .link-side a:hover {
	background-color: rgba(255, 255, 255, 0.2);
}
.section-footer {
	margin-bottom: 8rem;
}
.section-footer .phone {
	font-weight: bold;
	font-size: 1.5rem;
}
.section-footer .phone img {
	width: 1.5rem;
	transform: translateY(-3px);
}
.section-footer .time {
	font-weight: bold;
}
.section-footer .link-side a {
	color: #000;
	text-decoration: none;
	font-weight: 500;
}
.section-footer .link-side a:hover {
	text-decoration: underline;
}
.fixed-footer {
	position: fixed;
	z-index: 12;
	bottom: 0;
	width: 100%;
	background: #1c9937;
}
@media (max-width: 575px) {
	.fixed-footer {
		display: none;
	}
}
.fixed-footer .pill-button {
	background-color: white;
	border-radius: 100px;
	background-color: white;
	border-radius: 100px;
	height: 60px;
	position: relative;
	border: 3px solid #0d1636;
}
@media (max-width: 991px) {
	.fixed-footer .pill-button {
		height: 50px;
	}
}
.fixed-footer .pill-button a {
	color: #0d1636;
	text-decoration: none;
	padding: 10px;
	display: block;
	font-size: 1.3rem;
	font-weight: bold;
}
@media (max-width: 991px) {
	.fixed-footer .pill-button a {
		font-size: 1rem;
		/*padding: 14px 14px 14px 20px;*/
	}
}
.fixed-footer .pill-button a.phone {
	padding: 7px;
	line-height: 19px;
}
.fixed-footer .pill-button a.phone .text1 {
	font-size: 0.9rem;
}
.fixed-footer .pill-button a.phone .text2 {
	font-weight: bold;
}
.fixed-footer .pill-button::after {
	background-image: url(../img/arw4.png);
	content: "";
	display: block;
	width: 12px;
	height: 22px;
	background-size: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	right: 19px;
	top: 0;
	bottom: 0;
	margin: auto 0;
}
.fixed-footer .pill-button::before {
	background-image: url(../img/pill1.png);
	content: "";
	display: block;
	width: 59px;
	height: 59px;
	background-size: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 0;
	bottom: 0;
	margin: auto 0;
}
@media (max-width: 991px) {
	.fixed-footer .pill-button::before {
		width: 49px;
		height: 49px;
	}
}
.fixed-footer .pill-button.pill2::before {
	background-image: url(../img/pill3.png);
}
.fixed-footer .pill-button.pill3::before {
	background-image: url(../img/pill4.png);
}
.fixed-footer .pill-button.pill5::before {
	background-image: url(../img/pill5.png);
}
.fixed-footer .pill-button:hover {
	background-color: #1e60b8;
}
.fixed-footer .pill-button:hover a {
	color: white;
}
.fixed-footer .pill-button:hover::after {
	background-image: url(../img/arw4ho.png);
}
.fixed-footer .pill-button.phone:hover {
	background-color: white;
}
.fixed-footer .pill-button.phone::after {
	background-image: unset;
}
.fixed-footer-sm {
	display: none;
}
@media (max-width: 575px) {
	.fixed-footer-sm {
		display: block;
		position: fixed;
		bottom: 0;
		width: 100%;
		font-weight: bold;
		z-index: 12;
	}
	.fixed-footer-sm .bg-orange {
		background-color: #e75a24;
	}
	.fixed-footer-sm .text1 {
		font-size: 0.8rem;
	}
	.fixed-footer-sm .text2 {
		font-size: 1.2rem;
	}
	.fixed-footer-sm .bg-blue {
		background-color: #6288d1;
		font-size: 3.8vw;
		color: #ffffff !important;
		padding: 6px 0;
		border: 2px solid #0d1636;
	}
}
.layerletf {
	overflow: hidden;
	position: absolute;
	height: 100%;
	width: 50%;
	left: 0;
	top: 0;
	background: #79cffa;
	background: -moz-linear-gradient(-131deg, #79cffa 0%, #74c5ff 17%, #0c67da 100%);
	background: -webkit-linear-gradient(-131deg, #79cffa 0%, #74c5ff 17%, #0c67da 100%);
	background: linear-gradient(-131deg, #79cffa 0%, #74c5ff 17%, #0c67da 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#79cffa", endColorstr="#0c67da", GradientType=1);
}
.layerletf img {
	position: absolute;
	right: 0;
	mix-blend-mode: color-burn;
}
.layerright {
	overflow: hidden;
	position: absolute;
	height: 100%;
	width: 50%;
	right: 0;
	top: 0;
	background: #eb9d3a;
	background: -moz-linear-gradient(90deg, #eb9d3a 0%, #ec9a37 32%, #ff6102 73%);
	background: -webkit-linear-gradient(90deg, #eb9d3a 0%, #ec9a37 32%, #ff6102 73%);
	background: linear-gradient(90deg, #eb9d3a 0%, #ec9a37 32%, #ff6102 73%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eb9d3a", endColorstr="#ff6102", GradientType=1);
}
.layerright img {
	position: absolute;
	left: 0;
	mix-blend-mode: color-burn;
}
.whiteGradient {
	background: white;
	background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 15%, white 85%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 15%, white 85%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 15%, white 85%, rgba(255, 255, 255, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
}
.blow-text .blue-section .text {
	background: #79cffa;
	background: -moz-linear-gradient(90deg, #79cffa 0%, #74c5ff 17%, #0c67da 100%);
	background: -webkit-linear-gradient(90deg, #79cffa 0%, #74c5ff 17%, #0c67da 100%);
	background: linear-gradient(90deg, #79cffa 0%, #74c5ff 17%, #0c67da 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#79cffa", endColorstr="#0c67da", GradientType=1);
	width: fit-content;
	font-size: 1.7rem;
	padding: 18px 4px;
	font-weight: bold;
}
@media (max-width: 575px) {
	.blow-text .blue-section .text {
		font-size: 3.2vw;
		padding: 7px 2px;
		box-shadow: 0px 2px 0px #00338d;
	}
}
.blow-text .blue-section .text span {
	color: #1e60b8;
	padding: 15px 30px;
}
@media (max-width: 575px) {
	.blow-text .blue-section .text span {
		padding: 5px 15px;
	}
}
.blow-text .blue-section .text:hover {
	box-shadow: 0px 5px 0px #00338d;
}
.blow-text .red-section .text {
	background: #eb9d3a;
	background: -moz-linear-gradient(-90deg, #eb9d3a 0%, #ec9a37 32%, #ff6102 73%);
	background: -webkit-linear-gradient(-90deg, #eb9d3a 0%, #ec9a37 32%, #ff6102 73%);
	background: linear-gradient(-90deg, #eb9d3a 0%, #ec9a37 32%, #ff6102 73%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eb9d3a", endColorstr="#ff6102", GradientType=1);
	width: fit-content;
	font-size: 1.7rem;
	padding: 18px 4px;
	font-weight: bold;
}
@media (max-width: 575px) {
	.blow-text .red-section .text {
		font-size: 3.2vw;
		padding: 7px 2px;
		box-shadow: 0px 2px 0px #d52a02;
	}
}
.blow-text .red-section .text span {
	color: #ee711e;
	padding: 15px 30px;
}
@media (max-width: 575px) {
	.blow-text .red-section .text span {
		padding: 5px 15px;
	}
}
.blow-text .red-section .text:hover {
	box-shadow: 0px 5px 0px #d52a02;
}
.ylw-btn {
	padding: 6px 20px;
	background-color: #ffff00;
	color: #0d1636;
	border: 2px solid #0d1636;
	font-size: 1.5rem;
	font-weight: 600;
}
.ylw-btn:hover {
	border-bottom: 5px solid #0d1636;
	color: #0d1636;
}
@media (max-width: 575px) {
	.ylw-btn {
		font-size: 3.2vw;
	}
}
#heading1, #heading2 {
	background-color: #0d1636;
	text-align: center;
}
#heading1 img, #heading2 img {
	padding: 2.5rem 1rem;
	width: 60%;
}
@media (max-width: 575px) {
	#heading1 img, #heading2 img {
		padding: 1.75rem 1rem;
		width: 90%;
	}
}
.menu1 {
	color: #00abef;
	text-decoration: none;
}
@media (max-width: 575px) {
	.menu1 {
		text-decoration: underline;
	}
}
.menu1:hover {
	color: #00abef;
	text-decoration: underline;
}
.menu2 {
	margin-left: 2%;
	color: #f6921e;
	text-decoration: none;
}
@media (max-width: 575px) {
	.menu2 {
		text-decoration: underline;
	}
}
.menu2:hover {
	color: #f6921e;
	text-decoration: underline;
}
.menu3 {
	margin-left: 2%;
	color: #ffffff;
	text-decoration: none;
}
.menu3:hover {
	color: #ffffff;
	text-decoration: underline;
}
.menu4 {
	margin-left: 2%;
	background-color: #ffff00;
	color: #0d1636;
	padding: 1px 10px;
	text-decoration: none;
}
.menu4:hover {
	color: #0d1636;
	text-decoration: underline;
}
@media (max-width: 575px) {
	.menuu {
		font-size: 2.9vw;
		margin: 3px;
	}
}
#double {
	background-image: url(../img/bg-sm-11.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
@media (min-width: 577px) {
	.toprightperson, .topleftperson {
		height: 320px;
	}
}
@media (min-width: 769px) {
	.toprightperson, .topleftperson {
		height: 426.5px;
	}
}
@media (min-width: 993px) {
	.toprightperson, .topleftperson {
		height: 569px;
	}
}
@media (min-width: 1201px) {
	.toprightperson, .topleftperson {
		height: 675.5px;
	}
}
@media (min-width: 1401px) {
	.toprightperson, .topleftperson {
		height: 783px;
	}
}
/*# sourceMappingURL=main.css.map */
/* 20221128追加 */
.sp {
	display: none;
}
.blue-img-10 {
	width: 30%;
	margin-top: -30px;
	margin-left: -30px;
}
@media (max-width: 575px) {
	.sp {
		display: block;
	}
	.blue-img-10 {
		width: 120px;
		margin-top: -15px;
	}
}
/* バナー削除によるレイアウト崩れ修正 20230101追加 */
.top-kv-blue .layer1 {
	top: -70%;
	left: -52%;
}
.top-kv-blue .layer2 {
	top: 0px;
	height: 100%;
}
/* MV変更 20230320 */
.mv {
	width: 100%;
	height: 600px;
	background-image: url("../img/mv.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right bottom;
	position: relative;
}
.mv_left .subtitle {
	width: 45%;
	max-width: 690px;
	position: absolute;
	top: 30px;
	left: 0;
}
.mv_left .title {
	width: 40%;
	max-width: 650px;
	position: absolute;
	top: 230px;
	left: 60px;
}
.mv_right {
	display: flex;
	position: absolute;
	bottom: 30px;
	right: 30px;
}
.mv_right .point01 {
	width: 120px;
	margin-right: 15px;
}
.mv_right .point02 {
	width: 120px;
	margin-right: 15px;
}
.mv_btn {
	position: absolute;
	bottom: 30px;
	left: 30px;
}
.mv_btn a {
	width: 500px;
	height: 60px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-radius: 30px;
	display: block;
	color: #fff;
	font-size: 26px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
.mv_btn a.btn_dl {
	background-color: #1c9937;
	border: 3px solid #0a8024;
	margin-bottom: 15px;
}
.mv_btn a.btn_confirm {
	background-color: #ea7521;
	border: 3px solid #d15c08;
	margin-bottom: 15px;
}
.mv_btn a:hover {
	color: #fff;
	opacity: 0.8;
}
.header {
	padding: 15px 30px;
}
.header-block {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header-block .logo-block img {
	height: 40px;
}
.header-block .logo-block p {
	display: none;
}
.header-menu {
	display: flex;
	justify-content: center;
}
.header-menu a {
	padding: 30px 30px 0;
	font-size: 18px;
	color: #fff;
	text-decoration: none;
}
.header-block .contact-block {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.header-block .contact-block a {
	width: 180px;
	height: 36px;
	border-radius: 18px;
	font-size: 15px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	line-height: 32px;
	display: inline-block;
	margin-right: 15px;
}
.header-block .contact-block a:hover {
	opacity: 0.8;
	background-color: rgba(255, 255, 255, 0.19);
}
.header-block .contact-block a:hover {
	color: #fff;
	opacity: 0.8;
}
.header-block .contact-block a.tel, .header-block .contact-block a.contact {
	border: 2px solid #fff;
}
.header-block .contact-block a.estimate {
	border: 2px solid #d15c08;
	background-color: #ea7521;
	margin-right: 0;
}
.header-block .contact-block .tel img {
	width: 16px;
	height: auto;
	margin-right: 5px;
}
.header-block .contact-block .contact img {
	width: 18px;
	height: auto;
	margin-right: 5px;
}
.header-block .contact-block p {
	color: #fff;
	margin-bottom: 0;
	margin-right: 20px;
}
@media (max-width: 768px) {
	.header-block {
		flex-direction: column;
	}
	.header-block .contact-block {
		margin-top: 15px;
	}
	.header-block .contact-block a {
		font-size: 13px;
		width: 150px;
	}
	.header-block .contact-block p {
		font-size: 13px;
	}
	.header-menu {
		display: none;
	}
	.mv_left .title {
		top: 215px;
	}
	.mv_right .point01, .mv_right .point02 {
		width: 80px;
	}
	.mv_btn a {
		width: 300px;
		font-size: 18px;
		padding-top: 11px;
		padding-bottom: 11px;
	}
}
@media (max-width: 640px) {
	.header {
		padding: 15px;
	}
	.header-block {
		flex-direction: column;
	}
	.header-block .logo-block {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.header-block .logo-block img {
		height: 30px;
		display: block;
	}
	.header-block .logo-block p {
		color: #fff;
		font-size: 13px;
		margin-bottom: 0;
	}
	.header-block .btn-block {
		width: 100%;
		height: auto;
	}
	.header-block .contact-block {
		width: 100%;
	}
	.header-block .contact-block a {
		width: 32%;
		font-size: 10px !important;
		margin-right: 10px;
	}
	.header-block .contact-block a:last-child {
		margin-right: 0;
	}
	.header-block .contact-block p {
		display: none;
	}
	.mv {
		height: 300px;
	}
	.mv_left .subtitle {
		width: 60%;
		top: 10px;
	}
	.mv_left .title {
		width: 45%;
		top: 100px;
		left: 15px;
	}
	.mv_right {
		bottom: 15px;
		right: 0px;
	}
	.mv_btn {
		position: static;
		background-color: #E3E3E3;
		margin: 0;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.mv_btn a {
		width: 90%;
		margin: 0 auto;
	}
	.mv_btn a:first-child {
		margin-top: 15px;
	}
	.mv_right .point01, .mv_right .point02 {
		width: 50px;
	}
}
/* 20230609 義務化追加 */
.mv_topright .note {
	width: 30%;
	max-width: 690px;
	position: absolute;
	top: 40px;
	right: 80px;
}
@media (max-width: 640px) {
	.mv_topright .note {
		width: 50%;
		top: auto;
		right: auto;
		bottom: 15px;
		left: 15px;
	}
}
/* 20230609 キャンペーン */
.campaign {
	padding: 30px 15px;
	background-color: #f5f5f5;
	position: relative;
	text-align: center;
}
.campaign .campaign_subtitle {
	margin-bottom: 0.5em;
	color: red;
	font-size: 24px;
}
.campaign h5 {
	margin-bottom: 50px;
	display: inline;
	color: #FF0004;
	border-bottom: double;
	font-size: 40px;
}
.campaign p {
	margin-top: 40px;
	margin-bottom: 40px;
	font-size: 20px;
}
.campaign a {
	padding: 7px 70px;
	display: inline-block;
	border: 3px solid #0d1636;
	border-radius: 30px;
	font-size: 20px;
	color: #0d1636;
	text-decoration: none;
	font-weight: bold;
	background-color: #fff;
}
.campaign a:hover {
	color: #fff;
	background-color: #1e60b8;
}
@media (max-width: 575px) {
	.campaign .campaign_subtitle {
		font-size: 16px;
	}
	.campaign h5 {
		font-size: 26px;
		line-height: 1.5;
	}
	.campaign p {
		font-size: 16px;
	}
}
/* MEテック使用動画 20230609追加 */
.howto5 {
	width: 75%;
	max-width: 700px;
	margin: 0 auto 60px;
}
.howto5 h5 {
	margin-top: 30px;
	text-align: center;
}
.howto5 video {
	width: 100%;
	margin-top: 20px;
	border: 1px solid #ccc;
}
@media (max-width: 575px) {
	.howto5 {
		width: 95%;
		margin-bottom: 30px;
	}
	.howto5 h5 {
		font-size: 16px;
	}
}
/* フローティングバナー 20230707 */
.floating-banner {
	position: fixed;
	right: 20px;
	bottom: 120px;
	z-index: 10;
	display: none;
}
.floating-banner:hover {
	opacity: 0.8;
}
.floating-banner a {
	text-decoration: none;
	color: #0d1636;
}
.floating-banner_img {
	padding: 15px;
	text-align: center;
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
}
.floating-banner_img img {
	width: 280px;
	height: auto;
}
.floating-banner_img p {
	padding-top: 10px;
	margin-bottom: 0;
	position: relative;
}
.floating-banner_img p::after {
	background-image: url(../img/arw4.png);
	content: "";
	display: block;
	width: 6px;
	height: 11px;
	background-size: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	right: 45px;
	bottom: 5px;
	margin: auto 0;
}
.banner-close {
	font-weight: bold;
	position: absolute;
	top: -15px;
	right: -15px;
	z-index: 11;
	padding: 4px 8px;
	border: none;
	background-color: #f8f8f8;
	border-radius: 25px;
	cursor: pointer;
	-webkit-box-shadow: 0 0 7px rgb(0 0 0 / 40%);
	box-shadow: 0 0 7px rgb(0 0 0 / 40%);
}
.section-footer {
	height: 370px;
}
@media (max-width: 575px) {
	.floating-banner {
		bottom: 70px;
	}
	.floating-banner img {
		width: 200px;
	}
	.banner-close {
		padding: 0px 4px;
		top: -10px;
		right: -10px;
	}
	.section-footer {
		height: 400px;
	}
}
/* キャンペーン情報の更新 20230707 */
.strong {
	font-weight: bold;
}
.bottom-line {
	background: linear-gradient(transparent 50%, #feff00 50%);
}
/* キャンペーン情報の更新 20230829 */
.campaign_box {
	width: 570px;
	margin: 50px auto 30px;
	padding: 20px;
	border: 1px solid;
	text-align: left;
	color: #0d1636;
}
.campaign_box_title {
	border-bottom: dotted 2px;
	display: inline-block;
	padding-bottom: 5px;
}
.campaign_box p {
	margin-top: 0;
	margin-bottom: 0;
}
.campaign_box ul {
	margin-top: 1rem;
	list-style-type: none;
	padding-left: 1em;
	font-size: 20px;
	font-weight: bold;
}
.campaign_manga p {
	width: 570px;
	margin: 0 auto 30px;
	;
	text-align: left;
}
.campaign_manga_image {
	width: 800px;
	margin: 0 auto 60px;
}
.campaign_manga_image p {
	width: 800px;
	margin-top: 50px;
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
.campaign_manga_image img {
	width: 100%;
	height: auto;
}
@media (max-width: 991px) {
	.campaign_manga_image {
		width: 100%;
	}
}
@media (max-width: 575px) {
	.campaign_box {
		width: 100%;
	}
	.campaign_manga p {
		width: 100%;
	}
	.campaign_manga_image p {
		font-size: 16px;
	}
}
.hojojosei_block h1 {
	margin-bottom: 0.8em;
}
.hojojosei_block p {
	font-weight: normal;
	font-size: 20px;
	line-height: normal;
}
.hojojosei_box {
	background-color: #fff;
	box-shadow: 6px 6px 6px 0 rgba(0, 0, 0, 0.16);
	padding: 24px 30px;
	margin: 65px auto 0;
	max-width: 990px;
}
.hojojosei_box .inner {
	display: inline-block;
	margin: 0 auto;
}
.hojojosei_box h2 {
	border-bottom: 1px solid #0d1636;
	font-size: 30px;
	font-weight: 600;
	padding-bottom: 20px;
}
.hojojosei_box p.note {
	font-feature-settings: "palt";
	font-size: 18px;
	line-height: 1.5;
	margin: 20px auto 50px;
	text-align: left;
}
.hojojosei_block figure img {
	height: auto;
	margin-bottom: 25px;
	max-width: 680px;
	width: 100%;
}
.hojojosei_btn {
	align-items: center;
	border-radius: 25px;
	border: solid 3px #0d1636;
	color: inherit;
	display: inline-flex;
	line-height: 1.1;
	justify-content: center;
	padding: 11px 55px 11px 30px;
	margin-top: 50px;
	max-width: 100%;
	position: relative;
	text-decoration: none;
	width: 300px;
}
.hojojosei_btn .text {
	font-size: 20px;
	margin: 0 auto;
}
.hojojosei_btn .icon {
	background: url(../img/ico_blank_b.png) left top / 100% 100% no-repeat;
	bottom: 0;
	height: 24px;
	margin: auto;
	position: absolute;
	right: 30px;
	top: 0;
	width: 24px;
}
.hojojosei_btn:hover {
	color: #fff;
	background-color: #1e60b8;
}
.hojojosei_btn:hover .icon {
	background: url(../img/ico_blank_w.png) left top / 100% 100% no-repeat;
}
@media (max-width: 575px) {
	.hojojosei_block p {
		font-size: 16px;
	}
	.hojojosei_box {
		margin-top: 3em;
		padding: 25px 5% 30px;
	}
	.hojojosei_box .inner {
		width: 94%;
	}
	.hojojosei_box h2 {
		font-size: 24px;
		padding-bottom: 0.5em;
	}
	.hojojosei_box p.note {
		font-size: 14px;
		margin: 0.5em auto 2em;
	}
	.hojojosei_block figure img {
		margin-bottom: 1em;
	}
	.hojojosei_btn {
		margin-top: 1em;
	}
}
/* 20231013 ボタンの文言変更 */
.text-dot01 {
	font-size: 110%;
	padding-right: 0.125em;
	padding-left: 0.125em;
	padding-top: .25em;
	background-position: top left 5px;
	background-repeat: repeat-x;
	background-size: 1em .5em;
	background-image: radial-gradient(.15em .15em at center center, yellow, yellow 100%, transparent);
}
.text-dot02 {
	font-size: 110%;
	padding-right: 0.125em;
	padding-left: 0.125em;
	padding-top: .25em;
	background-position: top left 8px;
	background-repeat: repeat-x;
	background-size: 1em .5em;
	background-image: radial-gradient(.15em .15em at center center, orange, orange 100%, transparent);
}
@media (max-width: 768px) {
	.text-dot02 {
			background-position: top left 6px;
	}
}
.text-orange {
	color: orange;
	font-size: 110%;
	padding-right: 0.125em;
	padding-left: 0.125em
}
/* 20231108 機能紹介 */
.block20231108 p {
	width: 90%;
	margin: 0 auto;
	text-align: center;
}
.block20231108_box {
	width: 80%;
	margin: 30px auto;
	border: 1px solid ;
	padding: 20px;
}
.block20231108_box p {
	text-align: left;
}
.block20231108_box p span {
	display: inline-block;
	margin-bottom: 0.5em;
	border-bottom: 1px solid;
}
@media (max-width: 768px) {
	.block20231108_box {
		width: 90%;
	}
}
@media (max-width: 575px) {
	.block20231108 p {
		width: 100%;
	}
	.block20231108_box {
		width: 100%;
	}
}
/* 20231220 MV下キャンペーン告知エリア */
.announce_area {
	position: relative;
	text-align: center;
}
.announce_area img {
	width: 100%;
	max-width: 1000px;
	display: block;
	margin: 0 auto;
}
.announce_area h5 {
	margin-bottom: 20px;
	display: inline;
	color: #0d1636;
	border-bottom: double;
	font-size: 26px;
}
.announce_area a {
	padding: 7px 70px;
	display: inline-block;
	border: 3px solid #0d1636;
	border-radius: 30px;
	font-size: 20px;
	color: #0d1636;
	text-decoration: none;
	font-weight: bold;
	background-color: #fff;
}
@media (max-width: 575px) {
	.announce_area h5 {
		font-size: 20px;
		line-height: 1.5;
	}
}
/* 20240125 アナウンスエリア下ウェビナーリンクの追加 */
.announce_area_webiner {
	margin-top: 60px;
}
.announce_area_webiner_btn {
	margin-top: 30px;
}
@media (max-width: 575px) {
	.announce_area_webiner_btn a {
		padding-right: 0;
		padding-left: 0;
		width: 90%!important;
	}
}
/* 20240304 アナウンスエリアタイトル変更　画像からテキストへ */
.announce_subtitle {
	padding-top: 30px;
	color: red;
	font-size: 30px!important;
	font-weight: bold;
}
@media (max-width: 575px) {
	.announce_subtitle {
		font-size: 24px!important;
}
}
/* 20240613 キャンペーン削除に伴うCSS修正 */
.announce_area_webiner {
	margin-top: 40px;
}