@charset "UTF-8";

/* --- top --- */

.inner {
	width: 100%;
	overflow: hidden;
}

/* --- header --- */

header {
	padding: 20px 0;
	background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, #0F62AB), to(#2E3488));
	background-image: linear-gradient(-90deg, #0F62AB 50%, #2E3488 100%);
}

header .haeder_inner {
	width: 920px;
	margin: 0 auto;
}

header .haeder_inner h1 {
	width: 855px;
}

/* --- メインビジュアル --- */

.mainImg::before {
	content:"";
	position:fixed;
    top:0;
    left:0;
    z-index:-1;
    width:100%;
	background: url(../../images/top/mainimg.png) no-repeat;
	height: 850px;
	background-size: cover;
	background-position: center;
}

.mainImg {
	height: 650px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.textSet {
	color: #fff;
}

.textSet h1 {
	font-size: 4.7rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 50px;
}

.textSet h1 span {
	font-size: 5.6rem;
}

.textSet h2 {
	font-size: 3.5rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 15px;
}

.textSet p {
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
}

.introArea {
	width: 100%;
	padding: 80px 0;
	background: #FFF;
	margin-bottom: 0;
}

.introContents {
	width: 920px;
	margin: 0 auto;
}

.introArea h2 {
	font-size: 2.4rem;
	margin-bottom: 20px;
}

.introArea .text {
	margin-bottom: 15px;
}

.introArea .name {
	text-align: right;
	font-weight: bold;
	margin-right: 130px;
}

.aboutArea {
	width: 100%;
	background: #EBEBF7;
	padding: 80px 0;
	margin-bottom: 0;
}

.aboutArea .aboutContents {
	width: 920px;
	margin: 0 auto 60px;
}

.aboutArea .aboutContents:last-of-type {
	margin: 0 auto;
}

.aboutArea .aboutContents h2 {
	font-size: 2.4rem;
	font-weight: bold;
	position: relative;
	padding-left: 35px;
	margin-bottom: 25px;
}

.aboutArea .aboutContents h2::before {
	position: absolute;
	top: 2px;
	left: 0;
	margin-right: 0 12px 0 0;
	content: '';
	display: inline-block;
	width: 25px;
	height: 25px;
	background: #2E3488;
	border-radius: 50%;
	vertical-align: middle;
}

.aboutArea .aboutContents .text {
	margin-bottom: 40px;
}

.aboutArea .aboutContents h3 {
	font-weight: bold;
	font-size: 1.8rem;
	margin-bottom: 20px;
}

.aboutArea .aboutContents span {
	font-size: 1.6rem;
}

.aboutArea .aboutContents .arrow a {
	padding: 15px;
	width: 200px;
	display: block;
	border-radius: 60px;
	border: 1px solid #2E3488;
	text-align: center;
}

.aboutArea .aboutContents .arrow a:hover {
	color: #fff;
	background: #2E3488;
	opacity: 1;
}

.bnrArea {
	width: 100%;
	background: #EBEBF7;
	padding: 80px 0;
	margin-bottom: 0;
}

.bnrArea ul {
	width: 920px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

.bnrArea ul li {
	width: 340px;
}

.bnrArea ul li:first-of-type {
	margin-right: 30px;
}

.mapArea {
	margin: 0;
}

.mapArea iframe {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

.top_news_wrap {
	padding: 80px 0;
	background: #fff;
	margin-bottom: 0;
}

.top_news {
	width: 920px;
	margin: 0 auto;
}




/* --- footer --- */

footer {
	padding: 80px 0;
	background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, #0F62AB), to(#2E3488));
	background-image: linear-gradient(-90deg, #0F62AB 50%, #2E3488 100%);
}

.footer_inner {
	width: 920px;
	margin: auto;
	color: #fff;
}

.footer_inner h1 {
	width: 215px;
	margin-bottom: 35px;
}

.footer_inner h2 {
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 35px;
}

.footer_inner h2 span {
	font-size: 1.6rem;
	font-weight: bold;
}

.footer_inner .address {
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 1;
}
.footer_inner .address::before {
	content: url(../../images/map_icon.png);
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
	display: inline-block;
	vertical-align: middle;
}

.footer_inner .contactSet {
	display: flex;
	align-items: center;
}

.footer_inner .contactSet .tel {
margin-right: 20px;
}

.footer_inner .tel::before {
	content: url(../img/tel_icon.png);
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
	display: inline-block;
	vertical-align: middle;
}

.footer_inner .mail::before {
	content: url(../img/mail_icon.png);
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
	display: inline-block;
	vertical-align: middle;
}



/*== sp ==*/

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

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

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

@media (max-width: 767px) {
	/* --- header --- */

header {
	padding: 10px 0;
}

header .haeder_inner {
	width: 90%;
	text-align: center;
}

header .haeder_inner h1 {
	width: 100%;
	color: #fff;
	line-height: 1.6rem;
}

header .haeder_inner h1 img {
	width: 50%;
	margin-bottom: 10px;
}

/* --- メインビジュアル --- */

.mainImg::before {
	content:"";
	position:fixed;
    top:0;
    left:0;
    z-index:-1;
    width:100vw;
	background: url(../../images/top/mainimg.png) no-repeat;
	background-position: top center;
	height: 500px;
	background-size: cover;
}

.mainImg {
	width: 90%;
	height: 300px;
	margin: 0 auto;
	align-items: flex-start;
	padding-top: 30px;
}

.textSet {
	color: #fff;
}

.textSet h1 {
	font-size: 2.8rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 50px;
	line-height: 4rem;
}

.textSet h1 span {
	font-size: 3rem;
	display: block;
}

.textSet h2 {
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 15px;
}

.textSet p {
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
}

.introArea {
	width: 100%;
	padding: 40px 0 80px;
	margin-bottom: 0;
}

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

.introArea .name {
	font-size: 1.4rem;
}

.introArea h2 {
	font-size: 2.4rem;
	margin-bottom: 20px;
}

.aboutArea {
	width: 100%;
	background: #EBEBF7;
	padding: 40px 0;
	margin-bottom: 0;
}

.aboutArea .aboutContents {
	width: 90%;
	margin: 0 auto 30px;
}

.bnrArea {
    padding: 40px 0;
}
.bnrArea ul {
	width: 90%;
	display: block;
}

.bnrArea ul li {
	width: 100%;
}

.bnrArea ul li:first-of-type {
	margin-right: 0;
	margin-bottom: 10px;
}

.mapArea {
	margin: 0;
}

.mapArea iframe {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

.top_news_wrap {
	padding: 80px 0;
	background: #fff;
	margin-bottom: 0;
}

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

/* --- footer --- */

footer {
	padding: 80px 0;
	background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, #0F62AB), to(#2E3488));
	background-image: linear-gradient(-90deg, #0F62AB 50%, #2E3488 100%);
}

.footer_inner {
	width: 90%;
	margin: auto;
	color: #fff;
}

.footer_inner h1 {
	width: 215px;
	margin-bottom: 35px;
}

.footer_inner h2 {
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 35px;
}

.footer_inner h2 span {
	font-size: 1.6rem;
	font-weight: bold;
}

.footer_inner .address {
	margin-bottom: 15px;
	padding-bottom: 0;
	line-height: 1;
}
.footer_inner .contactSet {
	display: block;
}

.footer_inner .contactSet .tel {
margin-right: 0;
}
	/* --- footer --- */
}