@charset "utf-8";
html{
  font-size: 15px;
}

body{
  background:#a3d4ff;/*#bfffcf;
  /*background:url("../image/.png") ;/*個人的にお気に入りなのは、背景水色・wrapperピンク　or　背景ピンク・wrapper白*/
  background-size: cover;
  background-attachment:fixed;
  text-align:center;
  margin:0;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 400;
  font-style: normal;
}

#wrapper{
	background-color: #f7f9fc;;/*#ffdbf8とどちらにするか考える*/
	width:70%;
	margin-inline:auto;}

p{
  font-size:1.6rem;
  color:#000;
}

.media{
	position: relative;
	
}

.header{
  padding-top: 15px;
}

.header_img{
	width:75%;}

.mokuzi a{
	color: #1e88e5;
}

.mokuzi li:hover{
	transform: scale(1.2);
}

.mokuzi ul{
	display: flex;
	justify-content: center;}

.mokuzi li{
	list-style: none;
	font-size:1.5rem;
	width: 10rem;
	position: relative;
	height:30%;
	right:1.5rem;
}


.content{
	background-color:#1e88e5;/*#FF8F39;*/
	width: 14.5rem;
	border-radius: 23px;
	margin:0 auto;}

.content h3{
	font-size: 2.75rem;
	color: #fff;}

.detail{
	display: flex;
	width:100%;}

.detail h3{
	width:11.3rem;
	font-size:2.75rem;
	color: #000;
	background-color: #a3d4ff;
	margin: 0 auto;
	border-radius: 20px;}
/*.detail h3{color:白;background-color:青 ;}*/

.detail ul{
	display: flex;
	width:100%;
	height:100%;}

.detail li{
	list-style: none;
	position: relative;
	width:50%;
	height:30%;
	right:1.5rem;
}

.place img{
	display: inline-block;
	position: relative;
	right:3rem;
	top:0.3rem;
	width: 40%;}

.place a{
	display: inline-block;
	position:relative;
	width:30%;
	left:4%;
	vertical-align:top;}

.place h3{
	font-size:2.7rem;
	background-color: #a3d4ff;
	border-radius: 20px;
	width:11.5rem;
	margin:0 auto;}

.shift a{
	display: inline-block;
	position: relative;
	width:40%;}


.shift h3{
	font-size:2.6rem;
	border-radius: 20px;
	background-color: #a3d4ff;
	width:13rem;
	margin: 0 auto;}

.shift-time p{
	font-size:2rem;
}

.shift-detail{
	display: inline-block;
	position: relative;
	left:2rem;
	top:3rem;
	vertical-align:top;
	width:40%;}

.naiyou h3{
	background-color:#1e88e5;
	width: 14.5rem;
	font-size:2.75rem;
	color: #FFFFFF;
	border-radius: 23px;
	margin:0 auto;}

.shift-detail p{
	font-size:1.8rem;}

.down{
	font-weight: bold;
}

.flow ul{
	justify-content: center;
}

.flow a{
	font-size:1.5rem;
}
	
.br2{
	display: none;
}

b{
	font-size:2.5rem;
	vertical-align: -0.3rem;}


/*{border:solid 1px;}*/
@media screen and (max-width:1220px){
	.content{
		margin: 0 auto;}
	
	.content h3{
		font-size:2.75rem;}
	
	.place img{
		width:50%;
		left:-1rem;}
	
	/*.place p{}
	
	/*.shift-detail{
		top:4rem;}*/
	
	.naiyou h3{
		margin: 0 auto;
		font-size:2.86rem;}
}

@media screen and (max-width:1000px){
	.content{
		width: 14.5rem;
		margin: 0 auto;}
	
	/*.content h3{}*/
	
	.detail h3{
		width:11rem;
		font-size:2.6rem;}
	
	.detail p{
		font-size:1.5rem;}
		
	.place{
		display: flex;
		flex-direction: column-reverse;
		align-items: center;
	}
	.place a{
		width: 50%;
	}

	.place img{
		width:75%;
		left:0.3%;}

	.naiyou h3{
		margin: 0 auto;
		font-size:2.74rem;}

	.flow{
		display: flex;
		flex-direction: column;
	}

	.flow a{
		font-size: 1.8rem;
	}
	
	.br{
		display: none;
	}
	
	b{
	display: none;}
	}

@media screen and (max-width:800px){
	#wrapper{
		width:100%;}
	
	.header{
		width:100%;}
	
	.mokuzi ul{
	display: flex;
	justify-content: center;
	flex-direction: row;}
	
	.mokuzi li{
	list-style: none;
	font-size:1.5rem;
	width: 10rem;}
	
	.content{
		width:14rem;
		margin: 0 auto;}
	
	.detail p{
		font-size:1.5rem;}
	
	ul{
		display: flex;
		flex-direction: column;
		align-items: center;
		}

	.place{
		display: flex;
		/*position: relative;*/
		flex-direction: column-reverse;
		align-items: center;}
	
	.place img{
		display: inline-block;
		position: relative;
		right:23%;
		width:70%;
		left:0%;}
	
	.place a{
		display: inline-block;
		position:relative;
		width:50%;
		left:0%;
		vertical-align: top;}
	
	.place p{
		font-size:1.5rem;}
	
	.shift{
		display: flex;
		flex-direction: column;
		align-items: center;}
	
	.shift a{
		width:50%;}
	
	.shift-detail{
	display: inline-block;
	position: relative;
	left:0rem;
	top:0.1rem;
	vertical-align: top;
	width:60%;}
	
	/*.shift-time p{}*/
	
	.shift-time h3{
		font-size:2.5rem;}
	
	.naiyou h3{
		width:14.5rem;
		margin:0 auto;}
		
	.flow h2{
		font-size:1.5rem;}
	.icons img{
		width: 5%;
}
}

@media screen and (max-width:577px){
	.header_img{
		width:90%}
	
	.mokuzi ul{
		flex-wrap: wrap;
	}
	
	.shift h3{
		font-size:2.3rem;}
	
	.naiyou h3{
	width:14.5rem;
	border-radius: 23px;
	margin:0 auto;}

	.place img{
		width: 80%;
	}
	.icons img{
		width: 10%;
	}
}

@media screen and (max-width:487px){

	.content h3{
		font-size:2.75rem;}
	
	/*.mokuzi{
		/*２段に分けたい（上段：要項・内容、下段：条件・方法）
	}*/

	.naiyou h3{
		font-size:2.6rem;
		margin:0 auto;}
	
	.detail h3{
		font-size:2.313rem;
	}
}