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

/*--- font ---*/
#index_text h2,
.note,
#index_text p {
	font-family: 'Amiri', 'Sawarabi Mincho', serif;
}

.l-main {
	padding-top: initial;
}

body:before {
  background-image: url(../images/sp_index_bg@2x.png);
}
.topVisual_image {
	
}

@media screen and (min-width: 768px) {
	body {
	    background: initial;
	}
	body:before {
		display: block;
		content: "";
	    margin: 0;
	    padding: 0;
	    position: fixed;
	    color: #000;
	    font-family: "Noto Sans JP", sans-serif;
	    background: url(../images/pc_index_bg@2x.png);
	    background-repeat: no-repeat;
	    background-size: cover;
	    background-position:center top;
	    box-sizing: border-box;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: -1;
	}
}
@media screen and (min-width: 1000px) {
	body {
	    background: initial;
	}
	 .l-main {
		padding: 0 0 0;
	 }
}
@media screen and (min-width: 1200px) {
	body {
	    background: initial;
	}
	 .l-main {
		padding: 0 0 0;
	 }
}
.index_header {
    height: auto;
}
.index_header h1 {
    color: #000;
    font-size: 12px;
    text-align: center;
    background: linear-gradient(to right, #c88d09 0%,#fff5e2 25%,#ffd67a 50%,#fff5e2 75%,#c88d09 100%);
}
.btn_area {
    margin: 120vw auto 0;
    text-align: center;
}
.btn_area .enter a {
    width: 200px;
    display: inline-block;
}
.btn_area .recruit a {
    width: 150px;
    display: inline-block;
    margin-top: 20px;
}
#link_area {
    padding: 10px;
}
#link_area ul li {
    margin-bottom: 10px;
}
#index_text {
    text-align: center;
    padding: 40px 10px 30px 10px;
}
#index_text p {
	color: #0B2959;
	font-size: 12px;
    line-height: 20px;
}
#index_text p a {
    color: #000;
}


.btn_area {
    margin: 120vw auto 0;
    text-align: center;
    padding: 20px;
    background: linear-gradient(rgba(0, 0, 0, 0), rgb(255 255 255 / 90%));
}

#index_text {
    text-align: center;
    padding: 40px 10px 30px 10px;
    background: hwb(0deg 100% 0% / 90%);
}

#link_area {
    padding: 10px;
    background: hwb(0deg 100% 0% / 90%);
}

/*index_pc*/

@media screen and (min-width: 768px) {
    .btn_area {
        margin: 500px auto 0;
    }
    .btn_area .enter a {
        width: 302px;
    }

    .btn_area .recruit a {
        width: 226px;
    }

    #link_area ul li {
        margin-right: 10px;
    }

    #link_area ul li:last-of-type {
        margin-right: 0;
    }
    #index_text p {
        font-size: 14px;
        line-height: 20px;
    }
}
@media screen and (min-width: 1000px) {
}
@media screen and (min-width: 1200px) {
    .btn_area {
        margin: 600px auto 0;
    }
}

.l-footer {
	padding: 0;
}
.l-footer .copyright {
	background-color: #003172;
}

.btn_area_02 {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 15px;
}


.btn_area_02 .sister a {
    width: 200px;
    display: inline-block;
}


.btn_area_02 h2 {
    font-family: 'Amiri', 'Sawarabi Mincho', serif;
}

@media screen and (min-width: 768px) {
    .btn_area_02 .sister a {
        width: 328px;
    }
}