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

#loader-bg {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #41220F;
	z-index: 10001;
}
#loader {
	text-align: center;
	color: #fff;
	z-index: 10002;
	margin-left: auto;
	margin-right: auto;
	max-width: 980px;
}
.z100 {
	z-index: 10000;
}

.allow {
	text-align: center;
	padding-top: 0px;
	margin-top: -7px;
	margin-left: auto;
	margin-right: auto;
	z-index: 100;
	position: absolute;
	left: 0px;
	right: 0px;
/*	bottom: -18px;
	z-index: 1;*/

}
.allow img {
	text-align: center;
	left: 0px;
	right: 0px;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
/*	position: absolute;
	left: 0px;
	right: 0px;
	margin: auto;
	bottom: -50px;
	z-index: 100;*/

}
.img-title {

}

.img-title img {
	left: 0px;
	right: 0px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: 60px;
}


.contents-gre-top {
	background-color: #E8EAE6;
}
.cont-top div:nth-child(2) {
	margin-bottom: 30px;
}



#wrap .contents-gre {
	background-color: #E8EAE6;
	position: relative;
	z-index: 10;
}
#wrap .contents-wh {
	position: relative;
}


.cont-nomal {
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
}
.cont {
	padding-top: 80px;
	padding-bottom: 80px;
	max-width: 650px;
	margin-left: auto;
	margin-right: auto;
	overflow-x: hidden;
	overflow-y: hidden;
}
.cont-top {
	max-width: 514px;
	margin-left: auto;
	margin-right: auto;
	padding: 80px 20px;
}

.cont-top p {
	margin-bottom: 30px;
}





#pcmenu {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
#pcmenu ul {
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	padding-top: 20px;
	padding-bottom: 20px;
}
#pcmenu ul li {
	width: 25%;
	padding: 20px 5%;
}
#pcmenu ul li:nth-child(1) ,#pcmenu ul li:nth-child(2),#pcmenu ul li:nth-child(3){
	border-right: 1px solid rgba(130,130,130,1.00);
}

#pcmenu ul li img {
	max-width: 119px;
	max-height: 38px;
}
#pro,#prou {
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	align-items: baseline;
	margin-bottom: 20px;
}
#pro2 {
	margin-bottom: -50px;
	padding-top: 50px;
}

#pro div,#prou div {
	width: 48%;
	text-align: center;
}
.wrap-pro {
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
}
.wrap-pro2 {
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
}
.contents-gre .cont .wrap-pro.under80,.contents-gre .cont .wrap-pro2.under80 {
	margin-bottom: 50px;
}

.wrap-pro div:nth-child(1),.wrap-pro2 div:nth-child(1)  {
	width: 30%;
}
.wrap-pro div:nth-child(2),.wrap-pro2 div:nth-child(2) {
	width: 60%;
}
.wrap-pro div:nth-child(2) p.p-title,.wrap-pro2 div:nth-child(2) p.p-title {
	font-weight: bold;
	margin-bottom: 15px;
}
.wrap-pro div:nth-child(2) p,.wrap-pro2 div:nth-child(2) p {
	line-height: 1.6em;
	margin-bottom: 20px;
}
.wrap-pro div .pro-zu,.wrap-pro2 div .pro-zu {
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: 18px;

}

div .p-button {
	text-align: center;
}
div .p-button a {
	display: block;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	background-color: #B79DC7;
	text-decoration: none;
	padding-bottom: 10px;
	color: #FFFFFF;
	border-radius: 37px;
}
div .p-button.style a {
	display: block;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	background-color: #8ABEB5;
	text-decoration: none;
	padding-bottom: 10px;
	border-radius: 37px;
	color: #FFFFFF;
}

.cont-nomal .swiper-container .swiper-wrapper .swiper-slide img {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.swiper-wrapper .swiper-slide img {
	width: 390px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
#last {
	padding-bottom: 0px;
}

#last .cont {
	padding-bottom: 0px;
	margin-bottom: 0px;
}
#footer .cont {
	max-width: 980px;
	background-image: url(../img/foot.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	height: 555px;
	margin: 0px auto;
}
#footer-corp {
	text-align: center;
	position: absolute;
	left: 0px;
	right: 0px;
	margin-left: auto;
	margin-right: auto;
	top: 85%;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	width: 559px;
    
}
#footer-corp div:nth-child(1) {
	width: 40%;
}
#footer-corp div:nth-child(2) {
	margin-top: 6px;

}
#footer-corp div:nth-child(2) p {
	font-size: 0.8em;
}





#footer {
	background-color: #E8EAE6;
	position: relative;
	height: 555px;
}
#footer p {
	color: rgba(255,255,255,1.00);
}
#footer-share   {
	text-align: center;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0px;
	right: 0px;
	top: 54%;
}
#footer-sns   {
	text-align: center;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	margin-left: auto;
	margin-right: auto;
	top: 65%;
	position: absolute;
	left: 0px;
	right: 0px;
	width: 360px;
}


#footer-share  {
}
#allowyellow {
	position: absolute;
	z-index: 1000;
	margin-left: auto;
	margin-right: auto;
	width: 53px;
	left: 0;
	right: 0;
	margin-right: auto;
	margin-left: auto;
	margin-top: -64px;
}



@media screen and (min-width:500px){
    .cont-nomal .swiper-container .swiper-wrapper .swiper-slide img.only-sp {
    display: none;
}
}

@media screen and (max-width:1000px){
#footer {
	background-color: #E8EAE6;
	position: relative;
	height: auto;
}

}

@media screen and (max-width:980px){
#footer .cont {
	max-width: 980px;
	background-image: url(../img/foot.png);
	background-repeat: no-repeat;
	height: auto;
	padding-bottom: 49%;
	background-size: cover;
	background-position: center center;
}
#footer-sns {
	text-align: center;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	margin-left: auto;
	margin-right: auto;
	top: 61%;
	position: absolute;
	left: 0px;
	right: 0px;
	width: 37%;
}
#footer-sns div {
	width: 23%;
}



}






@media screen and (max-width:500px){
    .cont-nomal .swiper-container .swiper-wrapper .swiper-slide img.only-pc {
        display: none;
    }
#pcmenu {
	display: none;
}
.cont-top {
	max-width: 514px;
	margin-left: auto;
	margin-right: auto;
	padding: 10% 20px;
}
.img-title img {
	left: 0px;
	right: 0px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: 60px;
}
.wrap-pro {
	display: -webkit-flex; /* Safari */
	display: block;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
}
.wrap-pro div:nth-child(1) {
	width: 30%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.wrap-pro div:nth-child(2) {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}
#pro {
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	align-items: baseline;
	padding-left: 20px;
	padding-right: 20px;
}
#footer-corp div:nth-child(1) {
	text-align: center;
	left: 0px;
	right: 0px;
	width: 195px;
	margin-left: auto;
	margin-right: auto;
}
#footer-corp div:nth-child(2) {
	margin-top: 6px;
	width: 72%;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.7em;

}
#footer-corp {
	text-align: center;
	position: absolute;
	left: 0px;
	right: 0px;
	margin-left: auto;
	margin-right: auto;
	top: 81%;
	display: -webkit-flex; /* Safari */
	display: block;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	width: 100%;
    
}
#footer-share {
	text-align: center;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0px;
	right: 0px;
	top: 49%;
}
.wrap-pro2 {
	display: -webkit-flex; /* Safari */
	display: block;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	padding-left: 20px;
	padding-right: 20px;
}
.wrap-pro2 div:nth-child(1) {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}
.wrap-pro2 div:nth-child(2) {
	width: 72%;
	margin-left: auto;
	margin-right: auto;
}
.p-button .p-button.style a,.p-button .p-button a {
	font-size: 0.8em;
}
div .p-button a {
	font-size: 0.8em;
}
.cont-top div:nth-child(2) {
	margin-bottom: 30px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}


















}