@charset "utf-8";
/* html{box-sizing:border-box;-webkit-text-size-adjust:100%;word-break:normal;-moz-tab-size:4;tab-size:4}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{padding:0;margin:0}hr{overflow:visible;height:0}details,main{display:block}summary{display:list-item}small{font-size:80%}[hidden]{display:none}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}a{background-color:transparent}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}pre{font-size:1em}b,strong{font-weight:bolder}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}input{border-radius:0}[disabled]{cursor:default}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}button,select{text-transform:none}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer;color:inherit}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,input,select,textarea{background-color:transparent;border-style:none}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;white-space:normal;max-width:100%}::-webkit-file-upload-button{-webkit-appearance:button;color:inherit;font:inherit}img{border-style:none}progress{vertical-align:baseline}@media screen{[hidden~=screen]{display:inherit}[hidden~=screen]:not(:active):not(:focus):not(:target){position:absolute!important;clip:rect(0 0 0 0)!important}}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default} */
ul,dl{list-style: none;margin-top: 0;}
.contents {padding: 0;}
ul:not([class]), ul.dotList{padding-left: 0;}
element.style {padding: 0;}
.none{display: none;}
p{margin-top: 0;}
a{text-decoration: none;}

/*----------------------コンテンツ全体とトップイメージ部分------------------------------*/
.main-box{
	width: 90%;
	background-color: #fff;
	margin: 0 auto;
	padding-bottom: 50px;
}

.main-container{
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	background-color: #e5ecf5;
}

.hp-link{
	font-size: 1.2em;
	font-weight: bold;
	color: #00aeff;
}

/*--------------section1------------------*/
.section1 h1{
	font-size: 1.8em;
	text-align: center;
	padding-top: 50px;
	}
	
	.section1 ul{
		display: flex;
		padding: 10px;
		justify-content: center;
		width: 100%;
		margin-bottom: 0;
		padding: 0;
	}

	.section1 ul li{
		width: 45%;
	}
	
	.section1 ul li a{
	display: block;
	padding: 20px 40px;
	font-size: 1.6em;
	font-weight: bold;
	text-align: center;
	margin: 15px;
	color: #064496;
	border: 1px solid #335d94;
    box-shadow: 7px 8px #445980;
	border-radius: 5px;
}

.section1 .color1{
	color: #00adf1;
	font-size: 2em;
}

.section1 p{
width: 90%;
font-weight: bold;
font-size: 1.2rem;
margin: 40px auto 70px;
}


/*--------------section2------------------*/
.section2 ul {
list-style: none;
}

.section2 h2{
	margin-bottom: 10px;
	line-height: 1.3;
	padding: 20px 10px;
	font-weight: bold;
}

.section2 li {
position: relative;
padding-left: 20px;
margin-bottom: 3px;
}
.section2 li::before {
content: '';
display: inline-block;
position: absolute;
top: 6px;
left: 5px;
width: 10px;
height: 10px;
border-radius: 5px;
}

.section2 .box-a li::before {background-color: #00c3ff;}
.section2 .box-b li::before {background-color: #d1be13;}
.section2 .box-c li::before {background-color: #ad85bd;}
.section2 .box-d li::before {background-color: #7db98a;}
.section2 .box-a h2{background-color: #dcecf1;}
.section2 .box-b h2{background-color: #fff7df;}
.section2 .box-c h2{background-color: #ecdef3;}
.section2 .box-d h2{background-color: #e2eee5;}

.section2 .small{
	color: #636363;
	font-size: 1rem;
}

.section2{margin: 0 auto;} 
#section2{padding-top: 100px;margin-top: -100px;} 
#section3{padding-top: 130px;margin-top: -130px;} 
#section4{padding-top: 100px;margin-top: -100px;} 
#section5{padding-top: 130px;margin-top: -130px;} 

.section2 .flex{
display: flex;
justify-content: center;
margin-bottom: 30px;
}

.section2 .subject1,.section2 .subject2{width: 45%;margin: 5px;}
.section2 .box-a{margin-bottom: 50px;}
.section2 .box-b{margin-bottom: 40px;}
.section2 .box-c{margin-bottom: 40px;}
.section2 .box-d{margin-bottom: 60px;}


/*--------------箇条書き〇-------------------*/
.scheduleul {list-style: none;}
.schedule li {position: relative;padding-left: 24px;}

.schedule li::before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 6px;
	left: 0;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	}

/*--------------ボタン調整------------------*/
.btm{
	margin: 80px auto 150px;
	display: flex;
	justify-content: center;
	width: 90%;
}

.btm .btm1,.btm .btm2{
   margin: 10px;
   border-radius: 8px;
   padding: 10px 0px;
} 
.btm .btm1{background-color: #ffbb00;color: #ffffff;}
.btm .btm2{background-color: #428add;color: #ffffff;}

.btm a{
	text-align: center;
	font-size: 1.5em;
	width: 45%;
}

/*--------------section3------------------*/
.color4{
	font-size: 1.2rem;
	color: #000;
}
.section3 h2{
	font-size: 1.3rem;
	text-align: center;
	font-weight: bold;
	color: #ff0783;
	margin-bottom: 30px;
}

.architecture h4,.interior h4{margin-bottom: 0;}

.section3 .flex{
	display: flex;
	justify-content: center;
	margin-bottom: 90px;
}

.section3 p{
width: 90%;
font-size: 1rem;
margin: 20px auto 80px;
}

.architecture,.interior,.civil,.machine{width: 45%;}
.architecture h4,.interior h4,.civil h4,.machine h4{
	text-align: center;
	font-size: 18px;
	padding: 8px 0;
}

.architecture h4{background-color: #dcecf1;}
.interior h4{background-color: #fff7df;}
.civil h4{background-color: #ecdef3;margin-bottom: 20px;}
.machine h4{background-color: #e2eee5;margin-bottom: 20px;}

.center p{margin: 0 auto;display: block;}

.section3 .flex2{display: flex;}
.section3 .box1{width: 55%;}
.section3 .box1 p{
	background-color: #00c3ff;
	border-radius: 8px;
	padding: 10px;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	margin-top: 10px;
}

.section3 .box2 p{
	padding: 10px 0px 10px 10px;
	margin-left: 10px;
	margin-top: 10px;
	font-weight: bold;
}

.section3 .flex2 .box2{
	width: 40%;
}

.color5-1{color: #00c3ff;font-weight: bold;}
.flex3{
	width: 90%;
	margin: 0 auto 60px;
	display: flex;
}

.flex3 .flex2{width: 40%;}
/*--------------section4------------------*/
.section4 {width: 90%;margin: 0 auto;}

.section4 h2{
	color: #000;
	text-align: center;
	font-size: 1.8rem;
	line-height: 1.7;
	margin-bottom: 40px;
}

.section4 .small{
	font-size: 1.1rem;
	color: #4b4b4b;
}

.section4 h3{
	font-size: 17px;
	text-align: left;
	margin-top: 40px;
	margin-bottom: 3px;
}

.section4 .propty h4{
	padding: 10px;
	border-left: 10px solid #0e50b3;
	color: #000;
	font-size: 1.3rem;
}

.section4 .propty  p{
	margin-bottom: 40px;
	padding: 8px;
}

.section4 h3{
	margin-bottom: 60px;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
}

.section4 .color2{color: #00b5ec;font-weight: bold;font-size: 1.3rem;margin-right: 10px;}
.section4 .color3{color: #ec077a;font-weight: bold;font-size: 1.3rem;margin-right: 10px;}
.section4 .question{
font-weight: bold;
font-size: 1.2rem;
margin-bottom: 40px;
}

.adovantage h1{
	width: 300px;
	display: block;
	padding: 6px;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	color: #064496;
	border: 1px solid #335d94;
    box-shadow: 7px 8px #445980;
	border-radius: 5px;
margin-top: 55px;
margin-bottom: 30px;
}

.adovantage{margin-top: 30px;}
.adovantage .flex{
	margin-bottom: 50px;
	display: flex;
	justify-content: space-between;
}

.adovantage .img-box{
	width: 40%;
	padding: 20px;
	margin: 30px auto;
}

.adovantage .img-box img{width: 100%;}
.adovantage .text-box{
	width: 60%;
	padding: 10px;
}

.adovantage li{ 
	position: relative;
	line-height: 2;
	font-size: 1.1em;
	font-weight: bold;
	padding-left: 35px;
}

.adovantage li::after{
	content: '';
	display: block;
	position: absolute;
	top: .5em;
	left: 0.5em;
	width: 10px;
	height: 5px;
	border-left: 2px solid red;
	border-bottom: 2px solid red;
	transform: rotate(-45deg);
}
/*--------------section5------------------*/
.bgc{
	background-color: #fff3f8;
	padding-top: 20px;
	padding-bottom: 50px;
}

.section5{
	width: 90%;
	margin: 0 auto;
}

.section5 .text{
	margin-bottom: 60px;
}

.section5 h2{
	display: inline-block;
	border-radius: 8px;
	background-color: #ff6ba9;
	padding: 15px 40px;
	color: #ffffff;
	margin-bottom: 30px;
	font-size: 1.4em;
	margin-top: 40px;
}

.section5 h3{
	margin-bottom: 0;
}

.section5 li{
	margin-bottom: 40px;
}

.section5 .schedule h3{
	margin-bottom: 30px;
}

.section5 .schedule li{
	margin-bottom: 0;
}

.section5 .schedule{
	padding-left: 0;
}

.section5 .schedule li::before {background-color: #3b3b3b;}

	.last-text{
		margin-top: 80px;
		text-align: center;
		padding: 30px 5px;
		background-color: #fff;
		border: 1px solid #000;
		border-radius: 8px;
		font-weight: bold;
	}


@media screen and (max-width: 800px) {

	.main-box{width: 95%;padding-bottom: 10px;}
	.hp-link{font-size: 1.2em;}
	
	/*--------------section1------------------*/
	.section1 h1{font-size: 1.6em;padding-top: 30px;}
		
		.section1 ul{
			display: flex;
			justify-content: center;
			width: 100%;
			margin-bottom: 0;
			padding: 0;
		}
	
		.section1 ul li{
			width: 45%;
		}
		
		.section1 ul li a{
		display: block;
		padding: 0px;
		line-height: 2;
		font-size: 1.3em;
		margin: 10px;
		box-shadow: 3px 4px #445980;
		border-radius: 3px;
	}
	
	.section1 .color1{
		font-size: 1.8em;
	}
	
	.section1 p{
	width: 95%;
	font-size: 1.1rem;
	margin: 40px auto 60px;
	}
	
	
	/*--------------section2------------------*/
	.section2 h2{
		margin-bottom: 10px;
	}
	
	.section2 li {
	position: relative;
	padding-left: 20px;
	margin-bottom: 3px;
	}
	.section2 li::before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 6px;
	left: 5px;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	}
	
	.section2 .small{font-size: 1rem;}

	.section2 .flex{
	display: block;
	justify-content: start;
	}
	
	.section2 h2{
		padding: 10px;
		width: 100%;
		font-size: 1.3em;
	}
	
	.section2 .subject1,.section2 .subject2{
		width: 100%;
		margin: 0px;
	}
	
	.section2 .box-a{margin-bottom: 50px;}
	.section2 .box-b{margin-bottom: 70px;}
	.section2 .box-c{margin-bottom: 30px;}
	.section2 .box-d{margin-bottom: 40px;}
	
	/*--------------ボタン調整------------------*/
	.btm{
		margin: 50px auto 130px;
		display: flex;
		justify-content: center;
		width: 100%;
	}
	
	.btm .btm1,.btm .btm2{
	   border-radius: 5px;
	   padding: 8px 0px;
	} 
	.btm a{font-size: 1.4em;width: 44%;}
	
	
	/*--------------section3------------------*/
.section3 h2{
	font-size: 1.3rem;
	text-align: center;
	font-weight: bold;
	margin-bottom: 10px;
}

.architecture h4,.interior h4{margin-bottom: 0;}

.section3 .flex{display: flex;}

.section3 p{
width: 95%;
font-size: 1rem;
left: 10px;
}


.architecture,.interior,.civil,.machine{width: 100%;}

.architecture h4,.interior h4,.civil h4,.machine h4{font-size: 17px;}

.section3 .flex2{
	display: flex;
	width: 95%;
	margin: 0 auto;
}

.section3 .box1{width: 40%;}

.section3 .box1 p{
	border-radius: 5px;
	margin-top: 10px;
}

.section3 .box2 p{
	padding: 10px;
	margin-left: 10px;
	margin-top: 10px;
	font-weight: bold;
}

.section3 .flex2 .box2{width: 55%;}

.flex3{
	width: 97%;
	margin: 0px auto 80px;
	display: block;
}

.flex3 .flex2{
	width: 50%;
	margin-left: 0;
}

.school-illust{
	margin-top: 50px;
	margin-bottom: 20px;
}
	
	/*--------------section4------------------*/
	.section4 {
		width: 90%;
		margin: 0 auto;
	}
	
	.section4 h2{
		color: #000;
		text-align: center;
		font-size: 1.8rem;
		line-height: 1.7;
		margin-bottom: 40px;
	}
	
	.section4 .small{
		font-size: 1.1rem;
		color: #4b4b4b;
	}
	
	.section4 h3{
		font-size: 17px;
		text-align: left;
		margin-top: 40px;
		margin-bottom: 3px;
	}
	
	.section4 .propty h4{
		padding: 10px;
		border-left: 10px solid #0e50b3;
		color: #000;
		font-size: 1.3rem;
	}
	
	.section4 .propty  p{
		margin-bottom: 40px;
		padding: 8px;
	}
	
	.section4 h3{
		margin-bottom: 60px;
		font-size: 1.4rem;
		font-weight: bold;
		text-align: center;
	}
	
	.adovantage h1{
		width: 300px;
		display: block;
		font-size: 1.4em;
		box-shadow: 4px 5px #445980;
		border-radius: 5px;
	}
	
	.adovantage{margin-top: 0px;}
	
	.adovantage .flex{
		margin-bottom: 50px;
		display: block;
		justify-content: start;
	}
	
	.adovantage .img-box{width: 100%;padding: 10px;margin: 0px auto;}
	.adovantage .img-box img{width: 100%;}
	.adovantage .text-box{width: 100%;padding: 10px;margin: 0;}
	
	/*--------------section5------------------*/

	.section5{width: 95%;}
	.section5 h2{
		border-radius: 5px;
		padding: 10px 40px;
		font-size: 1.3em;
	}

}


@media screen and (max-width: 800px) {

	.none{
		display: block;
	}
	.main-box{width: 95%;padding-bottom: 10px;}
	.hp-link{font-size: 1.2em;}
	
	/*--------------section1------------------*/
	.section1 h1{font-size: 1.4em;padding-top: 30px;}	
	.section1 ul{display: block;}
	.section1 ul li{width:85%;margin: 0 auto;}
		
	.section1 ul li a{
		display: block;
		padding: 5px;
		line-height: 2;
		font-size: 15px;
		margin: 10px 0px;
		box-shadow: 2px 3px #445980;
	}
	
	.section1 .color1{font-size: 1.2em;}
	
	.section1 p{
	width: 95%;
	font-size: 1rem;
	margin: 40px auto 50px;
	font-weight: normal;
	}
	
	
	/*--------------section2------------------*/
	.section2 h2{margin-bottom: 20px;}

	.section2 .small{font-size: 15px;color: #414141;font-weight: normal;}

	.section2 .flex{
	display: block;
	justify-content: start;
	}
	
	.section2 h2{
		padding: 10px;
		width: 100%;
		font-size: 1.3em;
	}
	.section2 .box-a{margin-bottom: 50px;}
	.section2 .box-b{margin-bottom: 50px;}
	.section2 .box-c{margin-bottom: 50px;}
	.section2 .box-d{margin-bottom: 50px;}
	
	/*--------------ボタン調整------------------*/
	.btm{
		margin: 50px auto 100px;
		display: flex;
		justify-content: center;
	}
	
	.btm .btm1,.btm .btm2{margin: 3px;} 
	.btm a{font-size: 16px;width: 48%;}
	
	
	/*--------------section3------------------*/
.section3 h2{
	font-size: 16px;
	margin-bottom: 10px;
}

.architecture h4,.interior h4{margin-bottom: 0px;margin-top: 0;}
.section3 .flex{display: block;}
.architecture,.interior,.civil,.machine{width: 100%;}
.architecture h4,.interior h4,.civil h4,.machine h4{font-size: 17px;}
.section3 .flex2{display: flex;}
.section3 .box1{width: 50%;}
.civil{margin-bottom: 60px;}
.section3 .box1 p{
	border-radius: 5px;
	margin-top: 10px;
}
.section3 .box2 p{
	padding: 10px;
	margin-left: 10px;
	margin-top: 10px;
	font-weight: bold;
}
.section3 .flex2 .box2{width: 50%;}
.flex3{
	width: 95%;
	margin: 0px auto 80px;
	display: block;
}
.flex3 .flex2{width: 100%;}
	/*--------------section4------------------*/
	.section4 {
		width: 90%;
		margin: 0 auto;
	}
	
	.section4 h2{
		font-size: 1.6rem;
		line-height: 1.3;
		margin-bottom: 40px;
	}
	
	.section4 .small{font-size: 1rem;}
	
	.section4 h3{
		margin-bottom: 60px;
		font-size: 18px;

	}
	
	.section4 .propty h4{
		padding: 10px;
		border-left: 8px solid #0e50b3;
		font-size: 1.2rem;
		margin-bottom: 10px;
	}
	
	.section4 .propty  p{
		margin-bottom: 40px;
		padding: 8px;
	}
	.adovantage li{ 
		position: relative;
		line-height: 2;
		font-size: 1em;
		font-weight: bold;
		padding-left: 25px;
	}
	
	.adovantage h1{
		width: 300px;
		display: block;
		font-size: 1.4em;
		box-shadow: 4px 5px #445980;
		border-radius: 5px;
	}
	
	.adovantage{margin-top: 0px;}
	
	.adovantage .flex{
		margin-bottom: 50px;
		display: block;
		justify-content: start;
	}
	
	.adovantage .img-box{width: 100%;padding: 10px;margin: 0px auto;}
	.adovantage .img-box img{width: 100%;}
	.adovantage .text-box{width: 100%;padding: 10px;margin: 0;}
	
	/*--------------section5------------------*/

	.section5 .text{
		font-size: 13px;
	}
	.last-text{
		margin-top: 80px;
		text-align: center;
		padding: 30px 3px;
		border-radius: 5px;
		font-weight: bold;
		font-size: 13px;
	}

}