@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Rajdhani:wght@700&display=swap");
/*Rajdhani*/
.c-red {
  color: #E42D20;
}

.c-cyan {
  color: #3294b2;
}

.fw-b {
  font-weight: 500;
}

.tdu {
  text-decoration: underline;
}

.tar {
  text-align: right;
}

/* Document
 * ========================================================================== */
*,
::before,
::after {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
}

::before,
::after {
  text-decoration: inherit;
  vertical-align: inherit;
}

html {
  cursor: default;
  -moz-tab-size: 4;
  tab-size: 4;
  -webkit-tap-highlight-color: transparent;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  word-break: break-word;
}

/* Sections
 * ========================================================================== */
body {
  margin: 0;
}

/* Grouping content
 * ========================================================================== */
dl dl,
dl ol,
dl ul,
ol dl,
ul dl {
  margin: 0;
}

ol ol,
ol ul,
ul ol,
ul ul {
  margin: 0;
}

hr {
  height: 0;
  overflow: visible;
}

main {
  display: block;
}

nav ol,
nav ul {
  list-style: none;
  padding: 0;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
 * ========================================================================== */
a {
  background-color: transparent;
}

abbr[title] {
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Embedded content
 * ========================================================================== */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

audio,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

iframe {
  border-style: none;
}

img {
  border-style: none;
}

svg:not([fill]) {
  fill: currentColor;
}

svg:not(:root) {
  overflow: hidden;
}

/* Tabular data
 * ========================================================================== */
table {
  border-collapse: collapse;
}

/* Forms
 * ========================================================================== */
button,
input,
select {
  margin: 0;
}

button {
  overflow: visible;
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

fieldset {
  border: 1px solid #a0a0a0;
  padding: 0.35em 0.75em 0.625em;
}

input {
  overflow: visible;
}

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

select {
  text-transform: none;
}

textarea {
  margin: 0;
  overflow: auto;
  resize: vertical;
}

[type="checkbox"],
[type="radio"] {
  padding: 0;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

:-moz-focusring {
  outline: 1px dotted ButtonText;
}

:-moz-ui-invalid {
  box-shadow: none;
}

/* Interactive
 * ========================================================================== */
details {
  display: block;
}

dialog {
  background-color: white;
  border: solid;
  color: black;
  display: block;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

dialog:not([open]) {
  display: none;
}

summary {
  display: list-item;
}

/* Scripting
 * ========================================================================== */
canvas {
  display: inline-block;
}

template {
  display: none;
}

/* User interaction
 * ========================================================================== */
a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

[hidden] {
  display: none;
}

/* Accessibility
 * ========================================================================== */
[aria-busy="true"] {
  cursor: progress;
}

[aria-controls] {
  cursor: pointer;
}

[aria-disabled="true"],
[disabled] {
  cursor: not-allowed;
}

[aria-hidden="false"][hidden] {
  display: initial;
}

[aria-hidden="false"][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

html {
  height: 100%;
  color: #353535;
  font-size: 62.5%;
  /*10px*/
}

body {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.8;
}
@media screen and (max-width: 599px) {
  body {
    font-size: 1.3rem;
  }
}

.Main {
  background: url(../images/bg-dot-grid.png) repeat 0 0;
  background-size: 220px;
}

a {
  color: #353535;
  text-decoration: none;
  outline: none;
  transition: ease all 0.15s;
}
a:hover {
  opacity: 0.75;
}

img {
  max-width: 100%;
}

ul li {
  list-style: none;
}

#wrapper {
  height: auto;
  min-height: 100%;
  position: relative;
  overflow: hidden;
}

.wrap-l {
  width: 96.67%;
  max-width: 1200px;
  margin: auto;
}
@media screen and (max-width: 599px) {
  .wrap-l {
    width: 93.333%;
  }
}

.wrap {
  width: 96.67%;
  max-width: 1024px;
  margin: auto;
}
@media screen and (max-width: 599px) {
  .wrap {
    width: 93.333%;
  }
}

.Header {
  width: 100%;
  border-bottom: 2px solid #E42D20;
  position: relative;
}
.Header::before {
  content: "";
  width: 160px;
  height: 2px;
  border-right: 1px solid #fff;
  background-color: #C31807;
  position: absolute;
  left: 0;
  bottom: -2px;
  z-index: 1;
}
@media screen and (max-width: 599px) {
  .Header::before {
    width: 88px;
  }
}
.Header__inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 979px) {
  .Header__inner {
    display: block;
    /*margin: 0 -15px;*/
  }
}
.Header__left {
  width: 35%;
  max-width: 152px;
  padding: 16px 0 20px;
  margin-left: 32px;
}
@media screen and (max-width: 979px) {
  .Header__left {
    margin-left: 3.33%;
  }
}
@media screen and (max-width: 599px) {
  .Header__left {
    max-width: 112px;
    padding: 10px 0 12px;
  }
}
.Header__right .GlobalNav {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 979px) {
  .Header__right .GlobalNav {
    display: none;
  }
}
@media print {
  .Header__right .GlobalNav {
    display: none;
  }
}
.Header__right .GlobalNav.open {
  display: block;
  border-bottom: 1px solid #fff;
}
.Header__right .GlobalNav__item {
  border-left: 1px solid #DEDEDE;
  position: relative;
}
@media screen and (max-width: 979px) {
  .Header__right .GlobalNav__item {
    border-top: 1px solid #DEDEDE;
    border-left: none;
  }
}
.Header__right .GlobalNav__item:first-of-type, .Header__right .GlobalNav__item:last-of-type {
  border-left: none;
}
.Header__right .GlobalNav__item > a {
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1;
  padding: 4px 2vw;
  position: relative;
}
@media screen and (max-width: 979px) {
  .Header__right .GlobalNav__item > a {
    line-height: 47px;
    padding: 0 3.33%;
  }
  .Header__right .GlobalNav__item > a::after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f054";
    position: absolute;
    top: 0;
    right: 3.33%;
  }
}
.Header__right .GlobalNav__item:last-of-type a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 78px;
  color: #fff;
  background-color: #353535;
}
@media screen and (max-width: 979px) {
  .Header__right .GlobalNav__item:last-of-type a {
    justify-content: flex-start;
    height: 48px;
  }
}
.Header__right .GlobalNav__item:last-of-type a::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "\f0e0";
  font-size: 2.4rem;
  font-weight: 400;
  margin-right: 10px;
}
.Header__btn {
  display: none;
  cursor: pointer;
}
@media screen and (max-width: 979px) {
  .Header__btn {
    display: block;
    padding: 18px 3.33% 0;
    position: absolute;
    top: 0;
    right: 0;
  }
  .Header__btn .icon-bar {
    font-size: 1.8em;
  }
}
@media screen and (max-width: 599px) {
  .Header__btn {
    padding-top: 12px;
  }
}

.Main {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 160px);
}
.Main__foot {
  font-family: "Rajdhani", sans-serif;
  font-size: 1.8rem;
  letter-spacing: 1px;
  text-align: center;
  padding: 136px 0 40px;
  margin-top: auto;
}
@media screen and (max-width: 599px) {
  .Main__foot {
    padding: 104px 0 20px;
  }
}
@media print {
  .Main__foot {
    display: none;
  }
}
.Main__foot .Btn::before {
  display: inline-block;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "\f077";
  font-size: 2.5em;
  line-height: 1;
  position: absolute;
  top: -40px;
  left: 0;
  right: 0;
  margin: auto;
}

.PageNav {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 4px 32px;
}
@media screen and (max-width: 979px) {
  .PageNav {
    padding: 4px 3.33%;
  }
}
.PageNav__item {
  color: #888;
  font-size: 1.3rem;
  list-style-type: none;
  position: relative;
}
@media screen and (max-width: 599px) {
  .PageNav__item {
    font-size: 1.1rem;
  }
}
.PageNav__item + .PageNav__item {
  padding-left: 13px;
  margin-left: 6px;
}
.PageNav__item + .PageNav__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 6px;
  height: 6px;
  border-top: 1px solid #888;
  border-right: 1px solid #888;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.PageNav__item a {
  color: #888;
}

.Content__head {
  text-align: center;
  margin-top: 40px;
}
@media screen and (max-width: 599px) {
  .Content__head {
    margin-top: 16px;
  }
}
.Content__head__Title {
  color: #E42D20;
  font-family: "Rajdhani", sans-serif;
  font-size: 4.8rem;
  letter-spacing: 2px;
  line-height: 1.4;
}
@media screen and (max-width: 599px) {
  .Content__head__Title {
    font-size: 3.6rem;
    letter-spacing: 1px;
    line-height: 1;
  }
}
.Content__head__Title__jp {
  color: #E42D20;
  font-size: 3.2rem;
  font-weight: 700;
  letter-spacing: 1px;
}
@media screen and (max-width: 599px) {
  .Content__head__Title__jp {
    font-size: 5vw;
  }
}
.Content__head__Title__jp + p {
  width: 96.67%;
  max-width: 1200px;
  margin: auto;
  color: #565656;
  margin-top: 16px;
}
@media screen and (max-width: 599px) {
  .Content__head__Title__jp + p {
    width: 93.333%;
  }
}
@media screen and (max-width: 599px) {
  .Content__head__Title__jp + p {
    margin-top: 8px;
  }
}
.Content__head__Title__sub {
  color: #565656;
  font-size: 1.4rem;
  font-weight: 400;
  vertical-align: text-bottom;
}
.Content__body {
  padding-top: 64px;
}
@media screen and (max-width: 599px) {
  .Content__body {
    padding-top: 32px;
  }
}

.Section {
  padding-bottom: 80px;
}
@media screen and (max-width: 599px) {
  .Section {
    padding-bottom: 56px;
  }
}
.Section__head {
  width: 96.67%;
  max-width: 1200px;
  margin: auto;
  margin-bottom: 16px;
}
@media screen and (max-width: 599px) {
  .Section__head {
    width: 93.333%;
  }
}
@media screen and (max-width: 599px) {
  .Section__head {
    margin-bottom: 8px;
  }
}
.Section__head__Title {
  font-size: 2.4rem;
}
@media screen and (max-width: 599px) {
  .Section__head__Title {
    font-size: 2rem;
  }
}
.Section__body, .Section__foot {
  width: 96.67%;
  max-width: 1024px;
  margin: auto;
}
@media screen and (max-width: 599px) {
  .Section__body, .Section__foot {
    width: 93.333%;
  }
}
.Section .Tbl {
  border: 1px solid #DEDEDE;
  background-color: #fff;
}
.Section .Tbl tr {
  border-top: 1px solid #DEDEDE;
}
.Section .Tbl th, .Section .Tbl td {
  padding: 16px 24px;
  vertical-align: middle;
}
@media screen and (max-width: 599px) {
  .Section .Tbl th, .Section .Tbl td {
    padding: 12px 1em;
  }
}
.Section .Tbl th {
  font-weight: 400;
  text-align: center;
  background-color: #F2F2F2;
}

.Footer {
  width: 100%;
}
.Footer__inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 80px;
  font-size: 1.3rem;
  border-top: 1px solid #F2F2F2;
  border-bottom: 1px solid #F2F2F2;
  background-color: #F2F2F2;
}
@media screen and (max-width: 1120px) {
  .Footer__inner {
    display: block;
    height: auto;
  }
}
.Footer__inner__Left {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 1120px) {
  .Footer__inner__Left {
    justify-content: space-between;
    padding: 8px 0;
  }
}
@media screen and (max-width: 599px) {
  .Footer__inner__Left {
    padding-bottom: 24px;
  }
}
.Footer__inner .FooterNav {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 16px;
  position: relative;
}
@media screen and (max-width: 979px) {
  .Footer__inner .FooterNav {
    padding: 16px 0;
  }
}
@media screen and (max-width: 979px) {
  .Footer__inner .FooterNav {
    display: block;
  }
}
@media print {
  .Footer__inner .FooterNav {
    display: none;
  }
}
.Footer__inner .FooterNav__item {
  font-weight: 500;
  margin: 0 16px;
}
@media screen and (max-width: 599px) {
  .Footer__inner .FooterNav__item {
    padding: 4px 0;
  }
}
.Footer__inner .PrivacyMark {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 16px;
}
.Footer__inner .PrivacyMark__seal {
  width: 48px;
  height: 48px;
  margin-right: 8px;
}
.Footer__inner .PrivacyMark__text {
  color: #004098;
  font-size: 1.1rem;
  line-height: 1.4;
}
.Footer__inner .Copyright {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 320px;
  height: 100%;
  padding-right: 32px;
  background: #fff;
}
@media screen and (max-width: 1120px) {
  .Footer__inner .Copyright {
    width: 100%;
    padding: 16px 3.33% 16px;
  }
}

.passive .accordionBtn {
  cursor: pointer;
}

.accordion_one .accordion_header {
  position: relative;
  z-index: +1;
  cursor: pointer;
  transition-duration: 0.2s;
}

.accordion_one .accordion_header .i_box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 5%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
}
@media screen and (max-width: 599px) {
  .accordion_one .accordion_header .i_box {
    right: 0;
    margin-right: 0;
  }
}

.accordion_one .accordion_header .i_box .one_i {
  display: block;
  width: 18px;
  height: 18px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
  position: relative;
}

.accordion_one .accordion_header .i_box .one_i:before, .accordion_one .accordion_header .i_box .one_i:after {
  display: flex;
  content: '';
  background-color: #565656;
  border-radius: 10px;
  width: 18px;
  height: 4px;
  position: absolute;
  top: 7px;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-origin: center center;
}

.accordion_one .accordion_header .i_box .one_i:before {
  width: 4px;
  height: 18px;
  top: 0;
  left: 7px;
}

.accordion_one .accordion_header.open .i_box .one_i:before {
  content: none;
}

.accordion_one .accordion_header.open .i_box .one_i:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.accordion_one .accordion_inner {
  display: none;
}

.GoogleMap {
  width: 100%;
  height: 300px;
  border: 1px solid #DEDEDE;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 599px) {
  .GoogleMap {
    height: 32vh;
  }
}
.GoogleMap iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.Top .Content__head__Title,
.Top .Content__head__Title__sub {
  display: inline-block;
}
.Top .Content__head__Title__sub {
  margin-left: 16px;
}
@media screen and (max-width: 599px) {
  .Top .Content__head__Title__sub {
    margin-left: 10px;
  }
}

.Btn {
  display: inline-block;
  position: relative;
}

.Button__style {
  width: 240px;
  color: #E42D20;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 46px;
  text-align: center;
  border: 1px solid #E42D20;
  border-radius: 24px;
  background-color: #fff;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.Button__style::after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "\f138";
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  margin: auto;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.Button__style:hover::after {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}

/*-------------------------------------
　お知らせ
-------------------------------------*/
.topNews {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #E42D20;
}
.topNews__head {
  width: 160px;
  color: #fff;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.1em;
  padding: 14px 0;
  border-right: 1px solid #fff;
  background-color: #C31807;
}
@media screen and (max-width: 599px) {
  .topNews__head {
    width: 88px;
  }
}
.topNews__body {
  width: calc(100% - 160px);
}
@media screen and (max-width: 599px) {
  .topNews__body {
    width: calc(100% - 88px);
  }
}
.topNews__content {
  width: 100%;
  color: #fff;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 599px) {
  .topNews__content {
    display: block;
  }
}
.topNews__content__date {
  font-size: 1.3rem;
  padding-left: 24px;
}
@media screen and (max-width: 599px) {
  .topNews__content__date {
    font-size: 1.1rem;
    padding-left: 12px;
  }
}
.topNews__content__text {
  color: #fff;
  font-weight: 500;
  line-height: 1.4;
  padding: 0 24px;
}
@media screen and (max-width: 599px) {
  .topNews__content__text {
    padding: 0 12px 2px;
  }
}
.topNews__content__text a {
  color: #fff;
}
.topNews__content__text a:hover {
  opacity: 1;
  text-decoration: underline;
}

/*-------------------------------------
　トップビジュアル
-------------------------------------*/
.topVi {
  /*display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;*/
  width: 100%;
  height: 560px;
  background: url(../images/bg-square.png) repeat 0 0;
  background-color: #fff;
  position: relative;
}
.topVi__inner {
  width: 100%;
  height: 100%;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.topVi__slider {
  height: 100%;
  position: relative;
  z-index: -1;
}
.topVi__slider__item {
  display: flex!important;
  justify-content: center;
  align-content: center;
  width: 100%;
  height: 560px;
  position: relative;
}
.topVi__slider__item a{
  display: block;
  cursor: pointer;
}
.topVi__slider__item img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 1199px) {
  .topVi {
    height: 360px;
  }
  .topVi__slider__item {
    height: 360px;
  }
}
@media screen and (max-width: 599px) {
  .topVi {
    /*align-items: flex-end;*/
    /*height: 80vh;*/
    height: 180px;
    padding-bottom: 6vh;
  }
  .topVi__slider__item {
    height: 180px;
  }
}
.topVi__main {
  width: 50%;
  min-width: 580px;
  padding-left: 7.33%;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 979px) {
  .topVi__main {
    padding-left: 3.33%;
  }
}
@media screen and (max-width: 599px) {
  .topVi__main {
    width: 100%;
    min-width: inherit;
  }
}
.topVi__heading {
  font-size: 5.6rem;
  line-height: 1.35;
  letter-spacing: 3px;
  margin-bottom: 40px;
}
@media screen and (max-width: 599px) {
  .topVi__heading {
    font-size: 11vw;
    margin-bottom: 24px;
  }
}
.topVi__text {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2;
}
@media screen and (max-width: 599px) {
  .topVi__text {
    font-size: 3.5vw;
    margin-top: 8px;
  }
}
.topVi__text br {
  display: none;
}
@media screen and (max-width: 599px) {
  .topVi__text br {
    display: inline;
  }
}
.topVi__sub {
  width: 50%;
  height: 444px;
  background: url(../images/fig-65588659.png) no-repeat center top;
  background-size: contain;
  position: absolute;
  top: 0;
  right: 2.67%;
  bottom: 0;
  margin: auto;
}
@media screen and (max-width: 979px) {
  .topVi__sub {
    bottom: auto;
  }
}
@media screen and (max-width: 599px) {
  .topVi__sub {
    width: 60%;
  }
}

/*-------------------------------------
　メディア掲載
-------------------------------------*/
.topMediaInfo {
  padding: 64px 0;
  border-top: 1px solid #F2F2F2;
  background-color: #fff;
}
@media screen and (max-width: 599px) {
  .topMediaInfo {
    padding: 40px 0;
  }
}
.topMediaInfo__head {
  padding-left: 32px;
}
@media screen and (max-width: 599px) {
  .topMediaInfo__head {
    padding-left: 3.33%;
    margin-bottom: 16px;
  }
}
.topMediaInfo__body {
  padding-left: 2%;
  margin-top: 16px;
}
@media screen and (max-width: 979px) {
  .topMediaInfo__body {
    width: 96.67%;
    max-width: 1200px;
    margin: auto;
    padding-left: 0;
  }
}
@media screen and (max-width: 979px) and (max-width: 599px) {
  .topMediaInfo__body {
    width: 93.333%;
  }
}

.topMediaInfo .topMedia {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 979px) {
  .topMediaInfo .topMedia {
    flex-direction: column;
  }
}
.topMediaInfo .topMedia__item {
  width: calc(25% - 16px);
  max-width: 240px;
}
@media screen and (max-width: 979px) {
  .topMediaInfo .topMedia__item {
    width: 100%;
    max-width: 740px;
    margin: auto;
  }
}
.topMediaInfo .topMedia__card {
  display: block;
  height: 100%;
  margin: 8px;
  border: 1px solid #DEDEDE;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
  background-color: #F2F2F2;
}
@media screen and (max-width: 979px) {
  .topMediaInfo .topMedia__card {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.topMediaInfo .topMedia__card__head {
  height: 124px;
  position: relative;
}
@media screen and (max-width: 979px) {
  .topMediaInfo .topMedia__card__head {
    width: 50%;
    max-width: 240px;
  }
}
.topMediaInfo .topMedia__card__head figure {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  /*プロパン・ブタンニュース*/
  /*石油ガス・ジャーナル*/
  /*リフォーム産業新聞*/
}
.topMediaInfo .topMedia__card__head figure.pbn {
  background-image: url(../images/topmedia-propane-butane.png);
}
.topMediaInfo .topMedia__card__head figure.sgj {
  background-image: url(../images/topmedia-sekiyugasu-janaru.png);
}
.topMediaInfo .topMedia__card__head figure.rs {
  background-image: url(../images/topmedia-reform-sangyou.png);
}
.topMediaInfo .topMedia__card__head span {
  display: inline-block;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 500;
  padding: 0 12px;
  background-color: #353535;
  position: absolute;
  top: -1px;
  right: -1px;
  z-index: 10;
}
@media screen and (max-width: 979px) {
  .topMediaInfo .topMedia__card__head span {
    right: 0;
  }
}
.topMediaInfo .topMedia__card__body {
  padding: 12px 1em 0;
  background-color: #F2F2F2;
}
@media screen and (max-width: 979px) {
  .topMediaInfo .topMedia__card__body {
    width: 50%;
    min-width: calc(100% - 240px);
  }
}
@media screen and (max-width: 599px) {
  .topMediaInfo .topMedia__card__body {
    min-width: inherit;
  }
}
.topMediaInfo .topMedia__card__Date {
  color: #565656;
  font-size: 1.3rem;
}
@media screen and (max-width: 599px) {
  .topMediaInfo .topMedia__card__Date {
    font-size: 1.1rem;
  }
}
.topMediaInfo .topMedia__card__Date__new {
  display: none;
  color: #E42D20;
  font-size: 1.2rem;
  font-weight: 500;
  margin-left: 4px;
  animation: flash 1.5s linear infinite;
}
.topMediaInfo .topMedia__card__Date__new.is-show {
  display: inline-block;
}
.topMediaInfo .topMedia__card__Text {
  font-size: 1.4rem;
  line-height: 1.6;
  word-break: break-all;
  margin-top: 4px;
}
@media screen and (max-width: 599px) {
  .topMediaInfo .topMedia__card__Text {
    font-size: 1.2rem;
  }
}
.topMediaInfo__foot {
  text-align: center;
  margin-top: 32px;
}

@keyframes flash {
  0%,100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
/*-------------------------------------
　事業案内
-------------------------------------*/
.topService {
  background-color: #FFEEED;
}
.topService__head {
  padding: 48px 0 0 32px;
}
@media screen and (max-width: 979px) {
  .topService__head {
    padding-left: 3.33%;
  }
}
@media screen and (max-width: 599px) {
  .topService__head {
    padding-top: 32px;
    margin-bottom: 16px;
  }
}
.topService__heading {
  font-size: 1.8rem;
  font-weight: 500;
  text-align: center;
  word-break: keep-all;
}
@media screen and (max-width: 599px) {
  .topService__heading {
    font-size: 1.6rem;
  }
}
.topService__heading br {
  display: none;
}
@media screen and (max-width: 599px) {
  .topService__heading br {
    display: inline;
  }
}
.topService__main {
  margin-top: 8px;
  position: relative;
}
.topService__main::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 50vw 0 50vw;
  border-color: #FFEEED transparent transparent transparent;
  position: absolute;
  top: 112px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}
@media screen and (max-width: 979px) {
  .topService__main::before {
    top: 80px;
  }
}
@media screen and (max-width: 599px) {
  .topService__main::before {
    top: 368px;
  }
}
.topService__main::after {
  content: "";
  width: 100%;
  height: 240px;
  background-color: #C31807;
  position: absolute;
  bottom: 0;
  left: 0;
}
.topService__main__inner {
  width: 96.67%;
  max-width: 1200px;
  margin: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 599px) {
  .topService__main__inner {
    width: 93.333%;
  }
}
.topService__block {
  display: inline-block;
  width: 30.65%;
  max-width: 320px;
  height: 320px;
  margin: 16px 1.33%;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
  background-color: #fff;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media screen and (max-width: 979px) {
  .topService__block {
    height: 288px;
  }
}
@media screen and (max-width: 599px) {
  .topService__block {
    width: 100%;
    max-width: 288px;
    margin: 8px;
  }
}
.topService__block:hover {
  opacity: 1;
}
.topService__block:hover .topService__block__Img {
  opacity: 0.75;
}
.topService__block__inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 16px 8px 16px 16px;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%);
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 0 0 8px 8px;
}
.topService__block__Content {
  width: 95%;
  color: #fff;
  margin-top: 16px;
}
.topService__block__Name {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.45;
}
@media screen and (max-width: 979px) {
  .topService__block__Name br {
    display: none;
  }
}
@media screen and (max-width: 599px) {
  .topService__block__Name br {
    display: inline;
  }
}
.topService__block__Text {
  font-size: 1.3rem;
  line-height: 1.6;
  margin-top: 8px;
  word-break: break-all;
}
.topService .i-circle {
  margin-top: 16px;
}
.topService .i-circle .fa-circle {
  color: #E42D20;
  font-size: 2.4rem;
}
.topService .i-circle .fa-angle-right {
  color: #fff;
  font-size: 1.8rem;
  margin-left: 1px;
}
.topService__sub {
  padding: 24px 0 40px;
  background-color: #C31807;
}
@media screen and (max-width: 599px) {
  .topService__sub {
    padding: 16px 0 24px;
  }
}
.topService__list {
  width: 96.67%;
  max-width: 1200px;
  margin: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 599px) {
  .topService__list {
    width: 93.333%;
  }
}
.topService__list__item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 33.33%;
  max-width: 200px;
  height: 56px;
  color: #fff;
  font-size: 1.4rem;
  text-align: center;
  line-height: 1.4;
  margin: 3px;
  border: 1px solid #fff;
  border-radius: 8px;
}
@media screen and (max-width: 599px) {
  .topService__list__item {
    font-size: 1.2rem;
    width: calc(50% - 6px);
    height: 44px;
  }
}
.topService__foot {
  text-align: center;
  background-color: #C31807;
  position: relative;
}
.topService__foot::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 50vw 0 50vw;
  border-color: #C31807 transparent transparent transparent;
  position: absolute;
  bottom: -40px;
  left: 0;
  right: 0;
  margin: auto;
}
.topService__foot a {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
}
.topService__foot a i {
  font-size: 2.4rem;
  margin-top: 6px;
}

/*-------------------------------------
　当社について
-------------------------------------*/
.topAbout {
  width: 96.67%;
  max-width: 1200px;
  margin: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  flex-direction: row-reverse;
  padding: 80px 2.67%;
}
@media screen and (max-width: 599px) {
  .topAbout {
    width: 93.333%;
  }
}
@media screen and (max-width: 979px) {
  .topAbout {
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 599px) {
  .topAbout {
    flex-direction: column-reverse;
  }
}
.topAbout__main {
  width: 60%;
  margin-left: 32px;
}
@media screen and (max-width: 979px) {
  .topAbout__main {
    padding-left: 3.33%;
  }
}
@media screen and (max-width: 599px) {
  .topAbout__main {
    width: 100%;
    padding: 0;
    margin: 24px 0 0;
  }
}
@media screen and (max-width: 599px) {
  .topAbout__head {
    margin-bottom: 16px;
  }
}
.topAbout__body {
  padding-left: 32px;
}
@media screen and (max-width: 979px) {
  .topAbout__body {
    padding-left: 0;
  }
}
.topAbout__body p {
  text-indent: 1em;
  line-height: 2;
  margin-top: 1em;
}
.topAbout__sub {
  width: 40%;
  max-width: 392px;
}
@media screen and (max-width: 599px) {
  .topAbout__sub {
    width: 100%;
  }
}

/*-------------------------------------
　会社情報
-------------------------------------*/
.topCompany__head {
  padding-left: 32px;
}
@media screen and (max-width: 979px) {
  .topCompany__head {
    padding-left: 3.33%;
    margin-bottom: 16px;
  }
}
.topCompany__inner {
  width: 96.67%;
  max-width: 1200px;
  margin: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
@media screen and (max-width: 599px) {
  .topCompany__inner {
    width: 93.333%;
  }
}
@media screen and (max-width: 979px) {
  .topCompany__inner {
    align-items: flex-start;
  }
}
@media screen and (max-width: 599px) {
  .topCompany__inner {
    display: block;
  }
}
.topCompany__body {
  padding-right: 6.67%;
}
@media screen and (max-width: 599px) {
  .topCompany__body {
    padding: 0 0 32px 3.33%;
  }
}
.topCompany__Profile {
  margin-bottom: 32px;
}
@media screen and (max-width: 979px) {
  .topCompany__Profile {
    margin-bottom: 24px;
  }
}
.topCompany__Profile__name {
  font-size: 1.6rem;
  font-weight: 500;
}
.topCompany__Profile__info {
  margin-top: 12px;
}
@media screen and (max-width: 979px) {
  .topCompany__Profile__info span {
    display: block;
  }
}
@media screen and (max-width: 599px) {
  .topCompany__Profile__info {
    font-size: 1.4rem;
    margin-top: 4px;
  }
}
.topCompany__foot {
  width: 50%;
  max-width: 480px;
}
@media screen and (max-width: 599px) {
  .topCompany__foot {
    width: 100%;
  }
}

/*-------------------------------------
　お問い合わせ
-------------------------------------*/
.topContact {
  margin-top: 104px;
  background-color: #fff;
}
@media screen and (max-width: 979px) {
  .topContact {
    margin-top: 144px;
  }
}
@media screen and (max-width: 599px) {
  .topContact {
    margin-top: 104px;
  }
}
.topContact__inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-top: 3px solid #E42D20;
  border-bottom: 3px solid #E42D20;
}
@media screen and (max-width: 599px) {
  .topContact__inner {
    display: block;
  }
}
.topContact__main {
  width: calc(100% - 400px);
  min-width: calc(100% - 33.33%);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  padding: 20px 0 20px 32px;
  position: relative;
}
@media screen and (max-width: 599px) {
  .topContact__main {
    width: 100%;
    padding: 32px 3.33%;
  }
}
.topContact__main__inner {
  width: calc(100% - 272px);
  padding: 0 3.33%;
}
@media screen and (max-width: 979px) {
  .topContact__main__inner {
    width: 100%;
    padding-left: 0;
    position: relative;
    z-index: 1;
  }
}
.topContact__head .Title__category {
  display: block;
  line-height: 1;
}
.topContact__head .Title__category__sub {
  margin-left: 0;
}
.topContact__body {
  margin-top: 16px;
}
.topContact__body p {
  word-break: break-all;
}
.topContact__foot {
  width: 40%;
  max-width: 272px;
}
@media screen and (max-width: 979px) {
  .topContact__foot {
    max-width: 120px;
    position: absolute;
    top: -80px;
    right: 5%;
  }
}
.topContact__sub {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 33.33%;
  max-width: 400px;
  color: #fff;
  text-align: center;
  padding: 16px;
  background-color: #E42D20;
}
@media screen and (max-width: 979px) {
  .topContact__sub {
    padding-top: 24px;
  }
}
@media screen and (max-width: 599px) {
  .topContact__sub {
    width: 100%;
    max-width: inherit;
    padding-top: 16px;
  }
}
.topContact__button h3 {
  font-size: 2.2rem;
  font-weight: 700;
  position: relative;
  margin-bottom: 56px;
}
@media screen and (max-width: 979px) {
  .topContact__button h3 {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 599px) {
  .topContact__button h3 {
    margin-bottom: 16px;
  }
}
.topContact__button h3::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "\f0e0";
  font-size: 3.2rem;
  font-weight: 400;
  line-height: 1.6;
  margin-right: 10px;
  vertical-align: middle;
}
@media screen and (max-width: 979px) {
  .topContact__button h3::before {
    display: block;
    margin-right: 0;
  }
}
@media screen and (max-width: 599px) {
  .topContact__button h3::before {
    display: inline-block;
    margin-right: 10px;
  }
}
.topContact__button p {
  font-size: 1.3rem;
  text-align: left;
  line-height: 1.6;
  text-indent: -1em;
  margin-left: 1em;
}
@media screen and (max-width: 599px) {
  .topContact__button p {
    font-size: 1.1rem;
  }
}

.NewsEntry {
  width: 96.67%;
  max-width: 1024px;
  margin: auto;
  padding: 24px 32px 16px;
  border: 1px solid #DEDEDE;
  border-radius: 8px;
  background-color: #fff;
}
@media screen and (max-width: 599px) {
  .NewsEntry {
    width: 93.333%;
  }
}
@media screen and (max-width: 599px) {
  .NewsEntry {
    padding: 16px 3.33% 0;
  }
}
.NewsEntry__head {
  margin-bottom: 16px;
}
.NewsEntry__head__Title {
  font-size: 2rem;
  line-height: 1.4;
  letter-spacing: 1px;
  padding: 0 0 14px 20px;
  margin-bottom: 8px;
  border-bottom: 1px dotted #DEDEDE;
  position: relative;
}
.NewsEntry__head__Title::before {
  content: "";
  width: 8px;
  height: 30px;
  background-color: #E42D20;
  position: absolute;
  top: 0;
  left: 0;
}
.NewsEntry__head p {
  color: #565656;
  text-align: right;
}
.NewsEntry__body p {
  margin-bottom: 24px;
  word-break: break-all;
}
.NewsEntry__body .important {
  color: #E42D20;
  font-size: 1.8rem;
}
@media screen and (max-width: 599px) {
  .NewsEntry__body .important {
    font-size: 1.6rem;
  }
}

.Service .Content__body {
  padding-top: 24px;
}

/*-------------------------------------
　概要
-------------------------------------*/
.Overview {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.Overview__sub {
  width: 40%;
  max-width: 400px;
  margin-right: 5.33%;
}
@media screen and (max-width: 599px) {
  .Overview__sub {
    width: 90%;
    margin: 0 auto;
  }
}
.Overview__main {
  width: 50%;
}
@media screen and (max-width: 599px) {
  .Overview__main {
    width: 100%;
  }
}
.Overview__main p {
  line-height: 2;
  text-indent: 1em;
  margin: 16px 0;
}

/*-------------------------------------
　4つのステージ
-------------------------------------*/
.Support {
  margin-top: 88px;
}
@media screen and (max-width: 599px) {
  .Support {
    margin-top: 32px;
  }
}
.Support__head {
  width: 96.67%;
  max-width: 1200px;
  margin: auto;
  padding-bottom: 24px;
}
@media screen and (max-width: 599px) {
  .Support__head {
    width: 93.333%;
  }
}
.Support__Title {
  font-size: 4rem;
  line-height: 1.4;
  letter-spacing: 2px;
}
@media screen and (max-width: 599px) {
  .Support__Title {
    font-size: 6.5vw;
    letter-spacing: 1px;
  }
}
.Support__Title span:first-child {
  font-size: 4.8rem;
}
.Support__body {
  width: 96.67%;
  max-width: 1200px;
  margin: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 599px) {
  .Support__body {
    width: 93.333%;
  }
}
@media screen and (max-width: 979px) {
  .Support__body {
    flex-direction: column-reverse;
  }
}
.Support__main {
  width: calc(100% - 480px);
  padding: 0 32px;
}
@media screen and (max-width: 979px) {
  .Support__main {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .Support__main {
    padding: 0;
  }
}
.Support__block {
  margin-top: 10px;
}
.Support__block__head {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 8px;
}
.Support__block__Title {
  min-width: 68px;
  font-family: "Rajdhani", sans-serif;
  line-height: 1;
  margin-right: 20px;
}
@media screen and (max-width: 599px) {
  .Support__block__Title {
    margin-right: 0;
  }
}
.Support__block__Title span {
  display: inline-block;
  font-size: 4.8rem;
  padding-left: 4px;
}
@media screen and (max-width: 599px) {
  .Support__block__Title span {
    font-size: 3.4rem;
  }
}
.Support__block__Title__jp {
  font-size: 2rem;
  line-height: 1.6;
}
@media screen and (max-width: 599px) {
  .Support__block__Title__jp {
    font-size: 1.6rem;
  }
}
.Support__block__body {
  padding: 0 0 28px 88px;
  background: url(../service/images/bg-support-dots.png) repeat-y 32px top;
  background-size: 5px;
}
@media screen and (max-width: 599px) {
  .Support__block__body {
    padding: 0 0 20px 68px;
  }
}
.Support__block__body p {
  font-weight: 300;
}
.Support__block:nth-child(1) .Support__block__head {
  color: #FD8200;
}
.Support__block:nth-child(2) .Support__block__head {
  color: #FD3C3C;
}
.Support__block:nth-child(3) .Support__block__head {
  color: #0964FF;
}
.Support__block:nth-child(3) .Support__block__body {
  padding-top: 8px;
  padding-bottom: 28px;
}
.Support__block:nth-child(4) .Support__block__head {
  color: #1AA63F;
}
.Support__block:nth-child(4) .Support__block__body {
  background: none;
}
.Support__sub {
  width: 48%;
  max-width: 480px;
}
@media screen and (max-width: 979px) {
  .Support__sub {
    width: 90%;
    margin-bottom: 16px;
  }
}

/*-------------------------------------
　サービス一覧
-------------------------------------*/
.ServiceList {
  width: 96.67%;
  max-width: 1200px;
  margin: auto;
  margin-top: 80px;
  border: 2px solid #E42D20;
  border-radius: 16px;
  background-color: #fff;
}
@media screen and (max-width: 599px) {
  .ServiceList {
    width: 93.333%;
  }
}
@media screen and (max-width: 599px) {
  .ServiceList {
    margin-top: 40px;
  }
}
.ServiceList__inner {
  width: 96.67%;
  max-width: 1024px;
  margin: auto;
  padding: 48px 8px;
}
@media screen and (max-width: 599px) {
  .ServiceList__inner {
    width: 93.333%;
  }
}
@media screen and (max-width: 599px) {
  .ServiceList__inner {
    padding: 16px 0 0;
  }
}
.ServiceList__block {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 24px;
}
@media screen and (max-width: 599px) {
  .ServiceList__block {
    margin-top: 0;
  }
}
.ServiceList__block + .ServiceList__block {
  padding-top: 16px;
  border-top: 1px dotted #DEDEDE;
}
@media screen and (max-width: 599px) {
  .ServiceList__block + .ServiceList__block {
    padding-top: 0;
    border-top: none;
  }
}
@media screen and (max-width: 599px) {
  .ServiceList__block:last-child .ServiceList__box:last-child {
    border-bottom: none;
  }
}
.ServiceList__box {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: calc(25% - 32px);
  margin: 24px 16px;
}
@media screen and (max-width: 979px) {
  .ServiceList__box {
    width: calc(33.33% - 32px);
    max-width: 224px;
  }
}
@media screen and (max-width: 599px) {
  .ServiceList__box {
    flex-direction: row;
    width: 100%;
    max-width: inherit;
    padding: 16px 0;
    margin: 0;
    border-bottom: 1px dotted #DEDEDE;
  }
}
@media screen and (max-width: 599px) {
  .ServiceList__box__main {
    width: calc(100% - 120px);
    padding-right: 1em;
  }
}
.ServiceList__box__Title {
  font-size: 1.6rem;
  line-height: 1.6;
  margin-bottom: 6px;
}
@media screen and (max-width: 599px) {
  .ServiceList__box__Title {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 599px) {
  .ServiceList__box__Title br {
    display: none;
  }
}
.ServiceList__box p {
  font-size: 1.3rem;
  font-weight: 300;
  margin-bottom: 12px;
  word-break: break-all;
}
@media screen and (max-width: 599px) {
  .ServiceList__box p {
    font-size: 1.2rem;
    margin-bottom: 0;
  }
}
.ServiceList__box__sub {
  margin-top: auto;
}
@media screen and (max-width: 599px) {
  .ServiceList__box__sub {
    width: 120px;
    margin-top: 0;
  }
}
.ServiceList__box__sub a {
  display: block;
  position: relative;
}
.ServiceList__box__Img {
  width: 100%;
  height: 136px;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 599px) {
  .ServiceList__box__Img {
    height: 120px;
  }
}
.ServiceList__box__Img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ServiceList__box__Button {
  display: block;
  width: 100%;
  color: #fff;
  font-size: 1.3rem;
  padding: 8px 14px 6px;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%);
  border-radius: 0 0 8px 8px;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media screen and (max-width: 599px) {
  .ServiceList__box__Button {
    font-size: 1.1rem;
    padding-left: 8px;
  }
}
.ServiceList__box__Button span {
  color: #fff;
  position: absolute;
  right: 0;
  bottom: 3px;
}
.ServiceList__box__Button .fa-lock {
  margin-right: 5px;
}
.ServiceList__box__Button .fa-circle {
  color: #E42D20;
}

/*-------------------------------------
　会社概要
-------------------------------------*/
.Profile {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 979px) {
  .Profile {
    display: block;
  }
}
.Profile__left {
  width: 100%;
  max-width: 488px;
  margin-right: 48px;
}
@media screen and (max-width: 979px) {
  .Profile__left {
    margin: auto;
  }
}
.Profile__left dl dt, .Profile__left dl dd {
  display: inline-block;
}
.Profile__left dl dt {
  width: 9em;
}
.Profile__right {
  width: 100%;
  max-width: 488px;
}
@media screen and (max-width: 979px) {
  .Profile__right {
    margin: 32px auto 0;
  }
}
.Profile__right .GoogleMap {
  height: 488px;
}
@media screen and (max-width: 599px) {
  .Profile__right .GoogleMap {
    height: 40vh;
  }
}
.Profile__Access {
  margin-top: 16px;
}

/*-------------------------------------
　オフィス一覧
-------------------------------------*/
.Offices {
  width: 100%;
}
.Offices th {
  width: 170px;
}
@media screen and (max-width: 599px) {
  .Offices th {
    width: 120px;
  }
}
.Offices td {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.Offices td p {
  width: 480px;
}
@media screen and (max-width: 979px) {
  .Offices td p {
    width: 100%;
  }
}
.Offices__Map {
  padding: 4px 0;
}
.Offices__Map a {
  color: #E42D20;
}
.Offices__Map a::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: " \f3c5";
  margin-right: 6px;
}
.Offices__Notice {
  color: #E42D20;
  font-size: 1.2rem;
}

/*-------------------------------------
　主要取引先
-------------------------------------*/
.Client__inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.Client__List {
  margin-right: 5%;
}
@media screen and (max-width: 979px) {
  .Client__List {
    width: 50%;
    margin-right: 0;
  }
}
@media screen and (max-width: 599px) {
  .Client__List {
    width: 100%;
  }
}
@media screen and (max-width: 979px) {
  .Client__List:nth-child(2) {
    width: 45%;
    margin-left: 5%;
  }
}
@media screen and (max-width: 599px) {
  .Client__List:nth-child(2) {
    width: 100%;
    margin-left: 0;
  }
}
.Client__List:last-child {
  margin-right: 0;
}
.Client__List li {
  line-height: 2.4;
}
@media screen and (max-width: 979px) {
  .Client__List li {
    line-height: 2;
  }
}

.Media__head {
  display: inline-block;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.2;
  padding-left: 16px;
  margin: 24px 0 8px;
  border-left: 4px solid #E42D20;
}
@media screen and (max-width: 599px) {
  .Media__head {
    font-size: 1.8rem;
    padding-left: 12px;
    margin-top: 8px;
  }
}
.Media.passive .Media__head {
  margin-top: 64px;
}
@media screen and (max-width: 599px) {
  .Media.passive .Media__head {
    margin-top: 40px;
  }
}
.Media.passive .Media__head::after {
  display: inline-block;
  content: "▼ 展開する";
  color: #E42D20;
  font-size: 1.3rem;
  padding: 4px 12px;
  border-radius: 14px;
  border: 1px solid #E42D20;
  background-color: #fff;
  margin-left: 16px;
  vertical-align: middle;
}
.Media__body {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border: 1px solid #DEDEDE;
}
.Media__body dt,
.Media__body dd {
  line-height: 1.6;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #DEDEDE;
}
.Media__body dt:last-of-type,
.Media__body dd:last-of-type {
  border-bottom: none;
}
.Media__body dt {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 88px;
  color: #565656;
  font-size: 1.3rem;
  font-weight: 300;
  background-color: #fff;
}
@media screen and (max-width: 599px) {
  .Media__body dt {
    width: 25%;
    font-size: 1.2rem;
  }
}
.Media__body dd {
  width: calc(100% - 88px);
  font-size: 1.4rem;
}
@media screen and (max-width: 599px) {
  .Media__body dd {
    width: 75%;
    font-size: 1.2rem;
  }
}
.Media__body dd a {
  display: block;
  padding: 20px 16px;
  background-color: #F2F2F2;
}
@media screen and (max-width: 599px) {
  .Media__body dd a {
    padding: 12px 1em 12px 0;
  }
}
.Media__body dd a:hover {
  opacity: 1;
  background-color: #e5e5e5;
}
.Media__Request {
  font-weight: 500;
  text-align: center;
  padding-top: 24px;
  margin-top: 80px;
  border-top: 1px dashed #565656;
}
.Media__Request a {
  text-decoration: underline;
}

.Button__submit, .Button__cancel {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  width: 80%;
  max-width: 320px;
  font-family: 'Noto Sans JP', sans-serif;
  text-align: center;
  border: none;
  border-radius: 8px;
  transition: all .2s;
  cursor: pointer;
}
.Button__submit {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 500;
  padding: 16px 0;
  background-color: #E42D20;
}
.Button__submit:hover {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
}
.Button__submit:focus {
  background-color: #C31807;
}
.Button__submit.disabled {
  background-color: #DEDEDE;
  box-shadow: none;
  cursor: default;
}
.Button__cancel {
  max-width: 240px;
  color: #565656;
  background-color: #DEDEDE;
  padding: 12px 0;
  margin-top: 16px;
}
.Button__cancel::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "\f304";
  color: #fff;
}
.Button__cancel:hover {
  background-color: #ccc;
}
.Button__cancel:focus {
  background-color: #aaa;
}

/*-------------------------------------
　個人情報への同意
-------------------------------------*/
.ContactPrivacy {
  width: 96.67%;
  max-width: 1024px;
  margin: auto;
}
@media screen and (max-width: 599px) {
  .ContactPrivacy {
    width: 93.333%;
  }
}
.ContactPrivacy__head {
  text-align: center;
  padding: 6px 0;
  background-color: #FFEEED;
}
.ContactPrivacy__head p {
  color: #E42D20;
  font-weight: 500;
}
@media screen and (max-width: 599px) {
  .ContactPrivacy__head p {
    font-size: 3.4vw;
  }
}
.ContactPrivacy__body {
  margin-top: 16px;
  border: 1px solid #565656;
  background-color: #fff;
}
.ContactPrivacy__inner {
  height: 400px;
  font-size: 1.3rem;
  padding: 24px;
  overflow: scroll;
}
@media screen and (max-width: 599px) {
  .ContactPrivacy__inner {
    padding: 1em;
  }
}
.ContactPrivacy__inner p:nth-child(2) {
  margin-bottom: 16px;
}
.ContactPrivacy__Title {
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
  margin-bottom: 16px;
}
@media screen and (max-width: 599px) {
  .ContactPrivacy__Title {
    font-size: 4vw;
  }
}
.ContactPrivacy__List dt {
  margin-top: 8px;
}
.ContactPrivacy__List dd {
  font-weight: 300;
  text-indent: 1em;
  margin-left: 1em;
}
.ContactPrivacy__List__inner {
  text-indent: 0;
  margin-left: 1em;
}
.ContactPrivacy__foot {
  text-align: center;
  margin-top: 32px;
}
.ContactPrivacy .PrivacyAgree__item {
  font-size: 1.6rem;
  font-weight: 500;
  margin: 0 32px;
  cursor: pointer;
}
.ContactPrivacy .PrivacyAgree__Button {
  margin-top: 32px;
}

/*-------------------------------------
　フォーム入力画面
-------------------------------------*/
.ContactForm {
  width: 93.333%;
  max-width: 720px;
  margin: auto;
  /*確認画面-----------------------------*/
}
.ContactForm__head {
  margin-bottom: 16px;
}
.ContactForm__body {
  border: 1px solid #DEDEDE;
  border-radius: 8px;
  background-color: #fff;
}
.ContactForm__item {
  padding: 16px 24px 20px;
  border-bottom: 1px dotted #DEDEDE;
}
@media screen and (max-width: 599px) {
  .ContactForm__item {
    padding: 16px 3.33%;
  }
}
.ContactForm__item dt {
  display: inline-block;
  font-weight: 500;
  padding-bottom: 6px;
}
@media screen and (max-width: 599px) {
  .ContactForm__item dt {
    font-size: 1.4rem;
  }
}
.ContactForm__item dt span {
  display: inline-block;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 300;
  font-style: normal;
  height: 20px;
  line-height: 1;
  padding: 3px 4px;
  margin-left: 8px;
}
.ContactForm__item dt span.required {
  background-color: #E42D20;
}
.ContactForm__item dt span.optional {
  display: none;
}
.ContactForm__item dd span.error_blank, .ContactForm__item dd span.error_format, .ContactForm__item dd span.error_match {
  display: block;
  color: red;
  font-size: 1.3rem;
  font-weight: 300;
  margin-top: 3px;
}
.ContactForm__item__radio li {
  font-weight: 300;
  margin: 8px 0;
}
@media screen and (max-width: 599px) {
  .ContactForm__item__radio li {
    font-size: 1.4rem;
  }
}
.ContactForm__item__radio li label {
  cursor: pointer;
}
.ContactForm input[type="text"],
.ContactForm input[type="email"],
.ContactForm input[type="tel"],
.ContactForm textarea,
.ContactForm select,
.ContactForm button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #353535;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1.6rem;
  padding: 8px;
  border: 1px solid #DEDEDE;
  border-radius: 4px;
}
.ContactForm input[type="text"], .ContactForm input[type="email"] {
  width: 90%;
}
@media screen and (max-width: 599px) {
  .ContactForm input[type="text"], .ContactForm input[type="email"] {
    width: 100%;
  }
}
.ContactForm input[type="tel"] {
  width: 60%;
}
@media screen and (max-width: 599px) {
  .ContactForm input[type="tel"] {
    width: 100%;
  }
}
.ContactForm input.postal {
  width: 60%;
  max-width: 200px;
}
.ContactForm input[type="radio"] {
  width: 1em;
  margin-right: 5px;
}
.ContactForm textarea {
  resize: vertical;
  width: 80%;
  height: 90px;
}
@media screen and (max-width: 599px) {
  .ContactForm textarea {
    width: 100%;
  }
}
.ContactForm__Submit {
  text-align: center;
  padding: 24px 0;
}
.ContactForm__foot {
  display: none;
  text-align: center;
  padding: 40px 0;
}
.ContactForm__foot p {
  font-size: 1.6rem;
  font-weight: 500;
  margin-bottom: 24px;
}
.ContactForm__Confirm {
  width: 100%;
  margin: 48px auto;
  background-color: #fff;
  border: 1px solid #DEDEDE;
  border-radius: 8px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  display: none;
}
.ContactForm__Confirm__head {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  padding: 24px 0;
  border-bottom: 1px solid #DEDEDE;
}
@media screen and (max-width: 599px) {
  .ContactForm__Confirm__head {
    font-size: 4.5vw;
  }
}
.ContactForm__Confirm__body dl {
  width: 90%;
  margin: 0 auto;
  border-bottom: 1px solid #DEDEDE;
}
.ContactForm__Confirm__body dl::after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.ContactForm__Confirm__body dl dt {
  float: left;
  width: 30%;
  font-weight: 500;
  padding: 24px 0;
  text-align: right;
}
@media screen and (max-width: 599px) {
  .ContactForm__Confirm__body dl dt {
    width: auto;
    float: none;
    text-align: left;
    padding: 16px 0 4px;
  }
  .ContactForm__Confirm__body dl dt::before {
    content: "【";
  }
  .ContactForm__Confirm__body dl dt::after {
    content: "】";
  }
}
.ContactForm__Confirm__body dl dd {
  width: 65%;
  float: right;
  padding: 24px 0 24px 5%;
}
@media screen and (max-width: 599px) {
  .ContactForm__Confirm__body dl dd {
    float: none;
    width: auto;
    font-size: 1.6rem;
    padding: 0px 0 16px 0px;
  }
}
.ContactForm__Confirm__foot {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 32px 0;
}

/*-------------------------------------
　送信完了（サンクス）
-------------------------------------*/
.ContactThanks {
  padding: 24px;
}
@media screen and (max-width: 599px) {
  .ContactThanks {
    padding: 16px;
  }
}
.ContactThanks p {
  margin-bottom: 1.5em;
  word-break: break-all;
}
.ContactThanks__foot {
  font-weight: 500;
  text-align: right;
  padding-top: 8px;
  margin-top: 32px;
  border-top: 2px solid #E42D20;
}
@media screen and (max-width: 599px) {
  .ContactThanks__foot {
    margin-top: 24px;
  }
}
.ContactThanks__Logo {
  display: inline-block;
  width: 136px;
}

.Terms__Title {
  font-size: 2rem;
  font-weight: 700;
}
@media screen and (max-width: 599px) {
  .Terms__Title {
    font-size: 1.6rem;
  }
}
.Terms .Section {
  padding: 64px 0 0;
}
@media screen and (max-width: 599px) {
  .Terms .Section {
    padding: 32px 0 0;
  }
}
.Terms .Section p {
  text-indent: 1em;
  word-break: break-all;
}
.Terms .Section > dt {
  margin-bottom: 8px;
}
.Terms .Section__2nd {
  margin-top: 1.5em;
}
.Terms .Section__2nd > dt {
  font-size: 1.6rem;
  font-weight: 700;
}
.Terms .Section__3rd {
  margin-left: 1em;
}
.Terms .Section__3rd dt {
  margin-top: 1em;
}
.Terms .Section__3rd > dt {
  font-size: 1.6rem;
  font-weight: 700;
}
.Terms .Section__3rd > dd {
  margin-bottom: 2em;
}
.Terms .Section__3rd table {
  margin: 1em 0 0 1em;
}
.Terms .Section__3rd a {
  color: blue;
  text-decoration: underline;
}
.Terms .Section__4th {
  margin-left: 1em;
}
.Terms .Section__4th dd {
  margin-left: 1em;
}
.Terms .Section__4th ul li {
  text-indent: -1em;
  margin-left: 1em;
}

/*-------------------------------------
　ブラウザ推奨環境
-------------------------------------*/
.Browser {
  margin-top: 16px;
  border: 1px solid #DEDEDE;
  background-color: #fff;
}
.Browser tr {
  border-top: 1px solid #DEDEDE;
}
.Browser th {
  width: 120px;
  border-right: 1px solid #DEDEDE;
  background-color: #F2F2F2;
  vertical-align: middle;
}
@media screen and (max-width: 599px) {
  .Browser th {
    width: 30%;
  }
}
.Browser td {
  padding: 8px 1em;
  line-height: 1.4;
}

/*-------------------------------------
　個人情報保護方針
-------------------------------------*/
.Policy {
  margin-left: 1em;
}
.Policy li + li {
  margin-top: 24px;
}

.Pmark {
  width: 144px;
  height: 144px;
  margin: 0 auto 40px;
}

/*-------------------------------------
　個人情報の取扱いについて
-------------------------------------*/
.List {
  margin: 8px 0 8px 1em;
}
.List li {
  list-style-type: none;
  text-indent: -1em;
  margin-left: 1em;
}
.List + p {
  margin-top: 1em;
}

.Safety {
  margin-top: 8px;
}
.Safety p {
  text-indent: 0 !important;
}
.Safety dl {
  margin: .5em 0 1em 1em;
}
.Safety dt {
  margin-top: 8px !important;
}
.Safety dd {
  margin-left: 1em;
}

/*-------------------------------------
　問題提起
-------------------------------------*/
.DM-Trouble__Question {
  text-align: center;
  padding: 48px 0;
  background: url("../service/dm/images/bg-trouble.jpg") no-repeat center;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
}
.DM-Trouble__Question::before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
}
.DM-Trouble__Question__head {
  color: #fff;
  font-size: 2.4rem;
  font-weight: 500;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  padding-bottom: 32px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 599px) {
  .DM-Trouble__Question__head {
    font-size: 5.2vw;
  }
}
.DM-Trouble__Question__body {
  width: 96.67%;
  max-width: 1200px;
  margin: auto;
  padding: 40px 22px;
  background: rgba(255, 255, 255, 0.5);
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 599px) {
  .DM-Trouble__Question__body {
    width: 93.333%;
  }
}
@media screen and (max-width: 599px) {
  .DM-Trouble__Question__body {
    padding: 30px 0 15px;
  }
}
.DM-Trouble__Question__body::before, .DM-Trouble__Question__body::after {
  content: '';
  width: 40px;
  height: 100%;
  border: solid 1px #023592;
  position: absolute;
  top: 0;
}
.DM-Trouble__Question__body::before {
  border-right: none;
  left: 0;
}
.DM-Trouble__Question__body::after {
  border-left: none;
  right: 0;
}
.DM-Trouble__Question__Title {
  color: #023592;
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 2px;
}
@media screen and (max-width: 599px) {
  .DM-Trouble__Question__Title {
    font-size: 2rem;
  }
}
.DM-Trouble__Question__inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 16px;
  margin: auto;
}
.DM-Trouble__Question__card {
  width: 240px;
  text-align: center;
  margin: 8px;
  background: #023592;
  border-radius: 8px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 599px) {
  .DM-Trouble__Question__card {
    width: calc(100% / 2.3);
    margin: 4px;
  }
}
.DM-Trouble__Question__card dt {
  padding-top: 32px;
}
@media screen and (max-width: 599px) {
  .DM-Trouble__Question__card dt {
    padding-top: 20px;
  }
}
.DM-Trouble__Question__card dt img {
  width: 50px;
}
.DM-Trouble__Question__card dd {
  color: #e0e0e0;
  font-weight: 500;
  text-align: center;
  line-height: 1.6;
  padding: 24px 3%;
}
@media screen and (max-width: 599px) {
  .DM-Trouble__Question__card dd {
    text-align: left;
    padding: 15px 8%;
  }
}
@media screen and (max-width: 599px) {
  .DM-Trouble__Question__card dd br {
    display: none;
  }
}
.DM-Trouble__Answer {
  text-align: center;
  position: relative;
}
.DM-Trouble__Answer::before {
  content: "";
  width: 140px;
  height: 56px;
  background: url("../service/dm/images/fig-answer-arrow.png") no-repeat;
  background-size: cover;
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
}
.DM-Trouble__Answer__head {
  padding-top: 72px;
}
.DM-Trouble__Answer__head p {
  display: block;
  width: 16em;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 500;
  padding: 6px;
  margin: 0 auto;
  background: #E42D20;
  position: relative;
}
.DM-Trouble__Answer__head p::after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 10px solid transparent;
  border-top: 10px solid #E42D20;
}
.DM-Trouble__Answer__Title {
  color: #E42D20;
  font-size: 2.4rem;
  font-weight: 700;
  padding-top: 24px;
}
.DM-Trouble__Answer__Title span {
  font-size: 5rem;
  line-height: 1.4;
}
@media screen and (max-width: 599px) {
  .DM-Trouble__Answer__Title span {
    font-size: 8.2vw;
  }
}
.DM-Trouble__Answer__body {
  width: 100%;
  height: 400px;
  margin-top: 40px;
  background: url("../service/dm/images/bg-answer.jpg") center;
  background-size: cover;
  position: relative;
}
.DM-Trouble__Answer__body_c {
  width: 100%;
  height: 400px;
  margin-top: 40px;
  background: url("../service/dm_c/images/bg-answer_c.jpg") center;
  background-size: cover;
  position: relative;
}
@media screen and (max-width: 599px) {
  .DM-Trouble__Answer__body {
    height: 30vh;
    margin-top: 32px;
  }
}
.DM-Trouble__Answer__Img {
  width: 75%;
  max-width: 500px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

_::-webkit-full-page-media, _:future, :root .DM-Trouble__Question {
  /*iOS*/
  background-attachment: inherit;
}

_:-ms-lang(x)::-ms-backdrop, .DM-Trouble__Question {
  /*IE11*/
  background-attachment: inherit;
}

/*-------------------------------------
　トナーシーラーメールとは
-------------------------------------*/
.DM-About {
  background-color: #fff;
}
.DM-About__Summary {
  width: 96.67%;
  max-width: 1024px;
  margin: auto;
  padding: 56px 0 24px;
}
@media screen and (max-width: 599px) {
  .DM-About__Summary {
    width: 93.333%;
  }
}
.DM-About__Summary__head {
  font-weight: 700;
  text-align: center;
  margin-bottom: 24px;
}
.DM-About__Summary__Img {
  padding: 32px 0;
}
.DM-About__Point {
  padding: 56px 0;
  background: rgba(228, 45, 32, 0.1);
}
@media screen and (max-width: 599px) {
  .DM-About__Point {
    padding: 30px 0 40px;
  }
}
.DM-About__Point__head {
  font-size: 2.4rem;
  text-align: center;
  margin-bottom: 24px;
}
@media screen and (max-width: 599px) {
  .DM-About__Point__head {
    font-size: 5.4vw;
  }
}
.DM-About__Point__body {
  width: 96.67%;
  max-width: 1200px;
  margin: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 599px) {
  .DM-About__Point__body {
    width: 93.333%;
  }
}
.DM-About__Point__card {
  width: 324px;
  padding: 20px;
  margin: 8px;
  border: 2px solid #E42D20;
  border-radius: 16px;
  background-color: #fff;
}
@media screen and (max-width: 599px) {
  .DM-About__Point__card {
    padding-bottom: 16px;
  }
}
.DM-About__Point__card__head {
  height: 160px;
  margin-bottom: 24px;
}
.DM-About__Point__card__body {
  font-size: 1.4rem;
}
.DM-About__Point__card__body dt {
  color: #E42D20;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 8px;
}
.DM-About__Point__foot {
  text-align: center;
  margin-top: 40px;
}

/*-------------------------------------
　ご利用例
-------------------------------------*/
.DM-Content {
  width: 96.67%;
  max-width: 1200px;
  margin: auto;
  margin-top: 88px;
}
@media screen and (max-width: 599px) {
  .DM-Content {
    width: 93.333%;
  }
}
.DM-Content__head {
  font-size: 2.4rem;
  font-weight: 500;
  text-align: center;
  letter-spacing: 2px;
  margin-bottom: 32px;
}
.DM-Content__foot {
  width: 96.67%;
  max-width: 1024px;
  margin: auto;
  font-size: 1.4rem;
  font-weight: 300;
}
@media screen and (max-width: 599px) {
  .DM-Content__foot {
    width: 93.333%;
  }
}

.useExample {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.useExample__box {
  width: 40.7vw;
  max-width: 300px;
  padding: 24px;
  margin: 16px;
  border: 1px solid #DEDEDE;
  background-color: #fff;
}
@media screen and (max-width: 599px) {
  .useExample__box {
    width: 100%;
    max-width: inherit;
    padding: 16px 1em;
  }
}
.useExample__box__Title {
  color: #E42D20;
  font-size: 1.6rem;
  font-weight: 700;
  margin-top: 8px;
}

/*-------------------------------------
　作成費
-------------------------------------*/
.DM-Cost {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.DM-Cost__head {
  font-size: 1.6rem;
  font-weight: 500;
  margin-bottom: 8px;
}
.DM-Cost__block {
  width: 100%;
  max-width: 480px;
  margin: 0 16px 24px;
}
@media screen and (max-width: 599px) {
  .DM-Cost__block {
    margin: 16px 0;
  }
}
.DM-Cost__body {
  width: 100%;
  font-size: 1.4rem;
  line-height: 1.3;
  background-color: #fff;
}
.DM-Cost__body th {
  font-weight: 500;
  padding: 4px 3%;
  background: rgba(228, 45, 32, 0.15);
  border: 1px solid #f7c3bf;
}
@media screen and (max-width: 599px) {
  .DM-Cost__body th {
    padding: 4px 0;
  }
}
.DM-Cost__body th:nth-child(2) {
  min-width: 3em;
}
.DM-Cost__body td {
  text-align: center;
  padding: 12px 3%;
  border: 1px solid #f7c3bf;
}
.DM-Cost__body td:last-child {
  width: 30%;
}

/*-------------------------------------
　個人情報の取扱いについて
-------------------------------------*/
.DM-Privacy {
  width: 96.67%;
  max-width: 1024px;
  margin: auto;
}
@media screen and (max-width: 599px) {
  .DM-Privacy {
    width: 93.333%;
  }
}
.DM-Privacy p {
  text-indent: 1em;
}
.DM-Privacy p a {
  color: blue;
  text-decoration: underline;
}

.DM-Hint__head {
  text-align: center;
  padding: 44px 0;
  background: url("../service/dm/hint/images/bg-hint-head.jpg") no-repeat center;
  background-size: cover;
}
@media screen and (max-width: 599px) {
  .DM-Hint__head {
    padding: 24px 0;
  }
}
.DM-Hint__Number {
  display: inline-block;
  color: #fffac0;
  font-size: 2.4rem;
  border: 3px solid #fffac0;
  padding: 8px 16px;
  margin-bottom: 24px;
}
@media screen and (max-width: 599px) {
  .DM-Hint__Number {
    font-size: 2rem;
    margin-bottom: 16px;
  }
}
.DM-Hint__Title {
  color: #fff;
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: 1px;
}
@media screen and (max-width: 599px) {
  .DM-Hint__Title {
    font-size: 4.5vw;
  }
}
.DM-Hint__foot {
  padding: 64px 0;
  margin-top: 64px;
  border-top: 1px solid #F2F2F2;
  border-bottom: 1px solid #F2F2F2;
  background-color: #fff;
}
@media screen and (max-width: 599px) {
  .DM-Hint__foot {
    margin-top: 40px;
    padding: 40px 0;
  }
}
.DM-Hint__foot .navPagination {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.DM-Hint__foot .navPagination li {
  margin: 0 4px;
}
.DM-Hint__foot .navPagination li a {
  display: block;
  color: #fff;
  background-color: #E42D20;
}
.DM-Hint__foot .navPagination li a:hover {
  background-color: #C31807;
}
.DM-Hint__foot .navPagination li.active {
  color: #E42D20;
  background-color: #FFEEED;
}
.DM-Hint__foot .navPagination li.disabled {
  color: #fff;
  background-color: #DEDEDE;
}
.DM-Hint__foot .navPagination li a, .DM-Hint__foot .navPagination li.active, .DM-Hint__foot .navPagination li.disabled {
  padding: 8px 14px;
  border-radius: 8px;
}

/*-------------------------------------
　DMタイプ別による開封率
-------------------------------------*/
.OpenRate {
  padding: 80px 0;
  background-color: #fff;
}
@media screen and (max-width: 599px) {
  .OpenRate {
    padding: 40px 0 24px;
  }
}
.OpenRate__inner {
  width: 96.67%;
  max-width: 1200px;
  margin: auto;
}
@media screen and (max-width: 599px) {
  .OpenRate__inner {
    width: 93.333%;
  }
}
.OpenRate__head {
  font-size: 2.4rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 599px) {
  .OpenRate__head {
    font-size: 1.8rem;
  }
}
.OpenRate__body {
  width: 100%;
  max-width: 780px;
  margin: 16px auto 48px;
}
@media screen and (max-width: 599px) {
  .OpenRate__body {
    margin-bottom: 32px;
  }
}
.OpenRate__foot {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.OpenRate__box {
  width: 50%;
  padding: 0 32px;
}
@media screen and (max-width: 979px) {
  .OpenRate__box {
    width: 100%;
    padding: 0 0 24px;
  }
}
.OpenRate__box__Title {
  font-size: 1.6rem;
  font-weight: 700;
  padding-bottom: 4px;
  margin-bottom: 16px;
  border-bottom: 2px solid;
}
@media screen and (max-width: 599px) {
  .OpenRate__box__Title {
    font-size: 1.5rem;
  }
}

/*-------------------------------------
　レスポンス率 向上のために
-------------------------------------*/
.Response {
  padding: 64px 0;
  background-color: #EBF4F7;
}
@media screen and (max-width: 599px) {
  .Response {
    padding: 40px 0;
  }
}
.Response__head {
  font-size: 2.4rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 599px) {
  .Response__head {
    font-size: 1.8rem;
  }
}
.Response__body {
  width: 96.67%;
  max-width: 1024px;
  margin: auto;
}
@media screen and (max-width: 599px) {
  .Response__body {
    width: 93.333%;
  }
}
.Response__body > p {
  text-align: center;
  padding: 24px 0;
}
@media screen and (max-width: 599px) {
  .Response__body > p {
    padding-top: 8px;
  }
}
.Response__Step {
  position: relative;
}
.Response__Step__head {
  color: #fff;
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  padding: 8px 0;
  background: repeating-linear-gradient(-45deg, #3294b2, #3294b2 3px, #49a0ba 3px, #49a0ba 6px);
}
@media screen and (max-width: 599px) {
  .Response__Step__head {
    font-size: 1.6rem;
  }
}
.Response__Step__body {
  margin-top: 8px;
}
.Response__Step + .Response__Step {
  padding-top: 64px;
  margin-top: 24px;
}
.Response__Step + .Response__Step::before {
  content: "";
  width: 0;
  height: 0;
  border: 75px solid transparent;
  border-top: 40px solid #3294b2;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.Response__Step:nth-of-type(2) .Response__Step__head {
  background: repeating-linear-gradient(-45deg, #f15a24, #f15a24 3px, #f36e3e 3px, #f36e3e 6px);
}
.Response__Define {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px;
  background-color: #fff;
}
@media screen and (max-width: 599px) {
  .Response__Define {
    flex-direction: column;
  }
}
.Response__Define__Img {
  width: 25%;
  max-width: 220px;
}
@media screen and (max-width: 599px) {
  .Response__Define__Img {
    width: 100%;
    max-width: inherit;
  }
}
.Response__Define__Goal {
  width: 48%;
  max-width: 460px;
  padding: 16px;
  background: rgba(50, 148, 178, 0.1);
  border-radius: 16px;
}
@media screen and (max-width: 599px) {
  .Response__Define__Goal {
    width: 100%;
    max-width: inherit;
    margin: 8px 0;
  }
}
.Response__Define__Goal__head {
  color: #3294b2;
  font-weight: 700;
  text-align: center;
  margin-bottom: 4px;
}
.Response__Define__Goal__body {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.Response__Define__Goal__body li {
  margin-right: 1em;
}
.Response__Point {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 599px) {
  .Response__Point {
    flex-direction: column;
  }
}
.Response__Point__box {
  width: calc(33.33% - 12px);
  max-width: 320px;
  padding: 64px 24px 24px;
  margin: 32px 6px 0;
  background: #fff;
  border-radius: 16px;
  position: relative;
}
@media screen and (max-width: 599px) {
  .Response__Point__box {
    width: 100%;
    margin: 32px auto 0;
  }
}
.Response__Point__head {
  width: 70px;
  height: 70px;
  background: #f15a24;
  border-radius: 50%;
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
}
.Response__Point__head p {
  color: #fff;
  font-size: 1.3rem;
  font-weight: 500;
  text-align: center;
  line-height: 1.2;
  padding-top: 16px;
}
.Response__Point__head p span {
  display: block;
  font-size: 2.4rem;
}
.Response__Point__Title {
  color: #f15a24;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
}
.Response__Point__Img {
  max-height: 150px;
  margin: 18px 0;
}

/*-------------------------------------
　顧客セグメント・分析方法
-------------------------------------*/
.Analysis {
  width: 96.67%;
  max-width: 1200px;
  margin: auto;
}
@media screen and (max-width: 599px) {
  .Analysis {
    width: 93.333%;
  }
}
.Analysis__head {
  padding: 48px 0;
}
@media screen and (max-width: 599px) {
  .Analysis__head {
    padding: 24px 0;
  }
}

.Customer__block {
  padding: 48px;
  margin-bottom: 32px;
  border-radius: 16px;
  background-color: #F2F2F2;
}
@media screen and (max-width: 979px) {
  .Customer__block {
    padding: 48px 3.33%;
  }
}
@media screen and (max-width: 599px) {
  .Customer__block {
    padding: 24px 5%;
    margin-bottom: 24px;
  }
}
.Customer__block:last-child {
  margin-bottom: 0;
}
.Customer__inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.Customer__main {
  width: calc(100% - 300px);
  padding-right: 48px;
}
@media screen and (max-width: 979px) {
  .Customer__main {
    padding-right: 2em;
  }
}
@media screen and (max-width: 599px) {
  .Customer__main {
    width: 100%;
    padding-right: 0;
  }
}
.Customer__head {
  width: 100%;
  max-width: 400px;
  text-align: center;
  padding: 8px 0;
  margin-bottom: 32px;
  position: relative;
}
@media screen and (max-width: 599px) {
  .Customer__head {
    margin-bottom: 16px;
  }
}
.Customer__head::before, .Customer__head::after {
  content: "";
  display: inline-block;
  width: 30px;
  height: 100%;
  border: 2px solid #f15a24;
  position: absolute;
  top: 0;
}
.Customer__head::before {
  border-right: none;
  left: 0;
}
.Customer__head::after {
  border-left: none;
  right: 0;
}
.Customer__head p {
  font-size: 1.4rem;
  font-weight: 400;
}
.Customer__Title {
  color: #f15a24;
  font-weight: 700;
}
.Customer__body {
  font-weight: 300;
}
.Customer__body p {
  text-indent: 1em;
  margin-top: 1em;
}
@media screen and (max-width: 599px) {
  .Customer__body p {
    margin-bottom: 16px;
  }
}
.Customer__sub img {
  width: 300px;
  height: 300px;
  object-fit: cover;
}

.Method__block {
  padding: 0 32px 40px;
  margin: 32px auto 0;
  background: #fff;
  border: 1px solid #f15a24;
  border-radius: 15px;
}
@media screen and (max-width: 599px) {
  .Method__block {
    padding: 0 3.33% 8px;
  }
}
.Method__head {
  color: #fff;
  font-size: 2rem;
  max-width: 400px;
  text-align: center;
  padding: 8px 0;
  margin: auto;
  background: repeating-linear-gradient(-45deg, #f15a24, #f15a24 3px, #f36e3e 3px, #f36e3e 6px);
}
@media screen and (max-width: 599px) {
  .Method__head {
    width: 80%;
    font-size: 1.6rem;
  }
}
.Method__body {
  padding-top: 32px;
}
@media screen and (max-width: 599px) {
  .Method__body {
    padding-top: 24px;
  }
}
.Method__body > p {
  font-weight: 300;
}
.Method__Table {
  margin-top: 24px;
}
.Method__Table__block {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 840px;
  margin: 8px auto;
}
@media screen and (max-width: 599px) {
  .Method__Table__block {
    flex-direction: column;
  }
}
.Method__Table__block dt {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 30%;
  max-width: 180px;
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  background: #3294b2;
  border-radius: 16px 0 0 16px;
}
@media screen and (max-width: 599px) {
  .Method__Table__block dt {
    width: 100%;
    max-width: inherit;
    font-size: 1.8rem;
    padding: 8px 0;
    border-radius: 8px 8px 0 0;
  }
}
.Method__Table__block dt span {
  display: block;
  font-size: 1.6rem;
  letter-spacing: 1px;
  margin-bottom: 6px;
  opacity: .5;
}
@media screen and (max-width: 599px) {
  .Method__Table__block dt span {
    font-size: 1.4rem;
    margin-bottom: 0;
  }
}
.Method__Table__block dd {
  width: calc(100% - 180px);
  color: #133144;
  font-size: 1.4rem;
  font-weight: 300;
  padding: 24px;
  background: rgba(50, 148, 178, 0.1);
  border-radius: 0 16px 16px 0;
  word-break: break-all;
}
@media screen and (max-width: 599px) {
  .Method__Table__block dd {
    width: 100%;
    font-size: 1.3rem;
    padding: 16px 3.33%;
    border-radius: 0 0 8px 8px;
  }
}
.Method__Section {
  margin-top: 40px;
}
@media screen and (max-width: 599px) {
  .Method__Section {
    margin-top: 32px;
  }
}
.Method__Section__head {
  color: #f15a24;
  font-size: 1.8rem;
  font-weight: 500;
  text-align: center;
  padding: 4px 0;
  margin-bottom: 16px;
  border-top: 1px solid #f15a24;
  border-bottom: 1px solid #f15a24;
}
@media screen and (max-width: 599px) {
  .Method__Section__head {
    font-size: 1.6rem;
  }
}
.Method__Section__List {
  margin-bottom: 32px;
}
.Method__Section__List li {
  list-style-type: none;
}
.Method__Section__inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.Method__Section__inner p {
  width: 50%;
  padding-right: 32px;
}
@media screen and (max-width: 979px) {
  .Method__Section__inner p {
    padding-right: 1em;
  }
}
@media screen and (max-width: 599px) {
  .Method__Section__inner p {
    width: 100%;
    padding-right: 0;
  }
}
.Method__Section__Img {
  width: 50%;
  max-width: 450px;
}
@media screen and (max-width: 599px) {
  .Method__Section__Img {
    width: 100%;
    margin: 16px 0;
  }
}
.Method__Section__foot {
  max-width: 720px;
  margin: auto;
}

/*-------------------------------------
　インターネットの併用と架電
-------------------------------------*/
.Appointment__head {
  padding: 40px 0 64px;
  background-color: #fff;
}
@media screen and (max-width: 599px) {
  .Appointment__head {
    padding: 24px 0 40px;
  }
}
.Appointment__head p {
  margin-bottom: 32px;
}
.Appointment__inner {
  width: 96.67%;
  max-width: 1200px;
  margin: auto;
}
@media screen and (max-width: 599px) {
  .Appointment__inner {
    width: 93.333%;
  }
}
.Appointment__Img {
  max-width: 720px;
  margin: auto;
}
.Appointment__body {
  background-color: #F2F2F2;
}
.Appointment__foot {
  width: 96.67%;
  max-width: 1200px;
  margin: auto;
  text-align: center;
  padding-top: 160px;
  margin-top: 64px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 599px) {
  .Appointment__foot {
    width: 93.333%;
  }
}
@media screen and (max-width: 599px) {
  .Appointment__foot {
    padding-top: 80px;
    margin-top: 32px;
  }
}
.Appointment__foot .Sum-up {
  width: 100%;
  max-width: 720px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.Guidance {
  width: 96.67%;
  max-width: 1200px;
  margin: auto;
  padding: 48px 0 64px;
}
@media screen and (max-width: 599px) {
  .Guidance {
    width: 93.333%;
  }
}
@media screen and (max-width: 599px) {
  .Guidance {
    padding: 32px 0;
  }
}
.Guidance__head {
  text-align: center;
  margin-bottom: 24px;
}
@media screen and (max-width: 599px) {
  .Guidance__head {
    margin-bottom: 16px;
  }
}
.Guidance__body {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 24px;
  margin-top: 24px;
  background-color: #fff;
  border-radius: 16px;
}
@media screen and (max-width: 599px) {
  .Guidance__body {
    padding: 0 5% 8px;
  }
}
.Guidance__Title {
  font-weight: 500;
  margin-bottom: 16px;
}
.Guidance__box {
  width: 100%;
  max-width: 450px;
  margin: 16px 32px;
}
@media screen and (max-width: 599px) {
  .Guidance__box {
    max-width: inherit;
    margin: 16px 0;
  }
}
.Guidance__Disparity {
  padding: 32px;
  margin-top: 24px;
  background: #fff;
  border: 1px solid #f15a24;
  border-radius: 16px;
}
@media screen and (max-width: 599px) {
  .Guidance__Disparity {
    padding: 16px 5% 0;
  }
}
.Guidance__Disparity__head {
  color: #f15a24;
  font-size: 1.8rem;
  font-weight: 500;
  margin-bottom: 8px;
}
@media screen and (max-width: 599px) {
  .Guidance__Disparity__head {
    font-size: 1.6rem;
  }
}
.Guidance__Disparity__Img {
  max-width: 720px;
  margin: 24px auto;
}

.Result {
  padding-top: 56px;
  background: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 3px, rgba(255, 255, 255, 0.1) 3px, rgba(255, 255, 255, 0.1) 6px), linear-gradient(to bottom, #f7931e, #f15a24);
  position: relative;
}
@media screen and (max-width: 599px) {
  .Result {
    padding-top: 24px;
  }
}
.Result__head {
  color: #fff;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 599px) {
  .Result__head {
    font-size: 4.5vw;
  }
}
.Result > div {
  position: relative;
  z-index: 1;
}
.Result__body {
  padding: 24px 0;
}
@media screen and (max-width: 599px) {
  .Result__body {
    padding: 16px 0;
  }
}
.Result__block {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 90%;
  max-width: 720px;
  padding: 24px 32px;
  margin: 8px auto;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 599px) {
  .Result__block {
    padding: 16px;
    margin: 8px auto;
  }
}
.Result__block__head {
  min-width: 60px;
  color: #fff;
  font-size: 2.4rem;
  font-weight: 500;
  text-align: center;
  line-height: 60px;
  margin: 8px 32px 8px 0;
  border: none;
  background: #f15a24;
}
@media screen and (max-width: 599px) {
  .Result__block__head {
    margin-right: 16px;
  }
}
.Result__block__Title {
  color: #f15a24;
  font-size: 2rem;
  font-weight: 700;
}
@media screen and (max-width: 599px) {
  .Result__block__Title {
    font-size: 1.6rem;
    line-height: 1.4;
    margin-bottom: 8px;
  }
}
.Result__block__body ul li {
  line-height: 1.6;
  padding-left: 20px;
  margin-top: 2px;
  position: relative;
}
.Result__block__body ul li::before, .Result__block__body ul li::after {
  content: "";
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  vertical-align: middle;
}
.Result__block__body ul li::before {
  width: 8px;
  height: 8px;
  background: #f7931e;
  left: 0;
}
.Result__block__body ul li::after {
  width: 4px;
  height: 4px;
  border: 4px solid transparent;
  border-left: 4px solid #f7931e;
  left: 8px;
  box-sizing: border-box;
}
.Result__foot {
  padding-top: 50px;
  background: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 3px, rgba(255, 255, 255, 0.1) 3px, rgba(255, 255, 255, 0.1) 6px), #f15a24;
  overflow: hidden;
  position: relative;
}
.Result__foot::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 0 0 50vw;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 0;
  z-index: 1;
}
.Result__foot::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 50px 50vw;
  border-color: transparent transparent #fff transparent;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.Biz-LPG .Content__head {
  padding: 80px 0;
  border-top: 1px solid #DEDEDE;
  border-bottom: 1px solid #DEDEDE;
  position: relative;
  background: #209cff;
  background: -moz-linear-gradient(left, #209cff 0%, #68e0cf 100%);
  background: -webkit-linear-gradient(left, #209cff 0%, #68e0cf 100%);
  background: linear-gradient(to right, #209cff 0%, #68e0cf 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#209cff', endColorstr='#68e0cf',GradientType=1 );
  position: relative;
}
.Biz-LPG .Content__head::before {
  content: "";
  width: 100%;
  height: 100%;
  background: url(../service/biz-lpg/images/bg-biz-lpg-head.png) no-repeat center left;
  position: absolute;
  top: 0;
  left: 0;
}
.Biz-LPG .Content__head__inner {
  width: 96.67%;
  max-width: 1200px;
  margin: auto;
}
@media screen and (max-width: 599px) {
  .Biz-LPG .Content__head{
    padding: 40px 0;
  }
  .Biz-LPG .Content__head__inner {
    width: 93.333%;
  }
}
.Biz-LPG .Content__head__Title__jp {
  color: #fff;
  position: relative;
  z-index: 1;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
}
.Biz-LPG .Content__body {
  padding-top: 40px;
}
.Biz-LPG .BizNav {
  background-color: #003399;
}
.Biz-LPG .BizNav__item {
  width: calc(100% / 7);
  /* width: calc(100% / 6); */
  /*width: calc(100% / 4);*/
}
@media screen and (max-width: 979px) {
  .Biz-LPG .BizNav__item {
    width: 50%;
  }
}
.Biz-LPG .BizNav__item.active {
  background-color: #134BA5;
}
.Biz-LPG .BizNav__item.active::before {
  border-color: #134BA5 transparent transparent transparent;
}
.Biz-LPG .BizNav__item a:hover {
  background-color: #134BA5;
}

/*-------------------------------------
  バナーエリア
-------------------------------------*/
.BizBanner {
  text-align: center;
  padding: 32px 0;
}
.BizBanner__item {
  display: inline-block;
  max-width: 740px;
}

/*-------------------------------------
  ページナビ
-------------------------------------*/
.BizNav {
  width: 100%;
}
.BizNav__inner {
  width: 96.67%;
  max-width: 1200px;
  margin: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 599px) {
  .BizNav__inner {
    width: 93.333%;
  }
}
@media screen and (max-width: 979px) {
  .BizNav__inner {
    width: 100%;
  }
}
.BizNav__item {
  position: relative;
}
.BizNav__item.active::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 16px 16px 0 16px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: auto;
}
@media screen and (max-width: 979px) {
  .BizNav__item.active::before {
    display: none;
  }
}
.BizNav__item a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 56px;
  color: #fff;
  font-weight: 500;
  text-align: left;
  line-height: 1.4;
  padding: 14px 1em;
  border-left: 1px solid #fff;
  font-size: 14px;
}
@media screen and (max-width: 979px) {
  .BizNav__item a {
    padding: 8px 1em;
    border-left: none;
    border-bottom: 1px solid #fff;
  }
}
@media screen and (max-width: 599px) {
  .BizNav__item a {
    font-size: 1.3rem;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 979px) {
  .BizNav__item a br {
    display: none;
  }
}
@media screen and (max-width: 599px) {
  .BizNav__item a br {
    display: inline;
  }
}
.BizNav__item a span {
  display: inline-block;
}
.BizNav__item a i {
  display: inline-block;
  margin-right: 8px;
}
.BizNav__item a:hover {
  opacity: 1;
}
@media screen and (max-width: 979px) {
  .BizNav__item:nth-child(odd) {
    border-right: 1px solid #fff;
  }
}
.BizNav__item:last-child a {
  border-right: 1px solid #fff;
}
@media screen and (max-width: 979px) {
  .BizNav__item:last-child a {
    border-right: none;
  }
}

/*-------------------------------------
  サービスTOPページ
-------------------------------------*/
.BizMenu {
  max-width: 1080px;
  margin: auto;
}
@media screen and (max-width: 979px) {
  .BizMenu {
    width: 96.67%;
    max-width: 1200px;
    margin: auto;
  }
}
@media screen and (max-width: 979px) and (max-width: 599px) {
  .BizMenu {
    width: 93.333%;
  }
}

.BizMenu__inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.BizMenu__item {
  width: calc(33.33% - 20px);
  max-width: 320px;
  margin: 20px;
  border: 1px solid #DEDEDE;
  background-color: #fff;
}
@media screen and (max-width: 979px) {
  .BizMenu__item {
    width: 320px;
  }
}
@media screen and (max-width: 599px) {
  .BizMenu__item {
    width: 46%;
    margin: 16px 2%;
  }
}
.BizMenu__item.special {
  border: 2px solid red;
  position: relative;
}
.BizMenu__item .special-icon {
  display: block;
  color: yellow;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1;
  padding: 6px 16px 8px;
  background-color: red;
  position: absolute;
  top: -2px;
  left: -2px;
  z-index: 1;
}
@media screen and (max-width: 599px) {
  .BizMenu__item .special-icon {
    font-size: 1.4rem;
    top: -28px;
  }
}
.BizMenu__item a {
  display: block;
  transition: all .2s;
}
.BizMenu__item a:hover {
  opacity: .75;
}
.BizMenu__item__main {
  padding: 16px;
  border-top: 1px solid #F2F2F2;
}
@media screen and (max-width: 599px) {
  .BizMenu__item__main {
    padding: 1em 5%;
  }
}
.BizMenu__item__main dt {
  color: #003399;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 1px;
  text-align: center;
  margin-bottom: 8px;
}
@media screen and (max-width: 599px) {
  .BizMenu__item__main dt {
    font-size: 1.4rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
}
.BizMenu__item__main dd {
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.6;
}
@media screen and (max-width: 599px) {
  .BizMenu__item__main dd {
    font-size: 1.2rem;
  }
}

/*-------------------------------------
  サービスページ共通
-------------------------------------*/
.BizSupport {
  width: 96.67%;
  max-width: 1200px;
  margin: auto;
}
@media screen and (max-width: 599px) {
  .BizSupport {
    width: 93.333%;
  }
}
.BizSupport__head {
  text-align: center;
}
.BizSupport__head__Img {
  padding: 40px 3.33%;
  margin-bottom: 32px;
  background-color: #fff;
  border: 1px solid #F2F2F2;
}
@media screen and (max-width: 599px) {
  .BizSupport__head__Img {
    padding: 24px 3.33%;
  }
}
.BizSupport__head__Img__inner {
  max-width: 960px;
  margin: auto;
}
.BizSupport__head__Img img + img {
  margin-top: 40px;
}
@media screen and (max-width: 599px) {
  .BizSupport__head__Img img + img {
    margin-top: 24px;
  }
}
.BizSupport__head__Message {
  padding: 2px 0;
  margin-top: 40px;
  background-color: #fff;
  border-top: 2px solid #353535;
  border-bottom: 2px solid #353535;
}
@media screen and (max-width: 599px) {
  .BizSupport__head__Message {
    margin-top: 24px;
  }
}
.BizSupport__head__Message__inner {
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  text-align: left;
  padding: 24px 2em;
  border-top: 1px solid #353535;
  border-bottom: 1px solid #353535;
}
@media screen and (max-width: 599px) {
  .BizSupport__head__Message__inner {
    padding: 16px 3.33%;
  }
}
.BizSupport__head__Message__Title {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 16px;
}
@media screen and (max-width: 599px) {
  .BizSupport__head__Message__Title {
    font-size: 1.6rem;
    margin-bottom: 8px;
  }
}
.BizSupport__head__Message p {
  font-size: 1.6rem;
}
@media screen and (max-width: 599px) {
  .BizSupport__head__Message p {
    font-size: 1.3rem;
  }
}

.Tools {
  /*業務案内DM*/
  /*不正勧誘ツール*/
  /*灯油販促ツール*/
  /*リフォームDM*/
  /*リフォーム販促ツール*/
  /*折込チラシ*/
  /*店舗装飾・サイン・ポスター*/
}
.Tools__block {
  margin-bottom: 16px;
}
.Tools__head {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
  transition: all 0.2s;
 /*-------------------------------------
　ツール概要
 -------------------------------------*/
}
.Tools__head:hover {
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.25);
}
.Tools__head__Icon {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 25%;
  max-width: 144px;
  background-color: #064EA1;
}
@media screen and (max-width: 599px) {
  .Tools__head__Icon {
    align-items: flex-start;
  }
}
.Tools__head .Outline {
  width: 100%;
  padding: 12px 72px 12px 24px;
  background-color: #F2F2F2;
  position: relative;
}
@media screen and (max-width: 599px) {
  .Tools__head .Outline {
    padding-left: 1em;
    padding-right: 2em;
  }
}
.Tools__head .Outline::after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "\f078";
  width: 1em;
  height: 1em;
  color: #565656;
  position: absolute;
  top: 0;
  right: 24px;
  bottom: 0;
  margin: auto;
}
@media screen and (max-width: 599px) {
  .Tools__head .Outline::after {
    right: 10px;
  }
}
.Tools__head .Outline__head {
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 4px;
}
@media screen and (max-width: 599px) {
  .Tools__head .Outline__head {
    font-size: 1.6rem;
  }
}
.Tools__head .Outline__body {
  font-weight: 300;
  line-height: 1.6;
}
@media screen and (max-width: 599px) {
  .Tools__head .Outline__body {
    font-size: 1.2rem;
  }
}
.Tools__body {
  padding-bottom: 56px;
  margin-bottom: 56px;
  border: 1px solid #F2F2F2;
  border-top: 1px solid #fff;
  background-color: #fff;
 /*-------------------------------------
　アドバイス
 -------------------------------------*/
 /*-------------------------------------
　制作例
 -------------------------------------*/
 /*-------------------------------------
　ポイント
 -------------------------------------*/
}
@media screen and (max-width: 599px) {
  .Tools__body {
    padding-bottom: 20px;
    margin-bottom: 40px;
  }
}
.Tools__body .Advice {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 32px 0;
  background-color: rgba(6, 78, 161, 0.25);
}
@media screen and (max-width: 599px) {
  .Tools__body .Advice {
    padding: 24px 0;
  }
}
.Tools__body .Advice__block {
  width: 46%;
  padding: 16px;
  border: 1px solid #064EA1;
  border-radius: 16px;
  background-color: #fff;
}
@media screen and (max-width: 979px) {
  .Tools__body .Advice__block {
    width: 90%;
  }
}
.Tools__body .Advice__block:nth-child(2) {
  margin-left: 2%;
}
@media screen and (max-width: 979px) {
  .Tools__body .Advice__block:nth-child(2) {
    margin: 8px 0 0;
  }
}
.Tools__body .Advice__head {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
  padding: 2px;
  margin-bottom: 12px;
  border-radius: 16px;
  background-color: #064EA1;
}
@media screen and (max-width: 599px) {
  .Tools__body .Advice__head {
    font-size: 3.2vw;
    margin-bottom: 8px;
  }
}
.Tools__body .Advice__body {
  font-size: 1.4rem;
  line-height: 1.6;
}
@media screen and (max-width: 599px) {
  .Tools__body .Advice__body {
    font-size: 1.2rem;
  }
}
.Tools__body .Item {
  width: 94%;
  margin: 40px auto;
}
@media screen and (max-width: 599px) {
  .Tools__body .Item {
    margin: 24px auto;
  }
}
.Tools__body .Item__inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.Tools__body .Item__head {
  color: #fff;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 2px 12px 4px;
  background-color: #353535;
}
@media screen and (max-width: 599px) {
  .Tools__body .Item__head {
    font-size: 1.4rem;
  }
}
.Tools__body .Item__body {
  padding: 24px;
}
@media screen and (max-width: 599px) {
  .Tools__body .Item__body {
    padding: 8px 0;
  }
}
.Tools__body .Item__body p {
  margin-bottom: 16px;
}
@media screen and (max-width: 599px) {
  .Tools__body .Item__body p {
    margin-bottom: 0;
  }
}
.Tools__body .Item__Img {
  width: 100%;
  max-width: 960px;
  margin: auto;
}
.Tools__body .Point {
  width: 90%;
  max-width: 1024px;
  padding: 16px 32px 24px;
  margin: auto;
  border: 1px solid #E42D20;
  background-color: #FDEDE5;
}
@media screen and (max-width: 599px) {
  .Tools__body .Point {
    padding: 16px 3.33%;
  }
}
.Tools__body .Point + .Item {
  margin-top: 64px;
}
.Tools__body .Point__block + .Point__block {
  padding-top: 16px;
  margin-top: 32px;
  border-top: 1px dashed #E42D20;
}
.Tools__body .Point__inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.Tools__body .Point__inner p {
  width: calc(100% - 240px);
  padding-right: 24px;
  word-break: break-all;
}
@media screen and (max-width: 599px) {
  .Tools__body .Point__inner p {
    width: 100%;
    padding-right: 0;
  }
}
.Tools__body .Point__inner .Point__Img {
  width: 240px;
}
@media screen and (max-width: 599px) {
  .Tools__body .Point__inner .Point__Img {
    width: 100%;
    margin-top: 16px;
  }
}
.Tools__body .Point__head {
  padding-left: 32px;
  margin-bottom: 8px;
  position: relative;
}
.Tools__body .Point__head::before {
  content: "";
  width: 80px;
  height: 80px;
  background: url(../service/biz-lpg/images/fig-tools-point-icon.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -24px;
  left: -56px;
}
@media screen and (max-width: 599px) {
  .Tools__body .Point__head::before {
    width: 56px;
    height: 56px;
    left: -32px;
  }
}
.Tools__body .Point__head__Title {
  font-size: 2.2rem;
  font-weight: 700;
}
@media screen and (max-width: 599px) {
  .Tools__body .Point__head__Title {
    font-size: 1.6rem;
    line-height: 1.6;
  }
}
.Tools__body .Point__head__Title span {
  color: #E42D20;
}
.Tools__body .Point__body p {
  padding-left: 32px;
}
@media screen and (max-width: 599px) {
  .Tools__body .Point__body p {
    padding-left: 0;
  }
}
.Tools__body .Point__body a {
  color: #E42D20;
  text-decoration: underline;
}
.Tools #dm .Advice {
  background-color: rgba(27, 175, 235, 0.25);
}
.Tools #dm .Advice__block,
.Tools #dm .Item__head {
  border-color: #1BAFEB;
}
.Tools #dm .Tools__head__Icon,
.Tools #dm .Advice__head {
  background-color: #1BAFEB;
}
.Tools #kanyuu .Advice {
  background-color: rgba(165, 73, 150, 0.25);
}
.Tools #kanyuu .Advice__block,
.Tools #kanyuu .Item__head {
  border-color: #A54996;
}
.Tools #kanyuu .Tools__head__Icon,
.Tools #kanyuu .Advice__head {
  background-color: #A54996;
}
.Tools #touyu .Advice {
  background-color: rgba(233, 84, 50, 0.25);
}
.Tools #touyu .Advice__block,
.Tools #touyu .Item__head {
  border-color: #E95432;
}
.Tools #touyu .Tools__head__Icon,
.Tools #touyu .Advice__head {
  background-color: #E95432;
}
.Tools #reform1 .Advice {
  background-color: rgba(240, 131, 0, 0.25);
}
.Tools #reform1 .Advice__block,
.Tools #reform1 .Item__head {
  border-color: #F08300;
}
.Tools #reform1 .Tools__head__Icon,
.Tools #reform1 .Advice__head {
  background-color: #F08300;
}
.Tools #reform2 .Advice {
  background-color: rgba(250, 189, 1, 0.25);
}
.Tools #reform2 .Advice__block,
.Tools #reform2 .Item__head {
  border-color: #FABD01;
}
.Tools #reform2 .Tools__head__Icon,
.Tools #reform2 .Advice__head {
  background-color: #FABD01;
}
.Tools #chirashi .Advice {
  background-color: rgba(232, 82, 152, 0.25);
}
.Tools #chirashi .Advice__block,
.Tools #chirashi .Item__head {
  border-color: #E85298;
}
.Tools #chirashi .Tools__head__Icon,
.Tools #chirashi .Advice__head {
  background-color: #E85298;
}
.Tools #sign .Advice {
  background-color: rgba(111, 186, 45, 0.25);
}
.Tools #sign .Advice__block,
.Tools #sign .Item__head {
  border-color: #6FBA2D;
}
.Tools #sign .Tools__head__Icon,
.Tools #sign .Advice__head {
  background-color: #6FBA2D;
}
.Tools .SignItem {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 40px;
}
.Tools .SignItem__block {
  width: 46%;
  margin-bottom: 24px;
}
@media screen and (max-width: 979px) {
  .Tools .SignItem__block {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .Tools .SignItem__block {
    margin-bottom: 16px;
  }
}
.Tools .SignItem__block:nth-child(even) {
  margin-left: 4%;
}
@media screen and (max-width: 979px) {
  .Tools .SignItem__block:nth-child(even) {
    margin-left: 0;
  }
}
.Tools .SignItem__head {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 500;
  padding-left: 10px;
  margin-bottom: 8px;
  background-color: #023592;
}
@media screen and (max-width: 599px) {
  .Tools .SignItem__head {
    font-size: 1.4rem;
  }
}
.Tools .SignItem__body {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.Tools .SignItem__body p {
  width: calc(100% - 160px);
  padding-right: 24px;
}
@media screen and (max-width: 599px) {
  .Tools .SignItem__body p {
    width: calc(100% - 80px);
    padding-right: 16px;
  }
}
.Tools .SignItem__Img {
  width: 160px;
}
@media screen and (max-width: 599px) {
  .Tools .SignItem__Img {
    width: 80px;
    height: 80px;
  }
}

.HPpack {
  padding-top: 56px;
  /*-------------------------------------
    かんたんパック
  -------------------------------------*/
  /*-------------------------------------
    オプション
  -------------------------------------*/
  /*-------------------------------------
    オリジナルホームページ
  -------------------------------------*/
  /*-------------------------------------
    ポイント
  -------------------------------------*/
}
@media screen and (max-width: 599px) {
  .HPpack {
    padding-top: 24px;
  }
}
.HPpack .Outline {
  width: calc(100% - 48px);
  padding: 56px 32px 24px;
  margin: 0 auto 80px;
  border: 2px solid #079633;
  border-radius: 16px;
  background-color: #fff;
  position: relative;
}
@media screen and (max-width: 599px) {
  .HPpack .Outline {
    width: 94%;
    padding: 32px 3.33% 16px;
    margin-bottom: 40px;
  }
}
.HPpack .Outline__head {
  display: inline-block;
  color: #fff;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: 1px;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  padding: 4px 1em;
  border-radius: 16px;
  background-color: #079633;
  position: absolute;
  top: -32px;
  left: -24px;
}
@media screen and (max-width: 599px) {
  .HPpack .Outline__head {
    font-size: 2rem;
    border-radius: 8px;
    left: -3.333%;
  }
}
.HPpack .Outline__body > p {
  font-size: 2.4rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 599px) {
  .HPpack .Outline__body > p {
    font-size: 1.6rem;
    line-height: 1.6;
  }
}
.HPpack .Outline__Img {
  margin: 16px 0;
}
.HPpack .Outline__Img p {
  font-size: 1.4rem;
  margin-top: 8px;
}
@media screen and (max-width: 599px) {
  .HPpack .Outline__Img p {
    font-size: 1.1rem;
  }
}
.HPpack .Outline__block {
  font-size: 1.8rem;
  padding-top: 16px;
  margin-top: 40px;
  border-top: 1px dotted #0a3bbf;
}
@media screen and (max-width: 599px) {
  .HPpack .Outline__block {
    font-size: 1.3rem;
    margin-top: 32px;
  }
}
.HPpack .Outline__block > dt {
  color: #0a3bbf;
  font-weight: 700;
  margin-bottom: 8px;
}
@media screen and (max-width: 599px) {
  .HPpack .Outline__block > dt {
    font-size: 1.6rem;
    margin-bottom: 0;
  }
}
.HPpack .Outline__block dd {
  font-weight: 500;
  text-indent: 1em;
}
@media screen and (max-width: 599px) {
  .HPpack .Outline__block dd {
    text-indent: 0;
  }
}
.HPpack .Outline__block__flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.HPpack .Outline__block__flex p br {
  display: none;
}
@media screen and (max-width: 599px) {
  .HPpack .Outline__block__flex p br {
    display: inline;
  }
}
.HPpack .Outline__block__Button {
  color: #fff;
  font-size: 1.6rem;
  text-indent: 0;
  padding: 6px 1em;
  margin-top: 8px;
  border-radius: 4px;
  border: 1px solid #fff;
  background: #0061ea;
  background: -moz-linear-gradient(top, #0061ea 0%, #0a3bbf 100%);
  background: -webkit-linear-gradient(top, #0061ea 0%, #0a3bbf 100%);
  background: linear-gradient(to bottom, #0061ea 0%, #0a3bbf 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0061ea', endColorstr='#0a3bbf',GradientType=0 );
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 599px) {
  .HPpack .Outline__block__Button {
    font-size: 1.3rem;
  }
}
.HPpack .Outline__block__Button i {
  margin-right: 8px;
}
.HPpack .Outline__block .Colors {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.HPpack .Outline__block .Colors__block {
  width: calc(33.333% - 32px);
  max-width: 320px;
  margin: 8px 16px;
}
.HPpack .Outline__block .Colors dt {
  font-size: 1.6rem;
  margin: 0 0 2px -1em;
}
@media screen and (max-width: 599px) {
  .HPpack .Outline__block .Colors dt {
    font-size: 1.3rem;
  }
}
.HPpack .Outline__block .Colors dd {
  height: 2.5em;
}
.HPpack .Outline__block .Colors__blue {
  background-color: #337ab7;
}
.HPpack .Outline__block .Colors__pink {
  background-color: #E178B1;
}
.HPpack .Outline__block .Colors__orange {
  background-color: #EF790D;
}
.HPpack .Outline__block .Colors__green {
  background-color: #3C9725;
}
.HPpack .Outline__block .Colors__navy {
  background-color: #1C2E82;
}
.HPpack .Outline__foot {
  color: #E42D20;
  margin-top: 56px;
}
@media screen and (max-width: 599px) {
  .HPpack .Outline__foot {
    margin-top: 32px;
  }
}
.HPpack .Option {
  padding: 40px;
  margin-bottom: 80px;
  background-color: #F2F2F2;
}
@media screen and (max-width: 599px) {
  .HPpack .Option {
    padding: 24px 3.33%;
    margin-bottom: 40px;
  }
}
.HPpack .Option__head {
  text-align: center;
  margin-bottom: 8px;
}
.HPpack .Option__head__Title {
  color: #565656;
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 8px;
}
@media screen and (max-width: 599px) {
  .HPpack .Option__head__Title {
    font-size: 2rem;
    line-height: 1.6;
  }
}
.HPpack .Option__head__Title br {
  display: none;
}
@media screen and (max-width: 599px) {
  .HPpack .Option__head__Title br {
    display: inline;
  }
}
.HPpack .Option__head p {
  font-size: 1.8rem;
  font-weight: 500;
}
@media screen and (max-width: 599px) {
  .HPpack .Option__head p {
    font-size: 1.3rem;
  }
}
.HPpack .Option__body {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.HPpack .Option__block {
  width: calc(50% - 32px);
  max-width: 480px;
  margin: 16px;
  border: 4px solid;
}
@media screen and (max-width: 599px) {
  .HPpack .Option__block {
    width: 100%;
  }
}
.HPpack .Option__block:nth-child(1) {
  border-color: #CDECF4;
}
.HPpack .Option__block:nth-child(2) {
  border-color: #CCEA7F;
}
.HPpack .Option__block:nth-child(3) {
  border-color: #F6CD73;
}
.HPpack .Option__block:nth-child(4) {
  border-color: #F6A7D2;
}
.HPpack .Original__head {
  text-align: center;
  margin-bottom: 24px;
}
.HPpack .Original__head__Title {
  color: #0a3bbf;
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 8px;
}
@media screen and (max-width: 599px) {
  .HPpack .Original__head__Title {
    font-size: 2rem;
    line-height: 1.6;
  }
}
.HPpack .Original__head p {
  font-size: 1.8rem;
  font-weight: 500;
}
@media screen and (max-width: 599px) {
  .HPpack .Original__head p {
    font-size: 1.3rem;
  }
}
.HPpack .Original__body .Services {
  width: 96.67%;
  max-width: 1024px;
  margin: auto;
}
@media screen and (max-width: 599px) {
  .HPpack .Original__body .Services {
    width: 93.333%;
  }
}
.HPpack .Original__body .Services__head {
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 1px;
  text-align: center;
  padding: 6px 0 4px;
  background-color: #0a3bbf;
}
@media screen and (max-width: 599px) {
  .HPpack .Original__body .Services__head {
    font-size: 1.6rem;
  }
}
.HPpack .Original__body .Services__body {
  margin-bottom: 56px;
  border: 4px solid #0a3bbf;
  background-color: #fff;
}
.HPpack .Original__body .Services__block {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 90%;
  padding: 32px 0;
  margin: auto;
  border-bottom: 1px dashed #DEDEDE;
}
.HPpack .Original__body .Services__block:last-child {
  border-bottom: none;
}
.HPpack .Original__body .Services__block__sub {
  width: 160px;
  margin-right: 40px;
}
@media screen and (max-width: 599px) {
  .HPpack .Original__body .Services__block__sub {
    margin: 0 auto 24px;
  }
}
.HPpack .Original__body .Services__block__main {
  width: calc(100% - 200px);
}
@media screen and (max-width: 599px) {
  .HPpack .Original__body .Services__block__main {
    width: 100%;
  }
}
.HPpack .Original__body .Services__block__Title {
  color: #0a3bbf;
  font-size: 2rem;
  margin-bottom: 8px;
}
@media screen and (max-width: 599px) {
  .HPpack .Original__body .Services__block__Title {
    font-size: 1.8rem;
    margin-bottom: 0;
  }
}
.HPpack__foot {
  width: 96.67%;
  max-width: 1024px;
  margin: auto;
  padding-bottom: 32px;
}
@media screen and (max-width: 599px) {
  .HPpack__foot {
    width: 93.333%;
  }
}
.HPpack__foot .Point {
  padding: 24px;
  margin: auto;
  border: 2px solid red;
  background-color: #fff;
  position: relative;
}
@media screen and (max-width: 599px) {
  .HPpack__foot .Point {
    padding: 20px 3.33% 16px;
  }
}
.HPpack__foot .Point::before {
  content: "";
  width: 80px;
  height: 80px;
  background: url(../service/biz-lpg/images/fig-hp-services-point.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -16px;
  left: -24px;
}
.HPpack__foot .Point__head {
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 1px;
  padding-left: 48px;
  margin-bottom: 16px;
}
@media screen and (max-width: 599px) {
  .HPpack__foot .Point__head {
    font-size: 1.6rem;
    line-height: 1.6;
    padding-left: 56px;
  }
}
.HPpack__foot .Point__body {
  padding-bottom: 8px;
}

.Kaketsuke__head {
  margin-bottom: 80px;
}
@media screen and (max-width: 599px) {
  .Kaketsuke__head {
    margin-bottom: 24px;
  }
}
.Kaketsuke__head .Conclude {
  padding-top: 64px;
}
@media screen and (max-width: 599px) {
  .Kaketsuke__head .Conclude {
    padding-top: 0;
  }
}
.Kaketsuke__head .Conclude__block {
  width: 96.67%;
  max-width: 1024px;
  margin: auto;
  position: relative;
}
@media screen and (max-width: 599px) {
  .Kaketsuke__head .Conclude__block {
    width: 93.333%;
  }
}
@media screen and (max-width: 599px) {
  .Kaketsuke__head .Conclude__block {
    width: 100%;
  }
}
.Kaketsuke__head .Conclude__block:last-child {
  margin-top: 8px;
}
.Kaketsuke__body {
  /*-------------------------------------
    最低限の手間とコストで新規事業が始められます
  -------------------------------------*/
  /*-------------------------------------
    プラン概要＆収益例
  -------------------------------------*/
  /*-------------------------------------
    導入例
  -------------------------------------*/
  /*-------------------------------------
    運用ツール
  -------------------------------------*/
}
.Kaketsuke__body .Cost {
  padding: 24px 0 64px;
  background-color: #fff;
}
@media screen and (max-width: 599px) {
  .Kaketsuke__body .Cost {
    padding: 0;
  }
}
.Kaketsuke__body .Cost__head {
  font-size: 3rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 16px;
}
@media screen and (max-width: 599px) {
  .Kaketsuke__body .Cost__head {
    font-size: 1.8rem;
    line-height: 1.6;
    padding: 16px 3.33% 0;
    margin-bottom: 0;
  }
}
.Kaketsuke__body .Cost__body {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 64px;
}
@media screen and (max-width: 599px) {
  .Kaketsuke__body .Cost__body {
    padding: 16px 3.33%;
    margin-bottom: 16px;
  }
}
.Kaketsuke__body .Cost__item {
  width: 45%;
  max-width: 480px;
  margin: 16px;
  border: 4px solid #ed6d00;
  border-radius: 12px;
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.3);
  overflow: hidden;
}
@media screen and (max-width: 599px) {
  .Kaketsuke__body .Cost__item {
    width: 100%;
    margin: 8px 0;
    border-width: 2px;
  }
}
.Kaketsuke__body .Cost__foot {
  border-top: 2px dashed #565656;
  position: relative;
}
.Kaketsuke__body .Cost__foot p {
  display: inline-block;
  color: #fff;
  font-size: 2.4rem;
  font-weight: 500;
  padding: 4px 2em;
  background-color: #565656;
  position: absolute;
  top: -2px;
  left: 0;
}
@media screen and (max-width: 599px) {
  .Kaketsuke__body .Cost__foot p {
    font-size: 1.4rem;
    padding: 2px 1em;
  }
}
.Kaketsuke__body .Cost__foot .Flow {
  padding: 40px;
  background-color: #fef6d7;
}
@media screen and (max-width: 599px) {
  .Kaketsuke__body .Cost__foot .Flow {
    padding: 8px 0;
  }
}
.Kaketsuke__body .Outline {
  margin-top: 24px;
}
.Kaketsuke__body .Outline__block {
  margin: 104px 0;
}
@media screen and (max-width: 599px) {
  .Kaketsuke__body .Outline__block {
    margin: 56px 0 24px;
  }
}
.Kaketsuke__body .Outline__head {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.Kaketsuke__body .Outline__head__Logo {
  width: 70%;
  max-width: 400px;
  margin: 0 32px 8px 0;
}
@media screen and (max-width: 599px) {
  .Kaketsuke__body .Outline__head__Logo {
    width: 100%;
    margin-right: 0;
  }
}
@media screen and (max-width: 599px) {
  .Kaketsuke__body .Outline__head__Logo img {
    max-width: 240px;
  }
}
.Kaketsuke__body .Outline__head__Title {
  color: #565656;
  font-size: 2.4rem;
  font-weight: 500;
}
@media screen and (max-width: 599px) {
  .Kaketsuke__body .Outline__head__Title {
    font-size: 2rem;
  }
}
.Kaketsuke__body .Outline__body {
  width: 96.67%;
  max-width: 1024px;
  margin: auto;
}
@media screen and (max-width: 599px) {
  .Kaketsuke__body .Outline__body {
    width: 93.333%;
  }
}
@media screen and (max-width: 599px) {
  .Kaketsuke__body .Outline__body {
    width: 100%;
  }
}
.Kaketsuke__body .Outline__body .Plan {
  margin: 40px 0;
  border: 3px solid #014099;
  box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.25);
  /*ベーシックプラン--------*/
  /*プレミアムプラン--------*/
  /*オリジナルプラン--------*/
}
@media screen and (max-width: 599px) {
  .Kaketsuke__body .Outline__body .Plan {
    margin: 16px 0;
  }
}
.Kaketsuke__body .Outline__body .Plan__head {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #014099;
  font-size: 2.4rem;
}
@media screen and (max-width: 599px) {
  .Kaketsuke__body .Outline__body .Plan__head {
    font-size: 3.4vw;
  }
}
.Kaketsuke__body .Outline__body .Plan__head__Title {
  width: 40%;
  color: #fff;
  font-weight: 700;
  text-align: center;
  letter-spacing: 1px;
  padding-bottom: 2px;
  background-color: #014099;
}
@media screen and (max-width: 599px) {
  .Kaketsuke__body .Outline__body .Plan__head__Title {
    letter-spacing: 0;
  }
}
.Kaketsuke__body .Outline__body .Plan__head p {
  width: 60%;
  font-weight: 500;
  line-height: 1.4;
  padding: 8px 32px 0;
  background-color: #fff;
}
@media screen and (max-width: 599px) {
  .Kaketsuke__body .Outline__body .Plan__head p {
    padding: 6px 3.33%;
  }
}
.Kaketsuke__body .Outline__body .Plan__body {
  padding-bottom: 24px;
  border-radius: 0 0 16px 16px;
  background-color: #fff;
}
@media screen and (max-width: 599px) {
  .Kaketsuke__body .Outline__body .Plan__body {
    padding-bottom: 8px;
  }
}
.Kaketsuke__body .Outline__body .Plan__body > p {
  font-size: 2rem;
  letter-spacing: 1px;
  line-height: 1.4;
  padding: 8px 32px;
  margin-bottom: 24px;
  background-color: #F2F2F2;
}
@media screen and (max-width: 599px) {
  .Kaketsuke__body .Outline__body .Plan__body > p {
    font-size: 1.4rem;
    letter-spacing: 0;
    padding: 4px 3.33%;
    margin-bottom: 16px;
  }
}
.Kaketsuke__body .Outline__body .Plan__body > p span {
  font-size: 1.5rem;
  font-weight: 300;
  letter-spacing: 0;
}
@media screen and (max-width: 599px) {
  .Kaketsuke__body .Outline__body .Plan__body > p span {
    font-size: 1.2rem;
  }
}
.Kaketsuke__body .Outline__body .Plan__body .Point {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 32px;
  margin-bottom: 32px;
}
@media screen and (max-width: 599px) {
  .Kaketsuke__body .Outline__body .Plan__body .Point {
    padding: 0 3.33%;
    margin-bottom: 24px;
  }
}
.Kaketsuke__body .Outline__body .Plan__body .Point__box {
  width: 32%;
  text-align: center;
  padding: 16px 0 8px;
  background-color: #4a8dcb;
  border-radius: 16px;
}
@media screen and (max-width: 599px) {
  .Kaketsuke__body .Outline__body .Plan__body .Point__box {
    padding-top: 12px;
    border-radius: 8px;
  }
}
.Kaketsuke__body .Outline__body .Plan__body .Point__box dt {
  color: #fff;
  font-size: 2rem;
  line-height: 1;
}
@media screen and (max-width: 599px) {
  .Kaketsuke__body .Outline__body .Plan__body .Point__box dt {
    font-size: 3.4vw;
  }
}
.Kaketsuke__body .Outline__body .Plan__body .Point__box dd {
  color: #fff68c;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.6;
}
@media screen and (max-width: 599px) {
  .Kaketsuke__body .Outline__body .Plan__body .Point__box dd {
    font-size: 4vw;
  }
}
.Kaketsuke__body .Outline__body .Plan__Img {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 32px 32px 0;
  margin-top: 16px;
  border-top: 1px dashed #014099;
}
@media screen and (max-width: 599px) {
  .Kaketsuke__body .Outline__body .Plan__Img {
    padding: 16px 3.33% 0;
  }
}
.Kaketsuke__body .Outline__body .Plan__Img__item {
  margin: 8px;
}
@media screen and (max-width: 599px) {
  .Kaketsuke__body .Outline__body .Plan__Img__item {
    margin: 8px 0;
  }
}
.Kaketsuke__body .Outline__body .Plan__foot {
  color: #fff;
  padding: 4px 32px;
  background-color: #014099;
}
@media screen and (max-width: 599px) {
  .Kaketsuke__body .Outline__body .Plan__foot {
    padding: 4px 3.33%;
  }
}
.Kaketsuke__body .Outline__body .Plan.Basic .Plan__Img__item {
  width: calc(33.33% - 16px);
}
@media screen and (max-width: 599px) {
  .Kaketsuke__body .Outline__body .Plan.Basic .Plan__Img__item {
    width: 90%;
    margin-bottom: 16px;
  }
}
.Kaketsuke__body .Outline__body .Plan.Premium {
  border-color: #f39800;
}
.Kaketsuke__body .Outline__body .Plan.Premium .Plan__head {
  color: #f39800;
  border-color: #f39800;
}
.Kaketsuke__body .Outline__body .Plan.Premium .Plan__head__Title {
  border-color: #f39800;
  background-color: #f39800;
}
.Kaketsuke__body .Outline__body .Plan.Premium .Plan__Img {
  display: block;
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}
.Kaketsuke__body .Outline__body .Plan.Premium .Plan__Img p {
  color: #565656;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: left;
  margin-bottom: 16px;
}
@media screen and (max-width: 979px) {
  .Kaketsuke__body .Outline__body .Plan.Premium .Plan__Img p {
    font-size: 1.4rem;
  }
}
.Kaketsuke__body .Outline__body .Plan.Premium .Plan__Img__item {
  margin: 0;
}
.Kaketsuke__body .Outline__body .Plan.Premium .Plan__foot {
  background-color: #f39800;
}
.Kaketsuke__body .Outline__body .Plan.Original {
  border-color: #8DBA15;
}
.Kaketsuke__body .Outline__body .Plan.Original .Plan__head {
  color: #8DBA15;
  border-color: #8DBA15;
}
.Kaketsuke__body .Outline__body .Plan.Original .Plan__head__Title {
  border-color: #8DBA15;
  background-color: #8DBA15;
}
@media screen and (max-width: 979px) {
  .Kaketsuke__body .Outline__body .Plan.Original .Plan__body p {
    margin-bottom: 0;
  }
}
.Kaketsuke__body .Outline__body .Plan.Original .Plan__Img {
  border-top: none;
  margin-top: 0;
}
.Kaketsuke__body .Outline__body .Plan.Original .Plan__Img__item:first-child {
  width: 340px;
}
@media screen and (max-width: 599px) {
  .Kaketsuke__body .Outline__body .Plan.Original .Plan__Img__item:first-child {
    width: 65%;
  }
}
.Kaketsuke__body .Outline__body .Plan.Original .Plan__Img__item:last-child {
  width: 100%;
  max-width: 580px;
}
.Kaketsuke__body .Case {
  padding-top: 40px;
}
@media screen and (max-width: 599px) {
  .Kaketsuke__body .Case {
    padding-top: 24px;
  }
}
.Kaketsuke__body .Case__block {
  padding-bottom: 16px;
  margin-bottom: 64px;
  background-color: #fff;
}
@media screen and (max-width: 599px) {
  .Kaketsuke__body .Case__block {
    margin-bottom: 24px;
  }
}
.Kaketsuke__body .Case__block__head {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 2.4rem;
  margin-bottom: 16px;
  border-top: 4px solid #353535;
  background-color: #fff57f;
}
@media screen and (max-width: 599px) {
  .Kaketsuke__body .Case__block__head {
    font-size: 4.2vw;
    line-height: 1.6;
    margin-bottom: 8px;
    border-top: none;
  }
}
.Kaketsuke__body .Case__block__head__sub {
  color: #fff;
  font-weight: 700;
  font-style: italic;
  padding: 0 24px 4px;
  background-color: #353535;
}
@media screen and (max-width: 599px) {
  .Kaketsuke__body .Case__block__head__sub {
    width: 100%;
    padding: 0 3.33%;
  }
}
.Kaketsuke__body .Case__block__head__main {
  font-weight: 700;
  line-height: 1;
  padding: 0 0 2px 16px;
}
@media screen and (max-width: 599px) {
  .Kaketsuke__body .Case__block__head__main {
    padding: 8px 3.33%;
  }
}
.Kaketsuke__body .OperationTool__head {
  font-size: 1.8rem;
  padding: 16px 0;
}
@media screen and (max-width: 599px) {
  .Kaketsuke__body .OperationTool__head {
    font-size: 1.4rem;
  }
}
.Kaketsuke__body .OperationTool__body {
  padding-top: 24px;
}
.Kaketsuke__body .OperationTool__block {
  margin-bottom: 64px;
}
@media screen and (max-width: 599px) {
  .Kaketsuke__body .OperationTool__block {
    margin-bottom: 48px;
  }
}
.Kaketsuke__body .OperationTool__block__head {
  color: #183f92;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.4;
  padding-left: 12px;
  margin-bottom: 16px;
  border-left: 10px solid #183f92;
}
@media screen and (max-width: 599px) {
  .Kaketsuke__body .OperationTool__block__head {
    font-size: 5vw;
  }
}
.Kaketsuke__body .OperationTool__block__inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 16px;
  background-color: #fff;
}
@media screen and (max-width: 599px) {
  .Kaketsuke__body .OperationTool__block__inner {
    padding: 8px 0;
  }
}
.Kaketsuke__body .OperationTool__block__inner.Nobori figure {
  max-width: 320px;
}
@media screen and (max-width: 599px) {
  .Kaketsuke__body .OperationTool__block__inner.Nobori figure {
    width: 45%;
  }
}
.Kaketsuke__body .OperationTool__block__item {
  width: 47%;
  max-width: 440px;
  margin: 16px 8px;
}
@media screen and (max-width: 599px) {
  .Kaketsuke__body .OperationTool__block__item {
    width: 100%;
    margin: 8px;
  }
}
.Kaketsuke__foot {
  text-align: center;
  padding: 24px 0;
  border: 1px solid #565656;
  background-color: #fff;
}
@media screen and (max-width: 599px) {
  .Kaketsuke__foot {
    padding: 8px 4%;
  }
}
.Kaketsuke__foot img {
  width: 100%;
  max-width: 380px;
}

.Setsuden {
  margin-bottom: 120px;
}
@media screen and (max-width: 599px) {
  .Setsuden {
    margin-bottom: 64px;
  }
}
.Setsuden__head {
  padding: 40px 0;
  margin-bottom: 64px;
  background: repeating-linear-gradient(-45deg, #FCEEF4, #FCEEF4 4px, #FCF7FA 0, #FCF7FA 8px);
}
@media screen and (max-width: 599px) {
  .Setsuden__head {
    padding: 16px 3.33%;
    margin-bottom: 24px;
  }
}
.Setsuden__head__Title {
  color: #fff;
  font-size: 2.4rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.1em;
  padding: 4px 0 6px;
  background: #DC482A;
}
@media screen and (max-width: 599px) {
  .Setsuden__head__Title {
    font-size: 1.6rem;
    letter-spacing: 0;
  }
}
.Setsuden__head__Img {
  width: 80%;
  margin: 0 auto;
}
@media screen and (max-width: 599px) {
  .Setsuden__head__Img {
    width: 100%;
  }
}
.Setsuden__body {
  margin-bottom: 64px;
}
@media screen and (max-width: 599px) {
  .Setsuden__body {
    margin-bottom: 48px;
  }
}
.Setsuden__Intro {
  margin: auto;
}
.Setsuden__Intro__block {
  margin: 64px 0;
  background: #fff;
}
@media screen and (max-width: 599px) {
  .Setsuden__Intro__block {
    margin: 40px 0;
  }
}
.Setsuden__Intro__body {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 32px 64px;
}
@media screen and (max-width: 979px) {
  .Setsuden__Intro__body {
    padding: 32px;
  }
}
@media screen and (max-width: 599px) {
  .Setsuden__Intro__body {
    padding: 24px 3.33% 16px;
  }
}
.Setsuden__Intro__body p {
  width: calc(100% - 560px);
  line-height: 2;
  padding-left: 40px;
}
@media screen and (max-width: 979px) {
  .Setsuden__Intro__body p {
    width: 100%;
    line-height: 1.8;
    padding-left: 0;
  }
}
.Setsuden__Intro__Graph {
  width: 100%;
  max-width: 560px;
  margin: auto;
}
@media screen and (max-width: 979px) {
  .Setsuden__Intro__Graph {
    margin-bottom: 24px;
  }
}
.Setsuden__Intro__foot {
  color: #565656;
  font-size: 1.3rem;
  font-weight: 300;
  padding: 8px 64px 24px;
  position: relative;
}
@media screen and (max-width: 979px) {
  .Setsuden__Intro__foot {
    padding: 8px 32px 24px;
  }
}
@media screen and (max-width: 599px) {
  .Setsuden__Intro__foot {
    font-size: 1.2rem;
    padding: 16px 3%;
  }
}
.Setsuden__Intro__foot::before {
  content: "";
  width: 89.33%;
  height: 1px;
  background: #ccc;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 979px) {
  .Setsuden__Intro__foot::before {
    width: 93.33%;
  }
}
.Setsuden__foot {
  padding: 16px 40px;
  background: repeating-linear-gradient(-45deg, #FCEEF4, #FCEEF4 4px, #FCF7FA 0, #FCF7FA 8px);
}
.Setsuden__foot figure {
  max-width: 900px;
  margin: auto;
}

.PointMenu {
  padding: 32px;
}
@media screen and (max-width: 979px) {
  .PointMenu {
    padding: 32px 8px;
  }
}
@media screen and (max-width: 599px) {
  .PointMenu {
    padding: 16px 3.33% 8px;
  }
}
.PointMenu__Nav {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 24px;
  margin-bottom: 16px;
}
@media screen and (max-width: 599px) {
  .PointMenu__Nav {
    padding-top: 0;
    margin-bottom: 0;
  }
}
.PointMenu__Nav__item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: calc(33.333% - 32px);
  text-align: center;
  margin: 16px;
  border-style: solid;
  border-width: 3px;
  border-radius: 16px;
  position: relative;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 599px) {
  .PointMenu__Nav__item {
    width: 100%;
    margin: 12px 0;
  }
}
.PointMenu__Nav__item::before {
  content: "";
  width: 80px;
  height: 104px;
  background-repeat: no-repeat;
  position: absolute;
  top: -45px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 599px) {
  .PointMenu__Nav__item::before {
    width: 64px;
    height: 82px;
    top: -16px;
    left: -12px;
    transform: translateX(0);
  }
}
.PointMenu__Nav__item:nth-of-type(1) {
  color: #5D9634;
  border-color: #5D9634;
}
.PointMenu__Nav__item:nth-of-type(1)::before {
  background: url(../service/biz-lpg/setsuden/images/fig-setsuden-point01-head.png);
  background-size: cover;
}
.PointMenu__Nav__item:nth-of-type(1) a {
  background-color: #5D9634;
}
.PointMenu__Nav__item:nth-of-type(2) {
  color: #DA720C;
  border-color: #DA720C;
}
.PointMenu__Nav__item:nth-of-type(2)::before {
  background: url(../service/biz-lpg/setsuden/images/fig-setsuden-point02-head.png);
  background-size: cover;
}
.PointMenu__Nav__item:nth-of-type(2) a {
  background-color: #DA720C;
}
.PointMenu__Nav__item:nth-of-type(3) {
  color: #1589CB;
  border-color: #1589CB;
}
.PointMenu__Nav__item:nth-of-type(3)::before {
  background: url(../service/biz-lpg/setsuden/images/fig-setsuden-point03-head.png);
  background-size: cover;
}
.PointMenu__Nav__item:nth-of-type(3) a {
  background-color: #1589CB;
}
.PointMenu__Nav__item dt {
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 1.7;
  padding: 72px 1em 24px;
}
@media screen and (max-width: 979px) {
  .PointMenu__Nav__item dt {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 599px) {
  .PointMenu__Nav__item dt {
    font-size: 1.4rem;
    padding: 16px 0.5em 16px 3.5em;
  }
}
.PointMenu__Nav__item dd {
  margin-top: auto;
}
.PointMenu__Button {
  display: block;
  color: #fff;
  font-size: 2.4rem;
  padding: 8px;
  border-radius: 0 0 12px 12px;
  position: relative;
}
@media screen and (max-width: 979px) {
  .PointMenu__Button {
    font-size: 2rem;
  }
}
.PointMenu__Button::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 24px;
  width: 10px;
  height: 10px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg) translateY(-50%);
}

.SetsudenPoint {
  margin-top: 120px;
}
@media screen and (max-width: 599px) {
  .SetsudenPoint {
    margin-top: 64px;
  }
}
.SetsudenPoint__head {
  padding: 12px 0 14px;
  margin-bottom: 32px;
  position: relative;
}
@media screen and (max-width: 599px) {
  .SetsudenPoint__head {
    margin-bottom: 24px;
  }
}
.SetsudenPoint__head__Img {
  width: 88px;
  position: absolute;
  top: 50%;
  left: 24px;
  transform: translateY(-50%);
}
@media screen and (max-width: 599px) {
  .SetsudenPoint__head__Img {
    width: 64px;
    left: 8px;
  }
}
.SetsudenPoint__head__Title {
  color: #fff;
  font-size: 4rem;
  font-weight: 400;
  letter-spacing: 0.1em;
  padding-left: 140px;
}
@media screen and (max-width: 979px) {
  .SetsudenPoint__head__Title {
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 599px) {
  .SetsudenPoint__head__Title {
    font-size: 2.4rem;
    padding-left: 88px;
  }
}
.SetsudenPoint.Zurasu .SetsudenPoint__head {
  background: #5D9634;
}
.SetsudenPoint.Herasu .SetsudenPoint__head {
  background: #DA720C;
}
.SetsudenPoint.Kirikaeru .SetsudenPoint__head {
  background: #1589CB;
}

.Zurasu__inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.Zurasu__main {
  width: calc(100% - 480px);
  font-size: 1.8rem;
  padding-right: 40px;
}
@media screen and (max-width: 979px) {
  .Zurasu__main {
    width: 100%;
    font-size: 1.6rem;
    padding-right: 0;
  }
}
@media screen and (max-width: 599px) {
  .Zurasu__main {
    font-size: 1.4rem;
  }
}
.Zurasu__Graph {
  margin-top: 16px;
  padding: 24px 48px;
  background: #fff;
}
@media screen and (max-width: 599px) {
  .Zurasu__Graph {
    padding: 24px 3.33% 16px;
  }
}
.Zurasu__sub {
  width: 480px;
  margin: auto;
}
@media screen and (max-width: 599px) {
  .Zurasu__sub {
    width: 100%;
  }
}

.Herasu__block {
  border: 1px solid #666;
  padding: 0 48px;
  margin-bottom: 16px;
  background: #fff;
  border-radius: 20px;
}
@media screen and (max-width: 979px) {
  .Herasu__block {
    padding: 0 24px;
  }
}
@media screen and (max-width: 599px) {
  .Herasu__block {
    padding: 0 3.33%;
    border-radius: 10px;
  }
}
.Herasu__block__head {
  font-size: 2.4rem;
  text-align: center;
  letter-spacing: 0.1em;
  padding: 14px 0 16px;
  position: relative;
}
@media screen and (max-width: 599px) {
  .Herasu__block__head {
    font-size: 1.8rem;
    padding: 10px 0 12px;
  }
}
.Herasu__block__head::before {
  content: "";
  position: absolute;
  top: 48%;
  right: 0;
  width: 12px;
  height: 12px;
  border-bottom: 2px solid #DA720C;
  border-right: 2px solid #DA720C;
  transform: rotate(45deg) translateY(-50%);
  transition: all .3s;
}
@media screen and (max-width: 599px) {
  .Herasu__block__head::before {
    right: 8px;
  }
}
.Herasu__block__head.open::before {
  transform: rotate(225deg);
  right: -4px;
}
@media screen and (max-width: 599px) {
  .Herasu__block__head.open::before {
    right: 4px;
  }
}
.Herasu__box {
  text-align: center;
  padding: 32px;
  border: 3px solid #DA720C;
  border-radius: 30px;
  margin-bottom: 24px;
  background: #fff;
}
@media screen and (max-width: 599px) {
  .Herasu__box {
    padding: 24px 16px;
    margin-bottom: 16px;
    border-radius: 20px;
  }
}
.Herasu__box__head {
  display: inline-block;
  color: #DA720C;
  font-size: 3.2rem;
  font-weight: 500;
  text-align: center;
  margin-bottom: 32px;
  border-bottom: 2px dotted #DA720C;
}
@media screen and (max-width: 599px) {
  .Herasu__box__head {
    font-size: 2.4rem;
    margin-bottom: 16px;
  }
}
.Herasu__box__head span {
  display: block;
  font-size: 2rem;
}
@media screen and (max-width: 599px) {
  .Herasu__box__head span {
    font-size: 1.4rem;
    line-height: 1.4;
    margin-bottom: 5px;
  }
}
.Herasu__box__body {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.Herasu__box__Img {
  width: calc(50% - 32px);
  padding-bottom: 24px;
  margin: 16px;
}
@media screen and (max-width: 599px) {
  .Herasu__box__Img {
    width: 100%;
    margin: 16px 0 0;
    padding-bottom: 8px;
  }
}
.Herasu__box__Img.Large {
  width: 100%;
  max-width: 900px;
  margin: 16px auto;
}
.Herasu__box__foot {
  width: 80%;
  text-align: center;
  margin: auto;
}
@media screen and (max-width: 599px) {
  .Herasu__box__foot {
    width: 100%;
  }
}
.Herasu__box .note {
  color: #565656;
  font-size: 1.3rem;
  font-weight: 300;
  line-height: 1.4;
  text-align: left;
}
@media screen and (max-width: 599px) {
  .Herasu__box .note {
    font-size: 1.1rem;
  }
}

.Kirikaeru__head {
  text-align: center;
  padding: 24px 40px 32px;
  margin-bottom: 24px;
  border: 3px solid #1589CB;
  border-radius: 30px;
  background: #FDFBDA;
}
@media screen and (max-width: 599px) {
  .Kirikaeru__head {
    padding: 8px 16px 16px;
    border-radius: 20px;
    margin-bottom: 16px;
  }
}
.Kirikaeru__head__main {
  max-width: 1000px;
  margin: auto;
}
.Kirikaeru__head__Title {
  font-size: 2.4rem;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 599px) {
  .Kirikaeru__head__Title {
    font-size: 1.6rem;
  }
}
.Kirikaeru__head__Title span:not(.i_box) {
  color: #1589CB;
  font-size: 3.2rem;
  margin-right: 5px;
}
@media screen and (max-width: 599px) {
  .Kirikaeru__head__Title span:not(.i_box) {
    font-size: 2rem;
  }
}
.Kirikaeru__head__Title__sub {
  color: #fff;
  font-size: 1.8rem;
  text-align: center;
  padding: 2px 0 4px;
  margin: 8px 0 16px;
  border-radius: 19px;
  background: #1589CB;
}
@media screen and (max-width: 599px) {
  .Kirikaeru__head__Title__sub {
    font-size: 1.6rem;
    line-height: 1.4;
    padding: 8px 1em 10px;
    border-radius: 12px;
  }
}
.Kirikaeru__head__sub {
  max-width: 1000px;
  margin: auto;
}
.Kirikaeru__head__sub p {
  text-align: left;
  margin-bottom: 16px;
}
.Kirikaeru__box {
  text-align: center;
  padding: 16px 40px;
  border: 3px solid #1589CB;
  border-radius: 20px;
  margin-bottom: 16px;
  background: #fff;
}
@media screen and (max-width: 599px) {
  .Kirikaeru__box {
    padding: 8px 3.33%;
    border-radius: 12px;
  }
}
.Kirikaeru__box__head {
  font-size: 2.4rem;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 599px) {
  .Kirikaeru__box__head {
    font-size: 1.4rem;
  }
}
.Kirikaeru__box__head span {
  color: #1589CB;
  font-size: 3.2rem;
  margin-right: 5px;
}
@media screen and (max-width: 599px) {
  .Kirikaeru__box__head span {
    font-size: 1.8rem;
  }
}
.Kirikaeru__box__body {
  padding: 32px 0 24px;
  max-width: 900px;
  margin: auto;
}
@media screen and (max-width: 599px) {
  .Kirikaeru__box__body {
    padding: 24px 0 16px;
  }
}

.SetsudenPanf__body {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 32px 0 40px;
}
@media screen and (max-width: 599px) {
  .SetsudenPanf__body {
    flex-direction: column-reverse;
  }
}
.SetsudenPanf__sub {
  width: 50%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 40px;
}
@media screen and (max-width: 599px) {
  .SetsudenPanf__sub {
    width: 100%;
    padding-left: 0;
    margin-bottom: 24px;
  }
}
.SetsudenPanf__Img {
  max-width: 300px;
  margin-bottom: 24px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 599px) {
  .SetsudenPanf__Img {
    width: 60%;
  }
}
@media screen and (max-width: 599px) {
  .SetsudenPanf__main {
    padding: 0 3.33%;
  }
}
.SetsudenPanf__main h3 {
  font-weight: 500;
  margin-bottom: 5px;
}
.SetsudenPanf__main p {
  font-size: 1.4rem;
  font-weight: 300;
}
.SetsudenPanf__Table {
  width: 100%;
  line-height: 1.4;
  margin-bottom: 8px;
  background: #fff;
}
@media screen and (max-width: 599px) {
  .SetsudenPanf__Table {
    font-size: 1.3rem;
  }
}
.SetsudenPanf__Table th {
  font-weight: 500;
  padding: 4px 0;
  background: rgba(228, 45, 32, 0.15);
  border: 1px solid #f7c3bf;
}
.SetsudenPanf__Table td {
  text-align: center;
  padding: 10px 2em;
  border: 1px solid #f7c3bf;
}
@media screen and (max-width: 979px) {
  .SetsudenPanf__Table td {
    padding: 10px 1em;
  }
}
@media screen and (max-width: 599px) {
  .SetsudenPanf__Table td {
    padding: 8px 1em;
  }
}
.SetsudenPanf__Table td:last-of-type {
  text-align: right;
  padding: 10px 3em;
}
@media screen and (max-width: 979px) {
  .SetsudenPanf__Table td:last-of-type {
    padding: 10px 2em;
  }
}
@media screen and (max-width: 599px) {
  .SetsudenPanf__Table td:last-of-type {
    padding: 8px 3em 8px 0;
  }
}
.SetsudenPanf__Button {
  display: block;
  width: 90%;
  max-width: 520px;
  color: #fff;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 500;
  padding: 24px;
  margin: auto;
  background: #003399;
  border-radius: 8px;
}
@media screen and (max-width: 599px) {
  .SetsudenPanf__Button {
    font-size: 1.4rem;
    line-height: 1.6;
    padding: 16px;
  }
}
.SetsudenPanf__Button:hover {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.Download__main {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 80px;
}
@media screen and (max-width: 599px) {
  .Download__main {
    margin-bottom: 40px;
  }
}
.Download__item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 29%;
  max-width: 340px;
  margin: 24px 2%;
}
@media screen and (max-width: 599px) {
  .Download__item {
    width: 100%;
  }
}
.Download__item__head {
  font-size: 1.8rem;
  line-height: 1.6;
  padding-left: 10px;
  margin: 24px 0;
  border-left: 4px solid #353535;
}
@media screen and (max-width: 599px) {
  .Download__item__head {
    margin: 0 0 16px;
  }
}
.Download__item__body {
  max-width: 240px;
  text-align: center;
  margin: auto auto 24px;
  border: 1px solid #DEDEDE;
}
@media screen and (max-width: 599px) {
  .Download__item__body {
    margin-bottom: 16px;
  }
}
.Download__item__Button {
  width: 80%;
  color: #E42D20;
  font-weight: 500;
  text-align: center;
  padding: 10px;
  margin: auto;
  border: 1px solid #E42D20;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}
.Download__sub {
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
  padding: 40px;
  border: 2px solid #2890DD;
  border-radius: 16px;
  background-color: #fff;
}
@media screen and (max-width: 599px) {
  .Download__sub {
    font-size: 1.4rem;
    padding: 24px 1em;
  }
}
.Download__Button {
  color: #fff;
  width: 100%;
  max-width: 400px;
  font-size: 2rem;
  font-weight: 500;
  padding: 14px 0 10px;
  margin-top: 16px;
  background-color: #2890DD;
  border-radius: 8px;
}
@media screen and (max-width: 599px) {
  .Download__Button {
    font-size: 1.6rem;
  }
}
.Download__Button::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "\f0e0";
  font-size: 3.2rem;
  font-weight: 400;
  margin-right: 12px;
  vertical-align: middle;
}
@media screen and (max-width: 599px) {
  .Download__Button::before {
    font-size: 2rem;
  }
}

.CardMagnet__head {
  width: 80%;
  margin: 32px auto 104px;
}
@media screen and (max-width: 599px) {
  .CardMagnet__head {
    width: 100%;
    margin: 32px auto 64px;
  }
}
.CardMagnet__Pricetable {
  margin-bottom: 24px;
}
.CardMagnet__Attention {
  text-align: left;
  padding: 24px;
  margin-bottom: 16px;
  border: 4px double #e63462;
  background-color: #ffffc3;
}
@media screen and (max-width: 599px) {
  .CardMagnet__Attention {
    padding: 16px 3.33%;
  }
}
.CardMagnet__Attention__head {
  color: #E42D20;
  font-size: 1.8rem;
  font-weight: 500;
  margin-bottom: 8px;
}
@media screen and (max-width: 599px) {
  .CardMagnet__Attention__head {
    font-size: 1.6rem;
  }
}
.CardMagnet__Attention__body {
  text-indent: -1em;
  margin-left: 1em;
}
.CardMagnet .Category {
  margin-bottom: 64px;
  border: 1px solid #DEDEDE;
  background-color: #fff;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 599px) {
  .CardMagnet .Category {
    margin-bottom: 40px;
  }
}
.CardMagnet .Category__head {
  padding: 4px 16px;
}
.CardMagnet .Category__head__Title {
  color: #fff;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 1px;
}
@media screen and (max-width: 599px) {
  .CardMagnet .Category__head__Title {
    font-size: 1.8rem;
  }
}
.CardMagnet .Category__body {
  padding: 0 10px;
}
@media screen and (max-width: 599px) {
  .CardMagnet .Category__body {
    padding: 16px;
  }
}
.CardMagnet .Category__body .accordionBtn {
  width: 240px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  line-height: 48px;
  padding-right: 8px;
  margin: 40px auto 0;
  background-color: #353535;
  border-radius: 24px;
  position: relative;
  transition: all .2s;
}
@media screen and (max-width: 599px) {
  .CardMagnet .Category__body .accordionBtn {
    margin: 24px auto 0;
  }
}
.CardMagnet .Category__body .accordionBtn::before {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  top: 0;
  right: 24px;
  bottom: 0;
  margin: auto;
}
.CardMagnet .Category__body .accordionBtn:hover {
  background-color: #565656;
}
.CardMagnet .Category__body .accordionBtn.open {
  display: none;
}
.CardMagnet .Category__inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.CardMagnet .Category__item {
  width: calc(33.33% - 40px);
  max-width: 352px;
  margin: 40px 20px 0;
}
@media screen and (max-width: 599px) {
  .CardMagnet .Category__item {
    width: 100%;
    margin: 16px 0;
  }
}
.CardMagnet .Category__item__head {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 8px;
  border-left: 8px solid;
  background-color: #DEDEDE;
}
.CardMagnet .Category__item__head__Number {
  width: 50%;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 32px;
  padding-left: 10px;
  background-color: #DEDEDE;
  position: relative;
}
@media screen and (max-width: 979px) {
  .CardMagnet .Category__item__head__Number {
    width: 40%;
  }
}
@media screen and (max-width: 599px) {
  .CardMagnet .Category__item__head__Number {
    width: 50%;
  }
}
.CardMagnet .Category__item__head__Number::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 32px 32px 0 0;
  border-color: #DEDEDE transparent transparent transparent;
  position: absolute;
  top: 0;
  left: calc(100% - 1px);
}
@media print {
  .CardMagnet .Category__item__head__Number::before {
    display: none;
  }
}
.CardMagnet .Category__item__head__Theme {
  color: #fff;
  font-size: 1.3rem;
  font-weight: 400;
  text-align: right;
  line-height: 32px;
  padding-right: 10px;
}
@media screen and (max-width: 979px) {
  .CardMagnet .Category__item__head__Theme {
    font-size: 1.4vw;
  }
}
@media print {
  .CardMagnet .Category__item__head__Theme {
    display: none;
  }
}
.CardMagnet .Category__item__body {
  border: 1px solid #888;
  border-radius: 16px;
  overflow: hidden;
}
.CardMagnet .Category__foot {
  text-align: center;
  padding: 40px 0 56px;
}
@media screen and (max-width: 599px) {
  .CardMagnet .Category__foot {
    padding: 8px 0 24px;
  }
}
@media print {
  .CardMagnet .Category__foot {
    padding-top: 0;
  }
}
.CardMagnet .Category__Button {
  width: 80%;
  max-width: 720px;
  color: #fff;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 1px;
  padding: 20px;
  border: 1px solid #fff;
  border-radius: 8px;
  background: #E42D20;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 599px) {
  .CardMagnet .Category__Button {
    width: 90%;
    font-size: 5vw;
    letter-spacing: 0;
  }
}
@media print {
  .CardMagnet .Category__Button {
    display: none;
  }
}
.CardMagnet .Category__Button::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  content: "\f044";
  margin: 0 10px;
}
.CardMagnet .Category__Button:hover {
  opacity: .8;
}
.CardMagnet #kinkyuu .Category__head {
  background-image: linear-gradient(to right, #f5576c 0%, #fa709a 100%);
}
.CardMagnet #kinkyuu .Category__item__head {
  border-color: #f5576c;
}
.CardMagnet #gas .Category__head {
  background-image: linear-gradient(to right, #5482c3 0%, #c2e9fb 100%);
}
.CardMagnet #gas .Category__item__head {
  border-color: #5482c3;
  background-color: #565656;
}
@media print {
  .CardMagnet #gas .Category__item__head {
    display: none;
  }
}
.CardMagnet #reform .Category__head {
  background-image: linear-gradient(to right, #f4981c 0%, #fee140 100%);
}
.CardMagnet #reform .Category__item__head {
  border-color: #f4981c;
}
.CardMagnet #water .Category__head {
  background-image: linear-gradient(to right, #00b2da 0%, #00f2fe 100%);
}
.CardMagnet #water .Category__item__head {
  border-color: #00b2da;
}
.CardMagnet #kaketsuke .Category__head {
  background-image: linear-gradient(to right, #6ab92d 0%, #96e6a1 100%);
}
.CardMagnet #kaketsuke .Category__item__head {
  border-color: #6ab92d;
  background-color: #565656;
}
@media print {
  .CardMagnet #kaketsuke .Category__item__head {
    display: none;
  }
}

/*-------------------------------------
　フォーム入力画面
-------------------------------------*/
.OrderForm {
  width: 96.67%;
  max-width: 1024px;
  margin: auto;
}
@media screen and (max-width: 599px) {
  .OrderForm {
    width: 93.333%;
  }
}
.OrderForm__head {
  width: 93.333%;
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 599px) {
  .OrderForm__head {
    width: 100%;
  }
}
.OrderForm__Title {
  margin-bottom: 20px;
}
.OrderForm__Limit {
  color: #ffff66;
  font-size: 1.8rem;
  font-weight: 700;
  padding: 4px;
  margin-bottom: 24px;
  background-color: #f53e67;
}
@media screen and (max-width: 599px) {
  .OrderForm__Limit {
    width: 100%;
    font-size: 4vw;
    margin-bottom: 16px;
  }
}
.OrderForm__body {
  width: 93.333%;
  max-width: 720px;
  margin: auto;
}
@media screen and (max-width: 599px) {
  .OrderForm__body {
    width: 100%;
  }
}
.OrderForm__section {
  margin-top: 48px;
}
@media screen and (max-width: 599px) {
  .OrderForm__section {
    margin-top: 24px;
  }
}
.OrderForm__section__head {
  margin-bottom: 8px;
}
.OrderForm__section__head__Title {
  color: #fff;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 0 6px 14px;
  background-color: #003399;
}
@media screen and (max-width: 599px) {
  .OrderForm__section__head__Title {
    font-size: 1.6rem;
  }
}
.OrderForm__section__head p {
  color: #E42D20;
  padding-top: 8px;
}
.OrderForm__section__body {
  border: 1px solid #ccc;
  border-radius: 8px;
  background-color: #fff;
}
.OrderForm__item {
  padding: 16px 24px 20px;
}
@media screen and (max-width: 599px) {
  .OrderForm__item {
    padding: 12px 3.33% 16px;
  }
}
.OrderForm__item + .OrderForm__item {
  border-top: 1px solid #ccc;
}
.OrderForm__item dt {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 700;
  padding-bottom: 6px;
}
@media screen and (max-width: 599px) {
  .OrderForm__item dt {
    font-size: 1.4rem;
  }
}
.OrderForm__item dt span {
  display: inline-block;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 300;
  font-style: normal;
  height: 20px;
  line-height: 1;
  padding: 3px 4px;
  margin-left: 8px;
}
.OrderForm__item dt span.required {
  background-color: #E42D20;
}
.OrderForm__item dt span.optional {
  display: none;
}
.OrderForm__item dd span.error_blank, .OrderForm__item dd span.error_format, .OrderForm__item dd span.error_match {
  display: block;
  color: red;
  font-size: 1.3rem;
  margin-top: 3px;
}
@media screen and (max-width: 599px) {
  .OrderForm__item__radio li {
    font-size: 1.4rem;
  }
}
.OrderForm__item__radio li + li {
  margin-top: 8px;
}
.OrderForm__item__radio li label {
  display: block;
  padding: 8px 12px;
  border: 1px solid #ccc;
  cursor: pointer;
}
.OrderForm__item__radio li label:hover {
  outline: 2px solid #003399;
  outline-offset: -2px;
  background-color: #e3effd;
}
.OrderForm__item__radio li .radio-text {
  color: #003399;
  font-size: 1.6rem;
  font-weight: 700;
}
.OrderForm__item__radio li .radio-text::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  border-width: 1px;
  border-style: solid;
  border-radius: 50%;
  padding: 2px;
  background-clip: content-box;
}
.OrderForm__item__radio li .radio-text span {
  display: block;
  color: #353535;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.4;
  margin-left: 22px;
}
.OrderForm input[type="text"],
.OrderForm input[type="email"],
.OrderForm input[type="tel"],
.OrderForm textarea,
.OrderForm select,
.OrderForm button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  color: #353535;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1.6rem;
  padding: 5px 8px 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.OrderForm input[type="text"]:focus,
.OrderForm input[type="email"]:focus,
.OrderForm input[type="tel"]:focus,
.OrderForm textarea:focus {
  border-color: #5583c3;
  background-color: #e3effd;
}
.OrderForm input[type="text"], .OrderForm input[type="email"], .OrderForm textarea{
  width: 90%;
  max-width: 720px;
}
@media screen and (max-width: 599px) {
  .OrderForm input[type="text"], .OrderForm input[type="email"] {
    width: 100%;
  }
}
.OrderForm input[type="tel"] {
  width: 60%;
  max-width: 400px;
}
@media screen and (max-width: 599px) {
  .OrderForm input[type="tel"] {
    width: 100%;
  }
}
.OrderForm input.volume {
  width: 30%;
  max-width: 80px;
  text-align: right;
}
.OrderForm input.postal {
  width: 60%;
  max-width: 200px;
}
.OrderForm input[type="radio"] {
  /*display: none;*/
}
.OrderForm input[type="radio"]:not(:checked) + .radio-text::before {
  border-color: #003399;
}
.OrderForm input[type="radio"]:checked + .radio-text::before {
  border-color: #003399;
  background-color: #003399;
}
.OrderForm__Submit {
  text-align: center;
  padding-top: 40px;
  margin-bottom: 56px;
}
.OrderForm__foot {
  text-align: center;
  padding: 40px 0;
  background-color: #fff;
}
.OrderForm__foot__Title {
  color: #fff;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 4px 0;
  margin-bottom: 16px;
  background-color: #565656;
}
.OrderForm__Contact__inner {
  padding-bottom: 24px;
  margin-bottom: 8px;
  border-bottom: 1px solid #353535;
}
.OrderForm__Contact__Company {
  font-size: 2rem;
  font-weight: 700;
}
.OrderForm__Contact__Tel {
  color: #E42D20;
  font-size: 3rem;
  font-weight: 700;
}
.OrderForm__Contact__Tel span {
  font-size: 1.8rem;
}

/*-------------------------------------
　送信完了（サンクス）
-------------------------------------*/
.OrderThanks {
  padding: 24px;
}
@media screen and (max-width: 599px) {
  .OrderThanks {
    padding: 16px;
  }
}
.OrderThanks p {
  margin-bottom: 1.5em;
  word-break: break-all;
}
.OrderThanks__foot {
  font-weight: 500;
  text-align: right;
  padding-top: 8px;
  margin-top: 32px;
  border-top: 2px solid #E42D20;
}
@media screen and (max-width: 599px) {
  .OrderThanks__foot {
    margin-top: 24px;
  }
}
.OrderThanks__Logo {
  display: inline-block;
  width: 136px;
}