@charset "utf-8";
/* CSS Document */

html {
    font-size: 62.5%;
}
body {
    border-top: 10px solid #0E0000;
    border-bottom: 10px solid #0E0000;
    font-size: 1.6rem;
    font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
img {
    max-width: 100%;
    height: auto;
}

.l-contents_wrapper {
    max-width: 1000px;
    margin: 0 auto;
}
.l-header {
    padding: 10px;
}
.header_logo {
    text-align: center;
}
.header_logo svg {
    width: 100px;
    height: 58px;
}


.main_visual {
    background: url("../images/bg_main.jpg") no-repeat center;
    background-size: cover;
}
.main_visual .l-contents_wrapper {
    padding: 5%;
}
.main_visual_content {
    border: 1px solid #FFF;
    text-align: center;
    color: #FFF;
    padding: 7% 5%;
}
.main_visual_content svg {
    width: 60px;
    height: 35px;
}
.main_visual_com > span {
    border-bottom: 2px solid #D10A1C;
    text-shadow: 
        0 0 .3em rgba(85,85,85,0.7),
        0 0 .3em rgba(85,85,85,0.7),
        0 0 .3em rgba(85,85,85,0.7),
        0 0 .3em rgba(85,85,85,0.7);
    font-size: 2rem;
    letter-spacing: .1em;
    font-weight: bold;
}
.main_visual_txt {
    text-shadow: 
        0 0 .3em rgba(85,85,85,0.7),
        0 0 .3em rgba(85,85,85,0.7),
        0 0 .3em rgba(85,85,85,0.7),
        0 0 .3em rgba(85,85,85,0.7);
    font-size: 2.4rem;
    letter-spacing: .1em;
    font-weight: bold;
    margin-bottom: 0;
}


.section_title {
    text-align: center;
    letter-spacing: .1em;
}
.section_title_en {
    font-size: 2rem;
    border-bottom: 2px solid #D10A1C;
}
.section_title_jp {
    font-size: 1.8rem;
    display: block;
    text-align: center;
    margin-top: .5em;
}

.profile {
    background: url("../images/bg_profile.gif") no-repeat center;
    background-size: cover;
    padding: 20px 0 50px;
}
.profile .section_title {
    
}
.profile .section_title_en {
    color: #FFF;
}
.profile .section_title_jp {
    color: #C39E4D;
}
.profile_content {
    background-color: rgba(255,255,255,0.80);
    width: 90%;
    max-width: 800px;
    padding: 5%;
    margin: 0 auto;
}
.profile_item {
    margin: 0;
    font-size: 1.5rem;
}
.profile_item a {
    color: #000;
}
.profile_item > dt {
    background-color: #333;
    color: #FFF;
    padding: .5em 1em;
}
.profile_item > dd {
    background-color: #FFF;
    margin-left: 0;
    padding: .5em 1em;
}


.contact {
    padding: 20px 5%;
}
.contact .section_title_jp {
    color: #666;
}
.contact_guide {
    text-align: center;
}
.contact_mail {
    text-align: center;
    margin-bottom: 2em;
}

.contact_annotation_title {
    font-weight: bold;
    text-align: center;
}
.contact_annotation_guide {
    font-size: 1.3rem;
}

.copyright {
    font-size: 1.2rem;
    text-align: center;
    margin-bottom: .5em;
    font-weight: bold;
}

@media ( min-width: 1000px ) {
    
    .l-header {
        padding: 25px 0;
    }
    .header_logo svg {
        width: 150px;
        height: 88px;
    }
    
    .main_visual .l-contents_wrapper {
        padding: 50px;
    }
    .main_visual_com > span {
        font-size: 2.2rem;
    }
    .main_visual_txt {
        font-size: 3rem;
    }
    .main_visual_content {
        padding: 50px 0 120px;
    }
    .main_visual_content svg {
        width: 80px;
        height: 47px;
    }
    .section_title {
        margin-bottom: 1.5em;
    }
    .section_title_en {
        font-size: 2.2rem;
    }
    .profile_content {
        padding: 50px;
    }
    .profile_item {
        margin: 0 50px 2px;
        display: flex;
        flex-wrap: wrap;
    }
    .profile_item > dt {
        display: flex;
        align-items: center;
        width: 148px;
        margin-right: 2px;
        padding: .8em 1em;
    }
    .profile_item > dd {
        width: 450px;
        padding: .8em 1em;
    }
    
    .contact {
        padding-bottom: 50px;
    }
    .contact_annotation_guide {
        width: 500px;
        margin: 0 auto;
        font-size: 1.4rem;
    }
    .copyright {
        font-size: 1.3rem;
    }
}