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

.subpage_title_bg {
	background: url(../img/title_bg.png) right center / contain no-repeat;
}

h2 {
	width: 340px;
	margin: 8px auto 0;
	line-height: 50px;
	border: 3px solid #bf9d6d;
	border-radius: 28px;
	text-align: center;
	font-size: 3.0rem;
	font-weight: 700;
	color: #bf9d6d;
}

.contents_area {
	width: 93%;
	max-width: 800px;
	margin: 45px auto 90px;
	line-height: 1.65;
}

.read {
	width: 100%;
	max-width: 760px;
	margin: auto;
	font-size: 1.8rem;
}

.photo_area {
	width: 100%;
	max-width: 750px;
	margin: 40px auto 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;

	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	
	font-size: 1.8rem;
}

.photo_area li:first-child {
	width: 44%;
}

.photo_area li:last-child {
	width: 51%;
}

.photo_area2 {
	width: 100$;
	max-width: 750px;
	margin: 35px auto 0;
	font-size: 1.8rem;
}

.photo_area2 a {
	font-weight: 700;
	color: #ef845d;
	text-decoration: underline;
}

.red_bold {
	color: #ea5532;
	font-weight: 700;
}

.midashi2 {
	color: #036;
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 1.6;
	padding-left: 20px;
	border: solid #036;
	border-width: 4px 0 1px
}

.type_list {
	margin-top: 70px;
}

.type_list_text {
	margin: 22px 0 0;
	padding: 0 20px;
}

.type_list_text a {
	color: #ef845d;
	font-weight: 700;
	text-decoration: underline;
}

.type_list_text h5 {
	font-weight: 700;
	color: #036;
}

.type_list_text + .midashi2 {
	margin-top: 30px;
}

.ao_maru p {
	color: #4694d1;
	font-weight: 700;
	padding-left: 1.5em;
	position: relative;
}

.ao_maru p::before {
	content: "◎";
	position: absolute;
	left: 0;
	top: 0;
}

.ao_maru2 p {
	font-weight: 700;
	padding-left: 1.5em;
	position: relative;
}

.ao_maru2 p::before {
	content: "◎";
	position: absolute;
	left: 0;
	top: 0;
}

.ao_nam p {
	color: #4694d1;
	font-weight: 700;
	padding-left: 3em;
	position: relative;
}

.ao_nam p.nam01::before {
	content: "（１）";
	position: absolute;
	left: 0;
	top: 0;
}

.ao_nam p.nam02::before {
	content: "（２）";
	position: absolute;
	left: 0;
	top: 0;
}

.ao_nam p.nam03::before {
	content: "（３）";
	position: absolute;
	left: 0;
	top: 0;
}

.ao_nam p.nam04::before {
	content: "（４）";
	position: absolute;
	left: 0;
	top: 0;
}

.aomoji {
	color: #036;
}

.male {
	font-size: 1.8rem;
	text-indent: -0.5em;
	font-weight: 700;
	color: #00b1a9;
}

.female {
	font-size: 1.8rem;
	text-indent: -0.5em;
	font-weight: 700;
	color: #e95383;
}

.ao_midashi {
	font-size: 1.8rem;
	text-indent: -0.5em;
	font-weight: 700;
	color: #4694d1;
}

.text_brown {
	color: #a57123;
}

.round_head {
	line-height: 30px;
	background: #fbdece;
	font-size: 1.8rem;
	font-weight: 700;
	color: #036;
	margin: 30px 0 10px;
	position: relative;
}

.lround {
	height: 30px;
	width: 15px;
	border-radius: 15px 0 0 15px;
	background: #fbdece;
	position: absolute;
	left: -15px;
	top: 0;
}

.rround {
	height: 30px;
	width: 15px;
	border-radius: 0 15px 15px 0;
	background: #fbdece;
	position: absolute;
	right: -15px;
	top: 0;
}

.tb_margin {
	margin: 20px 0
}

@media screen and (max-width: 960px){
} /*Minimum size PC*/

@media screen and (max-width: 768px){
	.photo_area,
	.photo_area2 {
		font-size: 1.6rem
	}
} /*iPad*/

@media screen and (max-width: 600px){
	.photo_area {
		display: block;
		max-width: 380px;
	}
	
	.photo_area li {
		width: 100%!important;
	}
	
	.photo_area li:last-child {
		margin-top: 15px
	}
} /*Nexus 7*/

@media screen and (max-width: 414px){
	.subpage_title_bg {
		background: url(../img/title_bg.png) right -20px center / contain no-repeat;
	}
	
	h2 {
		width: 255px;
		line-height: 38px;
		border-radius: 22px;
		font-size: 2.2rem;
	}
	
	.contents_area {
		margin: 30px auto 50px;
	}
	
	.read {
		font-size: 1.4rem;
	}
	
	.photo_area {
		font-size: 1.4rem;
		margin: 30px auto 0;
	}
	
	.type_list {
		margin-top: 40px;
	}
	
	.midashi2 {
		font-size: 1.8rem;
		padding-left: 10px;
	}
	
	.type_list_text {
		padding: 0 10px;
		margin: 15px 0 0;
	}
	
	.male,
	.female,
	.ao_midashi {
		font-size: 1.6rem;
	}
	
	.round_head {
		line-height: 28px;
		font-size: 1.6rem;
		font-weight: 700;
	}

	.lround {
		height: 28px;
		width: 14px;
		border-radius: 14px 0 0 14px;
		left: -14px;
	}

	.rround {
		height: 28px;
		width: 14px;
		border-radius: 0 14px 14px 0;
		right: -14px;
	}
} /*iPhone 6 Plus*/

@media screen and (max-width: 375px){
} /*iPhone 6*/

@media screen and (max-width: 320px){
} /*iPhone 5*/