/*rotateY */
* {
  margin: 0;
  padding: 0;
  font-family: tahoma; }

#container header {
  display: grid;
  height: 50px;
  background-color: #a81911;
  grid-template-columns: 100%; }
  #container header #header_btn_wrapper {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    backbround-color: green; }
    #container header #header_btn_wrapper a {
      color: #f2f2f2;
      text-align: center;
      text-decoration: none;
      font-size: 22px;
      line-height: 2; }
      #container header #header_btn_wrapper a:hover {
        background-color: #ddd;
        color: black; }
    #container header #header_btn_wrapper .active {
      background-color: green;
      color: white; }
#container #section1 {
  display: grid;
  position: relative;
  grid-template-rows: auto auto 80px;
  background-color: #b5312a; }
  #container #section1 #inside_section1 {
    max-width: 1200px;
    margin: 0 auto; }
    #container #section1 #inside_section1 #section_top {
      display: grid;
      grid-template-columns: 100%;
      background-color: #b5312a;
      color: white; }
      #container #section1 #inside_section1 #section_top h1 {
        text-align: center;
        padding: 40px 0;
        font-size: 43px; }
    #container #section1 #inside_section1 #section_bottom {
      display: grid;
      grid-template-columns: 50% 50%; }
      #container #section1 #inside_section1 #section_bottom #section1_left {
        padding: 0 40px;
        font-size: 20px;
        color: white; }
      #container #section1 #inside_section1 #section_bottom #section1_right img {
        width: 80%;
        height: 80%;
        border-radius: 10%;
        display: block;
        margin-left: auto;
        margin-right: auto; }
    #container #section1 #inside_section1 #section_btn_btn {
      display: grid;
      width: 50%;
      background-color: purple;
      margin-left: auto;
      margin-right: auto; }
      #container #section1 #inside_section1 #section_btn_btn #section1_left_btn1 {
        text-align: center;
        text-decoration: none;
        color: black;
        font-size: 30px;
        background-color: white;
        padding: 15px 15px;
        transition: all 200ms ease-in-out; }
        #container #section1 #inside_section1 #section_btn_btn #section1_left_btn1:hover {
          background-color: #383e8a;
          color: white; }
      #container #section1 #inside_section1 #section_btn_btn #section1_left_btn2 {
        width: 60%;
        margin: 0 auto;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, 0%);
        text-align: center;
        text-decoration: none;
        color: black;
        font-size: 30px;
        background-color: white;
        padding: 15px 5px;
        transition: all 200ms ease-in-out;
        margin-bottom: 20px; }
        #container #section1 #inside_section1 #section_btn_btn #section1_left_btn2:hover {
          background-color: #383e8a;
          color: white; }
    #container #section1 #inside_section1 #overflow {
      position: absolute;
      top: 0%;
      right: 100%;
      width: 100%;
      height: 100%;
      background-color: rgba(166, 42, 42, 0.9);
      z-index: 1;
      opacity: 1;
      pointer-events: none;
      transition: all 250ms ease-in-out; }
      #container #section1 #inside_section1 #overflow #overflow_btn_wrapper {
        position: absolute;
        bottom: 0%;
        width: 100%;
        height: 50px;
        background-color: green;
        color: white; }
      #container #section1 #inside_section1 #overflow #overflow_btn {
        position: absolute;
        right: 0%;
        width: 10%;
        height: 100%;
        background-color: yellow;
        border: 0;
        cursor: pointer;
        font-size: 30px;
        transition: all 200ms ease-in-out; }
        #container #section1 #inside_section1 #overflow #overflow_btn:hover {
          background-color: white;
          color: black; }
#container #section2 {
  display: grid;
  grid-template-rows: auto auto auto auto;
  background-color: #ebebeb; }
  #container #section2 #inside_section2 {
    max-width: 1200px;
    margin: 0 auto; }
    #container #section2 #inside_section2 #main_img {
      display: block;
      margin: 30px auto 30px auto; }
    #container #section2 #inside_section2 #section2_1st {
      text-align: center;
      padding: 10px 0 10px 0;
      font-size: 32px; }
    #container #section2 #inside_section2 #section2_2nd {
      width: 88%;
      margin-left: auto;
      margin-right: auto;
      margin-top: 45px;
      margin-bottom: 45px; }
      #container #section2 #inside_section2 #section2_2nd ul {
        font-size: 24px; }
#container #section3 {
  display: grid;
  grid-template-columns: 100%;
  background-color: #d23872; }
  #container #section3 #inside_section3 {
    max-width: 1200px;
    margin: 0 auto; }
    #container #section3 #inside_section3 #section3_1st {
      text-align: center;
      padding: 40px 0;
      color: white;
      font-family: arial;
      font-size: 37px; }
    #container #section3 #inside_section3 #section3_2nd {
      width: 20%;
      text-align: center;
      padding: 15px;
      text-decoration: none;
      background-color: white;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 40px;
      font-size: 30px;
      transition: all 200ms ease-in-out;
      color: black; }
      #container #section3 #inside_section3 #section3_2nd:hover {
        background-color: #383e8a;
        color: white; }
#container #section4 {
  display: grid;
  grid-template-rows: auto auto auto auto;
  background-color: #ebebeb; }
  #container #section4 #main_img {
    display: block;
    margin: 50px auto 50px auto; }
  #container #section4 #section4_2nd {
    width: 88%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 45px; }
    #container #section4 #section4_2nd #sec4_block {
      display: grid;
      grid-template-rows: auto auto;
      background-color: white; }
      #container #section4 #section4_2nd #sec4_block #section4_1st {
        text-align: center;
        padding: 30px 0 10px 0;
        font-size: 32px; }
      #container #section4 #section4_2nd #sec4_block #sec4_text_wrapper {
        display: grid;
        grid-template-columns: 40% 60%; }
        #container #section4 #section4_2nd #sec4_block #sec4_text_wrapper #sec4_img {
          padding: 20px; }
          #container #section4 #section4_2nd #sec4_block #sec4_text_wrapper #sec4_img img {
            width: 80%;
            height: 100%;
            margin: 0 auto;
            display: block; }
        #container #section4 #section4_2nd #sec4_block #sec4_text_wrapper #sec4_text {
          padding: 20px; }
#container #section5 {
  display: grid;
  grid-template-rows: auto auto;
  background-color: #ebebeb;
  padding: 50px 0; }
  #container #section5 #inside_section5 {
    max-width: 1200px;
    margin: 0 auto; }
    #container #section5 #inside_section5 h1 {
      text-align: center;
      padding: 40px 0; }
    #container #section5 #inside_section5 #sec5_img_area {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      padding: 0 15px;
      grid-gap: 20px; }
      #container #section5 #inside_section5 #sec5_img_area .sec5_img_area_1 {
        display: grid;
        grid-template-rows: 65% 35%;
        background-color: white;
        transition: all 200ms ease-in-out;
        transform: scale(1);
        grid-gab: 1em; }
        #container #section5 #inside_section5 #sec5_img_area .sec5_img_area_1:hover {
          transform: scale(0.9); }
          #container #section5 #inside_section5 #sec5_img_area .sec5_img_area_1:hover #overflow_sec5_img_area_1 {
            top: 0%;
            opacity: 1; }
        #container #section5 #inside_section5 #sec5_img_area .sec5_img_area_1 #overflow_sec5_img_area_1 {
          position: absolute;
          top: -100%;
          right: 0%;
          width: 100%;
          height: 100%;
          background-color: rgba(0, 0, 0, 0.7);
          z-index: 1;
          opacity: 0;
          pointer-events: none;
          transition: all 300ms ease-in-out; }
        #container #section5 #inside_section5 #sec5_img_area .sec5_img_area_1 #sec5_img_wrapper {
          padding: 40px 40px 0 40px; }
          #container #section5 #inside_section5 #sec5_img_area .sec5_img_area_1 #sec5_img_wrapper img {
            display: block;
            width: 95%;
            height: 80%;
            margin-left: auto;
            margin-right: auto; }
        #container #section5 #inside_section5 #sec5_img_area .sec5_img_area_1 #sec5_text_area {
          padding: 0 40px 0 40px;
          font-size: 25px;
          text-align: center; }
#container #section6 {
  background-color: white;
  padding: 50px 0; }
  #container #section6 #inside_section6 {
    display: grid;
    grid-template-columns: 35% 65%;
    max-width: 1200px;
    margin: 0 auto; }
    #container #section6 #inside_section6 #sec6_1st {
      padding: 30px 10px 30px 40px; }
      #container #section6 #inside_section6 #sec6_1st img {
        width: 100%;
        height: 100%; }
    #container #section6 #inside_section6 #sec6_2nd {
      padding: 30px 10px; }
      #container #section6 #inside_section6 #sec6_2nd h1 {
        margin-bottom: 30px; }
      #container #section6 #inside_section6 #sec6_2nd #sec6_2nd_text {
        font-size: 19px; }
#container #section7 {
  background-color: #ebebeb;
  padding: 50px 0; }
  #container #section7 #inside_section7 {
    display: grid;
    grid-template-columns: 65% 35%;
    max-width: 1200px;
    margin: 0 auto; }
  #container #section7 #sec7_1st {
    padding: 30px 35px; }
    #container #section7 #sec7_1st h1 {
      margin-bottom: 30px; }
    #container #section7 #sec7_1st #sec7_1st_text {
      font-size: 19px; }
  #container #section7 #sec7_2nd {
    padding: 30px 30px; }
    #container #section7 #sec7_2nd img {
      width: 100%;
      height: 100%; }
#container #section8 {
  background-color: #d23872;
  padding: 80px 30px;
  color: white; }
  #container #section8 #inside_section8 {
    max-width: 1200px;
    margin: 0 auto; }
    #container #section8 #inside_section8 h1 {
      margin-bottom: 20px;
      font-size: 37px; }
    #container #section8 #inside_section8 #sec8_text {
      font-size: 19px; }
#container #section9 {
  background-color: white;
  padding: 50px 0; }
  #container #section9 #inside_section9 {
    display: grid;
    grid-template-columns: 35% 65%;
    max-width: 1200px;
    margin: 0 auto; }
    #container #section9 #inside_section9 #sec9_1st {
      padding: 30px 10px 30px 40px; }
      #container #section9 #inside_section9 #sec9_1st img {
        width: 100%;
        height: 100%; }
    #container #section9 #inside_section9 #sec9_2nd {
      padding: 30px 10px; }
      #container #section9 #inside_section9 #sec9_2nd h1 {
        margin-bottom: 30px; }
      #container #section9 #inside_section9 #sec9_2nd #sec9_2nd_text {
        font-size: 19px; }
#container #section10 {
  background-color: #ebebeb;
  padding: 50px 0;
  color: black; }
  #container #section10 #inside_section10 {
    display: grid;
    grid-template-columns: 65% 35%;
    max-width: 1200px;
    margin: 0 auto; }
    #container #section10 #inside_section10 #sec10_1st {
      padding: 30px 35px; }
      #container #section10 #inside_section10 #sec10_1st h1 {
        margin-bottom: 30px; }
      #container #section10 #inside_section10 #sec10_1st #sec10_1st_text {
        font-size: 19px; }
    #container #section10 #inside_section10 #sec10_2nd {
      padding: 30px 30px; }
      #container #section10 #inside_section10 #sec10_2nd img {
        width: 100%;
        height: 100%; }
#container #section11 {
  display: grid;
  grid-template-rows: auto auto;
  background-color: white;
  padding: 50px;
  color: black; }
  #container #section11 #inside_section11 {
    max-width: 1200px;
    margin: 0 auto; }
    #container #section11 #inside_section11 h1 {
      padding: 20px 0 40px 0;
      text-align: center; }
    #container #section11 #inside_section11 #section11_blocks {
      display: grid;
      grid-template-rows: repeat(2, 250px);
      grid-template-columns: repeat(4, 1fr);
      grid-gap: 30px 1em; }
    #container #section11 #inside_section11 .sec11_1st {
      display: grid;
      grid-template-rows: 70% 30%;
      padding: 20px 25px;
      transition: all 200ms ease-in-out;
      transform: scale(1);
      background-color: #f3f3f3; }
      #container #section11 #inside_section11 .sec11_1st:hover {
        background-color: #d9d9d9;
        transform: scale(0.9); }
      #container #section11 #inside_section11 .sec11_1st .sec11_1st_img img {
        width: 65%;
        height: 80%;
        margin: 0 auto;
        display: block; }
      #container #section11 #inside_section11 .sec11_1st .sec11_1st_text {
        text-align: center;
        padding-top: 15px; }
#container #section12 {
  background-color: #ebebeb;
  padding: 50px 0; }
  #container #section12 #inside_section12 {
    display: grid;
    grid-template-columns: 45% 55%;
    max-width: 1200px;
    margin: 0 auto; }
    #container #section12 #inside_section12 .sec12_left img {
      width: 80%;
      display: block;
      margin-left: auto;
      margin-right: auto; }
    #container #section12 #inside_section12 .sec12_right {
      padding: 0 40px 0 20px; }
      #container #section12 #inside_section12 .sec12_right h1 {
        font-size: 35px;
        margin-bottom: 40px;
        color: #092a95; }
      #container #section12 #inside_section12 .sec12_right h2 {
        margin-bottom: 40px; }
      #container #section12 #inside_section12 .sec12_right a {
        display: block;
        text-decoration: none;
        background-color: #d23872;
        color: white;
        padding: 20px;
        text-align: center;
        font-size: 30px; }
#container .sec_price {
  background-color: white;
  padding: 60px 50px; }
  #container .sec_price #inside_sec_price_store {
    display: grid;
    grid-template-rows: auto auto;
    max-width: 1200px;
    margin: 0 auto; }
    #container .sec_price #inside_sec_price_store .sec_price_top {
      padding: 20px; }
      #container .sec_price #inside_sec_price_store .sec_price_top h1 {
        text-align: center;
        font-size: 37px; }
    #container .sec_price #inside_sec_price_store .sec_price_bottom {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-gap: 2em; }
      #container .sec_price #inside_sec_price_store .sec_price_bottom .sec_price_sub {
        display: grid;
        grid-template-rows: 120px auto;
        background-color: #ebebeb;
        transition: all 190ms ease-in-out;
        transform: scale(1);
        border-radius: 20px; }
        #container .sec_price #inside_sec_price_store .sec_price_bottom .sec_price_sub:hover {
          box-shadow: 0 0 33px #797979; }
        #container .sec_price #inside_sec_price_store .sec_price_bottom .sec_price_sub .sec_price_sub_top {
          text-align: center;
          align-content: center;
          background-color: #d23872;
          color: white;
          border-radius: 20px 20px 0 0; }
        #container .sec_price #inside_sec_price_store .sec_price_bottom .sec_price_sub .sec_price_sub_bottom select {
          width: 80%;
          display: block;
          margin-left: auto;
          margin-right: auto;
          margin-top: 20px;
          font-size: 18px;
          padding: 4px; }
        #container .sec_price #inside_sec_price_store .sec_price_bottom .sec_price_sub .sec_price_sub_bottom .features {
          text-align: center;
          font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; }
          #container .sec_price #inside_sec_price_store .sec_price_bottom .sec_price_sub .sec_price_sub_bottom .features p {
            padding: 5px; }
        #container .sec_price #inside_sec_price_store .sec_price_bottom .sec_price_sub .sec_price_sub_bottom a {
          width: 60%;
          display: block;
          margin-left: auto;
          margin-right: auto;
          margin-top: 20px;
          margin-bottom: 20px;
          background-color: white;
          color: black;
          padding: 12px 20px;
          text-align: center;
          text-decoration: none;
          font-size: 23px;
          transition: all 190ms ease-in-out;
          transform: scale(1); }
          #container .sec_price #inside_sec_price_store .sec_price_bottom .sec_price_sub .sec_price_sub_bottom a:hover {
            background-color: #d23872;
            color: white; }
  #container .sec_price #inside_sec_price_transportation {
    display: grid;
    grid-template-rows: auto auto;
    max-width: 1200px;
    margin: 0 auto; }
    #container .sec_price #inside_sec_price_transportation .sec_price_top {
      padding: 20px; }
      #container .sec_price #inside_sec_price_transportation .sec_price_top h1 {
        text-align: center;
        font-size: 37px; }
    #container .sec_price #inside_sec_price_transportation .sec_price_bottom {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-gap: 2em; }
      #container .sec_price #inside_sec_price_transportation .sec_price_bottom .sec_price_sub {
        display: grid;
        grid-template-rows: 120px auto;
        background-color: #ebebeb;
        transition: all 190ms ease-in-out;
        transform: scale(1); }
        #container .sec_price #inside_sec_price_transportation .sec_price_bottom .sec_price_sub:hover {
          box-shadow: 0 0 33px #797979; }
        #container .sec_price #inside_sec_price_transportation .sec_price_bottom .sec_price_sub .sec_price_sub_top {
          text-align: center;
          align-content: center;
          background-color: #d23872;
          color: white; }
        #container .sec_price #inside_sec_price_transportation .sec_price_bottom .sec_price_sub .sec_price_sub_bottom select {
          width: 80%;
          display: block;
          margin-left: auto;
          margin-right: auto;
          margin-top: 20px;
          font-size: 18px;
          padding: 4px; }
        #container .sec_price #inside_sec_price_transportation .sec_price_bottom .sec_price_sub .sec_price_sub_bottom .features {
          text-align: center;
          font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; }
          #container .sec_price #inside_sec_price_transportation .sec_price_bottom .sec_price_sub .sec_price_sub_bottom .features p {
            padding: 5px; }
        #container .sec_price #inside_sec_price_transportation .sec_price_bottom .sec_price_sub .sec_price_sub_bottom a {
          width: 60%;
          display: block;
          margin-left: auto;
          margin-right: auto;
          margin-top: 20px;
          margin-bottom: 20px;
          background-color: white;
          color: black;
          padding: 12px 20px;
          text-align: center;
          text-decoration: none;
          font-size: 23px;
          transition: all 190ms ease-in-out;
          transform: scale(1); }
          #container .sec_price #inside_sec_price_transportation .sec_price_bottom .sec_price_sub .sec_price_sub_bottom a:hover {
            background-color: #d23872;
            color: white; }
#container #section14 {
  display: grid;
  grid-template-rows: auto auto;
  background-color: #d23872;
  padding: 50px 60px;
  color: white; }
  #container #section14 #inside_section14 {
    max-width: 1200px;
    margin: 0 auto; }
  #container #section14 #sec14_top {
    text-align: center;
    padding: 10px; }
  #container #section14 #sec14_bottom {
    display: grid;
    grid-template-columns: 50% 50%; }
    #container #section14 #sec14_bottom #sec14_bottom_left {
      padding: 10px; }
      #container #section14 #sec14_bottom #sec14_bottom_left img {
        display: block;
        width: 80%;
        height: 100%;
        margin-left: auto;
        margin-right: auto; }
    #container #section14 #sec14_bottom #sec14_bottom_right {
      padding: 10px; }
@media only screen and (max-width: 700px) {
  #container #section1 {
    display: grid;
    position: relative;
    grid-template-rows: repeat(3, auto); }
    #container #section1 #section_top {
      padding: 15px 30px; }
    #container #section1 #section_bottom {
      display: grid;
      grid-template-rows: repeat(2, auto); }
      #container #section1 #section_bottom #section1_left {
        grid-column-start: 1;
        grid-column-end: 3;
        padding: 10px 30px; }
        #container #section1 #section_bottom #section1_left p {
          font-size: 26px; }
      #container #section1 #section_bottom #section1_right {
        grid-column-start: 1;
        grid-column-end: 3;
        padding: 0;
        background-color: #ee6132; }
        #container #section1 #section_bottom #section1_right img {
          width: calc(80% - 40px);
          height: calc(90% - 40px);
          border-radius: 10%;
          display: block;
          padding: 20px;
          margin-left: auto;
          margin-right: auto; } }

/*# sourceMappingURL=style.css.map */