@charset "UTF-8";
/* =====================================
	about
===================================== */

.visual{
	position:relative;
	width:100%;
    min-width: 1440px;
	height:250px;
	background:#a9d6e2 url(../img/about/visual01.jpg) no-repeat center;
    margin-bottom: 117px;
}

.visual h1{
    font-size: 26px;
    color: #000;
    font-weight: bold;
    text-align: center;
	position:absolute;
	top:105px;
	left:50%;
    margin-left: -478px;
}

.visual h1 span{
    font-size: 14px;
    color: #fff;
    display: block;
}

.lead p{
    font-size: 18px;
    font-weight: bold;
	text-align: center;
    line-height: 2.2;
    margin-bottom: 30px;
}

.message{
    margin: 72px auto 0;
    width: 1160px;
}

.message h2{
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 38px;
}

.message h2 span{
    font-size: 14px;
    color: #a8d380;
    display: block;
}

.message h2 + div img{
    float: left;
    margin-right: 40px;
}

.message h2 + div p{
    font-size: 16px;
    line-height: 2.4;
}

.message .profile{
    margin-top: 35px;
}

.message .profile dl{
    float: left;
    width: 560px;
    line-height: 2.6;
}

.message .profile dl:last-child{
    float: right;
}

.message .profile dl dt{
    font-size: 26px;
    font-weight: bold;
    padding-bottom: 15px;
    border-bottom: 1px solid #37a4bd;
    margin-bottom: 20px;
}

.message .profile dl dd table{
    font-size: 16px;
    font-weight: normal;
}

.message .profile dl dd table th{
    width: 76px;
    vertical-align: top;
    font-weight: normal;
}

.message .profile dl dd ul li{
    padding-left: 1em;
    position: relative;
}

.message .profile dl dd ul li::before{
    content: "・";
    position: absolute;
    top: 0;
    left: 0;
}

.message .accordion{
    width: 100%;
    margin: 20px 0 80px;
}

.message .accordion > dl:first-child{
    margin-bottom: 20px;
}

.message .accordion > dl > dt{
    position: relative;
    width: 100%;
    color: #048dac;
    line-height: 48px;
    border: 1px solid #37a4bd;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    transition:all .3s ease;
    counter-reset: cnt;
}

.message .accordion > dl > dt:hover{
    color: #fff;
    border: 1px solid #048dac;
    background: #048dac;
}

.message .accordion > dl > dt.is-active{
    color: #fff;
    border: 1px solid #048dac;
    background: #048dac;
}

.message .accordion > dl > dt::before{
    content: "＋";
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}

.message .accordion > dl > dt.is-active::before{
    content: "―";
}

.message .accordion > dl > dd{
    line-height: 2.4;
    padding-top: 25px;
    display: none;
}

.message .accordion > dl > dd > dt{
    font-size: 16px;
    width: 100%;
    border-bottom: 1px solid #37a4bd;
    padding-bottom: 8px;
    margin-bottom: 14px;
    counter-reset: cnt;
}

.message .accordion > dl > dd > dl > dt{
    counter-reset: cnt;
}
    
.message .accordion > dl > dd dd + dt{
    margin-top: 20px;
}

.message .accordion > dl > dd dd{
    font-size: 16px;
    padding-left: 28px;
    position: relative;
}

.message .accordion > dl > dd dd.desc::before{
    content: "・";
    position: absolute;
    top: 0;
    left: 0;
}

.message .accordion > dl > dd dd.date{
    padding-left:6em;
    text-indent:-6em;
}

.message .accordion > dl > dd dd.num{
	counter-increment: cnt;
}

.message .accordion > dl > dd dd.num::before{
    content: counter(cnt)")";
    position: absolute;
    top: 0;
    left: 0;
}

.message .accordion > dl > dd dd a{
    color: #048dac;
    text-decoration: underline;
    transition:all .3s ease;
}

.message .accordion > dl > dd dd a:hover{
    opacity: 0.7;
}

.wwd{
    width: 100%;
}

.wwd h2{
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 35px;
}

.wwd h2 span{
    font-size: 14px;
    color: #a8d380;
    display: block;
}

.wwd ul{
    width: 100%;
}

.wwd ul li a{
    position: relative;
    width: 50%;
    height: 271px;
    float: left;
    background: url("../img/about/pic02.jpg") center;
    background-size: cover;
    transition:all .3s ease;
}

.wwd ul li a:hover{
    opacity: 0.7;
}

.wwd ul li:last-child a{
    background: url("../img/about/pic03.jpg") center;
    background-size: cover;
}

.wwd ul li a > span{
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    color: #4b4b4b;
}

.wwd ul li a > span span{
    font-size: 14px;
    display: block;
    color: #fff;
    margin-top: 5px;
}

@media screen and (max-width:640px){

.visual{
    min-width: 100%;
	height:32.55vw;
	background:#a9d6e2 url(../img/about/sp/visual01.jpg) no-repeat center;
    background-size: cover;
    margin-bottom: 6.51vw;
}

.visual h1{
    font-size: 4.166vw;
	top:13.671875vw;
    transform: translateX(-50%);
    margin-left: 0;
}

.visual h1 span{
    font-size: 2.6vw;
}

.lead p{
    font-size: 3.3854vw;
	text-align: left;
    margin: 0 auto 3.645833vw;
    width: 89.5833%;
}

.message{
    margin: 7.552vw auto 0;
    width: 89.5833%;
}

.message h2{
    font-size: 4.166vw;
    margin-bottom: 5.2vw;
}

.message h2 span{
    font-size: 2.6vw;
}

.message h2 + div img{
    margin: 0 5.5989vw 5.5989vw 0;
    width: 37.76vw;
}

.message h2 + div p{
    font-size: 3.3854vw;
}

.message .profile{
    margin-top: 7.8125vw;
}

.message .profile dl{
    float: none;
    width: 100%;
    line-height: 2;
}

.message .profile dl:last-child{
    float: none;
    margin-top: 7.8125vw;
}

.message .profile dl dt{
    font-size: 4.166vw;
    padding-bottom: 2.3vw;
    margin-bottom: 2.34375vw;
}

.message .profile dl dd table{
    font-size: 3.3854vw;
}

.message .profile dl dd table th{
    width: 16.927vw;
}

.message .accordion{
    margin: 2.6vw 0 10vw;
}

.message .accordion > dl:first-child{
    margin-bottom: 3.9vw;
}

.message .accordion > dl > dt{
    line-height: 11.458vw;
}

.message .accordion > dl > dt:hover{
    color: #048dac;
    border: 1px solid #37a4bd;
    background: none;
}

.message .accordion > dl > dt::before{
    right: 4.166vw;
}

.message .accordion > dl > dt.is-active{
    color: #fff;
    border: 1px solid #048dac;
    background: #048dac;
}

.message .accordion > dl > dt.is-active:hover{
    color: #fff;
    border: 1px solid #048dac;
    background: #048dac;
}

.message .accordion > dl > dt.is-active::before{
    content: "―";
}

.message .accordion > dl > dd{
    padding-top: 5.2vw;
}

.message .accordion > dl > dd > dt{
    font-size: 3.3854vw;
    padding-bottom: 3.3854vw;
    margin-bottom: 2.86458vw;
}

.message .accordion > dl > dd dd + dt{
    margin-top: 2.6vw;
}

.message .accordion > dl > dd dd{
    font-size: 3.3854vw;
    padding-left: 6.51vw;
}

.message .accordion > dl > dd dd a:hover{
    opacity: 1;
}

.wwd h2{
    font-size: 4.166vw;
    margin-bottom: 5.2vw;
}

.wwd h2 span{
    font-size: 2.6vw;
}

.wwd ul li a{
    width: 100%;
    height: 44.27vw;
    float: none;
    background: url("../img/about/sp/pic02.jpg") center;
    background-size: cover;
    display: block;
}

.wwd ul li a:hover{
    opacity: 1;
}

.wwd ul li:last-child a{
    background: url("../img/about/sp/pic03.jpg") center;
    background-size: cover;
}

.wwd ul li a > span{
    top: 24%;
    font-size: 4.166vw;
}

.wwd ul li a > span span{
    font-size: 2.6vw;
    margin-top: 0;
}
header ul li a {
    font-size: 24px !important;
}
}