@charset "utf-8";

@media screen and ( max-width:479px ){
/*768px ipad size*/
/*910px size*/

/* background */
	#bg {background:none} /*PC用の背景はオフ*/
		body::before {
		content:"";
		display:block;
		position:fixed;
		top:0;
		left:0;
		z-index:-1;
		width:100%;
		height:100vh;
		background:url(../img/bg.jpg) center/cover no-repeat; /*fixedをトル！*/
		-webkit-background-size:cover;/*Android4*/
	}

	/*----- style ------------------------------*/
	body{
		font-size: 0.8rem;
    	line-height: 10.4em;
		min-width:100%;
  	}
	#home #container h1 {
		margin: 0;
		padding : 20px 0 20px 0;
	}
	body#news #container h1 {
		margin: 0;
		padding : 20px 0 20px 0;
	}
	.stagebase {
		margin: 0;
		width: 100%;
	}
	#nav-line li {
		display:inline-block
	}
	/*---- menu --------------------------------*/

header {
height: 80px;
z-index: 10002;
position: fixed;
}
header nav {
    position: absolute;
    top: 100%;
}
header {
    background: rgb(0,31,91);
    color: white;
    width: 100%;
}
header .menu_button {
    border-left: solid 1px white;
    float: right;
    width: 70px;
    height: 100%;
    text-align: center;
}
header .menu_button span {
    line-height: 40px;
}
header nav {
    background: rgb(0,31,91);
    color: white;
    width: 100%;
    opacity: 0.9;
}
header nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
header nav ul li#nav1:first-child {
    border-top: solid 1px white;
}
header nav ul li {
    border-bottom: dotted 1px white;
    text-align: center;
    padding: 1em;
    width:100%;
}
main {
    width: 100%;
}

/*----- contents -----------------------------*/

.message-group1 h3 {
    padding-bottom: 1em;
    margin-bottom: 1em;
    /* border-bottom: 1px solid #fff; */
    border-bottom: 1px solid #4dccbd;
    /*font-weight: bold;*/
    font-size: 1.1em;
    margin-bottom: 30px;
}

.message-group1 h4 {
    line-height: 26px;
}

.message-group1 ol > li {
    position: relative;
    margin-bottom: .5em;
    padding-left: 2.5em;
}

.message-group1 ol > li:before {
    content: counter(li) "";
    counter-increment: li;
    position: absolute;
    left: 0;
    width: 1.8em;
    height: 1.8em;
    background: #1B99E8;
    color: #fff;
    line-height: 1.8;
    text-align: center;
}

div.radius {
    /* background: rgba(0,31,91,.5); */
    background: rgb(0,31,91);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 15px;
    display: inline-block;
}

	/*----- construction -----------------------*/
	#container {
		background: rgba(0,0,0,0.5);
		/*width: -webkit-calc(100% - 8%);*/
		/*width: calc(100% - 8%);*/
		width:100%;
		/*top:100%;*/
		top:100%;
		left:0px;
		right:0px;
		padding: 0;
		position: relative;
		z-index: 10;
	}
	#container:after {
    	bottom: 0; 
	}
	#container section {
		width: 90%;
		margin: auto;
	}

	#news #container {
		background: rgba(0,0,0,0.5);
		/*width: -webkit-calc(100% - 8%);*/
		/*width: calc(100% - 8%);*/
		width:100%;
		top:65px;
		left:0px;
		right:0px;
		padding: 0;
		/*position: relative;*/
		z-index: 10;
	}

	/* スマホ用header */
	#header2 {
		width: 100%;
		height: 80px;
		/*overflow: hidden;*/
		top: 0;
		left: 0;
		background-color: rgb(0,31,91);
		position: fixed;
		}
	#header2 h1 , #header2 #nav {
		padding :　0;
	}
	div#menu {
		justify-content: center;
		width: 100%;
		padding: 0;
    	line-height: 3rem;
	}
	/* サイトロゴ */
	#header2 h1#site-logo {
		line-height: 2;
		background: url("../img/logo_footer.png") center center;
		background-size: 40%;
		background-repeat: no-repeat;
		height: 80px;
		text-indent: -9999px;
		font-size: 1.8rem;
		color: white;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		}
	#header2 h1 a {
		width: auto;
		height: 100%;
		display: block;
	}
	#header {
		display: none ;		/* 非表示にする */
	}
	footer#footer{
		display: none;
	}
	#footer{
		height: auto;
		bottom: -22px;
	}
	#footer,#footer .fl {
		font-size: 1.2em;
	}
	#footer .fl {
		background:none;
		width:auto;
		padding: 10px;
	}
	#footer .logo{
		font-size: 0.8rem;
	}
	#footer img {
		display: none ;		/* 非表示にする */		
	}
	#topTxt {
	height: 0vh;
	overflow: hidden;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	z-index: 3;
	}
	img {
		max-width: 100%;
		height: auto;
		width :auto;　
	}
	#wrapper {
		position: relative;
	}
	.wrapper {
		width: auto;
		margin: 0 0;
		padding: 0;
	}

	/*--- pagetop------------------------------*/
.pagetop {
  position:fixed; /*固定*/
  bottom:10px; /*場所を右下に移動*/
  right:10px; /*場所を右下に移動*/
  display:block; /*aタグをblock要素に変更*/
  background-color:rgba(0,0,0,0.5); /*以下、デザインはご自由に！！*/
  color:#fff;
  text-decoration:none;
  font-weight:bold;
  font-size:11px;
  width:60px;
  height:60px;
  text-align:center;
  line-height:22px;
  border-radius:30px;
  padding-top:30px;
  box-sizing:border-box;
  z-index: 10000;
}
.pagetop:before {
  content:'\25B2';
  position:absolute;
  top:10px;
  left:0;
  right:0;
  width:100%;
  text-align:center;
  font-size:20px;
}
.pagetop:hover {
  opacity:0.7;
}