@charset "utf-8";
@media print, screen and (min-width: 828px){
/**************************
PC用スタイル
**************************/
#title-div {
	font-size: 12px;
	line-height: 168%;
	text-align: center;
	float: left;
	margin-bottom: 40px;
}
#dream-plan-div {
	background-image: url(../img/or_chart/bg.png);
	background-repeat: repeat;
	clear: left;
	padding: 10px;
	text-align: left;
}
#dream-plan-div .box-01 {
	background-image: url(../img/page/login_page_lain.png);
	background-repeat: no-repeat;
	background-position: 30px top;
	padding-left: 35px;
	padding-top: 15px;
}
#dream-plan-div .box-01 .item-box {
	background-color: #FFF;
	text-align: center;
	padding: 10px;
	border: 2px solid #00C2D1;
	margin-bottom: 40px;
	margin-left: 10px;
	-webkit-border-radius: 15px;     /* for Safari and Chrome */
	-moz-border-radius: 15px;    /* for Firefox */
	-o-border-radius: 15px;  /* when Opera Presto 2.3 or later is released */
	-khtml-border-radius: 15px;   /* Linux browsers */
	border-radius: 15px;     /* CSS3 */
	behavior: url(PIE.htc);   /* for IE */
}
#dream-plan-div .box-01 .item-box h3 {
	font-weight: bold;
	line-height: 168%;
}
#dream-plan-div .box-01 .item-box table {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #00C2D1;
	border-left-color: #00C2D1;
	margin-right: auto;
	margin-left: auto;
}
#dream-plan-div .box-01 .item-box table td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #00C2D1;
	border-bottom-color: #00C2D1;
	padding: 10px;
}
#dream-plan-div .box-01 dl {
	padding-left: 10px;
}
#dream-plan-div .box-01 dl dt {
	font-weight: bold;
	padding-left: 25px;
	line-height: 168%;
	font-size: 18px;
}
#dream-plan-div .box-01 .dt-01 {
	background-image: url(../img/dream_plan/no_01.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#dream-plan-div .box-01 .dt-02 {
	background-image: url(../img/dream_plan/no_02.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#dream-plan-div .box-01 .dt-03 {
	background-image: url(../img/dream_plan/no_03.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#dream-plan-div .box-01 .dt-04 {
	background-image: url(../img/dream_plan/no_04.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#dream-plan-div .box-01 dl dd {
	margin-bottom: 25px;
	font-size: 14px;
	line-height: 168%;
}
}
@media screen and (max-width: 828px){
/**************************
スマホ用スタイル
**************************/
#title-div {
	font-size: 12px;
	line-height: 168%;
	text-align: center;
	float: left;
	margin-bottom: 15px;
}
#dream-plan-div {
	background-image: url(../img/or_chart/bg.png);
	background-repeat: repeat;
	clear: left;
	padding: 10px;
	text-align: left;
}
#dream-plan-div .box-01 {
    padding-top: 15px;
}
#dream-plan-div .box-01 .item-box {
    background-color: #FFF;
    text-align: left;
    padding: 10px;
    border: 2px solid #00C2D1;
    margin-bottom: 40px;
    margin-left: 10px;
    -webkit-border-radius: 15px;     /* for Safari and Chrome */
    -moz-border-radius: 15px;    /* for Firefox */
    -o-border-radius: 15px;  /* when Opera Presto 2.3 or later is released */
    -khtml-border-radius: 15px;   /* Linux browsers */
    border-radius: 15px;     /* CSS3 */
    behavior: url(PIE.htc);   /* for IE */
}
#dream-plan-div .box-01 .item-box h3 {
	font-weight: bold;
	line-height: 168%;
}
#dream-plan-div .box-01 .item-box table {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #00C2D1;
	border-left-color: #00C2D1;
	margin-right: auto;
	margin-left: auto;
}
#dream-plan-div .box-01 .item-box table td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #00C2D1;
	border-bottom-color: #00C2D1;
	padding: 10px;
}
#dream-plan-div .box-01 .item-box img {
    width: 100%;
}
#dream-plan-div .box-01 dl {
	padding-left: 10px;
}
#dream-plan-div .box-01 dl dt {
	font-weight: bold;
	padding-left: 25px;
	line-height: 168%;
	font-size: 18px;
}
#dream-plan-div .box-01 .dt-01 {
	background-image: url(../img/dream_plan/no_01.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#dream-plan-div .box-01 .dt-02 {
	background-image: url(../img/dream_plan/no_02.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#dream-plan-div .box-01 .dt-03 {
	background-image: url(../img/dream_plan/no_03.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#dream-plan-div .box-01 .dt-04 {
	background-image: url(../img/dream_plan/no_04.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#dream-plan-div .box-01 dl dd {
	margin-bottom: 25px;
	font-size: 14px;
	line-height: 168%;
}


}