body{
	margin:0;
	padding:0;
	background-color:#FFFFFF;
  /* background-color: rgb(255, 206, 134); */
	font-size:18px;
	/* font-family:’flopdesign-kana’,’ヒラギノ角ゴ Pro W3′,’Hiragino Kaku Pro’,’メイリオ’,Meiryo,’ＭＳ Ｐゴシック’,’MS P’,sans-serif ; */
	line-height:1.5;
  letter-spacing: 2px;
	color:#494949;
  /* font-family: 'Kiwi Maru', serif; */
  font-family: 'Noto Sans JP', sans-serif;
  position: relative;
}
div{
	margin:0;
	padding:0;
}
p{
	margin:0;
	padding:40px 0 0 0;
}
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:0px auto;
	padding:0;
	font-size:36px;
	font-weight:bold;
	text-align:center;
  color: orange;
  /* color: #fff; */
  /* background-color: orange; */
  width: 70%;
  padding: 10px;
	/* color:#232222; */
	line-height:1.3;
  letter-spacing: 2;
}

h3 {
  font-weight: bold;
  text-align: left;
  margin: 50px auto 0;
  border-bottom: 3px dotted orange;
  font-size: 28px;
  /* display: inline-block; */
}
.brpc {
  display: block;
}

.brsp {
  display: none;
}

.header {
  width: 100%;
}

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

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

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

.img02 {
  width: 100%;
}

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

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

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

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

.item1 {
  width: 40%;
  text-align: center;
  padding: 20px;
}
.item4{
  width: 60%;
  text-align: center;
  padding: 0px;
}

.item4 img {
  width: 100%;
}

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

.board {
  width: 90%;
  margin: 50px auto 0;
  border: 5px solid orange;
  padding: 10px 30px 30px;
  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: 60px;
}
.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: 30px auto;
  font-size: 18px;
}


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 0;
}  */

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

.wakuorange {
  background-color: #fff0cd;
  padding: 10px;
  text-align: center;
}

.wakuorange p {
  padding-top: 0;
}

.contact {
  width: 50%;
  margin: 0px auto 0;
  border: 3px dotted orange;
  padding: 10px 30px 30px;
  background-color: rgb(253, 248, 232);
}

.form {
  font-weight: bold;
  text-align: center;
}
.btn1 {
  width: auto;
  margin: 0 auto;
  text-align: center;
  font-weight: bold;
}

.btn-c {
  display: inline-block;
  padding: 20px 30px;
  background-color: orangered;
  color: #fff;
  border-radius: 15px;
  text-decoration: none;
  text-align: center;
}

.btn-c:hover {
  opacity: 0.7; /*値は0〜1まで指定可能。0に近いほど透明度が高い。*/
}

.waku2 {
  width: auto;
  margin: 30px auto 0;
  border: 3px dotted orange;
  padding: 10px 30px 30px;
  background-color: rgb(253, 248, 232);
}

.backyellow {
  background-color: rgb(252, 245, 210);
  padding: 30px 0;
}
.backyellow_image {
  background-color: rgb(252, 245, 210);
  padding: 30px 0;
  background-image: url(../img/mizutama.jpg);
  background-size: cover;
  
}


.mizutama {
  background-image: url(../img/mizutama.jpg);
  padding: 30px 0;
}

.check {
  background-image: url(../img/check.png);
  padding: 30px 0;
  background-color: #fff;
}



.dispc {
  display: inherit;
}

.dissp {
  display: none;
}

.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: -15px; /* タイトルの位置を調整 */
  color: #555555; /* タイトルの文字色 */
  font-weight: bold;
  font-size:0.9em; /* タイトルの文字サイズ */
  background-color: #ffffff;
}

.moshikomi {
  position: fixed;
  bottom: 20px;
  right: 20px;
  padding: 20px 20px;
  border-radius: 10px;
  background: orangered;
  opacity: 0.7;
}



/* 2023.06.01 */

/* 画面背景 */
.container {
  background: url(../img/bg03.png) no-repeat top center fixed;
  /* background-size: auto; */
  display: flex;
  /* background-size: cover; */
}

.main-wrapper {
  width: 500px;
  margin: 0 auto;
}

/*文字の大きさ関連*/
.option {
  font-size: 80%;
}
.accent {
  font-size: 130%;
}

.green {
  color: rgb(145, 198, 123);
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  /* 右から順に配置 */
  /* justify-content: flex-end; */
}

.hlogo {
  width:280px;
  margin: 50px 0 0 60px;
}

/* ナビメニュー */
.side_navi {
  width: 350px;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.hnavi_btn {
  position: fixed;
  top: 5px;
  right: 5px;
  z-index: 10000;
  display: none;
}

.menu-button {
  width: 72px;
  height: 72px;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100000;
  background: url("../img/qr_bg.svg") no-repeat;
  background-size: cover;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.menu-button i {
  display: block;
  width: 20px;
  height: 2px;
  border-radius: 3px;
  background: #00AEEF;
  -webkit-transition: background 0.5s;
  transition: background 0.5s;
  position: absolute;
  right: 26px;
  top: 33px;
}
.menu-button i:before, .menu-button i:after {
  content: "";
  display: block;
  width: 20px;
  height: 2px;
  border-radius: 3px;
  background: #00AEEF;
  position: absolute;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.3s !important;
  transition: all 0.3s !important;
}

.menu-button i:before {
  transform: translateY(7px);
}
.menu-button i:after {
  transform: translateY(-7px);
}

.side_navi .gnavi {
  margin-top: auto;
  margin-left: -6px;
  margin-bottom: 75px;
}

.side_navi .gnavi .navlogo {
  display: none;
  -webkit-transition: all 0.9s ease;
  transition: all 0.9s ease;
}
.side_navi .gnavi ul {
  -webkit-transition: all 0.9s ease;
  transition: all 0.9s ease;
}
.side_navi .gnavi ul li {
  margin-bottom: 10px;
  text-align: left;
  list-style: none;
}

/* 吹き出し本体 */

.balloon01{
  position: relative;
  padding: 20px;
  width: 300px;
  height: 100px;
  border-radius: 50%;
  text-align: center;
  line-height: 1.7;
  color: orange;
  letter-spacing: 0.1em;
  font-size: 16px;
  background-color: rgb(252, 245, 210);
  margin: 30px 10px;
  display: table;
}
.balloon01::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 30px;
  bottom: 8px;
  border-right: 20px solid rgb(252, 245, 210);
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  transform: rotate(-50deg);
}

.balloon02{
  position: relative;
  padding: 20px;
  width: 300px;
  height: 100px;
  border-radius: 50%;
  text-align: center;
  line-height: 1.7;
  color: orange;
  letter-spacing: 0.1em;
  font-size: 16px;
  background-color: rgb(252, 245, 210);
  margin: 30px 10px;
  display: table;
  top: 5px;
  left: 100px;
}

.balloon02::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: 30px;
  bottom: 8px;
  border-right: 20px solid rgb(252, 245, 210);
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  transform: rotate(-130deg);
}

.inner {
  display: table-cell;
  vertical-align: middle;
}

.illust01 {
  width: auto;
  text-align: right;
  /* opacity: 0.5; */
  margin-top: 20px;
}

.illust02 {
  width: auto;
  text-align: left;
  /* opacity: 0.5; */
  margin-top: 20px;
}

/* チェックリスト */
.checklist {
  list-style-type: none;
  padding: 1em;
  border: 2px solid #ff7b00;
  position: relative;
  padding: 1rem 1rem 1rem 3rem;
  text-align: left;
  font-weight: bold;
  font-size: 0.9em;
}


.checklist li {
  padding: 0.5rem 0;
  line-height: 1.5;
}

.checklist li::before {
  position: absolute;
  left: 1rem;
  padding-left: 0.2rem;
  color: #F96A41;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f058';
}

/* checkmark css */
/* .checklist li {
  display: flex;
  align-items: center;
  gap: 0 5px;
  padding: .3em;
}

.checklist li::before {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ff7b00%22%20d%3D%22M8.2%2C20.6l-7.8-7.8c-0.5-0.5-0.5-1.2%2C0-1.7L2%2C9.4c0.5-0.5%2C1.2-0.5%2C1.7%2C0L9%2C14.7L20.3%2C3.4c0.5-0.5%2C1.2-0.5%2C1.7%2C0l1.7%2C1.7%20c0.5%2C0.5%2C0.5%2C1.2%2C0%2C1.7L9.8%2C20.6C9.4%2C21.1%2C8.6%2C21.1%2C8.2%2C20.6L8.2%2C20.6z%22%2F%3E%3C%2Fsvg%3E');
  content: '';
} */


.backyellow_pale{
  /* background-color: #fcf9e8; */
  background-color: #FCF9E8;
  padding: 30px 0 10px;
}

.box01 {
  line-height: 1.5;
    width: 90%;
    margin: 0 auto;
    padding: 10px 0 30px;
}

.box01 p {
  padding-top: 10px;
  font-size: 16px;
}

.gradation {
  margin: 0 auto;
  text-align: center;
}


.gradation h3 {
  background: linear-gradient(45deg, #ff5858 0%, #f09819 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  text-align: center;
  border: none;
  margin-top: 20px;
  font-size: 24px;
 }

/* 講座のポイント */

/* 2024ver. */
.point-wrapper {
  position: relative;
    padding: 1em 1em 3em;
    border: solid 5px #eb5c02;
border-radius: 30px;
font-size: 16px;
margin: 0px auto 10px;
height: 230px;
background-color: #fff;
}


/* 枠内に番号 */
/* .point-wrapper .box-title01 {
  position: absolute;
  display: inline-block;
  top: 18px;
  left: 50px;
  padding: 10px;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 24px;
  background: -moz-linear-gradient(140deg,#FF3d00,#febf2c); 
background: -webkit-linear-gradient(140deg,#FF3d00,#febf2c); 
background: linear-gradient(140deg,#FF3d00,#febf2c); 
  color: #ffffff;
  font-weight: bold;
  border-radius: 50%;
} */

.point-number {
 display: flex; 
 justify-content: center;
 align-items: center;
 width: 80%;
 margin: 0 auto;
}

.point-title-main {
  line-height: 1.2;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  /* color: #FF3d00; */
  color: #F8743C;
  padding: 0px 5px;
}

.point-title-sub-img {

}

.point-title-sub {
  padding: 10px;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 24px;
  background: -moz-linear-gradient(140deg,#FF3d00,#febf2c); 
background: -webkit-linear-gradient(140deg,#FF3d00,#febf2c); 
background: linear-gradient(140deg,#FF3d00,#febf2c); 
  color: #ffffff;
  font-weight: bold;
  border-radius: 50%;
}
/* 
.point {
  position: absolute;
top: -48px;
left: -13px;
font-size: 10px;
color: orange;
font-weight: bold;
transform: rotate(-20deg);
} */

/* 文字円形に配置 */
/* .point-wrapper h1 span {
	font-size: 10px;
	height: 200px;
	position: absolute;
	width: 20px;
	left: 380px;
	top: 10px;
  color: #F8743C;
	transform-origin: bottom center;
	}
  .char1 { transform: rotate(-37deg); }
  .char2 { transform: rotate(-30deg); }
  .char3 { transform: rotate(-23deg); }
  .char4 { transform: rotate(-16deg); }
  .char5 { transform: rotate(-9deg); }
 */

/* 枠角に番号 */
/* .point-wrapper .box-title01 {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -12px;
    padding: 10px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 30px;
    background: -moz-linear-gradient(140deg,#FF3d00,#febf2c); 
background: -webkit-linear-gradient(140deg,#FF3d00,#febf2c); 
background: linear-gradient(140deg,#FF3d00,#febf2c); 
    color: #ffffff;
    font-weight: bold;
    border-radius: 50%;
    
    アニメーション
    animation-name: fadeInAnime;
    animation-fill-mode:backwards;
    animation-duration:2.5s;
    animation-iteration-count:infinite;
    animation-timing-function:ease;
    animation-delay: 0.5s;
    animation-direction:normal;
} */

/* アニメーション　点滅させる */
/* @keyframes fadeInAnime{
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
} */

/* POINTの文字 */
.number {
  position: absolute;
  top: -48px;
  left: -13px;
  font-size: 10px;
  color: orange;
  font-weight: bold;
  transform: rotate(-20deg);
    /* アニメーション */
  /* animation-name: fadeInAnime;
  animation-fill-mode:backwards;
  animation-duration:2.5s;
  animation-iteration-count:infinite;
  animation-timing-function:ease;
  animation-delay: 0.5s;
  animation-direction:normal; */
}


/* 枠内タイトル */
.point-wrapper-title {
  font-weight: bold;
  font-size: 20px;
  line-height: 1.2;
  text-align: center;
  /* color: #FF3d00; */
  color: #F8743C;
  padding: 0px 0;
}
.point-wrapper-text {
    margin: 0; 
    padding: 5px 0 0;
    /* color: orange; */
    font-size: 85%;
    line-height: 1.5;
    text-align: left;
}

.point-wrapper .icon {
  width: auto;
  text-align: center;
  margin: 20px auto 10px;
}

/* 講座内容フロー */
.flow {
  margin: 0 auto 50px;
}
  
.flow .class-contents {
  margin: 30px auto 33px;
  width: auto;
  padding: 0px 0px 20px;
  border: 3px dotted #ff7b00;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  line-height: 1.4; /* テキストの指定 */
}

.flow .class-contents:after {
  border-top: 25px solid #ff7b00;
  border-left: 70px solid transparent;
  border-right: 70px solid transparent;
  content: "";
  position: absolute;
  bottom: -28px; /* 三角形の高さ＋ボックスのボーダーをマイナスに */
  left: 50%;/* 中央寄せに使用 */
  margin-left: -70px; /* 中央寄せに使用 */
}

.flow .class-contents:last-child:after {
  border: none; /* 最後のボックスだけ三角形を表示しない */
}

.class-contents .title {
  background-color: rgb(145, 198, 123);
  padding: 10px;
  margin-bottom: 10px;
  font-size: 20px;
  text-align: center;
  font-weight: bold;
  color: #fff;
}

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

/* 開催日程表 */

.schedule table{
  width: 100%;
  border-collapse: collapse;
  margin: 30px auto;
  font-size: 18px;
  font-weight: bold;
}


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

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

.schedule table th{
  position: relative;
  text-align: center;
  width: 50%;
  background-color: rgb(252, 245, 210);
  color: #494949;
  border: solid 2px #fff;
  /* color: rgb(147, 146, 146); */
  padding: 10px 0;
}


.schedule table td{
  width: 50%;
  text-align: center;
  background-color: rgb(252, 245, 210);
  text-align: center;
  padding: 10px 0;
  color: #494949;
} 

/* ここまで不要 */

/* ヘッダー上にボタンを配置する */

.banner {
  position: relative;
}
.header_button {
  position: absolute;
  left: 150px;
  /* bottom: 3px; */
  top:90%;
  /* 募集締め切りの際 */
  /* bottom: 20px;  */
}

/* ボタン画像のデコレーション */

img.header_button:hover{
 
	/* 透明度を上げることで、画像の色を薄く見せる。*/
	opacity:0.9;
 
}
 
/* ボタン画像をクリックした瞬間 */
img.header_button:active{
 
	/* 要素を若干下に下げることで、押した感じを出す。*/
	/* 今いる位置から相対的に下に配置*/
	bottom: 1px;
  /* ↑header_buttonのbottomの位置から（5px）から逆算 */
 
}

/* サイドバー */

.nav {
    vertical-align: baseline;
    background: 0 0;
    color: #292323;
}

.slideNavigation {
  /* display: none; */
  position: fixed;
  top: 10%;
  left: 2%;
  z-index: 10;
}

.slideNavigation li {
  position: relative;
  margin-bottom: 16px;
  list-style: none;
  font-size: 16px;
  font-weight: bold;
}

.slideNavigation li a {
  text-decoration: none;
  /* color: #FF3d00; */
  color: #FFF;
}

.slideNavigation li a:hover {
  color: #FF3d00;
  transition: color 0.4s ease 0.1s;
}

/* インスタアイコン */

.slideNavigation-right {
  /* display: none; */
  position: fixed;
  top: 75%;
  right: 0px;
  z-index: 10;
  padding-right: 0px;
  width: 20%;
}

.slideNavigation-right li {
  position: relative;
  /* margin-bottom: 16px; */
  list-style: none;
  text-align: center;
}

.instagram {
  font-size: 12px;
  padding-bottom: 5px;
  text-align: center;
  color: #000;
}

/* ハンバーガーメニュー */

.el_humburger {
  display: none;
}
.navi {
  display: none;
}

.spnav {
  display: none;
}

/* 白背景 */

.white-wrapper {
  background-color: #fff;
  text-align: center;
}

/* 黄色背景 */

 .yellow-wrapper {
  /* background-color: #f5ebd0; */
  background-color: #FCF9E8;
  text-align: center;
  padding: 30px 0 25px;
}

/* タイトル装飾 */

.ribbon {
  width: 400px;
margin: 0px auto 20px;
padding: 10px;
/* background-image: linear-gradient(-60deg, #ff5858 0%, #f09819 100%); */
border-radius: 5px;
background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
color: #fff;
font-size: 26px;
}

.ribbon02 {
  width: 420px;
margin: 0px auto 0px;
padding: 2px;
/* background-image: linear-gradient(-60deg, #ff5858 0%, #f09819 100%); */
border-radius: 15px;
background-image: linear-gradient(-120deg, #f09819 0%, #ff5858 100%);
color: #fff;
font-size: 18px;
}

.ribbon03 {
  width: 200px;
  margin: 10px auto 0px;
  padding: 2px;
  /* background-image: linear-gradient(-60deg, #ff5858 0%, #f09819 100%); */
  border-radius: 15px;
  background-image: linear-gradient(-120deg, #f09819 0%, #ff5858 100%);
  color: #fff;
  font-size: 18px;
}

.ribbon04 {
  width: 300px;
margin: 0px auto 0px;
padding: 0.5rem;
/* background-image: linear-gradient(-60deg, #ff5858 0%, #f09819 100%); */
border-radius: 25px;
background:#f85f34;
color: #fff;
font-size: 20px;
}

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

.ttl-image {
  position: relative;
}
.ttl-inner {
  position: absolute;
right: 8%;
top: 10%;
}
.ttl-inner02 {
  position: absolute;
right: 8%;
top: 16%;
}
.ttl-inner03 {
  position: absolute;
right: 18%;
top: 16%;
}
.ttl-inner03 p {
  text-align: center;
  font-weight: bold;
  color: #f85f34;
  font-size: 18px;
  padding-top: 0;
}

/* 申し込みボタンのエフェクト */

.entry:hover{
 
	/* 透明度を上げることで、画像の色を薄く見せる。*/
	opacity:0.6;
 
}

/* 受講生の声 */
 
.student-review {
  display: flex;
    /* margin: 2em 0; */
    padding: 0.5em 0.5em;
    /* border: solid 4px #ff7b00; */
    /* border: solid 2px #F8743C; */
/* border-radius: 5px; */
font-size: 16px;
margin: 0px auto 10px;
height: 160px;
background-color: #fff;
justify-content: space-around;
/* align-items: center; */
}

.term {
  font-size: 0.6rem;
  text-align: center;
  padding: 0;
}


.student-img {
  width: 20%;
  padding: 10px 10px 10px 0;
  display: table;
}
.student-img img {
  display: table-cell;
  vertical-align: middle;
}
.student-img p {
  color: #F8743C;
  font-weight: bold;
  font-size: 12px;
  padding: 1px 0 0 1px;
  text-align: center;
  line-height: 1.4;
}

.student-main {
  width: 75%;
}

.student-title {
  border-bottom: 1px solid #F8743C;
  font-size:14px;
  color: #F8743C;
  text-align: left;
  padding: 5px 0 5px 20px;
  line-height: 1.3;
  font-weight: bold;
}

.student-text {
  padding-top: 10px;
  text-align: left;
  line-height: 1.5;
  word-wrap: break-word;
  font-size: 0.6em;
}

.contact-info {
  /* width: 400px; */
  width: 80%;
    margin: 0px auto 0;
    /* padding: 0px 30px 30px; */
    padding: 0px 10px 30px 0;
    /* font-weight: bold; */
    line-height: 1.3;
    text-align: left;
    color: #F8743C;
}   

.contact-text {
  padding-top: 10px;
  padding-left: 10%;
  /* text-align: center; */
  text-align: left;
  font-size: 16px;
}

/* 2024年 */
/* .contact-text {
  padding-top: 10px;
  padding-left: 3%;
  text-align: left;
  font-size: 16px;
} */

.contact-inner {
  padding: 20px 10px 0; 
}

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

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

.contact-inner a {
  color: #F8743C;
  text-decoration: underline dotted #F8743C;
}

.contact-flex {
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 0 3px;
}

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

.button_end {
  width: 380px;
  background-image: linear-gradient(-120deg, #f09819 0%, #ff5858 100%);
  padding: 10px;
  text-align: center;  
  border-radius: 50px;
  margin: 0 auto;
  color: #fff;
  text-decoration: none;
}

.button_end p {
  padding: 0;
  text-decoration: none;
}

.end {
  text-decoration: none;
}

.button_end:hover{
 
	/* 透明度を上げることで、画像の色を薄く見せる。*/
	opacity:0.6;
 
}


.highlights {
 
    background:linear-gradient(transparent 70%, #f09819 80%);
 
}