@charset "utf-8";

/*---------------------------------------------------------
	top
---------------------------------------------------------*/ 

div.main_img {
	box-shadow: 0 4px 6px 0 rgba(0,0,0,0.1) inset;
}

dl.top_about {
	margin: 10px 0 36px ;
	font-size: 1.7rem;
}

dl.top_about dd {
	font-size: 1.7rem;
	margin: 15px 2%;
	text-align: left;
	line-height: 150%;
}

dl.top_about dd.btn {
	font-size: 1.5rem;
	color: #fff;
}

dl.top_about dd.btn a {
	font-size: 1.5rem;
	text-align: center;
	background: #E393A0;
	color: #fff;
	padding: 15px 12px;
	width: 64%;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
	border: 0px;
	margin: 0 auto;
	display: block;
}

dl.top_about dd.btn span.arrow_r {
	font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
}

dl.top_about dd.btn span.arrow_r:before {
    content: "\f105";
    padding-right: 7px;
    color: #fff;
}



/* 立体ボタン

dl.frame01 ul li a p.btn {
    -webkit-box-shadow: inset 0 1px 3px #F1F1F1, inset 0 -15px #DFDFDF, 1px 1px 2px #E7E7E7;  
    -moz-box-shadow: inset 0 1px 3px #F1F1F1, inset 0 -15px #DFDFDF, 1px 1px 2px #E7E7E7;  
}

dl.frame01 ul li a p.btn:hover {
    -webkit-box-shadow: inset 0 1px 3px #e1e1e1, inset 0 -15px #cfcfcf, 1px 1px 2px #E7E7E7;  
    -moz-box-shadow: inset 0 1px 3px #e1e1e1, inset 0 -15px #cfcfcf, 1px 1px 2px #E7E7E7;  
}

dl.frame01 ul li a p.btn:active {
    background: #ccc;  
    padding: 6px 20px 4px;  
}

*/

dl.frame01 {
	background: #F9E8EB;
	padding-bottom: 22px;
	margin-bottom: 0px;
}

dl.frame01 dd {
	margin: 22px 2% 0;
}

dl.frame01 ul li {
	float: left;
	width: 31%;
	box-sizing: border-box;
	margin-right: 3%;
	margin-bottom: 5px;
}

dl.frame01 ul li.last {
	float: right;
	width: 32%;
	box-sizing: border-box;
	margin-right: 0;
}

dl.frame02 {
	margin: 0 0 36px;
}

dl.frame02 dd {
	margin: 0 2% 15px;
}

dl.frame02 dd dl {
    border-bottom: 1px dotted #CECEBF;
    background: #ffffff;
    background: url(/frsupport/sp/images/common/arrow01.gif) no-repeat 96% 50%;
    background-size: 16px 16px;
    -webkit-background-size: 16px 16px;
    -moz-background-size: 16px 16px;
	margin:0;
	text-align: left;
}

dl.frame02 dd dl a {
    display: block;
    padding: 20px 7% 20px 0;
}

dl.frame02 dd dl a dt {
	width: 23%;
	float: left;
	margin-right: 4%;
}

dl.frame02 dd dl a dd.title {
	color: #D86478;
	font-size: 1.8rem;
	padding-bottom: 12px;
    width: 73%;
    overflow: hidden;
	margin: 0;
}

dl.frame02 dd dl a dd.sub_title {
	color: #444444;
	font-size: 1.4rem;
	width: 68%;
    overflow: hidden;
	margin: 0;
}

dl.frame02 p.btn {
	font-size: 1.5rem;
	color: #D86478;
}

dl.frame02 p.btn a {
	font-size: 1.5rem;
	text-align: center;
	background: #fff;
	color: #D86478;
	padding: 15px 12px;
	width: 58%;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
	border: 1px solid #D86478;
	margin: 0 auto;
	display: block;
}

dl.frame02 p.btn span.arrow_r {
	font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
}

dl.frame02 p.btn span.arrow_r:before {
    content: "\f105";
    padding-right: 7px;
    color: #D86478;
}

ul.frame03 {
	background: #F9E8EB;
    padding: 22px 2%;
	margin: 0;
	border-bottom: 3px solid #D86478;
}

ul.frame03 li {
	width: 49%;
	float: left;
    margin-right: 1%;
}

ul.frame03 li.col1 {
	width: 99%;
	clear: left;
	margin-top: 10px;
}

ul.footer_link {
	text-align: left;
	margin: 0;
	font-size: 1.2rem;
}

ul.footer_link li {
	border-bottom: 1px solid #E393A0;
}

ul.footer_link li a {
	color: #D9677B;
    padding: 12px 2%;
}

ul.footer_link li a i {
	float: left;
	padding: 4px 10px 0 0;
}

div.page_top {
	background: #E38F95;
}

div.page_top p a {
	color: #fff;
	text-align: center;
	font-size: 1.5rem;
	padding: 15px 0;
}

div.page_top p a i {
	color: #fff;
	text-align: center;
	padding-right: 15px;
}

div.footer {
	background: #FFF8EE;
	margin:0;
	padding: 20px 0;
}

div.footer .logo {
	width: 70%;
	margin: 0 auto;
}

div.footer p.address {
	text-align: center;
	padding: 20px 0;
	clear: left;
}

/* div.footer p.address span.tel {
	float: left;
    margin-left: 5%;
} */


div.footer ul.link {
	padding: 0 2%;
	margin:0;
}

div.footer ul.link li {
	float:left;
	width: 48%;
	margin-right: 2%;
}

div.footer p.link02 a {
	text-align: center;
	text-decoration:underline;
	margin-top:10px;
}


.copy {
	padding: 10px 2%;
	background:#F9E2DB;
	color:#D86478;
	text-align:center;
	font-size: 1.1rem;
}

dl.topics_list {
	margin-top: 0;
	clear: both;
}

dl.topics_list dd {
	margin: 0;
}

dl.topics_list dd dl {
    border-bottom: 1px solid #CECEBF;
    background: #ffffff;
    background: url(/frsupport/sp/images/common/arrow02.gif) no-repeat 96% 50%;
    background-size: 8px 13px;
    -webkit-background-size: 8px 13px;
    -moz-background-size: 8px 13px;
    margin-top: 0;
    margin-bottom: 0;
}

dl.topics_list dd dl a {
    padding: 20px 30px 20px 15px;
}

dl.topics_list dd dl a dt {
	overflow: hidden;
    max-width: 67%;
}

dl.topics_list dd dl a dt span.category01 {
    color: #ffffff;
    background: #F1852B;
    float: left;
    margin-right: 10px;
    width: 80px;
    text-align: center;
    padding: 1px 0;
}

dl.topics_list dd dl a dt span.category02 {
    color: #ffffff;
    background: #56A5C3;
    float: left;
    margin-right: 10px;
    width: 80px;
    text-align: center;
    padding: 1px 0;
}

dl.topics_list dd dl a dt span.category03 {
    color: #ffffff;
    background: #7CAB37;
    float: left;
    margin-right: 10px;
    width: 80px;
    text-align: center;
    padding: 1px 0;
}

dl.topics_list dd dl a dt span.category04 {
    color: #ffffff;
    background: #D80100;
    float: left;
    margin-right: 10px;
    width: 80px;
    text-align: center;
    padding: 1px 0;
}

dl.topics_list dd dl a dt span.category05 {
    color: #ffffff;
    background: #E15D9E;
    float: left;
    margin-right: 10px;
    width: 80px;
    text-align: center;
    padding: 1px 0;
}



dl.topics_list dd dl a dt span.date {
	color: #AAAAAA;
    margin: 0px 0px 5px 0px;
    float: left;
    padding-right: 8px;
}

dl.topics_list dd dl a dt span.new {
    position: relative;
    top: 3px;
}

dl.topics_list dd dl a dd {
    font-size: 1.6rem;
    text-decoration: none;
    clear: left;
    color: #444444;
    margin-top: 6px;
	text-align: left;
	line-height: 135%;
}

p.top_btn {
    font-size: 1.5rem;
    color: #D86478;
	margin-bottom: 24px;
}

p.top_btn a {
    font-size: 1.5rem;
    text-align: center;
    background: #fff;
    color: #D86478;
    padding: 15px 12px;
    width: 58%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid #D86478;
    margin: 0 auto;
    display: block;
}

p.top_btn span.arrow_r {
	font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
}

p.top_btn span.arrow_r:before {
    content: "\f105";
    padding-right: 7px;
    color: #D86478;
}