@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=family=Noto+Sans+JP:wght@100;300;400;700&display=swap");
body {
  font-family:"Noto Sans JP", 游ゴシック体, YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color:#24304A;
  font-weight:600;
}

.u-pc {
  display:none;
}
@media screen and (min-width:768px) {
  .u-pc {
    display:block;
  }
}

@media screen and (min-width:768px) {
  .u-sp {
    display:none;
  }
}

/* リキッドレイアウト対応 */
html {
  font-size:16px;
}
@media (max-width:375px) {
  html {
    font-size:max(3.7333333333vw, 12px);
  }
}
@media screen and (min-width:768px) {
  html {
    font-size:max(1.0909090909vw, 12px);
  }
}
@media screen and (min-width:1024px) {
  html {
    font-size:12px;
  }
}
@media (min-width:1500px) {
  html {
    font-size:16px;
  }
}

/* ホバー */
a {
  text-decoration:none;
  color:inherit;
  -webkit-transition:opacity 0.3s;
  transition:opacity 0.3s;
}
@media screen and (min-width:768px) {
  a:hover {
    opacity:0.8;
  }
}

*,
*::before,
*::after {
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}

/* Remove default padding */
ul,
ol {
  padding:0;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
figure,
blockquote,
dl,
dd {
  margin:0;
}

/* Set core root defaults */
html {
  scroll-behavior:smooth;
}

/* Set core body defaults */
body {
  min-height:100vh;
  text-rendering:optimizeSpeed;
  line-height:1.5;
}

/* Remove list styles on ul, ol elements with a class attribute */
ul,
ol {
  list-style:none;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink:auto;
}

/* Make images easier to work with */
img {
  max-width:100%;
  display:block;
  width:100%;
  height:auto;
}

/* Natural flow and rhythm in articles by default */
article > * + * {
  margin-top:1em;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font:inherit;
}

/* Blur images when they have no alt attribute */
img:not([alt]) {
  filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="10" /></filter></svg>#filter');
  -webkit-filter:blur(10px);
          filter:blur(10px);
}

/* フォームリセット */
input,
button,
select,
textarea {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background:transparent;
  border:none;
  border-radius:0;
  font:inherit;
  outline:none;
}

textarea {
  resize:vertical;
}

input[type=checkbox],
input[type=radio] {
  display:none;
}

input[type=submit],
input[type=button],
label,
button,
select {
  cursor:pointer;
}

select::-ms-expand {
  display:none;
}

.about {
  position:relative;
  background-color:#EBEBEB;
}
.about:after {
  background-image:url("https://mikan-b.co.jp/assetscourier/20250618/images/about.jpg");
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}

.about__inner {
  padding-top:40px;
  padding-top:2.5rem;
  padding-bottom:54%;
}
@media screen and (min-width:768px) {
  .about__inner {
    padding-top:7rem;
    padding-bottom:45%;
  }
}
@media screen and (min-width:1024px) {
  .about__inner {
    padding-bottom:41.4%;
  }
}

.about__title {
  margin-bottom:5px;
  margin-bottom:0.3125rem;
}
@media screen and (min-width:768px) {
  .about__title {
    margin-bottom:6rem;
  }
}

.about__main {
  margin-left:auto;
  margin-right:auto;
  margin-bottom:52px;
  margin-bottom:3.25rem;
}
@media screen and (min-width:768px) {
  .about__main {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    margin-bottom:13.2%;
  }
}

.about__figure {
  margin:0 auto;
  margin-bottom:40px;
  margin-bottom:2.5rem;
  max-width:500px;
}
@media screen and (min-width:768px) {
  .about__figure {
    margin-right:3.323%;
    margin-bottom:0;
    width:46.392%;
    max-width:100%;
  }
}

.about__message {
  font-size:20px;
  font-size:1.25rem;
  line-height:1.75;
}
@media screen and (min-width:768px) {
  .about__message {
    font-size:1.875rem;
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
  }
}
@media screen and (min-width:1024px) {
  .about__message {
    font-size:1.8rem;
  }
}

.about__contact {
  margin:0 auto;
  display:block;
  position:relative;
  z-index:2;
}

.about__bg {
  position:absolute;
  bottom:0;
}

.company {
  background-image:url("https://mikan-b.co.jp/assetscourier/20250618/images/company-sp.jpg");
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}
@media screen and (min-width:768px) {
  .company {
    background-image:url("https://mikan-b.co.jp/assetscourier/20250618/images/company.jpg");
    background-position:100%;
  }
}

.company__inner {
  color:#fff;
  padding-top:28px;
  padding-top:1.75rem;
  padding-bottom:22px;
  padding-bottom:1.375rem;
  padding-left:4.673%;
  padding-right:4.673%;
}
@media screen and (min-width:768px) {
  .company__inner {
    padding:8.75rem 3.9% 5.3125rem;
  }
}

.company__title {
  font-weight:700;
  font-size:30px;
  font-size:1.875rem;
  text-align:center;
  margin-bottom:16px;
  margin-bottom:1rem;
}
@media screen and (min-width:768px) {
  .company__title {
    font-size:5rem;
    text-align:left;
    margin-bottom:10.25rem;
  }
}

.company__logo {
  width:200px;
  width:12.5rem;
  margin-bottom:138px;
  margin-bottom:8.625rem;
  margin-left:auto;
  margin-right:auto;
}
@media screen and (min-width:768px) {
  .company__logo {
    width:37.5rem;
    margin:0;
    margin-bottom:6.75rem;
  }
}

@media screen and (min-width:768px) {
  .company__content {
    font-size:1.5rem;
    line-height:2.1;
  }
}

.contact {
  background-image:url("https://mikan-b.co.jp/assetscourier/20250618/images/contact-sp.jpg");
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  color:#fff;
  position:relative;
}
@media screen and (min-width:768px) {
  .contact {
    background-image:url("https://mikan-b.co.jp/assetscourier/20250618/images/contact.jpg");
  }
}

.contact__inner {
  padding-top:60px;
  padding-top:3.75rem;
  padding-bottom:56px;
  padding-bottom:3.5rem;
}
@media screen and (min-width:768px) {
  .contact__inner {
    padding-top:8.125rem;
    padding-bottom:9.125rem;
  }
}

.contact__message {
  font-weight:700;
  font-size:30px;
  font-size:1.875rem;
  text-align:center;
  line-height:1.4;
  margin-bottom:26px;
  margin-bottom:1.625rem;
}
@media screen and (min-width:768px) {
  .contact__message {
    text-align:center;
    font-size:4.6875rem;
    margin-bottom:5.375rem;
    line-height:1.4;
  }
}

.contact__button {
  width:100%;
  padding:29px 0;
  padding:1.8125rem 0;
  font-size:27px;
  font-size:1.6875rem;
  margin:0 auto;
  margin-bottom:30px;
  margin-bottom:1.875rem;
  display:block;
  background-color:#3F61FD;
  color:#fff;
  font-weight:800;
  text-align:center;
  -webkit-box-shadow:0 5px 5px rgba(0, 0, 0, .3);
          box-shadow:0 5px 5px rgba(0, 0, 0, .3);
}
@media screen and (min-width:768px) {
  .contact__button {
    font-size:2.125rem;
    width:33%;
    padding:2.125rem 0;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:4.125rem;
  }
}

.contact__text {
  line-height:1.75;
  font-weight:400;
}
@media screen and (min-width:768px) {
  .contact__text {
    font-size:1.5rem;
    line-height:1.4583333333;
    padding:0 6.125rem;
    text-align:center;
  }
}

.faq {
  background-color:#EBEBEB;
  position:relative;
}

.faq__inner {
  padding-top:46px;
  padding-top:2.875rem;
  padding-bottom:50.5px;
  padding-bottom:3.15625rem;
}
@media screen and (min-width:768px) {
  .faq__inner {
    padding-top:11.625rem;
    padding-bottom:9.375rem;
  }
}

.faq__title {
  margin-bottom:27px;
  margin-bottom:1.6875rem;
}
@media screen and (min-width:768px) {
  .faq__title {
    text-align:center;
    margin-bottom:5.925rem;
  }
}

.faq__list {
  width:100%;
  font-size:15px;
  font-size:0.9375rem;
  line-height:1.76;
}
@media screen and (min-width:768px) {
  .faq__list {
    width:81.4%;
    margin:0 auto;
    font-size:1.875rem;
  }
}

.faq__question {
  background-color:#fff;
  padding:4px 9px;
  padding:0.25rem 0.5625rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
}
@media screen and (min-width:768px) {
  .faq__question {
    padding:0.625rem 1.1875rem;
  }
}

.faq__answer {
  padding:4px 9px;
  padding:0.25rem 0.5625rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  background-color:#F4F6FF;
  border-bottom:4px solid #3F61FD;
}
.faq__answer:first-of-type, .faq__answer:nth-of-type(2) {
  -webkit-box-align:start;
      -ms-flex-align:start;
          align-items:flex-start;
}
@media screen and (min-width:768px) {
  .faq__answer {
    padding:0.75rem 1.1875rem;
  }
}

.faq__q {
  border-radius:50%;
  text-align:center;
  color:#fff;
  width:40px;
  width:2.5rem;
  height:40px;
  height:2.5rem;
  line-height:40px;
  line-height:2.5rem;
  margin-right:15px;
  margin-right:0.9375rem;
  font-size:18px;
  font-size:1.125rem;
  background-color:#3F61FD;
}
@media screen and (min-width:768px) {
  .faq__q {
    width:5.125rem;
    height:5.125rem;
    line-height:5.125rem;
    font-size:2.5rem;
    margin-right:1.125rem;
  }
}

.faq__a {
  border-radius:50%;
  text-align:center;
  color:#fff;
  width:40px;
  width:2.5rem;
  height:40px;
  height:2.5rem;
  line-height:40px;
  line-height:2.5rem;
  margin-right:15px;
  margin-right:0.9375rem;
  font-size:18px;
  font-size:1.125rem;
  background-color:#24304A;
}
@media screen and (min-width:768px) {
  .faq__a {
    width:5.125rem;
    height:5.125rem;
    line-height:5.125rem;
    font-size:2.5rem;
    margin-right:1.125rem;
  }
}

.faq__text {
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1;
  font-size:15px;
  font-size:0.9375rem;
}
@media screen and (min-width:768px) {
  .faq__text {
    line-height:1.76;
    font-size:1.875rem;
  }
}

.flow {
  background-image:-webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(35.4%, transparent), color-stop(35.4%, #24304A), to(#24304A));
  background-image:linear-gradient(transparent 0%, transparent 35.4%, #24304A 35.4%, #24304A 100%);
}
@media screen and (min-width:768px) {
  .flow {
    background-image:-webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(43.8%, transparent), color-stop(43.8%, #24304A), to(#24304A));
    background-image:linear-gradient(transparent 0%, transparent 43.8%, #24304A 43.8%, #24304A 100%);
  }
}

.flow__inner {
  padding-top:40px;
  padding-top:2.5rem;
  padding-bottom:80px;
  padding-bottom:5rem;
  margin:0 auto;
}
@media screen and (min-width:768px) {
  .flow__inner {
    padding-top:10.25rem;
    padding-bottom:15.25rem;
  }
}

.flow__title {
  margin-bottom:26px;
  margin-bottom:1.625rem;
}
@media screen and (min-width:768px) {
  .flow__title {
    margin-bottom:4.625rem;
  }
}

.flow__box {
  background-color:#fff;
  -webkit-box-shadow:0 0 30px rgba(0, 0, 0, .3);
          box-shadow:0 0 30px rgba(0, 0, 0, .3);
  padding:29px 20px 44px;
  padding:1.8125rem 1.25rem 2.75rem;
  position:relative;
  margin:0 calc(50% - 48vw);
  width:96vw;
}
.flow__box:before {
  content:"";
  position:absolute;
  display:block;
  background-color:#EBEBEB;
  width:7px;
  border-radius:7px;
  height:94%;
  margin-left:-12px;
}
@media screen and (min-width:768px) {
  .flow__box {
    width:81.4%;
    margin:0 auto;
    padding:10rem 6.6%;
  }
  .flow__box:before {
    width:20px;
    height:74%;
    border-radius:20px;
    margin-left:0;
  }
}

.flow__block {
  margin-left:3%;
}
.flow__block:not(:last-child) {
  margin-bottom:26px;
  margin-bottom:1.625rem;
}
@media screen and (min-width:768px) {
  .flow__block {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    margin-left:11%;
  }
  .flow__block:not(:last-child) {
    margin-bottom:4.75rem;
  }
  .flow__block:nth-child(4), .flow__block:nth-child(5) {
    -webkit-box-align:start;
        -ms-flex-align:start;
            align-items:flex-start;
  }
}

.flow__step {
  background-color:#3F61FD;
  color:#fff;
  font-size:18px;
  font-size:1.125rem;
  line-height:1.6111111111;
  margin-bottom:10px;
  margin-bottom:0.625rem;
  display:inline-block;
  padding:0 8px;
  padding:0 0.5rem;
  letter-spacing:0.1em;
}
@media screen and (min-width:768px) {
  .flow__step {
    margin-right:5.222%;
    font-size:3.125rem;
    padding:0 0.8125rem;
    margin-bottom:0;
    line-height:1.5;
    letter-spacing:0.09em;
  }
}

.flow__content {
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1;
}
@media screen and (min-width:768px) {
  .flow__content {
    font-size:1.75rem;
    line-height:1.2;
  }
}

.footer {
  background-color:#24304A;
  color:#fff;
  text-align:center;
  padding:18px 0;
  padding:1.125rem 0;
  font-size:13px;
  font-size:0.8125rem;
  font-weight:500;
}
@media screen and (min-width:768px) {
  .footer {
    font-size:1.125rem;
    padding:2.1875rem 0;
  }
}

.header {
  -webkit-box-shadow:0 3px 6px rgba(0, 0, 0, .16);
          box-shadow:0 3px 6px rgba(0, 0, 0, .16);
  z-index:100;
  position:fixed;
  width:100%;
  bottom:0;
  height:75px;
  height:4.6875rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
  background:rgba(120, 127, 143, 50%);
  color:#fff;
}
@media screen and (min-width:768px) {
  .header {
    top:0;
    height:7.3125rem;
    background-color:transparent;
    -webkit-box-shadow:none;
            box-shadow:none;
  }
}

.header__left {
  padding-left:2.5%;
}

.header__logo {
  width:39%;
  margin:15px;
}
@media screen and (min-width:768px) {
  .header__logo {
    width:21.25rem;
  }
}

.header__message {
  font-size:12px;
  font-size:0.75rem;
  line-height:1.4166666667;
  font-weight:300;
}

.header__right {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  position:absolute;
  right:0;
  top:0;
  height:100%;
  max-width:45%;
  background:#3F61FD;
  text-align:center;
}

@media screen and (min-width:768px) {
  .header__right {
    background:rgba(120, 127, 143, 50%);
  }
}

.header__left.u-sp figure {
  width:3.3rem;
}

.header__line {
  display:block;
  width:75%;
}

.header__whatsup {
  width:70%;
  border-left:1px solid #ACA1A1;
  padding-left:0.8rem;
}

.u-pc .header__whatsup {
  width:90%;
  border-left:1px solid #ACA1A1;
  padding-left:15px;
  margin-left:0px;
}

.header__contact {
  line-height:1.25;
  font-size:0.8rem;
  font-weight:300;
  margin-bottom:10px;
  margin-bottom:0.625rem;
}
@media screen and (min-width:768px) {
  .header__contact {
    position:fixed;
    top:0;
  }
}

@media screen and (min-width:768px) {
  .header__button {
    width:5.6875rem;
    height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    background-color:transparent;
  }
}

.header__button--sp {
  padding:0 12px;
  padding:0 0.75rem;
}

.header__mail {
  width:34.19px;
  width:2.136875rem;
  margin:0 auto;
}

.kv {
  position:relative;
  overflow:hidden;
  background-image:url("https://mikan-b.co.jp/assetscourier/20250618/images/kv-sp.jpg");
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  height:100vh;
  color:#fff;
}
@media screen and (min-width:768px) {
  .kv {
    background-image:url("https://mikan-b.co.jp/assetscourier/20250618/images/kv.jpg");
  }
}

@media screen and (min-width:768px) {
  .kv__logo {
    padding-left:1.97%;
    padding-top:1.75rem;
  }
}

.kv__inner {
  position:absolute;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  padding-left:4.673%;
  padding-right:4.673%;
  padding-bottom:52px;
  padding-bottom:11.5rem;
  bottom:0;
}
@media screen and (min-width:768px) {
  .kv__inner {
    top:54%;
    bottom:auto;
    -webkit-transform:translateY(-54%);
            transform:translateY(-54%);
    padding:0 11.1416%;
  }
}

.kv__message {
  font-size:24px;
  font-size:1.5rem;
  margin-bottom:7px;
  margin-bottom:0.4375rem;
}
@media screen and (min-width:768px) {
  .kv__message {
    font-size:2.8125rem;
  }
}

.kv__title {
  font-size:30px;
  font-size:1.875rem;
  font-weight:800;
  margin-bottom:20px;
  margin-bottom:1.25rem;
  line-height:1.4;
}
@media screen and (min-width:768px) {
  .kv__title {
    font-size:4.5625rem;
  }
}
.kv__title span {
  color:#FF0000;
}

@media screen and (min-width:768px) {
  .service {
    background-image:-webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(25%, transparent), color-stop(25%, #24304A), color-stop(93.2%, #24304A), color-stop(93.2%, transparent), to(transparent));
    background-image:linear-gradient(transparent 0%, transparent 25%, #24304A 25%, #24304A 93.2%, transparent 93.2%, transparent 100%);
  }
}

.service__inner {
  padding-top:43px;
  padding-top:2.6875rem;
}
@media screen and (min-width:768px) {
  .service__inner {
    padding-top:8.875rem;
  }
}

.service__title {
  margin-bottom:30px;
  margin-bottom:1.875rem;
}
@media screen and (min-width:768px) {
  .service__title {
    margin-bottom:4.125rem;
  }
}

.service__block-inner {
  margin:0 calc(50% - 50vw);
  width:100vw;
}
@media screen and (min-width:768px) {
  .service__block-inner {
    margin:0;
    width:100%;
  }
}

.service__block {
  padding:20px;
  padding:1.25rem;
  background-color:#EBEBEB;
}
.service__block:nth-child(even) {
  color:#fff;
  background-color:#516984;
}
@media screen and (min-width:768px) {
  .service__block {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:3.53125rem 4.9rem 3.53125rem 1.375rem;
  }
  .service__block:last-child .service__block-title {
    margin-bottom:4rem;
  }
}

.service__figure {
  width:38.7%;
}
@media screen and (min-width:768px) {
  .service__figure {
    width:100%;
  }
}

.service__block-title {
  font-size:20px;
  font-size:1.25rem;
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1;
}
@media screen and (min-width:768px) {
  .service__block-title {
    font-size:3.125rem;
    margin-bottom:2.1875rem;
  }
}

.service__content {
  font-weight:400;
  line-height:1.74;
}
.service__content strong {
  font-weight:800;
  text-decoration:underline;
}
@media screen and (min-width:768px) {
  .service__content {
    line-height:1.38;
    font-size:1.5rem;
  }
}

@media screen and (min-width:768px) {
  .service__text-block {
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
  }
}

.service__img-block {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  margin-bottom:14px;
  margin-bottom:0.875rem;
}
@media screen and (min-width:768px) {
  .service__img-block {
    display:block;
    margin-bottom:0;
    width:35%;
    margin-right:2%;
  }
}

.shipping__inner {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  width:100%;
}

.shipping__block {
  position:relative;
  width:100%;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  width:33.3333333333vw;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
}
.shipping__block:first-child {
  background-image:url("https://mikan-b.co.jp/assetscourier/20250618/images/shipping1.jpg");
}
.shipping__block:nth-child(2) {
  background-image:url("https://mikan-b.co.jp/assetscourier/20250618/images/shipping2.jpg");
}
.shipping__block:last-child {
  background-image:url("https://mikan-b.co.jp/assetscourier/20250618/images/shipping3.jpg");
}
.shipping__block:before {
  content:"";
  display:block;
  padding-top:88.811%;
}
@media screen and (min-width:768px) {
  .shipping__block:before {
    padding-top:88.906%;
  }
}

.shipping__title {
  position:relative;
  font-weight:700;
  color:#fff;
  font-size:15px;
  font-size:0.9375rem;
}
@media screen and (min-width:768px) {
  .shipping__title {
    font-size:3.4375rem;
  }
}
.shipping__title:after {
  position:relative;
  content:"";
  display:block;
  height:5px;
  background-color:#3F61FD;
  width:30px;
  width:1.875rem;
  top:5px;
  top:0.3125rem;
  left:50%;
  -webkit-transform:translateX(-50%);
          transform:translateX(-50%);
}
@media screen and (min-width:768px) {
  .shipping__title:after {
    height:10px;
    top:0.4375rem;
    width:8.6875rem;
  }
}

.strength {
  position:relative;
}
@media screen and (min-width:768px) {
  .strength {
    background-image:-webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(34.7%, transparent), color-stop(34.7%, #24304A), color-stop(74%, #24304A), color-stop(74%, transparent), to(transparent));
    background-image:linear-gradient(transparent 0%, transparent 34.7%, #24304A 34.7%, #24304A 74%, transparent 74%, transparent 100%);
  }
}

.strength__inner {
  padding-top:106px;
  padding-top:6.625rem;
  padding-bottom:80px;
  padding-bottom:5rem;
}
@media screen and (min-width:768px) {
  .strength__inner {
    padding-top:10.75rem;
    padding-bottom:12.34375rem;
  }
}

.strength__title {
  margin-bottom:48px;
  margin-bottom:3rem;
}
@media screen and (min-width:768px) {
  .strength__title {
    margin-bottom:3.625rem;
  }
}

.strength__block-inner {
  margin:0 calc(50% - 50vw);
  width:100vw;
}
@media screen and (min-width:768px) {
  .strength__block-inner {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    margin:0;
    width:100%;
  }
}

.strength__block {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  padding:30px 20px 35px;
  padding:1.875rem 1.25rem 2.1875rem;
  background-color:#516984;
  color:#fff;
}
.strength__block:nth-child(odd) {
  background-color:#EBEBEB;
  color:#24304A;
}
.strength__block figure {
  max-width:500px;
  margin:0 auto;
}
@media screen and (min-width:768px) {
  .strength__block {
    padding:4rem 4.9%;
    width:50%;
  }
  .strength__block figure {
    max-width:100%;
  }
  .strength__block:nth-child(2) figure {
    margin-bottom:1rem;
  }
  .strength__block:nth-child(3) {
    background-color:#516984;
    color:#fff;
  }
  .strength__block:nth-child(3) figure {
    width:77.73%;
    margin:0 auto;
  }
  .strength__block:last-child figure {
    width:90%;
  }
  .strength__block:first-child, .strength__block:last-child {
    background-color:#EBEBEB;
    color:#24304A;
  }
}

.strength__type {
  font-size:30px;
  font-size:1.875rem;
  text-align:center;
  margin:22px 0 18px;
  margin:1.375rem 0 1.125rem;
}
@media screen and (min-width:768px) {
  .strength__type {
    font-size:3.125rem;
    margin:1.875rem 0;
    line-height:1.3;
  }
}

.strength__content {
  font-weight:400;
  line-height:1.74;
}
@media screen and (min-width:768px) {
  .strength__content {
    font-size:1.5rem;
  }
}

.arrow {
  position:absolute;
  width:39.185%;
  max-width:200px;
  right:0;
}
@media screen and (min-width:768px) {
  .arrow {
    width:16.8%;
    min-width:160px;
    max-width:100%;
    right:4.109%;
  }
}

.arrow_1 {
  top:-9%;
}
@media screen and (min-width:768px) {
  .arrow_1 {
    top:-10%;
  }
}

.arrow_2 {
  top:-3.6%;
  left:0;
}
@media screen and (min-width:768px) {
  .arrow_2 {
    top:-9.3%;
    left:4.109%;
  }
}

.arrow_3 {
  top:-18%;
}
@media screen and (min-width:768px) {
  .arrow_3 {
    top:-23%;
  }
}

.button {
  background-color:#3F61FD;
  color:#fff;
  font-size:18px;
  font-size:1.125rem;
  line-height:1.2778;
  font-weight:800;
  text-align:center;
  padding:20px 0;
  padding:1.25rem 0;
  width:245px;
  width:15.3125rem;
}
@media screen and (min-width:768px) {
  .button {
    font-size:2.125rem;
    width:27.875rem;
    padding:2.625rem 0;
  }
}

.inner {
  width:100%;
  padding-right:4.673%;
  padding-left:4.673%;
  margin-right:auto;
  margin-left:auto;
}
@media screen and (min-width:768px) {
  .inner {
    max-width:1150px;
    padding-right:25px;
    padding-left:25px;
  }
}
@media screen and (min-width:1441px) {
  .inner {
    max-width:1380px;
  }
}

.title {
  font-weight:700;
  font-size:30px;
  font-size:1.875rem;
  line-height:1.3333333333;
}
@media screen and (min-width:768px) {
  .title {
    font-size:5rem;
    line-height:1.2;
  }
}


table {
  margin:3em auto;
  width:100%;
  font-size:1em;
  letter-spacing:0.04em;
}

table tr {
  height:2em;
  vertical-align:middle;
  line-height:2em;
  margin:0;
}

table th {
  margin-right:1em;
  background:#3f61fd75;
  padding:0.5em 1em;
}

table td {
  font-weight:normal;
  background:#e2dada33;
  padding:0.5em 1em;
  color:#fff;
}

@media screen and (min-width:768px) {
  table {
    width:80%;
    font-size:1.5em;
  }

 }

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