@charset "UTF-8";

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

/* -----------トップページ----------- */
/* TOP　大見出し共通 */
h3.top {
  font-size:min(8.80vw, 40px);
  text-align: center;
  letter-spacing: 0.1em;
  border:none !important;
}


/* TOP　イメージ画像 */
.topimage_area_top {
  margin-bottom:2vmax;
}

/* TOP 活動情報 */
.top_news {
  width:94%;
  margin-bottom:2vmax;
}

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

.top_news ul li {
  height:40px;
  line-height: 40px;
  font-size: min(2.93vw, 20px);
}

.top_news ul li:first-child {
  width:20%;
  border-right:solid 1px #707070;
  margin-right:2%;
  text-align: center;
}

.top_news ul li:nth-of-type(n + 2) {
  width:55%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-right:1%;
}

.top_news ul li:nth-of-type(n + 3) {
  width:18%;
  border:solid 1px #707070;
}

.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 min(7vw, 30px), #f6f6f6 min(7vw, 30px),  #f6f6f6 100%);
  padding-bottom:2vmax;
  margin-bottom:3vmax;
}

.top_cert_introduction h3.top {
  margin-bottom:2vmax;
}

.top_cert_introduction div {
  width:94%;
  margin:0 auto;
}

.top_cert_introduction div figure {
  width:100%;
  margin-bottom:3vmax;
}

.top_cert_introduction div figure h4.top {
  font-size:min(5vw, 20px);
  font-weight: bold;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border:solid 1px #707070;
  margin:2vw 0;
  height:10vw;
}

.top_cert_introduction div figure img {
}

.top_cert_introduction div figcaption {
  font-size:min(3.87vw, 16px);
  letter-spacing: 0.15em;
  line-height: 1.3em;
  text-align: justify;
}

/*　TOP 協会について */
.top_about {
  width:90%;
  margin:0 auto 4vmax;
}

.top_about h3.top {
  margin-bottom:2vmax;
}
.top_about p {
  text-align: center;
  font-size:1rem;
  letter-spacing: 0.02em;
  line-height: 2em;
  margin-bottom:2vmax;
}

.top_about div {
  width:240px;
  height:50px;
  margin:0 auto;
  border:solid 1px #707070;
  border-radius: 25px;
}

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

/* TOP バナーエリア */
.top_banner {
  width:94%;
  margin:0 auto 4vmax;
}

.top_banner ul {}
.top_banner_list {
  margin-bottom:2vmax;
}

.top_banner_list li {
  width:100%;
  margin-bottom:2vmax;
}

.top_link_list {
  display: flex;
  justify-content: space-between;
  flex-wrap:wrap
}
.top_link_list li {
  width:49%;
  margin-bottom:1.2vmax;
  height: 16vw;
}
.top_link_list li {
  background-color: #EBDBEF;
}
.top_link_list li:hover {
  background-color: #B286BC;
  color:#FFFFFF;
}

.top_link_list li a {
  display: block;
  width:100%;
  height:100%;
  text-align: center;
  font-size:min(4.27vw, 24px);
  display: flex;
  justify-content: center;
  align-items: center;
}

.top_link_list li a:hover {
  color:#FFFFFF
}

/* TOP facebook　検定日程情報 */
.top_update {
  width:94%;
  margin:0 auto 4vmax;
  display: flex;
  flex-direction: column;
}

.top_update h3.top {
  margin-bottom:1.5vmax;
}
.fb-page {
  width:100%;
}

.top_update div {
  margin-bottom:2vmax;
}

.top_update div ul {
  margin:10px auto;
}

.top_update .top_update_facebook {
  order:2;
  width:100%;
  text-align: center;
}
.fb-page {  z-index: 1;}
.top_update_news {
  order:1;
}
.top_update_news div {
  border:solid 1px #707070;
  overflow: scroll;
  padding:0 4%;
  height:400px;
}

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

.top_update div ul li dl {
  display:  grid;
  grid-template-columns: auto 1fr;
  font-size:min(2.93vw, 16px);
  letter-spacing: 0.05em;
  gap:15px;
  align-items: center;
}

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


/* -----------サブページ共通----------- */
/* イメージ画像 */
.topimage_area {
  width:100%;
  background: no-repeat url("../img/topimage_back_sp.png");
  background-size:cover;
  padding-top:46%;
  position: relative;
  margin-bottom:3.87vw;
}

.topimage_area h2 {
  font-size: 6.67vw;
  text-shadow: 5px 5px 2px  rgba(0,0,0,11%);
  width:100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  text-align:center;
}

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

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

/* ページ内リンクタブ */
.toptab_area {
  margin:0 5.33vw 4vw;
}

.toptab_area ul {
  width:100%;
  display: grid;
  grid-template-columns:1fr 1fr;
  gap:2.67vw;
}

.toptab_area ul li {
  width:auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

/* メインコンテンツ部分 */
.maincontents_area {
    margin:0 5.33vw 8vw;
}

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

h3, .maintext h3 {
  font-size: min(5.60vw, 42px);
  border-bottom:solid 1px #707070;
  padding:5px 0;
  margin-bottom:2vw;
}

h3 {
  margin-bottom:4vw;
}


.maintext ul.disc {
  list-style: disc;
}

.maintext ul li {
  margin-left:5.33vw;
  margin-bottom:10px;
}


/* 別ページ遷移ボタン */
.contents_link_area {
  margin:3vw auto 4vw;
}

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

.contents_link_area li {
  width:50%;
}
.contents_link_area li a {
  display: block;
  width: 100%;
  line-height: 13vw;
  font-size: min(3vw, 18px);
  letter-spacing: 0.02em;
}
/* -----------サブページ共通end----------- */



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

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


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

.hairarrange div {

}

.hairarrange div article {
  width:100%;
  margin-bottom:2vw;
}

/* 検定名 */
.hairarrange div article h4 {
  border-bottom:solid 1px #707070;
  padding:5px 0;
  margin-bottom:10px;
  font-size: min(5.60vw, 38px);
  text-align:center;
}



.hairarrange dl {
  border:solid 1px #C4C4C4;
  padding:3vw;
}

.hairarrange dl dt {
  width:auto;
  padding-bottom:2vw;
  border-bottom:solid 1px #C4C4C4;
  font-size: min(4.27vw, 30px);
  text-align:center;
}

.hairarrange dl dd {
  padding:2vw 0 2vw 1.3vw;
  font-size: clamp(12px, 2.67vw, 18px);
  line-height: 1.7em;
  letter-spacing: 0.04em;
}

/* 注釈のインデント調整 */
.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(3) {
  width:100%;
  background:#EEEEEE;
  font-size: min(3.73vw, 20px);
  text-align:center;
  display: table;
  padding:3% 0;
}

.hairarrange dl dd:nth-child(3) div {
  display: table-cell;
  vertical-align: middle;
  padding:2% 0;
  text-align: center;
}

.hairarrange dl dd:nth-child(3) div:first-child {
  width:30%;
  border-right:solid 1px #C4C4C4;
}

.hairarrange dl dd:nth-child(3) strong {
  font-size: min(5.60vw, 42px);
}

.hairarrange dl dd:nth-child(3) small {
　font-size: min(2.67vw, 14px);
}
.hairarrange dl dd.kids {
  display: flex;
}

.hairarrange dl dd.kids div.sp {
  display: flex !important;
  justify-content: center;
  align-items: center;
  padding: 0 1em;
  letter-spacing: 0;
}

.hairarrange dl dd.kids div:nth-child(2) {
  width: calc(100% - 2em);
  padding:0 3%;
}

.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: min(6.13vw, 38px);
  text-align:center;
  margin-bottom:2vmax;
}

.cert_link_area ul {
  display: block;
}

.cert_link_area ul li {
  margin-bottom:1vmax;
}

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

/* -----------受験について----------- */
article.exam_step {
  width: calc(100% - 8vw);
  background-color:#F6F6F6;
  padding:4vw;
  position: relative;
  margin-bottom:14vw;
}

article.last {
  margin-bottom:0;
}

article.exam_step:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 50%;
  right: 50%;
   transform: translateY(-50%) translateX(-50%);
  bottom: -16vw;
  border-left: 8vw solid transparent;
  border-right: 8vw solid transparent;
  border-top: 9vw solid #E3E3E3;
}

article.last:before {
  content:none;
}

article.exam_step h4 {
  font-size: min(8.80vw, 66px);
  text-align:center;
  line-height:11vw;
}

article.exam_step h5 {
  font-size: min(5.33vw, 40px);
  text-align:center;
  margin-bottom:3vw;
}

article.exam_step h5.nospace {
  margin-bottom:0;
}

article.exam_step p {
  font-size: min(3.2vw, 24px);
  margin-bottom:3vw;
}

.step1_flow {
  width:100%;
  background-color:#E3E3E3;
  font-size: min(4.8vw, 36px);
  text-align:center;
  padding:1.3vw 0;
  margin-bottom:3vw;
}

.exam_short {
  text-align:center;
  font-size: min(3.2vw, 24px);
  margin-bottom:3vw;
}

.exam_step ul {
  margin-bottom:3vw;
}

.exam_step ul li {
  font-size: min(3.2vw, 24px);
  padding:0;
  margin-left:0;
}

/* 注釈のインデント調整 */
.exam_step ul li .notes_head {
  display: table-cell;
  vertical-align: top;
  white-space: nowrap;
}

.exam_step ul li .notes_body {
  display: table-cell;
  vertical-align: top;
}


.exam_step a {
  display: block;
  font-size: min(3.73vw, 28px);
  text-align:center;
  padding:2.7vw 0;
  margin:0 6vw 4vw;
}

.flow2_tel {
  display: flex;
  margin-bottom:1vw;
}

.flow2_tel img {
  width:14.13vw;
  height:9.33vw;
}

.flow2_tel span a {
  padding:0;
  margin:0;
  font-size: min(8.80vw, 66px);
  padding-left:1.5vw;
  line-height: 9.33vw;
}

.exam_short_tel {
  text-align:center;
  font-size: min(3.73vw, 28px);
}


#calendar {
  height:550px;
}

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

/* -----------検定活用方法----------- */
.shape {
  padding:3.87vw;
  border:solid 6px #EEEEEE;
  margin-bottom:2.67vw;
}

.shape .shape_right_area {}

.shape_right_area h4 {
  width:100%;
  font-size: min(5.60vw, 42px);
  text-align: center;
  border-bottom:solid 1px #707070;
  margin-bottom:3.33vw;
  padding:2.6vw 0;
}

.shape_right_area p {
  font-size: min(3.2vw, 24px);
  letter-spacing: 0.1em;
  margin-bottom:4.6vw;
}

.shape_right_area ul.shape_recommend {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2.67vw;
}

ul.shape_recommend li {
  font-size: min(3.2vw, 24px);
  text-align:center;
}

ul.shape_recommend li span {
  display: flex;
  height:100%;
}

ul.shape_recommend li span a {
  display:block;
  width:100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

ul.shape_recommend li:first-child {
  width:100%;
  height:8vw;
  line-height:8vw;
  font-size: min(4.27vw, 32px);
  background-color:#EEEEEE;
}


ul.shape_recommend li:nth-of-type(n + 2) {
 width: calc(50% - 2vw);
 font-size: min(3.2vw, 24px);
 line-height: 1.3em;
 height:12vw;
 position: relative;
}


.shape_link_area {
  margin-top:5vw;
}

/* -----------検定活用方法end----------- */

/* -----------協会について----------- */
/* ABOUT */
.about_about_area {
text-align:center;
 }

.about_about_area img {
  width:90%;
  margin:3vw;
}

.about_about_area p {
}

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

ul.about_point_area li {
  width:26.93vw;
  height:26.93vw;
  border-radius: 13.465vw;
  background-color:#EBDBEF;
  margin:0 !important;
  font-size: min(3.2vw, 24px);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

ul.area_top {
  padding-top:2vw;
}

ul.area_bottom{
  margin-bottom:3vw;
}

.about_results_area {
  padding-top:3vw;
}

.about_results_area h4 {
  font-size: min(5.60vw, 42px);
  margin-bottom:2vw;
}

.about_results_area ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  grid-row-gap: 2.67vw;
  margin-bottom:8vw;
}

.about_results_area ul li {
  width: calc(50% - 1.335vw);
  margin:0;
  padding:0;
}

.about_results_area ul li img {

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

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

.news_column {
 display: block;
}


/* カテゴリ部分（右側） */
.news_category_area {
  width:100%;
  position: relative;
  margin-bottom:3vw;
}

/* カテゴリー */
.news_category_area .category {
  border:solid 1px #707070;
  border-bottom:none;
}

.check{
  display: none;
}

.label{
  display: block;
  align-items: center;
  height: 13vw;
  font-size: min(4.27vw, 32px);
  line-height:13vw;
  text-align: center;
  border-bottom:solid 1px #707070;
}

.label span {
  position: relative;
}

.label span:after {
  content:"＞";
  display: inline-block;
  transition:transform 0.3s ease;
  margin-left:4px;
}

/* クリック時に表示されるテキスト */
.text {
  display: block;
  /*通常時は見えなくする*/
  overflow: hidden;
  /*  通常時は高さ0を指定  */
  width:calc(100% - 2px);
  height: 0;
  transition: 0.5s;
  position: absolute;
  left:0;
  background: #FFFFFF;
  border-right:solid 1px #707070;
  border-left:solid 1px #707070;
}

.text li {
  height:10vw;
  font-size: min(4.27vw, 32px);
  line-height:10vw;
  text-align: center;
  border-bottom:solid 1px #707070;
}

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

/* クリック時のスタイル */
.check:checked + .label + .text{
  height: calc(30vw + 3px);
}

.check:checked + .label span:after {
    transform:rotate(90deg);
}

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

.news_article_area article {
  margin-bottom:10vw;
}

.news_article_area article h3 {
  font-size: min(5.07vw, 38px);
  margin-bottom:1.2vw;
}

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

.news_article_area dl dt {
  display: flex;
  justify-content: flex-start;
  gap:1.2vw;
}

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

.news_article_area dl dd span {
  font-size: min(3.2vw, 18px);
  text-align: right;
}

.news_article_area img:not(.news_article_area dl img) {
  width:100%;
}

.news_article_area p {
  width:100%;
  display: block;
  padding:1.6vw 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:100%;
  height:9.33vw;
  margin:0 auto;_
}

.news_pager_area ul {
  width:100%;
  height:9.33vw;
  display: flex;
  justify-content: center;
  gap:3vw;
}

.news_pager_area ul li {
  width:9.33vw;
  line-height: 9.33vw;
  text-align:center;
  font-size: min(4.53vw, 34px);
}

.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: min(2.93vw, 22px);
}

.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:2.93vw;
}

.licence_list li {
  width:calc(100% - 12px);
  border:solid 6px #eeeeee;
  margin-left:0px !important;
  margin-bottom:0px !important;

}

.licence_list li a {
  display: block;
  padding:3.2vw;
  transition: 0.3s ;
}

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

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

.licence_list li a span {
  font-size: min(5.60vw, 42px);
}

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


/* -----------講師募集----------- */
.recruit_exp {
  margin-bottom:3.8vw;
}

.recruit_exp h4 {
  padding:2.7vw 0;
  font-size: min(4.8vw, 36px);
  text-align:center;
}

.recruit_main dl {
  border:solid 1px #C4C4C4;
  border-bottom:none;
}

.recruit_main dl dt {
  padding:0.93vw 0;
  background-color:#F5F5F5;
  font-size: min(3.2vw, 24px);
  font-weight: bold;
  text-align: center;
  border-bottom:solid 1px #C4C4C4;
}


.recruit_main dl dd {
  padding:2vw;
  border-bottom:solid 1px #C4C4C4;
  font-size: min(3.2vw, 24px);
}

.recruit_main dl dd strong {
  font-weight: bold;
}


/* -----------講師募集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:28.67vw;
  height:13.33vw;
  line-height:13.33vw;
  background-color: #EBDBEF;
  border-top-left-radius: 1.33vw;
  border-top-right-radius: 1.33vw;
  font-size: min(3.73vw, 28px);
  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:13.33vw;
  text-align: center;
}

/* フォーム枠内 */
.form_area {
  width:calc(100% - 1.6vw);
  border:solid 0.8vw #EEEEEE;
  padding-top:4.5vw;
  padding-bottom:6vw;
}

.form_area h3 {
  display: block;
  width: calc(100% - 11.46vw);
  height:8vw;
  margin:0 auto 3.3vw;
  font-size: min(4.8vw, 36px);
  text-align: center !important;
}

.form_area form {
  width: calc(100% - 11.46vw);
  margin:0 auto;
}

.form_area form span {
  font-size: min(3.2vw, 24px);
}

.form_area form small {
  font-size: min(2.4vw, 18px);
  /* padding-left:0.5em; */
}

.form_area form strong {
  font-size: min(3.2vw, 24px);
  color:#FF0000;
  padding-right:0.5em;
}

input[type="button"],
input[type="text"],
input[type="submit"],
input[type="tel"],
input[type="email"],
input[type="date"],
textarea {
  border-radius: 0;
  -webkit-appearance: none;
}

input[type="date"] {
  background-color:#ffffff;
}

.form_area form select,
.form_area form input {
  display: block;
  width:calc(100% - 2.66vw - 2px);
  height:4.67vw;
  padding:1.33vw;
  margin-top:0.67vw;
  margin-bottom:3.33vw;
  border-color: #707070;
  border: solid 1px #707070;
  font-size: min(3.2vw, 24px);
  color:#707070;
}

.form_area form select {
  width:100%;
  height:calc(7.5vw + 2px);
  padding:0 1.33vw;
  background-color: #EEEEEE;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.form_area form input[type="date"] {
  height:7.33vw;
  padding:0 1.33vw;
  text-align: left;
  line-height: 7.33vw;
}

input[type="date"]::-webkit-date-and-time-value {
    text-align: left;
}

.select-wrap {
  position: relative;
}

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

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

.form_area form ul.experience_sp {
  height:7.33vw;
}

.form_area form ul.experience_sp input {
  margin-top:0;
  margin-bottom:0;
}

.form_area form ul.radio_area li {
  display: table-cell;
  vertical-align: middle;
  font-size: min(3.07vw, 23px);
}

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

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

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

.form_area form ul.radio_area span {
  font-size: min(2.67vw, 20px);
  display: block;
}

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

.form_area form label {
  font-size: min(3.2vw, 24px);
}

/* 試験日と別日希望の場合 */
.form_area input.day_number_seminar {
  width:12em;
}

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

.form_area input.day_number {
  width:12em !important;
}

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

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

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

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

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

/* 送信ボタン */
.form_area form input[type="submit"] {
  font-size: min(4.27vw, 18px);
  width:43.33vw;
  height:13.33vw;
  margin:0 auto;
  border:none !important;
}

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


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

.form_area form dl {
  font-size:min(3.87vw, 16px);
  display: flex;
  border:solid 1px #707070;
  border-bottom:0px;
}
.form_area form dl.last {
  border-bottom:solid 1px #707070;
  margin-bottom:3vw;
}

.form_area form dl dt,
.form_area form dl dd {
  font-size:min(3.87vw, 16px);
  padding:1.5vw;
  vertical-align: middle;
  display: flex;
  align-items: center;
}

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

.form_area form dd {
  width:75%;
}

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

}

.form_area ul.submit li {
  position: relative;
  width:45%;
  height:13.33vw;
  background-color: #EBDBEF;
  transition : 0.3s;
}

.form_area ul.submit li input[type="submit"] {
  width:100%;
}



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

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

ul.pass_list li {
  font-size:min(4.8vw, 36px);
  font-family:serif;
  padding-left:0;
  margin-left:0;
  padding-bottom:10px;
}

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

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

ul.pass_list_person li {
  width:50%;
  font-size:min(4.8vw, 36px);
  font-family:serif;
  padding-left:0;
  margin-left:0;
  padding-bottom:10px;
}

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

ul.teacher_list li {
  font-size:min(4.8vw, 36px);
  font-family:serif;
  padding-left:0;
  margin-left:0;
  padding-bottom:10px;
}

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

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