
/* $color = #40220f */

div{
   background: #fff;
}

article{
   font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
   font-size: 170%;
   font-weight: 800;
   color: #40220f;
   letter-spacing: 3px;
   max-width: 720px;
}

@media screen and (max-width:480px){
   article{
      font-size: 110%;
      width: 100%;
   }
}

article > div{
   margin-top: 50px;
}

figure{
   margin: 0;
}

.headline{
   color: #c9a063;
   text-align: left;
   border-left: 8px solid #c9a063;
   margin: 0 6%;
   white-space: normal;
   font-size: 160%;
}

@media screen and (max-width:480px){
   .headline{
      width: 90%;
      font-size: 130%;
      margin: 0 3%;
      overflow: wrap;
      letter-spacing: 0;
   }
}


.content_2 p{
   text-align: center;
}

@media screen and (max-width:480px){
   .content_2 p{
      font-size: 80% !important;
   }
}

.content_3 figure{
   float: right;
   width: calc(35% + 50px);
}

article > div > div{
   margin: 0 6%;
}

/*
@media screen and (max-width: 480px){
   article > div > div{
      margin: 0 3%;
   }
}
*/

article > div > div p{
   margin: 5% 0;
}

.content_4 figure{
   float: left;
   width: calc(35% + 50px);
}

.content_6 ul{
   list-style-type: decimal;
}

.content_6 li{
   margin: 10px;
}

.content_8 ul{
   list-style-image: url("../images/check.png");
}

.content_8 li{
   margin: 10px 0;
}

.top_return{
   margin: 50px 6%;
}

.top_return a{
   display: flex;
   justify-content: center;
   align-items: center;
   width: 80%;
   height: 80px;
   margin: auto;
   font-size: 150%;
   color: #fff;
   background: #c9a063;
   text-decoration: none;
   border-radius: 10px;
}
