*{
    margin: 0;
    padding: 0;
    font-size: 16px;
    box-sizing: border-box;
}

body {
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    background-color: #293e96;
    color: #fff;
}

a:link, a:visited, a:hover, a:active{
  color: #ffff;
  overflow-wrap: break-word;
}

.index_container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.index_parent{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 5%;
    margin-bottom: 100px;
}

.logo_box {
    width: 34%;
    text-align: center;
    padding: 10px;
}

.logo_box img{
    max-width: 100%;
}

.right_box{
    width: 66%;
    padding: 10px;
}

.about {
    margin-bottom: 20px;
}

.about dt {
    overflow-wrap: break-word;
}

.about dd {
    padding-left: 2em;
    margin-bottom: 20px;
}

.yakuin {
    display: flex;
    flex-wrap: wrap;
}

.yakuin dt {
    width: 25%;
    padding-left: 2em;
}

.yakuin dd {
    width: 70%;
}

.ap_text_right{
    text-align: right;
}

.footer {
    width: 100%;
    background-color: #ffff;
    margin: 0 auto;
}

.copyright_text{
    color: #4C9AD2;
    text-align: center;
    padding: 5px;
}

@media screen and (max-width:768px) {
.index_parent {
    display: block;
}

.logo_box {
    width: 100%;
    margin-bottom: 60px;
}

.right_box {
    width: 100%;
}
}
@media screen and (max-width:640px) {

.logo_box {
    margin-bottom: 40px;
}

.yakuin dt {
    width: 46%;
} 
    
.yakuin dd {
    width: 53%;
}
}