/* CSS Document */

/*==================================================

Each contents
=================================================*/

/* reason */

.reason-topimg {
    background-image: url("../../about/images/topimg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.reason {
    
}
.reason section {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
}
.reason section:nth-of-type(odd) {
    color: #FFF;
}
.reason section:nth-of-type(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.reason section .txt {
    width: 50%;
    padding: 6% 6%;
}
.reason section .txt p {
    margin-top: 50px;
}
.reason section .photo {
    width: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.reason section .photo img {
    display: none;
    width: 100%;
	max-width: 100%;
	height: auto;
}
.reason section:nth-of-type(1) {
    background-color: #00243f;
}
.reason section:nth-of-type(3) {
    background-color: #27719f;
}
.reason section:nth-of-type(1) .photo {
    background-image: url("../../about/images/reason_03.jpg");
}
.reason section:nth-of-type(2) .photo {
    background-image: url("../../about/images/reason_04.jpg");
}
.reason section:nth-of-type(3) .photo {
    background-image: url("../../about/images/reason_07.jpg");
}

/* history */

.history-topimg {
    background-image: url("../../about/images/topimg_history.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.history {
    width: 90%!important;
    max-width: 1200px;
    margin: 0 auto;
}

.history .intro {
    width: 100%;
    color: #FFF;
    text-align: center;
    background-image: url("../../about/images/bg.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;

    margin-bottom: 80px;
    padding: 5%;
}
.history .intro p {
    text-align: center;
    margin-top: 30px;
}
.history .fl-box li {
    width: 33.33%;
}
.history .fl-box li img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
.history .table {
    width: 100%;
    background-color: #FFF;
    border: 3px solid #00243f;
    margin-top: 80px;
    padding: 6% 5%;
}
.history .table h1 {
    text-align: center;
}
.history .table .initial {
    width: 100%;
    color: #FFF;
    background-color: #2a719f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    
    margin-top: 60px;
    padding: 5%;
}
.history .table .initial dt {
    width: 40%;
}
.history .table .initial dd {
    width: 55%;
}
.history .table .age {
    font-size: 5rem;
    font-family: 'Roboto', sans-serif;
    line-height: 140%;
    letter-spacing: .08em;
    margin-bottom: 20px;
}
.history .table .inner {
    width: 90%;
    background-image: url("../../about/images/history_13.png"),url("../../about/images/history_37.png"),url("../../about/images/history_16.png");
    background-position: center top,center bottom,center top;
    background-repeat: no-repeat,no-repeat,repeat-y;
    background-size: auto;
    margin: 30px auto 0;
}
.history .table .inner dl {
    width: 50%;
}
.history .table .inner li:nth-of-type(1) dl {
    padding-top: 5%;
}
.history .table .inner li:nth-of-type(even) dl {
    margin: 0 0 0 auto;
}
.history .table .inner dl dt {
    width: 100%;
    font-size: 5rem;
    color: #2a719f;
    font-family: 'Roboto', sans-serif;
    line-height: 140%;
    letter-spacing: .08em;
}
.history .table .inner li:nth-of-type(odd) dt {
    background-image: url("../../about/images/history_20.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto;
    padding-right: 120px;
}
.history .table .inner li:nth-of-type(even) dt {
    background-image: url("../../about/images/history_27.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto;
    padding-left: 120px;
}
.history .table .inner dl dt span {
    overflow-wrap: break-word;
}
.history .table .inner dl dd {
    width: 100%;
    max-width: 440px;
}
.history .table .inner li:nth-of-type(odd) dd {
    padding-right: 120px;
}
.history .table .inner li:nth-of-type(even) dd {
    width: 100%;
    padding-left: 120px;
}
.history .table .inner dl dd p {
    margin: 15px 0;
}
.history .table img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

/* data */

.data-topimg {
    background-image: url("../../about/images/topimg_data.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.data {
    width: 90%!important;
    max-width: 1200px;
    margin: 0 auto;
}
.data .inner {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.data .inner section {
    width: 100%;
    position: relative;
    color: #00243f;
    text-align: center;
    background-color: #7ec2e1;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 50%;
    margin-top: 60px;
    padding: 4% 5%;
}
.data .inner .helf {
    width: 48%;
    background-size: 100%;
}

.data .inner section .title {
    font-size: 3vw;
    line-height: 120%;
}
.data .inner section .title.tl {
    margin-top: -1em;
}
.data .inner section .value {
    font-size: 10vw;
    line-height: 100%;
    margin-top: 6%;
}
.data .inner section .value span {
    font-size: 3vw;
    line-height: 100%;
}

.data .inner section .pict {
    max-width: 400px;
    text-align: center;
    margin: 8% auto 0;
}
.data .inner section .pict-a {
    width: 20%;
    max-width: 161px;
    position: absolute;
    top: 52%;
    left: 70%;
    
    -webkit-transform: translate(0, -50%); 
    transform: translate(0, -50%);
    z-index: 1;
}
.data .inner section .pict-a.ls {
    width: 20%;
    max-width: 190px;
}
.data .inner section p {
    font-size: 3vw;
    font-family: "FOT-筑紫B丸ゴシック Std B";
    text-align: center;
    line-height: 120%;
    margin: 1% auto 0;
}
.data .inner section p.small {
    font-size: 1.8vw;
    line-height: 160%;
    margin: 1% auto 0;
}
.data .inner section p.middle {
    font-size: 2.4vw;
    line-height: 160%;
    margin: 1% auto 0;
}
.data .inner section ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    
    -webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;

    margin-top: 8%;
}
.data .inner section ul.lg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    
}
.data .inner section ul li {
    width: 18%;
    margin: 0 2% 5%;
}
.data .inner section ul.lg li {
    width: 16%;
    max-width: 131px;
    margin: 0 2% 5%;
}

@media only screen and (min-width:1200px) {
    
    .data .inner section .title {
        font-size: 4rem;
    }
    .data .inner section .value {
        font-size: 11rem;
        line-height: 100%;
        margin-top: 60px;
    }
    .data .inner section .value span {
        font-size: 4rem;
        line-height: 100%;
    }
    .data .inner section p {
        font-size: 4rem;
        text-align: center;
        margin: 40px auto 0;
    }
    .data .inner section p.small {
        font-size: 2rem;
    }
    .data .inner section p.middle {
        font-size: 2.4rem;
    }
}

.data .inner section img {
    width: 100%;
	max-width: 100%;
	height: auto;
}

.data .inner section:nth-of-type(1) {
    background-image: url("../../about/images/sara1.png");
}
.data .inner section:nth-of-type(2) {
    background-image: url("../../about/images/sara2.png");
}
.data .inner section:nth-of-type(3) {
    background-image: url("../../about/images/sara3.png");
}
.data .inner section:nth-of-type(4) {
    background-image: url("../../about/images/sara4.png");
}
.data .inner section:nth-of-type(5) {
    background-image: url("../../about/images/sara5.png");
}
.data .inner section:nth-of-type(6) {
    background-image: url("../../about/images/sara6.png");
}
.data .inner section:nth-of-type(7) {
    background-image: url("../../about/images/sara7.png");
}
.data .inner section:nth-of-type(8) {
    background-image: url("../../about/images/sara8.png");
}
.data .inner section:nth-of-type(9) {
    background-image: url("../../about/images/sara9.png");
}
.data .inner section:nth-of-type(10) {
    background-image: url("../../about/images/sara1.png");
}
.data .inner section:nth-of-type(11) {
    background-image: url("../../about/images/sara2.png");
}
.data .inner section:nth-of-type(12) {
    background-image: url("../../about/images/sara3.png");
}
.data .inner section:nth-of-type(13) {
    background-image: url("../../about/images/sara4.png");
}
.data .inner section:nth-of-type(14) {
    background-image: url("../../about/images/sara5.png");
}

/* job */

.job-topimg {
    background-image: url("../../works/images/topimg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.job-topimg2 {
    background-image: url("../../works/images/topimg_job.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.job {
    
}
.job img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.job .intro {
    background-image: url("../../works/images/job_07.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    padding-bottom: 240px;
}
.job .intro .inner {
    width: 90%;
    max-width: 1000px;
    margin: 0 auto 80px;
}
.job .intro h1 {
    text-align: center;
    margin-bottom: 60px;
}
.job .intro .fl-box {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}
.job .intro .fl-box li {
    width: 50%;
}
.job .works {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}
.job .works section {
    border: 3px solid #00243f;
    margin-top: 100px;
    padding: 0 5%;
}
.job .works.col section {
    color: #FFF;
    border: 3px solid #27719f;
    background-color: #27719f;
}
.job .works section h2 {
    text-align: center;
    cursor: pointer;
    
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    
    background-image: url("../../works/images/open.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto;
    padding: 5% 120px;
}
.job .works section h2.open {
    background-image: url("../../works/images/close.png");
}

.job .works section dl {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
    padding-bottom: 6%;
}
.job .works section dl dt {
    width: 34%;
    max-width: 367px;
}
.job .works section dl dd {
    width: 60%;
}
.job .works aside {
    width: 100%;
    max-width: 800px;
    margin: 100px auto 0;
}
.job .works aside a {
    width: 100%;
    display: block;
    position: relative;
    color: #FFF;
    text-decoration: none;
    border: 3px solid #FFF;
    background-color: #2a719f;
    
}
.job .works aside a:hover {
    opacity: 1;
    color: #2a719f;
    border: 3px solid #2a719f;
    background-color: #FFF;
}
.job .works aside a dd::before {
	content:" ";
	width: 25px;
	height: 9px;
	display: block;
	position: absolute;
    background-image: url("../../images/arrow.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto;
	top: 50%;
	right: 0;
	-webkit-transform: translate(-30px, -50%); 
	transform: translate(-30px, -50%);
	z-index: 1;
	
	/* animation */
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.job .works aside a:hover dd::before {
    background-image: url("../../images/arrow_b.png");
	-webkit-transform: translate(-10px, -50%); 
	transform: translate(-10px, -50%);
}
.job .works aside a dl {
    width: 100%;
    display: table;
}
.job .works aside a dl dt {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
}
.job .works aside a dl dd {
    width: 50%;
    display: table-cell;
    position: relative;
    font-size: 2.4rem;
    text-align: center;
    vertical-align: middle;
}

/* faq */

.faq-topimg {
    background-image: url("../../faq/images/topimg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.faq {
    width: 90%!important;
    max-width: 1000px;
    margin: 0 auto;
}
.faq .faq-menu {
    width: 100%;
    
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    border-bottom: 3px solid #00243f;
}
.faq .faq-menu li {
    width: 50%;
    cursor: pointer;
    color: #FFF;
    text-align: center;
    background-color: #27719f;
    border-left: 5px solid #FFF;
    border-right: 5px solid #FFF;
    padding: 1.5em 1em;
}
.faq .faq-menu li.active {
    background-color: #00243f;
}
.faq .inner {
    display: none;
}
.faq .visible {
    display: block;
}

.faq dl {
    width: 100%;
    border: 3px solid #2a719f;
    margin-top: 60px;
}
.faq dl dt {
    width: 100%;
    min-height: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; 
    cursor: pointer;
    vertical-align: middle;
    background-image: url("../../faq/images/faq_03.png"),url("../../works/images/open.png");
    background-position: left 20px center,right 20px center;
    background-repeat: no-repeat;
    background-size: auto;
    padding: 30px 120px 30px 85px;
}
.faq dl dt.open {
    background-image: url("../../faq/images/faq_03.png"),url("../../works/images/close.png");
}
.faq dl dd {
    background-image: url("../../faq/images/faq_06.png");
    background-position: left 20px top;
    background-repeat: no-repeat;
    background-size: auto;
    padding: 8px 85px 30px;
}

/* career */

.career-topimg {
    background-image: url("../../career/images/topimg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.career {
    width: 90%!important;
    max-width: 1200px;
    margin: 0 auto;
}
.career img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
.career section {
    width: 100%;
    position: relative;
    padding-left: 8%;
}
.career .arrow {
    background-image: url("../../career/images/arrow.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto;
    padding: 60px 0;
}
.career section h1 {
    width: 100%;
    max-width: 1140px;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    
    font-size: 2.4rem;
    color: #FFF;
    background-color: #27719f;
    
    top: 8%;
    left: 0;
    z-index: 1;
    
}
.career section h1 span:nth-of-type(1) {
    width: 210px;
    max-width: 210px;
    display: block;
    text-align: center;
    background-color: #00243f;
    padding: .8em 1em;
}
.career section h1 span:nth-of-type(2) {
    display: block;
    text-align: left;
    padding: .8em 2em;
}
.career section .inner {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; 
    
    border: 3px solid #27719f;
    padding: 160px 5% 50px;
}
.career section .inner p {
    width: 57%;
}
.career section .inner .photo {
    width: 36.7%;
}

/* recruit data */

.r-data-topimg {
    background-image: url("../../data/images/topimg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.r-data {
    width: 90%!important;
    max-width: 1000px;
    margin: 0 auto;
}
.r-entry {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.r-entry li {
    width: 48%;
    margin-top: 80px;
}
.r-entry li .button-l {
    width: 100%;
    font-size: 1.8rem;
}

.button-2 {
    margin-top: -80px;
}

.entry-cont {
    width: 90%!important;
    max-width: 800px;
    margin: 0 auto;
}
.entry-cont a {
    margin-top: 60px;
}
.entry-cont .entry-item {
    width: 100%;
    display: block;
    text-decoration: none;
    border: 3px solid #27719f;
    color: #27719f;
}
.entry-cont .entry-item dl {
    width: 100%;
    display: table;
}
.entry-cont .entry-item dl dt {
    width: 280px;
    display: table-cell;
    vertical-align: middle;
    padding: 25px 0 25px 25px;
}
.entry-cont .entry-item dl dd {
    display: table-cell;
    font-size: 2rem;
    font-weight: 700;
    vertical-align: middle;
    padding: 25px;
}
.entry-cont .entry-item dl dd span {
    display: block;
    font-size: 1.4rem;
}


@media only screen and (min-width:1px) and (max-width: 1180px) {
    
    .history .table .inner dl dt {
        font-size: 4.5vw;
        letter-spacing: 0;
    }
    .history .table .inner li:nth-of-type(odd) dt {
        background-position: right -40px center;
        padding-right: 80px;
    }
    .history .table .inner li:nth-of-type(even) dt {
        background-position: left -40px center;
        padding-left: 80px;
    }
    .history .table .inner li:nth-of-type(odd) dd {
        padding-right: 80px;
    }
    .history .table .inner li:nth-of-type(even) dd {
        width: 100%;
        padding-left: 80px;
    }
}
@media only screen and (min-width:1px) and (max-width: 768px) {
	
    .reason {

    }
    .reason section {
        width: 100%;
        display: block;
    }
    .reason section:nth-of-type(1),.reason section:nth-of-type(3) {
        background-color: #FFF;
    }
    .reason section:nth-of-type(odd) {
        color: #00243f;
    }
    .reason section .txt {
        width: 100%;
        padding: 8% 5%;
    }
    .reason section .txt p {
        margin-top: 6%;
    }
    .reason section .photo {
        width: 100%;
        background-image: none;
    }
    .reason section .photo img {
        display: block;
    }
    
    .history .intro {
        width: 100%;
        margin-bottom: 8%;
        padding: 8% 5%;
    }
    .history .intro p {
        text-align: left;
        margin-top: 6%;
    }
    .history .intro p br {
        display: none;
    }
    .history .fl-box {
        width: 100%;
        max-width: 400px;
    }
    .history .fl-box li {
        width: 100%;
    }
    .history .fl-box li:nth-of-type(2) {
        margin: 8% auto;
    }
    .history .table {
        margin-top: 8%;
        padding: 6% 0;
    }
    .history .table h1 {
        text-align: center;
    }
    .history .table .initial {
        width: 100%;
        color: #FFF;
        background-color: #2a719f;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;

        margin-top: 6%;
        padding: 6% 5%;
    }
    .history .table .initial dt {
        width: 100%;
        margin-top: 6%;
    }
    .history .table .initial dd {
        width: 100%;
    }
    .history .table .age {
        font-size: 4rem;
        text-align: center;
        margin-bottom: 6%;
    }
    
    .history .table .inner {
        width: 90%;
        background-image: none;
        margin: 5% auto 0;
    }
    .history .table .inner dl {
        width: 100%;
        max-width: 360px;
        margin: 0 auto;
        padding: 5% 0;
    }
    .history .table .inner li:nth-of-type(even) dl {
        margin: 0 auto;
    }
    .history .table .inner dl dt {
        font-size: 3rem;
        position: relative;
        letter-spacing: .08em;
        padding-left: 1em!important;
    }
    .history .table .inner dl dt::before {
        content: "●";
        width: 1em;
        display: block;
        position: absolute;
        font-size: 2rem;
        top: 50%;
        left: 0;
        -webkit-transform: translate(0, -50%); 
        transform: translate(0, -50%);
        z-index: 1;
    }
    .history .table .inner li:nth-of-type(odd) dt {
        background-image: none;
        padding-right: 0;
    }
    .history .table .inner li:nth-of-type(even) dt {
        background-image: none;
        padding-left: 0;
    }
    .history .table .inner li:nth-of-type(odd) dd {
        max-width: 100%;
        padding-right: 0;
    }
    .history .table .inner li:nth-of-type(even) dd {
        width: 100%;
        max-width: 100%;
        padding-left: 0;
    }
    
    .data .inner section {
        margin-top: 6%;
        padding: 6% 5%;
    }
    .data .inner section .title {
        font-size: 3vw;
    }
    .data .inner section .title.tl {
        margin-top: -1em;
    }
    .data .inner section .value {
        font-size: 10vw;
        line-height: 100%;
        margin-top: 4%;
    }
    .data .inner .helf .value {
        margin-top: 8%;
    }
    .data .inner section .value span {
        font-size: 3vw;
    }
    .data .inner section .pict {
        max-width: 400px;
        text-align: center;
        margin: 8% auto 0;
    }
    .data .inner section p {
        font-size: 3vw;
        line-height: 160%;
        font-family: "FOT-筑紫B丸ゴシック Std B";
        text-align: center;
        margin: 3% auto 0;
    }
    .data .inner section p.small {
        font-size: 1.8vw;
        line-height: 160%;
        margin: 3% auto 0;
    }
    .data .inner section p.middle {
        font-size: 2.4vw;
        line-height: 160%;
        margin: 3% auto 0;
    }
    .data .inner section ul {
        width: 70%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;

        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;

        margin: 8% auto 0;
    }
    .data .inner section ul.lg {
        
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .data .inner section ul.lg::after {
        content: " ";
        display: block;
        width: 25%;
    }
    .data .inner section ul li {
        width: 40%;
        min-width: initial;
        min-width: auto;
        margin: 0 4% 5%;
    }
    .data .inner section ul.lg li {
        width: 25%;
        max-width: 131px;
        min-width: initial;
        min-width: auto;
        margin: 0 2.5% 5%;
    }
    
    .job .intro {
        padding-bottom: 18%;
    }
    .job .intro .inner {
        margin: 0 auto 8%;
    }
    .job .intro h1 {
        margin-bottom: 6%;
    }
    .job .intro .fl-box {
        width: 90%;
        max-width: 600px;
        display: block;
    }
    .job .intro .fl-box li {
        width: 100%;
        margin: 0 auto 6%;
    }
    .job .works section {
        margin-top: 10%;
    }
    .job .works section h2 {
        text-align: left;
        cursor: pointer;
        background-image: url("../../works/images/open_sp.png");
        background-position: right center;
        background-repeat: no-repeat;
        background-size: auto;
        padding: 6% 40px 6% 0;
    }
    .job .works section h2.open {
        background-image: url("../../works/images/close_sp.png");
    }
    .job .works section dl {
        width: 100%;

        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        
        padding-bottom: 6%;
    }
    .job .works section dl dt {
        width: 100%;
        max-width: 367px;
    }
    .job .works section dl dd {
        width: 100%;
        padding-bottom: 8%;
    }
    .job .works aside {
        width: 100%;
        max-width: 400px;
        margin: 10% auto 0;
    }
    .job .works aside a {
        width: 100%;
        display: block;
    }
    .job .works aside a:hover {
        opacity: 1;
        color: #2a719f;
        border: 3px solid #2a719f;
        background-color: #FFF;
    }
    .job .works aside a dl {
        width: 100%;
        display: block;
    }
    .job .works aside a dl dt {
        width: 100%;
        display: block;
    }
    .job .works aside a dl dd {
        width: 100%;
        display: block;
        font-size: 2rem;
        padding: 6% 5%;
    }
    
    .faq .faq-menu li {
        width: 50%;
        cursor: pointer;
        color: #FFF;
        text-align: center;
        background-color: #27719f;
        border-left: 1px solid #FFF;
        border-right: 1px solid #FFF;
        padding: 1em .5em;
    }
    
    .faq dl {
        margin-top: 6%;
    }
    .faq dl dt {
        cursor: pointer;
        background-image: url("../../faq/images/faq_03.png"),url("../../works/images/open_sp.png");
        background-position: left 15px center,right 15px center;
        padding: 20px 45px 20px 75px;
    }
    .faq dl dt.open {
        background-image: url("../../faq/images/faq_03.png"),url("../../works/images/close_sp.png");
    }
    .faq dl dd {
        background-image: url("../../faq/images/faq_06.png");
        background-position: left 15px top;
        padding: 6px 45px 20px 75px;
    }
    
    /* career */

    .career section {
        padding-left: 0;
    }
    .career .arrow {
        padding: 12% 0;
    }
    .career section h1 {
        width: 100%;
        max-width: 1140px;
        position: relative;
        display: block;
        font-size: 1.8rem;

        top: 0;
    }
    .career section h1 span:nth-of-type(1) {
        width: 100%;
        max-width: 100%;
        display: block;
        text-align: center;
        background-color: #00243f;
        padding: .5em 1em;
    }
    .career section h1 span:nth-of-type(2) {
        display: block;
        text-align: center;
        padding: .5em 1em;
    }
    .career section .inner {
        width: 100%;
        display: block;

        border: 3px solid #27719f;
        padding: 5% 5%;
    }
    .career section .inner p {
        width: 100%;
    }
    .career section .inner .photo {
        width: 100%;
        max-width: 367px;
        margin: 6% auto 0;
    }
    
    .r-entry {
        width: 100%;
        display: block;
    }
    .r-entry li {
        width: 100%;
        margin-top: 8%;
    }

    .r-entry_blank_li {
        display: none;
    }

    .button-2 {
        margin-top: 8%;
    }
    .r-entry li .button-l {
        width: 100%;
        font-size: 1.8rem;
    }
    
    .entry-cont a:nth-of-type(even) {
        margin-top: 6%;
    }
    .entry-cont .entry-item {
        width: 100%;
        display: block;
        text-decoration: none;
        border: 3px solid #27719f;
        color: #27719f;
    }
    .entry-cont .entry-item dl {
        width: 100%;
        display: block;
    }
    .entry-cont .entry-item dl dt {
        width: 100%;
        display: block;
        text-align: center;
        padding: 6% 5% 0;
    }
    .entry-cont .entry-item dl dd {
        width: 100%;
        display: block;
        font-size: 1.8rem;
        text-align: center;
        padding: 6% 5%;
    }
    
}

@media only screen and (min-width:1px) and (max-width: 568px) {
	

}
	
@media only screen and (min-width:1px) and (max-width: 480px) {
	

}