@charset "utf-8";

.subvisual {
    background-image: url("./image/visual.jpg");
    background-repeat: no-repeat;
}

/* introduction */
#introduction {
    margin: 84px 0;
    text-align: center;
}
#introduction .catch {
    line-height: 1.6;
    padding: 0 0 0 .25em;
    background:linear-gradient(transparent 60%, #fadee3 60%);
}

#introduction .intro {
    margin-top: 36px;
    letter-spacing: .2ex;
}

#introduction .message {
    position: relative;
    width: 100%;
	margin-top: 36px;
}
#introduction .message::before {
    content:"";
    display: block;
    padding-top: 19.81%;
}
#introduction .message p {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("image/answer_illust.jpg") no-repeat;
    background-size: contain;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
}
@media screen and (max-width:1000px) {
    #introduction {        
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
    }
    #introduction .message::before {
        padding-top: 58.29%;
    }
    #introduction .message p {
        background: url("image/answer_illust_sp.jpg") no-repeat;
        background-size: contain;
    }
}


#introduction .wagaya {
    margin-top: 72px;
}

#introduction .wagaya-title {
    display: block;
    margin: 0 auto 48px;
}

#introduction .wagaya-img {
    display: block;
    margin: 0 auto 36px;
}

#profile {
    margin-top: 132px;
}

#profile h2 {
    margin-bottom: 30px;
    text-align: center;
}
#profile h2 span {
    display: block;
    color: #f2909e;
    font-weight: 400;
}

#profile table { 
    border-collapse: separate;
    border-spacing: 0px 4px;
    margin-bottom: 60px;
} 
#profile table th,
#profile table td {
    padding: 1em;
    box-sizing: border-box;
} 
#profile table th {
    background: #f2909e;
    vertical-align: middle;
    text-align: center;
    width: 290px;
    overflow: visible;
    position: relative;
    color: #fff;
	font-weight:500;
}
@media screen and (max-width:1000px) {
    #profile table th {
        width: 180px;
    }
}

#profile table th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #f2909e;
    border-width: 10px;
    margin-top: -10px;
}

/* firefox */
@-moz-document url-prefix() {
    #profile table th::after {
        float: right;
        padding: 0;
        left: 30px;
        top: 10px;
        content: " ";
        height: 0;
        width: 0;
        position: relative;
        pointer-events: none;
        border: 10px solid transparent;
        border-left: #399AD6 10px solid;
        margin-top: -10px;
    }
}
/* ie */
@media all and (-ms-high-contrast:none){
    #profile table th::after,
	*::-ms-backdrop, #company table th::after {
        float: right;
        padding: 0;
        left: 30px;
        top: 10px;
        content: " ";
        height: 0;
        width: 0;
        position: relative;
        pointer-events: none;
        border: 10px solid transparent;
        border-left: #399AD6 10px solid;
        margin-top: -10px;
    }
} 
#profile table td {
    background: #f8f8f8;
    padding-left: 28px;
}
#profile table td .banner_link {
	display: table;
}
#profile table td .banner_link .link_img {
	display: table-cell;
	padding-right: 1em;
}
#profile table td .banner_link p {
	display: table-cell;
	vertical-align: middle;
}
@media screen and (max-width:750px) {
    .ua-sp #profile table td .banner_link {
        display: block;
    }
    .ua-sp #profile table td .banner_link .link_img {
        display: block;
        padding-right: 0;
        margin: 1em 0 .5em;
    }
    .ua-sp #profile table td .banner_link p {
        display: block;
    }
}

#profile #map {
    line-height: 1;
    margin: 0;
    padding: 0;
}
#profile #map iframe {
	width:100%;
	height:540px;
}