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

/* Link
=========================================== */

a:link, a:visited {
	color: #333;
}
a:hover, a:active {
	color: #333;
	text-decoration: none;
}
a {
	outline: none;
}
a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}


/* LAYOUT
=========================================== */
body {
	font-size:13px;
	min-width: 1400px;
	line-height: 1.6;
	letter-spacing: 0.01em;
}
body div{
	word-wrap: break-word;
}
/*.anc{
	width:1px;
	padding-top:38px;
	margin-top:-40px;
}
*/
.hover :hover{
	opacity:1;
}
/* header */
/*-------------------------------------------*/
.etrbtn{
	z-index:999;
    position: fixed;
    top: 100px;
    right: 20px;
}
#header{
	width:1100px;
	margin:15px auto 15px;
	background:#FFF;
}
.header_left{
	float:left;
}
.header_right{
	float:right;
}
.header_tel{
	float:left;
	margin-right:20px;
	font-size:11px;
	color:#555;
	letter-spacing: 0.8px;
}
.header_btn{
	float:right;
}
/* mainimg */
/*-------------------------------------------*/
#main_img{
	min-height:635px;
	margin:0 auto;
	position:relative;
}
#main_img h2{
	width:1200px;
	min-height:635px;
	margin:0 auto;
	position:relative;
}
#main_img img{
	position:absolute;
}
#main_img .box{
	position:relative !important;
}
.main_img01{
	width:100%;
	z-index:1;
}
.main_img02{
	width:100%;
	z-index:2;
}
.main_img03{
	width:100%;
	z-index:3;
}
.main_img04{
	width:100%;
	z-index:4;
}
.main_img05{
	width:100%;
	z-index:5;
}
.main_title{
	z-index:6;
	top:18%;
	right:2%;
}
/* gNavi */
/*-------------------------------------------*/
.gnav{
	background:#000;
	display:none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
	z-index:99999;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, p, blockquote, table, th, td {
    margin: 0;
    padding: 0;
}
.nav{
	width:820px;
	margin:0 auto;
	padding:7px 0px 13px;
}
.nav li{
	float:left;
	margin-right:25px;
}
.nav li:last-child{
	margin-right:0px;
}
/* contents */
/*-------------------------------------------*/
#section{

}
/*content01*/
.content01_bg{
	width:100%;
	padding:100px 0 100px;
	background:url(../lp_img/bg01.png) no-repeat center;
	background-size:cover;
}
.content01{
	width:100%;
	background-size:cover;
}
.content01_h2{
	width:610px;
	margin:0 auto 50px;
	position:relative;
}
.content01_h2 .sub_title{
	position:absolute;
	left:105px;
	bottom:-5px;
}
.content01_img01{
	width:1100px;
	height:320px;
	margin:0 auto 25px;
	position:relative;
	color:#FFF;
	background:url(../lp_img/img01.png) no-repeat;
}
.content01_img01_text{
	width:220px;
	position:absolute;
	bottom:70px;
	right:433px;
}
.content01 ul{
	width:1100px;
	margin:0 auto;
}
.content01 ul li{
	width:318px;
	min-height:393px;
	line-height:20px;
	padding:20px 15px 0px 15px; 
	margin-right:25px;
	border:solid 1px #DFDFDF;
	float:left;
	background:#FFF;
	position:relative;
}
.content01 ul li p{
	width:320px;
    line-height: 21px;
	position:absolute;
	bottom:20px;
	left:18px;
}
.content01 ul li .text01{
	position:relative;
	left:-5px;
}
.content01 ul li .text02{
	margin-left:-13px;
}
/*
.content01 ul li p span{
	position:relative;
	left:-6px;
}
*/
.content01 ul li img{
	margin-bottom:10px;
}
.content01 ul li:last-child{
	margin-right:0px;
}

/*content02*/
.content02_bg01{
	padding:50px 0 0;
	background:url(../lp_img/bg02.png) no-repeat;
	background-size:cover;
}
.content02_bg02{
	background:url(../lp_img/side_img01.png) right no-repeat;
	position:relative;
	height:626px;
}
.content02{
	width:1400px;
	height:510px;
	margin:0 auto;
	position:relative;
}
.content02_left{
	width:600px;
	margin:auto;
	left:0;
	right:0;
	font-size:16px;
	position:absolute;
	writing-mode: tb-rl; /* IE独自仕様 */
	writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-o-writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	z-index:1;
	line-height:2.0em;
}
.content02_left h2{
	margin-left:35px;
}
.content02_left p{
}
.content02_text{
	position:absolute;
	bottom:100px;
	left:-185px;
}


/*content03*/
.content03_bg{
	padding:130px 0 80px;
	background:url(../lp_img/bg03.png) no-repeat top right;
	background-size:contain;
}
.content03{
	width:1255px;
	margin:0 auto;
	position:relative;
}
.content03_text{
	width:455px;
	position:absolute;
    top: -60px;
    left: 115px;
}

/*content04*/
.content04_bg01{
	background:url(../lp_img/human_img01.png) left no-repeat;
	background-size:100%;
	height:738px;
    background-position: 0px 0px;
}
.content04_bg02{
	background:url(../lp_img/human_img02.png) right no-repeat;
	background-size:100%;
	height:738px;
}
.content04 h3{
	border-bottom:dotted 1px #133057;
	padding-bottom:30px;
	margin-bottom:30px;
}
.content04 h3.h3_border{
	border-bottom:dotted 1px #FFF;
	padding-bottom:30px;
	margin-bottom:30px;
}
.content04_left01{
	width:50%;
	float:left;
	height:738px;
    box-sizing: border-box;
}
.content04_right01{
	width:48%;
	box-sizing: border-box;
	padding:50px 0 50px 30px;
	float:right;
	min-height:738px;
}
.content04_left02{
	width:50%;
	color:#FFF;
	float:left;
	min-height:738px;
	padding:50px 0 50px 15%;
    box-sizing: border-box;
}
.content04_right02{
	width:50%;
	box-sizing: border-box;
	float:right;
	height:738px;
}
.content04_text{
	width:500px;
}
.content04_text p{
	margin-bottom:25px;
	line-height: 1.7em;
}

/*content05*/
.content05_bg{
	padding:96px 0;
	background:url(../lp_img/bg04.png) no-repeat center;
	background-size:100%;
}
.content05{
	width:970px;
	padding:45px 65px 85px;
	text-align:center;
	margin:0 auto;
	background:url(../lp_img/bg09.png) no-repeat;
}

/*content6*/
.content06_bg{
	padding:74px 0;
	background:url(../lp_img/bg05.png) no-repeat center;
	background-size:cover;
}
.content06{
	width:1100px;
	margin:0 auto;
}
.content06 li{
	width:535px;
	position:relative;
}
.content06 li p{
	width:490px;
	position:absolute;
	bottom:30px;
	left:25px;
}

/*content7*/
.content07_bg{
	padding:80px 0;
	background:url(../lp_img/bg06.png) no-repeat center;
	background-size:cover;
}
.content07{
	width:1000px;
	margin:0 auto;
	padding:50px;
	background:#FFF;
}
.content07_table{
	width:1000px;
}
.content07_table tr{
	border-bottom:dotted 1px #000;
}
.content07_table tr:last-child{
	border-bottom:none;
}
.content07_table th{
	width:220px;
	height:65px;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}
.content07_table td{
	width:770px;
	height:65px;
	font-size:14px;
	padding:5px 0px;
	vertical-align:middle;
}
.content07_table td.td01{
	padding:10px 0px;
}
.content07_table td span{
	height:35px;
	display:block;
	padding:15px 0px 0px 20px;
	border-left:solid 1px #000;
}
.content07_table td span.span01{
	height:auto;
	display:block;
	padding:5px 0px 0px 20px;
	border-left:solid 1px #000;
}
.content07_table td span b{
	position:relative;
	right:7px;
}
.content07_table td span.span02{
	position:relative;
	right:10px;
	height:auto;
	display:inline;
	padding:0;
	border-left:none;
}

.content07_table td p{
	padding:0px 0px 0px 20px;
	border-left:solid 1px #000;
}

/*content8*/
.content08{
	width:1010px;
	margin:0 auto;
	padding:80px 0 0;
	background:#FFF;
}
.content08 li{
	float:left;
}
.content08_ul01{
	margin-bottom:70px;
}
.content08_ul01 li{
	margin-right:40px;
}
.content08_ul01 li:last-child{
	margin-right:0px;
}
.content08_ul02{
	width:650px;
	margin:0 auto;
}
.content08_ul02 li{
	margin-right:40px;
}
.content08_ul02 li:last-child{
	margin-right:0px;
}

/*content9*/
.content09_bg{
	min-height:2500px;
	/*background: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,1)), url(../lp_img/bg07.png) fixed center;*/
	background:url(../lp_img/bg07.png) no-repeat center ;
	background-size:cover;
	position:relative;
	padding:600px 0 0px;
	margin:-500px 0px 60px;
}
/*
@media screen and (max-width: 1200px) {
.content09_bg{
	padding:900px 0 0px;
	margin-bottom:-600px;
}
}
@media screen and (max-width: 1000px) {
.content09_bg{
	padding:900px 0 0px;
	margin-bottom:-500px;
}
}
*/
.content09{
	position:relative;
	z-index:9;
	width:1000px;
	margin:0 auto 100px;
	padding:50px 50px 30px;
	background:#FFF;
}
.content09_ul{
	width:900px;
	margin:0 auto;
}
/* common */
/*-------------------------------------------*/
.common_btnbox_bg{
	background:#133057;
	padding:30px 0;
}
.common_btnbox{
	width:900px;
	margin:0 auto;
}


/* form */
/*-------------------------------------------*/
.formbox{
	width:1000px;
	margin:0 auto;
	padding:80px 50px 45px;
	background:#FFF;
}
.formbox02{
	width:1000px;
	margin:0 auto;
	padding:50px;
	background:#133057;
}
.formbox02_bg{
	padding:30px;
	background:#FFF;
}
.formbox h3{
	margin-bottom:30px;
}
.form_table{
	width:1000px;
	margin-bottom:30px;
}
.form_table tr{
	border-bottom:dotted 1px #000;
}
.form_table tr:last-child{
}
.form_table th{
	width:142px;
	height:65px;
	padding-left:20px;
	font-size:16px;
	font-weight:bold;
	vertical-align:middle;
}
.form_table td{
	width:770px;
	height:65px;
	font-size:14px;
	padding:5px 20px 5px 5px;
	vertical-align:middle;
}
.form_table td.td01{
	padding:10px 0px;
}
.form_table td p{
	height:50px;
	padding:10px 0px 0px 20px;
	border-left:solid 1px #000;
}
.form_table .icon{
	color:#FFF;
	background:#7899C7;
    display: inline-block;
	border-radius: 5px;
    padding: 2px 4px;
	margin-right:20px;
	font-size:11px;
	float:left;
}
.form_table .icon02{
	width:30px;
	margin-right:15px;
	display:inline-block;
}
.formbox .info{
	width:750px;
	margin:0 auto 35px;
}
.radio_ul{
	float:left;
}
.radio_ul li{
	float:left;
}
.radio_ul li input{
	margin-right:5px;
	position:relative;
	top:2px;
	cursor:pointer;
}
.radio_ul li label{
	cursor:pointer;
}
input.text{
	width:745px;
	height:39px;
}
textarea{
	width:743px;
	height:189px;
	position:relative;
	right:10px;
}
.textarea_box{
	text-align:right;
	margin:20px 0px 0px 0px;
}

.btn_table{
	width:1000px;
	margin:0 auto;
}
.formbox .postmark{
	margin:0px 10px 0px 24px;
	position:relative;
	left:0px;
}
.formbox .postcode{
	width:160px;
	height:39px;
	margin-right:20px;
}
.formbox .address{
	width:130px;
	height:45px;
}
#address2{
	position:relative;
	right:10px;
}
.form_cfm_btn{
	cursor:pointer;
	font-size:0px;
	border:none;
	background:none;
	width:434px;
	height:70px;
	background:url(../lp_img/form_comfirm_btn.png);
}
.form_cfm_btn:hover{
	background:url(../lp_img/form_comfirm_btn-on.png);
}

.form_rpa_btn{
	cursor:pointer;
	font-size:0px;
	border:none;
	background:none;
	width:434px;
	height:70px;
	background:url(../lp_img/form_repea_btn.png);
}
.form_rpa_btn:hover{
	background:url(../lp_img/form_repea_btn-on.png);
}

.form_sub_btn{
	cursor:pointer;
	font-size:0px;
	border:none;
	background:none;
	width:434px;
	height:70px;
	background:url(../lp_img/form_submit_btn.png);
}
.form_sub_btn:hover{
	background:url(../lp_img/form_submit_btn-on.png);
}





.form_table02{
	width:950px;
	margin-bottom:50px;
}
.form_table02 tr{
	border-bottom:dotted 1px #000;
}
.form_table02 th{
	width:185px;
	height:65px;
	padding:0px 20px;
	font-size:16px;
	font-weight:bold;
	vertical-align:middle;
}
.form_table02 td{
	width:770px;
	height:65px;
	font-size:14px;
	padding:5px 20px 5px 0px;
	vertical-align:middle;
}
.form_table02 table{
}
.form_table02 td p{
	height:50px;
	padding:10px 0px 0px 20px;
	border-left:solid 1px #000;
}
.form_table02 .b_none{
	border:none;
}

.thaksBox01{
	width: 1000px;
    margin: 0 auto;
    padding: 50px;
    background: #133057;
}
.thaksBox01 .thaksBox01_in{
	padding:30px;
	background:#FFF;
}
.thaksBox01_link{
	margin:30px 0px 0px;
	text-align:center;
}
.thaksBox01_link a{
	color:#FFF;
}
.alert{
	color:#F00;
}

/* footer */
/*-------------------------------------------*/
#footer{
	width:1020px;
	margin:40px auto 0;
}
.footer_ul{
	padding-bottom:35px;
	border-bottom:solid 1px #B4B4B4;
}
.footer_ul li{
	float:left;
	padding:0px 10px;
	border-right:solid 1px #B4B4B4;
}
.footer_ul li:first-child{
	padding-left:0;
}
.footer_ul li:last-child{
	padding-right:0;
	border-right:none;
}
.footer_logo{
	margin:60px 0;
	text-align:center;
}
/*トップに戻る*/
#page-top {
	z-index:999;
    position: fixed;
    bottom: 100px;
    right: 0px;
}
address{
	font-size:10px;
	background:#F08017;
	color:#FFF;
	text-align:center;
	padding:5px 0px;
}
/* CLEARFIX
=========================================== */

.cf:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	overflow: hidden;
	font-size: 0.1em;
	line-height: 0;
}
.cf {
	min-height: 1px;
}
* html .cf {
	height: 1px;/*
  height: auto;
  overflow: hidden;
  /**/
}
.tright {
	text-align:right;
}
.tleft {
	text-align:left;
}
.tcenter {
	text-align:center;
}
.flL {
	float:left;
}
.flR {
	float:right;
}
.pad05 {
	padding:0 5px;
	text-align:justify;
}
.red {
	color:#F00;
}
.orange{
	color:#FF9933;
}
.bold{
	font-weight:bold;
}
.both {
	clear: both;
}

/* OTHERS
=========================================== */
.mt0 { margin-top: 0   !important;}
.mt05 { margin-top: 5px !important;}
.mt10 { margin-top:10px !important;}
.mt12 { margin-top:12px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mt40 { margin-top:40px !important;}
.mt45 { margin-top:45px !important;}
.mt50 { margin-top:50px !important;}
.mr0 { margin-right: 0   !important;}
.mr05 { margin-right: 5px !important;}
.mr10 { margin-right:10px !important;}
.mr12 { margin-right:12px !important;}
.mr15 { margin-right:15px !important;}
.mr20 { margin-right:20px !important;}
.mr25 { margin-right:25px !important;}
.mr30 { margin-right:30px !important;}
.mr35 { margin-right:35px !important;}
.mr40 { margin-right:40px !important;}
.mr45 { margin-right:45px !important;}
.mr50 { margin-right:50px !important;}
.mb0 { margin-bottom: 0   !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb12 { margin-bottom:12px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}
.mb55 { margin-bottom:55px !important;}
.mb60 { margin-bottom:60px !important;}
.mb65 { margin-bottom:65px !important;}
.mb75 { margin-bottom:75px !important;}
.ml0 { margin-left: 0   !important;}
.ml05 { margin-left: 5px !important;}
.ml10 { margin-left:10px !important;}
.ml12 { margin-left:12px !important;}
.ml15 { margin-left:15px !important;}
.ml20 { margin-left:20px !important;}
.ml25 { margin-left:25px !important;}
.ml30 { margin-left:30px !important;}
.ml35 { margin-left:35px !important;}
.ml40 { margin-left:40px !important;}
.ml45 { margin-left:45px !important;}
.ml50 { margin-left:50px !important;}

.pt0 { padding-top: 0   !important;}
.pt05 { padding-top: 5px !important;}
.pt10 { padding-top:10px !important;}
.pt12 { padding-top:12px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt25 { padding-top:25px !important;}
.pt30 { padding-top:30px !important;}
.pt35 { padding-top:35px !important;}
.pt40 { padding-top:40px !important;}
.pt45 { padding-top:45px !important;}
.pt50 { padding-top:50px !important;}
.pr0 { padding-right: 0   !important;}
.pr05 { padding-right: 5px !important;}
.pr10 { padding-right:10px !important;}
.pr12 { padding-right:12px !important;}
.pr15 { padding-right:15px !important;}
.pr20 { padding-right:20px !important;}
.pr25 { padding-right:25px !important;}
.pr30 { padding-right:30px !important;}
.pr35 { padding-right:35px !important;}
.pr40 { padding-right:40px !important;}
.pr45 { padding-right:45px !important;}
.pr50 { padding-right:50px !important;}
.pb0 { padding-bottom: 0   !important;}
.pb05 { padding-bottom: 5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb12 { padding-bottom:12px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb25 { padding-bottom:25px !important;}
.pb30 { padding-bottom:30px !important;}
.pb35 { padding-bottom:35px !important;}
.pb40 { padding-bottom:40px !important;}
.pb45 { padding-bottom:45px !important;}
.pb50 { padding-bottom:50px !important;}
.pl0 { padding-left: 0   !important;}
.pl05 { padding-left: 5px !important;}
.pl10 { padding-left:10px !important;}
.pl12 { padding-left:12px !important;}
.pl15 { padding-left:15px !important;}
.pl20 { padding-left:20px !important;}
.pl25 { padding-left:25px !important;}
.pl30 { padding-left:30px !important;}
.pl35 { padding-left:35px !important;}
.pl40 { padding-left:40px !important;}
.pl45 { padding-left:45px !important;}
.pl50 { padding-left:50px !important;}
.pl70 { padding-left:70px !important;}


/*huwahuwa*/
.huwahuwa_box{
	position:absolute;
	width:500px;
	height:400px;
	margin:0 auto;
	top:305px;
	left:230px;
}
.huwahuwa_box img{
	position:absolute;
}
.huwahuwa01{
	left:0px;
	bottom:100px;
}
.huwahuwa02{
	left:200px;
	bottom:100px;
}
.huwahuwa03{
	left:350px;
	bottom:100px;
}

@keyframes fuwafuwa01{
	0%{top:0px;}
	50%{top:90px;}
	80%{top:50px;}
	100%{top:0px;}
}
@keyframes fuwafuwa02{
	0%{top:0px;}
	50%{top:90px;}
	80%{top:50px;}
	100%{top:0px;}
}
@keyframes fuwafuwa03{
	0%{top:0px;}
	50%{top:90px;}
	80%{top:50px;}
	100%{top:0px;}
}
.huwahuwa_box .huwahuwa01{
	animation:fuwafuwa01 8s ease-in-out infinite;
}
.huwahuwa_box .huwahuwa02{
	animation:fuwafuwa02 15s ease-in-out infinite;
}
.huwahuwa_box .huwahuwa03{
	animation:fuwafuwa03 13s ease-in-out infinite;
}

/*詳細を見るボタン追加*/

.content07 .detail_box{
	text-align:center;
	position:relative;
}
		.content07 .detail_box .link_btn a{
			position:absolute;
			top:0;
			right:0;
			font-size:16px;
			text-decoration:none;
			display:block;
			width:130px;
			padding:17px 13px 15px;
			background:#f08017;
			color:#FFF;
		}
		.content07 .detail_box .link_btn a:before{
			margin-right:10px;
			color:#FFF;
		}
		/*ホバー*/
		.content07 .detail_box .link_btn a:hover{
			opacity:0.6;
		}