@charset "UTF-8";

main{
    padding-top:65px;
    padding-bottom:30px;
    font-size:16px;
    font-weight:500;
    /*background:url(../img/show/icon-more.svg) center 95% no-repeat;*/
}

    .midashi1 {
        padding:100px 0 80px;
    }
    
    
    .busHeader {
      margin-bottom:80px;
      font-size:18px;
      color:#B73838;
      text-align:center;
    }
      .busHeader p:not(:last-child) {
        margin-bottom:20px;
      }
    
    .content {
        position:relative;
        margin:0 auto;
        padding:50px 0;
        max-width:870px;
        width:100%;
        background:#FFF;
    }
        .content .inner {
            position:relative;
            margin:0 auto;
            width:100%;
        }
    
    
    .content dl {
        display:flex;
        flex-direction: row;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        margin:0 auto 80px;
        max-width:90%;
        width:1200px;
        font-family: "Noto Sans", sans-serif;
        font-weight: 500;
    }
    .content dl:last-child {margin-bottom:0;}
        .content dl:after {
            display: block;
            content:"";
            width: 32%;
        }
        
        .content dt {
          margin-bottom:20px;
          padding-bottom:5px;
          width:100%;
          font-size:20px;
          font-family: "Zen Maru Gothic", serif;
          color:#574D42;
          font-weight:bold;
          text-align:left;
          border-bottom:1px solid #707070;
            
        }
        .content dd {
            position:relative;
            max-width:370px;
            width:32%;
            line-height:1.3;
            text-align:center;
        }
            .content dd .img {
                overflow: hidden;
            }
                .content dd .img img {
                    width:100%;
                    image-rendering:auto;
                    -webkit-backface-visibility: hidden;
                }
                
                
              .content ul {
                  display:flex;
                  flex-direction: row;
                  flex-wrap: wrap;
                  justify-content: space-between;
                  margin:0 auto;
                  width:780px;
              }
                .content ul::after{
                  content:"";
                  display: block;
                  width:32%;
                }
                .content li {
                    width:32%;
                }




@media screen and (max-width:999px) {
    main{
        padding-top:48px;
        padding-bottom:10vw;
        font-size:3.6vw;
        /*background:url(../img/show/icon-more.svg) center 97% no-repeat;
        background-size:104px;*/
    }

        .midashi1 {
            padding:7.7vw 0 8.5vw;
        }
    
    
      .busHeader {
        margin:0 auto 8.5vw;
        width:88%;
        font-size:3.6vw;
        text-align:left;
      }
        .busHeader p:not(:last-child) {
          margin-bottom:2vw;
        }
        
        .content {
            position:relative;
            margin:0 auto;
            padding:10vw 0;
            max-width:1000px;
            width:100%;
            background:#FFF;
        }
            .content .inner {
                position:relative;
                margin:0 auto;
                width:100%;
            }


        .content dl {
            margin-bottom:8vw;
            max-width:90%;
            width:1000px;
        }
            .content dt {
                font-size:4.2vw;
            }
            .content dd {
                margin-bottom:15px;
                max-width:48%;
                width:48%;
            }
                .content dd .img {
                    image-rendering:auto;
                    -webkit-backface-visibility: hidden;
                }
                
                
                .content ul {
                    width:90%;
                }
                  .content ul::after{
                    width:48%;
                  }
                  .content li {
                      width:48%;
                  }
}