@charset "utf-8";
html {}
body {
background-color: #FFFFFF;
min-width: 1080px;
/* for IE6/7 */ 
*font-size:small;
/* for IE Quirks Mode */
*font:x-small;
font-family: 'Noto Sans Japanese', sans-serif;
font-size: 18px;
-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}
}
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: #000000;
transition: .3s;
}
a:visited {
color: #000000;
text-decoration: none;
}
a:hover {
color: #E94827;
text-decoration: underline;
}
a:active {
color: #E94827;
text-decoration: none;
}
a.btn img {
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
-ms-filter: 'alpha(opacity=100)';
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
a:hover.btn img {
-ms-filter: 'alpha(opacity=60)';
filter: alpha(opacity=30);
-moz-opacity: 0.40;
opacity: 0.40;
}
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;
padding-top: 70px;
}
/*--ヘッダー-------------*/
header {
height: 70px;
width: 100%;
position: fixed;
left: 0;
top: 0;
background-color: #E94827;
z-index: 100;
}
header h1 {
padding-top: 15px;
}
header h1 img{
width: auto;
height: 40px;
}
#nav_trigger{
position: absolute;
top: -5px;
right: 0px;
}
#panel-btn{
  display: inline-block;
  width: 40px;
  height: 40px;
  z-index: 9999999;
animation-duration: 2s;
cursor: pointer!important
}
#panel-btn-icon{
  display: block;
  position: absolute;
  top: 50%;
  left: 5px;
  width: 30px;
  height: 2px;
  margin: -1px 0 0 0;
  background: #FFF;
  transition: .2s;
}
#panel-btn-icon:before, #panel-btn-icon:after{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0px;
  width: 30px;
  height: 2px;
  background: #FFF;
  transition: .3s;
}
#panel-btn-icon:before{
  margin-top: -8px;
}
#panel-btn-icon:after{
  margin-top: 6px;
  width: 20px;
}
#panel-btn .close{
  background: transparent;
}
#panel-btn .close:before, #panel-btn .close:after{
  margin-top: 0;
}
#panel-btn .close:before{
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
#panel-btn .close:after{
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  width: 30px;
}
#nav_trigger .label{
color: #FFF;
font-size: 12px;
text-align: center
}

/*--グローバルナビ-------------*/
#gnav {
position: fixed;
width: 100%;
height: calc(100vh - 70px);
top: 70px;
z-index: 999;
overflow-y: scroll;
font-weight: 500;
color: #FFF;
display: none
}
#gnav nav{
padding-top: 50px;
padding-bottom: 50px;
}
#gnav i{
margin-left: 1em;
}
#gnav ul#global {
font-size: 27px
}
#gnav ul#global li {
margin-bottom: 1em;
}
#gnav ul#global li a {
color: #FFF;
text-decoration: none;
}
#gnav ul#global li a:hover {
color: #E94827;
}
#gnav ul.nav_course{
font-size: 20px;
margin-top: 0.3em;
}
#gnav ul.nav_course li{
width: 346px;
float: left;
margin-right: 21px;
}
#gnav ul.nav_course li:nth-child(3n){
margin-right: 0px;
}
#gnav ul.nav_course li a{
display: block;
background-color: #FFF;
text-align: center;
color: #54C3F1!important;
padding-top: 0.7em;
padding-bottom: 0.7em;
}
#gnav ul.nav_course li.col1 a{
    color: #42AD45!important
}
#gnav ul.nav_course li.col1 a:hover{
    color: #FFF!important;
    background-color:#42AD45;
}
#gnav ul.nav_course li.col2 a{
    color: #4158A0!important
}
#gnav ul.nav_course li.col2 a:hover{
    color: #FFF!important;
    background-color:#4158A0;
}
#gnav ul.nav_course li.col3 a{
    color: #ED7C90!important
}
#gnav ul.nav_course li.col3 a:hover{
    color: #FFF!important;
    background-color:#ED7C90;
}
#gnav ul.nav_admission{
font-size: 20px;
margin-top: 0.3em;
}
#gnav ul.nav_admission li{
width: 346px;
float: left;
margin-right: 21px;
}
#gnav ul.nav_admission li:nth-child(3n){
margin-right: 0px;
}
#gnav ul.nav_admission li a{
    display: block;
    text-align: center;
    color: #FFF;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    border: 2px solid #FFFFFF;
    border-radius: 8px
}
#gnav ul.nav_admission li a:hover{
    color: #0078C8;
    background-color: #FFF
} 
#gnav ul.nav_contact{}
#gnav ul.nav_contact li{
width: 525px;
float: left;
margin-right: 30px;
}
#gnav ul.nav_contact li:nth-child(2n){
margin-right: 0px;
}
#gnav ul.nav_subcontents{
float: left;
padding-top: 30px;
margin-right: 150px;
}
#gnav ul.nav_subcontents li a{
color: #FFF;
text-decoration: none
}
#gnav ul.nav_subcontents li a:hover{
color: #E94827;
}
#gnav ul.nav_sns{
margin-top: 30px;
}
#gnav ul.nav_sns li{
float: left;
margin-right: 20px;
}
#gnav ul.nav_sns li img{
width: 70px;
height: auto
}

/*--メインビジュアル-------------*/
#mainVis {
width: 100%;
height: auto;
}
#mainVis img{
width: 100%;
height: auto;
object-fit: cover
}

/*--INDEX_OPENCAMPUS-------------*/
#index_opencampus{
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 2.2;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 90px;
}
#index_opencampus .inner{
    background-image: url(../../images/oc_bg.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 110px auto;
}
#index_opencampus #label{
    position: absolute;
    right: 0px;
    top: -100px;
    transition: .3s
}
#index_opencampus #label2{
    position: absolute;
    right: 160px;
    top: -100px;
    transition: .3s
}
#index_opencampus #label:hover,
#index_opencampus #label2:hover{
    top: -120px;
}
#index_opencampus #label img,
#index_opencampus #label2 img{
filter: drop-shadow(5px 5px 5px rgba(255,255,255,0.70));
width: 130px;
height: auto
}

/*--INDEX_CMS-------------*/
#index_cms{}
#index_cms .btn_viewall{}
#index_cms .btn_viewall a{
    border: 3px solid #E94827;
    border-radius: 10px;
    display: inline-block;
    float: right;
    color: #E94827;
    padding: 3px 15px 3px 15px;
    text-decoration: none;
}
#index_cms .btn_viewall a i{
margin-left: 10px
}
#index_cms .btn_viewall a:hover{
    color: #FFF;
    background-color: #E94827
}

/*--NEWS-------------*/
#news {
font-size: 20px;
padding-bottom: 50px;
}
#news dl {
margin-left: 0px;
margin-right: 10px;
padding: 0px;
margin-bottom: 30px;
}
#news dt {
    float: left;
    width: 280px;
    clear: both;
    padding: 15px 0 15px 0;
}
#news dd {
padding: 15px 0 15px 280px;
border-bottom: 3px solid #CDCDCD;
}
#news dt .ico{
margin-right: 20px;
}
#news a{
text-decoration: none;
}
/*--REPORT-------------*/
#report{
padding-bottom: 50px;
}
#report .read{
text-align: center;
margin-bottom: 20px;
}
#report ul{
margin-bottom: 30px;
}
#report ul li{
    width: 336px;
    float: left;
    margin-right: 36px;
    box-shadow: 0px 3px 10px rgba(0,0,0,.3);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-bottom: 40px;
    min-height: 420px;
}
#report ul li:nth-child(3n){
margin-right: 0px;
}
#report ul li .ph{
width: 100%;
height: 255px;
}
#report ul li .ph img{
width: 100%;
height: 255px;
object-fit: cover
}
#report ul li .meta{
padding: 15px 10px
}
#report ul li .meta .date{
color: #969696
}
#report ul li .meta .ttl{
margin-bottom: 1.2em;
}
#report ul li .meta .btn_readmore{
}
#report ul li .meta .btn_readmore a{
    border: 2px solid #42AD45;
    border-radius: 50px;
    display: inline-block;
    float: right;
    color: #000000;
    padding: 3px 20px 3px 20px;
    text-decoration: none;
    font-size: 12px;
}
#report ul li .meta .btn_readmore a:hover{
    color: #FFF;
    background-color: #42AD45
}
#report ul li .meta .btn_readmore a i{
    margin-left: 7px;
}

/*--INDEX_POLICY-------------*/
#index_policy{
    text-align: center;
    color: #FFF;
    background-image: url(../../images/index_policy_bg.jpg);
    background-position: center center;
    background-size: cover;
    padding-top: 70px;
    padding-bottom: 100px;
    font-size: 20px;
    font-weight: 600;
    line-height: 2.2;
}
#index_policy ul li .btn_rounde_line a{
    border: 5px solid #FFF;
    background-color: #FFF;
    -webkit-box-shadow: 0px 5px 0px 0px #FFF;
    box-shadow: 0px 5px 0px 0px #FFF;
    line-height: 47px;
    color: #FFF
}

/*--INDEX_COURSE-------------*/
#index_course{
    /*background-image: url(../../images/index_course_bg.jpg);
    background-position: center center;
    background-size: cover;*/
    padding-top: 70px;
    padding-bottom: 70px;
}
.course_bx_wrap{}
.course_bx_wrap .course_bx{
    width: 510px;
    min-height: 400px;
    float: left;
    margin-right: 60px;
    margin-bottom: 60px;
    background-color: #FFF;
    -webkit-box-shadow: 3px 3px 3px 3px rgba(159,160,160,0.70);
    box-shadow: 3px 3px 3px 3px rgba(159,160,160,0.70);
}
.course_bx_wrap .course_bx.course_chara{
    -webkit-box-shadow: 0px 0px 0px 0px rgba(159,160,160,0.70);
    box-shadow: 0px 0px 0px 0px rgba(159,160,160,0.70);
    text-align: center
}
.course_bx_wrap .course_bx.course_chara .ph img{
width: 70%;
height: auto;
padding-top: 30px;
}
.course_bx_wrap .course_bx:nth-child(2n){
margin-right: 0px;
}
.course_bx_wrap a{
text-decoration: none
}
.course_bx_wrap .course_bx .ttl{
text-align: center;
background-color: #000000;
color: #FFF;
font-size: 30px;
font-weight: 600;
padding: 10px;
}
.course_bx_wrap .course_bx .ph{
margin-bottom: 20px;
}
.course_bx_wrap .course_bx .ph img{
width: 100%;
height: auto
}
.course_bx_wrap .course_bx table{
width: 90%;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
font-weight: 600;
}
.course_bx_wrap .course_bx table th{
    text-align: center;
    color: #FFF;   
}
.course_bx_wrap .course_bx table td{
padding-left: 1em;
}
.course_bx_wrap .course_bx ul{
width: 90%;
margin-left: auto;
margin-right: auto;
}
.course_bx_wrap .course_bx .read{
text-align: center;
font-size: 20px;
padding-top: 2em;
padding-bottom: 3em;
font-weight: 600;
}
.course_bx_wrap .course_bx.course01 .ttl{
background-color: #42AD45;
}
.course_bx_wrap .course_bx.course01 .read{
color: #42AD45;
}
.course_bx_wrap .course_bx.course01 .btn_rounde_line a,
.btn_rounde_line.course01 a{
    border: 5px solid #42AD45;
    -webkit-box-shadow: 0px 5px 0px 0px #42AD45;
    box-shadow: 0px 5px 0px 0px #42AD45;
    color: #42AD45
}
.course_bx_wrap .course_bx.course02 .ttl{
background-color: #4158A0;
}
.course_bx_wrap .course_bx.course02 .read{
color: #4158A0;
}
.course_bx_wrap .course_bx.course02 .btn_rounde_line a,
.btn_rounde_line.course02 a{
    border: 5px solid #4158A0;
    -webkit-box-shadow: 0px 5px 0px 0px #4158A0;
    box-shadow: 0px 5px 0px 0px #4158A0;
    color: #4158A0
}
.course_bx_wrap .course_bx.course03 .ttl{
background-color: #ED7C90;
}
.course_bx_wrap .course_bx.course03 .read{
color: #ED7C90;
}
.course_bx_wrap .course_bx.course03 .btn_rounde_line a,
.btn_rounde_line.course03 a{
    border: 5px solid #ED7C90;
    -webkit-box-shadow: 0px 5px 0px 0px #ED7C90;
    box-shadow: 0px 5px 0px 0px #ED7C90;
    color: #ED7C90
}
.course_bx_wrap .course_bx.course04 .btn_rounde_line a,
.btn_rounde_line.course04 a{
    border: 5px solid #003990;
    -webkit-box-shadow: 0px 5px 0px 0px #003990;
    box-shadow: 0px 5px 0px 0px #003990;
    color: #003990
}

/*--INDEX_JOB-------------*/
#index_job{
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 2.2;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 90px;
}
#index_job ul{
margin-top: 50px;
text-align: center;
}
#index_job ul li{
width: 525px;
float: none!important;
margin-right: 0px;
display: inline-block
}

/*--BNR_WEBAPP-------------*/
#index_webapp{
text-align: center;
margin-bottom: 50px;
}

/*--INDEX_ADMISSION-------------*/
#index_admission{
margin-bottom: 90px;
}
#index_admission table{
width: 100%;
margin-bottom: 30px;
}
#index_admission table th{
width: 50%;
}
#index_admission table th img{
width: 100%;
height: auto
}
#index_admission table td{
    background-image: url(../../images/index_admission_bg.jpg);
    background-position: center center;
    background-size: cover;
    padding: 20px 40px;
    font-size: 35px;
    line-height: 1;
}
#index_admission table td p{
    padding-top: 10px;
    padding-bottom: 10px;
}
#index_admission table td a{
    color: #FFF;
    text-decoration: none
}
#index_admission table td a:hover{
   padding-left: 0.5em;
}
#index_admission table td .label{
background-color: #FFE200;
color: #E94827;
font-weight: 500;
font-size: 27px;
text-align: center;
border-radius: 8px;
margin-top: 20px;
padding: 10px;
}


/*--INSTAGRAM-------------*/
#index_instagram{}
#index_instagram .btn{
width: 525px;
margin: auto;
margin-top: 50px;
}
#index_instagram ul.nav_sns{
margin-top: 50px;
text-align: center;
margin-bottom: 90px;
}
#index_instagram ul.nav_sns li{
display: inline-block
}
#index_instagram ul.nav_sns li img{
width: 70px;
height: auto
}

/*--INDEX_ACCESS-------------*/
#index_access{
padding-top: 40px;
    padding-bottom: 40px;
    color: #FFF;
    font-size: 20px;
}
#index_access .telnum{
margin-top: 20px;
    font-size: 37px;
    font-weight: 600;
    line-height: 32px
}
#index_access .telnum img{
margin-right: 10px;
}
#gmap{
width: 100%;
height: 700px;
margin-bottom: 20px;
}

/*--FOOTER-------------*/
footer {
background-color: #EFEFEF;
clear: both;
padding-top: 40px;
}
footer .adress {
font-size: 20px;
margin-bottom: 2em;
width: 100%
}
footer .adress span,
footer .adress th{
font-size: 24px;
color: #E94827;
margin-right: 1em;
}
footer .mcl_list_ttl img{
width: 290px;
height: auto;
margin-bottom: 1em
}
footer ul.groupe_list {
margin-bottom: 30px;
}
footer ul.groupe_list li {
float: left;
width: 340px;
margin-right: 30px;
margin-bottom: 15px;
}
footer ul.groupe_list li:nth-child(3n) {
margin-right: 0px;
}
footer ul.groupe_list li img {
width: 100%;
height: auto
}
.ft_meta{
margin-bottom: 20px;
}
footer ul.privacy {
float: left
}
footer ul.privacy li {
display: inline-block
}
footer ul.privacy li:first-child{
    border-right: 2px solid #000000;
    padding-right: 1em;
    margin-right: 1em;
    line-height: 1;
}
footer ul.privacy li a{
text-decoration: none
}
footer .groupe_name {
float: right
}
footer .groupe_name img{
width: 225px;
height: auto
}
.copyright{
background-color: #E94827;
color: #FFF;
text-align: center;
padding-top: 30px;
padding-bottom: 90px;
}

/*--FOOTER_FIXED-------------*/
#pageTop {
position: fixed;
right: 20px;
bottom: 80px;
width: 45px;
height: 45px;
background-color: #E94827;
text-align: center;
line-height: 42px;
font-size: 30px;
z-index: 99;
}
#pageTop a{
color: #FFF
}
#pageTop:hover {
line-height: 37px;
}
#ft_nav{
    width: 100%;
    position: fixed;
    z-index: 99;
    left: 0;
    bottom: 0;
    border-bottom: 5px solid #870D08;
    background-image: -webkit-linear-gradient(270deg,rgba(230,120,98,1.00) 0%,rgba(212,41,22,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(230,120,98,1.00) 0%,rgba(212,41,22,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(230,120,98,1.00) 0%,rgba(212,41,22,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(230,120,98,1.00) 0%,rgba(212,41,22,1.00) 100%);
}
#ft_nav ul li{
    width: calc(50% - 5px);
    float: left;
    text-align: center;
    border-left: 5px solid #FFFFFF;
}
#ft_nav ul li:last-child{
    width: calc(50% - 10px);
    border-right: 5px solid #FFFFFF;
}
#ft_nav ul li a{
font-size: 18px;
font-weight: 600;
color: #FFF;
text-decoration: none;
display: block;
line-height: 55px;
}
#ft_nav ul li a:hover{
    background-color: rgba(0,0,0,0.32)
}
#ft_nav ul li img{
width: 45px;
height: auto;
margin-right: 10px;
line-height: 85px;
vertical-align: middle!important
}


/*--共通スタイル-------------*/
#contents {
padding-top: 90px;
}
#contents:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden
}
img.img_res{
width: 100%;
height: auto
}
.g_bg{
    background-image: -webkit-linear-gradient(323deg,rgba(255,169,31,1.00) 33.97%,rgba(233,72,39,1.00) 67.80%);
    background-image: -moz-linear-gradient(323deg,rgba(255,169,31,1.00) 33.97%,rgba(233,72,39,1.00) 67.80%);
    background-image: -o-linear-gradient(323deg,rgba(255,169,31,1.00) 33.97%,rgba(233,72,39,1.00) 67.80%);
    background-image: linear-gradient(127deg,rgba(255,169,31,1.00) 33.97%,rgba(233,72,39,1.00) 67.80%);
}
.inner {
width: 1080px;
margin-right: auto;
margin-left: auto;
position: relative
}
.pb {
padding-bottom: 60px;
}
/*--common下線見出しスタイル-------------*/
.ttl_line_arrow{
    text-align: center;
    clear: both;
    margin-bottom: 40px;
}
.ttl_line_arrow.mt{
    margin-top: 80px;
}
.ttl_line_arrow h2.line_arrow{
font-size: 40px;
font-weight: 600;
text-align: center;
background-image: url(../../images/line_arrow.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 630px auto;
display: inline-block;
margin-left: auto;
margin-right: auto;
padding:0px 10px 30px 10px;
}
.ttl_line_arrow h2.line_arrow.wh{
background-image: url(../../images/line_arrow_w.png);
color: #FFF
}
/*--ボタン2つ並び-------------*/
ul.btn_tow{
margin-top: 50px;
}
ul.btn_tow li{
width: 525px;
float: left;
margin-right: 30px;
}
ul.btn_tow li:last-child{
margin-right: 0px;
}
/*--ラインボタンスタイル-------------*/
.btn_rounde_line{
top: 0;
}
.btn_rounde_line.single{
width: 525px;
margin-left: auto;
margin-right: auto
}
.btn_rounde_line.mt{
margin-top: 100px;
}
.btn_rounde_line.end{
margin-bottom: 100px;
}
.btn_rounde_line a{
    display: block;
    text-align: center;
    position: relative;
    border: 5px solid #E94827;
    border-radius: 10px;
    background-color: #FFF;
    text-decoration: none;
    overflow: hidden;
    -webkit-box-shadow: 0px 5px 0px 0px #E94827;
    box-shadow: 0px 5px 0px 0px #E94827;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 25px;
     line-height: 47px;
    font-weight: 600;
    transition: .3;
}
.btn_rounde_line a i{
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transition: .3s
}
.btn_rounde_line a:hover i{
right: 15px;
}
/*--見出しスタイル（四角ライン）-------------*/
.ttl_bxline_head{
height: 35px;
width: 4px;
background-color: #E94827;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.ttl_bxline{
font-size: 43px;
font-weight: 600;
color: #E94827;
text-align: center;
margin-bottom: 50px;
margin-left: auto;
margin-right: auto;
}
.ttl_bxline.mt{
margin-top: 80px;
}
.ttl_bxline .side{
    border: 4px solid #E94827;
    width: 10px;
}
.ttl_bxline .side_in{
    border-top: 4px solid #E94827;
    border-bottom: 4px solid #E94827;
    width: 10px;
}
.ttl_bxline .txt{
    padding-left: 20px;
    padding-right: 20px;
}
/*--テーブルスタイル-------------*/
table.tbl_common{
    border-top: 1px solid #A5A5A5;
    border-left: 1px solid #A5A5A5;
    font-size: 16px;
    width: 100%;
    margin-bottom: 60px;
}
table.tbl_common.mt{
    margin-top: 1em;
}
table.tbl_common th,
table.tbl_common td{
    border-bottom: 1px solid #A5A5A5!important;
    border-right: 1px solid #A5A5A5!important;
    padding: 20px;
    font-weight: 600;
    background-color: #FFF
}
table.tbl_common th{
background-color: #FFCBB4;
white-space: nowrap
}
table.tbl_common .tbl_center,
table.tbl_common.tbl_center,
table.tbl_common.tbl_center th{
text-align: center!important
}

table.tbl_common th.flow_num{
position: relative;
font-weight: 600;
padding-left: 120px;
font-size: 25px;
}
table.tbl_common th.flow_num .num{
position: absolute;
left: 20px;
bottom: 10px;
}
table.tbl_common th.flow_num.center{
padding-left: 0px;
text-align: center
}
table.tbl_common.mt{
    margin-top: 30px;
}
.table_notice{
margin-top: -30px;
margin-bottom: 60px;
}


/*--アンカーナビスタイル-------------*/
ul.nav_anchor{
margin-bottom: 60px;
}
ul.nav_anchor li{
font-size: 25px;
width: 340px;
margin-right: 30px;
border-radius: 10px;
float: left
}

ul.nav_anchor.tow{
width: 710px;
margin-left: auto;
margin-right: auto;
margin-bottom: 60px;
}
ul.nav_anchor.four li{
font-size: 18px;
width: 249px;
margin-right: 28px;
}
ul.nav_anchor li{
width: 340px;
margin-right: 30px;
border-radius: 10px;
float: left
}
ul.nav_anchor li:last-child{
margin-right: 0px;
}
ul.nav_anchor li a{
    display: block;
    text-align: center;
    position: relative;
    text-decoration: none;
    color: #FFF;
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 1;
    font-weight: 600;
    transition: .3;
}
ul.nav_anchor li a i{
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transition: .3s
}
ul.nav_anchor li a:hover i{
top: 60%;
}
/*--背景カラー-------------*/
.bg_col{
background-color: #FAE3DF;
padding-bottom: 50px;
}
.bg_nocol{
background-color: #FFF;
padding-bottom: 50px;
}
/*--下層見出し-------------*/
.ttl_mid{
font-size: 40px;
font-weight: 600;
color: #E94827;
margin-bottom: 1em;
}
.ttl_mid.mt{
margin-top: 2em;
}
.ttl_mid2{
font-size: 20px;
font-weight: 600;
margin-bottom: 0.5em;
margin-top: 2em
}
.ttl_mid2 a{
color: #E94827;
text-decoration: none
}
.ttl_mid2 i{
margin-left: 0.4em;
}
.ttl_mid3{
font-size: 20px;
font-weight: 600;
margin-bottom: 0.5em;
margin-top: 2em
}
.ttl_mid_bg_bar{
background-color: #E94827;
color: #FFF;
text-align: center;
font-size: 25px;
font-weight: 600;
padding: 6px;
margin-bottom: 0.5em;
margin-top: 2em
}


.ttl_line_under{
    clear: both;
    margin-bottom: 70px;
}
.ttl_line_under h2.line_under span{
    font-size: 66px;
    font-weight: 600;
    letter-spacing: 0.15em;
    color: #E94827;
    border-bottom: 10px solid #E94827;
}
.ttl_bg_under{
background-color: #FAE3DF;
    text-align: center;
    padding-top: 70px;
    padding-bottom: 70px;
margin-bottom: 50px;
}
.ttl_bg_under h2{
font-size: 66px;
    font-weight: 600;
}


.sub_read{
font-size: 28px;
padding-bottom: 60px;
font-weight: 600
}
.sub_read span{
font-size: 18px;
font-weight: 400
}
.sub_read_center{
font-size: 20px;
padding-bottom: 60px;
font-weight: 500;
text-align: center
}
/*--アンカー位置-------------*/
#anc01,#anc02,#anc03,#anc04,#access {
    padding-top: 100px;
    margin-top:-100px;
}
/*--FAQ_ACCORDION-------------*/
.accordion_cont{
margin-bottom: 60px;
}
.accordion_cont .option {
position: relative;
margin-bottom: 1em;
}
.accordion_cont .title {
    display: block;
   background-color: #FFF;
    position: relative;
    border: 2px solid #A5A5A5;
    text-decoration: none;
    overflow: hidden;
   padding: 20px 20px 20px 70px;
    font-size: 19px;
    line-height: 1;
    font-weight: 600;
    transition: .3;
    cursor: pointer;    
}
.accordion_cont .title::after,
.accordion_cont .title::before {
content: "";
position: absolute;
right: 1.4em;
top: 1.2em;
width: 2px;
height: 0.75em;
background-color: #E94827;
transition: all 0.3s;
z-index: 10;
}
.accordion_cont .title::after {
transform: rotate(90deg);
}
.accordion_cont .title.active::before {
transform: rotate(90deg) !important;
}
.accordion_cont .content  {
display: none;
}
.accordion_cont .content .line_inner {
border-top: 0px solid #A5A5A5;
border-left: 2px solid #A5A5A5;
border-right: 2px solid #A5A5A5;
border-bottom: 2px solid #A5A5A5;
background-color: #FFCBB4;
padding: 20px 20px 20px 70px;
position: relative
}
.accordion_cont .content .line_inner .ttl {
text-align: center;
margin-bottom: 2em;
margin-top: 3em;
}
.accordion_cont .content .line_inner .ttl span{
    text-align: center;
    border: 5px solid #0078C8;
    border-radius: 60px;
    padding: 0.2em 1em;
    font-size: 23px;
}
.accordion_cont .faq_q,
.accordion_cont .faq_a{
font-size: 40px;
font-weight: 700;
color: #E94827;
position: absolute;
left: 20px;
top: 5px;
}
.accordion_cont .faq_a{
color: #FFF;
-webkit-text-stroke: 2px #E94827;
  text-stroke: 2px #E94827;
}

.accordion_cont .btn_more{
text-align: center;
margin-top: 20px;
}
.accordion_cont .btn_more a{
    border: 3px solid #E94827;
    background-color: #FFF;
    border-radius: 10px;
    display: inline-block;
    color: #E94827;
    padding: 3px 15px 3px 15px;
    text-decoration: none;
}
.accordion_cont .btn_more a i{
margin-left: 10px
}
.accordion_cont .btn_more a:hover{
    color: #FFF;
    background-color: #E94827
}
.faq_end {
    display: block;
   background-color: #FFF;
    position: relative;
    border: 2px solid #A5A5A5;
    margin-bottom: 20px;
   padding: 20px;
    font-size: 19px;
    font-weight: 600;
 text-align: center
}


/*--ADMISSION_POLICY　アドミッション・ポリシー-------------*/
#admission_policy{
padding-bottom: 60px;
}
.ttl_line_double{
    clear: both;
    margin-bottom: 60px;
    text-align: center
}
.ttl_line_double h2.line_double span{
    font-size: 58px;
    font-weight: 600;
    letter-spacing: 0.15em;
    color: #E94827;
    position: relative;
    padding-bottom: .2em;
    padding-left: 0.2em;
    padding-right: 0.2em;
}
.ttl_line_double h2.line_double span::before {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 14px;
	box-sizing: border-box;
	bottom: 0;
	border-top: 7px solid #E94827;
	border-bottom: 3px solid #E94827;
}
.ad_policy_txt{
font-size: 22px;
margin-bottom: 60px;
}
.philosophy{
    padding-top: 45px;
    padding-bottom: 80px;
    background-image: -webkit-linear-gradient(270deg,rgba(233,72,39,1.00) 0%,rgba(166,33,5,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(233,72,39,1.00) 0%,rgba(166,33,5,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(233,72,39,1.00) 0%,rgba(166,33,5,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(233,72,39,1.00) 0%,rgba(166,33,5,1.00) 100%);
    color: #FFF;
    text-align: center
}
.philosophy .ttl_line_double h2.line_double span{
    color: #FFF;
}
.philosophy .ttl_line_double h2.line_double span::before {
	border-top: 7px solid #FFF;
	border-bottom: 3px solid #FFF;
}
.philosophy p.head{
font-size: 22px;
}
.philosophy p{
margin-bottom: 1em;
}
.philo_txt{
font-size: 58px;
font-weight: 600;
}

.head_teacher_mv{
    background-color: #484848;
    text-align: left;
    padding-top: 100px;
    padding-bottom: 140px;
    background-image: url(../../images/ph_headteacher.jpg);
    background-position: center center;
    background-size: cover;
    margin-bottom: 40px;
}
.head_teacher_mv .txt{
padding-left: 40%
}
.head_teacher_mv .ttl_line_double {
	text-align: left
}
.head_teacher_mv .name {
margin-top: 1em;
text-align: right
}

/*--FEATURE　3つの特色-------------*/
#feature{
padding-bottom: 60px;
top: -90px;
position: relative
}
.feature_header{
    background-image: url(../../images/_feature/feature_header_bg.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 140px;
    background-size: 100% auto;
    margin-bottom: 60px;
}
.feature_header h2{
text-align: center;
margin-bottom: 20px;
}
.feature_header .read{
text-align: center;
font-size: 30px;
font-weight: 600;
color: #E94827;
margin-bottom: 50px;
}

.feature_point_ttl {
	display: flex;
	align-items: center;
    margin-bottom: 30px;
}
.feature_point_ttl:before, .feature_point_ttl:after {
	content: "";
	flex-grow: 1;
	border-top: 4px dotted #959595;
	display: block;
}

.point_bx{
margin-bottom: 40px;
}
.point_bx .ph{
    width: 47vw;
    margin-right: 3vw;
    float: left;
    -webkit-box-shadow: 10px 10px 0px #EF6E00;
    box-shadow: 10px 10px 0px #EF6E00;
}
.point_bx .ph img{
width: 100%;
height: auto
}
.point_bx .txt{
width: 540px;
float: left
}
.point_bx .txt .ttl{
font-size: 30px;
font-weight: 600;
margin-bottom: 40px;
}
.point_bx .txt .ttl span{
    border-bottom: 5px solid #FDC100;
}
.point_bx .txt .ttl span i{
    font-size: 14px;
    font-style: normal;
}

#feature .bg_col{
padding-top: 60px;
margin-bottom: 50px;
}
#feature .bg_col .point_bx{
margin-bottom: 80px;
}
#feature .bg_col .point_bx .txt .ttl span{
    border-bottom: 5px solid #E94827;
}

.btn_mat{}
.btn_mat a{
    border-radius: 8px;
    display: inline-block;
    float: right;
    color: #FFF;
    padding: 3px 20px 3px 20px;
    text-decoration: none;
    font-size: 18px;
    background-color: #00B9EF
}
.btn_mat a:hover{
    color: #FFF;
}
.btn_mat a i{
    margin-left: 7px;
}
.point_bx.second .ph{
margin-right: 0vw;
margin-left: 3vw;
float: right;
}
.point_bx.second .txt{
float: right
}


/*--CAREER　キャリア支援サポート-------------*/
#career{
padding-bottom: 60px;
}

#career .result{}
#career .result .ttl{
font-size: 20px;
font-weight: 600;
margin-bottom: 0.7em;
}
#career .result ul{
font-size: 20px;
font-weight: 600;
margin-bottom: 80px;
}
#career .result ul li{
width: 49%;
margin-right: 2%;
float: left
}
#career .result ul li:last-child{
margin-right: 0%
}
#career .result ul li img{
width: 100%;
height: auto
}

.career_bx{
margin-bottom: 40px;
width: 760px;
margin-left: auto;
margin-right: auto;
}
.career_bx .ttl_head{
background-color: #003990;
text-align: center;
color: #FFF;
font-weight: 600;
font-size: 48px;
margin-bottom: 40px;
}
.career_bx .ttl_head.gr{
background-color: #27ADA4;
}
.career_ac_bx{
}
.career_ac_bx .ttl{
font-size: 24px;
font-weight: 600;
margin-bottom: 20px;
cursor: pointer
}
.career_ac_bx .ttl i{
color: #003990;
margin-right: 0.5em;
transition: .3s;
}
.career_ac_bx .ttl.active i{
transform: rotate(90deg)
}
.career_ac_bx .cont{
display: none;
padding-left: 1.5em;
}

.career_bx .ph{
    margin-top: 1em;
    padding-bottom: 2em
}
.career_bx .ph img{
width: 100%;
height: auto
}

.career_column{
background-color: #E6EBF4;
margin-bottom: 60px;
padding: 40px 80px 10px 80px;
}
.career_column.gr{
background-color: #E9F7F6;
}
.career_column .ttl{
text-align: center;
margin-bottom: 2em;
}
.career_column .ttl span{
font-size: 26px;
font-weight: 600;
background-color: #FFC426
}
.career_column li{
margin-bottom: 50px;
}
.career_column .txt{
width: calc(45% - 40px);
float: left;
position: relative;
padding-left: 40px;
}
.career_column .txt .ico{
position: absolute;
left: 0;
top: 0px;
}
.career_column .txt .ttl_in{
font-size: 28px;
margin-bottom: 0.7em;
}
.career_column .ph{
width: 50%;
float: right
}
.career_column .ph img{
width: 100%;
height: auto
}





/*--CAREER_ACCORDION-------------*/
#career .toggle {
display: none;
}
#career .option {
position: relative;
margin-bottom: 1em;
}
#career .option .ttl{
cursor: pointer
}
#career .title {
    display: block;
    text-align: center;
    position: relative;
    border: 5px solid #0078C8;
    border-radius: 10px;
    text-decoration: none;
    overflow: hidden;
    -webkit-box-shadow: 0px 5px 0px 0px #0078C8;
    box-shadow: 0px 5px 0px 0px #0078C8;
    
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 25px;
    line-height: 1;
    font-weight: 600;
    transition: .3;
}
#career .bg_circle{
background-color: #B5B5B6;
width: 40px;
height: 40px;
border-radius: 50px;
position: absolute;
right: 1.25em;
top: 2.1em;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
z-index: 0;
}
#career .title::after,
#career .title::before {
content: "";
position: absolute;
right: 1.4em;
top: 1.0em;
width: 2px;
height: 0.75em;
background-color: #FFF;
transition: all 0.3s;
z-index: 10;
}
#career .title::after {
transform: rotate(90deg);
}
#career .content {
display: none
}
#career .title.active::before {
transform: rotate(90deg) !important;
}
#career .content .line_inner {
border: 5px solid #0078C8;
padding: 30px 110px 40px 110px;
}
#career .content .line_inner .ttl {
text-align: center;
margin-bottom: 2em;
margin-top: 3em;
}
#career .content .line_inner .ttl span{
    text-align: center;
    border: 5px solid #0078C8;
    border-radius: 60px;
    padding: 0.2em 1em;
    font-size: 23px;
}
ul.career_course_nav{
}
ul.career_course_nav li{
width: 48.5%;
margin-right: 3%;
margin-bottom: 15px;
float: left
}
ul.career_course_nav li:nth-child(2n){
margin-right: 0%;
}
ul.career_course_nav table{
background-color: #42AD45;
color: #FFF;
font-weight: 600;
width: 100%;
}
ul.career_course_nav table .course_name{
font-size: 25px;
}
ul.career_course_nav table th{
width: 150px;
}
#course ul.career_course_nav table th{
width: 250px;
}
ul.career_course_nav table img{
width: 100%;
height: auto
}
ul.career_course_nav table td{
text-align: left!important;
padding: 15px;
font-size: 14px;
}
ul.career_course_nav a{
text-decoration: none!important
}
ul.career_course_nav a:hover{
opacity: 0.7;
}

#career .option.col2 .title {
    border: 5px solid #F18900;
    -webkit-box-shadow: 0px 5px 0px 0px #F18900;
    box-shadow: 0px 5px 0px 0px #F18900;
}
#career .option.col2 .content .line_inner {
border: 5px solid #F18900;
}
#career .option.col2 .content .line_inner .ttl span{
    border: 5px solid #F18900;
}
#career .option.col2 .content .line_inner ul.career_course_nav table,
ul.career_course_nav table.col2{
background-color: #4158A0;
}
#career .option.col3 .title {
    border: 5px solid #EB6685;
    -webkit-box-shadow: 0px 5px 0px 0px #EB6685;
    box-shadow: 0px 5px 0px 0px #EB6685;
}
#career .option.col3 .content .line_inner {
border: 5px solid #EB6685;
}
#career .option.col3 .content .line_inner .ttl span{
    border: 5px solid #EB6685;
}
#career .option.col3 .content .line_inner ul.career_course_nav table,
ul.career_course_nav table.col3{
background-color: #ED7C90;
}


/*--入学案内・学費-------------*/
ul.enter_date{}
ul.enter_date li{
width: 525px;
margin-right: 30px;
float: left;
}
ul.enter_date li:nth-child(2n){
margin-right: 0px;
}
.enter_flow{}
.enter_flow li{
width: calc(calc(100% / 15) - 6px);
-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
    float: left
}
.enter_flow li.bx{
    border: 3px solid #0078C8;
    float: left
}
.enter_flow li.arrow{
    border: 3px solid #FFF;
}
.flow_arrow{
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
width: 0;
height: 0;
border-style: solid;
border-width: 30px 45px 0 45px;
border-color: #FFCBB4 transparent transparent 
}

/*--OPEN_CAMPUS　オープンキャンパス-------------*/
#opencampus{
padding-bottom: 60px;
top: -90px;
position: relative;
background-color: #F6F0F0
}
#opencampus .opencampus_header{
    width: 100%;
    height: 550px;
    margin-bottom: 40px;
    background-image: url(../../images/_opencampus/oc_mv.jpg);
    background-size: cover;
    background-position: center center;
    text-align: center
}
#opencampus .opencampus_header img{
width: auto;
height: 100%;
margin-left: auto;
margin-right: auto
}
ul.oc_experience{
width: 710px;
margin-left: auto;
margin-right: auto
}
ul.oc_experience li{
width: 340px;
margin-right: 30px;
float: left;
font-weight: 600;
text-align: center
}
ul.oc_experience li:nth-child(2n){
margin-right: 0px;
}
ul.oc_experience li .ttl_baloon{
  position: relative;
  display: inline-block;
  margin-bottom: 1.5em;
  padding: 7px 0px;
  width: 100%;
  color: #FFF;
  font-size: 30px;
  font-weight: 600;
  text-align: center;
  background: #E94827;
  border-radius: 80px;
}
ul.oc_experience li .ttl_baloon:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #E94827;
}

ul.oc_experience li.col2 .ttl_baloon{
  background: #3AAD70;
}
ul.oc_experience li.col2 .ttl_baloon:before {
  border-top: 15px solid #3AAD70;
}
ul.oc_experience li.col3 .ttl_baloon{
  background: #EB6685;
}
ul.oc_experience li.col3 .ttl_baloon:before {
  border-top: 15px solid #EB6685;
}
ul.oc_experience li .ph img{
width: 100%;
height: auto
}
ul.oc_experience li .txt{
background-color: #FFF;
padding: 20px;
font-size: 14px;
min-height: auto;
line-height: 1.9;
}
ul.oc_experience li .txt .ttl{
font-size: 18px;
  font-weight: 600;
  margin-bottom: 0.2em;
}

/*--オープンキャンパス　タイムテーブル-------------*/
.main-detail-timeline {
position: relative;
overflow: hidden;
width: 800px;
margin: 0 auto;
padding: 200px 0 0
}
.main-detail-timeline:before {
content: "";
position: absolute;
background: #E94827;
left: 50%;
width: 7px;
height: 70%
}

.main-detail-timeline-time {
margin: 0 auto;
background: #F6F0F0;;
font-family: 'Montserrat', sans-serif;
font-weight: bold;
line-height: 1.2;
position: relative;
clear: both;
text-align: center;
font-size: 21px;
letter-spacing: 1.4px;
padding: 6px 0 6px 7px;
margin-bottom: 150px
}
.main-detail-timeline-time span {
display: block;
font-size: 14px
}
.main-detail-timeline-time small {
display: block;
font-size: 14px
}

.main-detail-timeline ul {
width: 100%;
margin: 0;
padding: 0;
position: absolute;
top: 0;
left: 0
}
.main-detail-timeline ul li {
position: relative;
background: #fff;
box-shadow: 0px 0px 20px 0px rgba(34, 34, 34, 0.13);
width: 335px
}

.main-detail-timeline ul li .desc {
position: relative
}
.main-detail-timeline ul li .desc:before {
position: absolute;
content: "";
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-color: transparent #fff transparent transparent;
border-width: 8px 23px 8px 0;
top: 0%;
left: -23px
}
.main-detail-timeline ul li.right {
float: right
}
.main-detail-timeline ul li.left {
float: left
}
.main-detail-timeline ul li.left .desc:before {
border-color: transparent transparent transparent #fff;
border-width: 8px 0 8px 23px;
right: -23px;
left: auto;
}
.main-detail-timeline ul li.right .desc:before {
border-color: transparent #fff transparent transparent;
border-width: 8px 23px 8px 0;
}
.main-detail-timeline ul li.bl01 {
margin: 0px 0 0
}
.main-detail-timeline ul li.bl02 {
margin: 110px 0 0
}
.main-detail-timeline ul li.bl03 {
margin: -60px 0 0
}
.main-detail-timeline ul li.bl04 {
margin: -80px 0 0
}
.main-detail-timeline ul li.bl05 {
margin: 60px 0 0
}
.main-detail-timeline ul li.bl06 {
margin: -110px 0 0
}

.main-detail-timeline ul li:last-child .desc:before {
display: none
}
.main-detail-timeline ul li .img {
display: block;
width: 100%;
height: auto
}
.main-detail-timeline ul li .flag {
font-weight: bold;
font-size: 18px;
padding: 12px 30px 2px
}
.main-detail-timeline ul li .flag span {
color: #E94827
}

.main-detail-timeline ul li .desc {
font-size: 15px;
padding: 0 30px 15px
}
.main-detail-timeline-img {
text-align: center;
position: relative
}
.main-detail-timeline-img img {
display: block
}
.main-detail-timeline-img img {
position: absolute;
top: -977px;
left: 796px
}
.oc_bg{
background-color: #FDC100!important
}

ul.oc_access {
margin-bottom: 60px;
margin-top: 40px;
}
ul.oc_access li{
width: 515px;
margin-right: 50px;
float: left
}
ul.oc_access li:last-child{
margin-right: 0px;
}
ul.oc_access li .ttl {
  display: block;
  position: relative;
  height: 50px;
  line-height: 50px;
  text-align: center;
  padding: 0 30px;
  font-size: 21px;
  background: #E94827;
  color: #FFF;
  box-sizing: border-box;
  margin-bottom: 15px;
}
ul.oc_access li .ttl:before, ul.oc_access li .ttl:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}
ul.oc_access li .ttl:before {
  top: 0;
  left: 0;
  border-width: 25px 0px 25px 15px;
  border-color: transparent transparent transparent #F6F0F0;
  border-style: solid;
}
ul.oc_access li .ttl:after {
  top: 0;
  right: 0;
  border-width: 25px 15px 25px 0px;
  border-color: transparent #F6F0F0 transparent transparent;
  border-style: solid;
}
ul.oc_bnr {
margin-bottom: 60px;
}
ul.oc_bnr li{
width: 515px;
margin-right: 50px;
float: left
}
ul.oc_bnr li:last-child{
margin-right: 0px;
}
ul.oc_bnr li img{
width: 100%;
height: auto
}


/*--COURSE_COMMON-------------*/
#course{
padding-bottom: 60px;
top: -90px;
position: relative;
}
.course_header{
    width: 100%;
    height: 400px;
    position: relative;
    background-position: center center;
    background-size: cover;
}
.course_header .ttl_meta{
width: 540px;
padding-top: 80px;
color: #FFF;
float: right;
position: relative;
z-index: 10;
padding-left: 60px;
}
.course_header .ttl_meta .ttl{
font-size: 50px;
font-weight: 700;
margin-bottom: 0.3em;
}
.course_header .ttl_meta .ttl span{
font-size: 30px;
font-weight: 700;
display: block
}
.course_header .ttl_meta .meta{
font-size: 18px;
font-weight: 500;
display: inline-block;
position: relative
}
.course_header .ttl_meta .meta .fig_cap{
position: absolute;
top: 0px;
right: -110px;
float: right;
background-color: #FFE65F;
color: #4158A0;
text-align: center;
padding: 10px 20px;
}
.course_header .ttl_meta .meta .num{
background-color: #FFF;
border-radius: 8px;
text-align: left;
font-size: 20px;
margin-bottom: 0.3em;
padding: 0px 20px;
}
.course_header .ttl_meta .meta .num span{
background-color: #FFE340;
border-radius: 4px;
color: rgba(66,173,69,1.00);
font-size: 14px;
margin-left: 10px;
}
.course_header .ttl_meta_bg{
width: 600px;
height: 400px;
mix-blend-mode: multiply;
position: absolute;
right: 0;
bottom: 0;
z-index: 1
}
.course_header .mv_ph_bg{
    width: 100%;
    height: 400px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0
}
.course_header .mv_ph_bg img{
    width: 100%;
    height: 400px;
    object-fit: cover;
}
.outline{
    padding-top: 60px;
    padding-bottom: 60px;
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 2;
    background-position: center center;
    background-size: cover;
    color: #FFF;
    margin-bottom: 40px;
}
.outline .ttl{
width: 100%;
text-align: center;
font-size: 32px;
font-weight: 600;
margin-bottom: 1em;
}

ul.feature_three{}
ul.feature_three li{
    border-bottom: 3px solid #CDCDCD;
    padding-bottom: 40px;
    margin-bottom: 40px;
}
ul.feature_three li .txt{
float: left;
width: 480px;
}
ul.feature_three li .txt .heading{
position: relative;
font-size: 26px;
font-weight: 600;
padding-top: 1em;
padding-bottom: 1em;
padding-left: 180px;
margin-bottom: 1em;
}
ul.feature_three li .txt .heading .ico{
position: absolute;
left: 0;
bottom: 0;
}
ul.feature_three li .txt .heading .ico img{
width: 160px;
height: auto
}
ul.feature_three li .ph{
float: right;
width: 535px;
}
ul.feature_three li .ph img{
width: 100%;
height: auto
}

.ttl_gray{
font-size: 25px;
text-align: center;
background-color: #B5B5B6;
color: #FFF;
border-radius: 10px;
margin-bottom: 1em;
}

table.license{
width: 100%;
margin-bottom: 2em;
}
table.license .ttl{
font-size: 20px;
font-weight: 600;
margin-bottom: 0.5em
}
table.license .ttl span{
color: #FFE33F
}
table.license td{
vertical-align: top;
padding-left: 2%;
padding-right: 2%
}
table.license.one td{
width: calc(96% / 2);
}
table.license.tow td:first-child{
width: calc(96% / 3);
}
table.license.three td{
width: calc(96% / 3);
}

table.course_job_pickup{
width: 100%;
margin-bottom: 2em;
}
table.course_job_pickup th{
width: 500px;
}
table.course_job_pickup th img{
width: 500px;
height: auto
}
table.course_job_pickup td{
vertical-align: top;
padding-left: 50px;
}
table.course_job_pickup td .ttl{
font-size: 30px;
color: #54C3F1;
font-weight: 600;
margin-bottom: 0.5em;
}
table.course_job_pickup td .ttl span{
background-color: #000;
color: #FFE33F;
border-radius: 4px;
margin-right: 20px;
padding-left: 20px;
padding-right: 20px;
}
table.course_job_pickup td .ttl i{
font-size: 18px;
}
.curriculum{}
.curriculum img{
width: 100%;
height: auto;
}

ul.curriculum_feature{
margin-bottom: 40px;
}
ul.curriculum_feature li{
width: 332px;
margin-right: 42px;
float: left
}
ul.curriculum_feature li:last-child{
margin-right: 0px;
}
ul.curriculum_feature .ph{
margin-bottom: 0.5em
}
ul.curriculum_feature .ph img{
width: 100%;
height: auto
}
ul.curriculum_feature .ttl{
font-size: 20px;
font-weight: 600;
margin-bottom: 0.5em
}
ul.curriculum_feature .ttl span{
color: #FFE33F
}
.ttl_year{}
.ttl_year.mt{
margin-top: 50px;
}
.ttl_year img{
width: 155px;
height: auto
}
table.course_timetable{
width: 100%;
font-size: 16px;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    margin-bottom: 20px;
}
table.course_timetable th,
table.course_timetable td{
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
    text-align: center;
    padding: 10px;
}
table.course_timetable .time{
background-color: #FDC100
}

.notice{
text-align: right;
margin-bottom: 20px;
font-size: 16px;
}
.notice_center{
text-align: center;
margin-bottom: 20px;
font-size: 16px;
}

.course_pickup{
border-radius: 12px;
padding: 50px;
position: relative;
margin-top: 60px;
margin-bottom: 80px;
}
.course_pickup .label{
position: absolute;
left: 40px;
top: -20px;
}
.course_pickup .txt{
width: 400px;
float: left;
}
.course_pickup .txt .ttl{
font-size: 24px;
line-height: 1.8;
margin-bottom: 1em;
}
.course_pickup .txt .ttl span{
background-color: #FFF
}
.course_pickup .ph{
width: 540px;
float: right
}
.course_pickup .ph img{
width: 100%;
height: auto
}
.course_pickup .ph_single{
width: 100%;
float: none
}
.course_pickup .ph_single img{
width: 100%;
height: auto
}
.course_interview{
    color: #FFF;
    position: relative;
    padding-left: 80px;
    padding-right: 380px;
    padding-bottom: 60px;
    margin-bottom: 80px;
}
.course_interview .ttl{
font-size: 21px;
margin-bottom: 1em;
}
.course_interview .ph{
position: absolute;
right: 0;
bottom: 0;
}
.course_interview .ph img{
width: 430px;
height: auto
}
/*--各コースカラーバリエーション-------------*/
/*--COURSE 01-------------*/
.course01 .course_header .ttl_meta .meta .num{
color: #42AD45;
}
.course01 .course_header .ttl_meta_bg{
background-color: #42AD45;
}
.course01 .outline{
background-image: url(../../images/_course/outline_bg01.jpg);
}
.course01 .ttl_line_arrow h2.line_arrow{
background-image: url(../../images/_course/line_arrow_c01.png);
}
.course01 .ttl_line_arrow h2.line_arrow span{
background-color: #FFE33F;
line-height: 1.8!important
}
.course01 table.course_timetable .week{
background-color: #54C3F1
}
.course01 .course_pickup{
background-color: #E5F6FD;
}
.course01 .course_interview{
    background-image: -webkit-linear-gradient(0deg,rgba(85,194,239,1.00) 0%,rgba(133,191,201,1.00) 100%);
    background-image: -moz-linear-gradient(0deg,rgba(85,194,239,1.00) 0%,rgba(133,191,201,1.00) 100%);
    background-image: -o-linear-gradient(0deg,rgba(85,194,239,1.00) 0%,rgba(133,191,201,1.00) 100%);
    background-image: linear-gradient(90deg,rgba(85,194,239,1.00) 0%,rgba(133,191,201,1.00) 100%);
}
.course01 table.course_job_pickup td .ttl{
color: #42AD45;
}

/*--COURSE 02-------------*/
.course02 .course_header .ttl_meta .meta .num{
color: #4158A0;
}
.course02 .course_header .ttl_meta_bg{
background-color: #4158A0;
}
.course02 .outline{
background-image: url(../../images/_course/outline_bg02.jpg);
}
.course02 .ttl_line_arrow h2.line_arrow{
background-image: url(../../images/_course/line_arrow_c02.png);
}
.course02 .ttl_line_arrow h2.line_arrow span{
background-color: #FFE33F;
line-height: 1.8!important
}
.course02 .bg_col{

padding-bottom: 50px;
}
.course02 table.course_timetable .week{
background-color: #3AAD70
}
.course02 .course_pickup{
background-color: #E3F7E8;
}
.course02 .course_interview{
    background-image: -webkit-linear-gradient(0deg,rgba(58,173,112,1.00) 0%,rgba(167,208,129,1.00) 100%);
    background-image: -moz-linear-gradient(0deg,rgba(58,173,112,1.00) 0%,rgba(167,208,129,1.00) 100%);
    background-image: -o-linear-gradient(0deg,rgba(58,173,112,1.00) 0%,rgba(167,208,129,1.00) 100%);
    background-image: linear-gradient(90deg,rgba(58,173,112,1.00) 0%,rgba(167,208,129,1.00) 100%);
}
.course02 table.course_job_pickup td .ttl{
color: #4158A0;
}

/*--COURSE 03-------------*/
.course03 .course_header .ttl_meta .meta .num{
color: #ED7C90;
}
.course03 .course_header .ttl_meta_bg{
background-color: #ED7C90;
}
.course03 .outline{
background-image: url(../../images/_course/outline_bg03.jpg);
}
.course03 .ttl_line_arrow h2.line_arrow{
background-image: url(../../images/_course/line_arrow_c03.png);
}
.course03 .ttl_line_arrow h2.line_arrow span{
background-color: #FFE33F;
line-height: 1.8!important
}
.course03 .bg_col{

padding-bottom: 50px;
}
.course03 table.course_timetable .week{
background-color: #EB6685
}
.course03 .course_pickup{
background-color: #FCE8ED;
}
.course03 .course_interview{
    background-image: -webkit-linear-gradient(0deg,rgba(235,102,133,1.00) 0%,rgba(242,165,147,1.00) 100%);
    background-image: -moz-linear-gradient(0deg,rgba(235,102,133,1.00) 0%,rgba(242,165,147,1.00) 100%);
    background-image: -o-linear-gradient(0deg,rgba(235,102,133,1.00) 0%,rgba(242,165,147,1.00) 100%);
    background-image: linear-gradient(90deg,rgba(235,102,133,1.00) 0%,rgba(242,165,147,1.00) 100%);
}
.course03 table.course_job_pickup td .ttl{
color: #ED7C90;
}

/*--COURSE 04-------------*/
.course04 .course_header{
margin-bottom: 50px;
}
.course04 .course_header .ttl_meta .meta .num{
color: #4158A0;
}
.course04 .course_header .ttl_meta{
float: left;
}
.course04 .course_header .ttl_meta_bg{
background-color: #4158A0;
right: auto;
left: 0
}

.course04 ul.nav_anchor li a{
    color: #003990;
    border: 2px solid #003990;
    min-height: 50px;
}
.course04 ul.nav_anchor li a span{
    font-size: 18px;
}
.course04 ul.nav_anchor li.last a{
    padding-top: 1.2em;
    padding-bottom: 10px;
}

.course04 .ttl_line_arrow h2.line_arrow{
background-image: url(../../images/_course/line_arrow_c04.png);
}
.course04 .ttl_line_arrow h2.line_arrow span{
font-size: 24px;
line-height: 1.8!important
}
.course04 .ttl_line_arrow h2.line_arrow i{
font-size: 22px;
line-height: 1.8!important;
background-color: #003990;
color: #FFF;
font-style: normal;
padding: 2px 10px;
border-radius: 6px;
}
.course04 .moshi_read{
text-align: center;
margin-bottom: 1em;
font-size: 20px;
}
.course04 .moshi_notice{
text-align: center;
margin-bottom: 1em;
font-size: 16px;
}
.course04 .moshi_ttl{
font-size: 28px;
color: #003990;
font-weight: 600;
}
.course04 .moshi_ttl.center{
text-align: center;
margin-bottom: 0.5em;
}
.course04 .moshi_ttl span{
font-size: 22px;
color: #000000;
font-weight: 400;
}
.course04 table.moshi_tbl{
font-size: 22px;
font-weight: 500;
margin-left: auto;
margin-right: auto;
margin-bottom: 60px;
width: 600px;
}
.course04 table.moshi_tbl th{
color: #003990;
font-weight: 500;
vertical-align: top;
white-space: nowrap
}
.course04 table.moshi_tbl th,
.course04 table.moshi_tbl td{
padding-top: 0.2em;
padding-bottom: 0.2em
}
.course04 .bg_nocol{
padding-bottom: 150px;
}
.moshi_txt_c{
text-align: center;
margin-bottom: 2em;
}

/*--WEB_APP-------------*/
#webapp{
top: -90px;
position: relative
}
.webapp_date{
text-align: center;
font-weight: 600;
font-size: 35px;
margin-bottom: 40px;
}
.wa_bg{
background-color: #FFE33F!important
}




/*--MAILFORM-------------*/
.main-form {
width: 100%;
margin: 75px auto 100px
}
.main-form table {
  width: 100%
}
.main-form table tr:not(:last-child) th, 
.main-form table tr:not(:last-child) td {
  border-bottom: 1px solid #e7e7e7
}
.main-form table td {
  background: #fff;
  vertical-align: middle;
  padding: 20px 30px
}
.main-form-title {
  background: #fad3d0;
  font-weight: bold;
  text-align: left;
  vertical-align: top;
  position: relative;
  width: 250px;
    padding: 28px 30px;
}
.main-form-title.required:after {
  content: '必須';
  display: inline-block;
  margin: 0;
  padding: 0 12px;
  font-size: 12px;
  color: #ffffff;
  background-color: #ea5769;
  position: absolute;
  top: 30px;
 right: 30px
}
.main-form input[type=text], 
.main-form input[type=email], 
.main-form input[type=tel] {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border: none;
  background: #f9f9f9;
  padding: 12px 20px;
    font-size: 14px;
    max-width: 320px
}
.main-form input[type=text]::placeholder, 
.main-form input[type=email]::placeholder, 
.main-form input[type=tel]::placeholder {
  color: #969696;
  max-width: 452px;
  width: 30%
}
.main-form textarea {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 10px 12px;
  background: #f9f9f9;
  border: none;
  font-size: 16px
}
.main-form-select {
  box-sizing: border-box;
  width: 100%;
  padding: 10px 12px;
  border: none;
  background: #f9f9f9;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer
}
.main-form-select-wrapper {
  position: relative;
  max-width: 320px
}
.main-form-select-wrapper:before {
  content: '';
  position: absolute;
  top: calc(50% - 3px);
  right: 12px;
  width: 0;
  border-style: solid;
  border-width: 10px 6px 0 6px;
  border-color: #66abd9 transparent transparent transparent;
  pointer-events: none
}
.main-form-select-wrapper + .main-form-select-wrapper {
    margin-top: 10px
  }

.main-form-radio-wrapper .mwform-radio-field label {
  padding-left: 20px;
  position: relative;
  margin-right: 20px
}
.main-form-radio-wrapper .mwform-radio-field label:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
  background: #f9f9f9;
  border: 1px solid #66abd9;
  border-radius: 50%
}
.main-form-radio-wrapper .mwform-radio-field label.checked:after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
  background: #66abd9;
  border-radius: 50%
}
.main-form-radio-wrapper .mwform-radio-field label input {
  display: none
}
.main-form-radio-wrapper + .main-form-select-wrapper {
  margin: 5px 0 0
}
.main-form-errorText, .main-form .error {
  font-weight: bold;
  color: #e63737;
  margin: 4px 0 0
}
.main-form-inputChecks-item {
    float: left;
    width: 370px;
    margin: 22px 10px 0 0
}
.main-form-inputChecks-item-label > input {
  display: none
}
.main-form-inputChecks-item-label-dec {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: -2px 10px 0 0;
  border-radius: 3px;
  border: 2px solid #111;
  vertical-align: middle;
  background-color: #fff
}
.main-form-inputChecks-item-label input:checked + .main-form-list-item-inputChecks-item-label-dec:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 5px;
  width: 5px;
  height: 10px;
  transform: rotate(40deg);
  border-right: 2px solid #111;
  border-bottom: 2px solid #111
}
.main-form-agree {
  display: inline-block;
  font-weight: bold;
  font-size: 18px
}
.main-form-agree > input {
  display: none
}
.main-form-agree > a {
  text-decoration: underline
}
.main-form-agree-block {
  text-align: center;
  font-weight: bold;
  width: 590px;
    margin: 72px auto 0;
    font-size: 18px
}
.main-form-agree-block-txt {
  text-align: left;
  margin: 0 0 40px
}
.main-form-agree-block-txt-title {
  font-weight: bold;
  font-size: 18px;
    margin: 0 0 8px
}
.main-form-agree-block-txt-title + p {
    font-size: 14px;
    font-weight: normal
}
.main-form-agree-block a[target="_blank"] {
  background: none;
  padding: 0
}
.main-form-agree-dec {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 2px solid #0072bf;
  vertical-align: middle;
  background-color: #fff;
  margin: -2px 7px 0 0
}
.main-form-agree > input:checked + .main-form-agree-dec:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 5px;
  width: 5px;
  height: 10px;
  transform: rotate(40deg);
  border-right: 2px solid #111;
  border-bottom: 2px solid #111
}
.main-form-thanks {
  text-align: center;
  padding: 60px 0 64px;
    font-size: 18px;
    line-height: 1.8
}
.main-submit {
  display: block;/*後から変更*/
  justify-content: center;
  align-items: center;
  position: relative;
}
.main-submit i{
position: absolute;
top: 83%;
right: 20px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transition: .3s;
font-size: 25px;
}
.main-submit:hover i{
right: 15px;
}
.main-submit {
margin: 24px auto 0
}
.main-submit label {
  display: block;
  position: relative;
   margin: auto;/*後から変更*/
  width: 525px;
    /*height: 56px*//*後から変更*/
}
.main-submit label.icon-link {
  padding: 0
}
.main-submit label.icon-link::before {
left: 26px
}
.main-submit label.icon-link::after {
left: 33px
}
.main-submit label .icon-link:before {
  z-index: 2;
  top: 28px;
    left: 60px
}
.main-submit label .icon-link:after {
  z-index: 3
}
.main-submit label .icon-link:after {
    top: 28px;
    left: 66px
  }
.main-submit input[type=submit], .main-submit a {
  display: block;
  background: #fff;
  font-weight: bold;
  text-align: center;
  -webkit-appearance: none;
width: 525px;
    line-height: 47px;
    margin: 0;
    font-size: 25px;
    border: 5px solid #E94827;
    border-radius: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
     -webkit-box-shadow: 0px 5px 0px 0px #E94827;
    box-shadow: 0px 5px 0px 0px #E94827;
    position: relative;
  }
.main-submit input[type=submit]:hover, .main-submit a:hover {
color: #E94827
}
.main-submit input[type=submit]:disabled, .main-submit a:disabled {
border: 3px solid #cce3f2;
background: #cce3f2
}
.main-submit input[type=submit]:disabled:hover, .main-submit a:disabled:hover {
cursor: default
}
.main-submit input[name="submitBack"] {
  display: block;
  background: #fff;
  font-weight: bold;
  text-align: center;
  -webkit-appearance: none;
width: 525px;
    line-height: 47px;
    margin: 0;
    font-size: 25px;
    border: 5px solid #E94827;
    border-radius: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
     -webkit-box-shadow: 0px 5px 0px 0px #E94827;
    box-shadow: 0px 5px 0px 0px #E94827;
    position: relative;
    margin-bottom: 30px;
}
.main-submit input[name="submitBack"]:hover {
background: none
}
.main-submit input {
  line-height: 1;
  padding: 0;
  border: none;
  background: none;
  font-weight: bold;
  color: #111;
  font-size: 16px;
    cursor: pointer
}
.main-form-agree-block .mwform-checkbox-field {
  display: inline-block;
  margin: 0 7px 0 0
}
.main-form-agree-block .mwform-checkbox-field-text {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  background-color: #66abd9;
  width: 29px;
    height: 29px;
    margin: -2px 7px 0 0
}
.main-form-agree-block input {
  display: none
}
.main-form-agree-block input:checked + .mwform-checkbox-field-text:after {
  content: "";
  display: block;
  position: absolute;
  transform: rotate(40deg);
  top: 3px;
    left: 7px;
    width: 10px;
    height: 14px;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff
}
.main-form-agree-block .error {
  margin: 14px 0 0;
  font-size: 14px
}
.mw_wp_form_confirm .main-form-select-wrapper:before {
  display: none
}
.mw_wp_form_confirm .main-form-agree-block {
  display: none
}



.form_btn_more{
margin-top: 20px;
}
.form_btn_more a{
    border: 3px solid #E94827;
    background-color: #FFF;
    border-radius: 10px;
    display: inline-block;
    color: #E94827;
    padding: 3px 15px 3px 15px;
    text-decoration: none;
    position: relative;
    top: -40px;
    font-size: 20px;
}
.form_btn_more a i{
margin-left: 10px
}
.form_btn_more a:hover{
    color: #FFF;
    background-color: #E94827
}








/*--CMS-------------*/
/*--ARTICLE-------------*/
.entry {
    margin-bottom: 50px;
    border: 5px solid #E94827;
    padding: 70px;
    position: relative
}
.entry .tri{
    position: absolute;
    right: -5px;
    top: -5px;
    z-index: 5
}
.entry .meta{
margin-bottom: 80px;
position: relative;
z-index: 10
}
.entry .meta .date{
font-size: 30px;
font-weight: bold;
}
.entry .meta .ttl{
font-size: 30px;
font-weight: bold;
margin-bottom: 20px;
}
.entry .meta .cat_data span {
	padding: 5px 8px;
	text-align: center;
	white-space: nowrap;
	color: #fff;
	background-color: #E94827;
}
/*.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;
}*/




.entry a {
	text-decoration: none;
}
.entry a:hover {
	text-decoration: none;
}
.entry p {
	margin: 0 0 20px 0;
	zoom: 1;
}
.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;
}

/*--PAGENATION-------------*/
.pagination {
	margin: 0px 0 80px;
	text-align: center;
}
.pagination ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.pagination li {
	display: inline-block;
	width: auto;
}
.pagination li a, .pagination li > span {
	font-size: .9em;
	display: block;
	width: 30px;
    line-height: 30px;
	margin: 0 1px;
	padding: 5px;
	text-decoration: none;
	color: #000;
	border: solid 1px #E94827;
	border-radius: 8px;
}
.pagination li > span {
	color: #000;
	background-color: #EEC2B2;
}
.pagination li a:hover {
	color: #000;
	background-color: #EEC2B2;
}
.pagination li .dots {
	width: 15px;
	padding: 0;
	color: #000;
	border-color: transparent;
	background-color: transparent;
}





































@media screen and (max-width: 479px) {
html {}
body {
background-color: #FFFFFF;
min-width: 320px;
/* for IE6/7 */ 
*font-size:small;
/* for IE Quirks Mode */
*font:x-small;
font-family: 'Noto Sans Japanese', sans-serif;
font-size: 16px;
-webkit-text-size-adjust: 100%;
animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
}

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: #000000;
transition: .3s;
}
a:visited {
color: #000000;
text-decoration: none;
}
a:hover {
color: #E94827;
text-decoration: underline;
}
a:active {
color: #E94827;
text-decoration: none;
}
a.btn img {
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
-ms-filter: 'alpha(opacity=100)';
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
a:hover.btn img {
-ms-filter: 'alpha(opacity=60)';
filter: alpha(opacity=30);
-moz-opacity: 0.40;
opacity: 0.40;
}
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: none!important;
}
.sp {
display: inherit!important;
}
#wrapper {
overflow: hidden;
padding-top: 70px;
}
/*--ヘッダー-------------*/
header {
height: 70px;
width: 100%;
position: fixed;
left: 0;
top: 0;
background-color: #E94827;
z-index: 100;
}
header h1 {
padding-top: 15px;
}
header h1 img{
width: auto;
height: 15px;
}
#nav_trigger{
position: absolute;
top: -5px;
right: 0px;
}
#panel-btn{
  display: inline-block;
  width: 40px;
  height: 40px;
  z-index: 9999999;
animation-duration: 2s;
cursor: pointer!important
}
#panel-btn-icon{
  display: block;
  position: absolute;
  top: 50%;
  left: 5px;
  width: 30px;
  height: 2px;
  margin: -1px 0 0 0;
  background: #FFF;
  transition: .2s;
}
#panel-btn-icon:before, #panel-btn-icon:after{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0px;
  width: 30px;
  height: 2px;
  background: #FFF;
  transition: .3s;
}
#panel-btn-icon:before{
  margin-top: -8px;
}
#panel-btn-icon:after{
  margin-top: 6px;
  width: 20px;
}
#panel-btn .close{
  background: transparent;
}
#panel-btn .close:before, #panel-btn .close:after{
  margin-top: 0;
}
#panel-btn .close:before{
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
#panel-btn .close:after{
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  width: 30px;
}
#nav_trigger .label{
color: #FFF;
font-size: 12px;
text-align: center
}

/*--グローバルナビ-------------*/
#gnav {
position: fixed;
width: 100%;
height: calc(100vh - 123px);
top: 70px;
z-index: 999;
overflow-y: scroll;
font-weight: 500;
color: #FFF;
display: none
}
#gnav nav{
padding-top: 25px;
padding-bottom: 25px;
}
#gnav i{
margin-left: 0.5em;
}
#gnav ul#global {
font-size: 24px
}
#gnav ul#global li {
margin-bottom: 0.7em;
line-height: 1.8
}
#gnav ul#global li a {
color: #FFF;
text-decoration: none;
}
#gnav ul#global li a:hover {
color: #E94827;
}
#gnav ul.nav_course{
font-size: 18px;
margin-top: 0.3em;
}
#gnav ul.nav_course li{
width: 100%;
float: none;
margin-right: 0px;
}
#gnav ul.nav_course li:nth-child(3n){
margin-right: 0px;
}
#gnav ul.nav_course li a{
display: block;
background-color: #FFF;
text-align: center;
color: #54C3F1!important;
padding-top: 0.7em;
padding-bottom: 0.7em;
}
#gnav ul.nav_course li.col1 a{
    color: #42AD45!important
}
#gnav ul.nav_course li.col1 a:hover{
    color: #FFF!important;
    background-color:#42AD45;
}
#gnav ul.nav_course li.col2 a{
    color: #4158A0!important
}
#gnav ul.nav_course li.col2 a:hover{
    color: #FFF!important;
    background-color:#4158A0;
}
#gnav ul.nav_course li.col3 a{
    color: #ED7C90!important
}
#gnav ul.nav_course li.col3 a:hover{
    color: #FFF!important;
    background-color:#ED7C90;
}
#gnav ul.nav_admission{
font-size: 20px;
margin-top: 0.3em;
}
#gnav ul.nav_admission li{
width: 100%;
float: none;
margin-right: 0px;
}
#gnav ul.nav_admission li:nth-child(3n){
margin-right: 0px;
}
#gnav ul.nav_admission li a{
    display: block;
    text-align: center;
    color: #FFF;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    border: 2px solid #FFFFFF;
    border-radius: 8px
}
#gnav ul.nav_admission li a:hover{
    color: #0078C8;
    background-color: #FFF
} 
#gnav ul.nav_contact{}
#gnav ul.nav_contact li{
width: 100%;
float: none;
margin-right: 0px;
}
#gnav ul.nav_contact li:nth-child(2n){
margin-right: 0px;
}
#gnav ul.nav_subcontents{
float: left;
padding-top: 30px;
margin-right: 150px;
}
#gnav ul.nav_subcontents li a{
color: #FFF;
text-decoration: none
}
#gnav ul.nav_subcontents li a:hover{
color: #E94827;
}
#gnav ul.nav_sns{
margin-top: 30px;
text-align: center
}
#gnav ul.nav_sns li{
float: none;
margin-right: 7px;
margin-left: 7px;
display: inline
}
#gnav ul.nav_sns li img{
width: 47px;
height: auto
}

/*--メインビジュアル-------------*/
#mainVis {
width: 100%;
height: auto;
}
#mainVis img{
width: 100%;
height: auto;
object-fit: cover
}

/*--INDEX_OPENCAMPUS-------------*/
#index_opencampus{
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 2.2;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 45px;
}
#index_opencampus .inner{
    background-image: url(../../images/oc_bg.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 110px auto;
}
#index_opencampus #label{
    position: absolute;
    right: 0px;
    top: -130px;
    transition: .3s
}
#index_opencampus #label2{
    position: absolute;
    right: 120px;
    top: -130px;
    transition: .3s
}
#index_opencampus #label:hover,
#index_opencampus #label2:hover{
    top: -150px;
}
#index_opencampus #label img,
#index_opencampus #label2 img{
filter: drop-shadow(5px 5px 5px rgba(255,255,255,0.70));
width: 100px;
height: auto
}

/*--INDEX_CMS-------------*/
#index_cms{}
#index_cms .btn_viewall{}
#index_cms .btn_viewall a{
    border: 3px solid #E94827;
    border-radius: 10px;
    display: inline-block;
    float: right;
    color: #E94827;
    padding: 2px 10px 2px 10px;
    text-decoration: none;
    font-size: 14px;
}
#index_cms .btn_viewall a i{
margin-left: 10px
}
#index_cms .btn_viewall a:hover{
    color: #FFF;
    background-color: #E94827
}

/*--NEWS-------------*/
#news {
font-size: 16px;
padding-bottom: 50px;
}
#news dl {
margin-left: 0px;
margin-right: 10px;
padding: 0px;
margin-bottom: 15px;
}
#news dt {
    float: none;
    width: 100%;
    clear: both;
    padding: 15px 0 5px 0;
}
#news dd {
padding: 0px 0 15px 0px;
border-bottom: 3px solid #CDCDCD;
}
#news dt .ico{
margin-right: 20px;
display: block;
margin-bottom: 10px;
}
#news dt .ico img{
width: 100px;
height: auto
}
#news a{
text-decoration: none;
}
/*--REPORT-------------*/
#report{
padding-bottom: 50px;
}
#report .read{
text-align: center;
margin-bottom: 20px;
}
#report .read img{
width: 100%;
height: auto
}
#report ul{
margin-bottom: 30px;
}
#report ul li{
    width: 100%;
    float: none;
    margin-right: 0px;
    box-shadow: 0px 3px 10px rgba(0,0,0,.3);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-bottom: 20px;
    min-height: auto;
}
#report ul li:nth-child(3n){
margin-right: 0px;
}
#report ul li .ph{
width: 100%;
height: 255px;
}
#report ul li .ph img{
width: 100%;
height: 255px;
object-fit: cover
}
#report ul li .meta{
padding: 15px 10px
}
#report ul li .meta .date{
color: #969696
}
#report ul li .meta .ttl{
margin-bottom: 1.2em;
}
#report ul li .meta .btn_readmore{
}
#report ul li .meta .btn_readmore a{
    border: 2px solid #42AD45;
    border-radius: 50px;
    display: inline-block;
    float: right;
    color: #000000;
    padding: 3px 20px 3px 20px;
    text-decoration: none;
    font-size: 12px;
}
#report ul li .meta .btn_readmore a:hover{
    color: #FFF;
    background-color: #42AD45
}
#report ul li .meta .btn_readmore a i{
    margin-left: 7px;
}

/*--INDEX_POLICY-------------*/
#index_policy{
    text-align: center;
    color: #FFF;
    background-image: url(../../images/index_policy_bg.jpg);
    background-position: center center;
    background-size: cover;
    padding-top: 70px;
    padding-bottom: 100px;
    font-size: 16px;
    font-weight: 600;
    line-height: 2.2;
}
#index_policy ul li .btn_rounde_line a{
    border: 5px solid #FFF;
    background-color: #FFF;
    -webkit-box-shadow: 0px 5px 0px 0px #FFF;
    box-shadow: 0px 5px 0px 0px #FFF;
    line-height: 30px;
    color: #FFF
}

/*--INDEX_COURSE-------------*/
#index_course{
    /*background-image: url(../../images/index_course_bg.jpg);
    background-position: center center;
    background-size: cover;*/
    padding-top: 70px;
    padding-bottom: 70px;
}
.course_bx_wrap{}
.course_bx_wrap .course_bx{
    width: 100%;
    min-height: auto;
    float: none;
    margin-right: 0px;
    margin-bottom: 30px;
    background-color: #FFF;
    -webkit-box-shadow: 3px 3px 3px 3px rgba(159,160,160,0.70);
    box-shadow: 3px 3px 3px 3px rgba(159,160,160,0.70);
    padding-bottom: 20px;
}
.course_bx_wrap .course_bx.course_chara{
    -webkit-box-shadow: 0px 0px 0px 0px rgba(159,160,160,0.70);
    box-shadow: 0px 0px 0px 0px rgba(159,160,160,0.70);
    text-align: center
}
.course_bx_wrap .course_bx.course_chara .ph img{
width: 90%;
height: auto;
padding-top: 30px;
}
.course_bx_wrap .course_bx:nth-child(2n){
margin-right: 0px;
}
.course_bx_wrap .course_bx .ttl{
text-align: center;
background-color: #000000;
color: #FFF;
font-size: 30px;
font-weight: 600;
padding: 10px;
}
.course_bx_wrap .course_bx .ph{
margin-bottom: 20px;
}
.course_bx_wrap .course_bx .ph img{
width: 100%;
height: auto
}
.course_bx_wrap .course_bx table{
width: 90%;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
font-weight: 600;
}
.course_bx_wrap .course_bx table th{
    text-align: center;
    color: #FFF;
}
.course_bx_wrap .course_bx table td{
padding-left: 1em;
font-size: 13px;
}
.course_bx_wrap .course_bx ul{
width: 90%;
margin-left: auto;
margin-right: auto;
}
.course_bx_wrap .course_bx .read{
text-align: center;
font-size: 20px;
padding-top: 1em;
padding-bottom: 1em;
font-weight: 600;
}
.course_bx_wrap .course_bx.course01 .ttl{
background-color: #42AD45;
}
.course_bx_wrap .course_bx.course01 .btn_rounde_line a,
.btn_rounde_line.course01 a{
    border: 5px solid #42AD45;
    -webkit-box-shadow: 0px 5px 0px 0px #42AD45;
    box-shadow: 0px 5px 0px 0px #42AD45;
    color: #42AD45
}
.course_bx_wrap .course_bx.course02 .ttl{
background-color: #4158A0;
}
.course_bx_wrap .course_bx.course02 .btn_rounde_line a,
.btn_rounde_line.course02 a{
    border: 5px solid #4158A0;
    -webkit-box-shadow: 0px 5px 0px 0px #4158A0;
    box-shadow: 0px 5px 0px 0px #4158A0;
    color: #4158A0
}
.course_bx_wrap .course_bx.course03 .ttl{
background-color: #ED7C90;
}
.course_bx_wrap .course_bx.course03 .btn_rounde_line a,
.btn_rounde_line.course03 a{
    border: 5px solid #ED7C90;
    -webkit-box-shadow: 0px 5px 0px 0px #ED7C90;
    box-shadow: 0px 5px 0px 0px #ED7C90;
    color: #ED7C90
}

/*--INDEX_JOB-------------*/
#index_job{
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 2.2;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 90px;
}
#index_job ul{
margin-top: 50px;
text-align: center;
}
#index_job ul li{
width: 90%;
float: none!important;
margin-right: 0px;
display: inline-block;
margin-left: auto;
margin-right: auto;
}

/*--BNR_WEBAPP-------------*/
#index_webapp{
text-align: center;
margin-bottom: 25px;
width: 90%;
margin-left: auto;
margin-right: auto
}
#index_webapp img{
width: 100%;
height: auto
}

/*--INDEX_ADMISSION-------------*/
#index_admission{
margin-bottom: 45px;
}
#index_admission table{
width: 100%;
margin-bottom: 15px;
}
#index_admission table th{
width: 100%;
display: block
}
#index_admission table th img{
width: 100%;
height: auto
}
#index_admission table td{
    background-image: url(../../images/index_admission_bg.jpg);
    background-position: center center;
    background-size: cover;
    padding: 20px 40px;
    font-size: 22px;
    line-height: 1;
    display: block
}
#index_admission table td p{
    padding-top: 10px;
    padding-bottom: 10px;
}
#index_admission table td a{
    color: #FFF;
    text-decoration: none
}
#index_admission table td a:hover{
   padding-left: 0.5em;
}
#index_admission table td .label{
background-color: #FFE200;
color: #E94827;
font-weight: 500;
font-size: 20px;
text-align: center;
border-radius: 8px;
margin-top: 20px;
padding: 10px;
}


/*--INSTAGRAM-------------*/
#index_instagram{}
#index_instagram .btn{
width: 100%;
margin: auto;
margin-top: 25px;
}
#index_instagram ul.nav_sns{
margin-top: 50px;
text-align: center;
margin-bottom: 45px;
}
#index_instagram ul.nav_sns li{
display: inline-block
}
#index_instagram ul.nav_sns li img{
width: 50px;
height: auto
}

/*--INDEX_ACCESS-------------*/
#index_access{
padding-top: 40px;
    padding-bottom: 40px;
    color: #FFF;
    font-size: 12px;
}
#index_access .telnum{
margin-top: 18px;
    font-size: 18px;
    font-weight: 600;
    line-height: 20px
}
#index_access .telnum img{
margin-right: 10px;
width: auto;
height: 15px;
}
#gmap{
width: 100%;
height: 400px;
margin-bottom: 20px;
}
#index_access a{
color: #FFF
}

/*--FOOTER-------------*/
footer {
background-color: #EFEFEF;
clear: both;
padding-top: 20px;
}
footer .adress {
font-size: 16px;
margin-bottom: 2em;
width: 100%
}
footer .adress span,
footer .adress th{
font-size: 24px;
color: #E94827;
margin-right: 0em;
display: block;
padding-bottom: 10px;
}
footer .adress th,footer .adress td{
display: block
}
footer .mcl_list_ttl img{
width: 290px;
height: auto;
margin-bottom: 1em
}
footer ul.groupe_list {
margin-bottom: 15px;
}
footer ul.groupe_list li {
float: none;
width: 100%;
margin-right: 0px;
margin-bottom: 15px;
}
footer ul.groupe_list li:nth-child(3n) {
margin-right: 0px;
}
footer ul.groupe_list li img {
width: 100%;
height: auto
}
.ft_meta{
margin-bottom: 20px;
text-align: left
}
footer ul.privacy {
float: none;
padding-bottom: 20px;
}
footer ul.privacy li {
display: inline-block
}
footer ul.privacy li:first-child{
    border-right: 2px solid #000000;
    padding-right: 1em;
    margin-right: 1em;
    line-height: 1;
}
footer ul.privacy li a{
text-decoration: none
}
footer .groupe_name {
float: none
}
footer .groupe_name img{
width: 225px;
height: auto
}
.copyright{
background-color: #E94827;
color: #FFF;
text-align: center;
padding-top: 30px;
padding-bottom: 90px;
font-size: 12px;
}

/*--FOOTER_FIXED-------------*/
#pageTop {
position: fixed;
right: 10px;
bottom: 60px;
width: 40px;
height: 40px;
background-color: #E94827;
text-align: center;
line-height: 40px;
font-size: 23px;
z-index: 99;
}
#pageTop a{
color: #FFF
}
#pageTop:hover {
line-height: 37px;
}
#ft_nav{
    width: 100%;
    position: fixed;
    z-index: 99;
    left: 0;
    bottom: 0;
    border-bottom: 3px solid #870D08;
    background-image: -webkit-linear-gradient(270deg,rgba(230,120,98,1.00) 0%,rgba(212,41,22,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(230,120,98,1.00) 0%,rgba(212,41,22,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(230,120,98,1.00) 0%,rgba(212,41,22,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(230,120,98,1.00) 0%,rgba(212,41,22,1.00) 100%);
}
#ft_nav ul li{
    width: calc(50% - 2px);
    float: left;
    text-align: center;
    border-left: 2px solid #FFFFFF;
}
#ft_nav ul li:last-child{
    width: calc(50% - 4px);
    border-right: 2px solid #FFFFFF;
}
#ft_nav ul li a{
font-size: 14px;
font-weight: 600;
color: #FFF;
text-decoration: none;
display: block;
line-height: 50px;
}
#ft_nav ul li a:hover{
    background-color: rgba(0,0,0,0.32)
}
#ft_nav ul li img{
width: 26px;
height: auto;
margin-right: 5px;
line-height: 55px;
vertical-align: middle!important
}


/*--共通スタイル-------------*/
#contents {
padding-top: 30px;
}
#contents:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden
}
img.img_res{
width: 100%;
height: auto
}
.g_bg{
    background-image: -webkit-linear-gradient(323deg,rgba(255,169,31,1.00) 33.97%,rgba(233,72,39,1.00) 67.80%);
    background-image: -moz-linear-gradient(323deg,rgba(255,169,31,1.00) 33.97%,rgba(233,72,39,1.00) 67.80%);
    background-image: -o-linear-gradient(323deg,rgba(255,169,31,1.00) 33.97%,rgba(233,72,39,1.00) 67.80%);
    background-image: linear-gradient(127deg,rgba(255,169,31,1.00) 33.97%,rgba(233,72,39,1.00) 67.80%);
}
.inner {
width: 90%;
margin-right: auto;
margin-left: auto;
position: relative
}
.pb {
padding-bottom: 60px;
}
/*--common下線見出しスタイル-------------*/
.ttl_line_arrow{
    text-align: center;
    clear: both;
    margin-bottom: 20px;
}
.ttl_line_arrow.mt{
    margin-top: 40px;
}
.ttl_line_arrow h2.line_arrow{
font-size: 26px;
font-weight: 600;
text-align: center;
background-image: url(../../images/line_arrow.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 630px auto;
display: inline-block;
margin-left: auto;
margin-right: auto;
padding:0px 5px 30px 5px;
}
.ttl_line_arrow h2.line_arrow.wh{
background-image: url(../../images/line_arrow_w.png);
color: #FFF
}
/*--ボタン2つ並び-------------*/
ul.btn_tow{
margin-top: 50px;
}
ul.btn_tow li{
width: 100%;
float: none;
margin-right: 0px;
margin-bottom: 20px;
}
ul.btn_tow li:last-child{
margin-right: 0px;
}
/*--ラインボタンスタイル-------------*/
.btn_rounde_line{
top: 0;
}
.btn_rounde_line.single{
width: 100%;
margin-left: auto;
margin-right: auto
}
.btn_rounde_line.mt{
margin-top: 50px;
}
.btn_rounde_line.end{
margin-bottom: 50px;
}
.btn_rounde_line a{
    display: block;
    text-align: center;
    position: relative;
    border: 5px solid #E94827;
    border-radius: 10px;
    background-color: #FFF;
    text-decoration: none;
    overflow: hidden;
    -webkit-box-shadow: 0px 5px 0px 0px #E94827;
    box-shadow: 0px 5px 0px 0px #E94827;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
     line-height: 30px;
    font-weight: 600;
    transition: .3;
}
.btn_rounde_line a i{
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transition: .3s
}
.btn_rounde_line a:hover i{
right: 15px;
}
.btn_rounde_line a img{
width: auto;
height: 30px
}


/*--見出しスタイル（四角ライン）-------------*/
.ttl_bxline_head{
height: 35px;
width: 4px;
background-color: #E94827;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.ttl_bxline{
font-size: 28px;
font-weight: 600;
color: #E94827;
text-align: center;
margin-bottom: 50px;
margin-left: auto;
margin-right: auto;
}
.ttl_bxline.mt{
margin-top: 80px;
}
.ttl_bxline .side{
    border: 4px solid #E94827;
    width: 10px;
}
.ttl_bxline .side_in{
    border-top: 4px solid #E94827;
    border-bottom: 4px solid #E94827;
    width: 10px;
}
.ttl_bxline .txt{
    padding-left: 20px;
    padding-right: 20px;
}
/*--テーブルスタイル-------------*/
table.tbl_common{
    border-top: 1px solid #A5A5A5;
    border-left: 1px solid #A5A5A5;
    font-size: 14px;
    width: 100%;
    margin-bottom: 30px;
}
table.tbl_common.mt{
    margin-top: 1em;
}
table.tbl_common th,
table.tbl_common td{
    border-bottom: 1px solid #A5A5A5!important;
    border-right: 1px solid #A5A5A5!important;
    padding: 5px;
    font-weight: 600;
    background-color: #FFF;
    display: block
}
table.tbl_common.no_respo th,
table.tbl_common.no_respo td{

    display: table-cell
}
table.tbl_common th{
background-color: #FFCBB4;
white-space: nowrap
}
table.tbl_common .tbl_center,
table.tbl_common.tbl_center,
table.tbl_common.tbl_center th{
text-align: center!important
}

table.tbl_common th.flow_num{
position: relative;
font-weight: 600;
padding-left: 100px;
font-size: 20px;
}
table.tbl_common th.flow_num .num{
position: absolute;
left: 20px;
bottom: 10px;
}
table.tbl_common th.flow_num .num img{
width: 70px;
height: auto
}
table.tbl_common th.flow_num.center{
padding-left: 0px;
text-align: center
}
table.tbl_common.mt{
    margin-top: 30px;
}
.table_notice{
margin-top: -30px;
margin-bottom: 60px;
}


/*--アンカーナビスタイル-------------*/
ul.nav_anchor{
margin-bottom: 30px;
}
ul.nav_anchor li{
font-size: 20px;
width: 100%;
margin-right: 0px;
border-radius: 10px;
float: left;
margin-bottom: 20px;
}

ul.nav_anchor.tow{
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}
ul.nav_anchor.four li{
font-size: 20px;
width: 100%;
margin-right: 28px;
}
ul.nav_anchor li{
width: 100%;
margin-right: 0px;
border-radius: 10px;
float: left;
margin-bottom: 20px;
}
ul.nav_anchor li:last-child{
margin-right: 0px;
}
ul.nav_anchor li a{
    display: block;
    text-align: center;
    position: relative;
    text-decoration: none;
    color: #FFF;
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 1;
    font-weight: 600;
    transition: .3;
}
ul.nav_anchor li a i{
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transition: .3s
}
ul.nav_anchor li a:hover i{
top: 60%;
}
/*--背景カラー-------------*/
.bg_col{
background-color: #FAE3DF;
padding-bottom: 50px;
}
.bg_nocol{
background-color: #FFF;
padding-bottom: 50px;
}
/*--下層見出し-------------*/
.ttl_mid{
font-size: 22px;
font-weight: 600;
color: #E94827;
margin-bottom: 1em;
}
.ttl_mid.mt{
margin-top: 2em;
}
.ttl_mid2{
font-size: 18px;
font-weight: 600;
margin-bottom: 0.5em;
margin-top: 2em
}
.ttl_mid2 a{
color: #E94827;
text-decoration: none
}
.ttl_mid2 i{
margin-left: 0.4em;
}
.ttl_mid3{
font-size: 18px;
font-weight: 600;
margin-bottom: 0.5em;
margin-top: 2em
}
.ttl_mid_bg_bar{
background-color: #E94827;
color: #FFF;
text-align: center;
font-size: 20px;
font-weight: 600;
padding: 6px;
margin-bottom: 0.5em;
margin-top: 2em
}


.ttl_line_under{
    clear: both;
    margin-bottom: 40px;
}
.ttl_line_under h2.line_under span{
    font-size: 36px;
    font-weight: 600;
    letter-spacing: 0.05em;
    color: #E94827;
    border-bottom: 5px solid #E94827;
}
.ttl_bg_under{
background-color: #FAE3DF;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
margin-bottom: 25px;
}
.ttl_bg_under h2{
font-size: 36px;
    font-weight: 600;
}


.sub_read{
font-size: 18px;
padding-bottom: 30px;
font-weight: 600
}
.sub_read br{
display: none
}
.sub_read span{
font-size: 16px;
font-weight: 400
}
.sub_read_center{
font-size: 18px;
padding-bottom: 30px;
font-weight: 500;
text-align: left
}
.sub_read_center br{
display: none
}

/*--アンカー位置-------------*/
#anc01,#anc02,#anc03,#anc04,#access {
    padding-top: 100px;
    margin-top:-100px;
}
/*--FAQ_ACCORDION-------------*/
.accordion_cont{
margin-bottom: 30px;
}
.accordion_cont .option {
position: relative;
margin-bottom: 1em;
}
.accordion_cont .title {
    display: block;
   background-color: #FFF;
    position: relative;
    border: 2px solid #A5A5A5;
    text-decoration: none;
    overflow: hidden;
   padding: 10px 40px 10px 50px;
    font-size: 14px;
    line-height: 1.6;
    font-weight: 600;
    transition: .3;
    cursor: pointer;    
}
.accordion_cont .title::after,
.accordion_cont .title::before {
content: "";
position: absolute;
right: 1.4em;
top: 1.2em;
width: 2px;
height: 0.75em;
background-color: #E94827;
transition: all 0.3s;
z-index: 10;
}
.accordion_cont .title::after {
transform: rotate(90deg);
}
.accordion_cont .title.active::before {
transform: rotate(90deg) !important;
}
.accordion_cont .content  {
display: none;
}
.accordion_cont .content .line_inner {
border-top: 0px solid #A5A5A5;
border-left: 2px solid #A5A5A5;
border-right: 2px solid #A5A5A5;
border-bottom: 2px solid #A5A5A5;
background-color: #FFCBB4;
padding: 10px 10px 10px 50px;
position: relative
}
.accordion_cont .content .line_inner .ttl {
text-align: center;
margin-bottom: 2em;
margin-top: 3em;
}
.accordion_cont .content .line_inner .ttl span{
    text-align: center;
    border: 5px solid #0078C8;
    border-radius: 60px;
    padding: 0.2em 1em;
    font-size: 23px;
}
.accordion_cont .faq_q,
.accordion_cont .faq_a{
font-size: 24px;
font-weight: 700;
color: #E94827;
position: absolute;
left: 20px;
top: 5px;
}
.accordion_cont .faq_a{
color: #FFF;
-webkit-text-stroke: 2px #E94827;
  text-stroke: 2px #E94827;
}

.accordion_cont .btn_more{
text-align: center;
margin-top: 20px;

}
.accordion_cont .btn_more a{
    border: 3px solid #E94827;
    background-color: #FFF;
    border-radius: 10px;
    display: inline-block;
    color: #E94827;
    padding: 3px 15px 3px 15px;
    text-decoration: none;
}
.accordion_cont .btn_more a i{
margin-left: 10px
}
.accordion_cont .btn_more a:hover{
    color: #FFF;
    background-color: #E94827
}
.faq_end {
    display: block;
   background-color: #FFF;
    position: relative;
    border: 2px solid #A5A5A5;
   
    
    margin-bottom: 20px;
   padding: 20px;
    font-size: 16px;

    font-weight: 600;
 text-align: center
      
}


/*--ADMISSION_POLICY　アドミッション・ポリシー-------------*/
#admission_policy{
padding-bottom: 60px;
}
.ttl_line_double{
    clear: both;
    margin-bottom: 30px;
    text-align: center
}
.ttl_line_double h2.line_double span{
    font-size: 32px;
    font-weight: 600;
    letter-spacing: 0.05em;
    color: #E94827;
    position: relative;
    padding-bottom: .2em;
    padding-left: 0.2em;
    padding-right: 0.2em;
    display: inline-block;
    padding-bottom: 20px;
}
.ttl_line_double h2.line_double span::before {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 14px;
	box-sizing: border-box;
	bottom: 0;
	border-top: 7px solid #E94827;
	border-bottom: 3px solid #E94827;
}
.ad_policy_txt{
font-size: 20px;
margin-bottom: 30px;
text-align: justify
}
.philosophy{
padding-top: 45px;
padding-bottom: 40px;
    background-image: -webkit-linear-gradient(270deg,rgba(233,72,39,1.00) 0%,rgba(166,33,5,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(233,72,39,1.00) 0%,rgba(166,33,5,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(233,72,39,1.00) 0%,rgba(166,33,5,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(233,72,39,1.00) 0%,rgba(166,33,5,1.00) 100%);
    color: #FFF;
    text-align: center
}
.philosophy .ttl_line_double h2.line_double span{
    color: #FFF;
}
.philosophy .ttl_line_double h2.line_double span::before {
	border-top: 7px solid #FFF;
	border-bottom: 3px solid #FFF;
}
.philosophy p.head{
font-size: 22px;
}
.philosophy p{
margin-bottom: 1em;
}
.philo_txt{
font-size: 34px;
font-weight: 600;
}

.head_teacher_mv{
    background-color: #f7f7f9;
    text-align: left;
    padding-top: 30px;
    padding-bottom: 360px;
    background-image: url(../../images/ph_headteacher_sp.jpg);
    background-position: center bottom;
    background-size: 100% auto;
    margin-bottom: 40px;
    background-repeat: no-repeat;
}
.head_teacher_mv .txt{
padding-left: 0%
}
.head_teacher_mv .ttl_line_double {
	text-align: center
}
.head_teacher_mv .name {
margin-top: 1em;
text-align: right
}

/*--FEATURE　3つの特色-------------*/
#feature{
padding-bottom: 30px;
top: -30px;
position: relative
}
.feature_header{
    background-image: url(../../images/_feature/feature_header_bg.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 60px;
    background-size: 100% auto;
    margin-bottom: 60px;
}
.feature_header h2{
text-align: center;
margin-bottom: 20px;
}
.feature_header h2 img{
width: 70%;
height: auto
}
.feature_header .read{
text-align: center;
font-size: 20px;
font-weight: 600;
color: #E94827;
margin-bottom: 50px;
}

.feature_point_ttl {
	display: flex;
	align-items: center;
    margin-bottom: 30px;
}
.feature_point_ttl:before, .feature_point_ttl:after {
	content: "";
	flex-grow: 1;
	border-top: 4px dotted #959595;
	display: block;
}
.feature_point_ttl img{
width: 140px;
height: auto
}

.point_bx{
margin-bottom: 40px;
}
.point_bx .ph{
    width: 93vw;
    margin-right: 3vw;
    float: left;
    -webkit-box-shadow: 5px 5px 0px #EF6E00;
    box-shadow: 5px 5px 0px #EF6E00;
    margin-bottom: 30px;
}
.point_bx .ph img{
width: 100%;
height: auto
}
.point_bx .txt{
width: 90%;
float: none;
margin-left: auto;
margin-right: auto
}
.point_bx .txt .ttl{
font-size: 18px;
font-weight: 600;
margin-bottom: 40px;
}
.point_bx .txt .ttl span{
    border-bottom: 5px solid #FDC100;
}
.point_bx .txt .ttl span i{
    font-size: 14px;
    font-style: normal;
}

#feature .bg_col{
padding-top: 60px;
margin-bottom: 20px;
}
#feature .bg_col .point_bx{
margin-bottom: 40px;
}
#feature .bg_col .point_bx .txt .ttl span{
    border-bottom: 5px solid #E94827;
}
.btn_mat{
padding-top: 15px;
}
.btn_mat a{
    border-radius: 8px;
    display: inline-block;
    float: right;
    color: #FFF;
    padding: 3px 20px 3px 20px;
    text-decoration: none;
    font-size: 16px;
    background-color: #00B9EF
}
.btn_mat a:hover{
    color: #FFF;
}
.btn_mat a i{
    margin-left: 7px;
}
.point_bx.second .ph{
margin-right: 0vw;
margin-left: 0vw;
float: left;
}
.point_bx.second .txt{
float: none
}


/*--CAREER　キャリア支援サポート-------------*/
#career{
padding-bottom: 60px;
}

#career .result{
text-align: center
}
#career .result .ttl{
font-size: 20px;
font-weight: 600;
margin-bottom: 0.7em;
}
#career .result ul{
font-size: 20px;
font-weight: 600;
margin-bottom: 80px;
}
#career .result ul li{
width: 100%;
margin-right: 0%;
float: none;
margin-bottom: 20px;
}
#career .result ul li:last-child{
margin-right: 0%
}
#career .result ul li img{
width: 80%;
height: 0 auto
}

.career_bx{
margin-bottom: 40px;
width: 90%;
margin-left: auto;
margin-right: auto;
}
.career_bx .ttl_head{
background-color: #003990;
text-align: center;
color: #FFF;
font-weight: 600;
font-size: 18px;
margin-bottom: 20px;
}
.career_bx .ttl_head.gr{
background-color: #27ADA4;
}
.career_ac_bx{}
.career_ac_bx .ttl{
font-size: 16px;
font-weight: 600;
margin-bottom: 20px;
cursor: pointer
}
.career_ac_bx .ttl i{
color: #003990;
margin-right: 0.5em;
transition: .3s;
}
.career_ac_bx .ttl.active i{
transform: rotate(90deg)
}
.career_ac_bx .cont{
display: none;
padding-left: 1.5em;
}

.career_bx .ph{
    margin-top: 1em;
}
.career_bx .ph img{
width: 100%;
height: auto
}
.career_column{
background-color: #E6EBF4;
margin-bottom: 30px;
padding: 20px 30px 5px 30px;
}
.career_column.gr{
background-color: #E9F7F6;
}
.career_column .ttl{
text-align: center;
margin-bottom: 2em;
}
.career_column .ttl span{
font-size: 18px;
font-weight: 600;
background-color: #FFC426
}
.career_column li{
margin-bottom: 50px;
}
.career_column .txt{
width: calc(100% - 40px);
float: none;
position: relative;
padding-left: 40px;
}
.career_column .txt .ico{
position: absolute;
left: 0;
top: 0px;
}
.career_column .txt .ico img{
width: 30px;
height: auto
}
.career_column .txt .ttl_in{
font-size: 18px;
margin-bottom: 0.7em;
}
.career_column .ph{
width: 100%;
float: none;
margin-top: 15px;
}
.career_column .ph img{
width: 100%;
height: auto
}

/*--CAREER_ACCORDION-------------*/
#career .toggle {
display: none;
}
#career .option {
position: relative;
margin-bottom: 1em;
}
#career .option .ttl{
cursor: pointer
}

#career .title {
    display: block;
    text-align: center;
    position: relative;
    border: 5px solid #0078C8;
    border-radius: 10px;
   
    text-decoration: none;
    overflow: hidden;
    -webkit-box-shadow: 0px 5px 0px 0px #0078C8;
    box-shadow: 0px 5px 0px 0px #0078C8;
    
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 25px;
    line-height: 1;
    font-weight: 600;
    transition: .3;
}
#career .bg_circle{
background-color: #B5B5B6;
width: 40px;
height: 40px;
border-radius: 50px;
position: absolute;
right: 1.25em;
top: 2.1em;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
z-index: 0;
}
#career .title::after,
#career .title::before {
content: "";
position: absolute;
right: 1.3em;
top: 0.8em;
width: 2px;
height: 0.75em;
background-color: #FFF;
transition: all 0.3s;
z-index: 10;
}
#career .title::after {
transform: rotate(90deg);
}
#career .content {
display: none
}

#career .title.active::before {
transform: rotate(90deg) !important;
}
#career .content .line_inner {
border: 5px solid #0078C8;
padding: 10px 20px 10px 20px;
}
#career .content .line_inner .ttl {
text-align: center;
margin-bottom: 2em;
margin-top: 3em;
}
#career .content .line_inner .ttl span{
    text-align: center;
border: 3px solid #0078C8;
border-radius: 60px;
padding: 0.2em 0.7em;
font-size: 17px;
}
ul.career_course_nav{
}
ul.career_course_nav li{
width: 100%;
margin-right: 0%;
margin-bottom: 15px;
float: none
}
ul.career_course_nav li:nth-child(2n){
margin-right: 0%;
}
ul.career_course_nav table{
background-color: #42AD45;
color: #FFF;
font-weight: 600;
width: 100%;
}
ul.career_course_nav table .course_name{
font-size: 16px;
}
ul.career_course_nav table th{
width: 150px;
}
#course ul.career_course_nav table th{
width: 45%;
}
ul.career_course_nav table img{
width: 100%;
height: auto
}
ul.career_course_nav table td{
text-align: left!important;
padding: 10px;
font-size: 11px;
line-height: 1.4
}
ul.career_course_nav a{
text-decoration: none!important
}
ul.career_course_nav a:hover{
opacity: 0.7;
}

#career .option.col2 .title {
    border: 5px solid #F18900;
    -webkit-box-shadow: 0px 5px 0px 0px #F18900;
    box-shadow: 0px 5px 0px 0px #F18900;
}
#career .option.col2 .content .line_inner {
border: 5px solid #F18900;
}
#career .option.col2 .content .line_inner .ttl span{
    border: 3px solid #F18900;
}
#career .option.col2 .content .line_inner ul.career_course_nav table,
ul.career_course_nav table.col2{
background-color: #4158A0;
}
#career .option.col3 .title {
    border: 5px solid #EB6685;
    -webkit-box-shadow: 0px 5px 0px 0px #EB6685;
    box-shadow: 0px 5px 0px 0px #EB6685;
}
#career .option.col3 .content .line_inner {
border: 5px solid #EB6685;
}
#career .option.col3 .content .line_inner .ttl span{
    border: 3px solid #EB6685;
}
#career .option.col3 .content .line_inner ul.career_course_nav table,
ul.career_course_nav table.col3{
background-color: #ED7C90;
}


/*--入学案内・学費-------------*/
ul.enter_date{}
ul.enter_date li{
width: 100%;
margin-right: 0px;
float: none;
}
ul.enter_date li:nth-child(2n){
margin-right: 0px;
}
.enter_flow{}
.enter_flow li{
width: calc(calc(100% / 15) - 6px);
-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
    float: left
}
.enter_flow li.bx{
    border: 3px solid #0078C8;
    float: left
}
.enter_flow li.arrow{
    border: 3px solid #FFF;
}
.flow_arrow{
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
width: 0;
height: 0;
border-style: solid;
border-width: 30px 45px 0 45px;
border-color: #FFCBB4 transparent transparent 
}

/*--OPEN_CAMPUS　オープンキャンパス-------------*/
#opencampus{
padding-bottom: 30px;
top: -30px;
position: relative;
background-color: #F6F0F0
}
#opencampus .opencampus_header{
width: 100%;
height: auto;
margin-bottom: 40px;
background-image: none;
}
#opencampus .opencampus_header img{
width: 100%;
height: auto;
object-fit: cover
}
ul.oc_experience{
width: 90%;
margin-left: auto;
margin-right: auto
}
ul.oc_experience li{
width: 100%;
margin-right: 0px;
float: none;
margin-bottom: 30px;
text-align: left
}
ul.oc_experience li:nth-child(3n){
margin-right: 0px;
}
ul.oc_experience li .ttl_baloon{
  position: relative;
  display: inline-block;
  margin-bottom: 1.0em;
  padding: 7px 0px;
  width: 100%;
  color: #FFF;
  font-size: 26px;
  font-weight: 600;
  text-align: center;
  background: #E94827;
  border-radius: 80px;
}
ul.oc_experience li .ttl_baloon:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #E94827;
}

ul.oc_experience li.col2 .ttl_baloon{
  background: #3AAD70;
}
ul.oc_experience li.col2 .ttl_baloon:before {
  border-top: 15px solid #3AAD70;
}
ul.oc_experience li.col3 .ttl_baloon{
  background: #EB6685;
}
ul.oc_experience li.col3 .ttl_baloon:before {
  border-top: 15px solid #EB6685;
}
ul.oc_experience li .ph img{
width: 100%;
height: auto
}
ul.oc_experience li .txt{
background-color: #FFF;
padding: 20px;
font-size: 14px;
min-height: auto;
line-height: 1.9;
}
ul.oc_experience li .txt br{
display: none
}
ul.oc_experience li .txt .ttl{
font-size: 18px;
  font-weight: 600;
  margin-bottom: 0.2em;
}

/*--オープンキャンパス　タイムテーブル-------------*/
.main-detail-timeline {
position: relative;
overflow: hidden;
width: 90%;
margin: 0 auto;
padding: 200px 0 0
}
.main-detail-timeline:before {
content: "";
position: absolute;
background: #E94827;
left: 8%;
width: 5px;
height: 70%
}

.main-detail-timeline-time {
margin: 0 auto;
background: #F6F0F0;;
font-family: 'Montserrat', sans-serif;
font-weight: bold;
line-height: 1.2;
position: relative;
clear: both;
text-align: left;
font-size: 18px;
letter-spacing: 1.4px;
padding: 6px 0 6px 7px;
margin-bottom: 260px
}
.main-detail-timeline-time:nth-child(1) {
margin-bottom: 130px!important
}
.main-detail-timeline-time:nth-child(5) {
margin-bottom: 60px!important
}
.main-detail-timeline-time span {
display: block;
font-size: 14px
}
.main-detail-timeline-time small {
display: block;
font-size: 14px
}
.main-detail-timeline ul {
width: 100%;
margin: 0;
padding: 0;
position: absolute;
top: 0;
left: 24%
}
.main-detail-timeline ul li {
position: relative;
background: #fff;
box-shadow: 0px 0px 20px 0px rgba(34, 34, 34, 0.13);
width: 76%;
}

.main-detail-timeline ul li .desc {
position: relative
}
.main-detail-timeline ul li .desc:before {
position: absolute;
content: "";
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-color: transparent #fff transparent transparent;
border-width: 8px 23px 8px 0;
top: 50%;
left: -23px
}
.main-detail-timeline ul li.right {
float: none
}
.main-detail-timeline ul li.left {
float: none
}
.main-detail-timeline ul li.left .desc:before {
border-color: transparent #fff transparent transparent;
border-width: 8px 23px 8px 0;
right: auto;
left: -23px;
}
.main-detail-timeline ul li.right .desc:before {
border-color: transparent #fff transparent transparent;
border-width: 8px 23px 8px 0;
}
.main-detail-timeline ul li.bl01 {
margin: 20px 0 0
}
.main-detail-timeline ul li.bl02 {
margin: 50px 0 0
}
.main-detail-timeline ul li.bl03 {
margin: 40px 0 0
}
.main-detail-timeline ul li.bl04 {
margin: 10px 0 0
}
.main-detail-timeline ul li.bl05 {
margin: 130px 0 0
}
.main-detail-timeline ul li.bl06 {
margin: 20px 0 0
}

.main-detail-timeline ul li:last-child .desc:before {
display: none
}
.main-detail-timeline ul li .img {
display: block;
width: 100%;
height: auto
}
.main-detail-timeline ul li .flag {
font-weight: bold;
font-size: 18px;
padding: 12px 30px 2px
}
.main-detail-timeline ul li .flag span {
color: #E94827
}

.main-detail-timeline ul li .desc {
font-size: 15px;
padding: 0 30px 15px
}
.main-detail-timeline-img {
text-align: center;
position: relative
}
.main-detail-timeline-img img {
display: block
}
.main-detail-timeline-img img {
position: absolute;
top: -977px;
left: 796px
}
.oc_bg{
background-color: #FDC100!important
}

ul.oc_access {
margin-bottom: 30px;
margin-top: 20px;
}
ul.oc_access li{
width: 100%;
margin-right: 50px;
float: none
}
ul.oc_access li:last-child{
margin-right: 0px;
}
ul.oc_access li .ttl {
  display: block;
  position: relative;
  height: 50px;
  line-height: 50px;
  text-align: center;
  padding: 0 30px;
  font-size: 16px;
  background: #E94827;
  color: #FFF;
  box-sizing: border-box;
  margin-bottom: 15px;
  margin-top: 10px;
}
ul.oc_access li .ttl:before, ul.oc_access li .ttl:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}
ul.oc_access li .ttl:before {
  top: 0;
  left: 0;
  border-width: 25px 0px 25px 15px;
  border-color: transparent transparent transparent #F6F0F0;
  border-style: solid;
}
ul.oc_access li .ttl:after {
  top: 0;
  right: 0;
  border-width: 25px 15px 25px 0px;
  border-color: transparent #F6F0F0 transparent transparent;
  border-style: solid;
}
ul.oc_bnr {
margin-bottom: 60px;
}
ul.oc_bnr li{
width: 100%;
margin-right: 0px;
float: none;
margin-bottom: 20px;
}
ul.oc_bnr li:last-child{
margin-right: 0px;
}
ul.oc_bnr li img{
width: 100%;
height: auto
}


/*--COURSE_COMMON-------------*/
#course{
padding-bottom: 30px;
top: -30px;
position: relative;
}
.course_header{
    width: 100%;
    height: 200px;
    position: relative;
    background-position: center center;
    background-size: cover;
    padding-top: 80px;
}
.course_header .ttl_meta{
width: 90%;
padding-top: 40px;
color: #FFF;
float: none;
position: relative;
z-index: 10;
padding-left: 5%;
padding-right: 5%
}
.course_header .ttl_meta .ttl{
font-size: 28px;
font-weight: 700;
margin-bottom: 0.3em;
line-height: 1.2
}
.course_header .ttl_meta .ttl span{
font-size: 24px;
font-weight: 700;
display: block
}
.course_header .ttl_meta .fig_cap{
float: right;
background-color: #FFE65F;
color: #4158A0;
text-align: center
}
.course_header .ttl_meta .meta .fig_cap{
position: absolute;
top: 0px;
right: -100px;
float: right;
background-color: #FFE65F;
color: #4158A0;
text-align: center;
padding: 10px 20px;
font-size: 12px;
}
.course_header .ttl_meta .meta .num{
background-color: #FFF;
border-radius: 8px;
text-align: left;
font-size: 14px;
margin-bottom: 0.3em;
}
.course_header .ttl_meta .meta .num{
background-color: #FFF;
border-radius: 8px;
text-align: center;
font-size: 14px;
margin-bottom: 0.3em;
}
.course_header .ttl_meta_bg{
width: 100%;
height: 180px;
mix-blend-mode: multiply;
position: absolute;
right: 0;
bottom: 0;
z-index: 1
}
.course_header .mv_ph_bg{
    width: 100%;
    height: 280px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0
}
.course_header .mv_ph_bg img{
    width: 100%;
    height: 280px;
    object-fit: cover;
    object-position: left
}
.outline{
    padding-top: 30px;
    padding-bottom: 30px;
    width: 80%;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    line-height: 2;
    background-position: center center;
    background-size: cover;
    color: #FFF;
    margin-bottom: 20px;
    padding-left: 10%;
    padding-right: 10%
}
.outline br{
display: none
}
.outline .ttl{
width: 100%;
text-align: center;
font-size: 24px;
font-weight: 600;
margin-bottom: 1em;
line-height: 1.6
}

ul.feature_three{}
ul.feature_three li{
    border-bottom: 2px solid #CDCDCD;
    padding-bottom: 20px;
    margin-bottom: 40px;
}
ul.feature_three li .txt{
float: none;
width: 100%;
}
ul.feature_three li .txt .heading{
position: relative;
font-size: 20px;
font-weight: 600;
padding-top: 1em;
padding-bottom: 1em;
padding-left: 120px;
margin-bottom: 1em;
}
ul.feature_three li .txt .heading .ico{
position: absolute;
left: 0;
bottom: 0;
}
ul.feature_three li .txt .heading .ico img{
width: 100px;
height: auto
}
ul.feature_three li .ph{
float: none;
width: 100%;
margin-top: 10px;
}
ul.feature_three li .ph img{
width: 100%;
height: auto
}

.ttl_gray{
font-size: 25px;
text-align: center;
background-color: #B5B5B6;
color: #FFF;
border-radius: 10px;
margin-bottom: 0.5em;
}

table.license{
width: 100%;
margin-bottom: 2em;
font-size: 14px;
}
table.license .ttl{
font-size: 16px;
font-weight: 600;
margin-bottom: 0.5em
}
table.license .ttl span{
color: #FFE33F
}
table.license .ttl span:before{
content: '\A';
white-space: pre;
}
table.license .ttl br{
/*display: none*/
}
table.license td{
vertical-align: top;
padding-left: 2%;
padding-right: 2%
}
table.license.one td{
width: calc(96% / 2);
}
table.license.tow td:first-child{
width: 100%;
display: block;
padding-bottom: 25px;
}
table.license.tow td{
width: 100%;
display: block;
padding-bottom: 25px;
}
table.license.three td{
width: 100%;
display: block;
padding-bottom: 25px;
}

table.course_job_pickup{
width: 100%;
margin-bottom: 2em;
}
table.course_job_pickup th{
width: 100%;
display: block;
margin-bottom: 15px;
}
table.course_job_pickup th img{
width: 100%;
height: auto
}
table.course_job_pickup td{
vertical-align: top;
padding-left: 0px;
width: 100%;
display: block
}
table.course_job_pickup td .ttl{
font-size: 20px;
color: #54C3F1;
font-weight: 600;
margin-bottom: 0.5em;
}
table.course_job_pickup td .ttl span{
background-color: #000;
color: #FFE33F;
border-radius: 4px;
margin-right: 20px;
padding-left: 20px;
padding-right: 20px;
font-size: 14px
}
table.course_job_pickup td .ttl i{
    font-size: 12px;
    font-style: normal;
}
.curriculum{}
.curriculum img{
width: 100%;
height: auto;
}

ul.curriculum_feature{
margin-bottom: 20px;
}
ul.curriculum_feature li{
width: 100%;
margin-right: 0px;
float: none;
margin-bottom: 25px;
}
ul.curriculum_feature li:last-child{
margin-right: 0px;
}
ul.curriculum_feature .ph{
margin-bottom: 0.5em
}
ul.curriculum_feature .ph img{
width: 100%;
height: auto
}
ul.curriculum_feature .ttl{
font-size: 20px;
font-weight: 600;
margin-bottom: 0.5em
}
ul.curriculum_feature .ttl span{
color: #FFE33F
}
.ttl_year{}
.ttl_year.mt{
margin-top: 50px;
}
.ttl_year img{
width: 100px;
height: auto
}
table.course_timetable{
width: 100%;
font-size: 12px;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    margin-bottom: 20px;
}
table.course_timetable th,
table.course_timetable td{
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
    text-align: center;
    padding: 5px;
}
table.course_timetable .time{
background-color: #FDC100
}

.notice{
text-align: right;
margin-bottom: 10px;
font-size: 12px;
}
.notice_center{
text-align: left;
margin-bottom: 20px;
font-size: 12px;
}
.course_pickup{
border-radius: 12px;
padding: 20px;
position: relative;
margin-top: 60px;
margin-bottom: 40px;
padding-top: 40px;
text-align: justify
}
.course_pickup .label{
position: absolute;
left: 40px;
top: -20px;
}
.course_pickup .label img{
width: 140px;
height: auto
}
.course_pickup .txt{
width: 100%;
float: none;
}
.course_pickup .txt .ttl{
font-size: 20px;
line-height: 1.8;
margin-bottom: 1em;
}
.course_pickup .txt .ttl span{
background-color: #FFF
}
.course_pickup .ph{
width: 100%;
float: none;
padding-top: 20px;
}
.course_pickup .ph img{
width: 100%;
height: auto
}
.course_pickup .ph_single{
width: 100%;
float: none
}
.course_pickup .ph_single img{
width: 100%;
height: auto
}
.course_interview{
    color: #FFF;
    position: relative;
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 0px;
    margin-bottom: 40px;
}
.course_interview .ttl{
font-size: 21px;
margin-bottom: 1em;
}
.course_interview .ph{
position: relative;
right: auto;
bottom: auto;
}
.course_interview .ph img{
width: 100%;
height: auto
}
/*--各コースカラーバリエーション-------------*/
/*--COURSE 01-------------*/
.course01 .course_header .ttl_meta .meta .num{
color: #42AD45;
}
.course01 .course_header .ttl_meta_bg{
background-color: #42AD45;
}
.course01 .outline{
background-image: url(../../images/_course/outline_bg01.jpg);
}
.course01 .ttl_line_arrow h2.line_arrow{
background-image: url(../../images/_course/line_arrow_c01.png);
}
.course01 .ttl_line_arrow h2.line_arrow span{
background-color: #FFE33F;
line-height: 1.8!important
}
.course01 table.course_timetable .week{
background-color: #54C3F1
}
.course01 .course_pickup{
background-color: #E5F6FD;
}
.course01 .course_interview{
    background-image: -webkit-linear-gradient(0deg,rgba(85,194,239,1.00) 0%,rgba(133,191,201,1.00) 100%);
    background-image: -moz-linear-gradient(0deg,rgba(85,194,239,1.00) 0%,rgba(133,191,201,1.00) 100%);
    background-image: -o-linear-gradient(0deg,rgba(85,194,239,1.00) 0%,rgba(133,191,201,1.00) 100%);
    background-image: linear-gradient(90deg,rgba(85,194,239,1.00) 0%,rgba(133,191,201,1.00) 100%);
}

/*--COURSE 02-------------*/
.course02 .course_header .ttl_meta .meta .num{
color: #4158A0;
}
.course02 .course_header .ttl_meta_bg{
background-color: #4158A0;
}
.course02 .outline{
background-image: url(../../images/_course/outline_bg02.jpg);
}
.course02 .ttl_line_arrow h2.line_arrow{
background-image: url(../../images/_course/line_arrow_c02.png);
}
.course02 .ttl_line_arrow h2.line_arrow span{
background-color: #FFE33F;
line-height: 1.8!important
}
.course02 .bg_col{

padding-bottom: 50px;
}
.course02 table.course_timetable .week{
background-color: #3AAD70
}
.course02 .course_pickup{
background-color: #E3F7E8;
}
.course02 .course_interview{
    background-image: -webkit-linear-gradient(0deg,rgba(58,173,112,1.00) 0%,rgba(167,208,129,1.00) 100%);
    background-image: -moz-linear-gradient(0deg,rgba(58,173,112,1.00) 0%,rgba(167,208,129,1.00) 100%);
    background-image: -o-linear-gradient(0deg,rgba(58,173,112,1.00) 0%,rgba(167,208,129,1.00) 100%);
    background-image: linear-gradient(90deg,rgba(58,173,112,1.00) 0%,rgba(167,208,129,1.00) 100%);
}

/*--COURSE 03-------------*/
.course03 .course_header .ttl_meta .meta .num{
color: #ED7C90;
}
.course03 .course_header .ttl_meta_bg{
background-color: #ED7C90;
}
.course03 .outline{
background-image: url(../../images/_course/outline_bg03.jpg);
}
.course03 .ttl_line_arrow h2.line_arrow{
background-image: url(../../images/_course/line_arrow_c03.png);
}
.course03 .ttl_line_arrow h2.line_arrow span{
background-color: #FFE33F;
line-height: 1.8!important
}
.course03 .bg_col{

padding-bottom: 50px;
}
.course03 table.course_timetable .week{
background-color: #EB6685
}
.course03 .course_pickup{
background-color: #FCE8ED;
}
.course03 .course_interview{
    background-image: -webkit-linear-gradient(0deg,rgba(235,102,133,1.00) 0%,rgba(242,165,147,1.00) 100%);
    background-image: -moz-linear-gradient(0deg,rgba(235,102,133,1.00) 0%,rgba(242,165,147,1.00) 100%);
    background-image: -o-linear-gradient(0deg,rgba(235,102,133,1.00) 0%,rgba(242,165,147,1.00) 100%);
    background-image: linear-gradient(90deg,rgba(235,102,133,1.00) 0%,rgba(242,165,147,1.00) 100%);
}
/*--COURSE 04-------------*/
.course04 .course_header{
margin-bottom: 25px;
height: 130px!important;
padding-top: 150px!important;
}
.course04 .course_header .ttl_meta .meta .num{
color: #4158A0;
}
.course04 .course_header .ttl_meta{
float: left;
text-align: center
}
.course04 .course_header .ttl_meta_bg{
height: 110px;
background-color: #4158A0;
right: auto;
left: 0
}

.course04 ul.nav_anchor li a{
    color: #003990;
    border: 2px solid #003990;
    min-height: auto;
}
.course04 ul.nav_anchor li a span{
    font-size: 18px;
}
.course04 ul.nav_anchor li.last a{
    padding-top: 20px;
padding-bottom: 20px;
}

.course04 .ttl_line_arrow h2.line_arrow{
background-image: url(../../images/_course/line_arrow_c04.png);
}
.course04 .ttl_line_arrow h2.line_arrow span{
font-size: 24px;
line-height: 1.8!important
}
.course04 .ttl_line_arrow h2.line_arrow i{
font-size: 18px;
line-height: 1.8!important;
background-color: #003990;
color: #FFF;
font-style: normal;
padding: 2px 10px;
border-radius: 6px;
}
.course04 .moshi_read{
text-align: center;
margin-bottom: 1em;
font-size: 20px;
}
.course04 .moshi_read br{
display: none
}
.course04 .moshi_notice{
text-align: left;
margin-bottom: 1em;
font-size: 14px;
}
.course04 .moshi_ttl{
font-size: 20px;
color: #003990;
font-weight: 600;
}
.course04 .moshi_ttl.center{
text-align: center;
margin-bottom: 0.5em;
}
.course04 .moshi_ttl span{
font-size: 18px;
color: #000000;
font-weight: 400;
display: block
}
.course04 table.moshi_tbl{
font-size: 14px;
font-weight: 500;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
width: 100%;
}
.course04 table.moshi_tbl th{
color: #003990;
font-weight: 500;
vertical-align: top;
white-space: nowrap
}
.course04 table.moshi_tbl th,
.course04 table.moshi_tbl td{
padding-top: 0.2em;
padding-bottom: 0.2em
}
.course04 .bg_nocol{
padding-bottom: 70px;
}

/*--WEB_APP-------------*/
#webapp{
top: -30px;
position: relative
}
.webapp_date{
text-align: center;
font-weight: 600;
font-size: 26px;
margin-bottom: 40px;
}
.wa_bg{
background-color: #FFE33F!important
}




/*--MAILFORM-------------*/
.main-form {
width: 100%;
margin: 35px auto 50px
}
.main-form table {
  width: 100%
}
.main-form table tr:not(:last-child) th, 
.main-form table tr:not(:last-child) td {
  border-bottom: 1px solid #e7e7e7;
}
.main-form table tr th, 
.main-form table tr td {
  display: block;
    width: calc(100% - 40px)
}
.main-form table td {
  background: #fff;
  vertical-align: middle;
  padding: 14px 20px 14px
}
.main-form-title {
  background: #fad3d0;
  font-weight: bold;
  text-align: left;
  vertical-align: top;
  position: relative;
  width: 250px;
  padding: 12px 20px 10px
}
.main-form-title.required:after {
  content: '必須';
  display: inline-block;
  margin: 0;
  padding: 0 12px;
  font-size: 12px;
  color: #ffffff;
  background-color: #ea5769;
  position: absolute;
  top: 12px;
    right: 20px
}
.main-form input[type=text], 
.main-form input[type=email], 
.main-form input[type=tel] {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border: none;
  background: #f9f9f9;
  padding: 10px 12px;
    font-size: 14px;
    max-width: 320px
}
.main-form input[type=text]::placeholder, 
.main-form input[type=email]::placeholder, 
.main-form input[type=tel]::placeholder {
  color: #969696;
  max-width: 452px;
  width: 30%
}
.main-form textarea {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 10px 12px;
  background: #f9f9f9;
  border: none;
  font-size: 16px
}
.main-form-select {
  box-sizing: border-box;
  width: 100%;
  padding: 10px 12px;
  border: none;
  background: #f9f9f9;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer
}
.main-form-select-wrapper {
  position: relative;
  max-width: 100%;
  width: 100%
}
.main-form-select-wrapper:before {
  content: '';
  position: absolute;
  top: calc(50% - 3px);
  right: 12px;
  width: 0;
  border-style: solid;
  border-width: 10px 6px 0 6px;
  border-color: #66abd9 transparent transparent transparent;
  pointer-events: none
}
.main-form-select-wrapper + .main-form-select-wrapper {
    margin-top: 10px
  }

.main-form-radio-wrapper .mwform-radio-field label {
  padding-left: 20px;
  position: relative;
  margin-right: 20px
}
.main-form-radio-wrapper .mwform-radio-field label:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
  background: #f9f9f9;
  border: 1px solid #66abd9;
  border-radius: 50%
}
.main-form-radio-wrapper .mwform-radio-field label.checked:after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
  background: #66abd9;
  border-radius: 50%
}
.main-form-radio-wrapper .mwform-radio-field label input {
  display: none
}
.main-form-radio-wrapper + .main-form-select-wrapper {
  margin: 5px 0 0
}
.main-form-errorText, .main-form .error {
  font-weight: bold;
  color: #e63737;
  margin: 6px 0 0
}
.main-form-inputChecks-item {
    float: left;
    width: 370px;
    margin: 15px 0 0
}
.main-form-inputChecks-item-label > input {
  display: none
}
.main-form-inputChecks-item-label-dec {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: -2px 10px 0 0;
  border-radius: 3px;
  border: 2px solid #111;
  vertical-align: middle;
  background-color: #fff
}
.main-form-inputChecks-item-label input:checked + .main-form-list-item-inputChecks-item-label-dec:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 5px;
  width: 5px;
  height: 10px;
  transform: rotate(40deg);
  border-right: 2px solid #111;
  border-bottom: 2px solid #111
}
.main-form-agree {
  display: inline-block;
  font-weight: bold;
  font-size: 18px
}
.main-form-agree > input {
  display: none
}
.main-form-agree > a {
  text-decoration: underline
}
.main-form-agree-block {
  text-align: left;
  font-weight: bold;
  width: 100%;
    margin: 72px auto 0;
    font-size: 16px
}
.main-form-agree-block-txt {
  text-align: left;
  margin: 0 0 20px
}
.main-form-agree-block-txt-title {
  font-weight: bold;
  font-size: 18px;
    margin: 0 0 8px
}
.main-form-agree-block-txt-title + p {
    font-size: 13px;
    font-weight: normal
}
.main-form-agree-block a[target="_blank"] {
  background: none;
  padding: 0
}
.main-form-agree-dec {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 2px solid #0072bf;
  vertical-align: middle;
  background-color: #fff;
  margin: -2px 7px 0 0
}
.main-form-agree > input:checked + .main-form-agree-dec:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 5px;
  width: 5px;
  height: 10px;
  transform: rotate(40deg);
  border-right: 2px solid #111;
  border-bottom: 2px solid #111
}
.main-form-thanks {
  text-align: center;
  padding: 30px 0 25px;
    font-size: 16px;
    line-height: 1.6
}
.main-submit {
  display: block;/*後から変更*/
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 20px auto 57px
}
.main-submit i{
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transition: .3s;
font-size: 25px;
}
.main-submit:hover i{
right: 15px;
}
.main-submit {
margin: 24px auto 0
}
.main-submit label {
  display: block;
  position: relative;
  margin: auto;/*後から変更*/
  width: 100%;
  height: auto
}
.main-submit label.icon-link {
  padding: 0
}
.main-submit label.icon-link::before {
left: 21px
}
.main-submit label.icon-link::after {
left: 27px
}
.main-submit label .icon-link:before {
  z-index: 2;
   top: 22px;
    left: 20px
}
.main-submit label .icon-link:after {
  z-index: 3
}
.main-submit label .icon-link:after {
    top: -45px;
    left: 26px
  }
.main-submit input[type=submit], .main-submit a {
  display: block;
  background: #fff;
  font-weight: bold;
  text-align: center;
  -webkit-appearance: none;
width: 100%;
    line-height: 14px;
    margin: 0;
    font-size: 25px;
    border: 5px solid #E94827;
    border-radius: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
     -webkit-box-shadow: 0px 5px 0px 0px #E94827;
    box-shadow: 0px 5px 0px 0px #E94827;
    position: relative;
  }
.main-submit input[type=submit]:hover, .main-submit a:hover {
color: #E94827
}
.main-submit input[type=submit]:disabled, .main-submit a:disabled {
border: 3px solid #cce3f2;
background: #cce3f2
}
.main-submit input[type=submit]:disabled:hover, .main-submit a:disabled:hover {
cursor: default
}
.main-submit input[name="submitBack"] {
  display: inline-block;
  background: none;
  font-weight: normal;
  text-align: center;
  -webkit-appearance: none;
  border-radius: 0;
  position: absolute;
  top: auto;
  left: 0;
  width: auto;
    height: auto;
    line-height: inherit;
    border: none;
    margin: 0 20px 0 0;
    text-decoration: underline
}
.main-submit input[name="submitBack"]:hover {
background: none
}
.main-submit input {
  line-height: 1;
  padding: 0;
  border: none;
  background: none;
  font-weight: bold;
  color: #111;
  font-size: 16px;
    cursor: pointer
}
.main-form-agree-block .mwform-checkbox-field {
  display: inline-block;
  margin: 0 7px 0 0
}
.main-form-agree-block .mwform-checkbox-field-text {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  background-color: #66abd9;
  width: 20px;
   height: 20px;
   margin: -2px 7px 0 0
}
.main-form-agree-block input {
  display: none
}
.main-form-agree-block input:checked + .mwform-checkbox-field-text:after {
  content: "";
  display: block;
  position: absolute;
  transform: rotate(40deg);
  top: 3px;
    left: 6px;
    width: 5px;
    height: 8px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff
}
.main-form-agree-block .error {
  margin: 14px 0 0;
  font-size: 14px
}
.mw_wp_form_confirm .main-form-select-wrapper:before {
  display: none
}
.mw_wp_form_confirm .main-form-agree-block {
  display: none
}



.form_btn_more{
margin-top: 20px;
}
.form_btn_more a{
    border: 3px solid #E94827;
    background-color: #FFF;
    border-radius: 10px;
    display: inline-block;
    color: #E94827;
    padding: 3px 15px 3px 15px;
    text-decoration: none;
    position: relative;
    top: -40px;
    font-size: 18px;
}
.form_btn_more a i{
margin-left: 10px
}
.form_btn_more a:hover{
    color: #FFF;
    background-color: #E94827
}








/*--CMS-------------*/
/*--ARTICLE-------------*/
.entry {
    margin-bottom: 30px;
    border: 5px solid #E94827;
    padding: 20px;
    position: relative
}
.entry .tri{
    position: absolute;
    right: -5px;
    top: -5px;
    z-index: 5
}
.entry .tri img{
    width: 100px;
    height: auto
}
.entry .meta{
margin-bottom: 40px;
position: relative;
z-index: 10
}
.entry .meta .date{
font-size: 22px;
font-weight: bold;
}
.entry .meta .ttl{
font-size: 24px;
font-weight: bold;
margin-bottom: 20px;
}
.entry .meta .cat_data span {
	padding: 5px 8px;
	text-align: center;
	white-space: nowrap;
	color: #fff;
	background-color: #E94827;
}
.entry img{
max-width: 100%;
height: auto
}


/*.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;
}*/




.entry a {
	text-decoration: none;
}
.entry a:hover {
	text-decoration: none;
}
.entry p {
	margin: 0 0 20px 0;
	zoom: 1;
}
.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;
}

/*--PAGENATION-------------*/
.pagination {
	margin: 0px 0 80px;
	text-align: center;
}
.pagination ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.pagination li {
	display: inline-block;
	width: auto;
}
.pagination li a, .pagination li > span {
	font-size: .9em;
	display: block;
	width: 30px;
    line-height: 30px;
	margin: 0 1px;
	padding: 5px;
	text-decoration: none;
	color: #000;
	border: solid 1px #E94827;
	border-radius: 8px;
}
.pagination li > span {
	color: #000;
	background-color: #EEC2B2;
}
.pagination li a:hover {
	color: #000;
	background-color: #EEC2B2;
}
.pagination li .dots {
	width: 15px;
	padding: 0;
	color: #000;
	border-color: transparent;
	background-color: transparent;
}
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*/

}