@charset "utf-8";

@media only screen and (min-width: 0px) and (max-width: 1600px) {

.culture-dormitory .contents .dormitory {
    background: #eaebee url("../../image/culture/dormitory/bg-dormitory.png") no-repeat top center / cover;
}

}

@media only screen and (min-width: 0px) and (max-width: 1400px) {

.culture-dormitory .contents .dormitory .inner .detail.odd p.comment {
    right: calc(100vw * -54 / 1600);
}
.culture-dormitory .contents .dormitory .inner .detail.even p.comment {
    left: calc(100vw * -54 / 1600);
}

}

@media only screen and (min-width: 0px) and (max-width: 750px) {

/* ────────────────────── *
 *                                              *
 * ページ共通                                   *
 *                                              *
 * ────────────────────── */

/* 見出し */
#title {
    height: 62.0rem;
}
.culture-welfare #title {
    background: url("/saiyou/image/culture/welfare/mainvisual-sp.jpg") no-repeat top center / contain;
}
.culture-dormitory #title {
    background: url("/saiyou/image/culture/dormitory/mainvisual-sp.jpg") no-repeat top center / contain;
}
.culture-diversity #title {
    background: url("/saiyou/image/culture/diversity/mainvisual-sp.jpg") no-repeat top center / contain;
    height: auto;
    padding-top: 56.0rem;
}
#title .inner h1 {
    font-size: 5.2rem;
    line-height: 1.25;
}
#title .inner p.en {
    font-size: 2.2rem;
    line-height: 1.36;
}

.contents .inner {
    width: 67.0rem;
}
.contents .inner p.txt-intro {
    font-size: 2.4rem;
    line-height: 2.083333333333333;
    margin: 0 auto 8.0rem;
}

/* ダイバーシティを語る */
.culture-diversity #title .inner {
    color: #363746;
    padding: 6.0rem;
    height: auto;
    display: block;
}

/* ────────────────────── *
 *                                              *
 * 次のコンテンツ                               *
 *                                              *
 * ────────────────────── */

.contents #next-contents {
    padding: 9.0rem 0 7.0rem;
}
.contents #next-contents .inner,
.contents #next-contents.three .inner {
    width: 67.0rem;
}
.contents #next-contents .inner h2 {
    font-size: 7.6rem;
}
.contents #next-contents .inner #next-list {
    display: block;
}
.contents #next-contents .inner #next-list .list,
.contents #next-contents.three .inner #next-list .list {
    width: 100%;
    margin-bottom: 3.0rem;
}
.contents #next-contents .inner #next-list .list p.image,
.contents #next-contents.three .inner #next-list .list p.image {
    width: 32.0rem;
}
.contents #next-contents .inner #next-list .list:last-of-type {
    margin-bottom: 0;
}
.contents #next-contents .inner #next-list .list p.cname,
.contents #next-contents.three .inner #next-list .list p.cname {
    font-size: 3.2rem;
    width: 35.0rem;
    padding: 0 7.0rem 0 5.0rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.contents #next-contents .inner #next-list .list p.cname::after {
    border-width: 1.0rem 0 1.0rem 2.0rem;
    right: 3.0rem;
}
.contents #next-contents .inner #next-list .list p.cname span.small {
    font-size: 2.4rem;
    vertical-align: 0.2rem;
}

/* ────────────────────── *
 *                                              *
 * 福利厚生制度                                 *
 *                                              *
 * ────────────────────── */

/* イントロ */
.culture-welfare .contents #intro .inner {
    font-size: 3.0rem;
    line-height: 2.33;
    width: 63.0rem;
}
.culture-welfare .contents .welfare {
    padding: 12.0rem 0 11.0rem;
}
.culture-welfare .contents .welfare .inner {
    width: 63.0rem;
}
.culture-welfare .contents .welfare .inner h2 {
    font-size: 4.6rem;
    margin-bottom: 2.0rem;
}
.culture-welfare .contents .welfare .inner p.en {
    font-size: 2.0rem;
    margin-bottom: 10.0rem;
}
.culture-welfare .contents .welfare .inner h3 {
    font-size: 3.4rem;
    line-height: 1.76;
    letter-spacing: normal;
    padding-left: 2.5rem;
}
.culture-welfare .contents .welfare .inner h3::before {
    width: 0.6rem;
}
.culture-welfare .contents .welfare .inner p.txt {
    font-size: 2.4rem;
    margin-bottom: 7.0rem;
}
.culture-welfare .contents .welfare .inner ul.photo {
    display: block;
}
.culture-welfare .contents .welfare .inner ul.photo li {
    width: 100%;
    margin-bottom: 2.0rem;
}
.culture-welfare .contents .welfare .inner ul.photo li:last-child {
    margin-bottom: 0;
}
.culture-welfare .contents .welfare .inner #example {
    padding: 15.0rem 6.0rem 8.0rem;
    margin: 15.0rem auto 0;
}
.culture-welfare .contents .welfare .inner #example h4 {
    font-size: 2.4rem;
    width: 48.0rem;
    border: 0.2rem solid rgba(240, 40, 50, 1);
    border-image: linear-gradient(135deg, rgba(240, 40, 50, 1) 0%, rgba(0, 110, 225, 1) 99.96%);
    border-image-slice: 1;
    margin-bottom: 3.5rem;
    top: -5.6rem;
}
.culture-welfare .contents .welfare .inner #example h4::before {
    width: 4.0rem;
    height: 4.0rem;
}
.culture-welfare .contents .welfare .inner #example h4::after {
    width: 0.2rem;
    height: 4.0rem;
    top: calc(100% - 1.0rem);
}
.culture-welfare .contents .welfare .inner #example h4 span {
    height: 11.2rem;
}
.culture-welfare .contents .welfare .inner #example h5 {
    font-size: 3.6rem;
    padding: 1.8rem;
    margin-bottom: 4.0rem;
}
.culture-welfare .contents .welfare .inner #example .flex {
    margin: 0 auto 9.0rem;
    display: block;
}
.culture-welfare .contents .welfare .inner #example .flex .left {
    width: 100%;
    margin-bottom: 5.0rem;
}
.culture-welfare .contents .welfare .inner #example .flex .left > dl > dt {
    font-size: 3.0rem;
    padding-bottom: 3.0rem;
    margin-bottom: 3.0rem;
    border-bottom: 0.2rem solid #363746;
}
.culture-welfare .contents .welfare .inner #example .flex .left > dl > dd {
    font-size: 2.4rem;
}
.culture-welfare .contents .welfare .inner #example .flex .left > dl > dd dl.equipment {
    margin-top: 5.0rem;
}
.culture-welfare .contents .welfare .inner #example .flex .left > dl > dd dl.equipment dt {
    font-size: 2.4rem;
}
.culture-welfare .contents .welfare .inner #example .flex .left > dl > dd dl.equipment dt::before {
    font-size: 1.6rem;
    vertical-align: 0.2rem;
    margin-right: 1.0rem;
}
.culture-welfare .contents .welfare .inner #example .flex .left > dl > dd dl.equipment dd {
    font-size: 2.2rem;
}
.culture-welfare .contents .welfare .inner #example .flex .right {
    width: 100%;
}
.culture-welfare .contents .welfare .inner #example .flex .right ul li {
    margin-bottom: 2.0rem;
}

.culture-welfare .contents .welfare .inner ul#childcare {
    font-size: 2.6rem;
    margin: 9.0rem auto 7.0rem;
    display: block;
}
.culture-welfare .contents .welfare .inner ul#childcare li {
    width: 100%;
    height: 20.0rem;
    margin-bottom: 2.0rem;
    border: 0.2rem solid #363746;
}
.culture-welfare .contents .welfare .inner ul#childcare li:nth-last-child(-n+2) {
    margin-bottom: 2.0rem;
}
.culture-welfare .contents .welfare .inner ul#childcare li:last-child {
    margin-bottom: 0;
}
.culture-welfare .contents .welfare .inner ul#childcare li span.notice {
    font-size: 2.0rem;
}

.culture-welfare .contents .welfare .inner ul#nursery {
    margin: 0 auto 7.0rem;
}

.culture-welfare .contents .welfare .inner #nadeshiko {
    padding: 7.0rem 8.0rem;
    margin: 0 auto 7.0rem;
}
.culture-welfare .contents .welfare .inner #nadeshiko dl {
    display: block;
}
.culture-welfare .contents .welfare .inner #nadeshiko dl dt {
    font-size: 2.8rem;
    line-height: 2.14;
    text-align: justify;
    margin-bottom: 5.0rem;
}
.culture-welfare .contents .welfare .inner #nadeshiko dl dt br {
    display: none;
}
.culture-welfare .contents .welfare .inner #nadeshiko dl dd {
    width: 100%;
}

.culture-welfare .contents .welfare .inner ul.documents {
    font-size: 2.8rem;
    line-height: 1.57;
    text-align: left;
    display: block;
}
.culture-welfare .contents .welfare .inner ul.documents li {
    width: 100%;
    height: auto;
    margin-bottom: 2.0rem;
    border: 0.2rem solid #363746;
}
.culture-welfare .contents .welfare .inner ul.documents li:last-child {
    margin-bottom: 0;
}
.culture-welfare .contents .welfare .inner ul.documents li a {
    display: block;
    padding: 7.0rem 10.0rem;
    box-sizing: border-box;
}
.culture-welfare .contents .welfare .inner ul.documents li span.icon {
    display: block;
    padding-right: 14.0rem;
}
.culture-welfare .contents .welfare .inner ul.documents li span.icon::after {
    width: 10.2rem;
    height: 12.7rem;
}

/* ────────────────────── *
 *                                              *
 * 独身寮紹介                                   *
 *                                              *
 * ────────────────────── */

/* イントロ */
.culture-dormitory .contents #intro {
    padding: 9.0rem 0 14.0rem;
}
.culture-dormitory .contents #intro .inner {
    width: 63.0rem;
}
.culture-dormitory .contents #intro .inner p {
    font-size: 2.6rem;
}
.culture-dormitory .contents #intro .inner dl#name {
    width: 100%;
    padding: 5.0rem;
    margin: 10.0rem auto 0;
    border: 0.2rem solid #363746;
}
.culture-dormitory .contents #intro .inner dl#name dt {
    font-size: 4.2rem;
    line-height: 1.42;
    padding-bottom: 4.0rem;
    margin-bottom: 5.0rem;
    border-bottom: 0.2rem solid #72737d;
}
.culture-dormitory .contents #intro .inner dl#name dd {
    font-size: 2.4rem;
}
.culture-dormitory .contents h2 {
    margin: 0 auto -17.0rem;
}
.culture-dormitory .contents .dormitory {
    background: #eaebee url("../../image/culture/dormitory/bg-dormitory-sp.png") no-repeat top center / cover;
    padding: 22.0rem 0 10.0rem;
}
.culture-dormitory .contents .dormitory .inner {
    width: 63.0rem;
}
.culture-dormitory .contents .dormitory .inner .detail {
    padding: 7.0rem 6.0rem;
    margin-bottom: 4.0rem;
    display: block;
}
.culture-dormitory .contents .dormitory .inner .detail::before {
    border-radius: 1.6rem;
}
.culture-dormitory .contents .dormitory .inner .detail dl {
    width: 100%;
    margin-bottom: 12.0rem;
}
.culture-dormitory .contents .dormitory .inner .detail dl dt {
    font-size: 4.8rem;
    line-height: 1.4583;
    padding: 0.5rem 5.0rem;
}
.culture-dormitory .contents .dormitory .inner .detail dl dt::before {
    width: 0.8rem;
    height: 8.0rem;
}
.culture-dormitory .contents .dormitory .inner .detail dl dt span.en {
    font-size: 3.0rem;
    line-height: 2.3333;
    margin-right: 3.0rem;
}
.culture-dormitory .contents .dormitory .inner .detail dl dd {
    font-size: 2.4rem;
}
.culture-dormitory .contents .dormitory .inner .detail p.image {
    width: 36.0rem;
}
.culture-dormitory .contents .dormitory .inner .detail.odd p.image {
    margin-left: 2.5rem;
}
.culture-dormitory .contents .dormitory .inner .detail.even p.image {
    margin-right: 2.5rem;
    margin-left: auto;
}
.culture-dormitory .contents .dormitory .inner .detail p.image::before {
    width: 8.0rem;
    height: 8.0rem;
    top: -2.0rem;
}
.culture-dormitory .contents .dormitory .inner .detail.odd p.image::before {
    left: -2.5rem;
}
.culture-dormitory .contents .dormitory .inner .detail.even p.image::before {
    right: -2.5rem;
}
.culture-dormitory .contents .dormitory .inner .detail p.image::after {
    width: 8.0rem;
    height: 8.0rem;
    bottom: -2.0rem;
}
.culture-dormitory .contents .dormitory .inner .detail.odd p.image::after {
    right: -2.5rem;
}
.culture-dormitory .contents .dormitory .inner .detail.even p.image::after {
    left: -2.5rem;
}
.culture-dormitory .contents .dormitory .inner .detail p.comment {
    font-size: 2.2rem;
    width: 26.0rem;
    height: 26.0rem;
    top: auto;
    bottom: 16.0rem;
}
.culture-dormitory .contents .dormitory .inner .detail.odd p.comment {
    right: -4.0rem;
}
.culture-dormitory .contents .dormitory .inner .detail.even p.comment {
    left: -4.0rem;
}
.culture-dormitory .contents .dormitory .inner p.notice {
    font-size: 2.4rem;
    line-height: 2.08;
    margin: 8.0rem auto 0;
}


/* ────────────────────── *
 *                                              *
 * ダイバーシティを語る                         *
 *                                              *
 * ────────────────────── */

/* イントロ */
.culture-diversity .contents #intro {
    padding: 0 6.0rem 10.0rem;
}
.culture-diversity .contents #intro .inner {
    font-size: 2.4rem;
    width: auto;
}

/* メンバー */
.culture-diversity .contents #member {
    padding: 10.0rem 0 22.0rem;
}
.culture-diversity .contents #member .inner {
    width: 50.0rem;
}
.culture-diversity .contents #member .inner .flex {
    display: block;
}
.culture-diversity .contents #member .inner .flex .item {
    width: 100%;
    margin-bottom: 8.0rem;
}
.culture-diversity .contents #member .inner .flex .item:last-of-type {
    margin-bottom: 0;
}
.culture-diversity .contents #member .inner .flex .item p.head {
    font-size: 2.4rem;
    padding: 2.2rem;
    margin: 0 auto 5.0rem;
    border: 0.2rem solid rgba(54, 55, 70, 0.9);
}
.culture-diversity .contents #member .inner .flex .item p.head::before {
    width: 3.0rem;
    height: 3.0rem;
    bottom: -1.2rem;
}
.culture-diversity .contents #member .inner .flex .item p.head::after {
    width: 0.2rem;
    height: 3.0rem;
    bottom: -2.0rem;
    transform: translateX(-50%);
}
.culture-diversity .contents #member .inner .flex .item .profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.culture-diversity .contents #member .inner .flex .item .profile p.image {
    width: 20.0rem;
    margin: 0 5.0rem 0 0;
    flex-shrink: 0;
}
.culture-diversity .contents #member .inner .flex .item .profile p.image span.division {
    font-size: 2.4rem;
    width: 18.0rem;
    padding: 0.8rem;
}
.culture-diversity .contents #member .inner .flex .item .profile dl {
    text-align: left;
}
.culture-diversity .contents #member .inner .flex .item .profile dl dt {
    font-size: 2.6rem;
    margin-bottom: 2.0rem;
    white-space: nowrap;
}
.culture-diversity .contents #member .inner .flex .item .profile dl dt span.join {
    font-size: 2.0rem;
}
.culture-diversity .contents #member .inner .flex .item .profile dl dd {
    font-size: 2.0rem;
}

/* ターム */
.culture-diversity .contents .term {
    width: 69.0rem;
    padding: 8.0rem 0 2.0rem;
}
.culture-diversity .contents .term.last {
    padding: 8.0rem 0 2.0rem;
}

.culture-diversity .contents .term h2 {
    font-size: 4.4rem;
    margin-bottom: 7.0rem;
}
.culture-diversity .contents .term.even h2 {
    text-align: right;
}
.culture-diversity .contents .term h2 span.line-pc {
    display: block;
    padding: 0;
}
.culture-diversity .contents .term h2 span.line-sp {
    display: inline-block;
    padding: 1.3rem;
    margin-bottom: 1.0rem;
}
.culture-diversity .contents .term.odd h2 span.line-pc {
    background: none;
}
.culture-diversity .contents .term.even h2 span.line-pc {
    background: none;
}
.culture-diversity .contents .term.odd h2 span.line-sp {
    background: rgba(0, 110, 225, 0.9);
}
.culture-diversity .contents .term.even h2 span.line-sp {
    background: rgba(240, 40, 50, 0.9);
}

.culture-diversity .contents .term .talk {
    width: 61.0rem;
}
.culture-diversity .contents .term .talk dl {
    margin-bottom: 9.0rem;
}
.culture-diversity .contents .term .talk dl dt {
    font-size: 2.2rem;
    width: 11.0rem;
}
.culture-diversity .contents .term .talk dl dd {
    font-size: 2.4rem;
    line-height: 1.833333333333333;
    width: 100%;
    margin-top: 3.0rem;
}
.culture-diversity .contents .term .talk dl dd .fukidashi {
    width: 100%;
    padding: 3.0rem 4.0rem;
}

/* 奇数 */
.culture-diversity .contents .term .talk dl.odd dt {
    margin-right: 3.0rem;
}
.culture-diversity .contents .term .talk dl.odd dt span {
    left: 14.0rem;
}
.culture-diversity .contents .term .talk dl.odd dd {
    padding-right: 0;
}
.culture-diversity .contents .term .talk dl.odd dd .fukidashi::before {
    border-width: 1.0rem 1.4rem 1.0rem 0;
}

/* 偶数 */
.culture-diversity .contents .term .talk dl.even dt {
    margin-left: 3.0rem;
}
.culture-diversity .contents .term .talk dl.even dt span {
    right: 14.0rem;
}
.culture-diversity .contents .term .talk dl.even dd  {
    padding-left: 0;
}
.culture-diversity .contents .term .talk dl.even dd .fukidashi::before {
    border-width: 1.0rem 0 1.0rem 1.4rem;
}

}