@charset "utf-8";

/* ======================= SP版 ======================= */
html {
height: 100%;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
font-size: 62.5%;
}
body {
margin: 0px;
padding: 0;
border: 0;
height: 100%;
background: #ffffff;
color: #404040;
font-family: "メイリオ", Meiryo, Osaka,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 12px;
}
body > div,
ul.linelist li {
font-size: 12px;
}

/* Letters */
div,p,li,dt,dd,th,td {
word-wrap: break-word;
}

small,i,var {
font-style: normal;
font-weight: 400;
font-size: 100%;
}
small {
font-size: 80%;
}

h1, h2, h3, h4, h5, h6, p, li, dl, dt, dd {
margin: 0;
padding: 0;
}

/* .container-wrap */
.content-wrap {
margin: 0 auto;
max-width: 640px;
background: #fff;
z-index:-10;
}

img {
    max-width: 100%;
    height: auto;
}


#contents {
	background: #fff;
	font-size: 14px;
	padding-bottom:0px;
}


.main-content h2{
	padding-top:10px;
	
	
	}
	
	
.btn-entry{
	text-align:center;
	padding:1% 0 1% 0;
}


/* .join */

.join-box {
	text-align:center;
	}


.cnt-join{
	width:90%;
	margin:0 auto;
	padding:5% 5% 3%;
	background-size:100%;
	border-bottom:3px dashed #0060b0;
	}


.cnt-join h1{
	display:block;
	color:#FFFFFF;
	font-size:160%;
	background:#0060b0;
	padding:0.7% 0;
	
	
	}

.scnt-join{
	width:100%;
	margin:0 auto;
	margin-top:3%;
	}
	

h2.tt-join{
	width:55%;
	height:36px;
	left:16px;
	background:#b3dcff;
	position:relative;
	color:#003f73;
	z-index:1;
	
	}

	
h2.tt-join:before,
h2.tt-join:after{
	content:" ";
	position:absolute;
	width: 0px;
 height: 0px;
 top:-15px;
 border:15px solid transparent;
 border-bottom: 36px solid #b3dcff;
 z-index:-1;
	}
h2.tt-join:before{
	left:-15px;
	}
h2.tt-join:after{
	right:-15px;
	}
.img-join{
	border:3px solid #0060b0;
	box-sizing:border-box;
	margin-bottom:2%;
	}

.scnt-join span{
	font-size:12px;
	
	}

.img02-join{
	display:block;
	margin:auto;
	padding-bottom:1%;
	}

.link-box{
	margin-top:2%;
	padding-top:3%;
	text-align:center;
	}

.link-box img{
	padding-bottom:3%;
	}


/* .red message */

.red-message{
	padding:3% 3% 0;
	margin-bottom:2%;
	text-align:center;
	color:#ff0000;
	font-size:16px;
	font-weight:bold;
	}



/* QR */
.app-content{
	background-color:#ffffd2;
	padding-bottom:20px;
	width:90%;
	margin:3% auto;
	text-align:center;
	border-radius:10px
	
}

.app-content h2{
 padding-top:20px;
 text-align:center;
}

.app-content ul{
	text-align:center;
}

.app-content li{
list-style-type:none;
display:inline-block;
padding-right:40px;

}

.app-txt,.join-txt{
	text-align:center;
	font-weight:bold;
}

.txt-link{
color:#ff7733;
text-decoration:none;

}


.txt-link:hover{
 color:#00E1FF;
}


/* .message */

.message-content{
	background-color:#fff;
	max-width:570px;
	margin:0 auto;
	padding:20px 20px 10px 20px;
	text-align:left;
	position:relative;
	font-size:13px;
	
}

.message-content h1{
	text-align:center;
	font-size:120%;
	display:block;
	color:#003f73;
	padding:2%;
	border:4px solid #b3dcff;
	margin-bottom:5%;
	}

.message-sub{
	width:95%;
	position:relative;
	}
	

.message-sub span{
	font-size:75%;
	padding-left:5%;
	padding-right:5%;
	line-height:30px;
	letter-spasing:5px;
	color:#003f73;
	border-right:5px solid #003f73;
	border-left:5px solid #003f73;
	}


.message{
	margin-bottom:5%;
	}


.message ul{
 padding:0;
}

.message li{
	padding-left: 1em; /*1em（1文字）分、右に動かす*/
    text-indent: -1em; /*最初の行だけ1em（1文字）分、左に動かす*/
	padding-bottom:5px;
	list-style-type:none;
}

.message p{
	padding-bottom:5px;
	
	}

.strong-red{
	font-weight:bold;
	color:#FF0000;
}

.strong_b{
	font-weight:bold;
	
	}


.date{
	font-size:120%;
	font-weight:bold;
	padding-top:0;
	padding-left: 1em; /*1em（1文字）分、右に動かす*/
	}
	
.txt_01{
	font-size:12px;
	}
	
	
.inner-list{
 padding-left:30px;

}


/* message02 table */

.message-content02{
	text-align:center;
	
	}


.message-tb{
	max-width:80%;

	margin:5% auto 2%;
	text-align:center;
	position:relative;
	font-size:13px;
	border:2px solid #FFD929;
	border-radius:10px;
	padding-bottom:2%;
}
	
.r1{
	font-size:15px;
	font-weight:bold;
	border-bottom:4px solid #FFD929;
	padding:2% 0;
	border-radius:10px 10px 0 0;
	background-color:#ffffc5;
	}

.r2{
width:80%;
padding:5% 0;
text-align:center;
margin:0 auto;
	}
	
.r2 img{
	width:100%;
	
	}
	


.r3 {
	text-align:left;
	padding:0 10%;
	padding-top:2%;
	
	}
	.r3 h3{
    font-size:110%;
	font-weight:bold;
		
		}
	.h3 span{
		font-size:12px;
		}
	
	
.r4{
	text-align:left;
	padding:2% 10% 0;
	font-size:12px;
	font-weight:normal;
	}

.r4-02{
	text-align:left;
	padding:0 10% 5%;
	font-size:12px;
	font-weight:normal;
	}


.r5{
	display:block;
	font-weight:bold;
	font-size:14px;
	}

.contact{
	max-width:80%;

	margin:30px auto;
	padding:1%;
	border-radius:20px;
	position:relative;
	text-align:left;
	}
.contact p{
	font-size:13px;
	font-weight:bold;
	
	}
.contact li{
	font-size:12px;

	}
	
.entry-fin-text {
	color: red;
	font-size: 14px;
	text-align: center;
}
	
	
/* footer */
.pagetop {
 padding: 5px 20px;
 text-align: center;
}
.pagetop a {
 position: relative;
 display: inline-block;
 padding: 0 12px;
 background-color: #b3dcff;
 font-size: 12px;
 line-height: 40px;
 color: #002d5c;
 margin-bottom:-5px;
 text-decoration: none;
}
.pagetop a:hover {
 opacity: 0.6;
}
.pagetop a:before,
.pagetop a:after {
 position: absolute;
 content: "";
 width: 0px;
 height: 0px;
 top: -16px;
 border: 16px solid transparent;
 border-bottom: 40px solid #b3dcff;
}
.pagetop a:before {
 left: -16px;
}
.pagetop a:after {
 right: -16px;
}
.lp-footer {
padding: 20px 0;
background-color:#0060b0;
}
.lp-footer p {
color: #FFFFFF;
font-size: 10px;
text-align: center;
}
.lp-footer p small {
font-size: 10px;
}
.lp-footer p span {
padding: 0 0.3em 0 0;
}

@media screen and (max-width: 500px) {
	/* 500px以下*/
.long-txt{
	font-size:122%;
	padding-left:1.5%;
	line-height:40px;
	letter-spasing:5px;
	color:#002D5c;}


h2.tt-join{
	width:55%;
	height:25px;
	left:16px;
	background:#b3dcff;
	position:relative;
	color:#003f73;
	box-sizing:border-box;
	z-index:1;
	
	}

	
h2.tt-join:before,
h2.tt-join:after{
	content:" ";
	position:absolute;
	width: 0px;
 height: 0px;
 top:-15px;
 border:15px solid transparent;
 border-bottom:25px solid #b3dcff;
 z-index:-1;
	}
h2.tt-join:before{
	left:-15px;
	}
h2.tt-join:after{
	right:-15px;
	}
h2.tt-join img{
	width:90%;
position:absolute;
left:5%;
top:2px;
	}
	
	
.message-content h1{
	text-align:center;
	font-size:98%;
	display:block;
	color:#003f73;
	padding:1%;
	border:4px solid #b3dcff;
	margin-bottom:5%;
	}
	
	
	
}