@charset "UTF-8";
/* CSS Document */



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/


.main_wrap{
	height:740px;
	width:100%;
	overflow:hidden;
	position:relative;
	}

.main{
	height:740px;
	width:100%;
	background-position:center center;
	background-size:cover;
	position:absolute;
	left:0;
	top:0;
	transition:background-image 3s;
	display: table;
	}
	.main_slider{
		position:absolute;
		left:0;
		width: 100%;
		}
		.main_slider li{
			background-position:center;
			background-size:cover;
			height:740px;
			width: 100%;
			}
		.main_slider li.slider1{
			background-image:url(../../img/top_pc/slider1.jpg)
			}
		.main_slider li.slider2{
			background-image:url(../../img/top_pc/slider2.jpg)
			}
		.main_slider li.slider3{
			background-image:url(../../img/top_pc/slider3.jpg)
			}
	.main p{
		color:#fff;
		font-size:40px;
		font-weight:bold;
		text-align:center;
		letter-spacing:0.3em;
		width: 100%;
		box-sizing: border-box;
		padding: 0 50px;
		word-break:break-all;
		display: table-cell;
		vertical-align: middle;
		}

h2{
	font-size:40px;
	background-image:url(../../img/common/pc/h2_bdr.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	background-size:auto 2px;
	padding-bottom:10px;
	text-align:center;
	}
	
	
.sec1{
	width:1070px;
	margin:auto;
	margin-top:-90px;
	background-color:#fff;
	position:relative;
	/* z-index:1; */
	z-index:99;
	text-align:center;
	padding-top:45px;
	}
	.map{
		background-image:url(../../img/top_pc/map.png);
		background-repeat:no-repeat;
		background-position:top center;
		min-height:679px;
		margin-top:-50px;
		position:relative;
		}
	.map_list{
		position:absolute;
		border:1px solid #E0E0E0;
		background-color:#fff;
		padding:12px 14px;
		}
		.map_list p{
			text-align:left;
			color:#D71717;
			font-size:14px;
			font-weight:bold;
			}
		.map_list ul:nth-of-type(1){
			margin-left:0px;
			}
		.map_list ul{
			margin-top:5px;
			float:left;
			margin-left:15px;
			}
			.map_list ul li{
				font-size:12px;
				}
		
		
		.map .hokkaido{
			right: 200px;top: 65px;
			}
		.map .tohoku{
			right: 200px;top: 300px;
			}
		.map .kanto{
			right: 190px;top: 455px;
			}
		.map .tokai{
			right: 513px;top: 290px;
			}
		.map .kinki{
			top: 563px;left: 425px;
			}
		.map .chugoku{
			left: 190px;top: 300px;
			}
		.map .kyushu{
			top:460px;
			}
		
		
/*//////////////////////////////// sec1 ////////////////////////////////*/
	.sec1 .search_btn{
		width: 530px;
		margin: 0 auto;
		margin-top:70px;
		}
	
		.sec1 .search_btn li a{
			width:530px;
			height:60px;
			float:left;
			background-color:#EFEFEF;
			text-align:center;
			font-size:16px;
			font-weight:bold;
			color:#D71717;
			box-sizing:border-box;
			padding-top:19px;
			border-radius:5px;
			margin-left:5px;
			cursor:pointer;
			color:#000;
			}
		.sec1 .search_btn li a:hover{
			background-color:#D71717;
			color:#fff;
			position:relative;
			}
		/*
		.sec1 .tab li.select::after{
			content:"";
			position:absolute;
			top:100%;
			box-sizing: border-box;
			width: 6px;
			height: 6px;
			border: 6px solid transparent;
			border-top: 8px solid #D71717;
			left:50%;
			margin-left:-6px;
			}
		*/
	
	.sec1 .search_box{
		text-align:left;
		margin-top:30px;
		}
		.sec1 .search_box h3{
			font-size:18px;
			border-bottom:solid 1px #D4D4D4;
			padding-bottom:10px;
			background:url(../../img/top_pc/h3_img.jpg) no-repeat left 8px;
			padding-left:25px;
			margin-bottom:27px;
			}
		.sec1 .search_box h3 span{
			color:#D71717;
			}
			
		
	.sec1  .search_wrap{
		text-align:center;
		}	
		.sec1 .search_wrap input{
			background-color:#F1F1F1;
			border:none;
			font-size:14px;
			padding:20px;
			width:670px;
			height:60px;
			display:inline-block;
			vertical-align:top;
			box-sizing:border-box;
			}
		.sec1 .search_wrap button{
			background:url(/img/top_pc/search.png),#D71717;
			background-position:center center;
			background-size:26px;
			background-repeat:no-repeat;
			border:none;
			width:60px;
			height:60px;
			display:inline-block;
			box-sizing:border-box;
			vertical-align:top;
			}
	
	.sec1 .area_table{
		width:100%;
		}
		.sec1 .area_table tr:not(:first-child) th,
		.sec1 .area_table tr:not(:first-child) td{
			padding-top:15px;
			}
		.sec1 .area_table tr:not(:last-child) th,
		.sec1 .area_table tr:not(:last-child) td{
			border-bottom:1px dotted #A6A6A6;
			padding-bottom:15px;
			}
		.sec1 .area_table tr th{
			width:142px;
			}
		.sec1 .area_table tr th label{
			font-weight:bold;
			}
			.sec1 .area_table td ul{
				margin-left:-25px;
				}
			.sec1 .area_table td li{
				float:left;
				margin-left:25px;
				}
		
		.sec1 .bunya{
			margin-top:-20px;
			}
			.sec1 .bunya li{
				float:left;
				width:267px;
				padding-right:10px;
				box-sizing:border-box;
				margin-top:20px;
				}
			.bunya_link{
				text-align:right;
				margin-top:30px;
				}
				.bunya_link a{
					color:#00A0E9;
					text-decoration:underline;
					}
		.search_btn_wrap{
			text-align:center;
			}
			.search_btn_wrap p:nth-of-type(1){
				margin-bottom:23px;
				}
			.search_btn_wrap a{
				color:#00A0E9;
				text-decoration:underline;
				}
				
				
				
.sec1 input[type="checkbox"]{
  display: none;
}
.sec1 label{
  cursor: pointer;
  padding-left: 22px;
  position:relative;
  display: block;
  font-size:14px;
}
.sec1 label:before{
  content:"";
  position:absolute;
  width:13px;
  height:13px;
  display:block;
  border:2px solid #D4D4D4;
  transition:200ms;
  top:50%;
  margin-top:-8px;
  left:0;
  border-radius:3px;
}

.sec1 input[type="checkbox"]:checked + label:before{
  content:"";
  background-color:#D4D4D4;
  transition:200ms;
}
.sec1 input[type="checkbox"]:checked + label:after{
  content:"";
  width:10px;
  height:8px;
  background-image:url("../../img/top_pc/check.png");
  transition:200ms;
  position:absolute;
  left:3px;
  top:50%;
  margin-top:-3px;
}
/*//////////////////////////////// sec1 end ////////////////////////////////*/



/*//////////////////////////////// sec2 ////////////////////////////////*/
.sec2{
	margin-top:65px;
	border-top:1px solid #D1D1D1;
	padding-top:75px;
	margin-bottom:85px;
	}
	.sec2_wrap{
		width:1070px;
		margin:auto;
		}
	.bnr1 a:nth-of-type(1){
		float:left;
		margin-top:22px;
		}
	.bnr1 span{
		text-align:right;
		float:right;
		}
	.bnr2{
		margin-top:40px;
		}
	.bnr2 .bnr_list{
		float: left;
		width: 723px;
		}
		.bnr2 .bnr_list a{
			font-size:0;
			float:left;
			}
		.bnr2 .bnr_list a:not(:nth-child(2n + 1)){
			margin-left: 62px;
			}
		.bnr2 .bnr_list a:nth-child(n + 3){
			margin-top: 58px;
			}
	.bnr2 span{
		text-align:right;
		float:right;
		margin-top: -22px;
		}
/*//////////////////////////////// sec2 end ////////////////////////////////*/



/*//////////////////////////////// sec3 ////////////////////////////////*/
.sec3{
	margin-top:65px;
	border-top:1px solid #D1D1D1;
	padding-top:75px;
	background-color:#FEF8F8;
	padding-bottom:75px;
	}
		.sec3_wrap .text{
			margin-top:14px;
			}
		.sec3_pr{
			text-align:right;
			margin-top:25px;
			}

	.sec3 .figure_list figure:nth-child(n+7) {
		display: none;
	  }
/*//////////////////////////////// sec3 end ////////////////////////////////*/



/*//////////////////////////////// sec4 ////////////////////////////////*/
.sec4{
	border-top:1px solid #D1D1D1;
	padding-top:75px;
	padding-bottom:75px;
	}

	.sec4 .figure_list figure:nth-child(n+7) {
		display: none;
	  }
/*//////////////////////////////// sec4 end ////////////////////////////////*/



/*//////////////////////////////// sec5 ////////////////////////////////*/
.sec5{
	border-top:1px solid #D1D1D1;
	padding-top:75px;
	background-color:#FEF8F8;
	padding-bottom:165px;
	}
#footer {
	margin-top:0;
	}

	.sec5 .figure_list figure:nth-child(n+7) {
		display: none;
	  }
/*//////////////////////////////// sec5 end ////////////////////////////////*/



/*//////////////////////////////// sec3 sec4 共通 ////////////////////////////////*/
	.sec3_wrap,
	.sec4_wrap,
	.sec5_wrap{
		width:1070px;
		margin:auto;
		}
		.sec3_wrap .figure_list,
		.sec4_wrap .figure_list{
			margin-left:-40px;
			margin-top:10px;
			}
		.sec3_wrap figure,
		.sec4_wrap figure{
			margin-left:40px;
			float:left;
			width:330px;
			margin-top:35px;
			}
		.sec3_wrap figure:nth-of-type(3n+1),
		.sec4_wrap figure:nth-of-type(3n+1){
			clear:both;
			}
			.sec3_wrap  .img_wrap,
			.sec4_wrap  .img_wrap{
				position:relative;
				}
			.sec3_wrap .airplane .img_wrap::before,
			.sec3_wrap .book .img_wrap::before,
			.sec3_wrap .home .img_wrap::before,
			.sec3_wrap .heart .img_wrap::before,
			.sec3_wrap .fuji .img_wrap::before,
			.sec3_wrap .pen .img_wrap::before,
			.sec3_wrap .employment .img_wrap::before,
			.sec4_wrap .airplane .img_wrap::before,
			.sec4_wrap .book .img_wrap::before,
			.sec4_wrap .home .img_wrap::before,
			.sec4_wrap .heart .img_wrap::before,
			.sec4_wrap .fuji .img_wrap::before,
			.sec4_wrap .employment .img_wrap::before,
			.sec4_wrap .pen .img_wrap::before{
				width:30px;
				height:30px;
				position:absolute;
				left:0;
				top:0;
				content:""; 
				}
			.sec3_wrap .airplane .img_wrap::before,
			.sec4_wrap .airplane .img_wrap::before{
				background-image:url(../../img/top_pc/cat1.jpg);
				}
			.sec3_wrap .book .img_wrap::before,
			.sec4_wrap .book .img_wrap::before{
				background-image:url(../../img/top_pc/cat2.jpg);
				}
			.sec3_wrap .home .img_wrap::before,
			.sec4_wrap .home .img_wrap::before{
				background-image:url(../../img/top_pc/cat3.jpg);
				}
			.sec3_wrap .heart .img_wrap::before,
			.sec4_wrap .heart .img_wrap::before{
				background-image:url(../../img/top_pc/cat4.jpg);
				}
			.sec3_wrap .fuji .img_wrap::before,
			.sec4_wrap .fuji .img_wrap::before{
				background-image:url(../../img/top_pc/cat5.jpg);
				}
			.sec3_wrap .pen .img_wrap::before,
			.sec4_wrap .pen .img_wrap::before{
				background-image:url(../../img/top_pc/cat6.jpg);
				}
			.sec3_wrap .employment .img_wrap::before,
			.sec4_wrap .employment .img_wrap::before{
				background-image:url(../../img/top_pc/cat7.jpg);
				}
		.sec3_wrap figcaption,
		.sec4_wrap figcaption,
		.sec5_wrap figcaption{
			margin-top:16px;
			}
		.sec3_wrap h3,
		.sec4_wrap h3,
		.sec5_wrap h3{
			color:#00A0E9;
			text-decoration:underline;
			font-size:16px;
			margin-top:10px;
			}
		.sec5_wrap figcaption {
			}
			.sec5_wrap .figure_list {
				margin-top:45px;
				}
				.sec5_wrap .data {
					float:left;
					margin-right:20px;
					}
				.sec5_wrap h3 {
					float:left;
					margin-top:0;
					font-size:inherit;
					width:calc(100% - 107px);
					}
	.sec3_wrap  .more_btn,
	.sec4_wrap  .more_btn,
	.sec5_wrap  .more_btn{
		text-align:center;
		margin-top:40px;
		}
		.sec3_wrap  .img_wrap img,
		.sec4_wrap  .img_wrap img,
		.sec5_wrap  .img_wrap img{
			width:100%;
			height:auto;
			}
		.sec3_wrap  .more_btn a,
		.sec4_wrap  .more_btn a{
			text-align: center;
			display: inline-block;
			color: #fff !important;
			font-weight: bold;
			font-size: 15px;
			padding: 10px 40px 8px;
			width: 250px;
			border-radius: 5px;
			box-sizing: border-box;
			box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.6);
			-webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.6);
			border: none;
			transition: 500ms;
			background-color: #D71717;
			position: relative;
			margin: 10px;
			}
		.sec3_wrap  .more_btn a:after,
		.sec4_wrap  .more_btn a:after{
			content: "";
			background-image: url(https://www.studyjapan.jp/topics/img/common/icon_arrow_right.png);
			width: 16px;
			height: 16px;
			position: absolute;
			right: 10px;
			top: 50%;
			margin-top: -8px;
			}
/*//////////////////////////////// sec3 sec4 共通 end ////////////////////////////////*/