@charset "UTF-8";
@import url(normalize.css);
@import url(reset.css);
@import url(hack.css);

html {
  scroll-behavior: smooth;
}

body {font-family: "Noto Sans JP", serif; font-weight: 500;}

img {vertical-align: middle;}

@media screen and (min-width:1024px) {
	.pc {display: block;}
	.sp {display: none;}
}

@media screen and (min-width:768px) and ( max-width:1024px) {
	.pc {display: none;}
	.sp {display: block;}
}

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


header {
	width: 100%;
	height: 100vh;
	background: url("../images/header_bg.jpg") center bottom no-repeat;
	background-size: cover;
	position: relative;
}

@media screen and (max-width:768px) {
	header {
		width: 100%;
		height: 100vh;
		background: url("../images/header_bg_sp.jpg") center bottom no-repeat;
		background-size: cover;
		position: relative;
	}
}

.header_bg {
	width: 100%;
	height: 100%;
	background: url("../images/header_bg_cover.png") center bottom no-repeat;
	background-size: cover;
	opacity: 0.8;
	position: absolute;
	left: 0;
	top: 0;
}

.header_logo {
	width: auto;
	height: auto;
	position: absolute;
	left: 100px;
	top: -50px;
	z-index: 10;
}

.header_logo img {
	width: 240px;
}

@media screen and (max-width:768px) {
	.header_logo {
		width: auto;
		height: auto;
		position: absolute;
		left: 50%;
		top: -50px;
		transform: translateX(-50%);
		-webkit- transform: translateX(-50%);
		z-index: 10;
	}

	.header_logo img {
		width: 240px;
	}
}

.header_logo2 {
	width: auto;
	height: auto;
	position: absolute;
	z-index: 10;
	left: 50%;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	font-size: 3em;
	font-weight: 900;
	line-height: 1.4em;
	color: #fff;
}

@media screen and (min-width:768px) and ( max-width:1024px) {
	.header_logo2 {
		width: 100%;
		height: auto;
		padding: 0 50px;
		box-sizing: border-box;
		position: absolute;
		z-index: 10;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		-webkit- transform: translateY(-50%);
		font-size: 3em;
		font-weight: 900;
		line-height: 1.4em;
		color: #fff;
	}
}

@media screen and (max-width:768px) {
	.header_logo2 {
		width: 100%;
		height: auto;
		padding: 0 30px;
		box-sizing: border-box;
		position: absolute;
		z-index: 10;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		-webkit- transform: translateY(-50%);
		font-size: 1.8em;
		font-weight: 900;
		line-height: 1.4em;
		color: #fff;
	}
}

.header_icon {
	width: auto;
	height: auto;
	position: absolute;
	right: 100px;
	top: 50px;
	z-index: 5;
}

@media screen and (max-width:768px) {
	.header_icon {
		width: auto;
		height: auto;
		position: absolute;
		right: 20px;
		top: 20px;
		z-index: 2;
	}
	
	.header_icon img {
		width: 320px;
	}
}

.header_box {
	width: 100%;
	height: auto;
	min-height: 300px;
	background: url("../images/box.png") center top no-repeat;
	background-size: auto;
	position: absolute;
	left: 0;
	bottom: 0;
}

.header_box .in_box {
	width: 100%;
	position: absolute;
	bottom: 20px;
	left: 0;
}

.header_box .in_box .in_list {
	width: 100%;
	max-width: 1080px;
	height: auto;
	min-height: 10px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}

.header_box .in_box .in_list p {
	width: 30%;
	margin-right: 5%;
	text-align: left;
	color: #fff;
}

.header_box .in_box .in_list p:nth-child(3n) {
	margin-right: 0;
}

.header_box .in_box .in_title {
	width: 100%;
	margin-bottom: 40px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.header_box .in_box .in_title p {
	width: 360px;
	background: #fff;
	padding: 5px 20px;
	box-sizing: border-box;
	border-radius: 100px;
	border: 2px solid #F46442;
	color: #F46442;
}

@media screen and (min-width:768px) and ( max-width:1024px) {
	.header_box {
		width: 100%;
		height: auto;
		min-height: 240px;
		background: url("../images/box.png") center top no-repeat;
		background-size: cover;
		position: absolute;
		left: 0;
		bottom: 0;
	}

	.header_box .in_box {
		width: 100%;
		position: absolute;
		bottom: 20px;
		left: 0;
	}

	.header_box .in_box .in_list {
		width: 100%;
		max-width: 1080px;
		height: auto;
		min-height: 10px;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		padding: 0 50px;
		box-sizing: border-box;
	}

	.header_box .in_box .in_list p {
		width: 30%;
		margin-right: 5%;
		text-align: left;
		color: #fff;
	}

	.header_box .in_box .in_list p:nth-child(3n) {
		margin-right: 0;
	}

	.header_box .in_box .in_title {
		width: 100%;
		margin-bottom: 40px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
	}

	.header_box .in_box .in_title p {
		width: 360px;
		background: #fff;
		padding: 5px 20px;
		box-sizing: border-box;
		border-radius: 100px;
		border: 2px solid #F46442;
		color: #F46442;
	}
}

@media screen and (max-width:768px) {
	.header_box {
		width: 100%;
		height: auto;
		min-height: 240px;
		background: url("../images/box_sp.png") center top no-repeat;
		background-size: cover;
		position: absolute;
		left: 0;
		bottom: 0;
	}

	.header_box .in_box {
		width: 100%;
		position: relative;
		bottom: 20px;
		left: 0;
	}

	.header_box .in_box .in_list {
		width: 100%;
		max-width: 1080px;
		height: auto;
		min-height: 10px;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		padding: 0 50px;
		box-sizing: border-box;
	}

	.header_box .in_box .in_list p {
		width: 100%;
		text-align: left;
		color: #fff;
	}

	.header_box .in_box .in_list p:nth-child(2n) {
		margin-right: 0;
	}

	.header_box .in_box .in_title {
		width: 100%;
		margin-bottom: 40px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
	}

	.header_box .in_box .in_title p {
		width: 360px;
		background: #fff;
		padding: 5px 20px;
		box-sizing: border-box;
		border-radius: 100px;
		border: 2px solid #F46442;
		color: #F46442;
	}
}

.section {
	width: 100%;
	max-width: 1080px;
	height: auto;
	min-height: 10px;
	margin: 0 auto;
	position: relative;
}

@media screen and (min-width:768px) and ( max-width:1024px) {
	.section {
		width: 100%;
		max-width: 1080px;
		height: auto;
		min-height: 10px;
		margin: 0 auto;
		position: relative;
		padding: 0 50px;
		box-sizing: border-box;
	}
}

@media screen and (max-width:768px) {
	.section {
		width: 100%;
		max-width: 1080px;
		height: auto;
		min-height: 10px;
		margin: 0 auto;
		position: relative;
		padding: 0 30px;
		box-sizing: border-box;
	}
}

.top_text {
	width: 100%;
	padding: 50px 0 0 0;
}

.top_text h2 {
	width: 100%;
	font-weight: 700;
	font-size: 2.2em;
	color: #23C1E1;
	margin-bottom: 20px;
}

@media screen and (max-width:768px) {
	.top_text h2 {
		width: 100%;
		font-weight: 700;
		font-size: 1.6em;
		color: #23C1E1;
		margin-bottom: 20px;
	}
	
	.top_text p {
		width: 100%;
		text-align: left;
	}
}

.main1 {
	width: 100%;
	background: #fff;
	padding: 50px 0;
}

.main1_box {
	width: 100%;
	background: #23C1E1;
	background: linear-gradient(90deg,rgba(35, 193, 225, 1) 0%, rgba(0, 182, 171, 1) 50%, rgba(209, 224, 96, 1) 100%);
	box-sizing: border-box;
	padding: 30px;
	border-radius: 15px;
	position: relative;
}

@media screen and (max-width:768px) {
	.main1_box {
		width: 100%;
		background: #23C1E1;
		background: linear-gradient(90deg,rgba(35, 193, 225, 1) 0%, rgba(0, 182, 171, 1) 50%, rgba(209, 224, 96, 1) 100%);
		box-sizing: border-box;
		padding: 30px 15px;
		border-radius: 15px;
		position: relative;
	}
}

.main1_box .icon {
	width: auto;
	height: auto;
	position: absolute;
	left: -20px;
	top: -10px;
}

.main1_box .icon img {
	width: 75px;
}

@media screen and (max-width:768px) {
	.main1_box .icon {
		width: auto;
		height: auto;
		position: absolute;
		left: -20px;
		top: -25px;
	}

	.main1_box .icon img {
		width: 70px;
	}
}

.main1_box .title {
	width: 100%;
	text-align: center;
	color: #fff;
	font-weight: 700;
	font-size: 1.6em;
	margin-bottom: 15px;
}

.main1_box .title .f01 {
	border-bottom: 1px solid #fff;
	margin-left: 10px;
}

.main1_box .title .f02 {
	font-size: 1.2em;
	margin-left: 10px;
}

@media screen and (max-width:768px) {
	.main1_box .title {
		width: 100%;
		text-align: center;
		color: #fff;
		font-weight: 700;
		font-size: 1.2em;
		line-height: 1.4em;
		margin-bottom: 25px;
	}

	.main1_box .title .f01 {
		border-bottom: 1px solid #fff;
		margin-left: 10px;
	}

	.main1_box .title .f02 {
		font-size: 1.1em;
		margin-left: 10px;
	}
}

.main1_box .inbox {
	width: 100%;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
}

.main1_box .inbox:last-child {
	margin-bottom: 0;
}

.main1_box .inbox .left_box {
	width: 45%;
	margin-right: 10%;
	padding: 5px 15px;
	box-sizing: border-box;
	background: rgba(255,255,255,0.50);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	position: relative;
}

@media screen and (min-width:768px) and ( max-width:1024px) {
	.main1_box .inbox .left_box {
		width: 45%;
		margin-right: 10%;
		padding: 5px 15px;
		box-sizing: border-box;
		background: rgba(255,255,255,0.50);
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		position: relative;
		font-size: 0.9em;
	}
}

@media screen and (max-width:768px) {
	.main1_box .inbox .left_box {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
		padding: 5px 15px;
		box-sizing: border-box;
		background: rgba(255,255,255,0.50);
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		position: relative;
		font-size: 0.9em;
	}
}

.main1_box .inbox .left_box .left_text {
	width: 45%;
	text-align: left;
}

.main1_box .inbox .left_box .right_text {
	width: 55%;
	text-align: right;
}

@media screen and (min-width:768px) and ( max-width:1024px) {
	.main1_box .inbox .left_box .left_text {
		width: 35%;
		text-align: left;
	}

	.main1_box .inbox .left_box .right_text {
		width: 65%;
		text-align: right;
	}
}

@media screen and (max-width:768px) {
	.main1_box .inbox .left_box .left_text {
		width: 35%;
		text-align: left;
	}

	.main1_box .inbox .left_box .right_text {
		width: 65%;
		text-align: right;
	}
}

.main1_box .inbox .left_box .yajirushi1 {
	width: auto;
	position: absolute;
	right: -95px;
	top: 2px;
}

.main1_box .inbox .left_box .yajirushi1 img {
	width: 110px;
}

@media screen and (min-width:768px) and ( max-width:1024px) {
	.main1_box .inbox .left_box .yajirushi1 {
		width: auto;
		position: absolute;
		right: -75px;
		top: 2px;
	}

	.main1_box .inbox .left_box .yajirushi1 img {
		width: 90px;
	}
}

@media screen and (max-width:768px) {
	.main1_box .inbox .left_box .yajirushi1 {
		display: none;
	}
}

.main1_box .inbox .left_box .yajirushi2 {
	width: auto;
	position: absolute;
	right: -95px;
	bottom: 10px;
}

.main1_box .inbox .left_box .yajirushi2 img {
	width: 110px;
}

@media screen and (min-width:768px) and ( max-width:1024px) {
	.main1_box .inbox .left_box .yajirushi2 {
		width: auto;
		position: absolute;
		right: -75px;
		bottom: 10px;
	}
	
	.main1_box .inbox .left_box .yajirushi2 img {
		width: 90px;
	}
}

@media screen and (max-width:768px) {
	.main1_box .inbox .left_box .yajirushi2 {
		display: none;
	}
}


.main1_box .inbox .right_box {
	width: 45%;
}

@media screen and (max-width:768px) {
	.main1_box .inbox .right_box {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}
}

.main1_box .inbox .right_box .in_textbox {
	width: 100%;
	background: #fff;
	color: #34A192;
	padding: 5px 20px;
	box-sizing: border-box;
	border-radius: 100px;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 15px;
}

@media screen and (min-width:768px) and ( max-width:1024px) {
	.main1_box .inbox .right_box .in_textbox {
		width: 100%;
		background: #fff;
		color: #34A192;
		padding: 5px 20px;
		box-sizing: border-box;
		border-radius: 100px;
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 15px;
		font-size: 0.9em;
	}
}

.main1_box .inbox .right_box .in_textbox:last-child {
	margin-bottom: 0;
}

@media screen and (max-width:768px) {
	.main1_box .inbox .right_box .in_textbox {
		width: 100%;
		background: #fff;
		color: #34A192;
		padding: 5px 20px;
		box-sizing: border-box;
		border-radius: 10px;
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 15px;
		font-size: 0.9em;
	}
}

.main1_box .inbox .right_box .in_textbox .intitle {
	width: 20%;
	margin-right: 2%;
	font-weight: 700;
	text-align: left;
}

.main1_box .inbox .right_box .in_textbox .intext {
	width: 56%;
	margin-right: 2%;
	text-align: left;
}

.main1_box .inbox .right_box .in_textbox .intext span {
	font-size: 0.8em;
}

.main1_box .inbox .right_box .in_textbox .intext2 {
	width: 20%;
	text-align: right;
}

@media screen and (max-width:768px) {
	.main1_box .inbox .right_box .in_textbox .intitle {
		width: 100%;
		margin-right: 0;
		font-weight: 700;
		text-align: left;
	}

	.main1_box .inbox .right_box .in_textbox .intext {
		width: 70%;
		margin-right: 0;
		text-align: left;
	}

	.main1_box .inbox .right_box .in_textbox .intext span {
		font-size: 0.8em;
	}

	.main1_box .inbox .right_box .in_textbox .intext2 {
		width: 30%;
		text-align: right;
	}
}

.sub_text {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.sub_text .left_text {
	width: 100%;
	text-align: left;
}

.sub_text .right_text {
	width: 60%;
	text-align: right;
}

.main2 {
	width: 100%;
	background: #ECECEC;
	padding: 50px 0;
}

.main2_main_title {
	width: 100%;
	font-weight: 700;
	font-size: 2.2em;
	color: #23C1E1;
	margin-bottom: 40px;
	background: #fff;
	padding: 5px 0;
}

@media screen and (max-width:768px) {
	.main2_main_title {
		width: 100%;
		font-weight: 700;
		font-size: 1.5em;
		box-sizing:border-box;
		color: #23C1E1;
		margin-bottom: 70px;
		background: #fff;
		padding: 5px 20px;
	}
}

.main2_box {
	width: 100%;
	background: url("../images/maru_2.png") center center no-repeat;
	background-size: cover;
	aspect-ratio: 1;
}

@media screen and (max-width:768px) {
	.main2_box {
		width: 100%;
		background: #ECECEC;
		background-size: cover;
		aspect-ratio: 1;
	}
}

.main2_box .m2title {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.main2_box .m2title h2 {
	width: 100%;
	max-width: 430px;
	background: #F46442;
	margin-bottom: 10px;
	padding: 15px 20px;
	box-sizing: border-box;
	border: 5px solid #fff;
	font-size: 1.6em;
	font-weight: 700;
	color: #fff;
	line-height: 1em;
	border-radius: 100px;
}

.main2_box .m2title h2 span {
	font-weight: 500;
	font-size: 0.7em;
}

@media screen and (max-width:768px) {
	.main2_box .m2title {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
	}

	.main2_box .m2title h2 {
		width: 100%;
		max-width: 430px;
		background: #F46442;
		margin-bottom: 10px;
		padding: 15px 20px;
		box-sizing: border-box;
		border: 5px solid #fff;
		font-size: 1.4em;
		font-weight: 700;
		color: #fff;
		line-height: 1em;
		border-radius: 100px;
		margin-top: -50px;
	}

	.main2_box .m2title h2 span {
		font-weight: 500;
		font-size: 0.7em;
	}
}

.main2_inbox {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	background: url("../images/yajirushi3.png") center top no-repeat;
}

@media screen and (min-width:768px) and ( max-width:1024px) {
	.main2_inbox {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		background: url("../images/yajirushi3_sp.png") center top no-repeat;
	}
}

@media screen and (max-width:768px) {
	.main2_inbox {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		background: url("../images/yajirushi3_sp.png") center top no-repeat;
	}
}

.main2_inbox_maru {
	width: 100%;
	max-width: 400px;
	padding: 60px;
	box-sizing: border-box;
	background: url("../images/maru2.png") center center no-repeat;
	background-size: cover;
	aspect-ratio: 1;
	display: flex;
	flex-wrap: wrap;
	color: #fff;
	position: relative;
	margin: 19% 0 4% 0;
}

@media screen and (min-width:768px) and ( max-width:1024px) {
	.main2_inbox_maru {
		width: 100%;
		max-width: 400px;
		padding: 60px;
		box-sizing: border-box;
		background: url("../images/maru2.png") center center no-repeat;
		background-size: cover;
		aspect-ratio: 1;
		display: flex;
		flex-wrap: wrap;
		color: #fff;
		position: relative;
		margin: 100px 0 80px 0;
	}
}

@media screen and (max-width:768px) {
	.main2_inbox_maru {
		width: 100%;
		max-width: 400px;
		padding: 60px;
		box-sizing: border-box;
		background: url("../images/maru2.png") center center no-repeat;
		background-size: cover;
		aspect-ratio: 1;
		display: flex;
		flex-wrap: wrap;
		color: #fff;
		position: relative;
		margin: 100px 0 80px 0;
	}
}

.main2_inbox_maru .text1 {
	width: 100%;
	font-size: 2em;
	font-weight: 700;
	line-height: 1.2em;
}

.main2_inbox_maru .text2 {
	width: 100%;
	line-height: 1.2em;
}

.main2_inbox_maru .text3 {
	width: 100%;
	line-height: 1.2em;
}

@media screen and (max-width:768px) {
	.main2_inbox_maru .text1 {
		width: 100%;
		font-size: 1.8em;
		font-weight: 700;
		line-height: 1.2em;
	}

	.main2_inbox_maru .text2 {
		width: 100%;
		line-height: 1.2em;
		font-size: 0.9em;
	}

	.main2_inbox_maru .text3 {
		width: 100%;
		line-height: 1.2em;
		font-size: 0.9em;
	}
}

.main2_inbox_maru .icon {
	position: absolute;
	left: -30px;
	bottom: 10px;
	margin-bottom: 100px;
}

.main2_inbox_maru .icon img {
	width: 75px;
}

@media screen and (max-width:768px) {
	.main2_inbox_maru .icon {
		position: absolute;
		left: -15px;
		bottom: 10px;
		margin-bottom: 100px;
	}
}

.main2_intextbox {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	position: relative;
	margin-bottom: 14%;
}

@media screen and (min-width:768px) and ( max-width:1024px) {
	.main2_intextbox {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		position: relative;
		margin-bottom: 20%;
	}
}

.main2_intextbox .in_box {
	width: 100%;
	max-width: 400px;
	background: #D1E060;
	padding: 15px 20px;
	box-sizing: border-box;
}

.main2_intextbox .in_box .in_title {
	width: 100%;
	color: #1D5F3E;
	font-weight: 700;
	font-size: 1.4em;
	line-height: 1.2em;
}

.main2_intextbox .in_box .in_text {
	width: 100%;
	color: #1D5F3E;
}

.main2_subtext {
	width: 400px;
    position: absolute;
    left: 50%;
    top: 82px;
    text-align: left;
    font-size: 0.8em;
    background: #fff;
    transform: translateX(-50%);
    padding: 20px;
}

@media screen and (min-width:768px) and ( max-width:1024px) {
	.main2_subtext {
		width: 210px;
		position: absolute;
		left: 50%;
		top: 82px;
		text-align: left;
		font-size: 0.8em;
		background: #fff;
		transform: translateX(-50%);
		padding: 20px;
	}
}

@media screen and (max-width:768px) {
	.main2_subtext {
		width: 100%;
		padding: 30px;
		box-sizing: border-box;
		position: relative;
		right: 0;
		top: 0;
		text-align: left;
		font-size: 0.8em;
		background: #ECECEC;
	}
}

.main2__listbox1 {
	width: 300px;
	min-height: 475px;
	border: 2px solid #23C1E1;
	background: #fff;
	border-radius: 10px;
	position: absolute;
	left: -30px;
	top: 120px;
}

.main2__listbox2 {
	width: 300px;
	min-height: 475px;
	border: 2px solid #23C1E1;
	background: #fff;
	border-radius: 10px;
	position: absolute;
	right: -30px;
	top: 120px;
}

.main2__listbox3 {
	width: 300px;
	min-height: 390px;
	border: 2px solid #23C1E1;
	background: #fff;
	border-radius: 10px;
	position: absolute;
	left: -30px;
	bottom: 135px;
}

.main2__listbox4 {
	width: 300px;
	min-height: 390px;
	border: 2px solid #23C1E1;
	background: #fff;
	border-radius: 10px;
	position: absolute;
	right: -30px;
	bottom: 135px;
}

@media screen and (min-width:768px) and ( max-width:1024px) {
	.main2__listbox1 {
		width: 300px;
		min-height: 300px;
		border: 2px solid #23C1E1;
		background: #fff;
		border-radius: 10px;
		position: relative;
		left: 0;
		top: 0;
		margin-top: 30px;
		margin-right: 60px;
	}

	.main2__listbox2 {
		width: 300px;
		min-height: 475px;
		border: 2px solid #23C1E1;
		background: #fff;
		border-radius: 10px;
		position: relative;
		right: 0;
		top: 0;
		margin-top: 30px;
		margin-right: 60px;
	}

	.main2__listbox3 {
		width: 300px;
		min-height: 300px;
		border: 2px solid #23C1E1;
		background: #fff;
		border-radius: 10px;
		position: relative;
		left: 0;
		bottom: 0;
		margin-top: 30px;
		
	}

	.main2__listbox4 {
		width: 300px;
		min-height: 475px;
		border: 2px solid #23C1E1;
		background: #fff;
		border-radius: 10px;
		position: relative;
		right: 0;
		bottom: 0;
		margin-top: 30px;
	}
}

@media screen and (max-width:768px) {
	.main2__listbox1 {
		width: 90%;
		min-height: 475px;
		border: 2px solid #23C1E1;
		background: #fff;
		border-radius: 10px;
		position: relative;
		left: 0;
		top: 0;
	}

	.main2__listbox2 {
		width: 90%;
		min-height: 300px;
		border: 2px solid #23C1E1;
		background: #fff;
		border-radius: 10px;
		position: relative;
		right: 0;
		top: 0;
		margin-top: 30px;
	}

	.main2__listbox3 {
		width: 90%;
		min-height: 475px;
		border: 2px solid #23C1E1;
		background: #fff;
		border-radius: 10px;
		position: relative;
		left: 0;
		bottom: 0;
		margin-top: 30px;
	}

	.main2__listbox4 {
		width: 90%;
		min-height: 300px;
		border: 2px solid #23C1E1;
		background: #fff;
		border-radius: 10px;
		position: relative;
		right: 0;
		bottom: 0;
		margin-top: 30px;
	}
}

.main2__list_title {
	width: 100%;
	background: #23C1E1;
	background: linear-gradient(90deg,rgba(35, 193, 225, 1) 0%, rgba(0, 182, 171, 1) 50%, rgba(209, 224, 96, 1) 100%);
	color: #fff;
	font-weight: 700;
	font-size: 1.8em;
	padding: 10px 20px;
	box-sizing: border-box;
	border-radius: 7px;
	position: relative;
}

.main2__list_title span {
	font-weight: 500;
	font-size: 0.5em;
}

.main2__list_title i {
	position: absolute;
	left: -30px;
	top: -10px;
}

.main2__list_title i img {
	width: 75px;
}

.main2__list_subtext {
	width: 100%;
	padding: 20px 20px 0 20px;
	box-sizing: border-box;
	text-align: left;
}

.main2__list_style {
	width: 100%;
	padding: 20px 20px 100px 20px;
	box-sizing: border-box;
	position: relative;
}

.main2__list_style li {
	width: 100%;
	text-align: left;
	color: #23C1E1;
}

.main2__list_link {
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
	position: absolute;
	bottom: 20px;
	left: 0;
}

.main2__list_link a {
	width: 100%;
	display: inline-block;
	background: #00B6AB;
	border-radius: 100px;
	color: #fff;
	padding: 5px 20px;
	box-sizing: border-box;
}

.main2__list_link a:hover {
	background: #ccc;
}

.main2__link {
	width: 100%;
	background: #00B6AB;
	background: linear-gradient(90deg,rgba(0, 182, 171, 1) 0%, rgba(120, 198, 137, 1) 75%, rgba(209, 224, 96, 1) 100%);
	display: inline-block;
	margin-top: 40px;
	padding: 10px 30px;
	box-sizing: border-box;
	position: relative;
}

@media screen and (max-width:768px) {
	.main2__link {
		width: 100%;
		background: #00B6AB;
		background: linear-gradient(90deg,rgba(0, 182, 171, 1) 0%, rgba(120, 198, 137, 1) 75%, rgba(209, 224, 96, 1) 100%);
		display: inline-block;
		margin-top: 40px;
		padding: 10px 0;
		box-sizing: border-box;
		position: relative;
	}
}

.main2__link .text1 {
	width: 100%;
	color: #fff;
	font-weight: 700;
	margin-bottom: 10px;
	font-size: 0.9em;
	line-height: 1.2em;
}

@media screen and (max-width:768px) {
	.main2__link .text1 {
		width: 100%;
		color: #fff;
		font-weight: 700;
		margin-bottom: 10px;
		font-size: 0.8em;
		line-height: 1.2em;
	}
}

.main2__link .text2 {
	width: 100%;
	color: #fff;
	font-weight: 700;
	font-size: 1.8em;
	line-height: 1.2em;
	margin-bottom: 5px;
}

@media screen and (max-width:768px) {
	.main2__link .text2 {
		width: 100%;
		color: #fff;
		font-weight: 700;
		font-size: 1.4em;
		line-height: 1.2em;
		margin-bottom: 5px;
	}
}

.main2__link .link1 {
	width: 100%;
}

.main2__link .link1 span {
	width: 180px;
	display: inline-block;
	background: #fff;
	color: #43B759;
	font-size: 0.8em;
	border-radius: 100px;
}

.main2__link i {
	position: absolute;
	left: -30px;
	top: 50%;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
}

.main2__link i img {
	width: 75px;
}

@media screen and (max-width:768px) {
	.main2__link i {
		position: absolute;
		left: -25px;
		top: 0;
		transform: translateY(-50%);
		-webkit- transform: translateY(-50%);
	}
}

.main3_box {
	width: 100%;
	text-align: left;
}

.main3_subtitle {
	width: 100%;
	color: #23C1E1;
	font-weight: 700;
	font-size: 1.6em;
	margin-bottom: 10px;
}

@media screen and (max-width:768px) {
	.main3_subtitle {
		width: 100%;
		color: #23C1E1;
		font-weight: 700;
		font-size: 1.2em;
		margin-bottom: 10px;
	}
}

.main3_title {
	width: 100%;
	background: #23C1E1;
	background: linear-gradient(90deg,rgba(35, 193, 225, 1) 0%, rgba(0, 182, 171, 1) 50%, rgba(209, 224, 96, 1) 100%);
	position: relative;
	padding: 10px 25px;
	box-sizing: border-box;
	font-size: 1.6em;
	font-weight: 700;
	color: #fff;
	border-radius: 10px;
	margin-bottom: 20px;
}

.main3_title span {
	font-size: 0.6em;
	font-weight: 500;
}

.main3_title span.ninzu {
	font-size: 0.8em;
	font-weight: 500;
}

.main3_title .icon_3 {
	position: absolute;
	right: 25px;
	top: 50%;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
	background: url("../images/icon3.png") center center no-repeat;
	background-size: cover;
	width: 75px;
	height: 75px;
}

.main3_title .icon_4 {
	position: absolute;
	right: 25px;
	top: 50%;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
	background: url("../images/icon4.png") center center no-repeat;
	background-size: cover;
	width: 75px;
	height: 75px;
}

.main3_title .icon_5 {
	position: absolute;
	right: 25px;
	top: 50%;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
	background: url("../images/icon5.png") center center no-repeat;
	background-size: cover;
	width: 75px;
	height: 75px;
}

.main3_title .icon_6 {
	position: absolute;
	right: 25px;
	top: 50%;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
	background: url("../images/icon6.png") center center no-repeat;
	background-size: cover;
	width: 75px;
	height: 75px;
}

@media screen and (max-width:768px) {
	.main3_title .icon_3 {
		position: absolute;
		right: -25px;
		top: 50%;
		transform: translateY(-50%);
		-webkit- transform: translateY(-50%);
		background: url("../images/icon3.png") center center no-repeat;
		background-size: cover;
		width: 75px;
		height: 75px;
	}

	.main3_title .icon_4 {
		position: absolute;
		right: -25px;
		top: 50%;
		transform: translateY(-50%);
		-webkit- transform: translateY(-50%);
		background: url("../images/icon4.png") center center no-repeat;
		background-size: cover;
		width: 75px;
		height: 75px;
	}

	.main3_title .icon_5 {
		position: absolute;
		right: -25px;
		top: 50%;
		transform: translateY(-50%);
		-webkit- transform: translateY(-50%);
		background: url("../images/icon5.png") center center no-repeat;
		background-size: cover;
		width: 75px;
		height: 75px;
	}

	.main3_title .icon_6 {
		position: absolute;
		right: -25px;
		top: 50%;
		transform: translateY(-50%);
		-webkit- transform: translateY(-50%);
		background: url("../images/icon6.png") center center no-repeat;
		background-size: cover;
		width: 75px;
		height: 75px;
	}
}

.main3_inbox {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

.main3_inbox .imgbox {
	width: 48%;
	margin-right: 4%;
}

@media screen and (max-width:768px) {
	.main3_inbox .imgbox {
		width: 100%;
		margin-bottom: 20px;
	}
}

.main3_inbox .imgbox img {
	width: 100%;
}

.main3_inbox .textbox {
	width: 48%;
}

@media screen and (max-width:768px) {
	.main3_inbox .textbox {
		width: 100%;
	}
}


.main3_inbox .textbox ul {
	width: 100%;
	border: 2px solid #23C1E1;
	background: #fff;
	box-sizing: border-box;
	padding: 10px 15px;
	border-radius: 10px;
	margin-bottom: 11px;
}

.main3_inbox .textbox ul .subtitle {
	width: 100%;
	font-size: 0.8em;
	color: #23C1E1;
}

.main3_inbox .textbox ul .subtitle2 {
	width: 100%;
	font-size: 1.2em;
	font-weight: 700;
	color: #23C1E1;
}

@media screen and (max-width:768px) {
	.main3_inbox .textbox ul .subtitle2 {
		width: 100%;
		font-size: 1.1em;
		font-weight: 700;
		color: #23C1E1;
	}
}

.main3_inbox2 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	background: #F7F7F7;
	padding: 20px;
	box-sizing: border-box;
	border-radius: 10px;
	margin-bottom: 20px;
}

.main3_inbox2 .in_box {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.main3_inbox2 .in_box .no {
	width: 3%;
	border-right: 2px solid #23C1E1;
	color: #23C1E1;
	font-size: 1.3em;
	font-weight: 700;
	line-height: 1.4em;
	box-sizing: border-box;
}

.main3_inbox2 .in_box .text_box {
	width: 97%;
	padding: 0 0 0 20px;
	box-sizing: border-box;
}

@media screen and (max-width:768px) {
	.main3_inbox2 .in_box .no {
		width: 10%;
		border-right: 2px solid #23C1E1;
		color: #23C1E1;
		font-size: 1.3em;
		font-weight: 700;
		line-height: 1.4em;
		box-sizing: border-box;
	}

	.main3_inbox2 .in_box .text_box {
		width: 90%;
		padding: 0 0 0 20px;
		box-sizing: border-box;
	}
}

.main3_inbox2 .in_box .text_box .text1 {
	width: 100%;
	font-weight: 700;
	font-size: 1.2em;
}

@media screen and (max-width:768px) {
	.main3_inbox2 .in_box .text_box .text1 {
		width: 100%;
		font-weight: 700;
		font-size: 1.1em;
	}
}

.main3_inbox2 .in_box .text_box .list1 {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	background: #fff;
	padding: 5px 10px;
	box-sizing: border-box;
	border-radius: 6px;
	margin-top: 10px;
}

@media screen and (max-width:768px) {
	.main3_inbox2 .in_box .text_box .list1 {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		background: #fff;
		padding: 5px 10px;
		box-sizing: border-box;
		border-radius: 6px;
		margin-top: 10px;
	}
}

.main3_inbox2 .in_box .text_box .list1 li {
	margin-right: 20px;
}

@media screen and (max-width:768px) {
	.main3_inbox2 .in_box .text_box .list1 li {
		margin-right: 0;
		width: 100%;
	}
}

.main3_inbox2 .in_box .text_box .list1 li span {
	color: #23C1E1;
}

.main3_inbox2 .in_box .text_box .list2 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	background: #fff;
	padding: 5px 10px;
	box-sizing: border-box;
	border-radius: 6px;
	margin-top: 10px;
}

.main3_inbox2 .in_box .text_box .list2 li {
	width: 100%;
}

.main3_inbox2 .in_box .text_box .list2 li span {
	color: #23C1E1;
}

.main4_title {
	width: 100%;
	background: #00B6AB;
	background: linear-gradient(90deg,rgba(0, 182, 171, 1) 0%, rgba(120, 198, 137, 1) 75%, rgba(209, 224, 96, 1) 100%);
}

.main4_title_box {
	width: 100%;
	padding: 25px 0;
}

.main4_title_box p {
	color: #fff;
	font-weight: 700;
	line-height: 1em;
	margin-bottom: 10px;
}

.main4_title_box h2 {
	color: #fff;
	font-weight: 700;
	font-size: 1.5em;
	line-height: 1em;
}

@media screen and (max-width:768px) {
	.main4_title_box {
		width: 100%;
		padding: 25px 30px;
		box-sizing: border-box;
	}
}


.main4_box {
	width: 100%;
	position: relative;
}

.main4_in_title {
	width: 100%;
	font-weight: 700;
	font-size: 1.6em;
	color: #43B759;
	margin-bottom: 10px;
}

.main4_in_text {
	width: 100%;
	text-align: left;
	margin-bottom: 30px;
}

.main4_in_box {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.main4_in_box ul {
	width: 48%;
	margin-right: 4%;
	padding: 7px 20px;
	box-sizing: border-box;
	margin-bottom: 20px;
}

.main4_in_box ul:nth-child(2n) {
	margin-right: 0;
}

@media screen and (max-width:768px) {
	.main4_in_box ul {
		width: 100%;
		margin-right: 0;
		padding: 7px 0;
		box-sizing: border-box;
		margin-bottom: 20px;
	}

	.main4_in_box ul:nth-child(2n) {
		margin-right: 0;
	}
}

.main4_in_box ul .s_text {
	font-size: 0.8em;
}

.main4_in_box ul .m_text {
	font-size: 1.2em;
	font-weight: 700;
}

.list_style1 {
	border: 2px solid #43B759;
	background: #EFF6EA;
	border-radius: 10px;
}

.list_style1 .s_text {
	color: #43B759;
}

.list_style1 .m_text {
}

.list_style2 {
	border: 2px solid #F8859D;
	background: #FDF3F4;
	border-radius: 10px;
}

.list_style2 .s_text {
	color: #F8859D;
}

.list_style2 .m_text {
}

.list_style3 {
	border: 2px solid #455BA1;
	background: #F1F0F8;
	border-radius: 10px;
}

.list_style3 .s_text {
	color: #455BA1;
}

.list_style3 .m_text {
}

.main4_in_box2 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: 30px 0 50px 0;
}

.main4_in_box2 .icon {
	width: 20%;
	text-align: right;
	margin-right: 2%;
}

.main4_in_box2 .icon img {
	width: 75px;
}

.main4_in_box2 .in-text {
	width: 78%;
	text-align: left;
}

@media screen and (max-width:768px) {
	.main4_in_box2 .icon {
		width: 23%;
		text-align: right;
		margin-right: 2%;
	}

	.main4_in_box2 .in-text {
		width: 75%;
		text-align: left;
	}
}

footer {
	width: 100%;
	padding: 15px 0;
	background: #ECECEC;
}

.footer_box {
	width: 100%;
}

.footer_box .text1 {
	width: 100%;
	text-align: left;
	font-size: 0.9em;
	margin-bottom: 50px;
}

.footer_box .footer_logo {
	width: 100%;
	margin-bottom: 20px;
}

.footer_box .footer_logo img {
	width: 240px;
}

.footer_box .footer_title {
	width: 100%;
	font-weight: 700;
	font-size: 1.2em;
	color: #2D376D;
	line-height: 1;
}

.footer_box .footer_subtitle {
	width: 100%;
	font-weight: 700;
	color: #2D376D;
	margin-bottom: 10px;
}

.footer_box .text2 {
	width: 100%;
	margin-bottom: 50px;
}

.footer_box .text3 {
	width: 100%;
	font-size: 0.8em;
}

/*---アニメーション---*/

.fadein {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.6s ease-out;
}

.fadein.show {
  opacity: 1;
  transform: translateY(0);
}

.fv-item {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.8s ease-out;
}

.fv-item.show {
  opacity: 1;
  transform: translateY(0);
}

.main4_subtitle {
	width: 100%;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
}

.main4_subtitle span {
	width: 100%;
	max-width: 300px;
	display: inline-block;
	background: #F8859D;
	padding: 15px 20px;
	border-radius: 10px;
	font-size: 1.4em;
	font-weight: 600;
	color: #fff;
}

.main4_subtitle2 {
	width: 100%;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
}

.main4_subtitle2 span {
	width: 100%;
	max-width: 300px;
	display: inline-block;
	background: #43B759;
	padding: 15px 20px;
	border-radius: 10px;
	font-size: 1.4em;
	font-weight: 600;
	color: #fff;
}

.main4_subtitle3 {
	width: 100%;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
}

.main4_subtitle3 span {
	width: 100%;
	max-width: 300px;
	display: inline-block;
	background: #455BA1;
	padding: 15px 20px;
	border-radius: 10px;
	font-size: 1.4em;
	font-weight: 600;
	color: #fff;
}