<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

/*----- 固定ボタン -----*/

.fixed_box {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #09f;
	font-weight: 600;
	writing-mode: vertical-rl;
	white-space: nowrap;
	background: #fff;
	border-top: solid #09f 6px;
	border-left: solid #09f 6px;
	border-bottom: solid #09f 6px;
	border-radius: 10px 0 0 10px;
	box-shadow: -2px 2px 5px 0 rgba(0, 0, 0, 20%);
	position: fixed;
	bottom: 10%;
	right: 0;
	z-index: 3;
	padding: 40px 10px;
	transition: 0.3s;
}

.fixed_box span {
	font-size: 1.9rem;
}

.fixed_box:hover {
	color: #09f;
	opacity: 0.3;
	padding: 40px 20px 40px 10px;
}

.fixed_box img {
	width: 100%;
	max-width: 20px;
}

.fixed_btn,
.fixed_btn_mitumori {
	background: #09f;
}

.fixed_btn {
	bottom: 110px;
}

.fixed_btn_mitumori {
	bottom: 180px;
}



/*----- 固定ボタンここまで -----*/
.joint {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 90px;
	position: relative;
	margin: 15px auto 30px;
}

.joint::before {
	content: "";
	width: 3px;
	height: 40px;
	background: #000;
	transform: rotate(45deg);
	position: absolute;
}

.joint::after {
	content: "";
	width: 3px;
	height: 40px;
	background: #000;
	transform: rotate(-45deg);
	position: absolute;
}
.joint img {
	width: 100%;
}

.joint a:nth-of-type(1) img {
	max-width: 250px;
}

.joint a:nth-of-type(2) img {
	max-width: 230px;
}
.caution {
	font-size: 1.1rem;
	text-align: center !important;
	display: block !important;
}



.for-pc {
	display: block;
}

.for-sp {
	display: none;
}

.sti_bnr_h01:hover{
	opacity:0.7;
}

@media screen and (max-width: 1024px) {
	.for-pc {
		display: none;
	}

	.for-sp {
		display: block;
	}
}

.wrapper {
	width: 100% !important;
	box-sizing: border-box !important;
	overflow: hidden !important;
}

.inner {
	padding: 60px 30px !important;
}

.inner_bottom_0 {
	padding: 60px 30px 0px !important;
}

.inner_bottom {
	padding: 60px 30px 60px;
}

.inner_end {
	padding: 60px 30px 100px;
}

.full-width a {
	transition: 0.3s;
}

.full-width a:hover {
	opacity: 0.3;
}

/*
.full-width ul li {
	list-style: disc;
	line-height: 1.5;
	margin: 0 0 10px 2rem;
}

.full-width ul li:last-of-type {
	margin: 0 0 0 2rem;
}
*/

/*
.hero_box h1 {
		font-size: 5rem;
		line-height: 1.3em;
		text-align: center !important;
		vertical-align: middle !important;
		margin: 100px 30px 0px !important;
}
*/

.hero_top_img {
	filter: drop-shadow(5px 5px 5px #aaa);
}

.main_title {
	width: fit-content;
	font-size: 3rem;
	text-align: center;
	line-height: 1.5;
	margin: 0 auto 50px;
}

header {
	background: #fff;
	padding: 10px 30px;
}

header img {
	width: 100%;
	max-width: 120px;
}


.hero_box {
	display: flex;
	justify-content: center;
	position: relative;
}

.hero_box &gt; div:nth-of-type(1) {
	position: absolute;
	bottom: 40px;
	z-index: 2;
}

.hero_box &gt; div:nth-of-type(1) img {
	width: 100%;
	max-width: 800px;
	padding: 100px 0 0 7px;
}

.hero_box &gt; div:nth-of-type(2) {
	position: relative;
	z-index: 1;
}

.hero_box &gt; div:nth-of-type(2) img {
	width: 100%;
	max-width: 1200px;
	/*h1の画像の位置↓margin-bottomを調整*/
	margin: -0px auto 300px;
}

.intro_box p.intro_p_01 {
	width: 90%;
	align-items: center;
	text-align: center;
	font-size: 2em;
	line-height: 1.3;
	position: relative;
	margin: -10px auto 35px;
	font-weight: 700;
}

.intro_box p.intro_p_01 span {
	font-size: 1.3em;
	background: linear-gradient(transparent 60%, #ff6 60%);
	font-weight: 700;
}

.intro_box p.intro_p_02 {
	width: 90%;
	align-items: center;
	font-size: 1.1em;
	position: relative;
	margin: 10px auto 10px;
}

.intro_box &gt; p span.intro_box_p02 {
	display: block;
	text-align: right !important;
	font-size: 0.8em;
	margin-top: 20px;
}

/*
.intro_box &gt; p::before {
	content: "｜";
	font-size: 25rem;
	font-weight: normal;
	position: absolute;
	left: -70px;
}

.intro_box &gt; p::after {
	content: "｜";
	font-size: 25rem;
	font-weight: normal;
	position: absolute;
	right: -70px;
}
*/

.intro_box &gt; h2.main_title {
	margin: 0 auto;
}

.intro_box &gt; h2.main_title img {
	width: 100%;
	max-width: 50px;
	margin: 0 0 20px 0;
}

.intro_box &gt; div:nth-of-type(1) {
	display: grid;
	/*	grid-template-columns: repeat(2, 1fr);*/
	justify-content: center;
	gap: 0 30px;
	margin: 0 auto 30px;
}

.intro_box &gt; div:nth-of-type(1) &gt; div {
	display: flex;
	justify-content: center;
	background: #fff;
	border-radius: 10px;
	box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 30%);
	position: relative;
	padding: 40px 20px 20px;
}

.intro_box &gt; div:nth-of-type(1) &gt; div &gt; div:nth-of-type(1) {
	width: 100%;
	max-width: 250px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #333;
	text-align: center;
	font-weight: bold;
	background: #fbca00;
	border-radius: 10px 10px 0 0;
	position: absolute;
	top: -20px;
	line-height: 1.2em;
}

.intro_box &gt; div:nth-of-type(1) &gt; div &gt; div:nth-of-type(2) {
	display: flex;
	gap: 20px 30px;
}

.intro_box &gt; div:nth-of-type(1) &gt; div &gt; div &gt; div:nth-of-type(1) p:nth-of-type(2) {
	margin: 0 0 10px;
}

.intro_box &gt; div:nth-of-type(1) &gt; div &gt; div &gt; div:nth-of-type(1) img {
	width: 350px;
	object-fit: contain;
}

.intro_box &gt; div:nth-of-type(1) &gt; div:nth-of-type(1) &gt; div &gt; div:nth-of-type(1) img {
	max-width: 350px;
}

.intro_box &gt; div:nth-of-type(1) &gt; div &gt; div &gt; div:nth-of-type(2) {
	width: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f1f1f1;
	border-radius: 10px;
	padding: 20px;
}

.intro_box &gt; div:nth-of-type(1) &gt; div &gt; div &gt; div:nth-of-type(2) img {
	width: 100%;
	height: 100px;
	object-fit: contain;
}

/*
.intro_box &gt; div:nth-of-type(1) &gt; div &gt; div &gt; div:nth-of-type(1) a {
	color: #485058;
	border-bottom: 1px solid;
}
*/

.intro_box &gt; div:nth-of-type(1) &gt; div &gt; div &gt; div:nth-of-type(1) a:hover {
	/*	color: #485058;*/
}

.intro_box &gt; div:nth-of-type(2) {
	display: flex;
	flex-flow: column;
	align-items: center;
	background: #fff;
	border: 2px solid #133aa9;
	border-radius: 10px;
	padding: 30px;
	margin: auto auto 20px;
}

.intro_box &gt; div:nth-of-type(2) &gt; div:nth-of-type(1) {
	width: fit-content;
	/*	margin: 0 auto 30px;*/
}

.intro_box &gt; div:nth-of-type(2) &gt; div:nth-of-type(1) &gt; img {
	width: 100%;
	max-width: 600px;
	display: block;
	margin: 0 auto 30px;
}

.intro_box &gt; div:nth-of-type(2) &gt; div:nth-of-type(1) &gt; p:nth-of-type(1),
.intro_box &gt; div:nth-of-type(2) &gt; div:nth-of-type(1) &gt; p:nth-of-type(2) {
	margin: 0 0 10px;
}

.intro_box &gt; div:nth-of-type(2) &gt; div:nth-of-type(2) {
	width: fit-content;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 10px 30px;
	margin: 0 auto;
}

.intro_box &gt; div:nth-of-type(2) &gt; div:nth-of-type(2) &gt; div:nth-of-type(2) {
	text-align: center;
}

.intro_box &gt; div:nth-of-type(2) &gt; div:nth-of-type(2) img {
	width: 100%;
	max-width: 200px;
}

.intro_box &gt; div:nth-of-type(2) &gt; div:nth-of-type(2) p {
	font-weight: bold;
	margin: 0 0 10px;
}

.intro_box &gt; div:nth-of-type(2) &gt; div:nth-of-type(2) a {
	min-width: 250px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: #333;
	border-radius: 20px;
	position: relative;
}

.intro_box &gt; div:nth-of-type(2) &gt; div:nth-of-type(2) a::after {
	content: "\f019";
	font-family: Font Awesome\ 5 Free;
	font-weight: 600;
	margin: 0 0 0 10px;
}

.intro_box &gt; div:nth-of-type(3) {
	height: fit-content;
	display: flex;
	justify-content: center;
	position: relative;
	margin: 0 0 90px;
}

.intro_box &gt; div:nth-of-type(3) &gt; p:nth-of-type(1) {
	color: #fff;
	font-weight: bold;
	text-align: center;
	position: absolute;
	top: -28px;
	z-index: 2;
	background: #333;
	border-radius: 18px;
	padding: 5px 10px;
	margin: 0 140px 0 0;
}

.intro_box &gt; div:nth-of-type(3) &gt; p:nth-of-type(2) {
	width: 100%;
	max-width: 400px;
	color: #333;
	font-size: 3rem;
	font-weight: bold;
	text-align: center;
	position: absolute;
	background: #fbca00;
	clip-path: polygon(5% 0%, 100% 0%, 100% 0%, 95% 100%, 0% 100%, 0% 100%);
	padding: 15px 10px 10px;
}

.intro_box &gt; div:nth-of-type(3) &gt; p:nth-of-type(2) span {
	font-size: 2rem;
	font-weight: normal;
}


p.btn_f_p01 {
	position: relative;
	/*
	padding-left: 267px;
	*/
	font-size: 1.8rem;
	margin: 20px auto 20px !important;
	text-align: center;
	display:flex;
	justify-content:center;
}

p.btn_f_p01:before {
	position: absolute;
	font-family: "Font Awesome 5 Free";
	content: "\f0eb";
	background: #ffca2c;
	color: white;
	font-weight: 900;
	font-size: 15px;
	border-radius: 50%;
	left: 272px;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	margin: 0 auto;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

p.btn_f_p01:after {
  /*吹き出しのちょこんと出た部分*/
	content: '';
	display: block;
	position: absolute;
	left: 292px;
	height: 0;
	width: 0;
	text-align: center;
	margin: 0 auto;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 12px solid #ffca2c;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.btn_f_p01_111 {
  display: flex;
/*
  justify-content: center;
  align-items: center;
*/
  position: relative;
}
 
.btn_f_p01_111::before,
.btn_f_p01_111::after {
  content: "";
  width: 25px;
  height: 1px;
  top: 75%;
  background-color: #000;
  margin: 11px 35px 0px 0px;
}
 
.btn_f_p01_111::before {
  transform: rotate(45deg);
}
 
.btn_f_p01_111::after {
  transform: rotate(-45deg);
}

a.btn_f {
	width: 100%;
	max-width: 510px;
	min-height: 65px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	background: #09f;
	border-bottom: 0;
	border-radius: 18px;
	padding: 10px;
	margin: 0 auto;
}

a.btn_f p {
	font-size: 2rem;
	text-align: center;
}

a.btn_f p span {
	font-size: 2.7rem;
}


@media screen and (max-width: 1023px) {
	p.btn_f_p01 {
	position: relative;
	font-size: 1.8rem;
	margin: 20px auto 20px !important;
	text-align: center;
}

	p.btn_f_p01:before {
	position: absolute;
	font-family: "Font Awesome 5 Free";
	content: "\f0eb";
	background: #ffca2c;
	color: white;
	font-weight: 900;
	font-size: 15px;
	border-radius: 50%;
	left: 50%;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	margin: 0 auto;
	top: 50%;
/*
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
*/
	-webkit-transform: translate(-800%, -50%);
	transform: translate(-800%, -50%);
}

	p.btn_f_p01:after {
  /*吹き出しのちょこんと出た部分*/
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	height: 0;
	width: 0;
	text-align: center;
	margin: 0 auto;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 12px solid #ffca2c;
	top: 50%;
	-webkit-transform: translate(-800%, -50%);
	transform: translate(-1500%, -50%);
}
}
@media screen and (max-width: 1024px) {
	.btn_f_p01_111 {
  display: flex;
/*
  justify-content: center;
  align-items: center;
*/
  position: relative;
}
 
	.btn_f_p01_111::before,
	.btn_f_p01_111::after {
  content: "";
  width: 25px;
  height: 1px;
  top: 75%;
  background-color: #000;
  margin: 11px 35px 0px 0px;
}
 
	.btn_f_p01_111::before {
  transform: rotate(45deg);
}
 
	.btn_f_p01_111::after {
  transform: rotate(-45deg);
}
}


@media screen and (max-width: 767px) {
.sti_bnr_h01{
	max-width: 220px !important;
}
.sti_bnr_h01 img{
	width:100% !important;
}
	p.btn_f_p01 {
	position: relative;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	font-size: 1.5rem;
	padding-left: 0px !important;
	margin: 20px auto !important;
	}
	
	.btn_f_p01::before,
	.btn_f_p01::after{
	content: none !important;
	}
	
	.btn_f_p01_111 {
	justify-content: center !important;
	align-items: center !important;
	text-align: center !important;
	margin: 0 auto !important;
	position: relative;
	}
	
	.btn_f_p01_111::before,
	.btn_f_p01_111::after {
	content: "";
	width: 23px;
	height: 1px;
	top: 75%;
	background-color: #000;
	margin: 0px;
}
 
	.btn_f_p01_111::before {
	transform: rotate(45deg);
}
 
	.btn_f_p01_111::after {
	transform: rotate(-45deg);
}
}

/*----- ↓↓ ボタン２個バージョン ↓↓-----*/
/*
.btn_l{
	max-width: 300px !important;
	height: 60px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #fff !important;
	font-size: 1.6rem !important;
	font-weight: bold !important;
	background: #09f !important;
	position: relative !important;
	padding: 20px !important;
    margin-left: 80px;
}

.btn_l a{
	max-width: 300px !important;
	height: 60px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #fff !important;
	font-size: 1.6rem !important;
	font-weight: bold !important;
	background: #09f !important;
	position: relative !important;
	padding: 20px !important;
}
*/

/*
.btn_l a:hover{
	max-width: 300px !important;
	height: 60px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #fff !important;
	font-size: 1.6rem !important;
	font-weight: bold !important;
	background: #fff !important;
	border: solid 1px #09f;
	border-radius: 30px !important;
	position: relative !important;
	padding: 20px !important;
}
*/

.btn_r {
	max-width: 300px !important;
	height: 60px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #fff !important;
	font-size: 1.6rem !important;
	font-weight: bold !important;
	background: #0abfae !important;
	/*	border-radius: 30px !important;*/
	position: relative !important;
	padding: 20px !important;
	margin-left: 50px;
}

.btn_r a {
	max-width: 300px !important;
	height: 60px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #fff !important;
	font-size: 1.6rem !important;
	font-weight: bold !important;
	background: #0abfae !important;
	/*	border-radius: 30px !important;*/
	position: relative !important;
	padding: 20px !important;
}

/*
.btn_r a:hover{
	max-width: 300px !important;
	height: 60px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #fff !important;
	font-size: 1.6rem !important;
	font-weight: bold !important;
	background: #fff !important;
	border: solid 1px #00863C;
	border-radius: 30px !important;
	position: relative !important;
	padding: 20px !important;
}
*/

.intro_box &gt; a span:nth-of-type(2) {
	font-size: 2rem;
}

/*
.eraberu_box &gt; h2 span {
	color: #00863C;
}
*/

.eraberu_box &gt; h2 span:nth-of-type(1) {
	font-size: 5rem;
}

.eraberu_box_000{
	margin: 0 auto 60px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 60px 25px;
}
.eraberuUl {
	gap: 1px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
}
.eraberuUl li {
	line-height: 0;
}
.eraberuUl img {
	width: 50px;
}
.eraberu_box .eraberu_box_111 a:link {
	width: fit-content;
	display: block;
	color: #000;
	position: relative;
	margin: auto auto 30px 160px;
}

.eraberu_box .eraberu_box_111 a:hover {
	color: #000;
}

.eraberu_box .typeTxt{
	font-weight: 600;
	color: #fff;
	font-size: 1.8rem;
	background: #133aa9;
	padding: 1em ;
	margin: 0 auto 30px;
	width:95%;
	max-width: 87vw;
}
.eraberu_box .typeTxt2{
	font-weight: 600;
	color: #fff;
	font-size: 1.8rem;
	background: #133aa9;
	padding: 1em ;
	margin: 0 auto 30px;
	width:100%;
}


.eraberu_box_111 a {
	margin: 0 auto !important;
	border:1px solid #ccc;
	border-radius: 10px;
	background:#fff;
	width:100% !important;
	box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 30%);

}
.drop .eraberu_box_111 a:hover {
  transform: translateY(-10px);
	cursor: pointer;
}


.eraberu_box .eraberu_box_h3Box {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: #485058;
	border-radius: 10px 10px 0 0;
	position: relative;
}

.drop .eraberu_box .slider01 {
	width: 100%;
	object-fit: contain;
	margin: 0 0 10px;
	display: flex;
	flex-flow: column;
}

.eraberu_box .eraberu_box_c {
	display: flex;
	flex-flow: column;
	align-items: center;
	background: #fff;
	border-radius: 0 0 10px 10px;
	padding: 20px 0;
}
.eraberu_box.slider01 {
	width: 100%;
	height: 300px;
	object-fit: contain;
	margin: 0 0 10px;
	display: flex;
	flex-flow: column;
}
.eraberu_box_222{
	margin: 0 2.5% ;
}


.eraberu_box_p01 {
	width: 100%;
	max-width: 250px;
	display: block;
	text-align: center;
	padding: 3px 10px 5px;
	font-size: 1.2em;
	color: #133aa9;
	font-weight: 800;
	margin: 0 auto 10px;
}
.eraberu_box_111{
	width:90%;
	margin: 0 auto;
	display:grid;
	grid-template-rows:min-content;
}
.eraberu_box_333{
	width:100%;
	margin: 0 auto;
}

/*
.eraberu_box_p01{
	width: 100%;
	max-width: 250px;
	display: block;
	text-align: center;
	background: #9e9e9e1f;
	border-radius: 10px;
	padding: 5px 10px;
	margin: 0 0 20px;
}
*/

.eraberu_box_p02 {
	width: 100%;
	max-width: 250px;
	display: block;
	text-align: center;
	padding: 5px 10px;
	margin: 0 0 20px;
	line-hight: 1.5em !important;
}

.eraberu_box_p02 span.p02_01 {
	width: 100%;
	max-width: 250px;
	display: block;
	text-align: center;
	background: #fff;
	padding: 5px 10px;
}

.eraberu_box_p02 span.p02_02 {
	width: 100%;
	max-width: 250px;
	display: block;
	text-align: center;
	background: #9e9e9e1f;
	padding: 5px 10px;
}

.eraberu_box_p03 {
	width: 100%;
	max-width: 250px;
	display: block;
	text-align: center;
	padding: 3px 10px 0px;
	font-size: 1.2em;
	font-weight: 600;
	margin: 15px auto;
	flex-grow:1;
}

.eraberu_box_p03 span.eraberu_box_p03_s {
	text-align: left;
}

.eraberu_box &gt; div &gt; div &gt; div &gt; div &gt; div {
	display: flex;
	align-items: center;
	gap: 45px;
	margin: 0 0 20px;
}

.eraberu_box &gt; div &gt; div &gt; div &gt; div &gt; div &gt; p:nth-of-type(1) {
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	color: #878484;
	position: relative;
}

.eraberu_box &gt; div &gt; div &gt; div &gt; div &gt; div &gt; p:nth-of-type(1)::after {
	content: '';
	background: #25bd94;
	width: 20px;
	height: 25px;
	clip-path: polygon(0 0, 0 100%, 100% 50%);
	position: absolute;
	right: -35px;
}

.eraberu_box &gt; div &gt; div &gt; div &gt; div &gt; div &gt; p:nth-of-type(1) span {
	font-size: 2rem;
	text-decoration: line-through;
}

.eraberu_box &gt; div &gt; div &gt; div &gt; div &gt; div &gt; p:nth-of-type(2) {
	color: #f24f4f;
	font-size: 8rem;
	font-weight: bold;
	line-height: 1;
}

.eraberu_box &gt; div &gt; div &gt; div &gt; div &gt; div &gt; p:nth-of-type(2) span {
	font-size: 2rem;
}

h2.main_title {
	display: flex;
	align-items: baseline;
	position: relative;
	font-size: 3.5rem;
}

.bg-white {
	background: #fff;
}

h2.main_title span:nth-of-type(1) {
	font-size: 4.5rem;
}

h2.main_title span:nth-of-type(2) {
	font-size: 4.5rem;
}

.software_box &gt; div:nth-of-type(1) {
	display: flex;
	gap: 50px 100px;
	margin: 0 auto 60px;
}

.software_box &gt; div:nth-of-type(1) &gt; div {
	display: flex;
	flex: 1;
	justify-content: center;
	background: #fff;
	border-radius: 10px;
	box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 30%);
	position: relative;
	padding: 40px 20px 40px;
}

.software_box &gt; div:nth-of-type(1) &gt; div img {
	width: 100%;
}


.software_box &gt; div:nth-of-type(1) &gt; div &gt; div:nth-of-type(1) {
	width: 100%;
	max-width: 250px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #333;
	text-align: center;
	font-weight: bold;
	background: #fbca00;
	border-radius: 10px 10px 0 0;
	position: absolute;
	top: -20px;
	line-height: 1.2em;
}

.software_box &gt; div:nth-of-type(2) {
	background: #fff;
	border: 2px solid #133aa9;
	border-radius: 10px;
	box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 30%);
	padding: 30px;
	margin: 0 auto 20px;
}

.software_box &gt; div:nth-of-type(2) &gt; p:nth-of-type(1) {
	margin: 0 0 10px;
}

.strength_box {
	max-width: 900px;
	display: grid;
	align-items: center;
	grid-template-columns: 1fr 1fr;
	gap: 20px 60px;
	margin: 0 auto;
}

.strength_box &gt; div:nth-of-type(1) {
	display: flex;
	flex-flow: column;
	gap: 20px;
}

.strength_box &gt; div:nth-of-type(1) &gt; div &gt; h3 {
	font-size: 2.6rem;
	margin: 0 0 10px;
}

.strength_box &gt; div:nth-of-type(1) &gt; div &gt; h3 span {
	font-size: 3rem;
	color: #133aa9;
	margin: 0 5px 0 0;
}

.strength_box &gt; div:nth-of-type(2) &gt; table {
	background: #133aa9;
	font-weight: 600;
	padding: 20px 15px;
	box-sizing: border-box;
	table-layout: fixed;
	margin: 1vh auto 0;
	font-size: 1.3rem;
	border-collapse: collapse;
	word-break: break-word;
}

.strength_box &gt; div:nth-of-type(2) &gt; table tr:nth-of-type(1) th {
	color: #fff;
	font-size: 1.5rem;
	font-weight: 600;
	background: #133aa9;
	padding: 20px 15px;
	width: 30%;
	border-left: 1px solid #f1f1f1;
}

.strength_box &gt; div:nth-of-type(2) &gt; table tr:nth-of-type(n+2) th {
	background: #e6f5fdad;
	font-weight: 600;
	padding: 20px 15px;
	width: 30%;
	border: 1px solid #f1f1f1;
}

.strength_box &gt; div:nth-of-type(2) &gt; table tr:nth-of-type(n+2) td {
	padding: 20px 15px;
	background: #fff;
	border: 1px solid #e4e4e7;
	border-collapse: collapse;
	word-break: break-word;
	text-align: center;
	font-weight: normal;
}



.cashless_box &gt; div:nth-of-type(1) {
	max-width: 650px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	justify-items: center;
	gap: 60px;
	margin: 0 auto 30px;
}

.cashless_box &gt; div:nth-of-type(1) &gt; div {
	width: 150px;
	height: 150px;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	color: #00863C;
	font-weight: bold;
	background: #fff;
	border-radius: 75px;
	border: 1px solid #00863C;
}

.cashless_box &gt; div:nth-of-type(1) &gt; div img {
	width: 100%;
	max-width: 80px;
	object-fit: contain;
}

.cashless_box &gt; div:nth-of-type(1) &gt; div:nth-of-type(3) img {
	height: 80px;
}

.cashless_box &gt; div:nth-of-type(1) &gt; div &gt; div {
	height: 105px;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
}

.cashless_box &gt; div:nth-of-type(2) {
	background: #fff;
	border-radius: 10px;
	padding: 20px;
	margin: 0 0 10px;
}

.cashless_box &gt; div:nth-of-type(2) &gt; div {
	display: grid;
	grid-template-columns: 2fr 3fr 3fr;
	gap: 30px 10px;
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 10px;
	padding: 10px;
}

.cashless_box &gt; div:nth-of-type(2) p {
	width: 100%;
	font-weight: bold;
	text-align: center;
	background: #ececec;
	padding: 5px 10px;
	margin: 0 0 10px;
}

.cashless_box &gt; div:nth-of-type(2) img {
	width: 100%;
	max-width: 350px;
	display: block;
	padding: 0 10px;
	margin: 0 auto;
}

.cashless_box &gt; div:nth-of-type(2) &gt; div &gt; div:nth-of-type(1) img {
	max-width: 200px;
}

.cashless_box &gt; p {
	text-align: right;
}

.chui_box &gt; div {
	background: #fff;
	border: 2px solid #00863C;
	border-radius: 10px;
	padding: 30px;
}

.bg_lightblue {
	background: #e6f5fdad;
}

.bg_gray {
	background: #f1f1f1;
}

/*メールフォーム*/

.form_title h2 {
	width: fit-content;
	display: flex;
	align-items: baseline;
	text-align: center;
	line-height: 1.5;
	position: relative;
	margin: 0 auto 20px;
}

/*
.form_title h2::before,
h2.main_title::before {
	content: '';
	width: 20px;
	height: 35px;
	display: block;
	background: url(/lp/202308campaign/images/decoration_line.svg) no-repeat;
	background-size: contain;
	transform: scaleX(-1);
	margin: 0 10px 0 0;
}

.form_title h2::after,
h2.main_title::after {
	content: '';
	width: 20px;
	height: 35px;
	display: block;
	background: url(/lp/202308campaign/images/decoration_line.svg) no-repeat;
	background-size: contain;
	margin: 0 0 0 10px;
}
*/

.form_title.nodeco h2::after,
.form_title.nodeco h2::before {
	display: none;
}

.form_box {
	display: flex;
	flex-flow: column;
	justify-content: center;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 2px 5px 1px rgb(0 0 0 / 10%);
	padding: 40px;
	margin: 0 auto 20px;
}

.form_box h4 {
	text-align: center;
	line-height: 1.5;
	margin: 0 0 10px;
}

.form_box h4 + div {
	color: #ff0000;
	text-align: center;
	margin: 0 0 30px;
}

.form_box table {
	margin: 0 0 30px;
}

.form_box table tr th,
.form_box table tr td {
	text-align: left;
	font-weight: normal;
	padding: 20px 0;
}

.form_box table tr th span.form_h01 {
	color: #fff;
	background: #133aa9;
	border-radius: 5px;
	padding: 5px;
	margin: 0 10px 0 0;
}

.form_box table tr th span.form_h02 {
	color: #fff;
	background: #485058;
	border-radius: 5px;
	padding: 5px;
	margin: 0 10px 0 0;
}

.form_box label {
	line-height: 1.5;
}

.form_box input[type="text"],
.form_box input[type="email"],
.form_box input[type="tel"],
.form_box input[type="url"],
.form_box textarea,
.form_box select {
	width: 100%;
}

.form_box input.short {
	max-width: 200px;
}

.form_box input,
.form_box textarea,
.form_box select {
	background: #f9f9f9;
	border: 1px solid #ececec;
	border-radius: 5px;
	padding: 10px;
}

.form_box &gt; p.front {
	text-align: center;
	margin: 0 0 30px;
}


.form_box input#postal + a {
	display: inline-block;
	padding: 9px 15px;
	vertical-align: middle;
	line-height: 1;
	background: #5bc0de;
	border: 1px solid #46b8da;
	border-radius: 3px;
	color: #ffffff;
	font-family: inherit;
	text-decoration: none;
	position: relative;
	top: -1px;
}

.form_box input#postal + a:hover {
	cursor: pointer;
	background: #31b0d5;
	border: 1px solid #269abc;
}

@media screen and (max-width: 1024px) {
	.form_box &gt; p.front {
		text-align: left;
		margin: 0 0 30px;
	}
.eraberu_box .typeTxt{
	font-weight: 600;
	color: #fff;
	font-size: 1.8rem;
	background: #133aa9;
	padding: 1em ;
	margin: 0 auto 30px;
	width:95%;
	max-width: 80vw;
}


}
@media screen and (max-width: 480px) {
.eraberu_box .typeTxt{
	font-weight: 600;
	color: #fff;
	font-size: 1.8rem;
	background: #133aa9;
	padding: 1em ;
	margin: 0 auto 30px;
	width:95%;
	max-width: 80vw;
}


}

.form_box &gt; p input {
	width: fit-content;
	display: flex;
	min-width: 300px;
	height: 40px;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
	background: #09f;
	border: none;
	border-radius: 20px;
	box-shadow: 0 2px 3px 0 rgb(0 0 0 / 20%);
	position: relative;
	cursor: pointer;
	margin: 0 auto;
	transition: .3s;
}

.form_box &gt; p input.back {
	color: #fff;
	background: #999;
}

.form_box &gt; p input:hover {
	opacity: 0.3;
}

.form_box .columns {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 20px;
}

.form_box table.kakunin_table tr th,
.form_box table.kakunin_table tr td {
	border: 1px solid #ccc;
	padding: 20px;
}

.form_box table.kakunin_table tr th {
	font-weight: bold;
	background: #eee;
}

.form_box table.kakunin_table + p {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 30px;
}

/*メールフォームここまで*/

/*サンクスページ*/

.thanks_box {
	text-align: center;
}

.thanks_box &gt; div:nth-of-type(1) {
	height: 230px;
	max-width: 1200px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url(../images/newland_cp_top_thanks.png);
	/*	background: linear-gradient(180deg, #003d78 40%, #00274c 90%);*/
	/*	background: linear-gradient(to right,transparent 0%, transparent 70%, #fff 100%), url(../images/newland_cp_top_thanks.png);*/
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.thanks_box h1 {
	font-size: 2.2rem;
	color: #fff;
	font-weight: bold;
	line-height: 1.5;
	padding: 30px 20px;
}

.thanks_box &gt; div:nth-of-type(2) a {
	max-width: 300px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
	background: #09f;
	border-radius: 20px;
	box-shadow: 0 5px 5px 1px rgb(0 0 0 / 20%);
	position: relative;
	margin: 0 auto;
}

.thanks_box &gt; div:nth-of-type(2) a::after {
	content: "\f101";
	font-family: Font Awesome\ 5 Free;
	font-weight: 600;
	margin: 0 0 0 10px;
}

.thanks_box &gt; div:nth-of-type(2) &gt; div p:nth-of-type(1) {
	margin: 0 0 10px;
}

.thanks_box &gt; div:nth-of-type(2) &gt; div p:nth-of-type(2) {
	margin: 0 0 20px;
}


/*サンクスここまで*/


table.compare03_newland_pc td:first-child,
table.compare03_newland_pc td.cell_Blue {
	background: #e6f5fd;
	font-weight: 600;
}

table.compare03_newland_pc td {
	padding: 15px 20px;
}

table.compare03_newland_pc td {
	border: 1px solid #b6e4ff;
	border-collapse: collapse;
	word-break: break-word;
}

table.compare03_newland_pc {
	box-sizing: border-box;
	table-layout: fixed;
	/*  overflow:hidden;*/
	margin-top: 1vh;
	font-size: 1.2rem;
	border-collapse: collapse;
	word-break: break-word
}

table.compare03_newland_pc img {
	width: 140px;
	min-width: 10px;
	padding: 0 !important;
	vertical-align: top;
	text-align: center !important;
}

table.compare03_newland_pc td {
	border: 1px solid #b6e4ff;
	border-collapse: collapse;
	word-break: break-word
}

table.compare03_newland_pc td:first-child,
table.compare03_newland_pc td.cell_Blue {
	background: #e6f5fd;
	font-weight: 600;
}

table.compare03_newland_pc td {
	padding: 15px 20px;
}

td.mt37_td01 {
	width: 30px !important;
	padding: 15px 5px !important;
}

table.compare03_newland_pc th {
	padding: 5px;
	/*  width: 100%;*/
	font-weight: 700;
	vertical-align: bottom;
}

table.compare03_newland_pc td.img_01 {
	padding: 5px 0 !important;
}

.compare03_newland_pc a:link {
	text-decoration: underline;
}

.compare03_newland_pc a:hover {
	text-decoration: none;
}

table.compare03_p {
	text-align: left !important;
}

.compare03_newland_sp_wrapper {
	max-width: 100%;
	overflow: visible;
	/*    white-space: nowrap;*/
	overflow-x: scroll !important;
}

td.fixed05_newland {
	position: sticky;
	left: 0;
	z-index: 30;
}

.compare03_newland_sp_wrapper::-webkit-scrollbar {
	/*tableã«ã‚¹ã‚¯ãƒ­ãƒ¼ãƒ«ãƒãƒ¼ã‚’è¿½åŠ&nbsp;*/
	height: 15px;
}

.compare03_newland_sp_wrapper::-webkit-scrollbar-track {
	/*tableã«ã‚¹ã‚¯ãƒ­ãƒ¼ãƒ«ãƒãƒ¼ã‚’è¿½åŠ&nbsp;*/
	background: #F1F1F1;
}

.scroll_type-c::-webkit-scrollbar-thumb {
	/*tableã«ã‚¹ã‚¯ãƒ­ãƒ¼ãƒ«ãƒãƒ¼ã‚’è¿½åŠ&nbsp;*/
	background: #BCBCBC;
}

table.compare03_newland_sp {
	margin-top: 1vh;
	font-size: 1.2rem;
	border-collapse: collapse;
	overflow: visible;
	/*    white-space: nowrap;*/
	overflow-x: scroll !important;
}

table.compare03_newland_sp img {
	max-width: 50px;
	margin: 0px;
	vertical-align: top;
	box-sizing: border-box;
}

table.compare03_newland_sp td {
	border: 1px solid #b6e4ff;
	border-collapse: collapse;
	padding: 5px;
	width: 0;
	white-space: nowrap;
}

table.compare03_newland_sp td:first-child,
table.compare03_sp td.cell_Blue {
	background: #e6f5fd;
	font-weight: 600;
}

table.compare03_newland_sp td.img_01 {
	padding: 0 !important;
}

.compare03_newland_sp a:link {
	text-decoration: underline;
}

.compare03_newland_sp a:hover {
	text-decoration: none;
}

.compare03_sp_wrapprer {
	width: 100% !important;
	box-sizing: border-box;
	margin-top: 1vh;
	font-size: 1.2rem;
	border-collapse: collapse;
	table-layout: fixed;
}

table.compare03_sp {
	width: 100% !important;
	box-sizing: border-box;
	margin-top: 1vh;
	font-size: 1.2rem;
	border-collapse: collapse;
	table-layout: fixed;
}

table.compare03_sp img {
	min-width: 10px;
	margin: 0px;
	vertical-align: top;
	box-sizing: border-box;
}

table.compare03_sp td {
	border: 1px solid #b6e4ff;
	border-collapse: collapse;
	box-sizing: border-box;
	padding: 5px;
}

table.compare03_sp td:first-child,
table.compare03_sp td.cell_Blue {
	background: #e6f5fd;
	font-weight: 600;
}

table.compare03_sp td.img_01 {
	padding: 0 !important;
}



/*
@media screen and (max-width:480px) {
.scroll_newland table.compare03{
	width: 95% !important;
  box-sizing: border-box;
  overflow:hidden;
	}
	
.scroll_newland table.compare03 td{
	width: 80px !important;
	box-sizing: border-box;
	overflow:hidden;
	word-wrap : break-word;
      overflow-wrap : break-word;
	}
}
*/

.fixed02_newland {
	position: -webkit-sticky !important;
	position: sticky !important;
	top: 0px;
	background: #ccddef !important;
	font-weight: 600 !important;
	border: 1px solid #81d1e0 !important;
}



.newland_spec_011 {
	color: #e6f5fd;
}

.mt-50 {
	margin-top: 50px;
}

.sub-title01 {
	font-size: 1.4em;
	color: #133aa9;
}

.sub-title02 {
	font-size: 1.3em;
}

@media screen and (max-width:767px) {
	.sub-title01 {
		font-size: 1.1em;
		color: #133aa9;
	}

	.sub-title02 {
		font-size: 1em;
	}
}

.sub-title03 {
	font-size: 1.2em;
}

.sub-title04 {
	font-size: 2.2em !important;
	text-align: center;
	margin: 10px auto 30px;
}

.scan_box {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 20px 30px;
	margin: 0 auto 20px;
	max-width: 920px;
}

.scan_box &gt; div:nth-of-type(1) &gt; img {
	width: 100%;
	max-width: 350px;
}

.scan_box &gt; div &gt; div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px 60px;
	margin: 0 auto 20px;
}

.scan_box &gt; div:last-of-type {
	margin: 0 auto;
}

.scan_box &gt; div &gt; div &gt; div:nth-of-type(1) {
	max-width: 430px;
}

.scan_box &gt; div &gt; div &gt; div:nth-of-type(1) &gt; h3 {
	margin: 0 0 10px;
}

.scan_box &gt; div &gt; div &gt; div:nth-of-type(1) &gt; div {
	width: fit-content;
	display: flex;
	justify-content: center;
	border: 1px solid #00863C;
	border-radius: 10px;
	position: relative;
	padding: 20px 10px 10px;
}

.scan_box.scan_p01 {
	width: 85%;
	color: #fff;
	text-align: center;
	border-radius: 18px;
	position: absolute;
	top: -13px;
	padding: 0 10px;
}

.scan_box &gt; div &gt; div &gt; div:nth-of-type(1) &gt; div &gt; div &gt; div {
	display: flex;
	gap: 100px;
}

.scan_box &gt; div &gt; div &gt; div:nth-of-type(1) &gt; div &gt; div &gt; div p {
	width: 80px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	line-height: 1.5;
	background: #f1f1f1;
}

.scan_box &gt; div:nth-of-type(2) &gt; div:nth-of-type(1) &gt; div &gt; div &gt; div &gt; div {
	display: flex;
	flex-flow: column;
	align-items: center;
}

.scan_box &gt; div:nth-of-type(2) &gt; div:nth-of-type(1) &gt; div &gt; div &gt; div p {
	margin: 0 0 10px;
}

.scan_box &gt; div &gt; div &gt; div:nth-of-type(2) {
	min-width: 300px;
	max-width: 300px;
	height: 100px;
	background: #f1f1f1;
	border-radius: 10px;
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 30%);
	position: relative;
}

.scan_box &gt; div &gt; div:nth-of-type(1) &gt; div:nth-of-type(2) {
	display: flex;
	align-items: flex-end;
}

.scan_box &gt; div &gt; div:nth-of-type(2) &gt; div:nth-of-type(2) {
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.scan_box &gt; div &gt; div:nth-of-type(1) &gt; div:nth-of-type(2) &gt; img {
	width: 100%;
	max-width: 300px;
	border-radius: 0 0 0 10px;
}

.scan_box &gt; div &gt; div:nth-of-type(2) &gt; div:nth-of-type(2) &gt; img {
	width: 100%;
	border-radius: 10px;
}

.scan_box &gt; div &gt; div &gt; div:nth-of-type(2) &gt; div {
	display: flex;
	align-items: center;
	gap: 30px;
	position: absolute;
	bottom: -20px;
	left: -180px;
}

.scan_box &gt; div &gt; div:nth-of-type(2) &gt; div:nth-of-type(2) &gt; div {
	bottom: -70px;
}

.scan_box &gt; div &gt; div &gt; div:nth-of-type(2) &gt; div &gt; div &gt; div:nth-of-type(1) a {
	width: 100px;
	height: 100px;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
}

.scan_box &gt; div &gt; div &gt; div:nth-of-type(2) &gt; div &gt; div &gt; div:nth-of-type(1) a:hover {
	color: #000;
}


.scan_box &gt; div &gt; div &gt; div:nth-of-type(2) &gt; div &gt; div &gt; div:nth-of-type(1) p:nth-of-type(1) {
	font-size: 1.2rem;
	line-height: 1;
}

ul.scan_ul {
	list-style-type: none;
	font-size: 1.7rem;
	line-height: 27px;
}

/*
ul.scan_ul li {
	position: relative;
	line-height: 1.8;
	padding-bottom: 10px;
}
ul.scan_ul li::after {
	content: '';
	display: block;
	position: absolute;
	top: .5em;
	left: -1.5em;
	width: 10px;
	height: 5px;
	border-left: 3px solid #9c9c9c;
	border-bottom: 3px solid #9c9c9c;
	transform: rotate(-45deg);
}
*/

ul.scan_ul li {
	position: relative;
	padding-left: 25px;
	text-indent: -2.2em;
	margin-left: 2.2em;
	margin-bottom: 17px;
}

ul.scan_ul li::before {
	content: "";
	background: url(../images/list_icon_01.png) no-repeat;
	display: inline-block;
	width: 30px;
	height: 25px;
	vertical-align: middle;
	margin: 0 6px 4px 0;
}

span.scan_p02 {
	margin-left: 63px;
}


/*
.attention_box{
	width: 900px;
	align-items: center;
	background: #fff;
	border: 2px solid #133aa9;
	border-radius: 10px;
	padding: 30px !important;
	margin: 0 auto;
}

.attention_ul{
	list-style-type: none;
	font-size: 1.4rem;
	line-height: 25px;
	width: 90%;
	margin: 20px auto 20px 40px;
}

ul.attention_ul li{
  position: relative;
  padding-left: 15px;
}
 
ul.attention_ul li:before {
  content: "";
  position: absolute;
  top: .4em;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: #9c9c9c;
  border-radius: 50%;
}
*/

.lightbox_01 {
	text-align: right !important;
	font-size: 0.8em;
	color: #133aa9;
}

.lightbox_01 a {
	text-align: right !important;
	font-size: 0.8em;
	color: #133aa9;
}

.lightbox_01 a::after {
	display: none !important;
	color: #133aa9;
}

.form_th01 {
	display: table-cell;
	vertical-align: top;
}

.form_td01 {
	padding: 20px 0 10px !important;
}

.form_td02 {
	padding: 5px 0 10px !important;
}


.triangle {
	position: relative;
	width: 0;
	height: 0;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-top: 50px solid #CCEAFF;
	text-align: center;
	margin: auto auto -28px;
	z-index: 2;
}

.newland_box {
	width: 94%;
	display: flex;
	justify-content: left !important;
	text-align: left;
	background: #fff;
	border-radius: 10px;
	box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 30%);
	position: relative;
	padding: 40px 20px 20px;
}

.newland_box {
	display: flex;
	flex-flow: column;
	background: #fff;
	border: 2px solid #133aa9;
	border-radius: 10px;
	padding: 30px;
	margin: auto auto 20px;
}

h3.newland_box_titile {
	text-align: left;
	font-size: 2rem;
	margin: 0 0 15px;
}

.slick-prev {
	left: -40px !important;
}

.slick-next {
	right: -40px !important;
}

.newland_box ul {
	margin: 20px 0 auto;
}

.newland_box ul li:first-of-type {
	margin: 0 0 10px;
}

.newland_box ul li {
	font-size: 1.4rem;
	line-height: 1.2;
	list-style: disc;
	list-style-position: inside;
}

.newland_box a:link {
	color: #133aa9;
	line-height: 1.5;
	border-bottom: 1px solid;
	position: relative;
}

.newland_box a {
	transition: 0.3s;
}

.newland_box a:hover {
	text-decoration: none !important;
	border: none;
	line-height: 1.5;
	position: relative;
}

a.newland_link {
	/*	color: #133aa9;*/
	border-bottom: 1px solid;
	position: relative;
}

a.newland_link {
	transition: 0.3s;
}

.newland_link a:hover {
	text-decoration: none !important;
	border: none;
	position: relative;
}

.mdm_title {
	padding: 20px auto 10px;
}

@media screen and (max-width: 1024px) {
h2.main_title {
	display:block;
}
.sponly{
	display:none !important;
}
	.intro_box &gt; div:nth-of-type(1) {
		gap: 0 10px;
	}

	.intro_box &gt; div:nth-of-type(1) &gt; div &gt; div:nth-of-type(2) {
		flex-flow: column;
	}

	.intro_box &gt; div:nth-of-type(1) &gt; div &gt; div &gt; div:nth-of-type(2) {
		width: auto;
		background: none;
		padding: 0;
	}

	.intro_box &gt; div:nth-of-type(1) &gt; div &gt; div:nth-of-type(2) &gt; div:nth-of-type(1) {
		display: none;
	}

	.intro_box &gt; p {
		width: 90%;
		align-items: center;
		font-size: 1em;
		position: relative;
		margin: 0 auto 60px;
	}

	.intro_box &gt; p span.intro_box_p01 {
		font-size: 1.1em;
		background: linear-gradient(transparent 60%, #ff6 60%);
	}

	.intro_box &gt; p span.intro_box_p02 {
		display: block;
		text-align: left !important;
		font-size: 0.8em;
		margin-top: 20px;
	}

	.eraberu_box .eraberu_box_000 {
		flex-flow: column;
		grid-template-columns: repeat(2, 1fr);
		margin: 0 auto 40px;
		gap: 0;
	}

	.eraberu_box &gt; div &gt; div {
		flex-flow: column;
		grid-template-columns: repeat(1, 1fr);
		margin: 0 auto 30px;
	}
	.eraberu_box_222{
	}
	.eraberu_box_222 .eraberu_box_111{
		margin: 50px auto 0;
	}
	.eraberu_img {
		width: 100%;
		display: flex;
		/*コレ*/
		flex-wrap: wrap;
		text-align: center;
		margin: 0 auto;
	}

	.eraberu_box .eraberu_box_111 a:link {
		margin: 0 auto;
	}

	.software_box &gt; div:nth-of-type(1) {
		flex-flow: column;
	}

	.strength_box {
		max-width: 90%;
		grid-template-columns: 1fr;
	}

	.eraberu_box &gt; div &gt; div &gt; div &gt; div:nth-of-type(2) &gt; p:nth-of-type(3) {
		min-height: 100%;
	}

	.scan_box {
		max-width: 100%;
		display: flex !important;
		flex-flow: column !important;
	}

	.scan_box &gt; div &gt; div &gt; div:nth-of-type(1) &gt; div {
		width: fit-content;
		display: flex;
		flex-flow: column !important;
		justify-content: center;
		border: 1px solid #00863C;
		border-radius: 10px;
		position: relative;
		padding: 20px 10px 10px;
	}

	.scan_box.scan_p01 {
		width: 85%;
		color: #fff;
		display: flex;
		flex-flow: column !important;
		text-align: center;
		border-radius: 18px;
		position: absolute;
		top: -13px;
		padding: 0 10px;
	}

	.scan_box &gt; div &gt; div &gt; div:nth-of-type(1) &gt; div &gt; div &gt; div {
		display: flex;
		/*	gap: 100px;*/
	}

	.newland_box {
		box-sizing: border-box;
	}

	.newland_box &gt; div {
		max-width: 350px;
		lex-flow: column;
		grid-template-columns: repeat(1, 1fr);
	}





	/*メールフォーム*/

	.form_title h2 {
		font-size: 2.4rem;
		align-items: flex-end;
	}

	.form_box {
		padding: 20px 20px 40px;
	}

	.form_box table tr {
		display: flex;
		flex-flow: column;
	}

	.form_box table tr th {
		padding: 20px 0 0;
	}

	.form_box input.short {
		max-width: 100%;
	}

	/*メールフォームここまで*/

}

@media screen and (max-width: 767px) {
.sponly{
	display:block !important;
}

.strength_box {
		max-width: 400px;
		grid-template-columns: 1fr;
	}

	.pagetop {
		bottom: 65px;
	}

	/*----- 固定ボタン -----*/

	.fixed_box {
		width: 100%;
		justify-content: center !important;
		align-items: center !important;
		text-align: center !important;
		box-sizing: border-box;
		writing-mode: initial;
		border: 5px solid #09f;
		border-radius: 0;
		box-shadow: none;
		bottom: 0;
		padding: 10px;
	}

	.fixed_box:hover {
		opacity: 1;
		padding: 10px;
	}

	.fixed_btn {
		bottom: 0;
		right: 0;
		left: auto;
	}

	.fixed_btn_mitumori {
		bottom: 0;
		right: auto;
		left: 0;
	}

	/*----- 固定ボタンここまで -----*/

	.intro_box p.intro_p_01 {
		font-size: 1.8em;
	}

	.inner {
		padding: 30px 20px !important;
	}

	.inner_bottom {
		padding: 30px 20px 30px !important;
	}

	.inner_end {
		padding: 30px 20px 40px !important;
	}

	.main_title {
		width: fit-content;
		font-size: 2.5rem !important;
		text-align: center;
		line-height: 1.5;
		margin: 0 auto 30px;
	}

	h2.main_title span:nth-of-type(1) {
		font-size: 3rem !important;
	}

	h2.main_title span:nth-of-type(2) {
		font-size: 3rem !important;
	}

	.intro_box &gt; h2.main_title {
		margin: 0 auto;
	}

	.intro_box &gt; h2.main_title img {
		width: 100%;
		max-width: 50px;
		margin: 0 0 20px 0;
	}

	h2.main_title {
		display: block;
	}

	h2.main_title::after {
		position: absolute;
		bottom: 10px;
		right: -30px;
	}

	h2.main_title::before {
		position: absolute;
		bottom: 10px;
		left: -30px;
	}

	.form_title h2 {
		font-size: 2.2rem !important;
		align-items: flex-end;
	}


	header {
		padding: 10px 20px;
	}

	.hero_box {
		padding: 0 0 35%;
		margin: 0;
	}

	.hero_box &gt; div:nth-of-type(1) {
		bottom: 20px;
	}

	.hero_box &gt; div:nth-of-type(2) img {
		width: 100%;
		max-width: 1200px;
		margin: -10px auto 20px;
	}

	.hero_box &gt; div:nth-of-type(1) p {
		font-size: 2rem;
	}

	.hero_box &gt; div:nth-of-type(1) p::before {
		width: 50px;
		bottom: 20px;
	}

	.hero_box &gt; div:nth-of-type(1) p::after {
		width: 50px;
		bottom: 20px;
		right: -40px;
	}

	.intro_box &gt; p {
		width: 100%;
		font-size: 1.2rem;
		padding: 0 10px;
	}

	.intro_box &gt; div:nth-of-type(2) {
		padding: 30px 20px;
	}

	.intro_box &gt; div:nth-of-type(2) &gt; div:nth-of-type(2) img {
		max-width: 150px;
	}

	.intro_box &gt; p {
		width: 95%;
		align-items: center;
		font-size: 1.2em;
		position: relative;
		margin: -60px auto 60px;
	}

	span .intro_box_p01 {
		font-size: 1.3em;
	}

	h2.main_title {
		display: block;
	}

	h2.main_title::after {
		position: absolute;
		bottom: 10px;
		right: -30px;
	}

	h2.main_title::before {
		position: absolute;
		bottom: 10px;
		left: -30px;
	}

	.strength_box &gt; div:nth-of-type(1) &gt; div &gt; h3 span {
		font-size: 2.2rem;
	}

	.strength_box &gt; div:nth-of-type(1) &gt; div &gt; h3 {
		font-size: 2rem;
	}

	.strength_box &gt; div:nth-of-type(2) &gt; table tr:nth-of-type(1) th {
		padding: 20px 5px;
	}

	.strength_box &gt; div:nth-of-type(2) &gt; table tr:nth-of-type(n+2) th {
		padding: 20px 5px;
	}

	.cashless_box &gt; div:nth-of-type(1) {
		max-width: 350px;
		gap: 10px;
	}

	.cashless_box &gt; div:nth-of-type(1) &gt; div {
		width: 100px;
		height: 100px;
		border-radius: 50px;
	}

	.cashless_box &gt; div:nth-of-type(1) &gt; div &gt; div {
		height: 65px;
		gap: 0;
	}

	.cashless_box &gt; div:nth-of-type(1) &gt; div img {
		max-width: 50px;
	}

	.cashless_box &gt; div:nth-of-type(1) &gt; div:nth-of-type(3) img {
		height: 40px;
	}

	.cashless_box &gt; div:nth-of-type(1) &gt; div p {
		font-size: 1.2rem;
	}

	.cashless_box &gt; div:nth-of-type(2) {
		max-width: 500px;
		margin: 0 auto 10px;
	}

	.cashless_box &gt; div:nth-of-type(2) &gt; div {
		grid-template-columns: repeat(1, 1fr);
	}

	.cashless_box &gt; div:nth-of-type(2) &gt; div &gt; div:nth-of-type(1) img {
		max-width: 150px;
	}

	.chui_box &gt; div {
		padding: 30px 10px;
	}

	.scan_box &gt; div &gt; div {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 40px 60px;
		margin: 0 auto 20px;
	}

	.scan_box &gt; div:last-of-type {
		margin: 0 auto;
	}

	.scan_box &gt; div &gt; div &gt; div:nth-of-type(1) {
		max-width: 430px;
	}

	.scan_box &gt; div &gt; div &gt; div:nth-of-type(1) &gt; h3 {
		margin: 0 0 10px;
	}

	.scan_box &gt; div &gt; div &gt; div:nth-of-type(1) &gt; div {
		width: fit-content;
		display: flex;
		justify-content: center;
		border: 1px solid #00863C;
		border-radius: 10px;
		position: relative;
		padding: 20px 10px 10px;
	}

	.scan_box.scan_p01 {
		width: 85%;
		color: #fff;
		text-align: center;
		border-radius: 18px;
		position: absolute;
		top: -13px;
		padding: 0 10px;
	}

	.scan_box &gt; div &gt; div &gt; div:nth-of-type(1) &gt; div &gt; div &gt; div {
		display: flex;
		gap: 100px;
	}

	.scan_box &gt; div &gt; div &gt; div:nth-of-type(1) &gt; div &gt; div &gt; div p {
		width: 80px;
		height: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		line-height: 1.5;
		background: #f1f1f1;
	}

	.scan_box &gt; div:nth-of-type(2) &gt; div:nth-of-type(1) &gt; div &gt; div &gt; div &gt; div {
		display: flex;
		flex-flow: column;
		align-items: center;
	}

	.scan_box &gt; div:nth-of-type(2) &gt; div:nth-of-type(1) &gt; div &gt; div &gt; div p {
		margin: 0 0 10px;
	}

	.scan_box &gt; div &gt; div &gt; div:nth-of-type(2) {
		min-width: 300px;
		max-width: 300px;
		height: 100px;
		background: #f1f1f1;
		border-radius: 10px;
		box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 30%);
		position: relative;
	}

	.scan_box &gt; div &gt; div:nth-of-type(1) &gt; div:nth-of-type(2) {
		display: flex;
		align-items: flex-end;
	}

	.scan_box &gt; div &gt; div:nth-of-type(2) &gt; div:nth-of-type(2) {
		height: auto;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.scan_box &gt; div &gt; div:nth-of-type(1) &gt; div:nth-of-type(2) &gt; img {
		width: 100%;
		max-width: 300px;
		border-radius: 0 0 0 10px;
	}

	.scan_box &gt; div &gt; div:nth-of-type(2) &gt; div:nth-of-type(2) &gt; img {
		width: 100%;
		border-radius: 10px;
	}

	.scan_box &gt; div &gt; div &gt; div:nth-of-type(2) &gt; div {
		display: flex;
		align-items: center;
		gap: 30px;
		position: absolute;
		bottom: -20px;
		left: -180px;
	}

	.scan_box &gt; div &gt; div:nth-of-type(2) &gt; div:nth-of-type(2) &gt; div {
		bottom: -70px;
	}

	.scan_box &gt; div &gt; div &gt; div:nth-of-type(2) &gt; div &gt; div &gt; div:nth-of-type(1) a {
		width: 100px;
		height: 100px;
		display: flex;
		flex-flow: column;
		align-items: center;
		justify-content: center;
		border-radius: 50px;
	}

	.scan_box &gt; div &gt; div &gt; div:nth-of-type(2) &gt; div &gt; div &gt; div:nth-of-type(1) a:hover {
		color: #000;
	}


	.scan_box &gt; div &gt; div &gt; div:nth-of-type(2) &gt; div &gt; div &gt; div:nth-of-type(1) p:nth-of-type(1) {
		font-size: 1.2rem;
		line-height: 1;
	}

	ul.scan_ul {
		list-style-type: none;
		font-size: 1.7rem;
		line-height: 27px;
	}

	ul.scan_ul li {
		position: relative;
		padding-left: 15px;
		text-indent: -1.8em;
		margin-left: 1.8em;
		margin-bottom: 17px;
	}

	ul.scan_ul li::before {
		content: "";
		background: url(../images/list_icon_01_sp.png) no-repeat;
		display: inline-block;
		width: 20px;
		height: 15px;
		vertical-align: middle;
		margin: 0 5px 4px 0;
	}

	span.scan_p02 {
		margin-left: 48px;
	}

	.newland_box {
		margin: 20px auto 20px;
	}

	h3.newland_box_titile {
		text-align: left;
		font-size: 1.8rem;
		margin: 0px 0 15px;
	}
	.eraberu_box .eraberu_box_000 {
		max-width: 350px;
		flex-flow: column;
		grid-template-columns: repeat(1, 1fr);
		margin: 0 auto ;
		gap: 0;
	}
	.eraberu_box .eraberu_box_444  .eraberu_box_111 {
		margin: 30px auto 0;
	}
	.eraberu_box .eraberu_box_444  .eraberu_box_111:last-child {
		margin: 50px auto 30px;
	}
	.eraberu_box &gt; div &gt; div {
		max-width: 320px;
		flex-flow: column;
		grid-template-columns: repeat(1, 1fr);
		margin: 0 auto 30px;
	}
	.eraberu_box_222{
		margin: 0 auto;
		width: 90%;
	}
	.eraberu_box_222 .eraberu_box_111{
		margin: 50px auto 0;
	}

}




ul.copyright {
    width: 100%;
	display: block;
    margin: -50px auto 30px 35px;
}

ol, ul, li {
    list-style: none;
}

ul.copyright li {
    font-size: 1.2rem;
    text-align: left;
	line-height: 1.5;
}
ol, ul, li {
    list-style: none;
}

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

	ul.copyright {
    width: 350px;
	display: block;
    margin: 0px auto 10px;
}
}




.flex {
	display: flex;
	justify-content: space-around;
	margin: 0 auto 60px;
}

.nagare_box &gt; div{
	text-align: center;
}

.nagare_box img {
	max-width: 100px;
}

.nagare_box &gt; div img {
	width: 100%;
}


.nagare_box .flex  div::after {
	content: '\f054';
	font-family: 'Font Awesome 5 Free';
	color: #444692;
	font-size: 4rem;
	font-weight: 600;
	position: absolute;
	top: 100px;
	right: -15px;
}

.nagare_box &gt; .flex &gt; div:last-of-type::after {
	display: none;
}

.nagare_box .flex div{
	width: 25%;
	position:relative;
}

.nagare_box .flex p:nth-of-type(1) {
	color: #434343;
	font-weight: bold;
	margin: 0 0 20px;
	width:100%;
}

.nagare_box .flex p:nth-of-type(2) {
	width: 140px;
	height: 140px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 20%);
	margin: 0 auto;
}

.nagare_box .flex p:nth-of-type(2) img {
	width: 100%;
	max-width: 120px;
	object-fit: contain;
}


@media screen and (max-width: 1024px) {
.flex {
	display: flex;
	justify-content: space-around;
	margin: 0 auto 60px;
}

.nagare_box &gt; div{
	text-align: center;
}

.nagare_box img {
	max-width: 100px;
}

.nagare_box &gt; div img {
	width: 100%;
}


.nagare_box .flex  div::after {
	content: "\f054";
	font-family: Font Awesome\ 5 Free;
	color: #444692;
	font-size: 4rem;
	font-weight: 600;
	position: absolute;
	top: unset;
	bottom: 50px;
	right: -15px;
}

.nagare_box &gt; .flex &gt; div:last-of-type::after {
	display: none;
}

.nagare_box .flex div{
	width: 25%;
	position:relative;
	display:flex;
	justify-content: center;
	align-items: end;
	flex-wrap: wrap;
}

.nagare_box .flex p:nth-of-type(1) {
	color: #434343;
	font-weight: bold;
	margin: 0 0 20px;
	vertical-align:middle;
	font-size:0.8em;
}

.nagare_box .flex p:nth-of-type(2) {
	width: 140px;
	height: 140px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 20%);
	margin: 0 auto;
}

.nagare_box .flex p:nth-of-type(2) img {
	width: 100%;
	max-width: 120px;
	object-fit: contain;
}
}

@media screen and (max-width: 767px) {
.flex {
	display: flex;
	justify-content: space-around;
	margin: 0 auto 60px;
	flex-wrap: wrap;
}

.nagare_box &gt; div{
	text-align: center;
}

.nagare_box img {
	max-width: 100px;
}

.nagare_box &gt; div img {
	width: 100%;
}


.nagare_box .flex  div::after {
	content: "\f078";
	font-family: Font Awesome\ 5 Free;
	color: #444692;
	font-size: 5rem;
	font-weight: 600;
	position: absolute;
	top: unset;
	right: 0;
	left: 0;
	bottom: -80px;
	margin: 0 auto;
}

.nagare_box &gt; .flex &gt; div:last-of-type::after {
	display: none;
}

.nagare_box .flex div{
	width: 100%;
	position:relative;
	margin-bottom: 100px;
	display:block;
}

.nagare_box .flex div:last-child{
	margin-bottom: 0;
}

.nagare_box .flex p:nth-of-type(1) {
	color: #434343;
	font-weight: bold;
	margin: 0 0 20px;
	font-size:1.3em;
}

.nagare_box .flex p:nth-of-type(2) {
	width: 180px;
	height: 180px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 20%);
	margin: 0 auto;
}

.nagare_box .flex p:nth-of-type(2) img {
	width: 100%;
	object-fit: contain;
	max-width: 90%;
}

}
</pre></body></html>