/*-------------------- 共通 --------------------*/
.br_sp {
	display: none;
}

.btnArea2 {
	padding: 0 !important;
}

a.btn2 {
	display: inline-block;
	padding: 0 5rem;
	border-radius: 2.5rem;
	border: 1px solid #ff8800;
	color: #ff8800;
	line-height: 4rem;
	text-decoration: none;
	vertical-align: bottom;
	font-size: 18px;
	transition: .3s
}

a.btn3 {
	display: inline-block;
	padding: 0 35px;
	border-radius: 2.5rem;
	border: 1px solid #ff8800;
	color: #ff8800;
	line-height: 3rem;
	text-decoration: none;
	vertical-align: bottom;
	font-size: 13px;
	transition: .3s
}

a.btn3:after {
	content: url(/img/online/ico_arrow_right_orange.svg);
	position: absolute;
	top: 0;
	right: 20px;
	width: 6px;
}

a.btn2:hover,
a.btn3:hover {
	opacity: 0.7;
}

a:hover {
	color: #ff8800;
}

a:visited {
	color: #ff8800;
}

a.anchor {
	display: block;
	padding-top: 75px;
	margin-top: -75px;
	clear: both;
}

a.btn2:after {
	content: url(/img/online/ico_arrow_right_orange.svg);
	position: absolute;
	top: 0;
	right: 20px;
	width: 10px;
}

.slick-slider .slick-arrow {
	padding: inherit;
}

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

	.br_sp {
		display: inherit;
	}

	a.btn2 {
		line-height: 3.5rem;
		padding: 0 4.5rem;
		font-size: 16px;
	}

	a.anchor {
		padding-top: 60px;
		margin-top: -60px;
	}
}

.clorange {
	color: #ff8800;
}

.highLight {
	font-weight: 700 !important;
	background: linear-gradient(transparent 65%, #ffb866 65%) !important;
}

/*-----------------------
         FV
-------------------------*/
#topVisualSection * {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

#topVisualSection {
	width: 100%;
	margin: 0;
	padding: 0;
	min-height: 540px;
	/*
  background: url(../../../img/lp/02/fv_bg.png) center center no-repeat;
  background-size: cover;
*/

	background-color: rgb(254, 242, 226);
	background: linear-gradient(90deg, rgba(254, 242, 226, 1) 0%, rgba(255, 194, 123, 1) 100%);

}

#topVisualSection .topVisualSectionInner {
	position: relative;
	max-width: 1066px;
	min-height: 540px;
	margin: 0 auto;
	padding: 0 20px 20px;
}

#topVisualSection .topVisualSectionInner .fv_img {
	position: absolute;
	z-index: 0;
	top: 0;
	right: -240px;
}

#topVisualSection .topVisualSectionInner .fv_img img {
	max-width: 100%;
	max-height: 540px;

}

#topVisualSection p {
	padding: 50px 0 15px;
	font-size: 30px;
	font-weight: 700;
}

#topVisualSection p span {
	font-size: 20px;
}

#topVisualSection .fv_logo {
	margin-bottom: 40px;
}

#topVisualSection .fv_logo img {
	width: 550px;
}

#topVisualSection .fv_list {
	font-size: 18px;
}

#topVisualSection .fv_list li {
	list-style: none;
	background: url(../../../img/lp/02/fv_list_icon.png) left center no-repeat;
	background-size: 26px;
	margin-bottom: 10px;
	padding-left: 35px;

}

#topVisualSection .fv_list li .highLight {
	font-weight: 700;
	background: linear-gradient(transparent 60%, #ffb866 60%);
}

#topVisualSection .fv_btn_block {
	display: flex;
	align-items: center;
	margin-top: 80px;
}

#topVisualSection .fv_btn_block .btn {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 265px;
	height: 80px;
	border-radius: 10px;
	margin-right: 20px;
	font-size: 22px;
	line-height: 1.25;
	color: #FFF;
	background: #09bd73;
	box-shadow: 1px 1px 2px 1px rgb(0 0 0 / 20%);
	transition: all .5s;
}

#topVisualSection .fv_btn_block .btn:hover {
	opacity: .8;
}

#topVisualSection .fv_btn_block .btn .btn_icon {
	position: absolute;
	top: 5px;
	left: -20px;
}

#topVisualSection .fv_btn_block .btn dl dt {
	font-size: 13px;
	font-weight: normal;
}

#topVisualSection .fv_btn_block .btn dl dd {
	font-weight: 700;
}

#topVisualSection .fv_btn_block .btn dl dd span {
	font-size: 18px;
}

#topVisualSection .fv_btn_block .btn:last-child {
	background: #f2505f;
	margin-right: 0;
	margin-bottom: 0;
}

#topVisualSection .fv_circle_block {
	position: absolute;
	bottom: 60px;
	right: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#topVisualSection .fv_circle_block .circle_item * {
	margin: 0;
	padding: 0;
}

#topVisualSection .fv_circle_block .circle_item {
	text-align: center;
	width: 159px;
	height: 159px;
	margin-right: 10px;
	background: url(../../../img/lp/02/fv_img_circle_02.png) no-repeat;
	background-size: cover;
}

#topVisualSection .fv_circle_block .circle_item p {
	font-size: 17px;
	line-height: 1.25;
	color: #FFF;
	margin: 20px 0 10px 0;
}

#topVisualSection .fv_circle_block .circle_item p span {
	display: block;
	text-align: center;
	font-size: 13px;
}

#topVisualSection .fv_circle_block .circle_item dl dt {
	font-size: 23px;
	font-weight: 700;
}

#topVisualSection .fv_circle_block .circle_item dl dt span {
	font-size: 13px;
}

#topVisualSection .fv_circle_block .circle_item dl dd {
	font-size: 9px;
}

#topVisualSection .fv_circle_block .circle_item:last-child {
	margin-right: 0;
}

@media screen and (max-width: 1024px) {
	#topVisualSection .fv_logo img {
		max-width: 500px;
	}
}

@media screen and (max-width: 980px) {
	#topVisualSection {

		background: url(../../../img/lp/02/fv_bg.png) center center no-repeat;
		background-size: cover;


		background-color: none;


	}

	#topVisualSection .topVisualSectionInner .fv_img {
		display: none;
	}

	#topVisualSection p {
		font-size: 28px;
	}

	#topVisualSection p span {
		display: block;
	}

	#topVisualSection .fv_logo img {
		width: 450px;
	}

	#topVisualSection .fv_list li {
		font-size: 16px;
		background-size: 22px;
		padding-left: 30px;
	}

	#topVisualSection .fv_btn_block .btn {
		width: 220px;
		margin-right: 15px;
	}

	#topVisualSection .fv_btn_block .btn .btn_icon {
		position: absolute;
		top: -15px;
		left: -20px;
	}
}




@media screen and (max-width: 800px) {
	#topVisualSection {
		min-height: auto;
		/*
    background-color: rgb(254,242,226);
    background: linear-gradient(90deg, rgba(254,242,226,1) 0%, rgba(255,194,123,1) 100%);
*/
	}

	#topVisualSection .topVisualSectionInner {
		min-height: auto;
		margin: 0 auto;
		padding: 0 15px 20px;
	}

	#topVisualSection p {
		padding: 35px 0 10px;
		font-size: 20px;
	}

	#topVisualSection p span {
		display: block;
		font-size: 16px;
		padding-left: 0;
	}

	#topVisualSection .fv_logo {
		margin-bottom: 10px;
	}

	#topVisualSection .fv_logo img {
		max-width: 310px;
	}

	#topVisualSection .fv_list {
		margin-bottom: 10px;
		font-size: 14px;
	}

	#topVisualSection .fv_list li {
		font-size: 14px;
		background-size: 20px;
		margin-bottom: 10px;
		padding-left: 25px;
	}

	#topVisualSection .fv_btn_block {
		justify-content: center;
		margin: 0 auto;
	}

	#topVisualSection .fv_circle_block {
		position: static;
		margin-bottom: 30px;
	}

	#topVisualSection .fv_btn_block {
		display: block;
		justify-content: start;
		width: 265px;
		margin: 0 auto;
	}

	#topVisualSection .fv_btn_block .btn {
		margin-right: 0;
		margin-bottom: 20px;
		width: 100%;
	}
}

@media screen and (max-width: 414px) {
	#topVisualSection {
		min-height: auto;
		background: url(../../../img/lp/02/fv_sp_bg2.png) center center no-repeat;
		background-size: cover;
	}

	#topVisualSection .fv_list {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
	}

	#topVisualSection .fv_circle_block {
		margin-top: 250px;
		margin-bottom: 20px;
	}

	#topVisualSection .fv_circle_block .circle_item {
		text-align: center;
		width: 134px;
		height: 134px;
		margin-right: 5px;
		background: url(../../../img/lp/02/fv_img_circle_02.png) no-repeat;
		background-size: cover;
	}

	#topVisualSection .fv_circle_block .circle_item p {
		font-size: 16px;
		margin-top: 15px;
	}

	#topVisualSection .fv_circle_block .circle_item dl dt {
		font-size: 18px;
	}
}

/*
#topVisualSection .fv_download {
  position: absolute;
  bottom: 40px;
  left: 0;
}
#topVisualSection .fv_download .fv_download_icon {
  z-index: 1;
  position: relative;
  width: 165px;
}
#topVisualSection .fv_download .fv_download_icon img{
  position: absolute;
  top: -50px;
  left: 10px;
  max-width: 100%;
}
#topVisualSection .fv_download a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 480px;
  height: 60px;
  padding: 0 0 0 80px;
  border-radius: 10px;
  font-size: 20px;
  font-weight: bold;
  color: #FFF;
  background-color: #649fe3;
  box-shadow: 1px 1px 2px 1px rgb(0 0 0 / 20%);
  transition: 0.2s ease;
}
#topVisualSection .fv_download a:hover {
  opacity: 0.8;
}
#topVisualSection .fv_download a:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 8px;
  border-color: transparent transparent transparent #FFF;
  position: absolute;
  top: 50%;
  right: 15%;
  margin-top: -6px;
}


*/





/*-------------------- KV -------------------*/
/*
.lp02 #title {
  background-image: url(../../../img/lp/02/top_bg_online.jpg);
}
@media screen and (max-width: 768px) {
}
*/

/*-------------------- イベント --------------------*/
section.siteHome {
	width: 100%;
	padding: 0;
}

.recruitmentSection {
	padding: 0;
	width: 100% !important;
}

.siteHome .main .recruitmentSection h2 {
	margin-bottom: 40px;
}

.siteHome .main .recruitmentSection {
	padding-top: 0;
	padding-bottom: 90px;
	text-align: center;
	background: #FFFFFF 0% 0% no-repeat padding-box;
}

.recruitmentSection .infiniteslide-outer {
	display: flex;
	align-items: center;
	overflow: hidden;
	margin-inline-start: calc((100vw - 1024px) * .5 * -1);
	margin-inline-end: calc((100vw - 1024px) * .5 * -1);
	padding: 0;
}

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

	.recruitmentSection .infiniteslide-outer {
		margin: 0;
	}

}


.siteHome .main .recruitmentSection .infiniteslide>* {
	display: block;
}

.siteHome .main .recruitmentSection .infiniteslide {
	width: auto;
}

.infiniteslide {
	display: flex;
	animation: loop-slide 28s infinite linear 1s both;
}

@keyframes loop-slide {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-100%);
	}
}


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

	.recruitmentSection .infiniteslide-outer {
		margin: 0;
	}

	.siteHome .main .recruitmentSection .infiniteslide>* {
		width: 50%;
		width: calc(100vw / 2.25);
	}

	.siteHome .main .recruitmentSection .infiniteslide_wrap {
		margin: 0;
	}


}

/*-------------------- 課題 --------------------*/
.TroublesSection {
	padding: 0;
	width: 100%;
	background: transparent radial-gradient(closest-side at 50% 15%,
			#43505f 0%, #233348 100%) 0% 0% no-repeat padding-box;
}

.TroubleContainer {
	margin: 0 auto;
	color: #fff;
	max-width: 1024px;
	min-height: 400px;
	padding: 100px 0 120px;
}

.TroubleContainer h2 {
	position: relative;
	padding: 0 16px;
	line-height: 1.5;
	text-align: center;
	font-size: 32px;
	line-height: 1.25;
	font-weight: 700;
	margin: 0;
}

.TroubleContainer h2 .part-text {
	color: #ff8800;
}

.TroubleContainer ul {
	list-style-type: none;
	margin: 48px auto 0;
	padding: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	max-width: 1028px;
	flex-wrap: nowrap;
	gap: 0 20px;
}

.TroubleContainer ul li {
	width: calc(50% - 8px);
	font-size: 14px;
	line-height: 1.7;
	text-align: center;
	max-width: 242px;
	text-align: center;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 700;
}

.TroubleContainer ul li .sampleImage {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}

@media screen and (min-width:769px) and (max-width:1023px) {
	.TroubleContainer {
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media screen and (min-width:769px) and (max-width:1023px) {
	.TroubleContainer {
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media screen and (max-width: 768px) {
	.TroubleContainer {
		margin: 0 auto;
		padding: 70px 0;
		width: 100%;
		color: #fff;
	}

	.TroubleContainer h2 {
		position: relative;
		padding: 0 16px;
		font-size: 22px;
		line-height: 1.5;
		text-align: center;
		line-height: 1.25;
		font-weight: 700;
		margin: 0;
	}

	.TroubleContainer ul {
		list-style-type: none;
		margin: 48px auto 0;
		padding: 0;
		width: calc(100% - 16px * 2);
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		gap: 24px 15px;
	}
}


/*-------------------- 紹介 --------------------*/
.IntroductionSection {
	padding: 0;
	width: 100%;
	background: #fff2e6;
}

.IntroductionContainer {
	margin: 0 auto;
	max-width: 1024px;
	padding: 100px 0;
}

.IntroductionContainer .bubble {
	margin: -150px auto 0;
	width: 670px;
}

.IntroductionContainer h2 {
	position: relative;
	padding: 0 16px;
	line-height: 1.5;
	text-align: center;
	font-size: 32px;
	line-height: 1.25;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 30px;
}

.IntroductionContainer h2 .part-text {
	color: #ff8800;
	font-size: 56px;
}

.IntroductionContainer .textCenter {
	font-size: 18px;
	font-weight: 500;
}

.IntroductionContainer .inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-top: 90px;
}

.IntroductionContainer .inner .left {
	width: 35%;
}

.IntroductionContainer .inner .left img {
	width: 100%;
}

.IntroductionContainer .inner .right {
	width: 50%;
	background-color: #fff;
	border-radius: 12px;
	padding: 0 40px 30px;
}

.IntroductionContainer .inner .right .title {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	background-color: #ff8800;
	padding: 15px 40px;
	border-radius: 8px;
	display: table;
	margin-top: -30px;
}

.IntroductionContainer .inner .right .above ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style: none;
	padding: 0;
}

.IntroductionContainer .inner .right .above ul li {
	width: 46%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.IntroductionContainer .inner .right .above ul li .image {
	width: 26%;
}

.IntroductionContainer .inner .right .above ul li p {
	width: 70%;
}

.IntroductionContainer .inner .right .below {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style: none;
	padding: 0;
	align-items: center;
}

.IntroductionContainer .inner .right .below .image {
	width: 50%;
}

.IntroductionContainer .inner .right .below .image img {
	width: 100%;
}

.IntroductionContainer .inner .right .below p {
	width: 50%;
}

@media screen and (min-width:769px) and (max-width:1023px) {
	.IntroductionContainer {
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media screen and (max-width: 768px) {
	.IntroductionSection {
		padding: 0;
		width: 100%;
		background: #fff2e6;
	}

	.IntroductionContainer {
		margin: 0 auto;
		width: 92%;
		padding: 60px 4%;
	}

	.IntroductionContainer .bubble {
		text-align: center;
		margin-top: -90px;
		width: 100%
	}

	.IntroductionContainer .bubble img {
		width: 100%
	}

	.IntroductionContainer h2 {
		position: relative;
		padding: 0 16px;
		line-height: 1.5;
		text-align: center;
		font-size: 22px;
		line-height: 1.25;
		font-weight: bold;
		margin-top: 0;
		margin-bottom: 20px;
	}

	.IntroductionContainer h2 .part-text {
		color: #ff8800;
		font-size: 46px;
	}

	.IntroductionContainer .inner {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		margin-top: 50px;
	}

	.IntroductionContainer .inner .left {
		width: 100%;
		text-align: center;
	}

	.IntroductionContainer .inner .left img {
		width: 70%;
	}

	.IntroductionContainer .inner .right {
		width: 100%;
		background-color: #fff;
		border-radius: 12px;
		padding: 0 20px 30px;
		margin-top: 40px;
	}

	.IntroductionContainer .inner .right .title {
		font-size: 16px;
		font-weight: bold;
		color: #fff;
		background-color: #ff8800;
		padding: 15px 30px;
		border-radius: 8px;
		display: table;
		margin: -30px auto 0;
	}

	.IntroductionContainer .inner .right .above ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		list-style: none;
		padding: 0;
	}

	.IntroductionContainer .inner .right .above ul li {
		width: 46%;
		display: flex;
		flex-wrap: wrap;
		align-items: inherit;
		justify-content: center;
	}

	.IntroductionContainer .inner .right .above ul li .image {
		width: 50%;
		text-align: center;
	}

	.IntroductionContainer .inner .right .above ul li p {
		width: 100%;
		text-align: center;
	}

	.IntroductionContainer .inner .right .below {
		display: inherit;
		list-style: none;
		padding: 0;
	}

	.IntroductionContainer .inner .right .below .image {
		width: 100%;
		text-align: center;
	}

	.IntroductionContainer .inner .right .below .image img {
		width: 80%;
	}

	.IntroductionContainer .inner .right .below p {
		width: 100%;
		text-align: center;
	}
}


/*-------------------- 目的 --------------------*/
.PurposeSection {
	padding: 0;
	width: 100%;
}

.PurposeContainer {
	margin: 0 auto;
	max-width: 1024px;
	padding: 100px 0;
}

.PurposeContainer h2 {
	position: relative;
	padding: 0 16px;
	line-height: 1.5;
	text-align: center;
	font-size: 32px;
	line-height: 1.25;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 40px;
}

.PurposeContainer .purposeitems {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 50px;
}

.PurposeContainer .purposeitems .item {
	width: 31%;
	box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 3px 3px;
	border-radius: 12px;
}

.PurposeContainer .purposeitems .item .image img {
	width: 100%;
}

.PurposeContainer .purposeitems .item .desc {
	padding: 20px 25px;
}

.PurposeContainer .purposeitems .item .desc .title {
	font-size: 20px;
	font-weight: bold;
}

@media screen and (min-width:769px) and (max-width:1023px) {
	.PurposeContainer {
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media screen and (max-width: 768px) {
	.PurposeSection {
		padding: 0;
		width: 100%;
	}

	.PurposeContainer {
		margin: 0 auto;
		width: 92%;
		padding: 60px 4%;
	}

	.PurposeContainer h2 {
		position: relative;
		padding: 0 16px;
		line-height: 1.5;
		text-align: center;
		font-size: 22px;
		line-height: 1.25;
		font-weight: bold;
		margin-top: 0;
		margin-bottom: 30px;
	}

	.PurposeContainer .purposeitems {
		display: inherit;
		margin-bottom: 40px;
	}

	.PurposeContainer .purposeitems .item {
		width: 100%;
		box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 3px 3px;
		border-radius: 12px;
	}

	.PurposeContainer .purposeitems .item:not(:last-child) {
		margin-bottom: 30px;
	}

	.PurposeContainer .purposeitems .item .image img {
		width: 100%;
	}

	.PurposeContainer .purposeitems .item .desc {
		padding: 10px 20px 20px;
	}

}




/*-------------------- サポート体制 --------------------*/
.support {
	width: 100%;
	padding: 0;
}

.support-inner {
	max-width: 944px;
	margin: -310px auto 0;
	background-color: #fff;
	box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 3px 3px;
	border-radius: 12px;
	padding: 0 40px 70px;
}

.support .title {
	width: 100%;
	text-align: center;
	transform: translateY(-50px);
}

.support .title img {
	width: 380px;
	text-align: center;
}

.support .inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-top: -40px;
}

.support .inner .image {
	width: 45%;
}

.support .inner .image img {
	width: 100%;
}

.support .inner ul {
	width: 50%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.support .inner ul li {
	width: 48%;
	list-style: none;
	border: 1px solid #bdc6c6;
	border-radius: 12px;
	padding: 5px 20px;
	box-sizing: border-box;
}

.support .inner ul li:nth-child(n+3) {
	margin-top: 4%;
}

.support .inner ul li .head {
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}

.support .inner ul li .icon {
	width: 100%;
	text-align: center;
}

.support .inner ul li .icon img {
	width: 35%;
}

.support .inner ul li .text {
	font-size: 13px;
}

@media screen and (min-width:769px) and (max-width:1023px) {
	.support-inner {
		width: 92%;
		margin: -300px 4% 0;
		padding: 0;
	}

	.support .inner {
		padding: 30px;
	}

	.support .inner .image {
		width: 40%;
		text-align: center;
		margin: 0 auto 30px;
	}

	.support .inner ul {
		margin: 0 auto;
	}
}

@media screen and (max-width: 768px) {
	.support-inner {
		width: 92%;
		margin: -520px 4% 0;
		background-color: #fff;
		box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 3px 3px;
		border-radius: 12px;
		padding: 0;
	}

	.support .title {
		width: 100%;
		text-align: center;
		transform: translateY(-35px);
	}

	.support .title img {
		width: 80%;
		text-align: center;
	}

	.support .inner {
		display: inherit;
		margin-top: -40px;
	}

	.support .inner .image {
		width: 100%;
		text-align: center;
	}

	.support .inner .image img {
		width: 80%;
	}

	.support .inner ul {
		width: 92%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 0 4% 30px;
	}

	.support .inner ul li {
		width: 48%;
		list-style: none;
		border: 1px solid #bdc6c6;
		border-radius: 12px;
		padding: 5px 15px;
		box-sizing: border-box;
	}

	.support .inner ul li:nth-child(n+3) {
		margin-top: 4%;
	}

	.support .inner ul li .head {
		font-size: 15px;
		font-weight: bold;
		text-align: center;
	}

	.support .inner ul li .icon {
		width: 100%;
		text-align: center;
	}

	.support .inner ul li .icon img {
		width: 35%;
	}

	.support .inner ul li .text {
		font-size: 13px;
	}
}





/*-------------------- ポイント --------------------*/
.PointSection {
	padding: 0;
	width: 100%;
}

.PointContainer {
	margin: 0 auto;
	max-width: 1024px;
	padding: 100px 0;
}

.PointContainer h2 {
	position: relative;
	padding: 0 16px;
	line-height: 1.5;
	text-align: center;
	font-size: 32px;
	line-height: 1.25;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 40px;
}

.PointContainer .pointitems {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 50px;
}

.PointContainer .pointitems .item {
	width: 23%;
	box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 3px 3px;
	border-radius: 12px;
}

.PointContainer .pointitems .item .image img {
	width: 100%;
}

.PointContainer .pointitems .item .desc {
	padding: 10px 25px 20px;
}

.PointContainer .pointitems .item .desc .title {
	font-size: 15px;
	font-weight: 500;
}

@media screen and (min-width:769px) and (max-width:1023px) {
	.PointContainer {
		padding-left: 20px;
		padding-right: 20px;
	}

	.PointContainer .pointitems .item {
		width: calc((100% - 20px)/2);
		margin-right: 20px;
		margin-bottom: 20px;
	}

	.PointContainer .pointitems .item:nth-child(2n) {
		margin-right: 0;
	}
}

@media screen and (max-width: 768px) {
	.PointSection {
		padding: 0;
		width: 100%;
	}

	.PointContainer {
		margin: 0 auto;
		width: 92%;
		padding: 60px 4%;
	}

	.PointContainer h2 {
		position: relative;
		padding: 0 16px;
		line-height: 1.5;
		text-align: center;
		font-size: 22px;
		line-height: 1.25;
		font-weight: bold;
		margin-top: 0;
		margin-bottom: 30px;
	}

	.PointContainer .pointitems {
		display: inherit;
		margin-bottom: 40px;
	}

	.PointContainer .pointitems .item {
		width: 100%;
		box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 3px 3px;
		border-radius: 12px;
	}

	.PointContainer .pointitems .item:not(:last-child) {
		margin-bottom: 30px;
	}

	.PointContainer .pointitems .item .image img {
		width: 100%;
	}

	.PointContainer .pointitems .item .desc {
		padding: 10px 20px 20px;
	}
}

/*-------------------- 機能一覧 --------------------*/
.function {
	background-color: #fff1e6;
	padding: 0;
	padding-bottom: 109px;
	width: 100%;
	background-image: url(../../../img/bg_check.png)
}

.function .main {
	padding-top: 115px;
}

.function h2 {
	text-align: center;
	margin-bottom: 100px;
}

.function .main .functionListLink ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 13px;
	font-size: 0.8666666667rem;
	font-weight: bold;
	text-decoration: none;
}

.function .main .functionListLink ul li .functionIco {
	box-shadow: none;
}

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

	.function h2 {
		width: 100%;
		margin-bottom: 50px;
	}
}

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

	.function {
		padding-bottom: 70px;
	}

	.function .main {
		padding-top: 50px;
	}
}


/* // case
----------------------------------------------- */
.case {
	padding-left: inherit;
	padding-right: inherit;
	width: 100%;
	padding: 60px 0 200px 0;
	margin-top: 70px;
}

.case h2 {
	position: relative;
	padding: 0 16px;
	line-height: 1.5;
	text-align: center;
	font-size: 32px;
	line-height: 1.25;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 80px;
}


.case ul {
	width: 100% !important;
	max-width: 1600px;
	padding-left: 0;
	margin: 0 auto;
}

.case ul li.item {
	background-color: #fff;
	border-radius: 12px;
	box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 3px 3px;
	padding: 40px;
	margin-top: 15px;
}

.case ul li .title {
	color: #ff8800;
}

.case ul li .info {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
	align-items: center;
}

.case ul li .info dl {
	display: flex;
	flex-wrap: wrap;
}

.case ul li .info dl dt {
	text-align: center;
	background-color: #767676;
	color: #fff;
	padding: 4px 20px;
}

.case ul li .info dl dd {
	border: 1px solid #c7c7c7;
	text-align: center;
	margin-left: inherit;
	padding: 4px 20px;
}

.case ul li .info dl:not(:last-child) {
	margin-right: 15px;
}

.case ul li .detail {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
	justify-content: space-between;
}

.case ul li .detail .pic {
	width: 42%;
}

.case ul li .detail .pic img {
	margin-bottom: 20px;
}

.case ul li .detail .caseFunction {
	width: 51%;
}

.case ul li .detail .caseFunction .block {
	background-color: #f7f7f7;
	padding: 50px 30px 5px;
	border-radius: 12px;
}

.case ul li .detail .caseFunction .block:not(:last-child) {
	margin-bottom: 30px;
}

.case ul li .detail .caseFunction .block .head {
	margin-top: -66px;
	color: #fff;
	background-color: #ff8800;
	border-radius: 8px;
	padding: 5px 40px;
	display: table;
	font-size: 15px;
	font-weight: bold;
}

.case ul li .detail .caseFunction .block ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 0;
	padding: 0;
}

.case ul li .detail .caseFunction .block ul li {
	width: 24%;
	list-style: none;
	text-align: center;
}

.case ul li .detail .caseFunction .block ul li img {
	height: 65px;
}

.case .caseFunction {
	background-color: transparent;
}

@media all and (max-width: 768px) {
	.case {

		padding: 40px 0 40px;
	}

	.case ul {
		max-width: inherit;
	}

	.case h2 {
		position: relative;
		padding: 0 16px;
		line-height: 1.5;
		text-align: center;
		font-size: 22px;
		line-height: 1.25;
		font-weight: bold;
		margin-top: 0;
		margin-bottom: 30px;
	}

	.case ul li.item {
		background-color: #fff;
		border-radius: 12px;
		box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 3px 3px;
		padding: 20px 15px;
	}

	.case ul li .title {
		color: #ff8800;
	}

	.case ul li .info {
		display: inherit;
		margin-top: 20px;
	}

	.case ul li .info dl {
		display: flex;
		flex-wrap: wrap;
		font-size: 13px;
	}

	.case ul li .info dl dt {
		text-align: center;
		background-color: #767676;
		color: #fff;
		padding: 4px 20px;
	}

	.case ul li .info dl dd {
		border: 1px solid #c7c7c7;
		text-align: center;
		margin-left: inherit;
		padding: 4px 20px;
	}

	.case ul li .info dl:not(:last-child) {
		margin-right: 15px;
	}

	.case ul li .detail {
		display: inherit;
		margin-top: 20px;
	}

	.case ul li .detail .pic {
		width: 100%;
	}

	.case ul li .detail .pic img {
		margin-bottom: 20px;
	}

	.case ul li .detail .caseFunction {
		width: 100%;
	}

	.case ul li .detail .caseFunction .block {
		background-color: #f7f7f7;
		padding: 50px 15px 5px;
		border-radius: 12px;
	}

	.case ul li .detail .caseFunction .block:not(:last-child) {
		margin-bottom: 30px;
	}

	.case ul li .detail .caseFunction .block .head {
		margin-top: -66px;
		color: #fff;
		background-color: #ff8800;
		border-radius: 8px;
		padding: 5px 40px;
		display: table;
		font-size: 15px;
		font-weight: bold;
	}

	.case ul li .detail .caseFunction .block ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		margin: 0;
		padding: 0;
	}

	.case ul li .detail .caseFunction .block ul li {
		width: 48%;
		list-style: none;
		text-align: center;
	}

	.case ul li .detail .caseFunction .block ul li img {
		height: 75px;
	}
}


/* // スライダー設定
----------------------------------------------- */
.slider {
	/*横幅94%で左右に余白を持たせて中央寄せ*/
	width: 90%;
	margin: 0 auto;
}

.slider img {
	width: 100%;
	/*スライダー内の画像を横幅100%に*/
	height: auto;
}

/*slickのJSで書かれるタグ内、スライド左右の余白調整*/

.slider .slick-slide {
	margin: 0 25px 0;
}

/*矢印の設定*/

/*戻る、次へ矢印の位置*/
.slick-prev {
	position: absolute;
	/*絶対配置にする*/
	top: 9vw;
	left: -0.5%;
	height: 60px !important;
	width: 60px !important;
	z-index: 10;
	background: url(../../../img/lp/02/arrow_left.png) no-repeat left top !important;
}

.slick-next {
	position: absolute;
	/*絶対配置にする*/
	top: 9vw;
	right: -0.5%;
	height: 60px !important;
	width: 60px !important;
	z-index: 10;
	background: url(../../../img/lp/02/arrow_right.png) no-repeat left top !important;
}

.case .slick-next:before,
.case .slick-prev:before {
	content: inherit;
}

.case ul li .title {
	font-size: 2.4rem;
	font-weight: bold;
	margin: 20px 0 15px;
}

.case ul li .text {
	margin: 0 0 25px;
}

@media all and (max-width: 768px) {
	.slider {
		/*横幅94%で左右に余白を持たせて中央寄せ*/
		width: 94%;
		margin: 0 auto;
	}

	.slider .slick-slide {
		margin: 0 10px;
	}

	.slick-prev {
		height: 40px;
		width: 40px;
		top: 30vw;
		left: -5%;
		background-size: contain;
	}

	.slick-next {
		/*次へ矢印の位置と形状*/
		height: 40px;
		width: 40px;
		top: 30vw;
		right: -5%;
		background-size: contain;
	}

	.case ul li .title {
		font-size: 1.6rem;
		font-weight: bold;
		margin: 15px 0;
	}

	.case ul li .text {
		margin: 0 0 35px;
	}

	.case ul li .certification {
		font-size: 1.2rem;
		border-top: 1px solid #999;
		padding-top: 15px;
		margin: 0 15px 15px;
		font-weight: bold;
	}
}


.other * {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.other {
	width: 100%;
	padding-top: 90px;
	padding-bottom: 75px;
	background-color: #fff2e6;
}

.other .other-inner {
	max-width: 1024px;
	padding: 0 10px;
}

.other .other-ttl {
	text-align: center;
	margin-bottom: 45px;
	font-size: 32px;
	font-weight: bold;
}

.other ul {
	max-width: 1024px;
	display: flex;
	flex-wrap: wrap;
}

.other ul li {
	list-style: none;
	width: calc((100% - 25px)/2);
	margin-right: 25px;
}

.other ul li:last-child {
	margin-right: 0;
}

@media screen and (max-width: 768px) {
	.other {
		padding-top: 40px;
		padding-bottom: 35px;
	}

	.other .other-ttl {
		margin-bottom: 25px;
		font-size: 26px;
	}

	.other ul {
		display: block;
		padding: 0 15px;
	}

	.other ul li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}
}

.btnPageTop {
	cursor: pointer;
}


/* ------------------------
          
          追加css 

----------------------------*/

/* mailform */

.mailform {
	padding: 0;
	width: 100%;
	background-color: #fff2e6;
}

.mailform .main {
	padding-top: 80px;
	padding-bottom: 85px;
	background-color: #fff2e6;
}


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

	.mailform .main .titlesContact {
		width: 100%;
	}

}

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

	.mailform .main {
		padding-top: 80px;
		padding-bottom: 150px;
	}

	.mailform .main .container .btn {
		display: block;
		width: 90%;
		margin: 0 auto;
	}
}


.lpInner {
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
}

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

	.lpInner {
		width: 92%;
		margin: 0 auto;
	}

}

.sectionTitle {
	text-align: center;
}

.sectionTitle h2 {
	color: #1a1a1a;
	font-size: 32px;
	margin-bottom: 0;
	margin-top: 0;
}

.sectionTitle .colorOrange {
	color: #ff8800;
	font-size: 56px;
}

@media screen and (max-width: 768px) {
	.sectionTitle h2 {
		font-size: 22px;
		line-height: 1.2;
	}

	.sectionTitle .colorOrange {
		font-size: 46px;
	}
}

/*-----------------------
         FV
-------------------------*/
#topVisualSection {
	width: 100%;
	padding: 0;
}

.fv_box img {
	width: 100%;
	vertical-align: bottom;
}

.fv_box .small-device_img {
	display: none;
}

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

	.fv_box .small-device_img {
		display: block;
	}
}


/* kokokara */
/*-----------------------
         about
-------------------------*/
#aboutSection {
	background-color: #fff2e6;
	padding: 80px 0;
	color: #1a1a1a;
	width: 100%;
}

#aboutSection .sectionTitle h2 {
	font-size: 30px;
}

#aboutSection .sectionTitle img {
	width: 289px;
	margin-right: 20px;
	vertical-align: bottom;
}

#aboutSection .sectionTitle span {
	display: inline-block;
	position: relative;
}

#aboutSection .sectionTitle span:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -30px;
	display: inline-block;
	width: 60px;
	height: 5px;
	border-radius: 3px;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translate(-50%);
	background-color: #ff8800;
}

#aboutSection .about_lead {
	text-align: center;
	max-width: 1000px;
	background-color: #FFF;
	border-radius: 50px;
	margin: 100px auto 45px;
	padding: 20px;
	font-size: 24px;
	font-weight: 500;
}

#aboutSection .aboutBox {
	display: flex;
	align-items: stretch;
	justify-content: center;
}

#aboutSection .aboutBox_item {
	box-sizing: border-box;
	width: calc((100% - 50px)/3);
	margin-right: 25px;
	min-height: 460px;
	background: #FFF;
	border-radius: 10px;
	padding: 40px 0 20px;
}

#aboutSection .aboutBox_item:last-child {
	margin-right: 0;
}

#aboutSection .aboutBox_item .image {
	max-width: 300px;
	margin: 0 auto 10px;
}

#aboutSection .aboutBox_item .aboutBox_item_title {
	position: relative;
	font-size: 15px;
	font-weight: 700;
	color: #FFF;
	background: #0088ff;
	width: 225px;
	line-height: 40px;
	margin: 0 auto;
	text-align: center;
	border-radius: 5px;
}

#aboutSection .aboutBox_item .aboutBox_item_list {
	background: #fafafa;
	margin: -20px 30px 35px;
	padding: 25px 0 15px;
}

#aboutSection .aboutBox_item .aboutBox_item_list ul li {
	list-style: none;
	font-weight: bold;
	margin-bottom: 15px;
	padding-left: 30px;
	background: url(../../../img/lp/02/about_list.png) no-repeat;
}

#aboutSection .aboutBox_item .aboutBox_item_list ul li:last-child {
	margin-bottom: 0;
}

#aboutSection .aboutBox_item p {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin: 0 30px;
	padding: 0;
}

@media screen and (max-width: 768px) {
	#aboutSection {
		padding: 40px 0;
	}

	#aboutSection .sectionTitle h2 {
		font-size: 20px;
	}

	#aboutSection .sectionTitle img {
		width: 200px;
		margin-right: 10px;
		vertical-align: bottom;
	}

	#aboutSection .sectionTitle span:before {
		width: 30px;
		height: 3px;
		border-radius: 3px;
		bottom: -20px;
	}

	#aboutSection .about_lead {
		border-radius: 50px;
		margin: 50px auto 25px;
		padding: 10px;
		font-size: 20px;
	}

	#aboutSection .aboutBox {
		display: block;
		align-items: start;
		justify-content: start;
	}

	#aboutSection .aboutBox_item {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
		padding: 20px 0 20px;
		min-height: auto;
	}

	#aboutSection .aboutBox_item .aboutBox_item_list {
		background: #fafafa;
		margin: -20px 30px 15px;
		padding: 25px 0 10px;
	}
}


/*-----------------------
         pagenavSection
-------------------------*/
#pagenavSection {
	padding: 80px 0;
	color: #1a1a1a;
	width: 100%;
}

#pagenavSection .sectionTitle img {
	width: 289px;
	margin-right: 30px;
	vertical-align: bottom;
}

#pagenavSection .sectionTitle span {
	display: inline-block;
	position: relative;
}

#pagenavSection .sectionTitle span:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -30px;
	display: inline-block;
	width: 60px;
	height: 5px;
	border-radius: 3px;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translate(-50%);
	background-color: #ff8800;
}

#pagenavSection .pagenavBox {
	margin-top: 70px;
}

#pagenavSection .pagenavBox .pagenavBox_inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#pagenavSection .pagenavBox .pagenavBox_inner a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: calc((100% - 50px)/3);
	height: 85px;
	border-radius: 15px;
	margin-bottom: 25px;
	margin-right: 25px;
	font-size: 16px;
	font-weight: bold;
	box-shadow: 1px 0 10px rgba(0, 0, 0, .10);
	list-style: none;
	background: url(../../../img/lp/02/pagenav_list.png) left top no-repeat;
	color: #1a1a1a;
}

#pagenavSection .pagenavBox .pagenavBox_inner a:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: 50%;
	right: 10%;
	border: 10px solid transparent;
	border-top: 10px solid #ff1400;
	margin-top: -5px;
}

#pagenavSection .pagenavBox .pagenavBox_inner a:nth-of-type(3n) {
	margin-right: 0;
}



@media screen and (max-width: 954px) {
	#pagenavSection {
		padding: 40px 0;
	}

	#pagenavSection .sectionTitle span:before {
		width: 30px;
		height: 3px;
		border-radius: 3px;
		bottom: -20px;
	}

	#pagenavSection .pagenavBox .pagenavBox_inner a {
		width: calc((100% - 30px)/2);
		height: 85px;
		border-radius: 10px;
		margin-bottom: 15px;
		margin-right: 15px;

		background: url(../../../img/lp/02/pagenav_list.png) left top no-repeat;
		background-size: 60px;
		line-height: 1.25;
	}

	#pagenavSection .pagenavBox .pagenavBox_inner a:nth-of-type(3n) {
		margin-right: 15px;
	}

	#pagenavSection .pagenavBox .pagenavBox_inner a:nth-of-type(2n) {
		margin-right: 0;
	}

	#pagenavSection .pagenavBox .pagenavBox_inner a:after {
		top: auto;
		bottom: 0px;
		right: 50%;
		border: 10px solid transparent;
		border-top: 10px solid #ff1400;
		margin: -5px -5px 0 0;
	}
}

@media screen and (max-width: 768px) {
	#pagenavSection .pagenavBox .pagenavBox_inner a {
		height: 80px;
		font-size: 12px;
	}
}


/*-----------------------
         step
-------------------------*/
#stepSection {
	background-color: #F5F5F5;
	padding: 80px 0;
	color: #1a1a1a;
	width: 100%;
}

#stepSection .sectionTitle img {
	width: 289px;
	margin-right: 30px;
	vertical-align: bottom;
}

#stepSection .sectionTitle span {
	display: inline-block;
	position: relative;
}

#stepSection .sectionTitle span:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -30px;
	display: inline-block;
	width: 60px;
	height: 5px;
	border-radius: 3px;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translate(-50%);
	background-color: #ff8800;
}

#stepSection .stepBox {
	margin: 80px 0 40px;
	display: flex;
	justify-content: center;
}

#stepSection .stepBox .stepBox_left {
	width: 280px;
	height: 634px;
	background: url("../../../img/lp/02/step_bg.png") left top no-repeat;
}

#stepSection .stepBox .stepBox_left .sp_stepBox_left {
	display: none;
}

@media screen and (max-width:768px) {
	#stepSection .stepBox .stepBox_left .sp_stepBox_left {
		display: block;
	}
}

#stepSection .stepBox .stepBox_left ul {
	margin: 0;
	padding: 0;
}

#stepSection .stepBox .stepBox_left ul li {
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	margin: 0;
	padding: 0;
	height: 100px;
}

#stepSection .stepBox .stepBox_left li:first-child {
	height: 130px;
	color: #2c4f6e;
}

#stepSection .stepBox .stepBox_left .small-device_stepBox_left {
	display: none;
}

#stepSection .stepBox .stepBox_right * {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

#stepSection .stepBox .stepBox_right {
	width: calc(100% - 280px);
	margin-left: -7px;
}

#stepSection .stepBox .stepBox_right .stepBox_right_title {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 25px 90px;
	height: 90px;
	background-color: #424e5c;
	border-radius: 10px;
}

#stepSection .stepBox .stepBox_right .stepBox_right_title:before {
	display: block;
	content: '';
	position: absolute;
	right: 50%;
	bottom: -10px;
	margin: auto 0;
	width: 0;
	height: 0;
	border-top: 10px solid #424e5c;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
}

#stepSection .stepBox .stepBox_right .stepBox_right_title .stepBox_right_icon {
	position: absolute;
	top: -20px;
	left: 0;
	width: 102px;
}

/*
#stepSection .stepBox .stepBox_right .stepBox_right_title {
  box-sizing: border-box;
  text-align: center;
  color: #FFF;
  font-size: 18px;
  font-weight: bold;
  width: 655px;
  margin: -25px 0 20px 90px;
  padding-top: 50px;
  padding-left: 30px;
  height: 116px;
  background: url(../../../img/lp/02/step_title_bg.png) top right no-repeat;
  background-size: 655px;
}
*/
#stepSection .stepBox .stepBox_right .stepBox_right_title br {
	display: none;
}

#stepSection .stepBox .stepBox_right .stepBox_right_item {
	background: url(../../../img/lp/02/step_img.png) center left no-repeat;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 700;
}

#stepSection .stepBox .stepBox_right .stepBox_right_item .stepBox_right_item_inner {
	display: flex;
	align-items: center;
	margin-left: 90px;
	min-height: 80px;
	background: #FFF;
	border-radius: 5px;
}

#stepSection .stepBox .stepBox_right .stepBox_right_item ul {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 20px 20px 20px 35px;
}

#stepSection .stepBox .stepBox_right .stepBox_right_item ul li {
	list-style: none;
	margin: 0 20px 4px 0;
	padding: 0 0 4px 30px;
	background: url(../../../img/lp/02/icon_list.png) top 6px left no-repeat;
	background-size: 22px;
	line-height: 1.5;
}

#stepSection .stepBox .stepBox_right .stepBox_right_item:nth-of-type(2) ul li,
#stepSection .stepBox .stepBox_right .stepBox_right_item:nth-of-type(3) ul li {
	background-position: center left;
}

#stepSection .stepBox .stepBox_right .stepBox_right_item ul li span {
	font-size: 20px;
	font-weight: 700;
	color: #ff8800;
}

#stepSection .stepBox .stepBox_right .stepBox_right_item ul li:last-child {
	margin-right: 0;
}

#stepSection .yaji {
	width: 128px;
	margin: 0 auto 40px;
}

#stepSection .step_text * {
	margin: 0;
	padding: 0;
}

#stepSection .step_text {
	text-align: center;
	margin: 0 0 35px;
	font-weight: 700;
}

#stepSection .step_text dt {
	font-size: 20px;
	margin: 0 0 5px;
}

#stepSection .step_text dd {
	font-size: 32px;
}

#stepSection .stepBox2 {
	display: flex;
	align-items: stretch;
	justify-content: center;
}

#stepSection .stepBox2 .stepBox2_item {
	width: calc((100% - 50px)/2);
	margin-right: 25px;
}

#stepSection .stepBox2 .stepBox2_item.small-device {
	display: none;
}

#stepSection .stepBox2 .stepBox2_item:last-child {
	margin-right: 0;
}

#stepSection .stepBox2 .stepBox2_item .stepBox2_item_title {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: #424e5c;
	color: #FFF;
	width: 140px;
	height: 140px;
	margin: 0 auto;
	border-radius: 50%;
	font-size: 16px;
	font-weight: 700;
}

#stepSection .stepBox2 .stepBox2_item .stepBox2_item_inner {
	background: #FFF;
	border-radius: 10px;
	margin-top: -70px;
	padding: 100px 20px 30px 20px;
}

#stepSection .stepBox2 .stepBox2_item .stepBox2_item_inner ul,
#stepSection .stepBox2 .stepBox2_item .stepBox2_item_inner ul li {
	margin: 0;
	padding: 0;
}

#stepSection .stepBox2 .stepBox2_item .stepBox2_item_inner ul li {
	list-style: none;
	margin-bottom: 10px;
	padding: 0 0 0 30px;
	background: url(../../../img/lp/02/icon_list.png) center left no-repeat;
	background-size: 22px;
	color: #1a1a1a;
	font-weight: 500;
}

#stepSection .stepBox2 .stepBox2_item .stepBox2_item_inner ul li.no_icon {
	background: none;
}

#stepSection .step_text2 {
	position: relative;
	max-width: 500px;
	margin: 120px auto 0;
}

#stepSection .step_text2 .baloon {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: url(../../../img/lp/02/baloon.png) center center no-repeat;
	position: absolute;
	top: -60px;
	left: -70px;
	width: 112px;
	height: 114px;
	font-size: 20px;
	font-weight: 700;
	color: #FFF;
}

#stepSection .step_text2 dl {
	text-align: center;
}

#stepSection .step_text2 dl dt {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 20px;
}

#stepSection .step_text2 dl dd {
	font-size: 32px;
	font-weight: 700;
}

@media screen and (min-width:769px) and (max-width:1025px) {
	#stepSection .stepBox .stepBox_right .stepBox_right_title {
		margin-left: 50px;
	}

	#stepSection .stepBox .stepBox_right .stepBox_right_title br {
		display: block;
	}

	#stepSection .stepBox .stepBox_right .stepBox_right_item {
		/*background: url(../../../img/lp/02/step_img.png) center left no-repeat;*/
		margin-bottom: 10px;
		font-size: 16px;
		font-weight: 700;
	}

	#stepSection .stepBox .stepBox_right .stepBox_right_item .stepBox_right_item_inner {
		margin-left: 50px;
	}

	#stepSection .stepBox .stepBox_right .stepBox_right_item ul li {
		margin: 0 15px 0 0;
		font-size: 13px;
	}

	#stepSection .stepBox .stepBox_right .stepBox_right_item ul li span {
		font-size: 15px;
	}
}

@media screen and (max-width: 768px) {
	#stepSection {
		padding: 40px 0;
	}

	#stepSection .step_text {
		margin: 0 0 25px;
	}

	#stepSection .step_text dt {
		font-size: 16px;
		margin: 0 0 5px;
	}

	#stepSection .step_text dd {
		font-size: 22px;
	}

	#stepSection .stepBox .stepBox_left {
		width: 50px;
		height: auto;
		background: none;
	}

	#stepSection .stepBox .stepBox_left ul {
		display: none;
	}

	#stepSection .stepBox .stepBox_left .small-device_stepBox_left {
		display: block;
		width: 50px;
	}

	#stepSection .stepBox .stepBox_right {
		width: calc(100% - 50px);
		margin-left: -7px;
	}

	#stepSection .stepBox .stepBox_right .stepBox_right_title {
		text-align: left;
		font-size: 14px;
		margin: 25px 0 60px 20px;
		padding: 0 0 0 30px;
		height: 70px;
		background-color: #424e5c;
		border-radius: 10px;
	}

	#stepSection .stepBox .stepBox_right .stepBox_right_title .stepBox_right_icon {
		top: -20px;
		left: 5px;
		width: 72px;
	}

	#stepSection .stepBox .stepBox_right .stepBox_right_title br {
		display: block;
	}



	#stepSection .stepBox .stepBox_right .stepBox_right_item .stepBox_right_item_inner {
		display: block;
		min-height: auto;
		margin-left: 50px;
	}

	#stepSection .stepBox .stepBox_right .stepBox_right_item.first {
		background: url(../../../img/lp/02/step_sp_img2.png) center left no-repeat;
	}

	#stepSection .stepBox .stepBox_right .stepBox_right_item {
		background: url(../../../img/lp/02/step_sp_img.png) center left no-repeat;
	}

	#stepSection .stepBox .stepBox_right .stepBox_right_item ul {
		display: block;
		padding: 10px;
	}

	#stepSection .stepBox .stepBox_right .stepBox_right_item ul li {
		margin: 0;
		padding: 0 0 4px 25px;
		font-size: 14px;
		background-position: top 5px left;
		background-size: 18px;
	}

	#stepSection .stepBox .stepBox_right .stepBox_right_item:nth-of-type(2) ul li {
		background-position: top 4px left;
	}

	#stepSection .stepBox .stepBox_right .stepBox_right_item:nth-of-type(3) ul li {
		background-position: top 2px left;
	}

	#stepSection .stepBox .stepBox_right .stepBox_right_item ul li span {
		font-size: 16px;
	}


	#stepSection .stepBox2 {
		display: block;
		margin-inline: -4%;
		padding-block: 30px;
		padding-inline: 20px;
		align-items: start;
		justify-content: start;
		background-color: White;
	}

	#stepSection .stepBox2 .stepBox2_item {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	#stepSection .stepBox2 .stepBox2_item .stepBox2_item_title {
		font-size: 20px;
	}

	#stepSection .stepBox2 .stepBox2_item .stepBox2_item_inner ul li.no_icon {
		display: none;
	}

	#stepSection .stepBox2 .stepBox2_item.pc {
		display: none;
	}

	#stepSection .stepBox2 .stepBox2_item.small-device {
		display: block;
	}

	#stepSection .step_text2 {
		position: relative;
		margin: 80px auto 0;
	}

	#stepSection .step_text2 .baloon {
		top: -60px;
		left: 10px;
		font-size: 18px;
	}

	#stepSection .step_text2 dl dt {
		text-align: left;
		padding-left: 35%;
		font-size: 18px;
		margin-bottom: 10px;
	}

	#stepSection .step_text2 dl dd {
		font-size: 24px;
	}

	#stepSection .yaji {
		width: 80px;
		margin: 0 auto 40px;
	}

}

/*-----------------------
         reasonSection
-------------------------*/
#reasonSection {
	background-color: #fff2e6;
	margin-bottom: 200px;
	padding: 80px 0;
	color: #1a1a1a;
	width: 100%;
}

#reasonSection .sectionTitle img {
	width: 289px;
	margin-right: 10px;
	vertical-align: middle;
}

#reasonSection .sectionTitle {
	margin-bottom: 100px;
}

#reasonSection .sectionTitle div {
	display: inline-block;
	position: relative;
}

#reasonSection .sectionTitle div:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -20px;
	display: inline-block;
	width: 60px;
	height: 5px;
	border-radius: 3px;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translate(-50%);
	background-color: #ff8800;
}

#reasonSection .sectionTitle span {
	font-size: 56px;
	font-weight: 700;
	color: #ff8800;
}

.reason-block_area {
	margin-bottom: -300px;
}

.reason-block {
	background-color: #fff;
	padding: 35px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	/*box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 3px 3px;*/
	border: 2px solid #fff2e6;
	position: relative;
	border-radius: 12px;
}

.reason-block:after {
	position: absolute;
	display: block;
	color: #ff8800;
	font-size: 100px;
	line-height: 1;
	z-index: 5;
	font-weight: 600;
}

.reason-block.block01:after {
	content: "01" !important;
	right: 20px;
	top: -50px;
	font-family: "Helvetica Neue", Arial, sans-serif;
}

.reason-block.block02:after {
	content: "02" !important;
	left: 20px;
	top: -50px;
	font-family: "Helvetica Neue", Arial, sans-serif;
}

.reason-block.block03:after {
	content: "03" !important;
	right: 20px;
	top: -50px;
	font-family: "Helvetica Neue", Arial, sans-serif;
}

.reason-block.block04:after {
	content: "04" !important;
	left: 20px;
	top: -50px;
	font-family: "Helvetica Neue", Arial, sans-serif;
}

.reason-block.block05:after {
	content: "05" !important;
	right: 20px;
	top: -50px;
	font-family: "Helvetica Neue", Arial, sans-serif;
}

.reason-block:not(:last-child) {
	margin-bottom: 100px;
}

.reason-block.reverse {
	flex-direction: row-reverse;
}

.reason-block .desc {
	width: 55%;
}

.reason-block .desc .desc_catch {
	display: inline-block;
	text-align: center;
	width: 165px;
	font-size: 15px;
	color: #ff8800;
	border-radius: 10px;
	border: 1px solid #ff8800;
	padding: 3px;
}

.reason-block.block02 .desc .desc_catch,
.reason-block.block04 .desc .desc_catch {
	margin-top: 30px;
}

.reason-block .desc .head {
	font-size: 24px;
	font-weight: bold;
}

.reason-block .desc .reason_catch {
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
	border-radius: 10px;
	text-align: center;
	background-color: #ff8800;
	font-size: 15px;
	font-weight: 700;
	color: #FFF;
}

.reason-block .desc .reason_client .inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 520px;
	align-items: center;
}

.reason-block .desc .reason_client .inner .img {
	width: 80px;
}

.reason-block .desc .reason_client .inner .comment {
	width: 370px;
	background-color: #fffce5;
	padding: 15px 20px;
	position: relative;
	font-size: 14px;
	border-radius: 8px;
}

.reason-block .desc .reason_client .inner .comment:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -24px;
	margin-top: -12px;
	border: 10px solid transparent;
	border-right: 18px solid #fffce5;
	z-index: 2;
}

.reason-block .img {
	width: 40%;
}

.reason-block .img .img_inner ul,
.reason-block .img .img_inner ul li,
.reason-block .img .img_inner ul li p {
	margin: 0;
	padding: 0;
}

.reason-block .img .img_inner ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;

}

.reason-block .img .img_inner ul li {
	/*width: 150px;*/
	width: calc(50% - 40px);
	list-style: none;
	margin: 0 40px 0 0;
}

.reason-block .img .img_inner ul li:nth-child(1) {
	margin-bottom: 20px;
}

.reason-block .img .img_inner ul li:nth-child(2) {
	margin-bottom: 20px;
}

.reason-block .img .img_inner ul li:nth-child(2n) {
	margin-right: 0;
}

.reason-block .img .img_inner ul li p {
	text-align: center;
	font-size: 15px;
	line-height: 1.25;
	font-weight: 700;
}


@media screen and (max-width: 768px) {
	#reasonSection {
		margin-bottom: 100px;
		padding: 40px 0;
	}

	#reasonSection .sectionTitle img {
		width: 189px;
		margin-right: 10px;
		vertical-align: middle;
	}

	#reasonSection .sectionTitle {
		margin-bottom: 80px;
	}

	#reasonSection .sectionTitle span:before {
		width: 30px;
		height: 3px;
		border-radius: 3px;
		bottom: -20px;
	}

	#reasonSection .sectionTitle span {
		font-size: 36px;
	}

	.reason-block_area {
		margin-bottom: -300px;
	}

	.reason-block {
		padding: 20px 15px;
	}

	.reason-block:after {
		font-size: 50px;
	}

	.reason-block.block01:after {
		left: 15px;
		top: -30px;
	}

	.reason-block.block02:after {
		left: 15px;
		top: -30px;
	}

	.reason-block.block03:after {
		left: 15px;
		top: -30px;
	}

	.reason-block.block04:after {
		left: 15px;
		top: -30px;
	}

	.reason-block.block05:after {
		left: 15px;
		top: -30px;
	}

	.reason-block:not(:last-child) {
		margin-bottom: 60px;
	}

	.reason-block.reverse {
		flex-direction: row-reverse;
	}

	.reason-block .desc {
		width: 100%;
	}

	.reason-block .desc .desc_catch {
		font-size: 14px;
	}

	.reason-block.block01 .desc .desc_catch,
	.reason-block.block02 .desc .desc_catch,
	.reason-block.block03 .desc .desc_catch,
	.reason-block.block04 .desc .desc_catch,
	.reason-block.block05 .desc .desc_catch {
		margin-top: 10px;
	}

	.reason-block .desc .head {
		font-size: 18px;
	}

	.reason-block .desc .reason_catch {
		margin-bottom: 30px;
	}

	.reason-block .desc .text {
		padding: 0;
	}

	.reason-block .desc .reason_client .inner {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
		margin: -15px 0 0 0;
		padding: 0;
		align-items: flex-start;
	}

	.reason-block .desc .reason_client .inner .img {
		width: 20%;
	}

	.reason-block .desc .reason_client .inner .comment {
		width: 65%;
		background-color: #fbf3dd;
		padding: 15px 15px;
		position: relative;
		font-size: 14px;
	}

	.reason-block .desc .reason_client .inner .comment:before {
		content: "";
		position: absolute;
		top: 18%;
		left: -20px;
		margin-top: -12px;
		border: 10px solid transparent;
		border-right: 18px solid #fbf3dd;
		z-index: 2;
	}

	.reason-block .img {
		width: 100%;
		margin-top: 25px;
	}

	.reason-block .img .img_inner ul li p {
		font-size: 14px;
	}
}


/*-----------------------
         formlinkSection
-------------------------*/

.lp_text_area {
	width: 100%;
	margin: 300px auto 50px;
	padding: 0;
	text-align: center;
	font-size: 32px;
	font-weight: 700;
}

#formContactSection {
	background-image: url('../../../img/lp/02/contact_bg.jpg');
	background-size: cover;
	padding: 112px 0;
	width: 100%;
}

.formContactTitle h2 {
	text-align: center;
	color: #FFF;
	font-size: 30px;
	margin: 0;
}

#formContactSection .formContactBox {
	background-color: rgba(255, 255, 255, .85);
	margin-top: 53px;
	padding: 52px 15px 54px 15px;
}

#formContactSection .formContactBox .lead {
	text-align: center;
	font-size: 18px;
	font-weight: 700;
}

/*
@media screen and (max-width: 930px) {
  #formContactSection {
    padding: 70px 0;
  }
}
*/
.formContactLink {
	margin-top: 57px;
	display: flex;
	justify-content: center;
	gap: 50px;
}

@media screen and (max-width: 768px) {
	.formContactLink {
		margin-top: 25px;
		gap: 20px;
		flex-direction: column;
		align-items: center;
	}
}

.formContactBtn {
	position: relative;
}

.formContactBtn .image {
	position: absolute;
	z-index: 2;
	top: 10px;
	left: -30px;
	width: 72px;
}

.formContactBtn .image img {
	max-width: 100%;
}

.formContactBtn a {
	box-sizing: border-box;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	padding: 20px 0 18px 0;
	background-color: #09bd73;
	border-radius: 10px;
	text-decoration: none;
	position: relative;
	transition: all .5s;
	box-shadow: 1px 1px 2px 1px rgb(0 0 0 / 20%);
	width: 265px;
}

.formContactBtn a:hover {
	opacity: .8;
}

.formContactBtn a span {
	display: block;
	font-size: 13px;
}

.formContactBtn02 a {
	background: #f2505f;
}


@media screen and (max-width: 768px) {
	.lp_text_area {
		margin: 300px 0 30px 0;
		font-size: 22px;
	}

	#formContactSection {
		padding: 60px 0;
	}

	#formContactSection .formContactBox {
		margin-top: 30px;
		padding: 30px 15px 30px 15px;
	}

	#formContactSection .formContactBox .lead {
		text-align: center;
		font-size: 16px;
	}
}



/*-----------------------
         eventSection
-------------------------*/
#eventSection {
	background-color: #fff2e6;
	padding: 80px 0;
	color: #1a1a1a;
	width: 100%;
}

#eventSection .sectionTitle {
	margin-bottom: 100px;
}

#eventSection .sectionTitle span {
	display: inline-block;
	position: relative;
}

#eventSection .sectionTitle span:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -20px;
	display: inline-block;
	width: 60px;
	height: 5px;
	border-radius: 3px;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translate(-50%);
	background-color: #ff8800;
}

#eventSection .event-block {
	background-color: #fff;
	margin-bottom: 60px;
	padding: 35px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	border-radius: 12px;
}

#eventSection .event-block:last-child {
	margin-bottom: 0;
}

#eventSection .event-block .desc {
	width: 50%;
}

#eventSection .event-block .head {
	font-size: 24px;
	font-weight: bold;
	color: #ff8800;
}

#eventSection .event-block .event_client .inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 470px;
	align-items: center;
}

#eventSection .event-block .event_client .inner .img {
	width: 85px;
}

#eventSection .event-block .event_client .inner .comment {
	box-sizing: border-box;
	width: 370px;
	background-color: #fffce5;
	padding: 15px 20px;
	position: relative;
	font-size: 14px;
	border-radius: 8px;
}

#eventSection .event-block .event_client .inner .comment_box {
	box-sizing: border-box;
	width: 100%;
	background-color: #fffce5;
	padding: 15px 20px;
	position: relative;
	font-size: 14px;
	border-radius: 8px;
}

#eventSection .event-block .event_client .inner .comment:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -24px;
	margin-top: -12px;
	border: 10px solid transparent;
	border-right: 18px solid #fffce5;
	z-index: 2;
}

#eventSection .event-block .img {
	width: 45%;
}

#eventSection .event-block .img .img_inner ul,
#eventSection .event-block .img .img_inner ul li,
#eventSection .event-block.img .img_inner ul li p {
	margin: 0;
	padding: 0;
}

#eventSection .event-block .img .img_inner ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;

}

#eventSection .event-block .img .img_inner ul li {
	width: 150px;
	list-style: none;
	margin: 0 50px 0 0;
}

#eventSection .event-block .img .img_inner ul li:nth-child(1) {
	margin-bottom: 20px;
}

#eventSection .event-block .img .img_inner ul li:nth-child(2) {
	margin-bottom: 20px;
}

#eventSection .event-block .img .img_inner ul li:nth-child(2n) {
	margin-right: 0;
}

#eventSection .event-block .img .img_inner ul li p {
	text-align: center;
	font-size: 15px;
	line-height: 1.25;
	font-weight: 700;
}

@media screen and (max-width: 768px) {
	#eventSection {
		padding: 40px 0;
	}

	#eventSection .sectionTitle {
		margin-bottom: 50px;
	}

	#eventSection .sectionTitle span:before {
		width: 30px;
		height: 3px;
		border-radius: 3px;
		bottom: -20px;
	}

	#eventSection .event-block {
		display: block;
		justify-content: start;
		margin-bottom: 30px;
		padding: 30px;
	}

	#eventSection .event-block .desc {
		width: 100%;
		margin-bottom: 30px;
	}

	#eventSection .event-block .img {
		width: 100%;
	}

	#eventSection .event-block .event_client .inner .img {
		width: 75px;
		margin-right: 15px;
	}

	#eventSection .event-block .event_client .inner .comment {
		width: calc(100% - 90px);
	}

}

/*-----------------------
         functionSection
-------------------------*/
#functionSection {
	margin-bottom: 80px;
	padding: 80px 0;
	color: #1a1a1a;
	width: 100%;
}

#functionSection .sectionTitle {
	margin-bottom: 100px;
}

#functionSection .sectionTitle span {
	display: inline-block;
	position: relative;
}

#functionSection .sectionTitle span:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -20px;
	display: inline-block;
	width: 60px;
	height: 5px;
	border-radius: 3px;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translate(-50%);
	background-color: #ff8800;
}

.functionBox {
	margin-bottom: 60px;
}

.functionBox h3 {
	box-sizing: border-box;
	text-align: center;
	max-width: 450px;
	margin: 0 auto;
	padding: 10px 0;
	background-color: #ff8800;
	font-size: 20px;
	font-weight: 700;
	color: #FFF;
	border-radius: 10px;
}

.functionBox .functionInner {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	box-sizing: border-box;
	margin-top: -30px;
	padding: 50px;
	border: 2px #ff8800 solid;
	border-radius: 10px;
}

.functionBox .functionInner * {
	margin: 0;
	padding: 0;
}

.functionBox .functionInner dl {
	display: flex;
	align-items: center;
	width: calc((100% - 120px)/4);
	margin-right: 40px;
	margin-bottom: 30px;
}

.functionBox .functionInner dl:nth-child(5),
.functionBox .functionInner dl:nth-child(6),
.functionBox .functionInner dl:nth-child(7),
.functionBox .functionInner dl:nth-child(8) {
	margin-bottom: 0;
}

.functionBox .functionInner dl:nth-child(4n) {
	margin-right: 0;
}

.functionBox .functionInner dl dt {
	width: 70px;
	margin-right: 10px;
}

.functionBox .functionInner dl dt img {
	width: 100%;
}

.functionBox .functionInner dl dd {
	width: calc(100% - 80px);
	text-align: left;
	font-weight: 700;
}

.functionBox2 h3 {
	box-sizing: border-box;
	text-align: center;
	max-width: 450px;
	margin: 0 auto;
	padding: 10px 0;
	background-color: #ff8800;
	font-size: 20px;
	font-weight: 700;
	color: #FFF;
	border-radius: 10px;
}

.functionBox2 .functionInner {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	box-sizing: border-box;
	margin-top: -30px;
	padding: 60px 40px 40px;
	border: 2px #ff8800 solid;
	border-radius: 10px;
}

.functionBox2 .functionInner * {
	margin: 0;
	padding: 0;
}

.functionBox2 .functionInner .functionBox2_left {
	width: 48%;
	margin-right: 30px;
}

.functionBox2 .functionInner .functionBox2_left .functionBox2_left_item {
	display: flex;
	align-items: center;
	justify-content: center;
	/*background-color: #f5f5f5;*/
	border-radius: 10px;
	margin-bottom: 19px;
	padding: 25px;
	transition: all 0.4s;
}

.functionBox2 .functionInner .functionBox2_left .functionBox2_left_item.active {
	background-color: #f5f5f5;
}

.functionBox2 .functionInner .functionBox2_left .functionBox2_left_item:last-child {
	margin-bottom: 0;
}

.functionBox2 .functionInner .functionBox2_left .functionBox2_left_item .image {
	width: 70px;
	margin-right: 20px;
}

.functionBox2 .functionInner .functionBox2_left .functionBox2_left_item dl {
	width: calc(100% - 90px);
}

.functionBox2 .functionInner .functionBox2_left .functionBox2_left_item dl dt {
	margin-bottom: 10px;
	font-size: 17px;
	font-weight: 700;
}

.functionBox2 .functionInner .functionBox2_left .functionBox2_left_item dl dd {
	font-size: 13px;
}

.functionBox2 .functionInner .functionBox2_right {
	width: calc(48% - 30px);
}




.tab-area {
	cursor: pointer;
}

.panel {
	display: none;
}

.panel.active {
	display: block;
}


@media screen and (max-width: 768px) {
	#functionSection {
		margin-bottom: 40px;
		padding: 40px 0;
	}

	#functionSection .sectionTitle {
		margin-bottom: 50px;
	}

	#functionSection .sectionTitle span:before {
		width: 30px;
		height: 3px;
		border-radius: 3px;
		bottom: -20px;
	}

	.functionBox {
		margin-bottom: 30px;
	}

	.functionBox h3 {
		width: 80%;
		font-size: 18px;
	}

	.functionBox .functionInner {
		margin-top: -25px;
		padding: 50px 15px 20px;
	}

	.functionBox .functionInner dl {
		display: flex;
		align-items: center;
		width: calc((100% - 20px)/2);
		margin-right: 10px;
		margin-bottom: 20px;
	}

	.functionBox .functionInner dl:nth-child(5),
	.functionBox .functionInner dl:nth-child(6),
	.functionBox .functionInner dl:nth-child(7),
	.functionBox .functionInner dl:nth-child(8) {
		margin-bottom: 20px;
	}

	.functionBox .functionInner dl:nth-child(4n) {
		margin-right: 10px;
	}

	.functionBox .functionInner dl:nth-child(2n) {
		margin-right: 0;
	}

	.functionBox .functionInner dl dt {
		width: 60px;
		margin-right: 10px;
	}

	.functionBox .functionInner dl dt img {
		width: 100%;
	}

	.functionBox .functionInner dl dd {
		width: calc(100% - 70px);
	}

	.functionBox2 h3 {
		width: 80%;
		font-size: 18px;
	}

	.functionBox2 .functionInner {
		display: block;
		margin-top: -25px;
		padding: 50px 15px 20px;
	}

	.functionBox2 .functionInner .functionBox2_left {
		width: 100%;
		margin-bottom: 30px;
		margin-right: 30px;
	}

	.functionBox2 .functionInner .functionBox2_left .functionBox2_left_item {
		padding: 15px;
	}

	.functionBox2 .functionInner .functionBox2_left .functionBox2_left_item dl dt {
		margin-bottom: 5px;
		font-size: 16px;
	}

	.functionBox2 .functionInner .functionBox2_right {
		width: 80%;
		margin: 0 auto;
	}
}


/*-----------------------
         difSection
-------------------------*/
#difSection {
	padding: 80px 0;
	color: #1a1a1a;
	background-color: #f5f5f5;
	width: 100%;
}

#difSection .sectionTitle {
	margin-bottom: 100px;
}

#difSection .sectionTitle span {
	display: inline-block;
	position: relative;
}

#difSection .sectionTitle span:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -20px;
	display: inline-block;
	width: 60px;
	height: 5px;
	border-radius: 3px;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translate(-50%);
	background-color: #ff8800;
}

#difSection .difBox * {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

#difSection .difBox {
	display: flex;
	align-items: center;
}

#difSection .difBox .difBox_left {
	position: relative;
	width: 430px;
	margin-right: 110px;
	background-color: #FFF;
	border-radius: 10px;
}

#difSection .difBox .difBox_left:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: 50%;
	right: -125px;
	border: 40px solid transparent;
	border-left: 50px solid #ff8800;
}

#difSection .difBox .difBox_left h3 {
	text-align: center;
	max-width: 230px;
	background: #424e5c;
	margin: -15px auto 0;
	padding: 5px 10px;
	border-radius: 10px;
	font-size: 16px;
	font-weight: 700;
	color: #FFF;
}

#difSection .difBox .difBox_left .up_side {
	padding: 30px 40px 0 40px;
}

#difSection .difBox .difBox_left .up_side h4 {
	display: flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	margin: 0 0 15px;
	padding: 0;
}

#difSection .difBox .difBox_left .up_side h4:after {
	border-top: 2px solid;
	content: "";
	width: 100%;
	margin-left: 10px;
}

#difSection .difBox .difBox_left .up_side ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

#difSection .difBox .difBox_left .up_side ul li {
	list-style: none;
	margin-right: 40px;
	margin-bottom: 10px;
	padding: 0 0 0 30px;
	background: url(../../../img/lp/02/icon_list.png) center left no-repeat;
	background-size: 22px;
	font-size: 15px;
	font-weight: 700;
}

#difSection .difBox .difBox_left .up_side ul li:last-child {
	margin-bottom: 0;
}

#difSection .difBox .difBox_left .up_side ul li:nth-child(2n) {
	margin-right: 0;
}

#difSection .difBox .difBox_left .down_side {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background-color: #d7dadc;
	border-radius: 0 0 10px 10px;
	padding: 15px;
}

#difSection .difBox .difBox_left .down_side .circle {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background-color: #424e5c;
	width: 60px;
	height: 60px;
	margin-right: 10px;
	border-radius: 50%;
	font-size: 16px;
	font-weight: 700;
	color: #FFF;
}

#difSection .difBox .difBox_left .down_side p {
	font-size: 40px;
	font-weight: 700;
	color: #424e5c;
	font-family: 'Roboto', sans-serif;
}

#difSection .difBox .difBox_left .down_side p span {
	font-size: 16px;
	margin-left: 5px;
}

#difSection .difBox .difBox_right {
	width: 480px;
	background-color: #FFF;
	border-radius: 10px;
}

#difSection .difBox .difBox_right h3 {
	text-align: center;
	max-width: 300px;
	background: #ff8800;
	margin: -15px auto 0;
	padding: 6px 10px;
	border-radius: 10px;
	font-size: 16px;
	font-weight: 700;
	color: #FFF;
}

#difSection .difBox .difBox_right h3 img {
	width: 180px;
	vertical-align: bottom;
	margin-right: 5px;
}

#difSection .difBox .difBox_right .image {
	width: 280px;
	margin: 30px auto 25px;
}

#difSection .difBox .difBox_right .difBox_right_list {
	margin-bottom: 20px;
}

#difSection .difBox .difBox_right .difBox_right_list li {
	list-style: none;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
}

#difSection .difBox .difBox_right .difBox_right_list li span {
	color: #ff8800;
}

#difSection .difBox .difBox_right .down_side {
	position: relative;
}

#difSection .difBox .difBox_right .down_side .down_side_catch {
	position: absolute;
	top: -20px;
	right: 10px;
	width: 124px;

}

#difSection .difBox .difBox_right .down_side .down_side_inner {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background-color: #ff8800;
	border-radius: 0 0 10px 10px;
	padding: 15px;
	color: #FFF;
}

#difSection .difBox .difBox_right .down_side .down_side_inner .circle {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background-color: #FFF;
	width: 60px;
	height: 60px;
	margin-right: 10px;
	border-radius: 50%;
	font-size: 16px;
	font-weight: 700;
	color: #ff8800;
}

#difSection .difBox .difBox_right .down_side .down_side_inner p {
	font-family: 'Roboto', sans-serif;
	font-size: 40px;
	font-weight: bold;
}

#difSection .difBox .difBox_right .down_side .down_side_inner p span {
	font-size: 16px;
	margin-left: 5px;
}


@media screen and (max-width: 768px) {
	#difSection {
		padding: 40px 0;
	}

	#difSection .sectionTitle {
		margin-bottom: 60px;
	}

	#difSection .sectionTitle span:before {
		width: 30px;
		height: 3px;
		border-radius: 3px;
		bottom: -20px;
	}

	#difSection .difBox {
		display: block;
		align-items: start;
	}

	#difSection .difBox .difBox_left {
		width: 100%;
		margin-right: 0;
		margin-bottom: 120px;
		padding-top: 15px;
	}

	#difSection .difBox .difBox_left:after {
		top: auto;
		bottom: -115px;
		right: 50%;
		border: 40px solid transparent;
		border-top: 50px solid #ff8800;
		margin-right: -25px;
	}

	#difSection .difBox .difBox_left h3 {
		width: 60%;
		margin: -30px auto 0;
	}

	#difSection .difBox .difBox_left .up_side {
		padding: 30px 20px 0 20px;
	}

	#difSection .difBox .difBox_left .down_side .circle {
		font-size: 14px;
	}

	#difSection .difBox .difBox_left .down_side p {
		font-size: 32px;
	}

	#difSection .difBox .difBox_left .down_side p span {
		font-size: 14px;
	}

	#difSection .difBox .difBox_right {
		width: 100%;
		padding-top: 15px;
	}

	#difSection .difBox .difBox_right h3 {
		width: 80%;
		margin: 0 auto;
		margin-top: -30px;
		font-size: 14px;
		padding: 10px 10px;
	}

	#difSection .difBox .difBox_right h3 img {
		width: 160px;
	}

	#difSection .difBox .difBox_right .image {
		width: 80%;
		margin: 20px auto 15px;
	}

	#difSection .difBox .difBox_right .difBox_right_list {
		margin-bottom: 20px;
	}

	#difSection .difBox .difBox_right .difBox_right_list li {
		font-size: 16px;
	}

	#difSection .difBox .difBox_right .down_side .down_side_catch {
		position: absolute;
		top: -20px;
		right: 10px;
		width: 124px;
	}

	#difSection .difBox .difBox_right .down_side .down_side_inner {
		padding: 10px;
	}

	#difSection .difBox .difBox_right .down_side .down_side_inner .circle {
		font-size: 15px;
	}

	#difSection .difBox .difBox_right .down_side .down_side_inner p {
		font-size: 32px;
	}

	#difSection .difBox .difBox_right .down_side .down_side_inner p span {
		font-size: 14px;
	}
}



/*-----------------------
         priceSection
-------------------------*/
#priceSection {
	padding: 80px 0;
	color: #1a1a1a;
	background-color: #fff2e6;
	width: 100%;
}

#priceSection .sectionTitle {
	margin-bottom: 100px;
}

#priceSection .sectionTitle span {
	display: inline-block;
	position: relative;
}

#priceSection .sectionTitle span:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -20px;
	display: inline-block;
	width: 60px;
	height: 5px;
	border-radius: 3px;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translate(-50%);
	background-color: #ff8800;
}

#priceSection .priceBox {
	display: flex;
	align-items: center;
	justify-content: center;
}

#priceSection .priceBox .price_left {
	width: 45%;
	margin-right: 80px;
}

#priceSection .priceBox .price_right {
	width: 300px;
}

#priceSection .priceBox .price_right .price_right_clBox {
	text-align: center;
	background-color: #FFF;
	border-radius: 10px;
	font-size: 20px;
	font-weight: 700;
}

#priceSection .priceBox .price_right .price_right_note {
	font-size: 13px;
	text-align: center;
	margin-bottom: 10px;
}

#priceSection .priceBox .price_right .price_right_txt {
	text-align: center;
	font-size: 15px;
	font-weight: 700;
}

#priceSection .priceBox .price_right .price_right_clBox span {
	font-size: 56px;
}

#priceSection .priceBox .price_right .price_right_clorangeBox {
	display: block;
	text-align: center;
	background-color: #f2505f;
	border-radius: 10px;
	padding: 10px;
	font-size: 22px;
	font-weight: 700;
	color: #FFF;
	box-shadow: 1px 1px 2px 1px rgb(0 0 0 / 20%);
	transition: all .5s;
}

#priceSection .priceBox .price_right .price_right_clorangeBox:hover {
	opacity: .8;
}

#priceSection .priceBox .price_right .price_right_clorangeBox span {
	display: block;
	font-size: 13px;
}

#priceSection .price_sp_image {
	display: none;
}

@media screen and (max-width: 768px) {
	#priceSection {
		padding: 40px 0;
	}

	#priceSection .sectionTitle {
		margin-bottom: 50px;
	}

	#priceSection .sectionTitle span:before {
		width: 30px;
		height: 3px;
		border-radius: 3px;
		bottom: -20px;
	}

	#priceSection .priceBox {
		display: block;
		align-items: start;
		justify-content: start;
	}

	#priceSection .priceBox .price_left {
		display: none;
	}

	#priceSection .priceBox .price_right {
		width: 100%;
	}

	#priceSection .priceBox .price_right .price_right_clBox span {
		font-size: 42px;
	}

	#priceSection .price_sp_image {
		display: block;
		width: 80%;
		margin: 30px auto 0;
	}
}


/*-----------------------
         qaSection
-------------------------*/
#qaSection {
	margin-bottom: 80px;
	padding: 80px 0 0;
	color: #1a1a1a;
	width: 100%;
}

#qaSection .sectionTitle {
	margin-bottom: 100px;
}

#qaSection .sectionTitle span {
	display: inline-block;
	position: relative;
}

#qaSection .sectionTitle span:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -20px;
	display: inline-block;
	width: 60px;
	height: 5px;
	border-radius: 3px;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translate(-50%);
	background-color: #ff8800;
}

/*
#qaSection .qa_box *{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#qaSection .qa_box {
  cursor: pointer;
  margin-bottom: 20px;
}
#qaSection .qa_box .question {
  position: relative;
  border: 1px solid #00238D;
  margin-bottom: 10px;
  padding: 10px 0;
}
#qaSection .qa_box .question dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  margin-right: 30px;
}
#qaSection .qa_box .question dl dt {
  text-align: center;
  width: 40px;
  font-size: 20px;
  color: #00238D;
}
#qaSection .qa_box .question dl dd {
  width: calc(100% - 40px);
  padding-top: 5px;
  padding-right: 10px;
  font-size: 14px;
  color: #00238D;
}
#qaSection .qa_box .question .icon {
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 13px;
  height: 13px;
  background: url(../img/icon_plus.png) center center no-repeat;
}
#qaSection .qa_box .question.active .icon {
  width: 13px;
  height: 13px;
  background: url(../img/icon_minus.png) center center no-repeat;
}
#qaSection .qa_box .answer {
  display: none;
}
#qaSection .qa_box .answer dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#qaSection .qa_box .answer dl dt {
  text-align: center;
  width: 40px;
  font-size: 20px;
  font-weight: 500;
  color: #FF8185;
}
#qaSection .qa_box .answer dl dd {
  width: calc(100% - 40px);
  padding-top: 5px;
  padding-right: 10px;
  font-size: 14px;
}
#qaSection .qa_box_last {
  margin-bottom: 40px;
}
*/
#qaSection .qa_wrap .qa_box * {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

#qaSection .qa_wrap .qa_box {
	box-sizing: border-box;
	margin-bottom: 50px;
}

#qaSection .qa_wrap .qa_box:last-child {
	border: none;
	margin-bottom: 0;
}

#qaSection .qa_wrap .qa_box .question {
	position: relative;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 18px;
	padding-bottom: 18px;
	border-bottom: 1px solid #d3d3d3;
}

#qaSection .qa_wrap .qa_box .question .icon {
	position: absolute;
	top: center;
	right: 10px;
	/*width: 48px;*/
	width: 20px;
	height: 12px;
	background: url('../../../img/lp/02/qa_yaji.png') center center no-repeat;
	background-size: contain;
	transition: .5s;
}




#qaSection .qa_wrap .qa_box .question.active .icon {
	transform: rotate(180deg);
	/*background: url('../../../img/lp/02/qa_yaji_active.png') center center no-repeat;
  background-size: 48px;*/
}

#qaSection .qa_wrap .qa_box .question dl {
	display: flex;
	align-items: center;
	width: calc(100% - 58px);
}

#qaSection .qa_wrap .qa_box .question dl dt {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #0088ff;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-right: 20px;
	font-size: 24px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	color: #FFF;
}

#qaSection .qa_wrap .qa_box .question dl dd {
	display: flex;
	align-items: center;
	width: calc(100% - 60px);
	font-size: 24px;
	font-weight: 700;
}

#qaSection .qa_wrap .qa_box dl.answer {
	display: flex;
}

#qaSection .qa_wrap .qa_box dl.answer dt {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #ff8800;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-right: 20px;
	font-size: 24px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	color: #FFF;
}

#qaSection .qa_wrap .qa_box dl.answer dd {
	display: flex;
	align-items: center;
	width: calc(100% - 60px);
	font-size: 15px;
}


@media screen and (max-width: 768px) {
	#qaSection {
		padding: 40px 0;
	}

	#qaSection .sectionTitle {
		margin-bottom: 50px;
	}

	#qaSection .sectionTitle span:before {
		width: 30px;
		height: 3px;
		border-radius: 3px;
		bottom: -20px;
	}

	#qaSection .qa_wrap .qa_box .question .icon {}

	#qaSection .qa_wrap .qa_box .question dl dd {
		font-size: 18px;
	}

	#qaSection .qa_wrap .qa_box dl.answer dd {
		font-size: 14px;
	}
}



/* ヘッダー */
.headerNavButton .lpDownloadBtn {
	text-align: center;
	margin-right: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFF;
	text-decoration: none;
	border-radius: 8px;
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
	font-size: 16px;
	padding: 10px 30px;
	background: #09bd73;
	box-shadow: 1px 1px 2px 1px rgb(0 0 0 / 20%);
	border-radius: 10px;
	font-weight: 700;
	white-space: nowrap;
}

.headerNavButton .lpContactBtn {
	text-align: center;
	display: inline-block;
	color: #FFF;
	text-decoration: none;
	padding: 10px 30px;
	border-radius: 10px;
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
	background: #f2505f;
	box-shadow: 1px 1px 2px 1px rgb(0 0 0 / 20%);
	font-size: 12px;
	font-size: 0.8rem;
	white-space: nowrap;
	font-weight: bold;
	font-size: 16px;
	margin-right: 30px;
}

.headerNavButton .lpDownloadBtn:hover {
	opacity: 0.8;
}

.headerNavButton .lpContactBtn:hover {
	opacity: 0.8;
}

@media screen and (max-width: 900px) {
	.headerNavButton .lpDownloadBtn {
		padding: 10px 15px;
	}

	.headerNavButton .lpContactBtn {
		padding: 10px 15px;
	}
}

@media screen and (max-width: 768px) {
	.headerNavButton .lpContactBtn {
		margin-right: 10px;
		font-size: 12px;
		display: block;
	}

	.headerNavButton .lpDownloadBtn {
		display: none;
		margin-right: 10px;
		font-size: 12px;
	}

}

.lpGlnav {
	display: flex;
}

.lpGlnav li {
	list-style: none;
	margin-right: 2.930vw;
	white-space: nowrap;
}

.lpGlnav li a {
	font-size: 16px;
	font-weight: 700;
	color: #000000;
}

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

/* フッター */
#footer {
	padding: 10px !important;
}

#footer .footerInner {
	padding: 0 !important;
}

#footer .copy {
	text-align: center;
	margin: 0 !important;
}



/* siteHome*/
.siteHome .main .recruitmentSection .infiniteslide>:nth-of-type(odd) {
	background: none;
}

.siteHome .main .recruitmentSection .infiniteslide>* {
	width: 150px;
	border: none;
}