body{
	margin:0;
	padding:0;
	background-color:#FFFFFF;
  /* background-color: rgb(255, 206, 134); */
	/* font-size:15px; */
  font-size: 3.5vw;
	/* font-family:’flopdesign-kana’,’ヒラギノ角ゴ Pro W3′,’Hiragino Kaku Pro’,’メイリオ’,Meiryo,’ＭＳ Ｐゴシック’,’MS P’,sans-serif ; */
	line-height:1.5;
  letter-spacing: 1px;
	color:#494949;
  /* font-family: 'Kiwi Maru', serif; */
}
div{
	margin:0;
	padding:0;
}
p{
	margin:0;
	padding:10px 0 0 0;
  font-size: 3.5vw;
}
img{
	margin:0;
	padding:0;
	border:0;
	max-width:100%;
	height:auto;
}
h1{
	margin:0px 0 0 0;
	padding:0;
	font-size:0;
}
h2{
	margin:30px auto 0 auto;
	padding:0;
	font-size:5vw;
	font-weight:bold;
	text-align:center;
  color: #fff;
  background-color: orange;
  width: 90%;
  padding: 10px;
	/* color:#232222; */
	line-height:1.3;
}
h3 {
  font-weight: bold;
  text-align: left;
  margin: 20px auto 0;
  border-bottom: 3px dotted orange;
  font-size: 20px;
  /* display: inline-block; */
}
.brpc {
  display: none;
}
.brsp {
  display: block;
}

.header {
  width: 100%;
}

.box {
  width: 95%;
  margin: 0 auto;
  padding: 10px 0 10px;
  line-height: 1.8;
}

.mtop20 {margin-top: 20px;}
.mtop40 {margin-top: 40px;}
.mtop60 {margin-top: 20px;}

.img01 {
  text-align: center;
  margin: 0px auto;
  /* padding: 0px; */
}

.orange {
  color: orange;
  font-weight: 400;
}
.item {
  display: block;
  margin-top: 30px;
}

.item p {
  text-align: left;
  padding-top: 30px;
  font-size: 16px;
}

.item3 {
  display: block;
  margin-top: 30px;
  flex-direction: row-reverse;
}

.item3 p {
  text-align: left;
  padding-top: 30px;
}

.item1 {
  width: auto;
  text-align: center;
  padding: 0px;
}

.item2 {
  width: auto;
  padding: 0px;
}
.item1 img {
 width: auto;
}
.item2 img {
 width: auto;
}
.whitebox {
  width: 80%;
  background-color: #fff;
  margin: 0 auto;
  padding: 10px 20px 40px;
}

.board {
  width: 90%;
  margin: 20px auto 0;
  border: 5px solid orange;
  padding: 10px;
  background-color: rgb(253, 248, 232);
}

.waku {
    position: relative;
    background: #fff0cd;
    box-shadow: 0px 0px 0px 5px #fff0cd;
    border: dashed 2px white;
    padding: 0.2em 0.5em;
    color: #454545;
    margin-top: 20px;
}
.waku:after{
    position: absolute;
    content: '';
    right: -7px;
    top: -7px;
    border-width: 0 15px 15px 0;
    border-style: solid;
    border-color: #ffdb88 #fff #ffdb88;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}
.waku p {
    margin: 0; 
    padding: 0;
}

table{
  width: 100%;
  border-collapse: collapse;
  margin: 20px auto;
  font-size: 14px;
}


table tr{
  border-bottom: solid 2px white;
}

table tr:last-child{
  border-bottom: none;
}

table th{
  position: relative;
  text-align: left;
  width: 30%;
  background-color: #ffdb88;
  color: white;
  /* color: rgb(147, 146, 146); */
  text-align: center;
  padding: 10px 0;
}

table th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #ffdb88;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

table td{
  text-align: left;
  width: 70%;
  text-align: center;
  background-color: #eee;
  padding: 10px;
} 

#footer {
  background-color: orange;
  width: 100%;
  text-align: center;
  color: #fff;
  /* font-weight: bold; */
  padding: 10px 0;
}

.contact {
  width: auto;
  font-size:16px;
  padding: 10px;
}

#footer {
  /* font-weight: bold; */
  padding: 5px 0;
  font-size: 2vw;
}

.form {
  margin-top: 30px;
}

.dispc {
  display: none;
}

.dissp {
  display: inherit;
}


.backyellow {
  padding: 0;
}
.mizutama {
  padding: 0;
}

.check {
  padding: 0px 0;
}


ul {
 list-style: none;
 padding: 0;
}

li {
 display: flex;
 gap: 10px;
}

li>div {
 height: auto;
 position: relative;
}

li>div::before {
 content: "";
 height: 100%;
 position: absolute;
 top: 0;
 left: 15px;
 border-right: solid 1px lightgray;
 z-index: -100;
}

li>div span {
 width: 32px;
 height: 32px;
 display: flex;
 justify-content: center;
 align-items: center;
 background-color: silver;
 border-radius: 50%;
 color: white;
}

dl, dt, dd {
 margin: 0;
 padidng: 0;
}

dt {
 font-size: 1rem;
}

.dummy-img {
 width: auto;
 height: auto;
 margin: 16px 0 64px 0;
 /* background-color: lightgray; */
 padding: 0px 10px 10px;
}


.point-box {
  position: relative;
  border: 2px solid orange; /* 枠の太さ・種類・色 */
  border-radius: 4px; /* 枠の丸み */
  margin: 1.8em 1em; /* 枠外の余白 */
  padding: 5px 15px;
  font-size: 0.8em;
  line-height: 1.5;
}

.point-title {
  position: absolute;
  padding: 0 0.5em;
  left: 20px;
  top: -20px; /* タイトルの位置を調整 */
  color: #555555; /* タイトルの文字色 */
  font-weight: bold;
  font-size:0.9em; /* タイトルの文字サイズ */
  background-color: #ffffff;
}

.moshikomi {
  bottom: 20px;
  right: 0px;
  /* left: 10px; */
  padding: 10px 10px;
  opacity: 0.7;
  width: 30%;
  font-size: 3vw
}
.dummy-img > p {
  font-size: 13px;
  line-height: 1.3;
 }

.chu {
  font-size: 15px;
}

/* 2023.06.01 */

.main-wrapper {
  width: auto;
  /* margin: 9% auto; */
  /*2025ver*/
  margin: 11% auto;
}

.navi_item {
  font-size: 14px;
}

.header_button {
  position: absolute;
  /* left: 16%; 2024*/
    left: 30%;
  bottom: 0px;
  /*募集締め切りの際はbottomをコメントアウト*/
}

.el_humburger {
  padding-top:3%;
  width: 15%;
}

.spnav .menu li {
  margin: 5px -4%;
  /* flex: 0 0 35%; */
  justify-content: flex-start;
}

.gradation h3 {
  font-size: 5vw;
 }


.class-contents p {
  padding: 20px;
  font-size: 3.5vw;
  font-weight: normal;
}

.box01 {
  padding-bottom: 10px;
}

.backyellow_pale {
  padding: 10px 0;
}

.yellow-wrapper {
  padding: 20px 0;
}

.box01 p {
  font-size: 3.5vw;
  }

  .point-wrapper {
    padding: 1em;
    border: 2px solid #F8743C;
    height: auto;
}

.point-number {
  width: auto;
}

  .point-wrapper-text {
    font-size: 3vw;
}

.point-title-main {
  font-size: 4.5vw;
}

.point-wrapper .icon {
  margin: 0px;
}

.ribbon {
  width: 75%;
  margin-top: 10px;
  font-size: 18px;
  margin-bottom: 10px;
}

.ribbon02 {
  width: 80%;
font-size: 15px;
margin-top: 10px;
}

.ribbon03 {
  width: 160px;
font-size: 14px;
margin-top: 10px;
}

.ribbon04 {
  width: 280px;
font-size: 18px;
margin-top: 0px;
}


.ttl-image {
  position: relative;
  width: auto;
}

/* タイトルを背景切り替え部分に載せる */

.ttl-inner {
width: 95%;
margin: 0 auto;
top:0px;
right: 5px;
  }

.ttl-inner02 {
width: 95%;
margin: 0 auto;
top:0%;
right: 5px;
  }

.ttl-inner03 {
width: 95%;
margin: 0 auto;
top:0%;
right: 5px;
  }


/* 受講生の声 */

.student-review {
      padding: 1em 0em;
  font-size: 3vw;
  height: auto;
  width: auto;  
justify-content: center;
  }

  .student-img {
    width: 20%;
    padding: 0 10px 0 0;
    display: table;
  }

.checklist {
  font-size: 1em;
  line-height: 1.3;
}

.contact-info {
  width: 90%;
  padding: 0 0 25px 5px;
} 
.contact-text {
  font-size: 14px;
}

.contact-inner {
  padding-top: 3%;
}

.contact-inner p {
  width: 90%;
} 

.contact-flex {
  margin: 0 auto;
  padding: 0 3px;
}

.icon-yatsushiro {
  width: 20%;
  padding-left: 3px;
  padding-bottom: 3px;
}


.contact-text {
  /* text-align: center; */
  text-align: left;
  font-size: 14px;
  width: auto;
  padding-left: 15px;
}

.contact-inner {
  padding: 5px 10px 0; 
}
.contact-inner p {
  text-align: left;
  padding-top: 5px;
  width: 70%;
  /* width: 400px; */
  /* margin: 0 auto; */
  margin-left: 3%;
  font-size: 0.8em;
  white-space: nowrap;
}

.button_end {
  width: 75%;
}