@charset "utf-8";
/* ===================================================================
CSS information
 file name  :  index.css
 style info :  コンセプトページ
=================================================================== */




/* top
*****************************************************/
.top {
	height: 1621px;
    margin-bottom: 60px;
    background-image: url("../_img/concept_top.png");
    background-position: center top;
    background-repeat: no-repeat;
    font-family: 'Noto Serif JP', serif;
}

.top h1 {
	text-indent: -9999px;
}

.top .catch_sp {
  display: none;
}

@media only screen and (max-width:480px) {
.top {
	height: auto;
    margin-bottom: 20px;
    background-image: url("../_img/concept_top_sp.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
}

.top::before {
	content: "";
	display: block;
	padding-top: 300%;
    
}
}







/* .profession
*****************************************************/
.profession {
    background-image: url("../_img/profession_bg.png");
    background-position: center bottom;
    background-repeat: no-repeat;
}

.profession .text_wrap {
    display: flex;
    justify-content: space-between;
    font-family: 'Noto Serif JP', serif;
    font-size: 16px;
    line-height: 2.8;
}

.profession .text_wrap p {
    color: #424242;
}

.profession .text_wrap img {
    margin-right: 100px;
}

.profession .link_wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.profession .link_wrap > img {
    margin-top: 200px;
}

.profession .link_wrap ol.job {
    margin-top: 100px;
    padding: 20px 30px 50px 30px;
    width: 380px;
    background-color: #b9a133;
}

.profession .link_wrap ol.job li {
    border-bottom: 1px solid #fff;
}

.profession .link_wrap ol.job li a {
    display: flex;
    align-items: center;
    height: 80px;
    background-image: url("../../_common/_img/arrow_sankaku_wh.svg");
    background-repeat: no-repeat;
    background-position: right 20px center;
    color: #fff;
    font-family: 'Noto Serif JP', serif;
    font-weight: 600;
    font-size: 20px;
}

.profession .link_wrap ol.job li a span {
    margin-right: 40px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 32px;
    font-weight: 700;
}

.profession .link_wrap ul.faculty {
    width: 380px;
}

.profession .link_wrap ul.faculty li {
    margin-bottom: 5px;
    background-color: #282c6d;
}

.profession .link_wrap ul.faculty li a {
    display: block;
    padding: 20px 15px;
    font-family: 'Noto Serif JP', serif;
    font-weight: 600;
    text-align: center;
    color: #fff;
}

.profession .link_wrap ul.faculty li:not(.paz9) a {
    background-image: url("../../_common/_img/arrow_sankaku_wh.svg");
    background-repeat: no-repeat;
    background-position: right 60px center;
    font-size: 20px;
}

.profession .link_wrap ul.faculty li.paz9 {
    background-image: url("../_img/arrow_maru_sankaku.svg");
    background-repeat: no-repeat;
    background-position: left 25px center;
}

.profession .link_wrap ul.faculty li.paz9 a {
    font-size: 20px;
}

@media only screen and (max-width:480px) {
.profession {
    background-image: none;
}

.profession .inner_1200 {
    width: 85%;
    padding: 0;
}

.profession .text_wrap {
    display: block;
    font-size: 13px;
    line-height: 2.2;
    letter-spacing: 0.05em;
}

.profession .text_wrap img {
    width: 240px;
    margin: 0 0 20px 0;
}

.profession .link_wrap {
    flex-direction: column;
}

.profession .link_wrap > img {
    display: none;
}

.profession .link_wrap ol.job {
    order: 1;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 0;
    padding: 0;
    width: auto;
    background-color: transparent;
}

.profession .link_wrap ol.job li {
    width: 49%;
    margin-bottom: 5px;
    border-bottom: none;
    background-color: #b9a133;
}

.profession .link_wrap ol.job li a {
    height: auto;
    
    padding: 10px;
    
    background-position: right 15px center;
    background-size: 6px;
    font-size: 13px;
    line-height: 1.2;
}

.profession .link_wrap ol.job li a span {
    margin-right: 5px;
    font-size: 14px;

}

.profession .link_wrap ul.faculty {
    order: 2;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
    width: auto;
    margin-bottom: 20px;
}

.profession .link_wrap ul.faculty li {
    width: 49%;
}

.profession .link_wrap ul.faculty li a {
    padding: 10px 15px;
    text-align: left;
    line-height: 1.2;
}

.profession .link_wrap ul.faculty li:not(.paz9) a {
    background-position: right 15px center;
    background-size: 6px;
    font-size: 14px;
}

.profession .link_wrap ul.faculty li:nth-last-of-type(2) {
    margin-bottom: 20px;
}

.profession .link_wrap ul.faculty li.paz9 {
width: 100%;
    background-position: left 12px center;
    background-size: 16px;
}

.profession .link_wrap ul.faculty li.paz9 a {
    padding-left: 36px;
    font-size: 16px;
}

}







/* .responsibility
*****************************************************/
.responsibility {
    min-height: 1800px;
    background-image: url("../_img/responsibility_bg.png");
    background-position: center top;
    background-repeat: no-repeat;
}

.responsibility .inner_responsibility {
    display: flex;
    padding-left: calc((100vw - 1260px) / 2);
}

.responsibility .inner_responsibility .inner_img {
    flex-basis: 50%;
    max-width: 100%;
}

.responsibility .inner_responsibility .inner_img img {
    width: 100%;
    margin-bottom: 40px;
}

.responsibility .inner_responsibility .text_wrap {
    flex-basis: 50%;
    max-width: 63%;
}

.responsibility .inner_responsibility .text_wrap .inner_text_wrap {
    padding: 230px 100px 0 60px;
    max-width: 100%;
    width: 800px;
    color: #fff;
    font-family: 'Noto Serif JP', serif;
    font-size: 14px;
    line-height: 2.8;
}

.responsibility .inner_responsibility .text_wrap .inner_text_wrap img {
    margin-bottom: 60px;
}

.responsibility .inner_responsibility .text_wrap .inner_text_wrap p.midashi {
    margin-bottom: 80px;
    font-family: 'Noto Serif JP', serif;
    font-weight: 600;
    font-size: 40px;
    line-height: 1.0;
}

.responsibility .inner_responsibility .text_wrap .inner_text_wrap p.midashi span {
    display: block;
    padding-left: 65px;
    font-family: 'Noto Serif JP', serif;
    font-weight: 600;
    font-size: 64px;
    line-height: 1.0;
}

.responsibility .inner_responsibility .text_wrap .inner_text_wrap p {
    font-size: 16px;
}

.responsibility ul.link_wrap {
    display: flex;
    margin-bottom: 120px;
    padding-left: calc((100vw - 1260px) / 2);
}

.responsibility ul.link_wrap li {
    width: 340px;
    margin-right: 30px;
    background-color: #282c6d;
    text-align: center;
}

.responsibility ul.link_wrap li:first-of-type {
    margin-left: 60px;
}

.responsibility ul.link_wrap li a {
    display: block;
    padding: 14px;
    background-image: url("../../_common/_img/arrow_sankaku_wh.svg");
    background-repeat: no-repeat;
    background-position: right 20px center;
    font-family: 'Noto Serif JP', serif;
    font-weight: 600;
    font-size: 16px;
    color: #fff;
}

.responsibility .photo_wrap {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 800px;
    margin-bottom: 260px;
}

.responsibility .photo_wrap picture img {
    margin-right: 20px;
}

.responsibility .photo_wrap picture + img {
    margin: 160px 0 20px 0;
}

@media only screen and (max-width:480px) {
.responsibility {
    min-height: auto;
    background-image: url("../_img/responsibility_bg_sp.png");
    background-position: center top 210px;
}

.responsibility .inner_responsibility {
    flex-direction: column-reverse;
    width: 85%;
    margin: 0 auto;
}

.responsibility .inner_responsibility .text_wrap {
    max-width: 100%;
}

.responsibility .inner_responsibility .text_wrap .inner_text_wrap {
    padding: 0;
    width: auto;
    font-size: 14px;
    line-height: 2.2;
}

.responsibility .inner_responsibility .text_wrap .inner_text_wrap img {
    width: 320px;
    margin: 0 0 20px 0;
}

.responsibility .inner_responsibility .text_wrap .inner_text_wrap p.midashi {
    margin-bottom: 30px;
    font-size: 28px;
}

.responsibility .inner_responsibility .text_wrap .inner_text_wrap p.midashi span {
    display: block;
    padding-left: 30px;
    font-size: 45px;
    line-height: 1.4;
}

.responsibility .inner_responsibility .text_wrap .inner_text_wrap p {
    font-size: 13px;
    line-height: 2.2;
    letter-spacing: 0.05em;
}

.responsibility ul.link_wrap {
    display: block;
    margin: 0 auto 60px auto;
    width: 85%;
}

.responsibility ul.link_wrap li {
    width: 100%;
    margin-right: 0;
}

.responsibility ul.link_wrap li:first-of-type {
    margin-left: 0;
}

.responsibility ul.link_wrap li a {
    display: block;
    margin-bottom: 5px;
    padding: 10px 20px;
    background-position: right 20px center;
    font-size: 16px;
    line-height: 1.3;
}

.responsibility ul.link_wrap + .inner_1200 {
    width: 85%;
    padding: 0;
}

.responsibility .photo_wrap {
    display: block;
    height: auto;
    margin-bottom: 30px;
}

.responsibility .photo_wrap picture img {
    margin-right: 0;
}

.responsibility .photo_wrap > img {
    display: none;
}

}






/* .bottom
*****************************************************/
.bottom {
    height: 561px;
    background-image: url("../_img/concept_bottom.png");
    background-position: center top;
    background-repeat: no-repeat;
}

.bottom p {
    text-indent: -999px;
}

@media only screen and (max-width:480px) {
.bottom {
    height: 400px;
    background-image: url("../_img/concept_bottom_sp.png");
    background-size: contain;
    background-position: center bottom;
}
}