@charset "utf-8";

	#main {
		font-size: 12px;
		margin-top: 20px;
	}
	#main h1 { text-align: center; }
	div.questions {
		vertical-align: top;
		width: 870px;
		margin: 0 auto 0 60px;
		letter-spacing: 0px;
		font-size: 11.5px;
	}
	div.questions h2 {
		color: #a5937d;
		border-bottom: 1px solid #a5937d;
		font-size: 18px;
		line-height: 30px;
/*		font-family: MS-PMincho, "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3"; */
	}
	div.questions div.lft {
		width: 381px;
		float: left;
	}
	div.questions div.rgt {
		float: left;
		margin-left: 40px;
		width: 449px;
	}
	div.questions ul {
		list-style: none;
		padding-left: 0;
		text-align: left;
	}
	div.questions li {
		background: url(/static/img/include/common/guide/ico_heart.png) left center no-repeat;
		padding-left: 20px;
		margin-bottom: 12px;
	}
	
	div.shape {
		text-align: center;
		margin-left: 18px;
	}
	
	div.answers {
		width: 870px;
		border-bottom: 1px solid #b9ac9c;
		padding-bottom: 20px;
		margin-left: 60px;
	}
	div.answers h2 {
		color: #a5937d;
		border-bottom: 1px solid #a5937d;
		font-size: 18px;
		line-height: 30px;
/*		font-family: MS-PMincho, "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3"; */
	}
	div.answers ol {
		margin: 0;
		padding-left: 30px;
		list-style: decimal-leading-zero;
		color: #ec83b1;
	}
	div.answers ol li span {
		color: #666666;
	}
	div.answers dd p a {
		color: #ec83b1;
	}
	div.answers dt {
		font-weight: bold;
		font-size: 15px;
		line-height: 25px;
		color: #ec83b1;
	}
	div.answers dd {
		padding: 20px;
		background-color: #fef2f7;
		margin: 0 0 20px;
	}
	div.answers dd p {
		padding: 0;
		margin: 0;
	}
	div.pagetop {
		width: 870px;
		text-align: right;
		position: absolute;
		margin-top: -24px;
	}
	div.pagetop2 {
		margin-top: 12px;
	}
	span.windows,
	span.circle { color: #ee599c; }
	span.mac,
	span.smartphone { color: #2caa3f; }
	
	ul.social_navi {
		list-style: none;
		width: 1030px;
		margin: 50px auto 30px;
	}
	ul.social_navi li {
		float: left;
		padding: 10px 20px;
		border-left: 1px solid #ccc;
	}
	ul.social_navi li.logo {
		padding: 0 20px 0 0;
		border-left: none;
	}
	#nav{display: none;}
	.renewal2402 .siteLogo {
		margin-top: 14px;
	}
/*スマホの記述*/
@media all and (min-width: 0px) and (max-width: 767px) {
	/*PC非表示要素*/
	html{
		min-width: 100%;
	}
	#nav .heading{
		margin: 10px 5px 3px;
	}
	#main {
		margin-top: 0;
	}
	#renewal2402_header,#footer,#mypageminiNavigation,#GlobalFooterFrame,#nav .topicpath,#main > h1,.shape,div.pagetop{
		display: none!important;
	}
	#page .contents,#page #main{
		width: 96%;
	}
	#page #main .section_text, #page #main .section_text *{
		width: 100%;
		word-break:break-all;
	}
	#page #main .section_text, #page #main .section_text ol{
		width: 82%;
	}
	div.questions,div.answers{
		width: 100%;
		margin-left: 0;
	}
	div.questions div.lft,div.questions div.rgt{
		width: 100%;
		float: none;
		margin-left: 5px;
	}
	div.answers{border:none;}
	div.answers dd{padding:10px;}
	div.answers ol{padding-left: 20px;}
	/*SP表示要素*/
	#renewal2402_header_sp,#staticToTop,#GlobalFooterFrame_sp{
		display: block!important;
	}
	#nav .topicpath　.heading,#renewal2402_header_sp{
		margin-left: 10px;
	}
	#staticToTop{
		margin: 0 auto;
		width: 80%;
	}
	#staticToTop a{
		display: block;
	    text-align: center;
	    font-size: 16px;
	    font-weight: bold;
	    color: #333;
	    -moz-border-radius: 4px;
	    -webkit-border-radius: 4px;
	    border-radius: 4px;
	    background-color: #fff;
	    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
	    background: -moz-linear-gradient(#FFF 0%, #EEE 100%);
	    border: #ddd solid 1px;
	    padding: 10px 0;
	    -moz-box-shadow: #CCC 0px 1px 3px;
	    -webkit-box-shadow: #CCC 0px 1px 3px;
	    box-shadow: #CCC 0px 1px 3px;
	    text-decoration: none;
    }
	#staticToTop a img{
		margin:4px 4px 0 0;
    }
    p.copyright{
		display: block;
	    background: #FFF;
	    color: #666;
	    font-size: 12px;
	    text-align: center;
	    height: 24px;
	    line-height: 24px;
	    -moz-box-shadow: inset 0 1px 3px #ccc;
	    -webkit-box-shadow: inset 0 1px 3px #ccc;
	    box-shadow: inset 0 1px 3px #ccc;
	    font-weight: normal;
	}
	#nav{display: block;}
	.renewal2402 .footerTop__inner {
		max-width: 960px;
		width: 100%;
		margin: auto;
		padding: 64px 15px;
	}
	.renewal2402 .footerCompMenu {
		padding-top: 42px;
		display: flex;
		flex-wrap: wrap;
	}
	.renewal2402 .footerCompMenu__item {
		width: 50%;
		height: 47px;
		margin: -1px 0 0 -1px;
		display: flex;
		align-items: center;
		border: 1px solid #e1e1e1;
		background: #fff;
	}
	.renewal2402 .footerCompMenu__item a {
		padding: 0 12px;
		display: block;
		font-size: 1.2rem;
		line-height: 1.4;
	}
	.renewal2402 .footerBottom__menuWrap {
		margin: 24px 0;
		padding-bottom: 24px;
		border-bottom: 1px solid #e1e1e1;
	}
	.renewal2402 .footerBottom__menu {
		margin: unset;
		padding: unset;
		border-bottom: unset;
		margin-top: 8px;
		display: flex;
		justify-content: center;
	}
	.renewal2402 .footerBottom__menu a {
		font-size: 1.2rem;
	}
	.renewal2402 .footerBottom__menu li + li {
		margin-left: 16px;
	}
	.renewal2402 .footerBottom__privacy {
		display: flex;
		width: unset;
	}
	.renewal2402 .footerBottom__privacyTxt {
		width: 78%;
		margin-left: 12px;
		font-size: 1rem;
	}
	.renewal2402 .footerBottom__copyright {
		margin-top: 24px;
		font-size: 1.2rem;
	}
	.renewal2402 .footerBottom {
		padding: 24px 24px 42px;
	}
}
@media all and (min-width: 768px){
	html{
		min-width: 1030px;
	}
	/*PC表示要素*/
	#renewal2402_header,#footer,#mypageminiNavigation,#GlobalFooterFrame,#nav .topicpath{
		display: block!important;
	}
	#page .contents,#page #main{
		width: 960px;
	}
	#page #main .section_text, #page #main .section_text *{
		width: 750px;
		word-break:normal;
	}
	#page #main .section_text, #page #main .section_text ol{
		width: auto;
	}
	/*SP非表示要素*/
	#renewal2402_header_sp,#staticToTop,p.copyright,#GlobalFooterFrame_sp{
		display: none!important;
	}
	#nav .topicpath　.heading,#renewal2402_header_sp{
		margin-left: 10px;
	}
}