@charset 'euc-jp';

/* Layout
 *********************************** */
.container div,
.container p,
.container h1,
.container h2,
.container h3,
.container h4,
.container h5,
.container h6,
.container ol,
.container ul,
.container li,
.container dl,
.container dt,
.container dd {
  box-sizing: border-box;
}

.container {
  width: 100%;
  min-width: 980px;
}

.page-header {
  margin-right: auto;
  margin-left: auto;
  width: 980px;
}

.breadcrumb {
  line-height: 2;
  font-size: 18px;
}

.page-footer {
  width: 100%;
  background-color: #fff;
}

/* Article and Sections
 *********************************** */
.article {
  line-height: 1.6;
  font-family: '¥Ò¥é¥®¥Î³Ñ¥´ Pro W3', 'Hiragino Kaku Gothic Pro', '¥á¥¤¥ê¥ª', Meiryo, '£Í£Ó £Ð¥´¥·¥Ã¥¯', 'MS PGothic', sans-serif;
  font-size: 20px;

  line-break: strict;
  overflow-wrap: break-word;
  -webkit-text-size-adjust: 100%;
}

.section-title {
  width: 100%;
  height: 468px;
  background-color: #e61212;
}

.section-title__block {
  margin-top: 12px;
  margin-right: auto;
  margin-left: auto;
  width: 980px;
  line-height: 1.4;
  font-size: 38px;
  text-align: center;
  letter-spacing: 2px;
  color: #fff;
}

.section-payment {
  margin-top: 24px;
  margin-right: auto;
  margin-bottom: 60px;
  margin-left: auto;
  width: 980px;
}

.section-payment__messages {
  text-align: center;
  color: #e61212;
  font-weight: bold;
  font-size: 32px;
}

.section-workflow {
  margin-top: 60px;
  margin-right: auto;
  margin-bottom: 60px;
  margin-left: auto;
  width: 980px;
}

.section__title {
  margin-right: auto;
  margin-bottom: 60px;
  margin-left: auto;
  width: 552px;
  height: 60px;
  line-height: 64px;
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2px;
  color: #fff;
  border-radius: 28px;
  background-color: #e61212;
}

.payment-table {
  width: 980px;
  border: 2px solid #e61212;
}

.payment-table__icon {
  width: 156px;
  text-align: center;
  vertical-align: middle;
  background-color: #ffe9e9;
}

.payment-table__summary {
  padding: 24px 36px 12px;
  line-height: 2.2;
  font-size: 28px;
}

.section-notes {
  margin-left: 90px;
}

.workflow-block {
  margin-left: 48px;
}

.workflow-block .item {
  margin-bottom: 24px;
  margin-left: 96px;
}

.workflow-block__item--01,
.workflow-block__item--02 {
  position: relative;
  line-height: 1.8;
  font-size: 28px;
}

.workflow-block__item--01::before,
.workflow-block__item--02::before {
  position: absolute;
  top: 1px;
  left: -56px;
  display: block;
  width: 42px;
  height: 42px;
  line-height: 45px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  background-color: #e61212;
}

.workflow-block__item--01::before {
  content: '1';
}

.workflow-block__item--02::before {
  content: '2';
}

.section-notes--02 {
  margin-right: auto;
  margin-left: auto;
  width: 640px;
}

.c-\#e61212 {
  color: #e61212;
}

.lts-2px {
  letter-spacing: 2px;
}

.mb-60px {
  margin-bottom: 60px;
}

.fz-16px {
  font-size: 16px;
}

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

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

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

.fz-28px {
  font-size: 28px;
}

.w-120px {
  width: 120px;
}

.h-a {
  height: auto;
}