@charset "utf-8";

/* *****************************************************************************

  index.html
f
***************************************************************************** */
/* main-visual */
.main-visual{
    overflow: hidden;
    padding-bottom: 7.5vw;
    position: relative;
    width: 100%;
    margin-bottom: 100px;
}
.main-visual .slider{
    margin-left: calc(-16% + 50px);
    position: relative;
    width: 100%;
}
.main-visual .slider .slick-list{
    overflow: inherit;
}
.main-visual .slider .slick-list:before{
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: calc(16% - 56px);
    background: #ffffff;
    width: 55px;
    height: 100%;
    z-index: 999;
}
.main-visual .slider .slick-prev,
.main-visual .slider .slick-next{
    position: absolute;
    top: auto;
    right: auto;
    bottom: -50px;
    left: 16%;
    cursor: pointer;
}
.main-visual .slider .slick-prev:focus,
.main-visual .slider .slick-next:focus{
    outline: none;
}
.main-visual .slider .slick-prev{
    background: url(../images/mainvisual-arrow-l.svg) left top no-repeat;
    background-size: 53px 23px;
    border: 0;
    height: 23px;
    text-indent: 9999px;
    width: 53px;
}
.main-visual .slider .slick-prev::after{
    content: "";
    display: block;
    height: 4px;
    width: 4px;
    position: absolute;
    top: 50%;
    right: -16px;
    bottom: auto;
    left: auto;
    background-color: #cbcedb;
    border-radius: 50%;
    margin-top: -2px;
    cursor: auto;
}
.main-visual .slider .slick-next{
    background: url(../images/mainvisual-arrow-r.svg) left top no-repeat;
    background-size: 53px 23px;
    border: 0;
    height: 23px;
    margin-left: 82px;
    text-indent: 9999px;
    width: 53px;
}
.main-visual .slider .slick-dots{
    display: none;
}
.main-visual .slider .slick-dots li{
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0;
    transition-delay: 0;
    background-color: #ffffff;
    margin: 0 2px;
    opacity: 0.15;
    width: 100%;
}
.main-visual .slider .slick-dots li button{
    display: none;
}
.main-visual .slider .slick-dots li.slick-active{
    opacity: 1;
}
.main-visual .slider-inner{
    height: auto;
    margin-right: 6px;
    position: relative;
    width: 100%;
}
.main-visual .slider-inner.slick-active .slide::after,
.main-visual .slider-inner.slick-active .slide > .img,
.main-visual .slider-inner.slick-active .slide > .text{
    opacity: 1;
}
.main-visual .slide{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    width: 100%;
}
.main-visual .slide::after{
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0;
    transition-delay: 0;
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    background: radial-gradient(ellipse farthest-corner at left bottom, rgba(0, 0, 0, 0.5) 200px, transparent 530px);
    opacity: 0;
    z-index: 5;
}
.main-visual .slide > .img{
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0;
    transition-delay: 0;
    opacity: 0;
    width: 100%;
}
.main-visual .slide > .img.for-small{
    display: none;
}
.main-visual .slide > .text{
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0;
    transition-delay: 0;
    color: #ffffff;
    font-weight: bold;
    opacity: 0;
    position: absolute;
    bottom: 11.3%;
    left: 5.9%;
    width: 280px;
    z-index: 10;
}
.main-visual .slide > .text > .main{
    font-size: 30px;
    letter-spacing: 0.1em;
}
.main-visual .slide > .text > .sub{
    font-size: 15px;
    letter-spacing: 0.1em;
}
.main-visual .maincopy{
    position: absolute;
    top: auto;
    right: 0.5%;
    bottom: 6%;
    left: auto;
    font-family: 'romana_btbold', sans-serif;
    z-index: 10;
}
.main-visual .maincopy > .sub{
    color: #1a3068;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.6vw;
    font-weight: bold;
    letter-spacing: 0.04em;
    line-height: 1;
    margin-bottom: 2vw;
}
.main-visual .maincopy > .sub::before{
    content: "";
    display: inline-block;
    height: 1px;
    width: 60px;
    background-color: #1a3068;
    margin-right: 15px;
}
.main-visual .maincopy > .main{
    color: #1a3068;
    display: block;
    font-size: 11.8vw;
    font-weight: bold;
    letter-spacing: 0.02em;
    line-height: 0.77;
}

@media print, screen and (max-width: 1000px){
    /* main-visual */
    .main-visual{
        margin-top: 65px;
    }
}

@media screen and (max-width: 760px){
    /* main-visual */
    .main-visual{
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .main-visual .slider{
        margin-left: 0;
        padding-top: 14px;
    }
    .main-visual .slider .slick-list:before{
        content: none;
    }
    .main-visual .slider .slick-prev,
    .main-visual .slider .slick-next{
        display: none !important;
    }
    .main-visual .slider .slick-dots{
        background-color: #1a3068;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: 14px;
        overflow: hidden;
        padding: 6px 16px;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
    .main-visual .slider-inner{
        margin-right: 0;
    }
    .main-visual .slide{
        background: #f3f3f5 !important;
    }
    .main-visual .slide::after{
        content: none;
    }
    .main-visual .slide > .img.for-large{
        display: none;
    }
    .main-visual .slide > .img.for-small{
        display: block;
        opacity: 1;
    }
    .main-visual .slide > .text{
        padding: 15.3vw 20px 30px;
        position: static;
        width: 100%;
    }
    .main-visual .slide > .text > .main{
        color: #1a3068;
        font-size: 18px;
    }
    .main-visual .slide > .text > .sub{
        color: #000000;
        font-size: 14px;
        letter-spacing: 0.08em;
    }
    .main-visual .maincopy{
        position: absolute;
        top: 46vw;
        right: 1%;
        bottom: auto;
        left: auto;
        margin-top: 14px;
    }
    .main-visual .maincopy > .sub{
        font-size: 3.2vw;
        margin-bottom: 3.2vw;
    }
    .main-visual .maincopy > .sub::before{
        margin-right: 8px;
        width: 30px;
    }
    .main-visual .maincopy > .main{
        font-size: 14.8vw;
        letter-spacing: 0;
    }
}

@media screen and (min-width: 1750px){
    /* main-visual */
    .main-visual{
        padding-bottom: 113px;
    }
    .main-visual .maincopy > .sub{
        font-size: 26px;
        margin-bottom: 30px;
    }
    .main-visual .maincopy > .main{
        font-size: 10vw;
    }
}

@media screen and (min-width: 1501px) and (max-width: 1749px){
    /* main-visual */
    .main-visual{
        padding-bottom: 97px;
    }
    .main-visual .maincopy > .sub{
        font-size: 24px;
        margin-bottom: 28px;
    }
    .main-visual .maincopy > .main{
        font-size: 160px;
    }

}

@media screen and (min-width: 1201px) and (max-width: 1220px){
    /* main-visual */
    .main-visual .maincopy > .main{
        font-size: 10.9vw;
    }
}

@media screen and (min-width: 971px) and (max-width: 1200px){
    /* main-visual */
    .main-visual{
        padding-bottom: 6.9vw;
    }
    .main-visual .maincopy > .sub{
        font-size: 1.6vw;
        margin-bottom: 1.8vw;
    }
    .main-visual .maincopy > .main{
        font-size: 11vw;
    }
}

@media screen and (min-width: 971px) and (max-width: 1060px){
    /* main-visual */
    .main-visual .maincopy > .main{
        font-size: 10.6vw;
    }
}

@media screen and (min-width: 761px) and (max-width: 970px){
    /* main-visual */
    .main-visual{
        padding-bottom: 6vw;
    }
    .main-visual .maincopy > .sub{
        font-size: 1.4vw;
        margin-bottom: 1.6vw;
    }
    .main-visual .maincopy > .main{
        font-size: 10.3vw;
    }
}

@media screen and (min-width: 901px) and (max-width: 940px){
    /* main-visual */
    .main-visual .maincopy > .main{
        font-size: 10vw;
    }
}

@media screen and (min-width: 851px) and (max-width: 900px){
    /* main-visual */
    .main-visual .maincopy > .main{
        font-size: 9vw;
    }
}

@media screen and (min-width: 801px) and (max-width: 850px){
    /* main-visual */
    .main-visual .maincopy > .main{
        font-size: 8.9vw;
    }
}

@media screen and (min-width: 761px) and (max-width: 800px){
    /* main-visual */
    .main-visual .maincopy > .main{
        font-size: 8.8vw;
    }
}

@media screen and (min-width: 1501px){
    /* main-visual */
    .main-visual .slider{
        margin-left: 0;
    }
    .main-visual .slider .slick-list:before{
        content: none;
    }
    .main-visual .slider .slick-prev,
    .main-visual .slider .slick-next{
        left: 50px;
    }
    .main-visual .slider-inner{
        width: 1020px !important;
    }
}

/* base-nav */
.base-nav{
    padding: 0 10px;
    margin-bottom: 150px;
}
.base-nav-inner{
    width: 1420px;
    margin: 0 auto;
}
.base-nav-list{
    display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
    margin: 0 auto;
    width: 1420px;
}
.base-nav-box{
    width: 25%;
    text-align: center;
    display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.base-nav-box a{
    border: 1px solid #d6dee4;
    box-shadow:0px 1px 1px 0px #f6f6f6;
    display: block;
    padding: 0 20px 60px;
    margin-left: 10px;
    margin-right: 10px;
    width: 100%;
}
.base-nav-box a:hover{
    box-shadow: none;
}
.base-nav-en{
    display: none;
}
.base-nav-title{
    padding-top: 172px;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 2px;
    margin-bottom: 30px;
}
.base-nav-box:nth-child(1) .base-nav-title{
    background: url(../images/icon_strength.png) center 55px no-repeat;
}
.base-nav-box:nth-child(2) .base-nav-title{
    background: url(../images/icon_merit.png) center 55px no-repeat;
}
.base-nav-box:nth-child(3) .base-nav-title{
    background: url(../images/icon_vision.png) center 55px no-repeat;
}
.base-nav-box:nth-child(4) .base-nav-title{
    background: url(../images/icon_job.png) center 55px no-repeat;
}
.base-nav-title span{
    padding-bottom: 8px;
    border-bottom: 1px solid #1a3068;
}
.base-nav-box p{
    color: #070d2a;
    font-size: 15px;
    line-height: 1.6;
}

@media print, screen and (max-width: 1447px){
    /* base-nav */
    .base-nav-inner{
        width: 100%;
    }
    .base-nav-list{
        width: 100%;
    }
    .base-nav-title{
        font-size: 1.6vw;
    }
    .base-nav-box p{
        text-align: left;
    }
    .base-nav-box p br{
        display: none;
    }
}

@media print, screen and (max-width: 1200px){
    /* base-nav */
    .base-nav-title{
        letter-spacing: 0px;
    }
}

@media print, screen and (max-width: 1000px){
    /* base-nav */
    .base-nav{
        width: 100%;
    }
    .base-nav-list{
    	-webkit-flex-wrap: wrap;
    	-ms-flex-wrap: wrap;
    	flex-wrap: wrap;
    }
    .base-nav-box{
        width: 50%;
        margin: 0;
    }
    .base-nav-box:nth-child(1) a,
    .base-nav-box:nth-child(2) a{
        margin-bottom: 20px;    
    }
    .base-nav-title{
        font-size: 24px;
    }
    .base-nav-box p{
        text-align: center;
    }
    .base-nav-box p br{
        display: inline;
    }
}

@media print, screen and (max-width: 760px){
    /* base-nav */
    .base-nav{
        padding: 30px 20px;
        margin-bottom: 50px;
    }
    .base-nav-list{
        display: block;
    }
    .base-nav-box{
        width: 100%;
        text-align: left;
        background: url(../images/arrow_base_nav_01_sp.png) right center no-repeat;
        background-size: 24px 18px;
    }
    .base-nav-box a,
    .base-nav-box a:hover{
        margin: 0;
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: 1px solid #dfe2ed;
        box-shadow: none;
        padding: 30px 0 30px 70px;
    }
    .base-nav-box:nth-child(1) a,
    .base-nav-box:nth-child(2) a{
        margin: 0;
    }
    .base-nav-box:nth-child(1) a{
        border-top: 1px solid #dfe2ed;
        background: url(../images/icon_nav_top_01_sp.png) left center no-repeat;
        background-size: 50px 38px;
    }
    .base-nav-box:nth-child(2) a{
        background: url(../images/icon_nav_top_02_sp.png) left center no-repeat;
        background-size: 43px 38px;
    }
    .base-nav-box:nth-child(3) a{
        background: url(../images/icon_nav_top_03_sp.png) left center no-repeat;
        background-size: 43px 38px;
    }
    .base-nav-box:nth-child(4) a{
        background: url(../images/icon_nav_top_04_sp.png) left center no-repeat;
        background-size: 47px 38px;
    }
    .base-nav-en{
        display: block;
        font-size: 13px;
        line-height: 13px;
        margin-bottom: 10px;
    } 
    .base-nav-title{
        padding: 0;
        margin-bottom: 0;
        font-size: 19px;
        line-height: 19px;
    }
    .base-nav-title span{
        padding-bottom: 0;
        border-bottom: none;
    }
    .base-nav-box:nth-child(1) .base-nav-title,
    .base-nav-box:nth-child(2) .base-nav-title,
    .base-nav-box:nth-child(3) .base-nav-title,
    .base-nav-box:nth-child(4) .base-nav-title{
        background-image: none;
    }
    .base-nav-box p{
        display: none;
    }
}

/* contents-top */
.contents-top{
    background: #f6f6f6 url(../images/bg_white_01.png) right top repeat-y;
    background-size: 12% 1px;
}
.contents-top-inner{
    margin: 0 50px;
}
.contents-top-title{
    width: 50%;
    text-align: center;
    color: #1a3068;
    position: relative;
    padding-bottom: 50px;
    margin-top: -65px;
}
.contents-top-title::after{
    content: "";
    display: block;
    width: 1px;
    height: 30px;
    background-color: #1a3167;
    position: absolute;
    left: 50%;
    bottom: 0;
}
.contents-top-title h2{
    font-size: 100px;
    line-height: 100px;
    margin-bottom: 12px;
}
.contents-top-title p{
    font-size: 16px;    
}
.contents-top-title p br{
    display: none;
}
.contents-top-main{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-top: 60px;
}
.contents-top-message{
    width: 50%;
    position: relative;
}
.contents-top-message-link{
    background: url(../images/img_message_on.jpg) center top no-repeat;
    background-size: cover;
}
.contents-top-message-img{
    width: 100%;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.contents-top-message-img img{
    width: 100%;
}
.contents-top-message a:hover .contents-top-message-img{
    filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
.contents-top-message-inner{
    width: 100%;
    height: 74%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    vertical-align: middle;
    padding-top: 25%;
    color: #ffffff;
}
.contents-top-message-img-sp{
    display: none;
}
.contents-top-message-title div{
    font-family: 'romana_btbold';
    font-size: 5.4vw;
    letter-spacing: 2px;
    line-height: 5.4vw;
    background: url(../images/bg_white_02.png) center bottom no-repeat;
    background-size: 28% 1px;
    padding-bottom: 1.5%;
    margin-bottom: 1%;
}
.contents-top-message-title h3{
    font-size: 1.5vw;
    font-weight: bold;
}
.contents-top-message-inner p{
    font-size: 1vw;
    font-weight: bold;
    margin-top: 1.2vw;
}
.contents-top-voice{
    width: 50%;
    position: relative;
    margin-top: -100px;
}
.contents-top-voice-link{
    background: url(../images/img_voice_on.jpg) center top no-repeat;
    background-size: cover;
}
.contents-top-voice-img{
    width: 100%;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.contents-top-voice-img img{
    width: 100%;
}
.contents-top-voice a:hover .contents-top-voice-img{
    filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
.contents-top-voice-inner{
    width: 100%;
    height: 60.5%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    vertical-align: middle;
    padding-top: 25%;
    color: #ffffff;
}
.contents-top-voice-img-sp{
    display: none;
}
.contents-top-voice-title div{
    font-family: 'romana_btbold';
    font-size: 5.4vw;
    letter-spacing: 2px;
    line-height: 5.4vw;
    background: url(../images/bg_white_02.png) center bottom no-repeat;
    background-size: 28% 1px;
    padding-bottom: 1.5%;
    margin-bottom: 1%;
}
.contents-top-voice-title h3{
    font-size: 1.5vw;
    font-weight: bold;
}
.contents-top-voice-inner p{
    font-size: 1vw;
    font-weight: bold;
    margin-top: 1.2vw;
}
.contents-top-list{
    letter-spacing: -.4em;
    text-align: center;
    padding: 30px 0 90px;
}
.contents-top-list li{
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    padding-right: 50px;
    margin-right: 50px;
    border-right: 1px solid #c0c5d2;
}
.contents-top-list li:last-child{
    padding-right: 0;
    margin-right: 0;
    border-right: none;
}
.contents-top-list li a{
    background: url(../images/arrow_contents_01.png) right center no-repeat;
    padding-right: 25px;
    position: relative;
}
.contents-top-list li a::after{
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0;
    transition-delay: 0;
    background: #1a3167;
    position: absolute;
    left: 0;
    bottom: -6px;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: right top;
    transform-origin: right top
}
.contents-top-list li a:hover::after{
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    width: 100%;
}

@media print, screen and (max-width: 1200px){
    /* contents-top */
    .contents-top-inner{
        margin: 0 25px;
    }
    .contents-top-title{
        margin-top: -6%;
    }
    .contents-top-title h2{
        font-size: 8.3vw;
        margin-bottom: 1%;
    }
    .contents-top-list{
        padding: 4% 0 12%;
    }
    .contents-top-list li{
        padding-right: 8%;
        margin-right: 8%;
    }
}

@media print, screen and (max-width: 1000px){
    /* contents-top */
    .contents-top-list li{
        font-size: 1.7vw;
    }
}

@media print, screen and (max-width: 900px){
    /* contents-top */
    .contents-top-title p{
        font-size: 1.72vw;
    }
}

@media print, screen and (max-width: 760px){
    /* contents-top */
    .contents-top{
        background-color: #f6f6f6;
        background-image: none;
        padding-bottom: 40px;
    }
    .contents-top-inner{
        margin: 0;
    }
    .contents-top-title{
        width: 100%;
        padding-bottom: 68px;
        margin-top: -25px;
    }
    .contents-top-title::after{
        height: 25px;
        bottom: 25px;
    }
    .contents-top-title h2{
        font-size: 50px;
        line-height: 50px;
        margin-bottom: 10px;
    }
    .contents-top-title p{
        font-size: 13px;
        line-height: 1.6;
    }
    .contents-top-title p br{
        display: inline;
    }
    .contents-top-main{
        display: block;
        padding-top: 0;
        margin: 0 20px;
    }
    .contents-top-message{
        width: 100%;
        position: relative;
    }
    .contents-top-message-link{
        background-image: none;
    }
    .contents-top-message-img{
        display: none;
    }
    .contents-top-message-inner{
        height: auto;
        position: relative;
        padding-top: 0;
    }
    .contents-top-message-img-sp{
        display: block;
    }
    .contents-top-message-img-sp img{
        width: 100%;
    }
    .contents-top-message{
        width: 100%;
        position: relative;
        margin-top: 0;
    }
    .contents-top-message-title{
        position: absolute;
        width: 100%;
        top: 0;
        padding-top: 30%;
    }
    .contents-top-message-title div{
        font-size: 10vw;
        background: url(../images/bg_white_02.png) center bottom no-repeat;
        background-size: 30% 1px;
        padding-bottom: 2%;
        margin-bottom: 3%;
        line-height: 10vw;
    }
    .contents-top-message-title h3{
        font-size: 4.5vw;
        line-height: 4.5vw;
    }
    .contents-top-message-inner p{
        text-align: left;
        font-size: 1.3rem;
        color: #070d2a;
        margin-top: 0;
        font-weight: normal;
        padding: 20px 0;
    }
    .contents-top-message-inner p br{
        display: none;
    }
    .contents-top-voice{
        width: 100%;
        position: relative;
        padding-top: 30px;
    }
    .contents-top-voice-link{
        background-image: none;
    }
    .contents-top-voice-img{
        display: none;
    }
    .contents-top-voice-inner{
        height: auto;
        position: relative;
        padding-top: 0;
    }
    .contents-top-voice-img-sp{
        display: block;
    }
    .contents-top-voice-img-sp img{
        width: 100%;
    }
    .contents-top-voice{
        width: 100%;
        position: relative;
        margin-top: 0;
    }
    .contents-top-voice-title{
        position: absolute;
        width: 100%;
        top: 0;
        padding-top: 30%;
    }
    .contents-top-voice-title div{
        font-size: 10vw;
        background: url(../images/bg_white_02.png) center bottom no-repeat;
        background-size: 30% 1px;
        padding-bottom: 2%;
        margin-bottom: 3%;
        line-height: 10vw;
    }
    .contents-top-voice-title h3{
        font-size: 4.5vw;
        line-height: 4.5vw;
    }
    .contents-top-voice-inner p{
        text-align: left;
        font-size: 1.3rem;
        color: #070d2a;
        margin-top: 0;
        font-weight: normal;
        padding: 20px 0;
    }
    .contents-top-voice-inner p br{
        display: none;
    }
    .contents-top-list{
        text-align: left;
        padding: 0;
        border-top: 1px solid #dadbe4;
    }
    .contents-top-list li{
        display: block;
        font-size: 14px;
        line-height: 14px;
        letter-spacing: 1px;
        padding-right: 0;
        margin-right: 0;
        border-right: none;
        border-bottom: 1px solid #dadbe4;
    }
    .contents-top-list li a{
        background: url(../images/arrow_contents_01_sp.png) right center no-repeat;
        background-size: 21px 12px;
        display: block;
        padding: 18px 0;
    }
    .contents-top-list li a::after{
        display: none;
    }    
}

/* *****************************************************************************

  strength.html

***************************************************************************** */
/* base-contents */
.strength .base-title div{
    background: url(../images/icon_strength.png) center top no-repeat;
}
.strength-diagram{
    padding: 80px 0;
    text-align: center;
}
.strength-diagram-inner{
    background-color: #f5fbff;
    padding: 65px 80px 40px;
}
.base-box h3.strength-diagram-title{
    padding: 0;
    font-weight: bold;
    color: #231815;
    font-size: 30px;
    line-height: 1.4;
    letter-spacing: 2px;
    margin-bottom: 50px;
    width: 100%;
    white-space: nowrap;
}
.base-box h3.strength-diagram-title br{
    display: none;
}

@media print, screen and (max-width: 977px){
    /* base-contents */
    .base-box h3.strength-diagram-title{
        font-size: 3.06vw;
        margin-bottom: 5.3vw;
    }
    .strength-diagram img{
        width: 100%;
    }
}

@media print, screen and (max-width: 760px){
    /* base-contents */
    .strength .base-title div{
        background: url(../images/icon_strength_sp.png) center top no-repeat;
        background-size: 68px 51px;
    }
    .strength-diagram{
        padding: 40px 0;
    }
    .strength-diagram-inner{
        padding: 40px 20px 20px;
    }
    .base-box h3.strength-diagram-title{
        letter-spacing: 1px;
    }
}

@media print, screen and (max-width: 640px){
    /* base-contents */
    .base-box h3.strength-diagram-title{
        font-size: 18px;
        line-height: 1.4;
        letter-spacing: 2px;
        white-space: normal;
        margin-bottom: 20px;
    }
    .base-box h3.strength-diagram-title br{
        display: inline;
    }
}
@media print, screen and (max-width: 375px){
    /* base-contents */
    .base-box h3.strength-diagram-title{
        font-size: 16px;
    }
    .base-box h3.strength-diagram-title br{
        display: none;
    }
}

/* *****************************************************************************

  merit.html

***************************************************************************** */
/* base-contents */
.merit .base-title div{
    background: url(../images/icon_merit.png) center top no-repeat;
}

@media print, screen and (max-width: 760px){
    /* base-contents */
    .merit .base-title div{
        background: url(../images/icon_merit_sp.png) center top no-repeat;
        background-size: 47px 51px;
    }
    .merit .base-link-box:nth-child(1) .base-link-box-inner{
        border-right: none;
    }
    .merit .base-link-box:nth-child(2) .base-link-box-inner{
        border-left: 1px solid #1a3068;
    }
}

/* *****************************************************************************

  vision.html

***************************************************************************** */
/* base-contents */
.vision .base-title div{
    background: url(../images/icon_vision.png) center top no-repeat;
}

@media print, screen and (max-width: 760px){
    /* base-contents */
    .vision .base-title div{
        background: url(../images/icon_vision_sp.png) center top no-repeat;
        background-size: 49px 51px;
    }
    .vision .base-link-box:nth-child(1) .base-link-box-inner{
        border-bottom: none;
    }
    .vision .base-link-box:nth-child(3) .base-link-box-inner{
        border-top: 1px solid #1a3068;
    }
}

/* vision-title */
@media print, screen and (max-width: 400px){
    .base-box h3.vision-title-02{
        text-align: left;
        padding-left: 25px;
        padding-right: 25px;
    }
    .base-box h3.vision-title-02 br{
        display: none;
    }
}

@media print, screen and (max-width: 360px){
    /* vision-title */
    .base-box h3.vision-title-01{
        text-align: left;
        padding-left: 25px;
        padding-right: 25px;
    }
    .base-box h3.vision-title-01 br{
        display: none;
    }
}
    

/* *****************************************************************************

  job.html

***************************************************************************** */
/* page-nav-sp */
@media print, screen and (max-width: 760px){
    .job .page-nav-sp{
        padding: 12px 20px;
    }
    .job .page-nav-sp ul{
        text-align: left;
    }
}

/* page-nav-list */
.job .page-nav-list{
    width: 780px;
}

@media print, screen and (max-width: 1000px){
.job .page-nav-list{
        width: auto;
    }
}

/* base-contents */
.job .base-title div{
    background: url(../images/icon_job.png) center top no-repeat;
}
.base-box h3.diagram-title{
    padding: 0;
    font-weight: bold;
    color: #231815;
    font-size: 30px;
    line-height: 1.4;
    letter-spacing: 2px;
    margin-bottom: 50px;
    width: 100%;
    white-space: nowrap;
}
.base-box h3.diagram-title br{
    display: none;
}

@media print, screen and (max-width: 977px){
    /* base-contents */
    .base-box h3.diagram-title{
        font-size: 3.06vw;
        margin-bottom: 5.3vw;
    }
}

@media print, screen and (max-width: 760px){
    /* base-contents */
    .job .base-title div{
        background: url(../images/icon_job_sp.png) center top no-repeat;
        background-size: 58px 51px;
    }
    .base-box h3.diagram-title{
        letter-spacing: 1px;
    }
    .job .base-link-box:nth-child(2) .base-link-box-inner{
        border-bottom: none;
    }
    .job .base-link-box:nth-child(3) .base-link-box-inner{
        border-right: none;
    }
    .job .base-link-box:nth-child(4) .base-link-box-inner{
        border-top: 1px solid #1a3068;
        border-left: 1px solid #1a3068;
    }
}

@media print, screen and (max-width: 640px){
    /* base-contents */
    .base-box h3.diagram-title{
        font-size: 18px;
        line-height: 1.4;
        letter-spacing: 2px;
        white-space: normal;
        margin-bottom: 24px;
    }
    .base-box h3.diagram-title br{
        display: inline;
    }
}
@media print, screen and (max-width: 375px){
    /* base-contents */
    .base-box h3.diagram-title{
        font-size: 16px;
    }
    .base-box h3.diagram-title br{
        display: none;
    }
}

/* *****************************************************************************

  message style

***************************************************************************** */
/* page-nav-link */
@media print, screen and (max-width: 760px){
    .message .page-nav-link-sp li{
        width: 50%;
        padding: 0;
    }
}

/* message-title */
@media print, screen and (max-width: 400px){
    .base-box h3.message-career-title{
        padding-left: 25px;
        padding-right: 25px;
        text-align: left;
    }
    .base-box h3.message-career-title br{
        display: none;
    }
}

/* message-text */
.message-text{
    padding: 0 80px;
    margin-bottom: 100px;
}
.message-text p{
    font-size: 19px;
    margin-bottom: 2em;
}
.message-text p:last-child{
    margin-bottom: 0;
}
.message .base-number-text p{
    margin-bottom: 2em;
}
.message .base-number-text p:last-child{
    margin-bottom: 0;
}

@media print, screen and (max-width: 977px){
    /* message-text */
    .message-text{
        padding: 0 60px;
    }
}

@media print, screen and (max-width: 760px){
    /* message-text */
    .message-text{
        padding: 0 25px;
        margin-bottom: 50px;
    }
    .message-text p{
        font-size: 16px;
        margin-bottom: 1.4em;
        line-height: 1.6;
    }
    .message .base-number-text p{
        margin-bottom: 1.4em;
    }
}

/* message-profile */
.message-profile{
    background-color: #f5fbff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 80px 0;
}
.message-profile-label{
    width: 320px;
    text-align: center;
}
.message-profile-text{
    width: 640px;    
}
.message-profile-illust{
    margin-bottom: 56px;
}
.message-profile-illust img:last-child{
    display: none;
}
.message-profile-name span{
    display: block;
    font-weight: bold;
    color: #1a3167;
}
.message-profile-name span:first-child{
    font-size: 15px;
    line-height: 15px;
    margin-bottom: 12px;
}
.message-profile-name span:last-child{
    font-size: 30px;
    line-height: 30px;
    letter-spacing: 3px;
}
.message-profile-text{
    padding-right: 80px;
}
.message-profile-text p{
    font-size: 15px;
    line-height: 1.75;
    margin-bottom: 0.4em;
}
.message-profile-text p:last-child{
    margin-bottom: 0;
}

@media print, screen and (max-width: 760px){
    /* message-profile */
    .message-profile{
        display: block;
        padding: 40px 25px;
    }
    .message-profile-label{
        width: 100%;
        margin-bottom: 28px;
    }
    .message-profile-text{
        width: 100%;
    }
    .message-profile-illust{
        margin-bottom: 28px;
    }
    .message-profile-illust img:first-child{
        display: none;
    }
    .message-profile-illust img:last-child{
        display: inline;
        width: 63px;
    }
    .message-profile-text{
        padding-right: 0;
    }
    .message-profile-name span:first-child{
        font-size: 13px;
        line-height: 13px;
        margin-bottom: 8px;
    }
    .message-profile-name span:last-child{
        font-size: 25px;
        line-height: 25px;
        letter-spacing: 3px;
    }
    .message-profile-text p{
        font-size: 13px;
    }
}

/* *****************************************************************************

  voice/index.html

***************************************************************************** */
/* voice-list */
.voice-list-wrap{
    width: 100%;
    margin-bottom: 30px;
}
.voice-list-block{
    background: #f5fbff url(../images/bg_white_01.png) right top repeat-y;
    background-size: 50px auto;
    padding-bottom: 110px;
    margin-bottom: 100px;
    margin-top: 206px;
}
.voice-list-block-inner{
    width: 1160px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.voice-list{
    margin-top: -106px;
    display: block;
    width: 374px;
}
.hover-voice-box{
    display: block;
}
.voice-list-img{
    position: relative;
}
.voice-list-img img{
    width: 100%;
}
.voice-list-text{
    color: #1a3068;
    font-weight: bold;
    position: absolute;
    top: 35px;
    left: 35px;
}
.voice-list-text::after{
    background-color: #1a3068;
    content: '';
    position: absolute;
    bottom: -30px;
    left: 0;
    height: 2px;
    width: 25px;
}
.voice-list-text span:first-child{
    display: block;
    font-size: 15px;
    letter-spacing: 0.1em;
    line-height: 1;
    margin-bottom: 10px;
}
.voice-list-text span.-long:first-child{
    letter-spacing: 0;
}
.voice-list-text span:last-child{
    display: block;
    font-size: 22px;
    letter-spacing: 0.1em;
    line-height: 1;
}
.hover-voice-box .upper::before,
.hover-voice-box .upper::after,
.hover-voice-box .under::before,
.hover-voice-box .under::after{
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0;
    transition-delay: 0;
    background-color: #1a3068;
}
.hover-voice-box .upper::before{
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: right top;
    transform-origin: right top;
}
.hover-voice-box .upper::after{
    content: "";
    display: block;
    height: 100%;
    width: 1px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}
.hover-voice-box .under::before{
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: left top;
    transform-origin: left top;
}
.hover-voice-box .under::after{
    content: "";
    display: block;
    height: 100%;
    width: 1px;
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: right top;
    transform-origin: right top;
}
.voice-list-panel{
    padding-top: 75px;
    position: relative;
    text-align: center;
}
.voice-list-panel::after{
    -webkit-transition-property: height, top;
    transition-property: height, top;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0;
    transition-delay: 0;
    background-color: #1a3068;
    content: '';
    height: 30px;
    margin: 0 auto;
    position: absolute;
    top: 25px;
    right: 0;
    left: 0;
    width: 1px;
}
.voice-list-name{
    color: #1a3068;
    font-weight: bold;
    margin-bottom: 30px;
}
.voice-list-name-main{
    display: block;
    font-size: 33px;
    letter-spacing: 0.16em;
    line-height: 1.3;
    margin-bottom: 12px;
}
.voice-list-name-main span{
    display: none;
}
.voice-list-name-en{
    display: block;
    font-size: 14px;
    letter-spacing: 0.12em;
    line-height: 1;
}
.voice-list-date img{
    display: none;
}
.voice-list-date p{
    font-size: 12px;
    letter-spacing: 0.1em;
}
.hover-voice-box:hover .voice-list-panel::after{
    height: 55px;
    top: 0;
}
.hover-voice-box:hover .upper::before,
.hover-voice-box:hover .upper::after,
.hover-voice-box:hover .under::before,
.hover-voice-box:hover .under::after{
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
.hover-voice-box:hover .upper::before{
    -webkit-transform-origin: left top;
    transform-origin: left top;
}
.hover-voice-box:hover .upper::after{
    -webkit-transform-origin: right top;
    transform-origin: right top;
}
.hover-voice-box:hover .under::before{
    -webkit-transform-origin: right top;
    transform-origin: right top;
}
.hover-voice-box:hover .under::after{
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}
.voice-list-text-sp{
    display: none;
}

@media print, screen and (max-width: 1360px){
    /* voice-list */
    .voice-list-block{
        background-image: none;
    }
}

@media print, screen and (max-width: 1240px){
    /* voice-list */
    .voice-list-wrap{
        background-color: #f5fbff;
        margin: 206px auto 130px;
    }
    .voice-list-block{
        width: 807px;
        margin: -106px auto 0;
        padding-bottom: 0;
        background-color: #ffffff;
    }
    .voice-list-block-inner{
        width: auto;
        display: inline;
        margin-top: 0;
    }
    .voice-list{
        float: left;
        margin: 0 14px 100px;
    }
    .voice-list-block:nth-child(2) .voice-list:nth-child(2){
        clear: left;
    }
}

@media print, screen and (max-width: 860px){
    /* voice-list */
    .voice-list-wrap{
        margin: 100px 0 0;
        background-color: #ffffff;
    }
    .voice-list-block{
        width: 100%;
        margin: 0 auto;
    }
    .voice-list{
        float: none;
        margin: 0 auto 100px;
    }
}

@media print, screen and (max-width: 760px){
    /* voice-list */
    .voice-list-wrap{
        padding: 0 25px;
        margin: 0 0 50px;
    }
    .voice-list{
        width: 100%;
        margin: 0 auto;
    }
    .voice-list-img{
        display: none;
    }
    .voice-list-panel{
        padding: 50px 0 0;
    }
    .voice-list-panel::after{
        display: none;
    }
    .voice-list-name{
        margin-bottom: 60px;
        position: relative;
    }
    .voice-list-name::after{
        -webkit-transition-property: height, top;
        transition-property: height, top;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease;
        -webkit-transition-delay: 0;
        transition-delay: 0;
        background-color: #1a3068;
        content: '';
        height: 25px;
        margin: 0 auto;
        position: absolute;
        right: 0;
        left: 0;
        bottom: -38px;
        width: 1px;
    }
    .voice-list-name-main{
        font-size: 26px;
        margin-bottom: 8px;
    }
    .voice-list-name-main span{
        display: inline;
    }
    .voice-list-name-main br{
        display: none;
    }    
    .voice-list-name-en{
        font-size: 1.1rem;
    }
    .voice-list-date img{
        display: inline;
        width: 100%;
    }
    .voice-list-date{
        position: relative;
    }
    .voice-list-date p{
        letter-spacing: 0.12em;
        position: absolute;
        bottom: 0;
        left: 0;
        display: inline-block;
        background-color: #1a3068;
        font-size: 11px;
        color: #ffffff;
        line-height: 28px;
        padding: 0 15px;
    }
    .voice-list-text-sp{
        display: block;
        background: url(../images/voice/line_01_sp.png) left bottom repeat-x;
        background-size: 3px 1px;
    }
    .voice-list-text-sp span{
        display: block;    
    }
    .voice-list-text-sp div{
        background: url(../images/voice/arrow_01_sp.png) right center no-repeat;
        background-size: 24px 18px;
        text-align: left;
        color: #1a3068;
        font-weight: bold;
        padding: 30px 30px 30px 0;
    }
    .voice-list-text-sp div span:first-child{
        font-size: 12px;
        line-height: 12px;
        margin-bottom: 8px;
        letter-spacing: 0.1em;
        line-height: 1.4;
    }
    .voice-list-text-sp div span:last-child{
        font-size: 19px;
        line-height: 1.2;
        letter-spacing: 0.08em;
    }
}

@media print, screen and (max-width: 560px){
    /* voice-list */
    .voice-list-block:first-child .voice-list:nth-child(3) .voice-list-panel::after,
    .voice-list-block:first-child .voice-list:nth-child(3) .voice-list-panel::after{
        top: 146px;
    }
    .voice-list-name-main span{
        display: none;
    }
    .voice-list-name-main br{
        display: inline;
    }
}

@media print, screen and (max-width: 340px){
    /* voice-list */
    .voice-list-block:first-child .voice-list:nth-child(2) .voice-list-name-main{
        font-size: 7.6vw;    
    }
}

/* *****************************************************************************

  voice detail style
  
***************************************************************************** */
/* img-main-voice */
.img-main-voice{
    width: 100%;
    text-align: center;
    height: 650px;
    position: relative;
    margin-bottom: 180px;
}
.voice-suzuki-a .img-main-voice{
    background: url(../images/voice/img_main_suzuki_a.jpg) center top no-repeat;
    background-size: cover;
}
.voice-araki-s .img-main-voice{
    background: url(../images/voice/img_main_araki_s.jpg) center top no-repeat;
    background-size: cover;
}
.voice-hasegawa-y .img-main-voice{
    background: url(../images/voice/img_main_hasegawa_y.jpg) center top no-repeat;
    background-size: cover;
}
.voice-watanabe-f .img-main-voice{
    background: url(../images/voice/img_main_watanabe_f.jpg) center top no-repeat;
    background-size: cover;
}
.voice-ohashi-a .img-main-voice{
    background: url(../images/voice/img_main_ohashi_a.jpg) center top no-repeat;
    background-size: cover;
}
.voice-nguyen-a .img-main-voice{
    background: url(../images/voice/img_main_nguyen_a.jpg) center top no-repeat;
    background-size: cover;
}
.voice-yoshinobu-y .img-main-voice{
    background: url(../images/voice/img_main_yoshinobu_y.jpg) center top no-repeat;
    background-size: cover;
}
.voice-minegishi-k .img-main-voice{
    background: url(../images/voice/img_main_minegishi_k.jpg) center top no-repeat;
    background-size: cover;
}
.voice-kaneko-y .img-main-voice{
    background: url(../images/voice/img_main_kaneko_y.jpg) center top no-repeat;
    background-size: cover;
}
.img-main-voice-label{
    position: absolute;
    bottom: 0;
    background-color: rgba(29,51,106,0.8);
    width: 100%;
    padding: 38px 0;
    height: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.img-main-voice-position{
    vertical-align: middle;
    color: #ffffff;
    text-align: right;
    padding-left: 4.5%;
    padding-right: 4.5%;
    white-space: nowrap;
    width: 50%;
}
.img-main-voice-position span{
    font-size: 16px;
    line-height: 1;
}
.img-main-voice-position.-long > span:nth-child(1){
    padding-right: 1em;
}
.img-main-voice-position h1{
    font-size: 24px;
    line-height: 1;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.img-main-voice-name{
    border-left: 1px solid rgba(255,255,255,0.3);
    border-right: 1px solid rgba(255,255,255,0.3);
    width: auto;
    vertical-align: middle;
    color: #ffffff;
    white-space: nowrap;
    padding-left: 4.5%;
    padding-right: 4.5%;
}
.img-main-voice-name-long-01 .img-main-voice-name{
    width: 560px;
}
.img-main-voice-name-long-02 .img-main-voice-name{
    width: 680px;
}
.img-main-voice-name span:first-child{
    display: block;
    line-height: 1;
    font-size: 46px;
    letter-spacing: 0.1em;
    margin-bottom: 7px;
}
.img-main-voice-name-long-02 .img-main-voice-name span:first-child{
    font-size: 38px;
    margin-bottom: 10px;
    letter-spacing: 0;
}
.img-main-voice-name-long-02 .img-main-voice-name span:first-child span{
    display: inline;
}
.img-main-voice-name-long-02 .img-main-voice-name span:first-child br{
    display: none;
}
.img-main-voice-name span:last-child{
    display: block;
    line-height: 1;
    font-size: 14px;
    letter-spacing: 0.1em;
}
.img-main-voice-date{
    vertical-align: middle;
    color: #ffffff;
    padding-left: 4.5%;
    padding-right: 4.5%;
    text-align: left;
    width: 50%;
}
.img-main-voice-date ul{
    letter-spacing: -.4em;
    line-height: 1;
}
.img-main-voice-date li{
    display: inline-block;
    letter-spacing: 0.08em;
    font-size: 14px;
}
.img-main-voice-date li:last-child{
    background: url(../images/voice/line_02.png) left top repeat-y;
    padding-left: 25px;
    margin-left: 24px;
}

@media print, screen and (max-width: 1600px){
    /* img-main-voice */
    .img-main-voice-name-long-02 .img-main-voice-name{
        width: auto;
        padding-left: 4.5%;
        padding-right: 4.5%;
    }
    .img-main-voice-name-long-02 .img-main-voice-name span:first-child{
        font-size: 2.2vw;
    }
}

@media print, screen and (max-width: 1480px){
    /* img-main-voice */
    .img-main-voice-name,
    .img-main-voice-name-long-01 .img-main-voice-name{
        width: auto;
        padding-left: 4.5%;
        padding-right: 4.5%;
    }
    .img-main-voice-name-long-02 .img-main-voice-name span:first-child{
        font-size: 2.4vw;
        line-height: 1.2;
    }
    .img-main-voice-name-long-02 .img-main-voice-name span:first-child span{
        display: none;
    }
    .img-main-voice-name-long-02 .img-main-voice-name span:first-child br{
        display: inline;
    }
}

@media print, screen and (max-width: 1480px){
    /* img-main-voice */
    .voice-araki-s .img-main-voice-position{
        width: 34%;
    }
    .voice-araki-s .img-main-voice-name-long-01 .img-main-voice-position{
        width: auto;
    }
    .voice-araki-s .img-main-voice-date{
        width: 34%;
    }
    .voice-araki-s .img-main-voice-name-long-01 .img-main-voice-date{
        width: auto;
    }
    .voice-araki-s .img-main-voice-date ul{
        line-height: 1.4;
    }
    .voice-araki-s .img-main-voice-date li{
        display: block;
    }
    .voice-araki-s .img-main-voice-date li:last-child{
        background-image: none;
        padding-left: 0;
        margin-left: 0;
    }
}

@media print, screen and (max-width: 1280px){
    /* img-main-voice */
    .img-main-voice-position span{
        font-size: 1.3vw;
    }
    .img-main-voice-position h1{
        font-size: 1.9vw;
    }
    .img-main-voice-name span:first-child{
        font-size: 3.6vw;
    }
}

@media print, screen and (max-width: 1280px){
    /* img-main-voice */
    .img-main-voice-name-long-02 .img-main-voice-name span:first-child{
        font-size: 2.8vw;
    }
}

@media print, screen and (max-width: 1100px){
    /* img-main-voice */
    .img-main-voice-position{
        width: 34%;
    }
    .img-main-voice-name-long-01 .img-main-voice-position{
        width: auto;
    }
    .img-main-voice-position.-long > span{
        display: block;
        line-height: 1.4;
    }
    .img-main-voice-position.-long > span:nth-child(1){
        padding-right: 0;
    }
    .img-main-voice-position.-long h1{
        margin-top: 10px;
    }
    .img-main-voice-date{
        width: 34%;
    }
    .img-main-voice-name-long-01 .img-main-voice-date{
        width: auto;
    }
    .img-main-voice-date ul{
        line-height: 1.4;
    }
    .img-main-voice-date li{
        display: block;
    }
    .img-main-voice-date li:last-child{
        background-image: none;
        padding-left: 0;
        margin-left: 0;
    }
}

@media print, screen and (max-width: 1000px){
    /* img-main-voice */
    .img-main-voice-position span{
        font-size: 11px;
        letter-spacing: 1px;
    }
}

@media print, screen and (max-width: 760px){
    /* img-main-voice */
    .img-main-voice{
        overflow: hidden;
        height: auto;
        padding: 0 20px;
        margin-bottom: 72px;
    }
    .voice-suzuki-a .img-main-voice{
        background: url(../images/voice/img_main_suzuki_a.jpg) center top no-repeat;
        background-size: auto 325px;
    }
    .voice-araki-s .img-main-voice{
        background: url(../images/voice/img_main_araki_s.jpg) center top no-repeat;
        background-size: auto 325px;
    }
    .voice-hasegawa-y .img-main-voice{
        background: url(../images/voice/img_main_hasegawa_y.jpg) center top no-repeat;
        background-size: auto 325px;
    }
    .voice-watanabe-f .img-main-voice{
        background: url(../images/voice/img_main_watanabe_f.jpg) center top no-repeat;
        background-size: auto 325px;
    }
    .voice-ohashi-a .img-main-voice{
        background: url(../images/voice/img_main_ohashi_a.jpg) center top no-repeat;
        background-size: auto 325px;
    }
    .voice-nguyen-a .img-main-voice{
        background: url(../images/voice/img_main_nguyen_a.jpg) center top no-repeat;
        background-size: auto 325px;
    }
    .img-main-voice-label{
        position: relative;
        margin-top: 275px;
        background-color: #1a3168;
        display: block;
        height: auto;
        padding: 0;
    }
    .img-main-voice-position,
    .voice-araki-s .img-main-voice-position{
        display: block;
        height: auto;
        padding: 35px 0 40px;
        text-align: center;
        width: 100%;
        position: relative;
    }
    .img-main-voice-position:after{
        content: "";
        display: block;
        height: 1px;
        width: 20px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 20px;
        margin-left: auto;
        margin-right: auto;
        background-color: #ffffff;
    }
    .img-main-voice-position span{
        font-size: 12px;
        display: block;
        margin-bottom: 10px;
        letter-spacing: 2px;
    }
    .img-main-voice-position.-long span:nth-child(1){
        margin-bottom: 0;
    }
    .img-main-voice-position h1{
        font-size: 19px;
        font-weight: normal;
    }
    .img-main-voice-position.-long h1{
        margin-top: 0;
    }
    .img-main-voice-name{
        display: block;
        height: auto;
        margin-bottom: 35px;
        border-left: none;
        border-right: none;
    }
    .img-main-voice-name span:first-child{
        font-size: 30px;
        font-weight: bold;
        letter-spacing: 5px;
        margin-bottom: 8px;
        line-height: 1.2;
    }
    .img-main-voice-name-long-02 .img-main-voice-name span:first-child{
        font-size: 30px;
    }
    .img-main-voice-name-long-02 .img-main-voice-name span:first-child span{
        display: inline;
    }
    .img-main-voice-name-long-02 .img-main-voice-name span:first-child br{
        display: none;
    }
    .img-main-voice-name span:last-child{
        letter-spacing: 0.2em;
        font-size: 1.03rem;
    }
    .img-main-voice-date,
    .voice-araki-s .img-main-voice-date{
        display: block;
        height: auto;
        width: 100%;
        text-align: center;
        padding: 12px 10px;
        background-color: #14254e;
    }
    .img-main-voice-date li,
    .voice-araki-s .img-main-voice-date li{
        display: inline-block;
        font-size: 10px;
    }
    .img-main-voice-date li:first-child{
        letter-spacing: 0.1em;
    }
    .img-main-voice-date li:last-child,
    .voice-araki-s .img-main-voice-date li:last-child{
        background: url(../images/voice/line_02_sp.png) left top repeat-y;
        background-size: 1px 3px;
        padding-left: 16px;
        margin-left: 15px;
    }
}

/* img-main-voice */
@media print, screen and (max-width: 560px){
    .img-main-voice-name-long-02 .img-main-voice-name span:first-child span{
        display: none;
    }
    .img-main-voice-name-long-02 .img-main-voice-name span:first-child br{
        display: inline;
    }
}

@media print, screen and (max-width: 420px){
    /* img-main-voice */
    .img-main-voice-name-long-01 .img-main-voice-name span:first-child,
    .img-main-voice-name-long-02 .img-main-voice-name span:first-child{
        font-size: 6.8vw;
    }
}

/* voice-intro */
.voice-intro{
    background: #f5fbff url(../images/bg_white_01.png) right top repeat-y;
    background-size: 11.3% 1px;
    padding-bottom: 100px;
    margin-bottom: 130px;
}
.voice-intro-inner{
    margin: 0 50px;
}
.voice-intro-title{
    width: 50%;
    text-align: center;
    color: #1a3068;
    position: relative;
    padding-bottom: 50px;
    margin-top: -60px;
}
.voice-intro-title::after{
    content: "";
    display: block;
    width: 1px;
    height: 30px;
    background-color: #1a3167;
    position: absolute;
    left: 50%;
    bottom: 0;
}
.voice-intro-title h2{
    font-size: 100px;
    line-height: 100px;
    margin-bottom: 12px;
}
.voice-intro-title p{
    font-size: 16px;    
    color: #1a3167;
    line-height: 1.8;
}
.voice-intro-title p br{
    display: none;
}
.voice-intro-main{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-top: -22px;
}
.voice-intro-img{
    width: 50%;
    position: relative;
    padding-bottom: 100px;
}
.voice-intro-img img{
    width: 100%;
}
.voice-intro-message{
    width: 50%;
    position: relative;
    background-color: #1a3167;
    margin-top: 100px;
}
.voice-intro-message-inner{
    background-color: #1a3167;
    color: #ffffff;
    padding: 90px;
    width: 100%;
}
.voice-intro-message-inner p:first-child{
    font-size: 33px;
    font-weight: bold;
    letter-spacing: 0.06em;
    line-height: 1.7;
    margin-bottom: 40px;
}
.voice-intro-message-inner p:last-child{
    font-size: 19px;
    letter-spacing: 0.03em;
    line-height: 2.2;
}

@media print, screen and (max-width: 1530px){
    /* voice-intro */
    .voice-araki-s .voice-intro-message-inner p:first-child > br:nth-child(2){
        display: none;
    }
}

@media print, screen and (max-width: 1500px){
    /* voice-intro */
    .voice-intro-message{
        margin-top: 7%;
    }
    .voice-intro-message-inner{
        padding: 12.8%;
    }
    .voice-intro-message-inner p:first-child{
        font-size: 2.2vw;
        margin-bottom: 9%;
    }
    .voice-intro-message-inner p:last-child{
        font-size: 1.2vw;
    }
}

@media print, screen and (max-width: 1200px){
    /* voice-intro */
    .voice-intro-inner{
        margin: 0 25px;
    }
    .voice-intro-title{
        margin-top: -6%;
    }
    .voice-intro-title h2{
        font-size: 8.3vw;
        margin-bottom: 1%;
    }
}

@media print, screen and (max-width: 1000px){
    /* voice-intro */
    .voice-intro{
        background-image: none;
    }
    .voice-intro-title{
        width: 100%;
        margin-bottom: 40px;
    }
    .voice-intro-title h2{
        font-size: 80px;
        line-height: 80px;
        margin-bottom: 10px;
    }
    .voice-intro-title p{
        font-size: 15px;    
    }
    .voice-intro-main{
        display: block;
        margin-top: 0;
    }
    .voice-intro-img{
        width: 100%;
        position: relative;
        padding-bottom: 0;
    }
    .voice-intro-img img{
        width: 100%;
    }
    .voice-intro-message{
        width: 100%;
        margin: 0;
    }
    .voice-intro-message-inner{
        padding: 60px;
    }
    .voice-intro-message-inner p:first-child{
        font-size: 24px;
        margin-bottom: 30px;
    }
    .voice-intro-message-inner p:first-child br{
        display: none;
    }
    .voice-intro-message-inner p:last-child{
        font-size: 16px;
    }
}

@media print, screen and (max-width: 760px){
    /* voice-intro */
    .voice-intro{
        padding-bottom: 50px;
        margin-bottom: 50px;
    }
    .voice-intro-inner{
        margin: 0 20px;
    }
    .voice-intro-title{
        width: 100%;
        margin-bottom: 30px;
        margin-top: -30px;
        padding-bottom: 35px;
    }
    .voice-intro-title::after{
        height: 25px;
    }
    .voice-intro-title h2{
        font-size: 50px;
        line-height: 50px;
        margin-bottom: 8px;
    }
    .voice-intro-title p{
        font-size: 13px;
        line-height: 1.6;
    }
    .voice-intro-title p br{
        display: inline;
    }
    .voice-intro-message-inner{
        padding: 40px 30px;
    }
    .voice-intro-message-inner p:first-child{
        font-size: 18px;
        margin-bottom: 25px;
    }
    .voice-intro-message-inner p:first-child br{
        display: inline;
    }
    .voice-araki-s .voice-intro-message-inner p:first-child > br:nth-child(2){
        display: inline;
    }
    .voice-intro-message-inner p:last-child{
        font-size: 16px;
        line-height: 1.6;
    }
}

@media print, screen and (max-width: 420px){
    /* voice-intro */
    .voice-araki-s .voice-intro-message-inner p:first-child > br:nth-child(2){
        display: none;
    }
}

@media print, screen and (max-width: 350px){
    /* voice-intro */
    .voice-intro-title p br{
        display: none;
    }
}

/* voice-box */
.voice-box-wrap{
    width: 900px;
    margin: 0 auto;
    padding-bottom: 45px;
}
.voice-box{
    padding: 0 50px;
    margin-bottom: 100px;
}
.voice-box-title{
    margin-bottom: 45px;
}
.voice-box-title p{
    margin-bottom: 45px;
    font-size: 18px;
    font-weight: bold;
    color: #1a3167;
    letter-spacing: 0.01em;
    padding-left: 74px;
    position: relative;
}
.voice-box-title p:before{
    content: "";
    display: block;
    width: 60px;
    height: 1px;
    background-color: #1a3167;
    position: absolute;
    top: 17px;
    left: 0;
}
.voice-box-title h3{
    font-size: 33px;
    font-weight: bold;
    color: #1a3167;
    line-height: 1.4;
    letter-spacing: 0.12em;
}
.voice-box-text{
    margin-bottom: 85px;
}
.voice-box-text p,
.voice-box-text-last p{
    font-size: 19px;
    line-height: 2;
    letter-spacing: 0.04em;
    margin-bottom: 1.5em;
}
.voice-box-text p:last-child,
.voice-box-text-last p:last-child{
    margin-bottom: 0;
}
.voice-box-img img{
    width: 100%;
}

@media print, screen and (max-width: 917px){
    /* voice-box */
    .voice-box-wrap{
        width: 100%;
    }
    .voice-box-img{
        padding: 50px;
    }
}

@media print, screen and (max-width: 760px){
    /* voice-box */
    .voice-box-wrap{
        padding-bottom: 0;
    }
    .voice-box{
        padding: 0;
        margin-bottom: 50px;
    }
    .voice-box-title{
        margin-bottom: 22px;
        padding: 0 25px;
    }
    .voice-box-title p{
        margin-bottom: 22px;
        font-size: 13px;
        letter-spacing: 0.04em;
        padding-left: 50px;
    }
    .voice-box-title p:before{
        width: 40px;
        top: 12px;
    }
    .voice-box-title h3{
        font-size: 18px;
        line-height: 1.5;
        letter-spacing: 0.1em;
    }
    .voice-box-text{
        margin-bottom: 45px;
        padding: 0 25px;
    }
    .voice-box-text-last{
        padding: 0 25px;
    }
    .voice-box-text p,
    .voice-box-text-last p{
        font-size: 16px;
        line-height: 1.6;
        letter-spacing: 0.01em;
    }
    .voice-box-img{
        padding: 38px;
    }
}

@media print, screen and (max-width: 480px){
    /* voice-box */
    .voice-box-title h3 br{
        display: none;
    }
}

/* voice-nav */
.voice-nav-title{
    text-align: center;
    font-size: 20px;
    letter-spacing: 0.07em;
    line-height: 20px;
    margin-bottom: 70px;
}
.voice-nav-wrap{
    width: 100%;
    border-top: 1px solid #dfe2ed;
    position: relative;
}
.voice-nav{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.voice-nav-prev{
    width: 50%;
    border-right: 1px solid #dfe2ed;
}
.voice-nav-prev a{
    display: block;
    padding: 50px;
}
.voice-nav-prev-main{
    width: 100%;
    display: table;
}
.voice-nav-prev-img{
    display: table-cell;
    vertical-align: middle;
    width: 250px;
}
.voice-nav-prev-img img{
    width: 100%;
}
.voice-nav-prev-text{
    display: table-cell;
    vertical-align: middle;
    padding-left: 50px;
}
.voice-nav-next{
    width: 50%;
    text-align: right;
}
.voice-nav-next a{
    display: block;
    padding: 50px;
}
.voice-nav-next-main{
    width: 100%;
    display: table;
}
.voice-nav-next-text{
    display: table-cell;
    vertical-align: middle;
    padding-right: 50px;
}
.voice-nav-next-img{
    display: table-cell;
    vertical-align: middle;
    width: 250px;
}
.voice-nav-next-img img{
    width: 100%;
}
.hover-voice-nav{
    position: relative;
}
.hover-voice-nav .upper::before,
.hover-voice-nav .upper::after,
.hover-voice-nav .under::before,
.hover-voice-nav .under::after{
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0;
    transition-delay: 0;
    background-color: #1a3068;
}
.hover-voice-nav .upper::before{
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: right top;
    transform-origin: right top;
}
.hover-voice-nav .upper::after{
    content: "";
    display: block;
    height: 100%;
    width: 1px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}
.hover-voice-nav .under::before{
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: left top;
    transform-origin: left top;
}
.hover-voice-nav .under::after{
    content: "";
    display: block;
    height: 100%;
    width: 1px;
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: right top;
    transform-origin: right top;
}
a:hover .hover-voice-nav .upper::before,
a:hover .hover-voice-nav .upper::after,
a:hover .hover-voice-nav .under::before,
a:hover .hover-voice-nav .under::after{
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
a:hover .hover-voice-nav .upper::before{
    -webkit-transform-origin: left top;
    transform-origin: left top;
}
a:hover .hover-voice-nav .upper::after{
    -webkit-transform-origin: right top;
    transform-origin: right top;
}
a:hover .hover-voice-nav .under::before{
    -webkit-transform-origin: right top;
    transform-origin: right top;
}
a:hover .hover-voice-nav .under::after{
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}
.voice-nav-position{
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 42px;
}
.voice-nav-position:before{
    content: "";
    display: block;
    width: 25px;
    height: 2px;
    background-color: #1a3167;
    position: absolute;
    bottom: 0;
}
.voice-nav-prev .voice-nav-position:before{
    left: 0;
}
.voice-nav-next .voice-nav-position:before{
    right: 0;
}
.voice-nav-position span:first-child{
    display: block;
    font-size: 15px;
    line-height: 1.2;
    font-weight: bold;
    margin-bottom: 16px;
    letter-spacing: 0.06em;
}
.voice-nav-position span:last-child{
    display: block;
    font-size: 22px;
    line-height: 1;
    font-weight: bold;
    letter-spacing: 0.04em;
}
.voice-nav-name span:first-child{
    display: block;
    font-size: 33px;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: 0.14em;
    margin-bottom: 8px;
}
.voice-nav-name span.voice-nav-name-long{
    font-size: 32px;
}
.voice-nav-prev .voice-nav-name span:first-child{
    padding-right: 10px;
}
.voice-nav-next .voice-nav-name span:first-child{
    padding-left: 10px;
}
.voice-nav-name span:last-child{
    display: block;
    font-weight: bold;
    font-size: 11px;
    line-height: 11px;
    letter-spacing: 0.18em;
}
.voice-nav-next-text-sp{
    display: none;
}
.voice-nav-button{
    width: 102px;
    height: 102px;
    border: 1px solid #dfe2ed;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-radius: 50%;
}
.voice-nav-button a{
    border-radius: 50%;
    display: block;
    width: 100px;
    height: 100px;
    background: url(../images/voice/icon_nav_01_on.png) center center no-repeat;
}
.voice-nav-button img{
    border-radius: 50%;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.voice-nav-button a:hover img{
    filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
.voice-nav-button span{
    display: none;
}

@media print, screen and (max-width: 1500px){
    /* voice-nav */
    .voice-nav-prev a,
    .voice-nav-next a{
        padding: 6.8%;
    }
    .voice-nav-prev-img,
    .voice-nav-next-img{
        width: 39%;
    }
    .voice-nav-prev-text{
        padding-left: 7.4%;
    }
    .voice-nav-next-text{
        padding-right: 7.4%;
    }
}

@media print, screen and (max-width: 1280px){
    /* voice-nav */
    .voice-nav-position span:first-child{
        font-size: 1.15vw;
    }
    .voice-nav-position span:last-child{
        font-size: 1.72vw;
    }
}

@media print, screen and (max-width: 1240px){
    /* voice-nav */
    .voice-nav-name span.voice-nav-name-long:first-child{
        font-size: 2.6vw;
    }
}

@media print, screen and (max-width: 1000px){
    /* voice-nav */
    .voice-nav-prev a,
    .voice-nav-next a{
        padding: 5%;
    }
    .voice-nav-prev-text{
        padding-left: 6%;
    }
    .voice-nav-next-text{
        padding-right: 6%;
    }
    .voice-nav-position{
        padding-bottom: 22px;
        margin-bottom: 32px;
    }
    .voice-nav-position span:first-child{
        font-size: 11px;
        margin-bottom: 10px;
    }
    .voice-nav-position span:last-child{
        font-size: 1.8vw;
    }
    .voice-nav-name span:first-child{
        font-size: 3.2vw;
    }
    .voice-nav-name span.voice-nav-name-long:first-child{
        font-size: 2.3vw;
    }
    .voice-nav-prev .voice-nav-name span:first-child{
        padding-right: 25px;
    }
    .voice-nav-next .voice-nav-name span:first-child{
        padding-left: 25px;
    }
}

@media print, screen and (max-width: 760px){
    /* voice-nav */
    .voice-nav{
        margin: 0 20px 30px;;
    }
    .voice-nav-title{
        border-top: 1px solid #dfe2ed;
        font-size: 15px;
        line-height: 15px;
        margin-bottom: 30px;
        padding-top: 30px;
    }
    .voice-nav-wrap{
        border-top: none;
    }
    .voice-nav-prev{
        padding-right: 10px;
        border-right: none;
        text-align: center;
    }
    .voice-nav-prev a{
        padding: 0;
    }
    .voice-nav-prev-main{
        width: 100%;
    }
    .voice-nav-prev-img{
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }
    .voice-nav-prev-img img{
        width: 100%;
    }
    .voice-nav-prev-text{
        display: block;
        padding-left: 0;
    }
    .voice-nav-next{
        padding-left: 10px;
        text-align: center;
    }
    .voice-nav-next a{
        padding: 0;
    }
    .voice-nav-next-main{
        width: 100%;
        display: table;
    }
    .voice-nav-next-text{
        display: none;
    }
    .voice-nav-next-img{
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }
    .voice-nav-next-img img{
        width: 100%;
    }
    .voice-nav-next-text-sp{
        display: block;
    }
    .hover-voice-nav .upper::before,
    .hover-voice-nav .upper::after,
    .hover-voice-nav .under::before,
    .hover-voice-nav .under::after{
        display: none;
    }
    .voice-nav-position{
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .voice-nav-prev .voice-nav-position:before,
    .voice-nav-next .voice-nav-position:before{
        width: 20px;
        height: 1px;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
    .voice-nav-position span:first-child{
        font-size: 10px;
        margin-bottom: 7px;
    }
    .voice-nav-position span:last-child{
        font-size: 13px;
        line-height: 1.4;
    }
    .voice-nav-name span:first-child,
    .voice-nav-name span.voice-nav-name-long:first-child{
        font-size: 20px;
        margin-bottom: 11px;
    }
    .voice-nav-prev .voice-nav-name span:first-child{
        padding-right: 0;
    }
    .voice-nav-next .voice-nav-name span:first-child{
        padding-left: 0;
    }
    .voice-nav-name span:last-child{
        font-size: 10px;
        line-height: 10px;
    }
    .voice-nav-button{
        width: 100%;
        height: auto;
        border: none;
        position: static;
        top: auto;
        left: auto;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        border-radius: 0;
        text-align: center;
    }
    .voice-nav-button a{
        border-radius: 0;
        background-image: none;
        background-color: #1a3167;
        width: 100%;
        height: auto;
        padding: 14px 0 18px;
    }
    .voice-nav-button img{
        display: none;
    }
    .voice-nav-button span{
        display: inline-block;
        color: #ffffff;
        font-size: 14px;
        font-weight: bold;
        line-height: 1;
        letter-spacing: 0.25em;
        padding-left: 28px;
        background: url(../images/voice/icon_nav_01_sp.png) left center no-repeat;
        background-size: 14px 14px;
    }
}

@media print, screen and (max-width: 420px){
    /* voice-nav */
    .voice-nav-name span.voice-nav-name-long:first-child{
        font-size: 4.7vw;
    }
}

/* *****************************************************************************

  graduate/index.html
  career/index.html
  
***************************************************************************** */
.recruit-container .base-lead{
    text-align: center;
    padding: 100px 60px;
    font-size: 19px;
}
.recruit-container .base-nav{
    margin-bottom: 20px;
}
.recruit-container .base-nav-box{
    width: 33.33%;
}
.recruit-container .base-nav-box:nth-child(1) .base-nav-title{
    background: url(../images/recruit/icon_process.png) center 55px no-repeat;
}
.recruit-container .base-nav-box:nth-child(2) .base-nav-title{
    background: url(../images/recruit/icon_guideline.png) center 55px no-repeat;
}
.recruit-container .base-nav-box:nth-child(3) .base-nav-title{
    background: url(../images/recruit/icon_faq.png) center 55px no-repeat;
}

@media print, screen and (max-width: 1000px){
    .recruit-container .base-nav-box p br{
        display: none;
    }
    .recruit-container .base-nav-box:nth-child(1) a,
    .recruit-container .base-nav-box:nth-child(2) a,
    .recruit-container .base-nav-box:nth-child(3) a {
        margin-bottom: 0;
    }
}

@media print, screen and (max-width: 760px){
    .recruit-container .base-lead{
        padding: 40px 30px 10px;
        font-size: 14px;
    }
    .recruit-container .base-nav{
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .recruit-container .base-nav-box{
        width: 100%;
    }
    .recruit-container .base-nav-box:nth-child(1) a{
        background: url(../images/recruit/icon_process_sp.png) left center no-repeat;
        background-size: 44px 34px;
    }
    .recruit-container .base-nav-box:nth-child(2) a{
        background: url(../images/recruit/icon_guideline_sp.png) left center no-repeat;
        background-size: 42px 37px;
    }
    .recruit-container .base-nav-box:nth-child(3) a{
        background: url(../images/recruit/icon_faq_sp.png) left center no-repeat;
        background-size: 44px 34px;
    }
}

/* *****************************************************************************

  process style
  
***************************************************************************** */
.recruit-process .base-contents{
    margin-bottom: 0;
}
.recruit-process .base-lead{
    text-align: center;
    padding: 100px 60px;
    font-size: 19px;
}
.process-flow{
    background-color: #f5fbff;
    padding: 100px 80px;
}
.process-flow-list{
    position: relative;
    padding-top: 20px;
    padding-left: 230px;
    min-height: 180px;
}
.process-flow-list:not(:first-child){
    margin-top: 60px;
}
.process-flow-list:not(:last-child):after{
    content: '';
    position: absolute;
    bottom: -45px;
    left: 80px;
    background: url(../images/recruit/arrow_process_flow.png) left center no-repeat;
    width: 23px;
    height: 32px;
}
.process-flow-list:before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 180px;
    height: 180px;
    border-radius: 90px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
}
.process-flow-list:nth-child(1):before{
    background-image: url(../images/recruit/icon_process_flow_01.png);
}
.process-flow-list:nth-child(2):before{
    background-image: url(../images/recruit/icon_process_flow_02.png);
}
.process-flow-list:nth-child(3):before{
    background-image: url(../images/recruit/icon_process_flow_03.png);
}
.process-flow-list:nth-child(4):before{
    background-image: url(../images/recruit/icon_process_flow_04.png);
}
.process-title-number{
    background-color: #1a3167;
    border-radius: 50%;
    width: 45px;
    line-height: 43px;
    display: block;
    font-size: 18px;
    text-align: center;
    color: #ffffff;
    letter-spacing: 1px;
    padding: 2px 0 0 3px;
    margin-top: -1px;
    margin-right: 24px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.process-title-text{
    font-weight: bold;
    color: #1a3167;
    font-size: 33px;
    line-height: 1.4;
    letter-spacing: 4px;
}
.process-title-text span{
    font-size: 20px;
}
.process-text{
    margin-top: 20px;
}
.process-text p{
    font-size: 19px;
    line-height: 1.8;
}
.process-text p span{
    font-size: 13px;
}

@media print, screen and (max-width: 760px){
    .recruit-process .base-lead{
        padding: 40px;
        font-size: 14px;
    }
    .process-flow{
        background-color: transparent;
        padding: 0 25px 10px;
        border-top: 1px solid #dfe2ed;
        border-bottom: 1px solid #dfe2ed;
    }
    .process-flow-list{
        padding-top: 25px;
        padding-left: 0;
    }
    .process-flow-list:not(:first-child){
        margin-top: 0;
    }
    .process-flow-list:not(:last-child):after{
        position: static;
        display: block;
        height: 32px;
        background: url(../images/recruit/arrow_process_flow_sp.png) center top no-repeat;
        -webkit-background-size: 23px 31px;
        background-size: 23px 31px;
        width: calc(100% + 50px);
        background-color: #f5fbff;
        border-top: 1px solid #dfe2ed;
        border-bottom: 1px solid #dfe2ed;
        padding-bottom: 10px;
        margin: 30px -25px 0;
    }
    .process-flow-list:before{
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        border-radius: inherit;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: right top;
        width: 100%;
    }
    .process-flow-list:nth-child(1):before{
        -webkit-background-size: 35px 35px;
        background-size: 35px 35px;
        height: 35px;
        margin-top: 20px;
    }
    .process-flow-list:nth-child(2):before{
        -webkit-background-size: 35px 36px;
        background-size: 35px 36px;
        height: 36px;
        margin-top: 20px;
    }
    .process-flow-list:nth-child(3):before{
        -webkit-background-size: 38px 27px;
        background-size: 38px 27px;
        height: 27px;
        margin-top: 22px;
    }
    .process-flow-list:nth-child(4):before{
        -webkit-background-size: 50px 37px;
        background-size: 50px 37px;
        height: 37px;
        margin-top: 20px;
    }
    .process-title-number{
        position: static;
        width: 34px;
        line-height: 34px;
        font-size: 14px;
        letter-spacing: 1px;
        padding: 0 0 0 1px;
        margin-top: -5px;
        margin-right: 17px;
        display: inline-block;
    }
    .process-title-text{
        display: inline-block;
        vertical-align: middle;
        font-size: 22px;
    }
    .process-title-text span{
        font-size: 12px;
    }
    .process-text{
        margin-top: 20px;
        padding-top: 30px;
        border-top: 1px dotted #dfe2ed;
    }
    .process-text p{
        font-size: 16px;
    }
    .process-text p span{
        font-size: 11px;
    }
}

/* *****************************************************************************

  guideline style
  
***************************************************************************** */
.recruit-guideline .base-contents{
    margin-bottom: 0;
}
.recruit-guideline .base-lead{
    text-align: center;
    padding: 100px 60px;
    font-size: 19px;
    line-height: 1.7;
}
.recruit-guideline .base-lead span{
    font-size: 16px;
}
.guideline-box-list{
    padding: 80px;
    border: 1px solid #dadbe4;
    box-shadow: 0 5px 3px #f5f6f6;
}
.guideline-box-list:not(:first-child){
    margin-top: 40px;
}
.guideline-title{
    padding: 0;
    margin-bottom: 50px;
    text-align: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.guideline-title div span{
    background-color: #1a3167;
    border-radius: 50%;
    width: 45px;
    line-height: 43px;
    display: block;
    float: left;
    font-size: 18px;
    text-align: center;
    color: #ffffff;
    letter-spacing: 1px;
    padding: 2px 0 0 3px;
    margin-top: -1px;
    margin-right: 24px;
}
.base-box .guideline-title h3{
    padding: 0;
    text-align: left;
}
.guideline-job-box{
    background-color: #f5fbff;
    padding: 30px;
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.guideline-job-area{
    background-image: url(../images/recruit/icon_guideline_location.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding: 15px 0 15px 77px;
    flex: 1;
}
.guideline-job-area ul{
    letter-spacing: -.4em;
}
.guideline-job-area li{
    display: inline-block;
    letter-spacing: normal;
}
.guideline-job-area li a{
    display: block;
    font-size: 15px;
    color: #ffffff;
    background-color: #47d5c0;
    background-image: url(../images/gradation_01.png);
    background-position: left center;
    background-repeat: repeat-x;
    background-size: auto 100%;
    border-bottom: 1px solid #43cab5;
    font-weight: bold;
    letter-spacing: 0.1em;
    padding: 5px 25px 3px;
    border-radius: 25px;
    margin: 0 6px 6px 0;
}
.guideline-job-area li a:hover{
    background-color: #47d5c0;
    background-image: url(../images/gradation_01_on.png);
    background-position: left center;
    background-repeat: repeat-x;
    background-size: auto 100%;
    border-bottom: 1px solid #43ccb3;
}

@media print, screen and (max-width: 760px){
    .recruit-guideline .base-lead{
        padding: 40px;
        font-size: 14px;
    }
    .recruit-guideline .base-lead span{
        font-size: 12px;
    }
    .guideline-box{
        border-top: 1px solid #dadbe4;
        border-bottom: 1px solid #dadbe4;
    }
    .guideline-box-list{
        padding: 40px 25px;
        box-shadow: none;
        border: none;
    }
    .guideline-box-list:not(:first-child){
        border-top: 1px solid #dadbe4;
        margin-top: 0;
    }
    .guideline-title{
        margin-bottom: 20px;
    }
    .guideline-title div span{
        width: 34px;
        line-height: 34px;
        font-size: 14px;
        letter-spacing: 1px;
        padding: 0 0 0 1px;
        margin-top: -5px;
        margin-right: 17px;
    }
    .base-box .guideline-title h3{
        letter-spacing: 2px;
    }
    .guideline-job-box{
        background-color: transparent;
        border-top: 1px dotted #dfe2ed;
        padding: 30px 0 0 0;
        display: block;
        margin-top: 30px;
    }
    .guideline-job-area{
        padding: 0;
        background-image: none;
    }
}

@media print, screen and (max-width: 420px){
    .base-box .guideline-title h3 br{
        display: none;
    }
}

@media print, screen and (max-width: 370px){
    .guideline-job-area li a{
        font-size: 13px;
    }
}

/* *****************************************************************************

  guideline detail style
  
***************************************************************************** */
.recruit-guideline-detail .base-title h2{
    line-height: 1.2;
}
.recruit-guideline-detail .base-table{
    max-width: 800px;
    margin: 0 auto;
    display: block;
    padding-left: 25px;
    padding-right: 25px;
}
.recruit-guideline-detail .base-table tbody{
    display: block;
}
.recruit-guideline-detail .base-table tr{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
}
.recruit-guideline-detail .base-table tr th{
    width: 160px;
    text-align: left;
    font-weight: bold;
    font-size: 17px;
    border-top: 1px solid #1a3167;
    padding: 28px 0 27px;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.recruit-guideline-detail .base-table tr td{
    flex: 1;
    display: block;
    border-top: 1px solid #dfe2ed;
    padding: 28px 0 27px;
    margin-left: 20px;
}
.recruit-guideline-detail .base-table tr:last-child th{
    border-bottom: 1px solid #1a3167;
}
.recruit-guideline-detail .base-table tr:last-child td{
    border-bottom: 1px solid #dfe2ed;
}
.recruit-guideline-detail .base-table tr td p{
    margin-bottom: 1.5em;
}
.recruit-guideline-detail .base-table tr td p:last-child{
    margin-bottom: 0;
}
.recruit-guideline-detail .base-table-annotation{
    font-size: 13px;
    font-weight: 500;
    line-height: 180%;
    display: inline-block;
}
.recruit-guideline-detail .base-table-annotation-multi{
    font-size: 13px;
    font-weight: 500;
    line-height: 180%;
    display: inline-block;
    margin-top: 10px;
}
.recruit-guideline-detail .base-list li{
    list-style-type: disc;
    margin-left: 1.2em;
}
.base-table-space{
    margin-bottom: 1.5em;
}
.entry-flow li{
    margin-bottom: 1.5em;
}
.guideline-entry-button{
    margin-top: 80px;
}
.guideline-entry-button a{
    max-width: 460px;
    margin: 0 auto;
    text-align: center;
    font-size: 26px;
    color: #ffffff;
    background-color: #47d5c0;
    background-image: url(../images/gradation_01.png);
    background-position: left center;
    background-repeat: repeat-x;
    background-size: auto 100%;
    border-bottom: 1px solid #43cab5;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 46px;
    display: block;
    padding: 17px 20px 16px 30px;
    border-radius: 52px;
}
.guideline-entry-button a:hover{
    background: url(../images/gradation_01_on.png) left center repeat-x;
    background-size: auto 100%;
    border-bottom: 1px solid #43ccb3;
}
.guideline-entry-button a span{
    background: url(../images/arrow_entry_02_sp.png) right center no-repeat;
    background-size: 21px 14px;
    width: 100%;
    display: block;
    padding-right: 0;
}
.guideline-back-link{
    margin-top: 40px;
    text-align: center;
}
.guideline-back-link a{
    background: url(../images/arrow_contents_02.png) left center no-repeat;
    padding-left: 25px;
    position: relative;
}
.guideline-back-link a:after{
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0;
    transition-delay: 0;
    background: #1a3167;
    position: absolute;
    left: 0;
    bottom: -6px;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: right top;
    transform-origin: right top;
}
.guideline-back-link a:hover:after{
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    width: 100%;
}
.graduate-guideline-detail .guideline-entry-button{
    padding-bottom: 40px;
}

@media print, screen and (max-width: 760px){
    .recruit-guideline-detail .base-table{
        padding: 0 25px;
    }
    .recruit-guideline-detail .base-table tr{
        display: block;
    }
    .recruit-guideline-detail .base-table tr th{
        font-size: 14px;
        display: block;
        width: 100%;
        padding: 10px 0 9px;
    }
    .recruit-guideline-detail .base-table tr th br{
        display: none;
    }
    .recruit-guideline-detail .base-table tr td{
        font-size: 13px;
        display: block;
        width: 100%;
        padding: 10px 0 9px;
        margin-left: 0;
    }
    .recruit-guideline-detail .base-table tr td p{
        margin-bottom: 1.2em;
    }
    .recruit-guideline-detail .base-table-annotation{
        font-size: 11px;
    }
    .base-table-space{
        margin-bottom: 1.2em;
    }
    .entry-flow li{
        margin-bottom: 1.2em;
    }
    .guideline-entry-button{
        margin: 50px 20px 0;
    }
    .guideline-entry-button a{
        font-size: 18px;
        padding: 7px 20px 6px 30px;
    }
    .guideline-back-link{
        margin-top: 30px;
    }
    .guideline-back-link a{
        background: url(../images/arrow_contents_02_sp.png) left center no-repeat;
        background-size: 21px 12px;
        padding-left: 35px;
    }
    .graduate-guideline-detail .guideline-entry-button{
        padding-bottom: 30px;
    }
}

/* *****************************************************************************

  career/faq.html
  
***************************************************************************** */
.recruit-faq .base-contents{
    margin-bottom: 30px;
}
.recruit-faq .base-lead{
    text-align: center;
    padding: 100px 60px;
    font-size: 19px;
}
.faq-list{
    border-bottom: 1px solid #e0e2ed;
    margin-bottom: 100px;
}
.faq-list.faq-list-last{
    margin-bottom: 30px;
}
.faq-list > .title{
    border-top: 1px solid #e0e2ed;
    color: #222d67;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 0.16em;
    line-height: 1;
    margin-bottom: 25px;
    padding: 60px 0 10px 75px;
    position: relative;
}
.faq-list > .title.-open::before{
    background-color: #e0e2ed;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.faq-list > .title.-open::after {
    background-color: #ffffff;
}
.faq-list > .title > .question{
    background-color: #222d67;
    border-radius: 50%;
    color: #ffffff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px;
    height: 45px;
    position: absolute;
    top: 50px;
    left: 0;
    width: 45px;
}
.faq-list > .description{
    font-size: 19px;
    letter-spacing: 0.08em;
    line-height: 1.7;
    margin-bottom: 60px;
    padding: 10px 0 0 75px;
    position: relative;
}
.faq-list > .description > .answer{
    background-color: #42ecb2;
    border-radius: 50%;
    color: #ffffff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px;
    height: 45px;
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
}
.faq-list a{
    text-decoration: underline;
}
.faq-list a:hover{
    text-decoration: none;
}

@media print, screen and (max-width: 1020px){
    .faq-list,
    .faq-list.faq-list-last{
        margin-left: 40px;
        margin-right: 40px;
    }
}

@media print, screen and (max-width: 760px){
    .recruit-faq .base-contents{
        margin-bottom: 0;
    }
    .recruit-faq .base-lead{
        padding: 40px;
        font-size: 14px;
    }
    .faq-list,
    .faq-list.faq-list-last{
        margin: 0;
    }
    .faq-list > .title{
        font-size: 18px;
        line-height: 1.3;
        padding: 30px 55px 10px 75px;
    }
    .faq-list > .title::before, .faq-list > .title::after{
        -webkit-transition-property: background-color, -webkit-transform;
        transition-property: background-color, -webkit-transform;
        transition-property: background-color, transform;
        transition-property: background-color, transform, -webkit-transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease;
        -webkit-transition-delay: 0;
        transition-delay: 0;
        background-color: #222d67;
        content: '';
        position: absolute;
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
    .faq-list > .title::before{
        height: 15px;
        width: 3px;
        top: 34px;
        right: 31px;
        z-index: 10;
    }
    .faq-list > .title::after{
        height: 3px;
        width: 15px;
        top: 40px;
        right: 25px;
    }
    .faq-list > .title > .question{
        font-size: 15px;
        height: 33px;
        top: 24px;
        left: 25px;
        width: 33px;
    }
    .faq-list > .description{
        display: none;
        font-size: 16px;
        margin-bottom: 30px;
        padding: 0 25px;
    }
    .faq-list > .description > .answer{
        display: none;
    }
}

/* *****************************************************************************

  entry style
  
***************************************************************************** */
/* entry-contents */
.entry-contents{
    margin-bottom: 130px;
    padding-top: 100px;
}
.entry-box{
    width: 960px;
    margin: 0 auto;
}

@media print, screen and (max-width: 977px){
    /* entry-contents */
    .entry-contents{
        padding-top: 0;
    }
    .entry-box{
        width: 100%;
    }
}

@media print, screen and (max-width: 760px){
    /* entry-contents */
    .entry-contents{
        margin-bottom: 50px;
    }
}

/* form-area */
.form-area{
    background-color: #f5fbff;
    padding: 100px 80px;
}
.form-table{
    width: 100%;
}
.form-table th{
    width: 230px;
    padding: 0 20px 40px 0;
    text-align: left;
    vertical-align: middle;
}
.form-table tr:last-child th{
    padding-bottom: 0;   
}
.required{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.form-item{
    font-size: 19px;
    font-weight: bold;
    color: #1a3167;
    letter-spacing: 0.08em;
    margin-right: 20px;
    line-height: 1.1;
}
.form-item span{
    font-size: 13px;
    letter-spacing: 0.08em;
}
.required div:nth-child(2){
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 22px;
    background: linear-gradient(#00e8b2,#00E8B2);
    color: #ffffff;
    border-top-left-radius: 11px;
    border-top-right-radius: 11px;
    border-bottom-left-radius: 11px;
    border-bottom-right-radius: 11px;
    padding: 1px 8px 0;
    letter-spacing: 0.1em;
}
.form-table td{
    padding-bottom: 40px;
}
.form-table tr:last-child td{
    padding-bottom: 0;
}
.form-text{
    font-family: Helvetica,"Yu Gothic","Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体",sans-serif;
    font-style: normal;
    font-weight: 400;
	padding: 18px 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    font-size: 18px;
    line-height: 18px;
    border: 1px solid #deeaf2;
}
.form-short{
    width: 90px;
}
.form-middle{
    width: 130px;
}
.form-long{
    width: 100%;
}
.form-text::-webkit-input-placeholder{
	color: #b2b2b2;
}
.form-text::-moz-placeholder{
	color: #b2b2b2;
}
.form-text:-ms-input-placeholder{
	color: #b2b2b2;
}
.form-block{
    margin-bottom: 10px;
}
.birth{
    padding: 0 22px 0 8px;
    font-size: 19px;
}
.select-birth{
    -moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
    padding: 20px 45px 20px 20px;
    font-size: 18px;
    line-height: 18px;
    width: 120px;
    height: 60px;
    border: 1px solid #deeaf2;
    font-family: Helvetica,"Yu Gothic","Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体",sans-serif;
    background: #ffffff url(../images/arrow_select.png) right center no-repeat;
    background-size: 25px 60px;
    border-radius: 7px;
    cursor: pointer;
    outline: none;
}
.select-box{
    -moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
    padding: 14px 45px 20px 20px;
    font-size: 18px;
    line-height: 18px;
    width: 100%;
    height: 60px;
    border: 1px solid #deeaf2;
    font-family: Helvetica,"Yu Gothic","Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体",sans-serif;
    background: #ffffff url(../images/arrow_select.png) right center no-repeat;
    background-size: 25px 60px;
    border-radius: 7px;
    cursor: pointer;
    outline: none;
}
.select-box::-ms-expand{
    display: none;
}
.form-sentence{
    font-family: Helvetica,"Yu Gothic","Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体",sans-serif;
    font-style: normal;
    font-weight: 400;
	padding: 18px 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    font-size: 18px;
    border: 1px solid #deeaf2;
    width: 100%;
    height: 280px;
}

@media print, screen and (max-width: 977px){
    /* form-area */
    .form-area{
        padding: 100px 40px;
    }
    .form-short{
        width: 80px;
    }
    .form-middle{
        width: 120px;
    }
    .birth{
        padding: 0 18px 0 5px;
    }
    .birth:last-of-type{
        padding-right: 0;
    }
}

@media print, screen and (max-width: 760px){
    /* form-area */
    .form-area{
        padding: 50px 25px;
    }
    .form-table th,
    .form-table tr:last-child th{
        display: block;
        width: 100%;
        padding: 0 0 13px 0;
    }
    .form-item{
        font-size: 15px;
        letter-spacing: 0.1em;
        margin-right: 0;
        line-height: 1;
    }
    .form-item span{
        font-size: 11px;
        letter-spacing: 0.1em;
    }
    .required div:nth-child(2){
        font-size: 10px;
        line-height: 17px;
        border-top-left-radius: 9px;
        border-top-right-radius: 9px;
        border-bottom-left-radius: 9px;
        border-bottom-right-radius: 9px;
        padding: 0 8px;
    }
    .form-table th br{
        display: none;
    }
    .form-table td{
        display: block;
        padding-bottom: 25px;
    }
    .form-text{
        font-family: Helvetica,"Hiragino Kaku Gothic ProN",sans-serif;
        font-weight: normal;
    	padding: 17px 15px;
        font-size: 13px;
        letter-spacing: 0.1em;
    }
    .form-short{
        width: 19%;
    }
    .form-middle{
        width: 26%;
    }
    .birth{
        font-size: 13px;
        padding: 0 2.4% 0 1.4%;
    }
    .select-birth{
        width: 40%;
    }
    .select-box{
        font-size: 13px;
        padding: 15px 35px 17px 15px;
        height: 50px;
        font-family: Helvetica,"Hiragino Kaku Gothic ProN",sans-serif;
        background: #ffffff url(../images/arrow_select_sp.png) right center no-repeat;
        background-size: 20px 50px;
        font-weight: normal;
        border-radius: 5px;
    }
    .form-sentence{
        font-family: Helvetica,"Hiragino Kaku Gothic ProN",sans-serif;
        font-weight: normal;
        padding: 17px 15px;
        font-size: 13px;
        letter-spacing: 0.1em;
        height: 200px;
    }
}

/* form-privacy */
.form-privacy{
    padding-top: 80px;
    text-align: center;
}
.form-privacy-inner{
    display: inline-block;
    text-align: left;
}
.wpcf7 span.wpcf7-list-item-label{
    display: none;
}
.law-checkbox,
.privacy-checkbox{
    padding-left: 8px;
}
.law-checkbox span,
.privacy-checkbox span{
}
.privacy-checkbox-text{
    position:relative;
    display: inline-block;
    font-size: 22px;
    letter-spacing: 0.02em;
    padding-top: 5px;
    padding-bottom: 5px;
}
.privacy-checkbox-text a{
    font-weight: bold;
    color: #1a3167;
    position: relative;
    cursor: pointer;
}
.privacy-checkbox-text a::after{
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0;
    transition-delay: 0;
    background: #1a3167;
    position: absolute;
    left: 0;
    bottom: -4px;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: right top;
    transform-origin: right top
}
.privacy-checkbox-text a:hover::after{
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    width: 100%;
}
.privacy-checkbox-text a:focus{
    outline: 0;
}
.privacy-checkbox-text span{
}
.hidden-content{
    display: none;
}
.remodal-title{
    font-weight: bold;
    color: #1a3167;
    font-size: 21px;
    line-height: 1.4;
    letter-spacing: 0.05em;
    margin-bottom: 30px;
    text-align: center;
}
.remodal-scroll{
    height: 500px;
    overflow-y: scroll;
    text-align: left;
    font-size: 15px;
    padding-right: 40px;
}
.remodal-scroll p,
.remodal-scroll div,
.remodal-scroll ul,
.remodal-scroll li{
    margin-bottom: 2em;
}
.remodal-scroll div:last-of-type{
    margin-bottom: 0;
}
#privacy-checkbox{
    vertical-align: middle;
}
.form-privacy input{
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-top: 0!important;
}

@media print, screen and (max-width: 760px){
    /* form-privacy */
    .form-privacy{
        padding-top: 40px;
    }
    .law-checkbox,
    .privacy-checkbox{
        padding-left: 5px;
    }
    .privacy-checkbox-text{
        font-size: 18px;
        letter-spacing: 0.01em;
        padding-right: 5px;
    }
    .remodal-title{
        font-size: 17px;
        margin-bottom: 20px;
    }
    .remodal-scroll{
        height: 320px;
        padding: 0 20px 0 0;
        font-size: 14px;
    }
    .form-privacy input{
        width: 16px;
        height: 16px;
    }
}

@media print, screen and (max-width: 400px){
    /* form-privacy */
    .privacy-checkbox-text{
        font-size: 4.6vw;
    }
    .privacy-checkbox-text::before{
        top: 3%;
    }
}

/* form-button */
.form-button-area{
    padding: 80px 80px 0;
}
.form-button-block{
    text-align: center;
}
.form-button-block div{
    position: relative;
    display: inline-block;
}
.form-button{
    width: 460px;
    display: inline-block;
    line-height: 78px;
    font-size: 26px;
    padding-top: 3px;
    font-weight: bold;
    color: #ffffff;
    letter-spacing: 0.15em;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    outline: none;
    cursor: pointer;
    font-family: Helvetica,"Yu Gothic","Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体",sans-serif;
    font-style: normal;
    border: none;
    background-color: #47d5c0,#47d5c0;
    background-image: url(../images/gradation_01.png),url(../images/arrow_button_01.png);
    background-position: left center, right 25px;
    background-repeat: repeat-x,no-repeat;
    background-size: auto 100%,auto auto;
    border-radius: 40px;
    border-bottom: 1px solid #43cab5;
}
.form-button:hover{
	background: url(../images/gradation_01_on.png) left center repeat-x;
    background-size: auto 100%;
    border-bottom: 1px solid #43ccb3;
}
.form-button-block span{
    position: absolute;
    top: 34px;
    right: 25px;
    display: inline-block;
    background: url(../images/arrow_button_01.png) center center no-repeat;
    width: 21px;
    height: 15px;
}

@media print, screen and (max-width: 760px){
    /* form-button */
    .form-button-area{
        padding: 40px 25px 0;
    }
    .form-button-block div{
        width: 100%;
    }
    .form-button,
    .form-button:hover{
        line-height: 60px;
        font-size: 18px;
        width: 100%;
        font-family: Helvetica,"Hiragino Kaku Gothic ProN",sans-serif;
        font-weight: bold;
        letter-spacing: 0.1em;
        background-color: #47d5c0;
        background-image: url(../images/gradation_01.png);
        background-position: left center;
        background-repeat: repeat-x;
        background-size: auto 100%;
    }
    .form-button-block span{
        top: 25px;
        right: 16px;
        width: 17px;
        height: 14px;
        background: url(../images/arrow_button_01_sp.png) center center no-repeat;
        background-size: 17px 14px;
        z-index: 1;
    }
}

/* system style */
.wpcf7 span.wpcf7-list-item{
    width: 100%;
    margin-left: 0;
}
.wpcf7 span.wpcf7-not-valid-tip{
    font-size: 16px;
    padding-top: 2px;
    letter-spacing: 0.04em;
    font-weight: bold;
}
.wpcf7 div.wpcf7-validation-errors,
.wpcf7 div.wpcf7-acceptance-missing,
.wpcf7 div.wpcf7-mail-sent-ok{
    border: 2px solid #ff0000;
    color: #ff0000;
    font-weight: bold;
    padding: 12px 20px;
    line-height: 1.4;
    font-size: 16px;
}
.wpcf7 span.wpcf7-list-item-label{
    padding-left: 5px;
}
.wpcf7 .wpcf7-checkbox{
    display: inline-block;
}

@media print, screen and (max-width: 760px){
    /* system style */
    .wpcf7 span.wpcf7-not-valid-tip{
        font-size: 14px;
    }
    .wpcf7 div.wpcf7-validation-errors,
    .wpcf7 div.wpcf7-acceptance-missing,
    .wpcf7 div.wpcf7-mail-sent-ok{
        font-size: 15px;
    }
}
