@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 769px) {
/***** PC用のスタイル記述 *****/


 .topic_area .bg_ttl {
	background-image: url("../img/line_ttl.gif");
	background-position: left bottom;
	background-repeat: repeat-x;
	margin-bottom: 25px;
	padding-bottom: 25px;
	width: 950px;
}
 .topic_area #topic_box {
	width: 950px;
}



 .topic_area .bg_ttl h2 {
	border-left-style: solid;
	border-left-width: 5px;
	margin: 0 0 0 7px;
	padding: 2px 0 2px 13px;
	font-size: 197%;
	line-height: 1em;
}
 .topic_area .topic_section {
	margin-bottom: 50px;
	font-size: 16px;	
}
 .topic_area .topic_section p.txt {
	margin-bottom: 30px;
}
 .topic_area .topic_section p.pic {
	text-align: center;
}
 .topic_area p.btn {
	padding-top: 20px;
	text-align: center;
}

.topic_area a {
	color: #c2a353;
	text-decoration: none;
}
.topic_area a:hover {
	color: #c2a353;
	text-decoration: underline;
}

}
@media screen and (max-width: 768px) {
/* タブレット用のスタイル記述 */
/* スマートフォン用のスタイル記述 */

 .topic_area .bg_ttl {
	background-image: url("../img/line_ttl.gif");
	background-position: left bottom;
	background-repeat: repeat-x;
	padding-bottom: 10px;
	margin:0 10px 10px;
}

 .topic_area .bg_ttl h2 {
	border-left-style: solid;
	border-left-width: 5px;
	margin: 0 0 0 7px;
	padding:2px 0 2px 10px;
	font-size: 16px;
	font-weight:normal;
	line-height: 1em;
}

#topic_box{
	margin:0 10px;
}

.topic_area .topic_section {
	margin-bottom: 50px;
	font-size: 14px;	
}

.topic_area .topic_section p.txt {
	margin-bottom: 30px;
}

.topic_area .topic_section p.pic {
	text-align: center;
}

.topic_area p.btn {
	text-align: center;
}

.topic_area a {
	color: #c2a353;
	text-decoration: none;
}

.topic_area a:hover {
	color: #c2a353;
	text-decoration: underline;
}

.topic_area img{
	width:100%;
	height:inherit;
}

.topic_area p.btn {
    clear: both;
    color: #fff;
    text-align: center;
    border: 1px solid #917846;
    border-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(#beab7f), to(#a68e60));
    background: -moz-linear-gradient(center top, #beab7f 0%, #a68e60 100%);
    margin-bottom: 0;
}

.topic_area p.btn a {
    display: block;
    color: #fff !important;
    text-decoration: none !important;
	padding:10px 0;
}



}