.container {
     font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
     font-size: 14px;
     width: 100%;
     max-width: 1200px;
     margin: auto;
     background-color: #ffffff;
 }
 .container img {
     width: 100%;
 }
 .text-center {
     text-align: center;
 }
 .text-left {
     text-align: left;
 }
.text-black {
     color: #000000;
 }
 .flexbox {
     display: flex;
     align-items: flex-start;
 }
 .box1 {
     width: 15%;
 }
 .box2 {
     width: 40%;
 }
 .box3 {
     width: 30%;
     margin: auto .5rem;
 }
 .box4 {
     width: 15%;
 }
 @media screen and (max-width: 767px) {
     .flexbox {
         display: block;
     }
     .flexbox .box1 {
         width: 100%;
         margin: 0 auto;
     }
     .flexbox .box2 {
         width: 70%;
         margin: 0 auto;
     }
     .flexbox .box3 {
         width: 70%;
         margin: 0 auto;
     }
     .flexbox .box4 {
         width: 100%;
         margin: 0 auto;
     }
 }