/* bradcam_area */
.bradcam-title {
  font-size: 3em !important;
}

.bradcam_bg_1 {
  background-image: url(../../images/bc/bradcam27.jpg);
}

.bradcam_area {
  background-size: cover;
  background-position: top center;
/*padding: 280px 0 150px 0;*/
  padding: 100px 0;
  background-repeat: no-repeat;
  position: relative;
  z-index: 0;
}

.bradcam_area::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #001D38;
  opacity: .4;
  z-index: -1;
  content: '';
}

@media (max-width: 767px) {
  .bradcam_area {
/*  padding: 150px 0;*/
    padding: 60px 0;
  }
}

.bradcam_area h3 {
  font-size: 60px;
  color: #fff;
  font-weight: 300;
  margin-bottom: 0;
  text-transform: capitalize;
}

@media (max-width: 767px) {
  .bradcam_area h3 {
/*  font-size: 30px;*/
    font-size: 2em !important;
  }
}

.bradcam_area p {
  font-size: 18px;
  color: #fff;
  font-weight: 400;
  text-transform: capitalize;
}

.bradcam_area p a {
  color: #fff;
}

.bradcam_area p a:hover {
  color: #fff;
}

/* titlebar */
p.lead {
  border-bottom: solid 2px #50892e;
  position: relative;
}

p.lead:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 2px #1182c5;
  bottom: -2px;
  width: 30%;
}

/* photozoom */
.zoom {
  overflow: hidden;
}

.zoom img {
  display: block;
  -moz-transition: -moz-transform 0.2s linear;
  -webkit-transition: -webkit-transform 0.2s linear;
  -o-transition: -o-transform 0.2s linear;
  -ms-transition: -ms-transform 0.2s linear;
  transition: transform 0.2s linear;
}

.zoom img:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.zoom img {
  margin-bottom: 0;
}

/*
　テストセンターからのお知らせ
----------------------------------*/
.test-row {
    width: 94%;
    max-width: 1170px;
    margin: 0 auto;
}

.test-row ul.test-news {
  margin-left: 0rem;
}

/*各タイトル*/
.heading-28 {
  color: #333333;
  font-weight: 400;
  font-size: 2rem;
  letter-spacing: .04em;
  text-align: center;
  /* margin-bottom: 50px; */
}

.heading-28::before {
  display: block;
  font-weight: 700;
  font-size: 3.5rem;
  line-height: 1.5;
  letter-spacing: .02em;
  content: attr(data-label);
}

.heading-28 span {
  color: #67B83E;
}

/* 経営理念概要 */
/* .philosophy-text {
  padding-bottom: 30px;
} */


/* タイトル（下線吹き出し風） */
/* .heading-21 {
  position: relative;
  padding: .5em .7em .4em;
  border-bottom: 3px solid #2589d0;
  color: #333333;
} */

/* .heading-21::before,
.heading-21::after {
  position: absolute;
  left: 30px;
  bottom: -15px;
  width: 30px;
  height: 15px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  content: '';
} */

/* .heading-21::before {
  background-color: #2589d0;
} */

/* .heading-21::after {
  bottom: -11px;
  background-color: #fff;
} */

/* .phi-text {
  font-size: 1.9rem;
  line-height: 1.5;
  padding-left: 20px;
} */

#content-wrap {
  padding-bottom: 100px !important;
}


/*
　各種試験のご案内
----------------------------------*/
.row {
  max-width: 950px;
  width: 94%;
  margin: 0 auto;
}

.test-info {
  margin-bottom: 50px;
}

h1.test-info-title {
  background: #c2edff;
  padding: 0.5em;
  font-size: 1.6em;
}

.test-flexbox {
  display: flex;
  margin-bottom: 20px;;
}

.test-item1 {
  width: 77.777%;
  margin-right: 20px;
}

.test-item2 {
  width: 22.222%;
}

/*受験者ページ、問い合わせボタン*/
.test-button a {
    background: #67B83E;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    /* margin: 0 auto; */
    margin-left: auto;
    margin-right: 0px;
    /* max-width: 280px; */
    max-width: 360px;
    /* padding: 10px 25px; */
    padding: 5px 25px;
    /* color: #313131; */
    color: #fff;
    transition: 0.3s ease-in-out;
    font-weight: 500;
}

.test-button a:hover {
    background: #5CEB13;
    color: #FFF;
}

.test-button a:after {
    content: '';
    width: 5px;
    height: 5px;
    /* border-top: 3px solid #313131; */
    /* border-right: 3px solid #313131; */
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}

.test-button a:hover:after {
    border-color: #FFF;
}

.test-button2 a {
    background: #3098C5;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    /* margin: 0 auto; */
    margin-left: auto;
    margin-right: 0px;
    /* max-width: 280px; */
    max-width: 360px;
    /* padding: 10px 25px; */
    padding: 5px 25px;
    /* color: #313131; */
    color: #fff;
    transition: 0.3s ease-in-out;
    font-weight: 500;
}

.test-button2 a:hover {
    background: #00ACF6;
    color: #FFF;
}

.test-button2 a:after {
    content: '';
    width: 5px;
    height: 5px;
    /* border-top: 3px solid #313131; */
    /* border-right: 3px solid #313131; */
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}

.test-button2 a:hover:after {
    border-color: #FFF;
}


@media screen and (max-width:480px) {
  .test-flexbox {
    display: flex;
    flex-direction: column-reverse;
  }
  
  .test-item1 {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 30px;
  }
  
  .test-item2 {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }

    .test-item2 img {
    width: 50%;
    }

  /*受験者ページ、問い合わせボタン*/
  .test-button a {
    margin: 0 auto;
  }

  .test-button2 a {
    margin: 0 auto;
  }
} 


/*
　所在地のご案内
----------------------------------*/
.test-map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 25%; /*高さを設定 100%:25%*/
  margin-bottom: 20px;
}

.test-map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.test-address {
  padding: 0 20px;
}

@media screen and (max-width:480px) {
  .col-six {
    padding: 0px 0px;
  }

.test-map {
  padding-top: 75%;
}

  .test-address {
    padding: 0;
  }
}


/*来場についての注意事項*/
.test-acc-title01 h2 {
  color: #fff;
  padding: 0.3em 1em 0.4em 0.5em;
  display: inline-block;
  line-height: 1.3;
  background: #ff0000;
  vertical-align: middle;
  border-radius: 25px 0px 0px 25px;
  font-size: 1.1em;
  font-weight: normal;
/*↓タイトル内のテキストが改行になった場合に●の下にテキストを表示させない*/
  display: flex; /* Flexコンテナにする */
  align-items: flex-start; /* 最初の行の上端に揃える */
}

.test-acc-title01 h2:before {
  content: '●';
  color: white;
  margin-right: 8px;
}

ul.notice {
    margin-left: 0;
}

ul.notice li {
  list-style: none; /* リストマーカーを非表示にする */
  position: relative; /* 擬似要素の基準点とする */
  padding-left: 20px; /* アスタリスクを表示するための余白 */
}

ul.notice li::before {
  content: "※"; /* 挿入する文字を指定 */
  position: absolute; /* 絶対配置で位置調整 */
  left: 0; /* 左端に配置 */
  top: 0; /* 上端に配置 */
  color: #ff0000;
}

.red_bold {
  color: #ff0000;
  font-weight: bold;
}

.notice_pc {
    display: block;
}
.notice_sp {
    display: none;
}

  @media (max-width: 480px) {
      .notice_pc {
          display: none;
      }
      .notice_sp {
          display: block;
      }
  }


/*会場到着から試験終了までの流れ*/
.test-acc-title02 h2 {
  color: #fff;
  padding: 0.3em 1em 0.4em 0.5em;
  display: inline-block;
  line-height: 1.3;
  background: #3598c5;
  vertical-align: middle;
  border-radius: 25px 0px 0px 25px;
  font-size: 1.1em;
  font-weight: normal;
/*↓タイトル内のテキストが改行になった場合に●の下にテキストを表示させない*/
  display: flex; /* Flexコンテナにする */
  align-items: flex-start; /* 最初の行の上端に揃える */
}

.test-acc-title02 h2:before {
  content: '●';
  color: white;
  margin-right: 8px;
}

.test-flow-wrap {
  display: flex;
  flex-wrap: wrap;
}

.test-flow-item {
  /* padding: 30px; */
  width: 32%;
  background-color: #fff;
}

.test-flow-item:not(:nth-child(3n+3)) {
  margin-right: 2%;
}

.test-flow-item:nth-child(n+4) {
  margin-top: 30px;
}

@media not all and (min-width: 768px) {
  .test-flow-item {
    width: 100%;
  }

  .test-flow-item:not(:nth-child(3n+3)) {
    margin-right: 0;
  }

  .test-flow-item:nth-child(n+2) {
    margin-top: 30px;
  }
}

/*会場到着から待合室への導線を動画でチェック*/
.test-acc-title03 h2 {
  color: #fff;
  padding: 0.3em 1em 0.4em 0.5em;
  display: inline-block;
  line-height: 1.3;
  background: #68b83e;
  vertical-align: middle;
  border-radius: 25px 0px 0px 25px;
  font-size: 1.1em;
  font-weight: normal;
/*↓タイトル内のテキストが改行になった場合に●の下にテキストを表示させない*/
  display: flex; /* Flexコンテナにする */
  align-items: flex-start; /* 最初の行の上端に揃える */
}

.test-acc-title03 h2:before {
  content: '●';
  color: white;
  margin-right: 8px;
}

div.vid_contents {
  width: 100%;/*背景色を横幅いっぱいに広げる*/
  text-align: center;
  margin: auto;
  padding: 0% 4% 4% 4%;
  background: transparent;
}

video.vid_main {
width: 100%;
max-width: 920px;/*PC版での最大幅*/
}

@media not all and (min-width: 480px) {
  div.vid_contents {
    padding: 0%;
    background: #e6e6e6;
  }
}


/*
　よくあるご質問
----------------------------------*/
.accordion-content {
  display: none;
}

.accordion-header {
  background-color: #d8e7f1;
  padding: 12px 45px 10px 20px;
  margin: 10px 0 0;
  transition: background .3s ease;
  cursor: pointer;
  position: relative;
}

.accordion-header::before,
.accordion-header::after{
  position:absolute;
  content:'';
  top:1px;
  right:20px;
  bottom:0;
  width:12px;
  height:2px;
  margin:auto;
  background:#151E2F;
}
.accordion-header::after{
  transform:rotate(-90deg);
  transition:transform 0.3s;
}
.accordion-header.active::after{transform:rotate(0deg);}

.accordion-content {
  background-color: #FFF;
  padding: 12px 20px 10px;
}

/* .accordion-header span,
.accordion-content span{
  padding-left: 25px;
  position: relative;
} */

/* .accordion-header span::before{
  position: absolute;
  content:"Q";
  top: 0;
  left: 0;
  color: #151E2F;
  font-size: 17px;
} */

/* .accordion-content span::before{
  position: absolute;
  content:"A";
  top: 0;
  left: 0;
  color: #151E2F;
  font-size: 17px;
} */

/* hover */
.accordion-header:hover {
  /* background-color: #F2F2F2; */
  background-color: #56B0EB;
}

@media not all and (min-width: 480px) {
  .accordion-header:hover {
    background-color: #d8e7f1;
  }
}

a:hover,
a:focus {
  border-color: transparent;
}

/* カスタムマーカーのリスト */
.custom-marker-list {
    list-style-type: none; /* デフォルトのマーカーを非表示にする */
    padding-left: 0; /* 左のパディングをリセット（後で擬似要素で調整するため） */
    margin-left: 20px; /*リスト全体を右に移動して、マーカーのスペースを確保*/
    margin-top: 10px;
}
  @media screen and (max-width: 480px) {
    .custom-marker-list {
      margin-left: 0; /*リスト全体を右に移動して、マーカーのスペースを確保*/
    }
  }

.custom-marker-list li {
    position: relative; /* 擬似要素を配置するために必要 */
    padding-left: 15px; /* マーカー分のスペースを左に確保 */
    margin-bottom: 5px;
    font-size: 16px; /* テキストのフォントサイズは通常通り */
}

.custom-marker-list li::before {
    content: ""; /* 擬似要素にコンテンツを設定（空でもOK） */
    position: absolute;
    left: 0; /* liの左端に配置 */
    /* top: 50%; 垂直方向の中央に配置 */
    top: 15%; /*垂直方向の中央に配置*/
    transform: translateY(-5%); /* 垂直方向の中央揃えを微調整 */
    
    width: 3px; /* マーカーの幅（黒丸のサイズ） */
    height: 3px; /* マーカーの高さ（黒丸のサイズ） */
    background-color: black; /* 黒丸の色 */
    border-radius: 50%; /* 円形にする */
}

/*
　アジャスト
----------------------------------*/
.adjustment-bottom-50 {
  margin-bottom: 50px;
}

.row h3 {
  margin-bottom: 10px;
}

.adjustment-mb0 {
  margin-bottom: 0px;
}

.adjustment-mb10 {
  margin-bottom: 10px;
}

.adjustment-mb20 {
  margin-bottom: 20px;
}

.adjustment-mb30 {
  margin-bottom: 30px;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

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


/*スマホ閲覧時（画面480px以下で）にマージンを0にする*/
@media screen and (max-width: 480px) {
  .sp-mb0 {
    margin-bottom: 0 !important;
  }
}