@media only screen and (min-width:1300px) {
		.visual { float: left; background: url(../imgs/top/top.jpg) no-repeat center #EDEDED; box-shadow: 0 0 5px rgba(0,0,0,0.2); width: 100%; height: 480px; }


	}
	@media only screen and (min-width:769px) and (max-width:1299px) {
		.visual { float: left; background: url(../imgs/top/top.jpg) no-repeat center #EDEDED; box-shadow: 0 0 5px rgba(0,0,0,0.2); width: 100%; height: 0; padding-bottom: 36.923%; background-size: cover; }
	}
	@media only screen and (min-width:769px) {
		.wrap { text-align: center; }

		.visual p { margin: 0; text-align: center; }

		.visual ul { text-align: center;}
		.visual li { display: inline-block; padding: 60px 15px 0;}
		.visualCopy1 {
font-size: 72px;
    line-height: 1em;
    color: #003593;
    font-weight: 800;
    text-shadow: 0 0 10px #FFF, 0 0 10px #FFF, 0 0 10px #FFF, 0 0 10px #FFF;
    padding: 90px 0 0;
}
		.visualCopy2 {
font-weight: 800;
    font-size: 48px;
    line-height: 1em;
    color: #0074C1;
    text-shadow: 0 0 10px #FFF, 0 0 10px #FFF, 0 0 10px #FFF, 0 0 10px #FFF;
    padding: 15px 0 0;
}

		.about { width: 100%; float: left; padding: 0 0 80px; text-align: center; }
		.about h2 { font-size: 32px; font-weight: 800; position: relative; margin: 80px 0 40px; }
.about h2:before {
content: '';
    position: absolute;
    left: 50%;
    bottom: -5px;
    display: inline-block;
    width: 80px;
    height: 5px;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    background-color: #0075C2;
}
		.about .btn { margin: 40px 0 0;}
		.about .btn a {background: #003694;
    color: #FFF;
    display: inline-block;
    width: 400px;
    line-height: 60px;
    border-radius: 4px;
    font-weight: bold;
}

		.about .wrap { display: flex; justify-content: center; }
		.about .wrap section { width: 520px; margin: 0 40px; }
		.about .wrap section p { text-align: left; font-size: 16px; line-height: 30px; }
		.about .wrap section p.btn { text-align: center; }

		#wrapper .about .wrap section figure img { width: auto; height: 360px; }


		.theme { width: 100%; float: left; padding: 0 0 80px; background: #E5F1F9; }
		.theme h3 { color: #003593; font-size: 36px; margin: 80px 0 0;}
		.theme h3 span { color: #7F7F7F; font-size: 16px; display: block;}

		.theme ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
		.theme li { margin: 40px 20px 0; text-align: center; width: 320px; height: 200px; background: #FFF; }
		.theme li a { display: block; color: #000; line-height: 25px;}

		.theme li a h4 {
font-size: 24px;
    line-height: 40px;
    color: #000;
    font-weight: 800;
    margin: 20px 0;
	position: relative;
}
		.theme li a h4:before {
content: '';
    position: absolute;
    left: 50%;
    bottom: -5px;
    display: inline-block;
    width: 40px;
    height: 5px;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    background-color: #0075C2;
}
		.corporate { width: 100%; float: left; padding: 0 0 80px; background: #EDEFF1; }
		.corporate h3 { color: #003593; font-size: 36px; margin: 80px 0 0;}
		.corporate h3 span { color: #7F7F7F; font-size: 16px; display: block;}
		.corporate ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
		.corporate li { margin: 40px 20px 0; text-align: left; width: 480px; height: 200px; background: #FFF; padding: 0 20px; box-sizing: border-box; }
		.corporate li a { display: block; color: #000; line-height: 25px; position: relative; }
		.corporate li a h4 {
font-size: 24px;
    line-height: 30px;
    color: #000;
    font-weight: 800;
    margin: 20px 0;
	position: relative;
}
		.corporate li a h4:before {
content: '';
    position: absolute;
    left: 20px;
    bottom: -15px;
    display: inline-block;
    width: 40px;
    height: 5px;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    background-color: #0075C2;
}
		.corporate li a img {
position: absolute;
    right: 0;
    top: 0;
}



		.realestate { width: 100%; float: left; padding: 0 0 80px; }
		.realestate h3 { color: #003593; font-size: 36px; margin: 80px 0 0;}
		.realestate h3 span { color: #7F7F7F; font-size: 16px; display: block;}
		.realestate ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
		.realestate li { margin: 40px 20px 0; text-align: left; width: 480px; height: 200px; background: #EDEFF1; padding: 0 20px; box-sizing: border-box; }
		.realestate li a { display: block; color: #000; line-height: 25px; position: relative; }
		.realestate li a h4 {
font-size: 24px;
    line-height: 30px;
    color: #000;
    font-weight: 800;
    margin: 20px 0;
	position: relative;
}
		.realestate li a h4:before {
content: '';
    position: absolute;
    left: 20px;
    bottom: -15px;
    display: inline-block;
    width: 40px;
    height: 5px;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    background-color: #0075C2;
}
		.realestate li a img {
position: absolute;
    right: 0;
    top: 0;
}

		.news { width: 100%; float: left; padding: 0 0 80px; border-top: solid 5px #EDEFF1; }
		.news .wrap { width: 900px; }

		.news h3 { color: #003593; font-size: 36px; margin: 80px 0 0;}
		.news h3 span { color: #7F7F7F; font-size: 16px; display: block;}
		.news ul {border-top: solid 1px #EDEFF1; text-align: left; margin: 40px 0;}
		.news li { line-height: 25px; border-bottom: solid 1px #EDEFF1; padding: 20px; }
		.news li span {
background: #0075C2;
    color: #FFF;
    width: 100px;
    text-align: center;
    display: inline-block;
    line-height: 25px;
    font-size: 14px;
    margin: 0 20px 0 0;
}
.news .btn a {
    background: #003694;
    color: #FFF;
    display: inline-block;
    width: 400px;
    line-height: 60px;
    border-radius: 4px;
    font-weight: bold;
}

		.profile { width: 100%; float: left; padding: 80px 0; border-top: solid 5px #EDEFF1; }
		.profile .wrap { width: 1000px; }
		.profile h3 { font-size: 24px; line-height: 30px; font-weight: 800; text-align: left; }
		.profile h4 { font-size: 32px; line-height: 40px; font-weight: 800;text-align: left; position: relative; margin: 0px 0 40px;}
		.profile h4:before {
content: '';
    position: absolute;
    left: 40px;
    bottom: -15px;
    display: inline-block;
    width: 80px;
    height: 5px;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    background-color: #0075C2;
}
		.profile p { text-align: left; padding: 0 0 20px;}



		.books { width: 100%; float: left; padding: 0 0 80px; background: #EDEFF1; }
		.books .wrap { width: 1000px; }

		.books h3 { color: #003593; font-size: 36px; margin: 80px 0 40px;}
		.books h3 span { color: #7F7F7F; font-size: 16px; display: block;}

.books section { display: flex; justify-content: center; }
		.books ul {
display: flex;
}
		.books li {
width: 120px;
    font-size: 12px;
    text-align: left;
    line-height: 20px;
    margin: 0 20px;
}



		#jobRegPc { position: fixed; right: 0; bottom: 0; z-index: 100; }
	}
	@media only screen and (max-width:768px) {
		.wrap { padding: 0 10px; width: 100%; box-sizing: border-box; }
		.wrap { text-align: center; }

		
		.visual {
    float: left;
    background: url(../imgs/top/top.jpg) no-repeat center #EDEDED;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    width: 100%;
    height: 0;
    padding-bottom: 80%;
}
		.visual p { margin: 0; text-align: center; }

		.visual ul {
display: flex;
    justify-content: center;
    flex-flow: wrap;
    margin: 20px 0 0;
}
		.visual li { 
display: inline-block;
    width: 50%;
    padding: 10px 5px 0;
    box-sizing: border-box;
}
		.visualCopy1 {
    font-size: 30px;
    line-height: 1em;
    color: #003593;
    font-weight: 800;
    text-shadow: 0 0 10px #FFF, 0 0 10px #FFF, 0 0 10px #FFF, 0 0 10px #FFF;
    padding: 40px 0 0;
}
		.visualCopy2 {
    font-weight: 800;
    font-size: 24px;
    line-height: 1em;
    color: #0074C1;
    text-shadow: 0 0 10px #FFF, 0 0 10px #FFF, 0 0 10px #FFF, 0 0 10px #FFF;
    padding: 15px 0 0;
}

		.about { width: 100%; float: left; padding: 0 0 80px; text-align: center; }
		.about h2 { font-size: 24px; font-weight: 800; position: relative; margin: 40px 0 20px; }
.about h2:before {
content: '';
    position: absolute;
    left: 50%;
    bottom: -5px;
    display: inline-block;
    width: 80px;
    height: 5px;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    background-color: #0075C2;
}
		.about .btn { margin: 20px 0 0;}
		.about .btn a {background: #003694;
    color: #FFF;
    display: inline-block;
    width: 90%;
    line-height: 60px;
    border-radius: 4px;
    font-weight: bold;
}

		.about .wrap { }
		.about .wrap section { margin: 40px 0 0; }
		.about .wrap section p { }
		.about .wrap section p.btn { }

		.theme { width: 100%; float: left; padding: 0 0 80px; background: #E5F1F9; }
		.theme h3 { color: #003593; font-size: 24px; margin: 40px 0 0;}
		.theme h3 span { color: #7F7F7F; font-size: 16px; display: block;}

		.theme ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
		.theme li { margin: 10px 0 0; text-align: center; width: 100%; background: #FFF; }
		.theme li a { display: block; color: #000; line-height: 20px; padding: 10px; }

		.theme li a h4 {
font-size: 20px;
    line-height: 30px;
    color: #000;
    font-weight: 800;
    margin: 0 0 10px;
	position: relative;
}
		.theme li a h4:before {
content: '';
    position: absolute;
    left: 50%;
    bottom: -5px;
    display: inline-block;
    width: 40px;
    height: 5px;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    background-color: #0075C2;
}
		.corporate { width: 100%; float: left; padding: 0 0 40px; background: #EDEFF1; }
		.corporate h3 { color: #003593; font-size: 24px; margin: 40px 0 0;}
		.corporate h3 span { color: #7F7F7F; font-size: 16px; display: block;}
		.corporate ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
		.corporate li { margin: 10px 0 0; text-align: left; width: 100%; background: #FFF; padding: 10px; box-sizing: border-box; }
		.corporate li a { display: block; color: #000; line-height: 20px; position: relative; }
		.corporate li a h4 {
font-size: 20px;
    line-height: 25px;
    color: #000;
    font-weight: 800;
    margin: 0 0 20px;
	position: relative;
}
		.corporate li a h4:before {
content: '';
    position: absolute;
    left: 20px;
    bottom: -15px;
    display: inline-block;
    width: 40px;
    height: 5px;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    background-color: #0075C2;
}
		.corporate li a p {
z-index: 10;
    position: relative;
    background: #FFF;
    display: inline-block;
    padding: 10px 10px 0 0;
}

		.corporate li a img {
width: 70px;
position: absolute;
    right: 0;
    top: 0;
}



		.realestate { width: 100%; float: left; padding: 0 0 40px; }
		.realestate h3 { color: #003593; font-size: 24px; margin: 40px 0 0;}
		.realestate h3 span { color: #7F7F7F; font-size: 16px; display: block;}
		.realestate ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
		.realestate li { margin: 10px 0 0; text-align: left; width: 100%; background: #EDEFF1; padding: 10px; box-sizing: border-box; }
		.realestate li a { display: block; color: #000; line-height: 20px; position: relative; }
		.realestate li a h4 {
font-size: 20px;
    line-height: 25px;
    color: #000;
    font-weight: 800;
    margin: 0 0 20px;
	position: relative;
}
		.realestate li a h4:before {
content: '';
    position: absolute;
    left: 20px;
    bottom: -15px;
    display: inline-block;
    width: 40px;
    height: 5px;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    background-color: #0075C2;
}
		.realestate li a p {
z-index: 10;
    position: relative;
    background: #EDEFF1;
    display: inline-block;
    padding: 10px 10px 0 0;
}
		.realestate li a img {
width: 70px;
position: absolute;
    right: 0;
    top: 0;
}

		.news { width: 100%; float: left; padding: 0 0 80px; border-top: solid 5px #EDEFF1; }

		.news h3 { color: #003593; font-size: 24px; margin: 40px 0 0;}
		.news h3 span { color: #7F7F7F; font-size: 16px; display: block;}
		.news ul {border-top: solid 1px #EDEFF1; text-align: left; margin: 20px 0;}
		.news li { line-height: 25px; border-bottom: solid 1px #EDEFF1; padding: 10px; }
		.news li span {
background: #0075C2;
    color: #FFF;
    width: 100px;
    text-align: center;
    display: block;
    line-height: 25px;
    font-size: 14px;
    margin: 0 10px 0 0;
}
.news .btn a {
    background: #003694;
    color: #FFF;
    display: inline-block;
    width: 90%;
    line-height: 60px;
    border-radius: 4px;
    font-weight: bold;
}

		.profile { width: 100%; float: left; padding: 40px 0; border-top: solid 5px #EDEFF1; }
		.profile h3 { font-size: 14px; line-height: 20px; font-weight: 800; text-align: center; }
		.profile h4 { font-size: 24px; line-height: 30px; font-weight: 800; text-align: center; position: relative; margin: 0px 0 40px;}
		.profile h4:before {
content: '';
    position: absolute;
    left: 50%;
    bottom: -15px;
    display: inline-block;
    width: 80px;
    height: 5px;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    background-color: #0075C2;
}
		.profile .fl p { text-align: left;}
		.profile .fr p { display: none;}



		.books { width: 100%; float: left; padding: 0 0 40px; background: #EDEFF1; }

		.books h3 { color: #003593; font-size: 24px; margin: 40px 0 20px;}
		.books h3 span { color: #7F7F7F; font-size: 16px; display: block;}
		.books ul {
display: flex;
    width: 100%;
    float: left;
}
		.books li {
width: 120px;
    font-size: 12px;
    text-align: left;
    line-height: 20px;
    margin: 0 5px;
}
		.books p {
	width: 100%;
	text-align: left;
	float: right;
	font-size: 13px;
	line-height: 20px;
	margin: 20px 0 0;
}
		.books p img { float: left; margin: 0 20px 0 0; }

	}
@media only screen and (max-width: 320px) {

		.visualCopy1 {
    font-size: 25px;
    line-height: 1em;
    color: #003593;
    font-weight: 800;
    text-shadow: 0 0 10px #FFF, 0 0 10px #FFF, 0 0 10px #FFF, 0 0 10px #FFF;
    padding: 40px 0 0;
}
		.visualCopy2 {
    font-weight: 800;
    font-size: 20px;
    line-height: 1em;
    color: #0074C1;
    text-shadow: 0 0 10px #FFF, 0 0 10px #FFF, 0 0 10px #FFF, 0 0 10px #FFF;
    padding: 15px 0 0;
}

}