@charset "utf-8";
/* ----------------------------------------------------------------------------------
■CSS書き順■
 * display / list-style
 * position / float / clear / z-index
 * width / height / margin / padding / border
 * background
 * color / 
   font (font-family / font-style / font-variant / font-weight / font-size / line-height)
   text-decoration / text-align / vertical-align /letter-spacing / white-space / (other text)
 * content
 * cursor

---------------------------------------------------------------------------------- */


/* **********************************************************************************

	01. イニシャライズ

********************************************************************************** */
html{font-size:62.5%;}
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,cite,code,img,q,samp,small,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,figcaption,figure,footer,header,nav,section,time,audio,video{
margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;}
body{line-height:1;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;vertical-align:baseline;background:transparent;}
table{border-collapse:collapse;border-spacing:0;}
input,select{vertical-align:top;}
article,aside,canvas,details,figcaption,figure,footer,header,menu,nav,section{display:block;}
body {
	background-color:#fff;
	font-family: Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Helvetica,sans-serif;
	color:#414141; text-align:center; }
a{ color:#404040; outline: none; text-decoration:none;}
a:visited { color:#404040; }
a:active  { color:#404040; }
a:hover   { color:#404040;}
input[type="button"],
input[type="submit"] {-webkit-appearance: none;border-radius:0;}
input{font-family: Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Helvetica,sans-serif;}
ul,li{list-style:none; margin:0; padding:0;}
header,footer,nav,aside,section{display:block;}
section{clear:both;}
sup,
sub{
	position: relative;
	height: 0;
	font-size:12px; font-size:1.2rem; line-height: 1; vertical-align: baseline;
	_vertical-align: bottom;}
sup{bottom:0.7ex;}
sub{top:0.5ex;}

img{
	display:block;}
h2{
	font-size:22px; font-size:2.2rem; line-height:1.3;}
h3{}
p{
	margin-top:1em;}
p:first-child{
	margin-top:0;}

/* **********************************************************************************

	02. グローバルエレメント定義

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

/* .align */
.align-left{text-align:left;}
.align-right{text-align:right;}
.align-center{text-align:center;}
.align-center img{
	margin:0 auto;}
.txt-size-s{
	font-size:12px; font-size:1.2rem;}
.txt-color-001{
	color:#0288d1;}
.txt-color-002{
	color:#007e76;}
.txt-bold{
	font-weight:bold;}




/* **********************************************************************************

	03. 

********************************************************************************** */
.wrap{
	position:relative;}
/* -------------------------------------------------------------------
	header
------------------------------------------------------------------- */
#header{
	position:fixed; z-index:9;
	width:100%; height:100px;
	background:url(../img/bg_header_001.png) repeat-x 0 0;
	font-size:12px; font-size:1.2rem; line-height:1.3;}

#header .inr-header{
	width:960px; margin:0 auto; padding:0;
	text-align:left;}
#header .logo-header{
	float:left;
	padding:22px 0 0;}
#header .list-header{
	float:right;
	width:800px; padding:5px 0 0;}
#header .list-header li{
	float:left; margin:0;}
#header .list-header li a{
	display:table-cell;
	width:200px; height:75px; padding:0; border-radius:5px 5px 0 0;
	font-weight:bold; vertical-align:middle;}
#header .list-header li a span{
	display:inline-block;
	width:160px; padding:0 20px 0 19px; border-left:1px solid #e5e5e5;
	vertical-align:middle;}
#header .list-header li:first-child a span{
	border:none; padding:0 20px;}
#header .list-header li a.active{
	background:#414141;
	color:#FFF;}
#header .list-header li a.active span{
	border:none; padding:0 20px;}
#header .list-header li .contents01:hover{
	background:#212121;
	color:#FFF;}
#header .list-header li .contents02:hover{
	background:#0288d1;
	color:#FFF;}
#header .list-header li .contents03:hover{
	background:#09bcb1;
	color:#FFF;}
#header .list-header li .contents04:hover{
	background:#00796b;
	color:#FFF;}
#header .list-header li .contents01:hover span,
#header .list-header li .contents02:hover span,
#header .list-header li .contents03:hover span,
#header .list-header li .contents04:hover span{
	border:none; padding:0 20px;}

#header .btn-003{
	float:right;
	margin:0; padding:23px 0 0;}

/* -------------------------------------------------------------------
	footer
------------------------------------------------------------------- */
#footer{
	margin:100px 0 0; padding-bottom:130px;
	background:#05050a; color:#FFF;}
#footer .inr-footer01{
	background:#b3b3b3;}
#footer .inr-footer01 a{
	display:block;
	width:960px; margin:0 auto; padding:25px 0 24px;
	font-size:30px; font-size:3rem; line-height:1.3; color:#05050a;}
#footer .inr-footer01 a span{
	display:inline-block;
	padding:0 40px 0 0; border-bottom:1px solid #b3b3b3;
	background:url(../img/icon_anchor_001.png) no-repeat right center;}
#footer .inr-footer01 a:hover span{
	border-bottom:1px solid #05050a;}
#footer .inr-footer02{
	width:960px; margin:0 auto; padding:40px 0;
	font-size:14px; font-size:1.4rem; line-height:2; text-align:left;}
#footer .copy{
	margin:40px 0 0;
	text-align:right;
	font-size:14px; font-size:1.2rem; line-height:1.5;}
.pop #footer{
	padding-bottom:0;}
.pop #footer .copy{
	margin:0;}


/* -------------------------------------------------------------------
	cv
------------------------------------------------------------------- */
#cv{
	position:fixed; bottom:0; z-index:9;
	width:100%; padding:0 0 20px;
	background:url(../img/bg_footer_001.png) repeat-x 0 0;
	font-size:12px; font-size:1.2rem; line-height:1.3;}
#cv .inr-cv{
	position:relative;
	width:960px; margin:0 auto;}
#cv .tel{
	float:left;
	padding:55px 0 0; width:410px;
	font-size:32px; font-size:3.2rem; color:#515151; text-align:left;}
#cv .tel p{
	display:block;
	padding:0 0 0 70px;
	background:url(../img/icon_tel_001.png) no-repeat 0 0;}
#cv .btn01,
#cv .btn02{
	float:left;
	margin:0 0 0 20px; padding:25px 0 0;}
#cv .btn01 a,
#cv .btn02 a{
	display:block;
	padding:20px 0; width:240px; border-radius:5px;
	background:#414141;
	text-align:center; color:#FFF; font-size:18px; font-size:1.8rem;}
#cv .btn01 a:hover{
	background:#2c5101;}
#cv .btn02 a:hover{
	background:#cf6100;}
#cv .btn01 p,
#cv .btn02 p{
	margin:5px 0 0;}

#cv .close{
	position:absolute; top:-28px; right:-10px;
	display:block;
	width:110px; border-radius:5px 5px 0 0; box-shadow:0 -1px 2px #ccc;
	background:#FFF url(../img/icon_close_001.png) no-repeat 74px center;
	font-size:14px; font-size:1.4rem;}
#cv .close.active{
	background:#FFF;}
#cv .close a{
	display:block;
	padding:10px 0;}
#cv .close a:hover{
	text-decoration:underline;}

#cv .close a{
	text-indent:-1em;}
#cv .close.active a{
	text-indent:0;}


/* -------------------------------------------------------------------
	content
------------------------------------------------------------------- */
#content{
	width:960px; margin:0 auto; padding:120px 0 0;
	font-size:14px; font-size:1.4rem; line-height:1.5; text-align:left;}

/* -------------------------------------------------------------------
	box-mv-001
------------------------------------------------------------------- */
.box-mv-001{
	padding:25px 25px 25px 390px; border:1px solid #a8a8a8; box-shadow:0 0 10px #7f7f7f; border-radius:5px;
	background:#FFF url(../img/img_mv_001.png) no-repeat 0 bottom;
	color:#666666;}
.box-mv-001 h2{
	font-size:20px; font-size:2rem; line-height:1.3;}
.box-mv-001 p{
	margin-top:0.2em;}

/* -------------------------------------------------------------------
	box-section-001
------------------------------------------------------------------- */
.box-section-001{
	margin:70px 0 0; padding:0 0 50px; border-radius:5px; box-shadow:0 0 10px #7f7f7f;
	background:#414141;
	color:#FFF;}

.box-section-001 h2{
	display:table-cell;
	width:900px; height:100px; padding:10px 30px; border-radius:4px 4px 0 0;
	background:#212121;
	vertical-align:middle; line-height:1.3;}

/* -------------------------------------------------------------------
	box-section-002
------------------------------------------------------------------- */
.box-section-002{
	position:relative;
	margin:70px 0 0; padding:0; border-radius:5px; border:1px solid #a8a8a8; box-shadow:0 0 10px #7f7f7f;
	background:#FFF;}
.box-section-002 h2{
	display:table-cell;
	width:900px; height:100px; padding:10px 30px; border-radius:4px 4px 0 0;
	background:#0288d1;
	vertical-align:middle; color:#FFF; line-height:1.3;}
.box-section-002 h2 span{
	font-size:18px; font-size:1.8rem;}
.box-section-002 h3{
	color:#0288d1; font-size:26px; font-size:2.6rem; line-height:1.3;}



/* -------------------------------------------------------------------
	box-section-003
------------------------------------------------------------------- */
.box-section-003{
	margin:70px 0 0; padding:0; border-radius:5px; border:1px solid #a8a8a8; box-shadow:0 0 10px #7f7f7f;
	background:#FFF;}
.box-section-003 h2{
	display:table-cell;
	width:900px; height:100px; padding:10px 30px; border-radius:4px 4px 0 0;
	background:#09bcb1;
	vertical-align:middle; color:#FFF; line-height:1.3;}
.box-section-003 h2 span{
	font-size:18px; font-size:1.8rem;}
.box-section-003 h3{
	color:#007e76; font-size:26px; font-size:2.6rem; line-height:1.3;}
.box-section-003 h4{
	margin:30px 0 0; padding-bottom:5px; border-bottom:1px solid #ccc;
	text-align:center; color:#666666;}


/* -------------------------------------------------------------------
	box-section-004
------------------------------------------------------------------- */
.box-section-004{
	margin:70px 0 150px; padding:0; border-radius:5px; border:1px solid #a8a8a8; box-shadow:0 0 10px #7f7f7f;
	background:#FFF;}
.box-section-004 h2{
	display:table-cell;
	width:900px; height:100px; padding:10px 30px; border-radius:4px 4px 0 0;
	background:#00796b;
	vertical-align:middle; color:#FFF; line-height:1.3;}
.box-section-004 h2 span{
	font-size:18px; font-size:1.8rem;}
.box-section-004 h3{
	color:#00796b; font-size:26px; font-size:2.6rem; line-height:1.3;}
.box-section-004 h3 span{
	display:inline-block;
	font-size:16px; font-size:1.6rem; line-height:1.6;}


/* -------------------------------------------------------------------
	box-section-005
------------------------------------------------------------------- */
.box-section-005{
	margin:70px 0 0; padding:0 0 30px; border-radius:5px; border:1px solid #a8a8a8; box-shadow:0 0 10px #7f7f7f;
	background:#FFF;}
.box-section-005 h2{
	display:table-cell;
	width:900px; height:100px; padding:10px 30px; border-radius:4px 4px 0 0;
	background:#555118;
	vertical-align:middle; color:#FFF; line-height:1.3;}
.box-section-005 h3{
	display:block;
	padding:40px 30px;
	color:#555118; font-size:26px; font-size:2.6rem; line-height:1.3;}


/* -------------------------------------------------------------------
	box-imgtxt-001
------------------------------------------------------------------- */
.box-imgtxt-001{
	margin:50px 30px 0;}
.box-imgtxt-001 .img{
	float:left;
	width:309px; padding:10px; margin:0 30px 0 0;
	background:#f3f3f3;
	color:#373737; font-size:12px; font-size:1.2rem;}
.box-imgtxt-001 .txt{
	overflow:hidden;
	line-height:2;}

/* -------------------------------------------------------------------
	box-imgtxt-002
------------------------------------------------------------------- */
.box-imgtxt-002{}
.box-imgtxt-002 .img{
	float:right;
	width:428px;}
.box-imgtxt-002 .tbl{
	float:right;
	width:403px; margin:0 25px 0 0;}
.box-imgtxt-002 .txt{
	display:table-cell;
	height:385px; padding:0 30px;
	vertical-align:middle; line-height:2;
	overflow:hidden;}
.box-section-004 .box-imgtxt-002 .txt{
	padding:0 30px 0 40px;}
.box-section-004 .box-imgtxt-002 .img{
	background:#e5e5e5;}

.point01{
	font-size:22px; font-weight:bold;}
.point02{
	font-size:16px; font-weight:bold;}
.point03{
	font-size:12px;}

.pop .point01{
	font-size:26px; font-weight:bold;}
.pop .point02{
	font-size:20px; font-weight:bold;}

/* -------------------------------------------------------------------
	box-imgtxt-003
------------------------------------------------------------------- */
.box-imgtxt-003{}
.box-imgtxt-003 .img{
	float:right;
	width:428px;}
.box-imgtxt-003 .txt{
	padding:0 30px;
	overflow:hidden;
	line-height:2;}

/* -------------------------------------------------------------------
	box-table-001
------------------------------------------------------------------- */
.box-table-001{
	margin:1em 0 0;
	border:1px solid #a7a7a7; border-width:0 1px 1px 0;}
.box-table-001 table{
	width:100%;}
.box-table-001 table th,
.box-table-001 table td{
	padding:5px; border:1px solid #a7a7a7; border-width:1px 0 0 1px;
	vertical-align:middle;}
.box-table-001 table th{
	text-align:center;}
.box-table-001 table .th01{
	background:#deeff8;
	color:#0288d1;}
.box-table-001 table .th02{
	background:#dffaf8;
	color:#09bcb1;}
.box-table-001 table .noborder{
	border:none;}
.pop .box-table-001 table th{
	padding:18px;}

/* -------------------------------------------------------------------
	box-table-002
------------------------------------------------------------------- */
.box-table-002{
	border:none;}
.box-table-002 table{
	max-width:170px; margin:0 auto;}
.box-table-002 table th,
.box-table-002 table td{
	border:none; padding:0;}
.box-table-002 table td{
	font-size:10px; color:#666; line-height:1.3;}


/* -------------------------------------------------------------------
	btn-001
------------------------------------------------------------------- */
.btn-001{
	margin:20px 0 0;}
.btn-001 a{
	display:block;
	width:240px; padding:10px 20px 10px 0; margin:0 auto; border-radius:5px; box-shadow:0 0 10px #7f7f7f;
	background:#09bcb1 url(../img/icon_blank_001.png) no-repeat 95% center;
	text-align:center; font-size:16px; font-size:1.6rem; color:#FFF;}
.btn-001 a:hover{
	opacity:0.7;}

/* -------------------------------------------------------------------
	btn-002
------------------------------------------------------------------- */
.btn-002{
	margin:20px 0 0;}
.btn-002 a{
	display:block;
	width:240px; padding:10px 0; margin:0 auto; border-radius:5px; box-shadow:0 0 10px #7f7f7f;
	background:#717171;
	text-align:center; font-size:16px; font-size:1.6rem; color:#FFF;}
.btn-002 a:hover{
	opacity:0.7;}

/* -------------------------------------------------------------------
	btn-003
------------------------------------------------------------------- */
.btn-003{
	margin:20px 0 0;}
.btn-003 a{
	display:block; overflow:hidden;
	width:30px; height:30px; padding:0; margin:0 0 0 auto;
	background: url(../img/icon_close_002.png) no-repeat center center;
	text-indent:-999px;}
.btn-003 a:hover{
	opacity:0.7;}

/* -------------------------------------------------------------------
	box-contact-001
------------------------------------------------------------------- */
.box-contact-001{
	margin:30px 0 0; border:1px solid #555118; padding:25px 30px;
	font-size:22px; color:#555118;}

.box-contact-001 dt{
	float:left;
	padding:0 0 0 15px; margin:0 40px 0 0;
	background:url(../img/icon_ttl_001.png) no-repeat 0 center;}
.box-contact-001 dd{
	overflow:hidden;}

/* -------------------------------------------------------------------
	btn-anchor
------------------------------------------------------------------- */
.btn-anchor{}
.btn-anchor .anchor-back{
	position:absolute; top:-35px; left:50%;
	margin:0 0 0 -35px;}
.btn-anchor .anchor-next{
	position:absolute; bottom:-35px; left:50%;
	margin:0 0 0 -35px;}

/* -------------------------------------------------------------------
	h2
------------------------------------------------------------------- */
.h2-01{
	font-size:22px; font-size:2.2rem; line-height:1.5; color:#007e76;}
.h2-01 .sub{
	font-size:18px; font-size:1.8rem;}

/* -------------------------------------------------------------------
	h3
------------------------------------------------------------------- */
.h3-01{
	margin:38px 0 0;
	font-size:18px; font-size:1.8rem; line-height:1.5; color:#666666;}

/* -------------------------------------------------------------------
	txt-icon
------------------------------------------------------------------- */
.txt-icon{
	display:inline-block;
	padding:0 5px 0 0;
	vertical-align:middle;}

/* -------------------------------------------------------------------
	box-ul-001
------------------------------------------------------------------- */
.box-ul-001{
	margin:1.5em 0 0;}
.box-ul-001 li{
	margin:0.5em 0 0 1.3em;
	text-indent:-1.3em;}
.box-ul-001 li:first-child{
	margin-top:0;}

/* -------------------------------------------------------------------
	box-spread-table
------------------------------------------------------------------- */
.box-spread-table{
	width:700px; margin:20px auto 0;}

/* -------------------------------------------------------------------
	box-border-001
------------------------------------------------------------------- */
.box-border-001{
	margin:20px 0 0; padding:20px 0 0;
	border-top:1px dotted #a7a7a7;}
.box-border-001 *:first-child{
	margin-top:0;}














