@charset "UTF-8";

/*   contents_pc.css   */
/* 【PC版】各ページコンテンツ部分個々のcss */

/* -----------トップページ----------- */
/* TOP　大見出し共通 */
h3.top {
  display: block;
  font-size:36px;
  text-align: center;
  letter-spacing: 0.1em;
  border:none;
  padding:0;
}


/* TOP　イメージ画像 */
.topimage_area_top {
  width:1000px;
  height:580px;
  margin:0 auto 20px;
  background: url(../img/top_image_main.png);
}

.topimage_area_top h2 span {
  display: none;
}

/* TOP 活動情報 */
.top_news {
  width:630px;
  margin-bottom:40px;
}

.top_news ul {
  height:40px;
  display: flex;
  justify-content: space-between;
}

.top_news ul li {
  height:40px;
  line-height: 40px;
}

.top_news ul li:first-child {
  width:90px;
  border-right:solid 1px #707070;
  text-align: left;
}

.top_news ul li:nth-of-type(n + 2) {
  width:350px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.top_news ul li:nth-of-type(n + 3) {
  width:120px;
}

.top_news ul li:nth-of-type(n + 3) a {
  display: block;
  width:100%;
  text-align: center;
}

/*　TOP 検定の紹介 */
.top_cert_introduction {
  width:100%;
  background:linear-gradient(to bottom, #fff 0%, #fff 24px, #f6f6f6 24px,  #f6f6f6 100%);
  padding-bottom:45px;
  margin-bottom:40px;
}

.top_cert_introduction h3.top {
  margin-bottom:30px;
}

.top_cert_introduction div {
  width:880px;
  margin:0 auto;
  display: flex;
  justify-content: space-between;
}

.top_cert_introduction div figure {
  width:280px;
}

.top_cert_introduction div figure h4.top {
  font-size:16px;
  font-weight: bold;
  text-align: center;
  width:100%;
  height:40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border:solid 1px #707070;
  transition : 0.3s;
  margin:10px 0;
}

.top_cert_introduction div figure h4.top:hover {
  background-color: #EEEEEE;
  border:solid 1px #EEEEEE;
  transition : 0.3s;
  color:#707070;
}

.top_cert_introduction div figure img {
  width:280px;
}

.top_cert_introduction div figcaption {
  font-size:12px;
  letter-spacing: 0.15em;
  line-height: 1.6em;
  text-align: justify;
}

/*　TOP 協会について */
.top_about {
  margin-bottom:50px;
}

.top_about h3.top {
  margin-bottom:30px;
}
.top_about p {
  text-align: center;
  font-size:16px;
  letter-spacing: 0.2em;
  line-height: 2.5em;
  margin-bottom:40px;
}

.top_about div {
  width:240px;
  height:50px;
  margin:0 auto;
  border:solid 1px #707070;
  border-radius: 25px;
}
.top_about div:hover {
  background-color:#ebdbef;
  border:solid 1px #ebdbef;
  transition : 0.3s;
}

.top_about div a {
  display: block;
  width: 100%;
  height:50px;
  font-size:16px;
  text-align: center;
  line-height:50px;
}

/* TOP バナーエリア */
.top_banner {
  width:880px;
  margin:0 auto 70px;
}

.top_banner ul {
  display: flex;
  justify-content: space-between;
  justify-content: center;
  gap:10px;
}
.top_banner_list {
  margin-bottom:20px;
}

.top_banner_list li {
  width:280px;
  height:140px;
}


.top_link_list li {
  width:210px;
  height:60px;
  background-color: #EBDBEF;
}
.top_link_list li:hover {
  background-color: #B286BC;
  color:#FFFFFF;
  transition : 0.3s;
}

.top_link_list li a {
  display: block;
  width:100%;
  height:60px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.top_link_list li a:hover {
  color:#FFFFFF;
  transition : 0.3s;
}

/* TOP facebook　検定日程情報 */
.top_update {
  width:720px;
  margin:0 auto 30px;
  display: flex;
  justify-content: space-between;
}

.top_update h3.top {
  margin-bottom:25px;
}

.top_update div {
  width:340px;
}

.top_update div ul {
  width:290px;
  margin:10px auto;

}
.top_update_news div {
  height:400px;
  border:solid 1px #707070;
  overflow: scroll;
}

.top_update div ul li {
  padding:15px 5px;
  border-bottom:solid 1px #E3E3E3;
}

.top_update div ul li dl {
  display: flex;
  font-size:12px;
  letter-spacing: 0.05em;
  align-items: center;

}
.top_update div ul li dl dt {
  width:30%;
}
.top_update div ul li dl dd {
  width:70%;
}

/* TOP　最下部バナー */
.top_bottom_banner {
  width:720px;
  margin:0 auto;
  text-align:center;
}
/* -----------トップページend----------- */


/* -----------サブページ共通----------- */
/* イメージ画像 */
.topimage_area {
  width:1000px;
  height:200px;
  background: no-repeat url("../img/topimage_back.png");
  margin:0 auto 5px;
}

.topimage_area h2 {
  font-size:42px;
  height:200px;
  text-shadow: 5px 5px 2px  rgba(0,0,0,11%);
  text-align:center;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* パンくず */
.breadcrumbs_area {
  width:1000px;
  margin:0 auto 30px;
  font-size:12px;
}

.breadcrumbs_area a:hover {
  color:#B286BC;
}

/* ページ内リンクタブ */
.toptab_area {
  width:880px;
  margin:0 auto 30px;
}

.toptab_area ul {
  width:570px;
  margin:0 auto;
  display: grid;
  gap:10px;
  grid-template-columns: 1fr 1fr;
}

.toptab_area ul.three_link {
  width:680px;
  grid-template-columns: 1fr 1fr 1fr;
}

.toptab_area ul.four_link {
  width:100%;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.toptab_area ul li {
  width:auto;
}

.toptab_area ul li a {
  display:block;
  text-align:center;
  padding:15px 0;
}

/* メインコンテンツ部分 */
.maincontents_area {
    width:880px;
    margin:0 auto 100px;
}

/* 共通記事 */
.maintext {
  width:100%;
  margin-bottom:50px;
}

h3, .maintext h3 {
  font-size:30px;
  border-bottom:solid 1px #707070;
  padding:5px 0;
  margin-bottom:15px;
  display: flex;
  align-items: center;
}

.maintext h3 small {
  padding-left:15px;
  font-size:20px;
}

h3 {
  margin-bottom:22px;
}


.maintext ul.disc {
  list-style: disc;
  font-size: 16px;
}

.maintext ul li {
  margin-left:30px;
  margin-bottom:5px;
}


/* 別ページ遷移ボタン */
.contents_link_area {
  margin:40px auto;
}

.contents_link_area ul {
  height:60px;
  display: flex;
  justify-content: center;
  gap:20px;
}

.contents_link_area li {
  width:300px;
  font-size:16px;
}
.contents_link_area li a {
  display: block;
  width: 100%;
  line-height: 60px
}
/* -----------サブページ共通end----------- */



/* -----------ヘアセット検定----------- */
/* ヘアアレンジ検定・セルフヘアアレンジ検定・キッズヘアアレンジ検定 */
.hairset_link_shape {
  width:300px;
  margin-top:20px;
}

.hairset_link_shape a {
  display: block;
  padding:15px 0;
}


/* 検定の詳細 */
.hairarrange {
  padding:25px;
  border:solid 6px #EEEEEE;
  margin-bottom:20px;
}

.hairarrange div {
  display: flex;
  justify-content: space-between;
}

.hairarrange div img {
  width:280px;
  height:200px;
}

.hairarrange div div.second_img {
  display: block;
  width:min-content;
}

.hairarrange div div.second_img img {
  height:auto;
}

.hairarrange div article {
  width:520px;
}

.hairarrange div article h4 {
  font-size:26px;
  border-bottom:solid 1px #707070;
  padding:5px 0;
  margin-bottom:10px;
}

.hairarrange dl {
  width:800px;
  height:100px;
  border:solid 1px #C4C4C4;
  padding:10px;
  margin-top:15px;
  display:table;
}

.hairarrange dl>dt,
.hairarrange dl>dd {
  display:table-cell;
  vertical-align: middle;
}

/* 検定の詳細タイトル */
.hairarrange dl dt:first-child {
  width:140px;
  height:100px;
  border-right:solid 1px #C4C4C4;
  font-size:16px;
  text-align:center;
}

/* 検定の詳細説明分 */
.hairarrange dl dd:nth-child(2) {
  padding-left:20px;
  font-size:12px;
  line-height: 2em;
}

.hairarrange dl dd:nth-child(2) ul {
  display: table;
  width:340px;
}


/* 注釈のインデント調整 */
.hairarrange dl dd:nth-child(2) ul li .notes_head {
  display: table-cell;
  vertical-align: top;
  white-space: nowrap;
}

.hairarrange dl dd:nth-child(2) ul li .notes_body {
  display: table-cell;
  vertical-align: top;
}

.hairarrange dl dd:nth-child(2) ul li .notes_plus {
  display: table-cell;
    vertical-align: top;
}

/* 検定の詳細値段 */
.hairarrange dl dd:nth-child(3) {
  width:200px;
  height:100px;
  background:#EEEEEE;
  font-size:16px;
  text-align:center;
}
.hairarrange dl dd:nth-child(3) div {
  display: block;
  width:100%;
  line-height: 1.4em;
}
.hairarrange dl dd:nth-child(3) strong {
  font-size:22px;
}

.hairarrange dl dd:nth-child(3) small {
  font-size:10px;
}

.hairarrange dl dd.kids {
    padding:15px;
}
.hairarrange dl dd.kids div.sp {
  display: none;
}
.hairarrange dl dd.kids hr {
  height: 1px;
  border:none;
  border-top:solid 1px #C4C4C4;
}


/* 各検定リンクボタン */
.cert_link_area {  margin-top:20px; }
.cert_link_area h3 {
  font-size:32px;
  text-align:center;
  margin-bottom:15px;
}

.cert_link_area ul {
  display: flex;
  justify-content: center;
  gap:20px;
}

/* -----------ヘアセット検定end----------- */

/* -----------受験について----------- */
#exam_link1 > div {
  width:100%;
  display: table;
  margin-bottom:50px;
}

#exam_link1 > div > div {
  display: table-cell;
  vertical-align: top;
}

/* step● */
#exam_link1 > div > div:first-child {
  width:130px;
  margin-right:20px;
  background-color: #B286BC;
  border-right: solid 20px #ffffff;
  font-size:20px;
  color:#ffffff;
  text-align:center;
  position: relative;
  display: table-cell;
  vertical-align: middle;
}

#exam_link1 > div > div:first-child::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left:0;
  bottom: -30px;
  border-left: 65px solid transparent;
  border-right: 65px solid transparent;
  border-top: 30px solid #B286BC;
}

/* step４は矢印なし */
#exam_link1 > div.exam_step4 > div:first-child::before {
  content:none;
}

#exam_link1 > div > div:nth-child(2) h4 {
  font-size:24px;
  padding-bottom:5px;
  margin-bottom:10px;
  border-bottom:solid 1px #C4C4C4;
}

#exam_link1 > div > div:nth-child(3) {
  width:230px;
  text-align: right;
}

#exam_link1 > div.exam_step4 > div:nth-child(3) {
  width:275px;
}

/* step1 */
.exam_step1 div.step1_right {
  display: table-cell;
}

.flow1, .flow2 {
  width:100%;
  display: table;
}

.flow1 {
  padding-bottom:10px;
  margin-bottom:10px;
  border-bottom:solid 1px #c4c4c4;
}

/*　検定申し込み方法０１　０２ */
.flow1 > div:first-child,
.flow2 > div:first-child{
  display: table-cell;
  width:100px;
  background-color: #EBDBEF;
  font-size:16px;
  text-align: center;
  vertical-align: middle;
  border-right: solid 15px #ffffff;
}

.flow1 > div:last-child,
.flow2 > div:last-child {
  padding:10px 0;
}

/* 見出し */
.exam_step1 strong {
  font-size:24px;
  display: block;
  padding-bottom:10px;
}

.flow1 ul {
  margin-bottom:15px;
}

.flow1 ul li {
  font-size:16px;
  padding:0;
  margin:0 0 5px 0;
}

.flow1 a {
  display: block;
  background-color: #E3E3E3;
  width:300px;
  height:45px;
  line-height: 45px;
  text-align: center;
  transition : 0.3s;
}

.flow1 a:hover {
  background-color: #656565;
  color:#ffffff;
  transition : 0.3s;
}

.flow2_tel {
  display: table;

}

.flow2_tel img {
  width:68px;
}

.flow2_tel span {
  display: table-cell;
  font-size:38px;
  line-height:44px;
  padding: 0 15px 0 10px;
  vertical-align: middle;
  letter-spacing: 0em;
}

.flow2_tel p {
  display: table-cell;
  vertical-align: bottom;
}

/* step2　〜　step4 */
.exam_step2 a {
  display: block;
  background-color: #E3E3E3;
  width:300px;
  height:45px;
  margin-top:10px;
  line-height: 45px;
  text-align: center;
  transition : 0.3s;
}

.exam_step2 a:hover {
  background-color: #656565;
  color:#ffffff;
  transition : 0.3s;
}


/* カレンダー */

#calendar {
  max-width: 1100px;
  margin: 40px auto;
  padding: 0 10px;
}

td.fc-sat {
    background-color: #eaf4ff;
}
td.fc-sun, td.fc-hol {
    background-color: #ffeaea;
}

.holiday-name {
    width: 90px;
    font-size: 13px;
    color: red;
}

/* -----------受験についてend----------- */

/* -----------検定活用方法----------- */
.shape {
  padding:25px;
  border:solid 6px #EEEEEE;
  margin-bottom:20px;
  display: flex;
  justify-content: space-between;
}

.shape img {
  width:280px;
  height:230px;
}

.shape .shape_right_area {
  width:520px;
  display: flex;
  flex-direction: column;
}

.shape_right_area h4 {
  font-size:26px;
  border-bottom:solid 1px #707070;
  margin-bottom:10px;
}

.shape_right_area p {
  font-size:14px;
  letter-spacing: 0.1em;
}

.shape_right_area ul.shape_recommend {
  margin-top:auto;
  height:50px;
  display: flex;
}

ul.shape_recommend li {
  height:50px;
  line-height:50px;
  font-size:14px;
  text-align:center;
}

ul.shape_recommend li a {
  display:block;
  width:100%;
  height:100%;
}

ul.shape_recommend li:first-child {
  width:120px;
  background-color:#EEEEEE;
  margin-right:15px;
  position: relative;
}

ul.shape_recommend li:first-child::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left:100%;
  bottom: 0;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  border-left: 10px solid #EEEEEE;
}

ul.shape_recommend li:nth-of-type(n + 2) {
  width:188px;
}

ul.shape_recommend li:nth-of-type(2) {
  margin-right:5px;
}

.shape_link_area {
  width:720px;
  margin:0 auto;
}
/* -----------検定活用方法end----------- */


/* -----------協会について----------- */
/* ABOUT */
.about_about_area {
  display: flex;
  justify-content: right;
  position: relative;
}

.about_about_area img {
  width:280px;
  height:fit-content;
  position: absolute;
  top: 50%;
  left:0;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
}

.about_about_area p {
  width:580px;
}

/* 7つのポイント */
ul.about_point_area {
  display: flex;
  justify-content: center;
  /* grid-column-gap:30px; */
}

ul.about_point_area li {
  width:180px;
  height:180px;
  border-radius: 90px;
  background-color:#EBDBEF;
  margin-top:0;
  margin-bottom:0;
  font-size:22px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}


ul.area_bottom{
  margin-bottom:25px;
}

.about_results_area h4 {
  font-size:26px;
  margin-bottom:15px;
}

.about_results_area ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  grid-row-gap: 20px;
  margin-bottom:50px;
}

.about_results_area ul li {
  width:280px;
  height:190px;
  margin:0;
  padding:0;
}

.about_results_area ul li img {
  width:fit-content;
  height:fit-content;
}

/* -----------協会についてend----------- */


/* -----------活動情報----------- */

.news_column {
 display: flex;
 justify-content: space-between;
 flex-direction: row-reverse;
}


/* カテゴリ部分（右側） */
.news_category_area {
  width:260px;
}

/* カテゴリー */
.news_category_area .category {
  width: calc(100% - 40px);
  border:solid 6px #EEEEEE;
  padding:14px;
  margin-bottom:20px;
}

.check{
  display: none;
}

.label{
  display: block;
  align-items: center;
  padding-bottom:10px;
  margin-bottom: 13px;
  height: 30px;
  font-size:20px;
  text-align: center;
  border-bottom:solid 1px #707070;
}

/* クリック時に表示されるテキスト */
.text {
  display: grid;
  gap:10px;
  margin-bottom: 12px;
}

.text li {
  margin-left:30px;
  font-size:16px;
}

.text li:before {
  content:"＞";
  padding-right:3px;
}

/* クリック時のスタイル */
.check:checked + .label + .text{
  height: 30px;
  padding: 20px;
}


/* リンクバナー */
.news_category_area .category_link ul {
  display: grid;
  gap:10px;
}

.news_category_area .category_link img {
  width:100%;
}


/* 記事部分（左側） */
.news_article_area {
  width:600px;
}

.news_article_area article {
  margin-bottom:50px;
}

.news_article_area article h3 {
  font-size:20px;
  margin-bottom:8px;
}

.news_article_area dl {
  height:20px;
  display: flex;
  justify-content: space-between;
  vertical-align: middle;
  margin-bottom:8px;
}

.news_article_area dl dt {
  display: flex;
  justify-content: flex-start;
  gap:5px;
}

.news_article_area dl dt img {
  width:70px;
  height:20px;
}

.news_article_area dl dd span {
  font-size:12px;
  text-align: right;
}

.news_article_area img:not(.news_article_area dl img) {
  width:600px;
}

.news_article_area p {
  padding:10px 0;
}

.news_article_area ul.category_type {
  border-top:solid 1px #707070;
  padding-top:10px;
  display: flex;
  justify-content: flex-start;
  gap:10px;
}

.news_article_area ul.category_type li {
  width:80px;
  height:30px;
  line-height: 30px;
  font-size:12px;
}
.news_article_area ul.category_type li a {
  display: block;
  width:100%;
  height:100%;
}

/* ページャー */
.news_pager_area {
  width:500px;
  height:50px;
  margin:0 auto;
}

.news_pager_area ul {
  width:100%;
  height:50px;
  display: flex;
  justify-content: center;
  gap:17px;
}

.news_pager_area ul li {
  width:50px;
  line-height: 50px;
  text-align:center;
  font-size:24px;
}

.news_pager_area ul li a:not(.pre a, .next a) {
  display: block;
  width: 100%;
  height:100%;
}

.news_pager_area ul li.active {
  border:none;
  background-color:#EEEEEE;
}

.news_pager_area ul li.pre,
.news_pager_area ul li.next {
  width: auto;
  font-size:16px;
}

.news_pager_area ul li.pre a::before {
    content:"＜";
    padding-right:3px;
}

.news_pager_area ul li.next a::after {
    content:"＞";
    padding-left:3px;
}
/* -----------活動情報end----------- */



/* -----------会員制度----------- */

.licence_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap:22px;
}

.licence_list li {
  width:417px;
  border:solid 6px #eeeeee;
  margin-left:0px !important;
  margin-bottom:0px !important;

}

.licence_list li a {
  display: block;
  padding:24px;
  transition: 0.3s ;
}

.licence_list li a img {
  width:100%;
  margin-bottom:5px;
  transition: 0.3s ;
}

.licence_list li a img:hover {
    opacity: 0.5 ;
}

.licence_list li a span {
  font-size:20px;
}

/* -----------会員制度end----------- */



/* -----------講師募集----------- */

.recruit_exp {
  display: flex;
  justify-content: space-between;
  margin-bottom:35px;
}

.recruit_exp article {
  display: block;
  width:660px;
}

.recruit_exp article h4 {
  font-size:30px;
  margin-bottom:15px;
}


.recruit_main h3 {
  border:none !important;
  text-align: center !important;
  display: block !important;
}


.recruit_main dl {
  border:solid 1px #C4C4C4;
  border-bottom:none;
  display: flex;
  flex-wrap: wrap;
  vertical-align: middle;
}

.recruit_main dl dt {
  width:199px;
  background-color:#F5F5F5;
  font-size:20px;
  font-weight: bold;
  text-align: center;
  border-right:solid 1px #C4C4C4;
  border-bottom:solid 1px #C4C4C4;
  display: flex;
align-items: center;
justify-content: center;
text-align: center;
}


.recruit_main dl dd {
  width:648px;
  padding:15px;
  border-bottom:solid 1px #C4C4C4;
  font-size:16px;
}

/* -----------講師募集end----------- */

/* -----------お問い合わせフォーム----------- */
/* 共通 */
.form_tab_area {
  width:100%;
}

.form_tab_area .form_link {
  width:100%;
  display: flex;
  justify-content: space-between;
}

.form_tab_area .form_link li {
  width:285px;
  height:60px;
  line-height:60px;
  background-color: #EBDBEF;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  font-size:18px;
  font-weight: bold;
  text-align: center;
}

.form_tab_area .form_link li.active {
  background-color: #B286BC;
  color:#ffffff;
}

.form_tab_area .form_link li a {
  display: block;
  width:100%;
  height:100%;
  line-height:60px;
  text-align: center;
}

/* フォーム枠内 */
.form_area {
  width:868px;
  border:solid 6px #EEEEEE;
  padding-top:60px;
  padding-bottom:78px;
}

.form_area h3 {
  display: block;
  width:700px;
  height:60px;
  margin:0 auto 35px;
  font-size:30px;
  text-align: center !important;
}

.form_area form {
  width:620px;
  margin:0 auto;
}

.form_area form span {
  font-size:18px;
}

.form_area form small {
  font-size:14px;
  padding-left:0.5em;
}

.form_area form strong {
  font-size:18px;
  color:#FF0000;
}

.form_area form select,
.form_area form input {
  display: block;
  width:calc(100% - 22px);
  height:20px;
  padding:10px;
  margin-top:5px;
  margin-bottom:25px;
  border-color: #707070;
  border: solid 1px #707070;
  font-size:18px;
  color:#707070;
}

.form_area form select {
  width:620px;
  height: 40px;
  padding:0 10px;
  background-color: #EEEEEE;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.select-wrap {
  position: relative;
}

.select-wrap:after {
  content: "";
  position: absolute;
  right: 15px;
  top: 17px;
  width: 10px;
  height: 10px;
  border-top: 2px solid #707070;
  border-left: 2px solid #707070;
  transform: translateY(-50%) rotate(-135deg);
  font-size: 20px;
  pointer-events: none;
}

/* ラジオボタン部分 */
.form_area form ul.radio_area {
  width:100%;
  height:50px;
  margin-bottom:25px;
  display: table;
}

.form_area form ul.radio_area li {
  display: table-cell;
  vertical-align: middle;
  font-size:18px;
}

.form_area form ul.radio_area li:nth-child(1),
.form_area form ul.radio_area li:nth-child(3) {
  width:35px;
}

.form_area form ul.radio_area li:nth-child(2){
  width:82px;
}

.form_area form ul.radio_area li:nth-child(4){
  width:3em;
}

.form_area form ul.radio_area span {
  font-size:16px;
  display: block;
}

.form_area form input[type="radio"] {
  width:30px;
  height:30px;
  margin-right: 5px;
  margin-top:0 !important;
  margin-bottom:0 !important;
  display: inline;
  position: relative;
  top: 2px;
  accent-color: #747474;
}

.form_area form label {
  font-size:18px;
}

.form_area input.day_number_seminar {
  width:160px;
}

.form_area input.day_number_experience {
  width:2em !important;
}

.form_area input.day_number {
  width:200px !important;
}

.form_area input.post_number {
  width:200px !important;
  margin-bottom:5px !important;
}

/* ご質問ご不明点など */
.form_area textarea {
  width:100%;
  height:150px;
  resize:vertical;
  margin-top:5px;
  margin-bottom:25px;
  border-color: #707070;
  border: solid 1px #707070;
}

/* 受験規約に同意する */
.form_area ul.agree {
  width:210px !important;
  margin:0 auto;
}

.form_area form ul.agree li:nth-child(2){
  width:auto;
}

.form_area form ul.agree li label a {
  color:#B286BC;
}

/* 送信ボタン */
.form_area form input[type="submit"] {
  width:216px;
  height:60px;
  margin:0 auto;
  border:none !important;
  position: relative;
}



/* -----------お問い合わせフォームend----------- */

/* -----------お問い合わせ　確認画面 完了画面----------- */
.form_area form p {
  text-align:center;
  margin-bottom:25px;
}

.form_area form dl {
  display: flex;
  border:solid 1px #707070;
  border-bottom:0px;
}
.form_area form dl.last {
  border-bottom:solid 1px #707070;
  margin-bottom:25px;
}

.form_area form dl dt,
.form_area form dl dd {
  padding:15px;
  vertical-align: middle;
}

.form_area form dt {
  width:177px;
  border-right:solid 1px #707070;
  background-color:#EBEBEB;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.form_area form dd {
  width:380px;
}

.form_area ul.submit {
  width:490px;
  margin:0 auto;
  display: flex;
  justify-content: space-between;

}

.form_area ul.submit li {
  position: relative;
  width:216px;
  height:60px;
  background-color: #EBDBEF;
  transition : 0.3s;
}

/* -----------お問い合わせ　確認画面 完了画面end----------- */


/* -----------合格者一覧----------- */

ul.pass_list li {
  font-size:20px;
  font-family:serif;
  padding-bottom:10px;
}

ul.pass_list li a::before {
  content:"■";
  padding-right:0.5em;
}

ul.pass_list_person {
  display: flex;
  flex-wrap: wrap;
}

ul.pass_list_person li {
  width:40%;
  font-size:20px;
  font-family:serif;
  padding-bottom:10px;
}

ul.pass_list_person li::before {
  content:"■";
  padding-right:0.5em;
}


ul.teacher_list li {
  font-size:20px;
  font-family:serif;
  padding-bottom:10px;
}

ul.teacher_list li::before {
  content:"■";
  padding-right:0.5em;
}

/* -----------合格者一覧end----------- */