@charset "utf-8";
html {font-size: 62.5%}
body {
background-color: #FFFFFF;
color: #4D4D4D;
min-width: 980px;
font-size: 1.4rem;
font-family: noto-sans-cjk-jp, sans-serif;
-webkit-text-size-adjust: 100%;
animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
}
@keyframes fadeIn {
 0% {opacity: 0}
 100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
 0% {opacity: 0}
 100% {opacity: 1}
}
button, input, body {
    -webkit-text-size-adjust: 100%;
}
select,input,button,textarea,button {font:99%;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt {
font-family:monospace;
*font-size:108%;
line-height:100%;
}
a:link {
color: #4D4D4D;
transition: .3s;
}
a:visited {
color: #4D4D4D;
text-decoration: none;
}
a:hover {
color: #4D4D4D;
text-decoration: underline;
}
a:active {
color: #4D4D4D;
text-decoration: none;
}
@media (any-hover: hover) {
  a.btn img {
    transition: 0.3s ease-in-out;
    opacity: 1;
  }
  a.btn:hover img {
    opacity: .4;
  }
}

a {
outline: none;
}
::selection {
background: #000000;
color: #FFFFFF;
}
::-moz-selection {
background:#000000;
color:#FFFFFF;
}
::-webkit-selection {
background:#000000;
color:#FFFFFF;
}
strong {
font-weight: bold;
}
.pc {
display: inherit!important;
}
.sp {
display: none!important;
}
#wrapper {
overflow: hidden
}
/*SP NAV*/
.header-hamburger {
  display: none
}
.grd{
background-image: linear-gradient(90deg, #00759c 0%, #d98ebf 50%, #ecaf20);
}
.min{
font-family: "source-han-serif-japanese", serif;
}

/*--HEADER-------------*/
header {
width: 100%;
min-width: 980px;
height: 80px;
position: fixed;
left: 0;
top: 0;
z-index: 999
}
.header{
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.header.is-scrolled{
  background-color: rgba(255,255,255,1);
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

header .inner {
width: 100%;
height: 63px;
margin-top: 17px;
margin-right: auto;
margin-left: auto;
position: relative;
}
header a {
text-decoration: none;
}
header h1 {
position: absolute;
left: 2%;
top: 0;
}
header h1 img{
width: 160px;
height: auto
}
/*--HEADER　右ボタン-------------*/
header #nav_btn{
position: absolute;
right: 2%;
top: 7px;
}
header #nav_btn ul{
display: flex;
gap:8px;
}
header #nav_btn ul li{}
header #nav_btn ul li a{
border: 1px solid #FFFFFF;
line-height: 1;
border-radius: 100px;
color: #FFF;
padding: 7px 20px;
}
header #nav_btn ul li a:hover{
opacity: .6;
text-decoration: none
}
header #nav_btn_sp{
display: none;
}
/*--HEADER　サブメニュー-------------*/
header #nav_sub{
position: absolute;
right: 280px;
top: -3px;
font-size: 1.2rem
}
header #nav_sub ul{
display: flex;
}
header #nav_sub ul li{
    margin-left: 2em;
    background-image: url(../../images/nv_arrow.svg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 8px
}
header #nav_sub ul li a:hover{
    text-decoration: none;
    opacity: .6
}
/*--HEADER　メインメニュー-------------*/
header #nav_main{
position: absolute;
right: 270px;
bottom: 0px;
}
header #nav_main ul{
display: flex;
}
header #nav_main ul li button,
header #nav_main ul li a{
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  box-sizing: border-box;
  padding: 2px 10px 20px 10px;
  border: none;
  background: none;
  color: inherit;
  font: inherit;
  line-height: 1.4;
  text-decoration: none;
  cursor: pointer;
  -webkit-appearance: none;
          appearance: none;
  transition: color 300ms;
}
header #nav_main ul li button::before,
header #nav_main ul li a::before{
  content: '';
  display: block;
  position: absolute;
  left: 15px;
  bottom: 12px;
  width: calc(100% - 30px);
  height: 1px;
  background-image: linear-gradient(90deg, #00759c 0%, #d98ebf 50%, #ecaf20);
  transform: scaleX(0);
  transition: transform 350ms cubic-bezier(.215, .61, .355, 1);
}

header #nav_main ul li button:hover::before,
header #nav_main ul li button:active::before,
header #nav_main ul li button.is-active::before ,
header #nav_main ul li a:hover::before,
header #nav_main ul li a:active::before,
header #nav_main ul li a.is-active::before{
  transform: scaleX(1);
}
header #nav_main ul li button.is-active,
header #nav_main ul li a.is-active{
background-color: #1A1A1A;
color: #FFF
}

/*--HEADER　メインメニュー COURSE Ver-------------*/
/*header.course_color #nav_main ul li button{
color: #FFF!important
}
header.course_color #nav_sub a{
color: #FFF!important
}
header.course_color #nav_sub ul li{
    background-image: url(../../images/nv_arrow_w.svg);
}
.header.course_color.is-scrolled {
  background-color: rgba(0,0,0,1.00);
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
header.course_color #nav_btn ul li a{
    border: 1px solid #FFFFFF;
}*/
/*--MEGA MENU-------------*/
.mega-container {
    position: absolute;
    left: 0;
    top: calc(80px - 17px);
    z-index: 100;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: visibility 0ms 400ms, opacity 400ms linear;
    border-top: 1px solid #E6E6E6;
}

.mega-section {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0ms 400ms, opacity 400ms linear;
  }

.mega-header {
    display: none;
}

.mega-body {
    display: block;
    min-height: 240px;
    background: rgba(255,255,255,0.95);
}

.mega-section.is-open {
  position: relative;
  left: auto;
  top: auto;
  width: auto;
  visibility: visible;
  opacity: 1;
  transition: visibility 0ms, opacity 400ms linear;
}

.mega.is-open .mega-overlay,
.mega.is-open .mega-container {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transition: visibility 0ms, opacity 400ms linear;
}

.mega-body .mega-inner{
    padding: 30px 0px 20px 0px;
    display: flex;
    width: 90%;
    max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}
.mega-body.cs .mega-inner{
    padding: 30px 0px 20px 0px;
    display: flex;
    width: 90%;
    max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.mega-body .mega-inner .nv_header{
    width: 240px;
    padding-top: 35px;
    padding-right: 20px;
}
.mega-body .mega-inner .nv_header .ttl{
    font-size: min(2.4vw, 2.4rem);
    font-family: marine, sans-serif;
    margin-bottom: 1em;
    white-space: nowrap
}
.mega-body .mega-inner ul.nv_regular{
margin-left: 120px;
margin-top: 20px;
}
.mega-body .mega-inner ul.nv_regular li{
    border-bottom: 1px solid #E6E6E6;
    min-width: 200px;
}
.mega-body .mega-inner ul.nv_regular li a{
    line-height: 40px;
    background-repeat: no-repeat;
    background-image: url(../../images/nv_arrow.svg);
    background-position: right 5px center;
    display: block;
    padding-right: 1.5em;
    font-size: 1.2rem
}
.mega-body .mega-inner ul.nv_regular li a:hover{
    background-position: right 0px center;
    text-decoration: none
} 

.mega-body.cs{
    background-color: rgba(26,26,26,0.85);
    color: #FFF
}
.nv_course_bx{
background-color: #3B8FC4;
margin-right: 15px;
padding: 18px;
flex-grow: 1;
}
.nv_course_bx .course_ttl{
margin-bottom: 1.5em;
font-size: 1.2rem
}
.nv_course_bx ul li{
    margin-bottom: 10px;
    min-width: 150px;
}
.nv_course_bx ul li a{
    line-height: 26px;
    background-repeat: no-repeat;
    background-image: url(../../images/nv_arrow.svg);
    background-position: right 13px center;
    display: block;
    padding-right: 2.5em;
    padding-left: 1em;
    background-color: #FFF;
    white-space: nowrap;
    font-size: 1.1rem
}
.nv_course_bx ul li a:hover{
    background-position: right 8px center;
    text-decoration: none
} 
/*
.course_it{
background-color: #3B8FC4!important;
}
.course_buisiness{
background-color: #A887BC!important;
}
.course_animal{
background-color: #E38C00!important;
}
.course_other{
background-color: #D56452!important;
}*/

/*--MAINVIS-------------*/
#mainVis {
height: 620px;
background-color: #F2F2F2
}
#mainVis img{
width: 100%;
height: 620px;
object-fit: contain
}

/*--資格試験速報-------------*/
#nes_infomation{
width: 100%;
background-color: #F2F2F2;
}
#nes_infomation table{
width: 100%;
}
#nes_infomation table th,
#nes_infomation table td{
padding: 10px 20px;
white-space: nowrap
}
#nes_infomation table th{
background-color: #4D4D4D;
color: #FFF
}
.ticker {
  overflow: hidden;
  width: 100%;
}
.ticker-list {
  display: flex;
  gap: 3rem;
  width: max-content;
  animation: ticker 20s linear infinite;
}
.ticker-list li {
  white-space: nowrap;
  list-style: none;
}
@keyframes ticker {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}

/*--CONTENTS-------------*/
.cont {
width: 1000px;
margin-right: auto;
margin-left: auto;
}
.cont .inner{
width: 960px;
margin-right: auto;
margin-left: auto;
}

/*--INDEX_GRAY-------------*/
.index_gray{
background-color: #FFF;
padding-top: 60px;
padding-bottom: 60px;
}

/*--INDEX_SHIKAKU-------------*/
#index_shikaku{
margin-bottom: 60px;
text-align: center
}
#index_shikaku .no_one{
    background-image: url(../../images/index_shikaku.svg);
    background-repeat: no-repeat;
    background-position: center bottom;
}
.btn_detail{
text-align: center;
margin-top: 1.5em
}
.btn_detail a{
    line-height: 40px;
    background-repeat: no-repeat;
    background-image: url(../../images/nv_arrow.svg);
    background-position: right 5px center;
    padding-right: 1.5em;
    display: inline-block;
    text-decoration: none;
    border-bottom: 1px solid #4D4D4D;
}
.btn_detail a:hover{
    background-position: right 0px center;
    text-decoration: none
}
.btn_detail.square a{
    background-position: right 20px center;
    padding-right: 5.5em;
    border: 1px solid #4D4D4D;
    padding-left: 5em;
}
.btn_detail.square a:hover{
    background-position: right 15px center;
} 

/*--INDEX_BNR-------------*/
#index_bnr{}
#index_bnr .swiper-wrapper {
  transition-timing-function: linear;
}
#index_bnr .swiper-slide{
padding: 10px;
}
#index_bnr .swiper-slide img {
    height: auto;
    width: 100%;
    -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
    box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
    border-radius: 6px;
}

/*--INDEX_COURSE-------------*/
#index_course{
padding-top: 60px;
padding-bottom: 40px;
}
#index_course .ttl{
font-family: tenez, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 6.0rem;
color: #FFFFFF;
line-height: 1.1;
margin-bottom: 30px;
}
.index_course_position{
position: relative
}
.index_course_position .ttl_ja{
position: absolute;
top: 0;
right: 0;
color: #FFF;
font-size: 5.0rem;
}
.index_course_position .inner ul{
display: flex;
gap : 16px;
width: 100%;
}
.index_course_position .inner ul li{
width: 25%;
padding: 15px;
}
.index_course_position .thum{
margin-bottom: 35px;
}
.index_course_position .thum img{
width: 100%;
height: auto
}
.index_course_position .course_name{
margin-bottom: 20px;
font-family: "marine", sans-serif;
font-weight: 700;
color: #1a1a1a
}
.index_course_position .nav_link{
margin-bottom: 10px;
}
.index_course_position .nav_link a{
    line-height: 1.3;
    background-repeat: no-repeat;
    background-image: url(../../images/nv_arrow.svg);
    background-position: right 10px center;
    padding-right: 2em;
padding-left: 0em;
    display: inline-block;
    text-decoration: none;
    color: #1a1a1a;
}
.index_course_position .nav_link a:hover{
    background-position: right 5px center;
    text-decoration: none;
    background-color: #FFF
} 

/*--INDEX_NEWS-------------*/
#index_news{
  background-color: #E5E5E4;
  padding-top: 70px;
  padding-bottom: 60px;
}
#index_news h2{
font-family: tenez, sans-serif;
font-size: 3.0rem;
margin-bottom: 27px;
}

#index_news_nav ul{
  display:flex;
  gap:18px;
}
#index_news_nav ul li{
flex: 1;
}
#index_news_nav button{
    all: unset;
    cursor: pointer;
    display: block;
    width: calc(100% - 20px);
    padding: 10px;
    font-size: 1.3rem;
    border-bottom: 1px solid #4D4D4D;
    background-repeat: no-repeat;
    background-image: url(../../images/news_arrow.svg);
    background-position: right 2px center;
    transition: .3s;
}
#index_news_nav button:hover{
    opacity: .6;
} 
#index_news_nav .is-active{
  background-image:url(../../images/news_arrow_w.svg), linear-gradient(90deg, #00759c 0%, #d98ebf 50%, #ecaf20);
  color:#fff;
  border-bottom: none;
  background-repeat: no-repeat;
  background-position: right 10px center,right 0px center;;
}
#index_news_nav button.is-active:hover{
  opacity: 1;
}
.newsPanels{
  position: relative;
  overflow: hidden; 
  transition: height 220ms ease;
  margin-top: 30px;
  margin-bottom: 30px
}

.index_news_panel{
  position: absolute;
  left:0; right:0; top:0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 220ms ease;
}
.index_news_panel.is-show{
  opacity: 1;
  pointer-events: auto;
}
.index_news_panel dl div{
    border-bottom: 1px solid #999999;
    padding: 14px;
    display: flex;
    align-items: center;
}
.index_news_panel dl dt,
.index_news_panel dl dd{
padding-left: 2em;
padding-right: 2em;
line-height: 30px
}
.index_news_panel dl dt{
    border-right: 1px solid #999999;
}
.index_news_panel dl dt.time{
font-family: "marine", sans-serif;
    font-size: 2.0rem;
    font-weight: 600;
    padding-left: 0.5em;
    min-width: 6.5em;
}
.index_news_panel dl dt.cate{
    font-size: 1.2rem;
    width: 14em;
    text-align: center
}
.index_news_panel a{
    text-decoration: none
}

/*--INDEX_NAV_TARGET-------------*/
#index_nav_target{
padding-top: 50px;
padding-bottom: 50px;
font-size: 1.3rem;
}
#index_nav_target ul{
display: flex;
justify-content:center;
gap:20px;
}
#index_nav_target ul li{
width: 240px;
}

#index_nav_target a{
display: block;
    padding-right: 5.5em;
    border: 1px solid #4D4D4D;
    border-radius: 8px;
    line-height: 60px;
    padding-left: 30px;
    text-decoration: none;
}
#index_nav_target ul li{
transition: .3s
}
#index_nav_target ul li:hover{
opacity: .5
}
#index_nav_target ul li:first-child{
    background-image: url(../../images/bnr_target01.svg);
    background-repeat: no-repeat;
    background-position: right 15px center;
}
#index_nav_target ul li:nth-child(2){
    background-image: url(../../images/bnr_target02.svg);
    background-repeat: no-repeat;
    background-position: right 15px center;
}
#index_nav_target ul li:nth-child(3){
    background-image: url(../../images/bnr_target03.svg);
    background-repeat: no-repeat;
    background-position: right 15px center;
}

/*--INDEX_SNS-------------*/
#index_sns{
padding-top: 70px;
padding-bottom: 70px;
}
#index_sns h2{
font-family: tenez, sans-serif;
font-size: 3.0rem;
color: #FFF;
margin-left: -20px;
}

#index_sns .inner{
display: flex;
align-items: center;
gap:46px;
}
#index_sns .inner ul{
display: flex;
gap:20px;
width: 100%
}
#index_sns .inner ul li{
width: calc(100% / 3);
text-align: center
}

#index_sns .inner ul li img{
width: 100%;
height: auto
}

/*--FOOTER-------------*/
footer {
background-color: #1A1A1A;
color: #FFF;
clear: both;
padding-top: 25px;
padding-bottom: 30px;
}
footer .inner {
width: 960px;
margin-right: auto;
margin-left: auto;
position: relative
}
footer .adress {
text-align: center;
margin-right: auto;
margin-left: auto;
font-size: 1.0rem
}
footer .adress .name {
margin-bottom: 0.5em
}
footer .adress .tel_num {
font-family: "marine", sans-serif;
font-weight: 700;
font-size: 2.2rem
}
footer .adress .tel_num span{
font-size: 1.2rem
}
footer .btn_nav {
position: absolute;
right: 0;
top: 0
}
footer .btn_nav ul{}
footer .btn_nav ul li{
margin-bottom: 10px;
}
footer .btn_nav ul li a{
    line-height: 30px;
    background-repeat: no-repeat;
    background-image: url(../../images/ft_arrow_w.svg);
    background-position: right 13px center;
    display: block;
    padding-right: 4.5em;
    padding-left: 4em;
    white-space: nowrap;
    color: #FFF;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    text-decoration: none;
    font-size: 1.2rem;
    text-align: center
}
footer .btn_nav ul li a:hover{
    background-position: right 8px center;
    text-decoration: none
}

footer .sub_nav {
position: absolute;
left: 0;
top: 0
}
footer .sub_nav ul li{
margin-bottom: 0.4em
}
footer .sub_nav ul li a{
    background-repeat: no-repeat;
    background-image: url(../../images/nv_arrow_w.svg);
    background-position: left 8px center;
    display: block;
    padding-left: 2.0em;
color: #FFF;
font-size: 1.2rem;
text-decoration: none
}
footer .sub_nav ul li a:hover{
    background-position: left 13px center;
    text-decoration: underline
}

footer .copyright {
text-align: center;
clear: both;
padding-top: 3em;
font-size: 1.0rem
}

/*--PAGE_SUB-------------*/
#page_sub{
margin-top: 100px;
padding-bottom: 100px;
}
#page_sub.nopb{
padding-bottom: 0px;
}
.sub_header{
padding-top: 1em;
letter-spacing: 0.4em;
padding-bottom: 50px;
}
.sub_header .en{
font-family: tenez, sans-serif;
letter-spacing: 0em
}
.sub_header h2{
font-size: 3.2rem;
font-feature-settings: "palt";
line-height: 1.4;
margin-bottom: 0.2em;
}
.sub_header p{
font-size: 1.6rem
}
/*--PAGE_SUB　ビジュアル有りヘッダー-------------*/
.sub_header.en_main{
padding-top: 1em;
letter-spacing: 0em;
padding-bottom: 50px;
}
.sub_header.en_main .en{
font-family: tenez, sans-serif;
letter-spacing: 0em
}
.sub_header.en_main h2{
font-size: 5.2rem;
font-feature-settings: "palt";
letter-spacing: 0em;
line-height: 1
}
.sub_header.en_main p{
font-size: 1.4rem
}
.header_visual{
display: flex;
justify-content: space-between;
padding-bottom: 50px;
margin-bottom: 50px;
width: 80%;
margin-left: auto;
margin-right: auto
}
.header_visual .ph{
    width: 70vw;
    min-width: 756px;
    height: 334px;
    position: relative;
    margin-right: -20%;
}
.header_visual .ph img{
    width: 100%;
    height: 100%;
    object-fit: cover;
        border-top-left-radius: 32px;
    border-bottom-left-radius: 32px;
}
.header_introduction{
text-align: center;
margin-bottom: 50px;
}
.header_introduction h3{
font-size: 3.3rem
}
.header_introduction h3.mb{
margin-bottom: 1.5em
}
.header_introduction h4{
font-size: 2.0rem;
margin-bottom: 1em
}
.header_introduction p{
margin-bottom: 1em;
line-height: 1.7;
}

/*--DIRECTORY_PATH-------------*/
.dir_path{
margin-bottom: 50px;
}
.dir_path ul{
display: flex;
gap:0.5em;
font-size: 1.0rem
}
.dir_path ul li a{
margin-right: 0.5em;
text-decoration: none
}
.dir_path ul li a:hover{
opacity: 0.6
}
/*single_header内の配置*/
.single_header .dir_path{
margin-bottom: 50px;
width: 700px;
margin-left: auto;
margin-right: auto
}


/*--TXT_STYLE-------------*/
h3.under_line{
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 2em;
    padding-bottom: 0.15em;
    border-bottom: 1px solid #4D4D4D;
    margin-top: 3em;
}
h3.under_line.slim{
    margin-bottom: 1em;
    margin-top: 1.5em;
}
h3.under_line.first{
    margin-top: 0em
}
h3.under_line.mt{
     margin-bottom: 1em;
    margin-top: 4em;
}
h3.strong{
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 2em;
}
h3.strong_reg{
    font-size: 3.0rem;
    font-weight: 400;
    margin-bottom: 2em;
}
h3.strong.nomb,
h3.strong_reg.nomb{
    margin-bottom: 1em;
}
h3.ttl_grd{
    margin-bottom: 2em;
    margin-top: 3em;
}
h3.ttl_grd.nomb{
    margin-bottom: 1em;
}
h3.ttl_grd span{
    font-size: 1.8rem;
    font-weight: 500;
    color: #FFF;
    padding: 5px 15px;
    line-height: 1;
    display: inline-block
}
p.read_bk{
font-size: 1.8rem;
font-weight: 500;
margin-bottom: 1.5em;
}
p.mb{
margin-bottom: 1.5em;
}
p.mt{
margin-top: 1.5em;
}

/*--PDF LIST-------------*/
ul.trg_list{}
ul.trg_list li{
position: relative;
padding-left: 1.2em;
margin-bottom: 1em
}
ul.trg_list li::before{
  content: "＞";
  position: absolute;
  left: 0;
  top: 0.2em;
  line-height: 1;
}
ul.trg_list li.year::before{
  content: "";
}
ul.trg_list li ul{
padding-left: 1em
}
ul.trg_list li ul li{
margin-top: 0.5em;
margin-bottom: 0.6em
}
ul.trg_list li img{
margin-left: 0.3em
}
ul.trg_list li a{
    background-image: url(../../images/ico_pdf.svg);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 1.8em
}

/*--TABLE STYLE-------------*/
table.tbl_style{
margin-top: 1em;
margin-bottom: 2em;
width: 100%
}
table.tbl_style th{
    background-color: #4d4d4d;
    color: #FFF;
    text-align: center;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    white-space: nowrap;
}
table.tbl_style td{
    border-right: 1px solid #b3b3b3;
    border-bottom: 1px solid #b3b3b3;
}
table.tbl_style td:last-child{
    border-right: 1px solid #FFF;
}
table.tbl_style th,
table.tbl_style td{
padding: 15px;
}
table.tbl_style .label{
font-weight: 600;
text-align: center
}
table.tbl_style.regular .label{
    font-weight: 400!important
}
table.tbl_style .label.left{
text-align: left
}
table.tbl_style td.noline{
    border-right: 0px solid #b3b3b3;
}
table.tbl_style .bg{
background-color: #f2f2f2
}
table.tbl_style .small{
font-size: 1.2rem
}
table.tbl_style .top_line td,
table.tbl_style .top_line th{
border-top: 1px solid #b3b3b3;
}
table.tbl_style .strong{
font-weight: 600;
font-size: 1.6rem
}

.tbl_notice{
margin-top: -1em;
margin-bottom: 6em
}
.tbl_notice ul.num_list{}
.tbl_notice ul.num_list li{
text-indent: -1em;
padding-left: 1em;
}



/*--LINK single-------------*/
.btn_single{
margin-bottom: 50px;
}
.btn_single a{
    line-height: 30px;
    background-repeat: no-repeat;
    background-image: url(../../images/news_arrow.svg);
    background-position: right 13px center;
    display: inline-block;
    padding-right: 4.5em;
    padding-left: 4em;
    white-space: nowrap;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    text-decoration: none;
    font-size: 1.2rem;
}
.btn_single a:hover{
    background-position: right 8px center;
    text-decoration: none
}


/*--LINK BTN_LINE-------------*/
.btn_line{
margin-bottom: 20px;
width: 400px;
margin-left: auto;
margin-right: auto;
}
.btn_line.left{
margin-bottom: 20px;
width: 400px;
margin-left: 0;
margin-right: auto;
margin-top: 20px;
}
.btn_line.mt{
margin-top: 20px;
}
.btn_line a{
    line-height: 80px;
    background-repeat: no-repeat;
    background-image: url(../../images/news_arrow.svg);
    background-position: right 20px center;
    display: block;
    padding-right: 4.5em;
    padding-left: 4em;
    white-space: nowrap;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    text-decoration: none;
    font-size: 1.5rem;
}
.btn_line a:hover{
    background-position: right 15px center;
    text-decoration: none
}

/*--LINK BTN_BACK-------------*/
.btn_back{
text-align: center;
margin-top: 1.5em;
margin-bottom: 2.5em
}
.btn_back a{
    line-height: 40px;
    background-repeat: no-repeat;
    background-image: url(../../images/nav_arrow_back.svg);
    background-position: left 20px center;
    padding-right: 5.5em;
    padding-left: 5em;
    display: inline-block;
    text-decoration: none;
    background-color: #4D4D4D;
    border-radius: 5px;
    color: #FFF;
    width: 400px;
}
.btn_back a:hover{
    background-position: left 25px center;
    text-decoration: none
}

/*--PAGE：募集要項　学校案内-------------*/
ul.pdf_guide_book{
display: flex;
gap: 100px;
margin-top: 2em
}
ul.pdf_guide_book li{
width: calc((100% - 100px) / 2);
padding: 30px 40px;
text-align: center;
background-color: #F2F2F2;
font-size: 1.6rem;
font-weight: 600
}
ul.pdf_guide_book li img{
width: 100%;
height: auto;
margin-top: 1em
}
ul.btn_two_link{
display: block;
gap: 100px;
margin-top: 4em;
}
ul.btn_two_link li{
width: 100%
}

/*--PAGE：SITEMAP-------------*/
ul.sitemap{
margin-bottom: 2em
}
ul.sitemap li{
margin-bottom: 0.5em
}
ul.sitemap li ul{
padding-left: 2em;
margin-bottom: 0em
}
ul.sitemap li ul li{
margin-bottom: 0em
}

/*--PAGE：採用担当者の皆様へ-------------*/
.saiyou_outline{
display: flex;
gap : 50px;
margin-bottom: 60px;
}
.saiyou_outline .ph img{
width: 300px;
height: auto
}
ul.saiyou_ph{
display: flex;
gap : 20px;
margin-bottom: 60px;
}
ul.saiyou_ph li img{
width: 100%;
height: auto
}
.saiyou_DL{
margin-top: 3em;
}
/*.saiyou_DL ul{
display: flex;
gap : 20px;
}
.saiyou_DL li a{
background-color: #f2f2f2;
padding: 30px 50px;
line-height: 54px;
font-size: 1.8rem
}
.saiyou_DL li a img{
margin-right: 20px;
}*/

/*--PAGE：ACCESS  アクセス-------------*/
.gmap{
margin: 0 calc(50% - 50vw);
width: 100vw;
margin-bottom: 60px;
}
.gmap iframe{
width: 80%;
display: block;
margin-left: auto;
margin-right: auto;
}

.access_adress {
text-align: center;
margin-right: auto;
margin-left: auto;
font-size: 1.4rem;
margin-bottom: 60px;
}
.access_adress .name {
margin-bottom: 0.5em
}
.access_adress .tel_num {
font-family: "marine", sans-serif;
font-weight: 700;
font-size: 2.2rem
}
.access_adress .tel_num span{
font-size: 1.2rem
}

.access_spot{
background-color: #F2F2F2;
margin-right: calc(50% - 50vw);
margin-top: 50px;
}
.ac_pt_inner{
width: 960px;
margin-left: 0;
padding: 50px 30px 100px;
}

.access_spot .heading{
}
.access_spot h4{
font-size: 2.0rem;
margin-bottom: 1em;
}
.access_spot ul{
margin-top: 50px;
width: 700px;
display: flex;
flex-wrap: wrap;
margin-left: auto;
margin-right: auto;
  justify-content: space-between;
}
.access_spot ul li{
width: 45%;
margin-bottom: 70px;
font-size: 1.4rem;
}
.access_spot ul li .thum{
position: relative;
text-align: right;
margin-bottom: 25px;
}
.access_spot ul li .thum img{
width: 87%;
height: auto
}
.access_spot ul li .thum .num{
font-family: tenez, sans-serif;
font-style: italic;
font-size: 8.0rem;
position: absolute;
left: 0;
top: -40px;
}
.access_spot ul li .name{
text-align: center;
font-size: 1.7rem;
margin-bottom: 0.7em
}

.access_spot ul li:nth-child(even){
  margin-top: 80px;
}
.access_spot ul li:nth-child(even) .thum{
  text-align: left;
}
.access_spot ul li:nth-child(even) .thum .num{
left: auto;
right: 0;
}

/*--PAGE：PRIVACY POLICY プライバシー-------------*/
.privacy_wrap{
background-color: #F2F2F2;
margin: 0 calc(50% - 50vw);
width: 100vw;
margin-top: 50px;

padding-bottom: 70px;
}
.privacy_wrap h3{
margin-top: 50px;
}

/*--PAGE：About Us 学校案内-------------*/
.header_visual.about{
    background-image: url(../../images/outline/header_bg.svg);
    background-position: center bottom;
    background-repeat: no-repeat;
}
.history{
background-color: #F2F2F2;
padding-top: 50px;
padding-bottom: 100px;
margin-right: calc(50% - 50vw);/*右端まで*/
}
.history_inner{
width: 960px;
margin-left: 0
}

.history .heading{
text-align: center
}
.history h4{
font-size: 2.0rem;
margin-bottom: 1em;
}

table.tbl_history{
margin-left: auto;
margin-right: auto;
margin-top: 30px;
margin-bottom: 60px;
}
table.tbl_history .year{
font-family: tenez, sans-serif;
font-style: italic;
font-size: 2.4rem;
color: #697ca4
}
table.tbl_history .label{
    color: #697ca4;
    padding-left: 15px;
    padding-right: 15px;
    background-image: url(../../images/outline/tbl_line.svg);
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 5px;
}
table.tbl_history .txt{
    padding-left: 15px;
     padding-top: 5px;
}
table.tbl_history th,table.tbl_history td{
padding-bottom: 30px;
vertical-align: top
}
table.tbl_history tr:first-child .label{
    background-repeat: no-repeat;
    background-position: center top 15px;
}
table.tbl_history tr:last-child .label{
    background-repeat: no-repeat;
    background-position: center top -180px;
}


/*--PAGE：Facilities 教育設備-------------*/
.faci_bx{
background-color: #F2F2F2;
padding-top: 60px;

padding-left: 30px;
width: 90vw;
min-width: 650px;
position: relative;
margin-right: calc((100vw - 1000px) / -2);
margin-bottom: 30px;
}
.faci_bx h4{
font-size: 1.7rem;
margin-bottom: 1.5em
}
.faci_bx p{
margin-bottom: 1em
}
.faci_bx ul{
width: 97%;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  margin-left: auto;
  margin-right: 0;
  row-gap:0px;
}
.faci_bx ul li{
width: calc(50% - 30px);
margin-bottom: 40px;
}
.faci_bx ul li img{
width: 100%;
height: auto
}

.faci_bx.even{
background-color: #FFF;
padding-left: 0px;
padding-right: 30px;
width: 90vw;
margin-right: auto;
margin-left: calc((100vw - 1000px) / -2);
text-align-last: right
}
.faci_bx.even ul{
  margin-left: 0;
  margin-right: auto;
}


/*--PAGE：CONTACT お問い合わせ-------------*/
span.contact_b{
font-weight: 600;
font-size: 1.8rem
}

/*--PAGE：404 NOT FOUND-------------*/
.cont_404{
width: 600px;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-bottom: 60px;
}
.cont_404 .fig_404{
margin-bottom: 30px;
}



/*--PAGE：Course 学科・コース-------------*/
/*#page_sub.course_system{
background-color: #3A86B8;
color: #FFF;
margin-top: 0!important;
padding-bottom: 0px!important;
}
.course_mv{
position: relative
}
.course_mv .ttl{
position: absolute;
width: 700px;
left: calc(calc(100% - 700px) / 2);
top: 170px;
font-family: tenez, sans-serif;
font-size: 5.3rem;
z-index: 99;
}
.course_mv .ttl span{
font-size: 3.8rem;
  line-height: 1.2;
  display: inline-block;
  margin-top: 0.2em;
}
.course_mv img{
width: 50%;
height: 610px;
object-fit: cover;
mix-blend-mode: multiply;
display: block;
margin-left: auto;
}
.course_mv .mark{
position: absolute;
  width: 140px;
  left: calc(calc(100% - 1028px) / 2);
  top: 89px;
  z-index: 99;
}
.course_mv .mark img{
mix-blend-mode: normal;
width: 100%;
height: auto
}

.course_header{
position: relative;
margin-top: -112px;
width: 1000px;
margin-left: auto;
margin-right: auto;
z-index: 99;
padding: 57px 100px;
}
#page_sub.course_system .course_header{
background-color: #3A86B8;
}
.course_header ul{
margin-bottom: 36px;
display: flex;
gap:10px
}
.course_header ul li{
    line-height: 1!important;
    font-size: 1.2rem
}
.course_header ul li span{
    border: 1px solid #FFFFFF;
    border-radius: 100px;
    padding: 5px 17px
}
.course_header .course_name_bx{
display: flex;
gap : 70px;
align-items: flex-end;
}
.course_header .course_name_bx .course_name{
font-size: 1.2rem
}
.course_header .course_name_bx .course_name h2{
font-size: 3.0rem;
font-feature-settings: "palt";
}
.course_header .course_name_bx .course_name h2 span{
font-size: 2.4rem;
}
.course_header .course_name_bx .course_name .sub{
font-size: 1.6rem
}
.course_header .course_name_bx .course_name .exp{
padding-top: 16px;
font-size: 1.7rem
}
.course_header .course_name_bx .exp{
line-height: 1.8
}

.course_head_innner{
width: 900px;
margin-left: auto;
margin-right: auto;
}*/
/*--Course Column-------------*/
/*.course_column{
    margin-bottom: 40px;
    border: 2px solid #FFFFFF;
    border-radius: 8px;
    padding: 40px 150px;
}
.course_column .ttl{
    text-align: center;
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 1em;
    text-decoration: underline
}
.course_column .center{
    text-align: center;
}
.course_column .btn_detail a{
    background-image: url(../../images/nv_arrow_w.svg);
    border-bottom: 1px solid #FFF;
    color: #FFF
}
.course_column .btn_detail.square a{
    border: 1px solid #FFF;
}

.course_system .course_cont_w .btn_detail a{
    background-image: url(../../images/nv_arrow.svg);
    border: 1px solid #003181;
    color: #003181
}

.course_column .license_bx{
display: flex;
margin-left: auto;
margin-right: auto;
justify-content:center
}
.course_column .license_bx ul{
width: auto;
}
.course_column .license_bx ul li{
margin-bottom: 0.2em;
padding-left: 1em;
padding-right: 2em;
text-indent: -1em;
list-style-type: disc;
list-style-position: inside;
}
.course_column hr{
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #FFF;
  margin-top: 40px;
  margin-bottom: 40px;
}

.course_column .fig{
  text-align: center;
  margin-bottom: 30px;
}
.course_column .ttl_bar{
text-align: center;
background-color: #FFF;
color: #003181;
padding: 10px;
font-size: 1.6rem;
font-weight: 600;
margin-bottom: 30px;
}
.course_column .ttl_bar span{
display: block;
font-size: 1.0rem;
font-weight: 400;
}*/
/*--Course 合格者スライド-------------*/
/*.swiper_goukaku{
overflow-x: hidden;
width: 90%;
margin-left: auto;
margin-right: auto;
position: relative;
margin-bottom: 30px;
}
.swiper_goukaku .swiper-slide{
display: flex;
}
.swiper_goukaku .swiper-slide .txt{
width: 45%;
text-align: center;
padding-top: 60px;
font-size: 1.4rem
}
.swiper_goukaku .swiper-slide .txt .heading{
font-size: 3.0rem
}
.swiper_goukaku .swiper-slide .ph{
width: 55%
}
.swiper_goukaku .swiper-slide .ph img{
width: 100%;
height: 193px;
object-fit: cover
}
.swiper_goukaku_wrapper {
  position: relative;
}
.swiper_goukaku_wrapper .swiper-pagination-bullet {
  background-color: #FFF ;
  width: 5px;
  height: 5px;
}
.swiper_goukaku_wrapper .swiper-pagination {
  bottom: -30px !important;
}*/
/*--Course ブログスライド-------------*/
/*.course_index_blog{
background-color: #FFF;
color: #4D4D4D;
border-radius: 20px;
padding: 35px 50px;
position: relative;
margin-bottom: 50px;
}
.course_index_blog .ttl{
font-size: 1.6rem;
font-weight: 600;
margin-bottom: 20px;
text-align: center
}
.swiper_blog{
overflow-x: hidden
}
.swiper_blog .swiper-slide{
width: calc(100% / 3);
}
.swiper_blog .swiper-slide a{
text-decoration: none
}
.swiper_blog .swiper-button-prev,
.swiper_blog .swiper-button-next {
  height: 30px;
  width: 30px;
}
.swiper_blog .swiper-button-prev::after,
.swiper_blog .swiper-button-next::after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 30px;
  margin: auto;
  width: 30px;
}
.swiper_blog .swiper-button-prev::after {
    background-image: url(../../images/course_system/swiper_blog_prev.svg);
}
.swiper_blog .swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: -15px;
  right: auto;
}
.swiper_blog .swiper-button-next::after {
  background-image: url(../../images/course_system/swiper_blog_next.svg);
}
.swiper_blog .swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: -15px;
  left: auto;
}
.swiper_blog .swiper-slide .thum{}
.swiper_blog .swiper-slide .thum img{
width: 100%;
height: 200px;
object-fit: cover
}
.swiper_blog .swiper-slide .meta{
padding-top: 20px;
font-weight: 600;
font-size: 1.4rem
}
.swiper_blog .swiper-slide .meta .date{
font-size: 1.2rem;
margin-bottom: 1em
}*/
/*--Course 特徴ナビ-------------*/
/*.feature_nav{
background-color: #FFF;
color: #003181;
padding: 40px;
}
.feature_nav .ttl{
font-size: 1.6rem;
font-weight: 600;
margin-bottom: 40px;
text-align: center
}
.feature_nav .ttl_line{
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 57px;
    text-align: center;
    border-bottom: 1px solid #003181;
}
.feature_nav ul{
width: 800px;
margin-left: auto;
margin-right: auto;
display: flex;
flex-wrap: wrap;
gap:40px;
row-gap:0px;
align-items: flex-end;
}
.feature_nav ul li{
flex: 0 0 calc(50% - 40px);
margin-bottom: 10px;
}
.feature_nav ul li:nth-child(1){ order: 1; }
.feature_nav ul li:nth-child(3){ order: 2; }
.feature_nav ul li:nth-child(2){ order: 3; }
.feature_nav ul li:nth-child(4){ order: 4; }

.feature_nav ul li a{
    width: 100%;
    border-bottom: 1px solid #003181;
}
.feature_nav li > a{
  position: relative;
  display: block;
  padding-right: 44px;
  color: #003181;
  text-decoration: none;
  padding-bottom: 15px;
}
.feature_nav li > a::after{
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  width: 10px;
  height: 10px;
  border-top: 1px solid currentColor;
  border-right: 1px solid currentColor;
  transform: translateY(-50%) rotate(45deg);
}
.feature_nav li table th{
  font-family: tenez, sans-serif;
  font-size: 5.0rem;
  font-weight: 600;
  padding-left: 20px;
  padding-right: 20px;
}
.feature_nav li table td{
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 500
}
.feature_nav li table td .head{
  font-size: 2.8rem;
  white-space: nowrap
}
.feature_nav li table td .head.small{
  font-size: 2.5rem;
}
.cont_flow{
width: 800px;
margin-left: auto;
margin-right: auto;
text-align: center;
padding: 0px 0 0px;
}
.cont_flow .ttl_line {
  margin-bottom: 30px;
}
.cont_flow_double{
margin-top: 30px;
text-align: center
}

.kamoku_bx{}
.kamoku_bx .kamoku_wrap{
display: flex;
flex-wrap: wrap;
margin-bottom: 2em

}
.kamoku_bx .kamoku_wrap .kamoku_cont{
width: 50%;
margin-bottom: 2em
}
.kamoku_ttl{
margin-bottom: 1em
}
.kamoku_block_wrap{
display: flex;
flex-wrap: wrap;
}
.kamoku_block_wrap .kamoku_block{
width: 45%;
padding-right: 5%
}
.kamoku_block_wrap .kamoku_block p {
  text-indent: -1em;
  padding-left: 1em;
}
.nowrap{
white-space: nowrap
}*/

/*--Course 特徴ヘッダー-------------*/
.anc{
display: block;
padding-top: 80px;
margin-top: -80px;
}
/*.feature_head{
padding-top: 45px;
padding-bottom: 45px;
text-align: center;
color: #FFF;
}
.feature_head .label{
font-size: 2.0rem
}
.feature_head .num{
font-family: tenez, sans-serif;
  font-size: 13.0rem;
  font-weight: 600;
  line-height: 1;
}
.feature_head .exp{
font-size: 1.8rem;
letter-spacing: 0.15em;
  line-height: 1.6;
}*/
/*--Course 各種スタイル-------------*/
/*.course_cont_w{
color: #003181;
line-height: 1.6;
}
.course_cont_w{
background-color: #FFF
}
.course_cont_w .inner{
width: 700px;
margin-left: auto;
margin-right: auto;
padding-top: 40px;
padding-bottom: 40px;
}
.course_cont_w .ttl_bg{
background-color: #003181;
color: #FFF;
text-align: center;
font-size: 1.5rem;
margin-top: 2em;
margin-bottom: 2em;
padding: 10px;
}
.course_cont_w .ttl_srong{
font-size: 1.6rem;
font-weight: 600;
margin-bottom: 1em;
margin-top: 2em
}
.course_cont_w .ttl_srong.center{
text-align: center
}
.course_cont_w .ttl_square{
    text-align: center;
    font-size: 1.5rem;
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 10px;
    border: 1px solid #004e9b;
}
.course_cont_w .fig_two{
display: flex;
gap : 36px;
margin-bottom: 2em;
width: 90%;
margin-left: auto;
margin-right: auto
}
.course_cont_w .fig_two .ttl{
font-size: 1.6rem;
font-weight: 600;
margin-bottom: 0.5em
}
.course_cont_w .fig_two .txt{
padding-left: 1em;
height: 3.5em
}
.course_cont_w .fig_two img{
width: 100%;
height: auto
}
.course_cont_w .fig_single{
text-align: center;
margin-bottom: 2em
}
.course_cont_w .ttl_line{
    border-bottom: 1px solid #003181;
    font-size: 1.6rem;
    margin-bottom: 1em
}
.course_cont_w .ttl_line.inn{
    padding-left: 5%;
    padding-right: 5%
}
ul.num_txt{
margin-top: 1em;
margin-bottom: 3em
}
ul.num_txt.inn{
width: 90%;
margin-left: auto;
margin-right: auto
}
ul.num_txt li{
margin-bottom: 1em
}
ul.num_txt li .txt_small{
font-size: 1.2rem;
margin-top: 0.5em
}
.course_cont_w .strong{
    font-size: 1.6rem;
    font-weight: 600
}

ul.shikaku_bg_txt_list{
display: flex;
gap: 15px;
margin-top: 1.5em;
flex-wrap: wrap;
}
ul.shikaku_bg_txt_list li{
background-color: #4D4D4D;
color: #FFF;
line-height: 1;
font-size: 1.5rem;
padding: 14px 20px;
width: calc((50% - 15px) / 1)
}

.shien_bx{
background-color: #FFF;
padding: 20px;
color: #4D4D4D;
text-align: center;
font-size: 1.4rem;
margin-bottom: 15px;
}
.shien_bx .ttl{
font-weight: 600;
margin-bottom: 1;
text-decoration: none
}

.pet_naiyou_wrap{
display: flex;
}
.pet_naiyou_wrap{
display: flex;
}
.pet_naiyou_wrap .pet_naiyou{
width: 50%
}
ul.professional_list{
text-align: center;
margin-top: 30px;
display: flex;
flex-wrap: wrap
}
ul.professional_list li{
margin-bottom: 40px;
width: 50%
}
ul.professional_list li .ttl_pet_bg{
width: 200px;
margin-left: auto;
margin-right: auto;
background-color: #EB9400;
color: #FFF;
text-align: center;
line-height: 1;
padding: 5px;
margin-bottom: 0.5em
}
ul.professional_list li .thum{
width: 200px;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
}
ul.professional_list li .thum img{
width: 100%;
height: auto
}
ul.professional_list li .label{
font-weight: 600;
margin-bottom: 0.5em
}

ul.katsudou_list{
margin-top: 10px;
}
ul.katsudou_list li{
padding: 15px 30px;
margin-bottom: 15px;
background-color: #F2F2F2;
font-size: 1.5rem
}
ul.katsudou_list li .ttl{
font-size: 1.6rem;
font-weight: 600;
}

.btn_instagram{
margin-top: 1.5em;
width: 350px;
margin-left: auto;
margin-right: auto
}
.btn_instagram a{
    line-height: 1.4;
    background-repeat: no-repeat;
    background-image: url(../../images/nv_arrow.svg);
    background-position: right 15px center;
    padding-right: 1.5em;
    display: block;
    text-decoration: none;
    border: 1px solid #4D4D4D;
    padding: 20px;
}
.btn_instagram .btn_isg_wrap{
    display: flex
}
.btn_instagram .btn_isg_wrap .ico{
    padding-left: 30px;
    padding-right: 20px;
}*/


/*--Course カリキュラムアコーディオン-------------*/
/*.acc{
    overflow: hidden;
    margin-top: 3em
}
.acc > summary{
  list-style: none;
}
.acc > summary::-webkit-details-marker{
  display: none;
}
.acc__head{
  cursor: pointer;
  padding: 14px 18px;
  text-align: center;
  font-size: 1.5rem;
  color: #003181;
  position: relative;
      border-left: 1px solid #2b59b6;
    border-right: 1px solid #2b59b6;
    border-bottom: 1px solid #2b59b6;
    border-top: 0 solid #2b59b6;
    background: #F2F2F2;
    
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
.acc__head::after{
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  margin: 8px auto 0;

  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: rotate(45deg);
  transition: transform .2s ease;
}
.acc[open] .acc__head::after{
  transform: rotate(-135deg);
}

.acc__body{}

p.ind{
text-indent: -1em;
padding-left: 1em;
}

.scroll{
overflow: hidden;
}
table.time_table{
width: 100%;
text-align: center;
color: #4D4D4D;
font-size: 1.2rem;
margin-bottom: 2em
}
table.time_table .time{
font-size: 1.0rem
}
table.time_table th,
table.time_table td{
    border-right: 1px solid #B3B3B3;
    border-bottom: 1px solid #B3B3B3;
    text-align: center;
    padding: 10px 5px;
}
table.time_table th:last-child,
table.time_table td:last-child{
    border-right: 0px solid #B3B3B3;
}
table.time_table td.line{
    border-right: 1px solid #B3B3B3!important;
}
table.time_table th{
background-color: #F2F2F2
}
table.time_table .week th{
background-color: #4D4D4D;
color: #FFF;
padding: 5px;
width: calc(100% / 6);
}
table.time_table .space{
    background-image: linear-gradient(to right top, transparent calc(50% - 0.5px), #B3B3B3 50%, #B3B3B3 calc(50% + 0.5px), transparent calc(50% + 1px));
}

.ph_left{
position: relative;
left: calc( calc(100% - 800px) / 2);
margin-top: 2em;
margin-bottom: 2em;
width: 400px
}
.ph_left img{
width: 100%;
height: auto
}
.ph_left.nomb{
margin-bottom: 1em;
}

.ph_transform{
display: flex;
gap: 30px;
row-gap: 0px;
flex-wrap: wrap
}
.ph_transform.mb{
margin-bottom: 30px;
}
.ph_transform .ph_left{
position: relative;
left: 0;
margin-top: 2em;
margin-bottom: 0em;
width: calc(50% - 15px)!important
}



.msgBox{
  border: 5px solid #0b2f86;
  position: relative;
  padding-top: 40px;
  margin-top: 4em;
  margin-bottom: 3em
}
.msgBox .ttl{
  background-color: #FFF;
  text-align: right;
  position: absolute;
  right: -14px;
  top: -47px;
  padding: 15px;
  z-index: 10;
}
.msgBox .ttl .en{
font-family: tenez, sans-serif;
  font-size: 5.4rem;
  font-weight: 600;
}
.msgBox .ttl .ja{
  font-size: 1.5rem;
}
.msgBox .ph {
  text-align: center;
  position: relative;
  z-index: 11;
}
.msgBox .ph img{
  width: 370px;
  height: auto
}
.msgBox .name_bx{
  display: flex;
  gap : 20px;
  justify-content: center;
  align-items: center;
}
.msgBox .name_bx .name{
  font-size: 1.6rem;
  font-weight: 600
}
.msgBox .name_bx .meta{
  font-size: 1.2rem;
}
.msgBox .ridgeLine{
  position: relative;
  height: 28px;
  margin-top: 2em
}
.msgBox .ridgeLine::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:6px;
  background:#0b2f86;
}
.msgBox .ridgeLine::after{
  content:"";
  position:absolute;
  left:50%;
  top:-8.56px;
  transform: translateX(-50%) rotate(45deg) scale(1.03);
  width:22px;
  height:22px;
  border-left:5px solid #0b2f86;
  border-top:5px solid #0b2f86;
  background-color: #FFF
}
.msgBox .txt{
  padding: 0px 40px 30px 40px;
}
.msgBox .txt .txt_ttl{
  text-align: center;
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 0.7em
}
.msgNav{
  display: grid;
  grid-template-columns: 1fr 1fr;
  position: relative;
  color: #003181;
}
.msgNav a{
  color: #003181;
}

.msgNav::before{
  content:"";
  position:absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #003181;
  transform: translateX(-50%);
}
.msgNav__item{
  position: relative;
  display: grid;
  align-items: center;
  padding: 10px 40px;
  color: inherit;
  text-decoration: none;
  min-height: 50px;
}
.msgNav__item--prev::before,
.msgNav__item--next::before{
  content:"";
  position:absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #003181;
}
.msgNav__item--prev::before{ left: 0; }
.msgNav__item--next::before{ right: 0; }


.msgNav__item--prev{
  justify-items: start;
  text-align: left;
}
.msgNav__item--next{
  justify-items: end;
  text-align: right;
}
.msgNav__label{
  font-size: 1.2rem;
}
.msgNav__item--prev::after,
.msgNav__item--next::after{
  content:"";
  position:absolute;
  top: 50%;
  width: 10px;
  height: 10px;
  border-top: 1px solid #003181;
  border-right: 1px solid #003181;
  transform: translateY(-50%) rotate(45deg);
}
.msgNav__item--prev::after{
  left: 20px;
  transform: translateY(-50%) rotate(-135deg);
}
.msgNav__item--next::after{
  right: 20px;
}*/

/*--PAGE：COURSE 学科・コース　カラバリ-------------*/
/*#page_sub.course_idd{
background-color: #71AFA0;
color: #FFF;
margin-top: 0!important;
padding-bottom: 0px!important;
}
#page_sub.course_idd .course_header{
background-color: #71AFA0;
}

#page_sub.course_medical_w{
background-color: #A887BC;
color: #FFF;
margin-top: 0!important;
padding-bottom: 0px!important;
}
#page_sub.course_medical_w .course_header{
background-color: #A887BC;
}
#page_sub.course_medical_w .feature_nav {
  color: #4D4D4D;
}
#page_sub.course_medical_w .feature_nav ul li a {
  border-bottom: 1px solid #4D4D4D;
}
#page_sub.course_medical_w .feature_nav li > a {
  color: #4D4D4D;
}
#page_sub.course_medical_w .course_cont_w {
  color: #4D4D4D;
}
#page_sub.course_medical_w .acc__head {
  color: #4D4D4D;
  border-left: 1px solid #4D4D4D;
  border-right: 1px solid #4D4D4D;
  border-bottom: 1px solid #4D4D4D;
  border-top: 0 solid #4D4D4D;
}
#page_sub.course_medical_w .course_cont_w .ttl_square {
  border: 1px solid #4D4D4D;
}
#page_sub.course_medical_w .msgBox {
  border: 5px solid #775895;
  color: #775895
}
#page_sub.course_medical_w .msgBox .ridgeLine::before{
  background:#775895;
}
#page_sub.course_medical_w .msgBox .ridgeLine::after{
  border-left:5px solid #775895;
  border-top:5px solid #775895;
}
#page_sub.course_medical_w .msgNav{
  color: #775895;
}
#page_sub.course_medical_w .msgNav a{
  color: #775895;
}
#page_sub.course_medical_w .msgNav::before{
  background: #775895;
}
#page_sub.course_medical_w .msgNav__item--prev::before,
#page_sub.course_medical_w .msgNav__item--next::before{
  background: #775895;
}
#page_sub.course_medical_w .msgNav__item--prev::after,
#page_sub.course_medical_w .msgNav__item--next::after{
  border-top: 1px solid #775895;
  border-right: 1px solid #775895;
}*/
/*--コース：ペット*/
/*#page_sub.course_pet{
background-color: #EB9400;
color: #FFF;
margin-top: 0!important;
padding-bottom: 0px!important;
}
#page_sub.course_pet .course_header{
background-color: #EB9400;
}
#page_sub.course_pet .feature_nav {
  color: #4D4D4D;
}
#page_sub.course_pet .feature_nav ul li a {
  border-bottom: 1px solid #4D4D4D;
}
#page_sub.course_pet .feature_nav li > a {
  color: #4D4D4D;
}
#page_sub.course_pet .course_cont_w {
  color: #4D4D4D;
}
#page_sub.course_pet .acc__head {
  color: #4D4D4D;
  border-left: 1px solid #4D4D4D;
  border-right: 1px solid #4D4D4D;
  border-bottom: 1px solid #4D4D4D;
  border-top: 0 solid #4D4D4D;
}
#page_sub.course_pet .msgBox {
  border: 5px solid #EB9400;
  color: #EB9400
}
#page_sub.course_pet .msgBox .ridgeLine::before{
  background:#EB9400;
}
#page_sub.course_pet .msgBox .ridgeLine::after{
  border-left:5px solid #EB9400;
  border-top:5px solid #EB9400;
}
#page_sub.course_pet .msgNav{
  color: #EB9400;
}
#page_sub.course_pet .msgNav a{
  color: #EB9400;
}
#page_sub.course_pet .msgNav::before{
  background: #EB9400;
}
#page_sub.course_pet .msgNav__item--prev::before,
#page_sub.course_pet .msgNav__item--next::before{
  background: #EB9400;
}
#page_sub.course_pet .msgNav__item--prev::after,
#page_sub.course_pet .msgNav__item--next::after{
  border-top: 1px solid #EB9400;
  border-right: 1px solid #EB9400;
}*/


/*--コース：長期高度人材育成コース*/
/*#page_sub.course_harotore{
background-color: #C8161D;
color: #FFF;
margin-top: 0!important;
padding-bottom: 0px!important;
}
#page_sub.course_harotore .course_header{
background-color: #C8161D;
}
#page_sub.course_harotore .course_mv_harotore{
height: 410px;
}
#page_sub.course_harotore .course_mv_harotore .inner{
width: 800px;
margin-left: auto;
margin-right: auto;
padding-top: 160px;
font-size: 1.8rem;
letter-spacing: 0.15em;
position: relative
}
#page_sub.course_harotore .course_mv_harotore .inner h2{
font-size: 3.2rem;
margin-top: 40px;
}
#page_sub.course_harotore .course_mv_harotore .inner .badge{
position: absolute;
right: 0;
bottom: -20px;
}
#page_sub.course_harotore .course_cont_w{
color: #4D4D4D;
}
#page_sub.course_harotore .head_news{
margin-bottom: 1em
}
#page_sub.course_harotore .head_news .date{
font-size: 1.6rem;
font-weight: 600;
}
#page_sub.course_harotore .head_news .date span{
margin-left: 1em;
font-size: 1.4rem;
font-weight: 400;
}
#page_sub.course_harotore .ttl_gray{
background-color: #F2F2F2;
padding: 20px;
font-size: 1.6rem;
font-weight: 600;
margin-bottom: 1.5em
}

ul.anc_nav{
margin-top: 50px;
display: flex;
gap: 7px;
margin-bottom: 110px;
}
ul.anc_nav li{
width: calc((100% - 14px) / 3);
}
ul.anc_nav li a{
display: block;
background-color: #C8161D;
color: #FFF;
text-align: center;
padding: 10px 0px;
font-size: 1.6rem;
font-weight: 600;
text-decoration: none
}
.dep_bx{
margin-bottom: 80px;
}
.dep_bx .ttl_strong{
font-size: 1.6rem;
font-weight: 600;
color: #C8161D;
margin-bottom: 0.5em
}
.dep_bx .notice_end{
    color: #C8161D;
    border: 1px solid #C8161D;
    padding: 5px 10px;
    margin-bottom: 0.5em
}
.dep_bx table.tbl_style th{
    background-color: #F2F2F2!important;
    color: #4D4D4D;
      border-bottom: 1px solid #b3b3b3;
}*/



/*--PAGE：COURSE 各種スタイル*/
/*.course_feature{
padding-top: 60px;
padding-bottom: 100px;
}
.course_feature .inner{
width: 800px;
margin-left: auto;
margin-right: auto
}
.course_feature ul.idd_course{
display: flex;
gap: 140px;
}
.course_feature ul.idd_course li{
background-color: #F7B52C;
width: 50%;
color: #0F3675;
position: relative;
padding: 96px 28px 60px;
}
.course_feature ul.idd_course li .name{
background-color: #0F3675;
color: #FFF;
font-size: 2.0rem;
font-weight: 600;
line-height: 60px;
width: 207px;
text-align: center;
position: absolute;
top:0;
right: 0;
}
.course_feature ul.idd_course li .read{
font-size: 1.8rem;
font-weight: 600;
margin-bottom: 1em
}
.course_feature ul.idd_course li .field{
font-size: 1.2rem;
margin-top: 2em
}
.course_feature ul.idd_course li .ttl_field{
    text-align: center;
    font-size: 1.4rem;
    border-bottom: 1px solid #0F3675;
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
    font-weight: 600
}
.course_feature ul.idd_course li .link_bx{
    position: absolute;
    right: 0;
    bottom: -40px;
}
.course_feature ul.idd_course li .link_bx a{
    display: block;
    font-size: 1.2rem;
    background-color: #FFF;
    color: #0F3675;
    width: 314px;
    padding: 20px 20px 20px 20px;
    text-decoration: none;
    background-image: url(../../images/ico_blank.svg);
    background-repeat: no-repeat;
    background-position: right 15px center;
}

.curriculum_wrap{
display: flex;
gap: 20px;
}
.curriculum_wrap .curr_bx{
width: 50%
}
table.curr{
    width: 100%;
    border-top: 1px solid #0F3675;
    border-left: 1px solid #0F3675;
}
table.curr th{
background-color: #0F3675;
white-space: nowrap;
color: #FFF;
text-align: center;
border-bottom: 1px solid #0F3675;
}
table.curr td{
border-bottom: 1px solid #0F3675;
}
table.curr th,
table.curr td{
padding: 10px;
}
table.curr span{
writing-mode: vertical-rl;
line-height: 1
}
table.curr .gray{
background-color: #F2F2F2
}*/

/*--キャリアデザイン　パネル-------------*/
/*ul.aim_list{
display: flex;
gap: 20px;
flex-wrap: wrap;
color: #0F3675;
margin-top: 1em
}
ul.aim_list li{
padding: 40px 30px;
text-align: center;
width: calc(50% - 10px);
}
ul.aim_list li .ttl{
font-size: 2.4rem;
margin-bottom: 0.5em;
font-weight: 600
}
ul.aim_list li .read{
font-size: 1.6rem;
margin-bottom: 1em
}

ul.aim_list li.aim_01{
  background: #f4b12c;
}
ul.aim_list li.aim_02{
  background: #A587B7;
}
ul.aim_list li.aim_03{
  background: #A2BADA;
}
ul.aim_list li.aim_04{
  background: #C8C9CA;
}

.qual-box.middle{
width: 230px;
margin-left: auto;
margin-right: auto
}

.qual-head{
  background: #2f2b7c;
  color: #fff;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.4;
  padding: 10px 5px;
  margin: 0 auto 14px;
  position: relative;
}

.qual-head.has-tip::after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: -10px;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #2f2b7c;
}
.qual-item{
  background: #FFF;
  text-align: center;
  padding: 14px 0px;
  border-radius: 8px;
}
.qual-item.slim{
  padding: 7px 0px;
}
.qual-item span{
  font-size: 1.0rem
}
.qual-item.first{
margin-top: 12px!important;
}
.qual-item + .qual-item{
  margin-top: 8px;
  line-height: 1.2
}
.qual-item.slim{
  margin-top: 8px!important;
}

.qual-plus{
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #2f2b7c;
  color: #fff;
  font-size: 29px;
  font-weight: 700;
  line-height: 1;
  display: grid;
  place-items: center;
  margin: 18px auto;
}*/






/*--PAGE：募集要項-------------*/
.youkou_dl_wrap{
background-color: #f2f2f2;
margin: 0 calc(50% - 50vw);
width: 100vw;
padding-top: 30px;
padding-bottom: 100px;
}
.youkou_dl_wrap .center{
text-align: center
}
.youkou_dl_wrap h3.ttl_grd {
  margin-bottom: 2em;
  margin-top: 0em;
}

ul.dl_list{
display: flex;
gap: 20px;
margin-bottom: 40px;
}
ul.dl_list li{
background-color: #f2f2f2;
width: 25%;
text-align: center;
padding: 40px 0px 30px;
}
ul.dl_list li .heading{
font-weight: 600;
font-size: 1.6rem;
min-height: 80px;
}
ul.dl_list li .heading .notice{
font-weight: 500;
font-size: 1.2rem
}
.dl_notice{
    border: 1px solid rgba(202,202,202,1.00);
    padding: 20px 40px;
    font-size: 1.2rem
}
.dl_notice .ttl{
font-weight: 600;
margin-bottom: 0.5em;
font-size: 1.6rem
}
.dl_notice ul{}
.dl_notice ul li{
margin-bottom: 0.8em;
text-indent: -1em;
padding-left: 1em;
}

/*--PAGE：高等教育の修学支援の新制度・奨学金制度-------------*/
.cont_slim{
width: 700px;
margin-left: auto;
margin-right: auto
}

.link_bx_gray{
background-color: #f2f2f2;
padding: 20px;
margin-top: 1em;
margin-bottom: 3em
}

.mv_support{
background-color: #3b8fc4;
color: #FFF;
margin: 0 calc(50% - 50vw);
width: 100vw;
padding: 40px;
margin-bottom: 40px;
}
.mv_support.thin{
background-color: #9FD2F1;
color: #4D4D4D;
}
.mv_support .read{
font-size: 1.8rem;
margin-bottom: 20px;
font-weight: 600
}
.mv_support ul{
display: flex;
gap: 15px;
}
.mv_support .cont_slim{
position: relative;
}
.mv_support .cont_slim #mv_ill{
position: absolute;
right: -100px;
top: -86px;
}
.mv_support .cont_slim #mv_ill img{
width: 356px;
height: auto
}

.mv_support_gray{
background-color: #F2F2F2;
margin: 0 calc(50% - 50vw);
width: 100vw;
padding: 40px;
margin-bottom: 40px;
text-align: center
}
.mv_support_gray .read{
font-size: 1.8rem;
margin-bottom: 20px;
}
.flow_kyufu{
margin-bottom: 15px;
}
.flow_notice{
font-size: 1.2rem;
margin-bottom: 70px;
}

h3.ttl_grd.mt {
  margin-top: 6em;
}


/*--表組み内レイアウト-------------*/
ul.value{
display: flex;
gap: 20px;
font-size: 1.2rem;
width: 100%;
margin-top: 10px;
}
ul.value li{
width: 50%;
}
ul.value .heading{
background-color: #F2F2F2;
padding: 5px;
line-height: 1;
margin-bottom: 0.2em;
font-size: 1.4rem;
font-weight: 600;
}

ul.support_point{
display: flex;
gap: 20px;
}
ul.support_point li{
background-color:#F2F2F2;
width: calc(100% / 3);
font-size: 1.4rem;
padding: 20px 15px;
}
ul.support_point li .heading{
font-size: 1.6rem;
font-weight: 600;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 4em
}
ul.support_point li p{
margin-bottom: 0.5em
}



/*--PAGE：就職支援体制-------------*/
.mv_cont{
margin: 0 calc(50% - 50vw);
width: 100vw;
text-align: center;
color: #FFF;
padding-top: 70px;
padding-bottom: 80px;
font-size: 2.7rem
}
.mv_cont .num{
font-family: "marine", sans-serif;
font-size: 15.2rem;
line-height: 1;
}
.mv_cont .num.mb{
margin-bottom: 0.2em
}
.mv_cont .num span{
font-size: 9.8rem;
}
.mv_cont .num span.ja{
font-size: 3.5rem;
}
ul.support_system{
display: flex;
gap: 57px;
}
ul.support_system li{
width: calc((100% - 57px * 2) / 3); /* gapが57xで2本入る分を引く */
}
ul.support_system li .heading_circle {
    width: 153px;
    height: 153px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    background-color: #3a86b8;
    color: #FFF;
    /* 二行のテキストを中央に配置する設定（Flexbox） */
    display: flex;
    flex-direction: column; /* 縦並び */
    justify-content: center; /* 垂直中央 */
    align-items: center; /* 水平中央 */
    font-size: 1.8rem;
    text-align: center;
    font-weight: 600;
    margin-bottom: 15px;
    letter-spacing: 0.09em
}
ul.support_system li:nth-child(2) .heading_circle {
background-color: #a282b3;
}
ul.support_system li:nth-child(3) .heading_circle {
background-color: #d98710;
}

.support_fig img{
width: 100%;
height: auto
}
.support_graf{
text-align: center
}
.support_fig_notice{
font-size: 1.2rem;
padding-top: 1em
}
ul.ichiran {
  font-size: 12px;
  margin-bottom: 20px;
}
ul.ichiran li {
display: inline-block;
  padding: 0px 1em;
  margin-bottom: 10px;
  border-right: 1px solid #CCC;
  line-height: 1;
}
ul.ichiran li:last-child {
  border-right: 0px solid #CCC;
}

h3.license{
font-size: 1.8rem;
color: #FFF;
background-color: #3B8FC4;
line-height: 1;
padding: 8px 12px;
margin-bottom: 0.5em
}
h3.license.business{
background-color: #A887BC;
}
h3.license.pet{
background-color: #E38C00;
}
h4.license_under_line{
    font-size: 2.2rem;
    padding-bottom: 0.15em;
    border-bottom: 1px solid #4D4D4D;
    margin-bottom: 0.5em;
    font-weight: 500;
}
ul.shikaku_list{
width: 90%;
margin-left: auto;
margin-right: auto;
font-size: 1.8rem;
margin-bottom: 2em;
font-weight: 500;
}
ul.shikaku_list.small{
font-size: 1.4rem;
font-weight: 400;
}

/*--PAGE：先輩からのメッセージ-------------*/
/*#page_sub.voice_senior{
    margin-top: 0!important;
    padding-bottom: 0px!important;
    background-image: -webkit-linear-gradient(0deg,rgba(125,132,176,1.00) 0%,rgba(217,142,191,1.00) 100%);
    background-image: -moz-linear-gradient(0deg,rgba(125,132,176,1.00) 0%,rgba(217,142,191,1.00) 100%);
    background-image: -o-linear-gradient(0deg,rgba(125,132,176,1.00) 0%,rgba(217,142,191,1.00) 100%);
    background-image: linear-gradient(90deg,rgba(125,132,176,1.00) 0%,rgba(217,142,191,1.00) 100%);
    color: #FFF
}
#page_sub.voice_senior.student{
    margin-top: 0!important;
    padding-bottom: 0px!important;
    background-image: -webkit-linear-gradient(0deg,rgba(0,117,156,1.00) 0%,rgba(217,142,191,1.00) 100%);
    background-image: -moz-linear-gradient(0deg,rgba(0,117,156,1.00) 0%,rgba(217,142,191,1.00) 100%);
    background-image: -o-linear-gradient(0deg,rgba(0,117,156,1.00) 0%,rgba(217,142,191,1.00) 100%);
    background-image: linear-gradient(90deg,rgba(0,117,156,1.00) 0%,rgba(217,142,191,1.00) 100%);
    color: #FFF
}
.message_header{
padding-top: 150px;
width: 800px;
margin-left: auto;
margin-right: auto;
}

#page_sub.voice_senior .message_header .sub_header .en{
font-size: 6.5rem;
line-height: 1;
margin-bottom: 0.2em
}
#page_sub.voice_senior .message_header .sub_header .en img{
margin-left: 5px;
}
#page_sub.voice_senior .message_header .sub_header .ja{
font-size: 1.6rem;
letter-spacing: 0;
}
.cont_message_wrap{
width: 800px;
margin-left: auto;
margin-right: auto;
}
h3.ttl_message_cate{
font-size: 3.0rem;
margin-bottom: 30px;
}
.anc{
display: block;
padding-top: 80px;
margin-top: -80px;
}*/
/*--MESSAGE_SELECT-------------*/
/*.message_select{
text-align: center;
width: 290px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
}
.message_select .ttl{
font-size: 2.9rem;
font-family: tenez, sans-serif;
margin-bottom: 10px;
}
.selectbox{
position: relative;
display: block;
}
.selectbox select{
width: 100%;
padding: 14px 44px 14px 16px;
border: 1px solid #fff;
background: transparent;
color: #fff;
font-size: 1.2rem;
line-height: 1;
outline: none;

-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.selectbox::after{
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  width: 10px;
  height: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: translateY(-70%) rotate(45deg);
  pointer-events: none;
}

.selectbox select option {
  color: #191919!important;
  background-color: rgba(255,255,255,0.76)!important;
}*/


/*--MESSAGE_LIST-------------*/
/*ul.message_list{
width: 700px;
margin-left: auto;
margin-right: auto;
display: flex;
gap: 15px;
flex-wrap: wrap;
margin-bottom: 50px;
}
ul.message_list li{
width: calc((100% - 15px * 1) / 2);
background: #2f78a8;
position: relative;
  display: block;

  padding: 20px 17px;
  overflow: visible;
}
ul.message_list li a{
  color: #FFF;
  text-decoration: none;
}
.message_list li::after{
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid #fff;
  transform: translate(3px, 3px);
  pointer-events: none;
}
table.card{
  width: 100%;
  border-collapse: collapse;
  position: relative;
  z-index: 1;
}
table.card tbody,
table.card tr{
  align-items: center;
}
table.card td{
 padding-left: 20px;
}
th.card__photo{
  aspect-ratio: 5 / 4;
  overflow: hidden;
  background: #fff;
  width: 150px;
  height: 112px;
}
.card__photo img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.card__text .name{
font-size: 1.4rem;
margin-bottom: 0.5em;
font-weight: 600;
}
.card__text .meta{
font-size: 1.2rem;
margin-bottom: 0.5em
}


.card__btn{
  position: absolute;
  top: 50%;
  right: -10px;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  border-radius: 999px;
  border: 1px solid #fff;
  z-index: 2;
  pointer-events: none;
  background: #2f78a8;
  transition: .3s
}
ul.message_list li a:hover .card__btn{
  right: -15px;
}
.card__btn::before{
  content: "";
  position: absolute;
  top: 50%;
  left: 45%;
  width: 12px;
  height: 12px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: translate(-55%, -50%) rotate(-45deg);
}

ul.message_list.cate01 li,
ul.message_list.cate01 li .card__btn,
.message_detail.cate01{
background: #2f78a8;
}
ul.message_list.cate02 li,
ul.message_list.cate02 li .card__btn,
.message_detail.cate02{
background: #62b5ba;
}
ul.message_list.cate03 li,
ul.message_list.cate03 li .card__btn,
.message_detail.cate03,
ul.message_list.cate04 li,
ul.message_list.cate04 li .card__btn,
.message_detail.cate04{
background: #a887bc;
}
ul.message_list.cate05 li,
ul.message_list.cate05 li .card__btn,
.message_detail.cate05,
ul.message_list.cate06 li,
ul.message_list.cate06 li .card__btn,
.message_detail.cate06{
background: #e38c00;
}
ul.message_list.cate07 li,
ul.message_list.cate07 li .card__btn,
.message_detail.cate07{
background: #b65b46;
}

.message_detail{
padding: 50px;
font-size: 1.4rem
}
.message_detail .ttl{
text-align: center;
font-size: 2.5rem;
margin-bottom: 25px;
}
.message_detail .ph{
width: 400px;
margin-left: auto;
margin-right: auto;
margin-bottom: 35px;
}
.message_detail .ph img{
width: 100%;
height: auto
}
.message_detail .name{
font-size: 1.4rem;
font-weight: 600;
margin-bottom: 1em;
text-align: center
}
.message_detail .meta{
font-size: 1.2rem;
margin-bottom: 1.5em;
text-align: center
}

.btn_detail_back{
text-align: center;
margin-top: 40px;
margin-bottom: 110px;
}
.btn_detail_back a{
    line-height: 40px;
    background-repeat: no-repeat;
    background-image: url(../../images/nav_arrow_w_back.svg);
     background-position: left 20px center;
    display: inline-block;
    text-decoration: none;
    border: 1px solid #FFF;
    padding-left: 5.5em;
    padding-right: 5em;
    color: #FFF;
    width: 290px;
}
.btn_detail_back a:hover{
    background-position: left 15px center;
    text-decoration: none
}*/
 
/*--PAGE：オープンキャンパス-------------*/
/*#page_sub.open_campus{
background-color: #FFF;
margin-top: 0!important;
padding-bottom: 0px!important;
}
.oc_header_about{
    height: 590px;
    text-align: center;
    background-image: url(../../images/open_campus/about_mv_bg_pc.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.oc_header_about .ttl{
padding-top: 120px;
margin-bottom: 30px;
}
.oc_featutre{
width: 800px;
text-align: center;
background-color: #FFF;
padding-top: 40px;
padding-bottom: 40px;
margin-top: -80px;
margin-left: auto;
margin-right: auto
}
.oc_wrap{
background-color: #f2f2f2;
width: 100vw;
padding-top: 30px;
padding-bottom: 30px;
}
.oc_inner{
width: 800px;
margin-left: auto;
margin-right: auto
}
.oc_point_bx{
padding: 40px 50px;
background-color: #FFF;
color: #222F76;
margin-bottom: 25px;
position: relative
}
.oc_point_bx .heading{
display: flex;
align-items: center;
gap: 20px;
font-size: 2.1rem;
margin-bottom: 25px;
}
ul.ph_list{
display: flex;
gap: 13px;
margin-top: 27px;
}
ul.ph_list li{
width: calc((100% - 13px * 2) / 3);
}
ul.ph_list li .ph{
margin-bottom: 10px;
}
ul.ph_list li .ph img{
width: 100%;
height: auto
}
ul.ph_list li .cap{
text-align: right;
font-size: 1.2rem;
color: #4D4D4D
}

.oc_point_bx.faq{
margin-top: 60px;
padding-top: 55px;
}
.oc_point_bx.faq .ttl_faq{
text-align: center;
margin-bottom: 30px;
}
table.faq_tbl{}
table.faq_tbl th{
font-family: tenez, sans-serif;
font-weight: 700;
font-size: 2.7rem;
padding-right: 10px;
}
table.faq_tbl th.ans{
color: #956DAD
}
table.faq_tbl td.ques{
font-weight: 600;
padding-top: 0.7em;
padding-bottom: 10px;
}
table.faq_tbl th,table.faq_tbl td{
vertical-align: top
}
table.faq_tbl td.ans{
padding-top: 0.6em;
padding-bottom: 2em
}

.oc_header{
    height: 540px;
    text-align: center;
    background-color: #FFF
}
.oc_header .ttl{
padding-top: 60px;
margin-bottom: 23px;
}
.oc_present{
background-color: #E6E6E6;
text-align: center;
padding-bottom: 25px;
}
.oc_present .ttl{
top: -15px;
position: relative;
}
.oc_present ul{
display: flex;
justify-content: center;
gap :25px;
}
.oc_present ul li img{
width: auto;
height: 45px;
}

.oc_schedule_wrap{
text-align: center;
padding-top: 36px;
padding-bottom: 36px;
}
.oc_schedule_wrap .ttl{
color: #222F76;
font-family: tenez, sans-serif;
font-weight: 700;
font-size: 2.4rem;
margin-bottom: 7px;
    margin-top: 10px;
}

.eventcard a,
ul.eventcard_future a{
text-decoration: none
}
table.oc_next_schedule{
font-family: marine, sans-serif;
font-weight: 600;
line-height: 1;
margin-left: auto;
margin-right: auto;
color: #222F76;
}


ul.eventcard_future{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 760px;
  margin: auto;
}
ul.eventcard_future > li:first-child{
  flex-basis: 100%;
  border-left: none;
}
ul.eventcard_future li{
border-left: 1px solid #222F76;
padding: 10px 20px;
width: 25%;
margin-bottom: 10px;
}

ul.eventcard_future li:first-child .tbl_wrap{
    width: 400px;
    border: 4px solid #222F76;
    padding: 15px;
    box-sizing: border-box;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../../images/open_campus/label_next.svg);
    background-repeat: no-repeat;
    background-position: left top;
    margin-bottom: 20px;
}

ul.eventcard_future li:first-child table.oc_next_schedule td{
padding: 5px;
}
ul.eventcard_future li:first-child table.oc_next_schedule .year{
font-size: 2.6rem
}
ul.eventcard_future li:first-child table.oc_next_schedule .day{
font-size: 4.2rem
}
ul.eventcard_future li:first-child table.oc_next_schedule .week{
font-size: 2.1rem
}
table.oc_next_schedule .label{
background-color: #CFCFCF;
padding: 10px;
}
table.oc_next_schedule .label.setsumeikai{
background-color: #8CC63F
}
table.oc_next_schedule .label.opencampus{
background-color: #D98EBF
}


ul.eventcard_future li:last-child,
ul.eventcard_future li:nth-child(5),
ul.eventcard_future li:nth-child(9){
border-right: 1px solid #222F76;
}
ul.eventcard_future li table.oc_next_schedule .year{
font-size: 1.9rem
}
ul.eventcard_future li table.oc_next_schedule .day{
font-size: 2.8rem
}
ul.eventcard_future li table.oc_next_schedule .week{
font-size: 1.7rem
}
ul.eventcard_future li table.oc_next_schedule td{
padding: 5px 2px;
}*/
/*--PAGE：オープンキャンパス詳細-------------*/
/*.oc_wrap .heading_notice{
width: 700px;
margin-left: auto;
margin-right: auto;
margin-bottom: 35px;
color: #003181
}
.oc_wrap .heading_notice a{
color: #003181
}
.oc_point_bx.detail{
padding-bottom: 80px;
}
.oc_point_bx .ttl_line{
    font-size: 2.1rem;
    border-bottom: 1px solid #003181;
    padding-bottom: 0.3em;
    margin-bottom: 15px
}
.oc_point_bx .date_bx{
line-height: 1;
font-family: marine, sans-serif;
font-weight: 700;
margin-bottom: 15px;
float: left
}
.oc_point_bx .date_bx .year{
font-size: 2.5rem
}
.oc_point_bx .date_bx .date{
font-size: 4.0rem
}
.oc_point_bx .date_bx .date span{
font-size: 2.0rem
}
.oc_point_bx .date_bx .time{
font-size: 1.8rem
}
.oc_point_bx .photo{
position: relative;
width: 340px;
float: right;
margin-bottom: 15px;
}
.oc_point_bx .photo img{
width: 100%;
height: auto
}
.oc_point_bx ul.tag_list{
margin-bottom: 15px;
margin-top: 15px
}
.oc_point_bx ul.tag_list li{
    display: inline-block;
    color: #4D4D4D;
    border: 1px solid #4D4D4D;
    padding: 5px 10px;
    line-height: 1;
    font-size: 1.2rem;
    margin-bottom: 7px;
}
.oc_point_bx .oc_program{
    border-top: 1px solid #003181;
    padding-top: 15px;
    width: 340px;
}

.oc_point_bx .btn_entry{
margin-left: auto;
margin-right: auto;
margin-top: 23px;
margin-bottom: -100px;
width: 290px;
z-index: 5;
  position: relative;
}
.oc_point_bx .btn_entry a{
background-color: #003181;
    line-height: 70px;
    background-repeat: no-repeat;
    background-image: url(../../images/ft_arrow_w.svg);
    background-position: right 20px center;
    display: block;
    padding-right: 4.5em;
    padding-left: 4em;
    white-space: nowrap;
    color: #FFF;
    border: 1px solid #FFFFFF;
    text-decoration: none;
    font-size: 1.7rem;
    text-align: center;
    font-weight: 600
}
.oc_point_bx .btn_entry .close{
background-color: #989898;
    line-height: 70px;
    display: block;
    padding-right: 0em;
    padding-left: 0em;
    white-space: nowrap;
    color: #FFF;
    border: 1px solid #FFFFFF;
    text-decoration: none;
    font-size: 1.7rem;
    text-align: center;
    font-weight: 600
}
.oc_point_bx .btn_entry a:hover{
    background-position: right 16px center;
    text-decoration: none
}
.oc_point_bx_notice{
font-size: 1.2rem;
margin-bottom: 60px;
}

ul.oc_program_info{
display: flex;
gap: 40px;
row-gap: 20px;
flex-wrap: wrap;
font-size: 1.4rem;
color: #4D4D4D;
margin-bottom: 40px;
}
ul.oc_program_info li{
width: calc(calc(100% - 40px)/2)
}
ul.oc_program_info li .couese_name{
background-color: #000000;
color: #FFF;
padding: 4px 30px;
margin-bottom: 15px;
--lh: 1.4;
  line-height: var(--lh);
  box-sizing: border-box;
min-height: calc((2 * var(--lh) * 1em) + 18px);
display: flex;
align-items: center;
}
ul.oc_program_info li .couese_name.col01{
background-color: #2BB6AA;
}
ul.oc_program_info li .couese_name.col02{
background-color: #EF848A;
}
ul.oc_program_info li .couese_name.col03{
background-color: #009DE0;
}
ul.oc_program_info li .couese_name.col04{
background-color: #FF9901;
}*/

/*--PAGE：キャンパスライフ-------------*/
/*#page_sub.page_campuslife{
background-color: #BDCCD4;
margin-top: 0!important;
padding-bottom: 0px!important;
}
.cl_mv{
    height: 660px;
    text-align: center;
    padding-top: 60px;
}
.cont_campuslife{
width: 700px;
margin-left: auto;
margin-right: auto;
display: flex;
flex-wrap: wrap;
gap: 20px;
color: #222F76
}
.cont_campuslife .cl_mopnth{
background-color: #FFF;
padding: 105px 25px 25px 25px;
width: calc((100% - 20px) / 2);
position: relative;
margin-bottom: 30px;
}
.cont_campuslife .cl_mopnth .month{
position: absolute;
right: 17px;
top:-12px;
}
.cont_campuslife .cl_mopnth .month.hd{
top:-26px;
}
.cont_campuslife .cl_mopnth .cl_ttl{
font-size: 2.0rem;
font-weight: 600;
text-align: center;
margin-bottom: 1em
}
.cont_campuslife .cl_mopnth .read{
font-size: 1.6rem;
font-weight: 600;
margin-bottom: 1em
}
.cont_campuslife .cl_mopnth .ph{
margin-top: 1em
}
.cont_campuslife .cl_mopnth .ph img{
width: 100%;
height: auto
}*/




/*--CMS-------------*/
/*--PAGE：在校生の皆様へ-------------*/
.current_student_entry_wrap{
background-color: #f2f2f2;
margin: 0 calc(50% - 50vw);
width: 100vw;
padding-top: 30px;
padding-bottom: 30px;
}
/*--ENTRY_LIST-------------*/
ul.cms_entry_list{
width: 800px;
margin-left: auto;
margin-right: auto;
display: flex;
gap: 20px;
flex-wrap: wrap
}
ul.cms_entry_list.head_up{
margin-top: -83px;
}
ul.cms_entry_list li{
width: calc((100% - 20px * 2) / 3);
background-color: #FFF;
border-radius: 16px;
padding: 28px;
}
ul.cms_entry_list li a{
text-decoration: none;
}
ul.cms_entry_list li a:hover{
opacity: .6
}
ul.cms_entry_list li .label{
background-color: #000;
color: #FFF;
font-size: 1.0rem;
line-height: 1;
min-width: 120px;
text-align: center;
padding: 5px;
margin-bottom: 5px;
display: inline-block
}
ul.cms_entry_list li .thum{
aspect-ratio: 5 / 4;
width: 100%;
overflow: hidden;
margin-bottom: 15px;
background-color: #f2f2f2;
}
ul.cms_entry_list li .thum img{
width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
ul.cms_entry_list li .date{
font-size: 1.2rem;
font-family: "marine", sans-serif;
}
ul.cms_entry_list li .ttl{
font-size: 1.6rem;
font-weight: 600;
margin-bottom: 4px;
}

ul.cms_entry_list li .cate,
.entry_cate_list .cate{
background-color: #000;
color: #FFF;
font-size: 1.0rem;
line-height: 1;
text-align: center;
padding: 4px 5px;
margin-top: 4px;
margin-right: 3px;
display: inline-block;
white-space: nowrap
}

ul.cms_entry_list li .cate.blog_system/*情報システム科*/,
ul.cms_entry_list li .cate.blog_infosystem/*高度情報システム科*/,
ul.cms_entry_list li .cate.blog_idd/*情報デザイン科［大学コース］*/,
ul.cms_entry_list li .cate.blog_management/*経営情報科［大学コース］*/,
.entry_cate_list .cate.blog_system,
.entry_cate_list .cate.blog_infosystem,
.entry_cate_list .cate.blog_idd,
.entry_cate_list .cate.blog_management {
background-color: #3B8FC4;
}
ul.cms_entry_list li .cate.blog_medical-w/*医療事務・美容ビジネス科*/,
ul.cms_entry_list li .cate.blog_general-c/*総合ビジネス科*/,
ul.cms_entry_list li .cate.blog_business/*ビジネス専攻科*/,
.entry_cate_list .cate.blog_medical-w,
.entry_cate_list .cate.blog_general-c,
.entry_cate_list .cate.blog_business {
background-color: #A887BC;
}
ul.cms_entry_list li .cate.blog_pet/*ペットビジネス科*/,
ul.cms_entry_list li .cate.blog_animal-nursing/*愛玩動物看護科*/,
.entry_cate_list .cate.blog_pet,
.entry_cate_list .cate.blog_animal-nursing{
background-color: #E38C00;
}
ul.cms_entry_list li .cate.blog_harotore/*長期高度人材育成コース*/,
.entry_cate_list .blog_cate.harotore {
background-color: #D56452;
}



/*--ENTRY_RECENT-------------*/
.entry_recent{
    border: 1px solid #4D4D4D;
    border-radius: 16px;
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px
}
.entry_recent .ttl{
    background-color: #4D4D4D;
    color: #FFF;
    text-align: center;
    font-size: 1.6rem;
    padding: 15px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}
.entry_recent .recent_inner{
    padding: 28px 45px;
}
.entry_recent ul li{
    margin-bottom: 1em
}
.entry_recent ul li:last-child{
    margin-bottom: 0em
}
.entry_recent.single{
margin-bottom: 80px;
  }
/* 初期：PC表示 */
.entry_recent .recent_inner .ttl_pc {
  display: inline;
}
.entry_recent .recent_inner .ttl_sp {
  display: none;
}

/*--ENTRY_LIST CATE-------------*/
ul.cms_entry_list li .label.news{
background-color: #3b8fc4;
}
ul.cms_entry_list li .label.oc{
background-color: #ebae23;
}
ul.cms_entry_list li .label.event{
background-color: #39b54a;
}
ul.cms_entry_list li .label.guide{
background-color: #b261b7;
}
ul.cms_entry_list li .label.student{
background-color: #b40000;
}


/*--PAGENATION-------------*/
.pagination {
	margin: 40px 0 80px;
	text-align: center;
    font-family: "marine", sans-serif;
}
.pagination ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.pagination li {
	display: inline-block;
	width: auto;
}
.pagination li a, .pagination li > span {
	font-size: 1.4rem;
	display: block;
	min-width: 40px;
	margin: 0 5px;
	padding: 5px 5px;
	text-decoration: none;
	color: #000;
	/*border: solid 1px #ccc;*/
	border-radius: 3px;
    line-height: 30px;
}
.pagination li > span {
	color: #fff;
	background-color: #464646;
}
.pagination li .next {
	color: #fff;
	background-color: #464646;
    padding: 5px 10px;
}
.pagination li a:hover {
	color: #fff;
	background-color: #464646;
}
.pagination li .dots {
	width: 15px;
	padding: 0;
	color: #000;
	border-color: transparent;
	background-color: transparent;
}

/*--ENTRY SINGLE-------------*/
#page_sub.cms_single{
background-color: #FFF;
margin-top: 0!important;
padding-bottom: 0px!important;
}
#page_sub.cms_single .single_header{
background-color: #FFF;
height: 364px;
}
#page_sub.cms_single .single_header.grd{
color: #FFF
}
#page_sub.cms_single .single_header.grd a{
color: #FFF
}
#page_sub.cms_single .single_header .sub_header{
width: 700px;
margin-left: auto;
margin-right: auto;
padding-top: 150px;
}
#page_sub.cms_single .single_header .sub_header .en{
font-size: 6.5rem;
line-height: 1;
margin-bottom: 0.2em
}
#page_sub.cms_single .single_header .sub_header .ja{
font-size: 1.6rem;
letter-spacing: 0;
}
#page_sub.cms_single .inner_single{
width: 700px;
margin-left: auto;
margin-right: auto;
}



#page_sub.cms_single .entry_wrap{}
#page_sub.cms_single .entry_wrap .label{
background-color: #000;
color: #FFF;
font-size: 1.0rem;
line-height: 1;
width: 120px;
text-align: center;
padding: 5px;
margin-bottom: 5px;
}
#page_sub.cms_single .entry_wrap .label.news{
background-color: #3b8fc4;
}
#page_sub.cms_single .entry_wrap .label.oc{
background-color: #ebae23;
}
#page_sub.cms_single .entry_wrap .label.event{
background-color: #39b54a;
}
#page_sub.cms_single .entry_wrap .label.guide{
background-color: #b261b7;
}
#page_sub.cms_single .entry_wrap .label.student{
background-color: #b40000;
}
#page_sub.cms_single .entry_wrap .ttl{
font-size: 2.5rem
}
#page_sub.cms_single .entry_wrap .date{
font-weight: 600;
margin-bottom: 1em;
font-family: "marine", sans-serif;
}
#page_sub.cms_single .entry_wrap .entry_body{
    border-top: 1px solid #4D4D4D;
   padding-top: 1em;
    padding-bottom: 2em
}
#page_sub.cms_single .entry_wrap .entry_body img{
    max-width: 100%;
    height: auto
}
#page_sub.cms_single .btn_detail a{
    background-color: #FFF
}

/*--ENTRY 合格者速報-------------*/
.single_header.bg_yellow{
background-color: #ffe100!important
}
.single_header.bg_yellow .sub_header_goukaku{
text-align: center;
padding-top: 80px;
}
.single_header.bg_yellow .sub_header_goukaku.single{
padding-top: 110px;
}
ul.cms_entry_list.goukaku li .thum{
background-color: #ffe100;
}



/*--CMS-------------*/
/*--ASIDE-------------*/
#sidebar h4 {
	background-color: black;
	color: #FFF;
}
#sidebar ul {
	margin-bottom: 30px;
}
/*--ARTICLE-------------*/
.entry {
	margin-bottom: 50px;
}
.entry a {
	text-decoration: none;
}
.entry a:hover {
	text-decoration: none;
}
.entry p {
	margin: 0 0 20px 0;
}
.entry p strong {
	font-weight: bold;
}
.entry p img.aligncenter {
	display: block;
	margin: auto;
}
.entry p img.alignleft {
	float: left;
	margin: 0 10px 10px 0;
}
.entry p img.alignright {
	float: right;
	margin: 0 0 10px 10px;
}
.entry h1 {
	font-size: 1.3em;
	font-weight: bold;
	margin: 0 0 20px 0;
}
.entry h2 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 20px 0;
}
.entry h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 20px 0;
}
.entry h4 {
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 20px 0;
}
.entry h5 {
	font-size: 0.8em;
	font-weight: bold;
	margin: 0 0 20px 0;
}
.entry h6 {
	font-size: 0.7em;
	font-weight: bold;
	margin: 0 0 20px 0;
}
.entry ul li {
	list-style: disc;
	margin: 5px 0 5px 20px;
}
.entry ol li {
	list-style: decimal;
	margin: 5px 0 5px 20px;
}
/* clearfix */
.entry p:before, .entry p:after {
	content: "";
	display: table;
}
.entry p:after {
	clear: both;
}
.entry .date{
font-weight: bold;
}
.entry .cat-data {
	font-size: .6em;
	padding: 3px 5px;
	text-align: center;
	white-space: nowrap;
	color: #fff;
	border-radius: 3px;
	background-color: #464646;
}
.entry .tag li {
	font-size: .6em;
	padding: 3px 5px;
	text-align: center;
	color: #fff;
	border-radius: 3px;
	background-color: #464646;
	display: inline-block;
	float: left;
}
.entry .tag li:first-child {
	color: #464646;
	background-color: #FFF;
}


/*--MAILFORMメールフォーム-------------*/
.form_wrapper{}
.form_wrapper .head_info{
padding-bottom: 50px;
}
.form_wrapper .head_info .ttl{
font-size: 1.8rem;
font-weight: 600;
margin-bottom: 0.8em
}
.form_wrapper .head_info .column_notice{
    color: #C1272D;
    border: 1px solid #C1272D;
    padding: 15px;
    margin-bottom: 30px;
    margin-top: 30px;
    text-align: left
}
.form_wrapper .head_info .column_notice p{
    text-indent: -1em;
  padding-left: 1em;
}
#form_body{
width: 1100px;
margin-left: auto;
margin-right: auto;
background-color: #E6E6E6;
padding: 34px 50px;
}
.form_ttl{
width: 1100px;
margin-left: auto;
margin-right: auto;
background-color: #333333;
color: #FFF;
text-align: center;
padding: 12px;
}
#form_body .form_notice{
margin-bottom: 0.5em
}
.form_bx{
background-color: #FFF;
padding: 35px 50px;
margin-bottom: 40px;
}
.form_bx .ttl{
margin-top: 2em;
margin-bottom: 1em;
font-weight: 600;
}
.form_field{
width: calc(100% - 10px)!important;
padding: 5px!important;
border: solid 1px #C4C4C4!important;
border-radius: 6px!important;
box-shadow: 0px 0px 0px #CCC inset!important;
background-color: #FFF;
}
#form_body p{
margin-bottom: 0.3em
}
#form_body .form_cont_in{
margin-bottom: 20px;
}
#form_body .form_ico_bx{
display: flex
}

#form_body label{
display: block;
background-color: #E6E6E6;
margin-bottom: 10px;
padding: 8px 8px;
display: flex;
align-items: center;
gap: 3px
}
#form_body label input{
margin-right: 3px;
}

#form_body .submit_btn{
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 290px;
  margin-left: auto;
  margin-right: auto;
  height: 70px;
  padding: 0 24px 0 24px;
  background: #c43a3a;
  color: #fff;
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: .08em;
  border: 0;
  cursor: pointer;
  appearance: none;
}
#form_body .submit_btn.back{
  background: #7F7F7F;
}

#form_body .submit_btn::after{
  content: "";
  position: absolute;
  top: 50%;
  right: 24px;
  width: 12px;
  height: 12px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: translateY(-50%) rotate(45deg);
}

#form_body .submit_btn:hover{
  opacity: .8;
}

#form_end_message{
width: 1100px;
margin-left: auto;
margin-right: auto;
padding: 20px 0px 0px 0px;
font-size: 1.2rem
}
#form_end_message .message_strong{
font-weight: 600;
color: #C1272D;
margin-bottom: 1em
}


#form_body table{
width: 100%;
}
#form_body table th{
background-color: #333333;
color: #FFF;
text-align: center;
padding: 12px;
display: block
}
#form_body table td{
	padding: 20px;
    display: block
}
#form_body .strong{
font-weight: 600;
text-align: center
}
#form_body .req{
display: inline-block;
background-color: #C1272D;
color: #FFF;
font-size: 1.2rem;
line-height: 1;
padding: 3px 5px;
margin-left: 5px;
}


.select_wrapper {
    position: relative;
    width: 100%
}
.select_wrapper.time .form_field {
    width: calc(100% - 0px) !important;
}
.select_wrapper.time::after {
    content: "";
  position: absolute;
  top: 9px;
  right: 13px;
  width: 12px;
  height: 12px;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  transform: rotate(45deg);
}
.select_wrapper::after {
    content: "";
  position: absolute;
  top: 9px;
  right: 23px;
  width: 12px;
  height: 12px;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  transform: rotate(45deg);
}
select {
    -webkit-appearance: none;
    appearance: none;
}

.err-msg{
color: #C1272D;
}
















@media screen and (max-width: 1180px) {
/*@media (min-width: 768px) and (max-width: 1180px) {*/
/*SP NAV*/
.header-hamburger {
display: block;
  position: fixed;
  right: 8.5px;
  top: 30px;
  width: 45px;
  height: 45px;
  transform: translateY(-50%);
  z-index: 9999
}
.header-hamburger button {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  -webkit-appearance: none;
          appearance: none;
  cursor: pointer;
}

/* 3本ライン */
.header-hamburger button > span {
  display: block;
  position: absolute;
  left: 11.5px;
  top: 22px;
  width: 22px;
  height: 2px;
  background: #1A1A1A;
}
/* 3本ライン 白（コース）*/
.header-hamburger.course button > span {
  background: #FFF;
}

/* 上・中・下のバーに変形トランジションを付与 */
.header-hamburger button > span:nth-child(1) {
  transform: translateY(-6px);
  transition: transform 350ms cubic-bezier(.215, .61, .355, 1);
}

.header-hamburger button > span:nth-child(2) {
  transition: opacity 350ms cubic-bezier(.215, .61, .355, 1);
}

.header-hamburger button > span:nth-child(3) {
  transform: translateY(6px);
  transition: transform 350ms cubic-bezier(.215, .61, .355, 1);
}

/* 開いた状態（×アイコン化） */
.header-hamburger button.is-open > span:nth-child(1) {
  transform: rotate(45deg) translateY(0px);
  background: #FFF;
}

.header-hamburger button.is-open > span:nth-child(2) {
  opacity: 0;
}

.header-hamburger button.is-open > span:nth-child(3) {
  transform: rotate(-45deg) translateY(0px);
  background: #FFF;
}

/*--HEADER-------------*/
header {
width: 100%;
min-width: 320px;
height: 60px;
position: fixed;
left: 0;
top: 0;
z-index: 999
}
.header{
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.header.is-scrolled{
  background-color: rgba(255,255,255,1);
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

header .inner {
width: 100%;
height: 43px;
margin-top: 17px;
margin-right: auto;
margin-left: auto;
position: relative;
}
header a {
text-decoration: none;
}
header h1 {
position: absolute;
left: 3%;
top: 0;
}
header h1 img{
width: 100%;
height: auto
}
/*--HEADER　右ボタン-------------*/
header #nav_btn{
display: none;
position: absolute;
right: 2%;
top: 7px;
}
header #nav_btn ul{
display: flex;
gap:8px;
}
header #nav_btn ul li{}
header #nav_btn ul li a{
line-height: 1;
border-radius: 100px;
color: #FFF;
padding: 7px 20px;
}
header #nav_btn ul li a:hover{
opacity: .6;
text-decoration: none
}
/*--HEADER　サブメニュー-------------*/
header #nav_sub{
display: none;
position: absolute;
right: 335px;
top: -3px;
font-size: 1.2rem
}
header #nav_sub ul{
display: flex;
}
header #nav_sub ul li{
    margin-left: 2em;
    background-image: url(../../images/nv_arrow.svg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 8px
}
header #nav_sub ul li a:hover{
    text-decoration: none;
    opacity: .6
}
/*--HEADER　メインメニュー-------------*/
header #nav_main{
display: none;
position: absolute;
right: 320px;
bottom: 0px;
}
header #nav_main ul{
display: flex;
}
header #nav_main ul li button,
header #nav_main ul li a{
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  box-sizing: border-box;
  padding: 2px 15px 20px 15px;
  border: none;
  background: none;
  color: inherit;
  font: inherit;
  line-height: 1.4;
  text-decoration: none;
  cursor: pointer;
  -webkit-appearance: none;
          appearance: none;
  transition: color 300ms;
}

header #nav_main ul li button::before,
header #nav_main ul li a::before{
  content: '';
  display: block;
  position: absolute;
  left: 15px;
  bottom: 12px;
  width: calc(100% - 30px);
  height: 1px;
  background-image: linear-gradient(90deg, #00759c 0%, #d98ebf 50%, #ecaf20);
  transform: scaleX(0);
  transition: transform 350ms cubic-bezier(.215, .61, .355, 1);
}

header #nav_main ul li button:hover::before,
header #nav_main ul li button:active::before,
header #nav_main ul li button.is-active::before,
header #nav_main ul li a:hover::before,
header #nav_main ul li a:active::before,
header #nav_main ul li a.is-active::before{
  transform: scaleX(1);
}
header #nav_main ul li button.is-active,
header #nav_main ul li a.is-active{
background-color: #1A1A1A;
color: #FFF
}

/*--HEADER　メインメニュー COURSE Ver-------------*/
/*header.course_color #nav_main ul li button{
color: #FFF!important
}
header.course_color #nav_sub a{
color: #FFF!important
}
header.course_color #nav_sub ul li{
    background-image: url(../../images/nv_arrow_w.svg);
}
.header.course_color.is-scrolled {
  background-color: rgba(0,0,0,1.00);
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}*/

/*--MEGA MENU-------------*/
/*.mega-container {
    position: fixed;
    left: auto;
    right: 0;
    top: 0;
    z-index: 100;
    width: 90%;
    box-sizing: border-box;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: visibility 0ms 400ms, opacity 400ms linear;
    border-top: 1px solid #E6E6E6;
    background-image: linear-gradient(90deg, #00759c 0%, #d98ebf 50%, #ecaf20);
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    padding-top: 14px;
    padding-bottom: 50px;
    padding-left: 7%;
    padding-right: 7%;
    overflow-y: scroll;
    height: 100vh;
}
.mega-container .name{
padding-bottom: 50px;
    text-align: right;
    padding-right: 40px;
}

.mega-section {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    visibility: visible;
    opacity: 1;
    transition: visibility 0ms 400ms, opacity 400ms linear;
    border-bottom: 1px solid #FFF;
  }

.mega-header {
    display: block;
}
.mega-body {
    display: block;
    min-height: auto;
    background: rgba(255,255,255,0.95);
    overflow: hidden;
    position: relative;
    font-size: 1.3rem
}

.mega-body.cs .mega-inner{
    display: block;
    padding: 10px 0px 10px 0px;
}

.mega-section.is-open {
  position: relative;
  left: auto;
  top: auto;
  width: auto;
  visibility: visible;
  opacity: 1;
  transition: visibility 0ms, opacity 400ms linear;
}

.mega.is-open .mega-overlay,
.mega.is-open .mega-container {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transition: visibility 0ms, opacity 400ms linear;
}

.mega-body .mega-inner{
    padding: 10px 10px 10px 20px;
    display: block;
    width: 100%;
    max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.mega-body .mega-inner .nv_header{
    width: 240px;
    padding-top: 35px;
    display: none;
}
.mega-body .mega-inner .nv_header .ttl{
    font-size: 2.4rem;
    font-family: marine, sans-serif;
    margin-bottom: 1em
}
.mega-body .mega-inner ul.nv_regular{
margin-left: 0px;
margin-top: 0px;
}
.mega-body .mega-inner ul.nv_regular li{
    border-bottom: none;
    min-width: 200px;
}
.mega-body .mega-inner ul.nv_regular li a{
    line-height: 30px;
    background-repeat: no-repeat;
    background-image: none;
    background-position: right 5px center;
    display: block;
    padding-right: 0em
}
.mega-body .mega-inner ul.nv_regular li a:hover{
    background-position: right 0px center;
    text-decoration: none
} 

.mega-body.cs{
    background-color: rgba(255,255,255,0.85);
    color: inherit
}
.nv_course_bx{
background-color: #E1E1E1;
margin-right: 16px;
padding: 10px 0px 0px 0px;
}
.nv_course_bx .course_ttl{
margin-bottom: 0.8em
}
.nv_course_bx ul{
    border-left: 2px solid #000000;
    margin-bottom: 10px;
}
.nv_course_bx ul li{
    margin-bottom: 0px;
    min-width: 200px;
}
.nv_course_bx ul li a{
    line-height: 30px;
    background-repeat: no-repeat;
    background-image: none;
    background-position: right 13px center;
    display: block;
    padding-right: 2.5em;
    padding-left: 1em;
    background-color: rgba(255,255,255,0.00);
    white-space: nowrap
}
.nv_course_bx ul li a:hover{
    background-position: right 8px center;
    text-decoration: none
} 
.course_it{
background-color: #3B8FC4!important;
}
.course_buisiness{
background-color: #A887BC!important;
}
.course_animal{
background-color: #E38C00!important;
}
.course_other{
background-color: #D56452!important;
}

.mega-body .course_it{
background-color: rgba(255,255,255,0.00)!important;
}
.mega-body .course_buisiness{
background-color: rgba(255,255,255,0.00)!important;
}
.mega-body .course_animal{
background-color: rgba(255,255,255,0.00)!important;
}
.mega-body .course_other{
background-color: rgba(255,255,255,0.00)!important;
}

.course_it.nv_course_bx ul{
    border-left: 2px solid #3B8FC4;
}
.course_buisiness.nv_course_bx ul{
    border-left: 2px solid #A887BC;
}
.course_animal.nv_course_bx ul{
    border-left: 2px solid #E38C00;
}
.course_other.nv_course_bx ul{
    border-left: 2px solid #D56452;
}

.course_it.nv_course_bx .course_ttl{
color: #3B8FC4;
}
.course_buisiness.nv_course_bx .course_ttl{
color: #A887BC;
}
.course_animal.nv_course_bx .course_ttl{
color: #E38C00;
}
.course_other.nv_course_bx .course_ttl{
color: #D56452;
}


.mega-header button {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 0 20px 0 10px;
  border: none;
  background: none;
  color: #FFF;
  font: inherit;
  text-align: left;
  -webkit-appearance: none;
          appearance: none;
  cursor: pointer;
  font-weight: 600;
}

.mega-header button > span {
  display: block;
  position: absolute;
  right: 4px;
  top: 50%;
  width: 15px;
  height: 15px;
  margin-top: -7.5px;
}

.mega-header button > span::before,
.mega-header button > span::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 7px;
  width: 15px;
  height: 1px;
  background: #FFF;
}

.mega-header button > span::after {
  transform: rotate(90deg);
  transition: transform 350ms cubic-bezier(.215, .61, .355, 1);
}


.mega-section.is-expanded .mega-header button > span::after {
  transform: rotate(0deg);
}

.mega.is-open .mega-overlay,
.mega.is-open .mega-container {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transition: visibility 0ms, opacity 400ms linear;
}*/
/* SPのみ対象者別メニュー */
#sp_nav_target{
padding-left: 3em;
margin-top: 40px;
display: block!important
}
#sp_nav_target ul{
display: flex;
flex-wrap: wrap;
gap:6%;
}
#sp_nav_target ul li{
    border-bottom: 1px solid #FFF;
    width: 47%;
}
#sp_nav_target ul li:last-child{
    width: 100%;
}
#sp_nav_target ul li a{
    line-height: 40px;
    background-repeat: no-repeat;
    background-image: url(../../images/nv_arrow_w.svg);
    background-position: right 5px center;
    display: block;
    padding-right: 1.5em;
    padding: 0 20px 0 10px;
    color: #fff
}
/*--SPのみメニュー内ボタン-------------*/
#sp_nav_btn{
margin-top: 50px;
display: block!important
}
#sp_nav_btn ul{
display: flex;
justify-content: center;
gap:8px;
}
#sp_nav_btn ul li{}
#sp_nav_btn ul li a{
line-height: 1;
border-radius: 100px;
color: #3b8fc4;
padding: 7px 20px;
background-color: #FFF
}
}

























@media screen and (max-width: 520px) {
html {font-size: 62.5%}
body {
background-color: #FFFFFF;
min-width: 320px;
font-family: noto-sans-cjk-jp, sans-serif;
font-size: 1.4rem;
-webkit-text-size-adjust: 100%;
animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
}
.pc {
display: none!important;
}
.sp {
display: inherit!important;
}
input{ font-size:16px!important; } /*フォームのフォーカスOFF*/
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  font-size:16px;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]:focus,
input[type="button"]:focus {
  outline-offset: -2px;
}

/*SP NAV*/
.header-hamburger {
display: block;
  position: fixed;
  right: 8.5px;
  top: 30px;
  width: 45px;
  height: 45px;
  transform: translateY(-50%);
  z-index: 9999
}
.header-hamburger button {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  -webkit-appearance: none;
          appearance: none;
  cursor: pointer;
}

/* 3本ライン */
.header-hamburger button > span {
  display: block;
  position: absolute;
  left: 11.5px;
  top: 22px;
  width: 22px;
  height: 2px;
  background: #1A1A1A;
}
/* 3本ライン 白（コース）*/
.header-hamburger.course button > span {
  background: #FFF;
}

/* 上・中・下のバーに変形トランジションを付与 */
.header-hamburger button > span:nth-child(1) {
  transform: translateY(-6px);
  transition: transform 350ms cubic-bezier(.215, .61, .355, 1);
}

.header-hamburger button > span:nth-child(2) {
  transition: opacity 350ms cubic-bezier(.215, .61, .355, 1);
}

.header-hamburger button > span:nth-child(3) {
  transform: translateY(6px);
  transition: transform 350ms cubic-bezier(.215, .61, .355, 1);
}

/* 開いた状態（×アイコン化） */
.header-hamburger button.is-open > span:nth-child(1) {
  transform: rotate(45deg) translateY(0px);
  background: #FFF;
}

.header-hamburger button.is-open > span:nth-child(2) {
  opacity: 0;
}

.header-hamburger button.is-open > span:nth-child(3) {
  transform: rotate(-45deg) translateY(0px);
  background: #FFF;
}

/*--HEADER-------------*/
header {
width: 100%;
min-width: 320px;
height: 60px;
position: fixed;
left: 0;
top: 0;
z-index: 999
}
.header{
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.header.is-scrolled{
  background-color: rgba(255,255,255,1);
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

header .inner {
width: 100%;
height: 43px;
margin-top: 17px;
margin-right: auto;
margin-left: auto;
position: relative;
}
header a {
text-decoration: none;
}
header h1 {
position: absolute;
left: 3%;
top: 0;
}
header h1 img{
width: 100%;
height: auto
}
/*--HEADER　右ボタン-------------*/
header #nav_btn{
display: none;
position: absolute;
right: 2%;
top: 7px;
}
header #nav_btn ul{
display: flex;
gap:8px;
}
header #nav_btn ul li{}
header #nav_btn ul li a{
line-height: 1;
border-radius: 100px;
color: #FFF;
padding: 7px 20px;
}
header #nav_btn ul li a:hover{
opacity: .6;
text-decoration: none
}
/*--HEADER　サブメニュー-------------*/
header #nav_sub{
display: none;
position: absolute;
right: 335px;
top: -3px;
font-size: 1.2rem
}
header #nav_sub ul{
display: flex;
}
header #nav_sub ul li{
    margin-left: 2em;
    background-image: url(../../images/nv_arrow.svg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 8px
}
header #nav_sub ul li a:hover{
    text-decoration: none;
    opacity: .6
}
/*--HEADER　メインメニュー-------------*/
header #nav_main{
display: none;
position: absolute;
right: 320px;
bottom: 0px;
transition: 0.3s;
}
header #nav_main ul{
display: flex;
}
header #nav_main ul li a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  box-sizing: border-box;
  padding: 2px 15px 20px 15px;
  border: none;
  background: none;
  color: inherit;
  font: inherit;
  line-height: 1.4;
  text-decoration: none;
  cursor: pointer;
  -webkit-appearance: none;
          appearance: none;
  transition: color 300ms;
}

header #nav_main ul li a::before {
  content: '';
  display: block;
  position: absolute;
  left: 15px;
  bottom: 12px;
  width: calc(100% - 30px);
  height: 1px;
  background-image: linear-gradient(90deg, #00759c 0%, #d98ebf 50%, #ecaf20);
  transform: scaleX(0);
  transition: transform 350ms cubic-bezier(.215, .61, .355, 1);
}

header #nav_main ul li a:hover::before,
header #nav_main ul li a:active::before,
header #nav_main ul li a.is-active::before {
  transform: scaleX(1);
}
header #nav_main ul li a.is-active{
background-color: #1A1A1A;
color: #FFF
}


/* 開いたら表示 */
header #nav_main.is-open{
  display: block;
  position: fixed;
  top: 80px; /* ヘッダー高さに合わせて調整 */
  right: 0;
  width: 100%;
  background: #FFF;
  z-index: 999;
}

/* 縦並びに */
header #nav_main.is-open ul{
  display: block;
}

header #nav_main.is-open ul li a{
  padding: 15px;
  border-bottom: 1px solid #eee;
}



/*--HEADER　メインメニュー COURSE Ver-------------*/
/*header.course_color #nav_main ul li button{
color: #FFF!important
}
header.course_color #nav_sub a{
color: #FFF!important
}
header.course_color #nav_sub ul li{
    background-image: url(../../images/nv_arrow_w.svg);
}
.header.course_color.is-scrolled {
  background-color: rgba(0,0,0,1.00);
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}*/

/*--MEGA MENU-------------*/
.mega-container {
    position: fixed;
    left: auto;
    right: 0;
    top: 0;
    z-index: 100;
    width: 90%;
    box-sizing: border-box;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: visibility 0ms 400ms, opacity 400ms linear;
    border-top: 1px solid #E6E6E6;
    background-image: linear-gradient(90deg, #00759c 0%, #d98ebf 50%, #ecaf20);
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    padding-top: 14px;
    padding-bottom: 50px;
    padding-left: 7%;
    padding-right: 4%;
    overflow-y: scroll;
    height: 100vh;
}
.mega-container .name{
padding-bottom: 50px;
    text-align: right;
    padding-right: 40px;
}

.mega-section {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    visibility: visible;
    opacity: 1;
    transition: visibility 0ms 400ms, opacity 400ms linear;
    border-bottom: 1px solid #FFF;
  }

.mega-header {
    display: block;
}
.mega-body {
    display: none;
    min-height: auto;
    background: rgba(255,255,255,0.95);
    overflow: hidden;
    position: relative;
    font-size: 1.3rem
}

.mega-body.cs .mega-inner{
    display: block;
    padding: 10px 0px 10px 0px;
}

.mega-section.is-open {
  position: relative;
  left: auto;
  top: auto;
  width: auto;
  visibility: visible;
  opacity: 1;
  transition: visibility 0ms, opacity 400ms linear;
}

.mega.is-open .mega-overlay,
.mega.is-open .mega-container {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transition: visibility 0ms, opacity 400ms linear;
}

/*.mega-body .mega-inner{
    padding: 10px 10px 10px 20px;
    display: block;
    width: 100%;
    max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.mega-body .mega-inner .nv_header{
    width: 240px;
    padding-top: 35px;
    display: none;
}
.mega-body .mega-inner .nv_header .ttl{
    font-size: 2.4rem;
    font-family: marine, sans-serif;
    margin-bottom: 1em
}
.mega-body .mega-inner ul.nv_regular{
margin-left: 0px;
margin-top: 0px;
}
.mega-body .mega-inner ul.nv_regular li{
    border-bottom: none;
    min-width: 200px;
}
.mega-body .mega-inner ul.nv_regular li a{
    line-height: 30px;
    background-repeat: no-repeat;
    background-image: none;
    background-position: right 5px center;
    display: block;
    padding-right: 0em
}
.mega-body .mega-inner ul.nv_regular li a:hover{
    background-position: right 0px center;
    text-decoration: none
} 

.mega-body.cs{
    background-color: rgba(255,255,255,0.85);
    color: inherit
}*/
.nv_course_bx{
background-color: #E1E1E1;
margin-right: 16px;
padding: 10px 0px 0px 0px;
}
.nv_course_bx .course_ttl{
margin-bottom: 0.8em
}
.nv_course_bx ul{
    border-left: 2px solid #000000;
    margin-bottom: 10px;
}
.nv_course_bx ul li{
    margin-bottom: 0px;
    min-width: 200px;
}
.nv_course_bx ul li a{
    line-height: 30px;
    background-repeat: no-repeat;
    background-image: none;
    background-position: right 13px center;
    display: block;
    padding-right: 2.5em;
    padding-left: 1em;
    background-color: rgba(255,255,255,0.00);
    white-space: nowrap
}
.nv_course_bx ul li a:hover{
    background-position: right 8px center;
    text-decoration: none
} 
/*.course_it{
background-color: #3B8FC4!important;
}
.course_buisiness{
background-color: #A887BC!important;
}
.course_animal{
background-color: #E38C00!important;
}
.course_other{
background-color: #D56452!important;
}*/
/*
.mega-body .course_it{
background-color: rgba(255,255,255,0.00)!important;
}
.mega-body .course_buisiness{
background-color: rgba(255,255,255,0.00)!important;
}
.mega-body .course_animal{
background-color: rgba(255,255,255,0.00)!important;
}
.mega-body .course_other{
background-color: rgba(255,255,255,0.00)!important;
}

.course_it.nv_course_bx ul{
    border-left: 2px solid #3B8FC4;
}
.course_buisiness.nv_course_bx ul{
    border-left: 2px solid #A887BC;
}
.course_animal.nv_course_bx ul{
    border-left: 2px solid #E38C00;
}
.course_other.nv_course_bx ul{
    border-left: 2px solid #D56452;
}

.course_it.nv_course_bx .course_ttl{
color: #3B8FC4;
}
.course_buisiness.nv_course_bx .course_ttl{
color: #A887BC;
}
.course_animal.nv_course_bx .course_ttl{
color: #E38C00;
}
.course_other.nv_course_bx .course_ttl{
color: #D56452;
}*/


.mega-header button,
.mega-header a{
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 0 20px 0 10px;
  border: none;
  background: none;
  color: #FFF;
  font: inherit;
  text-align: left;
  -webkit-appearance: none;
          appearance: none;
  cursor: pointer;
  font-weight: 600;
}

/*.mega-header button > span {
  display: block;
  position: absolute;
  right: 4px;
  top: 50%;
  width: 15px;
  height: 15px;
  margin-top: -7.5px;
}

.mega-header button > span::before,
.mega-header button > span::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 7px;
  width: 15px;
  height: 1px;
  background: #FFF;
}

.mega-header button > span::after {
  transform: rotate(90deg);
  transition: transform 350ms cubic-bezier(.215, .61, .355, 1);
}*/


.mega-section.is-expanded .mega-header button > span::after {
  transform: rotate(0deg);
}

/**/

.mega.is-open .mega-overlay,
.mega.is-open .mega-container {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transition: visibility 0ms, opacity 400ms linear;
}

/* SPのみ対象者別メニュー */
#sp_nav_target{
padding-left: 3em;
margin-top: 40px;
}
#sp_nav_target ul{
display: flex;
flex-wrap: wrap;
gap:6%;
}
#sp_nav_target ul li{
    border-bottom: 1px solid #FFF;
    width: 47%;
}
#sp_nav_target ul li:last-child{
    width: 100%;
}
#sp_nav_target ul li a{
    line-height: 40px;
    background-repeat: no-repeat;
    background-image: url(../../images/nv_arrow_w.svg);
    background-position: right 5px center;
    display: block;
    padding-right: 1.5em;
    padding: 0 20px 0 10px;
    color: #fff
}
/*--SPのみメニュー内ボタン-------------*/
#sp_nav_btn{
margin-top: 50px;
}
#sp_nav_btn ul{
display: flex;
justify-content: center;
gap:8px;
}
#sp_nav_btn ul li{}
#sp_nav_btn ul li a{
line-height: 1;
border-radius: 100px;
color: #3b8fc4;
padding: 7px 20px;
background-color: #FFF
}

/*--MAINVIS-------------*/
#mainVis {
height: 590px;
background-color: #F2F2F2
}
#mainVis img{
width: 100%;
height: auto;
object-fit: contain
}

/*--SPのみMV下ボタン-------------*/
#sp_nav_btn_mv{
padding-top: 20px;
padding-bottom: 20px;
background-color: #F2F2F2
}
#sp_nav_btn_mv ul{
display: flex;
justify-content: center;
gap:8px;
}
#sp_nav_btn_mv ul li{}
#sp_nav_btn_mv ul li a{
line-height: 1;
border-radius: 100px;
color: #FFF;
padding: 7px 20px;
text-decoration: none
}

/*--資格試験速報-------------*/
#nes_infomation{
width: 100%;
background-color: #F2F2F2;
}
#nes_infomation table{
width: 100%;
}
#nes_infomation table th,
#nes_infomation table td{
padding: 5px 10px;
white-space: nowrap
}
#nes_infomation table th{
background-color: #4D4D4D;
color: #FFF
}
.ticker {
  overflow: hidden;
  width: 100%;
}
.ticker-list {
  display: flex;
  gap: 3rem;
  width: max-content;
  animation: ticker 6s linear infinite;
}
.ticker-list li {
  white-space: nowrap;
  list-style: none;
}
@keyframes ticker {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-100vw); }
}


/*--CONTENTS-------------*/
.cont {
width: 90%;
margin-right: auto;
margin-left: auto;
}
.cont .inner{
width: 90%;
margin-right: auto;
margin-left: auto;
}


/*--INDEX_GRAY-------------*/
.index_gray{
background-color: #F2F2F2;
padding-top: 60px;
padding-bottom: 60px;
}

/*--INDEX_SHIKAKU-------------*/
#index_shikaku{
margin-bottom: 60px!important;
text-align: center;
margin: 0 calc(50% - 50vw);
width: 100vw;
}
#index_shikaku .no_one{
    background-image: url(../../images/index_shikaku.svg);
    background-repeat: no-repeat;
    background-position: center bottom;
}
.btn_detail{
text-align: center;
margin-top: 1.5em
}
.btn_detail a{
    line-height: 40px;
    background-repeat: no-repeat;
    background-image: url(../../images/nv_arrow.svg);
    background-position: right 5px center;
    padding-right: 1.5em;
    display: inline-block;
    text-decoration: none;
    border-bottom: 1px solid #4D4D4D;
}
.btn_detail a:hover{
    background-position: right 0px center;
    text-decoration: none
}
.btn_detail.square a{
    background-position: right 20px center;
    padding-right: 0.5em;
    border: 1px solid #4D4D4D;
    padding-left: 0em;
    border-radius: 0px;
    display: block
}
.btn_detail.square a:hover{
    background-position: right 15px center;
} 

/*--INDEX_BNR-------------*/
#index_bnr{
margin: 0 calc(50% - 50vw);
width: 100vw;
}
#index_bnr .swiper-wrapper {
  transition-timing-function: linear;
  margin-left: auto;
  margin-right: auto
}
#index_bnr .swiper-slide{
padding: 10px;
}
#index_bnr .swiper-slide img {
    height: auto;
    width: 100%;
    -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
    box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
    border-radius: 6px;
}

/*--INDEX_COURSE-------------*/
#index_course{
padding-top: 30px;
padding-bottom: 20px;
}
#index_course .ttl{
font-family: tenez, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 6.0rem;
color: #FFFFFF;
line-height: 1.1;
margin-bottom: 30px;
}
.index_course_position{
position: relative
}
.index_course_position .inner{
width: 100%
}
.index_course_position .ttl_ja{
position: absolute;
top: 0;
right: 0;
color: #FFF;
font-size: 3.0rem;
}
.index_course_position .inner ul{
display: block;
gap : 16px;
width: 100%;
}
.index_course_position .inner ul li{
width: 100%;
padding: 0px;
margin-bottom: 20px;
display: flex
}
.index_course_position .thum{
margin-bottom: 0px;
width: 40%;
overflow: hidden
}
.index_course_position .thum img{
width: 100%;
height: 100%;
object-fit: cover
}
.index_course_position .course_cont{
padding: 30px 0px 30px 15px;
width: calc(60% - 0px)
}
.index_course_position .course_name{
margin-bottom: 15px;
font-family: "marine", sans-serif;
font-weight: 700;
color: #1a1a1a;
font-size: 1.2rem;
}
.index_course_position .nav_link{
margin-bottom: 10px;
}
.index_course_position .nav_link a{
    line-height: 1.3;
    background-repeat: no-repeat;
    background-image: url(../../images/nv_arrow.svg);
    background-position: right 10px center;
    padding-right: 2em;
padding-left: 0em;
    display: inline-block;
    text-decoration: none;
    color: #1a1a1a;
    font-size: 1.3rem
}
.index_course_position .nav_link a:hover{
    background-position: right 5px center;
    text-decoration: none;
    background-color: #FFF
} 

/*--INDEX_NEWS-------------*/
#index_news{
  background-color: #E5E5E4;
  padding-top: 40px;
  padding-bottom: 30px;
}
#index_news h2{
font-family: noto-sans-cjk-jp, sans-serif;
font-size: 2.0rem;
margin-bottom: 20px;
}

#index_news_nav ul{
  display:flex;
  flex-wrap: wrap;
  gap:18px;
}
#index_news_nav ul li{
flex: 0 0 calc(50% - 10px);

}
#index_news_nav button{
    all: unset;
    cursor: pointer;
    display: block;
    width: calc(100% - 20px);
    padding: 10px;
    font-size: 1.3rem;
    border-bottom: 1px solid #4D4D4D;
    background-repeat: no-repeat;
    background-image: url(../../images/news_arrow.svg);
    background-position: right 0px center;
    transition: .3s;
}
#index_news_nav button:hover{
    opacity: .6;
} 
#index_news_nav .is-active{
  background-image:url(../../images/news_arrow_w.svg), linear-gradient(90deg, #00759c 0%, #d98ebf 50%, #ecaf20);
  color:#fff;
  border-bottom: none;
  background-repeat: no-repeat;
  background-position: right 10px center,right 0px center;;
}
#index_news_nav button.is-active:hover{
  opacity: 1;
}
.newsPanels{
  position: relative;
  overflow: hidden; 
  transition: height 220ms ease;
  margin-top: 30px;
  margin-bottom: 30px;
}

.index_news_panel{
  position: absolute;
  left:0; right:0; top:0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 220ms ease;
}
.index_news_panel.is-show{
  opacity: 1;
  pointer-events: auto;
}
.index_news_panel dl div{
    border-bottom: 1px solid #999999;
    padding: 14px 0px;
    display: block;
    align-items: center;
}
.index_news_panel dl dt,
.index_news_panel dl dd{
padding-left: 0em;
padding-right: 0em
}
.index_news_panel dl dt{
    border-right: none;
}
.index_news_panel dl dt.time{
font-family: "marine", sans-serif;
    font-size: 2.0rem;
    font-weight: 600;
    padding-left: 0em;
}
.index_news_panel dl dt.cate{
    font-size: 1.0rem;
    width: auto;
    text-align: left;
    line-height: 1;
    padding-top: 0.8em;
}
.index_news_panel a{
    text-decoration: none
}
.index_news_panel dl div:last-child{
    border-bottom: none;
}

/*--INDEX_GRAY_TARGET-------------*/
.index_gray_target{
background-color: #E6E6E6;

}
/*--INDEX_NAV_TARGET-------------*/
#index_nav_target{
padding-top: 30px;
padding-bottom: 20px;
}
#index_nav_target ul{
display: block;
justify-content:center;
gap:0px;
width: 100%;
margin-left: auto;
margin-right: auto
}
#index_nav_target ul li{
width: 100%;
margin-bottom: 15px;
}

#index_nav_target a{
display: block;
    padding-right: 5.5em;
    border: 1px solid #4D4D4D;
    border-radius: 8px;
    line-height: 80px;
    padding-left: 50px;
    text-decoration: none;
}
#index_nav_target ul li:first-child{
    background-image: url(../../images/bnr_target01.svg);
    background-repeat: no-repeat;
    background-position: right 25px center;
}
#index_nav_target ul li:nth-child(2){
    background-image: url(../../images/bnr_target02.svg);
    background-repeat: no-repeat;
    background-position: right 25px center;
}
#index_nav_target ul li:nth-child(3){
    background-image: url(../../images/bnr_target03.svg);
    background-repeat: no-repeat;
    background-position: right 25px center;
}

/*--INDEX_SNS-------------*/
#index_sns{
padding-top: 30px;
padding-bottom: 30px;
}
#index_sns h2{
font-family: noto-sans-cjk-jp, sans-serif;
font-size: 2.0rem;
color: #FFF;
width: 100%;
margin-left: -5%;
margin-right: auto;
margin-bottom: 1em
}

#index_sns .inner{
display: block;
align-items: center;
gap:46px;
}
#index_sns .inner ul{
display: block;
gap:0px;
width: 100%;
margin-left: auto;
margin-right: auto
}
#index_sns .inner ul li{
width: calc(100% / 1);
text-align: center;
margin-bottom: 20px;
}

#index_sns .inner ul li img{
width: 100%;
height: auto
}


/*--FOOTER-------------*/
footer {
background-color: #1A1A1A;
color: #FFF;
clear: both;
padding-top: 35px;
padding-bottom: 30px;
}
footer .inner {
width: 90%;
margin-right: auto;
margin-left: auto;
position: relative
}
footer .adress {
text-align: center;
margin-right: auto;
margin-left: auto;
font-size: 1.0rem
}
footer .adress .name {
margin-bottom: 0.5em
}
footer .adress .tel_num {
font-family: "marine", sans-serif;
font-weight: 700;
font-size: 2.2rem
}
footer .adress a{
color: #FFF
}
footer .btn_nav {
position: relative;
right: auto;
top: auto;
padding-top: 20px;
padding-bottom: 20px;
width: 75%;
margin-left: auto;
margin-right: auto
}
footer .btn_nav ul{

}
footer .btn_nav ul li{
margin-bottom: 10px;
}
footer .btn_nav ul li a{
    line-height: 44px;
    background-repeat: no-repeat;
    background-image: url(../../images/ft_arrow_w.svg);
    background-position: right 13px center;
    display: block;
    padding-right: 4.5em;
    padding-left: 4em;
    white-space: nowrap;
    color: #FFF;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    text-decoration: none;
    font-size: 1.5rem;
    text-align: center
}
footer .btn_nav ul li a:hover{
    background-position: right 8px center;
    text-decoration: none
}

footer .sub_nav {
position: relative;
left: auto;
top: auto;
padding-top: 10px;
padding-bottom: 20px;
width: 100%;
margin-left: auto;
margin-right: auto
}
footer .sub_nav ul li{
margin-bottom: 0.4em
}
footer .sub_nav ul li a{
    background-repeat: no-repeat;
    background-image: url(../../images/nv_arrow_w.svg);
    background-position: left 8px center;
    display: block;
    padding-left: 2.0em;
color: #FFF;
font-size: 1.2rem;
text-decoration: none
}
footer .sub_nav ul li a:hover{
    background-position: left 13px center;
    text-decoration: underline
}

footer .copyright {
text-align: center;
clear: both;
padding-top: 1em;
font-size: 1.0rem
}

/*--PAGE_SUB-------------*/
#page_sub{
margin-top: 50px;
padding-bottom: 50px;
}
#page_sub.nopb{
padding-bottom: 0px;
}
.sub_header{
padding-top: 6em;
letter-spacing: 0.4em;
padding-bottom: 30px;
}
.sub_header .en{
font-family: tenez, sans-serif;
letter-spacing: 0em
}
.sub_header h2{
font-size: 2.5rem;
font-feature-settings: "palt";
}
.sub_header p{
font-size: 1.4rem
}

/*--PAGE_SUB　ビジュアル有りヘッダー-------------*/
.sub_header.en_main{
padding-top: 1em;
letter-spacing: 0em;
padding-bottom: 50px;
}
.sub_header.en_main .en{
font-family: tenez, sans-serif;
letter-spacing: 0em
}
.sub_header.en_main h2{
font-size: 5.2rem;
font-feature-settings: "palt";
letter-spacing: 0em
}
.sub_header.en_main p{
font-size: 1.4rem
}
.header_visual{
display: block;
justify-content: space-between;
padding-bottom: 0px;
margin-bottom: 20px;
padding-top: 50px;
width: 80%;
margin-left: auto;
margin-right: auto
}
.header_visual .ph{
    width: 90vw;
    min-width: 100vw;
    height: 180px;
    position: relative;
    margin-right: -10vw;
}
.header_visual .ph img{
    width: 100%;
    height: 100%;
    object-fit: cover;
        border-top-left-radius: 32px;
    border-bottom-left-radius: 32px;
}
.header_introduction{
text-align: left;
margin-bottom: 50px;
}
.header_introduction h3{
font-size: 3.3rem;
margin-bottom: 0.5em
}
.header_introduction h3.mb{
margin-bottom: 1.5em
}
.header_introduction h4{
font-size: 2.0rem;
margin-bottom: 1em
}
.header_introduction p{
margin-bottom: 1em
}

/*--DIRECTORY_PATH-------------*/
.dir_path{
margin-bottom: 25px;
}
.dir_path ul{
display: flex;
gap:0.5em;
font-size: 1.0rem
}
.dir_path ul li a{
margin-right: 0.5em;
text-decoration: none
}
.dir_path ul li a:hover{
opacity: 0.6
}

/*--TXT_STYLE-------------*/
h3.under_line{
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 2em;
    padding-bottom: 0.15em;
    border-bottom: 1px solid #4D4D4D;
    margin-top: 3em;
}
h3.under_line.tx_c{
    text-align: center;
    font-size: 1.6rem;
}
h3.under_line.slim{
    margin-bottom: 1em;
    margin-top: 1.5em;
}
h3.under_line.first{
    margin-top: 0em
}
h3.strong{
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 1em;
}
h3.ttl_grd{
    margin-bottom: 1em;
    margin-top: 1.5em;
}
h3.ttl_grd span{
    font-size: 1.8rem;
    font-weight: 500;
    color: #FFF;
    padding: 5px 15px;
    line-height: 1
}
p.read_bk{
font-size: 1.8rem;
font-weight: 500;
margin-bottom: 1.5em;
}
p.mb{
margin-bottom: 1.5em;
}
p.mt{
margin-top: 1.5em;
}

/*--PDF LIST-------------*/
ul.trg_list{}
ul.trg_list li{
position: relative;
padding-left: 1.2em;
margin-bottom: 1em
}
ul.trg_list li::before{
  content: "＞";
  position: absolute;
  left: 0;
  top: 0.2em;
  line-height: 1;
}
ul.trg_list li ul li{
margin-top: 0.5em;
margin-bottom: 0.6em
}
ul.trg_list li img{
margin-left: 0.3em
}
ul.trg_list li a{
    background-image: url(../../images/ico_pdf.svg);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 1.8em
}

/*--TABLE STYLE-------------*/
table.tbl_style{
margin-top: 1em;
margin-bottom: 1em;
width: 100%;
word-break: break-all;
word-wrap: break-all;
}
.scroll table.tbl_style{
min-width: 150vw;
}
table.tbl_style th{
    background-color: #4d4d4d;
    color: #FFF;
    text-align: center;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    white-space: nowrap
}
table.tbl_style td{
    border-right: 1px solid #b3b3b3;
    border-bottom: 1px solid #b3b3b3;
}
table.tbl_style td:last-child{
    border-right: 1px solid #FFF;
}
table.tbl_style th,
table.tbl_style td{
padding: 15px;
}
table.tbl_style .label{
font-weight: 600;
text-align: center
}
table.tbl_style.regular .label{
    font-weight: 400!important;
    white-space: nowrap
}
table.tbl_style .label.left{
text-align: left
}
table.tbl_style td.noline{
    border-right: 0px solid #b3b3b3;
}
table.tbl_style .bg{
background-color: #f2f2f2
}
table.tbl_style .small{
font-size: 1.2rem
}
table.tbl_style .top_line td{
border-top: 0px solid #b3b3b3;
}
table.tbl_style .strong{
font-weight: 600;
font-size: 1.6rem
}
table.tbl_style.trans{
margin-top: 1em;
margin-bottom: 2em;
width: auto
}
table.tbl_style.trans th,
table.tbl_style.trans td{
padding: 10px 10px;
display: block
}
table.tbl_style.trans td{
padding-bottom: 10px;
    border-right: 0px solid #b3b3b3;
    border-bottom: 0px solid #b3b3b3;
}


.tbl_notice{
margin-top: 1em;
margin-bottom: 4em;
font-size: 1.2rem
}
.tbl_notice ul.num_list{}
.tbl_notice ul.num_list li{
text-indent: -1em;
padding-left: 1em;
}


/*--LINK single-------------*/
.btn_single{
margin-bottom: 50px;
}
.btn_single a{
    line-height: 30px;
    background-repeat: no-repeat;
    background-image: url(../../images/news_arrow.svg);
    background-position: right 13px center;
    display: inline-block;
    padding-right: 4.5em;
    padding-left: 4em;
    white-space: nowrap;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    text-decoration: none;
    font-size: 1.2rem;
}
.btn_single a:hover{
    background-position: right 8px center;
    text-decoration: none
}

/*--LINK BTN_LINE-------------*/
.btn_line{
margin-bottom: 20px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.btn_line.left{
margin-bottom: 20px;
width: 100%;
margin-left: 0;
margin-right: auto;
margin-top: 20px;
}
.btn_line.mt{
margin-top: 20px;
}
.btn_line a{
    line-height: 80px;
    background-repeat: no-repeat;
    background-image: url(../../images/news_arrow.svg);
    background-position: right 20px center;
    display: block;
    padding-right: 4.5em;
    padding-left: 2em;
    white-space: nowrap;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    text-decoration: none;
    font-size: 1.5rem;
}
.btn_line a:hover{
    background-position: right 15px center;
    text-decoration: none
}

/*--LINK BTN_BACK-------------*/
.btn_back{
text-align: center;
margin-top: 1.5em;
margin-bottom: 2.5em
}
.btn_back a{
    line-height: 40px;
    background-repeat: no-repeat;
    background-image: url(../../images/nav_arrow_back.svg);
    background-position: left 20px center;
    padding-right: 5.5em;
    padding-left: 5em;
    display: inline-block;
    text-decoration: none;
    background-color: #4D4D4D;
    border-radius: 5px;
    color: #FFF;
    width: 100%;
}
.btn_back a:hover{
    background-position: left 25px center;
    text-decoration: none
}
/*--PAGE：募集要項　学校案内-------------*/
ul.pdf_guide_book{
display: block;
gap: 100px;
margin-top: 2em
}
ul.pdf_guide_book li{
width: calc((100% - 0px) / 1);
padding: 30px 40px;
text-align: center;
background-color: #F2F2F2;
font-size: 1.6rem;
font-weight: 600;
margin-bottom: 30px;
}
ul.pdf_guide_book li img{
width: 100%;
height: auto;
margin-top: 1em
}
ul.btn_two_link{
display: block;
gap: 100px;
margin-top: 4em;
}
ul.btn_two_link li{
width: 100%
}

/*--PAGE：SITEMAP-------------*/
ul.sitemap{
margin-bottom: 2em
}
ul.sitemap li{
margin-bottom: 0.5em
}

/*--PAGE：採用担当者の皆様へ-------------*/
.saiyou_outline{
display: block;
gap : 50px;
margin-bottom: 60px;
}
.saiyou_outline .ph img{
width: 300px;
height: auto
}
ul.saiyou_ph{
display: flex;
gap : 5px;
margin-bottom: 60px;
flex-wrap: wrap
}
ul.saiyou_ph li{
width: calc(50% - 5px);
}
ul.saiyou_ph li img{
width: 100%;
height: auto
}
.saiyou_DL{

margin-top: 3em;

}
/*.saiyou_DL ul{
display: block;
gap : 20px;
}
.saiyou_DL li{
margin-bottom: 10px;
}
.saiyou_DL li a{
background-color: #f2f2f2;
padding: 30px 50px;
line-height: 54px;
font-size: 1.8rem;
display: block;
text-align: center;
text-decoration: none
}
.saiyou_DL li a img{
margin-right: 20px;

}*/


/*--PAGE：ACCESS  アクセス-------------*/
.gmap{
margin: 0 calc(50% - 50vw);
width: 100vw;
margin-bottom: 60px;
}
.gmap iframe{
width: 80%;
display: block;
margin-left: auto;
margin-right: auto;
height: 80vw
}

.access_adress {
text-align: center;
margin-right: auto;
margin-left: auto;
font-size: 1.4rem;
margin-bottom: 60px;
}
.access_adress .name {
margin-bottom: 0.5em
}
.access_adress .tel_num {
font-family: "marine", sans-serif;
font-weight: 700;
font-size: 2.2rem
}
.access_adress .tel_num span{
font-size: 1.2rem
}

.access_spot{
background-color: #F2F2F2;
margin: 0 calc(50% - 50vw);
width: 100vw;
margin-top: 30px;
}
.ac_pt_inner{
width: 100%;
margin-left: 0;
padding: 30px 20px 50px;
}

.access_spot .heading{
}
.access_spot h4{
font-size: 2.0rem;
margin-bottom: 1em;
}
.access_spot ul{
margin-top: 50px;
width: 90%;
display: block;
flex-wrap: wrap;
margin-left: auto;
margin-right: auto;
  justify-content: space-between;
}
.access_spot ul li{
width: 100%;
margin-bottom: 70px;
font-size: 1.4rem;
}
.access_spot ul li .thum{
position: relative;
text-align: right;
margin-bottom: 25px;
}
.access_spot ul li .thum img{
width: 87%;
height: auto
}
.access_spot ul li .thum .num{
font-family: tenez, sans-serif;
font-style: italic;
font-size: 8.0rem;
position: absolute;
left: 0;
top: -40px;
}
.access_spot ul li .name{
text-align: center;
font-size: 1.7rem;
margin-bottom: 0.7em
}

.access_spot ul li:nth-child(even){
  margin-top: 80px;
}
.access_spot ul li:nth-child(even) .thum{
  text-align: left;
}
.access_spot ul li:nth-child(even) .thum .num{
left: auto;
right: 0;
}

/*--PAGE：PRIVACY POLICY プライバシー-------------*/
.privacy_wrap{
background-color: #F2F2F2;
margin: 0 calc(50% - 50vw);
width: 100vw;
margin-top: 50px;

padding-bottom: 70px;
}
.privacy_wrap h3{
margin-top: 50px;
}


/*--PAGE：About Us 学校案内-------------*/
.header_introduction.about{
position: relative;
}
.header_introduction.about .sp_about_bg{
position: absolute;
left: 30vw;
top: -14px;
}
.header_introduction.about .sp_about_bg img{
width: 200vw;
height: auto
}

.header_visual.about{
    background-image: none;
    background-position: center bottom;
    background-repeat: no-repeat;
}
.history{
background-color: #F2F2F2;
padding-top: 50px;
padding-bottom: 50px;
margin: 0 calc(50% - 50vw);
width: 100vw;
}
.history_inner{
width: 100%;
margin-left: 0
}
.history .heading{
text-align: left;
width: 81%;
margin-left: auto;
margin-right: auto
}
.history h4{
font-size: 2.0rem;
margin-bottom: 1em;
}

table.tbl_history{
margin-left: auto;
margin-right: auto;
margin-top: 30px;
margin-bottom: 60px;
width: 81%;
}
table.tbl_history .year{
font-family: tenez, sans-serif;
font-style: italic;
font-size: 2.4rem;
color: #697ca4
}
table.tbl_history .label{
    color: #697ca4;
    padding-left: 15px;
    padding-right: 15px;
    background-image: url(../../images/outline/tbl_line.svg);
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 5px;
}
table.tbl_history .txt{
    padding-left: 15px;
     padding-top: 5px;
}
table.tbl_history th,table.tbl_history td{
padding-bottom: 30px;
vertical-align: top
}
table.tbl_history tr:first-child .label{
    background-repeat: no-repeat;
    background-position: center top 15px;
}
table.tbl_history tr:last-child .label{
    background-repeat: no-repeat;
    background-position: center top -180px;
}

/*--PAGE：Facilities 教育設備-------------*/
.faci_bx{
background-color: #F2F2F2;
padding-top: 30px;
padding-left: 0px;
width: 100vw;
min-width: 100vw;
position: relative;
margin-right: calc((100vw - 1000px) / -2);
margin: 0 calc(50% - 50vw);
}
.faci_bx h4{
font-size: 1.7rem;
margin-bottom: 1em;
width: 81%;
margin-left: auto;
margin-right: auto
}
.faci_bx p{
margin-bottom: 1.5em;
width: 81%;
margin-left: auto;
margin-right: auto
}
.faci_bx ul{
width: 90%;
  display: flex;
  flex-wrap: wrap;
  gap: 0px;
  margin-left: 0;
  margin-right: auto;
}
.faci_bx ul li{
width: calc(100% - 0px);
margin-bottom: 30px;
}
.faci_bx ul li img{
width: 100%;
height: auto
}

.faci_bx.even{
background-color: #FFF;
padding-left: 0px;
padding-right: 0px;
width: 100vw;
margin-right: auto;
margin-left: calc((100vw - 1000px) / -2);
margin: 0 calc(50% - 50vw);
text-align-last: right
}
.faci_bx.even ul{
  margin-left: auto;
  margin-right: 0;
}

/*--PAGE：CONTACT お問い合わせ-------------*/
span.contact_b{
font-weight: 600;
font-size: 1.8rem
}

/*--PAGE：404 NOT FOUND-------------*/
.cont_404{
width: 90%;
margin-left: auto;
margin-right: auto;
text-align: left;
margin-bottom: 30px;
}
.cont_404 .fig_404{
margin-bottom: 15px;
}
.cont_404 .fig_404 img{
width: 100%;
height: auto
}

/*--PAGE：Course 学科・コース-------------*/
/*#page_sub.course_system{
background-color: #3A86B8;
color: #FFF;
margin-top: 0!important;
padding-bottom: 0px!important;
}
.course_mv{
position: relative
}
.course_mv .ttl{
position: absolute;
    width: 90%;
    left: 5vw;
    top: auto;
    font-family: tenez, sans-serif;
    font-size: 3.7rem;
    z-index: 99;
    right: auto;
    bottom: 40px;
}
.course_mv .ttl span{
font-size: 2.6rem;
}
.course_mv img{
width: 100%;
height: 610px;
object-fit: cover;
mix-blend-mode: multiply;
}
.course_mv .mark{
position: absolute;
    width: 140px;
    left: -10px;
    top: 62px;
    z-index: 99;
}
.course_mv .mark img{
mix-blend-mode: normal;
width: 100%;
height: auto
}


.course_header{
position: relative;
    margin-top: 0px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    z-index: 99;
    padding: 30px 0px 40px 0px;
}
#page_sub.course_system .course_header{
background-color: #3A86B8;
}
.course_header ul{
margin-bottom: 36px;
display: flex;
gap:10px
}
.course_header ul li{
    line-height: 1!important;
    font-size: 1.2rem
}
.course_header ul li span{
    border: 1px solid #FFFFFF;
    border-radius: 100px;
    padding: 5px 17px
}
.course_header .course_name_bx{
display: block;
gap : 70px;
}
.course_header .course_name_bx .course_name{
font-size: 1.2rem;
margin-bottom: 0.7em;
}
.course_header .course_name_bx .course_name h2{
font-size: 3.0rem
}
.course_header .course_name_bx .course_name .sub{
font-size: 1.6rem
}
.course_header .course_name_bx .course_name .exp{
padding-top: 16px;
font-size: 1.7rem
}

.course_head_innner{
width: 90%;
margin-left: auto;
margin-right: auto;
}*/

/*--Course Column-------------*/
/*.course_column{
    margin-bottom: 40px;
    border: 2px solid #FFFFFF;
    border-radius: 8px;
    padding: 40px 20px;
}
.course_column .ttl{
    text-align: center;
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 1em;
    text-decoration: underline
}
.course_column .center{
    text-align: left;
}
.course_column .btn_detail a{
    background-image: url(../../images/nv_arrow_w.svg);
    border-bottom: 1px solid #FFF;
    color: #FFF
}
.course_column .btn_detail.square a{
    border: 1px solid #FFF;
    border-radius: 0px;
}

.course_system .course_cont_w .btn_detail a{
    background-image: url(../../images/nv_arrow.svg);
    border: 1px solid #003181;
    color: #003181
}

.course_column .license_bx{
display: block;
margin-left: auto;
margin-right: auto
}
.course_column .license_bx ul{
width: 100%;
}
.course_column .license_bx ul li{
margin-bottom: 0.2em;
padding-left: 1em;
padding-right: 1em;
font-weight: 600;
}
.course_column hr{
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #FFF;
  margin-top: 40px;
  margin-bottom: 40px;
}

.course_column .fig{
  text-align: center;
  margin-bottom: 30px;
}
.course_column .ttl_bar{
text-align: center;
background-color: #FFF;
color: #003181;
padding: 10px;
font-size: 1.6rem;
font-weight: 600;
margin-bottom: 30px;
}
.course_column .ttl_bar span{
display: block;
font-size: 1.0rem;
font-weight: 400;
}*/
/*--Course 合格者スライド-------------*/
/*.swiper_goukaku{
overflow-x: hidden;
width: 90%;
margin-left: auto;
margin-right: auto;
position: relative;
margin-bottom: 30px;
}
.swiper_goukaku .swiper-slide{
display: block;
}
.swiper_goukaku .swiper-slide .txt{
width: 100%;
text-align: center;
padding-top: 0px;
font-size: 1.4rem;
padding-bottom: 20px;
}
.swiper_goukaku .swiper-slide .txt .heading{
font-size: 3.0rem
}
.swiper_goukaku .swiper-slide .ph{
width: 100%
}
.swiper_goukaku .swiper-slide .ph img{
width: 100%;
height: 193px;
object-fit: cover
}
.swiper_goukaku_wrapper {
  position: relative;
}
.swiper_goukaku_wrapper .swiper-pagination-bullet {
  background-color: #FFF ;
  width: 5px;
  height: 5px;
}
.swiper_goukaku_wrapper .swiper-pagination {
  bottom: -30px !important;
}*/
/*--Course ブログスライド-------------*/
/*.course_index_blog{
background-color: #FFF;
    color: #4D4D4D;
    border-radius: 20px;
    padding: 25px 30px;
    position: relative;
    margin-bottom: 50px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.course_index_blog .ttl{
font-size: 1.6rem;
font-weight: 600;
margin-bottom: 20px;
text-align: center
}
.swiper_blog{
overflow-x: hidden
}
.swiper_blog .swiper-slide{
width: calc(100% / 3);
}
.swiper_blog .swiper-slide a{
text-decoration: none
}
.swiper_blog .swiper-button-prev,
.swiper_blog .swiper-button-next {
  height: 30px;
  width: 30px;
}
.swiper_blog .swiper-button-prev::after,
.swiper_blog .swiper-button-next::after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 30px;
  margin: auto;
  width: 30px;
}
.swiper_blog .swiper-button-prev::after {
    background-image: url(../../images/course_system/swiper_blog_prev.svg);
}
.swiper_blog .swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: -15px;
  right: auto;
}
.swiper_blog .swiper-button-next::after {
  background-image: url(../../images/course_system/swiper_blog_next.svg);
}
.swiper_blog .swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: -15px;
  left: auto;
}
.swiper_blog .swiper-slide .thum{}
.swiper_blog .swiper-slide .thum img{
width: 100%;
height: 60vw;
object-fit: cover
}
.swiper_blog .swiper-slide .meta{
padding-top: 20px;
font-weight: 600;
font-size: 1.4rem
}
.swiper_blog .swiper-slide .meta .date{
font-size: 1.2rem;
margin-bottom: 1em
}*/
/*--Course 特徴ナビ-------------*/
/*.feature_nav{
background-color: #FFF;
color: #003181;
padding: 20px 20px 5px 20px;
}
.feature_nav .ttl{
font-size: 1.6rem;
font-weight: 600;
margin-bottom: 10px;
text-align: center
}
.feature_nav ul{
width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
flex-wrap: wrap;
gap:40px;
}
.feature_nav ul li{
flex: 0 0 calc(50% - 40px);
}
.feature_nav ul li:nth-child(1){ order: 1; }
.feature_nav ul li:nth-child(3){ order: 2; }
.feature_nav ul li:nth-child(2){ order: 3; }
.feature_nav ul li:nth-child(4){ order: 4; }

.feature_nav ul li a{
    width: 100%;
    border-bottom: 1px solid #003181;
    padding-top: 10px;
padding-bottom: 15px;
}
.feature_nav ul li:last-child a{
    border-bottom: 0px solid #003181;
}
.feature_nav li > a{
  position: relative;
  display: block;
  padding-right: 44px;
  color: #003181;
  text-decoration: none
}
.feature_nav li > a::after{
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  width: 10px;
  height: 10px;
  border-top: 1px solid currentColor;
  border-right: 1px solid currentColor;
  transform: translateY(-50%) rotate(45deg);
}
.feature_nav li table th{
  font-family: tenez, sans-serif;
  font-size: 5.0rem;
  font-weight: 600;
  padding-left: 20px;
  padding-right: 20px;
}
.feature_nav li table td{
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 500
}
.feature_nav li table td .head{
    font-size: 2.4rem;
  white-space: nowrap
}
.feature_nav li table td .head.small{
  font-size: 2.1rem;
}
.cont_flow{
width: 90%;
margin-left: auto;
margin-right: auto;
text-align: center;
padding: 20px 0 20px;
}
.cont_flow .flow_fig img{
width: 100%;
height: auto
}
.cont_flow .ttl_line {
  margin-bottom: 30px;
}

.cont_flow_double{
margin-top: 25px;
text-align: center
}
.cont_flow_double img{
width: 100%;
height: auto
}

.kamoku_bx{}
.kamoku_bx .kamoku_wrap{
display: block;
flex-wrap: wrap;
margin-bottom: 2em

}
.kamoku_bx .kamoku_wrap .kamoku_cont{
width: 100%;
margin-bottom: 2em
}
.kamoku_ttl{
margin-bottom: 1em
}
.kamoku_block_wrap{
display: block;
flex-wrap: wrap;
}
.kamoku_block_wrap .kamoku_block{
width: 100%;
padding-right: 0%
}
.kamoku_block_wrap .kamoku_block p {
  text-indent: -1em;
  padding-left: 1em;
}
.nowrap{
white-space: nowrap
}*/

/*--Course 特徴ヘッダー-------------*/
.anc{
display: block;
padding-top: 80px;
margin-top: -80px;
}
/*.feature_head{
padding-top: 45px;
padding-bottom: 45px;
text-align: center;
color: #FFF;
}
.feature_head .label{
font-size: 2.0rem
}
.feature_head .num{
font-family: tenez, sans-serif;
  font-size: 13.0rem;
  font-weight: 600;
  line-height: 1;
}
.feature_head .exp{
font-size: 1.8rem
}*/
/*--Course 各種スタイル-------------*/
/*.course_cont_w{
color: #003181
}
.course_cont_w{
background-color: #FFF
}
.course_cont_w .inner{
width: 90%;
margin-left: auto;
margin-right: auto;
padding-top: 40px;
padding-bottom: 40px;
}
.course_cont_w .ttl_bg{
background-color: #003181;
color: #FFF;
text-align: center;
font-size: 1.5rem;
margin-top: 2em;
margin-bottom: 2em;
padding: 10px;
}
.course_cont_w .ttl_bg.nomt{
margin-top: 0em;
}
.course_cont_w .ttl_srong{
font-size: 1.6rem;
font-weight: 600;
margin-bottom: 1em;
margin-top: 2em
}
.course_cont_w .ttl_srong.nomt{
margin-top: 0em
}
.course_cont_w .ttl_square{
    text-align: center;
    font-size: 1.5rem;
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 10px;
    border: 1px solid #004e9b;
}
.course_cont_w .fig_two{
display: block;
gap : 36px;
margin-bottom: 2em;
width: 84%;
margin-left: auto;
margin-right: auto
}
.course_cont_w .fig_two .ttl{
font-size: 1.6rem;
font-weight: 600;
margin-bottom: 0.5em
}
.course_cont_w .fig_two .txt{
padding-left: 1em;
height: auto
}
.course_cont_w .fig_two img{
width: 100%;
height: auto
}
.course_cont_w .fig_two li{
margin-bottom: 25px;
}

.course_cont_w .fig_single{
text-align: center;
margin-bottom: 1em
}
.course_cont_w .fig_single img{
width: 100%;
height: auto
}
.course_cont_w .ttl_line{
    border-bottom: 1px solid #003181;
    font-size: 1.6rem;
    margin-bottom: 1em;
    padding-bottom: 7px;
}
.course_cont_w .ttl_line.inn{
    padding-left: 0%;
    padding-right: 0%
}
ul.num_txt{
margin-top: 1em
}
ul.num_txt.inn{
width: 100%;
margin-left: auto;
margin-right: auto
}
ul.num_txt li{
margin-bottom: 1em
}
.course_cont_w .strong{
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 5px
}

ul.shikaku_bg_txt_list{
display: block;
gap: 15px;
margin-top: 1.5em
}
ul.shikaku_bg_txt_list li{
background-color: #4D4D4D;
color: #FFF;
line-height: 1;
font-size: 1.5rem;
padding: 14px 20px;
display: inline-block;
margin-bottom: 10px;
width: 100%
}


.shien_bx{
background-color: #FFF;
padding: 20px;
color: #4D4D4D;
text-align: center;
font-size: 1.4rem;
margin-bottom: 15px;
}
.shien_bx .ttl{
font-weight: 600;
margin-bottom: 1;
text-decoration: none
}

.pet_naiyou_wrap{
display: flex;
}
.pet_naiyou_wrap{
display: flex;
}
.pet_naiyou_wrap .pet_naiyou{
width: 50%
}
ul.professional_list{
text-align: center;
margin-top: 30px;
display: block;
flex-wrap: wrap
}
ul.professional_list li{
margin-bottom: 40px;
width: 100%
}
ul.professional_list li .ttl_pet_bg{
width: 200px;
background-color: #EB9400;
color: #FFF;
text-align: center;
line-height: 1;
padding: 5px;
margin-bottom: 0.5em
}
ul.professional_list li .thum{
width: 200px;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
}
ul.professional_list li .thum img{
width: 100%;
height: auto
}
ul.professional_list li .label{
font-weight: 600;
margin-bottom: 0.5em
}

ul.katsudou_list{
margin-top: 10px;
}
ul.katsudou_list li{
padding: 15px 30px;
margin-bottom: 15px;
background-color: #F2F2F2;
font-size: 1.5rem
}
ul.katsudou_list li .ttl{
font-size: 1.6rem;
font-weight: 600;
}

.btn_instagram{
margin-top: 1.5em;
width: 100%;
margin-left: auto;
margin-right: auto
}
.btn_instagram a{
    line-height: 1.4;
    background-repeat: no-repeat;
    background-image: url(../../images/nv_arrow.svg);
    background-position: right 15px center;
    padding-right: 1.5em;
    display: block;
    text-decoration: none;
    border: 1px solid #4D4D4D;
    padding: 20px;
}
.btn_instagram .btn_isg_wrap{
    display: flex
}
.btn_instagram .btn_isg_wrap .ico{
    padding-left: 30px;
    padding-right: 20px;
}*/


/*--Course カリキュラムアコーディオン-------------*/
/*.acc{
    overflow: hidden;
    margin-top: 3em
}
.acc > summary{
  list-style: none;
}
.acc > summary::-webkit-details-marker{
  display: none;
}
.acc__head{
  cursor: pointer;
  padding: 14px 18px;
  text-align: center;
  font-size: 1.5rem;
  color: #003181;
  position: relative;
      border-left: 1px solid #2b59b6;
    border-right: 1px solid #2b59b6;
    border-bottom: 1px solid #2b59b6;
    border-top: 0 solid #2b59b6;
    background: #F2F2F2;
    
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.acc__head::after{
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  margin: 8px auto 0;

  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: rotate(45deg);
  transition: transform .2s ease;
}
.acc[open] .acc__head::after{
  transform: rotate(-135deg);
}

.acc__body{}

p.ind{
text-indent: -1em;
  padding-left: 1em;
}

.scroll{
overflow: auto;
}
table.time_table{
width: 100%;
text-align: center;
color: #4D4D4D;
font-size: 1.2rem;
margin-bottom: 2em;
white-space: nowrap
}
table.time_table .time{
font-size: 1.0rem
}
table.time_table th,
table.time_table td{
    border-right: 1px solid #B3B3B3;
    border-bottom: 1px solid #B3B3B3;
    text-align: center;
    padding: 10px 5px;
}
table.time_table th:last-child,
table.time_table td:last-child{
    border-right: 0px solid #B3B3B3;
}
table.time_table .week th{
background-color: #4D4D4D;
color: #FFF;
padding: 5px;
width: calc(100% / 6);
}
table.time_table .space{
    background-image: linear-gradient(to right top, transparent calc(50% - 0.5px), #B3B3B3 50%, #B3B3B3 calc(50% + 0.5px), transparent calc(50% + 1px));
}

.ph_left{
position: relative;
    left: -5vw;
    margin-top: 2em;
    margin-bottom: 2em;
    width: 90%;
}
.ph_left img{
width: 100%;
height: auto
}

.ph_transform{
display: block;
gap: 30px;
row-gap: 0px;
flex-wrap: wrap
}
.ph_transform.mb{
margin-bottom: 30px;
}
.ph_transform .ph_left{
position: relative;
    left: -5vw;
    margin-top: 2em;
    margin-bottom: 2em;
    width: 90%!important;
}
.ph_transform .ph_left p{
margin-left: 5%
}


.msgBox{
  border: 5px solid #0b2f86;
  position: relative;
  padding-top: 90px;
  margin-top: 4em;
  margin-bottom: 3em
}
.msgBox .ttl{
  background-color: #FFF;
  text-align: right;
  position: absolute;
  right: -14px;
  top: -47px;
  padding: 15px;
  z-index: 11
}
.msgBox .ttl .en{
font-family: tenez, sans-serif;
  font-size: 5.4rem;
  font-weight: 600;
}
.msgBox .ttl .ja{
  font-size: 1.5rem;
}
.msgBox .ph {
  text-align: center;
  margin-bottom: 20px;
  position: relative;
  z-index: 11;
}
.msgBox .ph img{
  width: 90%;
  height: auto
}
.msgBox .name_bx{
  display: flex;
  gap : 20px;
  justify-content: center;
  align-items: center;
}
.msgBox .name_bx .name{
  font-size: 1.6rem;
  font-weight: 600
}
.msgBox .name_bx .meta{
  font-size: 1.2rem;
}
.msgBox .ridgeLine{
  position: relative;
  height: 28px;
  margin-top: 2em
}
.msgBox .ridgeLine::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:6px;
  background:#0b2f86;
}
.msgBox .ridgeLine::after{
  content:"";
  position:absolute;
  left:50%;
  top:-8.56px;
  transform: translateX(-50%) rotate(45deg) scale(1.03);
  width:22px;
  height:22px;
  border-left:5px solid #0b2f86;
  border-top:5px solid #0b2f86;
  background-color: #FFF
}
.msgBox .txt{
  padding: 0px 20px 20px 20px;
}
.msgBox .txt .txt_ttl{
  text-align: center;
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 0.7em
}

.msgNav{
  display: grid;
  grid-template-columns: 1fr 1fr;
  position: relative;
  color: #003181;
}
.msgNav a{
  color: #003181;
}

.msgNav::before{
  content:"";
  position:absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #003181;
  transform: translateX(-50%);
}
.msgNav__item{
  position: relative;
  display: grid;
  align-items: center;
  padding: 10px 0px 10px 40px;
  color: inherit;
  text-decoration: none;
  min-height: 50px;
}
.msgNav__item:last-child{
  padding: 10px 40px 10px 0px;
}
.msgNav__item--prev::before,
.msgNav__item--next::before{
  content:"";
  position:absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #003181;
}
.msgNav__item--prev::before{ left: 0; }
.msgNav__item--next::before{ right: 0; }


.msgNav__item--prev{
  justify-items: start;
  text-align: left;
}
.msgNav__item--next{
  justify-items: end;
  text-align: right;
}
.msgNav__label{
  font-size: 1.2rem;
}
.msgNav__item--prev::after,
.msgNav__item--next::after{
  content:"";
  position:absolute;
  top: 50%;
  width: 10px;
  height: 10px;
  border-top: 1px solid #003181;
  border-right: 1px solid #003181;
  transform: translateY(-50%) rotate(45deg);
}
.msgNav__item--prev::after{
  left: 20px;
  transform: translateY(-50%) rotate(-135deg);
}
.msgNav__item--next::after{
  right: 20px;
}*/

/*--PAGE：COURSE 学科・コース　カラバリ-------------*/
/*#page_sub.course_idd{
background-color: #71AFA0;
color: #FFF;
margin-top: 0!important;
padding-bottom: 0px!important;
}
#page_sub.course_idd .course_header{
background-color: #71AFA0;
}*/



/*--コース：長期高度人材育成コース*/
/*#page_sub.course_harotore{
background-color: #C8161D;
color: #FFF;
margin-top: 0!important;
padding-bottom: 0px!important;
}
#page_sub.course_harotore .course_header{
background-color: #C8161D;
}
#page_sub.course_harotore .course_mv_harotore{
height: 280px;
}
#page_sub.course_harotore .course_mv_harotore .inner{
width: 90%;
margin-left: auto;
margin-right: auto;
padding-top: 100px;
font-size: 1.4rem;
letter-spacing: 0.15em;
position: relative
}
#page_sub.course_harotore .course_mv_harotore .inner h2{
font-size: 2.5rem;
margin-top: 30px;
}
#page_sub.course_harotore .course_mv_harotore .inner .badge{
position: absolute;
right: 0;
bottom: 0px;
}
#page_sub.course_harotore .course_mv_harotore .inner .badge img{
width: 90px;
height: auto
}
#page_sub.course_harotore .course_cont_w{
color: #4D4D4D;
}
#page_sub.course_harotore .head_news{
margin-bottom: 1em
}
#page_sub.course_harotore .head_news .date{
font-size: 1.6rem;
font-weight: 600;
}
#page_sub.course_harotore .head_news .date span{
margin-left: 1em;
font-size: 1.4rem;
font-weight: 400;
}
#page_sub.course_harotore .ttl_gray{
background-color: #F2F2F2;
padding: 20px 5%;
font-size: 1.6rem;
font-weight: 600;
margin-bottom: 1.5em!important;
margin: 0 calc(50% - 50vw);
  width: 100vw;
}

ul.anc_nav{
margin-top: 20px;
display: block;
gap: 7px;
margin-bottom: 60px;
}
ul.anc_nav li{
width: 100%;
margin-bottom: 10px;
}
ul.anc_nav li a{
display: block;
background-color: #C8161D;
color: #FFF;
text-align: center;
padding: 10px 0px;
font-size: 1.6rem;
font-weight: 600;
text-decoration: none
}
.dep_bx{
margin-bottom: 80px;
}
.dep_bx .ttl_strong{
font-size: 1.6rem;
font-weight: 600;
color: #C8161D;
margin-bottom: 0.5em
}
.dep_bx .notice_end{
    color: #C8161D;
    border: 1px solid #C8161D;
    padding: 5px 10px;
    margin-bottom: 0.5em
}
.dep_bx table.tbl_style th{
    background-color: #F2F2F2!important;
    color: #4D4D4D;
      border-bottom: 1px solid #b3b3b3;
}*/


/*--PAGE：COURSE 各種スタイル*/
/*.course_feature{
padding-top: 30px;
padding-bottom: 50px;
}
.course_feature .inner{
width: 90%;
margin-left: auto;
margin-right: auto
}
.course_feature ul.idd_course{
display: block;
gap: 140px;
}
.course_feature ul.idd_course li{
background-color: #F7B52C;
width: 100%;
color: #0F3675;
position: relative;
padding: 96px 28px 60px;
margin-bottom: 80px;
}
.course_feature ul.idd_course li .name{
background-color: #0F3675;
color: #FFF;
font-size: 2.0rem;
font-weight: 600;
line-height: 60px;
width: 207px;
text-align: center;
position: absolute;
top:0;
right: 0;
}
.course_feature ul.idd_course li .read{
font-size: 1.8rem;
font-weight: 600;
margin-bottom: 1em
}
.course_feature ul.idd_course li .field{
font-size: 1.2rem;
margin-top: 2em
}
.course_feature ul.idd_course li .ttl_field{
    text-align: center;
    font-size: 1.4rem;
    border-bottom: 1px solid #0F3675;
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
    font-weight: 600
}
.course_feature ul.idd_course li .link_bx{
    position: absolute;
    right: 0;
    bottom: -40px;
}
.course_feature ul.idd_course li .link_bx a{
    display: block;
    font-size: 1.2rem;
    background-color: #FFF;
    color: #0F3675;
    width: 314px;
    padding: 20px 20px 20px 20px;
    text-decoration: none;
    background-image: url(../../images/ico_blank.svg);
    background-repeat: no-repeat;
    background-position: right 15px center;
}

.curriculum_wrap{
display: block;
gap: 20px;
}
.curriculum_wrap .curr_bx{
width: 100%;
margin-bottom: 60px;
}
.curriculum_wrap .curr_bx.second{
width: 100%;
margin-bottom: 0px;
}
table.curr{
    width: 100%;
    border-top: 1px solid #0F3675;
    border-left: 1px solid #0F3675;
}
table.curr th{
background-color: #0F3675;
white-space: nowrap;
color: #FFF;
text-align: center;
border-bottom: 1px solid #0F3675;
}
table.curr td{
border-bottom: 1px solid #0F3675;
}
table.curr th,
table.curr td{
padding: 10px;
}
table.curr span{
writing-mode: vertical-rl;
line-height: 1
}
table.curr .gray{
background-color: #F2F2F2
}*/
/*--キャリアデザイン　パネル-------------*/
/*ul.aim_list{
display: block;
gap: 20px;
flex-wrap: wrap;
color: #0F3675
}
ul.aim_list li{
padding: 40px 30px;
text-align: center;
width: 100%;
}
ul.aim_list li .ttl{
font-size: 2.4rem;
margin-bottom: 0.5em;
font-weight: 600
}
ul.aim_list li .read{
font-size: 1.6rem;
margin-bottom: 1em
}

ul.aim_list li.aim_01{
  background: #f4b12c;
}
ul.aim_list li.aim_02{
  background: #A587B7;
}
ul.aim_list li.aim_03{
  background: #A2BADA;
}
ul.aim_list li.aim_04{
  background: #C8C9CA;
}

.qual-box.middle{
width: 230px;
margin-left: auto;
margin-right: auto
}

.qual-head{
  background: #2f2b7c;
  color: #fff;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.4;
  padding: 10px 5px;
  margin: 0 auto 14px;
  position: relative;
}

.qual-head.has-tip::after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: -10px;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #2f2b7c;
}
.qual-item{
  background: #FFF;
  text-align: center;
  padding: 14px 0px;
  border-radius: 8px;
}
.qual-item span{
  font-size: 1.0rem
}
.qual-item.first{
margin-top: 12px!important;
}
.qual-item + .qual-item{
  margin-top: 8px;
}

.qual-plus{
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #2f2b7c;
  color: #fff;
  font-size: 29px;
  font-weight: 700;
  line-height: 1;
  display: grid;
  place-items: center;
  margin: 18px auto;
}*/


/*--PAGE：募集要項-------------*/
.youkou_dl_wrap{
background-color: #f2f2f2;
margin: 0 calc(50% - 50vw);
width: 100vw;
padding-top: 15px;
    padding-bottom: 50px;
}
.youkou_dl_wrap .center{
text-align: center
}
ul.dl_list{
display: block;
gap: 20px;
margin-bottom: 40px;
}
ul.dl_list li{
background-color: #f2f2f2;
width: 100%;
text-align: center;
padding: 20px 0px 20px;
display: flex;
align-items: center;
margin-bottom: 15px;
}
ul.dl_list li .heading{
font-weight: 600;
font-size: 1.6rem;
min-height: auto;
width: 64%;
}
ul.dl_list li .heading .notice{
font-weight: 500;
font-size: 1.2rem
}
.dl_notice{
    border: 1px solid rgba(202,202,202,1.00);
    padding: 20px 20px;
    font-size: 1.2rem
}
.dl_notice .ttl{
font-weight: 600;
margin-bottom: 0.5em;
font-size: 1.6rem
}
.dl_notice ul{}
.dl_notice ul li{
margin-bottom: 0.8em;
text-indent: -1em;
padding-left: 1em;
}

/*--PAGE：高等教育の修学支援の新制度・奨学金制度-------------*/
.cont_slim{
width: 90%;
margin-left: auto;
margin-right: auto
}

.link_bx_gray{
background-color: #f2f2f2;
padding: 20px;
margin-top: 1em;
margin-bottom: 3em
}

.mv_support{
background-color: #3b8fc4;
color: #FFF;
margin: 0 calc(50% - 50vw);
width: 100vw;
padding: 30px;
margin-bottom: 20px;
text-align: center;
}
.mv_support.thin{
background-color: #9FD2F1;
color: #4D4D4D;
}
.mv_support .read{
font-size: 1.8rem;
margin-bottom: 20px;
font-weight: 600
}
.mv_support ul{
display: flex;
gap: 5px;
}
.mv_support ul li{
width: calc(100% / 3);
}
.mv_support ul li img{
width: 100%;
height: auto
}
.mv_support .cont_slim{
position: relative;
}
.mv_support .cont_slim #mv_ill{
position: absolute;
right: -100px;
top: -86px;
display: none
}
.mv_support .cont_slim #mv_ill img{
width: 356px;
height: auto
}

.mv_support_gray{
background-color: #F2F2F2;
margin: 0 calc(50% - 50vw);
width: 100vw;
padding: 20px;
margin-bottom: 40px;
text-align: left;
}
.mv_support_gray .read{
font-size: 1.8rem;
margin-bottom: 20px;
}
.mv_support_gray .fig img{
width: 100%;
height: auto
}
.flow_kyufu{
margin-bottom: 15px;
}
.flow_kyufu img{
width: 100%;
height: auto
}
.flow_notice{
font-size: 1.2rem;
margin-bottom: 70px;
}

/*--表組み内レイアウト-------------*/
ul.value{
display: block;
gap: 20px;
font-size: 1.2rem;
width: 100%;
margin-top: 10px;
}
ul.value li{
width: 100%;
margin-bottom: 20px;
}
ul.value .heading{
background-color: #F2F2F2;
padding: 5px;
line-height: 1;
margin-bottom: 0.2em;
font-size: 1.4rem;
font-weight: 600;
}

ul.support_point{
display: block;
gap: 20px;
}
ul.support_point li{
background-color:#F2F2F2;
width: calc(100% / 1);
font-size: 1.4rem;
padding: 20px 15px;
margin-bottom: 15px;
}
ul.support_point li .heading{
font-size: 1.6rem;
font-weight: 600;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: auto;
margin-bottom: 10px;
}
ul.support_point li p{
margin-bottom: 0.5em
}



/*--PAGE：就職支援体制-------------*/
.mv_cont{
margin: 0 calc(50% - 50vw);
width: 100vw;
text-align: center;
color: #FFF;
padding-top: 70px;
padding-bottom: 80px;
font-size: 2.2rem
}
.mv_cont .num{
font-family: "marine", sans-serif;
font-size: 12.0rem;
line-height: 1;
}
.mv_cont .num.mb{
margin-bottom: 0.2em
}
.mv_cont .num span{
font-size: 7.8rem;
}
.mv_cont .num span.ja{
font-size: 3.5rem;
}
ul.support_system{
display: block;
gap: 57px;
}
ul.support_system li{
width: 100%;
margin-bottom: 30px;
}
ul.support_system li .heading_circle {
    width: 153px;
    height: 153px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    background-color: #3a86b8;
    color: #FFF;
    /* 二行のテキストを中央に配置する設定（Flexbox） */
    display: flex;
    flex-direction: column; /* 縦並び */
    justify-content: center; /* 垂直中央 */
    align-items: center; /* 水平中央 */
    font-size: 1.8rem;
    text-align: center;
    font-weight: 600;
    margin-bottom: 15px;
    letter-spacing: 0.09em
}
ul.support_system li:nth-child(2) .heading_circle {
background-color: #a282b3;
}
ul.support_system li:nth-child(3) .heading_circle {
background-color: #d98710;
}

.support_fig img{
width: 100%;
height: auto
}
.support_graf{
text-align: center
}
ul.ichiran {
  font-size: 12px;
  margin-bottom: 20px;
}
ul.ichiran li {
display: inline;
  padding: 0px 1em 0px 0px;
  margin-bottom: 10px;
  border-right: 1px solid #CCC;
  line-height: 1.7;
}
ul.ichiran li:last-child {
  border-right: 0px solid #CCC;
}

h3.license{
font-size: 1.8rem;
color: #FFF;
background-color: #3B8FC4;
line-height: 1;
padding: 8px 12px;
margin-bottom: 0.5em
}
h3.license.business{
background-color: #A887BC;
}
h3.license.pet{
background-color: #E38C00;
}
h4.license_under_line{
    font-size: 2.2rem;
    padding-bottom: 0.15em;
    border-bottom: 1px solid #4D4D4D;
    margin-bottom: 0.5em
}
ul.shikaku_list{
width: 90%;
margin-left: auto;
margin-right: auto;
font-size: 1.6rem;
margin-bottom: 2em
}
ul.shikaku_list.small{
font-size: 1.4rem;
}

/*--PAGE：先輩からのメッセージ-------------*/
/*#page_sub.voice_senior{
    margin-top: 0!important;
    padding-bottom: 0px!important;
    background-image: -webkit-linear-gradient(0deg,rgba(125,132,176,1.00) 0%,rgba(217,142,191,1.00) 100%);
    background-image: -moz-linear-gradient(0deg,rgba(125,132,176,1.00) 0%,rgba(217,142,191,1.00) 100%);
    background-image: -o-linear-gradient(0deg,rgba(125,132,176,1.00) 0%,rgba(217,142,191,1.00) 100%);
    background-image: linear-gradient(90deg,rgba(125,132,176,1.00) 0%,rgba(217,142,191,1.00) 100%);
    color: #FFF
}
.message_header{
padding-top: 50px;
width: 90%;
margin-left: auto;
margin-right: auto;
}

#page_sub.voice_senior .message_header .sub_header .en{
font-size: 5.2rem;
line-height: 1;
margin-bottom: 0.2em
}
#page_sub.voice_senior .message_header .sub_header .en img{
margin-left: 5px;
}
#page_sub.voice_senior .message_header .sub_header .ja{
font-size: 1.6rem;
letter-spacing: 0;
}
.cont_message_wrap{
width: 100%;
margin-left: auto;
margin-right: auto;
}
h3.ttl_message_cate{
font-size: 3.0rem;
margin-bottom: 30px;
}
.anc{
display: block;
padding-top: 80px;
margin-top: -80px;
}*/
/*--MESSAGE_SELECT-------------*/
/*.message_select{
text-align: center;
width: 290px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
}
.message_select .ttl{
font-size: 2.9rem;
font-family: tenez, sans-serif;
margin-bottom: 10px;
}
.selectbox{
position: relative;
display: block;
}
.selectbox select{
width: 100%;
padding: 14px 44px 14px 16px;
border: 1px solid #fff;
background: transparent;
color: #fff;
font-size: 1.2rem;
line-height: 1;
outline: none;

-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.selectbox::after{
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  width: 10px;
  height: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: translateY(-70%) rotate(45deg);
  pointer-events: none;
}*/


/*--MESSAGE_LIST-------------*/
/*ul.message_list{
width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
gap: 15px;
flex-wrap: wrap;
margin-bottom: 50px;
}
ul.message_list li{
width: 100%;
background: #2f78a8;
position: relative;
  display: block;

  padding: 20px 17px;
  overflow: visible;
  margin-bottom: 25px;
}
ul.message_list li a{
  color: #FFF;
  text-decoration: none;
}
.message_list li::after{
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid #fff;
  transform: translate(3px, 3px);
  pointer-events: none;
}
table.card{
  width: 100%;
  border-collapse: collapse;
  position: relative;
  z-index: 1;
}
table.card tbody,
table.card tr{
  align-items: center;
}
table.card td{
 padding-left: 20px;
}
th.card__photo{
  aspect-ratio: 5 / 4;
  overflow: hidden;
  background: #fff;
  width: 150px;
}
.card__photo img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.card__text .name{
font-size: 1.4rem;
margin-bottom: 0.5em;
font-weight: 600;
}
.card__text .meta{
font-size: 1.2rem;
margin-bottom: 0.5em
}


.card__btn{
  position: absolute;
  top: 50%;
  right: -10px;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  border-radius: 999px;
  border: 1px solid #fff;
  z-index: 2;
  pointer-events: none;
  background: #2f78a8;
  transition: .3s
}
ul.message_list li a:hover .card__btn{
  right: -15px;
}
.card__btn::before{
  content: "";
  position: absolute;
  top: 50%;
  left: 45%;
  width: 12px;
  height: 12px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: translate(-55%, -50%) rotate(-45deg);
}

ul.message_list.cate01 li,
ul.message_list.cate01 li .card__btn,
.message_detail.cate01{
background: #2f78a8;
}
ul.message_list.cate02 li,
ul.message_list.cate02 li .card__btn,
.message_detail.cate02{
background: #62b5ba;
}
ul.message_list.cate03 li,
ul.message_list.cate03 li .card__btn,
.message_detail.cate03,
ul.message_list.cate04 li,
ul.message_list.cate04 li .card__btn,
.message_detail.cate04{
background: #a887bc;
}
ul.message_list.cate05 li,
ul.message_list.cate05 li .card__btn,
.message_detail.cate05,
ul.message_list.cate06 li,
ul.message_list.cate06 li .card__btn,
.message_detail.cate06{
background: #e38c00;
}
ul.message_list.cate07 li,
ul.message_list.cate07 li .card__btn,
.message_detail.cate07{
background: #b65b46;
}

.message_detail{
padding: 36px 14px;
font-size: 1.4rem
}
.message_detail .ttl{
text-align: center;
font-size: 2.5rem;
margin-bottom: 25px;
}
.message_detail .ph{
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
.message_detail .ph img{
width: 100%;
height: auto
}
.message_detail .name{
font-size: 1.4rem;
font-weight: 600;
margin-bottom: 1em;
text-align: center
}
.message_detail .meta{
font-size: 1.2rem;
margin-bottom: 1.5em;
text-align: center
}

.btn_detail_back{
text-align: center;
margin-top: 40px;
margin-bottom: 110px;
}
.btn_detail_back a{
    line-height: 40px;
    background-repeat: no-repeat;
    background-image: url(../../images/nav_arrow_w_back.svg);
     background-position: left 20px center;
    display: inline-block;
    text-decoration: none;
    border: 1px solid #FFF;
    padding-left: 5.5em;
    padding-right: 5em;
    color: #FFF;
    width: 290px;
}
.btn_detail_back a:hover{
    background-position: left 15px center;
    text-decoration: none
}*/

/*--PAGE：オープンキャンパス-------------*/
/*#page_sub.open_campus{
background-color: #FFF;
margin-top: 0!important;
padding-bottom: 0px!important;
}
.oc_header_about{
    height: 490px;
    text-align: center;
    background-image: url(../../images/open_campus/about_mv_bg_sp.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.oc_header_about .ttl{
padding-top: 150px;
margin-bottom: 30px;
}
.oc_header_about .btn_schedule{
position: relative;
bottom: -30px;
}
.oc_featutre{
width: 85%;
text-align: center;
background-color: #FFF;
padding-top: 100px;
padding-bottom: 20px;
margin-top: 0px;
margin-left: auto;
margin-right: auto
}
.oc_featutre img{
width: 100%;
height: auto
}
.oc_wrap{
background-color: #f2f2f2;
width: 100vw;
padding-top: 30px;
padding-bottom: 30px;
}
.oc_inner{
width: 90%;
margin-left: auto;
margin-right: auto
}
.oc_point_bx{
padding: 30px 25px;
background-color: #FFF;
color: #222F76;
margin-bottom: 25px;
position: relative
}
.oc_point_bx .heading{
display: flex;
align-items: center;
gap: 20px;
font-size: 2.1rem;
margin-bottom: 25px;
}
ul.ph_list{
display: block;
gap: 13px;
margin-top: 27px;
}
ul.ph_list li{
width: 100%;
margin-bottom: 15px;
}
ul.ph_list li .ph{
margin-bottom: 10px;
}
ul.ph_list li .ph img{
width: 100%;
height: auto
}
ul.ph_list li .cap{
text-align: right;
font-size: 1.2rem;
color: #4D4D4D
}

.oc_point_bx.faq{
margin-top: 60px;
padding-top: 55px;
}
.oc_point_bx.faq .ttl_faq{
text-align: center;
margin-bottom: 30px;
}
table.faq_tbl{}
table.faq_tbl th{
font-family: tenez, sans-serif;
font-weight: 700;
font-size: 2.7rem;
padding-right: 10px;
}
table.faq_tbl th.ans{
color: #956DAD
}
table.faq_tbl td.ques{
font-weight: 600;
padding-top: 0.7em;
padding-bottom: 10px;
}
table.faq_tbl th,table.faq_tbl td{
vertical-align: top
}
table.faq_tbl td.ans{
padding-top: 0.6em;
padding-bottom: 2em
}

.oc_header{
    height: auto;
    text-align: center;
    background-color: #FFF
}
.oc_header .ttl{
padding-top: 60px;
margin-bottom: 33px;
width: 96%;
margin-left: auto;
margin-right: auto
}
.oc_header .ttl img{
width: 100%;
height: auto
}
.oc_present{
background-color: #E6E6E6;
text-align: center;
padding-bottom: 25px;
}
.oc_present .ttl{
top: -15px;
position: relative;
}
.oc_present ul{
display: flex;
justify-content: center;
gap :10px;
}
.oc_present ul li img{
width: auto;
height: 35px;
}

.oc_schedule_wrap{
text-align: center;
padding-top: 16px;
padding-bottom: 16px;
width: 90%;
margin-left: auto;
margin-right: auto
}
.oc_schedule_wrap .ttl{
color: #222F76;
font-family: tenez, sans-serif;
font-weight: 700;
font-size: 2.4rem;
margin-bottom: 7px;
    margin-top: 10px;
}


.eventcard a,
ul.eventcard_future a{
text-decoration: none
}
table.oc_next_schedule{
font-family: marine, sans-serif;
font-weight: 600;
line-height: 1;
margin-left: auto;
margin-right: auto;
color: #222F76;
}

ul.eventcard_future{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
     width: 100%;
  margin: auto;
}
ul.eventcard_future > li:first-child{
  flex-basis: 100%;
  border-left: 0px solid #222F76;
}
ul.eventcard_future li{
border-left: 1px solid #222F76;
padding: 10px 20px;
margin-bottom: 20px;
width: 50%
}
ul.eventcard_future li:first-child{
padding: 0px 0px
}

ul.eventcard_future li:first-child .tbl_wrap{
        width: 100%;
    border: 4px solid #222F76;
    padding: 15px;
    box-sizing: border-box;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../../images/open_campus/label_next.svg);
    background-repeat: no-repeat;
    background-position: left top;
    margin-bottom: 20px;
}

ul.eventcard_future li:first-child table.oc_next_schedule td{
padding: 5px;
}
ul.eventcard_future li:first-child table.oc_next_schedule .year{
font-size: 2.6rem
}
ul.eventcard_future li:first-child table.oc_next_schedule .day{
font-size: 4.2rem
}
table.oc_next_schedule .week{
font-size: 2.1rem
}
ul.eventcard_future li:first-child table.oc_next_schedule .label{
background-color: #CFCFCF;
padding: 10px;
}
ul.eventcard_future li:first-child table.oc_next_schedule .label.setsumeikai{
background-color: #8CC63F
}
ul.eventcard_future li:first-child table.oc_next_schedule .label.opencampus{
background-color: #D98EBF
}

ul.eventcard_future li table.oc_next_schedule .label{
font-size: 1.2rem;
}


ul.eventcard_future li:last-child,
ul.eventcard_future li:nth-child(5),
ul.eventcard_future li:nth-child(9){
border-right: 1px solid #222F76;
}
ul.eventcard_future li:nth-child(3),
ul.eventcard_future li:nth-child(5),
ul.eventcard_future li:nth-child(7),
ul.eventcard_future li:nth-child(9),
ul.eventcard_future li:nth-child(11){
border-right: 1px solid #222F76;
}
ul.eventcard_future li table.oc_next_schedule .year{
font-size: 1.4rem
}
ul.eventcard_future li table.oc_next_schedule .day{
font-size: 2.1rem
}
ul.eventcard_future li table.oc_next_schedule .week{
font-size: 1.3rem
}*/


/*--PAGE：オープンキャンパス詳細-------------*/
/*.oc_wrap .heading_notice{
width: 90%;
margin-left: auto;
margin-right: auto;
margin-bottom: 16px;
}
.oc_point_bx.detail{
padding-bottom: 80px;
}
.oc_point_bx .ttl_line{
    font-size: 2.1rem;
    border-bottom: 1px solid #003181;
    padding-bottom: 0.3em;
    margin-bottom: 0.5em
}
.oc_point_bx .date_bx{
line-height: 1;
font-family: marine, sans-serif;
font-weight: 700;
margin-bottom: 15px;
}
.oc_point_bx .date_bx .year{
font-size: 2.5rem
}
.oc_point_bx .date_bx .date{
font-size: 4.0rem
}
.oc_point_bx .date_bx .date span{
font-size: 2.0rem
}
.oc_point_bx .date_bx .time{
font-size: 1.8rem
}
.oc_point_bx .photo{
position: relative;
top: 0px;
right: 0px;
width: 100%;
margin-bottom: 15px;
}
.oc_point_bx .photo img{
width: 100%;
height: auto
}
.oc_point_bx ul.tag_list{
margin-bottom: 15px;
}
.oc_point_bx ul.tag_list li{
    display: inline-block;
    color: #4D4D4D;
    border: 1px solid #4D4D4D;
    padding: 5px 10px;
    line-height: 1;
    font-size: 1.2rem;
    margin-bottom: 7px;
}
.oc_point_bx .oc_program{
    border-top: 1px solid #003181;
    padding-top: 15px;
    width: auto;
}

.oc_point_bx .btn_entry{
margin-left: auto;
margin-right: auto;
margin-top: 23px;
margin-bottom: -100px;
width: 290px;
}
.oc_point_bx .btn_entry a{
background-color: #003181;
    line-height: 70px;
    background-repeat: no-repeat;
    background-image: url(../../images/ft_arrow_w.svg);
    background-position: right 20px center;
    display: block;
    padding-right: 4.5em;
    padding-left: 4em;
    white-space: nowrap;
    color: #FFF;
    border: 1px solid #FFFFFF;
    text-decoration: none;
    font-size: 1.7rem;
    text-align: center;
    font-weight: 600
}
.oc_point_bx .btn_entry a:hover{
    background-position: right 16px center;
    text-decoration: none
}
.oc_point_bx_notice{
font-size: 1.2rem;
margin-bottom: 60px;
}

ul.oc_program_info{
display: block;
gap: 40px;
row-gap: 20px;
flex-wrap: wrap;
font-size: 1.4rem;
color: #4D4D4D;
margin-bottom: 40px;
}
ul.oc_program_info li{
width: 100%;
margin-bottom: 25px;
}
ul.oc_program_info li .couese_name{
background-color: #000000;
color: #FFF;
padding: 4px 15px;
margin-bottom: 15px;
--lh: 1.4;
  line-height: var(--lh);
  box-sizing: border-box;
min-height: calc((2 * var(--lh) * 1em) + 18px);
display: flex;
align-items: center;
}
ul.oc_program_info li .couese_name.col01{
background-color: #2BB6AA;
}
ul.oc_program_info li .couese_name.col02{
background-color: #EF848A;
}
ul.oc_program_info li .couese_name.col03{
background-color: #009DE0;
}
ul.oc_program_info li .couese_name.col04{
background-color: #FF9901;
}*/

/*--PAGE：キャンパスライフ-------------*/
/*#page_sub.page_campuslife{
background-color: #BDCCD4;
margin-top: 0!important;
padding-bottom: 0px!important;
}
.cl_mv{
    height: auto;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 30px
}
.cl_mv img{
    width: 100%;
    height: auto
}
.cont_campuslife{
width: 90%;
margin-left: auto;
margin-right: auto;
display: block;
flex-wrap: wrap;
gap: 20px;
color: #222F76
}
.cont_campuslife .cl_mopnth{
background-color: #FFF;
padding: 105px 25px 25px 25px;
width: 100%;
position: relative;
margin-bottom: 50px;
}
.cont_campuslife .cl_mopnth .month{
position: absolute;
right: 17px;
top:-12px;
}
.cont_campuslife .cl_mopnth .month.hd{
top:-26px;
}
.cont_campuslife .cl_mopnth .cl_ttl{
font-size: 2.0rem;
font-weight: 600;
text-align: center;
margin-bottom: 1em
}
.cont_campuslife .cl_mopnth .read{
font-size: 1.6rem;
font-weight: 600;
margin-bottom: 1em
}
.cont_campuslife .cl_mopnth .ph{
margin-top: 1em
}
.cont_campuslife .cl_mopnth .ph img{
width: 100%;
height: auto
}*/



/*--CMS-------------*/
/*--PAGE：在校生の皆様へ-------------*/
/*.current_student_entry_wrap{
background-color: #f2f2f2;
margin: 0 calc(50% - 50vw);
width: 100vw;
padding-top: 30px;
padding-bottom: 30px;
}*/
/*--ENTRY_LIST-------------*/
ul.cms_entry_list{
width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
gap: 20px;
flex-wrap: wrap
}
ul.cms_entry_list.head_up{
margin-top: -83px;
}
ul.cms_entry_list li{
width: 90%;
background-color: #FFF;
border-radius: 16px;
padding: 28px;
margin-bottom: 25px;
margin-left: auto;
margin-right: auto
}
ul.cms_entry_list li a{
text-decoration: none;
}
ul.cms_entry_list li a:hover{
opacity: .6
}
ul.cms_entry_list li .label{
background-color: #000;
color: #FFF;
font-size: 1.0rem;
line-height: 1;
min-width: 120px;
text-align: center;
padding: 5px;
margin-bottom: 5px;
display: inline-block
}
ul.cms_entry_list li .thum{
aspect-ratio: 5 / 4;
width: 100%;
overflow: hidden;
margin-bottom: 15px;
background-color: #f2f2f2;
}
ul.cms_entry_list li .thum img{
width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

ul.cms_entry_list li .cate{
background-color: #000;
color: #FFF;
font-size: 1.0rem;
line-height: 1;
text-align: center;
padding: 4px 5px;
margin-top: 4px;
margin-right: 3px;
display: inline-block;
white-space: nowrap
}

ul.cms_entry_list li .cate.blog_system/*情報システム科*/,
ul.cms_entry_list li .cate.blog_infosystem/*高度情報システム科*/,
ul.cms_entry_list li .cate.blog_idd/*情報デザイン科［大学コース］*/,
ul.cms_entry_list li .cate.blog_management/*経営情報科［大学コース］*/{
background-color: #3B8FC4;
}
ul.cms_entry_list li .cate.blog_medical-w/*医療事務・美容ビジネス科*/,
ul.cms_entry_list li .cate.blog_general-c/*総合ビジネス科*/,
ul.cms_entry_list li .cate.blog_business/*ビジネス専攻科*/{
background-color: #A887BC;
}
ul.cms_entry_list li .cate.blog_pet/*ペットビジネス科*/,
ul.cms_entry_list li .cate.blog_animal-nursing/*愛玩動物看護科*/{
background-color: #E38C00;
}
ul.cms_entry_list li .cate.blog_harotore/*長期高度人材育成コース*/{
background-color: #D56452;
}



/*--ENTRY_RECENT-------------*/
.entry_recent{
    border: 1px solid #4D4D4D;
    border-radius: 16px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    font-size: 1.3rem;
}
.entry_recent .ttl{
    background-color: #4D4D4D;
    color: #FFF;
    text-align: center;
    font-size: 1.2rem;
    padding: 15px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}
.entry_recent .recent_inner{
    padding: 25px 14px;
}
.entry_recent ul li{
    margin-bottom: 1em
}
.entry_recent ul li:last-child{
    margin-bottom: 0em
}
.entry_recent.single{
margin-bottom: 80px;
  }
.entry_recent .recent_inner .ttl_pc {
    display: none;
  }
  .entry_recent .recent_inner .ttl_sp {
    display: inline;
  }

/*--ENTRY_LIST CATE-------------*/
ul.cms_entry_list li .label.news{
background-color: #3b8fc4;
}
ul.cms_entry_list li .label.oc{
background-color: #ebae23;
}
ul.cms_entry_list li .label.event{
background-color: #39b54a;
}
ul.cms_entry_list li .label.guide{
background-color: #b261b7;
}
ul.cms_entry_list li .label.student{
background-color: #b40000;
}


/*--PAGENATION-------------*/
.pagination {
	margin: 40px 0 80px;
	text-align: center;
    font-family: "marine", sans-serif;
}
.pagination ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.pagination li {
	display: inline-block;
	width: auto;
}
.pagination li a, .pagination li > span {
	font-size: 1.4rem;
	display: block;
	min-width: 40px;
	margin: 0 5px;
	padding: 5px 5px;
	text-decoration: none;
	color: #000;
	/*border: solid 1px #ccc;*/
	border-radius: 3px;
    line-height: 30px;
}
.pagination li > span {
	color: #fff;
	background-color: #464646;
}
.pagination li .next {
	color: #fff;
	background-color: #464646;
    padding: 5px 10px;
}
.pagination li a:hover {
	color: #fff;
	background-color: #464646;
}
.pagination li .dots {
	width: 15px;
	padding: 0;
	color: #000;
	border-color: transparent;
	background-color: transparent;
}

/*--ENTRY SINGLE-------------*/
#page_sub.cms_single{
background-color: #FFF;
margin-top: 0!important;
padding-bottom: 0px!important;
}
#page_sub.cms_single .single_header{
background-color: #FFF;
height: 370px;
}
#page_sub.cms_single .single_header.grd{
color: #FFF
}
#page_sub.cms_single .single_header .sub_header{
width: 90%;
margin-left: auto;
margin-right: auto;
padding-top: 150px;
}
#page_sub.cms_single .single_header .sub_header .en{
font-size: 5.2rem;
line-height: 1;
margin-bottom: 0.2em
}
#page_sub.cms_single .single_header .sub_header .ja{
font-size: 1.2rem;
letter-spacing: 0;
}
#page_sub.cms_single .inner_single{
width: 90%;
margin-left: auto;
margin-right: auto;
}

#page_sub .single_header .dir_path {
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
}
#page_sub .single_header.blog .dir_path {
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 65px;
}

#page_sub.cms_single .entry_wrap{}
#page_sub.cms_single .entry_wrap .label{
background-color: #000;
color: #FFF;
font-size: 1.0rem;
line-height: 1;
width: 120px;
text-align: center;
padding: 5px;
margin-bottom: 5px;
}
#page_sub.cms_single .entry_wrap .label.news{
background-color: #3b8fc4;
}
#page_sub.cms_single .entry_wrap .label.oc{
background-color: #ebae23;
}
#page_sub.cms_single .entry_wrap .label.event{
background-color: #39b54a;
}
#page_sub.cms_single .entry_wrap .label.guide{
background-color: #b261b7;
}
#page_sub.cms_single .entry_wrap .label.student{
background-color: #b40000;
}
#page_sub.cms_single .entry_wrap .ttl{
font-size: 1.6rem;
font-weight: 600;
}
#page_sub.cms_single .entry_wrap .date{
font-weight: 400;
margin-bottom: 1em;
font-size: 1.2rem;
margin-top: 0.7em;
font-family: "marine", sans-serif;
}
#page_sub.cms_single .entry_wrap .entry_body{
    border-top: 1px solid #4D4D4D;
   padding-top: 1em;
    padding-bottom: 2em
}
#page_sub.cms_single .entry_wrap .entry_body img{
    max-width: 100%;
    height: auto
}
#page_sub.cms_single .btn_detail a{
    background-color: #FFF
}

/*--ENTRY 合格者速報-------------*/
.single_header.bg_yellow{
background-color: #ffe100!important
}
.single_header.bg_yellow .sub_header_goukaku{
text-align: center;
padding-top: 80px;
}
.single_header.bg_yellow .sub_header_goukaku img{
width: 100%;
height: auto
}
.single_header.bg_yellow .sub_header_goukaku.single{
padding-top: 110px;
}
ul.cms_entry_list.goukaku li .thum{
background-color: #ffe100;
}

/*--MAILFORMメールフォーム-------------*/
.form_wrapper{}
.form_wrapper .head_info{
padding-bottom: 50px;
}
.form_wrapper .head_info .ttl{
font-size: 1.6rem;
font-weight: 600;
margin-bottom: 0.8em
}
.form_wrapper .head_info .column_notice{
    color: #C1272D;
    border: 1px solid #C1272D;
    padding: 7px;
    margin-bottom: 15px;
    margin-top: 15px;
    text-align: left
}
.form_wrapper .head_info .column_notice p{
    text-indent: -1em;
  padding-left: 1em;
}
#form_body{
width: 100%;
margin-left: auto;
margin-right: auto;
background-color: #E6E6E6;
padding: 20px 5%;
}
.form_ttl{
width: 100%;
margin-left: auto;
margin-right: auto;
background-color: #333333;
color: #FFF;
text-align: center;
padding: 12px;
}
#form_body .form_notice{
margin-bottom: 0.5em
}
.form_bx{
background-color: #FFF;
padding: 15px 5%;
margin-bottom: 20px;
}
.form_field{
width: calc(100% - 10px)!important;
padding: 5px!important;
border: solid 1px #C4C4C4!important;
border-radius: 6px!important;
box-shadow: 0px 0px 0px #CCC inset!important;
background-color: #FFF;
}
#form_body p{
margin-bottom: 0.3em
}
#form_body .form_cont_in{
margin-bottom: 20px;
}
#form_body .form_ico_bx{
display: flex
}

#form_body label{
display: block;
background-color: #E6E6E6;
margin-bottom: 10px;
padding: 3px 8px;
display: flex
}

#form_body .submit_btn{
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 290px;
  margin-left: auto;
  margin-right: auto;
  height: 70px;
  padding: 0 24px 0 24px;
  background: #c43a3a;
  color: #fff;
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: .08em;
  border: 0;
  cursor: pointer;
  appearance: none;
}

#form_body .submit_btn::after{
  content: "";
  position: absolute;
  top: 50%;
  right: 24px;
  width: 12px;
  height: 12px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: translateY(-50%) rotate(45deg);
}

#form_body .submit_btn:hover{
  opacity: .8;
}

#form_end_message{
width: 90%;
margin-left: auto;
margin-right: auto;
padding: 20px 0px 0px 0px;
font-size: 1.2rem
}
#form_end_message .message_strong{
font-weight: 600;
color: #C1272D;
margin-bottom: 1em
}


#form_body table{
width: 100%;
}
#form_body table th{
background-color: #333333;
color: #FFF;
text-align: center;
padding: 8px;
display: block
}
#form_body table td{
	padding: 12px;
    display: block
}
#form_body .strong{
font-weight: 600;
text-align: center
}
#form_body .req{
display: inline-block;
background-color: #C1272D;
color: #FFF;
font-size: 1.2rem;
line-height: 1;
padding: 3px 5px;
margin-left: 5px;
}

}