@charset "UTF-8";
:root {
  --color-orange: #df7524;
  --color-orange2: #F18D4C;
  --color-orange3: #F5A200;
  --color-orange4: #EC6D5F;
  --color-yellow: #dca325;
  --color-yellow2: #F1BC1A;
  --color-pink: #ca475c;
  --color-pink2: #EC7AA2;
  --color-brown: #935436;
  --color-red-brown: #8c3c4c;
  --color-red: #d7282d;
  --color-dark-red: #c24441;
  --color-light-green: #f8fbf3;
  --color-beige: #f9f4e9;
  --color-green: #8fbf3e;
  --color-light-green2: #C2C44C;
  --color-green2: #26B7BC;
  --color-purple: #8a3075;
  --color-purple2: #AF579D;
  --color-blue: #35729b;
  --color-blue2: #53A5D6;
  --color-blue3: #3AA1D5;
  --color-dark-blue: #24456d;
  --color-dark-blue2: #427BBF;
  --color-light-blue: #3396cd;
  --color-navy: #453b52;
  --color-light-gray: #59758d;
  --color-thin-blue: #DAECF9;
  --color-thin-green: #EAF5F6;
  --color-thin-green2: #F6F8DE;
  --color-thin-yellow: #FDF3D9;
  --color-thin-orange: #FDEBDC;
  --color-thin-orange2: #FDEDE7;
  --color-thin-purple: #F2E8F3;
}
/*背景色*/
.bg_orange{
  background: var(--color-orange);
}
.bg_orange2{
  background: var(--color-orange2);
}
.bg_orange3{
  background: var(--color-orange3);
}
.bg_orange4{
  background: var(--color-orange4);
}
.bg_yellow{
  background: var(--color-yellow);
}
.bg_yellow2{
  background: var(--color-yellow2);
}
.bg_pink{
  background: var(--color-pink);
}
.bg_pink2{
  background: var(--color-pink2);
}
.bg_brown{
  background: var(--color-brown);
}
.bg_red-brown{
  background: var(--color-red-brown);
}
.bg_red{
  background: var(--color-red);
}
.bg_dark-red{
  background: var(--color-dark-red);
}
.bg_light_green{
  background: var(--color-light-green);
}
.bg_light_green2{
  background: var(--color-light-green2);
}
.bg_beige{
  background: var(--color-beige);
}
.bg_green{
  background: var(--color-green);
}
.bg_green2{
  background: var(--color-green2);
}
.bg_purple{
  background: var(--color-purple);
}
.bg_purple2{
  background: var(--color-purple2);
}
.bg_blue{
  background: var(--color-blue);
}
.bg_blue2{
  background: var(--color-blue2);
}
.bg_blue3{
  background: var(--color-blue3);
}
.bg_dark_blue{
  background: var(--color-dark-blue);
}
.bg_dark_blue2{
  background: var(--color-dark-blue2);
}
.bg_light_blue{
  background: var(--color-light-blue);
}
.bg_navy{
  background: var(--color-navy);
}
.bg_light_gray{
  background: var(--color-light-gray);
}
.bg_thin_blue{
  background: var(--color-thin-blue);
}
.bg_thin_green{
  background: var(--color-thin-green);
}
.bg_thin_green2{
  background: var(--color-thin-green2);
}
.bg_thin_yellow{
  background: var(--color-thin-yellow);
}
.bg_thin_orange{
  background: var(--color-thin-orange);
}
.bg_thin_orange2{
  background: var(--color-thin-orange2);
}
.bg_thin_puple{
  background: var(--color-thin-purple);
}
/*文字色*/
.cl_orange{
  color: var(--color-orange);
}
.cl_orange2{
  color: var(--color-orange2) !important;
}
.cl_orange3{
  color: var(--color-orange3) !important;
}
.cl_orange4{
  color: var(--color-orange4) !important;
}
.cl_yellow{
  color: var(--color-yellow);
}
.cl_yellow2{
  color: var(--color-yellow2) !important;
}
.cl_green2 {
  color: var(--color-green2) !important;
}
.cl_light_green2 {
  color: var(--color-light-green2) !important;
}
.cl_pink{
  color: var(--color-pink);
}
.cl_pink2{
  color: var(--color-pink2);
}
.cl_red_brown{
  color: var(--color-red-brown);
}
.cl_brown{
  color: var(--color-brown);
}
.cl_red{
  color: var(--color-red);
}
.cl_dark_red{
  color: var(--color-dark-red);
}
.cl_purple{
  color: var(--color-purple);
}
.cl_purple2{
  color: var(--color-purple2) !important;
}
.cl_blue{
  color: var(--color-blue);
}
.cl_blue2{
  color: var(--color-blue2);
}
.cl_dark_blue{
  color: var(--color-dark-blue);
}
.cl_dark_blue2{
  color: var(--color-dark-blue2) !important;
}
.cl_light_blue{
  color: var(--color-light-blue);
}
.cl_navy{
  color: var(--color-navy);
}
.cl_light_gray{
  color: var(--color-light-gray);
}

.tac{
  text-align: center;
}
.subpage .block{
  display: block;
}
.subpage .gap0{
  gap: 0;
}
@media screen and (max-width: 767px) {
	.sp_mb0{
	  margin-bottom: 0;
	}
}

body{
  overflow-x: hidden;
}


/*公務員科css*/

.subpage {
  overflow: hidden
}

.page_publicservice, .page_publicservice_one, .page_integrated_business {
  font-size: 16px;
  line-height: 2.2
}

.txt-center {
  text-align: center;
}

.full-width {
  position: relative;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-top: 40px;
  clear: both;
}

.full-width>div[class*="group"] {
  max-width: 1100px;
  margin: 0 auto;
  padding-right: 20px;
  padding-left: 20px;
}

.btn_type01 {
  max-width: 830px;
  margin: 60px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.btn_type01 li:first-child {
  margin-right: 30px;
}

.btn_type01 li:nth-child(3) {
  margin-top: 30px !important;
}

.btn_type01 li a {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
  width: 400px;
  border-radius: 4px;
  padding: 16px 0 16px 20px;
  color: #fff;
  line-height: 1;
}

.btn_type01 li a::before {
  content: "";
  height: 40px;
  border-left: 1px dotted #fff;
  position: absolute;
  right: 60px;
}

.btn_type01 li a::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 4px 0 4px;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  right: 27px;
}
.btn_type01 li:hover {
  opacity: 0.7;
}
.btn_type01 li a:hover {
  color: #fff;
}

.page_publicservice .btn_type01 li a {
  background-color: var(--color-yellow);
}

.page_publicservice .btn_type01.orange3 li a {
  background-color: var(--color-orange3);
}

.page_publicservice .top_btn li:first-child a {
  background-color: var(--color-orange);
}

.page_publicservice .top_btn li:nth-child(2) a {
  background-color: var(--color-pink);
  font-size: 16px;
}

.page_publicservice .top_btn li:nth-child(3) a {
  background-color: var(--color-brown);
}

.page_publicservice .top_btn2 li:first-child a {
  background-color: var(--color-yellow2);
}

.page_publicservice .top_btn2 li:nth-child(2) a {
  background-color: var(--color-orange2);
  font-size: 16px;
}

.page_publicservice .top_btn2 li:nth-child(3) a {
  background-color: var(--color-light-green2);
}

.page_publicservice_one .btn_type01 li a {
  background-color: var(--color-dark-red);
}

.page_publicservice_one .btn_type01.pink2 a {
  background-color: var(--color-pink2);
}

.page_publicservice_one .top_btn li:first-child a {
  background-color: var(--color-red-brown);
}

.page_publicservice_one .top_btn li:nth-child(2) a {
  background-color: var(--color-purple);
  font-size: 16px;
}

.page_publicservice_one .top_btn2 li:first-child a {
  background-color: var(--color-orange4);
}

.page_publicservice_one .top_btn2 li:nth-child(2) a {
  background-color: var(--color-purple2);
  font-size: 16px;
}

.page_integrated_business .btn_type01 li a {
  background-color: var(--color-dark-blue);
}

.page_integrated_business .btn_type01.top_btn2 li a {
  background-color: var(--color-dark-blue2);
}

.page_integrated_business .top_btn li:nth-child(2) a {
  background-color: var(--color-navy);
  font-size: 16px;
}

.page_integrated_business .top_btn2 li:nth-child(2) a {
  background-color: var(--color-green2);
}


.subpage main .main .btn_type02 {
  max-width: 700px;
  border-radius: 6px;
  margin: 100px auto 0;
}

.btn_type02 a {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
  max-width: 700px;
  height: 60px;
  border-radius: 6px;
  padding: 0 0 0 30px;
  color: #fff;
  line-height: 1;
}

.btn_type02 a::before {
  content: "";
  height: 40px;
  border-left: 1px dotted #fff;
  position: absolute;
  right: 60px;
}

.btn_type02 a::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 10px;
  border-color: transparent transparent transparent #ffffff;
  position: absolute;
  right: 27px;
}
.btn_type02:hover {
  opacity: 0.7;
}
.btn_type02 a:hover {
  color: #fff;
}

.btn_type03 {
  max-width: 500px;
  border-radius: 6px;
  margin: 0 auto;
}

.btn_type03 a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 17px;
  font-weight: bold;
  max-width: 500px;
  height: 60px;
  border-radius: 6px;
  padding: 0;
  color: #fff;
  line-height: 1;
}

.btn_type03 a::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 12.5px;
  border-color: transparent transparent transparent #ffffff;
  position: absolute;
  right: 27px;
}
.btn_type03:hover{
  opacity: 0.7;
}
.btn_type03 a:hover {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .page_publicservice, .page_publicservice_one, .page_integrated_business {
    font-size: 13px;
  }
  .full-width {
    margin-top: 40px;
  }
  .full-width-sp {
    position: relative;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    clear: both;
  }
  .btn_type01 {
    margin: 40px auto;
    padding: 0 10px;
    display: block;
  }
  .btn_type01 li {
    margin-top: 1em;
  }
  .btn_type01 li:first-child {
    margin-right: 0;
  }
  .btn_type01 li:nth-child(3) {
    margin-top: 1em !important;
  }
  .btn_type01 li a {
    font-size: 15px;
    width: 100%;
    padding: 16px;
  }
  .btn_type01 li a::before {
    height: 30px;
    right: 45px;
  }
  .btn_type01 li a::after {
    border-width: 8px 3px 0 3px;
    right: 21px;
  }
  .page_publicservice .top_btn li:nth-child(2) a, .page_publicservice_one .top_btn li:nth-child(2) a {
    font-size: 13px;
  }
  .page_publicservice .top_btn2 li:nth-child(2) a, .page_publicservice_one .top_btn2 li:nth-child(2) a {
    font-size: 13px;
  }
  .subpage main .main .btn_type02 {
    width: calc(100% - 20px);
    margin: 50px auto 0;
  }
  .btn_type02 a {
    width: 100%;
    max-width: 100%;
    height: 50px;
    font-size: 15px;
    padding: 0 0 0 20px;
  }
  .btn_type02 a::before {
    height: 30px;
    right: 45px;
  }
  .btn_type02 a::after {
    border-width: 3px 0 3px 8px;
    right: 18px;
  }
  .btn_type03 {
    width: calc(100% - 20px);
  }
  .btn_type03 a {
    font-size: 15px;
    max-width: 100%;
    height: 50px;
  }
  .btn_type03 a::after {
    border-width: 4px 0 4px 10.5px;
    border-color: transparent transparent transparent #ffffff;
    position: absolute;
    right: 20px;
  }
}

.subpage .structure_link {
  text-align: center;
  margin: 50px 0;
}

.int_wrap>div[class*="group"] {
  display: flex;
  justify-content: flex-end;
  padding-right: 40px;
}

.subpage .interview_block {
  display: flex;
  max-width: 960px;
  margin-bottom: 0;
  gap: 0;
}

.interview_block .wp-block-image {
  margin: 0;
}

.interview_block img {
  width: 322px;
  padding: 40px 0;
}

.interview_block .int_txt_box {
  font-size: 16px;
  max-width: 618px;
  margin-left: 20px !important;
  padding: 40px 0 30px;
  flex: auto !important;
}

.interview_block .int_txt_ttl {
  font-size: 30px;
  padding-top: 15px;
}

.interview_block .int_txt_ttl::before {
  content: "";
  display: inline-block;
  width: 78px;
  height: 78px;
  background-image: url(../images/publicservice/int_icon.png);
  background-size: cover;
  position: relative;
  top: -15px;
  margin-right: 15px;
}

.interview_block .int_txt_ttl.orange::before {
  background-image: url(../images/publicservice/int_icon_orange.png);
}

.interview_block .int_txt_ttl.orange2::before {
  background-image: url(../images/publicservice/2023/int_icon_orange2.png);
}

.interview_block .int_txt_ttl.orange3::before {
  background-image: url(../images/publicservice/2023/int_icon_orange3.png);
}

.interview_block .int_txt_ttl.yellow2::before {
  background-image: url(../images/publicservice/2023/int_icon_yellow2.png);
}

.interview_block .int_txt_ttl.pink::before {
  background-image: url(../images/publicservice/int_icon_pink.png);
}

.interview_block .int_txt_ttl.brown::before {
  background-image: url(../images/publicservice/int_icon_brown.png);
}

.interview_block .int_txt_ttl.red_brown::before {
  background-image: url(../images/publicservice_one/int_icon_red-brown.png);
}

.interview_block .int_txt_ttl.dark_red::before {
  background-image: url(../images/publicservice_one/int_icon_dark-red.png);
}

.interview_block .int_txt_ttl.pink2::before {
  background-image: url(../images/publicservice_one/2023/int_icon_pink2.png);
}

.interview_block .int_txt_ttl.orange4::before {
  background-image: url(../images/publicservice_one/2023/int_icon_orange4.png);
}

.interview_block .int_txt_ttl.purple::before {
  background-image: url(../images/publicservice_one/int_icon_purple.png);
}

.interview_block .int_txt_ttl.purple2::before {
  background-image: url(../images/publicservice_one/2023/int_icon_purple2.png);
}

.interview_block .int_txt_ttl.blue::before {
  background-image: url(../images/integrated_business/int_icon_blue.png);
}

.interview_block .int_txt_ttl.blue2::before {
  background-image: url(../images/integrated_business/2023/int_icon_blue2.png);
}

.interview_block .int_txt_ttl.blue3::before {
  background-image: url(../images/integrated_business/2023/int_icon_blue3.png);
}

.interview_block .int_txt_ttl.navy::before {
  background-image: url(../images/integrated_business/int_icon_navy.png);
}

.interview_block .int_txt_ttl.green2::before {
  background-image: url(../images/integrated_business/2023/int_icon_green2.png);
}

.interview_block .int_txt_ttl.light_green2::before {
  background-image: url(../images/publicservice/2023/int_icon_light_green2.png);
}

.interview_block .int_txt_head {
  font-size: 31px;
  line-height: 1.6;
}

.interview_block .int_txt_cont {
  margin-top: 0.5em;
}

.interview_block .int_txt_box .name {
  text-align: right;
  line-height: 1.6;
  margin-top: 2em;
}

.interview_block .int_txt_box .name span {
  font-size: 14px;
  display: block;
}

@media screen and (max-width: 767px) {
  .subpage .structure_link {
    margin: 20px 0 0;
    padding: 0 10px;
  }
  .int_wrap div[class*="group"] {
    display: block;
    padding-right: 3.33333vw;
    padding-left: 3.33333vw;
  }
  .subpage .interview_block {
    display: block;
  }
  .interview_block img {
    width: 100%;
    padding: 30px 0;
  }
  .interview_block .int_txt_box {
    font-size: 12px;
    max-width: 100%;
    margin-left: 0 !important;
    padding: 0px 0 30px;
  }
  .interview_block .int_txt_ttl {
    display: flex;
    font-size: 18px;
    padding-top: 0px;
  }
  .interview_block .int_txt_ttl::before {
    width: 55px;
    height: 55px;
    margin-right: 10px;
  }
  .interview_block .int_txt_head {
    font-size: 18px;
  }
  .interview_block .int_txt_head br {
    display: block;
  }
  .interview_block .int_txt_box .name span {
    font-size: 10px;
  }
}

.under_line_center {
  font-size: 32px;
  font-weight: normal;
  text-align: center;
  position: relative;
  margin: 26px 0 70px;
}

.under_line_center::before {
  content: "";
  display: block;
  width: 100px;
  height: 1px;
  background: var(--color-yellow);
  position: absolute;
  bottom: -10px;
  right: 0;
  left: 0;
  margin: auto;
}

.under_line_center.dark_red::before {
  background: var(--color-dark-red);
}

.under_line_center.dark_orange3::before {
  background: var(--color-orange3);
}

.under_line_center.blue::before {
  background: var(--color-blue);
}

.under_line_center.blue2::before {
  background: var(--color-blue2);
}

.under_line_center.pink2::before {
  background: var(--color-pink2);
}

.subpage .feature_block {
  display: flex;
  font-size: 14px;
  margin-top: 45px;
  margin-bottom: 0;
  gap: 0;
  
}

.feature_block p {
  line-height: 1.6;
}

.feature_block .col {
  max-width: 360px;
  border: 1px solid var(--color-yellow);
  margin-left: 10px !important;
  padding: 20px 25px 20px 60px;
  flex: auto !important;
}

.feature_block.orange .col {
  border: 1px solid var(--color-yellow);
}

.feature_block.orange3 .col {
  border: 1px solid var(--color-orange3);
}

.feature_block.dark_red .col {
  border: 1px solid var(--color-dark-red);
}

.feature_block.blue .col {
  border: 1px solid var(--color-blue);
}

.feature_block.blue2 .col {
  border: 1px solid var(--color-blue2);
}

.feature_block.pink2 .col {
  border: 1px solid var(--color-pink2);
}

.feature_block .col:first-child {
  margin-left: 0 !important;
}

.feature_block .ttl {
  font-size: 24px;
  font-weight: normal;
  margin-bottom: 10px;
  position: relative;
  line-height: 1.3;
}

.feature_block .ttl2 {
  font-size: 24px;
  font-weight: normal;
  margin-bottom: 10px;
  position: relative;
  line-height: 1.3;
}

.feature_block .ttl span {
  display: block;
  height: 1em;
}

.feature_block .ttl2 span {
  display: block;
  height: 1em;
}

.feature_block .ttl::before {
  content: "";
  display: block;
  background-image: url(../images/publicservice/num_01.png);
  width: 18px;
  height: 40px;
  position: absolute;
  top: 0;
  left: -43px;
}

.feature_block .ttl2::before {
  content: "";
  display: block;
  background-image: url(../images/publicservice/2023/num_01.png);
  width: 29px;
  height: 40px;
  position: absolute;
  top: 0;
  left: -43px;
}

.feature_block .col:nth-child(2) .ttl::before {
  background-image: url(../images/publicservice/num_02.png);
}

.feature_block .col:nth-child(3) .ttl::before {
  background-image: url(../images/publicservice/num_03.png);
}

.feature_block.orange .ttl::before {
  background-image: url(../images/publicservice/num_01.png);
}

.feature_block.orange .col:nth-child(2) .ttl::before {
  background-image: url(../images/publicservice/num_02.png);
}

.feature_block.orange .col:nth-child(3) .ttl::before {
  background-image: url(../images/publicservice/num_03.png);
}

.feature_block.dark_red .ttl::before {
  background-image: url(../images/publicservice_one/num_01.png);
}

.feature_block.dark_red .col:nth-child(2) .ttl::before {
  background-image: url(../images/publicservice_one/num_02.png);
}

.feature_block.dark_red .col:nth-child(3) .ttl::before {
  background-image: url(../images/publicservice_one/num_03.png);
}

.feature_block.pink2 .ttl2::before {
  background-image: url(../images/publicservice_one/2023/num_01.png);
}

.feature_block.pink2 .col:nth-child(2) .ttl2::before {
  background-image: url(../images/publicservice_one/2023/num_02.png);
}

.feature_block.pink2 .col:nth-child(3) .ttl2::before {
  background-image: url(../images/publicservice_one/2023/num_03.png);
}

.feature_block.blue .ttl::before {
  background-image: url(../images/integrated_business/num_01.png);
}

.feature_block.blue .col:nth-child(2) .ttl::before {
  background-image: url(../images/integrated_business/num_02.png);
}

.feature_block.blue .col:nth-child(3) .ttl::before {
  background-image: url(../images/integrated_business/num_03.png);
}

.feature_block.blue2 .ttl2::before {
  background-image: url(../images/integrated_business/2023/num_01.png);
}

.feature_block.blue2 .col:nth-child(2) .ttl2::before {
  background-image: url(../images/integrated_business/2023/num_02.png);
}

.feature_block.blue2 .col:nth-child(3) .ttl2::before {
  background-image: url(../images/integrated_business/2023/num_03.png);
}

.feature_block.orange3 .ttl2::before {
  background-image: url(../images/publicservice/2023/num_01.png);
}

.feature_block.orange3 .col:nth-child(2) .ttl2::before {
  background-image: url(../images/publicservice/2023/num_02.png);
}

.feature_block.orange3 .col:nth-child(3) .ttl2::before {
  background-image: url(../images/publicservice/2023/num_03.png);
}

.bg_head {
  font-size: 21px;
  font-weight: normal;
  margin: 60px 0 30px;
  padding: 16px 0 14px 30px;
  color: #fff;
  line-height: 1;
}

.bg_head small {
  font-size: 15px;
}

.subpage .bg_big_head {
  font-size: 20px;
  line-height: 1.6;
  padding: 17px 0;
  margin-top: 150px;
  color: #fff;
}

.bg_big_head span {
  display: block;
  font-size: 28px;
}

.big_txt {
  font-size: 22px;
  font-weight: normal;
  text-align: center;
  padding-top: 20px;
  line-height: 1.6;
  margin-bottom: 25px;
}

.big_head {
  font-size: 36px;
  text-align: center;
  margin: 35px 0 15px;
}

.left_line_style {
  font-size: 21px;
  font-weight: normal;
  border-left: 8px solid var(--color-yellow);
  padding-left: 20px;
  margin: 60px 0 30px;
  line-height: 1.7;
}

.left_line_style.dark_red {
  border-left: 8px solid var(--color-dark-red);
}

.left_line_style.red_brown {
  border-left: 8px solid var(--color-red-brown);
}

.left_line_style.purple {
  border-left: 8px solid var(--color-purple);
}

.left_line_style.purple2 {
  border-left: 8px solid var(--color-purple2);
}

.left_line_style.blue {
  border-left: 8px solid var(--color-blue);
}

.left_line_style.blue2 {
  border-left: 8px solid var(--color-dark-blue2);
}

.left_line_style.navy {
  border-left: 8px solid var(--color-navy);
}

.left_line_style.green2 {
  border-left: 8px solid var(--color-green2);
}

.left_line_style.light_green2 {
  border-left: 8px solid var(--color-light-green2);
}

.left_line_style.yellow2 {
  border-left: 8px solid var(--color-yellow2);
}

.left_line_style.orange2 {
  border-left: 8px solid var(--color-orange2);
}

.left_line_style.orange3{
  border-left: 8px solid var(--color-orange3);
}

.left_line_style.orange4{
  border-left: 8px solid var(--color-orange4);
}

.left_line_style.pink2{
  border-left: 8px solid var(--color-pink2);
}

@media screen and (max-width: 767px) {
  .under_line_center {
    font-size: 23px;
    margin: 26px 0 35px;
  }
  .under_line_center::before {
    width: 50px;
    bottom: -10px;
  }
  .subpage .feature_block {
    display: block;
    font-size: 14px;
    margin-top: 30px;
  }
  .feature_block .col {
    max-width: 100%;
    margin-left: 0 !important;
    margin-top: 10px;
    padding: 15px 25px 20px 60px;
  }
  .feature_block .ttl {
    font-size: 22px;
    margin-bottom: 4px;
  }
  .page_integrated_business .feature_block .ttl {
    margin-bottom: 10px;
  }
  .page_publicservice_one .feature_block .ttl {
    margin-bottom: 10px;
  }
  .page_publicservice_one .feature_block .ttl span {
    display: none;
  }
  .page_publicservice_one .feature_block .ttl br {
    display: none;
  }
  .bg_head {
    font-size: 15px;
    padding: 16px 0 14px 25px;
    margin-top: 40px;
    margin-bottom: 20px;
    margin-left: -50vw;
    margin-right: -50vw;
  }
  .bg_head small {
    font-size: 10px;
    display: block;
    margin: 5px 0 0 -7px;
  }
  .subpage .bg_big_head {
    font-size: 14px;
    margin-top: 60px;
  }
  .subpage .bg_big_head span {
    font-size: 19px;
  }
  .big_txt {
    font-size: 15px;
    padding-top: 0;
    margin-bottom: 10px;
  }
  .big_head {
    font-size: 26px;
    line-height: 1.4;
    margin: 35px 0 15px;
  }
  .left_line_style {
    font-size: 14px;
    padding-left: 10px;
    margin: 35px 0 15px;
    border-left-width: 6px !important;
  }
}

.list_col {
  font-size: 16px;
  padding-left: 20px;
}

.list_col li::before {
  content: "●";
  display: inline-block;
  margin-right: 5px;
  font-size: 16px;
}

.list_col.dark_blue li::before {
  color: var(--color-dark_blue);
}

.list_col.light_blue li::before {
  color: var(--color-light-blue);
}

.list_col.blue2 li::before {
  color: var(--color-dark-blue2);
}

.list_col.blue3 li::before {
  color: var(--color-blue3);
}

.list_col.green2 li::before {
  color: var(--color-green2);
}

.list_col.navy li::before {
  color: var(--color-navy);
}

.list_col.light_gray li::before {
  color: var(--color-light-gray);
}

.list_col_1+p {
  margin-left: 1.25em;
}

.list_col+.kome {
  font-size: 14px;
  text-align: right;
}

.list_col_2>div[class*="group"] {
  display: flex;
  flex-wrap: wrap;
}

.list_col_2 .col {
  width: 400px;
}

.list_col_3>div[class*="group"] {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 25px;
}

.list_col_3 .col {
  width: calc(100% / 3);
  padding-right: 50px;
}

.list_head {
  font-size: 18px;
  font-weight: bold;
}

.list_type_01 li+li {
  margin-top: 30px;
}

.list_type_01 li span {
  font-weight: bold;
}

.list_type_01 li::before {
  margin-right: 0;
}

.list_type_02 .col {
  display: flex;
  flex-wrap: wrap;
  padding: 0 85px;
  margin-top: 10px;
}

.list_type_02 .col li {
  width: 50%;
  font-size: 30px;
  font-weight: bold;
  position: relative;
  padding: 0 30px 0 55px;
  margin-top: 30px;
  line-height: 1.4;
}

.list_type_02 .col li::before {
  content: "";
  display: block;
  width: 43px;
  height: 36px;
  background-image: url(../images/integrated_business/check_blue_big.png);
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.list_type_02 .col.dark_blue2 li::before {
  content: "";
  display: block;
  width: 43px;
  height: 36px;
  background-image: url(../images/integrated_business/2023/check_dark_blue3.png);
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 767px) {
  .list_col_1+p {
    margin-left: 0;
  }
  .list_col_3>div[class*="group"] {
    display: block;
  }
  .list_col {
    font-size: 12px;
    padding-left: 0;
  }
  .list_col_3 .col {
    width: 100%;
    margin-right: 0;
  }
  .list_col li::before {
    font-size: 12px;
  }
  .list_col+.kome {
    font-size: 12px;
  }
  .list_head {
    font-size: 13px;
    margin-top: 1em;
  }
  .list_type_01 li br {
    display: block
  }
  .list_type_02 .col {
    display: block;
    padding: 0;
    margin-top: 0;
  }
  .list_type_02 .col li {
    width: 100%;
    font-size: 16px;
    padding: 0 0 0 30px;
  }
  .list_type_02 .col li::before {
    width: 23.5px;
    height: 20px;
  }
  .list_type_02 .col.dark_blue2 li::before {
    width: 23.5px;
    height: auto;
    aspect-ratio: 43/36;
  }
}

.subpage .teacher_support_block {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 16px;
  margin-right: 100px;
  margin-bottom: 0;
  gap: 0;
}

.teacher_support_block .col {
  max-width: 650px;
  flex: auto !important;
  margin-left: 0 !important;	
}

.teacher_support_block .img_box {
  min-width: 305px;
  overflow: hidden;
  margin-right: 7px;
  margin-top: 1em;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.teacher_support_block .img_box .wp-block-image {
  margin: 0;
}

.teacher_support_block .img_box img {
  float: right;
}

.teacher_support_block .head {
  font-size: 29px;
  line-height: 1.7;
  margin-top: 40px;
}

.teacher_support_block .cont {
  margin-top: 0.5em;
  padding-right: 30px;
}

.teacher_support_block .name {
  text-align: right;
  margin-top: 0;
  margin-bottom: 30px;
  padding-right: 30px;
}

@media screen and (max-width: 767px) {
  .subpage .teacher_support_block {
    display: block;
    margin-right: 0;
    overflow: hidden;
  }
  .teacher_support_block .img_box {
    width: 35vw;
    min-width: 135px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    float: left;
  }
  .teacher_support_block .head {
    font-size: 19px;
    margin-top: 30px;
    max-width: 100%;
  }
  .teacher_support_block .cont {
    font-size: 12px;
    margin-top: 0.5em;
    padding-right: 0;
  }
  .teacher_support_block .name {
    padding-right: 0;
  }
  .subpage .teacher_support_block {
    font-size: 12px;
  }
}

.subpage .strong_block {
  max-width: 850px;
  margin: 65px auto 0;
  padding: 40px 86px 60px;
  border: 1px solid var(--color-orange);
  border-radius: 13px;
  font-size: 16px;
}

.page_integrated_business .strong_block {
  padding: 40px 55px 60px;
}

.strong_block.pink {
  border: 1px solid var(--color-pink);
}

.strong_block.brown {
  border: 1px solid var(--color-brown);
}

.strong_block.red_brown {
  border: 1px solid var(--color-red-brown);
}

.strong_block.purple {
  border: 1px solid var(--color-purple);
}

.strong_block.purple2 {
  border: 1px solid var(--color-purple2);
}

.strong_block.dark_blue {
  border: 1px solid var(--color-dark-blue);
}

.strong_block.dark_blue2 {
  border: 1px solid var(--color-dark-blue2);
}

.strong_block.navy {
  border: 1px solid var(--color-navy);
}

.strong_block.green2 {
  border: 1px solid var(--color-green2);
}

.strong_block.light_green2 {
  border: 1px solid var(--color-light-green2);
}

.strong_block.yellow2 {
  border: 1px solid var(--color-yellow2);
}

.strong_block.orange2 {
  border: 1px solid var(--color-orange2);
}

.strong_block.orange4 {
  border: 1px solid var(--color-orange4);
}

.strong_block .head {
  text-align: center;
}

.strong_block .check_list {
  font-size: 22px;
  margin: 50px 0;
}

.strong_block .check_list li {
  line-height: 1.6;
  margin-top: 0.5em;
  padding-left: 46px;
  position: relative;
}

.strong_block .check_list li::before {
  content: "";
  display: block;
  width: 31px;
  height: 27px;
  background-image: url(../images/publicservice/check.png);
  background-size: cover;
  margin-right: 15px;
  position: absolute;
  top: 0;
  left: 0;
}

.strong_block.pink .check_list li::before {
  background-image: url(../images/publicservice/check_pink.png);
}

.strong_block.brown .check_list li::before {
  background-image: url(../images/publicservice/check_brown.png);
}

.strong_block.yellow2 .check_list li::before {
  background-image: url(../images/publicservice/2023/check_yellow2.png);
}

.strong_block.orange2 .check_list li::before {
  background-image: url(../images/publicservice/2023/check_orange2.png);
}

.strong_block.light_green2 .check_list li::before {
  background-image: url(../images/publicservice/2023/check_light_green2.png);
}

.strong_block.red_brown .check_list li::before {
  background-image: url(../images/publicservice_one/check_red-brown.png);
}

.strong_block.purple .check_list li::before {
  background-image: url(../images/publicservice_one/check_purple.png);
}

.strong_block.purple2 .check_list li::before {
  background-image: url(../images/publicservice_one/2023/check_purple2.png);
}

.strong_block.orange4 .check_list li::before {
  background-image: url(../images/publicservice_one/2023/check_orange4.png);
}

.strong_block.dark_blue .check_list li::before {
  background-image: url(../images/integrated_business/check_blue.png);
}

.strong_block.dark_blue2 .check_list li::before {
  background-image: url(../images/integrated_business/2023/check_dark_blue2.png);
}

.strong_block.green2 .check_list li::before {
  background-image: url(../images/integrated_business/2023/check_green2.png);
}

.strong_block.navy .check_list li::before {
  background-image: url(../images/integrated_business/check_blue.png);
}

.strong_job div[class*="group"] {
  display: flex;
  align-items: flex-start;
}

.strong_job2 div[class*="group"] {
  display: flex;
  align-items: center;
}

.small_head {
  min-width: 124px;
  font-size: 16px;
  padding: 7px 0;
  color: #fff;
  border-radius: 16px;
  line-height: 1;
  text-align: center;
  position: relative;
  top: 2px;
}

.small_head2 {
  min-width: 124px;
  font-size: 16px;
  padding: 1em 0;
  color: #fff;
  border-radius: 1em 0;
  line-height: 1;
  text-align: center;
  position: relative;
  top: 2px;
}

.strong_job p {
  margin-left: 15px;
  margin-top: 3px;
  line-height: 1.8;
}

.strong_job2 p {
  margin-left: 15px;
  margin-top: 3px;
  line-height: 1.8;
}

.strong_block .bg_wrap {
  background: #dee3e9;
  line-height: 1.8;
  padding: 25px;
  margin-bottom: 10px;
  margin-top: -20px;
}

.strong_block .bg_wrap2 {
  background: #FFFCDB;
  line-height: 1.8;
  padding: 10px 25px;
  margin-bottom: 20px;
  margin-top: -20px;
}

.strong_block .bg_wrap .txt-head {
  font-size: 22px;
  margin-bottom: 4px;
}

.strong_block .bg_wrap2 .txt-head {
  font-size: 22px;
  margin: 0 auto 4px;
  text-align: center;
  width: max-content;
  position: relative;
}

.strong_block .bg_wrap2 .txt-head.cl_dark_blue2::before {
  content: "";
  display: block;
  background: url(../images/integrated_business/2023/pickup01.png);
  background-size: cover;
  width: 93px;
  height: 36px;
  position: absolute;
  left: -100px;
  top: -20px;
}

.strong_block .bg_wrap2 .txt-head.cl_green2::before {
  content: "";
  display: block;
  background: url(../images/integrated_business/2023/pickup02.png);
  background-size: cover;
  width: 93px;
  height: 36px;
  position: absolute;
  left: -100px;
  top: -20px;
}

.subpage .info_img {
  margin-top: 1.5em;
}

.page_publicservice .space-block {
  padding-bottom: 70px;
}

.page_publicservice_one .space-block {
  padding-bottom: 70px;
}

@media screen and (max-width: 767px) {
  .page_integrated_business .strong_block {
    padding: 20px 15px 30px;
  }
  .subpage .strong_block {
    margin: 40px auto 0;
    padding: 20px 15px 30px;
  }
  .strong_block img {
    padding: 0 20px;
  }
  .strong_block .check_list {
    font-size: 16px;
    margin: 30px 0;
  }
  .strong_block .check_list li {
    padding-left: 30px;
  }
  .strong_block .check_list li::before {
    width: 23px;
    height: auto;
    aspect-ratio: 31/27;
  }
  .strong_job p {
    font-size: 10px;
    margin-left: 5px;
    line-height: 1.4;
  }
  .strong_job2 p {
    font-size: 10px;
    margin-left: 5px;
    line-height: 1.4;
  }
  .page_integrated_business .strong_job div[class*="group"] {
    align-items: center;
  }
  .page_integrated_business .strong_job2 div[class*="group"] {
    align-items: center;
  }
  .small_head {
    min-width: 100px;
    font-size: 10px;
    height: 24px;
  }
  .small_head2 {
    min-width: 100px;
    font-size: 10px;
    height: 30px;
  }
  .strong_block .bg_wrap {
    font-size: 11px;
    line-height: 1.8;
    padding: 15px;
    margin-bottom: 10px;
    margin-top: -20px;
  }
  .strong_block .bg_wrap2 {
    font-size: 11px;
    line-height: 1.8;
    padding: 10px 15px;
    margin-bottom: 10px;
    margin-top: -20px;
  }
  .strong_block .bg_wrap .txt-head {
    font-size: 16px;
    margin-bottom: 4px;
  }
  .strong_block .bg_wrap2 .txt-head {
    font-size: 16px;
    margin-bottom: 4px;
  }
  .strong_block .bg_wrap2 .txt-head.cl_dark_blue2::before {
    width: 50px;
    height: auto;
    left: -50px;
    top: -6px;
    aspect-ratio: 93/36;
  }
  .strong_block .bg_wrap2 .txt-head.cl_green2::before {
    width: 65px;
    height: auto;
    left: -70px;
    top: -12px;
    aspect-ratio: 93/36;
  }
  .subpage .info_img {
    margin-top: 1em;
  }
  .page_publicservice .space-block {
    padding-bottom: 25px;
  }
  .page_publicservice_one .space-block {
    padding-bottom: 25px;
  }
}
















/*カテゴリーカラー設定*/
/*お知らせ*/
/*イベント*/
/*ブログ*/
/*速報*/
/*その他*/
.subpage {
  /* この下から下層ページの設定 */
  /*font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif;*/
  /* メイン背景設定 */
  /***** school *****/
  /* feature */
  /* lectures  */
  /* information */
  /* facility */
  /***** course *****/
  /* publicservice */
  /* hishool_publicservice */
  /***** licence *****/
  /* licence */
  /* licence-performance */
  /***** employment *****/
  /* obog */
  /***** entrance *****/
  /* entrance */
  /* heigan */
  /* reggon */
  /***** opencamnpus *****/
  /* opencamnpus */
  /***** result *****/
  /* result1 */
  /* news */
  /* single */
  /* contact pamphlet */
  line-height: 1.6
}
.mt0 {
  margin-top: 0px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mr40 {
  margin-right: 40px !important;
}

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

.ml40 {
  margin-left: 40px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mr50 {
  margin-right: 50px !important;
}

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

.ml50 {
  margin-left: 50px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pl50 {
  padding-left: 50px !important;
}
/*.wp-block-image {
    margin: 0;	
}*/
.subpage .l-under-contents{
    padding-bottom: 215px;
}
.subpage h2 {
  margin-bottom: 25px;
  /*font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif;*/
  font-size: 44px;
  font-weight: bold;
  text-align: center;
}
.subpage .main section + section {
  margin-top: 100px;
}
.subpage .main p + p {
  margin-top: 1.5em;
}
.subpage .main .p_mg {
  margin-top: 1.5em;
}
.subpage .main .main-section-ttl {
  position: relative;
  z-index: 1;
  margin-top: 40px;
  margin-bottom: 40px;
  line-height: 1.2;
  text-align: left;
}
.subpage .main .main-section-ttl:before {
  position: absolute;
  display: block;
  content: "";
}
.subpage .main .main-section-ttl:before {
  top: -35px;
  left: -35px;
  z-index: -1;
  content: "";
  opacity: .2;
  width: 113px;
  height: 110px;
  background: url(../images/common/img-mark.png) no-repeat center center;
  background-size: contain;
  vertical-align: middle;
}
.subpage .main .middle-section-ttl {
  display: inline-block;
  margin-top: 35px;
  margin-bottom: 35px;
  padding-bottom: 5px;
  border-bottom: 3px solid #d7063b;
  /*font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif;*/
  font-size: 38px;
  font-weight: bold;
  line-height: 1.2;
  text-align: left;
}
.subpage .main .sub-section-ttl {
  position: relative;
  overflow: hidden;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 15px 20px 12px;
  background: #d7063b;
  /*font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif;*/
  color: #fff;
  font-size: 32px;
  font-weight: bold;
  line-height: 1.2;
  text-align: left;
}
.subpage .main .sub-section-ttl:after {
  position: absolute;
  display: block;
  content: "";
}
.subpage .main .sub-section-ttl:after {
  bottom: -25px;
  right: 15px;
  opacity: .5;
  width: 91px;
  height: 84px;
  background: url(../images/common/img-mark.png) no-repeat center top;
  background-size: contain;
  transform: rotate(45deg);
}
.subpage .main .left-line-ttl {
  margin-top: 30px;
  margin-bottom: 25px;
  padding-left: 10px;
  border-left: 8px solid #d7063b;
  color: #d7063b;
  /*font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif;*/
  font-size: 28px;
  font-weight: bold;
  line-height: 1.35;
}
.subpage .main .bg-green-ttl.w100 {
    display: block;
}
.subpage .main .bg-green-ttl {
  display: inline-block;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 7px 10px;
  background: #50c33f;
  color: #fff;
  /*font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif;*/
  font-size: 22px;
  line-height: 1.2;
}
.subpage .main .bg-green-ttl.w100 {
  display: block;
}

.subpage table th, table td {
  padding: 15px;
  border: 1px solid #000;
  /*font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif;*/
  font-size: 20px;
}
.subpage table th {
  background: #f5f5f5;
  text-align: center;
  font-weight: normal
}

.subpage .admission th:first-child {
  width: 15%;
}

.subpage .admission th {
  width: 42.5%;
  white-space: unset;
}

@media screen and (max-width: 767px) {
  .subpage .admission th:first-child {
    width: 12%;
  }
  .subpage .admission th {
    width: 44%;
  }
  .subpage .admission th {
    font-size: 11px;
  }
  .subpage .admission td {
    font-size: 11px;
    padding: 10px
  }
}


.subpage .box-image {
  
  /*display: flex;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;*/
}
.subpage .box-image > .col {
  /*position: relative;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  width: 100%;
  min-height: 1px;*/
  margin-bottom: 60px;
  /*padding-left: 10px;
  padding-right: 10px;*/
}
.subpage .box-image figure {
  margin-bottom: 15px;
}
/*.subpage .box-image.column-2 > .col {
  flex: 0 0 50%;
  max-width: 50%;
}*/

.tar {
  text-align: right;
}
strong, .b {
  font-weight: bold;
}


.btn-skin01 a{
  border: 1px solid #d7063b;
  background: #fff;
  display: block;
  color: #d7063b;
}
.btn-skin01 a:hover {
  opacity: 1;
  background: #fbe7ec;
}
.btn-skin02 {
  background: #d7063b;
  color: #fff;
}
.btn-skin03 a{
  display: block;
  background: #45b035;
  color: #fff;
  font-weight: 700;
      width: 50%;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 767px) {
.btn-skin03 a{
font-size:24px !important;
font-weight: bold !important;
}
}


[class*="btn-skin"] a{
  display: block;
  padding: 10px;
  border-radius: 5px;
  /*font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif;*/
  font-size: 34px;
  font-weight: bold;
  text-align: center;
}




.subpage .main .row {
  display: flex;
  margin: 1.6em -10px;
}
.subpage .main .row .col,
.subpage .main .row .col-1,
.subpage .main .row .col-10,
.subpage .main .row .col-11,
.subpage .main .row .col-12,
.subpage .main .row .col-2,
.subpage .main .row .col-3,
.subpage .main .row .col-4,
.subpage .main .row .col-5,
.subpage .main .row .col-6,
.subpage .main .row .col-7,
.subpage .main .row .col-8,
.subpage .main .row .col-9 {
  position: relative;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
.subpage .main .row .col > h2,
.subpage .main .row .col > h3,
.subpage .main .row .col > h4,
.subpage .main .row .col > h5,
.subpage .main .row .col > h6,
.subpage .main .row .col-1 > h2,
.subpage .main .row .col-1 > h3,
.subpage .main .row .col-1 > h4,
.subpage .main .row .col-1 > h5,
.subpage .main .row .col-1 > h6,
.subpage .main .row .col-10 > h2,
.subpage .main .row .col-10 > h3,
.subpage .main .row .col-10 > h4,
.subpage .main .row .col-10 > h5,
.subpage .main .row .col-10 > h6,
.subpage .main .row .col-11 > h2,
.subpage .main .row .col-11 > h3,
.subpage .main .row .col-11 > h4,
.subpage .main .row .col-11 > h5,
.subpage .main .row .col-11 > h6,
.subpage .main .row .col-12 > h2,
.subpage .main .row .col-12 > h3,
.subpage .main .row .col-12 > h4,
.subpage .main .row .col-12 > h5,
.subpage .main .row .col-12 > h6,
.subpage .main .row .col-2 > h2,
.subpage .main .row .col-2 > h3,
.subpage .main .row .col-2 > h4,
.subpage .main .row .col-2 > h5,
.subpage .main .row .col-2 > h6,
.subpage .main .row .col-3 > h2,
.subpage .main .row .col-3 > h3,
.subpage .main .row .col-3 > h4,
.subpage .main .row .col-3 > h5,
.subpage .main .row .col-3 > h6,
.subpage .main .row .col-4 > h2,
.subpage .main .row .col-4 > h3,
.subpage .main .row .col-4 > h4,
.subpage .main .row .col-4 > h5,
.subpage .main .row .col-4 > h6,
.subpage .main .row .col-5 > h2,
.subpage .main .row .col-5 > h3,
.subpage .main .row .col-5 > h4,
.subpage .main .row .col-5 > h5,
.subpage .main .row .col-5 > h6,
.subpage .main .row .col-6 > h2,
.subpage .main .row .col-6 > h3,
.subpage .main .row .col-6 > h4,
.subpage .main .row .col-6 > h5,
.subpage .main .row .col-6 > h6,
.subpage .main .row .col-7 > h2,
.subpage .main .row .col-7 > h3,
.subpage .main .row .col-7 > h4,
.subpage .main .row .col-7 > h5,
.subpage .main .row .col-7 > h6,
.subpage .main .row .col-8 > h2,
.subpage .main .row .col-8 > h3,
.subpage .main .row .col-8 > h4,
.subpage .main .row .col-8 > h5,
.subpage .main .row .col-8 > h6,
.subpage .main .row .col-9 > h2,
.subpage .main .row .col-9 > h3,
.subpage .main .row .col-9 > h4,
.subpage .main .row .col-9 > h5,
.subpage .main .row .col-9 > h6 {
  display: block;
}
subpage .main .row .col > h2:first-child,
.subpage .main .row .col > h3:first-child,
.subpage .main .row .col > h4:first-child,
.subpage .main .row .col > h5:first-child,
.subpage .main .row .col > h6:first-child,
.subpage .main .row .col-1 > h2:first-child,
.subpage .main .row .col-1 > h3:first-child,
.subpage .main .row .col-1 > h4:first-child,
.subpage .main .row .col-1 > h5:first-child,
.subpage .main .row .col-1 > h6:first-child,
.subpage .main .row .col-10 > h2:first-child,
.subpage .main .row .col-10 > h3:first-child,
.subpage .main .row .col-10 > h4:first-child,
.subpage .main .row .col-10 > h5:first-child,
.subpage .main .row .col-10 > h6:first-child,
.subpage .main .row .col-11 > h2:first-child,
.subpage .main .row .col-11 > h3:first-child,
.subpage .main .row .col-11 > h4:first-child,
.subpage .main .row .col-11 > h5:first-child,
.subpage .main .row .col-11 > h6:first-child,
.subpage .main .row .col-12 > h2:first-child,
.subpage .main .row .col-12 > h3:first-child,
.subpage .main .row .col-12 > h4:first-child,
.subpage .main .row .col-12 > h5:first-child,
.subpage .main .row .col-12 > h6:first-child,
.subpage .main .row .col-2 > h2:first-child,
.subpage .main .row .col-2 > h3:first-child,
.subpage .main .row .col-2 > h4:first-child,
.subpage .main .row .col-2 > h5:first-child,
.subpage .main .row .col-2 > h6:first-child,
.subpage .main .row .col-3 > h2:first-child,
.subpage .main .row .col-3 > h3:first-child,
.subpage .main .row .col-3 > h4:first-child,
.subpage .main .row .col-3 > h5:first-child,
.subpage .main .row .col-3 > h6:first-child,
.subpage .main .row .col-4 > h2:first-child,
.subpage .main .row .col-4 > h3:first-child,
.subpage .main .row .col-4 > h4:first-child,
.subpage .main .row .col-4 > h5:first-child,
.subpage .main .row .col-4 > h6:first-child,
.subpage .main .row .col-5 > h2:first-child,
.subpage .main .row .col-5 > h3:first-child,
.subpage .main .row .col-5 > h4:first-child,
.subpage .main .row .col-5 > h5:first-child,
.subpage .main .row .col-5 > h6:first-child,
.subpage .main .row .col-6 > h2:first-child,
.subpage .main .row .col-6 > h3:first-child,
.subpage .main .row .col-6 > h4:first-child,
.subpage .main .row .col-6 > h5:first-child,
.subpage .main .row .col-6 > h6:first-child,
.subpage .main .row .col-7 > h2:first-child,
.subpage .main .row .col-7 > h3:first-child,
.subpage .main .row .col-7 > h4:first-child,
.subpage .main .row .col-7 > h5:first-child,
.subpage .main .row .col-7 > h6:first-child,
.subpage .main .row .col-8 > h2:first-child,
.subpage .main .row .col-8 > h3:first-child,
.subpage .main .row .col-8 > h4:first-child,
.subpage .main .row .col-8 > h5:first-child,
.subpage .main .row .col-8 > h6:first-child,
.subpage .main .row .col-9 > h2:first-child,
.subpage .main .row .col-9 > h3:first-child,
.subpage .main .row .col-9 > h4:first-child,
.subpage .main .row .col-9 > h5:first-child,
.subpage .main .row .col-9 > h6:first-child {
  margin-top: 0;
}
.subpage .main .row .col-1 {
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}
.subpage .main .row .col-2 {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.subpage .main .row .col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.subpage .main .row .col-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.subpage .main .row .col-5 {
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
.subpage .main .row .col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.subpage .main .row .col-7 {
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
.subpage .main .row .col-8 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
.subpage .main .row .col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.subpage .main .row .col-10 {
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}
.subpage .main .row .col-11 {
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}
.subpage .main .row .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.btn-wrap {
  position: relative;
}
.btn-wrap a i {
  position: absolute;
  top: 50%;
  right: 20px;
  z-index: 10;
  font-size: 1.4rem;
  transform: translate(0, -50%);
  color: #fff;
}
[class^="icon-"], [class*=" icon-"] {
  font-family: 'irc-icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-arrow-circle-right:before {
  content: "\f0a9";
}






.subpage table td {
  font-size: 18px;
}
.subpage .bold-txt {
  font-weight: 700;
}
.subpage .pc-none {
  display: none;
}
.subpage .mb15 {
  margin-bottom: 15px;
}
.subpage .normal-ol li,
.subpage .normal-ul li {
  list-style-position: inside;
  list-style-type: decimal;
}
.subpage .contents-inner-box {
  margin-top: 40px;
}
.subpage .img-center {
  text-align: center;
}
.subpage .bnr-area {
  margin-top: 150px;
  text-align: center;
}
.subpage .wrapper-content-inner {
  margin-bottom: 100px;
}
.subpage .content-mb-small {
  margin-bottom: 60px;
}
.subpage .border-b-ttl {
  color: #d7063b;
  /*font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif;*/
  font-weight: 700;
  font-size: 22px;
  padding-bottom: 15px;
  height: 87px;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
}
.subpage .border-b-ttl:after {
  position: absolute;
  display: block;
  content: "";
  border: 1px solid #d7063b;
  width: 80px;
  bottom: 0;
}
.subpage .btn-more {
  font-size: 32px;
  text-align: center;
  padding: 15px;
  color: #d7063b;
  border: 3px solid #d7063b;
  cursor: pointer;
}
.subpage .btn-double div + div {
  margin-top: 40px;
}
.subpage .list-normal {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 15px;
  margin-bottom: 10px;
}
.subpage .list-normal li {
  list-style: none;
  position: relative;
  margin-bottom: 10px;
  padding-left: 15px;
  font-size: 16px;
  font-weight: 700;
  width: 50%;
}
.subpage .list-normal li:before {
  content: "●";
  display: block;
  position: absolute;
  left: 0;
  top: 3px;
  font-size: 12px;
  color: #d7063b;
}
.subpage .one-column {
  display: block;
}
.subpage .one-column li {
  width: 100%;
}
.subpage .ann {
  font-size: 16px;
  font-weight: 700;
  padding-left: 1em;
}
.subpage .licence-list-wrap .tax-list {
  display: block;
}
.subpage .licence-list-wrap .tax-list li {
  width: 100%;
}
.subpage .licence-list-wrap .tax-list li ul {
  margin-top: 10px;
}
.subpage .licence-list-wrap .tax-list li ul li {
  float: left;
  padding-left: 10px;
  margin-bottom: 0;
  margin-right: 15px;
  width: auto;
}
.subpage .licence-list-wrap .tax-list li ul li:before {
  display: block;
  content: "-";
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.subpage .voice-cont {
  font-size: 16px;
}
.subpage .school .sec-pagetitle {
  background-image: url(../images/feature/img_main.jpg);
}
.subpage .lecturers .sec-pagetitle {
  background-image: url(../images/lecturers/img_main.jpg);
}
.subpage .event .sec-pagetitle {
  background-image: url(../images/event/img_main.jpg);
}
.subpage .opencampus .sec-pagetitle {
  background-image: url(../images/opencampus/img_main.jpg);
}
.subpage .publicsupport .sec-pagetitle {
  background-image: url(../images/publicsupport/img_main.jpg);
}
.subpage .employment .sec-pagetitle {
  background-image: url(../images/employment/img_main.jpg);
}
.subpage .obog .sec-pagetitle {
  background-image: url(../images/obog/img_main.jpg);
}
.subpage .publicservice .sec-pagetitle {
  background-image: url(../images/publicservice/img_main.jpg);
}
.subpage .publicservice_one .sec-pagetitle {
  background-image: url(../images/publicservice_one/img_main.jpg);
}
.subpage .hishool_publicservice .sec-pagetitle {
  background-image: url(../images/hishool_publicservice/img_main.jpg);
}
.subpage .sec-pagetitle,
.subpage .licence .sec-pagetitle,
.subpage .single .sec-pagetitle,
.subpage .entrance .sec-pagetitle,
.subpage .bosyuentrance .sec-pagetitle,
.subpage .heigan .sec-pagetitle,
.subpage .results .sec-pagetitle,
.subpage .qualification .sec-pagetitle,
.subpage .regoon .sec-pagetitle,
.subpage .facility .sec-pagetitle,
.subpage .licence-performance .sec-pagetitle,
.subpage .pamphlet .sec-pagetitle,
.subpage .contact .sec-pagetitle,
.subpage .form .sec-pagetitle {
 background-image: url(../images/common/img_main.jpg);
}
.subpage .group-info-wrap {
  padding: 20px;
}
.subpage .group-info-wrap .kbc-group-depart {
  margin-bottom: 30px;
}
.subpage .group-info-wrap .ttl {
  color: #45b035;
  border-bottom: 3px solid #45b035;
  font-size: 25.6px;
  font-weight: 700;
  margin-bottom: 30px;
}
.subpage .group-info-wrap .parent-box {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 5px 15px;
}
.subpage .group-info-wrap .parent-box .img {
  width: 160px;
  text-align: center;
}
.subpage .group-info-wrap .parent-box .big-txt {
  color: #ff8c10;
  /*color: #45b035;*/
  font-size: 64px;
  /*font-family: meiryo;*/
  font-weight: 700;
}
.subpage .group-info-wrap .parent-box .depart-info {
  flex: 1;
  padding-left: 40px;
}
.subpage .group-info-wrap .parent-box .depart-info p {
  line-height: 1;
  font-size: 22px;
}
.subpage .group-info-wrap .parent-box .depart-info p .info-ann {
  text-align: right;
}
.subpage .group-info-wrap .parent-box .depart-info p + p {
  margin-top: 0;
}
.subpage .group-info-wrap .parent-box .depart-info .catch {
  /*font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif;*/
  font-size: 48px;
  font-weight: 700;
  background: #d7063b;
  color: #fff;
  text-align: center;
  padding: 15px 10px;
  margin-top: 15px;
}
.subpage .group-info-wrap .parent-box .cooper-school {
  line-height: 1;
}
.subpage .group-info-wrap .parent-box .cooper-list {
  flex: 1;
  padding-left: 40px;
}
.subpage .group-info-wrap .parent-box .cooper-list li {
  list-style: none;
  background: #45b035;
  color: #fff;
  font-weight: 700;
  font-size: 32px;
 /*font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif;*/
  text-align: center;
  margin-bottom: 15px;
  padding: 15px 10px;
}
.subpage .group-info-wrap .parent-box .info-ann {
  display: block;
  font-size: 16px;
  text-align: center;
}
.subpage .teacher-tub-section .li-tabmenu {
  width: 556px;
  margin: 0 auto;
}
.subpage .teacher-tub-section .li-tabmenu li {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  margin: 0;
  background: #fff;
  color: #d7063b;
  border: 4px solid #d7063b;
  position: relative;
}
.subpage .teacher-tub-section .li-tabmenu li .ttl {
  font-weight: 700;
}
.subpage .teacher-tub-section .li-tabmenu li:before {
  display: block;
  content: "";
  width: 40px;
  height: 24px;
  background: url(../images/common/icon_arrow_tub.png) 0 0 no-repeat;
  font-weight: 700;
  position: absolute;
  left: 50%;
  bottom: 12px;
  margin-left: -20px;
}
.subpage .teacher-tub-section .li-tabmenu li + li {
  margin-left: 8px;
}
.subpage .teacher-tub-section .li-tabmenu li.active {
  background: #d7063b;
  color: #fff;
}
.subpage .teacher-tub-section .li-tabmenu li.active:before {
  display: block;
  content: "";
  width: 40px;
  height: 24px;
  background: url(../images/common/icon_arrow_tub_active.png) 0 0 no-repeat;
  font-weight: 700;
  position: absolute;
  left: 50%;
  bottom: 12px;
  margin-left: -20px;
}
.subpage .teacher-tub-section .li-tabmenu li.active:after {
  display: block;
  content: "";
  width: 170px;
  height: 170px;
  border: 2px solid #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.subpage .teacher-tub-section .tab-contentWrap {
  margin-top: -80px;
}
.subpage .teacher-tub-section .tab-contentWrap .tab-content {
  padding-top: 60px;
}
.subpage .teacher-tub-section .tab-contentWrap .tab-content .name-box {
  background: url(../images/common/img_mark2.png) 0 0 no-repeat;
  background-size: contain;
  margin-bottom: 20px;
}
.subpage .teacher-tub-section .tab-contentWrap .tab-content .name-box .name {
  font-size: 32px;
}
.subpage .teacher-tub-section .tab-contentWrap .tab-content .name-box p + p {
  margin-top: 15px;
}
.subpage .teacher-tub-section .tab-contentWrap .tab-content .teacher-cap {
  color: #d7063b;
}
.subpage .teacher-tub-section .tab-contentWrap .tab-content .imp-txt {
  color: #ff8c10;
  font-weight: 700;
}
.subpage .education_box {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 15px;
}
.subpage .education_box div {
  padding: 30px;
  text-align: center;
  font-size: 25.6px;
  font-weight: 700;
}
.subpage .education_box div .big-txt {
  font-weight: 700;
  /*font-family: meiryo;*/
  font-size: 48px;
}
.subpage .education_box div p {
  text-align: left;
  display: inline-block;
}
.subpage .education_box .okinawa {
  width: 50%;
  background: #fff8ae;
  position: relative;
}
.subpage .education_box .okinawa:after {
  content: "";
  display: block;
  border-left: 25px solid #fff8ae;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  position: absolute;
  top: 50%;
  right: -25px;
  margin-top: -25px;
}
.subpage .education_box .kbc-group {
  flex: 1;
  background: #45b035;
}
.subpage .education_box .kbc-group .big-txt {
  color: #fff;
}
.subpage .education_box .kbc-group p {
  text-align: center;
  color: #fff;
  display: inline-block;
}
.subpage .net-work {
  text-align: center;
  background: url(../images/feature/bg_japan.png) center top no-repeat;
  background-size: contain;
  padding: 40px 0;
}
.subpage .net-work .catch {
  background: #d7063b;
  /*font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif;*/
  font-size: 41.6px;
  color: #fff;
  padding: 10px 50px;
  margin-top: 20px !important;
  display: inline-block;
}
.subpage .head-teacher-voice .name {
  font-size: 32px;
  font-weight: 700;
  text-align: right;
}
.subpage .teacher-list-wrap {
  /*font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif;*/
  position: relative;
}
.subpage .teacher-list-wrap .teacher-cont {
  padding-bottom: 80px;
  font-size: 16px;
}
.subpage .teacher-list-wrap .teacher-cont .name-area {
  position: absolute;
  bottom: 0;
  right: 10px;
  text-align: right;
  font-size: 13px;
}
.subpage .teacher-list-wrap .teacher-cont .name-area .name {
  font-size: 24px;
  font-weight: 700;
}
.subpage .teacher-list-wrap .teacher-cont.teacher-none {
  display: none;
}
.subpage .information .table-normal th {
  width: 50%;
}
.subpage .information .table-normal td {
  vertical-align: middle;
}
.subpage .information .table-normal td a{
  color: #d7063b;
}
/*.subpage .facility-info-box {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  
}*/
.subpage .facility-info-box {
  margin-top: 2em;
}
.subpage .facility-info-box p + p{
  margin: 0;
}
.subpage .facility-info-box .logo-box {
  width: 50%;
  margin-right: 20px;
}
.subpage .facility-info-box .address-box {
  flex: 1;
}
.subpage .facility-info-box .address-box .free-tel {
  padding-left: 57px;
  background: url(../images/common/icon_free.png) left center no-repeat;
  background-size: 50px auto;
}
.subpage .facility-info-box .address-box .free-tel a {
  font-size: 30px;
  color: #d7063b;
  display: block;
}
.subpage .facility-info-box .address-box p + p {
  margin-top: 0;
}
.subpage .facility-list-wrap .border-b-ttl {
  height: auto;
}
.subpage .map-area iframe {
  width: 100%;
  height: 400px;
}
.subpage .etc-txt {
  text-align: right;
  font-weight: 700;
}
.subpage .full-bg {
  background: #d7063b;
  color: #fff;
  padding: 30px 0;
}
.subpage .full-bg h2 {
  font-size: 39px;
}
.subpage .full-bg .course-caption {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
}
.subpage .full-bg .course-caption .content {
  flex: 1;
  margin-right: 30px;
  font-weight: 700;
}
.subpage .full-bg .course-caption .percent-content {
  /*font-family: "游ゴシック体", "YuGothic", "游ゴシック Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
  background-color: #fff;
  background-image: url(../images/common/img_mark2.png);
  background-position: right -60px top -80px;
  background-repeat: no-repeat;
  padding: 15px;
  color: #d7063b;
  transform: skew(-3deg);
  width: 290px;
  height: 190px;
}
.subpage .full-bg .course-caption .percent-content p + p {
  margin-top: 0;
}
.subpage .full-bg .course-caption .percent-content .cap {
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 15px;
}
.subpage .full-bg .course-caption .percent-content .percent {
  font-weight: 700;
  /*font-family: meiryo;*/
  font-size: 68px;
  margin-bottom: 10px;
  text-align: center;
  line-height: 1;
}
.subpage .full-bg .course-caption .percent-content .ann {
  text-align: right;
  font-weight: 700;
  font-size: 13px;
  line-height: 1.2;
}
.subpage .course-main-cap {
  margin-bottom: 30px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.subpage .course-main-cap .img-box {
  flex: 1;
  max-width: 520px;
}
.subpage .course-main-cap .job-box {
  min-width: 165px;
  margin-left: 20px;
}
.subpage .course-main-cap .job-box h5 {
  margin-top: 0;
}
.subpage .course-main-cap .job-box .one-column {
  padding-left: 0;
}
.subpage .course-main-cap .job-box .one-column li {
  line-height: 1;
}
.subpage .course-licence-2column {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 85%;
  margin: 0 auto;
  justify-content: space-between;
}
.subpage .course-curr-box {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}
.subpage .hishool_publicservice .publicservice-bounus {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}
.subpage .hishool_publicservice .publicservice-bounus dl {
  position: relative;
  text-align: center;
  width: 48%;
  border: 3px solid #45b035;
}
.subpage .hishool_publicservice .publicservice-bounus dl dt {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  background: #45b035;
  padding: 10px;
}
.subpage .hishool_publicservice .publicservice-bounus dl dd {
  padding: 25px 10px;
  font-size: 16px;
  text-align: left;
}
.subpage .small-ann {
  font-size: 14px;
}
.subpage .hishool_publicservice table {
  margin-top: 20px;
}
.subpage .hishool_publicservice table td {
  vertical-align: middle;
}
.subpage .tax-list {
  margin-bottom: 15px;
  padding-bottom: 5px;
  border-bottom: 1px dashed #ccc;
}
.subpage .voice-cont .name {
  text-align: right;
}
.subpage .voice-cont .name span {
  font-size: 18px;
}
.subpage .comparison-box {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
  justify-content: space-between;
  position: relative;
  margin-top: 40px;
}
.subpage .comparison-box:after {
  display: block;
  content: "";
  position: absolute;
  left: 46.5%;
  top: 50%;
  border-left: 25px solid #d7063b;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  transform: translate(-50%, -50%);
}
.subpage .comparison-box .comparison-child {
  width: 48%;
}
.subpage .comparison-box .comparison-child:first-child {
  padding: 20px 0;
  width: 40%;
}
.subpage .comparison-box .comparison-child table th, .subpage .comparison-box .comparison-child table td {
  border: none;
  background: none;
  font-size: 22px;
}
.subpage .comparison-box .target {
  border: 2px solid #d7063b;
}
.subpage .comparison-box .target .ttl {
  background: #d7063b;
  color: #fff;
  font-size: 22px;
  padding: 5px;
  font-weight: 700;
}
.subpage .comparison-box .target .parsent-box {
  padding: 15px;
}
.subpage .comparison-box .our {
  border: 2px solid #d7063b;
  background: #d7063b;
  padding: 25px;
  color: #fff;
  position: relative;
}
.subpage .comparison-box .our .ttl {
  background: #fff;
  color: #d7063b;
  font-size: 22px;
  font-weight: 700;
  padding: 5px;
  margin-bottom: 15px;
}
.subpage .comparison-box .our table th, .subpage .comparison-box .our table td {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
}
.subpage .comparison-box .our:after {
  position: absolute;
  display: block;
  content: "";
  width: 99%;
  height: 97%;
  border: 5px solid #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.subpage .obog .name-box {
  text-align: right;
}
.subpage .obog .name-box .sign-box {
  font-size: 20px;
  font-weight: 700;
}
.subpage .entrance-table th {
  width: 135px;
  padding: 0;
  vertical-align: middle;
}
.subpage .bosyuentrance .table-01 th, .subpage .bosyuentrance .table-01 td {
  text-align: center;
  width: 25%;
}
.subpage .bosyuentrance .table-02 th, .subpage .bosyuentrance .table-02 td {
  text-align: center;
  width: 50%;
}
.subpage .heigan .main .middle-small {
  font-size: 14px;
}
.subpage .point-dl .txt {
  font-size: 28px;
  font-weight: 700;
  color: #d7063b;
}
.subpage .point-dl dt {
  font-size: 28px;
  font-weight: 700;
  color: #d7063b;
}
.subpage .point-dl dd {
  margin-bottom: 20px;
}
.subpage .reggon-voice-box {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
}
.subpage .reggon-voice-box p + p {
  margin-top: 0;
}
.subpage .reggon-voice-box .info {
  margin-left: 30px;
}
.subpage .regoon-qa-box .regoon-qa .q-txt {
  font-size: 28px;
  font-weight: 700;
  padding-left: 30px;
  color: #d7063b;
  position: relative;
  margin-bottom: 10px;
}
.subpage .regoon-qa-box .regoon-qa .q-txt:before {
  content: "●";
  display: block;
  position: absolute;
  left: 0;
  top: 2px;
}
.subpage .regoon-qa-box .regoon-qa .a-txt {
  margin-bottom: 40px;
  margin-top: 0;
}
.subpage .regoon-qa-box .regoon-qa dt {
  font-size: 28px;
  font-weight: 700;
  padding-left: 30px;
  color: #d7063b;
  position: relative;
  margin-bottom: 10px;
}
.subpage .regoon-qa-box .regoon-qa dt:before {
  content: "●";
  display: block;
  position: absolute;
  left: 0;
  top: 2px;
}
.subpage .regoon-qa-box .regoon-qa dd {
  margin-bottom: 40px;
}
.subpage .wrapper.next-opencampus-area {
  margin-bottom: 160px;
}
.subpage .wrapper.next-opencampus-area .next-opencampus {
  padding: 25px;
  background: #d7063b;
  color: #fff;
  text-align: center;
  font-size: 30px;
  margin-bottom: 30px;
}
.subpage .wrapper.next-opencampus-area .next-opencampus p + p {
  margin-top: 0;
}
.subpage .wrapper.next-opencampus-area .next-opencampus .ttl {
  border-bottom: 1px solid #fff;
  line-height: 1;
  display: inline-block;
}
.subpage .wrapper.next-opencampus-area .next-opencampus .more {
  background: #fff;
  display: inline-block;
  line-height: 1;
}
.subpage .wrapper.next-opencampus-area .next-opencampus .more a {
  font-size: 20px;
  color: #d7063b;
  padding: 10px 30px;
  display: block;
}
.subpage .bonus-area {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}
.subpage .bonus-area .bonus-content {
  position: relative;
  text-align: center;
  color: #d7063b;
  width: 48%;
  padding-top: 170px;
  background: url(../images/opencampus/bg_bonus01.png) center top no-repeat;
}
.subpage .bonus-area .bonus-content:nth-of-type(2) {
  background: url(../images/opencampus/bg_bonus02.png) center top no-repeat;
}
.subpage .bonus-area .bonus-content .bonus-area-ttl {
  color: #fff;
  font-size: 20px;
  background: #d7063b;
  padding: 10px;
}
.subpage .bonus-area .bonus-content .bonus-area-txt {
  border: 3px solid #d7063b;
  padding: 25px 10px;
}
.subpage .bonus-area .bonus-content .bonus-area-txt dt {
  font-size: 38px;
  font-weight: 700;
  display: inline-block;
  border-bottom: 1px solid #d7063b;
  line-height: 1;
}
.subpage .bonus-area .bonus-content .bonus-area-txt dd {
  font-size: 16px;
  padding: 30px 30px 0;
  text-align: left;
}
.subpage .big-sircle-list {
  color: #d7063b;
  font-size: 26px;
}
.subpage .big-sircle-list li {
  list-style: none;
  position: relative;
  padding-left: 1em;
  font-weight: 700;
}
.subpage .big-sircle-list li:before {
  position: absolute;
  content: "●";
  display: block;
  left: 0;
  top: 2px;
}
.subpage .big-sircle-list.type02 {
  color: #010101;
  font-size: 18px;
}
.subpage .big-sircle-list.type02 li {
  list-style: none;
  position: relative;
  padding-left: 1.2em;
  font-weight: 700;
}
.subpage .big-sircle-list.type02 li:before {
  position: absolute;
  font-size: 16px;
  content: "●";
  display: block;
  left: 0;
  top: 0;
}
.subpage .opencampus-date-wrap .bg-green-ttl {
  background: #45b035;
  color: #fff;
  width: 375px;
}
.subpage .opencampus-date-wrap .opencampus-date-cont {
  margin-bottom: 30px;
}
.subpage .opencampus-date-wrap .opencampus-date-cont .date-wrap .date-wrap-ul {
  width: 100%;
  margin: 0 auto;
  padding: 0 30px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.subpage .opencampus-date-wrap .opencampus-date-cont .date-wrap .date-wrap-ul .time01 {
  background: #ffd5e0;
}
.subpage .opencampus-date-wrap .opencampus-date-cont .date-wrap .date-wrap-ul .time02 {
  background: #d5fff7;
}
.subpage .opencampus-date-wrap .opencampus-date-cont .date-wrap .date-wrap-ul .time03 {
  background: #fffbd5;
}
.subpage .opencampus-date-wrap .opencampus-date-cont .date-wrap .date-wrap-ul .time04 {
  background: #ffc1a5;
}
.subpage .opencampus-date-wrap .opencampus-date-cont .date-wrap .date-wrap-ul li {
  list-style: none;
  width: 160px;
  font-size: 24px;
  text-align: center;
  padding: 15px 0 7px;
  margin: 0 10px 20px;
}
.subpage .opencampus-date-wrap .opencampus-date-cont .date-wrap .date-wrap-ul li p {
  text-align: left;
  font-size: 24px;
  display: inline-block;
  line-height: 1.3;
}
.subpage .opencampus-date-wrap .opencampus-date-cont .date-wrap .date-wrap-ul li p .time {
  font-size: 18px;
}
.subpage .line-txt {
  padding-left: 124px;
  background: url(../images/common/icon_line.png) left center no-repeat;
}
.subpage .qr-box {
  text-align: center;
  width: 220px;
  margin: 0 auto;
  background: #e4e4e4;
  padding: 20px 0;
}
.subpage .qr-box span {
  display: block;
  margin-bottom: 5px;
}
.subpage .free-tel {
  padding-left: 95px;
  background: url(../images/common/icon_free.png) left center no-repeat;
}
.subpage .free-tel a {
  font-size: 40px;
  color: #d7063b;
  display: block;
}
.subpage .tel-box p + p {
  margin-top: 5px;
}
.subpage .result-cont-wrap {
  margin: 0;
  justify-content: space-between;
}
.subpage .result-cont-wrap .col.result-cont-box {
  max-width: 48%;
  padding: 0;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
  background: url(../images/common/img_mark2.png) bottom -10px right -50px no-repeat;
  background-size: 38%;
}
.subpage .result-cont-wrap .result-ttl {
  background: #d7063b;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  padding: 10px 15px;
}
.subpage .result-cont-wrap .result-cont-inner {
  padding: 30px 20px;
}
.subpage .result-cont-wrap .result-cont-inner .info-box {
  display: flex;
  flex-wrap: wrap;
}
.subpage .result-cont-wrap .result-cont-inner .info-box figure {
  flex: 1;
}
.subpage .result-cont-wrap .result-cont-inner .info-box .propaty {
  width: 176px;
  padding-left: 10px;
}
.subpage .result-cont-wrap .result-cont-inner .info-box .propaty p + p {
  margin: 0;
}
.subpage .result-cont-wrap .result-cont-inner .info-box .propaty .depart {
  font-size: 16px;
}
.subpage .result-cont-wrap .result-cont-inner .info-box .propaty .hischool {
  margin-bottom: 5px;
  height: 40px;
  font-size: 16px;
  overflow: hidden;
  line-height: 1.3;
}
.subpage .result-cont-wrap .result-cont-inner .info-box .propaty .grad {
  font-size: 12px;
}
.subpage .result-cont-wrap .result-cont-inner .info-box .propaty .name {
  font-size: 18px;
  font-weight: 700;
}
.subpage .result-cont-wrap .result-cont-inner .result-content {
  font-size: 14px;
}
.subpage .select-box {
  text-align: right;
  margin-bottom: 40px;
}
.subpage .select-box .news-clect {
  width: 300px;
  padding: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 2px solid #d7063b;
  background: url(../images/news/arrow_select.png) right 0 no-repeat;
  background-size: contain;
  font-size: 16px;
  color: #d7063b;
}
.subpage .li-news li p + p {
  margin-top: 0;
}
.subpage .single-section {
  padding-top: 70px;
}
.subpage .single-news-content-wrap {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  padding: 80px 50px 40px;
  position: relative;
}
.subpage .single-news-content-wrap .single-ttl {
  font-size: 30px;
  text-align: left;
}
.subpage .single-news-content-wrap .single-ttl span {
  display: inline-block;
  padding-bottom: 15px;
  margin-bottom: 40px;
  position: relative;
  text-align: left;
}
.subpage .single-news-content-wrap .single-ttl span:after {
  width: 3em;
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
}
.subpage .single-news-content-wrap .single-ttl .cate01-ttl:after {
  border-bottom: 2px solid #00a0e9;
}
.subpage .single-news-content-wrap .single-ttl .cate02-ttl:after {
  border-bottom: 2px solid #ff8c10;
}
.subpage .single-news-content-wrap .single-ttl .cate03-ttl:after {
  border-bottom: 2px solid #a748b5;
}
.subpage .single-news-content-wrap .single-ttl .cate04-ttl:after {
  border-bottom: 2px solid #d7063b;
}
.subpage .single-news-content-wrap .single-ttl .cate-other-ttl:after {
  border-bottom: 2px solid #f4bdcb;
}
.subpage .single-news-content-wrap .news-date {
  text-align: right;
  color: #878787;
}
.subpage .single-news-content-wrap .category {
  color: #fff;
  display: inline-block;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  position: absolute;
  text-align: center;
  top: -75px;
  left: 50%;
  margin-left: -75px;
}
.subpage .single-news-content-wrap .category p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  font-size: 16px;
}
.subpage .single-news-content-wrap .category:after {
  content: "";
  display: block;
  border-radius: 50%;
  width: 135px;
  height: 135px;
  position: absolute;
  border: 1px solid #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.subpage .single-news-content-wrap .cate01 {
  background: #00a0e9;
}
.subpage .single-news-content-wrap .cate02 {
  background: #ff8c10;
}
.subpage .single-news-content-wrap .cate03 {
  background: #a748b5;
}
.subpage .single-news-content-wrap .cate04 {
  background: #d7063b;
}
.subpage .single-news-content-wrap .cate-other {
  background: #f4bdcb;
}
.subpage .single-news-content-wrap .single-content {
  border-bottom: 1px solid #000;
  padding-bottom: 80px;
  margin-bottom: 40px;
}
.subpage .single-news-content-wrap .logo-shingle {
  width: 290px;
  margin: 0 auto;
}
.subpage .btn-contact ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}
.subpage .btn-contact ul li {
  list-style: none;
  width: 48%;
  border: 1px solid #d7063b;
  border-radius: 8px;
  text-align: center;
}
.subpage .btn-contact ul li a {
  padding: 10px 15px;
  font-size: 22px;
  display: block;
  font-weight: 700;
}
.subpage .btn-contact ul .btn-crt {
  background: #f4bdcb;
}
.subpage .btn-contact ul .btn-crt a {
  cursor: default;
}
.subpage .contact-table {
  margin-bottom: 30px;
  border-collapse: collapse;
}
.subpage .contact-table th, .subpage .contact-table td {
  border: none;
  padding: 20px;
  /*font-family: "游ゴシック体", "YuGothic", "游ゴシック Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
  font-weight: 700;
  border: 1px solid #ccc;
}
.subpage .contact-table .must-item th {
  background: #f4bdcb;
}
.subpage .contact-table .must-item th span {
  display: inline-block;
  margin: 0;
  margin-left: 5px;
  color: #fff;
  background: red;
  padding: 5px;
  font-size: 12px;
  vertical-align: top;
  line-height: 1;
  font-weight: 700;
}
.subpage .contact-table th {
  background: #efefef;
  width: 210px;
  line-height: 1;
  font-size: 18px;
  text-align: left;
}
.subpage .contact-table td input[type="text"],
.subpage .contact-table td input[type="email"] {
  height: 40px;
  width: 100%;
  display: block;
}
.subpage .contact-table td textarea {
  width: 100%;
  display: block;
  height: 140px;
}
.subpage .contact-table td input.yubin,
.subpage .contact-table td input.tel {
  display: inline-block;
  width: auto;
}
.subpage .contact-table.opencampus-table th {
  width: 280px;
}
.subpage .course-check-list span {
  display: block;
  width: 100%;
  margin-left: 0 !important;
}
.subpage .form-btn {
  margin-top: 30px;
  display: flex;
  text-align: center;
}
.subpage .form-btn input {
  width: 100%;
  cursor: pointer;
  border: none;
  display: block;
  border-radius: 5px;
  color: #fff;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding: 23px 10px;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.3;
  background: #45b035;
}
.subpage .form-btn .form-back {
  width: 100%;
  margin-right: 30px;
  padding: 23px 10px;
  border-radius: 5px;
  background: #dddddd;
  color: #888;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
}
.subpage .form-ann {
  margin-top: 5px !important;
  font-size: 14px;
}
.subpage .imp-txt {
  font-weight: 700;
  color: #d7063b;
}
.subpage .sec-openform .txt-next {
  background: #d7063b;
  color: #fff;
  font-size: 32px;
  font-weight: bold;
  padding: 10px 25px 0;
  /*font-family: "游ゴシック体", "YuGothic", "游ゴシック Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
}
.subpage .sec-openform .txt-date {
  border: 10px solid #d7063b;
  /*font-family: "游ゴシック体", "YuGothic", "游ゴシック Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
  position: relative;
  margin-bottom: 20px;
  padding: 15px 15px 5px 15px;
  background: #fff;
  color: #595757;
  line-height: 1;
  text-align: center;
}
.subpage .sec-openform .txt-date .txt-year {
  position: absolute;
  top: 7px;
  left: 10px;
  display: inline-block;
  padding: 0 8px;
  background: #d7063b;
  color: #fff;
  font-size: 24px;
  line-height: 1.2;
}
.subpage .sec-openform .txt-date .txt-day {
  font-size: 83px;
  font-weight: bold;
}
.subpage .sec-openform .txt-date .txt-day mark {
  color: #595757;
  font-size: 105px;
  font-weight: bold;
}
.subpage .sec-openform .txt-date .txt-week {
  display: inline-block;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: #595757;
  color: #fff;
  font-size: 34px;
  font-weight: bold;
  line-height: 58px;
  vertical-align: text-bottom;
}
.subpage .sec-openform .txt-date .txt-time span {
  font-weight: bold;
  font-size: 59px;
}
.subpage .sec-openform .txt-date .txt-time span:nth-child(1) {
  position: relative;
}
.subpage .sec-openform .txt-date .txt-time span:nth-child(1):after {
  position: absolute;
  display: block;
  content: "";
}

/*.subpage*/
@media screen and (max-width: 767px) {
  .subpage {
    /* メイン背景設定 */
    /* main */
    /* school */
    /* lecturers */
    /* facility */
    /* information */
    /* publicservice */
    /* hishool_publicservice */
    /* licence_performance */
    /* .obog */
    /* reggon */
    /* opencampus */
  }
  .subpage .spacer{
	height: 40px !important;
  }
  .subpage .l-under-contents{
    padding-bottom: 15px;
  }
  .subpage .main section + section {
    margin-top: 40px;
  }
  .subpage .main p + p {
    margin-top: 1em;
  }
  .subpage .main .p_mg {
    margin-top: 1em;
  }
  .subpage table th, .subpage table td {
    padding: 20px 15px;
    border-width: 1px;
    font-size: 15px;
  }
  .subpage table th {
    vertical-align: middle;
  }
  .subpage .school .sec-pagetitle {
    background-image: url(../images/feature/img_main.jpg);
  }
  .subpage .lecturers .sec-pagetitle {
    background-image: url(../images/lecturers/img_main.jpg) ;
  }
  .subpage .event .sec-pagetitle {
    background-image: url(../images/event/img_main.jpg);
  }
  .subpage .opencampus .sec-pagetitle {
    background-image: url(../images/opencampus/img_main.jpg);
  }
  .subpage .publicsupport .sec-pagetitle {
    background-image: url(../images/publicsupport/img_main.jpg);
  }
  .subpage .employment .sec-pagetitle {
    background-image: url(../images/employment/img_main.jpg);
  }
  .subpage .obog .sec-pagetitle {
    background-image: url(../images/obog/img_main.jpg);
  }
  .subpage .publicservice .sec-pagetitle {
    background-image: url(../images/publicservice/img_main.jpg);
  }
  .subpage .publicservice_one .sec-pagetitle {
    background-image: url(../images/publicservice_one/img_main.jpg);
  }
  .subpage .hishool_publicservice .sec-pagetitle {
    background-image: url(../images/hishool_publicservice/img_main.jpg);
  }
  .subpage .entrance-table th {
    width: 100%;
	display: block !important;
  }
  .subpage .sp_block table th {
    display: block !important;
	width: 100%;
  }
  .subpage table th {
    font-size: 14px;
  }
  .subpage .sp-mb0 {
    margin-bottom: 0 !important;
  }
  .subpage .sp-none {
    display: none;
  }
  .subpage .reverse {
    flex-direction: column-reverse !important;
  }
  .subpage .wrapper-content-inner {
    margin-bottom: 50px;
  }
  .subpage .content-mb-small {
    margin-bottom: 30px;
  }
  .subpage .topicpath.wrapper {
    display: none;
  }
  .subpage .btn-wrap .btn-skin03 {
    padding: 15px;
  }
  .subpage .contents {
    padding-top: 10px;
  }
  .subpage .main .main-section-ttl {
    margin-bottom: 20px;
    font-size: 22px;
    z-index: 0;
  }
  .subpage .main .main-section-ttl:before {
    top: -15px;
    left: -20px;
    z-index: -1;
    content: "";
    opacity: .2;
    width: 60px;
    height: 50px;
    background: url(../images/common/img-mark.png) no-repeat center center;
    background-size: contain;
    vertical-align: middle;
  }
  .subpage .main .middle-section-ttl {
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 25px;
    padding-bottom: 5px;
    border-bottom: 3px solid #d7063b;
    /*font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif;*/
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2;
    text-align: left;
  }
  .subpage .main .sub-section-ttl {
    position: relative;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 15px 10px 12px;
    background: #d7063b;
    /*font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif;*/
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
    text-align: left;
  }
  .subpage .main .sub-section-ttl:after {
    bottom: -25px;
    right: -22px;
    opacity: .5;
    width: 91px;
    height: 84px;
    background: url(../images/common/img-mark.png) no-repeat center top;
    background-size: contain;
    transform: rotate(45deg);
  }
  .subpage .main .middle-section-ttl + .sub-section-ttl {
    margin-top: 0;
  }
  .subpage .main .left-line-ttl {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 10px;
    border-left: 8px solid #d7063b;
    color: #d7063b;
    /*font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif;*/
    font-size: 18px;
    font-weight: bold;
    line-height: 1.35;
  }
  .subpage .main .left-line-ttl br {
    display: none;
  }
  .subpage .main .bg-green-ttl {
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 7px 10px;
    background: #50c33f;
    color: #fff;
    /*font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif;*/
    font-size: 16px;
    line-height: 1.2;
  }
  .subpage .main .row {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .subpage .main .row .col {
    flex-basis: auto;
    margin-bottom: 10px;
  }
  .subpage .main .row .col figure {
    text-align: center;
    margin-bottom: 10px;
  }
  .subpage .box-image figure {
    text-align: center;
    margin-bottom: 10px;
    float: left;
    width: 150px;
    margin-right: 10px;
  }
  .subpage .box-image.column-2 .col {
    /*max-width: 400px!important;*/
    width: 100% !important;
    margin: 0 auto 25px;
  }
  .subpage .box-image.column-2 .col p {
    font-size: 14px;
  }
  .subpage .sp-column-1.box-image.column-2 .col {
    margin-bottom: 0;
  }
  .subpage .sp-column-1.box-image.column-2 .teacher-cont {
    margin-bottom: 20px;
  }
  .subpage .sp-column-1.box-image.column-2 figure {
    text-align: center;
  }
  .subpage .border-b-ttl {
    font-size: 19px;
    padding-bottom: 15px;
    height: auto;
  }
  .subpage .btn-more {
    font-size: 20px;
  }
  .subpage .contents-inner-box {
    margin-top: 20px;
  }
  .subpage .bnr-area {
    margin-top: 40px;
  }
  .subpage .li-faq dt {
    padding: 15px 35px 15px 5px;
    font-size: 14px;
  }
  .subpage .list-normal {
    display: block;
  }
  .subpage .list-normal li {
    width: 100%;
  }
  .subpage .free-tel {
    padding-left: 45px;
    background: url(../images/common/icon_free.png) left center no-repeat;
    background-size: 40px;
  }
  .subpage .free-tel a {
    font-size: 28px;
  }
  .subpage .sp-block-table th {
    width: 100%;
    display: block;
    padding: 10px;
    font-size: 16px;
  }
  .subpage .sp-block-table td {
    width: 100%;
    display: block;
    font-size: 14px;
  }
  .subpage .big-sircle-list {
    font-size: 16px;
  }
  .subpage .big-sircle-list li:before {
    font-size: 16px;
  }
  .subpage .big-sircle-list.type02 {
    color: #010101;
    font-size: 14px;
  }
  .subpage .big-sircle-list.type02 li:before {
    font-size: 14px;
  }
  .subpage .group-info-wrap {
    padding: 0;
  }
  .subpage .group-info-wrap .ttl {
    font-size: 18px;
  }
  .subpage .group-info-wrap .parent-box {
    display: block;
  }
  .subpage .group-info-wrap .parent-box .img {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
  }
  .subpage .group-info-wrap .parent-box .depart-info {
    padding-left: 0;
  }
  .subpage .group-info-wrap .parent-box .depart-info p {
    font-size: 18px;
    text-align: center;
  }
  .subpage .group-info-wrap .parent-box .depart-info p .big-txt {
    font-size: 22px;
  }
  .subpage .group-info-wrap .parent-box .depart-info p .info-ann {
    text-align: center;
  }
  .subpage .group-info-wrap .parent-box .depart-info .catch {
    font-size: 20px;
  }
  .subpage .group-info-wrap .parent-box .cooper-list {
    padding-left: 0;
  }
  .subpage .group-info-wrap .parent-box .cooper-list li {
    font-size: 18px;
  }
  .subpage .education_box {
    display: block;
  }
  .subpage .education_box div {
    padding: 20px;
  }
  .subpage .education_box .okinawa {
    width: 100%;
  }
  .subpage .education_box .okinawa:after {
    content: "";
    display: block;
    border-left: 25px solid transparent;
    border-top: 25px solid #fff8ae;
    border-right: 25px solid transparent;
    position: absolute;
    top: auto;
    bottom: -50px;
    right: 50%;
    margin-right: -25px;
  }
  .subpage .education_box .kbc-group {
    padding-top: 30px;
  }
  .subpage .net-work .catch {
    font-size: 20px;
  }
  .subpage .head-teacher-voice .name {
    font-size: 19px;
  }
  .subpage .teacher-tub-section .tab-contentWrap {
    margin-top: -40px;
  }
  .subpage .teacher-tub-section .tab-contentWrap .tab-content {
    padding: 22px 15px 15px;
    font-size: 14px;
  }
  .subpage .teacher-tub-section .tab-contentWrap .tab-content .name-box .name {
    font-size: 20px;
  }
  .subpage .teacher-tub-section .li-tabmenu {
    width: 300px;
  }
  .subpage .teacher-tub-section .li-tabmenu li {
    width: 95px;
    height: 95px;
  }
  .subpage .teacher-tub-section .li-tabmenu li .ttl br {
    display: none;
  }
  .subpage .teacher-tub-section .li-tabmenu li .name {
    margin-top: 5px;
    font-size: 16px;
  }
  .subpage .teacher-tub-section .li-tabmenu li.active:after {
    display: block;
    content: "";
    width: 90px;
    height: 90px;
    border: 2px solid #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
  }
  .subpage .teacher-list-wrap .teacher-cont {
    padding-bottom: 0;
  }
  .subpage .teacher-list-wrap .teacher-cont .name-area {
    margin-top: 5px;
    position: relative;
  }
  .subpage .teacher-list-wrap .teacher-cont .name-area .name {
    font-size: 18px;
  }
  .subpage .facility-info-box {
    display: block;
  }
  .subpage .facility-info-box p + p{
    margin: 0;
  }
  .subpage .facility-info-box .logo-box {
    width: 100%;
    margin-bottom: 20px;
  }
  .subpage .information .table-normal th {
    font-size: 16px;
  }
  .subpage .information .table-normal td {
    font-size: 14px;
  }
  .subpage .full-bg {
    padding: 10px 10px 20px;
  }
  .subpage .full-bg .course-caption {
    display: block;
  }
  .subpage .full-bg .course-caption .content {
    margin-right: 0;
    font-weight: 700;
    margin-bottom: 15px;
  }
  .subpage .full-bg .course-caption .percent-content {
    transform: skew(0deg);
    margin: 0 auto;
  }
  .subpage .course-main-cap {
    display: block;
  }
  .subpage .course-main-cap .img-box {
    width: 100%;
    margin: 0 auto 15px;
  }
  .subpage .course-main-cap .job-box {
    min-width: 0;
    max-width: 520px;
    margin: 0 auto;
  }
  .subpage .course-main-cap .job-box .list-normal {
    padding: 0 15px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .subpage .course-main-cap .job-box .list-normal li {
    width: 50%;
  }
  .subpage .course-licence-2column {
    width: 100%;
    display: block;
  }
  .subpage .course-licence-2column p:first-child {
    text-align: center;
    margin-bottom: 15px;
  }
  .subpage .course-curr-box {
    display: block;
  }
  .subpage .course-curr-box .licence-list-wrap {
    margin-bottom: 10px;
  }
  .subpage .course-curr-box .licence-list-wrap p {
    font-size: 16px;
  }
  .subpage .course-curr-box .img-box {
    text-align: center;
  }
  .subpage .hishool_publicservice .publicservice-bounus {
    display: block;
  }
  .subpage .hishool_publicservice .publicservice-bounus dl {
    width: 100%;
    margin-bottom: 15px;
  }
  .subpage .hishool_publicservice .publicservice-bounus dl dt {
    padding: 5px;
    font-size: 20px;
  }
  .subpage .hishool_publicservice .publicservice-bounus dl dd {
    padding: 15px;
  }
  .subpage .smal-table th, .subpage .smal-table td {
    font-size: 13px;
    padding: 5px;
  }
  .subpage .comparison-box {
    margin-top: 0;
    display: block;
  }
  .subpage .comparison-box .comparison-child:first-child {
    width: 260px;
    margin: 0 auto 40px;
  }
  .subpage .comparison-box .our {
    width: 280px;
    margin: 0 auto;
  }
  .subpage .comparison-box .our table th {
    font-size: 22px;
  }
  .subpage .comparison-box:after {
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    border-left: 25px solid transparent;
    border-top: 25px solid #d7063b;
    border-right: 25px solid transparent;
    transform: translate(-50%, -50%);
  }
  .subpage .obog .name-box .sign-box {
    font-size: 17px;
  }
  .subpage .point-dl .txt {
    font-size: 18px;
  }
  .subpage .point-dl dt {
    font-size: 18px;
  }
  .subpage .reggon-voice-box p:first-child {
    width: 130px;
  }
  .subpage .reggon-voice-box .info {
    margin-left: 10px;
    flex: 1;
    font-size: 13px;
    letter-spacing: -1px;
  }
  .subpage .reggon-voice-box .regoon-qa .q-txt {
    font-size: 18px;
  }
  .subpage .reggon-voice-box .regoon-qa dt {
    font-size: 18px;
  }
  .subpage .wrapper.next-opencampus-area {
    margin-bottom: 20px;
  }
  .subpage .wrapper.next-opencampus-area .next-opencampus {
    padding: 15px;
  }
  .subpage .wrapper.next-opencampus-area .next-opencampus .ttl {
    font-size: 20px;
  }
  .subpage .wrapper.next-opencampus-area .next-opencampus .date {
    font-size: 20px;
  }
  .subpage .wrapper.next-opencampus-area .next-opencampus .more {
    font-size: 20px;
  }
  .subpage .bonus-area {
    display: block;
  }
  .subpage .bonus-area .bonus-content {
    width: 100%;
    background: url(../images/opencampus/bg_bonus01.png) center top no-repeat;
    background-size: 180px auto;
    padding-top: 130px;
    margin-bottom: 15px;
  }
  .subpage .bonus-area .bonus-content .bonus-area-txt {
    padding: 15px;
  }
  .subpage .bonus-area .bonus-content .bonus-area-txt dt {
    font-size: 20px;
  }
  .subpage .bonus-area .bonus-content .bonus-area-txt dd {
    padding: 10px;
  }
  .subpage .bonus-area .bonus-content:nth-of-type(2) {
    background: url(../images/opencampus/bg_bonus02.png) center top no-repeat;
    background-size: 200px auto;
  }
  .subpage .opencampus-date-wrap .bg-green-ttl {
    width: 100%;
  }
  .subpage .opencampus-date-wrap .opencampus-date-cont .date-wrap .date-wrap-ul {
    padding: 0;
  }
  .subpage .opencampus-date-wrap .opencampus-date-cont .date-wrap .date-wrap-ul li {
    width: 115px;
  }
  .subpage .opencampus-date-wrap .opencampus-date-cont .date-wrap .date-wrap-ul li p {
    font-size: 20px;
  }
  .subpage .pc-none {
    display: block;
  }
  .subpage .sp-column-1.result-cont-wrap .result-cont-box {
    margin-bottom: 15px !important;
  }

	
	
	
  .subpage .btn-skin01, .subpage .btn-skin02, .subpage .btn-skin03 {
    border-radius: 3px;
    font-size: 17px;
  }
  [class*="btn-skin"] {
    border-radius: 3px;
    line-height: 1.3;
  }
	
	

	
  .subpage .box-image {
    /*margin-right: -5px;
    margin-left: -5px;
    font-size: 12px;*/
  }
  .subpage .box-image > .col {
    /*padding-left: 5px;
    padding-right: 5px;*/
  }
  .subpage .box-image figure {
    /*margin-bottom: 5px;*/
  }
  .subpage .sp-column-1 {
    flex-direction: column;
  }
  .subpage .sp-column-1 > .col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-bottom: 10px;
    width: auto !important;
    margin-left: 0;
  }
  .subpage .main .row .col,
  .subpage .main .row .col-1,
  .subpage .main .row .col-10,
  .subpage .main .row .col-11,
  .subpage .main .row .col-12,
  .subpage .main .row .col-2,
  .subpage .main .row .col-3,
  .subpage .main .row .col-4,
  .subpage .main .row .col-5,
  .subpage .main .row .col-6,
  .subpage .main .row .col-7,
  .subpage .main .row .col-8,
  .subpage .main .row .col-9 {
    padding-left: 5px;
    padding-right: 5px;
  }	
  .subpage .main .row {
    margin: 1em -5px;
  }	
	
  /*.subpage*/
}

/*.wp-block-columns*/
@media (min-width:768px) {
  .wp-block-columns {
    flex-wrap: nowrap!important
  }
}


@media (max-width:781px) {
  .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
    flex-basis: 0!important
  }
}

@media (max-width:767px) {
  .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
    flex-basis: 100%!important
  }
}

@media (min-width:768px) {
  .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
    flex-basis: 0;
    flex-grow: 1
  }
  .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis] {
    flex-grow: 0
  }
}



.subpage .fp-img{
    margin-bottom: 30px;
}
.subpage .fp-list{
	display: flex;
	column-gap: 10px;
	padding-bottom: 75px;
}
.subpage .fp-list .col{
    max-width: 360px;
	border: 1px solid #989898;
	border-radius: 5px;
	margin-bottom: 0;
}
.subpage .fp-list .col .inner-wrap{
    padding: 15px;
}
.subpage .fp-list .col .inner-wrap .txt{
    font-size: 17px;
	line-height: 1.6;
}
.subpage .fp-list .self-info{
    column-gap: 1em;
	margin-bottom: 20px;
}
.subpage .fp-list .col .img-box{
    max-width: 120px;
}
.subpage .fp-list .col .txt-box{
    display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 18px;
}
.subpage .fp-list .col .txt-box p{
    margin-top: 0;
}
.subpage .fp-list .col .txt-box .small{
    font-size: 13px;
	text-indent: -0.5em;
	line-height: 1;
}
.subpage .fp-list .col .big-txt{
	font-size: 22px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 10px;
}
@media (max-width:767px) {
	.subpage .fp-img{
		margin-bottom: 30px;
	}
	.subpage .fp-list{
		flex-direction: column;
		row-gap: 1em;
		padding-bottom: 20px;
	}
	.subpage .fp-list .col{
		max-width: none;
	}
	.subpage .fp-list .self-info{
		flex-wrap: nowrap !important;
	}
}

/* Table kaw_add */
table.table-gray {
  border-color: #ccc;
}
.table-gray table{
  border-color: #ccc;
}
table.table-gray th, table.table-gray td {
  border-color: #ccc;
  vertical-align: middle;
}
.table-gray table th, .table-gray table td {
  border-color: #ccc;
  vertical-align: middle;
}
table.table-gray th {
  width: 5em;
  padding: 12px 5px 11px;
  background: #fff;
  color: #333;
}
.table-gray table th {
  width: 5em;
  padding: 12px 5px 11px;
  background: #f0f0f0;
  color: #333;
}
table {
    width: 100%;
    margin: 1.6em auto;
    border-collapse: separate;
/*    border: 2px solid #ef92ae;	*/
    border-radius: 5px;
    border-collapse: collapse;
    border-spacing: 0;
}

table tr:first-child th:first-child, table tr:first-child td:first-child {
    /* border-radius: 4px 0 0 0; */
}

table tr th:first-child, table tr td:first-child {
    /* border-left: none; */
}


.youtube {
  text-align: center;
  margin-top: 3em
}

.ipad_img {
  text-align: center;
  margin-top: 3em
}

@media screen and (max-width: 767px) {
  .youtube iframe {
    aspect-ratio: 16/9;
    height: auto;
  }
  .ipad_img img {
    width: 80%;
  }

}

/*------ /イベントリンク設定 ------*/

.home-schedule-in {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  color: #333;
  max-width: 100%;
  width: 85%;
  margin: 60px auto 0;
}

.home-schedule-banner {
  display: flex;
  justify-content: center;
  gap: 30px;
  width: 95%;
  margin: 100px auto 0;
}

.home-schedule-banner::after {
  display: none;
}

.schedule-inner {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1em;
  color: #555;
  flex: 1 1 calc(33% - 16px);
}
.schedule-inner span {
  color: #fff;
}
.opencampus .schedule-inner {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  width: 315px;
  color: #333;
}

.schedule-event-box1 {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FA5858;
  border: 1px solid #fff;
  height: 40px;
  width: 4em;
}
.schedule-event-box2 {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FF5DB7; 
  border: 1px solid #fff;
  height: 40px;
  width: 4em;
}
.schedule-event-box3 {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f4a40b;
  border: 1px solid #fff;
  height: 40px;
  width: 4em;
}
.schedule-event-box4 {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #2ccad8;
  border: 1px solid #fff;
  height: 40px;
  width: 4em;
}
.schedule-event-box5 {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #06B268;
  border: 1px solid #fff;
  height: 40px;
  width: 4em;
}
.schedule-event-box6 {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #F3993A;
  border: 1px solid #fff;
  height: 40px;
  width: 4em;
}
.schedule-event-box7 {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #228BFF;
  border: 1px solid #fff;
  height: 40px;
  width: 4em;
}
.schedule-event-box8 {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #A590FF;
  border: 1px solid #fff;
  height: 40px;
  width: 4em;
}
.schedule-event-box9 {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #469AF4;
  border: 1px solid #fff;
  height: 40px;
  width: 4em;
}
b.event_act {
  font-size: 1.5em;
  line-height: 2.5em;
  margin: 2em 0 0.5em 0;
  display: block;
}

@media screen and (max-width: 767px){
.home-schedule-in {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  color: #333;
  max-width: 970px;
  width: 70%;
  margin: 60px auto 0;
}
.home-schedule-in {
  width: 90%;
}
.schedule-inner {
  flex: 1 1 calc(100% - 0px);
}
}
/*------ /イベントリンク用フォームの装飾 ------*/
.formcont_page {
  background-color: #F9F9F9 !important;
  padding: 5em 10em;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic",sans-serif,serif;
  color: #444444;
}
.gform-theme--foundation .gform-field-label:where(:not([class*="gform-field-label--type-"]):not(.gfield_header_item):not(.ginput_quantity_label)) {
  font-size: 1.3em !important;
  font-weight: bold !important;
  color: #444444 !important;
  display: flex;
  align-items: center;
}
.gform-theme--framework .field_description_below .gfield_description:where(:not(.ginput_counter_tinymce):not(.gfield_creditcard_warning_message):not(.field_validation_above .gfield_validation_message)) {
  font-size: 1.1em;
  line-height: 1.6em;
}
.gform-theme--foundation .gfield input.large,
.gform-theme--foundation .gfield input#input_1_7_3,.gform-theme--foundation .gfield input#input_1_8_3,
.gform-theme--foundation .gfield input#input_1_12_3,.gform-theme--foundation .gfield input#input_1_12_6,
.gform-theme--foundation .gfield input#input_1_7_6,.gform-theme--foundation .gfield input#input_1_8_6,
.gform-theme--foundation .gfield input#input_1_25,.gform-theme--foundation .gfield select#input_1_26,
.gform-theme--foundation .gfield select#input_1_28_3,.gform-theme--foundation .gfield textarea#input_1_43,
.gform-theme--foundation .gfield select#input_1_28_1,
.gform-theme--foundation .gfield select#input_1_28_2,
.gform-theme--foundation .gfield input#input_1_29_5,
.gform-theme--foundation .gfield input#input_1_29_1,.gform-theme--foundation .gfield select#input_1_34,
.gform-theme--foundation .gfield input#input_1_29_2,.gform-theme--foundation .gfield select#input_1_33,
.gform-theme--foundation .gfield select#input_1_30,.gform-theme--foundation .gfield select#input_1_31{
  height: 50px;
  line-height: 50px;
  border-radius: 10px;
  box-shadow: none !important;
  border: 1px solid #b5b5b5;
}
input#gform_submit_button_1,input#gform_next_button_1_23, input.gform_next_button,
input#gform_submit_button_1.checked,input#gform_next_button_1_23.checked, input.gform_next_button.checked,
input#gform_submit_button_1.focus,input#gform_next_button_1_23.focus, input.gform_next_button.focus,
input#gform_submit_button_1.active,input#gform_next_button_1_23.active, input.gform_next_button.active {
  color: #ffffff !important;
  font-weight: bold !important;
  background: #37abe0 !important;
  border-radius: 100vw !important;
  padding: 0.5em 1.5em;
  margin: 0 auto !important;
  display: block !important;
  width: 250px;
  border: none !important;
  height: 50px;
  font-size: 1.5em !important;
  outline: none !important;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.gform_page_footer {
  position: relative;
  margin: 0 !important;
  height: 100px;
  justify-content: center;
  align-items: center;
}
input#gform_previous_button_1 {
  color: #555 !important;
  font-weight: bold !important;
  background: none !important;
  border-radius: 0 !important;
  margin: 0 auto;
  border: none !important;
  font-size: 1.5em !important;
  width: 100px !important;
  position: absolute;
  bottom: -35px;
}
.gform-theme--foundation .gfield textarea#input_1_43{
  line-height:1.8em;
}


.gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type="hidden"])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
  box-shadow:none !important;
  border: 1px solid #b5b5b5;
}
.gfield_required {
  display:none;
}
.gform-theme-button {
  padding: 0.7em !important;
}
.gform-theme--foundation .gform_page_footer {
  justify-content: center;
}
span.gfield_required_text {
  display: none;
}
.gfield_required::after {
  content: "必須";
  display: inline-block;
  background-color: #FF8282;
  color: white;
  border-radius: 5px;
  padding: 0.2em 1em;
  font-size: 1.2em;
  margin-left: 0.5em;
}
.formcont_page p {
line-height: 2.0;
  color: #6b6a6a;
}
div#field_1_24 table {
  background: #F9F9F9 !important;
}
div#field_1_24 table,div#field_1_24 table tbody,div#field_1_24 table tr,div#field_1_24 table tr td{
border:none !important;
}
div#field_1_24 table tr td {
  text-align: left;
  display: flex;
}
div#field_1_24 table tr td font {
  font-size: 1em !important;
}
div#field_1_24 table tr:nth-child(even) td:first-child,.gf_progressbar_wrapper {
  display:none;
}
.gform-theme--framework .gf_progressbar .percentbar_blue {
  background: #37abe0 !important;
}
#field_1_29 span,#field_1_41{
  display: flex;
  flex-direction: column-reverse; 
}
#field_1_43 {
  display: flex;
  flex-direction: column;
}
#field_1_43 label{
  order: 1;
}
#field_1_43 .ginput_container{
  order: 3;
}
#field_1_43 #gfield_description_1_43{
  order: 2;
}
#field_1_43 p{
  white-space: preserve;
  margin-bottom: 0.5em;
}
#field_1_29 label{
  font-size: 1.1em;
  line-height: 1.6em;
  margin-bottom:0.2em;
}
#field_1_29 span.gfield_required span{
  display:none;
}
#field_1_41 .gfield_description{
  margin:0 !important;
}
#field_1_41 legend::after{
content:"その時点で予約確定となります。";
font-weight: bold;
color: red;
}
#field_1_41 .gfield_description p,#field_1_43 p b {
  color: red;
  margin-bottom: 0.3em;
  font-weight: bold;
}
.fc-widget-header{
  background: #f5f5f5 !important;
}
.fc-bg table td.fc-sat,.fc-bg table td.fc-sun,.fc-content-skeleton table td.fc-sat,,.fc-content-skeleton table td.fc-sun{
  border:solid 1px #CCC !important;
}
.eo-fullcalendar-reset.fc-unthemed .fc-sat {
  background: #DFFAFB;
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  border-right: solid 1px #ccc;
}
.fc-bg table .fc-sun,
.fc-bg table .fc-holiday{
  background: #FDF6FA;
}
.fc-ltr .fc-basic-view .fc-day-number {
  border-right: solid 1px #ccc;
}
#field_1_44 .event_act{
  color: #6b6a6a;
  margin: -1.5em 0 0.5em 0;
}
.eo-fullcalendar-shortcode{
  margin-bottom:2em;
}
h3.subopen,p.subcenter {
  display: block;
  margin: 1em auto;
  text-align: center;
}
p.subcenter b{
  color: #DB3D42;
  font-weight: bold;
  font-size: 1.2em;
}
span.caution {
  color: #fff;
  background-color: #D7282D;
  display: flex;
  width: 80px;
  align-items: center;
  justify-content: center;
  margin: 0.8em 0 0.2em 0;
  font-size: 0.9em;
}
ol.countol{
  counter-reset: item;
  list-style-type: none;
  padding-left: 0;
}
ol.countol li{
  text-indent: -1.3em;
  padding-left: 1.3em;
}
ol.countol li:before {
  counter-increment: item;
  content: counter(item)'.';
}

@media screen and (max-width: 769px){
.fc-view .fc-widget-content,.fc-content-skeleton td {
  padding: 0 !important;
}
.formcont_page {
  padding: 1em 1em 3em 1em;
}
div#field_1_24 table {
  margin: 0;
}
div#field_1_24 table tr td {
  padding: 0.4em 0.4em !important;
}
input#gform_previous_button_1 {
  font-size: 1.5em !important;
  bottom: -23px;
}
}

/*------ /あなたに合ったイベントは？ ------*/
h3.whatsevent{
  position: relative;
  padding: 2.5rem;
  text-align: center;
  font-weight: normal !important;
  font-size: 2.5em !important;
  margin-top:2em
}
h3.whatsevent::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  width: 120px;
  margin: auto;
    margin-bottom: auto;
  margin-bottom: 0px;
  border-bottom: 1px solid #999;
}
.select_list .wp-block-group__inner-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  color: #333;
  max-width: 100%;
  width: 85%;
  margin: 60px auto 0;
}
.select_list .wp-block-group__inner-container .listin {
  flex: 1 1 calc(50% - 16px);
  box-sizing: border-box;
  border: 1px solid var(--color-blue2);
  padding: 1em;
}
.select_list .wp-block-group__inner-container h4 {
  font-size: 1.4vw;
  font-weight: normal !important;
  color: var(--color-blue2);
  margin-bottom: 0.2em;
}
.select_list .wp-block-group__inner-container figure {
  width:30%;
}
.listin .wp-block-group__inner-container .wp-block-group{
  width:70%;
}
.listin .wp-block-group__inner-container .wp-block-group .wp-block-group__inner-container {
  display: block;
}
.listin .wp-block-group__inner-container {
  display: flex;
  width: 100%;
  margin: 0;
  flex-wrap: inherit;
  justify-content: start;
}
.select_list img {
  width: 100%;
  height: 12vw !important;
  object-fit: cover; 
}
.select_list .icon {
  width: 100% !important;
}
.icon .wp-block-group__inner-container {
  display: flex !important;
  width: 100%;
  gap: 0;
}
.icon .wp-block-group__inner-container p {
  font-size: 0.75vw;
  width: 25%;
  margin: 0 0.2em 1em 0.2em !important;
  text-align: center;
  padding: 0.3em 0;
}
.icon .wp-block-group__inner-container p.pink {
  background: #FDDEEF;
}
.icon .wp-block-group__inner-container p.blue {
  background: #BCF3F4;
}
@media screen and (max-width: 767px){
	h3.whatsevent {
  margin-bottom: 2em;
}
.select_list .wp-block-group__inner-container {
  margin: 0 auto;
}
.select_list .wp-block-group__inner-container .listin {
  flex: 1 1 calc(100% - 16px);
}
.listin .wp-block-group__inner-container {
  display: block;
}
.select_list .wp-block-group__inner-container figure {
  width: 100%;
}
.select_list img {
  height: 35vw !important;
}
.listin .wp-block-group__inner-container .wp-block-group {
  width: 100%;
}
.select_list .wp-block-group__inner-container h4 {
  font-size: 5vw;
  margin: 0.5em 0 0.3em 0;
}
.icon .wp-block-group__inner-container p {
  font-size: 2.5vw;
}
}
/*カレンダーCSS */
#eo_fullcalendar_1{
  margin-top: 4em !important;
}
.fc-left h2 {
  font-size: 2em !important;
  font-weight: bold !important;
}
.fc-day-grid-event .fc-time {
  display: none;
}
.eo-fullcalendar-reset.fc-unthemed .fc-today {
  background: #f7eec2 !important;
}
.eo-fullcalendar .fc-event {
  border-radius: 5px;
  padding: 0.3em !important;
  margin: 0.2em 0.4em !important;
}
span.fc-title {
    display: none;
}
a.fc-day-grid-event::after {
color:#fff;
}
a.category-moc::after {
  content: "ミニキャン";
}
a.category-mol::after {
  content: "オンライン";
}
a.category-oc::after {
  content: "オーキャン";
}
a.category-soc::after {
  content: "スペシャル";
}
a.category-ho::after {
  content: "入学・学費説明会";
}
a.category-he::after {
  content: "平日見学会";
}
a.category-ki::after {
  content: "";
}
a.category-tokko::after {
  content: "面接講座";
}
a.category-tokmen::after {
  content: "";
}
.fc-content {
  display: block;
  text-align: left;
}
.eo-fullcalendar-screen-reader-text{
    display: none;
}
.fc-day-grid-event {
  margin: 0.1em !important;
  padding: 0.1em 0.2em !important;
}
.fc-basic-view td.fc-day-number {
  padding: 0.2em !important;
}
/* 終了したイベント */
.eo-event-past,.eo-past-event {
  background:#bbb !important;
  border:solid 1px #bbb !important;
}
@media screen and (max-width: 767px){
.home-schedule-in {
    display: block;
	margin-bottom: 4em;
}
.eo-fullcalendar .fc-event {
  border-radius: 3px;
  padding: 0.2em !important;
  margin: 0.1em 0.2em !important;
}
  a.fc-event::after {
    font-size: 3.5vw;
    display: block;
    line-height: 1.2em;
  }
a.category-moc::after {
  content: "ミニ";
}
a.category-mol::after {
  content: "オン";
}
a.category-oc::after {
  content: "OC";
}
a.category-soc::after {
  content: "スぺ";
}
a.category-ho::after {
  content: "説明";
}
a.category-he::after {
  content: "見学";
}
a.category-ki::after {
  content: "";
}
a.category-tokko::after {
  content: "面接";
}
a.category-tokmen::after {
  content: "";
}
}
a.fc-event-tomorrow {
  background: #bbb !important;
  border: solid 1px #bbb !important;
}
/* 2026_footer*/
.p-footer-group__link {
  margin-bottom: 0.5em;
}
.p-footer-group__img img {
  width: 60px;
  margin-right: 1em;
}