@charset "utf-8";


/*会員特約・会員規約まとめページ*/

article.regulation_box h3 {
	background:#f7f7fa;
	padding: 5px 0;
	text-align: center;
	margin-bottom: 15px;
	border-radius: 5px;
	border:#e0e0e8 solid 1px;
}

@media print, screen and (min-width: 768px){
	article.regulation_box {
		box-sizing:border-box;
		width: 580px;
		padding: 20px;
		border: #ccc solid 1px;
		margin-bottom: 40px;
	}

}
@media only screen and (max-width: 767px){
	article.regulation_box {
		box-sizing:border-box;
		width: 100%;
		padding: 20px;
		border: #ccc solid 1px;
		margin-bottom: 40px;
	}
}

/*旧サイトcss*/

.section1{
	margin-bottom: 3.75rem !important; /* 120px */
}
.section2{
	margin-bottom: 3.125rem !important; /* 100px */
}
.section3{
	margin-bottom: 2.5rem !important; /* 80px */
}
.section4{
	margin-bottom: 1.875rem !important; /* 60px */
}
.section5{
	margin-bottom: 1.25rem !important; /* 40px */
}
.section6{
	margin-bottom: 0.625rem !important; /* 20px */
}
.section7{
	margin-bottom: .3125rem !important; /* 10px */
}
.section8{
	/* 120px */
	padding-top: 3.75rem !important;
	padding-bottom: 3.75rem !important;
}
.section9{
	/* 100px */
	padding-top: 3.125rem !important;
	padding-bottom: 3.125rem !important;
}
.section10{
	/* 80px */
	padding-top: 2.5rem !important;
	padding-bottom: 2.5rem !important;
}
.section11{
	/* 60px */
	padding-top: 1.875rem !important;
	padding-bottom: 1.875rem !important;
}
.section12{
	/* 40px */
	padding-top: 1.25rem !important;
	padding-bottom: 1.25rem !important;
}
.section13{
	/* 20px */
	padding-top: 0.625rem !important;
	padding-bottom: 0.625rem !important;
}
.section14{
	/* 10px */
	padding-top: .3125rem !important;
	padding-bottom: .3125rem !important;
}

/* h(eading) */
.h0{
	margin: 0;
	padding: 0;
	
	margin-top: .8em;
	margin-bottom: .8em;
}
.h1{
	margin: 0;
	padding: 0;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}
.h2{
	margin: 0;
	padding: 0;
}
.h3{
	margin: 0;
	padding: 0;
	margin-bottom: .5em;
}
.h4{
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
}
.h5{
	margin: 0;
	padding: 0;
	margin-bottom: 1.5em;
}
.h6{
	margin: 0;

	padding: 0;
	margin-bottom: 2em;
}



/* n(otes) */
.n0{
	margin: 0;
	padding: 0;
	
	margin-top: 1em;
	margin-bottom: 1em;
}
.n1{
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
}
.n2{
	margin: 0;
	padding: 0;
}
/* ▼ 2017.11.25 ▼ */
.n3{
	margin: 0;
	padding: 0;
	margin-top: 1em;
}
/* ▲ 2017.11.25 ▲ */


/* color */
.color0	{ color: #fff; }
.color1	{ color: #61B32B; }
.color2	{ color: #019946; }
.color3	{ color: #EB98C2; }
.color4	{ color: #DA340A; }
.color5	{ color: #E5007F; }
.color6	{ color: #E77155; }
.color7	{ color: #0758A7; }
.color8	{ color: #00A8EA; }
.color9	{ color: #FEEA00; }
.color10{ color: #ff0000; }
.color11{ color: #797BB9; /*#878DC1;*/ }




/* title */
.title1{
	font-size: 1.625rem;
	font-weight: bold;
	line-height: 1.5em;
	text-align: center;
}
.title2{
	font-size: 1.625rem;
	font-weight: bold;
	line-height: 1.5em;
	text-align: center;
	padding-bottom: .5em;
	
	border-bottom: 1px solid #DA340A;
}
.title3{
	color: #fff;
	background-color: #999;
	
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.5em;
	text-align: center;
	
	padding-top: .75em;
	padding-bottom: .75em;
}

/*.title3--c1{ background-color: #61B32B; }2024リニューアル、Webサービスのタイトル色変更*/
.title3--c1{ background-color: #0a63c7; }
.title3--c2{ background-color: #019946; }
.title3--c2a{ background-color: #21B966; }
.title3--c3{ background-color: #EB98C2; }
.title3--c4{ background-color: #0D73B3; }
.title3--c5{ background-color: #E5002B; }
.title3--c6{ background-color: #ED6A00; }
.title3--c7{ background-color: #9194C7; }
.title3--c8{ background-color: #DB1086; }
.title3--c9{ background-color: #01A5E4; }
.title3--c10{ background-color: #005BAC; }
.title3--c11{ background-color: #FE0000; }
.title3--c12{ background-color: #5E6CB3; }
.title3--c13{ background-color: #EFF7EA; color: inherit; }
.title3--c14{ background-color: #EE8079; }
.title3--c15{ background-color: #F7B031; }
.title3--c16{ background-color: #F19B76; }
.title3--c17{ background-color: #8AABD7; }
.title3--c18{ background-color: #666666; }



.title4{
	font-size: 1.25rem;
	font-weight: bold;
	line-height: 1.5em;
}
.title5{
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.5em;
}
.title6{
	font-size: .875rem;
	font-weight: bold;
	line-height: 1.5em;
}
.title7{
	color: #f00;
}
.title8{
	color: #DB1085;
	background-color: #fff;
	
	/*display: table;*/
	padding-left: .5em;
	padding-right: .5em;
	
	font-size: .875rem;
	font-weight: bold;
	line-height: 1.5em;
	
	border-style: solid;
	border-color: #DB1085;
	border-width: 0 0 0 7px;
}
.title9{
	padding: .25em;
	font-size: 1rem;
	font-weight: bold;
	line-height: 2em;
	text-align: center;
	border: 2px solid #999;
}
.title9--c1{
	color: #DB340A;
	border-color: #DB340A;
}
.title10{
	padding: .25em;
	font-size: 1.25rem;
	font-weight: bold;
	line-height: 2em;
	text-align: center;
	border: 2px solid #999;
}
.title10--c1{
	background-color: #fff;
}



/* ▼ 2017.11.25 ▼ ul ol li リセット解除*/

.tokuyaku ul{
	margin: 1em 0;
	padding-left: 40px;
}

.tokuyaku ol{
	margin: 1em 0;
	padding-left: 40px;
}
.tokuyaku ol li{
	list-style-type: decimal;
}
ol.no__number li , ul.no__number li {
	list-style:none;
	text-indent: -2.6em;
	padding-left: 1em;
}
ol.no__number2 li , ul.no__number2 li {
	list-style:none;
	text-indent: -1.5em;
	padding-left: 1em;
}
ol.no__number2a li , ul.no__number2a li {
	list-style:none;
	text-indent: -1.1em;
	padding-left: 1em;
}
ol.no__number3 li , ul.no__number3 li {
	list-style:none;
	text-indent: -3em;
	padding-left: 3em;
}
ol.no__number4 li , ul.no__number4 li {
	list-style:none;
	text-indent: -1.8rem;
	padding-left: 1rem;
}
ol.no__number5 li , ul.no__number5 li {
	list-style:none;
	text-indent: -1rem;
	padding-left: 1rem;
	margin-left: -1rem;
}
.link__reset a{
	color: #594F40;
	text-decoration: underline;
}
.link__reset a:hover{
	color: #F33;
	text-decoration: underline;
}
.link__reset a:active{
	text-decoration: underline;
}

/* ▲ 2017.11.25 ▲ */



.table2{
	width: 100%;
	border-collapse: collapse;
	
	font-size: .875em;
	line-height: 200%;
}
.table2__caption{
	text-align: right;
	margin-bottom: .5em;
}
.table2__caption--left{
	text-align: left;
	margin-bottom: .5em;
}
.table2__cell{
	padding: 1em;
	border: 1px solid #9FA0A0;
	vertical-align: middle;
}
.table2__cell--head1{
	background-color: #e0e0e8;
}
.table2__cell--head2{
	text-align: left;
	background-color: #F5F5F5;
}
.table2__cell--head3{
	text-align: left;
	background-color: #E6F1F7;
}
.table2__cell--body{}



@media print, screen and (min-width: 768px){}
@media only screen and (max-width: 767px){}