@charset "UTF-8";/*! destyle.css v1.0.15 | MIT License | https://github.com/nicolas-cusan/destyle.css */

* {
  box-sizing: border-box
}

::after, ::before {
  box-sizing: inherit
}

html {
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgb(0 0 0 / 0%);
  line-height: 1.15
}

body {
  margin: 0
}

main {
  display: block
}

address, blockquote, dl, figure, form, iframe, p, pre, table {
  margin: 0
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit
}

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

dt {
  font-weight: 700
}

dd {
  margin-left: 0
}

hr {
  box-sizing: content-box;
  height: 0;
  margin: 0;
  overflow: visible;
  clear: both;
  color: inherit;
  border: 0;
  border-top: 1px solid
}

pre {
  font-family: monospace, monospace;
  font-size: inherit
}

address {
  font-style: inherit
}

a {
  color: inherit;
  text-decoration: none;
  background-color: transparent
}

abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  border-bottom: none
}

b, strong {
  font-weight: bolder
}

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

small {
  font-size: 80%
}

sub, sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline
}

sub {
  bottom: 0
}

sup {
  top: -.5em
}

img {
  vertical-align: bottom;
  border-style: none
}

embed, iframe, object {
  vertical-align: bottom;
  border: 0
}

button, input, optgroup, select, textarea {
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  text-align: inherit;
  vertical-align: middle;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none
}

[type="checkbox"] {
  -webkit-appearance: checkbox;
     -moz-appearance: checkbox;
          appearance: checkbox
}

[type="radio"] {
  -webkit-appearance: radio;
     -moz-appearance: radio;
          appearance: radio
}

button, input {
  overflow: visible
}

button, select {
  text-transform: none
}

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

[type="button"][disabled], [type="reset"][disabled], [type="submit"][disabled], button[disabled] {
  cursor: default
}

[type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner, button::-moz-focus-inner {
  padding: 0;
  border-style: none
}

[type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring, button:-moz-focusring {
  outline: 1px dotted ButtonText
}

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

fieldset, option {
  padding: 0
}

fieldset {
  min-width: 0;
  margin: 0;
  border: 0
}

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

progress {
  vertical-align: baseline
}

textarea {
  overflow: auto
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto
}

[type="search"] {
  outline-offset: -2px
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
          appearance: none
}

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

label[for] {
  cursor: pointer
}

details {
  display: block
}

summary {
  display: list-item
}

[contenteditable] {
  outline: none
}

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

caption {
  text-align: left
}

td, th {
  padding: 0;
  vertical-align: top
}

th {
  font-weight: 700;
  text-align: left
}

[hidden], template {
  display: none
}

body {
  font-family: "Noto Sans JP", sans-serif
}

body.is_fixed {
  position: fixed;
  left: 0;
  width: 100%;
  height: 100%
}

img {
  max-width: 100%;
  height: auto
}

input {
  cursor: pointer
}

p:not([class]) {
  line-height: 1.5
}

input[type="checkbox"] {
  display: none
}

input[type="checkbox"]+label {
  position: relative;
  display: none;
  display: inline-block;
  padding-right: 10px;
  padding-left: 25px;
  cursor: pointer
}

input[type="checkbox"]+label::before {
  position: absolute;
  top: 50%;
  left: 0;
  box-sizing: border-box;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  content: "";
  background-color: #fff;
  border: 1px solid #585753;
  border-radius: 3px
}

input[type="checkbox"].error+label::before {
  background-color: #fbded7
}

input[type="checkbox"]:checked+label::after {
  position: absolute;
  top: 50%;
  left: 3px;
  box-sizing: border-box;
  display: block;
  width: 18px;
  height: 9px;
  margin-top: -9px;
  content: "";
  border-top-color: #202020;
  border-right-color: #202020;
  border-bottom: 3px solid #202020;
  border-left: 3px solid #202020;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg)
}

.u_cal__item, input[type="date"] {
  position: relative;
  background: url("../images/calendar.svg") right 18px center no-repeat
}

.u_cal__item::-webkit-calendar-picker-indicator, input[type="date"]::-webkit-calendar-picker-indicator {
  cursor: pointer;
  opacity: 0
}

select {
  cursor: pointer
}

::-moz-selection {
  color: #fff;
  background-color: #0168b6
}

::selection {
  color: #fff;
  background-color: #0168b6
}

::-moz-selection {
  color: #fff;
  background-color: #0168b6
}

::selection {
  color: #fff;
  background-color: #0168b6
}

::-webkit-input-placeholder {
  color: #ddd
}

::-moz-placeholder {
  color: #ddd
}

::placeholder {
  color: #ddd
}

::-webkit-input-placeholder {
  color: #ddd
}

::-moz-placeholder {
  color: #ddd
}

::placeholder {
  color: #ddd
}

input[type="number"] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0
}

@media screen and (min-width:1200px) {
  .is_pc_none {
    display: none!important
  }
}

@media screen and (min-width:768px) {
  .is_pcTab_none {
    display: none!important
  }
}

@media screen and (max-width:767px) {
  .is_sp_none {
    display: none!important
  }
}

@media screen and (max-width:1199px) {
  .is_spTab_none {
    display: none!important
  }
}

.is-hide {
  display: none!important
}

.slick-slider {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgb(0 0 0 / 0%);
  box-sizing: border-box;
  touch-action: pan-y;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none
}

.slick-list, .slick-slider {
  position: relative;
  display: block
}

.slick-list {
  padding: 0;
  margin: 0;
  overflow: hidden
}

.slick-list:focus {
  outline: none
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
  -webkit-transform: translateZ(0);
          transform: translateZ(0)
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-right: auto;
  margin-left: auto
}

.slick-track::after, .slick-track::before {
  display: table;
  content: ""
}

.slick-track::after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}

[dir="rtl"] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-arrow.slick-hidden {
  display: none
}

.p_top_mainVisual__dots li {
  width: 10px;
  height: 10px;
  background-color: #fff;
  border: 1px solid #dcdcdc;
  border-radius: 1000px
}

.p_top_mainVisual__dots li:nth-child(n+2) {
  margin-left: 20px
}

.p_top_mainVisual__dots li.slick-active {
  background-color: #0168b6;
  border: none
}

.p_top_mainVisual__dots li button {
  font-size: 0;
  background: transparent;
  border: 0
}

.u_ma {
  margin: auto
}

@media screen and (max-width:768px) {
  .u_ma_sp {
    display: block;
    margin: auto
  }
}

@media screen and (max-width:1199px) {
  .u_ma_sp_tab {
    display: block;
    margin: auto
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_ma_tab {
    margin: auto
  }
}

@media screen and (min-width:769px) {
  .u_ma_pc_tab {
    margin: auto
  }
}

@media screen and (min-width:1200px) {
  .u_ma_pc {
    margin: auto
  }
}

.u_mb0 {
  margin-bottom: 0!important
}

@media screen and (max-width:768px) {
  .u_mb0_sp {
    margin-bottom: 0!important
  }
}

@media screen and (max-width:1199px) {
  .u_mb0_sp_tab {
    margin-bottom: 0!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_mb0_tab {
    margin-bottom: 0!important
  }
}

@media screen and (min-width:769px) {
  .u_mb0_pc_tab {
    margin-bottom: 0!important
  }
}

@media screen and (min-width:1200px) {
  .u_mb0_pc {
    margin-bottom: 0!important
  }
}

.u_mb5 {
  margin-bottom: 5px!important
}

@media screen and (max-width:768px) {
  .u_mb5_sp {
    margin-bottom: 5px!important
  }
}

@media screen and (max-width:1199px) {
  .u_mb5_sp_tab {
    margin-bottom: 5px!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_mb5_tab {
    margin-bottom: 5px!important
  }
}

@media screen and (min-width:769px) {
  .u_mb5_pc_tab {
    margin-bottom: 5px!important
  }
}

@media screen and (min-width:1200px) {
  .u_mb5_pc {
    margin-bottom: 5px!important
  }
}

.u_mb10 {
  margin-bottom: 10px!important
}

@media screen and (max-width:768px) {
  .u_mb10_sp {
    margin-bottom: 10px!important
  }
}

@media screen and (max-width:1199px) {
  .u_mb10_sp_tab {
    margin-bottom: 10px!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_mb10_tab {
    margin-bottom: 10px!important
  }
}

@media screen and (min-width:769px) {
  .u_mb10_pc_tab {
    margin-bottom: 10px!important
  }
}

@media screen and (min-width:1200px) {
  .u_mb10_pc {
    margin-bottom: 10px!important
  }
}

.u_mb15 {
  margin-bottom: 15px!important
}

@media screen and (max-width:768px) {
  .u_mb15_sp {
    margin-bottom: 15px!important
  }
}

@media screen and (max-width:1199px) {
  .u_mb15_sp_tab {
    margin-bottom: 15px!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_mb15_tab {
    margin-bottom: 15px!important
  }
}

@media screen and (min-width:769px) {
  .u_mb15_pc_tab {
    margin-bottom: 15px!important
  }
}

@media screen and (min-width:1200px) {
  .u_mb15_pc {
    margin-bottom: 15px!important
  }
}

.u_mb20 {
  margin-bottom: 20px!important
}

@media screen and (max-width:768px) {
  .u_mb20_sp {
    margin-bottom: 20px!important
  }
}

@media screen and (max-width:1199px) {
  .u_mb20_sp_tab {
    margin-bottom: 20px!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_mb20_tab {
    margin-bottom: 20px!important
  }
}

@media screen and (min-width:769px) {
  .u_mb20_pc_tab {
    margin-bottom: 20px!important
  }
}

@media screen and (min-width:1200px) {
  .u_mb20_pc {
    margin-bottom: 20px!important
  }
}

.u_mb25 {
  margin-bottom: 25px!important
}

@media screen and (max-width:768px) {
  .u_mb25_sp {
    margin-bottom: 25px!important
  }
}

@media screen and (max-width:1199px) {
  .u_mb25_sp_tab {
    margin-bottom: 25px!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_mb25_tab {
    margin-bottom: 25px!important
  }
}

@media screen and (min-width:769px) {
  .u_mb25_pc_tab {
    margin-bottom: 25px!important
  }
}

@media screen and (min-width:1200px) {
  .u_mb25_pc {
    margin-bottom: 25px!important
  }
}

.u_mb30 {
  margin-bottom: 30px!important
}

@media screen and (max-width:768px) {
  .u_mb30_sp {
    margin-bottom: 30px!important
  }
}

@media screen and (max-width:1199px) {
  .u_mb30_sp_tab {
    margin-bottom: 30px!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_mb30_tab {
    margin-bottom: 30px!important
  }
}

@media screen and (min-width:769px) {
  .u_mb30_pc_tab {
    margin-bottom: 30px!important
  }
}

@media screen and (min-width:1200px) {
  .u_mb30_pc {
    margin-bottom: 30px!important
  }
}

.u_mb35 {
  margin-bottom: 35px!important
}

@media screen and (max-width:768px) {
  .u_mb35_sp {
    margin-bottom: 35px!important
  }
}

@media screen and (max-width:1199px) {
  .u_mb35_sp_tab {
    margin-bottom: 35px!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_mb35_tab {
    margin-bottom: 35px!important
  }
}

@media screen and (min-width:769px) {
  .u_mb35_pc_tab {
    margin-bottom: 35px!important
  }
}

@media screen and (min-width:1200px) {
  .u_mb35_pc {
    margin-bottom: 35px!important
  }
}

.u_mb40 {
  margin-bottom: 40px!important
}

@media screen and (max-width:768px) {
  .u_mb40_sp {
    margin-bottom: 40px!important
  }
}

@media screen and (max-width:1199px) {
  .u_mb40_sp_tab {
    margin-bottom: 40px!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_mb40_tab {
    margin-bottom: 40px!important
  }
}

@media screen and (min-width:769px) {
  .u_mb40_pc_tab {
    margin-bottom: 40px!important
  }
}

@media screen and (min-width:1200px) {
  .u_mb40_pc {
    margin-bottom: 40px!important
  }
}

.u_mb45 {
  margin-bottom: 45px!important
}

@media screen and (max-width:768px) {
  .u_mb45_sp {
    margin-bottom: 45px!important
  }
}

@media screen and (max-width:1199px) {
  .u_mb45_sp_tab {
    margin-bottom: 45px!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_mb45_tab {
    margin-bottom: 45px!important
  }
}

@media screen and (min-width:769px) {
  .u_mb45_pc_tab {
    margin-bottom: 45px!important
  }
}

@media screen and (min-width:1200px) {
  .u_mb45_pc {
    margin-bottom: 45px!important
  }
}

.u_mb50 {
  margin-bottom: 50px!important
}

@media screen and (max-width:768px) {
  .u_mb50_sp {
    margin-bottom: 50px!important
  }
}

@media screen and (max-width:1199px) {
  .u_mb50_sp_tab {
    margin-bottom: 50px!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_mb50_tab {
    margin-bottom: 50px!important
  }
}

@media screen and (min-width:769px) {
  .u_mb50_pc_tab {
    margin-bottom: 50px!important
  }
}

@media screen and (min-width:1200px) {
  .u_mb50_pc {
    margin-bottom: 50px!important
  }
}

.u_mb60 {
  margin-bottom: 60px!important
}

@media screen and (max-width:768px) {
  .u_mb60_sp {
    margin-bottom: 60px!important
  }
}

@media screen and (max-width:1199px) {
  .u_mb60_sp_tab {
    margin-bottom: 60px!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_mb60_tab {
    margin-bottom: 60px!important
  }
}

@media screen and (min-width:769px) {
  .u_mb60_pc_tab {
    margin-bottom: 60px!important
  }
}

@media screen and (min-width:1200px) {
  .u_mb60_pc {
    margin-bottom: 60px!important
  }
}

.u_mt0 {
  margin-top: 0!important
}

@media screen and (max-width:768px) {
  .u_mt0_sp {
    margin-top: 0!important
  }
}

@media screen and (max-width:1199px) {
  .u_mt0_sp_tab {
    margin-top: 0!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_mt0_tab {
    margin-top: 0!important
  }
}

@media screen and (min-width:769px) {
  .u_mt0_pc_tab {
    margin-top: 0!important
  }
}

@media screen and (min-width:1200px) {
  .u_mt0_pc {
    margin-top: 0!important
  }
}

.u_mt5 {
  margin-top: 5px!important
}

@media screen and (max-width:768px) {
  .u_mt5_sp {
    margin-top: 5px!important
  }
}

@media screen and (max-width:1199px) {
  .u_mt5_sp_tab {
    margin-top: 5px!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_mt5_tab {
    margin-top: 5px!important
  }
}

@media screen and (min-width:769px) {
  .u_mt5_pc_tab {
    margin-top: 5px!important
  }
}

@media screen and (min-width:1200px) {
  .u_mt5_pc {
    margin-top: 5px!important
  }
}

.u_mt10 {
  margin-top: 10px!important
}

@media screen and (max-width:768px) {
  .u_mt10_sp {
    margin-top: 10px!important
  }
}

@media screen and (max-width:1199px) {
  .u_mt10_sp_tab {
    margin-top: 10px!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_mt10_tab {
    margin-top: 10px!important
  }
}

@media screen and (min-width:769px) {
  .u_mt10_pc_tab {
    margin-top: 10px!important
  }
}

@media screen and (min-width:1200px) {
  .u_mt10_pc {
    margin-top: 10px!important
  }
}

.u_mt15 {
  margin-top: 15px!important
}

@media screen and (max-width:768px) {
  .u_mt15_sp {
    margin-top: 15px!important
  }
}

@media screen and (max-width:1199px) {
  .u_mt15_sp_tab {
    margin-top: 15px!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_mt15_tab {
    margin-top: 15px!important
  }
}

@media screen and (min-width:769px) {
  .u_mt15_pc_tab {
    margin-top: 15px!important
  }
}

@media screen and (min-width:1200px) {
  .u_mt15_pc {
    margin-top: 15px!important
  }
}

.u_mt20 {
  margin-top: 20px!important
}

@media screen and (max-width:768px) {
  .u_mt20_sp {
    margin-top: 20px!important
  }
}

@media screen and (max-width:1199px) {
  .u_mt20_sp_tab {
    margin-top: 20px!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_mt20_tab {
    margin-top: 20px!important
  }
}

@media screen and (min-width:769px) {
  .u_mt20_pc_tab {
    margin-top: 20px!important
  }
}

@media screen and (min-width:1200px) {
  .u_mt20_pc {
    margin-top: 20px!important
  }
}

.u_mt25 {
  margin-top: 25px!important
}

@media screen and (max-width:768px) {
  .u_mt25_sp {
    margin-top: 25px!important
  }
}

@media screen and (max-width:1199px) {
  .u_mt25_sp_tab {
    margin-top: 25px!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_mt25_tab {
    margin-top: 25px!important
  }
}

@media screen and (min-width:769px) {
  .u_mt25_pc_tab {
    margin-top: 25px!important
  }
}

@media screen and (min-width:1200px) {
  .u_mt25_pc {
    margin-top: 25px!important
  }
}

.u_mt30 {
  margin-top: 30px!important
}

@media screen and (max-width:768px) {
  .u_mt30_sp {
    margin-top: 30px!important
  }
}

@media screen and (max-width:1199px) {
  .u_mt30_sp_tab {
    margin-top: 30px!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_mt30_tab {
    margin-top: 30px!important
  }
}

@media screen and (min-width:769px) {
  .u_mt30_pc_tab {
    margin-top: 30px!important
  }
}

@media screen and (min-width:1200px) {
  .u_mt30_pc {
    margin-top: 30px!important
  }
}

.u_mt35 {
  margin-top: 35px!important
}

@media screen and (max-width:768px) {
  .u_mt35_sp {
    margin-top: 35px!important
  }
}

@media screen and (max-width:1199px) {
  .u_mt35_sp_tab {
    margin-top: 35px!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_mt35_tab {
    margin-top: 35px!important
  }
}

@media screen and (min-width:769px) {
  .u_mt35_pc_tab {
    margin-top: 35px!important
  }
}

@media screen and (min-width:1200px) {
  .u_mt35_pc {
    margin-top: 35px!important
  }
}

.u_mt40 {
  margin-top: 40px!important
}

@media screen and (max-width:768px) {
  .u_mt40_sp {
    margin-top: 40px!important
  }
}

@media screen and (max-width:1199px) {
  .u_mt40_sp_tab {
    margin-top: 40px!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_mt40_tab {
    margin-top: 40px!important
  }
}

@media screen and (min-width:769px) {
  .u_mt40_pc_tab {
    margin-top: 40px!important
  }
}

@media screen and (min-width:1200px) {
  .u_mt40_pc {
    margin-top: 40px!important
  }
}

.u_mt45 {
  margin-top: 45px!important
}

@media screen and (max-width:768px) {
  .u_mt45_sp {
    margin-top: 45px!important
  }
}

@media screen and (max-width:1199px) {
  .u_mt45_sp_tab {
    margin-top: 45px!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_mt45_tab {
    margin-top: 45px!important
  }
}

@media screen and (min-width:769px) {
  .u_mt45_pc_tab {
    margin-top: 45px!important
  }
}

@media screen and (min-width:1200px) {
  .u_mt45_pc {
    margin-top: 45px!important
  }
}

.u_mt50 {
  margin-top: 50px!important
}

@media screen and (max-width:768px) {
  .u_mt50_sp {
    margin-top: 50px!important
  }
}

@media screen and (max-width:1199px) {
  .u_mt50_sp_tab {
    margin-top: 50px!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_mt50_tab {
    margin-top: 50px!important
  }
}

@media screen and (min-width:769px) {
  .u_mt50_pc_tab {
    margin-top: 50px!important
  }
}

@media screen and (min-width:1200px) {
  .u_mt50_pc {
    margin-top: 50px!important
  }
}

.u_mt60 {
  margin-top: 60px!important
}

@media screen and (max-width:768px) {
  .u_mt60_sp {
    margin-top: 60px!important
  }
}

@media screen and (max-width:1199px) {
  .u_mt60_sp_tab {
    margin-top: 60px!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_mt60_tab {
    margin-top: 60px!important
  }
}

@media screen and (min-width:769px) {
  .u_mt60_pc_tab {
    margin-top: 60px!important
  }
}

@media screen and (min-width:1200px) {
  .u_mt60_pc {
    margin-top: 60px!important
  }
}

.u_pt0 {
  padding-top: 0!important
}

@media screen and (max-width:768px) {
  .u_pt0_sp {
    padding-top: 0!important
  }
}

@media screen and (max-width:1199px) {
  .u_pt0_sp_tab {
    padding-top: 0!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_pt0_tab {
    padding-top: 0!important
  }
}

@media screen and (min-width:769px) {
  .u_pt0_pc_tab {
    padding-top: 0!important
  }
}

@media screen and (min-width:1200px) {
  .u_pt0_pc {
    padding-top: 0!important
  }
}

.u_pt5 {
  padding-top: 5px!important
}

@media screen and (max-width:768px) {
  .u_pt5_sp {
    padding-top: 5px!important
  }
}

@media screen and (max-width:1199px) {
  .u_pt5_sp_tab {
    padding-top: 5px!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_pt5_tab {
    padding-top: 5px!important
  }
}

@media screen and (min-width:769px) {
  .u_pt5_pc_tab {
    padding-top: 5px!important
  }
}

@media screen and (min-width:1200px) {
  .u_pt5_pc {
    padding-top: 5px!important
  }
}

.u_pt10 {
  padding-top: 10px!important
}

@media screen and (max-width:768px) {
  .u_pt10_sp {
    padding-top: 10px!important
  }
}

@media screen and (max-width:1199px) {
  .u_pt10_sp_tab {
    padding-top: 10px!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_pt10_tab {
    padding-top: 10px!important
  }
}

@media screen and (min-width:769px) {
  .u_pt10_pc_tab {
    padding-top: 10px!important
  }
}

@media screen and (min-width:1200px) {
  .u_pt10_pc {
    padding-top: 10px!important
  }
}

.u_pt15 {
  padding-top: 15px!important
}

@media screen and (max-width:768px) {
  .u_pt15_sp {
    padding-top: 15px!important
  }
}

@media screen and (max-width:1199px) {
  .u_pt15_sp_tab {
    padding-top: 15px!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_pt15_tab {
    padding-top: 15px!important
  }
}

@media screen and (min-width:769px) {
  .u_pt15_pc_tab {
    padding-top: 15px!important
  }
}

@media screen and (min-width:1200px) {
  .u_pt15_pc {
    padding-top: 15px!important
  }
}

.u_pt20 {
  padding-top: 20px!important
}

@media screen and (max-width:768px) {
  .u_pt20_sp {
    padding-top: 20px!important
  }
}

@media screen and (max-width:1199px) {
  .u_pt20_sp_tab {
    padding-top: 20px!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_pt20_tab {
    padding-top: 20px!important
  }
}

@media screen and (min-width:769px) {
  .u_pt20_pc_tab {
    padding-top: 20px!important
  }
}

@media screen and (min-width:1200px) {
  .u_pt20_pc {
    padding-top: 20px!important
  }
}

.u_pt25 {
  padding-top: 25px!important
}

@media screen and (max-width:768px) {
  .u_pt25_sp {
    padding-top: 25px!important
  }
}

@media screen and (max-width:1199px) {
  .u_pt25_sp_tab {
    padding-top: 25px!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_pt25_tab {
    padding-top: 25px!important
  }
}

@media screen and (min-width:769px) {
  .u_pt25_pc_tab {
    padding-top: 25px!important
  }
}

@media screen and (min-width:1200px) {
  .u_pt25_pc {
    padding-top: 25px!important
  }
}

.u_pt30 {
  padding-top: 30px!important
}

@media screen and (max-width:768px) {
  .u_pt30_sp {
    padding-top: 30px!important
  }
}

@media screen and (max-width:1199px) {
  .u_pt30_sp_tab {
    padding-top: 30px!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_pt30_tab {
    padding-top: 30px!important
  }
}

@media screen and (min-width:769px) {
  .u_pt30_pc_tab {
    padding-top: 30px!important
  }
}

@media screen and (min-width:1200px) {
  .u_pt30_pc {
    padding-top: 30px!important
  }
}

.u_pt35 {
  padding-top: 35px!important
}

@media screen and (max-width:768px) {
  .u_pt35_sp {
    padding-top: 35px!important
  }
}

@media screen and (max-width:1199px) {
  .u_pt35_sp_tab {
    padding-top: 35px!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_pt35_tab {
    padding-top: 35px!important
  }
}

@media screen and (min-width:769px) {
  .u_pt35_pc_tab {
    padding-top: 35px!important
  }
}

@media screen and (min-width:1200px) {
  .u_pt35_pc {
    padding-top: 35px!important
  }
}

.u_pt40 {
  padding-top: 40px!important
}

@media screen and (max-width:768px) {
  .u_pt40_sp {
    padding-top: 40px!important
  }
}

@media screen and (max-width:1199px) {
  .u_pt40_sp_tab {
    padding-top: 40px!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_pt40_tab {
    padding-top: 40px!important
  }
}

@media screen and (min-width:769px) {
  .u_pt40_pc_tab {
    padding-top: 40px!important
  }
}

@media screen and (min-width:1200px) {
  .u_pt40_pc {
    padding-top: 40px!important
  }
}

.u_pt45 {
  padding-top: 45px!important
}

@media screen and (max-width:768px) {
  .u_pt45_sp {
    padding-top: 45px!important
  }
}

@media screen and (max-width:1199px) {
  .u_pt45_sp_tab {
    padding-top: 45px!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_pt45_tab {
    padding-top: 45px!important
  }
}

@media screen and (min-width:769px) {
  .u_pt45_pc_tab {
    padding-top: 45px!important
  }
}

@media screen and (min-width:1200px) {
  .u_pt45_pc {
    padding-top: 45px!important
  }
}

.u_pt50 {
  padding-top: 50px!important
}

@media screen and (max-width:768px) {
  .u_pt50_sp {
    padding-top: 50px!important
  }
}

@media screen and (max-width:1199px) {
  .u_pt50_sp_tab {
    padding-top: 50px!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_pt50_tab {
    padding-top: 50px!important
  }
}

@media screen and (min-width:769px) {
  .u_pt50_pc_tab {
    padding-top: 50px!important
  }
}

@media screen and (min-width:1200px) {
  .u_pt50_pc {
    padding-top: 50px!important
  }
}

.u_pt60 {
  padding-top: 60px!important
}

@media screen and (max-width:768px) {
  .u_pt60_sp {
    padding-top: 60px!important
  }
}

@media screen and (max-width:1199px) {
  .u_pt60_sp_tab {
    padding-top: 60px!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_pt60_tab {
    padding-top: 60px!important
  }
}

@media screen and (min-width:769px) {
  .u_pt60_pc_tab {
    padding-top: 60px!important
  }
}

@media screen and (min-width:1200px) {
  .u_pt60_pc {
    padding-top: 60px!important
  }
}

.u_pb0 {
  padding-bottom: 0!important
}

@media screen and (max-width:768px) {
  .u_pb0_sp {
    padding-bottom: 0!important
  }
}

@media screen and (max-width:1199px) {
  .u_pb0_sp_tab {
    padding-bottom: 0!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_pb0_tab {
    padding-bottom: 0!important
  }
}

@media screen and (min-width:769px) {
  .u_pb0_pc_tab {
    padding-bottom: 0!important
  }
}

@media screen and (min-width:1200px) {
  .u_pb0_pc {
    padding-bottom: 0!important
  }
}

.u_pb5 {
  padding-bottom: 5px!important
}

@media screen and (max-width:768px) {
  .u_pb5_sp {
    padding-bottom: 5px!important
  }
}

@media screen and (max-width:1199px) {
  .u_pb5_sp_tab {
    padding-bottom: 5px!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_pb5_tab {
    padding-bottom: 5px!important
  }
}

@media screen and (min-width:769px) {
  .u_pb5_pc_tab {
    padding-bottom: 5px!important
  }
}

@media screen and (min-width:1200px) {
  .u_pb5_pc {
    padding-bottom: 5px!important
  }
}

.u_pb10 {
  padding-bottom: 10px!important
}

@media screen and (max-width:768px) {
  .u_pb10_sp {
    padding-bottom: 10px!important
  }
}

@media screen and (max-width:1199px) {
  .u_pb10_sp_tab {
    padding-bottom: 10px!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_pb10_tab {
    padding-bottom: 10px!important
  }
}

@media screen and (min-width:769px) {
  .u_pb10_pc_tab {
    padding-bottom: 10px!important
  }
}

@media screen and (min-width:1200px) {
  .u_pb10_pc {
    padding-bottom: 10px!important
  }
}

.u_pb15 {
  padding-bottom: 15px!important
}

@media screen and (max-width:768px) {
  .u_pb15_sp {
    padding-bottom: 15px!important
  }
}

@media screen and (max-width:1199px) {
  .u_pb15_sp_tab {
    padding-bottom: 15px!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_pb15_tab {
    padding-bottom: 15px!important
  }
}

@media screen and (min-width:769px) {
  .u_pb15_pc_tab {
    padding-bottom: 15px!important
  }
}

@media screen and (min-width:1200px) {
  .u_pb15_pc {
    padding-bottom: 15px!important
  }
}

.u_pb20 {
  padding-bottom: 20px!important
}

@media screen and (max-width:768px) {
  .u_pb20_sp {
    padding-bottom: 20px!important
  }
}

@media screen and (max-width:1199px) {
  .u_pb20_sp_tab {
    padding-bottom: 20px!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_pb20_tab {
    padding-bottom: 20px!important
  }
}

@media screen and (min-width:769px) {
  .u_pb20_pc_tab {
    padding-bottom: 20px!important
  }
}

@media screen and (min-width:1200px) {
  .u_pb20_pc {
    padding-bottom: 20px!important
  }
}

.u_pb25 {
  padding-bottom: 25px!important
}

@media screen and (max-width:768px) {
  .u_pb25_sp {
    padding-bottom: 25px!important
  }
}

@media screen and (max-width:1199px) {
  .u_pb25_sp_tab {
    padding-bottom: 25px!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_pb25_tab {
    padding-bottom: 25px!important
  }
}

@media screen and (min-width:769px) {
  .u_pb25_pc_tab {
    padding-bottom: 25px!important
  }
}

@media screen and (min-width:1200px) {
  .u_pb25_pc {
    padding-bottom: 25px!important
  }
}

.u_pb30 {
  padding-bottom: 30px!important
}

@media screen and (max-width:768px) {
  .u_pb30_sp {
    padding-bottom: 30px!important
  }
}

@media screen and (max-width:1199px) {
  .u_pb30_sp_tab {
    padding-bottom: 30px!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_pb30_tab {
    padding-bottom: 30px!important
  }
}

@media screen and (min-width:769px) {
  .u_pb30_pc_tab {
    padding-bottom: 30px!important
  }
}

@media screen and (min-width:1200px) {
  .u_pb30_pc {
    padding-bottom: 30px!important
  }
}

.u_pb35 {
  padding-bottom: 35px!important
}

@media screen and (max-width:768px) {
  .u_pb35_sp {
    padding-bottom: 35px!important
  }
}

@media screen and (max-width:1199px) {
  .u_pb35_sp_tab {
    padding-bottom: 35px!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_pb35_tab {
    padding-bottom: 35px!important
  }
}

@media screen and (min-width:769px) {
  .u_pb35_pc_tab {
    padding-bottom: 35px!important
  }
}

@media screen and (min-width:1200px) {
  .u_pb35_pc {
    padding-bottom: 35px!important
  }
}

.u_pb40 {
  padding-bottom: 40px!important
}

@media screen and (max-width:768px) {
  .u_pb40_sp {
    padding-bottom: 40px!important
  }
}

@media screen and (max-width:1199px) {
  .u_pb40_sp_tab {
    padding-bottom: 40px!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_pb40_tab {
    padding-bottom: 40px!important
  }
}

@media screen and (min-width:769px) {
  .u_pb40_pc_tab {
    padding-bottom: 40px!important
  }
}

@media screen and (min-width:1200px) {
  .u_pb40_pc {
    padding-bottom: 40px!important
  }
}

.u_pb45 {
  padding-bottom: 45px!important
}

@media screen and (max-width:768px) {
  .u_pb45_sp {
    padding-bottom: 45px!important
  }
}

@media screen and (max-width:1199px) {
  .u_pb45_sp_tab {
    padding-bottom: 45px!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_pb45_tab {
    padding-bottom: 45px!important
  }
}

@media screen and (min-width:769px) {
  .u_pb45_pc_tab {
    padding-bottom: 45px!important
  }
}

@media screen and (min-width:1200px) {
  .u_pb45_pc {
    padding-bottom: 45px!important
  }
}

.u_pb50 {
  padding-bottom: 50px!important
}

@media screen and (max-width:768px) {
  .u_pb50_sp {
    padding-bottom: 50px!important
  }
}

@media screen and (max-width:1199px) {
  .u_pb50_sp_tab {
    padding-bottom: 50px!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_pb50_tab {
    padding-bottom: 50px!important
  }
}

@media screen and (min-width:769px) {
  .u_pb50_pc_tab {
    padding-bottom: 50px!important
  }
}

@media screen and (min-width:1200px) {
  .u_pb50_pc {
    padding-bottom: 50px!important
  }
}

.u_pb60 {
  padding-bottom: 60px!important
}

@media screen and (max-width:768px) {
  .u_pb60_sp {
    padding-bottom: 60px!important
  }
}

@media screen and (max-width:1199px) {
  .u_pb60_sp_tab {
    padding-bottom: 60px!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_pb60_tab {
    padding-bottom: 60px!important
  }
}

@media screen and (min-width:769px) {
  .u_pb60_pc_tab {
    padding-bottom: 60px!important
  }
}

@media screen and (min-width:1200px) {
  .u_pb60_pc {
    padding-bottom: 60px!important
  }
}

.u_text-center {
  text-align: center
}

@media screen and (max-width:768px) {
  .u_text-center_sp {
    text-align: center
  }
}

@media screen and (max-width:1199px) {
  .u_text-center_sp_tab {
    text-align: center
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_text-center_tab {
    text-align: center
  }
}

@media screen and (min-width:769px) {
  .u_text-center_pc_tab {
    text-align: center
  }
}

@media screen and (min-width:1200px) {
  .u_text-center_pc {
    text-align: center
  }
}

.u_text-right {
  text-align: right
}

@media screen and (max-width:768px) {
  .u_text-right_sp {
    text-align: right
  }
}

@media screen and (max-width:1199px) {
  .u_text-right_sp_tab {
    text-align: right
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_text-right_tab {
    text-align: right
  }
}

@media screen and (min-width:769px) {
  .u_text-right_pc_tab {
    text-align: right
  }
}

@media screen and (min-width:1200px) {
  .u_text-right_pc {
    text-align: right
  }
}

.u_text-left {
  text-align: left
}

@media screen and (max-width:768px) {
  .u_text-left_sp {
    text-align: left
  }
}

@media screen and (max-width:1199px) {
  .u_text-left_sp_tab {
    text-align: left
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_text-left_tab {
    text-align: left
  }
}

@media screen and (min-width:769px) {
  .u_text-left_pc_tab {
    text-align: left
  }
}

@media screen and (min-width:1200px) {
  .u_text-left_pc {
    text-align: left
  }
}

.u_mx_a {
  margin-right: auto;
  margin-left: auto
}

.u_txtlink {
  display: inline-block;
  color: #0068b6;
  text-decoration: underline
}

.u_txtlink._inline {
  display: inline;
  word-break: break-all;
  overflow-wrap: break-word
}

.u_txtlink:hover {
  text-decoration: none
}

.u_txtlink:visited {
  color: #741274
}

.u_txtlink__arrow {
  position: relative;
  align-self: flex-end
}

.u_txtlink__arrow::after {
  position: absolute;
  top: 8px;
  right: -1em;
  width: 8px;
  height: 8px;
  content: "";
  border-top: 1px solid #0068b6;
  border-right: 1px solid #0068b6;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg)
}

.u_txtlink._add_arrow {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center
}

.u_txtlink._add_arrow::after {
  display: block;
  width: 12px;
  height: 12px;
  margin: 0 0 0 5px;
  content: "";
  background: url("../images/arrow-right.svg") transparent 0 0 no-repeat;
  background-size: contain
}

.u_txtlink._external {
  display: inline-block;
  margin: 0 5px 0 0
}

.u_txtlink._external::after {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 0 0 5px;
  vertical-align: baseline;
  content: "";
  background: url("/assets/images/ico_external.svg") 100% bottom no-repeat!important;
  background-size: contain
}

.c_annotation {
  color: #d43336
}

.u_img_pc {
  display: block
}

@media screen and (min-width:1200px) {
  .u_img_pc {
    display: block
  }
}

@media screen and (max-width:768px) {
  .u_img_pc {
    display: none
  }
}

.u_img_sp {
  display: none
}

@media screen and (min-width:1200px) {
  .u_img_sp {
    display: none
  }
}

@media screen and (max-width:768px) {
  .u_img_sp {
    display: block
  }
}

.l_component {
  position: relative;
  padding-top: 70px;
  padding-bottom: 50px;
  border-bottom: 1px dotted #7d7d7d
}

.l_component__label {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  font-size: 40px
}

.l_component__desc {
  max-width: 1600px;
  padding-right: 15px;
  padding-left: 15px;
  margin-top: 40px;
  margin-right: auto;
  margin-left: auto
}

.l_component__ttl {
  font-size: 1.3em;
  text-decoration: underline
}

.l_component__sub, .l_component__ttl {
  font-weight: 700;
  line-height: 2
}

.u_txt1 {
  font-size: 16px;
  line-height: 1.875
}

@media screen and (min-width:769px) {
  .u_txt1._center {
    text-align: center
  }
}

@media screen and (max-width:768px) {
  .u_txt1._center {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center
  }

  .u_txt1._center._breakcenter {
    display: block
  }
}

.u_txt1._pc-center {
  text-align: center
}

@media screen and (max-width:768px) {
  .u_txt1._pc-center {
    text-align: left
  }
}

.u_txt1._solo {
  max-width: 1200px;
  margin: 0 auto 40px
}

@media screen and (max-width:768px) {
  .u_txt1._solo {
    padding: 0 15px
  }
}

.u_txt2 {
  font-size: 12px;
  line-height: 1.875
}

.u_txt2._spanblock {
  display: block
}

.u_txt3 {
  font-size: 14px
}

.u_txt3, .u_txt4 {
  line-height: 1.875
}

.u_txt4 {
  font-size: 18px
}

.u_txt5 {
  position: relative;
  margin-left: 18px;
  font-size: 12px;
  line-height: 1.875
}

.u_txt5::before {
  position: absolute;
  left: -18px;
  content: "※"
}

.u_txt5._center {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto
}

@media screen and (max-width:768px) {
  .u_txt5._center {
    margin-left: 18px
  }
}

.u_txt5._block {
  display: block
}

.u_txt6 {
  font-family: Oswald, sans-serif;
  font-size: 32px;
  font-weight: 700
}

.u_txt7 {
  font-size: 22px;
  font-weight: 700
}

.u_txt8 {
  position: relative;
  margin-left: 15px;
  font-size: 14px;
  line-height: 1.875
}

.u_txt8::before {
  position: absolute;
  left: -15px;
  content: "※"
}

.u_txt8._pleft {
  margin-left: 2em
}

.u_txt8._pleft::before {
  left: -2em
}

.u_txt9 {
  position: relative;
  margin-left: 18px;
  font-size: 12px;
  line-height: 1.875
}

.u_txt9::before {
  position: absolute;
  left: -18px;
  content: "例)"
}

.u_txt_emph {
  font-size: 18px;
  font-weight: 700;
  line-height: 2.4;
  color: #0168b6;
  text-align: center
}

@media screen and (max-width:768px) {
  .u_txt_emph {
    text-align: left
  }
}

.u_txt_emph .large {
  font-size: 30px;
  line-height: 1.6
}

@media screen and (max-width:768px) {
  .u_txt_emph .large {
    font-size: 24px
  }
}

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

.u_txt_strong {
  font-weight: 700;
  color: #f85858
}

.u_text_blue {
  color: #0168b6
}

.c_btnlist {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap
}

@media screen and (min-width:1200px) {
  .c_btnlist.col2 .c_btnlist__item {
    margin-top: 10px;
    margin-right: 1em
  }

  .c_btnlist.col2 .c_btnlist__item:nth-child(-n+2) {
    margin-top: 0
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_btnlist.col2 .c_btnlist__item {
    width: 100%
  }

  .c_btnlist.col2 .c_btnlist__item:first-child {
    margin-top: 0
  }

  .c_btnlist.col2 .c_btnlist__item:nth-child(2) {
    margin-top: 10px
  }
}

@media screen and (max-width:768px) {
  .c_btnlist.col2 .c_btnlist__item {
    width: 100%;
    margin-top: 10px
  }

  .c_btnlist.col2 .c_btnlist__item:first-child {
    margin-top: 0
  }

  .c_btnlist.col2 .c_btnlist__item:nth-child(2) {
    margin-top: 10px
  }
}

@media screen and (min-width:769px) {
  .c_btnlist.col4 .c_btnlist__item {
    width: 23.5%;
    margin-top: 10px;
    margin-right: 2%
  }

  .c_btnlist.col4 .c_btnlist__item:nth-child(-n+4) {
    margin-top: 0
  }

  .c_btnlist.col4 .c_btnlist__item:nth-child(4n+4) {
    margin-right: 0
  }
}

@media screen and (max-width:768px) {
  .c_btnlist.col4 .c_btnlist__item {
    width: 49%;
    margin-top: 10px;
    margin-right: 2%
  }

  .c_btnlist.col4 .c_btnlist__item:nth-child(-n+2) {
    margin-top: 0
  }

  .c_btnlist.col4 .c_btnlist__item:nth-child(2n) {
    margin-right: 0
  }
}

.u_select {
  position: relative;
  width: 375px;
  max-width: 100%
}

@media screen and (max-width:768px) {
  .u_select {
    width: 100%
  }
}

.u_select::after {
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  width: 0;
  height: 0;
  pointer-events: none;
  content: "";
  border-color: #222 transparent transparent;
  border-style: solid;
  border-width: 14px 8px 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%)
}

.u_select__box {
  width: 100%;
  height: 54px;
  padding: 0 20px;
  border: 1px solid #202020;
  border-radius: 8px
}

.u_select__box.error {
  background: #fbded7!important
}

.u_tb {
  width: 375px;
  max-width: 100%;
  height: 54px;
  padding: 0 20px;
  background: #fffded;
  border: 1px solid #999;
  border-radius: 8px
}

@media screen and (max-width:1199px) {
  .u_tb {
    width: 100%;
    height: 50px
  }
}

.u_tb.error {
  background: #fbded7!important
}

.u_tb._white {
  background: #fff
}

.u_tb._long {
  width: 100%
}

.u_tb._long.__search {
  margin: 0 40px 0 20px
}

@media screen and (max-width:768px) {
  .u_tb._long.__search {
    margin: 20px auto
  }
}

.u_tb._2 {
  width: 4em
}

.u_tb._4 {
  width: 5em
}

.u_tb._6, .u_tb._7 {
  width: 7em
}

@media screen and (max-width:768px) {
  .u_tb._7 {
    width: 100%
  }
}

.u_select2._small+.u_tb._long {
  width: calc(100% - 285px)
}

@media screen and (max-width:768px) {
  .u_select2._small+.u_tb._long {
    width: 100%
  }
}

.u_txa {
  width: 100%;
  max-width: 100%;
  height: 250px;
  padding: 15px;
  background: #fffded;
  border: 1px solid #999;
  border-radius: 8px
}

@media screen and (min-width:1200px) {
  .u_txa.--small {
    height: 108px
  }
}

@media screen and (max-width:768px) {
  .u_txa {
    width: 100%;
    height: 50px
  }

  .u_txa.--wide {
    height: 200px!important
  }
}

.u_txa.error {
  background: #fbded7!important
}

.c_heading1_wrap {
  padding-top: 40px;
  padding-bottom: 30px
}

@media screen and (max-width:768px) {
  .c_heading1_wrap {
    padding-bottom: 20px
  }
}

.c_heading1_wrap .c_heading1 {
  margin-top: 0;
  margin-bottom: 0
}

.c_heading1 {
  margin-top: 40px;
  margin-bottom: 30px;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.4;
  color: #0068b6;
  text-align: center;
  border-radius: 5px
}

@media screen and (max-width:768px) {
  .c_heading1 {
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 20px;
    font-size: 24px
  }
}

.c_heading1.p_expire_ttl {
  padding: 40px 0 30px;
  margin: 0
}

@media screen and (max-width:768px) {
  .c_heading1.p_expire_ttl {
    padding: 55px 0 85px
  }
}

.c_heading1::after {
  display: block;
  width: 54px;
  height: 5px;
  margin: 20px auto 0;
  overflow: hidden;
  content: "";
  background: -webkit-linear-gradient(left, #0068b6 50%, #fee100 0);
  background: linear-gradient(90deg, #0068b6 50%, #fee100 0);
  border-radius: 10px
}

@media screen and (max-width:768px) {
  .c_heading1::after {
    width: 48px;
    height: 4px;
    margin-top: 10px
  }
}

.c_heading1--small, .c_heading1_min {
  font-size: 18px
}

.c_heading2 {
  padding: 0 0 10px;
  margin-top: 40px;
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
  border-bottom: 3px solid #0168b6
}

@media screen and (max-width:768px) {
  .c_heading2 {
    padding-bottom: 7px;
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 18px;
    border-bottom: 2px solid #0168b6
  }
}

.c_heading_line_box {
  padding: 0 0 80px;
  margin: 0 0 40px;
  border-bottom: 2px solid #0168b6
}

.c_heading_line_box .c_heading3 {
  margin: 55px auto 0
}

@media screen and (max-width:768px) {
  .c_heading_line_box .c_heading3 {
    margin-top: 45px
  }

  .c_heading_line_box {
    padding: 0 0 60px;
    margin: 0 0 20px
  }
}

.c_heading3 {
  display: inline-block;
  padding: 13.5px;
  margin: 55px auto 85px;
  font-size: 36px;
  font-weight: 700;
  color: #0168b6;
  text-align: center;
  border-bottom: 2px dashed #0168b6
}

@media screen and (max-width:768px) {
  .c_heading3 {
    padding-right: 0;
    padding-left: 0;
    margin-top: 45px;
    font-size: 26px
  }
}

.c_heading3._small {
  width: 100%;
  padding: 13.5px 0;
  margin: 30px auto;
  font-size: 16px;
  color: #202020;
  text-align: left
}

.c_heading3._add_line {
  position: relative;
  padding: 0 0 40px;
  margin: 55px auto 40px
}

.c_heading3._media {
  display: inline;
  padding: 0;
  font-size: 30px;
  line-height: 1.8
}

@media screen and (max-width:768px) {
  .c_heading3._media {
    font-size: 22px
  }
}

.c_heading3._add {
  position: relative;
  margin-bottom: 100px
}

.c_heading3._add .c_heading3_add_text {
  position: absolute;
  top: 80px;
  left: 0;
  width: 100%;
  font-size: 16px;
  line-height: 1.875
}

@media screen and (max-width:768px) {
  .c_heading3._add .c_heading3_add_text {
    top: 65px;
    width: 100%;
    font-size: 14px
  }
}

.c_heading3_mypagePlus {
  margin-bottom: 30px;
  font-size: 30px;
  font-weight: 600;
  color: #0068b6;
  text-align: center
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_heading3_mypagePlus {
    line-height: 1.5
  }
}

@media screen and (max-width:768px) {
  .c_heading3_mypagePlus {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 1.5
  }
}

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

.c_heading3_mypagePlusMarker._fit {
  display: inline-block;
  margin: 0 auto
}

@media screen and (max-width:1199px) {
  .c_heading3_mypagePlusMarker._sp_inline {
    display: inline
  }
}

.c_heading3_mypagePlusBorder {
  padding-bottom: 20px;
  margin-bottom: 20px;
  background: url("/assets/images/line_black_3px.svg") repeat-x bottom
}

.c_headering4 {
  margin-top: 75px;
  margin-bottom: 86px;
  text-align: center
}

@media screen and (max-width:768px) {
  .c_headering4 {
    margin-top: 45px;
    margin-bottom: 70px
  }
}

.c_headering4__txt {
  padding-bottom: 10px;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.5;
  color: #0168b6;
  border-bottom: 3px dashed #0168b6
}

@media screen and (max-width:768px) {
  .c_headering4__txt {
    font-size: 26px;
    border-bottom: 2px dashed #0168b6
  }
}

.c_heading5 {
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5
}

@media screen and (max-width:768px) {
  .c_heading5 {
    margin-top: 20px;
    margin-bottom: 20px
  }
}

.c_heading6 {
  padding: 15px 20px;
  margin-bottom: 20px;
  font-size: 20px;
  background-color: #edf6fc
}

.c_heading6, .c_heading_border {
  margin-top: 30px;
  font-weight: 700
}

.c_heading_border {
  padding: 5px;
  margin-bottom: 10px;
  font-size: 18px;
  border-left: 5px solid #0168b6
}

.c_heading_catch {
  margin: 30px auto 40px;
  text-align: center
}

@media screen and (max-width:768px) {
  .c_heading_catch {
    margin: 30px 15px 40px
  }
}

.c_heading_catch .copy {
  display: block;
  margin: 0 0 30px;
  font-size: 34px;
  font-weight: 700;
  color: #0168b6
}

@media screen and (max-width:768px) {
  .c_heading_catch .copy {
    position: relative;
    font-size: 20px;
    text-align: center
  }
}

.c_heading_catch .copy::after, .c_heading_catch .copy::before {
  display: inline-block;
  width: 3px;
  height: 42px;
  vertical-align: middle;
  content: "";
  background: #0168b6;
  border-radius: 3px
}

@media screen and (max-width:768px) {
  .c_heading_catch .copy::after, .c_heading_catch .copy::before {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
  }
}

.c_heading_catch .copy::before {
  margin: 0 20px 0 0;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg)
}

@media screen and (max-width:768px) {
  .c_heading_catch .copy::before {
    left: 10px
  }
}

.c_heading_catch .copy::after {
  margin: 0 0 0 20px;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg)
}

@media screen and (max-width:768px) {
  .c_heading_catch .copy::after {
    right: 10px
  }
}

.c_heading_catch_mini {
  font-size: 18px
}

@media screen and (max-width:768px) {
  .c_heading_catch_mini {
    font-size: 12px
  }
}

.c_heading_catch._logo img {
  display: block;
  margin: auto
}

.c_heading_denkinavi {
  padding: 15px;
  margin: 120px 0 20px;
  text-align: center
}

.c_heading_denkinavi._h1_ttl {
  margin: 120px 0 20px
}

@media screen and (max-width:768px) {
  .c_heading_denkinavi {
    margin: 100px 0 20px
  }

  .c_heading_denkinavi._h1_ttl {
    margin: 80px 0 20px
  }
}

.c_heading_denkinavi img {
  display: block;
  margin: auto
}

@media screen and (max-width:768px) {
  .c_heading_denkinavi img {
    max-width: 144px
  }
}

.c_heading_denkinavi._category {
  margin: 60px 0 20px
}

.c_heading_denkinavi._category img {
  width: 166px
}

.c_heading_denkinavi._category .category_title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 20px 0 13.5px;
  margin: auto;
  font-size: 36px;
  font-weight: 700;
  color: #0168b6;
  text-align: center;
  border-bottom: 2px dashed #0168b6
}

@media screen and (max-width:768px) {
  .c_heading_denkinavi._category .category_title {
    font-size: 26px
  }
}

.c_heading_denkinavi_post_wrap {
  padding: 0 15px
}

.c_heading_denkinavi_post_wrap .c_heading_denkinavi_post {
  width: 100%;
  max-width: 1200px;
  padding: 120px 0 20px;
  margin: auto;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.5;
  border-bottom: 2px dashed #0168b6
}

@media screen and (max-width:1199px) {
  .c_heading_denkinavi_post_wrap .c_heading_denkinavi_post {
    padding: 90px 0 15px;
    font-size: 26px
  }
}

.c_heading_blueback {
  padding: 15px 20px;
  margin: 30px 0 20px;
  background: #edf6fc
}

.c_heading_blueback, .c_side_heading1 {
  font-size: 20px;
  font-weight: 700
}

.c_side_heading2 {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
  color: #0068b6;
  border-radius: 5px
}

@media screen and (max-width:768px) {
  .c_side_heading2 {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 24px
  }
}

.c_side_heading2::after {
  display: block;
  width: 54px;
  height: 5px;
  margin: 20px 0 0;
  overflow: hidden;
  content: "";
  background: -webkit-linear-gradient(left, #0068b6 50%, #fee100 0);
  background: linear-gradient(90deg, #0068b6 50%, #fee100 0);
  border-radius: 10px
}

@media screen and (max-width:768px) {
  .c_side_heading2::after {
    width: 48px;
    height: 4px;
    margin-top: 10px
  }
}

.l_tab__tabs {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
          justify-content: space-between
}

@media screen and (min-width:769px) {
  .l_tab__tabs {
    padding-right: 60px;
    padding-left: 60px
  }
}

@media screen and (max-width:768px) {
  .l_tab__tabs {
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw)
  }
}

.l_tab__tabitem {
  width: 100%;
  padding: 20px 0;
  font-size: 24px;
  color: #2b68b0;
  text-align: center;
  cursor: pointer;
  background: #fff
}

@media screen and (min-width:769px) {
  .l_tab__tabitem {
    margin-right: 50px
  }
}

@media screen and (min-width:769px)and (min-width:769px) {
  .l_tab__tabitem {
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out
  }

  .l_tab__tabitem:hover {
    -webkit-filter: brightness(1.15);
            filter: brightness(1.15)
  }
}

.l_tab__tabitem:last-child {
  margin-right: 0
}

@media screen and (min-width:769px) {
  .l_tab__tabitem {
    height: 65px;
    border: 2px solid #2b68b0;
    border-bottom: none;
    border-radius: 10px 10px 0 0
  }
}

@media screen and (max-width:768px) {
  .l_tab__tabitem {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    height: 80px;
    font-size: 16px;
    line-height: 1.875;
    color: #202020;
    background: #edf6fc
  }
}

.l_tab__tabitem.active {
  color: #fff;
  pointer-events: none
}

@media screen and (min-width:769px) {
  .l_tab__tabitem.active {
    height: 70px;
    background: #2b68b0
  }
}

@media screen and (max-width:768px) {
  .l_tab__tabitem.active {
    font-weight: 700;
    color: #2b68b0;
    border-bottom: 3px solid #2b68b0
  }
}

.l_tab__content {
  padding: 30px;
  background: #fff;
  border-radius: 30px
}

@media screen and (min-width:769px) {
  .l_tab__content {
    padding: 60px;
    border: 6px solid #0068b6
  }
}

@media screen and (max-width:768px) {
  .l_tab__content._sp_wide {
    padding: 30px 0 0
  }
}

.l_tab__contentinner {
  display: none
}

.l_tab__contentinner.active {
  display: block
}

.c_btn1 {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 320px;
  max-width: 100%;
  height: 50px;
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
  background: #0068b6;
  border-radius: 8px
}

@media screen and (min-width:769px) {
  .c_btn1 {
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out
  }

  .c_btn1:hover {
    -webkit-filter: brightness(1.15);
            filter: brightness(1.15)
  }
}

@media screen and (max-width:1199px) {
  .c_btn1 {
    width: 100%;
    padding-right: 5px;
    padding-left: 5px
  }
}

@media screen and (min-width:769px) {
  .c_btn1._sptblfix {
    width: auto;
    min-width: 320px;
    margin-right: 15px;
    margin-left: 15px
  }

  .c_btn1._semiwide {
    width: 350px
  }
}

.c_btn1__ico {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  -o-object-fit: contain;
     object-fit: contain
}

.c_btn2 {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  min-width: 190px;
  max-width: 100%;
  height: 50px;
  padding: 0 10px;
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
  background: #0068b6;
  border-radius: 8px
}

@media screen and (min-width:769px) {
  .c_btn2 {
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out
  }

  .c_btn2:hover {
    -webkit-filter: brightness(1.15);
            filter: brightness(1.15)
  }
}

@media screen and (max-width:768px) {
  .c_btn2._search {
    width: 100%
  }
}

.c_btn2__ico {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  -o-object-fit: contain;
     object-fit: contain
}

.c_btn2.__short {
  min-width: 160px
}

.c_btn2 ._icon {
  margin-right: 10px
}

.c_btn2.__plusminus {
  height: 54px
}

.c_btn2.__plusminus>span {
  position: relative;
  display: inline-block;
  padding: 0 0 0 15px
}

.c_btn2.__plusminus>span::before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 11px;
  height: 1px;
  content: "";
  background: #fff
}

.c_btn2.__plusminus>span::after {
  position: absolute;
  top: 7px;
  left: 5px;
  display: block;
  width: 1px;
  height: 11px;
  content: "";
  background: #fff
}

.c_btn2.__plusminus.active span::after {
  display: none
}

.c_btn3 {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: center;
          justify-content: center;
  margin-top: 40px
}

@media screen and (max-width:768px) {
  .c_btn3 {
    padding-top: 10px;
    margin-top: 0
  }
}

.c_btn3__obj {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  max-width: 100%;
  height: 70px;
  padding: 0 50px;
  font-weight: 700;
  line-height: 1.3;
  color: #fff;
  background: #0168b6;
  border-radius: 50px;
  box-shadow: 0 4px 0 #0c426a;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out
}

@media screen and (min-width:1200px) {
  .c_btn3__obj {
    min-width: 420px
  }
}

@media screen and (min-width:769px) {
  .c_btn3__obj {
    padding: 0 90px
  }
}

@media screen and (max-width:768px) {
  .c_btn3__obj {
    width: 100%;
    min-width: auto;
    text-align: center
  }
}

.c_btn3__obj, .c_btn3__obj _:-ms-lang(x)::-ms-backdrop {
  text-align: center
}

@media screen and (min-width:1200px) {
  .c_btn3__obj.js_cbToNextBtn {
    max-width: 100%;
    padding: 0 50px
  }
}

.c_btn3__obj:hover {
  box-shadow: 0 0 0;
  -webkit-transform: translateY(4px);
          transform: translateY(4px)
}

.c_btn3__obj::after {
  position: absolute;
  top: 50%;
  right: 20px;
  z-index: 1;
  display: block;
  width: 12px;
  height: 19px;
  content: "";
  background: url("../images/ico/ico_arrowwhite.svg") no-repeat 50%/cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%)
}

@media screen and (min-width:769px) {
  .c_btn3__obj._basic {
    width: 320px
  }

  .c_btn3__obj._large {
    width: 380px
  }

  .c_btn3__obj._wide {
    width: 440px
  }
}

.c_btn4 {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: center;
          justify-content: center
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_btn4+.c_btn4 {
    margin-top: 15px
  }
}

.c_btn4__obj {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  min-width: 320px;
  max-width: 100%;
  height: 70px;
  padding: 0 50px;
  font-weight: 700;
  color: #fff;
  background: #0168b6;
  border-radius: 50px;
  box-shadow: 0 4px 0 #0c426a;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out
}

@media screen and (max-width:768px) {
  .c_btn4__obj {
    width: 100%
  }
}

.c_btn4__obj:hover {
  box-shadow: 0 0 0 #999;
  -webkit-transform: translateY(4px);
          transform: translateY(4px)
}

.c_btn4__obj::after {
  position: absolute;
  top: 50%;
  right: 20px;
  z-index: 1;
  display: block;
  width: 18px;
  height: 18px;
  content: "";
  background: url("../images/right-arrow.svg") no-repeat 50%/contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%)
}

.c_btn4__obj.c_inactive {
  pointer-events: none;
  background: #c1c0c0;
  box-shadow: none
}

@media screen and (max-width:768px) {
  .c_btn4__obj.save_btn {
    min-width: 290px;
    padding: 0 45px;
    margin: 0 15px
  }
}

.c_btn4 ._outlink .c_btn4__obj::after {
  display: none
}

.c_btn4 ._outlink::after {
  position: absolute;
  top: 50%;
  right: 25px;
  z-index: 1;
  display: block;
  width: 18px;
  height: 18px;
  content: "";
  background: url("../images/button_icon_detail.svg") no-repeat 50%/contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%)
}

.c_btn5 {
  flex-wrap: wrap
}

.c_btn5, .c_btn5__obj {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center
}

.c_btn5__obj {
  position: relative;
  -webkit-box-align: center;
          align-items: center;
  min-width: 280px;
  max-width: 100%;
  height: 68px;
  padding: 0 50px;
  margin-right: auto;
  margin-left: auto;
  font-weight: 700;
  line-height: 1.4;
  color: #202020;
  background: #ddd;
  border-radius: 50px;
  box-shadow: 0 4px 0 #999;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out
}

@media screen and (max-width:768px) {
  .c_btn5__obj {
    text-align: center
  }
}

.c_btn5__obj, .c_btn5__obj _:-ms-lang(x)::-ms-backdrop {
  margin-right: 0;
  margin-left: 0
}

.c_btn5__obj:hover {
  box-shadow: 0 0 0 #999;
  -webkit-transform: translateY(4px);
          transform: translateY(4px)
}

.c_btn5__obj::before {
  position: absolute;
  top: 50%;
  left: 20px;
  z-index: 1;
  display: block;
  width: 12px;
  height: 19px;
  content: "";
  background: url("../images/left-arrow.svg");
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%)
}

.c_question_list+.c_btn5 .c_btn5__obj {
  margin: 0
}

@media screen and (max-width:768px) {
  .c_btn1 {
    width: 100%
  }
}

.c_btn1._long {
  width: 360px
}

.c_btn1._short {
  width: 190px
}

@media screen and (max-width:768px) {
  .c_btn1._short {
    width: 100%
  }
}

.c_btn1._short2 {
  width: 250px
}

@media screen and (max-width:768px) {
  .c_btn1._short2 {
    width: 100%
  }
}

.c_btn2._center {
  margin: 0 auto
}

.c_btn4__obj {
  text-align: center
}

.c_btn4__obj._long {
  width: 420px
}

.c_btn5__obj._long {
  width: 350px
}

.c_btn5__obj._long2 {
  width: 380px
}

@media screen and (max-width:768px) {
  .c_btn5__obj._long2 {
    width: 350px
  }
}

.c_btn5__obj._long3 {
  width: 420px
}

@media screen and (max-width:768px) {
  .c_btn5__obj._long3 {
    width: 100%
  }
}

.c_btn6 {
  flex-wrap: wrap;
  margin: 40px 0
}

.c_btn6, .c_btn6__obj {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center
}

.c_btn6__obj {
  position: relative;
  -webkit-box-align: center;
          align-items: center;
  width: 280px;
  max-width: 100%;
  height: 60px;
  margin-right: auto;
  margin-left: auto;
  font-weight: 700;
  color: #202020;
  cursor: pointer;
  background: #ddd;
  border-radius: 50px;
  box-shadow: 0 4px 0 #999;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out
}

.c_btn6__obj:hover {
  box-shadow: 0 0 0 #999;
  -webkit-transform: translateY(4px);
          transform: translateY(4px)
}

@media screen and (max-width:768px) {
  .c_btn6__obj {
    width: 300px;
    height: 60px
  }
}

.c_btn6__obj::after {
  position: absolute;
  top: 50%;
  left: 20px;
  z-index: 1;
  display: block;
  width: 12px;
  height: 19px;
  content: "";
  background: url("../../assets/images/arrow_black.png") no-repeat 50%/cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%)
}

@media screen and (max-width:768px) {
  .c_btn6.__long {
    width: 100%
  }

  .c_btn6.__long .c_btn6__obj {
    height: 88px;
    line-height: 1.8;
    text-align: center
  }
}

.c_btn7 {
  flex-wrap: wrap
}

.c_btn7, .c_btn7__obj {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center
}

.c_btn7__obj {
  position: relative;
  -webkit-box-align: center;
          align-items: center;
  width: 320px;
  max-width: 100%;
  height: 70px;
  margin-right: auto;
  margin-left: auto;
  font-weight: 700;
  color: #fff;
  background: #0168b6;
  border-radius: 50px;
  box-shadow: 0 4px 0 #0c426a
}

.c_btn7__obj._long {
  width: 330px;
  height: 70px
}

@media screen and (max-width:768px) {
  .c_btn7__obj {
    width: 100%
  }
}

.c_btn7__obj::before {
  position: absolute;
  top: 50%;
  right: 20px;
  z-index: 1;
  display: block;
  width: 12px;
  height: 19px;
  content: "";
  background: url("../../assets/images/arrow_white.png") no-repeat 50%/cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%)
}

.c_btn8 {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: center;
          justify-content: center;
  margin: 0 auto
}

.c_btn8._db {
  display: block
}

.c_btn8__obj {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 320px;
  max-width: 100%;
  height: 70px;
  font-weight: 700;
  color: #fff;
  background: #e85f5f;
  border-radius: 50px;
  box-shadow: 0 4px 0 #d63434;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out
}

@media screen and (max-width:768px) {
  .c_btn8__obj {
    width: 345px
  }
}

@media screen and (min-width:1200px) {
  .c_btn8__obj._large {
    width: 400px;
    font-size: 20px
  }

  .c_btn8__obj._wide {
    width: 420px;
    font-size: 18px
  }
}

.c_btn8__obj:hover {
  box-shadow: 0 0 0 #d63434;
  -webkit-transform: translateY(4px);
          transform: translateY(4px)
}

.c_btn8__obj::before {
  position: absolute;
  top: 50%;
  right: 20px;
  z-index: 1;
  display: block;
  width: 12px;
  height: 19px;
  content: "";
  background: url("../images/right-arrow.svg") no-repeat 50%/contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%)
}

.c_btn8__ico {
  width: 25px;
  height: 27px;
  margin-right: 10px;
  -o-object-fit: contain;
     object-fit: contain
}

.c_btn9 {
  flex-wrap: wrap
}

.c_btn9, .c_btn9__obj {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center
}

.c_btn9__obj {
  position: relative;
  -webkit-box-align: center;
          align-items: center;
  width: 320px;
  max-width: 100%;
  height: 70px;
  font-weight: 700;
  color: #202020;
  background: #fee100;
  border-radius: 50px;
  box-shadow: 0 4px 0 #e0bf04;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out
}

.c_btn9__obj:hover {
  opacity: .8
}

@media screen and (max-width:768px) {
  .c_btn9__obj {
    width: 100%;
    max-width: 100%;
    height: 50px
  }
}

.c_btn9__obj::before {
  position: absolute;
  top: 50%;
  right: 20px;
  z-index: 1;
  display: block;
  width: 12px;
  height: 19px;
  content: "";
  background: url("../../assets/images/right-black-toggle.png") no-repeat 50%/cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%)
}

@media screen and (max-width:768px) {
  .c_btn9__obj::before {
    width: 7px;
    height: 11px
  }
}

.c_btn10, .c_btn10__obj {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center
}

.c_btn10__obj {
  position: relative;
  -webkit-box-align: center;
          align-items: center;
  width: 100%;
  max-width: 300px;
  height: 64px;
  font-weight: 700;
  color: #0168b6;
  background: #fff;
  border: 3px solid #0168b6;
  border-radius: 50px;
  box-shadow: 0 3px 0 #0168b6;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out
}

.c_btn10__obj:hover {
  box-shadow: none;
  -webkit-transform: translateY(3px);
          transform: translateY(3px)
}

@media screen and (max-width:768px) {
  .c_btn10__obj {
    width: 100%;
    border: 2px solid #0168b6;
    box-shadow: 0 2px 0 #0168b6
  }
}

.c_btn10__obj.__long {
  position: unset;
  width: 100%;
  max-width: 440px;
  text-align: center
}

.c_btn10__obj.__arrow {
  position: relative!important;
  line-height: 1.5
}

.c_btn10__obj.__arrow::after {
  position: absolute;
  top: 50%;
  right: 20px;
  display: inline-block;
  content: url("../images/layer.svg");
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%)
}

.c_btn11 {
  width: 160px;
  height: 56px;
  color: #fff;
  text-align: center;
  background-color: #0168b6;
  border-radius: 50px
}

@media screen and (min-width:769px) {
  .c_btn11 {
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out
  }

  .c_btn11:hover {
    -webkit-filter: brightness(1.15);
            filter: brightness(1.15)
  }
}

@media screen and (max-width:768px) {
  .c_btn11 {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    width: 100%
  }
}

.c_btn12 {
  flex-wrap: wrap;
  margin: 0 auto
}

.c_btn12, .c_btn12__obj {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center
}

.c_btn12__obj {
  position: relative;
  -webkit-box-align: center;
          align-items: center;
  width: 320px;
  max-width: 100%;
  height: 70px;
  margin-right: auto;
  margin-left: auto;
  font-weight: 700;
  color: #fff;
  background: #0168b6;
  border-radius: 50px;
  box-shadow: 0 4px 0 #0c426a;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out
}

@media screen and (max-width:768px) {
  .c_btn12__obj {
    width: 345px
  }
}

@media screen and (min-width:1200px) {
  .c_btn12__obj._large {
    width: 400px;
    font-size: 20px
  }

  .c_btn12__obj._wide {
    width: 420px;
    font-size: 18px
  }
}

.c_btn12__obj:hover {
  box-shadow: 0 0 0 #0c426a;
  -webkit-transform: translateY(4px);
          transform: translateY(4px)
}

.c_btn12__obj::before {
  position: absolute;
  top: 50%;
  right: 20px;
  z-index: 1;
  display: block;
  width: 12px;
  height: 19px;
  content: "";
  background: url("../images/right-arrow.svg") no-repeat 50%/contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%)
}

.c_btn12__ico {
  width: 25px;
  height: 27px;
  margin-right: 10px;
  -o-object-fit: contain;
     object-fit: contain
}

.c_btn13 {
  width: 100%;
  max-width: 440px;
  height: 64px;
  border-radius: 1000px
}

.c_2btnwrap {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: center;
          justify-content: center;
  margin-top: 40px
}

@media screen and (min-width:769px) {
  .c_2btnwrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
            flex-direction: row-reverse
  }
}

@media screen and (max-width:768px) {
  .c_2btnwrap {
    padding-top: 10px;
    margin-top: 30px
  }
}

@media screen and (min-width:769px) {
  .c_2btnwrap__item {
    margin-left: 80px
  }
}

@media screen and (max-width:768px) {
  .c_2btnwrap__item {
    width: 100%;
    margin-top: 20px
  }

  .c_2btnwrap__item:first-child {
    margin-top: 0
  }
}

.c_2btnwrap__item:last-child {
  margin-left: 0
}

.c_pagenav {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: center;
          justify-content: center;
  margin-top: 30px
}

@media screen and (max-width:768px) {
  .c_pagenav {
    margin-top: 38px
  }
}

.c_pagenav__link {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  min-width: 50px;
  height: 50px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: 10px;
  margin-left: 10px;
  font-family: Oswald, sans-serif;
  color: #0068b6;
  background-color: #fff;
  border: 2px solid #0068b6;
  border-radius: 5px;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out
}

@media screen and (max-width:768px) {
  .c_pagenav__link {
    min-width: 32px;
    height: 32px;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: 5px;
    margin-left: 5px
  }
}

.c_pagenav__link.first {
  margin-left: 0
}

@media screen and (min-width:769px) {
  .c_pagenav__link.first {
    margin-right: 20px
  }
}

.c_pagenav__link.last {
  margin-right: 0
}

@media screen and (min-width:769px) {
  .c_pagenav__link.last {
    margin-left: 20px
  }
}

.c_pagenav__link.active, .c_pagenav__link:hover {
  color: #fff;
  background: #0068b6
}

.c_pagenav__link.active {
  pointer-events: none
}

.c_pager_toggle {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 40px;
  height: 50px;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out
}

.c_pager_toggle:hover {
  opacity: .7
}

.c_pager_toggle__Img {
  width: auto;
  height: 16px;
  -o-object-fit: contain;
     object-fit: contain
}

@media screen and (max-width:768px) {
  .c_pager_toggle {
    width: 30px;
    height: 32px
  }
}

.c_pager_toggleW {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 50px;
  height: 50px;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out
}

.c_pager_toggleW:hover {
  opacity: .7
}

.c_pager_toggleW__Img {
  width: auto;
  height: 16px;
  -o-object-fit: contain;
     object-fit: contain
}

@media screen and (max-width:768px) {
  .c_pager_toggleW {
    width: 37px;
    height: 32px
  }
}

.l_sec {
  padding: 60px 15px
}

@media screen and (max-width:768px) {
  .l_sec {
    padding: 40px 15px
  }
}

.l_sec._spshort {
  padding-top: 40px
}

.l_sec>:first-child {
  margin-top: 0
}

.l_sec._white {
  background: #fff
}

.l_sec._gray {
  background: #fafafa
}

.l_sec._darkgray {
  background-color: #f5f5f5
}

.l_sec._blue {
  padding: 40px 15px 45px;
  background: #edf6fc
}

@media screen and (max-width:768px) {
  .l_sec._blue {
    padding: 40px 15px
  }

  .l_sec._blue.__sp_bg-white {
    background: #fff
  }

  .l_sec._blue.__sp_bg-white+.l_sec {
    background: #edf6fc
  }
}

.l_sec._bluebdr {
  border-top: 2px solid #0168b6
}

@media screen and (max-width:768px) {
  .l_sec._bluebdr {
    padding: 20px 15px 25px
  }
}

.l_sec._blueLine {
  border-top: 2px solid #0068b6
}

@media screen and (max-width:768px) {
  .l_sec._article {
    padding: 60px 0 20px
  }
}

.l_sec._mypage_gasInput {
  padding: 60px 15px 15px
}

.l_inner {
  max-width: 1200px;
  margin: 0 auto
}

@media screen and (max-width:1199px) {
  .l_inner._sptb_ms {
    margin: 0 15px
  }
}

.l_inner>:first-child {
  margin-top: 0
}

.l_inner._short {
  max-width: 950px
}

.l_inner._blue {
  background: #edf6fc
}

.l_inner._white {
  background: #fff
}

.l_inner._rounded {
  padding: 60px;
  border-radius: 30px
}

@media screen and (max-width:768px) {
  .l_inner._rounded {
    padding: 30px 20px;
    border-radius: 10px
  }
}

.l_inner._rounded.__minimize {
  padding: 40px
}

@media screen and (max-width:768px) {
  .l_inner._rounded.__minimize {
    padding: 20px
  }
}

.l_inner._border {
  background: #fff;
  border: 6px solid #0168b6
}

@media screen and (max-width:768px) {
  .l_inner._border {
    border: 3px solid #0168b6
  }
}

.l_inner._border2 {
  border: 6px solid #0168b6
}

@media screen and (max-width:768px) {
  .l_inner._border2 {
    border: 3px solid #0168b6
  }
}

.l_inner._col2 {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between
}

@media screen and (max-width:1199px) {
  .l_inner._col2 {
    display: block
  }
}

.l_inner._col2.__article {
  -webkit-box-align: start;
          align-items: flex-start
}

@media screen and (max-width:768px) {
  .l_inner._col2.__article .l_content {
    padding: 0 15px
  }
}

.l_inner._col2.__article .l_side {
  padding: 20px 10px 0;
  background: #edf6fc
}

@media screen and (max-width:1199px) {
  .l_inner._col2.__article .l_side {
    padding: 20px 15px
  }

  .l_inner._col2.__article .l_side+.related_posts {
    background: #fff
  }
}

.l_inner._col2 .l_content {
  width: 100%;
  max-width: 830px
}

@media screen and (max-width:1199px) {
  .l_inner._col2 .l_content {
    max-width: 100%
  }
}

.l_inner._col2 .l_side {
  width: 100%;
  max-width: 340px;
  padding: 0 10px
}

@media screen and (max-width:1199px) {
  .l_inner._col2 .l_side {
    max-width: 100%;
    margin: 40px 0 0
  }
}

.l_inner._col2 .l_side .c_side_inner._white {
  padding: 30px 25px;
  margin: 0 0 30px;
  background: #fff;
  border-radius: 10px
}

.l_inner._col2 .l_side .c_side_inner._white.__outlined {
  border: 1px solid #dcdcdc
}

.l_inner._col2 .l_side .c_side_inner._d-blue {
  padding: 30px 20px;
  margin: 0 0 30px;
  background: #0168b6;
  border-radius: 10px
}

.l_inner._col2 .l_side .c_side_inner .c_button {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  width: 100%;
  padding: 10px 20px 15px 15px;
  margin: 0 0 20px;
  border-radius: 10px
}

.l_inner._col2 .l_side .c_side_inner .c_button:last-child {
  margin: 0
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .l_inner._col2 .l_side .c_side_inner .c_button {
    width: 346px;
    margin: 0 auto
  }

  .l_inner._col2 .l_side .c_side_inner .c_button:last-child {
    margin: 15px auto 0
  }
}

.l_inner._col2 .l_side .c_side_inner .c_button .txt_main {
  font-size: 20px
}

.l_inner._col2 .l_side .c_side_inner .c_button__simulation img {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 10px 0 0
}

.l_inner._col2 .l_side .c_side_inner .c_button__simulation::after {
  position: absolute;
  right: 8px;
  width: 20px;
  height: 20px;
  background-size: contain
}

.l_inner._col2 .l_side .c_side_inner .c_button__request img {
  display: block;
  width: 24px;
  height: 28px;
  margin: 0 10px 0 0
}

.l_inner._col2 .l_side .c_side_inner .c_button__request::after {
  position: absolute;
  right: 8px;
  width: 20px;
  height: 20px;
  background-size: contain
}

.l_inner_wide {
  max-width: 1400px
}

.l_inner__r {
  max-width: 950px;
  padding: 40px 50px;
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: auto;
  background: #fff;
  border-radius: 10px
}

@media screen and (max-width:768px) {
  .l_inner__r {
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 10px
  }
}

.l_inner__r._scroll {
  height: 500px;
  overflow-y: scroll
}

@media screen and (max-width:768px) {
  .l_inner__r._scroll {
    height: 300px
  }
}

.l_inner__r>:first-child {
  margin-top: 0
}

.l_inner__r._media_title {
  padding: 0;
  text-align: center
}

@media screen and (max-width:768px) {
  .l_inner__r._media_title {
    padding: 20px 15px 0
  }
}

.l_inner__r._media_content {
  line-height: 1.875
}

.l_inner__r._media_content p, .l_inner__r._media_content table {
  margin: 0 0 40px;
  line-height: 1.875
}

@media screen and (max-width:768px) {
  .l_inner__r._media_content p, .l_inner__r._media_content table {
    margin: 0 0 20px
  }
}

.l_inner__r._media_content .contact_area {
  padding: 40px;
  font-size: 16px;
  line-height: 1.875;
  background: #eee
}

@media screen and (max-width:768px) {
  .l_inner__r._media_content .contact_area {
    padding: 20px
  }
}

.l_inner__r._media_content .sns_list {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: end;
          justify-content: flex-end;
  padding: 20px 0 0;
  margin: 40px 0 0;
  border-top: 2px solid #dcdcdc
}

@media screen and (max-width:768px) {
  .l_inner__r._media_content .sns_list {
    margin: 20px 0 0
  }
}

.l_inner__r._media_content .sns_list .item {
  margin: 0 0 0 20px
}

@media screen and (max-width:768px) {
  .l_inner__r._media_content .sns_list .item {
    margin: 0 0 0 10px
  }
}

@media screen and (min-width:769px) {
  .l_inner__r._media_content .sns_list .item a {
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out
  }

  .l_inner__r._media_content .sns_list .item a:hover {
    -webkit-filter: brightness(1.15);
            filter: brightness(1.15)
  }
}

.l_inner__simple {
  max-width: 1050px;
  padding: 0 50px;
  margin-right: auto;
  margin-left: auto
}

@media screen and (max-width:768px) {
  .l_inner__simple {
    padding: 0 15px
  }
}

.l_inner__r1 {
  max-width: 1200px;
  padding: 50px 40px;
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: auto;
  background: #fff;
  border-radius: 10px
}

@media screen and (max-width:768px) {
  .l_inner__r1 {
    padding: 20px;
    margin-bottom: 20px
  }
}

.l_inner__r1>:first-child {
  margin-top: 0
}

.l_inner__bdr, .l_inner__r1._radius {
  border-radius: 30px
}

.l_inner__bdr {
  max-width: 950px;
  padding: 60px 14.7%;
  margin-right: auto;
  margin-left: auto;
  background: #fff;
  border: 2px solid #0068b6
}

@media screen and (max-width:768px) {
  .l_inner__bdr {
    padding: 20px 15px;
    border: 3px solid #0068b6;
    border-radius: 10px
  }
}

.l_inner__bdr._narrow {
  max-width: 775px;
  padding-right: 60px;
  padding-left: 60px
}

@media screen and (max-width:768px) {
  .l_inner__bdr._narrow_login {
    padding: 20px 20px 40px
  }
}

.l_inner__bdr._login_a_bdr {
  max-width: 950px;
  padding: 60px 100px
}

@media screen and (max-width:768px) {
  .l_inner__bdr._login_a_bdr {
    padding: 20px 20px 25px
  }
}

.l_inner__bdr>:first-child {
  margin-top: 0
}

@media screen and (max-width:1199px) {
  .l_innersp {
    padding-right: 15px;
    padding-left: 15px
  }

  .l_innersp__narrow {
    padding-right: 20px;
    padding-left: 20px
  }
}

.l_bdrBottomWrapper {
  padding-bottom: 60px;
  border-bottom: 1px solid #dcdcdc
}

@media screen and (max-width:768px) {
  .l_bdrBottomWrapper {
    padding: 0 15px 40px
  }
}

.c_list1 {
  overflow: hidden;
  border: 2px solid #0068b6;
  border-radius: 8px
}

.c_list1__item {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #0068b6
}

.c_list1__item:last-child {
  border-bottom: 0
}

.c_list1__label {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  width: 25%;
  padding: 25px 30px;
  font-size: 18px;
  font-weight: 700;
  background: #edf6fc;
  border-right: 1px solid #0068b6
}

@media screen and (max-width:768px) {
  .c_list1__label {
    width: 100%;
    min-height: 60px;
    padding: 20px;
    font-size: 16px;
    border-right: none;
    border-bottom: 1px solid #0068b6
  }
}

.c_list1__desc {
  -webkit-box-flex: 1;
          flex: 1;
  padding: 25px 30px
}

@media screen and (max-width:768px) {
  .c_list1__desc {
    width: 100%;
    padding: 20px
  }
}

.c_list1__desc>:first-child {
  margin-top: 0
}

@media screen and (min-width:769px) {
  .c_list2+* {
    margin-top: 70px
  }
}

@media screen and (max-width:768px) {
  .c_list2+* {
    margin-top: 40px
  }

  .c_list2._confirm {
    padding-bottom: 0
  }
}

.c_list2._confirm .c_list2__label {
  padding-top: 0
}

.c_list2__item {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: baseline;
          align-items: baseline;
  padding-bottom: 30px
}

.c_list2__item, .c_list2__item _:-ms-lang(x)::-ms-backdrop {
  width: 100%
}

@media screen and (max-width:1199px) {
  .c_list2__item {
    padding-bottom: 20px
  }
}

.c_list2__item:last-child {
  padding-bottom: 0
}

.c_list2__q {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap
}

.c_list2__label {
  position: relative;
  width: 31%;
  padding-top: 15px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3
}

@media screen and (min-width:1200px) {
  .c_list2__label._top {
    align-self: flex-start;
    padding-top: 15px
  }

  .c_list2__label {
    padding-right: 60px
  }
}

@media screen and (max-width:1199px) {
  .c_list2__label {
    width: 100%;
    padding-top: 0;
    padding-right: 30px;
    padding-bottom: 10px;
    font-size: 16px
  }

  .c_list2__label._must {
    padding-right: 60px
  }
}

@media screen and (min-width:1200px) {
  .c_list2__label._must._adjustposition::after {
    top: 110px
  }
}

.c_list2__label._must::after {
  position: absolute;
  top: 17px;
  right: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 52px;
  height: 22px;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  content: "å¿…é ˆ";
  background: #e9593a;
  border-radius: 5px
}

@media screen and (max-width:1199px) {
  .c_list2__label._must::after {
    top: 0;
    font-size: 12px
  }
}

@media screen and (min-width:1200px) {
  .c_list2__label._label3line._must::after {
    top: 25px
  }
}

.c_list2__label._free::after {
  content: "任意";
  background: #999
}

.c_list2__label._login-w40 {
  width: 40%
}

@media screen and (max-width:1199px) {
  .c_list2__label._login-w40 {
    width: 100%
  }
}

.c_list2__label._nolabel._must::after {
  content: none!important
}

.c_list2__desc {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
          align-items: center;
  padding-left: 10px
}

@media screen and (min-width:1200px) {
  .c_list2__desc {
    -webkit-box-flex: 1;
            flex: 1
  }
}

@media screen and (max-width:1199px) {
  .c_list2__desc {
    width: 100%;
    padding-left: 0
  }
}

@media screen and (min-width:1200px) {
  .c_list2__desc .c_list2__descTxt {
    padding-top: 10px
  }
}

@media screen and (max-width:1199px) {
  .c_list2__desc .c_list2__descTxt {
    margin-top: 16px
  }

  .c_list2__desc .c_list2__descTxt:first-of-type {
    margin-top: 6px
  }
}

.c_list2__conftxt {
  padding-top: 15px
}

.c_list2__subtxt {
  margin-top: 10px
}

.c_list3 {
  width: 100%;
  margin-top: 40px
}

.c_list3__item {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 2px dotted #0068b6
}

.c_list3__item:first-child {
  border-top: 2px dotted #0068b6
}

.c_list3__label {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 18px;
  font-weight: 700
}

@media screen and (min-width:769px) {
  .c_list3__label {
    width: 26%
  }
}

.c_list3__desc {
  -webkit-box-flex: 1;
          flex: 1;
  padding-top: 20px;
  padding-bottom: 20px
}

.c_monthlist {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap
}

.c_monthlist__item {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin-top: 15px
}

@media screen and (min-width:769px) {
  .c_monthlist__item {
    width: 50%
  }

  .c_monthlist__item:nth-child(-2n+2) {
    margin-top: 0
  }
}

@media screen and (max-width:768px) {
  .c_monthlist__item {
    width: 100%;
    margin-top: 10px
  }

  .c_monthlist__item:first-child {
    margin-top: 0
  }
}

.c_monthlist__month {
  width: 5em;
  font-weight: 700
}

.c_monthlist__num {
  width: 7em
}

@media screen and (max-width:768px) {
  .c_monthlist p:nth-child(3) {
    margin-left: auto
  }
}

.c_inputlist {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap
}

.c_inputlist__item {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center
}

@media screen and (max-width:768px) {
  .c_inputlist__item {
    width: 100%;
    margin-top: 20px
  }

  .c_inputlist__item:first-child {
    margin-top: 0
  }
}

@media screen and (min-width:769px) {
  .c_inputlist__item {
    width: 50%;
    margin-top: 20px
  }

  .c_inputlist__item:nth-child(-n+2) {
    margin-top: 0
  }
}

.c_inputlist__input {
  margin-right: 10px
}

.c_inputlist__month {
  width: 3em;
  font-weight: 700
}

@media screen and (max-width:1199px) {
  .c_inputlist__month {
    width: 4em
  }
}

.c_inputlist__unit {
  display: block;
  width: 5em;
  text-align: right
}

@media screen and (min-width:769px) {
  .c_inputlist__unit {
    width: auto
  }
}

.c_block_link_list {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
          justify-content: space-between
}

@media screen and (max-width:768px) {
  .c_block_link_list {
    display: block
  }
}

.c_block_link_list .item {
  max-width: 540px;
  margin: 0 0 20px
}

@media screen and (min-width:769px) {
  .c_block_link_list .item {
    width: 49%
  }
}

@media screen and (max-width:768px) {
  .c_block_link_list .item {
    width: 100%
  }

  .c_block_link_list .item:last-child {
    margin: 0
  }
}

.c_block_link_list .item>a {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  width: 100%;
  height: 94px;
  font-size: 20px;
  font-weight: 700;
  color: #0168b6;
  word-break: break-all;
  background: #fff;
  border: 2px solid #ddd;
  border-radius: 10px;
  box-shadow: 0 4px #ddd;
  -webkit-transition: all .3s;
  transition: all .3s
}

@media screen and (min-width:769px) {
  .c_block_link_list .item>a {
    padding: 26px 30px
  }
}

@media screen and (max-width:768px) {
  .c_block_link_list .item>a {
    padding: 30px 24px;
    line-height: 1.2
  }
}

.c_block_link_list .item>a:hover {
  box-shadow: none;
  -webkit-transform: translateY(4px);
          transform: translateY(4px)
}

.c_block_link_list .item figure {
  width: 30px;
  margin-right: 10px
}

@media screen and (max-width:768px) {
  .c_block_link_list .item figure {
    width: 24px
  }
}

@media screen and (min-width:769px) {
  .c_block_link_title {
    width: calc(96% - 30px)
  }
}

@media screen and (max-width:768px) {
  .c_block_link_title {
    width: calc(96% - 24px)
  }
}

.c_inner_link_list {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: center;
          justify-content: center;
  max-width: 1200px;
  padding: 20px 0 0;
  margin: 30px auto;
  background: #fff;
  border-radius: 20px
}

@media screen and (max-width:768px) {
  .c_inner_link_list {
    display: block;
    padding: 20px;
    border-radius: 15px
  }
}

.c_inner_link_list .item {
  width: 33%;
  max-width: 400px;
  margin: 0 0 20px;
  text-align: center;
  border-right: 3px dashed #dcdcdc
}

@media screen and (max-width:768px) {
  .c_inner_link_list .item {
    width: 100%;
    max-width: 100%;
    margin: 0;
    border-right: none;
    border-bottom: 3px dashed #dcdcdc
  }

  .c_inner_link_list .item:last-child {
    border-bottom: none
  }
}

.c_inner_link_list .item:last-child, .c_inner_link_list .item:nth-child(3n) {
  border-right: none
}

.c_inner_link_list .item a {
  position: relative;
  display: block;
  padding: 20px 20px 20px 0;
  margin: 0 30px;
  font-size: 18px;
  font-weight: 700;
  color: #0168b6
}

@media screen and (min-width:769px) {
  .c_inner_link_list .item a {
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out
  }

  .c_inner_link_list .item a:hover {
    opacity: .7
  }
}

@media screen and (max-width:768px) {
  .c_inner_link_list .item a {
    padding: 20px 30px;
    margin: 0
  }
}

.c_inner_link_list .item a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 16px;
  height: 10px;
  margin: auto;
  vertical-align: middle;
  content: "";
  background: url("../images/arrow-down.svg") transparent 0 0 no-repeat;
  background-size: contain
}

.c_inner_link_list._blue {
  background: #edf6fc
}

.c_list_service {
  width: 96%;
  max-width: 1200px;
  margin: auto
}

@media screen and (max-width:768px) {
  .c_list_service {
    width: 100%
  }
}

.c_list_service .item {
  display: block;
  padding: 30px 0;
  margin: 0 20px 0 0;
  text-align: center;
  background: #fff;
  border: solid #dcdcdc;
  border-width: 2px 2px 7px;
  border-radius: 30px
}

.c_list_service .item:last-child {
  margin: 0
}

@media screen and (max-width:768px) {
  .c_list_service .item {
    margin: 0 0 20px
  }
}

.c_list_service .icon {
  display: block;
  margin: 10px auto 30px;
  border: 10px solid #edf6fc;
  border-radius: 50%
}

@media screen and (max-width:768px) {
  .c_list_service .icon {
    width: 100px;
    height: 100px;
    margin: 0 15px 0 0
  }
}

.c_list_service .title {
  font-size: 22px;
  font-weight: 700
}

@media screen and (max-width:768px) {
  .c_list_service .title {
    font-size: 18px
  }
}

.c_list_service._link .item {
  padding: 0;
  background: transparent;
  border: none
}

.c_list_service._link .item .link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 30px 0;
  color: #0168b6;
  background: #fff;
  border: solid #0168b6;
  border-width: 2px 2px 7px;
  border-radius: 30px;
  -webkit-transition: all .3s;
  transition: all .3s
}

@media screen and (max-width:768px) {
  .c_list_service._link .item .link {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    padding: 10px;
    text-align: left;
    border-radius: 10px
  }
}

.c_list_service._link .item .link:hover {
  padding: 32px 0 33px;
  border-width: 2px;
  -webkit-transform: translateY(5px);
          transform: translateY(5px)
}

.c_list_service._col2 {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
          justify-content: space-between
}

@media screen and (max-width:768px) {
  .c_list_service._col2 {
    display: block
  }
}

.c_list_service._col2>.item {
  width: 50%;
  max-width: 510px
}

@media screen and (max-width:768px) {
  .c_list_service._col2>.item {
    width: 100%;
    max-width: 100%
  }
}

.c_list_service._col3 {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
          justify-content: space-between
}

@media screen and (max-width:768px) {
  .c_list_service._col3 {
    display: block
  }
}

.c_list_service._col3>.item {
  width: 33%;
  max-width: 340px
}

@media screen and (max-width:768px) {
  .c_list_service._col3>.item {
    width: 100%;
    max-width: 100%
  }
}

.c_list_service._col4 {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
          justify-content: space-between
}

@media screen and (max-width:768px) {
  .c_list_service._col4 {
    display: block
  }
}

.c_list_service._col4>.item {
  width: 25%;
  max-width: 280px
}

@media screen and (max-width:768px) {
  .c_list_service._col4>.item {
    width: 100%;
    max-width: 100%
  }
}

.c_caption_list {
  counter-reset: caption
}

.c_caption_list .item {
  position: relative;
  padding: 0 0 0 30px;
  margin: 0 0 5px;
  font-size: 14px;
  line-height: 1.5
}

.c_caption_list .item:last-child {
  margin: 0
}

.c_caption_list .item::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "※" counter(caption);
  counter-increment: caption
}

.c_post_list .boxlink {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #fff;
  border: 3px solid #dcdcdc;
  border-radius: 15px;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out
}

.c_post_list .boxlink:hover {
  background-color: #edf6fc
}

.c_post_list .boxlink .thumb {
  display: block
}

.c_post_list .boxlink .thumb img {
  width: 100%
}

.c_post_list .boxlink .title {
  margin: 20px 25px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
  color: #0168b6
}

.c_post_list .boxlink .date {
  margin: 0 25px 20px;
  font-size: 16px;
  color: #dcdcdc;
  text-align: right
}

.c_post_list .boxlink .date .number {
  font-family: Oswald, sans-serif
}

.c_post_list._col2 {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
          justify-content: space-between
}

.c_post_list._col2>.item {
  width: 50%;
  max-width: 400px;
  margin: 0 20px 30px 0
}

@media screen and (max-width:1199px) {
  .c_post_list._col2>.item {
    width: 48%;
    max-width: 100%
  }

  .c_post_list._col2>.item img {
    width: 100%
  }
}

@media screen and (max-width:768px) {
  .c_post_list._col2>.item {
    width: 100%;
    margin: 0 0 30px
  }
}

.c_post_list._col2>.item:nth-child(2n) {
  margin: 0 0 30px
}

.c_post_list._col3 {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
          justify-content: space-between
}

.c_post_list._col3.__centerize {
  max-width: 1200px;
  margin: 0 auto 40px
}

.c_post_list._col3>.item {
  width: 32%;
  max-width: 380px;
  margin: 0 20px 30px 0
}

@media screen and (max-width:1199px) {
  .c_post_list._col3>.item {
    width: 30%;
    max-width: 100%
  }

  .c_post_list._col3>.item img {
    width: 100%
  }
}

@media screen and (max-width:768px) {
  .c_post_list._col3>.item {
    width: 100%;
    margin: 0 0 30px
  }
}

.c_post_list._col3>.item:nth-child(3n) {
  margin: 0 0 30px
}

.c_category_list {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap
}

.c_category_list .item .link {
  display: block;
  margin: 0 15px 10px 0;
  color: #0168b6;
  text-decoration: underline
}

.c_category_list .item .link:hover {
  text-decoration: none
}

.c_category_list .item .link._inpage::after {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 12px;
  height: 8px;
  margin: 0 0 0 10px;
  vertical-align: middle;
  content: "";
  background: url("../images/arrow-down.svg") transparent 0 0 no-repeat;
  background-size: contain
}

.c_category_list .item .link._filled {
  padding: 5px 10px;
  margin: 0 10px 10px 0;
  color: #fff;
  text-decoration: none;
  background: #0168b6;
  border-radius: 2px
}

@media screen and (min-width:769px) {
  .c_category_list .item .link._filled {
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out
  }

  .c_category_list .item .link._filled:hover {
    -webkit-filter: brightness(1.15);
            filter: brightness(1.15)
  }
}

.c_category_list .item .link._filled._inpage::after {
  background: url("../images/arrow-white-down.svg") transparent 0 0 no-repeat
}

.c_category_list._inpost {
  margin: 15px 20px
}

.c_category_list._inpost .item {
  padding: 5px 10px;
  margin: 5px;
  font-size: 14px;
  color: #202020;
  border: 1px solid #202020;
  border-radius: 2px
}

.c_category_list._inpost.__post-title {
  margin: 0
}

.c_category_list._inpost.__post-title .item {
  padding: 5px 30px
}

.c_step_list {
  counter-reset: step
}

.c_step_list .item {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: stretch;
          align-items: stretch;
  padding: 20px 30px;
  margin: 0 0 70px;
  background: #fff;
  border: 2px solid #202020;
  border-radius: 20px
}

@media screen and (max-width:768px) {
  .c_step_list .item {
    display: block;
    padding: 15px;
    margin: 0 0 50px
  }
}

.c_step_list .item::before {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 0 30px 0 0;
  margin: 0 20px 0 0;
  font-family: Oswald, sans-serif;
  font-size: 40px;
  font-weight: 700;
  content: counter(step, decimal-leading-zero);
  counter-increment: step;
  border-right: 3px dashed #dcdcdc
}

@media screen and (max-width:768px) {
  .c_step_list .item::before {
    content: none
  }
}

.c_step_list .item::after {
  position: absolute;
  right: 0;
  bottom: -50px;
  left: 0;
  display: block;
  width: 0;
  height: 0;
  margin: auto;
  content: "";
  border-color: #dcdcdc transparent transparent;
  border-style: solid;
  border-width: 26px 15px 0
}

@media screen and (max-width:768px) {
  .c_step_list .item::after {
    bottom: -35px;
    border-width: 20px 12px 0
  }
}

.c_step_list .item:last-child::after {
  content: none
}

@media screen and (min-width:769px) {
  .c_step_list .item:last-child {
    margin-bottom: 0
  }
}

.c_step_list .item .c_txtIndent {
  color: #000
}

.c_step_list .item .step {
  position: relative
}

.c_step_list .item .step .title {
  margin: 0 0 20px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4
}

.c_step_list .item .step .title._blue {
  color: #0068b6
}

.c_step_list .item .step .title:last-child {
  margin: 0
}

@media screen and (max-width:768px) {
  .c_step_list .item .step .title {
    display: -webkit-box;
    display: flex;
    font-size: 18px
  }
}

.c_step_list .item .step .title .caption {
  display: block;
  margin: 15px 0 0;
  font-size: 14px;
  font-weight: 400
}

@media screen and (max-width:768px) {
  .c_step_list .item .step .title::before {
    display: -webkit-box;
    display: flex;
    padding: 0 10px 0 0;
    margin: 0 10px 0 0;
    font-family: Oswald, sans-serif;
    font-size: 34px;
    font-weight: 700;
    content: counter(step, decimal-leading-zero);
    counter-increment: step;
    border-right: 3px dashed #dcdcdc
  }
}

.c_step_list .item .step._fl_ai_center {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
          align-items: center
}

.c_step_list .item .step._fl_ai_center .title {
  margin: 0
}

@media screen and (max-width:768px) {
  .c_step_list .item .step._fl_ai_center .title {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center
  }
}

.c_step_list .item._customer {
  background: #fffded
}

.c_step_list .item._customer .title .inner::before {
  display: inline-block;
  padding: 5px 10px;
  margin: 0 0 10px;
  font-size: 14px;
  font-weight: 400;
  content: "お客さまのお手続き";
  background: #fee100;
  border: 1px solid #202020;
  border-radius: 3px
}

.c_step_list .item._looop .title .inner::before {
  display: inline-block;
  padding: 6px 12px;
  margin: 0 0 10px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  content: "Ｌｏｏｏｐのお手続き";
  background: #0168b6;
  border-radius: 3px
}

.c_step_list .item._company .title .inner::before {
  display: block;
  min-width: 148px;
  padding: 6px 12px;
  margin: 0 0 10px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  text-align: center;
  content: "電力会社";
  background: #464646;
  border-radius: 3px
}

.c_question_search_box {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  width: 96%;
  max-width: 1200px;
  padding: 25px;
  margin: 0 auto 40px;
  background: #eee;
  border-radius: 20px
}

@media screen and (max-width:768px) {
  .c_question_search_box {
    display: block;
    margin: 0 auto 20px
  }
}

.c_search_query_list {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
          justify-content: center;
  margin: 0 0 20px;
  font-size: 16px
}

@media screen and (max-width:768px) {
  .c_search_query_list {
    -webkit-box-pack: start;
            justify-content: flex-start
  }
}

.c_search_query_list .item {
  margin: 0 10px 10px 0
}

.c_search_query_list .item:last-child {
  margin: 0
}

.c_question_list .item {
  width: 96%;
  max-width: 1200px;
  margin: 0 auto;
  background-color: #fff
}

@media screen and (min-width:769px) {
  .c_question_list .item {
    padding: 10px 30px;
    border: 3px solid #0168b6;
    border-radius: 20px
  }

  .c_question_list .item:nth-child(n+2) {
    margin-top: 20px
  }
}

@media screen and (max-width:768px) {
  .c_question_list .item {
    padding: 20px;
    border: 2px solid #0168b6;
    border-radius: 15px
  }

  .c_question_list .item:nth-child(n+2) {
    margin-top: 10px
  }
}

.c_question_list .item._full-width {
  width: 100%
}

.c_question_list .item .question {
  position: relative;
  display: -webkit-box;
  display: flex;
  font-weight: 700;
  line-height: 1.5;
  cursor: pointer
}

@media screen and (min-width:769px) {
  .c_question_list .item .question {
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out
  }

  .c_question_list .item .question:hover {
    opacity: .7
  }

  .c_question_list .item .question {
    -webkit-box-align: center;
            align-items: center;
    font-size: 18px
  }
}

.c_question_list .item .question .mark {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  font-family: Oswald, sans-serif;
  font-size: 26px;
  color: #fff;
  background-color: #0168b6;
  border-radius: 1000px
}

@media screen and (min-width:769px) {
  .c_question_list .item .question .mark {
    width: 46px;
    height: 46px
  }
}

@media screen and (max-width:768px) {
  .c_question_list .item .question .mark {
    width: 30px;
    height: 30px;
    font-size: 18px
  }
}

.c_question_list .item .question .title {
  width: calc(90% - 46px);
  margin-left: 15px
}

.c_question_list .item .question .arrow {
  position: absolute;
  right: 0;
  display: inline-block;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg)
}

@media screen and (min-width:769px) {
  .c_question_list .item .question .arrow {
    top: 32px;
    width: 20px;
    height: 14px
  }
}

@media screen and (max-width:768px) {
  .c_question_list .item .question .arrow {
    top: 24px;
    width: 16px;
    height: 10px
  }
}

.c_question_list .item .question.is-open .arrow {
  -webkit-transform: rotate(0);
          transform: rotate(0)
}

@media screen and (min-width:769px) {
  .c_question_list .item .question.is-open .arrow {
    top: 8px
  }
}

@media screen and (max-width:768px) {
  .c_question_list .item .question.is-open .arrow {
    top: -4px
  }
}

.c_question_list .item .answer {
  display: none;
  padding: 20px;
  line-height: 1.9;
  background-color: #edf6fc;
  border-radius: 15px
}

@media screen and (min-width:769px) {
  .c_question_list .item .answer {
    margin-top: 26px
  }
}

@media screen and (max-width:768px) {
  .c_question_list .item .answer {
    margin-top: 10px;
    font-size: 12px
  }
}

@media screen and (min-width:769px) {
  .c_question_list .item .answer .note {
    font-size: 14px
  }
}

@media screen and (max-width:768px) {
  .c_question_list .item .answer .note {
    font-size: 12px
  }

  .c_question_list .item ._text16 {
    font-size: 16px
  }
}

.c_side_list1 .item {
  position: relative;
  padding: 15px 0 0;
  margin: 15px 0 0
}

.c_side_list1 .item::before {
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  height: 2px;
  content: "";
  background: #dcdcdc;
  border-radius: 50%
}

.c_side_list._post .item {
  padding: 0 0 20px;
  margin: 0 0 20px;
  border-bottom: 1px solid #dcdcdc
}

.c_side_list._post .item:last-child {
  padding: 0;
  margin: 0;
  border: none
}

.c_side_list._post .item a {
  display: -webkit-box;
  display: flex;
  width: 100%
}

@media screen and (min-width:769px) {
  .c_side_list._post .item a {
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out
  }

  .c_side_list._post .item a:hover {
    opacity: .7
  }
}

.c_side_list._post .item a img {
  margin: 0 10px 0 0;
  border-radius: 3px
}

.c_side_list._post .item a .title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.85
}

.c_side_list._category .cat_title {
  position: relative;
  padding: 20px 0 0 30px;
  margin: 0 0 20px;
  line-height: 1.3;
  border-top: 2px solid #dcdcdc
}

.c_side_list._category .cat_title img {
  position: absolute;
  top: 20px;
  left: 0
}

.c_side_list._category .cat_title:first-child {
  padding: 0 0 0 30px;
  border-top: none
}

.c_side_list._category .cat_title:first-child img {
  position: absolute;
  top: 0;
  left: 0
}

.c_side_list._category .link {
  position: relative;
  display: block;
  margin: 0 0 20px;
  color: #0168b6;
  text-decoration: underline
}

.c_side_list._category .link:hover {
  text-decoration: none
}

.c_side_list._category .link::after {
  position: absolute;
  top: 2px;
  right: 0;
  display: block;
  width: 12px;
  height: 12px;
  margin: 0 0 0 5px;
  content: "";
  background: url("../images/arrow-right.svg") transparent 0 0 no-repeat;
  background-size: contain
}

.c_side_list._category .link:last-child {
  margin: 0
}

.c_table1sp {
  overflow: hidden;
  background: #fff;
  border: 1px solid #0068b6;
  border-radius: 15px
}

@media screen and (min-width:769px) {
  .c_table1sp {
    display: none
  }
}

.c_table1sp__name {
  font-size: 20px;
  font-weight: 700;
  text-align: center
}

.c_table1sp__serialno {
  margin-top: 10px;
  font-size: 16px;
  text-align: center
}

.c_table1sp__item {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 2px dotted #ddd
}

.c_table1sp__label {
  font-weight: 700
}

.c_table1sp__desc .num {
  font-size: 24px
}

.c_table1sp__btn {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center
}

.c_table1__pc {
  width: 100%;
  margin-top: 40px;
  border: 2px solid #0068b6;
  border-radius: 8px
}

@media screen and (max-width:768px) {
  .c_table1__pc {
    display: none
  }
}

.c_table1__th {
  font-weight: 700;
  text-align: center;
  background: #edf6fc
}

.c_table1__td, .c_table1__th {
  padding: 20px 10px;
  border: 1px solid #0068b6
}

.c_table1__td {
  text-align: right;
  vertical-align: middle;
  background: #fff
}

@media screen and (min-width:769px) {
  .p_creditcard__choiceList {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between
  }
}

@media screen and (max-width:768px) {
  .p_creditcard__choiceList {
    width: 100%
  }
}

.p_creditcard__choiceItem {
  margin-right: 10px
}

@media screen and (max-width:768px) {
  .p_creditcard__choiceItem {
    width: 100%
  }
}

.p_creditcard__choiceItem::after {
  position: absolute;
  top: 20px;
  right: 10px;
  content: "";
  border: 8px solid transparent;
  border-top: 12px solid #202020
}

@media screen and (max-width:768px) {
  .p_creditcard__choiceItem::after {
    top: 30px;
    right: 10px
  }
}

.p_creditcard__choice {
  width: 180px;
  height: 50px;
  padding: 5px 8px;
  border: 1px solid #202020;
  border-radius: 5px
}

@media screen and (max-width:768px) {
  .p_creditcard__choice {
    width: 100%;
    height: 50px;
    margin: 10px 0;
    border-radius: 8px
  }
}

.js_cbToNextBtn {
  pointer-events: none;
  opacity: 1!important
}

.js_cbToNextBtn.active {
  pointer-events: auto
}

.js_cbToNextBtn:not(.active) {
  background: #999;
  box-shadow: 0 4px 0 #202020
}

._base-select__button {
  width: 376px
}

@media screen and (max-width:768px) {
  .p_ev-apply__button {
    width: 100%;
    max-width: 344px
  }

  .p_invoice_dlBtnwrap {
    width: 100%;
    max-width: 380px
  }
}

.u_seciritycode {
  position: relative;
  display: inline-block;
  margin-left: 10px
}

.u_seciritycode__icon {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 22px;
  height: 22px;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  cursor: pointer;
  content: "å¿…é ˆ";
  background-color: #999;
  border-radius: 11px
}

.u_seciritycode__icon:hover+.u_seciritycode__hover {
  position: absolute;
  right: -290px;
  bottom: 40px;
  display: block;
  width: 390px
}

.u_seciritycode__spdisp {
  position: absolute;
  top: -240px;
  left: 0;
  z-index: 1;
  display: none
}

.u_seciritycode__spdisp.active {
  display: block
}

.u_seciritycode__hover {
  display: none
}

.c_dotlist {
  margin-top: 15px
}

.c_dotlist__item {
  position: relative;
  margin-left: 1em;
  line-height: 1.9
}

.c_dotlist__item::before {
  position: absolute;
  top: .7em;
  left: -1em;
  display: inline-block;
  width: 8px;
  height: 8px;
  content: "";
  background-color: #0068b6;
  border-radius: 1000px
}

@media screen and (min-width:769px) {
  .o_radio__list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap
  }
}

.o_radio__list .o_radio__item {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  min-height: 36px;
  margin-right: 20px
}

@media screen and (max-width:768px) {
  .o_radio__list .o_radio__item {
    width: 100%;
    min-height: 36px
  }

  .o_radio__list .o_radio__item:last-child {
    margin-bottom: 0
  }
}

.o_radio__list .o_radio__item label {
  cursor: pointer
}

.o_radio__list .o_radio__item label>input {
  display: block;
  width: 0;
  height: 0
}

.o_radio__list .o_radio__item label>input[type="radio"] {
  display: none
}

.o_radio__list .o_radio__item label>input:checked+span::after {
  position: absolute;
  top: 8px;
  left: -25px;
  display: block;
  width: 11px;
  height: 11px;
  content: "";
  background: #0068b6;
  border-radius: 50%
}

.o_radio__list .o_radio__item label>input.error+span::before {
  background: #fbded7!important
}

.o_radio__list .o_radio__item label>span {
  position: relative;
  display: block;
  margin-left: 30px;
  line-height: 1.8
}

.o_radio__list .o_radio__item label>span::before {
  position: absolute;
  top: 3px;
  left: -30px;
  display: block;
  width: 21px;
  height: 21px;
  content: "";
  border: 1px solid #202020;
  border-radius: 50%
}

.c_formColitems {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap
}

@media screen and (max-width:1199px) {
  .c_formColitems {
    width: 100%
  }
}

.c_formColitems__item {
  margin-right: 15px
}

.c_formColitems__item:last-child {
  margin-right: 0
}

@media screen and (max-width:768px) {
  .c_formColitems__item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px
  }

  .c_formColitems__item._col {
    width: auto;
    margin-right: 10px
  }

  .c_formColitems__item._sp2col {
    width: 49%;
    margin-bottom: 0
  }

  .c_formColitems__item._sp2col:nth-child(odd) {
    margin-right: 2%
  }
}

.u_select._half {
  width: 180px;
  max-width: 100%
}

@media screen and (max-width:768px) {
  .u_select._half {
    width: 100%;
    padding-bottom: 10px
  }

  .u_select._half:last-child {
    padding-bottom: 0
  }
}

.u_select._short2 {
  width: 160px;
  height: 56px
}

@media screen and (max-width:768px) {
  .u_select._short2 {
    width: 100%
  }
}

@media screen and (min-width:769px) {
  .u_cal {
    width: 180px
  }
}

.u_cal__item {
  width: 100%;
  height: 54px;
  border: 1px solid #202020;
  border-radius: 8px
}

@media screen and (min-width:769px) {
  .u_cal__item {
    padding: 0 20px
  }
}

@media screen and (max-width:768px) {
  .u_cal__item {
    padding: 0 14px
  }
}

.u_cal__item:-moz-placeholder-shown {
  color: #ddd
}

.u_cal__item:placeholder-shown {
  color: #ddd
}

.u_cal__item:-moz-placeholder-shown {
  color: #ddd
}

.u_cal__item:placeholder-shown {
  color: #ddd
}

.u_cal__item::input-placeholder {
  color: #ddd
}

.u_cal__item::-webkit-input-placeholder {
  color: #ddd;
  opacity: 1
}

.u_cal__item::-moz-placeholder {
  color: #ddd;
  opacity: 1
}

.u_cal__item:placeholder, .u_cal__item::placeholder {
  color: #ddd;
  opacity: 1
}

.u_cal__item:input-placeholder {
  color: #ddd
}

@media screen and (min-width:769px) {
  .p_mypage_agreeBlock {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center
  }
}

@media screen and (max-width:768px) {
  .p_mypage_agreeBlock {
    flex-wrap: wrap;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center
  }
}

.p_mypage_agreeBlock .p_mypage_agreeLink {
  width: 380px;
  padding: 20px 28px;
  margin: 0 15px;
  border: 2px solid #ddd;
  border-radius: 20px;
  box-shadow: 0 4px #ddd;
  -webkit-transition: .3s;
  transition: .3s
}

@media screen and (min-width:769px) {
  .p_mypage_agreeBlock .p_mypage_agreeLink {
    min-height: 366px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_agreeBlock .p_mypage_agreeLink {
    margin: 0 20px
  }
}

.p_mypage_agreeBlock .p_mypage_agreeLink:hover {
  box-shadow: none;
  -webkit-transform: translateY(4px);
          transform: translateY(4px)
}

@media screen and (max-width:768px) {
  .p_mypage_agreeBlock .p_mypage_agreeLink {
    width: 100%;
    height: auto;
    height: unset;
    padding: 20px 25px;
    margin-bottom: 24px;
    overflow: hidden
  }

  .p_mypage_agreeBlock .p_mypage_agreeLink:last-of-type {
    margin-bottom: 0
  }
}

.p_mypage_agreeBlock .p_mypage_agreeLink .p_mypage_agreeHead {
  margin: 20px 0 10px;
  font-size: 24px;
  color: #0068b6;
  text-align: center
}

.p_mypage_agreeBlock .p_mypage_agreeLink .p_mypage_agreeIconWrap {
  display: -webkit-box;
  display: flex;
  justify-items: center;
  width: 160px;
  height: 160px;
  margin: 0 auto;
  border: 10px solid #edf6fc;
  border-radius: 50%
}

@media screen and (max-width:768px) {
  .p_mypage_agreeBlock .p_mypage_agreeLink .p_mypage_agreeIconWrap {
    width: 140px;
    height: 140px
  }
}

.p_mypage_agreeBlock .p_mypage_agreeLink .p_mypage_agreeIconWrap .p_mypage_agreeIcon {
  align-self: center;
  width: 50%;
  margin: 0 auto;
  -o-object-fit: contain;
     object-fit: contain
}

.p_mypage_agreeBlock .p_mypage_agreeLink .p_mypage_agreeText {
  line-height: 1.8
}

.c_tab {
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  max-width: 100%;
  height: 50px;
  font-size: 16px;
  border-radius: 8px
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_tab {
    margin: 0 auto 20px
  }
}

@media screen and (max-width:768px) {
  .c_tab {
    width: 100%
  }
}

.c_tab .c_tabItem {
  width: 50%;
  padding: 12px;
  font-weight: 700;
  color: #999;
  text-align: center;
  background-color: #fff
}

@media screen and (min-width:769px) {
  .c_tab .c_tabItem {
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out
  }

  .c_tab .c_tabItem:hover {
    opacity: .7
  }
}

.c_tab .c_tabItem._left {
  position: relative;
  border-top: 2px solid #999;
  border-bottom: 2px solid #999;
  border-left: 2px solid #999;
  border-radius: 8px 0 0 8px
}

.c_tab .c_tabItem._left::before {
  position: absolute;
  width: 20px;
  height: 20px;
  margin-left: -56px;
  content: "";
  background: url("../images/ico_denki.svg");
  background-repeat: no-repeat;
  background-size: contain
}

@media screen and (min-width:1200px) {
  .c_tab .c_tabItem._left::before {
    left: 20px;
    margin-left: 0
  }
}

.c_tab .c_tabItem._right {
  position: relative;
  color: #999;
  border-top: 2px solid #999;
  border-right: 2px solid #999;
  border-bottom: 2px solid #999;
  border-radius: 0 8px 8px 0
}

.c_tab .c_tabItem._right::before {
  position: absolute;
  width: 20px;
  height: 20px;
  margin-left: -48px;
  content: "";
  background: url("../images/ico_gas.svg");
  background-repeat: no-repeat;
  background-size: contain
}

@media screen and (min-width:1200px) {
  .c_tab .c_tabItem._right::before {
    left: 30px;
    margin-left: 0
  }
}

.c_tab .c_tabItem .p_agree_switchTxt {
  display: block;
  margin-left: 30px
}

.c_tab .c_tabItem.active {
  color: #fff;
  background-color: #0068b6;
  border: 2px solid #0068b6
}

.c_tab .c_tabItem.active._right::before {
  background: url("../images/ico_gas_active.svg");
  background-repeat: no-repeat;
  background-size: contain
}

.c_tab .c_tabItem.active._left::before {
  background: url("../images/ico_denki_active.svg");
  background-repeat: no-repeat;
  background-size: contain
}

.c_tab .c_tabIco {
  vertical-align: middle
}

.c_breadcrumb {
  flex-wrap: wrap;
  -webkit-box-align: center;
          align-items: center;
  max-width: 1820px;
  padding-bottom: 10px;
  padding-left: 15px;
  margin: 0 auto
}

@media screen and (max-width:768px) {
  .c_breadcrumb {
    flex-wrap: nowrap;
    overflow-x: scroll;
    white-space: nowrap
  }
}

.c_breadcrumb._narrow {
  max-width: 1200px
}

.c_breadcrumb_item {
  margin-top: 10px;
  color: #202020
}

.c_breadcrumb_item:nth-child(n+2) {
  position: relative
}

.c_breadcrumb_item::after {
  position: absolute;
  content: ">"
}

@media screen and (min-width:769px) {
  .c_breadcrumb_item {
    font-size: 14px
  }

  .c_breadcrumb_item:nth-child(n+2) {
    margin-left: 40px
  }

  .c_breadcrumb_item::after {
    left: -24px
  }
}

@media screen and (max-width:768px) {
  .c_breadcrumb_item {
    font-size: 12px
  }

  .c_breadcrumb_item:nth-child(n+2) {
    margin-left: 26px
  }

  .c_breadcrumb_item::after {
    left: -16px
  }
}

.c_breadcrumb_item__link {
  color: #0068b6;
  text-decoration: underline
}

.c_breadcrumb_item__link:hover {
  text-decoration: none
}

.c_heading1__subtext {
  padding: 0 0 30px;
  font-size: 14px;
  line-height: 1.7;
  text-align: center
}

@media screen and (max-width:768px) {
  .c_heading1__subtext {
    text-align: left
  }
}

.c_heading1__subtitle {
  padding-bottom: 40px;
  line-height: 1.875;
  text-align: center
}

@media screen and (max-width:768px) {
  .c_heading1__subtitle {
    text-align: left
  }

  .c_heading1__subtitle.__txtCenter {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    text-align: unset
  }

  .c_heading1__subtitle._sp_space {
    padding: 0 15px 20px
  }
}

.c_heading1__subtitle._line_h {
  line-height: normal
}

.c_thanks_btnWrap {
  border-top: 2px solid #ddd
}

@media screen and (max-width:768px) {
  .c_thanks_btnWrap {
    padding-top: 30px
  }
}

.account_form_file {
  box-sizing: border-box;
  width: 300px;
  max-width: 100%;
  padding: 12px 80px;
  font-size: 16px;
  line-height: 1.8;
  color: #0068b6;
  border: 2px solid #0068b6;
  border-radius: 8px
}

@media screen and (max-width:768px) {
  .account_form_file {
    width: 100%;
    margin: 10px 0 0;
    text-align: center
  }
}

.account_form_file .p_mypage_fileClip {
  width: auto;
  height: 16px;
  margin: 4px 0;
  -o-object-fit: cover;
     object-fit: cover
}

.c_gasloader .loader__navPC {
  width: 879px;
  padding-bottom: 20px;
  margin: 0 auto
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_gasloader .loader__navPC {
    width: 100%;
    padding-right: 5px;
    padding-left: 5px
  }
}

@media screen and (max-width:768px) {
  .c_gasloader .loader__navPC {
    width: 178px;
    height: 0;
    padding-bottom: 0;
    visibility: hidden
  }
}

.c_gasloader .loader__navPC__img {
  width: 756px;
  margin: 0 61px
}

@media screen and (max-width:768px) {
  .c_gasloader .loader__navPC__img {
    width: 281px;
    margin: 0
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_gasloader .loader__navPC__img {
    display: block;
    width: auto;
    margin: 0 auto
  }
}

.c_gasloader .loader__navPC__list {
  -webkit-box-pack: end;
          justify-content: flex-end;
  margin-top: 5px;
  text-align: center
}

.c_gasloader .loader__navPC__item {
  width: 160px;
  margin-right: 18px;
  font-size: 14px;
  font-weight: 700
}

.c_gasloader .loader__navPC__item._blue {
  color: #0168b6
}

.c_gasloader .loader__navPC__item._gray {
  color: #999
}

.c_gasloader .loader__navPC__item:last-child {
  margin-right: 0
}

.c_gasloader .loader__navSP {
  height: 0;
  visibility: hidden
}

@media screen and (max-width:768px) {
  .c_gasloader .loader__navSP {
    width: 296px;
    padding-bottom: 50px;
    margin: 0 auto 10px;
    visibility: unset
  }
}

.c_gasloader .loader__navSP__img {
  width: 281px;
  margin: 0
}

.c_gasloader .loader__navSP__list {
  margin-top: 5px;
  text-align: center
}

@media screen and (max-width:768px) {
  .c_gasloader .loader__navSP__list {
    -webkit-box-pack: end;
            justify-content: flex-end;
    height: 20px
  }
}

.c_gasloader .loader__navSP__list._center {
  -webkit-box-pack: center;
          justify-content: center
}

.c_gasloader .loader__navSP__item {
  width: 50px;
  margin-right: 14px;
  font-size: 14px;
  font-weight: 700
}

@media screen and (max-width:768px) {
  .c_gasloader .loader__navSP__item {
    margin-right: 14px
  }
}

.c_gasloader .loader__navSP__item._gray {
  color: #999
}

.c_gasloader .loader__navSP__item._blue {
  color: #0168b6
}

@media screen and (max-width:768px) {
  .c_gasloader .loader__navSP__item:first-child {
    text-align: left
  }
}

.c_gasloader .loader__navSP__item:last-child {
  margin-right: 0
}

.c_gasloader .loader__subtitle {
  max-width: 950px;
  padding: 20px 50px 30px;
  margin: 0 auto;
  font-size: 24px;
  line-height: 1;
  text-align: center;
  border-top: 1px solid #dcdcdc
}

@media screen and (max-width:768px) {
  .c_gasloader .loader__subtitle {
    width: auto;
    padding: 15px 15px 18px;
    font-size: 18px
  }
}

.c_gasloader .loader__read {
  margin-top: 30px;
  font-size: 16px;
  line-height: 1.875
}

@media screen and (max-width:768px) {
  .c_gasloader .loader__read {
    margin-top: 10px;
    text-align: left
  }
}

.p_mypage_contactWrap {
  width: 100%;
  padding: 20px 0;
  margin-top: 30px;
  background-color: #f5f5f5;
  border-radius: 10px
}

@media screen and (max-width:768px) {
  .p_mypage_contactWrap {
    background-color: #fff;
    border: 2px solid #ddd;
    box-shadow: 0 4px 0 #ddd
  }
}

.p_mypage_contactWrap .p_mypage_contactTxtWrap .p_mypage_contactTxt {
  font-size: 16px;
  line-height: 1.8
}

@media screen and (max-width:768px) {
  .p_mypage_contactWrap .p_mypage_contactTxtWrap .p_mypage_contactTxt {
    margin-right: 10px;
    font-size: 20px;
    font-weight: 700;
    color: #0068b6
  }
}

.p_mypage_contactWrap .p_mypage_contactTxtWrap .p_mypage_contactTime {
  font-size: 12px;
  line-height: 1.8
}

@media screen and (max-width:768px) {
  .p_mypage_contactWrap .p_mypage_contactTxtWrap .p_mypage_contactTime {
    font-size: 11px;
    font-weight: 700;
    color: #0068b6
  }
}

.p_mypage_contactWrap .p_mypage_contactTelWrap {
  margin-left: 10px
}

@media screen and (max-width:768px) {
  .p_mypage_contactWrap .p_mypage_contactTelWrap {
    margin-top: 12px;
    margin-left: 0
  }
}

.p_mypage_contactWrap .p_mypage_contactTelWrap .p_mypage_contactIconWrap {
  width: 30px;
  margin-right: 5px
}

.p_mypage_contactWrap .p_mypage_contactTelWrap .p_mypage_contactIconImage {
  width: auto;
  margin-right: 6px;
  -o-object-fit: cover;
     object-fit: cover
}

.p_mypage_contactWrap .p_mypage_contactTelWrap .p_mypage_contactTel {
  font-size: 32px;
  color: #0068b6
}

.u_select2 {
  position: relative;
  width: 100%;
  max-width: 420px;
  overflow: auto
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_select2 {
    max-width: 100%
  }
}

@media screen and (max-width:768px) {
  .u_select2 {
    width: 100%
  }
}

.u_select2.p_invoice_selectMax {
  overflow: inherit
}

.u_select2__box {
  width: 100%;
  height: 70px;
  padding: 0 40px 0 20px;
  border: 1px solid #202020;
  border-radius: 8px
}

@media screen and (max-width:768px) {
  .u_select2__box {
    width: 100%
  }
}

.u_select2__box.error {
  background: #fbded7!important
}

.u_select2._small {
  max-width: 285px;
  height: 56px;
  background: #fff
}

@media screen and (max-width:768px) {
  .u_select2._small {
    width: 100%;
    max-width: 100%
  }
}

.u_select2._small .u_select2__box {
  height: 56px
}

.u_select2::after {
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  width: 8px;
  height: 8px;
  pointer-events: none;
  content: "";
  border-right: 1px solid #202020;
  border-bottom: 1px solid #202020;
  -webkit-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%)
}

@media screen and (max-width:768px) {
  .u_select2::after {
    right: 20px
  }

  .u_select2 {
    margin-right: 0
  }
}

.u_select2._radius {
  border-radius: 8px
}

.c_contactbox {
  display: block;
  flex-wrap: wrap;
  padding: 20px 0;
  margin: 30px 0 0;
  pointer-events: none;
  background-color: #f5f5f5;
  border-radius: 10px
}

@media screen and (max-width:768px) {
  .c_contactbox {
    pointer-events: auto
  }
}

.c_contactbox._white {
  background: #fff
}

@media screen and (max-width:768px) {
  .c_contactbox {
    max-width: 100%;
    margin: 20px 0;
    background-color: #fff;
    border: 2px solid #ddd;
    box-shadow: 0 4px 0 #ddd
  }

  .c_contactbox .p_mypage_contactTime, .c_contactbox .p_mypage_contactTxt {
    font-weight: 700;
    color: #0068b6
  }
}

@media screen and (max-width:1199px) {
  .c_contactbox__TxtWrap {
    text-align: center
  }
}

.c_contactbox__Txt {
  margin-right: 10px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  color: #202020
}

@media screen and (max-width:768px) {
  .c_contactbox__Txt {
    font-size: 16px;
    color: #0168b6
  }
}

.c_contactbox__Txt._large {
  font-size: 24px
}

@media screen and (max-width:768px) {
  .c_contactbox__Txt._large {
    font-size: 20px
  }
}

.c_contactbox__Time {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.8;
  color: #202020
}

@media screen and (max-width:768px) {
  .c_contactbox__Time {
    font-size: 11px;
    color: #0168b6
  }

  .c_contactbox__TelWrap {
    margin-top: 0
  }
}

.c_contactbox__TelWrap .p_mypage_contactIconWrap {
  width: 30px;
  margin-right: 5px
}

.c_contactbox__TelWrap .p_mypage_contactIconWrap._large {
  width: 40px;
  margin-right: 10px;
  margin-left: 40px
}

@media screen and (max-width:768px) {
  .c_contactbox__TelWrap .p_mypage_contactIconWrap._large {
    width: 26px;
    margin-left: 0
  }
}

.c_contactbox__TelWrap .p_mypage_contactIconWrap._large img {
  width: 40px
}

@media screen and (max-width:768px) {
  .c_contactbox__TelWrap .p_mypage_contactIconWrap._large img {
    width: 26px
  }
}

.c_contactbox__IconImage {
  width: auto;
  margin-right: 6px;
  -o-object-fit: cover;
     object-fit: cover
}

.c_contactbox__Tel {
  font-family: Oswald, sans-serif;
  font-size: 32px;
  font-weight: 700;
  color: #0068b6
}

.c_contactbox__Tel._large {
  font-size: 50px
}

@media screen and (max-width:768px) {
  .c_contactbox__Tel._large {
    margin: 20px 0 10px;
    font-size: 32px
  }
}

.c_contactbox__Tel .caption {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #202020;
  text-align: center
}

.c_contactbox .caption_sp {
  font-size: 11px;
  font-weight: 700;
  color: #0168b6;
  text-align: center
}

.c_contactbox__Caution {
  width: 100%;
  margin-top: 10px;
  text-align: center
}

.c_contactbox__Caution .txt {
  font-size: 12px
}

.c_contactbox__Caution .txt::before {
  margin-right: .2em;
  content: "※"
}

.c_contactbox__HeadEnd {
  padding: 0 0 15px;
  margin: 0 0 15px;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  border-bottom: 3px dashed #dcdcdc
}

@media screen and (max-width:768px) {
  .c_contactbox__HeadEnd {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.875
  }
}

.u_sidespread {
  width: 100%;
  padding-bottom: 30px;
  border-bottom: 2px dashed #707070
}

@media screen and (min-width:769px) {
  .u_sidespread {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
            justify-content: space-between
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_sidespread__inner {
    width: 100%
  }
}

@media screen and (max-width:768px) {
  .u_sidespread__inner {
    margin-top: 20px
  }

  .u_sidespread__inner:first-child {
    margin-top: 0
  }
}

.u_sidebyside {
  width: 100%
}

@media screen and (min-width:769px) {
  .u_sidebyside {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
            align-items: center
  }

  .u_sidebyside._spread {
    -webkit-box-pack: justify;
            justify-content: space-between
  }
}

.u_sidebyside._border {
  padding-bottom: 20px;
  border-bottom: 2px dashed #707070
}

@media screen and (min-width:769px) {
  .u_sidebyside__inner {
    margin-top: 10px;
    margin-right: 20px
  }
}

@media screen and (max-width:768px) {
  .u_sidebyside__inner {
    margin-top: 20px
  }

  .u_sidebyside__inner:first-child {
    margin-top: 0
  }
}

.u_sidebyside__inner._base {
  align-self: flex-end;
  padding-bottom: 10px
}

@media screen and (max-width:768px) {
  .u_sidebyside__inner._base {
    padding-right: 1em;
    text-align: right
  }
}

.p_mypage_agrGas {
  max-width: 1200px;
  margin: 0 auto
}

@media screen and (max-width:1199px) {
  .p_mypage_agrGas {
    padding: 0 15px
  }
}

.p_mypage_agrGas__Wrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  width: 100%;
  border-bottom: 2px dashed #707070
}

@media screen and (min-width:1200px) {
  .p_mypage_agrGas__Wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
            flex-direction: row-reverse;
    padding-bottom: 30px
  }
}

@media screen and (max-width:1199px) {
  .p_mypage_agrGas__Wrap {
    flex-wrap: wrap;
    padding-bottom: 20px
  }
}

.p_mypage_agrGas .p_agreement_list__switchGroup {
  width: 100%
}

.p_mypage_agrGas .p_mypage_accountTable {
  width: 100%;
  max-width: 1200px
}

@media screen and (max-width:1199px) {
  .p_mypage_agrGas .p_mypage_accountTable {
    max-width: 768px
  }
}

.p_mypage_agrGas .p_mypage_accountTable .account_table {
  width: 100%
}

@media screen and (max-width:1199px) {
  .p_mypage_agrGas .c_btn_wrap {
    width: 100%
  }
}

.p_mypage_agrGas .c_gray_button_min {
  width: 380px;
  margin-top: 40px
}

@media screen and (max-width:768px) {
  .p_mypage_agrGas .c_gray_button_min {
    width: 100%;
    height: auto;
    padding: 16px 20px 16px 40px;
    text-align: center
  }
}

.c_media {
  overflow: hidden;
  background: #fff;
  border-radius: 20px;
  -webkit-transition: .3s;
  transition: .3s
}

@media screen and (min-width:1200px) {
  .c_media {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    width: 286px;
    max-width: 100%;
    height: 350px;
    border: 3px solid #dcdcdc;
    box-shadow: 0 4px #ddd
  }

  .c_media:hover {
    box-shadow: none;
    opacity: 1;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: translateY(4px);
            transform: translateY(4px)
  }
}

@media screen and (max-width:1199px) {
  .c_media {
    -webkit-box-pack: justify;
            justify-content: space-between;
    padding: 15px;
    border: 2px solid #dcdcdc;
    border-radius: 10px;
    box-shadow: 0 3px #ddd
  }

  .c_media:hover {
    box-shadow: none;
    opacity: 1;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: translateY(3px);
            transform: translateY(3px)
  }
}

.c_media__imageWrap {
  overflow: hidden
}

@media screen and (min-width:1200px) {
  .c_media__imageWrap {
    height: 160px
  }
}

@media screen and (max-width:1199px) {
  .c_media__imageWrap {
    width: 100px;
    height: 100px;
    margin-right: 20px;
    overflow: hidden;
    border-radius: 5px
  }
}

.c_media__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover
}

@media screen and (min-width:1200px) {
  .c_media__image {
    width: 100%
  }
}

.c_media__iconWrap {
  position: relative;
  background-color: #edf6fc;
  border-radius: 1000px
}

@media screen and (min-width:1200px) {
  .c_media__iconWrap {
    width: 130px;
    height: 130px;
    margin: 20px auto 0
  }
}

@media screen and (max-width:1199px) {
  .c_media__iconWrap {
    width: 100px;
    height: 100px
  }
}

.c_media__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%)
}

@media screen and (min-width:1200px) {
  .c_media__description {
    padding: 18px
  }
}

@media screen and (max-width:1199px) {
  .c_media__description {
    width: calc(98% - 100px)
  }
}

.c_media__title {
  color: #0168b6
}

@media screen and (min-width:1200px) {
  .c_media__title {
    -webkit-box-pack: center;
            justify-content: center;
    font-size: 24px
  }
}

@media screen and (max-width:1199px) {
  .c_media__title {
    font-size: 18px
  }
}

.c_media__text {
  line-height: 1.9
}

@media screen and (min-width:1200px) {
  .c_media__text {
    margin-top: 20px
  }
}

@media screen and (max-width:1199px) {
  .c_media__text {
    margin-top: 12px;
    font-size: 16px
  }
}

.c_media__list {
  margin-top: 24px
}

.c_media__list._left {
  -webkit-box-pack: left;
          justify-content: left
}

@media screen and (min-width:1200px) {
  .c_media__list .c_media__listitem {
    width: 23.5%;
    margin-right: 2%
  }

  .c_media__list .c_media__listitem:nth-child(4n+4) {
    margin-right: 0
  }

  .c_media__list .c_media__listitem:nth-child(n+5) {
    margin-top: 36px
  }

  .c_media__list .c_media__listitem:last-child {
    margin-right: 0
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_media__list .c_media__listitem {
    max-width: 700px;
    margin-top: 24px
  }
}

@media screen and (max-width:768px) {
  .c_media__list .c_media__listitem {
    width: 100%;
    margin-top: 24px
  }
}

@media screen and (min-width:769px) {
  .c_media__list {
    flex-wrap: wrap;
    -webkit-box-pack: center;
            justify-content: center
  }
}

.u_upload {
  position: relative;
  width: 100%;
  max-width: 300px;
  height: 54px;
  cursor: pointer
}

.u_upload .u_uploadbtn__btninr {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center
}

@media screen and (min-width:769px) {
  .u_upload .u_uploadbtn__btninr {
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out
  }

  .u_upload .u_uploadbtn__btninr:hover {
    opacity: .7
  }
}

.u_upload .u_uploadbtn__btninr::before {
  position: absolute;
  left: 80px;
  display: block;
  width: 15px;
  height: 16px;
  margin-right: 10px;
  content: "";
  background: url("/assets/images/clip.png") no-repeat 50%/contain
}

.u_upload .u_uploadbtn__btninr::before, .u_upload .u_uploadbtn__btninr::before _:-ms-lang(x)::-ms-backdrop {
  top: 18px
}

.u_upload .u_upload__btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #0068b6;
  border-radius: 8px
}

.u_upload #filename, .u_upload #meter_reading_slip_receipted_status {
  height: 54px;
  font-weight: 700;
  color: #0068b6;
  text-align: center;
  background: none;
  border: none;
  box-shadow: none
}

@media screen and (min-width:1200px) {
  .u_upload #filename, .u_upload #meter_reading_slip_receipted_status {
    width: 100%
  }
}

.u_upload #filename:-moz-placeholder-shown, .u_upload #meter_reading_slip_receipted_status:-moz-placeholder-shown {
  color: #0068b6
}

.u_upload #filename:placeholder-shown, .u_upload #meter_reading_slip_receipted_status:placeholder-shown {
  color: #0068b6
}

.u_upload #filename:-moz-placeholder-shown, .u_upload #meter_reading_slip_receipted_status:-moz-placeholder-shown {
  color: #0068b6
}

.u_upload #filename:placeholder-shown, .u_upload #meter_reading_slip_receipted_status:placeholder-shown {
  color: #0068b6
}

.u_upload #filename::input-placeholder, .u_upload #meter_reading_slip_receipted_status::input-placeholder {
  color: #0068b6
}

.u_upload #filename::-webkit-input-placeholder, .u_upload #meter_reading_slip_receipted_status::-webkit-input-placeholder {
  color: #0068b6;
  opacity: 1
}

.u_upload #filename::-moz-placeholder, .u_upload #meter_reading_slip_receipted_status::-moz-placeholder {
  color: #0068b6;
  opacity: 1
}

.u_upload #filename:placeholder, .u_upload #filename::placeholder, .u_upload #meter_reading_slip_receipted_status:placeholder, .u_upload #meter_reading_slip_receipted_status::placeholder {
  color: #0068b6;
  opacity: 1
}

.u_upload #filename:input-placeholder, .u_upload #meter_reading_slip_receipted_status:input-placeholder {
  color: #0068b6
}

.u_upload #files {
  width: 0;
  opacity: 0
}

.p_mypage_plusToggleWrap {
  padding: 0;
  margin-top: 20px;
  background: #fff;
  border: 2px solid #0068b6;
  border-radius: 10px
}

.p_mypage_plusToggle {
  position: relative;
  width: 100%;
  padding: 20px;
  cursor: pointer;
  background-color: #fff;
  border-radius: 10px
}

@media screen and (min-width:1200px) {
  .p_mypage_plusToggle {
    padding: 20px 30px
  }
}

@media screen and (min-width:769px) {
  .p_mypage_plusToggle::after {
    right: 30px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_plusToggle::after {
    right: 15px
  }
}

.p_mypage_plusToggle::after {
  position: absolute;
  top: 26px;
  display: inline-block;
  width: 16px;
  height: 11px;
  content: "";
  background-image: url("../images/blue-toggle.png");
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg)
}

.p_mypage_plusToggle.active::after {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg)
}

.p_mypage_plusToggleTxt {
  padding-right: 40px;
  line-height: 1.5;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out
}

.p_mypage_plusToggleTxt:hover {
  opacity: .7
}

.p_mypage_plusToggleDesc {
  display: none;
  padding: 0 20px 30px;
  font-size: 14px;
  font-weight: 400
}

.p_mypage_plusToggleDesc__img {
  text-align: center
}

@media screen and (min-width:769px) {
  .p_mypage_plusToggleDesc__img .sp {
    display: none
  }
}

@media screen and (max-width:768px) {
  .p_mypage_plusToggleDesc__img .pc {
    display: none
  }
}

.c_area_check {
  max-width: 1200px;
  margin: auto;
  overflow: hidden;
  border: 6px solid #0168b6;
  border-radius: 30px
}

@media screen and (max-width:768px) {
  .c_area_check {
    border: 3px solid #0168b6;
    border-radius: 15px
  }
}

.c_area_check_form_postaddress {
  display: inline-block;
  margin: 0 15px 0 0;
  font-size: 25px;
  font-weight: 700;
  color: #fff;
  vertical-align: middle
}

.c_area_check .head {
  position: relative;
  padding: 40px 0;
  text-align: center;
  background: #0168b6
}

@media screen and (max-width:768px) {
  .c_area_check .head {
    padding: 20px 20px 30px
  }
}

.c_area_check .head::after {
  position: absolute;
  right: 0;
  bottom: -40px;
  left: 0;
  width: 0;
  height: 0;
  margin: auto;
  content: "";
  border-color: #0168b6 transparent transparent;
  border-style: solid;
  border-width: 40px 25px 0
}

.c_area_check .head .title {
  margin: 0 0 30px;
  font-size: 30px;
  font-weight: 700;
  color: #fff
}

@media screen and (max-width:768px) {
  .c_area_check .head .title {
    margin: 0 0 20px;
    font-size: 22px;
    line-height: 1.5
  }
}

.c_area_check .head .form input {
  width: 255px;
  padding: 20px;
  font-size: 18px;
  text-align: left;
  border: 2px solid #dcdcdc;
  border-radius: 8px
}

@media screen and (max-width:768px) {
  .c_area_check .head .form input {
    width: 80%
  }
}

@media (-ms-high-contrast:none) {
  .c_area_check .head .form input {
    padding: 0 20px
  }
}

.c_area_check .head .form button {
  display: inline-block;
  padding: 10px 45px 12px;
  margin: 0 0 0 20px;
  font-size: 16px;
  font-weight: 700;
  color: #0168b6;
  background: #fff;
  border: solid #dcdcdc;
  border-width: 2px 2px 6px;
  border-radius: 30px;
  -webkit-transition: all .3s;
  transition: all .3s
}

@media screen and (max-width:768px) {
  .c_area_check .head .form button {
    width: 100%;
    margin: 20px 0 0
  }
}

.c_area_check .head .form button:hover {
  padding: 12px 45px 14px;
  border-width: 2px;
  -webkit-transform: translateY(4px);
          transform: translateY(4px)
}

.c_area_check .head .form button img {
  display: inline-block;
  margin: 0 5px 0 0;
  vertical-align: middle
}

.c_area_check .body {
  padding: 80px 50px 50px;
  background: #fff
}

@media screen and (max-width:768px) {
  .c_area_check .body {
    padding: 60px 15px 20px
  }
}

.c_area_check .body .result {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  padding: 30px 20px;
  background: #edf6fc;
  border-radius: 30px
}

@media screen and (max-width:768px) {
  .c_area_check .body .result {
    display: block
  }

  .c_area_check .body .result img {
    display: block;
    margin: 20px auto
  }
}

.c_area_check .body .result .message {
  margin: 0 0 0 40px;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.5;
  color: #0168b6
}

@media screen and (max-width:768px) {
  .c_area_check .body .result .message {
    margin: 0;
    font-size: 24px
  }
}

.c_area_check .body .result._out {
  background: #fbded7
}

.c_area_check .body .result._out .message {
  color: #e9593a
}

.c_area_check .body .cvs {
  padding: 30px;
  margin: 30px 0 0;
  background: #0168b6;
  border-radius: 20px
}

@media screen and (max-width:1199px) {
  .c_area_check .body .cvs {
    padding: 30px 15px
  }
}

.c_area_check .body .cvs .cv_wrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: start;
          justify-content: flex-start;
  margin: 0 0 25px
}

@media screen and (max-width:1199px) {
  .c_area_check .body .cvs .cv_wrap {
    display: block
  }
}

.c_area_check .body .cvs .cv_wrap:last-child {
  margin: 0
}

.c_area_check .body .cvs .cv_wrap .title {
  width: 200px;
  font-size: 24px;
  font-weight: 700;
  color: #fff
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_area_check .body .cvs .cv_wrap .title {
    margin: 0 0 20px
  }

  .c_area_check .body .cvs .cv_wrap .title br {
    display: none
  }
}

@media screen and (max-width:1199px) {
  .c_area_check .body .cvs .cv_wrap .title {
    width: 100%;
    text-align: center
  }
}

@media screen and (max-width:768px) {
  .c_area_check .body .cvs .cv_wrap .title {
    width: 100%;
    margin: 0;
    font-size: 18px;
    text-align: center
  }
}

.c_area_check .body .cvs .cv_wrap .buttons {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: start;
          justify-content: flex-start
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_area_check .body .cvs .cv_wrap .buttons {
    -webkit-box-pack: center;
            justify-content: center
  }
}

.c_area_check .body .cvs .cv_wrap .buttons a {
  margin: 0 0 0 20px
}

@media screen and (max-width:768px) {
  .c_area_check .body .cvs .cv_wrap .buttons a {
    width: 100%;
    padding: 0 10px;
    margin: 20px 0 0
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_area_check .body .cvs .cv_wrap .buttons .p_top_userAction_request__button {
    width: 46%;
    max-width: 346px
  }
}

.c_area_check .body .cvs .cv_wrap .buttons .p_top_userAction_request__button::after {
  right: 15px
}

@media screen and (max-width:768px) {
  .c_area_check .body .cvs .cv_wrap .buttons .p_top_userAction_request__button::after {
    right: 10px;
    width: 15px;
    height: 15px
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_area_check .body .cvs .cv_wrap .buttons .p_top_userAction_request__button .p_top_userAction_request__icon {
    width: 26px
  }
}

@media screen and (max-width:768px) {
  .c_area_check .body .cvs .cv_wrap .buttons .p_top_userAction_request__button .p_top_userAction_request__icon {
    width: 20px
  }
}

.c_area_check .body .cvs .cv_wrap .buttons .p_top_userAction_request__button .p_top_userAction_request__titleWrap {
  margin-left: 8px
}

@media screen and (max-width:768px) {
  .c_area_check .body .cvs .cv_wrap .buttons .p_top_userAction_request__button .p_top_userAction_request__titleWrap.p_cv_txt01, .c_area_check .body .cvs .cv_wrap .buttons .p_top_userAction_request__button .p_top_userAction_request__titleWrap.p_cv_txt01 .p_top_userAction_request__title {
    font-size: 14px
  }
}

.c_area_check .body .cvs .cv_wrap .buttons .p_top_userAction_request__button .p_top_userAction_request__title {
  font-size: 20px
}

@media screen and (max-width:1199px) {
  .c_area_check .body .cvs .cv_wrap .buttons .p_top_userAction_request__button .p_top_userAction_request__title {
    font-size: 16px
  }
}

.c_area_check .body .cvs .cv_wrap .buttons .p_top_userAction_simulation__button {
  width: 380px
}

@media screen and (max-width:768px) {
  .c_area_check .body .cvs .cv_wrap .buttons .p_top_userAction_simulation__button {
    width: 100%
  }
}

.c_area_check .body .cvs .cv_wrap .buttons .p_top_userAction_simulation__button::after {
  right: 15px
}

@media screen and (max-width:768px) {
  .c_area_check .body .cvs .cv_wrap .buttons .p_top_userAction_simulation__button::after {
    right: 10px;
    width: 15px;
    height: 15px
  }

  .c_area_check .body .cvs .cv_wrap .buttons .p_top_userAction_simulation__button .p_top_userAction_simulation__icon {
    width: 20px;
    margin: 0
  }
}

.c_area_check .body .cvs._out {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  justify-content: space-around
}

@media screen and (max-width:768px) {
  .c_area_check .body .cvs._out {
    display: block
  }
}

.c_area_check .body .cvs._out .cv_wrap {
  display: block;
  margin: 0;
  text-align: center
}

@media screen and (max-width:768px) {
  .c_area_check .body .cvs._out .cv_wrap {
    margin-bottom: 20px
  }
}

.c_area_check .body .cvs._out .cv_wrap .title {
  width: 100%;
  margin: 0 0 30px
}

@media screen and (max-width:768px) {
  .c_area_check .body .cvs._out .cv_wrap {
    margin: 0 0 15px
  }
}

.c_area_check .body .cvs._out .cv_wrap .buttons a {
  width: 400px;
  margin: 0;
  text-align: left
}

.c_set_discount {
  padding: 30px 60px 40px;
  margin: 40px auto 0;
  font-weight: 700;
  background: #edf6fc;
  border-radius: 20px
}

@media screen and (max-width:768px) {
  .c_set_discount {
    padding: 20px;
    border-radius: 10px
  }
}

.c_set_discount:last-child {
  margin: 20px auto 0
}

.c_set_discount .title {
  padding: 0 0 30px;
  margin: 0 0 30px;
  font-size: 24px;
  color: #0168b6;
  text-align: center;
  border-bottom: 3px dashed #dcdcdc
}

@media screen and (max-width:768px) {
  .c_set_discount .title {
    padding: 0;
    margin: 0 0 20px;
    font-size: 18px;
    line-height: 1.875;
    border-bottom: none
  }
}

.c_set_discount .emphasize {
  font-size: 24px;
  color: #f85858
}

@media screen and (max-width:768px) {
  .c_set_discount .emphasize {
    font-size: 18px
  }
}

.c_set_discount .number {
  font-family: Oswald, sans-serif;
  font-size: 40px
}

.c_set_discount .formula {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  font-size: 16px
}

@media screen and (max-width:768px) {
  .c_set_discount .formula {
    display: block;
    text-align: center
  }
}

.c_set_discount .formula * {
  margin: 0 20px 0 0
}

@media screen and (max-width:768px) {
  .c_set_discount .formula * {
    margin: 0 auto 15px
  }
}

.c_set_discount .formula :last-child {
  margin: 0
}

.c_set_discount .formula .icon {
  width: 17px;
  height: 17px
}

.c_set_discount .formula .bubble {
  position: relative;
  display: block;
  display: inline-block;
  padding: 14px;
  margin: 0 25px 0 0;
  color: #fff;
  text-align: center;
  background: #0168b6;
  border-radius: 5px
}

@media screen and (max-width:768px) {
  .c_set_discount .formula .bubble {
    width: 100%;
    padding: 20px 0;
    margin: 0 auto 20px
  }
}

.c_set_discount .formula .bubble::after {
  position: absolute;
  top: 0;
  right: -7px;
  bottom: 0;
  display: block;
  width: 0;
  height: 0;
  margin: auto;
  content: "";
  border-color: transparent transparent transparent #0168b6;
  border-style: solid;
  border-width: 5px 0 5px 7px
}

@media screen and (max-width:768px) {
  .c_set_discount .formula .bubble::after {
    inset: auto 0 -7px;
    border-color: #0168b6 transparent transparent;
    border-width: 7px 5px 0
  }
}

.c_set_discount .formula .text_block {
  display: block;
  padding: 10px 25px;
  background: #fff;
  border: 2px solid #202020;
  border-radius: 5px
}

@media screen and (max-width:768px) {
  .c_set_discount .formula .text_block {
    width: 100%;
    padding: 18px 0
  }
}

.c_set_discount .formula .icon {
  display: block
}

@media screen and (max-width:768px) {
  .c_set_discount .formula .icon._equal {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg)
  }
}

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

@media screen and (max-width:768px) {
  .c_listflex {
    display: block;
    width: 100%
  }
}

.c_listflex_item {
  margin-right: 10px
}

@media screen and (max-width:768px) {
  .c_listflex_item {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
            align-items: center;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px
  }

  .c_listflex_item:last-child {
    margin-bottom: 0
  }
}

.c_listflex_label {
  margin-bottom: 5px;
  font-weight: 700;
  text-align: center
}

@media screen and (max-width:768px) {
  .c_listflex_label {
    width: 120px;
    margin-right: 10px
  }
}

.c_listflex_input {
  -webkit-box-flex: 1;
          flex: 1
}

@media screen and (max-width:768px) {
  .c_listflex_input {
    width: 100%!important
  }
}

.c_list_wrap {
  padding-left: 20px
}

.c_labellist {
  display: table;
  width: 100%;
  line-height: 1.875
}

.c_labellist_item {
  display: table-cell
}

.c_labellist ._title {
  width: 14%
}

@media screen and (max-width:768px) {
  .c_labellist ._title {
    width: 22%
  }
}

.c_labellist ._text {
  position: relative;
  padding-left: 15px
}

.c_labellist ._text::before {
  position: absolute;
  left: 0;
  width: 10px;
  height: 10px;
  content: "："
}

.c_labellist ._space {
  margin-right: 1em
}

@media screen and (min-width:769px) {
  .c_labellist_space {
    margin-right: 1em
  }
}

.c_numlist {
  counter-reset: item
}

.c_numlist_item {
  position: relative;
  margin-left: 1.2em;
  line-height: 1.9
}

.c_numlist_item::before {
  position: absolute;
  left: -1.2em;
  color: #0168b6;
  content: counter(item) ".";
  counter-increment: item
}

.c_notelist {
  counter-reset: item
}

.c_notelist_item {
  position: relative;
  margin-left: 2em;
  font-size: 14px;
  line-height: 1.9;
  word-break: break-all
}

.c_notelist_item::before {
  position: absolute;
  left: -2em;
  content: "※" counter(item);
  counter-increment: item
}

.c_notelist_txtlink {
  display: inline
}

.c_notelist2 {
  counter-reset: item
}

.c_notelist2_item {
  position: relative;
  margin-left: 2em;
  font-size: 14px;
  line-height: 1.9;
  word-break: break-all
}

.c_notelist2_item::before {
  position: absolute;
  left: -2em;
  content: "注" counter(item);
  counter-increment: item
}

.c_grayback {
  padding: 20px;
  margin-top: 20px;
  background-color: #f5f5f5
}

.c_itemtypebox {
  width: 98%;
  max-width: 1200px;
  margin: 0 auto
}

@media screen and (min-width:769px) {
  .c_itemtypebox {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center
  }
}

.c_tribox {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between
}

@media screen and (max-width:768px) {
  .c_tribox {
    display: block
  }
}

.c_tribox_item {
  width: 31.3333333333%;
  border: 2px solid #999;
  border-radius: 30px
}

@media screen and (min-width:769px) {
  .c_tribox_item {
    padding: 30px 38px
  }

  .c_tribox_item:nth-child(n+2) {
    margin-left: 30px
  }
}

@media screen and (max-width:768px) {
  .c_tribox_item {
    width: 100%;
    padding: 30px 20px 40px;
    margin-bottom: 20px
  }

  .c_tribox_item:last-child {
    margin-bottom: 0
  }
}

.c_tribox_item_title {
  font-size: 24px;
  font-weight: 700;
  color: #0168b6;
  text-align: center
}

.c_tribox_item_iconWrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 160px;
  height: 160px;
  margin: 20px auto;
  border: 10px solid #edf6fc;
  border-radius: 50%
}

@media (-ms-high-contrast:none) {
  .c_tribox_item_iconWrap {
    -webkit-box-pack: start;
            justify-content: flex-start
  }
}

.c_tribox_item_iconWrap .c_tribox_item_icon {
  width: 65%;
  height: 65%;
  margin: 0 auto;
  -o-object-fit: contain;
     object-fit: contain
}

.c_tribox_item_text {
  min-height: 66px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center
}

@media screen and (max-width:768px) {
  .c_tribox_item_text {
    height: auto;
    min-height: auto;
    margin-bottom: 10px
  }
}

.c_tribox_item_text2 {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  margin-top: 10px;
  line-height: 1.9
}

.c_feature__sec01 {
  padding: 40px 0 60px!important
}

@media screen and (max-width:768px) {
  .c_feature__sec01 {
    padding: 40px 15px!important
  }
}

.c_feature__sec01._featurebg {
  background: url("../images/top_feature_bg.png") no-repeat 50%/cover
}

@media screen and (max-width:768px) {
  .c_feature__sec02 {
    padding: 40px 15px!important
  }

  .c_feature__sec03 {
    padding: 40px 15px 1px!important
  }

  .c_feature__sec04 {
    padding: 40px 15px!important
  }
}

.c_feature__sec04 .c_btn10__obj.__long {
  background: #fff url("/assets/images/arrow-right2.svg") no-repeat 95% 50%
}

@media screen and (max-width:768px) {
  .c_feature__sec04 .c_btn10__obj.__long {
    background: #fff url("/assets/images/arrow-right.svg") no-repeat 95% 50%
  }

  .c_feature__sec04 .p_top_plan__list {
    margin-bottom: 20px
  }

  .c_feature__sec05 {
    padding: 40px 15px 1px!important
  }

  .c_feature__sec06, .c_feature__sec07, .c_feature__sec08 {
    padding: 40px 15px!important
  }

  .c_feature__sec08 .c_btn3 {
    padding-top: 30px
  }
}

.c_feature__ttl01 {
  display: table;
  margin: 50px auto 0;
  font-size: 36px;
  text-align: center
}

@media screen and (max-width:768px) {
  .c_feature__ttl01 {
    font-size: 24px;
    line-height: 1.599
  }
}

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

.c_feature__ttl02 {
  margin-bottom: 30px;
  color: #0168b6
}

@media screen and (max-width:768px) {
  .c_feature__ttl03 {
    padding: 0;
    text-align: left
  }
}

.c_feature__ttl03_ico {
  width: 50px;
  margin-right: 20px
}

@media screen and (max-width:768px) {
  .c_feature__ttl03_ico {
    width: 15%;
    max-width: 50px;
    margin-right: 4.5%
  }
}

.c_feature__ttl03_ico img {
  width: 100%
}

.c_feature__ttl03_c01 {
  color: #e85f5f
}

.c_feature__link01 {
  margin-bottom: -30px
}

@media screen and (max-width:768px) {
  .c_feature__link01 {
    margin: -20px 0
  }
}

.c_feature__link01_c01 {
  color: #e85f5f
}

.c_feature__link01_box {
  box-sizing: border-box;
  width: calc(33.3% - 20px);
  max-width: 380px;
  height: 133px;
  padding: 20px;
  margin-bottom: 30px;
  color: #0168b6;
  background: #fff url("/assets/images/arrow-down.svg") no-repeat 95% 50%;
  background-size: 16px;
  border: 2px solid #0168b6;
  border-radius: 10px
}

@media screen and (min-width:769px) {
  .c_feature__link01_box {
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out
  }

  .c_feature__link01_box:hover {
    -webkit-filter: brightness(1.15);
            filter: brightness(1.15)
  }
}

@media screen and (max-width:768px) {
  .c_feature__link01_box {
    width: 100%;
    max-width: 100%;
    height: 132px;
    margin-bottom: 20px
  }
}

@media screen and (min-width:1200px) {
  .c_feature__link01_box:not(:nth-child(3n)) {
    margin-right: 30px
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_feature__link01_box {
    width: calc(50% - 7px);
    max-width: 400px
  }

  .c_feature__link01_box:not(:last-child) {
    margin-right: 14px
  }

  .c_feature__link01_box:not(:nth-of-type(odd)) {
    margin-right: 0
  }
}

.c_feature__link01_ico {
  width: 93px;
  height: 93px;
  margin-right: 15px;
  border: 8px solid #edf6fc;
  border-radius: 50%
}

@media screen and (max-width:768px) {
  .c_feature__link01_ico {
    width: 90px;
    height: 90px
  }
}

.c_feature__link01_ico img {
  width: 50px
}

.c_feature__link01_tag {
  width: 70px;
  height: 28px;
  font-size: 14px;
  color: #0168b6;
  text-align: center;
  background: #fee100;
  border-radius: 28px
}

@media screen and (max-width:768px) {
  .c_feature__link01_tag {
    height: 26px
  }
}

.c_feature__link01_num {
  margin-left: 3px;
  font-size: 18px
}

.c_feature__link01_ttl {
  font-size: 18px;
  line-height: 1.722
}

@media screen and (max-width:768px) {
  .c_feature__link01_ttl {
    font-size: 16px;
    line-height: 1.875
  }
}

.c_feature__heading_tag {
  -webkit-box-align: baseline!important;
          align-items: baseline!important;
  width: 140px;
  height: 50px;
  padding-top: 4px;
  margin: 30px auto -30px;
  font-size: 22px;
  color: #0168b6;
  text-align: center;
  background: #fee100;
  border-radius: 50px
}

@media screen and (max-width:768px) {
  .c_feature__heading_tag {
    width: 100px;
    height: 41px;
    font-size: 18px
  }
}

.c_feature__heading_tag_num {
  margin-left: 3px;
  font-size: 34px
}

@media screen and (max-width:768px) {
  .c_feature__heading_tag_num {
    font-size: 30px
  }
}

.c_feature__box01_img {
  -webkit-box-ordinal-group: 3;
          order: 2;
  width: 600px
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_feature__box01_img {
    width: 49%;
    margin: 0 auto 20px
  }
}

@media screen and (max-width:768px) {
  .c_feature__box01_img {
    width: 100%;
    margin-bottom: 20px;
    text-align: center
  }
}

.c_feature__box01_img_minus {
  margin-top: -60px
}

@media screen and (max-width:1199px) {
  .c_feature__box01_img_minus {
    margin-top: 0
  }
}

.c_feature__box01_desc {
  width: 560px
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_feature__box01_desc {
    width: 49%;
    margin: 0 auto
  }
}

@media screen and (max-width:768px) {
  .c_feature__box01_desc {
    width: 100%
  }
}

.c_feature__box02 {
  padding: 30px 0 40px;
  margin-bottom: 30px;
  text-align: center;
  background: #edf6fc;
  border-radius: 30px
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_feature__box02 {
    padding: 30px 15px 40px
  }
}

@media screen and (max-width:768px) {
  .c_feature__box02 {
    padding: 30px 0 20px;
    margin-bottom: 10px;
    border-radius: 15px
  }
}

.c_feature__box03 {
  padding: 60px 0 40px;
  margin-top: 60px;
  background: #edf6fc;
  border-radius: 30px
}

@media screen and (max-width:768px) {
  .c_feature__box03 {
    padding: 30px 20px;
    margin-top: 40px;
    border-radius: 15px
  }
}

.c_feature__box03 .u_txt1 {
  margin: 30px 0
}

@media screen and (max-width:768px) {
  .c_feature__box03 .u_txt1 {
    margin: 10px 0
  }
}

.c_feature__box03 .c_feature__cap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  margin-bottom: 40px
}

@media screen and (max-width:768px) {
  .c_feature__box03 .c_feature__cap {
    margin-bottom: 20px
  }
}

.c_feature__box03-inr {
  max-width: 640px;
  margin: 0 auto
}

.c_feature__box03-inr .p_top_plan__recommendWrap {
  width: 100%
}

.c_feature__cap {
  font-size: 14px;
  line-height: 1.599
}

.c_feature__cap_txt {
  padding-left: 2em;
  text-indent: -2em
}

.c_feature__cap_txt._pt02 {
  padding-left: 1em;
  text-indent: -1em
}

.c_feature__cap_aster {
  margin-right: .5em
}

.c_feature__recommendWrap {
  position: relative!important;
  top: auto!important;
  left: auto!important;
  margin: 0 auto 40px;
  -webkit-transform: none!important;
          transform: none!important
}

@media screen and (max-width:768px) {
  .c_feature__cv .p_top_userAction {
    width: 100vw;
    margin: 0 calc(50% - 50vw) -45px
  }
}

@media screen and (min-width:769px) {
  .c_featureGroup {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    max-width: 1080px;
    margin: 0 auto
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_featureGroup {
    max-width: 700px
  }
}

.c_featureGroup .c_featureGroup__items {
  padding: 30px;
  background-color: #fff;
  border: 3px solid #ddd
}

@media screen and (min-width:769px) {
  .c_featureGroup .c_featureGroup__items {
    width: 32%;
    margin-right: 2%;
    border-radius: 30px
  }

  .c_featureGroup .c_featureGroup__items:nth-child(3) {
    margin-right: 0
  }
}

@media screen and (max-width:768px) {
  .c_featureGroup .c_featureGroup__items {
    border-radius: 15px
  }

  .c_featureGroup .c_featureGroup__items:nth-child(n+2) {
    margin-top: 20px
  }
}

.c_featureGroup .c_featureGroup__Icon {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  height: 140px;
  margin: 0 auto
}

.c_featureGroup .c_featureGroup__Title {
  font-weight: 700;
  text-align: center
}

@media screen and (min-width:769px) {
  .c_featureGroup .c_featureGroup__Title {
    margin-top: 30px;
    font-size: 24px
  }
}

@media screen and (max-width:768px) {
  .c_featureGroup .c_featureGroup__Title {
    margin-top: 20px;
    font-size: 18px
  }
}

.c_featureGroup .c_featureGroup__Text {
  line-height: 1.9
}

@media screen and (min-width:769px) {
  .c_featureGroup .c_featureGroup__Text {
    margin-top: 20px
  }
}

@media screen and (max-width:768px) {
  .c_featureGroup .c_featureGroup__Text {
    margin-top: 10px
  }
}

.c_feature {
  padding: 30px 30px 50px;
  background-color: #fff;
  border: 3px solid #ddd
}

@media screen and (min-width:769px) {
  .c_feature {
    border-radius: 30px
  }
}

@media screen and (max-width:768px) {
  .c_feature {
    border-radius: 15px
  }
}

.c_feature__featureIcon {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  height: 140px;
  margin: 0 auto
}

.c_feature__featureTitle {
  font-weight: 700;
  line-height: 1.5;
  text-align: center
}

@media screen and (min-width:769px) {
  .c_feature__featureTitle {
    margin-top: 30px;
    font-size: 24px
  }
}

@media screen and (max-width:768px) {
  .c_feature__featureTitle {
    margin-top: 20px;
    font-size: 18px
  }
}

.c_feature__featureText {
  line-height: 1.9
}

@media screen and (min-width:769px) {
  .c_feature__featureText {
    margin-top: 20px
  }
}

@media screen and (max-width:768px) {
  .c_feature__featureText {
    margin-top: 10px
  }
}

.c_feature__ttl01__wrap {
  padding: 20px 50px;
  background: #fff;
  border-radius: 15px
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_feature__ttl01__wrap {
    display: block
  }
}

@media screen and (max-width:768px) {
  .c_feature__ttl01__wrap {
    display: block;
    padding: 10px 15px;
    border-radius: 15px
  }
}

.c_feature__sec03 .c_btn3 {
  margin: 0 0 40px
}

.c_2colcontactbox {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  max-width: 1060px;
  padding: 0 20px;
  margin-right: auto;
  margin-left: auto
}

@media screen and (max-width:768px) {
  .c_2colcontactbox {
    padding: 0;
    margin-bottom: 10px
  }
}

.c_2colcontactbox_item {
  padding: 40px 35px 20px;
  background: #fff;
  border: 4px solid #0168b6;
  border-radius: 20px;
  box-shadow: 0 4px 0 0 #0168b6
}

@media screen and (min-width:769px) {
  .c_2colcontactbox_item {
    width: 49%;
    margin-right: 2%
  }

  .c_2colcontactbox_item:nth-child(2) {
    margin-right: 0
  }
}

@media screen and (max-width:768px) {
  .c_2colcontactbox_item {
    width: 100%;
    padding: 40px 20px;
    margin-bottom: 25px
  }
}

.c_2colcontactbox_icon {
  width: 160px;
  height: 160px;
  padding: 30px;
  margin: 0 auto 10px;
  border: 10px solid #edf6fc;
  border-radius: 50%
}

.c_2colcontactbox_ttl {
  margin-bottom: 15px;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.5;
  color: #0168b6;
  text-align: center
}

@media screen and (min-width:769px) {
  .c_2colcontactbox_ttl {
    min-height: 90px
  }
}

.c_2colcontactbox_txt {
  min-height: 54px
}

@media screen and (min-width:769px) {
  .c_2colcontactbox_txt._oneLine {
    text-align: center
  }
}

.c_2colcontactbox .c_contactbox {
  margin-top: 20px
}

.c_plan__sec01 {
  padding: 60px 0!important
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_plan__sec01 {
    padding: 60px 15px!important
  }
}

@media screen and (max-width:768px) {
  .c_plan__sec01 {
    padding: 40px 15px!important
  }

  .c_plan__sec02 {
    padding: 40px 15px 0!important
  }

  .c_plan__sec03 {
    padding: 40px 15px!important
  }
}

.c_plan__sec04 {
  padding: 40px 0 60px!important
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_plan__sec04 {
    padding: 60px 15px!important
  }
}

@media screen and (max-width:768px) {
  .c_plan__sec04, .c_plan__sec05 {
    padding: 40px 15px!important
  }
}

.c_plan__sec06 {
  padding: 60px 0!important
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_plan__sec06 {
    padding: 60px 15px!important
  }
}

@media screen and (max-width:768px) {
  .c_plan__sec06 {
    padding: 40px 15px!important
  }
}

.c_plan__sec07 {
  padding: 60px 0!important
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_plan__sec07 {
    padding: 60px 15px!important
  }
}

@media screen and (max-width:768px) {
  .c_plan__sec07, .c_plan__sec08 {
    padding: 40px 15px!important
  }

  .c_plan__sec09 {
    padding: 40px 15px 20px!important
  }
}

.c_plan__sec10 {
  padding: 60px 0!important
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_plan__sec10 {
    padding: 60px 15px!important
  }
}

@media screen and (max-width:768px) {
  .c_plan__sec10 {
    padding: 40px 15px!important
  }
}

.c_plan__sec10 .p_mypage_plusPlanMapPC {
  overflow: hidden
}

.c_plan__sec10 .p_mypage_plusPlanMapItem:not(:nth-child(2n)) {
  background: #edf6fc
}

.c_plan__sec10 .p_mypage_plusPlanMapItem:first-child {
  background: #0168b6
}

.c_plan__sec10 .p_mypage_plusPlanMapItem .u_flex__center {
  height: 100%
}

.c_plan__sec12 {
  padding: 60px 0!important
}

@media screen and (max-width:768px) {
  .c_plan__sec12 {
    padding: 40px 15px!important
  }
}

.c_plan__sec12 .p_mypage_plusPhotoWrap {
  -webkit-box-ordinal-group: 3;
          order: 2
}

@media screen and (max-width:768px) {
  .c_plan__sec12 .c_heading4_mypagePlus {
    margin-top: 0!important
  }

  .c_plan__sec12 .p_mypage_plusPhotoWrap {
    margin-bottom: 15px
  }
}

.c_plan__sec13 {
  padding: 60px 0!important
}

@media screen and (max-width:768px) {
  .c_plan__sec13, .c_plan__sec14 {
    padding: 40px 15px!important
  }

  .c_plan__sec14 .c_plan__box04_img {
    padding: 20px
  }
}

.c_plan__sec15 {
  padding: 60px 0!important
}

@media screen and (max-width:768px) {
  .c_plan__sec15 {
    padding: 40px 15px!important
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_plan__sec15 .c_plan__ttl03 {
    padding-right: 20px;
    padding-left: 20px
  }
}

@media screen and (max-width:768px) {
  .c_plan__sec15 .c_plan__ttl03 {
    width: 90%
  }

  .c_plan__sec16, .c_plan__sec17 {
    padding: 40px 15px!important
  }
}

.c_plan__sec19 {
  padding: 60px 0!important
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_plan__sec19 {
    padding: 60px 15px!important
  }
}

@media screen and (max-width:768px) {
  .c_plan__sec19, .c_plan__sec20 {
    padding: 40px 15px!important
  }
}

.c_plan__sec22 {
  padding: 60px 0!important
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_plan__sec22 {
    padding: 60px 15px!important
  }
}

@media screen and (max-width:768px) {
  .c_plan__sec22 {
    padding: 40px 15px!important
  }

  .c_plan__sec22 .c_plan__ttl03 {
    width: 90%
  }

  .c_plan__sec22 .c_heading4_mypagePlus {
    margin-top: 0!important
  }

  .c_plan__sec22 .p_mypage_plusPhotoWrap {
    margin-bottom: 15px
  }
}

.c_plan__sec24 {
  padding: 60px 0!important
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_plan__sec24 {
    padding: 60px 15px!important
  }
}

@media screen and (max-width:768px) {
  .c_plan__sec24, .c_plan__sec25 {
    padding: 40px 15px!important
  }

  .c_plan__sec25 .p_top_plan__list {
    margin-top: 70px
  }

  .c_plan__sec25 .p_top_plan__recommendWrap {
    height: 60px
  }

  .c_plan__sec25 .p_top_plan__recommendWrap_l {
    top: -50px;
    height: 80px
  }

  .c_plan__sec25 .p_top_plan__recommend_l::after, .c_plan__sec25 .p_top_plan__recommend_l::before {
    bottom: 20px;
    width: 50px
  }

  .c_plan__sec25 .p_top_plan__recommend_l::before {
    left: -65px;
    -webkit-transform: rotate(70deg);
            transform: rotate(70deg)
  }

  .c_plan__sec25 .p_top_plan__recommend_l::after {
    right: -65px;
    -webkit-transform: rotate(-70deg);
            transform: rotate(-70deg)
  }
}

.c_plan__sec25 .c_btn10__obj.__long {
  background: #fff url("/assets/images/arrow-right2.svg") no-repeat 95% 50%
}

@media screen and (max-width:768px) {
  .c_plan__sec25 .c_btn10__obj.__long {
    background: #fff url("/assets/images/arrow-right.svg") no-repeat 95% 50%
  }
}

.c_plan__sec26 {
  padding: 60px 0!important
}

@media screen and (max-width:768px) {
  .c_plan__sec26 {
    padding: 40px 15px!important
  }

  .c_plan__sec26 .p_top_plan__list {
    margin-top: 70px
  }

  .c_plan__sec26 .p_top_plan__recommendWrap {
    height: 60px
  }

  .c_plan__sec26 .p_top_plan__recommendWrap_l {
    top: -50px;
    height: 80px
  }

  .c_plan__sec26 .p_top_plan__recommend_l::after, .c_plan__sec26 .p_top_plan__recommend_l::before {
    bottom: 20px;
    width: 50px
  }

  .c_plan__sec26 .p_top_plan__recommend_l::before {
    left: -65px;
    -webkit-transform: rotate(70deg);
            transform: rotate(70deg)
  }

  .c_plan__sec26 .p_top_plan__recommend_l::after {
    right: -65px;
    -webkit-transform: rotate(-70deg);
            transform: rotate(-70deg)
  }
}

.c_plan__sec26 .c_btn10__obj.__long {
  background: #fff url("/assets/images/arrow-right2.svg") no-repeat 95% 50%
}

@media screen and (max-width:768px) {
  .c_plan__sec26 .c_btn10__obj.__long {
    background: #fff url("/assets/images/arrow-right.svg") no-repeat 95% 50%
  }
}

.c_plan__sec27 {
  padding: 60px 0!important
}

@media screen and (max-width:768px) {
  .c_plan__sec27 {
    padding: 40px 15px!important
  }

  .c_plan__sec27 .c_plan__ttl03 {
    width: 90%
  }
}

.c_plan__ttl01 {
  font-size: 30px;
  color: #0168b6;
  text-align: center
}

@media screen and (max-width:768px) {
  .c_plan__ttl01 {
    font-size: 22px;
    line-height: 1.681
  }
}

.c_plan__ttl01_mt {
  margin-top: 70px
}

@media screen and (max-width:768px) {
  .c_plan__ttl01_mt {
    margin-top: 40px
  }
}

.c_plan__ttl02 {
  -webkit-box-align: baseline!important;
          align-items: baseline!important;
  font-size: 18px
}

@media screen and (max-width:768px) {
  .c_plan__ttl02 {
    position: relative;
    text-align: center
  }
}

.c_plan__ttl02::after, .c_plan__ttl02::before {
  width: 3px;
  height: 21px;
  content: "";
  background: #0168b6
}

@media screen and (max-width:768px) {
  .c_plan__ttl02::after, .c_plan__ttl02::before {
    position: absolute;
    bottom: 0;
    display: block;
    height: 70%
  }
}

.c_plan__ttl02::before {
  margin: 0 3%;
  -webkit-transform: rotate(-25deg);
          transform: rotate(-25deg)
}

@media screen and (max-width:768px) {
  .c_plan__ttl02::before {
    left: 8%;
    margin: 0
  }
}

.c_plan__ttl02::after {
  -webkit-transform: rotate(25deg);
          transform: rotate(25deg)
}

@media screen and (max-width:768px) {
  .c_plan__ttl02::after {
    right: 8%
  }
}

.c_plan__ttl02_btm {
  -webkit-box-align: baseline!important;
          align-items: baseline!important;
  margin: 0 .5em
}

.c_plan__ttl02_txt {
  font-size: 28px;
  color: #0168b6
}

.c_plan__ttl02_num {
  font-size: 60px;
  color: #fee100;
  -webkit-text-stroke: 3px #0168b6;
  text-stroke: 3px #0168b6
}

@media (-ms-high-contrast:none) {
  .c_plan__ttl02_num {
    text-shadow: #0168b6 2px 2px 0, #0168b6 -2px 2px 0, #0168b6 2px -2px 0, #0168b6 -2px -2px 0
  }
}

.c_plan__ttl03 {
  margin-bottom: 30px
}

@media screen and (max-width:768px) {
  .c_plan__ttl03 {
    width: 60%;
    margin: 0 auto 10px
  }
}

.c_plan__ttl04 {
  margin-bottom: 40px;
  font-size: 22px;
  color: #0168b6;
  text-align: center
}

@media screen and (max-width:768px) {
  .c_plan__ttl04 {
    margin-bottom: 30px;
    font-size: 18px
  }
}

.c_plan__ttl05 {
  -webkit-box-align: baseline!important;
          align-items: baseline!important;
  margin: 30px 0 20px;
  font-size: 24px;
  color: #0168b6
}

@media screen and (max-width:768px) {
  .c_plan__ttl05 {
    position: relative;
    text-align: center
  }
}

.c_plan__ttl05::after, .c_plan__ttl05::before {
  width: 3px;
  height: 21px;
  content: "";
  background: #0168b6
}

@media screen and (max-width:768px) {
  .c_plan__ttl05::after, .c_plan__ttl05::before {
    position: absolute;
    bottom: 0;
    display: block;
    height: 70%
  }
}

.c_plan__ttl05::before {
  margin: 0 2%;
  -webkit-transform: rotate(-25deg);
          transform: rotate(-25deg)
}

@media screen and (max-width:768px) {
  .c_plan__ttl05::before {
    left: 8%;
    margin: 0
  }
}

.c_plan__ttl05::after {
  -webkit-transform: rotate(25deg);
          transform: rotate(25deg)
}

@media screen and (max-width:768px) {
  .c_plan__ttl05::after {
    right: 8%
  }
}

.c_plan__ttl05_btm {
  -webkit-box-align: baseline!important;
          align-items: baseline!important;
  margin: 0 .5em
}

.c_plan__ttl05_num {
  font-size: 40px;
  color: #e85f5f
}

.c_plan__ttl06 {
  color: #0168b6;
  text-align: center
}

.c_plan__ttl06_txt {
  margin-top: 15px;
  font-size: 30px
}

@media screen and (max-width:768px) {
  .c_plan__ttl06_txt {
    margin-top: 10px;
    font-size: 24px;
    line-height: 1.5
  }
}

.c_plan__ttl06_txt_c01 {
  color: #e85f5f
}

.c_plan__ttl06_cap {
  font-size: 16px;
  line-height: 1.625
}

.c_plan__ttl07_c01 {
  color: #e85f5f
}

.c_plan__box01 {
  margin-bottom: 30px
}

@media screen and (max-width:768px) {
  .c_plan__box01 {
    margin-bottom: 0
  }
}

.c_plan__box01_desc {
  width: 560px
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_plan__box01_desc {
    margin: 0 auto
  }
}

@media screen and (max-width:768px) {
  .c_plan__box01_desc {
    width: 100%
  }
}

.c_plan__box01_desc .p_top_plan__titleOuter {
  text-align: left
}

@media screen and (max-width:1199px) {
  .c_plan__box01_desc .p_top_plan__titleOuter {
    text-align: center
  }
}

.c_plan__box01_img {
  width: 480px
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_plan__box01_img {
    margin: 0 auto
  }
}

@media screen and (max-width:768px) {
  .c_plan__box01_img {
    width: 100%
  }
}

.c_plan__box01_txt {
  padding: 20px 0;
  margin-top: 20px;
  border-top: 3px dashed #ddd
}

@media screen and (max-width:768px) {
  .c_plan__box01_txt {
    padding: 10px 0 20px;
    margin-top: 15px
  }
}

.c_plan__box01_area {
  margin-bottom: 10px
}

@media screen and (max-width:768px) {
  .c_plan__box01_area {
    margin: -10px 0 10px;
    text-align: center
  }
}

.c_plan__box02 {
  padding: 60px;
  text-align: center;
  border: 4px solid #0168b6;
  border-radius: 30px
}

@media screen and (max-width:768px) {
  .c_plan__box02 {
    padding: 40px 20px;
    text-align: center;
    border: 2px solid #0168b6;
    border-radius: 15px
  }
}

.c_plan__box03 {
  margin-bottom: 60px
}

@media screen and (max-width:768px) {
  .c_plan__box03 {
    margin-bottom: 40px
  }
}

.c_plan__box03_img {
  width: 600px
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_plan__box03_img {
    width: 49%
  }
}

@media screen and (max-width:768px) {
  .c_plan__box03_img {
    width: 100%
  }
}

.c_plan__box03_img img {
  width: 100%
}

.c_plan__box03_desc {
  width: 560px
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_plan__box03_desc {
    width: 49%
  }
}

@media screen and (max-width:768px) {
  .c_plan__box03_desc {
    width: 100%;
    margin-top: 10px
  }
}

.c_plan__box03_ttl {
  padding-bottom: 20px;
  margin-bottom: 10px;
  font-size: 30px;
  color: #0168b6;
  background: url("/assets/images/line_black_3px.svg") repeat-x bottom/100% 3px
}

@media screen and (max-width:768px) {
  .c_plan__box03_ttl {
    padding-bottom: 10px;
    margin-top: 10px;
    font-size: 22px
  }
}

.c_plan__box03_ttl img {
  margin-right: 25px
}

@media screen and (max-width:768px) {
  .c_plan__box03_ttl img {
    width: 57px;
    margin-right: 10px
  }
}

.c_plan__box04 {
  margin-bottom: 30px
}

@media screen and (max-width:768px) {
  .c_plan__box04 {
    margin-bottom: 20px
  }
}

.c_plan__box04.u_pc_tabFlex__bothEnd {
  -webkit-box-align: stretch;
          align-items: stretch
}

.c_plan__box04_img {
  box-sizing: border-box;
  -webkit-box-ordinal-group: 3;
          order: 2;
  width: 600px;
  height: 400px;
  padding: 0 25px;
  border: 3px solid #ddd;
  border-radius: 30px
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_plan__box04_img {
    width: 49%;
    height: auto
  }
}

@media screen and (max-width:768px) {
  .c_plan__box04_img {
    width: 100%;
    height: auto;
    padding: 0 15px;
    margin-bottom: 10px;
    border-radius: 15px
  }
}

.c_plan__box04_img img {
  width: 100%
}

.c_plan__box04_desc {
  width: 560px
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_plan__box04_desc {
    width: 49%
  }
}

@media screen and (max-width:768px) {
  .c_plan__box04_desc {
    width: 100%
  }
}

.c_plan__box04_ttl {
  padding-bottom: 30px;
  margin-bottom: 20px;
  font-size: 30px;
  color: #0168b6;
  background: url("/assets/images/line_black_3px.svg") repeat-x bottom/100% 3px
}

@media screen and (max-width:768px) {
  .c_plan__box04_ttl {
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 22px
  }
}

.c_plan__box04_box {
  padding: 20px;
  margin-top: 30px;
  background: #edf6fc;
  border-radius: 15px
}

@media screen and (max-width:768px) {
  .c_plan__box04_box {
    border-radius: 10px
  }
}

.c_plan__box04_box_ttl {
  display: inline-block;
  padding: 0 20px;
  border: 1px solid;
  border-radius: 2px
}

.c_plan__box04_cap {
  padding-left: 1em;
  text-indent: -1em
}

.c_plan__box05 {
  margin-top: 60px
}

@media screen and (max-width:768px) {
  .c_plan__box05 {
    margin-top: 40px
  }
}

.c_plan__box05 .js_selected {
  display: none
}

.c_plan__box05 .js_selected.active {
  display: block
}

.c_plan__box05_top {
  position: relative;
  padding: 40px 0;
  color: #fff;
  text-align: center;
  background: #0168b6;
  border-radius: 30px 30px 0 0
}

@media screen and (max-width:768px) {
  .c_plan__box05_top {
    padding: 20px;
    border-radius: 15px 15px 0 0
  }
}

.c_plan__box05_top::after {
  position: absolute;
  bottom: -41px;
  left: 50%;
  content: url("/assets/images/triangle2.svg");
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%)
}

@media screen and (max-width:768px) {
  .c_plan__box05_top::after {
    bottom: -35px
  }
}

.c_plan__box05_top_ttl {
  margin-bottom: 10px;
  font-size: 30px
}

@media screen and (max-width:768px) {
  .c_plan__box05_top_ttl {
    font-size: 22px;
    line-height: 1.654
  }
}

.c_plan__box05_top_txt {
  margin-bottom: 40px
}

@media screen and (max-width:768px) {
  .c_plan__box05_top_txt {
    padding-left: 1em;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.875;
    text-align: left;
    text-indent: -1em
  }
}

.c_plan__box05_top_select {
  width: 415px;
  margin: 0 auto
}

@media screen and (min-width:1200px) {
  .c_plan__box05_top_select {
    width: 260px
  }
}

@media screen and (max-width:768px) {
  .c_plan__box05_top_select {
    width: 100%
  }
}

.c_plan__box05_top_select_box {
  height: 66px;
  color: #202020;
  background: #fff;
  border-width: 2px
}

@media screen and (min-width:1200px) {
  .c_plan__box05_top_select_box {
    text-align: left
  }
}

@media screen and (max-width:768px) {
  .c_plan__box05_top_select_box {
    height: 54px
  }
}

.c_plan__box05_btm {
  padding: 80px 60px 60px;
  background: #fff;
  border: 6px solid #0168b6;
  border-radius: 0 0 30px 30px
}

@media screen and (max-width:768px) {
  .c_plan__box05_btm {
    padding: 60px 20px 20px;
    border-width: 3px
  }

  .c_plan__box05_btm .p_top_userAction .c_button {
    padding-right: 20px
  }
}

.c_plan__box05_btm .p_top_userAction_simulation__button {
  width: 330px
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_plan__box05_btm .p_top_userAction_simulation__button {
    width: 346px
  }
}

@media screen and (max-width:768px) {
  .c_plan__box05_btm .p_top_userAction_simulation__button {
    width: 100%
  }
}

.c_plan__box05_btm .p_top_userAction_simulation__title {
  font-size: 22px
}

@media screen and (max-width:768px) {
  .c_plan__box05_btm .p_top_userAction_simulation__title {
    font-size: 18px
  }
}

.c_plan__box05_btm .p_top_userAction_simulation__titleWrap {
  margin: 0 30px 0 10px
}

@media screen and (max-width:768px) {
  .c_plan__box05_btm .p_top_userAction_simulation__titleWrap {
    margin: 0 0 0 10px
  }

  .c_plan__box05_btm .p_top_userAction_tel__button {
    width: 100%
  }
}

.c_plan__box05_btm .p_top_userAction_request__button {
  width: 330px
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_plan__box05_btm .p_top_userAction_request__button {
    width: 346px
  }
}

@media screen and (max-width:768px) {
  .c_plan__box05_btm .p_top_userAction_request__button {
    width: 100%
  }
}

.c_plan__box05_btm .p_top_userAction_request__title {
  font-size: 22px
}

@media screen and (max-width:768px) {
  .c_plan__box05_btm .p_top_userAction_request__title {
    font-size: 18px
  }
}

.c_plan__box05_btm .p_top_userAction_request__titleWrap {
  margin: 0 30px 0 10px
}

@media screen and (max-width:768px) {
  .c_plan__box05_btm .p_top_userAction_request__titleWrap {
    margin: 0 0 0 10px
  }
}

.c_plan__box05_btm_price .p_home_joinMapUnder {
  margin-bottom: 30px
}

.c_plan__box05_btm_sample {
  margin-bottom: 40px
}

.c_plan__box05_btm_sample_list {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  gap: 2%;
  -webkit-box-pack: justify;
          justify-content: space-between;
  margin-top: 30px
}

@media screen and (max-width:768px) {
  .c_plan__box05_btm_sample_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column
  }

  .c_plan__box05_btm_sample_list_box:not(:last-child) {
    margin-bottom: 20px
  }
}

.c_plan__box05_btm_sample_list_inner {
  box-sizing: border-box;
  width: 100%;
  padding: 20px;
  text-align: center;
  border: 2px solid #ddd;
  border-radius: 15px
}

@media screen and (min-width:1200px) {
  .c_plan__box05_btm_sample_list_inner {
    padding: 30px 40px;
    border-radius: 30px
  }
}

.c_plan__box05_btm_sample_list_img {
  margin-top: 20px
}

.c_plan__box05_btm_sample_list_img img {
  width: 100%
}

.c_plan__box05_btm_sample_list_ttl {
  background: #edf6fc;
  border-radius: 2px
}

.c_plan__box05_btm_sample_list_txt {
  padding: 10px 0;
  border-bottom: 2px dashed #ddd
}

.c_plan__box05_btm_sample_list_notes {
  display: block;
  margin-top: 5px;
  font-size: 12px;
  color: red;
  text-align: center
}

.c_plan__box05_btm_looop {
  margin-top: 60px
}

@media screen and (max-width:768px) {
  .c_plan__box05_btm_looop {
    margin-top: 40px
  }
}

.c_plan__box05_btm_free {
  position: relative;
  margin-top: 70px;
  border-top: 3px solid #0168b6
}

@media screen and (max-width:768px) {
  .c_plan__box05_btm_free {
    margin-top: 60px
  }
}

.c_plan__box05_btm_free_box {
  position: absolute;
  top: -30px;
  left: 50%;
  width: 450px;
  height: 60px;
  color: #0168b6;
  background: #fff;
  border: 3px solid;
  border-radius: 60px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%)
}

@media screen and (max-width:768px) {
  .c_plan__box05_btm_free_box {
    top: -37px;
    width: 87%;
    height: 74px;
    border-radius: 74px
  }
}

.c_plan__box05_btm_free_box_ttl {
  font-size: 24px
}

@media screen and (max-width:768px) {
  .c_plan__box05_btm_free_box_ttl {
    font-size: 18px;
    line-height: 1.5
  }
}

.c_plan__box05_btm_free_box_ttl::before {
  margin-right: 15px;
  content: url("/assets/images/double_arrow.svg")
}

@media screen and (max-width:768px) {
  .c_plan__box05_btm_free_box_ttl::before {
    margin-top: 10px
  }
}

.c_plan__box05_btm_free_btm {
  margin-top: 70px
}

.c_plan__box05_btm_free_btm_img {
  position: relative
}

@media screen and (max-width:1199px) {
  .c_plan__box05_btm_free_btm_img {
    margin-top: 20px;
    text-align: center
  }

  .c_plan__box05_btm_free_btm_img img {
    margin: 50px auto 0
  }
}

@media screen and (max-width:1199px)and (max-width:768px) {
  .c_plan__box05_btm_free_btm_img img {
    width: 90%
  }
}

.c_plan__box05_btm_free_btm_img::before {
  position: absolute;
  top: 50%;
  left: -100px;
  content: url("/assets/images/triangle.svg")
}

@media screen and (max-width:1199px) {
  .c_plan__box05_btm_free_btm_img::before {
    top: 0;
    left: 50%;
    content: url("/assets/images/triangle2.svg");
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%)
  }
}

.c_plan__box05_btm_att_box {
  padding: 0 40px 40px;
  background: #f5f5f5;
  border-radius: 10px
}

@media screen and (max-width:768px) {
  .c_plan__box05_btm_att_box {
    padding: 0;
    background: none
  }

  .c_plan__box05_btm_att_box .p_mypage_simulator_common__telWrap {
    display: block;
    background: #fff;
    border-color: #c1c0c0
  }

  .c_plan__box05_btm_att_box .p_mypage_simulator_common__announce {
    font-size: 20px
  }
}

.c_plan__box05_btm_att_logo {
  display: block;
  margin-top: 40px;
  text-align: center
}

.c_plan__box05_btm_graph:not(:last-child) {
  margin-bottom: 50px
}

.c_plan__box05_btm_graph img {
  width: 100%
}

.c_plan__box05_btm_graph .p_top_plan__titleOuter {
  margin-bottom: 25px
}

@media screen and (max-width:768px) {
  .c_plan__box05_btm_scroll {
    width: 100%;
    overflow-x: scroll
  }
}

.c_plan__box06 {
  position: relative;
  padding: 40px 60px;
  margin-top: 30px;
  background: #fff;
  border-radius: 30px
}

@media screen and (max-width:1199px) {
  .c_plan__box06 {
    padding: 20px;
    margin-top: 20px;
    border-radius: 15px
  }
}

.c_plan__box06_nebiki {
  position: absolute;
  top: 35px;
  right: 60px
}

@media screen and (max-width:1199px) {
  .c_plan__box06_nebiki {
    position: relative;
    top: 0;
    right: 0;
    margin-bottom: 20px;
    text-align: center
  }
}

.c_plan__box06 .p_home_joinThx__exTxt {
  margin-top: 0
}

.c_plan__box06 .p_home_joinThx__exPoint::after, .c_plan__box06 .p_home_joinThx__exPointOr::after {
  left: 225px
}

@media screen and (max-width:768px) {
  .c_plan__box06 .p_home_joinThx__exPoint::after, .c_plan__box06 .p_home_joinThx__exPointOr::after {
    left: auto
  }
}

.c_plan__box06 .p_home_joinMapUnder {
  margin-bottom: 0
}

.c_plan__box07 {
  padding: 30px 0;
  margin-top: 30px;
  text-align: center;
  background: #fff;
  border-radius: 20px
}

@media screen and (max-width:768px) {
  .c_plan__box07 {
    padding: 15px 20px
  }
}

.c_plan__box08 {
  background: #fff!important
}

@media screen and (max-width:768px) {
  .c_plan__box08 {
    margin-bottom: 20px!important
  }
}

.c_plan__box08_last {
  margin-bottom: 70px!important
}

@media screen and (max-width:768px) {
  .c_plan__box08_last {
    margin-bottom: 40px!important
  }
}

.c_plan__box08_c01 {
  color: #e85f5f
}

.c_plan__box08_ttl {
  padding: 7px 0;
  color: #fff;
  text-align: center;
  background: #0168b6;
  border-radius: 10px 10px 0 0
}

@media screen and (max-width:768px) {
  .c_plan__box08_ttl {
    padding: 5px 0
  }
}

.c_plan__box08_img {
  width: 336px;
  padding: 20px 40px;
  border: 4px solid #0168b6;
  border-radius: 0 0 10px 10px
}

@media screen and (max-width:1199px) {
  .c_plan__box08_img {
    width: 100%;
    padding: 20px;
    border-width: 3px
  }
}

.c_plan__box08_img img {
  width: 100%
}

.c_plan__box08_img img.imgsize {
  width: auto
}

.c_plan__box08_ico {
  background: #edf6fc!important
}

.c_plan__box09 {
  padding: 40px 50px;
  margin: 60px 0;
  background: #fff;
  border-radius: 30px
}

@media screen and (max-width:768px) {
  .c_plan__box09 {
    padding: 20px;
    margin: 20px 0;
    border-radius: 15px
  }
}

.c_plan__box09_img {
  width: 460px
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_plan__box09_img {
    width: 40%
  }
}

@media screen and (max-width:768px) {
  .c_plan__box09_img {
    width: 100%
  }
}

.c_plan__box09_desc {
  width: 620px
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_plan__box09_desc {
    width: 58%
  }
}

@media screen and (max-width:768px) {
  .c_plan__box09_desc {
    width: 100%
  }
}

.c_plan__box09_ttl {
  margin-bottom: 20px;
  font-size: 38px;
  color: #0168b6
}

@media screen and (max-width:768px) {
  .c_plan__box09_ttl {
    font-size: 24px
  }
}

.c_plan__box09_num {
  font-size: 100px;
  color: #e85f5f
}

@media screen and (max-width:768px) {
  .c_plan__box09_num {
    font-size: 60px
  }
}

.c_plan__service {
  padding: 20px 30px;
  background: #edf6fc;
  border-radius: 10px
}

@media screen and (max-width:768px) {
  .c_plan__service {
    padding: 25px 20px 20px
  }
}

.c_plan__service_ttl {
  font-size: 18px;
  color: #0168b6
}

@media screen and (max-width:768px) {
  .c_plan__service_ttl {
    margin-bottom: 10px;
    font-size: 16px
  }
}

.c_plan__service_list_tag {
  box-sizing: border-box;
  width: 135px;
  height: 30px;
  margin-top: 15px;
  background: #fff;
  border: 1px solid #202020;
  border-radius: 2px
}

@media screen and (max-width:768px) {
  .c_plan__service_list_tag {
    width: 47%;
    margin-top: 10px
  }
}

.c_plan__service_list_tag:not(:nth-child(3n)) {
  margin-right: 18px
}

@media screen and (max-width:768px) {
  .c_plan__service_list_tag:not(:nth-child(3n)) {
    margin-right: 0
  }

  .c_plan__service_list_tag:not(:nth-child(2n)) {
    margin-right: 6%
  }
}

.c_plan__service_list_none {
  margin-top: 20px
}

.c_plan__list01 {
  margin-top: 40px
}

@media screen and (max-width:768px) {
  .c_plan__list01 {
    margin-top: 20px
  }
}

.c_plan__list01_box {
  flex-wrap: wrap;
  padding: 40px 30px;
  background: #fff;
  border: 2px solid #0168b6;
  border-radius: 20px
}

@media screen and (max-width:768px) {
  .c_plan__list01_box {
    padding: 20px 25px;
    border-radius: 10px
  }
}

.c_plan__list01_box:not(:last-child) {
  margin-bottom: 30px
}

@media screen and (max-width:768px) {
  .c_plan__list01_box:not(:last-child) {
    margin: 0 0 20px
  }
}

.c_plan__list01_ico {
  width: 130px;
  height: 130px;
  background: #edf6fc;
  border-radius: 50%
}

@media screen and (max-width:1199px) {
  .c_plan__list01_ico {
    margin: 0 auto 30px
  }
}

.c_plan__list01_ico img {
  width: 60px
}

.c_plan__list01_ico_big img {
  width: 90px
}

.c_plan__list01_desc {
  width: 374px
}

@media screen and (max-width:1199px) {
  .c_plan__list01_desc {
    width: 100%
  }
}

.c_plan__list01_ttl {
  font-size: 24px;
  color: #0168b6
}

@media screen and (max-width:1199px) {
  .c_plan__list01_ttl {
    text-align: center
  }
}

.c_plan__list01_txt {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 3px dashed #ddd
}

@media screen and (max-width:1199px) {
  .c_plan__list01_txt {
    margin-top: 20px
  }
}

.c_plan__list01_cap {
  margin-top: 10px;
  font-size: 14px
}

.c_plan__list01_plan {
  box-sizing: border-box;
  width: 590px;
  padding: 25px;
  background: #f5f5f5;
  border-radius: 10px
}

@media screen and (max-width:1199px) {
  .c_plan__list01_plan {
    width: 100%;
    padding: 20px 30px;
    margin-top: 20px;
    border-radius: 5px
  }
}

.c_plan__list01_plan_ttl {
  font-size: 18px;
  color: #0168b6
}

@media screen and (max-width:768px) {
  .c_plan__list01_plan_ttl {
    text-align: center
  }
}

.c_plan__list01_plan_btn {
  width: 170px;
  height: 44px;
  padding-right: 10px;
  margin-top: 20px;
  color: #fff;
  background: #0168b6 url("/assets/images/right-arrow.svg") no-repeat 95% 50%;
  background-size: 8px;
  border-radius: 5px
}

@media screen and (min-width:769px) {
  .c_plan__list01_plan_btn {
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out
  }

  .c_plan__list01_plan_btn:hover {
    -webkit-filter: brightness(1.15);
            filter: brightness(1.15)
  }
}

@media screen and (max-width:768px) {
  .c_plan__list01_plan_btn {
    box-sizing: border-box;
    -webkit-box-pack: start!important;
            justify-content: flex-start!important;
    width: 100%;
    height: 50px;
    padding: 0 20px;
    margin-top: 15px
  }
}

.c_plan__list01_plan_btn:not(:nth-child(3n)) {
  margin-right: 15px
}

@media screen and (max-width:768px) {
  .c_plan__list01_plan_btn:not(:nth-child(3n)) {
    margin-right: 0
  }
}

.c_plan__list01_btn {
  display: -ms-flex;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  width: 100%
}

.c_plan__list01_btn .c_button {
  margin-bottom: 0
}

.c_plan__list02 {
  margin-top: 30px;
  overflow: hidden;
  border: 4px solid #0168b6;
  border-radius: 10px
}

@media screen and (max-width:1199px) {
  .c_plan__list02 {
    margin-top: 20px;
    border-width: 2px;
    border-radius: 8px
  }
}

.c_plan__list02_box {
  box-sizing: border-box;
  width: 33.33%;
  font-size: 24px;
  text-align: center
}

@media screen and (max-width:1199px) {
  .c_plan__list02_box {
    width: 100%;
    font-size: 18px
  }
}

.c_plan__list02_box:not(:last-child) .c_plan__list02_ttl {
  border-right: 3px solid #fff
}

@media screen and (max-width:1199px) {
  .c_plan__list02_box:not(:last-child) .c_plan__list02_ttl {
    border-right: none
  }
}

.c_plan__list02_box:not(:last-child) .c_plan__list02_desc {
  border-right: 3px solid #0168b6
}

@media screen and (max-width:1199px) {
  .c_plan__list02_box:not(:last-child) .c_plan__list02_desc {
    border-right: none
  }
}

.c_plan__list02_ttl {
  padding: 15px 0 20px;
  color: #fff;
  background: #0168b6
}

@media screen and (max-width:1199px) {
  .c_plan__list02_ttl {
    padding: 15px 0
  }
}

.c_plan__list02_desc {
  height: 76px;
  background: #fff
}

@media screen and (max-width:1199px) {
  .c_plan__list02_desc {
    height: auto;
    padding: 15px 0
  }
}

.c_plan__list02_txt {
  font-size: 24px;
  color: #e85f5f
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_plan__list02_txt {
    line-height: 1.2
  }
}

.c_plan__list02_fs01 {
  font-size: 30px
}

.c_plan__list02_fs02 {
  font-size: 22px
}

.c_plan__list03 {
  margin-top: 40px
}

@media screen and (max-width:768px) {
  .c_plan__list03 {
    margin-top: 30px
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_plan__list03.u_pc_tabFlex__bothEnd {
    -webkit-box-align: stretch;
            align-items: stretch
  }
}

.c_plan__list03_box {
  box-sizing: border-box;
  width: 340px;
  padding: 20px 20px 40px;
  text-align: center;
  border: 3px solid;
  border-radius: 30px
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_plan__list03_box {
    width: 32%
  }

  .c_plan__list03_box .u_spFlex__bothEnd {
    display: block
  }
}

@media screen and (max-width:768px) {
  .c_plan__list03_box {
    width: 100%;
    padding: 15px;
    border-width: 2px;
    border-radius: 15px
  }

  .c_plan__list03_box:not(:last-child) {
    margin-bottom: 20px
  }
}

.c_plan__list03_top {
  padding: 3px 0;
  color: #fff;
  background: #0168b6;
  border-radius: 36px
}

@media screen and (max-width:768px) {
  .c_plan__list03_top {
    padding: 1px 0
  }

  .c_plan__list03_btm {
    margin-top: 15px
  }
}

.c_plan__list03_ico {
  width: 160px;
  height: 160px;
  margin: 20px auto;
  border: 10px solid #edf6fc;
  border-radius: 50%
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_plan__list03_ico {
    width: 140px;
    height: 140px
  }
}

@media screen and (max-width:768px) {
  .c_plan__list03_ico {
    width: 100px;
    height: 100px;
    margin: 0
  }

  .c_plan__list03_ico img {
    width: 46px
  }

  .c_plan__list03_ico_ws {
    width: 30px!important
  }
}

.c_plan__list03_txt {
  font-size: 24px
}

@media screen and (max-width:768px) {
  .c_plan__list03_txt {
    width: 55%;
    font-size: 18px;
    line-height: 1.5;
    text-align: left
  }
}

.c_plan__list04 {
  -webkit-box-align: start!important;
          align-items: flex-start!important
}

.c_plan__list04_box {
  width: 400px;
  margin: 0 15px
}

@media screen and (max-width:768px) {
  .c_plan__list04_box {
    width: 100%;
    margin: 0
  }

  .c_plan__list04_box:not(:last-child) {
    margin-bottom: 24px
  }
}

.c_plan__list04_bal {
  position: relative;
  width: 100%;
  height: 70px;
  color: #fff;
  background: #0168b6;
  border-radius: 10px
}

@media screen and (max-width:768px) {
  .c_plan__list04_bal {
    height: 81px
  }
}

.c_plan__list04_bal::after {
  position: absolute;
  bottom: -10px;
  left: 50%;
  width: 0;
  height: 0;
  content: "";
  border-color: #0168b6 transparent transparent;
  border-style: solid;
  border-width: 10px 7.5px 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%)
}

.c_plan__list04_link {
  position: relative;
  display: block;
  height: 487px;
  margin-top: 30px;
  overflow: hidden;
  background: #fff;
  border: 3px solid #0168b6;
  border-radius: 30px;
  box-shadow: 0 4px #0168b6;
  -webkit-transition: all .3s;
  transition: all .3s
}

@media screen and (max-width:768px) {
  .c_plan__list04_link {
    height: auto;
    padding-bottom: 15px;
    border-radius: 15px
  }
}

.c_plan__list04_link:hover {
  box-shadow: none;
  -webkit-transform: translateY(4px);
          transform: translateY(4px)
}

.c_plan__list04_link_ttl {
  padding: 20px 20px 10px;
  font-size: 24px;
  color: #0168b6;
  text-align: center
}

@media screen and (max-width:768px) {
  .c_plan__list04_link_ttl {
    padding: 15px 15px 5px;
    font-size: 22px
  }
}

.c_plan__list04_link_txt {
  padding: 0 20px
}

@media screen and (max-width:768px) {
  .c_plan__list04_link_txt {
    padding: 0 15px;
    text-align: center
  }

  .c_plan__list04_link_img {
    text-align: center
  }
}

.c_plan__list04_link_btn {
  position: absolute;
  bottom: 20px;
  left: 20px;
  width: 357px;
  height: 50px;
  color: #fff;
  background: #0168b6 url("/assets/images/right-arrow.svg") no-repeat 95% 50%;
  background-size: 8px;
  border-radius: 50px
}

@media screen and (max-width:768px) {
  .c_plan__list04_link_btn {
    position: static;
    width: 92%;
    margin: 20px auto 0;
    font-size: 15px
  }

  .c_plan_btn {
    line-height: 1.5;
    text-align: center
  }
}

.c_plan__btn01.c_blue_button::after {
  width: 15px;
  height: 10px;
  background: url("/assets/images/arrow-white-down.svg") no-repeat;
  background-size: 100%
}

.c_plan__table01 {
  width: 600px;
  overflow: hidden;
  border-collapse: separate;
  border: 4px solid #0168b6;
  border-radius: 10px
}

@media screen and (max-width:1199px) {
  .c_plan__table01 {
    width: 100%;
    border-width: 2px
  }
}

.c_plan__table01_thead {
  color: #fff;
  background: #0168b6
}

.c_plan__table01_thead_ttl {
  padding: 16px 0 20px;
  font-size: 24px;
  text-align: center
}

@media screen and (max-width:768px) {
  .c_plan__table01_thead_ttl {
    padding: 20px 0;
    font-size: 16px
  }
}

.c_plan__table01_tbody tr:not(:last-child) .c_plan__table01_ttl, .c_plan__table01_tbody tr:not(:last-child) .c_plan__table01_txt {
  border-bottom: 2px dashed #0168b6
}

@media screen and (max-width:768px) {
  .c_plan__table01_tbody tr:not(:last-child) .c_plan__table01_ttl, .c_plan__table01_tbody tr:not(:last-child) .c_plan__table01_txt {
    border-width: 1px
  }
}

.c_plan__table01_ttl, .c_plan__table01_txt {
  padding: 30px 20px
}

.c_plan__table01_ttl._txt_bt, .c_plan__table01_txt._txt_bt {
  vertical-align: bottom
}

@media screen and (max-width:768px) {
  .c_plan__table01_ttl, .c_plan__table01_txt {
    padding: 15px 20px;
    vertical-align: middle
  }
}

.c_plan__table01_ttl {
  width: 204px;
  background: #edf6fc;
  border-right: 2px solid #0168b6
}

@media screen and (max-width:768px) {
  .c_plan__table01_ttl {
    width: 45%;
    line-height: 1.5;
    border-width: 1px
  }
}

.c_plan__table01_txt {
  font-size: 24px;
  text-align: center
}

@media screen and (max-width:768px) {
  .c_plan__table01_txt {
    font-size: 18px
  }
}

.c_plan__table01_num {
  display: inline-block;
  font-size: 30px;
  vertical-align: bottom
}

@media screen and (max-width:768px) {
  .c_plan__table01_num {
    font-size: 22px
  }
}

.c_plan__table01_unit {
  display: inline-block;
  vertical-align: bottom
}

.c_plan__table02.p_mypage_plusPlanMapPC .p_mypage_plusPlanMapItem.c_back_blue {
  height: 100px;
  line-height: 1
}

.c_plan__table02.p_mypage_plusPlanMapPC .p_mypage_plusPlanMapItem.c_back_blue .p_mypage_plusPlanMapTxt {
  font-size: 24px
}

.c_plan__table02.p_mypage_plusPlanMapPC .p_mypage_plusPlanMapList {
  width: 25%
}

.c_plan__table02.p_mypage_plusPlanMapPC .p_mypage_plusPlanMapList:last-child .p_mypage_plusPlanMapItem {
  border-right: none
}

.c_plan__table02.p_mypage_plusPlanBoxMapSP .p__plusTable {
  overflow: hidden
}

.c_plan__table02.p_mypage_plusPlanBoxMapSP .p__plusTable__tr:last-child ._last {
  border-bottom: none!important
}

.c_plan__table02.p_mypage_plusPlanBoxMapSP .p__plusTable__th {
  padding: 15px 10px!important;
  font-size: 16px;
  text-align: left;
  vertical-align: middle
}

.c_plan__table02.p_mypage_plusPlanBoxMapSP .p__plusTable__th._last {
  border-bottom: 1px solid #fff
}

.c_plan__table02.p_mypage_plusPlanBoxMapSP .p__plusTable__td {
  padding: 15px;
  vertical-align: middle
}

.c_plan__table02.p_mypage_plusPlanBoxMapSP .p__plusTable__td.__first {
  padding: 20px 15px
}

.c_plan__table02.p_mypage_plusPlanBoxMapSP .p__plusTable__td._last {
  border-bottom: 1px solid #0168b6
}

.c_plan__table02_fs01 {
  font-size: 22px
}

.c_plan__table02_fs02 {
  line-height: 1
}

@media screen and (max-width:768px) {
  .c_plan__table02_fs02 {
    font-weight: 400
  }
}

.c_plan__table02_bg01 {
  background: #fff
}

.c_plan__table03 {
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
  border-collapse: separate;
  border-top: 3px solid #0168b6;
  border-bottom: 3px solid #0168b6;
  border-left: 3px solid #0168b6;
  border-radius: 8px
}

@media screen and (max-width:768px) {
  .c_plan__table03 {
    width: 300%
  }

  .c_plan__table03._noscroll {
    width: 100%
  }
}

.c_plan__table03_head {
  width: 25%;
  padding: 25px 0;
  font-size: 24px;
  color: #fff;
  text-align: center;
  background: #0168b6
}

.c_plan__table03_head:not(:last-child) {
  border-right: 2px solid #fff
}

.c_plan__table03_head._sml {
  font-size: 16px
}

.c_plan__table03_ttl, .c_plan__table03_txt {
  padding: 15px 20px;
  vertical-align: middle;
  border-right: 2px solid #0168b6
}

@media screen and (max-width:768px) {
  .c_plan__table03_ttl, .c_plan__table03_txt {
    padding: 0 15px
  }
}

.c_plan__table03_ttl {
  background: #edf6fc
}

.c_plan__table03_txt {
  background: #fff
}

.c_plan__table03_fs01 {
  font-size: 24px
}

.c_plan__table03_fs02 {
  font-size: 30px
}

@media screen and (max-width:768px) {
  .c_plan__table03_fs02._spsml {
    font-size: 16px
  }
}

.c_plan__table03_fs03 {
  font-size: 16px
}

.c_plan__table03_c01 {
  color: #e85f5f
}

.c_plan__table03 tbody tr:not(:last-child) .c_plan__table03_ttl, .c_plan__table03 tbody tr:not(:last-child) .c_plan__table03_txt {
  border-bottom: 2px dashed #0168b6
}

.c_plan__table04 {
  width: 100%;
  overflow: hidden;
  border-collapse: separate;
  border: 3px solid #0168b6;
  border-radius: 10px
}

.c_plan__table04_ttl, .c_plan__table04_txt {
  padding: 20px;
  vertical-align: middle
}

@media screen and (max-width:768px) {
  .c_plan__table04_ttl, .c_plan__table04_txt {
    padding: 10px 15px
  }
}

.c_plan__table04_ttl {
  font-size: 20px;
  color: #fff;
  text-align: center;
  background: #0168b6
}

@media screen and (max-width:768px) {
  .c_plan__table04_ttl {
    width: 35%;
    font-size: 16px;
    line-height: 1.5
  }
}

.c_plan__table04_price {
  width: 250px;
  font-size: 24px;
  color: #e85f5f
}

@media screen and (max-width:768px) {
  .c_plan__table04_price {
    width: auto;
    font-size: 18px
  }
}

.c_plan__table04_fs01 {
  font-size: 30px
}

@media screen and (max-width:768px) {
  .c_plan__table04_fs01 {
    font-size: 24px
  }
}

.c_plan__table04 tbody tr:nth-child(2n) .c_plan__table04_txt {
  background: #edf6fc
}

.c_plan__table04 tbody tr:not(:last-child) .c_plan__table04_ttl {
  border-bottom: 2px dashed #fff
}

.c_plan__table04 tbody tr:not(:last-child) .c_plan__table04_txt {
  border-bottom: 2px dashed #0168b6
}

.c_plan__table05 {
  overflow: hidden;
  border: 2px solid #0168b6;
  border-radius: 15px
}

.c_plan__table05-head {
  padding: 15px;
  font-weight: 700;
  color: #fff;
  background: #0168b6
}

.c_plan__table05-item {
  display: -webkit-box;
  display: flex;
  font-size: 14px;
  border-bottom: 1px solid #0168b6
}

.c_plan__table05-item._dashed {
  border-bottom: 1px dashed #0168b6
}

.c_plan__table05-item:last-child {
  border: none
}

.c_plan__table05-dt {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  width: 20%;
  padding: 15px;
  font-size: 14px;
  font-weight: 700;
  background: #edf6fc
}

@media screen and (max-width:768px) {
  .c_plan__table05-dt {
    width: 30%
  }
}

.c_plan__table05-mb {
  display: block;
  margin-bottom: 5px
}

.c_plan__table05-dd {
  width: 80%;
  padding: 15px;
  line-height: 1.4
}

@media screen and (max-width:768px) {
  .c_plan__table05-dd {
    width: 70%;
    font-size: 14px
  }

  .c_plan__table05-label {
    display: block
  }

  .c_plan__tab01_menu {
    width: 100vw;
    margin: 0 calc(50% - 50vw)
  }
}

.c_plan__tab01_menu_btn {
  position: relative;
  width: 380px;
  height: 90px;
  color: #0168b6;
  cursor: pointer;
  background: #fff;
  border: 2px solid #0168b6;
  border-radius: 10px;
  box-shadow: 0 4px #0168b6;
  -webkit-transition: all .3s;
  transition: all .3s
}

@media screen and (max-width:768px) {
  .c_plan__tab01_menu_btn {
    width: 33.33%;
    height: 72px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6875;
    color: #202020;
    text-align: center;
    background: #edf6fc;
    border: none;
    border-radius: 0;
    box-shadow: none
  }
}

.c_plan__tab01_menu_btn.active, .c_plan__tab01_menu_btn:hover {
  height: 90px;
  color: #fff;
  background: #0168b6;
  box-shadow: none;
  -webkit-transform: translateY(4px);
          transform: translateY(4px)
}

@media screen and (max-width:768px) {
  .c_plan__tab01_menu_btn.active, .c_plan__tab01_menu_btn:hover {
    height: 72px;
    font-weight: 700;
    color: #0168b6;
    background: #edf6fc;
    -webkit-transform: inherit;
            transform: inherit
  }
}

.c_plan__tab01_menu_btn.active::after, .c_plan__tab01_menu_btn:hover::after {
  position: absolute;
  bottom: -15px;
  left: 50%;
  width: 0;
  height: 0;
  content: "";
  border-color: #0168b6 transparent transparent;
  border-style: solid;
  border-width: 15px 10px 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%)
}

@media screen and (max-width:768px) {
  .c_plan__tab01_menu_btn.active::after, .c_plan__tab01_menu_btn:hover::after {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #0168b6;
    border: none;
    -webkit-transform: inherit;
            transform: inherit
  }
}

.c_plan__tab01_cont {
  padding: 60px;
  margin-top: 40px;
  background: #fff;
  border: 6px solid #0168b6;
  border-radius: 30px
}

@media screen and (max-width:768px) {
  .c_plan__tab01_cont {
    padding: 20px;
    margin-top: 30px;
    border-width: 2px;
    border-radius: 15px
  }
}

.c_plan__tab01_box {
  display: none
}

.c_plan__tab01_box.show {
  display: block
}

.c_plan__tab01_img {
  box-sizing: border-box;
  -webkit-box-ordinal-group: 3;
          order: 2;
  width: 480px;
  height: 340px;
  border: 3px solid #ddd;
  border-radius: 30px
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_plan__tab01_img {
    width: 49%
  }
}

@media screen and (max-width:768px) {
  .c_plan__tab01_img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    border-radius: 15px
  }
}

.c_plan__tab01_img img {
  width: 100%
}

.c_plan__tab01_desc {
  width: 560px
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_plan__tab01_desc {
    width: 49%
  }
}

@media screen and (max-width:768px) {
  .c_plan__tab01_desc {
    width: 100%
  }
}

.c_plan__tab01_top {
  -webkit-box-align: center;
          align-items: center
}

.c_plan__tab01_btm {
  margin-top: 35px
}

.c_plan__tab01_ttl {
  padding-bottom: 20px;
  margin-bottom: 20px;
  color: #0168b6;
  border-bottom: 3px dashed #ddd
}

@media screen and (max-width:768px) {
  .c_plan__tab01_ttl {
    padding-bottom: 10px
  }
}

.c_plan__tab01_ex {
  margin-bottom: 20px
}

@media screen and (max-width:768px) {
  .c_plan__tab01_ex {
    margin-bottom: 10px
  }
}

.c_plan__tab01_ex_box {
  margin-top: 10px
}

.c_plan__tab01_ex_tag {
  width: 48px;
  height: 26px;
  margin-right: 10px;
  border: 1px solid
}

.c_plan__tab01_ex_txt {
  line-height: 1;
  color: #0168b6
}

.c_plan__tab01_ex_num {
  font-size: 34px
}

.c_plan__tab01_graph img {
  width: 100%
}

.c_plan__tab01_total {
  padding: 5px 30px 30px;
  margin-top: 30px;
  text-align: center;
  background: #edf6fc;
  border-radius: 20px
}

@media screen and (max-width:768px) {
  .c_plan__tab01_total {
    padding: 5px 20px 20px;
    margin-top: 20px;
    border-radius: 15px
  }
}

.c_plan__tab01_total_box {
  margin-top: 20px;
  font-size: 30px;
  color: #0168b6
}

@media screen and (max-width:768px) {
  .c_plan__tab01_total_box {
    margin-top: 10px;
    font-size: 22px;
    line-height: 1.5
  }
}

.c_plan__tab01_total_num {
  font-size: 40px
}

@media screen and (max-width:768px) {
  .c_plan__tab01_total_num {
    font-size: 30px
  }
}

.c_plan__tab01_total_c01 {
  color: #e85f5f
}

.c_heading4 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  padding: 30px 0 60px
}

@media screen and (max-width:768px) {
  .c_heading4 {
    padding: 20px 0 40px
  }
}

.c_heading4__ttl {
  position: relative;
  margin-bottom: 30px;
  font-size: 62px;
  color: #0168b6;
  background: -webkit-linear-gradient(transparent 80%, #fee100 0);
  background: linear-gradient(transparent 80%, #fee100 0)
}

@media screen and (max-width:768px) {
  .c_heading4__ttl {
    font-size: 36px;
    background: -webkit-linear-gradient(transparent 60%, #fee100 0);
    background: linear-gradient(transparent 60%, #fee100 0)
  }
}

.c_heading4__ttl::after {
  position: absolute;
  bottom: -10px;
  left: 0;
  display: block;
  width: 100%;
  content: "";
  border-bottom: 3px dashed #0168b6
}

@media screen and (max-width:768px) {
  .c_heading4__ttl::after {
    bottom: -15px
  }
}

.c_heading4__txt {
  font-size: 20px;
  color: #0168b6
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_heading4__txt {
    padding: 0 15px
  }
}

@media screen and (max-width:768px) {
  .c_heading4__txt {
    padding: 0 15px;
    font-size: 16px;
    line-height: 1.375;
    text-align: center
  }
}

.c_heading4__txt_c01 {
  color: #e85f5f
}

.c_heading4__txt.u_txt1 {
  font-size: 16px
}

.c_heading4__img {
  position: absolute;
  top: -50px;
  left: -170px;
  z-index: -1
}

@media screen and (max-width:768px) {
  .c_heading4__img {
    top: -35px;
    left: -40px;
    width: 110px
  }
}

.c_heading1__sup {
  top: .5em;
  font-weight: 400;
  color: #202020
}

@media screen and (max-width:768px) {
  .c_heading1__sup {
    top: 0
  }

  .c_heading1 .p_home_joinMapUnder {
    margin-bottom: 0
  }

  .c_heading1 .c_txtIndent_Lg {
    font-weight: 400;
    color: #202020;
    text-align: left
  }
}

.c_card {
  width: 280px;
  height: 350px;
  overflow: hidden;
  border: 3px solid #dcdcdc;
  border-radius: 15px
}

.c_card__thumbnail {
  width: 100%;
  height: 160px;
  overflow: hidden
}

.c_card__description {
  padding: 15px 24px
}

.c_card__category {
  display: inline-block;
  padding: 3px 10px;
  font-size: 14px;
  border: 1px solid #202020;
  border-radius: 2px
}

.c_card__title {
  height: 84px;
  margin-top: 10px;
  overflow: hidden
}

.c_card__date, .c_card__title {
  font-size: 18px;
  line-height: 1.5
}

.c_card__date {
  color: #dcdcdc;
  text-align: right
}

.c_card--product {
  background-color: #fff;
  border: 2px solid #ddd
}

@media screen and (min-width:769px) {
  .c_card--product {
    border-radius: 30px
  }
}

@media screen and (max-width:768px) {
  .c_card--product {
    border-radius: 10px
  }
}

@media screen and (min-width:769px) {
  .c_card--product {
    width: 49%
  }

  .c_card--product:nth-child(n+2) {
    margin-left: 2%
  }
}

@media screen and (max-width:768px) {
  .c_card--product:nth-child(n+2) {
    margin-top: 20px
  }
}

.c_card__image--product {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center
}

@media screen and (min-width:769px) {
  .c_card__image--product {
    width: 97%;
    margin: 0 auto
  }
}

@media screen and (max-width:768px) {
  .c_card__image--product {
    margin-top: 20px
  }
}

.c_card__title--product {
  line-height: 1.5;
  color: #0168b6;
  text-align: center
}

@media screen and (min-width:769px) {
  .c_card__title--product {
    font-size: 24px
  }
}

@media screen and (max-width:768px) {
  .c_card__title--product {
    font-size: 22px
  }
}

.c_card__price--product {
  line-height: 1.5
}

@media screen and (min-width:769px) {
  .c_card__description--product {
    padding: 0 30px 40px
  }
}

@media screen and (max-width:768px) {
  .c_card__description--product {
    padding: 0 20px 40px
  }
}

.c_card__detailList--product {
  border-top: 2px dotted #ddd
}

@media screen and (min-width:769px) {
  .c_card__detailList--product:nth-child(n+2) {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: baseline;
            align-items: baseline
  }

  .c_card__badgeWrap--product {
    width: 96px
  }
}

.c_card__badge--product {
  padding: 0 10px;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid #202020;
  border-radius: 2px
}

.c_card__value--product {
  font-size: 34px;
  color: #e85f5f
}

.c_card__currency--product {
  font-size: 18px;
  color: #e85f5f
}

.c_card__note--product, .c_card__note--product::before {
  position: unset
}

@media screen and (min-width:769px) {
  .c_card__note--product {
    margin-left: 10px
  }
}

@media screen and (max-width:768px) {
  .c_card__note--product {
    margin-left: 0
  }
}

.c_card__textWrap--product {
  line-height: 1.5
}

@media screen and (min-width:769px) {
  .c_card__textWrap--product {
    width: calc(100% - 96px)
  }
}

.c_sponlytable {
  overflow: hidden;
  border: 2px solid #0068b6;
  border-radius: 10px
}

.c_sponlytable .c_sponlytable_desc>:first-child {
  margin-top: 0!important
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_sponlytable {
    max-width: 700px;
    margin-right: auto;
    margin-left: auto
  }
}

.c_sponlytable_ttl {
  padding: 20px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  background-color: #0068b6
}

.c_sponlytable_desc {
  padding: 20px;
  line-height: 1.6;
  background-color: #fff
}

.c_purchaseFit_table {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  border: 4px solid #0068b6;
  border-radius: 10px
}

.c_purchaseFit_table-wrap {
  max-width: 950px;
  margin: 0 auto
}

.c_purchaseFit_table-head {
  position: relative;
  width: 50%;
  padding: 15px;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  background: #0068b6
}

@media screen and (max-width:768px) {
  .c_purchaseFit_table-head {
    font-size: 24px
  }
}

.c_purchaseFit_table-head:first-child::after {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 2px;
  height: 100%;
  content: "";
  background: #fff
}

.c_purchaseFit_table-blue, .c_purchaseFit_table-white {
  width: 50%
}

.c_purchaseFit_table-blue:first-child::after, .c_purchaseFit_table-white:first-child::after {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 2px;
  height: 100%;
  content: "";
  background: #0068b6
}

.c_purchaseFit_table-white {
  background: #fff;
  border-bottom: 2px solid #0068b6
}

.c_purchaseFit_table-blue {
  background: #edf6fc
}

.c_purchaseFit_table-list {
  border-right: 2px solid #0068b6
}

.c_purchaseFit_table-item {
  padding: 25px 20px;
  border-bottom: 2px dotted #0068b6
}

.c_purchaseFit_table-item:last-child {
  border-bottom: none
}

.c_purchaseFit_table-img {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  padding: 20px
}

.c_txtIndent_Lg .u_txtlink {
  text-indent: 0;
  word-break: break-all
}

@media screen and (max-width:768px) {
  .c_option__sec01 {
    padding: 40px 15px 10px!important
  }
}

.c_option__sec02 {
  padding: 0 0 60px!important
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_option__sec02 {
    padding: 0 15px 60px!important
  }
}

@media screen and (max-width:768px) {
  .c_option__sec02 {
    padding: 0 15px!important
  }
}

.c_option__sec02 .c_heading1 {
  padding: 0
}

.c_option__sec03 {
  padding: 0 0 60px!important
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_option__sec03 {
    padding: 0 15px 60px!important
  }
}

@media screen and (max-width:768px) {
  .c_option__sec03, .c_option__sec04 {
    padding: 40px 15px!important
  }
}

.c_option__news {
  padding: 20px 0;
  border-top: 2px solid #0168b6;
  border-bottom: 2px solid #ddd
}

@media screen and (max-width:768px) {
  .c_option__news {
    padding: 20px 15px;
    line-height: 1.875
  }
}

.c_option__box01 {
  margin-top: 70px;
  text-align: center
}

@media screen and (max-width:768px) {
  .c_option__box01 {
    margin-top: 0
  }
}

.c_option__box02 {
  padding: 50px;
  margin-top: 60px;
  background: #fff;
  border: 6px solid #0168b6;
  border-radius: 30px
}

@media screen and (max-width:768px) {
  .c_option__box02 {
    padding: 20px 15px;
    margin-top: 30px;
    border-width: 3px;
    border-radius: 15px
  }
}

.c_option__box02_top {
  padding-bottom: 30px;
  border-bottom: 3px dashed #ddd
}

@media screen and (max-width:768px) {
  .c_option__box02_top {
    padding-bottom: 15px
  }
}

.c_option__box02_btm {
  margin-top: 30px
}

@media screen and (max-width:768px) {
  .c_option__box02_btm {
    margin-top: 15px
  }
}

.c_option__box02_txt {
  margin-top: 20px;
  line-height: 1.536;
  color: #0168b6;
  text-align: center
}

@media screen and (max-width:768px) {
  .c_option__box02_txt {
    font-size: 18px;
    line-height: 1.666;
    text-align: left
  }
}

.c_option__box02_c01 {
  color: #e85f5f
}

.c_option__box03 {
  padding: 50px 60px;
  background: #fff;
  border: 4px solid #0168b6;
  border-radius: 30px
}

@media screen and (max-width:768px) {
  .c_option__box03 {
    padding: 30px 0 40px;
    border-width: 3px;
    border-radius: 15px
  }
}

.c_option__box04 {
  padding: 50px 40px;
  background: #f5f5f5;
  border-radius: 20px
}

@media screen and (max-width:768px) {
  .c_option__box04 {
    padding: 30px 20px;
    border-radius: 10px
  }

  .c_option__box04_ttl {
    font-size: 18px;
    text-align: center
  }
}

.c_option__table01 {
  width: 100%;
  overflow: hidden;
  table-layout: fixed;
  border-collapse: separate;
  background: #fff;
  border: 3px solid #0168b6;
  border-radius: 8px
}

@media screen and (max-width:768px) {
  .c_option__table01 {
    margin-top: 15px;
    border-width: 2px;
    border-radius: 5px
  }
}

.c_option__table01_head {
  padding: 20px;
  font-size: 24px;
  color: #fff;
  text-align: center;
  background: #0168b6;
  border-right: 3px solid #fff
}

@media screen and (max-width:768px) {
  .c_option__table01_head {
    padding: 10px 0 12px;
    font-size: 16px;
    border-width: 1px
  }
}

.c_option__table01_head:first-child {
  border-right: 2px solid #fff
}

@media screen and (max-width:768px) {
  .c_option__table01_head:first-child {
    border-width: 1px
  }
}

.c_option__table01_head:last-child {
  border-right: none
}

.c_option__table01_head_sub {
  padding: 15px 0;
  color: #fff;
  text-align: center;
  background: #0168b6;
  border-top: 2px solid #fff
}

@media screen and (max-width:768px) {
  .c_option__table01_head_sub {
    padding: 5px 0;
    font-size: 16px;
    border-width: 1px
  }
}

.c_option__table01_head_sub:not(:last-child) {
  border-right: 2px solid #fff
}

@media screen and (max-width:768px) {
  .c_option__table01_head_sub:not(:last-child) {
    border-width: 1px
  }
}

.c_option__table01_head_sub_bd01 {
  border-right: 3px solid #fff!important
}

@media screen and (max-width:768px) {
  .c_option__table01_head_sub_bd01 {
    border-width: 1px
  }
}

.c_option__table01_head_ev {
  color: #fee100
}

.c_option__table01_ev, .c_option__table01_ex, .c_option__table01_ttl, .c_option__table01_txt {
  padding: 10px;
  line-height: 1.3;
  vertical-align: middle;
  border-top: 2px solid #0168b6;
  border-right: 2px solid #0168b6
}

@media screen and (max-width:768px) {
  .c_option__table01_ev, .c_option__table01_ex, .c_option__table01_ttl, .c_option__table01_txt {
    padding: 5px;
    border-width: 1px
  }
}

.c_option__table01_ttl {
  padding: 10px 20px
}

.c_option__table01_bd01 {
  border-right: 3px solid #0168b6!important
}

@media screen and (max-width:768px) {
  .c_option__table01_bd01 {
    border-width: 1px
  }
}

.c_option__table01_last {
  border-right: none!important
}

.c_option__table01_ex, .c_option__table01_txt {
  text-align: right
}

@media screen and (max-width:768px) {
  .c_option__table01_txt {
    font-size: 14px;
    text-align: left
  }

  .c_option__table01_ex {
    font-size: 12px;
    line-height: 1.666;
    text-align: center
  }
}

.c_option__table01_ev {
  font-size: 24px;
  color: #e85f5f;
  text-align: center
}

@media screen and (max-width:768px) {
  .c_option__table01_ev {
    font-size: 18px
  }
}

.c_option__table01_dash {
  text-align: center;
  border-top: 2px dashed #0168b6
}

@media screen and (max-width:768px) {
  .c_option__table01_dash {
    border-width: 1px
  }
}

.c_option__table01_c01 {
  color: #e85f5f
}

.c_option__tab01_menu {
  margin-top: 25px
}

.c_option__tab01_menu_btn {
  position: relative;
  width: 520px;
  height: 90px;
  color: #0168b6;
  cursor: pointer;
  background: #fff;
  border: 2px solid #0168b6;
  border-radius: 10px;
  box-shadow: 0 4px #0168b6;
  -webkit-transition: all .3s;
  transition: all .3s
}

@media screen and (max-width:768px) {
  .c_option__tab01_menu_btn {
    width: 50%;
    height: 53px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6875;
    color: #202020;
    text-align: center;
    background: #edf6fc;
    border: none;
    border-radius: 0;
    box-shadow: none;
    -webkit-transition: none;
    transition: none
  }
}

.c_option__tab01_menu_btn.active, .c_option__tab01_menu_btn:hover {
  height: 90px;
  color: #fff;
  background: #0168b6;
  box-shadow: none;
  -webkit-transform: translateY(4px);
          transform: translateY(4px)
}

@media screen and (max-width:768px) {
  .c_option__tab01_menu_btn.active, .c_option__tab01_menu_btn:hover {
    height: 53px;
    font-weight: 700;
    color: #0168b6;
    background: #edf6fc;
    -webkit-transform: inherit;
            transform: inherit
  }
}

.c_option__tab01_menu_btn.active::after, .c_option__tab01_menu_btn:hover::after {
  position: absolute;
  bottom: -15px;
  left: 50%;
  width: 0;
  height: 0;
  content: "";
  border-color: #0168b6 transparent transparent;
  border-style: solid;
  border-width: 15px 10px 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%)
}

@media screen and (max-width:768px) {
  .c_option__tab01_menu_btn.active::after, .c_option__tab01_menu_btn:hover::after {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #0168b6;
    border: none;
    -webkit-transform: inherit;
            transform: inherit
  }
}

.c_option__tab01_cont {
  margin-top: 40px
}

@media screen and (max-width:768px) {
  .c_option__tab01_cont {
    margin-top: 20px
  }
}

.c_option__tab01_box {
  display: none
}

.c_option__tab01_box.show {
  display: block
}

.c_option__tab01_top {
  text-align: center
}

@media screen and (max-width:768px) {
  .c_option__tab01_top_ttl {
    font-size: 18px;
    line-height: 1.5
  }

  .c_option__tab01_top_txt {
    font-size: 14px
  }
}

.c_option__tab01_btm {
  margin-top: 40px
}

@media screen and (max-width:768px) {
  .c_option__tab01_btm {
    margin-top: 20px
  }

  .c_option__tab01_btm_ttl {
    font-size: 18px
  }
}

.c_option__tab01_btm_box {
  position: relative;
  padding: 20px 25px;
  background: #fff;
  border-top: 3px dashed #ddd
}

@media screen and (max-width:768px) {
  .c_option__tab01_btm_box {
    padding: 15px
  }
}

.c_option__tab01_btm_box:nth-child(2n) {
  background: #edf6fc
}

.c_option__tab01_btm_box:nth-child(2n) .c_option__tab01_btm_num {
  background: #fff
}

.c_option__tab01_btm_num {
  width: 80px;
  height: 80px;
  margin-right: 30px;
  font-size: 36px;
  background: #f5f5f5;
  border-radius: 50%
}

@media screen and (max-width:768px) {
  .c_option__tab01_btm_num {
    width: 50px;
    height: 50px;
    margin-right: 3.27%;
    font-size: 25px
  }
}

.c_option__tab01_btm_btn {
  position: absolute;
  top: 30px;
  right: 0;
  width: 250px;
  height: 58px
}

@media screen and (max-width:768px) {
  .c_option__tab01_btm_btn {
    position: relative;
    top: auto;
    width: 100%
  }

  .c_option__tab01_btm_btm {
    margin-top: 10px
  }

  .c_option__list01_box {
    padding: 15px;
    background: #fff;
    border: 2px solid #0168b6;
    border-radius: 15px
  }

  .c_option__list01_box:not(:last-child) {
    margin-bottom: 20px
  }

  .c_option__list01_desc {
    display: none;
    margin-top: 15px;
    border-top: 2px dashed #eee
  }

  .c_option__list01_btn {
    background: url("/assets/images/arrow-down.svg") no-repeat 100% 50%;
    background-size: 15px
  }

  .c_option__list01_btn.is-open {
    background: url("/assets/images/up.svg") no-repeat 100% 50%;
    background-size: 15px
  }
}

.c_option__list02 {
  margin-top: 28px
}

@media screen and (max-width:768px) {
  .c_option__list02 {
    margin-top: 0
  }
}

.c_option__list02_box {
  display: block;
  margin-top: 40px
}

@media screen and (max-width:768px) {
  .c_option__list02_box:first-child {
    margin-top: 0
  }
}

.c_option__list02_ttl {
  margin-bottom: 15px;
  line-height: 1.5;
  color: #0168b6;
  text-align: center
}

.c_option__list02_ttl::after, .c_option__list02_ttl::before {
  width: 3px;
  height: 50px;
  margin: 0 20px;
  content: "";
  background: #0168b6
}

.c_option__list02_ttl::before {
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg)
}

.c_option__list02_ttl::after {
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg)
}

@media screen and (min-width:769px) {
  .c_option__list02_img {
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out
  }

  .c_option__list02_img:hover {
    -webkit-filter: brightness(1.15);
            filter: brightness(1.15)
  }
}

@media screen and (max-width:1199px) {
  .c_option__list02_img {
    text-align: center
  }
}

.c_renewable__sec01 {
  padding: 0!important
}

@media screen and (max-width:768px) {
  .c_renewable__sec01 .l_sec {
    padding: 40px 15px!important
  }

  .c_renewable__sec01 .l_sec .c_btn3 {
    padding: 0
  }

  .c_renewable__sec02 {
    padding: 40px 15px!important
  }
}

.c_renewable__sec03 {
  padding: 60px 0!important
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_renewable__sec03 {
    padding: 60px 15px!important
  }
}

@media screen and (max-width:768px) {
  .c_renewable__sec03 {
    padding: 40px 15px!important
  }

  .c_renewable__sec03 .c_heading1__subtitle {
    padding-bottom: 0
  }
}

.c_renewable__sec03 .p_top_feature__text+.p_top_feature__title {
  margin-top: 50px
}

@media screen and (max-width:768px) {
  .c_renewable__sec03 .p_top_feature__text+.p_top_feature__title {
    margin-top: 30px
  }

  .c_renewable__sec04 {
    padding: 40px 15px!important
  }
}

.c_renewable__sec05 {
  padding: 60px 0!important
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_renewable__sec05 {
    padding: 60px 15px!important
  }
}

@media screen and (max-width:768px) {
  .c_renewable__sec05 {
    padding: 40px 15px!important
  }

  .c_renewable__sec05 .c_renewable__list01_link_btn {
    font-size: 18px
  }

  .c_renewable__box01 {
    background: #fff
  }
}

.c_renewable__box01_box {
  width: 100%;
  height: 550px;
  color: #fff;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover
}

@media screen and (max-width:768px) {
  .c_renewable__box01_box {
    height: auto;
    color: #202020;
    background: none!important
  }
}

.c_renewable__box01_box:not(:last-child) {
  margin-bottom: 20px
}

@media screen and (max-width:768px) {
  .c_renewable__box01_box:not(:last-child) {
    margin-bottom: 10px
  }
}

.c_renewable__box01_box .l_inner {
  height: 100%
}

@media screen and (max-width:768px) {
  .c_renewable__box01_box .l_inner {
    padding: 15px
  }
}

.c_renewable__box01_ttl {
  margin-bottom: 20px;
  font-size: 34px;
  line-height: 1.5
}

@media screen and (max-width:768px) {
  .c_renewable__box01_ttl {
    margin-bottom: 10px;
    font-size: 22px;
    line-height: 1.458;
    color: #0168b6
  }
}

.c_renewable__box01_txt {
  text-shadow: 0 0 15px #202020
}

@media screen and (max-width:768px) {
  .c_renewable__box01_txt {
    font-size: 16px;
    text-shadow: none
  }
}

.c_renewable__box01_txt+.c_renewable__box01_ttl {
  margin-top: 40px
}

@media screen and (max-width:768px) {
  .c_renewable__box01_txt+.c_renewable__box01_ttl {
    margin-top: 20px
  }
}

.c_renewable__box01_bg01 {
  background-image: url("/assets/images/renewable_img01@2x.jpg")
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_renewable__box01_bg01 {
    height: auto!important;
    padding: 60px 15px
  }
}

.c_renewable__box01_bg02 {
  background-image: url("/assets/images/renewable_img02@2x.jpg")
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_renewable__box01_bg02 {
    height: auto!important;
    padding: 60px 15px
  }
}

.c_renewable__box01_bg03 {
  background-image: url("/assets/images/renewable_img03@2x.jpg")
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_renewable__box01_bg03 {
    height: auto!important;
    padding: 60px 15px 40px
  }
}

.c_renewable__box02 {
  padding: 50px 150px;
  margin-top: 50px;
  background: #edf6fc;
  border-radius: 30px
}

@media screen and (max-width:768px) {
  .c_renewable__box02 {
    padding: 25px 20px;
    border-radius: 15px
  }
}

.c_renewable__box02_box:not(:last-child) {
  margin-bottom: 50px
}

@media screen and (max-width:768px) {
  .c_renewable__box02_box:not(:last-child) {
    margin-bottom: 30px
  }
}

.c_renewable__box02_ttl {
  padding-left: 30px;
  margin-bottom: 20px;
  font-size: 30px;
  line-height: 30px;
  color: #0168b6;
  background: url("/assets/images/home_renewable_denki-icon.svg") no-repeat 0 50%;
  background-size: 20px
}

@media screen and (max-width:768px) {
  .c_renewable__box02_ttl {
    padding-left: 20px;
    margin-bottom: 10px;
    font-size: 22px;
    line-height: 22px;
    background-size: 15px
  }
}

.c_renewable__box02_btn {
  width: 420px
}

@media screen and (max-width:768px) {
  .c_renewable__box02_btn {
    width: 100%;
    padding: 0;
    margin-top: 15px;
    line-height: 1.5;
    text-align: center
  }

  .c_renewable__box02_btn::after {
    right: 20px!important
  }
}

.c_renewable__list01 {
  -webkit-box-align: stretch!important;
          align-items: stretch!important;
  margin-top: 30px
}

.c_renewable__list01_box {
  position: relative;
  box-sizing: border-box;
  display: block;
  width: 340px;
  height: 400px;
  padding: 35px 35px 30px;
  margin: 0 15px;
  overflow: hidden;
  background: #fff;
  border: 3px solid #0168b6;
  border-radius: 30px;
  box-shadow: 0 4px #0168b6;
  -webkit-transition: all .3s;
  transition: all .3s
}

.c_renewable__list01_box:hover {
  box-shadow: none;
  -webkit-transform: translateY(4px);
          transform: translateY(4px)
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_renewable__list01_box {
    height: auto;
    padding: 35px 20px 120px;
    margin: 0 5px
  }
}

@media screen and (max-width:768px) {
  .c_renewable__list01_box {
    width: 100%;
    height: auto;
    padding: 30px 20px;
    margin: 0
  }

  .c_renewable__list01_box:not(:last-child) {
    margin-bottom: 20px
  }
}

.c_renewable__list01_img {
  -webkit-box-align: end!important;
          align-items: flex-end!important;
  height: 60px;
  margin-bottom: 25px
}

.c_renewable__list01_link_txt {
  padding: 0 20px
}

@media screen and (max-width:768px) {
  .c_renewable__list01_link_txt {
    padding: 0 15px;
    text-align: center
  }
}

.c_renewable__list01_link_btn {
  position: absolute;
  bottom: 35px;
  left: 35px;
  width: 267px;
  height: 50px;
  padding: 0 25px;
  line-height: 1;
  color: #fff;
  background: #0168b6 url("/assets/images/right-arrow.svg") no-repeat 92% 50%;
  background-size: 8px;
  border-radius: 50px
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_renewable__list01_link_btn {
    left: 20px;
    width: calc(100% - 40px)
  }
}

@media screen and (max-width:768px) {
  .c_renewable__list01_link_btn {
    position: static;
    width: 92%;
    margin: 20px auto 0;
    font-size: 15px
  }
}

.c_renewable__list02 .p_top_feature__item:not(:first-child) {
  -webkit-box-align: start;
          align-items: flex-start
}

.c_renewable__list02 .p_top_feature__item:not(:nth-child(2n)) .p_top_feature__image {
  -webkit-box-ordinal-group: 3;
          order: 2
}

.c_renewable__list02 .p_top_feature__item:nth-child(2n) {
  -webkit-box-orient: inherit;
  -webkit-box-direction: inherit;
          flex-direction: inherit
}

.c_purchase__sec01 {
  padding: 40px 0 60px!important
}

@media screen and (max-width:768px) {
  .c_purchase__sec01 {
    padding: 40px 15px!important
  }
}

.c_purchase__sec01 .c_heading1__subtitle {
  padding-bottom: 0
}

@media screen and (max-width:768px) {
  .c_purchase__sec01 .c_heading1__subtitle {
    padding-bottom: 30px
  }

  .c_purchase__sec02 {
    padding: 40px 15px!important
  }
}

.c_purchase__list01 {
  margin-top: 30px
}

@media screen and (max-width:768px) {
  .c_purchase__list01 {
    margin-top: 0
  }
}

.c_purchase__list01_box:not(:last-child) {
  margin-right: 30px
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_purchase__list01_box:not(:last-child) {
    margin-right: 0
  }
}

@media screen and (max-width:768px) {
  .c_purchase__list01_box:not(:last-child) {
    margin: 0 0 50px
  }
}

.c_purchase__list01_bal {
  position: relative;
  width: 100%;
  height: 90px;
  text-align: center;
  border-radius: 10px
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_purchase__list01_bal {
    max-width: 700px;
    margin-right: auto;
    margin-left: auto
  }
}

.c_purchase__list01_bal::after, .c_purchase__list01_bal::before {
  position: absolute;
  bottom: -20px;
  left: 50%;
  width: 0;
  height: 0;
  content: "";
  border-style: solid;
  border-width: 10px 8px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%)
}

.c_purchase__list01_bal_c01 {
  color: #fff;
  background: #0168b6
}

.c_purchase__list01_bal_c01::after {
  border-color: #0168b6 transparent transparent
}

.c_purchase__list01_bal_c01::before {
  display: none
}

.c_purchase__list01_bal_c02 {
  background: #fee100;
  border: 1px solid #202020
}

.c_purchase__list01_bal_c02::after {
  border-color: #fee100 transparent transparent
}

.c_purchase__list01_bal_c02::before {
  bottom: -22px;
  border-color: #202020 transparent transparent;
  border-width: 11px 9px
}

.c_purchase__list01_link {
  margin-top: 30px
}

@media screen and (max-width:1199px) {
  .c_purchase__list01_link {
    display: block
  }
}

.c_purchase__list01_link_box {
  position: relative;
  box-sizing: border-box;
  width: 340px;
  padding: 20px 35px 30px;
  background: #fff;
  border: 3px solid #0168b6;
  border-radius: 30px
}

@media screen and (min-width:769px) {
  .c_purchase__list01_link_box.hover-animation {
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out
  }

  .c_purchase__list01_link_box.hover-animation:hover {
    -webkit-filter: brightness(1.15);
            filter: brightness(1.15)
  }
}

@media screen and (max-width:768px) {
  .c_purchase__list01_link_box {
    display: block;
    width: 100%;
    border-radius: 15px
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_purchase__list01_link_box {
    display: block;
    width: 100%;
    max-width: 700px;
    margin-right: auto;
    margin-bottom: 30px;
    margin-left: auto;
    border-radius: 15px
  }
}

.c_purchase__list01_link_box:not(:last-child) {
  margin-right: 30px
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_purchase__list01_link_box:not(:last-child) {
    margin-right: auto
  }
}

@media screen and (max-width:768px) {
  .c_purchase__list01_link_box:not(:last-child) {
    margin: 0 0 20px
  }
}

.c_purchase__list01_img {
  box-sizing: border-box;
  width: 160px;
  height: 160px;
  margin: 0 auto;
  border: 10px solid #edf6fc;
  border-radius: 50%
}

.c_purchase__list01_img img {
  width: 90px
}

.c_purchase__list01_img_ws {
  width: 70px!important
}

.c_purchase__list01_logo {
  margin-top: 40px
}

.c_purchase__list01_txt {
  min-height: 60px;
  margin-top: 20px;
  text-align: center
}

.c_purchase__list01_btn {
  width: 100%;
  height: 50px;
  margin-top: 20px;
  color: #fff;
  cursor: pointer;
  background: #0168b6 url("/assets/images/right-arrow.svg") no-repeat 92% 50%;
  background-size: 8px;
  border-radius: 50px
}

@media screen and (max-width:768px) {
  .c_purchase__list01_btn {
    width: 90%;
    margin: 40px auto 0
  }
}

.c_purchase__list01_close {
  position: absolute;
  top: 20px;
  right: 0;
  left: 0;
  width: 90%;
  padding: 10px 0;
  margin: auto;
  font-size: 20px;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  background-color: rgb(255 0 0 / 70%);
  border-radius: 4px
}

.c_purchase__table01 {
  width: 100%;
  margin-bottom: 60px;
  overflow: hidden;
  border-collapse: separate;
  border: 4px solid #0168b6;
  border-radius: 10px
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_purchase__table01 {
    display: block;
    max-width: 700px;
    margin-right: auto;
    margin-left: auto
  }
}

@media screen and (max-width:768px) {
  .c_purchase__table01 {
    margin-bottom: 20px;
    border-width: 2px
  }
}

.c_purchase__table01_head {
  padding: 20px 0;
  font-size: 24px;
  color: #fff;
  text-align: center;
  background: #0168b6
}

.c_purchase__table01_head:not(:last-child) {
  border-right: 3px solid #fff
}

.c_purchase__table01_head:first-child {
  border-right: 2px solid #fff
}

.c_purchase__table01_head:not(:first-child) {
  width: 333px
}

.c_purchase__table01_ttl, .c_purchase__table01_txt {
  padding: 15px 20px
}

@media screen and (max-width:768px) {
  .c_purchase__table01_ttl, .c_purchase__table01_txt {
    padding: 10px;
    vertical-align: middle
  }
}

.c_purchase__table01_ttl {
  vertical-align: middle;
  background: #edf6fc;
  border-right: 2px solid #0168b6
}

@media screen and (max-width:768px) {
  .c_purchase__table01_ttl {
    width: 30%;
    font-size: 16px;
    color: #fff;
    background: #0168b6
  }
}

.c_purchase__table01_txt:not(:last-child) {
  border-right: 3px solid #0168b6
}

.c_purchase__table01_txt .u_txt3 {
  padding-left: 1em;
  text-indent: -1em
}

.c_purchase__table01_close_wrap {
  position: relative
}

@media screen and (min-width:1200px) {
  .c_purchase__table01_close_wrap {
    min-height: 422px
  }
}

.c_purchase__table01_close {
  position: absolute;
  top: 65px;
  right: 0;
  left: 0;
  width: 100%;
  padding: 10px 0;
  margin: auto;
  font-size: 20px;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  background-color: rgb(255 0 0 / 70%);
  border-radius: 4px
}

.c_purchase__table01_fs01 {
  font-size: 30px
}

.c_purchase__table01_c01 {
  margin-bottom: .5em;
  font-size: 24px;
  line-height: 1;
  color: #e85f5f
}

.c_purchase__table01_area:not(:last-child) {
  margin-bottom: 20px
}

.c_purchase__table01_area_ttl {
  box-sizing: border-box;
  width: 174px;
  padding: 10px;
  font-weight: 400;
  background: #edf6fc
}

@media screen and (max-width:768px) {
  .c_purchase__table01_area_ttl {
    width: 100%;
    margin-bottom: 5px
  }
}

.c_purchase__table01_area_ttl._another {
  text-indent: 0
}

@media screen and (max-width:768px) {
  .c_purchase__table01_area_ttl._another {
    text-indent: 0
  }

  .c_purchase__table01_bg {
    background: #edf6fc
  }
}

.c_purchase__table01 tbody tr:not(:last-child) .c_purchase__table01_ttl, .c_purchase__table01 tbody tr:not(:last-child) .c_purchase__table01_txt {
  border-bottom: 2px dashed #0168b6
}

@media screen and (max-width:768px) {
  .c_purchase__table01 tbody tr:not(:last-child) .c_purchase__table01_ttl, .c_purchase__table01 tbody tr:not(:last-child) .c_purchase__table01_txt {
    border-width: 1px
  }

  .c_purchase__table01 tbody tr:not(:last-child) .c_purchase__table01_ttl {
    border-color: #fff
  }

  .c_purchase__table01 tbody tr.c_purchase__table01_last .c_purchase__table01_ttl {
    border-bottom: 1px solid #fff
  }

  .c_purchase__table01 tbody tr.c_purchase__table01_last .c_purchase__table01_txt {
    border-bottom: 1px solid #0168b6
  }

  .c_purchase__table01 tbody tr:last-child .c_purchase__table01_ttl, .c_purchase__table01 tbody tr:last-child .c_purchase__table01_txt {
    border-bottom: none!important
  }
}

.c_purchase__table01 img {
  display: block;
  margin: 0 auto
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_purchase__table01 img {
    max-width: 300px
  }
}

.c_heading3_mypagePlus_ttl {
  line-height: 1.5
}

@media screen and (max-width:768px) {
  .c_heading3_mypagePlus_ttl {
    text-align: left
  }
}

.c_heading3_mypagePlus_txt {
  color: #202020
}

@media screen and (max-width:768px) {
  .c_contract__tab01_tabs .l_tab__tabitem {
    background: #fff
  }

  .c_contract__tab01_content {
    padding: 0!important;
    margin-top: 20px;
    background: none!important
  }
}

.c_contract__btn01 {
  width: 440px!important;
  height: 64px;
  margin: 0 auto;
  font-size: 16px!important
}

@media screen and (max-width:768px) {
  .c_contract__btn01 {
    width: 100%!important
  }
}

.c_contract__btn01::before {
  width: 8px;
  height: 12px
}

@media screen and (max-width:1199px) {
  .c_contract__step01_box01 {
    display: block!important
  }
}

.c_contract__step01_box01_img {
  width: 400px
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_contract__step01_box01_img {
    margin: 0 auto
  }
}

@media screen and (max-width:768px) {
  .c_contract__step01_box01_img {
    width: 100%
  }
}

.c_contract__step01_box01_img img {
  width: 100%
}

.c_contract__step01_box01_desc {
  max-width: 580px
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_contract__step01_box01_desc {
    margin: 0 auto
  }
}

@media screen and (max-width:768px) {
  .c_contract__step01_box01_desc {
    width: 100%;
    max-width: 100%
  }
}

.c_contract__step01_box01_card {
  padding: 20px;
  margin-top: 20px;
  background: #f5f5f5;
  border-radius: 10px
}

.c_contract__step01_box01_card_ttl {
  width: 264px;
  height: 30px;
  text-align: center;
  border: 1px solid
}

@media screen and (max-width:768px) {
  .c_contract__step01_box01_card_ttl {
    width: 100%
  }
}

.c_contract__step01_box01_card_img {
  height: 90px;
  margin: 10px 0;
  background: #fff;
  border-radius: 5px
}

@media screen and (max-width:768px) {
  .c_contract__step01_box01_card_img {
    height: auto;
    padding: 10px 0
  }
}

.c_contract__step01_box02 {
  width: 100%
}

.c_contract__step01_box02_line {
  padding-top: 40px;
  margin-top: 40px;
  border-top: 3px dashed #999
}

.c_contract__step01_box02_ttl {
  margin-top: 40px;
  font-size: 18px;
  text-align: center
}

.c_contract__step01_box03 {
  -webkit-box-align: start!important;
          align-items: flex-start!important
}

.c_contract__step01_box03_img {
  width: 400px
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_contract__step01_box03_img {
    margin: 0 auto
  }
}

@media screen and (max-width:768px) {
  .c_contract__step01_box03_img {
    width: 100%
  }
}

.c_contract__step01_box03_img img {
  width: 100%
}

.c_contract__step01_box03_desc {
  width: 520px
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_contract__step01_box03_desc {
    margin: 0 auto
  }
}

@media screen and (max-width:768px) {
  .c_contract__step01_box03_desc {
    width: 100%
  }
}

.c_contract__step01_box03_desc_txt {
  margin: 20px 0;
  font-size: 16px;
  line-height: 1.875
}

.c_contract__step01_box03_desc .c_contract__btn01 {
  margin: 0
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_contract__step01_box03_desc .c_contract__btn01, .c_contract__step01_box03_desc .p_top_plan__button--pick {
    margin: 0 auto
  }
}

.c_contract__step01_box04 {
  -webkit-box-align: start!important;
          align-items: flex-start!important;
  width: 940px;
  margin: 40px auto 0
}

@media screen and (max-width:1199px) {
  .c_contract__step01_box04 {
    width: 100%
  }
}

.c_contract__step01_item_wrap {
  flex-wrap: wrap
}

@media screen and (max-width:768px) {
  .c_contract__step01_item_wrap .item .step .title {
    font-size: 20px
  }
}

.c_contract__step01_item_wrap .item .step .title .inner .u_txt1 {
  font-weight: 400
}

.c_contract__step01_item_numnone {
  display: block!important;
  padding-bottom: 40px!important
}

.c_contract__step01_item_numnone::before {
  display: none!important
}

@media screen and (max-width:768px) {
  .c_contract__step01_item_first .step .title::before {
    display: none!important
  }
}

.c_contract__step01_item_flexnone {
  display: block!important;
  width: 910px;
  padding: 0!important;
  margin: 0!important;
  background: none!important;
  border: none!important
}

@media screen and (max-width:768px) {
  .c_contract__step01_item_flexnone {
    width: 100%
  }
}

.c_contract__step01_item_flexnone::after {
  display: none!important
}

.c_contract__step01_item_stay {
  display: block!important;
  padding: 0!important;
  line-height: 1.363;
  color: #0168b6;
  text-align: center;
  border: none!important
}

@media screen and (max-width:768px) {
  .c_contract__step01_item_stay {
    background: none!important
  }
}

.c_contract__box01 picture {
  width: 560px
}

@media screen and (max-width:768px) {
  .c_contract__box01 picture {
    width: 100%
  }
}

.c_contract__box01 img {
  width: 100%
}

@media screen and (max-width:768px) {
  .c_contract__cap_ttl {
    width: 15%
  }

  .c_contract__cap_txt {
    width: 85%
  }

  .c_contract__sec03 {
    padding: 40px 15px
  }
}

.c_biz__sec01 {
  padding: 90px 0 60px!important
}

@media screen and (max-width:768px) {
  .c_biz__sec01 {
    padding: 70px 15px 40px!important
  }

  .c_biz__sec02 {
    padding: 40px 15px!important
  }

  .c_biz__sec02 .p_top_plan__titleOuter {
    line-height: 1.536
  }
}

.c_biz__sec03 {
  padding: 60px 0!important
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_biz__sec03 {
    padding-right: 20px!important;
    padding-left: 20px!important
  }
}

@media screen and (max-width:768px) {
  .c_biz__sec03 {
    padding: 40px 15px!important
  }

  .c_biz__sec03 .p_top_plan__titleOuter {
    line-height: 1.536
  }

  .c_biz__sec04, .c_biz__sec05, .c_biz__sec06 {
    padding: 40px 15px!important
  }
}

.c_biz__sec07 {
  padding: 60px 0!important
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_biz__sec07 .c_question_list {
    padding-left: 20px!important;
    margin-right: 20px!important
  }
}

@media screen and (max-width:768px) {
  .c_biz__sec07 {
    padding: 40px 15px!important
  }
}

.c_biz__recommend::after, .c_biz__recommend::before {
  display: none!important
}

.c_biz__recommendWrap {
  width: 830px!important
}

@media screen and (max-width:768px) {
  .c_biz__recommendWrap {
    width: 92%!important
  }
}

.c_biz__recommend_c01 {
  color: #fee100
}

.c_biz__ttl01 {
  font-size: 30px;
  line-height: 1.8;
  color: #0168b6
}

@media screen and (max-width:768px) {
  .c_biz__ttl01, .c_biz__ttl01 .p_top_plan__title {
    font-size: 24px!important
  }
}

.c_biz__ttl02 {
  margin-top: 60px
}

.c_biz__ttl02_badge {
  width: 132px;
  height: 40px;
  margin-right: 20px;
  line-height: 1;
  color: #fff;
  background: #0168b6;
  border-radius: 3px
}

@media screen and (max-width:768px) {
  .c_biz__ttl02_badge {
    margin: 0 auto
  }
}

.c_biz__ttl02_badge::before {
  margin-right: 4px;
  content: url("/assets/images/tokkyo_icon.svg")
}

.c_biz__ttl02_txt {
  font-size: 30px;
  color: #0168b6
}

@media screen and (max-width:768px) {
  .c_biz__ttl02_txt {
    font-size: 22px;
    line-height: 1.681;
    text-align: center
  }
}

.c_biz__txt01 {
  margin-top: 20px;
  text-align: center
}

.c_biz__box01 {
  position: relative;
  box-sizing: border-box;
  width: 830px;
  padding: 20px 60px;
  margin: 0 auto;
  border: 4px solid #0168b6;
  border-radius: 10px
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_biz__box01 {
    width: auto
  }
}

@media screen and (max-width:768px) {
  .c_biz__box01 {
    width: 100%;
    padding: 20px 15px;
    border-width: 3px
  }
}

.c_biz__box01::after {
  position: absolute;
  bottom: -50px;
  left: 50%;
  width: 0;
  height: 0;
  content: "";
  border-color: #202020 transparent transparent;
  border-style: solid;
  border-width: 27px 15.5px 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%)
}

.c_biz__box01_ttl {
  padding-bottom: 20px;
  margin-bottom: 20px;
  color: #0168b6;
  text-align: center;
  border-bottom: 3px dashed #ddd
}

@media screen and (max-width:768px) {
  .c_biz__box01_ttl {
    font-size: 18px
  }
}

.c_biz__box02 {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 3px dashed #ddd
}

.c_biz__list01 {
  -webkit-box-pack: center;
          justify-content: center
}

@media screen and (max-width:768px) {
  .c_biz__list01 {
    -webkit-box-pack: justify;
            justify-content: space-between;
    margin-left: 15px
  }

  .c_biz__list01 .c_dotlist__item {
    width: 50%;
    margin: 0
  }
}

.c_biz__list01 .c_dotlist__item:not(:last-child) {
  margin-right: 40px
}

@media screen and (max-width:768px) {
  .c_biz__list01 .c_dotlist__item:not(:last-child) {
    margin-right: 0
  }
}

.c_biz__list02 {
  width: 830px;
  margin: 30px auto
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_biz__list02 {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    width: auto
  }
}

@media screen and (max-width:768px) {
  .c_biz__list02 {
    width: 100%;
    margin: 0 0 30px
  }
}

.c_biz__list02_box {
  width: 400px
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_biz__list02_box {
    width: 48%
  }
}

@media screen and (max-width:768px) {
  .c_biz__list02_box {
    width: 100%;
    margin-top: 20px
  }
}

.c_biz__list02_box img {
  width: 100%
}

.c_biz__list03 {
  width: 1080px;
  margin: 0 auto
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_biz__list03 {
    display: -webkit-box;
    display: flex;
    width: 100%;
    max-width: 700px;
    margin-right: auto;
    margin-left: auto
  }
}

@media screen and (max-width:768px) {
  .c_biz__list03 {
    width: 100%
  }
}

.c_biz__list03_box {
  width: 340px;
  margin-top: 30px;
  overflow: hidden;
  text-align: center;
  background: #fff;
  border: 2px solid #ddd;
  border-radius: 30px
}

@media screen and (max-width:768px) {
  .c_biz__list03_box {
    width: 100%;
    border-radius: 32px
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_biz__list03_box {
    width: 49%;
    border-radius: 50px
  }

  .c_biz__list03_box:nth-child(2n) {
    margin-left: 2%
  }
}

@media screen and (min-width:1200px) {
  .c_biz__list03_box:not(:nth-child(3n)) {
    margin-right: 30px
  }
}

@media screen and (max-width:768px) {
  .c_biz__list03_box:not(:nth-child(3n)) {
    margin-right: 0
  }
}

@media screen and (max-width:1199px) {
  .c_biz__list03_box img {
    width: 100%
  }
}

.c_biz__list03_desc {
  padding: 20px
}

.c_biz__list03_ttl {
  margin-bottom: 20px;
  color: #0168b6
}

.c_biz__list03_kw {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 26px;
  padding: 0 10px;
  margin: 0 auto;
  border: 1px solid #202020;
  border-radius: 2px
}

.c_biz__list03_top {
  padding-bottom: 15px;
  margin-bottom: 10px;
  border-bottom: 2px dashed #ddd
}

.c_biz__list03_btm {
  line-height: 1
}

.c_biz__list03_bfaf {
  position: relative;
  padding: 20px 10px;
  background: #f5f5f5;
  border-radius: 10px
}

.c_biz__list03_bfaf_box {
  line-height: 1
}

.c_biz__list03_bfaf_box:first-child::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  content: "";
  border-color: transparent transparent transparent #202020;
  border-style: solid;
  border-width: 6.5px 0 6.5px 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%)
}

.c_biz__list03_c01 {
  color: #e85f5f
}

.c_biz__list03_fs01 {
  font-size: 22px
}

.c_biz__list04 {
  width: 1040px;
  margin: 0 auto;
  background: url("/assets/images/biz_arrow01.svg") no-repeat 100% 0;
  background-size: contain
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_biz__list04 {
    width: 100%
  }
}

@media screen and (max-width:768px) {
  .c_biz__list04 {
    width: 100%;
    background: url("/assets/images/biz_arrow01_sp.svg") no-repeat 100% 0;
    background-size: contain
  }
}

.c_biz__list04 .c_step_list {
  width: 950px
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_biz__list04 .c_step_list {
    width: auto;
    margin-right: 100px
  }
}

@media screen and (max-width:768px) {
  .c_biz__list04 .c_step_list {
    width: 85%
  }

  .c_biz__list04 .c_step_list .item:last-child {
    margin-bottom: 0
  }
}

.c_biz__list04 .c_step_list .item .step .title {
  font-weight: 400
}

@media screen and (max-width:768px) {
  .c_biz__list04 .c_step_list .item .step .title::before {
    -webkit-box-align: center;
            align-items: center
  }
}

.c_biz__btn01 {
  position: absolute;
  bottom: 0;
  z-index: 1;
  -webkit-box-align: end;
          align-items: flex-end;
  width: 100%;
  height: 300px;
  cursor: pointer;
  background: -webkit-linear-gradient(top, hsl(0deg 0% 100% / 0%), #fff 50%);
  background: linear-gradient(180deg, hsl(0deg 0% 100% / 0%), #fff 50%)
}

.c_biz__btn01.is-open {
  background: none
}

.c_biz__btn01.is-open .c_biz__btn01_down {
  display: none
}

.c_biz__btn01.is-open .c_biz__btn01_up {
  display: -webkit-box;
  display: flex
}

.c_biz__btn01.is-open+.c_biz__list03 {
  height: auto;
  padding-bottom: 120px
}

.c_biz__btn01_down::after {
  top: 40%;
  right: 30px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg)
}

.c_biz__btn01_up {
  display: none
}

.c_biz__btn01_up::after {
  top: 40%;
  right: 30px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg)
}

.c_biz__pos {
  position: relative
}

.p_home_cancellation__announceWrap {
  width: 94%;
  max-width: 1200px;
  padding: 20px 10px;
  margin: 0 auto;
  color: #e9593a;
  text-align: center;
  background-color: #fbded7;
  border-radius: 10px
}

.p_home_cancellation_cautionwrap {
  width: 94%;
  max-width: 1200px;
  margin: 10px auto
}

.p_home_cancellation__announce {
  line-height: 1.9
}

.p_home_cancellation__announce::before {
  width: 30px;
  height: 26px;
  content: url("../images/download_attention.svg")
}

@media screen and (min-width:769px) {
  .p_home_cancellation__announce::before {
    display: inline-block;
    margin-right: 10px
  }
}

@media screen and (max-width:768px) {
  .p_home_cancellation__announce::before {
    display: block;
    margin: 0 auto
  }
}

@media screen and (min-width:769px) {
  .p_home_cancellation__announce--enphasis {
    font-size: 30px
  }
}

@media screen and (max-width:768px) {
  .p_home_cancellation__announce--enphasis {
    font-size: 24px
  }
}

@media screen and (min-width:769px) {
  .p_home_cancellation__announceText {
    font-size: 24px
  }
}

@media screen and (max-width:768px) {
  .p_home_cancellation__announceText {
    font-size: 18px
  }
}

.p_home_cancellation__announceText--request {
  line-height: 1.9
}

.p_top_feature__noneBorder {
  background-image: none!important
}

.p_top_feature__item--reverse {
  -webkit-box-orient: horizontal!important;
  -webkit-box-direction: reverse!important;
          flex-direction: row-reverse!important
}

@media screen and (min-width:769px) {
  .p_home_cancellation__box {
    padding: 60px 0;
    border-radius: 30px
  }
}

@media screen and (max-width:768px) {
  .p_home_cancellation__box {
    padding: 20px 0;
    border-radius: 15px
  }
}

.p_home_cancellation__box--blue {
  background-color: #edf6fc
}

.p_home_cancellation__boxInner--blue {
  width: 94%;
  max-width: 920px;
  margin: 0 auto
}

.p_home_cancellation__box--white {
  background-color: #fff
}

.p_home_cancellation__boxInner--white {
  width: 94%;
  max-width: 1080px;
  margin: 0 auto
}

.p_home_cancellation__title {
  line-height: 1.9;
  color: #0168b6;
  text-align: center
}

@media screen and (min-width:769px) {
  .p_home_cancellation__title {
    font-size: 30px
  }
}

@media screen and (max-width:768px) {
  .p_home_cancellation__title {
    font-size: 22px
  }
}

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

.p_home_cancellation_zero {
  position: relative
}

.p_home_cancellation_zero::after {
  position: absolute;
  left: 50%;
  content: "";
  border-color: #edf6fc transparent transparent;
  border-style: solid;
  border-width: 74px 45px 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%)
}

@media screen and (min-width:769px) {
  .p_home_cancellation_zero::after {
    bottom: -50px
  }
}

@media screen and (max-width:768px) {
  .p_home_cancellation_zero::after {
    bottom: -30px
  }
}

.p_home_cancellation_simulation {
  background-color: #fff!important
}

.p_home_cancellation_kantou__text--emphasis {
  color: #0168b6;
  text-align: center
}

@media screen and (min-width:769px) {
  .p_home_cancellation_kantou__text--emphasis {
    font-size: 22px
  }
}

@media screen and (max-width:768px) {
  .p_home_cancellation_kantou__text--emphasis {
    font-size: 18px
  }
}

.p_home_cancellation_kantou__text {
  line-height: 1.9;
  text-align: center
}

.p_home_cancellation_kantou__image {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center
}

@media screen and (min-width:769px) {
  .p_home_cancellation_kantou__buttonGroup {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center
  }

  .p_home_cancellation_kantou__buttonWrap {
    width: 50%
  }

  .p_home_cancellation_kantou__buttonWrap:nth-child(n+2) {
    margin-left: 40px
  }
}

@media screen and (max-width:768px) {
  .p_home_cancellation_kantou__buttonWrap {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center
  }

  .p_home_cancellation_kantou__buttonWrap:nth-child(n+2) {
    margin-top: 20px
  }
}

@media screen and (min-width:769px) {
  .p_home_cancellation__dotList {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .p_home_cancellation__dotList {
    width: 94%;
    margin-right: auto;
    margin-left: auto
  }
}

@media screen and (min-width:1200px) {
  .p_home_cancellation__dotItem {
    width: 50%
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .p_home_cancellation__dotItem {
    width: 46%
  }
}

@media screen and (max-width:768px) {
  .p_home_cancellation__dotItem:nth-child(n+2) {
    margin-top: 10px
  }
}

.p_home_cancellation_abolition__text {
  line-height: 1.9
}

@media screen and (min-width:769px) {
  .p_home_cancellation_abolition__text {
    text-align: center
  }
}

@media screen and (max-width:768px) {
  .p_home_cancellation_abolition__text {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center
  }
}

@media screen and (min-width:769px) {
  .p_home_cancellation_abolition__note {
    position: unset;
    padding-left: 1.8em;
    text-align: center;
    text-indent: -1.8em
  }

  .p_home_cancellation_abolition__note::before {
    position: unset;
    margin-right: 10px
  }
}

.p_home_cancellation_abolition__buttonWrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center
}

.p_cv_wrap {
  padding: 30px 0;
  background-color: #0168b6
}

.p_cv_round {
  overflow: hidden;
  border-radius: 20px
}

@media screen and (max-width:768px) {
  .p_cv_round {
    border-radius: 10px
  }
}

.p_cv_round .p_top_userAction_request__button, .p_cv_round .p_top_userAction_simulation__button {
  padding-right: 0
}

.l_main {
  position: relative
}

.l_main._graybdr {
  border-bottom: 1px solid #ddd
}

.c_table2 {
  width: 100%;
  overflow: hidden;
  border-collapse: separate;
  border: 2px solid #0068b6;
  border-radius: 8px
}

.c_table2__row:nth-child(n+2) .c_table2__data2, .c_table2__row:nth-child(n+2) .c_table2__title {
  border-top: 1px solid #0068b6
}

.c_table2__title {
  width: calc(100% - 900px);
  padding: 30px;
  vertical-align: middle;
  background-color: #edf6fc
}

.c_table2__data, .c_table2__data2 {
  width: 560px;
  padding: 30px;
  line-height: 1.875;
  vertical-align: middle;
  border-left: 1px solid #0068b6
}

.c_table2__data3 {
  border-top: 1px solid #0068b6
}

.c_table2__data3, .c_table2__data3-2 {
  width: 340px;
  vertical-align: middle;
  border-left: 1px solid #0068b6
}

.c_table2__button {
  width: 300px!important
}

@media screen and (min-width:769px) {
  .c_table2__button {
    margin: 0 auto
  }
}

@media screen and (max-width:768px) {
  .c_table2__button {
    width: 100%!important
  }

  .c_table2__wrap {
    display: block;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 10px
  }

  .c_table2__wrap>:first-child {
    margin-top: 0
  }
}

.c_table2__wrap .u_txtlink {
  display: inline
}

.c_table2__subttl {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5
}

.c_table2__desc {
  margin-bottom: 20px;
  line-height: 1.5
}

.c_table2__desc+.p_invoice__attention {
  padding-top: 0!important
}

.c_table2__sp {
  display: none
}

@media screen and (max-width:768px) {
  .c_table2__sp {
    display: block
  }
}

.c_table2__item {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px dashed #222
}

.c_table2__item:last-child {
  margin-bottom: 0
}

.c_table2__item .label {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5
}

.c_table2__item .innerlist .inneritem {
  margin-bottom: 10px;
  font-size: 16px;
  text-align: right
}

.c_table2__item .innerlist .inneritem:last-child {
  margin-bottom: 0
}

.c_iframewrap {
  width: 100%;
  height: 500px
}

@media screen and (max-width:768px) {
  .c_iframewrap {
    height: 300px
  }
}

.c_crediterrmsg {
  padding: 30px;
  background: #fbded7;
  border-radius: 15px
}

@media screen and (max-width:768px) {
  .c_crediterrmsg {
    padding: 15px 20px
  }
}

.c_crediterrmsg-txt {
  font-weight: 700;
  color: #e85f5f
}

.u_footbnr_sg {
  max-width: 590px;
  margin: 60px auto 0;
  text-align: center
}

@media screen and (max-width:768px) {
  .u_footbnr_sg {
    margin-top: 40px
  }
}

.u_footbnr_sg-img {
  max-width: 100%
}

@media screen and (min-width:769px) {
  .u_footbnr_sg-link {
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out
  }

  .u_footbnr_sg-link:hover {
    -webkit-filter: brightness(1.15);
            filter: brightness(1.15)
  }
}

@media(max-width:1200px) {
  .bussinesplan_pricelist {
    margin-top: -6px
  }
}

@media screen and (max-width:768px) {
  .bussinesplan_pricelist {
    margin-top: 0
  }
}

.c_purchase__table01_txt .u_txt3.DENKIWEB_FR_DEV-905_672 {
  padding: 0;
  text-indent: 0
}

.l_inner._col2 .l_side .c_side_inner .c_button .txt_main._adjust {
  font-size: 18px
}

.p-kv__inner h1 a.DENKIWEB_FR_DEV-905_836 {
  bottom: 11%
}

.u_mg0a {
  margin: 0 auto
}

.l_inner._col2 .l_side .c_side_inner .c_button._adjustbtn {
  padding: 15px 20px 15px 15px
}

.u_dn {
  display: none
}

._ptn_home_feature {
  position: relative;
  display: block;
  width: 100%;
  max-width: 500px;
  padding: 15px 30px;
  margin: 36px auto 0;
  font-family: "HiraKakuProN-W6", "ヒラギノ角ゴ ProN W6", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #f9be00;
  text-align: center;
  letter-spacing: .04em;
  background-color: #fff;
  border: 2px solid #f9be00;
  border-radius: 6px;
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}

.p-why__txts._ptn_pr_hokkaido {
  -webkit-box-align: center;
          align-items: center;
  margin-bottom: 50px
}

.p_home_cancellation_btn {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  margin: 30px auto
}

.p_mypage_request__title._adjust {
  margin-bottom: 30px
}

.u_dib {
  display: inline-block
}

.p_home_joinMapUnder .DENKIWEB_FR_DEV-1052 {
  display: block
}

.p_home_joinMapUnder .DENKIWEB_FR_DEV-1052 .u_txtlink {
  display: inline
}

.c_incrementlist-item {
  position: relative;
  margin-left: 2em;
  counter-increment: title
}

.c_incrementlist-item::before {
  position: absolute;
  left: -2em;
  content: "※" counter(title)
}

@media screen and (max-width:768px) {
  .p_clause__inner .sp_mt10 {
    margin-top: 10px
  }
}

:input-placeholder {
  color: #ddd
}

@media screen and (max-width:1199px) {
  .p_mypage_simulator_userAction_tel.u_spTab_flex.is_pc_none, .p_top_userAction_tel.u_spTab_flex.is_pc_none {
    display: none
  }
}

.c_iframe {
  height: 200px;
  padding: 10px;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: scroll;
  line-height: 1.75;
  background-color: #fff;
  border: 1px solid #ddd
}

.c_iframe .min_ttl {
  display: inline-block;
  padding: 0 0 2px;
  margin: 15px 0 10px;
  font-weight: 700;
  border-bottom: 1px solid #000
}

.c_iframe .list_number {
  margin: 18px 0 0
}

.c_iframe .list_number li {
  margin: 0 0 10px;
  list-style-position: inside;
  list-style-type: decimal
}

.c_iframe._smarttime {
  height: 500px;
  padding: 30px 50px
}

@media screen and (max-width:768px) {
  .c_iframe._smarttime {
    height: 300px;
    padding: 10px 20px
  }
}

.price_table dl {
  width: 70%;
  margin: 0 auto
}

@media screen and (max-width:1199px) {
  .price_table dl {
    width: 100%
  }
}

.price_table dd {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  margin: 0 0 16px;
  border: 1px solid #202020
}

.price_table dd p {
  width: 50%;
  padding: 2px 6px
}

.price_table dd p:last-child {
  text-align: end;
  border-left: 1px solid #202020
}

.ui-selectmenu-open {
  max-width: 50%
}

.pulldown-top {
  margin-right: 25%;
  margin-left: 25%
}

@media screen and (max-width:768px) {
  .pulldown-top {
    margin-right: 0;
    margin-left: 0
  }
}

.pulldown-contract {
  margin-right: 3%
}

@media screen and (max-width:768px) {
  .pulldown-contract {
    margin-right: 0
  }
}

.close-announce {
  padding: 15px 0;
  background-color: #e85f5f
}

.close-announce__container {
  max-width: 1200px;
  margin: auto
}

@media screen and (max-width:768px) {
  .close-announce__container {
    width: 92%
  }
}

.close-announce__text {
  margin: 5px 0;
  line-height: 1.5;
  color: #fff
}

.c_button {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: all .3s;
  transition: all .3s
}

.c_button:hover {
  box-shadow: none
}

@media screen and (min-width:1200px) {
  .c_button:hover {
    -webkit-transform: translateY(4px);
            transform: translateY(4px)
  }
}

@media screen and (max-width:1199px) {
  .c_button:hover {
    -webkit-transform: translateY(3px);
            transform: translateY(3px)
  }
}

.c_button__simulation {
  position: relative;
  color: #464646;
  background-color: #fee100
}

.c_button__simulation::after {
  position: absolute;
  top: 50%;
  display: inline-block;
  content: "";
  background-image: url("../images/arrow.svg");
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%)
}

@media screen and (min-width:1200px) {
  .c_button__simulation {
    box-shadow: 0 4px #e0bf04
  }
}

@media screen and (max-width:1199px) {
  .c_button__simulation {
    width: 346px;
    height: 74px;
    box-shadow: 0 3px #e0bf04
  }

  .c_button__tel {
    position: relative;
    background-color: #fff;
    border: 2px solid #dcdcdc;
    border-radius: 10px;
    box-shadow: 0 3px #dcdcdc
  }

  .c_button__tel::after {
    position: absolute;
    top: 50%;
    display: inline-block;
    content: "";
    background-image: url("../images/arrow3.svg");
    background-size: cover;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
  }
}

.c_button__request {
  position: relative;
  color: #fff;
  background-color: #e85f5f
}

.c_button__request::after {
  position: absolute;
  top: 50%;
  display: inline-block;
  content: "";
  background-image: url("../images/arrow2.svg");
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%)
}

@media screen and (min-width:1200px) {
  .c_button__request {
    box-shadow: 0 4px #d53337
  }
}

@media screen and (max-width:1199px) {
  .c_button__request {
    box-shadow: 0 3px #d53337
  }
}

.c_button__request2 {
  position: relative;
  width: 100%;
  max-width: 500px;
  height: 90px;
  padding: 0 40px;
  color: #fff;
  background-color: #e85f5f;
  border-radius: 15px
}

.c_button__request2::after {
  position: absolute;
  top: 50%;
  right: 20px;
  display: inline-block;
  width: 22px;
  height: 22px;
  content: "";
  background-image: url("../images/arrow2.svg");
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%)
}

@media screen and (min-width:1200px) {
  .c_button__request2 {
    box-shadow: 0 4px #d53337
  }
}

@media screen and (max-width:1199px) {
  .c_button__request2 {
    box-shadow: 0 3px #d53337
  }
}

.c_button__request2Title {
  margin-left: 10px
}

@media screen and (min-width:769px) {
  .c_button__request2Title {
    font-size: 22px
  }
}

@media screen and (max-width:768px) {
  .c_button__request2Title {
    font-size: 20px
  }
}

.c_button__more {
  position: relative;
  font-size: 18px;
  line-height: 1.4;
  color: #fff;
  text-align: center;
  background-color: #0168b6;
  border-radius: 1000px
}

.c_button__more::after {
  position: absolute;
  top: 50%;
  right: 26px;
  width: 8px;
  height: 12px;
  content: "";
  background-image: url("../images/layer2.svg");
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%)
}

@media screen and (min-width:769px) {
  .c_button__more {
    width: 480px;
    height: 70px;
    border: 3px solid #0168b6;
    box-shadow: 0 4px #0c426a
  }
}

@media screen and (max-width:768px) {
  .c_button__more {
    width: 90%;
    height: 60px;
    border: 2px solid #0168b6;
    box-shadow: 0 3px #0c426a
  }
}

.c_button__used {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  color: #fff;
  background-color: #0068b6;
  border-radius: 8px
}

@media screen and (min-width:769px) {
  .c_button__used {
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out
  }

  .c_button__used:hover {
    -webkit-filter: brightness(1.15);
            filter: brightness(1.15)
  }
}

.c_button__eneco {
  position: relative;
  color: #fff;
  background-color: #e85f5f;
  border-radius: 1000px
}

.c_button__eneco::after {
  position: absolute;
  top: 50%;
  right: 26px;
  width: 8px;
  height: 12px;
  content: "";
  background-image: url("../images/layer2.svg");
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%)
}

@media screen and (min-width:769px) {
  .c_button__eneco {
    box-shadow: 0 4px #d53337
  }
}

@media screen and (max-width:768px) {
  .c_button__eneco {
    box-shadow: 0 3px #d53337
  }
}

.c_button__prev {
  position: relative;
  font-size: 18px;
  line-height: 1.4;
  text-align: center;
  background-color: #ddd;
  border-radius: 1000px
}

.c_button__prev::after {
  position: absolute;
  top: 50%;
  left: 26px;
  width: 10px;
  height: 16px;
  content: "";
  background-image: url("../images/left-toggle.png");
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%)
}

@media screen and (min-width:769px) {
  .c_button__prev {
    box-shadow: 0 4px #999
  }
}

@media screen and (max-width:768px) {
  .c_button__prev {
    box-shadow: 0 3px #999
  }
}

.c_button__switch {
  font-weight: 700;
  line-height: 1.5;
  color: #0068b6;
  text-align: center;
  background-color: #fff;
  border: 2px solid #0068b6;
  border-radius: 10px
}

.c_button__switch.active {
  position: relative;
  color: #fff;
  background-color: #0068b6
}

.c_button__switch.active::after {
  position: absolute;
  bottom: -18px;
  left: 50%;
  z-index: -1;
  display: inline-block;
  content: "";
  border-color: #2b68b0 transparent transparent;
  border-style: solid;
  border-width: 16px 11px 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%)
}

@media screen and (min-width:769px) {
  .c_button__switch {
    font-size: 22px;
    box-shadow: 0 4px #0068b6
  }
}

@media screen and (max-width:768px) {
  .c_button__switch {
    box-shadow: 0 3px #0068b6
  }
}

.c_bread_top_links {
  display: -webkit-box;
  display: flex;
  margin-top: 8px;
  margin-left: 60px;
  font-size: 14px
}

.c_bread_top_links .c_bread_top_list {
  padding-right: 20px
}

@media screen and (max-width:768px) {
  .c_bread_top_links .c_bread_top_list {
    padding-right: 10px
  }
}

.c_bread_top_links .c_bread_top_list .c_before_page {
  color: #0068b6;
  text-decoration: underline
}

@media screen and (max-width:768px) {
  .c_bread_top_links {
    margin-left: 4%;
    overflow-x: auto;
    font-size: 12px;
    white-space: nowrap
  }
}

.c_btn_wrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 96%;
  max-width: 100%
}

@media screen and (max-width:768px) {
  .c_btn_wrap {
    flex-wrap: wrap-reverse;
    margin-right: auto;
    margin-left: auto
  }
}

.c_btn_wrapNot {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 96%;
  max-width: 100%
}

@media screen and (max-width:768px) {
  .c_btn_wrapNot {
    flex-wrap: wrap;
    margin-right: auto;
    margin-left: auto
  }
}

.c_blue_button {
  position: relative;
  width: 420px;
  height: 70px;
  margin-right: auto;
  margin-left: auto;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  background-color: #0068b6;
  border-radius: 50px;
  box-shadow: 0 4px 0 2px #0c426a;
  opacity: 1;
  -webkit-transition: .3s;
  transition: .3s
}

.c_blue_button._top_space {
  margin-top: 40px
}

@media screen and (max-width:768px) {
  .c_blue_button {
    width: 96%;
    max-width: 100%;
    height: 60px
  }

  .c_blue_button._top_space {
    margin-top: 30px
  }
}

.c_blue_button:hover {
  box-shadow: 0 0 0 0;
  -webkit-transform: translateY(4px);
          transform: translateY(4px)
}

.c_blue_button::after {
  position: absolute;
  top: 50%;
  right: 20px;
  z-index: 1;
  display: block;
  width: 18px;
  height: 18px;
  color: #fff;
  content: "";
  background: url("../images/right-toggle.svg");
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%)
}

@media screen and (max-width:768px) {
  .c_blue_button::after {
    right: 16px;
    width: 16px;
    height: 16px
  }
}

.c_icon_memoImg {
  width: auto;
  margin-right: 10px
}

.c_blue_button_min {
  position: relative;
  width: 320px;
  height: 70px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  background-color: #0068b6;
  border-radius: 50px;
  box-shadow: 0 4px 0 2px #0c426a;
  opacity: 1;
  -webkit-transition: .3s;
  transition: .3s
}

@media screen and (max-width:768px) {
  .c_blue_button_min {
    width: 100%;
    height: 60px;
    margin-bottom: 28px
  }
}

.c_blue_button_min:hover {
  box-shadow: 0 0 0 0;
  -webkit-transform: translateY(4px);
          transform: translateY(4px)
}

.c_blue_button_min::after {
  position: absolute;
  top: 50%;
  right: 20px;
  z-index: 1;
  display: block;
  width: 18px;
  height: 18px;
  color: #fff;
  content: "";
  background: url("../images/right-toggle.png");
  background-repeat: no-repeat;
  background-size: auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%)
}

@media screen and (max-width:768px) {
  .c_blue_button_min::after {
    right: 16px;
    width: 16px;
    height: 16px
  }
}

.c_gray_button_min {
  position: relative;
  width: 320px;
  height: 70px;
  margin-right: 80px;
  font-size: 16px;
  font-weight: 600;
  color: #202020;
  background-color: #ddd;
  border-radius: 50px;
  box-shadow: 0 4px 0 2px #999;
  opacity: 1;
  -webkit-transition: .3s;
  transition: .3s
}

.c_gray_button_min:hover {
  box-shadow: 0 0 0 0;
  -webkit-transform: translateY(4px);
          transform: translateY(4px)
}

.c_gray_button_min::before {
  position: absolute;
  left: 20px;
  display: inline-block;
  width: 18px;
  height: 18px;
  color: #202020;
  content: "";
  background: url("../images/left-toggle.png");
  background-repeat: no-repeat;
  background-size: contain
}

@media screen and (max-width:768px) {
  .c_gray_button_min::before {
    left: 16px;
    width: 16px;
    height: 16px
  }

  .c_gray_button_min {
    width: 300px;
    height: 60px;
    margin-right: 0
  }
}

.c_yellow_button_min {
  position: relative;
  width: 320px;
  height: 70px;
  font-size: 16px;
  font-weight: 600;
  color: #202020;
  background-color: #fee100;
  border-radius: 50px;
  box-shadow: 0 4px 0 2px #e0bf04;
  opacity: 1;
  -webkit-transition: .3s;
  transition: .3s
}

@media screen and (max-width:768px) {
  .c_yellow_button_min {
    width: 100%;
    height: 60px;
    margin-bottom: 28px
  }
}

.c_yellow_button_min:hover {
  box-shadow: 0 0 0 0;
  -webkit-transform: translateY(4px);
          transform: translateY(4px)
}

.c_yellow_button_min::after {
  position: absolute;
  right: 20px;
  z-index: 1;
  display: block;
  width: 18px;
  height: 18px;
  color: #fff;
  content: "";
  background: url("../images/right-black-toggle.png");
  background-repeat: no-repeat;
  background-size: contain
}

@media screen and (max-width:768px) {
  .c_yellow_button_min::after {
    right: 16px;
    width: 16px;
    height: 16px
  }
}

.c_red_button {
  position: relative;
  width: 100%;
  height: 50px;
  padding: 12px 0;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  background-color: #e85f5f;
  border-radius: 50px;
  opacity: 1
}

.c_red_button::after {
  position: absolute;
  right: 16px;
  z-index: 1;
  display: block;
  width: 16px;
  height: 16px;
  color: #fff;
  content: "";
  background: url("../images/right-toggle.png");
  background-repeat: no-repeat;
  background-size: contain
}

.c_gotop {
  position: fixed;
  right: 2%;
  bottom: 100px;
  z-index: 2;
  display: none
}

@media screen and (max-width:768px) {
  .c_gotop {
    bottom: 30px
  }
}

.c_gotop:hover {
  cursor: pointer;
  opacity: .8
}

@media screen and (max-width:768px) {
  .c_gotop:hover {
    opacity: 1
  }
}

.c_gotop .img {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: auto
}

@media screen and (max-width:768px) {
  .c_list2__labelBrpc {
    display: none
  }
}

.c_list2__labelBrsp {
  display: none
}

@media screen and (max-width:768px) {
  .c_list2__labelBrsp {
    display: block
  }
}

.c_pcNone {
  display: none
}

@media screen and (max-width:768px) {
  .c_pcNone {
    display: block
  }

  .c_spNone {
    display: none
  }
}

.u_tb.u_width300 {
  width: 300px
}

@media screen and (max-width:768px) {
  .u_tb.u_width300 {
    width: 220px
  }
}

.u_tb.u_width200 {
  width: 200px
}

@media screen and (max-width:768px) {
  .u_tb.u_width200 {
    width: 220px
  }
}

.u_w100per {
  width: 100%
}

.c_check_important {
  padding: 24px 0 24px 32px;
  margin-top: 30px;
  background-color: #fffded;
  border: 1px solid #999;
  border-radius: 10px
}

@media screen and (min-width:769px) {
  .c_check_important {
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out
  }

  .c_check_important:hover {
    opacity: .7
  }
}

@media screen and (max-width:768px) {
  .c_check_important {
    padding: 20px 32px 20px 20px;
    margin-top: 15px
  }
}

.c_check_consent {
  padding: 0
}

@media screen and (min-width:769px) {
  .c_check_consent {
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out
  }

  .c_check_consent:hover {
    opacity: .7
  }
}

.c_inputCheck[type="checkbox"] {
  display: none;
  height: 0;
  opacity: 0
}

.c_inputCheckTxt {
  position: relative;
  display: block;
  margin-left: 30px;
  font-size: 16px;
  line-height: 1.3;
  cursor: pointer
}

@media screen and (min-width:769px) {
  .c_inputCheckTxt {
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out
  }

  .c_inputCheckTxt:hover {
    opacity: .7
  }
}

.c_inputCheckTxt::before {
  position: absolute;
  top: -1px;
  left: -30px;
  display: block;
  width: 22px;
  height: 22px;
  padding-right: 12px;
  content: "";
  background-color: #fff;
  border: 1px solid #202020;
  border-radius: 3px
}

.c_inputCheck[type="checkbox"]:checked+.c_inputCheckTxt::before {
  background-color: #fff
}

.c_inputCheck[type="checkbox"]:checked+.c_inputCheckTxt::after {
  position: absolute;
  top: 5px;
  left: -26px;
  z-index: 1;
  display: block;
  width: 15px;
  height: 15px;
  content: "";
  background: url("../images/check.png");
  background-repeat: no-repeat;
  background-size: contain
}

.c_input_consent {
  padding: 24px 0 24px 62px;
  margin: 0
}

@media screen and (max-width:768px) {
  .c_input_consent {
    padding: 20px 32px 20px 50px
  }
}

.c_input_consent::before {
  top: 23px;
  left: 32px
}

@media screen and (max-width:768px) {
  .c_input_consent::before {
    top: 19px;
    left: 20px
  }
}

.c_inputCheck[type="checkbox"]:checked+.c_input_consent::after {
  top: 29px;
  left: 36px
}

@media screen and (max-width:768px) {
  .c_inputCheck[type="checkbox"]:checked+.c_input_consent::after {
    top: 25px;
    left: 24px
  }
}

.c_inputCheck__Bold[type="checkbox"] {
  display: none
}

.c_inputCheckTxt__Bold {
  position: relative;
  padding-left: 40px;
  font-size: 24px;
  cursor: pointer
}

@media screen and (max-width:768px) {
  .c_inputCheckTxt__Bold {
    font-size: 18px
  }
}

.c_inputCheckTxt__Bold::before {
  position: absolute;
  top: 2px;
  left: 0;
  display: block;
  width: 28px;
  height: 28px;
  padding-right: 12px;
  content: "";
  background-color: #fff;
  border: 2px solid #202020;
  border-radius: 3px
}

.c_inputCheck__Bold[type="checkbox"]:checked+.c_inputCheckTxt__Bold::before {
  background-color: #fff
}

.c_inputCheck__Bold[type="checkbox"]:checked+.c_inputCheckTxt__Bold::after {
  position: absolute;
  top: 10px;
  left: 7px;
  z-index: 1;
  display: block;
  width: 17px;
  height: 15px;
  content: "";
  background: url("../images/check.png");
  background-repeat: no-repeat;
  background-size: contain
}

.c_back_blue {
  background: #0068b6
}

.c_txt_shadowgray {
  color: #999
}

.u_txt_siz24 {
  font-size: 24px
}

.u_txtHeight {
  line-height: 1.5
}

.c_width100 {
  width: 100%
}

.c_width100pt15 {
  width: 100%;
  padding-top: 15px
}

@media screen and (max-width:768px) {
  .c_width100pt15 {
    padding-top: 0
  }
}

.c_txtIndent {
  padding-left: 1em;
  text-indent: -1em
}

.c_txtIndent_Lg {
  padding-left: 1.7em;
  text-indent: -1.7em
}

.c_heading1_dot {
  position: relative;
  margin-top: 72px;
  margin-bottom: 84px;
  font-size: 36px;
  color: #0168b6;
  text-align: center
}

.c_heading1_dot::after {
  position: absolute;
  right: 0;
  bottom: -12px;
  left: 0;
  width: 380px;
  height: auto;
  margin: auto;
  content: "";
  border-bottom: 3px dotted #0168b6
}

@media screen and (max-width:768px) {
  .c_heading1_dot {
    margin-top: 60px;
    margin-bottom: 98px;
    font-size: 26px
  }

  .c_heading1_dot::after {
    bottom: -15px;
    width: 260px
  }
}

.c_step_heading {
  font-size: 30px;
  color: #2b68b0
}

@media screen and (max-width:768px) {
  .c_step_heading {
    font-size: 22px
  }
}

.p_mypage_gasRoot {
  width: auto;
  margin: 0 auto 40px
}

@media screen and (max-width:768px) {
  .p_mypage_gasRoot {
    margin-bottom: 20px
  }
}

.p_mypage_gasRoot .p_mypage_gasImageWrap {
  text-align: center
}

.p_mypage_gasRoot .p_mypage_gasImageWrap .p_mypage_gasImage {
  -o-object-fit: cover;
     object-fit: cover;
  width: auto
}

@media screen and (max-width:768px) {
  .p_mypage_gasRoot .p_mypage_gasImageWrap .p_mypage_gasImage {
    width: 280px
  }
}

.p_mypage_gasRoot .p_mypage_gasRootList {
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  margin-top: 10px;
  font-size: 14px
}

@media screen and (max-width:768px) {
  .p_mypage_gasRoot .p_mypage_gasRootList {
    display: none
  }
}

.p_mypage_gasRoot .p_mypage_gasRootList .p_mypage_gasRootItem {
  width: 160px;
  margin: 0 10px;
  text-align: center
}

.p_mypage_gasRoot .p_mypage_gasRootList .p_mypage_gasRootFin {
  color: #0068b6
}

.p_mypage_gasRoot .p_mypage_gasRootListSp {
  display: none
}

@media screen and (max-width:768px) {
  .p_mypage_gasRoot .p_mypage_gasRootListSp {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    margin-top: 4px;
    font-size: 14px
  }
}

.p_mypage_gasRoot .p_mypage_gasRootListSp .p_mypage_gasRootItem {
  width: 50px;
  margin: 0 7px;
  text-align: center
}

.p_mypage_gasRoot .p_mypage_gasRootListSp .p_mypage_gasRootItem:first-of-type {
  margin: 0 13px 0 7px
}

.p_mypage_gasRoot .p_mypage_gasRootListSp .p_mypage_gasRootFin {
  color: #0068b6
}

.c_list2__label.c_mustdown::after {
  top: 0
}

.u_tb._short {
  width: 180px
}

@media screen and (max-width:768px) {
  .u_tb._short {
    width: 100%
  }
}

.u_tb._short2 {
  width: 180px
}

@media screen and (max-width:768px) {
  .u_tb._short2 {
    width: 130px
  }
}

.u_tb._short130 {
  width: 130px
}

.u_tb._short200 {
  width: 200px
}

@media screen and (max-width:768px) {
  .u_tb._short200 {
    width: 100%
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_tb._short200 {
    width: 140px
  }
}

.u_tb._long2 {
  width: 550px
}

@media screen and (max-width:768px) {
  .c_br_pc {
    display: none
  }
}

@media screen and (min-width:1200px) {
  .c_br_sp, .c_br_tab {
    display: none
  }
}

@media screen and (max-width:768px) {
  .c_br_tab {
    display: none
  }
}

@media screen and (min-width:1200px) {
  .c_br_spNtab {
    display: none
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .c_br_spNtab {
    display: none
  }
}

@media screen and (max-width:768px) {
  .c_list3__item:first-child {
    border-top: 0
  }
}

.l_inner__bdr2 {
  max-width: 1200px;
  padding: 20px 60px;
  margin: 20px auto;
  border: 6px solid #0068b6;
  border-radius: 30px
}

@media screen and (max-width:768px) {
  .l_inner__bdr2 {
    padding: 20px;
    margin: 15px;
    border: 1px solid #0168b6;
    border-radius: 10px
  }
}

.c_checkboxItem {
  padding-bottom: 10px
}

.c_checkboxItem__check {
  width: 20px;
  height: 20px;
  margin-right: 10px
}

.c_checkboxItem____label {
  line-height: 1.3
}

.c_table1__width {
  width: 200px
}

.c_table1__pc {
  border-collapse: separate
}

.c_table1__pc tr:first-child td:first-child {
  border-radius: 6px 0 0
}

.c_table1__pc tr:first-child td:last-child {
  border-radius: 0 6px 0 0
}

.c_table1__pc tr:last-child td:first-child {
  border-radius: 0 0 0 6px
}

.c_table1__pc tr:last-child td:last-child {
  border-radius: 0 0 6px
}

.c_table1__td._center {
  text-align: center
}

.c_table2__pc {
  width: 100%;
  margin-top: 40px;
  table-layout: fixed;
  border-collapse: separate;
  border: 2px solid #202020;
  border-radius: 8px
}

@media screen and (max-width:768px) {
  .c_table2__pc {
    display: none
  }
}

.c_table2__tr:first-child .c_table2__th:first-child {
  border-radius: 6px 0 0
}

.c_table2__tr:first-child .c_table2__th:last-child {
  border-radius: 0 6px 0 0
}

.c_table2__tr:last-child .c_table2__td:first-child {
  border-radius: 0 0 0 6px
}

.c_table2__tr:last-child .c_table2__td:last-child {
  border-radius: 0 0 6px
}

.c_table2__tr:first-child .c_table2__td:last-child {
  border-radius: 0 6px 6px 0
}

.c_table2__tr:last-child .c_table2__th:first-child {
  border-radius: 6px 0 0 6px
}

.c_table2__th {
  padding: 20px 10px;
  font-weight: 700;
  text-align: center;
  background: #eee;
  border-bottom: 1px solid #c1c0c0;
  border-left: 1px solid #c1c0c0
}

.c_table2__th._left {
  width: 320px;
  padding-left: 30px;
  font-weight: 700;
  text-align: left
}

.c_table2__td {
  padding: 20px;
  text-align: right;
  vertical-align: middle;
  background: #fff;
  border-bottom: 1px solid #c1c0c0;
  border-left: 1px solid #c1c0c0
}

.c_table2__td._left {
  padding-left: 30px;
  font-weight: 700;
  text-align: left
}

.c_contentItem {
  display: none
}

.c_contentItem.show {
  display: block
}

.l_tab {
  width: 1200px;
  margin: 30px auto
}

@media screen and (max-width:768px) {
  .l_tab {
    width: 100%
  }
}

.u_text__underline {
  text-decoration: underline
}

.u_text__underline:hover {
  text-decoration: none
}

.u_text__link {
  color: #0168b6;
  text-decoration: underline
}

.c_heading {
  position: relative;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  color: #0068b6;
  text-align: center
}

@media screen and (min-width:769px) {
  .c_heading {
    height: 130px;
    font-size: 34px;
    line-height: 2
  }
}

@media screen and (max-width:768px) {
  .c_heading {
    height: 90px;
    margin-top: 10px;
    font-size: 24px;
    line-height: 1.5
  }
}

.c_heading::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: inline-block;
  content: "";
  background-image: url("../images/headingIcon.svg");
  background-size: cover;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%)
}

@media screen and (min-width:769px) {
  .c_heading::before {
    width: 38px;
    height: 38px
  }
}

@media screen and (max-width:768px) {
  .c_heading::before {
    width: 28px;
    height: 28px
  }
}

.c_heading::after {
  position: absolute;
  bottom: 10px;
  left: 50%;
  display: inline-block;
  content: "";
  background-image: url("../images/headingBar.svg");
  background-size: cover;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%)
}

@media screen and (min-width:769px) {
  .c_heading::after {
    width: 54px;
    height: 5px
  }
}

@media screen and (max-width:768px) {
  .c_heading::after {
    width: 48px;
    height: 4px
  }
}

.c_modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 6000;
  width: 100%;
  height: 100%;
  background-color: rgb(32 32 32 / 70%)
}

.c_modal.is_show {
  display: none
}

.c_modal__content {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 96%;
  max-width: 1220px;
  background-color: #fff;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%)
}

@media screen and (min-width:769px) {
  .c_modal__content {
    height: 90vh;
    overflow-y: auto
  }
}

@media screen and (max-width:768px) {
  .c_modal__content {
    height: 50vh;
    overflow-y: scroll
  }
}

.c_modal__description {
  line-height: 1.875;
  color: #707070
}

@media screen and (min-width:769px) {
  .c_modal__description {
    padding: 60px 80px
  }
}

@media screen and (max-width:768px) {
  .c_modal__description {
    padding: 20px 20px 40px
  }
}

.c_modal__titleWrap {
  max-width: 1060px!important
}

.c_modal__buttonWrap {
  margin-top: 30px
}

@media screen and (min-width:769px) {
  .p_footer_siteMap {
    padding: 60px 0 30px
  }
}

@media screen and (max-width:768px) {
  .p_footer_siteMap {
    padding: 40px 0 30px
  }
}

.p_footer_siteMap__mainPage {
  position: relative;
  margin: 0 auto
}

@media screen and (min-width:1200px) {
  .p_footer_siteMap__mainPage {
    max-width: 1200px
  }
}

@media screen and (max-width:1199px) {
  .p_footer_siteMap__mainPage {
    max-width: 580px;
    padding-right: 15px;
    padding-left: 15px
  }
}

@media screen and (min-width:1200px) {
  .p_footer_siteMap__logo {
    position: relative;
    width: 236px
  }

  .p_footer_siteMap__logo::after {
    position: absolute;
    bottom: -24px;
    left: 0;
    display: inline-block;
    width: 54px;
    height: 5px;
    content: "";
    background-image: url("../images/headingBar.svg");
    background-size: cover
  }
}

@media screen and (max-width:1199px) {
  .p_footer_siteMap__logo {
    width: 170px
  }
}

@media screen and (min-width:1200px) {
  .p_footer_siteMap__listWrap {
    margin-top: 54px
  }
}

@media screen and (max-width:1199px) {
  .p_footer_siteMap__listWrap {
    margin-top: 20px
  }
}

@media screen and (min-width:1200px) {
  .p_footer_siteMap__column:nth-child(2) {
    margin-left: 44px
  }
}

@media screen and (max-width:1199px) {
  .p_footer_siteMap__column {
    -webkit-box-pack: justify;
            justify-content: space-between;
    margin-top: 30px
  }
}

@media screen and (min-width:1200px) {
  .p_footer_siteMap__list:nth-child(n+2) {
    margin-left: 106px
  }
}

@media screen and (max-width:1199px) {
  .p_footer_siteMap__list {
    width: 48%
  }
}

@media screen and (min-width:1200px) {
  .p_footer_siteMap__item {
    width: 216px
  }

  .p_footer_siteMap__item:nth-child(n+2) {
    margin-top: 15px
  }
}

@media screen and (max-width:1199px) {
  .p_footer_siteMap__item:nth-child(n+2) {
    margin-top: 30px
  }
}

@media screen and (max-width:768px) {
  .p_footer_siteMap__item {
    font-size: 12px
  }
}

.p_footer_siteMap__link {
  display: inline-block;
  padding-left: 1.2em;
  line-height: 1.5;
  color: #0168b6;
  text-indent: -1.2em
}

.p_footer_siteMap__link::before {
  display: inline-block;
  width: 10px;
  height: 11px;
  margin-right: 10px;
  content: "";
  background-image: url("../images/layer.svg");
  background-repeat: no-repeat
}

@media screen and (min-width:1200px) {
  .p_footer_siteMap__snsList {
    position: absolute;
    right: 50px;
    bottom: 30px
  }
}

@media screen and (max-width:1199px) {
  .p_footer_siteMap__snsList {
    -webkit-box-pack: center;
            justify-content: center;
    margin-top: 40px
  }
}

.p_footer_siteMap__sns {
  width: 40px
}

.p_footer_siteMap__sns:nth-child(n+2) {
  margin-left: 20px
}

.p_footer_siteMap__subPage {
  padding-top: 30px;
  margin: 30px auto 0;
  border-top: 1px solid #c1c0c0
}

@media screen and (min-width:1200px) {
  .p_footer_siteMap__subList {
    -webkit-box-pack: center;
            justify-content: center
  }
}

@media screen and (max-width:1199px) {
  .p_footer_siteMap__subList {
    flex-wrap: wrap;
    width: 96%;
    max-width: 340px;
    margin: 0 auto
  }
}

@media screen and (min-width:1200px) {
  .p_footer_siteMap__subItem {
    width: 300px;
    text-align: center
  }
}

@media screen and (max-width:1199px) {
  .p_footer_siteMap__subItem {
    width: 50%;
    font-size: 12px
  }

  .p_footer_siteMap__subItem:nth-child(n+3) {
    margin-top: 30px
  }
}

.p_footer_nav {
  padding: 24px 0;
  color: #fff;
  background-color: #0168b6
}

.p_footer_nav__inner {
  max-width: 1200px;
  margin: 0 auto
}

@media screen and (min-width:1200px) {
  .p_footer_nav__inner {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between
  }

  .p_footer_nav__logo {
    width: 150px;
    height: 40px
  }
}

@media screen and (max-width:1199px) {
  .p_footer_nav__logo {
    width: 120px;
    height: 36px;
    margin: 0 auto
  }
}

.p_footer_nav__list {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
          justify-content: space-between
}

@media screen and (min-width:1200px) {
  .p_footer_nav__list {
    width: calc(96% - 152px)
  }
}

@media screen and (max-width:1199px) {
  .p_footer_nav__list {
    max-width: 340px;
    margin: 30px auto 0
  }
}

@media screen and (min-width:1200px) {
  .p_footer_nav__item {
    width: 200px;
    font-size: 14px
  }

  .p_footer_nav__item:not(:nth-child(4n+1)) {
    margin-left: 60px
  }

  .p_footer_nav__item:nth-child(n+5) {
    margin-top: 10px
  }
}

@media screen and (max-width:1199px) {
  .p_footer_nav__item {
    width: 150px;
    font-size: 12px
  }

  .p_footer_nav__item:nth-child(n+3) {
    margin-top: 30px
  }
}

.p_footer__copyright {
  padding: 10px 0;
  color: #fff;
  text-align: center;
  background-color: #0168b6
}

@media screen and (min-width:1200px) {
  .p_footer__copyright {
    font-size: 12px
  }
}

@media screen and (max-width:1199px) {
  .p_footer__copyright {
    font-size: 10px
  }
}

.l_header {
  position: fixed;
  top: 0;
  z-index: 5000;
  width: 100%;
  border-bottom: 1px solid #dcdcdc;
  -webkit-transition: all .3s;
  transition: all .3s
}

@media screen and (max-width:1199px) {
  .l_header {
    padding: 10px 0;
    background-color: #fff
  }
}

.l_header+.l_main {
  margin-top: 77px
}

@media screen and (min-width:1200px) {
  .l_header+.l_main {
    margin-top: 195px
  }
}

@media screen and (max-width:1199px) {
  .p_header {
    -webkit-box-pack: justify;
            justify-content: space-between;
    width: 94%;
    max-width: 1200px;
    margin: 0 auto
  }
}

@media screen and (min-width:1200px) {
  .p_header_service {
    padding: 10px 0;
    background-color: #edf6fc
  }

  .p_header_service_hide {
    top: -37px
  }

  .p_header_service.is-hide {
    display: none
  }
}

@media screen and (max-width:1199px) {
  .p_header_service {
    display: none
  }
}

@media screen and (min-width:1200px) {
  .p_header_service__inner {
    max-width: 1200px;
    margin: 0 auto
  }

  .p_header_service__list {
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: end;
            justify-content: flex-end
  }

  .p_header_service__item {
    font-size: 14px
  }

  .p_header_service__item:nth-child(n+2) {
    margin-left: 20px
  }
}

.p_header_looop {
  background-color: #fff
}

@media screen and (min-width:1200px) {
  .p_header_looop {
    padding: 15px 0 20px
  }
}

.p_header_looop__inner {
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto
}

@media screen and (min-width:1200px) {
  .p_header_looop__logo {
    width: 208px;
    height: 38px
  }
}

@media screen and (min-width:1200px)and (min-width:769px) {
  .p_header_looop__logo {
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out
  }

  .p_header_looop__logo:hover {
    -webkit-filter: brightness(1.15);
            filter: brightness(1.15)
  }
}

@media screen and (max-width:1199px) {
  .p_header_looop__logo {
    width: 150px;
    height: 26px
  }
}

@media screen and (min-width:1200px) {
  .p_header_looop__action {
    -webkit-box-align: center;
            align-items: center
  }
}

@media screen and (max-width:1199px) {
  .p_header_looop__action {
    display: none
  }
}

@media screen and (min-width:1200px) {
  .p_header_looop__telWrap {
    text-align: right
  }

  .p_header_looop__telTitel {
    margin-bottom: 5px;
    font-size: 14px
  }

  .p_header_looop__telIcon {
    width: 26px;
    margin-left: 8px
  }

  .p_header_looop__telNumber {
    margin-left: 6px;
    font-size: 30px;
    color: #0068b6
  }

  .p_header_looop__myPageWrap {
    margin-left: 20px
  }

  .p_header_looop__myPage {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-flow: column;
    width: 80px;
    height: 60px;
    background-color: #fff;
    border: 1px solid #c1c0c0;
    border-radius: 10px;
    box-shadow: 0 4px #dcdcdc
  }

  .p_header_looop__myPage:hover {
    box-shadow: none;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: translateY(4px);
            transform: translateY(4px)
  }

  .p_header_looop__myPageIcon {
    width: 28px;
    height: 28px
  }

  .p_header_looop__myPageText {
    font-size: 10px;
    text-align: center
  }

  .p_header_looop__buttonWrap {
    margin-left: 10px
  }

  .p_header_looop__simulation {
    width: 240px;
    height: 58px;
    padding-right: 20px;
    border-radius: 10px
  }

  .p_header_looop__simulation::after {
    right: 18px;
    width: 16px;
    height: 16px
  }
}

@media screen and (max-width:1199px) {
  .p_header_looop__simulation {
    display: none
  }
}

.p_header_looop__simulationIcon {
  width: 18px
}

.p_header_looop__simulationText {
  margin-left: 4px;
  color: #464646
}

@media screen and (min-width:1200px) {
  .p_header_looop__request {
    width: 240px;
    height: 58px;
    padding-right: 20px;
    border-radius: 10px
  }

  .p_header_looop__request::after {
    right: 18px;
    width: 16px;
    height: 16px
  }
}

@media screen and (max-width:1199px) {
  .p_header_looop__request {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-flow: column;
    width: 60px;
    height: 56px;
    font-size: 9px;
    line-height: 1.5;
    background-color: #e85f5f;
    border-radius: 7px;
    box-shadow: 0 3px #d53337
  }
}

.p_header_looop__requestIcon {
  width: 18px
}

.p_header_looop__requestText {
  color: #fff
}

@media screen and (min-width:1200px) {
  .p_header_looop__requestText {
    margin-left: 8px;
    font-size: 18px
  }
}

@media screen and (max-width:1199px) {
  .p_header_looop__requestText {
    margin-top: 5px;
    font-size: 9px
  }
}

@media screen and (min-width:1200px) {
  .p_header_looop__spAction {
    display: none
  }
}

@media screen and (max-width:1199px) {
  .p_header_looop__menuWrap {
    margin-left: 10px
  }

  .p_header_looop__spMenu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-flow: column;
    width: 60px;
    height: 56px;
    font-size: 9px;
    line-height: 1.5;
    color: #0168b6;
    border: 1px solid #0168b6;
    border-radius: 7px;
    box-shadow: 0 3px #0168b6
  }

  .p_header_looop__hamburger {
    position: relative;
    width: 24px;
    height: 24px
  }

  .p_header_looop__bar {
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background-color: #0168b6;
    border-radius: 1000px
  }

  .p_header_looop__bar:first-child {
    top: 4px
  }

  .p_header_looop__bar:nth-child(2) {
    top: 12px
  }

  .p_header_looop__bar:last-child {
    bottom: 2px
  }
}

@media screen and (min-width:1200px) {
  .p_header_nav {
    padding: 20px 0;
    background-color: #fff;
    border-top: 1px solid #eee
  }
}

@media screen and (max-width:1199px) {
  .p_header_nav {
    display: none
  }
}

@media screen and (min-width:1200px) {
  .p_header_nav__inner {
    max-width: 1200px;
    margin: 0 auto
  }
}

.p_header_nav__list {
  -webkit-box-pack: center;
          justify-content: center
}

@media screen and (min-width:1200px) {
  .p_header_nav__item {
    width: 20%;
    text-align: center;
    border-left: 1px solid #c1c0c0
  }

  .p_header_nav__item:last-child {
    border-right: 1px solid #c1c0c0
  }

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

  .p_header_nav__anchor:hover::before {
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 2px;
    background-image: url("../images/line.svg")
  }

  .p_header_nav__anchor:hover::after, .p_header_nav__anchor:hover::before {
    position: absolute;
    display: inline-block;
    content: "";
    background-size: cover
  }

  .p_header_nav__anchor:hover::after {
    top: -10px;
    right: -1em;
    width: 16px;
    height: 16px;
    background-image: url("../images/reaction.svg")
  }

  .p_header_nav__anchorInner {
    -webkit-box-align: center;
            align-items: center
  }

  .p_header_nav__text {
    margin-left: 10px
  }

  .p_header_spNav {
    display: none
  }
}

@media screen and (max-width:1199px) {
  .p_header_spNav {
    position: fixed;
    top: 0;
    left: -320px;
    z-index: 3;
    width: 320px;
    height: 100%;
    overflow: scroll;
    background-color: #fff;
    -webkit-transition: left .5s ease;
    transition: left .5s ease
  }

  .p_header_spNav.is-show {
    left: 0
  }

  .p_header_spNav__top {
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    padding: 16px 0;
    border-bottom: 1px solid #dcdcdc
  }

  .p_header_spNav__logo {
    width: 126px
  }

  .p_header_spNav__myPageWrap {
    margin-left: 28px
  }

  .p_header_spNav__myPage {
    width: 112px;
    height: 36px;
    border: 1px solid #dcdcdc;
    border-radius: 7px;
    box-shadow: 0 3px #c1c0c0
  }

  .p_header_spNav__myPageIcon {
    width: 18px
  }

  .p_header_spNav__myPageText {
    margin-left: 4px;
    font-size: 14px
  }

  .p_header_spNav__menu {
    padding: 0 20px
  }

  .p_header_spNav__item {
    position: relative
  }

  .p_header_spNav__item::after {
    position: absolute;
    top: 50%;
    right: 0;
    display: inline-block;
    width: 6px;
    height: 10px;
    content: "";
    background-image: url("../images/layer.svg");
    background-size: cover;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
  }

  .p_header_spNav__item:nth-child(n+2) {
    border-top: 1px solid #dcdcdc
  }

  .p_header_spNav__item:last-child {
    border-bottom: 1px solid #dcdcdc
  }

  .p_header_spNav__icon {
    width: 14px
  }

  .p_header_spNav__itemAnchor {
    padding: 20px 0
  }

  .p_header_spNav__telWrap {
    -webkit-box-align: baseline;
            align-items: baseline;
    -webkit-box-pack: center;
            justify-content: center;
    margin-top: 20px
  }

  .p_header_spNav__telIcon {
    width: 28px
  }

  .p_header_spNav__telInfo {
    margin-left: 8px;
    color: #0068b6
  }

  .p_header_spNav__telNam {
    font-size: 33px
  }

  .p_header_spNav__telTime {
    font-size: 13px
  }

  .p_header_spNav__buttonWrap {
    margin-top: 15px
  }

  .p_header_spNav__request {
    width: 100%;
    height: 70px;
    border-radius: 10px
  }

  .p_header_spNav__request::after {
    right: 16px;
    width: 16px;
    height: 16px
  }

  .p_header_spNav__requestIcon {
    width: 28px;
    height: 32px
  }

  .p_header_spNav__requestText {
    margin-left: 6px
  }
}

.p_header_spNav__simulation {
  width: 100%;
  height: 70px;
  border-radius: 10px
}

.p_header_spNav__simulation::after {
  right: 16px;
  width: 16px;
  height: 16px
}

@media screen and (max-width:1199px) {
  .p_header_spNav__simulationIcon {
    width: 26px;
    height: 26px
  }

  .p_header_spNav__simulationText {
    margin-left: 6px
  }
}

.p_header_spNav__exclamation {
  display: inline-block;
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg)
}

@media screen and (max-width:1199px) {
  .p_header_spNav__serviceWrap {
    padding: 30px 20px;
    margin-top: 24px;
    background-color: #edf6fc
  }

  .p_header_spNav__serviceItem {
    font-size: 14px
  }

  .p_header_spNav__serviceItem:nth-child(n+2) {
    margin-top: 30px
  }

  .p_header_spNav__text {
    margin-left: 10px
  }
}

.p_header_spNav__overlay {
  display: none
}

@media screen and (max-width:1199px) {
  .p_header_spNav__overlay::before {
    position: relative
  }

  .p_header_spNav__overlay.is-active {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgb(1 104 182 / 90%)
  }

  .p_header_spNav__closeWrap {
    position: absolute;
    top: 30px;
    right: 30px;
    display: block;
    width: 23px;
    height: 23px;
    cursor: pointer
  }

  .p_header_spNav__bar {
    position: absolute;
    display: inline-block;
    width: 30px;
    height: 2px;
    background-color: #fff;
    border-radius: 1000px
  }

  .p_header_spNav__bar:first-child {
    top: 10px;
    right: -4px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg)
  }

  .p_header_spNav__bar:nth-child(2) {
    top: 10px;
    right: -4px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg)
  }
}

.p_footer_mypage__subList {
  flex-wrap: wrap;
  -webkit-box-pack: center;
          justify-content: center;
  padding: 60px 0 20px
}

.p_footer_mypage__subItem {
  color: #0068b6;
  text-align: center;
  border-left: 1px solid #0068b6
}

@media screen and (min-width:1200px) {
  .p_footer_mypage__subItem:first-child {
    padding-left: 30px
  }

  .p_footer_mypage__subItem:last-child {
    padding-right: 30px;
    border-right: 1px solid #0068b6
  }

  .p_footer_mypage__subItem:nth-child(n+2) {
    padding-left: 30px;
    margin-left: 30px
  }
}

@media screen and (max-width:1199px) {
  .p_footer_mypage__subItem {
    width: 45%;
    font-size: 14px
  }

  .p_footer_mypage__subItem:nth-child(2n) {
    border-right: 1px solid #0068b6
  }

  .p_footer_mypage__subItem:nth-child(n+3) {
    margin-top: 30px
  }
}

.p_footer_mypage__copyright {
  padding: 10px 0;
  color: #fff;
  text-align: center;
  background-color: #0168b6;
  border-top: 1px solid #fff
}

@media screen and (min-width:1200px) {
  .p_footer_mypage__copyright {
    font-size: 12px
  }
}

@media screen and (max-width:1199px) {
  .p_footer_mypage__copyright {
    font-size: 10px
  }
}

.l_header_mypage {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 5000;
  border-bottom: 1px solid #dcdcdc
}

@media screen and (max-width:1199px) {
  .l_header_mypage {
    padding: 10px 0;
    background-color: #fff
  }
}

.p_header_mypage {
  background-color: #fff
}

@media screen and (min-width:1200px) {
  .p_header_mypage {
    padding: 28px 0
  }
}

.p_header_mypage__inner {
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  width: 96%;
  max-width: 1820px;
  margin: 0 auto
}

@media screen and (min-width:1200px) {
  .p_header_mypage__logo {
    width: 224px
  }
}

@media screen and (max-width:1199px) {
  .p_header_mypage__logo {
    width: 140px;
    margin: 0 auto
  }
}

@media screen and (min-width:1200px) {
  .p_header_mypage__infoWrap {
    -webkit-box-align: center;
            align-items: center
  }
}

@media screen and (max-width:1199px) {
  .p_header_mypage__infoWrap {
    display: none
  }
}

@media screen and (min-width:1200px) {
  .p_header_mypage__looopdr {
    position: relative;
    width: 142px;
    height: 40px;
    color: #fff;
    cursor: pointer;
    background-color: #0068b6;
    border-radius: 1000px;
    box-shadow: 0 4px #0c426a
  }

  .p_header_mypage__looopdr::before {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 4px;
    content: "";
    background-image: url("../images/header_dr.svg");
    background-size: cover
  }
}

@media screen and (max-width:1199px) {
  .p_header_mypage__looopdr {
    display: inline-block
  }
}

@media screen and (min-width:1200px) {
  .p_header_mypage__info {
    -webkit-box-align: center;
            align-items: center;
    margin-left: 20px
  }
}

.p_header_mypage__anchorText {
  color: #0068b6
}

.p_header_mypage__count {
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  color: #fff;
  background-color: #0068b6;
  border-radius: 1000px
}

@media screen and (min-width:1200px) {
  .p_header_mypage__count {
    width: 24px;
    height: 24px;
    margin-left: 10px;
    font-size: 12px
  }
}

@media screen and (max-width:1199px) {
  .p_header_mypage__count {
    position: absolute;
    top: -5px;
    left: -5px;
    width: 15px;
    height: 15px;
    font-size: 10px
  }
}

@media screen and (min-width:1200px) {
  .p_header_mypage__user {
    padding-left: 20px;
    margin-left: 30px;
    border-left: 2px solid #202020
  }
}

@media screen and (max-width:1199px) {
  .p_header_mypage__user {
    position: relative;
    display: inline-block;
    padding: 10px 12px;
    border: 1px solid #dcdcdc;
    border-radius: 7px;
    box-shadow: 0 3px #c1c0c0
  }
}

@media screen and (min-width:1200px) {
  .p_header_mypage__addressWrap {
    position: relative;
    width: 380px;
    padding: 8px 20px;
    margin-left: 30px;
    cursor: pointer;
    border: 1px solid #202020;
    border-radius: 8px
  }

  .p_header_mypage__addressWrap::after {
    position: absolute;
    top: 50%;
    right: 6px;
    z-index: 1;
    display: inline-block;
    width: 12px;
    height: 8px;
    content: "";
    background-color: #202020;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
  }
}

.p_header_mypage__address {
  font-size: 14px;
  line-height: 1.5
}

@media screen and (min-width:1200px) {
  .p_header_mypage__addressList {
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 2;
    display: none;
    width: 380px;
    background-color: #fff;
    border: 1px solid #202020;
    border-radius: 8px
  }

  .p_header_mypage__addressItem {
    font-size: 14px;
    line-height: 1.5
  }

  .p_header_mypage__addressItem:nth-child(n+2) {
    border-top: 1px dotted #202020
  }

  .p_header_mypage__addressItem:hover {
    background-color: #edf6fc
  }

  .p_header_mypage__addressItem:hover:first-child {
    border-radius: 8px 8px 0 0
  }

  .p_header_mypage__addressItem:hover:last-child {
    border-radius: 0 0 8px 8px
  }

  .p_header_mypage__addressAnchor {
    position: relative;
    display: block;
    padding: 10px 20px;
    cursor: pointer
  }

  .p_header_mypage__addressAnchor::after {
    position: absolute;
    top: 50%;
    right: 20px;
    display: inline-block;
    content: ">";
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
  }

  .p_header_mypage__buttonWrap {
    margin-left: 16px;
    text-align: center
  }

  .p_header_mypage__logout {
    position: relative;
    width: 142px;
    height: 40px;
    color: #0068b6;
    text-align: center;
    border: 2px solid #0068b6;
    border-radius: 1000px;
    box-shadow: 0 4px #0068b6
  }

  .p_header_mypage__logout::before {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 4px;
    content: "";
    background-image: url("../images/log_out_ico.svg");
    background-size: cover
  }
}

@media screen and (max-width:1199px) {
  .p_header_mypage__logout {
    display: inline-block
  }
}

.p_header_mypage__buttonIcon {
  width: 39px;
  height: 36px;
  padding-top: 3px;
  margin: 0 auto;
  text-align: center
}

@media screen and (max-width:1199px) {
  .p_header_mypage__menu {
    display: inline-block;
    padding: 10px 12px;
    color: #0068b6;
    border: 1px solid #0068b6;
    border-radius: 7px;
    box-shadow: 0 3px #0068b6
  }
}

.p_header_mypage__hamburger {
  position: relative;
  width: 28px;
  height: 20px;
  margin: 0 auto
}

.p_header_mypage__bar {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 2px;
  background-color: #0068b6;
  border-radius: 1000px
}

.p_header_mypage__bar:first-child {
  top: 1px
}

.p_header_mypage__bar:nth-child(2) {
  top: 9px
}

.p_header_mypage__bar:last-child {
  bottom: 1px
}

.p_header_mypage__buttonText {
  margin-top: 5px;
  font-size: 8px;
  text-align: center
}

@media screen and (min-width:1200px) {
  .p_header_mypage_nav {
    padding: 20px 0;
    color: #fff;
    background-color: #0168b6
  }
}

@media screen and (max-width:1199px) {
  .p_header_mypage_nav {
    display: none
  }
}

@media screen and (min-width:1200px) {
  .p_header_mypage_nav__list {
    -webkit-box-align: center;
            align-items: center;
    max-width: 1250px;
    margin: 0 auto
  }

  .p_header_mypage_nav__item {
    -webkit-box-flex: 1;
            flex: 1;
    color: #fff;
    border-left: 1px solid #fff
  }

  .p_header_mypage_nav__item:last-child {
    border-right: 1px solid #fff
  }

  .p_header_mypage_nav__anchorWrap {
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center
  }

  .p_header_mypage_nav__icon {
    width: 20px
  }

  .p_header_mypage_nav__text {
    margin-left: 10px
  }
}

.p_header_mypage_nav__comfirm {
  font-size: 14px
}

@media screen and (min-width:1200px) {
  .p_header_mypage_spNav {
    display: none
  }
}

@media screen and (max-width:1199px) {
  .p_header_mypage_spNav {
    position: fixed;
    top: 0;
    left: -320px;
    z-index: 3;
    width: 320px;
    height: 100%;
    overflow: scroll;
    background-color: #fff;
    -webkit-transition: left .5s ease;
    transition: left .5s ease;
    -ms-overflow-style: none;
    scrollbar-width: none
  }

  .p_header_mypage_spNav.is-show {
    left: 0
  }

  .p_header_mypage_spNav::-webkit-scrollbar {
    display: none
  }
}

@media screen and (max-width:1199px) {
  .p_header_mypage_spNav__contractWrap {
    position: relative;
    padding: 24px 44px;
    text-align: right
  }

  .p_header_mypage_spNav__contractWrap::after {
    position: absolute;
    top: 50%;
    right: 20px;
    display: inline-block;
    width: 6px;
    height: 10px;
    content: "";
    background-image: url("../images/layer2.png");
    background-size: cover;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
  }

  .p_header_mypage_spNav__logoWrap {
    padding: 22px 20px;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc
  }

  .p_header_mypage_spNav__logo {
    display: inline-block;
    width: 122px
  }
}

.p_header_mypage_spNav__list {
  padding: 0 20px
}

@media screen and (max-width:1199px) {
  .p_header_mypage_spNav__item {
    position: relative
  }

  .p_header_mypage_spNav__item::after {
    position: absolute;
    top: 50%;
    right: 0;
    display: inline-block;
    width: 6px;
    height: 10px;
    content: "";
    background-image: url("../images/layer2.png");
    background-size: cover;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
  }

  .p_header_mypage_spNav__item:nth-child(n+2) {
    border-top: 1px solid #dcdcdc
  }

  .p_header_mypage_spNav__item:last-child {
    border-bottom: 1px solid #dcdcdc
  }

  .p_header_mypage_spNav__icon {
    width: 14px
  }

  .p_header_mypage_spNav__itemAnchor {
    padding: 22px 0
  }

  .p_header_mypage_spNav__buttonWrap {
    margin-top: 15px
  }

  .p_header_mypage_spNav__serviceWrap {
    padding: 30px 20px;
    margin-top: 24px;
    background-color: #edf6fc
  }

  .p_header_mypage_spNav__serviceItem {
    font-size: 14px
  }

  .p_header_mypage_spNav__serviceItem:nth-child(n+2) {
    margin-top: 30px
  }

  .p_header_mypage_spNav__text {
    margin-left: 10px
  }
}

.p_header_mypage_spNav__overlay {
  display: none
}

@media screen and (max-width:1199px) {
  .p_header_mypage_spNav__overlay::before {
    position: relative
  }

  .p_header_mypage_spNav__overlay.is-active {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgb(1 104 182 / 90%)
  }

  .p_header_mypage_spNav__closeWrap {
    position: absolute;
    top: 30px;
    right: 30px;
    display: block;
    width: 23px;
    height: 23px;
    cursor: pointer
  }

  .p_header_mypage_spNav__bar {
    position: absolute;
    display: inline-block;
    width: 30px;
    height: 2px;
    background-color: #fff;
    border-radius: 1000px
  }

  .p_header_mypage_spNav__bar:first-child {
    top: 10px;
    right: -4px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg)
  }

  .p_header_mypage_spNav__bar:nth-child(2) {
    top: 10px;
    right: -4px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg)
  }
}

@media screen and (min-width:1200px) {
  .p_header_mypage_userNav {
    display: none
  }
}

@media screen and (max-width:1199px) {
  .p_header_mypage_userNav {
    position: fixed;
    top: 0;
    right: -320px;
    z-index: 3;
    width: 320px;
    height: 100%;
    overflow: scroll;
    background-color: #fff;
    -webkit-transition: right .5s ease;
    transition: right .5s ease;
    -ms-overflow-style: none;
    scrollbar-width: none
  }

  .p_header_mypage_userNav.is-show {
    right: 0
  }

  .p_header_mypage_userNav::-webkit-scrollbar {
    display: none
  }
}

@media screen and (max-width:1199px) {
  .p_header_mypage_userNav__variousWrap {
    position: relative;
    padding: 24px 44px;
    text-align: left
  }

  .p_header_mypage_userNav__variousWrap::before {
    position: absolute;
    top: 50%;
    left: 20px;
    display: inline-block;
    width: 6px;
    height: 10px;
    content: "";
    background-image: url("../images/layer3.svg");
    background-size: cover;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
  }

  .p_header_mypage_userNav__userWrap {
    padding: 22px 20px;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc
  }
}

.p_header_mypage_userNav__userWrap .p_header_mypage_userNav__user {
  color: #0068b6
}

.p_header_mypage_userNav__userWrap .p_header_mypage_userNav__name {
  font-size: 24px
}

.p_header_mypage_userNav__list {
  padding: 0 20px
}

@media screen and (max-width:1199px) {
  .p_header_mypage_userNav__item {
    position: relative;
    line-height: 1.5
  }

  .p_header_mypage_userNav__item::after {
    position: absolute;
    top: 50%;
    right: 0;
    display: inline-block;
    width: 6px;
    height: 10px;
    content: "";
    background-image: url("../images/layer2.png");
    background-size: cover;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
  }

  .p_header_mypage_userNav__item:nth-child(n+2) {
    border-top: 1px solid #dcdcdc
  }

  .p_header_mypage_userNav__item:last-child {
    border-bottom: 1px solid #dcdcdc
  }

  .p_header_mypage_userNav__icon {
    width: 14px;
    margin-right: 10px
  }

  .p_header_mypage_userNav__itemAnchor {
    -webkit-box-align: center;
            align-items: center;
    padding: 22px 0
  }
}

.p_header_mypage_userNav__count {
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  margin-left: 10px;
  font-size: 12px;
  color: #fff;
  background-color: #0068b6;
  border-radius: 1000px
}

.p_header_mypage_userNav__emphasis {
  font-size: 18px;
  color: #0068b6
}

.p_header_mypage_userNav__overlay {
  display: none
}

@media screen and (max-width:1199px) {
  .p_header_mypage_userNav__overlay::before {
    position: relative
  }

  .p_header_mypage_userNav__overlay.is-active {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgb(1 104 182 / 90%)
  }

  .p_header_mypage_userNav__closeWrap {
    position: absolute;
    top: 30px;
    left: 30px;
    display: block;
    width: 23px;
    height: 23px;
    cursor: pointer
  }

  .p_header_mypage_userNav__bar {
    position: absolute;
    display: inline-block;
    width: 30px;
    height: 2px;
    background-color: #fff;
    border-radius: 1000px
  }

  .p_header_mypage_userNav__bar:first-child {
    top: 10px;
    right: -4px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg)
  }

  .p_header_mypage_userNav__bar:nth-child(2) {
    top: 10px;
    right: -4px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg)
  }
}

.l_header_gas {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 5000;
  padding: 20px 0;
  background-color: #fff;
  border-bottom: 2px solid #0068b6
}

@media screen and (max-width:1199px) {
  .l_header_gas {
    padding: 10px 0
  }
}

.p_header_gas {
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  width: 96%;
  max-width: 1820px;
  margin: 0 auto
}

@media screen and (min-width:1200px) {
  .p_header_gas__logo {
    width: 224px
  }
}

@media screen and (max-width:1199px) {
  .p_header_gas__logo {
    width: 125px
  }
}

.p_header_gas__telWrap {
  -webkit-box-align: center;
          align-items: center
}

.p_header_gas__announce {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3
}

@media screen and (max-width:768px) {
  .p_header_gas__announce {
    font-size: 12px;
    line-height: 1.4
  }
}

@media screen and (min-width:769px) {
  .p_header_gas__hour {
    font-size: 14px
  }
}

.p_header_gas__contact {
  -webkit-box-align: center;
          align-items: center
}

@media screen and (min-width:769px) {
  .p_header_gas__contact {
    margin-left: 20px;
    font-size: 32px;
    color: #0068b6
  }
}

@media screen and (max-width:768px) {
  .p_header_gas__contact {
    margin-left: 14px
  }
}

@media screen and (min-width:769px) {
  .p_header_gas__tel {
    width: 26px;
    height: 26px;
    margin-right: 6px
  }
}

@media screen and (max-width:768px) {
  .p_header_gas__tel {
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    width: 50px;
    height: 50px;
    background-color: #0068b6;
    border-radius: 5px
  }
}

.p_header_gas__icon {
  display: inline-block;
  width: 24px;
  height: 24px
}

.l_footer_gas {
  padding: 15px 0;
  border-top: 1px solid #0068b6
}

.p_footer_gas {
  width: 96%;
  max-width: 1820px;
  margin: 0 auto
}

@media screen and (min-width:769px) {
  .p_footer_gas {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
            justify-content: space-between
  }

  .p_footer_gas__logo {
    width: 174px
  }
}

@media screen and (max-width:768px) {
  .p_footer_gas__logo {
    width: 125px;
    margin: 0 auto
  }

  .p_footer_gas__copylight {
    margin-top: 10px;
    text-align: center
  }
}

.p_simulator_box {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 40px 30px 30px;
  margin: 40px 0 20px;
  background-color: #fff;
  border: 3px solid #0168b6;
  border-radius: 15px;
  box-shadow: 0 4px 0 #0168b6;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out
}

.p_simulator_box:hover {
  box-shadow: 0 0 0 #0168b6;
  -webkit-transform: translateY(4px);
          transform: translateY(4px)
}

@media screen and (min-width:1200px) {
  .p_simulator_box {
    width: 48%
  }
}

@media screen and (max-width:768px) {
  .p_simulator_box {
    position: relative;
    padding: 20px;
    margin: 20px 0 5px
  }
}

.p_simulator_box__icon {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  align-self: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 160px;
  height: 160px;
  margin-right: 15px;
  border: 10px solid #edf6fc;
  border-radius: 120px
}

@media screen and (max-width:768px) {
  .p_simulator_box__icon {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 100px;
    height: 100px;
    margin-right: 15px;
    border: 10px solid #edf6fc;
    border-radius: 100px;
    box-shadow: 0 0 0 0;
    -webkit-transform: none;
            transform: none
  }
}

.p_simulator_box__icon .p__icon__img1 {
  width: 65px
}

@media screen and (max-width:768px) {
  .p_simulator_box__icon .p__icon__img1 {
    width: 43px
  }
}

.p_simulator_box__icon .p__icon__img2 {
  width: 80px
}

@media screen and (max-width:768px) {
  .p_simulator_box__icon .p__icon__img2 {
    width: 51px
  }
}

.p_simulator_box__text {
  position: relative
}

@media screen and (min-width:769px) {
  .p_simulator_box__text {
    -webkit-box-flex: 1;
            flex: 1
  }
}

@media screen and (max-width:768px) {
  .p_simulator_box__text {
    width: auto
  }

  .p_simulator_box__text br.spnone {
    display: none
  }
}

.p_simulator_box__text .p__text__blue {
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
  color: #0068b6;
  border-bottom: 2px dashed #202020
}

@media screen and (max-width:768px) {
  .p_simulator_box__text .p__text__blue {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    height: 100px;
    padding-bottom: 0;
    padding-left: 115px;
    margin-bottom: 0;
    font-size: 18px;
    border-bottom: none
  }

  .p_simulator_box__text .p__text__black {
    width: auto;
    padding-top: 10px;
    margin-top: 20px;
    border-top: 2px dashed #0168b6
  }
}

.p_simulator_button {
  width: 100%;
  margin-top: 20px
}

.p_simulator_button .c_btn9__obj {
  width: 480px;
  box-shadow: none
}

.p_simu_infoSpace {
  margin-right: 10px
}

.p_simulator_content__selectedImage.active {
  margin: auto
}

.p_simulation_Txt {
  width: auto;
  margin-bottom: 30px;
  text-align: center
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .p_simulation_Txt {
    max-width: 768px;
    margin-right: auto;
    margin-left: auto
  }
}

@media screen and (max-width:768px) {
  .p_simulation_Txt {
    padding-top: 30px;
    margin-bottom: 20px;
    text-align: left
  }
}

.p_simu_infoIcon {
  width: 35px;
  height: auto
}

.p_simulator_stepImgWrap .p_simulator_stepImg {
  width: 70px;
  height: auto;
  margin-bottom: 10px;
  -o-object-fit: contain;
     object-fit: contain
}

.p_simulator_content {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
          justify-content: space-between;
  width: 100%;
  max-width: 1200px;
  padding: 50px 60px;
  margin-right: auto;
  margin-bottom: 40px;
  margin-left: auto
}

@media screen and (max-width:1199px) {
  .p_simulator_content {
    width: 100%;
    max-width: 768px;
    padding: 30px 20px;
    margin-bottom: 30px
  }
}

.p_simulator_content__BoxSelection {
  display: none
}

.p_simulator_content__BoxSelection.active {
  display: block
}

.p_simulator_content__selectedImage {
  display: none
}

.p_simulator_content__selectedImage.active {
  display: block
}

.p_simulator_content__imgwrap {
  padding-right: 10px
}

.p_simulator_content__BoxLeft {
  width: 40%;
  margin-right: 5%
}

@media screen and (max-width:1199px) {
  .p_simulator_content__BoxLeft {
    width: 100%;
    margin-right: 0
  }
}

.p_simulator_content__BoxRight {
  width: 55%;
  overflow: hidden;
  border-radius: 10px
}

@media screen and (max-width:768px) {
  .p_simulator_content__BoxRight {
    width: 100%
  }
}

.p_simulator_content__BlueBox {
  position: relative;
  padding: 40px;
  background-color: #edf6fc;
  border-radius: 0 0 10px 10px
}

@media screen and (max-width:1199px) {
  .p_simulator_content__BlueBox {
    padding: 20px
  }
}

.p_simulator_content__BlueBox::before {
  position: absolute;
  top: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  content: "";
  background: url("../images/line_blue_2px.svg")
}

@media screen and (max-width:768px) {
  .p_simulator_content__BlueBox::before {
    width: 100%
  }
}

.p_simulator_content__Dot {
  margin: 20px 0;
  line-height: 0
}

@media screen and (max-width:1199px) {
  .p_simulator_content__Dot {
    margin: 15px 0
  }
}

.p_simulator_content__List {
  width: 100%
}

.p_simulator_content__Item {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 50%;
  height: 50px;
  color: #0068b6;
  pointer-events: auto;
  cursor: pointer;
  background-color: #edf6fc
}

@media screen and (min-width:769px) {
  .p_simulator_content__Item {
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out
  }

  .p_simulator_content__Item:hover {
    opacity: .7
  }
}

.p_simulator_content__Item .web-kenshin-icon {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center
}

.p_simulator_content__Item .web-kenshin-icon::before {
  display: block;
  width: 27px;
  height: 18px;
  margin-right: 10px;
  content: "";
  background: url("../images/web-kenshin-icon.png") no-repeat 50%
}

.p_simulator_content__Item .kenshin-icon {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center
}

.p_simulator_content__Item .kenshin-icon::before {
  display: block;
  width: 27px;
  height: 18px;
  margin-right: 10px;
  content: "";
  background: url("../images/kenshin-icon_active.png") no-repeat 50%
}

.p_simulator_content__BlueItem {
  position: relative;
  color: #fff;
  pointer-events: none;
  background-color: #0068b6
}

.p_simulator_content__BlueItem .web-kenshin-icon::before {
  background: url("../images/web-kenshin-icon_active.png") no-repeat 50%
}

.p_simulator_content__BlueItem .kenshin-icon::before {
  background: url("../images/kenshin-icon.png") no-repeat 50%
}

.p_simulator_content__BlueItem::after {
  position: absolute;
  right: 0;
  bottom: -10px;
  left: 0;
  z-index: 1;
  width: 0;
  height: 0;
  margin: auto;
  content: "";
  border-color: #0068b6 transparent transparent;
  border-style: solid;
  border-width: 17px 11px 0
}

.p_simulator_content__Icon {
  width: auto;
  margin-right: 10px
}

@media screen and (max-width:1199px) {
  .p_simulator_content__Icon {
    margin-right: 4px
  }
}

.p_simulator_content__Gray {
  display: -webkit-box;
  display: flex;
  width: 100%;
  padding: 20px;
  margin-top: 20px;
  background-color: #f5f5f5;
  border-radius: 10px
}

@media screen and (max-width:768px) {
  .p_simulator_content__Gray {
    width: 100%;
    margin-top: 0
  }
}

.p_simulator_content__GrayItem {
  position: relative;
  padding-left: 12px
}

.p_simulator_content__GrayItem::before {
  position: absolute;
  top: 40%;
  left: 0;
  width: 8px;
  height: 8px;
  content: "";
  background: #0168b6;
  border-radius: 50%
}

.p_simulator_content__label {
  margin-right: 2em
}

@media screen and (min-width:1200px) {
  .p_simulator_content__label {
    width: 140px
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .p_simulator_content__label {
    width: 100%;
    padding-bottom: 10px
  }
}

.p_simulator_content__InputWrap {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
          align-items: center
}

.p_simulator_content__InputMin {
  margin-left: 20px;
  letter-spacing: 0
}

@media screen and (max-width:1199px) {
  .p_simulator_content__InputMin {
    margin-left: 10px
  }
}

.p_simulator_content__Mater {
  display: inline-block;
  font-size: 6px;
  vertical-align: top
}

.p_simulator_contentYellow {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: start;
          justify-content: flex-start;
  width: 100%;
  max-width: 1200px;
  padding: 30px 60px;
  margin-bottom: 40px;
  background-color: #fee100
}

@media screen and (max-width:1199px) {
  .p_simulator_contentYellow {
    width: 100%;
    max-width: 768px;
    padding: 30px 20px;
    margin-bottom: 30px
  }
}

.p_simulator_contentYellow__Left {
  width: 40%;
  margin-right: 5%;
  font-size: 30px
}

@media screen and (max-width:1199px) {
  .p_simulator_contentYellow__Left {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    font-size: 22px
  }
}

.p_simulator_contentYellow__Right {
  width: 55%;
  font-size: 24px
}

@media screen and (max-width:1199px) {
  .p_simulator_contentYellow__Right {
    width: 100%;
    font-size: 18px;
    line-height: 1.5
  }
}

.p_simulator_contentYellow__Gas {
  width: 28px;
  height: auto;
  margin-right: 20px;
  -o-object-fit: contain;
     object-fit: contain
}

@media screen and (max-width:1199px) {
  .p_simulator_contentYellow__Gas {
    margin-right: 10px
  }
}

.p_simulator_contentYellow__Min {
  margin-top: 10px
}

@media screen and (max-width:1199px) {
  .p_simulator_contentYellow__Min {
    padding-left: 40px
  }
}

.gusonemonth, .onemonth {
  display: none!important
}

.gusonemonth.active, .onemonth.active {
  display: block!important
}

.gusoneyear, .oneyear {
  display: none
}

.gusoneyear.active, .oneyear.active {
  display: block
}

.p-result__inner__txt-1 .txt-l {
  line-height: 1.4
}

#appeal .appeal_ico {
  -webkit-box-align: center;
          align-items: center
}

.p-result::before {
  width: 45px;
  height: 40px;
  border-color: #edf6fc transparent transparent;
  border-style: solid;
  border-width: 36px 25px
}

.simulation_bg_white .p-result::before {
  border-color: #fff transparent transparent
}

.p_mypage_news {
  width: 100%;
  max-width: 1200px;
  padding: 0 0 60px;
  margin-right: auto;
  margin-left: auto
}

@media screen and (max-width:768px) {
  .p_mypage_news {
    width: 100%;
    padding: 0 15px 30px
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .p_mypage_news {
    padding-right: 15px;
    padding-left: 15px
  }
}

.p_mypage_news .p_mypage_newsItem {
  width: 100%;
  height: auto;
  padding: 26px 0;
  border-bottom: 2px solid #ddd
}

@media screen and (min-width:769px) {
  .p_mypage_news .p_mypage_newsItem .p_mypage_newsWrap {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
            align-items: center
  }
}

.p_mypage_news .p_mypage_newsItem .p_mypage_newsDate {
  width: 135px;
  font-size: 18px;
  font-weight: 400
}

@media screen and (min-width:1200px) {
  .p_mypage_news .p_mypage_newsItem .p_mypage_newsDate {
    padding-top: 4px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_news .p_mypage_newsItem .p_mypage_newsDate {
    padding-top: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5
  }
}

.p_mypage_news .p_mypage_newsItem .p_mypage_newsTtl {
  -webkit-box-flex: 1;
          flex: 1
}

.p_mypage_news .p_mypage_newsItem:first-of-type {
  border-top: 2px solid #ddd
}

.p_mypage_newslink {
  padding-right: 20px;
  margin-top: 20px;
  text-align: right
}

.p_mypage_newsPage .p_mypage_newsItem {
  padding-bottom: 20px;
  border-bottom: 2px solid #ddd
}

.p_mypage_newsPage .p_mypage_newsItem .p_mypage_newsWrap .p_mypage_newsDate {
  font-size: 18px
}

.p_mypage_newsPage .p_mypage_newsItem .p_mypage_newsWrap .p_mypage_newsTtl {
  padding-top: 10px;
  font-size: 34px;
  line-height: 1.5;
  color: #0068b6
}

@media screen and (max-width:768px) {
  .p_mypage_newsPage .p_mypage_newsItem .p_mypage_newsWrap .p_mypage_newsTtl {
    font-size: 24px
  }
}

.p_mypage_newsPage .p_mypage_detailpost {
  margin-top: 20px;
  line-height: 1.875
}

.p_mypage_newsPage .p_mypage_detailpost p {
  line-height: 1.875
}

.p_mypage_newsPage .p_mypage_detailpost p+p {
  margin-top: 2em
}

.p_news__tabBtns {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  max-width: 600px;
  margin: -30px auto 36px
}

@media screen and (min-width:1200px) {
  .p_news__tabBtns {
    margin-bottom: 54px
  }
}

.p_news__tabBtn {
  width: 50%;
  text-align: center;
  border-left: 1px solid #c1c0c0
}

.p_news__tabBtn+.p_news__tabBtn {
  border-right: 1px solid #c1c0c0
}

.p_news__tabBtn.is-current .p_news__tabBtnText::before {
  position: absolute;
  bottom: -4px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 2px;
  content: "";
  background-image: url("../images/line.svg");
  background-size: cover
}

.p_news__tabBtn.is-current .p_news__tabBtnText::after {
  position: absolute;
  top: -10px;
  right: -.3em;
  display: inline-block;
  width: 16px;
  height: 16px;
  content: "";
  background-image: url("../images/reaction.svg");
  background-size: cover
}

@media screen and (min-width:1200px) {
  .p_news__tabBtn.is-current {
    cursor: default!important
  }

  .p_news__tabBtn:hover {
    cursor: pointer
  }

  .p_news__tabBtn:hover .p_news__tabBtnText::before {
    position: absolute;
    bottom: -4px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 2px;
    content: "";
    background-image: url("../images/line.svg");
    background-size: cover
  }

  .p_news__tabBtn:hover .p_news__tabBtnText::after {
    position: absolute;
    top: -10px;
    right: -.3em;
    display: inline-block;
    width: 16px;
    height: 16px;
    content: "";
    background-image: url("../images/reaction.svg");
    background-size: cover
  }
}

.p_news__tabBtnText {
  position: relative;
  display: inline-block;
  padding: 0 10px 3px;
  font-size: 18px;
  font-weight: 700;
  color: #0168b6
}

.p_news__tabContent {
  display: none
}

.p_news__tabContent.is-visible {
  display: block
}

.p_mypage_head__announce {
  margin-top: 40px;
  font-size: 18PX;
  text-align: center
}

@media screen and (max-width:768px) {
  .p_mypage_head__announce {
    margin-top: 22px
  }

  .p_mypage_head__selectWrapBox {
    width: 100%;
    padding: 0 15px
  }
}

.p_mypage_head__selectWrap {
  position: relative;
  margin: 22px auto 24px
}

.p_mypage_head__selectWrap::after {
  position: absolute;
  top: 50%;
  right: 12px;
  width: 12px;
  height: 8px;
  content: "";
  background-image: url("../images/layer5.svg");
  background-size: contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%)
}

@media screen and (max-width:768px) {
  .p_mypage_head__selectWrap {
    margin: 20px auto 0
  }
}

.p_mypage_head__select {
  width: 100%;
  height: 70px;
  padding: 10px 30px 10px 20px;
  border: 1px solid #202020;
  border-radius: 8px
}

.p_mypage_head__selected {
  display: none
}

.p_mypage_head__selected.active {
  display: block
}

.p_mypage_checker {
  width: 96%;
  max-width: 1200px;
  padding: 40px 0;
  margin: 0 auto;
  border: 6px solid #0168b6;
  border-radius: 30px
}

@media screen and (max-width:768px) {
  .p_mypage_checker {
    width: 92%;
    padding: 15px 0;
    margin: 0 15px 30px;
    border-radius: 10px
  }
}

.p_mypage_checker__selectarea {
  padding-top: 30px
}

@media screen and (max-width:768px) {
  .p_mypage_checker__selectarea {
    padding-top: 20px
  }
}

.p_mypage_checker__inner {
  max-width: 1080px;
  padding-right: 20px;
  padding-left: 20px;
  margin: 0 auto
}

.p_mypage_checker__select {
  width: 100%;
  height: 70px;
  padding: 10px 34px 10px 20px;
  border: 1px solid #202020;
  border-radius: 8px
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .p_mypage_checker__buttonWrap--used {
    margin-top: 20px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_checker__buttonWrap--used {
    -webkit-box-pack: center;
            justify-content: center;
    margin-top: 20px
  }
}

@media screen and (min-width:769px) {
  .p_mypage_checker__button {
    max-width: 420px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_checker__button {
    max-width: 344px
  }
}

.p_invoice_tabWrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
          justify-content: flex-end;
  padding-bottom: 20px;
  margin-bottom: 20px;
  background: url("../images/gray_line.svg") repeat-x bottom
}

@media screen and (min-width:1200px) {
  .p_invoice_tabWrap {
    padding-bottom: 30px;
    margin-bottom: 35px
  }
}

.c_table1sp__btn {
  flex-wrap: wrap
}

@media screen and (max-width:768px) {
  .c_table1sp__btn .c_btn2 {
    width: 100%;
    margin-top: 20px
  }

  .c_table1sp__btn .c_btn2:first-child {
    margin-top: 0
  }

  .p_invoice_tableSP {
    margin-top: 40px
  }

  .c_table1sp {
    border: 2px solid #0068b6
  }

  .p_invoice_spTableUnder {
    margin: 0 20px 30px
  }

  .p_invoice_spTableTop {
    padding: 20px 10px;
    background-color: #edf6fc;
    border-bottom: 2px solid #0068b6
  }
}

.p_invoice {
  width: 96%;
  max-width: 1200px;
  margin: 0 auto
}

@media screen and (max-width:768px) {
  .p_invoice {
    max-width: 768px;
    border: none
  }
}

.p_invoice_download {
  flex-wrap: wrap;
  -webkit-box-pack: justify;
          justify-content: space-between;
  width: 100%
}

.p_invoice_downloadItem {
  padding-right: 20px
}

@media screen and (max-width:768px) {
  .p_invoice_downloadItem {
    padding: 15px 0
  }
}

.p_invoice_downloadItem:last-child {
  padding-right: 0
}

@media screen and (max-width:1199px) {
  .p_invoice_download {
    -webkit-box-pack: left;
            justify-content: left
  }
}

@media screen and (max-width:768px) {
  .p_invoice_download {
    width: 100%
  }
}

.p_invoice .p_invoice__select {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: start;
          justify-content: flex-start;
  padding: 32px 0
}

@media screen and (max-width:768px) {
  .p_invoice .p_invoice__select {
    width: 100%;
    padding: 20px 0 30px
  }

  .p_invoice .p_invoice_selectMax {
    width: 100%;
    margin-bottom: 15px
  }
}

.p_invoice .p_invoice_selectMin {
  display: -webkit-box;
  display: flex
}

@media screen and (max-width:768px) {
  .p_invoice .p_invoice_selectMin {
    -webkit-box-pack: center;
            justify-content: center;
    width: 100%
  }

  .p_invoice .p_invoice_selectMin .u_select2Min {
    width: 100%;
    margin: 0 0 15px
  }

  .p_invoice .p_invoice_selectMin .u_select2Min:nth-child(2n) {
    margin-left: 10px
  }

  .p_invoice .c_btnlist__item, .p_invoice .p_invoice_dlBtnwrap {
    width: 100%
  }
}

.p_invoice .p_invoice_dlBtn {
  width: 360px
}

@media screen and (max-width:1199px) {
  .p_invoice .p_invoice_dlBtn {
    margin-right: 20px;
    margin-bottom: 20px
  }
}

@media screen and (max-width:768px) {
  .p_invoice .p_invoice_dlBtn {
    width: 100%;
    height: auto;
    padding: 10px;
    margin-right: 0;
    margin-bottom: 0
  }
}

.p_invoice .p_invoice_dlBtn_sm {
  width: 320px
}

@media screen and (max-width:768px) {
  .p_invoice .p_invoice_dlBtn_sm {
    width: 100%;
    height: auto;
    padding: 10px
  }
}

.p_invoice .p_invoice_month {
  position: relative;
  padding: 28px 0 0 28px;
  color: #0168b6;
  text-decoration: underline
}

@media screen and (max-width:768px) {
  .p_invoice .p_invoice_month {
    padding: 0;
    margin-right: 25px;
    text-align: right
  }
}

.p_invoice .p_invoice_month::after {
  position: absolute;
  right: -15px;
  bottom: 14%;
  width: 7px;
  height: 11px;
  margin-top: -4px;
  content: "";
  background: url("../images/layer2.png");
  background-repeat: no-repeat;
  background-size: contain
}

.p_invoice .p_invoice_claimPC {
  -webkit-box-align: baseline;
          align-items: baseline;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-bottom: 4px;
  margin: 30px 0 18px;
  background: -webkit-linear-gradient(transparent 80%, #fee100 0);
  background: linear-gradient(transparent 80%, #fee100 0)
}

@media screen and (max-width:768px) {
  .p_invoice .p_invoice_claimPC {
    display: none
  }
}

.p_invoice .p_invoice_claimPC .p_claim_number {
  margin-right: 10px;
  margin-left: 10px;
  font-family: Oswald;
  font-size: 60px;
  color: #0168b6
}

.p_invoice .p_invoice_claimSP {
  display: none
}

@media screen and (max-width:768px) {
  .p_invoice .p_invoice_claimSP {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-top: 40px;
    margin: 0 auto;
    text-align: center
  }
}

.p_invoice .p_invoice_claimSP .p_claim_line {
  background: -webkit-linear-gradient(transparent 85%, #fee100 0);
  background: linear-gradient(transparent 85%, #fee100 0)
}

@media screen and (max-width:768px) {
  .p_invoice .p_invoice_claimSP .p_claim_number {
    font-family: Oswald;
    font-size: 60px;
    color: #0168b6
  }

  .p_invoice .p_invoice_enagy {
    padding-top: 10px;
    text-align: center
  }
}

.p_invoice .p_invoice__attention {
  padding-top: 40px
}

@media screen and (max-width:768px) {
  .p_invoice .p_invoice__attention {
    padding-top: 0
  }
}

.p_invoice .p_invoice__attentionItem {
  position: relative;
  margin-left: 20px
}

.p_invoice .p_invoice__attentionItem::before {
  position: absolute;
  left: -20px;
  content: "※"
}

.p_invoice .p_invoice_btn {
  margin-top: 60px;
  margin-bottom: 60px
}

@media screen and (max-width:768px) {
  .p_invoice .p_invoice_btn {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 0
  }
}

.p_invoice .p_invoice_content .p_invoice_TbTr .c_table1__td {
  border-bottom: none
}

.p_invoice .p_invoice_content .c_table1__th {
  border: 1px solid #0068b6;
  border-top: none;
  border-right: none
}

.p_invoice .p_invoice_content .c_table1__th:first-of-type {
  border-left: none
}

.p_invoice .p_invoice_content .c_table1__td {
  border: 1px solid #0068b6;
  border-top: none;
  border-right: none
}

.p_invoice .p_invoice_content .c_table1__td:first-of-type {
  border-left: none
}

.p_invoice .p_invoice_content .p_invoice_tableSP .c_table1sp {
  padding: 0
}

.p_invoice .p_invoice_content .p_invoice_tableSP .p_invoice_spTableUnder {
  padding: 0 20px 30px
}

.p_invoice .p_invoice_content .p_invoice_tableSP .p_invoice_spTableTop {
  padding: 15px 0;
  background-color: #edf6fc;
  border-bottom: 2px solid #0068b6;
  border-radius: 15px 15px 0 0
}

.p_invoice .p_invoice_content .p_invoice_tableSP .c_table1sp__item {
  border-bottom: 2px dotted #0068b6
}

.p_invoice .p_invoice_content .p_invoice_tableSP .c_table1sp__btn {
  flex-wrap: wrap
}

@media screen and (max-width:768px) {
  .p_invoice_detailSection .p_invoice_detailSP {
    padding: 0 15px 25px
  }

  .p_invoice_detailSection .p_invoice__select {
    -webkit-box-pack: end;
            justify-content: flex-end
  }

  .p_invoice_detailSection .c_list3__label {
    padding-bottom: 10px
  }

  .p_invoice_detailSection .c_list3__desc {
    padding-top: 0
  }
}

.p_invoice__detailHead .c_heading2 {
  margin-top: 0
}

@media screen and (max-width:768px) {
  .p_invoice__detailHead .c_heading2 {
    margin-top: 30px
  }
}

.p_invoice__detailSelect .p_invoice__select {
  padding: 0
}

@media screen and (max-width:768px) {
  .p_invoice_content {
    padding: 0;
    border: 0
  }

  .p_invoice__detail {
    padding: 15px;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    background-color: #edf6fc
  }

  .p_invoice__detail__inner {
    padding: 0 15px 15px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 10px
  }
}

.p_invoice__attentionItem {
  position: relative;
  margin-left: 15px;
  font-size: 16px;
  line-height: 1.875
}

.p_invoice__attentionItem::before {
  position: absolute;
  left: -15px;
  content: "※"
}

@media screen and (max-width:768px) {
  .p_invoice__attentionItem {
    font-size: 12px
  }

  .p_invoice__whiteblock {
    padding: 20px;
    margin-bottom: 20px;
    background: #fff;
    border-radius: 10px
  }

  .p_invoice__whiteblock .c_heading2 {
    margin-bottom: 15px
  }

  .p_invoice__whiteblock .p_invoice__attention {
    padding-top: 0
  }

  .p_invoice__whiteblock_sp {
    display: block
  }

  .p_invoice__whiteblock_spttl {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 700
  }

  .p_invoice__whiteblock_read {
    margin-bottom: 20px;
    font-size: 16px
  }

  .p_invoice__whiteblock_splist>li {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
            justify-content: space-between;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px dashed #999
  }

  .p_invoice__whiteblock_splist>li:last-child {
    margin-bottom: 0
  }

  .p_invoice__whiteblock_splist>li ._label {
    font-size: 16px;
    font-weight: 700;
    line-height: 2
  }

  .p_invoice__whiteblock_splist>li ._desc {
    font-size: 16px;
    line-height: 2;
    text-align: right
  }

  .p_invoice__whiteblock>:first-child {
    margin-top: 0
  }
}

.p_moving_inner {
  padding: 10px 0;
  margin: 30px 0;
  border-top: 2px dashed #707070
}

.p_moving_inner._nobdr {
  border-top: none
}

@media screen and (max-width:768px) {
  .p_moving_inner {
    padding: 0;
    margin: 20px 0 30px
  }
}

.p_moving_inner._agreement_gas {
  margin-top: 0;
  border: none
}

@media screen and (max-width:768px) {
  .p_moving_inner._agreement_gas {
    margin-top: 0
  }
}

.p_moving_inner .p_moving_sec_text {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  justify-content: space-around;
  padding: 25px;
  font-size: 16px;
  line-height: 1.5;
  border: 2px solid #0068b6;
  border-radius: 8px
}

@media screen and (max-width:768px) {
  .p_moving_inner .p_moving_sec_text {
    flex-wrap: wrap;
    padding: 22px
  }
}

.p_moving_inner .p_moving_sec_text .p__text_list {
  width: 840px
}

@media screen and (max-width:768px) {
  .p_moving_inner .p_moving_sec_text .p__text_list {
    width: 100%
  }
}

.p_moving_inner .p_moving_sec_text .p__text_btn {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 250px;
  max-width: 100%;
  height: 50px;
  margin-right: auto;
  margin-left: auto;
  color: #fff;
  background: #0068b6;
  border-radius: 8px
}

@media screen and (min-width:769px) {
  .p_moving_inner .p_moving_sec_text .p__text_btn {
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out
  }

  .p_moving_inner .p_moving_sec_text .p__text_btn:hover {
    -webkit-filter: brightness(1.15);
            filter: brightness(1.15)
  }
}

@media screen and (max-width:768px) {
  .p_moving_inner .p_moving_sec_text .p__text_btn {
    width: 100%;
    margin: 40px 0 20px
  }
}

.p_mypage_plusBluebox .p_mypage_plusPlan {
  max-width: 1200px;
  padding: 40px 60px;
  margin: 0 auto 40px;
  background: #edf6fc;
  border-radius: 30px
}

@media screen and (max-width:1199px) {
  .p_mypage_plusBluebox .p_mypage_plusPlan {
    max-width: 768px;
    padding: 20px;
    border-radius: 20px
  }
}

.p_mypage_plusBluebox .p_mypage_plusPlan .u_flex {
  -webkit-box-pack: justify;
          justify-content: space-between
}

@media screen and (max-width:1199px) {
  .p_mypage_plusBluebox .p_mypage_plusPlan .u_flex {
    flex-wrap: wrap-reverse;
    -webkit-box-pack: center;
            justify-content: center;
    margin: 0 auto
  }
}

@media screen and (max-width:768px) {
  .p_mypage_plusBluebox .p_mypage_plusPlan .p_mypage_plusPhotoWrap {
    width: 100%;
    text-align: center
  }
}

.p_mypage_plusBluebox .p_mypage_plusPlan .p_mypage_plusSolar {
  margin-top: 30px
}

@media screen and (max-width:768px) {
  .p_mypage_plusBluebox .p_mypage_plusPlan .p_mypage_plusSolar {
    margin-top: 40px
  }
}

.p_mypage_plusBluebox .p_mypage_plusPlan .p_mypage_plusTxtWrap {
  width: 64%
}

@media screen and (max-width:768px) {
  .p_mypage_plusBluebox .p_mypage_plusPlan .p_mypage_plusTxtWrap {
    width: 100%
  }
}

.p_mypage_plusBluebox .p_mypage_plusPlan .c_heading4_mypagePlus {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: start;
          justify-content: flex-start;
  height: 50px;
  margin-top: 15px;
  font-size: 24px;
  color: #0068b6
}

@media screen and (min-width:1200px) {
  .p_mypage_plusBluebox .p_mypage_plusPlan .c_heading4_mypagePlus {
    margin-top: 0
  }
}

.p_mypage_plusBluebox .p_mypage_plusPlan .p_mypage_plusIconWrap {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-right: 20px;
  background-color: #fff;
  border-radius: 50%
}

@media screen and (max-width:768px) {
  .p_mypage_plusBluebox .p_mypage_plusPlan .p_mypage_plusIconWrap {
    margin-right: 10px
  }
}

.p_mypage_plusBluebox .p_mypage_plusPlan .p_mypage_plusIcon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%)
}

.p_mypage_plusBluebox .p_mypage_plusPlan .p_mypage_plusHeading {
  display: inline-block;
  width: auto
}

.p_mypage_plusBluebox .p_mypage_plusLine {
  width: 100%;
  height: 24px;
  padding-bottom: 20px;
  margin-top: 10px
}

.p_mypage_plusBluebox .c_blue_button {
  margin-left: 0
}

@media screen and (max-width:768px) {
  .p_mypage_plusBluebox .c_blue_button {
    width: 100%;
    margin-top: 20px;
    line-height: 1.5;
    text-align: center
  }
}

.p_mypage_plusBluebox .p_mypage_plusWrap {
  width: 335px;
  height: 230px
}

@media screen and (max-width:768px) {
  .p_mypage_plusBluebox .p_mypage_plusWrap {
    width: 100%;
    height: 180px
  }
}

.p_mypage_plusBluebox .p_mypage_plusWrap .p_mypage_plusPhoto {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%
}

@media screen and (max-width:768px) {
  .p_mypage_plusBluebox .p_mypage_plusWrap .p_mypage_plusPhoto {
    width: 100%;
    text-align: center;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center
  }
}

.p_mypage_plus__content--eneco {
  padding: 40px 15px!important
}

.p_mypage_plusBluebox {
  background-color: #fff
}

.p_mypage_plus__icon {
  width: 28px!important;
  height: 22px!important;
  -o-object-fit: contain!important;
     object-fit: contain!important
}

@media screen and (max-width:768px) {
  .p_mypage_plus__title {
    padding-top: 36px!important
  }
}

.p_mypage_plus__data {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center
}

.p_mypage_plus__price {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: baseline;
          align-items: baseline
}

.p_mypage_plus__price._nopy {
  padding: 0!important
}

.p_mypage_plus__txtWrap {
  text-align: right
}

.p_mypage_plus__txtlink {
  position: relative
}

.p_mypage_plus__txtlink::after {
  position: absolute;
  right: -14px;
  bottom: -1px;
  width: 7px;
  height: 1em;
  content: "";
  background-image: url("../images/layer4.svg");
  background-repeat: no-repeat;
  background-size: contain
}

.p__plusTable__tdinr {
  width: 100%;
  padding: 15px;
  font-weight: 700
}

.p__plusTable__tdinr._bdr {
  font-weight: 700;
  border-bottom: 1px dashed #0068b6
}

.p__plusTable__tdinr._bdr .dot {
  color: #202020
}

.p__plusTable__td__subttl {
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.875;
  color: #202020
}

.p_download__message {
  text-align: center
}

.p_download_attention__announce {
  max-width: 1200px;
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
  line-height: 1.5;
  color: #e9593a;
  background-color: #fbded7;
  border-radius: 10px
}

@media screen and (min-width:769px) {
  .p_download_attention__announce {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 30px
  }
}

@media screen and (max-width:1199px) {
  .p_download_attention__announce {
    padding: 20px 10px;
    margin-right: 15px;
    margin-left: 15px;
    text-align: center
  }
}

@media screen and (max-width:768px) {
  .p_download_attention__announce {
    font-size: 24px
  }
}

.p_download_attention__announce::before {
  display: block;
  width: 30px;
  height: 27px;
  margin-right: 10px;
  content: url("../images/download_attention.svg")
}

@media screen and (max-width:768px) {
  .p_download_attention__announce::before {
    margin: 0 auto 10px
  }
}

.p_download_section {
  width: 94%;
  background-color: #fff
}

@media screen and (min-width:769px) {
  .p_download_section {
    padding: 20px 60px 60px!important
  }
}

@media screen and (max-width:768px) {
  .p_download_section {
    padding: 0 20px 20px!important
  }
}

.p_download_section--send {
  margin: 20px auto 0!important
}

.p_download_section--request {
  margin: 40px auto 60px!important
}

@media screen and (max-width:768px) {
  .p_download_section--request {
    margin: 30px auto 20px!important
  }
}

.p_download_address {
  margin: 30px 0 0!important;
  border-radius: 10px
}

.p_download_item:nth-child(n+2) {
  margin-top: 14px
}

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

.p_download__num {
  width: 20px;
  height: 24px;
  padding-top: 6px;
  margin-right: 10px
}

@media screen and (min-width:1200px) {
  .p_download__num {
    display: inline-block
  }
}

.p_download__text {
  width: calc(100% - 20px);
  line-height: 1.9
}

.p_download__buttonWrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  margin-top: 22px
}

.p_download__button {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  width: 98%;
  max-width: 360px;
  height: 70px;
  color: #fff;
  text-align: center;
  background-color: #0068b6;
  border-radius: 8px
}

@media screen and (min-width:769px) {
  .p_download__button {
    box-shadow: 0 4px #0c426a
  }
}

@media screen and (max-width:768px) {
  .p_download__button {
    box-shadow: 0 3px #0c426a
  }
}

.p_download__icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 6px
}

.p_download__example {
  font-size: 14px
}

.p_download__document {
  margin-top: 6px;
  font-size: 22px
}

.p_download_address__info {
  line-height: 1.9
}

.p_download_delivery__note {
  padding-left: 1.3em;
  line-height: 1.9;
  color: #e9593a;
  text-indent: -1.3em
}

.p_download_delivery__text {
  margin-top: 10px;
  line-height: 1.9
}

.p_download_delivery__access {
  color: #0068b6
}

.p_download_delivery__link {
  position: relative;
  margin-right: 1.4em
}

.p_download_delivery__link::after {
  position: absolute;
  top: 50%;
  right: -20px;
  display: inline-block;
  width: 1em;
  height: 1em;
  content: "";
  background-image: url("../images/web_link.svg");
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%)
}

@media screen and (min-width:1200px) {
  .p_mypage_use {
    padding: 60px 0
  }
}

@media screen and (max-width:1199px) {
  .p_mypage_use {
    padding: 20px 15px 40px
  }
}

.p_mypage_use__inner {
  width: 96%;
  max-width: 950px;
  margin: 0 auto
}

@media screen and (min-width:1200px) {
  .p_mypage_use__inner {
    padding: 60px;
    margin-bottom: 60px;
    border: 6px solid #0168b6;
    border-radius: 60px
  }
}

@media screen and (max-width:1199px) {
  .p_mypage_use__inner {
    width: 100%;
    padding: 20px;
    margin-bottom: 40px;
    border: 3px solid #0168b6;
    border-radius: 10px
  }
}

.p_mypage_use__heading {
  line-height: 1.5;
  color: #0068b6;
  text-align: center
}

@media screen and (min-width:1200px) {
  .p_mypage_use__heading {
    font-size: 34px
  }
}

@media screen and (max-width:1199px) {
  .p_mypage_use__heading {
    font-size: 24px
  }
}

.p_mypage_use__year {
  position: relative;
  padding-top: 30px;
  margin-top: 20px;
  text-align: center
}

.p_mypage_use__year::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  content: "";
  background-image: url("../images/line_blue_2px.svg")
}

@media screen and (min-width:1200px) {
  .p_mypage_use__year {
    font-size: 30px
  }
}

@media screen and (max-width:1199px) {
  .p_mypage_use__year {
    font-size: 18px
  }
}

.p_mypage_use__text {
  -webkit-box-pack: center;
          justify-content: center;
  margin-top: 20px;
  line-height: 1.5
}

.p_mypage_use__price {
  margin-top: 20px;
  text-align: center
}

@media screen and (min-width:769px) {
  .p_mypage_use__priceMarker--pc {
    background: -webkit-linear-gradient(transparent 50%, #fee100 60%);
    background: linear-gradient(transparent 50%, #fee100 60%)
  }
}

@media screen and (max-width:768px) {
  .p_mypage_use__priceMarker--sp {
    background: -webkit-linear-gradient(transparent 50%, #fee100 60%);
    background: linear-gradient(transparent 50%, #fee100 60%)
  }
}

.p_mypage_use__bill {
  font-size: 24px
}

.p_mypage_use__yen {
  margin-left: 10px;
  font-size: 24px
}

.p_mypage_use__value {
  font-size: 60px;
  line-height: 1.5;
  color: #0068b6
}

@media screen and (min-width:769px) {
  .p_mypage_use__value {
    margin-left: 10px
  }

  .p_mypage_use__wattage {
    font-size: 24px
  }
}

.p_mypage_use__comparison {
  position: relative;
  line-height: 1.5
}

.p_mypage_use__comparison::after {
  position: absolute;
  bottom: -30px;
  left: 0;
  width: 100%;
  height: 4px;
  content: "";
  background-image: url("../images/line_blue_2px.svg")
}

.p_mypage_use__previousYear {
  display: inline-block;
  width: 10px;
  height: 16px;
  margin-left: 10px;
  line-height: 1
}

.p_mypage_use__buttonGroup {
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  padding-top: 30px;
  margin-top: 30px
}

@media screen and (min-width:769px) {
  .p_mypage_use__buttonWrap:nth-child(n+2) {
    margin-left: 20px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_use__buttonWrap {
    -webkit-box-pack: center;
            justify-content: center
  }

  .p_mypage_use__buttonWrap:nth-child(n+2) {
    margin-top: 15px
  }
}

.p_mypage_use__detail {
  position: relative;
  width: 320px;
  height: 50px
}

@media screen and (max-width:768px) {
  .p_mypage_use__detail {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center
  }
}

.p_mypage_use__detail::before {
  display: inline-block;
  width: 18px;
  height: 20px;
  margin-right: 10px;
  content: "";
  background-image: url("../images/mypage_nav1.svg");
  background-repeat: no-repeat
}

@media screen and (max-width:768px) {
  .p_mypage_use__detail::before {
    margin-right: 10px
  }
}

@media screen and (min-width:769px) {
  .p_mypage_use__detail::before {
    position: absolute;
    top: 50%;
    left: 40px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
  }
}

.p_mypage_use__history {
  position: relative;
  width: 320px;
  height: 50px
}

@media screen and (max-width:768px) {
  .p_mypage_use__history {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center
  }
}

.p_mypage_use__history::before {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  content: "";
  background-image: url("../images/mypage_nav2.svg")
}

@media screen and (min-width:769px) {
  .p_mypage_use__history::before {
    position: absolute;
    top: 50%;
    left: 90px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
  }
}

.p_mypage_use__info {
  margin-top: 30px;
  line-height: 1.5;
  text-align: center
}

.p_mypage_use__checker {
  position: relative;
  margin-top: 20px;
  border: 4px solid #0068b6;
  border-radius: 5px
}

.p_mypage_use__checker::after {
  position: absolute;
  right: 6px;
  bottom: 6px;
  content: "";
  border-color: transparent transparent #0068b6;
  border-style: solid;
  border-width: 0 0 15px 15px
}

@media screen and (min-width:769px) {
  .p_mypage_use__checker {
    padding: 30px 24px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_use__checker {
    padding: 15px 10px
  }
}

.p_mypage_use__checkerInner {
  -webkit-box-align: center;
          align-items: center
}

@media screen and (min-width:769px) {
  .p_mypage_use__checkerInner {
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out
  }

  .p_mypage_use__checkerInner:hover {
    -webkit-filter: brightness(1.15);
            filter: brightness(1.15)
  }
}

.p_mypage_use__checkerIcon {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center
}

@media screen and (min-width:769px) {
  .p_mypage_use__checkerIcon {
    min-width: 142px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_use__checkerIcon {
    min-width: 92px
  }
}

@media screen and (min-width:769px) {
  .p_mypage_use__description {
    margin-left: 20px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_use__description {
    margin-left: 10px
  }
}

@media screen and (min-width:769px) {
  .p_mypage_use__checkerText {
    font-size: 24px
  }
}

.p_mypage_use__check {
  line-height: 1.5
}

@media screen and (min-width:769px) {
  .p_mypage_use__check {
    font-size: 29px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_use__check {
    font-size: 18px
  }
}

@media screen and (min-width:769px) {
  .p_mypage_use__marker {
    background: -webkit-linear-gradient(transparent 70%, #fee100 0);
    background: linear-gradient(transparent 70%, #fee100 0)
  }
}

@media screen and (max-width:768px) {
  .p_mypage_use__marker {
    background: -webkit-linear-gradient(transparent 30%, #fee100 60%);
    background: linear-gradient(transparent 30%, #fee100 60%)
  }
}

.p_mypage_use__saving {
  color: #0068b6
}

.p_mypage_request {
  background-color: #edf6fc
}

@media screen and (min-width:769px) {
  .p_mypage_request {
    padding: 60px 0
  }
}

@media screen and (max-width:768px) {
  .p_mypage_request {
    padding: 40px 0
  }
}

.p_mypage_request__inner {
  width: 96%;
  max-width: 1400px;
  margin: 0 auto
}

@media screen and (max-width:1199px) {
  .p_mypage_request__inner {
    width: 100%;
    padding: 0 15px
  }
}

.p_mypage_request__content {
  background-color: #fff
}

@media screen and (min-width:1200px) {
  .p_mypage_request__content {
    padding: 60px 60px 86px;
    margin-top: 40px;
    border-radius: 60px
  }
}

@media screen and (max-width:1199px) {
  .p_mypage_request__content {
    padding: 20px;
    margin-top: 20px;
    border-radius: 10px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_request__content {
    border-radius: 15px
  }
}

.p_mypage_request__title {
  color: #0168b6;
  text-align: center
}

@media screen and (min-width:1200px) {
  .p_mypage_request__title {
    font-size: 30px
  }
}

@media screen and (max-width:1199px) {
  .p_mypage_request__title {
    font-size: 24px
  }
}

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

.p_mypage_request__text {
  margin-top: 30px;
  line-height: 1.9;
  text-align: center
}

.p_mypage_request__announce {
  margin-top: 20px
}

.p_mypage_request__announce::after, .p_mypage_request__announce::before {
  display: inline-block;
  content: "";
  background-color: #0068b6;
  border-radius: 1000px
}

@media screen and (min-width:769px) {
  .p_mypage_request__announce {
    -webkit-box-align: baseline;
            align-items: baseline;
    -webkit-box-pack: center;
            justify-content: center
  }

  .p_mypage_request__announce::before {
    width: 30px;
    height: 2px;
    -webkit-transform: rotate(60deg);
            transform: rotate(60deg)
  }

  .p_mypage_request__announce::after {
    width: 30px;
    height: 2px;
    -webkit-transform: rotate(-60deg);
            transform: rotate(-60deg)
  }
}

@media screen and (max-width:768px) {
  .p_mypage_request__announce {
    position: relative;
    max-width: 300px;
    margin: 20px auto 0;
    text-align: center
  }

  .p_mypage_request__announce::before {
    position: absolute;
    bottom: 30px;
    left: -40px;
    width: 80px;
    height: 2px;
    -webkit-transform: rotate(70deg);
            transform: rotate(70deg)
  }

  .p_mypage_request__announce::after {
    position: absolute;
    right: -40px;
    bottom: 30px;
    width: 80px;
    height: 2px;
    -webkit-transform: rotate(-70deg);
            transform: rotate(-70deg)
  }
}

.p_mypage_request__price {
  font-size: 18px
}

.p_mypage_request__discount {
  margin-left: 8px;
  font-size: 28px;
  color: #0168b6
}

.p_mypage_request__value {
  margin-left: 8px;
  font-size: 60px;
  color: #fee100;
  text-shadow: 3px 3px 0 #0068b6, -3px 3px 0 #0068b6, 3px -3px 0 #0068b6, -3px -3px 0 #0068b6, 3px 0 0 #0068b6, 0 3px 0 #0068b6, -3px 0 0 #0068b6, 0 -3px 0 #0068b6;
  letter-spacing: 4px
}

.p_mypage_request__mediaGroup {
  -webkit-box-pack: center;
          justify-content: center;
  margin-top: 24px
}

.p_mypage_request__mediaGroup._left {
  -webkit-box-pack: left;
          justify-content: left
}

@media screen and (min-width:1200px) {
  .p_mypage_request__gas {
    width: 56px;
    height: 78px
  }
}

@media screen and (max-width:1199px) {
  .p_mypage_request__gas {
    width: 42px;
    height: 58px
  }
}

@media screen and (min-width:1200px) {
  .p_mypage_request__solar {
    width: 92px;
    height: 70px
  }
}

@media screen and (max-width:1199px) {
  .p_mypage_request__solar {
    width: 70px;
    height: 54px
  }
}

.p_mypage_request__solarTitle {
  font-size: 20px
}

@media screen and (max-width:768px) {
  .p_mypage_request__solarTitle {
    font-size: 17px
  }
}

@media screen and (min-width:1200px) {
  .p_mypage_request__battery {
    width: 60px;
    height: 70px
  }
}

@media screen and (max-width:1199px) {
  .p_mypage_request__battery {
    width: 46px;
    height: 55px
  }
}

@media screen and (min-width:1200px) {
  .p_mypage_request__ev {
    width: 62px;
    height: 78px
  }
}

@media screen and (max-width:1199px) {
  .p_mypage_request__ev {
    width: 48px;
    height: 60px
  }
}

.p_mypage_request__buttonWrap--discount {
  -webkit-box-pack: center;
          justify-content: center;
  margin-top: 44px
}

.p_mypage_request__buttonGroup {
  -webkit-box-pack: center;
          justify-content: center
}

@media screen and (min-width:1200px) {
  .p_mypage_request__buttonGroup {
    margin-top: 44px
  }
}

@media screen and (max-width:1199px) {
  .p_mypage_request__buttonGroup {
    margin-top: 24px
  }
}

@media screen and (min-width:1200px) {
  .p_mypage_request__buttonWrap--eneco:nth-child(n+2) {
    margin-left: 60px
  }
}

@media screen and (max-width:1199px) {
  .p_mypage_request__buttonWrap--eneco {
    -webkit-box-pack: center;
            justify-content: center
  }

  .p_mypage_request__buttonWrap--eneco:nth-child(n+2) {
    margin-top: 24px
  }
}

.p_mypage_request__button {
  width: 420px;
  height: 70px
}

.p_mypage_request__enecoIcon {
  display: inline-block;
  width: 25px;
  height: 28px;
  margin-right: 12px
}

.js_mypageSelection {
  display: none
}

.js_mypageSelection.active {
  display: block
}

@media screen and (max-width:768px) {
  .p_mypage_topNews .p_mypage_news {
    padding: 0 0 30px
  }

  .p_mypage_IconWrap {
    margin-right: 15px
  }
}

.p_top_electricity__inner._mypagefix>:first-child {
  margin-top: 0
}

@media screen and (max-width:768px) {
  .p_top_electricity__indicatorWrapper {
    margin-top: 35px!important;
    margin-bottom: 30px
  }
}

.p_mypage_inactive_button {
  background: #999
}

.p_mypage_inactive_button2 {
  margin-top: 20px;
  background: #999
}

.p_mypage_campaign_banner {
  margin: 24px 60px 0;
  text-align: center
}

@media screen and (max-width:768px) {
  .p_mypage_campaign_banner {
    margin: 20px 0 0
  }

  .p_mypage_campaign_banner img {
    width: 100%
  }
}

.p_mypage_campaign_dr_thanks_banner {
  width: 400px;
  margin: 0 auto 40px
}

@media screen and (max-width:768px) {
  .p_mypage_campaign_dr_thanks_banner {
    width: auto;
    margin: 0 15px 30px
  }
}

@media screen and (min-width:1200px) {
  .p_mypage_simulator_result {
    padding: 40px 0 62px
  }
}

@media screen and (max-width:1199px) {
  .p_mypage_simulator_result {
    padding: 2px 0 40px
  }
}

.p_mypage_simulator_result__inner {
  width: 94%;
  max-width: 1200px;
  margin: 0 auto
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_result__inner {
    width: auto;
    margin-right: 15px;
    margin-left: 15px
  }
}

.p_mypage_simulator_result__termWrap {
  background-color: #edf6fc;
  border-radius: 10px
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_result__termWrap {
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    padding: 20px 0
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_result__termWrap {
    padding: 30px 0
  }
}

.p_mypage_simulator_result__badge {
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 200px;
  color: #fff;
  background-color: #0068b6;
  border-radius: 3px
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_result__badge {
    height: 48px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_result__badge {
    height: 40px;
    margin: 0 auto
  }
}

.p_mypage_simulator_result__area {
  line-height: 1.5
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_result__area {
    margin-left: 20px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_result__area {
    margin-top: 20px;
    text-align: center
  }
}

.p_mypage_simulator_result__info {
  line-height: 1.9;
  text-align: center;
  border: 6px solid #0068b6;
  border-radius: 40px
}

@media screen and (min-width:1200px) {
  .p_mypage_simulator_result__info {
    padding: 10px 0 60px;
    margin-top: 40px
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .p_mypage_simulator_result__info {
    padding: 40px 15px 60px;
    margin-top: 40px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_result__info {
    padding: 40px 0;
    margin-top: 20px
  }
}

.p_mypage_simulator_result__infoText {
  color: #0068b6
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_result__infoText {
    font-size: 30px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_result__infoText {
    font-size: 24px
  }
}

.p_mypage_simulator_result_txtwrap {
  font-weight: 700;
  color: #0168b6;
  text-align: center
}

.p_mypage_simulator_result_txtwrap._top {
  padding-top: 50px;
  margin-bottom: 10px
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_result_txtwrap._top {
    padding-top: 0
  }
}

.p_mypage_simulator_result_txt1 {
  font-size: 30px;
  line-height: 1.5
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_result_txt1 {
    font-size: 24px
  }
}

.p_mypage_simulator_result_txt2 {
  font-size: 34px;
  line-height: 1.5
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_result_txt2 {
    font-size: 22px
  }
}

.p_mypage_simulator_result_txt3 {
  font-family: Oswald, sans-serif;
  font-size: 60px;
  line-height: 1
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_result_txt3 {
    font-size: 50px
  }
}

.p_mypage_simulator_result__value {
  color: #e85f5f
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_result__value {
    font-size: 60px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_result__value {
    font-size: 50px
  }
}

.p_mypage_simulator_result__yen {
  color: #e85f5f
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_result__yen {
    font-size: 34px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_result__yen {
    font-size: 22px
  }
}

.p_mypage_simulator_result__third {
  font-size: 34px
}

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

.p_mypage_simulator_result__line {
  padding-bottom: 10px;
  background-image: url("../images/line_blue_2px.svg");
  background-repeat: repeat-x;
  background-position-y: bottom;
  background-size: 40%
}

.p_mypage_simulator_result__usedGroup {
  -webkit-box-align: end;
          align-items: flex-end;
  justify-content: space-around;
  margin-top: 30px
}

@media screen and (min-width:1200px) {
  .p_mypage_simulator_result__usedGroup {
    border-bottom: 4px solid #202020
  }
}

.p_mypage_simulator_result__usedGroup--gas {
  -webkit-box-align: end;
          align-items: flex-end;
  justify-content: space-around
}

@media screen and (min-width:1200px) {
  .p_mypage_simulator_result__usedGroup--gas {
    border-bottom: 4px solid #202020
  }
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_result__usedGroup--gas {
    margin-top: 60px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_result__usedGroup--gas {
    margin-top: 126px
  }
}

.p_mypage_simulator_result__usedWrap {
  max-width: 950px
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_result__usedWrap {
    margin: 44px auto 0;
    border-bottom: 3px solid #202020
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_result__usedWrap {
    position: relative;
    margin: 80px auto 0
  }
}

@media screen and (max-width:1199px) {
  .p_mypage_simulator_result__usedWrap--gas {
    position: relative
  }

  .p_mypage_simulator_result__usedWrap--gas:nth-child(n+2) {
    margin-top: 60px
  }
}

.p_mypage_simulator_result__usedTitle {
  line-height: 1.5;
  color: #0068b6
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_result__usedTitle {
    font-size: 30px;
    text-align: center
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_result__usedTitle {
    position: absolute;
    top: -15%;
    left: 40%;
    font-size: 22px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%)
  }
}

.p_mypage_simulator_result__usedTitle--gas {
  line-height: 1.5;
  color: #0068b6
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_result__usedTitle--gas {
    font-size: 30px;
    text-align: center
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_result__usedTitle--gas {
    position: absolute;
    font-size: 22px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%)
  }

  .p_mypage_simulator_result__electricTitle {
    top: -90px;
    left: 36%
  }

  .p_mypage_simulator_result__gasTitle {
    top: -46px;
    left: 36%
  }
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_result__usedValue {
    font-size: 44px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_result__usedValue {
    font-size: 34px
  }
}

.p_mypage_simulator_result__usedImage {
  position: relative;
  border-bottom: 2px solid #202020
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_result__usedImage {
    max-width: 480px;
    margin: 36px auto -2px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_result__usedImage {
    max-width: 345px;
    margin: 0 auto;
    text-align: center
  }
}

.p_mypage_simulator_result__usedImage--gas {
  position: relative
}

@media screen and (min-width:1200px) {
  .p_mypage_simulator_result__usedImage--gas {
    margin-top: 50px
  }
}

@media screen and (max-width:1199px) {
  .p_mypage_simulator_result__usedImage--gas {
    border-bottom: 3px solid #202020
  }
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_result__electric {
    width: 624px;
    margin: 40px auto 0
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_result__electric {
    max-width: 345px;
    margin: 0 auto;
    text-align: center
  }
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_result__gas {
    width: 406px;
    margin: 40px auto 0
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_result__gas {
    max-width: 345px;
    margin: 0 auto;
    text-align: center
  }
}

.p_mypage_simulator_result__graphValue {
  font-weight: 600
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_result__graphValue {
    font-size: 36px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_result__graphValue {
    font-size: 23px
  }
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_result__graphYen {
    font-size: 22px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_result__graphYen {
    font-size: 12px
  }
}

.p_mypage_simulator_result__singleGraph--past {
  position: absolute
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_result__singleGraph--past {
    bottom: 70px;
    left: 0;
    width: 225px;
    text-align: center
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_result__singleGraph--past {
    bottom: 48px;
    left: 20px;
    width: 140px;
    text-align: center
  }
}

.p_mypage_simulator_result__setGraph--past {
  position: absolute
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_result__setGraph--past {
    bottom: 75px;
    left: 0;
    width: 190px;
    text-align: center
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_result__setGraph--past {
    bottom: 38px;
    left: 10px;
    width: 100px;
    text-align: center
  }
}

.p_mypage_simulator_result__gasGraph--past {
  position: absolute
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_result__gasGraph--past {
    bottom: 80px;
    left: 0;
    width: 190px;
    text-align: center
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_result__gasGraph--past {
    bottom: 52px;
    left: 20px;
    width: 142px;
    text-align: center
  }
}

.p_mypage_simulator_result__singleGraph--current {
  position: absolute
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_result__singleGraph--current {
    right: 0;
    bottom: 60px;
    width: 225px;
    text-align: center
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_result__singleGraph--current {
    right: 21px;
    bottom: 38px;
    width: 140px;
    text-align: center
  }
}

.p_mypage_simulator_result__setGraph--current {
  position: absolute
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_result__setGraph--current {
    right: 215px;
    bottom: 44px;
    width: 193px;
    text-align: center
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_result__setGraph--current {
    right: 124px;
    bottom: 28px;
    width: 100px;
    text-align: center
  }
}

.p_mypage_simulator_result__gasGraph--current {
  position: absolute
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_result__gasGraph--current {
    right: 0;
    bottom: 46px;
    width: 190px;
    text-align: center
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_result__gasGraph--current {
    right: 20px;
    bottom: 42px;
    width: 140px;
    text-align: center
  }
}

.p_mypage_simulator_result__setGraph--set {
  position: absolute
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_result__setGraph--set {
    right: 0;
    bottom: 24px;
    width: 190px;
    text-align: center
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_result__setGraph--set {
    right: 13px;
    bottom: 18px;
    width: 96px;
    text-align: center
  }
}

.p_mypage_simulator_result__balloonValue {
  font-weight: 600
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_result__balloonValue {
    font-size: 34px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_result__balloonValue {
    font-size: 27px
  }
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_result__balloonYen {
    font-size: 22px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_result__balloonYen {
    font-size: 15px
  }
}

.p_mypage_simulator_result__singleBalloon {
  position: absolute;
  color: #fff
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_result__singleBalloon {
    top: 52px;
    right: 38px;
    width: 150px;
    text-align: center
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_result__singleBalloon {
    top: 46px;
    right: 32px;
    width: 118px;
    text-align: center
  }
}

.p_mypage_simulator_result__setBalloon {
  position: absolute;
  color: #fff
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_result__setBalloon {
    top: 44px;
    right: 255px;
    width: 120px;
    text-align: center
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_result__setBalloon {
    top: 38px;
    right: 18px;
    width: 87px;
    text-align: center
  }
}

.p_mypage_simulator_result__setBalloon--set {
  position: absolute;
  color: #fff
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_result__setBalloon--set {
    top: 50px;
    right: 35px;
    width: 125px;
    text-align: center
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_result__setBalloon--set {
    top: 33px;
    right: 130px;
    width: 90px;
    text-align: center
  }
}

.p_mypage_simulator_result__gasBalloon {
  position: absolute;
  color: #fff
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_result__gasBalloon {
    top: 46px;
    right: 35px;
    width: 125px;
    text-align: center
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_result__gasBalloon {
    top: 50px;
    right: 30px;
    width: 120px;
    text-align: center
  }
}

.p_mypage_simulator_result__thirdGraph--past {
  position: absolute
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_result__thirdGraph--past {
    bottom: 125px;
    left: 0;
    width: 225px;
    text-align: center
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_result__thirdGraph--past {
    bottom: 84px;
    left: 20px;
    width: 140px;
    text-align: center
  }
}

.p_mypage_simulator_result__thirdGraph--current {
  position: absolute
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_result__thirdGraph--current {
    right: 0;
    bottom: 115px;
    width: 225px;
    text-align: center
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_result__thirdGraph--current {
    right: 21px;
    bottom: 76px;
    width: 140px;
    text-align: center
  }
}

.p_mypage_simulator_result__thirdBalloon {
  position: absolute;
  color: #fff
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_result__thirdBalloon {
    top: 50px;
    right: 40px;
    width: 140px;
    text-align: center
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_result__thirdBalloon {
    top: 46px;
    right: 30px;
    width: 120px;
    text-align: center
  }
}

.p_mypage_simulator_result__info--plus {
  position: relative;
  border: 4px solid #0068b6;
  border-radius: 30px
}

.p_mypage_simulator_result__info--plus::before {
  position: absolute;
  top: -30px;
  left: 50%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 260px;
  height: 60px;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  content: "＋ さらに！";
  background-color: #0068b6;
  border-radius: 1000px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%)
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_result__info--plus {
    padding: 76px 20px 55px;
    margin-top: 112px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_result__info--plus {
    padding: 40px 20px;
    margin-top: 68px
  }
}

.p_mypage_simulator_result__option:nth-child(n+2) {
  margin-top: 20px
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_result__option {
    padding-top: 20px
  }

  .p_mypage_simulator_result__option:nth-child(n+2) {
    background-image: url("../images/line_blue_2px.svg");
    background-repeat: no-repeat;
    background-position-y: top;
    background-size: contain
  }
}

.p_mypage_simulator_result__optionGroup {
  max-width: 832px;
  margin: 0 auto
}

.p_mypage_simulator_result__optionTitle {
  color: #0068b6
}

@media screen and (min-width:1200px) {
  .p_mypage_simulator_result__optionTitle {
    position: relative;
    width: 572px;
    margin: 0 auto;
    font-size: 30px
  }

  .p_mypage_simulator_result__optionTitle::after {
    position: absolute;
    top: 50%;
    right: 0;
    display: inline-block;
    width: 180px;
    height: 2px;
    content: "";
    background-image: url("../images/line_blue_2px.svg");
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .p_mypage_simulator_result__optionTitle {
    position: relative;
    -webkit-box-flex: 1;
            flex: 1;
    margin: 0 auto;
    font-size: 30px
  }

  .p_mypage_simulator_result__optionTitle::after {
    position: absolute;
    top: 50%;
    right: 0;
    display: inline-block;
    width: 100px;
    height: 2px;
    content: "";
    background-image: url("../images/line_blue_2px.svg");
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_result__optionTitle {
    font-size: 24px;
    text-align: center
  }
}

.p_mypage_simulator_result__optionDiscount {
  color: #e85f5f
}

@media screen and (min-width:1200px) {
  .p_mypage_simulator_result__optionDiscount {
    width: calc(100% - 572px);
    font-size: 40px;
    text-align: center
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .p_mypage_simulator_result__optionDiscount {
    width: 200px;
    font-size: 40px;
    text-align: right
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_result__optionDiscount {
    margin-top: 10px;
    font-size: 30px;
    text-align: center
  }
}

.p_mypage_simulator_result__greadWrap {
  position: relative
}

.p_mypage_simulator_result__greadWrap::before {
  position: absolute;
  top: 30px;
  z-index: -1;
  width: 100%;
  height: 3px;
  content: "";
  background-color: #0068b6
}

.p_mypage_simulator_result__greadup {
  position: relative;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 260px;
  height: 60px;
  margin: 30px auto 0;
  font-size: 24px;
  font-weight: 700;
  color: #0068b6;
  background-color: #fff;
  border: 3px solid #0068b6;
  border-radius: 1000px
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_result__greadup {
    font-size: 22px
  }
}

.p_mypage_simulator_result__doubleArrow {
  width: 14PX;
  height: 20PX;
  margin-right: 10px
}

.p_mypage_simulator_result__buttonGroup {
  -webkit-box-pack: justify;
          justify-content: space-between;
  max-width: 950px;
  margin: 42px auto 0
}

@media screen and (max-width:1199px) {
  .p_mypage_simulator_result__buttonGroup .p_mypage_simulator_result__buttonwrap {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    margin-bottom: 20px
  }
}

.p_mypage_simulator_result__noteList {
  margin-top: 32px
}

.p_mypage_simulator_result__note {
  padding-left: 1em;
  font-size: 14px;
  line-height: 1.5;
  text-indent: -1em
}

@media screen and (max-width:1199px) {
  .p_mypage_simulator_result__buttonWrap {
    -webkit-box-pack: center;
            justify-content: center
  }

  .p_mypage_simulator_result__buttonWrap:nth-child(n+2) {
    margin-top: 20px
  }
}

.p_mypage_simulator_result__button {
  width: 300px;
  height: 64px;
  color: #0068b6;
  background-color: #fff;
  border: 3px solid #0068b6;
  border-radius: 1000px;
  box-shadow: 0 4px #0168b6
}

.p_mypage_simulator_result__buttonIcon {
  width: 20px;
  height: 20px;
  margin-right: 10px
}

.p_mypage_simulator_breakdown {
  padding: 2px 0 62px;
  background-color: #edf6fc
}

.p_mypage_simulator_breakdown__usedWrap {
  -webkit-box-pack: center;
          justify-content: center
}

.p_mypage_simulator_breakdown__inner {
  width: 92%;
  max-width: 1200px;
  margin: 0 auto
}

.p_mypage_simulator_breakdown__value {
  font-family: Oswald;
  color: #e85f5f
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_breakdown__value {
    font-size: 40px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_breakdown__value {
    font-size: 30px
  }
}

.p_mypage_simulator_breakdown__unit {
  font-size: 22px;
  color: #e85f5f
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_breakdown__item:nth-child(n+2) {
    margin-left: 60px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_breakdown__item {
    text-align: center
  }

  .p_mypage_simulator_breakdown__item:nth-child(n+2) {
    margin-top: 20px
  }
}

.p_mypage_simulator_breakdown__itemTitle {
  font-size: 22px
}

.p_mypage_simulator_breakdown__itemTitle:nth-child(n+2) {
  margin-left: 60px
}

.p_mypage_simulator_breakdown__announce {
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  margin-top: 22px;
  font-size: 18px
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_breakdown__info {
    margin-top: 52px;
    font-size: 22px;
    line-height: 1.5;
    color: #0068b6;
    text-align: center
  }
}

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

.p_mypage_simulator_breakdown__scroll {
  margin-right: 10px
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_breakdown__tableWrap {
    margin-top: 30px
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .p_mypage_simulator_breakdown__tableWrap {
    margin-right: calc(50% - 50vw);
    overflow-x: scroll
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_breakdown__tableWrap {
    margin-top: 20px;
    overflow-x: scroll
  }
}

.p_mypage_simulator_breakdown__table {
  margin: 0 auto;
  overflow: hidden;
  border-collapse: separate;
  border: 1px solid #202020;
  border-radius: 8px
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_breakdown__table {
    width: 560px
  }
}

.p_mypage_simulator_breakdown__tableTop:nth-child(n+2) {
  border-left: 1px solid #202020
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_breakdown__tableTop {
    padding: 10px 0;
    text-align: center
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_breakdown__tableTop {
    width: 130px;
    padding: 8px
  }
}

.p_mypage_simulator_breakdown__tableData {
  font-family: Oswald, sans-serif;
  text-align: right;
  vertical-align: middle;
  border-top: 1px solid #202020;
  border-left: 1px solid #202020
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_breakdown__tableData {
    padding: 16px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_breakdown__tableData {
    padding: 10px
  }
}

.p_mypage_simulator_breakdown__tableHeading {
  padding: 10px 6px 10px 20px;
  white-space: nowrap;
  vertical-align: middle;
  border-top: 1px solid #202020
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_breakdown__tableHeading {
    font-size: 14px
  }
}

.p_mypage_simulator_breakdown__tableMarcker {
  background-color: #fee100
}

.p_mypage_simulator_breakdown__headingBg {
  background-color: #f5f5f5
}

.p_mypage_simulator_breakdown__tableBg {
  background-color: #fff
}

.p_mypage_simulator_breakdown__tableBg td._colored, .p_mypage_simulator_breakdown__tableBg th._colored {
  background-color: #fffded
}

.p_mypage_simulator_userAction {
  padding: 30px 0 35px;
  background-color: #0168b6
}

.p_mypage_simulator_userAction__inner {
  -webkit-box-pack: center;
          justify-content: center;
  max-width: 1200px;
  margin: 0 auto
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_userAction__inner {
    width: 92%
  }
}

.p_mypage_simulator_userAction_tel {
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center
}

.p_mypage_simulator_userAction_tel__title {
  font-size: 18px;
  color: #fff
}

@media screen and (min-width:1200px) {
  .p_mypage_simulator_userAction_tel__icon {
    width: 40px;
    margin-left: 10px
  }
}

@media screen and (max-width:1199px) {
  .p_mypage_simulator_userAction_tel__spIcon {
    width: 32px;
    margin-top: 10px
  }
}

.p_mypage_simulator_userAction_tel__text {
  margin-left: 10px
}

@media screen and (min-width:1200px) {
  .p_mypage_simulator_userAction_tel__text {
    color: #fff
  }
}

@media screen and (max-width:1199px) {
  .p_mypage_simulator_userAction_tel__text {
    color: #0068b6
  }
}

@media screen and (min-width:1200px) {
  .p_mypage_simulator_userAction_tel__num {
    font-size: 36px;
    line-height: 1.2
  }
}

@media screen and (max-width:1199px) {
  .p_mypage_simulator_userAction_tel__call {
    font-size: 19px;
    line-height: 1.2
  }

  .p_mypage_simulator_userAction_tel__button {
    width: 346px;
    height: 74px
  }

  .p_mypage_simulator_userAction_tel__button::after {
    right: 14px;
    width: 20px;
    height: 20px
  }
}

@media screen and (min-width:1200px) {
  .p_mypage_simulator_userAction_request {
    padding-left: 30px;
    margin-left: 30px;
    background-image: url("../images/line_f5f_tate_3px.svg");
    background-repeat: no-repeat;
    background-position: 0
  }
}

@media screen and (max-width:1199px) {
  .p_mypage_simulator_userAction_request {
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    margin-top: 15px
  }
}

@media screen and (min-width:1200px) {
  .p_mypage_simulator_userAction_request__button {
    width: 390px;
    height: 90px;
    border-radius: 15px
  }

  .p_mypage_simulator_userAction_request__button::after {
    right: 20px;
    width: 24px;
    height: 24px
  }
}

@media screen and (max-width:1199px) {
  .p_mypage_simulator_userAction_request__button {
    width: 346px;
    height: 74px;
    border-radius: 10px
  }

  .p_mypage_simulator_userAction_request__button::after {
    right: 14px;
    width: 20px;
    height: 20px
  }
}

@media screen and (min-width:1200px) {
  .p_mypage_simulator_userAction_request__titleWrap {
    margin-left: 14px
  }
}

@media screen and (max-width:1199px) {
  .p_mypage_simulator_userAction_request__titleWrap {
    margin-left: 10px
  }
}

.p_mypage_simulator_userAction_request__icon {
  margin-top: 8px
}

@media screen and (min-width:1200px) {
  .p_mypage_simulator_userAction_request__icon {
    width: 40px
  }
}

@media screen and (max-width:1199px) {
  .p_mypage_simulator_userAction_request__icon {
    width: 34px
  }
}

.p_mypage_simulator_userAction_request__subTitle {
  display: inline-block;
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg)
}

.p_mypage_simulator_userAction_request__title {
  line-height: 1.5
}

@media screen and (min-width:1200px) {
  .p_mypage_simulator_userAction_request__title {
    font-size: 24px
  }
}

@media screen and (max-width:1199px) {
  .p_mypage_simulator_userAction_request__title {
    font-size: 19px
  }
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_again {
    padding: 60px 0
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_again {
    padding: 40px 0
  }
}

.p_mypage_simulator_again__error {
  margin-left: 0!important
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_again__error {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center
  }
}

.p_mypage_simulator_again__inner {
  width: 96%;
  max-width: 1200px;
  margin: 0 auto
}

.p_mypage_simulator_again__wrap {
  background-color: #edf6fc
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_again__wrap {
    padding: 2px 58px 40px;
    border-radius: 30px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_again__wrap {
    padding: 2px 10px 40px;
    border-radius: 15px
  }
}

.p_mypage_simulator_again__title {
  margin-bottom: 22px;
  color: #0068b6;
  text-align: center
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_again__title {
    font-size: 30px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_again__title {
    font-size: 22px
  }
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_again__gas {
    margin-top: 30px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_again__gas {
    margin-top: 40px
  }
}

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

.p_mypage_simulator_again__inputGroup {
  flex-wrap: wrap;
  -webkit-box-pack: center;
          justify-content: center
}

.p_mypage_simulator_again__item {
  margin-top: 20px
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_again__item {
    width: 180px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_again__item {
    flex-wrap: wrap;
    -webkit-box-align: baseline;
            align-items: baseline;
    -webkit-box-pack: center;
            justify-content: center
  }
}

.p_mypage_simulator_again__text {
  line-height: 1.5;
  text-align: center
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_again__month {
    margin-left: 46px
  }
}

@media screen and (max-width:1199px) {
  .p_mypage_simulator_again__month {
    width: 3em;
    text-align: right
  }
}

.p_mypage_simulator_again__inputWrap {
  position: relative
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_again__inputWrap {
    margin-top: 10px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_again__inputWrap {
    margin-left: 20px
  }
}

.p_mypage_simulator_again__input {
  padding: 0 20px;
  margin-right: 10px;
  background-color: #fff;
  border: 2px solid #202020;
  border-radius: 8px
}

.p_mypage_simulator_again__input:-moz-placeholder-shown {
  background-color: #fffded
}

.p_mypage_simulator_again__input:placeholder-shown {
  background-color: #fffded
}

.p_mypage_simulator_again__input:-moz-placeholder-shown {
  background-color: #fffded
}

.p_mypage_simulator_again__input:placeholder-shown {
  background-color: #fffded
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_again__input {
    width: 120px;
    height: 60px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_again__input {
    width: 200px;
    height: 54px
  }
}

.p_mypage_simulator_again__buttonWrap {
  -webkit-box-pack: center;
          justify-content: center;
  text-align: center
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_again__buttonWrap {
    margin-top: 40px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_again__buttonWrap {
    margin-top: 32px
  }
}

.p_mypage_simulator_again__button {
  color: #0068b6;
  background-color: #fff;
  border-radius: 1000px
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_again__button {
    width: 400px;
    height: 64px;
    border: 3px solid #0068b6;
    box-shadow: 0 4px #0068b6
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_again__button {
    width: 305px;
    height: 60px;
    border: 2px solid #0068b6;
    box-shadow: 0 3px #0068b6
  }
}

.p_mypage_simulator_again__anchor {
  text-decoration: underline
}

.p_mypage_simulator_again__anchor:hover {
  text-decoration: none
}

.p_mypage_simulator_again__anchorWrap {
  margin-top: 25px;
  color: #0068b6;
  text-align: center
}

.p_mypage_simulator_common {
  background-color: #edf6fc
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_common {
    padding: 80px 0 60px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_common {
    padding: 40px 0
  }
}

.p_mypage_simulator_common__inner {
  width: 96%;
  max-width: 1200px;
  margin: 0 auto
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_common__inner {
    width: auto;
    margin-right: 15px;
    margin-left: 15px
  }
}

.p_mypage_simulator_common__wrap {
  background-color: #fff
}

.p_mypage_simulator_common__wrap:nth-child(n+2) {
  margin-top: 40px
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_common__wrap {
    padding: 60px;
    border-radius: 30px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_common__wrap {
    padding: 2px 20px 40px;
    border-radius: 15px
  }
}

@media screen and (min-width:1200px) {
  .p_mypage_simulator_common__wrap>:first-child {
    margin-top: 0!important
  }
}

.p_mypage_simulator_common__featureGroup {
  flex-wrap: wrap;
  margin: 0 0 10px
}

@media screen and (min-width:1200px) {
  .p_mypage_simulator_common__featureGroup {
    -webkit-box-pack: justify;
            justify-content: space-between;
    margin: 0 0 30px
  }
}

.p_mypage_simulator_common__feature {
  border: 2px solid #202020
}

@media screen and (min-width:1200px) {
  .p_mypage_simulator_common__feature {
    width: 31%;
    padding: 40px 30px;
    border-radius: 30px
  }

  .p_mypage_simulator_common__feature:nth-child(n+2) {
    margin-left: 30px
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .p_mypage_simulator_common__feature {
    width: 100%;
    padding: 40px 30px;
    margin-bottom: 20px;
    border-radius: 30px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_common__feature {
    max-width: 305px;
    padding: 20px;
    border-radius: 15px
  }

  .p_mypage_simulator_common__feature:first-child {
    margin: 0 auto
  }

  .p_mypage_simulator_common__feature:nth-child(n+2) {
    margin: 20px auto 0
  }
}

.p_mypage_simulator_common__IconWrap {
  max-width: 160px;
  height: 160px;
  margin: 0 auto;
  border: 10px solid #edf6fc;
  border-radius: 1000px
}

.p_mypage_simulator_common__IconWrap, .p_mypage_simulator_common__icon {
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center
}

.p_mypage_simulator_common__featureTitle {
  margin-top: 20px;
  line-height: 1.5;
  color: #0068b6;
  text-align: center
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_common__featureTitle {
    font-size: 22px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_common__featureTitle {
    font-size: 18px
  }
}

.p_mypage_simulator_common__featureTitle .caution {
  font-size: 14px;
  color: #000
}

.p_mypage_simulator_common__featureText {
  line-height: 1.9
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_common__featureText {
    margin-top: 20px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_common__featureText {
    margin-top: 10px
  }
}

.p_mypage_simulator_common__buttonWrap {
  -webkit-box-pack: center;
          justify-content: center
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_common__buttonWrap {
    margin-top: 40px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_common__buttonWrap {
    margin-top: 20px
  }
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_common__button {
    width: 400px;
    height: 64px;
    font-size: 20px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_common__button {
    width: 305px;
    height: 60px
  }
}

.p_mypage_simulator_common__buttonIcon {
  margin-right: 8px
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_common__buttonIcon {
    width: 24px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_common__buttonIcon {
    width: 20px
  }
}

.p_mypage_simulator_common__anchor {
  text-decoration: underline
}

.p_mypage_simulator_common__anchor:hover {
  text-decoration: none
}

.p_mypage_simulator_common__anchorWrap {
  margin-top: 22px;
  color: #0068b6;
  text-align: center
}

.p_mypage_simulator_common__telWrap {
  border-radius: 10px
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_common__telWrap {
    -webkit-box-pack: center;
            justify-content: center;
    padding: 22px 0;
    margin-top: 40px;
    background-color: #f5f5f5
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_common__telWrap {
    max-width: 305px;
    padding: 10px 0 20px;
    margin: 30px auto 0;
    color: #0068b6;
    text-align: center;
    border: 2px solid #ddd;
    border-radius: 10px;
    box-shadow: 0 3px #c1c0c0
  }
}

.p_mypage_simulator_common__announce {
  line-height: 1.5
}

@media screen and (min-width:1200px) {
  .p_mypage_simulator_common__announce {
    font-size: 24px
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .p_mypage_simulator_common__announce {
    font-size: 22px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_common__announce {
    font-size: 22px
  }
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_common__info {
    pointer-events: none
  }
}

@media screen and (min-width:1200px) {
  .p_mypage_simulator_common__info+p {
    padding-left: 45px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_common__info+p {
    font-weight: 700
  }
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_common__infoWrap {
    margin-left: 30px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_common__infoWrap {
    margin-top: 10px
  }
}

.p_mypage_simulator_common__mark {
  display: inline-block
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_common__mark, .p_mypage_simulator_common__mark img {
    width: 38px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_common__mark {
    width: 26px
  }
}

.p_mypage_simulator_common__num {
  margin-left: 6px;
  color: #0068b6
}

@media screen and (min-width:1200px) {
  .p_mypage_simulator_common__num {
    font-size: 50px
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .p_mypage_simulator_common__num {
    font-size: 40px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_common__num {
    font-size: 32px
  }
}

.p_mypage_simulator_common__text {
  line-height: 1.9
}

@media screen and (min-width:769px) {
  .p_mypage_simulator_common__text {
    text-align: center
  }
}

.p_mypage_simulator_caution {
  padding: 10px 0 60px;
  border-bottom: 1px solid #eee
}

.p_mypage_simulator_caution__inner {
  width: 92%;
  max-width: 1200px;
  margin: 0 auto
}

@media screen and (max-width:768px) {
  .p_mypage_simulator_caution__inner {
    width: 88%
  }
}

.p_mypage_simulator_caution__item {
  padding-left: .9em;
  line-height: 1.5;
  text-indent: -.9em
}

.p_mypage_simulator_caution__item::before {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 4px;
  content: "";
  background-color: #0068b6;
  border-radius: 1000px
}

.p_mypage_simulator_caution__item:nth-child(n+2) {
  margin-top: 10px
}

.lp_wrapper_dondonwari-simulator {
  padding-top: 200px
}

@media screen and (max-width:768px) {
  .lp_wrapper_dondonwari-simulator {
    padding-top: 100px
  }
}

.p_mypage_disGragh {
  width: 96%;
  max-width: 1200px;
  margin: 0 auto
}

.p_mypage_disGragh__head2 {
  padding: 0 0 10px;
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
  border-bottom: 3px solid #0168b6
}

@media screen and (max-width:768px) {
  .p_mypage_disGragh__head2 {
    font-size: 18px
  }
}

.p_mypage_disGragh__select {
  -webkit-box-pack: justify;
          justify-content: space-between;
  padding-bottom: 20px;
  border-bottom: 2px dashed #707070
}

@media screen and (max-width:768px) {
  .p_mypage_disGragh__select {
    flex-wrap: wrap;
    -webkit-box-pack: center;
            justify-content: center;
    border-bottom: none
  }

  .p_mypage_disGragh__select .c_btn1 {
    width: 100%
  }

  .p_mypage_disGragh__content {
    padding: 0 15px;
    margin-bottom: 20px
  }

  .p_mypage_disGragh .l_tab__content {
    padding: 20px;
    margin: 30px 15px 0;
    border: 1px solid #0068b6;
    border-radius: 10px
  }
}

.p_mypage_disGragh .c_btn_wrapNot {
  margin-top: 48px
}

@media screen and (max-width:768px) {
  .p_mypage_disGragh .c_btn_wrapNot {
    width: 100%;
    margin-top: 44px
  }
}

.p_mypage_disGragh .c_btn_wrapNot .c_gray_button_min {
  width: 280px
}

@media screen and (max-width:768px) {
  .p_mypage_disGragh .c_btn_wrapNot .c_gray_button_min {
    width: 80%
  }
}

.p_mypage_disGragh .c_btn_wrapNot .c_blue_button_min {
  width: 420px
}

@media screen and (max-width:768px) {
  .p_mypage_disGragh .c_btn_wrapNot .c_blue_button_min {
    width: calc(100% - 30px);
    margin-top: 30px;
    margin-right: 15px;
    margin-left: 15px
  }
}

.p_mypage_disGragh .p_mypage_request__mediaGroup {
  -webkit-box-pack: start;
          justify-content: flex-start
}

.p_mypage_disGragh .p_mypage_request__mediaGroup .p_mediaWrap__img {
  border-radius: 5px
}

@media screen and (max-width:768px) {
  .p_mypage_disGragh .p_mypage_request__mediaGroup .p_mediaWrap__text {
    padding-left: 15px
  }

  .c_heading1._home_join {
    padding-top: 20px
  }
}

.p_home_alertbox {
  max-width: 1250px;
  padding-right: 15px;
  padding-left: 15px;
  margin: 0 auto 50px
}

.p_home_alertbox-ttl {
  text-align: center
}

.p_home_alertbox-right {
  margin-top: 1em;
  text-align: right
}

.p_home_joinBlock {
  max-width: 1200px;
  margin: 0 auto
}

@media screen and (min-width:1200px) {
  .p_home_joinBlock {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
            justify-content: space-between
  }
}

@media screen and (max-width:768px) {
  .p_home_joinBlock {
    flex-wrap: wrap;
    max-width: 768px
  }
}

@media screen and (min-width:1200px) {
  .p_home_joinBlock .p_home_joinListBg {
    width: 64%
  }

  .p_home_joinBlock .p_home_joinListSm {
    width: 34%
  }
}

.p_home_joinBlock .p_home_join_caution {
  padding: 15px 20px;
  margin-bottom: 20px;
  font-size: 1.2rem;
  font-weight: 700;
  color: #e9593a;
  background-color: #fbded7;
  border-radius: 10px
}

@media screen and (min-width:1200px) {
  .p_home_joinBlock .p_home_join_caution {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center
  }
}

.p_home_joinBlock .p_home_join_caution::before {
  display: block;
  width: 20px;
  height: 20px;
  content: "";
  background: url("../images/download_attention.svg") no-repeat 50%/contain
}

@media screen and (max-width:1199px) {
  .p_home_joinBlock .p_home_join_caution::before {
    width: 25px;
    height: 25px;
    margin: 0 auto 5px
  }
}

@media screen and (min-width:1200px) {
  .p_home_joinBlock .p_home_join_caution::before {
    margin-right: 10px
  }
}

.p_home_joinBlock .p_home_joinBlockWhite {
  padding: 30px 40px;
  background-color: #fff;
  border-radius: 20px
}

@media screen and (max-width:768px) {
  .p_home_joinBlock .p_home_joinBlockWhite {
    flex-wrap: wrap;
    height: auto;
    min-height: auto;
    padding: 40px 20px 30px;
    border-radius: 15px
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .p_home_joinBlock .p_home_joinBlockWhite {
    margin-bottom: 20px
  }
}

@media screen and (max-width:768px) {
  .p_home_joinBlock .p_home_joinBlockWhite:last-of-type {
    margin-top: 20px;
    margin-left: 0
  }
}

.p_home_joinBlock .p_home_joinBlockWhite .p_home_joinHeading3 {
  margin-bottom: 30px;
  font-size: 24px;
  line-height: 1.5;
  text-align: center
}

@media screen and (max-width:768px) {
  .p_home_joinBlock .p_home_joinBlockWhite .p_home_joinHeading3 {
    margin-bottom: 25px;
    font-size: 22px;
    line-height: 1.6
  }
}

.p_home_joinBlock .p_home_joinBlockWhite .p_home_joinList {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-pack: justify;
          justify-content: space-between
}

.p_home_joinBlock .p_home_joinBlockWhite .p_home_joinList._center {
  -webkit-box-pack: center;
          justify-content: center;
  width: 100%
}

.p_home_joinBlock .p_home_joinBlockWhite .p_home_joinList .p_home_joinItem {
  width: 100%
}

@media screen and (max-width:768px) {
  .p_home_joinBlock .p_home_joinBlockWhite .p_home_joinList .p_home_joinItem+.p_home_joinItem {
    margin-top: 20px
  }
}

@media screen and (min-width:769px) {
  .p_home_joinBlock .p_home_joinBlockWhite .p_home_joinList .p_home_joinItem {
    width: 48%
  }
}

.p_home_joinBlock .p_home_joinBlockWhite .p_home_joinList .p_home_joinItem._single {
  width: 100%
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .p_home_joinBlock .p_home_joinBlockWhite .p_home_joinList .p_home_joinItem._single {
    max-width: 326px
  }
}

.p_home_joinBlock .p_home_joinBlockWhite .p_home_joinList .p_home_joinItem__link {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column wrap;
  -webkit-box-pack: center;
          justify-content: center;
  width: 100%;
  padding: 20px;
  margin-bottom: 20px;
  border: 4px solid #0068b6;
  border-radius: 20px;
  box-shadow: 0 4px 0 #0068b6;
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out
}

@media screen and (max-width:768px) {
  .p_home_joinBlock .p_home_joinBlockWhite .p_home_joinList .p_home_joinItem__link {
    width: 100%;
    max-width: 100%;
    height: auto;
    padding: 20px 18px 30px;
    border-radius: 20px
  }
}

.p_home_joinBlock .p_home_joinBlockWhite .p_home_joinList .p_home_joinItem__link:hover {
  box-shadow: 0 0 0 #0068b6;
  -webkit-transform: translateY(4px);
          transform: translateY(4px)
}

.p_home_joinBlock .p_home_joinBlockWhite .p_home_joinList .p_home_joinItem__link.state_off {
  pointer-events: none;
  border-color: #999;
  box-shadow: 0 4px 0 #999
}

.p_home_joinBlock .p_home_joinBlockWhite .p_home_joinList .p_home_joinItem__link.state_off .p_home_joinHeading4 {
  color: #999
}

.p_home_joinBlock .p_home_joinBlockWhite .p_home_joinList .p_home_joinItem__link.state_off .p_home_button {
  background-color: #999
}

.p_home_joinBlock .p_home_joinBlockWhite .p_home_joinList .p_home_joinItem__link.state_off .p_home_joinImg._on {
  display: none
}

.p_home_joinBlock .p_home_joinBlockWhite .p_home_joinList .p_home_joinItem__link.state_off .p_home_joinImg._off {
  display: block!important
}

.p_home_joinBlock .p_home_joinBlockWhite .p_home_joinList .p_home_joinItem .p_home_button {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 100%;
  height: 50px;
  padding: 12px 0;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  background-color: #e85f5f;
  border-radius: 50px;
  opacity: 1
}

.p_home_joinBlock .p_home_joinBlockWhite .p_home_joinList .p_home_joinItem .p_home_button::after {
  position: absolute;
  top: 17px;
  right: 16px;
  z-index: 1;
  display: block;
  width: 16px;
  height: 16px;
  color: #fff;
  content: "";
  background: url("../images/right-toggle.png");
  background-repeat: no-repeat;
  background-size: contain
}

.p_home_joinBlock .p_home_joinBlockWhite .p_home_joinList .p_home_joinItem .p_home_joinImgWrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 160px;
  height: 160px;
  margin: 0 auto 20px;
  border: 10px solid #edf6fc;
  border-radius: 50%
}

@media screen and (max-width:768px) {
  .p_home_joinBlock .p_home_joinBlockWhite .p_home_joinList .p_home_joinItem .p_home_joinImgWrap {
    width: 150px;
    height: 150px;
    margin: 0 auto 10px
  }
}

.p_home_joinBlock .p_home_joinBlockWhite .p_home_joinList .p_home_joinItem .p_home_joinImgWrap .p_home_joinImg {
  width: 50%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain
}

.p_home_joinBlock .p_home_joinBlockWhite .p_home_joinList .p_home_joinItem .p_home_joinImgWrap .p_home_joinImg._off {
  display: none
}

.p_home_joinBlock .p_home_joinBlockWhite .p_home_joinList .p_home_joinItem .p_home_joinHeading4 {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 100%;
  min-height: 110px;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 1.5;
  color: #0068b6;
  text-align: center
}

@media screen and (max-width:1199px) {
  .p_home_joinBlock .p_home_joinBlockWhite .p_home_joinList .p_home_joinItem .p_home_joinHeading4 {
    line-height: 1.4
  }
}

@media screen and (max-width:768px) {
  .p_home_joinBlock .p_home_joinBlockWhite .p_home_joinList .p_home_joinItem .p_home_joinHeading4 {
    margin-bottom: 20px
  }
}

.p_home_joinBlock .p_home_joinBlockWhite .p_home_joinList .p_home_joinItem .p_home_joinRedWrap {
  width: 100%;
  margin-top: auto
}

.p_home_joinBlock .p_home_joinBlockWhite .p_home_joinList .p_home_joinItem .p_home_joinRedWrap .c_red_button {
  width: 100%
}

.p_home_joinBlock .p_home_joinBlockWhite .p_home_joinList .p_home_joinItemLast {
  margin-left: 4%
}

@media screen and (max-width:768px) {
  .p_home_joinBlock .p_home_joinBlockWhite .p_home_joinList .p_home_joinItemLast {
    margin-left: 0
  }
}

.p_home_joinBlock .p_home_joinBlockWhite .p_home_joinList .p_home_joinText {
  max-width: 326px;
  padding-top: 20px
}

.p_home_joinPaperImgWrap {
  width: auto;
  margin: 0 auto;
  text-align: center
}

.p_home_joinTxtWrap {
  width: 600px;
  margin: 12px auto 0
}

@media screen and (max-width:768px) {
  .p_home_joinTxtWrap {
    width: 100%
  }
}

.p_home_joinTxtWrap .c_red_circle {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 18px;
  height: 18px;
  margin: 0 auto;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  background-color: #e85f5f;
  border-radius: 50%
}

.u_red_text {
  color: #e85f5f
}

.p_home_joinApp .u_pdTop0 {
  padding-top: 0
}

.p_home_joinApp .u_pdTop0::after {
  top: 0
}

.p_home_joinApp .p_home_joinCordLabel {
  padding-top: 15px
}

@media screen and (max-width:768px) {
  .p_home_joinApp .p_home_joinCordLabel {
    padding-top: 0
  }
}

.p_home_joinApp .p_home_joinCordLabel::after {
  top: 15px
}

@media screen and (max-width:768px) {
  .p_home_joinApp .p_home_joinCordLabel::after {
    top: 0
  }
}

.p_home_joinApp .p_home_joinProcordLabel {
  padding-top: 0
}

.p_home_joinApp .p_home_joinProcordLabel::after {
  top: 30px
}

@media screen and (max-width:768px) {
  .p_home_joinApp .p_home_joinProcordLabel::after {
    top: 0
  }
}

.p_home_joinApp .u_form_widMin {
  width: 130px
}

.p_home_joinApp .p_home_joinAppTxt {
  width: 100%
}

.p_home_joinPay .p_mypage_gasRoot .p_mypage_gasImageWrap .p_mypage_gasImage {
  width: 756px
}

@media screen and (max-width:768px) {
  .p_home_joinPay .p_mypage_gasRoot .p_mypage_gasImageWrap .p_mypage_gasImage {
    width: 280px
  }
}

.p_home_joinConfirm .c_gray_button_min {
  margin: 52px auto 0
}

@media screen and (max-width:768px) {
  .p_home_joinConfirm .c_gray_button_min {
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto
  }
}

.p_home_joinConMapWrap {
  display: block
}

.p_home_joinConMapWrap .p_home_joinConfirmImgWrap {
  width: 100%;
  margin-top: 16px
}

@media screen and (max-width:768px) {
  .p_home_joinConMapWrap .p_home_joinConfirmImgWrap {
    margin-top: 20px
  }
}

.p_home_joinConMapWrap .p_home_joinConfirmImgWrap .p_home_joinConfirmImg {
  width: auto
}

@media screen and (max-width:768px) {
  .p_home_joinConMapWrap .p_home_joinConfirmImgWrap .p_home_joinConfirmImg {
    width: 100%
  }
}

.p_home_joinContactSmall {
  margin-top: 30px;
  font-size: 12px;
  line-height: 1.875
}

@media screen and (max-width:768px) {
  .p_home_joinContactSmall {
    padding-left: 1em;
    margin-top: 20px;
    text-indent: -1em
  }
}

.p_home_joinThxBtn {
  margin-top: 40px
}

@media screen and (max-width:768px) {
  .p_home_joinThxBtn {
    margin-top: 20px
  }
}

.p_home_joinContentGray {
  width: 100%;
  padding: 20px;
  margin-top: 40px;
  background-color: #f5f5f5;
  border-radius: 10px
}

@media screen and (max-width:768px) {
  .p_home_joinContentGray {
    margin-top: 20px
  }
}

.p_home_joinContentGray .u_txt5 {
  margin-top: 10px
}

@media screen and (max-width:768px) {
  .p_home_joinContentGray .u_txt5 {
    margin-top: 20px
  }
}

.p_home_joinThx__Txt {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center
}

@media screen and (max-width:768px) {
  .p_home_joinThx__Txt {
    margin-top: 20px;
    margin-bottom: 40px;
    text-align: left
  }
}

.p_home_joinIcon_skyblue {
  position: relative;
  display: inline-block;
  width: 38px;
  height: 38px;
  margin-right: 8px;
  background-color: #edf6fc;
  border-radius: 50%
}

.p_home_joinIcon_skyblue .p_home_joinIconImg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  -o-object-fit: contain;
     object-fit: contain
}

.p_home_joinMapUnder {
  margin-top: 10px;
  margin-bottom: 64px
}

@media screen and (max-width:768px) {
  .p_home_joinMapUnder {
    margin-top: 14px;
    margin-bottom: 40px
  }
}

.p_home_joinYellowCircle {
  position: absolute;
  right: -40px;
  bottom: -60px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 150px;
  height: 150px;
  text-align: center;
  background: url("../images/yellow-circle.png");
  background-repeat: no-repeat;
  background-size: contain
}

.p_home_joinYellowCircle, .p_home_joinYellowCircle _:-ms-lang(x)::-ms-backdrop {
  background-color: #fee102;
  border-radius: 50%
}

.p_home_joinYellowCircle .p_home_joinYellowCircle_Blue {
  padding-bottom: 4px;
  font-size: 16px;
  font-weight: 600;
  color: #0068b6;
  border-bottom: 2px dashed #0068b6
}

.p_home_joinYellowCircle .p_home_joinYellowCircle_Blue_smalltxt {
  font-size: .7em
}

.p_home_joinYellowCircle .p_home_joinYellowCircle_Red {
  position: relative;
  padding-top: 2px;
  padding-bottom: 4px;
  font-size: 40px;
  font-weight: 600;
  color: #e9593a;
  letter-spacing: -.04em
}

.p_home_joinYellowCircle .p_home_joinYellowCircle_Red::after {
  position: absolute;
  top: 2px;
  right: 6px;
  display: block;
  width: 17px;
  height: 16px;
  content: "";
  background: url("../images/yen-point.png");
  background-repeat: no-repeat;
  background-size: contain
}

.p_home_joinYellowCircle .p_home_joinYellowCircle_Red .p_home_joinYellowCircle_RedSmall {
  font-size: 24px
}

.p_home_joinYellowCircle .p_home_joinYellowCircle_Small {
  font-size: 10px;
  color: #0068b6
}

.p_home_joinThxYellowBoxSP {
  display: none
}

@media screen and (max-width:768px) {
  .p_home_joinThxYellowBoxSP {
    display: block
  }
}

.p_home_joinThxYellowBoxSP .p_home_joinThxYellowBox {
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 100%;
  padding: 16px 15px;
  margin-top: 10px;
  background-color: #fee100;
  border-radius: 10px
}

.p_home_joinThxYellowBoxSP .p_home_joinThxYellowBox .p_home_joinThxYellowTxt_left {
  padding-right: 10px;
  font-weight: 700;
  color: #0068b6;
  border-right: 2px dashed #0068b6
}

.p_home_joinThxYellowBoxSP .p_home_joinThxYellowBox .p_home_joinThxYellowTxt_left .p_home_joinThxYellowTxt_Bluebig {
  font-size: 26px
}

.p_home_joinThxYellowBoxSP .p_home_joinThxYellowBox .p_home_joinThxYellowTxt_left .p_home_joinThxYellowTxt_Bluesm {
  font-size: 10px
}

.p_home_joinThxYellowBoxSP .p_home_joinThxYellowBox .p_home_joinThxYellowTxt_left .p_home_joinThxYellowTxt_Bluesmall {
  display: block;
  padding-top: 4px;
  font-size: 14px;
  line-height: 1.5
}

.p_home_joinThxYellowBoxSP .p_home_joinThxYellowBox .p_home_joinThxYellowTxt_right {
  position: relative;
  padding-left: 20px
}

.p_home_joinThxYellowBoxSP .p_home_joinThxYellowBox .p_home_joinThxYellowTxt_right::before {
  position: absolute;
  right: 10px;
  display: block;
  width: 19px;
  height: 17px;
  content: "";
  background: url("../images/yen-point.png");
  background-repeat: no-repeat;
  background-size: contain
}

.p_home_joinThxYellowBoxSP .p_home_joinThxYellowBox .p_home_joinThxYellowTxt_right .p_home_joinThxYellowTxt_Redyen {
  font-size: 43px;
  font-weight: 600;
  color: #e9593a
}

.p_home_joinThxYellowBoxSP .p_home_joinThxYellowBox .p_home_joinThxYellowTxt_right .p_home_joinThxYellowTxt_Redsmall {
  font-size: 26px;
  font-weight: 600;
  color: #e9593a
}

.p_home_joinThxYellowBoxSP .p_home_joinThxYellowBox .p_home_joinThxYellowTxt_right .p_home_joinThxYellowTxt_Redunder {
  display: block;
  font-size: 12px;
  color: #0068b6
}

.u_skyblue_backPC {
  background-color: #edf6fc
}

.p_home_joinThx__exTxt {
  position: relative;
  width: 600px;
  padding: 14px 24px;
  margin: 30px auto;
  font-weight: 600;
  color: #0068b6;
  text-align: center;
  background: #fff;
  border: 2px solid #0068b6;
  border-radius: 10px
}

@media screen and (max-width:768px) {
  .p_home_joinThx__exTxt {
    width: 100%;
    margin: 20px auto
  }
}

.p_home_joinThx__exTxt::before {
  position: absolute;
  bottom: -30px;
  left: 50%;
  z-index: 2;
  margin-left: -20px;
  content: "";
  border: 17px solid transparent;
  border-top-color: #fff
}

.p_home_joinThx__exTxt::after {
  position: absolute;
  bottom: -30px;
  left: 50%;
  z-index: 1;
  margin-left: -17px;
  content: "";
  border: 14px solid transparent;
  border-top-color: #0068b6
}

.p_home_joinThx__exTxt .p_home_joinThx__exTxtSmall {
  font-size: 22px
}

.p_home_joinThx__Price {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
          justify-content: center;
  margin-bottom: 30px;
  color: #0168b6
}

.p_home_joinThx__Price .number {
  font-family: Oswald, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1
}

.p_home_joinThx__Price .txt {
  font-size: 24px;
  font-weight: 700
}

.p_home_joinThx__exPoint {
  position: relative
}

.p_home_joinThx__exPoint::after {
  position: absolute;
  bottom: -18px;
  left: 95px;
  z-index: 1;
  padding: 8px 18px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  content: "さらに";
  background-color: #e9593a;
  border-radius: 18px
}

@media screen and (max-width:768px) {
  .p_home_joinThx__exPoint::after {
    left: auto
  }
}

.p_home_joinThx__exPointOr {
  position: relative
}

.p_home_joinThx__exPointOr::after {
  position: absolute;
  bottom: -18px;
  left: 95px;
  z-index: 1;
  padding: 8px 18px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  content: "または";
  background-color: #0068b6;
  border-radius: 18px
}

@media screen and (max-width:768px) {
  .p_home_joinThx__exPointOr::after {
    left: auto
  }
}

.p_home_joinThx__exRedMark {
  position: relative
}

.p_home_joinThx__exRedMark::after {
  position: absolute;
  right: -32px;
  bottom: -68px;
  z-index: 1;
  width: 86px;
  height: 86px;
  content: "";
  background: url("../images/under_mark.png");
  background-repeat: no-repeat;
  background-size: contain
}

.p_home_joinThx__exList {
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  padding: 32px 0;
  border-bottom: 2px dashed #0068b6
}

.p_home_joinThx__exList:first-of-type {
  border-top: 2px dashed #0068b6
}

.p_home_joinThx__exList:nth-of-type(4) {
  border-bottom: none
}

@media screen and (max-width:1199px) {
  .p_home_joinThx__exList {
    flex-wrap: wrap
  }

  .p_home_joinThx__exList .p_home_joinThx__exItem {
    width: 100%;
    margin: 0 auto
  }
}

.p_home_joinThx__exList .p_home_joinThx__exItem .p_home_joinThx__exItemTxt {
  margin: 0 20px;
  font-size: 24px;
  font-weight: 700;
  color: #0068b6
}

@media screen and (max-width:1199px) {
  .p_home_joinThx__exList .p_home_joinThx__exItem .p_home_joinThx__exItemTxt {
    margin: 10px 0;
    text-align: center
  }
}

.p_home_joinThx__exList .p_home_joinThx__exItem .p_home_joinThx__exItemMark {
  display: inline-block;
  margin: 0 20px;
  border-color: transparent transparent transparent #0068b6;
  border-style: solid;
  border-width: 10px 0 10px 17px
}

@media screen and (max-width:1199px) {
  .p_home_joinThx__exList .p_home_joinThx__exItem .p_home_joinThx__exItemMark {
    display: table;
    margin: 10px auto;
    border-color: #0068b6 transparent transparent;
    border-width: 17px 10px 0
  }
}

.p_home_joinThx__exList .p_home_joinThx__exItem .p_home_joinThx__exFrameB {
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: start;
          justify-content: flex-start;
  width: 240px;
  height: 74px;
  padding: 0 20px;
  font-size: 18px;
  font-weight: 600;
  background-color: #fff;
  border: 2px solid #0068b6;
  border-radius: 10px
}

@media screen and (max-width:1199px) {
  .p_home_joinThx__exList .p_home_joinThx__exItem .p_home_joinThx__exFrameB {
    -webkit-box-pack: center;
            justify-content: center;
    width: 265px;
    margin: 0 auto
  }
}

.p_home_joinThx__exList .p_home_joinThx__exItem .p_home_joinThx__exFrameB .p_home_joinThx__exFrameBlack._another {
  padding: 5px 0 0;
  margin-left: 2px;
  font-size: 12px;
  font-weight: 400;
  color: #202020
}

.p_home_joinThx__exList .p_home_joinThx__exItem .p_home_joinThx__exFrameR {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 200px;
  height: 74px;
  padding: 0 20px;
  margin: auto 0;
  font-weight: 600;
  color: #e9593a;
  text-align: center;
  background-color: #fff;
  border: 2px solid #e9593a;
  border-radius: 10px
}

@media screen and (max-width:1199px) {
  .p_home_joinThx__exList .p_home_joinThx__exItem .p_home_joinThx__exFrameR {
    width: 265px;
    margin: 0 auto
  }
}

.p_home_joinThx__exList .p_home_joinThx__exItem .p_home_joinThx__exFrameR .p_home_joinThx__exFrameBlack {
  margin-left: 2px;
  font-size: 12px;
  font-weight: 400;
  color: #202020
}

.p_home_joinThx__exList .p_home_joinThx__exItem .p_home_joinThx__exFrameR .p_home_joinThx__exFrameTxtArea .p_home_joinThx__exFrameTxt {
  font-size: 30px
}

.p_home_joinThx__exList .p_home_joinThx__exItem .p_home_joinThx__exFrameR .p_home_joinThx__exFrameTxtArea .p_home_joinThx__exFrameYen {
  font-size: 24px
}

.p_home_joinThx__exList .p_home_joinThx__exItem .p_home_joinThx__exFrameR .p_home_joinThx__exFrameTxtKwh {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: baseline;
          align-items: baseline;
  -webkit-box-pack: center;
          justify-content: center;
  font-size: 40px
}

.p_home_joinThx__exList .p_home_joinThx__exItem .p_home_joinThx__exFrameR .p_home_joinThx__exFrameTxtKwh .p_home_joinThx__exFrameSm {
  font-size: 24px
}

.p_home_joinThx__btn .c_yellow_button_min {
  margin-left: 40px
}

@media screen and (max-width:768px) {
  .p_home_joinThx__btn .c_yellow_button_min {
    margin-left: 0
  }
}

.p_home_joinThx__contentsWrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  width: 100%;
  margin-top: 30px
}

@media screen and (max-width:768px) {
  .p_home_joinThx__contentsWrap {
    flex-wrap: wrap-reverse;
    margin-top: 20px
  }
}

.p_home_joinThx__contentsWrap .p_home_joinThx__contentsTxt {
  width: 53%
}

@media screen and (max-width:768px) {
  .p_home_joinThx__contentsWrap .p_home_joinThx__contentsTxt {
    width: 100%;
    margin-top: 20px
  }
}

.p_home_joinThx__contentsWrap .p_home_joinThx__contentsTxt .p_home_joinThxBtn .c_blue_button {
  margin-left: 0
}

@media screen and (max-width:768px) {
  .p_home_joinThx__contentsWrap .p_home_joinThx__contentsTxt .p_home_joinThxBtn .c_blue_button {
    margin-left: auto
  }
}

.p_home_joinThx__contentsWrap .p_home_joinThx__contentsImgWrap {
  width: 42%;
  margin-left: 5%
}

@media screen and (max-width:768px) {
  .p_home_joinThx__contentsWrap .p_home_joinThx__contentsImgWrap {
    width: 100%;
    margin-left: 0;
    text-align: center
  }
}

.p_credit_subtxt {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1.875
}

@media screen and (max-width:768px) {
  .p_credit_subtxt {
    font-size: 12px
  }
}

.p_denkinavi_nav {
  position: relative;
  z-index: 100;
  padding: 20px 0 0
}

.p_denkinavi_nav .inner {
  position: absolute;
  width: 100%
}

@media screen and (max-width:1199px) {
  .p_denkinavi_nav {
    height: auto;
    padding: 15px 15px 0
  }
}

@media screen and (max-width:768px) {
  .p_denkinavi_nav .inner {
    width: 94%;
    background: #fff;
    border: 2px solid #0168b6;
    border-radius: 10px
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .p_denkinavi_nav .inner {
    width: 96%;
    background: #fff;
    border: 2px solid #0168b6;
    border-radius: 10px
  }
}

.p_denkinavi_nav .p_denkinavi_nav_sp_trigger {
  position: relative;
  display: none;
  padding: 20px;
  font-size: 18px;
  font-weight: 700;
  cursor: pointer
}

.p_denkinavi_nav .p_denkinavi_nav_sp_trigger::after {
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  display: block;
  width: 16px;
  height: 10px;
  margin: auto;
  content: "";
  background: url("/assets/images/up.svg") transparent 0 0 no-repeat;
  background-size: contain;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg)
}

.p_denkinavi_nav .p_denkinavi_nav_sp_trigger.is-open::after {
  -webkit-transform: rotate(0);
          transform: rotate(0)
}

@media screen and (max-width:1199px) {
  .p_denkinavi_nav .p_denkinavi_nav_sp_trigger {
    display: block
  }
}

.p_denkinavi_nav .p_denkinavi_nav_list {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
          justify-content: space-between;
  max-width: 1200px;
  margin: auto
}

@media screen and (min-width:1200px) {
  .p_denkinavi_nav .p_denkinavi_nav_list[style*="display"] {
    display: -webkit-box!important;
    display: flex!important
  }
}

@media screen and (max-width:1199px) {
  .p_denkinavi_nav .p_denkinavi_nav_list {
    display: none
  }
}

.p_denkinavi_nav .p_denkinavi_nav_list>.item {
  width: 18%;
  max-width: 285px;
  background: #fff;
  border: 2px solid #0168b6;
  border-radius: 10px
}

@media screen and (max-width:1199px) {
  .p_denkinavi_nav .p_denkinavi_nav_list>.item {
    width: 100%;
    max-width: 100%;
    padding: 0 20px;
    background-color: transparent;
    border: none;
    border-radius: 0
  }
}

.p_denkinavi_nav .p_denkinavi_nav_list>.item .nav_link_title {
  position: relative;
  padding: 20px 20px 20px 50px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer
}

@media screen and (min-width:769px) {
  .p_denkinavi_nav .p_denkinavi_nav_list>.item .nav_link_title {
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out
  }

  .p_denkinavi_nav .p_denkinavi_nav_list>.item .nav_link_title:hover {
    opacity: .7
  }
}

@media screen and (max-width:1199px) {
  .p_denkinavi_nav .p_denkinavi_nav_list>.item .nav_link_title {
    padding: 20px 20px 20px 30px;
    pointer-events: none;
    cursor: auto;
    border-top: 2px solid #eee
  }
}

.p_denkinavi_nav .p_denkinavi_nav_list>.item .nav_link_title._energy {
  padding: 10px 20px 10px 50px
}

@media screen and (max-width:1199px) {
  .p_denkinavi_nav .p_denkinavi_nav_list>.item .nav_link_title._energy {
    padding: 20px 20px 20px 30px
  }
}

.p_denkinavi_nav .p_denkinavi_nav_list>.item .nav_link_title::after {
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  display: block;
  width: 16px;
  height: 10px;
  margin: auto;
  content: "";
  background: url("/assets/images/up.svg") transparent 0 0 no-repeat;
  background-size: contain;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg)
}

@media screen and (max-width:1199px) {
  .p_denkinavi_nav .p_denkinavi_nav_list>.item .nav_link_title::after {
    content: none
  }
}

.p_denkinavi_nav .p_denkinavi_nav_list>.item .nav_link_title.is-open::after {
  -webkit-transform: rotate(0);
          transform: rotate(0)
}

.p_denkinavi_nav .p_denkinavi_nav_list>.item .nav_link_title img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 20px;
  margin: auto
}

@media screen and (max-width:1199px) {
  .p_denkinavi_nav .p_denkinavi_nav_list>.item .nav_link_title img {
    left: 0
  }
}

.p_denkinavi_nav .p_denkinavi_nav_list>.item .nav_link_list {
  display: none
}

@media screen and (max-width:1199px) {
  .p_denkinavi_nav .p_denkinavi_nav_list>.item .nav_link_list {
    display: block!important
  }
}

.p_denkinavi_nav .p_denkinavi_nav_list>.item .nav_link_list>.item {
  padding: 0 20px 20px
}

@media screen and (max-width:1199px) {
  .p_denkinavi_nav .p_denkinavi_nav_list>.item .nav_link_list>.item {
    padding: 0 0 20px
  }
}

.p_denkinavi_nav .p_denkinavi_nav_list>.item .nav_link_list>.item a {
  display: block;
  color: #0168b6;
  text-decoration: underline
}

.p_denkinavi_nav .p_denkinavi_nav_list>.item .nav_link_list>.item a:hover {
  text-decoration: none
}

.p_denkinavi_info_box {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  width: 100%;
  max-width: 1200px;
  padding: 10px 0 0;
  margin: 0 auto 40px
}

@media screen and (max-width:1199px) {
  .p_denkinavi_info_box {
    display: block;
    padding: 20px 20px 0;
    margin: 0 auto
  }
}

.p_denkinavi_info_box .post_date {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: end;
          justify-content: flex-end
}

@media screen and (max-width:768px) {
  .p_denkinavi_info_box .post_date {
    -webkit-box-pack: justify;
            justify-content: space-between;
    margin: 20px 0 0
  }
}

.p_denkinavi_info_box .post_date .date {
  font-family: Oswald, sans-serif
}

.p_denkinavi_info_box .post_date .posted {
  font-size: 18px
}

.p_denkinavi_info_box .post_date .updated {
  margin: 0 0 0 20px;
  font-size: 14px
}

.p_denkinavi_info_box .post_date .updated img {
  display: inline-block;
  margin: 0 10px 0 0;
  vertical-align: sub
}

.p_denkinavi_info_box .post_date .updated .date {
  display: inline-block;
  margin: 0 0 0 10px
}

.p_postnavi_sns_list {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: end;
          justify-content: flex-end;
  margin: 0 0 40px
}

.p_postnavi_sns_list .title {
  font-size: 12px;
  font-weight: 400;
  color: #c1c0c0
}

.p_postnavi_sns_list .link {
  margin: 0 0 0 15px
}

.dispPc {
  display: block
}

@media screen and (max-width:768px) {
  .dispPc {
    display: none
  }
}

.dispSp {
  display: none
}

@media screen and (max-width:768px) {
  .dispSp {
    display: block
  }
}

.p_denkinavi_post_content .kv {
  width: 100%;
  margin: 0 auto 30px
}

.p_denkinavi_post_content img {
  width: 100%
}

.p_denkinavi_post_content .inr {
  margin-bottom: 30px
}

.p_denkinavi_post_content .inr .lead {
  font-size: 16px;
  line-height: 1.875
}

.p_denkinavi_post_content .inr .lead .small {
  font-size: 1rem
}

.p_denkinavi_post_content #sec-postcont .inr {
  padding: 40px 30px;
  margin-bottom: 40px;
  background: #fff;
  border: 2px solid #0168b6
}

@media screen and (max-width:768px) {
  .p_denkinavi_post_content #sec-postcont .inr {
    padding: 30px 20px
  }
}

.p_denkinavi_post_content #sec-postcont .inr::before {
  display: block;
  margin: 0 0 25px;
  font-size: 20px;
  font-weight: 700;
  color: #202020;
  content: "目次"
}

.p_denkinavi_post_content #sec-postcont ul {
  margin: 0 0 0 15px;
  counter-reset: postcont
}

.p_denkinavi_post_content #sec-postcont ul li {
  position: relative;
  font-size: 16px;
  line-height: 1.875
}

.p_denkinavi_post_content #sec-postcont ul li::before {
  position: absolute;
  top: 0;
  left: -1em;
  margin-left: -1em;
  text-indent: 1em;
  content: counters(postcont, "-") ".";
  counter-increment: postcont
}

.p_denkinavi_post_content #sec-postcont ul li::before:hover {
  text-decoration: none
}

.p_denkinavi_post_content #sec-postcont ul li a {
  color: #0168b6;
  text-decoration: underline
}

.p_denkinavi_post_content #sec-postcont ul li a:hover {
  text-decoration: none
}

.p_denkinavi_post_content #sec-postcont ul li+li {
  margin-top: 30px
}

.p_denkinavi_post_content #sec-postcont ul li li::before {
  left: -2em
}

.p_denkinavi_post_content #sec-postcont ul li ul {
  margin-top: 20px;
  margin-left: 40px
}

.p_denkinavi_post_content #sec-postcont ul li ul li {
  margin-top: 10px;
  font-weight: 400
}

.p_denkinavi_post_content .ttl01 {
  padding: 0 0 10px;
  margin: 0 0 30px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.6;
  color: #202020;
  border-bottom: 3px solid #0168b6
}

@media screen and (max-width:768px) {
  .p_denkinavi_post_content .ttl01 {
    margin: 0 0 20px
  }
}

.p_denkinavi_post_content .ttl02 {
  padding: 25px;
  margin: 0 0 30px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.875;
  color: #202020;
  background: #edf6fc
}

@media screen and (max-width:768px) {
  .p_denkinavi_post_content .ttl02 {
    padding: 15px 20px;
    margin: 0 0 20px
  }
}

.p_denkinavi_post_content .ttl03 {
  padding: 5px 0 5px 10px;
  margin: 0 0 30px;
  font-size: 18px;
  font-weight: 700;
  color: #202020;
  border-left: 4px solid #0168b6
}

@media screen and (max-width:768px) {
  .p_denkinavi_post_content .ttl03 {
    margin: 0 0 20px;
    font-size: 16px
  }
}

.p_denkinavi_post_content .ttl04 {
  margin: 0 0 30px;
  font-size: 17px;
  font-weight: 700;
  color: #202020
}

@media screen and (max-width:768px) {
  .p_denkinavi_post_content .ttl04 {
    margin: 0 0 20px;
    font-size: 16px
  }
}

.p_denkinavi_post_content .ttl05 {
  margin: 0 0 30px;
  font-size: 16px;
  font-weight: 700;
  color: #202020
}

@media screen and (max-width:768px) {
  .p_denkinavi_post_content .ttl05 {
    margin: 0 0 20px
  }
}

.p_denkinavi_post_content .block {
  margin-bottom: 40px
}

.p_denkinavi_post_content .text {
  margin: 0 0 30px;
  font-size: 16px;
  line-height: 1.875
}

@media screen and (max-width:768px) {
  .p_denkinavi_post_content .text {
    margin: 0 0 20px
  }
}

.p_denkinavi_post_content .small {
  font-size: 12px
}

.p_denkinavi_post_content .marker {
  display: inline;
  background: #fee100
}

.p_denkinavi_post_content .note {
  font-size: 14px;
  line-height: 1.875
}

.p_denkinavi_post_content .caption a, .p_denkinavi_post_content .note a, .p_denkinavi_post_content .text a {
  display: inline;
  color: #0168b6;
  text-decoration: underline;
  word-break: break-all
}

.p_denkinavi_post_content .caption a:hover, .p_denkinavi_post_content .note a:hover, .p_denkinavi_post_content .text a:hover {
  text-decoration: none
}

.p_denkinavi_post_content .caption a::after, .p_denkinavi_post_content .note a::after, .p_denkinavi_post_content .text a::after {
  display: inline-block;
  width: 8px;
  height: 12px;
  margin: 0 0 0 5px;
  vertical-align: baseline;
  content: "";
  background: url("/assets/images/arrow-right.svg") 100% bottom no-repeat!important;
  background-size: contain
}

.p_denkinavi_post_content .caption a[target]::after, .p_denkinavi_post_content .note a[target]::after, .p_denkinavi_post_content .text a[target]::after {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 0 0 5px;
  vertical-align: baseline;
  content: "";
  background: url("/assets/images/ico_external.svg") 100% bottom no-repeat!important;
  background-size: contain
}

.p_denkinavi_post_content .caption a {
  color: #202020
}

.p_denkinavi_post_content .txt-bold, .p_denkinavi_post_content b, .p_denkinavi_post_content strong {
  font-weight: 700
}

.p_denkinavi_post_content .caption {
  width: 100%;
  margin: 0 0 30px;
  font-size: 14px;
  line-height: 1.875
}

.p_denkinavi_post_content .txt-center {
  text-align: center
}

.p_denkinavi_post_content .txt-right {
  text-align: right
}

.p_denkinavi_post_content .txt-red {
  color: #e9593a
}

.p_denkinavi_post_content .fullImg img {
  max-width: 100%;
  margin: 0 auto 30px
}

.p_denkinavi_post_content .leftImg {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin: 0 auto 30px
}

@media screen and (max-width:768px) {
  .p_denkinavi_post_content .leftImg {
    display: block
  }
}

.p_denkinavi_post_content .leftImg .img {
  width: 40%;
  max-width: 350px
}

@media screen and (max-width:768px) {
  .p_denkinavi_post_content .leftImg .img {
    width: 100%;
    max-width: 100%
  }
}

.p_denkinavi_post_content .leftImg .img img {
  width: 100%;
  margin: 0
}

@media screen and (max-width:768px) {
  .p_denkinavi_post_content .leftImg .img img {
    margin: 0 auto 30px
  }
}

.p_denkinavi_post_content .leftImg .text {
  width: calc(60% - 30px)
}

@media screen and (max-width:768px) {
  .p_denkinavi_post_content .leftImg .text {
    width: 100%
  }
}

.p_denkinavi_post_content .rightImg {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin: 0 auto 30px
}

@media screen and (max-width:768px) {
  .p_denkinavi_post_content .rightImg {
    display: block
  }
}

.p_denkinavi_post_content .rightImg .img {
  width: 40%;
  max-width: 350px
}

@media screen and (max-width:768px) {
  .p_denkinavi_post_content .rightImg .img {
    width: 100%;
    max-width: 100%
  }
}

.p_denkinavi_post_content .rightImg .img img {
  width: 100%;
  margin: 0
}

@media screen and (max-width:768px) {
  .p_denkinavi_post_content .rightImg .img img {
    margin: 0 auto 30px
  }
}

.p_denkinavi_post_content .rightImg .text {
  width: calc(60% - 30px)
}

@media screen and (max-width:768px) {
  .p_denkinavi_post_content .rightImg .text {
    width: 100%
  }
}

.p_denkinavi_post_content .imgList {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around
}

@media screen and (max-width:768px) {
  .p_denkinavi_post_content .imgList {
    display: block
  }
}

.p_denkinavi_post_content .imgList img {
  width: 30%;
  margin: 0 0 30px
}

@media screen and (max-width:768px) {
  .p_denkinavi_post_content .imgList img {
    width: 100%
  }
}

.p_denkinavi_post_content .post_link {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  overflow: hidden;
  border: 2px solid #dcdcdc;
  border-radius: 10px
}

@media screen and (min-width:769px) {
  .p_denkinavi_post_content .post_link {
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out
  }

  .p_denkinavi_post_content .post_link:hover {
    opacity: .7
  }
}

@media screen and (max-width:768px) {
  .p_denkinavi_post_content .post_link {
    -webkit-box-align: stretch;
            align-items: stretch
  }
}

.p_denkinavi_post_content .post_link .thumb {
  width: 100%;
  max-width: 360px
}

.p_denkinavi_post_content .post_link .thumb img {
  margin-bottom: 0!important
}

@media screen and (max-width:768px) {
  .p_denkinavi_post_content .post_link .thumb {
    max-width: 160px
  }

  .p_denkinavi_post_content .post_link .thumb img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover
  }
}

.p_denkinavi_post_content .post_link .title {
  padding: 20px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5
}

@media screen and (max-width:768px) {
  .p_denkinavi_post_content .post_link .title {
    padding: 15px;
    font-size: 16px
  }
}

.cv_block {
  padding: 40px 80px;
  margin: 0 0 30px;
  color: #fff;
  text-align: center;
  background: #0168b6;
  border-radius: 10px
}

@media screen and (max-width:768px) {
  .cv_block {
    padding: 30px 15px
  }
}

.cv_block>p {
  margin: 0 0 15px
}

.cv_block .simulation {
  padding: 0 0 20px;
  margin: 0 0 20px;
  text-align: left;
  border-bottom: 2px dashed #fff
}

@media screen and (max-width:768px) {
  .cv_block .simulation {
    padding: 0;
    border-bottom: none
  }
}

.cv_block .simulation:last-child {
  padding: 0;
  margin: 0;
  border-bottom: none
}

.cv_block .simulation .c_button__simulation {
  position: relative;
  display: -webkit-box;
  display: flex;
  width: 100%;
  max-width: 410px;
  padding: 10px 20px 15px;
  margin: 0 auto 20px;
  border-radius: 10px
}

@media screen and (max-width:768px) {
  .cv_block .simulation .c_button__simulation {
    max-width: 100%
  }
}

.cv_block .simulation .c_button__simulation._single {
  padding: 30px 20px 25px;
  margin: auto
}

.cv_block .simulation .c_button__simulation img {
  display: block;
  width: 34px;
  height: 34px;
  margin: 0 10px 0 0
}

@media screen and (max-width:768px) {
  .cv_block .simulation .c_button__simulation img {
    width: 30px;
    height: 30px
  }
}

.cv_block .simulation .c_button__simulation .text {
  padding: 0;
  margin: 0;
  line-height: 1.5
}

.cv_block .simulation .c_button__simulation .text .txt_main {
  font-size: 24px
}

@media screen and (max-width:768px) {
  .cv_block .simulation .c_button__simulation .text .txt_main {
    font-size: 20px
  }
}

.cv_block .simulation .c_button__simulation::after {
  position: absolute;
  right: 20px;
  width: 20px;
  height: 20px;
  background-size: contain
}

@media screen and (max-width:768px) {
  .cv_block .simulation .c_button__simulation::after {
    right: 15px
  }
}

.cv_block .inuquiry {
  display: -webkit-box;
  display: flex;
  text-align: left
}

@media screen and (max-width:768px) {
  .cv_block .inuquiry {
    display: block
  }
}

.cv_block .inuquiry .tel {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  pointer-events: none
}

@media screen and (max-width:768px) {
  .cv_block .inuquiry .tel {
    position: relative;
    -webkit-box-pack: center;
            justify-content: center;
    height: 74px;
    margin: 0 0 20px;
    pointer-events: auto;
    background: #fff;
    border: 2px solid #dcdcdc;
    border-radius: 10px;
    box-shadow: 0 3px #dcdcdc
  }
}

.cv_block .inuquiry .tel img {
  width: 40px;
  height: 40px
}

@media screen and (max-width:768px) {
  .cv_block .inuquiry .tel img {
    width: 27px;
    height: 27px
  }
}

.cv_block .inuquiry .tel .info {
  margin: 0 0 0 10px;
  font-size: 16px;
  color: #fff
}

@media screen and (max-width:768px) {
  .cv_block .inuquiry .tel .info {
    color: #0168b6
  }
}

.cv_block .inuquiry .tel .info .num {
  display: block;
  font-family: Oswald, sans-serif;
  font-size: 40px
}

@media screen and (max-width:768px) {
  .cv_block .inuquiry .tel .info .main_text {
    font-size: 19px;
    font-weight: 700;
    line-height: 1.2
  }
}

.cv_block .inuquiry .c_button__request {
  position: relative;
  display: -webkit-box;
  display: flex;
  width: 100%;
  max-width: 342px;
  padding: 10px 20px 15px;
  margin: 0 auto;
  border-radius: 10px
}

@media screen and (max-width:768px) {
  .cv_block .inuquiry .c_button__request {
    max-width: 100%
  }
}

.cv_block .inuquiry .c_button__request img {
  display: block;
  width: 40px;
  height: 44px;
  margin: 0 10px 0 0
}

@media screen and (max-width:768px) {
  .cv_block .inuquiry .c_button__request img {
    width: 30px;
    height: 34px
  }
}

.cv_block .inuquiry .c_button__request .text {
  padding: 0;
  margin: 0;
  line-height: 1.5
}

.cv_block .inuquiry .c_button__request .text .txt_main {
  font-size: 24px
}

@media screen and (max-width:768px) {
  .cv_block .inuquiry .c_button__request .text .txt_main {
    font-size: 20px
  }
}

.cv_block .inuquiry .c_button__request::after {
  position: absolute;
  right: 10px;
  width: 20px;
  height: 20px;
  background-size: contain
}

@media screen and (max-width:768px) {
  .cv_block .inuquiry .c_button__request::after {
    right: 15px
  }
}

.p_denkinavi_post_content .borderbox {
  padding: 20px 30px;
  margin: 0 0 30px;
  border: 10px solid #eee
}

@media screen and (max-width:768px) {
  .p_denkinavi_post_content .borderbox {
    padding: 20px;
    margin: 0 0 20px;
    border: 5px solid #eee
  }
}

.p_denkinavi_post_content .borderbox .text:last-child {
  margin: 0
}

.p_denkinavi_post_content .fillbox {
  padding: 30px 40px;
  margin: 0 0 30px;
  background: #eee
}

@media screen and (max-width:768px) {
  .p_denkinavi_post_content .fillbox {
    padding: 25px;
    margin: 0 0 20px
  }
}

.p_denkinavi_post_content .fillbox .text:last-child {
  margin: 0
}

.p_denkinavi_post_content blockquote {
  padding: 20px 30px 20px 40px;
  margin: 0 0 30px;
  border: 10px solid #eee
}

@media screen and (max-width:768px) {
  .p_denkinavi_post_content blockquote {
    padding: 20px 20px 20px 40px;
    margin: 0 0 20px;
    border: 5px solid #eee
  }
}

.p_denkinavi_post_content blockquote .text {
  position: relative;
  padding: 5px 0 5px 15px;
  margin: 0;
  border-left: 1px solid #dcdcdc
}

.p_denkinavi_post_content blockquote .text::before {
  position: absolute;
  top: 0;
  left: -25px;
  display: block;
  width: 18px;
  height: 16px;
  content: "";
  background: url("/assets/images/ico_q-start.svg") transparent 0 0 no-repeat;
  background-size: contain
}

.p_denkinavi_post_content blockquote figcaption {
  text-align: right
}

.p_denkinavi_post_content blockquote figcaption::after {
  display: inline-block;
  width: 18px;
  height: 16px;
  margin: 0 0 0 10px;
  vertical-align: middle;
  content: "";
  background: url("/assets/images/ico_q-end.svg") transparent 0 0 no-repeat;
  background-size: contain
}

.p_denkinavi_post_content blockquote figcaption a {
  text-decoration: underline
}

.p_denkinavi_post_content .list01 {
  margin: 0 0 30px 30px
}

@media screen and (max-width:768px) {
  .p_denkinavi_post_content .list01 {
    margin: 0 0 20px 5px
  }
}

.p_denkinavi_post_content .list01 li {
  position: relative;
  padding: 0 0 10px 16px;
  font-size: 16px
}

.p_denkinavi_post_content .list01 li::before {
  position: absolute;
  top: 8px;
  left: 0;
  display: block;
  width: 8px;
  height: 8px;
  content: "";
  background: #0168b6;
  border-radius: 8px
}

.p_denkinavi_post_content .list02 {
  margin: 0 0 30px 30px
}

@media screen and (max-width:768px) {
  .p_denkinavi_post_content .list02 {
    margin: 0 0 20px 10px
  }
}

.p_denkinavi_post_content .list02 li {
  position: relative;
  padding: 0 0 10px 16px;
  font-size: 16px
}

.p_denkinavi_post_content .list02 li::before {
  position: absolute;
  top: 4px;
  left: -8px;
  width: 16px;
  height: 11px;
  content: "";
  background: url("/assets/images/check.png") 0 0 no-repeat;
  background-size: contain
}

.p_denkinavi_post_content .list03 {
  margin: 0 0 30px 30px
}

@media screen and (max-width:768px) {
  .p_denkinavi_post_content .list03 {
    margin: 0 0 20px 10px
  }
}

.p_denkinavi_post_content .list03 dt {
  position: relative;
  padding: 0 0 10px 16px;
  font-size: 16px
}

.p_denkinavi_post_content .list03 dt::before {
  position: absolute;
  top: 4px;
  left: -8px;
  width: 16px;
  height: 11px;
  content: "";
  background: url("/assets/images/check.png") 0 0 no-repeat;
  background-size: contain
}

.p_denkinavi_post_content .list03 dd {
  padding: 0 0 0 16px;
  margin: 0 0 20px;
  font-size: 16px
}

.p_denkinavi_post_content .list04 {
  margin: 0 0 30px 30px
}

@media screen and (max-width:768px) {
  .p_denkinavi_post_content .list04 {
    margin: 0 0 20px 6px
  }
}

.p_denkinavi_post_content .list04 li {
  margin: 0 0 10px 1.7em;
  font-size: 16px;
  text-indent: -2.6em
}

.p_denkinavi_post_content .list05 {
  margin: 0 0 30px 30px;
  counter-reset: num
}

@media screen and (max-width:768px) {
  .p_denkinavi_post_content .list05 {
    margin: 0 0 20px 6px
  }
}

.p_denkinavi_post_content .list05 li {
  position: relative;
  padding: 0 0 10px 16px;
  font-size: 16px
}

.p_denkinavi_post_content .list05 li::before {
  position: absolute;
  left: -3px;
  color: #0168b6;
  content: counter(num) ".";
  counter-increment: num
}

.p_denkinavi_post_content table {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate
}

.p_denkinavi_post_content table caption {
  width: 100%;
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: 700
}

.p_denkinavi_post_content table thead th {
  padding: 20px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  background: #0168b6;
  border-top: 2px solid #0168b6
}

@media screen and (max-width:768px) {
  .p_denkinavi_post_content table thead th {
    padding: 20px 10px;
    text-align: left
  }
}

.p_denkinavi_post_content table thead th:first-child {
  border-left: 2px solid #0168b6;
  border-radius: 10px 0 0
}

.p_denkinavi_post_content table thead th:last-child {
  border-right: 2px solid #0168b6;
  border-radius: 0 10px 0 0
}

.p_denkinavi_post_content table thead th:only-child {
  border-right: 2px solid #0168b6;
  border-left: 2px solid #0168b6;
  border-radius: 10px 10px 0 0
}

.p_denkinavi_post_content table tbody:only-child tr:first-child td, .p_denkinavi_post_content table tbody:only-child tr:first-child th {
  border-top: 2px solid #0168b6
}

.p_denkinavi_post_content table tbody:only-child tr:first-child td:first-child, .p_denkinavi_post_content table tbody:only-child tr:first-child th:first-child {
  border-radius: 10px 0 0
}

.p_denkinavi_post_content table tbody:only-child tr:first-child td:last-child, .p_denkinavi_post_content table tbody:only-child tr:first-child th:last-child {
  border-radius: 0 10px 0 0
}

.p_denkinavi_post_content table tbody:only-child tr:first-child td:only-child, .p_denkinavi_post_content table tbody:only-child tr:first-child th:only-child {
  border-radius: 10px 10px 0 0
}

.p_denkinavi_post_content table tbody tr td, .p_denkinavi_post_content table tbody tr th {
  border-right: 2px solid #0168b6;
  border-bottom: 2px solid #0168b6
}

.p_denkinavi_post_content table tbody tr td:first-child, .p_denkinavi_post_content table tbody tr th:first-child {
  border-left: 2px solid #0168b6
}

.p_denkinavi_post_content table tbody tr td:only-child, .p_denkinavi_post_content table tbody tr th:only-child {
  border-right: 2px solid #0168b6;
  border-left: 2px solid #0168b6
}

.p_denkinavi_post_content table tbody tr:last-child td:first-child, .p_denkinavi_post_content table tbody tr:last-child th:first-child {
  border-radius: 0 0 0 10px
}

.p_denkinavi_post_content table tbody tr:last-child td:last-child, .p_denkinavi_post_content table tbody tr:last-child th:last-child {
  border-radius: 0 0 10px
}

.p_denkinavi_post_content table tbody tr:last-child td:only-child, .p_denkinavi_post_content table tbody tr:last-child th:only-child {
  border-radius: 0 0 10px 10px
}

.p_denkinavi_post_content table tbody th {
  padding: 20px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.875;
  color: #202020;
  text-align: center;
  background: #edf6fc
}

@media screen and (max-width:768px) {
  .p_denkinavi_post_content table tbody th {
    padding: 20px 10px;
    text-align: left
  }
}

.p_denkinavi_post_content table tbody td {
  box-sizing: border-box;
  padding: 20px;
  font-size: 16px;
  color: #202020
}

@media screen and (max-width:768px) {
  .p_denkinavi_post_content table tbody td {
    padding: 20px 10px
  }

  .p_denkinavi_post_content .table-scroll {
    overflow: auto
  }

  .p_denkinavi_post_content .table-scroll table td, .p_denkinavi_post_content .table-scroll table th {
    white-space: nowrap
  }

  .p_denkinavi_post_content .table-scroll::before {
    display: block;
    margin: 10px 10px 5px;
    color: #dcdcdc;
    content: "SCROLL  →"
  }
}

.p_denkinavi_post_content .movie .inner {
  position: relative;
  width: 100%;
  padding-top: 56.25%
}

.p_denkinavi_post_content .movie .inner iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%
}

.p_denkinavi_post_content .supervisor {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
          justify-content: space-between;
  padding: 40px;
  margin: 0 0 30px;
  background: #edf6fc;
  border-radius: 10px
}

@media screen and (max-width:768px) {
  .p_denkinavi_post_content .supervisor {
    display: block;
    padding: 20px;
    margin: 0 0 20px
  }
}

.p_denkinavi_post_content .supervisor .photo {
  width: 100%;
  max-width: 152px;
  height: auto;
  margin: 0 30px 0 0;
  overflow: hidden;
  border-radius: 50%
}

@media screen and (max-width:768px) {
  .p_denkinavi_post_content .supervisor .photo {
    margin: 0 auto 15px
  }
}

.p_denkinavi_post_content .supervisor .photo img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover
}

.p_denkinavi_post_content .supervisor .info {
  width: 100%;
  max-width: 568px
}

@media screen and (max-width:1199px) {
  .p_denkinavi_post_content .supervisor .info {
    max-width: 100%
  }
}

.p_denkinavi_post_content .supervisor .info .name {
  margin: 0 0 30px;
  font-size: 20px;
  font-weight: 700
}

@media screen and (max-width:768px) {
  .p_denkinavi_post_content .supervisor .info .name {
    margin: 0 0 20px;
    text-align: center
  }
}

.p_denkinavi_post_content .supervisor .info .description {
  font-size: 16px;
  line-height: 1.875
}

.p_denkinavi_post_content .simu_link {
  padding: 30px;
  margin: 30px 0;
  font-size: 16px;
  line-height: 1.875;
  background: #fffded;
  border-radius: 10px
}

@media screen and (max-width:768px) {
  .p_denkinavi_post_content .simu_link {
    font-size: 3.7333333333vw
  }
}

.p_denkinavi_post_content .simu_link .link_txt {
  display: inline;
  color: #0168b6;
  text-decoration: underline
}

.p_denkinavi_post_content .simu_link .link_txt:hover {
  text-decoration: none
}

@media screen and (min-width:769px) {
  .ermsg {
    margin-left: 10px
  }
}

#p_reason .em {
  color: #e85f5f
}

#p_reason .em_2 {
  color: #0168b6
}

#p_reason .fs_1 {
  font-size: 16px;
  line-height: 30px
}

#p_reason .fs_2 {
  font-size: 14px;
  line-height: 22px
}

#p_reason .fs_3 {
  font-size: 30px;
  line-height: 41px
}

@media screen and (max-width:768px) {
  #p_reason .fs_3 {
    font-size: 22px;
    line-height: 34px
  }
}

#p_reason .fs_4 {
  font-size: 28px;
  line-height: 46px
}

@media screen and (max-width:768px) {
  #p_reason .fs_4 {
    font-size: 18px;
    line-height: 26px
  }
}

#p_reason .fs_5 {
  font-size: 22px;
  line-height: 32px
}

@media screen and (max-width:768px) {
  #p_reason .fs_5 {
    font-size: 18px;
    line-height: 25px
  }
}

#p_reason .fs_6 {
  font-size: 18px;
  line-height: 25px
}

#p_reason .fs_7 {
  font-size: 22px;
  line-height: 33px
}

@media screen and (max-width:768px) {
  #p_reason .fs_7 {
    font-size: 18px;
    line-height: 34px
  }
}

#p_reason .fs_8 {
  font-size: 20px;
  line-height: 24px
}

#p_reason .fs_9 {
  font-size: 30px;
  line-height: 45px
}

@media screen and (max-width:768px) {
  #p_reason .fs_9 {
    font-size: 22px;
    line-height: 34px
  }
}

#p_reason .fs_10 {
  font-size: 10px;
  line-height: 1.5
}

#p_reason .marker {
  padding: 0 4px;
  background: -webkit-linear-gradient(transparent 65%, #fee100 0);
  background: linear-gradient(transparent 65%, #fee100 0)
}

#p_reason .annotation {
  display: -webkit-box;
  display: flex
}

#p_reason .annotation::before {
  margin: 0 5px 0 0;
  content: "※"
}

#p_reason .annotation_list {
  counter-reset: number
}

#p_reason .annotation_list .item {
  display: -webkit-box;
  display: flex;
  counter-increment: number
}

#p_reason .annotation_list .item::before {
  margin: 0 5px 0 0;
  content: "※" counter(number)
}

#p_reason .sec_1 .c_heading1 .mark {
  display: inline-block;
  font-size: 50%;
  -webkit-transform: translateY(-12px);
          transform: translateY(-12px)
}

#p_reason .sec_1 .no1_item {
  margin: 0 0 100px
}

@media screen and (max-width:768px) {
  #p_reason .sec_1 .no1_item {
    margin: 0 0 40px
  }
}

#p_reason .sec_1 .no1_item:last-of-type {
  margin: 0
}

#p_reason .sec_1 .no1_item._1 .inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin: 0 0 10px
}

@media screen and (max-width:768px) {
  #p_reason .sec_1 .no1_item._1 .inner {
    display: block
  }
}

#p_reason .sec_1 .no1_item._1 .inner .block_1 {
  flex-shrink: 0;
  margin: 0 40px 0 0
}

@media screen and (max-width:768px) {
  #p_reason .sec_1 .no1_item._1 .inner .block_1 {
    width: 345px;
    max-width: calc(100% - 30px);
    margin: 0 auto 10px
  }
}

#p_reason .sec_1 .no1_item._1 .inner .block_2 .txt .mark {
  display: inline-block;
  font-size: 50%;
  -webkit-transform: translateY(-6px);
          transform: translateY(-6px)
}

@media screen and (min-width:769px)and (max-width:1199px) {
  #p_reason .sec_1 .no1_item._1 .inner .block_2 .img {
    display: block;
    width: 345px
  }
}

@media screen and (max-width:1199px) {
  #p_reason .sec_1 .no1_item._1 .inner .block_2 .img {
    margin: 20px auto 10px
  }
}

#p_reason .sec_1 .no1_item._1 .inner .item_heading .mark {
  display: inline-block;
  font-size: 50%;
  -webkit-transform: translateY(-12px);
          transform: translateY(-12px)
}

#p_reason .sec_1 .no1_item._2 .item_heading {
  margin: 0 0 20px;
  text-align: center
}

@media screen and (max-width:768px) {
  #p_reason .sec_1 .no1_item._2 .item_heading {
    margin: 0 0 15px
  }
}

#p_reason .sec_1 .no1_item._3 .inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center
}

@media screen and (max-width:768px) {
  #p_reason .sec_1 .no1_item._3 .inner {
    display: block
  }
}

#p_reason .sec_1 .no1_item._3 .inner .block_1 {
  flex-shrink: 0;
  margin: 0 40px 0 0
}

@media screen and (max-width:1199px) {
  #p_reason .sec_1 .no1_item._3 .inner .block_2 .img {
    display: block;
    margin: 15px auto 10px
  }
}

#p_reason .sec_1 .no1_item._3 .inner .block_2 .mark {
  display: inline-block;
  font-size: 50%;
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px)
}

#p_reason .sec_1 .no1_item._3 .inner .annotation_list {
  margin: 10px 0 0
}

@media screen and (max-width:1199px) {
  #p_reason .sec_1 .no1_item .item_heading {
    text-align: center
  }
}

#p_reason .sec_1 .no1_item .no1 {
  margin: 30px 0 0;
  text-align: center
}

@media screen and (max-width:768px) {
  #p_reason .sec_1 .no1_item .no1 {
    margin: 10px 0 0
  }
}

#p_reason .sec_2 .c_heading1>.inner {
  position: relative
}

#p_reason .sec_2 .c_heading1>.inner::before {
  position: absolute;
  right: -160px;
  bottom: -5px;
  content: url("/assets/images/reason/ttl_fukidashi.svg")
}

@media screen and (max-width:768px) {
  #p_reason .sec_2 .c_heading1>.inner::before {
    display: none
  }
}

#p_reason .sec_2 .c_heading1>.inner _:lang(x)::-webkit-input-placeholder {
  bottom: -55px
}

#p_reason .sec_2 .c_heading1>.inner _:lang(x)::-moz-placeholder {
  bottom: -55px
}

#p_reason .sec_2 .c_heading1>.inner _:lang(x)::placeholder, #p_reason .sec_2 .c_heading1>.inner::before {
  bottom: -55px
}

#p_reason .sec_2 .c_heading1>.inner .mark {
  display: inline-block;
  font-size: 50%;
  -webkit-transform: translateY(-12px);
          transform: translateY(-12px)
}

@media screen and (max-width:768px) {
  #p_reason .sec_2 .fukidashi {
    margin: 0 0 10px;
    text-align: center
  }
}

#p_reason .sec_2 .three_reason {
  margin: 60px 0 0;
  text-align: center
}

@media screen and (max-width:768px) {
  #p_reason .sec_2 .three_reason {
    margin: 40px 0 0
  }
}

#p_reason .sec_2 .three_reason .p_top_plan__title {
  display: inline
}

#p_reason .sec_2 .reason_anchor_list {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  width: 1080px;
  margin: 30px auto 130px
}

@media screen and (min-width:769px)and (max-width:1199px) {
  #p_reason .sec_2 .reason_anchor_list {
    width: 100%
  }
}

@media screen and (max-width:768px) {
  #p_reason .sec_2 .reason_anchor_list {
    display: block;
    width: 100%;
    margin: 15px auto 60px
  }
}

#p_reason .sec_2 .reason_anchor_list .item {
  border: 2px solid #202020;
  border-radius: 30px
}

@media screen and (min-width:769px)and (max-width:1199px) {
  #p_reason .sec_2 .reason_anchor_list .item {
    width: 30%
  }
}

@media screen and (max-width:768px) {
  #p_reason .sec_2 .reason_anchor_list .item {
    margin: 0 0 20px;
    border: 3px solid #ddd;
    border-radius: 15px
  }

  #p_reason .sec_2 .reason_anchor_list .item:last-of-type {
    margin: 0
  }
}

#p_reason .sec_2 .reason_anchor_list .item .link {
  position: relative;
  display: block;
  width: 340px;
  height: 330px;
  padding: 20px 0 0;
  text-align: center
}

@media screen and (min-width:769px)and (max-width:1199px) {
  #p_reason .sec_2 .reason_anchor_list .item .link {
    width: 100%;
    height: 300px
  }
}

@media screen and (max-width:768px) {
  #p_reason .sec_2 .reason_anchor_list .item .link {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    width: 100%;
    height: 130px;
    padding: 20px
  }
}

#p_reason .sec_2 .reason_anchor_list .item .link::after {
  position: absolute;
  bottom: 18px;
  left: 50%;
  width: 17px;
  height: 11px;
  content: "";
  background: url("/assets/images/reason/anchor_arrow.svg") no-repeat;
  -webkit-transform: translate(-50%);
          transform: translate(-50%)
}

@media screen and (max-width:768px) {
  #p_reason .sec_2 .reason_anchor_list .item .link::after {
    inset: 50% 20px auto auto;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
  }
}

#p_reason .sec_2 .reason_anchor_list .item .link .img_wrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  height: 180px;
  margin: 0 0 30px
}

@media screen and (min-width:769px)and (max-width:1199px) {
  #p_reason .sec_2 .reason_anchor_list .item .link .img_wrap {
    margin: 0 0 10px
  }
}

@media screen and (max-width:768px) {
  #p_reason .sec_2 .reason_anchor_list .item .link .img_wrap {
    width: 80px;
    height: 84px;
    margin: 0 25px 0 0
  }

  #p_reason .sec_2 .reason_anchor_list .item .link .img_wrap .img {
    max-height: 100%
  }
}

#p_reason .sec_2 .customer_voice_wrap:last-of-type .customer_voice {
  margin: 0
}

@media screen and (max-width:1199px) {
  #p_reason .sec_2 .customer_voice_wrap {
    padding: 20px 0 0;
    margin: -20px 0 70px
  }

  #p_reason .sec_2 .customer_voice_wrap:first-of-type {
    margin: 0 0 70px
  }

  #p_reason .sec_2 .customer_voice_wrap:last-of-type {
    margin: -20px 0 0
  }
}

#p_reason .sec_2 .customer_voice {
  position: relative;
  padding: 70px 55px 40px;
  margin: 0 0 90px;
  border: 6px solid #0168b6;
  border-radius: 30px
}

@media screen and (max-width:1199px) {
  #p_reason .sec_2 .customer_voice {
    padding: 60px 15px 30px;
    border: 4px solid #0168b6;
    border-radius: 15px
  }
}

#p_reason .sec_2 .customer_voice .reason_heading {
  position: absolute;
  top: -35px;
  right: 0;
  left: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 605px;
  height: 70px;
  margin: 0 auto 30px;
  color: #fff;
  background: #0168b6;
  border-radius: 15px
}

@media screen and (max-width:768px) {
  #p_reason .sec_2 .customer_voice .reason_heading {
    width: calc(100% - 30px);
    text-align: center;
    border-radius: 5px
  }

  #p_reason .sec_2 .customer_voice .reason_heading>.inner {
    position: relative;
    width: 100%
  }
}

#p_reason .sec_2 .customer_voice .reason_heading>.inner::after, #p_reason .sec_2 .customer_voice .reason_heading>.inner::before {
  display: inline-block;
  -webkit-transform: translateY(5px);
          transform: translateY(5px)
}

@media screen and (max-width:768px) {
  #p_reason .sec_2 .customer_voice .reason_heading>.inner::after, #p_reason .sec_2 .customer_voice .reason_heading>.inner::before {
    position: absolute;
    top: calc(50% + 5px);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
  }
}

#p_reason .sec_2 .customer_voice .reason_heading>.inner::before {
  margin: 0 20px 0 0;
  content: url("/assets/images/reason/shape_white_1.svg")
}

@media screen and (max-width:768px) {
  #p_reason .sec_2 .customer_voice .reason_heading>.inner::before {
    left: 18px;
    margin: 0;
    content: url("/assets/images/reason/shape_white_1_sp.svg")
  }
}

#p_reason .sec_2 .customer_voice .reason_heading>.inner::after {
  margin: 0 0 0 20px;
  content: url("/assets/images/reason/shape_white_2.svg")
}

@media screen and (max-width:768px) {
  #p_reason .sec_2 .customer_voice .reason_heading>.inner::after {
    right: 18px;
    margin: 0;
    content: url("/assets/images/reason/shape_white_2_sp.svg")
  }
}

#p_reason .sec_2 .customer_voice .reason_heading::after {
  position: absolute;
  right: 0;
  bottom: -20px;
  left: 0;
  width: 0;
  height: 0;
  margin: 0 auto;
  content: "";
  border-color: #0168b6 transparent transparent;
  border-style: solid;
  border-width: 10px 8px
}

#p_reason .sec_2 .customer_voice .date {
  position: absolute;
  right: 0;
  bottom: -10px;
  display: -webkit-box;
  display: flex
}

@media screen and (min-width:769px)and (max-width:1199px) {
  #p_reason .sec_2 .customer_voice .date {
    right: -80px
  }
}

@media screen and (max-width:768px) {
  #p_reason .sec_2 .customer_voice .date {
    right: -30px;
    bottom: -30px
  }
}

#p_reason .sec_2 .customer_voice .date::before {
  margin: 0 5px 0 0;
  content: "※"
}

#p_reason .sec_2 .customer_voice .question_wrap {
  padding: 0 0 20px;
  margin: 0 0 25px;
  border-bottom: 3px dashed #ddd
}

@media screen and (max-width:1199px) {
  #p_reason .sec_2 .customer_voice .question_wrap {
    position: relative
  }
}

@media screen and (max-width:768px) {
  #p_reason .sec_2 .customer_voice .question_wrap {
    padding: 0 0 15px;
    margin: 0
  }
}

#p_reason .sec_2 .customer_voice .question_wrap._col3 {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  padding: 0 40px 20px
}

@media screen and (max-width:1199px) {
  #p_reason .sec_2 .customer_voice .question_wrap._col3 {
    display: block;
    padding: 0;
    border: 0
  }
}

#p_reason .sec_2 .customer_voice .question_wrap._col3 .question {
  width: 300px
}

@media screen and (max-width:1199px) {
  #p_reason .sec_2 .customer_voice .question_wrap._col3 .question {
    width: 100%;
    padding: 0 12px 15px;
    margin: 30px 0 20px;
    border-bottom: 3px dashed #ddd
  }

  #p_reason .sec_2 .customer_voice .question_wrap._col3 .question:first-of-type {
    margin: 0 0 20px
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  #p_reason .sec_2 .customer_voice .question_wrap._col3 .date {
    right: calc(50% - 200px)
  }
}

@media screen and (max-width:768px) {
  #p_reason .sec_2 .customer_voice .question_wrap._col3 .date {
    right: 0
  }
}

#p_reason .sec_2 .customer_voice .question_wrap .question {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center
}

@media screen and (max-width:768px) {
  #p_reason .sec_2 .customer_voice .question_wrap .question {
    -webkit-box-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    padding: 0 12px
  }
}

#p_reason .sec_2 .customer_voice .question_wrap .question::before {
  display: inline-block;
  flex-shrink: 0;
  width: 47px;
  height: 47px;
  margin: 0 10px 0 0;
  content: "";
  background: url("/assets/images/reason/Q_icon.svg") no-repeat;
  background-size: cover
}

@media screen and (max-width:768px) {
  #p_reason .sec_2 .customer_voice .question_wrap .question::before {
    width: 30px;
    height: 30px
  }
}

@media screen and (max-width:1199px) {
  #p_reason .sec_2 .customer_voice .graph {
    display: block;
    width: 240px;
    margin: 0 auto
  }
}

#p_reason .sec_2 .customer_voice .result_wrap {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  padding: 0 40px;
  margin: 0 0 40px
}

@media screen and (max-width:1199px) {
  #p_reason .sec_2 .customer_voice .result_wrap {
    -webkit-box-pack: center;
            justify-content: center;
    padding: 0;
    margin: 20px 0 30px
  }
}

#p_reason .sec_2 .customer_voice .result_wrap .img_wrap {
  position: relative;
  padding: 0 60px 0 0
}

@media screen and (max-width:1199px) {
  #p_reason .sec_2 .customer_voice .result_wrap .img_wrap {
    padding: 0
  }
}

#p_reason .sec_2 .customer_voice .result_wrap .img_wrap._multi_img {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 0
}

@media screen and (max-width:1199px) {
  #p_reason .sec_2 .customer_voice .result_wrap .img_wrap._multi_img {
    display: none
  }
}

@media screen and (min-width:1200px) {
  #p_reason .sec_2 .customer_voice .result_wrap .img_wrap._multi_img .date {
    bottom: -30px
  }
}

#p_reason .sec_2 .customer_voice .result_wrap .txt_wrap {
  width: 620px;
  padding: 30px;
  font-size: 16px;
  line-height: 30px;
  background: #edf6fc;
  border-radius: 15px
}

@media screen and (max-width:1199px) {
  #p_reason .sec_2 .customer_voice .result_wrap .txt_wrap {
    width: 100%;
    padding: 10px;
    margin: 50px 0 0;
    border-radius: 10px
  }
}

#p_reason .sec_2 .customer_voice .result_wrap .txt_wrap._full {
  width: 100%;
  margin: 60px 0 0
}

@media screen and (max-width:1199px) {
  #p_reason .sec_2 .customer_voice .result_wrap .txt_wrap._full {
    margin: 20px 0 0
  }
}

@media screen and (max-width:768px) {
  #p_reason .sec_2 .customer_voice .result_wrap .txt_wrap._full {
    width: 100%;
    padding: 10px
  }
}

#p_reason .sec_2 .customer_voice .result_wrap .txt_wrap .mark {
  display: inline-block;
  font-size: 50%;
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px)
}

#p_reason .sec_2 .customer_voice .result_wrap .txt_wrap .annotation, #p_reason .sec_2 .customer_voice .result_wrap .txt_wrap .annotation_list {
  margin: 10px 0 0
}

#p_reason .sec_2 .customer_voice .voice_wrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  padding: 0 20px
}

@media screen and (min-width:769px)and (max-width:1199px) {
  #p_reason .sec_2 .customer_voice .voice_wrap {
    flex-wrap: wrap
  }
}

@media screen and (max-width:768px) {
  #p_reason .sec_2 .customer_voice .voice_wrap {
    display: block;
    padding: 0
  }
}

#p_reason .sec_2 .customer_voice .voice_wrap._col2 .voice {
  width: 500px
}

@media screen and (min-width:769px)and (max-width:1199px) {
  #p_reason .sec_2 .customer_voice .voice_wrap._col2 .voice {
    width: 48%
  }
}

@media screen and (max-width:768px) {
  #p_reason .sec_2 .customer_voice .voice_wrap._col2 .voice {
    width: 100%
  }
}

#p_reason .sec_2 .customer_voice .voice_wrap._col3 .voice {
  width: 300px
}

@media screen and (min-width:769px)and (max-width:1199px) {
  #p_reason .sec_2 .customer_voice .voice_wrap._col3 .voice {
    width: 48%
  }

  #p_reason .sec_2 .customer_voice .voice_wrap._col3 .voice:last-of-type {
    margin: 20px 0 0
  }
}

@media screen and (max-width:768px) {
  #p_reason .sec_2 .customer_voice .voice_wrap._col3 .voice {
    width: 100%
  }
}

#p_reason .sec_2 .customer_voice .voice_wrap+.voice_wrap {
  margin: 30px 0 0
}

@media screen and (max-width:768px) {
  #p_reason .sec_2 .customer_voice .voice_wrap .voice {
    margin: 0 0 20px
  }

  #p_reason .sec_2 .customer_voice .voice_wrap .voice:last-of-type {
    margin: 0
  }
}

#p_reason .sec_2 .customer_voice .voice_wrap .voice .profile_wrap {
  display: -webkit-box;
  display: flex
}

@media screen and (max-width:768px) {
  #p_reason .sec_2 .customer_voice .voice_wrap .voice .profile_wrap {
    -webkit-box-align: center;
            align-items: center
  }
}

#p_reason .sec_2 .customer_voice .voice_wrap .voice .profile_wrap .profile_txt {
  margin: 40px 0 0 10px
}

@media screen and (max-width:768px) {
  #p_reason .sec_2 .customer_voice .voice_wrap .voice .profile_wrap .profile_txt {
    margin: 0 0 0 10px
  }
}

#p_reason .sec_2 .customer_voice .voice_wrap .voice .profile_wrap .voice_heading {
  position: relative;
  margin: 0 0 20px;
  color: #0168b6
}

#p_reason .sec_2 .customer_voice .voice_wrap .voice .profile_wrap .voice_heading::after, #p_reason .sec_2 .customer_voice .voice_wrap .voice .profile_wrap .voice_heading::before {
  position: absolute;
  left: -8px
}

@media screen and (max-width:768px) {
  #p_reason .sec_2 .customer_voice .voice_wrap .voice .profile_wrap .voice_heading::after, #p_reason .sec_2 .customer_voice .voice_wrap .voice .profile_wrap .voice_heading::before {
    display: none
  }
}

#p_reason .sec_2 .customer_voice .voice_wrap .voice .profile_wrap .voice_heading::before {
  top: -21px;
  content: url("/assets/images/reason/shape_blue_1.svg")
}

#p_reason .sec_2 .customer_voice .voice_wrap .voice .profile_wrap .voice_heading::after {
  bottom: -17px;
  content: url("/assets/images/reason/shape_blue_2.svg")
}

#p_reason .sec_2 .customer_voice .voice_wrap .voice .comment {
  position: relative;
  padding: 10px;
  margin: 20px 0 0;
  border: 3px solid #cbcbcb;
  border-radius: 10px
}

#p_reason .sec_2 .customer_voice .voice_wrap .voice .comment::before {
  position: absolute;
  top: -22px;
  left: 46px;
  width: 0;
  height: 0;
  content: "";
  border-color: transparent transparent #cbcbcb;
  border-style: solid;
  border-width: 10px 8px
}

#p_reason .bnr_wrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  margin: 0 0 60px
}

@media screen and (max-width:1199px) {
  #p_reason .bnr_wrap {
    padding: 0 15px;
    margin: 0 0 40px
  }
}

@media screen and (max-width:768px) {
  .p_login_white {
    padding: 60px 15px 0
  }
}

.p_login_white .c_blue_button {
  margin-bottom: 20px
}

@media screen and (max-width:768px) {
  .p_login_white .c_blue_button {
    margin-bottom: 14px
  }
}

.p_login_white .p_login_link {
  text-align: center
}

@media screen and (max-width:768px) {
  .p_login_white .p_login_link {
    margin-bottom: 20px
  }
}

.p_login_passChange .c_list2__label {
  width: 40%
}

@media screen and (max-width:768px) {
  .p_login_passChange .c_list2__label {
    width: 100%
  }
}

.p_login_passChange .c_list2__desc {
  display: block
}

@media screen and (min-width:1200px) {
  .p_login_passChange .u_txt2 {
    display: block
  }
}

.p_login_passChange .c_blue_button {
  margin-bottom: 0
}

.l_innerBorder_bl {
  max-width: 775px;
  padding: 60px;
  border: 2px solid #0068b6;
  border-radius: 30px
}

@media screen and (max-width:768px) {
  .l_innerBorder_bl {
    padding: 20px
  }
}

.p_login_topTxt {
  padding-bottom: 30px;
  line-height: 1.8
}

@media screen and (max-width:768px) {
  .p_login_topTxt {
    padding-bottom: 20px
  }
}

.p_login_topTxt .p_login_topTxtMin {
  padding-top: 20px
}

@media screen and (max-width:768px) {
  .p_login_topTxt .p_login_topTxtMin {
    padding-top: 12px
  }
}

.p_login_topTxt .p_login_topTxtMin .u_txt2 {
  padding-left: 1em;
  text-indent: -1em
}

@media screen and (max-width:768px) {
  .p_login_gray {
    padding: 20px 15px 0
  }
}

.l_innerBorder {
  padding: 60px;
  border: 2px solid #0068b6;
  border-radius: 30px
}

@media screen and (max-width:768px) {
  .l_innerBorder {
    padding: 20px
  }
}

.p_login_checkTxt {
  padding-top: 5px;
  padding-bottom: 30px
}

@media screen and (max-width:768px) {
  .p_login_checkTxt {
    padding-top: 10px;
    padding-bottom: 20px
  }
}

.p_login_Btn {
  margin-top: 40px
}

.p_login_registBtn {
  margin-top: 40px;
  text-align: center
}

@media screen and (max-width:768px) {
  .p_login_registBtn {
    margin-top: 30px
  }
}

.u_sp {
  display: none
}

@media screen and (max-width:768px) {
  .u_sp {
    display: block
  }
}

.u_pc {
  display: revert
}

@media screen and (max-width:768px) {
  .u_pc {
    display: none!important
  }
}

.u_tab {
  display: none
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .u_tab {
    display: block
  }
}

.u_sptab {
  display: none
}

@media screen and (max-width:1199px) {
  .u_sptab {
    display: block
  }
}

.p_mypage_gasApply {
  padding: 40px 20px 44px;
  background-color: #edf6fc
}

.p_mypage_gasApply .p_mypage_gasTable {
  max-width: 950px;
  padding: 40px 50px;
  margin: 0 auto 30px;
  font-size: 18px;
  background-color: #fff;
  border-radius: 10px
}

@media screen and (max-width:768px) {
  .p_mypage_gasApply .p_mypage_gasTable {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
            justify-content: center;
    width: 96%;
    max-width: 768px;
    padding: 20px;
    font-size: 16px
  }
}

.p_mypage_gasApply .p_mypage_gasTable .account_table {
  width: 100%
}

.p_mypage_gasApply .p_mypage_gasTable .account_table .account_settings {
  width: 100%;
  margin-top: 30px
}

@media screen and (max-width:1199px) {
  .p_mypage_gasApply .p_mypage_gasTable .account_table .account_settings {
    width: 100%
  }
}

.p_mypage_gasApply .p_mypage_gasTable .account_table .account_settings .account_category {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  width: 280px;
  padding: 10px 0;
  line-height: 1.5
}

@media screen and (max-width:768px) {
  .p_mypage_gasApply .p_mypage_gasTable .account_table .account_settings .account_category {
    width: 100%
  }
}

.p_mypage_gasApply .p_mypage_gasTable .account_table .account_settings .account_category .must {
  display: inline-block;
  width: 52px;
  height: 22px;
  margin-top: 0;
  margin-right: 10px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background-color: #e9593a;
  border-radius: 5px
}

@media screen and (max-width:768px) {
  .p_mypage_gasApply .p_mypage_gasTable .account_table .account_settings .account_category .must {
    margin-right: 0;
    font-size: 12px
  }

  .p_mypage_gasApply .p_mypage_gasTable .account_table .account_settings .account_detail {
    width: 100%
  }
}

.p_mypage_gasAttend {
  display: block
}

.p_payment__list__textWrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between
}

@media screen and (max-width:768px) {
  .p_payment__list__textWrap .c_btn1, .p_payment__list__textWrap .c_btn2 {
    width: 36px;
    height: 36px
  }

  .p_payment__list__textWrap .c_btn1__ico, .p_payment__list__textWrap .c_btn2__ico {
    width: 16px;
    margin: 0 auto
  }

  .p_payment__list__textWrap .p_payment__list__text {
    display: none
  }
}

.c_mater_txt {
  display: inline-block;
  font-size: 10px;
  vertical-align: super
}

.p_gasinvoice_content .p_gasinvoice_TbTr .c_table1__td {
  border-bottom: none
}

.p_gasinvoice_content .c_table1__th {
  border: 1px solid #0068b6;
  border-top: none;
  border-right: none
}

.p_gasinvoice_content .c_table1__th:first-of-type {
  border-left: none
}

.p_gasinvoice_content .c_table1__td {
  border: 1px solid #0068b6;
  border-top: none;
  border-right: none
}

.p_gasinvoice_content .c_table1__td:first-of-type {
  border-left: none
}

.p_gasinvoice_content .p_invoice_tableSP .c_table1sp {
  border: 2px solid #0068b6
}

.p_gasinvoice_content .p_invoice_tableSP .c_table1sp__btn {
  flex-wrap: wrap
}

.p_gasinvoice_content .p_invoice_tableSP .p_gasinvoice_btn {
  width: 100%
}

.p_gasinvoice_content .p_invoice_tableSP .p_gasinvoice_btn:last-of-type {
  margin-top: 20px
}

.p_gasinvoice_sec .p_invoice_tableSP .c_table1sp {
  padding: 0
}

.p_gasinvoice_sec .p_invoice_tableSP .p_invoice_spTableUnder {
  padding: 0 20px 30px
}

.p_gasinvoice_sec .p_invoice_tableSP .p_invoice_spTableTop {
  padding: 15px 0;
  background-color: #edf6fc;
  border-bottom: 2px solid #0068b6;
  border-radius: 15px 15px 0 0
}

.p_gasinvoice_sec .p_invoice_tableSP .c_table1sp__item {
  border-bottom: 2px dotted #0068b6
}

.p_gasinvoice_sec .p_invoice_tableSP .c_table1sp {
  border: 2px solid #0068b6
}

.p_gasinvoice_sec .p_invoice_tableSP .c_table1sp__btn {
  flex-wrap: wrap
}

@media screen and (max-width:768px) {
  .p_account_change_adressPC {
    display: none
  }
}

.p_account_change_adressPC .p_account_change_adress, .p_account_change_adressPC .p_account_change_adress_right {
  padding: 0
}

.p_account_change_adressPC .p_account_change_adress_right .p_adress_item_right {
  padding: 30px;
  border-bottom: 1px dashed #0068b6
}

.p_account_change_adressPC .p_account_change_adress_right .p_adress_item_right:last-child {
  border-bottom: 0
}

.p_account_change_adressSP {
  display: none
}

@media screen and (max-width:768px) {
  .p_account_change_adressSP {
    display: block
  }
}

.p_mypage_plusBox {
  max-width: 1200px;
  margin: 0 auto
}

@media screen and (max-width:768px) {
  .p_mypage_plusBox {
    max-width: 768px
  }
}

.p_mypage_plusBtn {
  margin-top: 30px;
  margin-bottom: 20px
}

@media screen and (max-width:768px) {
  .p_mypage_plusBtn {
    margin-top: 24px
  }
}

.p_mypage_plusPlanMapList__wrapper {
  padding-bottom: 40px
}

@media screen and (min-width:769px) {
  .p_mypage_plusPlanMapList__wrapper {
    padding-top: 20px;
    padding-bottom: 60px
  }
}

.p_mypage_plusPlanMapPC {
  position: relative;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  border: 2px solid #0068b6;
  border-radius: 8px
}

@media screen and (max-width:1199px) {
  .p_mypage_plusPlanMapPC {
    display: none!important
  }
}

.p_mypage_plusPlanMapPC .p_mypage_plusPlanMapList {
  width: 33.3333333333%
}

.p_mypage_plusPlanMapPC .p_mypage_plusPlanMapItem {
  display: table;
  width: 100%;
  height: 72px;
  padding-left: 20px;
  margin: auto 0;
  border-bottom: 2px dotted #0068b6
}

@media (-ms-high-contrast:none) {
  .p_mypage_plusPlanMapPC .p_mypage_plusPlanMapItem._ie {
    display: -ms-flex;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center
  }
}

@media screen and (min-width:769px) {
  .p_mypage_plusPlanMapPC .p_mypage_plusPlanMapItem._2line {
    height: 120px
  }
}

.p_mypage_plusPlanMapPC .p_mypage_plusPlanMapItem._plfix {
  padding-left: 0
}

.p_mypage_plusPlanMapPC .p_mypage_plusPlanMapItem:first-of-type {
  padding-left: 0;
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  text-align: center;
  border-bottom: none
}

.p_mypage_plusPlanMapPC .p_mypage_plusPlanMapItem:last-of-type {
  border-bottom: none
}

.p_mypage_plusPlanMapPC .p_mypage_plusPlanMapItem .p_mypage_plusPlanMapTxt {
  display: table-cell;
  vertical-align: middle
}

.p_mypage_plusPlanMapPC .p_mypage_plusPlanMapItem .p_mypage_plusPlanMapTxtsub {
  width: 120px;
  margin-right: 20px;
  font-size: 16px;
  font-weight: 700;
  color: #0168b6
}

.p_mypage_plusPlanMapPC .p_mypage_plusPlanMapItem .p_mypage_plusPlanTdPrice {
  font-size: 30px;
  font-weight: 600;
  color: #e9593a
}

.p_mypage_plusPlanMapPC .p_mypage_plusPlanMapItem .p_mypage_plusPlanTdYen {
  font-size: 24px
}

.p_mypage_plusPlanMapPC .p_mypage_plusPlanMapItem .p_mypage_plusPlanMap_iconWrap {
  position: relative;
  display: table-cell;
  width: 55px
}

@media (-ms-high-contrast:none) {
  .p_mypage_plusPlanMapPC .p_mypage_plusPlanMapItem .p_mypage_plusPlanMap_iconWrap._ie {
    display: -ms-flex;
    display: -webkit-box;
    display: flex;
    height: 100%
  }
}

.p_mypage_plusPlanMapPC .p_mypage_plusPlanMapItem .p_mypage_plusPlanMapItem_2lineinr {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  height: 50%;
  padding-left: 20px
}

.p_mypage_plusPlanMapPC .p_mypage_plusPlanMapItem .p_mypage_plusPlanMapItem_2lineinr._bdr {
  border-bottom: 2px dotted #0068b6
}

.p_mypage_plusPlanMapPC .p_mypage_plusPlanMapItem .p_mypage_plusPlanMapItem_2lineinr._half {
  height: 59px
}

.p_mypage_plusPlanMapPC .p_mypage_plusPlanMapItem .p_mypage_plusPlanMap_iconBlue {
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 38px;
  height: 38px;
  background-color: #edf6fc;
  border-radius: 38px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%)
}

.p_mypage_plusPlanMapPC .p_mypage_plusPlanMapItem .p_mypage_plusPlanMap_iconWhite {
  position: absolute;
  top: 15px;
  display: inline-block;
  width: 38px;
  height: 38px;
  background-color: #fff;
  border-radius: 38px
}

.p_mypage_plusPlanMapPC .p_mypage_plusPlanMapItem .p_mypage_PlanMap_icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%)
}

.p_mypage_plusPlanMapPC .p_mypage_plusPlanMapItem:nth-child(3), .p_mypage_plusPlanMapPC .p_mypage_plusPlanMapItem:nth-child(5) {
  background-color: #edf6fc
}

@media screen and (max-width:1199px) {
  .p_mypage_plusPlanBoxMapSP {
    display: block!important
  }

  .p_mypage_plusPlanBoxMapSP .p__plusTable {
    width: 100%;
    border-collapse: separate;
    border: 2px solid #0068b6;
    border-radius: 8px
  }
}

@media screen and (max-width:1199px)and (min-width:769px)and (max-width:1199px) {
  .p_mypage_plusPlanBoxMapSP .p__plusTable {
    max-width: 700px;
    margin-right: auto;
    margin-left: auto
  }
}

@media screen and (max-width:1199px) {
  .p_mypage_plusPlanBoxMapSP .p__plusTable__tr:first-child {
    border-radius: 8px 8px 0 0
  }

  .p_mypage_plusPlanBoxMapSP .p__plusTable__tr:last-child {
    border-radius: 0 0 8px 8px
  }

  .p_mypage_plusPlanBoxMapSP .p__plusTable__th {
    width: 35%;
    padding: 27px 15px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    background-color: #0068b6;
    border-bottom: 1px dashed #fff
  }

  .p_mypage_plusPlanBoxMapSP .p__plusTable__th._last {
    border-bottom: 1px solid #fff
  }
}

@media screen and (max-width:1199px)and (max-width:768px) {
  .p_mypage_plusPlanBoxMapSP .p__plusTable__th._last {
    border-bottom: none
  }

  .p_mypage_plusPlanBoxMapSP .p__plusTable__th._last._addbdrsp {
    border-bottom: 1px solid #fff!important
  }
}

@media screen and (max-width:1199px) {
  .p_mypage_plusPlanBoxMapSP .p__plusTable__td {
    padding: 27px 15px;
    border-bottom: 1px dashed #0068b6
  }

  .p_mypage_plusPlanBoxMapSP .p__plusTable__td.__first {
    font-size: 18px;
    font-weight: 700
  }

  .p_mypage_plusPlanBoxMapSP .p__plusTable__td.__second {
    line-height: 1.75
  }

  .p_mypage_plusPlanBoxMapSP .p__plusTable__td.__last {
    font-weight: 700;
    color: #e85f5f;
    border-bottom: 1px solid #0168b6
  }

  .p_mypage_plusPlanBoxMapSP .p__plusTable__td__number {
    font-size: 30px
  }

  .p_mypage_plusPlanBoxMapSP .p__plusTable__td.__blue {
    background-color: #edf6fc
  }

  .p_mypage_plusPlanBoxMapSP .p__plusTable__iconBack {
    position: relative;
    display: inline-block;
    width: 38px;
    height: 38px;
    vertical-align: middle;
    background-color: #edf6fc;
    border-radius: 38px
  }

  .p_mypage_plusPlanBoxMapSP .p__plusTable__iconBack._white {
    background-color: #fff
  }

  .p_mypage_plusPlanBoxMapSP .p__plusTable__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%)
  }
}

.p_mypage_plusPlanMapUnder {
  max-width: 1200px;
  margin: 10px auto 0;
  font-size: 14px;
  line-height: 1.8
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .p_mypage_plusPlanMapUnder {
    max-width: 700px;
    margin-right: auto;
    margin-left: auto
  }
}

@media screen and (max-width:768px) {
  .p_mypage_plusPlanMapUnder {
    max-width: 768px;
    margin-top: 20px
  }
}

.c_border_lr .p_mypage_plusPlanMapItem {
  border-right: 2px solid #0068b6;
  border-left: 2px solid #0068b6
}

.c_border_lr .p_mypage_plusPlanMapItem:first-of-type {
  border-right: 2px solid #fff;
  border-left: 2px solid #fff
}

.p_mypage_plusPlanBoxMapSP {
  display: none
}

@media screen and (max-width:768px) {
  .p_mypage_plusPlanBoxMapSP {
    display: block
  }
}

.p_mypage_plus__eneco {
  max-width: 1920px;
  margin-right: auto;
  margin-left: auto
}

@media screen and (max-width:1199px) {
  .p_mypage_plus__eneco {
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw)
  }
}

.c_media__listitem {
  max-width: 700px
}

@media screen and (max-width:1199px) {
  .c_media__listitem {
    margin-right: auto;
    margin-left: auto
  }
}

.p_agreement_list {
  width: 95%;
  max-width: 1200px;
  margin: 0 auto
}

@media screen and (min-width:769px) {
  .p_agreement_list_wrap {
    padding: 0 0 70px
  }
}

@media screen and (max-width:768px) {
  .p_agreement_list_wrap {
    padding: 20px 0
  }
}

.p_creditcard__choiceItem {
  position: relative
}

@media screen and (max-width:768px) {
  .p_creditcard_titleWrap {
    padding: 0 15px
  }

  .p_creditcard_titleWrap .c_heading1__subtitle {
    text-align: left
  }
}

.p_agree_planChange {
  padding: 40px 15px;
  background-color: #edf6fc
}

@media screen and (max-width:768px) {
  .p_agree_planChange {
    padding: 20px 15px 40px
  }
}

.p_agree_planChange .u_tb {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  line-height: 1.85
}

.p_eneco-apply_item {
  -webkit-box-align: center;
          align-items: center
}

.p_gas__navPC {
  width: 879px;
  padding-bottom: 40px;
  margin: 0 auto
}

@media screen and (max-width:768px) {
  .p_gas__navPC {
    width: 178px;
    height: 0;
    padding-bottom: 0;
    visibility: hidden
  }
}

.p_gas__navPC__img {
  width: 756px;
  margin: 0 61px
}

@media screen and (max-width:768px) {
  .p_gas__navPC__img {
    width: 281px;
    margin: 0
  }
}

.p_gas__navPC__list {
  -webkit-box-pack: end;
          justify-content: flex-end;
  text-align: center
}

.p_gas__navPC__item {
  width: 160px;
  margin-right: 18px;
  font-size: 14px;
  font-weight: 700
}

.p_gas__navPC__item._blue {
  color: #0168b6
}

.p_gas__navPC__item._gray {
  color: #999
}

.p_gas__navPC__item:last-child {
  margin-right: 0
}

.p_gas__navSP {
  height: 0;
  visibility: hidden
}

@media screen and (max-width:768px) {
  .p_gas__navSP {
    width: 296px;
    padding-bottom: 40px;
    margin: 0 auto;
    visibility: unset
  }
}

.p_gas__navSP__img {
  width: 281px;
  margin: 0
}

.p_gas__navSP__list {
  text-align: center
}

@media screen and (max-width:768px) {
  .p_gas__navSP__list {
    -webkit-box-pack: end;
            justify-content: flex-end;
    height: 20px
  }
}

.p_gas__navSP__item {
  width: 50px;
  margin-right: 141px;
  font-size: 14px;
  font-weight: 700
}

.p_gas__navSP__item._gray {
  color: #999
}

.p_gas__navSP__item._blue {
  color: #0168b6
}

.p_gas__navSP__item:last-child {
  margin-right: 0
}

.p_gas__spTitle {
  display: none
}

@media screen and (max-width:768px) {
  .p_gas__spTitle {
    display: block;
    width: 345px;
    padding-top: 10px;
    margin: 20px auto;
    text-align: center;
    border-top: 1px solid #dcdcdc
  }
}

.p_gas__meter {
  padding-top: 10px
}

.p_moving {
  max-width: 100%
}

@media screen and (max-width:768px) {
  .p_moving {
    max-width: 768px
  }
}

.p_moving__day {
  line-height: 54px
}

.p_moving__dayComfirm {
  padding-right: 15px
}

.p_relight__textWrap {
  padding: 10px 0
}

.p_relight__post {
  display: block
}

@media screen and (min-width:1200px) {
  .l_main {
    position: relative
  }
}

.p_top_mainVisual {
  width: 100%;
  background-image: url("../images/bg.png");
  background-position: 50%;
  background-size: cover
}

@media screen and (min-width:1200px) {
  .p_top_mainVisual {
    height: 716px
  }
}

@media screen and (min-width:769px) {
  .p_top_mainVisual {
    padding-top: 158px
  }
}

@media screen and (max-width:768px) {
  .p_top_mainVisual {
    padding-top: 278px
  }
}

.p_top_mainVisual__inner {
  position: relative;
  max-width: 1300px;
  margin: 0 auto
}

@media screen and (min-width:769px) {
  .p_top_mainVisual__heading {
    max-width: 810px
  }
}

@media screen and (max-width:768px) {
  .p_top_mainVisual__heading {
    max-width: 346px;
    margin-left: 20px
  }
}

.p_top_mainVisual_slideWrap {
  width: 100%
}

@media screen and (min-width:769px) {
  .p_top_mainVisual_slideWrap {
    position: relative;
    padding: 20px 50px;
    margin-top: 154px;
    background-color: #fff;
    border-radius: 20px 20px 0 0
  }
}

@media screen and (max-width:768px) {
  .p_top_mainVisual_slideWrap {
    padding: 20px 0;
    margin-top: 50px;
    background-color: hsl(0deg 0% 100% / 70%)
  }
}

@media screen and (min-width:769px) {
  .slick-arrow {
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out
  }

  .slick-arrow:hover {
    -webkit-filter: brightness(1.15);
            filter: brightness(1.15)
  }
}

.p_top_mainVisual_slideWrap__slide {
  overflow: hidden;
  border-radius: 14px
}

@media screen and (min-width:769px) {
  .p_top_mainVisual_slideWrap__slide {
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out
  }

  .p_top_mainVisual_slideWrap__slide:hover {
    -webkit-filter: brightness(1.15);
            filter: brightness(1.15)
  }
}

@media screen and (max-width:768px) {
  .p_top_mainVisual_slideWrap__slide {
    border-radius: 10px
  }
}

.p_top_mainVisual__list {
  -webkit-box-align: center;
          align-items: center
}

@media screen and (min-width:1200px) {
  .p_top_mainVisual__list {
    max-width: 1100px;
    margin-right: auto;
    margin-left: auto
  }
}

@media screen and (min-width:769px) {
  .p_top_mainVisual__item {
    padding: 0 10px
  }
}

@media screen and (max-width:768px) {
  .p_top_mainVisual__item {
    width: 280px;
    padding: 0 5px
  }
}

.p_top_mainVisual__item img {
  margin: auto;
  border-radius: 16px
}

@media screen and (min-width:769px) {
  .p_top_mainVisual__item img {
    border-radius: 20px
  }
}

@media screen and (max-width:768px) {
  .p_top_mainVisual__dots {
    position: relative;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    margin-top: 10px
  }
}

.p_top_announce {
  padding: 15px 0;
  background-color: #e85f5f
}

.p_top_announce__container {
  max-width: 1200px;
  margin: auto
}

@media screen and (max-width:768px) {
  .p_top_announce__container {
    width: 92%
  }
}

.p_top_announce__anchor {
  position: relative;
  display: block;
  padding-left: 25px;
  margin: 5px 0;
  line-height: 1.5;
  color: #fff;
  text-align: justify
}

@media screen and (min-width:1200px) {
  .p_top_announce__anchor {
    display: table
  }

  .p_top_announce__anchor:hover {
    text-decoration: underline
  }
}

.p_top_announce__anchor::before {
  position: absolute;
  top: 5px;
  left: 0;
  width: 16px;
  height: 16px;
  content: "";
  background: url("../images/arrow2.svg") 0 no-repeat;
  background-size: cover
}

.p_top_userAction {
  padding: 30px 0;
  background-color: #0168b6
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .p_top_userAction {
    padding: 30px
  }
}

.p_top_userAction .catch {
  padding: 30px 0;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
  text-align: center
}

@media screen and (max-width:1199px) {
  .p_top_userAction .catch {
    padding: 0 0 10px
  }
}

.p_top_userAction .catch._2line {
  padding: 15px 0
}

@media screen and (max-width:1199px) {
  .p_top_userAction .catch._2line {
    padding: 0 0 10px
  }
}

.p_top_userAction .stopservice_txt {
  margin-top: 20px;
  font-size: 18px;
  color: #fff;
  text-align: center
}

.p_top_userAction_text {
  margin-bottom: 30px;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
  text-align: center
}

@media screen and (max-width:768px) {
  .p_top_userAction_text {
    padding: 0 15px;
    font-size: 24px;
    line-height: 1.5
  }
}

.p_top_userAction_text br {
  display: none
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .p_top_userAction_text br {
    display: block
  }
}

.p_top_userAction__inner {
  -webkit-box-pack: center;
          justify-content: center;
  max-width: 1200px;
  margin: 0 auto
}

@media screen and (max-width:768px) {
  .p_top_userAction__inner {
    width: 92%
  }
}

.p_top_userAction_simulation {
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center
}

.p_top_userAction_simulation__button._disabled {
  background-color: #999;
  box-shadow: 0 4px #999
}

.p_top_userAction_simulation__button._disabled::after {
  content: none
}

@media screen and (min-width:1200px) {
  .p_top_userAction_simulation__button {
    width: 390px;
    height: 90px;
    padding-right: 40px;
    border-radius: 15px
  }

  .p_top_userAction_simulation__button::after {
    right: 20px;
    width: 24px;
    height: 24px
  }
}

@media screen and (max-width:1199px) {
  .p_top_userAction_simulation__button {
    width: 346px;
    height: 74px;
    padding-right: 0;
    border-radius: 10px
  }

  .p_top_userAction_simulation__button::after {
    right: 14px;
    width: 20px;
    height: 20px
  }
}

@media screen and (max-width:768px) {
  .p_top_userAction_simulation__button {
    width: 100%
  }
}

.p_top_userAction_simulation__button._cv_wrap4 {
  padding-right: 40px
}

.p_top_userAction_simulation__icon {
  margin-top: 10px
}

@media screen and (min-width:1200px) {
  .p_top_userAction_simulation__icon {
    width: 34px
  }
}

@media screen and (max-width:1199px) {
  .p_top_userAction_simulation__icon {
    width: 30px
  }
}

.p_top_userAction_simulation__titleWrap {
  color: #464646
}

@media screen and (min-width:1200px) {
  .p_top_userAction_simulation__titleWrap {
    margin-left: 14px
  }
}

@media screen and (max-width:1199px) {
  .p_top_userAction_simulation__titleWrap {
    margin-left: 10px
  }
}

@media screen and (max-width:768px) {
  .p_top_userAction_simulation__titleWrap.p_cv_txt02 .p_top_userAction_simulation__title {
    font-size: 16px
  }
}

.p_top_userAction_simulation__exclamation {
  display: inline-block;
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg)
}

.p_top_userAction_simulation__title {
  line-height: 1.5
}

@media screen and (min-width:1200px) {
  .p_top_userAction_simulation__title {
    font-size: 24px
  }
}

@media screen and (max-width:1199px) {
  .p_top_userAction_simulation__title {
    font-size: 18px
  }
}

@media screen and (min-width:1200px) {
  .p_top_userAction_simulation__title._mid {
    font-size: 22px
  }
}

.p_top_userAction_tel {
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center
}

@media screen and (min-width:1200px) {
  .p_top_userAction_tel {
    padding-left: 30px;
    margin-left: 30px;
    background-image: url("../images/line_f5f_tate_3px.svg");
    background-repeat: no-repeat;
    background-position: 0;
    background-size: 3px 100%
  }
}

@media screen and (max-width:1199px) {
  .p_top_userAction_tel {
    margin-top: 15px
  }
}

@media screen and (min-width:1200px) {
  .p_top_userAction_tel__icon {
    width: 40px
  }
}

@media screen and (max-width:1199px) {
  .p_top_userAction_tel__spIcon {
    width: 32px;
    margin-top: 5px;
    margin-left: -10px
  }
}

.p_top_userAction_tel__text {
  margin-left: 10px;
  font-size: 14px
}

@media screen and (min-width:1200px) {
  .p_top_userAction_tel__text {
    color: #fff
  }
}

@media screen and (max-width:1199px) {
  .p_top_userAction_tel__text {
    color: #0068b6
  }
}

.p_top_userAction_tel__text2 {
  margin-left: 10px
}

@media screen and (min-width:1200px) {
  .p_top_userAction_tel__text2 {
    padding-right: 10px;
    font-size: 20px;
    line-height: 1.5;
    color: #fff;
    vertical-align: middle
  }
}

@media screen and (max-width:1199px) {
  .p_top_userAction_tel__text2 {
    color: #0068b6
  }
}

@media screen and (min-width:1200px) {
  .p_top_userAction_tel__num {
    font-size: 36px;
    line-height: 1.2
  }
}

@media screen and (max-width:1199px) {
  .p_top_userAction_tel__call {
    font-size: 19px;
    line-height: 1.2
  }

  .p_top_userAction_tel__button {
    width: 346px;
    height: 74px
  }

  .p_top_userAction_tel__button::after {
    right: 14px;
    width: 20px;
    height: 20px
  }
}

@media screen and (max-width:768px) {
  .p_top_userAction_tel__button {
    width: 100%
  }
}

.p_top_userAction_tel2 {
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center
}

@media screen and (min-width:1200px) {
  .p_top_userAction_request {
    margin-left: 30px
  }
}

@media screen and (max-width:1199px) {
  .p_top_userAction_request {
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    margin-top: 15px
  }
}

@media screen and (min-width:1200px) {
  .p_top_userAction_request__button {
    width: 380px;
    height: 90px;
    padding-right: 40px;
    border-radius: 15px
  }

  .p_top_userAction_request__button::after {
    right: 20px;
    width: 24px;
    height: 24px
  }
}

@media screen and (max-width:1199px) {
  .p_top_userAction_request__button {
    width: 346px;
    height: 74px;
    padding-right: 0;
    border-radius: 10px
  }

  .p_top_userAction_request__button::after {
    right: 14px;
    width: 20px;
    height: 20px
  }
}

@media screen and (max-width:768px) {
  .p_top_userAction_request__button {
    width: 100%
  }
}

.p_top_userAction_request__button._cv_wrap4 {
  padding-right: 40px
}

.p_top_userAction_request__button._disabled {
  background-color: #999;
  box-shadow: 0 4px #999
}

.p_top_userAction_request__button._disabled::after {
  content: none
}

@media screen and (min-width:1200px) {
  .p_top_userAction_request__titleWrap {
    margin-left: 14px
  }
}

@media screen and (max-width:1199px) {
  .p_top_userAction_request__titleWrap {
    margin-left: 10px
  }
}

.p_top_userAction_request__icon {
  margin-top: 8px
}

@media screen and (min-width:1200px) {
  .p_top_userAction_request__icon {
    width: 40px
  }
}

@media screen and (max-width:1199px) {
  .p_top_userAction_request__icon {
    width: 34px
  }
}

.p_top_userAction_request__subTitle {
  display: inline-block;
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg)
}

.p_top_userAction_request__title {
  line-height: 1.5
}

@media screen and (min-width:1200px) {
  .p_top_userAction_request__title {
    font-size: 22px
  }
}

@media screen and (max-width:1199px) {
  .p_top_userAction_request__title {
    font-size: 19px
  }
}

@media screen and (min-width:1200px) {
  .p_top_feature {
    background-position: 14% 56%, 84% 46%, 84% 95%
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .p_top_feature {
    background-position: left 56%, right 46%, right 96%
  }
}

@media screen and (min-width:769px) {
  .p_top_feature {
    padding: 60px 0 64px;
    background-image: url("../images/feature_bg.svg"), url("../images/feature_bg.svg"), url("../images/feature_bg.svg");
    background-repeat: no-repeat
  }
}

@media screen and (max-width:768px) {
  .p_top_feature {
    padding: 30px 0 40px
  }
}

.p_top_feature__inner {
  width: 92%;
  max-width: 1200px;
  margin: 0 auto
}

@media screen and (min-width:769px) {
  .p_top_feature__content {
    margin-top: 30px
  }
}

@media screen and (max-width:768px) {
  .p_top_feature__content {
    margin-top: 20px
  }
}

@media screen and (min-width:769px) {
  .p_top_feature__item {
    position: relative;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
            justify-content: space-between
  }

  .p_top_feature__item:nth-child(2n) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
            flex-direction: row-reverse
  }

  .p_top_feature__item:nth-child(n+2) {
    margin-top: 50px
  }
}

@media screen and (max-width:768px) {
  .p_top_feature__item:nth-child(n+2) {
    margin-top: 40px
  }
}

@media screen and (min-width:1200px) {
  .p_top_feature__image {
    width: 620px
  }
}

@media screen and (max-width:1199px) {
  .p_top_feature__image {
    width: 345px;
    margin: 0 auto;
    text-align: center
  }
}

@media screen and (max-width:768px) {
  .p_top_feature__image {
    width: 100%
  }
}

.p_top_feature__image .p_top_feature__pic {
  width: 100%
}

@media screen and (min-width:1200px) {
  .p_top_feature__description {
    width: calc(96% - 620px)
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .p_top_feature__description {
    width: calc(94% - 345px)
  }
}

@media screen and (max-width:768px) {
  .p_top_feature__description {
    margin-top: 20px
  }
}

.p_top_feature__titleWrap {
  -webkit-box-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
          justify-content: space-between
}

@media screen and (min-width:769px) {
  .p_top_feature__icon {
    width: 74px
  }
}

@media screen and (max-width:768px) {
  .p_top_feature__icon {
    width: 70px
  }
}

.p_top_feature__title {
  color: #0068b6
}

@media screen and (min-width:769px) {
  .p_top_feature__title {
    width: calc(98% - 74px)
  }
}

@media screen and (max-width:768px) {
  .p_top_feature__title {
    width: calc(98% - 70px);
    line-height: 1.8
  }
}

.p_top_feature__title_100 {
  width: 100%;
  color: #0068b6
}

@media screen and (max-width:768px) {
  .p_top_feature__title_100 {
    line-height: 1.8
  }
}

.p_top_feature__subEmphasis {
  color: #0168b6
}

@media screen and (min-width:769px) {
  .p_top_feature__subEmphasis {
    font-size: 18px
  }
}

@media screen and (max-width:768px) {
  .p_top_feature__subEmphasis {
    font-size: 14px
  }
}

.p_top_feature__emphasis {
  line-height: 1.5;
  color: #2b68b0
}

@media screen and (min-width:1200px) {
  .p_top_feature__emphasis {
    font-size: 30px
  }
}

@media screen and (max-width:1199px) {
  .p_top_feature__emphasis {
    font-size: 22px
  }
}

.p_top_feature__text {
  padding-top: 15px;
  margin-top: 15px;
  line-height: 1.9;
  background-image: url("../images/line_black_3px.svg");
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100% 3px
}

.p_top_feature__note {
  display: inline-block;
  width: 100%;
  padding-left: 1.8em;
  font-size: 14px;
  text-indent: -1.8em
}

.p_top_feature__buttonWrap {
  -webkit-box-pack: center;
          justify-content: center;
  text-align: center
}

@media screen and (min-width:769px) {
  .p_top_feature__buttonWrap {
    margin-top: 80px
  }
}

@media screen and (max-width:768px) {
  .p_top_feature__buttonWrap {
    margin-top: 30px
  }
}

.p_top_plan {
  background-color: #edf6fc
}

@media screen and (min-width:769px) {
  .p_top_plan {
    padding: 60px 0 64px
  }
}

@media screen and (max-width:768px) {
  .p_top_plan {
    padding: 30px 0 40px
  }
}

.p_top_plan__inner {
  width: 92%;
  max-width: 1200px;
  margin: 0 auto
}

@media screen and (min-width:769px) {
  .p_top_plan__content {
    margin-top: 30px
  }
}

@media screen and (max-width:768px) {
  .p_top_plan__content {
    margin-top: 22px
  }
}

.p_top_plan__note {
  -webkit-box-pack: center;
          justify-content: center;
  line-height: 1.9
}

@media screen and (min-width:769px) {
  .p_top_plan__list {
    margin-top: 60px
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .p_top_plan__list {
    max-width: 700px;
    margin-right: auto;
    margin-left: auto
  }
}

@media screen and (max-width:768px) {
  .p_top_plan__list {
    margin-top: 52px
  }
}

.p_top_plan__item {
  position: relative;
  background-color: #fff
}

@media screen and (min-width:769px) {
  .p_top_plan__item {
    padding: 56px 60px 42px;
    border: 6px solid #0168b6;
    border-radius: 30px
  }

  .p_top_plan__item:nth-child(n+2) {
    margin-top: 85px
  }
}

@media screen and (max-width:768px) {
  .p_top_plan__item {
    padding: 52px 20px 32px;
    border: 4px solid #0168b6;
    border-radius: 15px
  }

  .p_top_plan__item:nth-child(n+2) {
    margin-top: 65px
  }
}

.p_top_plan__recommendWrap {
  position: absolute;
  top: -35px;
  left: 50%;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  height: 70px;
  text-align: center;
  background-color: #0168b6;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%)
}

.p_top_plan__recommendWrap::before {
  position: absolute;
  bottom: -14px;
  content: "";
  border-color: #0168b6 transparent transparent;
  border-style: solid;
  border-width: 20px 15px 0
}

@media screen and (min-width:1200px) {
  .p_top_plan__recommendWrap {
    width: 606px;
    border-radius: 8px
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .p_top_plan__recommendWrap {
    width: 80%;
    max-width: 700px;
    border-radius: 8px
  }
}

@media screen and (max-width:768px) {
  .p_top_plan__recommendWrap {
    width: 306px;
    border-radius: 6px
  }
}

.p_top_plan__recommend {
  position: relative;
  line-height: 1.5;
  color: #fff
}

.p_top_plan__recommend::after, .p_top_plan__recommend::before {
  position: absolute;
  bottom: 10px;
  display: inline-block;
  height: 3px;
  content: "";
  background-color: #fff
}

@media screen and (min-width:769px) {
  .p_top_plan__recommend {
    font-size: 22px
  }

  .p_top_plan__recommend::before {
    left: -40px;
    width: 30px;
    -webkit-transform: rotate(55deg);
            transform: rotate(55deg)
  }

  .p_top_plan__recommend::after {
    right: -40px;
    width: 30px;
    -webkit-transform: rotate(-55deg);
            transform: rotate(-55deg)
  }
}

@media screen and (max-width:768px) {
  .p_top_plan__recommend::before {
    left: -30px;
    width: 30px;
    -webkit-transform: rotate(60deg);
            transform: rotate(60deg)
  }

  .p_top_plan__recommend::after {
    right: -30px;
    width: 30px;
    -webkit-transform: rotate(-60deg);
            transform: rotate(-60deg)
  }
}

@media screen and (min-width:769px) {
  .p_top_plan__pcNone {
    display: none
  }
}

.p_top_plan__titleOuter {
  text-align: center
}

.p_top_plan__title {
  display: inline-block;
  padding: 0 4px;
  line-height: 1.2;
  color: #0068b6;
  background: -webkit-linear-gradient(transparent 65%, #fee100 0);
  background: linear-gradient(transparent 65%, #fee100 0)
}

@media screen and (min-width:769px) {
  .p_top_plan__title {
    font-size: 30px
  }
}

@media screen and (max-width:768px) {
  .p_top_plan__title {
    font-size: 22px
  }
}

.p_top_plan__text {
  -webkit-box-pack: center;
          justify-content: center;
  margin-top: 15px;
  line-height: 1.5
}

.p_top_plan__example {
  padding-top: 23px;
  margin-top: 20px;
  background-image: url("../images/line_black_3px.svg");
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100% 6px
}

@media screen and (min-width:769px) {
  .p_top_plan__example {
    line-height: 1.5;
    text-align: center
  }
}

@media screen and (max-width:768px) {
  .p_top_plan__example {
    line-height: 1.9
  }
}

.p_top_plan__household {
  display: inline-block;
  border: 1px solid #202020
}

@media screen and (min-width:769px) {
  .p_top_plan__household {
    padding: 4px 22px;
    margin-right: 20px
  }
}

@media screen and (max-width:768px) {
  .p_top_plan__household {
    padding: 2px 10px
  }
}

@media screen and (min-width:769px) {
  .p_top_plan__imagesWrap {
    -webkit-box-align: center;
            align-items: center;
    margin-top: 32px
  }
}

@media screen and (max-width:768px) {
  .p_top_plan__imagesWrap {
    margin-top: 10px
  }
}

.p_top_plan__family {
  position: relative
}

.p_top_plan__family::before {
  position: absolute;
  content: "";
  border-style: solid
}

@media screen and (min-width:769px) {
  .p_top_plan__family {
    width: 340px
  }

  .p_top_plan__family::before {
    top: 50%;
    right: -50px;
    border-color: transparent transparent transparent #202020;
    border-width: 15px 0 15px 27px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
  }
}

@media screen and (max-width:768px) {
  .p_top_plan__family {
    width: 250px;
    margin: 0 auto
  }

  .p_top_plan__family::before {
    bottom: -24px;
    left: 50%;
    border-color: #202020 transparent transparent;
    border-width: 18px 10px 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%)
  }
}

@media screen and (min-width:769px) {
  .p_top_plan__price {
    width: 580px;
    margin-left: 74px
  }
}

@media screen and (max-width:768px) {
  .p_top_plan__price {
    display: none
  }

  .p_top_plan__spPrice {
    max-width: 305px;
    margin: 30px auto 0
  }
}

.p_top_plan__buttonWrap--pick {
  -webkit-box-pack: center;
          justify-content: center;
  text-align: center
}

@media screen and (min-width:769px) {
  .p_top_plan__buttonWrap--pick {
    margin-top: 40px
  }
}

@media screen and (max-width:768px) {
  .p_top_plan__buttonWrap--pick {
    margin-top: 30px
  }
}

.p_top_plan__button--pick {
  position: relative;
  color: #0068b6;
  border-radius: 1000px
}

.p_top_plan__button--pick::after {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 8px;
  height: 12px;
  content: "";
  background-image: url("../images/layer.svg");
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%)
}

@media screen and (min-width:769px) {
  .p_top_plan__button--pick {
    width: 440px;
    height: 64px;
    border: 3px solid #0168b6;
    box-shadow: 0 4px #0168b6
  }
}

@media screen and (max-width:768px) {
  .p_top_plan__button--pick {
    width: 100%;
    height: 60px;
    border: 2px solid #0168b6;
    box-shadow: 0 2px #0168b6
  }
}

.p_top_plan__announce {
  margin-top: 50px;
  line-height: 1.9;
  color: #2b68b0;
  text-align: center
}

@media screen and (min-width:769px) {
  .p_top_plan__announce {
    font-size: 22px
  }
}

@media screen and (max-width:768px) {
  .p_top_plan__announce {
    font-size: 18px
  }
}

.p_top_plan__buttonWrap {
  -webkit-box-pack: center;
          justify-content: center
}

@media screen and (min-width:769px) {
  .p_top_plan__buttonWrap {
    margin-top: 60px
  }
}

@media screen and (max-width:768px) {
  .p_top_plan__buttonWrap {
    margin-top: 30px;
    text-align: center
  }
}

@media screen and (min-width:769px) {
  .p_top_flow {
    padding: 60px 0 40px
  }
}

@media screen and (max-width:768px) {
  .p_top_flow {
    padding: 30px 0 40px
  }
}

.p_top_flow__inner {
  width: 92%;
  max-width: 1200px;
  margin: 0 auto
}

@media screen and (min-width:769px) {
  .p_top_flow__content {
    margin-top: 30px
  }
}

@media screen and (max-width:768px) {
  .p_top_flow__content {
    margin-top: 20px
  }
}

.p_top_flow__announce {
  -webkit-box-pack: center;
          justify-content: center;
  line-height: 1.9
}

.p_top_flow__list {
  -webkit-box-pack: justify;
          justify-content: space-between
}

@media screen and (min-width:769px) {
  .p_top_flow__list {
    margin-top: 30px
  }
}

@media screen and (max-width:768px) {
  .p_top_flow__list {
    margin-top: 20px
  }
}

.p_top_flow__item {
  position: relative;
  -webkit-box-align: center;
          align-items: center
}

.p_top_flow__item:nth-child(n+2)::before {
  position: absolute;
  content: "";
  border-style: solid
}

@media screen and (min-width:1200px) {
  .p_top_flow__item {
    width: 360px;
    padding: 40px 30px 28px;
    border: 6px solid #0168b6;
    border-radius: 30px
  }

  .p_top_flow__item:nth-child(n+2) {
    margin-left: 60px
  }

  .p_top_flow__item:nth-child(n+2)::before {
    top: 50%;
    left: -46px;
    border-color: transparent transparent transparent #0168b6;
    border-width: 14px 0 14px 25px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .p_top_flow__item {
    width: 31.3333333333%;
    padding: 40px 30px 30px;
    border: 6px solid #0168b6;
    border-radius: 30px
  }

  .p_top_flow__item:nth-child(n+2) {
    margin-left: 30px
  }

  .p_top_flow__item:nth-child(n+2)::before {
    top: 50%;
    left: -32px;
    border-color: transparent transparent transparent #0168b6;
    border-width: 14px 0 14px 25px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
  }
}

@media screen and (max-width:768px) {
  .p_top_flow__item {
    width: 100%;
    padding: 20px;
    border: 2px solid #0168b6;
    border-radius: 15px
  }

  .p_top_flow__item:nth-child(n+2) {
    margin-top: 38px
  }

  .p_top_flow__item:nth-child(n+2)::before {
    top: -30px;
    left: 50%;
    border-color: #0168b6 transparent transparent;
    border-width: 18px 10px 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%)
  }
}

.p_top_flow__num {
  position: absolute;
  top: -1px;
  left: -1px;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  color: #fff;
  background-color: #0168b6
}

@media screen and (min-width:769px) {
  .p_top_flow__num {
    width: 62px;
    height: 62px;
    font-size: 26px;
    border-radius: 20px 0
  }
}

@media screen and (max-width:768px) {
  .p_top_flow__num {
    width: 34px;
    height: 34px;
    font-size: 18px;
    border-radius: 10px 0
  }
}

.p_top_flow__iconWrap {
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  margin: 0 auto;
  border: 10px solid #edf6fc;
  border-radius: 1000px
}

@media screen and (min-width:769px) {
  .p_top_flow__iconWrap {
    width: 160px;
    height: 160px
  }
}

@media screen and (max-width:768px) {
  .p_top_flow__iconWrap {
    width: 100px;
    height: 100px
  }
}

.p_top_flow__icon--document {
  display: block
}

@media screen and (min-width:769px) {
  .p_top_flow__icon--document {
    width: 82px
  }
}

@media screen and (max-width:768px) {
  .p_top_flow__icon--document {
    width: 46px
  }
}

.p_top_flow__icon--letter {
  display: block
}

@media screen and (min-width:769px) {
  .p_top_flow__icon--letter {
    width: 72px
  }
}

@media screen and (max-width:768px) {
  .p_top_flow__icon--letter {
    width: 46px
  }
}

.p_top_flow__icon--light {
  display: block
}

@media screen and (min-width:769px) {
  .p_top_flow__icon--light {
    width: 52px
  }
}

@media screen and (max-width:768px) {
  .p_top_flow__icon--light {
    width: 30px
  }
}

.p_top_flow__text {
  line-height: 1.5;
  color: #0068b6
}

@media screen and (min-width:769px) {
  .p_top_flow__text {
    margin-top: 20px;
    font-size: 22px
  }
}

@media screen and (max-width:768px) {
  .p_top_flow__text {
    width: calc(96% - 116px);
    font-size: 18px
  }
}

.p_top_flow__buttonWrap {
  -webkit-box-pack: center;
          justify-content: center
}

@media screen and (min-width:769px) {
  .p_top_flow__buttonWrap {
    margin-top: 60px
  }
}

@media screen and (max-width:768px) {
  .p_top_flow__buttonWrap {
    margin-top: 30px;
    text-align: center
  }
}

@media screen and (min-width:769px) {
  .p_top_question {
    margin-top: 60px
  }
}

.p_top_question__inner {
  max-width: 1600px;
  margin: 0 auto;
  background-color: #edf6fc
}

@media screen and (min-width:769px) {
  .p_top_question__inner {
    padding: 60px 0;
    border-radius: 80px
  }
}

@media screen and (max-width:768px) {
  .p_top_question__inner {
    padding: 30px 0 40px
  }
}

@media screen and (min-width:769px) {
  .p_top_question__content {
    margin-top: 30px
  }
}

@media screen and (max-width:768px) {
  .p_top_question__content {
    padding-right: 15px;
    padding-left: 15px;
    margin-top: 20px
  }
}

.p_top_question__item {
  width: 96%;
  max-width: 1200px;
  margin: 0 auto;
  background-color: #fff
}

@media screen and (min-width:769px) {
  .p_top_question__item {
    padding: 32px 30px;
    border: 3px solid #0168b6;
    border-radius: 20px
  }

  .p_top_question__item:nth-child(n+2) {
    margin-top: 20px
  }
}

@media screen and (max-width:768px) {
  .p_top_question__item {
    padding: 20px;
    border: 2px solid #0168b6;
    border-radius: 15px
  }

  .p_top_question__item:nth-child(n+2) {
    margin-top: 10px
  }
}

.p_top_question__titleWrap {
  position: relative;
  line-height: 1.5
}

@media screen and (min-width:769px) {
  .p_top_question__titleWrap {
    -webkit-box-align: center;
            align-items: center;
    font-size: 24px
  }
}

@media screen and (max-width:768px) {
  .p_top_question__titleWrap {
    font-size: 18px
  }
}

.p_top_question__mark {
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  color: #fff;
  background-color: #0168b6;
  border-radius: 1000px
}

@media screen and (min-width:769px) {
  .p_top_question__mark {
    width: 46px;
    height: 46px
  }
}

@media screen and (max-width:768px) {
  .p_top_question__mark {
    width: 30px;
    height: 30px
  }
}

.p_top_question__title {
  cursor: pointer
}

@media screen and (min-width:769px) {
  .p_top_question__title {
    width: calc(90% - 46px);
    margin-left: 15px
  }
}

@media screen and (max-width:768px) {
  .p_top_question__title {
    width: calc(90% - 30px);
    margin-left: 10px
  }
}

.p_top_question__switch {
  position: absolute;
  top: 10px;
  right: 0;
  display: inline-block;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg)
}

.p_top_question__switch.is-open {
  top: 0;
  -webkit-transform: rotate(0);
          transform: rotate(0)
}

@media screen and (min-width:769px) {
  .p_top_question__switch {
    width: 22px
  }
}

@media screen and (max-width:768px) {
  .p_top_question__switch {
    width: 16px
  }
}

.p_top_question__answerText {
  display: none;
  padding: 20px;
  line-height: 1.9;
  background-color: #edf6fc;
  border-radius: 15px
}

@media screen and (min-width:769px) {
  .p_top_question__answerText {
    margin-top: 26px
  }
}

@media screen and (max-width:768px) {
  .p_top_question__answerText {
    margin-top: 10px;
    font-size: 12px
  }
}

.p_top_question__buttonWrap {
  -webkit-box-pack: center;
          justify-content: center
}

@media screen and (min-width:769px) {
  .p_top_question__buttonWrap {
    margin-top: 60px
  }
}

@media screen and (max-width:768px) {
  .p_top_question__buttonWrap {
    margin-top: 30px;
    text-align: center
  }
}

@media screen and (min-width:769px) {
  .p_top_electricity {
    padding-top: 60px
  }
}

@media screen and (max-width:768px) {
  .p_top_electricity {
    padding-top: 30px
  }
}

.p_top_electricity__inner {
  max-width: 1200px;
  margin: 0 auto
}

.p_top_electricity__content {
  margin-top: 30px
}

.p_top_electricity__cardsWrap {
  position: relative;
  height: 350px;
  margin: 0 auto;
  overflow: hidden;
  scrollbar-width: none
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .p_top_electricity__cardsWrap {
    max-width: 580px
  }
}

@media screen and (max-width:768px) {
  .p_top_electricity__cardsWrap {
    max-width: 360px
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .p_top_electricity__cards {
    position: absolute;
    left: 150px
  }
}

@media screen and (max-width:768px) {
  .p_top_electricity__cards {
    position: absolute;
    left: 40px
  }
}

.p_top_electricity__cardOuter {
  padding-right: 5px;
  padding-left: 5px
}

.p_top_electricity__card {
  display: inline-block
}

.p_top_electricity__card:hover {
  background-color: #edf6fc
}

@media screen and (min-width:1200px) {
  .p_top_electricity__indicatorWrap {
    display: none
  }
}

@media screen and (max-width:1199px) {
  .p_top_electricity__indicatorWrap {
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    margin-top: 30px
  }
}

.p_top_electricity__indicatePrev {
  width: 10px;
  height: 16px
}

.p_top_electricity__indicateNext {
  width: 10px;
  height: 16px;
  margin-left: 40px
}

.p_top_electricity__indicatorList {
  margin-left: 40px
}

.p_top_electricity__dot {
  width: 14px;
  height: 14px;
  border: 1px solid #dcdcdc;
  border-radius: 1000px
}

.p_top_electricity__dot:nth-child(n+2) {
  margin-left: 20px
}

.p_top_electricity__dot.is-active {
  background-color: #0168b6;
  border: none
}

.p_top_mainVisual_slideCtrlsWrapper {
  position: absolute;
  bottom: 105px;
  left: 0;
  width: 100%
}

@media screen and (max-width:768px) {
  .p_top_mainVisual_slideCtrlsWrapper {
    display: none
  }
}

.p_top_mainVisual_slideCtrlsWrapper .p_top_electricity__cardslist__prev {
  position: absolute;
  left: 25px;
  z-index: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 50px;
  height: 50px;
  cursor: pointer;
  background: #fff;
  border: 2px solid #0168b6;
  border-radius: 8px
}

.p_top_mainVisual_slideCtrlsWrapper .p_top_electricity__cardslist__prev img {
  width: 9px
}

.p_top_mainVisual_slideCtrlsWrapper .p_top_electricity__cardslist__next {
  position: absolute;
  right: 25px;
  z-index: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 50px;
  height: 50px;
  cursor: pointer;
  background: #fff;
  border: 2px solid #0168b6;
  border-radius: 8px
}

.p_top_mainVisual_slideCtrlsWrapper .p_top_electricity__cardslist__next img {
  width: 9px
}

.p_top_electricity__indicatorWrapper {
  display: none
}

@media screen and (max-width:1199px) {
  .p_top_electricity__indicatorWrapper {
    display: block
  }
}

.p_top_electricity__indicatorWrapper, .p_top_mainVisual_slideCtrlsWrapper {
  margin-top: 20px;
  text-align: center
}

.p_top_electricity__indicatorWrapper .slick-dots, .p_top_mainVisual_slideCtrlsWrapper .slick-dots {
  display: -webkit-box;
  display: flex
}

.p_top_electricity__indicatorWrapper .slick-dots>li, .p_top_mainVisual_slideCtrlsWrapper .slick-dots>li {
  width: 14px;
  height: 14px;
  margin: 2px 8px 0;
  text-indent: -9999px;
  background: #fff;
  border: 1px solid #dcdcdc;
  border-radius: 7px
}

.p_top_electricity__indicatorWrapper .slick-dots>li.slick-active, .p_top_mainVisual_slideCtrlsWrapper .slick-dots>li.slick-active {
  background-color: #0168b6;
  border-color: #0168b6
}

.p_top_mainVisual_slideCtrls {
  width: 100%
}

.p_top_electricity__indicatorWraps, .p_top_mainVisual_slideCtrls {
  position: relative;
  display: inline-block
}

.p_top_electricity__cardslist__prev {
  position: absolute;
  left: -20px
}

.p_top_electricity__cardslist__next {
  position: absolute;
  right: -20px
}

.p_top_electricity__buttonWrap {
  -webkit-box-pack: center;
          justify-content: center
}

@media screen and (min-width:769px) {
  .p_top_electricity__buttonWrap {
    margin-top: 60px
  }
}

@media screen and (max-width:768px) {
  .p_top_electricity__buttonWrap {
    margin-top: 30px;
    text-align: center
  }
}

@media screen and (min-width:769px) {
  .p_top_news {
    padding: 60px 0
  }
}

@media screen and (max-width:768px) {
  .p_top_news {
    padding: 40px 0 30px
  }
}

.p_top_news__inner {
  max-width: 1600px;
  margin: 0 auto;
  background-color: #fafafa
}

@media screen and (min-width:769px) {
  .p_top_news__inner {
    padding: 60px 0;
    border-radius: 80px
  }
}

@media screen and (max-width:768px) {
  .p_top_news__inner {
    padding: 30px 0 40px
  }
}

.p_top_news__body {
  width: 92%;
  max-width: 1200px
}

@media screen and (min-width:769px) {
  .p_top_news__body {
    margin: 30px auto 0
  }
}

@media screen and (max-width:768px) {
  .p_top_news__body {
    margin: 20px auto 0
  }
}

.p_top_news__tabBtns {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  max-width: 600px;
  margin: 0 auto 40px
}

.p_top_news__tabBtn {
  width: 50%;
  text-align: center;
  border-left: 1px solid #c1c0c0
}

.p_top_news__tabBtn+.p_top_news__tabBtn {
  border-right: 1px solid #c1c0c0
}

.p_top_news__tabBtn.is-current .p_top_news__tabBtnText::before {
  position: absolute;
  bottom: -4px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 2px;
  content: "";
  background-image: url("../images/line.svg");
  background-size: cover
}

.p_top_news__tabBtn.is-current .p_top_news__tabBtnText::after {
  position: absolute;
  top: -10px;
  right: -.3em;
  display: inline-block;
  width: 16px;
  height: 16px;
  content: "";
  background-image: url("../images/reaction.svg");
  background-size: cover
}

@media screen and (min-width:1200px) {
  .p_top_news__tabBtn.is-current {
    cursor: default!important
  }

  .p_top_news__tabBtn:hover {
    cursor: pointer
  }

  .p_top_news__tabBtn:hover .p_top_news__tabBtnText::before {
    position: absolute;
    bottom: -4px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 2px;
    content: "";
    background-image: url("../images/line.svg");
    background-size: cover
  }

  .p_top_news__tabBtn:hover .p_top_news__tabBtnText::after {
    position: absolute;
    top: -10px;
    right: -.3em;
    display: inline-block;
    width: 16px;
    height: 16px;
    content: "";
    background-image: url("../images/reaction.svg");
    background-size: cover
  }
}

.p_top_news__tabBtnText {
  position: relative;
  display: inline-block;
  padding: 0 10px 3px;
  font-size: 18px;
  font-weight: 700;
  color: #0168b6
}

.p_top_news__tabContent {
  display: none
}

.p_top_news__tabContent.is-visible {
  display: block
}

.p_top_news__post {
  line-height: 1.5;
  border-top: 1px solid #c1c0c0
}

.p_top_news__post:last-child {
  border-bottom: 1px solid #c1c0c0
}

@media screen and (min-width:769px) {
  .p_top_news__post {
    padding: 25px 0
  }
}

@media screen and (max-width:768px) {
  .p_top_news__post {
    padding: 18px 0 20px
  }
}

.p_top_news__date {
  font-weight: 400
}

@media screen and (min-width:769px) {
  .p_top_news__date {
    width: 118px;
    font-size: 18px
  }
}

@media screen and (max-width:768px) {
  .p_top_news__date {
    font-size: 14px
  }
}

.p_top_news__title {
  color: #0168b6
}

@media screen and (max-width:1199px) {
  .p_top_news__title {
    line-height: 1.9
  }
}

.p_top_news__old {
  position: relative;
  text-align: right
}

.p_top_news__old::after {
  position: absolute;
  top: 7px;
  right: 0;
  display: inline-block;
  width: 6px;
  height: 10px;
  content: "";
  background-image: url("../images/layer.svg");
  background-size: cover
}

@media screen and (min-width:769px) {
  .p_top_news__old {
    margin-top: 30px
  }
}

@media screen and (max-width:768px) {
  .p_top_news__old {
    margin-top: 15px
  }
}

.p_top_news__oldLink {
  margin-right: 14px;
  color: #0068b6
}

@media screen and (min-width:769px) {
  .p_top_download {
    padding-bottom: 60px
  }
}

@media screen and (max-width:768px) {
  .p_top_download {
    padding-bottom: 40px
  }
}

.p_top_download__inner {
  width: 92%;
  max-width: 820px;
  margin: 0 auto
}

@media screen and (min-width:769px) {
  .p_top_download__inner {
    padding: 30px 0 40px;
    border: 6px solid #0168b6;
    border-radius: 50px
  }
}

@media screen and (max-width:768px) {
  .p_top_download__inner {
    padding: 17px 20px;
    border: 4px solid #0168b6;
    border-radius: 15px
  }
}

@media screen and (min-width:769px) {
  .p_top_download__content {
    margin-top: 30px
  }
}

@media screen and (max-width:768px) {
  .p_top_download__content {
    flex-wrap: wrap;
    margin-top: 24px
  }
}

@media screen and (min-width:769px) {
  .p_top_download__image {
    width: 182px
  }
}

@media screen and (max-width:768px) {
  .p_top_download__image {
    width: 62px
  }
}

@media screen and (min-width:769px) {
  .p_top_download__image_dennkiforecast {
    padding: 18px
  }

  .p_top_download__description {
    width: 512px
  }
}

@media screen and (max-width:768px) {
  .p_top_download__description {
    width: calc(92% - 62px);
    margin-left: 20px
  }
}

.p_top_download__title {
  line-height: 1.5;
  color: #0168b6
}

@media screen and (min-width:769px) {
  .p_top_download__title {
    font-size: 24px
  }

  .p_top_download__model {
    padding: 30px 28px;
    margin-top: 16px;
    border: 3px solid #c1c0c0;
    border-radius: 20px
  }
}

@media screen and (max-width:768px) {
  .p_top_download__model {
    display: none
  }
}

.p_top_download__text {
  line-height: 1.5
}

@media screen and (min-width:769px) {
  .p_top_download__text {
    font-size: 18px
  }
}

.p_top_download__appWrap {
  margin-top: 15px
}

.p_top_download__looopApp {
  width: 80px
}

@media screen and (min-width:769px) {
  .p_top_download__storeWrap {
    margin-left: 20px
  }
}

@media screen and (max-width:768px) {
  .p_top_download__storeWrap {
    -webkit-box-pack: center;
            justify-content: center;
    margin-top: 10px
  }
}

@media screen and (min-width:769px) {
  .p_top_download__spModel {
    display: none
  }
}

@media screen and (max-width:768px) {
  .p_top_download__spModel {
    padding: 30px 20px;
    margin-top: 12px;
    border: 2px solid #c1c0c0;
    border-radius: 15px
  }
}

.p_top_download__apps {
  margin-left: 20px
}

@media screen and (min-width:769px) {
  .p_top_download__app {
    width: 135px
  }
}

@media screen and (min-width:769px)and (min-width:769px) {
  .p_top_download__app {
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out
  }

  .p_top_download__app:hover {
    -webkit-filter: brightness(1.15);
            filter: brightness(1.15)
  }
}

@media screen and (min-width:769px) {
  .p_top_download__app:nth-child(n+2) {
    margin-left: 10px
  }
}

@media screen and (max-width:768px) {
  .p_top_download__app {
    width: 126px
  }

  .p_top_download__app:nth-child(n+2) {
    margin-top: 15px
  }
}

.p_top_download__note {
  margin-top: 12px;
  line-height: 1.5
}

@media screen and (min-width:769px) {
  .p_top_download__note {
    white-space: nowrap
  }
}

@media screen and (max-width:768px) {
  .p_top_download__note {
    -webkit-box-pack: center;
            justify-content: center
  }
}

@media screen and (min-width:769px) {
  .p_top_download__mini_text {
    font-size: 16px
  }
}

@media screen and (max-width:768px) {
  .p_top_download__mini_text {
    font-size: 14px
  }
}

.p_mypage_moving_form {
  background-color: #edf6fc
}

@media screen and (min-width:769px) {
  .p_mypage_moving_form {
    padding: 40px 0
  }
}

@media screen and (max-width:768px) {
  .p_mypage_moving_form {
    padding: 20px 0
  }
}

.p_mypage_moving_form__label {
  line-height: 1.5
}

@media screen and (min-width:769px) {
  .p_mypage_moving_form__prefectures {
    width: 180px
  }
}

input[type="checkbox"].p_mypage_moving_form__check {
  position: absolute;
  display: block;
  pointer-events: none;
  opacity: 0
}

.account_table_multiple {
  width: auto;
  margin-bottom: 40px
}

.p_mypage_accountTable .account_table, .p_mypage_paymentTable .account_table, .p_mypage_planTable .account_table {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  border-spacing: 0;
  border-collapse: separate;
  border: 2px solid #0068b6;
  border-radius: 8px
}

@media screen and (max-width:768px) {
  .p_mypage_accountTable .account_table, .p_mypage_paymentTable .account_table, .p_mypage_planTable .account_table {
    margin: 0 auto
  }
}

.p_mypage_accountTable .account_table ._flexwrap, .p_mypage_paymentTable .account_table ._flexwrap, .p_mypage_planTable .account_table ._flexwrap {
  flex-wrap: wrap
}

@media screen and (max-width:768px) {
  .p_mypage_accountTable .account_table ._flexwrap, .p_mypage_paymentTable .account_table ._flexwrap, .p_mypage_planTable .account_table ._flexwrap {
    width: 100%
  }

  .p_mypage_accountTable .account_table .u_select_live, .p_mypage_paymentTable .account_table .u_select_live, .p_mypage_planTable .account_table .u_select_live {
    margin: 6px 0 0
  }
}

.p_mypage_accountTable .account_table .account_settings, .p_mypage_paymentTable .account_table .account_settings, .p_mypage_planTable .account_table .account_settings {
  width: 100%
}

.p_mypage_accountTable .account_table .account_settings:last-child .account_category, .p_mypage_paymentTable .account_table .account_settings:last-child .account_category, .p_mypage_planTable .account_table .account_settings:last-child .account_category {
  border-bottom: none
}

@media screen and (max-width:768px) {
  .p_mypage_accountTable .account_table .account_settings:last-child .account_category, .p_mypage_paymentTable .account_table .account_settings:last-child .account_category, .p_mypage_planTable .account_table .account_settings:last-child .account_category {
    border-bottom: 1px solid #0068b6
  }
}

.p_mypage_accountTable .account_table .account_settings:last-child .account_detail, .p_mypage_paymentTable .account_table .account_settings:last-child .account_detail, .p_mypage_planTable .account_table .account_settings:last-child .account_detail {
  padding-right: 20px;
  border-bottom: none
}

.p_mypage_accountTable .account_table .account_settings .account_category, .p_mypage_paymentTable .account_table .account_settings .account_category, .p_mypage_planTable .account_table .account_settings .account_category {
  width: 300px;
  padding: 30px 0 30px 20px;
  line-height: 1.8;
  background-color: #edf6fc;
  border-right: 1px solid #0068b6;
  border-bottom: 1px solid #0068b6
}

@media screen and (min-width:769px) {
  .p_mypage_accountTable .account_table .account_settings .account_category, .p_mypage_paymentTable .account_table .account_settings .account_category, .p_mypage_planTable .account_table .account_settings .account_category {
    height: 100%
  }
}

@media screen and (max-width:768px) {
  .p_mypage_accountTable .account_table .account_settings .account_category, .p_mypage_paymentTable .account_table .account_settings .account_category, .p_mypage_planTable .account_table .account_settings .account_category {
    display: block;
    width: 100%;
    padding: 14px 20px;
    border-right: none
  }
}

.p_mypage_accountTable .account_table .account_settings .account_category._address, .p_mypage_paymentTable .account_table .account_settings .account_category._address, .p_mypage_planTable .account_table .account_settings .account_category._address {
  width: 150px;
  border-right: 1px dashed #0068b6
}

@media screen and (max-width:768px) {
  .p_mypage_accountTable .account_table .account_settings .account_category._address, .p_mypage_paymentTable .account_table .account_settings .account_category._address, .p_mypage_planTable .account_table .account_settings .account_category._address {
    width: 100%
  }
}

.p_mypage_accountTable .account_table .account_settings .address_child, .p_mypage_paymentTable .account_table .account_settings .address_child, .p_mypage_planTable .account_table .account_settings .address_child {
  width: 150px;
  padding: 30px 0 30px 20px;
  vertical-align: middle;
  background: #edf6fc;
  border-right: 1px solid #0068b6;
  border-bottom: 1px dashed #0068b6
}

.p_mypage_accountTable .account_table .account_settings .address_child._last, .p_mypage_accountTable .account_table .account_settings .address_child._last+td.account_detail, .p_mypage_paymentTable .account_table .account_settings .address_child._last, .p_mypage_paymentTable .account_table .account_settings .address_child._last+td.account_detail, .p_mypage_planTable .account_table .account_settings .address_child._last, .p_mypage_planTable .account_table .account_settings .address_child._last+td.account_detail {
  border-bottom: 1px solid #0068b6
}

@media screen and (max-width:768px) {
  .p_mypage_accountTable .account_table .account_settings .address_child, .p_mypage_paymentTable .account_table .account_settings .address_child, .p_mypage_planTable .account_table .account_settings .address_child {
    display: block;
    width: 100%;
    padding: 20px 20px 0;
    background: none;
    border: none
  }

  .p_mypage_accountTable .account_table .account_settings .address_child._last, .p_mypage_paymentTable .account_table .account_settings .address_child._last, .p_mypage_planTable .account_table .account_settings .address_child._last {
    border-bottom: none
  }

  .p_mypage_accountTable .account_table .account_settings .address_child._last+td.account_detail, .p_mypage_paymentTable .account_table .account_settings .address_child._last+td.account_detail, .p_mypage_planTable .account_table .account_settings .address_child._last+td.account_detail {
    padding-bottom: 20px!important
  }

  .p_mypage_accountTable .account_table .account_settings .address_child+td.account_detail, .p_mypage_paymentTable .account_table .account_settings .address_child+td.account_detail, .p_mypage_planTable .account_table .account_settings .address_child+td.account_detail {
    padding-top: 10px!important
  }
}

.p_mypage_accountTable .account_table .account_settings .account_detail, .p_mypage_paymentTable .account_table .account_settings .account_detail, .p_mypage_planTable .account_table .account_settings .account_detail {
  flex-wrap: wrap;
  width: 100%;
  max-width: 100%;
  border-bottom: 1px solid #0068b6
}

@media screen and (min-width:1200px) {
  .p_mypage_accountTable .account_table .account_settings .account_detail, .p_mypage_paymentTable .account_table .account_settings .account_detail, .p_mypage_planTable .account_table .account_settings .account_detail {
    height: 100%;
    padding: 30px 20px
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .p_mypage_accountTable .account_table .account_settings .account_detail, .p_mypage_paymentTable .account_table .account_settings .account_detail, .p_mypage_planTable .account_table .account_settings .account_detail {
    width: auto;
    height: 100%;
    padding: 30px 20px
  }
}

@media screen and (max-width:768px) {
  .p_mypage_accountTable .account_table .account_settings .account_detail, .p_mypage_paymentTable .account_table .account_settings .account_detail, .p_mypage_planTable .account_table .account_settings .account_detail {
    width: auto
  }
}

.p_mypage_accountTable .account_table .account_settings .account_detail .left, .p_mypage_paymentTable .account_table .account_settings .account_detail .left, .p_mypage_planTable .account_table .account_settings .account_detail .left {
  padding: 30px 0 30px 20px
}

@media screen and (max-width:768px) {
  .p_mypage_accountTable .account_table .account_settings .account_detail .left, .p_mypage_paymentTable .account_table .account_settings .account_detail .left, .p_mypage_planTable .account_table .account_settings .account_detail .left {
    padding: 0;
    line-height: 1.8
  }
}

.p_mypage_accountTable .account_table .account_settings .account_detail .right, .p_mypage_paymentTable .account_table .account_settings .account_detail .right, .p_mypage_planTable .account_table .account_settings .account_detail .right {
  padding: 20px 30px
}

@media screen and (max-width:768px) {
  .p_mypage_accountTable .account_table .account_settings .account_detail .right, .p_mypage_paymentTable .account_table .account_settings .account_detail .right, .p_mypage_planTable .account_table .account_settings .account_detail .right {
    padding: 0
  }
}

.p_mypage_accountTable .account_table .account_settings .account_detail .account_text, .p_mypage_paymentTable .account_table .account_settings .account_detail .account_text, .p_mypage_planTable .account_table .account_settings .account_detail .account_text {
  line-height: 1.8
}

.p_mypage_accountTable .account_table .account_settings .account_detail .account_form, .p_mypage_paymentTable .account_table .account_settings .account_detail .account_form, .p_mypage_planTable .account_table .account_settings .account_detail .account_form {
  width: 100%;
  padding: 12px 20px;
  border: 1px solid #999;
  border-radius: 8px
}

@media screen and (max-width:768px) {
  .p_mypage_accountTable .account_table .account_settings .account_detail .account_form, .p_mypage_paymentTable .account_table .account_settings .account_detail .account_form, .p_mypage_planTable .account_table .account_settings .account_detail .account_form {
    margin: 0
  }

  .p_mypage_accountTable .account_table .account_settings .account_detail.sp_w, .p_mypage_paymentTable .account_table .account_settings .account_detail.sp_w, .p_mypage_planTable .account_table .account_settings .account_detail.sp_w {
    width: 100%
  }

  .p_mypage_accountTable .account_table .account_settings .account_detail.sp_w>div, .p_mypage_paymentTable .account_table .account_settings .account_detail.sp_w>div, .p_mypage_planTable .account_table .account_settings .account_detail.sp_w>div {
    display: block;
    width: 100%
  }

  .p_mypage_accountTable .account_table .account_settings .account_detail, .p_mypage_paymentTable .account_table .account_settings .account_detail, .p_mypage_planTable .account_table .account_settings .account_detail {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
            justify-content: space-between;
    width: 100%;
    padding: 14px 20px;
    margin: 0
  }
}

.p_mypage_accountTable .account_table .account_settings .account_detail .acount_form_txt, .p_mypage_paymentTable .account_table .account_settings .account_detail .acount_form_txt, .p_mypage_planTable .account_table .account_settings .account_detail .acount_form_txt {
  width: 375px;
  padding: 13px 20px
}

@media screen and (max-width:768px) {
  .p_mypage_accountTable .account_table .account_settings .account_detail .acount_form_txt, .p_mypage_paymentTable .account_table .account_settings .account_detail .acount_form_txt, .p_mypage_planTable .account_table .account_settings .account_detail .acount_form_txt {
    width: auto;
    margin: 0
  }
}

.p_mypage_accountTable .account_table .account_settings .account_detail .account_form_small, .p_mypage_paymentTable .account_table .account_settings .account_detail .account_form_small, .p_mypage_planTable .account_table .account_settings .account_detail .account_form_small {
  width: 375px;
  padding: 10px 20px;
  line-height: 1;
  background-color: #fffded;
  border: 1px solid #999;
  border-radius: 8px
}

.p_mypage_accountTable .account_table .account_settings .account_detail .account_form_small._ss, .p_mypage_paymentTable .account_table .account_settings .account_detail .account_form_small._ss, .p_mypage_planTable .account_table .account_settings .account_detail .account_form_small._ss {
  width: 130px
}

.p_mypage_accountTable .account_table .account_settings .account_detail .account_form_small::-moz-placeholder-shown, .p_mypage_paymentTable .account_table .account_settings .account_detail .account_form_small::-moz-placeholder-shown, .p_mypage_planTable .account_table .account_settings .account_detail .account_form_small::-moz-placeholder-shown {
  background-color: #fffded
}

.p_mypage_accountTable .account_table .account_settings .account_detail .account_form_small::-webkit-input-placeholder-shown, .p_mypage_paymentTable .account_table .account_settings .account_detail .account_form_small::-webkit-input-placeholder-shown, .p_mypage_planTable .account_table .account_settings .account_detail .account_form_small::-webkit-input-placeholder-shown {
  background-color: #fffded
}

.p_mypage_accountTable .account_table .account_settings .account_detail .account_form_small::placeholder-shown, .p_mypage_paymentTable .account_table .account_settings .account_detail .account_form_small::placeholder-shown, .p_mypage_planTable .account_table .account_settings .account_detail .account_form_small::placeholder-shown {
  background-color: #fffded
}

@media screen and (max-width:768px) {
  .p_mypage_accountTable .account_table .account_settings .account_detail .account_form_small, .p_mypage_paymentTable .account_table .account_settings .account_detail .account_form_small, .p_mypage_planTable .account_table .account_settings .account_detail .account_form_small {
    width: 100%;
    margin: 0
  }
}

.p_mypage_accountTable .account_table .account_settings .account_detail .account_form_middle, .p_mypage_paymentTable .account_table .account_settings .account_detail .account_form_middle, .p_mypage_planTable .account_table .account_settings .account_detail .account_form_middle {
  width: 575px;
  padding: 10px 20px;
  line-height: 1;
  background-color: #fffded;
  border: 1px solid #999;
  border-radius: 8px
}

@media screen and (max-width:768px) {
  .p_mypage_accountTable .account_table .account_settings .account_detail .account_form_middle, .p_mypage_paymentTable .account_table .account_settings .account_detail .account_form_middle, .p_mypage_planTable .account_table .account_settings .account_detail .account_form_middle {
    width: 100%;
    margin: 0
  }
}

.p_mypage_accountTable .account_table .account_settings .account_detail .a_detail_changeWrap, .p_mypage_paymentTable .account_table .account_settings .account_detail .a_detail_changeWrap, .p_mypage_planTable .account_table .account_settings .account_detail .a_detail_changeWrap {
  width: 200px
}

@media screen and (max-width:768px) {
  .p_mypage_accountTable .account_table .account_settings .account_detail .a_detail_changeWrap, .p_mypage_paymentTable .account_table .account_settings .account_detail .a_detail_changeWrap, .p_mypage_planTable .account_table .account_settings .account_detail .a_detail_changeWrap {
    display: block;
    width: 100%
  }
}

.p_mypage_accountTable .account_table .account_settings .account_detail .account_select, .p_mypage_paymentTable .account_table .account_settings .account_detail .account_select, .p_mypage_planTable .account_table .account_settings .account_detail .account_select {
  width: 375px;
  margin: 12px 0;
  font-size: 20px;
  line-height: 1.5;
  border: 1px solid #202020;
  border-radius: 8px
}

@media screen and (max-width:768px) {
  .p_mypage_accountTable .account_table .account_settings .account_detail .account_select, .p_mypage_paymentTable .account_table .account_settings .account_detail .account_select, .p_mypage_planTable .account_table .account_settings .account_detail .account_select {
    width: 100%;
    margin: 8px 0 0
  }
}

.p_mypage_accountTable .account_table .account_settings .account_detail .account_select .account_selectBox, .p_mypage_paymentTable .account_table .account_settings .account_detail .account_select .account_selectBox, .p_mypage_planTable .account_table .account_settings .account_detail .account_select .account_selectBox {
  top: 0;
  left: 0;
  width: 375px;
  padding: 12px 20px
}

.p_mypage_accountTable .account_table .account_settings .account_detail .account_select .account_selectBox::after, .p_mypage_paymentTable .account_table .account_settings .account_detail .account_select .account_selectBox::after, .p_mypage_planTable .account_table .account_settings .account_detail .account_select .account_selectBox::after {
  right: 20px;
  display: inline-block;
  color: #202020;
  content: "â–¼"
}

@media screen and (max-width:768px) {
  .p_mypage_accountTable .account_table .account_settings .account_detail .account_select .account_selectBox, .p_mypage_paymentTable .account_table .account_settings .account_detail .account_select .account_selectBox, .p_mypage_planTable .account_table .account_settings .account_detail .account_select .account_selectBox {
    width: 100%
  }
}

.p_mypage_accountTable .account_table .account_settings .account_multiple, .p_mypage_paymentTable .account_table .account_settings .account_multiple, .p_mypage_planTable .account_table .account_settings .account_multiple {
  border-bottom: 1px dashed #0068b6
}

@media screen and (max-width:768px) {
  .p_mypage_accountTable .account_table .account_settings .account_multiple, .p_mypage_paymentTable .account_table .account_settings .account_multiple, .p_mypage_planTable .account_table .account_settings .account_multiple {
    padding-top: 20px;
    padding-bottom: 0;
    margin-top: 0;
    border-bottom: none
  }
}

.account_attention {
  width: 96%;
  max-width: 1200px;
  margin: 10px auto 40px;
  line-height: 1.5
}

@media screen and (max-width:768px) {
  .account_attention {
    margin-bottom: 36px
  }
}

.p_mypage_gasBtn {
  margin-top: 40px;
  margin-bottom: 40px
}

@media screen and (max-width:768px) {
  .p_mypage_gasBtn {
    margin-bottom: 20px
  }
}

.articleBody p {
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 1.7
}

.articleBody img {
  margin-bottom: 10px
}

.articleBody a[target="_blank"] {
  color: #0068b6;
  text-decoration: underline;
  word-break: break-all
}

.articleBody a[target="_blank"]:hover {
  text-decoration: none
}

.articleBody a[target="_blank"]:visited {
  color: #741274
}

.articleBody table {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate
}

.articleBody table caption {
  width: 100%;
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: 700
}

.articleBody table thead th {
  padding: 20px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  background: #0168b6;
  border-top: 2px solid #0168b6
}

@media screen and (max-width:768px) {
  .articleBody table thead th {
    padding: 20px 10px;
    text-align: left
  }
}

.articleBody table thead th:first-child {
  border-left: 2px solid #0168b6;
  border-radius: 10px 0 0
}

.articleBody table thead th:last-child {
  border-right: 2px solid #0168b6;
  border-radius: 0 10px 0 0
}

.articleBody table thead th:only-child {
  border-right: 2px solid #0168b6;
  border-left: 2px solid #0168b6;
  border-radius: 10px 10px 0 0
}

.articleBody table tbody:only-child tr:first-child td, .articleBody table tbody:only-child tr:first-child th {
  border-top: 2px solid #0168b6
}

.articleBody table tbody:only-child tr:first-child td:first-child, .articleBody table tbody:only-child tr:first-child th:first-child {
  border-radius: 10px 0 0
}

.articleBody table tbody:only-child tr:first-child td:last-child, .articleBody table tbody:only-child tr:first-child th:last-child {
  border-radius: 0 10px 0 0
}

.articleBody table tbody:only-child tr:first-child td:only-child, .articleBody table tbody:only-child tr:first-child th:only-child {
  border-radius: 10px 10px 0 0
}

.articleBody table tbody tr td, .articleBody table tbody tr th {
  border-right: 2px solid #0168b6;
  border-bottom: 2px solid #0168b6
}

.articleBody table tbody tr td:first-child, .articleBody table tbody tr th:first-child {
  border-left: 2px solid #0168b6
}

.articleBody table tbody tr td:only-child, .articleBody table tbody tr th:only-child {
  border-right: 2px solid #0168b6;
  border-left: 2px solid #0168b6
}

.articleBody table tbody tr:last-child td:first-child, .articleBody table tbody tr:last-child th:first-child {
  border-radius: 0 0 0 10px
}

.articleBody table tbody tr:last-child td:last-child, .articleBody table tbody tr:last-child th:last-child {
  border-radius: 0 0 10px
}

.articleBody table tbody tr:last-child td:only-child, .articleBody table tbody tr:last-child th:only-child {
  border-radius: 0 0 10px 10px
}

.articleBody table tbody th {
  padding: 20px;
  font-size: 16px;
  font-weight: 700;
  color: #202020;
  text-align: center;
  background: #edf6fc
}

@media screen and (max-width:768px) {
  .articleBody table tbody th {
    padding: 20px 10px;
    text-align: left
  }
}

.articleBody table tbody td {
  box-sizing: border-box;
  padding: 20px;
  font-size: 16px;
  color: #202020
}

@media screen and (max-width:768px) {
  .articleBody table tbody td {
    padding: 20px 10px
  }

  .articleBody .table-scroll {
    overflow: auto
  }

  .articleBody .table-scroll table td, .articleBody .table-scroll table th {
    white-space: nowrap
  }

  .articleBody .table-scroll::before {
    display: block;
    margin: 10px 10px 5px;
    color: #dcdcdc;
    content: "SCROLL  →"
  }
}

.p_home_menu_plan__announce {
  font-size: 22px;
  color: #2b68b0;
  text-align: center
}

@media screen and (max-width:768px) {
  .p_home_menu_plan__announce {
    font-size: 18px;
    line-height: 1.722
  }
}

.p_home_menu_plan__buttonGroup {
  max-width: 800px;
  padding: 20px 0;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 20px
}

@media screen and (max-width:768px) {
  .p_home_menu_plan__buttonGroup {
    padding: 0
  }
}

.p_home_menu_plan__buttonWrap {
  width: 50%
}

@media screen and (max-width:768px) {
  .p_home_menu_plan__buttonWrap {
    width: 90%;
    margin: 0 auto
  }
}

.p_home_menu_plan__buttonWrap:nth-child(n+2) {
  border-left: 3px dotted #ddd
}

@media screen and (max-width:768px) {
  .p_home_menu_plan__buttonWrap:nth-child(n+2) {
    border-top: 3px dotted #ddd;
    border-left: none
  }
}

.p_home_menu_plan__button {
  position: relative;
  width: 100%;
  height: 68px;
  color: #0068b6
}

@media screen and (min-width:769px) {
  .p_home_menu_plan__button {
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out
  }

  .p_home_menu_plan__button:hover {
    opacity: .7
  }
}

.p_home_menu_plan__button::after {
  position: absolute;
  right: 30px;
  width: 16px;
  height: 10px;
  content: "";
  background-image: url("../images/arrow-down.svg");
  background-size: cover
}

@media screen and (max-width:768px) {
  .p_home_menu_plan__button::after {
    right: 10px
  }
}

.p_clause__inner {
  max-width: 1200px!important
}

.p_clause__info {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  line-height: 1.9
}

.p_clause__button {
  width: 98%;
  max-width: 480px
}

.p_ev_charger__linkGroup {
  background-color: #edf6fc
}

@media screen and (min-width:769px) {
  .p_ev_charger__linkGroup {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    height: 110px;
    border-radius: 20px
  }
}

@media screen and (max-width:768px) {
  .p_ev_charger__linkGroup {
    max-width: 344px;
    margin: 0 auto;
    border-radius: 15px
  }
}

@media screen and (min-width:769px) {
  .p_ev_charger__linkWrap {
    width: 33.3333333333%;
    height: 62px
  }

  .p_ev_charger__linkWrap:nth-child(n+2) {
    border-left: 3px dotted #ddd
  }
}

@media screen and (max-width:768px) {
  .p_ev_charger__linkWrap {
    width: 304px;
    height: 64px;
    margin: 0 auto
  }

  .p_ev_charger__linkWrap:nth-child(n+2) {
    border-top: 2px dotted #ddd
  }
}

.p_ev_charger__link {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  color: #0168b6
}

.p_ev_charger__link::after {
  position: absolute;
  display: inline-block;
  width: 16px;
  height: 10px;
  content: "";
  background-image: url("../images/arrow-down.svg");
  background-size: cover
}

@media screen and (min-width:769px) {
  .p_ev_charger__link {
    font-size: 18px
  }

  .p_ev_charger__link::after {
    right: 30px
  }
}

@media screen and (max-width:768px) {
  .p_ev_charger__link::after {
    right: 0
  }
}

.p_ev_charger__switchWrap {
  width: 50%
}

.p_ev_charger__switchWrap:nth-child(n+2) {
  margin-left: 40px
}

.p_ev_charger__switch {
  width: 100%;
  height: 90px
}

@media screen and (min-width:769px) {
  .p_ev_charger__switch:not(.active) {
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out
  }

  .p_ev_charger__switch:not(.active):hover {
    -webkit-filter: brightness(1.15);
            filter: brightness(1.15)
  }
}

.p_ev_charger__installation {
  max-width: 1080px;
  margin: 0 auto
}

.p_ev_charger__flowList {
  background-color: #edf6fc
}

@media screen and (min-width:769px) {
  .p_ev_charger__flowList {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    padding: 40px 60px;
    border-radius: 30px
  }
}

@media screen and (max-width:768px) {
  .p_ev_charger__flowList {
    padding: 20px;
    border-radius: 15px
  }
}

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

@media screen and (min-width:769px) {
  .p_ev_charger__flowItem {
    width: 49%
  }

  .p_ev_charger__flowItem:nth-child(n+3) {
    margin-top: 20px
  }
}

@media screen and (max-width:768px) {
  .p_ev_charger__flowItem:nth-child(n+2) {
    margin-top: 20px
  }
}

.p_ev_charger__flowNum {
  position: relative;
  width: 46px;
  height: 46px;
  background-color: #0168b6;
  border-radius: 50%
}

@media screen and (max-width:768px) {
  .p_ev_charger__flowNum {
    width: 30px;
    height: 30px
  }
}

.p_ev_charger__flowNum__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 22px;
  color: #fff;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%)
}

.p_ev_charger__flowDescripton {
  width: calc(100% - 46px);
  margin-left: 10px
}

@media screen and (min-width:769px) {
  .p_ev_charger__flowTitle {
    font-size: 22px
  }
}

@media screen and (max-width:768px) {
  .p_ev_charger__flowTitle {
    font-size: 18px
  }
}

.p_ev_charger__orderItem {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  background-color: #fff;
  border: 2px solid #202020;
  border-radius: 15px
}

.p_ev_charger__orderItem:nth-child(n+2) {
  margin-top: 56px
}

.p_ev_charger__orderItem:not(:last-child) {
  position: relative
}

.p_ev_charger__orderItem:not(:last-child)::after {
  position: absolute;
  bottom: -42px;
  left: 50%;
  content: "";
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 26px 15px 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%)
}

@media screen and (min-width:769px) {
  .p_ev_charger__orderItem {
    padding: 20px 30px
  }
}

@media screen and (max-width:768px) {
  .p_ev_charger__orderItem {
    -webkit-box-align: unset;
            align-items: unset;
    padding: 20px 16px
  }
}

@media screen and (min-width:769px) {
  .p_ev_charger__orderNum {
    width: 36px;
    font-size: 40px
  }
}

@media screen and (max-width:768px) {
  .p_ev_charger__orderNum {
    width: 30px;
    font-size: 34px
  }
}

.p_ev_charger__orderTitle {
  color: #0068b6
}

@media screen and (min-width:769px) {
  .p_ev_charger__orderTitle {
    font-size: 22px
  }
}

@media screen and (max-width:768px) {
  .p_ev_charger__orderTitle {
    font-size: 18px
  }
}

@media screen and (min-width:769px) {
  .p_ev_charger__orderDescription {
    width: calc(100% - 36px);
    padding-left: 28px;
    margin-left: 26px;
    border-left: 3px dotted #ddd
  }
}

@media screen and (max-width:768px) {
  .p_ev_charger__orderDescription {
    width: calc(100% - 30px);
    padding-left: 14px;
    margin-left: 14px;
    border-left: 2px dotted #ddd
  }
}

.p_ev_charger__orderText {
  margin-top: 10px;
  line-height: 1.9
}

@media screen and (min-width:769px) {
  .p_ev_charger__serviceGroup {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between
  }

  .p_ev_charger__service {
    width: 360px
  }
}

@media screen and (max-width:768px) {
  .p_ev_charger__service {
    width: 304px
  }

  .p_ev_charger__service:first-child {
    margin: 0 auto
  }

  .p_ev_charger__service:nth-child(n+2) {
    margin: 20px auto 0
  }
}

@media screen and (min-width:769px) {
  .p_ev_charger__Contact {
    padding: 40px 0;
    background-color: #f5f5f5;
    border-radius: 10px
  }
}

.p_ev_charger__announce {
  line-height: 1.5
}

@media screen and (min-width:769px) {
  .p_ev_charger__announce {
    font-size: 24px;
    text-align: center
  }
}

@media screen and (max-width:768px) {
  .p_ev_charger__announce {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    font-size: 18px
  }
}

@media screen and (min-width:769px) {
  .p_ev_charger__telGroup {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center
  }
}

@media screen and (max-width:768px) {
  .p_ev_charger__telGroup {
    padding: 12px 0;
    border: 2px solid #f5f5f5;
    border-radius: 10px;
    box-shadow: 0 3px #c1c0c0
  }
}

.p_ev_charger__info {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  font-size: 22px;
  color: #2b68b0
}

@media screen and (max-width:768px) {
  .p_ev_charger__info {
    font-size: 18px
  }

  .p_ev_charger__timeWrap {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    color: #0168b6
  }
}

@media screen and (min-width:769px) {
  .p_ev_charger__time {
    font-size: 24px
  }
}

@media screen and (max-width:768px) {
  .p_ev_charger__time {
    font-size: 20px
  }
}

@media screen and (min-width:769px) {
  .p_ev_charger__numWrap {
    margin-left: 40px
  }
}

@media screen and (max-width:768px) {
  .p_ev_charger__numWrap {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: baseline;
            align-items: baseline;
    -webkit-box-pack: center;
            justify-content: center
  }
}

.p_ev_charger__iconWrap {
  display: inline-block
}

@media screen and (min-width:769px) {
  .p_ev_charger__iconWrap {
    width: 38px;
    height: 38px
  }
}

@media screen and (max-width:768px) {
  .p_ev_charger__iconWrap {
    width: 26px;
    height: 26px
  }
}

.p_ev_charger__icon {
  width: 100%
}

.p_ev_charger__num {
  margin-left: 4px;
  color: #0168b6
}

@media screen and (min-width:769px) {
  .p_ev_charger__num {
    font-size: 50px
  }
}

@media screen and (max-width:768px) {
  .p_ev_charger__num {
    font-size: 32px
  }

  .p_ev_charger__note {
    font-size: 12px;
    text-align: center
  }

  .p_ev_charger__note::before {
    content: "※"
  }
}

.p_home_about_mainVisual {
  background-position: 50%;
  background-size: cover
}

@media screen and (min-width:769px) {
  .p_home_about_mainVisual {
    height: 530px;
    background-image: url("../images/home_about_mv.png")
  }
}

@media screen and (max-width:768px) {
  .p_home_about_mainVisual {
    height: 600px;
    background-image: url("../images/home_about_mv_sp.png")
  }
}

.p_home_about_mainVisual__inner {
  position: relative;
  width: 90%;
  max-width: 1236px;
  margin: 0 auto
}

@media screen and (max-width:768px) {
  .p_home_about_mainVisual__inner {
    height: 600px
  }
}

.p_home_about_mainVisual__textBox {
  position: absolute;
  left: 0;
  color: #fff
}

@media screen and (min-width:769px) {
  .p_home_about_mainVisual__textBox {
    top: 122px
  }
}

@media screen and (max-width:768px) {
  .p_home_about_mainVisual__textBox {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
  }
}

@media screen and (min-width:769px) {
  .p_home_about_mainVisual__heading {
    font-size: 34px
  }
}

@media screen and (max-width:768px) {
  .p_home_about_mainVisual__heading {
    font-size: 24px;
    text-align: center
  }
}

.p_home_about_mainVisual__text {
  margin-top: 30px;
  line-height: 1.9
}

@media screen and (min-width:769px) {
  .p_home_about_history__inner {
    width: 96%;
    max-width: 1200px
  }
}

@media screen and (max-width:768px) {
  .p_home_about_history__inner {
    padding: 20px 20px 20px 40px
  }
}

.p_home_about_history__content {
  position: relative
}

.p_home_about_history__content::before {
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 3px;
  content: "";
  background-color: #f5f5f5;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%)
}

@media screen and (min-width:769px) {
  .p_home_about_history__content::before {
    left: 186px;
    height: 98%
  }
}

@media screen and (max-width:768px) {
  .p_home_about_history__content::before {
    left: -20px;
    height: 98%
  }
}

@media screen and (min-width:769px) {
  .p_home_about_history__yearWrap {
    display: -webkit-box;
    display: flex
  }

  .p_home_about_history__yearWrap:nth-child(n+2) {
    margin-top: 50px
  }
}

@media screen and (max-width:768px) {
  .p_home_about_history__yearWrap:nth-child(n+2) {
    margin-top: 46px
  }
}

.p_home_about_history__listRow:nth-child(n+2) {
  margin-top: 22px
}

@media screen and (min-width:769px) {
  .p_home_about_history__listRow {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: baseline;
            align-items: baseline
  }
}

.p_home_about_history__year {
  width: 110px
}

@media screen and (min-width:769px) {
  .p_home_about_history__year {
    font-size: 24px
  }
}

@media screen and (max-width:768px) {
  .p_home_about_history__year {
    font-size: 18px
  }
}

@media screen and (min-width:769px) {
  .p_home_about_history__monthGroup {
    width: calc(100% - 110px)
  }
}

@media screen and (max-width:768px) {
  .p_home_about_history__monthGroup {
    margin-top: 10px
  }
}

.p_home_about_history__month {
  width: 110px
}

.p_home_about_history__month--blue {
  position: relative
}

.p_home_about_history__month--blue::after {
  position: absolute;
  display: inline-block;
  width: 15px;
  height: 15px;
  content: "";
  background-color: #0068b6;
  border-radius: 1000px
}

.p_home_about_history__month--gray {
  position: relative
}

.p_home_about_history__month--gray::after {
  position: absolute;
  display: inline-block;
  width: 15px;
  height: 15px;
  content: "";
  background-color: #ddd;
  border-radius: 1000px
}

@media screen and (min-width:769px) {
  .p_home_about_history__month {
    font-size: 18px
  }

  .p_home_about_history__month--blue::after, .p_home_about_history__month--gray::after {
    top: 4px;
    right: 24px
  }
}

@media screen and (max-width:768px) {
  .p_home_about_history__month {
    font-size: 15px
  }

  .p_home_about_history__month--blue::after, .p_home_about_history__month--gray::after {
    top: 2px;
    left: -26px
  }
}

.p_home_about_history__text {
  line-height: 1.9
}

@media screen and (min-width:769px) {
  .p_home_about_history__text {
    width: calc(100% - 110px)
  }
}

.p_home_about_history__list {
  -webkit-box-align: baseline!important;
          align-items: baseline!important
}

.p_home_about_history__description {
  line-height: 1.9
}

.p_home_about_electric__glaph {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center
}

.p_home_about_electric__item {
  padding-left: 4em;
  line-height: 1.9;
  text-indent: -4em
}

.p_home_about_electric__item--1::before {
  content: "(注1)"
}

.p_home_about_electric__item--2::before {
  content: "(注2)"
}

.p_home_about_electric__item--3::before {
  content: "(注3)"
}

.p_home_about_electric__text {
  padding-left: 24px
}

.p_home_about_electric__num {
  position: relative
}

.p_home_about_electric__num::before {
  position: absolute;
  left: 42px
}

.p_home_about_electric__num--1::before {
  content: "➀"
}

.p_home_about_electric__num--2::before {
  content: "➁"
}

.p_home_about_electric__num--3::before {
  content: "âž‚"
}

.p_home_about_company__inner {
  max-width: 1200px;
  margin: 0 auto
}

@media screen and (min-width:769px) {
  .p_home_about_company__inner {
    padding: 60px 50px
  }
}

.p_home_about_company__inner__contentWrap {
  padding: 0
}

.fz14 {
  font-size: 14px
}

.p_home_contact_txa {
  width: 100%;
  max-width: 100%;
  height: 108px;
  padding: 15px;
  background: #fffded;
  border: 1px solid #999;
  border-radius: 8px
}

@media screen and (max-width:768px) {
  .p_home_contact_txa {
    width: 100%;
    height: 100px
  }
}

.p_home_contact_txa.error {
  background: #fbded7!important
}

.p_agency_retail_sale {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between
}

@media screen and (max-width:768px) {
  .p_agency_retail_sale {
    display: block
  }

  .p_agency_retail_sale_img {
    margin-top: 30px
  }
}

.p_agency_retail_backup {
  padding-top: 30px;
  padding-bottom: 60px
}

@media screen and (max-width:768px) {
  .p_agency_retail_backup {
    display: block
  }
}

.p_agency_retail_backup_arrow {
  display: -webkit-box;
  display: flex;
  vertical-align: middle
}

@media screen and (max-width:768px) {
  .p_agency_retail_backup_arrow {
    margin: 20px auto;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg)
  }

  .p_agency_model_tableWrap {
    overflow-x: scroll;
    white-space: nowrap
  }
}

.p_agency_model_table {
  width: 100%;
  font-size: 20px;
  font-weight: 700;
  border-collapse: separate;
  border: 2px solid #0168b6;
  border-radius: 7px
}

.p_agency_model_table_tr:first-child th:first-child {
  border-radius: 7px 0 0
}

.p_agency_model_table_tr:first-child .p_agency_model_table_th:last-child {
  border-radius: 0 7px 0 0
}

.p_agency_model_table_tr:last-child .p_agency_model_table_td:last-child {
  border-radius: 0 0 7px
}

._last .p_agency_model_table_td, ._last .p_agency_model_table_th2 {
  border-bottom: none
}

._bottomBlue .p_agency_model_table_td, ._bottomBlue .p_agency_model_table_th2, ._bottomBlue .p_agency_model_table_th4, .p_agency_model_table ._bottomBlue {
  border-bottom: 2px solid #0168b6
}

.p_agency_model_table ._leftBlue {
  border-left: 2px solid #0168b6
}

.p_agency_model_table ._backBlue {
  background-color: #cce1f0
}

.p_agency_model_table_th1 {
  width: 15%;
  padding: 30px 0;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  background-color: #0168b6;
  border-bottom: 2px solid #fff
}

@media screen and (max-width:768px) {
  .p_agency_model_table_th1 {
    padding: 10px
  }
}

.p_agency_model_table_th2 {
  width: 30%;
  height: 90px;
  padding: 0 20px;
  font-weight: 400;
  vertical-align: middle;
  background-color: #edf6fc;
  border-bottom: 2px dashed #0068b6
}

@media screen and (max-width:768px) {
  .p_agency_model_table_th2 {
    padding: 10px;
    font-size: 16px;
    line-height: 1.875
  }
}

.p_agency_model_table_th3 {
  height: 70px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  background-color: #0168b6;
  border-left: 2px solid
}

.p_agency_model_table_th4 {
  width: 12%;
  height: 70px;
  text-align: center;
  vertical-align: middle;
  background-color: #edf6fc;
  border-left: 2px dashed #0068b6
}

@media screen and (max-width:768px) {
  .p_agency_model_table_th4 {
    padding: 10px
  }
}

.p_agency_model_table_td {
  border-bottom: 2px dashed #0068b6;
  border-left: 2px dashed #0068b6
}

.p_agency_model_table ._yes {
  position: relative
}

.p_agency_model_table ._yes::after {
  position: absolute;
  top: 28px;
  left: 50%;
  width: 35px;
  height: 35px;
  content: "";
  border: 5px solid #0068b6;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%)
}

.p_agency_model_table ._no {
  position: relative
}

.p_agency_model_table ._no::after {
  position: absolute;
  top: 43px;
  left: 50%;
  width: 35px;
  height: 5px;
  content: "";
  background-color: #999;
  border-radius: 10px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%)
}

.p_agency_model_scroll {
  display: none
}

@media screen and (max-width:768px) {
  .p_agency_model_scroll {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between
  }
}

.p_agency_model_scroll_text {
  font-size: 18px;
  font-weight: 700;
  line-height: 3.8;
  vertical-align: middle
}

.p_agency_lastText {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.9;
  color: #2b68b0;
  text-align: center
}

@media screen and (max-width:768px) {
  .p_agency_lastText {
    margin-bottom: 40px
  }
}

@media screen and (min-width:769px) {
  .p_agency_retail_backup__flow {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between
  }
}

.p_agency_retail_backup__item:nth-child(n+2) {
  position: relative
}

.p_agency_retail_backup__item:nth-child(n+2)::before {
  position: absolute;
  content: "";
  background-size: cover
}

@media screen and (min-width:769px) {
  .p_agency_retail_backup__item {
    width: 50%
  }

  .p_agency_retail_backup__item:nth-child(n+2) {
    margin-left: 100px
  }

  .p_agency_retail_backup__item:nth-child(n+2)::before {
    top: 50%;
    left: -60px;
    width: 32px;
    height: 50px;
    background-image: url("../images/triangle.svg");
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
  }
}

@media screen and (max-width:768px) {
  .p_agency_retail_backup__item {
    max-width: 345px
  }

  .p_agency_retail_backup__item:first-child {
    margin: 0 auto
  }

  .p_agency_retail_backup__item:nth-child(n+2) {
    margin: 74px auto 0
  }

  .p_agency_retail_backup__item:nth-child(n+2)::before {
    top: -50px;
    left: 50%;
    width: 50px;
    height: 33px;
    background-image: url("../images/triangle2.svg");
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%)
  }
}

.p_agency_retail_imageWrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center
}

@media screen and (max-width:768px) {
  .p_agency_retail_glaphWrap {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center
  }
}

@media screen and (min-width:769px) {
  .p_agency_retail_glaphWrap .p_agency_retail_sale_img {
    width: 600px;
    margin: 0 0 0 50px
  }
}

.p_agency_model_table_border--blue {
  border-bottom: 2px solid #0168b6
}

.p_purchse_zero_example {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center
}

@media screen and (max-width:768px) {
  .p_purchse_zero_example {
    display: block
  }
}

.p_purchse_zero_example_label {
  height: 27px;
  padding: 3px 20px;
  margin-right: 20px;
  border: 1px solid #202020;
  border-radius: 2px
}

@media screen and (max-width:768px) {
  .p_purchse_zero_example_label {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 3px 10px
  }
}

.p_purchse_zeroToggle.p_mypage_plusToggle:hover {
  opacity: 1
}

.p_purchse_zero__feature .c_featureGroup__items {
  padding: 40px 30px
}

@media screen and (max-width:768px) {
  .p_purchse_zero__feature .c_featureGroup__items {
    position: relative;
    display: -webkit-box;
    display: flex;
    padding: 20px
  }

  .p_purchse_zero__feature .c_feature__featureIcon {
    width: 90px;
    height: auto;
    margin: 0
  }

  .p_purchse_zero__feature .c_feature__featureTitle {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 0;
    text-align: left;
    -webkit-transform: translate(-20%, -50%);
            transform: translate(-20%, -50%)
  }
}

@media screen and (min-width:1200px) {
  .p_purchse_zero__feature .c_feature__featureTitle._oneLine {
    line-height: 70px;
    line-height: 1.5;
    vertical-align: middle
  }
}

.p_purchase_zero_what {
  position: relative;
  margin-bottom: 60px
}

@media screen and (min-width:1200px) {
  .p_purchase_zero_what {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
            justify-content: space-between
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .p_purchase_zero_what {
    display: block;
    max-width: 700px;
    margin: 0 auto 40px
  }
}

@media screen and (max-width:768px) {
  .p_purchase_zero_what {
    display: block
  }
}

@media screen and (max-width:1199px) {
  .p_purchase_zero_what-img {
    display: block;
    width: 100%;
    margin: 0 auto 10px
  }
}

@media screen and (min-width:1200px) {
  .p_purchase_zero_what-img {
    width: 600px
  }

  .p_purchase_zero_what_contentWrap {
    width: calc(100% - 640px);
    margin-left: 40px
  }
}

.p_purchase_zero_table {
  width: 100%;
  border-collapse: separate;
  border: 3px solid #0168b6;
  border-radius: 10px
}

.p_purchase_zero_table_tr:last-child .p_purchase_zero_table_td, .p_purchase_zero_table_tr:last-child .p_purchase_zero_table_th {
  border-bottom: none
}

.p_purchase_zero_table_tr:nth-child(odd) .p_purchase_zero_table_td {
  background-color: #fff
}

.p_purchase_zero_table_th {
  width: 25%;
  height: 70px;
  padding-top: 20px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  background-color: #0168b6;
  border-bottom: 2px dashed #fff
}

.p_purchase_zero_table_td {
  padding: 25px 30px;
  border-bottom: 2px dashed #0068b6
}

.p_purchase_zero_step {
  font-size: 16px;
  font-weight: 400
}

.p_common_cookie {
  position: fixed;
  bottom: 0;
  z-index: 100;
  width: 100%;
  background-color: rgb(32 32 32 / 85%)
}

.p_common_cookie.is_none {
  display: none
}

@media screen and (min-width:769px) {
  .p_common_cookie {
    padding: 38px 0 36px
  }
}

@media screen and (max-width:768px) {
  .p_common_cookie {
    padding: 18px 0
  }
}

.p_common_cookie__inner {
  width: 96%;
  max-width: 1736px;
  margin: 0 auto
}

@media screen and (min-width:769px) {
  .p_common_cookie__inner {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
            justify-content: space-between
  }
}

.p_common_cookie__list {
  line-height: 1.5;
  color: #fff
}

@media screen and (min-width:769px) {
  .p_common_cookie__list {
    width: calc(98% - 160px)
  }
}

.p_common_cookie__item {
  padding-left: 1em;
  text-indent: -1em
}

.p_common_cookie__linkText {
  text-decoration: underline
}

.p_common_cookie__linkText:hover {
  text-decoration: none
}

@media screen and (min-width:769px) {
  .p_common_cookie__buttonWrap {
    width: 160px
  }
}

@media screen and (max-width:768px) {
  .p_common_cookie__buttonWrap {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    margin-top: 20px
  }
}

.p_common_cookie__button {
  color: #0068b6;
  background-color: #fff;
  border: 2px solid #0068b6;
  border-radius: 1000px;
  box-shadow: 0 4px #0068b6
}

@media screen and (min-width:769px) {
  .p_common_cookie__button {
    width: 100%;
    height: 70px
  }
}

@media screen and (max-width:768px) {
  .p_common_cookie__button {
    width: 160px;
    height: 40px
  }
}

.p-price-graph_select-area {
  padding: 0 15px;
  margin-bottom: 40px;
  overflow: hidden
}

@media screen and (min-width:769px) {
  .p-price-graph_select-area {
    max-width: 600px;
    padding: 0;
    margin-right: auto;
    margin-left: auto
  }
}

.p-price-graph_select-area .u_select {
  margin: auto;
  text-align: center
}

@media screen and (min-width:769px) {
  .p-price-graph_select-area .u_select {
    width: 260px
  }
}

.p-price-graph_current-price {
  padding: 20px;
  margin: 20px auto 0;
  text-align: center;
  border: 4px solid #0168b6;
  border-radius: 10px
}

@media screen and (min-width:769px) {
  .p-price-graph_current-price {
    padding: 30px
  }
}

.p-price-graph_current-price_col {
  width: 50%
}

.p-price-graph_current-price_time {
  font-size: 20px
}

@media screen and (min-width:769px) {
  .p-price-graph_current-price_time {
    font-size: 24px
  }
}

.p-price-graph_current-price_ttl {
  margin: 20px 0 5px
}

@media screen and (min-width:769px) {
  .p-price-graph_current-price_ttl {
    font-size: 18px
  }
}

.p-price-graph_current-price_txt_number {
  font-size: 32px;
  font-style: normal;
  font-weight: 700
}

.p-price-graph_current-price_status-img {
  width: 100px;
  margin: auto
}

.p-price-graph_current-price_status-txt {
  margin-top: 5px;
  font-size: 18px
}

.p-price-graph_change {
  padding: 40px 0;
  margin: 40px 0;
  background-color: #edf6fc;
  border-top: 2px solid #0168b6
}

.p-price-graph_change_btn-group {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: end;
          align-items: flex-end;
  -webkit-box-pack: space-evenly;
          justify-content: space-evenly
}

@media screen and (min-width:769px) {
  .p-price-graph_change_btn-group {
    padding: 0 20px
  }
}

.p-price-graph_change_btn-group input {
  display: none
}

.p-price-graph_change_label {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  min-height: 54px;
  font-weight: 700;
  background-color: #fff
}

@media screen and (max-width:768px) {
  .p-price-graph_change_label {
    width: 33.333%
  }
}

@media screen and (min-width:769px) {
  .p-price-graph_change_label {
    width: 320px;
    height: 64px;
    font-size: 20px;
    color: #0168b6;
    border: 2px solid #0168b6;
    border-bottom: none;
    border-radius: 10px 10px 0 0
  }
}

@media screen and (max-width:768px) {
  .p-price-graph_change_label.is-active {
    color: #0168b6;
    box-shadow: inset 0 -3px #0168b6
  }
}

@media screen and (min-width:769px) {
  .p-price-graph_change_label.is-active {
    height: 80px;
    color: #fff;
    background-color: #0168b6
  }
}

.p-price-graph_change_label.disabled {
  color: #fff;
  background-color: #999;
  border: 2px solid #999
}

.p-price-graph_change_caption {
  display: -webkit-box;
  display: flex;
  gap: 15px;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  margin-bottom: 15px;
  font-size: 14px
}

@media screen and (min-width:769px) {
  .p-price-graph_change_caption {
    gap: 30px
  }
}

.p-price-graph_change_caption_item {
  padding-top: 40px
}

.p-price-graph_change_caption_item::before {
  display: inline-block;
  width: 20px;
  height: 10px;
  margin-right: 3px;
  vertical-align: middle;
  content: ""
}

.p-price-graph_change_caption_item:first-child {
  background: url("/assets/images/icon-price-graph_status-1-no-text.svg") center 0 no-repeat;
  background-size: 35px
}

.p-price-graph_change_caption_item:first-child::before {
  background-color: #daf7e9
}

.p-price-graph_change_caption_item:nth-child(2) {
  background: url("/assets/images/icon-price-graph_status-2-no-text.svg") center 0 no-repeat;
  background-size: 35px
}

.p-price-graph_change_caption_item:nth-child(2)::before {
  background-color: #fff0be
}

.p-price-graph_change_caption_item:nth-child(3) {
  background: url("/assets/images/icon-price-graph_status-3-no-text.svg") center 0 no-repeat;
  background-size: 35px
}

.p-price-graph_change_caption_item:nth-child(3)::before {
  background-color: #fcdbdb
}

.p-price-graph_change_contents {
  padding: 30px 15px;
  margin: 15px 0;
  background-color: #fff;
  border-top: 2px solid #ddd;
  border-bottom: 2px solid #ddd
}

@media screen and (min-width:769px) {
  .p-price-graph_change_contents {
    padding: 30px;
    margin: 0;
    border: 4px solid #0168b6;
    border-radius: 15px
  }
}

.p-price-graph_change_contents .scale-label {
  font-size: 12px;
  color: #707070
}

.p-price-graph_change_contents_item {
  display: none
}

.p-price-graph_change_contents_item.is-visible {
  display: -webkit-box!important;
  display: flex!important;
  -webkit-box-pack: center;
          justify-content: center
}

.p-price-graph_change_scroll-help {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  color: #707070
}

@media screen and (min-width:769px) {
  .p-price-graph_change_scroll-help {
    margin-right: 15px;
    margin-left: 15px
  }
}

.p-price-graph_how-to-use {
  padding: 0 15px;
  margin: 40px 0
}

@media screen and (min-width:769px) {
  .p-price-graph_how-to-use {
    max-width: 1000px;
    padding: 0;
    margin-right: auto;
    margin-left: auto
  }
}

.p-price-graph_how-to-use_lead {
  text-align: center
}

@media screen and (min-width:769px) {
  .p-price-graph_how-to-use_lead {
    margin-bottom: 10px!important;
    font-size: 20px
  }
}

.p-price-graph_how-to-use_table-skin {
  overflow: hidden;
  border: 2px solid #707070;
  border-radius: 10px
}

.p-price-graph_how-to-use_table {
  width: 100%
}

.p-price-graph_how-to-use_table tr+tr {
  border-top: 2px solid #707070
}

.p-price-graph_how-to-use_table td, .p-price-graph_how-to-use_table th {
  padding: 10px;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  vertical-align: middle
}

@media screen and (min-width:769px) {
  .p-price-graph_how-to-use_table td, .p-price-graph_how-to-use_table th {
    padding: 20px;
    font-size: 18px
  }
}

.p-price-graph_how-to-use_table td+td, .p-price-graph_how-to-use_table td+th, .p-price-graph_how-to-use_table th+td, .p-price-graph_how-to-use_table th+th {
  border-left: 2px solid #707070
}

.p-price-graph_how-to-use_th {
  font-weight: 400
}

.p-price-graph_how-to-use_th-1 .p-price-graph_how-to-use_th_txt {
  display: inline-block;
  padding: 10px 10px 10px 35px;
  white-space: nowrap;
  background: url("/assets/images/icon-price-graph_status-1-no-text.svg") 0 3px no-repeat;
  background-size: 30px
}

@media screen and (min-width:769px) {
  .p-price-graph_how-to-use_th-1 .p-price-graph_how-to-use_th_txt {
    padding-left: 40px;
    background-size: 35px
  }
}

.p-price-graph_how-to-use_td-1 {
  background-color: #daf7e9
}

.p-price-graph_how-to-use_th-2 .p-price-graph_how-to-use_th_txt {
  display: inline-block;
  padding: 10px 10px 10px 35px;
  white-space: nowrap;
  background: url("/assets/images/icon-price-graph_status-2-no-text.svg") 0 3px no-repeat;
  background-size: 30px
}

@media screen and (min-width:769px) {
  .p-price-graph_how-to-use_th-2 .p-price-graph_how-to-use_th_txt {
    padding-left: 40px;
    background-size: 35px
  }
}

.p-price-graph_how-to-use_td-2 {
  background-color: #fff0be
}

.p-price-graph_how-to-use_th-3 .p-price-graph_how-to-use_th_txt {
  display: inline-block;
  padding: 10px 10px 10px 35px;
  white-space: nowrap;
  background: url("/assets/images/icon-price-graph_status-3-no-text.svg") 0 3px no-repeat;
  background-size: 30px
}

@media screen and (min-width:769px) {
  .p-price-graph_how-to-use_th-3 .p-price-graph_how-to-use_th_txt {
    padding-left: 40px;
    background-size: 35px
  }
}

.p-price-graph_how-to-use_td-3 {
  background-color: #fcdbdb
}

@media screen and (min-width:769px) {
  .p-price-graph_how-to-use_txt {
    font-size: 16px
  }
}

.p-price-graph_confirm-price {
  margin-top: 20px;
  background-color: #fff;
  border: 2px solid #0168b6;
  border-radius: 10px
}

@media screen and (max-width:768px) {
  .p-price-graph_confirm-price {
    margin-right: 15px;
    margin-left: 15px
  }
}

@media screen and (min-width:769px) {
  .p-price-graph_confirm-price {
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto
  }
}

.p-price-graph_confirm-price_ttl {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  padding: 20px;
  font-weight: 700;
  cursor: pointer
}

@media screen and (min-width:769px) {
  .p-price-graph_confirm-price_ttl {
    font-size: 18px
  }
}

.p-price-graph_confirm-price_ttl::after {
  position: absolute;
  top: -4px;
  right: 20px;
  bottom: 0;
  width: 10px;
  height: 10px;
  margin: auto;
  content: "";
  border-top: 2px solid #0168b6;
  border-right: 2px solid #0168b6;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg)
}

.p-price-graph_confirm-price_ttl.is-active::after {
  top: 4px;
  -webkit-transform: rotate(315deg);
          transform: rotate(315deg)
}

.p-price-graph_confirm-price_body {
  display: none;
  max-width: 1000px;
  margin: auto
}

.p-price-graph_confirm-price_table-skin {
  margin: 20px;
  overflow: hidden;
  border: 2px solid #0168b6;
  border-radius: 10px
}

.p-price-graph_confirm-price_table-skin.is-active {
  display: block
}

.p-price-graph_confirm-price_table {
  width: 100%;
  table-layout: fixed
}

.p-price-graph_confirm-price_tr.statusColor-Light-1 {
  background-color: #daf7e9
}

.p-price-graph_confirm-price_tr.statusColor-Light-2 {
  background-color: #fff0be
}

.p-price-graph_confirm-price_tr.statusColor-Light-3 {
  background-color: #fcdbdb
}

.p-price-graph_confirm-price_tr:nth-child(n+3) {
  border-top: 1px dashed #0168b6
}

.p-price-graph_confirm-price_td, .p-price-graph_confirm-price_th {
  padding: 15px 0;
  font-size: 13px;
  text-align: center;
  vertical-align: middle
}

@media screen and (min-width:769px) {
  .p-price-graph_confirm-price_td, .p-price-graph_confirm-price_th {
    font-size: 18px
  }
}

.p-price-graph_confirm-price_th {
  color: #fff;
  background-color: #0168b6
}

.p-price-graph_confirm-logic {
  margin-top: 20px;
  background-color: #fff;
  border: 2px solid #0168b6;
  border-radius: 10px
}

@media screen and (max-width:768px) {
  .p-price-graph_confirm-logic {
    margin-right: 15px;
    margin-left: 15px
  }
}

@media screen and (min-width:769px) {
  .p-price-graph_confirm-logic {
    max-width: 1000px;
    margin-right: auto;
    margin-bottom: 40px;
    margin-left: auto
  }
}

.p-price-graph_confirm-logic_ttl {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  padding: 20px;
  font-weight: 700;
  cursor: pointer
}

@media screen and (min-width:769px) {
  .p-price-graph_confirm-logic_ttl {
    font-size: 18px
  }
}

.p-price-graph_confirm-logic_ttl::after {
  position: absolute;
  top: -4px;
  right: 20px;
  bottom: 0;
  width: 10px;
  height: 10px;
  margin: auto;
  content: "";
  border-top: 2px solid #0168b6;
  border-right: 2px solid #0168b6;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg)
}

.p-price-graph_confirm-logic_ttl.is-active::after {
  top: 4px;
  -webkit-transform: rotate(315deg);
          transform: rotate(315deg)
}

.p-price-graph_confirm-logic_body {
  display: none;
  max-width: 1000px;
  padding-bottom: 20px;
  margin: auto
}

.p-price-graph_confirm-logic_table-skin {
  margin: 20px 20px 0;
  overflow: hidden;
  border: 2px solid #0168b6;
  border-radius: 10px
}

.p-price-graph_confirm-logic_table-skin.is-active {
  display: block
}

.p-price-graph_confirm-logic_table {
  width: 100%
}

.p-price-graph_confirm-logic_tr-border-top {
  border-top: 1px dashed #0168b6
}

.p-price-graph_confirm-logic_th[colspan="2"] {
  font-size: 15px;
  color: #fff;
  background-color: #0168b6
}

@media screen and (min-width:769px) {
  .p-price-graph_confirm-logic_th[colspan="2"] {
    font-size: 20px
  }
}

.p-price-graph_confirm-logic_td, .p-price-graph_confirm-logic_th {
  padding: 15px 0;
  font-size: 12px;
  vertical-align: middle
}

@media screen and (min-width:769px) {
  .p-price-graph_confirm-logic_td, .p-price-graph_confirm-logic_th {
    font-size: 16px
  }
}

.p-price-graph_confirm-logic_th {
  width: 30%;
  text-align: center
}

.p-price-graph_confirm-logic_td {
  padding-right: 10px;
  padding-left: 10px;
  line-height: 1.5;
  border-left: 1px solid #0168b6
}

.p-price-graph_confirm-logic .logic-annotation-wrap {
  margin: 20px
}

.p-price-graph_confirm-logic .logic-annotation-wrap .logic-annotation {
  margin-bottom: 7px;
  font-size: 12px
}

.p-price-graph_notes {
  margin-top: 40px;
  text-align: left
}

.p-price-graph_notes-ttl {
  position: relative;
  padding-bottom: 8px;
  font-size: 18px;
  font-weight: 700;
  border-bottom: 1px solid #999
}

.p-price-graph_notes-ttl::after {
  position: absolute;
  top: -8px;
  right: 4px;
  bottom: 0;
  width: 10px;
  height: 10px;
  margin: auto;
  content: "";
  border-top: 2px solid #0168b6;
  border-right: 2px solid #0168b6;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg)
}

.p-price-graph_notes-ttl.is-active::after {
  top: 4px;
  -webkit-transform: rotate(315deg);
          transform: rotate(315deg)
}

.p-price-graph_notes-body {
  display: none;
  text-align: justify
}

.p-price-graph-bnr-layout {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  gap: 40px;
  padding: 0 15px
}

.p-price-graph-bnr {
  display: block;
  -webkit-transition: .2s;
  transition: .2s
}

.p-price-graph-bnr:hover {
  opacity: .75
}

.p-price-graph .scrollableChartWrapper {
  position: relative
}

.p-price-graph .scrollableChartWrapper>.canvas-wrap {
  position: relative;
  overflow-x: scroll
}

.p-price-graph .scrollableChartWrapper>div canvas {
  width: 2000px!important
}

.p-price-graph .scrollableChartWrapper>canvas {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff
}

.p-price-graph .error-text-unitprice, .p-price-graph .error-text-unitprice-now-data {
  display: none;
  font-size: 18px;
  font-weight: 700;
  text-align: center
}

.p-price-graph a#stolplink {
  display: block;
  height: 270px;
  margin-top: 20px;
  margin-right: 15px;
  margin-left: 15px;
  background: url("/assets/images/smarttimeone-sp.jpg") center 0 no-repeat;
  background-size: contain
}

@media screen and (min-width:769px) {
  .p-price-graph a#stolplink {
    height: 160px;
    background: url("/assets/images/smarttimeone.jpg") center 0 no-repeat;
    background-size: contain
  }
}

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

@media screen and (min-width:1200px) {
  .u_pc_flex {
    display: -webkit-box;
    display: flex
  }
}

@media screen and (min-width:769px) {
  .u_pcTab_flex {
    display: -webkit-box;
    display: flex
  }
}

@media screen and (max-width:768px) {
  .u_sp_flex {
    display: -webkit-box;
    display: flex
  }
}

@media screen and (max-width:1199px) {
  .u_spTab_flex {
    display: -webkit-box;
    display: flex
  }
}

@media screen and (min-width:1200px) {
  .u_pcFlex {
    display: -webkit-box;
    display: flex
  }
}

@media screen and (max-width:1199px) {
  .u_spFlex {
    display: -webkit-box;
    display: flex
  }
}

@media screen and (min-width:769px) {
  .u_pc_tabFlex {
    display: -webkit-box;
    display: flex
  }
}

.u_flex__alignCenter {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center
}

@media screen and (min-width:1200px) {
  .u_pcFlex__alignCenter {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center
  }
}

@media screen and (max-width:768px) {
  .u_spFlex__alignCenter {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center
  }
}

@media screen and (min-width:769px) {
  .u_pcTabFlex__alignCenter {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center
  }
}

.u_flex__alignBase {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: baseline;
          align-items: baseline
}

.u_flex__center {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center
}

@media screen and (min-width:1200px) {
  .u_pcFlex__center {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center
  }
}

@media screen and (min-width:769px) {
  .u_pc_tabFlex__center {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center
  }
}

@media screen and (max-width:1199px) {
  .u_spFlex__center {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center
  }
}

@media screen and (min-width:1200px) {
  .u_pcFlex__end {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: end;
            justify-content: flex-end
  }
}

@media screen and (max-width:1199px) {
  .u_spFlex__end {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: end;
            align-items: flex-end
  }
}

.u_flex__bothEnd {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between
}

@media screen and (min-width:1200px) {
  .u_pcFlex__bothEnd {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
            justify-content: space-between
  }
}

@media screen and (max-width:1199px) {
  .u_spFlex__bothEnd {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
            justify-content: space-between
  }
}

@media screen and (min-width:769px) {
  .u_pc_tabFlex__bothEnd {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
            justify-content: space-between
  }
}

.u_flex__bothEnd--center {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between
}

._jcc {
  -webkit-box-pack: center;
          justify-content: center
}

._fww, ._fww_tab {
  flex-wrap: wrap
}

.w-100 {
  width: 100%
}

@media screen and (max-width:768px) {
  .w-100_sp {
    width: 100%
  }
}

@media screen and (min-width:1200px) {
  .u_spcall {
    pointer-events: none
  }
}

.u_font__oswald {
  font-family: Oswald, sans-serif
}

.u_font__semilight {
  font-weight: 500!important
}

.u_font__semiBold {
  font-weight: 600
}

.u_font__bold {
  font-weight: 700
}

.u_font__black {
  font-weight: 900
}

.u_font__caution {
  color: #e9593a
}

.ermsg {
  width: 100%
}

.ermsg .error {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 3px;
  margin-top: 5px;
  font-size: 16px;
  color: #e85f5f;
  background-color: #fbded7
}

.ermsg .error::before {
  display: block;
  width: 19px;
  height: 18px;
  margin-right: 5px;
  content: "";
  background: url("../images/attention.svg") no-repeat 50%/contain
}

.js_selected {
  display: none
}

.js_selected.active {
  display: block
}

.js_electric_selected {
  display: none
}

.js_electric_selected.active {
  display: block
}

.is_disable {
  pointer-events: none;
  opacity: .7
}

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

.js_closeKenshinhyo {
  cursor: pointer
}

.is_electricCompanySelect_other {
  display: none
}

.is_electricCompanySelect_other.active {
  display: -webkit-box;
  display: flex
}

.is_electricPaper {
  display: none
}

.is_electricPaper.active {
  display: block
}

@media screen and (max-width:768px) {
  .is_alldenka_disable {
    width: 100%
  }
}

.is_tokyoarea-selected {
  display: none
}

.is_tokyoarea-selected.active {
  display: block
}

@media screen and (min-width:1200px)and (min-width:769px) {
  .u_btnhover {
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out
  }

  .u_btnhover:hover {
    -webkit-filter: brightness(1.15);
            filter: brightness(1.15)
  }

  .u_btnhover2 {
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out
  }

  .u_btnhover2:hover {
    opacity: .7
  }
}

.p_agreement_list__switch {
  width: 160px!important;
  cursor: pointer
}

@media screen and (max-width:768px) {
  .p_agreement_list__switch {
    width: 50%!important
  }
}

.p_agreement_list__switch.active {
  pointer-events: none;
  cursor: default
}

.p_mypage_detail__tabWrap {
  width: 100%
}

.p_mypage_detail__buttonGroup {
  display: -webkit-box;
  display: flex;
  margin-top: 30px!important
}

@media screen and (min-width:769px) {
  .p_mypage_detail__buttonGroup {
    -webkit-box-pack: end;
            justify-content: flex-end
  }
}

@media screen and (max-width:768px) {
  .p_mypage_detail__buttonGroup {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: center;
            justify-content: center
  }

  .p_mypage_detail__buttonWrap {
    padding: 0!important
  }

  .p_mypage_detail__buttonWrap:nth-child(n+2) {
    margin-top: 15px
  }
}

.p_mypage_detail__button {
  text-align: center
}

.p_mypage_detail__tableTop {
  border-bottom: 1px solid #202020
}

@media screen and (min-width:1200px) {
  .plusgas_list.c_caption_list {
    padding: 0 0 0 600px
  }
}

@media screen and (min-width:769px)and (max-width:1199px) {
  .plusgas_list.c_caption_list {
    padding: 0 15px
  }
}

@media screen and (max-width:768px) {
  .plusgas_list.c_caption_list {
    padding: 0 20px
  }
}

.plusgas_list.c_caption_list .item {
  font-size: 12px;
  line-height: 1.875
}

.u_b_l_none {
  border-left: 0!important
}

.u_b_tl {
  border-top-left-radius: 10px!important
}

.u_b_tr {
  border-top-right-radius: 10px!important
}

.u_b_bl {
  border-bottom-left-radius: 10px!important
}

.u_b_br {
  border-bottom-right-radius: 10px!important
}

.u_b_tl_none {
  border-top-left-radius: 0!important
}

.u_b_tr_none {
  border-top-right-radius: 0!important
}

.u_b_bl_none {
  border-bottom-left-radius: 0!important
}

.u_b_br_none {
  border-bottom-right-radius: 0!important
}

.after_content_none::after {
  content: none!important
}

.block {
  display: block
}

.hidden {
  display: none
}

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

.flex-center {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center
}

.l_copy_message {
  position: fixed;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 1001;
  display: none;
  width: 80%;
  padding: 2rem;
  margin: auto;
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
  background: #777
}

.link_disabled {
  pointer-events: none
}

.c_side_list._post .item a img {
  align-self: flex-start;
  width: 80px
}

.c_inputCheck[type="checkbox"]:checked+.c_inputCheckTxt::after {
  background-image: url("../images/check.png")
}

.p_common_cookie {
  display: none
}

.display-graph-area {
  width: 100%;
  height: 72vw
}

.display-graph {
  width: 100%;
  height: 100%
}

.u_select2 {
  width: auto;
  max-width: none;
  overflow: visible
}

.p_adMv {
  background-color: #0168B6;
}
.p_adMv__imageItem {
  width: 100%;
}
.p_action {
  background-color: #00589B;
  padding: 32px 20px;
}
@media screen and (max-width: 1199px) {
  .p_action {
    padding: 20px;
  }
}
.p_action__wrapper {
  width: 100%;
  max-width: 1152px;
  margin: 0 auto;
  display: -webkit-box;
  display: flex;
}
@media screen and (max-width: 1199px) {
  .p_action__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-flow: column;
    gap: 20px;
    max-width: 516px;
  }
}
.p_action__item {
  -webkit-box-flex: 1;
          flex: 1;
  border-right: 3px dashed #ddd;
  padding-right: 60px;
  margin-left: 60px;
}
@media screen and (max-width: 1199px) {
  .p_action__item {
    padding: 0;
    margin: 0;
    border-right: none;
  }
}
.p_action__item:first-child {
  margin-left: 0;
}
.p_action__item:last-child {
  border-right: none;
  padding-right: 0;
}
.p_action__button {
  border-radius: 10px;
  height: 95px;
  padding-right: 0;
  width: 100%;
  max-width: 516px;
  background-color: #fff;
  color: #0168B6;
  position: relative;
  -webkit-box-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
}
.p_action__button--red {
  box-shadow: 0 3px #d53337;
  background-color: #e85f5f;
  color: #fff;
}
.p_action__button:hover {
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
  box-shadow: none;
}
@media screen and (max-width: 1199px) {
  .p_action__button {
    height: 64px;
  }
}
.p_action__chatch {
  font-size: 15px;
  line-height: 1;
  font-weight: 900;
  display: block;
}
@media screen and (max-width: 1199px) {
  .p_action__chatch {
    font-size: 11px;
  }
}
.p_action__text {
  font-size: 28px;
  line-height: 1;
  font-weight: 900;
  margin-top: 12px;
  display: block;
}
@media screen and (max-width: 1199px) {
  .p_action__text {
    font-size: 20px;
    margin-top: 6px;
  }
}
.p_section {
  background-color: #EDF6FC;
  padding: 80px 20px;
}
@media screen and (max-width: 768px) {
  .p_section {
    padding: 60px 20px;
  }
}
.p_section__title {
  color: #0168B6;
  font-size: 40px;
  line-height: 1.4;
  font-weight: 700;
  text-align: center;
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .p_section__title {
    margin-top: 60px;
    font-size: 28px;
    line-height: 1.3214285714;
  }
}
.p_section__title::after {
  background: -webkit-linear-gradient(left, #0068b6 50%, #fee100 0);
  background: linear-gradient(90deg, #0068b6 50%, #fee100 0);
  border-radius: 10px;
  content: "";
  display: block;
  height: 5px;
  margin: 29px auto 0;
  overflow: hidden;
  width: 54px;
}
@media screen and (max-width: 768px) {
  .p_section__title::after {
    margin-top: 9px;
    width: 48px;
    height: 4px;
  }
}
.p_section__title:first-child {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .p_section__title--parts11 {
    font-size: 24px;
    line-height: 1.2083333333;
  }
  .p_section__title--parts11::after {
    display: none;
  }
}
.p_section__imageTitle {
  text-align: center;
}
.p_section__titlePoint {
  font-weight: 700;
  font-size: 40px;
  line-height: 140%;
  text-align: center;
  color: #0168B6;
  position: relative;
  padding-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .p_section__titlePoint {
    font-size: 28px;
    padding-bottom: 10px;
  }
}
.p_section__titlePoint::before {
  content: "";
  position: absolute;
  width: 54px;
  height: 5px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAAAKCAYAAABRy7uKAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADHSURBVHgB7dfPCcIwFAbw78UiiJfOIYV2hOIGnUC9FZdouoXHdoLiBK13D0LdQ8GDJ/uZiEM0IT/In3cLfJDkCf6SsssJqYTIKIjhuOuxgCcGKDarBK0tlJ2S8lyZsHqzzX0IyzM5Jmneo6psEW3Kbk9QI5g3Ur9GXJRAdgicEFEqeyXmCJwgQKZAPBE4gUCsTGw3BI7gYN4w1gicsCAadT8VQwht9jiR9TJF++vDTGjafO0PsE2a/+jKIPEwS48Pt+sU2h7+C4XNaGETZ1njAAAAAElFTkSuQmCC);
  background-size: cover;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
}
@media screen and (max-width: 768px) {
  .p_section__titlePoint::before {
    width: 48px;
    height: 4px;
  }
}
.p_section__cardWrap {
  margin: 48px auto 0;
  max-width: 1136px;
}
@media screen and (max-width: 768px) {
  .p_section__cardWrap {
    margin-top: 40px;
  }
}
.p_section__cardWrap.is_noMargin {
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p_section__cardWrap.is_noMargin {
    margin-top: 0;
  }
}
.p_section__cardItem {
  margin-top: 48px;
}
@media screen and (max-width: 768px) {
  .p_section__cardItem {
    margin-top: 31px;
  }
}
.p_section__cardItem:first-child {
  margin-top: 0;
}
.p_section__buttonWrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p_section__buttonWrap {
    margin-top: 31px;
  }
}
.p_section__button {
  background-color: #0168B6;
  color: #fff;
  font-weight: 900;
  font-size: 20px;
  line-height: 1;
  display: -webkit-inline-box;
  display: inline-flex;
  max-width: 516px;
  height: 64px;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  box-shadow: 0 3px #00589B;
  border-radius: 10px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
}
.p_section__button:hover {
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
  box-shadow: none;
}
.p_section__voice {
  margin: 48px auto 0;
  max-width: 1136px;
}
@media screen and (max-width: 1199px) {
  .p_section__voice {
    max-width: 516px;
  }
}
@media screen and (max-width: 768px) {
  .p_section__voice {
    margin-top: 30px;
  }
}
.p_sectionCard {
  background-color: #fff;
  border-radius: 15px;
  padding: 48px 80px;
}
@media screen and (max-width: 768px) {
  .p_sectionCard {
    padding: 28px 24px 24px;
  }
}
.p_sectionCard__contents {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p_sectionCard__contents {
    margin-top: 16px;
  }
}
.p_pointTitle {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
}
.p_pointTitle__text {
  background-color: #FEE100;
  border-radius: 50px;
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
  display: -webkit-inline-box;
  display: inline-flex;
  padding: 10px 15px;
  color: #0168B6;
  -webkit-box-align: end;
          align-items: flex-end;
}
@media screen and (max-width: 768px) {
  .p_pointTitle__text {
    padding: 9px 11px 6px 11px;
    font-size: 15px;
    -webkit-box-align: center;
            align-items: center;
    gap: 5px;
  }
}
.p_pointTitle__number {
  font-size: 24px;
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .p_pointTitle__number {
    font-size: 20px;
  }
}
.p_point1__wrap {
  display: -webkit-box;
  display: flex;
  gap: 32px;
  -webkit-box-align: center;
          align-items: center;
  padding-bottom: 40px;
  border-bottom: 2px dashed rgba(1, 104, 182, 0.2);
}
@media screen and (max-width: 768px) {
  .p_point1__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-flow: column;
    gap: 30px;
    padding-bottom: 30px;
  }
}
.p_point1__textArea {
  width: 50%;
  -webkit-box-flex: 1;
          flex: 1;
}
@media screen and (max-width: 768px) {
  .p_point1__textArea {
    width: 100%;
  }
}
.p_point1__textAreaTitle {
  text-align: center;
}
.p_point1__textAreaContent {
  font-size: 15px;
  line-height: 1.7333333333;
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  .p_point1__textAreaContent {
    margin-top: 16px;
  }
}
.p_point1__imageArea {
  width: 50%;
  -webkit-box-flex: 1;
          flex: 1;
}
@media screen and (max-width: 768px) {
  .p_point1__imageArea {
    width: 100%;
  }
}
.p_point1__imageItem {
  width: 100%;
}
.p_point1__movieWrap {
  max-width: 663px;
  width: 100%;
  display: -webkit-box;
  display: flex;
  margin: 40px auto 0;
  -webkit-box-align: center;
          align-items: center;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .p_point1__movieWrap {
    margin-top: 30px;
    gap: 7px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-flow: column;
    max-width: none;
  }
}
.p_point1__movieTitle {
  font-size: 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p_point1__movieTitle {
    color: #0168B6;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
  }
}
@media screen and (max-width: 768px) {
  .p_point1__movieTitleImage {
    display: none;
  }
}
.p_point1__movieCopy {
  display: none;
}
@media screen and (max-width: 768px) {
  .p_point1__movieCopy {
    display: -webkit-inline-box;
    display: inline-flex;
    color: #0168B6;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    margin-top: 20px;
    gap: 8px;
    -webkit-box-align: center;
            align-items: center;
  }
  .p_point1__movieCopy::before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 20px;
    background-color: #FEE100;
    -webkit-transform: rotate(-25deg);
            transform: rotate(-25deg);
    -webkit-clip-path: polygon(0 0, 100% 8%, 100% 100%, 51% 95%);
            clip-path: polygon(0 0, 100% 8%, 100% 100%, 51% 95%);
    margin-right: 2px;
  }
  .p_point1__movieCopy::after {
    content: "";
    display: inline-block;
    width: 5px;
    height: 20px;
    background-color: #FEE100;
    -webkit-transform: rotate(25deg);
            transform: rotate(25deg);
    -webkit-clip-path: polygon(0 8%, 100% 0, 51% 95%, 0 100%);
            clip-path: polygon(0 8%, 100% 0, 51% 95%, 0 100%);
  }
}
.p_point1__youtubeWrap {
  max-width: 368px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p_point1__youtubeWrap {
    max-width: none;
  }
}
.p_point2__wrap {
  display: -webkit-box;
  display: flex;
  gap: 32px;
  -webkit-box-align: center;
          align-items: center;
  padding-bottom: 40px;
  border-bottom: 2px dashed rgba(1, 104, 182, 0.2);
}
@media screen and (max-width: 768px) {
  .p_point2__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-flow: column;
    gap: 30px;
    padding-bottom: 30px;
  }
}
.p_point2__textArea {
  width: 50%;
  -webkit-box-flex: 1;
          flex: 1;
}
@media screen and (max-width: 768px) {
  .p_point2__textArea {
    width: 100%;
  }
}
.p_point2__textAreaTitle {
  text-align: center;
}
.p_point2__textAreaContent {
  font-size: 15px;
  line-height: 1.7333333333;
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  .p_point2__textAreaContent {
    margin-top: 16px;
  }
}
.p_point2__textAreaNote {
  font-size: 10px;
  line-height: 1.4;
  display: block;
  margin-top: 12px;
}
@media screen and (max-width: 768px) {
  .p_point2__textAreaNote {
    margin-top: 8px;
  }
}
.p_point2__imageArea {
  width: 50%;
  -webkit-box-flex: 1;
          flex: 1;
}
@media screen and (max-width: 768px) {
  .p_point2__imageArea {
    width: 100%;
  }
}
.p_point2__imageItem {
  width: 100%;
}
.p_point2__imageNote {
  font-size: 10px;
  line-height: 1.4;
  display: block;
  margin-top: 18px;
}
.p_point2__movieWrap {
  max-width: 663px;
  width: 100%;
  display: -webkit-box;
  display: flex;
  margin: 40px auto 0;
  -webkit-box-align: center;
          align-items: center;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .p_point2__movieWrap {
    margin-top: 30px;
    gap: 6px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-flow: column;
    max-width: none;
  }
}
.p_point2__movieTitle {
  font-size: 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p_point2__movieTitle {
    color: #0168B6;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
  }
}
@media screen and (max-width: 768px) {
  .p_point2__movieTitleImage {
    display: none;
  }
}
.p_point2__movieCopy {
  display: none;
}
@media screen and (max-width: 768px) {
  .p_point2__movieCopy {
    display: -webkit-inline-box;
    display: inline-flex;
    color: #0168B6;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    margin-top: 20px;
    gap: 8px;
    -webkit-box-align: center;
            align-items: center;
  }
  .p_point2__movieCopy::before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 20px;
    background-color: #FEE100;
    -webkit-transform: rotate(-25deg);
            transform: rotate(-25deg);
    -webkit-clip-path: polygon(0 0, 100% 8%, 100% 100%, 51% 95%);
            clip-path: polygon(0 0, 100% 8%, 100% 100%, 51% 95%);
    margin-right: 2px;
  }
  .p_point2__movieCopy::after {
    content: "";
    display: inline-block;
    width: 5px;
    height: 20px;
    background-color: #FEE100;
    -webkit-transform: rotate(25deg);
            transform: rotate(25deg);
    -webkit-clip-path: polygon(0 8%, 100% 0, 51% 95%, 0 100%);
            clip-path: polygon(0 8%, 100% 0, 51% 95%, 0 100%);
  }
}
.p_point2__youtubeWrap {
  max-width: 368px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p_point2__youtubeWrap {
    max-width: none;
  }
}
.p_point3__wrap {
  display: -webkit-box;
  display: flex;
  gap: 32px;
  -webkit-box-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .p_point3__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-flow: column;
    gap: 23px;
  }
}
.p_point3__textArea {
  width: 50%;
  -webkit-box-flex: 1;
          flex: 1;
}
@media screen and (max-width: 768px) {
  .p_point3__textArea {
    width: 100%;
  }
}
.p_point3__textAreaTitle {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p_point3__textAreaTitleImage {
    display: none;
  }
}
.p_point3__textAreaTitleText {
  display: none;
}
@media screen and (max-width: 768px) {
  .p_point3__textAreaTitleText {
    font-weight: 700;
    line-height: 138%;
    font-size: 30px;
    color: #0168B6;
    display: inline-block;
  }
}
.p_point3__textAreaContent {
  font-size: 15px;
  line-height: 1.7333333333;
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  .p_point3__textAreaContent {
    margin-top: 13px;
  }
}
.p_point3__imageArea {
  width: 50%;
  -webkit-box-flex: 1;
          flex: 1;
}
@media screen and (max-width: 768px) {
  .p_point3__imageArea {
    width: 100%;
  }
}
.p_point3__imageItem {
  width: 100%;
}
.p_point3__youtubeWrap {
  max-width: 368px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p_point3__youtubeWrap {
    max-width: none;
  }
}
.p_point3__contentTitle {
  text-align: center;
  color: #0168B6;
  font-size: 32px;
  line-height: 1.4;
  font-weight: 700;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p_point3__contentTitle {
    font-size: 20px;
    margin-top: 30px;
  }
}
.p_point3__content {
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  .p_point3__content {
    margin-top: 20px;
  }
}
.p_point4__wrap {
  display: -webkit-box;
  display: flex;
  gap: 32px;
  -webkit-box-align: center;
          align-items: center;
  padding-bottom: 40px;
  border-bottom: 2px dashed rgba(1, 104, 182, 0.2);
}
@media screen and (max-width: 768px) {
  .p_point4__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-flow: column;
    gap: 21px;
    padding-bottom: 0;
    border-bottom: none;
  }
}
.p_point4__textArea {
  width: 50%;
  -webkit-box-flex: 1;
          flex: 1;
}
@media screen and (max-width: 768px) {
  .p_point4__textArea {
    width: 100%;
  }
}
.p_point4__textAreaTitle {
  text-align: center;
}
.p_point4__textAreaContent {
  font-size: 15px;
  line-height: 1.7333333333;
  margin-top: 32px;
}
.p_point4__textAreaContent a {
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .p_point4__textAreaContent {
    margin-top: 16px;
  }
}
.p_point4__imageArea {
  width: 50%;
  -webkit-box-flex: 1;
          flex: 1;
}
@media screen and (max-width: 768px) {
  .p_point4__imageArea {
    width: 100%;
  }
}
.p_point4__imageItem {
  width: 100%;
}
.p_tab {
  border-radius: 13px;
  overflow: hidden;
}
.p_tab__menu {
  background-color: #0168B6;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  gap: 30px;
  padding: 20px;
}
@media screen and (max-width: 768px) {
  .p_tab__menu {
    gap: 6px;
    padding: 16px 13px 16px 12px;
  }
}
.p_tab__menuItem {
  color: #fff;
  font-size: 16px;
  line-height: 1.3125;
  font-weight: 900;
  padding-bottom: 6px;
  position: relative;
  display: inline-block;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .p_tab__menuItem {
    width: 33.3333333333%;
    text-align: center;
    font-size: 13px;
  }
  .p_tab__menuItem:first-child {
    font-size: 12px;
    padding-left: 1px;
  }
}
.p_tab__menuItem:hover {
  opacity: 0.7;
}
.p_tab__menuItem.is-active:hover {
  pointer-events: none;
  opacity: 1;
  cursor: default;
}
.p_tab__menuItem.is-active::after {
  content: "";
  display: block;
  height: 2px;
  width: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  background-color: #fff;
}
.p_tab__contents {
  background-color: #EDF6FC;
  padding: 40px 44px;
}
@media screen and (max-width: 768px) {
  .p_tab__contents {
    padding: 24px;
  }
}
.p_tab__contentItem {
  display: none;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .p_tab__contentItem {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-flow: column;
    gap: 17px;
  }
}
.p_tab__contentItem.is-active {
  display: -webkit-box;
  display: flex;
}
.p_tab__graphArea {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  width: 50%;
}
@media screen and (max-width: 768px) {
  .p_tab__graphArea {
    width: 100%;
  }
}
.p_tab__graphAreaTitle {
  color: #0168B6;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.4583333333;
  text-align: center;
}
@media screen and (max-width: 1199px) {
  .p_tab__graphAreaTitle {
    font-size: 0;
  }
}
.p_tab__graphAreaTitleImage {
  display: none;
  width: 100%;
  padding: 8px;
}
@media screen and (max-width: 1199px) {
  .p_tab__graphAreaTitleImage {
    display: inline-block;
    width: 30vw;
  }
  .p_tab__graphAreaTitleImage--three {
    width: 21.3vw;
  }
  .p_tab__graphAreaTitleImage--one {
    width: 34vw;
  }
}
@media screen and (max-width: 768px) {
  .p_tab__graphAreaTitleImage {
    display: inline-block;
    width: 62vw;
  }
  .p_tab__graphAreaTitleImage--three {
    width: 45vw;
    padding: 0 13px;
  }
  .p_tab__graphAreaTitleImage--one {
    width: 66vw;
  }
}
.p_tab__imageGraph {
  margin-top: 48px;
}
@media screen and (max-width: 768px) {
  .p_tab__imageGraph {
    margin-top: 24px;
  }
}
.p_tab__expectationArea {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  width: 50%;
}
@media screen and (max-width: 768px) {
  .p_tab__expectationArea {
    width: 100%;
  }
}
.p_tab__expectationTitle {
  margin: 0 auto;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p_tab__expectationTitle {
    padding: 0 8px;
  }
}
.p_tab__expectationImage {
  margin-top: 24px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p_tab__expectationImage {
    margin-top: 20px;
  }
}
.p_tab__expectationNote {
  font-size: 11px;
  line-height: 1.4545454545;
  margin-top: 24px;
}
.p_voice {
  display: -webkit-box;
  display: flex;
  gap: 21px;
}
@media screen and (max-width: 1199px) {
  .p_voice {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-flow: column;
    gap: 12px;
    -webkit-box-pack: center;
            justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .p_voice {
    gap: 9px;
  }
}
.p_voice__item {
  border-radius: 15px;
  background-color: #fff;
  padding: 24px;
  width: 33.3333333333%;
  display: -webkit-box;
  display: flex;
  gap: 14px;
  -webkit-box-align: center;
          align-items: center;
}
@media screen and (max-width: 1199px) {
  .p_voice__item {
    width: 100%;
    padding: 19px 19px;
  }
}
.p_voice__content {
  width: 100%;
  -webkit-box-flex: 1;
          flex: 1;
  font-size: 20px;
  line-height: 1.45;
  font-weight: 700;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .p_voice__content {
    font-size: 15px;
  }
}
.p_voice__user {
  margin-top: 7px;
  font-size: 13px;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .p_voice__user {
    font-size: 11px;
    margin-top: 5px;
  }
}
.p_voice__image {
  width: 64px;
}
.p_youtube {
  border-radius: 8px;
  -webkit-filter: drop-shadow(8px 8px 0px #FFFFFF);
          filter: drop-shadow(8px 8px 0px #FFFFFF);
  width: 100%;
  overflow: hidden;
  aspect-ratio: 16/9;
  position: relative;
}
.p_youtube__wrapper {
  width: 100%;
  height: 100%;
}
.p_youtube__player {
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.p_youtube__player.is-hide {
  display: none;
}
.p_youtube__player-image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.p_youtube__player-icon {
  position: absolute;
  width: 66px;
  height: 46px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.p_kind {
  background-color: #EDF6FC;
  padding: 80px 20px 110px;
}
@media screen and (max-width: 768px) {
  .p_kind {
    padding: 60px 20px 84px;
  }
}
.p_kind .p_kind_title {
  font-weight: 700;
  font-size: 40px;
  line-height: 140%;
  text-align: center;
  color: #0168B6;
  position: relative;
  padding-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .p_kind .p_kind_title {
    font-size: 28px;
    padding-bottom: 10px;
  }
}
.p_kind .p_kind_title::before {
  content: "";
  position: absolute;
  width: 54px;
  height: 5px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAAAKCAYAAABRy7uKAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADHSURBVHgB7dfPCcIwFAbw78UiiJfOIYV2hOIGnUC9FZdouoXHdoLiBK13D0LdQ8GDJ/uZiEM0IT/In3cLfJDkCf6SsssJqYTIKIjhuOuxgCcGKDarBK0tlJ2S8lyZsHqzzX0IyzM5Jmneo6psEW3Kbk9QI5g3Ur9GXJRAdgicEFEqeyXmCJwgQKZAPBE4gUCsTGw3BI7gYN4w1gicsCAadT8VQwht9jiR9TJF++vDTGjafO0PsE2a/+jKIPEwS48Pt+sU2h7+C4XNaGETZ1njAAAAAElFTkSuQmCC);
  background-size: cover;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
}
@media screen and (max-width: 768px) {
  .p_kind .p_kind_title::before {
    width: 48px;
    height: 4px;
  }
}
.p_kind .p_kind_list {
  display: -webkit-box;
  display: flex;
  max-width: 1152px;
  margin: 48px auto 0;
  -webkit-box-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p_kind .p_kind_list {
    margin-top: 30px;
    display: block;
  }
}
.p_kind .p_kind_list_item {
  background-color: #ffffff;
  border-radius: 15px;
  width: 49%;
  padding: 38px 0 30px;
}
@media screen and (max-width: 768px) {
  .p_kind .p_kind_list_item {
    width: 100%;
  }
  .p_kind .p_kind_list_item + .p_kind_list_item {
    margin-top: 20px;
  }
}
.p_kind .p_kind_item_title {
  font-weight: 700;
  font-size: 30px;
  color: #0168B6;
  text-align: center;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p_kind .p_kind_item_title {
    margin-top: 20px;
  }
}
.p_kind .p_kind_item_text {
  font-size: 18px;
  line-height: 150%;
  margin-top: 24px;
  padding: 0 40px;
}
@media screen and (max-width: 768px) {
  .p_kind .p_kind_item_text {
    font-size: 15px;
    padding: 0 24px;
    margin-top: 16px;
  }
}
.p_pointGas__wrap {
  display: -webkit-box;
  display: flex;
  gap: 32px;
  -webkit-box-align: center;
          align-items: center;
  padding-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .p_pointGas__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-flow: column;
    gap: 30px;
    padding-bottom: 30px;
  }
}
.p_pointGas__wrap + .p_pointGas__wrap {
  padding-top: 40px;
  border-top: 2px dashed rgba(1, 104, 182, 0.2);
}
.p_pointGas__wrap:last-child {
  padding-bottom: 0;
}
.p_pointGas__textArea {
  -webkit-box-flex: 1;
          flex: 1;
  width: 50%;
}
@media screen and (max-width: 768px) {
  .p_pointGas__textArea {
    width: 100%;
  }
}
.p_pointGas__textAreaTitle {
  text-align: center;
}
.p_pointGas__textAreaContent {
  margin-top: 32px;
  font-size: 15px;
  line-height: 1.7333333333;
}
@media screen and (max-width: 768px) {
  .p_pointGas__textAreaContent {
    margin-top: 16px;
  }
}
.p_pointGas__imageArea {
  -webkit-box-flex: 1;
          flex: 1;
  width: 50%;
}
@media screen and (max-width: 768px) {
  .p_pointGas__imageArea {
    width: 100%;
  }
}
.p_pointGas__imageItem {
  width: 100%;
}
.p_pointGas_note {
  margin-top: 10px;
  font-size: 11px;
  line-height: 16px;
}
.p_pointGas__textImage3 {
  width: 100%;
  max-width: 400px;
}
@media screen and (max-width: 768px) {
  .p_pointGas__textImage3 {
    max-width: 90%;
  }
}
.p_pointGas__textLink {
  text-decoration: underline;
}
.p_pointGas__textLink:hover {
  text-decoration: none;
}
.p_no1 {
  padding: 80px 20px 120px;
}
@media screen and (max-width: 768px) {
  .p_no1 {
    padding: 50px 20px 50px;
  }
}
.p_no1 .p_no1_flex {
  max-width: 965px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .p_no1 .p_no1_flex {
    display: block;
  }
}
.p_no1 .p_no1_textbox {
  width: 47%;
}
@media screen and (max-width: 768px) {
  .p_no1 .p_no1_textbox {
    width: 100%;
  }
}
.p_no1 .p_no1_lead {
  text-align: center;
  font-weight: 700;
  font-size: 30px;
  color: #0168B6;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p_no1 .p_no1_lead {
    font-size: 20px;
    margin-top: 0px;
  }
}
.p_no1 .p_no1_title {
  font-weight: 700;
  font-size: 48px;
  line-height: 70px;
  text-align: center;
  color: #0168B6;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .p_no1 .p_no1_title {
    font-size: 30px;
    line-height: 43px;
    margin-top: 12px;
  }
}
.p_no1 .p_no1_text {
  font-weight: 400;
  font-size: 15px;
  line-height: 26px;
  margin-top: 28px;
}
@media screen and (max-width: 768px) {
  .p_no1 .p_no1_text {
    margin-top: 14px;
  }
}
.p_no1 .p_no1_imagebox {
  width: 40%;
}
@media screen and (max-width: 768px) {
  .p_no1 .p_no1_imagebox {
    text-align: center;
    width: 100%;
    margin: 16px auto 0;
  }
}
@media screen and (max-width: 768px) {
  .p_no1 .p_no1_image {
    width: 90%;
    margin: auto;
    text-align: center;
  }
}
.p_no1 .p_no1_note {
  font-weight: 400;
  font-size: 11px;
  line-height: 16px;
  margin-top: 12px;
}
.p_no1 .p_no1_note a {
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .p_no1 .p_no1_note {
    text-align: left;
  }
}
.p_app {
  background-color: #EDF6FC;
}
@media screen and (max-width: 768px) {
  .p_app {
    padding: 60px 20px;
  }
}
.p_app .p_app_flex {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  max-width: 760px;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .p_app .p_app_flex {
    padding: 24px 12px 26px 15px;
    background-color: rgba(1, 104, 182, 0.15);
    border-radius: 15px;
  }
}
.p_app .p_app_imagebox {
  position: relative;
  top: -48px;
  width: 36%;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .p_app .p_app_imagebox {
    top: 0;
    width: 113px;
  }
}
.p_app .p_app_textbox {
  width: 57%;
  padding-top: 60px;
}
@media screen and (max-width: 768px) {
  .p_app .p_app_textbox {
    z-index: 1;
    width: calc(100% - 120px);
    padding-top: 0;
  }
}
.p_app .p_app_title {
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}
@media screen and (max-width: 768px) {
  .p_app .p_app_title {
    font-size: 20px;
    line-height: 29px;
  }
}
.p_app .p_app_text {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
}
@media screen and (max-width: 768px) {
  .p_app .p_app_text {
    margin-top: 10px;
    font-size: 14px;
    line-height: 19px;
  }
}
.p_app .p_app_link {
  display: block;
  margin-top: 10px;
  font-size: 15px;
  font-weight: 900;
  color: #0168B6;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .p_app .p_app_link {
    font-size: 14px;
    line-height: 19px;
  }
}
.p_app .p_app_link:hover {
  text-decoration: none;
}
.p_app .p_app_banner_list {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  .p_app .p_app_banner_list {
    width: calc(100% + 122px);
    margin-top: 24px;
    margin-left: -122px;
  }
}
.p_app .p_app_banner_item {
  width: 48%;
}
.p_app .p_app_note {
  margin-top: 12px;
  font-size: 11px;
  font-weight: 400;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p_app .p_app_note {
    width: calc(100% + 122px);
    margin-left: -122px;
    font-size: 10px;
    text-align: left;
  }
}
@media screen and (max-width: 768px) {
  .p_app .p_app_text_content {
    min-height: 220px;
  }
}
.p_process {
  padding: 80px 0;
}
@media screen and (max-width: 768px) {
  .p_process {
    padding: 40px 0 60px;
  }
}
.p_process .p_process_title {
  font-weight: 700;
  font-size: 40px;
  line-height: 140%;
  text-align: center;
  color: #0168B6;
  position: relative;
  padding-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .p_process .p_process_title {
    font-size: 28px;
    padding-bottom: 10px;
  }
}
.p_process .p_process_title::before {
  content: "";
  position: absolute;
  width: 54px;
  height: 5px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAAAKCAYAAABRy7uKAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADHSURBVHgB7dfPCcIwFAbw78UiiJfOIYV2hOIGnUC9FZdouoXHdoLiBK13D0LdQ8GDJ/uZiEM0IT/In3cLfJDkCf6SsssJqYTIKIjhuOuxgCcGKDarBK0tlJ2S8lyZsHqzzX0IyzM5Jmneo6psEW3Kbk9QI5g3Ur9GXJRAdgicEFEqeyXmCJwgQKZAPBE4gUCsTGw3BI7gYN4w1gicsCAadT8VQwht9jiR9TJF++vDTGjafO0PsE2a/+jKIPEwS48Pt+sU2h7+C4XNaGETZ1njAAAAAElFTkSuQmCC);
  background-size: cover;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
}
@media screen and (max-width: 768px) {
  .p_process .p_process_title::before {
    width: 48px;
    height: 4px;
  }
}
.p_process .p_process_lead {
  font-weight: 400;
  font-size: 15px;
  line-height: 26px;
  text-align: center;
  margin-top: 30px;
}
.p_process .p_process_tab_list {
  display: -webkit-box;
  display: flex;
  margin-top: 20px;
}
.p_process .p_process_tab {
  width: 50%;
  text-align: center;
  padding: 26px 0;
  font-size: 24px;
  font-weight: 900;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .p_process .p_process_tab {
    font-size: 13px;
    line-height: 19px;
    padding: 10px 0;
  }
}
.p_process .p_process_tab.is_current {
  color: #0168B6;
  border-bottom: 2px solid #0168B6;
}
.p_process .p_process_panel {
  display: none;
}
.p_process .p_process_panel.is_current {
  display: block;
}
.p_process .p_process_list {
  margin-top: 43px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  max-width: 1240px;
  margin: 43px auto 0;
  padding: 0 20px;
}
.p_process .p_process_list.is_col3 .p_process_list_item {
  width: 30%;
}
@media screen and (max-width: 768px) {
  .p_process .p_process_list.is_col3 .p_process_list_item {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .p_process .p_process_list {
    display: block;
    margin-top: 24px;
  }
}
.p_process .p_process_list_item {
  border: 6px solid #0168B6;
  border-radius: 30px;
  padding: 40px 20px 28px;
  width: 21%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p_process .p_process_list_item {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    border: 2px solid #0168B6;
    border-radius: 15px;
    padding: 28px 20px 24px;
  }
}
.p_process .p_process_arrow {
  position: relative;
  width: 5.3%;
}
@media screen and (max-width: 768px) {
  .p_process .p_process_arrow {
    width: 100%;
    height: 40px;
  }
}
.p_process .p_process_arrow::before {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -12.5px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAA6CAYAAADybArcAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKkSURBVHgB1ZpNctNAEIXfKKmycwvDDeAEsKPiYmEuAGRBmZ3RBbB9AoUNCSwCJ3BYYHbYXADnBFicgCwjV8nNSJZcsTKyI7k1mvlW/ne96vda3ZLgdL9foDtqwXKE6I4pfkDwliI4xVnHh4U46QMS6Ak0Jng7fgkLWVckg08hdfC5fQVLcHJeb4kDMbMpP862NwnilbTb3On+eA/DybOWCl/mqI+Px19hIEWEpEwJwWvTupuD4jxZ2c2s/JQREpPkx5h2XcZaKnwip4fzZ99QE6UrkqElxPKyTrtxVWTzRyH6y+bNKbzONTTBVZENCNQXN42ZzvxUUpEMvmzXT6tu15VUJENLR7vWISQmbtfU+F3VuKPDWirmctwZcI47dQlJ/h0josDlyI82aykhdLjyU6+QhGTc+blPu67XWmrmhPAEZ8+nRb5kREUyPBA4mBS1m4lCYhK7/blvuzbRWip2tmtbhKwgzEgEL1Tt2lhrKRF4lNeu7RKSsN5O34x76Wt2WUtNnB8rK3IHCv8ewlYI1yRInnRv96OnVgqRG6iHo8Xg9iptlRAZ5ikQDlTjiy1CokC78oB4mfcBs4WkOWguvF1nZIwVQoQRxP2XLuOErHNwXmyMN0cI4Z+swhCfjj2UwJANkTw6Ch6WFRFRa0WkjSZAcMJx8qEuIaXW2W3otVbUTkEDagaPOUVEaKuIFHAhxwq3qjP0VQuRjQi/8sYKTqoTErVTB+90XQXmFxIJEPRB2sjTeaGHUwjFR2XB006LwiFErtB0RbR0q87BNvYTsh4r2qWPyFyUPY4Qx1jBSdGKrHIQkmvaLVBFhLCPFZzstlaUg4rGCk62VSTKwReIxdCG+xxVQijZ0oYmVyDLppA9t7Q6SYVENhrqHis4OeTc0urkP5/ISfanCR7mAAAAAElFTkSuQmCC);
  width: 25px;
  height: 29px;
  background-size: contain;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .p_process .p_process_arrow::before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAiCAYAAADGUiAIAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAH/SURBVHgBzZdBUsIwGIVf6sZjOJ7AIzDuhHHBEWAjS7kBcgJkY2dciDdwxpEt3EBvUG4gS8oIv/lb66RMStI2pf0WnWmStm+S/C+vAoP3lsDZAs2GCOGlB/92SUSPaDAEqc/vrrzoLtyO5HWFZhIA22gyY7Gz7pr2P0M0DyKBB55VvhFqjxjMee+20BDk8r/A7/STey/dKXryskYzILn8Y7UhJRb+zYpEM4pNzuo4Wf4EoRsot4Pc1LhAfQTkty8PGz3dSMKuh/qQnrrr6zq0YiPvBV5RA3L5Z/x9XZ+X+dQmvK+h2ILDolLJFsve60mPOx0pT9UhDC84pfdqi0rFgwHa0SlONg4q16ZBRrF47nxVHXR0nqrDLJapNugEON9ObAbaieViq8Z746KadK1cx04sE3vfEg6JPPWpbe3n9mLhOOgQvo95qo5cYqOg48h7ZWCa2hSVitFntQ/dfXxCiCsUx+ipOvLN7B8k9mW818pTdRQSW+YnMw4q+ZY/oZhYhr03f7EFeYtKpbhY9l6R6yg2BhUThQos9QLLoCPz8QJ+u9BeTSg+s/8iRM9qGMI+SlJabOS9oKPeaxtUTJQXy2yiILLK6A3kv/8IDnAjNjvoxEXlCDdiGQ46hDe1KW9QMeFOLPhkE0PFe0t5qg6nYtWgQ3tMXRRV9QzmM1TAL3/v43d87soMAAAAAElFTkSuQmCC);
    width: 21px;
    height: 17px;
    margin-left: -10.5px;
  }
}
.p_process .p_process_number {
  font-family: Oswald, sans-serif;
  -webkit-box-align: center;
          align-items: center;
  background-color: #0168B6;
  color: #ffffff;
  -webkit-box-pack: center;
          justify-content: center;
  left: -1px;
  position: absolute;
  top: -1px;
  display: -webkit-box;
  display: flex;
  border-radius: 20px 0 20px 0;
  font-size: 26px;
  height: 62px;
  width: 62px;
}
@media screen and (max-width: 768px) {
  .p_process .p_process_number {
    border-radius: 15px 0 15px 0;
    height: 34px;
    width: 34px;
    font-size: 19px;
  }
}
.p_process .p_process_icon {
  width: 90%;
  margin: auto;
  max-width: 150px;
}
@media screen and (max-width: 768px) {
  .p_process .p_process_icon {
    width: 100px;
    margin: 0;
  }
}
.p_process .p_process_text {
  font-weight: 700;
  font-size: 24px;
  line-height: 35px;
  color: #0168B6;
  margin-top: 28px;
}
@media screen and (max-width: 768px) {
  .p_process .p_process_text {
    margin-top: 0;
    font-size: 18px;
    line-height: 26px;
    text-align: left;
    width: calc(100% - 80px);
    padding-left: 15px;
  }
}
.p_caution {
  background-color: #EDF6FC;
  padding: 80px 20px;
}
@media screen and (max-width: 768px) {
  .p_caution {
    padding: 80px 20px 60px;
  }
}
.p_caution .p_caution_title {
  font-weight: 700;
  font-size: 40px;
  line-height: 140%;
  text-align: center;
  color: #0168B6;
  position: relative;
  padding-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .p_caution .p_caution_title {
    font-size: 28px;
    padding-bottom: 10px;
  }
}
.p_caution .p_caution_title::before {
  content: "";
  position: absolute;
  width: 54px;
  height: 5px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAAAKCAYAAABRy7uKAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADHSURBVHgB7dfPCcIwFAbw78UiiJfOIYV2hOIGnUC9FZdouoXHdoLiBK13D0LdQ8GDJ/uZiEM0IT/In3cLfJDkCf6SsssJqYTIKIjhuOuxgCcGKDarBK0tlJ2S8lyZsHqzzX0IyzM5Jmneo6psEW3Kbk9QI5g3Ur9GXJRAdgicEFEqeyXmCJwgQKZAPBE4gUCsTGw3BI7gYN4w1gicsCAadT8VQwht9jiR9TJF++vDTGjafO0PsE2a/+jKIPEwS48Pt+sU2h7+C4XNaGETZ1njAAAAAElFTkSuQmCC);
  background-size: cover;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
}
@media screen and (max-width: 768px) {
  .p_caution .p_caution_title::before {
    width: 48px;
    height: 4px;
  }
}
.p_caution .p_caution_content {
  -webkit-box-align: center;
          align-items: center;
  padding: 48px 20px;
  background-color: #ffffff;
  border-radius: 15px;
  margin: 40px auto 0;
  text-align: center;
  max-width: 1152px;
}
@media screen and (max-width: 768px) {
  .p_caution .p_caution_content {
    padding: 30px 16px;
  }
}
.p_caution .p_caution_content_title {
  font-weight: 400;
  font-size: 40px;
  color: #0168B6;
}
@media screen and (max-width: 768px) {
  .p_caution .p_caution_content_title {
    font-size: 22px;
  }
}
.p_caution .p_caution_lead {
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  margin-top: 12px;
}
@media screen and (max-width: 768px) {
  .p_caution .p_caution_lead {
    font-size: 16px;
  }
}
.p_caution .p_caution_lead_color {
  color: #0168B6;
}
.p_caution .p_caution_text {
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .p_caution .p_caution_text {
    font-size: 14px;
    text-align: left;
  }
}
.p_caution .p_caution_list {
  margin: 48px auto 0;
  display: -webkit-box;
  display: flex;
  max-width: 660px;
  -webkit-box-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p_caution .p_caution_list {
    display: block;
    max-width: 100%;
    margin: 0 auto 0;
  }
}
.p_caution .p_caution_list_item {
  width: 48%;
}
@media screen and (max-width: 768px) {
  .p_caution .p_caution_list_item {
    width: 100%;
    margin-top: 20px;
  }
}
.p_caution .p_caution_list_title {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
}
.p_caution .p_caution_blue_large {
  font-size: 22px;
  color: #0168B6;
}
.p_caution .p_caution_red_large {
  font-size: 22px;
  color: #E9593A;
}
.p_caution .p_caution_image_text {
  font-weight: 500;
  font-size: 14px;
  margin-top: 10px;
}
.p_caution .p_caution_image {
  margin-top: 15px;
  width: 100%;
}
.p_fixedMenu {
  width: 72px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: 10px;
  position: fixed;
  right: 0;
  bottom: 32px;
  z-index: 2;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.p_fixedMenu.is-show {
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .p_fixedMenu {
    width: 50px;
    bottom: 44px;
  }
}
.p_fixedMenu__button {
  font-weight: 900;
  font-size: 20px;
  line-height: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  box-shadow: 0 3px #d53337;
  background-color: #e85f5f;
  color: #fff;
  -webkit-writing-mode: vertical-rl;
          writing-mode: vertical-rl;
  padding: 20px 0;
  border-radius: 10px 0px 0px 10px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  letter-spacing: 0.3em;
}
@media screen and (max-width: 768px) {
  .p_fixedMenu__button {
    font-size: 13px;
  }
}
.p_fixedMenu__button:hover {
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
  box-shadow: none;
}
.p_fixedMenu__button--simulation {
  color: #0168B6;
  box-shadow: 0 3px #00589B;
  background-color: #fff;
  padding: 16px 0;
  border: 1px solid #0168B6;
  border-right: none;
}
.p_footer_siteMap {
  padding: 60px 0;
}
@media screen and (max-width: 1199px) {
  .p_footer_siteMap {
    padding: 40px 0;
  }
}
.p_footer_siteMap__mainPage, .p_footer_siteMap__subList {
  margin: 0 auto;
  max-width: 1100px;
}
@media screen and (max-width: 1199px) {
  .p_footer_siteMap__mainPage {
    max-width: 580px;
  }
}
.p_footer_siteMap__list {
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: end;
          align-items: flex-end;
  flex-wrap: wrap;
}
.p_footer_siteMap__list:nth-child(n+2) {
  margin-left: 0;
}
.p_footer_siteMap__list:nth-child(n+2) {
  margin-top: 30px;
}
.p_footer_siteMap__item, .p_footer_siteMap__subItem {
  font-size: 14px;
  line-height: 20px;
  width: 33.3333333333%;
}
@media screen and (max-width: 1199px) {
  .p_footer_siteMap__item, .p_footer_siteMap__subItem {
    font-size: 12px;
    font-weight: 400;
    width: 50%;
  }
}
.p_footer_siteMap__item {
  margin-top: 0;
}
.p_footer_siteMap__item:nth-child(n+2) {
  margin-top: 0;
}
.p_footer_siteMap__subItem {
  margin-top: 40px;
}
@media screen and (max-width: 1199px) {
  .p_footer_siteMap__subItem {
    margin-top: 30px;
  }
}
.p_footer_siteMap__link:before {
  background-image: url(https://looop-denki.com/api/image?imageName=d5726c1634ea4f76914e133fa4a9b1d9/c1998d4f67d94d1481da751e2039c64d/image.svg);
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  height: 11px;
  margin-right: 10px;
  width: 10px;
}
.p_footer_siteMap__subPage {
  padding: 0 15px;
  margin: 30px 0 0;
}
.p_footer_siteMap__subList {
  margin: 0 auto;
  max-width: 1100px;
  display: -webkit-box;
  display: flex;
}
@media screen and (max-width: 1199px) {
  .p_footer_siteMap__subList {
    margin: 0;
    width: 100%;
    max-width: 100%;
  }
}
.p_footer_siteMap__subItem {
  text-align: left;
}
.p_footer_siteMap__logo:after {
  display: none;
}
.p-ad-denki {
  font-family: Noto Sans JP sans-serif;
}
.sp_only {
  display: none;
}
@media screen and (max-width: 768px) {
  .sp_only {
    display: block;
  }
}
.pc_only {
  display: block;
}
@media screen and (max-width: 768px) {
  .pc_only {
    display: none;
  }
}
body {
  font-size: 16px;
}
.nav {
  /* レスポンシブサンプル */
}
@media screen and (min-width: 1200px) {
  .nav {
    font-size: 50px;
  }
}
@media screen and (max-width: 1199px) {
  .nav {
    font-size: 25px;
  }
}
@media screen and (max-width: 768px) {
  .nav {
    font-size: 15px;
  }
}