

.logoheader
{
	text-align: center;
	padding: 3% 8%;
}

@media (max-width: 768px) {

.logoheader
	{
	padding: 4% 2%;
}
	
}



.section-inner
{
/*
padding-left: clamp(16px, 4vw, 20px);
padding-right: clamp(16px, 4vw, 20px);
	*/
padding: 30px 4%;
}


.free-text1
{
		text-align: center;
  font-family: "Hiragino Mincho ProN","Yu Mincho","YuMincho","Noto Serif JP","MS PMincho",serif;
  margin: 30px 0px;
  font-size: 25px;
  line-height: 1.35;
  font-weight: 100;
}

.context1
{
	
}

.toph1bg
	{
		background-color: #EEE;
		width: 100%;
		text-align: center;
	}
	
	
.toph1bg h1
{
	font-size: 14px;
	padding: 10px 20px;
}
	


.subhead
{
background-color: #00a0c6;
width: 100%;
text-align: center;
color: #FFF;
font-size: 26px;  
font-size:1.625rem;
line-height: 1.35;
font-weight: 500;
padding: 30px 20px;
margin: 0px 0px;
font-family: 'Noto Serif JP', serif;
box-sizing: border-box;
}

.subhead2
{
background-color: #00a0c6;
	color: #FFF;
		text-align: center;
	font-size: 1.2rem;
	font-weight: 500;
  line-height: 1.5;
	padding: 15px 20px;
margin-bottom: 20px;	
	box-sizing: border-box;	
}


.subhead h3
{
		width: 100%;
		text-align: center;
	font-size: 1.5rem;
  line-height: 1.5;
	padding: 15px 20px;
	margin: 0px 0px;
font-family: 'Noto Serif JP', serif;
	box-sizing: border-box;	
}

.subhead h3 span
{
	background: linear-gradient(transparent 60%, #ffe66d 60%);
}


.subtest1{
  text-align:center;
font-family: 'Noto Serif JP', serif;
	letter-spacing: .08em;
	font-size: 25px;
}

	
@media (max-width: 768px) {

	
	
}














.bubblebg{
  position: relative;
  width: 92%;
  background: #00a0c6;
  border-radius: 28px;
  padding: 22px 22px 22px;
  text-align: center;
	margin: 0 auto;
	margin-bottom: 40px;
}

.bubblebg::after{
  content:"";
  position:absolute;
  left: 50%;
  bottom: -22px;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 22px solid transparent;
  border-right: 22px solid transparent;
  border-top: 22px solid #00a0c6;
}

.bubblebg__text{
  margin: 0;
  color: #fff;
  font-weight: 500;
  letter-spacing: .04em;
  font-size: 22px;
  line-height: 1.55;
}

.bubblebg__hl{
  background: rgba(255,255,0,.18);
  padding: 0 .2em;
  border-radius: 6px;
}




.graftitle1
{
	text-align: center;
  font-family: "Hiragino Mincho ProN","Yu Mincho","YuMincho","Noto Serif JP","MS PMincho",serif;
  margin-bottom: 20px;
  font-size: 22px;
  line-height: 1.35;
  font-weight: 100;
}


.graftitle2
{
	text-align: center;
  font-family: "Hiragino Mincho ProN","Yu Mincho","YuMincho","Noto Serif JP","MS PMincho",serif;
  font-size: 25px;
  line-height: 1.35;
  font-weight: 500;
}

.graftitle2 span{
  background: linear-gradient(transparent 50%, #FF0 50%);
}







.ctabg
	{
background-color: #00a0c6;
		padding: 10% 5%;
	}

.cta-label {
    padding: 8px 15px;
    font-size: 16px;
    border-radius: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    position: relative;
}
		
.ctabinfo
	{
		text-align: center;
		color: #FFF;
		font-weight:500;
		margin-top: 5px;
		font-size: 1.1rem;
	}

.ctabinfo2
	{
		color: #FFF;
		font-weight:500;
		margin-top: 10px;
		font-size: 1rem;
	}
	
	.ctareco
	{
		text-align: center;
		color: #FFF;
		font-weight:500;
		margin-bottom: 5px;
		font-size: 1.2rem;
	}
.tel-button{
  display:inline-block;
  animation: telPulse 1.4s ease-in-out infinite;
}
	
.ctatitle
	{
		text-align: center;
		color: #00a0c6;
		font-weight:700;
		font-size: 1.1rem;
		background-color: #FFF;
		padding: 15px;
	}

@keyframes telPulse{
  0%, 100%{
    transform: scale(1);
  }
  50%{
    transform: scale(1.06);
  }
}
	
	

.ctafuki{
  position: relative;
  width: 100%;
  background: #fd7c0a;
  border-radius: 28px;
  padding: 15px 15px 15px;
  text-align: center;
	margin: 0 auto;
	margin-bottom: 40px;
}

.ctafuki::after{
  content:"";
  position:absolute;
  left: 50%;
  bottom: -22px;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 22px solid transparent;
  border-right: 22px solid transparent;
  border-top: 22px solid #fd7c0a;
}

.ctafuki__text{
  margin: 0;
  color: #fff;
  font-weight: 500;
  letter-spacing: .04em;
  font-size: 20px;
  line-height: 1.55;
}

.ctafuki__hl{
  background: rgba(255,255,0,.18);
  padding: 0 .2em;
  border-radius: 6px;
}

	
.ctapricebg{
	text-align: center;
	color: #FFF;
	border: 1px solid #FFF;
	padding: 20px;
	font-size: 20px;
	}
	
.ctapricebg .price1{
	background-color: #FFF;
	color: #00a0c6;
	font-size: 18px;
	padding: 10px;
	font-weight: 500;
	margin-bottom: 15px;
	}
	
.ctapricebg .price2{
	font-size: 20px;
	}
	
.ctapricebg .price2 span{
	text-decoration: line-through;
	}
	
.ctapricebg .price3 strong{
color: #FF0;
	font-weight: 500;
	font-size: 40px;
	line-height: 1.5em;
	}
.ctapricebg .price3 small{
	font-size: 13px;
	line-height: 1em;
	}
.ctapricebg .price4{
color: #FF0;
	font-weight: 500;
	font-size: 20px;
	line-height: 1.5em;
	margin-top: 15px;
	}
	

