*:not(.m3_wrapper, .atlas-side-menu-opinion-box, .atlas-nav, .atlas-side-menu-nav__item) {
    box-sizing: border-box
}

body {
    line-height: 1.6;
    margin: 0;
    padding: 0;
    color: #555;
    font-family: "メイリオ", Meiryo, sans-serif
}

h2, h3, h4 {
    line-height: 1em;
    margin: 0;
    padding: 0
}

ul, li {
    list-style: none;
    margin: 0;
    padding: 0
}

dl, dt, dd {
    margin: 0;
    padding: 0
}

img {
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: bottom
}

a img, a:focus img, a img:focus {
    border: 0
}

.body-content a {
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.body-content a:hover {
    text-decoration: underline
}

.body-content a:hover img {
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.official-navi dd:after, .official-info:after, .clearfix:after, .row:after, .frow:after, .m3cr_content_nav dd:after, .m3cr-info__list:after, .m3cr-main__btm-fav:after, .m3cr_info_list01:after, .undernav:after, .subject_btn:after, .apply_btm:after {
    display: block;
    clear: both;
    content: ""
}

.ie8 .m3cr-main__item01 {
    float: left;
    position: relative;
    min-height: 398px;
    width: 600px
}

.ie8 .m3cr-main__item02 {
    float: left;
    width: 370px;
    padding: 20px
}

.ie8 .m3cr-about__item02 {
    width: 48%;
    padding: 10px;
    float: left
}

.ie8 .m3cr-appearance__item {
    float: left;
    width: 47%;
    height: 478px;
    padding: 0 10px
}

.ie8 .m3cr-details__third {
    float: left;
    width: 32%;
    padding: 0 2px
}

.ie8 .m3cr-tour__item02-a {
    float: left;
    width: 48%;
    padding: 0 10px;
    font-size: 88%
}

.ie8 .m3cr-tour__list01 dd {
    float: left;
    width: 70%;
    padding-left: 20px
}

.ie8 .m3cr-overview__item01-a {
    float: left;
    width: 48%;
    margin-bottom: 40px;
    padding: 0 10px;
    font-size: 88%
}

.ie8 .m3cr-overview__item01-b {
    float: left;
    width: 48%;
    margin-bottom: 40px;
    padding: 0 10px
}

.ie8 .m3cr-info__list dd {
    width: 73%;
    float: left
}

.ie8 .undernav__item {
    float: left;
    width: 31%;
    padding: 10px
}

.ie8 .m3cr-junior-days__item01 dt {
    float: left;
    width: 26%
}

.ie8 .m3cr-junior-days__item01 dd {
    float: left;
    width: 67%;
    padding: 0 3%
}

.ie8 .m3cr-junior-features__media01 {
    float: left;
    width: 48%;
    padding-right: 2%;
    color: #999;
    margin-bottom: 10px
}

.ie8 .m3cr-junior-features__content_r {
    float: left;
    width: 48%;
    margin-bottom: 30px
}

.ie8 .m3cr-junior-features__content-one {
    float: left;
    width: 31%;
    margin-bottom: 40px;
    padding: 5px
}

.ie8 .m3cr-junior-features__content_r {
    float: left;
    width: 48%;
    margin-bottom: 30px
}

.ie8 .m3cr-junior-study__item01 {
    float: left;
    width: 31%;
    margin-bottom: 20px;
    padding: 0 1%
}

.ie8 .m3cr-voice__item02 dt {
    float: left;
    width: 21%;
    padding-top: 10px;
    line-height: 1.4;
    font-size: 75%;
    text-align: center
}

.ie8 .m3cr-junior-info__list dd {
    float: left;
    width: 70%
}

.ie8 .m3cr_recruitment__item-b01 {
    float: left;
    width: 48%;
    padding: 0 10px
}

.ie8 .m3cr_recruitment__link-record li {
    float: left;
    width: 48%;
    padding: 10px
}

.ie8 .m3cr-abroad__imgbox-system {
    float: left;
    width: 35%;
    margin-bottom: 40px;
    padding: 0 30px;
    text-align: center;
    color: #999;
    margin-bottom: 10px
}

.ie8 .m3cr-abroad__txt-system {
    float: left;
    width: 50%;
    margin-bottom: 40px;
    padding: 0 30px
}

.ie8 .m3cr-junior-features__content-thu-text {
    margin: auto;
    width: 80%
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 0.81em
}

sub, sup {
    font-size: 0.75rem;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

* {
    box-sizing: border-box
}

html, body {
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    width: 100%
}

.body-content a:hover {
    text-decoration: none
}

article {
    background-color: #efefef;
    line-height: 1.5;
    margin: 0 auto;
    max-width: 1160px;
    width: 100%
}

article img {
    width: 100%
}

p {
    margin: 0
}

h2, h3, h4 {
    line-height: inherit
}

.atlas-sp-main {
    padding-top: 0
}

.is-pc {
    display: block
}

.is-sp {
    display: none !important
}

.display_pc {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 630px;
    position: absolute;
    right: 0;
    top: 0;
    width: 90%
}

.display_sp {
    display: none !important
}

@media screen and (max-width: 768px) {
    .is-pc {
        display: none !important
    }

    .is-sp {
        display: block !important
    }

    .display_pc {
        display: none !important
    }

    .display_sp {
        bottom: 0;
        display: block !important;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        top: 0;
        width: 90%
    }
}

.headerImage {
    background: #012060;
    margin: 20px auto 0;
    max-width: 1160px;
    min-width: 768px;
    position: relative;
    width: 100%
}

.headerImage > img {
    width: 100%
}

.headerImage--slider > img {
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 630px;
    position: absolute;
    right: 0;
    top: 0;
    width: 90%
}

.headerImage--recruitments > img {
    max-width: 755px;
    width: 90%
}

@media screen and (max-width: 768px) {
    .headerImage {
        margin: 20px auto 0;
        max-width: 768px;
        min-width: 320px;
        width: 100%
    }

    .headerImage--slider > img {
        max-width: 446px;
        width: 90%
    }

    .headerImage--recruitments > img {
        max-width: 504px;
        width: 90%
    }
}

.slider_css {
    height: 450px;
    margin: 0 auto;
    opacity: 0.8;
    overflow: hidden;
    position: relative
}

.slider_css ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.slider_css li {
    animation-duration: 24s;
    animation-iteration-count: infinite;
    background-position: center center;
    background-size: cover;
    height: 450px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.slider_css li:nth-child(1) {
    animation-delay: -3s;
    background-image: url(https://career-review.s3.amazonaws.com/images/official/chiba/mv_01_pc.jpg);
    animation-name: slider-zoomin
}

.slider_css li:nth-child(2) {
    animation-delay: 5s;
    background-image: url(https://career-review.s3.amazonaws.com/images/official/chiba/mv_02_pc.jpg);
    animation-name: slider-zoomin;
    opacity: 0
}

.slider_css li:nth-child(3) {
    animation-delay: 13s;
    background-image: url(https://career-review.s3.amazonaws.com/images/official/chiba/mv_03_pc.jpg);
    animation-name: slider-zoomin;
    opacity: 0
}

.slider_css li img {
    width: 130%
}

@keyframes slider-zoomin {
    0% {
        opacity: 0;
        transform: scale(1)
    }
    20.83% {
        opacity: 1
    }
    33.33% {
        opacity: 1
    }
    45.83% {
        opacity: 0
    }
    100% {
        opacity: 0;
        transform: scale(1.3)
    }
}

@media screen and (max-width: 768px) {
    .slider_css {
        height: 250px
    }

    .slider_css ul li {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover
    }

    .slider_css li {
        height: 250px
    }

    .slider_css li:nth-child(1) {
        background-image: url(https://career-review.s3.amazonaws.com/images/official/chiba/mv_01_sp.jpg)
    }

    .slider_css li:nth-child(2) {
        background-image: url(https://career-review.s3.amazonaws.com/images/official/chiba/mv_02_sp.jpg)
    }

    .slider_css li:nth-child(3) {
        background-image: url(https://career-review.s3.amazonaws.com/images/official/chiba/mv_03_sp.jpg)
    }
}

.nav_main {
    border-bottom: 1px solid #bfbfbf;
    border-top: 1px solid #bfbfbf;
    margin: 0 auto;
    max-width: 1160px;
    width: 100%
}

@media screen and (max-width: 768px) {
    .nav_main {
        margin: 0 auto;
        max-width: 768px;
        position: relative;
        width: 100%;
        z-index: 1
    }
}

.nav_main ul {
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff
}

.nav_main ul li {
    background: #fff;
    border-right: 1px solid #bfbfbf;
    float: left;
    position: relative;
    width: 25%
}

.nav_main ul li:last-child {
    border-right: 0
}

.nav_main ul li:hover:before, .nav_main ul li.active:before {
    background: #012060;
    bottom: 0;
    content: '';
    display: block;
    height: 6px;
    left: 2px;
    position: absolute;
    width: calc(100% - 4px)
}

.nav_main ul li:hover:after, .nav_main ul li.active:after {
    border-bottom: 7px solid #012060;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    bottom: 6px;
    content: '';
    display: block;
    left: 50%;
    position: absolute;
    transform: translate(-50%, 0)
}

@media screen and (max-width: 768px) {
    .nav_main ul li:hover:before, .nav_main ul li.active:before {
        height: 4px
    }

    .nav_main ul li:hover:after, .nav_main ul li.active:after {
        border-bottom: 5px solid #012060;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        bottom: 4px
    }
}

.nav_main ul li a {
    color: #333;
    display: block;
    font-weight: bold;
    padding: 14px 0;
    text-align: center
}

@media screen and (max-width: 768px) {
    .nav_main ul li a {
        font-size: 11px;
        padding: 0;
        line-height: 4
    }
}

.mainContents {
    background-color: #fff;
    padding-top: 60px
}

@media screen and (max-width: 768px) {
    .mainContents {
        padding-top: 40px
    }
}

.btn {
    background: #e49017;
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: bold;
    padding: 10px;
    text-align: center
}

.btn:hover {
    opacity: .7;
    -webkit-transition: .1s;
    -moz-transition: .1s;
    -ms-transition: .1s;
    transition: .1s
}

.btn--entry {
    border-width: 4px;
    font-size: 24px;
    margin: 40px auto 0;
    max-width: 500px;
    padding: 16px 30px;
    width: 100%
}

@media screen and (max-width: 768px) {
    .btn--entry {
        bottom: 0;
        font-size: 20px;
        left: 0;
        max-width: inherit;
        position: fixed;
        width: 100%;
        z-index: 2
    }
}

.content {
    color: #000000
}

.content__inner {
    padding: 0 60px 60px
}

.content__title {
    font-size: 32px;
    margin-bottom: 40px;
    text-align: center
}

.content__title > span {
    border-bottom: 5px solid #000000;
    display: inline-block
}

.content__title > span:nth-child(3) {
    margin-top: 10px
}

.content__text {
    margin-bottom: 20px
}

.content__text:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 768px) {
    .content__inner {
        padding: 0 20px 60px
    }

    .content__title {
        font-size: 24px
    }
}

.content--entry {
    background: #012060
}

.content--entry .content__inner {
    padding-top: 60px
}

.content--entry .content__text {
    color: #fff;
    text-align: center
}

.content--entry .content__text > a {
    color: #fff
}

.content--entry .content__text--strong {
    font-size: 20px;
    font-weight: bold
}

.content__text--strong:before {
    content: 'ー '
}

.content__text--strong:after {
    content: ' ー'
}

@media screen and (max-width: 768px) {
    .content--entry .content__inner {
        padding: 40px 20px 40px
    }

    .content--entry .content__text {
        font-size: 14px;
        margin-bottom: 0
    }

    .content--entry .content__text--strong {
        font-size: 20px;
        margin-bottom: 20px
    }

    .content--entry .content__text--strong > span {
        display: inline-block
    }

    .content__text--strong:before {
        content: ''
    }

    .content__text--strong:after {
        content: ''
    }
}

.contentTable {
    border-top: 1px solid #bfbfbf;
    width: 100%
}

.contentTable__head {
    border-bottom: 1px solid #bfbfbf;
    padding: 10px;
    text-align: left;
    width: 160px
}

.contentTable__head:before {
    content: '●'
}

.contentTable__data {
    border-bottom: 1px solid #bfbfbf;
    padding: 10px
}

@media screen and (max-width: 768px) {
    .contentTable {
        font-size: 14px
    }

    .contentTable__head {
        width: 110px
    }
}

.bnr {
    margin-top: 40px;
    text-align: center
}

.bnr__img > img {
    width: 100%
}

.bnr__img:hover {
    opacity: .7;
    -webkit-transition: .1s;
    -moz-transition: .1s;
    -ms-transition: .1s;
    transition: .1s
}

.bnr--yajima .bnr__img > img {
    max-width: 800px
}

.intro {
    position: relative
}

.intro__text {
    font-size: 20px;
    line-height: 1.8;
    margin-bottom: 20px;
    text-align: center
}

.intro__text > span {
    display: inline-block
}

.intro__chibakun {
    bottom: -20px;
    position: absolute;
    right: -20px;
    text-align: center
}

.intro__chibakunImg > img {
    width: 133px
}

.intro__chibakunName {
    margin-top: 10px
}

.intro__chibakunName > span {
    font-size: 12px
}

@media screen and (max-width: 768px) {
    .intro__text {
        font-size: 16px
    }

    .intro__chibakun {
        bottom: inherit;
        position: inherit;
        right: inherit
    }
}

.about__list {
    margin-bottom: -30px;
    padding-right: 30px
}

.about__list::after {
    clear: both;
    content: '';
    display: block
}

.about__item {
    background: #ddf0f3;
    float: left;
    margin-bottom: 30px;
    margin-right: 30px;
    padding: 20px 20px 30px;
    width: 50%
}

.about__item:nth-child(2n) {
    margin-right: -30px
}

.about__item:nth-child(1) .about__titleImg {
    background: #fff url(https://career-review.s3.amazonaws.com/images/official/chiba/img_about_chibakun_01.jpg) no-repeat center center;
    background-size: 90%
}

.about__item:nth-child(2) .about__titleImg {
    background: #fff url(https://career-review.s3.amazonaws.com/images/official/chiba/img_about_chibakun_02.jpg) no-repeat center center;
    background-size: 90%
}

.about__item:nth-child(3) .about__titleImg {
    background: #fff url(https://career-review.s3.amazonaws.com/images/official/chiba/img_about_chibakun_03.jpg) no-repeat center center;
    background-size: 50%
}

.about__item:nth-child(4) .about__titleImg {
    background: #fff url(https://career-review.s3.amazonaws.com/images/official/chiba/img_about_chibakun_04.jpg) no-repeat center center;
    background-size: 40%
}

.about__item:nth-child(5) .about__titleImg {
    background: #fff url(https://career-review.s3.amazonaws.com/images/official/chiba/img_about_chibakun_05.jpg) no-repeat center center;
    background-size: 60%
}

.about__item:nth-child(6) .about__titleImg {
    background: #fff url(https://career-review.s3.amazonaws.com/images/official/chiba/img_about_chibakun_06.jpg) no-repeat center center;
    background-size: 50%
}

.about__title {
    background: #012060;
    border-radius: 6px;
    color: #fff;
    display: table;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 6px;
    width: 100%
}

.about__title::after {
    clear: both;
    content: '';
    display: block
}

.about__titleImg {
    background: #fff;
    border-radius: 4px 0 0 4px;
    display: table-cell;
    height: 90px;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    width: 135px
}

.about__titleImg > img {
    bottom: 0;
    left: 0;
    margin: auto;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0
}

.about__titleText {
    display: table-cell;
    font-size: 24px;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    width: 70%
}

.about__titleText > span {
    display: inline-block
}

.about__text {
    line-height: 1.8
}

.about__text--strong {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
    text-align: center
}

.about__textLink {
    color: #0000ff;
    text-decoration: underline
}

.about__textLink:hover {
    text-decoration: none
}

.aboutTable {
    background: #fff;
    border: 1px solid #000000;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 10px;
    margin-top: 20px;
    text-align: center;
    width: 100%
}

.aboutTable__head {
    background: #dae1f3;
    border: 1px solid #000000;
    padding: 5px
}

.aboutTable__content {
    border: 1px solid #000000;
    padding: 5px
}

.aboutTable__content:nth-child(1) {
    text-align: left
}

.aboutTable--school .aboutTable__head:nth-child(1) {
    width: 60%
}

.aboutTable--school .aboutTable__head:nth-child(2) {
    width: 20%
}

.aboutTable--school .aboutTable__head:nth-child(3) {
    width: 20%
}

.aboutTable--price .aboutTable__head {
    width: 33.333%
}

.about__caption {
    font-size: 12px;
    padding-left: 1rem;
    position: relative
}

.about__caption:before {
    content: '※';
    left: 0;
    position: absolute
}

@media screen and (max-width: 768px) {
    .about__list {
        padding-right: 0
    }

    .about__item {
        background: inherit;
        float: none;
        margin-bottom: 40px;
        margin-right: 0;
        padding: 0;
        width: 100%
    }

    .about__item:nth-child(2n) {
        margin-right: -0
    }

    .about__item:nth-child(1) .about__titleImg {
        background: #fff
    }

    .about__item:nth-child(1) .about__titleImg > img {
        max-width: 100%
    }

    .about__item:nth-child(2) .about__titleImg {
        background: #fff
    }

    .about__item:nth-child(2) .about__titleImg > img {
        max-width: 100%
    }

    .about__item:nth-child(3) .about__titleImg {
        background: #fff
    }

    .about__item:nth-child(3) .about__titleImg > img {
        max-width: 95px
    }

    .about__item:nth-child(4) .about__titleImg {
        background: #fff
    }

    .about__item:nth-child(4) .about__titleImg > img {
        max-width: 78px
    }

    .about__item:nth-child(5) .about__titleImg {
        background: #fff
    }

    .about__item:nth-child(5) .about__titleImg > img {
        max-width: 105px
    }

    .about__item:nth-child(6) .about__titleImg {
        background: #fff
    }

    .about__item:nth-child(6) .about__titleImg > img {
        max-width: 82px
    }

    .about__titleImg {
        height: 60px
    }

    .about__titleImg > img {
        max-height: 60px;
        padding: 5px;
        width: auto
    }

    .about__titleText {
        font-size: 20px
    }

    .about__text {
        font-size: 14px
    }

    .about__text--strong {
        font-size: 16px
    }

    .aboutTable {
        font-size: 12px
    }

    .about__caption {
        font-size: 10px
    }
}

.work__item {
    margin-bottom: 40px
}

.work__item::after {
    clear: both;
    content: '';
    display: block
}

.work__item:last-child {
    margin-bottom: 0
}

.work__img {
    float: left;
    width: 40%
}

.work__content {
    float: left;
    padding-left: 30px;
    padding-top: 20px;
    width: 60%
}

.work__title {
    font-size: 24px;
    margin-bottom: 10px
}

.work__text {
    line-height: 1.8
}

.work__item:nth-child(2n) .work__img {
    float: right
}

.work__item:nth-child(2n) .work__content {
    padding-left: 0;
    padding-right: 30px
}

@media screen and (max-width: 768px) {
    .work__img {
        float: none;
        margin-bottom: 20px;
        width: 100%
    }

    .work__content {
        float: none;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        width: 100%
    }

    .work__title {
        font-size: 20px;
        text-align: center
    }

    .work__title > span {
        display: inline-block
    }

    .work__text {
        font-size: 14px
    }

    .work__item {
        background: #ddf0f3;
        padding: 20px
    }

    .work__item:nth-child(2n) .work__content {
        padding-right: 0
    }
}

.accessImg {
    margin-bottom: 40px
}

.areaInfo {
    margin-top: -55px;
    padding-top: 55px
}

.areaInfo__list {
    padding-right: 90px
}

.areaInfo__list::after {
    clear: both;
    content: '';
    display: block
}

.areaInfo__item {
    float: left;
    margin-right: 30px;
    width: 25%
}

.areaInfo__item:last-child {
    margin-right: -90px
}

.areaInfo__title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 15px;
    text-align: center
}

.areaInfo__title > span {
    border-radius: 6px;
    display: inline-block;
    padding: 5px 10px
}

.areaInfo__price {
    font-size: 18px;
    margin-bottom: 15px;
    text-align: center;
    text-decoration: underline
}

.areaInfo__text {
    line-height: 1.8
}

.areaInfo__attentionList {
    margin-top: 20px;
    padding-left: 1rem;
    position: relative
}

.areaInfo__attentionItem {
    margin-bottom: 10px
}

.areaInfo__attentionItem:before {
    content: '※';
    left: 0;
    position: absolute
}

.areaInfo__attentionItem:last-child {
    margin-bottom: 0
}

.areaInfo__item--makuhari .areaInfo__title span {
    background: #0000ff;
    color: #fff
}

.areaInfo__item--chiba .areaInfo__title span {
    background: #0000ff;
    color: #fff
}

.areaInfo__item--ichihara .areaInfo__title span {
    background: #adff2f
}

.areaInfo__item--katori .areaInfo__title span {
    background: #ffa500
}

@media screen and (max-width: 768px) {
    .areaInfo__list {
        padding-right: 0
    }

    .areaInfo__item {
        border-bottom: 1px solid #bfbfbf;
        float: none;
        margin-bottom: 20px;
        margin-right: 0;
        padding-bottom: 20px;
        width: 100%
    }

    .areaInfo__item:last-child {
        border-bottom: none;
        padding-bottom: 0
    }

    .areaInfo__title > span {
        font-size: 20px
    }

    .areaInfo__price {
        font-size: 16px
    }

    .areaInfo__text {
        font-size: 14px
    }

    .areaInfo__attentionList {
        font-size: 12px;
        margin-bottom: 40px;
        margin-top: 0
    }
}

.features__list {
    padding-right: 60px
}

.features__list::after {
    clear: both;
    content: '';
    display: block
}

.features__item {
    float: left;
    margin-right: 30px;
    width: 33.333%
}

.features__item:last-child {
    margin-right: -60px
}

.features__title {
    border-bottom: 2px solid #bfbfbf;
    border-left: 6px solid #012060;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-left: 10px
}

.features__text {
    line-height: 1.8
}

@media screen and (max-width: 768px) {
    .features__list {
        padding-right: 0
    }

    .features__item {
        float: none;
        margin-bottom: 40px;
        padding-right: 0;
        width: 100%
    }

    .features__item:last-child {
        margin-bottom: 0
    }

    .features__title {
        font-size: 18px
    }

    .features__text {
        font-size: 14px
    }
}

.schedule {
    padding-top: 60px
}

.schedule__title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center
}

.schedule__list {
    margin-top: 30px
}

.schedule__item {
    line-height: 1.8;
    margin-bottom: 15px;
    padding-left: 1rem;
    position: relative
}

.schedule__item:before {
    content: '◆';
    left: 0;
    position: absolute;
    top: 0
}

.schedule__item:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 768px) {
    .schedule {
        padding-top: 40px
    }

    .schedule__title {
        font-size: 20px
    }

    .schedule__img {
        margin-bottom: 15px;
        overflow-x: scroll;
        overflow-y: hidden
    }

    .schedule__img > img {
        width: 1070px
    }

    .schedule__attention {
        text-align: center
    }

    .schedule__attention > p {
        background: #bfbfbf;
        border-radius: 6px;
        color: #fff;
        font-size: 12px;
        margin: 0 auto;
        padding: 3px;
        width: 60%
    }

    .schedule__item {
        font-size: 14px
    }
}

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

.senior__info {
    margin-bottom: 30px
}

.senior__infoText {
    line-height: 1.8;
    margin-bottom: 10px
}

.senior__infoText:last-child {
    margin-bottom: 0
}

.senior__img {
    text-align: center
}

.senior__img > img {
    margin: 0 auto;
    max-width: 800px
}

@media screen and (max-width: 768px) {
    .senior__infoTitle {
        font-size: 16px
    }

    .senior__info {
        margin-bottom: 20px
    }

    .senior__infoText {
        font-size: 14px
    }

    .senior__img > img {
        max-width: 340px
    }
}

.seniorComment {
    padding-top: 60px
}

.seniorComment__item {
    width: 100%
}

.seniorComment__item::after {
    clear: both;
    content: '';
    display: block
}

.seniorComment__content {
    float: left;
    margin-right: -316px;
    width: 100%
}

.seniorComment__profile {
    float: left;
    text-align: center;
    width: 316px
}

.seniorComment__name {
    margin-top: 10px
}

.seniorComment__balloon {
    background: #ddf0f3;
    border: 4px solid #727272;
    border-radius: 20px;
    font-size: 20px;
    margin-right: 356px;
    padding: 20px 30px;
    position: relative
}

.seniorComment__balloon:after, .seniorComment__balloon:before {
    border: solid transparent;
    content: '';
    height: 0;
    left: 100%;
    pointer-events: none;
    position: absolute;
    top: 100px;
    width: 0
}

.seniorComment__balloon:after {
    border-color: rgba(221, 240, 243, 0);
    border-left-color: #ddf0f3;
    border-width: 20px;
    margin-top: -20px
}

.seniorComment__balloon:before {
    border-color: rgba(114, 114, 114, 0);
    border-left-color: #727272;
    border-width: 26px;
    margin-top: -26px
}

.seniorComment__item:nth-child(2) .seniorComment__content {
    float: right;
    margin-left: -316px;
    margin-right: 0;
    width: 100%
}

.seniorComment__item:nth-child(2) .seniorComment__profile {
    float: right;
    text-align: center;
    width: 316px
}

.seniorComment__item:nth-child(2) {
    margin-top: 20px
}

.seniorComment__item:nth-child(2) .seniorComment__balloon {
    margin-left: 356px;
    margin-right: 0
}

.seniorComment__item:nth-child(2) .seniorComment__balloon:after, .seniorComment__item:nth-child(2) .seniorComment__balloon:before {
    left: auto;
    right: 100%
}

.seniorComment__item:nth-child(2) .seniorComment__balloon:after {
    border-left: none;
    border-right-color: #ddf0f3
}

.seniorComment__item:nth-child(2) .seniorComment__balloon:before {
    border-left: none;
    border-right-color: #727272
}

.seniorComment__text {
    line-height: 1.8;
    margin-bottom: 20px
}

.seniorComment__text:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 768px) {
    .seniorComment {
        padding-top: 20px
    }

    .seniorComment__content {
        margin-right: -90px
    }

    .seniorComment__profile {
        width: 90px
    }

    .seniorComment__name {
        font-size: 10px
    }

    .seniorComment__name > span {
        display: inline-block
    }

    .seniorComment__balloon {
        background: #ddf0f3;
        border: 2px solid #727272;
        border-radius: 10px;
        font-size: 14px;
        margin-right: 110px;
        padding: 15px 20px
    }

    .seniorComment__balloon:after, .seniorComment__balloon:before {
        top: 40px
    }

    .seniorComment__balloon:after {
        border-width: 10px;
        margin-top: -10px
    }

    .seniorComment__balloon:before {
        border-width: 13px;
        margin-top: -13px
    }

    .seniorComment__item:nth-child(2) {
        margin-top: 40px
    }

    .seniorComment__item:nth-child(2) .seniorComment__content {
        margin-left: -90px
    }

    .seniorComment__item:nth-child(2) .seniorComment__profile {
        width: 90px
    }

    .seniorComment__item:nth-child(2) .seniorComment__balloon {
        margin-left: 110px
    }

    .seniorComment__text {
        margin-bottom: 10px
    }
}

.recruitments {
    margin: 0 auto 40px;
    max-width: 1040px;
    padding: 0 30px
}

.recruitments__inner {
    padding: 0 20px
}

.recruitments__ttl {
    color: #012060;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center
}

.recruitments__text {
    font-size: 16px;
    text-align: center
}

.recruitments__summary {
    color: #000000;
    margin-bottom: 40px
}

.recruitments__catch {
    font-size: 20px;
    text-align: center
}

.recruitments__catch + .recruitments__catch {
    margin-top: 20px
}

@media screen and (max-width: 768px) {
    .recruitments {
        margin-bottom: 60px;
        padding: 0
    }

    .recruitments__inner {
        padding: 0 20px
    }

    .recruitments__ttl {
        font-size: 16px;
        margin-bottom: 10px
    }

    .recruitments__text {
        font-size: 12px
    }

    .recruitments__summary {
        margin-bottom: 20px
    }

    .recruitments__catch {
        font-size: 14px
    }

    .recruitments__catch + .recruitments__catch {
        margin-top: 10px
    }
}

.recruitmentsMap__list {
    background: url(https://career-review-qa.s3.amazonaws.com/images/official/chiba/img_hospital_map.jpg) no-repeat;
    height: 961px;
    margin: 30px 0 68px;
    position: relative;
    width: 100%;
    background-size: contain
}

@media screen and (max-width: 768px) {
    .recruitmentsMap {
        background: none;
        margin-top: 20px;
        padding: 0
    }
}

.recruitmentsMap__item {
    position: absolute
}

.recruitmentsMap__item.is-current .recruitmentsMap__name {
    opacity: 1
}

.recruitmentsMap__item--cancer {
    left: 10px;
    top: 285px
}

.recruitmentsMap__item--sawara {
    left: 576px;
    top: 240px
}

.recruitmentsMap__item--circulatory {
    left: 347px;
    top: 530px
}

.recruitmentsMap__item--seishin {
    left: 40px;
    top: 22px
}

.recruitmentsMap__item--kyuukyuu {
    left: 324px;
    top: -2px
}

.recruitmentsMap__item--kodomo {
    left: 50px;
    top: 545px
}

.recruitmentsMap__item--reha {
    left: 620px;
    top: 600px
}

.recruitmentsMap__outerlink__wrap {
    background: rgba(255, 255, 255, 0.3);
    cursor: pointer;
    height: 200px;
    opacity: 0;
    position: absolute;
    right: 70px;
    text-indent: -9999px;
    top: 1580px;
    width: 200px
}

.recruitmentsMap__outerlink__wrap:hover {
    opacity: 1
}

.recruitmentsMap__outerlink__wrap a {
    display: block;
    height: 100%;
    width: 100%
}

@media screen and (min-width: 1281px) {
    .recruitmentsMap__item--cancer {
        left: 10px;
        top: 320px
    }

    .recruitmentsMap__item--sawara {
        left: 645px;
        top: 260px
    }

    .recruitmentsMap__item--circulatory {
        left: 387px;
        top: 600px
    }

    .recruitmentsMap__item--seishin {
        left: 45px;
        top: 22px
    }

    .recruitmentsMap__item--kyuukyuu {
        left: 370px;
        top: -2px
    }

    .recruitmentsMap__item--kodomo {
        left: 55px;
        top: 605px
    }

    .recruitmentsMap__item--reha {
        left: 680px;
        top: 680px
    }

    .recruitmentsMap__outerlink__wrap {
        height: 250px;
        right: 110px;
        top: 1650px;
        width: 250px
    }
}

.recruitmentsMap__name {
    background: rgba(255, 255, 255, 0.3);
    cursor: pointer;
    display: inline-block;
    height: 250px;
    opacity: 0;
    position: relative;
    text-indent: -9999px;
    width: 250px
}

.recruitmentsMap__name:hover {
    -webkit-transition: .1s;
    -moz-transition: .1s;
    -ms-transition: .1s;
    transition: .1s;
    opacity: 1
}

@media screen and (min-width: 1281px) {
    .recruitmentsMap__name {
        height: 265px;
        width: 275px
    }
}

.recruitmentsMap__outerlink__btn {
    background-color: #012060;
    border-radius: 5px;
    margin-top: 10px
}

.recruitmentsMap__outerlink__btn p {
    padding: 12px
}

.recruitmentsMap__outerlink__btn p a {
    color: #fff;
    display: block;
    height: 100%;
    width: 100%
}

.recruitmentsMap__btn {
    background-color: #012060;
    border-radius: 5px;
    margin-top: 10px;
    padding: 12px;
    position: relative
}

.recruitmentsMap__btn__text {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 0 20px;
    text-align: center
}

.recruitmentsMap__btn__text > span {
    display: inline-block
}

.recruitmentsMap__btn:after {
    background: url(https://career-review.s3.amazonaws.com/images/official/chiba/icon_arrow_white.png) no-repeat center center;
    background-size: 8px 12px;
    bottom: 0;
    content: '';
    display: block;
    height: 12px;
    margin: auto 0;
    position: absolute;
    right: 18px;
    top: -1px;
    transform: rotate(90deg);
    width: 8px
}

.recruitmentsMap__btn.is-active {
    border-radius: 5px 5px 0 0
}

.recruitmentsMap__btn.is-active:after {
    transform: rotate(-90deg)
}

.hospitalInfo {
    display: none;
    margin: -120px auto 0;
    padding-top: 120px
}

.hospitalInfo__inner {
    padding: 34px 40px 40px
}

.hospitalInfo__ttl {
    background: #012060;
    color: #fff;
    font-size: 32px;
    padding: 10px;
    text-align: center
}

.hospitalInfo__inner {
    border: 2px solid #012060;
    border-top: none
}

@media screen and (max-width: 768px) {
    .hospitalInfo {
        background-color: #fff !important;
        border-top: 0 !important;
        display: none;
        margin-top: 0;
        padding-top: 0
    }

    .hospitalInfo__inner {
        padding: 20px
    }

    .hospitalInfo__img {
        margin-top: 20px;
        overflow: hidden;
        width: 100%
    }

    .hospitalInfo__map {
        margin-top: 30px;
        width: 100%
    }

    .hospitalInfo__map > iframe {
        height: 250px;
        vertical-align: bottom;
        width: 100%
    }
}

.hospitalInfoContent {
    margin-top: 40px
}

.hospitalInfoContent:first-child {
    margin-top: 0
}

.hospitalInfoContent__ttl {
    color: #012060;
    font-size: 28px;
    margin-bottom: 20px;
    text-align: center
}

.hospitalInfoContent__ttl--none {
    display: none
}

@media screen and (max-width: 768px) {
    .hospitalInfoContent__ttl {
        font-size: 16px;
        margin-bottom: 10px
    }
}

.jobCategory__list {
    margin: -15px 0 30px;
    text-align: center
}

.jobCategory__list::after {
    clear: both;
    content: '';
    display: block
}

.jobCategory__item {
    display: inline-block;
    margin: 15px 0.5% 0 0;
    text-align: center;
    width: 32%
}

.jobCategory__btn {
    background-color: #012060;
    border-radius: 30px;
    box-shadow: 0px 0px 10px 0px rgba(1, 32, 96, 0.35);
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    height: 44px;
    line-height: 44px;
    position: relative;
    width: 100%
}

.jobCategory__btn::after {
    background: url(https://career-review.s3.amazonaws.com/images/official/chiba/icon_arrow_white.png) no-repeat center/100%;
    bottom: 0;
    content: '';
    display: inline-block;
    height: 12px;
    margin: auto 0;
    position: absolute;
    right: 16px;
    top: 0;
    width: 8px
}

.jobCategory__btn:hover {
    opacity: .7;
    -webkit-transition: .1s;
    -moz-transition: .1s;
    -ms-transition: .1s;
    transition: .1s
}

@media screen and (max-width: 768px) {
    .jobCategory__list {
        margin-top: 10px
    }

    .jobCategory__item {
        display: block;
        margin: 10px auto 0;
        width: 95%
    }
}

.jobCategoryContent {
    font-size: 14px
}

.jobCategoryContent::after {
    clear: both;
    content: '';
    display: block
}

.jobCategoryContent__display {
    float: left;
    width: 45%
}

.jobCategoryContent__inner {
    margin-bottom: 20px
}

.jobCategoryContent__inner:last-child {
    margin-bottom: 0
}

.jobCategoryContent__ttl {
    color: #000000;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 10px
}

.jobCategoryContent__text {
    color: #000000;
    font-size: 16px;
    line-height: 1.75;
    word-break: break-all
}

.jobCategoryContent__text + .jobCategoryContent__text {
    margin-top: 20px
}

.jobCategoryContent__textLink {
    color: #0000ff;
    text-decoration: underline
}

.jobCategoryContent__textLink .jobCategoryContent:hover {
    text-decoration: none
}

.jobCategoryContent__detail {
    float: right;
    width: 53%
}

.jobCategoryContent__img {
    display: block;
    overflow: hidden
}

.jobCategoryContent__map {
    margin-top: 20px;
    padding-top: 100%;
    position: relative
}

.jobCategoryContent__map iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media screen and (max-width: 768px) {
    .jobCategoryContent {
        margin-top: 0
    }

    .jobCategoryContent__detail {
        float: none;
        width: 100%
    }

    .jobCategoryContent__ttl {
        font-size: 14px
    }

    .jobCategoryContent__text {
        font-size: 12px
    }

    .jobCategoryContent__img {
        float: none;
        width: 100%
    }
}

.detailTable {
    width: 100%
}

.detailTable tr {
    border-bottom: 1px solid #012060
}

.detailTable__head {
    color: #000000;
    padding: 12px 0 12px 36px;
    text-align: left
}

.detailTable__head::before {
    background-color: #012060;
    border-radius: 100%;
    content: '';
    display: inline-block;
    height: 10px;
    margin-left: -15px;
    margin-right: 5px;
    position: relative;
    width: 10px
}

.detailTable__contents {
    padding: 12px;
    width: 80%
}

@media screen and (max-width: 768px) {
    .detailTable__head {
        display: block;
        font-size: 12px !important;
        padding: 12px 0 6px 12px;
        width: 100%
    }

    .detailTable__contents {
        display: block;
        font-size: 12px !important;
        padding: 0 0 12px 12px;
        width: 100%
    }
}

.btnSection {
    margin: 60px auto 0;
    max-width: 1040px;
    padding: 0 20px;
    text-align: center
}

.btnSection__btn {
    margin: 0 auto;
    max-width: 600px;
    text-align: center
}

.btnSection__btn > a {
    background-color: #012060;
    border-radius: 5px;
    box-shadow: 0px 0px 10px 0px rgba(1, 32, 96, 0.35);
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    height: 60px;
    line-height: 60px;
    position: relative;
    width: 100%
}

.btnSection__btn > a::after {
    background: url(https://career-review.s3.amazonaws.com/images/official/chiba/icon_arrow_white.png) no-repeat center/100%;
    bottom: 0;
    content: '';
    display: inline-block;
    height: 12px;
    margin: auto 0;
    position: absolute;
    right: 30px;
    top: 0;
    width: 8px
}

.btnSection__btn > a:hover {
    opacity: .7;
    -webkit-transition: .1s;
    -moz-transition: .1s;
    -ms-transition: .1s;
    transition: .1s
}

.btnSection__btn + .btnSection__btn {
    margin-top: 20px
}

.btnSection__btn--white > a {
    background: #fff;
    box-shadow: 0px 0px 5px 0px rgba(1, 32, 96, 0.35);
    color: #012060
}

.btnSection__btn--back > a::after {
    background: url(https://career-review.s3.amazonaws.com/images/official/chiba/icon_arrow_blue.png) no-repeat center/100%;
    bottom: 0;
    content: '';
    display: inline-block;
    height: 12px;
    left: 30px;
    margin: auto 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(180deg);
    width: 8px
}

@media screen and (max-width: 768px) {
    .btnSection {
        margin: 30px 0 0;
        padding: 0
    }

    .btnSection__btn {
        max-width: 100%
    }

    .btnSection__btn > a {
        font-size: 14px;
        height: 64px;
        line-height: 40px;
        padding: 12px 0
    }

    .btnSection__btn > a::after {
        right: 20px
    }
}

.detailContents {
    display: none;
    margin-top: -75px;
    padding-top: 75px;
    position: relative
}

.detailContents__ttl {
    color: #012060;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center
}

.detailContents__ttl > span {
    display: block
}

.detailContents__btnBack {
    left: 0;
    position: absolute;
    top: 75px
}

.detailContents__btnBack > a {
    border-radius: 5px;
    box-shadow: 0px 0px 5px 0px rgba(1, 32, 96, 0.35);
    color: #012060;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    padding: 0 30px 0 40px;
    position: relative;
    width: 100%
}

.detailContents__btnBack > a::after {
    background: url(https://career-review.s3.amazonaws.com/images/official/chiba/icon_arrow_blue.png) no-repeat center;
    background-size: 100%;
    bottom: 0;
    content: '';
    display: inline-block;
    height: 12px;
    left: 8px;
    margin: auto 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(180deg);
    width: 8px
}

.detailContents__section {
    margin-bottom: 50px
}

.detailContents__sectionTitle {
    border-left: 6px solid #012060;
    color: #012060;
    font-size: 20px;
    font-weight: bold;
    line-height: 1em;
    margin-bottom: 20px;
    padding: 2px 0 0 12px
}

.detailContents__sectionText {
    font-size: 16px;
    line-height: 1.6;
    margin: 0 0 20px
}

@media screen and (max-width: 768px) {
    .detailContents__ttl {
        font-size: 14px
    }

    .detailContents__btnBack {
        left: -10px;
        position: absolute;
        top: 65px
    }

    .detailContents__btnBack > a {
        font-size: 12px;
        font-weight: bold;
        height: 30px;
        line-height: 30px;
        padding: 0px 10px 0 20px;
        position: relative;
        width: 100%
    }

    .detailContents__btnBack > a::after {
        background-size: 70%
    }

    .detailContents__section {
        margin-bottom: 40px
    }

    .detailContents__sectionTitle {
        border-left: 4px solid #012060;
        font-size: 14px;
        margin-bottom: 10px;
        padding-left: 8px
    }

    .detailContents__sectionText {
        font-size: 12px
    }
}

.calendarTable {
    border: 1px solid #000000;
    width: 100%
}

.calendarTable__head {
    background: #ddf0f3;
    border: 1px solid #000000;
    padding: 12px 0;
    text-align: center;
    width: 12.5%
}

.calendarTable__head:first-child {
    border-top: 0
}

.calendarTable__contents {
    background: #fff;
    border: 1px solid #000000;
    border-top: 1px solid #000000;
    padding: 12px 0;
    text-align: center
}

.calendarTable__contents:first-child {
    background: #ddf0f3;
    border-left: 1px solid #000000
}

@media screen and (max-width: 768px) {
    .calendarTable {
        font-size: 10px
    }
}