@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_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;
}
.bg_yellow{
    background: #ffd53e;
}

.inner{
    max-width: 950px;
    margin: 0 auto;
}
.mv{
    margin-bottom: 0!important;
}
h3{
	font-size:2.4rem;
}
#sec1{
padding-top: 5rem;
max-width:950px;
margin: 0 auto;
}
#sec1 .pc_s1 {
display: flex;
justify-content:center;
gap:30px;
}

#sec1 .pc_s1 img{
    max-width: 200px;
}

#sec2{
max-width:950px;
margin: 0 auto;
}
/*吹き出し*/
.sec3title_bg_green .m_title3bg{
  position: relative;
  background: #00993e;
  padding: 1.5rem;
}
.sec3title_bg_green .m_title3bg:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: -18px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #00993e transparent transparent transparent;
  border-width: 20px 20px 0 20px;
}

.m_title3{
    color:#fff;
    padding: 0!important;
}

.sec3_1{
background: #eee7d2;
max-width:1080px;
margin: 3rem auto;
padding: 5rem;
border-radius: 30px;
}
#sec3 .sec3_p1{
	font-size:2.4rem;
    padding-top: 3%;
    line-height: 2;
text-align: center;
font-weight: bold;
}
#sec3 .sec3_p1 .bg_white{
background: #fff;
}
#sec3 .detail_img{
padding: 30px 0;
}
#sec3{
background:#f9f4de;
padding-top: 3rem;
}

.next{
    display: block;
    margin:5rem auto 0;
    max-width: 9rem;
}

.sec3_2_inner ul{
display: flex;
gap: 3rem;
align-items: center;
}
.sec3_2_inner{
padding: 8rem 0;
}
.sec3_2_inner h3{
    padding-bottom: 20px;
}
#sec4 .shourei{
padding: 8rem 0;
}
#sec4 .shourei ul{
  display: inline-grid;
  gap:20px;
  grid-template-columns: repeat(2, auto);
}
#sec4 .text{
    text-align: center;
}
.ylw{
background:linear-gradient(transparent 60%, #ff6 60%);
}
#sec5 h3{
    text-align: center;
    padding-bottom: 5%;
    font-size: 2.8rem;
}
.sec5_bg{
background:#f3f8e3;
}

.sec5_inner .detail1_inner{
    padding: 5rem;
    background: #fff;
    border-radius:30px;
    
} 
.sec5_inner .detail1{
    display: flex;
    gap: 2rem;
    flex-direction: column;
    padding: 5rem 0;
}
.sec5_inner .detail2 ol{
    display: flex;
    gap: .5rem;
    flex-direction: column;
    font-size:1.8rem;
}
.sec5_inner .detail2{
    border: #3e341e 1px solid;
    padding: 1rem;
    margin-bottom: 1rem;
    border-radius: 10px;
}
.sec5_inner .text{
padding-bottom: 1rem;
}

.sec5_mtitle .ss_medal{
max-width: 20%;
display: block;
margin: 1rem auto;
}
#sec5 .sec5_mtitle{
color: #fff;
background:#00993e;
}
#sec5 .m_title{
    padding-top: 1rem;
    padding-bottom: 2rem;
}
.sec501_img{
padding:5rem 3rem 0 3rem;
}
.sec502_img {
display: flex;
flex-direction: row;
}
#sec5{
   margin-bottom: 0!important;
}
#sec5 .introduce{
padding-top: 5rem;
}
#sec5 .introduce ul{
display: flex;
justify-content: center;
gap: 2rem;
align-items: center;
}
#sec5 .introduce img{
    max-width: 350px;
}
#sec5 h4{
    font-size:3rem;
    padding-bottom: 1rem;
}
#sec5 .hatsumouginoushi{
font-size: 1.8rem;
}
#sec5 .introduce .column{
text-align:left!important; 
}
#trial{
background: #00993e;
text-align: center;
color: #fff;
padding:5rem 0;
}
#trial h2{
    padding-bottom:3rem;
}
.inner .trial_inner1{
    display: flex;
    justify-content: center;
    gap: 2rem;
    align-items: center;
}
.inner .trial_inner1 li{
    width: 50%;
}
.trial_inner1_detail{
text-align:left!important; 
}
.trial_inner1_detail p{
    padding-bottom: 1rem;
}
.font_ylw{
    color:#ffd53e;
}
.btn:hover{
    opacity: 80%;
}
#trial .trial_inner1 .btn{
background: #fff;
color:#3e341e;
display: inline-block;
padding: .5rem 6rem;
border-radius: 20px;
}
#trial .btn a{
color:#3e341e;
font-size: 2rem;
display: block;
}
.trialoffer{
background: #fff;
color: #3e341e;
padding: 5rem 0;
border-radius: 20px;
}
.trialoffer ul{
    display: flex;
    justify-content: center;
    gap: 5rem;
    padding: 5rem 0;
}
.trialoffer .sub1{
    font-size: 2rem;
    position: relative;
}
.sub1:before,
.sub1:after{
  content: "";
  display: inline-block; /* ←これが必要！ */
  width: 2px;
  height: 2em;
  background: #3e341e; /* 線の色 */
  margin: 0 0.8em;
  vertical-align: middle;
}
.trialoffer .sub1::before {
  transform: rotate(-20deg); /* ←反転（左上がり→右上がり） */
}

.trialoffer .sub1::after {
  transform: rotate(20deg); /* ←元の角度 */
}
.trialoffer .btn{
padding: 2rem 4rem;
border-radius: 50px;
}
.web_offer span{
display: block;
}
.web_offer .btn{
background: #ffd53e;
}
.line_offer .btn{
background: #00ff00;
}
.line_offer span{
display: block;
}
#trial h2{
    font-size: 3rem;
}
#trial h3{
    color: #00993e;
    font-size: 4rem;
}
.tel_offer .number{
    font-size: 5rem;
    color: #3e341e;
    font-size: bold;
}
#trial .trial_tsuyomi{
padding: 5rem;
max-width: 650px;
margin:0 auto;   
}

#access{
    max-width: 950px;
    margin:0 auto;
}
#access ul{
display: flex;
justify-content: center;
gap:3rem;
}


@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;
}
.text{
    font-size:1.4rem;
}
.m_title,.m_title3{
    font-size: 2rem;
    padding-bottom: 30px;
}
#sec1 .sp_s1 {
display: flex;
gap:10px;
flex-direction: column;
margin:0 auto;
max-width: 80%;
}

#sec2 .sp_scroll{
width: 100%;
overflow-x: scroll;
}
.scroll {
max-width: 145%;
}
.sec3title_bg_green .m_title3bg{
position: relative;
background: #00993e;
padding: 1.5rem;
}
#sec3{
    padding-top: 1rem;
}
#sec3 .sec3_p1{
    text-align: left;
    padding-top: 30px;
    line-height: 1.8;
    font-size: 1.8rem;
}
.sec3_1{
max-width: 360px;
padding: 2rem;
margin:0 1rem;
}
#sec3 .detail_img{
padding: 20px 0;
}
.sec3title_bg_green .m_title3bg{
padding-top: 10px;
}
.sec3_2_inner{
    max-width: 360px;
    padding: 3rem 0;
}
.sec3_2_inner ul{
flex-direction: column;
}
.next{
max-width: 20%;
margin-top: 2rem;
}
.genin{
    width: 80%;
    margin: 0 auto;
    display: block;
}
.f_up{
font-size:3rem;
}
#sec4 .shourei{
padding: 5rem 0;
}
#sec4 .shourei ul{
display: flex;
flex-direction: column;
}
.sec5_mtitle .ss_medal{
max-width: 50%;
}
.sec5_inner .detail1_inner{
padding: 2rem;
border-radius: 10px;
}
#sec5 h3{
    font-size:2.3rem;
}
.sec501_img{
    padding: 1rem;
}
#sec5 .introduce ul{
flex-direction: column;
}
#sec5 .introduce img{
max-width: 100%;
}
#sec5 h4{
    font-size:2.8rem;
}
#trial .inner .trial_inner1 {
flex-direction: column;
}
.inner .trial_inner1 li{
width: 100%!important;
}
#trial .trial_inner1 .btn{
    margin: 0 auto;
    text-align: center;
    display: block!important;
}
.trialoffer ul{
    flex-direction: column;
    gap:3rem;
    margin: 0 1rem;
    padding: 3rem 0;
}
#trial h2{
    font-size: 2.5rem;
}
#trial h3{
    font-size:2.5rem;
}
.tel_offer .number{
    font-style: 4rem;
}
#trial .sub1{
    font-size:1.5rem;
    padding-bottom: .75rem;
}
#trial .trial_tsuyomi{
padding: 2rem 0;   
}
#trial .btn a{
font-size: 1.8rem!important;
}
.trialoffer .sub1 {
  font-size: 2rem;
  position: relative;
  display: inline-block;
  line-height: 1.8;
}
.trialoffer .btn{
    padding: 1rem 4rem;
}
.trialoffer .sub1::before,
.trialoffer .sub1::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 3em; /* 斜線の長さ */
  background: #4c3a2e; /* 色 */
  transform-origin: bottom center;
  margin: 1rem;
}

.trialoffer .sub1::before {
  left: -1.5em;
  bottom: 0; /* ←下端に固定 */
  transform: rotate(-20deg);
}

.trialoffer .sub1::after {
  right: -1.5em;
  bottom: 0; /* ←こちらも下端に固定 */
  transform: rotate(20deg);
}
#access ul{
flex-direction: column-reverse;
align-items: center;
}
#access ul li{
    margin: 0 auto;
    text-align: center;
}
}

@media screen and (max-width: 375px){
}