.p-logos {
  background: rgba(255, 255, 255, 0.6);
  display: flex;
  justify-content: center;
  padding: 15px 0; }

.p-logos-item {
  text-align: center;
  position: relative; }
  @media only screen and (max-width: 768px) {
    .p-logos-item {
      width: 45%; } }
  @media only screen and (min-width: 769px) {
    .p-logos-item {
      width: 45%; } }
  .p-logos-item:first-child:before, .p-logos-item:first-child:after {
    content: "";
    display: block;
    width: 1px;
    height: 15px;
    border-left: 1px solid #000;
    position: absolute;
    top: 50%;
    right: 0; }
  .p-logos-item:first-child:before {
    -webkit-transform: translate(50%, -50%) rotate(45deg);
    transform: translate(50%, -50%) rotate(45deg); }
  .p-logos-item:first-child:after {
    -webkit-transform: translate(50%, -50%) rotate(-45deg);
    transform: translate(50%, -50%) rotate(-45deg); }
  .p-logos-item dt {
    margin-bottom: .5em; }
    @media only screen and (max-width: 768px) {
      .p-logos-item dt {
        font-size: 12px;
        font-size: 1.2rem; } }

@media only screen and (max-width: 768px) {
  .p-logo-rizaen {
    height: 30px;
    margin-top: 5px; } }
@media only screen and (min-width: 769px) {
  .p-logo-rizaen {
    height: 50px;
    margin-top: 5px; } }

@media only screen and (max-width: 768px) {
  .p-logo-aws img {
    height: 40px; } }
@media only screen and (min-width: 769px) {
  .p-logo-aws img {
    height: 60px; } }

.p-rizaen-btn {
  background: #0072C2;
  display: inline-block;
  padding: .7em 4em;
  color: #fff;
  border-radius: 4px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
  margin-top: 1em;
  font-weight: bold; }
  @media print, screen and (min-width: 910px) {
    .p-rizaen-btn {
      transition: .5s; }
      .p-rizaen-btn:hover {
        background: #0090f5; } }

.p-aws-btn {
  background: #FFAA1C;
  display: inline-block;
  padding: .7em 4em;
  color: #fff;
  border-radius: 4px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
  margin-top: 1em;
  font-weight: bold; }
  @media print, screen and (min-width: 910px) {
    .p-aws-btn {
      transition: .5s; }
      .p-aws-btn:hover {
        background: #ffbd4f; } }

.p-mv {
  margin-top: -1px;
  background: url(/themes/custom/interquest/images/about/REonAWS/bg-mv.jpg) 50% 0 no-repeat;
  background-size: cover;
  position: relative; }
  @media only screen and (max-width: 768px) {
    .p-mv {
      padding: 30px; } }
  @media only screen and (min-width: 769px) {
    .p-mv {
      padding: 100px 0; } }

.p-mv-ttl {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  opacity: 0; }
  @media only screen and (max-width: 768px) {
    .p-mv-ttl {
      top: 30px;
      height: 150px;
      padding: 0 15px; } }
  @media only screen and (min-width: 769px) {
    .p-mv-ttl {
      top: 100px;
      height: 280px;
      padding: 0 30px; } }
  @media only screen and (max-width: 768px) {
    .p-mv-ttl img {
      max-width: 100%;
      max-height: 130px; } }
  @media only screen and (min-width: 769px) {
    .p-mv-ttl img {
      width: 100%;
      max-width: 876px; } }

.p-mv-inr {
  opacity: 0;
  -webkit-transform: translate(0, 50px);
  transform: translate(0, 50px); }
  @media only screen and (max-width: 768px) {
    .p-mv-inr {
      padding: 150px 0 30px;
      background: url(/themes/custom/interquest/images/about/REonAWS/bg-mv-cirecle-sp.png) 50% 50% no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 769px) {
    .p-mv-inr {
      width: 720px;
      height: 720px;
      margin: 0 auto;
      padding-top: 280px;
      background: url(/themes/custom/interquest/images/about/REonAWS/bg-mv-cirecle.png) 50% 50% no-repeat;
      background-size: contain;
      border-radius: 400px;
      overflow: hidden; } }

.p-mv-comment {
  text-align: center;
  font-weight: bold;
  color: #fff; }
  @media only screen and (min-width: 769px) {
    .p-mv-comment {
      font-size: 18px;
      font-size: 1.8rem; } }
  .p-mv-comment span {
    display: inline-block;
    position: relative; }
    .p-mv-comment span:before, .p-mv-comment span:after {
      content: "";
      display: block;
      width: 1px;
      height: 1.7em;
      border-left: 1px solid #fff;
      position: absolute;
      bottom: 0; }
    .p-mv-comment span:before {
      left: -1em;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .p-mv-comment span:after {
      right: -1em;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }

.p-mv-lead {
  color: #fff; }
  @media only screen and (max-width: 768px) {
    .p-mv-lead {
      padding: 30px 20px 20px; } }
  @media only screen and (min-width: 769px) {
    .p-mv-lead {
      width: 440px;
      margin: 30px auto; } }

.p-mv-scroll-btn {
  display: block;
  width: 100px;
  margin: 0 auto;
  color: #fff;
  font-weight: bold;
  position: relative;
  text-align: center; }
  .p-mv-scroll-btn:after {
    content: "";
    display: block;
    width: 14px;
    height: 10px;
    border: 7px solid transparent;
    border-top: 10px solid #fff;
    border-bottom: none;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -webkit-animation: scroll-btn 1s infinite;
    animation: scroll-btn 1s infinite; }

@-webkit-keyframes scroll-btn {
  0% {
    opacity: 1; }
  30% {
    opacity: 1; }
  50% {
    opacity: 0; }
  70% {
    opacity: 1; }
  100% {
    opacity: 1; } }
@keyframes scroll-btn {
  0% {
    opacity: 1; }
  30% {
    opacity: 1; }
  50% {
    opacity: 0; }
  70% {
    opacity: 1; }
  100% {
    opacity: 1; } }
.is-anime .p-mv-ttl {
  transition: 1s;
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1; }
.is-anime .p-mv-inr {
  transition: 1s .5s;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1; }

.p-case {
  position: relative; }
  @media only screen and (max-width: 768px) {
    .p-case {
      padding: 50px 0 25px; } }
  @media only screen and (min-width: 769px) {
    .p-case {
      padding: 100px 0 50px;
      background: url(/themes/custom/interquest/images/about/REonAWS/bg-sec2.png) calc(50% + 260px) 100% no-repeat;
      background-size: 430px; } }
  .p-case:after {
    content: "";
    display: block;
    border-style: solid;
    border-width: 40px 70px 0 70px;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    left: 50%;
    top: 100%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 1; }

@media only screen and (max-width: 768px) {
  .p-case-inr {
    padding: 0 25px; } }
@media only screen and (min-width: 769px) {
  .p-case-inr {
    max-width: 1060px;
    padding: 0 50px;
    margin: 0 auto; } }

.p-case-ttl {
  color: #0072C2; }

.p-case-item {
  padding-left: 1.8em;
  position: relative; }
  .p-case-item:not(:first-child) {
    margin-top: 1em; }
  .p-case-item:before {
    content: "";
    display: block;
    width: 18px;
    height: 9px;
    border-left: 2px solid #FCA920;
    border-bottom: 2px solid #FCA920;
    position: absolute;
    top: .65em;
    left: 0;
    -webkit-transform: translate(0, -50%) rotate(-45deg);
    transform: translate(0, -50%) rotate(-45deg); }
  .p-case-item dt {
    font-weight: bold; }

.p-case-lead {
  background: rgba(15, 114, 193, 0.8);
  color: #fff;
  margin-top: 1em; }
  @media only screen and (max-width: 768px) {
    .p-case-lead {
      padding: 25px; } }
  @media only screen and (min-width: 769px) {
    .p-case-lead {
      padding: 25px 30px; } }

.p-intro {
  position: relative;
  background: url(/themes/custom/interquest/images/about/REonAWS/bg-link.jpg) 50% 0 no-repeat;
  background-size: cover;
  overflow: hidden; }
  @media only screen and (max-width: 768px) {
    .p-intro {
      padding: 50px 0 0; } }
  @media only screen and (min-width: 769px) {
    .p-intro {
      padding: 100px 0 0; } }
  @media only screen and (max-width: 768px) {
    .p-intro .p-logos {
      margin: 0 -25px; } }
  @media only screen and (min-width: 769px) {
    .p-intro .p-logos {
      margin: 0 150px; } }

.p-intro-ttl {
  color: #fff; }

@media only screen and (max-width: 768px) {
  .p-intro-inr {
    padding: 0 25px; } }
@media only screen and (min-width: 769px) {
  .p-intro-inr {
    max-width: 1060px;
    padding: 0 50px;
    margin: 0 auto; } }

.p-intro-lead {
  color: #fff;
  margin-top: 2em; }
  @media only screen and (min-width: 769px) {
    .p-intro-lead {
      text-align: center; } }

.p-intro-btns {
  margin-top: 4em;
  font-weight: bold; }
  @media only screen and (min-width: 769px) {
    .p-intro-btns {
      display: flex; } }
  .p-intro-btns li {
    text-align: center; }
    @media only screen and (max-width: 768px) {
      .p-intro-btns li {
        padding: 25px; } }
    @media only screen and (min-width: 769px) {
      .p-intro-btns li {
        padding: 30px;
        width: 50%; } }
    .p-intro-btns li:first-child {
      background: rgba(255, 255, 255, 0.7); }
    .p-intro-btns li:last-child {
      background: rgba(210, 210, 210, 0.7); }

.p-aws {
  background: #E59816; }
  @media only screen and (max-width: 768px) {
    .p-aws {
      padding: 50px 0; } }
  @media only screen and (min-width: 769px) {
    .p-aws {
      padding: 100px 0; } }

@media only screen and (max-width: 768px) {
  .p-aws-inr {
    padding: 0 25px; } }
@media only screen and (min-width: 769px) {
  .p-aws-inr {
    max-width: 1200px;
    padding: 0 50px;
    margin: 0 auto; } }

.p-aws-ttl {
  color: #fff; }
  .p-aws-ttl em {
    font-style: normal;
    border-bottom: 2px solid #0072C2; }

@media only screen and (min-width: 769px) {
  .p-aws-detail {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between; } }

.p-aws-img {
  padding: 1em;
  background: #fff; }
  @media only screen and (max-width: 768px) {
    .p-aws-img {
      margin-bottom: 2em; } }
  @media only screen and (min-width: 769px) {
    .p-aws-img {
      width: 48%; } }

.p-aws-txt {
  color: #fff;
  font-weight: bold; }
  @media only screen and (min-width: 769px) {
    .p-aws-txt {
      width: 48%; } }

.p-package {
  background: #0072C2; }
  @media only screen and (max-width: 768px) {
    .p-package {
      padding: 50px 0; } }
  @media only screen and (min-width: 769px) {
    .p-package {
      padding: 100px 0; } }

@media only screen and (max-width: 768px) {
  .p-package-inr {
    padding: 0 25px; } }
@media only screen and (min-width: 769px) {
  .p-package-inr {
    max-width: 1200px;
    padding: 0 50px;
    margin: 0 auto; } }

.p-package-ttl {
  color: #fff; }
  .p-package-ttl em {
    font-style: normal;
    border-bottom: 2px solid #E59816; }

@media only screen and (min-width: 769px) {
  .p-package-detail {
    display: flex;
    justify-content: space-between; } }

.p-package-img {
  padding: 1em;
  background: #fff; }
  @media only screen and (max-width: 768px) {
    .p-package-img {
      margin-bottom: 2em; } }
  @media only screen and (min-width: 769px) {
    .p-package-img {
      width: 48%; } }

.p-package-txt {
  color: #fff;
  font-weight: bold; }
  @media only screen and (min-width: 769px) {
    .p-package-txt {
      width: 48%; } }
  .p-package-txt em {
    font-style: normal;
    border-bottom: 2px solid #E59816; }

@media only screen and (max-width: 768px) {
  .p-merit {
    padding: 50px 0; } }
@media only screen and (min-width: 769px) {
  .p-merit {
    padding: 100px 0; } }

@media only screen and (max-width: 768px) {
  .p-merit-inr {
    padding: 0 25px; } }
@media only screen and (min-width: 769px) {
  .p-merit-inr {
    max-width: 1060px;
    padding: 0 50px;
    margin: 0 auto; } }

.p-merit-ttl em {
  font-style: normal;
  color: #0072C2; }

@media only screen and (min-width: 769px) {
  .p-merit-list {
    display: flex;
    flex-wrap: wrap; } }

.p-merit-item {
  border-radius: 2px;
  background: #fff3df;
  border: 4px solid #ffaa1c;
  padding: 65px 25px 25px;
  position: relative; }
  @media only screen and (max-width: 768px) {
    .p-merit-item {
      margin-top: 25px; } }
  @media only screen and (min-width: 769px) {
    .p-merit-item {
      width: 48%;
      margin-top: 4%; }
      .p-merit-item:nth-child(odd) {
        margin-right: 4%; } }

.p-merit-item-num {
  background: #ffaa1c;
  color: #fff;
  padding: .4em .8em .3em;
  position: absolute;
  top: -4px;
  left: -4px; }

.p-merit-item-ttl {
  color: #0072C2;
  margin-bottom: 1em; }
  @media only screen and (max-width: 768px) {
    .p-merit-item-ttl {
      font-size: 18px;
      font-size: 1.8rem; } }
  @media only screen and (min-width: 769px) {
    .p-merit-item-ttl {
      font-size: 20px;
      font-size: 2rem; } }

.p-merit-item-txt {
  font-weight: bold; }

.p-flow {
  background: url(/themes/custom/interquest/images/about/REonAWS/bg-flow.jpg) 50% 0 no-repeat;
  background-size: cover;
  position: relative; }
  @media only screen and (max-width: 768px) {
    .p-flow {
      padding: 50px 0; } }
  @media only screen and (min-width: 769px) {
    .p-flow {
      padding: 100px 0; } }
  .p-flow:after {
    content: "";
    display: block;
    border-style: solid;
    border-width: 40px 70px 0 70px;
    border-color: #f3f3f3 transparent transparent transparent;
    position: absolute;
    left: 50%;
    top: 100%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 1; }

@media only screen and (max-width: 768px) {
  .p-flow-inr {
    padding: 0 25px; } }
@media only screen and (min-width: 769px) {
  .p-flow-inr {
    max-width: 1060px;
    padding: 0 50px;
    margin: 0 auto; } }

.p-flow-item {
  position: relative; }
  .p-flow-item:not(:last-child) {
    margin-bottom: 4em; }
    .p-flow-item:not(:last-child):after {
      content: "";
      display: block;
      width: 1px;
      height: 3em;
      border-left: 1px solid #000;
      position: absolute;
      bottom: -3.5em;
      left: 50%; }
  @media only screen and (max-width: 768px) {
    .p-flow-item {
      background: #fff;
      padding: 25px; } }
  @media only screen and (min-width: 769px) {
    .p-flow-item {
      display: flex;
      align-items: center;
      padding: 25px 40px; }
      .p-flow-item:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background: #fff;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transform: skew(-10deg);
        transform: skew(-10deg); } }
  .p-flow-item dt {
    position: relative;
    display: flex;
    align-items: center; }
    @media only screen and (max-width: 768px) {
      .p-flow-item dt {
        margin-bottom: .5em; } }
    @media only screen and (min-width: 769px) {
      .p-flow-item dt {
        flex: 0 0 260px;
        margin-right: 30px; } }
  .p-flow-item dd {
    position: relative; }
    @media only screen and (min-width: 769px) {
      .p-flow-item dd {
        width: 100%; } }

.p-flow-item-num {
  color: #ddd;
  line-height: 1;
  margin-right: 20px; }
  @media only screen and (max-width: 768px) {
    .p-flow-item-num {
      font-size: 60px;
      font-size: 6rem; } }
  @media only screen and (min-width: 769px) {
    .p-flow-item-num {
      font-size: 80px;
      font-size: 8rem; } }

.p-flow-item-ttl {
  color: #0072C2;
  font-weight: bold; }
  @media only screen and (max-width: 768px) {
    .p-flow-item-ttl {
      font-size: 18px;
      font-size: 1.8rem; } }
  @media only screen and (min-width: 769px) {
    .p-flow-item-ttl {
      font-size: 20px;
      font-size: 2rem; } }

.p-flow-item-txt {
  font-weight: bold; }

.p-cv {
  background: url(/themes/custom/interquest/images/about/REonAWS/bg-link.jpg) 50% 0 no-repeat;
  background-size: cover; }
  @media only screen and (max-width: 768px) {
    .p-cv {
      padding: 50px 0; } }
  @media only screen and (min-width: 769px) {
    .p-cv {
      padding: 100px 0; } }

@media only screen and (max-width: 768px) {
  .p-cv-inr {
    padding: 0 25px; } }
@media only screen and (min-width: 769px) {
  .p-cv-inr {
    max-width: 1060px;
    padding: 0 50px;
    margin: 0 auto; } }

.p-cv-ttl {
  color: #fff; }

.p-cv-lead {
  text-align: center;
  color: #fff; }

.p-cv-btns {
  margin-top: 3em; }
  @media only screen and (min-width: 769px) {
    .p-cv-btns {
      display: flex;
      flex-direction: row-reverse;
      justify-content: center; } }
  .p-cv-btns dt {
    font-weight: bold;
    color: #fff; }
    @media only screen and (min-width: 769px) {
      .p-cv-btns dt {
        padding-top: 10px; } }
  .p-cv-btns dd {
    background: rgba(255, 255, 255, 0.7);
    padding: 25px; }
    @media only screen and (max-width: 768px) {
      .p-cv-btns dd {
        margin-top: 20px; } }
    @media only screen and (min-width: 769px) {
      .p-cv-btns dd {
        margin-right: 25px; } }
  .p-cv-btns a {
    display: block;
    background: #00c9aa;
    padding: .7em 1em;
    color: #fff;
    font-weight: bold;
    text-align: center;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2); }
    .p-cv-btns a:not(:first-child) {
      margin-top: 20px; }
    @media only screen and (min-width: 769px) {
      .p-cv-btns a {
        width: 350px; } }

.p-cv-btns-lead {
  margin-top: .5em; }
  @media only screen and (max-width: 768px) {
    .p-cv-btns-lead {
      text-align: center; } }

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