@charset "UTF-8";

html{
	font-size:62.5%;
}

.first-wrapper{
	box-sizing: border-box;
	padding:60px 0 30px;
}

.jan_yomoyama_box{
	box-sizing: border-box;
	padding:50px 0;
}

.yomo-title, .yomo-img{
	width:500px;
	margin:30px auto;
}

.red-bold{
	color:#FF0000;
	font-weight:bold;
}

.strong {
  background:linear-gradient(transparent 50%, #fff878 50%) !important;
}

.pre-text dd{
	line-height:2;
}

.caution{
	font-size:1.1rem;
}

.second-wrapper{
	background-color:#E6E9ED;
}

.third-wrapper{
	background-color:#FDEECF;
}

.fourth-wrapper{
	background-color:#D6EBF8;
}

.fifth-wrapper{
	background-color:#D2E9D4;
}

.second-wrapper, .third-wrapper, .fourth-wrapper, .fifth-wrapper{
	background-image: url("img/bg.svg"), url("img/bg.svg");
	background-size:80%;
	background-position:left -5px, right bottom -5px;
	padding:50px 0;
}

.flex-container{
	width:900px;
	margin:30px auto;
	display:flex;
	height:auto;
	justify-content:space-between;
	align-items: flex-start;
}

.reverse{
	padding-top:80px;
	flex-flow: row-reverse;
}

.photo-container{
	width:35%;
	box-sizing: border-box;
	padding:0 20px;
}

.photo{
  position: relative;
  width: 100%;
  margin: 20px;
  transform: rotate(-1deg);
}

.reverse .photo{
  transform: rotate(1deg);
}
 
.photo img {
  border: 20px solid #fff;
  border-bottom: 70px solid #fff;
  -webkit-box-shadow: 3px 3px 3px #ccc;
     -moz-box-shadow: 3px 3px 3px #ccc;
          box-shadow: 3px 3px 3px #ccc;
}
 
.photo p {
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 12px;
  font-family: 'Zen Maru Gothic', sans-serif;
  color: #000;
  font-size:1.5rem;
  line-height:1.8;
}

.question-contanier{
	width:58%;
}

.question-contanier dt{
	font-size:1.4rem;
	font-weight:bold;
	color:#364f72;
	margin-bottom:10px;
	line-height:2;
	padding-left:1em;
	text-indent:-1em;
	text-align: justify;
}

.question-contanier dd{
	font-size:1.3rem;
	box-sizing: border-box;
	padding:0 0 20px 17px;
	margin-bottom:15px;
	line-height:2;
	text-align: justify;
}

.round-photo{
	width:45%;
	margin:20px auto;
}

.usagi-img{
	position:relative;
	width:20%;
	left:60%;
	top:-300px;
	margin-bottom:-250px;
}

.insta_link:before{
	content:"\f16d";
	font-family:"fontAwesome";
	font-size:1.8rem;
	vertical-align: middle;
	margin-right:4px;
}

/*タブレット*/
@media screen and (max-width: 768px){

	.flex-container{
		width:700px;
	}
	
	.tanaka{
		font-size:1.2rem;
	}
	
	.usagi-img{
		width:30%;
		left:65%;
		margin-bottom:-240px;
	}

}

/*スマホ*/
@media screen and (max-width:640px){

	.first-wrapper{
		padding:0;
	}

	.title{
		width:330px;
		margin:auto;
	}
	
	.second-wrapper, .third-wrapper, .fourth-wrapper, .fifth-wrapper{
		background-image: url("img/bg.svg");
		background-size:100%;
		background-position:left -2px;
		padding:20px 0;
	}

	.flex-container{
		width:320px;
		display: block;
	}
	
	.photo-container{
		width:90%;
		margin:0 0 20px -10px;
	}
		
	.question-contanier, .yomo-title, .yomo-img{
		width:100%;
	}
	
	.usagi-img{
		position:relative;
		width:40%;
		left:55%;
		top:-30px;
		margin-bottom:30px;
	}
	
	.round-photo{
		width:55%;
	}
	


}
/* CSS Document */