@charset "UTF-8";

/* ウィンドウ幅が0?479pxの場合に適用するCSS
@media screen and ( max-width:479px )
{
}
*/


/* ウィンドウ幅が480px以上の場合に適用するCSS
@media screen and ( min-width:480px )
{
}
*/


/*171101追加
==================================================================================*/

h1 {
	background: url(../img/logo.png) no-repeat 0 0;
	width: 1000px;
	height: 71px;
	margin: 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.mv_box {
	background: url(../img/mv_img_01.png) no-repeat 0 0;
	width: 1000px;
	height: 878px;
	margin: 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

h2.s011 {
	background: url(../img/sec01_title_01.png) no-repeat 0 0;
	width: 900px;
	height: 215px;
	margin: 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

div.s012 {
	background: url(../img/sec01_img_01.jpg) no-repeat 0 0;
	width: 1200px;
	height: 419px;
	margin: 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

h2.s013 {
	background: url(../img/sec01_title_02.png) no-repeat 0 0;
	width: 900px;
	height: 215px;
	margin: 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

div.s014 {
	background: url(../img/sec01_img_02.jpg) no-repeat 0 0;
	width: 1200px;
	height: 419px;
	margin: 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.btn_01 a {
	display: block;
	background: url(../img/btn_01.png) no-repeat 0 0;
	width: 860px;
	height: 216px;
	margin: 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.btn_02 a {
	display: block;
	background: url(../img/btn_02.png) no-repeat 0 0;
	width: 713px;
	height: 130px;
	margin: 100px auto 50px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}


h2.s021 {
	background: url(../img/sec02_img_01.jpg) no-repeat 0 0;
	width: 1000px;
	height: 593px;
	margin: 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

div.s022 {
	background: url(../img/sec02_img_03.jpg) no-repeat 0 0;
	width: 900px;
	height: 455px;
	margin: 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

div.s023 {
	background: url(../img/sec02_img_04.jpg) no-repeat 0 0;
	width: 1200px;
	height: 1298px;
	margin: 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

div.s024 {
	background: url(../img/sec02_img_05.jpg) no-repeat 0 0;
	width: 900px;
	height: 1060px;
	margin: 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

div.s025 {
	background: url(../img/sec02_img_06.jpg) no-repeat 0 0;
	width: 900px;
	height: 455px;
	margin: 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

div.s026 {
	background: url(../img/sec02_img_07.jpg) no-repeat 0 0;
	width: 1000px;
	height: 966px;
	margin: 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}


h2.s031 {
	background: url(../img/sec03_title_01.png) no-repeat 0 0;
	width: 901px;
	height: 98px;
	margin: 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

h3.s032 {
	background: url(../img/sec03_title_02.jpg) no-repeat 0 0;
	width: 900px;
	height: 572px;
	margin: 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}


h2.s041 {
	background: url(../img/sec04_title_01.png) no-repeat 0 0;
	width: 800px;
	height: 100px;
	margin: 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

div.s042 {
	background: url(../img/sec04_title_01.jpg) no-repeat 0 0;
	width: 800px;
	height: 172px;
	margin: 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

div.s042 {
	background: url(../img/sec04_title_01.jpg) no-repeat 0 0;
	width: 800px;
	height: 172px;
	margin: 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

div.s043 {
	background: url(../img/sec04_title_02.jpg) no-repeat 0 0;
	width: 800px;
	height: 172px;
	margin: 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

h2.s044 {
	background: url(../img/sec04_title_02.png) no-repeat 0 0;
	width: 421px;
	height: 95px;
	margin: 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

div.s045 {
	background: url(../img/sec04_title_03.png) no-repeat 0 0;
	width: 700px;
	height: 50px;
	margin: 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}


div.s051 {
	background: url(../img/sec05_title_01.png) no-repeat 0 0;
	width: 345px;
	height: 86px;
	margin: 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

div.s052 {
	background: url(../img/sec05_title_02.png) no-repeat 0 0;
	width: 800px;
	height: 300px;
	margin: 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

div.s053 {
	background: url(../img/sec05_img_01.jpg) no-repeat 0 0;
	width: 755px;
	height: 179px;
	margin: 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}


div.s061 {
	background: url(../img/sec06_title_01.png) no-repeat 0 0;
	width: 338px;
	height: 141px;
	margin: 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}


div.s071 {
	background: url(../img/sec07_img_01.jpg) no-repeat 0 0;
	width: 1200px;
	height: 658px;
	margin: 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

div.s072 {
	background: url(../img/sec07_img_03.png) no-repeat 0 0;
	width: 800px;
	height: 130px;
	margin: 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}



.aptbl2 {
 border: 1px solid #ccc;
 border-collapse: collapse;
 font-size: 15px;
 width: 100%;
 margin-bottom: 15px;
}

.aptbl2 th {
 background-color: #eee;
 padding: 3px 8px;
 border: 1px solid #ccc;
 width: 162px;
 font-size: 18px;
}

.aptbl2 td {
 background-color: #fff;
 padding: 3px 8px;
 border: 1px solid #ccc;
}






/*sec_07
==================================================================================*/
#sec_08 .box_01{
	padding:80px;
	width:850px;
}
#sec_08 .title{
	border-left:4px solid #808080;
	font-weight:bold;
	line-height:1;
	padding:5px 0 5px 20px;
	font-size:2em;
}
#sec_08 .title span{
	font-size:0.6em;
}


#sec_08 .box{
	border: 1px solid #ccc;
    font-size: 0.8em;
    line-height: 2;
    margin: 0 auto;
    padding: 30px 50px;
    width: 500px;
}
#sec_08 .box .title_02{
	text-align:center;
	font-weight:bold;
	font-size:1.3em;
}


/*sec_07
==================================================================================*/
#sec_07 .box{
	margin: 50px auto;
    width: 800px;
}
#sec_07 .box img{
	float:right;
}
#sec_07 .box .text{
	float:left;
	width:500px;
	line-height:2.3;
}


/*sec_06
==================================================================================*/
#sec_06 .box_01{
	margin: 50px auto 0;
}

#sec_06 .box_01 .text{
	float: right;
    width: 610px;
}
#sec_06 .box_01 img{
	float:left;
}
#sec_06 .mini{
	font-size:0.8em;
	line-height:2;
}


/*sec_05
==================================================================================*/
#sec_05 .title_01 {
	padding: 10px 0 50px;
}
.qa .q{
	background:url(../img/sec05_icon_01.png) no-repeat scroll 10px 0;
	border-bottom: 2px dashed #ddd;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1;
    margin: 10px 0;
    padding: 10px 0 20px 70px;
}
.qa .a{
	background:url(../img/sec05_icon_02.png) no-repeat scroll 10px 5px;
	line-height: 2.2;
    margin: 10px 0 40px;
    padding: 10px 0 10px 70px;
}

#sec_05 .box_01{
	padding-bottom:20px;
}

#sec_05 .box {
	border: 1px solid #ddd;
    margin: 0 auto 100px;
    padding: 70px;
    width: 760px;
}


/*sec_04
==================================================================================*/
#sec_04 .title_01 {
	padding: 10px 0 40px;
}
#sec_04 .text_box{
	border: 1px solid #ddd;
    padding: 0 40px 40px;
	margin:50px 0 0;
}
#sec_04 .text_box img{
	margin:0 0 0 20px;
}
#sec_04 .title_02{
	color:#f00a0a;
	border-left:3px solid #f00a0a;
	line-height:1;
	font-weight:bold;
	padding:5px 0 5px 10px;
	margin:50px 0 20px;
	font-size:1.2em;
}

.voice li{
	border-bottom: 2px dashed #ddd;
    padding: 20px 10px 10px 10px;
}
.voice li img{
	float: left;
}
.voice .text {
	float: left;
    padding: 0 0 0 30px;
	line-height:1.6;
}
.voice .text .title{
	font-weight:bold;
	font-size:1.2em;
}


/*sec_03
==================================================================================*/
#sec_03 .title_01{
	background:url(../img/sec03_title_bg_01.jpg) no-repeat scroll center center / cover;
	margin: 70px 0 0;
    padding: 70px 0 60px;
}
#sec_03 .title_02{
	margin:80px 0 50px -50px;
}


/*sec_02
==================================================================================*/
#sec_02 .img_01 {
	background:#101110;
}


/*sec_01
==================================================================================*/
#sec_01 {
	background:#000;
}
#sec_01 .text{
	margin-top:30px;
	margin-bottom:50px;
	color:#fff;
}


/*メインビジュアル
==================================================================================*/
#mv {
	background:url(../img/mainvisual_01.jpg) no-repeat scroll center 250px #000;
	text-align:center;
}

.btn{
	text-align:center;
	background:#F3F3F3;
	padding:50px 0 70px;
}

header{
	padding: 30px 0;
}

/*フッター
==================================================================================*/
footer {
	text-align:center;
	font-size:0.8em;
	color:#5F5F5F;
}
footer ul li{
	display:inline-block;
	margin:0 10px;
}
footer a{
	color:#666;
}
footer .bg_01{
	padding: 0 0 10px;
}

/* common
------------------------------------------------------------------------------------*/
body{
	line-height:2.8;
	font-size:110%;
}

.center{
	text-align:center;
}

.w_main{
	width:1000px;
	margin:0 auto;
}
.w_main2{
	width:900px;
	margin:0 auto;
}

/*背景--------------------------------------------------*/
.box_01 {
	background:#fff;
	box-shadow:0 0 4px #bbb;
	padding:50px;
	width:800px;
	margin:0 auto;
}

.bg_01 {
	background:#ebebeb;
	padding:50px 0;
}
.bg_02 {
	background:#feebeb;
	padding:50px 0;
}
.bg_03 {
	background:#ebebeb;
	padding:50px 0;
}
.bg_04 {
	background:#eef8fe;
	padding:50px 0;
}

/*リスト--------------------------------------------------*/
.check_01 {
}
.check_01 li{
	background:url(../img/list_set_icon1.png) no-repeat scroll 30px center;
	border-bottom: 2px dashed #ddd;
    font-size: 1.5em;
    font-weight: bold;
    padding: 20px 0 20px 100px;
	line-height: 1.6;
}

/*btn--------------------------------------------------*/
.btn_01{
	text-align:center;
	padding:0 0 50px;
}
.btn2{
	text-align:center;
	padding: 100px 0 50px;
}

/*フォントサイズ--------------------------------------------------*/
.em1{
	font-size:1em;
}
.em13{
	font-size:1.3em;
}
.em15{
	font-size:1.5em;
}
.em18{
	font-size:1.8em;
}
.em2{
	font-size:2em;
}

.blue{
	color:#28acee;
	line-height:1.3;
}
.red{
	color:#f00a0a;
	line-height:1.3;
}

.hover {
	transition: 0.5s ;
}
.hover:hover{
	filter:alpha(opacity=85);
	-moz-opacity:0.70;
	-khtml-opacity: 0.70;
	opacity:0.70;
}

.img_r img{
	float: right;
    margin: 0 0 50px 50px;
}

.bold{
	font-weight:bold;
}

.f_r{
	float:right;
}
.f_l{
	float:left;
}

/*pagetop
==================================================================================*/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 1;
}
#page-top a {
	text-align: center;
	display: block;
}