@charset "utf-8";
/* CSS Document */


/*▼直書きだった部分250714*/
.inner ol li {
			list-style-type: none;
		}

		ins {
			background-color: #ff9;
			color: #000;
			text-decoration: none;
		}

		.title-casestudy {
			min-width: 300px;
		}

		@media screen and (max-width: 576px) {
			.title-casestudy {
				min-width: 180px;
			}
		}

		mark {
			background-color: #ff9;
			color: #000;
			font-style: italic;
			font-weight: bold;
		}

		del {
			text-decoration: line-through;
		}

		abbr[title],
		dfn[title] {
			border-bottom: 1px dotted #000;
			cursor: help;
		}

		table {
			border-collapse: collapse;
			border-spacing: 0;
		}


		input,
		select {
			vertical-align: middle;
		}

		/* Module============================================ */
		.cf:after {
			content: " ";
			display: block;
			clear: both;
		}

		.block {
			padding: 70px 0 70px;
		}

		.inner {
			position: relative;
		}

		@media screen and (min-width: 641px) {
			.inner {
				margin-left: auto;
				margin-right: auto;
				/*width: 960px;*/
				width: 100%;
			}
		}

		@media screen and (max-width: 640px) {
			.inner {
				padding: 5%;
				box-sizing: border-box;
			}
		}

		.box {
			position: relative;
		}

		.colOLD {
			padding-left: 0;
		}

		@media screen and (min-width: 641px) {
			.colOLD {
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
			}

			.rowOLD {
				display: flex;
				flex-flow: column wrap;
				justify-content: space-between;
			}

			.colOLD .colOLD02 {
				width: calc(100%/2);
			}

			.colOLD .colOLD03 {
				width: calc(100%/3);
			}

			.colOLD .colOLD04 {
				width: calc(100%/4);
			}

			.rowOLD {
				height: 500px;
			}

			.rowOLD .rowOLD02 {
				width: 45%;
			}

			.device {
				width: 180px;
				height: auto;
			}

			.capture {
				/*width: 180px;*/
				height: auto;
			}

			.clock {
				width: 100px;
				height: auto;
			}

			.arrowOLD {
				width: 210px;
				height: auto;
			}

			.res {
				width: 80px;
				height: auto;
			}

			.dm {
				width: 80px;
				height: auto;
			}
		}

		@media screen and (max-width: 640px) {
			.spcol {
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
			}

			.sprowOLD {
				display: flex;
				flex-flow: column wrap;
				justify-content: space-between;
			}

			.spcol .colOLD02 {
				width: calc(95%/2) !important;
			}

			.spcol .colOLD02 img {
				width: 100%;
				height: auto;
			}

			.sprowOLD {
				height: 450px;
			}

			.sprowOLD .rowOLD02 {
				width: 45%;
			}
		}

		.bgw {
			color: #383838;
			background: #fdfcf9;
		}

		.bgg {
			color: #383838;
			background: #ebebe9;
		}

		.bgb01 {
			color: #fff;
			background: #1358c3;
		}

		.bgb02 {
			color: #fff;
			background: #4a92fe;
		}

		.ttl {
			margin-bottom: 50px;
			font-size: 38px;
			font-weight: bold;
			text-align: center;
			border-radius: 8px;
			position: relative;
		}

		.ttl::before {
			content: "";
			display: block;
			border-right: 20px solid transparent;
			border-left: 20px solid transparent;
			border-bottom: 0 solid transparent;
			position: absolute;
			left: 50%;
			bottom: -20px;
			transform: translateX(-50%);
		}

		.ttl.bgb {
			color: #fff;
			background-image: -moz-linear-gradient(90deg, rgb(9, 80, 164) 0%, rgb(38, 100, 175) 100%);
			background-image: -webkit-linear-gradient(90deg, rgb(9, 80, 164) 0%, rgb(38, 100, 175) 100%);
			background-image: -ms-linear-gradient(90deg, rgb(9, 80, 164) 0%, rgb(38, 100, 175) 100%);
		}

		.ttl.bgb::before {
			border-top: 20px solid #0a51a4;
		}

		.ttl.bgw {
			color: #007bff;
			background: #fff;
		}

		.ttl.bgw::before {
			border-top: 20px solid #fff;
		}

		.sttl {
			margin-bottom: 20px;
			color: #007bff;
			font-weight: bold;
			padding-top: 8px;
			padding-bottom: 15px
		}

		@media screen and (max-width: 640px) {
			.sttl {
				margin-bottom: 5px;
				color: #007bff;
				font-weight: bold;
				padding-top: 8px;
				padding-bottom: 15px
			}
		}

		.sttl.point {
			padding-left: 70px;
			background-repeat: no-repeat;
			background-position: 0 0;
			background-size: 50px 50px;
		}

		.sttl.point01 {
			background-image: url(../img/ico_point01.svg);
		}

		.sttl.point02 {
			background-image: url(../img/ico_point02.svg);
		}

		.sttl.point03 {
			background-image: url(../img/ico_point03.svg);
		}

		.cttl {
			margin-bottom: 30px;
			/*padding-left: 40px;*/
			color: #ffdc09;
			font-size: 28px;
			font-weight: bold;
			line-height: 1.2;
			position: relative;
		}

		.cttl::before {
			display: block;
			line-height: 1;
			width: 30px;
			height: 30px;
			font-size: 30px;
			position: absolute;
			top: 0;
			left: 0;
			color: #007bff;
			font-family: '小塚ゴシック Pro L', 'Kozuka Gothic Pro Light', sans-serif;
			font-size: 22px;
			font-weight: bold;
			line-height: 30px;
			text-align: center;
			background: #ffdc09;
			border-radius: 50%;
		}

		.cttl.point01::before {
			content: "1";
		}

		.cttl.point02::before {
			content: "2";
		}

		.cttl.point03::before {
			content: "3";
		}

		.cttl.point04::before {
			content: "4";
		}

		.cat li {
			padding: 5px 20px;
			display: inline-block;
			color: #fff;
			background: #8bd24d;
			border-radius: 5px;
		}

		.fcb {
			color: #007bff;
		}

		.fcw {
			color: #fff;
		}

		.btn {
			padding: 5px 20px;
			color: #fff;
			text-align: center;
			text-decoration: none;
			display: inline-block;
			border-radius: 50px;
			background-image: -moz-linear-gradient(90deg, rgb(106, 197, 26) 0%, rgb(106, 197, 26) 49%, rgb(139, 210, 77) 50%, rgb(139, 210, 77) 100%);
			background-image: -webkit-linear-gradient(90deg, rgb(106, 197, 26) 0%, rgb(106, 197, 26) 49%, rgb(139, 210, 77) 50%, rgb(139, 210, 77) 100%);
			background-image: -ms-linear-gradient(90deg, rgb(106, 197, 26) 0%, rgb(106, 197, 26) 49%, rgb(139, 210, 77) 50%, rgb(139, 210, 77) 100%);
		}

		.back {
			background-image: -moz-linear-gradient(90deg, rgb(140, 140, 140) 0%, rgb(140, 140, 140) 49%, rgb(158, 158, 158) 50%, rgb(158, 158, 158) 100%);
			background-image: -webkit-linear-gradient(90deg, rgb(140, 140, 140) 0%, rgb(140, 140, 140) 49%, rgb(158, 158, 158) 50%, rgb(158, 158, 158) 100%);
			background-image: -ms-linear-gradient(90deg, rgb(140, 140, 140) 0%, rgb(140, 140, 140) 49%, rgb(158, 158, 158) 50%, rgb(158, 158, 158) 100%);
		}

		.step {
			font-size: 16px;
		}

		.step .box {
			text-align: center;
		}

		.step .colOLD03:not(:first-child) {
			padding-left: 40px;
			box-sizing: border-box;
		}

		@media screen and (min-width: 641px) {
			.step .box {
				margin-bottom: 30px;
				height: 378px;
			}
		}

		.step dt {
			padding-top: 10px;
			border-top: 2px solid #fff;
			font-size: 26px;
			font-weight: bold;
		}

		.table {
			position: relative;
			z-index: 10;
			text-align: left;
			box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, .5);
		}

		tr {
			background: #fff;
		}

		tr:not(:first-child) {
			border-top: 1px solid #383838;
		}

		tr:not(:first-child) th {
			border-top: 1px solid #fff;
		}

		th {
			padding: 20px;
			color: #fff;
			font-size: 18px;
			vertical-align: top;
			background: #606060;
			word-break: keep-all;
		}

		td {
			padding: 15px 20px;
			/*background: #fff;*/
			position: relative;
		}

		.varidation {
			padding: 5px;
			color: #fff;
			background: #606060;
			border-radius: 5px;
			position: absolute;
			top: 42px;
			left: 20px;
			z-index: 1;
		}

		.varidation::before {
			content: "";
			display: block;
			border-top: 0 solid transparent;
			border-right: 5px solid transparent;
			border-left: 5px solid transparent;
			border-bottom: 5px solid #606060;
			position: absolute;
			top: -5px;
			left: 50%;
			transform: translateX(-5px);
		}

		.required::after {
			content: "*";
			margin-left: 5px;
			color: #f00;
		}

		input[type=text] {
			padding: 10px;
			width: 95%;
			box-sizing: border-box;
		}

		textarea {
			padding: 10px;
			width: 95%;
			height: 100px;
			box-sizing: border-box;
		}

		.noPC {
			display: none;
		}

		.noSP {
			display: block;
		}

		@media screen and (max-width: 640px) {
			.block {
				padding: 10px 0;
			}

			.ttl {
				margin-bottom: 30px;
				padding: 10px 0;
				font-size: 16px;
			}

			.ttl::before {
				bottom: -10px;
				border-right: 10px solid transparent;
				border-left: 10px solid transparent;
				border-bottom: 0 solid transparent;
			}

			.ttl.bgb::before {
				border-top: 10px solid #0a51a4;
			}

			.ttl.bgw::before {
				border-top: 10px solid #fff;
			}

			.sttl {
				font-size: 14px;
			}

			.sttl.point {
				padding-left: 40px;
				min-height: 30px;
				background-size: 30px;
			}

			.cttl {
				margin-bottom: 10px;
				padding-top: 4px;
				padding-left: 0;
				font-size: 16px;
			}

			.cttl::before {
				width: 20px;
				height: 20px;
				font-size: 14px;
				line-height: 20px;
			}

			.cat li {
				padding: 2px 8px;
				font-size: 10px;
			}

			th {
				padding: 10px;
				font-size: 14px;
				word-break: break-all;
			}

			th br {
				display: none;
			}

			td {
				padding: 10px;
			}

			td .varidation {}

			.noPC {
				display: block;
			}

			.noSP {
				display: none;
			}
		}

		/* Layout============================================ */
		.killer {
			padding: 120px 0 30px;
			text-align: right;
			background-image: url("../img/killer_bg_pc-blue2021-scaled.jpg");
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
		}

		@media screen and (min-width: 641px) {
			.killer {
				box-shadow: 0 -15px 5px -10px rgba(0, 0, 0, .5) inset;
			}

			.killer h1 img {
				width: 560px;
				height: auto;
			}
		}

		.killer h1 {
			margin-bottom: 35px;
		}

		.killer iframe {
			width: 470px;
			height: 265px;
		}

		@media screen and (max-width: 640px) {
			.killer {
				padding: 50px 0 0;
				background-color: #007bff;
				background-image: url(../img/killer_bg_sp-blue2021.jpg);
				background-position: 0 50px;
			}

			.killer h1 {
				margin-bottom: 20px;
			}

			.killer h1 img {
				width: 100%;
			}

			.killer .contact {
				text-align: center;
			}

			.killer .btn {
				margin-bottom: 250px;
			}

			.killer .movie {
				position: relative;
				width: 100%;
				padding-top: 56.25%;
			}

			.killer .movie iframe {
				position: absolute;
				top: 0;
				right: 0;
				width: 100% !important;
				height: 100% !important;
			}
		}

		.movie.colOLD04 {
			display: flex;
			justify-content: center;
			align-items: center;
		}

		.results .colOLD {
			margin-bottom: 20px;
			padding: 10px;
			background: #fff;
		}

		.results .colOLD img {
			width: 100%;
			height: auto;
		}

		img.asahi {
			width: 70% !important;
		}

		.results p {
			font-size: 18px;
		}

		.reason .block:nth-of-type(1) iframe {
			width: 470px;
			height: 265px;
		}

		.reason .block:nth-of-type(1) figure {
			text-align: right;
		}

		.reason .block:nth-of-type(1) figure img {
			width: 460px;
			height: auto;
		}

		.reason .block:nth-of-type(1) figcaption {
			text-align: center;
			font-weight: bold;
		}

		/*.reason .block:nth-of-type(1) p {margin-top: 30px;font-size: 20px;}*/
		@media screen and (max-width: 640px) {
			.reason .block:nth-of-type(1) .movie {
				margin-bottom: 30px;
				position: relative;
				width: 100%;
				padding-top: 56.25%;
			}

			.reason .block:nth-of-type(1) .movie iframe {
				position: absolute;
				top: 0;
				right: 0;
				width: 100% !important;
				height: 100% !important;
			}

			.reason .block:nth-of-type(1) figure img {
				width: 100%;
				height: auto;
			}

			.reason .block:nth-of-type(1) p {
				font-size: 14px;
			}
		}

		.reason .block:nth-of-type(2) p {
			margin-bottom: 30px;
			font-size: 20px;
		}

		.reason .block:nth-of-type(2) dl:not(:first-child) {
			padding-left: 50px;
			box-sizing: border-box;
		}

		.reason .block:nth-of-type(2) dt {
			margin-bottom: 20px;
			font-size: 26px;
			text-align: center;
		}

		.reason .block:nth-of-type(2) dt img {
			margin: 0 auto 20px;
			width: 160px;
			display: block;
		}

		.reason .block:nth-of-type(2) dd {
			font-size: 18px;
		}

		@media screen and (max-width: 640px) {
			.reason .block:nth-of-type(2) p {
				font-size: 14px;
			}

			.reason .block:nth-of-type(2) dl {
				margin-bottom: 30px;
				padding-left: 35% !important;
				position: relative;
			}

			.reason .block:nth-of-type(2) dt {
				margin-bottom: 10px;
				font-size: 18px;
				text-align: left;
			}

			.reason .block:nth-of-type(2) dt img {
				width: 30%;
				height: auto;
				position: absolute;
				top: 0;
				left: 0;
			}

			.reason .block:nth-of-type(2) dd {
				font-size: 14px;
			}
		}

		/*.reason .block:nth-of-type(3) p {margin-bottom: 30px; font-size: 20px; }*/
		.reason .block:nth-of-type(3) dl:not(:first-child) {
			padding-left: 30px;
			box-sizing: border-box;
		}

		.reason .block:nth-of-type(3) dt {
			margin-bottom: 20px;
			font-size: 26px;
			text-align: center;
		}

		.reason .block:nth-of-type(3) dt img {
			margin: 0 auto 20px;
			width: 160px;
			display: block;
		}

		/*.reason .block:nth-of-type(3) dd {font-size: 18px;}*/
		@media screen and (max-width: 640px) {
			.reason .block:nth-of-type(3) p {
				margin-bottom: 20px;
				font-size: 14px;
			}

			.reason .block:nth-of-type(3) dl {
				margin-bottom: 30px;
				padding-left: 35% !important;
				position: relative;
			}

			.reason .block:nth-of-type(3) dt {
				margin-bottom: 10px;
				font-size: 18px;
				text-align: left;
			}

			.reason .block:nth-of-type(3) dt img {
				width: 30%;
				height: auto;
				position: absolute;
				top: 0;
				left: 0;
			}

			.reason .block:nth-of-type(3) dd {
				font-size: 14px;
			}
		}

		.about .block .cat {
			position: absolute;
			top: 0;
			right: 0;
		}

		.about .block:nth-of-type(1) dl {
			margin-bottom: 50px;
		}

		.about .block:nth-of-type(1) dt {
			margin-bottom: 10px;
			font-size: 25px;
		}

		/*.about .block:nth-of-type(1) dd {font-size: 20px;}*/
		.about .block:nth-of-type(1) .step li:nth-of-type(1) {
			width: 400px;
		}

		.about .block:nth-of-type(1) .step li:nth-of-type(1) .colOLD02 {
			width: 186px;
		}

		.about .block:nth-of-type(1) .step li:nth-of-type(1) .colOLD02:not(:first-child) {
			margin-left: 28px;
		}

		.about .block:nth-of-type(1) .step li:nth-of-type(2) {
			width: 240px;
		}

		.about .block:nth-of-type(1) .step li:nth-of-type(2) .box {
			padding-top: 100px;
			box-sizing: border-box;
		}

		.about .block:nth-of-type(1) .step li:nth-of-type(2) .box .dm {
			margin-left: 20px;
		}

		.about .block:nth-of-type(1) .step li:nth-of-type(3) {
			width: 230px;
		}

		@media screen and (max-width: 640px) {
			.about .block .cat {
				position: relative;
			}

			.about .block:nth-of-type(1) dl {
				margin-top: 20px;
			}

			.about .block:nth-of-type(1) dt {
				margin-bottom: 10px;
				font-size: 16px;
			}

			.about .block:nth-of-type(1) dd {
				font-size: 12px;
			}

			.about .block:nth-of-type(1) .step ol {
				overflow: auto;
			}

			.about .block:nth-of-type(1) .step li:nth-of-type(1) {
				width: auto;
			}

			.about .block:nth-of-type(1) .step li:nth-of-type(1) .colOLD02:not(:first-child) {
				margin-left: 10px;
			}

			.about .block:nth-of-type(1) .step li:nth-of-type(2) .box,
			.about .block:nth-of-type(1) .step li:nth-of-type(3) .box {
				height: 85vw;
			}

			.about .block:nth-of-type(1) .step li:nth-of-type(2) {
				padding-left: 0;
				width: 45%;
				float: left;
			}

			.about .block:nth-of-type(1) .step li:nth-of-type(2) img {
				width: 100%;
				height: auto;
			}

			.about .block:nth-of-type(1) .step li:nth-of-type(2) .box .res,
			.about .block:nth-of-type(1) .step li:nth-of-type(2) .box .dm {
				width: 44%;
				height: auto;
			}

			.about .block:nth-of-type(1) .step li:nth-of-type(2) .box {
				padding-top: 23vw;
			}

			.about .block:nth-of-type(1) .step li:nth-of-type(2) .box .dm {
				margin-left: 5%;
			}

			.about .block:nth-of-type(1) .step li:nth-of-type(3) {
				padding-left: 0;
				width: 45%;
				float: right;
			}

			.about .block:nth-of-type(1) .step li:nth-of-type(3) img {
				width: 100%;
				height: auto;
			}
		}

		.about .block:nth-of-type(2) dl {
			margin-bottom: 50px;
		}

		.about .block:nth-of-type(2) dt {
			margin-bottom: 10px;
			font-size: 25px;
		}

		/*.about .block:nth-of-type(2) dd {font-size: 20px;}*/
		.about .block:nth-of-type(2) .step li:nth-child(2) .box p {
			margin: auto;
			width: 160px;
			text-align: left;
		}

		.about .block:nth-of-type(2) .step li:nth-of-type(2) .box .dm {
			margin-left: 20px;
		}

		@media screen and (max-width: 640px) {
			.about .block:nth-of-type(2) .box img {
				width: 40%;
				height: auto;
			}

			.about .block:nth-of-type(2) dl {
				margin-top: 20px;
			}

			.about .block:nth-of-type(2) dt {
				margin-bottom: 10px;
				font-size: 16px;
			}

			.about .block:nth-of-type(2) dd {
				font-size: 12px;
			}

			.about .block:nth-of-type(2) .step ol {
				overflow: auto;
			}

			.about .block:nth-of-type(2) .step li:nth-of-type(1) {
				width: auto;
			}

			.about .block:nth-of-type(2) .step li:nth-of-type(1) .colOLD02:not(:first-child) {
				margin-left: 10px;
			}

			.about .block:nth-of-type(2) .step li:nth-of-type(2) .box,
			.about .block:nth-of-type(2) .step li:nth-of-type(3) .box {
				height: 85vw;
			}

			.about .block:nth-of-type(2) .step li:nth-of-type(2) {
				padding-left: 0;
				width: 45%;
				float: left;
			}

			.about .block:nth-of-type(2) .step li:nth-of-type(2) .box p {
				width: auto;
				font-size: 12px;
			}

			.about .block:nth-of-type(2) .step li:nth-of-type(2) img {
				width: 100%;
				height: auto;
			}

			.about .block:nth-of-type(2) .step li:nth-of-type(2) .box .clock {
				width: 60%;
				height: auto;
			}

			.about .block:nth-of-type(2) .step li:nth-of-type(2) .box .res,
			.about .block:nth-of-type(2) .step li:nth-of-type(2) .box .dm {
				width: 45%;
				height: auto;
			}

			.about .block:nth-of-type(2) .step li:nth-of-type(2) .box .dm {
				margin-left: 5%;
			}

			.about .block:nth-of-type(2) .step li:nth-of-type(3) {
				padding-left: 0;
				width: 45%;
				float: right;
			}

			.about .block:nth-of-type(2) .step li:nth-of-type(3) img {
				width: 100%;
				height: auto;
			}
		}

		.about .block:nth-of-type(3) dl {
			margin-bottom: 50px;
		}

		.about .block:nth-of-type(3) dt {
			margin-bottom: 10px;
			font-size: 25px;
		}

		/*.about .block:nth-of-type(3) dd {font-size: 20px;}*/
		.about .block:nth-of-type(3) .step li:nth-child(2) .box p {
			margin: auto;
			width: 200px;
			text-align: center;
		}

		.about .block:nth-of-type(3) .step li:nth-of-type(2) .box .dm {
			margin-left: 20px;
		}

		@media screen and (max-width: 640px) {
			.about .block:nth-of-type(3) .box img {
				width: 40%;
				height: auto;
			}

			.about .block:nth-of-type(3) dl {
				margin-top: 20px;
				margin-bottom: 20px;
			}

			.about .block:nth-of-type(3) dt {
				margin-bottom: 10px;
				font-size: 16px;
			}

			.about .block:nth-of-type(3) dd {
				font-size: 12px;
			}

			.about .block:nth-of-type(3) .step ol {
				overflow: auto;
			}

			.about .block:nth-of-type(3) .step li:nth-of-type(1) {
				width: auto;
			}

			.about .block:nth-of-type(3) .step li:nth-of-type(1) .colOLD02:not(:first-child) {

				margin-left: 10px;
			}

			.about .block:nth-of-type(3) .step li:nth-of-type(2) .box,
			.about .block:nth-of-type(3) .step li:nth-of-type(3) .box {
				height: 85vw;
			}

			.about .block:nth-of-type(3) .step li:nth-of-type(2) {
				padding-left: 0;
				width: 45%;
				float: left;
			}

			.about .block:nth-of-type(3) .step li:nth-of-type(2) .box p {
				width: auto;
				font-size: 12px;
			}

			.about .block:nth-of-type(3) .step li:nth-of-type(2) img {
				width: 100%;
				height: auto;
			}

			.about .block:nth-of-type(3) .step li:nth-of-type(2) .box .clock {
				width: 60%;
				height: auto;
			}

			.about .block:nth-of-type(3) .step li:nth-of-type(2) .box .res,
			.about .block:nth-of-type(3) .step li:nth-of-type(2) .box .dm {
				width: 45%;
				height: auto;
			}

			.about .block:nth-of-type(3) .step li:nth-of-type(2) .box .dm {
				margin-left: 5%;
			}

			.about .block:nth-of-type(3) .step li:nth-of-type(3) {
				padding-left: 0;
				width: 45%;
				float: right;
			}

			.about .block:nth-of-type(3) .step li:nth-of-type(3) img {
				width: 100%;
				height: auto;
			}
		}

		.about .block:nth-of-type(4) .cat {
			position: absolute;
			top: 0;
			right: 0;
		}

		.about .block:nth-of-type(4) dl {
			margin-bottom: 50px;
		}

		.about .block:nth-of-type(4) dt {
			margin-bottom: 10px;
			font-size: 25px;
		}

		.reason .block:nth-of-type(5) dt img {
			margin: 0 auto 20px;
			width: 160px;
			display: block;
		}

		/*.about .block:nth-of-type(4) dd {font-size: 20px;}*/
		.about .block:nth-of-type(4) .colOLD04 {
			width: 200px;
			position: relative;
		}

		.about .block:nth-of-type(4) .colOLD04 .box {
			height: 420px;
		}

		/*.about .block:nth-of-type(4) .colOLD04:not(:first-child) {padding-left: 50px;}*/
		.about .block:nth-of-type(4) .colOLD04:not(:last-child)::before {
			content: "";
			display: block;
			width: 45px;
			height: 42px;
			position: absolute;
			top: 166px;
			right: -45px;
			background-image: url(../img/arrow02.svg);
			background-repeat: no-repeat;
			background-position: 0 0;
		}

		.about .block:nth-of-type(4) .colOLD04:nth-of-type(3)::before {
			width: 53px;
			height: 272px;
			top: 55px;
			background-image: url(../img/arrow03.svg);
		}

		.about .block:nth-of-type(4) .colOLD04:nth-of-type(2) .box li {
			text-align: left;
			font-weight: bold;
		}

		.about .block:nth-of-type(4) .colOLD04:nth-of-type(2) .box li img,
		.about .block:nth-of-type(4) .colOLD04:nth-of-type(4) .box li img {
			display: block;
		}

		.about .block:nth-of-type(4) .colOLD04:nth-of-type(2) .box li:nth-of-type(2) {
			margin-top: 30px;
		}

		.about .block:nth-of-type(4) .colOLD04:nth-of-type(4) .box li:nth-of-type(2) {
			margin-top: 55px;
			font-weight: bold;
		}

		@media screen and (max-width: 640px) {
			.about .block:nth-of-type(4) .colOLD04:nth-of-type(4) .box li:nth-of-type(2) {
				margin-top: 0;
				font-weight: bold;
			}

			.about .block:nth-of-type(4) .cat {
				position: relative;
			}

			.about .block:nth-of-type(4) dl {
				margin-top: 20px;
				margin-bottom: 20px;
			}

			.about .block:nth-of-type(4) dt {
				margin-bottom: 10px;
				font-size: 16px;
			}

			.about .block:nth-of-type(4) dd {
				font-size: 12px;
			}

			.about .block:nth-of-type(4) .step ol {
				overflow: auto;
			}

			.about .block:nth-of-type(4) .step li:nth-of-type(1),
			.about .block:nth-of-type(4) .step li:nth-of-type(2) {
				margin-bottom: 30px;
			}

			.about .block:nth-of-type(4) .step li:nth-of-type(1) {
				width: auto;
			}

			.about .block:nth-of-type(4) .step li:nth-of-type(1) .colOLD02:not(:first-child) {
				margin-left: 10px;
			}

			.about .block:nth-of-type(4) .step li .box {
				height: 80vw;
			}

			.about .block:nth-of-type(4) .step li .box img {
				width: 100%;
				height: auto;
			}

			.about .block:nth-of-type(4) .step li .box li {
				font-size: 12px;
				text-align: left;
			}

			.about .block:nth-of-type(4) .step+li:nth-of-type(1),
			.about .block:nth-of-type(4) .step+li:nth-of-type(2) {
				margin-bottom: 20px;
			}

			.about .block:nth-of-type(4) .step li:nth-of-type(1),
			.about .block:nth-of-type(4) .step li:nth-of-type(3) {
				padding-left: 0;
				width: 45%;
				float: left;
			}

			.about .block:nth-of-type(4) .step li:nth-of-type(2) .box p {
				width: auto;
				font-size: 12px;
			}

			.about .block:nth-of-type(4) .step li:nth-of-type(2) .box .clock {
				width: 60%;
				height: auto;
			}

			.about .block:nth-of-type(4) .step li:nth-of-type(2) .box .res,
			.about .block:nth-of-type(4) .step li:nth-of-type(2) .box .dm {
				width: 45%;
				height: auto;
			}

			.about .block:nth-of-type(4) .step li:nth-of-type(2) .box .dm {
				margin-left: 5%;
			}

			.about .block:nth-of-type(4) .step li:nth-of-type(2) li,
			.about .block:nth-of-type(4) .step li:nth-of-type(4) li {
				padding-left: 0;
				width: 100%;
				float: none;
			}

			.about .block:nth-of-type(4) .step li:nth-of-type(3) {
				clear: both;
			}

			.about .block:nth-of-type(4) .step li:nth-of-type(2) .box li:nth-of-type(2) {
				margin-top: 10px;
			}

			.about .block:nth-of-type(4) .step li:nth-of-type(2),
			.about .block:nth-of-type(4) .step li:nth-of-type(4) {
				padding-left: 0;
				width: 45%;
				float: right;
			}

			.about .block:nth-of-type(4) .step li:nth-of-type(3) img {
				width: 100%;
				height: auto;
			}

			.about .block:nth-of-type(4) .colOLD04:nth-of-type(2)::before {
				display: none;
			}

			.about .block:nth-of-type(4) .colOLD04:not(:last-child)::before {
				top: 35vw;
				background-size: 26px 24px;
			}

			.about .block:nth-of-type(4) .colOLD04:nth-of-type(3)::before {
				top: 19vw;
				right: -53px;
				background-size: 27px 136px;
			}
		}

		.about .block:nth-of-type(5) {
			height: 860px;
			box-sizing: border-box;
			font-size: 18px;
			background: url(../img/about_point02_bg.svg) no-repeat 50% 200px;
			background-size: 946px 505px;
		}

		.about .block:nth-of-type(5) .inner {
			height: 100%;
		}

		.about .block:nth-of-type(5) dl {
			position: absolute;
			right: 0;
			bottom: 0;
			background: #fff;
			border: 0 solid #fff;
			border-radius: 5px;
		}

		.about .block:nth-of-type(5) dt {
			background: #59bf00;
			border-radius: 5px 5px 0 0;
			text-align: center;
		}

		.about .block:nth-of-type(5) dd {
			padding: 0 15px 0 25px;
			position: relative;
			color: #007bff;
			font-weight: bold;
			font-size: 16px;
		}

		.about .block:nth-of-type(5) dd::before {
			content: "・";
			position: absolute;
			top: 0;
			left: 8px;
		}

		.about .block:nth-of-type(5) dd:nth-of-type(1) {
			margin-top: 5px;
		}

		.about .block:nth-of-type(5) dd:last-child {
			margin-bottom: 5px;
		}

		@media screen and (max-width: 640px) {
			.about .block:nth-of-type(5) {
				height: auto;
				background-size: 90% auto;
			}

			.about .block:nth-of-type(5) p {
				font-size: 14px;
			}

			.about .block:nth-of-type(5) dl {
				margin-top: 60vw;
				width: 100%;
				position: relative;
			}

			.about .block:nth-of-type(5) dd {
				margin-bottom: 5px;
				font-size: 14px;
			}
		}

		.function .block:nth-of-type(1) .rowOLD {
			height: 570px;
		}

		@media screen and (min-width: 641px) {
			.function .block .rowOLD img {
				width: 120px;
				height: 120px;
			}

			.function .block:nth-of-type(1) li,
			.function .block:nth-of-type(2) li {
				margin-bottom: 30px;
				display: flex;
			}
		}

		.function .block:nth-of-type(1) img,
		.function .block:nth-of-type(2) img {
			margin-right: 30px;
		}

		.function .block:nth-of-type(1) dt,
		.function .block:nth-of-type(2) dt {
			font-size: 25px;
		}

		.function .block:nth-of-type(1) dd,
		.function .block:nth-of-type(2) dd {
			font-size: 18px;
		}

		@media screen and (max-width: 640px) {
			.function .rowOLD {
				height: auto !important;
			}

			.function .rowOLD li {
				margin-bottom: 20px;
				overflow: auto;
			}

			.function .rowOLD .rowOLD02 p {
				font-size: 14px;
			}

			.function .rowOLD .rowOLD02 img {
				margin-right: 0 !important;
				width: 30%;
				height: auto;
				float: left;
			}

			.function .rowOLD .rowOLD02 dl {
				width: 65%;
				position: relative;
				float: right;
			}

			.function .rowOLD .rowOLD02 dt {
				margin-bottom: 10px;
				font-size: 18px;
				text-align: left;
			}

			.function .rowOLD .rowOLD02 dd {
				font-size: 14px;
			}
		}

		@media screen and (max-width: 640px) {
			.flow figure {
				background: url(../img/flow_img_sp.png) no-repeat 0 0;
				background-size: 100% auto;
				height: 130vw;
			}

			.flow img {
				width: 100%;
				display: none;
			}
		}


		aside {
			margin: -60px 60px 0 0;
			text-align: right;
		}

		@media screen and (max-width: 640px) {
			aside {
				margin-right: 20px;
			}
		}

		/* CSS OF NEW WEBSITE (from 2021) */
		div.content {
			position: relative;
			overflow: visible;
			height: 90px;
			background-color: #fafafa;
			border: 1px solid #333333;
			margin-bottom: 10px;
		}

		.content .marker {
			position: absolute;
			left: calc(50% - 5px);
			padding-left: calc(-50% - 5px);
			top: calc(50% - 5px);
			padding-top: calc(-50% - 5px);
			background-color: green;
			height: 10px;
			width: 10px;
			border-radius: 5px;
		}


		#menu-scroll .show {
			background-color: #007bff;
			z-index: 109;
			margin-top: -2px;
			padding: 1.2em
		}

		/*#theme-main {margin-top: 70px;}*/

		.sticky-button-frame {
			z-index: 20;
			position: fixed;
			overflow: auto;
			right: 30px;
			bottom: 0px;
			background-color: white;
			box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
			padding: 15px 5px 5px 5px;
			border-radius: 10px 10px 0 0;
		}

		body {
			font-family: "Noto Sans JP";
		}

		h1,
		h2,
		h3,
		h4,
		h5,
		h6 {
			font-weight: 700
		}

		h3 {
			font-size: 1.5rem;
		}

		h4 {
			font-size: 1.3rem;
		}

		p {
			font-weight: 400;
			font-size: 1.1em;
			padding: 0em 0 1em 0;
			margin: 0 0 0 0;
			line-height: 1.6em
		}

		.title-casestudy {
			width: 100px;
		}

		.p-small {
			font-size: 1.0em;
			line-height: 1.4em;
			padding-bottom: .5em;
		}

		.hr-blue-fadeout {
			opacity: 1;
			height: 2px !important;
			border-width: 1px;
			background: #206AF4;
			background-image: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(32, 106, 244, 1), rgba(255, 255, 255, 1));
		}

		.font-weight-400 {
			font-weight: 400 !important;
		}

		.size-16px {
			font-size: 20px !important;
		}

		.h2-title-temp {
			padding-top: 10px;
			padding-bottom: 16px;
			background-color: rgba(255, 255, 255, 0.9);
			border-radius: 20px;
		}

		.h3-link {
			font-size: 1.3em;
		}

		a {
			color: #333333;
		}

		a {
			text-decoration: none;
			color: #666;
			opacity: 1;
			transition: .4s;
		}

		a[href^=tel] {
			color: inherit;
			text-decoration: none;
		}

		.a-tag-disabled:hover {
			text-decoration: none;
		}

		.link {
			text-decoration: underline !important;
		}

		.navbar-text {
			font-weight: regular;
			font-size: 1.2rem;
			color: #206AF4 !important;
		}

		.navbar-link {
			padding-top: 0.5em;
			padding-bottom: 0.5em;
		}

		@media screen and (max-width:575px) {
			.fontsize--xs-2em {
				font-size: 2em;
			}
		}

		.fontsize-1_1em {
			font-size: 1.1em;
		}

		.navbar-collapse {
			flex-basis: 100%;
			flex-grow: 0;
			align-items: center;
		}

		.bg-belugablue {
			background-color: #206AF4;
		}

		.bg-belugablue-light {
			background: #E9F0FE;
		}

		.percent-100 {
			position: absolute;
			width: 100%;
			height: 100%;
		}

		.navbar-toiawase {
			border-radius: 20px;
			padding-left: 40px !important;
			padding-right: 40px !important;
			background-color: #27AE60;
			box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
			text-align: center;
		}

		.vertical-align-middle {
			display: flex;
			align-items: center;
			justify-content: center;
		}

		n
		/* topbar-desktoponly */
		.topbar-desktoponly {
			background-color: rgba(0, 0, 0, 0);
		}

		.toiawase {
			height: 100%;
			width: 100%;
			vertical-align: middle;
			font-weight: bold;
			border-radius: 10px;
			padding: 10px 40px;
			color: white;
			background-color: #27AE60;
			box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
			text-align: center;
		}

		.toiawase:hover {
			background-color: #68C690 !important;
			transition: 0.3s;
			text-decoration: none;
			color: white;
		}

		.frame-white {
			height: 100%;
			width: 100%;
			padding: 10px 40px;
			border: 1px solid white;
			border-radius: 10px;
			background-color: rgba(255, 255, 255, 0.15);
		}

		.frame-white:hover {
			background-color: rgba(255, 255, 255, 0.3);
		}

		.button {
			padding: 0.5em 2.5em;
			border: 2px solid black;
			border-radius: 15px;
			font-size: 1.2rem;
			color: #333;
			transition: 0.15s;
		}

		.button:hover {
			text-decoration: none;
			background-color: rgba(0, 0, 0, 0.2);
		}

		.button-white {
			border-color: white;
			color: white;
		}

		.button-white:hover {
			background-color: rgba(255, 255, 255, 0.2);
		}

		.img-placeholder {
			display: inline-block;
			width: 100%;
			height: 100%;
			background-color: #EEE;
			padding: 10px;
		}

		.img-feature {
			width: 50%;
		}

		.pt-7,
		.py-7 {
			padding-top: 110px
		}

		.mt-7,
		.my-7 {
			margin-top: 110px
		}

		.bold {
			font-weight: bold;
		}

		.margin-0 {
			margin: 0 0 0 0
		}

		.padding-0 {
			padding: 0 0 0 0
		}

		.color-white {
			fill: #fff;
			color: #fff;
		}

		.background-color-white {
			background-color: #fff;
		}

		.color-secondary {
			fill: #4C8BFF;
		}

		.color-grey {
			color: #BDBDBD;
			fill: #BDBDBD;
		}

		.color-grey-bright {
			color: #F6F6F6;
			fill: #F6F6F6;
		}

		.background-color-grey-bright {
			background-color: #F6F6F6;
		}

		.services-picture {
			width: 60%;
			height: auto
		}

		.card-ondark {
			height: 100%;
			background-color: white;
			border-radius: 30px;
			padding: 20px;
			overflow: hidden;
		}

		.card-ondark-image {
			height: 150px;
		}

		table {
			border-spacing: 10px;
			border-collapse: separate;
			font-size: 1.3em;
		}

		th,
		td {
			background-color: #EEE;
			border-radius: 8px;
			padding-top: .3em;
			padding-bottom: .3em;
			margin: 10px;
		}

		.table-cell-width-small {
			width: 10%;
		}

		.table-cell-width-medium {
			width: 11.8%;
		}

		.table-cell-align-right {
			text-align: right;
			padding-right: 20px;
		}

		/* Everything about the Frame for the Cards */
		.frame {
			border: 2px solid #206AF4;
			border-radius: 20px;
			overflow: hidden;
		}

		.button-inframe {
			width: 100%;
			font-weight: bold;
			font-size: 18pt;
			padding-top: 10px;
			padding-bottom: 10px;
			border: 0px;
			background-color: #206AF4;
			color: white;
			transition: 0.3s;
		}

		.button-inframe:hover {
			background-color: #4C8BFF;
			transition: 0.3s;
		}

		.button-inframe-2 {
			width: 100%;
			font-weight: regular;
			font-size: 16pt;
			padding: 8px 0;
			border: 0px;
			background-color: #DEDEDE;
			color: #333;
			transition: 0.3s;
		}

		.button-inframe-2:hover {
			background-color: #EFEFEF;
			transition: 0.3s;
		}

		.button-active {
			background-color: white;
			color: #206AF4;
		}

		.button-active-2 {
			background-color: white;
			color: #333;
		}

		.button-active:hover {
			background-color: white;
			transition: 0.3s;
		}

		.button-inframe:focus,
		.button-active:focus {
			border: 0px solid white;
		}

		/* Everything about Cards */
		.card-container {
			padding: 0 7.5px 15px 7.5px;
		}

		.card {
			width: 100%;
			border: 0px solid #206AF4;
			border-radius: 10px;
			height: 220px;
			box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
			padding: 15px 15px;
		}

		.card-dynamic {
			height: auto;
		}

		.usecase-card-links {
			position: absolute;
			right: 20px;
			bottom: 20px;
		}


		.card-size-variable {
			width: 100%;
			border: 0px solid #206AF4;
			border-radius: 10px;
			box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
			padding: 20px;
		}

		.card-support {
			display: flex;
			position: absolute;
			width: auto;
			top: 10px;
			right: 10px;
		}

		.support-base {
			background-color: #CCCCCC;
			width: 20px;
			height: 20px;
			border-radius: 50%;
			margin-left: 5px;
			font-size: 0pt;
			color: rgba(0, 0, 0, 0);
		}

		.support-facebook {
			background-color: #206AF4;
		}

		.support-twitter {
			background-color: #1DA1F2;
		}

		.support-instagram {
			background-color: #E3007F;
		}

		.support-facebook:empty,
		.support-twitter:empty,
		.support-instagram:empty {
			background-color: #DEDEDE;
		}

		.card-content {
			display: flex;
			height: 140px;
		}

		.card-image {
			width: 80px;
			height: auto;
			padding: 5px;
		}

		.card-text {
			flex: 1;
			padding-left: 10px;
			vertical-align: middle;
		}

		.card-text2 {
			position: absolute;
			top: 50%;
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
		}

		.card-title {
			font-size: 20px;
			padding-bottom: 10px;
			margin-bottom: 0px;
		}

		.card-description {
			font-size: 18px;
			line-height: 1.2em;
			padding-top: 0px;
			padding-bottom: 0px;
			padding-right: 20px;
		}

		.vertical-align {
			display: inline-block;
			height: 100%;
			vertical-align: middle;
		}

		.text-vertical-middle {
			display: flex;
			justify-content: center;
			height: 100%;
		}

		.buttons-inner {
			margin: 0px;
			padding: 0px;
			border: 2px solid #DEDEDE;
			border-radius: 10px 10px 0 0;
			overflow: hidden;
		}

		.image-default {
			border-radius: 10px;
			/* box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2); */
			-webkit-filter: drop-shadow(0px 2px 8px rgba(0, 0, 0, .3));
			filter: drop-shadow(0px 2px 8px rgba(0, 0, 0, .3));
		}

		.dshadow {
			/* box-shadow: 0 0px 20px 0 rgba(0, 0, 0, .3); */
			-webkit-filter: drop-shadow(0px 2px 8px rgba(0, 0, 0, .3));
			filter: drop-shadow(0px 2px 8px rgba(0, 0, 0, .3));
		}

		@media screen and (-ms-high-contrast: active),
		(-ms-high-contrast: none) {
			.image-default {
				border-radius: 10px;
				box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
			}

			.dshadow {
				box-shadow: 0 0px 20px 0 rgba(0, 0, 0, .2);
			}
		}

		/* Usecase */
		/*#usecases .rowOLD {display: flex;flex-wrap: wrap;justify-content: center;}*/
		.usecase-container-image {
			overflow: hidden;
			text-align: center;
			width: 100%;

		}

		.usecase-container-image img {
			width: 100px;
			height: auto;
			border-radius: 50%;
		}

		.explanation-icon {
			height: 100%;
			width: 6em;
		}

		/* Footer */
		.bp-menu-social-icon {
			width: 35px;
			height: auto;
			margin-top: 8px;
			margin-bottom: 16px
		}

		.footer-logo {
			width: 220px;
			height: auto
		}

		.bp-toiawase_field {
			background-color: rgba(51, 51, 51, 0.3);
		}

		#footer-beluga p,
		#footer-companyx p {
			padding: 0.4em 0;
		}


		.link-external span:after,
		#link-external p:after {
			content: "";
			height: 20px;
			width: 20px;
			background: url(../img/redirect.png);
			background-repeat: no-repeat;
			background-size: 20px 20px;
			position: absolute;
			display: inline-block;
			margin-left: 8px;
			margin-top: 6px;
		}

		@media screen and (max-width:576px) {
			.link-external-noheightadjustment span:after {
				content: "";
				height: 20px;
				width: 20px;
				background: url(../img/redirect.png);
				background-repeat: no-repeat;
				background-size: 20px 20px;
				position: absolute;
				display: inline-block;
				margin-left: 8px;
				margin-top: 2px;
			}
		}

		.link-external-space-compensate-standardtext {
			margin-right: 45px;
		}


		/* WPForms */
		.wpforms-container {
			background-color: white !important;
			border-radius: 8px !important;
		}

		.wpforms-confirmation-container-full {
			clear: both;
			border-radius: 8px
		}

		.wpforms-container label {
			padding-left: 0.5em !important;
			padding-right: 0.5em !important;
			padding-top: 0.25em !important;
			/*color: white; */
		}

		.wpforms-container input,
		.wpforms-container textarea {
			background-color: rgba(0, 0, 0, .0) !important;
			border: 0 !important;
			border-bottom: 0.5px solid !important;
			border-color: #555 !important;
			border-radius: 0 !important;
			/*border-color: white !important; */
		}

		.wpforms-container select {
			background-color: rgba(255, 255, 255, .3) !important;
			/*color: white !important; */
		}

		.wpforms-field-container div {
			padding-left: 0.5em !important;
			padding-right: 0.5em !important;
		}

		.wpforms-submit-container {
			padding-left: 0em !important;
			padding-right: 0em !important;
		}

		div.wpforms-container-full .wpforms-form input[type=date],
		div.wpforms-container-full .wpforms-form input[type=datetime],
		div.wpforms-container-full .wpforms-form input[type=datetime-local],
		div.wpforms-container-full .wpforms-form input[type=email],
		div.wpforms-container-full .wpforms-form input[type=month],
		div.wpforms-container-full .wpforms-form input[type=number],
		div.wpforms-container-full .wpforms-form input[type=password],
		div.wpforms-container-full .wpforms-form input[type=range],
		div.wpforms-container-full .wpforms-form input[type=search],
		div.wpforms-container-full .wpforms-form input[type=tel],
		div.wpforms-container-full .wpforms-form input[type=text],
		div.wpforms-container-full .wpforms-form input[type=time],
		div.wpforms-container-full .wpforms-form input[type=url],
		div.wpforms-container-full .wpforms-form input[type=week],
		div.wpforms-container-full .wpforms-form select,
		div.wpforms-container-full .wpforms-form textarea {
			/*color: #fff; */
		}

		/*div.wpforms-container-full .wpforms-form option {background-color: #0b1a39;}*/
		#wpforms-269-field_18-container label {
			font-weight: 400 !important;
		}


		#wpforms-269-field_14,
		#wpforms-269-field_15,
		#wpforms-269-field_16,
		#wpforms-269-field_18 {
			padding-left: 0.5em !important;
			padding-right: 0.5em !important;
		}

		#wpforms-form-269 {
			clear: both;
			border-radius: 8px;
			border-color: #fff;
			box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
			margin: 0 0 32px 0
		}

		::placeholder {
			/*color: #fff !important; */
			opacity: .7
		}

		#wpforms-submit-269 {
			width: 100%;
			border: 0;
			border-top: 1.5px solid;
			/*border-color: #fff; */
			/*background-color: rgba(0, 73, 161, .5); */
			background-color: #007bff;
			color: #fff;
			border-radius: 0 0 8px 8px;
			transition-duration: .2s;
		}

		#wpforms-submit-269:hover {
			background-color: #74A2F6;
		}

		.wpforms-error {
			/*color: #ffadb5 !important; */
			color: red !important;
		}

		#wpforms-field-limit-text-269-5 {
			border: 0;
			float: right;
			margin: -30px 12px 0 0;
			color: #fff
		}

		.wpforms-container-full {
			margin-bottom: 50px;
		}

		/* END of WPForms */
		/* END of Footer */
		.plan-organic {
			height: 100%;
			max-height: 950px
		}

		.plan-title-small {
			font-size: 25px;
			line-height: 1.5em;
		}

		.plan-description {
			height: 110px;
			font-size: .85em;
		}

		.plan-icon-campaign {
			margin-left: 10px;
			margin-top: auto;
			margin-bottom: auto;
			width: 40px;
			height: auto;
		}

		.terms {
			width: 230px;
			float: right;
		}

		.belugaportal-article-tag {
			margin: 0 5px 5px 0;
			padding: .1em .45em .2em .45em;
			border-radius: 8px;
			transition-duration: .2s;
			text-decoration: none !important;
			font-size: .8em;
			white-space: nowrap;
			min-width: 4em;
			text-align: center;
			float: right;
		}

		.belugaportal-article-tag {
			border: 1.5px solid #007bff;
			color: #007bff !important
		}

		.belugaportal-article-tag:hover {
			background-color: #007bff;
			color: #fff !important
		}

		.belugaportal-article-tag {
			border: 1.5px solid #828282;
			color: #828282 !important
		}

		.belugaportal-article-tag:hover {
			background-color: #828282;
			color: #fff !important
		}

		.plan-features p {
			font-size: 1em;
			padding: 0.2em 0;
		}

		.plan-contract {
			font-size: 16px;
			padding: 0.2em 0;
		}

		.plan-setup {
			font-size: 18px;
			padding: 0 0;
		}

		.plan-subscription {
			font-weight: bold;
			font-size: 23px;
			padding-top: .5em;
		}

		.plan-icon {
			width: 20px;
		}

		.belugakun-plan {
			float: right;
			margin-bottom: -20px;
			margin-right: -15px;
			width: 90%;
			height: auto
		}


		body.picostrap_header_navbar_position_fixed-top {
			padding-top: 0;
		}

		@media screen and (min-width:576px) {
			.belugakun-plan {
				width: 50%;
				height: auto;
				margin-bottom: -40px;
				margin-right: -30px;
			}

			.belugakun-plan-pc {
				margin-top: -90px
			}
		}

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

			h1 br,
			h2 br,
			h3 br,
			h4 br,
			p br {
				display: inline-block;
			}

			h2 {
				font-size: 1.6rem;
			}

			h3 {
				font-size: 1.3rem;
			}

			body {
				font-size: 0.8rem;
			}

			.font-size-1_6rem {
				font-size: 1.6rem;
			}

			#intro-part2-card1 div div div,
			#intro-part2-card2 div div div,
			#intro-part2-card3 div div div {
				display: inline-block;
				height: 100%;
				vertical-align: middle;
			}

			#intro-part2-card1 div div div img,
			#intro-part2-card2 div div div img {
				transform: scale(0.8, 0.8);
			}

			.text-center-smartphone {
				text-align: center;
			}

			.text-right-smartphone {
				text-align: right;
			}

			.support-base {
				width: 40px;
				height: 8px;
				margin-top: 6px;
				border-radius: 4px;
				margin-left: 5px;
				font-size: 0;
				color: rgba(0, 0, 0, 0);
			}

			.card-text2 {
				position: relative;
				padding-top: 35px;
				padding-bottom: 35px;
				top: 0;
				-ms-transform: translateY(-0%);
				transform: translateY(-0%);
			}


			.card-content {
				height: 100%;
			}

			.button-inframe {
				font-size: 15pt;
			}

			table {
				border-spacing: 5px;
				border-collapse: separate;
				font-size: 0.7em;
			}

			.navbar-text {
				font-size: 1rem;
			}
		}

		@media screen and (min-width:768px) {

			h1 br,
			h2 br,
			h3 br,
			h4 br,
			p br {
				display: inline-block;
			}

			.belugakun-plan {
				width: 40%;
				height: auto;
				margin-bottom: -40px;
				margin-right: -30px;
			}

			.belugakun-plan-pc {
				margin-top: -152px
			}
		}

		.navbar-brand img {
			height: 45px;
			width: auto;
		}

		@media screen and (max-width:310px) {
			.navbar-brand {
				width: 140px;
			}
		}

		@media screen and (max-width:320px) {
			.navbar-brand img {
				padding-top: 4px;
				padding-bottom: 4px;
			}
		}

		@media screen and (min-width:311px) and (max-width:360px) {
			.navbar-brand {
				width: 180px;
			}
		}

		@media screen and (min-width:321px) and (max-width:991px) {
			.navbar-brand img {
				padding-top: 2px;
				padding-bottom: 2px;
			}
		}

		@media screen and (max-width:991px) {
			.navbar {
				padding-top: 5px;
				padding-bottom: 5px;
			}

			.button-inframe {
				font-size: 1rem;
			}
		}


		/* Section-Belugaシリーズ */
		.card-round {
			width: 333px;
			height: 333px;
			margin: auto;
			border-radius: 50%;
			background-color: white;
			overflow: hidden;
		}

		@media screen and (max-width:370px) {
			.card-round {
				width: 90vw;
				height: 90vw;
			}
		}


		/* CSS for all other browser */
		@supports not (-ms-high-contrast: none) {
			.card-round-container {
				padding: 0 7.5px 15px 7.5px;
			}

			.card-round::before {
				content: "";
				width: 50%;
				height: 100%;
				float: left;
				shape-outside: polygon(0 0, 98% 0, 50% 6%, 23.4% 17.3%, 6% 32.6%, 0 50%, 6% 65.6%, 23.4% 82.7%, 50% 94%, 98% 100%, 0 100%);
				shape-margin: 3%;
			}

			.card-round-outershape {
				height: 100%;
			}

			.card-round-outershape::before {
				content: "";
				width: 50%;
				height: 100%;
				float: right;
				shape-outside: polygon(2% 0%, 100% 0%, 100% 100%, 2% 100%, 50% 94%, 76.6% 82.7%, 94% 65.6%, 100% 50%, 94% 32.6%, 76.6% 17.3%, 50% 6%);
				shape-margin: 3%;
			}

			.belugaSeries-intro-container-image {
				width: 100%;
				padding-top: 10px;
				padding-bottom: 90px;
			}

			.belugaSeries-intro-container-image img {
				position: absolute;
				left: 50%;
				-webkit-transform: translateX(-50%);
				-ms-transform: translateX(-50%);
				transform: translateX(-50%);
				width: 90px;
				height: auto;
			}
		}

		.belugaSeries-intro-container-basicInformation {
			text-align: center;
			padding-bottom: 0.8em;
		}

		.belugaSeries-intro-title {
			margin-bottom: 0;
			padding-bottom: 0.2em;
		}

		.belugaSeries-intro-subtitle {
			padding-bottom: 0.6em;
		}

		.belugaSeries-intro-content {
			text-align: center;
		}

		.belugaSeries-intro-content p {
			padding: 0;
		}

		/* CSS for Internet Explorer */
		@media (-ms-high-contrast: none),
		(-ms-high-contrast: active) {
			.belugaSeries-intro-content p {
				padding-left: 1em;
				padding-right: 1em;
			}
		}

		/* Navigation Menu */
		.navbar {
			overflow: hidden;
			position: fixed;
			top: 0;
			width: 100%;
			height: 60px;
			background-color: rgba(255, 255, 255, .9);
			padding: 0 1em 0 1em;
		}

		.nav-item {
			font-size: 1.2em;
		}

		.navbar-text {
			font-size: 1.2rem;
			/* originally 1.2em */
		}


		@media screen and (min-width:1650px) {
			.navbar-text {
				font-size: 1.2rem;
			}

			.pl-xxxl-5 {
				padding-left: 3rem !important;
			}
		}

		.font-size-2em {
			font-size: 2em;
		}

		.font-size-1_6em {
			font-size: 1.6em;
		}

		.font-size-1_2em {
			font-size: 1.2em;
		}

		#nav-slider {
			top: -60px;
		}

		@media screen and (max-width:993px) {
			.navbar {
				height: auto;
				background-color: rgba(255, 255, 255, 0.9);
			}

			.nav-item {
				padding-top: 0.5em;
				padding-bottom: 0.5em;
			}

			.navbar-collapse {
				padding-bottom: 1em;
			}

			#mainmenu {
				display: none;
			}

			#nav-slider {
				top: 0;
			}
		}

		.navbar-toiawase:hover {
			background-color: #68C690 !important;
			transition: 0.3s;
			text-decoration: none;
		}

		/* Intro-Foreground */

		.intro-1-h2 {}

		/* Intro-Background */
		.wave-image-layer-4,
		.wave-image-layer-3,
		.wave-image-layer-2,
		.wave-image-layer-1 {
			position: absolute;
			top: 0;
			width: 100%;
		}

		.intro-background-image-container {
			z-index: 2;
			position: absolute;
			width: 100%;
		}

		.container-intro_video {
			position: fixed;
			background-size: cover;
			top: 0;
			left: 0;
		}

		.container-intro_video video {
			height: 100%;
			width: 177.77777778vh;
			/* 100 * 16 / 9 */
			min-width: 120%;
			min-height: 56.25vw;
			/* 100 * 9 / 16 */
		}

		.container-intro-1 {
			position: absolute;
			z-index: 2;
			margin-top: 8%;
			margin-left: 8%;
			width: 800px;
			color: white;
			text-shadow: 0 0 15px rgba(0, 0, 0, .8);
		}

		.container-logomark {
			background-color: rgba(255, 255, 255, 0.8);
			border-radius: 15px;
			text-align: center;
		}

		.container-logomark img {
			width: 80px;
			height: auto;
		}

		@media screen and (max-width:991px) {
			.intro-background-image-container {
				width: 320%;
				left: -100%;
				top: 240px;
			}

			.container-intro-1 {
				position: relative;
				margin-top: 80px;
				margin-left: 10%;
				width: 80%;
			}

			.container-intro-content {
				position: relative;
				margin-top: 0;
			}
		}

		.container-intro-content {
			position: relative;
			z-index: 2;
			margin-top: 33%;
		}

		@media screen and (min-width:1400px) {
			.container-intro-content {
				margin-top: 34%;
			}
		}

		@media screen and (min-width:2000px) {
			.container-intro-content {
				margin-top: 36%;
			}
		}

		.seperator-for_background {
			height: 150px;
		}




		/* Section-FAQ */
		.faq-container {}

		.faq-container-content {
			padding-bottom: 0.75em;
		}

		.faq-container-content-title {
			margin: 0;
			padding: 0 0 0.25em 0;
		}

		.faq-container-content-content {
			padding: 0 0 0.75em 0;
		}

		.faq-item__q {
			font-size: 1.1em;
			color: #007bff;
			font-weight: bold;
			margin-bottom: 5px;
			text-indent: -1.2em;
			margin-left: 1.2em;
		}

		.faq-item__a {
			font-size: 1.1em;
			color: #333;
			text-indent: -1.2em;
			margin-left: 1.2em;
		}

		.faq-item__a span {
			color: #F9004C;
			font-weight: bold;
		}


        
        .py-6 {
            padding-top: 5rem;
            padding-bottom: 5rem;
        }
        
        .title-casestudy {
            max-width: 400px;
        }

        /* JavaScriptスライダーの静的な代替スタイル */
        .static-slider-container {
            display: flex;
            overflow-x: auto; /* 横スクロールを有効化 */
            padding-bottom: 1.5rem; /* スクロールバーのための余白 */
            scrollbar-width: thin; /* スクロールバーの見た目 */
            scrollbar-color: #ccc #f1f1f1;
        }
        
        .static-slider-container::-webkit-scrollbar {
            height: 8px;
        }
        
        .static-slider-container::-webkit-scrollbar-thumb {
            background-color: #ccc;
            border-radius: 10px;
}

        .slider-text-content {
            padding: 1rem;
            display: flex;
            flex-direction: column;
            flex-grow: 1; /* コンテンツの高さを揃える */
        }
        
        .slider-title {
            font-weight: bold;
            flex-grow: 1;
        }

        .slider-showmore {
            text-align: right;
            text-decoration: underline;
            margin-top: 1rem;
        }



/*▼global-styles-inline-css*/

		.has-black-color {
			color: var(--wp--preset--color--black) !important;
		}

		.has-cyan-bluish-gray-color {
			color: var(--wp--preset--color--cyan-bluish-gray) !important;
		}

		.has-white-color {
			color: var(--wp--preset--color--white) !important;
		}

		.has-pale-pink-color {
			color: var(--wp--preset--color--pale-pink) !important;
		}

		.has-vivid-red-color {
			color: var(--wp--preset--color--vivid-red) !important;
		}

		.has-luminous-vivid-orange-color {
			color: var(--wp--preset--color--luminous-vivid-orange) !important;
		}

		.has-luminous-vivid-amber-color {
			color: var(--wp--preset--color--luminous-vivid-amber) !important;
		}

		.has-light-green-cyan-color {
			color: var(--wp--preset--color--light-green-cyan) !important;
		}

		.has-vivid-green-cyan-color {
			color: var(--wp--preset--color--vivid-green-cyan) !important;
		}

		.has-pale-cyan-blue-color {
			color: var(--wp--preset--color--pale-cyan-blue) !important;
		}

		.has-vivid-cyan-blue-color {
			color: var(--wp--preset--color--vivid-cyan-blue) !important;
		}

		.has-vivid-purple-color {
			color: var(--wp--preset--color--vivid-purple) !important;
		}

		.has-black-background-color {
			background-color: var(--wp--preset--color--black) !important;
		}

		.has-cyan-bluish-gray-background-color {
			background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
		}

		.has-white-background-color {
			background-color: var(--wp--preset--color--white) !important;
		}

		.has-pale-pink-background-color {
			background-color: var(--wp--preset--color--pale-pink) !important;
		}

		.has-vivid-red-background-color {
			background-color: var(--wp--preset--color--vivid-red) !important;
		}

		.has-luminous-vivid-orange-background-color {
			background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
		}

		.has-luminous-vivid-amber-background-color {
			background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
		}

		.has-light-green-cyan-background-color {
			background-color: var(--wp--preset--color--light-green-cyan) !important;
		}

		.has-vivid-green-cyan-background-color {
			background-color: var(--wp--preset--color--vivid-green-cyan) !important;
		}

		.has-pale-cyan-blue-background-color {
			background-color: var(--wp--preset--color--pale-cyan-blue) !important;
		}

		.has-vivid-cyan-blue-background-color {
			background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
		}

		.has-vivid-purple-background-color {
			background-color: var(--wp--preset--color--vivid-purple) !important;
		}

		.has-black-border-color {
			border-color: var(--wp--preset--color--black) !important;
		}

		.has-cyan-bluish-gray-border-color {
			border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
		}

		.has-white-border-color {
			border-color: var(--wp--preset--color--white) !important;
		}

		.has-pale-pink-border-color {
			border-color: var(--wp--preset--color--pale-pink) !important;
		}

		.has-vivid-red-border-color {
			border-color: var(--wp--preset--color--vivid-red) !important;
		}

		.has-luminous-vivid-orange-border-color {
			border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
		}

		.has-luminous-vivid-amber-border-color {
			border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
		}

		.has-light-green-cyan-border-color {
			border-color: var(--wp--preset--color--light-green-cyan) !important;
		}

		.has-vivid-green-cyan-border-color {
			border-color: var(--wp--preset--color--vivid-green-cyan) !important;
		}

		.has-pale-cyan-blue-border-color {
			border-color: var(--wp--preset--color--pale-cyan-blue) !important;
		}

		.has-vivid-cyan-blue-border-color {
			border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
		}

		.has-vivid-purple-border-color {
			border-color: var(--wp--preset--color--vivid-purple) !important;
		}

		.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
			background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
		}

		.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
			background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
		}

		.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
			background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
		}

		.has-luminous-vivid-orange-to-vivid-red-gradient-background {
			background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
		}

		.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
			background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
		}

		.has-cool-to-warm-spectrum-gradient-background {
			background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
		}

		.has-blush-light-purple-gradient-background {
			background: var(--wp--preset--gradient--blush-light-purple) !important;
		}

		.has-blush-bordeaux-gradient-background {
			background: var(--wp--preset--gradient--blush-bordeaux) !important;
		}

		.has-luminous-dusk-gradient-background {
			background: var(--wp--preset--gradient--luminous-dusk) !important;
		}

		.has-pale-ocean-gradient-background {
			background: var(--wp--preset--gradient--pale-ocean) !important;
		}

		.has-electric-grass-gradient-background {
			background: var(--wp--preset--gradient--electric-grass) !important;
		}

		.has-midnight-gradient-background {
			background: var(--wp--preset--gradient--midnight) !important;
		}

		.has-small-font-size {
			font-size: var(--wp--preset--font-size--small) !important;
		}

		.has-medium-font-size {
			font-size: var(--wp--preset--font-size--medium) !important;
		}

		.has-large-font-size {
			font-size: var(--wp--preset--font-size--large) !important;
		}

		.has-x-large-font-size {
			font-size: var(--wp--preset--font-size--x-large) !important;
		}





/*▼slick*/
        #casestudy {
            background-color: #0d6efd; /* 元サイトの背景色を再現 */
            padding: 4rem 0;
			position: relative;
        }
        /*.container {
            max-width: 1140px;
            margin: 0 auto;
            padding: 0 15px;
        }*/
        .title-casestudy {
            max-width: 400px;
        }
        .fs-5 {
            font-size: 1.25rem;
        }
        .pb-4 {
            padding-bottom: 1.5rem;
        }
        .text-white {
            color: #fff;
        }
        .text-center {
            text-align: center;
        }
        .mx-auto {
            margin-left: auto;
            margin-right: auto;
        }
        .mb-1 {
            margin-bottom: 0.25rem;
        }
        .w-100 {
            width: 100%;
        }
        .slider-card {
            display: block;
            margin: 0 15px;
            background-color: #fff;
            color: #333;
            text-decoration: none;
            border-radius: 8px;
            overflow: hidden;
            transition: transform 0.3s ease;
        }
        .slider-card:hover {
            transform: translateY(-5px);
        }
        .slider-image-wrapper {
            width: 100%;
            height: 220px; /* 高さを固定 */
            overflow: hidden;
        }
        .slider-image-wrapper img {
            width: 100%;
            height: 100%;
            object-fit: cover; /* 画像の比率を保ったままトリミング */
        }
        .slider-text-content {
            padding: 1.5rem;
            height: 180px; /* テキスト部分の高さも固定 */
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }
        .slider-title {
            font-weight: bold;
            font-size: 1rem;
            line-height: 1.5;
            flex-grow: 1;
        }
        .slider-showmore {
            color: #00a0e9;
            font-weight: bold;
            text-align: right;
        }
		.slick-prev.slick-arrow {
			position: absolute;
			z-index: 999;
		}
      .slick-prev:before, .slick-next:before {
			position: absolute;
			font-size: 60px!important;
			color: #000000!important;
			z-index: 999999;
		}
		.slick-prev:before {
			left: 30px;
		}
		.slick-next:before {
			right: 30px;
		}


        .mt-5 {
            margin-top: 3rem;
        }
        .view-all-button {
            display: inline-block;
            background-color: #fff;
            color: #00a0e9;
            padding: 1rem 3rem;
            border-radius: 50px;
            text-decoration: none;
            font-weight: bold;
            transition: background-color 0.3s ease, color 0.3s ease;
        }
        .view-all-button:hover {
            background-color: #e6e6e6;
        }



/*-------------styles-bundle.css書き直し-----------------------*/
a {
	display: block;
}
img {
	max-width: 100%;
    height: auto;
}
img.wp-post-image, article img, figure, img, #secondary img {
    max-width: 100%;
    height: auto;
}
ul {
	list-style-type: none;
}
/*section h2:before {
    content: "";
    display: block;
    height: 200px; 
    margin-top: -200px; 
    visibility: hidden;
}*/


h2 {
	font-size: 2rem;
}

dt {
    font-weight: 700;
}
/*共通*/
.row {
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) / -2);
    margin-left: calc(var(--bs-gutter-x) / -2);
}
.container {
	width: 1320px;
	margin: 0 auto;
}

.d-flex {
    display: flex !important;
}
.col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
}
.mb-5 {
    margin-bottom: 3rem !important;
}
.mb-lg-5 {
      margin-bottom: 3rem !important;
}
.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}
.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}
.pb-3 {
    padding-bottom: 1rem !important;
}
.pb-5 {
    padding-bottom: 3rem !important;
}
.pb-6 {
    padding-bottom: 4.5rem !important;
}	
 .pb-md-6 {
	padding-bottom: 4.5rem !important;
}
.pb-md-5 {
	padding-bottom: 3rem !important;
}
.pb-lg-5 {
	padding-bottom: 3rem !important;
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}
.px-lg-4 {
	padding-right: 1.5rem !important;
	padding-left: 1.5rem !important;
}
.pb-lg-5 {
	padding-bottom: 3rem !important;
}
.pt-lg-5 {
	padding-top: 3rem !important;
}
.pt-lg-6 {
	padding-top: 4.5rem !important;
}
.text-center {
    text-align: center;
}



/*ヘッダー*/
.rogo {
	margin: 4px 0 0;
    padding: 0;
}
.rogo img {
	height: 45px;
    width: auto;
}
nav li a{
	color: #0d6efd;
}
nav li {
	font-size: 1.2em;
}
.header_container {
	position: fixed;
	top: 0;
	z-index: 999;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 3px 20px;
	background-color: #f8f9fa;
}
.header_container nav {
	display: flex;
	align-items: center;
	color: #0D6EFD;
	list-style-type: none!important;
}
.header_container nav li {
	padding: 6px 12px 4px;
}
.header_container nav li:nth-of-type(1) {
	position: relative;
}
.page_nav_list {
	position: absolute;
	top: 48px;;
	font-size: 14px;
	padding: 6px;
	border: solid 1px #737373;
    border-radius: 4px;
    box-shadow: 4px 4px 4px #737373;
	background-color: #FFF;
}
.page_nav_list_block {
	display: block!important;
}
.page_nav_list_none {
	display: none;
}
.icon_redirect {
	width: 16px;
    height: 16px;
    margin: auto 4px;
}
.inquiry_btn a {
	color: #FFF;
	text-align: center;
	padding: 10px 40px;
	border-radius: 20px;
	background-color: #27ae60;
}
.text-primary {
	color: #0d6efd !important;
}

.container {
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto;
}	


/*ロゴ部分*/
.col-md-2 {
	flex: 0 0 auto;
    width: 16.6%;
}

.logo {
	padding: 2%;
	box-sizing: border-box;
} 
.logo .justify-content-center {
	justify-content: center;
	background-color: #FFFFFF;
}
.logo img {
	padding: 2px 8px
}




/*フッター-背景--*/

.color-secondary {
    fill: #4C8BFF;
}
.color-grey-bright {
    color: #FFF;
    fill: #eef4f7;
}
.footer-background-image-layer-1 {
    margin-bottom: -58%;
}
.footer-background-image-layer-2 {
    margin-bottom: -52%;
}
.footer-background-image-layer-3 {
    margin-bottom: -52%;
}
.footer-background-image-layer-4 {
    margin-bottom: -52%;
}
.footer-background-image-layer-1, .footer-background-image-layer-2, .footer-background-image-layer-3, .footer-background-image-layer-4 {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.footer-part2-color {
	position:relative; 
	z-index:10;
	padding-bottom: 100px;
    background-image: linear-gradient(#0B1A39, #050c1a);
}




/*------フッター要素------*/

footer p, 
footer dl,
footer h2 {
	color: #FFF;
	text-shadow: none;
}
footer h2 {
	font-size: 30px;
	margin: 60px 0 40px;
	text-align: center;
}
footer a,
footer a:hover, 
footer a:visited {
    color: #FFF;
}
.footer_inner {
	width: 1200px;
	margin: 0 auto;
}
.footer_service_series {
	position:relative; 
	z-index:99;
	margin-bottom: 40px;
}
.services-picture {
    width: 120px;
    height: auto;
}
.footer_service_series_container {
	display: flex;
	justify-content: center !important;
	flex-wrap: wrap;
}
.footer_service_series_container div {
	/*flex: 0 0 auto;*/
	width: 180px;
	text-align: center;
}
.services-picture {
    width: 100px;
    height: auto;
}
.footer_inquiry_box {
	display: flex;
    justify-content: space-around;
}

.tell_box {
    width: 400px;
	max-height: 88px;
    padding: 14px 40px;
	color: #FFF;
	text-align: center;
    border: 1px solid white;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.15);
}
.tell_box p {
	padding: 0!important;
}
.tell_box p strong {
	font-size: 24px;
}

.footer_inquiry_btn a {
	width: 400px;
	max-height: 88px;
	display: block;
    padding: 30px 40px;
	font-size: 24px;
	color: #FFF;
	text-align: center;
    border-radius: 10px;
    background-color: #27AE60;
}

.sns_icon {
	margin-bottom: 10px;
	width: 40px;
	height: auto;
}
.footer_uv_rogo {
	width: 350px;
}
.footer_link_list_container {
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}
.footer_link_list_box dl dt {
	font-size: 18px;
}
.footer_link_list_box dl dt,
.footer_link_list_box dl dd {
	margin-bottom: 10px;
}
.copyright {
	color: #FFF;
	text-align: center;
}




.explanation-icon {
    height: 100%;
    width: 6em;
}


@media screen and (min-width:768px) {
	.pc_only {
		display: block;
	}
	.sp_only {
		display: none;
	}
	.hamburger_icon {
		display: none;
	}
	#hamburger_menu {
		display: none;
	}
	#results {
		padding-top: 50px;
	}
	#function {
		padding-top: 20px;
	}
	.inner {
		width: 960px;
	}

}


@media screen and (max-width:767px) {
		.pc_only {
		display: none;
	}
	.sp_only {
		display: block;
	}
	section {
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}
	section::before {
		height: 10vw;
		margin-top: -10vw;;
	}
	footer section::before {
		height: auto;
		margin-top: 0;
	}
	h2 {
    	font-size: 1.6rem;
	}
	
	/*ヘッダー*/

	.rogo img {
		height: 6vw;
	}
	
	.header_container {
		padding: 0;
	}
	.header_container nav.hamburger_menu {
		display: none;
	}
	.header_container nav.hamburger_menu li {
    	padding: 2vw 4vw;
	}
	.hamburger_menu {
		display: block;
		width: 100%;
		position: absolute;
		top: 60px;
		z-index: 999;
		padding-bottom: 2vw;
		background-color: #FFF;
		box-shadow: 4px 4px 4px #737373;
	}
	.hamburger_icon {
		position: absolute;
		right: 8vw;
		top: 12px;
		display: block;
		width: 60px;
		height: 40px;
		border: solid 1px rgb(0 0 0 / 10%);
		border-radius: 0.25rem;
		z-index: 10;
		cursor: pointer;
	}
	.hamburger_icon span {
		transition: all .2s;
		position: absolute;
		height: 2px;
		background-color: #707071;
		width: 30px;
        z-index: 10;
        left: 0;
        right: 0;
        margin: 0 auto;
	}
	.hamburger_icon span:nth-of-type(1) {
    	top: 10px;
	}
	.hamburger_icon span:nth-of-type(2) {
    	top: 18px;
	}
	.hamburger_icon span:nth-of-type(3) {
    	top: 26px;
	}
	.hamburger_icon.open span:nth-of-type(1) {
    	 transform: translateY(10px) rotate(-50deg);
	}
	.hamburger_icon.open span:nth-of-type(2) {
    	 opacity: 0;
	}
	.hamburger_icon.open span:nth-of-type(3) {
    	transform: translateY(-6px) rotate(50deg);
	}
	.header_container {
		height: 60px;
	}
	.page_nav_list {
		position: relative;
		top: 0;
		margin: 2vw;
		padding: 2vw;
		box-shadow: none;
	}
	.icon_redirect {
		height: auto;
		margin: 1vw;
	}
	.inquiry_btn a {
		padding: 8px;
	}
	footer h2 {
		font-size: 2.0rem;
		margin-top: 8vw;
	}
	/*コンテンツ*/
	.container {
		width: 100%;
	}
	.col-md-2 {
		width: 33%;
	}
	
	.col-lg-6 {
		width: 100%;
	}
	
	/*フッター*/
	.footer_inner {
		width: 100%;
	}
	.tell_box {
		width: 100%;
		
	}
	.footer-part2-color {
		padding-bottom: 20vw;;
	}
	.footer_service_series_container {
		width: 90vw;
        margin: 0 auto;
		justify-content: flex-start!important;
	}
	.footer_service_series_container div {
		text-align: center;
		margin-bottom: 4vw;
		width: 44vw;
	}
	.footer_inquiry_box {
		display: block;
		padding: 0 4vw;
		
	}
	.footer_inquiry_btn a {
		font-size: 2.0rem;
		line-height: 2.0rem;
		width: 100%;
		margin-top: 4vw;
		padding: 4vw;		
	}
	.footer_link_list_container {
		display: block;
		font-size: 2.0rem;
		margin-top: 0;
		padding: 4vw;
	}
	.footer_link_list_container {
		font-size: 1.4rem;
	}
	.footer_link_list_box {
		margin-bottom: 4vw;
	}
	.footer_uv_rogo {
		width: 56vw;
}
}

@media screen and  (min-width:640px) and (max-width: 1320px) {
	.container {
		width: 100%;
	}	
		.footer_inner {
		width: 100%;
	}
	.inner {
		width: 100%;
		padding:  0 4%;
	}

}



.bg-primary {
    background-color: #0d6efd !important;
}


/*▼▼▼▼泡▼▼▼▼▼*/

.footer-background-image-bubble-1,
.footer-background-image-bubble-2,
.footer-background-image-bubble-3,
.footer-background-image-bubble-4 {
position: absolute;
}

.footer-background-image-bubble-1 {
opacity: 0.5;
left: 20%;
bottom: 30%;
width: 3em;
}

@keyframes bubble-upgoing {
0% {
bottom: 0;
}

100% {
bottom: 2000px;
}
}

@keyframes bubble-delay {
0% {
display: none;
}

100% {}
}

.footer-background-image-bubble-1,
.footer-background-image-bubble-2,
.footer-background-image-bubble-3,
.footer-background-image-bubble-4 {
visibility: visible;
position: relative;
animation: bubble-upgoing ease-out 12s infinite,
bubble-delay linear 20s infinite;
}

.footer-background-image-bubble-1 {
opacity: 1;
left: 20%;
width: 6em;
animation-delay: 4s;
animation-duration: 18s;
}


.footer-background-image-bubble-2 {
opacity: 1;
left: 65%;
width: 1.5em;
animation-duration: 28s;
animation-delay: 9s;
}

.footer-background-image-bubble-3 {
opacity: 0.5;
left: 45%;
width: 1em;
animation-duration: 30s;
animation-delay: 25s;
}

.footer-background-image-bubble-4 {
opacity: 1;
left: 5%;
width: 1.5em;
animation-duration: 35s;
animation-delay: 4s;
}