@charset "UTF-8";
abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 100%;
  outline: 0;
  vertical-align: baseline;
}

body {
  line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  background: transparent;
  font-size: 100%;
  vertical-align: baseline;
}

ins {
  text-decoration: none;
}

ins,
mark {
  background-color: #ff9;
  color: #000;
}

mark {
  font-weight: 700;
  font-style: italic;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #ccc;
}

html {
  overflow-x: hidden;
}

body {
  background: #fff;
  -webkit-text-size-adjust: none;
}

#wrapper {
  background: #fff;
  overflow: hidden;
}

#wrapper,
.inner {
  position: relative;
  margin: 0 auto;
}

.inner {
  width: 750pt;
  padding: 0;
}

img {
  vertical-align: bottom;
  max-width: 100%;
}

.img-center {
  display: block;
  margin: 0 auto;
}

table {
  font-size: inherit;
  font: 100%;
}

code,
kbd,
pre,
samp,
tt {
  font-family: monospace;
  line-height: 150%;
  *font-size: 100%;
  font: 115% monospace;
}

input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-size: 100%;
}

li,
ul {
  list-style: none;
}

button {
  padding: 0;
  border: 0;
  background: transparent;
}

article,
aside,
button,
dd,
div,
dl,
dt,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
input,
li,
nav,
ol,
p,
section,
table,
td,
textarea,
th,
tr,
ul {
  box-sizing: border-box;
}

body {
  color: #000;
  font-family: Yu Gothic Medium, 游ゴシック Medium, YuGothic, 游ゴシック体,
    ヒラギノ角ゴ Pro W3, メイリオ, sans-serif;
  letter-spacing: 0;
}

p {
  text-align: left;
}

dd,
dt,
p {
  line-height: 1.6;
}

.gothic {
  font-family: ヒラギノ角ゴ Pro W3, メイリオ;
}

.minchou {
  font-family: 游明朝, Yu Mincho, 游明朝体, YuMincho, ヒラギノ明朝 Pro W3,
    Hiragino Mincho Pro, MS Mincho, HiraMinProN-W3, serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  line-height: 1.6;
}

/* a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: transparent;
} */

input[type="button"],
input[type="submit"],
input[type="text"] {
  -webkit-appearance: none;
  border-radius: 0;
}

button {
  padding: 0;
  border: 0;
  background-color: transparent;
}

.db {
  display: block;
}

.ta-c {
  text-align: center;
}

.ta-l {
  text-align: left;
}

.ta-r {
  text-align: right;
}

.bold,
.ttl-font {
  font-weight: 700;
}

.ttl-font {
  text-align: center;
}

.block-center {
  margin: 0 auto;
}

.full-width {
  width: 100%;
}

.white {
  color: #fff;
}

.black {
  color: #000;
}

.navy {
  color: #317894;
}

.deep-red {
  color: #8f1919;
}

.orange {
  color: #ff680d;
}

.marker {
  background: linear-gradient(transparent 60%, #fff556 60%);
  background: -webkit-linear-gradient(transparent 60%, #fff556 0);
}

.border-dashed {
  border-bottom: 4px dashed #ffda0e;
}

.xs-spacing {
  letter-spacing: 0.05rem;
}

.s-spacing {
  letter-spacing: 0.1rem;
}

.m-spacing {
  letter-spacing: 0.15rem;
}

.l-spacing {
  letter-spacing: 0.2rem;
}

.line16 {
  line-height: 1.6;
}

.line17 {
  line-height: 1.7;
}

.line18 {
  line-height: 1.8;
}

.line19 {
  line-height: 1.9;
}

.line20 {
  line-height: 2;
}

.fs-12 {
  font-size: 9pt;
}

.fs-14 {
  font-size: 14px;
}

.fs-18 {
  font-size: 18px;
}

.fs-20 {
  font-size: 20px;
}

.fs-21 {
  font-size: 21px;
}

.fs-22 {
  font-size: 22px;
}

.fs-25 {
  font-size: 25px;
}

.fs-24 {
  font-size: 24px;
}

.fs-26 {
  font-size: 26px;
}

.fs-30,
.fs-32 {
  font-size: 30px;
}

.fs-34 {
  font-size: 34px;
}

.fs-38 {
  font-size: 38px;
}

.fs-40 {
  font-size: 40px;
}

.fs-42 {
  font-size: 42px;
}

.fs-44 {
  font-size: 44px;
}

.fs-46 {
  font-size: 46px;
}

.fs-48 {
  font-size: 3pc;
}

.fs-50 {
  font-size: 50px;
}

#container {
  width: 100%;
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

.left {
  float: left;
}

.right {
  float: right;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.front-position {
  z-index: 1;
}

.bx-wrapper,
.front-position {
  position: relative;
}

.ab-center {
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
}

.flex {
  display: flex;
  display: -webkit-flex;
}

.f-wrap {
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

.f-between,
.flex-list {
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

.flex-list {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

.fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 60;
}

.arrow:after {
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  content: "";
}

.bg-white {
  background-color: #fff;
}

.bg-black {
  background-color: #000;
}

.bg-flex {
  background-size: 100% auto;
}

.clearfix:after {
  display: block;
  height: 0;
  content: "";
  clear: both;
  visibility: hidden;
}

.u-target {
  transition: opacity 0.3s;
}

.u-target:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}

#wrapper.fixed {
  right: 0;
  left: 0;
}

/* バッティング解消 */
.l-header { z-index: 20!important; }
.l-header__drawer { display: none; }
.l-header .p-utility { display: none; }
.l-header__container { height: 74px; }
.c-modal .c-modal__overlay { z-index: 20!important; }
.micromodal-slide.is-open.modal { display: block; opacity: 1; pointer-events: inherit; }
ol.bread-crump-blue li {
  color: #666;
}

ol.bread-crump-blue li.parent a {
  color: #221815;
}

#sitemap a.blue {
  font-size: 12px;
}

#foot {
  font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", sans-serif;
  font-size: 10px;
  line-height: 1.6;
}


@-webkit-keyframes a {
  0 {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@keyframes a {
  0,
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes b {
  0 {
    -webkit-transform: translateY(0) rotate(-5deg);
    transform: translateY(0) rotate(-5deg);
  }
  50% {
    -webkit-transform: translateY(-5px) rotate(0);
    transform: translateY(-5px) rotate(0);
  }
  to {
    -webkit-transform: translateY(0) rotate(5deg);
    transform: translateY(0) rotate(5deg);
  }
}

@keyframes b {
  0 {
    -webkit-transform: translateY(0) rotate(-5deg);
    transform: translateY(0) rotate(-5deg);
  }
  50% {
    -webkit-transform: translateY(-5px) rotate(0);
    transform: translateY(-5px) rotate(0);
  }
  to {
    -webkit-transform: translateY(0) rotate(5deg);
    transform: translateY(0) rotate(5deg);
  }
}

/* .header {
  position: relative;
}

.header_bg01 {
  padding: 10px 0 9px;
  background-color: #fff;
}

.header_flex01 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header_logo01 {
  width: 163px;
}

.header_text01 {
  padding: 0 4pc 0 0;
  color: #02529e;
  font-size: 1pc;
  font-weight: 700;
  line-height: 1.5;
}

.header_text02 {
  margin: 0 10px 0 0;
  color: #09449f;
  font-size: 1pc;
  font-weight: 700;
}

.header_text03 {
  color: #032f70;
  font-size: 1pc;
  font-weight: 700;
}

.header_ico01 {
  width: 37px;
  margin: 0 10px 0 0;
}

.header_tell01 {
  color: #093e8d;
  font-size: 33px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.header_text04 {
  padding: 0 18px 0 0;
  color: #032f70;
  font-size: 14px;
  text-align: right;
}

.header_btn01 {
  display: block;
  width: 200px;
} */

.hero_bg {
  position: relative;
  height: 790px;
  padding: 40px 0 20px;
  background:url(../images/hero_bg01.jpg) no-repeat 50% 0;
  background-size: cover;
}
.hero_title01 {
  padding: 0 0 0 25px;
  font-size: 22px;
  color: #02529e;
  font-weight: normal;
}

.hero_title01 b {
  font-weight: bold;
}

.hero_title02 {
  position: absolute;
  top: 48px;
  left: 0;
  z-index: 1;
  width: 600px; 
}

.hero_bg .cta_btn01 {
  position: absolute;
  top: 580px;
  left: 100px;
  z-index: 2;
}

.hero_item01 {
  position: absolute;
  top: 40px;
  left: 10px;
  width: 66px;
  -webkit-animation: a 3s infinite ease-in-out alternate;
  animation: a 3s infinite ease-in-out alternate;
}

.hero_item02 {
  position: absolute;
  top: 0px;
  right: 15px;
  width: 75pt;
  -webkit-animation: b 3s infinite ease-in-out alternate;
  animation: b 3s infinite ease-in-out alternate;
}

.hero_movie {
  position: absolute;
  top: 0;
  left: 67%;
  z-index: 1;
  width: 75pc;
  height: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.hero_movie:before {
  left: -300px;
  background: linear-gradient(90deg, #f4f4f4 300px, transparent);
}

.hero_movie:after,
.hero_movie:before {
  position: absolute;
  z-index: 5;
  width: 25pc;
  height: 637px;
  content: "";
}

.hero_movie:after {
  right: -300px;
  background: linear-gradient(-90deg, #f4f4f4 300px, transparent);
}

.hero video {
  position: relative;
  top: 0;
  z-index: 1;
  width: 100%;
}

.hero02_bg01 {
  padding: 40px 0 100px;
  background-color: #fff5cf;
}

.hero_text01 {
  position: relative;
  width: 870px;
  margin: 0 auto;
}

.hero02_bg02 {
  margin: -40px 0 0 0;
  padding: 100px 0 40px;
  background: url(../images/hero02_bg01.png) no-repeat center/cover;
}

.hero_text02 {
  position: relative;
  width: 870px;
  margin: 0 auto;
}

.award_bg {
  padding: 60px 0 50px;
  background: url(../images/award_bg01.png) no-repeat center/cover;
}

.award_title01 {
  width: 750pt;
  margin: 0 auto 10px;
}

.award_text01 {
  position: absolute;
  left: 710px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: .02em;
}

.award_text01:nth-of-type(1) {
  bottom: 204px;
  font-size: 20px;
}

.award_text01:nth-of-type(2) {
  bottom: 98px;
  font-size: 24px;
}

.award_text01 .font-color {
  color: #ff4242;
  font-size: 30px;
  line-height: 1.2;
}

.award_text01 .font-big {
  font-size: 40px;
}

.award_text01 .font-medium {
  font-size: 30px;
}

.award_text01 .font-small {
  font-size: 20px;
}

.award_text01 .sup {
  position: absolute;
  font-size: 12px;
}

.award_note01 {
  color: #fff;
  font-size: 9pt;
  letter-spacing: 0.06em;
  text-align: right;
}

.award_item01 {
  position: absolute;
  top: 332px;
  right: -60px;
  width: 131px;
  -webkit-animation: a 3s infinite ease-in-out alternate;
  animation: a 3s infinite ease-in-out alternate;
}

.cta_banner {
    padding: 60px 0 0;
}

.cta_bg {
  position: relative;
  padding: 0px 0 60px;
  background: url(../images/cta_bg02.jpg) no-repeat center top/cover;
}

.cta_banner_wrap {
  background:url(../images/cta_bg04.png) no-repeat 50% 0; background-size: cover;
}

.cta_title01 {
  color: #fff;
  font-size: 50px;
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
}

.cta_item01 {
  width: 550px;
  margin: 40px auto 0 auto;
}

.cta_title01 .font-medium {
  font-size: 60px;
}

.cta_title01 .font-big {
  font-size: 70px;
}

.cta_text01 {
  width: 472px;
  margin: 30px auto 40px;
}

.cta_btnarea01 {
  display: flex;
  width: 942px;
  margin: 0 auto;
  justify-content: space-between;
  align-items: end;
}

.cta_btnarea01 .cta_btn01 {
  width: 480px;
  margin-right: 30px;
}

.cta_btn01 {
  display: block;
  width: 380px;
}

.cta_btn02 {
  display: block;
  width: 540px;
  margin: 0 0 12px 0;
}

.voice_bg {
  padding: 74px 0 44px;
  background: url(../images/voice_bg01.jpg) no-repeat center/cover;
}

.voice_title01 {
  position: absolute;
  top: 83px;
  left: 279px;
  font-size: 60px;
  font-weight: bold;
  letter-spacing: 0.02em;
}

.voice_title02 {
  position: relative;
  z-index: 2;
  width: 994px;
  margin: 0 0 46px;
}

.voice_title02:before {
  position: absolute;
  right: -84px;
  z-index: 1;
  width: 321px;
  height: 405px;
  background: url(../images/voice_item01.png) no-repeat center/cover;
  content: "";
}

.voice_list01 {
  display: flex;
  position: relative;
  z-index: 2;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.voice_item01 {
  position: relative;
  width: 5in;
  height: 200px;
  margin: 0 0 40px;
  padding: 38px 9pt 0 2pc;
  border: solid 2px #000;
  background-color: #fff;
  border-radius: 8px;
}

.voice_item01.custom {
  height: 220px;
}

.voice_title03 {
  display: inline-block;
  position: absolute;
  top: -10px;
  left: -2px;
  width: 188px;
  padding: 8px 0 6px 20px;
  background-color: #ff680d;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.08em;
  border-radius: 6px;
  box-shadow: 4px 4px #d9d9d9;
}

.voice_flex01 {
  display: flex;
  justify-content: space-between;
}

.voice_textarea01 {
  width: calc(100% - 134px);
}

.voice_title04 {
  margin: 0 0 6px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.01em;
}

.voice_name01 {
  font-weight: 700;
  letter-spacing: 0.08em;
}

.voice_img01 {
  width: 134px;
  margin: -10px 0 0;
}

.voice_note01 {
  position: absolute;
  right: 0;
  bottom: 0.8rem;
  font-size: 14px;
  text-align: right;
}

.voice02_bg {
  padding: 84px 0 75pt;
  background: url(../images/voice02_bg01.jpg) no-repeat center top/cover;
}

.voice02_list01 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.voice02_item01 {
  width: 100%;
  margin: 0 0 5pc;
  padding: 74px 90px;
}

.voice02_item01,
.voice02_item02 {
  position: relative;
  border: 2px solid #000;
  background-color: #fff;
  border-radius: 20px;
}

.voice02_item02 {
  width: 5in;
  padding: 90px 38px 54px;
}

.voice02_lead {
  position: absolute;
  top: 70px;
  left: 183px;
  color: #ff6666;
  font-size: 60px;
  font-weight: bold;
  letter-spacing: 0.03em;
}

.voice02_title01 {
  width: 434px;
  margin: 0 0 110px 178px;
}

.voice02_title02 {
  margin: 0 0 9pt;
  color: #f66;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.voice02_title03 {
  margin: 0 0 2pc;
  line-height: 1.7;
  letter-spacing: -0.1em;
}

.voice02_title03,
.voice02_title04 {
  color: #f66;
  font-size: 26px;
  font-weight: 700;
}

.voice02_title04 {
  margin: 0 0 6px;
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.voice02_name01 {
  margin: 0 0 38px;
  letter-spacing: 0.1em;
}

.voice02_name01,
.voice02_name02 {
  color: #000;
  font-size: 18px;
  font-weight: 700;
}

.voice02_name02 {
  width: 110%;
  margin: 0 0 26px;
  letter-spacing: -0.005em;
}

.voice02_text01 {
  width: 50pc;
}

.voice02_text01,
.voice02_text02 {
  color: #000;
  font-size: 18px;
  line-height: 2.1;
  letter-spacing: 0.04em;
}

.voice02_img01 {
  position: absolute;
  top: 30%;
  left: 78%;
  width: 360px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.voice02_img02 {
  width: 25pc;
  margin: 0 auto 2pc;
}

.voice02_case01 {
  position: absolute;
  top: -70px;
  left: 1pc;
  width: 140px;
}

.chance_bg01 {
  padding: 55px 0;
  background-color: #ff4c4c;
}

.chance_bg02 {
  padding: 106px 0 190px;
  background: url(../images/chance_bg01.jpg) no-repeat center/cover;
}

.chance_title01 {
  width: 971px;
  margin: 0 0 0 auto;
}

.chance_title02 {
  width: 601px;
  margin: 0 auto 86px;
}

.chance_text01 {
  width: 1157px;
}

.chance_text02 {
  margin: -186px 0 0 65px;
  font-size: 18px;
  line-height: 2;
}

.chance_item01 {
  position: absolute;
  top: 3pc;
  left: -122px;
  width: 8pc;
  -webkit-animation: a 3s infinite ease-in-out alternate;
  animation: a 3s infinite ease-in-out alternate;
}

.feature_bg01 {
  padding: 80px 0 40px;
}

.feature_bg02 {
  padding: 34px 0 68px;
  background: url(../images/feature_bg01.jpg) no-repeat center top/cover;
  min-width: 750pt;
  text-align: center;
}

.feature_bg02 .cta_btn01 {
  width: 480px;
  margin: 80px auto 0;
}
.feature_title01 {
  font-size: 66px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-align: center;
}

.feature_title02 {
  width: 642px;
  margin: 5px auto 0;
}

.feature_item01 {
  position: absolute;
  top: 0;
  left: 0;
  width: 138px;
  -webkit-animation: a 3s infinite ease-in-out alternate;
  animation: a 3s infinite ease-in-out alternate;
}

.feature_item02 {
  left: 88px;
  width: 126px;
}

.feature_item02,
.feature_item03 {
  position: absolute;
  top: 255px;
  -webkit-animation: a 4.4s infinite ease-in-out alternate;
  animation: a 4.4s infinite ease-in-out alternate;
}

.feature_item03 {
  right: 75px;
  width: 7pc;
}

.feature_text01 {
  width: 620px;
  margin: 0 auto 26px;
}

.feature_text02 {
  width: 898px;
  margin: 0 auto;
}

.feature_text03 {
  margin: -165px 0 0 0;
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-align: center;
}

.feature_text03 .font-color {
  color: #ff4c4c;
}

.feature02_bg {
  padding: 138px 0 78px;
  background-color: #fdd118;
}

.feature02_content01 {
  position: relative;
  margin: 0 0 110px;
}

.feature02_title01 {
  width: 750pt;
  margin: 0 auto 50px;
}

.feature02_title02 {
  margin: 0 0 18px;
  font-size: 34px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-align: center;
}

.feature02_wrap {
  width: 770px;
  margin: 0 auto 40px;
}

.feature02_block {
  width: 570px;
  margin: 0 auto;
}

.feature02_text01 {
  font-size: 20px;
  letter-spacing: 0.08em;
  text-align: center;
  line-height: 2;
}

.feature02_item01 {
  top: 18px;
  left: 40px;
  width: 198px;
}

.feature02_item01,
.feature02_item02 {
  position: absolute;
  -webkit-animation: a 3s infinite ease-in-out alternate;
  animation: a 3s infinite ease-in-out alternate;
}

.feature02_item02 {
  top: 28px;
  left: 5pc;
  width: 196px;
}

.feature02_item03 {
  top: 3pc;
  left: 50px;
  width: 174px;
}

.feature02_item03,
.feature02_item04 {
  position: absolute;
  -webkit-animation: a 3s infinite ease-in-out alternate;
  animation: a 3s infinite ease-in-out alternate;
}

.feature02_item04 {
  top: 47%;
  left: 47%;
  width: 101px;
}

.feature02_content02 {
  position: relative;
}

.feature02_lead {
  position: relative;
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-align: center;
}

.feature02_img02 {
  margin: -93px 0 0 0;
  width: 100%;
}

.feature02_text02 {
  position: absolute;
  bottom: -3%;
  left: 50%;
  width: 100%;
  font-size: 24px;
  line-height: 1.9;
  letter-spacing: 0.08em;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.feature02_text02-font01 {
  color: #ff4c4c;
  font-size: 28px;
  font-weight: 700;
}

.feature02_textarea {
  width: 750pt;
  margin: 0 0 0 -217px;
}

.feature02_note01 {
  position: absolute;
  top: 93.5%;
  left: 61.6%;
  width: 58%;
  color: #fff;
  font-size: 9pt;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.feature02_note01-link {
  color: #fff;
  text-decoration: none;
}

.feature03_bg01 {
  padding: 80px 0 100px;
  background-color: #fff5cf;
}

.feature03_text01 {
  position: relative;
  margin: 0 auto;
  width: 870px;
}

.feature03_bg02 {
  margin: -40px 0 0 0;
  padding: 60px 0;
  background: url(../images/feature03_bg01.png) no-repeat center/cover;
}

.feature03_text02 {
  position: relative;
  margin: 0 auto;
  width: 790px;
}



.reason_bg {
  padding: 78px 0 82px;
  background: url(../images/reason_bg01.jpg) no-repeat center/cover;
}

.reason_title01 {
  position: absolute;
  top: 95px;
  left: 174px;
  font-size: 46px;
  font-weight: bold;
  letter-spacing: 0.08em;
}

.reason_title02 {
  width: 660px;
  margin: 0 auto 60px;
}

.reason_title03 {
  position: relative;
  width: 500px;
  margin: 0 0 0 auto;
  padding: 0 25px 0 0;
}

.reason_title04 {
  position: absolute;
  top: -110px;
  right: -87pt;
  width: 220px;
  -webkit-animation: a 3s infinite ease-in-out alternate;
  animation: a 3s infinite ease-in-out alternate;
}

.reason_img01 {
  width: 750pt;
  margin: 0 auto 75pt;
}

.reason02_lead {
  position: absolute;
  top: 76px;
  left: 220px;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 0.02em;
  z-index: 1;
}

.reason02_lead .font-big {
  font-size: 44px;
}

.reason02_lead .font-medium {
  font-size: 38px;
}

.reason02_title01 {
  width: 909px;
  margin: 0 auto;
}

.reason02_title02 {
  width: 835px;
  margin: 0 auto 40px;
}

.reason02_title03 {
  width: 835px;
  margin: 0 auto 26px;
}

.reason02_title04 {
  width: 835px;
  margin: 0 auto;
}

.reason02_bg01 {
  position: relative;
  z-index: 1;
  height: 548px;
  padding: 60px 0 0;
  background: url(../images/reason02_bg01.png) no-repeat center/cover;
}

.reason02_bg02 {
  margin: -44px 0 0;
  padding: 110px 0 5pc;
  background-color: #fff6d0;
}

.reason02_bg03 {
  position: relative;
  padding: 6pc 0 46px;
  background: url(../images/reason02_bg02.jpg) repeat center;
}

.reason02_bg04 {
  padding: 50px 0 5pc;
  background-color: #fdd118;
}

.reason02_bg05 {
  position: relative;
  padding: 56px 0 46px;
}

.reason02_bg05,
.reason02_bg06 {
  background: url(../images/reason02_bg02.jpg) repeat center;
}

.reason02_bg06 {
  padding: 40px 0 5pc;
}

.reason02_img01 {
  width: 639px;
  margin: 0 auto 24px;
}

.reason02_img03 {
  width: 680px;
  margin: 0 auto 24px;
}

.reason02_img03.ico {
  cursor: pointer;
}

.ie .reason02_img03.ico {
  cursor: inherit;
  pointer-events: none;
}

.ie .reason02_ico_wrap {
  display: none;
}

.reason02_img03.ico:hover .reason02_ico_wrap {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}

.reason02_textarea01 {
  margin: 0 0 46px;
}

.reason02_text01 {
  width: 680px;
  margin: 0 auto;
  font-size: 18px;
  line-height: 2.1;
  letter-spacing: -0.01em;
}

.reason02_text01 + .reason02_text01 {
  padding: 38px 0 0;
}

.reason02_list01 {
  display: flex;
  position: relative;
  font-size: 24px;
  font-weight: 700;
  justify-content: center;
  align-items: center;
}

.reason02_list01:before {
  position: absolute;
  top: -92px;
  right: -28px;
  width: 8pc;
  height: 158px;
  background: url(../images/reason02_item02.png) no-repeat center/cover;
  content: "";
  -webkit-animation: a 3s infinite ease-in-out alternate;
  animation: a 3s infinite ease-in-out alternate;
}

.reason02_item01 {
  position: relative;
}

.reason02_item01 .small{
  padding: 6px 10px;
  font-size: 16px;
  position: absolute;
  top: 66%;
  left: 46%;
}


.reason02_item01:not(:last-of-type) {
  padding: 0 70px 0 0;
}

.reason02_item01:before {
  display: block;
  position: absolute;
  top: 1px;
  left: -35px;
  width: 1pc;
  height: 8px;
  border-bottom: 5px solid #fff;
  border-left: 5px solid #fff;
  box-sizing: content-box;
  content: "";
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-radius: 3px;
}

.reason02_wrap {
  box-shadow: 0 0 10px #d3cbac;
}

.reason02_wrap02 {
  width: 610px;
  margin: 0 auto 4pc;
}

.reason02_content01:not(:last-of-type) {
  margin: 0 0 66px;
}

.reason02_star01 {
  position: absolute;
  top: -34px;
  left: -52px;
  width: 327px;
}

.reason02_img02 {
  position: absolute;
  top: 150px;
  right: 60px;
  width: 203px;
  -webkit-animation: b 3s infinite ease-in-out alternate;
  animation: b 3s infinite ease-in-out alternate;
}

.reason02_ico {
  right: -5px;
  width: 0;
  height: 0;
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
  border-left: 22px solid #fff;
}

.reason02_ico,
.reason02_ico_wrap {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.reason02_ico_wrap {
  right: 0;
  width: 75pt;
  height: 75pt;
  background-color: #43362e;
  border-radius: 100%;
  opacity: 0.8;
  transition: -webkit-transform ease-in-out 0.3s;
  transition: transform ease-in-out 0.3s;
  transition: transform ease-in-out 0.3s, -webkit-transform ease-in-out 0.3s;
}

.user_bg {
  height: 1130px;
  padding: 85px 0 0;
  background: url(../images/user_bg01.jpg) no-repeat center/cover;
}

.user_lead {
  margin: 0 0 0 282px;
  color: #093e8d;
  font-size: 56px;
  font-weight: bold;
  letter-spacing: 0.04em;
}

.user_title01 {
  width: 501px;
  margin: 10px auto 93pt;
}

.user_title02 {
  width: 434px;
  margin: 0 0 38px auto;
}

.user_title02.custom {
  margin: 0 0 45px auto;
}

.user_flex01 {
  display: flex;
  justify-content: space-between;
}

.user_box01 {
  position: relative;
  width: 456px;
}

.user_list01 {
  height: 328px;
  padding: 20px;
  background-color: #ffd26b;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: -0.04em;
  border-radius: 10px;
}

.user_item01 {
  position: relative;
  margin: 0 0 9pt;
  padding: 0 0 10px 56px;
}

.user_item01:nth-of-type(1),
.user_item01:nth-of-type(2) {
  border-bottom: 3px dotted #fff;
}

.user_item01:nth-of-type(2n + 1):before {
  position: absolute;
  top: 5px;
  left: 0;
  width: 42px;
  height: 42px;
  background: url(../images/user_ico01.png) no-repeat center/contain;
  content: "";
}

.user_item01:nth-of-type(2n):before {
  position: absolute;
  top: 5px;
  left: 0;
  width: 42px;
  height: 42px;
  background: url(../images/user_ico02.png) no-repeat center/contain;
  content: "";
}

.user_note01 {
  padding: 10px 0 0;
  font-size: 13px;
  text-align: right;
}

.user_item02 {
  position: absolute;
  top: 95px;
  left: -7px;
  width: 87pt;
  -webkit-animation: b 3s infinite ease-in-out alternate;
  animation: b 3s infinite ease-in-out alternate;
}

.user_item03 {
  position: absolute;
  top: 102px;
  left: -10px;
  width: 8pc;
  -webkit-animation: a 3s infinite ease-in-out alternate;
  animation: a 3s infinite ease-in-out alternate;
}

.faq_bg {
  padding: 87pt 0 56px;
  background-color: #093e8d;
}

.faq_title01 {
  position: relative;
  width: 25pc;
  margin: 0 auto 4pc;
}

.faq_flex01 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.faq_block01 {
  width: 5in;
  margin: 0 0 44px;
  -webkit-perspective: 975pt;
  perspective: 975pt;
}

.faq_dt01 {
  display: flex;
  position: relative;
  z-index: 2;
  height: 125px;
  border-bottom: solid 5px #093e8d;
  cursor: pointer;
  border-radius: 10px;
  transition: all 0.8s;
}

.faq_dt01:before {
  position: absolute;
  top: 50%;
  left: 11%;
  width: 40px;
  height: 34px;
  background: url(../images/faq_item01.png) no-repeat center/cover;
  content: "";
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.faq_dt01.active .open {
  display: none;
}

.faq_dt01.active .closed {
  display: block;
}

.faq_dt01.active .faq_text02:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.faq_dt01 .open {
  display: block;
}

.faq_dt01 .closed {
  display: none;
}

.faq_dd01 {
  position: relative;
  height: 0;
  transition: all 0.8s ease 0.4s;
}

.faq_dd01.height01.active {
  height: 380px;
  transition: all 0.8s;
}

.faq_dd01.height02.active {
  height: 5in;
  transition: all 0.8s;
}

.faq_dd01.active .faq_flip01 {
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
  opacity: 1;
  transition: all 0.8s ease 0.4s;
}

.faq_flip01 {
  position: relative;
  z-index: 1;
  width: auto;
  margin: -5px 0 0;
  padding: 35px 50px 0 86px;
  background-color: #fff;
  border-radius: 0 0 10px 10px;
  -webkit-transform-origin: center top;
  transform-origin: center top;
  -webkit-transform: rotateX(60deg);
  transform: rotateX(60deg);
  opacity: 0;
  transition: all 0.8s;
}

.faq_flip01.height01 {
  height: 380px;
}

.faq_flip01.height02 {
  height: 5in;
}

.faq_flip01:before {
  position: absolute;
  top: 54px;
  left: 11%;
  width: 40px;
  height: 34px;
  background: url(../images/faq_item02.png) no-repeat center/cover;
  content: "";
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.faq_text01 {
  width: 408px;
  padding: 26px 0 26px 86px;
  background-color: #fff;
  color: #093e8d;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.8;
  border-radius: 10px 0 0 10px;
  box-sizing: border-box;
}

.faq_text01.line01 {
  padding: 42px 0 26px 86px;
}

.faq_text02 {
  position: relative;
  width: 72px;
  padding: 40px 0 0;
  background-color: #ff690e;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: center;
  border-radius: 0 10px 10px 0;
  box-sizing: border-box;
}

.faq_text02:before {
  position: absolute;
  top: 76px;
  left: 28px;
  width: 8px;
  height: 8px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  content: "";
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  transition: all 0.8s;
}

.faq_text03 {
  color: #093e8d;
  font-size: 18px;
  line-height: 1.9;
  letter-spacing: -0.04em;
}

.faq_item01 {
  position: absolute;
  top: -14%;
  left: -43%;
  width: 87pt;
  -webkit-animation: b 3s infinite ease-in-out alternate;
  animation: b 3s infinite ease-in-out alternate;
}

.trouble_bg {
  padding: 106px 0 88px;
  background: url(../images/trouble_bg01.jpg) no-repeat center top/cover;
}

.trouble_title01 {
  width: 59pc;
  margin: 0 auto 38px;
}

.trouble_img01 {
  width: 1025px;
  margin: 0 0 0 -9pt;
}

.value {
  position: relative;
}

.value_bg01 {
  padding: 75pt 0 80px;
  background-color: #ff680d;
}

.value_bg02 {
  padding: 66px 0 60px;
  background-color: #fff;
  border-radius: 10px;
}

.value_content01:not(:last-of-type) {
  margin: 0 0 40px;
}

.value_inner {
  width: 920px;
  margin: 0 auto;
}

.value_title01 {
  width: 567px;
  margin: 0 auto 36px;
}

.value_title02 {
  width: 41pc;
  margin: 0 auto 3pc;
}

.value_img01 {
  margin: 0 0 30px;
}

.value_img02 {
  width: 825px;
  margin: -52px auto 38px;
}

.value_img03 {
  width: 817px;
  margin: -52px auto 38px;
}

.value_img04 {
  width: 850.5px;
  margin: -52px auto 38px;
}

.value_text01 {
  display: inline-block;
  margin: 0 0 0 567px;
  padding: 0 20px 0 10px;
  background: #ff680d;
  border-radius: 10px;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 2.2;
}

.value_text03 {
  display: inline-block;
  margin: 0 0 0 547px;
  padding: 0 20px 0 10px;
  background: #ff680d;
  border-radius: 10px;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 2.2;
}

.value_text02 {
  width: 4in;
  margin: 0 auto 36px;
}

.value_flex01 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.value_btn01 {
  display: block;
  width: 450px;
  margin: 0 auto;
}

.value_item01 {
  position: absolute;
  top: -143px;
  right: -45px;
  width: 274px;
  -webkit-animation: a 3s infinite ease-in-out alternate;
  animation: a 3s infinite ease-in-out alternate;
}

.value_wrap {
  margin: 0 0 58px;
  padding: 54px 0 75pt;
  background-color: #fff5ca;
}

#canvas-wrap {
  position: absolute;
  top: -177px;
  left: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

canvas {
  display: block;
}

.benefit_bg {
  padding: 222px 0 110px;
  background: url(../images/benefit_bg.jpg) no-repeat center top/cover;
}

.benefit_lead {
  margin: 0 0 0 323px;
  color: #ff6666;
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 0.08em;
}

.benefit_title01 {
  margin: 10px 0 60px;
}

.benefit_title02 {
  width: 707px;
  margin: 0 auto 40px;
}

.benefit_title03 {
  width: 1010px;
}

.benefit_img01 {
  width: 1029px;
  margin: 0 0 2pc;
}

.benefit_img02 {
  padding: 1pc 0 0;
}

.benefit_text01 {
  margin: 0 0 82px;
  font-size: 18px;
  line-height: 2.2;
  letter-spacing: 0.1em;
  text-align: center;
}

.benefit_text02 {
  font-size: 18px;
  line-height: 2.1;
}

.benefit_textarea01 {
  padding: 2pc 0 3pc 8pc;
}

.benefit_textarea02 {
  position: relative;
  padding: 2pc 204px 3pc 330px;
}

.benefit_textarea02:before {
  left: 20%;
  background: url(../images/benefit_img02.png) no-repeat center/cover;
}

.benefit_textarea02:after,
.benefit_textarea02:before {
  position: absolute;
  top: 78pt;
  width: 183px;
  height: 173px;
  content: "";
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.benefit_textarea02:after {
  left: 91%;
  background: url(../images/benefit_img03.png) no-repeat center/cover;
}

.tablist .swiper-wrapper {
  margin: 0 0 15px;
  justify-content: space-between;
  -webkit-transform: none !important;
  transform: none !important;
}

.tablist .swiper-slide {
  cursor: pointer;
  position: relative;
  width: 182px !important;
  padding: 5px;
  background-color: #fff;
  border-radius: 10px;
}

.tablist .swiper-slide.swiper-slide-thumb-active .num {
  background-color: #ff9000;
  color: #fff;
}

.tablist .num {
  background-color: #fff;
  color: #ff9000;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  border-radius: 10px;
  padding: 8px 0;
}

.tablist .num span {
  font-size: 30px;
}

.tabpanel .swiper-slide:hover .wrap {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}

.tabpanel .content {
  margin: 0 0 30px;
  cursor: pointer;
}

.tabpanel .wrap {
  width: 110px;
  height: 110px;
  background-color: #fdd62f;
  border-radius: 50%;
  opacity: 0.9;
  transition: -webkit-transform ease-in-out 0.3s;
  transition: transform ease-in-out 0.3s;
  transition: transform ease-in-out 0.3s, -webkit-transform ease-in-out 0.3s;
}

.tabpanel .wrap,
.tabpanel .wrap .ico {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.tabpanel .wrap .ico {
  width: 50px;
  height: 51px;
}

.reason-tablist .swiper-wrapper {
  margin: 0 0 24px;
  justify-content: space-between;
  -webkit-transform: none !important;
  transform: none !important;
}

.reason-tablist .swiper-slide {
  position: relative;
  width: 145px !important;
  cursor: pointer;
}

.reason-tablist .swiper-slide.swiper-slide-thumb-active .num {
  border-bottom: solid 5px #093e8d;
  background-color: #093e8d;
  color: #fff;
}

.reason-tablist .num {
  padding: 10px 0 6px;
  border-bottom: solid 5px #8ab2eb;
  background-color: #bdd3f4;
  color: #093e8d;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  border-radius: 10px;
}

.reason-tablist .num span {
  font-size: 30px;
}

.reason-tabpanel {
  width: 550px !important;
  margin: 0 auto;
}

.reason-tabpanel .swiper-slide {
  cursor: pointer;
}

.reason-tabpanel .swiper-slide:hover .wrap {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}

.reason-tabpanel .wrap {
  width: 110px;
  height: 110px;
  background-color: #294d85;
  border-radius: 50%;
  opacity: 0.9;
  transition: -webkit-transform ease-in-out 0.3s;
  transition: transform ease-in-out 0.3s;
  transition: transform ease-in-out 0.3s, -webkit-transform ease-in-out 0.3s;
}

.reason-tabpanel .wrap,
.reason-tabpanel .wrap .ico {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.reason-tabpanel .wrap .ico {
  width: 50px;
  height: 51px;
}

.reason-tabpanel .swiper-pagination-bullets {
  bottom: -28px!important;
}

.reason-tabpanel .swiper-pagination-bullet {
  width: 9pt;
  height: 9pt;
  margin: 0 14px !important;
  background-color: #b5b5b5;
  opacity: 1;
}

.reason-tabpanel .swiper-pagination-bullet-active {
  background: #093e8d;
}

.value-tablist .swiper-wrapper {
  width: 616px;
  margin: 0 auto 2pc;
  justify-content: space-between;
  -webkit-transform: none !important;
  transform: none !important;
}

.value-tablist .swiper-slide {
  position: relative;
  cursor: pointer;
  opacity: 0.3;
}

.value-tablist .swiper-slide.first {
  width: 123px !important;
}

.value-tablist .swiper-slide.sec {
  width: 114px !important;
}

.value-tablist .swiper-slide.third {
  width: 130px !important;
}

.value-tablist .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}

.value-tablist .num {
  padding: 10px 0 6px;
  border-bottom: solid 5px #8ab2eb;
  background-color: #bdd3f4;
  color: #093e8d;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  border-radius: 10px;
}

.value-tablist .num span {
  font-size: 30px;
}

.value-tabpanel {
  width: 790px !important;
  margin: 0 auto;
}

.value-tabpanel .flex {
  display: flex;
  justify-content: space-between;
}

.value-tabpanel .box01 {
  width: 380px;
}

.value-tabpanel .img {
  margin: 0 0 24px;
}

.value-tabpanel .title {
  margin: 0 0 2px;
  color: #ff680d;
  font-size: 18px;
  font-weight: 700;
}

.value-tabpanel .text {
  font-size: 16px;
  letter-spacing: .04em;
}

.value-tabpanel .swiper-pagination-bullets {
  bottom: -3pc!important;
}

.value-tabpanel .swiper-pagination-bullet {
  width: 9pt;
  height: 9pt;
  margin: 0 14px !important;
  background-color: #b5b5b5;
  opacity: 1;
}

.value-tabpanel .swiper-pagination-bullet-active {
  background: #ff680d;
}

.modal {
  display: block;
  pointer-events: none;
  opacity: 0;
}

.modal_bg01 {
  z-index: 30;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  transform-origin: center;
  opacity: 0;
  transition: opacity 0.8s ease-in-out;
}

.modal_bg01,
.modal_bg02 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  -webkit-transform-origin: center;
}

.modal_bg02 {
  z-index: 40;
  width: 80vw;
  height: 80vw;
  -webkit-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
  transform-origin: center;
  opacity: 0.7;
  border-radius: 50%;
  transition: -webkit-transform 0.8s ease-in-out;
  transition: transform 0.8s ease-in-out;
  transition: transform 0.8s ease-in-out, -webkit-transform 0.8s ease-in-out;
}

.modal_bg02.yellow {
  background-color: #fdd62f;
}

.modal_bg02.blue {
  background-color: #294d85;
}

.modal_item {
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 40;
  width: 75%;
  margin: auto;
  align-items: center;
  max-width: 50pc;
  -webkit-transform: scale3d(0.3, 0.3, 0.3);
  transform: scale3d(0.3, 0.3, 0.3);
  opacity: 0;
  transition: all 0.6s ease-in-out 0.2s;
}

.modal_item img {
  width: 100%;
}

.modal_close {
  display: block;
  position: absolute;
  top: -63px;
  right: -8px;
  width: 4pc;
  height: 4pc;
  cursor: pointer;
}

.modal_border01 {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.modal_border01,
.modal_border02 {
  position: absolute;
  top: 2pc;
  left: 15px;
  width: 34px;
  height: 3px;
  background-color: #fff;
}

.modal_border02 {
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}

.modal.active {
  pointer-events: auto;
  opacity: 1;
}

.modal.active .modal_bg01 {
  opacity: 1;
}

.modal.active .modal_bg02,
.modal.active .modal_item {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.modal.active .modal_item {
  opacity: 1;
  pointer-events: none;
}

.swiper-button {
  position: absolute;
  top: 194px;
  z-index: 1;
  width: 37px;
  height: 60px;
  cursor: pointer;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.swiper-button-next01,
.swiper-button-next02,
.swiper-button-next03,
.swiper-button-next04 {
  left: -90px;
  background: url(../images/prev.png) no-repeat center/cover;
}

.swiper-button-prev01,
.swiper-button-prev02,
.swiper-button-prev03,
.swiper-button-prev04 {
  right: -90px;
  background: url(../images/next.png) no-repeat center/cover;
}

.swiper-button-next04 {
  left: -4pc;
  background: url(../images/prev02.png) no-repeat center/cover;
}

.swiper-button-prev04 {
  right: -4pc;
  background: url(../images/next02.png) no-repeat center/cover;
}

.swiper-button-next05,
.swiper-button-next06,
.swiper-button-next07,
.swiper-button-next08 {
  top: 42%;
  left: 20px;
  width: 33px;
  height: 54px;
  background: url(../images/prev03.png) no-repeat center/cover;
}

.swiper-button-prev05,
.swiper-button-prev06,
.swiper-button-prev07,
.swiper-button-prev08 {
  top: 42%;
  right: 20px;
  width: 33px;
  height: 54px;
  background: url(../images/next03.png) no-repeat center/cover;
}

.movie {
  display: none;
}

.movie_bg {
  z-index: 70;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}

.movie_bg,
.movie_block {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.movie_block {
  z-index: 80;
  width: 810pt;
  height: 607px;
  margin: auto;
  background-color: #fff;
}

.movie_content {
  width: 100%;
}

.movie_close {
  display: block;
  position: absolute;
  top: -4pc;
  right: 0;
  width: 4pc;
  height: 4pc;
  background-color: #111;
  cursor: pointer;
}

.movie_border01 {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.movie_border01,
.movie_border02 {
  position: absolute;
  top: 2pc;
  left: 15px;
  width: 34px;
  height: 3px;
  background-color: #fff;
}

.movie_border02 {
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}

.customer_bg {
  padding: 60px 0 52px;
  background-color: #c1ebec;
}

.customer_title01 {
  margin: 0 0 50px;
}

.customer_flex01 {
  display: flex;
  justify-content: space-between;
}

.customer_textarea01 {
  width: 620px;
}

.customer_text01 {
  margin: 0 0 20px;
  color: #032f70;
  font-size: 17px;
  line-height: 2.1;
}

.customer_img01 {
  width: 340px;
}

.customer_note01 {
  display: block;
  padding: 10px 0 0;
  color: #032f70;
}

.footer_bg {
  padding: 36px 0;
  background-color: #093e8d;
}

.footer_copyright {
  display: block;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-align: center;
}