@charset "utf-8";

/* ===================================================================
	Author: aki
=================================================================== */



#mf1 .mf-inner{
	padding:50px 0;
}

#mf1 .cimg{
	text-align:center;
	margin:0 0 20px 0;
}



#mf2{
	background:url(../img/about/bg1.jpg) left top repeat;
}
#mf2 .mf-inner{
	padding:30px 20px;
}

#mf2 h2{
	font-size:2.0em;
	line-height:1.5em;
	color:#cf47c7;
	margin:0 0 10px 0;
}

#mf2 .ctext{
	float:left;
	width:670px;
}

#mf2 .cimg{
	float:right;
}


#mf3{

}
#mf3 .mf-inner{
	padding:50px 15px 26px 15px;
	position:relative;
}

#mf3 h2{
	font-size:2.0em;
	line-height:1.5em;
	color:#cf47c7;
	margin:0 0 0px 0;
}

#mf3 .ctext{
	background:url(../img/about/bg2.jpg) center top no-repeat;
	padding:40px 60px 70px 60px;
	text-align:center;
	position:relative;
	z-index:-1;
}

#mf3 .ctext p{
	font-size:1.2em;
	line-height:1.7em;
	position:static;
}


#mf3 .ctext p strong {
	display:inline-block;
	position: relative;
	padding:0 5px;
	margin:0 10px;
	line-height:1.1em;
  }

#mf3 .ctext p strong:before {
  content: '';/*ボックス作成*/
  position: absolute;
  top: 60%;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: #fff287;
  transform: skew(-45deg);
  z-index:-1;
}



#mf3 .cimg{
	position:absolute;
	right:20px;
	bottom:0;
}


#mf4{

}
#mf4 .mf-inner{
	padding:60px 0px;
	position:relative;
}

#mf4 h2{
	font-size:2.0em;
	line-height:1.5em;
	color:#cf47c7;
	margin:0 0 0px 0;
}


#mf4 #cbox41 .ctext{
	padding:0 20px 10px 262px;
}

#mf4 #cbox41 .ctext .abs{
	position:absolute;
	top:-20px;
	left:0;
}

#mf4 #cbox41 .cimg{
	text-align:center;
}

#mf4 #cbox41{
	padding:0 0 50px 0;
}

#mf4 #cbox42 .dl1{
	float:left;
	width:480px;
}

#mf4 #cbox42 .dl1 dt{
	text-align:center;
	font-size:1.56em;
	line-height:1.5em;
	color:#cf47c7;
	padding:0 0 10px 0;
}

#mf4 #cbox42 .dl2{
	float:right;
	width:480px;
}

#mf4 #cbox42 .dl2 dt{
	text-align:center;
	font-size:1.56em;
	line-height:1.5em;
	color:#cf47c7;
	padding:0 0 40px 0;
}
#mf4 #cbox42 .dl2 dt span{
	font-size:0.68em;
}

#mf4 #cbox42 .ctext{
	clear:both;
	padding:40px;
}

#mf4 #cbox42 .cimg{
	text-align:center;
}




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



#mf1 .mf-inner{
	padding:30px 10px;
}

#mf1 .cimg{
	text-align:center;
	margin:0 0 10px 0;
}



#mf2{
	background:url(../img/about/bg1.jpg) left top repeat;
}
#mf2 .mf-inner{
	padding:30px 10px;
}

#mf2 h2{
	font-size:1.5em;
	line-height:1.5em;
	color:#cf47c7;
	margin:0 0 10px 0;
}

#mf2 .ctext{
	float:none;
	width:auto;
}

#mf2 .cimg{
	float:none;
	text-align:center;
	padding:20px 0 0 0;
}


#mf3{

}
#mf3 .mf-inner{
	padding:50px 0;
	position:relative;
}

#mf3 h2{
	font-size:2.0em;
	line-height:1.5em;
	color:#cf47c7;
	margin:0 0 0px 0;
}

#mf3 .ctext{
	background:url(../img/about/bg2.jpg) center top no-repeat;
	background-size:cover;
	padding:70px 10px;
	text-align:center;
	position:relative;
	z-index:-1;
}

#mf3 .ctext p{
	font-size:1.2em;
	line-height:1.7em;
	position:static;
}


#mf3 .ctext p strong {
	display:inline-block;
	position: relative;
	padding:0 5px;
	margin:0 10px;
	line-height:1.1em;
  }

#mf3 .ctext p strong:before {
  content: '';/*ボックス作成*/
  position: absolute;
  top: 60%;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: #fff287;
  transform: skew(-45deg);
  z-index:-1;
}



#mf3 .cimg{
	position:absolute;
	right:10px;
	bottom:0;
}


#mf4{

}
#mf4 .mf-inner{
	padding:60px 10px;
	position:relative;
}

#mf4 h2{
	font-size:1.5em;
	line-height:1.5em;
	color:#cf47c7;
	margin:0 0 0px 0;
}


#mf4 #cbox41 .ctext{
	padding:0;
}

#mf4 #cbox41 .ctext .abs{
	position:absolute;
	bottom:100%;
	left:0;
	z-index:-1;
}

#mf4 #cbox41 .ctext .abs img{
	width:50%;
}

#mf4 #cbox41 .cimg{
	text-align:center;
}

#mf4 #cbox41{
	padding:0 0 50px 0;
}

#mf4 #cbox42 .dl1{
	float:none;
	width:auto;
	padding:0 0 30px 0;
}

#mf4 #cbox42 .dl1 dt{
	text-align:center;
	font-size:1.1em;
	line-height:1.5em;
	color:#cf47c7;
	padding:0 0 10px 0;
}

#mf4 #cbox42 .dl2{
	float:none;
	width:auto;
}

#mf4 #cbox42 .dl2 dt{
	text-align:center;
	font-size:1.1em;
	line-height:1.5em;
	color:#cf47c7;
	padding:0 0 40px 0;
}

#mf4 #cbox42 .ctext{
	clear:both;
	padding:20px 0;
}

#mf4 #cbox42 .cimg{
	text-align:center;
}




}