@charset "UTF-8";
html{
    font-size:10px;
}
body{
font-family: "Zen Kaku Gothic New",sans-serif;
color:#3e341e;
margin:0;
overflow-x:hidden;
font-size: 2.4rem;
line-height: 1.5;
}
ol,ul{
    list-style: none;
}
img{
    max-width: 100%;
}
.m_title{
    font-size: 3rem;
    text-align: center;
    padding-bottom: 50px;
}
.m_title{
    font-size: 3rem;
    text-align: center;
    padding-bottom: 50px;
}
.m_title3{
    font-size: 3rem;
    text-align: center;
}
a{
    text-decoration: none;
}
.sp{
    display:none;
}
.pc{
    display: block;
}
.f_up{
font-size:4rem;
}
section{
margin-bottom: 8rem!important;   
}
.text{
    font-size: 1.8rem;
}
.t950w{
    max-width: 950px;
    margin:0 auto;
}
#trial_3 img{
    max-width: 500px;
    margin: 0 auto;
    display: block;
}
.trial_course ul{
display: flex;
gap:3rem;
}
.trial_course ul li{
    width: 50%;
}
.trial_course .next{
display: block;
text-align: center;
padding: 1rem 0;
}
.trial_course .next img{
   width: 8%;
}
#merrit{
background: #f9f4de;
padding: 5rem 0;
margin-bottom: 0!important;
}

.trial_merrit{
    background: #fff;
    border: #f15a24 solid 3px;
    border-radius: 10px;
    padding: 2rem;
    margin-bottom: 5rem;
}
.trial_merrit h3{
    text-align: center;
    color: #f15a24;
    padding-bottom: 2rem;
}
.trial_merrit ul{
margin: 0 11rem;
}
.trial_img ul{
display: flex;
padding-bottom: 10rem;
}
.nagare img{
width: 85%;
display: block;
margin: 0 auto;
}
.trial_course .detail ul{
display: flex;
}
.trial_course .detail{
    background: #fff;
    border: solid 3px #00993e;
    border-radius: 5px;
    padding: 5rem;
}
.detail h2{
    background: #00993e;
    padding:0;
color:#fff;
margin-bottom: 5rem;
}

@media screen and (max-width: 640px){
body{
font-size: 2rem;
margin: 0 auto;
line-height: 1.5;
}
.pc{
    display: none !important;
}
.sp{
    display: block;
}

.inner{
    max-width: 340px;
    margin: 0 auto;
}
.text{
    font-size:1.4rem;
}
.m_title,.m_title3{
    font-size: 2rem;
    padding-bottom: 30px;
}
#trial_3 img{
    max-width: 310px;
}
.trial_course ul{
        flex-direction: column;
    align-items: center;
    gap: 1rem;
}
.trial_course img{
    border-radius: 20px;
}
.trial_course ul li{
    width: 100%;   
}
.trial_course h3{
    font-size: 1.8rem;
}
section{
    margin-bottom: 5rem!important;
}
#merrit{
    padding: 1rem 0;
}
.trial_merrit ul{
    margin: 0;
}
.trial_merrit{
margin: 3rem;
}
.trial_img ul{
    padding-bottom: 3rem;
}
.trial_course .detail{
    padding: 1rem;
}
.detail h2{
    margin-bottom: 2rem;
}
.trial_course .detail ul{
    padding-bottom: 3rem;
}
}