/* $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-spacing9: 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%;
   padding-left: 1.4%;
}

@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;
   font-size: 120%;
}

.content_2 figure {
   margin: 20px 0 0 0;
}

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

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

.content_3 p {
   margin: 20px 0;
}

.content_3 figure {
   margin: 20px 0;
}

.content_4 p {
   margin: 20px 0;
}

.content_4 figure {
   margin: 20px 5%;
}

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;
}

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

.content_4 figure{
   float: left;
   width: calc(30% + 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;
}

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

.content_5 p {
   margin: 20px 0;
}

.content_6 p {
   margin: 20px 0;
}

.content_6 figure {
   margin: 20px 0 0 0;
}

.content_7 p {
   margin: 20px 0;
}

.content_8 p {
   margin: 20px 0;
}

.content_8 figure {
   margin: 20px 0px;
}

.content_9 p {
   margin: 20px 0;
}

.content_10 p {
   margin: 20px 0;
}

.content_11 p {
   margin: 20px 0;
}

.content_11 figure {
   margin: 20px 20px 20px 0px;
}

#helmet {
   margin: 0px;
}

.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;
}

.flex {
   display: flex;
}

.flex_content {
   width: 50%;
}

h3 {
   font-size: 25px;
}

h4 {
   text-decoration: underline;
}

@media screen and (max-width:480px) {

   .flex {
      display: block;
   }

   .flex_content {
      width: 100%;
   }
   
   .flex_content img {
      margin: 0 auto;
      width: 75%;
   }
   
   h3{
      font-size: 18px;
   }
}