@charset "utf-8";




@media screen and (max-width:799px) {
    /*SP-Tablet*/
}
@media screen and (max-width:479px) {
	/*SP*/
	.top_image{
		margin-bottom:5rem;
		width: 100%;
	}
}



/*--------------------------------------------
    Yotsugashira
--------------------------------------------*/
#yotsugashira{
}

@media screen and (max-width:799px) {
    /*SP-Tablet*/
}
@media screen and (max-width:479px) {
    /*SP*/
}


/*--------------------------------------------
    Main
--------------------------------------------*/
#main .main_wrap{
	background:url(../img/bg_main.jpg);
	background-size:cover;
	background-position:center left;
}
#main .gradient{
	/* background: linear-gradient(to right,#fff, #88bcff 60%, #2e71b7); */
}
#main #title {
    fill: #fff;
    filter: drop-shadow(0px 0px 10px #743e00);
}
h1{
	width: 10%;
    margin-left: 83%;
    margin-right: 7%;
}
.stop{
    background: #fff;
    padding: 5rem;
    border: 6px solid #90B721;
    margin-top: 20rem;
}

@media screen and (max-width:799px) {
    /*SP-Tablet*/
}
@media screen and (max-width:479px) {
	/*SP*/
	#main .main_wrap{
		background:url(../img/bg_main_s.jpg);
		background-size:cover;
		background-position:center;
	}
	#main .vertical{
		line-height: 2;
	}
	#main h1{
		width:40%;
		margin: auto;
		padding: 5rem 0;
		color:#fff;
		text-shadow: 0 0 10px rgba(0,0,0,1);
	}
	#main h1 .small {
		margin-top: 0;
    }
    .stop{
        width:95%;
        margin-left:2.5%;
        padding:2rem;
    }
    .stop h2{
        width:95%;
        margin-left:2.5%;
        padding:2rem;
    }
}

/*--------------------------------------------
    Outline
--------------------------------------------*/
#outline{
	margin-top: 20rem;
	margin-bottom: 20rem;
}
#outline .date{
	text-align: center;
    margin-top: 7rem;
    margin-bottom: 7rem;
	font-size: 2.4rem;
	letter-spacing: 0.2rem;
}
#outline .date p{
	border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    display: inline-block;
    padding: 0.5rem 2rem;
}
#outline .list{
	border: 1px solid #999;
	padding: 0 5rem 5rem;
	margin-top:12rem;
}
#outline .list dt{
	font-weight:bold;
	width:15%;
	margin-bottom:1.6rem;
}
#outline .list dd{
	width:85%;
	margin-bottom:1.6rem;
}
#outline .list .caption{
	font-size:1.2rem;
	text-align:right;
}
#outline .summary{
	margin-top:10rem;
}
#outline .summary .flex,
#outline .feature .flex{
	justify-content: space-between;
	align-items: flex-start;
}
#outline .summary img{
	width:48%;
	margin:5rem 0;
}
#outline .feature{
	margin-top:10rem;
}
#outline .feature .text{
	width:60%;
}
#outline .feature img{
	width:35%;
}

@media screen and (max-width:799px) {
    /*SP-Tablet*/
}
@media screen and (max-width:479px) {
	/*SP*/
	#outline .list{
		padding: 0 5% 5%;
		margin-top:12rem;
	}
	#outline .list dt{
		width:25%;
	}
	#outline .list dd{
		width:75%;
	}
	#outline .summary img{
		width:80%;
		margin-left:10%;
	}
	#outline .feature .text{
		width:100%;
	}
	#outline .feature img{
		width:80%;
		margin-left:10%;
	}
}

/*--------------------------------------------
    Apply
--------------------------------------------*/
#apply{
	background:#FCFAFA;
	padding: 10rem 0;
	text-align:center;
}
#apply li{
	font-size:2rem;
	margin-bottom:1rem;
}
#apply li span{
	font-size: 1.4rem;
    vertical-align: middle;
    display: inline-block;
    padding: 0rem 1rem;
    background: #90B721;
    color: #fff;
    border-radius: 5px;
    margin: 0 1rem 0.6rem;
}

@media screen and (max-width:799px) {
    /*SP-Tablet*/
}
@media screen and (max-width:479px) {
	/*SP*/	
}