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


.ttlp01{
background-color: #ffffec;
padding:20px;
font-size:2em;
margin-bottom: 30px;
text-align: center;
font-weight: bold;
}

.institution .flexbox li{
width:23%;
margin:1%;
} 

@media only screen and (max-width: 559px) {
.ttlp01{
font-size:1.5em;
line-height:1.5em;
}
.institution .flexbox li{
width:98%;
}
}


/*---生活関連ビジネス*/

.environment .flexbox li{
width:23%;
margin:1%;
}

.flexbox.camera p a,
.environment .flexbox li a:link,
.environment .flexbox li a:visited,
.environment .flexbox li a:hover,
.environment .flexbox li a:active
.environment .flexbox li a{
display:block;
background-color:#00a8a9;
color:#fff;
text-align:center;
padding:20px;
}
.environment .flexbox li a:hover{
background-color:#008486;
}
.flexbox.camera .IconBlank,
.environment .IconBlank {
    background: url(/lib/imgs/link_blank_white.svg) 0 0 no-repeat;
}
.camera.flexbox li{
width:31.3%;
margin:1%;
}
@media only screen and (max-width: 559px) {
.environment .flexbox li,
.camera.flexbox li{
width:98%;
margin-bottom:15px;
}
}



.flexbox.camera{
width:100%;
}


.flexbox.camera p{
width:48%;
margin:1%;
}
.flexbox.camera p a{
width:100%;
display:block;
padding:20px 10px;
text-align:center;
box-sizing:border-box;
}