@charset "UTF-8";


#pankuzu{
    margin-bottom:0;
}
.kv{
    width:100%;
    max-width:1440px;
    margin:-30px auto 50px;
    height:380px;
    background: url(../img2/main.jpg) no-repeat center center;
}

.main_title{
    text-align: center;
    padding-top:100px;
    margin-bottom:100px;
}
.main_title h1{
    width:96%;
    text-align: center;
    margin:0 auto 100px!important;
    padding-right:0.12em;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size:40px!important;
    font-weight: 400!important;
    background:none!important;
    position:relative;
    letter-spacing: 0.12em;
    color:#626262;
    padding-left:0!important;
    padding-right:0!important;
}
.main_title h1 br{
    display:none;
}
.main_title span{
    font-family: 'Open sans';
    font-weight: bold;
    font-size:14px;
    color:#15336c;
    display:block;
    margin-bottom:20px;
    letter-spacing: 0.1em;
}

@media screen and (max-width: 768px) {
    .main_title{
        padding-top:0;
    }
    .main_title h1 br{
        display:inline;
    }
    .main_title span{
        font-size: 13px;
    }
    .kv {
        height: 300px;
    }
}
@media screen and (max-width: 599px) {
    .main_title{
        margin-bottom: 56px!important;
        margin-bottom:70px;
    }
    .main_title h1{
        font-size:32px!important;
    }
    .kv {
        height:  240px;
    }
}

.main{
    width:100%;
    box-sizing: border-box;
}

section.alert{
    border:solid 2px #e60012;
    box-sizing: border-box;
    width:96%;
    max-width:980px;
    margin:0 auto 100px;
}
section.alert h2{
    background:#e60012;
    text-align: center;
    color:#fff;
    font-size:20px;
    display: flex;
    justify-content: center;
    padding:0.2em 0.6em;
}
section.alert h2 i{
    background:#fff;
    color:#e60012;
    width:1.2em;
    height:1.2em;
    font-weight: bold;
    border-radius: 100%;
    display:flex;
    align-items: center;
    justify-content: center;
}
section.alert p{
    padding:1.2em 2em;
    line-height: 1.8;
}
@media screen and (max-width: 599px) {
    section.alert{
        margin:0 auto 70px;
    }
    section.alert p{
        padding:1em 1.2em;
    }
}



section.contents{
    width:98%;
    max-width:980px;
    margin:0 auto 100px;
}
section.contents h2{
    font-family: sans-serif;
    font-size:28px;
    font-weight: bold;
    color:#15336c;
    display:block;
    margin-bottom:20px;
    text-align: center;
}
section.contents .lead{
    font-size: 18px;
    margin-bottom:56px;
    text-align: center;
    color:#626262;
}
section.contents .container{
    display:flex;
    justify-content: space-between;
    align-items: stretch;
    margin:0 auto 100px;
    flex-wrap: wrap;
}
section.contents .container > div{
    width:30%;
    border-top:solid 2px #15336c;
    border-bottom:solid 2px #15336c;
}
section.contents .container > div .pic{
    width:100%;
    height:160px;
    display:flex;
    justify-content: center;
    align-items: center;
    margin:0;
}
section.contents .container > div h3{
    font-size:18px;
    text-align: center;
    font-weight: bold;
    margin-bottom:20px;
}
section.contents .container > div .txt{
    margin-bottom:32px;
    line-height: 1.7;
    padding:0 0.8em;
    text-align: justify;
}
section.contents .container > div a{
    border:solid 1px #ccc;
    position:relative;
    display:flex;
    align-items: center;
    justify-content: center;
    max-width:176px;
    width:92%;
    height:38px;
    margin:0 auto 38px;
}
section.contents .container > div a i{
    display:block;
    width:1.2em;
    height:1.2em;
    position:absolute;
    right:0.6em;
    top:50%;
    transform:translateY(-50%);
    background:url(../img2/i_arrow.svg) no-repeat center center;
}

@media screen and (max-width: 768px) {
    section.contents .container{
        width:96%;
    }
    section.contents .container > div{
        width:48%;
    }
    section.contents .container > div:last-of-type{
        border-top:none;
    }
}

@media screen and (max-width: 834px) {
    section.contents .container > div img{
        width:auto;
    }
}

@media screen and (max-width: 599px) {
    section.contents .lead{
        margin-bottom:40px;
    }
    section.contents .container{
        margin:0 auto 70px;
    }
    section.contents .container > div .pic{
        height:130px;
    }
}



section.contents .pallife{
    width:100%;
    max-width:980px;
    margin:0 auto;
    height:240px;
    padding:0 1em;
    box-sizing: border-box;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color:#fff;
    background: url(../img2/bg_pallife.jpg) no-repeat center center;
}
section.contents .pallife h3{
    text-align: center;
    margin-bottom:28px;
}
section.contents .pallife .lead{
    margin-bottom:28px;
    color:#fff;
}
section.contents .pallife a{
    color:#fff;
    border:solid 1px #fff;
    position:relative;
    display:flex;
    align-items: center;
    justify-content: center;
    max-width:176px;
    width:92%;
    height:38px;
    margin:0 auto;
}
section.contents .pallife a i{
    display:block;
    width:1.2em;
    height:1.2em;
    position:absolute;
    right:0.6em;
    top:50%;
    transform:translateY(-50%);
    background:url(../img2/i_arrow_white.svg) no-repeat center center;
}

@media screen and (max-width: 599px) {
    section.contents{
        margin:0 auto 70px;
    }
    section.contents .pallife h3{
        margin-bottom:20px;
    }
    section.contents .pallife .lead{
        margin-bottom:20px;
    }
}





section.guest{
    width:100%;
    max-width:1440px;
    margin:0 auto;
}
section.guest .main{
    height:360px;
    display:flex;
    align-items: center;
    justify-content: center;
    background: url(../img2/bg_reform.jpg) no-repeat center center;
    margin-bottom:2px;
    padding:0;
}
section.guest .main .cont{
    width:90%;
    max-width:360px;
    align-items: center;
    text-align: center;
    background:#fff;
    padding:36px 0;
}
section.guest .main .cont p{
    color:#535353;
    font-size:20px;
    margin-bottom:22px;
}
section.guest .main .cont p strong{
    font-weight: bold;
}
section.guest .main .cont a{
    color:#666;
    border:solid 1px #aaa;
    position:relative;
    display:flex;
    align-items: center;
    justify-content: center;
    max-width:176px;
    width:92%;
    height:38px;
    margin:0 auto;
}
section.guest .main .cont a i{
    display:block;
    width:1.2em;
    height:1.2em;
    position:absolute;
    right:0.6em;
    top:50%;
    transform:translateY(-50%);
    background:url(../img2/i_arrow.svg) no-repeat center center;
}

@media screen and (max-width: 599px) {
    section.guest .main{
        height:300px;
    }
}


section.guest .blue{
    background:#15336c;
    padding:38px 0;
}
section.guest .blue .container{
    display:flex;
    justify-content: center;
    width:100%;
    max-width:980px;
    margin:0 auto;
    flex-wrap: wrap;
}
section.guest .blue .container a{
    font-size:20px;
    font-weight: bold;
    color:#fff;
    text-align: center;
    width:33.33%;
    box-sizing: border-box;
}
section.guest .blue .container a:nth-child(2){
    border-left:1px solid #fff;
}
section.guest .blue .container a p{
    height:78px;
    position:relative;
    display:flex;
    align-items: center;
    justify-content: center;
    margin-bottom:6px;
}

@media screen and (max-width: 834px) {
    section.guest .blue img{
        width:auto;
    }
}

@media screen and (max-width: 768px) {
    section.contents .container{
        width:96%;
    }
    section.guest .blue .container a{
        width:50%;
        padding:2% 0;
        font-size:18px;
    }
    section.guest .blue .container a:nth-child(2){
        border-right:none;
    }
    section.guest .blue .container a:last-of-type{
        border-right:1px solid #fff;
    }
}