.btn a {
  background-color: #79b96c;
  color: #fff;
  font-size: 120%;
  line-height: 1.5;
  font-weight: bold;
  padding: 20px 40px;
  border-radius: 30px;
}
.btn {
  padding: 20px 0;
  text-align: center;
}
.btn a span {
  position: relative;
}
.btn a span::before {
  position: absolute;
  content: "";
  vertical-align: middle;
  top: 50%;
  margin-top: -5px;
  right: -20px;
  width: 6px;
  height: 6px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: 0.5s;
}

.nomal-box {
  max-width: 1080px;
  margin: 0 auto;
  padding: 80px 5%;
}
.nomal-box-02 {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0px 5% 80px 5%;
}

.top-box1 {
  padding-bottom: 60px;
  margin-bottom: 60px;
  border-bottom: 1px solid #e2e2e2;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.top-box1-tt {
  width: 60%;
}

.color-bg {
  background-color: #f8f6f3;
}

.top-box1-ii {
  width: 35%;
}

.top-title {
  font-size: 230%;
  letter-spacing: 0.15em;
  line-height: 1.5;
  font-weight: bold;
  font-family: yu-mincho-pr6, sans-serif;
}

.top-title-en {
  color: #79b96c;
  font-family: "Times New Roman", Times, "serif";
  font-size: 80%;
  letter-spacing: 0.2em;
  line-height: 1.5;
  margin-bottom: 30px;
  margin-top: 10px;
}

.top-box1-ii li:first-child {
  margin-bottom: 20px;
}
.top-box1-ii li a {
  display: flex;
  align-items: center;
  background-color: #f4ebdf;
  border-radius: 6px;
  padding: 20px;
  position: relative;
}
.top-box1-ii li a img {
  width: 70px;
  margin-right: 10px;
}

.top-box1-ii li a h3 {
  font-size: 120%;
  line-height: 1.5;
  font-weight: bold;
  color: #6c5435;
}

.top-box1-ii li a::before {
  position: absolute;
  content: "";
  vertical-align: middle;
  top: 50%;
  margin-top: -5px;
  right: 30px;
  width: 6px;
  height: 6px;
  border-top: 3px solid #79b96c;
  border-right: 3px solid #79b96c;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: 0.5s;
}

.top-box2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.map {
  width: 60%;
}

.map-tt {
  width: 35%;
}

.map-tel a {
  display: flex;
  align-items: center;
}
.map-tel a img {
  width: 18px;
  margin-right: 10px;
}
.map-tel a h6 {
  font-size: 180%;
  font-family: Arial, Helvetica, "sans-serif";
  color: #6c5435;
  line-height: 1.2;
  font-weight: bold;
}

.jyusyo {
  font-size: 110%;
  margin-top: 10px;
  line-height: 1.4;
  font-weight: bold;
}

.parking-top {
  border-top: 1px solid #e2e2e2;
  margin-top: 20px;
  padding-top: 20px;
}

.parking-top-tt {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.parking-top-tt img {
  width: 25px;
  margin-right: 5px;
}
.parking-top-tt h4 {
  font-size: 130%;
  line-height: 1.4;
  font-weight: bold;
}
.parking-top p {
  margin-bottom: 20px;
}

.top-title-box-podi {
  position: absolute;
}

.top-title-box h2 {
  font-family: yu-mincho-pr6, sans-serif;
  font-size: 220%;
  display: block;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.topics-box-flex {
  display: flex;
  align-items: flex-end;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.topics-box-flex ul {
  width: 75%;
}
.itran {
  width: 20%;
}
.itran a {
  color: #6c5435;
  font-weight: bold;
  text-decoration: underline;
}

.topics-box-flex ul li a {
  display: flex;
  align-items: center;
  background-color: #fff;
  padding: 15px 20px 15px 40px;
  border-radius: 30px;
  color: #6c5435;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  position: relative;
}
/* 最初の1件のみ背景色変更 */
.topics-box-flex ul li:first-child a {
  background-color: #ffe5e5;
}

.topics-box-flex ul li a::before {
  position: absolute;
  content: "";
  vertical-align: middle;
  top: 50%;
  margin-top: -5px;
  left: 20px;
  width: 6px;
  height: 6px;
  border-top: 3px solid #79b96c;
  border-right: 3px solid #79b96c;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: 0.5s;
}
.topics-box-flex ul li {
  margin-bottom: 10px;
}
.topics-box-flex ul li:last-child {
  margin-bottom: 0px;
}

.topics-box-flex ul li a h6 {
  margin-right: 20px;
}
.topics-box-flex ul li a p {
  font-weight: bold;
}
.top-title-box-center {
  text-align: center;
}

.kamoku-top {
  display: flex;
  justify-content: space-between;
}

.kamoku-img {
  width: 35%;
}
.kamoku-tt {
  width: 60%;
}

.kamoku-tt h3 {
  font-family: yu-mincho-pr6, sans-serif;
  font-size: 160%;
  display: block;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin-bottom: 20px;
}

.konnna {
  background-color: #ffe5e5;
  padding: 20px 60px;
  border-radius: 6px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.konnna li {
  display: flex;
  align-items: center;
  width: 50%;
}
.konnna li img {
  width: 20px;
  margin-right: 10px;
}
.konnna li h4 {
  font-size: 130%;
  font-weight: bold;
  line-height: 1.5;
}

.page-img {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.page-img01 {
  background-image: url(../img/pageimg01.png);
}
.page-img02 {
  background-image: url(../img/pageimg02.png);
}
.page-img03 {
  background-image: url(../img/pageimg03.png);
}
.page-img04 {
  background-image: url(../img/pageimg04.png);
}
.page-img-bg {
  background: rgba(108, 84, 53, 0.5);
  padding: 70px 0 40px 0;
}
.page-img-bg .top-title-box {
  color: #fff;
}
.page-img-bg .top-title-box h6 {
  color: #fff;
}

.colona h3 {
  color: #d00509;
  font-size: 140%;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 30px;
}
.colona ul li {
  padding: 10px 0;
  border-bottom: 1px solid #e4e4e4;
}
.colona ul {
  border-top: 1px solid #e4e4e4;
  margin: 20px 0;
}
.colona ul li p {
  font-weight: bold;
}

.messe {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 5%;
}
.messe01 {
  width: 35%;
}
.messe02 {
  width: 60%;
}
.messe02 h6 {
  font-family: Arial, Helvetica, "sans-serif";
  color: #7dbb6f;
  font-size: 130%;
  font-weight: bold;
  margin-bottom: 20px;
}
.messe02 h6 span {
  border-bottom: 1px solid #7dbb6f;
}

.messe02 p {
  font-size: 120%;
  font-weight: bold;
  line-height: 1.8;
}
.sub-title {
  text-align: center;
  margin-bottom: 30px;
}
.sub-title h3 {
  font-size: 190%;
  font-weight: bold;
  line-height: 1.5;
}
.sub-title img {
  width: 40px;
  margin-top: 20px;
}

.aisatu {
  display: flex;
  justify-content: space-between;
  margin-bottom: 80px;
}
.aisatu01 {
  width: 50%;
}
.aisatu02 {
  width: 40%;
}

.aisatu01 h3 {
  font-family: yu-mincho-pr6, sans-serif;
  font-size: 200%;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.1em;
  margin-bottom: 20px;
}

.aisa-tt {
  border-left: 1px solid #6c5435;
  padding-left: 30px;
}
.aisa-tt p {
  font-weight: bold;
  letter-spacing: 0.1em;
}
.aisa-tt h4 {
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 1.5;
  margin-top: 30px;
  font-size: 90%;
}
.aisa-tt h5 {
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 1.5;
  margin-top: 10px;
  font-size: 150%;
}
.aisa-tt h5 span {
  font-weight: normal;
  font-size: 50%;
}

.subsub-title {
  background-color: #6c5435;
  color: #fff;
  font-size: 120%;
  font-weight: bold;
  line-height: 1.5;
  border-radius: 6px;
  padding: 5px 10px;
  letter-spacing: 0.1em;
  margin-bottom: 10px;
}
.list01 {
  padding-left: 10px;
}

.list01 li {
  position: relative;
  font-size: 105%;
  line-height: 1.5;
  padding-left: 15px;
  font-weight: bold;
}

.list01 li:before {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  top: 0.5em;
  left: 0;
  background-color: #f2879b;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

.box01 {
  background-color: #f8f6f3;
  border-radius: 6px;
  padding: 40px;
  display: flex;
  justify-content: space-between;
}
.box02 {
  display: inherit;
}
.box01-a {
  width: 48%;
}

.isi h4 {
  margin-top: 0px;
}

.ishhi-br {
  display: none;
}

.sise-te {
  text-align: center;
  margin-bottom: 20px;
}
.table-si {
  width: 100%;
  border-right: 1px solid #6c5435;
  border-top: 1px solid #6c5435;
  margin-top: 20px;
}
.table-si td {
  padding: 10px 20px;
  font-size: 110%;
  line-height: 1.6;
  font-weight: 500;
  border-bottom: 1px solid #6c5435;
  border-left: 1px solid #6c5435;
}
.table-si .td02 {
  background-color: #bba689;
  color: #fff;
  font-weight: bold;
}
.table-si .td03 {
  font-weight: bold;
}

.subj h3 {
  font-family: yu-mincho-pr6, sans-serif;
  text-align: center;
  color: #6c5435;
  font-size: 160%;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin-bottom: 20px;
}

.konnna02 {
  justify-content: center;
  padding: 20px;
}
.konnna02 li {
  width: auto;
  margin: 0 15px;
}
.subj p {
  text-align: center;
  font-weight: bold;
}
.sanfu {
  max-width: 600px;
  margin: 0 auto;
  padding: 0 5%;
  border-left: 1px solid #98784d;
  border-right: 1px solid #98784d;
  margin-bottom: 30px;
}
.list02 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-left: 0px;
}
.list02 li {
  background-color: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
  padding: 10px 10px 10px 25px;
  border-radius: 6px;
  box-sizing: border-box;
  width: 49%;
}
.list02 li:before {
  margin: 10px;
}
.sikkan {
  font-size: 130%;
  font-weight: bold;
  letter-spacing: 0.02em;
  line-height: 1.5;
  margin-bottom: 10px;
}

.sonota {
  display: flex;
  justify-content: space-between;
  margin-bottom: 80px;
}
.sonota li {
  width: 48%;
}

.kojin {
  border: 1px solid #ded1c0;
  padding: 30px;
  border-radius: 6px;
}
.kojin h4 {
  font-size: 130%;
  font-weight: bold;
  letter-spacing: 0.02em;
  line-height: 1.5;
  margin-bottom: 10px;
}

.syosin-bb-box {
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  margin-top: 20px;
}
.syosin-bb-box-text {
  padding-left: 30px;
  border-left: 1px solid #98784d;
  width: 46%;
  box-sizing: border-box;
}
.syosin-bb-box-btn {
  width: 50%;
}

.shinhyou {
  width: 100%;
  border-left: 1px solid #98784d;
  border-top: 1px solid #98784d;
  margin-bottom: 30px;
}
.shinhyou td {
  padding: 10px;
  text-align: center;
  font-size: 105%;
  line-height: 1.5;
  font-weight: bold;
  border-right: 1px solid #98784d;
  border-bottom: 1px solid #98784d;
}
.shinhyou .tr03 td {
  background-color: #bba689;
  color: #fff;
}
.shinhyou .td04 {
  background-color: #f8f6f3;
}

.shinhyou02 td {
  text-align: left;
}

.uketuke {
  font-size: 80%;
}
.shinhyou .td05 {
  background-color: #bba689;
  color: #fff;
}

.sin-b {
  margin-bottom: 30px;
}
.naka {
  border-left: 1px solid #98784d;
  padding-left: 20px;
  margin-left: 10px;
}

.clum01 {
  display: flex;
  justify-content: space-between;
}
.clum01 li {
  width: 48%;
}

.otoi01 {
  width: 30%;
}
.otoi01 p {
  font-size: 100%;
}
.otoi02 {
  width: 67%;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  padding: 15px 20px;
  border-radius: 6px;
}
.otoi02 h5 {
  font-family: Arial, Helvetica, "sans-serif";
  font-size: 150%;
  font-weight: bold;
  line-height: 1.5;
}
.otoi02 h5 a {
  color: #6c5435;
}
.otoi02 h4 {
  font-size: 90%;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 5px;
}
.otoi02 h4 span {
  color: #f2879b;
}

.syosin-bb-box-text02 {
  width: 100%;
}

.cardimg {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
}
.cardimg li img {
  height: 50px;
}

.map-box {
  display: flex;
  justify-content: space-between;
}
.map-box01 {
  width: 65%;
}
.map-box02 {
  width: 30%;
}
.map-box02 h2 {
  font-size: 120%;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 5px;
  margin-top: 20px;
}
.map-box02 h3 {
  font-size: 105%;
  line-height: 1.5;
  margin-bottom: 5px;
}
.map-box02 p {
  font-weight: bold;
  font-size: 110%;
  line-height: 1.5;
}

.tyui {
  font-weight: bold;
  text-align: center;
  background-color: #f2879b;
  padding: 20px;
  border-radius: 6px;
  margin-top: 40px;
  margin-bottom: 40px;
  color: #fff;
}

.keiyakutyu {
  display: flex;
  justify-content: space-between;
}
.keiyakutyu li {
  width: 48%;
}
.keiyakutyu h4 {
  font-weight: bold;
  font-size: 140%;
  line-height: 1.5;
}
.keiyakutyu h4 span {
  color: #73b266;
}
.keiyakutyu p {
  font-weight: bold;
  font-size: 100%;
  line-height: 1.5;
  margin-top: 5px;
  margin-bottom: 10px;
}

.mapline {
  border: 3px solid #98784d;
}

.yokosuku {
  display: none;
}

.kannbannimg {
  position: relative;
}
.kannbannimg p {
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 90%;
}
.kannbannimg p span {
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 5px 10px;
}

.tokutyu {
  display: flex;
  justify-content: space-between;
}
.tokutyu_002 {
  flex-wrap: wrap;
}
.tokutyu_003 {
  justify-content: center;
}
.tokutyu li {
  width: 32%;
  box-sizing: border-box;
  padding: 30px;
  background-color: #f4ebdf;
  border-radius: 6px;
  position: relative;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
}
.tokutyu_002 li {
  width: 48%;
}
.tokutyu_003 li {
  width: 32.333%;
  margin-left: 0.5%;
  margin-right: 0.5%;
}

.tb-img {
  padding: 0 30%;
}
.tokutyu li h6 {
  font-size: 160%;
  font-weight: bold;
  line-height: 1.5;
  color: #79b96c;
  position: absolute;
  top: -16px;
  font-family: yu-mincho-pr6, sans-serif;
  font-style: italic;
}
.tokutyu li h3 {
  text-align: center;
  font-size: 140%;
  font-weight: bold;
  line-height: 1.5;
  margin-top: 10px;
  margin-bottom: 10px;
}
.tokutyu li p {
  font-size: 110%;
  margin-bottom: 10px;
  flex-grow: 1;
}

.top-box3 .sche-top-box {
  display: flex;
  justify-content: space-between;
  width: 100%;
  background-color: #f8f6f3;
  border-radius: 6px;
  padding: 40px;
  box-sizing: border-box;
  margin-bottom: 40px;
}
.sche-top01 {
  width: 60%;
}
.sche-top02 {
  width: 35%;
}
.top-box3 .sc-pp {
  font-size: 110%;
}
.top-box3 .table-top-pp td {
  font-size: 120%;
}
.top-box3 .table-top-pp {
  margin-bottom: 10px;
}

.jihi-bx {
  margin-bottom: 80px;
}

.jihi table {
  width: 100%;
  border-right: 1px solid #98784d;
  border-top: 1px solid #98784d;
  margin-bottom: 10px;
}
.jihi table td {
  font-size: 105%;
  line-height: 1.5;
  font-weight: bold;
  border-left: 1px solid #98784d;
  border-bottom: 1px solid #98784d;
}

.jihi table .j-td01 {
  background-color: #bba689;
  color: #fff;
  font-size: 135%;
  padding: 10px;
  width: 30%;
}
.jihi table .j-td02 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.jihi table .j-td02-noflex {
  display: table-cell;
}
.j2-a {
  width: 80%;
  border-right: 1px solid #98784d;
  padding: 5px;
  box-sizing: border-box;
}
.j2-b {
  width: 20%;
  padding: 5px;
  box-sizing: border-box;
  text-align: right;
}
.j2-b-100 {
  width: 100%;
}
.jihi-p-la {
  font-size: 90%;
  text-align: left;
}

.online {
  padding: 0 5%;
}
.online-box {
  max-width: 900px;
  margin: 80px auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding: 40px;
  background-color: #f6f7f8;
  border-radius: 6px;
}
.online01 {
  width: 48%;
}
.online02 {
  width: 48%;
}

.online01 h3 {
  font-size: 120%;
  line-height: 1.5;
  font-weight: bold;
  color: #000;
}
.online01 h4 {
  font-size: 160%;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 20px;
  color: #000;
  letter-spacing: -0.03em;
}
.online01 h4 span {
  color: #d70d18;
}
.online02 h6 {
  font-size: 90%;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 5px;
  color: #000;
}
.online02 ul {
  display: flex;
  margin-bottom: 20px;
}
.online02 ul li {
  margin-right: 10px;
}

.online01 h5 {
  font-size: 110%;
  line-height: 1.5;
  font-weight: bold;
  margin-top: 10px;
  color: #000;
}
.online01 h5 span {
  font-size: 80%;
  color: #d70d18;
}

.online-btn {
  margin-top: 10px;
}

.online-btn a {
  color: #fff;
  font-size: 100%;
  line-height: 1.5;
  font-weight: bold;
  padding: 10px 20px;
  background-color: #d70d18;
  border-radius: 20px;
}

.onlne-saisyo {
  display: flex;
  justify-content: space-between;
  max-width: 900px;
  margin: 0 auto;
}

.onlne-saisyo01 {
  width: 58%;
}
.onlne-saisyo02 {
  width: 35%;
}

.onlne-saisyo01 h4 {
  font-family: yu-mincho-pr6, sans-serif;
  font-size: 200%;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.1em;
  margin-bottom: 20px;
}

.point-o {
  position: relative;
  font-size: 130%;
  line-height: 1.5;
  padding-left: 15px;
  font-weight: bold;
  color: #000000;
}
.point-o:before {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  top: 0.5em;
  left: 0;
  background-color: #e60012;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.point-o-blu:before {
  background-color: #1e46eb;
}

.clinics-btn {
  background-color: #fff;
  padding: 30px;
  border-radius: 6px;
  border: 2px solid #e60012;
  margin-top: 20px;
  margin-bottom: 20px;
}
.clinics-btn01 {
  display: flex;
}
.clinics-btn01 li:first-child {
  width: 260px;
  margin-right: 20px;
}
.onlne-saisyo01 p {
  color: #000000;
  font-size: 80%;
}
.clinics-btn02 {
  display: flex;
}
.clinics-btn02 li:first-child {
  margin-right: 20px;
}
.clinics-btn02 li {
  margin-top: 20px;
}
.clinics-btn02 li img {
  height: 60px;
}

.onla-box {
  max-width: 900px;
  margin: 0 auto;
}

.onla-ttt h4 {
  font-size: 140%;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}

.onla-pla {
  padding: 40px;
  border-radius: 6px;
  margin-top: 20px;
}
.onla-pla-red {
  background-color: #f8ecf7;
}
.onla-pla-red .onlapla-flex h4 {
  color: #e60012;
  font-size: 180%;
  font-weight: bold;
  line-height: 1.5;
}
.onla-pla-blu {
  background-color: #dfedfa;
}
.onla-pla-blu .onlapla-flex h4 {
  color: #1e46eb;
  font-size: 180%;
  font-weight: bold;
  line-height: 1.5;
}
.onlapla-flex {
  display: flex;
  justify-content: space-between;
}
.setu-om {
  width: 70%;
  margin-left: 20px;
  padding-left: 20px;
  border-left: 1px solid #707070;
}
.setu-om p {
  margin-top: 10px;
  color: #000000;
}
.onla-red {
  color: #e60012;
}
.onla-blu {
  color: #1e46eb;
}
.onlapla-jyuta-box {
  padding: 40px;
  border-radius: 6px;
  margin-top: 20px;
  background-color: #fff;
}
.onlapla-jyuta {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.onlapla-jyuta01 {
  width: 25%;
}
.onlapla-jyuta02 {
  width: 70%;
  color: #000000;
}
.onlapla-jyuta02 h4 {
  font-size: 130%;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 10px;
}

.onla-pla-gre {
  background-color: #f5f6f7;
  border: 1px solid #dfedfa;
}
.onla-pla-gre-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.onla-pla-gre-flex01 {
  width: 60%;
}
.onla-pla-gre-flex02 {
  width: 35%;
  border: 2px dotted #e60012;
  border-radius: 6px;
}
.onla-pla-gre-flex02 img {
  border-radius: 6px;
}
.onla-pla-gre-flex01 p {
  font-size: 130%;
  font-weight: bold;
  color: #000000;
}

.onla-pla-gre-flex01 .hosoku {
  font-size: 80%;
  margin-top: 10px;
  font-weight: normal;
}

.onlapla-jyuta-btn {
  margin-top: 20px;
}
.onlapla-jyuta-btn a {
  display: block;
  color: #1e46eb;
  background-color: #f0f1f2;
  border-radius: 30px;
  padding: 15px 40px;
  font-size: 120%;
  font-weight: bold;
  text-align: center;
  position: relative;
}
.onlapla-jyuta-btn a:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 5px;
  height: 5px;
  border-top: 3px solid #1e46eb;
  border-right: 3px solid #1e46eb;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.online-step li {
  margin-bottom: 10px;
  display: flex;
  background-color: #f6f7f8;
  padding: 30px;
  border-radius: 6px;
}
.online-step li:last-child {
  margin-bottom: 0px;
}
.step-on {
  width: 50px;
  margin-right: 20px;
}
.step-maru {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #de0012;
  color: #fff;
  text-align: center;
  padding-top: 10px;
  box-sizing: border-box;
}
.step-maru h5 {
  font-family: "Arial Black", Gadget, "sans-serif";
  font-size: 120%;
  font-weight: bold;
}
.step-maru h6 {
  font-family: "Arial Black", Gadget, "sans-serif";
  font-size: 60%;
  font-weight: bold;
}
.step-on02 {
  color: #000000;
}
.step-on02 h4 {
  font-size: 140%;
  font-weight: bold;
  line-height: 1.5;
}
.step-on02 p {
  font-size: 100%;
}

.hitu {
  background-color: #f6f7f8;
  padding: 30px;
  border-radius: 6px;
}
.hitu ul {
  display: flex;
  justify-content: space-between;
  max-width: 600px;
  margin: 0 auto;
}
.hitu ul li {
  width: 32%;
}
.hitu ul li p {
  font-size: 130%;
  font-weight: bold;
  text-align: center;
  color: #000000;
}
.hitu ul li p span {
  font-size: 80%;
}

.hitu-btn {
  max-width: 300px;
  margin: 0 auto;
  margin-top: 30px;
}
.hitu-btn a {
  display: block;
  padding: 10px;
  background-color: #989898;
  color: #fff;
  border-radius: 6px;
}
.hitu-btn a h4 {
  text-align: center;
  font-size: 120%;
  font-weight: bold;
  line-height: 1.5;
}
.hitu-btn a h4 span {
  font-size: 80%;
  font-weight: normal;
}

.riyo {
  background-color: #f6f7f8;
  padding: 30px;
  border-radius: 6px;
  margin-top: 20px;
}

.riyo-logo {
  max-width: 260px;
  margin: 0 auto;
  margin-bottom: 10px;
  margin-top: 20px;
}
.riyo p {
  color: #000000;
  font-size: 80%;
  text-align: center;
}
.riyo-btn02 {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.riyo-btn02 li {
  padding: 5px;
}
.riyo-btn02 img {
  height: 60px;
}

.sapo-saisyo-box {
  max-width: 900px;
  margin: 0 auto;
}
.sapo-saisyo {
  display: flex;
  justify-content: space-between;
}
.sapo01 {
  width: 70%;
}
.sapo02 {
  width: 25%;
}
.sapo01 h4 {
  font-family: yu-mincho-pr6, sans-serif;
  font-size: 200%;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.1em;
  margin-bottom: 20px;
}
.sapo01 p {
  font-size: 100%;
}
.supo-cheku {
  display: flex;
  margin-bottom: 10px;
  align-items: flex-start;
}
.supo-cheku img {
  width: 30px;
  margin-right: 10px;
}
.supo-cheku h5 {
  font-size: 140%;
  font-weight: bold;
  line-height: 1.5;
}
.reidesu {
  margin-top: 20px;
  background-color: #fff;
  padding: 30px;
  border-radius: 6px;
}
.reidesu h4 {
  font-size: 120%;
  font-weight: bold;
  line-height: 1.5;
  color: #000000;
}

.reidesu ul {
  display: flex;
}
.reidesu ul li {
  margin-top: 10px;
  margin-right: 10px;
}
.reidesu ul li h5 {
  position: relative;
  font-size: 110%;
  line-height: 1.5;
  padding-left: 15px;
  font-weight: bold;
  color: #000000;
}
.reidesu ul li h5:before {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  top: 0.5em;
  left: 0;
  background-color: #ea2d9a;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

.supo-gre {
  background-color: #f6f7f8;
  padding: 30px;
  border-radius: 6px;
}
.ryokin {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.ryokin h4 {
  font-size: 140%;
  line-height: 1.5;
  font-weight: bold;
  margin-right: 10px;
}
.ryokin h5 {
  font-size: 100%;
  line-height: 1.5;
  font-weight: bold;
}
.ryokin-hosoku {
  font-size: 100%;
  line-height: 1.5;
  font-weight: bold;
  margin-top: 10px;
  text-align: center;
}
.riyouhhh {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}
.riyouhhh01 {
  width: 48%;
  background-color: #f6f7f8;
  padding: 30px;
  border-radius: 6px;
  box-sizing: border-box;
}
.riyouhhh02 {
  width: 48%;
  background-color: #f6f7f8;
  padding: 30px;
  border-radius: 6px;
  box-sizing: border-box;
}
.riyouhhh01 h4 {
  font-size: 160%;
  line-height: 1.5;
  font-weight: bold;
  color: #e60012;
  text-align: center;
}
.riyouhhh01 h4 span {
  font-size: 80%;
}
.riyouhhh02 h4 {
  font-size: 160%;
  line-height: 1.5;
  font-weight: bold;
  color: #1abe46;
  text-align: center;
}
.riyouhhh02 h4 span {
  font-size: 80%;
}
.riyouhhh p {
  text-align: center;
  font-size: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}
.riyo-bbtn01 a {
  display: block;
  color: #fff;
  background-color: #e60012;
  border-radius: 6px;
  padding: 15px;
  font-size: 110%;
  font-weight: bold;
  text-align: center;
  position: relative;
}
.riyo-bbtn01 a:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 5px;
  height: 5px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.riyo-bbtn02 a {
  display: block;
  color: #fff;
  background-color: #989898;
  border-radius: 6px;
  padding: 15px;
  font-size: 110%;
  font-weight: bold;
  text-align: center;
}

.jyuyo-box {
  border-radius: 6px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 15px;
  background-color: #b91215;
  margin-top: 40px;
  margin-bottom: 40px;
}

.jyuyo-box h5 {
  color: #fff;
  font-size: 140%;
  font-weight: bold;
  width: 25%;
}
.jyuyo-box ul {
  width: 75%;
}
.jyuyo-box li {
  padding: 5px;
}
.jyuyo-box li a {
  display: flex;
  align-items: center;
  color: #fff;
}
.jyuyo-box li a h6 {
  margin-right: 20px;
}
.jyuyo-box li a p {
  font-size: 120%;
  line-height: 1.6;
  font-weight: bold;
  text-decoration: underline;
}

.iten-box {
  border-radius: 6px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: center;
  padding: 30px 15px;
  background-color: #fff;
  border: 3px solid #b91215;
  margin-top: 30px;
  margin-bottom: 30px;
}

.iten-box-title {
}

.iten-box-title h5 {
  font-size: 180%;
  font-weight: bold;
  color: #b91215;
}

.iten-btn {
}

.iten-btn a {
  background-color: #b91215;
  font-size: 160%;
  padding-left: 150px;
  padding-right: 150px;
}

.iten-text {
  font-weight: bold;
}

.insta {
  max-width: 642px;
  margin: 0 auto;
  margin-bottom: 40px;
}
/* パターン02 */
.iten-box02 {
  border-radius: 6px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: center;
  padding: 30px 15px;
  background-color: #fff;
  border: 3px solid #dd0000;
  margin-top: 30px;
  margin-bottom: 30px;
}

.iten-box-title02 h5 {
  font-size: 180%;
  font-weight: bold;
  color: #dd0000;
}

.iten-btn02 a {
  background-color: #dd0000;
  font-size: 160%;
  padding-left: 150px;
  padding-right: 150px;
}
/* パターン02　終わり */

@media screen and (max-width: 800px) {
  .top-box1 {
    display: inherit;
  }

  .top-box1-tt {
    width: 100%;
    margin-bottom: 20px;
  }
  .top-box1-ii {
    width: 100%;
  }

  .top-title {
    font-size: 160%;
    text-align: center;
  }

  .top-title-en {
    text-align: center;
  }

  .top-box2 {
    display: inherit;
  }
  .map {
    width: 100%;
    margin-bottom: 20px;
  }

  .map-tt {
    width: 100%;
  }

  .top-title-box-podi {
    position: inherit;
  }
  .top-title-box h2 {
    font-size: 160%;
    text-align: center;
  }
  .topics-box-flex {
    display: inherit;
  }
  .topics-box-flex ul {
    width: 100%;
    margin-bottom: 20px;
  }
  .itran {
    width: 100%;
    text-align: center;
  }
  .topics-box-flex ul li a {
    display: inherit;
  }
  .topics-box-flex ul li a h6 {
    margin-right: 0px;
    margin-bottom: 10px;
  }
  .kamoku-top {
    display: inherit;
  }

  .kamoku-img {
    width: 100%;
    margin-bottom: 20px;
  }
  .kamoku-tt {
    width: 100%;
  }
  .konnna {
    padding: 20px 20px;
    display: inherit;
  }
  .konnna li {
    display: flex;
    align-items: center;
    width: 100%;
  }

  .messe {
    display: inherit;
    padding: 0 0%;
  }
  .messe01 {
    width: 100%;
    margin-bottom: 20px;
  }
  .messe02 {
    width: 100%;
  }

  .aisatu {
    display: inherit;
  }
  .aisatu01 {
    width: 100%;
    margin-bottom: 20px;
  }
  .aisatu02 {
    width: 100%;
  }
  .aisatu01 h3 {
    font-size: 160%;
  }

  .box01 {
    padding: 5%;
    display: inherit;
  }
  .box02 {
    display: inherit;
  }
  .box01-a {
    width: 100%;
  }
  .box01-a:first-child {
    margin-bottom: 20px;
  }
  .table-si td {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
  .list02 {
    display: inherit;
  }
  .list02 li {
    width: 100%;
  }
  .sonota {
    display: inherit;
  }
  .sonota li {
    width: 100%;
  }
  .sonota li:first-child {
    margin-bottom: 40px;
  }
  .sonota {
    margin-bottom: 40px;
  }

  .syosin-bb-box {
    display: inherit;
  }
  .syosin-bb-box-text {
    padding-left: 0px;
    border-left: none;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 20px;
  }
  .syosin-bb-box-btn {
    width: 100%;
  }
  .clum01 {
    display: inherit;
  }
  .clum01 li {
    width: 100%;
  }

  .otoi01 {
    width: 100%;
    margin-bottom: 20px;
  }
  .otoi02 {
    width: 100%;
  }

  .map-box {
    display: inherit;
  }
  .map-box01 {
    width: 100%;
    margin-bottom: 20px;
  }
  .map-box02 {
    width: 100%;
  }

  .keiyakutyu {
    display: inherit;
  }
  .keiyakutyu li {
    width: 100%;
  }
  .keiyakutyu li:first-child {
    margin-bottom: 30px;
  }
  .scroll-box {
    overflow: auto;
    padding-bottom: 10px;
  }
  .scroll-box td {
    white-space: nowrap;
  }
  .yokosuku {
    display: block;
  }
  .tokutyu {
    display: inherit;
  }
  .tokutyu li {
    width: 100%;
  }
  .top-box3 .sche-top-box {
    display: inherit;
    padding: 5%;
  }
  .sche-top01 {
    width: 100%;
  }
  .sche-top02 {
    width: 100%;
  }
  .nomal-box {
    padding: 40px 5%;
  }
  .nomal-box-02 {
    padding: 0px 5% 40px 5%;
  }

  .top-box3 .table-top-pp td {
    font-size: 90%;
    padding: 5px;
  }

  .jihi table .j-td01 {
    display: block;
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
  }
  .jihi table .j-td02-noflex {
    display: block;
  }
  .j2-a {
    width: 75%;
  }
  .j2-b {
    width: 25%;
  }
  .j2-b-100 {
    width: 100%;
  }

  .online-box {
    display: inherit;
    padding: 20px;
    margin: 40px auto;
  }
  .online01 {
    width: 100%;
  }
  .online02 {
    width: 100%;
    margin-top: 20px;
  }
  .online02 ul li img {
    height: 40px;
  }

  .onlne-saisyo {
    display: inherit;
  }
  .onlne-saisyo01 {
    width: 100%;
  }
  .onlne-saisyo02 {
    width: 100%;
    margin-top: 20px;
  }
  .clinics-btn01 {
    display: inherit;
  }
  .onlapla-flex {
    display: inherit;
  }
  .setu-om {
    width: 100%;
    margin-left: 0px;
    padding-left: 20px;
    border-left: 1px solid #707070;
    box-sizing: border-box;
  }
  .onlapla-jyuta {
    display: inherit;
  }
  .onlapla-jyuta01 {
    width: 100%;
    margin-bottom: 20px;
  }
  .onlapla-jyuta02 {
    width: 100%;
  }
  .onlapla-jyuta-btn a {
    padding: 15px 40px 15px 15px;
    font-size: 100%;
    text-align: left;
  }
  .onla-pla-gre-flex {
    display: inherit;
  }
  .onla-pla-gre-flex01 {
    width: 100%;
    margin-bottom: 10px;
  }
  .onla-pla-gre-flex02 {
    width: 100%;
  }
  .riyo-btn02 img {
    height: 40px;
  }
  .clinics-btn02 li img {
    height: 40px;
  }
  .clinics-btn02 li:first-child {
    margin-right: 10px;
  }
  .onlapla-flex h4 {
    margin-bottom: 10px;
  }
  .onlne-saisyo01 h4 {
    font-size: 130%;
  }
  .onla-pla {
    padding: 20px;
  }
  .jyuta-box {
    padding: 20px;
  }
  .online-step li {
    padding: 20px;
  }
  .hitu {
    padding: 20px;
  }
  .riyo {
    padding: 20px;
  }
  .sapo-saisyo {
    display: inherit;
  }
  .sapo01 {
    width: 100%;
  }
  .sapo02 {
    width: 100%;
    padding: 30px;
    box-sizing: border-box;
  }
  .reidesu ul {
    display: inherit;
  }
  .ryokin {
    display: inherit;
  }
  .ryokin h4 {
    font-size: 140%;
    margin-right: 0px;
  }
  .ryokin-hosoku {
    text-align: left;
  }
  .riyouhhh {
    display: inherit;
  }
  .riyouhhh01 {
    width: 100%;
    margin-bottom: 10px;
  }
  .riyouhhh02 {
    width: 100%;
  }

  .jyuyo-box {
    display: inherit;
  }

  .jyuyo-box h5 {
    width: 100%;
    margin-bottom: 20px;
  }
  .jyuyo-box ul {
    width: 100%;
  }

  .jyuyo-box li a {
    display: inherit;
  }
  .jyuyo-box li a h6 {
    margin-right: 0px;
    margin-bottom: 5px;
  }

  .hidden-sp {
    display: none;
  }
  .iten-btn a {
    padding-left: 40px;
    padding-right: 40px;
  }
  .iten-btn02 a {
    padding: 20px 40px;
  }

  .cardimg li img {
    height: 42px;
  }
}