@charset "utf-8";

/* common */
/* ----------------------------------------------------------------------------------------- */

body{
	font-family:"游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
	font-weight:500;
	background:#FFF;
	color:#111;
}

.size_en01{
	font-size:0.75em !important;
}

/* layout */
/* ----------------------------------------------------------------------------------------- */

/* body */
/* -------------------------------------------- */

#body{
	text-align:center;
	font-size:80%;
	line-height:1.75em;
}

.imgborder01{
	box-sizing:border-box;
	width:100%;
	height:auto;
	border-radius:6px;
	border:1px solid #CCC;
}

.img{
	width:100%;
	height:auto;
}

#bxslider01,
.bxslider01,
.bxslider02,
#pc_image{
	display:none;
}

/* header */
/* -------------------------------------------- */

#headerArea{
	position:relative;
	height:63px;
}

#logo_jp,
#logo_en{
	position:absolute;
	width:240px;
	height:38px;
	top:15px;
	left:15px;
}

#logo_jp a{
	display:block;
	width:240px;
	height:38px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img_xdpi/logo_jp.gif) no-repeat 0 0;
	background-size:240px 38px;
}

#logo_en a{
	display:block;
	width:240px;
	height:38px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img_xdpi/logo_en.gif) no-repeat 0 0;
	background-size:240px 38px;
}

#tel_jp,
#tel_en,
#gnaviArea,
#tnaviArea{
	display:none;
}

#menu{
	position:absolute;
	width:18px;
	height:18px;
	top:20px;
	right:15px;
	cursor:pointer;
}

#menu span{
	display:block;
	width:18px;
	height:18px;
	background: url(../img_sp/menu.png) no-repeat 0 0;
	background-size:18px 18px;
	text-indent:-9999px;
	overflow:hidden;
}

#spnavi_area{
	display:none;
	position:absolute;
	box-sizing:border-box;
	font-size:14px;
	width:100%;
	top:63px;
	z-index:9999;
	border-top:1px solid #ccc;
}

#spnavi li{
	list-style:none;
	text-align:left;
}

#spnavi li a{
	padding:12px 20px 12px 32px;
	display:block;
	text-decoration:none;
	color:#333;
	border-bottom:1px solid #ccc;
	background:#FFF url( ../img_xdpi/arrow05.png) no-repeat 15px center;
	background-size:11px 11px;
}

/* footer */

#footer{
	background:#00479D;
	padding:15px 15px;
	color:#FFF;
	text-align:left;
}

#footer dt{
	font-size:14px;
	line-height:1.25em;
	margin-bottom:5px;
}

#footer dd{
	font-size:11px;
	line-height:1.25em;
	margin-bottom:5px;
}

address{
	font-style:normal;
	font-size:8px;
	line-height:1.5em;
}

/* footer */

#footerNaviA{
	margin-bottom:15px;
	font-size:12px;
	text-align:center;
}

#footerNaviA a{
	color:#666;
	text-decoration:none;
}

/* navi */
/* ----------------------------------------------------------------------------------------- */

/* btnA */

.btnA{
	list-style:none;
}

.btnA a{
	display:block;
	padding:17px 20px !important;
	color:#FFF !important;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	border-radius:4px;
    -webkit-border-radius:4px;  
    -moz-border-radius:4px;
	background: #4cb7ea;
	background: -moz-linear-gradient(top,  #4cb7ea 0%, #0098e1 100%) !important;
	background: -webkit-linear-gradient(top,  #4cb7ea 0%,#0098e1 100%) !important;
	background: linear-gradient(to bottom,  #4cb7ea 0%,#0098e1 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4cb7ea', endColorstr='#0098e1',GradientType=0 ) !important;
}

.btnB{
	list-style:none;
}

.btnB a{
	display:block;
	padding:17px 20px !important;
	color:#0098E1;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	border:1px solid #CCC;
    border-radius:4px;
    -webkit-border-radius:4px;  
    -moz-border-radius:4px;
    background:-moz-linear-gradient(top, #FFF, #DDD);
	background:-webkit-gradient(linear, center top, center bottom, from(#FFF), color-stop(0.5, #FFF), to(#DDD));
}

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

#contentsAreaA{
	padding:0 15px;
	text-align:left;
	line-height:2em;
}

#contentsAreaB{
}

#contentsAreaC{
	box-sizing:border-box;
	padding:0 15px 50px 15px;
	text-align:left;
	line-height:2em;
}

#page_image img{
	width:100%;
	height:auto;
}

.col2_01{
	margin-bottom:50px;
}

.col2_01 .left{
	margin-bottom:25px;
}

.col2_01 .right{
}

.col2_02{
	margin-bottom:25px;
}

.col2_03{
	margin-bottom: 15px;
	padding: 15px;
	text-align: left;
	border-bottom: 1px dotted #ddd;
}

.col2_02 .left,
.col2_03 .left{
	margin-bottom:25px;
}

.sectionA{
	line-height:2em;
}

.sectionBorderA{
	margin-bottom:75px;
	padding-bottom:40px;
	border-bottom:1px dotted #DDD;
}

.sectionBorderB{
	padding:15px 25px;
	border-radius:4px;
	border:2px solid #DDD;
}

.contentsA{
	box-sizing:border-box;
	margin:0 auto;
	padding:15px;
	line-height:1.75em;
	text-align:left;
}

.pageback_btn{
	max-width:280px;
	height:auto;
}

/* under */
/* -------------------------------------------- */

#undearArea{
	display:none;
}

/* footer */
/* -------------------------------------------- */

#fnaviArea ul{
	font-size:13px;
	background-color:#FFF;
	text-align:left;
	list-style:none;
	border-bottom:1px solid #CCC;
}

#fnaviArea ul li a{
	display:block;
	padding:10px 15px;
	border-bottom:1px solid #CCC;
	color:#111;
	text-decoration:none;
	background:-webkit-gradient(linear, center top, center bottom, from(#FFF), color-stop(0.5, #FFF), to(#F0F0F0));
}

#fnaviArea ul li a span{
	display:block;
	width:100%;
	background:url("../img_sp/arrow01b.png") no-repeat scroll right center;
	background-size:9px 13px;
	-webkit-background-size:9px 13px;
	-moz-background-size:9px 13px;
}

#fnaviArea ul li:last-child a{
	border-bottom:none;
}

#fnaviArea ul li ul li a{
	display:block;
	padding:6px 20px;
	border-bottom:1px solid #CCC !important;
	color:#111;
	text-decoration:none;
	background:#FFF;
}

#fnaviArea ul li ul li a span{
	display:block;
	width:100%;
	background:url("../img_sp/arrow01b.png") no-repeat scroll right center;
	background-size:6px 9px;
	-webkit-background-size:6px 9px;
	-moz-background-size:6px 9px;
}

.contentsA ul{
	border-bottom:none !important;
}

#addArea{
	background:#00479D;
	box-sizing:border-box;
	padding:20px;
	text-align:left;
	color:#FFF;
}

#addArea dt{
	font-size:14px !important;
	margin-bottom:5px;
	line-height:1.5em;
}

#addArea dd{
	font-size:9px !important;
	line-height:1.75em;
}

/* pnavi */
/* -------------------------------------------- */

#pnaviArea,
#pagetopArea{
	display:none;
}

/* other */
/* -------------------------------------------- */

.relative{
	position:relative;
}

/* text */
/* ----------------------------------------------------------------------------------------- */

/* heading */
/* -------------------------------------------- */

.pageTitle01A{
	padding:10px 5px 10px 5px;
	color:#FFFFFF;
	font-size:16px;
	text-align:center;
	background:#00479D;
}

.menu_heading{
	box-sizing:border-box;
	padding:12px 15px 12px 15px;
	color:#FFFFFF;
	font-size:14px;
	text-align:left;
	background:#00479D;
}

.headingLv02A{
	color:#00479D;
	font-size:16px;
	margin-bottom:20px;
	line-height:1.75em;
}

.headingLv02B{
	color:#00479D;
	font-size:18px;
	padding-bottom:3px;
	margin-bottom:15px;
	border-bottom:1px solid #ccc;
	line-height:1.75em;
}

.headingLv02C{
	color:#00479D;
	font-size:16px;
	padding-top:5px;
	line-height:1.75em;
}

.headingLv02D{
	margin-bottom: 15px;
	padding:5px 0 5px 15px;
	border-left: 7px solid #00479D;
	font-size: 24px;
}

.headingLv02E{
	display: none;
}

.headingLinkAreaA{
	position:relative;
}

.headingLinkBtnA{
	position:absolute;
	top:2px;
	right:0;
}

#pagePhoto{
	height:175px;
	margin-bottom:20px;
	background:url(../img_xdpi/back03.gif) repeat-x;
}

.numberAreaA{
	position:absolute;
	top:-35px;
	left:0;
	z-index:1;
}

.number{
	width:100px;
	background-color:#09D2C9;
	border-radius:3px;
	margin-bottom:3px;
	padding:0 3px;
	position:relative;
	text-align:center;
	color:#fff;
}
 
.number:after{
	border:5px solid transparent;
	border-top-color:#09D2C9;
	border-bottom-width:0;
	bottom:-5px;
	content:"";
	display:block;
	left:50px;
	position:absolute;
	width:0;
}

.numberB{
	width:100px;
	background-color:#00479D;
	border-radius:3px;
	margin-bottom:3px;
	padding:0 3px;
	position:relative;
	text-align:center;
	color:#fff;
}
 
.numberB:after{
	border:5px solid transparent;
	border-top-color:#00479D;
	border-bottom-width:0;
	bottom:-5px;
	content:"";
	display:block;
	left:50px;
	position:absolute;
	width:0;
}

#point {
	font-size: 18px;
	font-weight: 600;
	line-height: 150%;
	color: #00B0F0;
	margin-bottom: 15px;
}

.tag_point{
	margin-bottom: 10px;
}

.tag_point li{
	list-style: none;
	float: left;
	margin-right: 10px;
	padding: 2px 10px;
	font-size: 11px;
	text-align: center;
	color: #111;
	background: #FFB936;
	border-radius: 4px;
	line-height: 150%;
	margin-bottom: 10px;
}

/* table */
/* ----------------------------------------------------------------------------------------- */

.tableStyleA{
	width:100%;
	border-collapse:collapse;
	border-top:1px solid #ddd;
}

.tableStyleA th{
	padding:7px;
	border-bottom:1px solid #ddd;
	white-space:nowrap;
	text-align:left;
	font-weight:normal;
	vertical-align:top;
	background-color:#EFEFEF;
}

.tableStyleA td{
	padding:7px;
	border-bottom:1px solid #ddd;
	vertical-align:top;
}

/* index */
/* ----------------------------------------------------------------------------------------- */

#contentsAreaA .column03A,
#contentsAreaA .column03B,
#contentsAreaA .column03C{
	width:100%;
	font-size:1em;
}

#contentsAreaA .column03A,
#contentsAreaA .column03B{
	margin-bottom:25px;
}

#contentsAreaA .column03A img,
#contentsAreaA .column03B img,
#contentsAreaA .column03C img{
	width:100%;
}

#contentsAreaA .column03A dt,
#contentsAreaA .column03B dt,
#contentsAreaA .column03C dt{
	font-size:0.85em;
}

#contentsAreaB .column03A{
	width:100%;
	font-size:0.85em;
	margin-bottom:50px;
}

#contentsAreaB .column03B{
	width:100%;
	font-size:0.85em;
	margin-bottom:15px;
}

#contentsAreaB .column03C{
	width:100%;
	font-size:0.85em;
}

.titleLinkA{
	margin-bottom:5px;
}

.titleLinkA a{
	font-size:1.5em;
	font-weight:bold;
	padding-right:15px;
	background:url(../img_xdpi/arrow05.png) no-repeat right center;
	background-size:11px 11px;
	color:#00479D !important;
	text-decoration:none !important;
}

.titleLinkA a:hover{
	opacity:0.7;
}

#contactAreaA{
	display:none;
}

/* company */
/* ----------------------------------------------------------------------------------------- */

#map_area{
	width:100%;
	height:300px;
}

.system_img{
	width:100%;
	margin-bottom:15px;
}

/* contact*/
/* ----------------------------------------------------------------------------------------- */

#contactbtn{
	max-width:300px;
	height:auto;
}

/* flow */
/* ----------------------------------------------------------------------------------------- */

.flowAreaA{
	padding-bottom:10px;
	background:url(../img_xdpi/arrow07.png) no-repeat center bottom;
	background-size:25px 10px;
}

/* introduction */
/* ----------------------------------------------------------------------------------------- */

/* layout */
/* -------------------------------------------- */

#sec01{
	box-sizing: border-box;
	font-size: 16px;
	padding: 15px;
	border: 1px solid #CCC;
	width: 100%;
	font-family:"游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
	font-weight: 500;
}

#sec02{
	box-sizing: border-box;
	font-size: 16px;
	padding: 15px;
	border: 1px solid #CCC;
	width: 100%;
	font-family:"游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
	font-weight: 500;
}

/* btn */
/* -------------------------------------------- */

#jump{
	max-width: 280px;
	margin: 15px auto 15px auto;
	clear: both;
}

#jump input{
	-webkit-appearance: none;
	width: 100%;
	background: #00479D;
	height: 70px;
	line-height: 70px;
	font-size: 20px;
	font-weight: bold;
	border: 0;
	color: #FFF;
	border-radius: 4px;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
	cursor: pointer;
}

#id_btn01{
	margin-bottom: 25px;
}

#id_btn01 li{
	width: 49.5%;
	list-style: none;
	float: left;
	margin-right: 1%;
	margin-bottom: 1%;
	background: #888;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	padding: 10px 0;
	cursor: pointer;
	border-radius: 4px;
}


#id_btn01 li:nth-child(2n){
	margin-right: 0;
}

#id_btn01 li:hover,
#id_btn01 li.current{
	background: #00479D;
}

.id_btn01_01{
	list-style: none;
	width: 200px;
	margin: 0 auto;
}

.id_btn01_01 a,
.id_btn01_02 a,
.id_btn02 a,
.id_btn03 a{
	padding: 10px 0;
	box-sizing: border-box;
	display: block;
	background: #00479D;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	cursor: pointer;
	border-radius: 4px;
	text-decoration: none;
}

.id_btn01_02,
.id_btn02{
	max-width: 280px;
	margin: 0 auto;
}

.id_btn01_02 li,
.id_btn02 li{
	width: 100%;
	list-style: none;
	margin-bottom: 2%;
}

.id_btn03{
	width: 200px;
	margin: 0 auto;
}

.id_btn03 li{
	width: 100%;
	list-style: none;
}

/* list */
/* -------------------------------------------- */

.id_list01 h3,
.id_list02 h3{
	font-size: 18px;
	margin-bottom: 15px;
	color: #00479D;
	line-height: 125%;
}

.id_list01 h4,
.id_list02 h4{
	font-size: 16px;
	margin-bottom: 15px;
	color: #00BFFF;
	line-height: 125%;
}

/* table */
/* -------------------------------------------- */

.id_list01 table,
.id_list02 table{
	width:100%;
	margin-bottom:20px;
	border-collapse:collapse;
	border-top:1px solid #ddd;
}

.id_list01 table th,
.id_list02 table th{
	width: 100%;
	box-sizing: border-box;
	padding:5px 10px;
	border-bottom:1px solid #ddd;
	white-space:nowrap;
	text-align:center;
	font-weight:normal;
	vertical-align:middle;
	background-color:#EFEFEF;
	display: block;
}

.id_list01 table td,
.id_list02 table td{
	width: 100%;
	box-sizing: border-box;
	padding:5px 10px;
	border-bottom:1px solid #ddd;
	vertical-align:middle;
	font-weight: normal;
	display: block;
}

.id_list01 table th{
	font-size: 13px;
}

.id_list01 table td{
	font-size: 13px;
}


/* job */
/* ----------------------------------------------------------------------------------------- */

#joblist{
	list-style: none;
}

#joblist li{
	padding-bottom: 10px;
	width: 50%;
	float: left;
	font-size: 13px;
}

.job_area01{
	box-sizing: border-box;
	padding: 15px 0 25px 0;
	margin-bottom: 25px;
}

.job_num{
	margin-bottom: 10px;
	font-size: 16px;
}

.job_num .left{
	font-weight: bold;
}

.job_num .right{
	margin-bottom: 10px;
}

.job_num .right ul{
	list-style:none;
}

.job_num .right span{
	padding: 2px 15px;
	border-radius: 3px;
	display: block;
	text-align: center;
	font-size: 12px;
}

.job_num .right li{
	float: left;
	margin-right: 5px;
}

.job_num .right .icon01{
	background: #FFD040;
}

.job_num .right .icon02{
	background: #85E3F9;
}

#job_tel{
	text-align: center;
	padding-top: 20px;
}

#job_tel img{
	padding-top: 15px;
	max-width: 280px;
	margin: 0 auto;
}