@charset "UTF-8";
/* =================================
sec01 
================================= */
#topicArea{
	width:1100px;
	margin:0 auto;
	padding-top:7px;
	padding-bottom:7px;
}
.narrow #topicArea{
	width:768px;
}
#topicArea ul{
	margin-bottom:0px;
}
#topicArea li{
	float:left;
	font-size:90%;
}
#topicArea li a{
	color:#333333;
	display:inline-block;
	margin-right:7px;
	padding-right:18px;
	background:url(/common_new/images/com_ic12.gif) no-repeat right 50%;
	padding-top:3px;
	padding-bottom:1px;
	text-decoration:none;
}
#topicArea li a:hover{
	text-decoration:underline;
}
#topicArea li span{
	color:#333333;
	display:inline-block;
	padding-top:3px;
	padding-bottom:1px;
	font-weight:bold;
}
#header-area01 {
    line-height: 1.5;
}
.sec01 {
  width: 1100px;
  margin: 0 auto;
}
.sec01 img {
  margin-bottom: 40px;
}
.sec-point .text {
    width: 860px;
    margin: 20px auto 0;
    text-align: left;
}
.sec01 p.notes  {
    width: 1100px;
    text-align: right;  
}   
.main-vsl {
    text-align: center;
    margin: 0 auto;    
}
.data-img img{
     width: 860px; 
    position: relative;
    margin: 10px auto;     
}
.btn-img img{
     width: 500px; 
    position: relative;
    margin: 20px auto;     
}
.img_note{
	width: 860px;
	margin: 0 auto;
	font-size: 13px;
	text-align: right;
	color: #333333;
}
.sec01 h1 {
  margin: 40px 0 30px;
  padding: 8px 15px;
  font-size: 2.8rem;
  font-weight: bold;
  line-height:1.2;
  border-left: 5px solid #b60081;
} 
.sec01 h2 {
  margin-bottom: 30px;
  padding: 30px 20px;
  color: #FFF;
  font-size: 32px;
  background: #2ECCFA;  
  font-weight: bold;
}
.sec01 ul li {
  margin-bottom: 1em;
  padding-left: 2em;
  text-indent: -1em;
  font-size: 16px;
  line-height: 1.6;
  font-weight: bold;
}
.sec01 ul li span {
  width: 15px;
  color: #0a4a71;
  display: inline-block;
}
.sec01 ul li strong {
    color: #CC0000;
    font-weight: bold;
}
.data-img a:hover{
  opacity: 0.7;
}
.red_box{
	color: red;
	border: 1px solid red;
	padding: 12px 0 10px;
	text-align: center;
	font-size: 1.8rem;
}
.red_box_text{
	padding: 12px 0 10px;
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
}
.hosho_03_area{
	width: 860px;
	margin: 20px auto 0; 
	text-align: left;
}
.hosho_03_area img{
	margin: 0;
}
.hosho_03_area h3{
	font-size: 2.2rem;
	font-weight: bold;
	color: #5b9bd5;
	margin-bottom: 15px;
}
.hosho_03_area h4{
	font-weight: bold;
	color: #5b9bd5;
	margin-top: 15px;
}
.hosho_03_area h4,
.hosho_03_area p{
	font-size: 1.6rem;
}

@media screen and (max-width: 740px) {
.sec01 {
  width: auto;
  padding: 0 15px;
  margin-bottom: 60px;
}
.sec01 h2 {
  margin-bottom: 40px;
  padding: 30px 20px;
  background: #2ECCFA;  
}
.sec01 h2 {
  margin: 0 auto 20px;
  padding: 15px;
  text-align: center;
}
.sec01 img {
  max-width: 100%;
}
.sec-point .text {
    max-width: 100%;
}
.img_note{
	width: 100%;
}
.sec01 p.notes  {
    max-width: 100%;
    text-align: right;  
}
.hosho_03_area{
	width: auto;
	margin: 20px 15px 0;
}
.hosho_03_area img{
	margin: 0;
}
.hosho_03_area h3{
	font-size: 1.8rem;
	margin-bottom: 7px;
}
.hosho_03_area h4,
.hosho_03_area p{
	font-size: 14px;
}
#topicArea {
    width: auto;
    padding: 7px 10px;
    display: block;
}
}