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

ul {
	list-style: none;
}
/* SUPPORT TITLE
---------------------------------*/
.sup-title {
	font-size: 18px;
	padding: 5px 10px 5px 20px;
	color: #fff;
	display: table-cell;
}

/*TEXT-BLOCK
---------------------------------*/
.sup-txt-m {
	font-weight: bold;
	font-size: 19px;
	line-height: 21px;
}
.sup-txt-sub {
	font-size: 16px;
	line-height: 20px;
	border-left: 5px solid;
	padding-left: 5px;
}
.sup-txt-block {
	line-height: 18px;
	text-align: justify;
	text-justify: inter-ideograph;
}
@media screen and (max-width:640px){
	.sup-txt-m, .sup-txt-sub, .sup-txt-block, .sup-img {
		margin-left: 20px;
		padding-right: 20px;
	}
}

/*MIMAMORI
---------------------------------*/
.sup-mimamori {
	background: url(../img/support/support.jpg);
	background-size: cover;
}
.sup-mimamori-wrap {
	background-color: rgba(255,255,255,0.8);
	width: 640px;
	padding: 0 20px 20px 20px;
}

@media screen and (max-width:640px){
	.sup-mimamori {
		background: right bottom url(../img/support/support.jpg);
		background-size: cover;
	}
	.sup-mimamori-wrap {
		width: 100%;
		padding: 10px 0 20px 0;
	}
}

/*PREISM
---------------------------------*/
.sup-list {
	padding-left: 20px;
}
.sup-list-in {
	font-size: 14px;
	width:440px;
}
.sup-list li {
	display: inline-block;
	vertical-align: top;
}
@media screen and (max-width:640px){
	.sup-list {
		padding-left: 0;
	}
	.sup-list-in {
		width: 100%;
	}
	.sup-list-img {
		width: 100%;
		text-align: center;
	}
}

/*PRISM-CONTRACT
---------------------------------*/
.sup-preism-c {
	padding-left: 20px;
}

@media screen and (max-width:640px){
	.sup-preism-c {
		padding-left: 0;
	}
}

/*OTHER
---------------------------------*/
.sup-other {
	padding-left: 20px;
}
.sup-other p {
	line-height: 18px;
}
.sup-column-01 {
	padding-left: 0px;
}
.sup-column-01 li {
	width: 50%;
	display: inline-table;
	vertical-align: top;
}
.sup-column-01 img {
	width: 100%;
}
@media screen and (max-width:640px){
	.sup-other {
		padding-left: 20px;
		padding-right: 20px;
		line-height: 18px;
	}
}

/*IMAGE-RESIZE
---------------------------------*/
@media screen and (max-width:640px){
	.sup-img-01 {
		max-width: 381px;
		width: 90%;
	}
	.sup-img-02 {
		max-width: 480px;
		width: 88%;
	}
	.sup-img-03 {
		max-width: 284px;
		width: 100%;
	}
	.sup-img-04 {
		max-width: 305px;
		width: 100%;
	}
	.sup-img-05 {
		max-width: 382px;
		width: 90%;
	}
	.sup-img-06 {
		max-width: 920px;
		width: 90%;
	}
}
/* COLOR
---------------------------------*/
.sup-c-01 {
	color: #000f53;
}
.sup-c-02 {
	color: #1f4370;
}
.sup-bkc-01 {
	background-color: #000f53;
}
.sup-bkc-02 {
	background-color: #1f4370;
}