@charset "UTF-8";

@media screen and (max-width: 700px) {
    
* {
	margin: 0;
	padding: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ *
/* h1見出し */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

h1 {
    font-size: 1.4em;
}

    
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ヘッダー */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.h1_box_manage {
	width: 100%;
	height: 150px;
	margin: 0;
	background: #1a4b69;
}  
    
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* グローバルナビ */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#gnavi_box {
	width: 100%;
	margin: 0;
	padding: 0;
}
#gnavi_box ul {
	width: 100%;
	height: 50px;
	margin: 0;
}
.gnavi_box {
    width: 100%;
    height: 60px;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}
#gnavi_box ul li, #gnavi_box ul li.toppage {
	width: 50%;
	margin: 20px 1%;
	padding: 0 12px;
	font-size: 14px; 
	border-bottom: 1px #D8D9E3 solid;
	box-sizing: border-box;
}
.gnavi_box ul li a {
    width: 45%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* コンテンツ基本レイアウト */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#container {
	width: 100%;
	margin: 0;
}
#contents {
	width: 96%;
    height: auto;
    padding: 0 2%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* メインエリア */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

h2{ font-size: 1.6em;}
h3{ font-size: 1.4em;}
h4{ font-size: 1.3em;}
h5{ font-size: 1.3em;}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* サイドエリア */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#side_box{
    width: 30%;
    height: auto;
    margin: 20px 0;
    padding: 0 0 20px;
    font-size: 14px;
    position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 0;
}
#side_box .title{
    font-size: 1em;
}
#side_box ul, #side_box ul.children {
    width: 100%;
	margin: 0;
	padding: 10px 15px;
}
#side_box ul ul{
	padding: 10px 10px 10px 10px;
}
#side_box ul li, #side_box ul.children li,
#side_box ul li ul li ul li{
    width: 100%;
	height: auto;
	padding: 0 0 0 10px;
	float: left; 
	box-sizing: border-box;
    background: url(img/li002.png) left 12px no-repeat;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* フッタ */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#body-foot p{
    width: 100%;
    margin: 0;
	font-size:12px;
}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

このCSSファイルの無断配布及び商用販売を固く禁じます。
Copyright 株式会社Mithril All rights Reserved.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */