@charset "UTF-8";

/**
 * reset
 */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font-family:inherit;vertical-align:baseline;box-sizing:border-box;}ul,ol,li{list-style:none;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,summary{display:block;}


/**
 * Web Font
 */
@font-face {
    font-family: "AvenirNext";
    font-weight: 400;
    src: url("../fonts/AvenirNext-Regular.eot?") format("eot"), url("../fonts/AvenirNext-Regular.woff") format("woff"), url("../fonts/AvenirNext-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "AvenirNextCondensed";
    font-weight: 400;
    src: url("../fonts/AvenirNextCondensed-Medium-06.eot?") format("eot"), url("../fonts/AvenirNextCondensed-Medium-06.woff2") format("woff2"), url("../fonts/AvenirNextCondensed-Medium-06.woff") format("woff"), url("../fonts/AvenirNextCondensed-Medium-06.ttf") format("truetype");
}

@font-face {
    font-family: "AvenirNextCondensed";
    font-weight: 600;
    src: url("../fonts/AvenirNextCondensed-Bold-01.eot?") format("eot"), url("../fonts/AvenirNextCondensed-Bold-01.woff2") format("woff2"), url("../fonts/AvenirNextCondensed-Bold-01.woff") format("woff"), url("../fonts/AvenirNextCondensed-Bold-01.ttf") format("truetype");
}


/**
 * setting
 */
html {
    height: 100%;
}

body {
	position: relative;
    min-height: 100%;
    line-height: 22px;
    color: #000;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    font-size: 14px;
    font-weight: 400;
    background:
        url(../img/side-slash_l.png) left top / 10px auto repeat-y,
        url(../img/side-slash_r.png) right top / 10px auto repeat-y;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: unset;
}

body.noscroll {
    overflow: hidden;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}

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

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

a.line {
  border-bottom: 1px solid #000;
}


@media only screen and (min-width: 769px) {
    a {
        transition: opacity .5s ease;
    }

    a:hover {
        opacity: .6;
    }
}

.cf::after {
    content: "";
    clear: both;
    display: block;
    height: 0;
}

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

@media only screen and (min-width: 769px) {
    .sp {
        display: none !important;
    }
}


/**
 * common
 */
.main-logo {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    opacity: 0;
}

.loaded .main-logo {
    transition: .8s ease 1s;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
}


.first-view {
    opacity: 0;
}
@media only screen and (max-width: 768px) {
    .first-view {
        transition-delay: 2s;
    }
}

.loaded .first-view {
    transition: opacity .8s ease 2s;
    opacity: 1;
}


.marker {
    position: relative;
    display: inline-block;
    z-index: 1;
}

.marker::before {
    position: absolute;
    content: '';
    display: block;
    width: 100%;
    height: 5.5px;
    background: #fcee15;
    -webkit-transform: translateY(25%);
    transform: translateY(25%);
    top: 50%;
    left: 0;
    z-index: -1;
}


/**
 * g-container
 */
.g-header {
    position: absolute;
    display: none;
    width: 100%;
    height: 176px;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    box-sizing: border-box;
    top: 0;
    left: 0;
    z-index: 1000;
}
@media only screen and (max-width: 768px) {
    .g-header {
        display: block;
    }
}

.g-header::before {
    position: absolute;
    content: '';
    display: block;
    width: 0%;
    height: 2px;
    background: #0a5191;
    top: 0;
    left: 0;
}

.loaded .g-header::before {
    transition: .8s ease;
    width: 100%;
}

.g-header::after {
    position: absolute;
    content: '';
    display: block;
    width: 176px;
    height: 44px;
    background: url(../img/arc1.png) left top / 176px auto no-repeat;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    bottom: -44px;
    z-index: 1;
}

.g-header .logo {
    position: absolute;
    width: 164.5px;
    top: 32px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 2;
}

.g-header .about-bt,
.g-header .menu-bt {
    opacity: 0;
    visibility: hidden;
}

.loaded .g-header .about-bt,
.loaded .g-header .menu-bt {
    transition: .8s ease 2.6s;
    opacity: 1;
    visibility: visible;
}

.g-header .about-bt {
    position: absolute;
    top: 100px;
    left: 24px;
    z-index: 2;
}

.g-header .menu-bt {
    position: absolute;
    width: 25px;
    height: 18px;
    top: 100px;
    right: 20px;
    z-index: 2;
}

.g-header .menu-bt span {
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    background: #000;
    left: 0;
}

.g-header .menu-bt span:nth-of-type(1) {
    top: 0;
}

.g-header .menu-bt span:nth-of-type(2) {
    top: 8px;
}

.g-header .menu-bt span:nth-of-type(3) {
    bottom: 0;
}


/**
 * g-container
 */
.g-container {
    position: relative;
    min-height: 100%;
    background: #e5e5e5;
    box-sizing: border-box;
    margin: 0 10px;
}
@media only screen and (max-width: 768px) {
    .g-container {
        background: none;
        margin: 0;
        padding-top: 176px;
    }
}


/**
 * main-content
 */
.main-content {
    width: auto;
    box-sizing: border-box;
    margin-left: 397px;
    padding: 52px 54px 80px;
}
@media only screen and (max-width: 768px) {
    .main-content {
        width: auto;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
    }
}

.main-content .content-inner {
    background: #fff;
}

@media only screen and (min-width: 769px) {
    #top .main-content .content-inner {
        background: none;
    }

    .main-content .content-inner {
        opacity: 0;
    }

    .loaded .main-content .content-inner {
        transition: opacity .8s ease 2s;
        opacity: 1;
    }
}

#shindan .content-inner {
    padding-bottom: 98px;
}
@media only screen and (max-width: 768px) {
    #shindan .content-inner {
        padding-bottom: 10px;
    }
}

#interview .content-inner {
    padding-bottom: 108px;
}



/**
 * side-content
 */
.side-content,
.side-content .inner-wrap {
    position: fixed;
    width: 397px;
    left: 10px;
}
@media only screen and (max-width: 768px) {
    .side-content,
    .side-content .inner-wrap {
        position: static;
        width: auto;
    }
}

.side-content {
    height: 100%;
    background: #fff;
    border-right: 1px solid #015092;
    top: 0;
}
@media only screen and (max-width: 768px) {
    .side-content {
        background: none;
        border-top: 2px solid #0a5191;
        padding: 0 10px;
    }
}
@media only screen and (min-width: 769px){
    .side-content.small {
        position: absolute;
        left: 0;
    }
}

@media only screen and (min-width: 769px) {
    .side-content {
        height: 0;
    }

    .side-content.fadeUp {
        -webkit-animation: none !important;
        animation: none !important;
    }

    .loaded .side-content {
        transition: height .8s ease;
        height: 100%;
    }
}

.side-content .inner-wrap {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media only screen and (max-width: 768px) {
    .side-content .inner-wrap {
        -webkit-transform: none;
        transform: none;
    }
}

@media only screen and (min-width: 769px){
    .side-content .inner-wrap.small {
        position: absolute;
        -webkit-transform: none;
        transform: none;
        top: 55px;
        left: 0;
    }
}

.side-content .logo {
    width: 164.5px;
    margin: 0 auto;
}
@media only screen and (max-width: 768px) {
    .side-content .logo {
        display: none;
    }
}

.side-content .contents {
    max-width: 244px;
    margin: 36px auto 0;
}
@media only screen and (max-width: 768px) {
    .side-content .contents {
        max-width: 305px;
        margin: 50px auto 0;
    }
}

@media only screen and (min-width: 769px) {
    .side-content .contents {
        opacity: 0;
    }

    .loaded .side-content .contents {
        transition: opacity .8s ease 2.6s;
        opacity: 1;
    }
}

.side-content .contents dt {
    text-align: center;
    border-bottom: 1px solid #0a5191;
    padding-bottom: 24px;
}
@media only screen and (max-width: 768px) {
    .side-content .contents dt {
        padding-bottom: 30px;
    }

    .side-content .contents dt img {
        width: 74px;
    }
}

.side-content .contents dd {
    border-bottom: 1px dotted #0a5191;
}

.side-content .contents dd .inner {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    padding: 21px 0;
}
@media only screen and (max-width: 768px) {
    .side-content .contents dd .inner {
        padding: 23px 0 27px;
    }
}

.side-content .contents dd.c1 .inner {
    padding: 12px 0 12px;
}
@media only screen and (max-width: 768px) {
    .side-content .contents dd.c1 .inner {
        padding: 14px 0 17px;
    }
}

.side-content .contents dd.c2 .inner {
    padding: 24px 0 25px;
}
@media only screen and (max-width: 768px) {
    .side-content .contents dd.c2 .inner {
        padding: 29px 0 32px;
    }
}

.side-content .contents dd .inner .thumb {
    width: 48px;
}
@media only screen and (max-width: 768px) {
    .side-content .contents dd .inner .thumb {
        width: 60px;
    }
}

.side-content .contents dd.c1 .inner .thumb {
    margin-top: -10px;
}

.side-content .contents dd .inner .desc {
    -webkit-box-flex: 1;
    flex: 1 0;
    line-height: 18.4px;
    font-size: 14.4px;
    font-weight: 600;
    padding-left: 16px;
}
@media only screen and (max-width: 768px) {
    .side-content .contents dd .inner .desc {
        line-height: 23px;
        font-size: 18px;
        font-weight: 600;
        padding-left: 16px;
    }
}

.side-content .contents dd div.inner .desc {
    opacity: .4;
}

.side-content .contents dd .inner .desc small {
    display: block;
    font-size: 9.6px;
    font-weight: 400;
}
@media only screen and (max-width: 768px) {
    .side-content .contents dd .inner .desc small {
        font-size: 12px;
    }
}

.side-content .about-link {
    text-align: center;
    margin-top: 27px;
    opacity: 0;
    visibility: hidden;
}
@media only screen and (max-width: 768px) {
    .side-content .about-link {
        display: none;
    }
}

.loaded .side-content .about-link {
    transition: .8s ease 2.6s;
    opacity: 1;
    visibility: visible;
}


/**
 * side-about
 */
.side-about {
    width: auto;
    font-size: 12px;
    text-align: center;
    letter-spacing: -.05em;
    box-sizing: border-box;
    margin-left: 397px;
    padding: 42px 0 40px;
}
@media only screen and (max-width: 768px) {
    .side-about {
        border-bottom: 2px solid #0a5191;
        margin: 0;
        padding: 82px 10px 26px;
    }
}

@media only screen and (min-width: 769px) {
    #shindan .side-about {
        padding-top: 14px;
    }

    #interview .side-about {
        padding-top: 18px;
    }
}

.side-about .ttl {
    margin-bottom: 10px;
}

.side-about .about {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    align-items: flex-start;
    max-width: 584px;
    margin: 29px auto 60px;
}
@media only screen and (max-width: 768px) {
    .side-about .about {
        display: block;
        margin: 27px auto;
    }
}

.side-about .about .logo {
    width: 50%;
    padding: 12px 39px 0 32px;
}
@media only screen and (max-width: 768px) {
    .side-about .about .logo {
        width: 164px;
        margin: 0 auto;
        padding: 0;
    }
}

.side-about .about .desc {
    width: 50%;
    line-height: 26px;
    text-align: left;
    white-space: nowrap;
}
@media only screen and (max-width: 768px) {
    .side-about .about .desc {
        width: auto;
        text-align: center;
        white-space: normal;
        margin-top: 24px;
    }
}

.side-about .about .desc p:nth-of-type(n+2) {
    margin-top: 26px;
}

.side-about .sponsor img {
    width: 126px;
}

.side-about .copy {
    font-family: "AvenirNext", sans-serif;
    letter-spacing: 0;
    margin-top: 10px;
}


/**
 * common / content-intro
 */
.content-intro {
    line-height: 22px;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    margin: 34px 0 56px;
    -webkit-animation-delay: 2.6s !important;
    animation-delay: 2.6s !important;
}
@media only screen and (max-width: 768px) {
    .content-intro {
        margin: 8px 20px 68px;
    }

    #interview .content-intro {
        margin: 24px 20px 0;
    }
}

.content-intro.fadeUp {
}

.content-intro p:nth-child(n+2) {
    margin-top: 22px;
}
@media screen and (min-width: 769px) and (-webkit-min-device-pixel-ratio:0) {
    .content-intro p:not(.staff) {
        -webkit-text-stroke-width: 0.3px;
    }
}

.content-intro p.staff {
    line-height: 18px;
    font-family: "AvenirNextCondensed", sans-serif;
    margin-top: 30px;
}

#interview .content-intro p.staff {
    margin-top: 20px;
}


/**
 * #top banner-blk
 */
#top .banner-blk {
    position: relative;
}
@media only screen and (max-width: 768px) {
    #top .banner-blk {
        background: #fff;
        box-sizing: border-box;
        overflow: hidden;
    }
}

#top .banner-blk .banner {
}
@media only screen and (max-width: 768px) {
    #top .banner-blk .banner {
        position: absolute;
        width: 100%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 46%;
    }
}

#top .banner-blk .banner li {
}
@media only screen and (max-width: 768px) {
    #top .banner-blk .banner li {
        position: relative;
        height: 100%;
    }
}

#top .banner-blk .banner li a {
    display: block;
}
@media only screen and (max-width: 768px) {
    #top .banner-blk .banner li a {
    }
}

#top .banner-blk .banner li:nth-child(n+2) {
    margin-top: 40px;
}
@media only screen and (max-width: 768px) {
    #top .banner-blk .banner li:nth-child(n+2) {
        margin-top: 0;
    }
}

#top .banner-blk .banner .slick-prev::before,
#top .banner-blk .banner .slick-next::before {
    content: none;
}

#top .banner-blk .banner .slick-prev,
#top .banner-blk .banner .slick-next {
    width: auto;
    height: auto;
    padding: 10px;
    z-index: 100;
}

#top .banner-blk .banner .slick-prev {
    left: 0;
}

#top .banner-blk .banner .slick-next {
    right: 0;
}


#top .banner-blk .indicator {
    position: fixed;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
    top: 50%;
    right: 0;
    padding-right: 35px;
    opacity: 0;
}
@media only screen and (max-width: 768px) {
    #top .banner-blk .indicator {
        display: none;
    }
}

#top.loaded .banner-blk .indicator {
    transition: .3s ease, opacity .8s ease 2.6s;
    opacity: 1;
}

#top .banner-blk .indicator.show {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

#top .banner-blk .indicator li {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    margin: 10px 0;
}

#top .banner-blk .indicator li.current {
    background: #015092;
}


#top .banner-blk .scroll-down {
    position: absolute;
    display: none;
    width: 100%;
    height: 42px;
    background: #fff;
    border-top: 1px solid #e5e5e5;
    box-sizing: border-box;
    -webkit-transform: translateY(200%);
    transform: translateY(200%);
    bottom: 0;
    left: 0;
    padding-top: 14px;
    z-index: 1;
}
@media only screen and (max-width: 768px) {
    #top .banner-blk .scroll-down {
        display: block;
    }
}

#top.loaded .banner-blk .scroll-down {
    transition: .8s ease 2.6s;
    -webkit-transform: none;
    transform: none;
}

#top .banner-blk .scroll-down::before {
    position: absolute;
    content: '';
    width: 72px;
    height: 21px;
    background: url(../img/arc2.png) left top / 72px auto no-repeat;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -21px;
    left: 50%;
}

#top .banner-blk .scroll-down p {
    text-align: center;
}


/**
 * #shindan first-view
 */
#shindan .first-view {
    border-bottom: 1px solid #e5e5e5;
}
@media only screen and (max-width: 768px) {
    #shindan .first-view {
        border-bottom: none;
    }
}


/**
 * #shindan blk-ttl
 */
#shindan .blk-ttl {
    position: relative;
    width: 100%;
    height: 50px;
    text-align: center;
    box-sizing: border-box;
    padding-top: 12px;
    z-index: 1;
}

#shindan .blk-ttl img {
    vertical-align: middle;
}

#shindan .blk-ttl::before,
#shindan .blk-ttl::after {
    position: absolute;
    content: '';
    display: block;
    background: #f0eece;
    z-index: -1;
}

#shindan .blk-ttl::before {
    width: 200px;
    height: 100%;
    border-radius: 100px;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}

#shindan .blk-ttl::after {
    width: 100%;
    height: 2px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
}


/**
 * #shindan shindan-blk
 */
#shindan .shindan-blk {
    padding: 0 50px;
}
@media only screen and (max-width: 768px) {
    #shindan .shindan-blk {
        padding: 0 20px;
    }
}

#shindan .shindan-blk .set {
    transition: .3s ease;
    margin-top: 80px;
    opacity: 0;
    visibility: hidden;
}
@media only screen and (max-width: 768px) {
    #shindan .shindan-blk .set {
        margin-top: 80px;
    }
}

#shindan .shindan-blk .set.show {
    opacity: 1;
    visibility: visible;
}

#shindan .shindan-blk .set:nth-of-type(n+2) {
    position: relative;
    margin-top: 130px;
}
@media only screen and (max-width: 768px) {
    #shindan .shindan-blk .set:nth-of-type(n+2) {
        margin-top: 110px;
    }
}

#shindan .shindan-blk .set:nth-of-type(n+2)::before {
    position: absolute;
    content: '';
    display: block;
    width: 18px;
    height: 24px;
    background: url(../img/shindan/arrow.png) center top / 18px auto no-repeat;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -90px;
    left: 50%;
}

#shindan .shindan-blk .qaset {
    position: relative;
    max-width: 624px;
    font-weight: 600;
    text-align: center;
    background: #f0eece;
    border-radius: 10px;
    margin: 0 auto;
    padding: 40px 0 50px;
}
@media only screen and (max-width: 768px) {
    #shindan .shindan-blk .qaset {
        padding-bottom: 40px;
    }
}

#shindan .shindan-blk .set .qaset {
    display: none;
}

#shindan .shindan-blk .set .qaset.show {
    display: block;
}

#shindan .shindan-blk .qaset .number {
    position: absolute;
    display: inline-block;
    width: 56px;
    height: 56px;
    font-family: "AvenirNextCondensed", sans-serif;
    font-size: 24px;
    background: #fff;
    border: 3px solid #f0eece;
    border-radius: 50%;
    box-sizing: border-box;
    top: -30px;
    left: 0;
    right: 0;
    margin: auto;
    padding-top: 16px;
    z-index: 1;
}

#shindan .shindan-blk .qaset .number::before {
    position: absolute;
    content: '';
    display: block;
    width: 44px;
    height: 14px;
    background: url(../img/shindan/txt_arc_question.png) left top / 44px auto no-repeat;
    top: -13px;
    left: 0;
    right: 0;
    margin: auto;
}

#shindan .shindan-blk .qaset .question {
    line-height: 25px;
    font-size: 15px;
}

#shindan .shindan-blk .qaset .answer {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-top: 34px;
    padding: 0 42px;
}
@media only screen and (max-width: 768px) {
    #shindan .shindan-blk .qaset .answer {
        display: block;
        margin-top: 18px;
        padding: 0 38px;
    }
}

#shindan .shindan-blk .qaset .answer .btn {
    position: relative;
    width: 48.14471%;
    height: 50px;
    color: #fff;
    font-size: 14px;
    box-sizing: border-box;
    border-radius: 2.5px;
    transition: .3s ease;
    padding-top: 14px;
}
@media only screen and (max-width: 768px) {
    #shindan .shindan-blk .qaset .answer .btn {
        width: 100%;
    }
}

@media only screen and (min-width: 769px) {
    #shindan .shindan-blk .qaset .answer .btn:not(.active) {
        cursor: pointer;
    }

    #shindan .shindan-blk .qaset .answer .btn:not(.active):hover {
        opacity: .6;
    }
}

#shindan .shindan-blk .qaset .answer .btn.active {
    background: #fff !important;
}

#shindan .shindan-blk .qaset .answer .btn.answer1 {
    background: #b43a44;
}
#shindan .shindan-blk .qaset .answer .btn.active.answer1 {
    color: #b43a44;
}

#shindan .shindan-blk .qaset .answer .btn.answer2 {
    background: #3a7fb4;
}
#shindan .shindan-blk .qaset .answer .btn.active.answer2 {
    color: #3a7fb4;
}
@media only screen and (max-width: 768px) {
    #shindan .shindan-blk .qaset .answer .btn.answer2 {
        margin-top: 10px;
    }
}

#shindan .shindan-blk .qaset .answer .btn::before {
    position: absolute;
    content: '';
    display: block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-family: "AvenirNextCondensed", sans-serif;
    font-size: 15px;
    background: #fff;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    left: 18px;
}

#shindan .shindan-blk .qaset .answer .btn.answer1::before {
    content: 'A';
    color: #b43a44;
}
#shindan .shindan-blk .qaset .answer .btn.active.answer1::before {
    color: #fff;
    background: #b43a44;
}

#shindan .shindan-blk .qaset .answer .btn.answer2::before {
    content: 'B';
    color: #3a7fb4;
}
#shindan .shindan-blk .qaset .answer .btn.active.answer2::before {
    color: #fff;
    background: #3a7fb4;
}


/**
 * #shindan result-blk
 */
#shindan .result-blk {
    position: relative;
    margin-top: 100px;
    transition: .3s ease;
    padding: 0 50px;
    opacity: 0;
    visibility: hidden;
}
@media only screen and (max-width: 768px) {
    #shindan .result-blk {
        padding: 0 20px;
    }
}

#shindan .result-blk.show {
    opacity: 1;
    visibility: visible;
}

#shindan .result-blk::before {
    position: absolute;
    content: '';
    display: block;
    width: 18px;
    height: 24px;
    background: url(../img/shindan/arrow.png) center top / 18px auto no-repeat;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -60px;
    left: 50%;
}

#shindan .result-blk .set {
    display: none;
}

#shindan .result-blk .set.show {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    align-items: flex-start;
    flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
    #shindan .result-blk .set.show {
        display: block;
    }
}

#shindan .result-blk .set .answer {
    width: 100%;
    text-align: center;
    margin-top: 60px;
}
@media only screen and (max-width: 768px) {
    #shindan .result-blk .set .answer {
        margin-top: 42px;
    }
}

#shindan .result-blk .set .illust {
    width: 50.6081%;
    padding-top: 38px;
}
@media only screen and (max-width: 768px) {
    #shindan .result-blk .set .illust {
        width: 93.58208%;
        margin: 0 auto;
        padding-top: 0;
    }
}

#shindan .result-blk .set .content {
    -webkit-box-flex: 1;
    flex: 1 0;
    font-weight: 600;
    padding-top: 54px;
}
@media only screen and (max-width: 768px) {
    #shindan .result-blk .set .content {
        padding-top: 32px;
    }
}

#shindan .result-blk .set .content .note {
    line-height: 25.5px;
    font-size: 14px;
    letter-spacing: -.05em;
    padding-left: 22px;
}
@media only screen and (max-width: 768px) {
    #shindan .result-blk .set .content .note {
        text-align: center;
        padding: 0;
    }
}

#shindan .result-blk .set .content .item {
    padding: 24px 0 0 4px;
}
@media only screen and (max-width: 768px) {
    #shindan .result-blk .set .content .item {
        margin: 40px -20px 0;
        padding: 0;
        overflow: hidden;
    }

    #shindan .result-blk .set .content .item img {
        display: block;
        margin: 0 auto;
    }

    #shindan .result-blk .set1 .content .item img {
        width: 95.333333%;
    }

    #shindan .result-blk .set2 .content .item img {
        width: 105.333333%;
        max-width: none;
        margin-left: -2.666666%;
    }

    #shindan .result-blk .set4 .content .item img {
        margin-left: 9px;
    }

    #shindan .result-blk .set5 .content .item img {
        width: 98.266666%;
    }
}

#shindan .result-blk .set .content .item p {
    line-height: 20.5px;
    font-size: 12px;
    padding: 8px 0 0 22px;
}
@media only screen and (max-width: 768px) {
    #shindan .result-blk .set .content .item p {
        line-height: 25.5px;
        text-align: center;
        padding: 54px 0 ;
    }
}

@media only screen and (min-width: 769px) {
    #shindan .result-blk .set .content .item p br.sp {
        display: inline-block !important;
        content: '';
        margin-right: .5em;
    }
    #shindan .result-blk .set .content .item p br.sp::before {
        content: ', ';
    }
}

#shindan .result-blk .set .content .item p .name {
    display: block;
    font-family: "AvenirNextCondensed", sans-serif;
}

#shindan .result-blk .set .content .item p .name:nth-of-type(n+2) {
    margin-top: 10px;
}

#shindan .result-blk .set .content .item p a {
    text-decoration: underline;
}



#interview .profile-blk {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin: 66px 50px 82px;
    padding: 40px 41px;
}


/*prof　2レイアウト*/
.profile-wrap{
	margin: 66px 50px 82px;
    padding: 40px;
	border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.profile-wrap .ttl-prof {
	font-family: "AvenirNextCondensed", sans-serif;
    font-size: 16px;
    font-weight: 600;
	padding-bottom: 20px;
}

#interview .blk-top {
	border: none;
	margin: 0px;
	padding: 0px;
	padding-bottom: 30px;
}
#interview .blk-btm {
	border: none;
	margin: 0px;
	padding: 0px;
}

@media only screen and (max-width: 768px) {
    #interview .profile-blk {
        display: block;
        margin: 48px 20px 40px;
        padding: 30px 0 28px;
    }
	
/*	prof２レイアウト*/
	.profile-wrap {
		display: block;
		margin: 48px 20px 40px;
		padding: 30px 0 28px;
}	
	#interview .blk-top {
		border: none;
		margin: 0px;
		padding: 0px;
		padding-bottom: 30px;
}
	#interview .blk-btm {
		border: none;
		margin: 0px;
		padding: 0px;
}
	.profile-wrap .ttl-prof {
    padding-left: 20px;
}
}



#interview .profile-blk .thumb {
    width: 120px;
}
@media only screen and (max-width: 768px) {
    #interview .profile-blk .thumb {
        width: 180px;
        margin: 0 auto;
    }
}

#interview .profile-blk .profile {
    -webkit-box-flex: 1;
    flex: 1 0;
    padding: 0 0 0 20px;
}
@media only screen and (max-width: 768px) {
    #interview .profile-blk .profile {
        padding: 13px 20px 0;
    }
}

#interview .profile-blk .profile .ttl {
    font-family: "AvenirNextCondensed", sans-serif;
    font-size: 15px;
    font-weight: 600;
}

#interview .profile-blk .profile .desc {
    line-height: 21px;
    font-size: 12px;
    letter-spacing: -.05em;
    margin-top: 4px;
}
@media only screen and (max-width: 768px) {
    #interview .profile-blk .profile .desc {
        line-height: 19px;
    }
}


/**
 * interview-blk
 */
.interview-blk {
}
p span.name {
	font-weight: 700;
}
.interview-blk .sec-ttl {
    text-align: center;
    margin-bottom: 40px;
}

.interview-blk .sec-ttl.title2 {
    font-size: 21px;
    line-height: 1.47619;
    font-weight: 700;
    padding-bottom: 25px;
	text-align: left;
	padding-left: 100px;
    margin-bottom: 35px;
    position: relative;
}
.interview-blk .sec-ttl.title2:after {
    left: 30px;
	content: '';
    width: 100px;
    height: 1px;
    background: #000;
    position: absolute;
    bottom: 0;
}
@media only screen and (max-width: 768px) {
 .interview-blk .sec-ttl {
     margin-bottom: 20px;
    }
.interview-blk .sec-ttl.title2 {
	padding-left: 20px;
}
.interview-blk .sec-ttl.title2:after {
    left: 0px;
}
}

.interview-blk .sec-ttl:nth-of-type(n+2) {
    margin-top: 116px;
}
@media only screen and (max-width: 768px) {
    .interview-blk .sec-ttl:nth-of-type(n+2) {
        margin-top: 56px;
    }
}

.interview-blk .caption {
    font-size: 12px;
    text-align: center;
}

.interview-blk .img-box .caption {
    margin-top: 12px;
}
.interview-blk .img-box .caption.caption-space {
    padding-left: 100px;
	padding-right: 100px;
	display: inline-block;
}
@media only screen and (max-width: 768px) {
    .interview-blk .img-box .caption {
        line-height: 1;
        margin-top: 14px;
    }
	.interview-blk .img-box .caption.caption-space {
    padding-left: 20px;
	padding-right: 20px;
	text-align: center;
}
}

.interview-blk .img-box {
    margin: 0 50px;
}
@media only screen and (max-width: 768px) {
    .interview-blk .img-box {
        margin: 0 20px;
    }

    .interview-blk .img-box:nth-of-type(n+2) {
        margin-bottom: 36px;
    }
}

.interview-blk .img-box + .img-box {
    margin-top: 46px;
}

.interview-blk .img-box.wide {
    margin-left: 0;
    margin-right: 0;
}

.interview-blk .img-box.w920 {
    width: 54.4337869%;
    margin-left: auto;
    margin-right: auto;
}
@media only screen and (max-width: 768px) {
    .interview-blk .img-box.w920 {
        width: auto;
        margin-left: 20px;
        margin-right: 20px;
    }
}

.interview-blk .img-box.col-2 {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    align-items: flex-start;
}

.interview-blk .img-box.col-2 img {
    width: 47.29729%;
}

.interview-blk .ask-answer {
    line-height: 24px;
    font-size: 15px;
    margin: 40px 100px 44px;
}
@media only screen and (max-width: 768px) {
    .interview-blk .ask-answer {
        line-height: 21px;
        font-size: 14px;
        margin: 14px 20px 34px;
    }
}

.interview-blk .ask-answer .ask {
    color: #0a5191;
    font-weight: 600;
}

.interview-blk .ask-answer p:nth-child(n+2) {
    margin-top: 24px;
}
@media only screen and (max-width: 768px) {
    .interview-blk .ask-answer p:nth-child(n+2) {
        margin-top: 21px;
    }
}

.interview-blk .item-list {
    line-height: 23px;
    font-size: 12px;
    margin: 42px 100px 0;
}
@media only screen and (max-width: 768px) {
    .interview-blk .item-list {
        margin: 42px 30px 0;
    }
}

.interview-blk .item-list dt {
    font-family: "AvenirNextCondensed", sans-serif;
    font-size: 15px;
    font-weight: 600;
}

.interview-blk .item-list dt:nth-of-type(n+2) {
    margin-top: 23px;
}


/**
 * fade
 */
.fadeUp {
    visibility: hidden;
}

.fadeUp.show {
    -webkit-animation: fadeUp 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s both 1 normal;
    animation: fadeUp 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s both 1 normal;
    visibility: visible !important;
}

@-webkit-keyframes fadeUp {
    0%{ opacity: 0; -webkit-transform: translateY(20px); }
    100%{ opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeUp {
    0%{ opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); }
    100%{ opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}