/*---html,body------------------------------------------------------*/
@media (min-width:768px){
.content{
	width:100%;
	margin:20px 0 0;
	background: url(images/enpitsu.png) no-repeat top 40px center #B3DDFB;
	background-size:68.2%;
	padding:130px 0 80px;
	
}
.content section {
	width:88%;
	margin:50px auto;
	background:#FFFFFF;
	border-radius:30px;
	box-shadow: 2px 2px 4px #CCC;
	padding:5%;
	position:relative;
}
.content section h1{
	position:absolute;
	top:-50px;
	left:0;
	right:0;
	text-align:center;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro";
	font-family:200%;
}
.content section h1 span{
	background:#3FA9F5;
	padding:20px 50px;
	color:#FFF;
	border-radius:30px;
}

.note {
  width: 70%;
  margin:20px auto;
  padding:0 5px;
  background-image: linear-gradient( rgba(0,0,0,.3) 1px, transparent 1px );
  background-position:top 4.3rem center;
  background-size: auto 4.5rem;
}
.note p{
  font-size: 130%;
  line-height: 4.5rem;
  margin:0;
}
.annai{
  width: 100%;
  margin:40px auto;
  background: url(images/arrow.svg) no-repeat bottom center;
  padding-bottom:60px;

}
.annai p{
  text-align:center;
  font-size: 140%;
}
.address{
  width:100%;
  text-align:center;
  margin-bottom:50px;
}
.address a{
  color:#2E3192;
  text-align:center;
  font-size: 150%;
  background: #FFFFD7;
  border-radius:10px; 
  padding:20px 40px;
  box-shadow: 2px 2px 4px #CCC;
}
.atesaki{
  width: 100%;
  margin:40px auto;
}
.atesaki p{
  text-align:center;
  font-size: 140%;
}
.atesaki p span{
  font-size:150%;
  padding-left:5px;
  padding-right:5px;
  color:#2E3192;
}
#tenpu{
	width:85%;
}
#hissu{
	width:45%;
	min-width:440px;
	position:relative;
	margin-bottom:100px;
}
#hissu:after{
	content:"";
	width:100%;
	height:100%;
	background:url(images/bg.png) no-repeat bottom right;
	background-size:40%;
	position:absolute;
	bottom:-50px;
	right:-40%;
}
.box{
  margin:20px auto 40px;	
  background: #FFFFD7;
  box-shadow: 2px 2px 4px #CCC;
  border-radius:20px;
  padding:0 0 10px 0;
}
.box h2{
	text-align:center;
	font-size:140%;
	background:#FF2828;
	margin:0 0 30px;
	border-radius:20px 20px 0 0; 
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro";
	color:#FFF;
	padding:10px 0;
}
.box dl {
	border-bottom:1px solid #333;
	width:85%;
	margin:20px auto;
	padding-bottom:10px;
}
.box dl:last-child {
	border-bottom:none;
}
.box dl dt{
	font-weight:bold;
	font-size:140%;
	margin-bottom:5px;
}
.box dl dd {
	text-indent:-1em;
	margin-left:1em;	
}
.box ul {
	width:80%;
	margin:20px auto;
}
.box ul li {
	font-weight:bold;
	font-size:140%;
	margin-bottom:5px;
	border-bottom:1px solid #333;
}
.box ul li:last-child {
	border-bottom:none;
}
.box p {
	text-align:center;
}
.borderbox {
	width:60%;
	margin:30px auto;
	border:1px #333 solid;
	border-radius:15px;
	padding:10px 15px 5px;
	text-align:center;
}
.henshin {
	width:100%;
	text-align:center;
	font-size:150%;
}

}
@media (max-width:767px){
.content{
	width:100%;
	background: url(images/enpitsu.png) no-repeat top 20px center #B3DDFB;
	background-size:90%;
	padding:60px 0 80px;
}
.content section {
	width:90%;
	margin:30px auto;
	background:#FFFFFF;
	border-radius:30px;
	box-shadow: 2px 2px 4px #CCC;
	padding:5%;
	position:relative;
}
.content section h1{
	position:absolute;
	top:-30px;
	left:0;
	right:0;
	text-align:center;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro";
	font-size:150%;
}
.content section h1 span{
	background:#3FA9F5;
	padding:10px 20px;
	color:#FFF;
	border-radius:20px;
}
.note {
  width: 90%;
  margin:20px auto 20px;
  padding:0 5px;
  background-image: linear-gradient( rgba(0,0,0,.3) 1px, transparent 1px );
  background-position:top 2.8rem center;
  background-size: auto 3rem;
}
.note p{
  font-size: 110%;
  line-height: 3rem;
  margin:0;
}
.annai{
  width: 85%;
  margin:30px auto;
  background: url(images/arrow.svg) no-repeat bottom center;
  background-size:40px;
  padding-bottom:40px;

}
.annai p{
  text-align:center;
  font-size: 120%;
}
.address{
  width:100%;
  text-align:center;
  margin-bottom:50px;
}
.address a{
  color:#2E3192;
  text-align:center;
  font-size: 125%;
  background: #FFFFD7;
  border-radius:10px; 
  padding:15px 20px;
  box-shadow: 2px 2px 4px #CCC;
}
.atesaki{
  width: 100%;
  margin:40px auto 20px;
}
.atesaki p{
  text-align:center;
  font-size: 100%;
}
.atesaki p span{
  font-size:140%;
  padding-left:3px;
  padding-right:3px;
  color:#2E3192;
}
#tenpu{
	width:95%;
}
#hissu{
	width:95%;
	position:relative;
	margin-bottom:100px;
}
#hissu:after{
	content:"";
	width:100%;
	height:100%;
	background:url(images/bg.png) no-repeat top right;
	background-size:28%;
	position:absolute;
	top:90%;
	right:-10px;
	margin-bottom:20px;
}
.box{
  margin:10px auto 30px;	
  background: #FFFFD7;
  box-shadow: 2px 2px 4px #CCC;
  border-radius:10px;
  padding:0 0 10px 0;
}
.box h2{
	text-align:center;
	font-size:110%;
	background:#FF2828;
	margin:0 0 20px;
	border-radius:10px 10px 0 0; 
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro";
	color:#FFF;
	padding:10px 0;
}
.box dl {
	border-bottom:1px solid #333;
	width:95%;
	margin:10px auto;
	padding-bottom:10px;
}
.box dl:last-child {
	border-bottom:none;
}
.box dl dt{
	font-weight:bold;
	font-size:120%;
	margin-bottom:5px;
}
.box dl dd {
	text-indent:-1em;
	margin-left:1em;	
	font-size:90%;
}
.box ul {
	width:90%;
	margin:20px auto;
}
.box ul li {
	font-weight:bold;
	font-size:110%;
	margin-bottom:10px;
	border-bottom:1px solid #333;
}
.box ul li span{
	font-weight:normal;
	font-size:90%;
}
.box ul li:last-child {
	border-bottom:none;
}
.box p {
	text-align:left;
	padding-left:20px;
}
.borderbox {
	width:95%;
	margin:20px auto;
	border:1px #333 solid;
	border-radius:10px;
	padding:5px 10px 5px;
	text-align:center;
}
.henshin {
	width:100%;
	text-align:center;
	font-size:115%;
	line-height:150%;
}

}