@charset "utf-8";

/*共通*/
:root {
--layoutbox: 800px;; /*コンテンツの幅1*/
--minonrigreen:#396035; /*コーポレートカラー*/
}

body { padding-bottom: 90px!important; font-size: 100%!important;}

div {box-sizing: border-box!important;}

.tptx {
margin: 15px auto 25px;
font-size:2.3rem;
text-align: center;
width: 100%;
font-weight: bold;
font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
letter-spacing:0.3em;
color: #333;}


.wrap {
display: flex;
justify-content: center;
margin: auto;
/*position: absolute;
top: 45%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-45%) translateX(-45%);*/
width: 96%;
text-align: center;
}
.wrap div {margin: 20px 3%;}


.schools {font-size: 18px; margin: 10px auto;letter-spacing:0; border-radius: 50%;height:160px; width: 160px; padding: 5px; display: flex; align-items: center; justify-content: center; }
.schools a {color: #fff; text-decoration: none;}


.blue {background:#4883bb;}
.green {background: #489440;}


.content {width: 80%; max-width: 900px; margin: auto;}


.company { 
margin-top: 50px;
display: flex;
justify-content: center;
padding:0 12px;
}
.company div {display: inline-block; text-align: left;}




.footerLink {text-align: center; margin:0px auto;}
.footerLink a {display: inline-block; padding: 8px 12px;}

.footer {position: fixed; bottom: 0; width: 100%; padding:10px; margin:0; color: #555; background: #fff;box-shadow: 0 0 15px rgba(0,0,0,.1);}

.signature { text-align:center; font-family: century gothic, Verdana, Geneva, sans-serif; font-size:85%; letter-spacing:0.1px; line-height: 1.3; }

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

.company { 
display: flex;
justify-content:flex-start（;
}
.company div {display:block;}

.footerLink {font-size: 90%;}

}