@media screen and (min-width: 641px), screen and (orientation: landscape) { a[id] { padding-top: 95px; margin-top: -95px; display: block; }
  #h2-title { background-image: url(../images/reason/h2-bg.jpg); background-repeat: no-repeat; background-position: center 0; color: #fff; }
  #h3-title { margin-bottom: 48px; border-bottom: none; }
  #in-main-contents { background-image: url(../images/reason/bg-area.jpg); background-repeat: no-repeat; background-position: center 0; border-top: 3px solid #000; padding-top: 48px; background-color: #00577c; }
  .c-inner { position: relative; width: 1100px; margin: 0 auto; margin-top: -80px; }
  .c-inner .deco-kiten-box { position: relative; bottom: -80px; margin-top: -80px; width: 680px; margin: 0 auto; }
  .c-inner .deco-kiten-box .deco-01 { position: absolute; top: 15px; left: -12px; }
  .c-inner .deco-kiten-box .deco-02 { position: absolute; right: 32px; bottom: -20px; }
  .c-inner .bg-box { background-image: url(../images/reason/li-bg-01.jpg); background-repeat: no-repeat; background-position: center 0; background-color: #fff; padding: 148px 84px 88px 84px; }
  .c-inner .flex-01 { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .c-inner .flex-01 .box-l { width: 358px; }
  .c-inner .flex-01 .box-r { padding-top: 16px; width: 538px; }
  .c-inner .flex-01 .box-r .s-ttl-01 { color: #000000; font-size: 28px; font-weight: bold; line-height: 42px; letter-spacing: 2.72px; padding-bottom: 24px; margin-bottom: 24px; background-image: url(../images/reason/line-01.png); background-repeat: no-repeat; background-position: center bottom; }
  .c-inner .flex-01 .box-r .txt-box-01 { color: #000000; font-size: 16px; font-weight: 400; line-height: 33px; }
  .c-inner .flex-01 .box-r .txt-box-01 .p-mb { margin-bottom: 32px; }
  #box-01 { margin-bottom: 62px; }
  #box-02 { margin-bottom: 62px; }
  #box-02 .c-inner .deco-kiten-box .deco-01 { top: -22px; left: -110px; }
  #box-02 .c-inner .deco-kiten-box .deco-02 { top: 106px; right: -208px; }
  #box-03 { margin-bottom: 70px; }
  #box-03 .c-inner .deco-kiten-box .deco-01 { top: 50px; left: -60px; }
  #box-03 .deco-02 { position: absolute; bottom: 38px; right: 40px; }
  .o-list { width: 872px; margin: 0 auto 96px; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .o-list li { width: 270px; margin-right: 31px; }
  .o-list li:last-child { margin-right: 0; } }

@media screen and (orientation: portrait) and (max-width: 640px) { .deco-01 { display: none; }
  .deco-02 { display: none; }
  .deco-kiten-box { margin-bottom: 5%; }
  #h3-title { width: 66%; margin: 0 auto; border-bottom: none; }
  #in-main-contents { background-image: url(../images/reason/bg-area.jpg); background-repeat: no-repeat; background-position: center 0; border-top: 3px solid #000; padding: 8% 5%; background-size: 100%; background-color: #00577c; }
  .c-inner .bg-box { background-image: url(../images/reason/li-bg-01.jpg); background-repeat: no-repeat; background-position: center 0; background-size: 100%; background-color: #fff; padding: 8% 5%; line-height: 1.6; }
  .c-inner .flex-01 .box-l { width: 100%; margin-bottom: 4%; }
  .c-inner .flex-01 .box-r { width: 100%; }
  .c-inner .flex-01 .box-r .s-ttl-01 { color: #000000; font-size: 1.8rem; font-weight: bold; line-height: 1.6; letter-spacing: 2px; padding-bottom: 5%; margin-bottom: 5%; background-image: url(../images/reason/line-01.png); background-repeat: no-repeat; background-position: center bottom; }
  .c-inner .flex-01 .box-r .txt-box-01 { line-height: 1.8; }
  .c-inner .flex-01 .box-r .txt-box-01 .p-mb { margin-bottom: 6%; }
  #box-01 { margin-bottom: 12%; }
  #box-02 { margin-bottom: 12%; }
  #box-03 { margin-bottom: 12%; }
  .o-list { width: 100%; margin: 0 auto 7%; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .o-list li { width: 100%; margin-bottom: 5%; }
  .o-list li:last-child { margin-bottom: 0; } }
/*# sourceMappingURL=page_reason.css.map */