// ======================================================= //
// 
// 01. index.php
// 
// ======================================================= //



body.page{
	.typesquare_option{
		font-family: A1明朝;
	}
	main{
		padding-top: 250px;
		#nav{
		}
		section{
			&#page-header{
				text-align: center;
				padding-top: 100px;
				padding-bottom:60px;
				position: relative;
				.icn-tri{
					display: block;
					margin:auto;
				}
				h1{
					padding-top: 40px;
					font-size: 22px;
					letter-spacing: 0.4em;
					color: $spec_blue;
					padding-bottom: 25px;
					display: inline-block;
					position: relative;
					padding-left: 8px;
					padding-right: 4px;
					line-height: 2;
					@extend %mina1;
					&:after{
						display: block;
						content: "";
						background-color: $spec_blue;
						width: 0%;
						height: 1px;
						position: absolute;
						bottom: 0;
						margin-right: auto;
						margin-left: auto;
						left: 0;
					    right: 0;
						-webkit-transition: all 0.5s;
						-moz-transition: all 0.5s;
						-ms-transition: all 0.5s;
						-o-transition: all 0.5s;
						transition: all 0.5s;
					}
				}
			}
			&#page-content{
				position: relative;
				padding-top: 0;
				padding-bottom: 0;
				-webkit-transition: all 0.5s;
				-moz-transition: all 0.5s;
				-ms-transition: all 0.5s;
				-o-transition: all 0.5s;
				transition: all 0.5s;
				-webkit-transition-delay: 0.5s;
				-ms-transition-delay: 0.5s;
				transition-delay: 0.5s;
				opacity: 0;
				h2.title{
					font-size: 18px;
					margin-bottom: 45px;
					@extend %mina1;
					letter-spacing: 0.3em;
					text-align: center;
				}
				.underconstruction{
					padding-bottom: 80px;
					.notification{
						background-color: #efefef;
						padding-top: 160px;
						padding-bottom: 160px;
						text-align: center;
						color: $spec_blue;
						font-size: 16px;
						line-height: 2;
						letter-spacing: 0.15em;
					}
				}
				.table-block{
					.table-row{
						border-top:1px solid $spec_blue;
						position: relative;
						&:last-child{
							border-bottom:1px solid $spec_blue;
						}
						&:before{
							display: block;
							position: absolute;
							content: "";
							width: 1px;
							height: calc(100% - 100px);
							left: 230px;
							top:0;
							bottom: 0;
							margin-top: auto;
							margin-bottom: auto;
							background-color: $spec_lightblue;
						}
						.table-item{
							display: table;
							width: 100%;
							position: relative;
							padding-top:50px;
							padding-bottom: 50px;
							& + .table-item{
								padding-top: 0;
							}
							&:last-child{
							}
							& > div{
								display: table-cell;
								vertical-align: top;
								&.table-title{
									width: 230px;
									letter-spacing: 0.3em;
									color: $spec_blue;
									font-size: 16px;
								    padding-top: 9px;
									img{
										display: block;
										margin-bottom: 8px;
									}
								}
								&.table-content{
									padding-left: 40px;
									padding-right: 40px;
									letter-spacing: 0.16em;
									p.mina1{
										font-size: 18px;
										line-height: 2;
										letter-spacing: 0.15em;
										color: $spec_blue;
										& + p{
											padding-top: 15px;
										    line-height: 1.8;
										}
									}
									p.information{
										color: $spec_lightblue;
										font-size: 14px;
									}
									dl{
										display: table;
										width: 100%;
										margin-top: 0;
										margin-bottom: 0;
										padding-top: 0;
										padding-bottom: 15px;
										& + dl{
											padding-top: 15px;
											border-top: 1px dashed $spec_blue;
										}
										&:last-child{
											padding-bottom: 0;
										    margin-bottom: 0;
										}
										> *{
											display: table-cell;
											vertical-align: middle;
											
										}
										dt{
											width: 150px;
										}
										dd{}
									}
								}
							}
						}
					}
				}
				.bg-tri{
					width: 35%;
					position: absolute;
					bottom: 0;
					right: 0;
					z-index: 0;
				}
			}
			&.breadcrumb-block{
				background-color: #f7f7f7;
				padding-top: 35px;
				padding-bottom: 35px;
			}
		}
	}
	&.about{
		main{
			background-color: #fff;
			-webkit-transition: all 0.5s;
			-moz-transition: all 0.5s;
			-ms-transition: all 0.5s;
			-o-transition: all 0.5s;
			transition: all 0.5s;
		}
		&.load{
			main{
				background-color: #cdced2;
			}
		}
		section{
			&#page-header{
				position: relative;
				z-index: 1;
			}
			&#page-content{
				.lead-block{
					text-align: center;
					padding-bottom: 100px;
					position: relative;
					.container{
						z-index: 1;
					}
					h3{
						@extend %mina1;
						color: $spec_blue;
						font-size: 22px;
						letter-spacing:0.27em;
						line-height: 2;
						margin-bottom: 30px;
					}
					p.lead{
						color: $spec_blue;
						font-size: 14px;
						letter-spacing: 0.14em;
						line-height: 2.1;
						span{
							display: block;
							& + span{
								margin-top: 15px;
							}
						}
					}
					img.fig{
						width: 100%;
						max-width: 690px;
					}
					img.bg-img{
						position: absolute;
						width: 100%;
						bottom: 0;
						left: -50%;
						right: -50%;
						margin:auto;
					}
				}
				.point-block{
					padding-bottom: 100px;
					background-color: $spec_lightblue;
					padding-top: 100px;
					.container{
						position: relative;
						z-index: 1;
					}
					.subtitle{
						text-align: center;
						.icn-tri{
							display: block;
							margin:auto;
							margin-bottom: 30px;
						}
						h3{
							padding-bottom: 25px;
							display: inline-block;
							position: relative;
							font-size: 22px;
							letter-spacing: 0.35em;
							padding-left: 7px;
							@extend %mina1;
							color: #fff;
							&:after{
								display: block;
								content: "";
								background-color: #fff;
								width: 100%;
								height: 1px;
								position: absolute;
								bottom: 0;
								margin-right: auto;
								margin-left: auto;
								left: 0;
							    right: 0;
								-webkit-transition: all 0.5s;
								-moz-transition: all 0.5s;
								-ms-transition: all 0.5s;
								-o-transition: all 0.5s;
								transition: all 0.5s;
							}
						}
					}
					.catch-area{
						padding-top: 80px;
						max-width: 590px;
						margin-left: auto;
						margin-right: auto;
						img{
							width: 100%;
						}
						& + p{
							padding-top: 45px;
							color: $spec_blue;
							padding-bottom: 55px;
							font-size: 16px;
							text-align: center;
							letter-spacing: 0.14em;
							line-height: 2;
						}
					}
					.concept-list{
						.concept-item{
							display: table;
							width: 100%;
							background-color: $spec_blue;
							& > div{
								display:table-cell;
								vertical-align: middle; 
								&.detail{
									background: url(../img/about/bg_block_01.svg) no-repeat top left;
									padding-left: 50px;
									padding-right: 50px;
									padding-bottom: 40px;
									padding-top: 43px;
									.title{
										display: table;
										width: 100%;
										margin-bottom: 15px;
										& > div{
											display:table-cell;
											vertical-align: top; 
										}
										.num{
											width: 85px;
											img{
												width: 100%;
											}
										}
										.text{
											padding-left: 25px;
											span{
												color: #fff;
												display: block;
												font-size: 18px;
												letter-spacing: 0.32em;
												margin-bottom: 5px;
												margin-top: -6px;
											}
											h3{
												@extend %mina1;
												color: $spec_lightblue;
												font-size: 28px;
												letter-spacing: 0.28em;
											}
										}
										& + p{
											text-align: justify;
											color: #fff;
											font-size: 14px;
											letter-spacing: 0.12em;
										}
									}
								}
								&.pict{
									width: 39.3%;
									img{
										width: 100%;
									}
								}
							}
							& + .concept-item{
								margin-top: 40px;
							}
							&.concept-item-1{
								.pict{
									background: url(../img/about/concept-fig-01.jpg) no-repeat center center;
									background-size: cover;
								}
							}
							&.concept-item-2{
								.pict{
									background: url(../img/about/concept-fig-02.jpg) no-repeat center center;
									background-size: cover;
								}
							}
							&.concept-item-3{
								.pict{
									background: url(../img/about/concept-fig-03.jpg) no-repeat center center;
									background-size: cover;
								}
							}
							&.concept-item-4{
								.pict{
									background: url(../img/about/concept-fig-04.jpg) no-repeat center center;
									background-size: cover;
								}
							}
						}
					}
					.curriculum-list{
						.curriculum-item{
							display: block;
							width: 100%;
							background: url(../img/about/bg_block_02.svg) no-repeat top left #fff;
							& > div{
								display:block;
								vertical-align: top;
								&.category{
									padding-left: 50px;
									padding-top: 50px;
									width: 150px;
									img{
										width: 100%;
									}
								}
								&.detail{
									padding: 25px 50px 50px;
									p{
										font-size: 14px;
										line-height: 2;
										letter-spacing: 0.12em;
										color: $spec_blue;
										margin-top: -7px;
										.toggle-area{
											display: none;
											&.on{
												display: inline;
											}
										}
									}
									.toggle-link{
										font-size: 12px;
										float: right;
										color: #8cc5e3;
										letter-spacing: 0.24em;
										display: inline-block;
										padding-bottom: 10px;
										padding-top: 20px;
										border-bottom: 1px solid;
									}
								}
							}
							& + .curriculum-item{
								margin-top: 40px;
							}
						}
					}
				}
			}
		}
	}
	&.course{
		section{
			&#page-content{
				padding-top: 20px;
    			padding-bottom: 110px;
				.typesquare_option{
					font-family: A1明朝;
				}
				.fc-first{
					color: $spec_first;
				}
				.fc-third{
					color: $spec_third;
				}
				.fc-fourth{
					color: $spec_fourth;
				}
				.fc-fifth{
					color: $spec_fifth;
				}
				.fc-sixth{
					color: $spec_sixth;
				}
				.bg-first{
					background-color: $spec_first;
				}
				.bg-third{
					background-color: $spec_third;
				}
				.bg-fourth{
					background-color: $spec_fourth;
				}
				.bg-fifth{
					background-color: $spec_fifth;
				}
				.bg-sixth{
					background-color: $spec_sixth;
				}
				&.page-parent{
					.course-block{
						.container{
							z-index: 1;
							.row{
								& + .row{
									padding-top: 44px;
								}
							}
							a{
								display: block;
								font-size: 0;
								&:hover{
									opacity: 0.8;
								}
								img{
									width: 100%;
								}
							}
						}
					}
				}
				&.page-child{
					.nav-block{
						&.nav-block02{}
						a{
							display: block;
							font-size: 0;
						}
						.nav-area{
								display:-webkit-box;
								display:-ms-flexbox;
								display: flex;
								-webkit-box-pack: center;
								-ms-flex-pack: center;
								justify-content: center;
								position: relative;
								z-index: 1;
							a{
								font-size: 0;
								height: 48px;
								width: auto;
								margin: 0 22px; 
								&:hover{
									opacity: 0.8;
								}
								& + a{}
							}
						}
					}
					.content-block{
						margin-top: 70px;
						margin-bottom: 60px;
						padding-bottom: 110px;
						.ttl-area{
							text-align: center;
							.icn{
								display: block;
								font-size: 0;
								margin-bottom: 50px;
								margin-left: auto;
								margin-right: auto;
								text-align: center;
								width: 100%;
								img{
									width: auto;
									height: 120px;
								}
							}
							.sub{
								font-size: 22px;
								letter-spacing: 0.35em;
								margin: 0 0 38px; 
							}
							.inner-ttl{
								display: block;
								font-size: 0;
								margin: 0 auto;
								text-align: center;
								img{
									height: 100px;
									width: auto;
								}
							}
						}
						.exp-area{
							margin-top: 60px;
							.sub-ttl{
								font-size: 18px;
								color: $spec_blue;
								text-align: center;
								margin-bottom: 50px;
								letter-spacing: 0.22em;

							}
							.col-item{
								&:nth-child(n+3){
									margin-top: 44px;
								}
								.txt-box{
									padding: 38px 48px;
									background-size: 120px;
									background-color: #fff;
									.inner-ttl{
										font-size: 22px;
										color: $spec_blue;
										padding-bottom: 20px;
										margin-bottom: 36px;
										letter-spacing: 0.25em;
										display: inline-block;
										border-bottom-style: solid;
										border-bottom-width: 1px;
										.min{
											font-size: 60%;
											display: inline-block;
											vertical-align: middle;
											margin-left: 5px;
											margin-bottom: 5px;
											letter-spacing: 0.3em;
										}
									}
									.inner-txt{
										font-size: 14px;
										color: $spec_blue;
										text-align: justify;
									}
								}
							}
						}
						.grh-area{
							background-color: #fff;
							margin-top: 80px;
							padding: 0 48px 40px;
							.inner-ttl{
								font-size: 20px;
								color: #fff;
								letter-spacing: 0.35em;
								padding: 14px 0;
								text-align: center;
								margin-bottom: 45px;
								position: relative;
								// margin-left: -48px;
								// margin-right: -48px;
								// -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 8% 100%);
								// clip-path: polygon(0 0, 100% 0, 94.5% 100%, 5.2% 100%);
								&:before{
									content: "";
									position: absolute;
									top: 0;
									right: 100%;
									width: 0;
									height: 0;
									border-left: 48px solid transparent;
									border-top-width: 70px; 
									border-top-style: solid;
								}
								&:after{
									content: "";
									position: absolute;
									top: 0;
									left: 100%;
									width: 0;
									height: 0;
									border-right: 48px solid transparent;
									border-top-width: 70px;
									border-top-style: solid;
								}
							}
							.info{
								margin-bottom: 45px;
								display: table;
								width: 100%;
								padding: 20px 0;
								span{
									display: table-cell;
									vertical-align: middle;
									&.icn{
										font-size: 18px;
										text-align: center;
										padding-left: 33px;
										padding-right: 25px;
									}
									&.txt{
										font-size: 14px;
										line-height: 1.8;
										color: $spec_blue;
										padding-right: 30px;
										letter-spacing: 0.16em;
									}	
								}
							}
							.grh-box{
								display: block;
								font-size: 0;
								// margin-left: 48px;
								// margin-right: 48px;
								& + .grh-box{
									margin-top: 50px;
								}
							}
							.cap{
								// margin-left: 48px;
								// margin-right: 48px;
								font-size: 14px;
								color: $spec_gray;
								margin-top: 38px;
								// display: table;
								// width: 100%;
								// span{
								// 	display: table-cell;
								// 	& + span{
								// 		text-align: right;
								// 	}
								// }
							}
						}
					}

					// ここから個別の設定
					&.first{
						.nav-block{
							.nav-area{
								a{
									&:nth-child(1){
										pointer-events: none;
										opacity: 0.3;
									}
								}
							}
						}
						.content-block{
							background-color: rgba($spec_first,0.15);
							.exp-area{
								.txt-box{
									background: url(../img/course/page/first/tri_01.svg) no-repeat top left #fff;
									.inner-ttl{
										border-bottom-color:$spec_first;
									}
								}
							}
							.grh-area{
								.inner-ttl{
									background-color: $spec_first;
									&:before{
										border-top-color: $spec_first;
									}
									&:after{
										border-top-color: $spec_first;
									}
								}
								.info{
									background-color: rgba($spec_first,0.15);
								}
							}
						}
					}
					&.third{
						.nav-block{
							.nav-area{
								a{
									&:nth-child(2){
										pointer-events: none;
										opacity: 0.3;
									}
								}
							}
						}
						.content-block{
							background-color: rgba($spec_third,0.15);
							.exp-area{
								.txt-box{
									background: url(../img/course/page/third/tri_01.svg) no-repeat top left #fff;
									.inner-ttl{
										border-bottom-color:$spec_third;
									}
								}
							}
							.grh-area{
								.inner-ttl{
									background-color: $spec_third;
									&:before{
										border-top-color: $spec_third;
									}
									&:after{
										border-top-color: $spec_third;
									}
								}
								.info{
									background-color: rgba($spec_third,0.15);
								}
							}
						}
					}
					&.fourth{
						.nav-block{
							.nav-area{
								a{
									&:nth-child(3){
										pointer-events: none;
										opacity: 0.3;
									}
								}
							}
						}
						.content-block{
							background-color: rgba($spec_fourth,0.15);
							.exp-area{
								.txt-box{
									background: url(../img/course/page/fourth/tri_01.svg) no-repeat top left #fff;
									.inner-ttl{
										border-bottom-color: $spec_fourth;
									}
								}
							}
							.grh-area{
								.inner-ttl{
									background-color: $spec_fourth;
									&:before{
										border-top-color: $spec_fourth;
									}
									&:after{
										border-top-color: $spec_fourth;
									}
								}
								.info{
									background-color: rgba($spec_fourth,0.15);
								}
							}
						}
					}
					&.fifth{
						.nav-block{
							.nav-area{
								a{
									&:nth-child(4){
										pointer-events: none;
										opacity: 0.3;
									}
								}
							}
						}
						.content-block{
							background-color: rgba($spec_fifth,0.15);
							.exp-area{
								.txt-box{
									background: url(../img/course/page/fifth/tri_01.svg) no-repeat top left #fff;
									.inner-ttl{
										border-bottom-color: $spec_fifth;
									}
								}
							}
							.grh-area{
								.inner-ttl{
									background-color: $spec_fifth;
									&:before{
										border-top-color: $spec_fifth;
									}
									&:after{
										border-top-color: $spec_fifth;
									}
								}
								.info{
									background-color: rgba($spec_fifth,0.15);
								}
							}
						}
					}
					&.sixth{
						.nav-block{
							.nav-area{
								a{
									&:nth-child(5){
										pointer-events: none;
										opacity: 0.3;
									}
								}
							}
						}
						.content-block{
							background-color: rgba($spec_sixth,0.15);
							.exp-area{
								.txt-box{
									background: url(../img/course/page/sixth/tri_01.svg) no-repeat top left #fff;
									.inner-ttl{
										border-bottom-color: $spec_sixth;
									}
								}
							}
							.grh-area{
								.inner-ttl{
									background-color: $spec_sixth;
									&:before{
										border-top-color: $spec_sixth;
									}
									&:after{
										border-top-color: $spec_sixth;
									}
								}
								.info{
									background-color: rgba($spec_sixth,0.15);
								}
							}
						}
					}
				}
			}
		}
	}
	&.class{
		section{
			&#page-content{
				.subttl-area{
					text-align: center;
					margin-bottom: 80px;
					.cate-ttl{
						padding-bottom: 25px;
						display: inline-block;
						position: relative;
						font-size: 22px;
						letter-spacing: 0.35em;
						padding-left: 7px;
						color: $spec_blue;
						line-height: 1.8;
						&:after{
							display: block;
							content: "";
							background-color: $spec_blue;
							width: 100%;
							height: 1px;
							position: absolute;
							bottom: 0;
							margin-right: auto;
							margin-left: auto;
							left: 0;
							right: 0;
							-webkit-transition: all 0.5s;
							transition: all 0.5s;
						}
					}
				}
				.class-list{
					.class-item{
						background-color: #e6f3f9;
						padding-top: 70px;
						padding-bottom: 70px;
						.title{
							text-align: center;
							padding-bottom: 60px;
							@extend %mina1;
							h2{
								font-size: 38px;
								letter-spacing: 0.25em;
								color: $spec_blue;
								span{
									font-size: 22px;
									letter-spacing: 0.26em;
									margin-right: 10px;
									position: relative;
									top: -6px;
								}
							}
						}
						.row-class{
							img{
								width: 100%;
							}
							.detail{
								color: $spec_blue;
								.station{
									font-size: 14px;
									letter-spacing: 0.1em;
									padding-top: 15px;
									padding-bottom: 12px;
									margin-bottom: 12px;
									border-bottom: 1px solid;
								}
								.route{
									font-size: 12px;
									text-align: justify;
									letter-spacing: 0.08em;
									line-height: 1.8;
								}
								.addr-tel{
									text-align: left;
									.addr{
										padding-top: 10px;
										font-size: 12px;
										color: $spec_lightblue;
										letter-spacing: 0.06em;
									}
									.tel{
										display:table;
										font-size: 12px;
										color: $spec_lightblue;
										letter-spacing: 0.06em;
										p{
											font-size: 13px;
											display: table-cell
										}
										.fax{
											padding-left: 10px;
										}
									}
								}
							}
						}
					}
					.other-item{
						padding-top: 80px;
						padding-bottom: 80px;
						position: relative;
						.notification{
							text-align: center;
							border:1px solid;
							color: $spec_lightblue;
							font-size: 18px;
							letter-spacing: 0.14em;
							padding-top: 25px;
							padding-bottom: 25px;
						}
					}
				}
				.interview-block{
					padding-top: 90px;
					padding-bottom: 110px;
					background-color: rgba(168, 151, 127, 0.1);
					.subttl-area{
						.cate-ttl{
							color: #a8977f;
							&:after{
								background-color: #a8977f;
							}
						}
					}
					.pict-area{
						margin-bottom: 60px;
						.pict{
							font-size: 0;
							img{
								width: 100%;
							}
						}
						.txt-box{
							text-align: center;
							padding:30px 0;
							background-color: #fff;
							display: -webkit-flex;
							display: -ms-flexbox;
							display: flex;
							-webkit-flex-wrap: wrap;
							-ms-flex-wrap: wrap;
							flex-wrap: nowrap;
							-webkit-box-pack: justify;
							-ms-flex-pack: justify;
							justify-content: space-between;
							-webkit-align-items: center;
							-ms-flex-align: center;
							align-items: center;
							.txt{
								width: 50%;
								color: #a8977f;
								font-size: 14px;
								letter-spacing: 0.18em;
								& + .txt{}
							}
						}
					}
					.lead-area{
						.inner-ttl{
							font-size: 30px;
							letter-spacing: 0.32em;
							color: #a8977f;
							line-height: 1.8;
						}
						.lead-txt{
							font-size: 14px;
							letter-spacing: 0.18em;
							line-height: 1.8;
							text-align: justify;
							color: $spec_blue;
							margin-top: 35px;
						}
						.btn-area{
							text-align: center;
							margin-top: 45px;
							a{
								font-size: 14px;
								color: #a8977f;
								letter-spacing: 0.24em;
								display: inline-block;
								padding-bottom: 10px;
								border-bottom: 1px solid;
								padding-left: 2.4px;

								&:hover{
									opacity: 0.8;
								}
							}
						}
					}
				}
				.yousu-block{
					position: relative;
					padding-top: 90px;
					padding-bottom: 110px;
					.item-area{
						+.item-area{
							margin-top: 75px;
						}
						.item{
							float: left;
							width: 45%;
							font-size: 0;
							&:nth-of-type(odd){
								margin-right: 5%; 
							}
							&:nth-of-type(even){
								margin-left: 5%; 
							}
							&:nth-of-type(n+3){
								margin-top: 60px;
							}
							&.center{
								float: none;
								margin: 0 auto;
							}
							.pict{
								width: 100%;
								display: inline-block;
								margin-bottom: 30px;
							}
							// .inner-ttl{
							// 	font-size: 16px;
							// 	letter-spacing: 0.2em;
							// 	color: $spec_lightblue;
							// 	line-height: 1.6;
							// 	margin-bottom: 15px;
							// 	font-weight: bold;
							// 	white-space: nowrap;
							// }
							.cap{
								font-size: 14px;
								letter-spacing: 0.15em;
								line-height: 1.8;
								text-align: justify;
								color: $spec_blue;
							}
						}
					}
					.corona-info-area{
						width: 100%;
						display: table;
						background-color: #e6f3f9;
						margin-top: 60px;
						padding: 50px 55px;
						.pict{
							display: table-cell;
							background-color: #fff;
							padding: 18px 20px;
							width: 221px;
							font-size: 0;
							img{
								width: 100%;
							}
						}
						.cap{
							vertical-align: middle;
							padding-left: 52px;
							display: table-cell;
							font-size: 14px;
							letter-spacing: 0.15em;
							line-height: 1.8;
							text-align: justify;
							color: $spec_blue;
						}
					}
				}
			}
		}
	}
	&.leader-interview{
		main{
			section#page-header{
				h1{
					color: #a8977f;
					&:after{
						background-color: #a8977f;
					}
				}
			}
		} 
		section{
			&#page-content{
				padding-bottom: 110px;
				.hero-block{
					margin-top: 20px;
					margin-bottom: 100px;
					.hero-area{
						width: 100%;
						height: 420px;
						background: url(../img/class/jiyugaoka-interview/hero-block_bg.jpg) no-repeat top -192px center;
						background-size: 890px;
						margin-bottom: 60px;
					}
					.lead-area{
						.inner-ttl{
							font-size: 34px;
							letter-spacing: 0.32em;
							color: #a8977f;
							line-height: 1.8;
						}
						.lead-txt{
							font-size: 16px;
							letter-spacing: 0.2em;
							line-height: 2;
							text-align: justify;
							color: #1a3556;
							margin-top: 35px;
						}
					}

				}
				.content-block{
					.txt-area{
						p{
							display: block;
							font-size: 14px;
							letter-spacing: 0.12em;
							line-height: 1.8;
							color: #1a3556;
							&.q{
    							background-color: rgba(168, 151, 127, 0.1);
    							color: #a8977f;
    							font-weight: bold;
    							padding: 20px 35px;
								margin-bottom: 35px;
							}
							&.a{
								.name{
									color: #a8977f;
								}
								& + .q{
									margin-top: 50px;
								}
							}
						}
					}
				}
			}
		}
	}
	&.faq{
		section{
			&#page-content{
				.faq-list{
					padding-top: 25px;
					position: relative;
					padding-bottom: 80px;
					.container{
						z-index: 1;
					}
					.faq-item{
						border-top: 1px solid $spec_blue;
						.question{
							display: table;
							width: 100%;
							& > div{
								display: table-cell;
								vertical-align: middle;
								padding-top: 25px;
								padding-bottom: 25px;
								&.icn{
									width: 130px;
									text-align: center;
									font-size: 0;
								}
								&.title{
									@extend %mina1;
									color: $spec_blue;
									font-size: 18px;
									letter-spacing: 0.26em;
								}
							}
						}
						.answer{
							display: table;
							width: 100%;
							background-color: #f7f7f7;
							& > div{
								display: table-cell;
								vertical-align:middle;
								min-height: 140px;
								padding-top: 40px;
								padding-bottom: 40px;
								&.icn{
									width: 130px;
									text-align: center;
									font-size: 0;
								}
								&.text{
									color: #555555;
									text-align: justify;
									font-size: 14px;
									letter-spacing: 0.15em;
									line-height: 2;
									padding-right: 40px;
								}
							}
						}
						& + .faq-item{
							margin-top: 55px;
						}
					}
				}
			}
		}
	}
	&.contact{
		.formlink-block{
			padding-top: 20px;
			padding-bottom: 110px;
			.row{
				& + .row{
					padding-top: 44px;
				}
			}
			a{
				display: block;
				font-size: 0;
				&:hover{
					opacity: 0.8;
				}
				img{
					width: 100%;
				}
			}
		}
	}
	&.guidance{
		#page-header{
			position: relative;
			padding-top: 140px;
			padding-bottom: 112px;
			margin-top: -60px;
			background-image: url(../img/guidance/page-header_bg.jpg);
        	background-repeat: no-repeat;
        	background-size: cover;
			background-position: center;
			padding-left: 47px;
			h1.guidance-ttl{
				font-size: 0;
				border: none;
				max-width: 827px;
				height: auto;
				width: 100%;
				margin: 0 auto;
				padding: 0;
				img{
					width: 100%;
				}
				&:after{
					display: none;
				}
			}
			.icn{
				position: absolute;
				margin: 0 auto;
				bottom: -45px;
				left: 0;
				right: 0;
				img{
					width: 90px;
				}
			}
		}
		.lead-block{
			margin-top: 110px;
			h2.lead{
				font-size: 32px;
				line-height: 1.9;
				letter-spacing: 0.3em;
				margin: 0 0 40px;
				color: $spec_blue;
			}
			p.txt{
				color: $spec_blue;
				font-size: 16px;
				line-height: 2;
				letter-spacing: 0.16em;
				margin-bottom: 45px;
			}
			p.note{
				color: $spec_lightblue;
				font-size: 14px;
				line-height: 1.8;
				letter-spacing: 0.21em;
				border-top:1px solid;
				padding-top: 50px;
				span.box{
					display: table;
					width: 100%;
					.icn,.txt{
						display: table-cell;
					}
					.icn{
						width: 1em;
					}
				}
			}
		}
		.present-block{
			margin-top: 80px;
			.present-area{
				background-color: rgba($spec_lightblue,0.1);
				padding-bottom: 30px;
				.ttl-box{
					padding-top: 45px;
					span.icn{
						font-size: 0;
						display: block;
						max-width: 120px;
						width: 100%;
						height: auto;
						margin: 0 auto;
						img{
							width: 100%;
						}
					}
					h3.inner-ttl{
						margin: 20px 0 0;
						text-align: center;
						color: #a8977f;
						font-size: 30px;
						line-height: 1.8;
						letter-spacing: 0.25em;
						font-weight: bold;
					}
				}
				.flex-box{
					display: -webkit-box;
    				display: -ms-flexbox;
    				display: flex;
					-ms-flex-wrap: wrap;
					flex-wrap: wrap;
    				-webkit-box-pack: justify;
    				-ms-flex-pack: justify;
    				justify-content: space-between;
    				-ms-flex-align: center;
					-webkit-box-align: center;
					position: relative;
					left: -25px;
					.pict{
						width: 269px;
						.img{
							width: 100%;
							display: inline-block;
						}
					}
					.text{
						padding: 30px 25px 0 35px;
						width: calc(100% - 269px);
						.cate{
							padding: 12px 0;
							text-align: center;
							margin: 0 0 20px;
							background-color: $spec_lightblue;
							font-size: 20px;
							line-height: 1.6;
							letter-spacing: 0.22em;
							color: #fff;
						}
						.sub{
							font-size: 18px;
							line-height: 1.7;
							letter-spacing: 0.18em;
							color: $spec_lightblue;
							margin-bottom: 15px;
						}
						.txt{
							border-left:1px solid $spec_lightblue;
							line-height: 1.6;
							padding-left: 25px;
							.group{
								display: inline-block;
								.icn{
									color: $spec_lightblue;
								}
							}
						}
					}
				}
			}
		}
		.info-block{
			margin-top: 80px;
			.info-area{
				background-color: #f7f7f7;
        		padding: 48px 48px 34px;
        		padding-right: 0;
				.item{
					& + .item{
						margin-top:50px;
					}
					.info{
						p.icn{
							float: left;
        					text-align: center;
        					color: #fff;
        					width: 146px;
        					line-height: 146px;
        					vertical-align: middle;
        					font-size: 18px;
        					letter-spacing: 0.25em;
        					background-color: #1a3556;
        					background-image: url(../img/contact/briefing/tri_01.svg);
        					background-repeat: no-repeat;
        					-webkit-background-size: 30px;
        					background-size: 30px;
        					background-position: top left;
        					padding-left: 5px;
        					margin-bottom: 0;
						}
						.content{
							padding-left: 26px;
        					float: left;
						}
						p.cap{
							float: left;
        					margin-top: 26px;
        					width: 100%;
        					font-size: 16px;
        					letter-spacing: 0.17em;
							line-height: 1.7;
							&.cap02{
								font-size: 14px;
        						margin-top: 0px;
								margin-bottom: 0px;
								.min-time{
									display: block;
        							margin-top: 6px;
									font-weight: bold;
									&+.min-time{
										margin-top: 2px;
        								margin-bottom: 7px;
									}
									.cate{
										width: 78px;
        								display: inline-block;
									}
								}
							}
						}
						a.link-txt{
							font-size: 14px;
        					padding-left: 23px;
        					letter-spacing: 0.15em;
        					background-image: url(../img/contact/briefing/arw-r_blue.svg);
        					background-repeat: no-repeat;
        					-webkit-background-size: 12px;
        					background-size: 12px;
        					background-position: left center;
        					color: #5aacd7;
        					display: inline-block;
        					margin-top: 30px;
						}
					}
					.txt{
						margin-top: 23px;
						p{
							font-size: 16px;
        					letter-spacing: 0.17em;
        					color: #1a3556;
        					line-height: 1.6;
						}
						a.link-txt{
							font-size: 14px;
							padding-left: 23px;
							letter-spacing: 0.15em;
							background-image: url(../img/contact/briefing/arw-r_blue.svg);
							background-repeat: no-repeat;
							-webkit-background-size: 12px;
							background-size: 12px;
							background-position: left center;
							color: #5aacd7;
							display: inline-block;
							&:hover{
								opacity: 0.5;
							}
						}
					}
					.map{
						float: right;
						img{
							height: 146px;
        					width: auto;
						}
					}
					&.date{
						.content{
							.box{
								display:-webkit-box;
								display:-ms-flexbox;
								display:flex;
								-ms-flex-wrap: wrap;
								-webkit-flex-wrap: wrap;
								flex-wrap: wrap;
								position: relative;
								&.endday{
									&:before {
										content: "";
										position: absolute;
										height: 1px;
										background-color: #1a3556;
										display: inline-block;
										top: -3px;
										bottom: 0;
										left: -10px;
										right: 0;
										width: 105%;
										margin-top: auto;
										margin-bottom: auto;
									}
									&:after {
										content: "終了しました";
										position: absolute;
										top: 0;
										right: -105px;
										bottom: 0;
										display: inline-block;
										margin-top: -3px;
										margin-bottom: -3px;
										color: #1a3556;
										font-size: 13px;
										text-align: center;
										padding-top: 3px;
										letter-spacing: 0.1em;
									}
								}
								& + .box{
									margin-top: 9px;
								}
								& > p{
									line-height: 1;
									display:-webkit-box;
									  display:-ms-flexbox;
									  display:flex;
									-webkit-box-align: center;
									-ms-flex-align: center;
									align-items: center;
									margin: 0;
									span.outer{
										display: block;
        								width: 100%;
									}
								}
								p.kai{
									text-align: center;
									font-size: 18px;
									letter-spacing: 0.4em;
									border-left: 1px solid;
									border-right: 1px solid;
									color: #5aacd7;
									font-family: A1明朝;
									padding-left: 20px;
									padding-right: 14px;
									padding-bottom: 5px;
									height: 22px;
								}
								p.date{
									font-size: 22px;
									letter-spacing: 0.08em;
									line-height: 0.8;
									height: 22px;
									color: #1a3556;
									text-align: center;
									/* background-color: #fff; */
									text-align: left;
									position: relative;
									width: 109px;
									padding-left: 18px;
									// padding-bottom: 5px;
									img.icn{
										width: 20px;
										display: inline-block;
										position: absolute;
										top: 0px;
										bottom: 0;
										right: 0px;
									}
								}
								p.time{
									font-size: 18px;
									color: #1a3556;
									margin-left: 15px;
									/*height: calc((146px - 16px) / 2);*/
									line-height: 1.4;
									height: 22px;
									.cate{
										letter-spacing: 0.25em;
									}
									.number{
										letter-spacing: 0.12em;
										display: inline-block;
										position: relative;
										top: -2px;
									}
								}
							}
						}
					}
					&.place .info{
						float: left;
						.content{
							margin-top: -3px;
							.inner-ttl{
								font-size: 20px;
								letter-spacing: 0.17em;
								color: #1a3556;
								border-bottom: 1px solid #1a3556;
								padding-bottom: 15px;
								margin-bottom: 20px;
								margin-top: 0;
								line-height: 1.4;
						
							}
							.addr{
								color: #1a3556;
								font-size: 14px;
								line-height: 1.5;
								letter-spacing: 0.1em;
								margin-bottom: 8px;
						
							}
							.station{
								color: #5aacd7;
								font-size: 14px;
								line-height: 1.5;
								letter-spacing: 0.16em;
								margin-bottom: 0;
							}
						}
					}
				}
			}
		}
		.form-block{
			margin-top: 80px;
		}
	}
	&.flow{
		.flow-block{
			padding-bottom: 100px;
			.inner-header{
			}
			.inner-content{
				max-width: 876px;
				margin-right: auto;
				margin-left: auto;
				.table-row-03{
					.table-title{
						padding-top: 0!important;
					}
					.table-content{
						vertical-align: middle!important;
					}
				}
			}
		}
		
		h2.catch{
			margin-bottom: 45px;
			margin-left: auto;
			margin-right: auto;
			display: block;
			max-width: 590px;
			img{
				width: 100%;
			}
			& + p{
				text-align: center;
				margin-bottom: 60px;
				font-size: 16px;
				letter-spacing: 0.14em;
				line-height: 2;
				color: $spec_blue;
			}
		}
		.contact-module{
			padding-bottom:50px;
			a{
				display: block;
				font-size: 0;
			    width: 58%;
			    float: left;
				img{
					width: 100%;
				}
				& + a{
					width: 34%;
					float: left;
					margin-left: 44px;
				}
			}
		}
	}
	&.column{
		a{
			&:hover{
				opacity: 0.8;
			}
		}
		#page-header.column-top{
			h1{
				margin-bottom: 60px;
				position: relative;
				left: -78px;
				font-size: 0;
				img{
					height: 312px;
					width: auto; 
				}
			}
			p{
				color: $spec_blue;
				font-size: 20px;
				letter-spacing: 0.22em;
				line-height: 2;
				padding: 0 22px;
			}
			span.note{
				display: block;
				color: #595757;
				font-size: 12px;
				margin-top: 15px;
				line-height: 2.2;
				letter-spacing: 0.2em;
				margin-bottom: 100px;
				text-align: center;
			}
		}
		.page-nav{
			text-align: center;
    		position: relative;
    		.logo{
				display: inline-block;
				font-size: 0;
				position: relative;
				z-index: 3;
    			img{}
    		}
    		.home{
    			display: inline-block;
				text-align: center;
				font-size: 0;
				position: relative;
				top: 4px;
    			img{
    				display: inline-block;
    				margin: 0 auto; 
    			}
    		}
    		.nav-area{
    			position: absolute;
				bottom: 77px;
				max-width: 1040px;
				width: 100%;
				margin-left: auto;
				margin-right: auto;
				left: 0;
				right: 0;
				.nav-box{
					&.prev{
						float: left;
						.icn-txt{
							padding-right: 2px;
						}
						.txt{
							text-align: left;
							.school{
								padding-left: 5px;
							}
						}
					}
					&.next{
						float: right;
						.icn-txt{
							padding-left: 7px;
						}
						.txt{
							text-align: right;
							.school{
								padding-right: 5px;
							}
						}
					}
					display: table;
					width: 232px;
					color:$spec_red;
					.icn-txt{
						display:table-cell;
						font-size: 13px;
						letter-spacing: 0.2em;
						text-align: center;
						vertical-align: middle;
						width: 50px;
						color:$spec_red!important;
					}
					.icn{
						display: table-cell;
						vertical-align: middle;
						width: 12px;
						font-size: 0;
						img{
							width: 100%;
							height: auto;
						}
					}
					.txt{
						font-size: 12px;
						display:table-cell;
						vertical-align: middle;
						.school{
							display: block;
							letter-spacing: 0.17em;
							color:$spec_red!important;
							white-space: nowrap;
						}
						hr{
							background-color: $spec_red;
    						height: 1px;
    						border: none;
    						margin-top: 5px;
    						margin-bottom: 6px;
						}
						.name{
							display: block;
							padding-left: 5px;
							padding-right: 5px;
							letter-spacing: 0.18em;
							color:$spec_red!important;
						}
					}
				}
			}
			//フッターナビ設定
			&.page-nav_02{
				margin-top: 80px;
				.nav-area{
					bottom: 0px;
					position: static;
				}
			}
		}
		#page-content{
		    padding-top: 20px;
			padding-bottom: 110px;
			h1,h2,h3,h4,p,span{
				color: $spec_blue;
			}
			.fc-red{
				color: $spec_red;
			}
			.fc-blu{
				color: $spec_blue;
			}
			.fc-lightblu{
				color: $spec_lightblue;
			}

    		// コラムTOP
    		&.page-parent{
				.column-block{
					.col-item{
						&:nth-of-type(n+3){
							margin-top: 94px;
						}
						&.new{
							a{
								.inner-header{
									&:before{
										content: "";
										background: url(../img/column/icn_new.svg) no-repeat top left ;
										background-size: auto;
										position: absolute;
										top: 0;
										left: 0;
										width: 100%;
										height: 100%;
										z-index: 1;
									}
								}
							}
						}
						a{
							position: relative;
							display: block;
							text-align: center;
							.inner-header{
								background-color: $spec_blue;
								position: relative;
								padding: 65px 0px 52px;
								text-align: center;
								.icn{
									position: absolute;
									top: -40px;
									left: -67px;
									right: 0;
									margin: 0 auto;
									display: inline-block;
									width: 146px;
									img{
										width: 100%;
										height: auto;
									} 
								}
								.school{
									font-size: 32px;
									letter-spacing: 0.18em;
									line-height: 1.6;
									color: #fff;
									margin-bottom: 12px;
								}
								.name{
									margin: 0 auto;
									font-size: 22px;
									letter-spacing: 0.3em;
									line-height: 1.8;
									color: #fff;
									text-align: center;
									span{
										font-size: 80%;
										color: #fff;
									}
									.name-img{
										height: 22px;
										width: auto;
									}
								}
							}
							.inner-content{
								background-color: rgba(90,172,215,0.1);
								padding: 42px 35px 52px;
								text-align: center;
								.inner-ttl{
									font-size: 26px;
									letter-spacing: 0.38em;
									color: $spec_blue;
									line-height: 1.8;
									margin-bottom: 24px;
								}
								.txt{
									color: $spec_lightblue;
									font-size: 18px;
									letter-spacing: 0.25em;
									line-height: 2;
								}
							}
						}
					}
				}
			}

			//コラム下層
			&.page-child{
				.ttl-block{
					position: relative;
					.ttl-area{
						margin-top: 60px;
						text-align: center;
						.ttl-icn{
							display: inline-block;
							margin: 0 auto 65px;
							max-width: 185px;
							width: 100%;
							height: auto;
							position: relative;
							left: -46px;
						}
						.ttl{
							font-size: 38px;
							letter-spacing: 0.29em;
							line-height: 1.8;
							margin-bottom: 30px;
							color: $spec_blue;
						}
						.txt{
							font-size: 20px;
							font-weight: bold;
							letter-spacing: 0.28em;
							line-height: 2;
							color: $spec_lightblue;
						}
					}
					.info-area{
						margin-top: 70px;
						text-align: center;
						.school{
							&.txt-lg{
								letter-spacing: 0.25em;
							}
							font-size:30px;
							letter-spacing:0.31em;
							line-height: 50px;
							max-width: 510px;
							margin: 0 auto 20px; 
							padding-left: 12px;
							background-image:
							/* 1枚目の背景画像のパス */
							url(../img/column/page/bg_school_lef.svg),
							/* 2枚目の背景画像のパス */
							url(../img/column/page/bg_school_rig.svg);

 							background-position:
 							  /* 1枚目の背景画像の表示位置 */
 							  left 0px center,
 							  /* 2枚目の背景画像の表示位置 */
 							  right 0px center;

 							background-repeat:
 							  /* 1枚目の背景画像の設定 */
 							  no-repeat,
 							  /* 2枚目の背景画像の設定 */
 							  no-repeat;

 							background-size:
							/* 1、2枚目の背景画像の共通サイズ */
							contain;
						}
						.name{
							position: relative;
							font-size: 24px;
							letter-spacing: 0.3em;
							text-align: center;
							padding-bottom: 50px;
							padding-left: 10px;
							span{
								font-size: 80%;
							}
							.name-img{
								height: 24px;
								width: auto;
								display: inline-block;
								margin-bottom: 60px;
							}
							&:after{
								display: block;
								content: "";
								background-color: $spec_lightblue;
								max-width: 90px;
								width: 100%;
								// width: 0%;
								height: 1px;
								position: absolute;
								bottom: 0;
								margin-right: auto;
								margin-left: auto;
								left: 0;
								right: 0;
								-webkit-transition: all 0.5s;
								-moz-transition: all 0.5s;
								-ms-transition: all 0.5s;
								-o-transition: all 0.5s;
								transition: all 0.5s;
							}
						}
						.txt{
							font-size: 16px;
							letter-spacing: 0.14em;
							line-height: 2;
							text-align: justify;
							padding-top: 60px;
						}
						#bg-square-1440{
							visibility: hidden!important;
							overflow: hidden;
							position: absolute;
							right: -298px;
    						bottom: -195px;
							max-width: 546px;
							min-width: 220px;
							width: 38vw;
							img{
								width: 100%;
							}
						}
					}
					#bg-square{
						position: absolute;
						right: 0;
						bottom: 0;
						display: block;
						width: 38vw;
						right: -42px;
						bottom: -195px;
						font-size: 0;
						overflow: hidden;
						img{
							width: 100%;
							height: auto;
						}
					}
				}

				// 共通h4設定
				& > div{
					h4.cate-ttl{
						text-align: center;
						font-size: 22px;
						letter-spacing: 0.4em;
						line-height: 2;
						margin-bottom: 75px;
						.icn{
							width: 22px;
							height: auto;
							display: block;
							margin:0 auto;

						}
						span{
							display: block;
							margin-top: 30px;
							padding-left: 10px;
						}
					}
				}

				.picitem-block{
					margin-top: 100px;
					padding-top: 90px;
					padding-bottom: 100px;
					position: relative;
					background-color: rgba(90,172,215,0.1);
					z-index: 2;
					.item-area{
						+.item-area{
							margin-top: 75px;
						}
						.cate-ttl{
							font-size: 20px;
							font-weight: bold;
							letter-spacing: 0.3em;
							line-height: 1.8;
							text-align: center;
							margin-bottom: 55px;
							padding-top: 22px;
							padding-bottom: 25px;
							border-top:1px solid $spec_blue ;
							border-bottom:1px solid $spec_blue ;
						}
						.item{
							float: left;
							width: 45%;
							font-size: 0;
							&:nth-of-type(odd){
								margin-right: 5%; 
							}
							&:nth-of-type(even){
								margin-left: 5%; 
							}
							&:nth-of-type(n+3){
								margin-top: 60px;
							}
							&.center{
								float: none;
								margin: 0 auto;
							}
							.pict{
								width: 100%;
								display: inline-block;
								margin-bottom: 30px;
							}
							.inner-ttl{
								font-size: 16px;
								letter-spacing: 0.2em;
								color: $spec_lightblue;
								line-height: 1.6;
								margin-bottom: 15px;
								font-weight: bold;
								white-space: nowrap;
							}
							.note{
								font-size: 12px;
								letter-spacing: 0.15em;
								line-height: 1.8;
								text-align: justify;
								color: $spec_blue;
							}
						}
					}
				}
				.question-block{
					padding-top: 90px;
					padding-bottom: 100px;
					position: relative;
					h4.cate-ttl{
						margin-bottom: 95px;
					}
					.question-area{
						text-align: center;
						.q{
							position: relative;
							padding:40px 0px;
							font-size: 18px;
							font-weight: bold;
							letter-spacing: 0.25em;
							line-height: 1.8;
							border-top:1px solid $spec_red; 
							color: $spec_red;
						}
						.a{
							&+.q{
								margin-top: 80px;
							}
							padding:40px 45px;
							font-size: 14px;
							letter-spacing: 0.15em;
							line-height: 1.8;
							text-align: justify; 
							position: relative;
							background-color: rgba(26,53,86,0.06);
							color: $spec_blue;
						}
						.icn{
							width: 46px;
							height: auto;
							display: block;
							position: absolute;
							top: -20px;
							left: 0;
							right: 0;
							margin: 0 auto; 
						}
					}
				}
				.mes-block{
					padding-top: 90px;
					padding-bottom: 100px;
					position: relative;
					background-color: rgba(168,151,127,0.1);
					text-align: center;
					.mes-ttl{
						text-align: center;
						font-size: 16px;
						letter-spacing: 0.25em;
						line-height: 40px;
						max-width: 326px;
						margin: 0 auto; 
						background-image: 
						/* 1枚目の背景画像のパス */
						url(../img/column/page/mes_bg_arw_lef.svg),
						/* 2枚目の背景画像のパス */
						url(../img/column/page/mes_bg_arw_rig.svg);

 						background-position:
 						  /* 1枚目の背景画像の表示位置 */
 						  left 0px center,
 						  /* 2枚目の背景画像の表示位置 */
 						  right 0px center;

 						background-repeat:
 						  /* 1枚目の背景画像の設定 */
 						  no-repeat,
 						  /* 2枚目の背景画像の設定 */
 						  no-repeat;

 						background-size:
						/* 1、2枚目の背景画像の共通サイズ */
						contain;

						span{
							background-color: #a8977f;
							margin-left: 12px;
							margin-right: 12px;
							display: block;
							letter-spacing: 0.25em;
							color: #fff;
						}
					}
					.item-area{
						margin-top: 40px;
						width: 100%;
						display: table;
						.txt-box{
							display: table-cell;
							padding-right: 5%;
							vertical-align: top;
							p.inner-ttl{
								color: #595757;
								font-size: 20px;
								font-weight: bold;
								letter-spacing: 0.24em;
								line-height: 1.9;
								margin-bottom: 15px;
							}
							p{
								font-size: 14px;
								letter-spacing: 0.18em;
								line-height: 1.8;
								text-align: justify;
								color: #454243;
							}
						}
						.pict-box{
							background-color: #fff;
							padding:0 20px 16px;
							font-size: 0;
							width: 146px;
							vertical-align: top;
							.avater{
								width: 100%;
								height: auto;
							}
							.name{
								font-size: 12px;
								letter-spacing: 0.22em;
								line-height: 1.6;
								color: #a8977f;
								margin-top: 12px;
								text-align: left;
							}
						}
					}
				}
				.note-block{
					margin-top: 60px;
					text-align: center;
					.note{
						display: block;
						color: #595757;
						font-size: 12px;
						margin-top: 15px;
						line-height: 2.2;
						letter-spacing: 0.13em;
						text-align: center;
					}
				}
			}
		}
	}
	&.comparing-school {
		#page-header {
			h1 {
				font-size: 0;
				padding: 0 0 20px 0;
				&::after {
					content: none;
				}
				img {}
			}
			.img-wrapper {
				font-size: 0;
				padding: 0 0 20px 0;
				img.ttl {
					max-width: 325px;
					margin: 0 auto;
				}
			}
		}
		/*
		.hero-block {
			h1 {
				font-size: 0;
				img {}
			}
		}
		*/
		.lead-block {
			.inner-header{
				p{
					text-align: center;
					//margin-top: 45px;
					margin-bottom: 70px;
					font-size: 18px;
					letter-spacing: 0.2em;
					line-height: 2;
					color: $spec_blue;
					font-weight: bold;
				}
			}
		}
		.profile-block {
			background-color: #F6F5F2;
			padding: 70px 0!important;
			.inner-content {
				.table-block{
					//padding: 0 100px;
					max-width: 690px;
					margin: 0 auto;
					.table-row{
						border: none!important;
						&:last-child{
						}
						&:before{
							display: none!important;
						}
						.table-item{
							padding: 0!important;
							& + .table-item{
							}
							&:last-child{
							}
							& > div{
								&.table-info{
									width: 50%;
									padding-right: 3%;
									p {
										color: $spec_blue;
										&.company{
											font-size: 18px;
											color: #595757;
											line-height: 1.2;
											letter-spacing: 0.2em;
										}
										&.name01{
											font-size: 24px;
											font-weight: bold;
											//line-height: 1.7;
											color: #595757;
											letter-spacing: 0.2em;
											span {
												font-size: 22px;
											}
										}
										&.name02{}
										&.profile{
											font-size: 14px;
											margin-top: 20px;
											color: #A8977F;
											text-align: justify;
											letter-spacing: 0.12em;
											span.profile {
												font-weight: bold;
												letter-spacing: 0.2em;
											}
										}
									}
								}
								&.table-ph{
									width: 50%;
									padding-left: 3%;
									font-size: 0;
									img.ph {
										max-width: 232px;
										width: 72%;
									}
									img.name {
										vertical-align: top;
										padding-left: 10.8%;
										width: 27%;
									}
								}
								/*
								&.table-name{
									width: 30%;
									font-size: 0;
								}*/
							}
						}
					}
				}
			}
		}
		.link-block{
			padding-top: 45px;
			background-color: $spec_blue;
			text-align: center;
			a{
				&:hover{
					opacity: 0.8;
				}
			}
			.cate{
				margin: 0 auto;
				position: relative;
				color: $spec_blue;
				max-width: 170px;
				width: 100%;
				line-height: 70px;
				background: url("../img/comparing-school/link-block_cate_bg.svg") no-repeat center ;
				background-size: 100%;
				letter-spacing: 0.25em;
				margin-bottom: 24px;
				font-size: 18px;
				span{
					position: relative;
    				left: 2px;
    				margin-top: 1px;
    				display: inline-block;
				}
			}
			.inner-ttl{
				color: #fff;
				font-size: 26px;
				letter-spacing: 0.25em;
				padding-bottom: 5px;
				// border-bottom: 1px solid;
				display: inline-block;
				margin: 0 auto;
			}
			.min-txt{
				font-size: 18px;
    			font-weight: bold;
    			line-height: 1.7;
    			text-align: left;
				letter-spacing: 0.15em;
				text-align: center;
				margin-top: 5px;
				color: #fff;
			}
			.btn{
				font-size: 14px;
				padding: 10px 0px;
				bottom: 0;
				left: 0;
				right: 0;
				margin: 0 auto;
				background-color: #A8977F;
				color: #fff;
				display: block;
				text-align: center;
				width: 140px;
				letter-spacing: 0.3em;
				margin-top: 34px;
			}
		}
		.comparing-school-block {
			padding-bottom: 100px;
			.inner-content {
				.article-block {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-orient: horizontal;
					-webkit-box-direction: normal;
					-ms-flex-direction: row;
					flex-direction: row;
					-ms-flex-wrap: wrap;
					flex-wrap: wrap;
					-webkit-box-pack: justify;
					-ms-flex-pack: justify;
					justify-content: space-between;
					margin-top: 50px;
					article {
						text-align: center;
						margin-top: 50px;
						border: 1px solid $spec_blue;
						position: relative;
						width: 47.5%;
						+ article {
						}
						.a-header {
							background-color: #FAF9F7;
							z-index: -1;
							position: relative;
							border-bottom: 1px solid $spec_blue;
							padding: 35px 0 30px;
							.num {
								margin: 0 auto;
								background: url(../img/comparing-school/bg_num@2x.png) no-repeat;
								background-size: contain;
								width: 151px;
								p {
									font-size: 18px;
									line-height: 63px;
									color: #A8977F;
								}
							}
							h2 {
								color: $spec_blue;
								font-size: 25px;
								line-height: 1.7;
								letter-spacing: 0.16em;
								margin-top: 20px;
								span {
									font-size: 22px;
									display: inline-block;
									padding: 0 4px;
									color: #A8977F;
								}
								// &.fukusuu {
								// 	font-size: 26px;
								// }
							}
						}
						.a-content {
							text-align: right;
							// display: inline-block;
							padding: 40px 40px 75px;
							&.comingsoon {
								padding: 0;
								p {
									line-height: 200px;
								}
							}
							p {
								text-align: center;
								color: $spec_blue;
								font-size: 20px;
								font-weight: bold;
								line-height: 1.7;
								text-align: left;
								letter-spacing: 0.15em;
								span {
									font-size: 18px;
									font-weight: normal;
									color: #595757;
									display: inline-block;
									line-height: 1.7;
									margin-top: 7px;
								}
							}
							a {
								font-size: 14px;
								padding: 10px 0px;
								position: absolute;
								bottom: 0;
								left: 0;
								right: 0;
								margin: 0 auto;
								background-color: #A8977F;
								color: #fff;
								display: inline-block;
								text-align: center;
								width: 140px;
								letter-spacing: 0.3em;
							}
						}
					}
					&.form-block {
						-webkit-box-pack: center;
    					-ms-flex-pack: center;
    					justify-content: center;
						article {
							&.item{
								border: none;
								width: 42%;
								img{
								}
							}
						}
					}
				}
				.title-block {
					p.date {
						color: #A8977F;
						padding-left: 27px;
						line-height: 1.2;
						background: url(../img/comparing-school/icn_time.svg) no-repeat left center;
						background-size: 15px 15px;
					}
					.a-header {
						font-size: 0;
						margin-top: 25px;
						.num {
							display: inline-block;
							vertical-align: middle;
							margin: 0 auto;
							background: url(../img/comparing-school/bg_num@2x.png) no-repeat;
							background-size: contain;
							width: 140px;
							margin-right: 40px;
							text-align: center;
							p {
								font-size: 17px;
								line-height: 58px;
								color: #A8977F;
							}
						}
						h1 {
							display: inline-block;
							vertical-align: middle;
							color: $spec_blue;
							font-size: 40px;
							line-height: 1.7;
							line-height: 58px;
							letter-spacing: 0.16em;
							span {
								font-size: 30px;
								color: #A8977F;
							}
						}
					}
					.a-content {
						margin-top: 25px;
						p {
							text-align: center;
							color: $spec_blue;
							font-size: 28px;
							font-weight: bold;
							line-height: 1.7;
							text-align: left;
							span {
								font-size: 20px;
								font-weight: normal;
								color: #595757;
							}
						}
					}
					p.name {
						color: #A8977F;
						padding-left: 25px;
						line-height: 1.5;
						background: url(../img/comparing-school/icn_pen.svg) no-repeat left center;
						background-size: 16px 21px;
						margin-top: 25px;
					}
				}
				.text-block {
					margin-top: 50px;
					.text-area {
						margin-top: 50px;
						p {
							font-size: 16px;
							line-height: 1.8;
							color: #1a3556;
						}
						+ .text-area {
						}
						.t-header {
							p {
								color: #A8977F;
								background-color: #EEEAE5;
								padding-bottom: 10px;
								font-weight: bold;
								padding: 20px 35px;
								margin-bottom: 35px;
								span {}
							}
						}
						.t-content {
							text-align: justify;
							p {
								letter-spacing: 0.12em;
								span {}
							}
						}
					}
				}
			}
		}
	}
	&.lecturer{
		#page-header {
			h1 {}
		}
		#page-content{
			.slider-block{
				max-width: 1280px;
				width: 100%;
				margin: 0 auto;
				position: relative;
    			display: -webkit-flex;
    			display: -ms-flexbox;
    			display: flex;
    			-webkit-flex-wrap: nowrap;
    			-ms-flex-wrap: nowrap;
    			flex-wrap: nowrap;
    			-webkit-box-pack: start;
    			-ms-flex-pack: start;
    			justify-content: flex-start;
    			-webkit-align-items: center;
    			-ms-flex-align: center;
    			align-items: center;
				width: 100%;
				.item-box{
					width: calc(100% / 7);
					margin: 0;
					font-size: 0;
					img{
						opacity: 0;
						-webkit-transition: all 0.8s cubic-bezier(0.82, 0, 0.7, 0.99);
    					-moz-transition: all 0.8s cubic-bezier(0.82, 0, 0.7, 0.99);
    					-ms-transition: all 0.8s cubic-bezier(0.82, 0, 0.7, 0.99);
    					-o-transition: all 0.8s cubic-bezier(0.82, 0, 0.7, 0.99);
						transition: all 0.8s cubic-bezier(0.82, 0, 0.7, 0.99);
					}
					&.item-box03{
						img{
							-webkit-transition-delay: 1.3s;
							transition-delay: 1.3s;
						}
					}
					&.item-box07{
						img{
							-webkit-transition-delay: 1.5s;
							transition-delay: 1.5s;
						}
					}
					&.item-box02{
						img{
							-webkit-transition-delay: 1.7s;
							transition-delay: 1.7s;
						}
					}
					&.item-box04{
						img{
							-webkit-transition-delay: 1.9s;
							transition-delay: 1.9s;
						}
					}
					&.item-box01{
						img{
							-webkit-transition-delay: 2.1s;
							transition-delay: 2.1s;
						}
					}
					&.item-box06{
						img{
							-webkit-transition-delay: 2.3s;
							transition-delay: 2.3s;
							
						}
					}
					&.item-box05{
						img{
							-webkit-transition-delay: 2.5s;
							transition-delay: 2.5s;
						}
					}
					img{
						width: 100%;
					}
				}
			}
			.lead-block{
				margin-top: 80px;
				margin-bottom: 100px;
				.inner-ttl{
					max-width: 930px;
					width: 100%;
					margin: 0px auto 60px;
					font-size: 32px;
					letter-spacing: 0.28em;
					background-image: url(../img/lecturer/lead-block_h2_lef.svg), url(../img/lecturer/lead-block_h2_rig.svg);
					background-position: left 0px center, right 0px center;
					background-repeat: no-repeat, no-repeat;
					background-size: contain;
					color: $spec_blue;
					text-align: center;
					line-height: 1.8;
				}
				.txt{
					text-align: center;
					color: $spec_blue;
					font-size: 16px;
					letter-spacing: 0.16em;

					& + .txt{
						margin-top: 35px;
					}
				}
				.note{
					color: $spec_lightblue;
					letter-spacing: 0.16em;
					font-size: 14px;
					margin-top: 40px;
					text-align: center;
				}
			}
			.lecturer-block{
				.item-box{
					& + .item-box{
						margin-top: 160px;
					}
					.info{
						display: -webkit-flex;
						display: -ms-flexbox;
						display: flex;
						-webkit-flex-wrap: nowrap;
						-ms-flex-wrap: nowrap;
						flex-wrap: nowrap;
						-webkit-box-pack: justify;
						-ms-flex-pack: justify;
						justify-content: space-between;
						width: 100%;
						.pict{
							max-width: 240px;
							font-size: 0;
							width: 100%;
							img{
								width: 100%;
							}
						}
						.text{
							margin-left: 44px;
							border-top: 2px solid $spec_blue;
							border-bottom: 2px solid $spec_blue;
							color: $spec_blue;
							width: calc(100% - 240px);
							p{
								padding: 15px 0;
								display: -webkit-flex;
    							display: -ms-flexbox;
    							display: flex;
    							-webkit-flex-wrap: nowrap;
    							-ms-flex-wrap: nowrap;
								flex-wrap: nowrap;
								.cate{
									padding-left: 28px;
									font-size: 14px;
									letter-spacing: 0.12em;
									color: $spec_lightblue;
									padding-right: 22px;
								}
								.txt{
									padding-right: 28px;
									font-size: 15px;
									letter-spacing: 0.12em;
									color: $spec_blue;
									position: relative;
									top: -2px;
									text-align: justify;
								}
							}
							.name{
								text-align: center;
								width: 100%;
								padding: 0;
								display: block;
								.jap{
									font-size: 28px;
									letter-spacing:0.45em;
									display: inline-block;
									padding-top: 8px;
									padding-bottom: 8px;
								}
								.eng{
									display: block;
									border-top: 1px solid $spec_blue;
									border-bottom: 2px solid $spec_blue;
									font-size: 16px;
									letter-spacing: 0.24em;
									padding: 12px 0;
									width: 100%;
								}
							}
							.two-col{
								display: -webkit-flex;
    							display: -ms-flexbox;
    							display: flex;
    							-webkit-flex-wrap: nowrap;
    							-ms-flex-wrap: nowrap;
								flex-wrap: nowrap;
								border-bottom: 1px solid $spec_blue;
								.subject{
									max-width: 235px;
									width: 100%;
									border-right: 1px solid #1a3556;
								}
							}
							.result{
								padding: 20px 0;
								.cate{
									max-width: 114px;
									width: 100%;
								}
								.txt{
									font-size: 14px;
									line-height: 1.8;
									top: 0;
								}
							}
						}
					}
					.policy{
						margin-top: 45px;
						width: 100%;
						display: -webkit-flex;
    					display: -ms-flexbox;
    					display: flex;
    					-webkit-flex-wrap: nowrap;
    					-ms-flex-wrap: nowrap;
    					flex-wrap: nowrap;
    					-webkit-box-pack: start;
    					-ms-flex-pack: start;
    					justify-content: flex-start;
    					-webkit-box-align: start;
						-ms-flex-align: start;
						align-items: flex-start;
						.cate{
							text-align: center;
							border-top: 2px solid $spec_lightblue;
							border-bottom: 2px solid $spec_lightblue;
							padding: 15px 0;
							padding-left: 5px;
							color: $spec_lightblue;
							letter-spacing: 0.17em;
							max-width: 165px;
							width: 100%;
						}
						.txt{
							vertical-align: top;
							font-size: 14px;
							text-align: justify;
							letter-spacing: 0.14em;
							margin-left: 30px;
							color: $spec_blue;
							-webkit-box-align: start;
							-ms-flex-align: start;
							align-items: flex-start;
							line-height: 1.8;
							position: relative;
							top: -5px;
						}

					}
					.mes{
						margin-top: 60px;
						background-color: rgba(90,172,215,0.1);
						padding: 32px 50px 40px;
						position: relative;
						.mes-icn{
							max-width: 230px;
							width: 100%;
							position: absolute;
							top: -15px;
							right: 50px;
						}
						.cate-ttl{
							font-size: 22px;
							letter-spacing: 0.28em;
							margin: 0 0 12px;
							color: $spec_blue;
						}
						.txt{
							font-size: 14px;
							text-align: justify;
							letter-spacing: 0.12em;
							color: $spec_blue;
							line-height: 1.8;
						}
					}
				}
			}
			.greeting-block{
				margin-top: 100px;
				padding-top: 85px;
				padding-bottom: 100px;
				background-color: rgba(168,151,127,0.1);
				.inner-ttl{
					font-size: 22px;
					color: #a8977f;
					letter-spacing: 0.4em;
					display: block;
					margin: 0 auto 60px;
					padding-bottom: 20px;
					border-bottom: 1px solid;
					max-width: 180px;
					text-align: center;
					padding-left: 5px;
				}
				.info{
					display: -ms-flexbox;
    				display: -webkit-box;
    				display: flex;
    				-ms-flex-wrap: nowrap;
    				flex-wrap: nowrap;
    				-webkit-box-pack: justify;
    				-ms-flex-pack: justify;
    				justify-content: space-between;
					width: 100%;
					.pict {
						max-width: 240px;
						font-size: 0;
						width: 100%;
						img {
							width: 100%;
						}
					}
					.text {
						margin-left: 44px;
						width: calc(100% - 240px);
						position: relative;
						top: -8px;
						.inner-lead{
							color: #a8977f;
							font-size: 22px;
							letter-spacing: 0.3em;
							line-height: 1.8;
							margin-bottom: 20px;
						}
						.txt{
							font-size: 14px;
							text-align: justify;
							color: $spec_blue;
							letter-spacing: 0.14em;
							line-height: 1.7;
						}
						.name{
							font-size: 14px;
							color: $spec_blue;
							line-height: 1.7;
							letter-spacing: 0.16em;
							text-align: right;
							position: absolute;
    						bottom: -18px;
    						right: 0;
							.big{
								font-size: 130%;
								display: inline-block;
								margin-left: 10px;
								letter-spacing: 0.2em;
								margin-top: 20px;
							}
						}
					}
				}
			}
			.contact-block{
				padding-top: 85px;
				padding-bottom: 110px;
				background-color: rgba(90,172,215,0.1);
				a{
					display: block;
					width: 100%;
					font-size: 0;
					-webkit-transition: all 0.3s;
    				-moz-transition: all 0.3s;
    				-ms-transition: all 0.3s;
    				-o-transition: all 0.3s;
    				transition: all 0.3s;
					img{
						width: 100%;
					}
					&:hover{
						opacity: 0.8;
					}
				}
				.inner-lead{
					font-size: 22px;
					color: $spec_blue;
					line-height: 2;
					letter-spacing: 0.25em;
					position: relative;
					text-align: justify;
					margin-bottom: 35px;
					.note{
						font-size: 14px;
						letter-spacing: 0.14em;
						display: inline-block;
						position: absolute;
						bottom: 5px;
						right: 0;
						color: $spec_lightblue;
					}
					&.inner-lead02{
						color: $spec_blue;
						margin-top: 120px;
					}
				}
				.tel-btn{
					background-color: #fff;
					img{
						max-width: 793px;
					}
				}
				.bg-tri{
					z-index: -1;
				}
			}
		}

	}
	&.morigami {
		#page-header {
			h1 {
				font-size: 0;
				padding: 0 0 20px 0;
				&::after {
					content: none;
				}
				img {}
			}
			.img-wrapper {
				font-size: 0;
				padding: 0 0 20px 0;
				img.ttl {
					max-width: 325px;
					margin: 0 auto;
				}
			}
		}
		/*
		.hero-block {
			h1 {
				font-size: 0;
				img {}
			}
		}
		*/
		.lead-block {
			.inner-header{
				p{
					text-align: center;
					//margin-top: 45px;
					margin-bottom: 70px;
					font-size: 18px;
					letter-spacing: 0.2em;
					line-height: 2;
					color: $spec_blue;
					font-weight: bold;
				}
			}
		}
		.profile-block {
			background-color: #F6F5F2;
			.inner-content {
				.table-block{
					//padding: 0 100px;
					max-width: 690px;
					margin: 0 auto;
					.table-row{
						border: none!important;
						&:last-child{
						}
						&:before{
							display: none!important;
						}
						.table-item{
							padding: 70px 0!important;
							& + .table-item{
							}
							&:last-child{
							}
							& > div{
								&.table-info{
									width: 50%;
									padding-right: 3%;
									p {
										color: $spec_blue;
										&.company{
											font-size: 18px;
											color: #595757;
											line-height: 1.2;
											letter-spacing: 0.2em;
										}
										&.name01{
											font-size: 24px;
											font-weight: bold;
											//line-height: 1.7;
											color: #595757;
											letter-spacing: 0.2em;
											span {
												font-size: 22px;
											}
										}
										&.name02{}
										&.profile{
											font-size: 14px;
											margin-top: 20px;
											color: #A8977F;
											text-align: justify;
											letter-spacing: 0.12em;
											span.profile {
												font-weight: bold;
												letter-spacing: 0.2em;
											}
										}
									}
								}
								&.table-ph{
									width: 50%;
									padding-left: 3%;
									font-size: 0;
									img.ph {
										max-width: 232px;
										width: 72%;
									}
									img.name {
										vertical-align: top;
										padding-left: 10.8%;
										width: 27%;
									}
								}
								/*
								&.table-name{
									width: 30%;
									font-size: 0;
								}*/
							}
						}
					}
				}
			}
		}
		.column-block {
			padding-bottom: 100px;
			.inner-content {
				.article-block {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-orient: horizontal;
					-webkit-box-direction: normal;
					-ms-flex-direction: row;
					flex-direction: row;
					-ms-flex-wrap: wrap;
					flex-wrap: wrap;
					-webkit-box-pack: justify;
					-ms-flex-pack: justify;
					justify-content: space-between;
					margin-top: 50px;
					article {
						text-align: center;
						margin-top: 50px;
						border: 1px solid $spec_blue;
						position: relative;
						width: 47.5%;
						+ article {
						}
						.a-header {
							background-color: #FAF9F7;
							z-index: -1;
							position: relative;
							border-bottom: 1px solid $spec_blue;
							padding: 35px 0 30px;
							.num {
								margin: 0 auto;
								background: url(../img/comparing-school/bg_num@2x.png) no-repeat;
								background-size: contain;
								width: 151px;
								p {
									font-size: 18px;
									line-height: 63px;
									color: #A8977F;
								}
							}
							h2 {
								color: $spec_blue;
								font-size: 30px;
								line-height: 1.7;
								letter-spacing: 0.16em;
								margin-top: 20px;
								span {
									font-size: 24px;
									color: #A8977F;
								}
								&.fukusuu {
									font-size: 26px;
								}
							}
						}
						.a-content {
							text-align: right;
							display: inline-block;
							padding: 40px 45px 75px;
							&.comingsoon {
								padding: 0;
								p {
									line-height: 200px;
								}
							}
							p {
								text-align: center;
								color: $spec_blue;
								font-size: 20px;
								font-weight: bold;
								line-height: 1.7;
								text-align: left;
								span {
									font-size: 18px;
									font-weight: normal;
									color: #595757;
									display: inline-block;
									line-height: 1.7;
									margin-top: 7px;
								}
							}
							a {
								font-size: 14px;
								padding: 10px 0px;
								position: absolute;
								bottom: 0;
								left: 0;
								right: 0;
								margin: 0 auto;
								background-color: #A8977F;
								color: #fff;
								display: inline-block;
								text-align: center;
								width: 140px;
								letter-spacing: 0.3em;
							}
						}
					}
				}
				.title-block {
					p.date {
						color: #A8977F;
						padding-left: 27px;
						line-height: 1.2;
						background: url(../img/comparing-school/icn_time.svg) no-repeat left center;
						background-size: 15px 15px;
					}
					.a-header {
						font-size: 0;
						margin-top: 25px;
						.num {
							display: inline-block;
							vertical-align: middle;
							margin: 0 auto;
							background: url(../img/comparing-school/bg_num@2x.png) no-repeat;
							background-size: contain;
							width: 140px;
							margin-right: 40px;
							text-align: center;
							p {
								font-size: 17px;
								line-height: 58px;
								color: #A8977F;
							}
						}
						h1 {
							display: inline-block;
							vertical-align: middle;
							color: $spec_blue;
							font-size: 40px;
							line-height: 1.7;
							line-height: 58px;
							letter-spacing: 0.16em;
							.fc-g {
								color: #A8977F;
							}
						}
					}
					.a-content {
						margin-top: 25px;
						p {
							text-align: center;
							color: $spec_blue;
							font-size: 28px;
							font-weight: bold;
							line-height: 1.7;
							text-align: left;
							span {
								font-size: 20px;
								font-weight: normal;
								color: #595757;
							}
						}
					}
					p.name {
						color: #A8977F;
						padding-left: 25px;
						line-height: 1.5;
						background: url(../img/comparing-school/icn_pen.svg) no-repeat left center;
						background-size: 16px 21px;
						margin-top: 25px;
					}
				}
				.text-block {
					margin-top: 50px;
					.text-area {
						margin-top: 50px;
						p {
							font-size: 16px;
							line-height: 1.8;
							color: #1a3556;
						}
						+ .text-area {
						}
						.t-header {
							p {
								color: #A8977F;
								background-color: #EEEAE5;
								padding-bottom: 10px;
								font-weight: bold;
								padding: 20px 35px;
								margin-bottom: 35px;
								span {}
							}
						}
						.t-content {
							text-align: justify;
							p {
								letter-spacing: 0.12em;
								span {}
							}
						}
					}
				}
			}
		}
		.link-block{
			padding-bottom: 100px;
			img{
				width: 100%;
			}
			a{
				&:hover{
					opacity: 0.8;
				}
			}
		}
	}
}// END body.home


@media screen and (min-width: 1440px) {
	body.page{
		&.column{
			#page-content{
				 &.page-child{
					.ttl-block{
						.info-area{
							#bg-square-1440{
								visibility: visible!important;
							}
						}
						#bg-square{ 
							visibility: hidden!important;
						}
					}
				 }
			}
		}
	}
	
}// END min-width: 1440px

@media screen and (max-width: 1085px) {
body.page{
	&.column{
		.page-nav{
			.nav-area{
				padding-left: 20px;
				padding-right: 20px;
				.nav-box{
					width: 210px;
				}
			}
		}
	}
	&.lecturer{
		#page-content{
			.lead-block{
				.inner-ttl{
					max-width: 790px;
					font-size: 28px;
				}
			}
		}
	}
}

}// END max-width: 1085px

@media screen and (max-width: 992px) {
body.page{
	main{
		padding-top: 80px;
	}
	&.column{
		#page-header.column-top{
			h1{
				left: -75px;
			}
			p{
				padding: 0 40px;
			}
			span.note{
				margin-bottom: 30px;
			}
		}
		#page-content{
			// コラムTOP
			&.page-parent{
				.column-block{
					padding: 0 18px;
					.col-item{
						&:nth-of-type(n+3){
							margin-top: 60px;
						}
						&.new{
							a{
								.inner-header{
									&:before{
										background-size: 80px; 
									}
								}
							}
						}
						a{
							.inner-header{
								padding: 35px 30px 25px;
								.icn{
									position: absolute;
									top: -25px;
									left: -47px;
									width: 94px;
								}
								.school{
									font-size: 18px;
									margin-bottom: 6px;
								}
								.name{
									font-size: 16px;
								}
							}
							.inner-content{
								padding: 25px 30px 28px;
								.inner-ttl{
									font-size: 16px;
									margin-bottom: 6px;
								}
								.txt{
									font-size: 12px;
									letter-spacing: 0.15em;
								}
							}
						}
					}
				}
			}
		}
	}
	&.comparing-school {
		.comparing-school-block {
			.inner-content {
				.article-block {
					article {
						width: 100%;
					}
				}
			}
		}
	}
}


}// END max-width: 992px


@media screen and (max-width: 991px) {
body.page{
	&.lecturer{
		#page-content{
			.lead-block{
				.inner-ttl{
					max-width: 600px;
					font-size: 22px;
				}
			}
			.lecturer-block{
				padding-left:20px;
				padding-right: 20px;
				.item-box{
					& + .item-box{
						margin-top: 100px;
					}
				}
			}
			.greeting-block{
				padding-left:20px;
				padding-right: 20px;
			}
		}

	}
}


}// END max-width: 992px



@media (max-width: breakpoint-max("xs")) {

body.page{
	main{
		#nav{
		}
		section{
			&#page-header{
				padding-top: 55px;
			    padding-bottom: 30px;
				.icn-tri{
					width: 30px;
				}
				h1{
					display: block;
					padding-top: 20px;
					padding-bottom: 30px;
					font-size: 18px;
					&:after{
					}
				}
			}
			&#page-content{
				& > div{
					padding-left: 10px;
					padding-right: 10px;
				}
				h2.title{
				}
				.underconstruction{
					.notification{
						font-size: 14px;
					}
				}
				.table-block{
					.table-row{
						&:last-child{
						}
						&:before{
						}
						.table-item{
							& + .table-item{
							}
							&:last-child{
							}
							& > div{
								&.table-title{
								}
								&.table-content{
									dl{
										& + dl{
										}
										&:last-child{
										}
										> *{
										}
										dt{
										}
										dd{}
									}
								}
							}
						}
					}
				}
				.bg-tri{
				}
			}
			&.breadcrumb-block{
			}
		}
	}
	&.about{
		main{
		}
		&.load{
			main{
			}
		}
		section{
			&#page-content{
				.lead-block{
					padding-bottom: 50px;
					h3{
						font-size: 18px;
						margin-bottom:20px;
					    text-align: justify;
					}
					p.lead{
						font-size: 14px;
						text-align: justify;
						margin-bottom: 25px;
					}
					img.fig{
					}
					img.bg-img{
						top: 0;
						width: 200%;
						bottom: 0;
						left: -100%;
						right: -100%;
					}
				}
				.point-block{
					padding-top: 55px;
					padding-bottom: 55px;
					.container{
					}
					.subtitle{
						.icn-tri{
							width: 30px;
						}
						h3{
							padding-bottom: 15px;
							font-size: 16px;
							&:after{
							}
						}
					}
					.catch-area{
						padding-top: 40px;
						img{
						}
						& + p{
							padding-top: 20px;
							padding-bottom: 35px;
							font-size: 12px;
							text-align: justify;
						}
					}
					.concept-list{
						.concept-item{
							display: block;
							& > div{ 
								display: block;
								width: 100%;
								&.detail{
									padding-left: 30px;
									padding-right: 30px;
									padding-bottom: 30px;
									padding-top: 33px;
									background-size: 70px;
									.title{
										& > div{ 
										}
										.num{
											width: 50px;
											display: block;
											img{
											}
										}
										.text{
											display: block;
											padding-left: 0;
											margin-top: 20px;
											span{
												font-size: 14px;
											    margin-top: -4px;
											}
											h3{
												font-size: 18px;
											}
										}
										& + p{
											font-size: 12px;
										}
									}
								}
								&.pict{
									width: 100%;
									height: 210px;
									img{
									}
								}
							}
							& + .concept-item{
							}
							&.concept-item-1{
								.pict{
								}
							}
							&.concept-item-2{
								.pict{
								}
							}
							&.concept-item-3{
								.pict{
								}
							}
							&.concept-item-4{
								.pict{
								}
							}
						}
					}
					.curriculum-list{
						.curriculum-item{
							display: block;
							background-size: 70px;
							& > div{
								display: block;
								width: 100%;
								&.category{
									padding-left: 30px;
									font-size: 0;
									padding-top: 30px;
									img{
										// width: 90px;
										width: 62px;
									}
								}
								&.detail{
									padding: 30px;
									p{
										font-size: 12px;
										.toggle-area{
										}
									}
									.toggle-link{
									}
								}
							}
							& + .curriculum-item{
							}
						}
					}
				}
			}
		}
	}
	&.course{
		section{
			&#page-content{
				padding-bottom: 60px;
				&.page-parent{
					.course-block{
						.container{
							.row{
								// margin: 0 -11px;
								.col-item{
									// padding: 0 11px;
								}
								& + .row{
									padding-top: 22px;
								}
								> div{
									& + div{
										padding-top: 22px;
									}
								}
							}
							a{
								display: block;
								img{
									width: 100%;
								}
							}
						}
					}
				}
				&.page-child{
					.nav-block{
						.nav-area{
							padding: 0 12px;
							a{
								height: 40px;
								margin: 0 10px; 
								& + a{
								}
								&.dummy{
									display: none;
								}
								img{
									max-height: 40px;
									width: auto;
								}
							}
						}
					}
					.content-block{
						margin-top: 50px;
 						margin-bottom: 40px;
 						padding-bottom: 80px;
 						overflow: hidden;
 						.container{
 							padding-left: 40px;
							padding-right: 40px;
 						}
 						.ttl-area{
 							.icn{
 								margin-bottom: 35px;
 								 img{
 								 	height: 80px;
 								 }
 							}
 							.sub{
 								font-size: 16px;
								margin: 0 0 15px;
								letter-spacing: 0.25em;
 							}
 							.inner-ttl{
 								img{
 									height: auto;
 									width: 100%;
 								}
 							}
 						}
 						.exp-area{
							 margin-top: 35px;
							 .sub-ttl{
								font-size: 14px;
								line-height: 1.8;
								margin-bottom: 32px;
							 }
 							.col-item{
 								& + .col-item{
 									margin-top: 30px;
 								}
 								.txt-box{
 									padding: 25px;
 									background-size: 70px;
 									.inner-ttl{
 										font-size: 16px;
 										padding-bottom: 10px;
										margin-bottom: 22px;
										.min{
											font-size: 12px;
											margin-left: 2px;
											margin-bottom: 4px;
										}
 									}
 									.inner-txt{
 										font-size: 12px;
 										line-height: 1.8;
 									}
 								}
 							}
 						}
 						.grh-area{
 							margin-top: 60px;
 							margin-left: -60px;
 							margin-right: -60px;
 							border-top-width: 1px;
 							border-top-style: solid;
 							padding: 0;
 							padding-bottom: 30px;
 							.inner-ttl{
 								font-size: 14px;
								letter-spacing: 0.3em;
								margin-left: 75px;
 								margin-right: 75px;
								padding: 6px 0;
								padding-left: 14px;
								margin-bottom: 30px;
 								&:before{
 									border-left-width: 38px;
 									border-top-width: 41px;
 								}
 								&:after{
 									border-right-width: 38px;
 									border-top-width: 41px;
 								}
 							}
 							.info{
 								margin-bottom: 35px;
 								padding: 15px 0;
 								span.icn{
 									font-size: 15px;
 									text-align: center;
 									padding-left: 25px;
 									padding-right: 15px;
 								}
 								span.txt{
 									    font-size: 12px;
 									    line-height: 1.6;
 									    padding-right: 25px;
 									    text-align: justify;
 								}
 							}
 							.grh-box{
 								& + .grh-box{
 									margin-top: 30px;
 								}
 							}
 							.cap{
 								padding: 0 25px;
 								margin-top: 25px;
 							}
 						}
					}
					// ここから個別の設定
					&.third{
						.grh-area{
							border-top-color: $spec_third;
						}
					}
					&.fourth{
						.grh-area{
							border-top-color: $spec_fourth;
						}
					}
					&.fifth{
						.grh-area{
							border-top-color: $spec_fifth;
						}
					}
					&.sixth{
						.grh-area{
							border-top-color: $spec_sixth;
						}
					}
				}
			}
		}
	}
	&.class{
		section{
			&#page-content{
				.subttl-area{
					margin-bottom: 45px;
					.cate-ttl{
						font-size: 16px;
						padding-bottom: 15px;
						&:after{}
					}
				}
				.class-list{
					background-color: #e6f3f9;
					.class-item{
						padding-top: 55px;
						padding-bottom: 55px;
						.title{
							padding-bottom: 30px;
							h2{
								font-size: 28px;
								line-height: 1.2;
								span{
									display: block;
									font-size: 14px;
								}
							}
						}
						.row-class{
							img{
							}
							.map-img{
								margin-top: 25px;
							}
							.detail{
								.station{
									text-align: center;
								}
								.route{
								}
								.addr-tel{
									.addr{
										line-height: 1.8;
										padding-top: 0;
										text-align: left;
										margin-top: 20px;
										font-size: 13px;
									}
									.tel{
										font-size: 13px;
										display: block;
										text-align: left;
										padding-top: 10px;
										p{
											display: block;
											line-height: 1.8;
										}
										.fax{
											padding-left: 0;
										}
									}
								}
							}
						}
					}
					.other-item{
						.notification{
						}
					}
				}
				.interview-block{
					padding-top: 55px;
					padding-bottom: 55px;
					.pict-area{
						margin-bottom: 35px;
						.pict{
							img{}
						}
						.txt-box{
							display: block;
							padding: 15px 0;
							.txt{
								width: 100%;
								font-size: 14px;
								letter-spacing: 0.18em;
								& + .txt{
								}
							}
						}
					}
					.lead-area{
						.inner-ttl{
							font-size: 20px;
							letter-spacing: 0.22em;
						}
						.lead-txt{
							margin-top: 30px;
						}
						.btn-area{
							a{
							}
						}
					}
				}
				.yousu-block{
					padding-top: 55px;
    				padding-bottom: 55px;
					.item-area{
						+.item-area{
							margin-top: 40px;
						}
						.item{
							width: 100%;
							&:nth-of-type(odd){
								margin-right: 0px;
							}
							&:nth-of-type(even){
								margin-left: 0px;
							}
							&:nth-of-type(n+2){
								margin-top: 40px;
							}
							.pict{
								margin-bottom: 20px;
								// width : -webkit-calc(100% + 24px) ;
   								// width : calc(100% + 24px) ;
							}
							// .inner-ttl{
							// 	font-size: 13px;
							// 	margin-bottom: 5px;
							// }
							.cap{
								font-size: 12px;
							}
						}
					}
					.corona-info-area{
						width: 100%;
						padding: 30px 35px;
						.pict{
							display: block;
							background-color: #fff;
							width: 100%;
							margin-bottom: 20px;
						}
						.cap{
							padding-left: 0;
							display: block;
							font-size: 12px;
						}
					}
				}
			}
		}
	}
	&.leader-interview{
		main{
			section#page-header{
				h1{
				}
			}
		} 
		section{
			&#page-content{
				padding-bottom: 65px;
				.hero-block{
					margin-bottom: 45px;
					.hero-area{
						height: 240px;
    					background: url(../img/class/jiyugaoka-interview/hero-block_bg.jpg) no-repeat top -102px center;
    					background-size: 486px;
    					margin-bottom: 45px;
    					margin-left: -40px;
   						margin-right: -40px;
   						width: 100vw;
					}
					.lead-area{
						.inner-ttl{
							font-size: 20px;
						}
						.lead-txt{
							
						}
					}

				}
				.content-block{
					.txt-area{
						p{
							
							&.q{
								padding: 15px 20px;
								text-align: justify;
							}
							&.a{
								.name{
									
								}
								& + .q{
									
								}
							}
						}
					}
				}
			}
		}
	}
	&.faq{
		section{
			&#page-content{
				.faq-list{
					.container{
					}
					.faq-item{
						border:0 none;
						.question{
							display: block;
							width: 100%;
							& > div{
								display: block;
								width: 100%;
								&.icn{
									padding-bottom: 0;
									width: 100%;
									padding-top: 0;
									text-align: center;
								}
								&.title{
									font-size: 16px;
									text-align: center;
								    line-height: 1.8;
								}
							}
						}
						.answer{
							display: block;
							width: 100%;
							& > div{
								display: block;
								width: 100%;
								min-height: auto;
								&.icn{
									width: 100%;
									text-align: center;
									padding-bottom: 0;
									padding-top: 25px;
								}
								&.text{
									padding: 20px 30px 40px;
								}
							}
						}
						& + .faq-item{
						}
					}
				}
			}
		}
	}
	&.contact{
		.formlink-block{
			padding-top: 20px;
			padding-bottom: 60px;
			.row{
				& + .row{
					padding-top: 22px;
				}
				> div{
					& + div{
						padding-top: 22px;
					}
				}
			}
			a{
				display: block;
				img{
					width: 100%;
				}
			}
		}
	}
	&.guidance{
		#page-header{
			position: relative;
			margin-top: 0;
			padding-top: 40px;
			padding-bottom: 65px;
			padding-left: 18px;
			background-size: 200%;
			h1.guidance-ttl{
				max-width: 310px;
			}
			.icn{
				bottom: -30px;
				img{
					width: 60px;
				}
			}
		}
		.lead-block{
			margin-top: 65px;
			
			h2.lead {
				font-size: 18px;
				line-height: 1.8;
				letter-spacing: 0.18em;
				margin: 0 0 30px;
			}
			p.txt{
				font-size: 14px;
				margin-bottom: 40px;
				text-align: justify;
				letter-spacing: 0.15em;
			}
			p.note {
				font-size: 12px;
				padding-top: 40px;
				letter-spacing: 0.16em;
				text-align: justify;
			}
		}
		.present-block {
			margin-top: 60px;
			margin-left: -40px;
			margin-right: -40px;
			.present-area{
				padding: 40px 40px 45px;
				.ttl-box{
					padding-top: 0px;
					margin-bottom: 30px;
					span.icn {
						max-width: 92px;
					}
					h3.inner-ttl {
						margin: 18px 0 0;
						font-size: 22px;
					}
				}
				.flex-box{
					left: 0;
					.text {
						padding: 0px;
						order: 1;
						width: 100%;
						.cate {
							margin: 0 0 22px;
							font-size: 18px;
						}
						.sub {
							margin-bottom: 15px;
						}
						.txt {
							padding-left: 22px;
							.group {
								// display: table;
								// width: 100%;
								.icn {
									// display: table-cell;
									// width: 1em;
								}
								.itm{
									// display: table-cell;
								}
							}
						}
					}
					.pict{
						order: 2;
						width: 82%;
						margin-top: 25px;
						margin-left: 20px;
					}
				}
			}
		}
		.info-block{
			margin-top: 60px;
			margin-left: -40px;
			margin-right: -40px;
			.info-area {
				padding: 40px 40px 45px;
				.item{
					& + .item {
						margin-top: 40px;
					}
					.info{
						float: none;
						p.icn{
							width: 103px;
							line-height: 105px;
							font-size: 14px;
							float: none;
							line-height: 30px;
							background-size: 14px;
							margin-bottom: 22px;
							padding-left: 2.2px;
							letter-spacing: 0.05em;
						}
						.content {
							padding-left: 0;
							width: 100%;
							float: none;
							margin-top: 0px;
							.inner-ttl{
								font-size: 18px;
								padding-bottom: 16px;
								margin-bottom: 17px;
							}
							.addr{
								font-size: 12px;
								margin-bottom: 6px;
							}
							.station{
								font-size: 12px;
							}
							.box{
								& + .box{
									margin-top: 20px;
								}
								p.kai{
									width: 103px;
									margin-right: calc(100% - 103px);
									margin-bottom: 8px;
								}
								p.date {
									padding-left: 0;
									padding-bottom: 0;
									width: 90px;
									img.icn{
										top: 1px;
									}
								}
								p.time{
									.number {
										top: 0px;
									}
								}
								&.endday{
									&:before {
										top: 6px;
										left: -6px;
										right: 0;
										width: 100%;
									}
									 &:after {
										content: "終了しました";
										position: relative;
										top: 0;
										right: 0;
										bottom: 0;
										display: block;
										margin-top: 8px;
										margin-bottom: -3px;
										padding-top: 0;
										letter-spacing: 0.15em;
									}
								}
							}

						}
						p.cap{
							.min-time{
								& + .min-time{
									margin-top: 10px;
								}
								.cate {
									width: 100%;
								}
							}
						}
						a.link-txt{
							margin-top: 20px;
						}
					}
					.txt {
						margin-top: 20px;
						p {
							font-size: 13px;
							letter-spacing: 0.13em;
							margin-bottom: 5px;
						}
					}
					.map {
						float: none;
						clear: both;
						padding-top: 20px;
						img{
							width: 100%;
							height: auto;
						}
					}
				}
			}
		}
		.form-block{}
	}
	&.flow{
		.table-block{
			.table-row{
				border-top:0 none!important;
				margin-top: 40px;
				&:last-child{
					border-bottom: 0 none!important;
				}
				&:before{
					display: none!important;
				}
				.table-item{
					display: block!important;
					width: 100%!important;
					padding-top:0!important;
					padding-bottom:0!important;
					&:last-child{
					}
					& > div{
						display:block!important;
						&.table-title{
							width: 100%!important;
							border-bottom: 1px solid $spec_lightblue;
							font-size: 14px!important;
							padding-bottom: 15px;
							img{
								height: 18px;
							}
						}
						&.table-content{
							padding-top: 15px;
							padding-left: 0!important;
							padding-right: 0!important;
							p.mina1{
								font-size: 14px!important;
								text-align: justify!important;
								& + p{
									padding-top: 5px!important;
								}
							}
							p.information{
								font-size: 12px!important;
								line-height: 1.6;
							}
						}
					}
				}
			}
		}
		.flow-block{
			padding-bottom: 40px;
			padding-top: 15px;
			.inner-header{
			}
			.inner-content{
				max-width: 100%;
				margin-right: auto;
				margin-left: auto;
				.table-row-03{
					.table-title{
						padding-top: 0!important;
					}
					.table-content{
						vertical-align: middle!important;
					}
				}
			}
		}
		
		h2.catch{
			margin-bottom:25px;
			& + p{
				text-align: center;
				margin-bottom: 30px;
				font-size: 14px;
				text-align: justify;
			}
		}
		.contact-module{
			padding-bottom:0;
			padding-top: 15px;
			a{
				display: block;
				font-size: 0;
			    width: 100%;
			    float: none;
			    clear: both;
				img{
					height: 44px;
					display: inline-block;
					width: auto;
				}
				& + a{
					width: 100%;
					float: none;
					margin-left: 0;
					height: 44px;
				    margin-top: 15px;
					text-align: left;
					img{
						height: 44px;
						display: inline-block;
						width: auto;
					}
				}
			}
		}

	}
	&.column{
		#page-header.column-top{
			h1{
				padding:0;
				left: -27px;
				margin-bottom: 35px;
				img{
					height: 145px;
				}
			}
			p{
				font-size: 16px;
			}
			span.note{
				font-size: 10px;
				font-size: 10px;
				margin-top: 20px;
			}
		}
		.page-nav{
    		.logo{
    			img{
					width: 160px;
					height: auto;
				}
    		}
    		.home{
    			img{
					width: 160px;
					height: auto;
    			}
    		}
    		.nav-area{
				position: relative;
    			bottom: 0;
    			max-width: 100%;
    			display: table;
    			background-color: rgba(26,53,86,0.06);
				padding-top: 18px;
				padding-bottom: 15px;
    			margin-top: 35px;
				width: 100%;
				padding-left: 18px;
				padding-right: 18px;
				&:before{
					content: "";
    				width: 1px;
    				height: 32px;
    				background: #8a2732;
    				position: absolute;
    				left: 0;
					right: 0;
					top: 20px;
    				margin: auto;
    				padding-top: 2px;
    				padding-bottom: 2px;
				}
				.nav-box{
					width: 156px;
					&.prev{
						.icn-txt{
							padding-right: 0px;
						}
						.txt{
							.school{
								padding-left: 4px;
							}
						}
					}
					&.next{
						.icn-txt{
							/*padding-left: 6px;*/
						}
						.txt{
							.school{
								padding-right: 4px;
							}
						}
					}
					.icn-txt{
						font-size: 8px;
						width: 28px;
					}
					.icn{
						width: 10px;
						img{}
					}
					.txt{
						font-size: 9px;
						.school{
							
						}
						hr{
							margin-top: 4px;
							margin-bottom: 4px;
						}
						.name{
							padding-left: 4px;
							padding-right: 4px;
						}
					}
				}
			}
			//フッターナビ設定
			&.page-nav_02{
				margin-top: 40px;
				.nav-area{
					margin-top: 0;
					margin-bottom: 35px;
				}
			}
		}
		#page-content{
			padding-bottom: 60px;
			& > div{
				padding-left: 10px;
				padding-right: 10px;
			}

			// コラムTOP
			&.page-parent{
				.column-block{
					padding: 0;
					.col-item{
						+.col-item{
							margin-top: 60px;
						}
						a{
							.inner-header{
								// padding-left: 0;
								// padding-right: 0;
							}
						}
					}
				}
			}
			//コラム下層
			&.page-child{
				.ttl-block{
					.ttl-area{
						margin-top: 10px;
						.ttl-icn{
							max-width: 150px;
							left: -35px;
							margin-bottom: 35px;
						}
						.ttl{
							font-size: 20px;
							margin-bottom: 15px;
						}
						.txt{
							font-size: 16px;
						}
					}
					.info-area{
						margin-top: 30px;
						position: relative;
						.school{
							&.txt-lg{
								letter-spacing: 0.18em;
							}
							font-size: 18px;
							line-height: 34px;
							margin-bottom: 10px;
						}
						.name{
							font-size: 16px;
							padding-bottom: 40px;
							span{
							}
							.name-img{
							}
							&:after{
								max-width: 70px;
							}
						}
						.txt{
							font-size: 14px;
							line-height: 1.8;
							padding-top: 45px;
						}
					}
					#bg-square{
						width: 220px;
						right: -42px;
						bottom: -125px;
						img{
						}
					}
				}

				// 共通h4設定
				& > div{
					h4.cate-ttl{
						font-size: 18px;
						margin-bottom: 45px;
						.icn{
							width: 18px;
						}
						span{
							margin-top: 15px;
						}
					}
				}

				.picitem-block{
					margin-top: 70px;
					padding-top: 80px;
					padding-bottom: 70px;
					.item-area{
						+.item-area{
							margin-top: 50px;
						}
						.cate-ttl{
							font-size: 16px;
							margin-bottom: 45px;
							padding-top: 14px;
    						padding-bottom: 14px;
						}
						.item{
							&:nth-of-type(odd){
								.pict{
									// margin-left: -21px;
								}
							}
							&:nth-of-type(even){
								.pict{
									// margin-left: -6px;
								}
							}
							&:nth-of-type(n+3){
								margin-top: 40px;
							}
							.pict{
								margin-bottom: 25px;
								// width : -webkit-calc(100% + 24px) ;
   								// width : calc(100% + 24px) ;
							}
							.inner-ttl{
								font-size: 13px;
								margin-bottom: 5px;
							}
							.note{
							}
						}
					}
				}
				.question-block{
					padding-top: 80px;
					padding-bottom: 70px;
					h4.cate-ttl{
						margin-bottom: 62px;
					}
					.question-area{
						.q{
							font-size: 14px;
							padding: 28px 0px;
						}
						.a{
							font-size: 12px;
							padding: 28px 30px 26px;
							&+.q{
								margin-top: 57px;
							}
						}
						.icn{
							width: 38px;
							top: -17px;
						}
					}
				}
				.mes-block{
					padding-top: 80px;
					padding-bottom: 70px;
					.mes-ttl{
						font-size: 14px;
						margin-bottom: 45px;
						span{
						}
					}
					.item-area{
						margin-top: 0px;
						.txt-box{
							    display: block;
    							padding-right: 0%;
    							margin-bottom: 40px;
							p.inner-ttl{
								font-size: 16px;
								letter-spacing: 0.2em;
								margin-bottom: 15px;
							}
							p{
							}
						}
						.pict-box{
							margin: 0 auto;
						}
					}
				}
				.note-block{
					margin-top: 40px;
					.note{
						font-size: 10px;
						letter-spacing: 0.2em;
					}
				}
			}
		}
	}
	&.comparing-school {
		#page-header {
			h1 {
				&::after {
				}
				img {}
			}
			.img-wrapper {
				width: 80%;
				margin: 0 auto;			
				img.ttl {
				}
			}
		}
		.lead-block {
			.inner-header{
				p{
					text-align: justify;
					font-size: 16px;
					margin-bottom: 50px;
				}
			}
		}
		.profile-block {
			padding-top: 50px !important;
			padding-bottom: 50px !important;
			.inner-content {
				.table-block{
					.table-row{
						&:last-child{
						}
						&:before{
						}
						.table-item{
							display: block !important;
							width: 100% !important;
							& + .table-item{
							}
							&:last-child{
							}
							& > div{
								&.table-info{
									width: 100%;
									padding-right: 0;
									display: block !important;
									padding: 0;
									p {
										&.company{
										}
										&.name01{
											font-size: 22px;
											span {
												font-size: 20px;
											}
										}
										&.name02{}
										&.profile{
											margin-top: 10px;
											span.profile {
											}
										}
									}
								}
								&.table-ph{
									width: 100%;
									display: block !important;
									margin-top: 30px;
									padding: 0;
									img.ph {
									}
									img.name {
										max-width: 90px;
										padding-left: 30px;
									}
								}
							}
						}
					}
				}
			}
		}
		.comparing-school-block {
			padding-bottom: 50px;
			.inner-content {
				.article-block {
					margin-top: 20px;
					article {
						margin-top: 30px;
						+ article {
						}
						.a-header {
							padding: 30px 0 25px;
							.num {
								width: 120px;
								p {
									font-size: 16px;
									line-height: 51px;
								}
							}
							h2 {
								font-size: 18px;
								margin-top: 10px;
								span {
									font-size: 16px;
									padding: 0 4px;
								}
								// &.fukusuu{
								// 	font-size: 18px;
								// }
							}
						}
						.a-content {
							padding: 25px 30px 60px;
							&.comingsoon {
								p {
									line-height: 150px;
								}
							}
							p {
								font-size: 16px;
								span {
									font-size: 16px;
								}
							}
							a {
								width: 100px;
								letter-spacing: 0.05em;
							}
						}
					}
					&.form-block {
						-webkit-box-pack: center;
    					-ms-flex-pack: center;
    					justify-content: center;
						article {
							&.item{
								width: 100%;
								img{
									width: 100%;
								}
							}
						}
					}
				}
				.title-block {
					p.date {
						font-size: 14px;
					}
					.a-header {
						margin-top: 20px;
						.num {
							margin: 0;
							width: 120px;
							p {
								font-size: 16px;
								line-height: 51px;
							}
						}
						h1 {
							display: block;
							font-size: 28px;
							margin-top: 10px;
							line-height: 1.7;
							span {
								font-size: 24px;
							}
						}
					}
					.a-content {
						margin-top: 15px;
						p {
							font-size: 22px;
							line-height: 1.8;
							span {
								font-size: 18px;
								line-height: 1.7;
								margin-top: 7px;
								display: inline-block;
							}
						}
					}
					p.name {
						font-size: 14px;
					}
				}
				.text-block {
					margin-top: 40px;
					.text-area {
						margin-top: 40px;
						p {
							font-size: 15px;
						}
						+ .text-area {
						}
						.t-header {
							p {
								padding: 15px 20px;
								text-align: justify;
								margin-bottom: 30px;
								span {}
							}
						}
						.t-content {
							p {
								span {}
							}
						}
					}
				}
			}
		}
		.link-block{
			padding-top: 40px;
			.cate{
				max-width: 120px;
				line-height: 51px;
				font-size: 14px;
				margin-bottom: 15px;
			}
			.inner-ttl{
				font-size: 20px;
				letter-spacing: 0.2em;
			}
			.min-txt{
				font-size: 14px;
			}
			.btn{
				width: 100px;
				letter-spacing: 0.05em;
				margin-top: 20px;
			}
		}
	}
	&.lecturer{
		#page-content{
			.slider-block{
				padding: 0;
				margin-top: -30px;
				.item-box{
					&.item-box01{
						img{
							-webkit-transition-delay: 1.3s;
							transition-delay: 1.3s;
						}
					}
					&.item-box02{
						img{
							-webkit-transition-delay: 1.5s;
							transition-delay: 1.5s;
						}
					}
					&.item-box03{
						img{
							-webkit-transition-delay: 1.7s;
							transition-delay: 1.7s;
						}
					}
					&.item-box04{
						img{
							-webkit-transition-delay: 1.9s;
							transition-delay: 1.9s;
						}
					}
					&.item-box05{
						img{
							-webkit-transition-delay: 2.1s;
							transition-delay: 2.1s;
						}
					}
					&.item-box06{
						img{
							-webkit-transition-delay: 2.3s;
							transition-delay: 2.3s;
							
						}
					}
					&.item-box07{
						img{
							-webkit-transition-delay: 2.5s;
							transition-delay: 2.5s;
						}
					}
				}
			}
			.lead-block{
				margin-top: 45px;
				margin-bottom: 40px;
				.inner-ttl{
					font-size: 21px;
					width: auto;
					background-image: none;
					margin-bottom: 30px;
					text-align: justify;
					padding: 0 30px;
					letter-spacing: 0.2em;
				}
				.txt{
					font-size: 16px;
					text-align: justify;
					& + .txt{
						margin-top: 18px;
					}
				}
				.note{
					margin-top: 18px;
					text-align: justify;
				}
			}
			.lecturer-block{
				padding-left:0px;
				padding-right: 0px;
				.item-box{
					& + .item-box{
						margin-top: 65px;
					}
					.info{
						display: block;
						.pict{
							max-width: 190px;
							margin: 0 auto;
							img{
							}
						}
						.text{
							width: 100%;
							margin: 45px 0 0;
							p{
								.cate{
									padding-left: 0px;
									padding-right: 12px;
								}
								.txt{
									padding-right: 0px;
								}
							}
							.name{
								.jap{
									font-size: 22px;
    								padding-top: 6px;
    								padding-bottom: 6px;
								}
								.eng{
									font-size: 14px;
								}
							}
							.two-col{
								-webkit-box-pack: justify;
								-ms-flex-pack: justify;
								justify-content: space-between;
								.subject{
									width: 61%;
								}
							}
							.result{
								.cate{
									max-width: 75px;
								}
								.txt{
								}
							}
						}
					}
					.policy{
						display: block;
						margin-top: 35px;
						.cate{
							padding: 6px 0;
							padding-left: 4px;
							max-width: 168px;
							margin: 0 auto;
							background-color: #5aacd7;
							color: #fff;
							border: none;
						}
						.txt{
							margin-top: 22px;
							margin-left: 0;
							font-size: 12px;
							width: 100%;
							top: 0;
						}

					}
					.mes{
						margin-top: 38px;
						padding: 24px 30px 28px;
						.mes-icn{
							max-width: inherit;
    						width: auto;
    						height: 22px;
    						position: absolute;
    						top: -11px;
    						right: 0px;
    						left: 0;
    						margin: auto;
						}
						.cate-ttl{
							font-size: 16px;
							margin-bottom: 5px;
							text-align: center;
						}
						.txt{
							font-size: 12px;
						}
					}
				}
			}
			.greeting-block{
				margin-top: 65px;
				padding-top: 60px;
				padding-bottom: 45px;
				padding-left:0px;
				padding-right: 0px;
				.inner-ttl{
					font-size: 18px;
					max-width: 160px;
					padding-bottom: 15px;
					margin-bottom: 45px;
				}
				.info{
					display: block;
					.pict {
						max-width: 190px;
						margin: 0 auto;
						img {
						}
					}
					.text {
						margin-top: 45px;
						width: 100%;
						margin-left: 0;
						.inner-lead{
							font-size: 18px;
							letter-spacing: 0.22em;
						}
						.txt{
						}
						.name{
							position: relative;
							bottom: 0px;
							margin-top: 25px;
							font-size: 12px;
							.big{
								font-size: 140%;
								letter-spacing: 0.4em;
								margin-top: 10px;
							}
						}
					}
				}
			}
			.contact-block{
				padding-top: 62px;
				padding-bottom: 60px;
				a{
					img{
					}
					&:hover{
					}
				}
				.inner-lead{
					font-size: 16px;
					color: #1a3556;
					line-height: 1.8;
					letter-spacing: 0.2em;
					.note{
						display: block;
						position: relative;
						bottom: 0;
						margin-top: 10px;
						text-align: right;
					}
					&.inner-lead02{
						margin-top: 45px;
					}
				}
				.tel-btn{
					img{
					}
				}
				.bg-tri{
				}
			}
		}

	}
	&.morigami {
		#page-header {
			h1 {
				&::after {
				}
				img {}
			}
			.img-wrapper {
				width: 80%;
				margin: 0 auto;			
				img.ttl {
				}
			}
		}
		.lead-block {
			.inner-header{
				p{
					text-align: justify;
					font-size: 16px;
					margin-bottom: 50px;
				}
			}
		}
		.profile-block {
			.inner-content {
				.table-block{
					.table-row{
						&:last-child{
						}
						&:before{
						}
						.table-item{
							display: block !important;
							width: 100% !important;
							padding-top: 50px !important;
							padding-bottom: 50px !important;
							& + .table-item{
							}
							&:last-child{
							}
							& > div{
								&.table-info{
									width: 100%;
									padding-right: 0;
									display: block !important;
									padding: 0;
									p {
										&.company{
										}
										&.name01{
											font-size: 22px;
											span {
												font-size: 20px;
											}
										}
										&.name02{}
										&.profile{
											margin-top: 10px;
											span.profile {
											}
										}
									}
								}
								&.table-ph{
									width: 100%;
									display: block !important;
									margin-top: 30px;
									padding: 0;
									img.ph {
									}
									img.name {
										max-width: 90px;
										padding-left: 30px;
									}
								}
							}
						}
					}
				}
			}
		}
		.column-block {
			padding-bottom: 50px;
			.inner-content {
				.article-block {
					margin-top: 20px;
					article {
						margin-top: 30px;
						+ article {
						}
						.a-header {
							padding: 25px 0 25px;
							.num {
								width: 120px;
								p {
									font-size: 16px;
									line-height: 51px;
								}
							}
							h2 {
								font-size: 20px;
								margin-top: 10px;
								span {
									font-size: 16px;
								}
								&.fukusuu{
									font-size: 18px;
								}
							}
						}
						.a-content {
							padding: 25px 30px 60px;
							&.comingsoon {
								p {
									line-height: 150px;
								}
							}
							p {
								font-size: 16px;
								span {
									font-size: 16px;
								}
							}
							a {
								width: 100px;
								letter-spacing: 0.05em;
							}
						}
					}
				}
				.title-block {
					p.date {
						font-size: 14px;
					}
					.a-header {
						margin-top: 20px;
						.num {
							margin: 0;
							width: 120px;
							p {
								font-size: 16px;
								line-height: 51px;
							}
						}
						h1 {
							display: block;
							font-size: 28px;
							margin-top: 10px;
							line-height: 1.7;
							span {
								font-size: 24px;
							}
						}
					}
					.a-content {
						margin-top: 15px;
						p {
							font-size: 22px;
							line-height: 1.8;
							span {
								font-size: 18px;
								line-height: 1.7;
								margin-top: 7px;
								display: inline-block;
							}
						}
					}
					p.name {
						font-size: 14px;
					}
				}
				.text-block {
					margin-top: 40px;
					.text-area {
						margin-top: 40px;
						p {
							font-size: 15px;
						}
						+ .text-area {
						}
						.t-header {
							p {
								padding: 15px 20px;
								text-align: justify;
								margin-bottom: 30px;
								span {}
							}
						}
						.t-content {
							p {
								span {}
							}
						}
					}
				}
			}
		}
		.link-block{
			padding-bottom: 50px;
		}
	}
}// END body.home

} // END breakpoint-max("xs")

/* IE11 */
_:-ms-lang(x)::-ms-backdrop, body.page.column #page-content.page-child .mes-block .mes-ttl span {
	padding-top: 5px;
}