@charset "utf-8";
/* /css Document */

/*--------------------------
  20160308 iWac.jp negishi
--------------------------*/

/*ボタン他hover時透過*/
a:link { 
	color: #03F;
	text-decoration: none;
}
a:visited { 
	color: #03F;
	text-decoration: none;
}
a:hover { 
	color: #0CF;
	text-decoration: underline;
  cursor: pointer;
}
a:active { 
	color: #0CF;
	text-decoration: none;
}

a img:hover {
  opacity: 0.6;
	filter: alpha(opacity=60);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	-moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.6;              /* Safari 1.x */
	zoom:1;
}
/*↑ここまで↑*/

/*--------------------
 header footer
---------------------*/
body{
	width:100%;
	background: #f9f9f9;
}
h1{
  font-size: 14px;
  color: #ffffff;
  padding: 10px 0;
}
.h1_area{
  width:100%;	
  background: #cf1413;
	
	min-width: 1000px;
}
#wrapper{
	width:1000px;
	margin:0 auto;
}
#header{
	width:100%;
	height: 440px;
	background: url(../img/top_img_bg.png) center center no-repeat;
	margin: 0 auto;
	
	min-width: 1000px;
}
#header .h2_area p{
  margin: 0 auto;
  padding: 30px 5px 30px;
  font-size: 23px;
  line-height: 1.3em;
  background: url(../img/top_text_bg.png) -20px 24px repeat-x; 
}
#header .h2_area img{
  margin-top: 30px;
  text-align: left;
}
#footer{
  width:100%;
  background: #CF1413; 
  margin-bottom: 0;
	
	min-width: 1000px;
}
#footer .inner{
	margin: 0 auto;
}
#footer ul{
	padding: 0 10px;
	margin-right: 260px;
	float: left;
}
#footer ul li{
  float: left;
  padding-right: 10px;
	margin-top: -5px;
}
#footer ul li a{
  color: #ffffff;
  font-size: 11px;
  text-decoration: underline;
}
#footer ul li a:hover{
  color: #ffffff;
  font-size: 11px;
  text-decoration: none;
}
#footer .copy{
  color: #ffffff;
  font-size: 12px;
	margin-top: -10px;
}
.inner{
	width:1000px;
	margin:0 auto;
} 
.textbold{
	font-weight: bold;
	font-size:28px;
	color: #4b4b4b;
	line-height: 1.25em;
	padding: 10px 0;
}
.small{
	font-size: 16px;
}
.large{
	font-size: 48px;
}
.red{
	color: #F23131;
	font-weight: bold;
}

/*--------------------
.arrow_area
---------------------*/
.arrow_area {
	text-align: center;	
	margin: 0 auto;
	height: 100px;
	background: url(/lp/common/ipo/img/arrow01.png) center center no-repeat;
}
.center h2{
	font-weight: bold;
	color: #2e2e2e;
	font-size: 36px;
	text-align: center;	
	margin: 0 auto;
}
.arrow_area .large{
	font-size: 48px;
}

/*--------------------
main
---------------------*/
.section01 h2, .section02 h2{
	font-size: 40px;
	font-weight: bold;
	background: url(../img/h2_icon.png) 18px 24px no-repeat;
	padding: 20px 0 10px 60px;
	color: #2b2b2b;
	border-bottom: #fd2222 3px solid;
	text-align: left;
	margin: 0 20px;		
}

/*--------------------
.section01
---------------------*/
.section01{
	clear: both;
	margin-top: 30px;
	margin-bottom: 30px;
	padding-bottom: 50px;
	background: #ffffff url(../img/section1_bg01.png) 530px 120px no-repeat;
	/* box-shadow */
	box-shadow:rgba(149, 149, 149, 0.109804) 0px 0px 7px 2px;
	-webkit-box-shadow:rgba(149, 149, 149, 0.109804) 0px 0px 7px 2px;
	-moz-box-shadow:rgba(149, 149, 149, 0.109804) 0px 0px 7px 2px;
}
.section01 .cont01{
  float: left; 	
  padding: 20px;
  position: relative;
}
.section01 .cont02{
  float: left;
  padding:20px 23px;
  height: 260px;
  margin: 0 10px;
	background: url(../img/section1_img_bg01.png) 0 0 no-repeat;
}
.section01 .img_2nd{
  position: absolute;
  left: 100px;
  top: 180px;
}
.section01 .img_3nd{
  position: absolute;
  top: 340px;
  left: 10px;
}
.section01 .sec{
  margin-top: 10px;
}
.section01 .thr{
  margin: 14px;
}
/*--------------------
.section02
---------------------*/
.section02{
	background:#ffffff;
	clear: both;
	margin: 20px 0 30px;
	padding: 10px 0;
	/* box-shadow */
	box-shadow:rgba(149, 149, 149, 0.109804) 0px 0px 7px 2px;
	-webkit-box-shadow:rgba(149, 149, 149, 0.109804) 0px 0px 7px 2px;
	-moz-box-shadow:rgba(149, 149, 149, 0.109804) 0px 0px 7px 2px;
}
.section02 .cont{
  padding: 20px;	
}
.section02 .cont .flow{
  padding: 20px 0;	
}
.section02 h3{
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  margin: 10px auto;
  color: #2a69ab;
}
.section02 .small{
  font-size: 12px;
	color: #e9ca5b;
  margin-top: 80px;
}
.section02 ul li{
	line-height: 1.7em;
}
.section02 .red{
  font-size: 24px;
	font-weight: bold;
	color: #d56a97;
	line-height: 2em;
}
.section02 ul{
	font-weight: bold;
	margin: 10px;
}
.section02 ul li{
	padding: 25px 0;
}
.section02 .li_icon01 .li_text{
   font-size: 30px;
   color: #2e2e2e;
   margin: 10px 0  0 80px;
   padding: 15px 0 10px;
   border-bottom: #9e9e9e 2px dotted; 
}
.section02 .li_icon02 .li_text{
   font-size: 30px;
   color: #2e2e2e;
   margin: 0 0 0 80px;
   padding: 15px 306px 10px 0;
   border-bottom: #9e9e9e 2px dotted; 
}
.section02 .li_icon03 .li_text{
   font-size: 30px;
   color: #2e2e2e;
   margin-left: 80px;
}
.section02 .li_icon01{
	background: url(../img/h3_icon01.png) 0 6px no-repeat;
}
.section02 .li_icon02{
	background: url(../img/h3_icon02.png) 0 -2px no-repeat;
}
.section02 .li_icon03{
	background: url(../img/h3_icon03.png) 0 -4px no-repeat;
}
/*--------------------
.section03
---------------------*/
.section03{
	clear: both;
	margin: 20px 0;
	padding-bottom: 60px;
}
.section03 .center{
	text-align: center;
}
.section03 .wrapF{
	margin: 10px 0;
}
.section03 h2{
	font-size: 24px;
	font-weight: bold;
	background: url(../img/h2_icon.png) 18px 24px no-repeat;
	padding: 10px 0 5px 60px;
	color: #2b2b2b;
	border-bottom: #fd2222 3px solid;
	text-align: left;	
	margin: 0 4px;	
}
.section03 h2 img{
	margin: 12px 10px;
}
.section03 .cont04{
  width: 303px;
  height: 300px;
  background: #ffffff;
  padding: 10px;
  margin: 10px 5px;
  float: left;
  /* box-shadow */
  box-shadow:rgba(149, 149, 149, 0.109804) 0px 0px 7px 2px;
  -webkit-box-shadow:rgba(149, 149, 149, 0.109804) 0px 0px 7px 2px;
  -moz-box-shadow:rgba(149, 149, 149, 0.109804) 0px 0px 7px 2px;
}
.section03 .h3_area img{
 	float: left; 
 	margin: 5px;
}
.section03 .h3_area h3{
  float: left; 
 	width: 224px;
 	height: 30px;
  font-weight: bold;
 	font-size: 26px;
  color: #2e2e2e;
 	border-bottom: #fb3939 2px solid;
 	padding: 10px 0;
}
.section03 .tag{
	clear: both;
	margin: 0 auto;	
}
.section03 .tag li{
	float: left;
	margin: 10px 17px 0;
	display: inline;
}
.section03 .logo_area{
	clear: both;
	text-align: center;
}
.section03 .logo_area_l{
  margin: 68px 0 0 14px;
}
.section03 .logo_area_m{
  margin: 48px 0 30px 14px;
}
.section03 .logo_area img,
.section03 .logo_area_l img,
.section03 .logo_area_m img{
  border: #e9e9e9 1px solid;
  margin: 14px 3px 0;
	display: inline;
}
.section03 .cv_btn{
	text-align: center;
	margin: 14px 0 10px;
}

.cv_btn_area h2 img{
	position: absolute;
	top: -66px;
	right: -10px;	
}
.cv_btn_area p{
	color: #FF4242;
	font-size: 20px;
	font-weight: bold;	
	padding-top: 20px;
}
.cv_btn_area a img{
	padding: 10px 0;	
}