@charset "utf-8";
/* CSS Document */
html{
	overflow-x: hidden;
}
body{
	margin:0;
	padding: 0;
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}


#wrap{
	max-width:950px;
	width:100%;
	margin:auto;
	position:relative;
}

.oshirase_b a{
	display: block;
	width:90%;
	text-align: center;
	background-color:#800;
	color:#fff !important;
	font-size:0.9em;
	padding:15px 0;
	margin: 20px auto 0 auto;
}
.oshirase_b a:hover{
	opacity:0.7;
}

.textred{
	color:#f00;
}
.smalltxt{
	font-size: 0.8em;
    line-height: 1.5;
    border: 1px solid #aaa;
    display: inline-block;
    padding: 4%;
}


ul{
    list-style-type: none;
    padding: 0;
}

a{
	text-decoration: none;
}

a:visited{
	color:#000;
}
a{
	color:#000;
}



/*▼▼▼▼▼▼▼▼▼▼▼footer▼▼▼▼▼▼▼▼▼▼▼*/

footer{
	width:100%;
	background-image:url("../image/footer_bg.svg");
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}
.copyright{
	width:100%;
	text-align:right;
	padding-right:10px;
	box-sizing:border-box;
	padding-top:12%;
	padding-bottom:4%;
	color:#fff;
}





/*▼▼▼▼▼▼▼▼▼▼▼header▼▼▼▼▼▼▼▼▼▼▼*/



/*header_smp*/
@media screen and (max-width: 768px) {
	body{
		overflow-x: hidden;
	}

	header{
		background-image:url("../image/header_bg.svg");
		background-size: contain;
		background-repeat: no-repeat;
		position: relative;
	}
	.head_title{
	    padding-top: 34px;
		width:100%;
	}

	header h1{
		margin:0;
		font-weight: normal;
		font-size: 2em;
		vertical-align: middle;
		width:80%;
		padding-left:10px;
		box-sizing: border-box;
	}
	.subtxt{
		padding-left:10px;
		font-size:0.8em;
	}
	.pcnovis,#Panel1{
		position:absolute;
		top:30px;
		right:20px;
	}
	input[type="checkbox"].on-off{
		display: none;
	}
	.navigation_wrap nav {
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	input[type="checkbox"].on-off + nav{
		height: 0;
		overflow: hidden;
	}
	
	input[type="checkbox"].on-off:checked + nav{
		height: 400px;
	}

	.navigation_wrap nav{
		text-align:center;
	}
	.navigation_wrap nav ul{
			margin:0;
	}
	.navigation_wrap li{
		padding:10px 0;
	}
	.navigation_wrap li a{
		display: block;
	}
	.li01{
		background-color:#FDD23C;
	}
	.li02{
		background-color:#FF9C9C;
	}
	.li03{
		background-color:#9DC3E6;
	}
	.li03 li{
		width:95%;
		margin:auto;
		background-color:#b4d3f0;
	}

	.menu li{
		font-size:0.7em;
	}
	.menu li span{
		font-size:2em;
	}

	.menu__second-level li:first-child{
		border-bottom:1px dotted #fff;
	}
	.menu__second-level li{
		font-size:1.5em;
		
	}
	.nav01{
		background-color:#b1deac;
	}
	.nav01 li:first-child{
		border-bottom:1px dotted #fff;
	}
	
}






/*pc*/
@media screen and (min-width: 769px) {

	header{
		background-image:url("../image/header_bg.svg");
		background-size: contain;
		background-repeat: no-repeat;
		position: relative;
	}
	.head_title{
		padding-top:110px;
		width:100%;
		display: flex;
		align-items: center;
		justify-content:space-around;
	}

	header h1{
		margin:0;
		font-weight: normal;
		font-size: 2em;
		vertical-align: middle;
		width:40%;
		padding-left:10px;
		box-sizing: border-box;
	}

	.subtxt{
		padding-right:10px;
	}
	
	.nav01{
		position:absolute;
		top:20px;
		right:20px;
	}

	.nav01 li{
			display:inline-block;
	}
	.nav01 li a{
		color:#fff;
		border:1px solid #fff;
		padding:10px;
	}

	.nav01 li a:hover{
		background-color:rgba(255,255,255,0.50);
	}

	

	/*menu*/
	.li01{
		background-color:#FDD23C;
	}
	.li02{
		background-color:#FF9C9C;
	}
	.li03{
		background-color:#9DC3E6;
	}


	.menu {
		position: relative;
		width: 100%;
		height: 50px;
		max-width: 1000px;
		margin: 0 auto;
		text-align: center;
		z-index:5;
	}

	.menu > li {
		float: left;
		width: 33.333%;
		height: 50px;
		border-radius: 10px 10px 0 0;
		line-height: 1.5;
		padding: 10px 0;
	}

	.menu > li a {
		display: block;
		color: #000;
	}

	.menu > li a:hover {
		opacity:0.5;
	}

	.menu > li span {
		font-size:1.5em;
	}
	.menu__none:hover,
	.menu__multi:hover,
	.menu__mega:hover,
	.menu__single:hover {
	  background: #9DC3E6;
	  -webkit-transition: .2s ease;
	  transition: .2s ease;
	}

	.menu__second-level li {
		border-top: 1px solid #111;
		line-height: 50px;

	}


	.menu__second-level li a:hover {
	  background: #9DC3E6;
	}


	.init-bottom:after {
	  content: '';
	  display: inline-block;
	  width: 6px;
	  height: 6px;
	  margin: 0 0 0 15px;
	  border-right: 1px solid #000;
	  border-bottom: 1px solid #000;
	  -webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
	}

	.menu:before,
	.menu:after {
	  content: "";
	  display: table;
	}

	.menu:after {
	  clear: both;
	}

	.menu {
	  *zoom: 1;
	}



	/*single menu*/
	.menu > .menu__single {
	  position: relative;
	}

	.menu__single .menu__second-level {
	  position: absolute;
	  top: 40px;
	  width: 100%;
	  background: #9DC3E6;
	  -webkit-transition: .2s ease;
	  transition: .2s ease;
	  visibility: hidden;
	  opacity: 0;
	  box-shadow: 0px 5px 5px rgba(0,0,0,0.1)
	}

	.menu__single:hover > .menu__second-level {
	  top: 70px;

	  visibility: visible;
	  opacity: 1;
	}

	.pcnovis,#Panel1{
		display:none;
	}

	/*pc用文字サイズ等変更*/
	.mainn {
		letter-spacing: 2px;
		line-height: 2;
		font-size: 1.1em;
	}
}