@charset "utf-8";

body {
font-size: 1.5rem;
}

/* グローバルメニュー
-----------------------------*/

.menu ul.gnav { width: 660px; }
.menu ul.gnav > li { width:14%;}
.menu ul.gnav > li:first-child { width:18%;}
.menu ul.gnav > li:nth-of-type(2) { width: 22%;}
.menu ul.gnav > li:nth-of-type(3) { width:14%;}
.menu ul.gnav > li:last-child { width:18%;}
.menu ul.gnav li a { font-size: 1.4rem;}
.gnav li ul.ulright { right: 0;}
.menu ul.gnav li ul li a { font-size: 1.3rem;}

.hmenu_navbox ul li a {
letter-spacing: 0.05em;
}

/* ページタイトル
-----------------------------*/
#pagetitle h2 {
font-size: 2.4rem;
font-weight: 700;
padding: 0.2em 0;
letter-spacing: 0;
}

/* メイン
-----------------------------*/
.mainbox h3 {
font-size: 1.8rem;
height: auto;
border-radius: 12px;
padding: 0.5em 1em;
letter-spacing: 0;
text-align:left;
}

.mainbox h3.catch { font-size: 2.4rem;}

.mainbox h4 {
font-size: 1.8rem;
font-weight: 500;
padding: 0.2em 1em;
border: 1px dotted #999;
border-radius: 8px;
letter-spacing: 0;
}

.mainbox h5 {
font-size: 1.6rem;
}

.mainbox table th,
.mainbox table td {
font-size: 1.4rem;
}

/* INTRODUCTION
----------------------------------*/
.intor-program1 {
width: 50%;
padding: 1em 2em;
margin: 0 auto;
border: 4px solid #888;
border-radius: 12px;
}

.intor-program2 {
width: 100%;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}

.intor-program2_txt {
width: 48%;
padding: 1em 2em;
margin: 0 1%;
border: 4px solid #888;
border-radius: 12px;
}

.intor-program1 h4,
.intor-program2 h4 {
color: #FFF;
background-color: #0B47A8;
margin:1em 0;
}

.intor-program2 ul {
position: relative;
padding-bottom: 4em;
}

.intor-program2 ul::after {
position: absolute;
content: "↓";
bottom: 0;
left: 3em;
font-size: 3rem;
}

.mainbox > ul {
margin-top: 2em;
}

@media screen and (max-width: 768px) {
    .t_scroll::before {
    content: "Flick sideways to view.";
    }
    /* INGRODUCTION */
    .intor-program1 {
    width: 100%;
    padding: 1em 1em;
    border: 2px solid #888;
    }
    .intor-program2_txt {
    padding: 1em 1em;
    border: 2px solid #888;
    }
    .intor-program1 h4,
    .intor-program2 h4 {
    font-size: 1.5rem;
    }
    .intor-program1 h5,
    .intor-program2 h5 {
    font-size: 1.3rem;
    }
    .intor-program2 ul::after {
    left: 2.5em;
    font-size: 2rem;
    }
}


/* ABOUT TUMSAT
----------------------------------*/
.history1 {
width: 100%;
padding-bottom: 5em;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
}

.history1::after {
position: absolute;
content: "↓";
bottom: 0;
left: 0;
right: 0;
margin: auto;
font-size: 5rem;
text-align: center;
}

.history2 {
padding: 1em 2em;
margin: 0 1%;
}

.history1_txt {
width: 48%;
padding: 1em 2em;
margin: 0 1%;
background-color: #F2F2F2;
}

.history1_txt:first-child {
text-align: right;
}

.history1_txt ul,
.history2 ul {
padding: 0;
}

.history1_txt ul li,
.history2 ul li {
list-style-type: none;
margin-bottom: 1em;
padding-left:0;
background-image: none;
}

.history1_txt ul li strong,
.history2 ul li strong {
display: block;
}

.history1_txt h4,
.history2 h4 {
color: #FFF;
background-color: #0B47A8;
margin:1em 0;
text-align:center;
}

@media screen and (max-width: 768px) {
    /* ABOUT TUMSAT */
    .history2 {
    width: 100%;
    padding: 1em 1em;
    font-size: 1.2rem;
    }
    .history1_txt {
    padding: 1em 1em;
    font-size: 1.2rem;
    }
    .history1_txt h4,
    .history2 h4 {
    font-size: 1.4rem;
    }
}