@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css);
/*============================
.btn
============================*/
a.btn {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  border-radius: 10px;
  background-color: #005AAA;
  color: #fff;
  padding: 0.6em 3em;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  a.btn {
    font-size: 16px;
  }
}
a.btn:hover {
  color: #fff;
  opacity: 0.75;
}

.wrap01 .single_bg {
  padding: 0;
  /*============================
  #jimospo
  ============================*/
}
.wrap01 .single_bg #jimospo {
  overflow: hidden;
  /*============================
  .yt_cont
  ============================*/
  /*============================
  .ttl1
  ============================*/
  /*============================
  #mv
  ============================*/
  /*============================
  #js_nv
  ============================*/
  /*============================
  #js_about
  ============================*/
  /*============================
  #js_live
  ============================*/
  /*============================
  #js_past
  ============================*/
  /*============================
  #js_suporter
  ============================*/
}
.wrap01 .single_bg #jimospo * {
  box-sizing: border-box;
}
.wrap01 .single_bg #jimospo .jimospo_main {
  padding: 0 30px;
}
@media screen and (max-width: 768px) {
  .wrap01 .single_bg #jimospo .jimospo_main {
    padding: 0 20px;
  }
}
.wrap01 .single_bg #jimospo .jimospo_main .w900 {
  max-width: 900px;
  margin: auto;
}
.wrap01 .single_bg #jimospo .jimospo_main .w900 section {
  margin-bottom: 100px;
}
.wrap01 .single_bg #jimospo p {
  line-height: 2;
  margin-bottom: 2em;
}
.wrap01 .single_bg #jimospo .yt {
  max-width: 600px;
  margin: 0 auto 50px;
  text-align: center;
}
.wrap01 .single_bg #jimospo .yt p {
  padding: 0.5em 0 0;
  line-height: 1.67;
}
@media screen and (max-width: 768px) {
  .wrap01 .single_bg #jimospo .yt p {
    text-align: left;
  }
}
.wrap01 .single_bg #jimospo .yt_cont {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.wrap01 .single_bg #jimospo .yt_cont iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.wrap01 .single_bg #jimospo .ttl1 {
  display: flex;
  gap: 1em;
  align-items: center;
  background-color: #005AAA;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 0.2em;
  line-height: 1.6;
  padding: 0.5em 30px;
  border-radius: 5px;
  margin: 4em 0 1em;
}
@media screen and (max-width: 768px) {
  .wrap01 .single_bg #jimospo .ttl1 {
    padding: 0.5em 1em;
    gap: 0.5em;
    font-size: 16px;
    letter-spacing: 0.02em;
  }
}
.wrap01 .single_bg #jimospo .ttl1 i {
  font-size: 40px;
}
@media screen and (max-width: 768px) {
  .wrap01 .single_bg #jimospo .ttl1 i {
    font-size: 30px;
  }
}
.wrap01 .single_bg #jimospo .ttl2 {
  font-weight: bold;
  font-size: 26px;
  line-height: 1;
  text-align: center;
  margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
  .wrap01 .single_bg #jimospo .ttl2 {
    font-size: 19px;
  }
}
.wrap01 .single_bg #jimospo .ttl2 img {
  display: block;
  margin: 0 auto 0.5em;
}
@media screen and (max-width: 768px) {
  .wrap01 .single_bg #jimospo .ttl2 img {
    width: 70px;
  }
}
.wrap01 .single_bg #jimospo #mv {
  border-radius: 10px 10px 0 0;
  overflow: hidden;
  position: relative;
}
.wrap01 .single_bg #jimospo #mv .mvttl {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
  .wrap01 .single_bg #jimospo #mv .mvttl {
    width: 40%;
  }
}
.wrap01 .single_bg #jimospo #mv .mvttl a {
  display: block;
  transition: 0.3s;
}
.wrap01 .single_bg #jimospo #mv .mvttl a img {
  transition: 0.3s;
}
.wrap01 .single_bg #jimospo #mv .mvttl a:hover {
  opacity: 0.85 !important;
}
.wrap01 .single_bg #jimospo #mv .mvttl a:hover img {
  opacity: 1 !important;
}
.wrap01 .single_bg #jimospo #mv .mvttl img {
  transition: 0.3s;
}
.wrap01 .single_bg #jimospo #js_nv {
  padding: 50px 0 0;
}
.wrap01 .single_bg #jimospo #js_nv nav ul {
  display: flex;
}
@media screen and (max-width: 768px) {
  .wrap01 .single_bg #jimospo #js_nv nav ul {
    display: block;
  }
}
.wrap01 .single_bg #jimospo #js_nv nav ul li {
  width: 100%;
}
.wrap01 .single_bg #jimospo #js_nv nav ul li a {
  border-left: 1px solid #CCCCCC;
  color: #005AAA;
  display: block;
  text-align: center;
  padding: 0.5em;
  font-weight: bold;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .wrap01 .single_bg #jimospo #js_nv nav ul li a {
    display: flex;
    align-items: center;
    border: none;
    border-top: 1px solid #CCCCCC;
    position: relative;
  }
}
.wrap01 .single_bg #jimospo #js_nv nav ul li a i {
  display: block;
  font-size: 60px;
}
@media screen and (max-width: 768px) {
  .wrap01 .single_bg #jimospo #js_nv nav ul li a i {
    font-size: 45px;
    margin-right: 0.5em;
  }
}
.wrap01 .single_bg #jimospo #js_nv nav ul li a i.ph-caret-down {
  font-size: 1em;
}
@media screen and (max-width: 768px) {
  .wrap01 .single_bg #jimospo #js_nv nav ul li a i.ph-caret-down {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}
.wrap01 .single_bg #jimospo #js_nv nav ul li a:hover {
  background-color: #005AAA;
  color: #fff;
}
.wrap01 .single_bg #jimospo #js_nv nav ul li:last-of-type {
  border-right: 1px solid #CCCCCC;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .wrap01 .single_bg #jimospo #js_nv nav ul li:last-of-type {
    border: none;
    border-bottom: 1px solid #CCCCCC;
  }
}
.wrap01 .single_bg #jimospo #js_past {
  /*============================
  .js_past_item common settings
  ============================*/
  /*============================
  #vb
  ============================*/
  /*============================
  #rg
  ============================*/
  /*============================
  #mn
  ============================*/
}
.wrap01 .single_bg #jimospo #js_past nav {
  padding: 30px 0 100px;
}
.wrap01 .single_bg #jimospo #js_past nav ul {
  display: flex;
}
@media screen and (max-width: 768px) {
  .wrap01 .single_bg #jimospo #js_past nav ul {
    display: block;
  }
}
.wrap01 .single_bg #jimospo #js_past nav ul li {
  width: 100%;
}
.wrap01 .single_bg #jimospo #js_past nav ul li a {
  border-left: 1px solid #CCCCCC;
  color: inherit;
  display: block;
  text-align: center;
  padding: 0.5em;
  font-weight: bold;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .wrap01 .single_bg #jimospo #js_past nav ul li a {
    display: flex;
    align-items: center;
    border: none;
    border-top: 1px solid #CCCCCC;
    position: relative;
  }
}
.wrap01 .single_bg #jimospo #js_past nav ul li a img {
  display: block;
  margin: auto;
  width: 50px;
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .wrap01 .single_bg #jimospo #js_past nav ul li a img {
    width: 30px;
    flex: 0 0 30px;
    margin: 0 0.5em 0 0;
  }
}
.wrap01 .single_bg #jimospo #js_past nav ul li a i.ph-caret-down {
  display: block;
  font-size: 1em;
  color: #ccc;
}
@media screen and (max-width: 768px) {
  .wrap01 .single_bg #jimospo #js_past nav ul li a i.ph-caret-down {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}
.wrap01 .single_bg #jimospo #js_past nav ul li a:hover {
  opacity: 1;
  background-color: #fff;
}
.wrap01 .single_bg #jimospo #js_past nav ul li:last-of-type {
  border-right: 1px solid #CCCCCC;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .wrap01 .single_bg #jimospo #js_past nav ul li:last-of-type {
    border: none;
    border-bottom: 1px solid #ccc;
  }
}
.wrap01 .single_bg #jimospo #js_past .js_past_item {
  text-align: center;
  margin-bottom: 100px;
}
.wrap01 .single_bg #jimospo #js_past .js_past_item h3 + p {
  margin-bottom: 1em;
  font-weight: bold;
}
.wrap01 .single_bg #jimospo #js_past .js_past_item h3 + p a {
  font-weight: bold;
  color: inherit;
  text-decoration: underline;
}
.wrap01 .single_bg #jimospo #js_past .js_past_item h3 + p a:hover {
  text-decoration: none;
}
.wrap01 .single_bg #jimospo #js_past #vb .flex {
  max-width: 600px;
  margin: auto;
  display: flex;
  gap: 3%;
}
.wrap01 .single_bg #jimospo #js_past #vb .flex .yt {
  flex: 0 0 47%;
}
.wrap01 .single_bg #jimospo #js_past #vb a.btn {
  background: #CE58A7;
}
.wrap01 .single_bg #jimospo #js_past #rg p a.btn {
  background: #D38656;
}
.wrap01 .single_bg #jimospo #js_past #mn a.btn {
  background: #76BD6E;
}
.wrap01 .single_bg #jimospo #js_suporter h3 {
  font-size: 1.1em;
  padding: 1em 0;
  color: #005AAA;
}
@media screen and (max-width: 768px) {
  .wrap01 .single_bg #jimospo #js_suporter h3 {
    font-size: 1em;
  }
}
.wrap01 .single_bg #jimospo #js_suporter ul.js_suporter_list {
  display: flex;
  flex-wrap: wrap;
  background-color: #F0F0F0;
  padding: 20px;
}
@media screen and (max-width: 768px) {
  .wrap01 .single_bg #jimospo #js_suporter ul.js_suporter_list {
    padding: 10px;
  }
}
.wrap01 .single_bg #jimospo #js_suporter ul.js_suporter_list li {
  margin: 0;
  padding: 8px;
  flex: 0 0 25%;
}
@media screen and (max-width: 768px) {
  .wrap01 .single_bg #jimospo #js_suporter ul.js_suporter_list li {
    flex: 0 0 50%;
    padding: 5px;
  }
}
.wrap01 .single_bg #jimospo #js_suporter ul.js_suporter_list li a {
  display: block;
}
.wrap01 .single_bg #jimospo #js_suporter ul.js_suporter_list li a img {
  width: 100%;
}

/*============================
#js_interview
============================*/
#js_interview .ttl3 {
  line-height: 1.3;
  border-left: 10px solid #005AAA;
  font-weight: bold;
  padding: 0.5em 1em;
  margin: 3em 0 1em;
  letter-spacing: 0.1em;
}
#js_interview ul li a{
  color:#000;
  display:block;
}
#js_interview ul li a:hover{color:#f00;}
.js_interview_btn{text-align:center;}
@media screen and (min-width: 769px) {
#js_interview ul li{margin-bottom:20px;}
#js_interview ul li a{display:flex;gap:20px;}
#js_interview ul li img{float:left;width:20%;margin:0;}
}
@media screen and (max-width: 768px) {
#js_interview ul li{margin-bottom:30px;}
#js_interview ul img{margin-bottom:20px;}
}