@charset "UTF-8";


/*===========================================

MAIN

===========================================*/

/* content0 */
@media screen and (min-width: 641px) { 
	.content0{
		max-width:980px;
		width:100%;
		margin:0 auto 0 auto;
		padding:0 0 3vw 0;
		text-align:center;
		border-bottom:solid 1px #706f6f;
	}
	
	.contenttitlefr{
		display:inline-block;
		margin:6vw auto 8.8vw auto;
		border-bottom:solid 1px #000;
		padding:0 1vw 1vw 1vw;
	}
	
	.content0 .contenttitlefr .contenttitle1{
		text-align:center;
		letter-spacing:0.2em;
		margin:0;
		padding:0;
	}
	
	.content0 .contenttitlefr .contenttitle2{
		text-align:center;
		letter-spacing:0.2em;
		margin:0;
		padding:0.3vw 0 1vw 0;
	}

	.content0 .content0-sub{
		margin:0 auto 3.46vw;
		padding:0 0;
	}
	.content0 .content0-sub p{
		margin:0 0;
		padding:0;
		line-height:2.3em;
		text-align:center;
		font-weight:bold;
	}

	.content0 .content0-sub2{
		text-align:left;
		
		margin:0 auto 7vw;
		background-color:#eeeeee;
		position:relative;
		background: url(../images/guidanceimg01.jpg) no-repeat 0 0;
		background-size:cover;
	}
	
	.content0-sub2-text{
		width:50%;
		min-width:500px!important;
		padding:1.5vw 0 2vw 3vw;
		background-color:#fff;
		opacity:0.8;
	}
	
	.content0 .content0-sub2 .contentsimg-text{
		width:100%;
		height:100%;
		position:relative;
		margin:0 0 3.46vw;
	}

	.content0 .content0-sub2 .contentsimg-text:before {
		content: "";
		display: block;
		padding-top: 30.5%;
	}

	.content0 .content0-sub2 .contentsimg-text .contentsimg-textsub{
		width:100%;
		margin:0 auto 0;
		padding:1.3vw 0 0 4vw;
		position:absolute;
		top:0;
		z-index:50;
	}

	.content0 .content0-sub2 p.m-title{
		font-weight:bold;
	}
	.content0 .content0-sub2 p{
		margin:0 auto 0;
		padding:0 0 0 0;
		line-height:2.3em;
		line-height:2.4em;
	}

	.content0 .content0-sub2 img.trainingimg{
		position:absolute;
		top:0;
		left:0;
		height:auto;
	}

	.content0 .content0-sub3{
		width:88.8%;
		margin:0 auto 0;
	}

	.content0 .content0-sub3 .content0-sub3row{
		width:100%;
		text-align:left;
	}
	
	.content0 .content0-sub3 .content0-sub3row .col1{
		width:49%;
		display:inline-block;
		margin:0 1.2vw 0 0;
	}

	.content0 .content0-sub3 .content0-sub3row .col2{
		width:47%;
		display:inline-block;
	}
	
	.content0 .content0-sub3 .content0-sub3row .m-title{
		margin:0 0 1.2vw;
		padding:0;
	}
	
	.content0 .content0-sub3 .content0-sub3row p{
		margin:0;
		padding:0;
		line-height:2.5em;
	}

}

@media screen and (max-width: 640px) {
	.content0{
		width:100%;
		margin:0 auto 0 auto;
		padding:0 0 7vw 0;
		text-align:center;
	}
	
	.contenttitlefr{
		display:inline-block;
		margin:15vw auto 15vw auto;
		border-bottom:solid 1px #000;
		padding:0 1vw 1vw 1vw;
	}
	
	.content0 .contenttitlefr .contenttitle1{
		text-align:center;
		letter-spacing:0.2em;
		margin:0;
		padding:0;
	}
	
	.content0 .contenttitlefr .contenttitle2{
		text-align:center;
		letter-spacing:0.2em;
		margin:0;
		padding:0.3vw 0 2vw 0;
	}
	
	.content0 .content0-sub{
		margin:0 auto 7.3vw;
		padding:0 0;
	}
	.content0 .content0-sub p{
		margin:0 0;
		padding:0;
		line-height:2.3em;
		text-align:center;
		font-weight:bold;
	}

	.content0 .content0-sub2{
		width:85%;
		
		margin:0 auto 7vw;
		text-align:left;
		background-color:#eeeeee;
		background: url(../images/guidanceimg01.jpg) no-repeat top left;
		background-size:cover;
	}
	
	.content0-sub2-text{
		max-width:100%;
		padding:1.5vw 0 2vw 20vw;
		background-color:#fff;
		opacity:0.8;
	}
	
	.content0 .content0-sub2 .contentsimg-text{
		width:100%;
		height:100%;
		position:relative;
	}

	.content0 .content0-sub2 .contentsimg-text:before {
		content: "";
		display: block;
		padding-top: 42.5%;
	}

	.content0 .content0-sub2 .contentsimg-text .contentsimg-textsub{
		width:100%;
		margin:0 auto 0;
		padding:2.2vw 0 0 4vw;
		position:absolute;
		top:0;
		z-index:50;
	}

	.content0 .content0-sub2 p.m-title{
		font-weight:bold;
		font-size:18px;
	}
	.content0 .content0-sub2 p{
		margin:0 auto 0;
		padding:0 0 0 0;
		line-height:1.8em;
		font-size:14px;
	}

	.content0 .content0-sub2 img.trainingimg{
		position:absolute;
		top:0;
		left:0;
		height:auto;
	}
	
	.content0 .content0-sub3{
		width:75%;
		margin:0 auto 0;
	}

	.content0 .content0-sub3 .content0-sub3row{
		width:100%;
		text-align:left;
	}
	
	.content0 .content0-sub3 .content0-sub3row .col1{
		width:100%;
		margin:0 0 6vw 0;
	}

	.content0 .content0-sub3 .content0-sub3row .col1 li:nth-child(odd){
		width:73%;
		margin:0 0 1vw 0;
		float:left;
	}

	.content0 .content0-sub3 .content0-sub3row .col1 li:nth-child(even){
		width:27%;
		margin:0 0 1vw 0;
		float:right;
	}

	.content0 .content0-sub3 .content0-sub3row .col2{
		width:100%;
	}
	.content0 .content0-sub3 .content0-sub3row .col2 li:nth-child(odd){
		width:64%;
		margin:0 0 1vw 0;
		float:left;
	}

	.content0 .content0-sub3 .content0-sub3row .col2 li:nth-child(even){
		width:35%;
		margin:0 0 1vw 0;
		float:right;
	}
	
	.content0 .content0-sub3 .content0-sub3row .m-title{
		margin:0 0 2vw;
		padding:0 0 1vw 0;
		border-bottom:solid 1px #706f6f;
	}

}
/* content0 */

/* content1 */
@media screen and (min-width: 641px) { 
	.content1{
		max-width:980px;
		width:100%;
		margin:0 auto 7.69vw auto;
		padding:0;
	}

	.content1 .content1-sub:first-child{
		margin:0 auto 0;
		padding:0 0 3.5vw;
		border-bottom:solid 1px #706f6f;
	}

	.content1 .content1-sub .m-title{
		width:78%;
		margin:0 auto 2vw;
		padding:3.46vw 0 0;
	}

	.content1 .content1-sub p{
		width:78%;
		margin:0 auto 3vw;
		line-height:2.3em;
	}

	.content1 .content1-sub .content1-subimg1{
		width:54.08%;
		margin:0 auto;
	}

	.content1 .content1-sub .content1-subimg2{
		width:48.46%;
		margin:0 auto;
	}
}

@media screen and (max-width: 640px) {
	.content1{
		width:85%;
		margin:0 auto 31vw auto;
		padding:0;
		border-top:solid 1px #706f6f;
	}

	.content1 .content1-sub:first-child{
		margin:0 auto 0;
		padding:0 0 8.59vw;
		border-bottom:solid 1px #706f6f;
	}

	.content1 .content1-sub .m-title{
		margin:0 0 3.9vw 7vw;
		padding:7vw 0 0;
	}

	.content1 .content1-sub p{
		width:100%;
		margin:0 0 3vw 7vw;
		line-height:2.3em;
	}

	.content1 .content1-sub .content1-subimg1{
		width:98%;
		margin:0 auto;
		padding:4vw 0 0;
	}

	.content1 .content1-sub .content1-subimg2{
		width:87.96%;
		margin:0 auto 0;
		padding:4.98vw 0 0;
	}

}
/* content1 */


/* content2 */
@media screen and (min-width: 641px) { 
	.content2{
		max-width:980px;
		width:100%;
		margin:0 auto 0 auto;
		padding:0;
	}
	
	.content2 .content2-sub{
		margin:0 auto 0 auto;
		padding:3.2vw 0 2.5vw 9.07vw;
		border-bottom:solid 1px #706f6f;
	}

	.content2 .content2-sub .m-title{
		margin:0 0 2.5vw;
		padding:0;
	}

	.content2 .content2-sub p{
		margin:0;
		padding:0;
		line-height:2.6em;
	}
}

@media screen and (max-width: 640px) {
	.content2{
		width:85%;
		margin:0 auto 0 auto;
		padding:0;
	}

	.content2 .content2-sub{
		margin:0 auto 0 auto;
		padding:7vw 5vw 7vw;
		border-bottom:solid 1px #706f6f;
	}

	.content2 .content2-sub .m-title{
		width:88.3%;
		margin:0 auto 6vw;
		padding:0;
	}

	.content2 .content2-sub p{
		width:88.3%;
		margin:0 auto;
		padding:0;
		line-height:2.6em;
	}
}
/* content2 */


/* content3 */
@media screen and (min-width: 641px) {
	.content3{
		max-width:980px;
		width:100%;
		margin:0 auto 0 auto;
		padding:5vw 0 3.5vw;
	}

	.content3 .m-title{
		margin:0 0 2.4vw;
		padding:0;
		text-align:center;
	}

	.content3 p{
		text-align:center;
		line-height:2.6em;
		margin:0 0 3.2vw;
	}

	.content3 .content3-img{
		width:48.4%;
		margin:0 auto 3.4vw auto;
	}


	.content3 .content3-sub{
		width:76%;
		margin:0 auto 3.8vw auto;
		padding:0;
	}

	.content3 .content3-sub .m-title2{
		text-align:left;
		margin:0 0 1vw;
		padding:0 0 0.46vw;
		border-bottom:solid 1px #706f6f;
	}

	.content3 .content3-sub .content3row{}

	.content3 .content3-sub .content3row li{
		display:inline-block;
		margin:0 0 0.5vw 0;
	}

	.content3 .content3-sub .content3row li:nth-child(3n+1){
		width:30%;
		margin:0 0 0.5vw 0.2vw;
	}

	.content3 .content3-sub .content3row li:nth-child(3n+2){
		width:41%;
		margin:0 1vw 0.5vw 0;
	}

	.content3 .content3-sub .content3row li:nth-child(3n+3){
		width:22%;
		margin:0 0 0.5vw 0;
	}
}

@media screen and (max-width: 640px) {
	.content3{
		width:85%;
		margin:0 auto 0 auto;
		padding:8vw 0 14vw;
	}

	.content3 .m-title{
		margin:0 0 5vw;
		padding:0;
		text-align:center;
	}

	.content3 p{
		text-align:center;
		line-height:2.6em;
		margin:0 0 6vw;
	}

	.content3 .content3-img{
		width:87.9%;
		margin:0 auto 7vw auto;
	}


	.content3 .content3-sub{
		width:87.9%;
		margin:0 auto 3.8vw auto;
		padding:0;
	}

	.content3 .content3-sub .m-title2{
		text-align:left;
		margin:0 0 2vw;
		padding:0 0 0.46vw;
		border-bottom:solid 1px #706f6f;
	}

	.content3 .content3-sub .content3row{}

	.content3 .content3-sub .content3row li{
		display:block;
		margin:0 0 0.5vw 0;
	}

	.content3 .content3-sub .content3row li:nth-child(odd){
		width:64%;
		margin:0 0 1vw 0;
		float:left;
	}

	.content3 .content3-sub .content3row li:nth-child(even){
		width:36%;
		margin:0 0 1vw 0;
		float:right;
	}

}
/* content3 */