@charset "utf-8";

h1.ttl {
    font-size: 2.3em;
     position: relative;
     padding-bottom: 0.3em;
     border-bottom: 8px solid #279eda;
    margin-bottom: 1em;
    font-weight: 600;
}
 
h1.ttl::after {
     position: absolute;
     content: " ";
     border-bottom: solid 8px #ffd900;
     bottom: -8px;
     width:100px;
     display: block;
}
h3.ttl{
    font-size: 2em;
    text-align: center;
    letter-spacing: 5px;
    margin-bottom: 1em;
}
h3.ttl span{
    position: relative;
    display: inline-block;
    padding: 0 0.5em;
}     
h3.ttl span::before, h3.ttl span::after{
    position: absolute;
    top: 50%;
    content: '';
    width: 1.5em;
    height: 1px;
    background-color: black;
}
h3.ttl span::before {left: 100%;}
h3.ttl span::after { right: 100%;}

p.check{
    text-align: left;
    font-size: 2em;
    font-weight: 600;
}
p.check::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f14a";
    font-size:2rem;
    margin-right: 10px;
    color: #279eda;
}


.alignC{
    text-align: center;
}
.mb30{
    margin-bottom: 30px;
}
.mt20{
    margin-top: 20px;
}
.mt70{
    margin-top: 70px;
}
.mt80_nayami{
    margin-top: 80px;
}
.text_em{
    font-size: 1.5em;
    font-weight: 600;
}
a.btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	max-width: 400px;
	height: 60px;
	color: #333;
	font-size: 25px;
	font-weight: 700;
	text-decoration: none;
	transition: 0.3s;
    margin: 0.5em auto 0 auto;
    border-radius: 50px;
    padding: 0 3em 0 2em;
}

a.btn:hover {
	color: #898989;
}
a.btn_contact {
	background-color: #fee100;
	border: 1px solid transparent;
}

a.btn_contact::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 25px;
	transform: translateY(-50%);
	width: 30px;
	height: 1px;
	background-color: #333;
}

a.btn_contact::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background-color: transparent;
	border: 1px solid #333;
	border-radius: 50%;
}

a.btn_contact:hover {
	background-color: #ffec5d;
}

a.btn_contact:hover::before {
	background-color: #898989;
}

a.btn_contact:hover::after {
	border: 1px solid #898989;
}
.marker {background: linear-gradient(transparent 60%, rgba(254,242,0,1.00) 0%);}
    
.bor_b{
    border-bottom: solid 1px #999;
    margin: 5em 0;
}

.sp{
    display: none;
}
.yellow{
    color: #F9BE00;
}
    
@media screen and (max-width: 991px) {
h1.ttl {
    font-size: 1.8em;
     border-bottom: 5px solid #279eda;
}
h1.ttl::after {
     border-bottom: solid 5px #ffd900;
     bottom: -5px;
}
h3.ttl{
    font-size: 1.5em;
    letter-spacing: 0;
    margin-bottom: 1em;
}
p.check{
    font-size: 1.3em;
}
p.check::before{
    font-size:1.3rem;
}
}  
@media screen and (max-width: 768px) {
.btn a {
	font-size: 18px;
}
.text_em{
    font-size: 1em;
}
.bor_b{
    margin: 3em 0;
}
.pc{
    display: none;
    }
.sp{
    display: block;
}
.mt80_nayami{
    margin-top: 0;
}
}