@charset "UTF-8";
/* Scss Document */
/* CSS Document */
/*@font-face {
font-family: 'Dela Gothic One';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('../fonts/DelaGothicOne-Regular.woff2') format('woff2'),
url('../fonts/DelaGothicOne-Regular.woff') format('woff');
}*/
/*================================================
　reset
================================================*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

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

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

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

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/*================================================
　共通設定 
================================================*/
html {
  font-size: 62.5%;
}
html.open {
  height: 100%;
  overflow: hidden;
}

body {
  font-size: 1.6rem;
  font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
  -webkit-text-size-adjust: none;
  /*iPhone用ランドスケープ時の文字のサイズを自動で拡大防止*/
  line-height: 1.5em;
  color: #000;
  text-align: center;
  position: relative;
  max-width: 1920px;
  min-width: 320px;
  margin: 0 auto;
}
@media (min-width: 744px) {
  body {
    font-size: 16px;
  }
}

* {
  box-sizing: border-box;
}

p {
  font-size: 1.6rem;
  line-height: 1.5em;
  margin-bottom: 1em;
}
@media (min-width: 744px) {
  p {
    font-size: 16px;
  }
}

strong {
  color: #891b28;
}

mark {
  background: linear-gradient(transparent 60%, #ffec39 0%);
  color: #000;
  font-style: normal;
  font-weight: bold;
}

/* リンクの基本設定 */
a img, :link img, :visited img {
  border: none;
}

a {
  color: #891b28;
  text-decoration: underline;
}

a:hover {
  color: #b74956;
  text-decoration: underline;
}

/* テーブルの基本設定 */
table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
}

/* 画像設定 */
img {
  width: 100%;
  height: auto;
}
@media (min-width: 744px) {
  img {
    width: auto;
    max-width: 100%;
  }
}

/* 詳しくはこちら */
.linkbtn {
  width: 100%;
  text-align: center;
}
.linkbtn a {
  margin: 0 auto;
  display: inline-block;
  background: #ff6600;
  color: #fff;
  padding: 10px 20px;
  text-decoration: none;
  transition: .3s;
}
.linkbtn a:hover {
  color: #fff;
  background: #c1272d;
}

.scrollbar {
  width: 100%;
  /*-webkit-overflow-scrolling: touch;*/
  margin-bottom: 20px;
}
.scrollbar::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.scrollbar::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #eee;
}
.scrollbar::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #666;
}
@media (min-width: 1024px) {
  .scrollbar {
    overflow-x: unset;
  }
}
.scrollbar .scroll-hint-icon-wrap .scroll-hint-icon {
  height: 90px;
}

@media (min-width: 744px) {
  .sp {
    display: none;
  }
}

.dot {
  position: relative;
}
.dot::before {
  content: "・・・・・";
  font-size: 100%;
  letter-spacing: -0.13em;
  position: absolute;
  left: 0.05em;
  top: -0.9em;
}

/*================================================
　レイアウト設定 
================================================*/
#container {
  width: 100%;
  text-align: center;
}
#container #container-inner header {
  display: none;
  padding: 10px;
  background: rgba(255, 255, 255, 0.98);
}
@media (width >= 1200px) {
  #container #container-inner header {
    position: sticky;
    top: 0;
    z-index: 20;
  }
}
#container #container-inner header .inner {
  text-align: left;
  display: flex;
  align-items: center;
}
@media (min-width: 1024px) {
  #container #container-inner header .inner {
    flex-direction: row;
  }
}
#container #container-inner header .inner #header-logo {
  max-width: 50%;
  text-align: center;
}
@media (min-width: 744px) {
  #container #container-inner header .inner #header-logo {
    max-width: 300px;
  }
}
#container #container-inner header .inner #header-logo h1 img {
  width: 100%;
  height: auto;
}
#container #container-inner header .inner #header-logo h1 + P {
  font-size: 16px;
  font-weight: 600;
  color: #00479d;
  margin-bottom: 0;
}
@media (width <= 430px) {
  #container #container-inner header .inner #header-logo h1 + P {
    font-size: 14px;
  }
}
#container #container-inner header .inner #header-content {
  margin-left: auto;
  display: flex;
  align-items: center;
}
#container #container-inner header .inner #header-content > div {
  margin: 0 10px;
}
#container #container-inner header .inner #header-content > div i {
  margin-right: 5px;
}
#container #container-inner header .inner #header-content > div.info p {
  font-size: clamp(14px, 2vw, 22px);
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 0;
}
@media (max-width: 320px) {
  #container #container-inner header .inner #header-content > div.info p {
    font-size: 14px;
  }
}
#container #container-inner header .inner #header-content > div.info p b {
  display: inline-block;
  line-height: 1.2;
  font-weight: 600;
  color: #c1272d;
  text-shadow: white 2px 0px 1px, white 2px 0px 1px, white 2px 1px 1px, white 2px 1px 1px, white 1px 1px 1px, white 1px 2px 1px, white 1px 2px 1px, white 0px 2px 1px, white 0px 2px 1px, white 0px 2px 1px, white -1px 2px 1px, white -1px 2px 1px, white -1px 1px 1px, white -2px 1px 1px, white -2px 1px 1px, white -2px 0px 1px, white -2px 0px 1px, white -2px 0px 1px, white -2px -1px 1px, white -2px -1px 1px, white -1px -1px 1px, white -1px -2px 1px, white -1px -2px 1px, white 0px -2px 1px, white 0px -2px 1px, white 0px -2px 1px, white 1px -2px 1px, white 1px -2px 1px, white 1px -1px 1px, white 2px -1px 1px, white 2px -1px 1px, white 2px 0px 1px, #e4e4e4 2px 0px 5px, #e4e4e4 2px 0px 5px, #e4e4e4 2px 1px 5px, #e4e4e4 2px 1px 5px, #e4e4e4 1px 1px 5px, #e4e4e4 1px 2px 5px, #e4e4e4 1px 2px 5px, #e4e4e4 0px 2px 5px, #e4e4e4 0px 2px 5px, #e4e4e4 0px 2px 5px, #e4e4e4 -1px 2px 5px, #e4e4e4 -1px 2px 5px, #e4e4e4 -1px 1px 5px, #e4e4e4 -2px 1px 5px, #e4e4e4 -2px 1px 5px, #e4e4e4 -2px 0px 5px, #e4e4e4 -2px 0px 5px, #e4e4e4 -2px 0px 5px, #e4e4e4 -2px -1px 5px, #e4e4e4 -2px -1px 5px, #e4e4e4 -1px -1px 5px, #e4e4e4 -1px -2px 5px, #e4e4e4 -1px -2px 5px, #e4e4e4 0px -2px 5px, #e4e4e4 0px -2px 5px, #e4e4e4 0px -2px 5px, #e4e4e4 1px -2px 5px, #e4e4e4 1px -2px 5px, #e4e4e4 1px -1px 5px, #e4e4e4 2px -1px 5px, #e4e4e4 2px -1px 5px, #e4e4e4 2px 0px 5px;
}
@media (min-width: 430px) {
  #container #container-inner header .inner #header-content > div.info p b {
    font-size: clamp(16px, 3vw, 26px);
  }
}
@media (max-width: 320px) {
  #container #container-inner header .inner #header-content > div.info p b {
    font-size: 12px;
    line-height: 1.5;
  }
}
#container #container-inner header .inner #header-content > div.phone {
  background: #2670c9;
  background: -webkit-linear-gradient(bottom, #2670c9 0%, #00479d 100%);
  background: -o-linear-gradient(bottom, #2670c9 0%, #00479d 100%);
  background: linear-gradient(to top, #2670c9 0%, #00479d 100%);
  border-radius: 50px;
  padding: 7px 20px;
  text-align: center;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
}
@media (width < 1200px) {
  #container #container-inner header .inner #header-content > div.phone {
    display: none;
  }
}
@media (width >= 1024px) {
  #container #container-inner header .inner #header-content > div.phone {
    font-size: 30px;
  }
}
#container #container-inner header .inner #header-content > div.phone a {
  color: #fff;
  text-decoration: none;
}
@media (width < 1200px) {
  #container #container-inner header .inner #header-content > div.line {
    display: none;
  }
}
#container #container-inner header .inner #header-content > div.line a {
  font-size: 20px;
  color: #fff;
  position: relative;
  background: #00d941;
  background: -webkit-linear-gradient(bottom, #00d941 0%, #07b53b 100%);
  background: -o-linear-gradient(bottom, #00d941 0%, #07b53b 100%);
  background: linear-gradient(to top, #00d941 0%, #07b53b 100%);
  border-radius: 50px;
  padding: 10px 20px 10px 55px;
  text-decoration: none;
  display: flex;
  align-items: center;
}
#container #container-inner header .inner #header-content > div.line a::before {
  content: "";
  background: url("../images/common/icon_line.svg") left 20px center no-repeat;
  background-size: 28px;
  width: 50px;
  height: 35px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: auto;
  margin: auto;
}
#container #container-inner #content {
  clear: both;
  text-align: center;
  width: 100%;
  margin-top: 0px;
}
#container #container-inner #content h1 {
  background: #891B28;
  background-size: cover;
  color: #fff;
  font-size: 30px;
  font-weight: normal;
  line-height: 1em;
  padding: 50px 0;
  box-sizing: border-box;
}
@media (min-width: 744px) {
  #container #container-inner #content h1 {
    font-size: 40px;
    padding: 70px 0;
  }
}
@media (min-width: 1024px) {
  #container #container-inner #content h1 {
    font-size: 50px;
    padding: 70px 0;
  }
}
#container #container-inner #content main {
  background-color: #fff;
  width: 100%;
}
#container #container-inner #content main > section {
  padding: 50px 0;
  box-sizing: border-box;
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  #container #container-inner #content main > section {
    padding: 100px 0;
  }
}
#container #container-inner #content main > section .inner {
  width: 90%;
  margin: 0 auto;
  text-align: left;
}
#container #container-inner #content main h2 {
  color: #000;
  font-size: 30px;
  line-height: 1.2em;
  text-align: center;
  box-sizing: border-box;
  margin-bottom: 20px;
  position: relative;
  text-shadow: white 2px 0px 1px, white 2px 0px 1px, white 2px 1px 1px, white 2px 1px 1px, white 1px 1px 1px, white 1px 2px 1px, white 1px 2px 1px, white 0px 2px 1px, white 0px 2px 1px, white 0px 2px 1px, white -1px 2px 1px, white -1px 2px 1px, white -1px 1px 1px, white -2px 1px 1px, white -2px 1px 1px, white -2px 0px 1px, white -2px 0px 1px, white -2px 0px 1px, white -2px -1px 1px, white -2px -1px 1px, white -1px -1px 1px, white -1px -2px 1px, white -1px -2px 1px, white 0px -2px 1px, white 0px -2px 1px, white 0px -2px 1px, white 1px -2px 1px, white 1px -2px 1px, white 1px -1px 1px, white 2px -1px 1px, white 2px -1px 1px, white 2px 0px 1px, #e4e4e4 2px 0px 5px, #e4e4e4 2px 0px 5px, #e4e4e4 2px 1px 5px, #e4e4e4 2px 1px 5px, #e4e4e4 1px 1px 5px, #e4e4e4 1px 2px 5px, #e4e4e4 1px 2px 5px, #e4e4e4 0px 2px 5px, #e4e4e4 0px 2px 5px, #e4e4e4 0px 2px 5px, #e4e4e4 -1px 2px 5px, #e4e4e4 -1px 2px 5px, #e4e4e4 -1px 1px 5px, #e4e4e4 -2px 1px 5px, #e4e4e4 -2px 1px 5px, #e4e4e4 -2px 0px 5px, #e4e4e4 -2px 0px 5px, #e4e4e4 -2px 0px 5px, #e4e4e4 -2px -1px 5px, #e4e4e4 -2px -1px 5px, #e4e4e4 -1px -1px 5px, #e4e4e4 -1px -2px 5px, #e4e4e4 -1px -2px 5px, #e4e4e4 0px -2px 5px, #e4e4e4 0px -2px 5px, #e4e4e4 0px -2px 5px, #e4e4e4 1px -2px 5px, #e4e4e4 1px -2px 5px, #e4e4e4 1px -1px 5px, #e4e4e4 2px -1px 5px, #e4e4e4 2px -1px 5px, #e4e4e4 2px 0px 5px;
}
@media (min-width: 744px) {
  #container #container-inner #content main h2 {
    font-size: 40px;
    text-align: center;
    box-sizing: border-box;
    margin-bottom: 40px;
  }
}
#container #container-inner #content main h2 strong {
  display: inline-block;
  color: #891b28;
}
#container #container-inner #content main h2 strong b {
  font-size: 1.5;
}
#container #container-inner #content main h2 b {
  display: inline-block;
  text-align: center;
  font-weight: 600;
  color: #891b28;
}
#container #container-inner #content main h2 span {
  display: inline-block;
}
#container #container-inner #content main h3 {
  background: #00479d;
  color: #fff;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.2em;
  text-align: left;
  padding: 3%;
  box-sizing: border-box;
  margin-bottom: 10px;
  position: relative;
}
@media (min-width: 744px) {
  #container #container-inner #content main h3 {
    font-size: 30px;
    padding: 10px;
    box-sizing: border-box;
  }
}
#container #container-inner #content main h3 span {
  display: inline-block;
}
#container #container-inner #content main h4 {
  font-size: 1.8rem;
  line-height: 1.2em;
  text-align: left;
  color: #00479d;
  font-weight: normal;
  border-left: 5px solid #891b28;
  padding: 10px 0 10px 10px;
  background: #f8f8f8;
  margin-bottom: 10px;
}
@media (min-width: 744px) {
  #container #container-inner #content main h4 {
    font-weight: 400;
    font-size: 20px;
  }
}
#container #container-inner #content main h5 {
  font-size: 1.8rem;
  font-weight: normal;
  line-height: 1.2em;
  color: #891b28;
  border-bottom: 2px solid #891b28;
  box-sizing: border-box;
  padding: 5px 10px;
  margin-bottom: 10px;
}
@media (min-width: 744px) {
  #container #container-inner #content main h5 {
    font-size: 20px;
    padding: 5px;
  }
}
#container #container-inner #content main h6 {
  font-size: 1.8rem;
  line-height: 1.2em;
  color: #891b28;
  box-sizing: border-box;
  margin-bottom: 10px;
}
@media (min-width: 744px) {
  #container #container-inner #content main h6 {
    font-size: 20px;
  }
}
#container #container-inner #copyright {
  /*　コピーライト */
  text-align: center;
  font-size: 12px;
  color: #000;
  padding: 50px 0 70px;
  box-sizing: border-box;
}
@media (min-width: 744px) {
  #container #container-inner #copyright {
    padding: 10px 0 85px;
  }
}
@media (min-width: 1024px) {
  #container #container-inner #copyright {
    padding: 10px 0;
  }
}
#container #container-inner #footer-btn {
  z-index: 9998;
  width: 100%;
  text-align: center;
  position: fixed;
  bottom: 0;
  display: flex;
  justify-content: center;
}
@media (min-width: 1200px) {
  #container #container-inner #footer-btn {
    display: none;
  }
}
#container #container-inner #footer-btn > div {
  width: 100%;
}
#container #container-inner #footer-btn > div a {
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  padding: 15px 10px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
#container #container-inner #footer-btn > div a i {
  font-size: 18px;
  margin-right: 5px;
}
#container #container-inner #footer-btn > div.box2 a {
  color: #fff;
  background: #00B900;
  background: -webkit-linear-gradient(300deg, #00b900 0%, #1f9c1f 50%, #0d820d 50%, #00b900 100%);
  background: -o-linear-gradient(300deg, #00b900 0%, #1f9c1f 50%, #0d820d 50%, #00b900 100%);
  background: linear-gradient(30deg, #00b900 0%, #1f9c1f 50%, #0d820d 50%, #00b900 100%);
}
#container #container-inner #footer-btn > div.box1 a {
  color: #fff;
  background: #FF6600;
  background: -webkit-linear-gradient(300deg, #ff6600 0%, #e04e19 50%, #cf3700 50%, #ff6600 100%);
  background: -o-linear-gradient(300deg, #ff6600 0%, #e04e19 50%, #cf3700 50%, #ff6600 100%);
  background: linear-gradient(30deg, #ff6600 0%, #e04e19 50%, #cf3700 50%, #ff6600 100%);
}

/*================================================
　トップページ
================================================*/
#index #container header {
  display: none;
}
#index #container #content main {
  margin-right: 0;
}
@media (min-width: 1024px) {
  #index #container #content main {
    width: 100%;
  }
}
#index #container #content main section {
  padding: 50px 0;
  box-sizing: border-box;
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  #index #container #content main section {
    padding: 100px 0;
  }
}
#index #container #content main section .intro p {
  font-size: 1.2em;
  font-weight: 600;
  text-align: center;
}
@media (min-width: 744px) {
  #index #container #content main section .intro p {
    font-size: 1.8em;
  }
}
#index #container #content main section .catch {
  font-size: clamp(16px, 2vw, 18px);
  font-weight: 600;
  line-height: 1.5em;
  text-align: center;
  margin-bottom: 30px;
}
@media (min-width: 744px) {
  #index #container #content main section .catch {
    font-size: 22px;
  }
}
#index #container #content main section .catch span, #index #container #content main section .catch strong {
  display: inline-block;
}
#index #container #content main section .catch + p {
  font-size: 16px;
  text-align: left;
  margin-bottom: 20px;
}
@media (min-width: 744px) {
  #index #container #content main section .catch + p {
    font-size: 18px;
    text-align: center;
    margin-bottom: 40px;
  }
}
#index #container #content main section#fv_03 {
  background: #891B28;
  background: -webkit-linear-gradient(30deg, #891b28 0%, #891b28 71%, #e7e7e7 70%, #e7e7e7 100%);
  background: -o-linear-gradient(30deg, #891b28 0%, #891b28 71%, #e7e7e7 70%, #e7e7e7 100%);
  background: linear-gradient(120deg, #891b28 0%, #891b28 71%, #e7e7e7 70%, #e7e7e7 100%);
  padding: 0;
  overflow: hidden;
  /*@media(max-width:743px){
  	background: #e6f9ff url("../images/index/fv_bg_sp.jpg") center no-repeat;
  	background-size: cover;
  }*/
}
@media (744px <= width < 1024px) {
  #index #container #content main section#fv_03 {
    height: min(550px, 100vh);
  }
}
@media (1024px <= width < 1280px) {
  #index #container #content main section#fv_03 {
    height: min(700px, 100vh);
  }
}
@media (min-width: 1024px) and (orientation: landscape) {
  #index #container #content main section#fv_03 {
    height: 700px;
  }
}
@media (min-width: 1920px) {
  #index #container #content main section#fv_03 {
    height: min(800px, 90vh);
  }
}
#index #container #content main section#fv_03 .inner {
  width: 100%;
  height: fit-content;
  position: relative;
  overflow: hidden;
  background: url("../images/index/fv_chara.png") right bottom no-repeat;
  background-size: auto 64%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 390px) {
  #index #container #content main section#fv_03 .inner {
    background-size: auto 70%;
  }
}
@media (min-width: 744px) {
  #index #container #content main section#fv_03 .inner {
    width: fit-content;
    background-size: auto 90%;
    height: 100%;
    padding: 0;
  }
}
@media (min-width: 1200px) {
  #index #container #content main section#fv_03 .inner {
    margin: 0 auto;
    background: url("../images/index/fv_chara.png") right bottom no-repeat;
    background-size: auto 90%;
  }
}
@media (min-width: 1920px) {
  #index #container #content main section#fv_03 .inner {
    padding-right: 7%;
  }
}
#index #container #content main section#fv_03 .inner .box1 {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 10;
  margin: 0 20px;
}
#index #container #content main section#fv_03 .inner .box1 > div.fv_title {
  font-size: 40px;
  text-align: left;
  line-height: 1;
  font-weight: 600;
  color: #fff;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.6);
  padding: 20px 0 0;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  #index #container #content main section#fv_03 .inner .box1 > div.fv_title {
    align-items: flex-start;
  }
}
#index #container #content main section#fv_03 .inner .box1 > div.fv_title .fvt_1 {
  font-size: clamp(20px, 2vw, 48px);
  line-height: 1.2;
  color: #fff;
}
@media (max-width: 320px) {
  #index #container #content main section#fv_03 .inner .box1 > div.fv_title .fvt_1 {
    font-size: 30px;
    padding: 3px;
  }
}
@media (min-width: 321px) {
  #index #container #content main section#fv_03 .inner .box1 > div.fv_title .fvt_1 {
    padding: 3px 10px;
    font-size: clamp(22px, 10vw, 34px);
  }
}
@media (min-width: 391px) {
  #index #container #content main section#fv_03 .inner .box1 > div.fv_title .fvt_1 {
    padding: 3px 10px;
    font-size: clamp(22px, 10vw, 40px);
  }
}
@media (min-width: 744px) {
  #index #container #content main section#fv_03 .inner .box1 > div.fv_title .fvt_1 {
    font-size: clamp(40px, 10vw, 55px);
  }
}
@media (min-width: 1024px) {
  #index #container #content main section#fv_03 .inner .box1 > div.fv_title .fvt_1 {
    font-size: clamp(40px, 10vw, 75px);
  }
}
@media (min-width: 1366px) {
  #index #container #content main section#fv_03 .inner .box1 > div.fv_title .fvt_1 {
    font-size: clamp(40px, 10vw, 75px);
  }
}
@media (min-width: 1600px) {
  #index #container #content main section#fv_03 .inner .box1 > div.fv_title .fvt_1 {
    font-size: clamp(50px, 5vw, 75px);
  }
}
@media (width >= 1920px) {
  #index #container #content main section#fv_03 .inner .box1 > div.fv_title .fvt_1 {
    font-size: 100px;
  }
}
#index #container #content main section#fv_03 .inner .box1 > div.fv_title .fvt_1 span {
  font-size: 0.7em;
}
#index #container #content main section#fv_03 .inner .box1 > div.fv_title .fvt_sub {
  padding: 10px;
  margin: 10px 0;
  font-size: clamp(20px, 2vw, 40px);
  text-align: center;
  color: #000;
  line-height: 1.5;
  background: #C79820;
  background: -webkit-linear-gradient(17deg, #c79820 10%, #fff6d6 15%, #cbaf64 21%, #a87f18 55%, #fff6d6 65%, #c79820 76%);
  background: -o-linear-gradient(17deg, #c79820 10%, #fff6d6 15%, #cbaf64 21%, #a87f18 55%, #fff6d6 65%, #c79820 76%);
  background: linear-gradient(107deg, #c79820 10%, #fff6d6 15%, #cbaf64 21%, #a87f18 55%, #fff6d6 65%, #c79820 76%);
  text-shadow: white 2px 0px 1px, white 2px 0px 1px, white 2px 1px 1px, white 2px 1px 1px, white 1px 1px 1px, white 1px 2px 1px, white 1px 2px 1px, white 0px 2px 1px, white 0px 2px 1px, white 0px 2px 1px, white -1px 2px 1px, white -1px 2px 1px, white -1px 1px 1px, white -2px 1px 1px, white -2px 1px 1px, white -2px 0px 1px, white -2px 0px 1px, white -2px 0px 1px, white -2px -1px 1px, white -2px -1px 1px, white -1px -1px 1px, white -1px -2px 1px, white -1px -2px 1px, white 0px -2px 1px, white 0px -2px 1px, white 0px -2px 1px, white 1px -2px 1px, white 1px -2px 1px, white 1px -1px 1px, white 2px -1px 1px, white 2px -1px 1px, white 2px 0px 1px;
  width: fit-content;
}
@media (max-width: 320px) {
  #index #container #content main section#fv_03 .inner .box1 > div.fv_title .fvt_sub {
    font-size: 16px;
    width: 73%;
  }
}
@media (min-width: 744px) {
  #index #container #content main section#fv_03 .inner .box1 > div.fv_title .fvt_sub {
    padding: 10px 20px;
  }
  #index #container #content main section#fv_03 .inner .box1 > div.fv_title .fvt_sub br {
    display: none;
  }
}
#index #container #content main section#fv_03 .inner .box3 {
  margin: 30px 0;
  position: relative;
  z-index: 10;
}
#index #container #content main section#fv_03 .inner .box3 .point {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  width: 75%;
}
@media (max-width: 743px) {
  #index #container #content main section#fv_03 .inner .box3 .point {
    margin: 70px 0 0;
    width: 100%;
  }
}
#index #container #content main section#fv_03 .inner .box3 .point > div {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 45%;
}
@media (min-width: 744px) {
  #index #container #content main section#fv_03 .inner .box3 .point > div {
    width: 40%;
  }
}
#index #container #content main section#fv_03 .inner .box3 .point > div::before {
  content: "";
  background: url("../images/index/gkk_l.svg") no-repeat;
  background-size: 45px 100px;
  width: 45px;
  height: 100px;
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: 0;
  margin: auto;
}
@media (min-width: 744px) {
  #index #container #content main section#fv_03 .inner .box3 .point > div::before {
    background-size: 55px 100px;
    width: 55px;
    height: 100px;
  }
}
#index #container #content main section#fv_03 .inner .box3 .point > div::after {
  content: "";
  background: url("../images/index/gkk_r.svg") no-repeat;
  background-size: 45px 100px;
  width: 45px;
  height: 100px;
  position: absolute;
  top: auto;
  right: 0;
  bottom: auto;
  left: auto;
  margin: auto;
}
@media (min-width: 744px) {
  #index #container #content main section#fv_03 .inner .box3 .point > div::after {
    background-size: 55px 100px;
    width: 55px;
    height: 100px;
  }
}
#index #container #content main section#fv_03 .inner .box3 .point > div .text {
  font-size: clamp(18px, 5.5vw, 28px);
  text-align: center;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.6);
  line-height: 1.2;
  font-weight: 600;
  color: #fff;
  padding: 0 30px;
}
@media (max-width: 320px) {
  #index #container #content main section#fv_03 .inner .box3 .point > div .text {
    font-size: clamp(16px, 4.5vw, 28px);
  }
}
@media (min-width: 1024px) {
  #index #container #content main section#fv_03 .inner .box3 .point > div .text {
    font-size: 30px;
    padding: 0 40px;
  }
}
@media (min-width: 1366px) {
  #index #container #content main section#fv_03 .inner .box3 .point > div .text {
    font-size: 35px;
  }
}
#index #container #content main section#fv_03 .inner .box3 .point > div .text b {
  letter-spacing: -0.05em;
  display: block;
  font-size: 1.3em;
}
#index #container #content main section#fv_03 .inner .box3 .point > div .text b span {
  display: inline;
  font-size: 0.8em;
}
#index #container #content main section#fv_03 .inner .box3 .point > div .text span {
  font-size: 0.5em;
  display: block;
}
#index #container #content main section#fv_03 .inner .box3 .point > div.p4 .text {
  font-size: clamp(18px, 4.5vw, 28px);
}
@media (max-width: 320px) {
  #index #container #content main section#fv_03 .inner .box3 .point > div.p4 .text {
    font-size: clamp(14px, 3.5vw, 28px);
  }
}
#index #container #content main section#fv_03 .inner .box3 .point > div.p4 .text b {
  font-size: 1.6em;
}
#index #container #content main section#fv_03 .inner .box3 .fv_contact_btn {
  width: 200px;
  height: 200px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: auto;
  right: 50px;
  margin: auto;
}
@media (max-width: 1024px) {
  #index #container #content main section#fv_03 .inner .box3 .fv_contact_btn {
    display: none;
  }
}
#index #container #content main section#fv_03 .inner .box3 .fv_contact_btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.2em;
  color: #fff;
  text-decoration: none;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  background: #FF6600;
  background: -webkit-linear-gradient(63deg, #ff6600 0%, #b83700 59%, #cf3e00 59%, #ff6600 100%);
  background: -o-linear-gradient(63deg, #ff6600 0%, #b83700 59%, #cf3e00 59%, #ff6600 100%);
  background: linear-gradient(153deg, #ff6600 0%, #b83700 59%, #cf3e00 59%, #ff6600 100%);
}
#index #container #content main section.case1 {
  padding-bottom: 0;
  /*@media(max-width:743px){
  	background: url("../images/index/case1_bg_sp.png") center no-repeat;
  	background-size: cover;
  }*/
}
@media (min-width: 1024px) {
  #index #container #content main section.case1 {
    padding-top: 30px;
  }
}
@media (max-width: 641px) {
  #index #container #content main section.case1 h2 {
    font-size: clamp(22px, 7vw, 30px);
  }
}
#index #container #content main section.case1 .inner {
  width: fit-content;
  max-width: 90%;
}
#index #container #content main section.case1 .inner .box {
  margin: 0 auto;
  width: fit-content;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 10px;
  padding: 30px 30px 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 1200px) {
  #index #container #content main section.case1 .inner .box {
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
}
#index #container #content main section.case1 .inner .box .img {
  text-align: center;
}
#index #container #content main section.case1 .inner .box .img img {
  max-width: 280px;
  height: auto;
}
#index #container #content main section.case1 .inner .box ul.check li {
  background: url(../images/index/icon_check.svg) no-repeat;
  background-size: 34px;
  list-style: none;
  font-size: clamp(18px, 2vw, 20px);
  padding: 5px;
  padding-left: 50px;
}
@media (min-width: 744px) {
  #index #container #content main section.case1 .inner .box ul.check li {
    margin-bottom: 20px;
  }
}
#index #container #content main section.case2 {
  background: url("../images/index/case2_bg.png") center top no-repeat;
  background-size: cover;
  padding: 0 0 100px;
}
#index #container #content main section.case2::before {
  content: '';
  display: block;
  background-color: #fff;
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
  width: 100%;
  height: clamp(50px, 8vh, 100px);
}
#index #container #content main section.case2 .inner {
  max-width: 90%;
}
#index #container #content main section.case2 .inner .box {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (width < 1200px) {
  #index #container #content main section.case2 .inner .box {
    max-width: 700px;
    margin: 0 auto;
  }
}
@media (min-width: 1200px) {
  #index #container #content main section.case2 .inner .box {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10%;
  }
}
#index #container #content main section.case2 .inner .box .img_main {
  width: 100%;
  text-align: center;
  z-index: 10;
}
@media (width < 1200px) {
  #index #container #content main section.case2 .inner .box .img_main {
    order: 1;
  }
}
@media (min-width: 1200px) {
  #index #container #content main section.case2 .inner .box .img_main {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
}
#index #container #content main section.case2 .inner .box .img_main img {
  width: auto;
  max-width: 200px;
  height: auto;
}
#index #container #content main section.case2 .inner .box article {
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1200px) {
  #index #container #content main section.case2 .inner .box article {
    width: 40%;
  }
}
#index #container #content main section.case2 .inner .box article.speechBubble {
  position: relative;
  padding: 15px;
  border-radius: 10px;
  background-color: #ffffff;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #000000;
}
@media (min-width: 1200px) {
  #index #container #content main section.case2 .inner .box article.speechBubble {
    padding: 15px 30px;
  }
}
#index #container #content main section.case2 .inner .box article:nth-child(1).speechBubble {
  margin-bottom: 80px;
}
#index #container #content main section.case2 .inner .box article:nth-child(1).speechBubble::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 90%;
  border-style: solid;
  border-width: 60px 30px 0 30px;
  border-color: #ffffff transparent transparent;
  translate: -50% 100%;
  transform: skew(55deg);
  transform-origin: top;
}
@media (width < 1200px) {
  #index #container #content main section.case2 .inner .box article:nth-child(1).speechBubble {
    margin-bottom: 20px;
    order: 2;
  }
  #index #container #content main section.case2 .inner .box article:nth-child(1).speechBubble::after {
    display: none;
  }
}
#index #container #content main section.case2 .inner .box article:nth-child(1) .img {
  order: 1;
  text-align: left;
}
#index #container #content main section.case2 .inner .box article:nth-child(1) .text {
  order: 2;
}
@media (width < 1200px) {
  #index #container #content main section.case2 .inner .box article:nth-child(1) .img {
    order: 2;
    text-align: left;
  }
  #index #container #content main section.case2 .inner .box article:nth-child(1) .text {
    order: 1;
  }
}
#index #container #content main section.case2 .inner .box article:nth-child(2).speechBubble {
  margin-bottom: 80px;
}
#index #container #content main section.case2 .inner .box article:nth-child(2).speechBubble::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 10%;
  border-style: solid;
  border-width: 60px 30px 0 30px;
  border-color: #ffffff transparent transparent;
  translate: -50% 100%;
  transform: skew(-55deg);
  transform-origin: top;
}
@media (width < 1200px) {
  #index #container #content main section.case2 .inner .box article:nth-child(2).speechBubble {
    margin-bottom: 20px;
    order: 3;
  }
  #index #container #content main section.case2 .inner .box article:nth-child(2).speechBubble::after {
    display: none;
  }
}
#index #container #content main section.case2 .inner .box article:nth-child(2) .img {
  order: 2;
  text-align: left;
}
#index #container #content main section.case2 .inner .box article:nth-child(2) .text {
  order: 1;
}
#index #container #content main section.case2 .inner .box article:nth-child(4).speechBubble {
  margin-top: 80px;
}
#index #container #content main section.case2 .inner .box article:nth-child(4).speechBubble::after {
  content: "";
  position: absolute;
  top: 0;
  left: 90%;
  border-style: solid;
  border-width: 0 30px 60px 30px;
  border-color: transparent transparent #ffffff;
  translate: -50% -100%;
  transform: skew(-55deg);
  transform-origin: bottom;
}
@media (width < 1200px) {
  #index #container #content main section.case2 .inner .box article:nth-child(4).speechBubble {
    margin-top: 0px;
    margin-bottom: 20px;
    order: 4;
  }
  #index #container #content main section.case2 .inner .box article:nth-child(4).speechBubble::after {
    display: none;
  }
}
#index #container #content main section.case2 .inner .box article:nth-child(4) .img {
  order: 1;
  text-align: left;
}
#index #container #content main section.case2 .inner .box article:nth-child(4) .text {
  order: 2;
}
@media (width < 1200px) {
  #index #container #content main section.case2 .inner .box article:nth-child(4) .img {
    order: 2;
    text-align: left;
  }
  #index #container #content main section.case2 .inner .box article:nth-child(4) .text {
    order: 1;
  }
}
#index #container #content main section.case2 .inner .box article:nth-child(5).speechBubble {
  margin-top: 80px;
}
#index #container #content main section.case2 .inner .box article:nth-child(5).speechBubble::after {
  content: "";
  position: absolute;
  top: 0;
  left: 10%;
  border-style: solid;
  border-width: 0 30px 60px 30px;
  border-color: transparent transparent #ffffff;
  translate: -50% -100%;
  transform: skew(55deg);
  transform-origin: bottom;
}
@media (width < 1200px) {
  #index #container #content main section.case2 .inner .box article:nth-child(5).speechBubble {
    margin-top: 0px;
    margin-bottom: 20px;
    order: 5;
  }
  #index #container #content main section.case2 .inner .box article:nth-child(5).speechBubble::after {
    display: none;
  }
}
#index #container #content main section.case2 .inner .box article:nth-child(5) .img {
  order: 2;
  text-align: left;
}
#index #container #content main section.case2 .inner .box article:nth-child(5) .text {
  order: 1;
}
#index #container #content main section.case2 .inner .box article .img img {
  width: 120px;
  height: auto;
}
@media (max-width: 430px) {
  #index #container #content main section.case2 .inner .box article .img img {
    width: 100px;
  }
}
#index #container #content main section.case2 .inner .box article .text h6 {
  font-size: clamp(16px, 3vw, 20px);
}
@media (min-width: 744px) {
  #index #container #content main section.case2 .inner .box article .text h6 {
    font-size: clamp(16px, 4vw, 35px);
  }
}
@media (min-width: 1024px) {
  #index #container #content main section.case2 .inner .box article .text h6 {
    font-size: clamp(20px, 3vw, 26px);
  }
}
#index #container #content main section.case_c2_l2 {
  background-color: #f1f1f1;
  position: relative;
}
#index #container #content main section.case_c2_l2::before {
  content: '';
  display: block;
  background-color: #fff;
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
  width: 100%;
  height: clamp(50px, 7vh, 150px);
  position: absolute;
  top: -1px;
}
@media (min-width: 1024px) {
  #index #container #content main section.case_c2_l2::before {
    height: clamp(50px, 15vh, 150px);
  }
}
#index #container #content main section.case_c2_l2 .inner {
  max-width: 90%;
  margin: 70px auto 0;
}
@media (min-width: 1024px) {
  #index #container #content main section.case_c2_l2 .inner {
    margin: 100px auto 0;
  }
}
#index #container #content main section.case_c2_l2 .inner .box {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (width < 1200px) {
  #index #container #content main section.case_c2_l2 .inner .box {
    max-width: 700px;
    margin: 0 auto;
  }
}
@media (min-width: 1200px) {
  #index #container #content main section.case_c2_l2 .inner .box {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10%;
  }
}
#index #container #content main section.case_c2_l2 .inner .box .img_main {
  width: 100%;
  text-align: center;
  z-index: 10;
}
@media (width < 1200px) {
  #index #container #content main section.case_c2_l2 .inner .box .img_main {
    order: 1;
  }
}
@media (min-width: 1200px) {
  #index #container #content main section.case_c2_l2 .inner .box .img_main {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
}
#index #container #content main section.case_c2_l2 .inner .box .img_main img {
  width: auto;
  max-width: 150px;
  height: auto;
}
@media (min-width: 744px) {
  #index #container #content main section.case_c2_l2 .inner .box .img_main img {
    max-width: 200px;
  }
}
#index #container #content main section.case_c2_l2 .inner .box article {
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1200px) {
  #index #container #content main section.case_c2_l2 .inner .box article {
    width: 40%;
  }
}
#index #container #content main section.case_c2_l2 .inner .box article .img {
  display: none;
}
#index #container #content main section.case_c2_l2 .inner .box article.speechBubble {
  position: relative;
  padding: 15px;
  border-radius: 10px;
  background-color: #ffffff;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #000000;
}
@media (min-width: 1200px) {
  #index #container #content main section.case_c2_l2 .inner .box article.speechBubble {
    padding: 15px 30px;
  }
}
#index #container #content main section.case_c2_l2 .inner .box article:nth-child(1).speechBubble {
  margin-bottom: 80px;
}
#index #container #content main section.case_c2_l2 .inner .box article:nth-child(1).speechBubble::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 90%;
  border-style: solid;
  border-width: 60px 30px 0 30px;
  border-color: #ffffff transparent transparent;
  translate: -50% 100%;
  transform: skew(55deg);
  transform-origin: top;
}
@media (width < 1200px) {
  #index #container #content main section.case_c2_l2 .inner .box article:nth-child(1).speechBubble {
    margin-bottom: 0px;
    order: 2;
  }
  #index #container #content main section.case_c2_l2 .inner .box article:nth-child(1).speechBubble::after {
    display: none;
  }
}
#index #container #content main section.case_c2_l2 .inner .box article:nth-child(1) .img {
  order: 1;
  text-align: left;
}
#index #container #content main section.case_c2_l2 .inner .box article:nth-child(1) .text {
  order: 2;
}
@media (width < 1200px) {
  #index #container #content main section.case_c2_l2 .inner .box article:nth-child(1) .img {
    order: 2;
    text-align: left;
  }
  #index #container #content main section.case_c2_l2 .inner .box article:nth-child(1) .text {
    order: 1;
  }
}
#index #container #content main section.case_c2_l2 .inner .box article:nth-child(2).speechBubble {
  margin-bottom: 80px;
}
#index #container #content main section.case_c2_l2 .inner .box article:nth-child(2).speechBubble::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 10%;
  border-style: solid;
  border-width: 60px 30px 0 30px;
  border-color: #ffffff transparent transparent;
  translate: -50% 100%;
  transform: skew(-55deg);
  transform-origin: top;
}
@media (width < 1200px) {
  #index #container #content main section.case_c2_l2 .inner .box article:nth-child(2).speechBubble {
    margin-bottom: 0px;
    order: 3;
  }
  #index #container #content main section.case_c2_l2 .inner .box article:nth-child(2).speechBubble::after {
    display: none;
  }
}
#index #container #content main section.case_c2_l2 .inner .box article:nth-child(2) .img {
  order: 2;
  text-align: left;
}
#index #container #content main section.case_c2_l2 .inner .box article:nth-child(2) .text {
  order: 1;
}
#index #container #content main section.case_c2_l2 .inner .box article:nth-child(4).speechBubble {
  margin-top: 80px;
}
#index #container #content main section.case_c2_l2 .inner .box article:nth-child(4).speechBubble::after {
  content: "";
  position: absolute;
  top: 0;
  left: 90%;
  border-style: solid;
  border-width: 0 30px 60px 30px;
  border-color: transparent transparent #ffffff;
  translate: -50% -100%;
  transform: skew(-55deg);
  transform-origin: bottom;
}
@media (width < 1200px) {
  #index #container #content main section.case_c2_l2 .inner .box article:nth-child(4).speechBubble {
    margin-top: 0px;
    margin-bottom: 0px;
    order: 4;
  }
  #index #container #content main section.case_c2_l2 .inner .box article:nth-child(4).speechBubble::after {
    display: none;
  }
}
#index #container #content main section.case_c2_l2 .inner .box article:nth-child(4) .img {
  order: 1;
  text-align: left;
}
#index #container #content main section.case_c2_l2 .inner .box article:nth-child(4) .text {
  order: 2;
}
@media (width < 1200px) {
  #index #container #content main section.case_c2_l2 .inner .box article:nth-child(4) .img {
    order: 2;
    text-align: left;
  }
  #index #container #content main section.case_c2_l2 .inner .box article:nth-child(4) .text {
    order: 1;
  }
}
#index #container #content main section.case_c2_l2 .inner .box article:nth-child(5).speechBubble {
  margin-top: 80px;
}
#index #container #content main section.case_c2_l2 .inner .box article:nth-child(5).speechBubble::after {
  content: "";
  position: absolute;
  top: 0;
  left: 10%;
  border-style: solid;
  border-width: 0 30px 60px 30px;
  border-color: transparent transparent #ffffff;
  translate: -50% -100%;
  transform: skew(55deg);
  transform-origin: bottom;
}
@media (width < 1200px) {
  #index #container #content main section.case_c2_l2 .inner .box article:nth-child(5).speechBubble {
    margin-top: 0px;
    margin-bottom: 20px;
    order: 5;
  }
  #index #container #content main section.case_c2_l2 .inner .box article:nth-child(5).speechBubble::after {
    display: none;
  }
}
#index #container #content main section.case_c2_l2 .inner .box article:nth-child(5) .img {
  order: 2;
  text-align: left;
}
#index #container #content main section.case_c2_l2 .inner .box article:nth-child(5) .text {
  order: 1;
}
#index #container #content main section.case_c2_l2 .inner .box article .img img {
  width: 120px;
  height: auto;
}
@media (max-width: 430px) {
  #index #container #content main section.case_c2_l2 .inner .box article .img img {
    width: 100px;
  }
}
#index #container #content main section.case_c2_l2 .inner .box article .text h6 {
  font-size: clamp(16px, 3vw, 20px);
}
@media (min-width: 744px) {
  #index #container #content main section.case_c2_l2 .inner .box article .text h6 {
    font-size: clamp(16px, 4vw, 35px);
  }
}
@media (min-width: 1024px) {
  #index #container #content main section.case_c2_l2 .inner .box article .text h6 {
    font-size: clamp(20px, 3vw, 26px);
  }
}
#index #container #content main section.case_c2_l2_circle .inner {
  max-width: 90%;
}
#index #container #content main section.case_c2_l2_circle .inner .box {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
@media (max-width: 320px) {
  #index #container #content main section.case_c2_l2_circle .inner .box {
    gap: 10px;
  }
}
@media (min-width: 1024px) {
  #index #container #content main section.case_c2_l2_circle .inner .box {
    flex-direction: row;
  }
}
#index #container #content main section.case_c2_l2_circle .inner .box article {
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  padding: 30px;
}
@media (max-width: 320px) {
  #index #container #content main section.case_c2_l2_circle .inner .box article {
    width: 135px;
    height: 135px;
    padding: 10px;
  }
}
@media (320px < width < 430px) {
  #index #container #content main section.case_c2_l2_circle .inner .box article {
    width: 150px;
    height: 150px;
    padding: 20px;
  }
}
@media (min-width: 744px) {
  #index #container #content main section.case_c2_l2_circle .inner .box article {
    width: 230px;
    height: 230px;
    padding: 30px;
  }
}
#index #container #content main section.case_c2_l2_circle .inner .box article:first-child {
  background: #ed949e;
}
#index #container #content main section.case_c2_l2_circle .inner .box article:nth-child(2) {
  background: #f0b042;
}
#index #container #content main section.case_c2_l2_circle .inner .box article:nth-child(3) {
  background: #9ebf50;
}
#index #container #content main section.case_c2_l2_circle .inner .box article:nth-child(4) {
  background: #6faec3;
}
#index #container #content main section.case_c2_l2_circle .inner .box article .text {
  display: flex;
  align-items: center;
}
#index #container #content main section.case_c2_l2_circle .inner .box article .text p {
  text-align: justify;
  font-size: clamp(12px, 3vw, 18px);
  font-weight: 600;
  line-height: 1.5em;
  color: #fff;
  margin: 0;
}
@media (max-width: 375px) {
  #index #container #content main section.case_c2_l2_circle .inner .box article .text p {
    font-size: 14px;
    line-height: 1.2em;
  }
}
#index #container #content main section#index_kaiketsu {
  /*background: #FFF;
  background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 1) 50%, rgba(201, 248, 255, 1) 100%);
  background: -o-linear-gradient(bottom, rgba(255, 255, 255, 1) 50%, rgba(201, 248, 255, 1) 100%);
  background: linear-gradient(to top, rgba(255, 255, 255, 1) 50%, rgba(201, 248, 255, 1) 100%);*/
  background: url("../images/index/index_kaiketsu_bg1.png") center bottom no-repeat;
  background-size: contain;
  padding-bottom: 200px;
  position: relative;
}
@media (min-width: 1024px) {
  #index #container #content main section#index_kaiketsu {
    background-size: 1000px;
    padding-bottom: 400px;
  }
}
#index #container #content main section#index_kaiketsu::before {
  content: '';
  display: block;
  background-color: #f1f1f1;
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
  width: 100%;
  height: clamp(50px, 7vh, 150px);
  position: absolute;
  top: -1px;
}
@media (min-width: 1024px) {
  #index #container #content main section#index_kaiketsu::before {
    height: clamp(50px, 15vh, 150px);
  }
}
#index #container #content main section#index_kaiketsu .inner {
  margin: 70px auto 0;
}
@media (min-width: 1024px) {
  #index #container #content main section#index_kaiketsu .inner {
    margin: 100px auto 0;
  }
}
#index #container #content main section.service_c3 {
  background-color: #f3e9d9;
}
#index #container #content main section.service_c3 .inner {
  max-width: 1000px;
}
#index #container #content main section.service_c3 .inner .img {
  text-align: center;
  margin-bottom: 0;
}
@media (min-width: 744px) {
  #index #container #content main section.service_c3 .inner .img {
    display: none;
  }
}
#index #container #content main section.service_c3 .inner .img img {
  max-width: 80%;
  vertical-align: text-bottom;
  line-height: 0;
}
#index #container #content main section.service_c3 .inner .box {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (min-width: 744px) {
  #index #container #content main section.service_c3 .inner .box {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
}
#index #container #content main section.service_c3 .inner .box article {
  box-shadow: 0 0 10px #ccc;
  background: #fff;
  position: relative;
  padding: 20px;
  padding-left: 30px;
  border-radius: 10px;
  border: 3px solid #891b28;
  /*&:nth-child(odd){
  	border: 3px solid #cf7b85;
  	h3{
  		color: #cf7b85;
  		border-bottom: 2px solid #cf7b85;
  	}
  }*/
}
@media (min-width: 744px) {
  #index #container #content main section.service_c3 .inner .box article {
    width: 30%;
  }
}
#index #container #content main section.service_c3 .inner .box article .text h3 {
  font-size: 24px;
  text-align: center;
  font-weight: 600;
  border-bottom: 2px solid #891b28;
  padding: 0;
  color: #891b28;
  background: none;
  padding-bottom: 10px;
}
#index #container #content main section.service_c3 .inner .box article .text h3 span {
  display: inline-block;
}
@media (min-width: 744px) {
  #index #container #content main section.service_c3 .inner .box article .text h3 {
    font-size: clamp(18px, 3vw, 26px);
  }
}
#index #container #content main section.service_c3 .inner .box article .text p {
  font-size: 16px;
  line-height: 1.5em;
  margin-bottom: 0;
}
#index #container #content main section.service_c3 .inner .box article .text p strong {
  font-size: 1.2em;
  color: #c1272d;
}
#index #container #content main section#index_about {
  background: url("../images/index/about_bg.jpg") top right no-repeat;
  background-size: cover;
  color: #fff;
}
#index #container #content main section#index_about .inner {
  max-width: 1000px;
}
#index #container #content main section#index_about .inner h2 {
  text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.8);
  color: #fff;
}
#index #container #content main section#index_about .inner .intro {
  text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.8);
  margin-bottom: 40px;
}
#index #container #content main section#index_about .inner .intro p {
  margin-bottom: 10px;
}
@media (min-width: 744px) {
  #index #container #content main section#index_about .inner .intro p {
    margin-bottom: 20px;
  }
}
#index #container #content main section#index_about .inner .intro p.main {
  font-size: clamp(30px, 8vw, 60px);
  color: #ffec39;
}
@media (min-width: 1024px) {
  #index #container #content main section#index_about .inner .intro p.main {
    font-size: 60px;
  }
}
#index #container #content main section#index_about .inner .box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1024px) {
  #index #container #content main section#index_about .inner .box {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
#index #container #content main section#index_about .inner .box > div {
  font-size: clamp(16px, 5vw, 24px);
  line-height: 1.5em;
  color: #fff;
  padding: 30px;
}
#index #container #content main section#index_about .inner .box > div span {
  font-size: clamp(20px, 6vw, 30px);
  color: #ffec39;
  display: block;
}
#index #container #content main section#index_about .inner .box > div.plus {
  font-size: 100px;
  line-height: 1;
  color: #ffec39;
  padding: 0;
}
@media (min-width: 1200px) {
  #index #container #content main section#index_about .inner .box > div.plus {
    padding: 30px;
  }
}
#index #container #content main section#index_about .inner .box > div:nth-child(odd) {
  font-size: clamp(16px, 5vw, 24px);
  background: rgba(0, 0, 0, 0.7);
  border: 2px solid #fff;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 1024px) {
  #index #container #content main section#index_about .inner .box > div:nth-child(odd) {
    background: rgba(0, 0, 0, 0.3);
    width: fit-content;
    min-height: 230px;
  }
}
#index #container #content main section.point_1 {
  background-color: #f1f1f1;
}
#index #container #content main section.point_1 .inner {
  max-width: 1000px;
}
#index #container #content main section.point_1 .inner .box {
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: 70%;
  margin-left: auto;
}
@media (min-width: 744px) {
  #index #container #content main section.point_1 .inner .box {
    flex-direction: row;
    justify-content: center;
    width: 100%;
    margin: auto;
  }
}
#index #container #content main section.point_1 .inner .box article {
  box-shadow: 0 0 10px #ccc;
  background: #fff;
  position: relative;
  padding: 40px 20px 20px;
  border-radius: 10px;
  border: 3px solid #891b28;
}
@media (min-width: 744px) {
  #index #container #content main section.point_1 .inner .box article {
    width: 30%;
  }
}
#index #container #content main section.point_1 .inner .box article::before {
  content: "";
  background: #891b28;
  padding: 5px 15px;
  border-radius: 0 0 10px 0;
  position: absolute;
  top: 0;
  bottom: auto;
  left: 0;
  right: auto;
  margin: auto;
  font-size: clamp(14px, 2vw, 16px);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
#index #container #content main section.point_1 .inner .box article:first-child::before {
  content: "Point1";
}
#index #container #content main section.point_1 .inner .box article:nth-child(2)::before {
  content: "Point2";
}
#index #container #content main section.point_1 .inner .box article:nth-child(3)::before {
  content: "Point3";
}
#index #container #content main section.point_1 .inner .box article .text h3 {
  font-size: clamp(18px, 3vw, 24px);
  padding: 0;
  color: #891b28;
  background: none;
}
#index #container #content main section.point_1 .inner .box article .text h3 span {
  display: inline-block;
}
@media (min-width: 744px) {
  #index #container #content main section.point_1 .inner .box article .text h3 {
    text-align: center;
  }
}
#index #container #content main section.point_1 .inner .box article .text p {
  font-size: 16px;
  line-height: 1.5em;
  margin-bottom: 0;
}
#index #container #content main section.point_1 .inner .box article .text p strong {
  font-size: 1.2em;
  color: #c1272d;
}
#index #container #content main section#index_why {
  padding-bottom: 0;
}
#index #container #content main section#index_why .inner {
  max-width: 1000px;
}
#index #container #content main section#index_why .inner .text {
  text-align: center;
}
#index #container #content main section#index_why .inner .text p {
  font-size: clamp(16px, 2vw, 18px);
  line-height: 1.8em;
}
#index #container #content main section#index_why .inner .text p strong {
  display: inline-block;
  font-size: 1.5em;
}
#index #container #content main section#index_why .inner .img {
  margin: 0;
}
#index #container #content main section#index_why .inner .img img {
  vertical-align: bottom;
}
#index #container #content main section#index_reason {
  background-color: #f3e9d9;
}
#index #container #content main section#index_reason h2 strong {
  font-size: 1.5em;
  line-height: 1.5em;
  display: block;
}
#index #container #content main section#index_reason .inner {
  max-width: 1000px;
  position: relative;
}
#index #container #content main section#index_reason .inner::before {
  content: "";
  background: url("../images/index/reason_bg_1.png") no-repeat;
  background-size: 250px;
  width: 250px;
  height: 530px;
  position: absolute;
  top: auto;
  bottom: 0;
  left: -30px;
  right: auto;
  margin: auto;
}
@media (min-width: 1024px) {
  #index #container #content main section#index_reason .inner::before {
    background-size: 200px;
    width: 200px;
    height: 410px;
    position: absolute;
    top: 0;
    bottom: auto;
    left: -100px;
    right: auto;
  }
}
#index #container #content main section#index_reason .inner .box {
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: 70%;
  margin-left: auto;
}
@media (min-width: 1024px) {
  #index #container #content main section#index_reason .inner .box {
    flex-direction: row;
    justify-content: center;
    width: 100%;
    margin: auto;
  }
}
#index #container #content main section#index_reason .inner .box article {
  box-shadow: 0 0 10px #ccc;
  background: #fff;
  position: relative;
  padding: 40px 20px 20px;
  border-radius: 10px;
  border: 3px solid #891b28;
}
@media (min-width: 1024px) {
  #index #container #content main section#index_reason .inner .box article {
    width: 30%;
  }
}
#index #container #content main section#index_reason .inner .box article::before {
  content: "";
  background: #891b28;
  padding: 5px 15px;
  border-radius: 0 0 10px 0;
  position: absolute;
  top: 0;
  bottom: auto;
  left: 0;
  right: auto;
  margin: auto;
  font-size: clamp(14px, 2vw, 16px);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
#index #container #content main section#index_reason .inner .box article:first-child::before {
  content: "Point1";
}
#index #container #content main section#index_reason .inner .box article:nth-child(2)::before {
  content: "Point2";
}
#index #container #content main section#index_reason .inner .box article:nth-child(3)::before {
  content: "Point3";
}
#index #container #content main section#index_reason .inner .box article .text h3 {
  font-size: clamp(18px, 3vw, 24px);
  padding: 0;
  color: #891b28;
  background: none;
}
#index #container #content main section#index_reason .inner .box article .text h3 span {
  display: inline-block;
}
@media (min-width: 744px) {
  #index #container #content main section#index_reason .inner .box article .text h3 {
    text-align: center;
  }
}
#index #container #content main section#index_reason .inner .box article .text p {
  font-size: 16px;
  line-height: 1.5em;
  margin-bottom: 0;
}
#index #container #content main section#index_reason .inner .box article .text p strong {
  font-size: 1.2em;
  color: #c1272d;
}
#index #container #content main section#index_price {
  background: url("../images/index/price_bg.svg") center no-repeat;
  background-size: cover;
}
#index #container #content main section#index_price .inner .intro {
  text-shadow: white 2px 0px 1px, white 2px 0px 1px, white 2px 1px 1px, white 2px 1px 1px, white 1px 1px 1px, white 1px 2px 1px, white 1px 2px 1px, white 0px 2px 1px, white 0px 2px 1px, white 0px 2px 1px, white -1px 2px 1px, white -1px 2px 1px, white -1px 1px 1px, white -2px 1px 1px, white -2px 1px 1px, white -2px 0px 1px, white -2px 0px 1px, white -2px 0px 1px, white -2px -1px 1px, white -2px -1px 1px, white -1px -1px 1px, white -1px -2px 1px, white -1px -2px 1px, white 0px -2px 1px, white 0px -2px 1px, white 0px -2px 1px, white 1px -2px 1px, white 1px -2px 1px, white 1px -1px 1px, white 2px -1px 1px, white 2px -1px 1px, white 2px 0px 1px, #e4e4e4 2px 0px 5px;
}
#index #container #content main section#index_price .inner .price {
  text-align: center;
  width: fit-content;
  margin: 0 auto;
  background: rgba(137, 27, 40, 0.3);
  padding: 30px;
  border-radius: 50%;
  text-shadow: white 2px 0px 1px, white 2px 0px 1px, white 2px 1px 1px, white 2px 1px 1px, white 1px 1px 1px, white 1px 2px 1px, white 1px 2px 1px, white 0px 2px 1px, white 0px 2px 1px, white 0px 2px 1px, white -1px 2px 1px, white -1px 2px 1px, white -1px 1px 1px, white -2px 1px 1px, white -2px 1px 1px, white -2px 0px 1px, white -2px 0px 1px, white -2px 0px 1px, white -2px -1px 1px, white -2px -1px 1px, white -1px -1px 1px, white -1px -2px 1px, white -1px -2px 1px, white 0px -2px 1px, white 0px -2px 1px, white 0px -2px 1px, white 1px -2px 1px, white 1px -2px 1px, white 1px -1px 1px, white 2px -1px 1px, white 2px -1px 1px, white 2px 0px 1px, #e4e4e4 2px 0px 5px;
}
#index #container #content main section#index_price .inner .price p {
  line-height: 1em;
  margin-bottom: 20px;
}
#index #container #content main section#index_price .inner .price p.em1 {
  font-size: clamp(30px, 5vw, 40px);
  font-weight: 600;
  color: #891b28;
}
#index #container #content main section#index_price .inner .price p.em2 {
  font-size: clamp(35px, 5vw, 60px);
  font-weight: 600;
  color: #891b28;
}
#index #container #content main section#index_price .inner .price p.em3 {
  font-size: clamp(14px, 2vw, 20px);
}
#index #container #content main section.flow_type1 {
  background: #f1f1f1;
  background: -webkit-linear-gradient(63deg, #f1f1f1 0%, #a8a8a8 59%, #b8b6b6 59%, #e0e0e0 100%);
  background: -o-linear-gradient(63deg, #f1f1f1 0%, #a8a8a8 59%, #b8b6b6 59%, #e0e0e0 100%);
  background: linear-gradient(153deg, #f1f1f1 0%, #a8a8a8 59%, #b8b6b6 59%, #e0e0e0 100%);
}
#index #container #content main section.flow_type1 .inner {
  max-width: 1000px;
}
#index #container #content main section.flow_type1 .inner h2 {
  text-align: center;
}
#index #container #content main section.flow_type1 .inner h2 span {
  display: block;
  font-size: 0.8em;
  color: #891b28;
}
#index #container #content main section.flow_type1 .inner article {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
#index #container #content main section.flow_type1 .inner article:last-child .step::before {
  display: none;
}
#index #container #content main section.flow_type1 .inner article > div.step {
  font-size: 16px;
  color: #ffec39;
  text-align: center;
  background: #891b28;
  position: relative;
  width: 65px;
  padding-top: 20px;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
}
@media (min-width: 744px) {
  #index #container #content main section.flow_type1 .inner article > div.step {
    width: 80px;
  }
}
#index #container #content main section.flow_type1 .inner article > div.step::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  border: 27px solid transparent;
  border-top: 20px solid #891b28;
}
@media (min-width: 744px) {
  #index #container #content main section.flow_type1 .inner article > div.step::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    border: 36px solid transparent;
    border-top: 20px solid #891b28;
  }
}
#index #container #content main section.flow_type1 .inner article > div.step b {
  display: block;
  font-size: 2em;
}
#index #container #content main section.flow_type1 .inner article > div.text {
  text-align: center;
  width: 100%;
  background-color: #fff;
  padding: 20px;
  box-sizing: border-box;
}
@media (min-width: 744px) {
  #index #container #content main section.flow_type1 .inner article > div.text {
    display: flex;
    align-items: center;
  }
}
#index #container #content main section.flow_type1 .inner article > div.text > div {
  width: 100%;
}
#index #container #content main section.flow_type1 .inner article > div.text > div h3 {
  background: none;
  border: none;
  color: #000;
  text-align: center;
}
#index #container #content main section.flow_type1 .inner article > div.text > div h3 strong {
  background: linear-gradient(transparent 60%, #ffec39 0%);
}
#index #container #content main section.flow_type1 .inner article > div.text > div p {
  font-size: 14px;
}
@media (min-width: 744px) {
  #index #container #content main section.flow_type1 .inner article > div.text > div p {
    font-size: 16px;
  }
}
#index #container #content main section.flow_type1 .inner article > div.text.clm2 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 20px;
}
@media (min-width: 744px) {
  #index #container #content main section.flow_type1 .inner article > div.text.clm2 {
    flex-direction: row;
  }
}
#index #container #content main section.flow_type1 .inner article > div.text.clm2 > div {
  border: 1px solid #891b28;
  border-radius: 10px;
  padding: 20px;
}
#index #container #content main section.flow_type1 .inner article > div.text.clm2 > div h3 {
  font-size: clamp(20px, 2.8vw, 30px);
}
#index #container #content main section.flow_type1 .inner article > div.text.clm2 > div ul {
  width: fit-content;
  margin: 0 auto;
}
#index #container #content main section.flow_type1 .inner article > div.text.clm2 > div ul li {
  list-style: none;
  font-size: clamp(16px, 2vw, 20px);
  display: flex;
}
#index #container #content main section.flow_type1 .inner article > div.text.clm2 > div ul li span {
  color: #891b28;
  margin-right: 10px;
}
#index #container #content main section#index_training {
  background-color: #f3e9d9;
}
#index #container #content main section#index_training .intro {
  text-shadow: white 2px 0px 1px, white 2px 0px 1px, white 2px 1px 1px, white 2px 1px 1px, white 1px 1px 1px, white 1px 2px 1px, white 1px 2px 1px, white 0px 2px 1px, white 0px 2px 1px, white 0px 2px 1px, white -1px 2px 1px, white -1px 2px 1px, white -1px 1px 1px, white -2px 1px 1px, white -2px 1px 1px, white -2px 0px 1px, white -2px 0px 1px, white -2px 0px 1px, white -2px -1px 1px, white -2px -1px 1px, white -1px -1px 1px, white -1px -2px 1px, white -1px -2px 1px, white 0px -2px 1px, white 0px -2px 1px, white 0px -2px 1px, white 1px -2px 1px, white 1px -2px 1px, white 1px -1px 1px, white 2px -1px 1px, white 2px -1px 1px, white 2px 0px 1px, #e4e4e4 2px 0px 5px;
}
#index #container #content main section#index_training .intro p {
  line-height: 1.2;
}
#index #container #content main section#index_training .intro strong {
  font-size: 2em;
  display: inline-block;
}
#index #container #content main section#index_training .support {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#index #container #content main section#index_training .box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}
@media (min-width: 1024px) {
  #index #container #content main section#index_training .box {
    flex-direction: row;
  }
}
#index #container #content main section#index_training .box .img {
  text-align: center;
  margin-bottom: 0;
}
#index #container #content main section#index_training .box .img img {
  max-width: 400px;
  vertical-align: bottom;
  line-height: 0;
  box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.5);
}
#index #container #content main section#index_training .box .training_table {
  position: relative;
  margin-bottom: 20px;
}
@media (min-width: 744px) {
  #index #container #content main section#index_training .box .training_table {
    overflow: visible !important;
    margin: 0;
  }
}
#index #container #content main section#index_training .box .training_table table {
  empty-cells: show;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 2px solid #ccc;
  margin: 0 auto;
}
@media (max-width: 743px) {
  #index #container #content main section#index_training .box .training_table table {
    width: 800px;
  }
}
#index #container #content main section#index_training .box .training_table table th {
  border: 2px solid #ccc;
  background: rgba(137, 27, 40, 0.8);
  padding: 10px 20px;
  text-align: center;
  font-size: clamp(12px, 2vw, 14px);
  color: #fff;
  vertical-align: middle;
}
#index #container #content main section#index_training .box .training_table table td {
  border: 2px solid #ccc;
  background: rgba(248, 248, 248, 0.8);
  color: #333;
  padding: 10px 20px;
  text-align: left;
  font-size: clamp(12px, 2vw, 14px);
  vertical-align: middle;
}
#index #container #content main section#index_profile {
  background: #891B28 url("../images/common/bg_red_2.jpg") no-repeat;
  background-size: cover;
}
@media (max-width: 743px) {
  #index #container #content main section#index_profile {
    background: url("../images/common/bg_red_2.jpg") center no-repeat;
    background-size: cover;
  }
}
#index #container #content main section#index_profile h2 {
  text-shadow: none;
  color: #fff;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.6);
}
#index #container #content main section#index_profile .inner {
  max-width: 1000px;
}
#index #container #content main section#index_profile .inner .box {
  background: #fff;
  border-radius: 10px;
  width: fit-content;
  margin: 0 auto;
  padding: 30px;
}
#index #container #content main section#index_profile .inner .box1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
@media (min-width: 1024px) {
  #index #container #content main section#index_profile .inner .box1 {
    flex-direction: row;
    justify-content: center;
  }
}
#index #container #content main section#index_profile .inner .box1 > div {
  padding: 20px;
}
#index #container #content main section#index_profile .inner .box1 > div.img {
  text-align: center;
}
#index #container #content main section#index_profile .inner .box1 > div.img img {
  max-width: 150px;
  width: 100%;
  height: auto;
}
@media (min-width: 1200px) {
  #index #container #content main section#index_profile .inner .box1 > div.img img {
    max-width: 200px;
  }
}
#index #container #content main section#index_profile .inner .box1 > div.text {
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.9);
  margin-bottom: 20px;
  max-width: 600px;
}
@media (max-width: 743px) {
  #index #container #content main section#index_profile .inner .box1 > div.text {
    padding: 0;
  }
}
#index #container #content main section#index_profile .inner .box1 > div.text dl {
  display: flex;
  flex-wrap: wrap;
  /*@media(min-width:1024px){
  	display: flex;
  	flex-wrap: wrap;
  }*/
}
#index #container #content main section#index_profile .inner .box1 > div.text dl dt {
  width: 30%;
  font-size: clamp(12px, 2vw, 16px);
  text-align: left;
  line-height: 1.5em;
  border-bottom: 1px solid #000;
  padding: 10px;
}
@media (min-width: 744px) {
  #index #container #content main section#index_profile .inner .box1 > div.text dl dt {
    font-size: 16px;
  }
}
#index #container #content main section#index_profile .inner .box1 > div.text dl dd {
  width: 70%;
  font-size: clamp(14px, 2vw, 16px);
  text-align: left;
  line-height: 1.5em;
  padding: 10px;
  border-bottom: 1px solid #000;
}
@media (min-width: 744px) {
  #index #container #content main section#index_profile .inner .box1 > div.text dl dd {
    font-size: 16px;
  }
}
#index #container #content main section#index_profile .inner .box1 > div.text p {
  font-size: 20px;
  line-height: 1.5em;
}
#index #container #content main section#index_profile .inner .book {
  background: #f1f1f1;
  padding: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}
@media (min-width: 744px) {
  #index #container #content main section#index_profile .inner .book {
    flex-direction: row;
  }
}
#index #container #content main section#index_faq {
  background-color: #f3e9d9;
}
#index #container #content main section#index_faq .img {
  text-align: center;
  margin: 0;
}
#index #container #content main section#index_faq .img img {
  width: auto;
  max-width: 150px;
  vertical-align: bottom;
}
#index #container #content main section#index_faq .inner {
  /*開閉式メニュー*/
}
@media (min-width: 1280px) {
  #index #container #content main section#index_faq .inner {
    max-width: 1000px;
  }
}
#index #container #content main section#index_faq .inner .accordion {
  background: #fff;
  margin-bottom: 20px;
  position: relative;
  box-shadow: 0 0 10px #ccc;
}
#index #container #content main section#index_faq .inner .accordion i {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 90;
  font-size: 150%;
  color: #000;
  background: #fff;
  border-radius: 50%;
  padding: 9px;
  width: 40px;
  height: 40px;
}
@media (min-width: 744px) {
  #index #container #content main section#index_faq .inner .accordion i {
    top: 15px;
  }
}
#index #container #content main section#index_faq .inner .accordion input.toggle {
  display: none;
}
#index #container #content main section#index_faq .inner .accordion input.toggle:checked + label.title::before {
  transform: rotate(-90deg) !important;
}
#index #container #content main section#index_faq .inner .accordion input.toggle:checked + label.title + div.content {
  /*開閉時*/
  height: auto;
  padding: 20px;
  box-sizing: border-box;
  transition: all .3s;
}
#index #container #content main section#index_faq .inner .accordion label {
  position: relative;
}
#index #container #content main section#index_faq .inner .accordion label.title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5em;
  padding: 1em 40px 1em 60px;
  display: block;
  color: #fff;
  background: #99141d;
  background: -webkit-linear-gradient(63deg, #99141d 0%, #891b28 59%, #751017 59%, #dd787e 100%);
  background: -o-linear-gradient(63deg, #99141d 0%, #891b28 59%, #751017 59%, #dd787e 100%);
  background: linear-gradient(153deg, #99141d 0%, #891b28 59%, #751017 59%, #dd787e 100%);
}
@media (min-width: 744px) {
  #index #container #content main section#index_faq .inner .accordion label.title {
    font-size: 20px;
  }
}
#index #container #content main section#index_faq .inner .accordion label::before, #index #container #content main section#index_faq .inner .accordion label::after {
  content: "";
  position: absolute;
  top: calc( 50% - 10px );
  right: 20px;
  width: 2px;
  height: 1em;
  background-color: #fff;
  transition: all 0.3s;
}
#index #container #content main section#index_faq .inner .accordion label::after {
  transform: rotate(90deg);
}
#index #container #content main section#index_faq .inner .accordion .content {
  height: 0;
  margin-bottom: 10px;
  padding: 0 20px;
  overflow: hidden;
  background: #f8f8f8;
}
#index #container #content main section#index_faq .inner .accordion .content p {
  font-size: 16px;
  line-height: 1.5em;
  margin-bottom: 0;
}
@media (min-width: 744px) {
  #index #container #content main section#index_faq .inner .accordion .content p {
    font-size: 20px;
  }
}
#index #container #content main section#index_faq .inner .accordion .content ol, #index #container #content main section#index_faq .inner .accordion .content ul {
  padding-left: 20px;
  box-sizing: border-box;
}
#index #container #content main section#index_faq .inner .accordion .content ol li, #index #container #content main section#index_faq .inner .accordion .content ul li {
  font-size: 14px;
  line-height: 1.5em;
  text-align: left;
  margin-bottom: 10px;
  text-align: justify;
}
@media (min-width: 744px) {
  #index #container #content main section#index_faq .inner .accordion .content ol li, #index #container #content main section#index_faq .inner .accordion .content ul li {
    font-size: 18px;
    line-height: 2em;
  }
}
@media (min-width: 1024px) {
  #index #container #content main section#index_faq .inner .accordion .content ol li, #index #container #content main section#index_faq .inner .accordion .content ul li {
    font-size: 18px;
    line-height: 2em;
  }
}
@media (min-width: 744px) {
  #index #container #content main section#index_faq .inner .accordion .content ol li span, #index #container #content main section#index_faq .inner .accordion .content ul li span {
    font-size: 30px;
  }
}
#index #container #content main section#index_faq .inner .accordion .ex_box {
  display: flex;
  flex-direction: column;
}
@media (min-width: 744px) {
  #index #container #content main section#index_faq .inner .accordion .ex_box {
    flex-direction: row;
  }
}
#index #container #content main section#index_faq .inner .accordion .ex_box > div {
  background: #eee;
  padding: 20px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  margin: 10px;
}
#index #container #content main section#index_faq .inner .accordion .Label, #index #container #content main section#index_faq .inner .accordion .content {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 0.3s;
}
#index #container #content main section#index_contact {
  background: url(../images/index/training_bg.jpg) no-repeat;
  background-size: cover;
}
#index #container #content main section#index_contact .inner {
  max-width: 1000px;
  background: rgba(255, 255, 255, 0.7);
  padding: 20px;
  border-radius: 10px;
}
@media (min-width: 744px) {
  #index #container #content main section#index_contact .inner {
    display: inline-block;
    width: auto;
    max-width: 90%;
    min-width: 600px;
    padding: 40px;
  }
}
@media (min-width: 1024px) {
  #index #container #content main section#index_contact .inner {
    max-width: 1000px;
    padding: 40px;
  }
}
#index #container #content main section#index_contact .inner h6 {
  color: #000;
}
#index #container #content main section#index_contact .inner h6 span {
  font-size: 14px;
  color: red;
}
#index #container #content main section#index_contact .inner form input {
  padding: 5px;
  font-size: 16px;
  line-height: 1.2em;
  box-sizing: border-box;
}
#index #container #content main section#index_contact .inner form input[type="text"], #index #container #content main section#index_contact .inner form input[type="email"] {
  width: 100%;
}
#index #container #content main section#index_contact .inner form textarea {
  padding: 5px;
  font-size: 16px;
  line-height: 1.2em;
  box-sizing: border-box;
  width: 100%;
}
#index #container #content main section#index_contact .inner form .btn {
  text-align: center;
}
#index #container #content main section#index_contact .inner form .btn input[type="submit"] {
  border-radius: 50px;
  padding: 10px 20px;
  background: #000;
  background: #891b28;
  background: -webkit-linear-gradient(bottom left, #b74956 0%, #891b28 100%);
  background: -o-linear-gradient(bottom left, #b74956 0%, #891b28 100%);
  background: linear-gradient(to top right, #b74956 0%, #891b28 100%);
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  border: none;
}
#index #container #content main section#index_contact .inner form .wpcf7-spinner {
  display: block;
}
#index #container #content main section#index_epilogue {
  background: #99141d;
  background: -webkit-linear-gradient(63deg, #99141d 0%, #891b28 59%, #751017 59%, #dd787e 100%);
  background: -o-linear-gradient(63deg, #99141d 0%, #891b28 59%, #751017 59%, #dd787e 100%);
  background: linear-gradient(153deg, #99141d 0%, #891b28 59%, #751017 59%, #dd787e 100%);
}
#index #container #content main section#index_epilogue h2 {
  font-size: clamp(20px, 3vw, 40px);
}
#index #container #content main section#index_epilogue .inner {
  max-width: 1000px;
  background: #fff;
  border-radius: 10px;
  padding: 30px;
  position: relative;
}
#index #container #content main section#index_epilogue .inner .intro p {
  font-size: 1.8em;
  font-weight: 600;
  text-align: center;
}
#index #container #content main section#index_epilogue .inner .text p {
  font-size: clamp(16px, 2vw, 18px);
  line-height: 1.8em;
}
#index #container #content main section#index_epilogue .inner .text p strong {
  font-size: 1.5em;
}
#index #container #content main section#index_epilogue .inner .img {
  width: 100%;
  max-width: 300px;
  margin: 0;
}
#index #container #content main section#index_epilogue .inner .img img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
@media (min-width: 744px) {
  #index #container #content main section#index_epilogue .inner .img {
    position: absolute;
    bottom: -120px;
    right: 0;
    width: 300px;
  }
}
@media (min-width: 1024px) {
  #index #container #content main section#index_epilogue .inner .img {
    position: absolute;
    bottom: -120px;
    right: -85px;
    width: 300px;
  }
}
@media (max-width: 1024px) {
  #index #container #content main section.fixed_btn {
    display: none;
  }
}
@media (min-width: 1025px) {
  #index #container #content main section.fixed_btn {
    padding: 0;
    position: fixed;
    bottom: 95px;
    z-index: 100;
    width: 150px;
    height: 150px;
    display: inline-block;
    right: 10px;
    bottom: 40px;
    opacity: 0;
    transform: translateY(40px);
    /* 下にずらしておく */
    pointer-events: none;
    transition: opacity 0.4s ease, transform 0.4s ease;
  }
  #index #container #content main section.fixed_btn.is-visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }
}
#index #container #content main section.fixed_btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: clamp(14px, 2vw, 24px);
  font-weight: 600;
  line-height: 1.2em;
  color: #fff;
  text-decoration: none;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  background: #FF6600;
  background: -webkit-linear-gradient(63deg, #ff6600 0%, #b83700 59%, #cf3e00 59%, #ff6600 100%);
  background: -o-linear-gradient(63deg, #ff6600 0%, #b83700 59%, #cf3e00 59%, #ff6600 100%);
  background: linear-gradient(153deg, #ff6600 0%, #b83700 59%, #cf3e00 59%, #ff6600 100%);
}
@media (min-width: 440px) {
  #index #container #content main section.fixed_btn a {
    font-size: clamp(14px, 2vw, 24px);
  }
}

/*================================================
　お問合せ
================================================*/
#contact, .contact {
  position: relative;
}
#contact #container #content main > section.mailform, .contact #container #content main > section.mailform {
  background: #f1f1f1;
}
@media (min-width: 1024px) {
  #contact #container #content main > section.mailform .inner, .contact #container #content main > section.mailform .inner {
    display: inline-block;
    width: auto;
    max-width: 50%;
    margin: 0 auto;
  }
}
#contact #container #content main > section.mailform .inner form h5, .contact #container #content main > section.mailform .inner form h5 {
  font-size: 18px;
  line-height: 2em;
  color: #333;
  border-bottom: none;
  margin-bottom: 0;
}
#contact #container #content main > section.mailform .inner form h5 span, .contact #container #content main > section.mailform .inner form h5 span {
  font-size: 12px;
  color: #ff0000;
}
#contact #container #content main > section.mailform .inner form p input, .contact #container #content main > section.mailform .inner form p input {
  font-size: 16px;
  line-height: 1.5em;
  padding: 5px;
  box-sizing: border-box;
  max-width: 100%;
  width: 100%;
}
@media (min-width: 744px) {
  #contact #container #content main > section.mailform .inner form p input, .contact #container #content main > section.mailform .inner form p input {
    padding: 10px;
  }
}
#contact #container #content main > section.mailform .inner form p input[type="radio"], .contact #container #content main > section.mailform .inner form p input[type="radio"] {
  width: auto;
}
#contact #container #content main > section.mailform .inner form p input.your-postcode, .contact #container #content main > section.mailform .inner form p input.your-postcode {
  width: 100px;
}
#contact #container #content main > section.mailform .inner form p input.your-phone, .contact #container #content main > section.mailform .inner form p input.your-phone {
  width: 25%;
}
#contact #container #content main > section.mailform .inner form p textarea, .contact #container #content main > section.mailform .inner form p textarea {
  font-size: 16px;
  line-height: 1.5em;
  padding: 5px;
  box-sizing: border-box;
  width: 100%;
}
@media (min-width: 744px) {
  #contact #container #content main > section.mailform .inner form p textarea, .contact #container #content main > section.mailform .inner form p textarea {
    padding: 10px;
  }
}
#contact #container #content main > section.mailform .inner form p select, .contact #container #content main > section.mailform .inner form p select {
  font-size: 16px;
  line-height: 1.5em;
  padding: 5px;
  box-sizing: border-box;
  width: auto;
}
@media (min-width: 744px) {
  #contact #container #content main > section.mailform .inner form p select, .contact #container #content main > section.mailform .inner form p select {
    padding: 10px;
  }
}
#contact #container #content main > section.mailform .inner form p label, .contact #container #content main > section.mailform .inner form p label {
  display: block;
}
@media (min-width: 744px) {
  #contact #container #content main > section.mailform .inner form p label, .contact #container #content main > section.mailform .inner form p label {
    display: inline-block;
  }
}
#contact #container #content main > section.mailform .inner form div button[type="submit"], #contact #container #content main > section.mailform .inner form div input[type="submit"], #contact #container #content main > section.mailform .inner form p button[type="submit"], #contact #container #content main > section.mailform .inner form p input[type="submit"], .contact #container #content main > section.mailform .inner form div button[type="submit"], .contact #container #content main > section.mailform .inner form div input[type="submit"], .contact #container #content main > section.mailform .inner form p button[type="submit"], .contact #container #content main > section.mailform .inner form p input[type="submit"] {
  display: inline-block;
  background: #891b28;
  font-size: 18px;
  font-family: 'メイリオ', 'Meiryo','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
  color: #fff;
  border: none;
  /* border-radius: 20px; */
  padding: 10px 20px;
  margin-top: 30px;
}
#contact #container #content main > section.mailform .inner form div button[type="submit"]:hover, #contact #container #content main > section.mailform .inner form div input[type="submit"]:hover, #contact #container #content main > section.mailform .inner form p button[type="submit"]:hover, #contact #container #content main > section.mailform .inner form p input[type="submit"]:hover, .contact #container #content main > section.mailform .inner form div button[type="submit"]:hover, .contact #container #content main > section.mailform .inner form div input[type="submit"]:hover, .contact #container #content main > section.mailform .inner form p button[type="submit"]:hover, .contact #container #content main > section.mailform .inner form p input[type="submit"]:hover {
  background: #b74956;
}
#contact #container #content main > section.mailform .inner form .btn, .contact #container #content main > section.mailform .inner form .btn {
  display: flex;
  justify-content: center;
}
#contact #container #content main > section.mailform .inner form .btn > button, #contact #container #content main > section.mailform .inner form .btn > input, .contact #container #content main > section.mailform .inner form .btn > button, .contact #container #content main > section.mailform .inner form .btn > input {
  margin: 2%;
  border-radius: 50px;
  padding: 10px 20px;
  box-sizing: border-box;
}

#confirm_contact, #thanks_contact {
  position: relative;
}
#confirm_contact #container #content main > section.mailform .inner, #thanks_contact #container #content main > section.mailform .inner {
  width: 90%;
  margin: 0 auto;
}
@media (min-width: 744px) {
  #confirm_contact #container #content main > section.mailform .inner, #thanks_contact #container #content main > section.mailform .inner {
    display: inline-block;
    width: auto;
    min-width: 600px;
    margin: 0 auto;
  }
}
#confirm_contact #container #content main > section.mailform .inner form h6, #thanks_contact #container #content main > section.mailform .inner form h6 {
  font-size: 16px;
  line-height: 2em;
  color: #333;
  border-bottom: 1px dotted #666;
  margin-bottom: 10px;
  padding-left: 0;
  font-weight: bold;
}
#confirm_contact #container #content main > section.mailform .inner form h6 span, #thanks_contact #container #content main > section.mailform .inner form h6 span {
  font-size: 12px;
  color: #ff0000;
}
#confirm_contact #container #content main > section.mailform .inner form p input, #thanks_contact #container #content main > section.mailform .inner form p input {
  font-size: 16px;
  line-height: 1.5em;
  padding: 5px;
  box-sizing: border-box;
  max-width: 100%;
  width: 100%;
}
@media (min-width: 744px) {
  #confirm_contact #container #content main > section.mailform .inner form p input, #thanks_contact #container #content main > section.mailform .inner form p input {
    padding: 10px;
  }
}
#confirm_contact #container #content main > section.mailform .inner form p input[type="radio"], #thanks_contact #container #content main > section.mailform .inner form p input[type="radio"] {
  width: auto;
}
#confirm_contact #container #content main > section.mailform .inner form p input.your-postcode, #thanks_contact #container #content main > section.mailform .inner form p input.your-postcode {
  width: 100px;
}
#confirm_contact #container #content main > section.mailform .inner form p input.your-phone, #thanks_contact #container #content main > section.mailform .inner form p input.your-phone {
  width: 25%;
}
#confirm_contact #container #content main > section.mailform .inner form p textarea, #thanks_contact #container #content main > section.mailform .inner form p textarea {
  font-size: 16px;
  line-height: 1.5em;
  padding: 5px;
  box-sizing: border-box;
  width: 100%;
}
@media (min-width: 744px) {
  #confirm_contact #container #content main > section.mailform .inner form p textarea, #thanks_contact #container #content main > section.mailform .inner form p textarea {
    padding: 10px;
  }
}
#confirm_contact #container #content main > section.mailform .inner form p select, #thanks_contact #container #content main > section.mailform .inner form p select {
  font-size: 16px;
  line-height: 1.5em;
  padding: 5px;
  box-sizing: border-box;
  width: auto;
}
@media (min-width: 744px) {
  #confirm_contact #container #content main > section.mailform .inner form p select, #thanks_contact #container #content main > section.mailform .inner form p select {
    padding: 10px;
  }
}
#confirm_contact #container #content main > section.mailform .inner form p label, #thanks_contact #container #content main > section.mailform .inner form p label {
  display: block;
}
@media (min-width: 744px) {
  #confirm_contact #container #content main > section.mailform .inner form p label, #thanks_contact #container #content main > section.mailform .inner form p label {
    display: inline-block;
  }
}
#confirm_contact #container #content main > section.mailform .inner div button[type="submit"], #confirm_contact #container #content main > section.mailform .inner div input[type="submit"], #confirm_contact #container #content main > section.mailform .inner p button[type="submit"], #confirm_contact #container #content main > section.mailform .inner p input[type="submit"], #thanks_contact #container #content main > section.mailform .inner div button[type="submit"], #thanks_contact #container #content main > section.mailform .inner div input[type="submit"], #thanks_contact #container #content main > section.mailform .inner p button[type="submit"], #thanks_contact #container #content main > section.mailform .inner p input[type="submit"] {
  display: inline-block;
  background: #891b28;
  font-size: 18px;
  font-family: 'メイリオ', 'Meiryo','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
  color: #fff;
  border: none;
  /* border-radius: 20px; */
  padding: 10px 20px;
  margin-top: 30px;
}
#confirm_contact #container #content main > section.mailform .inner div button[type="submit"]:hover, #confirm_contact #container #content main > section.mailform .inner div input[type="submit"]:hover, #confirm_contact #container #content main > section.mailform .inner p button[type="submit"]:hover, #confirm_contact #container #content main > section.mailform .inner p input[type="submit"]:hover, #thanks_contact #container #content main > section.mailform .inner div button[type="submit"]:hover, #thanks_contact #container #content main > section.mailform .inner div input[type="submit"]:hover, #thanks_contact #container #content main > section.mailform .inner p button[type="submit"]:hover, #thanks_contact #container #content main > section.mailform .inner p input[type="submit"]:hover {
  background: #b74956;
}
#confirm_contact #container #content main > section.mailform .inner .btn, #thanks_contact #container #content main > section.mailform .inner .btn {
  display: flex;
  justify-content: center;
}
#confirm_contact #container #content main > section.mailform .inner .btn > button, #confirm_contact #container #content main > section.mailform .inner .btn > input, #confirm_contact #container #content main > section.mailform .inner .btn a, #thanks_contact #container #content main > section.mailform .inner .btn > button, #thanks_contact #container #content main > section.mailform .inner .btn > input, #thanks_contact #container #content main > section.mailform .inner .btn a {
  margin: 2%;
  border-radius: 50px;
  padding: 10px 20px;
  box-sizing: border-box;
}

/*================================================
　Q&A　#faq
================================================*/
#faq #container #container-inner #content main section .inner .post {
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 20px;
  text-align: left;
}
#faq #container #container-inner #content main section .inner .post h2 {
  text-align: left;
  margin-bottom: 0;
}
#faq #container #container-inner #content main section .inner .post .meta {
  text-align: left;
  margin-bottom: 40px;
}
#faq main h4 {
  position: relative;
  background: none !important;
  border: none !important;
  padding-left: 30px !important;
  color: #891b28 !important;
}
#faq main h4::before {
  content: "Q";
  position: absolute;
  top: 10px;
  left: 0px;
  z-index: 2;
  width: 35px;
  height: 43px;
  color: #891b28;
  transform: rotate(10deg);
  font-size: 30px;
}

/*================================================
　WordPress
================================================*/
main .meta {
  font-size: 12px;
  text-align: right;
}

/*アイキャッチ画像*/
.eyecatch img {
  width: 100%;
  height: auto;
}

#question .entrybody,
#column .entrybody {
  margin-bottom: 50px;
}

#question .entrybody .meta,
#column .entrybody .meta {
  font-size: 12px;
  text-align: right;
  color: #ccc;
}

#question aside,
#column aside {
  background: #f5f5f5;
  padding: 20px;
}

#question aside ul,
#column aside ul {
  margin-left: 15px;
}

/*カテゴリ共通*/
.category main section .inner > div {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
@media (min-width: 744px) {
  .category main section .inner > div {
    flex-direction: row;
    justify-content: space-around;
  }
}
.category main section .inner > div.faq article {
  width: 100%;
  margin: 10px 0;
}
@media (min-width: 744px) {
  .category main section .inner > div.faq article {
    width: 48%;
    margin: 1%;
    margin: 10px;
  }
}
.category main section .inner > div article {
  background: #f1f1f1;
  padding: 10px;
  box-sizing: border-box;
  margin: 10px;
}
@media (min-width: 744px) {
  .category main section .inner > div article {
    width: 300px;
  }
}
.category main section .inner > div article div.eyecatch {
  margin-bottom: 10px;
}
.category main section .inner > div article div.eyecatch img {
  width: 100%;
  height: auto;
}
.category main section .inner > div article div.text p {
  font-size: 14px;
  line-height: 1.5em;
  text-align: justify;
  margin-bottom: 0;
}
@media (min-width: 744px) {
  .category main section .inner > div article div.text p {
    font-size: 16px;
  }
}

/*================================================
　CSSハック
================================================*/
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.clearfix {
  *zoom: 1;
}

* html .clearfix {
  zoom: 1;
}

/* IE6 */
*:first-child + html .clearfix {
  zoom: 1;
}

/* IE7 */