@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,
body { scroll-behavior: smooth;}

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:13px;line-height:1.6em;}

/* IE 6 or sooner*/
* html body {font-size:12px;}table{font-size:inherit;font:100%;}

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

/* iPhone for Font size adjustment
------------------------------------- */

* {-webkit-text-size-adjust:100%;}

/* other font style
------------------------------------- */
.f0 {font-size:0;line-height:0;}
.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:#F4F0D8 url(../images/base/pageback.gif);}
a:link, a:visited {color:#79981C;text-decoration:underline;}
a:hover, a:active {color:#A7CD35;text-decoration:underline;}
hr {display:none;}

/* Layout Block
------------------------------------------------------------------------------------------------------------------- */

div.index_back {
	background:url(../images/top/index_back.gif) repeat-x;
	}

div.base_back {
	background:url(../images/base/base_back.gif) repeat-x;
	}

div#container {
	margin:0 auto;
	text-align:left;
	width:900px;
	}

div#contents {
	margin:0;
	padding:30px 30px 50px 30px;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	background:#fff;
	behavior: url(../js/pie/PIE.htc);
	}

div#left {
	width:590px;
	float:left;
	}

div#right {
	width:220px;
	float:right;
	}

/* Header
------------------------------------------------------------------------------------------------------------------- */

div#header {
	height:90px;
	}

h1 a {
	margin:30px 0 0 0;
	padding:0;
	text-indent:-9999px;
	background:url(../images/agent/logo.gif) no-repeat;
	width:285px;
	height:40px;
	float:left;
	}

div.head_right {
	padding:25px 0 0 0;
	width:445px;
	float:right;
	}

	.head_tel {
		margin:0;
		padding:0;
		text-indent:-9999px;
		background:url(../images/agent/head_tel.gif) no-repeat;
		width:265px;
		height:50px;
		display:block;
		}

	.head_inq_btn a {
		margin:0;
		padding:0;
		text-indent:-9999px;
		background:url(../images/base/head_mail.gif) no-repeat;
		width:180px;
		height:50px;
		display:block;
		}

		.head_inq_btn a:hover {background-position:0 -50px;}

/* Navigation
------------------------------------------------------------------------------------------------------------------- */

ul#main_navi {
	margin:0;
	padding:0;
	clear:both;
	}

	ul#main_navi li {margin-left:10px;}
	ul#main_navi li:nth-child(1) {margin:0;}

	ul#main_navi li,
	ul#main_navi li a {
		text-indent:-9999px;
		background:url(../images/base/navi.gif) no-repeat;
		width:172px;
		height:64px;
		display:block;
		}

	/* home */
	ul#main_navi li.navi_home a {background-position:0 0;}
	ul#main_navi li.navi_home a:hover {background-position:0 -64px;}

	/* consulting */
	ul#main_navi li.navi_consulting a {background-position:-172px 0;}
	ul#main_navi li.navi_consulting a:hover {background-position:-172px -64px;}

	/* blog */
	ul#main_navi li.navi_blog a {background-position:-344px 0;}
	ul#main_navi li.navi_blog a:hover {background-position:-344px -64px;}

	/* home */
	ul#main_navi li.navi_inquiry a {background-position:-516px 0;}
	ul#main_navi li.navi_inquiry a:hover {background-position:-516px -64px;}

	/* home */
	ul#main_navi li.navi_company a {background-position:-688px 0;}
	ul#main_navi li.navi_company a:hover {background-position:-688px -64px;}


/* Contents
------------------------------------------------------------------------------------------------------------------- */

h2#title_consulting,
h2#title_blog,
h2#title_inquiry,
h2#title_company,
h2#title_policy,
h2#title_sitemap {
	margin:0;
	text-indent:-9999px;
	width:900px;
	height:130px;
	display:block;
	}

h2#title_consulting {background:url(../images/consulting/title.png)}
h2#title_blog {background:url(../images/blog/title.png)}
h2#title_inquiry {background:url(../images/inquiry/title.png)}
h2#title_company {background:url(../images/company/title.png)}
h2#title_policy {background:url(../images/policy/title.png)}
h2#title_sitemap {background:url(../images/sitemap/title.png)}

/* Sidebar
------------------------------------------------------------------------------------------------------------------- */

a.blog_banner {
	margin:0 0 25px 0;
	text-indent:-9999px;
	background:url(../images/base/banner_blog.gif) no-repeat;
	width:220px;
	height:204px;
	display:block;
	}

	a.blog_banner:hover {background-position:0px -204px;}

div.side_inq {
	margin:0 0 10px 0;
	background:url(../images/base/sidebox_back.gif) repeat-y;
	}
	
	div.side_inq h3 {
		margin:0;
		text-indent:-9999px;
		background:url(../images/base/inq_title.gif) no-repeat;
		width:220px;
		height:127px;
		display:block;
		}
	
	div.side_inq_inner {
		padding:10px 20px 20px 20px;
		background:url(../images/base/sidebox_btm.gif) no-repeat left bottom;
		}
		
	p.side_tel {
		margin:0 0 15px 0;
		text-indent:-9999px;
		background:url(../images/agent/inq_tel.gif) no-repeat;
		width:180px;
		height:63px;
		display:block;
		}
	a.side_mail {
		margin:0;
		text-indent:-9999px;
		background:url(../images/base/inq_mail.gif) no-repeat;
		width:180px;
		height:38px;
		display:block;
		}

		a.side_mail:hover {background-position:0px -38px;}

div.comp_info {
	margin:0 0 20px 0;
	background:url(../images/base/sidebox_back.gif) repeat-y;
	}

	div.comp_info h3 {
		margin:0;
		text-indent:-9999px;
		background:url(../images/base/info_title.gif) no-repeat;
		width:220px;
		height:50px;
		display:block;
		}

	div.comp_info_inner {
		padding:10px 20px 15px 20px;
		background:url(../images/base/sidebox_btm.gif) no-repeat left bottom;
		}

	div.comp_info_inner h4 {
		margin:0 0 5px 0;
		font-size:1.2em;
		font-weight:bold;
		}

	div.comp_info_inner p {
		font-size:0.8em;
		line-height:1.4em;
		}

div.ins_comp {
	margin:0;
	padding:20px 0 0 0;
	background:url(../images/base/side_line1.gif) no-repeat;
	}

	div.ins_comp h3 {
		margin:0 0 10px 0;
		text-indent:-9999px;
		background:url(../images/base/ins_comp_title.gif) no-repeat;
		width:87px;
		height:12px;
		display:block;
		}

	div.ins_comp a:hover {
		position:relative;
		top:1px;
		}

/* Footer
------------------------------------------------------------------------------------------------------------------- */

div#footer {
	padding:0;
	background:url(../images/base/footer_back.gif) repeat-x top center;
	width:100%;
	}

ul.footer_menu a {color:#444444;}
ul.footer_menu a:hover {color:#888888;}

div.footer_body {
	margin:0 auto;
	text-align:left;
	width:900px;
	}


ul.footer_menu {
	margin:0 0 30px 0;
	padding:20px 0;
	text-align:center;
	-webkit-border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
	border-top:dotted 1px #C4C4C4;
	background:#fff;
	}

ul.footer_menu li {
	line-height:2em;
	display:inline;
	}

p.guard_txt{
	padding:0 0 15px 0;
	color:#FFFFFF;
	font-size:0.8em;
	line-height:1.6em;
	letter-spacing:0.1em;
	border-bottom:1px dashed #FFF;
}
.notes{
    padding: 0 0 15px 0;
    margin-bottom: 15px;
    color: #FFFFFF;
    font-size: 0.8em;
    line-height: 1.6em;
    letter-spacing: 0.1em;
    border-bottom: 1px dashed #FFF;
    li{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    &::before{
        content: "・";
    }
}
}

p.copy {
	padding:15px 0 30px 0;
	font-size:0.8em;
	line-height:1.6em;
	letter-spacing:0.1em;
	text-align:left;
	color:#ffffff;
	}

p.copy a {
	color:#ffffff;
	text-decoration:none;
	}

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

/*==================================================================================================================*/
/* ------> Parts <<<------------------------------------------------------------------------------------------------*/
/*==================================================================================================================*/

div.social_btn_set {
	margin:0 0 25px 0;
	padding:0;
	}
	div.social_btn_set ul {margin:0;padding:0;}
	div.social_btn_set ul li {
		margin:0;
		padding:0 0 0 5px;
		}
		div.social_btn_set ul li:nth-child(1) {padding-left:0;}
	iframe.twitter-share-button {width:70px!important;}

/* 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;}
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;}


/* ClearFix
------------------------------------------------------------------------------------------------------------------- */
.clr {clear:both;}

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

/* modern browsers */
.clearfix:after, 
.wrapper:after, 
.fbox:after, 
.heightLineParent:after,
#main_navi:after,
#contents:after,
.post:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

/* IE7 */
.clearfix, 
.wrapper, 
.fbox, 
.heightLineParent,
#main_navi,
#contents,
.post {display:inline-block;}

/* legacy IE */
* html .clearfix,
* html .wrapper, 
* html .fbox, 
* html .heightLineParent,
* html #main_navi,
* html #contents,
* html .post {height:1%;}

.clearfix, 
.wrapper, 
.fbox, 
.heightLineParent,
#main_navi,
#contents,
.post {display:block;}