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

/* ============================
		Reset
 ============================ */



/* ============================
		mainSection
 ============================ */

.mainSection .planListTable {
border-collapse: collapse;
}

.mainSection .planListTable th {
padding: 10px;
margin: 0;
background-color: #e4edf7;
border: 2px solid #fff;
vertical-align: middle;
}

.mainSection .planListTable td {
font-size: 14px;
padding: 0;
margin: 0;
border: 2px solid #fff;
background-color: #fafafa;
vertical-align: middle;
}

.mainSection .planListTable td p {
padding: 0;
margin: 0;
}

.mainSection .planListTable td p .wrap {
display: block;
padding: 10px;
}


.mainSection .planListTable td:first-child {
text-align: center;
}


.mainSection .planListTable ul {
padding: 0 10px 10px 10px;
margin: 0 ;
}

.mainSection .planListTable li {
padding: 0;
margin: 0 0 0 1.5em;
font-size: 14px;
}

.mainSection .tableNote {
}

.mainSection .tableNote li {
font-size: 14px;
}


/* for SP */
@media screen and (max-width: 767px) {

.mainSection .planListTable tr:first-child {
display: none;
}

.mainSection .planListTable td {
display: block;
white-space: normal;
width: auto;
position: relative;
}

.mainSection .planListTable td:first-child {
color: #fff;
background-color: #1c4370;
padding: 10px;
border-bottom: none;
border-top: 20px solid #fff;
font-size: 16px;
}

.mainSection .planListTable p {
font-size: 14px;
}


.mainSection .planListTable p.dataLabel::before {
content: attr(data-label);
display: block;
font-size: 14px;
background-color: #e4edf7;
text-align: center;
padding: 10px;
font-weight: bold;
}



.mainSection .planListTable ul.dataLabel::before {
content: attr(data-label);
display: block;
font-size: 14px;
background-color: #e4edf7;
text-align: center;
padding: 10px;
font-weight: bold;
}

.mainSection .planListTable ul.dataLabel::before {
position: relative;
left: -10px;
width: calc(100% + 20px);
}

.mainSection .planListTable li:first-child {
padding-top: 10px;

}

}


/* for PC */
@media screen and (min-width: 1201px) {

.mainSection .planListTable td:first-child {
white-space: nowrap;
text-align: center;
}

.mainSection .planListTable td:nth-child(2) {
width: 42%;
}

}


/* ============================
		other
 ============================ */


/* for TB */
@media screen and (max-width: 1200px) and (min-width: 768px){
}

/* for PC */
@media screen and (min-width: 1201px) {
}