/*=================
●Style_sp.css 画面の幅が767px以上
=================*/

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

*{
    /*全ての余白を削除*/
    margin: 0;
}

header{
    /*ヘッダーを固定する*/
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height 10rem;
    font-size: 0.7rem;
}


header ul{
    /*左詰*/
    padding-left: 0;

}

header div{
    /*ヘッダーにあるトップページへのリンク*/
    list-style-type: none;
    float: center;
    background: #000000;
    text-align: center;
    width: 100%
}

header div a{
    /*通常時*/
    display: block;
    box-sizing: border-box solid #000000;
    text-decoration: none;
    color: #ffffff;
}

header li{
    /*ヘッダーのコンテンツリスト*/
    list-style-type: none;
    float: left;
    background: #000000;
    text-align: center;
    width: 20%;
    height: 1.2rem;
}

header li a{
    /*通常時*/
    display: block;
    box-sizing: border-box solid #000000;
    text-decoration: none;
    color: #ffffff;
}

header li a:hover{
    /*マウスオーバー時*/
    background: #ffffff;
    box-sizing: border-box solid #000000;
    color: #000000;
}

header p{
    /*ヘッダーの下の白空白*/
    background: #ffffff;
}


footer{
    /*フッターを固定する*/
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height 10rem;
}

h1{
    /*灰色1*/
    border-left: solid 1rem #111111;
    background: #cccccc;
    text-indent: 1rem;
    margin-top: 1rem; 
    font-size: 150%;
    
}


h2{
    /*灰色2*/
    border-left: solid 1rem #aaaaaa;
    background: #dddddd;
    text-indent: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 120%;
}


h3{
    /*灰色3*/
    border-left: solid 1rem #ffffff;
    background: #eeeeee;
    text-indent: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 115%;
}


#abstract{
    /*トップページに配置した説明文*/
    font-size: 1.5rem;
    text-align: center;
}
    
.totop{
    text-align: right;
    margin-right: 2rem;
    font-size: 80%;
    color: blue;
    text-decoration: underline;
    text-decoration-color: blue;
}

.update{
    /*UpDateの位置*/
    text-align: right;
    margin-bottom: 1rem;
    font-size: 0.5rem;
}

.news{
    text-align: right;
    margin-right: 2rem;
}
    
.ground{
    /*バックグラウンドマージン*/
    margin-top: 6rem;
    margin-left: 0.5rem;
	margin-right: 0.5rem;
    margin-bottom: 2rem;
	
}
    
.achevement{
	/*ぶら下げインデント*/
	margin-left: 4rem;
	text-indent: -2rem;

}
    
.basic_info{
	/*ぶら下げインデント*/
	margin-left: 6rem;
	text-indent: -4rem;
}

.history{
	/*ぶら下げインデント*/
	margin-left: 11.5rem;
	text-indent: -9.5rem;
}

.history_sy{
	/*ぶら下げインデント*/
	margin-left: 8.5rem;
	text-indent: -6.5rem;

}

.sinple{
	/*ぶら下げインデント*/
	margin-left: 2rem;
	text-indent: 0rem;
}

.textbox{
	/*インデント*/
	margin-left: 2rem;
    margin-right: 2rem;
    margin-bottom: 1rem;
	text-indent: 1rem;
}

.note{
    /*注釈*/
    font-size: small;
}

.float_left{
    /*画像回り込み*/
    float: left;
    margin-right: 1rem;
    margin-bottom: 1rem;
}

.float_right{
    /*画像回り込み*/
    float: right;
}

.clear{
    /*float解除*/
    clear: both;
    }
    
.footer{
    /*黒背景白抜き文字*/
    font-size: 8px;
    background: #000000;
    color: #ffffff;
    text-align: center;
}

}