.wrapper {
    font-family: "SF Pro JP","SF Pro Display","SF Pro Icons","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Helvetica Neue","Helvetica","Arial",sans-serif;
}

/* タイトル付　枠（影）2　*/
.kakomi-box1 {
    position: relative;
    padding: 1.2em 0.6em 0.5em 1.2em;
    margin: 1.5em 1em 1.5em 1em;
    color: #555555; /* 文字色 */
    background-color: #fff;
    border: 1px dotted #FEE766; /* 枠線の太さ・色 */
    box-shadow: 0 0 5px 2px #6EDF88 inset;/* 影の色 */
   }

   .title-box1 {
    position: absolute;
    padding: 0.2em .5em;
    left: 20px;
    top: -18px;
    font-size: 1.5rem;
    font-weight: bold;
    background-color:  #fff; /* タイトル背景色 */
    color: #A4CC4F; /* タイトル文字色 */
   }

   .kakomi-box1 ul {
    display: flex;
    flex-wrap: wrap;
 /* border: solid 2px skyblue; */
    border-radius: 5px;
    padding: 0em 1em 0em 0.7em;
    position: relative;
    font-size: 1.4rem;
}

.kakomi-box1 ul li {
  line-height: 1.8em;
  padding: 0.2em 0;
  width: calc(100%/4);
}

.kakomi-box1 a{
    /* color: #E2AF7C; */
   /* color: #C3945C; */
   color: #888888;
   /* color: #002EE6; */
}

.kakomi-box1 a:hover{
   /* color: #FEE766; */
        /* color: #EF6B69; */
    /* color: #438954; */
    color: #A4CC4F;
}

.kakomi-box1 i{
    color: #438954;
    padding-right: 0.2em;
}

.g_form{
    display: flex;
    justify-content: center;
}

.contact_ttl{
    margin: 0em auto 2em auto;
}

.contact_ttl h1{
    font-size: 1.4rem;
    color: white;
    background: #A4CC4F;
    padding: 0.3em 0em 0.3em 1em;
}

.contact_ttl p{
    text-align: justify;
    font-feature-settings : "pkna";
    margin: 1em 1.5em 0 1.5em;
    color: #555555;
}

@media screen and (max-width: 667px) {
.title-box1{
    font-size: 1.3rem;
}

.kakomi-box1 ul {
    padding: 0em 0em 0em 0.7em;
}
.kakomi-box1 ul li {
    width: calc(100%/2);
    font-size: 1rem;
    padding: 0.2em 0em;
    line-height: 2em;
    }

.contact_ttl h1{
	font-size: 1.1rem;
}

}