@charset "utf-8";

/*==================================================================================================================*/

/* ------> Reset <<<------------------------------------------------------------------------------------------------*/

/*==================================================================================================================*/

html{}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquout,th,td{margin: 0;padding: 0;}table{border-collapse:collapse;border-spacing:0;}ul,ol,li{list-style: none;}caption,th{text-align: left;}h1,h2,h3,h4,h5,h6{font-size: 100%;font-weight: normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000000;}

address,caption,cite,code,dfn,em,strong,th,var{font-style: normal;font-weight: normal;}ol,ul{list-style: none;}a{cursor: pointer;}fieldset,img{border: 0;}



/*==================================================================================================================*/

/* ------> Font <<<-------------------------------------------------------------------------------------------------*/

/*==================================================================================================================*/

html {color:#444444;}

body {font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Verdana, san-serif, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic";}



/* font-size

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

body {font-size:14px;line-height:1.6em;}



/* IE 6 or sooner*/

* html body {font-size:14px;}table{font-size:inherit;font:100%;}



/* YUI font CSS より

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

pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}



/* other font style

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

.f0 {font-size:0;line-height:0;}

.f13 {font-size:13px;}

.f15 {font-size:15px;}

.f80 {font-size:0.8em;line-height:1.6em;}

.f120 {font-size:1.2em;line-height:1.6em;}

.f140 {font-size:1.4em;line-height:1.5em;}

.fw {font-weight:bold;}

.gray {color:#888888;}

.red {color:#FF0000;}



/*==================================================================================================================*/

/* ------> Base Layout <<<------------------------------------------------------------------------------------------*/

/*==================================================================================================================*/



/* Tags

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

html, body {scrollbar-base-color:#CCCCCC;scrollbar-track-color:#FFFFFF;scrollbar-face-color:#FFFFFF;scrollbar-shadow-color:#FFFFFF;scrollbar-darkshadow-color:#CCCCCC;scrollbar-highlight-color:#FFFFFF;scrollbar-3dlight-color:#CCCCCC;scrollbar-arrow-color:#CCCCCC;}

body {text-align:center;background:url(../images/base/contents_back.gif);}

a:link, a:visited {color:#626055;text-decoration:underline;}

a:hover, a:active {color:#8e8d88;text-decoration:underline;}

hr {display:none;}



/* Header

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



div#header {

	padding:0;

	text-align:center;

	background:url(../images/base/header_back.gif) repeat-x;

	width:100%;

	}

div.head_body {

	margin:0 auto;

	width:970px;

	position:relative;

	overflow:hidden;

	}

	div.head_body div.head_left {

		float:left;

		}

	div.head_body div.head_left h1 {

		margin:0;

		padding:0;

		color:#949083;

		font-size:11px;

		}

	div.head_body div.head_left h1 a:link, a:visited {

		margin:0;

		padding:0;

		color:#949083;

		font-size:11px;

		text-decoration:none;

		}

	div.head_body div.head_left h1 a:hover, div.head_body div.head_left h1 a:active {

		margin:0;

		padding:0;

		color:#c3c1b9;

		font-size:11px;

		text-decoration:none;

		}

	div.head_body div.head_left p {

			margin:0;

			padding:15px 0 15px 0;

			width:500px;

			display:flex;

			}

			div.head_body div.head_left p a {

				margin:0;

				padding:0;

				text-align:left;

				text-indent:-9999px;

				background: url(../images/base/logo_2025.gif) no-repeat;

				width:450px;

				height:37px;

				display:block;

				}

			div.head_body div.head_left p a.sp {

				width:320px;

				background: url(../images/support/logo_01.png) no-repeat;

				}
        .jigyoukei{
                        width:40px;
display:block;
        }

	div.head_body div.head_right {

		margin:0;

		width:320px;

		float: right;

		}

		div.head_body div.head_right p.head_info {

			margin:0 0 13px 0;

			text-indent:-9999px;

			background:url(../images/base/header_info.gif) no-repeat;

			width:253px;

			height:36px;

			}



/* Navigation

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



div#main_navi {

	margin:0;

	clear:both;

	}

	div#main_navi ul li,

	div#main_navi ul li a {

		text-indent:-9999px;

		background:url(../images/base/navi_back3.gif) no-repeat;

		display:block;

		}



	/* about */

	div#main_navi ul li.about a {

		background-position:0 0;

		width:193px;

		height:56px;

		}

		div#main_navi ul li.about a:hover {background-position:0 -56px;}

		div#main_navi ul li.about a.select,

		div#main_navi ul li.about a.select:hover {background-position:0 -112px;}



	/* service */

	div#main_navi ul li.service a {

		background-position:-193px 0;

		width:193px;

		height:56px;

		}

		div#main_navi ul li.service a:hover {background-position:-193px -56px;}

		div#main_navi ul li.service a.select,

		div#main_navi ul li.service a.select:hover {background-position:-193px -112px;}



	/* faq */

	div#main_navi ul li.faq a {

		background-position:-386px 0;

		width:193px;

		height:56px;

		}

		div#main_navi ul li.faq a:hover {background-position:-386px -56px;}

		div#main_navi ul li.faq a.select,

		div#main_navi ul li.faq a.select:hover {background-position:-386px -112px;}



	/* inquiry */

	div#main_navi ul li.inquiry a {

		background-position:-579px 0;

		width:194px;

		height:56px;

		}

		div#main_navi ul li.inquiry a:hover {background-position:-579px -56px;}

		div#main_navi ul li.inquiry a.select,

		div#main_navi ul li.inquiry a.select:hover {background-position:-579px -112px;}



	/* appoint */

	div#main_navi ul li.appoint a {

		background-position:-773px 0;

		width:197px;

		height:56px;

		}

		div#main_navi ul li.appoint a:hover {background-position:-773px -56px;}

		div#main_navi ul li.appoint a.select,

		div#main_navi ul li.appoint a.select:hover {background-position:-773px -112px;}



ul.sub_navi {

	margin:0 0 22px 0;

	font-size:0;

	line-height:0;

	}

	ul.sub_navi li,

	ul.sub_navi li a {

		text-indent:-9999px;

		background:url(../images/base/subnavi_back.gif) no-repeat top left;

		display:block;

		}



	/* home */

	ul.sub_navi li.home a {

		background-position:0 0;

		width:62px;

		height:25px;

		}

		ul.sub_navi li.home a:hover {background-position:0 -25px;}

		ul.sub_navi li.home a.select,

		ul.sub_navi li.home a.select:hover {background-position:0 -50px;}

	/* fd */

	ul.sub_navi li.fd a {

		background-position:-254px 0;

		width:64px;

		height:25px;

		}

		ul.sub_navi li.fd a:hover {background-position:-254px -25px;}

		ul.sub_navi li.fd a.select,

		ul.sub_navi li.fd a.select:hover {background-position:-254px -50px;}


	/* company */

	ul.sub_navi li.company a {

		background-position:-61px 0;

		width:65px;

		height:25px;

		}

		ul.sub_navi li.company a:hover {background-position:-62px -25px;}

		ul.sub_navi li.company a.select,

		ul.sub_navi li.company a.select:hover {background-position:-62px -50px;}



	/* policy */

	ul.sub_navi li.policy a {

		background-position:-127px 0;

		width:127px;

		height:25px;

		}

		ul.sub_navi li.policy a:hover {background-position:-127px -25px;}

		ul.sub_navi li.policy a.select,

		ul.sub_navi li.policy a.select:hover {background-position:-127px -50px;}







/* Middle area

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

div#index_container {

	margin:0;

	text-align:center;

	width:100%;

	background:url(../images/base/visual_back.gif) repeat-x top;

	}

div#container {

	margin:0;

	text-align:center;

	width:100%;

	background:url(../images/base/container_back.gif) repeat-x top;

	}

div.index_container_inner {

	margin:0 auto;

	text-align:left;

	width:970px;

	}

div#container_title {

	margin:0;

	text-align:center;

	width:100%;

	background:url(../images/base/title_back.gif) no-repeat top;

	}

div.container_inner {

	margin:0 auto;

	text-align:left;

	width:970px;

	}

div.container_inner_support {

	background: #fef4cd url(../images/base/container_back_support.gif) repeat-x bottom;

	}

div.container_inner_support_box {

	margin:0 auto;

	width:1020px;

	text-align:left;

	position:relative;

	}

div.container_inner_support_box_txt {

	position:absolute;

	z-index:999999;

	top:20px;

	left:20px;

	width:379px;

	text-align:center;

	height:306px;

display: table;

background:url(../images/support/bg_01.png);

	}

div.container_inner_support_box_txt .image{

	width:340px;

	height:265px;

	display: table-cell;

	vertical-align: middle;

	text-align: center;

}

.container_inner_support_box_txt .image a:hover,

.snt a:hover img,

.s_contents_inner a:hover img{

	opacity: .60; /* Standard: FF gt 1.5, Opera, Safari */

	filter: alpha(opacity=60); /* IE lt 8 */

	-ms-filter: "alpha(opacity=60)"; /* IE 8 */

	-khtml-opacity: .60; /* Safari 1.x */

	-moz-opacity: .60; /* FF lt 1.5, Netscape */

}

#s_container {

	margin:0 auto;

	text-align:left;

	width:1040px;

	background:url(../images/base/bg_s_01.png) repeat-y 0 0;

}

.s_container_inner {

	}



.s_contents_inner {

	padding: 40px 40px 40px 40px;

	font-size:16px;

	line-height:180%;

	background:url(../images/support/ph_07.png) no-repeat 90% 100%;

}

.s_lin {

	background:url(../images/support/lin_01.png) no-repeat 0 0;

}

img.visual_staff {margin-top:0;}

div.visual_back {

    background: url(../images/top/visual.jpg) no-repeat top center;
    width: 100%;

	}

.support_visual_back {

	background:url(../images/top/visual2.jpg) no-repeat top center;

	width:100%;

}



h3.pankuzu {

	color:#ffffff;

	font-size:11px;

	line-height:2.8em;

	}

h3.pankuzu a:link, h3.pankuzu a:visited {color:#ffffff;text-decoration:underline;}

h3.pankuzu a:hover, h3.pankuzu a:active {color:#ffdec5;text-decoration:underline;}

div.contents_back {

	background:url(../images/base/contents_back.gif) no-repeat top center;

	width:100%;

	}

div#index_contents {

	margin:0;

	padding:0;

	clear:both;

	}

div#contents {

	margin:0;

	padding:0;

	clear:both;

	}

div#index_left {

	padding:0 0 0 0;

	width:692px;

	float:left;

	}

div#left {

	margin:35px 0 60px 0;

	padding:0 0 0 0;

	width:692px;

	float:left;

	background:url(../images/base/content_back.gif) repeat-y top;

	}

div#left_inner {

	padding:0 35px 35px 35px;

	background:url(../images/base/content_btm.gif) no-repeat bottom;

	}

div#left_inner1 {

	padding:0 0 60px 0;

	background:url(../images/base/content_btm.gif) no-repeat bottom;

	}

div#left_inner p{
    padding-bottom:0;
}

div#index_right {

	padding:14px 0 0 0;

	width:253px;

	float:right;

	}

div#right {

	margin-top:35px;

	padding:0 0 0 0;

	width:253px;

	float:right;

	}

p.pagetop2 {

	padding:0 35px 0 600px;

	}

p.pagetop3 {

	padding:5px 0 0 565px;

	}


.corp_lead,.person_lead,.person_list div,.info_text,.corp_list div{
padding:0 20px 15px 20px
}

.person_list div h2,.corp_list div h2{
font-size:14px;
font-weight:bold;
padding-bottom:5px;
}

/* Side bar

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



div.right_access {
	margin-bottom:10px;
	}
div.right_recruit {
	margin-bottom:10px;
	}

div.right_line {
	margin-bottom:10px;
	}

.right_kairyo {
	margin-bottom:5px;
	}

div.right_blog {

	margin-bottom:25px;

	}

div.right_blog_inner {

	padding:0 17px 12px 28px;

	height:206px;

	}

div.social_banner {

	margin-bottom:25px;

	}

div.social_banner ul li a:hover {

	position:relative;

	top:1px;

	}

div.right_corpinfo_index {

	margin-bottom:30px;

	background:url(../images/base/corpinfo_back.jpg) no-repeat bottom;

	}

div.right_corpinfo {

	margin-bottom:150px;

	background:url(../images/base/corpinfo_back.jpg) no-repeat bottom;

	}

div.right_corpinfo_inner {

	padding:0 17px 17px 17px;

	}

div.right_corpinfo_inner h2 {

	font-size:17px;

	font-weight:bold;

	color:#5656ac;

	}

div.right_corpinfo_inner p {

	margin-bottom:10px;

	padding:0 0 15px 0;

	background:url(../images/base/corpinfo_dot.gif) no-repeat bottom;

	}

div.right_corpinfo_inner p a.f12 {

	font-size:12px;

	}









/* Footer

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



div#footer {

	margin:0;

	padding:0;

	text-align:center;

	background:url(../images/base/footer_back.gif) repeat-x left top;

	width:100%;

	clear:both;

	}

div#footer_inner {

	margin:0;

	padding:0;

	text-align:center;

	background:url(../images/base/footer_btm.gif) repeat-x left bottom;

	width:100%;

	clear:both;

	}

	div#footer div.footer_body {

		margin:0 auto;

		padding:0 0 10px 0;

		text-align:left;

		width:970px;

		}

		div#footer div.footer_body img.pagetop {

		margin-top:-27px;

		margin-right:25px;

		float:right;

		}

		div#footer div.footer_body h2 {

		padding-top:6px;

		font-size:12px;

		color:#818181;

		}





div.footer_navi_block {

	margin:20px 0 20px 0;

	width:636px;

	background:url(../images/base/footer_line.gif) no-repeat top;

	float:left;

	}

	div.footer_navi_block p.footer_navi_home {

		margin-bottom:15px;

		padding:25px 0 0 30px;

		font-size:15px;

		background:url(../images/base/footer_logo.gif) no-repeat bottom left;

		}

		div.footer_navi_block p.footer_navi_home a:link, a:visited {color:#626055;text-decoration:underline;}

		div.footer_navi_block p.footer_navi_home a:hover, a:active {color:#8e8d88;text-decoration:underline;}

	div.footer_navi_block ul {

		margin:0 0 10px 0;

		padding-top:10px;

		color:#847f65;

		background:url(../images/base/footer_navi_block_back.gif) no-repeat top left;

		}

		div.footer_navi_block ul.block1 {

			margin:0;

			width:207px;

			background:url(../images/base/footer_navi_block_back.gif) no-repeat top right;

			display:block;

			}

		div.footer_navi_block ul.block1 li.list1 {

			margin:0;

			padding:0 0 5px 18px;

			width:207px;

			line-height:2.2em;

			background:url(../images/base/list1.gif) no-repeat top left;

			display:block;

			}

		div.footer_navi_block ul.block1 li.list2 {

			margin:0 0 0 20px;

			padding:0 0 0 18px;

			width:207px;

			line-height:2.0em;

			background:url(../images/base/list2.gif) no-repeat top left;

			display:block;

			}

		div.footer_navi_block ul.block2 {

			margin:0;

			width:233px;

			background:url(../images/base/footer_navi_block_back.gif) no-repeat top right;

			display:block;

			}

		div.footer_navi_block ul.block2 li.list3 {

			margin:0;

			padding:0 0 0 18px;

			width:233px;

			line-height:2.2em;

			display:block;

			}

		div.footer_navi_block ul.block2 li.list4 {

			margin:0 0 0 35px;

			padding:0 0 0 18px;

			width:210px;

			line-height:2.0em;

			background:url(../images/base/list2.gif) no-repeat top left;

			display:block;

			}

		div.footer_navi_block ul li.list5 {

			margin:0 0 0 30px;

			padding:0 0 0 18px;

			width:210px;

			line-height:2.2em;

			background:url(../images/base/list1.gif) no-repeat top left;

			display:block;

			}

			div.footer_navi_block ul li ul {

				margin:0;

				background:none;

				width:160px;

				}

				div.footer_navi_block ul li ul li {

					margin:0;

					padding:2px 0 2px 15px;

					/*background:url(../images/base/footer_list.gif) no-repeat left center; */

					width:auto;

					display:inherit;

					}

					div.footer_navi_block ul li ul li a {color:#666666;}

					div.footer_navi_block ul li ul li a:hover {color:#999999;}



div.footer_right_index {

	margin-top:20px;

	padding:0;

	background:url(../images/base/footer_img.jpg) no-repeat left bottom;

	width:298px;

	height:300px;

	float:right;

	}

div.footer_right {

	margin-top:60px;

	padding:0;

	background:url(../images/base/footer_img.jpg) no-repeat left top;

	width:298px;

	height:223px;

	float:right;

	}

div.copy {

	margin-top:15px;

	font-size:10px;

	line-height:1.6em;

	text-align:left;

	color:#847f65;

	clear:both;

	}

	div.copy p a {color:#847f65;text-decoration:none;}

	div.copy p a:hover {color:#666666;text-decoration:underline;}





/* ソーシャルボタン

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

div.social_btn_set {

	margin:0;

	padding:0;

	float:right;

	}

div.social_btn_set ul {margin:0;padding:0;}

div.social_btn_set ul li {

	margin:0;

	padding:0 2px;

	}

iframe.twitter-share-button {width:65px!important;}



div.social_btn_set ul li {float:left;display:inline;}

/* modern browsers */

div.social_btn_set ul li:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

/* IE7 */

div.social_btn_set ul li {display:inline-block;}

/* legacy IE */

div.social_btn_set ul li {height:1%;}

div.social_btn_set ul li {display:block;}



/* Style etc

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

.tl {text-align:left;}

.tc {text-align:center;}

.tr {text-align:right;}

.fl {float:left;}

.fr {float:right;}

.mb5 {margin-bottom:5px;}

.mb10 {margin-bottom:10px;}

.mb15 {margin-bottom:15px;}

.mb20 {margin-bottom:20px;}

.mb25 {margin-bottom:25px;}

.mb30 {margin-bottom:30px;}

.mb35 {margin-bottom:35px;}

.mb40 {margin-bottom:40px;}

.mb45 {margin-bottom:45px;}

.mb50 {margin-bottom:50px;}

.mb55 {margin-bottom:55px;}

.mb500 {margin-bottom:500px;}

.mrl_35 {margin:0 35px 0 35px;}

ul.cation_list1 li {padding-left:15px;line-height:1.5em;color:#777777;background:url(../images/list_cation1.gif) no-repeat left top;}

ul.cation_list2 li {padding-left:15px;font-size:0.8em;line-height:1.5em;color:#777777;background:url(../images/list_cation2.gif) no-repeat left top;}



/* line

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

.dot1{display:block;clear:both;height:1px;background: url(../images/dot1.gif) left bottom repeat-x transparent;}

.line1 {background:url(../images/line1.gif) repeat-x left center;clear:both;}



/* ClearFix

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

.clr {clear:both;}

ul.fbox li, ol.fbox li, ul.heightLineParent li {float:left;display:inline;}

ul.sub_navi li {float:right;display:inline;}

/* modern browsers */

.clearfix:after,

.wrapper:after,

.fbox:after,

.sub_navi:after,

#index_contents:after,

#contents:after,

.index_voice_body:after,

.staff_card_inner:after,

#ins_item:after,

.greeting_body:after,

.heightLineParent:after,

.process_body_inner:after {content:".";display:block;height:0;clear:both;visibility:hidden;}



/* IE7 */

.clearfix,

.wrapper,

.fbox,

.sub_navi,

#index_contents,

#contents,

.index_voice_body,

.staff_card_inner,

#ins_item,

.greeting_body,

.heightLineParent,

.process_body_inner {display:inline-block;}



/* legacy IE */

* html .clearfix,

* html .wrapper,

* html .fbox,

*html .sub_navi,

* html #index_contents,

* html #contents,

* html .index_voice_body,

*html .staff_card_inner,

*html #ins_item,

*html .greeting_body,

*html .heightLineParent,

*html .process_body_inner {height:1%;}



.clearfix,

.wrapper,

.fbox,

.sub_navi,

#index_contents,

#contents,

.index_voice_body,

.staff_card_inner,

#ins_item,

.greeting_body,

.heightLineParent,

.process_body_inner {display:block;}

/* php_mailform_end */

.thanks{
	text-align: center;
	margin:100px 0 400px;
}
.thanks h1{
	font-size:28px;
	padding-bottom: 20px;
	color: #5E5E5E;
		
}

.thnaks p{
	
}

.infosec{padding-top:10px;}

/* モーダルウィンドウ　*/
.modal {
            display: none;
            position: fixed;
            z-index: 1;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgba(0,0,0,0.4);
        }
        .modal-content {
            background-color: #fefefe;
            margin: 15% auto;
            padding: 20px;
            border: 1px solid #888;
            width: 80%;
        }
        .close {
            color: #aaa;
            float: right;
            font-size: 28px;
            font-weight: bold;
        }
        .close:hover, .close:focus {
            color: black;
            text-decoration: none;
            cursor: pointer;
        }