html { font-size: 62.5%; }
.btn a {
    text-decoration:none; 
    color: #fff;
}
.btn a:hover {
    background-color: #FB5F6C;
  }

/* フォント */
p.font1{
    font-size: 1.8rem;
    background-color: #EBA11B;
    text-align: center;
    padding: 1rem 0;
}

p.font2{
    width: auto;
    font-size: 1.5rem;
    margin-left: 1rem;
}
p.font2 img{
    width: 5%;
    margin-left: -0.5rem;
}
p.font3{
    font-size: 1.3rem;
}
p.font3 span{
    color: #FB5F6C;
}
p.font4{
    font-size: 1.2rem;
    margin: 0 1.2rem;
}
p.font5{
    font-size: 1.3rem;
    background-color: #EBA11B;
    text-align: center;
    border-radius: 50px;
    margin: 0 4rem 2rem 4rem;
    padding: 1.5rem!important;
    color: #fff;
}
p.font6{
    font-size: 1.5rem;
    font-weight: bold;
    color: #EBA11B;
    text-align: left;
    margin: 1rem 1rem 0 2rem;
}
p.font7{
    font-size: 1.2rem;
    text-align: left;
    margin-top: -1rem;
    margin-left: 2rem;
    margin-bottom: 1rem;
}
p.font8{
    font-size: 1.3rem;
    background-color: #1E75DF;
    text-align: center;
    color: #fff;
    border-radius: 50px;
    margin: 1.5rem 8rem 0 8rem;
    padding: 1.5rem;
}
p.font9{
    font-size: 2rem;
    background-color: #EBA11B;
    text-align: center;
    color: #fff;
    border-radius: 10px;
    /* margin-top: -4rem; */
    margin-left: 2rem;
    margin-right: 2rem;
    margin-bottom: -1rem;
    padding: 1.5rem;
}


/* TOP画像 */
.topimg{
    width: 100%;
    text-align: center;
}
.topimg img{
    width:50%;
}

/* コンテンツラップ */
.contents_wrap{
    margin: 5rem 1rem 1rem 1rem;
}
.contents_wrap2{
    margin: 5rem 1rem 1rem 1rem;
    background-color: #F0F0F0;
    padding: 1.5rem 0;
}
.contents_wrap3{
    margin: 1rem 1rem;
}

/* 画像と文字 */
.img-container{
    display:flex;
    justify-content:center;
    align-items: center;
    margin: 1rem 0 0 0;
  }
.img-container img{
    width: 35%;
}

.text {
    margin: 0 10px;
}
.img-container2{
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    padding-right: 1rem;
  }
  .img-container2 img{
      width: 23rem;
      margin-top: 2.5rem;
}
.text2 {
    margin: 0 10px;
}


/* ITツール */
.flex_it-box {
    background-color: #fff;     /* 背景色指定 */
    padding:  1rem;  
    display: flex;
    justify-content:space-between;
    flex-wrap: wrap; 
    margin-top: -3rem;
    margin-bottom: -3rem;
}
.flex_it-item img{
    width:80%;
    margin-top: 2rem;
}

.flex_it-item {
    margin: 2em 0;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
    border-radius: 10px;
    border: solid 3px #EBA11B;
    width: 100%;
    text-align: center;
}
.flex_it-item .box-title {
    font-size: 1.5em;
    background: #EBA11B;
    padding: 2rem 3rem 0 3rem;
    text-align: center;
    color: #FFF;
    letter-spacing: 0.05em;
}
.flex_it-item .box-title2 {
    padding-bottom: 2rem;
    font-size: 1em;
    background: #EBA11B;
    text-align: center;
    color: #FFF;
    letter-spacing: 0.05em;
}
.flex_it-item p {
    padding: 0.5rem;
}

.flex_it-item:nth-child(1) {
    flex-basis:  48%;
}
.flex_it-item:nth-child(2) {
    flex-basis:  48%;
}
.flex_it-item:nth-child(3) {
    margin-top: -1.8rem;
    flex-basis:  100%;
}

/* 姿勢の画像 */
.shiseiimg img{
    margin: -8rem 0 0 35rem;
    width: 40%;
}


/* メディアクエリ */
@media screen and (max-width: 767px) {
    p.font1{
    padding: auto;
    font-size: 1.5rem;
    }
    p.font2 img{
        width: 8%;
        margin-left: -0.5rem;
    }
    .img-container{
        display:flex;
        flex-wrap: wrap; 
        justify-content:center;
        align-items: center;
        margin: 1rem 0 0 0;
      }
      .img-container2{
        /* display:flex; */
        flex-wrap: wrap; 
        /* justify-content:center; */
        align-items: center;
        margin: 1rem 0 0 0;
      }
      .img-container2 img{
        width: 40%;
        margin: 0 11rem;
      }
      
    .flex_it-box {
        justify-content:center;
      }
    .flex_it-item{
      }
    .flex_it-item img{
    width:90%;
    }    
  .flex_it-item:nth-child(1) {
    /* margin-top: -1.8rem; */
    flex-basis:  100%;
}
.flex_it-item:nth-child(2) {
    margin-top: -1.8rem;
    flex-basis:  100%;
}
.flex_it-item:nth-child(3) {
    flex-basis:  100%;
}
}