@charset 'UTF-8';
/* VARS */
:root {
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    list-style: none;
    font-style: normal;

}
h1, h2, h3, h4, h5, h6{
    font-weight: normal;
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section {
    display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    text-decoration: none;
}
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
hr {
    clear: both;
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 48px 0;
    padding: 0;
}
input, select {
    vertical-align: middle;
}
img{
    max-width: 100%;
    vertical-align: bottom;
}
/*===================================================================
------------------
Table Of Contents
------------------
    01) box
    02) text
    03) margin
===================================================================*/
/*-------------------------------------------------------------------
 01) box
-------------------------------------------------------------------*/
.pc-none{
    display: none;
}
.cf:before, .cf:after {
    content: "";
    display: table;
}
.cf:after {
    clear:both;
}
.cf {
    zoom:1;
}
.grid {
    *zoom:1;
}
.grid > *{
    float: left;
    box-sizing: border-box;

}
.grid:after, .grid:before {
    content: "";
    display: table;
    clear: both;

}
.grid__col01 {
    width: 4.16666666667%;

}
.grid__col02 {
    width: 8.33333333333%;

}
.grid__col03 {
    width:12.5%;

}
.grid__col04 {
    width: 16.6666666667%;

}
.grid__col048 {
    width: 20%;

}
.grid__col05 {
    width: 20.8333333333%;

}
.grid__col06 {
    width: 25%;

}
.grid__col07 {
    width: 29.1666666667%;

}
.grid__col08 {
    width: 33.3333333333%;

}
.grid__col09 {
    width: 37.5%;

}
.grid__col10 {
    width: 41.6666666667%;

}
.grid__col11 {
    width: 45.8333333333%;

}
.grid__col12 {
    width: 50%;

}
.grid__col13 {
    width: 54.1666666667%;

}
.grid__col14 {
    width: 58.3333333333%;

}
.grid__col15 {
    width: 62.5%;

}
.grid__col16 {
    width: 66.6666666667%;

}
.grid__col17 {
    width: 70.8333333333%;

}
.grid__col18 {
    width: 75%;

}
.grid__col19 {
    width: 79.1666666667%;

}
.grid__col20 {
    width: 83.3333333333%;

}
.grid__col21 {
    width: 87.5%;

}
.grid__col22 {
    width: 91.6666666667%;

}
.grid__col23 {
    width: 95.8333333333%;

}
.grid__col24 {
    width: 100%;

}
.grid--gutter{
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -20px;

}
.grid--gutter > *{
    padding-left:   10px;
    padding-right:  10px;
    margin-top: 20px;

}
.grid--gutter-w{
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -40px;

}
.grid--gutter-w > *{
    padding-left:   20px;
    padding-right:  20px;
    margin-top: 40px;

}
.yt-wrap{
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
}
.yt-wrap iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}
/*-------------------------------------------------------------------
 02) text
-------------------------------------------------------------------*/
.bold{ font-weight: bold;}
.normal{ font-weight: normal}
.txtc{ text-align: center; }
.txtl{ text-align: left; }
.txtr{ text-align: right; }
.txtj{ text-align: justify;}
.left{ float: left}
.right{ float: right}
.fs12{ font-size: 1.2rem;}
.fs14{ font-size: 1.4rem;}
.fs16{ font-size: 1.6rem;}
.fs18{ font-size: 1.8rem;}
.fs20{ font-size: 2rem;}
.fs24{ font-size: 2.4rem;}
/*-------------------------------------------------------------------
 03) margin
-------------------------------------------------------------------*/
.mb0{ margin-bottom: 0 !important;}
.mb05{ margin-bottom: 5px !important;}
.mb10{ margin-bottom: 10px !important;}
.mb20{ margin-bottom: 20px !important;}
.mb30{ margin-bottom: 30px !important;}
.mb40{ margin-bottom: 40px !important;}
.mb50{ margin-bottom: 50px !important;}
.mb60{ margin-bottom: 60px !important;}
.mt0{ margin-top: 0px !important;}
.mt10{ margin-top: 10px !important;}
.mt20{ margin-top: 20px !important;}
.mt30{ margin-top: 30px !important;}
.mt40{ margin-top: 40px !important;}
.mt50{ margin-top: 50px !important;}
.mt60{ margin-top: 60px !important;}
/* SETTING
///////////////////////////////////////////////////*/
html{
    font-size: 62.5%;
}
body{
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W6", "HiraKakuProN-W6", "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
    font-size: 1.6rem;
    line-height: 1.6;
    color: #181818;
    width: 100%;
}
a{
    color: #2d56a0;
}
a:hover{
    text-decoration: underline;

}
a:focus{
    outline: none;

}
.hv{
    -webkit-transition:opacity .3s ease;
    transition: opacity .3s ease;
}
.hv:hover{
    opacity: .8;

}
sup{
    position: relative;
    font-size: 1.2rem;
    top: -2px;
    vertical-align: super;
}
small{
    font-size: 0.8em;
}
.sp-only{
    display: none;
}
/* LAYOUT
///////////////////////////////////////////////////*/
.wrapper{
    position: relative;
    width: 100%;
}
.main{
    position: relative;
    display: block;
    padding-bottom: 80px;
}
.main-contents{
    overflow: hidden;
    background: #FFF;
    padding: 40px;
}
.inr{
    max-width: 980px;
    padding: 0 20px;
    margin: 0 auto;
}
/* HEADER
///////////////////////////////////////////////////*/
.hd{
    position: relative;
    background: #2d56a0;
}
.hd .hd__inr{
    position: relative;
    overflow: hidden;
    max-width: 980px;
    padding: 15px 20px;
    margin: 0 auto;

}
.hd .hd__logo{
    float: left;
    width: 220px;
    height: 25px;
    margin-top: 3px;

}
.hd .hd__logo a{
    display:block;
    overflow:hidden;
    text-indent:150%;
    white-space:nowrap;
    width: 220px;
    height: 25px;
    background: url(../img/logo.png) 0 0 no-repeat;
    background-size: 100%;
    text-indent: 100%;

}
.menu {
    position: relative;
    float: right;
    width: 100px;
    height: 30px;
    background: url(../img/txt_menu.png) 0 center no-repeat;
    background-size: 46px;
}
.menu a{
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 30px;

}
.menu span {
    position: absolute;
    display: block;
    right: 0;
    width: 24px;
    height: 3px;
    background-color: #FFF;
    -webkit-transition:opacity .4s, -webkit-transform .4s;
    transition:opacity .4s, -webkit-transform .4s;
    transition:transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;

}
.menu span:before{
    content: '';
    position: absolute;
    top: 0;
    left: -6px;
    width: 3px;
    height: 3px;
    background-color: #FFF;

}
.menu span:nth-of-type(1) {
    top: 4px;

}
.menu span:nth-of-type(2) {
    top: 14px;

}
.menu span:nth-of-type(3) {
    top: 24px;

}
.menu a.active span:before {
    content: none;

}
.menu a.active span:nth-of-type(1) {
    -webkit-transform: translateY(10px) rotate(-45deg);
        -ms-transform: translateY(10px) rotate(-45deg);
            transform: translateY(10px) rotate(-45deg);

}
.menu a.active span:nth-of-type(2) {
    opacity: 0;
    -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
            transform: translateX(30px);

}
.menu a.active span:nth-of-type(3) {
    -webkit-transform: translateY(-10px) rotate(45deg);
        -ms-transform: translateY(-10px) rotate(45deg);
            transform: translateY(-10px) rotate(45deg);

}
.gnav{
    overflow: hidden;
    display: none;
    position: relative;
    z-index: 200;
    top: 0px;
    left: 0;
    width: 100%;
}
.gnav:after{
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 12px;
    box-shadow: 0 -2px 1px rgba(200,200,200, .8) inset;

}
.nav-cnts{
    max-width: 980px;
    padding: 0 20px;
    margin: 0 auto;
    letter-spacing: 0;
}
.nav-cnts__inr{
    margin: 0 -30px;

}
.nav-cnts__item01, .nav-cnts__item02{
    position: relative;
    float: left;
    padding: 40px 30px 340px;
    margin-bottom: -300px;
    box-sizing: border-box;

}
.nav-cnts__item01:before, .nav-cnts__item02:before{
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    width: 300%;
    height: 100%;

}
.nav-cnts__item01{
    width: 60%;

}
.nav-cnts__item01:before{
    right: 0;
    background: #F0F0F0;

}
.nav-cnts__item01:after{
    content: "";
    position: absolute;
    top: 40px;
    width: 92px;
    height: 92px;
    background: url(../img/nav_fig01.jpg) 0 0 no-repeat;

}
.nav-cnts__item01 dt{
    padding-left: 15px;

}
.nav-cnts__item01 dt:before{
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 6px;
    height: 21px;
    background: #44b13f;

}
.nav-cnts__item02{
    width: 40%;

}
.nav-cnts__item02:before{
    left: 0;
    background: #DADADA;

}
.nav-cnts__item02:after{
    content: "";
    position: absolute;
    top: 40px;
    width: 92px;
    height: 92px;
    background: url(../img/nav_fig02.jpg) 0 0 no-repeat;

}
.nav-cnts dt, .nav-cnts dd{
    display: block;
    position: relative;
    z-index: 2;
    margin-left: 115px;

}
.nav-cnts dt{
    position: relative;
    font-size: 1.7rem;
    font-weight: bold;
    margin-bottom: 10px;

}
.nav-cnts dd{
    margin-top:  0;
    margin-bottom: 0;

}
.nav-cnts ul{
    margin-top: 0;
    padding-bottom: 100px;
    margin-bottom: -100px;

}
.nav-cnts li{
    margin-bottom: 8px;
    padding-left: 18px;

}
.nav-cnts li a{
    position: relative;
    font-size: 1.4rem;
    color: #000;

}
.nav-cnts li a:before{
    position: absolute;
    content: "";
    top: 50%;
    left: -18px;
    width: 6px;
    height: 6px;
    margin-top: -4px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);

}
/* ASIDE
///////////////////////////////////////////////////*/
.aside{
    margin-top: 60px;
}
.aside-info{
    max-width: 980px;
    margin: 70px auto 0;
    background: #fff8d1;
    border: 1px solid #cfcfcf;
}
.aside-info p{
    padding: 20px 80px;
    font-size: 2rem;
    white-space: nowrap;

}
.aside-info a{
    color: #2d56a0;
    text-decoration: underline;

}
.bnr-area{
    background: #CFCFCF;
}
.bnr-area li a{
    display: block;

}
.bnr-area li figure{
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.73469%;
    -webkit-transition:background .3s, opacity .3s;
    transition: background .3s, opacity .3s;

}
.bnr-area li figure img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}
.bnr-area li a:hover figure{
    background-size: 110%;
    opacity: .7;

}
.bnr-area p{
    display:block;
    overflow:hidden;
    text-indent:150%;
    white-space:nowrap;
    height: 0;
    padding-top: 8.77551%;
    background: 0 0 no-repeat;
    background-size: 100%;

}
.bnr-area__campus figure{
    background: url(../img/top/bnr_campus.jpg) center center no-repeat;
    background-size: 100%;

}
.bnr-area__campus p{
    background-image: url(../img/top/bnr_campus_txt.jpg);

}
.bnr-area__tdu figure{
    background: url(../img/top/bnr_tdu.jpg) center center no-repeat;
    background-size: 100%;

}
.bnr-area__tdu p{
    background-image: url(../img/top/bnr_tdu_txt.jpg);

}
.exam-info{
    padding: 30px;
    background: #FFF;
    border: 1px solid #CCC;
}
.exam-info__btn{
    text-align: center;

}
.exam-info__btn a{
    display: inline-block;
    padding: 15px;
    width: 550px;
    background: #52b9a9;
    border-radius: 4px;
    color: #FFF;
    text-decoration: none;

}
.exam-info__btn--02 a{
    background: #ea7d06;

}
/* FOOTER
///////////////////////////////////////////////////*/
.ft{
    overflow: hidden;
}
.ft__cnts{
    overflow: hidden;
    position: relative;
    z-index: 10;
    padding: 20px 0;
    background: #2d56a0;

}
.ft__logo{
    display: block;
    float: left;
    width: 220px;
    height: 25px;
    margin-top: 10px;

}
.ft__logo a{
    overflow: hidden;
    display: block;
    width: 220px;
    height: 25px;
    background: url(../img/logo.png) 0 0 no-repeat;
    background-size: 100%;
    text-indent: 100%;
    white-space: nowrap;

}
.ft__link{
    overflow: hidden;
    float: right;

}
.ft__link li{
    float: left;
    margin-left: 30px;

}
.ft__link li a{
    position: relative;
    display: block;
    width: 220px;
    height: 40px;
    padding: 0 20px 0 40px;
    background: #3966b9;
    color: #FFF;
    border: 1px solid #1c4897;
    font-size: 1.4rem;
    line-height: 40px;
    text-decoration: none;
    -webkit-transition:background .3s;
    transition: background .3s;

}
.ft__link li a:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -7px;
    width: 14px;
    height: 14px;
    background: url(../img/ar_white.png) center center no-repeat;
    background-size: 100%;

}
.ft__link li a:after{
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -7px;
    width: 14px;
    height: 14px;
    background: url(../img/ico_blank_white.png) center center no-repeat;
    background-size: 100%;

}
.ft .copyright-holder{
    position: relative;
    background: #FFF;
    text-align: center;
    color: #000;
    font-size: 1.1rem;
    line-height: 30px;

}
#pageTop{
    display: none;
    position: absolute;
    z-index: 20;
    right: 50%;
    bottom: 20px;
    width: 60px;
    height: 60px;
    margin-right: -570px;
}
#pageTop a{
    overflow: hidden;
    display: block;
    width: 60px;
    height: 60px;
    background: url(../img/ico_pagetop.png) 0 0 #2d56a0 no-repeat;
    background-size: 100%;
    white-space: nowrap;
    text-indent: 100%;
    border-radius: 3px;
    opacity: 0.8;
    -webkit-transition:opacity .3s;
    transition: opacity .3s;

}
#pageTop a:hover{
    opacity: 1;

}
/* ICON
///////////////////////////////////////////////////*/
.ico-ar-white{
    display: inline-block;
    position: relative;
    top: -1px;
    width: 14px;
    height: 14px;
    background: url(../img/ar_white.png) 0 0 no-repeat;
    background-size: 100%;
    vertical-align: middle;
}
.ico-ar-white--l{
    width: 20px;
    height: 20px

}
.ico-bl-white{
    display: inline-block;
    position: relative;
    top: -1px;
    width: 14px;
    height: 14px;
    margin-left: 5px;
    background: url(../img/ico_blank_white.png) 0 0 no-repeat;
    background-size: 100%;
    vertical-align: middle;
}
/*/////////////////////////////////////////////////////////////////////
SP 767px
/////////////////////////////////////////////////////////////////////*/




/* HERO
///////////////////////////////////////////////////*/
.hero{
    position: relative;
    height: 700px;
    /* margin-bottom: 60px; */
    background: url(../img/bg_main.jpg) center 40% no-repeat;
    background-size: cover;
}
.hero .inr{
    position: relative;
    height: 100%;
    max-width: 556px;
    padding: 147px 0 0;
    margin: 0 auto;

}
.hero__ttl{
    display:block;
    overflow:hidden;
    text-indent:150%;
    white-space:nowrap;
    position: relative;
    width: 100%;
    padding-top: 80px;
    padding-bottom: 26.53061%;
    background: url(../img/txt_main.png) center bottom no-repeat;
    background-size: 100%;

}
h2.new2018_ttl_h2{
    position: absolute;
    width:1050px;
    text-align: center;
    margin: 0 auto;
    font-size: 36px;
    color: #FFF;
    font-weight:bold;
    background:#053b67;
    padding:10px 0;
    bottom: -60px;
    left:50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);

}
h3.new2018_ttl_h3_01,
h3.new2018_ttl_h3_02,
h3.new2018_ttl_h3_03,
h3.new2018_ttl_h3_04 {
  text-align:center;
  margin:50px auto 32px;
}
h3.new2018_ttl_h3_01 div,
h3.new2018_ttl_h3_02 div,
h3.new2018_ttl_h3_03 div,
h3.new2018_ttl_h3_04 div {
  letter-spacing: 0.15em;
  text-align:center;
  display:inline-block;;
  color:#000000;
  font-weight:bold;
  padding:15px 0 15px 60px;
}
h3.new2018_ttl_h3_01 div span,
h3.new2018_ttl_h3_02 div span,
h3.new2018_ttl_h3_03 div span,
h3.new2018_ttl_h3_04 div span {
  display: inline;
  background: linear-gradient(transparent 50%, #ffeb62 50%);
  padding:0 5px 3px 8px;
  font-size:18px;
}
h3.new2018_ttl_h3_01 div span b,
h3.new2018_ttl_h3_02 div span b,
h3.new2018_ttl_h3_03 div span b,
h3.new2018_ttl_h3_04 div span b {
  font-size:30px;
}
h3.new2018_ttl_h3_01 div {
  background:transparent url(../img/icn_h3_01.png) left center no-repeat;
}
h3.new2018_ttl_h3_02 div {
  background:transparent url(../img/icn_h3_02.png) left center no-repeat;
}
h3.new2018_ttl_h3_03 div {
  background:transparent url(../img/icn_h3_03.png) left center no-repeat;
}
h3.new2018_ttl_h3_04 div {
  background:transparent url(../img/icn_h3_04.png) left center no-repeat;
}
h4.new2018_ttl_h4_01 {
  width:100%;
  background:#053b67 url(../img/icn_h4_01.png) right center no-repeat;
  background-size:contain;
  margin-bottom:45px;
}
h4.new2018_ttl_h4_02 {
  width:100%;
  background:#053b67 url(../img/icn_h4_02.png) right center no-repeat;
  background-size:contain;
  margin-bottom:70px;
}
h4.new2018_ttl_h4_03 {
  width:100%;
  background:#053b67 url(../img/icn_h4_03.png) right center no-repeat;
  background-size:contain;
  margin-bottom:30px;
}
h4.new2018_ttl_h4_01 div,
h4.new2018_ttl_h4_02 div,
h4.new2018_ttl_h4_03 div {
  font-size:32px;
  text-align:center;
  color:#ffffff;
  font-weight:bold;
  padding:18px 0;
}
ul.new2018_anch_box {
  display:block;
  margin-bottom:105px;
  margin-top:100px;
}
ul.new2018_anch_box:after {
  clear:both;
  content:" ";
  display:block;
}
ul.new2018_anch_box li {
  float:left;
  box-sizing: border-box;
  border:#bfbfbf 4px solid;
  width:31.8%;
  margin-left:2.28%;
  height:100%;
  text-align:center;
  cursor:pointer;
}
ul.new2018_anch_box li a {
  display:block;
  width:100%;
  height:100%;
  padding:10px 0 0;
  text-align:center;
}
ul.new2018_anch_box li a:hover {
  text-decoration: none;
}
ul.new2018_anch_box li:first-child {
  margin-left:0;
}
ul.new2018_anch_box li:hover {
  border:#ffeb62 4px solid;
}
ul.new2018_anch_box li a span.anch_txt {
  padding:65px 0 0;
  display:block;
  color:#000000;
  font-size:24px;
  font-weight:bold;
  text-align:center;
}
ul.new2018_anch_box li:first-child a span.anch_txt {
  background:transparent url(../img/new2018_ar_01.png) center top no-repeat;
}
ul.new2018_anch_box li:nth-child(2) a span.anch_txt {
  background:transparent url(../img/new2018_ar_02.png) center top no-repeat;
}
ul.new2018_anch_box li:nth-child(3) a span.anch_txt {
  background:transparent url(../img/new2018_ar_03.png) center top no-repeat;
}
ul.new2018_anch_box li a span.anch_ar {
  width:100%;
  display:block;
  height:30px;
  background:#bfbfbf url(../img/ar_anch.png) center 8px no-repeat;
}
ul.new2018_anch_box li:hover a span.anch_ar {
  background:#ffeb62 url(../img/ar_anch.png) center 8px no-repeat;
}
ul.new2018_li_num {
  margin-bottom:75px;
}
ul.new2018_li_num li {
  padding-left:36px;
  margin-left:14px;
  padding-top:4px;
  padding-bottom:4px;
  font-size:20px;
  line-height:1.4em;
  margin-bottom:10px;
}
ul.new2018_li_num li:first-child {
  margin-top:0px;
  background:transparent url(../img/icn_num_01.png) left 6px no-repeat;
}
ul.new2018_li_num li:nth-child(2) {
  background:transparent url(../img/icn_num_02.png) left 6px no-repeat;
}
ul.new2018_li_num li:nth-child(3) {
  background:transparent url(../img/icn_num_03.png) left 6px no-repeat;
}
ul.new2018_li_num li:nth-child(4) {
  background:transparent url(../img/icn_num_04.png) left 6px no-repeat;
}
ul.new2018_li_num li:nth-child(5) {
  background:transparent url(../img/icn_num_05.png) left 6px no-repeat;
}
ul.new2018_li_num li:nth-child(6) {
  background:transparent url(../img/icn_num_06.png) left 6px no-repeat;
}
ul.new2018_li_num li:nth-child(7) {
  background:transparent url(../img/icn_num_07.png) left 6px no-repeat;
}
ul.new2018_li_num li:nth-child(8) {
  background:transparent url(../img/icn_num_08.png) left 6px no-repeat;
}
ul.new2018_li_num li:nth-child(9) {
  background:transparent url(../img/icn_num_09.png) left 6px no-repeat;
}
ul.new2018_li_num li:nth-child(10) {
  background:transparent url(../img/icn_num_10.png) left 6px no-repeat;
}
ul.new2018_li_num li:nth-child(11) {
  background:transparent url(../img/icn_num_11.png) left 6px no-repeat;
}
ul.new2018_li_num li:nth-child(12) {
  background:transparent url(../img/icn_num_02.png) left 6px no-repeat;
}
ul.new2018_unit3 {
  display:block;
  margin-bottom:40px;
}
ul.new2018_unit3:after {
  clear:both;
  content:" ";
  display:block;
}
ul.new2018_unit3 li.unit_li {
  float:left;
  width:31.8%;
  margin-left:2.28%;
  height:100%;
  text-align:center;
  /* overflow:hidden; */
}
ul.new2018_unit3 li.unit_li:first-child {
  margin-left:0;
  text-align:center;
}
ul.new2018_unit3 li.unit_li span.unit_no {
  text-align:center;
  display:block;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
  width:95px;
  height:95px;
  margin:0 auto;
}
ul.new2018_unit3 li.unit_li:first-child span.unit_no {
  background:transparent url(../img/icn_unit_01.png) left top no-repeat;
}
ul.new2018_unit3 li.unit_li:nth-child(2) span.unit_no {
  background:transparent url(../img/icn_unit_02.png) left top no-repeat;
}
ul.new2018_unit3 li.unit_li:nth-child(3) span.unit_no {
  background:transparent url(../img/icn_unit_03.png) left top no-repeat;
}
ul.new2018_unit3 li.unit_li span.unit_ttl {
  text-align:center;
  letter-spacing: 0.15em;
  text-align:center;
  display:inline-block;;
  color:#000000;
  font-weight:bold;
  padding:15px 0;
  margin-bottom:12px;
}
ul.new2018_unit3 li.unit_li span.unit_ttl span {
  display: inline;
  background: linear-gradient(transparent 50%, #ffeb62 50%);
  padding:0 5px 3px 8px;
  font-size:30px;
  letter-spacing:-0.07em;

}
ul.new2018_unit3 li.unit_li span.unit_ttl2_p {
  display:block;
  text-align:center;
  font-size:24px;
  margin-bottom:10px;
  color:#001b72;
  font-weight:bold;
}
ul.new2018_unit3 li.unit_li div.unit_img {
}
ul.new2018_unit3 li.unit_li ul.unit_will {
  text-align:left;
}
ul.new2018_unit3 li.unit_li ul.unit_will li {
  list-style-type: disc;
  text-align:left;
  font-size:18px;
  margin-left:32px;
}
ul.unit_circle {
  text-align:left;
}
ul.unit_circle li {
  list-style-type: none;
  text-align:left;
  font-size:18px;
  margin-left:18px;
}
ul.unit_circle li:before {
  content: '●';
  margin-left:-18px;
}
ul.lnk_dept {
  display:block;
  padding-top: 90px;
  border-top: 1px solid #bfbfbf;
  margin-top: 100px;
}
ul.lnk_dept:after {
  clear:both;
  content:" ";
  display:block;
}
ul.lnk_dept li {
  float:left;
  width:31.8%;
  margin-right:2.28%;
  height:100%;
  text-align:center;
  cursor:pointer;
  margin-bottom:17px;
}
ul.lnk_dept li:nth-child(3n) {
  margin-right:0;
}
ul.lnk_dept li a {
  display:block;
  width:100%;
  height:100%;
  padding:10px 0 0;
  text-align:center;
}
ul.lnk_dept li a:hover {
  text-decoration: none;
}
ul.lnk_dept li:first-child {
  margin-left:0;
}
ul.lnk_dept li:hover {
}
ul.lnk_dept li a span.anch_txt {
  padding:65px 0 0;
  display:block;
  color:#000000;
  font-size:2.3rem;
  font-weight:bold;
  text-align:center;
}
ul.lnk_dept li a span.lnk_dept_img {
  display:block;
  width:100%;
  height:112px;
  overflow:hidden;
}
ul.lnk_dept li:first-child a span.lnk_dept_img {
background:transparent url(../img/lnk_dept_img_01.jpg) center top no-repeat;
}
ul.lnk_dept li:nth-child(2) a span.lnk_dept_img {
background:transparent url(../img/lnk_dept_img_02.jpg) center top no-repeat;
}
ul.lnk_dept li:nth-child(3) a span.lnk_dept_img {
background:transparent url(../img/lnk_dept_img_03.jpg) center top no-repeat;
}
ul.lnk_dept li:nth-child(4) a span.lnk_dept_img {
background:transparent url(../img/lnk_dept_img_04.jpg) center top no-repeat;
}
ul.lnk_dept li:nth-child(5) a span.lnk_dept_img {
background:transparent url(../img/lnk_dept_img_05.jpg) center top no-repeat;
}
ul.lnk_dept li a span.lnk_dept_txt {
  width:100%;
  display:block;
  font-weight:bold;
  color:#ffffff;
  height:30px;
  font-size:18px;
  padding:4px 0 0;
  background:#4f4f4f url(../img/ar_lnk.png) right 5px center no-repeat;
}
ul.lnk_dept li:hover a span.lnk_dept_txt {
  color:#4f4f4f;
  background:#ffeb62 url(../img/ar_lnk.png) right 5px center no-repeat;
}
h5.new2018_ttl_h5 {
  color:#001b72;
  font-weight:bold;
  text-align:center;
  font-size: 24px;
  margin:30px 0 20px;
}
.sect.sect01 p {
  margin-bottom:50px;
  font-size:18px;
}
.sect.sect01 p.p2 {
  margin-bottom:20px;
  margin-top:20px;
  font-size:16px;
}
.sect.sect01 p.p3 {
  margin-bottom:80px;
  margin-top:20px;
  font-size:18px;
}
.sect.sect01 ul.ul2 {
  margin:20px 0;
  padding:0;
}
.sect.sect01 ul.ul2 li {
  font-size:14px;
  padding-left:1em;
  text-indent:-1em;
}
.sp_dept {display:none;}
.pc_dept {
  display:block;
  width:1050px;
  overflow:visible;
  position:relative;
  margin-bottom:80px;
}
.pc_dept2 {
  margin-bottom:80px;
}
.pc_dept span {
  position:absolute;
  top:0;
  left:0;
  overflow:visible;
}
.pc_i {display:inline;}
.sp_i {display:none;}
@media screen and (max-width: 1124px) {
  ul.new2018_unit3 li.unit_li span.unit_ttl span {
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 640px) {
  .pc_dept,.pc_dept2 {display:none;}
  .sp_dept {display:block;}
  .pc_i {display:none;}
  .sp_i {display:inline;}

  .main-contents{
      padding:40px 10px;
  }
  h3.new2018_ttl_h3_01,
  h3.new2018_ttl_h3_02,
  h3.new2018_ttl_h3_03,
  h3.new2018_ttl_h3_04 {
    text-align:center;
    margin:40px auto 4px;
  }
  ul.new2018_unit3 li.unit_li span.unit_ttl span {
    font-size: 26px;
  }
  h2.new2018_ttl_h2{
    font-size:24px;
    /* font-size:3.5vw;*/
    padding:15px 0;
    width:100%;
    bottom: -110px;
    margin-bottom:30px;
  }
  h3.new2018_ttl_h3_01 div,
  h3.new2018_ttl_h3_02 div,
  h3.new2018_ttl_h3_03 div,
  h3.new2018_ttl_h3_04 div {
    padding:15px 0 15px 40px;
    background-size:32px;
    letter-spacing:-0.03em;
  }
  h3.new2018_ttl_h3_01 div span b,
  h3.new2018_ttl_h3_02 div span b,
  h3.new2018_ttl_h3_03 div span b,
  h3.new2018_ttl_h3_04 div span b {
    font-size:22px;
  }
  .sect.sect01 p {
    padding-left:10px;
    padding-right:10px;
    margin-bottom:45px;
  }
  ul.new2018_anch_box {
    width:97%;
    text-align:center;
    margin:0 auto 65px;
  }
  ul.new2018_anch_box li {
    width:100%;
    float:none;
    margin:0 0 10px;
  }
  ul.new2018_anch_box li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    text-align: center;
    background-size: 32px;
  }
  ul.new2018_anch_box li a:after {
    clear:both;
    content:" ";
    display:block;
  }
  ul.new2018_anch_box li:first-child a {
    background: transparent url(../img/new2018_ar_01.png) 15px center no-repeat;
    background-size:33px;
  }
  ul.new2018_anch_box li:nth-child(2) a {
    background: transparent url(../img/new2018_ar_02.png) 15px center no-repeat;
    background-size:33px;
  }
  ul.new2018_anch_box li:nth-child(3) a {
    background: transparent url(../img/new2018_ar_03.png) 15px center no-repeat;
    background-size:33px;
  }
  ul.new2018_anch_box li:first-child a span.anch_txt,
  ul.new2018_anch_box li:nth-child(2) a span.anch_txt,
  ul.new2018_anch_box li:nth-child(3) a span.anch_txt {
    background:none;
    width:100%;
    float:left;
    font-size: 20px;
    padding: 10px 0;
    position:relative;
  }
  ul.new2018_anch_box li a span.anch_ar {
    width:14%;
    height:100%;
    position:absolute;
    right:0;
    top:0;
    background: #bfbfbf url(../img/ar_anch.png) center center no-repeat;
    background-size: 26px;
  }
  ul.new2018_anch_box li:hover a span.anch_ar {
    background: #ffeb62 url(../img/ar_anch.png) center center no-repeat;
    background-size: 26px;
  }
  h4.new2018_ttl_h4_01 div,
  h4.new2018_ttl_h4_02 div,
  h4.new2018_ttl_h4_03 div {
    font-size:28px;
  }
  h4.new2018_ttl_h4_01,
  h4.new2018_ttl_h4_02,
  h4.new2018_ttl_h4_03 {
    margin-bottom:40px;
  }
  ul.new2018_unit3 li.unit_li {
    float:none;
    width:100%;
    margin-left: 0;
  }
  ul.lnk_dept {
    border-top:#2d56a0 1px solid;
    padding-top:0;
    margin-top:70px;
  }
  ul.lnk_dept li {
    width:100%;
    margin:0;
  }
  ul.lnk_dept li a span.lnk_dept_img {
    display:none;
  }
  ul.lnk_dept li a span.lnk_dept_txt {
    width:100%;
    display:block;
    font-weight:normal;
    color:#2d56a0;
    text-align:left;
    /*height:30px;*/
    border-bottom:#2d56a0 1px solid;
    background:transparent url(../img/ar_lnk_sp.png) right 5px center no-repeat;
    background-size:12px;
    padding:10px 0 10px 5px;
  }
  ul.lnk_dept li a {padding:0;}
  ul.lnk_dept li:hover a span.lnk_dept_txt {
    color:#4f4f4f;
    background:#ffeb62 url(../img/ar_lnk.png) right 5px center no-repeat;
  }
  ul.new2018_unit3 li.unit_li span.unit_ttl2 {
    display:block;
    text-align:center;
    font-size:2.2rem;
    color:#001b72;
    font-weight:normal;
    background-image: url(../img/icn_acc_p.png);
    background-color:#eeeeee;
    background-position:right 5px center;
    background-repeat:no-repeat;
    background-size:21px 21px;
    width:100%;
    margin-bottom:10px;
    padding:4px 0;
  }
  ul.new2018_unit3 li.unit_li span.unit_ttl2_p {
    display:block;
    text-align:center;
    font-size:2.2rem;
    color:#001b72;
    font-weight:normal;
    background-image: url(../img/icn_acc_p.png);
    background-color: #eeeeee;
    background-position:right 5px center;
    background-repeat:no-repeat;
    background-size:21px 21px;
    width:100%;
    margin-bottom:10px;
    padding:4px 0;
  }
  ul.new2018_unit3 li.unit_li span.unit_ttl2_m {
    display:block;
    text-align:center;
    font-size:2.2rem;
    color:#001b72;
    font-weight:normal;
    background-image: url(../img/icn_acc_m.png);
    background-color: #eeeeee;
    background-position:right 5px center;
    background-repeat:no-repeat;
    background-size:21px 21px;
    width:100%;
    margin-bottom:10px;
    padding:4px 0;
  }
  ul.new2018_unit3 li.unit_li .unit_tgl {
    display:none;
    margin-bottom:30px;
  }
  h5.new2018_ttl_h5 {
    color:#001b72;
    font-weight:bold;
    text-align:left;
    font-size:18px;
    margin:25px 0 10px;
  }
  h5.new2018_ttl_h5 span {
    font-size:14px;
    display:block;
  }
  h5.new2018_ttl_h5 span sup {
    font-size:0.5em;
  }
  h4.new2018_ttl_h4_01,
  h4.new2018_ttl_h4_02,
  h4.new2018_ttl_h4_03 {
    background-size:16vw;
  }
  .pc {display:none;}
  .sp {display:block;}
}
@media screen and (max-width: 374px) {
  h2.new2018_ttl_h2{
    font-size:20px;
    /* font-size:3.5vw;*/
    padding:15px 0;
    width:100%;
    bottom: -110px;
    margin-bottom:30px;
  }
  ul.new2018_unit3 li.unit_li span.unit_ttl span {
    font-size: 22px;
  }
  h4.new2018_ttl_h4_01 div,
  h4.new2018_ttl_h4_02 div,
  h4.new2018_ttl_h4_03 div {
    font-size:24px;
    padding:12px 0;
  }
  ul.new2018_anch_box li:first-child a span.anch_txt,
  ul.new2018_anch_box li:nth-child(2) a span.anch_txt,
  ul.new2018_anch_box li:nth-child(3) a span.anch_txt {
    font-size: 17px;
  }
  h3.new2018_ttl_h3_01 div span b,
  h3.new2018_ttl_h3_02 div span b,
  h3.new2018_ttl_h3_03 div span b,
  h3.new2018_ttl_h3_04 div span b {
    font-size:20px;
  }
}








/**************************************************/
/**************************************************/
/**************************************************/
/**************************************************/
/**************************************************/
/**************************************************/
/**************************************************/



@-webkit-keyframes logoAnime{
    0%{ stroke-dashoffset: 800; stroke-width: 1; fill: rgba(0,0,0,0);}
    50%{ stroke-dashoffset: 0; fill: rgba(0,0,0,0);}
    80%{fill: rgba(255,255,255,1);}
    100%{stroke-width: 0; fill: rgba(255,255,255,1);}
 }
@keyframes logoAnime{
    0%{ stroke-dashoffset: 800; stroke-width: 1; fill: rgba(0,0,0,0);}
    50%{ stroke-dashoffset: 0; fill: rgba(0,0,0,0);}
    80%{fill: rgba(255,255,255,1);}
    100%{stroke-width: 0; fill: rgba(255,255,255,1);}
 }
              /* SECTION
              ///////////////////////////////////////////////////*/
              .sect{
                  position: relative;
                  max-width: 1050px;
                  margin: 80px auto 0;
                  background: #FFF;
              }
.sect:first-child{
    margin-top: 0;

}
.sect__ttl{
    position: relative;
    margin-bottom: 30px;

}
.sect__ttl img{
    width: 100%;

}
.sect01 > *{
    position: relative;
    z-index: 4;

}
.sect01:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: -40px calc(-50vw + 50% );
    padding: 40px calc(50vw - 50% ) 40px;
    background: url(../img/top/bg_sect01.jpg) center center no-repeat;
    background-size: cover;

}
.sect01 .sect__ttl a{
    display: block;
    box-shadow: 0 0 4px rgba(0,0,0, .3);
    -webkit-transition:box-shadow .3s ;
    transition: box-shadow .3s ;

}
.sect01 .sect__ttl a:hover{
    box-shadow: 0 0 10px rgba(0,0,0, .8);

}
.cnt > *{
    margin-bottom: 30px;

}
.cnt.cnt--w930{
    max-width: 930px;
    margin: 0 auto;

}
.cnt.cnt--w740{
    max-width: 740px;
    margin: 0 auto;

}
.roomList a{
    display: block;
    color: #181818;
    -webkit-transition:.3s;
    transition: .3s;

}
.roomList a:hover{
    opacity:0.6;
    text-decoration: none;

}
/* BOX
///////////////////////////////////////////////////*/
.headline{
    overflow: hidden;
    position: relative;
    background: #44b13f;
    color: #FFF;
}
.headline__inr{
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    text-align: left;

}
.headline__table{
    display: table;
    position: relative;

}
.headline__cell{
    display: table-cell;
    position: relative;
    box-sizing: border-box;
    vertical-align: middle;
    width: 40%;
    padding: 20px;

}
.headline__cat{
    font-size: 2.2rem;

}
.headline__cat.new:before{
    content: "NEW";
    display: block;
    width: 30px;
    padding: 6px 10px 4px;
    margin-bottom: 5px;
    line-height: 1;
    letter-spacing: 0;
    border: 1px solid #F00;
    color: #FFF;
    font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
    vertical-align: bottom;
    background-color: #f00;

}
.headline__ttl{
    position: relative;
    font-size: 3.8rem;
    line-height: 1.2;
    font-weight: bold;

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

}
.headline__ttl--center span{
    display: inline-block;
    text-align: left;

}
.headline__lead, .headline__name{
    position: relative;
    margin-top: 10px;
    font-size: 1.5rem;

}
.headline__btn{
    display: inline-block;
    position: relative;
    float: right;
    margin-top: 15px;
    padding: 5px 25px 5px 20px;
    background: #FFF;
    color: #44b13f;
    text-decoration: none !important;
    font-size: 1.4rem;
    -webkit-transition:opacity .3s ease;
    transition: opacity .3s ease;

}
.headline__btn:before{
    content: "";
    position: absolute;
    top: 50%;
    right: 8px;
    width: 6px;
    height: 6px;
    margin-top: -4px;
    border-right: 2px solid #44b13f;
    border-top: 2px solid #44b13f;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);

}
.headline__btn:hover{
    opacity: .7;

}
.headline__fig{
    position: relative;
    display: table-cell;
    width: 60%;

}
.headline__fig img{
    display: block;
    position: relative;
    width: 100%;

}
.headline--tp02 .headline__cell{
    width: 56.66667%;

}
.headline--tp02 .headline__fig{
    width: 43.33333%;

}
.headline--tp03{
    background: #1eb48f;

}
.headline--tp03 .headline__cell{
    width: 65%;

}
.headline--tp03 .headline__fig{
    width: 35%;

}
.headline--tp03 .headline__ttl{
    font-size: 3rem;
    font-weight: normal;

}
.headline--tp03 .headline__cat{
    display: block;
    margin-bottom: 10px;

}
.headline__bottom{
    display: none;

}
.breadcrumb{
    background: #FFF;
}
.breadcrumb__list{
    overflow: hidden;
    position: relative;
    max-width: 980px;
    margin: 0 auto;
    padding: 10px 20px;

}
.breadcrumb li{
    position: relative;
    float: left;
    font-size: 1.4rem;

}
.breadcrumb li a{
    text-decoration: underline;

}
.breadcrumb li a:hover{
    text-decoration: none;

}
.breadcrumb li:after{
    padding: 0 20px;
    content: ">";

}
.breadcrumb li:last-child:after{
    content: none;

}
.breadcrumb li.home{
    padding-left: 20px;

}
.breadcrumb li.home:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 16px;
    height: 16px;
    margin-top: -10px;
    background: url(../img/ico_home.png);
    background-size: 100%;

}
.card__item a{
    overflow: hidden;
    display: block;
    position: relative;
    padding: 10px;
    background: #FFF;
    color: #181818;
    box-shadow: 0 0 4px rgba(0,0,0, .3);
    text-decoration: none;
    text-align: center;
    -webkit-transition:box-shadow .3s;
    transition: box-shadow .3s;

}
.card__item a:hover{
    box-shadow: 0 0 8px rgba(0,0,0, .8);

}
.card__item a:hover .card__fig img{
    -webkit-transform: rotate(2deg) scale(1.1);
        -ms-transform: rotate(2deg) scale(1.1);
            transform: rotate(2deg) scale(1.1);
    opacity: .7;

}
.card__item.new a:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 34.90566%;
    height: 0;
    padding-top: 22.32704%;
    background: url(../img/ico_new.png) 0 0 no-repeat;
    background-size: 100%;

}
.card__fig{
    overflow: hidden;
    margin-bottom: 5px;
    border-bottom: 7px solid #44b13f;

}
.card__fig img{
    display: block;
    width: 100%;
    -webkit-transition:opacity .3s, -webkit-transform .3s;
    transition:opacity .3s, -webkit-transform .3s;
    transition:transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s;

}
.card__ttl{
    display: inline-block;
    position: relative;
    margin-bottom: 5px;
    padding-left: 25px;
    text-align: center;
    font-size: 2.8rem;
    font-weight: bold;
    white-space: nowrap;
    color: #44b13f;

}
.card__ttl:before{
    content: "";
    position: absolute;
    top: 17px;
    left: 0;
    width: 10px;
    height: 10px;
    margin-top: 0px;
    border-right: 2px solid #44b13f;
    border-bottom: 2px solid #44b13f;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);

}
.card__ttl--s{
    font-size: 2rem;
    line-height: 44.8px;
    letter-spacing: -2px;

}
.card__list{
    overflow: hidden;

}
.card__list ul{
    display: inline-block;
    text-align: left;

}
.card__list li{
    position: relative;
    font-size: 1.4rem;
    padding-left: 12px;

}
.card__list li:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 8px;
    height: 8px;
    margin-top: -5px;
    background: #44b13f;

}
.card--col02 .card__item.new a:after{
    width: 17.3913%;
    height: 0;
    padding-top: 11.30435%;
    background: url(../img/ico_new.png) 0 0 no-repeat;
    background-size: 100%;

}
.card--col02 .card__fig{
    width: 140px;
    float: left;
    margin-bottom: 0;

}
.card--col02 .card__fig img{
    display: block;
    width: 100%;
    -webkit-transition:opacity .3s, -webkit-transform .3s;
    transition:opacity .3s, -webkit-transform .3s;
    transition:transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s;

}
.card--col02 .card__ttl{
    display: block;
    margin-bottom: 5px;
    padding-left: 15px;
    margin-left: 160px;
    text-align: left;
    font-size: 1.8rem;
    line-height: 1.6;
    white-space: normal;

}
.card--col02 .card__ttl:before{
    width: 6px;
    height: 6px;
    margin-top: -4px;

}
.card--col02 .card__list{
    margin-left: 160px;

}
.card--col02 .card__list ul{
    display: block;

}
.introduce{
    padding: 25px;
    background: url(../img/bg_body.png);
}
.introduce__ttl{
    margin-bottom: 20px;
    text-align: center;
    font-size: 3.6rem;

}
.introduce__ttl:after{
    content: "";
    display: inline-block;
    position: relative;
    top: -3px;
    width: 40px;
    height: 40px;
    margin-left: 10px;
    background: url(../img/rikougaku/top/ico_pen.png) 0 0 no-repeat;
    vertical-align: middle;

}
.course{
    position: relative;
    margin-top: 40px;
}
.course:first-child{
    margin-top: 0;

}
.course dt{
    padding-right: 240px;

}
.course dd p{
    padding-right: 240px;

}
.course__fig{
    position: absolute;
    top: 0;
    right: 0;

}
.bnr-step{
    max-width: 980px;
    margin: 0 auto 0;
}
.bnr-step a{
    display: block;
    position: relative;
    box-shadow: 0 2px 3px rgba(0,0,0, .5);

}
.bnr-step a:before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 90px;
    height: 100%;
    background: url(../img/ar_white.png) 50% 60% rgba(0,0,0, .3) no-repeat;
    -webkit-transition:background .3s ;
    transition: background .3s ;

}
.bnr-step a:after{
    content: "詳しく見る";
    position: absolute;
    top: 30%;
    right: 0;
    width: 90px;
    font-size: 1.2rem;
    color: #FFF;
    text-align: center;

}
.bnr-step a:hover:before{
    background-position: 55% 60%;
    background-color: rgba(0,0,0, .2)

}
.bnr-step a:hover:after{
    color: #fffbca;

}
.box01{
    padding: 40px 20px;
    border: 1px solid #CCC;
}
.box01 .new{
    color: #FF0000;
    font-size: 1.2rem;

}
.box02{
    border: 1px solid #CCC;
}
.point dl{
    padding: 110px 30px 0;
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: 98px;

}
.point__item01{
    background-image: url(../img/ico_point01.png);

}
.point__item02{
    background-image: url(../img/ico_point02.png);

}
.point__item03{
    background-image: url(../img/ico_point03.png);

}
.point dt{
    display: block;
    margin-bottom: 8px;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    color: #44b13f;

}
.point dd{
    font-size: 1.4rem;

}
.accordion-area{}
.accordion__ttl{
    position: relative;
    margin-top: -1px;
    padding: 16px 70px 16px 50px;
    font-size: 2.6rem;
    background: #eeffed;
    border: 1px solid #ABABAB;
    cursor: pointer;
    -webkit-transition:background .3s;
    transition: background .3s;

}
.accordion__ttl:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 23px;
    width: 4px;
    height: 30px;
    margin-top: -15px;
    background: #44b13f;
    border-radius: 2px;

}
.accordion__ttl:hover{
    background-color: #FFF!important;

}
.accordion__ttl span{
    position: absolute;
    display: block;
    top: 50%;
    right: 20px;
    margin-top: -1px;
    width: 30px;
    height: 3px;
    background: #44b13f;
    -webkit-transition:all .3s;
    transition: all .3s;

}
.accordion__ttl span:before{
    content: "";
    position: absolute;
    top: 50%;
    right: 14px;
    width: 3px;
    height: 30px;
    margin-top: -15px;
    background: #44b13f;
    -webkit-transition:-webkit-transform .3s;
    transition:-webkit-transform .3s;
    transition:transform .3s;
    transition: transform .3s, -webkit-transform .3s;

}
.accordion__ttl.active span{
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);

}
.accordion__ttl.active span:before{
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);

}
.accordion__details{
    position: relative;
    display: none;
    margin-top: -1px;
    padding: 40px;
    border: 1px solid #ABABAB;

}
.accordion__details .note{
    display: block;
    font-size: 1.1rem;

}
.accordion__details .note.note--right{
    position: absolute;
    bottom: 20px;
    right: 40px;

}
.zoomup{
    position: relative;
    display: block;
}
.zoomup:after{
    content: "";
    position: absolute;
    z-index: 2;
    bottom: 0;
    right: 0;
    width: 80px;
    height: 80px;
    background: url(../img/ico_search.png) 0 0 rgba(0,0,0, .2) no-repeat;
    background-size: 100%;

}
.pickup{
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    margin: 0 -10px;
}
.pickup__item{
    overflow: hidden;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(50% - 20px);
        -ms-flex: 0 0 calc(50% - 20px);
            flex: 0 0 calc(50% - 20px);
    margin: 0 10px 20px;
    padding: 20px;
    border: 1px solid #ABABAB;

}
.pickup__ttl{
    margin-bottom: 8px;
    font-weight: bold;

}
.pickup__fig{
    float: left;
    width: 160px;

}
.pickup__fig + .pickup__txt{
    margin-left: 175px;

}
.pickup__txt{
    font-size: 1.4rem;

}
.lab-bx__item{
    overflow: hidden;
    padding: 16px;
    border: 1px solid #ABABAB;
    box-sizing: border-box;

}
.lab-bx__item02{
    overflow: hidden;
    padding: 16px;

}
.lab-bx__ttl{
    margin-bottom: 16px;
    padding-bottom: 10px;
    font-weight: bold;
    border-bottom: 1px solid #ABABAB;

}
.lab-bx__ttl span{
    font-size: 2.2rem;

}
.lab-bx__txt{
    font-size: 1.4rem;
    margin-bottom: 8px;

}
/* TEXT
///////////////////////////////////////////////////*/
.ttl01{
    position: relative;
    margin-bottom: 30px;
    font-size: 3.4rem;
    border-bottom: 1px solid #CCC;
    padding-left: 20px;
}
.ttl01:before{
    content: "";
    position: absolute;
    top: 10%;
    left: 0;
    width: 6px;
    height: 80%;
    background: #44b13f;
    border-radius: 3px;

}
.ttl02{
    text-align: center;
    margin-bottom: 30px;
    font-size: 2.6rem;
}
.ttl02 span{
    display: inline-block;
    padding: 0 10px;
    border-bottom: 3px solid #44b13f;

}
.ttl03{
    margin-bottom: 10px;
    font-size: 2.6rem;
    font-weight: bold;
    color: #44b13f;
    text-align: center;
}
.ttl04{
    margin-bottom: 10px;
    font-size: 2.6rem;
    font-weight: bold;
    text-align: center;
}
.txt01{
    margin-bottom: 20px;
    font-size: 3rem;
    color: #44b13f;
}
.list01 li{
    position: relative;
    padding-left: 1em;
    font-size: 1.4rem;
    margin-top: 2px;

}
.list01 li:first-child{
    margin-top: 0;

}
.list01 li:before{
    content:"";
    display: block;
    position: absolute;
    top: .5em;
    left: 2px;
    width: 8px;
    height: 8px;
    background: #44b13f;

}
.list02 li{
    position: relative;
    padding-left: 1em;
    font-size: 1.4rem;
    margin-top: 4px;

}
.list02 li:first-child{
    margin-top: 0;

}
.list02 li:before{
    content:"";
    display: block;
    position: absolute;
    top: .6em;
    left: 2px;
    width: 4px;
    height: 4px;
    background: #565656;

}
.ico-new{
    display: inline-block;
    position: relative;
    top: -1px;
    padding: 0 5px;
    background: #d0121b;
    color: #FFF;
    font-size: 1.1rem;
    vertical-align: middle;
}
.ico-new__ttl{
    display: inline-block;
    position: relative;
    top: -3px;
    padding: 0 5px;
    background: #d0121b;
    color: #FFF;
    font-size: 1.1rem;
    vertical-align: middle;

}
.sec-color{
    color: #44b13f;
}
.ar{
    display: block;
    position: relative;
}
.ar:after{
    content: "";
    height: 25px;
    width: 25px;
    display: block;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto 0;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transition:right .3s ease;
    transition:  right .3s ease;

}
.ar:hover:after{
    right: 15px;

}
/* form
///////////////////////////////////////////////////*/
input[type="text"], input[type="email"], textarea{
    padding: 4px 10px;
    border: 1px solid #B2B2B2;
    border-radius: 0;
    box-sizing: border-box;
    font-size: 1.6rem;
    line-height: 2;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
input[type="text"]:focus, input[type="email"]:focus, textarea:focus{
    background-color: #fffee3;
    outline: none;

}
input[type="radio"]:focus{
}
input[type="submit"]{
    padding: 4px 40px;
    color: #FFF;
    border: none;
    box-sizing: border-box;
    border-radius: 3px;
    font-size: 1.6rem;
    line-height: 2;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    cursor: pointer;
    -webkit-transition:background .3s;
    transition: background .3s;
}
.select{
    display: inline-block;
    position: relative;
    top: 2px;
}
.select .select__dummy{
    position: relative;
    padding: 4px 10px;
    background: #FFF;
    border: 1px solid #B2B2B2;
    box-sizing: border-box;
    font-size: 1.6rem;
    line-height: 2;

}
.select .select__dummy:after{
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    background: url(../img/ar_gray.png) center center no-repeat;
    background-size: 100%;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);

}
.select .select__dummy:focus{
    background-color: #fffee3;

}
.select select {
    position: absolute;
    bottom: 1px;
    left: 1px;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    cursor: pointer;
    padding: 0;
    border: 0;

}
@media only screen and (max-width: 767px){
    .pc-none{
        display:block;

    }
    .sp-none{
        display:none;

    }
    .grid >*{
        width:auto;
        float:none;

    }
    .grid--gutter{
        margin-left:0;
        margin-right:0;
        margin-top:-20px;

    }
    .grid--gutter >*{
        padding-left:0;
        padding-right:0;
        margin-top:20px;

    }
    .grid--gutter-w{
        margin-left:0;
        margin-right:0;
        margin-top:-20px;

    }
    .grid--gutter-w >*{
        padding-left:0;
        padding-right:0;
        margin-top:20px;

    }
    .grid-sp > *{
        float:left;
        box-sizing:border-box;

    }
    .grid-sp__col01{
        width:4.16666666667%;

    }
    .grid-sp__col02{
        width:8.33333333333%;

    }
    .grid-sp__col03{
        width:12.5%;

    }
    .grid-sp__col04{
        width:16.6666666667%;

    }
    .grid-sp__col048{
        width:20%;

    }
    .grid-sp__col05{
        width:20.8333333333%;

    }
    .grid-sp__col06{
        width:25%;

    }
    .grid-sp__col07{
        width:29.1666666667%;

    }
    .grid-sp__col08{
        width:33.3333333333%;

    }
    .grid-sp__col09{
        width:37.5%;

    }
    .grid-sp__col10{
        width:41.6666666667%;

    }
    .grid-sp__col11{
        width:45.8333333333%;

    }
    .grid-sp__col12{
        width:50%;

    }
    .grid-sp__col13{
        width:54.1666666667%;

    }
    .grid-sp__col14{
        width:58.3333333333%;

    }
    .grid-sp__col15{
        width:62.5%;

    }
    .grid-sp__col16{
        width:66.6666666667%;

    }
    .grid-sp__col17{
        width:70.8333333333%;

    }
    .grid-sp__col18{
        width:75%;

    }
    .grid-sp__col19{
        width:79.1666666667%;

    }
    .grid-sp__col20{
        width:83.3333333333%;

    }
    .grid-sp__col21{
        width:87.5%;

    }
    .grid-sp__col22{
        width:91.6666666667%;

    }
    .grid-sp__col23{
        width:95.8333333333%;

    }
    .grid-sp__col24{
        width:100%;

    }
    .grid-sp.grid--gutter, .grid-sp.grid--gutter-w{
        margin-left:-5px;
        margin-right:-5px;
        margin-top:-10px;

    }
    .grid-sp.grid--gutter > *, .grid-sp.grid--gutter-w > *{
        padding-left:5px ;
        padding-right:5px ;
        margin-top:10px;

    }

}
@media screen and (max-width: 900px){
    .ft__logo{
        float:none;
        width:220px;
        height:25px;
        margin:0 auto 20px;

    }
    .ft__link{
        overflow:hidden;
        float:none;
        margin-bottom:-15px;

    }
    .ft__link li{
        float:none;
        margin:0 0 15px;

    }
    .ft__link li a{
        margin:0 auto;

    }

}
@media screen and (max-width: 1180px){
    #pageTop{
        right:20px;
        margin-right:0;

    }

}
@media screen and (max-width: 767px){
    .sp-only{
        display:block;

    }
    .pc-only{
        display:none;

    }
    .main-contents{
        padding:40px 20px;

    }
    /* SP HEADER
///////////////////////////////////////////////////*/
    .hd .hd__inr{
        padding:10px 20px;

    }
    .hd .hd__logo{
        float:left;
        width:176px;
        height:20px;
        margin-top:5px;

    }
    .hd .hd__logo a{
        width:176px;
        height:20px;

    }
    .menu{
        position:relative;
        margin-top:-2px;
        background:none;

    }
    .gnav{
        background:#e5e5e5;

    }
    .nav-cnts{
        padding:0;

    }
    .nav-cnts__inr{
        margin:0px;

    }
    .nav-cnts__item01, .nav-cnts__item02{
        position:relative;
        float:none;
        padding:0;
        margin-bottom:0;

    }
    .nav-cnts__item01:before, .nav-cnts__item01:after, .nav-cnts__item02:before, .nav-cnts__item02:after{
        content:none;

    }
    .nav-cnts__item01{
        width:auto;

    }
    .nav-cnts__item01 dt:before{
        content:none;

    }
    .nav-cnts__item02{
        width:auto;

    }
    .nav-cnts dt, .nav-cnts dd{
        margin:0;

    }
    .nav-cnts dt{
        padding:10px 20px;

    }
    .nav-cnts dd{
        padding:0;

    }
    .nav-cnts ul{
        padding:0 !important;
        margin:0 !important;

    }
    .nav-cnts li{
        margin-bottom:1px;
        padding-left:0;

    }
    .nav-cnts li a{
        display:block;
        padding:15px 30px;
        background:#FFF;
        text-decoration:none;

    }
    .nav-cnts li a:before{
        left:10px;

    }
    .nav-cnts .rikougaku a{
        background:#44b13f;
        color:#FFF;

    }
    .nav-cnts .rikougaku a:before{
        border-right:1px solid #FFF;
        border-bottom:1px solid #FFF;

    }
    /* ASIDE
///////////////////////////////////////////////////*/
    .aside{
        overflow:hidden;
        margin-top:30px;

    }
    .bnr-area{
        padding:20px 0;
        margin:0;

    }
    .bnr-area .inr{
        margin:0 -20px;

    }
    .bnr-area li{
        margin-top:20px;

    }
    .bnr-area li:first-child{
        margin-top:0;

    }
    .exam-info{
        padding:20px;

    }
    .exam-info__btn{
        text-align:center;

    }
    .exam-info__btn a{
        display:block;
        padding:15px 0;
        width:auto;
        max-width:300px;
        margin:0 auto;
        font-size:1.2rem;

    }
    .exam-info__btn a:hover{
        opacity:.8;

    }
    /* FOOTER
///////////////////////////////////////////////////*/
    .ft__cnts{
}
    .ft__logo{
        float:none;
        width:220px;
        height:25px;
        margin:0 auto 20px;

    }
    .ft__link{
        overflow:hidden;
        float:none;
        margin-bottom:-15px;

    }
    .ft__link li{
        float:none;
        margin:0 0 15px;

    }
    .ft__link li a{
        margin:0 auto;

    }
    .ft .copyright-holder{
        position:relative;
        background:#FFF;
        text-align:center;
        color:#000;
        font-size:1.1rem;
        line-height:30px;

    }
    .ft-nav-cnts dt{
        border-bottom:1px solid #CCC;
        background:#e5e5e5;

    }
    .ft-nav-cnts dd{
        display:none;

    }
    .ft-nav-cnts li{
        border-bottom:1px solid #AAA;

    }
    .ft-nav-cnts .rikougaku a{
        background:#44b13f;
        color:#FFF;

    }
    .ft-nav-cnts .rikougaku a:before{
        border-right:1px solid #FFF;
        border-bottom:1px solid #FFF;

    }
    /* SP HERO
///////////////////////////////////////////////////*/
    .hero{
        position:relative;
        height:0;
        padding-top:64.1875%;
        margin-bottom:30px;
        background:url(../img/bg_main_sp.jpg) center 0 no-repeat;
        background-size:cover;

    }
    .hero .inr{
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        padding:0;

    }
    .hero__ttl{
        position:relative;
        width:64.75%;
        margin:0 auto;
        height:0;
        padding-top:15.66667%;
        /* padding-bottom:52.03125%; */
        background-image:url(../img/txt_main.png);

    }
    .hero__note{
        display:none;

    }
    /* SP SECTION
///////////////////////////////////////////////////*/
    .sect{
        margin:40px auto 0;
        background:#FFF;

    }
    .sect:first-child{
        margin-top:0;

    }
    .sect__ttl{
        margin-bottom:20px;

    }
    .sect__ttl--fit{
        margin:0 -20px 20px;

    }
    .ar:after{
        height:10px;
        width:10px;
        top:8px;
        bottom:0;
        right:20px;
        margin:auto 0;

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

    }
    .sect01:after{
        margin:0px calc(-50vw + 50% );
        padding:0px calc(50vw - 50% ) 40px;

    }
    /* SP BOX
///////////////////////////////////////////////////*/
    .headline__table{
        overflow:hidden;
        display:block;

    }
    .headline__cell{
        display:block;
        float:left;
        width:59.375%;
        padding:20px 10px;

    }
    .headline__cat{
        font-size:1.4rem;

    }
    .headline__cat.new:before{
        padding:5px 5px 3px;
        margin-bottom:5px;
        font-size:1.0rem;

    }
    .headline__ttl{
        position:relative;
        font-size:1.8rem;
        line-height:1.2;
        font-weight:bold;

    }
    .headline__ttl--center{
        text-align:left;

    }
    .headline__ttl--center span{
        display:block;

    }
    .headline__lead{
        display:none;

    }
    .headline__fig{
        overflow:hidden;
        display:block;
        position:absolute;
        top:0;
        right:0;
        width:40.625%;
        height:100%;

    }
    .headline__fig img{
        position:absolute;
        top:50%;
        left:50%;
        -webkit-transform:translate(-50%, -50%);
        -ms-transform:translate(-50%, -50%);
        transform:translate(-50%, -50%);
        width:auto;
        max-width:none;
        height:100%;

    }
    .headline__btn{
        float:none;
        display:block;
        font-size:1.2rem;

    }
    .headline--tp02 .headline__cell{
        min-height:100px;

    }
    .headline--tp03{
        background:#1eb48f;

    }
    .headline--tp03 .headline__cell{
        width:65%;

    }
    .headline--tp03 .headline__fig{
        width:35%;

    }
    .headline__bottom{
        display:block;
        padding:20px 20px 0;
        background:#FFF;
        color:#000;

    }
    .headline__bottom .headline__ttl{
        font-size:1.7rem;

    }
    .headline__bottom .headline__name{
        font-size:1.2rem;

    }
    .breadcrumb{
        display:none;

    }
    .card__item.new a:after{
        width:23.33333%;
        padding-top:15.83333%;
        background-image:url(../img/ico_new.png);

    }
    .card__ttl{
        font-size:2.0rem;

    }
    .card__ttl:before{
        top:8px;

    }
    .card--col02 .card__fig{
        width:120px;

    }
    .card--col02 .card__ttl{
        margin-left:140px;

    }
    .card--col02 .card__list{
        margin-left:140px;

    }
    .accordion-sp__ttl{
        position:relative;
        cursor:pointer;

    }
    .accordion-sp__ttl i{
        display:block;
        position:absolute;
        top:50%;
        right:10px;
        width:20px;
        height:20px;
        margin-top:-10px;

    }
    .accordion-sp__ttl i:before, .accordion-sp__ttl i:after{
        content:"";
        position:absolute;
        top:50%;
        left:50%;
        width:2px;
        height:20px;
        margin-top:-10px;
        margin-left:-1px;
        background:#CCC;
        border-radius:2px;
        -webkit-transition:-webkit-transform .3s;
        transition:-webkit-transform .3s;
        transition:transform .3s;
        transition:transform .3s, -webkit-transform .3s;

    }
    .accordion-sp__ttl i:after{
        -webkit-transform:rotate(90deg);
            -ms-transform:rotate(90deg);
                transform:rotate(90deg);

    }
    .accordion-sp__ttl.active i:before{
        -webkit-transform:rotate(90deg);
            -ms-transform:rotate(90deg);
                transform:rotate(90deg);

    }
    .accordion-sp__ttl.active i:after{
        -webkit-transform:rotate(270deg);
            -ms-transform:rotate(270deg);
                transform:rotate(270deg);

    }
    .introduce{
        margin-left:-20px;
        margin-right:-20px;
        padding:20px;

    }
    .introduce__ttl{
        font-size:2rem;

    }
    .introduce__ttl:after{
        top:-2px;
        width:20px;
        height:20px;
        background-size:100%;

    }
    .course{
        margin-top:20px;

    }
    .course:first-child{
        margin-top:0;

    }
    .course dt{
        padding-right:0px;

    }
    .course dd p{
        padding-right:0px;
        margin-bottom:10px;

    }
    .course__fig{
        position:relative;
        text-align:center;

    }
    .bnr-step{
        margin:0 -20px;

    }
    .bnr-step a:before{
        content:none;

    }
    .bnr-step a:after{
        content:none;

    }
    .box01{
        padding:20px;
        border:1px solid #CCC;

    }
    .point dl{
        padding:0;
        background-position:0 0;
        background-size:15.3125%;

    }
    .point dt{
        padding:4.6875% 0 6.25% 18.75%;
        font-size:1.6rem;
        font-weight:bold;
        text-align:left;

    }
    .point dd{
        font-size:1.4rem;

    }
    .pickup{
        display:block;
        margin:0;

    }
    .pickup__item{
        margin:0 0 10px;
        padding:20px;
        border:1px solid #ABABAB;

    }
    .pickup__fig{
        float:none;
        width:100%;
        text-align:center;
        margin-bottom:10px;

    }
    .pickup__fig + .pickup__txt{
        margin-left:0;

    }
    .pickup__fig img{
        width:100%;

    }
    .pickup__txt{
        margin-left:0;
        font-size:1.4rem;

    }
    .accordion-area{
        margin-left:-20px;
        margin-right:-20px;

    }
    .accordion__ttl{
        padding:16px 40px 16px 25px;
        font-size:1.6rem;

    }
    .accordion__ttl:before{
        left:12px;
        width:3px;
        height:20px;
        margin-top:-10px;

    }
    .accordion__ttl span{
        right:10px;
        margin-top:-1px;
        width:20px;
        height:2px;

    }
    .accordion__ttl span:before{
        right:10px;
        width:2px;
        height:20px;
        margin-top:-10px;

    }
    .accordion__details{
        padding:20px;

    }
}

@media screen and (max-width: 640px) {
  .main-contents{
      padding:40px 10px;
  }
}