.about_block {max-width: 1000px; margin: 0 auto; padding-top: 150px; position: relative;}
.about_block .left_block {padding-right: 60px;}
.about_block div{ width: 50%;}
.about_block h3 {font-size: 300%; margin-bottom: 30px; margin-top: 205px;}
.about_block div p {word-break: break-all; font-size: 160%;}
.flex_reverse .left_block{ order: 2; padding-right: 0px; padding-left: 60px;}
.flex_reverse .right_block{ order: 1;}
.illust5 {position: absolute; left: 30%; z-index: 10;}
.illust6 {position: absolute; right: -10%; top: 50%;}
.illust7 {position: absolute; right: 60%; top: 25%;}
.illust8 {position: absolute; left: 60%; top: 10%;}


#shop {position: relative;}
#shop h3 { font-size: 300%; text-align: center; margin-bottom: 30px; padding-top: 150px;}
#shop .flex_block { max-width: 1000px; margin: 40px auto 0 auto; justify-content: space-between; align-items: center;}
#shop .right_block { margin-left: 5%;}
#shop dl { width: 520px; display: flex; font-size: 180%; height: 60px; line-height: 60px; border-bottom: 1px solid #333333;}
#shop dl dt {width: 25%;}
#shop dl dd {width: 70%;}

@media (max-width: 1200px) {
    .about_block { flex-direction: column; padding-top: 80px; align-items: center;}
    .about_block div{ width: 70%;}
    .about_block h3 {margin-top: 40px; margin-bottom: 20px;}
    #shop h3 { padding-top: 80px;}
    .about_block .left_block{ order: 2; padding-right: 0px;}
    .about_block .left_block img{ margin: 0 auto;}
    .about_block .right_block{ order: 1;}
    .flex_reverse .left_block{  padding-left: 0px;}
    .illust5{top: 40%; left:auto; right: 10%; width: 200px;}
    .illust6{ right: 70%; top: 0%; width: 300px;}
    .illust7 { right: 5%; top: 59%;}
    .illust8 {left: 23%; top: 4%;}

    #shop .flex_block {flex-direction: column;}
    #shop .flex_block .left_block {width: 100%;}
    #shop .flex_block .left_block iframe{width: 100%;}
    #shop .flex_block .right_block {width: 100%; margin-left: 0; margin-top: 20px;}
    #shop .flex_block .right_block dl {width: 100%; height: auto; text-align: center; width: 100%; line-height: 24px; padding-top: 20px; padding-bottom: 20px; align-items: center;}
    #shop dl dd {padding-left: 20px;}
  
}

@media (max-width: 415px) {
    .about_block div{ width: 100%;}
    .about_block .left_block{ width: 90%;}
    #shop .img_tit {width: 260px;}
    .illust5 {top: 55%; right: 0%; width: 160px;}
    .illust6 { right: 60%;  top: 3%;  width: 200px;}
    .illust7 { right: 12%; top: 60%; width: 100px;}
    .illust8 { left: 5%; top: 4%; width: 100px;}
}