@charset "utf-8";
/* CSS Document */
@import "reset.css";
/*******************
 LP style
********************/

/* font
--------------------------------------------------*/
*{
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
  color: #40505b;
  line-height:150%;
}
a{
  color: #2c3987;
  text-decoration: none;
}
a:hover{
  text-decoration: underline;
}

html {
  margin: 0 auto;
}
.hover > *{
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.hover > *:hover{
  opacity: 0.6;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
}

img {
  display: inherit;
}

.mb60 { margin-bottom: 60px !important; }


/* common */

.f_left {float:left;}
.f_right {float:right;}
.center {text-align:center;}

/* clear*/
.clear{
clear:both;
}
.clearfix:after {
content: ".";
display: block; 
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
min-height: 1px;
}
* html .clearfix {
height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}

/*-------------------------------------------
 main
-----------------------------------------------*/
.main_bg {
  background: url(../img/main_bg01.jpg) no-repeat center 0;
}
.main {
      max-width: 1038px;
    height: 800px;
    margin: 0 auto;
    padding-top: 10px;
}

/*-------------------------------------------
 CV
-----------------------------------------------*/
.cv {
  width: 1000px;
  margin: 0 auto;
}
.cv_bg {
	background: url(../img/cv_bg.jpg) no-repeat center 0;
	position: relative;
  width: 1000px;
  height: 640px;
  margin: 0 auto;
}
.cv_bg .offertxt {
	position: absolute;
	top:140px;
		left:90px;
}
.cv_bg .offertel {
	position: absolute;
	top:540px;
		left:110px;
}
.cv_pb {
  padding-bottom: 260px;
}
.cv_btn {
  margin: 0 auto;
  width: 700px;
  height: 90px;
	position: absolute;
	top:435px;
		left:150px;
}
.cv_btn img {
  animation: anime1 0.5s ease 0s infinite alternate;
  transform-origin:center;
}
@keyframes anime1 {
from {
transform: scale(0.96,0.96);
}
to {
transform: scale(1,1);
}
}

/*-------------------------------------------
 contents
-----------------------------------------------*/

.section01 {
  max-width: 1000px;
  margin: 0 auto;
}


.section02 {
  max-width: 1000px;
  margin: 0 auto;
}

.section03_bg{
  background: url(../img/cont03_bg01.jpg) no-repeat center 0;
}
.section03 {
  max-width: 1000px;
  margin: 0 auto;
}

.section04_bg{
  background: url(../img/cont04_bg01.jpg) no-repeat center 0;
}
.section04 {
  max-width: 1000px;
  margin: 0 auto;
}

.section05_bg{
  background: url(../img/cont05_bg01.jpg) no-repeat center 0;
}
.section05 {
  max-width: 1000px;
  margin: 0 auto;
}

.section06_bg{
  background: url(../img/cont06_bg01.jpg) no-repeat center 0;
}
.section06 {
  max-width: 1000px;
  margin: 0 auto;
}

.section07_bg{
  background: url(../img/cont07_bg.jpg) no-repeat center 0;
}
.section07 {
	position: relative;
  max-width: 1000px;
  margin: 0 auto;
	height: 1525px;
}
.section07 .uservoice {
	position: absolute;
	width: 900px;
	height: 1237px;
 top:280px;
	left: 50px;
}


.section08 {
  max-width: 1000px;
  margin: 0 auto;
}

.section09_bg{
  background: url(../img/cont09_bg.jpg) no-repeat center 0;
}
.section09 {
  max-width: 1000px;
  margin: 0 auto;
height: 1654px;
	position: relative;
}
.section09 .title{
	position: absolute;
	top: 40px;
	left: 280px;
}
.section09 .faq{
	position: absolute;
	top: 250px;
	left: 100px;
}

.section10_bg{
  background: url(../img/cont10_bg01.jpg) no-repeat center 0;
}
.section10 {
  max-width: 1000px;
  margin: 0 auto;
}



/*==========================================================================*/
/*                             Footer                                       */
/*==========================================================================*/
.footer {
  font-size: 16px;
}
.f_navi {
  max-width: 1000px;
  margin: 0 auto 20px;
  text-align: center;
}
.outline_bg {
  width: 100%;
  background-color: #2c3987;
}
.outline {
  max-width: 780px;
  margin: 0 auto;
  padding: 20px 0;
}
.outline img {
  /*vertical-align: text-bottom;*/
  display: inline;
}
.outline p, .outline a {
  color: #fff;
}
.outline .f_left p.f20 {
  font-size: 20px;
  margin: 10px 0 5px;
}
.outline .f_left p.f28 {
  font-size: 28px;
  margin: 10px 0 5px;
}
.outline .f_right {
  border-left: 1px solid #fff;
  padding: 10px 0px 10px 30px;
}
.outline .f_right p.f18 {
  font-size: 18px;
}
.outline .f_right p.f28 {
  font-size: 28px;
}

.copyright_bg {
  width: 100%;
  background-color: #fff;
}
.copyright {
  font-size: 12px;
  color: #2c3987;
  text-align: center;
	padding-top: 10px;
  padding-bottom: 20px;
}