@charset "utf-8";


#app_name .plans2	h2, h3, dl, ul{
		max-width: 1024px;
}
#app_name .sso_plans h2 {
    padding: 20px 40px 0;
}
#app_name .plans2	h3{
		position: relative;
		margin-top: -20px;
		font-size: 16px;
		line-height: 1.75em;
}
#app_name .plans2 .sso_plan dl dt{
	vertical-align: top;
	padding-right: 30px;
}
#app_name .plans2 .sso_plan{
	max-width: 1024px;
}
#app_name .plans2 .sso_plan .plan_name{
	    margin: -3px 0 16px;
}
#app_name .plans2 .sso_plan dl dd.plan_ex{
	margin-bottom: 14px;
	width: 96%;
}
#app_name dd.figure_location img {
    padding: 10px 30px 0 0;
}
#app_name  li .setting_comp {
    margin-bottom: -30px;
}
#app_name .setting_comp dd {
	width: 50%;
	float: left;
}
#app_name .setting_comp .plan_name .comp_title {
	color: #78282a;
	font-size: 1.1em;
}
#app_name .setting_comp .plan_name .comp_explain {
    font-size: 16px;
    line-height: 1.5;
    padding-top: 10px;
}

.annotation {
	line-height: 50px;
}

/* pc
----------------------------------------------- */

@media print, screen and (max-width:740px) {

	#app_name .sso_plans h2.sp_ttl {
	    margin: -25px 0 15px;
	}
	#app_name dd.figure_location img {
    width: 100%;
		height: inherit;
	}
	#app_name .plans2 .sso_plan dl dt {
    vertical-align: top;
    padding-right: 0px;
	}
	#app_name .plans2 .sso_plan .plan_name {
    font-weight: 700;
		line-height: 1.6em;
	}
	#app_name .setting_comp dd {
		width: 100%;
		float: inherit;
	}
	#app_name .setting_comp dd img {
		width: 100%;
		height: inherit;
		padding-top: 20px;
	}
	#app_name .setting_comp .plan_name .comp_explain {
    font-size: 1em;
    line-height: 1.5;
    padding-top: 10px;
    font-weight: 400;
	}
}


	/* app_name
	----------------------------------------------- */

@media screen and (min-width:741px) and (max-width: 1023px) {
	/*@media screen and (min-width:741px) and (max-width: 1199px) {*/

	/* tablet
	----------------------------------------------- */
	#app_name .setting_comp dd {
		width: inherit;
		float: inherit;
	}

}

@media screen and (max-width: 1240px) and (min-width: 1024px){

}


/* mobile
----------------------------------------------- */

@media only screen and (max-width:740px) {

}