@charset "UTF-8";
/*----------------------------------

base
 
---------------------------------- */

body {
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Verdana, "メイリオ", Meiryo, sans-serif;
	font-size: 18px;
	line-height: 180%;
	color: #434343;
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	
}

/*----------------------------------

画像
 
---------------------------------- */

img {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	vertical-align: bottom
	
}

.imgline {
	background-color: #FFF;
	padding: 0px;
	border: 1px solid #e9e8e8;	
}
.imgline02 {
	background-color: #FFF;
	padding: 2px;
}

.img_right {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.img_left {
	float: left;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
}

.img_deco {
	background-color: #FFF;
	padding: 2px;
	border: 1px solid #eaeaea;
}


.c-both {
    clear:both; display:block; visibility:hidden;
}

/*----------------------------------

テキスト
 
---------------------------------- */

p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 35px;
	margin-left: 0px;
	line-height: 180%;
}

.t12 { font-size: 12px; }
.t14 { font-size: 14px; }
.t16 { font-size: 16px; }
.t18 { font-size: 18px; }
.t20 { font-size: 20px; }
.t24 { font-size: 24px; }
.t30 { font-size: 30px; }
.t36 { font-size: 36px; }
.t40 { font-size: 40px; }


/*----------------------------------

リンク色
 
---------------------------------- */

a:link {
	color: #0315fd;
	text-decoration: none;
}
a:visited {
	color: #0315fd;
	text-decoration: none;
}
a:hover {
	color: #0315fd;
	text-decoration: none;
}


/*----------------------------------

テキスト装飾
 
---------------------------------- */

.red {
	color: #ee0000;
}
.yellow {
	color:#ffcc00;
	
}
.yellow02 {
	color:#ffb400;
	font-weight: bold;
}
.pink {
	color: #fd589e;
}
.blue {
	color: #026dc0;
}

.red_u {
	color: #fe4729;
	text-decoration: underline;
}

.yellow_bg {
	background-color: #FF0;
	font-weight: bold;
}

.und {
	text-decoration: underline;
}

.bold {
	font-weight: bold;
}




/*----------------------------------

wrapper
 
---------------------------------- */

.wrap900 {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}

.wrap830 {
	width: 830px;
	margin-right: auto;
	margin-left: auto;
}

.wrap710 {
	width: 710px;
	margin-right: auto;
	margin-left: auto;
}

.wrap625 {
	width: 625px;
	margin-right: auto;
	margin-left: auto;
}


.wrap560 {
	width: 560px;
	margin-right: auto;
	margin-left: auto;
}

.wrap610 {
	width: 610px;
	margin-right: auto;
	margin-left: auto;
}


.wrap720 {
	width: 720px;
	margin-right: auto;
	margin-left: auto;
}

.wrap775 {
	width: 775px;
	margin-right: auto;
	margin-left: auto;
}




/*----------------------------------

bottom
 
---------------------------------- */

.btm02 {
	margin-bottom: 2px;
}
.btm05 {
	margin-bottom: 5px;
}
.btm08 {
	margin-bottom: 8px;
}
.btm10 {
	margin-bottom: 10px;
}
.btm15 {
	margin-bottom: 15px;
}
.btm20 {
	margin-bottom: 20px;
}
.btm25 {
	margin-bottom: 25px;
}
.btm30 {
	margin-bottom: 30px;
}
.btm40 {
	margin-bottom: 40px;
}
.btm50 {
	margin-bottom: 50px;
}
.btm60 {
	margin-bottom: 60px;
}
.btm70 {
	margin-bottom: 70px;
}
.btm80 {
	margin-bottom: 80px;
}

.btm120 {
	margin-bottom: 120px;
}



/*----------------------------------

frame
 
---------------------------------- */

.gray_frame {
	border: 6px solid #CCC;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
.gray_frame02 {
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	border-right-width: 6px;
	border-bottom-width: 6px;
	border-left-width: 6px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}




/*----------------------------------

ブレッド
 
---------------------------------- */

ul.bullet {
	list-style: none;
	padding: 0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0;
}
ul.bullet li {
	list-style: none;
	line-height: 180%;
	letter-spacing: 1px;
	background-image:url(../images/check.png);
	background-position: left -1px;
	background-repeat: no-repeat;
	border-bottom:1px dotted #8C8C8C;
	background-size:30px 30px;
	
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 30px;
	font-weight: bold;
	
}


@media screen and (max-width: 949px) {
	ul.bullet {
	list-style: none;
	padding: 0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0;
}
ul.bullet li {
	list-style: none;
	line-height: 150%;
	letter-spacing: 1px;
	background-image:url(../images/check.png);
	background-position: left -1px;
	background-repeat: no-repeat;
	border-bottom:1px dotted #8C8C8C;
	background-size:30px 30px;
	
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 30px;
	font-weight: bold;
	
}
}


ul.pen {
	list-style: none;
	padding: 0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0;
}
ul.pen li {
	list-style: none;
	line-height: 180%;
	letter-spacing: 1px;
	background-image:url(../images/023.png);
	background-position: left 5px;
	background-repeat: no-repeat;
	border-bottom:1px dotted #8C8C8C;
	background-size:25px 25px;
	
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 35px;
	font-weight: bold;
	
}



@media screen and (max-width: 750px) {
	ul.bullet {
	list-style: none;
	padding: 0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0;
}
ul.bullet li {
	list-style: none;
	line-height: 150%;
	letter-spacing: 1px;
	background-image:url(../images/check.png);
	background-position: left -1px;
	background-repeat: no-repeat;
	border-bottom:1px dotted #8C8C8C;
	background-size:30px 30px;
	
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 30px;
	font-weight: bold;
	font-size:15px;
	
}
	.t20 { font-size: 16px; }
	
	.t24 { font-size: 20px; }
	
	
	
ul.pen {
	list-style: none;
	padding: 0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0;
	font-size:85%;
}
ul.pen li {
	list-style: none;
	line-height: 180%;
	letter-spacing: 1px;
	background-image:url(../images/023.png);
	background-position: left 5px;
	background-repeat: no-repeat;
	border-bottom:1px dotted #8C8C8C;
	background-size:15px 15px;
	
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 35px;
	font-weight: bold;
	
}	
	
	
}




ul.report {
	list-style: none;
	padding: 0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0;
}
ul.report li {
	list-style: none;
	line-height: 180%;
	letter-spacing: 1px;
	background-image:url(../images/repo.png);
	background-position: left 5px;
	background-repeat: no-repeat;
	border-bottom:2px solid #8C8C8C;
	background-size:25px 25px;
	font-size: 20px;
	
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 35px;
	font-weight: bold;
	
}



/*---------- ブレット ----------*/
ul.bullet02 {
list-style:none;
margin:0;
padding:0;
}
ul.bullet02 li {
	list-style: none;
	font-size: 100%;
	line-height: 150%;
	letter-spacing: 1px;
	font-weight: normal;
	background-image:url(../images/check.png);
	background-position: left top;
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 0;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 30px;
}


/*---------- ブレット ----------*/
ul.bullet03 {
list-style:none;
margin:0;
padding:0;
}
ul.bullet03 li {
	list-style: none;
	font-size: 90%;
	line-height: 150%;
	letter-spacing: 1px;
	font-weight: normal;
	background-image: url("http://rspro.kir.jp/test/athome/common/img/common/check02.gif");
	background-position: left top;
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 30px;
}

@media screen and (max-width: 750px) {
	
	ul.report {
	list-style: none;
	padding: 0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0;
}
ul.report li {
	list-style: none;
	line-height: 180%;
	letter-spacing: 1px;
	background-image:url(../images/repo.png);
	background-position: left 5px;
	background-repeat: no-repeat;
	border-bottom:2px solid #8C8C8C;
	background-size:25px 25px;
	font-size: 16px;
	
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 35px;
	font-weight: bold;
	
}

}


.green {
	color: #b3d100;
}


ul.bullet03 {
	list-style: none;
	padding: 0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0;
}
ul.bullet03 li {
	list-style: none;
	line-height: 180%;
	letter-spacing: 1px;
	background-image:url(../images/check.png);
	background-position: left 10px;
	background-repeat: no-repeat;
	border-bottom:1px dotted #8C8C8C;
	background-size:30px 30px;
	
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 30px;
	font-weight: bold;
	font-size: 24px;
	
}

