@charset "utf-8";

h3{margin-bottom:1em;font-size:5vmin;text-align:center;color:#f60;}
section p{font-size:0.95em;line-height:1.6em;}

main > section > section{margin-bottom:20%;padding:0 1.6em;}

main #index > section{padding:10% 1.6em;margin-bottom:0;}

#index #top {position:relative;overflow:hidden;}
#index #top img{width:100%;}
#main_img{position:relative;width:100%;overflow:hidden;	height:70vh;/*padding-top:52.08333333333333%;*/background:#fff;}
#main_img div{
    z-index: 10;
    width: 100%;
	height:100%;
/*	padding-top:52.08333333333333%;*/
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: anime 32s 0s infinite both;
    animation: anime 32s 0s infinite both;
}
#main_img div:nth-of-type(2) {
    -webkit-animation-delay: 8s;
    animation-delay: 8s;
}
#main_img div:nth-of-type(3) {
    -webkit-animation-delay: 16s;
    animation-delay: 16s;
}
#main_img div:nth-of-type(4) {
    -webkit-animation-delay: 24s;
    animation-delay: 24s;
}
@keyframes anime{
0% {    opacity: 0;}
12.5% {    opacity: 1;}/*4*/
25% {    opacity: 1;}/*8*/
37.5% {    opacity: 0;/*12*/    -webkit-transform: scale(1.2) rotate(0.1deg);    transform: scale(1.2) rotate(0.1deg);    z-index: 9;}
100% {    opacity: 0;}
}
#main_img div:nth-of-type(1){background-image:url(../img/slide1.jpg);}
#main_img div:nth-of-type(2){background-image:url(../img/slide2.jpg);}
#main_img div:nth-of-type(3){background-image:url(../img/slide3.jpg);}
#main_img div:nth-of-type(4){background-image:url(../img/slide4.jpg);}

#index #top h2{width:100%;max-width:1100px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:6vmin;z-index:20;}
#index #top h2 span{display:inline-block;padding:1em;background:rgba(0,50,100,0.6);text-shadow:0 0 4px rgba(0,50,100,0.8);}
#index #top + div{padding:2em;background:#075e9c;}
#index #top + div p{max-width:1100px;margin:auto;color:#fff;font-size:4vmin;}
#index h3{font-size:6vmin;}
#index .sec1 p{margin-bottom:2em;}
#index .sec1 div{margin-bottom:2em;}
#index .sec1 div img{width:33.33333333333333333%;}
#index .sec1 li:first-child{margin-bottom:1em;}
#index .sec1 a{display:block;box-sizing:border-box;padding:1em;text-align:center;border:solid 2px #075e9c;font-weight:bold;transition:all 0.3s;}
#index .sec1 a:hover{background:#075e9c;color:#fff;}

#index .sec2{background:#f0f0f0;}
#index .sec2 img{dipslay:block;width:100%;margin-bottom:2em;}
#index .sec2 p{margin-bottom:1em;}
#index .sec2 p a{display:block;box-sizing:border-box;padding:1em 2em;text-align:center;border:solid 2px #075e9c;font-weight:bold;transition:all 0.3s;}
#index .sec2 p a:hover{background:#075e9c;color:#fff;}
#index .sec2 p:last-of-type{padding-top:1em;}

#index .sec3 dl{background:#fff;border-top:dotted 1px #111;}
#index .sec3 dt,#index .sec3 dd{font-size:0.95em;line-height:1.6em;}
#index .sec3 dt{padding:1em 0;font-weight:bold;}
#index .sec3 dd{padding-bottom:1em;border-bottom:dotted 1px #111;}


#about h3{line-height:2.6em;text-align:left;color:#fff;background:#d86f29;}
#about h3:before{content:"";display:block;float:left;padding-left:0.2em;margin-right:0.5em;height:2.6em;border-right:double 0.2em #fff;}
#about #top + div{margin-bottom:2em;padding:0 1.6em ;}
#about #top + div img{width:100%;margin-bottom:2em;}
#about #top + div p{margin-bottom:1em;}
#about .sec1 p{margin-bottom:1em;}

#about .sec1 table{display:block;box-sizing:border-box;overflow:hidden;border-collapse:separate;border-spacing: 0;width:100%;}
#about .sec1 tr + tr th,#about .sec1 tr + tr td{border-top:solid 2px #fff;}
#about .sec1 th,#about .sec1 td{box-sizing:border-box;padding:1em ;}
#about .sec1 th{font-weight:bold;background:#065e9d;color:#fff;}
#about .sec1 td{background:#e3f1fe;}
/*
#about .sec1 table{display:block;box-sizing:border-box;overflow:hidden;border-collapse:separate;border-spacing: 0;width:100%;}
#about .sec1 tr + tr th,#about .sec1 tr + tr td{border-top:solid 2px #fff;}
#about .sec1 th,#about .sec1 td{display:block;box-sizing:border-box;padding:1em ;width:100%;}
#about .sec1 th{font-weight:bold;background:#065e9d;color:#fff;}
#about .sec1 td{background:#def;}
*/
#about .sec2 section{margin-bottom:3em;}
#about .sec2 section img{width:100%;margin-bottom:1em;}
#about .sec2 h4{margin-bottom:1em;padding:0.2em 0.6em;color:#111;border-left:solid 8px #d86f29;font-size:1.2em;}

#about .sec3 table{border-collapse:collapse;width:100%;margin-bottom:2em;}
#about .sec3 p{margin-bottom:2em;}
#about .sec3 h4{box-sizing:border-box;display:block;width:100%;text-align:left;font-size:1.2em;margin-bottom:1em;padding:0.2em 0.6em;color:#111;border-left:solid 8px #f60;}
#about .sec3 th,#about .sec3 td{box-sizing:border-box;padding:0.8em 0.5em;text-align:center;border:solid 1px #666;font-size:0.8em;}
#about .sec3 th{font-weight:normal;background:#fd8;}
#about .sec3 td{background:#fcf9e5;}

#about .sec3 tr:nth-of-type(1) th:nth-of-type(2),#about .sec3 tr:nth-of-type(1) th:nth-of-type(3){width:38%;}
#about .sec3 th:first-line,#about .sec3 td:first-line{font-weight:bold;}
#about .sec3 li{padding:0.5em 0;padding-left:1em;text-indent:-1em;}
#about .sec3 li:before{content:"●";color:#f90;}


#flow #top + div{max-width:1100px;margin:auto;padding:6% 0;}
#flow div img{display:block;width:100%;}
#flow figure{padding:0 1em;}
#flow div figcaption{display:block;text-align:right;font-size:0.6em;}
#flow .color{background:#fd8;}
#flow ul{margin:0 1em 6%;}
#flow li{margin-bottom:2em;text-align:center;}
#flow li img{width:100%;margin-bottom:0.5em;}


#association .sec1{overflow:hidden;box-sizing:border-box;padding:1em;max-width:1100px;margin-left:auto;margin-right:auto;}
#association .sec1 h3{margin-bottom:2em;color:#111;font-size:6vmin;}
#association .sec1 p{margin-bottom:1.6em;line-height:2em;}
#association .sec1 div{float:right;display:flex;align-items:center;padding-top:2em;}
#association .sec1 div img{border:solid 1px #ccc;width:80px;}
#association .sec1 div p{margin-bottom:0;padding-right:1em;text-align:right;}

#association .sec1 + div{margin-bottom:6%;padding:6% 0;background:url(../img/bg01.jpg) no-repeat bottom left #f0f0f0;background-size:cover;}
#association .sec1 + div p{font-size:3.6vmin;font-family:serif;font-weight:bold;text-align:center;}
#association .sec1 + div p span{display:block;}

#association .sec2{margin-bottom:0;padding:20% 0;background:url(../img/bg01.jpg) no-repeat top;background-size:contain;}
#association .sec2 h3{font-size:4vmin;max-width:960px;margin:auto;padding:1em ;line-height:1.6em;color:#222;background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 85%, rgba(255,255,255,0) 100%);}
#association .sec2 h3 span{display:block;text-align:center;}
#association .sec2 > div{max-width:960px;margin:auto;}
#association .sec2 ul{display:flex;justify-content:space-between;flex-wrap:wrap;padding:4em 1em;}
#association .sec2 div > ul li{width:30%;text-align:center;}
#association .sec2 div > ul li:last-child img{border:none;}
#association .sec2 section{}
#association .sec2 h4{padding:1em 0;text-align:center;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;}
#association .sec2 section ul > li{width:30%;margin-bottom:2em;text-align:center;}
#association .sec2 section ul:after{content:"";display:block;width:24%;}
#association .sec2 ul img{border:solid 1px #ccc;margin-bottom:0.5em;background:#fff;width:80px;}
#association .sec2 li p{font-size:0.8em;}
#association .sec2 li p:first-of-type{line-height:1em;font-weight:bold;font-size:0.8em;}
#association .sec2 li span{display:block;text-align:center;font-size:0.6em;line-height:1;}
#association .sec2 li:nth-of-type(12) p:nth-of-type(2)/*,#association .sec2 li:nth-of-type(13) p:nth-of-type(2)*/{transform:scaleX(0.7);}
#association .sec2 li:nth-of-type(12) p:nth-of-type(2) span,#association .sec2 li:nth-of-type(13) p:nth-of-type(2) span{transform:scaleX(1.3);}

#association .sec3 > div{max-width:800px;margin:auto;background:#f00;}
#association .sec3 > div div{position:relative;padding-top:56.25%;}
#association .sec3 iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

#access .sec1{max-width:1100px;margin:0 auto 6%;}
#access .sec1 img{width:100%;margin-bottom:3em;}
#access table{width:100%;max-width:800px;margin:0 auto 3em;border-collapse:collapse;}
#access th,#access td{padding:1em 0;border-bottom:dotted 1px #333;}
#access th{min-width:5em;padding-right:1em;}







@media screen and (min-width: 481px),print {
#association .sec2 li p{font-size:1em;}
#association .sec2 ul img{width:80%;}

#flow ul{max-width:1100px;margin:0 auto 6%;display:flex;justify-content:space-between;flex-wrap:wrap;}
#flow li{width:32%;}
}






@media screen and (min-width: 769px),print {
h3{margin-bottom:1em;font-size:3.5vmin;text-align:center;color:#f60;}
section p{font-size:1.1em;line-height:1.8em;}

main > section > section{margin-bottom:6%;}

main #index > section{padding:6% 2em;margin-bottom:0;}

#index #top h2{font-size:5vmin;}
#index #top + div p{font-size:2.2vmin;text-align:center;}
#index .sec1{text-align:center;}
#index .sec1 p{margin-bottom:2em;font-size:1.2em;}
#index .sec1 div{display:flex;justify-content:space-between;max-width:1100px;margin:auto;}
#index .sec1 div img{width:30%;}
#index .sec1 ul{display:flex;justify-content:space-between;max-width:960px;margin:auto;padding-top:5%;}
#index .sec1 li{width:47%;}
#index .sec1 a{display:block;box-sizing:border-box;padding:2em 1em;text-align:center;font-size:1.1em;border:solid 2px #075e9c;font-weight:bold;transition:all 0.3s;}

#index .sec2{display:flex;justify-content:center;align-content:flex-start;align-items:flex-start;background:#f0f0f0;}
#index .sec2 h3{text-align:left;}
#index .sec2 div,#index .sec2 img{width:450px;}
#index .sec2 div{padding-right:60px;order:1;}
#index .sec2 img{order:2;margin-bottom:0;align-self:flex-start;}
#index .sec2 p a{display:inline-block;}
#index .sec2 p:last-of-type{padding-top:2em;}

#index .sec3{}
#index .sec3 dl{display:flex;flex-wrap:wrap;max-width:800px;margin:auto;background:#fff;border-top:dotted 1px #111;}
#index .sec3 dt,#index .sec3 dd{padding:1em 0;border-bottom:dotted 1px #111;}
#index .sec3 dt{width:20%;}
#index .sec3 dd{width:80%;}


#about #top + div,#about > section{max-width:1100px;margin-left:auto;margin-right:auto;font-size:1.1em;}
#about #top + div{overflow:hidden;margin-bottom:6%;}
#about #top + div img{width:40%;float:right;margin-left:4em;}
#about .sec1 table{}
#about .sec1 th,#about .sec1 td{display:table-cell;padding:1.4em ;}
#about .sec1 th{width:10%;}
#about .sec1 td{width:90%;}

#about .sec2 div{display:flex;flex-wrap:wrap;justify-content:space-between;}
#about .sec2 section{width:45%;margin-bottom:3em;}
#about .sec2 h4{margin-bottom:1em;padding:0.3em 0.8em;font-size:1.4em;}
#about .sec3 th,#about .sec3 td{box-sizing:border-box;padding:1em;text-align:center;font-size:0.8em;}
#about .sec3 th{width:30%;font-weight:normal;font-size:1.1em;}
#about .sec3 td{font-size:1.1em;}


#flow div figcaption{display:block;text-align:right;}


#association > section{font-size:1.1em;}
#association .sec1{overflow:hidden;box-sizing:border-box;padding:8em;max-width:1100px;margin-left:auto;margin-right:auto;}
#association .sec1 div img{border:solid 1px #ccc;width:auto;}

#association .sec2{margin-bottom:0;padding:6% 0;background:url(../img/bg01.jpg) no-repeat top;background-size:contain;}
#association .sec2 h3{padding:1em 3em;}
#association .sec2 ul{display:flex;justify-content:space-between;flex-wrap:wrap;padding:4em 0;}
#association .sec2 section ul > li{width:24%;margin-bottom:2em;text-align:center;}
#association .sec2 ul img{width:auto;}
}



@media screen and (min-width: 1100px),print {
#about #top + div{padding:0;}
#flow figure{padding:0;}
}