@charset "utf-8";

#Contents-flex h2 {
	background:url(../common/images/title/h2_guideline_bg.gif) no-repeat bottom left;
	height: 58px;
	font-family:'Lucida Grande', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	padding-left: 54px;
	padding-top: 1px;
	font-size: 174%;
	font-weight:normal;
}

.entry {
	margin:0 4px 0 18px;
}

.entry p.lead { line-height:180%; }
.entry p.lead strong,
.entry p.lead span { color:#C94803; }
.entry .red { color:#CC0000; }

h3 {
	color:#15807A;
	background:url(../common/images/title/h3_bg_02.gif) no-repeat bottom left;
	padding:0 0 8px 23px;
	margin:10px 0;
}

h3.pp {
	color:#15807A;
	background:url(../common/images/title/h3_bg_04.gif) no-repeat bottom left;
	padding:0 0 8px 5px;
	margin:10px 0;
}

h3.pp span.h3sub { font-size: 80%; }

p.lead {
	margin:0 10px 25px 10px;
}

p.lead02 {
	margin:0 10px 15px 10px;
	line-height: 165%;
}

ul.pagelink {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	justify-content: space-between;
	padding:10px 5px 15px 15px;
	margin:15px 0 20px 0;
	overflow:hidden;
	_zoom:1;
}

ul.pagelink li {
	width:47.5%;
	line-height:180%;
	padding:1em 0.5em;
	margin-bottom:-1px;
	text-align: center;
	border:1px solid #D2ECBF;
}

ul.pagelink li:nth-child(1) {
	border-right:none;
}

ul.pagelink li:nth-child(3) {
	border-right:none;
	border-top:none;
}

ul.pagelink li:nth-child(4) {
	border-top:none;
}

ul.pagelink li.now {
	background:rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #D2ECBF 0%) repeat scroll 0 0;
	border-bottom:none;
}

/*ul.pagelink {
	background:#D2ECBF;
	padding:10px 5px 15px 15px;
	margin:15px 0 20px 0;
	overflow:hidden;
	_zoom:1;
}

ul.pagelink li {
	line-height:180%;
	background:url(../common/images/icon/icon_arrow_05.gif) no-repeat 0 12px;
	padding-left:12px;
}*/

ul.list {
	line-height:160%;
	margin:0 10px 20px 10px;
}

ul.list li {
	text-indent:-1.25em;
	margin:0 0 10px 1em;
}

ul.list li.kakko {
	text-indent:-2em;
	margin:0 0 10px 2em;
}

.contact {
	line-height:180%;
	border:1px solid #44A090;
	padding:10px;
}

.contact span,
span.green { color:#15807A !important;  }

.guidance {
	font-size:85%;
	color:#666;
	border:1px solid #44A090;
	padding:10px;
	margin-bottom:20px;
	overflow:hidden;
	_zoom:1;
}

.sign {
    text-align: right;
    margin-top: -0.5em;
    margin-bottom: 2em;
}

table.sign-table {
    margin: -0.5em 0 0.5em auto;
}

table.sign-table th {
    font-weight: normal;
}

table.sign-table td {
    text-align: right;
}

/*-- Pマーク追加 --*/

.pmark {
/*	width:60%;*/
	margin:1em auto;
	text-align: center;
}

.pmark a {display: block;text-align: center;}

.pmark img {margin-bottom:1em; }
.pmark .psummary { text-align:left; margin-bottom:3em; display: inline-block; }

/*-- 約款変更案内　ポップアップリンク --*/

a.btn_renew {
	display: block;
	float:right;
	padding:0.5em 1em;
	border:2px solid #15807A;
}

a.btn_renew:hover {
	background:#D4F0E6;
	text-decoration:none;
}

.clear { clear:both; }


/*-- 特定商取引に関する法律に基づく表示 --*/

.summaryBox {background:url(../common/images/line/line_dot_04.gif) no-repeat top; margin-top:2em; padding:4px 0 0 0; }
dl.summary {
	
	display: flex;
	justify-content: space-between;
	font-size:100%;
	line-height:160%;
	width:98%;
}

dl.summary dt {
	color:#2C681A;
	background:#E2F3D6;
	padding:10px;
	border-bottom:1px solid #FFF;
	width:22%;
}

dl.summary dd {
	padding:10px;
	background:#FFF;
	border-bottom:1px solid #BAE19D;
	width:78%;
}

p.itemtxt {text-indent: -1em; margin-left:1em; font-size:100%;}
p.itemtxt02 {text-indent: -1.5em; margin-left:1.5em; font-size:100%;}

/*-----------------------------------------------------	*/
/*	for - 639px					*/
/*-----------------------------------------------------	*/

@media screen and (min-width: 640px) {

	.SP { display:none; }

}

@media screen and (max-width: 639px) {

	.PC { display:none; }

	#Contents-flex h2 {
	padding-left: 45px;
	font-size:125% !important;
	}
	
	#Contents-flex h2.sp-kakko{ padding-left: 40px; }
	
	.entry {
	margin:0 5px;
	}

	h3,
	ul.list li {
	font-size:90%;
	}
	
	p.lead {
	margin:0 0 25px 5px;
	}

	ul.pagelink {
	display:block;
	padding:10px 0;
	margin:15px 0 20px 0;
	}

	ul.pagelink li {
	width:auto;
	}
	
	ul.pagelink li:nth-child(1) {
	border-right:1px solid #D2ECBF;
	}

	ul.pagelink li:nth-child(3) {
	border-right:1px solid #D2ECBF;
	}

	ul.pagelink li:nth-child(4) {
	border-top:1px solid #D2ECBF;
	}
	
	a.btn_renew {
	float:none;
	text-align: center !important;
	margin:0 auto 1.5em auto;
	}
	
	.summaryBox {width:100%;}
	dl.summary {
	font-size:90%;
	line-height:140%;
	width:95%;
	display: block;
	}
	dl.summary dt,
	dl.summary dd {width:100%;}
	dl.summary dd {word-break:break-all;}
}

@media screen and (max-width: 320px) {

	
}