< !--< !--< !--@charset "utf-8";
/* CSS Document */


/* header ///////////////////////////////////////////////////*/

.headderbtnarea {}

.headerlogosize {
	width: 325px;
	height: auto;
}

.headerbtn {
	background-color: #fbce00;
	color: #231815;
	padding: 10px 15px 10px 15px;
	margin-left: 20px;
	font-weight: bold;
	font-size: 18px;
	border-radius: 5px;
	transition: color 0.1s 0.1s ease-in;
}

.headerbtn1 {
	background-color: #fbce00;
	color: #231815;
	padding: 10px 15px 10px 15px;
	margin-left: 2px;
	font-weight: bold;
	font-size: 15px;
	border-radius: 5px;
	transition: color 0.1s 0.1s ease-in;
	width: auto;
	text-align: center;
}

.headerbtn2 {
	background-color: #fbce00;
	color: #231815;
	padding: 10px 10px 10px 10px;
	margin-left: 2px;
	font-weight: bold;
	font-size: 15px;
	border-radius: 5px;
	transition: color 0.1s 0.1s ease-in;
	width: auto;
	text-align: center;
}

.headerbtn3 {
	background-color: #fbce00;
	color: #231815;
	padding: 10px 10px 10px 10px;
	font-weight: bold;
	font-size: 15px;
	border-radius: 5px;
	transition: color 0.1s 0.1s ease-in;
	width: auto;
	text-align: center;
}

.headerbtn1:hover {
	color: #BF1540;
	transition: color 0.1s 0.1s ease-in;
}

.headerbtn2:hover {
	color: #BF1540;
	transition: color 0.1s 0.1s ease-in;
}

.headerbtn3:hover {
	color: #BF1540;
	transition: color 0.1s 0.1s ease-in;
}

.headderbtnarea a {
	text-decoration: none;
	color: #231815;
	transition: color 0.1s 0.1s ease-in;
}

.headderbtnarea a:hover {
	text-decoration: none;
	color: #BF1540;
	transition: color 0.1s 0.1s ease-in;
}

.headerbtnposition {
	margin-left: auto;
}

.navbar-nav li {
	border-bottom: none;
}

@media (max-width: 575px) {
	.navbar-nav li {
		border-top: solid 1px rgba(255, 255, 255, 0.1);
	}

	.headerlogosize {
		width: 260px;
		height: auto;
	}
}

@media screen and (min-width:576px) and (max-width:767px) {
	.navbar-nav li {
		border-top: solid 1px rgba(255, 255, 255, 0.1);
	}

	.headerlogosize {
		width: 260px;
		height: auto;
	}
}

@media screen and (min-width:768px) and (max-width:991px) {
	.navbar-nav li {
		border-top: solid 1px rgba(255, 255, 255, 0.1);
	}
}

@media screen and (min-width:992px) and (max-width:1199px) {
	.navbar-nav li {
		border-top: solid 1px rgba(255, 255, 255, 0.1);
	}
}

@media screen and (min-width:1200px) and (max-width:1399px) {
	.navbar-nav li {
		border-top: solid 1px rgba(255, 255, 255, 0.1);
	}
}

@media (min-width: 1400px) {
	.navbar-nav li {
		border-top: none;
	}
}

/* top ///////////////////////////////////////////////////*/

.toparea {
	width: 100%;
	height: 680px;
	top: 100px;
	position: relative;
}

.topimgarea1 {
	width: 100%;
	height: auto;
}

.topimgsize {
	width: 100%;
	height: auto;
}

.toptext {
	width: 90%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	font-size: 17px;
	line-height: 180%;
	margin-bottom: 20px;
}

.topbtnarea {
	width: 100%;
	height: auto;
}

.topbtn {
	background-color: #fbce00;
	color: #231815;
	padding: 10px 15px 10px 15px;
	margin-left: 20px;
	font-weight: bold;
	font-size: 25px;
	border-radius: 5px;
	transition: color 0.1s 0.1s ease-in;
	text-align: center;
}

.topbtn:hover {
	color: #BF1540;
	transition: color 0.1s 0.1s ease-in;
}

.topbtnarea a {
	text-decoration: none;
	color: #231815;
	transition: color 0.1s 0.1s ease-in;
}

.topbtnarea a:hover {
	text-decoration: none;
	color: #BF1540;
	transition: color 0.1s 0.1s ease-in;
}

.topimgarea2 {
	width: 100%;
	height: auto;
	padding-top: 25px;
}


@media (max-width: 575px) {
	.toparea {
		width: 100%;
		height: auto;
		top: 20vw;
		position: relative;
	}

	.topimgarea1 {
		width: 90vw;
		margin-left: auto;
		margin-right: auto;
	}

	.topimgarea2 {
		width: 80%;
		height: 82vw;
		padding-top: 25px;
		margin-left: auto;
		margin-right: auto;
	}

	.topbtn {
		font-size: 20px;
	}
}

@media screen and (min-width:576px) and (max-width:767px) {
	.toparea {
		width: 100%;
		height: auto;
		top: 13vw;
		position: relative;
	}

	.topimgarea1 {
		width: 85vw;
		margin-left: auto;
		margin-right: auto;
	}

	.topimgarea2 {
		width: 80%;
		height: 72vw;
		padding-top: 25px;
		margin-left: auto;
		margin-right: auto;
	}

	.topbtn {
		font-size: 20px;
	}
}

@media screen and (min-width:768px) and (max-width:991px) {

	.toparea {
		width: 100%;
		height: 63vw;
		top: 10vw;
		position: relative;
	}

	.topbtn {
		font-size: 18px;
		margin-left: 0px;
		padding: 10px 10px 10px 10px;
	}

	.topbtnarea {
		width: 90%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}

	.topimgarea1 {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.topimgarea2 {
		width: 100%;
		height: 72vw;
		padding-top: 25px;
		margin-left: auto;
		margin-right: auto;
	}

}

@media screen and (min-width:992px) and (max-width:1199px) {

	.toparea {
		width: 100%;
		height: 54vw;
		top: 9vw;
		position: relative;
	}

	.topbtn {
		font-size: 25px;
	}

	.topimgarea1 {
		width: 90%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}

}

@media screen and (min-width:1200px) and (max-width:1399px) {

	.toparea {
		width: 100%;
		height: 45vw;
		top: 6vw;
		position: relative;
	}

	.topbtn {
		font-size: 25px;
	}

}

@media (min-width: 1400px) {

	.toparea {
		width: 100%;
		height: 640px;
		top: 100px;
		position: relative;
	}

	.topbtn {
		font-size: 25px;
	}

}

/* cont1 ///////////////////////////////////////////////////*/
.cont1-title {
	padding-top: 3px;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 25px;
	height: 35px;
	color: #007EC4;
}

.cont1-text {
	margin-bottom: 30px;
}

.cont1-imagearea {
	text-align: center;
}

.cont1 {
	width: 100%;
	height: auto;
	margin-bottom: 50px;
}

.cont1imgarea1 {
	width: 100%;
}

.cont1imgsize {
	width: 100%;
}

.cont1title {
	font-weight: bold;
	font-size: min(2.9vw, 44px);
	margin-bottom: 20px;
}

.cont1text {
	font-size: 17px;
	line-height: 180%;
}

.cont1bluebar {
	/*	background-color: #000000;*/
	background-color: #CF142B;
	text-align: center;
	font-size: min(3.5vw, 30px);
	font-weight: bold;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 40px;
	border-radius: 5px;
	color: #ffffff;
	margin-bottom: 30px;
	padding-left: 20px;
	padding-right: 20px;
}

.cont1title2 {
	text-align: center;
	font-size: 14px;
	padding-top: 10px;
}

.align-items-start {
	margin-top: 55px;
}

@media (max-width: 575px) {
	.cont1imgarea1 {
		display: none;
	}

	.cont1bluebar {
		/*		background-color: #000000;*/
		background-color: #CF142B;
		text-align: center;
		font-size: min(5.5vw, 30px);
		font-weight: bold;
		width: 100%;
		padding-top: 15px;
		padding-bottom: 15px;
		margin-top: 40px;
		border-radius: 5px;
		color: #ffffff;
		margin-bottom: 30px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.cont1title {
		font-weight: bold;
		font-size: min(5.5vw, 44px);
		margin-bottom: 20px;
	}
}

@media screen and (min-width:576px) and (max-width:767px) {
	.cont1imgarea1 {
		display: none;
	}

	.cont1bluebar {
		/*		background-color: #000000;*/
		background-color: #CF142B;
		text-align: center;
		font-size: min(4.5vw, 30px);
		font-weight: bold;
		width: 100%;
		padding-top: 15px;
		padding-bottom: 15px;
		margin-top: 40px;
		border-radius: 5px;
		color: #ffffff;
		margin-bottom: 30px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.cont1title {
		font-weight: bold;
		font-size: min(4.5vw, 44px);
		margin-bottom: 20px;
	}
}

@media screen and (min-width:768px) and (max-width:991px) {}

@media screen and (min-width:992px) and (max-width:1199px) {}

@media screen and (min-width:1200px) and (max-width:1399px) {}

@media (min-width: 1400px) {}

/* trouble ///////////////////////////////////////////////////*/

.trouble {
	width: 100%;
	height: auto;
	margin-bottom: 50px;
	margin-top: 50px;
}

.troubletitle {
	font-weight: bold;
	font-size: min(3.1vw, 40px);
	margin-bottom: 20px;
	text-align: center;
	padding-top: 90px;

}

/*
.troubletitle::before{
	background-image: url("../cont/troubleperson2.png");
	background-repeat: no-repeat;
	background-size: contain;
	width: 9vw;
	height: 9vw;
	content: "";
	display: inline-block;
	vertical-align: middle;
}

.troubletitle::after{
	background-image: url("../cont/troubleperson3.png");
	background-repeat: no-repeat;
	background-size: contain;
	width: 9vw;
	height: 9vw;
	content: "";
	display: inline-block;
	vertical-align: middle;
}
*/
.troublebluebar {
	/*	background-color: #000000;*/
	background-color: #CF142B;
	text-align: center;
	font-size: min(3.5vw, 30px);
	font-weight: bold;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 40px;
	border-radius: 5px;
	color: #ffffff;
	margin-bottom: 30px;
	padding-left: 20px;
	padding-right: 20px;
}

.troublearea {
	margin-top: 28px;
	padding-top: 10px;
	text-align: center;
	position: relative;
}

.troublecont1 {
	top: 0px;
	left: 0px;
	z-index: 2;
}

.troublecont2 {
	bottom: 46px;
	left: 0;
	z-index: 2;
}

.troublecont3 {
	top: 0;
	right: 0;
	z-index: 2;
}

.troublecont4 {
	bottom: 0;
	right: 0px;
	z-index: 2;
}

.troublecont1waku {
	background-color: #edf7fd;
	padding: 20px;
	width: 100%;
	margin-bottom: 30px;
}

.troublecont2waku {
	background-color: #f2f8e9;
	padding: 20px;
	width: 100%;
	margin-bottom: 30px;
}

.troublecont3waku {
	background-color: #fcedf4;
	padding: 20px;
	width: 100%;
	margin-bottom: 30px;
}

.troublecont4waku {
	background-color: #fffddd;
	padding: 20px;
	width: 100%;
	margin-bottom: 30px;
}

.troublecont1title {
	font-weight: bold;
	font-size: 25px;
	margin-bottom: 20px;
	text-align: center;
	color: #299fdb;
}

.troublecont2title {
	font-weight: bold;
	font-size: 25px;
	margin-bottom: 20px;
	text-align: center;
	color: #49aa4e;
}

.troublecont3title {
	font-weight: bold;
	font-size: 25px;
	margin-bottom: 20px;
	text-align: center;
	color: #e84994;
}

.troublecont4title {
	font-weight: bold;
	font-size: 25px;
	margin-bottom: 20px;
	text-align: center;
	color: #f6a900;
}

.trouble li {
	text-align: left;
}

@media (max-width: 575px) {
	.troubletitle {
		font-weight: bold;
		font-size: min(5.1vw, 40px);
		margin-bottom: 20px;
		text-align: center;
		padding-top: 30px;
	}

	.troublecont1title {
		font-weight: bold;
		font-size: 20px;
		margin-bottom: 20px;
		text-align: center;
		color: #299fdb;
	}

	.troublecont2title {
		font-weight: bold;
		font-size: 20px;
		margin-bottom: 20px;
		text-align: center;
		color: #49aa4e;
	}

	.troublecont3title {
		font-weight: bold;
		font-size: 20px;
		margin-bottom: 20px;
		text-align: center;
		color: #e84994;
	}

	.troublecont4title {
		font-weight: bold;
		font-size: 20px;
		margin-bottom: 20px;
		text-align: center;
		color: #f6a900;
	}

	.troublebluebar {
		/*	background-color: #000000;*/
		background-color: #CF142B;
		text-align: center;
		font-size: min(5.5vw, 30px);
		font-weight: bold;
		width: 100%;
		padding-top: 15px;
		padding-bottom: 15px;
		margin-top: 40px;
		border-radius: 5px;
		color: #ffffff;
		margin-bottom: 30px;
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media screen and (min-width:576px) and (max-width:767px) {
	.troubletitle {
		font-weight: bold;
		font-size: min(4.1vw, 40px);
		margin-bottom: 20px;
		text-align: center;
		padding-top: 30px;
	}

	.troublecont1title {
		font-weight: bold;
		font-size: 23px;
		margin-bottom: 20px;
		text-align: center;
		color: #299fdb;
	}

	.troublecont2title {
		font-weight: bold;
		font-size: 23px;
		margin-bottom: 20px;
		text-align: center;
		color: #49aa4e;
	}

	.troublecont3title {
		font-weight: bold;
		font-size: 23px;
		margin-bottom: 20px;
		text-align: center;
		color: #e84994;
	}

	.troublecont4title {
		font-weight: bold;
		font-size: 23px;
		margin-bottom: 20px;
		text-align: center;
		color: #f6a900;
	}

	.troublebluebar {
		/*	background-color: #000000;*/
		background-color: #CF142B;
		text-align: center;
		font-size: min(4.5vw, 30px);
		font-weight: bold;
		width: 100%;
		padding-top: 15px;
		padding-bottom: 15px;
		margin-top: 40px;
		border-radius: 5px;
		color: #ffffff;
		margin-bottom: 30px;
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media screen and (min-width:768px) and (max-width:991px) {}

@media screen and (min-width:992px) and (max-width:1199px) {}

@media screen and (min-width:1200px) and (max-width:1399px) {}

@media (min-width: 1400px) {}

/* cont2 ///////////////////////////////////////////////////*/

.cont2-text {
	margin-bottom: 30px;
}

.cont2 {
	width: 100%;
	height: auto;
	margin-bottom: 50px;
	margin-top: 50px;
}

.cont2title {
	font-weight: bold;
	font-size: min(3.5vw, 40px);
	margin-bottom: 20px;
	text-align: center;
	padding-top: 90px;
}

.cont2text {
	font-size: 17px;
	line-height: 180%;
	margin-bottom: 50px;
}

.cont2-area1-left-img {
	text-align: center;
	flex-direction: column;
	display: flex;
}

.cont2-area1-left-img2 {
	flex-direction: column;
	display: flex;
}

.cont2-area1-left-name {
	font-weight: bold;
	color: #ffffff;
	font-size: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	flex-direction: column;
	display: flex;
}

.cont2-area1-right-title {
	color: #e84994;
	text-align: center;
	font-size: min(3.5vw, 30px);
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 20px;
}

.cont2-area2-right-title {
	color: #49aa4e;
	text-align: center;
	font-size: min(3.5vw, 30px);
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 20px;
}

.cont2-area3-right-title {
	color: #299fdb;
	text-align: center;
	font-size: min(3.5vw, 30px);
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 20px;
}

.cont2-area4-right-title {
	color: #f6a900;
	text-align: center;
	font-size: min(3.5vw, 30px);
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 20px;
}

.cont2-area1-right-text {
	padding-bottom: 20px;
	line-height: 180%;
}

.cont2-area1-right-img {
	flex-direction: column;
}

.cont2-area1-right-imgtitle {
	text-align: center;
	padding-top: 10px;
	font-size: 15px;
}

.cont2imgsize {
	width: 11vw;
}

.cont2imgsize2 {
	width: 100%;
}

.cont2-area1-left {
	background-color: #f2a6bd;
	text-align: center;
	height: 100%;
}

.cont2-area1-right {
	background-color: #fcedf4;
	padding: 35px;
}

.cont2-area2-left {
	background-color: #abcf89;
	text-align: center;
	height: 100%;
}

.cont2-area2-right {
	background-color: #f2f8e9;
	padding: 35px;
}

.cont2-area3-left {
	background-color: #6bc7e1;
	text-align: center;
	height: 100%;
}

.cont2-area3-right {
	background-color: #edf7fd;
	padding: 35px;
}

.cont2-area4-left {
	background-color: #fcc800;
	text-align: center;
	height: 100%;
}

.cont2-area4-right {
	background-color: #fffddd;
	padding: 35px;
}

.cont2-areapadding {
	margin-bottom: 30px;
}

@media (max-width: 575px) {
	.cont2title {
		font-weight: bold;
		font-size: min(5.5vw, 40px);
		margin-bottom: 20px;
		text-align: center;
		padding-top: 30px;
	}

	.cont2-area1-left-img {
		text-align: center;
		flex-direction: row;
		display: flex;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.cont2-area1-left-img2 {
		flex-direction: row;
		display: flex;
		padding-right: 20px;
	}

	.cont2-area1-left-name {
		font-weight: bold;
		color: #ffffff;
		font-size: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
		flex-direction: row;
		display: flex;
	}

	.cont2-area1-right-title {
		font-size: min(5.5vw, 30px);
	}

	.cont2-area2-right-title {
		font-size: min(5.5vw, 30px);
	}

	.cont2-area3-right-title {
		font-size: min(5.5vw, 30px);
	}

	.cont2-area4-right-title {
		font-size: min(5.5vw, 30px);
	}

	.cont2-area1-right-imgtitle {
		margin-bottom: 20px;
	}

}

@media screen and (min-width:576px) and (max-width:767px) {
	.cont2title {
		font-weight: bold;
		font-size: min(4.5vw, 40px);
		margin-bottom: 20px;
		text-align: center;
		padding-top: 30px;
	}

	.cont2-area1-left-img {
		text-align: center;
		flex-direction: row;
		display: flex;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.cont2-area1-left-img2 {
		flex-direction: row;
		display: flex;
		padding-right: 20px;
	}

	.cont2-area1-left-name {
		font-weight: bold;
		color: #ffffff;
		font-size: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
		flex-direction: row;
		display: flex;
	}

	.cont2-area1-right-title {
		font-size: min(4.5vw, 30px);
	}

	.cont2-area2-right-title {
		font-size: min(4.5vw, 30px);
	}

	.cont2-area3-right-title {
		font-size: min(4.5vw, 30px);
	}

	.cont2-area4-right-title {
		font-size: min(4.5vw, 30px);
	}

	.cont2-area1-right-imgtitle {
		margin-bottom: 20px;
	}

}

@media screen and (min-width:768px) and (max-width:991px) {}

@media screen and (min-width:992px) and (max-width:1199px) {}

@media screen and (min-width:1200px) and (max-width:1399px) {}

@media (min-width: 1400px) {}

/* cont3 ///////////////////////////////////////////////////*/

.cont3-text {
	margin-bottom: 30px;
}

.cont3 {
	width: 100%;
	height: auto;
	margin-bottom: 50px;
	margin-top: 50px;
}

.cont3title {
	font-weight: bold;
	font-size: min(3.5vw, 40px);
	margin-bottom: 50px;
	text-align: center;
	padding-top: 90px;
}

.cont3imgsize {
	width: 100%;
}

.cont3text {
	line-height: 180%;
	margin-bottom: 30px;
}

.cont3whitearea {
	width: 100%;
	height: auto;
	padding: 20px;
	border-radius: 10px;
	background-color: #ffffff;
}

.cont3imgarea {
	width: 100%;
	height: auto;
}

.yaji {}

.yaji::after {
	background-image: url("../cont/cont3-img7.png");
	background-repeat: no-repeat;
	background-size: contain;
	width: min(3vw, 30px);
	height: min(3vw, 30px);
	content: "";
	display: inline-block;
	margin: 4vw 20px 0 10px;
	position: absolute;
}

.cont3area1title {
	color: #2a67b2;
	text-align: center;
	font-size: min(3vw, 35px);
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 20px;
}

.cont3area1title::before {
	background-image: url("../cont/cont3-img1.png");
	background-repeat: no-repeat;
	background-size: contain;
	width: min(9vw, 100px);
	height: min(9vw, 100px);
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin: 0 20px 0 0;
}

.cont3area2title {
	color: #00a43e;
	text-align: center;
	font-size: min(3vw, 35px);
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 20px;
}

.cont3area2title::before {
	background-image: url("../cont/cont3-img2.png");
	background-repeat: no-repeat;
	background-size: contain;
	width: min(9vw, 100px);
	height: min(9vw, 100px);
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin: 0 20px 0 0;
}

.cont3area3title {
	color: #e84994;
	text-align: center;
	font-size: min(3vw, 35px);
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 20px;
}

.cont3area3title::before {
	background-image: url("../cont/cont3-img3.png");
	background-repeat: no-repeat;
	background-size: contain;
	width: min(9vw, 100px);
	height: min(9vw, 100px);
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin: 0 20px 0 0;
}

.cont3area1 {
	width: 100%;
	height: auto;
	border: dotted 7px #2a67b2;
	background-color: #edf7fd;
	padding: 20px 5vw 20px 5vw;
	margin-bottom: 30px;
}

.cont3area2 {
	width: 100%;
	height: auto;
	border: dotted 7px #00a43e;
	background-color: #eef5df;
	padding: 20px 5vw 20px 5vw;
	margin-bottom: 30px;
}

.cont3area3 {
	width: 100%;
	height: auto;
	border: dotted 7px #e84994;
	background-color: #fcedf4;
	padding: 20px 5vw 20px 5vw;
	margin-bottom: 30px;
}

@media (max-width: 575px) {
	.cont3title {
		font-weight: bold;
		font-size: min(5.5vw, 40px);
		margin-bottom: 50px;
		text-align: center;
		padding-top: 30px;
	}

	.cont3area1title {
		font-size: min(5vw, 35px);
	}

	.cont3area2title {
		font-size: min(5vw, 35px);
	}

	.cont3area3title {
		font-size: min(5vw, 35px);
	}
}

@media screen and (min-width:576px) and (max-width:767px) {
	.cont3title {
		font-weight: bold;
		font-size: min(4.5vw, 40px);
		margin-bottom: 50px;
		text-align: center;
		padding-top: 30px;
	}

	.cont3area1title {
		font-size: min(4vw, 35px);
	}

	.cont3area2title {
		font-size: min(4vw, 35px);
	}

	.cont3area3title {
		font-size: min(4vw, 35px);
	}
}

@media screen and (min-width:768px) and (max-width:991px) {}

@media screen and (min-width:992px) and (max-width:1199px) {}

@media screen and (min-width:1200px) and (max-width:1399px) {}

@media (min-width: 1400px) {}

/* cont4 ///////////////////////////////////////////////////*/

.cont4-text {
	margin-bottom: 30px;
}


.cont4 {
	width: 100%;
	height: auto;
	margin-bottom: 50px;
	margin-top: 50px;
}

.cont4title {
	font-weight: bold;
	font-size: min(3.5vw, 40px);
	margin-bottom: 50px;
	text-align: center;
	padding-top: 90px;
}

.cont4subtitle {
	font-weight: bold;
	font-size: min(3.5vw, 30px);
	margin-bottom: 20px;
	text-align: center;

}


.cont4text {
	line-height: 180%;
	margin-bottom: 30px;
}

.cont4imgsize {
	width: 100%;
}

.cont4imgarea {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
}

.plus {}

.plus::after {
	background-image: url("../cont/cont4-img3.png");
	background-repeat: no-repeat;
	background-size: contain;
	width: min(6vw, 80px);
	height: min(6vw, 80px);
	content: "";
	display: inline-block;
	margin: 5vw 1vw 0 1vw;
	position: absolute;
}

@media (max-width: 575px) {
	.cont4title {
		font-weight: bold;
		font-size: min(5.5vw, 40px);
		margin-bottom: 50px;
		text-align: center;
		padding-top: 30px;
	}

	.cont4imgarea {
		width: 85%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 4vw;
	}

	.plus::after {
		background-image: url("../cont/cont4-img3.png");
		background-repeat: no-repeat;
		background-size: contain;
		width: min(6vw, 80px);
		height: min(6vw, 80px);
		content: "";
		display: inline-block;
		margin: 35vw 0vw 0 -43vw;
		position: absolute;
	}

}

@media screen and (min-width:576px) and (max-width:767px) {
	.cont4title {
		font-weight: bold;
		font-size: min(4.5vw, 40px);
		margin-bottom: 50px;
		text-align: center;
		padding-top: 30px;
	}

	.cont4imgarea {
		width: 85%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 4vw;
	}

	.plus::after {
		background-image: url("../cont/cont4-img3.png");
		background-repeat: no-repeat;
		background-size: contain;
		width: min(6vw, 80px);
		height: min(6vw, 80px);
		content: "";
		display: inline-block;
		margin: 35vw 0vw 0 -43vw;
		position: absolute;
	}

}

@media screen and (min-width:768px) and (max-width:991px) {}

@media screen and (min-width:992px) and (max-width:1199px) {}

@media screen and (min-width:1200px) and (max-width:1399px) {}

@media (min-width: 1400px) {}

/* cont5 ///////////////////////////////////////////////////*/

.cont5 {
	width: 100%;
	height: auto;
	margin-bottom: 50px;
	margin-top: 50px;
	padding-bottom: 50px;
}

.cont5title {
	font-weight: bold;
	font-size: min(3.5vw, 40px);
	margin-bottom: 50px;
	text-align: center;
	padding-top: 90px;
}

.cont5text {
	line-height: 180%;
	margin-bottom: 30px;
	text-align: center;
}

.cont5slick {
	background-color: #ffffff;
	margin-bottom: 60px;
	border: solid 7px #000000;
	padding: 20px;
}

.cont5imgarea {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.cont5imgsize {
	width: 100%;
}

.cont5cate1 {
	background-color: #438ec3;
	border-radius: 10px;
	text-align: center;
	font-weight: bold;
	font-size: min(4.5vw, 30px);
	color: #ffffff;
}

.cont5cate2 {
	background-color: #47B252;
	border-radius: 10px;
	text-align: center;
	font-weight: bold;
	font-size: min(4.5vw, 30px);
	color: #ffffff;
}

.cont5cate3 {
	background-color: #B5935F;
	border-radius: 10px;
	text-align: center;
	font-weight: bold;
	font-size: min(4.5vw, 30px);
	color: #ffffff;
}

.cont5cate4 {
	background-color: #ED7E8C;
	border-radius: 10px;
	text-align: center;
	font-weight: bold;
	font-size: min(4.5vw, 30px);
	color: #ffffff;
}

.cont5cate5 {
	background-color: #9966FF;
	border-radius: 10px;
	text-align: center;
	font-weight: bold;
	font-size: min(4.5vw, 30px);
	color: #ffffff;
}

.cont5cate6 {
	background-color: #FF9900;
	border-radius: 10px;
	text-align: center;
	font-weight: bold;
	font-size: min(4.5vw, 30px);
	color: #ffffff;
}

.cont5subtitle {
	text-align: center;
	font-size: min(4.5vw, 30px);
	font-weight: bold;
	/*	color: #000000;*/
	color: #CF142B;
	padding-top: 15px;
	padding-bottom: 15px;
}

.cont5subpoint {
	text-align: left;
	line-height: 180%;
	font-size: min(3vw, 20px);
	padding-left: 23px;
}

.cont5subpoint li {}

@media (max-width: 575px) {
	.cont5title {
		font-weight: bold;
		font-size: min(5.5vw, 40px);
		margin-bottom: 50px;
		text-align: center;
		padding-top: 30px;
	}
}

@media screen and (min-width:576px) and (max-width:767px) {
	.cont5title {
		font-weight: bold;
		font-size: min(4.5vw, 40px);
		margin-bottom: 50px;
		text-align: center;
		padding-top: 30px;
	}
}

@media screen and (min-width:768px) and (max-width:991px) {
	.cont5cate1 {
		background-color: #438ec3;
		border-radius: 10px;
		text-align: center;
		font-weight: bold;
		font-size: 30px;
		color: #ffffff;
	}
}

@media screen and (min-width:992px) and (max-width:1199px) {
	.cont5cate1 {
		background-color: #438ec3;
		border-radius: 10px;
		text-align: center;
		font-weight: bold;
		font-size: 30px;
		color: #ffffff;
	}
}

@media screen and (min-width:1200px) and (max-width:1399px) {
	.cont5cate1 {
		background-color: #438ec3;
		border-radius: 10px;
		text-align: center;
		font-weight: bold;
		font-size: 30px;
		color: #ffffff;
	}
}

@media (min-width: 1400px) {
	.cont5cate1 {
		background-color: #438ec3;
		border-radius: 10px;
		text-align: center;
		font-weight: bold;
		font-size: 30px;
		color: #ffffff;
	}
}

/* cont6 ///////////////////////////////////////////////////*/

.cont6 {
	width: 100%;
	height: auto;
	margin-bottom: 50px;
	margin-top: 50px;
	padding-bottom: 50px;
}

.cont6title {
	font-weight: bold;
	font-size: min(3.5vw, 40px);
	margin-bottom: 50px;
	text-align: center;
	padding-top: 30px;
}

.cont6text {
	line-height: 180%;
	margin-bottom: 30px;
	text-align: center;
}

.cont6imgarea {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	transform: scale(1);
	transition-duration: 0.1s;
}

.cont6imgarea:hover {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	transform: scale(0.95);
	transition-duration: 0.1s;
}

.cont6imgsize {
	width: 100%;
}

.cont6subtitle {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100%;
	font-weight: bold;
}

@media (max-width: 575px) {
	.cont6title {
		font-weight: bold;
		font-size: min(5.5vw, 40px);
		margin-bottom: 50px;
		text-align: center;
		padding-top: 30px;
	}
}

@media screen and (min-width:576px) and (max-width:767px) {
	.cont6title {
		font-weight: bold;
		font-size: min(4.5vw, 40px);
		margin-bottom: 50px;
		text-align: center;
		padding-top: 30px;
	}
}

@media screen and (min-width:768px) and (max-width:991px) {}

@media screen and (min-width:992px) and (max-width:1199px) {}

@media screen and (min-width:1200px) and (max-width:1399px) {}

@media (min-width: 1400px) {}

/* inquiry ///////////////////////////////////////////////////*/

.inquiry {
	background-color: #C0E5F9;
	width: 100%;
	height: auto;
}

.inquirytitle {
	font-weight: bold;
	font-size: min(3.5vw, 40px);
	margin-bottom: 35px;
	text-align: center;
	padding-top: 40px;
}

.inquirytext {
	line-height: 180%;
	margin-bottom: 100px;
	text-align: left;
}

.inquirybtnarea {
	width: 100%;
	padding-bottom: 30px;
}

.inquirybtn {
	background-color: #fbce00;
	color: #231815;
	padding: 10px 15px 10px 15px;
	margin-left: 20px;
	font-weight: bold;
	font-size: 25px;
	border-radius: 5px;
	transition: color 0.1s 0.1s ease-in;
	text-align: center;
	text-decoration: none !important;
}

.inquirybtnarea a {
	text-decoration: none;
}

.inquirybtn:hover {
	color: #BF1540;
	transition: color 0.1s 0.1s ease-in;
}

.inquiry a {
	text-decoration: none;
	color: #231815;
	transition: color 0.1s 0.1s ease-in;
}

.inquiry a:hover {
	text-decoration: none;
	color: #BF1540;
	transition: color 0.1s 0.1s ease-in;
}

.inruirytel {
	width: 100%;
	margin-bottom: 30px;
}

.inquiryimgrea {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}

.inquiryimgsize {
	width: 100%;
}

@media (max-width: 575px) {
	.inquirytitle {
		font-weight: bold;
		font-size: min(5.5vw, 40px);
		margin-bottom: 35px;
		text-align: center;
		padding-top: 40px;
	}

	.inquiryimgrea {
		display: none;
	}

	.inquirybtn {
		font-size: 18px;
	}
}

@media screen and (min-width:576px) and (max-width:767px) {
	.inquirytitle {
		font-weight: bold;
		font-size: min(4.5vw, 40px);
		margin-bottom: 35px;
		text-align: center;
		padding-top: 40px;
	}

	.inquiryimgrea {
		display: none;
	}

	.inquirybtn {
		font-size: 20px;
	}
}

@media screen and (min-width:768px) and (max-width:991px) {
	.inquiryimgrea {
		display: none;
	}
}

@media screen and (min-width:992px) and (max-width:1199px) {}

@media screen and (min-width:1200px) and (max-width:1399px) {}

@media (min-width: 1400px) {}

/* contact ///////////////////////////////////////////////////*/

.contactarea {
	/*background-color: #000000;*/
	background-color: #CF142B;
	width: 100%;
	height: auto;
	padding-bottom: 5px;
}

.contacttitle {
	text-align: center;
	font-size: min(4.9vw, 40px);
	font-weight: bold;
	color: #ffffff;
	padding-top: 50px;
	padding-bottom: 15px;
}

.contacttext {
	text-align: center;
	font-size: 18px;
	color: #ffffff;
	padding-bottom: 15px;
}

.contactbtnarea {
	width: 100%;
	padding-bottom: 50px;
}

.contactbtn {
	background-color: #fbce00;
	color: #231815;
	padding: 10px 15px 10px 15px;
	margin-left: 20px;
	font-weight: bold;
	font-size: 25px;
	border-radius: 5px;
	transition: color 0.1s 0.1s ease-in;
	text-align: center;
	text-decoration: none;
}

.contactbtn:hover {
	color: #BF1540;
	transition: color 0.1s 0.1s ease-in;
}

.contactarea a {
	text-decoration: none;
	color: #231815;
	transition: color 0.1s 0.1s ease-in;
}

.contactarea a:hover {
	text-decoration: none;
	color: #BF1540;
	transition: color 0.1s 0.1s ease-in;
}

@media (max-width: 575px) {
	.contactbtn {
		font-size: 18px;
	}
}

@media screen and (min-width:576px) and (max-width:767px) {
	.contactbtn {
		font-size: 20px;
	}
}

@media screen and (min-width:768px) and (max-width:991px) {}

@media screen and (min-width:992px) and (max-width:1199px) {}

@media screen and (min-width:1200px) and (max-width:1399px) {}

@media (min-width: 1400px) {}

/* fotter ///////////////////////////////////////////////////*/

.fotter {
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
	text-align: center;
}

.fotterimgarea {
	width: 100%;
}

.fotterimgsize2 {
	width: min(44vw, 490px);
}

.fotterimgsize {
	width: min(44vw, 590px);
}

.fottertext {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
}

@media (max-width: 575px) {
	.fotterimgsize2 {
		width: min(80vw, 490px);
	}

	.fotterimgsize {
		width: min(84vw, 590px);
	}
}

@media screen and (min-width:576px) and (max-width:767px) {
	.fotterimgsize2 {
		width: min(68vw, 490px);
	}

	.fotterimgsize {
		width: min(68vw, 590px);
	}
}

@media screen and (min-width:768px) and (max-width:991px) {}

@media screen and (min-width:992px) and (max-width:1199px) {}

@media screen and (min-width:1200px) and (max-width:1399px) {}

@media (min-width: 1400px) {}

.col {}

.inquiryimgsize {}