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

header h1 {
    width: 373px;
    margin-top:0px;
}
header .right .tel a {
    font-size: 30px;
}
header .right .tel img {
    margin-bottom:-0.2em;
}
header .right .tel {
    left: -50%;
}
header .right .btn p {
    margin-left:10px;
}
.globalnavi li {
    width:18.5%;
}
.globalnavi li:last-child{
    width:7.5%;
}
.globalnavi li:last-child a{
    border-right:none;
    text-align:right;
}
main {
    padding-top: 174px;
}
main .main_v{
    position:relative;
    height:540px;
    background:url(/assets/img/npo/mainimg/jpg) center top no-repeat;
}
main .inner{
    width:900px;
    margin:0 auto;
}
main section{
    position:relative;
}
main .anchor{
    position:absolute;
    top:-150px;
}

main .news{
    width:900px;
    margin:0 auto;
    margin-bottom:5em;
}
main .news h3{
    font-size:20px;
    text-align:center;
    padding-bottom:1em;
    padding-top:2em;
}

main .news ul{
    border-top:1px solid #666666;
    padding-top:0.5em;
}
main .news ul li{
    margin-bottom:0.5em;
    clear:both;
}
main .news ul li p{
    display:table-cell;
    vertical-align:top;
    word-break:break-all;
}
main .news ul li p a{
    text-decoration:none;
    color:#000;
}
main .news ul li p a:hover{
    text-decoration:underline;
}
main .news ul li p:nth-of-type(1){
    width:6.5em;
    font-size:14px;
}

main .list{
    text-align:right;

}
main .list a{
    background:url(../img/common/arrow.png) right center no-repeat;
    text-decoration:none;
    color:#000;
    padding-right:1em;
}
main .list a:hover{
    text-decoration:underline;
}

main h4{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 500;
    color: #333333;
    width:15em;
    margin:0 auto;
    margin-bottom:1.5em;
font-family: 'Noto Sans Japanese', sans-serif;
}
main h4:before{
    content: "";
    border-top: 1px solid #333333;
    flex-grow: 1;
    margin-right: 1em;
}
main h4:after{
    content: "";
    border-top: 1px solid #333333;
    flex-grow: 1;
    margin-left: 1em;
}
main .outline{
    margin-bottom:5em;
}
main .outline div{
    display:flex;
    justify-content:space-between;
}
main .outline div p{
    width:48%;
    line-height:2;
}

main .activity{
    margin-bottom:3em;
}
main .activity table {
    width:100%;
}
main .activity table td{
    border:solid 1px #a9a5a5;
    padding:1em;
}

main .introduce{
    /*width:900px;
    margin:0 auto;*/
    margin-bottom:7em;
}
@media screen and (max-width:1480px){
main .introduce{
    width:900px;
    margin:0 auto;
    margin-bottom:7em;
}
}
main .introduce h3{
    font-size:20px;
    text-align:center;
    padding-bottom:2em;
    padding-top:2em;
}
main .introduce ul.slick-box2{
    /*width:1460px;
    margin-left:-217.5px;*/
    width:100vw;
}
@media screen and (max-width:1480px){
main .introduce ul.slick-box2{
    width:1460px;
    margin-left:-217.5px;
}
}
main .introduce ul.slick-box2 li{
    position:relative;
}
.slick-slide img {
    width:100%;
}
main .introduce ul.slick-box2 li .caption{
    text-align:center;
    position:absolute;
    bottom:0px;
    left:0px;
    padding-top:1em;
    padding-bottom:1em;
    background-color: rgba(239,130,1,0.8);
    color:#FFF;
    font-size:14px;
    width:100%;
}
main .introduce ul.slick-box2 li .caption:before{
    display: block;
    position: absolute;
    content: "";
    top: -13px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 32px;
    height: 14px;
    background-image: url(/assets/img/top/arrowup.png);
    background-repeat: no-repeat;
    background-size: 32px;
}


main .introduce ul.slick-box2 .slick-slide {
    margin-right: 20px;
}


main .rinen{
    margin-bottom:5em;
}

main .rinen li{
    padding-top:1em;
    padding-bottom:1em;
    border-top: 1px dotted #c6c6c6;
    color:#ef8200;
    font-size:20px;
    padding-left:1em;
    text-indent:-1em;
}
main .rinen li .in{
    font-size: 20px;
    font-weight: 500;
    color: #309b81;
    text-indent: -1.2em;
    padding-left: 1.2em;
}
main .rinen li:last-child{
    border-bottom: 1px dotted #c6c6c6;
}
main .rinen li span.square {
    padding: 0 5px;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    line-height: 1em;
    border: 1px solid #ef8200;
    position:relative;
    top:-0.2em;
}
main .rinen li span.small {
    font-size: 12px;
    font-weight: 400;
    text-indent: -0em;
    padding-left: 0em;
    color: #333333;
}



main .message{
    margin-bottom:5em;
}
main .message div{
    display:flex;
    justify-content:space-between;
}
main .message div p.text{
    width:65%;
    line-height:2;
}
main .message div p.text span{
    font-size:1.2em;
    display:block;
    text-align:right;
    margin-top:1em;
}
main .message div p.text span > span{
    font-size:1.4em;
    display:block;
    margin-top:0em;
}

main .member{
    margin-bottom:5em;
}
main .member .btn{
    text-align:center;
    margin-top:1em;
}

main .bottom{
    margin-bottom:4em;
}
main .bottom table{
    width:100%;
}
main .bottom th{
    padding:1em;
    background-color:#ef8200;
    color:#FFF;
    border:solid 1px #ef8200;
    border-bottom:solid 1px #FFF;
    text-align:left;
    font-weight:normal;
}
main .bottom tr:last-child th{
    border-bottom:solid 1px #ef8200;
}
main .bottom td{
    padding:1em;
    border:solid 1px #ef8200;
}
main .bottom td a{
    color:#000;
    text-decoration:none;
}

@media screen and (max-width:768px){
.globalnavi li {
    width: 100%;
}
    .globalnavi dd {
    top: 14.5vw;
}
.globalnavi li:last-child img{
    width:2em;
}
.globalnavi .btn {
    display:none;
}
header .facebook{
    position:absolute;
    top:2.5vw;
    right:2.5vw;
    width:10vw;
}
main {
    padding-top: 15vw;
}
main .inner {
    width: 95%;
}

header h1 {
    width: 50%;
}

main .main_v {
    height: 50vw;
    background-size:cover;
}

main .list a {
    background-size:0.5em;
}


main .news {
    width: 95%;
}
main .news h3 {
    font-size: 5vw;
    padding-bottom: 0.5em;
    padding-top: 1em;
}
main .news ul{
    padding-left:0.5em;
    padding-right:0.5em;
}
main .news ul li {
    margin-bottom: 1em;
}
main .news ul li p {
    display: block;
}
main .news ul li p:nth-of-type(1) {
    font-size: 3.5vw;
}

main .introduce {
    width: 100%;
    margin-bottom: 5em;
}
main .introduce h3 {
    font-size: 5vw;
    padding-bottom: 0.5em;
}
main .introduce ul.slick-box2 {
    width: 100%;
    margin-left: 0px;
}
main .introduce ul.slick-box2 li .caption {
    font-size: 3.5vw;
    width: 100%;
}

main .introduce ul.slick-box2 .slick-slide {
    margin-right: 0px;
}

main .outline div {
    display: block;
}
main .outline div p {
    width: 100%;
}

main h4 {
    margin-bottom: 1em;
    font-size:5vw;
}
main .activity table{
    border: solid 1px #a9a5a5;
    border-bottom: none;
}
main .activity table td {
    display:block;
    border:none;
    border-bottom: solid 1px #a9a5a5;
}

main .rinen li {
    font-size: 4vw;
    padding-left:1.7em;
    text-indent:-1.7em;
}
main .rinen li span.square {
    font-size: 4vw;
    top:0px;
}
main .message div p{
    width: 48%;
}
main .message div p.text {
    width: 48%;
}

main .member .btn {
    width:70%;
    margin:0 auto;
    margin-top: 1em;
}
footer .logo {
    width: 50%;
}
.slick-dots {
    bottom: -30px!important;
}
.slick-dots li {
    width: 8px!important;
    height: 8px!important;
}
.slick-dots li button:before {
    width: 8px!important;
    height: 8px!important;
    border-radius: 16px!important;
}


}