/* ----------------------------------------------
		基本パーツ
------------------------------------------------- */
/* フォントサイズ指定 */
html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
}
body {
  /*font-size: 62.5%;*/
  font-size: 1.6em;
  background-color: #fff;
  color: #333;
  line-height: 1em;
  font-family: "Noto Sans JP", "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro",
    "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO",
    "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
    Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  font-weight: 400;
  letter-spacing: 0.05em;
  min-width: auto;
  -webkit-text-size-adjust: 100%;
}
body,
html {
  height: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.6;
}
th,
td,
li,
p {
  line-height: 1.7;
}
p {
  margin-bottom: 0em;
}
img {
  vertical-align: middle;
  image-rendering: -webkit-optimize-contrast !important;
}
a {
  color: #00286d;
  text-decoration: none !important;
  transition: 0.3s ease-out !important;
  word-break: break-all;
}
a:hover {
  color: #73a776;
}
hr {
  height: 1px !important;
  border: none;
  border-bottom: 2px solid #ababab;
}
/* 両端揃え */
p,
td,
th,
li,
div {
  text-align: justify;
  text-justify: inter-ideograph;
}
/* デフォルト文字サイズ */
p,
td,
th,
li,
div {
  font-size: 1.6rem;
}

/* 選択背景色 */
/*::selection {
    color: #FFF;
    background-color: rgba(59,201,219,0.7);
}*/

/* ----------------------------------------------
		フォント
------------------------------------------------- */
/* 丸文字 */
.ffKosugiMaru {
  font-family: "Kosugi Maru", "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro",
    "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO",
    "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
    Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  transform: rotate(0.05deg); /* WEBフォントのジャギー対策 */
}
.ffRoundedmplus1c {
  font-family: "M PLUS Rounded 1c", "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro",
    "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO",
    "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
    Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  transform: rotate(0.05deg); /* WEBフォントのジャギー対策 */
}
/* ゴシック体 */
.ffGotMain {
  font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic",
    "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック",
    "MS PGothic", sans-serif !important;
}
.ffGotHira {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
    Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}
.ffGotMs {
  font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",
    sans-serif !important;
}
/* 明朝体 */
.ffMincho {
  font-family: "Noto Serif JP", "游明朝体", YuMincho, "游明朝", "Yu Mincho",
    "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3,
    "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro",
    "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia,
    Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol", "Noto Color Emoji" !important;
}
.ffMincho01 {
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E",
    "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif !important;
}
.ffMincho02 {
  font-family: serif;
  font-style: italic;
}
/* イタリック */
.italic {
  display: inline-block;
  -webkit-transform: skewX(-12deg);
  -ms-transform: skewX(-12deg);
  transform: skewX(-12deg);
}
/* ----------------------------------------------
		ユーティリティ
------------------------------------------------- */
/* アラート */
.alert {
  color: #c61625;
  position: relative;
  padding: inherit;
  margin-bottom: 0;
  border: none;
  border-radius: inherit;
}
/* 折り返さず */
.noWrap {
  white-space: nowrap !important;
}
/* アンカータグの位置調整*/
p.hash {
  position: relative;
  display: block;
  width: 1px;
  height: 1px;
}
p.hash a {
  position: absolute;
  visibility: hidden;
  margin-top: -150px;
  padding-top: 150px;
}
/* 長いURL等の折り返し */
.longurl {
  word-break: break-all;
}
/* エフェクト */
.fadein,
.fdWrap,
.fdChild {
  opacity: 0;
  transform: translateY(40px);
  transition: all 1s !important;
}
/* スクロールテーブル */
.scroll_tbl table {
  width: 100%;
}
.scroll_tbl {
  overflow: auto;
  white-space: nowrap;
}
.scroll_tbl::-webkit-scrollbar {
  height: 5px;
}
.scroll_tbl::-webkit-scrollbar-track {
}
.scroll_tbl::-webkit-scrollbar-thumb {
  background: #bcbcbc;
}
/* マーカー */
mark {
  background: linear-gradient(transparent 85%, #3bc9db 85%);
}
/* リンクボタン共通 */
p.btn-wrap {
  text-align: center;
}
a.btn {
  background-color: #3bc9db;
  color: #fff;
  font-size: 1.4rem;
}
/* ベースカラー */
.cl-base {
  color: #3bc9db;
}
/* ----------------------------------------------
<div id="wrapper">
------------------------------------------------- */
#wrapper {
  width: 100%;
  height: auto !important;
  height: 100%;
  min-height: 100%;
  position: relative;
}
/* 共通 */
body .smHidden {
  display: block !important;
}
body .smVisible {
  display: none !important;
}
/* ----------------------------------------------
<header>
------------------------------------------------- */
#top_header {
  margin: 0 auto;
  width: 100%;
  height: 70px;
  z-index: 99999;
  text-align: left;
  background: #fff;
}
#top_header nav {
  min-height: 70px;
  display: flex;
  justify-content: space-between;
  align-content: flex-end;
  flex-wrap: wrap;
  flex-basis: auto;
}

/* ----------------------------------------------
<div id="hero">
------------------------------------------------- */
body.home {
  overflow-x: hidden;
}
body.home #hero {
  position: relative;
  overflow: hidden;
  margin-top: 0px;
  width: 100%;
  height: calc(100vh);
  min-height: 600px;
  z-index: 1;

  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url("../images/common/heroBg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #fff;
}

.hero1 {
  height: auto;
  max-width: 100%;
}

/* ----------------------------------------------
<main>
------------------------------------------------- */
/* ホーム */
body.home #main {
  width: 100%;
  height: 100%;
}
body.home #main .main {
  position: relative;
  width: 100%;
  max-width: 100% !important;
  z-index: 1;
}
body.home .container-fruid {
  background-color: transparent !important;
  padding-right: -15px !important;
  padding-left: -15px !important;
}
/* ホーム　罫線 */
body.home #main hr {
  margin: 0 auto;
  border: none;
  border-top: 1px solid #707070;
  max-width: 960px;
}
/* ----------------------------------------------
<div class="main">
------------------------------------------------- */
#main .main {
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: auto;
  z-index: 99;
  border: 0px solid;
}
#main .container-fruid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

/* ----------------------------------------------
<section>
------------------------------------------------- */
#main {
  z-index: 2;
}
#main section {
  margin: 0 auto;
  z-index: 1;
  border: 0px solid;
}
/* section .secCommon */
body section.secCommon {
  max-width: 1100px;
}

#main section.secCommon .inner {
  margin: 0 auto;
  padding: 1em;
}
#main section.secCommon .inner .innerMain {
  padding: 2em 0;
}
#main section.secCommon .inner .inner-child {
  width: 100%;
  text-align: left;
}

#main section.secCommon .inner .center {
  text-align: center;
}

/* タイトルタグ周り */
#main section.secCommon .title {
  width: 45%;
  margin: 3em auto;
  text-align: center;
}

#main section.secCommon .title h2 {
  position: relative;
  font-size: 2.8rem;
  color: #73a776;
}

#main section.secCommon h3 {
  font-size: 2.8rem;
  font-weight: 400;
}
#main section.secCommon h3.line {
  position: relative;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 1.3rem;
  color: #73a776;
  background-image: url("../images/common/h3_line.jpg");
  background-repeat: repeat-x;
  background-position: center;
}
#main section.secCommon h3.line span {
  position: relative;
  top: -2px;
  display: inline-block;
  padding: 0.3em 2.5em;
  line-height: 1 !important;
  color: #333;
  background-color: #fff;
}
#main section.secCommon h3.line span.bg {
  background-color: #fdf7f3;
}
#main section.secCommon h3.line span.trans {
  background-color: transparent;
}

#main section.secCommon h4 {
  display: block;
  color: #73a776;
  font-size: 2rem;
  font-weight: 400;
  /* text-align: center; */
}

#main section.secCommon h4.note::after {
  content: " ";
  width: 22px;
  height: 22px;
  display: inline-block;
  position: relative;
  top: 2px;
  left: 5px;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: contain;
}
#main section.secCommon h4.note.note1::after {
  background-image: url("../images/common/note1.png");
}
#main section.secCommon h4.note.note2::after {
  background-image: url("../images/common/note2.png");
}
#main section.secCommon h4.note.note3::after {
  background-image: url("../images/common/note3.png");
}

/* 背景色ありBG */
#main .isBg {
  background-color: #fdf7f3;
}
#main .isBgOL {
  background-image: url("../images/common/bgOnineLesson.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* 基本のボタン */
#main section.secCommon .base_button a {
  display: block;
  margin: 0 auto;
  padding: 1em;
  width: 100%;
  max-width: 15em;
  text-align: center;
  color: #333;
  font-size: 2rem;
  background-color: #fff;
  border: 1px solid #333;
}
#main section.secCommon .base_button a:hover {
  color: #fff;
  background-color: rgba(115, 167, 118, 0.5);
}

#main section.secCommon .base_button.normal a {
  margin: 0;
}

/* 最初のキャッチ文章 */
#main section#secCatch {
  position: relative;
}
#main section#secCatch .innerMain {
  /* top: -100px; */
  position: relative;
  padding: 1em;
  border: 0px solid;
}
#main section#secCatch .innerMain .tx p {
  text-align: center;
  font-size: 1.8rem;
  line-height: 2;
  /*text-shadow: 1px 1px 2px #FFF;*/
}
#main section#secCatch .innerMain .tx.min {
  margin-top: 4em;
}
#main section#secCatch .innerMain .tx.min p {
  font-size: 1.6rem;
}

/* 教室について　About */
body .about {
  font-size: 1.8rem;
}

/* #main section#secAbout {
  margin: 0 auto;
  width: 100%;
} */

#main section#secAbout {
  margin: 0 auto;
  width: 80%;
}
#main section#secAbout .inner {
  width: 100%;
  border: 0px solid;
}
#main section#secAbout .inner-child {
  width: 100%;

}
#main section#secAbout .inner-child p.lessonPrice span:last-child {
  margin-left: 2em;
}

#main section#secAbout .inner-child p .aboutTeacher {
  text-align: left;
}

#main section#secAbout .textJustify {
  text-align: justify;
}


/* お問い合わせ　Contact */
/* #main section#secContact {
  margin: 0 auto;
  width: 100%;
} */

#main section#secContact {
  margin: 0 auto;
  width: 80%;
}

#main section#secContact .inner .base_button a {
  margin: 0 0 0 auto;
}

#main section#secContact .inner .base_button .acenter {
  margin: 0 auto;
}

#main section#secContact .inner-child h5 {
  padding: 0.5em 0.5em;

  font-size: 1.6rem;
  border-top: 2px solid #dae2db;
  border-bottom: 4px solid #dae2db;
}
#main section#secContact .inner-child .ico_mobile {
  font-size: 2rem;
  font-weight: bold;
}
#main section#secContact .inner-child .ico_mobile::before {
  content: " ";
  width: 25px;
  height: 22px;
  display: inline-block;
  position: relative;
  top: 4px;
  left: 2px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 3px;
}
#main section#secContact .inner-child .ico_mobile::before {
  background-image: url("../images/common/ico_tel.png");
}
#main section#secContact .inner-child table {
  width: 100%;
}
#main section#secContact .inner-child table tr {
  border-bottom: 1px dotted #333;
}
#main section#secContact .inner-child table tr th,
#main section#secContact .inner-child table tr td {
  padding: 0.7em 0.5em 0.7em 0;
}
#main section#secContact .inner-child table tr th {
  width: 10em;
}
#main section#secContact .inner-child table tr td {
  font-size: 1.5rem;
}

/* オンラインレッスン　Lesson */
#main .main.secOnlineLesson {
  margin: 5em 0;
}
#main section#secOnlineLesson {
  padding: 3em 0;
}
#main section#secOnlineLesson h2 {
  color: #fff;
}
#main section#secOnlineLesson h3 {
  position: relative;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 1.3rem;
  color: #fff;
  background-image: url("../images/common/h3_line_lesson.png");
  background-repeat: no-repeat;
  background-position: center;
}
#main section#secOnlineLesson .base_button a {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid #fff;
}
#main section#secOnlineLesson .base_button a:hover {
  background-color: rgba(115, 167, 118, 0.5);
}

#main section.secCommon .inner .inner-child .tableMargin {
  margin: 2.5em;
}

#main section.secCommon .inner .inner-child a.linkGreen{
  font-weight: bold;
  color: #73A776;
}

#main section.secCommon .inner .inner-child a.linkGreen:hover{
  font-weight: bold;
  color: #73a776a6;
}

#main section.secCommon .inner .inner-child .marginLeft{
  margin-left: 2.5em;
  margin-top: 1em;
}
/* ナビ下部 */
#main section#secNavBottom {
}
#main section#secNavBottom ul {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
#main section#secNavBottom ul li a {
  color: #73a776;
  padding: 0.5em 1em;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
    Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}
#main section#secNavBottom ul li a span:first-child {
  display: none;
}

/* ----------------------------------------------
		フッター
------------------------------------------------- */
footer {
  position: relative;
  width: 100%;
  height: 80vh;
  margin: 0 auto;
  z-index: 10;

  background-image: url("../images/common/footerBg.jpg");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
}

footer #footer {
  position: relative;
  margin: 0 auto;
  height: 80vh;
  width: 100%;
  max-width: 1200px;
  display: block;
}

footer #footer .copy {
  width: 100%;
  position: absolute;
  bottom: 0;
}
footer #footer .copy p {
  font-size: 1.1rem;
  padding: 1em 0;
  margin: 0;
  text-align: center;
  color: #73a776;
  letter-spacing: 0.1em;
}
footer #footer .copy p span {
  padding: 0 0.5em;
}

/* IE11対策 */
@media all and (-ms-high-contrast: none) {
  footer .isBgFooter img {
    top: 1px;
  }
}

/* ページトップ */
.pagetop {
  width: 50px;
  height: 50px;
  position: fixed;
  right: 20px;
  bottom: 20px;
  background-color: #73a776;
  background-image: url("../images/common/arrowPagetop.png");
  background-position: center;
  background-repeat: no-repeat;
  opacity: 1;
  border-radius: 5px;
  box-shadow: 1px 1px 0px 0 rgb(255, 255, 255, 0.5);
  z-index: 99;
}
.pagetop a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  text-decoration: none;
}

/* ----------------------------------------------
　第二階層
------------------------------------------------- */

/* 基本構造　共通 */
body.second #main {
  margin-top: 70px;
}
body.second #main .catch {
  background-color: #f0f5f0;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
body.second #main .catch h2 {
  width: 300px;
  margin: 0 auto;
  text-align: center;
  font-size: 3rem;
  font-weight: normal;
  background-color: #fff;
  padding: 1.25em 3em;
}

/* フォームデザイン　共通 */
body.second #main section.secCommon table.tblForm th,
body.second #main section.secCommon table.tblForm td {
  padding: 1em;
  font-size: 1.6rem;
  background-color: #fff;
}
body.second #main section.secCommon table.tblForm th {
  width: 20%;
  min-width: 150px;
  white-space: nowrap;
  border-bottom: 2px solid #73a776;
}
body.second #main section.secCommon table.tblForm td {
  font-size: 1.4rem;
  border-bottom: 2px solid #00286d;
}
body.second #main section.secCommon table.tblForm td p {
  width: 100%;
  font-size: 1.4rem;
}
body.second #main section.secCommon table.tblForm td > div {
  display: flex;
}
body.second #main section.secCommon table.tblForm td > div > p {
  padding: 0 0.3em;
}

body.second #main section.secCommon table.tblForm td > div.per.per100 {
  width: 100%;
}
body.second #main section.secCommon table.tblForm td > div.per.per80 {
  width: 80%;
}
body.second #main section.secCommon table.tblForm td > div.per.per70 {
  width: 70%;
}
body.second #main section.secCommon table.tblForm td > div.per.per60 {
  width: 60%;
}
body.second #main section.secCommon table.tblForm td > div.per.per50 {
  width: 50%;
}
body.second #main section.secCommon table.tblForm td > div.per.per40 {
  width: 40%;
}
body.second #main section.secCommon table.tblForm td > div.per.per30 {
  width: 30%;
}

/* ----------------------------------------------
		テーブル装飾　共通
------------------------------------------------- */
/* table.type1 */
body.second #main table.type1 {
  margin: 1em 0;
  width: 100%;
}
body.second #main table.type1 th,
body.second #main table.type1 td {
  padding: 1.6em 0em 1.6em 1em;
  line-height: 1.7;
  font-weight: normal;
  vertical-align: middle;
}
body.second #main table.type1 th {
  font-weight: 500;
  white-space: nowrap;
  border-bottom: 1px solid #ff7551;
}

body.second #main table.type1 td {
  font-weight: normal;
  border-bottom: 1px solid #cccccc;
}

/* table.type2 */
body.second #main table.type2 {
  margin: 1em 0;
  width: 100%;
}
body.second #main table.type2 th,
body.second #main table.type2 td {
  padding: 1em 1.5em;
  line-height: 1.7;
  font-weight: normal;
  vertical-align: middle;
  border: 1px solid #fff;
}
body.second #main table.type2 th:nth-child(1) {
  background-color: #00445a;
  color: #fff;
}
body.second #main table.type2 th:nth-child(2) {
  background-color: #3bc9db;
}
body.second #main table.type2 td {
  background-color: #f9f9f9;
}

/* table.type3 */
body.second #main table.type3 {
  margin: 1em 0;
  width: 100%;
}
body.second #main table.type3 th,
body.second #main table.type3 td {
  padding: 1em 1.5em;
  line-height: 1.7;
  font-weight: normal;
  vertical-align: middle;
  border: 1px solid #fff;
}
body.second #main table.type3 thead th {
  background-color: #00445a;
  color: #fff;
}
body.second #main table.type3 thead td {
  background: rgba(0, 68, 90, 0.6);
  color: #fff;
}
body.second #main table.type3 tbody td {
  background-color: #f9f9f9;
}

/* ----------------------------------------------
		リスト装飾　共通
------------------------------------------------- */
/* 通常リスト */
body.second #main ul.ullists {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
body.second #main ul.ullists li {
  margin: 1em 0;
  padding-left: 2.5em;
  position: relative;
}
body.second #main ul.ullists li:before {
  content: "";
  position: absolute;
  left: 7.5px;
}
body.second #main ul.ullists.type1 li:before {
  width: 15px;
  height: 5px;
  top: 50%;
  border-radius: 25px;
  background-color: #ccc !important;
  color: #fff;
}
body.second #main ul.ullists.type2 li:before {
  width: 15px;
  height: 15px;
  top: 25%;
  background-color: #efefef !important;
  color: #fff;
}

/* 番号リスト */
body.second #main ol.numbers {
  counter-reset: item;
  list-style-type: none;
  padding-left: 0;
  position: relative;
  left: 0em;
}
body.second #main ol.numbers li {
  margin: 0;
  margin-bottom: 1em;
  padding-left: 2.2em;
}
body.second #main ol.numbers li:last-child {
  margin-bottom: 0em;
}
body.second #main ol.numbers li:before {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  counter-increment: item;
  content: counter(item);
}
body.second #main ol.numbers.type1 li:before {
  background-color: #fff;
  color: #333;
}
body.second #main ol.numbers.type2 li:before {
  background-color: #efefef;
  color: #ababab;
}

/* ----------------------------------------------
		ボタン装飾　共通
------------------------------------------------- */
body.second #main .button {
  display: inline-block;
  margin: 0.5em 0;
}
body.second #main .button a {
  display: block;
  padding: 0.5em 2em;
  text-align: center;
  border-radius: 50px;
}
body.second #main .button.type1 a {
  color: #fff;
  background-color: #00286d;
}
body.second #main .button.type1 a:hover {
  background-color: #73a776;
}
body.second #main .button.type2 a {
  color: #fff;
  background-color: #3bc9db;
}
body.second #main .button.type2 a:hover {
  color: #3bc9db;
  background-color: #dcdc3c;
}

/* ----------------------------------------------
		アコーディオン　共通
------------------------------------------------- */
body.second #main section.secCommon .acc_wrap {
  border-bottom: 1px dotted #ef8331;
  margin-bottom: 0.5em;
  font-size: 1.4rem;
}
body.second #main section.secCommon .qes {
  position: relative;
  cursor: pointer;
}
/* body.second #main section.secCommon .qes:hover {
  background-color: rgba(239, 131, 49, 0.5);
} */
body.second #main section.secCommon .qes p span {
  display: inline-block;
  width: 3em;
  white-space: nowrap;
}
body.second #main section.secCommon .qes p {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2em;
  margin: 0;
}
body.second #main section.secCommon .qes p.toggle {
  position: absolute;
  top: -5px;
  right: 5px;
  font-size: 1.8rem;
  color: #ef8331;
}
body.second #main section.secCommon .qes p.toggle.active {
  top: 0px;
}
body.second #main section.secCommon .ans {
  padding: 0.5em 1em 0.5em 3.5em;
}
/* ----------------------------------------------
		アイコンフォント　共通
------------------------------------------------- */
/* fontawsome */
body a.noIcon {
  content: "" !important;
}
/* PDFアイコン */
body a.pdf {
  display: block;
  position: relative;
  margin-left: 1.5em;
}
body a.pdf::before {
  content: "\f1c1";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 0.2em;
  color: #ef3900;
  position: absolute;
  left: -1.4em;
  top: 1px;
}
/* XLSアイコン */
body a.xls {
  display: block;
  position: relative;
  margin-left: 1.5em;
}
body a.xls::before {
  content: "\f1c3";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 0.3em;
  color: #107c41;
  position: absolute;
  left: -1.4em;
  top: 1px;
}
/* DOCアイコン */
body a.doc {
  display: block;
  position: relative;
  margin-left: 1.5em;
}
body a.doc::before {
  content: "\f1c2";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 0.3em;
  color: #185abd;
  position: absolute;
  left: -1.4em;
  top: 1px;
}
/* 外部リンクアイコン */
body a.linkOut {
  /*display: block;*/
  position: relative;
  margin-right: 1em;
}
body a.linkOut::after {
  content: "\f35d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1.3rem;
  margin-right: 0.3em;
  color: #ccc;
  position: absolute;
  right: -1.6em;
  top: -2px;
}
/* 内部リンクアイコン */
body a.linkRel {
  /*display: block;*/
  position: relative;
  margin-right: 1em;
}
body a.linkRel::before {
  content: "\f360";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1.3rem;
  margin-right: 0.3em;
  color: #ccc;
  position: absolute;
  right: -1.6em;
  top: -2px;
}
/* PDFのあるリスト */
body ul.pdf {
  margin: 1em 0;
}
body ul.pdf li {
  padding: 0.5em 0;
  border-bottom: 1px dotted #707070;
}
/* ----------------------------------------------
		フローティングメニュー　共通
------------------------------------------------- */
body.second #main section.secCommon .contentWrap #floating {
  margin: 1em 2em 0 0;
  padding: 0.5em;
  border-radius: 5px;
  background-color: #e2f3fa;
  border: 1px solid #3bc9db;
}
body.second #main section.secCommon .contentWrap #floating ul {
  margin-bottom: 0;
}
body.second #main section.secCommon .contentWrap #floating ul li {
  position: relative;
  margin-left: 1.4em;
}
body.second #main section.secCommon .contentWrap #floating ul li::before {
  content: "";
  position: absolute;
  top: 10px;
  left: -14px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #3bc9db;
}
body.second #main section.secCommon .contentWrap #floating ul li a {
  font-size: 1.4rem;
  color: #707070;
}
body.second #main section.secCommon .contentWrap #floating ul li a.current {
  color: #09437a;
}
/* ----------------------------------------------
		レイアウト　右カラム回り込み p > span
------------------------------------------------- */
body.second #main section.secCommon p.around {
  overflow: hidden;
}
body.second #main section.secCommon span.float_r {
  display: inline-block;
  float: right;
  padding: 0.5em 0 1.5em 1.5em;
}
body.second #main section.secCommon span.float_r img {
  border: 1px solid #707070;
}
/* ----------------------------------------------
		関連リンク
------------------------------------------------- */
body.second #main section.secCommon .relation {
  padding: 0.5em;
  background-color: #efefef;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
body.second #main section.secCommon .relation .ttl {
  font-weight: bold;
}
body.second #main section.secCommon .relation .ttl::before {
  content: "●";
  margin-right: 0.3em;
  color: #3bc9db;
}
/* ----------------------------------------------
		fancybox　共通
------------------------------------------------- */
.fancybox-slide--iframe {
  padding: 44px 15% 0 !important;
  margin: 0 auto;
}
/* ----------------------------------------------
		フォームパーツ　共通
------------------------------------------------- */
#main .submitArea.flex {
  display: flex;
  justify-content: center;
}
#main .submitArea p {
  padding: 1em;
}
#main input,
#main select,
#main textarea {
  transition: all 0.3s;
  outline: 0;
}
#main input:focus,
#main select:focus,
#main textarea:focus {
  box-shadow: 0 0 2px rgba(132, 210, 252, 1) inset;
  border: 1px solid #7aa4ff !important;
  background-color: #d7e3fe;
}
#main input[type="submit"],
#main input[type="button"],
#main input[type="reset"],
#main button {
  background-color: #fff;
  border: 1px solid #00286d;

  color: #00286d;
  margin: 1em auto;
  padding: 15px 100px;
  cursor: pointer;
  font-size: 1.6rem;
  line-height: 1.5em;
  transition: all 0.5s;
}
#main input[type="submit"]:hover,
#main input[type="button"]:hover,
#main input[type="reset"]:hover,
#main button:hover,
#main input[type="submit"].clear,
#main input[type="button"].clear,
#main input[type="reset"].clear {
  background-color: #00286d;
  border: 1px solid #00286d;
  color: #fff;
}
#main input[type="text"],
#main input[type="password"],
#main input[type="number"],
#main input[type="email"] {
  width: 100%;
  padding: 5px;
  font-size: 1.5rem;
  height: 40px;
  border: 1px solid #ccc;
  border-radius: 10px;
}
#main input[type="number"] {
  text-align: right;
}
#main input[type="radio"],
#main input[type="checkbox"] {
  margin-right: 0.5em;
  -moz-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}
#main .boxSelect select {
  width: 100%;
  height: 40px;
  padding: 5px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 10px;
  /*  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;*/
}
#main .select-box {
  position: relative;
}
#main .select-box::after {
  display: inline-block;
  position: absolute;
  top: 1.25rem;
  right: 1rem;
  /* Font Awesome */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f078";
  color: #bbb;
}
#main .select-box select {
  width: 100%;
  height: 50px;
  padding: 5px;
  border: 1px solid #efefef;
  border-radius: 3px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
}

#main textarea {
  width: 100%;
  padding: 0;
  font-size: 1.6rem;
  border: 1px solid #efefef;
  border-radius: 3px;
}

::placeholder {
  color: #787878 !important;
}
::-ms-input-placeholder {
  color: #787878 !important;
}
:-ms-input-placeholder {
  color: #787878 !important;
}

#main .wi {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#main .wiAuto {
  width: auto !important;
}
#main .wi10 {
  width: 10% !important;
}
#main .wi15 {
  width: 15% !important;
}
#main .wi20 {
  width: 20% !important;
}
#main .wi30 {
  width: 30% !important;
}
#main .wi40 {
  width: 40% !important;
}
#main .wi45 {
  width: 45% !important;
}
#main .wi50 {
  width: 50% !important;
}
#main .wi70 {
  width: 70% !important;
}
#main .wi80 {
  width: 80% !important;
}
#main .wi90 {
  width: 90% !important;
}
#main .wi95 {
  width: 95% !important;
}
#main .wi100 {
  width: 100% !important;
}


/* エラー404ページ */

.marginTop {
  margin-top: 200px;
}