@charset "UTF-8";
.ly_pagetop {
    height: 0;
}

/***************************************
 * Footer Menu
 **************************************/
#tmpl_footerMenu {
    display: block;
    background-color: #efefef;
    position: relative;
    width: 100%;
    min-width: 1250px;
    padding: 0;
    margin: 0;
    color: #656565;
    font-family: "SST W55 Regular",sans-serif;
    -webkit-font-smoothing: antialiased;
}

#tmpl_footerMenu a {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#tmpl_footerMenu .tmpl_footerMenuIn {
    width: 100%;
    height: auto;
    padding-bottom: 40px;
    margin: 0 auto;
}

@media (min-width: 640px) {
    #tmpl_footerMenu .tmpl_footerMenuIn {
        width: 1190px;
    }
}

#tmpl_footerMenu .tmpl_footerMenuIn ul {
    padding: 0;
}

#tmpl_contentMenu_breadcrumbs_bottom {
    line-height: 1;
    padding: 30px 0 10px;
    margin: 0;
    font-size: 12px;
}

.tmpl_bread_gt_bottom {
    display: inline-block;
    margin-right: 1.1em;
    margin-left: 1.1em;
    padding-bottom: 1px;
}

#tmpl_contentMenu_breadcrumbs_bottom a:link,
#tmpl_contentMenu_breadcrumbs_bottom a:visited {
    color: #656565;
}

#tmpl_contentMenu_breadcrumbs_bottom a:hover,
#tmpl_contentMenu_breadcrumbs_bottom a:active {
    color: #000;
    text-decoration: none;
}

#tmpl_contentMenu_breadcrumbs_bottom a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

@media screen and (max-width: 640px) {
    #tmpl_footerMenu {
        min-width: 320px;
    }
    #tmpl_footerMenu .tmpl_footerMenuIn {
        max-width: 90%;
    }
    #tmpl_footerMenu .tmpl_footerMenuIn #tmpl_contentMenu_breadcrumbs_bottom {
        font-size: 12px;
        line-height: 1.4;
        padding-bottom: 30px;
    }
    #tmpl_footerMenu .tmpl_footerMenuIn .tmpl_contentMenu h3 {
        font-size: 14px;
        line-height: 1.2;
    }
    #tmpl_footerMenu .tmpl_footerMenuIn .tmpl_contentMenu h4 a {
        font-size: 13px;
        line-height: 1.2;
    }
}

/* settings */
.sst_bold, .section-title, .legal-header-intro-title, .legal .name, .field-text, .interview-textbox .depertment span {
    font-family: "SST W55 Bold", YuGothic, "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Verdana, "Droid Sans", sans-serif;
    font-weight: 400;
}

.sst_regular, .field-text .small, .interview-title {
    font-family: "SST W55 Regular", YuGothic, "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Verdana, "Droid Sans", sans-serif;
    font-weight: 400;
}

/* css reset */
body {
    margin: 0;
    font-family: "SST W55 Regular", YuGothic, "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Verdana, "Droid Sans", sans-serif;
}

#tmpl_content {
    color: #333333;
    line-height: 1.65;
}

article, aside, footer, header,
hgroup, main, nav, section {
    display: block;
}

.ly_header,
.si-container {
    width: 100%;
    min-width: 320px;
}

/* modules */
br.b48 {
    display: inline-block;
}

@media (min-width: 480px) {
    br.b48 {
        display: none;
    }
}

br.nb48 {
    display: none;
}

@media (min-width: 480px) {
    br.nb48 {
        display: inline-block;
    }
}

br.b64 {
    display: inline-block;
}

@media (min-width: 640px) {
    br.b64 {
        display: none;
    }
}

br.nb64 {
    display: none;
}

@media (min-width: 640px) {
    br.nb64 {
        display: inline-block;
    }
}

.svg-symbol {
    display: none;
}

.inner-l {
    width: 91.5%;
    margin: 0 auto;
    box-sizing: border-box;
}

@media (min-width: 640px) {
    .inner-l {
        width: 1250px;
        margin: 0 auto;
        padding: 0 30px;
    }
}

.text {
    max-width: 705px;
    margin: 0 auto;
}

.section {
    padding: 50px 0 80px;
}

@media (min-width: 640px) {
    .section {
        padding: 80px 0;
    }
}

.section:nth-of-type(odd) {
    background: #f6f6f6;
}

.section-title {
    font-size: 20px;
    font-size: 1.25rem;
    text-align: center;
    line-height: 1.45;
}

.s1 .section-title {
    text-align: left;
}
@media (min-width: 640px) {
	.s1 .section-title {
    	text-align: center;
	}
}

@media (min-width: 640px) {
    .section-title {
        font-size: 28px;
        font-size: 1.75rem;
    }
}

.section-title + .text {
    margin-top: 20px;
}

@media (min-width: 640px) {
    .section-title + .text {
        margin-top: 40px;
        text-align: center;
    }
}

span.rotate {
    transform: rotateY(180deg);
    display: inline-block;
    width: .5em;
}

/* page style */
.legal-header {
    background-image: url(../img/kv_sp.jpg);
    background-size: cover;
    background-position: center center;
    height: 40.533vw;
    min-height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (-ms-high-contrast: none) {
    .legal-header {
        justify-content: flex-start;
    }
}

@media (min-width: 640px) {
    .legal-header {
        background-image: url(../img/kv.jpg);
        height: 38.75rem;
        min-width: 1250px;
    }
}

.legal-header-title {
    width: 55.06vw;
    min-width: 176px;
    margin: 0 auto;
}

.legal-header-title img {
    width: 100%;
}

@media (min-width: 640px) {
    .legal-header-title {
        width: 33.25rem;
    }
}

.legal-header-intro {
    padding: 50px 0;
    width: 91.5%;
    max-width: 705px;
    margin: 0 auto;
}

@media (min-width: 640px) {
    .legal-header-intro {
        padding: 0;
        margin-top: 70px;
    }
}

.legal-header-intro.pc {
    display: none;
}

@media (min-width: 640px) {
    .legal-header-intro.pc {
        display: block;
    }
}

@media (min-width: 640px) {
    .legal-header-intro.sp {
        display: none;
    }
}

.legal-header-intro-title, .legal-header-intro-text {
    font-size: 16px;
    font-size: 1rem;
}

@media (min-width: 640px) {
    .legal-header-intro-title, .legal-header-intro-text {
        font-size: 18px;
        font-size: 1.13rem;
    }
}

.legal-header-intro-title {
    text-align: center;
}

.legal-header-intro-text {
    margin-top: 20px;
}

.legal .name {
    font-size: 16px;
    font-size: 1rem;
    text-align: center;
    line-height: 1.31;
    margin-top: 16px;
}

@media (min-width: 640px) {
    .legal .name {
        font-size: 18px;
        font-size: 1.13rem;
    }
}

.legal .name .small {
    font-size: 14px;
    font-size: 0.88rem;
}

.legal .text .small {
    font-size: 14px;
    font-size: 0.88rem;
}

.legal .section-title .asterisk {
    font-size: 16px;
    font-size: 1rem;
	font-family: "SST W55 Regular", YuGothic, "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Verdana, "Droid Sans", sans-serif;
	vertical-align: super;
}

.legal .small {
    font-size: 14px;
    font-size: 0.88rem;
}

.legal .citation {
	color: #696969;
	text-align: center;
	padding-top: 10px;
}

    .br-pc{
		display: none;
    }
@media (min-width: 640px) {
    .br-pc{
		display: block;
    }
}

@media (min-width: 640px) {
    .legal .name .small {
        font-size: 16px;
        font-size: 1rem;
    }
}

.legal .name + .text {
    margin-top: 40px;
}

.field {
    margin-top: 40px;
}

@media (min-width: 640px) {
    .field {
        margin-top: 60px;
    }
}

.field-bg {
    display: none;
    max-width: 840px;
    margin: 0 auto;
}

@media (min-width: 640px) {
    .field-bg {
        display: block;
        text-align: center;
    }
}

@media (min-width: 640px) {
    .field-list {
        display: none;
    }
}

.field-item {
    display: flex;
}

.field-item:nth-of-type(n+2) {
    margin-top: 30px;
}

.field-icon {
    flex: 0 0 40px;
    width: 40px;
    display: inline-block;
}

.field-icon .first {
    fill: #ffcda8;
}

.field-icon .second {
    fill: #ffe7a8;
}

.field-icon .third {
    fill: #c1e5c8;
}

.field-icon .fourth {
    fill: #bad7ed;
}

.field-icon .fifth {
    fill: #c8bee8;
}

.field-icon .sixth {
    fill: #ffcda8;
}

.field-icon .seventh {
    fill: #ffe7a8;
}

.field-icon .eighth {
    fill: #c1e5c8;
}

.field-textbox {
    margin-left: 14px;
    flex: 0 1 auto;
}

.field-text {
    font-size: 18px;
    font-size: 1.13rem;
}

.field-text .small {
    font-size: 16px;
    font-size: 1rem;
    display: block;
}

.interview {
    margin: 40px auto 0;
    width: 96%;
}

@media (min-width: 640px) {
    .interview {
        margin-top: 80px;
        width: 100%;
    }
}

.interview-item:nth-of-type(n+2) {
    margin-top: 20px;
}

@media (min-width: 640px) {
    .interview-item:nth-of-type(n+2) {
        margin-top: 40px;
    }
}

.interview-link {
    display: block;
    color: #333333 !important;
    text-decoration: none !important;
    transition: .2s ease-out;
}

@media (min-width: 640px) {
    .interview-link {
        display: flex;
        min-height: 233px;
    }
    .interview-link:hover {
        opacity: .8;
    }
}

@media (min-width: 640px) {
    .interview-imgbox {
        flex: 0 0 350px;
        width: 350px;
    }
}

.interview-textbox {
    position: relative;
    padding: 13.333vw 4vw 7.46vw;
    background: #fff;
    overflow: hidden;
}

@media (min-width: 640px) {
    .interview-textbox {
        flex: 1 1 auto;
        padding: 0 0 0 40px;
        display: flex;
        align-items: center;
    }
}

.interview-textbox .triangle {
    position: absolute;
    top: -7vw;
    right: 0;
    width: 61.866vw;
    height: 13.333vw;
    transform: skewY(12deg);
}

@media (min-width: 640px) {
    .interview-textbox .triangle {
        top: -49px;
        width: 367px;
        height: 98px;
        transform: skewY(15deg);
    }
}

.interview-textbox .triangle.first {
    background: linear-gradient(to right, #ffe3ce 50%, #ffd1af);
}

.interview-textbox .triangle.second {
    background: linear-gradient(to right, #fff7e3 50%, #ffe7a8);
}

.interview-textbox .triangle.third {
    background: linear-gradient(to right, #e4fde9 50%, #c1e5c8);
}

.interview-textbox .triangle.fourth {
    background: linear-gradient(to right, #dbeefd 50%, #bad7ed);
}

.interview-textbox .triangle.fifth {
    background: linear-gradient(to right, #dfd8f4 50%, #c8bee8);
}

.interview-textbox .depertment {
    position: absolute;
    top: 0;
    right: 0;
    width: 61.866vw;
    height: 13.333vw;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

@media (min-width: 640px) {
    .interview-textbox .depertment {
        align-items: flex-start;
        width: 367px;
        height: 98px;
    }
}

.interview-textbox .depertment span {
    position: relative;
    font-size: 4vw;
    padding-right: 2vw;
    line-height: 1.23;
    margin-top: -1vw;
}

@media (min-width: 640px) {
    .interview-textbox .depertment span {
        font-size: 20px;
        font-size: 1.25rem;
        padding-right: 15px;
        margin-top: 15px;
    }
}

.interview-title {
    font-size: 18px;
    font-size: 1.13rem;
    line-height: 1.5;
}

@media (min-width: 640px) {
    .interview-title {
        font-size: 24px;
        font-size: 1.5rem;
    }
}

.interview-profile {
    margin-top: 20px;
    line-height: 1.65;
    font-size: 16px;
    font-size: 1rem;
}

.interview-profile span {
    display: block;
}

@media (min-width: 640px) {
    .interview-profile span {
        display: inline;
    }
}