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

section{
text-align:center;	
padding-bottom:2em;
}

#large-header{
margin:100px 0 2em;	
position:relative;
}

#large-header p:nth-of-type(1) img{
position:absolute;
top:100px;
right:100px;
}
#large-header p:nth-of-type(2) img{
position:absolute;
bottom:100px;
left:100px;
}

#large-header p:nth-of-type(3){
position:absolute;
top:50%;
left:50%;
}
#large-header p:nth-of-type(3) img{
display:inline-block;
margin-top:-142px;	
margin-left:-235px;
}

@media screen and (max-width: 640px) {
#large-header{
margin:50px 0 2em;	
}

#large-header p:nth-of-type(1) img{
position:absolute;
top:50px;
right:50px;
width:157px;
height:auto;
}
#large-header p:nth-of-type(2) img{
position:absolute;
bottom:50px;
left:50px;
width:200px;
height:auto;
}

#large-header p:nth-of-type(3){
position:absolute;
top:60%;
left:50%;
}
#large-header p:nth-of-type(3) img{
display:inline-block;
margin-top:-95px;	
margin-left:-125px;
width:260px;
height:auto;
}	
}

#large-header p:nth-of-type(1) img{
animation: f1 20s infinite linear;	
-ms-animation:  f1 20s infinite linear;	
-webkit-animation: f1 20s infinite linear;	
-moz-animation: f1 20s infinite linear;	
}
@keyframes f1{
0% {opacity:0;}
10% {opacity:1;}
20% {opacity:1;}
30% {opacity:1;}
40% {opacity:0;}
50% {opacity:0;}
60% {opacity:0;}
70% {opacity:0;}
80% {opacity:0;}
90% {opacity:0;}
100% {opacity:0;}
}
@-ms-keyframes f1 {
0% {opacity:0;}
10% {opacity:1;}
20% {opacity:1;}
30% {opacity:1;}
40% {opacity:0;}
50% {opacity:0;}
60% {opacity:0;}
70% {opacity:0;}
80% {opacity:0;}
90% {opacity:0;}
100% {opacity:0;}
}
@-webkit-keyframes f1{
0% {opacity:0;}
10% {opacity:1;}
20% {opacity:1;}
30% {opacity:1;}
40% {opacity:0;}
50% {opacity:0;}
60% {opacity:0;}
70% {opacity:0;}
80% {opacity:0;}
90% {opacity:0;}
100% {opacity:0;}
}
@-moz-keyframes f1 {
0% {opacity:0;}
10% {opacity:1;}
20% {opacity:1;}
30% {opacity:1;}
40% {opacity:0;}
50% {opacity:0;}
60% {opacity:0;}
70% {opacity:0;}
80% {opacity:0;}
90% {opacity:0;}
100% {opacity:0;}	
}

#large-header p:nth-of-type(2) img{
animation: f2 20s infinite linear;
-ms-animation: f2 20s infinite linear;	
-webkit-animation: f2 20s infinite linear;	
-moz-animation: f2 20s infinite linear;
}
@keyframes f2{
0% {opacity:0;}
10% {opacity:0;}
20% {opacity:0;}
30% {opacity:1;}
40% {opacity:1;}
50% {opacity:1;}
60% {opacity:0;}
70% {opacity:0;}
80% {opacity:0;}
90% {opacity:0;}
100% {opacity:0;}
}
@-ms-keyframes f2{
0% {opacity:0;}
10% {opacity:0;}
20% {opacity:0;}
30% {opacity:1;}
40% {opacity:1;}
50% {opacity:1;}
60% {opacity:0;}
70% {opacity:0;}
80% {opacity:0;}
90% {opacity:0;}
100% {opacity:0;}
}
@-webkit-keyframes f2{
0% {opacity:0;}
10% {opacity:0;}
20% {opacity:0;}
30% {opacity:1;}
40% {opacity:1;}
50% {opacity:1;}
60% {opacity:0;}
70% {opacity:0;}
80% {opacity:0;}
90% {opacity:0;}
100% {opacity:0;}
}
@-moz-keyframes f2{
0% {opacity:0;}
10% {opacity:0;}
20% {opacity:0;}
30% {opacity:1;}
40% {opacity:1;}
50% {opacity:1;}
60% {opacity:0;}
70% {opacity:0;}
80% {opacity:0;}
90% {opacity:0;}
100% {opacity:0;}	
}

#large-header p:nth-of-type(3) img{
animation: f3 20s infinite linear;	
-ms-animation: f3 20s infinite linear;		
-webkit-animation: f3 20s infinite linear;	
-moz-animation: f3 20s infinite linear;		
}
@keyframes f3{
0% {opacity:0;}
10% {opacity:0;}
20% {opacity:0;}
30% {opacity:0;}
40% {opacity:0;}
50% {opacity:0;}
60% {opacity:1;}
70% {opacity:1;}
80% {opacity:1;}
90% {opacity:1;}
100% {opacity:0;}
}
@-ms-keyframes f3{
0% {opacity:0;}
10% {opacity:0;}
20% {opacity:0;}
30% {opacity:0;}
40% {opacity:0;}
50% {opacity:0;}
60% {opacity:1;}
70% {opacity:1;}
80% {opacity:1;}
90% {opacity:1;}
100% {opacity:0;}
}
@-webkit-keyframes f3 {
0% {opacity:0;}
10% {opacity:0;}
20% {opacity:0;}
30% {opacity:0;}
40% {opacity:0;}
50% {opacity:0;}
60% {opacity:1;}
70% {opacity:1;}
80% {opacity:1;}
90% {opacity:1;}
100% {opacity:0;}
}
@-moz-keyframes f3{
0% {opacity:0;}
10% {opacity:0;}
20% {opacity:0;}
30% {opacity:0;}
40% {opacity:0;}
50% {opacity:0;}
60% {opacity:1;}
70% {opacity:1;}
80% {opacity:1;}
90% {opacity:1;}
100% {opacity:0;}	
}

#fukushinkai{
padding-bottom:3em;
}

#fukushinkai p:nth-of-type(1){
padding-bottom:0.5em;
font-size:110%;
}

#fukushinkai ul{
display:table-cell;
vertical-align:middle;
padding-right:20px;
}

#fukushinkai li{
text-align:left;
}

h2{
display:table-cell;
vertical-align:middle;
border-left:4px solid #333;
padding-left:20px;
}

#fukushinkai div{
display:table;
margin:0 auto 0.5em;
}

h3{
color:#009ee7;
font-size:160%;
font-weight:bold;
text-align:center;
line-height:1.2;	
padding-bottom:0.5em;	
}

h3+p{
width:90%;
margin:0 auto;
padding:0 0 1em;
text-align:justify;
}

#fc{
padding-bottom:2em;	
}
#fc a{
color:#009ee7;	
}
#fc a:hover{
color:#ff66cb;
}
#fc h3{
padding-bottom:0.8em;		
}
#fc ul{
text-align:center;
display:inline-block;
}
#fc li{
font-size:110%;
text-align:left;
padding:0 0 1.2em 0;
white-space: nowrap;
}
#fc span{
display:table-cell;
vertical-align:middle;
}
#fc li img{
flo at:left;
padding:2px 10px 0 0;
}
#fc li span span.arrow{
display:inline;
}

#about div{
width:91%;
margin:0 auto;	
display:flex;
flex-wrap:wrap;
}
#about dl{
width:31.6%;
display:inline-block;
margin:0 2% 1.5em 0;
box-sizing: border-box;
-o-border-radius:20px;
-ms-border-radius:20px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
}
#about dl:nth-child(1){
border:3px solid #ff66cb;
}
#about dl:nth-child(2){
border:3px solid #63f;
}
#about dl:nth-child(3){
border:3px solid #009800;
}
#about dl:nth-child(4){
border:3px solid #f63;
}
#about dl:nth-child(5){
border:3px solid #06f;
}
#about dl:nth-child(6){
background:#009ee7;	
}
#about dl:nth-child(6) dt{
font-size:170%;
}
#about dl:nth-child(6) dt span{
padding-top:1em;
font-size:65%;
line-height:1.5;
display:inline-block;
}
#about dl:nth-child(6) dd{
text-align:justify;
width:85%;
margin:0 auto;
font-size:95%;
padding-bottom:1em;
}

#about dl:nth-child(1) a{
color:#ff66cb;
}
#about dl:nth-child(2) a{
color:#63f;
}
#about dl:nth-child(3) a{
color:#009800;
}
#about dl:nth-child(4) a{
color:#f63;
}
#about dl:nth-child(5) a{
color:#06f;
}
#about dl:nth-child(6) a{
color:#fff;
}
#about dl:nth-child(3),
#about dl:nth-child(6){
margin-right:0;	
}
#about dl:hover{
opacity:0.5;
}
#about dl:nth-child(6):hover{
opacity:1;
background:#ff66cb;
}

#about dt{
font-size:130%;
line-height:1.2;
padding:0 0 0.5em;	
}
#about dt img{
padding:0.5em 0 0;
}
#about dd{
line-height:1.5;	
padding:0.3em 0 0.7em;
}
#about dd img{
width:100%;
height:auto;
}

#about dl:nth-child(6) img{
width:32px;
height:auto;
margin:0 auto;
display:block;
}

#vision p img{
width:32%;
height:auto;
margin:10px 2% 0 0;
-o-border-radius:10px;
-ms-border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
#vision p img:nth-child(4){
margin-right:0;		
}

#branch h3+ul {
padding-bottom:1em;	
}
#branch h3+ul li{
display:inline-block;	
padding:0 1em 0.5em 0;
}
#branch h3+ul  br{
display:none;
}
#branch h3+ul li img{
vertical-align:middle;
padding-right:0.2em;
}
#branch h3+ul li:nth-child(4) {
padding-right:0;	
}

#branch_box{
width:90%;
display:block;
margin:0 auto;
line-height:1.7;
}

#branch_box li{
width:24%;
-o-border-radius:10px;
-ms-border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
color:#fff;
display:inline-table;
height:10em;
font-size:80%;
margin:0 0.5% 1em 0;
}

#branch_box li a{
color:#fff;
background:#009ee7;	
display:block;
padding:1.5em 0;	
-o-border-radius:10px;
-ms-border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
height:10em;
}
#branch_box li a:hover{
background:#ff66cb;
}

#branch_box li img{
padding-top:0.3em;	
}
#branch_box li:nth-of-type(13) .cate,
#branch_box li:nth-of-type(15) .cate{
padding-top:0.7em;
}

#branch_box li a:hover img {
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
}
.cate{
font-size:160%;	
line-height:1.5;
padding-top:0.5em;
display:inline-block;
}
.name{
font-size:180%;	
}
.name span{
font-size:80%;	
}

#branch_box li:nth-of-type(4),
#branch_box li:nth-of-type(8),
#branch_box li:nth-of-type(12),
#branch_box li:nth-of-type(16)
{
margin:0 0 1em 0;
}

#branch_box li p{	
color:#fff;
display:block;
padding:1.5em 0;	
-o-border-radius:10px;
-ms-border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
height:10em;
}
#branch_box li:nth-of-type(1) p{
background:url(../img/f14.jpg) no-repeat;
background-size:cover;	
}
#branch_box li:nth-of-type(12) p{
background:url(../img/f15.jpg) no-repeat;
background-size:cover;	
}
#branch_box li:nth-of-type(15) p{
background:url(../img/f16.jpg) no-repeat;
background-size:cover;	
}
#branch_box li:nth-of-type(17) p{
background:url(../img/f17.jpg) no-repeat;
background-size:cover;	
}


#link a{
color:#333;	
}
#link a:hover{
color:#ff66cb;
}
#link h3{
padding-bottom:1em;	
}
#link h3+ul li{
display:inline-block;
padding-bottom:1em;	
}
#link h3+ul li:nth-of-type(1){
padding-right:2em;
}

@media screen and (max-width: 900px) {
#about div{
width:92%;
margin:0 auto;	
displ ay:block;
}
#about dl{
-o-border-radius:10px;
-ms-border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
width:47.5%;
margin:0 2.2% 1em 0!important;
box-sizing: border-box;
vertical-align:middle;
}
#about dt{
font-size:100%;
line-height:1.2;
padding:0 0 0.5em;	
}
#about dt img{
padding:0.3em 0 0;
}
#about dd{
font-size:80%;
line-height:1.5;	
padding:0.4em 0 0.5em;
}
#about dd img{
width:100%;
height:auto;
}	
#about dl:nth-child(2),
#about dl:nth-child(4),
#about dl:nth-child(6){
margin:0 0 1em 0!important;	
}
	
#branch_box li:nth-of-type(4) .name {
font-size:150%;
}
}

@media screen and (max-width: 640px) {
h2{
border:none;
display:block;
}
h3{
color:#009ee7;
font-size:120%!important;
font-weight:bold;
text-align:center;
line-height:1.2;	
padding-bottom:0.5em;	
}
h3 img{
width:10%;	
height:auto;
}
#fukushinkai ul{
display:block;
padding:0 0 0.5em;
}
#fukushinkai li{
text-align:center;
}
#fc li{
font-size:100%;
text-align:center;
padding:0 0 1.2em;
white-space: normal;
}
#fc li img{
display:block;
float:none;
padding:0 0 7px;
margin:0 auto;
}
#fc li span{
display:inline;
}
#fc li span span.arrow{
display:none;	
}
h3{
font-size:145%;
	
}
h3+p{
font-size:90%;
}
#about div{
display:block;	
width:90%;
}
#about dl{
-o-border-radius:10px;
-ms-border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
width:100%;
margin:0 0 0.7em!important;
box-sizing: border-box;
}
#about dt{
font-size:110%;
line-height:1.2;
padding:0 0 0.5em;	
}
#about dt img{
padding:0.3em 0 0;
}
#about dd{
font-size:90%;
line-height:1.5;	
padding:0.4em 0 0.5em;
}
#about dd img{
width:50%;
height:auto;
}	

#vision p img{
display:none;	
}

#branch h3+ul  br{
display:inline;
}

#branch_box li{
width:45%;
height:10em;
font-size:70%;
margin:0 0.5% 1em 0;
}
#branch_box li a{
color:#fff;
background:#009ee7;	
display:block;
padding:1em 0 2em;	
-o-border-radius:10px;
-ms-border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
height:10em;
}

#branch_box li:nth-of-type(12) p,
#branch_box li:nth-of-type(13) p,
#branch_box li:nth-of-type(15) p{
padding:1em 0 2em;		
}

#branch_box li:nth-of-type(1) p{
display:block;
padding:1em 0 2em;	
height:10em;	
}
.name span{
display:none;	
}
#branch_box li:nth-of-type(4) .name {
font-size:160%;
}
#branch_box li:nth-of-type(6) .name {
font-size:160%;
}
#branch_box li:nth-of-type(12) .name {
font-size:150%;
}
#link h3+ul li:nth-of-type(1){
padding-right:0;
}
#link h3+ul li img{
width:100px;
height:auto;
}

}

@media screen and (min-width: 1200px) {
#about dl:nth-child(6) dt{
font-size:250%!important;
}
#about dl:nth-child(6) dt span{
padding-top:1em;
font-size:65%;
line-height:1.5;
display:inline-block;
}
#about dl:nth-child(6) dd{
text-align:justify;
width:90%;
margin:0 auto;
font-size:110%;
padding-bottom:1em;
}
}