#dammy {
	display: block;
	overflow: hidden;
	background: url('../images/') no-repeat;
	padding: 40px 0 0;
	width: 216px;
	height: 0!important;
}

/*
=================================== */
.about_area1 {
	background-image: url('../images/about/about_mtitle.svg'), url('../images/common/whitebox.png'),  url('../images/common/area_back2.png');
	background-repeat: no-repeat, repeat-x, repeat;
	background-position: center 30px, center top, center top;
	background-size: auto 50px, 125px 65px, 45px 45px;
}

.about_area1 .block1 {
	padding-top:80px;
	padding-bottom:30px;
}

.about_area1 h2 {
	margin:0 0 30px;
	padding:0 0 0 2px;
	text-align: center;
	font-size:2.0rem;
	letter-spacing: 2px;
}

.area1_block1 {
	margin:0 0 70px;
	font-size:1.5rem;
}

.area1_block1 p {
	line-height:2.0;
}

.area1_block2 {
	padding:0 15px 20px;
	background-color: #FFF;
}

.area1_block2 h3 {
	margin:0 0 10px;
	text-align: center;
	transform: translateY(-20px)
}

.area1_block2 h3 b {
	display: inline-block;
	width:230px;
	line-height:50px;
	color:#FFF;
	text-align: center;
	font-size:1.8rem;
	font-weight: 400;
	letter-spacing: 2px;
	background-color: #1d1d1d;
	position: relative;
}

.area1_block2 h3 b::after {
	position: absolute;
	left:20px;
	bottom:-10px;
	content: '';
	border-top:10px solid transparent;
	border-right:10px solid transparent;
	border-left:10px solid #1d1e1d;
	border-bottom:10px solid transparent;
}

.area1_block2 p {
	margin:0 0 20px;
	line-height:2.0;
}

.area1_block2 li {
	margin:0 0 10px;
	padding:0 0 0 20px;
	position: relative;
}

.area1_block2 li:last-child {
	margin:0;
}

.area1_block2 li b {
	position: absolute;
	top:0;
	left:0;
	font-weight: 400;
}

.about_area2 .block1 {
	padding-bottom:60px;
}

.about_rtitle {
	margin:0 0 30px;
	padding:0 0 0 3px;
	line-height:35px;
	text-align: center;
	font-size:1.5rem;
	letter-spacing: 3px;
	background-color: #fff158;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
}

.area2_block1 {
	margin:0 0 60px;
}

.area2_block1 .mbox {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	padding:10px 0;
	border-top:1px dotted #c0c0c0;
}

.area2_block1 .mbox .name {
	width:48%;
	line-height:1.4;
	font-weight: 500;
}

.area2_block1 .mbox .name b {
	font-weight: 400;
}

.area2_block1 .mbox .url {
	width:50%;
	line-height:1.4;
	font-size:1.3rem;
}

.area2_block1 .mbox .url a {
	text-decoration: underline;
}

.area2_block2 {
	margin:0 0 60px;
}

.area2_block2 .mex {
	margin:0 0 30px;
	line-height:1.8;
}

.mark_block {
	padding:25px 0 15px;
	border:1px solid #b4b4b5;
}

.mark_block .imagebox {
	margin:0 auto 20px;
	width:100px;
}

.mark_block .exbox {
	padding:0 20px;
}

.mark_block .exbox .concept {
	margin:0 0 10px;
	line-height:1.8;
	font-size:1.6rem;
	font-weight: 500;
}

.mark_block .exbox .name {
	margin:0 0 15px;
	font-weight: 700;
}

.mark_block .exbox .line {
	background: url('../images/about/about_area2image2.jpg') no-repeat left bottom;
	background-size: 183px 60px;
	padding:0 0 70px;
	line-height:1.5;
	font-size:1.3rem;
}

.mark_block .exbox .line a {
	display: inline-block;
	padding:0 0 1px;
	border-bottom:1px solid #777;
}

.area2_block3 p {
	margin:0 0 30px;
}

.area2_block3 p:last-child {
	margin:0;
}

@media screen and (min-width: 768px) {

	/*
	=================================== */
	.about_area1 {
		background-position: center 50px, center top, center top;
		background-size: 634px 129px, 250px 130px, 90px 90px;
	}

	.about_area1 .block1 {
		padding-top:175px;
		padding-bottom:90px;
	}

	.about_area1 h2 {
		margin:0 0 100px;
		padding:0 0 0 3px;
		font-size:3.0rem;
		letter-spacing: 3px;
	}

	.area1_block1 {
		margin:0 0 130px;
		text-align: center;
		font-size:1.8rem;
	}

	.area1_block1 p {
		line-height:2.2;
	}

	.area1_block2 {
		margin:0 auto;
		padding:0 30px 20px;
		width:900px;
	}

	.area1_block2 h3 {
		margin:0 0 20px;
		transform: translateY(-30px)
	}

	.area1_block2 h3 b {
		width:330px;
		line-height:65px;
		font-size:2.6rem;
	}

	.area1_block2 p {
		margin:0 0 35px;
		line-height:2.2;
	}

	.area1_block2 li {
		margin:0;
		padding:0;
		line-height:2.2;
	}

	.area1_block2 li b {
		position: static;
		margin:0 5px 0 0;
	}

	.about_area2 .block1 {
		padding-top:45px;
		padding-bottom:120px;
	}

	.about_rtitle {
		margin:0 0 45px;
		padding:0 0 0 8px;
		line-height:45px;
		font-size:1.7rem;
		letter-spacing: 8px;
	}

	.area2_block1 {
		margin:0 0 80px;
		padding:0 15px;
	}

	.area2_block1 .mbox {
		margin:0 30px 0 0;
		width:470px;
		float:left;
	}

	.area2_block1 .mbox:nth-child(even) {
		margin-right:0;
	}

	.area2_block1 .mbox .name {
		padding:0 0 0 6px;
		width:210px;
		font-size:1.4rem;
	}

	.area2_block1 .mbox .name b {
		display: block;
	}

	.area2_block1 .mbox .url {
		width:235px;
	}

	.area2_block2 {
		margin:0 auto 75px;
		width:800px;
	}

	.area2_block2 .mex {
		margin:0 0 30px;
		line-height:2.0;
		text-align: center;
	}

	.mark_block {
		margin:0 auto;
		padding:0;
		width:660px;
	}

	.mark_block .imagebox {
		display: none;
	}

	.mark_block .exbox {
		background: url('../images/about/about_area2image1.jpg') no-repeat 70px 25px;
		background-size: 140px 230px;
		padding:30px 30px 20px 260px;
		min-height:280px;
	}

	.mark_block .exbox .concept {
		font-size:1.8rem;
	}

	.mark_block .exbox .name {
		margin:0 0 20px;
		font-size:1.5rem;
	}

	.mark_block .exbox .line {
		font-size:1.4rem;
	}

	.mark_block .exbox .line a {
		padding:0 0 3px;
	}

	.area2_block3 {
		margin:0 auto;
		width:660px;
	}

	.area2_block3 p {
		margin:0 0 30px;
	}
}