@charset "utf-8";
/* CSS Document */



main{
  overflow: visible;
  margin-top: 80px;
}


article,footer{
  width: 100%;
  max-width: 100vw;
}
.kkpj_top{
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}
footer section{width: 100%;}

.faq_link{margin-bottom: 0;}

.footer_img_wrap img {
    vertical-align: bottom!important;
}


@media (min-width: 768px) and (max-width: 1100px) {

article{margin: 0;}
}
/*--(min-width: 768px) and (max-width: 1100px)-end--*/


.w100vw{width: 100%;}

.w100vw.ivory{background-color:#f5f2ef;}

.w1100{
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
}
.pc{display: block;}
.sp{display: none;}
.sp767{display: none;}
.sp850{display: none;}
.sp1100{display: none;}
.re_top{
  display: flex;
  justify-content: right;
}
.mb3{margin-bottom: 3rem;}

article section, footer section {margin-bottom: 0;}

/*-TOP btn-----------*/
.re_top div{
  background-color: #00B9EF;
  color: #fff;
  position: relative;
  width: 70px;
  height: 30px;
  argin-top: 2rem;
  display: flex;
  justify-content: center;
  line-height: 30px;
  font-size: 1.1rem;
}
.re_top div:hover{
  opacity: 0.7;
}
.re_top div::before{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 35px solid transparent;
  border-left: 35px solid transparent;
  border-bottom: 12px solid #00B9EF;
  border-top: 0;
  top: -12px;
}
/*--TOP-------------------------*/
.kkpj_k_top_txt{
  width: 100%;
  color: #065595;
  letter-spacing: 0.3em;
  line-height: 1.5;
  font-weight: 600;
  margin-top: 4rem;
  padding-bottom: 1rem;
}
.kkpj_k_top_txt h2{
  font-size: 2.25rem;
  position: relative;
  display: inline-block;
  margin: 0;
}
.kkpj_k_top_txt h2::before{
  content: "";
  position: absolute;
  background: url(../img/waku_2.svg) no-repeat;
  top: 38%;
  left: 2%;
  transform: translateY(-50%);
  max-width: 105px;
  width: 100%;
  height: 95px;
  background-size: contain;
  z-index: -1;
}
.kkpj_k_top_txt span{
	background:linear-gradient(transparent 60%, #ff0 60%);
}
.kkpj_k_top_txt p{
  font-size: 1.2rem;
  letter-spacing: 0.1em;
}

.kkpj_button{
	padding-bottom:3rem;}

.kkpj_button ul{
	width:100%;
	display:flex;
	justify-content:center;
	gap:20px;}

.kkpj_button li{
	}

.kkpj_button a {
  display: inline-block;
  background-color: #00B9EF;
  color: #fff;
  font-size: 1.1rem;
  border-radius: 32.5px;
  padding: 0.75em 3em 0.75em 1.5em;
  margin-top: 1.5rem;
  position: relative;
  letter-spacing: 0;
}
.kkpj_button a::before {
  content: "";
  position: absolute;
  height: 38px;
  width: 38px;
  top: 50%;
  transform: translateY(-50%) scale(0.2);
  background-color: #fff;
  right: 10px;
  border-radius: 50%;
  transition: .2s;
}
.kkpj_button a::after {
  content: "";
  position: absolute;
  height: 38px;
  width: 38px;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  border-radius: 50%;
  border: 1px solid #fff;
}
.kkpj_button a:hover::before{
  transform: translateY(-50%) scale(1);}

@media screen and (max-width: 768px){
.kkpj_button ul{
	width:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	gap:10px;}

.kkpj_button a {
  display: inline-block;
  background-color: #00B9EF;
  color: #fff;
  font-size: 0.95rem;
  border-radius: 32.5px;
  padding: 0.75em 4em 0.75em 1.5em;
  margin-top: 0;
  position: relative;
  letter-spacing: 0;
}
}

@media screen and (max-width: 590px){
.kkpj_button ul{
	width:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	gap:10px;}

.kkpj_button a {
  display: inline-block;
  background-color: #00B9EF;
  color: #fff;
  font-size: 0.95rem;
  border-radius: 32.5px;
  padding: 0.75em 4em 0.75em 1.5em;
  margin-top: 0;
  position: relative;
  letter-spacing: 0;
}
}


@media screen and (max-width: 767px){
  main{margin-top: 64px;}

article section.top {
    min-height: 900px;
}

.kkpj_top_logo_wrap {height: 65%;}

.kkpj_top .top_sub_img img:nth-child(1) {top: 7%;}
.kkpj_top .top_sub_img img:nth-child(2) {top: 56%;}
.kkpj_top .top_sub_img img:nth-child(3) {top: 6%;}
.kkpj_top .top_sub_img img:nth-child(4) {top: 53%;}

.kkpj_top_logo_wrap .top_main {
  width: calc(390px - 0.3*(900px - 100vw));
  transform: translate(-50%, -75%);
  top: 77%;
}

.kkpj_k_top_txt {margin-top: 20px;}

.kkpj_k_top_txt h2 {font-size: 1.8rem;}

.kkpj_k_top_txt h2::before {
  top: 46%;
  max-width: 85px;
}
.kkpj_k_top_txt p {font-size: 1rem;}
}


@media screen and (max-width: 590px){
.kkpj_top_logo_wrap {height:58vh;}

.kkpj_top_logo_wrap .top_main {top:53%;left:50%;transform: translate(-50%, -50%);margin:0;}

.kkpj_k_top_txt h2 {font-size: 6vw;}

.kkpj_top .top_sub_img{
	position:absolute;
	display:block;
	width:calc(100vw - 17px - 8px - 16px - 22px);
	height:58vh;
	top:0;}

.kkpj_top .top_sub_img img:nth-child(1) {width: calc(190px - 0.1*(900px - 100vw));top:20px;}
.kkpj_top .top_sub_img img:nth-child(2) {width: calc(180px - 0.1*(900px - 100vw));top:auto;bottom:0;}
.kkpj_top .top_sub_img img:nth-child(3) {width: calc(160px - 0.1*(900px - 100vw));top:20px;}
.kkpj_top .top_sub_img img:nth-child(4) {width: calc(190px - 0.1*(900px - 100vw));top:auto;bottom:0;}
}

@media screen and (max-width: 450px) {
.kkpj_k_top_txt p {font-size: 0.7rem;}
}

@media screen and (max-width: 390px) {
/*
.kkpj_top_logo_wrap .top_main {
  width: calc(380px - 0.3*(900px - 100vw));
  top: 68%;
}
*/
.kkpj_k_top_txt h2 {font-size: 1.3rem;}

.kkpj_k_top_txt h2::before {
  top: 43%;
  left: -1%;
  max-width: 75px;
  height: 80px;
}
}

/*-----------------------------*/
.kyouzai_ac{
  background-color: #1fadde;
  position: relative;
  padding: 5.5rem 0 0;
  line-height: 1.4;
}
.kyouzai_ac::before{
  content: "";
  position: absolute;
  background:url("../img/kyouzai_back_waku_left.png") repeat-y;
  display: block;
  background-size: 195px;
  background-position: left -100px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.kyouzai_ac::after{
  content: "";
  position: absolute;
  background:url("../img/kyouzai_back_waku_right.png") repeat-y;
  display: block;
  background-size: 195px;
  background-position: right -100px;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.kyouzai_ac h2{
  color: #fff;
  font-size: 2rem;
  margin: 0 auto 3rem;
}
.kyouzai_ac .ac_menu{
  position: relative;
  transition: .2s;
  margin: 0 4rem 4em 4rem;
}
.kyouzai_ac .ac_menu::before{
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  background-color: #f5f2ef;
  height: 100%;
  width: 100%;
  z-index: 10;
}
.kyouzai_ac .ac_menu .ac_content::after {
  content: "";
  position: absolute;
  bottom:0;
  right: 5%;
  width: 120px;
  height: 94px;
  background-image: url(../img/kyouzai_hov_ilm_1.png);
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 10;
  opacity: 0;
  transition: opacity .2s;
  pointer-events: none;
}
.kyouzai_ac .ac_menu:hover dt::after {opacity: 1;}
.kyouzai_ac .ac_menu:nth-of-type(2) dt::after{background-image: url(../img/kyouzai_hov_ilm_2.png);}
.kyouzai_ac .ac_menu:nth-of-type(3) dt::after{background-image: url(../img/kyouzai_hov_ilm_3.png);}
.kyouzai_ac .ac_menu:nth-of-type(4) dt::after{background-image: url(../img/kyouzai_hov_ilm_4.png);}

.kyouzai_ac .ac_menu > dt{
  position: relative;
  font-size: 1.25rem;
  background-color: #fff;
  text-align: left;
  padding: 1em 4em 1em 1em;
  z-index: 10;
  left: -30px;
}
.kyouzai_ac .ac_menu:nth-of-type(1) > dt{
  color: #42A95C;
  border-left: 12px solid #42A95C;
}
.kyouzai_ac .ac_menu:nth-of-type(2) > dt{
  color:#339CD1;
  border-left: 12px solid #339CD1;
}
.kyouzai_ac .ac_menu:nth-of-type(3) > dt{
  color:#E082AB;
  border-left: 12px solid #E082AB;
}
.kyouzai_ac .ac_menu:nth-of-type(4) > dt{
  color:#065595;
  border-left: 12px solid #065595;
}
.kyouzai_ac .ac_menu > dt dd{
  background-color: #f5f2ef;
}
.kyouzai_ac .ac_menu  >  dd{
  display: none;
  background-color: #f5f2ef;
  z-index: 10;
  position: relative;
}
.kyouzai_ac .ac_menu .ac_content:hover{cursor: pointer}

/*-------------------------------------------------*/
.ac_menu .ac_menu::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 31px;
  width: 18px;
  height: 5px;
  background: #fff;
  transform: translateY(-50%);
  z-index: 1;
}
.ac_menu .ac_menu::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 37px;
  width: 5px;
  height: 18px;
  background-color: #fff;
  transform: translateY(-50%);
  transition: .3s;
}
.ac_menu .ac_menu span::after {
  content: "";
  position: absolute;
  top: calc(50% - 15px);
  right: 25px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #42A95C;
}
.kyouzai_ac .ac_menu:nth-of-type(2) .ac_content > span::after {background: #339CD1!important;}
.kyouzai_ac .ac_menu:nth-of-type(3) .ac_content > span::after {background: #E082AB!important;}
.kyouzai_ac .ac_menu:nth-of-type(4) .ac_content > span::after {background: #065595!important;}

.ac_menu .ac_content > span::before {
  content: "";
  position: absolute;
  right: -30px;
  width: 30px;
  height: calc(100% - 18px);
  clip-path: polygon(0 0, 0% 100%, 100% 0);
  background: #42A95C;
}
.kyouzai_ac .ac_menu:nth-of-type(2) .ac_content > span::before {background: #339CD1!important;}
.kyouzai_ac .ac_menu:nth-of-type(3) .ac_content > span::before {background: #E082AB!important;}
.kyouzai_ac .ac_menu:nth-of-type(4) .ac_content > span::before {background: #065595!important;}

.ac_menu .ac_menu.ac_active::after{
  top: 38%;
  opacity: 0;
  transform: rotate(90deg);
}
/*ac_activeの時*/
.ac_menu .ac_menu.ac_active span::after{background: #42A95C!important;transition: .3s;}
.ac_menu .ac_menu.ac_active::before{background: #FFFFFF!important;transition: .3s;}

.ac_menu .ac_menu.ac_active span::after{background: #42A95C!important;transition: .3s;}
.ac_menu .ac_menu.ac_active::before{background: #FFFFFF!important;transition: .3s;}

/*----------------------------------------------------*/
.ac_menu dd.kyouzai_ac_1_dd,
.ac_menu dd.kyouzai_ac_2_dd,
.ac_menu dd.kyouzai_ac_3_dd,
.ac_menu dd.kyouzai_ac_4_dd{
  width: 80%;
  margin: 3.5rem auto 0;
  text-align: justify;
  padding-bottom:2.5rem; 
  font-feature-settings: "palt" 1;
}
.ac_menu dd.kyouzai_ac_1_dd ul li{
  position: relative;
  padding-left: 1.5em;
  line-height: 1.5;
  margin-bottom: 0.5em;
}
.ac_menu dd.kyouzai_ac_1_dd ul li::before{
  content: "●";
  position: absolute;
  color:#42A95C;
  padding-left: 1.5em;
  left: -1.5em;
}
.ac_menu dd.kyouzai_ac_1_dd h3{
  color: #42A95C;
  font-size: 1.125rem;
}
.ac_menu dd.kyouzai_ac_1_dd div div{
  display: flex;
}
.ac_menu dd.kyouzai_ac_1_dd div a{
  position: relative;
  color: #fff;
  font-size: 0.85rem;
  background-color: #42A95C;
  border-radius: 50px;
  padding: 1em 5em 1em 1.5em;
  margin-bottom: 3rem;
  transition: .2s;
}
.ac_menu dd.kyouzai_ac_1_dd div a:hover{
  display: inline-block;
  transform: scale(1.1);
}
.ac_menu dd.kyouzai_ac_1_dd div a::after{
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  background:url(../img/icon_arrow_g.svg) no-repeat;
  background-size: contain;
  background-position: center;
  width: 50px;
  height: 50px;
}
.ac_menu dd.kyouzai_ac_1_dd div a:not(:first-child){
  margin-left: 1.5em;
}
.ac_menu dd.kyouzai_ac_1_dd .kyouzai_ac_1_heading{
  color: #42A95C;
  font-size: 1.125rem;
  font-weight: 700;
  margin-top: 1.5em;
  padding-left: 0;
}
.ac_menu dd.kyouzai_ac_1_dd .kyouzai_ac_1_heading::before{content: "";}
.kyouzai_ac_1_dd ul li:last-child{padding-bottom: 1.5em;}
.kyouzai_ac_1_dd ul li:last-child p{  margin-top: 0;}
.kyouzai_ac_1_dd ul .li_none{ margin-left: -1.5em;}
.kyouzai_ac_1_dd ul .li_none::before{content: ""!important;}

.ac_menu dd.kyouzai_ac_2_dd{
  width: 70%;
  font-weight: 400;
  margin-top: 2.5rem;
}
.ac_menu dd.kyouzai_ac_2_dd p{
  line-height: 1.5;
}
.ac_menu dd.kyouzai_ac_2_dd p:nth-child(1){
  margin-bottom: 2rem;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  font-size: 1.15rem;
}
.ac_menu dd.kyouzai_ac_2_dd p:nth-child(1) span{
  font-size: 1.25rem;
  padding-left: 1em;
}
.ac_menu dd.kyouzai_ac_4_dd{line-height: 1.7;}

.kyouzai_ac_4_dd dl{
  margin-bottom: 4rem;
  font-size: 0.875rem;
  position: relative;
}
.kyouzai_ac_4_dd dl::before{
  content: "";
  position: absolute;
  background-image: url(../img/faq_q.svg);
  background-repeat: no-repeat;
  background-size: contain;
  top: -20px;
  left: 40px;
  width: 40px;
  height: 40px;
  z-index: 10;
}
.kyouzai_ac_4_dd dl dt{
  width: 100%;
  position: relative;
  text-align: center;
  margin-bottom: 3em;
  border: 3px solid #E082AB;
  background-color: #fff;
  border-radius: 10px;
  padding: 1.5em;
  font-size: 1rem;
}
.kyouzai_ac_4_dd dl dt::before{
  content: "";
  width: 50px;
  height: 31px;
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  left: 50%;
  bottom: -31px;
  transform: translateX(-50%);
}
.kyouzai_ac_4_dd .ac_4_dd_faq1 dt{border: 3px solid #E082AB;}
.kyouzai_ac_4_dd .ac_4_dd_faq1 dt::before{background-image: url("../img/faq_p.svg");}

.kyouzai_ac_4_dd .ac_4_dd_faq2 dt{border: 3px solid #efb91b;}
.kyouzai_ac_4_dd .ac_4_dd_faq2 dt::before{background-image: url("../img/faq_y.svg");}

.kyouzai_ac_4_dd .ac_4_dd_faq3 dt{border: 3px solid #42A95C;}
.kyouzai_ac_4_dd .ac_4_dd_faq3 dt::before{background-image: url("../img/faq_g.svg");}

.kyouzai_ac_4_dd .ac_4_dd_faq4 dt{border: 3px solid #a4694e;}
.kyouzai_ac_4_dd .ac_4_dd_faq4 dt::before{background-image: url("../img/faq_br.svg");}

.kyouzai_ac_4_dd .ac_4_dd_faq5 dt{border: 3px solid #3d5da2;}
.kyouzai_ac_4_dd .ac_4_dd_faq5 dt::before{background-image: url("../img/faq_b.svg");}

.kyouzai_ac_4_dd dl dd{
  position: relative;
  border-right: 1px solid #E082AB;
  border-bottom: 1px solid #E082AB;
  padding: 0 1em 1em 3em;
}
.kyouzai_ac_4_dd .ac_4_dd_faq2 dd{
  border-right: 1px solid #efb91b;
  border-bottom: 1px solid #efb91b;
}
.kyouzai_ac_4_dd .ac_4_dd_faq3 dd{
  border-right: 1px solid #42A95C;
  border-bottom: 1px solid #42A95C;
}
.kyouzai_ac_4_dd .ac_4_dd_faq4 dd{
  border-right: 1px solid #a4694e;
  border-bottom: 1px solid #a4694e;
}
.kyouzai_ac_4_dd .ac_4_dd_faq5 dd{
  border-right: 1px solid #3D5DA2;
  border-bottom: 1px solid #3D5DA2;
}
.kyouzai_ac_4_dd dl dd::before{
  content:"";
  position: absolute;
  background-image: url("../img/faq_a.svg");
  background-repeat: no-repeat;
  background-size: contain;
  top: 0.5em;
  left: 0;
  width: 30px;
  height: 30px;
}
.kyouzai_ac_3_dd p{font-weight: 400;}
.kyouzai_ac_3_dd p.title{font-weight: 500;}
.kyouzai_ac_3_dd div:not(:last-child){
  border-right: 1px solid #E082AB;
  border-bottom: 1px solid #E082AB;
  line-height: 1.7;
  padding: 0 3rem 2rem 3rem;
  margin-bottom: 2rem;
}
.kyouzai_ac_3_dd div:nth-child(even){
  border-right: none;
  border-left: 1px solid #E082AB;
}
.kyouzai_ac_3_dd div:not(:last-child) span{
  text-align: right;
  display: block;
}
/*--ac閉じるボタン--*/
.ac_menu_close{
  transition: .2s;
  cursor: pointer;
  display: flex!important;
  justify-content: center!important;
  text-align: center;
}
.ac_menu_close:hover{transform: scale(1.1);}
.ac_menu_close span{
  position: relative;
  padding-left: 2.5rem;
}
.ac_menu_close span::after{
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(../img/popup_closed_g.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 30px;
  height: 30px;
}
.kyouzai_ac_2_dd .ac_menu_close span::after{background-image: url(../img/popup_closed.svg);}
.kyouzai_ac_3_dd .ac_menu_close span::after{background-image: url(../img/popup_closed_p.svg);}
.kyouzai_ac_4_dd .ac_menu_close span::after{background-image: url(../img/popup_closed_b.svg);}
/*-----------------------------------------------------*/
.cont_back_4,.cont_back_4 span{
  display: inline-block;
  color:#00b9ef;
  letter-spacing: 0.2em;
  font-size: 2.5rem;
  font-feature-settings: "palt" 1;
  position: relative;
  min-width: 400px;
  line-height: 1;
}
.cont_back_4 span{padding: 0.5em 1em;}
.cont_back_4::before,.cont_back_4::after,.cont_back_4 span::before,.cont_back_4 span::after{
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
}
.cont_back_4::before {
  top:0;
  left: 0;
  border-top: 4px solid #1eadde;
  border-left: 4px solid #f39700;
}
.cont_back_4::after {
  bottom:0;
  right: 0;
  border-right: 4px solid #f39700;
  border-bottom: 4px solid #1eadde;
}
.cont_back_4 span::after {
  top: 0;
  right: 0;
  border-top: 4px solid #1eadde;
  border-right: 4px solid #f39700;
}
.cont_back_4 span::before {
  left: 0;
  border-left: 4px solid #f39700;
  border-bottom: 4px solid #1eadde;
  bottom: -1px;
}
.sec_kyozai{
  content: url(../img/kyouzai_back_book.svg);
  background-size: 100vw;
  width: 100%;
  position: relative;
  background-position: bottom;
  line-height: 1;
  z-index: 2;
}
.kyozailist{
  padding:2rem 0 5rem; 
  position: relative;
}
/* 
.kyozailist_ilm::before{
  content: "";
  position: absolute;
  background: url(../img/kyouzai_ilm_1.png) no-repeat;
  top: -130px;
  left: calc(50% - 30rem);
  width: 140px;
  height: 181px;
  z-index: 10;
  pointer-events: none;
}
*/
/*-tab----------*/
.kyozai_tab_area {
  display: flex;
  color: #fff;
  cursor: pointer;
}
.tab,
.tab_ata,
.tab_jandk {
  width: calc(80%/4);
  font-size: 1.25rem;
  padding: 1em 1em 1em 0;
  text-align: center;
  transition: .2s;
  background-image:url("../img/tab.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
  filter: drop-shadow(6px 6px 4px rgba(0, 0, 0, 0.2));
  height: auto;
  z-index: 4;
  position: relative;
  bottom: -1px;
}
.tab.tab_misyu {background-image:url("../img/tab_p.svg"); margin-left: -2%;z-index: 3}
.tab.tab_syou {background-image:url("../img/tab_o.svg"); margin-left: -2%;z-index: 2}
.tab.tab_tyukou {background-image:url("../img/tab_g.svg"); margin-left: -2%;z-index: 1}
.tab.tab_song {background-image:url("../img/tab_b.svg"); margin-left: -2%;z-index: 0}

.tab.active,
.tab_ata.active,
.tab_jandk.active {
  color: #fff;
  transform: scale(1.1);
  transform-origin: left bottom;
  z-index: 5;
  background-image: url(../img/tab.svg);
  margin-right: 1em;
}
.tab_misyu.active{background-image: url("../img/tab_p.svg");}
.tab_syou.active{background-image: url("../img/tab_o.svg");}
.tab_tyukou.active{background-image: url("../img/tab_g.svg");}
.tab_song.active{background-image: url("../img/tab_b.svg");}

.panel {display: none;}
.panel.active {display: block;}
.panel_ata {display: none;}
.panel_ata.active {display: block;}
.panel_jandk {display: none;}
.panel_jandk.active {display: block;}

/*tab　中身*/
.kyozai_tab_wrap .panel{
  background-color: #fff;
  text-align: left;
  position: relative;
  z-index: 10;
  padding: 2rem 2rem 0 4rem;
  border-top: 10px solid #00B9EF;
}
.kyozai_tab_wrap .panel:nth-child(2){border-top: 10px solid #E082AB;}
.kyozai_tab_wrap .panel:nth-child(3){border-top: 10px solid #F39800;}
.kyozai_tab_wrap .panel:nth-child(4){border-top: 10px solid #42A95C;}
.kyozai_tab_wrap .panel:nth-child(5){border-top: 10px solid #3D5DA2;}

.kyozai_tab_wrap .panel::before {
  content: "";
  position: absolute;
  background-image: url(../img/note_hole.svg);
  background-repeat: no-repeat space;
  background-position: left;
  top: auto;
  left: 20px;
  width: 20px;
  height: calc(100% - 40px);
}
/*---------------------*/
.kyozai_douga{margin-bottom: 4rem;}
.kyozai_douga.mogi{margin-top: 4rem;}

.kyozai_douga h3,.kyozai_shidouan h3,.kyozai_hint h3{
  display: inline-block;
  margin: 0 0 2rem 0;
}
.kyozai_douga h3 img,.kyozai_shidouan h3 img,.kyozai_hint h3 img{width: auto;height:67px;}

.kyozai_douga.mogi h3 img{width:auto;height:67px;}

.kyozai_douga_ul{
  width: 100%;
  padding: 0 1rem 0 2rem;
}
.kyozai_hint{
  margin-top: 3em;
  margin-bottom: 3rem;
}
.kyozai_hint h3{
  display: inline-block;
}
.kyozai_hint p{
  margin-top: 0;
  color: #00B9EF
}
.kyozai_douga_li,
.kyozai_shidouan_li{width: auto;}

.kyozai_douga_li .gakunen span,
.kyozai_shidouan_li .shidouan_waku div span{
  color:#fff;
  padding:5px 0.75em;
  margin:auto 10px;
  background-color: #00B9EF;
  display: inline-block;
  line-height: 1;
  font-size: 0.875rem;
}
.kyozai_shidouan_li .gakunen span{
  position: absolute;
  top: 5px;
  right: 10px;
}
.kyozai_douga_li div span:nth-child(n+2),
.kyozai_shidouan_li div span:nth-child(n+2) {
  margin:auto 10px auto 0;
}
.kyozai_douga_li.kyozai_douga_misyusyogaku div span,
.kyozai_shidouan_li .waku_p div span{
  background-color: #E082AB;
}
.kyozai_douga_li.kyozai_douga_misyusyogaku div span:last-child,
.kyozai_shidouan_li .waku_o div span{
  background-color: #F39800;
}
.kyozai_douga_li.kyozai_douga_syotyu div span,
.kyozai_shidouan_li.kyozai_shidouan_syotyu div span{
  background-color: #F39800;
}
.kyozai_douga_li.kyozai_douga_syotyu div span:last-child,
.kyozai_shidouan_li .waku_g div span{
  background-color: #42A95C;
}

.kyozai_douga_li.kyozai_douga_syotyu.syo div span{
  background-color: #F39800 !important;
}
.kyozai_douga_li.kyozai_douga_syotyu.tyu div span{
  background-color: #42A95C !important;
}

.kyozai_douga_li h4{
  font-size: 1.25rem;
  margin: 0.5rem 0.75rem 1rem;
  height: 2.25rem;
  line-height: 1.2;
}
.kyozai_douga_li h4 span{
  font-size: 0.875rem;
  line-height: 1.5;
  display: block;
}
.kyozai_douga_li .kyozai_douga_link{
  display: inline-block;
  margin: 0 10px;
  font-size: 0.875rem;
  position: relative;
}
.kyozai_douga_li .kyozai_douga_link::before{
  content: "";
  position: absolute;
  background: url("../img/arrow3.svg") no-repeat;
  background-size: cover;
  width: 15px;
  height: 15px;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
}
.kyozai_douga_li .kyozai_douga_link:hover{text-decoration:underline;}

.panel_jak .kyozai_douga_ul,.panel_koe .kyozai_douga_ul{
  width: 100%;
  display: flex;
  justify-content: center;
}
.panel_jak .kyozai_douga_ul li,.panel_koe .kyozai_douga_ul li{width: 60%;}

.douga_waku {
  width: auto;
  height: auto;
  padding: 10px;
  margin: 0 10px 1rem;
  border-radius: 10px;
  background: #00B9EF;
  display: flex;
}
.kyozai_douga_misyusyogaku .douga_waku{
  background: linear-gradient(to right, #e082ab 0%, #e082ab 50%, #f39700 50%, #f39700 100%);
}
.kyozai_douga_syotyu .douga_waku{
  background: linear-gradient(to right, #F39800 0%, #F39800 50%, #42A95C 50%, #42A95C 100%);
}
.kyozai_douga_syotyu.syo .douga_waku{
  background: linear-gradient(to right, #F39800 0%, #F39800 100%);
}
.kyozai_douga_syotyu.tyu .douga_waku{
  background: linear-gradient(to right, #42A95C 0%, #42A95C 100%);
}
.douga_waku img{border-radius: 10px;width: 100%;}
 
.douga_waku a {display: inline-block;border-radius: 10px;transition: .2s;}
.douga_waku a:hover {opacity: 0.7;}



.kyozai_shidouan_li{
  flex: 1;
  display: flex;
  align-items: stretch;
  padding: 0;
}
.shidouan_waku {
  position: relative;
  width: 95%;
  border: 3px solid #E082AB;
  border-radius: 10px;
  margin: 0;
  padding: 20px 10px 10px;
  box-sizing: border-box;
  height: 240px;/*仮*/
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.shidouan_waku.waku_p{border: 3px solid #E082AB;}
.shidouan_waku.waku_o{border: 3px solid #F39800;}
.shidouan_waku.waku_g{border: 3px solid #42A95C;}

.shidouan_waku h4 span{
  background-color: transparent!important;
  padding: 0;
  font-size: 0.75rem;
  font-weight: 400;
  margin: 0 5px;
  margin-bottom: 0.2em;
  display: block;
}
.shidouan_waku::before {
  position: absolute;
  content: url(../img/pdf_ori_p.svg);
  width: 40px;
  height: 40px;
  top: -3px;
  left: -3px;
  z-index: 10;
}
.waku_p.shidouan_waku::before{content: url(../img/pdf_ori_p.svg);}
.waku_o.shidouan_waku::before{content: url(../img/pdf_ori_o.svg);}
.waku_g.shidouan_waku::before{content: url(../img/pdf_ori_g.svg);}

.shidouan_waku h4{
  font-size: 0.9rem;
  margin-bottom: 0;
  padding-top: 0.75rem;
  line-height: 1.15;
}
.shidouan_waku h4.mt3{margin-top: 3rem;}
.shidouan_waku h4.mt2{margin-top: 2rem;}
.shidouan_waku ul li.mb15{margin-bottom: 1.5rem!important;}
.shidouan_waku.atari_waku h4{font-size: 0.7rem;}

.shidouan_waku div{display: inline-block;}

.shidouan_waku div span{margin: 5px 0!important;}

.shidouan_waku dl dt {
  font-size: 1.2rem;
  margin: 1rem auto;
  font-weight: 800;
  line-height: 1;
}
.shidouan_waku dl dd,.shidouan_waku ul li {
  display: flex;
  justify-content: center;
  align-items: baseline;
}
.shidouan_waku ul li:first-child {margin-bottom: 0.5rem;}

.shidouan_waku dl dd a,.shidouan_waku ul li a {
  width: 100%;
  font-size: 0.9rem;
  font-weight: 600;
  background-color: #f9be00;
  border-radius: 50px;
  line-height: 1;
  position: relative;
  transition: .2s;
  margin: 0;
  min-height: 40px;
  display: flex;
  align-items: center;
  padding-left: 1em;
  transform: scale(1.0);
}
.shidouan_waku dl dd a:hover,.shidouan_waku ul li a:hover{transform: scale(1.075);}

.shidouan_waku dl dd a::after,.shidouan_waku ul li a::after {
  content: "";
  position: absolute;
  background-image: url(../img/icon_pdf.svg);
  background-repeat:no-repeat;
  background-size: cover;
  width: 35px;
  height: 35px;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
}
.shidouan_waku ul li .ebook div{font-size: 0.7rem;}
.shidouan_waku ul li .ebook::after {
  background-image: url("../img/icon_ebook.svg");
}
.shidouan_waku dl dd a.mp3::after,.shidouan_waku ul li a.mp3::after {
  background-image: url("../img/icon_mp3.svg");
}
.shidouan_waku dl dd a.ppt::after,.shidouan_waku ul li a.ppt::after {
  background-image: url("../img/icon_ppt.svg");
}
.shidouan_waku dl dd a div,.shidouan_waku ul li a div {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font-size: 0.8rem;
}
.shidouan_waku dl dd a .work,.shidouan_waku ul li a .work {
  font-size: 0.7rem;
  letter-spacing: 0;
}
.kyozai_hint_li {width: 30%;}
/*.hint_waku {
  width: auto;
  height: auto;
  min-width: 257px;
  min-height: 333px;
  padding: 10px 10%;
  margin: 0 10px 1rem;
  background-image: url(../img/kyouzai_pdf_p.svg);
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: contain;
  text-align: center;
}*/
/*.hint_waku h4{font-size:1.55rem;padding-top: 1em}

.shidouan_waku.hint_waku_p h4{color: #E082AB;}
.shidouan_waku.hint_waku_p div span{background-color: #E082AB;}

.shidouan_waku.hint_waku_o h4{color: #F39800;}
.shidouan_waku.hint_waku_o div span{background-color: #F39800;}

.shidouan_waku.hint_waku_g h4{color: #42A95C;}
.shidouan_waku.hint_waku_g div span{background-color: #42A95C;}
*/
.sec_koenouta > p,.sec_atarimae > p,.sec_jk > p{
  font-size: 0.875rem;
  line-height: 1.5;
  margin-bottom: 2rem;
}
.koenouta_humen_wrap .shidouan_waku{
  border: 3px solid #00B9EF;
  height: 180px;}

.koenouta_humen_wrap .shidouan_waku::before{content: url(../img/pdf_ori_b.svg);}

.sec_jk .kyozai_shidouan_li .waku_o h4{color: #F39800;}
.sec_jk .kyozai_shidouan_li .waku_g h4{color: #42A95C;}

/*tab　中身*/
.koenouta_tab_wrap{
  background-color: #fff;
  text-align: left;
  position: relative;
  border-top: 10px solid #00B9EF;
  padding-bottom: 3rem;
}
.koenouta_tab_wrap::before {
  content: "";
  position: absolute;
  background-image: url(../img/note_hole.svg);
  background-repeat: no-repeat space;
  background-position: left;
  top: 2rem;
  left: 20px;
  width: 95%;
  height: calc(100% - 40px);
}
.koenouta_video{
  width: 100%;
  background-color: #e9f4fb;
  padding:2rem 2rem 0 4rem;
  mix-blend-mode: multiply;
}
.koenouta_video > div{
  display: flex;
  justify-content: space-around;
	gap:20px;
}
.koenouta_video > div > div{
  margin: 3rem;
/*  width: 100%;*/
/*  max-width: 600px;*/
}
.koenouta_video h3{
  height:auto;
	line-height:1.4;
  margin: 0 0 0.5rem 0;
}
.koenouta_video h3.dan{
  height:3em;
}
.koenouta_video h3 span{font-size: 0.75em;}

.koenouta_video div .douga_waku{
  width: 100%;
  height:fit-content;
  margin: 0;
}
.koenouta_video div div img{
  width: 100%;
  max-width: 600px;
}

.koe_mov_wrap{
	padding:0 10px;
	box-sizing:border-box;
}

.koe_mov_wrap div span{
  color: #fff;
  background-color: #00B9EF;
  padding: 0.25em 1em;
  display: inline-block;
  margin-bottom: 0.5rem
}
.koe_mov_wrap a{
  border-bottom: 1px solid #00B9EF;
  transition: .2s;
}
.koe_mov_wrap a:hover{
  border-bottom: 1px solid #00B9EF;
  opacity: 0.7;
}
.koenouta_text_cont{
  padding:2rem 2rem 0 4rem;
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.koenouta_text_cont dt{
  color: #00B9EF;
  display: inline-block;
  padding: 0.5rem 0 0.25rem 0.75rem;
  font-size: 1.25rem;
  letter-spacing: 0;
  line-height: 1.2;
  border-bottom: 1px solid #f39800;
  position: relative;
  margin-bottom: 1em;
  margin-left: 1em;
  font-weight: 600;
}
.koenouta_text_cont dt::before {
  content: "";
  position: absolute;
  background: url(../img/pen.svg) no-repeat;
  background-size: contain;
  width: 20px;
  height: 30px;
  bottom: -2px;
  left: -14px;
}
.koenouta_text_cont dd{
  font-size: 0.875rem;
  line-height: 1.5;
  font-feature-settings: "palt" 1;
  margin-bottom: 1.5rem;
  text-align: justify;
}
.koenouta_kyouzai.kyozai_shidouan{padding:2rem 2rem 0 4rem;}

.atarimae_joyaku_cont{
  padding:2rem 2rem 0 4rem;
  margin-top: 3rem;
  margin-bottom: 4rem
}
.koenouta_kyouzai .popup label div {
  display: inline-block;
  background-color: #00B9EF;
  color: #fff;
  font-size: 1.25rem;
  border-radius: 32.5px;
  padding: 0.75em 3em 0.75em 0.5em;
  margin-top: 1.5rem;
  position: relative;
  letter-spacing: 0;
}
.koenouta_kyouzai .popup label div::before {
  content: "";
  position: absolute;
  height: 38px;
  width: 38px;
  top: 50%;
  background-color: #fff;
  right: 10px;
  border-radius: 50%;
  transform: translateY(-50%) scale(0.2);
  transition: .2s;
}
.koenouta_kyouzai .popup label div::after {
  content: "";
  position: absolute;
  height: 38px;
  width: 38px;
  top: 50%;
  right: 10px;
  border-radius: 50%;
  border: 1px solid #fff;
  transform: translateY(-50%);
}
.koenouta_kyouzai .popup label:hover div::before,.jak_double .popup label:hover div::before{
  transform: translateY(-50%) scale(1);
}
.koenouta_kyouzai .kyozai_shidouan_li:last-of-type {margin-right: 0;}

.koenouta_humen_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.koenouta_humen_tit{
  font-size: 1.25rem;
  padding:0.1em 0.75em;
  color:#00B9EF;
  letter-spacing: 0.25em;
  border-left: 7px solid #00B9EF;
  border-left: 7px solid #3D5DA2;
  margin-bottom: 1em
}
.atarimae_tab_area .tab_ata,
.atarimae_tab_area .tab_jandk {
  width: calc(70% / 3);
  font-size: 1.25rem;
  padding: 1em 0.5em 0.5em 1em;
  text-align: left;
  transition: .2s;
  background-image: url("../img/tab_atari_w.svg");
  background-repeat: no-repeat;
  background-size: contain;
  height: auto;
  z-index: 4;
  color: #00B9EF;
  line-height: 1;
}
.atarimae_tab_area .tab_jandk {
  padding: 0.85em 0.5em 0.7em 1em;
}
.atarimae_tab_area .tab_ata.active,
.atarimae_tab_area .tab_jandk.active {
  background-image: url("../img/tab.svg");
  z-index: 5;
  color: #fff;
}
.atarimae_tab_area .tab_ata  span,
.atarimae_tab_area .tab_jandk  span{
  font-size: 0.875rem;
  line-height: 1;}

.atarimae_tab_area .tab_jandk  .up{
  font-size:0.7em;
  margin-bottom:5px;}

.atarimae_tab_wrap,.jak_tab_wrap{
  background-color: #fff;
  text-align: left;
  border-top: 10px solid #E082AB;
  position: relative;
  z-index: 10;
  padding-bottom: 3rem;
}
.jak_tab_wrap{border-top: 10px solid #F39800!important;}

.atarimae_tab_wrap::before {
  content: "";
  position: absolute;
  background-image: url(../img/note_hole.svg);
  background-repeat: no-repeat space;
  background-position: left;
  top: 2rem;
  left: 20px;
  width: 20px;
  height: calc(100% - 40px);
}
.atarimae_tab_wrap::after,.jak_tab_wrap::after{
  content: "";
  position: absolute;
  width: 50%;
  right: 0;
  top: -10px;
  left: auto;
  border-top: 10px solid #F39800;
}
.jak_tab_wrap::after{
  border-top: 10px solid #42A95C!important;
}
.kyozai_shidouan_wrap{
  display: flex; 
  justify-content: space-between;
  align-items: center;
}
.kyozai_shidouan_wrap ul{width: 50%;}

.atarimae_tab_wrap .atarimae_konnatokini{
  display: flex;
  justify-content: center;
  padding-bottom: 3rem;
}
.atarimae_tab_wrap .kyozai_douga_li h4 span {display: inline-block; margin-right: 1em;}

.atarimae_tab_wrap .koenouta_video::before,
.jak_tab_wrap .koenouta_video::before{
  content: "";
  position: absolute;
  background: url("../img/kyouzai_atrme.svg") no-repeat;
  top: -10px;
  right: 50px;
  width: 120px;
  height: 170px;
  background-size: contain;
  z-index: 1000;
}
.jak_tab_wrap .koenouta_video::before{background: none;}

.atarimae_tab_wrap .atarimae_konnatokini h4{
  position: relative;
  width: auto;
  color: #00B9EF;
  margin: auto 3rem auto 0;
  font-size: 1.1rem;
}
.atarimae_tab_wrap .atarimae_konnatokini h4::before{
  content: "";
  position: absolute;
  background: url(../img/waku_2.svg) no-repeat;
  top: 50%;
  left: 50%;
  transform: translate(-47%, -45%);
  width: 120px;
  height: 100px;
  background-size: contain;
}
.atarimae_tab_wrap .atarimae_konnatokini ol li{
  font-size: 0.875rem;
  line-height: 1.7;
  text-indent: -1em;
  margin-left: 1em;
  text-align: justify;
}
.atarimae_tab_wrap .atarimae_konnatokini ol li span{
  color: #F39800;
  padding-right: 0.5em;
}
.atarimae_manaberu_wrap{
  display: flex;
  justify-content: space-between;
}
.atarimae_manaberu_wrap h3.manaberu{
	display:flex;
	align-items:center;
	font-size:1.25rem;
	font-weight:600;
	color:#f39800;}

.atarimae_manaberu_wrap h3.manaberu::before{
	content:'';
	display:block;
	margin-right:10px;
	background-image:url(../img/jak_manaberu.svg);
	background-repeat:no-repeat;
	width:100px;
	height:22px;}

.atarimae_manaberu_wrap .atarimae_manaberu {
  width: 47%;
  margin-right: 4rem;
  text-align: justify;
}
.atarimae_manaberu_wrap .atarimae_manaberu div{
  color:#F39800;
  font-size: 1.25rem;
  font-weight: 600;
}
.atarimae_manaberu_wrap .atarimae_manaberu div span {
  font-size: 0.875rem;
  padding: 0 2em 0.5em 0;
  background: url(../img/pen_back.svg) no-repeat;
  background-size: contain;
  margin-right: 0.5em;
}
.atarimae_manaberu_wrap .atarimae_manaberu p{
  line-height: 1.7;
  font-size: 0.875rem;
}
.atarimae_manaberu_wrap .popup{text-align: center;}

.atarimae_manaberu_wrap .popup label div {
  display: inline-block;
  background-color: #00B9EF;
  color: #fff;
  font-size: 1.25rem;
  border-radius: 32.5px;
  padding: 0.75em 3em 0.75em 0.5em;
  margin-top: 1.5rem;
  position: relative;
  letter-spacing: 0;
}
.atarimae_manaberu_wrap .popup label div::before {
  content: "";
  position: absolute;
  height: 38px;
  width: 38px;
  top: 50%;
  transform: translateY(-50%) scale(0.2);
  background-color: #fff;
  right: 10px;
  border-radius: 50%;
  transition: .2s;
}
.atarimae_manaberu_wrap .popup label div::after {
  content: "";
  position: absolute;
  height: 38px;
  width: 38px;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  border-radius: 50%;
  border: 1px solid #fff;
}
.atarimae_manaberu_wrap .popup label:hover div::before{
  transform: translateY(-50%) scale(1);
}
.atarimae_popup{
  text-align: center;
  width: 50%;
}
#popup_1,#popup_2,#popup_3,#popup_4,
#popup_5,#popup_6,#popup_7,#popup_8,
#popup_9,#popup_10{display: none; /* label でコントロールするので input は非表示に */}

.popup-open {cursor: pointer;}

.popup-overlay {display: none; /* input にチェックが入るまでは非表示に */}

#popup_1:checked ~ .popup-overlay,
#popup_2:checked ~ .popup-overlay,
#popup_3:checked ~ .popup-overlay,
#popup_4:checked ~ .popup-overlay,
#popup_5:checked ~ .popup-overlay,
#popup_6:checked ~ .popup-overlay,
#popup_7:checked ~ .popup-overlay,
#popup_8:checked ~ .popup-overlay,
#popup_9:checked ~ .popup-overlay,
#popup_10:checked ~ .popup-overlay{
  display: block;
  z-index: 99999;
  background-color: #00000070;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
}
.popup-window {width: 90vw;}

.joyaku_wrap{
  display: flex;
  justify-content: space-between;
}
.joyaku_cont{
  width: calc(100% / 3);
}
.joyaku_cont_ata3{
  width: calc(100% / 2);
}
.joyaku_cont:not(:last-child){
  margin-right: 3rem;
}
.joyaku_cont dt{
  background-color: #f5f3f0;
  padding: 0.5em 0 0.5em 70px;
  font-size: 1.125rem;
  color: #00B9EF;
  font-weight: 600;
  position: relative;
  letter-spacing: 0;
}
.joyaku_cont dt::before{
  content: "";
  position: absolute;
  width: 55px;
  height:100px; 
  top: 0;
  left: 0;
  background-image: url("../img/joyaku_top_2.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.joyaku_cont:nth-child(2) dt::before{background-image: url("../img/joyaku_top_12.svg");}
.joyaku_cont:nth-child(3) dt::before{background-image: url("../img/joyaku_top_14.svg");}
.atarimae_2 .joyaku_cont:nth-child(1) dt::before{background-image: url("../img/joyaku_top_19.svg");}
.atarimae_2 .joyaku_cont:nth-child(2) dt::before{background-image: url("../img/joyaku_top_34.svg");}
.atarimae_2 .joyaku_cont:nth-child(3) dt::before{background-image: url("../img/joyaku_top_12.svg");}
.atarimae_3 .joyaku_cont:nth-child(1) dt::before{background-image: url("../img/joyaku_top_12.svg");}
.atarimae_3 .joyaku_cont:nth-child(2) dt::before{background-image: url("../img/joyaku_top_32.svg");}

.joyaku_cont .joyaku_img{
  height: 140px;
  width: auto;
}
.joyaku_cont .joyaku_img img{
  height: 140px;
  width: auto;
  margin: 0.5rem auto 1rem;
  display: flex;
  align-items: flex-end;
}
.joyaku_cont dd{
  font-size: 0.875rem;
  line-height: 1.5;
  text-align: justify;
}
.joyaku_cont label.popup-open{
  color: #339CD1;
  padding: 0.5em 1em 0.1em 0;
  border-bottom: 1px solid #00B9EF;
  display: inline-block;
  position: relative;
  transition: .2s;
  margin-bottom: 1em;
}
.joyaku_cont label.popup-open:hover{
  border-bottom:  1px solid transparent;
  opacity: 0.7;
}
.joyaku_cont label.popup-open::before{
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid #00B9EF;
  border-right: 0;
  top: 45%;
  right: 0;
}
 label.popup-open img{
  width: 100%;
  max-height: 200px;
  max-width: 350px;
}
.jak_double_right label.popup-open img{
  width: auto;
  display: block;
  margin: 0 auto;
}
.joyaku_popup{
  display: flex;
  flex-direction: column;
}
.joyaku_popup div{
  font-size: 1.125rem;
  color: #00B9EF;
  font-weight: 600;
  margin-bottom: 1em;
  border-bottom: 1px solid #00B9EF;
  width: 100%;
}
.joyaku_popup p{
  line-height: 1.7;
  text-align: justify;
}
.sec_koenouta,.sec_atarimae,.sec_jk,.kyozailist{
  position: relative;
}
.sec_koenouta::before,.sec_atarimae::before,.sec_jk::before{
  position: absolute;
  content: "";
  top: 25px;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
  width: 320px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../img/koenouta_tit_song.svg");
}
.sec_atarimae::before{
  background-image: url("../img/atarimae_tit_top.svg");
  width: 250px;
}
.sec_jk::before{
  background-image: url("../img/jak_tit_top.svg");
  width: 285px;
}
.kyozailist::after,.sec_koenouta::after,.sec_atarimae::after,.sec_jk::after{
  position: absolute;
  content: "";
  bottom: calc(5rem + -20px);
  left: 50%;
  height: 15px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: auto;
  background-image: url(../img/note_under.svg);
  max-width: 1100px;
  transform: translateX(-50%);
}
footer section {background-color: #f5f2ef;}

.footer_back {
  display: flex;
  padding: 1em 2em;
  justify-content: flex-start;
  align-items: flex-end;
}
.footer_back p{
  font-size: 0.9rem;
  font-weight: 600;
  color:#065595;
  line-height: 1.2;
  text-align: left;
  /*text-shadow: 0px 0px 5px #065595;*/
    max-width: 1100px;
    width: 1100px;
    display: inline-block;
    margin: 0 auto;
    padding-right: 150px;
}
/*-------------------*/
.jak_tab_wrap{
	background-color: #fff;
	position: relative;
	border-top: 10px solid #00B9EF;
	padding-bottom: 3rem;
  text-align: justify;}

.jak_tab_wrap::before {
	position: absolute;
	background-image: url(../img/note_hole.svg);
	background-repeat: no-repeat space;
	background-position: left;
	top: 2rem;
	left: 20px;
	width: 20px;
	height: calc(100% - 40px);}

.jak_video{
	width: 100%;
	background-color: #e9f4fb;
	padding:0 2rem 0 5rem;
	mix-blend-mode: multiply;}

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

.jak_video > div > div{
	margin: 3rem 0;
	width: 30%;}

.jak_video h3{
	height: 2.5em;
	margin: 0 0 0.5rem 0;}

.jak_video h3 span{
	font-size: 0.9em;}

.jak_video div .douga_waku{
	width: 100%;
	height:fit-content;
	margin: 0;
  background: linear-gradient(to right, #F39800 0%, #F39800 50%, #42A95C 50%, #42A95C 100%);
}

.douga_block{
	text-align:center;}

.douga_block .douga_waku{
	display:inline-block;
	width:auto !important;}

.jak_video div div img{
	width: 100%;}

.jak_mov_wrap div span{
	color: #fff;
	background-color: #00B9EF;
	padding: 0.25em 1em;
	display: inline-block;
	margin-bottom: 0.5rem}

.jak_text_cont{
	padding:2rem 2rem 0 4rem;
	margin-top: 3rem;
	margin-bottom: 3rem}

.jak_text_cont dt{
	color: #00B9EF;
	display: inline-block;
	padding: 0.5rem 0 0.25rem 0.75rem;
	font-size: 1.25rem;
	letter-spacing: 0;
  line-height: 1.2;
	border-bottom: 1px solid #f39800;
	position: relative;
	margin-bottom: 1em;
	margin-left: 1em;
	font-weight: 800;}

.jak_text_cont dt::before {
	content: "";
	position: absolute;
	background: url(../img/pen.svg) no-repeat;
	background-size: contain;
	width: 20px;
	height: 30px;
	bottom: -2px;
	left: -14px;}

.jak_text_cont dd{
	font-size: 0.875rem;
	line-height: 1.5;
	font-feature-settings: "palt" 1;
	margin-bottom: 1.5rem;}

.jak_double{
	width:100%;
	display:flex;
	justify-content:space-between;
	padding:2rem 2rem 0 4rem;
	margin:3rem 0;}

.jak_double.inner{
	padding:0;
	margin:0;}

.jak_double .jak_double_left,
.jak_double .jak_double_right{
	width:45%;}

.jak_double .jak_double_left span{
  font-size: 0.7rem;
  text-align: left;
  line-height: 1.1;
  display: inline-block;
  font-weight: 400;
}
.jak_double .jak_double_left span a{
  letter-spacing: 0;
  text-decoration: underline;
  z-index: 10;
  word-break: break-all;
}
.jak_double .jak_double_left span a:hover{
  text-decoration: none;
}
.jak_double p.read{
	font-size:1em;
	line-height:1.4em;}

.jak_double h3.manaberu{
	display:flex;
	align-items:center;
	font-size:1.25rem;
	font-weight:600;
	color:#f39800;}

.jak_double h3.manaberu::before{
	content:'';
	display:block;
	margin-right:10px;
	background-image:url(../img/jak_manaberu.svg);
	background-repeat:no-repeat;
	width:100px;
	height:22px;}

.jak_double .popup{
	width:100%;}

.jak_double .popup label div {
	display: inline-block;
	background-color: #00B9EF;
	color: #fff;
	font-size: 1.25rem;
	border-radius: 32.5px;
	padding: 0.75em 3em 0.75em 0.5em;
	margin-top: 0.5rem;
	position: relative;
	letter-spacing: 0;}

.jak_double .popup label div::before {
	content: "";
	position: absolute;
	height: 38px;
	width: 38px;
	top: 50%;
	transform: translateY(-50%) scale(0.2);
	background-color: #fff;
	right: 10px;
	border-radius: 50%;
	transition: .2s;}

.jak_double .popup label div::after {
	content: "";
	position: absolute;
	height: 38px;
	width: 38px;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	border-radius: 50%;
	border: 1px solid #fff;}

.jak_double .syo h4{
	font-size:1.2em;
	letter-spacing:0.5em;
	font-weight:600;
	color:#f39800;
	margin:0 0 10px;}

.jak_double .syo h4::before{
	content:'';
	border-left:8px solid #f39800;
	margin-right:10px;}

.jak_double .syo p.title{
	font-size:1em;
	font-weight:600;
	color:#f39800;
	margin:0;}

.jak_double .chu h4{
	font-size:1.2em;
	letter-spacing:0.5em;
	font-weight:600;
	color:#41b25d;
	margin:0 0 10px;}

.jak_double .chu h4::before{
	content:'';
	border-left:8px solid #41b25d;
	margin-right:10px;}

.jak_double .chu p.title{
	font-size:1em;
	font-weight:600;
	color:#41b25d;
	margin:0;}

.jak_double .syo p,
.jak_double .chu p{
	margin:0 0 10px;}

.jak_double .speaker{
	display:flex;
	justify-content:flex-start;
	gap:15px;
	align-items:flex-end;}

.jak_double .speaker p.intro{
	font-size:1.1em!important;
	line-height:1.2em;
	color:#1eadde;
	font-weight:600;
	margin:0;
  text-align: left;}

.jak_double .speaker p.intro span{
	font-size:0.7em;
	color:#1eadde;
	font-weight:600;
	margin:0;}

/*.jak_shidouan_li_syo{
	background-image:url("../img/kyouzai_pdf_o.svg");
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: contain;
	width: 230px;}

.jak_shidouan_li_chu{
	background-image:url("../img/kyouzai_pdf_o.svg");
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: contain;
	width: 230px;}
*/

.jak_other_comment{
	padding:0 5% 3rem !important;}

.jak_other_comment p{
	font-size:0.9rem;
	font-weight:normal;
	background:#fff;
	padding:1rem;
	border-radius:1rem;}

.atarimae_video > div,.jak_video > div{
  padding: 3rem 5%;
  justify-content: center;
}

@media screen and ( max-width:590px) {
.jak_other_comment{
	padding:0 0 3rem !important;}

.jak_other_comment p{
	font-size:0.8rem;}
}


.jak_ichiran_box{
	display:flex;
	flex-direction:column;
	width:100%;
	padding-top:0 !important;}

.jak_ichiran{
	display:flex;
	justify-content:space-between;
	width:100% !important;
	margin:0 !important;}

.jak_ichiran .photo{
	width:37%;
	margin:0;}

.jak_ichiran .photo img{
	width:100%;
	margin:0;
	border-radius:10px;}

.jak_ichiran .text{
	width:60%;
	margin:0;}

.jak_ichiran .text h4{
	margin-top:0;
	margin-bottom:10px;}

.jak_ichiran .text p{
	font-size: 0.9rem;
	font-weight: normal;
	margin:0;}

@media screen and ( max-width:640px) {
.jak_ichiran_box{
	width:90%;
	margin:0 auto;}

.jak_ichiran{
	flex-direction:column;
	margin:0 0 30px;}

.jak_ichiran .photo{
	width:100%;
	margin:0 0 10px;}

.jak_ichiran .text{
	width:100%;
	margin:0;}
}



@media screen and ( max-width:1100px) {
.pc{display: none;}
.sp{display: block;}
.sp1100{display: block;}

.kyouzai_ac_4_dd dl dt {
  width: 100%;
  position: relative;
  text-align: left;
  margin-bottom: calc(2rem + 40px);
}
.kyouzai_ac h2 {
  z-index: 11;
  position: relative;
}
.kyouzai_ac .ac_menu .ac_content::after {right: 2%;}

.kyouzai_ac .ac_menu > dt {padding: 1em 7em 1em 1em;}

.ac_menu dd.kyouzai_ac_1_dd div div {
  display: flex;
  flex-direction: column;
  width: 100%;
  font-size: 1.2em;
  padding: 0.5em;
}
.kyouzai_ac .ac_menu > dt {
  font-size: 1.1rem;
  padding: 1em 5em 1em 1em;
}
.ac_menu dd.kyouzai_ac_1_dd div a:not(:first-child) { margin-left: 0; }

.ac_menu dd.kyouzai_ac_1_dd div a {margin-bottom: 1.5rem;}

.ac_menu dd.kyouzai_ac_2_dd {width: 80%;}

.kyouzai_ac_3_dd div:not(:last-child) {
  padding: 1rem 2rem;
  margin-bottom: 1rem;
}
.kyozailist_ilm::before {
  top: -80px;
  left: calc(5%);
  background-size: 120px;
}
.tab {
  width: calc(100% / 5);
  font-size: 1.15rem;
}
.koenouta_video > div {flex-direction: column;}

.koenouta_video > div > div {
  margin: 1.5rem auto;
  width: 60%;
}
.atarimae_tab_wrap .atarimae_konnatokini {padding-top: 0;}

.sec_koenouta > p, .sec_atarimae > p, .sec_jk > p {
  margin: auto 1rem 2rem 1rem;
  text-align: center;
}
.atarimae_tab_area .tab_ata,
.atarimae_tab_area .tab_jandk {
  font-size: 1.1rem;
  padding: 1em 0.5em 0.5em 1.5em;
  height: 85px;
  width: calc(90% / 3);
  background-size: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.atarimae_tab_area .tab_jandk {
  padding: 0.85em 0.5em 0.7em 1em;
}
.kyozai_douga_li h4 {
  font-size: 1.1rem;
  margin: 0.5rem 0.75rem 1rem;
  height: 2.25rem;
  text-align: left;
}
.atarimae_tab_wrap .atarimae_konnatokini h4 {
  margin: auto 0;
  height: 100px;
  align-items: center;
  display: flex;
  justify-content: center;
}
.atarimae_video .atarimae_video_item,.jak_video .jak_video_item{
  padding: 3rem 10%;
  width: 80%;
  margin: 0 auto;
}
}


@media screen and ( max-width:950px) {
.footer_back p{
  font-size: 0.9rem;
  padding-right: 80px;
}  
  
}
  
@media screen and ( max-width:850px) {
.sp850{display: block;}
.tab {font-size: 2.2vw;}

.kyouzai_ac .ac_menu .ac_content::after {
  right: 0%;
  width: 100px;
  height: 80px;
}
.joyaku_wrap {flex-direction: column;}

.joyaku_cont:not(:last-child) {
  margin-right: 0rem;
  margin-bottom: 1rem
}
.joyaku_cont {width: 100%;}

.atarimae_manaberu_wrap .atarimae_manaberu div span {
  display: block;
  margin-bottom: 0.25em;
}
.kyozai_tab_wrap .panel{
  padding: 2rem 1rem 0 2rem;
}
.kyozai_tab_wrap .panel::before,
.koenouta_tab_wrap .panel,
.koenouta_video,
.koenouta_text_cont,
.koenouta_kyouzai.kyozai_shidouan,
.atarimae_joyaku_cont,
.jak_text_cont,
.jak_double{
  padding: 2rem 1rem 0 3rem;
}
.kyozai_tab_wrap .panel::before,
.koenouta_tab_wrap::before,
.atarimae_tab_wrap::before{
  background-size: 15px;
  left: 15px;
}
.footer_back p{
  font-size: 0.8rem;
}  
  
}


@media screen and (max-width: 767px){
.pc{display: none;}
.sp767{display: block;}
article section, footer section {
  padding-left: 0;
  padding-right: 0;
}
.ac_menu li,.ac_menu dd,.sec_koenouta p,
.koenouta_text_cont dd,.joyaku_cont dd,.joyaku_popup p,
.atarimae_manaberu_wrap .atarimae_manaberu p,
.atarimae_tab_wrap .atarimae_konnatokini ol li,
.jak_double_left p,.jak_double_right p,.popup-window dd,.jak_double_left .read{
  font-weight: 400;
  font-size: 0.8rem!important;
}
.kkpj_k_top{
  background-image: url("../img/kyouzai_top_sp.png");
  background-size: 90%;
  background-position: 50% 25%;
  height: 100vh;
  max-width: 90%;
  margin: 1rem auto;
}
.kyouzai_ac {
  padding: 2.5rem 0 0;
}
.kyouzai_ac::before,.kyouzai_ac::after {
  background-size: 100px;
}
.kyouzai_ac .ac_menu {
  font-size: 0.8rem;
  margin: 0 1rem 3em 2.5rem;
}
.ac_menu dd.kyouzai_ac_2_dd p:nth-last-of-type(1) span {font-size: 1rem;}
.ac_menu dd.kyouzai_ac_2_dd p:nth-child(1){font-size: 0.9rem;}
.ac_menu dd.kyouzai_ac_2_dd p:nth-child(1) span{font-size: 1.2rem;}

.kyouzai_ac .ac_menu > dt {
  font-size: 0.9rem;
  padding: 1em 6em 1em 1em;
}
.kyouzai_ac .ac_menu::before {top: 16px;}

.ac_menu dd.kyouzai_ac_1_dd,
.ac_menu dd.kyouzai_ac_2_dd,
.ac_menu dd.kyouzai_ac_3_dd,
.ac_menu dd.kyouzai_ac_4_dd{
  width: 90%;
  margin: 1.5rem auto 0;
  padding-bottom: 1.5rem;
}
.ac_menu dd.kyouzai_ac_1_dd div a {
  padding: 0.5em 4em 0.5em 1em;
  margin-bottom: 1rem;
}
.kyouzai_ac_3_dd div:not(:last-child) {padding: 0 1rem 1rem;}

.ac_menu dd.kyouzai_ac_1_dd h3 {
  font-size: 1rem;
  text-align: center;
}
.ac_menu dd.kyouzai_ac_1_dd div div {
  font-size: 1em;
  padding: 0.5em 0.25em;
}
.ac_menu dd.kyouzai_ac_1_dd div a::after {
  right: 5px;
  width: 35px;
  height: 35px;
}
.kyouzai_ac h2 {
  margin: 0 auto 2rem;
  font-size: 5vw;
}
.ac_menu dd.kyouzai_ac_1_dd div div {flex-direction: column;}

.kyouzai_ac_4_dd dl dt {
  margin-top: 3rem;
  margin-bottom: calc(0rem + 40px);
  font-size: 0.9rem;
}
.cont_back_4 span {padding: 1em 2em;}

.kyouzai_ac_4_dd dl::before {left: 0;}

.cont_back_4, .cont_back_4 span {
  font-size: 1.5rem;
  min-width: auto;
}
.tab {padding: 1.75em 0.5em 0.5em 0;}

.sec_koenouta > p, .sec_atarimae > p, .sec_jk > p {
  margin: 1rem auto 2rem;
  text-align: justify;
  width: 80%;
}
.kyozailist::before {
  top: 25px;
  width: 200px;
}
.kyozailist_ilm::before {background-size: 15vw;}

.kyozai_shidouan_wrap{flex-direction: column;}

.kyozai_shidouan_wrap ul{width: 100%;}

.kyozai_douga.mogi h3 img{width:auto;height:55px;}

.kyozai_douga h3 img,.kyozai_shidouan h3 img,.kyozai_hint h3 img {
  width: auto;
  height: 55px;
}
.atarimae_manaberu_wrap {
  flex-direction: column;
  margin-top: 0;
}
.atarimae_manaberu_wrap .atarimae_manaberu,.atarimae_popup {
  width: 90%;
  margin-top: 1rem;
}
.atarimae_manaberu_wrap .atarimae_manaberu div span {display:inline-block;}

 label.popup-open img{width: 60%}

.koenouta_kyouzai .popup label div::after,
.koenouta_kyouzai .popup label div::before,
.jak_double .popup label div::after,
.jak_double .popup label div::before,
.atarimae_manaberu_wrap .popup label div::after,
.atarimae_manaberu_wrap .popup label div::before{
  height: 30px;
  width: 30px;
}
.atarimae_tab_wrap .atarimae_konnatokini {flex-direction: column;}

.atarimae_video .atarimae_video_item,
.jak_video .jak_video_item{
  width: 100%;
}
.jak_double {flex-direction: column;}

.jak_double .jak_double_left,
.jak_double .jak_double_right {
  width: 100%;
}
.jak_double .jak_double_right img{width:60%;max-width: 300px;}

.atarimae_manaberu_wrap .popup {
  width: 90%;
  margin: 0 auto;
}
.atarimae_tab_area .tab_ata,
.atarimae_tab_area .tab_jandk {
  font-size: 2.5vw;
  height: auto;
  padding: 1em 0.5em 0.5em 1em;
  width: calc(100% / 3);
}
.atarimae_tab_area .tab_jandk {
  padding: 0.85em 0.5em 0.7em 1em;
}
.atarimae_tab_area .tab_jandk  .up{
  font-size:0.7em;
  margin-bottom:3px;}

.atarimae_tab_area .tab_ata span,
.atarimae_tab_area .tab_jandk span {font-size: 1.7vw;}

.atarimae_tab_wrap .koenouta_video::before, .jak_tab_wrap .koenouta_video::before {
  right: 20px;
  width: 70px;
  height: 10%;
}
.atarimae_tab_wrap .kyozai_douga_li h4 span {display: block;}

.panel_jak .kyozai_douga_ul li,
.panel_koe .kyozai_douga_ul li{
  width: 100%;
}
article section {
  padding-left: 1rem;
  padding-right: 1rem;
}
.footer_back {
  justify-content: center;
  padding: 1em;
}
.footer_back p {
  font-size: 0.7rem;
  padding-right: 0;}
}


@media screen and (max-width: 600px) {
.faq_link a {width: 80%;}

.popup-window.re div {flex-direction: column;}

.kyouzai_ac .ac_menu .ac_content::after {
  width: 80px;
  height: 65px;
}
}


@media screen and (max-width: 590px){
.kkpj_k_top div h2 {font-size: 6.2vw;}

.kkpj_k_top div p {font-size: 3vw;}

.atarimae_video .atarimae_video_item,
.jak_video .jak_video_item{
  padding: 3rem 0 1rem;
}

.panel_jandk .jak_video .jak_video_item{
  padding: 3rem 0 0 !important;
}

.shidouan_waku {
  width: 200px;
  margin: 0 0.25rem;
}
.koenouta_video > div > div {width: 90%;}

.shidouan_waku ul li a {width: 80%;}

 label.popup-open img{width: 80%}

.koenouta_kyouzai .popup label div,
.atarimae_manaberu_wrap .popup label div {
  font-size: 1rem;
}
.kyozai_douga_ul{padding:0;}

.footer_back p {
  font-size: 2vw;
  }

  
}


@media screen and (max-width: 400px){

.kyozai_douga h3 img,
.kyozai_shidouan h3 img,
.kyozai_hint h3 img {
  width: auto;
  height: 40px;
}
.kyozai_douga_li h4 {font-size: 0.975rem;}

.kyozai_douga_li h4 span {font-size: 0.7rem;}
}