@charset "UTF-8";
/* CSS Document */

@media screen and (min-width: 376px){

#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}
 
#pageTop a {
  display: block;
  z-index: 999;
  padding: 8px 0 0 8px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: #9FD6D2;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
 
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}
.ichiran{
margin:2em;
}
.ichiran a {
text-decoration:none;

}

body{	
		width:  1200px;
		margin: auto;
	
	background-image: url(../pic/rikkyo.jpg);
	background-attachment: fixed;
	background-size:cover;
}
	
	#midasi{
		margin: auto;
		width:  90%;
	}
	
#midasi img{
	width:100%;
	margin: auto;
	margin-top: 10px;
	
}

#icon img{
	
	width:100%;
}
	
	.a-box{
		margin:auto;
		height: auto;
		width: 1000px;
	}
	
.icon1{position: absolute;
	right:70%;
	width: 20%;
	bottom:20%;

}

.icon2{position: absolute;
	right:50%;
	bottom:20%;
	width: 20%;
}

.icon3{position: absolute;
	left:50%;
	bottom:20%;
	width: 20%;
}

.icon4{position: absolute;
	left:70%;
	bottom:20%;
	width: 20%;
}

.icon5{position: absolute;
top:79%;
	right:70%;
	width: 20%;
}

.icon6{position: absolute;
	top:79%;
	right:50%;
	width: 20%;
}

.icon7{position: absolute;
	top:79%;
	left:70%;
	width: 20%;
}


.icon8{position: absolute;
	top:79%;
	left:50%;
	width: 20%;
	
}



.a-box{

	width: 1000px;
	background-color:rgba(255,255,255,0.7);
	border-style:solid;
	border-width:5px;
	margin-top:5px;
}

/* 04.吹き出し */

h1{
	margin: 0px 
}
#heading04{
	position:relative;
	top:20px;
	margin:0 15px;
	padding:10px 25px;
	
	color:#333;
	border:#333 solid 3px;
	border-radius:18px;
	background:#fff;
	box-shadow:
		-7px -5px 0 0 #e8e8e8 inset,
		2px 3px 0 0 #000;
}
#heading04:before{
	content:" ";
	position:absolute;
	top:100%;
	left:14px;
	width:0;
	height:0;
	border-width:20px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#333;
}
#heading04:after{
	content:" ";
	position:absolute;
	bottom:-27px;
	left:18px;
	width:0;
	height:0;
	border-width:14px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#e8e8e8;
}
}

@charset "UTF-8";
/* CSS Document */

@media screen and (max-width: 375px){
	#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}
 
#pageTop a {
  display: block;
  z-index: 999;
  padding: 8px 0 0 8px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: #9FD6D2;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
 
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}


#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}
 
#pageTop a {
  display: block;
  z-index: 999;
  padding: 8px 0 0 8px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: #9FD6D2;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
 
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}
.ichiran a {
text-decoration:none;

}

.ichiran{
text-decoration:none;
margin:1.5em;
font-size:50%;
}
body{
	background-image: url(../pic/rikkyo.jpg);
	background-attachment: fixed;
	background-size:cover;
}
	#midasi{
		margin: auto;
	
		width:  300px;
	}
#midasi img{
	width:310px;
	margin-top: 10px;
	
}

#icon img{
	width:100%;
}
	
	
.icon1{position: absolute;
	right:290px;
	width:190px;
	top:80px;

}

.icon2{position: absolute;
	right:80px;
	top:60px;
	width: 190px;
}

.icon3{position: absolute;
	right:290px;
	top:270px;
	width:190px;
}

.icon4{position: absolute;
	right:80px;
	top:290px;
	width: 190px;
}

.icon5{position: absolute;
top:500px;
	right:290px;
	width: 190px;
}

.icon6{position: absolute;
	top:500px;
	right:80px;
	width: 190px;
}

.icon7{position: absolute;
	top:710px;
	right:290px;
	width: 190px;
}


.icon8{position: absolute;
	top:710px;
	right:80px;
	width: 190px;
	
}



.a-box{
	height: 1200px;
	margin-top: 50px;
	width: 95%;
	background-color:rgba(255,255,255,0.7);
	background-attachment: fixed;
	background-size: cover;
	border-style:solid;
	border-width:5px;
}

/* 04.吹き出し */

h1{
	margin: 0px 
}
#heading04{
	position:relative;
	top:20px;
	margin:0 15px;
	padding:10px 25px;
	
	color:#333;
	border:#333 solid 3px;
	border-radius:18px;
	background:#fff;
	box-shadow:
		-7px -5px 0 0 #e8e8e8 inset,
		2px 3px 0 0 #000;
}
#heading04:before{
	content:" ";
	position:absolute;
	top:100%;
	left:14px;
	width:0;
	height:0;
	border-width:20px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#333;
}
#heading04:after{
	content:" ";
	position:absolute;
	bottom:-27px;
	left:18px;
	width:0;
	height:0;
	border-width:14px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#e8e8e8;
}
}