@charset "utf-8";

.contents_section {
	text-align : center;
	margin : 50px auto;
}

.contents_section h2 {
	text-align : center;
	font-weight : 400;
	font-size : 2.4rem;
	font-family: 'Noto Sans Japanese', serif;
	color : #2B91E5;
}

.contents_section.tokucho_section {
	width : 760px;
}

.contents_section .contents_in {
	margin : 30px 0;
	text-align : center;
}

.contents_section.tokucho_section h3 {
	text-align : left;
	font-size : 1.8rem;
}

.contents_section.skill_section {
	background : url(../images/img_bg_line.png) #edf5fc repeat top left;
	width:1280px;
}

.page_link {
	display : flex;
	width : 960px;
	flex-wrap: wrap;
	margin : 20px auto;
}

.page_link li {
	width : 33.3%;
	position : relative;
}

.page_link li a div {
	width : 100%;
	height : 30px;
	line-height : 30px;
	text-align : center;
	position : absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	margin : auto;
	
}

.page_link li a div span{
	text-decoration : underline;
	color : #fff;
	font-weight : 700;
	font-family: 'Noto Sans Japanese', serif;
	font-size : 2.0rem;
}

.skill_art {
	width : 1090px;
	margin : 40px auto;
	position : relative;
	padding : 40px 0;
}

.skill01 .skill_image {
	text-align : left;
}

.skill_text {
	background : #fff;
	padding : 20px;
	text-align : left;
	width : 480px;
	position : absolute;
}

.skill01 .skill_text{
	right : 0;
	top : 100px;
}
.skill02 .skill_image {
	text-align : right;
}
.skill02 .skill_text{
	left : 0;
	top : 100px;
}

.step {
	color : #2B91E5;
	border-bottom : 3px solid #2B91E5;
	display : inline-block;
	font-size : 2.6rem;
	margin-bottom : 30px;
}

.skill_text h3 {
	text-align : left;
	margin-bottom : 20px;
	font-weight : 400;
	font-size : 2.1rem;
}

.skill_contact_area {
	background : #fff;
	border : 1px solid #2B91E5;
	width : 1090px;
	margin : 0 auto;
	padding : 30px;
}
.skill_contact_area .contents_in {
	width : 760px;
	margin : 20px auto;
}

#special05 {
	height : 800px;
}

@media screen and (max-width : 768px) {
.sub .header_in .page_title {
	font-size : 4.0rem;
}
	.sub .contents_section {
		margin : 0;
	}

	.contents_section h2 {
		font-size : 1.8rem;
	}


	.contents_section.tokucho_section {
		width : 100%;
	}

	.contents_section.skill_section {
		width:100%;
	}

.page_link  {
	width : 100%;
}

.page_link li {
	width : 50%;
}
	 .contents_in {
		width : 100%;
		padding : 20px;
		font-size : 1.4rem;
	}
	.skill_contact_area .contents_in {
		width : 100%;
		padding : 20px;
		font-size : 1.4rem;
	}

	.skill_art {
		width : 100%;
		margin : 20px auto;
		position : relative;
		padding : 20px 0;
	}

	.skill_text {
		width : 90%;
		position : relative;
		margin : 5px auto;
		top : auto;
		right : auto;
	}
	.skill01 .skill_text,
	.skill02 .skill_text {
		top : auto;
	}

	.skill01 .skill_image {
		width : 100%;
	}

	.skill_contact_area {
		width : 100%;
	}
	
	.page_link li a div span{
		font-size : 100%;
	}
	
	
}