@charset "UTF-8";

:root {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", YuGothic, YuGothicM, メイリオ, Meiryo, sans-serif;
  line-height: 1.75;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-y: scroll;
  text-rendering: optimizeLegibility;
}

/*! sanitize.css v5.0.0 | CC0 License | github.com/jonathantneal/sanitize.css */
/* Document (https://html.spec.whatwg.org/multipage/semantics.html#semantics)
   ========================================================================== */
*,
::before,
::after {
  background-repeat: no-repeat;
  box-sizing: inherit;
}

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

html {
  box-sizing: border-box;
  cursor: default;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

body {
  margin: 0;
}

h1 {
  font-size: 2em;
  margin: .67em 0;
}

figcaption,
figure,
main {
  display: block;
}

figcaption {
  text-align: right;
}

figure {
  margin: 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

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

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

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

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

b,
strong {
  font-weight: inherit;
}

b,
strong {
  font-weight: bolder;
}

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

dfn {
  font-style: italic;
}

mark {
  background-color: #FFEE55;
  color: #111111;
}

small {
  font-size: 75%;
}

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

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

::-moz-selection,
::selection {
  background-color: #a1c6f4;
  color: #111111;
  text-shadow: none;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

audio,
video {
  display: inline-block;
}

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

img {
  border-style: none;
  height: auto;
}

svg {
  fill: currentColor;
}

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

table {
  border-collapse: collapse;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
}

button,
input,
select,
textarea {
  background-color: transparent;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}

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

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

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

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

textarea {
  overflow: auto;
  resize: vertical;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

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

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

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

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

details,
menu {
  display: block;
}

summary {
  display: list-item;
}

canvas {
  display: inline-block;
}

template {
  display: none;
}

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

[hidden] {
  display: none;
}

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

[aria-controls] {
  cursor: pointer;
}

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

[aria-disabled] {
  cursor: default;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
  min-height: 1px;
  position: relative;
}

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

@media (min-width: 767px) {
  .container {
    width: 990px;
  }
}

.container-lg {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
  min-height: 1px;
}

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

@media (min-width: 767px) {
  .container-lg {
    width: 990px;
  }
}

@media (min-width: 1230px) {
  .container-lg {
    width: 1200px;
  }
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
  min-height: 1px;
}

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

.row {
  margin-left: -10px;
  margin-right: -10px;
  min-height: 1px;
}

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

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xlg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xlg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xlg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xlg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xlg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xlg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xlg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xlg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xlg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xlg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xlg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12,
.col-xlg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}

.col-xs-1 {
  width: 8.3333333333%;
}

.col-xs-2 {
  width: 16.6666666667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.3333333333%;
}

.col-xs-5 {
  width: 41.6666666667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.3333333333%;
}

.col-xs-8 {
  width: 66.6666666667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.3333333333%;
}

.col-xs-11 {
  width: 91.6666666667%;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-pull-1 {
  right: 8.3333333333%;
}

.col-xs-pull-2 {
  right: 16.6666666667%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-4 {
  right: 33.3333333333%;
}

.col-xs-pull-5 {
  right: 41.6666666667%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-7 {
  right: 58.3333333333%;
}

.col-xs-pull-8 {
  right: 66.6666666667%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-10 {
  right: 83.3333333333%;
}

.col-xs-pull-11 {
  right: 91.6666666667%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-push-1 {
  left: 8.3333333333%;
}

.col-xs-push-2 {
  left: 16.6666666667%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-4 {
  left: 33.3333333333%;
}

.col-xs-push-5 {
  left: 41.6666666667%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-7 {
  left: 58.3333333333%;
}

.col-xs-push-8 {
  left: 66.6666666667%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-10 {
  left: 83.3333333333%;
}

.col-xs-push-11 {
  left: 91.6666666667%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

.col-xs-offset-1 {
  margin-left: 8.3333333333%;
}

.col-xs-offset-2 {
  margin-left: 16.6666666667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.3333333333%;
}

.col-xs-offset-5 {
  margin-left: 41.6666666667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.3333333333%;
}

.col-xs-offset-8 {
  margin-left: 66.6666666667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.3333333333%;
}

.col-xs-offset-11 {
  margin-left: 91.6666666667%;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

@media (min-width: 767px) {

  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }

  .col-sm-1 {
    width: 8.3333333333%;
  }

  .col-sm-2 {
    width: 16.6666666667%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-4 {
    width: 33.3333333333%;
  }

  .col-sm-5 {
    width: 41.6666666667%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-7 {
    width: 58.3333333333%;
  }

  .col-sm-8 {
    width: 66.6666666667%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-10 {
    width: 83.3333333333%;
  }

  .col-sm-11 {
    width: 91.6666666667%;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-pull-0 {
    right: auto;
  }

  .col-sm-pull-1 {
    right: 8.3333333333%;
  }

  .col-sm-pull-2 {
    right: 16.6666666667%;
  }

  .col-sm-pull-3 {
    right: 25%;
  }

  .col-sm-pull-4 {
    right: 33.3333333333%;
  }

  .col-sm-pull-5 {
    right: 41.6666666667%;
  }

  .col-sm-pull-6 {
    right: 50%;
  }

  .col-sm-pull-7 {
    right: 58.3333333333%;
  }

  .col-sm-pull-8 {
    right: 66.6666666667%;
  }

  .col-sm-pull-9 {
    right: 75%;
  }

  .col-sm-pull-10 {
    right: 83.3333333333%;
  }

  .col-sm-pull-11 {
    right: 91.6666666667%;
  }

  .col-sm-pull-12 {
    right: 100%;
  }

  .col-sm-push-0 {
    left: auto;
  }

  .col-sm-push-1 {
    left: 8.3333333333%;
  }

  .col-sm-push-2 {
    left: 16.6666666667%;
  }

  .col-sm-push-3 {
    left: 25%;
  }

  .col-sm-push-4 {
    left: 33.3333333333%;
  }

  .col-sm-push-5 {
    left: 41.6666666667%;
  }

  .col-sm-push-6 {
    left: 50%;
  }

  .col-sm-push-7 {
    left: 58.3333333333%;
  }

  .col-sm-push-8 {
    left: 66.6666666667%;
  }

  .col-sm-push-9 {
    left: 75%;
  }

  .col-sm-push-10 {
    left: 83.3333333333%;
  }

  .col-sm-push-11 {
    left: 91.6666666667%;
  }

  .col-sm-push-12 {
    left: 100%;
  }

  .col-sm-offset-0 {
    margin-left: 0%;
  }

  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 1012px) {

  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }

  .col-md-1 {
    width: 8.3333333333%;
  }

  .col-md-2 {
    width: 16.6666666667%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-4 {
    width: 33.3333333333%;
  }

  .col-md-5 {
    width: 41.6666666667%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-7 {
    width: 58.3333333333%;
  }

  .col-md-8 {
    width: 66.6666666667%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-10 {
    width: 83.3333333333%;
  }

  .col-md-11 {
    width: 91.6666666667%;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-pull-0 {
    right: auto;
  }

  .col-md-pull-1 {
    right: 8.3333333333%;
  }

  .col-md-pull-2 {
    right: 16.6666666667%;
  }

  .col-md-pull-3 {
    right: 25%;
  }

  .col-md-pull-4 {
    right: 33.3333333333%;
  }

  .col-md-pull-5 {
    right: 41.6666666667%;
  }

  .col-md-pull-6 {
    right: 50%;
  }

  .col-md-pull-7 {
    right: 58.3333333333%;
  }

  .col-md-pull-8 {
    right: 66.6666666667%;
  }

  .col-md-pull-9 {
    right: 75%;
  }

  .col-md-pull-10 {
    right: 83.3333333333%;
  }

  .col-md-pull-11 {
    right: 91.6666666667%;
  }

  .col-md-pull-12 {
    right: 100%;
  }

  .col-md-push-0 {
    left: auto;
  }

  .col-md-push-1 {
    left: 8.3333333333%;
  }

  .col-md-push-2 {
    left: 16.6666666667%;
  }

  .col-md-push-3 {
    left: 25%;
  }

  .col-md-push-4 {
    left: 33.3333333333%;
  }

  .col-md-push-5 {
    left: 41.6666666667%;
  }

  .col-md-push-6 {
    left: 50%;
  }

  .col-md-push-7 {
    left: 58.3333333333%;
  }

  .col-md-push-8 {
    left: 66.6666666667%;
  }

  .col-md-push-9 {
    left: 75%;
  }

  .col-md-push-10 {
    left: 83.3333333333%;
  }

  .col-md-push-11 {
    left: 91.6666666667%;
  }

  .col-md-push-12 {
    left: 100%;
  }

  .col-md-offset-0 {
    margin-left: 0%;
  }

  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 1230px) {

  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }

  .col-lg-1 {
    width: 8.3333333333%;
  }

  .col-lg-2 {
    width: 16.6666666667%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-4 {
    width: 33.3333333333%;
  }

  .col-lg-5 {
    width: 41.6666666667%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-7 {
    width: 58.3333333333%;
  }

  .col-lg-8 {
    width: 66.6666666667%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-10 {
    width: 83.3333333333%;
  }

  .col-lg-11 {
    width: 91.6666666667%;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-pull-0 {
    right: auto;
  }

  .col-lg-pull-1 {
    right: 8.3333333333%;
  }

  .col-lg-pull-2 {
    right: 16.6666666667%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-4 {
    right: 33.3333333333%;
  }

  .col-lg-pull-5 {
    right: 41.6666666667%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-7 {
    right: 58.3333333333%;
  }

  .col-lg-pull-8 {
    right: 66.6666666667%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-10 {
    right: 83.3333333333%;
  }

  .col-lg-pull-11 {
    right: 91.6666666667%;
  }

  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-push-0 {
    left: auto;
  }

  .col-lg-push-1 {
    left: 8.3333333333%;
  }

  .col-lg-push-2 {
    left: 16.6666666667%;
  }

  .col-lg-push-3 {
    left: 25%;
  }

  .col-lg-push-4 {
    left: 33.3333333333%;
  }

  .col-lg-push-5 {
    left: 41.6666666667%;
  }

  .col-lg-push-6 {
    left: 50%;
  }

  .col-lg-push-7 {
    left: 58.3333333333%;
  }

  .col-lg-push-8 {
    left: 66.6666666667%;
  }

  .col-lg-push-9 {
    left: 75%;
  }

  .col-lg-push-10 {
    left: 83.3333333333%;
  }

  .col-lg-push-11 {
    left: 91.6666666667%;
  }

  .col-lg-push-12 {
    left: 100%;
  }

  .col-lg-offset-0 {
    margin-left: 0%;
  }

  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }
}

.pull-right {
  float: right !important;
}

.col {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  float: left;
}

html {
  font-size: 62.5%;
}

@media (max-width: 767px) {
  html {
    font-size: 54.7%;
  }
}

body {
  color: #111111;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", YuGothic, YuGothicM, メイリオ, Meiryo, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
}

p {
  margin: 0 0 1.6rem;
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 1.6rem;
  line-height: 1.5;
  font-weight: normal;
}

h1 {
  font-size: 30px;
  font-size: 3rem;
}

h2 {
  font-size: 26px;
  font-size: 2.6rem;
}

h3 {
  font-size: 22px;
  font-size: 2.2rem;
}

h4 {
  font-size: 16px;
  font-size: 1.6rem;
}

h5 {
  font-size: 16px;
  font-size: 1.6rem;
}

h6 {
  font-size: 14px;
  font-size: 1.4rem;
}

small {
  font-size: 75%;
}

pre {
  font-family: "Osaka－等幅", Osaka-mono, "ＭＳ ゴシック", "MS Gothic", monospace;
  word-break: break-all;
  word-wrap: break-word;
  overflow: auto;
}

code {
  font-family: "Osaka－等幅", Osaka-mono, "ＭＳ ゴシック", "MS Gothic", monospace;
  word-break: break-all;
  word-wrap: break-word;
}

a {
  color: #5D9CEC;
  transition: all 0.45s;
  text-decoration: none;
}

a:hover {
  color: #2f80e7;
}

a:focus {
  outline: 0;
}

a[href^="http"]:empty::before {
  content: attr(href);
}

dl {
  margin-bottom: 1.6rem;
}

dt {
  font-weight: bold;
  font-size: 125%;
}

dd {
  margin-left: 4rem;
}

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

cite {
  font-style: italic;
}

cite::before {
  content: "-";
  letter-spacing: .1em;
}

blockquote {
  font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-style: italic;
  margin: 1.6rem 0;
  padding-left: 1.6rem;
}

blockquote cite {
  font-size: 75%;
  line-height: 2;
}

samp {
  font-size: 75%;
  font-weight: bold;
}

strong {
  font-weight: 600;
}

em {
  font-style: normal;
}

.btn {
  display: inline-block;
  background: #ff4985;
  text-align: center;
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", YuGothic, YuGothicM, メイリオ, Meiryo, sans-serif;
  border: solid 1px #ff4985;
  padding: 1.6rem;
  outline: none !important;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  background-color: #ff4985;
  border-color: #ff4985;
  color: #fff;
  position: relative;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
  cursor: pointer;
}

.btn span {
  font-size: 75%;
  display: block;
  font-weight: normal;
}

@media (max-width: 767px) {
  .btn span {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.btn:hover {
  background: #ff6396;
  border-color: #ff6396;
  color: #fff;
}

.btn:focus,
.btn:active {
  -webkit-box-shadow: 0 0.1em 0 #450012;
  -moz-box-shadow: 0 0.1em 0 #450012;
  box-shadow: 0 0.1em 0 #450012;
  -webkit-transform: translateY(0.1em);
  -moz-transform: translateY(0.1em);
  -ms-transform: translateY(0.1em);
  transform: translateY(0.1em);
}

.btn.btn-lg {
  font-size: 150%;
}

.btn.btn-sm {
  padding: 0.8rem 1.6rem;
  box-shadow: none;
}

.btn img {
  vertical-align: middle;
}

.btn.line-btn {
  background-color: #00c300;
  border-color: #00c300;
  color: #fff;
}

.btn.line-btn:hover {
  background: #009000;
  border-color: #009000;
}

.btn-block {
  display: block;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  font-size: 26px;
  font-size: 2.6rem;
  max-width: 500px;
}

.table {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 2rem;
  font-size: 14px;
  font-size: 1.4rem;
}

.table th,
.table td {
  vertical-align: top;
  border-top: dotted 1px #a7a7a7;
  padding: 0.8rem;
  font-weight: normal;
}

.table th {
  text-align: left;
  white-space: nowrap;
}

.table td {
  padding-left: 1em;
}

.table caption {
  font-weight: bold;
  text-align: left;
  padding-left: 0.8rem;
  margin-bottom: 0.8rem;
}

.table tr:last-child th,
.table tr:last-child td {
  border-bottom: dotted 1px #a7a7a7;
}

.table strong {
  font-size: 100%;
}

.img-heading {
  text-align: center;
  margin-bottom: 6rem;
}

@media (max-width: 767px) {
  .img-heading {
    margin-bottom: 4rem;
    padding: 0 5%;
  }
}

.box-heading {
  font-size: 40px;
  font-size: 4rem;
  text-align: center;
  font-family: "Hannari", Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  letter-spacing: 0.05em;
  margin-bottom: 4rem;
}

@media (max-width: 767px) {
  .box-heading {
    font-size: 30px;
    font-size: 3rem;
  }
}

.gnav {
  width: 100%;
  background: white;
  background: -moz-linear-gradient(top, white 1%, #ddebf1 98%);
  background: -webkit-linear-gradient(top, white 1%, #ddebf1 98%);
  background: linear-gradient(to bottom, white 1%, #ddebf1 98%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ddebf1', GradientType=0);
  text-align: center;
  position: relative;
  bottom: 0px;
  left: 0;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "Hannari", Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
}

.gnav ul {
  width: 100%;
  max-width: 1040px;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
}

.gnav ul li {
  display: inline-block;
  width: 173px;
  position: relative;
  line-height: 1.3;
}

.gnav ul li:after {
  content: '';
  position: absolute;
  display: inline-block;
  height: 40px;
  width: 1px;
  background-color: #d9d9d9;
  right: 0;
  top: 5px;
}

.gnav ul li a {
  display: block;
  padding: 10px 0;
  color: #111111;
  height: 100%;
}

.gnav ul li a:hover {
  color: #ff4985;
}

@media (max-width: 767px) {
  .gnav ul li a {
    padding: 17px 0;
  }
}

.gnav ul li:last-child:after {
  display: none;
}

@media (max-width: 767px) {
  .gnav ul li.br a {
    padding: 10px 0;
  }
}

.gnav ul li.br:after {
  top: 15px;
}

@media (max-width: 767px) {
  .gnav ul li.br:after {
    top: 5px;
  }
}

.gnav.sticky {
  bottom: auto;
  position: fixed;
  z-index: 1004;
  top: 0;
}

@media (max-width: 767px) {
  .gnav {
    font-size: 12px;
    font-size: 1.2rem;
  }

  .gnav ul {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
  }

  .gnav ul li {
    width: 33.33333%;
  }

  .gnav ul li:nth-child(1),
  .gnav ul li:nth-child(2),
  .gnav ul li:nth-child(3) {
    border-bottom: #d9d9d9 solid 1px;
  }

  .gnav ul li:nth-child(3):after {
    display: none;
  }
}

html,
body {
  height: 100%;
  width: 100%;
}

html {
  overflow-x: hidden;
}

body {
  background-color: #fff;
  position: relative;
}

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

.block {
  padding: 6rem 0;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .block {
    padding: 4rem 0 2rem;
  }
}

.block.even {
  background-image: url(../images/even-bg.png);
  background-repeat: repeat;
}

.block.odd {
  background-image: url(../images/odd-bg.png);
  background-repeat: repeat;
}

.box {
  padding: 4rem 1.6rem;
  margin-bottom: 2rem;
  background-color: #fff;
  border: 2px solid #d8d1bc;
  border-radius: 1.6rem;
  -webkit-border-radius: 1.6rem;
  -moz-border-radius: 1.6rem;
}

@media (min-width: 1230px) {
  .box {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}

@media (max-width: 767px) {
  .box {
    padding: 4rem 0.8rem;
  }
}

.full-row {
  margin-left: 0;
  margin-right: 0;
}

.full-row .col-xs-1,
.full-row .col-sm-1,
.full-row .col-md-1,
.full-row .col-lg-1,
.full-row .col-xs-2,
.full-row .col-sm-2,
.full-row .col-md-2,
.full-row .col-lg-2,
.full-row .col-xs-3,
.full-row .col-sm-3,
.full-row .col-md-3,
.full-row .col-lg-3,
.full-row .col-xs-4,
.full-row .col-sm-4,
.full-row .col-md-4,
.full-row .col-lg-4,
.full-row .col-xs-5,
.full-row .col-sm-5,
.full-row .col-md-5,
.full-row .col-lg-5,
.full-row .col-xs-6,
.full-row .col-sm-6,
.full-row .col-md-6,
.full-row .col-lg-6,
.full-row .col-xs-7,
.full-row .col-sm-7,
.full-row .col-md-7,
.full-row .col-lg-7,
.full-row .col-xs-8,
.full-row .col-sm-8,
.full-row .col-md-8,
.full-row .col-lg-8,
.full-row .col-xs-9,
.full-row .col-sm-9,
.full-row .col-md-9,
.full-row .col-lg-9,
.full-row .col-xs-10,
.full-row .col-sm-10,
.full-row .col-md-10,
.full-row .col-lg-10,
.full-row .col-xs-11,
.full-row .col-sm-11,
.full-row .col-md-11,
.full-row .col-lg-11,
.full-row .col-xs-12,
.full-row .col-sm-12,
.full-row .col-md-12,
.full-row .col-lg-12 {
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 767px) {
  .aline-c-row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
  }
}

@media (min-width: 767px) {
  .aline-s-row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
  }
}

.frame-wrap {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin: 0 auto 2rem auto;
  -webkit-box-shadow: 0 0.1rem 2rem rgba(17, 17, 17, 0.45);
  -moz-box-shadow: 0 0.1rem 2rem rgba(17, 17, 17, 0.45);
  box-shadow: 0 0.1rem 2rem rgba(17, 17, 17, 0.45);
}

.frame-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.row .frame-wrap {
  margin-bottom: 20px;
}

.site-header {
  height: 60px;
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
}

.site-header .logo {
  margin-left: 10px;
  float: left;
  line-height: 60px;
  margin-bottom: 0;
}

@media (min-width: 1230px) {
  .site-header .logo {
    margin-left: 15%;
  }
}

.site-header .logo a:hover {
  opacity: 0.65;
  filter: alpha(opacity=65);
}

@media (max-width: 767px) {
  .site-header .logo {
    width: 150px;
  }
}

/* footer
========================================================================================================
*/
footer {
  width: 100%;
  background-image: url(../images/even-bg.png);
  background-repeat: repeat;
}

footer div {
  text-align: center;
  padding: 5px 0;
  display: block;
}

footer div small {
  font-size: 11px;
}

@media screen and (max-width: 767px) {
  footer {
    padding: 0 0 20% 0;
  }

  footer.footer-afi {
    padding: 0 0 25% 0;
  }

  footer div.spn-nav {
    width: 100%;
    background-color: #E2E2E2;
    border-top: 1px solid #FFF;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 2% 0;
    margin: 0;
    z-index: 9998;
  }

  footer div.spn-nav h1 {
    margin: 0 0 2% 0;
    font-size: 0;
  }

  footer div.spn-nav h1 img {
    width: 90%;
  }

  footer div.spn-nav ul {
    width: 96%;
    margin: 0 auto;
  }

  footer div.spn-nav ul li {
    float: left;
    width: 32%;
    margin-right: 2%;
  }

  footer div.spn-nav ul li:last-child {
    margin-right: 0%;
  }

  footer div.spn-nav ul li a {
    display: block;
  }

  footer div.spn-nav li.spn-nav-afi {
    width: 60%;
    margin: 0 auto !important;
    float: none;
  }

  footer div.spn-nav.brush {
    width: 100%;
    background-color: #f0ead9;
    border-top: 1px solid #FFF;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 2.66vw 0 1.33vw;
    margin: 0;
    z-index: 9998;
  }

  footer div.spn-nav.brush h1 {
    width: 93%;
    line-height: 0.1;
    margin: 0 auto 2.93vw;
    font-size: 0;
  }

  footer div.spn-nav.brush h1 img {
    width: 100%;
  }

  footer div.spn-nav.brush ul {
    width: 100%;
    position: relative;
    display: block;
    text-align: left;
    font-size: 0;
    margin: 0 auto;
  }

  footer div.spn-nav.brush ul li {
    float: none;
    display: inline-block;
    vertical-align: top;
    width: 23.46%;
    margin-left: 3%;
    margin-right: 0;
  }

  footer div.spn-nav.brush ul li+li {
    width: 43.73%;
    margin-left: 2%;
    margin-right: 0;
  }

  footer div.spn-nav.brush ul li:last-child {
    width: 24.53%;
    margin-left: 1.6%;
    margin-right: 0%;
  }

  footer div.spn-nav.brush ul li a {
    display: block;
  }

  .btn_top {
    text-align: center;
    margin: 25px auto 0;
  }

  .btn_top img {
    width: 50px;
  }
}

.aligncenter {
  display: block;
  margin: 0 auto;
}

.alignnone {
  width: 100%;
}

.alignright {
  float: right;
}

.alignleft {
  float: left;
}

.alignright:after,
.alignleft:after {
  content: '';
  display: block;
  clear: both;
}

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

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

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

.clearfix {
  min-height: 1px;
}

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

.center {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.sp {
  display: none !important;
}

@media (max-width: 767px) {
  .sp {
    display: block !important;
  }
}

.sp-inline {
  display: none !important;
}

@media (max-width: 767px) {
  .sp-inline {
    display: inline-block !important;
  }
}

.pc {
  display: block !important;
}

@media (max-width: 767px) {
  .pc {
    display: none !important;
  }
}

.pc-inline {
  display: inline-block !important;
}

@media (max-width: 767px) {
  .pc-inline {
    display: none !important;
  }
}

.mb-xs {
  margin-bottom: 0.4rem;
}

.mb-sm {
  margin-bottom: 0.8rem;
}

.mb-md {
  margin-bottom: 1.6rem;
}

.mb-lg {
  margin-bottom: 2rem;
}

.mb-xlg {
  margin-bottom: 4rem;
}

.svg-10 {
  width: 10px;
  height: 10px;
}

.svg-20 {
  width: 20px;
  height: 20px;
}

.svg-30 {
  width: 30px;
  height: 30px;
}

.svg-50 {
  width: 50px;
  height: 50px;
}

/*---------------------------------------------------------

汎用パーツ・テキスト

---------------------------------------------------------*/
.f-bo {
  font-weight: 600;
}

.f-lg {
  font-size: 125%;
}

.f-accent {
  color: #ff4985;
}

.f-bar {
  border-bottom: solid 1px;
}

.f-mark {
  -webkit-box-shadow: inset 0 -0.4em 0 #fff6a2;
  -moz-box-shadow: inset 0 -0.4em 0 #fff6a2;
  box-shadow: inset 0 -0.4em 0 #fff6a2;
}

.notes {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .notes {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.lead {
  font-size: 112.5%;
  text-align: center;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .lead {
    font-size: 100%;
  }
}

.lead small {
  font-weight: normal;
}

.sentence {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}

.balloon {
  border-radius: 3em;
  -webkit-border-radius: 3em;
  -moz-border-radius: 3em;
  position: relative;
  -webkit-box-shadow: 0.25em 0.25em 2em rgba(17, 17, 17, 0.15);
  -moz-box-shadow: 0.25em 0.25em 2em rgba(17, 17, 17, 0.15);
  box-shadow: 0.25em 0.25em 2em rgba(17, 17, 17, 0.15);
}

.balloon::before {
  content: '';
  position: absolute;
  border-style: solid;
  left: -20px;
  border-width: 10px 20px 10px 0;
  border-color: transparent #fff transparent transparent;
}

.balloon::before {
  top: 30%;
}

/*---------------------------------------------------------

01 hero トップ

---------------------------------------------------------*/
.hero {
  /*
  padding: 5rem 0 0rem;
  background-image: url(../images/hero-bg01.png);
  background-size: cover;
  background-position: center bottom;
  position: relative;
  z-index: 1000;
  overflow: hidden;
  min-width: 1160px;
  */
}
.hero h1{
  margin: 0;
}
.hero .container {
  /*padding-bottom: 11rem; 180201 */
  /*padding-bottom: 6rem;*/
  width: 1200px;
  text-align: center;
}
@media (max-width: 767px) {
  .hero {
    min-width: 0;
  }
  .hero .container {
    /*padding:0 0 3rem;*/
    width: 100%;
    padding: 0;
  }
  .hero {
    padding: 0 0 0rem;
  }
}

.hero:after,
.hero:before {
  content: '';
  position: absolute;
}

.hero:after {
  /*width: 100%;
  bottom: 0;
  left: 0;
  z-index: 1003;
  background-image: url(../images/hero-bg03.png);
  background-size: 100%;
  padding-top: 20%;*/
}

@media (max-width: 767px) {
  .hero:after {
    /*padding-top: 30%;
    background-size: 150%;
    bottom: 0;*/
  }
}

.hero:before {
  /*position: absolute;
  z-index: 1001;
  right: calc(50% - 600px);
  top: 20px;
  height: 100%;
  width: 1200px;*/
  /* background-image: url(../images/hero-bg02.png); */
  /* background-image: url(../images/hero-bg02_2.png); */
  /* background-image: url(../images/hero-bg02_3.png); */
  /* background-image: url(../images/hero-bg02_4.png); */
  /*background-image: url(../images/hero-bg02_5.png?220523);
  background-position: top right;*/
}

@media (max-width: 767px) {
  /*.hero:before {
    right: -5%;
    background-size: 76%;
    width: 70%;
    top: 5px;
  }*/
}

.hero .inner {
  position: relative;
  z-index: 1005;
}

@media (max-width: 767px) {
  .hero .inner {
    width: 82%;
  }
}

.m-copy {
  padding-bottom: 70px;
}

@media (max-width: 767px) {
  .m-copy {
    width: 60vw;
    padding-bottom: 30px;
    position: relative;
    z-index: 1001;
    margin-left: -10px;
  }
}

.hero-feature {
  max-width: 620px;
  width: 100%;
  position: absolute;
  left: 60px;
  bottom: 0;
  text-align: center;
}
@media (max-width: 767px) {
  .hero-feature {
    width: 51vw;
    left: 0;
    bottom: auto;
    top: 27vw;
    z-index: 1002;
  }
}
@media (max-width: 767px) {
  .hero-feature.row {
    margin-left: 0;
    margin-right: 0;
  }

  .hero-feature.row>div {
    padding-left: 0;
    padding-right: 0;
  }
}

.cpArea {
  /*position: relative;*/
  position: absolute;
  bottom: 45px;
  left:0;
  right: 0;
  margin: 0 auto;
  z-index: 201;
}
@media (min-width: 767px) {
  .cpArea {
  bottom: 85px;
  }

  .hero-feature.row>div {
    padding-left: 0;
    padding-right: 0;
  }
}

/*180201 */
.cpArea .cpArea_img {
  margin: 10px 0;
}
.cpArea .cpArea_img.-copy{
  width: 80%;
  max-width: 552px;
}


.shadow {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/*191008 */

/*---------------------------------------------------------

02 10年以上の〜

---------------------------------------------------------*/
.block.sec02 {
  padding: 6rem 0 0;
}

@media (max-width: 767px) {
  .block.sec02 {
    padding: 3rem 0 0;
  }
}

.block.sec02 figure {
  position: relative;
}

.block.sec02 figure figcaption {
  position: absolute;
  bottom: 0;
  right: 0;
}

.block.sec02 img.sp-inline {
  width: 150px;
}

.block.sec02 .img-heading {
  margin-bottom: 0.4rem;
}

@media (max-width: 767px) {
  .block.sec02 .img-heading {
    margin-bottom: 3rem;
    padding: 0;
  }
}

.point+.block.sec02 {
  padding-bottom: 5rem;
}

@media (max-width: 767px) {
  .point+.block.sec02 {
    padding-bottom: 1.5rem;
  }
}

/*---------------------------------------------------------

03 ぽいんと

---------------------------------------------------------*/
.point-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin-bottom: 4rem;
}

@media (max-width: 767px) {
  .point-item {
    font-size: 14px;
    font-size: 1.4rem;
  }

  .point-item>img {
    width: 30%;
  }
}

.point-body {
  background-color: #fff;
  padding: 1.6rem;
  text-align: center;
  position: relative;
  margin-left: 1.6rem;
}

.point-body p {
  text-align: left;
  text-align: justify;
}

.point-body .feature {
  position: absolute;
  top: -30px;
  left: -30px;
}

.point-body .title {
  margin-top: 0.8rem;
  margin-bottom: 1.6rem;
}

@media (max-width: 767px) {
  .point-body .title {
    padding: 0 20px;
  }
}

/* .brush up */
@media (max-width: 767px) {
  .point.brush {
    padding: 0 0 5.33vw;
  }

  .point.brush .row,
  .point.brush .col-sm-6,
  .point.brush .container {
    padding: 0;
    margin: 0;
    position: relative;
  }

  .point.brush h2 {
    /*width: 75.73%;*/
    margin: 0 auto;
    padding: 8vw 0;
  }

  .point.brush .point-item {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 4vw;
    padding-right: 2.66%;
    display: block;
  }

  .point.brush .point-item>img {
    width: 18.13%;
    position: absolute;
    left: 2.66%;
    top: 50%;
    margin-top: -12.53vw;
  }

  .point.brush .point-item>img.img02 {
    margin-top: -11.06vw;
  }

  .point.brush .point-body .feature {
    top: -2.4vw;
    left: -3.73vw;
    width: 12.26vw;
  }

  .point.brush .point-body {
    padding: 4vw 5.33vw 4.26vw;
    margin: 0 0 0 25.33%;
    border-radius: 6.66vw;
  }

  .point.brush .point-body .title {
    height: 4.26vw;
    padding: 0;
    margin: 0 0 2.66vw;
  }

  .point.brush .point-body p {
    font-size: 2.92vw;
    line-height: 1.54;
    margin-bottom: 0;
  }

  .point.brush .balloon::before {
    content: '';
    position: absolute;
    border-style: solid;
    top: 42%;
    left: -3.2vw;
    border-width: 1.6vw 3.2vw 1.6vw 0;
    border-color: transparent #fff transparent transparent;
  }
}

/* シリコンバッグ豊胸4つのポイント　20230110 */
.point4 ul {
  overflow: hidden;
}
.point4 ul li{
  width: 48%;
  float: left;
}
.point4 ul li:last-child{
  float: right;
}
.point4 h3 {
  text-align: center; 
  padding: 0.5em 0 0.3em;
  border-top: 2px solid #734802;
  border-bottom: 2px solid #734802;
}
.point4 h3 img{
  display: block;
  margin:0 auto 5px;  
}
.point4 h3 span{
  display: block;
  font-size: 130%;
  font-weight: bold;
  color: #734802;
}
.point4 p{
  font-size: 115%;
  line-height: 1.6;
  margin-bottom: 40px;
}
.point4 p span{
  font-weight: bold;
  color: #d56165;
}
@media (max-width: 767px) {
  .point4 {
    width: 90%;
    margin: 0 auto;
  }
  .point4 ul li{
    width: 100%;
    float: none;
  }
  .point4 ul li:last-child{
    float: none;
  }
  .point4 h3 img{
    width: 80px;
  }
}
/*---------------------------------------------------------

04  ライン

---------------------------------------------------------*/
#line {
  padding-top: 1.6rem;
}

@media (max-width: 767px) {
  #line {
    text-align: center;
  }
}

#line h2 {
  color: #00c300;
}

@media (max-width: 767px) {
  #line h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}

#line .btn {
  width: 300px;
  margin-bottom: 1.6rem;
}

@media (max-width: 767px) {
  #line p {
    text-align: left;
  }
}


#line .brush {
  padding: 40px 0 40px;
}

#line .brush h2 {
  font-size: 34px;
  font-weight: bold;
  letter-spacing: 0.1em;
  color: #00c300;
}

#line .brush p strong {
  font-size: 20px;
  letter-spacing: 0.1em;
  font-weight: normal;
}

#line .btn {
  width: auto;
  margin-bottom: 1.6rem;
}

@media (max-width: 767px) {
  #line .brush {
    position: relative;
    margin: 0 -10px;
    padding: 5.33vw 0 5.33vw;
  }

  #line .brush h2 {
    font-size: 5.33vw;
    line-height: 1.5;
    font-weight: bold;
    letter-spacing: 0.2vw;
    color: #00c300;
  }

  #line .brush p {
    font-size: 2.66vw;
    text-align: center;
  }

  #line .brush p strong {
    font-size: 3.73vw;
    font-weight: normal;
  }

  #line .brush a {
    display: block;
    width: 78.6%;
    margin: 0 auto;
  }
}

/*---------------------------------------------------------

05 施術方法

---------------------------------------------------------*/
.method .box-heading {
  color: #2db3ab;
}

.method .c {
  color: #2db3ab;
}

.method hr {
  height: 2px;
  background-color: #2db3ab;
  border: none;
}

@media (max-width: 767px) {
  .method .box .img-heading {
    padding: 0 10%;
  }
}

.top-lead {
  background-color: #fff;
  border: 2px solid #d8d1bc;
  color: #ae9530;
  padding: 1.6rem 2rem;
  max-width: 750px;
  width: 95%;
  margin: 0 auto -5rem;
  border-radius: 3em;
  -webkit-border-radius: 3em;
  -moz-border-radius: 3em;
  position: relative;
  z-index: 1;
}

.top-box {
  position: relative;
  z-index: 0;
  padding-top: 7rem;
}

.inner-box {
  max-width: 750px;
  margin: 0 auto 2rem;
  border: 5px solid #2db3ab;
}

.inner-box-head {
  background-color: #2db3ab;
  color: #fff;
  padding: 1.6rem 0.8rem;
}

.inner-box-head h3 {
  margin-bottom: 0;
  font-size: 18px;
  font-size: 1.8rem;
  position: relative;
  padding-left: 1.5em;
}

.inner-box-head h3 i {
  font-size: 2em;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -.5em;
  line-height: 0;
}

.inner-box-body {
  padding: 1.6rem;
}

@media (max-width: 767px) {
  .inner-box-body {
    padding: 1.6rem 0.8rem;
  }
}

.inner-box-body .feature {
  text-align: center;
  color: #2db3ab;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border: solid 1px #2db3ab;
  padding: 75px 0;
  font-size: 20px;
  font-size: 2rem;
}

@media (max-width: 767px) {
  .inner-box-body .feature {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    padding: 0.8rem;
    margin-bottom: 1.6rem;
  }

  .inner-box-body .feature br {
    display: none;
  }
}

.inner-box.link {
  margin-bottom: 0;
  border-bottom: none;
}

.bag {
  padding: 1.6rem 0;
}

.bag img {
  display: block;
  margin: 0 auto 0.8rem;
}

.bag h4 {
  text-align: center;
  margin-bottom: 0.8rem;
  font-weight: bold;
  background-color: #f6f6f6;
  padding: 0.8rem 0;
}

.bag p {
  font-size: 14px;
  font-size: 1.4rem;
}

.relate h4 {
  text-align: center;
  background-color: #ededed;
  margin-bottom: 0;
  padding: 1.6rem;
  font-weight: bold;
}

.relate-body {
  padding: 0 0.4rem;
}

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

@media (min-width: 767px) {
  .relate:first-of-type {
    border-right: 2px #2db3ab solid;
  }

  .relate:last-of-type {
    border-left: 2px #2db3ab solid;
  }
}

.relate:last-of-type h4 {
  color: #ff4985;
}

.relate p {
  margin-bottom: 0;
  padding: 1.6rem;
  font-weight: bold;
}

.relate .notes {
  font-size: 14px;
  font-size: 1.4rem;
  background-color: #f8f6ec;
  margin-bottom: 1.6rem;
  font-weight: normal;
}

/*---------------------------------------------------------

06 値段

---------------------------------------------------------*/
.price {
  background-image: url(../images/hero-bg01.png);
  background-size: cover;
  background-position: center bottom;
  position: relative;
}

.price-body {
  position: relative;
  z-index: 2;
  max-width: 710px;
  margin: auto;
}

.price-foot p img {
  float: left;
  margin-right: 0.8rem;
}

@media (max-width: 767px) {
  .price-foot p img {
    float: right;
    width: 130px;
    margin-right: 0;
    margin-left: 0.4rem;
  }
}

.price .img-heading {
  position: relative;
  z-index: 2;
}

@media (min-width: 767px) {
  .price:before {
    content: '';
    position: absolute;
    z-index: 1;
    left: 1%;
    top: 0;
    height: 100%;
    width: 100%;
    background-size: contain;
    /* background-image: url(../images/hero-bg02.png); */
    background-position: bottom left;
  }
}

/*---------------------------------------------------------

07 症例

---------------------------------------------------------*/
.case .box {
  padding: 0.8rem;
  background-color: #f6f6f6;
  text-align: center;
}

@media (min-width: 767px) {
  .case .row>div {
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 30px;
  }
}

/*---------------------------------------------------------

08 理由

---------------------------------------------------------*/
.int h2 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
}

.int .row {
  margin-bottom: 2rem;
}

/*---------------------------------------------------------

09 医師

---------------------------------------------------------*/
.dr-comment {
  padding-top: 8rem;
  position: relative;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .dr-comment {
    padding-top: 2rem;
  }
}

.dr-comment p {
  margin-bottom: 0;
}

.dr-comment img {
  position: absolute;
  left: 30px;
  bottom: 5px;
  z-index: 2;
}

@media (max-width: 767px) {
  .dr-comment img {
    position: static;
  }
}

.dr-comment .inner {
  background-color: #fff;
  border: 5px solid #ae9530;
  padding: 1.6rem;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .dr-comment .inner {
    padding: 1.6rem 0.8rem;
  }
}

@media (max-width: 767px) {
  .dr-comment .inner.row {
    margin-left: 0;
    margin-right: 0;
  }
}

.dr01 {
  margin-bottom: 2rem;
}

.dr-data {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 2rem 1.6rem;
}

.dr-data p {
  margin-bottom: 0;
  line-height: 2;
}

.dr-data p strong {
  display: inline-block;
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 2rem;
}

.dr-name {
  font-family: "Hannari", Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: normal;
  letter-spacing: 0.1em;
  border-bottom: 3px solid #ae9530;
  margin-bottom: 2rem;
}

.dr-name strong {
  display: inline-block;
  font-size: 45px;
  font-size: 4.5rem;
  font-weight: normal;
}

.dr-name span {
  display: block;
  font-size: 24px;
  font-size: 2.4rem;
  position: relative;
}

.dr-img {
  padding-top: 45%;
  background-size: cover;
  background-position: center;
}

@media (max-width: 767px) {
  .dr-img {
    padding-top: 55%;
  }

  .dr-img.top {
    background-position: top;
  }
}

/*-------------------------
	sidenav
---------------------------*/
#side {
  display: none;
  width: 54px;
  position: fixed;
  bottom: 10px;
  right: 0px;
  z-index: 200;
}

#side li {
  margin-bottom: 6px;
}

@media screen and (max-width: 767px) {
  #side {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .sec_mv .gnav {
    font-size: 10px;
    font-size: 1rem;
  }

  .sec_mv .gnav ul {
    width: 100%;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    border-left: 1px solid #fff;
  }

  .sec_mv .gnav ul li {
    display: inline-block;
    width: 33.333%;
    padding: 4.15% 0;
    box-sizing: border-box;
    border-right: 1px solid #fff;
  }

  .sec_mv .gnav ul li:after {
    display: none;
  }

  .sec_mv .gnav ul li.br {
    border-bottom: 1px solid #fff;
    padding: 2.5% 0;
  }

  nav.gnav.s.sticky {
    display: none;
  }
}

/*sec06========================================================================================================*/
.sec07 .container {
  width: 1060px;
}

.sec07 ul {
  overflow: hidden;
  margin: 40px auto 0;
  display: flex;
  flex-wrap: wrap;
}

.sec07 li {
  width: 245px;
  border: 1px solid #ccc;
  padding: 10px;
  float: left;
  margin: 0 20px 20px 0;
  box-sizing: border-box;
}

.sec07 li:nth-child(4n) {
  margin: 0 0 20px 0;
}

.sec07 li .ph {
  width: 223px;
  margin: 0 0 10px;
}

.sec07 li img {
  width: 100%;
}

.sec07 li h4 {
  font-size: 20px;
  border-left: 3px solid #d29a37;
  padding-left: 10px;
  margin: 0 0 5px;
}

.sec07 li address {
  font-size: 12px;
}

.sec07 li a {
  color: #97824F;
}

@media screen and (max-width: 767px) {
  .sec07 .container {
    width: 100%;
  }

  .sec07 ul {
    margin: 5% auto 0;
    display: block;
  }

  .sec07 li {
    width: 100%;
    border: none;
    border-bottom: 1px solid #ccc;
    padding: 0 0 5%;
    float: none;
    margin: 0 0 5%;
    box-sizing: border-box;
    overflow: hidden;
  }

  .sec07 li:nth-child(4n) {
    margin: 0 0 5%;
  }

  .sec07 li .ph {
    width: 35%;
    margin: 0;
    float: left;
  }

  .sec07 li .inner {
    width: 61%;
    float: right;
  }

  .sec07 li img {
    width: 100%;
  }

  .sec07 li h4 {
    font-size: 16px;
    border-left: 3px solid #d29a37;
    padding-left: 10px;
    margin: 0 0 5px;
  }

  .sec07 li address {
    font-size: 12px;
  }
}

/*sec_cv========================================================================================================*/
.sec_cv {
  background-image: url(../images/even-bg.png);
  background-repeat: repeat;
  padding: 30px 0;
}

.sec_cv .inner {
  width: 930px;
  margin: 0 auto;
}

.sec_cv h2 {
  margin: 0 auto 20px;
}

.sec_cv ul {
  overflow: hidden;
}

.sec_cv li {
  float: left;
  margin-right: 20px;
  width: 320px;
}

.sec_cv li:nth-child(1) {
  width: 240px;
}

.sec_cv li:nth-child(3) {
  margin-right: 0;
}

.sec_cv li.sec_cv-afi {
  width: 100%;
  text-align: center;
}

.sec_cv ul.brush {
  font-size: 0;
  text-align: center;
  overflow: hidden;
}

.sec_cv ul.brush li {
  float: none;
  display: inline-block;
  vertical-align: top;
  margin-right: 0;
  width: auto;
}

.sec_cv ul.brush li:nth-child(1) {
  padding-top: 10px;
  margin-bottom: 8px;
  width: auto;
}

.sec_cv ul.brush li:nth-child(3) {
  margin-left: 17px;
  margin-right: 0;
}


@media screen and (max-width: 767px) {
  .sec_cv {
    padding: 5% 0;
  }

  .sec_cv .inner {
    width: 96%;
    margin: 0 auto;
  }

  .sec_cv h2 {
    width: 100%;
    margin: 0 auto 5%;
  }

  .sec_cv li {
    float: none;
    margin: 0 auto 5%;
    width: 60%;
  }

  .sec_cv li:nth-child(1) {
    width: 60%;
  }

  .sec_cv li:nth-child(3) {
    margin-right: auto;
  }

  .sec_cv .inner {
    width: 100%;
    position: relative;
    margin: 0 auto;
  }

  .sec_cv ul.brush {
    font-size: 0;
    text-align: center;
    overflow: hidden;
  }

  .sec_cv ul.brush li {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-right: 0;
  }

  .sec_cv ul.brush li:nth-child(1) {
    padding-top: 2.66vw;
    margin-bottom: 2.66vw;
    width: 92%;
  }

  .sec_cv ul.brush li:nth-child(2) {
    padding-top: 0;
    margin-bottom: 0;
    width: 43.2%;
  }

  .sec_cv ul.brush li:nth-child(3) {
    margin: 0 0 0 2.8%;
    width: 44.4%;
  }
}

/* 汎用
========================================================================================================
*/
.lg-hide,
.sp_only {
  display: none;
}

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

@media screen and (max-width: 767px) {
  .lg-hide {
    display: block;
  }

  .pc_only {
    display: none;
  }

  .sp_only {
    display: block;
  }
}

/*---------------------------------------------------------

0321 追加ブロック

---------------------------------------------------------*/
.block.b-st {
  background-image: url(../images/b-st.png);
  background-repeat: repeat;
}

.check-list {
  list-style: none;
  padding: 0;
  margin-top: 0;
}

.check-list li {
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 0.8rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  -webkit-box-align: baseline;
  font-size: 18px;
  font-size: 1.8rem;
}

.check-list li:last-of-type {
  margin-bottom: 0;
}

.check-list li i,
.check-list li .i {
  margin-right: 0.8rem;
  font-size: 1.4em;
}

@media (max-width: 767px) {

  .check-list li i,
  .check-list li .i {
    margin-right: 0.8rem;
  }
}

.check-list li .ion-android-warning {
  color: #ff4985;
}

.check-list.element {
  padding: 0.8rem;
  margin-bottom: 1.6rem;
  border: 1px solid #d9d9d9;
}

.consul header {
  background-image: url(../images/consul-header-bg.jpg);
  background-size: cover;
  background-position: center;
  text-align: center;
  padding: 3rem 0;
}

.consul header h1 {
  margin-bottom: 1.6rem;
}

.consul header p {
  color: #fff;
  border: 1px solid;
  padding: 0.8rem 2rem;
  max-width: 600px;
  margin: 0 auto;
  font-size: 115%;
}

.consul .box {
  border-color: #2db3ab;
}

.consul hr {
  height: 1px;
  border: 0;
  background-color: #d9d9d9;
}

/* 治療の流れ
========================================================================================================
*/
.box.flow {
  border-color: #FF578E;
  text-align: center;
  padding: 4rem 1.6rem 3rem;
}

.box.flow h3.img-heading {
  margin-bottom: 3rem;
}

@media screen and (max-width: 767px) {
  .box.flow {
    padding: 3rem 1rem 1rem;
  }

  .box.flow h3.img-heading {
    margin: 0 4rem 3rem;
  }

  .box.flow .row {
    margin: 0;
  }

  .box.flow .row {
    margin: 0;
  }
}

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

/* リスクと術後の注意点 */
.listTypeA01 li {
  text-indent: -1em;
  padding-left: 1em;
}

.listTypeA01 .sp_only {
  display: none;
}

@media screen and (max-width: 767px) {
  .listTypeA01 .sp_only {
    display: block;
  }
}


/* 20210615 */
.max_w840_m_auto {
  max-width: 840px;
  margin: 40px auto;
}

@media screen and (max-width: 767px) {
  .max_w840_m_auto {
    margin: 20px auto;
  }
}

/* 症例
========================================================================================================
*/
.bg-gray{
  background: #f4f7f8;
  padding-bottom: 4rem;
}
.bg-navy{
  background: #2d3147;
  padding-bottom: 3rem;
}
@media screen and (max-width: 767px) {
  .bg-gray{
    padding-bottom: 20px;
  }
}
.hero{
  /*padding-bottom: 12rem;*/
}
@media screen and (max-width: 767px) {
  .hero{
    /*padding-bottom: 16vw;*/
  }
}
.case{
  /*width: 100%;
  height: 340px;*/
  width: 100%;
  /*margin-top: -150px;*/
  position: relative;
  z-index: 1003;
  overflow: hidden;
  padding-top: 50px;
}
@media screen and (max-width: 767px) {
  .case{
    /*height: 55vw;*/
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    /*margin-top: -22vw;*/
    padding-top: 5vw;
  }
}

.case .container{
  /*width: 1040px;スライド3個の場合*/
  width: 860px;/*スライド1個の場合*/
}
@media screen and (max-width: 767px) {
  .case .container{
    width: 100%;
    padding: 0;
  }
}
.case .container h2.ttl_case{
  text-align: center;
  margin-bottom: -6px;
  position: relative;
  z-index: 2;
}
.case .container h2.ttl_case .ttl_case_cap{
  margin:0 15px 20px;
  display: block;
}
.case .container h2.ttl_case .ttl_case_ph img{
  width: 60%;
}
.case-carousel .swiper-slide{
}
.case-carousel img{
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .case-carousel img{
    /*width: 44.266vw;*/
    width: 83vw;
  }
}
.swiper-container{
  /*width: 910px;スライド3個の場合*/
  width: 840px;/*スライド1個の場合*/
  padding-bottom: 40px;
  overflow: hidden !important;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .swiper-container{
    width: 90%;
    padding-bottom: 30px;
  }
}

.swiper-button-prev{
  left: 0;
}
.swiper-button-next {
  right: 0;
}
.swiper-button-prev,
.swiper-button-next{
  width:  5rem;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .swiper-button-prev,
  .swiper-button-next{
    width:  3.5rem;
    transform: translateY(-30%);
  }
}

.swiper-button-next:before,
.swiper-button-prev:before,
.swiper-button-next:after,
.swiper-button-prev:after{
  /*color: #111111;
  font-size: 5rem;*/
  color: #fff;
}
@media screen and (max-width: 767px) {
  .swiper-button-next:before,
  .swiper-button-prev:before,
  .swiper-button-next:after,
  .swiper-button-prev:after{
   /*font-size: 3.5rem;*/
   font-size: 3rem;
  }
}
.swiper-pagination-bullet{
  background: #656567;
  opacity: 1;
  width: 1.2rem;
  height: 1.2rem;
}
@media screen and (max-width: 767px) {
  .swiper-pagination-bullet{
    width: 0.8rem;
    height: 0.8rem;
  }
}
.swiper-pagination-bullet-active{
  /*background: #ff4985;*/
  background: #fff;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
  bottom: 0;
}

.btn_insta{
  width: 84vw;
  margin: 2vw auto 0;
  text-align: center;
}

.block.ordermade{
  padding-bottom: 0;
}
.ordermade .box{
  border-color: #ff4985;
}
.personal .box{
  border-color: #ccb158;
}
@media screen and (max-width: 767px) {
  .ordermade .container,
  .personal .container{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .ordermade .box,
  .personal .box{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .ordermade .img-heading{
    margin-bottom: 3rem;
  }
  .ordermade .img-box{
    width: 60%;
    margin: auto;
    margin-bottom: 3rem;
  }
}

.ordermade .lead-text{
  font-size: 108%;
}
@media screen and (max-width: 767px) {
  .ordermade .lead-text{
    font-size: 110%;
  }
}
.personal .img-heading{
  margin-bottom: 3rem;
}
.personal .lead-text{
  text-align: center;
  font-size: 110%;
}
@media screen and (max-width: 767px) {
  .personal .lead-text{
    text-align: left;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
.personal-detail{
  margin: 2rem 0;
  position: relative;
  padding: 3.2rem 3.4em 2.8rem;
  border-radius: 20px;
  box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.2), 0px 20px 21px 4px rgba(10,10,10,0.02);
}
@media screen and (max-width: 767px) {
  .personal-detail{
    text-align: left;
    margin-left: 10px !important;
    margin-right: 10px !important;
    padding: 1.5em;
    border-radius: 10px;
  }
}
.personal-detail::before{
  content: "";
  width: 6.4rem;
  height: 6.4rem;
  background: #fcf7e9;
  display: block;
  position: absolute;
  top: 2rem;
  left: 3.4rem;
  border-radius: 10rem;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .personal-detail::before{
    width: 5rem;
    height: 5rem;
    top: 2.2rem;
    left: 2.2rem;
    border-radius: 10rem;
  }
}
.personal-detail-inner{
  position: relative;
  z-index: 2;
}
.personal-detail h4{
  min-height: 4rem;
}
@media screen and (max-width: 767px) {
  .personal-detail h4{
    padding: 1.2rem 0 0 1.2rem;
    min-height: 3rem;
    max-width: 240px;
  }
}
.personal-detail p{
  min-height: 10rem;
  margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
  .personal-detail p{
    font-size: 3.7vw;
    min-height: 0;
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 768px) {
  /*PC*/
  .personal-detail p.mb-custum1{
    margin-bottom: 5.3rem;
  }
  .personal-detail p.mb-custum2{
    margin-bottom: 4rem;
  }
}
.personal-detail h5{
  display: block;
  background: #d6be6f;
  border-radius: 30px;
  padding: .5rem;
  text-align: center;
  text-decoration: none;
  color: #FFF;
  position: relative;
  font-size: 110%;
}
@media screen and (max-width: 767px) {
  .personal-detail h5{
    padding: .6rem;
    font-size: 4.2vw;
  }
}
.personal-detail h5::before{
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1.2rem 1.2rem 0 1.2rem;
  border-color: #ccb158 transparent transparent transparent;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%,-3rem);
}

/* bnr_biyou_zemi */
.bnr_biyou_zemi{
  text-align: center;
  margin: 50px auto;
}
.bnr_biyou_zemi img{
  width: 700px;
  filter: drop-shadow(5px 5px 8px rgba(0, 0, 0, 0.4));
}
@media screen and (max-width: 767px) {
  .bnr_biyou_zemi{
    margin: 20px auto;
  }
  .bnr_biyou_zemi img{
    width: 90%;
  }
}

/* 230131 追加ブロック */
h2.sec01{
  margin: 0 auto 30px;
  text-align: center;
} 
@media screen and (max-width: 767px) {
  h2.sec01{
    margin: 0 auto;
  } 
}
.movie{
  width: 560px;
  margin: 0 auto 30px;
  text-align: center;  
}
.movie iframe{
  width: 560px;
  height: 360px;
}
@media screen and (max-width: 767px) {
  .movie{
    width: 90%;
    margin: 20px auto ;
  }
  .movie iframe{
    width: 100%;
    height: 200px;
  } 
}


/*sec_cl_list クリニック紹介========================================================================================================*/
.sec_cl_list {
	width:100%;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
.sec_cl_list:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 130%;
  height: 62%;
  margin: -30% -10% 0;
  /* background: #fff; */
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
  z-index: -1;
}

.sec_cl_list h2{ text-align:center; margin:4% auto;}
.sec_cl_list ul.cl_list{ overflow:hidden; margin-top:4%;}
.sec_cl_list ul.cl_list li.box{ width:32%; float:left; margin-right:2%; margin-bottom:5%;position:relative;height:248px; overflow:hidden;}
.sec_cl_list ul.cl_list li.box:nth-child(3n){ margin-right:0;}
.sec_cl_list ul.cl_list li.box .img{ width:100%;}
.sec_cl_list ul.cl_list li.box .pc_only {background-color: rgba(255,255,255,1.0); padding:0 5px 5px; overflow:hidden; margin:10px auto 0;}
.sec_cl_list ul.cl_list li.box .pc_only img{ width:120%;}
.sec_cl_list ul.cl_list li.box .pc_only.w110 img{ width:110%;}

.box .slideup{
	width:100%;
	height:348px;
	background:rgba(230,10,133,0.9);
	position:absolute;
	top:218px;
	left:0;
	color:#fff;
	-webkit-transition: 0.2s;
	-moz-transition:  0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
	font-size:14px;
}
.box .slideup:hover {
	top:0;
	background:rgba(0,0,0,0.7);
}
.box .slideup span {
	text-align:center;
	display:block;
	line-height:30px;
}
.box .slideup span:after {
	content:" >>";
}
.box .slideup:hover span {
	padding-top:20px;
}
.slideup_content {
	text-align:center;
	padding:0 10px;
}
.btn_cv { text-align:center;margin:12px 0 0;}
.btn_cv li{ display:inline-block; margin:0 6px; width:40px;}
.btn_cv li:nth-child(2){ display: none;}/*PCはTELアイコン非表示*/
.btn_cv li img{ width:100%;}


@media screen and (max-width: 767px) {
	.sec_cl_list { margin:4% auto 0; width: calc(100% - 20px);}
	/*.sec_cl_list:before {
		width: 160%;
		height: 26%;
		margin: -66% -10% 0;}*/
	.sec_cl_list h2{ width:80%; }
	.sec_cl_list .lead{ font-size:13px;}
	.sec_cl_list ul.cl_list li.box { height:auto; border-bottom:1px dotted #ccc; padding-bottom:5%;}
	.sec_cl_list ul.cl_list li.box .img{ display:none; /*width:50%; float:left;*/}
	.sec_cl_list ul.cl_list li.box{ width:100%; float:none; margin-right:0%; font-size:14px;}
	/*スライド　SPは使用しない*/
	.box .slideup { background:none; position: static; width:100%; height:auto; float: none;color:#000;transition: none;}
	.box .slideup:hover {background: none;}
	.box .slideup span { background:#E60A85; color:#fff; position: static;line-height:2.0; font-weight:bold; margin-bottom:2%;}
	.box .slideup span:after { content:"";}
	.box .slideup:hover span { padding-top:0;}
	.slideup_content{ text-align:left; padding:0;}
	
	.btn_cv { margin:5% 0;}
	.btn_cv li{ display:inline-block; margin:0 1%; width:13%;}
	.btn_cv li:nth-child(2){ display: inline-block;}/*PCはTELアイコン非表示*/
	
	.sec_cl_list ul.cl_list li.box .sp_only { clear:both; overflow:hidden;}
	.sec_cl_list ul.cl_list li.box .sp_only img{ width:110%;}
}



/*accordion_one==================================*/
/*! CSS Used from: https://www.tkc-biyou.jp/lp/insert_bag_03/common/css/reset.css */
/* div,p,img,ul,li{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;}
ul{list-style:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;} */
/*! CSS Used from: https://www.tkc-biyou.jp/lp/insert_bag_03/common/css/style.css?221227 */
/* img{vertical-align:bottom;width:100%;}
a{text-decoration:none;color:inherit;transition:all .5s ease;}
a:hover{opacity:0.6;transition:all .5s ease;} */
.sec_cl_list *{box-sizing:border-box;}
/* .sec_cl_list .inner{max-width: 670px;} */
.sec_cl_list .lead{
	margin-bottom: 2.5em;
}
.sec_cl_list .clinic_list{background:#FDFAF5;padding:30px 20px;}
.sec_cl_list .accordion_header{
	width:100%;margin:0 auto -10px;
}
.sec_cl_list .accordion_inner ul li{display:flex;align-items:flex-start;margin-bottom:20px;position:relative;border:none;padding:0;}
.sec_cl_list .accordion_inner ul li img{width:40%;}
.sec_cl_list .accordion_inner ul li div{margin-left:10px;line-height:1.2;text-align:left;height:100%;}
.sec_cl_list .accordion_inner ul li div img{width:65%;}
.sec_cl_list .accordion_inner ul li div .pc_only .dr{width:100%;max-width:180px;}
.sec_cl_list .accordion_inner ul li div p:nth-child(1){font-size:18px;font-weight:bold;}
.sec_cl_list .accordion_inner ul li div p:nth-child(2){font-size:15px;margin:10px auto;}
.sec_cl_list .accordion_inner ul li div a{display:inline-block;background:none;text-align:left;padding:0;width:initial;}
.sec_cl_list .accordion_inner ul li div a::before{content:none;}

.sec_cl_list .accordion_one{margin-bottom:20px;}
.sec_cl_list .accordion_one .accordion_header{position:relative;z-index:+1;cursor:pointer;transition-duration:0.2s;}
.sec_cl_list .accordion_one .accordion_header:hover{opacity:.8;}
.sec_cl_list .accordion_header{
	border-radius: 0.625em;
	border: 3px solid #d29a37;
	background: #fff;
	font-size: 32px;
	line-height: 1.125;
	padding: 0.5em;
	/* font-weight: bold; */
	color: #d29a37;
	position: relative;
	margin-bottom: -10px;
	text-align: center;
}
.sec_cl_list .accordion_header::after{
	content:"";display:block;width:0;height:0;border-style:solid;
	border-width:16px 10px 0 10px;
	border-color:#d29a37 transparent transparent transparent;
	position:absolute;
	top:50%;
	right:0.8em;
	transform: translateY(-40%);
}
.sec_cl_list .accordion_header.open::after{
	transform: translateY(-60%)rotate(-180deg);
}
/* .sec_cl_list .accordion_header::after{
	content:"";display:block;width:0;height:0;border-style:solid;border-width:19px 12px 0 12px;border-color:#d5b55d transparent transparent transparent;position:absolute;top:50%;right:48px;} */
.sec_cl_list .accordion_one .accordion_inner{width:100%;margin:0 auto 0;display:none;padding-top:10px;background:#FDFAF5;}
@media screen and (max-width : 767px ){
	.sec_cl_list .accordion_one{margin-bottom:6vw;}
	/* .sec_cl_list .accordion_header::after{border-width:4vw 2.6vw 0 2.6vw;right:5vw;} */
	.sec_cl_list .accordion_header{
		font-size: 20px;
		border
	}
	.sec_cl_list .accordion_header::after{border-width:4vw 2.6vw 0 2.6vw;}
	.sec_cl_list .clinic_list{padding:10vw 5vw 5vw;}
	.sec_cl_list .accordion_inner ul li div p:nth-child(1){font-size:3.8vw;}
	.sec_cl_list .accordion_inner ul li div p:nth-child(2){font-size:2.7vw;margin:2vw auto;}
	.sec_cl_list .accordion_inner ul li div img{width:45%;}
	/* .sec_cl_list .accordion_inner ul li{
		margin-bottom:0;
	} */
	.sec_cl_list .accordion_inner .sp_only{
		margin-bottom:5vw;
	}
}
@media screen and (min-width : 768px ){
	.sec_cl_list .accordion_inner ul{
		display: flex;
    flex-wrap: wrap;
    width: 100%;
	}
	.sec_cl_list .accordion_inner ul li{
		width: 48%;
	}
}

.sp_only{ display:none;}
@media screen and (max-width: 767px) {
	.pc_only{ display:none;}
	.sp_only{ display:block;}
}