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

.pc {
display: block;
}

.sp {
display: none;
}

.in-small {
    font-size: 18px;
    font-weight: var(--medium);
    font-family: var(--font-min);
    line-height: 1.77;
    margin-top: 30px;
}

.in-small p span {
text-decoration: none;
}

main.lp-wrap {
background: #000;
color: #fff;
}

.lp-introduction-wrap {
background: #000;
color: #fff;
}

.introduction {
font-size: 20px;
line-height: 2.2;
}

#ffr .introduction p {
line-height: 2.2;
}

.introduction h2 {
margin-bottom: 30px;
font-size: 24px;
line-height: 1.8;
letter-spacing:-0.02em;
}

#ffr h3 {
font-size: 40px;
text-align: center;
}

#ffr p {
line-height: 2.0;
}

.flexF {
    display: flex;
    justify-content: space-between;
}

.flexR {
flex-direction: row-reverse;
}

p.pic {
width: 38%;
}

p.pic img {
width:100%;
}

div.txt  {
width: 56%;
margin-top:16px;
}

ul.in_common {
padding-left: 1em;
margin: 24px 0;
}

ul.in_common li {
text-indent: -1em;
margin-bottom: 14px;
line-height: 1.6;
}

#information {
color: #000;
}

.fontM {
font-size: 22px;
margin-bottom:30px;
text-decoration: none!important;
line-height: 1.6!important;
}

.fontL {
font-size: 28px!important;
text-decoration: none!important;
line-height: 3.0!important;
}

.mb80{
margin-bottom: 80px;
}

.mb180{
margin-bottom:180px;
}


.colG {
color:#e4a80e;
text-decoration: none;
font-size: 28px!important;
}

hr.lineG {
margin-bottom: 30px;
border-top: 1px solid #e4a80e;
}

.footer {
margin-top:0;
}

.moreBtn:hover {
  background: var(--color-white);
  color: var(--color-gray55);
  opacity:0.8;
}

.moreBtn:hover::after {
  filter: none;
}

.lp-introduction-wrap p {
    text-align: left;
}

@media screen and (max-width: 749px) {
.wrapper {
padding: 30px 20px;
}
    
#ffr .introduction p {
line-height: 1.6;
font-size: 16px;
}

.introduction h2 {
margin-bottom: 30px;
font-size: 18px;
line-height: 1.6;
}

#ffr h3 {
    font-size: 26px;
    text-align:left;
}

.flexF {
display: block;
}

p.pic {
width: 100%;
}

p.pic img {
width:90%;

margin: 0 auto;
}

div.txt  {
width:100%;
margin-top:;
}


#ffr p {
font-size: 16px;
line-height: 1.6;
}

.fontM {
font-size: 18px!important;
margin-bottom:30px;
text-decoration: none!important;
line-height: 1.4!important;
}

.fontL {
font-size: 24px!important;
text-decoration: none!important;
line-height: 2.0!important;
}

.colG {
font-size: 24px!important;
}

ul.in_common li {
font-size: 16px;
}
.mb180{
margin-bottom:90px;
}

.moreBtn span {
font-size: 14px;
}

}