@charset "utf-8";


/*全ページ適用CSS -------------------------------------------------------------- */

* {
	margin		: 0;
	padding		: 0;
}
html{
	font-size	: 62.5%;
}
body {
	/*font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka, "メイリオ", Meiryo, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;*/
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	line-height:1.5;
	color:#333333;
	min-width:1000px;
	background: #FFF;
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, th, td{  
	margin:0; 
	padding:0;  
	color:#333333;
}  
table{  
	border-collapse:collapse; 
	border-spacing:0;  
}  
fieldset, img{  
	border:0;  
} 
img {
	vertical-align: top;
}

address, caption, cite, code, dfn, th, var{
	font-style:normal; 
	font-weight:normal;  
}
em{
	font-style:normal;  
}
ol, ul{  
	list-style:none;  
} 

caption, th{  
	text-align:left;  
}

h1, h2, h3, h4, h5, h6{  
	 font-weight:normal;  
	 font-size: 1rem;
}
hr {
	display: none;
}
abbr, acronym{  
	border:0;  
}
textarea { 
  font-family: sans-serif;
}



/*------------------------------------
リンク 
------------------------------------*/ 
a:hover {
	text-decoration:none;
	color: #3C3CFF;
	opacity: 0.9;
}
area {
	outline: none;
}
a:hover img{
	opacity: 0.8;
}


/* リスト２行以降対策
------------------------------------------------------------*/ 
ol.list li, ul.list li{
	text-indent:-1em;
	margin-left:1em;
} 



/* ヘッダー 
------------------------------------------------------------*/ 
header{
	position:relative;
	z-index: 1000;
	/*background:#fff url(../img/img-common/life_hed_line.gif) repeat-x left bottom;*/
	/*border-top:4px solid #FFA64D;*/
}
header #header_inner{
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	background: url(../img/img-common/pc_hed_bg02.png) no-repeat 610px 12px;
	position: relative;	
}
header #header_inner h1{
	text-align: left;
	padding: 10px 0 19px 10px;
}
header #header_inner .logo img{
	/*width: 200px;*/
	height: auto;
}
header #header_inner .logo a:hover img{
	opacity:1;
}
header #header_inner .logo .img02{
	width:auto;
	margin:26px 0 0 20px;
}

/*ヘッダ*/
header #hed_wrp{
	padding: 0;
	/*border-top:3px solid #FB7D00;*/
}
header #header {
	width: 1000px;
	margin: 0 auto 9px;
	text-align: left;
}

header #header .logo {
	float:left;
	display:block;
	margin: 8px 0 0px 10px;
	width: 476px;
}
header #header .logo a img{
	opacity:1;
} 
header #header .hed_right {
	float:right;
	clear:right;
	width: 55px;
	margin: 13px 0 0 0;
}



/* サブナビ
------------------------------------------------------------*/ 

header #header_inner nav .subnav {
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 29px;
}
header #header_inner nav .subnav li{
	float: left;
	margin: 0;
	padding: 0;
}
header #header_inner nav .subnav li.method02{
}
header #header_inner nav .subnav li.method03{
	margin: 0;
}
header #header_inner nav .subnav li a{
	display: block;
	outline: none;
	overflow: hidden;
	color: #333;
	text-decoration: none;
	background:url(../img/img-common/ico_03.png) no-repeat left center;
	padding: 0 0 0 13px;
	margin: 10px 22px 0 0;
	font-size:1.2rem;
	background-size:10%;
}
header #header_inner nav .subnav li.method02 a{
	background:url(../img/img-common/ico_03.png) no-repeat left center;
	padding: 0 0 0 12px;
	background-size:5%;
}

header #header_inner nav .subnav li.method03 a{
	background:url(../img/img-common/life_hed_form.png) no-repeat left center;
	padding: 0 0 0 22px;
	background-size:18%;
	margin:10px 0 0;
}
header #header_inner nav .subnav li a:hover{
	text-decoration: underline;	
}
header #header_inner nav .tabnav {
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0px;
	top: 0px;
}
header #header_inner nav .tabnav li{
	float: left;
	margin: 0;
	padding: 0;
}
header #header_inner nav .tabnav li.method01{
	margin:0 10px 0 0;
}
header #header_inner nav .tabnav li.method02{
	margin:0 20px 0 0;
}

header #header_inner nav .tabnav .hed_tsize {
	background: #FFA64D;
	padding: 0px 8px 5px 2px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
header #header_inner nav .tabnav .hed_tsize dt,
header #header_inner nav .tabnav .hed_tsize dd {
	color: #fff;
	float: left;
	font-size: 1.2rem;
	margin: 0 0 0 10px;
	font-weight:bold;
}
header #header_inner nav .tabnav .hed_tsize dt{
	margin:6px 0 0 10px;
}

header #header_inner nav .tabnav .hed_tsize dd {
	cursor: pointer;
	text-indent: -9999px;
}
header #header_inner nav .tabnav .hed_tsize dd.size_s {
	background: url(../img/img-common/hed_tsize_01.png) no-repeat left top;
	height: 18px;
	width: 18px;
	margin:5px 0 0 5px;
}
header #header_inner nav .tabnav .hed_tsize dd.size_m {
	background: url(../img/img-common/hed_tsize_02.png) no-repeat left top;
	height: 22px;
	width: 22px;
	margin:3px 0 0 5px;
}
header #header_inner nav .tabnav .hed_tsize dd.size_l {
	background: url(../img/img-common/hed_tsize_03.png) no-repeat left top;
	height: 26px;
	width: 26px;
	margin:0px 0 0 5px;
}
header #header_inner nav .tabnav .hed_tsize dd.active {
	background-position: left bottom;
}


/*Gナビ*/
#hed_wrp #global{
	background:#EEEEEE;
	padding: 10px 0;
}
#hed_wrp ul#gnav{
	display: flex;
	justify-content: center;
	width:1000px;
	margin:0 auto;
	background:url(../img/img-common/gnav_bg.gif) no-repeat left center;
	padding:0 0 0 5px;
}
#hed_wrp ul#gnav li{
	background: url(../img/img-common/gnav_bg.gif) no-repeat right center;
	vertical-align:middle;
	display:block;
	width:190px;
	padding:0 10px 0 0;
}
#hed_wrp ul#gnav li.method02{
	width:190px;
}
#hed_wrp ul#gnav li.method03{
	width:190px;
}
#hed_wrp ul#gnav li.method04{
	width:190px;
}
#hed_wrp ul#gnav li.method05{
	width:190px;
}


#hed_wrp ul#gnav li a{
	background: url(../img/img-common/gnav01.gif) no-repeat left top;
	height: 64px;
	display: block;
	outline: none;
	overflow: hidden;
	text-indent: -10000px;
}

#hed_wrp ul#gnav li.method02 a{
	background: url(../img/img-common/gnav02.gif) no-repeat left top;
}
#hed_wrp ul#gnav li.method03 a{
	background: url(../img/img-common/gnav03.gif) no-repeat left top;
}
#hed_wrp ul#gnav li.method04 a{
	background: url(../img/img-common/gnav04.gif) no-repeat left top;
}
#hed_wrp ul#gnav li.method05 a{
	background: url(../img/img-common/gnav05.gif) no-repeat left top;
}
#hed_wrp ul#gnav li.method06 a{
	background: url(../img/img-common/gnav06.gif) no-repeat left top;
}
#hed_wrp ul#gnav li a:hover{
	background-position:left bottom;
}


.project #hed_wrp ul#gnav li.method02 a,
.report #hed_wrp ul#gnav li.method03 a,
.member #hed_wrp ul#gnav li.method04 a,
.application #hed_wrp ul#gnav li.method05 a{
	background-position:left bottom;
}



.hed_inner .ttl01{
	margin:44px 0 0;
}




/*
コンテンツ 
------------------------------------------------------------*/
#contents{
	width: 1000px;
	position: relative;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
.contact_block{
	text-align:center;
	margin: 0% auto 14%;
	width: 83%;
}
.contact_block .btn li{
	float:left;
	display:block;
}
.contact_block .method01{
	font-size:18px;
	color:#333;
	line-height:1.2;
	letter-spacing:0.05em;
	font-weight:bold;
	margin:0 0 20px;
}
.contact_block .method01 a:hover{
	cursor:default;
}
.contact_block .method01 a:hover img{
	opacity:1;
}

.contact_block .method01 img{
	width: 100%;
	height: auto;
}
.contact_block .method02 {
	width: 45.5%;
	float:left;
}
.contact_block .method02 img{
	width: 100%;
	height: auto;
}
.contact_block .btn{
	margin:0 auto 30px;
	width:640px;
}
.contact_block .btn li{
	float:left;
	display:block;
}



/* メイン
------------------------------------------------------------*/ 

main{
	width: 1000px;
	float: left;
	padding:0 28px;
	/*margin: 0 26px 0 38px;*/
	margin: 0 auto;
	padding: 0;
/*	background: #cc0000;
*/}




/* cvn_btn
-----------------------------------*/
.cvn_btn {
	width: 55%;
	margin: 0 auto 9%;	
}
.cvn_btn img{
	width: 100%;	
}


/*　フッター
--------------------------------------------------------------*/

.footer_bn p{
	text-align:center;
	margin:18px 0 10px;
	font-size:1.2rem;
	
}
.footer_bn_in{
	width: 600px;
	margin: 0px auto;
	padding: 40px 0px 30px;
}
.footer_bn_in ul {
	display: flex;
	justify-content: center;
}
.footer_bn ul li{
	display:block;
}
.footer_bn ul li{
	margin: 0 140px 0 0;
}
.footer_bn ul li:last-child{
	margin:0 0px 0 0;
}


.footer_bn2{
	background:#F8F8F8;
}
.footer_bn2 p{
	/*color:#3198F3;*/
	text-align:left;
	/*margin:0 0 10px;*/
}
.footer_bn_in2{
	width: 800px;
	margin: 0px auto;
	padding: 5px 0px 0;
}
.footer_bn2 ul li{
	float:left;
	display:block;
}
.footer_bn2 ul li{
	margin: 0 25px 0 0;
}
.footer_bn2 ul li:last-child{
	margin:0 0px 0 0;
}
.footer_bn2 ul li span{
	display:block;
	text-align:left;
}
.footer_bn2 ul li a{
	color:#333;
}

.footer_bn2 .left{
	float:left;
	width: 37%;
}

.footer_bn2 ul{
	padding: 35px 0 0;
}


.footer_bn2 .list_block01 li {
	margin:0;
	font-size:1.6rem;
}

.footer_bn2 .block02 .blk02{
	padding: 0 0 0 20px;
}


.footer_bn2 .list_block01 li{
	list-style:none;
	background:url(../img/img-common/foot_icon01.png) no-repeat left center;
	padding:5px 0 5px 40px;
}





footer{
	position: relative;	
	background:#fff;
	/*border-top:1px solid #ddd;*/
	background: url(../img/img-common/footer_bg.gif) repeat 0 0;
}
footer .inner{
	width: 1000px;
	margin: 0 auto;	
}

footer a{
	text-decoration: none;	
}

footer nav.blk01{
	margin: 0;
	padding: 3.5% 0 2.5% 12%;
	/*width: 42%;*/
	width: 22%;
	float: left;
}
footer nav.blk01 ul{
	margin: 0;
	width: 210px;
	float: left;
}
footer nav.blk01 ul li{
	background: url(../img/img-common/arrow_ico01.png) no-repeat left center;
	background-size: 2.5% auto;
	padding: 0 0 0% 16px;
	margin: 0 0 5px;
	text-align: left;
}
footer nav.blk01 ul li a{
	text-decoration: none;
	color: #333;
	font-size: 1.2rem;
}
footer nav.blk01 ul li a:hover{
	text-decoration:underline;
}
footer .fot_cont02{
	float: left;
	display:block;
	padding:1.5% 0 3% 60px;
	/*width: 450px;*/
	width:55%;
}

footer .fot_cont02 .foot_logo{
	text-align: left;
	/*width:168px;*/
	margin:0 0 17px;
}
footer .fot_cont02 .foot_logo img{
	height: auto;
	/*width:100%;*/
}

footer .fot_cont02 .tel {
	background: url(../img/img-common/ico_tel.png) no-repeat 0 0;
	background-size:5%;
	font-size: 19px;
	font-weight: bold;
	line-height: 2;
	margin: 0;
	padding: 0 0 0 33px;
	text-align:left;
}
footer .fot_cont02 .tel a {
	text-decoration: none;
	color:#333;
}
footer .fot_cont02 .time {
	font-size: 1.2rem;
	font-weight: bold;
	margin: 0 0 11px;
	padding: 0 0 0 36px;
	line-height: 1;
	text-align: left;
}
footer .fot_cont02 .address{
	font-size:1.2rem;
	text-align:left;
	margin: 0 0 14px 95px;
}
footer .fot_cont02 .address span{
	font-size:1.4rem;
}
footer .fot_cont02 nav .fot_menu2 {
	margin: 0 0 23px;
}
footer .fot_cont02 nav .fot_menu2 li{
	float:left;
	display:block;
	background:url(../img/img-common/ico_01.png) no-repeat left center;
	padding: 0 0 0 25px;
	background-size:9%;
	margin: 0 30px 0 0;
}
footer .fot_cont02 nav .fot_menu2 li a{
	font-size:1.4rem;
	background:url(../img/img-common/ico_04.png) no-repeat right center;
	padding:0 18px 0 0px;
	color:#333;
}
footer .fot_cont02 nav .fot_menu2 li a span{
	font-size:1.4rem;
	color:#0266B2;
	font-weight:bold;
}
footer .fot_cont02 nav .fot_menu2 li.method02{
	background:url(../img/img-common/ico_02.png) no-repeat left center;
	background-size:8%;
	padding: 0 0px 0 27px;
}


footer .fot_cont02 .fot_banner li{
	float:left;
	display:block;
	width:162px;
	margin: 0 20px 0 0;
}

footer .fot_cont02 .fot_banner li img{
	width:100%;
}

footer #copyright{
	clear: left;
	background-color: #EE7DB0;
	color: #fff;
	font-size: 1.3rem;
	padding: 7px 0;
	text-align: center;
}
footer #copyright small{
	font-size: 1.3rem;
}

footer #copyright a{
	font-size: 1.2rem;
	color:#fff;
}



/*------------------------------------
ページトップ
------------------------------------*/ 
#topcontrol{
	bottom: 34px;
	left: 50%;
	margin: 0 0 0 450px;
}

#wrapper{ position: relative;overflow-y:auto;-webkit-overflow-scrolling:touch}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	#topcontrol{
		left: auto;
		right: 0;
		margin: 0;
	}
}


/*------------------------------------
NEXTボタン -共通-
------------------------------------*/
.kasou #contents main .com_next_btn{
	text-align: center;
	padding: 10% 0 3%;
}

.kasou #contents main .com_next_btn a{
	background: url(../img/img-common/next_btn01.jpg) no-repeat left center;
	padding: 10% 8%;
	text-decoration:none;
	font-size: 174%;
	font-weight: bold;
	color: #FFF;
	background-size:100%;
}


.mb30{
	margin-bottom:30px !important;
}
.mb50{
	margin-bottom:50px !important;
}
.mb80{
	margin-bottom:80px !important;
}
.mb100{
	margin-bottom:100px !important;
}


/* 緊急表示枠
---------------------------------------------*/
.alert_block {
	width: 90%;
	margin: 0 auto 3%;
}


/* 共通ページ下部ボタン
---------------------------------------------*/
.common_block {
	width: 96%;
	margin: 0 auto;
	padding: 7% 0;
	clear: both;
}
.common_block ul li{
	width: 32.3%;
	margin: 0 0 0 0;	
	float: left;
}
.common_block ul li img{
	width:100%;
}
.common_block ul li:first-of-type{
	margin: 0 0 0 1%;	
}
.common_block ul li:nth-child(2){
	margin: 0 1% 0;	
}

