@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap');

:root {
	--pink: #F9578D;
	--yellow: #FED700;
	--indigo: #182558;
	--blue: #0080FF;
	--font-family-base: "Kosugi Maru", "Helvetica Neue", Helvetica, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, sans-serif;
}

*,
::before,
::after {
	padding: 0px;
	margin: 0px;
	box-sizing: border-box;
	font-family: var(--font-family-base);
}

html {
	font-size: 62.5%;
	box-sizing: border-box;
	scroll-behavior: smooth;
	line-height: 1.2;
	text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
}

body {
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.6;
	box-sizing: border-box;
	position: relative;
	text-size-adjust: 100%;
	font-feature-settings: "palt";
	letter-spacing: -0.05em;
	-webkit-font-smoothing: antialiased;
	width: 100%;
	min-width: 320px;
	overflow-x: hidden;
	color: var(--indigo);
}

input,
textarea {
	margin: 0px;
	padding: 0px;
	background: none;
	border: none;
	border-radius: 0px;
	font-size: 1.6rem;
	font-family: var(--font-family-base);
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0px;
	width: 100%;
}

a {
	text-decoration: none;
	background-color: transparent;
	word-break: break-all;
	transition: all 0.2s ease 0s;
	position: relative;
	color: var(--indigo);
}

a.tx-link {
	color: var(--blue);
	text-decoration: underline;
}

a.tx-link:hover {
	color: var(--indigo);
	text-decoration: none;
}

img {
	display: block;
	width: 100%;
	border-style: none;
}

button {
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0px;
	appearance: none;
}

/*----------------------
共通
-----------------------*/
body.no_scroll {
	overflow: hidden;
}

.pc_br {
	display: block;
}

.sp_br {
	display: none;
}

@media screen and (max-width: 768px) {
	.pc_br {
		display: none;
	}

	.sp_br {
		display: block;
	}
}

.bnr {
	width: 235px;
	position: fixed;
	bottom: 20px;
	right: 0;
	z-index: 10;
	transition: all 0.2s;
}

.bnr:hover {
	bottom: 16px;
}

@media screen and (max-width: 1366px) {
	.bnr {
		visibility: hidden;
	}

	.bnr.is-disp {
		visibility: visible;
		opacity: 1;
	}

	.bnr.is-hidden {
		visibility: hidden;
		opacity: 0;
	}
}

@media screen and (max-width: 500px) {
	.bnr {
		width: 70%;
	}
}

section {
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
}

section+section {
	margin-top: 60px;
}

.max-w {
	width: 100%;
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 500px) {
	section {
		padding-left: 10px;
		padding-right: 10px;
	}
}

/*---------- tx ----------*/
.tx-pink {
	color: var(--pink);
}

.tx-yellow {
	color: var(--yellow);
}

.maker-y {
	position: relative;
	z-index: 0;
	padding: 0 0.1em;
}

.maker-y::before {
	content: "";
	z-index: -1;
	position: absolute;
	bottom: -0.1em;
	left: 0;
	width: 100%;
	height: 50%;
	background-color: var(--yellow);
	border-radius: 5rem;
}

.tx-dotted {
	position: relative;
	padding-top: 0.4em;
}

.tx-dotted::before {
	content: "";
	width: 0.2em;
	height: 0.2em;
	background-color: var(--indigo);
	border-radius: 100%;
	position: absolute;
	top: 0;
	left: calc(50% - 0.1em);
}

.tx-pink.tx-dotted::before,
.tx-pink .tx-dotted::before {
	background-color: var(--pink);
}

.main {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 0;
	overflow-x: hidden;
}

/*---------- h2 ----------*/
.main .h2-wrap {
	width: 100%;
	margin: auto;
	display: flex;
	justify-content: center;
	margin-bottom: 40px;
}

.main h2 {
	text-align: center;
	font-weight: 700;
	font-size: 36px;
	line-height: 1.8;
	position: relative;
}

.main h2 img {
	display: inline-block;
	width: 200px;
	margin: 0 15px -20px;
}

.main h2 .tx-sm {
	font-size: 32px;
}

.main h2 .tx-lg {
	font-size: 46px;
}

.main h2.tit-dec::before,
.main h2.tit-dec::after {
	content: "";
	width: 60px;
	height: 30px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	background-image: url(/robop/ad/lp2/img/h2_dec.svg);
}

.main h2.tit-dec::before {
	left: -80px;
}

.main h2.tit-dec::after {
	right: -80px;
}

.caption {
	font-size: 22px;
	text-align: center;
	margin-bottom: 2em;
	position: relative;
	font-weight: 700;
}

@media screen and (max-width: 1280px) {
	.main h2 {
		font-size: 28px;
	}

	.main h2 .tx-sm {
		font-size: 28px;
	}

	.main h2 .tx-lg {
		font-size: 38px;
	}

	.main h2 img {
		width: 160px;
	}

	.main h2.tit-dec::before,
	.main h2.tit-dec::after {
		width: 50px;
		height: 25px;
	}

	.caption {
		font-size: 20px;
	}
}

@media screen and (max-width: 860px) {
	.main h2 {
		font-size: 24px;
	}

	.main h2 .tx-sm {
		font-size: 22px;
	}

	.main h2 .tx-lg {
		font-size: 32px;
		line-height: 1.6;
	}

	.main h2 img {
		width: 140px;
		margin: 0 15px -14px;
	}

	.main h2.tit-dec::before,
	.main h2.tit-dec::after {
		width: 45px;
	}

	.main h2.tit-dec::before {
		left: -70px;
	}

	.main h2.tit-dec::after {
		right: -70px;
	}
}

@media screen and (max-width: 768px) {
	.caption {
		font-size: 18px;
	}
}

@media screen and (max-width: 500px) {
	.main h2 {
		font-size: 22px;
	}

	.main h2 .tx-sm {
		font-size: 20px;
	}

	.main h2 .tx-lg {
		font-size: 26px;
	}

	.main h2 img {
		width: 100px;
		margin: 0 7px -10px;
	}

	.main h2.tit-dec::before,
	.main h2.tit-dec::after {
		width: 40px;
		height: 20px;
	}

	.main h2.tit-dec::before {
		left: -60px;
	}

	.main h2.tit-dec::after {
		right: -60px;
	}
}

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

	.main h2.tit-dec::before,
	.main h2.tit-dec::after {
		width: 35px;
		height: 15px;
	}

	.main h2.tit-dec::before {
		left: -45px;
	}

	.main h2.tit-dec::after {
		right: -45px;
	}

	.caption {
		font-size: 16px;
		/* font-weight: normal; */
	}
}

/*---------- ボタン ----------*/
.btn-warp {
	display: flex;
	justify-content: center;
	margin: 70px auto 0;
}

.btn-warp .btn {
	padding: 1em 3em;
	border-radius: 5rem;
	display: block;
	cursor: pointer;
	text-align: center;
	transition: all 0.2s;
	font-size: 22px;
	font-weight: 700;
	min-width: 450px;
	position: relative;
	z-index: 0;
	transform: translate(0px, 0px);
}

.btn-warp .btn-rbp::before,
.btn-warp .btn::after {
	content: "";
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
}

.btn-warp .btn-rbp::before {
	width: 46px;
	height: 48px;
	top: -34px;
	left: calc(50% - 23px);
	background-image: url(/robop/ad/lp2/img/img_rbp.svg);
	z-index: -1;
}

.btn-warp .btn::after {
	width: 46px;
	height: 46px;
	top: calc(50% - 23px);
	right: 20px;
	background-image: url(/robop/ad/lp2/img/ic_btn.svg);
}

.btn-warp .btn-y {
	color: var(--indigo);
	background-color: #FED700;
	box-shadow: 0px 6px 0px #FFC000;
}

.btn-warp .btn-b {
	color: #fff;
	background-color: #2CC4D4;
	box-shadow: 0px 6px 0px #00646E;
}

.btn-warp .btn:hover {
	transform: translate(0px, 6px);
	box-shadow: 0px 0px 0px #ffffff00;
}

@media screen and (max-width: 1100px) {
	.btn-warp .btn {
		font-size: 20px;
	}
}

@media screen and (max-width: 1000px) {
	.btn-warp .btn {
		font-size: 18px;
	}
}

@media screen and (max-width: 500px) {
	.btn-warp .btn {
		min-width: 200px;
		width: 100%;
		font-size: 16px;
	}

	.btn-warp .btn::after {
		width: 36px;
		height: 36px;
		top: calc(50% - 18px);
		right: 18px;
	}
}

/*---------------------------------------------*/
/* ローディング画面 */
#loading {
	width: 100vw;
	height: 100vh;
	transition: all 1s;
	will-change: opacity;
	background-color: #78DFEB;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
}

.spinner {
	width: 100px;
	height: 100px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #fff;
	border-radius: 100%;
	opacity: 1;
	animation: sk-scaleout 1.0s infinite ease-in-out;
}

.loaded {
	opacity: 0;
	visibility: hidden;
}

/* ローディングアニメーション */
@keyframes sk-scaleout {
	0% {
		opacity: 1;
		transform: translate(-50%, -50%) scale(0);
	}

	100% {
		transform: translate(-50%, -50%) scale(1.0);
		opacity: 0;
	}
}

/*--------------------------------------
アニメーション
--------------------------------------*/
.fadeblock {
	opacity: 0;
	transition: 0.3s;
	transform: translateY(100px);
}

.fadeblock.app {
	opacity: 1;
	transform: translateY(0px);
}

/*----------------------
ヘッダー
-----------------------*/
header {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 999;
	min-width: 320px;
}

.headerWrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 20px;
	max-width: 1366px;
	margin: auto;
}

body.no_scroll header,
header.fff {
	background-color: #fff;
	border-bottom: solid 1px #f1f5f5;
}

.header-l {
	width: 250px;
}

.header-l a {
	display: block;
}

.header-menu,
.header-menu ul {
	display: flex;
	align-items: center;
}

.header-menu ul a {
	font-size: 18px;
	font-weight: 700;
}

.header-menu ul:first-child li+li {
	margin-left: 30px;
}

.header-menu ul:first-child a:hover {
	color: #36acdb;
}

.header-menu ul:last-child {
	margin-left: 60px;
}

.header-menu .freeTry-btn {
	margin-left: 20px;
}

.header-menu .docDL-btn,
.header-menu .freeTry-btn a {
	font-size: 18px;
	padding: 0.5em 1.5em;
	border-radius: 5rem;
	display: block;
	cursor: pointer;
	text-align: center;
	transition: all 0.2s;
	font-weight: 700;
}

.header-menu .docDL-btn:hover,
.header-menu .freeTry-btn a:hover {
	transform: translate(0, 3px);
	box-shadow: 0px 0px 0px #ffffff00;
}

.header-menu .docDL-btn {
	color: #fff;
	background: #273466;
	box-shadow: 0px 3px 0px #A0ABC4;
}


.header-menu .freeTry-btn a {
	background: #FED700;
	box-shadow: 0px 3px 0px #FFC000;
}


.header-docDL {
	cursor: pointer;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100vh;
	transform: translate(0px, -100%);
	background-color: rgb(244 247 247 / 90%);
	z-index: -1;
	transition: all 0.2s ease 0s;
}

.header-docDL.open {
	top: 0;
	transform: translate(0px, 0px);
}

.header-docDL>div {
	cursor: default;
	margin-top: 85px;
}

.header-docDL ul {
	display: flex;
	justify-content: center;
	padding: 20px;
}

.header-docDL li:not(.tit) {
	width: calc((100% - 40px) / 3);
	background-color: #fff;
	border-radius: 10px;
	text-align: center;
	transition: all 0.2s ease 0s;
	box-shadow: 0px 6px 0px #FFC000;
	border: 2px solid #FED700;
	overflow: hidden;
}

.header-docDL li.tit {
	display: none;
}

.header-docDL li:not(.tit):hover {
	transform: translate(0px, 6px);
	box-shadow: 0px 0px 0px #FFC000;
}

.header-docDL li+li {
	margin-right: 20px;
}

.header-docDL li:last-child {
	margin-right: 0;
}

.header-docDL li a {
	display: flex;
	flex-wrap: wrap;
	height: 100%;
	align-content: space-between;
	padding-top: 25px;
}

.header-docDL .thumbnail {
	border: 1px solid rgb(187 193 198);
	width: calc(100% - 50px);
	margin: auto;
}

.header-docDL .tx {
	font-size: 18px;
	font-weight: 400;
	margin: 10px auto;
}

.header-docDL .btn {
	width: 100%;
	font-size: 20px;
	font-weight: 700;
	background-color: #fed700;
	padding: 0.5em 1em;
}

/* ハンバーガボタン */
.hm-btn {
	display: none;
	width: 40px;
	height: 30px;
	margin: 0;
	border-radius: 50%;
	cursor: pointer;
	position: relative;
}

.hm-btn div {
	width: calc(100% - 10px);
	height: 4px;
	border-radius: 5rem;
	position: absolute;
	left: 5px;
	background-color: #273466;
	transition: transform 0.4s ease, opacity 0.4s ease, top 0.4s ease;
}

.hm-btn div:nth-child(1) {
	top: 0;
}

.hm-btn div:nth-child(2) {
	top: calc(50% - 2px);
}

.hm-btn div:nth-child(3) {
	top: calc(100% - 4px);
}

header.open .hm-btn div:nth-of-type(1) {
	-webkit-transform: translateY(10px) rotate(-45deg);
	transform: translateY(10px) rotate(-45deg);
	top: 4px;
}

header.open .hm-btn div:nth-of-type(2) {
	opacity: 0;
}

header.open .hm-btn div:nth-of-type(3) {
	-webkit-transform: translateY(-10px) rotate(45deg);
	transform: translateY(-10px) rotate(45deg);
	top: calc(100% - 6px);
}

header .sp-nv {
	display: none;
}

.sp-nv .header-menu .header-docDL li .tx br {
	display: none;
}

@media screen and (max-width: 1280px) {
	.hm-btn {
		display: block;
	}

	header .sp-nv {
		display: block;
		height: calc(100vh - 70px);
		transform: translate(-100%, 0);
		width: 100%;
		transition: all 0.2s;
		position: absolute;
		top: 73px;
		left: 0;
		background-color: #ffff;
	}

	header.open .sp-nv {
		transform: translate(0, 0);
	}

	.header-r,
	.header-docDL {
		display: none;
	}

	header .sp-nv .header-menu {
		display: block;
		overflow-y: none;
		height: 100%;
	}

	header.open .sp-nv .header-menu {
		overflow-y: scroll;
	}

	header .sp-nv .header-menu ul {
		justify-content: center;
		padding: 13px 15px 15px;
	}

	header .sp-nv .header-menu>ul:first-child {
		background-color: #fff;
		border-bottom: solid 1px #EEE;
	}

	header .sp-nv .header-menu ul:last-child {
		margin: 0;
		padding-bottom: 140px;
	}

	.sp-nv .header-menu .header-docDL {
		display: block;
		position: relative;
		top: 0;
		transform: translate(0, 0);
		z-index: 1;
		height: auto;
		background-color: #fff0;
	}

	.sp-nv .header-menu .header-docDL ul {
		flex-wrap: wrap;
		justify-content: space-between;
	}

	header .sp-nv .header-docDL li.tit {
		width: 100%;
		font-size: 24px;
		text-align: center;
		display: block;
		font-weight: 700;
		margin-bottom: 20px;
	}

	header .sp-nv .header-docDL li:not(.tit) {
		margin: 0;
	}

}

@media screen and (max-width: 1000px) {
	.header-docDL li:not(.tit) {
		width: calc((100% - 20px) / 3);
	}

	.header-docDL .btn {
		font-size: 18px;
		padding: 0.5em;
	}

	.header-docDL .tx {
		font-size: 16px;
	}
}

@media screen and (max-width: 860px) {
	header .sp-nv .header-docDL li:not(.tit) {
		width: calc((100% - 20px) / 2);
		margin-bottom: 20px;
	}

	header .sp-nv .header-docDL li:last-child {
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (max-width: 768px) {
	header {
		background-color: #fff;
		border-bottom: solid 1px #f1f5f5;
	}
	
	.header-menu,
	.header-menu ul {
		flex-wrap: wrap;
		width: 100%;
	}

	.header-menu>ul:first-child li+li,
	.header-menu,
	.header-menu li,
	.header-menu .freeTry-btn {
		width: 100%;
		margin: 0;
	}

	.header-menu>ul:first-child li+li {
		border-top: solid 1px #F1F2F4;
	}

	.header-menu>ul:first-child li a {
		display: block;
		padding: 10px 60px;
		position: relative;
	}

	.header-menu>ul:first-child li:not(.freeTry-btn) a::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 30px;
		width: 1.3em;
		height: 1.3em;
		transform: translate(-50%, -50%);
		background-image: url(/robop/ad/lp2/img/ic_btn.svg);
		background-repeat: no-repeat;
		background-size: contain;
	}

	.sp-nv .header-menu .header-docDL li .tx {
		font-size: 18px;
	}
}

@media screen and (max-width: 640px) {
	.headerWrap {
		padding: 12px 15px 12px 15px;
	}

	.header-l {
		width: 190px;
	}

	.hm-btn {
		width: 30px;
		height: 24px;
	}

	.hm-btn div {
		width: 100%;
		left: 0;
	}

	header .sp-nv .header-docDL li:not(.tit) {
		width: 100%;
	}

	.header-docDL li a {
		padding-top: 15px;
		align-items: center;
	}

	.sp-nv .header-menu .header-docDL li .thumbnail {
		width: 200px;
		margin: 0 15px;
	}

	.sp-nv .header-menu .header-docDL li .tx {
		text-align: left;
		width: calc(100% - 250px);
		margin: 0;
		text-align: center;
	}

	.sp-nv .header-menu .header-docDL li .btn {
		width: 100%;
		margin-top: 10px;
	}

	header.open .header-r {
		top: 50px;
	}

	.sp-nv .header-menu .header-docDL ul {
		padding-bottom: 100px;
	}

	header .sp-nv {
		top: 57px;
		height: calc(100vh - 50px);
	}

	header .sp-nv .header-menu>ul:first-child {
		padding: 0 0 15px;
	}

	.header-menu .freeTry-btn {
		padding: 10px 20px 0;
	}

	header.open .hm-btn div:nth-of-type(1) {
		-webkit-transform: translateY(10px) rotate(-45deg);
		transform: translateY(10px) rotate(-45deg);
		top: 0px;
	}

	header.open .hm-btn div:nth-of-type(3) {
		-webkit-transform: translateY(-10px) rotate(45deg);
		transform: translateY(-10px) rotate(45deg);
		top: calc(100% - 4px);
	}

}

@media screen and (max-width: 540px) {
	.sp-nv .header-menu .header-docDL li .thumbnail {
		width: 150px;
	}

	.sp-nv .header-menu .header-docDL li .tx {
		width: calc(100% - 200px);
	}

	.sp-nv .header-menu .header-docDL li .tx br {
		display: block;
	}

}

@media screen and (max-width: 500px) {
	header .sp-nv .header-docDL li.tit {
		font-size: 20px;
		margin-bottom: 15px;
	}

	.sp-nv .header-menu .header-docDL li .tx {
		font-size: 16px;
	}
}

@media screen and (max-width: 400px) {
	.sp-nv .header-menu .header-docDL li .thumbnail {
		width: 110px;
	}

	.sp-nv .header-menu .header-docDL li .tx {
		width: calc(100% - 160px);
	}
}

/*----------------------
フッター
-----------------------*/
.gFoot {
	border-top: 2px solid #f3f4f7;
}

.gFoot .commonNav {
	display: flex;
	padding-top: 60px;
}

@media screen and (max-width: 767px) {
	.gFoot .commonNav {
		display: none;
	}
}

.gFoot .commonNav>div {
	width: 25%;
	border-right: 2px solid #f7f7f7;
	padding-right: 20px;
	padding-left: 20px;
}

.gFoot .commonNav>div:last-child {
	border-right: none;
}

.gFoot .sns {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #f7f7f7;
	padding: 40px;
}

.gFoot .sns__item {
	margin: 0 20px;
}

.gFoot .sns a {
	transition: opacity 0.2s;
}

@media screen and (min-width: 768px) {
	.gFoot .sns a:hover {
		opacity: 0.6;
	}
}

.gFoot .copy {
	background: #1a3068;
	color: #fff;
	padding: 5px 0 8px;
	font-size: 1.4rem;
	text-align: center;
}

.commonNav {
	display: none;
	justify-content: space-between;
	padding-top: 100px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 1.4;
	max-width: 1240px;
	padding: 100px 20px 50px;
}

.commonNav>div {
	width: 270px;
}

.commonNav .commonNav__head {
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 15px;
}

.commonNav ul {
	margin-bottom: 30px;
}

.commonNav ul li {
	position: relative;
	margin: 7px 0 7px 10px;
}

.commonNav ul li a {
	color: #313636;
	transition: color 0.2s;
}

@media screen and (min-width: 768px) {
	.commonNav ul li a:hover {
		color: #268dd9;
	}
}

@media screen and (min-width: 768px) {
	.commonNav ul li a:hover {
		font-weight: 700;
	}
}

/*----------------------
breadcrumb
-----------------------*/
.footTop {
	padding: 20px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

@media screen and (max-width: 1360px) {
	.footTop {
		display: inherit;
	}
}

.footTop .footTop__links {
	display: flex;
	white-space: nowrap;
}

@media screen and (max-width: 1360px) {
	.footTop .footTop__links {
		margin-top: 10px;
		white-space: normal;
	}
}

@media screen and (max-width: 767px) {
	.footTop .footTop__links {
		display: inherit;
		margin-top: 20px;
	}
}

.footTop .footTop__links li:first-child a {
	margin-left: 0;
}

.footTop .footTop__links a {
	position: relative;
	margin-left: 30px;
}

@media screen and (max-width: 767px) {
	.footTop .footTop__links a {
		margin-left: 0;
	}
}

.footTop .footTop__links a::after {
	content: "";
	position: relative;
	display: inline-block;
	right: 0;
	margin-left: 10px;
	background: url(https://service.biztex.co.jp/assets/images/ico_arrow1_blue.svg) no-repeat;
	background-size: contain;
	width: 18px;
	height: 10px;
}

.l_base {
	width: 100%;
	max-width: 1140px;
	margin: auto;
	padding: 20px;
}

.breadcrumb {
	display: flex;
	margin-right: 20px;
}

@media screen and (max-width: 767px) {
	.breadcrumb {
		overflow-x: auto;
		padding-bottom: 10px;
		padding-right: 10px;
	}
}

.breadcrumb li {
	position: relative;
	white-space: nowrap;
}

@media screen and (max-width: 1360px) {
	.breadcrumb li {
		white-space: normal;
	}
}

@media screen and (max-width: 767px) {
	.breadcrumb li {
		white-space: nowrap;
	}
}

.breadcrumb li::after {
	content: ">";
	position: relative;
	display: inline-block;
	top: -1px;
	margin: 0 10px;
}

.breadcrumb li:last-child::after {
	display: none;
}

.breadcrumb li a {
	transition: color 0.2s;
}

@media screen and (min-width: 768px) {
	.breadcrumb li a:hover {
		color: #268dd9;
	}
}

/*----------------------
mv
-----------------------*/
.mv {
	width: 100%;
	height: auto;
	background: #71E0EC;
	background-image: url(/robop/ad/lp2/img/mv_bg.png);
	position: relative;
	z-index: 0;
	margin-bottom: 100px;
	padding-top: 150px;
	padding-bottom: 40px;
	will-change: transform;
}

.mv-wrap {
	max-width: 1366px;
	width: auto;
	margin: 0 auto 0;
	position: relative;
}

/* @keyframes scale_ev {
	0% {
		transform: scale(0);
	}

	90% {
		transform: scale(1.2);
	}

	100% {
		transform: scale(1);
	}
} */

.mv h1 {
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	font-size: 42px;
	line-height: 1.3;
	margin: 0 auto 100px;
	transform: scale(1);
}

/* .mv h1.is-active {
	transform: scale(1);
	animation: scale_ev 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);
} */

.mv h1 p {
	text-align: center;
	position: relative;
}

.mv h1 .balloon {
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(-30%, -50%);
	font-size: 21px;
	background-color: #182558;
	color: #fff;
	padding: 0.5em 1em;
	border-radius: 10px;
	font-weight: 400;
	/* display: inline-block; */
	width: 8em;
}

.mv h1 .balloon::after {
	content: "";
	width: 30px;
	height: 15px;
	background-color: #182558;
	position: absolute;
	bottom: -14px;
	left: 50%;
	clip-path: polygon(0 0, 100% 100%, 100% 0);
}

.mv h1 .tx-sm {
	font-size: 32px;
}

.mv h1 .tx-lg {
	font-size: 70px;
}

/* @keyframes robop_ev {
	0% {
		transform: translate(0, -200vh);
	}

	80% {
		transform: translate(0, 3%);
	}

	85% {
		transform: translate(0, 0%);
	}

	90% {
		transform: translate(0, 2%);
	}

	95% {
		transform: translate(0, 0%);
	}

	100% {
		transform: translate(0, 0);
	}
} */

.mv .mv-robop {
	width: 100%;
	/* transform: translate(0, -200vh); */
}

/* .mv .mv-robop.is-active {
	transform: translate(0, 0);
	animation: robop_ev 0.8s cubic-bezier(0.18, 0.89, 0.43, 1.12);
} */

.mv .mv-contents-wrap {
	display: flex;
	align-items: flex-start;
	margin: auto;
	padding: 0 20px;
	max-width: 1200px;
}

.mv .mv-contents {
	position: relative;
	width: calc(100% - 470px);
	margin: 0;
}

/* mv 埋め込みフォーム */
.mv-form-wrap {
	width: 470px;
	padding-left: 20px;
	/* transform: translate(0, -200vh); */
	filter: drop-shadow(0px 0px 10px #18255825);
}

/* .mv-form-wrap.is-active {
	transform: translate(0, 0);
	animation: robop_ev 0.8s cubic-bezier(0.18, 0.89, 0.43, 1.12);
} */

.mv-form-wrap .form_img {
	width: 75%;
	margin: auto;
}

.mv-form {
	background-color: #FFF;
	border: solid 4px #e6ebf3;
	/* margin-left: 20px; */
	padding: 20px 20px 10px;
	border-radius: 20px;
	position: relative;
	z-index: 0;
}

.mv-form .mv-form-tit {
	font-size: 26px;
	margin-bottom: 10px;
	font-weight: 700;
	border-radius: 5rem;
	text-align: center;
}

.mv .br01,
.mv .br02 {
	display: none;
}

@media screen and (max-width: 1920px) {
	.mv .mv-contents-wrap {
		max-width: 1150px;
	}
}
@media screen and (max-width: 1500px) {
	.mv{
		padding-top: 130px;
	}

	.mv h1 {
		font-size: 38px;
		margin: 0 auto 60px;
	}

	.mv h1 .tx-lg {
		font-size: 64px;
	}

	.mv h1 .balloon {
		font-size: 20px;
		padding: 0.5em 1em;
	}
}

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

	.mv-form-wrap .form_img {
		width: 70%;
	}
	.mv-form .mv-form-tit {
		font-size: 22px;
	}
	.mv-form {
		padding: 15px 15px 5px;
	}
	.mv h1 {
		font-size: 36px;
	}

	.mv h1 .tx-lg {
		font-size: 58px;
	}

	.mv h1 .balloon {
		font-size: 18px;
	}
}

@media screen and (max-width: 1280px) {
	.mv {
		padding-bottom: 40px;
	}

	.mv h1 {
		font-size: 38px;
		margin: 0 auto 90px;
	}

	.mv h1 .tx-lg {
		font-size: 64px;
	}

	.mv h1 .balloon {
		font-size: 20px;
		padding: 0.5em 1em;
	}
}

@media screen and (max-width: 1200px) {
	.mv h1 {
		margin: 0 auto 60px;
	}
}

@media screen and (max-width: 1100px) {
	.mv {
		padding-top: 120px;
	}

	.mv h1 {
		font-size: 32px;
	}

	.mv h1 .tx-sm {
		font-size: 26px;
	}

	.mv h1 .tx-lg {
		font-size: 54px;
	}

	.mv .mv-contents {
		width: calc(100% - 330px);
	}

	.mv-form-wrap {
		width: 330px;
	}
}

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

	.mv .mv-contents-wrap {
		display: block;
		max-width: 680px;
	}

	.mv .mv-contents {
		width: 100%;
		margin: 0 auto 60px;
	}

	.mv-form-wrap {
		width: 100%;
		padding-left: 0;
	}

	.mv h1 {
		font-size: 32px;
		margin: 0 auto 40px;
	}

	.mv h1 .tx-sm {
		font-size: 26px;
	}

	.mv h1 .tx-lg {
		font-size: 54px;
	}

}

@media screen and (max-width: 768px) {
	.mv {
		background-size: 28%;
		padding-top: 180px;
	}

	.mv h1 {
		text-align: center;
	}

	/* .mv .br02 {
		display: block;
	} */

	.mv-form .mv-form-tit {
		font-size: 24px;
		text-align: center;
	}
	.mv h1 {
		font-size: 28px;
	}

	.mv h1 .tx-lg {
		font-size: 48px;
	}

	.mv h1 .balloon {
		font-size: 16px;
		top: -50px;
		left: 50%;
		transform: translate(-50%, -50%);
	}
}

@media screen and (max-width: 540px) {
	.mv .br01 {
		display: block;
	}

	.mv-form .mv-form-tit {
		font-size: 22px;
	}
}

@media screen and (max-width: 500px) {
	.mv {
		padding-top: 150px;
		padding-bottom: 30px;
		margin-bottom: 40px;
	}

	.mv h1 {
		font-size: 26px;
		margin: 0px auto 30px;
	}

	.mv h1 .tx-sm {
		font-size: 20px;
	}

	.mv h1 .tx-lg {
		font-size: 36px;
	}

	.mv .br02 {
		display: none;
	}

}

@media screen and (max-width: 400px) {
	.mv {
		padding-top: 160px;
	}

	.mv h1 {
		font-size: 22px;
	}

	.mv h1 .tx-sm {
		font-size: 18px;
		display: inline-block;
		padding-bottom: 8px;
	}

	.mv h1 .tx-lg {
		font-size: 28px;
	}


}

/*----------------------
sec01
-----------------------*/
.sec01 {
	padding-left: 60px;
	padding-right: 60px;
}

.sec01 .balloon-wrap {
	position: relative;
	background-size: auto auto;
	background-color: rgba(231, 238, 238, 1);
	background-image: repeating-linear-gradient(-45deg, transparent, transparent 50px, rgba(213, 232, 232, 1) 50px, rgba(213, 232, 232, 1) 53px);
	border-radius: 50px;
	padding: 60px 20px;
}

.sec01 .balloon-wrap::after {
	content: "";
	position: absolute;
	bottom: -39px;
	left: 50%;
	transform: translate(-50%, 0);
	width: 60px;
	height: 40px;
	background-color: #E7EEEE;
	clip-path: polygon(100% 0, 0 0, 50% 100%);
}

.sec01 h2 .tx-pink{
  letter-spacing: 3px;
  padding: 0 4px;
}

.sec01 h2 .tx-pink .tx-dotted::before {
	left: calc(50% - 0.1em);
}

.sec01 .voice-wrap {
	max-width: 900px;
	margin: auto;
	display: flex;
	justify-content: space-between;
}

.sec01 .voice-wrap div {
	width: 49%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.sec01 .voice-wrap img {
	width: 205px;
}

.sec01 .voice-wrap p {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	padding: 30px 35px;
	font-size: 21px;
	width: calc(100% - 155px);
	border-radius: 30px;
	position: relative;
	z-index: -1;
}

.sec01 .voice-wrap p::after {
	content: "";
	width: 30px;
	height: 15px;
	background-color: #fff;
	position: absolute;
	bottom: -14px;
}

.sec01 .voice01 p {
	margin-left: -50px;
}

.sec01 .voice01 p::after {
	left: 50px;
	clip-path: polygon(100% 0, 0 0, 0 100%);
}

.sec01 .voice02 p {
	margin-right: -50px;
	margin-top: 20px;
}

.sec01 .voice02 p::after {
	right: 50px;
	clip-path: polygon(100% 0, 0 0, 100% 100%);
}

@media screen and (max-width: 1280px) {
	.sec01 .voice-wrap p {
		font-size: 18px;
	}
}

@media screen and (max-width: 1000px) {
	.sec01 {
		padding-left: 20px;
		padding-right: 20px;
	}

	.sec01 .balloon-wrap {
		padding: 60px 30px;
	}

	.sec01 .voice-wrap p {
		padding: 20px;
		width: calc(100% - 130px);
	}

	.sec01 .voice-wrap img {
		width: 180px;
	}

}

@media screen and (max-width: 860px) {
	.sec01 .balloon-wrap {
		padding: 45px 20px;
	}

	.sec01 .voice-wrap p {
		padding: 20px;
		width: calc(100% - 110px);
	}

	.sec01 .voice-wrap img {
		width: 150px;
	}

}

@media screen and (max-width: 768px) {
	.sec01 .balloon-wrap {
		padding: 45px 30px;
		border-radius: 20px;
	}

	.sec01 h2 .tx-sm {
		display: inline-block;
		padding-bottom: 0.6em;
	}

	.sec01 .voice-wrap {
		display: block;
	}

	.sec01 .voice-wrap div {
		width: 90%;
		align-items: center;
		margin-top: -20px;
	}

	.sec01 .voice02 {
		margin-left: auto;
	}

	.sec01 .voice-wrap img {
		width: 160px;
	}

	.sec01 .voice-wrap p {
		padding: 20px;
		width: calc(100% - 160px);
		border-radius: 10px;
		margin: 0;
	}

	.sec01 .voice-wrap p::after {
		width: 14px;
		height: 12px;
		top: 50%;
		bottom: auto;
	}

	.sec01 .voice01 p::after {
		left: -14px;
		clip-path: polygon(100% 100%, 100% 0, 0 100%);
	}

	.sec01 .voice02 p::after {
		right: -14px;
		clip-path: polygon(100% 0, 0 0, 0 100%);
	}

}

@media screen and (max-width: 600px) {
	.sec01 .voice-wrap div {
		width: 100%;
		margin-top: 0;
	}

	.sec01 .voice-wrap img {
		width: 130px;
	}

	.sec01 .voice-wrap p {
		width: calc(100% - 130px);
	}
}

@media screen and (max-width: 500px) {
	.sec01 .balloon-wrap::after {
		bottom: -19px;
		width: 40px;
		height: 20px;
	}

	.sec01 .balloon-wrap h2 .tx-pink {
		letter-spacing: -2px;
	}

	.sec01 .voice-wrap img {
		width: 100px;
	}

	.sec01 .voice-wrap p {
		width: calc(100% - 100px);
	}

	.sec01 .voice01 {
		margin-bottom: 10px;
	}
}


@media screen and (max-width: 420px) {
	.sec01 {
		padding-left: 10px;
		padding-right: 10px;
	}

	.sec01 .balloon-wrap {
		padding: 35px 20px;
	}

	.sec01 .voice-wrap p {
		font-size: 16px;
		padding: 20px 10px;
	}
}

@media screen and (max-width: 400px) {
	.sec01 .balloon-wrap {
		padding: 30px 15px;
	}

	.sec01 .voice-wrap {
		padding: 0 5px;
	}
}

@media screen and (max-width: 375px) {
	.main .sec01 h2 .tx-lg {
		font-size: 24px;
	}
}

/*----------------------
sec02
-----------------------*/
.sec02 {
	padding-top: 50px;
	padding-bottom: 50px;
}


.sec02 .caption {
	display: flex;
	justify-content: center;
}

.sec02 .caption span {
	position: relative;
}

.sec02 .caption span::before,
.sec02 .caption span::after {
	content: "";
	width: 45px;
	height: 30px;
	position: absolute;
	bottom: 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.sec02 .caption span::before {
	left: 0;
	transform: translate(-150%, 0);
	background-image: url(/robop/ad/lp2/img/sec02_tit_l.svg);
}

.sec02 .caption span::after {
	right: 0;
	transform: translate(150%, 0);
	background-image: url(/robop/ad/lp2/img/sec02_tit_r.svg);
}

.sec02 .video-wrap {
	height: 0;
	padding-bottom: 56.25%;
	position: relative;
	width: 100%;
	background-color: #F1F5F5;
}

.sec02 .video-wrap::before,
.sec02 .video-wrap::after {
	content: "";
	width: 165px;
	height: 200px;
	position: absolute;
	bottom: 0;
	z-index: 1;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.sec02 .video-wrap::before {
	left: 0;
	transform: translate(-80%, 0);
	background-image: url(/robop/ad/lp2/img/sec02_img01.svg);
}

.sec02 .video-wrap::after {
	right: 0;
	transform: translate(80%, 0);
	background-image: url(/robop/ad/lp2/img/sec02_img02.svg);
}

.sec02 .video-wrap video,
.sec02 .video-wrap iframe {
	width: 100%;
	height: 100%;
	position: absolute;
  left: 50%;
  top: 50%;
	z-index: 0;
  transform: translate(-50%, -50%);
}

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

	.sec02 .video-wrap::before,
	.sec02 .video-wrap::after {
		bottom: auto;
		top: 0;
	}

	.sec02 .video-wrap::before {
		transform: translate(0%, -85%);
	}

	.sec02 .video-wrap::after {
		transform: translate(0%, -93%);
	}
}

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

	.sec02 .video-wrap::before,
	.sec02 .video-wrap::after {
		width: 100px;
		height: 120px;
	}
}

@media screen and (max-width: 600px) {
	.sec02 .caption span {
		display: inline-block;
		padding-top: 40px;
	}

	.sec02 .caption span::after {
		content: none;
	}

	.sec02 .caption span::before {
		width: 45px;
		height: 30px;
	}

	.sec02 .caption span::before {
		left: 50%;
		bottom: auto;
		top: 0;
		transform: translate(-50%, 0);
		background-image: url(/robop/ad/lp2/img/sec02_tit_sp.svg);
	}
}

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

	.sec02 .video-wrap::before,
	.sec02 .video-wrap::after {
		width: 70px;
		height: 90px;
	}
}

/*----------------------
sec03
-----------------------*/
.sec03 {
	border-radius: 50px;
	padding-top: 90px;
	padding-bottom: 90px;
	background-color: #D7F4F5;
	background-image: linear-gradient(#B5F3F5 2px, transparent 2px), linear-gradient(to right, #B5F3F5 2px, #D7F4F5 2px);
	background-size: 50px 50px;
}

.sec03 .panel-wrap li {
	counter-increment: mycounter;
	background-color: #fff;
	border-radius: 30px;
	padding: 50px 60px;
	display: flex;
	align-items: center;
	position: relative;
	z-index: 0;
}

.sec03 .panel-wrap li+li {
	margin-top: 40px;
}

.sec03 .panel-wrap li::before {
	counter-increment: listnum;
	content: counter(mycounter, decimal-leading-zero);
	position: absolute;
	top: -30px;
	right: 30px;
	font-size: 200px;
	color: #D7F4F5;
	font-weight: 700;
	z-index: -1;
}

.sec03 .panel-wrap .img-wrap {
	width: 315px;
}

.sec03 .panel-wrap .tx-wrap {
	width: calc(100% - 365px);
	margin-left: 50px;
}

.sec03 .panel-wrap h3 {
	font-size: 32px;
	margin-bottom: 0.8em;
	line-height: 1.4;
	/* font-weight: normal; */
}

.sec03 .panel-wrap p {
	font-size: 20px;
}

@media screen and (max-width: 1280px) {
	.sec03 .panel-wrap h3 {
		font-size: 28px;
	}

	.sec03 .panel-wrap p {
		font-size: 18px;
	}
}

@media screen and (max-width: 980px) {
	.sec03 .panel-wrap li {
		padding: 40px;
		z-index: 0;
	}

	.sec03 .panel-wrap .img-wrap {
		width: 270px;
	}

	.sec03 .panel-wrap .tx-wrap {
		width: calc(100% - 300px);
		margin-left: 30px;
	}

}

@media screen and (max-width: 860px) {
	.sec03 .panel-wrap h3 {
		font-size: 22px;
	}

	.sec03 .panel-wrap li {
		padding: 30px;
	}

	.sec03 .panel-wrap .img-wrap {
		width: 35%;
	}

	.sec03 .panel-wrap .tx-wrap {
		width: 65%;
		margin-left: 0;
		padding-left: 25px;
	}
}

@media screen and (max-width: 768px) {
	.sec03 {
		border-radius: 20px;
		padding-top: 50px;
		padding-bottom: 60px;
	}

	.sec03 .panel-wrap li {
		border-radius: 15px;
		padding: 50px 60px;
		display: block;
	}

	.sec03 .panel-wrap .img-wrap {
		width: 100%;
		max-width: 280px;
		margin: 0 auto 30px;
	}

	.sec03 .panel-wrap .tx-wrap {
		width: 100%;
		padding-left: 0;
	}

	.sec03 .panel-wrap h3 {
		text-align: center;
	}
}

@media screen and (max-width: 500px) {
	.sec03 .panel-wrap li {
		padding: 25px;
	}

	.sec03 .panel-wrap .img-wrap {
		max-width: 220px;
	}

	.sec03 .panel-wrap h3 {
		font-size: 20px;
	}

	.sec03 .panel-wrap p {
		font-size: 16px;
	}
}

@media screen and (max-width: 400px) {
	.sec03 .panel-wrap li {
		padding: 20px;
	}

	.sec03 .panel-wrap .img-wrap {
		max-width: 200px;
	}

	.sec03 .panel-wrap h3 {
		margin-bottom: 1em;
	}

	.sec03 .panel-wrap li::before {
		top: -40px;
		right: 20px;
		font-size: 150px;
	}
}



/*----------------------
sec04
-----------------------*/

@keyframes waveLoop {
	0% {
		background-position: 0 -200%;
	}

	100% {
		background-position: 0 200%;
	}
}

.sec04 {
	margin-top: 140px;
}

.sec04 .max-w {
	position: relative;
	background-color: #FFE761;
	background-image: url(/robop/ad/lp2/img/sec04_bg.png);
	background-position: 0 0;
	background-size: contain;
	animation: waveLoop 30s linear infinite;
	border-radius: 50px;
	padding: 50px;
}

.sec04 .max-w::before {
	content: "";
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	width: 236px;
	height: 128px;
	top: -107px;
	left: calc(50% - 118px);
	background-image: url(/robop/ad/lp2/img/sec_dec_rbp.svg);
}

.sec04 .balloon-wrap {
	max-width: 910px;
	display: grid;
	grid-auto-columns: 1fr;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: auto auto auto;
	gap: 25px 40px;
	grid-template-areas:
		". li1 li1 ."
		"li2 li2 li3 li3"
		". li4 li4 .";
	margin: 0 auto 50px;
}

.li1 {
	grid-area: li1;
}

.li2 {
	grid-area: li2;
}

.li3 {
	grid-area: li3;
}

.li4 {
	grid-area: li4;
}

.sec04 .balloon-wrap li {
	background-color: #fff;
	border-radius: 20px;
	position: relative;
	text-align: center;
	padding: 14px;
	font-size: 22px;
	font-weight: 700;
}

.sec04 .balloon-wrap li::after {
	content: "";
	width: 20px;
	height: 10px;
	background-color: #fff;
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translate(-50%, 0);
	clip-path: polygon(100% 0, 0 0, 50% 100%);
}

.sec04 .balloon-wrap li .tx-pink {
	font-size: 26px;
}

.sec04 .max-w>img {
	max-width: 450px;
	margin: auto;
}

@media screen and (max-width: 980px) {
	.sec04 .max-w {
		padding: 50px 30px;
	}

	.sec04 .balloon-wrap li {
		font-size: 20px;
	}

	.sec04 .balloon-wrap li .tx-pink {
		font-size: 23px;
	}
}

@media screen and (max-width: 860px) {
	.sec04 .balloon-wrap {
		gap: 15px;
	}

	.sec04 .balloon-wrap li {
		font-size: 18px;
		border-radius: 10px;
		padding: 14px 25px;
	}

	.sec04 .balloon-wrap li .tx-pink {
		font-size: 21px;
	}
}

@media screen and (max-width: 768px) {
	.sec04 .max-w {
		border-radius: 20px;
		background-image: url(/robop/ad/lp2/img/sec04_bg_sp.png);
	}

	.sec04 .max-w::before {
		width: 170px;
		height: 95px;
		top: -77px;
		left: calc(50% - 85px);
	}

	.sec04 .balloon-wrap {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin: 0 auto 30px;
	}
}

@media screen and (max-width: 500px) {
	.sec04 .max-w {
		padding: 40px 20px;

	}

	.sec04 .balloon-wrap li {
		font-size: 16px;
	}

	.sec04 .balloon-wrap li .tx-pink {
		font-size: 18px;
	}
}

@media screen and (max-width: 400px) {
	.sec04 .max-w {
		padding: 30px 15px;
	}

	.sec04 .max-w::before {
		width: 100px;
		height: 55px;
		top: -45px;
		left: calc(50% - 50px);
	}
}

/*----------------------
sec05
-----------------------*/
.sec05 {
	border-radius: 50px;
	background-color: #f1f5f5;
	background-image: url(/robop/ad/lp2/img/repeat_robop.png);
	padding-top: 100px;
	padding-bottom: 100px;
}

.sec05 .panel-wrap>li {
	background-color: #fff;
	border: 2px solid #2CC4D4;
	border-radius: 30px;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.sec05 .panel-wrap>li+li {
	margin-top: 40px;
}

.sec05 .panel-wrap h3 {
	width: 100%;
	font-size: 24px;
	padding: 0.4em;
	margin-bottom: 1.4em;
	background-color: #2CC4D4;
	color: #fff;
	text-align: center;
	position: relative;
}

.sec05 .panel-wrap h3::after {
	content: "";
	width: 30px;
	height: 15px;
	background-color: #2CC4D4;
	position: absolute;
	bottom: -14px;
	left: 50%;
	clip-path: polygon(100% 0, 0 0, 0 100%);
}

.sec05 .panel-wrap h4 {
	font-size: 28px;
	color: #0EB9D7;
	margin-bottom: 0.6em;
}

.sec05 .panel-wrap h3+h4,
.sec05 .panel-wrap h3+h4+p {
	padding: 0 40px;
}

.sec05 .panel-wrap p {
	font-size: 20px;
}

.sec05 .panel-wrap .img-wrap {
	width: 490px;
	padding: 0px 20px 40px 40px;
}

.sec05 .panel-wrap .tx-wrap {
	width: calc(100% - 490px);
	padding: 0px 35px 40px 15px;
}

.sec05 .support-wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 20px 40px 40px;
}

.sec05 .support-wrap li {
	width: calc((100% - 30px) / 3);
	background-color: #D7F4F5;
	border-radius: 10px;
	margin-top: 15px;
	padding: 20px 15px;
	text-align: center;
}

.sec05 .support-wrap img {
	max-width: 160px;
	margin: auto;
}

.sec05 .support-wrap p {
	font-size: 18px;
	line-height: 1.5;
	font-weight: bold;
	margin-top: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 51px;
}

@media screen and (max-width: 1280px) {
	.sec05 .panel-wrap h4 {
		font-size: 24px;
	}

	.sec05 .panel-wrap p {
		font-size: 18px;
	}
}

@media screen and (max-width: 980px) {
	.sec05 .panel-wrap .img-wrap {
		width: 440px;
		padding: 0px 20px 30px 20px;
	}

	.sec05 .panel-wrap .tx-wrap {
		width: calc(100% - 440px);
		padding: 0px 35px 30px 5px;
	}

	.sec05 .panel-wrap h3+h4,
	.sec05 .panel-wrap h3+h4+p {
		padding: 0 25px;
	}

	.sec05 .support-wrap {
		padding: 20px 25px 25px;
	}
}

@media screen and (max-width: 940px) {
	.sec05 .support-wrap li {
		width: calc((100% - 15px) / 2);
	}

	.sec05 .panel-wrap .img-wrap {
		width: 45%;
	}

	.sec05 .panel-wrap .tx-wrap {
		width: 55%;
	}
}

@media screen and (max-width: 860px) {
	.sec05 .panel-wrap h3 {
		font-size: 20px;
	}

	.sec05 .panel-wrap h4 {
		font-size: 22px;
	}
}

@media screen and (max-width: 768px) {
	.sec05 {
		border-radius: 20px;
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.sec05 .panel-wrap>li {
		border-radius: 20px;
	}

	.sec05 .panel-wrap h3 {
		order: 1;
	}

	.sec05 .panel-wrap .img-wrap {
		order: 3;
		width: 100%;
		max-width: 480px;
		margin: auto;
	}

	.sec05 .panel-wrap .tx-wrap {
		order: 2;
		width: 100%;
		max-width: 490px;
		padding: 0px 20px 20px;
	}

	.sec05 .panel-wrap h4 {
		text-align: center;
	}

	.sec05 .panel-wrap h3+h4 {
		order: 2;
	}

	.sec05 .panel-wrap h3+h4+p {
		order: 3;
	}

	.sec05 .support-wrap {
		order: 4;
	}

}

@media screen and (max-width: 640px) {
	.sec05 .support-wrap {
		width: 100%;
		display: block;
	}

	.sec05 .support-wrap li {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.sec05 .support-wrap img {
		width: 170px;
		margin: 0;
		max-width: 100%;
	}

	.sec05 .support-wrap p {
		display: block;
		width: calc(100% - 170px);
		padding-left: 50px;
		margin: 0;
		min-height: auto;
	}

	.sec05 .panel-wrap h3+h4+p {
		width: 100%;
	}

	.sec05 .panel-wrap .img-wrap,
	.sec05 .panel-wrap .tx-wrap {
		max-width: 100%;
	}
}

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

	.sec05 {
		background-size: 100px;
	}

	.sec05 .support-wrap img {
		width: 120px;
		max-width: 100%;
	}

	.sec05 .support-wrap p {
		width: calc(100% - 120px);
		padding-left: 30px;
		font-size: 16px;
	}
}

@media screen and (max-width: 500px) {
	.sec05 .support-wrap li {
		padding: 10px;
	}

	.sec05 .support-wrap img {
		width: 100px;
	}

	.sec05 .support-wrap p {
		width: calc(100% - 100px);
		padding-left: 20px;
	}

	.sec05 .panel-wrap h4 {
		font-size: 19px;
	}

	.sec05 .panel-wrap p {
		font-size: 16px;
	}

	.sec05 .panel-wrap .tx-wrap {
		padding: 0px 15px 20px;
	}

	.sec05 .panel-wrap h3+h4+p {
		padding: 0 15px;
	}

	.sec05 .support-wrap {
		padding: 0 15px 15px;
	}
}

@media screen and (max-width: 420px) {
	.sec05 .panel-wrap h3::after {
		width: 20px;
		height: 10px;
		bottom: -9px;
	}

	.sec05 .support-wrap img {
		width: 80px;
	}

	.sec05 .support-wrap p {
		width: calc(100% - 80px);
		padding-left: 15px;
		font-size: 15px;
	}

}

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

	.sec05 .panel-wrap h3 {
		font-size: 19px;
	}

	.sec05 .panel-wrap p {
		font-size: 15px;
	}
}


/*----------------------
sec06
-----------------------*/
.sec06 {
	padding-top: 40px;
}

.sec06 .panel-wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.sec06 .panel-wrap li {
	width: calc((100% - 24px) / 3);
	background-color: #fff;
	border: 1px solid #A0ABC4;
	border-radius: 10px;
	margin-bottom: 12px;
	padding: 25px 15px 20px;
	text-align: center;
}

.sec06 .panel-wrap li img {
	width: 145px;
	margin: auto;
}

.sec06 .panel-wrap h3 {
	font-size: 22px;
	line-height: 1.3;
	color: #2CC4D4;
	margin-top: 14px;
}

.sec06 .panel-wrap p {
	font-size: 18px;
}

@media screen and (max-width: 1000px) {
	.sec06 .panel-wrap h3 {
		font-size: 20px;
	}

	.sec06 .panel-wrap li {
		padding: 25px 10px 20px;
	}
}

@media screen and (max-width: 900px) {
	.sec06 .panel-wrap li {
		width: calc((100% - 12px) / 2);
	}

	.sec06 .panel-wrap li:last-child {
		width: 100%;
	}
}

@media screen and (max-width: 500px) {
	.sec06 .panel-wrap li {
		width: calc((100% - 5px) / 2);
		margin-bottom: 5px;
		padding: 15px 10px;
	}

	.sec06 .panel-wrap li img {
		width: 110px;
	}

	.sec06 .panel-wrap h3 {
		font-size: 16px;
		margin-top: 10px;
	}

	.sec06 .panel-wrap p {
		font-size: 14px;
		margin-top: 5px;
	}
}

@media screen and (max-width: 400px) {
	.sec06 {
		padding-top: 20px;
	}

	.sec06 .panel-wrap li img {
		width: 90px;
	}

	.sec06 .panel-wrap h3 {
		font-size: 15px;
		margin-top: 12px;
	}

	.sec06 .panel-wrap p {
		font-size: 13px;
		margin-top: 4px;
	}
}

/*----------------------
sec07
-----------------------*/
.sec07 {
	border-radius: 50px;
	background-color: #D7F4F5;
	padding-top: 100px;
	padding-bottom: 100px;
	margin-top: 100px;
}

.sec07 .comparison {
	display: grid;
	grid-template-columns: 270px 1fr 120px 120px;
	grid-template-rows: 50px auto auto auto auto auto auto auto auto;
	gap: 5px 5px;
	grid-auto-flow: row;
	grid-template-areas:
		"tx tx rbp oth"
		"th01 td01 rp01 oh01"
		"th01 td02 rp02 oh02"
		"th02 td03 rp03 oh03"
		"th03 td04 rp04 oh04"
		"th04 td05 rp05 oh05"
		"th05 td06 rp06 oh06"
		"th05 td07 rp07 oh07"
		"th05 td08 rp08 oh08";
}

.rbp {
	grid-area: rbp;
	color: #fff;
	font-size: 24px;
	letter-spacing: 1px;
	border-radius: 10px 10px 0px 0px;
}

.oth {
	grid-area: oth;
	font-size: 18px;
	font-weight: bold;
	border-radius: 10px 10px 0px 0px;
}

.oh01 {
	grid-area: oh01;
}

.oh02 {
	grid-area: oh02;
}

.oh03 {
	grid-area: oh03;
}

.oh04 {
	grid-area: oh04;
}

.oh05 {
	grid-area: oh05;
}

.oh06 {
	grid-area: oh06;
}

.oh07 {
	grid-area: oh07;
}

.oh08 {
	grid-area: oh08;
}

.rp01 {
	grid-area: rp01;
}

.rp02 {
	grid-area: rp02;
}

.rp03 {
	grid-area: rp03;
}

.rp04 {
	grid-area: rp04;
}

.rp05 {
	grid-area: rp05;
}

.rp06 {
	grid-area: rp06;
}

.rp07 {
	grid-area: rp07;
}

.rp08 {
	grid-area: rp08;
}

.td01 {
	grid-area: td01;
}

.td02 {
	grid-area: td02;
}

.td03 {
	grid-area: td03;
}

.td04 {
	grid-area: td04;
}

.td05 {
	grid-area: td05;
}

.td06 {
	grid-area: td06;
}

.td07 {
	grid-area: td07;
}

.td08 {
	grid-area: td08;
}

.th01 {
	grid-area: th01;
}

.th02 {
	grid-area: th02;
}

.th03 {
	grid-area: th03;
}

.th04 {
	grid-area: th04;
}

.th05 {
	grid-area: th05;
}

[class^="th0"] {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #9DE4EB;
	font-size: 20px;
	font-weight: 700;
	padding: 12px;
	border-radius: 10px 0px 0px 10px;
}

[class^="td0"] {
	background-color: #fff;
	font-size: 18px;
	padding: 14px 24px;
	line-height: 1.3;
	align-content: center;
}

.rbp,
[class^="rp0"],
.oth,
[class^="oh0"] {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
	text-align: center;
	line-height: 1.2;
}

.rbp,
[class^="rp0"] {
	background-color: #2CC4D4;
}

.oth,
[class^="oh0"] {
	background-color: #D8DEF0;
}

[class^="rp0"] img,
[class^="oh0"] img {
	width: 34px;
	margin: auto;
}

.td05 span {
	font-size: 16px;
}

@media screen and (max-width: 940px) {
	.sec07 .comparison {
		grid-template-columns: 210px 1fr 120px 120px;
	}

	[class^="th0"] {
		font-size: 18px;
	}

	[class^="td0"] {
		padding: 12px 15px;
	}
}

@media screen and (max-width: 860px) {
	.sec07 .comparison {
		grid-template-columns: 200px 1fr 90px 90px;
	}
}

@media screen and (max-width: 768px) {
	.sec07 {
		border-radius: 20px;
	}

	.sec07 .comparison {
		grid-template-columns: 1fr 70px 70px;
		grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
		gap: 5px 5px;
		grid-template-areas:
			". rbp oth"
			"th01 th01 th01"
			"td01 rp01 oh01"
			"td02 rp02 oh02"
			"th02 th02 th02"
			"td03 rp03 oh03"
			"th03 th03 th03"
			"td04 rp04 oh04"
			"th04 th04 th04"
			"td05 rp05 oh05"
			"th05 th05 th05"
			"td06 rp06 oh06"
			"td07 rp07 oh07"
			"td08 rp08 oh08";
	}

	.rbp {
		font-size: 18px;
	}

	.oth {
		font-size: 15px;
	}

	[class^="th0"] {
		font-size: 18px;
		padding: 10px;
		border-radius: 10px 10px 0px 0px;
	}

	[class^="td0"] {
		font-size: 16px;
		padding: 12px 20px;
	}

	[class^="rp0"] img,
	[class^="oh0"] img {
		width: 30px;
	}

	.td05 span {
		font-size: 14px;
	}
}

@media screen and (max-width: 400px) {
	.sec07 .comparison {
		grid-template-rows: 50px auto auto auto auto auto auto auto auto auto auto auto auto auto;
		gap: 3px 3px;
		grid-template-columns: 1fr 55px 55px;
	}

	.rbp,
	[class^="rp0"],
	.oth,
	[class^="oh0"] {
		padding: 5px;
	}

	.rbp {
		font-size: 13px;
	}

	.oth {
		font-size: 12px;
	}

	[class^="th0"] {
		font-size: 16px;
		font-weight: normal;
		padding: 6px;
	}

	[class^="td0"] {
		font-size: 14px;
		padding: 10px;
	}

	.td05 span {
		font-size: 13px;
	}

	[class^="rp0"] img,
	[class^="oh0"] img {
		width: 25px;
	}
}

/*----------------------
sec08
-----------------------*/
.sec08 {
	padding-top: 50px;
}

.sec08 .docDL-btn {
	max-width: 548px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #FED700;
	box-shadow: 0px 6px 0px #FFC000;
	border-radius: 30px;
	padding: 20px;
	margin: 60px auto 80px;
	border-radius: 30px;
	position: relative;
}

.sec08 .docDL-btn:hover {
	transform: translate(0, 6px);
	box-shadow: 0px 0px 0px #FFC000;
}

.sec08 .docDL-btn img {
	width: 170px;
}

.sec08 .docDL-btn .tx-wrap {
	width: calc(100% - 190px);
}

.sec08 .docDL-btn .tx-wrap>span {
	font-size: 18px;
	background-color: #ffffff;
	text-align: center;
	font-weight: 700;
	border-radius: 5rem;
	padding: 0.5em 1.5em;
	display: block;
}

.sec08 .docDL-btn .tx-wrap>p {
	font-size: 32px;
	line-height: 1.2;
	font-weight: 700;
	text-align: center;
	margin: 20px auto;
}

.sec08 .docDL-btn .tx-wrap>p>span {
	font-size: 28px;
}

.sec08 .docDL-btn .tx-wrap>img {
	width: 60px;
	margin: auto;
}

.sec08 .panelWrap {
	display: flex;
	justify-content: space-between;
}

.sec08 .panelWrap li {
	width: calc((100% - 40px) / 3);
}

.sec08 .panelWrap a {
	background-color: #fff;
	box-shadow: 0px 6px 0px #A0ABC4;
	border: 2px solid #273466;
	border-radius: 10px;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: space-between;
	text-align: center;
	position: relative;
}

.sec08 .panelWrap a:hover {
	transform: translate(0, 6px);
	box-shadow: 0px 0px 0px #A0ABC4;
}

.sec08 .panelWrap .balloon {
	width: calc(100% - 40px);
	font-size: 17px;
	padding: 0.7em 1em;
	border-radius: 10px;
	line-height: 1.2;
	background-color: #eef0f8;
	margin: -35px auto 20px;
	position: relative;
}

.sec08 .panelWrap .balloon::before {
	content: "";
	position: absolute;
	bottom: 1px;
	left: 50%;
	transform: translate(-50%, 100%);
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
	border-top: 15px solid #eef0f8;
	border-bottom: 0;
}

.sec08 .panelWrap .tit {
	font-weight: 700;
	font-size: 24px;
	line-height: 1.3;
	width: 100%;
}

.sec08 .panelWrap img {
	width: 100%;
	max-width: 130px;
	margin: 15px auto;
}

.sec08 .panelWrap .btn {
	width: 100%;
	font-size: 21px;
	color: #fff;
	text-align: center;
	padding: 0.5em 1em;
	margin-top: auto;
	border-radius: 0 0 5px 5px;
	background-color: #273466;
}

@media screen and (max-width: 900px) {
	.sec08 .panelWrap .balloon {
		width: calc(100% - 20px);
		font-size: 16px;
	}

	.sec08 .panelWrap .tit {
		font-size: 20px;
	}

	.sec08 .panelWrap .btn {
		font-size: 18px;
	}
}

@media screen and (max-width: 800px) {
	.sec08 .panelWrap .balloon {
		padding: 15px 10px;
	}
}

@media screen and (max-width: 768px) {
	.sec08 .panelWrap {
		flex-wrap: wrap;
		max-width: 550px;
		margin: auto;
	}

	.sec08 .panelWrap li {
		width: 100%;
		margin-bottom: 60px;
	}

	.sec08 .panelWrap .balloon {
		order: 1;
		width: calc(100% - 100px);
		padding: 13px 10px;
		font-size: 14px;
	}

	.sec08 .panelWrap .tit {
		order: 3;
		width: 50%;
		align-self: center;
		text-align: left;
		font-size: 22px;
	}

	.sec08 .panelWrap img {
		order: 2;
		width: 50%;
		margin: 0 auto;
		align-self: center;
	}

	.sec08 .panelWrap .btn {
		order: 4;
		margin-top: 15px;
	}
}

@media screen and (max-width: 600px) {
	.sec08 .docDL-btn img {
		width: 140px;
	}

	.sec08 .docDL-btn .tx-wrap {
		width: calc(100% - 160px);
	}

	.sec08 .docDL-btn .tx-wrap>span {
		font-size: 16px;
		padding: 0.5em 1em;
	}

	.sec08 .docDL-btn .tx-wrap>p {
		font-size: 30px;
		margin: 15px auto;
	}

	.sec08 .docDL-btn .tx-wrap>p>span {
		font-size: 26px;
	}

	.sec08 .docDL-btn .tx-wrap>img {
		width: 50px;
	}
}

@media screen and (max-width: 500px) {
	.sec08 .docDL-btn {
		padding: 13px;
		border-radius: 20px;
	}

	.sec08 .docDL-btn img {
		width: 120px;
	}

	.sec08 .docDL-btn .tx-wrap {
		width: calc(100% - 130px);
	}

	.sec08 .docDL-btn .tx-wrap>span {
		font-size: 14px;
	}
}

@media screen and (max-width: 400px) {
	.sec08 .docDL-btn img {
		width: 100px;
	}

	.sec08 .docDL-btn .tx-wrap {
		width: calc(100% - 110px);
	}

	.sec08 .docDL-btn .tx-wrap>p {
		font-size: 26px;
		margin: 10px auto;
	}

	.sec08 .docDL-btn .tx-wrap>p>span {
		font-size: 20px;
	}

	.sec08 .docDL-btn .tx-wrap>span {
		font-size: 13px;
		font-weight: 400;
	}

	.sec08 .panelWrap .tit {
		font-size: 18px;
		padding: 0 20px 0 0;
	}

	.sec08 .panelWrap img {
		width: 140px;
		margin: 0;
		padding: 0 20px;
	}
}

@media screen and (max-width: 375px) {
	.sec08 .docDL-btn .tx-wrap>span {
		font-size: 12px;
	}
}

/*----------------------
sec09
-----------------------*/
.sec09 {
	border-radius: 50px;
	position: relative;
	margin-top: 200px;
	padding-top: 80px;
	padding-bottom: 80px;

	/* ドット（水玉）模様のCSS */
	background-color: #71e0ec;
	background-image: radial-gradient(rgba(255, 255, 255, 0.37) 9%, transparent 9%),
		radial-gradient(rgba(255, 255, 255, 0.37) 9%, transparent 9%);
	background-position: 0 0, 25px 25px;
	background-size: 50px 50px;
}

.sec09::before {
	content: "";
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	width: 236px;
	height: 128px;
	top: -107px;
	left: calc(50% - 118px);
	background-image: url(/robop/ad/lp2/img/sec_dec_rbp.svg);
}

.sec09 .cs-block {
	margin-bottom: 40px;
	display: flex;
	align-items: flex-end;
}

.sec09 .cs-block:nth-of-type(2n+1) {
	flex-direction: row-reverse;
}

.sec09 .cs-img {
	width: 320px;
}

.sec09 .cs-img img {
	border-radius: 30px;
}

.sec09 .cs-img span {
	display: block;
	text-align: center;
	padding: 4px 0;
}

.sec09 .cs-tx {
	width: calc(100% - 340px);
	margin-left: 20px;
	margin-right: 0;
	padding: 30px;
	background-color: #FFF;
	border-radius: 30px 30px 30px 0px;
}

.sec09 .cs-block:nth-of-type(2n+1) .cs-tx {
	border-radius: 30px 30px 0px 30px;
	margin-left: 0;
	margin-right: 20px;
}

.sec09 .cs-tx .tit {
	font-size: 23px;
	font-weight: 700;
	line-height: 1.3;
}

.sec09 .cs-tx dl {
	margin-top: 20px;
	display: flex;
}

.sec09 .cs-tx dt {
	flex-shrink: 0;
	font-size: 18px;
	font-weight: 700;
	border-radius: 10px 0px 0px 10px;
	padding: 0.2em 0.8em;
	display: flex;
	justify-content: center;
	align-items: center;
}

.sec09 .cs-tx dl:nth-of-type(1) dt {
	color: #F9578D;
	background-color: #FFDBE7;
}

.sec09 .cs-tx dl:nth-of-type(2) dt {
	color: #2CC4D4;
	background-color: #D7F4F5;
}

.sec09 .cs-tx dd {
	padding: 0 0 0 15px;
	font-size: 18px;
	line-height: 1.6;
}

@media screen and (max-width: 900px) {
	.sec09 .cs-tx .tit {
		font-size: 21px;
	}

	.sec09 .cs-tx dd {
		font-size: 16px;
	}
}

@media screen and (max-width: 860px) {
	.sec09 .cs-img {
		width: 250px;
	}

	.sec09 .cs-img img {
		border-radius: 20px;
	}

	.sec09 .cs-tx {
		width: calc(100% - 270px);
		padding: 20px;
		border-radius: 20px 20px 20px 0px;
	}

	.sec09 .cs-block:nth-of-type(2n+1) .cs-tx {
		border-radius: 20px 20px 0px 20px;
	}
}

@media screen and (max-width: 768px) {
	.sec09 {
		margin-top: 150px;
		padding-top: 50px;
		padding-bottom: 50px;
		border-radius: 30px;
	}

	.sec09::before {
		width: 170px;
		height: 95px;
		top: -77px;
		left: calc(50% - 85px);
	}

	.sec09 .cs-block {
		display: block;
		background-color: #fff;
		border-radius: 20px;
		padding: 10px;
	}

	.sec09 .cs-img {
		width: 100%;
		display: flex;
		align-items: center;
		margin-bottom: 10px;
	}

	.sec09 .cs-img img {
		width: 40%;
	}

	.sec09 .cs-img span {
		width: 60%;
		color: #02B9CE;
		padding: 20px;
		text-align: left;
	}

	.sec09 .cs-tx,
	.sec09 .cs-block:nth-of-type(2n+1) .cs-tx {
		width: 100%;
		margin: 0;
		padding: 10px;
	}

	.sec09 .cs-tx .tit {
		font-size: 19px;
	}

	.sec09 .cs-tx dt {
		font-weight: normal;
	}
}

@media screen and (max-width: 500px) {
	.sec09 .cs-img span {
		padding: 15px;
		font-size: 15px;
	}


	.sec09 .cs-tx .tit {
		font-size: 18px;
	}

	.sec09 .cs-tx dl {
		display: block;
	}

	.sec09 .cs-tx dt {
		width: 100%;
		font-size: 16px;
		border-radius: 10px 10px 0px 0px;
		padding: 0.2em 0.8em;
		margin-bottom: 10px;
	}

	.sec09 .cs-tx dd {
		padding: 0;
		font-size: 16px;
	}
}

@media screen and (max-width: 400px) {
	.sec09 {
		margin-top: 70px;
	}

	.sec09::before {
		width: 100px;
		height: 55px;
		top: -45px;
		left: calc(50% - 50px);
	}
}

/*----------------------
sec10
-----------------------*/
.sec10 {
	padding-top: 50px;
	padding-bottom: 80px;
}

.sec10 .faq-item {
	border-bottom: solid 1px #A0ABC4;
}

.sec10 .faq-q {
	position: relative;
	padding: 15px 70px 15px 60px;
	font-size: 21px;
	cursor: pointer;
	transition: all 0.2s;
}

.sec10 .faq-q:hover {
	color: #2CC4D4;
}

.sec10 .faq-q::before,
.sec10 .faq-q::after {
	content: "";
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
}

.sec10 .faq-q::before {
	background-image: url(/robop/ad/lp2/img/ic_Q.png);
	width: 30px;
	height: 45px;
	top: 8px;
	left: 15px;
}

.sec10 .faq-q::after {
	background-image: url(/robop/ad/lp2/img/ic_op_cl.svg);
	width: 35px;
	height: 35px;
	top: 50%;
	right: 14px;
	transform: translate(0, -50%) rotate(-45deg);
	transition: all 0.2s;
}

.sec10 .faq-q.is-active::after {
	transform: translate(0, -50%) rotate(0);
}

.sec10 .faq-a {
	display: none;
	font-size: 18px;
	position: relative;
	padding: 15px 15px 15px 60px;
	margin-bottom: 15px;
	border-radius: 10px;
	background-color: #F1F5F5;
}

.sec10 .faq-a::after {
	content: "";
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	background-image: url(/robop/ad/lp2/img/ic_A.png);
	width: 30px;
	height: 42px;
	top: 7px;
	left: 17px;
}

@media screen and (max-width: 900px) {
	.sec10 .faq-q {
		font-size: 19px;
	}
}

@media screen and (max-width: 768px) {
	.sec10 .faq-q {
		font-size: 18px;
	}

	.sec10 .faq-a {
		font-size: 16px;
	}
}

@media screen and (max-width: 500px) {
	.sec10 {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.sec10 .faq-q {
		font-size: 16px;
		padding: 12px 60px 12px 40px;
	}

	.sec10 .faq-q::before {
		width: 20px;
		height: 30px;
		top: 7px;
		left: 10px;
	}

	.sec10 .faq-q::after {
		width: 30px;
		height: 30px;
		top: 50%;
		right: 10px;
	}


	.sec10 .faq-a {
		padding: 10px 20px 15px 40px;
		margin-bottom: 15px;
		border-radius: 10px;
	}

	.sec10 .faq-a::after {
		width: 20px;
		height: 30px;
		top: 7px;
		left: 10px;
	}

}


/*----------------------
sec11
-----------------------*/
.sec11 {
	border-radius: 50px;
	padding-top: 90px;
	padding-bottom: 90px;
	background: radial-gradient(circle, transparent 20%, #F1F5F5 20%, #F1F5F5 80%, transparent 80%, transparent), radial-gradient(circle, transparent 20%, #F1F5F5 20%, #F1F5F5 80%, transparent 80%, transparent) 40px 40px, linear-gradient(#D5E8E8 4px, transparent 4px) 0 -2px, linear-gradient(90deg, #D5E8E8 4px, #F1F5F5 4px) -2px 0;
	background-size: 80px 80px, 80px 80px, 40px 40px, 40px 40px;
}

.sec11 .spec-wrap {
	display: flex;
	justify-content: space-between;
}

.sec11 .spec-wrap li {
	width: calc((100% - 36px) / 4);
	font-size: 28px;
	font-weight: 700;
	text-align: center;
	background-color: #FFF;
	border-radius: 30px;
	padding: 30px 20px;
	line-height: 1.2;
}

.sec11 .spec-wrap li .tx-lg {
	font-size: 38px;
}

.sec11 .annotation {
	text-align: center;
	margin-top: 30px;
}

@media screen and (max-width: 1100px) {
	.sec11 .spec-wrap li .tx-lg {
		font-size: 34px;
	}
}

@media screen and (max-width: 900px) {
	.sec11 .spec-wrap li {
		font-size: 22px;
	}

	.sec11 .spec-wrap li .tx-lg {
		font-size: 30px;
	}
}

@media screen and (max-width: 820px) {
	.sec11 .spec-wrap li {
		font-size: 20px;
	}

	.sec11 .spec-wrap li .tx-lg {
		font-size: 26px;
	}
}

@media screen and (max-width: 768px) {
	.sec11 {
		border-radius: 20px;
	}

	.sec11 .spec-wrap {
		flex-wrap: wrap;
	}

	.sec11 .spec-wrap li {
		width: calc((100% - 18px) / 2);
		border-radius: 20px;
		margin-top: 18px;
	}
}

@media screen and (max-width: 400px) {
	.sec11 {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.sec11 .spec-wrap li {
		width: calc((100% - 10px) / 2);
		border-radius: 20px;
		margin-top: 10px;
		padding: 20px 15px;
		font-size: 18px;
	}

	.sec11 .spec-wrap li .tx-lg {
		font-size: 24px;
	}

	.sec11 .annotation {
		font-size: 14px;
	}
}

/*----------------------
sec12
-----------------------*/
.sec12 {
	padding-top: 90px;
	padding-bottom: 90px;
}

.sec12 .link-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.sec12 .link-wrap li {
	padding: 40px;
	border-radius: 50px;
	text-align: center;
}

.sec12 .link-wrap li+li {
	margin-top: 40px;
}

.sec12 .link-wrap .link1,
.sec12 .link-wrap .link4 {
	width: 100%;
	display: flex;
	align-items: center;
	background-color: #FFE761;
}

.sec12 .link-wrap .link2,
.sec12 .link-wrap .link3 {
	font-size: 24px;
	width: calc((100% - 40px) / 2);
	background-color: #D7F4F5;
}

.sec12 .link-wrap .link2 p,
.sec12 .link-wrap .link3 p {
	font-weight: 700;
}

.sec12 .link-wrap .link1 img,
.sec12 .link-wrap .link4 img {
	width: 456px;
}

.sec12 .link-wrap .tx-wrap {
	padding-left: 20px;
	width: calc(100% - 456px);
}

.sec12 .link-wrap .tx-wrap p {
	font-size: 21px;
}

.sec12 .link-wrap .btn-warp {
	margin-top: 20px;
}

.sec12 .link-wrap .link1 .tx-emp {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 10px 0 20px;
}

.sec12 .link-wrap .link1 .tx-emp p {
	font-size: 63px;
	font-weight: bold;
	line-height: 1.2;
	text-align: left;
}

.sec12 .link-wrap .link1 .tx-emp .tx-lg {
	font-size: 170px;
	margin-right: 15px;
}

.sec12 .link-wrap .link4 .tx-emp {
	margin: 10px 0 20px;
	font-size: 36px;
	font-weight: 700;
	line-height: 1.3;
}

.sec12 .link-wrap .link4 .tx-emp span {
	font-size: 48px;
}

@media screen and (max-width: 1280px) {
	.sec12 .btn-warp .btn {
		min-width: 100%;
	}
}

@media screen and (max-width: 1100px) {
	.sec12 .link-wrap li {
		padding: 25px;
	}

	.sec12 .link-wrap .link1 .tx-emp .tx-lg {
		font-size: 140px;
	}

	.sec12 .link-wrap .link1 .tx-emp p {
		font-size: 48px;
	}
}

@media screen and (max-width: 1000px) {
	.sec12 .link-wrap li {
		border-radius: 30px;
	}

	.sec12 .link-wrap li+li {
		margin-top: 20px;
	}

	.sec12 .link-wrap .link1 img,
	.sec12 .link-wrap .link4 img {
		width: 400px;
	}

	.sec12 .link-wrap .tx-wrap {
		width: calc(100% - 400px);
	}

	.sec12 .link-wrap .link2,
	.sec12 .link-wrap .link3 {
		font-size: 22px;
		width: calc((100% - 20px) / 2);
	}

	.sec12 .btn-warp .btn {
		padding: 1em 3em 1em 1em;
	}
}

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

	.sec12 .link-wrap .link1 img,
	.sec12 .link-wrap .link4 img {
		width: 45%;
	}

	.sec12 .link-wrap .tx-wrap {
		width: 55%;
	}

	.sec12 .link3 .btn-warp .btn {
		padding: 1em 3em 1em 2em;
		text-align: left;
	}

	.sec04 .balloon-wrap li.li2::after {
		left: 30%;
	}

	.sec04 .balloon-wrap li.li3::after {
		left: 70%;
	}
}

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

	.sec12 .link-wrap {
		max-width: 500px;
		margin: auto;
	}

	.sec12 .link-wrap li {
		border-radius: 20px;
	}

	.sec12 .link-wrap .tx-wrap {
		width: 100%;
		padding-left: 0;
	}

	.sec12 .link-wrap .link1 img,
	.sec12 .link-wrap .link4 img {
		width: 60%;
		margin: auto;
	}

	.sec12 .link-wrap .link1 .tx-emp .tx-lg {
		font-size: 110px;
		line-height: 1;
	}

	.sec12 .link-wrap .link1 .tx-emp p {
		font-size: 36px;
	}

	.sec12 .link-wrap .link4 img {
		margin: 15px auto 0;
	}

	.sec12 .link-wrap .link2,
	.sec12 .link-wrap .link3 {
		width: 100%;
	}

	.sec12 .link-wrap .link2 img,
	.sec12 .link-wrap .link3 img {
		width: 60%;
		margin: auto;
	}

	.sec12 .link3 .btn-warp .btn {
		text-align: center;
	}
}

@media screen and (max-width: 500px) {
	.sec12 {
		padding-top: 30px;
		padding-bottom: 50px;
	}

	.sec12 .link-wrap .tx-wrap p {
		font-size: 18px;
	}

	.sec12 .link-wrap .link2,
	.sec12 .link-wrap .link3 {
		font-size: 20px;
	}
}

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

	.sec12 .link-wrap .link1 img,
	.sec12 .link-wrap .link4 img {
		width: 80%;
	}

	.sec12 .link-wrap .link2 img,
	.sec12 .link-wrap .link3 img {
		width: 70%;
	}

	.sec12 .link-wrap .link4 .tx-emp {
		font-size: 30px;
	}

	.sec12 .link-wrap .link4 .tx-emp span {
		font-size: 40px;
	}
}

.form-area-wrap {
	width: 100%;
	padding: 40px;
	border-radius: 50px;
	background-color: #D7F4F5;
	margin: 50px auto 0;
}

.form-area-wrap .form_img {
	width: 90%;
	max-width: 600px;
	margin: auto;
}

.form-area {
	width: 100%;
	max-width: 640px;
	margin: auto;
	background-color: #FFF;
	padding: 40px;
	border-radius: 50px;
}

.form-area .mv-form-tit {
	font-size: 36px;
	margin-bottom: 0.5em;
	font-weight: 700;
	border-radius: 5rem;
	text-align: center;
}

@media screen and (max-width: 1000px) {
	.form-area-wrap {
		padding: 25px;
		border-radius: 30px;
		margin: 20px auto 0;
	}

	.form-area {
		padding: 25px;
		border-radius: 30px;
	}

}

@media screen and (max-width: 768px) {
	.form-area-wrap {
		border-radius: 20px;
	}

	.form-area {
		border-radius: 20px;
	}

	.form-area .mv-form-tit {
		font-size: 28px;
	}

}

@media screen and (max-width: 500px) {
	.form-area .mv-form-tit {
		font-size: 24px;
	}

}