/* -------------------------------
mainArea
------------------------------- */
.mainTit.mainTit_img::after {
  background: url("../images/pic_maintit.png") no-repeat center center;
  background-size: cover;
}
#mainArea > .flex {
	flex-wrap: wrap;
	margin-top: 60px;
}
#mainArea > .flex > div {
	width: 50%;
}
#mainArea > .flex > div:first-of-type {
	width: 100%;
	margin-bottom: 4px;
}
#mainArea .flex .flex {	
	align-items: stretch;
}
#mainArea .blue {
	background: #e6fafc;
	padding-top: 10px;
}
#mainArea .pink {
	background: #fcebf0;
	padding-top: 10px;
}
#mainArea .flex .pic {
	width: 205px;
	position: relative;
	z-index: 2;
}
#mainArea .flex .pic img {
	width: 100%;
}
#mainArea .flex .txt {
	margin-left: -80px;
}
#mainArea .pink.flex .txt {
	margin-right: -80px;
	margin-left: 0;
}
#mainArea .midashi03 {
  font-size: 26px;
  font-size: 2.6rem;
	display: inline-block;
  letter-spacing: .05em;
  padding: 20px 10px 10px 50px;
  position: relative;
  z-index: 0;
  white-space: nowrap;
}
#mainArea .pink  .midashi03 {
  padding: 20px 50px 10px 10px;
}
#mainArea .midashi03::after {
  background: #e6fafc;
  outline: 5px solid #e6fafc;
}
#mainArea .pink .midashi03::after {
  background: #fcebf0;
  outline: 5px solid #fcebf0;
  transform: rotate(141deg);
}
#mainArea .flex .txt p:last-of-type {
	line-height: 1.5;
	text-align: right;
	margin-top: 20px;
}
#mainArea .pink.flex .txt p:last-of-type {
	text-align: left;
}
@media screen and (max-width: 768px) {
.mainTit.mainTit_img::after {
  background: url("../images/pic_maintit_sp.png") no-repeat left center;
  background-size: cover;
}
#mainArea > .flex {
	margin-top: 40px;
	margin-bottom: 50px;
}
#mainArea > .flex > div {
	width: 100%;
}
#mainArea > .flex > div:first-of-type {
	margin-bottom: 0;
}
#mainArea .midashi03 {
  font-size: 2.2rem;
  padding: 5px 10px 5px 50px;
	line-height: 1.5;
}
#mainArea .flex .pic {
	width: 178px;
	position: relative;
	z-index: 2;
}
#mainArea .flex .txt {
	margin-left: -80px;
}
#mainArea .pink.flex .txt {
	margin-right: -90px;
	margin-left: 20px;
}
#mainArea .flex .flex {	
	align-items: center;
}
#mainArea .pink  .midashi03 {
  padding: 5px 50px 5px 10px;
}
#mainArea .flex .txt p:last-of-type {
	font-size: 1.4rem;
	margin-top: 15px;
	line-height: 1.3;
}
}

/* -------------------------------
secondaryArea
------------------------------- */
#secondaryArea .cnt {
	padding-bottom: 40px;
}
#secondaryArea h3 {
	font-size: 34px;
	font-size: 3.4rem;
	margin-top: 50px;
}
#secondaryArea ul {
	margin: 50px 90px;
}
#secondaryArea ul li {
	width: 70%;
	margin-bottom: 10px;
}
#secondaryArea ul li p {
	text-align: justify;
}
#secondaryArea ul li p:first-of-type {
	font-weight: bold;
	position: relative;
}
#secondaryArea ul li p:last-of-type {
	border: solid 1px #d8d2d2;
	padding: 15px 25px;
}
#secondaryArea ul li:nth-child(even){
	margin-left: 30%;
}
#secondaryArea ul li:nth-child(even) p:first-of-type {
	text-align: right;
}
#secondaryArea ul li:nth-child(even) p:last-of-type {
	border-radius: 1em 0 2em 1em;
}
#secondaryArea ul li:nth-child(odd) p:last-of-type {
	border-radius: 0 1em 1em 2em;
}
#secondaryArea ul li:nth-child(odd) p:first-of-type::before,
#secondaryArea ul li:nth-child(even) p:first-of-type::after {
	content: '';
	display: inline-block;
	width: 100px;
	height: 75px;
	background-size: contain;
	vertical-align: middle;	
}
#secondaryArea ul li p.icoD::before,
#secondaryArea ul li p.icoD::after {background-image: url("../images/ico_dh.png");}
#secondaryArea ul li p.icoA::before,
#secondaryArea ul li p.icoA::after{background-image: url("../images/ico_am.png");}
#secondaryArea ul li p.icoY::before,
#secondaryArea ul li p.icoY::after {background-image: url("../images/ico_ya.png");}
#secondaryArea .pic {
	margin: 40px 90px 10px;
	height: 365px;
	position: relative;
}
#secondaryArea .hiwa01 {	
  background: url("../images/pic_01.png") no-repeat top right;
  background-size: cover;
}
#secondaryArea .hiwa02 {	
  background: url("../images/pic_02.png") no-repeat top right;
  background-size: cover;
}
#secondaryArea .hiwa03 {	
  background: url("../images/pic_03.png") no-repeat top right;
  background-size: cover;
}
#secondaryArea .pic p {
	position: absolute;
	text-align: left;
	top:50%;
	left: 30%;
	transform:translate(-50%,-50%);
	font-size: 42px;
	font-size: 4.2rem;
}
#secondaryArea .name {
	text-align: right;
	margin-right: 90px;
}
#secondaryArea .hiwa04 {
	margin: 40px 90px 0;
}
#secondaryArea .hiwa04 img {
	width: 100%;
}

@media screen and (max-width: 768px) {
#secondaryArea h3 {
	font-size: 2.2rem;
	margin-top: 20px;
}
#secondaryArea ul {
	margin: 30px 20px;
}
#secondaryArea ul li {
	width: 100%;
	font-size: 1.5rem;
}
#secondaryArea ul li:nth-child(odd) p:first-of-type::before,
#secondaryArea ul li:nth-child(even) p:first-of-type::after {
	width: 80px;
	height: 60px;
}
#secondaryArea ul li:nth-child(even){
	margin-left: 0;
}
#secondaryArea .pic {
	margin: 40px 20px 10px;
	height: 260px;
}
#secondaryArea .hiwa01 {	
  background: url("../images/pic_01_sp.png") no-repeat top right;
  background-size: cover;
}
#secondaryArea .hiwa02 {	
  background: url("../images/pic_02_sp.png") no-repeat top right;
  background-size: cover;
}
#secondaryArea .hiwa03 {	
  background: url("../images/pic_03_sp.png") no-repeat top right;
  background-size: cover;
}
#secondaryArea .pic p {
	position: absolute;
	text-align: left;
	top:40%;
	left: 30%;
	width: 50%;
	transform:translate(-50%,-50%);
	font-size: 2.2rem !important;
	line-height: 1.6;
}
#secondaryArea .name {
	margin-right: 20px;
	font-size: 1.5rem;
}
#secondaryArea .hiwa04 {
	margin: 40px 20px 0;
}
	.mgb50 {margin-bottom: 0 !important;}
}