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

html,body {
	color: #4c3326;
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	font-size: 14px;
	line-height: 1.6;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	word-wrap: break-word;
	word-break: normal;
	width: 100%;
	height: 100%;
	_display: inline;
	_zoom: 1;
	-webkit-text-size-adjust: none;
	margin:0;
	padding:0;
}
a {
	color: #000;
	text-decoration: none;
}
img {
	max-width: 100%;
	height:auto;
	border: none;
	vertical-align: middle;
}

/**************************************************************************************************/


#header{
	background-image:url(../images/mv_bg_left.png), url(../images/mv_bg_right.png);
	background-size: auto, auto;
	background-position:left top, right top;
	background-repeat:no-repeat, no-repeat;
	background-color:#fdeddb;
}
#header h1{
	width:1000px;
	height:420px;
	margin:0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
#header h1 img{
	width:auto;
	height:auto;
}

@media only screen and (max-width: 600px) {
#header{
	background-size: 20%, 20%;
}
#header h1{
	width:90%;
	height:auto;
	padding:20px 0;
}
#header h1 img{
	width:100%;
	height:auto;
}
}


/**************************************************************************************************/

#container{
	width:1000px;
	margin:0 auto 100px;
	box-sizing:border-box;
}
#container #main{
	margin-top:100px;
}
#container #main .txt{
	font-size:1.2em;
	text-align:center;
}
#container #main .app{
	margin-top:50px;
}
#container #main .app .btn{
	width:600px;
	margin:auto;
	padding:10px;
	border-radius:50px;
	background-color:#d94141;
	text-align:center;
	box-sizing:border-box;
}
#container #main .app .btn a{
	font-size:2.2em;
	color:#FFF;
	font-weight:bold;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
#container #main .app .note{
	margin-top:10px;
	text-align:center;
	font-size:0.8em;
}
#container #main .deadline{
	margin-top:50px;
}
#container #main .deadline p{
	font-size:1.6em;
	font-weight:bold;
	text-align:center;
	margin:1em 0 0;
}
#container #main .deadline p span{
	color:#f26924;
}
#container #main .deadline p.note{
	font-size:1em;
	font-weight:normal;
}
#container #main .deadline p br.pc{
	display: block;
}


#footer{
	margin-top:100px;
	padding:50px 0;
	background-color:#ccc2b8;
}
#footer .contact{
	margin:20px auto 0;
	padding:40px;
	background-color:#f7f4f0;
	width:1000px;
	font-size:1.2em;
	text-align:center;
	box-sizing:border-box;
}
#footer .contact .size_m{
	font-size:1.2em;
	font-weight:bold;
}
#footer .contact .size_l{
	font-size:2em;
	font-weight:bold;
}

@media only screen and (max-width: 600px) {
#container{
	width:100%;
	margin:0 auto 40px;
	padding:0 10px;
}
#container #main{
	margin-top:40px;
}
#container #main .txt{
	font-size:1em;
	text-align:left;
}
#container #main .app{
	margin-top:30px;
}
#container #main .app .btn{
	width:90%;
	padding:8px;
}
#container #main .app .btn a{
	font-size:1.2em;
}
#container #main .app .note{
}
#container #main .deadline{
	margin-top:30px;
}
#container #main .deadline p{
	font-size:1em;
}
#container #main .deadline p span{
	font-size:1.1em;
}
#container #main .deadline p.note{
	font-size:0.9em;
	text-align:left
}
#container #main .deadline p br.pc{
	display:none;
}

#footer{
	margin-top:40px;
	padding:20px 0;
}
#footer .contact{
	margin:10px auto 0;
	padding:20px;
	width:90%;
	font-size:1em;
	text-align:left;
}
#footer .contact .size_m{
	font-size:1em;
}
#footer .contact .size_l{
	font-size:1.4em;
}


}