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

img { -ms-interpolation-mode: bicubic; }

.sp{
display: none;
}

.hamburger-menu{
display: none;
}

header{
background: #82c4d0;
padding: 2% 10%;
}
@media screen and (max-width: 900px) {
header{
background: #82c4d0;
padding: 2% 4%;
}
}
header p{
font-size: 2.0rem;
	line-height: 1.6em;
	text-align: center;
	margin-top: 1.0em;
}
header p>span {
display: inline-block;
}
@media screen and (max-width: 1000px) {
header p{
font-size: 1.8rem;
	line-height: 1.6em;
	text-align: justify;
}
	}

@media screen and (max-width: 800px) {
header p{
font-size: 1.6rem;
	line-height: 1.6em;
}
	}
@media screen and (max-width: 480px) {
header p{
font-size: 1.4rem;
	line-height: 1.6em;
}
	}
@media screen and (max-width: 1000px) {
header p>span {
display: inline;
}
}
.tel2{
	padding: 4px 8px;
	margin: 0 calc(50% - 50vw);
	width: 100vw;
}
.tel{
background: #1D2A81;
text-align: center;
padding: 2% 0;
display: block;
position: sticky;
bottom: 0;
}

.tel:hover{
opacity: 1;
}

.tel img{
width: 80%;
}

.section_01{
padding: 4% 0;
}

.section_01 img{
width: 1000px;
display: block;
margin: 0 auto;
}

.section_02{
background: #97CBD7 url("../../img/lp/ba_01.png") no-repeat bottom;
background-size: 100%;
padding: 0 0 4% 0;
}

.section_02 img{
width: 1000px;
display: block;
margin: 0 auto;
padding-bottom: 3%;
}

.youtube{
margin-bottom: 4%;
}

.youtube {
  width: 90%;
  aspect-ratio: 16 / 9;
	max-width: 1000px;
	margin: auto auto 30px;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}