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

/*////////////////// セクション1 ////////////////////*/
.sec1 .heading {
	font-size: 1.2rem;
	font-weight: 600;
}
.sec1 h1 {
	font-size: 1.7rem;
}

.sec1 h1 span {
	color: #1897D2;
}

.sec1 .img01 {
	width: 70%;
	margin: 0 auto;
}

.sec1 .clip03 {
	position: absolute;
	left: -22%;
	bottom: -40px;
	width: 65%;
}

@media (min-width: 576px) {
	.sec1 h1 {
		font-size: 1.7rem !important;
	}

	.sec1 .img01 {
		width: 60%;
	}

	.sec1 .clip03 {
		left: -15%;
		width: 55%;
	}
}

@media (min-width: 768px) {
	.sec1 h1 {
		font-size: 1.6rem !important;
		text-align: start;
	}

	.sec1 .img01 {
		width: 100%;
	}
}

@media (min-width: 992px) {
	.sec1 h1 {
		font-size: 1.7rem !important;
	}
}

@media (min-width: 1200px) {
	.sec1 h1 {
		font-size: 1.8rem !important;
	}
}


/*////////////////// セクション2 ////////////////////*/
.sec2 .bg-glay {
	background-color: #f5f5f5;
	padding-bottom: 130px !important;
}

.sec2 h1 {
	text-align: center;
	font-size: 1.25rem;
	border-bottom: 1px solid #A7A7A7;
}

.sec2 .col-12 {
	margin-bottom: 45px;
}

.sec2 .col-12:last-child {
	margin-bottom: 0;
}

.sec2 .wrap span {
    position: absolute;
    left: 50%;
    top: -25px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);	
	display: block;
	font-family: 'Oswald', sans-serif;
	font-size: 1.8rem;
	font-weight: 600;
	background-color: #1897D2;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	color: #fff;
	text-align: center;
	padding-top: 10px;
	text-indent: 0.3rem;	
}

.sec2 .wrap {
	padding: 1.5rem;
	padding-top: 2.5rem;
}

.sec2 .wrap p {
	font-size: 1.3rem;
	line-height: 1.6em;
	font-weight: 600;
}

.sec2 .img02 {
    position: absolute;
    left: 50%;
    bottom: -55px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
	width: 140px;
}

@media (min-width: 576px) {
	.sec2 .bg-glay {
		padding-bottom: 170px !important;
	}

	.sec2 h1 {
		font-size: 1.4rem;
	}

	.sec2 .col-12 {
		margin-bottom: 55px;
	}
	
	.sec2 .col-12:nth-last-of-type(-n+2) {
		margin-bottom: 0 !important;
	}	

	.sec2 .wrap p {
		font-size: 1.25rem;
	}

	.sec2 .img02 {
		bottom: -50px;
		width: 160px;
	}
}


@media (min-width: 992px) {
	.sec2 .bg-glay {
		padding-bottom: 200px !important;
	}

	.sec2 h1 {
		font-size: 1.6rem;
	}

	.sec2 .col-12 {
		margin-bottom: 60px;
	}	

	.sec2 .wrap {
		padding: 2rem;
	}
	
	.sec2 .img02 {
		bottom: -60px;
		width: 190px;
	}
}


@media (min-width: 1200px) {
	.sec2 .img02 {
		bottom: -75px;
	}
}




/*///// 吹き出しボックス ////*/
.sec2 .wrap {
  position: relative;
  display: inline-block;
  width: 100%;
  background: #fff;
}

.sec2 .wrap:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 15%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #fff;
}

.sec2 .wrap p {
  margin: 0;
  padding: 0;
}


/*////////////////// セクション3 ////////////////////*/
.sec3 p {
	font-size: 1.3rem;
	font-weight: 600;
	line-height: 1.5em;
	text-align: center;
}

.sec3 h1 {
	text-align: center;
}

.sec3 h1 span {
	color: #1897D2;
}

@media (min-width: 576px) {
	.sec3 p {
		font-size: 1.4rem;
	}

	.sec3 h1 {
		font-size: 1.6rem !important;
	}
}

@media (min-width: 992px) {
	.sec3 p {
		font-size: 1.5rem;
	}

	.sec3 h1 {
		font-size: 1.7rem !important;
	}
}