@charset "UTF-8";

html {
  font-size:62.5%;
}

html,body{
  margin: 0;

}

body{
  font-family: "Sawarabi Gothic";
  font-size:1.6rem;
  color:#3a3a3a;
  background: url(../image/m3.png) top left repeat;
}

a,
a:visited {
  text-decoration:none;
/*  color:#009b3c;*/
color:#078b3a;
}

a:hover {
  color:#53b578;
}

.wrap {
    width:min(70vw,1280px);
    margin:8rem auto;
}

h1 {
  border-bottom:1px solid #c3c3c3;
  padding-bottom:0.5em;
  font-weight:400;
/*  font-family: "Sawarabi Mincho";;*/
}

.container {
  display: flex;
  justify-content: space-around;
/*  align-items: center;*/
  gap:8rem;
  font-size:1.6rem;
  line-height: 1.6;
}

a.fmlk {
  display:inline-block;
    background: #54c57a;
    padding: 10px 25px;
    color: #060606;
    border:2px solid #126c1c;
}
a.fmlk:hover {
    background: #5edd89;
}

p.sm {
  font-size:1.4rem;
}

.mb{
  margin-bottom:2.6rem;
}



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

.wrap {
    width:90%;
    margin:8rem auto;
}

img {
  max-width:100%;
  height:auto;
}

h1 {
  font-size: 2.6rem;
}

.container {
  gap:6rem;
}



}

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

.container {
  flex-direction:column;
  align-items: center;
}

h1 {
  font-size: 2.2rem;
}
}