@charset "UTF-8";

/* CSS Document */
/*===================================================
	画面用CSS（PC/SMP）
===================================================*/
/*////////////////////////////////////////////////////////////
	TOP
///////////////////////////////////////////////////////////*/
.topMain .topKvBox {
  margin-bottom: 120px;
  padding: 0 0 100px;
  background: #dbedeb;
}

.topMain .topKv {
  position: relative;
  width: 100%;
  height: 800px;
  padding: 0 0 0 400px;
  background: url(https://raraku201027.smooooth.jp/system_panel/uploads/images/top_kv_01.png) left 400px center no-repeat #dbedeb;
  background-size: cover;
}

.topMain .topKv .kvTtl {
  position: absolute;
  top: 0;
  left: 0;
  width: 500px;
  height: 100%;
  padding: 140px 10px 0;
  background: #dbedeb;
}

.topMain .topKv .kvTtl h1 {
  width: 80px;
  margin: 0 auto 60px;
}

.topMain .topKv .kvTtl .ttlTxt {
  width: 75px;
  margin: 0 auto;
}

.topMain .sec01 {
  background: #a4ae9c;
}

.topMain .sec01 .secTblBox {
  display: table;
  width: 100%;
  color: #006257;
}

.topMain .sec01 .secTblBox>* {
  display: table-cell;
  vertical-align: middle;
}

.topMain .sec01 .secTblBox .left {
  position: relative;
  width: 160px;
}

.topMain .sec01 .secTblBox .left:before {
  content: '';
  position: absolute;
  top: 0;
  left: 30%;
  width: 1px;
  height: 100%;
  background: #e5eede;
}

.topMain .sec01 .secTblBox .center {
  padding: 150px 5%;
}

.topMain .sec01 .secTblBox .center h2.position-absolute {
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
}

.topMain .sec01 .secTblBox .center p {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
}

.topMain .sec01 .secTblBox .right {
  width: 300px;
}

.topMain .sec01 h2 {
  position: relative;
  padding: 30px 0;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
  color: #006257;
  letter-spacing: 0.1em;
  background: #a4ae9c;
}

.topMain .sec01 .webgene-blog {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.topMain .sec01 .webgene-blog .webgene-header {
  display: none;
}

.topMain .sec01 .webgene-blog .webgene-item {
  width: calc((100% / 3) - 20px);
  color: #006257;
}

.topMain .sec01 .webgene-blog .photo {
  margin-bottom: 10px;
}

.topMain .sec01 .webgene-blog a {
  color: #006257;
}

.topMain .sec01 .more {
  display: block;
  padding: 10px;
  width: 280px;
  margin: 40px 0 0;
  color: #006257;
  text-align: center;
  border: 1px solid #006257;
  background: url(https://raraku201027.smooooth.jp/system_panel/uploads/images/link_arrow_green.png) right 20px center no-repeat;
}

.topMain .sec01.about {
  background: #ffffff;
}

.topMain .sec01.about .secTblBox>* {
  vertical-align: top;
}

.topMain .sec01.about .secTblBox .center {
  width: 30%;
  padding: 60px 4%;
}

.topMain .sec01.about .secTblBox .right {
  width: 70%;
  padding: 60px 4%;
}

.topMain .sec01.about .secTblBox .right .dl .dt {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
  letter-spacing: 0.1em;
}

.topMain .sec01.about .secTblBox .right .dl .dd {
  line-height: 2;
}

.topMain .sec02 {
  margin-bottom: 1000px;
  background: #435243;
}

.topMain .sec02 .secTblBox {
  display: table;
  width: 100%;
  color: #ffffff;
}

.topMain .sec02 .secTblBox>* {
  display: table-cell;
  padding: 60px 0;
  vertical-align: middle;
}

.topMain .sec02 .secTblBox .left {
  position: relative;
  width: 160px;
}

.topMain .sec02 .secTblBox .left:before {
  content: '';
  position: absolute;
  top: 0;
  left: 30%;
  width: 1px;
  height: 70px;
  background: #d6ae3e;
}

.topMain .sec02 .secTblBox .center {
  padding: 60px 4%;
  vertical-align: bottom;
}

.topMain .sec02 .secTblBox .right {
  padding: 60px 2%;
}

.topMain .sec02 h2 {
  position: relative;
  margin-bottom: 330px;
  padding: 20px 0;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
  letter-spacing: 0.1em;
  background: #435243;
}

.topMain .sec02 h2:after {
  content: '';
  position: absolute;
  left: 30%;
  right: 0;
  bottom: -300px;
  width: 9px;
  height: 303px;
  background: url(https://raraku201027.smooooth.jp/system_panel/uploads/images/top_arrow_yellow_01.png) no-repeat;
}

.topMain .sec02 h2+p {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
}

.topMain .sec02 .txt>p {
  line-height: 2;
}

.topMain .sec02 .txt>p+p {
  margin-top: 30px;
}

.topMain .sec02 .more {
  display: block;
  padding: 10px;
  width: 280px;
  margin: 40px 0 0;
  color: #ffffff;
  text-align: center;
  border: 1px solid #ffffff;
  background: url(https://raraku201027.smooooth.jp/system_panel/uploads/images/link_arrow_white.png) right 20px center no-repeat;
}

.topMain .sec03 {
  margin-bottom: 1000px;
  padding: 400px 0;
  background: #fefef2;
}

.topMain .sec03 .secBox {
  background: url(https://raraku201027.smooooth.jp/system_panel/uploads/images/top_service_img.png) left top no-repeat;
  background-size: 50% auto;
}

.topMain .sec03 .photo {
  display: none;
}

.topMain .sec03 .txt {
  float: right;
  width: 50%;
  padding: 120px 10%;
  color: #006257;
  background: #fefef2;
}

.topMain .sec03 h2 {
  position: relative;
  margin-bottom: 80px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
  letter-spacing: 0.1em;
}

.topMain .sec03 h2:before {
  content: '';
  position: absolute;
  top: -200px;
  left: 0;
  width: 9px;
  height: 182px;
  background: url(https://raraku201027.smooooth.jp/system_panel/uploads/images/top_arrow_yellow_02.png) no-repeat;
}

.topMain .sec03 .dl {
  margin-bottom: 40px;
}

.topMain .sec03 .dl .dt {
  margin-bottom: 40px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
}

.topMain .sec03 .more {
  display: block;
  padding: 10px;
  width: 280px;
  color: #006257;
  text-align: center;
  border: 1px solid #006257;
  background: url(https://raraku201027.smooooth.jp/system_panel/uploads/images/link_arrow_green.png) right 20px center no-repeat;
}

.topMain .sec04 {
  padding: 140px 0;
  background: #a4ae9c;
}

.topMain .sec04 .secTblBox {
  display: table;
  width: 100%;
}

.topMain .sec04 .secTblBox>* {
  display: table-cell;
  padding: 120px 0;
}

.topMain .sec04 .secTblBox .left {
  position: relative;
  width: 200px;
  padding: 240px 0 0;
}

.topMain .sec04 .secTblBox .left:before {
  content: '';
  position: absolute;
  top: -140px;
  left: 40%;
  width: 1px;
  height: 340px;
  background: #e5eede;
}

.topMain .sec04 .secTblBox .right {
  vertical-align: middle;
}

.topMain .sec04 .secTblBox h2 {
  position: relative;
  padding: 30px 0;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
  color: #006257;
  letter-spacing: 0.1em;
  background: #a4ae9c;
}

.topMain .sec04 .secTblBox h2:after {
  content: '';
  position: absolute;
  left: 40%;
  right: 0;
  bottom: -300px;
  width: 9px;
  height: 291px;
  background: url(https://raraku201027.smooooth.jp/system_panel/uploads/images/top_arrow_white.png) no-repeat;
}

.topMain .sec04 .secTblBox .ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 640px;
  margin: -40px auto 0;
}

.topMain .sec04 .secTblBox .ul .li {
  width: calc((100% / 2) - 20px);
  margin: 40px 0 0;
  text-align: center;
}

.topMain .sec04 .secTblBox .ul .li .link {
  margin-top: 10px;
}

.topMain .sec04 .secTblBox .ul .li a {
  color: #006257;
  text-decoration: underline;
}

.topMain .sec05 {
  overflow: hidden;
  margin-bottom: 1000px;
  background: #dbedeb;
}

.topMain .sec05 .left {
  float: left;
  width: 50%;
  padding: 100px 0;
  color: #006257;
  text-align: right;
}

.topMain .sec05 .right {
  float: right;
  width: 50%;
}

.topMain .sec05 .box {
  display: inline-block;
  width: 400px;
  text-align: left;
}

.topMain .sec05 .ttl {
  margin-bottom: 40px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.topMain .sec05 .ttl p {
  margin-bottom: 10px;
  padding: 0 0 0 60px;
}

.topMain .sec05 .ttl h2 {
  font-size: 24px;
}

.topMain .sec05 .ttl+p {
  line-height: 2;
}

.topMain .sec05 .mapBox {
  padding: 0 0 60%;
}

.topMain .sec06 {
  overflow: hidden;
  padding: 100px 0;
  color: #ffffff;
  background: url(https://raraku201027.smooooth.jp/system_panel/uploads/images/top_school_bg.png) no-repeat;
  background-size: cover;
}

.topMain .sec06 .box {
  float: right;
  width: 50%;
}

.topMain .sec06 h2 {
  margin-bottom: 40px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
  letter-spacing: 0.1em;
}

.topMain .sec06 .dl {
  margin-bottom: 30px;
}

.topMain .sec06 .dl .dt {
  margin-bottom: 30px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
}

.topMain .sec06 .dl .dd {
  line-height: 2;
}

.topMain .sec06 .more {
  display: block;
  padding: 10px;
  width: 280px;
  color: #ffffff;
  text-align: center;
  border: 1px solid #ffffff;
  background: url(https://raraku201027.smooooth.jp/system_panel/uploads/images/link_arrow_white.png) right 20px center no-repeat;
}

@media (min-width: 1025px) {
  .topMain .kv {
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: url(https://raraku201027.smooooth.jp/system_panel/uploads/images/top_sec_kv_01.png) no-repeat;
    background-size: cover;
  }

  .topMain .kv.main_01 {
    background: url(https://raraku201027.smooooth.jp/system_panel/uploads/images/top_sec_kv_01.png) no-repeat;
    background-size: cover;
  }

  .topMain .kv.main_02 {
    background: url(https://raraku201027.smooooth.jp/system_panel/uploads/images/top_sec_kv_02.png) no-repeat;
    background-size: cover;
  }

  .topMain .kv.main_03 {
    background: url(https://raraku201027.smooooth.jp/system_panel/uploads/images/top_sec_kv_03.png) no-repeat;
    background-size: cover;
  }

  .topMain .blank {
    display: none;
  }
}

/*////////////////////////////////////////////////////////////
	flow
///////////////////////////////////////////////////////////*/
.flowMain .sec01 {
  padding: 0 0 100px;
  color: #006257;
}

.flowMain .sec01 .secTblBox {
  display: table;
  width: 100%;
}

.flowMain .sec01 .secTblBox>* {
  display: table-cell;
  vertical-align: top;
}

.flowMain .sec01 .secTblBox .left {
  position: relative;
  width: 40%;
}

.flowMain .sec01 .secTblBox .right {
  padding: 60px 0;
}

.flowMain .sec01 h2 {
  margin-bottom: 100px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
  letter-spacing: 0.1em;
}

.flowMain .sec01 h2+p {
  position: relative;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
}

.flowMain .sec01 h2+p:after {
  content: '';
  position: absolute;
  left: 10%;
  right: 0;
  bottom: -700px;
  width: 9px;
  height: 650px;
  background: url(https://raraku201027.smooooth.jp/system_panel/uploads/images/flow_sec01_arrow_20240527.png) no-repeat;
}

.flowMain .sec01 .dl {
  max-width: 500px;
  margin: 0 auto;
}

.flowMain .sec01 .dl .dt {
  margin-bottom: 30px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
  text-align: center;
}

.flowMain .sec01 .dl .dd>p {
  line-height: 2;
}

.flowMain .sec01 .more {
  display: block;
  padding: 10px;
  width: 280px;
  margin: 30px auto 100px;
  color: #006257;
  text-align: center;
  border: 1px solid #006257;
  background: url(https://raraku201027.smooooth.jp/system_panel/uploads/images/link_arrow_green.png) right 20px center no-repeat;
}

.flowMain .sec01 .img {
  max-width: 660px;
  margin: 0 auto 100px;
}

.flowMain .sec02 {
  padding: 140px 0;
  background: #fefef2;
}

.flowMain .sec02 .secTblBox {
  display: table;
  width: 100%;
}

.flowMain .sec02 .secTblBox>* {
  display: table-cell;
  vertical-align: top;
}

.flowMain .sec02 .secTblBox .left {
  position: relative;
  width: 20%;
  padding: 40px 0 0;
}

.flowMain .sec02 .secTblBox .right {
  vertical-align: top;
}

.flowMain .sec02 .secTblBox h2 {
  position: relative;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
  color: #006257;
  letter-spacing: 0.1em;
}

.flowMain .sec02 .secTblBox .ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 640px;
  margin: -40px auto 0;
}

.flowMain .sec02 .secTblBox .ul .li {
  width: calc((100% / 2) - 40px);
  margin: 40px 0 0;
  text-align: center;
}

.flowMain .sec02 .secTblBox .ul .li p {
  margin-top: 10px;
  color: #006257;
}

/*////////////////////////////////////////////////////////////
	concept
///////////////////////////////////////////////////////////*/
.conceptMain .sec01 {
  margin-bottom: 100px;
  color: #006257;
}

.conceptMain .sec01 .secTblBox {
  display: table;
  width: 100%;
}

.conceptMain .sec01 .secTblBox>* {
  display: table-cell;
  vertical-align: top;
}

.conceptMain .sec01 .secTblBox .left {
  position: relative;
  width: 40%;
}

.conceptMain .sec01 .secTblBox .right {
  padding: 20px 0;
}

.conceptMain .sec01 h2 {
  margin-bottom: 100px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
  letter-spacing: 0.1em;
}

.conceptMain .sec01 h2+p {
  margin-bottom: 60px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
}

.conceptMain .sec01 .img {
  max-width: 400px;
}

.conceptMain .sec01 .dl {
  margin-bottom: 60px;
}

.conceptMain .sec01 .dl .dt {
  margin-bottom: 40px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0.1em;
}

.conceptMain .sec01 .dl .dd {
  line-height: 2;
}

.conceptMain .sec01 .dl .dd p+p {
  margin-top: 20px;
}

.conceptMain .sec01 .more {
  display: block;
  padding: 10px;
  width: 280px;
  margin: 0 auto;
  color: #006257;
  text-align: center;
  border: 1px solid #006257;
  background: url(https://raraku201027.smooooth.jp/system_panel/uploads/images/link_arrow_green.png) right 20px center no-repeat;
}

.conceptMain .sec02 {
  color: #006257;
}

.conceptMain .sec02 .ttl {
  max-width: 500px;
  margin: 0 0 40px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0.1em;
}

.conceptMain .sec02 .box {
  overflow: hidden;
}

.conceptMain .sec02 .box .photo {
  float: right;
  width: 40%;
}

.conceptMain .sec02 .box .txt {
  float: left;
  width: 55%;
  line-height: 2;
}

.conceptMain .sec02 .box .txt p+p {
  margin-top: 20px;
}

.conceptMain .sec02 .txtBox {
  line-height: 2;
}

.conceptMain .sec02 .txtBox p+p {
  margin-top: 20px;
}

.conceptMain .sec02 .txtBox .em {
  font-size: 20px;
  font-weight: bold;
}

/*////////////////////////////////////////////////////////////
	about
///////////////////////////////////////////////////////////*/
.aboutMain .sec01 {
  margin-bottom: 100px;
  color: #006257;
}

.aboutMain .sec01 .secTblBox {
  display: table;
  width: 100%;
}

.aboutMain .sec01 .secTblBox>* {
  display: table-cell;
  width: 50%;
  vertical-align: top;
}

.aboutMain .sec01 .secTblBox .right {
  padding: 0 0 0 5%;
}

.aboutMain .sec01 h2 {
  margin-bottom: 100px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
  letter-spacing: 0.1em;
}

.aboutMain .sec01 h2+p {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
}

.aboutMain .sec01 .dl {
  margin-bottom: 60px;
}

.aboutMain .sec01 .dl .dt {
  margin-bottom: 40px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0.1em;
}

.aboutMain .sec01 .dl .dd {
  line-height: 2;
}

.aboutMain .sec01 .dl .dd p+p {
  margin-top: 20px;
}

.aboutMain .sec01 .numBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  margin: 0 auto 20px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-align: center;
  border-radius: 50%;
  background: #435243;
}

.aboutMain .sec01 .numBox .num {
  margin-bottom: 5px;
  font-size: 26px;
  color: #d6ae3e;
  line-height: 1;
}

.aboutMain .sec01 .numBox .txt {
  font-size: 24px;
  color: #ffffff;
}

.aboutMain .sec01 .img01 {
  max-width: 500px;
  margin-bottom: 40px;
}

.aboutMain .sec01 .img02 {
  display: inline-block;
  max-width: 500px;
  margin: 100px 0 60px;
}

.aboutMain .sec01 .img02+.rightTxt {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
}

.aboutMain .sec01 .img02+.rightTxt p+p {
  margin-top: 30px;
}

.aboutMain .sec01 .secTbl02 .right {
  text-align: right;
}

.aboutMain .sec01 .secTbl03 {
  margin-bottom: 200px;
}

.aboutMain .sec01 .secTbl04 {
  margin-bottom: 200px;
}

.aboutMain .sec01 .img03 {
  max-width: 500px;
}

.aboutMain .sec01 .ttlBox {
  margin-bottom: 60px;
}

.aboutMain .sec01 .ttlBox h3 {
  margin-bottom: 40px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
  line-height: 1.8;
  text-align: center;
}

.aboutMain .sec01 .ttlBox p {
  line-height: 2;
}

.aboutMain .sec01 .secTbl05 h4 {
  margin-bottom: 10px;
  padding-left: 10px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 20px;
  line-height: 1.3;
  border-left: 4px solid #006257;
}

.aboutMain .sec01 .secTbl05 .table {
  margin-bottom: 60px;
  border: 1px solid #006257;
}

.aboutMain .sec01 .secTbl05 .table .tr {
  display: table;
  width: 100%;
}

.aboutMain .sec01 .secTbl05 .table .tr+.tr {
  border-top: 1px solid #006257;
}

.aboutMain .sec01 .secTbl05 .table .tr>* {
  display: table-cell;
  padding: 20px;
  vertical-align: middle;
}

.aboutMain .sec01 .secTbl05 .table .th {
  width: 20%;
  text-align: center;
  border-right: 1px solid #006257;
}

.aboutMain .sec01 .secTbl05 .table .td {
  line-height: 2;
}

.aboutMain .sec01 .secTbl05 .introBox h4 {
  margin-bottom: 30px;
}

.aboutMain .sec01 .secTbl05 .introBox h4+p {
  margin-bottom: 60px;
  line-height: 2;
}

.aboutMain .sec01 .secTbl05 .introBox .introList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1000px;
  margin: 0 auto;
}

.aboutMain .sec01 .secTbl05 .introBox .introList .list {
  width: calc((100% / 2) - 20px);
  margin: 0 0 40px;
  border: 1px solid #435243;
}

.aboutMain .sec01 .secTbl05 .introBox .tbl .tHead {
  display: table;
  width: 100%;
  border-bottom: 1px solid #435243;
}

.aboutMain .sec01 .secTbl05 .introBox .tbl .tHead>* {
  display: table-cell;
  width: 50%;
  padding: 15px 10px;
  text-align: center;
  vertical-align: middle;
}

.aboutMain .sec01 .secTbl05 .introBox .tbl .tHead .ttl01 {
  color: #ffffff;
  background: #435243;
}

.aboutMain .sec01 .secTbl05 .introBox .tbl .tHead .ttl02 {
  display: table-cell;
}

.aboutMain .sec01 .secTbl05 .introBox .tbl .tBody .imgBox {
  padding: 40px 10px;
  text-align: center;
  border-bottom: 1px solid #435243;
}

.aboutMain .sec01 .secTbl05 .introBox .tbl .tBody .imgBox .img {
  display: inline-block;
}

.aboutMain .sec01 .secTbl05 .introBox .tbl .tBody .txt {
  padding: 20px 10px;
  line-height: 2;
}

.aboutMain .sec02 {
  padding: 60px 0;
  color: #006257;
  background: #fefef2;
}

.aboutMain .sec02 .box01 {
  overflow: hidden;
  margin-bottom: 60px;
}

.aboutMain .sec02 .box01 .txt {
  float: right;
  width: 50%;
  text-align: center;
}

.aboutMain .sec02 .box01 .txt h2 {
  margin-bottom: 40px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
  letter-spacing: 0.1em;
}

.aboutMain .sec02 .box01 .txt .dl .dt {
  margin-bottom: 30px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
  letter-spacing: 0.1em;
}

.aboutMain .sec02 .box01 .txt .dl .dd {
  line-height: 2;
}

.aboutMain .sec02 .box01 .photo {
  float: left;
  width: 45%;
}

.aboutMain .sec02 .box02 {
  overflow: hidden;
}

.aboutMain .sec02 .box02 .left {
  float: left;
  width: 45%;
  text-align: center;
}

.aboutMain .sec02 .box02 .left .ttl {
  margin-bottom: 30px;
}

.aboutMain .sec02 .box02 .left .ttl p {
  max-width: 300px;
  margin: 0 auto 10px;
  color: #ffffff;
  background: #d6ae3e;
}

.aboutMain .sec02 .box02 .left .ttl h3 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
  letter-spacing: 0.1em;
}

.aboutMain .sec02 .box02 .left .img {
  max-width: 380px;
  margin: 30px auto;
}

.aboutMain .sec02 .box02 .left .dl {
  padding: 20px 10px;
  border-top: 1px solid #006257;
}

.aboutMain .sec02 .box02 .left .dl .dt {
  margin-bottom: 20px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
  letter-spacing: 0.1em;
}

.aboutMain .sec02 .box02 .left .dl .dd {
  line-height: 2;
}

.aboutMain .sec02 .box02 .right {
  float: right;
  width: 45%;
  text-align: right;
}

.aboutMain .sec02 .box02 .right .img {
  display: inline-block;
  max-width: 500px;
  margin-bottom: 60px;
}

.aboutMain .sec02 .box02 .right .bnr a {
  display: inline-block;
  max-width: 550px;
}

/*////////////////////////////////////////////////////////////
	menu
///////////////////////////////////////////////////////////*/
.menuMain .sec01 {
  margin-bottom: 60px;
  color: #006257;
}

.menuMain .sec01 .secTblBox {
  display: table;
  width: 100%;
}

.menuMain .sec01 .secTblBox>* {
  display: table-cell;
  width: 50%;
  vertical-align: top;
}

/* .menuMain .sec01 .secTblBox .right {
  padding: 0 0 0 5%;
} */

.menuMain .sec01 h2 {
  margin-bottom: 100px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
  letter-spacing: 0.1em;
}

.menuMain .sec01 h2+p {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
}

.menuMain .sec01 .dl .dt {
  margin-bottom: 40px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0.1em;
}

.menuMain .sec01 .dl .dd {
  line-height: 2;
}

.menuMain .sec01 .dl .dd p+p {
  margin-top: 20px;
}

.menuMain .secCnt {
  padding: 60px 0;
  color: #006257;
}

.menuMain .secCnt .secTblBox {
  display: table;
  width: 100%;
}

.menuMain .secCnt .secTblBox>* {
  display: table-cell;
  width: 50%;
  vertical-align: top;
}

.menuMain .secCnt .secTblBox .left {
  padding: 0 5% 0 0;
}

/* .menuMain .secCnt .secTblBox .right {
  padding: 0 0 0 5%;
} */

.menuMain .secCnt .box {
  overflow: hidden;
}

.menuMain .secCnt .box .right {
  float: right;
  width: 45%;
}

.menuMain .secCnt .box .left {
  float: left;
  width: 45%;
}

.menuMain .secCnt .img+.img {
  margin-top: 40px;
}

.menuMain .secCnt .dl {
  padding: 20px 10px;
  border-bottom: 1px solid #006257;
}

.menuMain .secCnt .dl .dt {
  margin-bottom: 10px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0.1em;
}

.menuMain .secCnt .dl h3 {
  display: inline-block;
  vertical-align: middle;
}

.menuMain .secCnt .dl .span {
  display: inline-block;
  padding: 3px 10px;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  background: #d6ae3e;
}

.menuMain .secCnt .dl .dd {
  line-height: 2;
}

.menuMain .secCnt .dl .dd p+p {
  margin-top: 20px;
}

.menuMain .secCnt .dl .center {
  text-align: center;
}

.menuMain .secCnt .txt {
  margin-bottom: 100px;
}

.menuMain .secCnt .txt>p {
  line-height: 2;
}

.menuMain .secCnt .txt>p+p {
  margin-top: 30px;
}

.menuMain .secCnt .more {
  display: block;
  padding: 10px;
  width: 280px;
  color: #006257;
  text-align: center;
  border: 1px solid #006257;
  background: url(https://raraku201027.smooooth.jp/system_panel/uploads/images/link_arrow_green.png) right 20px center no-repeat;
}

.menuMain .sec02,
.menuMain .sec04,
.menuMain .sec06,
.menuMain .sec08 {
  background: #fefef2;
}

/*////////////////////////////////////////////////////////////
	stylist
///////////////////////////////////////////////////////////*/
.stylistMain .secCnt {
  color: #006257;
}

.stylistMain .secCnt .secTblBox {
  display: table;
  width: 100%;
}

.stylistMain .secCnt .secTblBox>* {
  display: table-cell;
  width: 50%;
  vertical-align: top;
}

.stylistMain .secCnt .secTblBox .right {
  padding: 0 0 0 5%;
}

.stylistMain .secCnt h2 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
  letter-spacing: 0.1em;
}

.stylistMain .secCnt .dl .dt {
  margin-bottom: 40px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0.1em;
}

.stylistMain .secCnt .dl .dd {
  line-height: 2;
}

.stylistMain .secCnt .dl .dd p+p {
  margin-top: 20px;
}

.stylistMain .secCnt .nameBox {
  margin-bottom: 60px;
}

.stylistMain .secCnt .nameBox .pos {
  display: inline-block;
  margin-right: 30px;
  vertical-align: middle;
}

.stylistMain .secCnt .nameBox .name {
  display: inline-block;
  vertical-align: middle;
}

.stylistMain .secCnt .nameBox .name p {
  font-size: 14px;
  color: #42b1a5;
}

.stylistMain .secCnt .img {
  max-width: 500px;
}

.stylistMain .sec02 {
  margin-bottom: 100px;
}

.stylistMain .sec02 .secTblBox .right {
  padding: 200px 0 0 5%;
}

.stylistMain .more {
  display: block;
  padding: 10px;
  width: 280px;
  margin: 60px 0 0;
  color: #006257;
  text-align: center;
  border: 1px solid #006257;
  background: url(https://raraku201027.smooooth.jp/system_panel/uploads/images/link_arrow_green.png) right 20px center no-repeat;
}

/*////////////////////////////////////////////////////////////
	guide
///////////////////////////////////////////////////////////*/
.guideMain .sec01 {
  padding: 0 0 180px;
  color: #006257;
}

.guideMain .sec01 .secTblBox {
  display: table;
  width: 100%;
}

.guideMain .sec01 .secTblBox>* {
  display: table-cell;
  vertical-align: top;
}

.guideMain .sec01 .secTblBox .left {
  position: relative;
  width: 40%;
}

.guideMain .sec01 h2 {
  margin-bottom: 100px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
  letter-spacing: 0.1em;
}

.guideMain .sec01 h2+p {
  margin-bottom: 60px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
}

.guideMain .sec01 .dl {
  max-width: 500px;
  margin: 0 auto;
}

.guideMain .sec01 .dl .dt {
  margin-bottom: 30px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
  text-align: center;
}

.guideMain .sec01 .dl .dd>p {
  line-height: 2;
}

.guideMain .sec01 .more {
  display: block;
  padding: 10px;
  width: 280px;
  margin: 30px auto 100px;
  color: #006257;
  text-align: center;
  border: 1px solid #006257;
  background: url(https://raraku201027.smooooth.jp/system_panel/uploads/images/link_arrow_green.png) right 20px center no-repeat;
}

.guideMain .sec01 .guideImg>p {
  display: inline-block;
  margin-bottom: 60px;
  padding: 3px 10px;
  color: #ffffff;
  background: #d6ae3e;
}

.guideMain .sec01 .guideImg .img {
  position: relative;
  max-width: 400px;
}

.guideMain .sec01 .guideImg .img:before {
  content: '';
  position: absolute;
  top: -60px;
  left: 40px;
  width: 9px;
  height: 751px;
  z-index: -1;
  background: url(https://raraku201027.smooooth.jp/system_panel/uploads/images/guide_arrow.png) no-repeat;
}

.guideMain .sec01 .flowImg {
  max-width: 660px;
  margin: 60px auto 100px;
}

/*////////////////////////////////////////////////////////////
	contact
///////////////////////////////////////////////////////////*/
.contactMain .sec01 {
  color: #006257;
  background: #a4ae9c;
}

.contactMain .sec01 .secTblBox {
  display: table;
  width: 100%;
}

.contactMain .sec01 .secTblBox>* {
  display: table-cell;
  padding: 80px 0;
  text-align: center;
  vertical-align: middle;
}

.contactMain .sec01 .secTblBox .left {
  position: relative;
  width: 220px;
}

.contactMain .sec01 .secTblBox .left:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  margin: 0 auto;
  z-index: 1;
  background: #ffffff;
}

.contactMain .sec01 .secTblBox .right {
  padding: 60px 0;
}

.contactMain .sec01 .secTblBox .ttl {
  position: relative;
  padding: 10px 0;
  z-index: 2;
  background: #a4ae9c;
}

.contactMain .sec01 .secTblBox h2 {
  margin-bottom: 10px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
  letter-spacing: 0.1em;
}

.contactMain .sec01 .secTblBox h2+p {
  position: relative;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
}

.contactMain .sec01 .secTblBox .dl {
  display: inline-block;
  text-align: left;
}

.contactMain .sec01 .secTblBox .dl .dt {
  margin-bottom: 10px;
}

.contactMain .sec01 .secTblBox .dl .dt a {
  display: inline-block;
  padding-left: 40px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 30px;
  color: #006257;
  background: url(https://raraku201027.smooooth.jp/system_panel/uploads/images/contact_tel.png) left center no-repeat;
}

.contactMain .sec01 .secTblBox .dl .dd {
  line-height: 2;
}

/*////////////////////////////////////////////////////////////
	blog
///////////////////////////////////////////////////////////*/
.bloglistMain .sec01 {
  padding: 0 0 60px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #006257;
}

.bloglistMain .sec01 .ttl {
  position: relative;
  margin-bottom: 60px;
  padding: 0 0 10px;
}

.bloglistMain .sec01 .ttl:before {
  content: '';
  position: absolute;
  left: -300px;
  bottom: 0;
  width: 700px;
  height: 1px;
  background: #d6ae3e;
}

.bloglistMain .sec01 .ttl h2 {
  display: inline-block;
  margin-right: 20px;
  font-size: 24px;
}

.bloglistMain .sec01 .ttl p {
  display: inline-block;
}

.bloglistMain .sec01 .webgene-blog {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.bloglistMain .sec01 .webgene-blog .webgene-item {
  width: calc((100% / 5) - 20px);
  margin: 0 20px 0 0;
}

.bloglistMain .sec01 .webgene-blog .webgene-item a {
  display: block;
  padding: 10px;
  color: #ffffff;
  text-align: center;
  background: #435243;
}

.bloglistMain .sec02 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #006257;
  background: #a4ae9c;
}

.bloglistMain .sec02 .secTblBox {
  display: table;
  width: 100%;
}

.bloglistMain .sec02 .secTblBox>* {
  display: table-cell;
  vertical-align: top;
}

.bloglistMain .sec02 .secTblBox .left {
  position: relative;
  width: 260px;
  padding: 300px 0;
  text-align: center;
}

.bloglistMain .sec02 .secTblBox .left:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 1px;
  height: 100%;
  margin: 0 auto;
  z-index: 1;
  background: #e5eede;
}

.bloglistMain .sec02 .secTblBox .left h2 {
  position: relative;
  padding: 30px 0;
  font-size: 24px;
  z-index: 2;
  background: #a4ae9c;
}

.bloglistMain .sec02 .secTblBox .right {
  padding: 60px 0;
}

.bloglistMain .sec02 .blogListBox .webgene-blog {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: -40px 0 0;
}

.bloglistMain .sec02 .blogListBox .webgene-blog:after {
  content: '';
  display: block;
  width: calc((100% / 3) - 20px);
}

.bloglistMain .sec02 .blogListBox .webgene-blog .webgene-header {
  display: none;
}

.bloglistMain .sec02 .blogListBox .webgene-blog .webgene-item {
  width: calc((100% / 3) - 20px);
  margin: 40px 0 0;
}

.bloglistMain .sec02 .blogListBox .webgene-blog .box .photo {
  margin-bottom: 10px;
}

.bloglistMain .sec02 .blogListBox .webgene-blog .box .info p {
  display: inline-block;
  margin-bottom: 5px;
  padding: 0 20px;
  font-size: 14px;
  color: #ffffff;
  background: #435243;
}

.bloglistMain .sec02 .blogListBox .webgene-blog .box .info time {
  display: block;
}

.bloglistMain .sec02 .blogListBox .webgene-blog .box .info a {
  color: #006257;
}

.bloglistMain .sec02 .blogListBox .webgene-blog .webgene-pagination {
  width: 100%;
  margin: 60px 0 0;
}

.bloglistMain .sec02 .blogListBox .webgene-blog .webgene-pagination ul {
  text-align: center;
}

.bloglistMain .sec02 .blogListBox .webgene-blog .webgene-pagination ul li {
  display: inline-block;
  margin: 0 2px;
}

.bloglistMain .sec02 .blogListBox .webgene-blog .webgene-pagination ul li a {
  display: block;
  width: 40px;
  color: #ffffff;
  line-height: 40px;
  text-align: center;
  background: #cdcdcd;
}

.bloglistMain .sec02 .blogListBox .webgene-blog .webgene-pagination ul .prev {
  margin: 0 10px 0 0;
}

.bloglistMain .sec02 .blogListBox .webgene-blog .webgene-pagination ul .prev a {
  background: #cdcdcd;
}

.bloglistMain .sec02 .blogListBox .webgene-blog .webgene-pagination ul .next {
  position: relative;
  margin: 0 0 0 10px;
}

.bloglistMain .sec02 .blogListBox .webgene-blog .webgene-pagination ul .next a {
  background: #cdcdcd;
}

.bloglistMain .sec02 .blogListBox .webgene-blog .webgene-pagination ul .selected a {
  background: #435243;
}

.blogMain {
  color: #006257;
}

.blogMain .secTblBox {
  position: relative;
  overflow: hidden;
}

.blogMain .secTblBox .left {
  float: left;
  width: 40%;
  padding: 200px 0 0;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.blogMain .secTblBox .right {
  float: right;
  width: 60%;
}

.blogMain .blogDetailBox .webgene-item-info.ttlBox {
  position: absolute;
  top: 0;
  left: 0;
}

.blogMain .blogDetailBox .webgene-item-info.ttlBox .topTtl {
  margin-bottom: 40px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
}

.blogMain .blogDetailBox .webgene-item-info.ttlBox .info span {
  display: inline-block;
  margin-right: 10px;
  padding: 0 20px;
  font-size: 14px;
  color: #ffffff;
  background: #435243;
}

.blogMain .blogDetailBox .webgene-item-info.ttlBox .info time {
  display: inline-block;
}

.blogMain .blogDetailBox .webgene-item-content.postBox img {
  max-width: 100%;
  width: auto;
  height: auto;
}

.blogMain .blogDetailBox .webgene-item-content.postBox *+* {
  margin-top: 30px;
}

.blogMain .cateBox .ttl {
  position: relative;
  margin-bottom: 40px;
  padding: 0 0 10px;
}

.blogMain .cateBox .ttl:before {
  content: '';
  position: absolute;
  left: -450px;
  bottom: 0;
  width: 759px;
  height: 9px;
  background: url(https://raraku201027.smooooth.jp/system_panel/uploads/images/blog_arrow.png) no-repeat;
}

.blogMain .cateBox .ttl h2 {
  font-size: 24px;
}

.blogMain .cateBox .webgene-blog .webgene-item {
  margin-bottom: 10px;
}

.blogMain .cateBox .webgene-blog .webgene-item a {
  display: block;
  max-width: 300px;
  padding: 10px;
  color: #006257;
  text-align: center;
  border: 1px solid #006257;
}

.blogMain .blogDetailBox .webgene-item-content.postBox .postTxt {
  line-height: 2;
}

.ttlTxt_20260918{
 width: 88px!important;
}

.right_20260918{
 padding-top:0px!important;
}

.padding_bottom0{
 padding-bottom:0px!important;
}

.padding_top0{
 padding-top:0px!important;
}

@media (max-width: 1024px) {
  .right_20260918{
 padding-top:0px!important;
}
}