html {
  scroll-behavior: smooth;
}
.tit-comic{
  font-weight: bold;
    font-size: 40px;
    text-align: center;
    margin-top: 40px;
}
.cp_box *, .cp_box *:before, .cp_box *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cp_box {
	position: relative;
}
.cp_box label {
	position: absolute;
	z-index: 1;
	bottom: 0;
	width: 100%;
	height: 150px; /* グラデーションの高さ */
	cursor: pointer;
	text-align: center;
	/* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
	background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(0,0,0) 70%);
}
.cp_box input:checked + label {
	background: inherit; /* 開いた時にグラデーションを消す */
}
.cp_box label:after {
	line-height: 2.5rem;
	position: absolute;
	z-index: 2;
	bottom: 20px;
	left: 50%;
	width: 100%;
	font-family: FontAwesome;
	content: '\f067'' 続きを見る';
	transform: translate(-50%, 0);
	letter-spacing: 0.05em;
	color: #000;
	border-radius: 20px;
	background-color: #FFDA00;
	font-size: 20px;
}
.cp_box input {
	display: none;
}
.cp_box .cp_container {
	overflow: hidden;
	height: 300px; /* 開く前に見えている部分の高さ */
	transition: all 0.5s;
}
.cp_box input:checked + label:after {
	font-family: FontAwesome;
	content: '\f067'' 続きを見る';
}
.cp_box input:checked ~ .cp_container {
	height: auto;
	padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
	transition: all 0.5s;
}
.wd-teacher .img-teacher-comic{
  max-width: 200px;
}
.desc-teacher-comic{
  width: calc(100% - 220px);
}
.page-template-comics-seminar .desc-teacher-comic {
  width: calc(100% - 290px);
}
.one-line {
  height: 30px;
}
.page-template-comics-seminar .wd-career {
  margin-top: 10px;
}
.l-qualification{
  margin-top: 30px;
}
.l-qualification > p {
  width: 50%;
}
.l-qualification > p:nth-child(even) {
  text-align: left;
}
.pd-section{
	padding-bottom: 80px;
}
.wrap-iframe {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.box-cont-dt-osaka .sub-tit-fee {
  font-size: 15px;
}
.wrap-iframe::before {
  display: block;
  content: "";
  padding-top: 56.25%;
}
.wrap-iframe iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.wrap-cont-price:not(:last-child) {
  margin-bottom: 80px;
}
#sec-intro-tool {
  padding-top: 80px;
}
.wrap-btn-campus {
  margin: 80px 0 0 0;
}
.wrap-lincense{
  font-size: 11px;
  display: flex;
}
.wrap-lincense ul.list-license li{
  font-size: 11px;
  padding: 0;
  width: 100%;
}
.wrap-lincense ul.list-license.two_col li{
  width: 50%;
}
.wrap-lincense ul.list-license li:before{
  display: none;
}
#sec-teacher-campus .wrap-list-guid{
  padding:18px 0 0 0;
}
#sec-teacher-campus .wrap-list-guid .box-list-guid:not(:last-child) {
  margin-bottom: 20px;
}
#sec-osaka img,#sec-under-water img,#sec-intro-tool img{
  width: 100%;
}
.map-right-training {
  width: 35%;
}
.img-left-training{
  width: 65%;
}
.map-right-training .wrap-iframe::before {
  padding-top:106.25%;
}
/*.postid-74 .map-right-training .wrap-iframe::before{
    padding-top: 106.25%;
    }*/
    #sec-traning-campus .tit-osaka-bot{
      margin-top: 80px;
    }
    #sec-traning-campus #campus-17th .tit-osaka-bot{
      margin-top: 0 !important;
    }

    #sec-traning-campus #campus-17th{
      padding-top: 80px;
    }
    .wrap-list-address-osaka,.cnt-child-schedule{
      margin-bottom: 80px;
    }
    .box-address-training{
      padding-top: 80px;
    }
    .cnt-box-training {
      padding: 15px;
      background: #fff;
    }
    .tit-address-schedule,.tit-time-schedule{
      font-weight: bold;
    }
    .wrap-box-time-left .seminar-custom-btn{
      max-width: 100%;
      font-size: 20px;
    }
    .wrap-schedule-campus-new .btn-seminar-no-app{
      padding:25px 20px;
    }
    .wrap-schedule-campus-new #seminar-cont-v2 .next-day {
      font-size: 25px;
      text-align: right;
    }
    .desc-box-address {
      font-size: 18px;
      margin-bottom: 20px;
      color: #000;
    }

    .bg-black .desc-box-address {
      color:#000;
    }
    .cnt-child-schedule > div {
      width: calc( 100% / 2 - 5px) !important;
    }
    .wrap-box-time-left,.box-time-schedule {
      background:#fff;
    }
    .wrap-schedule-campus-new #seminar-cont-v2 .seminar-content{
      padding:5px 15px 0 15px; 
      text-align: center;
      margin:0;
      display: flex;
      justify-content: center;
    }
    .wrap-cnt-schedule {
      margin-top: 40px;
    }
    .tit-primary-schedule,.tit-time-schedule{
      padding: 15px 20px;
      font-size: 30px;
    }
    .tit-time-schedule{
      background:#e2e2e2;
      color:#000;
    }
    .tit-address-schedule{
      font-size: 25px;
    }
    .wrap-schedule-campus-new .cnt-detail-item-seminar .seminar-content {
      padding: 25px 20px 0 20px;
    }
    #sec-access-campus .schedule-osaka{
      padding:0 0 80px 0;
    }
    .pd-cont{
      padding-bottom: 28px;
    }
    .mb-img{
      margin-bottom: 12px;
    }
    .img-intro-cnt{
      margin-top: 20px;
    }
    .dc-container-tro{
      font-family: 'Noto Sans JP';
      font-weight: 700;
    }
    .wrap-info-table{
      font-size: 10px;
      margin-top: 45px;
    }
    .wrap-info-table table{
      margin-bottom: 15px;
    }
    .wrap-info-table td{
      border: 1px solid !important;
    }
    .wrap-info-table ul li{
     position: relative;
   }
   .wrap-info-table ul{
    padding-left: 10px;
  }
  .wrap-info-table ul li:before{
    content: "";
    position: absolute;
    top:4px;
    left: -12px;
    width: 10px;
    height: 10px;
    background: #222;
  }

  .dc-container-tro .btn-dc span.icon-arrow-bl{
   background-position: 100% 8px !important;
 }
 .sub-info-ci ul{
  list-style: inside !important;
}
.sub-info-ci ul li{
  list-style: unset !important;
}
.box-check-form{
  font-size: 15px;
  background: #f2f2f2;
  padding: 16px 10px 20px 10px;
  border-radius: 15px;
  margin-bottom: 23px;
}
.cont-box-check{
  font-weight: normal; 
  background: #fff;
  padding: 10px 10px 26px 10px;
  border-radius: 15px;
  font-size: 12px;
}
.box-check-form-scroll .cont-box-check{
  overflow-y: scroll;
  height: 362px;
}
.cont-box-check p{
  margin-bottom: 20px;
}
.cont-box-check p.item-ud-ul{
  margin-bottom: 10px;
}
.box-check-input,
.tit-box-check{
  text-align: center;
}
.tit-box-check{
  margin-bottom: 12px;
}
.box-check-input{
  margin-top: 16px;
}
.ci-form table.form th{
  font-size: 15px;
}
.ci-form form td{
  font-size: 12px;
}
.ci-form table.form th, 
.ci-form table.form td,
form .form tr:last-child
{
  border-bottom: none !important;
}
.ci-form form .form tr{
  border-top: none !important;
}

.ci-form form input[type="submit"]{
  border-radius: 30px !important;
}
.ci-form .box-photo{
  display: flex;
  margin-top: 10px;
}
.ci-form span.wpcf7-list-item,
.ci-form span.rd-payment span.wpcf7-radio span.wpcf7-list-item input[type="radio"] + .wpcf7-list-item-label{
  margin: 0 !important;
}
.box-photo label{
  background: #000000;
  color: #fedd00;
  width: 150px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 2px solid #4a4444;
  border-radius: 7px;
  font-size: 13px;
  padding: 7px 10px;
  margin-right: 15px;
}

.text-photo-data{
  width: 330px !important;
  margin-left: 0px;
}

.box-check-input .wpcf7-list-item-label,
.list-check-ci .wpcf7-list-item-label{
  display: none;
}
.wpcf7-list-item-label-custom{
  /*font-size: 18px;*/
}
.list-check-ci .wpcf7-list-item{
  display: inline-block !important;
}

.link-to-submit-final{
  background: url(assets/images/icon-half-arrow-black.png) no-repeat #000;
  background-position: right 40px top 7px;
  color: #fedd00;
  border: none;
  display: inline-block;
  padding: 13px 40px 13px 40px;
  border-radius: 5px;
  border: 1px solid #000;
  margin: 10px 0;
  -webkit-box-shadow: 0px 5px 0px 0px rgb(255 163 0);
  -moz-box-shadow: 0px 5px 0px 0px rgba(255,163,0,1);
  box-shadow: 0px 5px 0px 0px rgb(255 163 0);
  cursor: pointer;
  font-size: 18px;
  line-height: 1.5;
  margin-left: 10px;
}
.wrap-link-submit {
  display: flex;
  justify-content: center;
}
.txt-zipcode-ci{
  border: none;
  border-radius: 7px;
  width: 100%;
  font-size: 18px;
  padding: 13px 15px;
}
.ci-form .postal-dc{
  display: flex;
  align-items: center;
}
.ci-form .left-zipcode{
  width: 23px;
}
.ci-form .right-zipcode{
  width: calc(100% - 23px);
}
.text-photo-data-b{
  display: none;
}
.custom-wpcf7c-confirmed .text-photo-data-b{
  display: block;
}
.ci-form .box-sl-campus {
  display: none;
}
.custom-wpcf7c-confirmed .box-sl-campus,
.custom-wpcf7c-confirmed .box-sl-ci,
.custom-wpcf7c-confirmed .box-rd-date-competed{
  display: block;
}
.custom-wpcf7c-confirmed .rd-select-date-completed{
  display: none;
}
[name='file-photo-data_conf']{
  display: none;
}
[name='file-id-data_conf']{
  display: none;
}
.sl-birthday {
  width: 100% !important;
}
.birthday-ci{
  display: flex !important;
  align-items: center;
  justify-content: space-between;
}
.birthday-ci .input-birthday{
  width: 28% !important;
}
/*[disabled='disabled']{
    display: none;
    }*/


    .ci-form .wpcf7-form{
      padding-top: 0 !important;
    }
    .ci-form div.wpcf7{
      margin-top: 0 !important;
    }
    .wrap-form-cf{
      margin-top: 30px;
    }
    .ci-form button.submit-form:hover {
     background: #fedd00;
     color: #000;
   }
   .custom-wpcf7c-confirmed .box-photo label{
    display: none !important;
  }
  .custom-wpcf7c-confirmed .hide-text-photo-cf{
    display: none;
  }

  .custom-wpcf7c-confirmed .box-check-custom input:checked ~ .checkmark {
    background-color: #0000007a;
  }
  .custom-wpcf7c-confirmed .box-check-custom{
    cursor: unset;
  }

  .custom-wpcf7c-confirmed .box-check-custom.unchecked,
  .custom-wpcf7c-confirmed  .list-check-ci .box-check-custom .checkmark{
    display: none;
  }
  .custom-wpcf7c-confirmed .box-check-custom{
    padding-left: 0;
  }


  /*custom checkbox*/
  .box-check-custom {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  /* Hide the browser's default checkbox */
  .box-check-custom input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }

  /* Create a custom checkbox */
  .checkmark {
    position: absolute;
    top: 0px;
    left: -35px;
    height: 25px;
    width: 25px;
    background-color: #fff;
  }

  /* On mouse-over, add a grey background color */
  .box-check-custom:hover input ~ .checkmark {
    background-color: #ccc;
  }

  /* When the checkbox is checked, add a blue background */
  .box-check-custom input:checked ~ .checkmark {
    background-color: #000;
  }

  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }

  /* Show the checkmark when checked */
  .box-check-custom input:checked ~ .checkmark:after {
    display: block;
  }

  /* Style the checkmark/indicator */
  .box-check-custom .checkmark:after {
    left: 9px;
    top: 4px;
    width: 7px;
    height: 12px;
    border: solid #fedd00;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);


  }
  /*radio custom*/
  .box-rd-custom {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  /* Hide the browser's default radio button */
  .box-rd-custom input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }

  /* Create a custom radio button */
  .bcheckmark-rd{
    position: absolute;
    top: 10px;
    left: -2px;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 50%;
  }
  .rd-select-campus-ci .bcheckmark-rd{
    left: 8px !important;
  }

  /* On mouse-over, add a grey background color */
  .box-rd-custom:hover input ~ .bcheckmark-rd {
    background-color: #ccc;
  }

  /* When the radio button is checked, add a blue background */
  .box-rd-custom input:checked ~ .bcheckmark-rd {
    background-color: #000;
  }

  /* Create the indicator (the dot/circle - hidden when not checked) */
  .bcheckmark-rd:after {
    content: "";
    position: absolute;
    display: none;
  }

  /* Show the indicator (dot/circle) when checked */
  .box-rd-custom input:checked ~ .bcheckmark-rd:after {
    display: block;
  }

  /* Style the indicator (dot/circle) */
  .box-rd-custom .bcheckmark-rd:after {
  /*top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fedd00;*/
  top: 50%;
  left: 50%;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #fedd00;
  transform: translate(-50%,-50%);
}

span.rd-payment span.wpcf7-radio .box-rd-custom span.wpcf7-list-item input[type="radio"] + .wpcf7-list-item-label,
ul.rd-select-campus.rd-select-campus-ci li .box-rd-custom input[type="radio"] + .wpcf7-list-item-label{
  background: none !important;
}

.tr-custom th{
  width: 0px !important;
}

.list-info-check-ci{
  list-style: inside !important;
  margin-bottom: 10px;
}
.list-info-check-ci > li{
  list-style-type: disc !important;
  margin-left: 10px;
}
.list-info-check-ci > li.tit-item:first-child{
  list-style-type: none !important;
  margin-left: 0px;
}
.text-bold{
  font-weight: bold;
}
.err-form-ci{
  color: #f00;
  font-size: 1em;
}
.full_place_seminar{
  border-radius: 4px;
}
.text-full-place{
  font-weight: bold;
  color: #fff;
  background: red;
  padding: 5px 10px;
  border-radius: 20px;
  font-size: 18px;
  width: 67px;
  text-align: center;
}
.text-avb-1{
 /* color: #000;
  background: #fedd00;*/
  color: var(--color-yl);
  background: #000;
}
.next-day-campus-page .text-full-place{

}
.right_place_seminar_full{
  text-align: right !important;
}
.center-box-seminar-full-home{
  display: flex;
  justify-content: center;
}
.center-box-seminar-full-home .box-seminar-content-home{
  text-align: right;
}
.box-seminar-content-home {
  min-height: 320px;
}

.content_post article{
  position: relative;
}
#primary_menu > li .menu-image-title-after.menu-image-title{
  padding-left: 0 !important;
}
.wrap-news-campus{
  padding: 80px 0 60px 0 !important;
}
.box-ra-custom-ci .wpcf7-list-item-label{
  display: none !important;
}
.text-rd-main-ci,
.text-rd-sub-ci{
  margin-left: 40px;
  font-size: 15px;
  margin-top: -26px;
  display: block;
}
.rd-select-campus-ci{
  margin-left: -10px;
}
.wrap-recapcha {
  margin-top: 50px;
  text-align: center;
}
.box-recapcah {
  display: flex;
  justify-content: center;
}
.rd-select-date-completed .wpcf7-list-item-label{
  margin-left: 28px;
}
.contact-info a{
  margin-bottom: 5px;
}
.fs20 {
	font-size: 20px;
}

.box-plan-drone-book {
  padding: 12px 25px 25px 25px;
  border: 4px solid #000;
  border-radius: 18px;
}
.box-price-plan {
    text-align: center;
    margin: 20px 0 10px 0;
}
.box-price-plan img{
  width: unset !important;
  margin: auto;
}
.tit-plan-drone-book {
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    border-bottom: 2px solid #000;
    padding-bottom: 10px;
    margin-bottom: 8px;
}
/*spinder*/
.lds-roller {
  display: inline-block;
  position: absolute;
  width: 80px;
  height: 80px;
  display: none;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fff;
  margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.banner-entry-license img{
  width: 100%;
  height: auto;
}
.box-intro-license {
    padding-top: 40px;
    font-size: 18px;
}
.wpcf7-list-item-label.fs-15{
  font-size: 15px !important;
}

@media screen and (max-width: 910px) {
  .seminar-item-v2{
    width: 100%;
  }
  .cnt-child-schedule > div{
    width:  100% !important;
  }
  .seminar-item-v2-osaka{
    display: unset;
  }
  #seminar-cont-v2{
    padding-bottom:  0;
  }
  .seminar-custom-link{
    position: relative;
  }
  .box-seminar-content-home {
    min-height: auto;
  }
  .tit-plan-drone-book{
    font-size: 22px;
  }
  .cnt-child-schedule.flex.wrap,.cnt-child-training,.cont-teacher-comic.flex.wrap,.wrap-lincense{
    flex-direction: column;
  }
  .cnt-child-schedule > div,.img-left-training,.map-right-training{
    width: 100% !important;
  }
  .wrap-schedule-campus-new #seminar-cont-v2 .next-day {
    font-size: 22px;
  }
  .wrap-box-time-left .seminar-custom-btn{
    font-size: 17px;
  }
  .wrap-schedule-campus-new .btn-seminar-no-app{
    padding:25px 10px;
  }
  .cont-teacher-comic .img-teacher-comic,.cont-teacher-comic .desc-teacher-comic{
    width: 100%;
    max-width: 100%;
  }
  .cont-teacher-comic .img-teacher-comic{
    margin-bottom: 20px;
  }
  .wrap-lincense {
    font-size: 15px;
    line-height: 2;
  }
  .seminar-custom-link {
    position: relative;
  }

  .ci-form .box-photo {
    flex-direction: column;
  }
  .right_place_seminar_full {
   /*text-align: center !important; */
 }
	.text-full-place{
	  font-size: 10px
	}
	.wrap-schedule-campus-new #seminar-cont-v2 .seminar-content{
	  padding: 5px 0 0 0;
	}
	.box-plan-drone-book {
		padding: 12px 15px 15px 15px;
		border: 3px solid #000;
	}
  /*.slider-dc .slick-dots{
    display: none;
  }*/
}
/*end 768*/
.box-2colsp {
    column-count: 2;
    column-gap: 32px;
    font-weight: 300;
}
.list-voice-image {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.list-voice-image .item-image {
    width: 33.33%;
    padding: 0 10px;
    margin-bottom: 20px;
}
.list-voice-image .item-image img{
  margin: unset;
  max-width: 100%;
}
.box-toggle-voice .tit-intro-checkatp-toggle{
  margin: 20px 0 0 0;
  color: #000 !important;
  background: var(--color-yl);
  padding: 15px 100px 15px 90px;
  font-size: 12px;
}
.box-toggle-voice .icon-chev:after{
  right: -20px;
  width: 8px;
  height: 8px;
}
/*.curriculum-page .title-jp-page{
  font-size: 10px;
}*/
.mb-1{
  margin-bottom: 30px;
}
.seminar-new-table th,
.seminar-new-table td,
.seminar-new-table p{
  font-size: 16px;
  font-weight: 300;
}
.new_title {
    margin-bottom: 15px;
}
.tit-bottom .twcol-sm{
  margin-right: 30px;
}

@media screen and (max-width: 768px) {
  /*#sec-traning-campus #campus-17th{
    padding-top: 30px;
  }*/
  .tit-comic {
    font-size: 18px;
  } 
  .l-qualification{
    margin-top: 20px;
  }
  .l-qualification > p{
    width: 100%;
  }
  .l-qualification > p:nth-child(even) {
    text-align: left;
  }
  .box-2colsp {
    column-count: 1;
}

}

@media screen and (max-width: 767px) {
  .list-voice-image{
    margin: 0;
  }
  .list-voice-image .item-image{
    width: 100%;
    padding:0;
  }
}