@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(https://fonts.googleapis.com/css?family=Lora);
html,body,h1,h2,h3,h4,h5,h6,p,span,div,object,iframe,em,ul,ol,li,label,dl,dt,dd,form,label,table,tbody,tr,th,td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-family:inherit; list-style-type:none; } html { overflow-y:scroll; } img { border:none; vertical-align:bottom; line-height:0; font-size:0; user-select:none; -webkit-user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-drag:none; -khtml-user-drag:none; } body { background: #ffffff; margin:0 !important; color: #333333; font-size: 14px; line-height:1.5; letter-spacing: 0; font-family: 'Roboto','ヒラギノ角ゴシック',Hiragino Sans,'ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'游ゴシック',Yu Gothic,sans-serif; } .clearfix { zoom:1; min-height: 1px; } .clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0.1em; line-height: 0; } .clearboth { clear: both; height: 1px; } *html .clearfix{ height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }

h1 { font-size: 37px; color: #0050aa; }
h2 { font-size: 20px; }

p, dt, dd, th, td { font-size: 14px; }
.par { margin: 0 0 18px; }
.txt { font-size: 16px; }
.txt dt, .txt dd, .txt li { font-size: 16px; }
.caption { font-size: 10px; }
.caption dt, .caption dd, .caption li { font-size: 11px; }
.remarks { font-size: 12px; }
.remarks dt, .remarks dd, .remarks li { font-size: 12px; }

a { text-decoration: underline; color: #0050aa; }
a:hover { text-decoration: none; }
a.alpha:hover { filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }

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

#header { width: 1024px; margin: 0 auto; }
#header.contact { padding: 0 0 5px; }
#header .title a {
	float: left;
	font-size: 22px;
	color: #0050aa;
	line-height: 1.3em;
	text-decoration: none;
}
#header .title a span { font-size: 14px; color: #333333; }
#header .balloon {
	float: left;
	width: 65px;
	height: 47px;
	background: url(/pc/assets/img/balloons.png) 0 0 no-repeat;
	padding: 15px 0 0;
	color: #fff;
	line-height: 1.2em;
	text-align: center;
}
#header .catch {
	float: left;
	padding: 29px 0 0 15px;
	color: #0050aa;
	font-size:20px;
}
#header .consul { float: left; line-height: 1.1em; margin: 0 0 5px 120px; padding: 5px 5px 3px 10px; background-color: #edf5ff;border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;-ms-border-radius: 5px;}

#header .btn {
  line-height: 1.1em;
  margin: 5px 0;
  padding-left: 6px;
  display: flex;
  flex-direction: column;
}

#header .cv_button2 {
  margin-top: 1px;
}

#header dl { display: table; margin: 4px 0; }
#header dt {
	display: table-cell;
	vertical-align: middle;
	padding: 0.2em 4px 0;
	background: #f0020e;
	color: #ffffff;
	font-size: 12px;
	line-height: 1.2em;
	border-radius: 3px;
	-webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px;
}
#header dd {
	display: table-cell;
	vertical-align: middle;
	color: #f0020e;
	font-size: 40px;
	line-height: 0.8em;
	padding: 1px 0 0 7px;
	letter-spacing: -0.03em;
	text-decoration: none;
}

/* --------------------------------------------------------------------------
 global navigation
-------------------------------------------------------------------------- */

ul#globalnav { width: 1026px; margin: 0 auto; }
ul#globalnav li {
	float: left;
	border-right: solid 1px #e1e1e1;
	text-align: center;
}
ul#globalnav li:first-child { border-left: solid 1px #e1e1e1; }
ul#globalnav li a {
	display: inline-block;
	text-decoration: none;
	padding:7px 28px 13px;
	color: #0050aa;
	font-weight: bold;
}
ul#globalnav li.current a, ul#globalnav li a:hover { border-bottom: solid 2px #0050aa; padding: 7px 28px 11px; }

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

#footer { position: relative; width: 100%; padding: 16px 0 0; min-width: 1024px; }
#footer p.lead {
	font-family: 'ヒラギノ明朝 ProN W6','Hiragino Mincho ProN W6','HG明朝E','HGMinchoE','游明朝',Yu Mincho,serif;
	text-align: center;
	padding: 12px 0 22px;
}
#footer p.lead span { font-size: 22px; }
#footer p.lead span.red { color: #f0020e; font-size: 34px; }

#footer .footnav {
	width: 1024px;
	border-top: solid 1px #e1e1e1;
	margin: 22px auto 0;
	padding: 22px 0 0;
}
#footer .footnav .copy { font-size: 11px; color: #666666; padding: 8px 0 0; }
#footer .footnav .leftbox { float: left; }
#footer .footnav .leftbox a {
	color: #666666;
	font-size: 11px;
	text-decoration: none;
	border-left: solid 1px #666666;
	padding: 0 10px;
}
#footer .footnav .leftbox a:first-child { border: none; padding: 0 10px 0 0; }
#footer .footnav .leftbox a:hover { text-decoration: underline; }
#footer .footnav .rightbox { float: right; margin: 10px 0 0; }

#footer .enquete { background: #d9e5f2; height: 49px; margin: 16px 0 0; padding: 0 0 110px; }
#footer .enquete p { width: 1024px; margin: 0 auto; text-align: right; padding: 14px 0; }
#footer .enquete p a { color: #666666; text-decoration: underline; font-size: 12px; }
#footer .enquete p a:hover { text-decoration: none; }
#footer.contact {
  background: #d9e5f2;
  padding: 0 0 40px;
}
#footer.contact .copyright {
  background: #fff;
  padding: 22px 0 20px;
}
#footer.contact .copyright p {
  width: 1024px;
  margin: 0 auto;
  font-size: 11px;
}
.backtop {
	position: fixed;
	bottom: 260px;
	right: 30px;
	width: 80px;
	height: 31px;
	background: rgba(0,80,170,0.7);
	border-radius: 20px; -webkit-border-radius: 20px;
	-moz-border-radius: 20px; -ms-border-radius: 20px;
	z-index: 9999;
}
.backtop a {
	display: block;
	padding: 8px 0 0;
	color: #fff;
	text-decoration: none;
	text-align: center;
}
.backtop a p {
	display: none;
	position: relative;
	top: -2px;
	font-weight: 600;
	padding: 0 0 7px;
}
.backtop a:hover i { display: none; }
.backtop a:hover p { display: inline; }

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

#footbox {
	position: fixed;
	bottom: 0;
	width: 100%;
	min-width: 1024px;
	background: #0050aa;
	color: #ffffff;
	z-index: 99999;
}
#footbox .dark { background: #00428c; padding: 7px 0; }
#footbox .dark p { width: 1024px; margin: 0 auto; color: #ffffff; }
#footbox ul { width: 1024px; margin: 0 auto; display: table; padding: 6px 0; }
#footbox ul li { display: table-cell; vertical-align: middle; }
#footbox ul li.fre p {
	padding: 8px 6px 6px;
	background: #ffd800;
	color: #0050aa;
	font-size: 16px;
	line-height: 1.0em;
	border-radius: 3px;
	-webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px;
}
#footbox ul li.nmb {
	position: relative;
	color: #ffd800;
	font-size: 52px;
	line-height: 0.75em;
	padding: 1px 0 0 7px;
	letter-spacing: -0.04em;
	text-decoration: none;
}
#footbox ul li.inq {
	color: #ffffff;
    font-size: 18px;
    padding: 0px 6px 21px;
    vertical-align: bottom;
}
#footbox ul li.inq span.tm { font-size: 18px; }
/*#footbox ul li.bdg a {
	display: block;
	width: 240px;
	height: 52px;
	background: url(/pc/assets/img/buttons.png) 0 -277px no-repeat;
	padding: 12px 0 0 20px;
	color: #0050aa;
	text-decoration: none;
	font-weight: bold;
}*/

.cv_button2_2 {
  margin-left: 2px;
}

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

#container { position: relative; width: 100%; min-width: 1026px; background: #ffffff; }
#container.header { border-top: solid 6px #0050aa; padding: 10px 0 0; }
#container.gray {
	box-shadow: inset 0 -8px 8px -5px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 -8px 8px -5px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0 -8px 8px -5px rgba(0,0,0,0.2);
	-ms-box-shadow: inset 0 -8px 8px -5px rgba(0,0,0,0.2);
	background: #f8f8f8;
	padding: 40px 0;
}

#content { position: relative; width: 1024px; margin: 0 auto; }
#section { position: relative; float: right; width: 816px; padding: 0 0 32px; }

.article {
	position: relative;
	background: #ffffff;
	border-radius: 6px;
	-webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px;
	padding: 32px;
	margin: 0 0 32px;
}
.article h2 {
	color: #0050aa;
	border-left: solid 4px #0050aa;
	padding: 18px 0 16px 21px;
	margin: 0 0 24px;
}
.chapter { position: relative; width: 722px; padding: 0 0 30px 30px; }

/* --------------------------------------------------------------------------
 pick up (left side banners)
-------------------------------------------------------------------------- */

ul.pickup { float: left; width: 192px; }
ul.pickup li {
	width: 190px;
	background: url(/pc/assets/img/base_pickup1.png) top left no-repeat #0050aa;
	padding: 1px;
	border-radius: 6px;
	-webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px;
	color: #ffffff;
	text-decoration: none;
	margin: 0 0 10px;
}
ul.pickup li a { display: block; }

ul.pickup li p {
	width: 171px;
	height: 61px;
	background: url(/pc/assets/img/base_pickup.png) center right no-repeat;
	display: table-cell;
	vertical-align: middle;
	padding-left: 12px;
	color: #ffffff;
	text-decoration: none;
}
ul.pickup li.map {
	width: 166px;
	background: url(/pc/assets/img/base_pickup2.png) center right no-repeat #0050aa;
	padding: 22px 12px;
}
ul.pickup li.gist p, ul.pickup li.map p { background: none; }

ul.pickup li img {
	width: 180px;
	background: #ffffff;
	border-radius: 0 0 4px 4px;
	-webkit-border-radius:0 0 4px 4px;
	-moz-border-radius:0 0 4px 4px;
	-ms-border-radius:0 0 4px 4px;
	padding: 5px;
}
ul.pickup li dl a {
	display: table;
	width: 178px;
	height: 68px;
	background: #ffffff;
	padding-left: 12px;
	margin: 0 0 1px;
	text-decoration: none;
}
ul.pickup li dl:last-child a {
	border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-ms-border-radius: 0 0 5px 5px;
	margin: 0;
}
ul.pickup li dt {
	display: table-cell;
	vertical-align: middle;
	width: 152px;
	color: #0050aa;
	text-decoration: none;
}
ul.pickup li dd { display: table-cell; vertical-align: middle; height: 15px; font-size: 1px; }

ul.pickup li:hover { filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; }
ul.pickup dl:hover, ul.pickup dl.current { filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; }
ul.pickup li.gist:hover { filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
.pickup .interview { background: none; }
.pickup .interview img { width: 100%; padding: 0; }

ul.pickup li.interview img {
    width: 180px;
    background: #ffffff;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    padding: 0 5px 5px;
}
ul.pickup li.interview {
    width: 190px;
    background: url(/pc/assets/img/base_pickup1.png) top left no-repeat #0050aa;
    padding: 1px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    color: #ffffff;
    text-decoration: none;
    margin: 0 0 10px;
}
/* --------------------------------------------------------------------------
 main visual
-------------------------------------------------------------------------- */

#container.main {
	position: relative;
	box-shadow: inset 0 3px 3px -2px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 3px 3px -2px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0 3px 3px -2px rgba(0,0,0,0.2);
	-ms-box-shadow: inset 0 3px 3px -2px rgba(0,0,0,0.2);
	background: #f0f4fb;
	height: 210px;
}
#container.main.alliance { height: 314px; }
#container.main .tagline {
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(0,80,170,0.06);
	width: 100%;
	height: 34px;
}
#container.main .tagline p {
	width: 1024px;
	margin: 0 auto;
	padding: 7px 0 0;
	font-size: 16px;
	color: #0050aa;
	font-weight: 600;
}

#mainbnr {
	position: relative;
	width: 1024px;
	margin: 0 auto;
	height: 150px;
	padding: 60px 0 0;
	box-shadow: inset 0 3px 3px -2px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 3px 3px -2px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0 3px 3px -2px rgba(0,0,0,0.2);
	-ms-box-shadow: inset 0 3px 3px -2px rgba(0,0,0,0.2);
}
#mainbnr.noimage { box-shadow: none; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; }
#mainbnr.new { background: url(/pc/assets/img/main_new.jpg) top left no-repeat; }
#mainbnr.change { background: url(/pc/assets/img/main_change.jpg) top left no-repeat; }
#mainbnr.taxsave { background: url(/pc/assets/img/main_taxsave.jpg) top left no-repeat; }
#mainbnr.taxreturn { background: url(/pc/assets/img/main_taxreturn.jpg) top left no-repeat; }
#mainbnr.intax { background: url(/pc/assets/img/main_inheritance.jpg) top left no-repeat; }
#mainbnr.pastresults { background: url(/pc/assets/img/main_results.jpg) top left no-repeat; }
#mainbnr.searching { background: url(/pc/assets/img/main_searching.jpg) top left no-repeat; }
#mainbnr.advantage { background: url(/pc/assets/img/main_advantage.jpg) top left no-repeat; }
#mainbnr.merit { background: url(/pc/assets/img/main_merit.jpg) top left no-repeat; }
#mainbnr.price { background: url(/pc/assets/img/main_price.jpg) top left no-repeat; }
#mainbnr.column { background: url(/pc/assets/img/main_column.jpg) top left no-repeat; }
#mainbnr.company { background: url(/pc/assets/img/main_company.jpg) top left no-repeat; }
#mainbnr.office { background: url(/pc/assets/img/main_office.jpg) top left no-repeat; }
#mainbnr.alliance {
	height: 274px;
	padding: 40px 0 0;
	background: url(/pc/assets/img/main_alliance.jpg) top left no-repeat;
}
#mainbnr.interview{ background: url(/pc/assets/img/main_interview.jpg) top left no-repeat; }
#mainbnr .txt { color: #0050aa; }

.crumbs { position: absolute; top: 14px; left: 0; font-size: 11px; color: #888; }
.crumbs li {
  display: inline;
  position: relative;
  margin-right: 11px;
}
.crumbs li:after {
  display: block;
  position: absolute;
  top: 8px;
  right: -8px;
  width: 5px;
  height: 5px;
  margin-top: -5px;
  border-top: solid 1px #666;
  border-right: solid 1px #666;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}
.crumbs li:last-child::after {
	content: none;
}
.crumbs a { color: #0050aa; text-decoration: none; }
.crumbs a:hover { text-decoration: underline; }

/* --------------------------------------------------------------------------
 link buttons
-------------------------------------------------------------------------- */

[class*="btn-"] a {
	background: url(/pc/assets/img/buttons.png) top left no-repeat;
	display: block;
	width: 0;
	height: 0;
	margin: 0 auto;
	text-decoration: none;
  text-align: center;
  cursor: pointer;
}
[class*="btn-"] a:hover { filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; }

.btn-mid a {
	background-position: 0 0;
	width: 314px;
	height: 36px;
	padding: 17px 0 0;
}
.btn-sml a {
	background-position: -314px 0;
	width: 172px;
	height: 32px;
	padding: 10px 0 0;
	margin: 16px auto 0;
}
.btn-down a {
	background-position: -314px -42px;
	width: 298px;
	height: 23px;
	padding: 3px 0 0;
	margin: 16px auto 32px;
	cursor: pointer;
}

.btn-big a {
	width: 546px;
	height: 49px;
	padding: 20px 0 0;
	margin: 16px auto 0;
	font-size: 20px;
	color: #fff;
}
.btn-big.red a { background-position: 0 -70px; }
.btn-big.blue a { background-position: 0 -139px; }
.btn-big.white a { background-position: 0 -208px; color: #0050aa; }
.btn-big.independent a { margin: 0 auto; }

.btn-form a {
	background-position: -260px -277px;
	width: 354px;
	height: 53px;
	padding: 16px 0 0;
	margin: 32px auto;
	font-size: 25px;
	font-weight: 600;
	color: #fff;
}
.btn-send a {
	width: 307px;
	height: 53px;
	padding: 16px 0 0;
	font-size: 25px;
	font-weight: 600;
	color: #fff;
}
.btn-send.no a { background-position: 0 -346px; }
.btn-send.yes a { background-position: -307px -346px; }

/* --------------------------------------------------------------------------
 icons
-------------------------------------------------------------------------- */

[class*="icon-"] {
	background: url(/pc/assets/img/icons.png) top left no-repeat;
	display: inline-block;
	vertical-align: baseline;
	overflow: hidden;
	height: 0;
	margin: 0;
}
.icon-more {
	background-position: 0 0;
	width: 4px;
	height: 6px;
	vertical-align: middle !important;
	margin-right: 7px;
}
.icon-sright {
	background-position: 0 -6px;
	width: 3px;
	height: 5px;
	vertical-align: middle !important;
	margin: -2px 10px 0 0;
}
.icon-pick {
	background-position: -4px 0;
	width: 15px;
	height: 15px;
}
.icon-check {
	background-position: -19px 0;
	width: 18px;
	height: 15px;
}
.icon-wright {
	background-position: -37px 0px;
	width: 11px;
	height: 18px;
	vertical-align: text-top !important;
	margin: 2px 24px 0 0;
}
.icon-bright {
	background-position: -37px -18px;
	width: 11px;
	height: 18px;
	vertical-align: text-top !important;
	margin: 2px 24px 0 0;
}
.icon-wleft {
	background-position: -37px -36px;
	width: 11px;
	height: 18px;
	vertical-align: text-top !important;
	margin: 2px 24px 0 0;
}
.icon-down {
	background-position: 0 -15px;
	width: 36px;
	height: 42px;
}
.icon-plus {
	background-position: 0px -57px;
	width: 21px;
	height: 21px;
	margin-right: 10px;
	vertical-align: text-top !important;
}
.icon-plus.open {
	background-position: 0 -78px;
}
.icon-barr {
	background-position: -25px -57px;
	width: 23px;
	height: 40px;
}
.icon-x {
	background-position: 0 -99px;
	width: 24px;
	height: 24px;
}
.icon-gblank {
	background-position: -24px -99px;
	width: 13px;
	height: 10px;
	margin-left: 3px;
}
.icon-bblank {
	background-position: -24px -109px;
	vertical-align: text-top;
	width: 13px;
	height: 10px;
	margin-left: 2px;
}
.icon-lcheck {
	background-position: 0 -123px;
	width: 33px;
	height: 28px;
}
.icon-com1 {
	background-position: -48px 0px;
	width: 50px;
	height: 50px;
}
.icon-com2 {
	background-position: -98px 0px;
	width: 50px;
	height: 50px;
}
.icon-com3 {
	background-position: -148px 0px;
	width: 50px;
	height: 50px;
}
.icon-com4 {
	background-position: -48px -50px;
	width: 50px;
	height: 50px;
}
.icon-com5 {
	background-position: -98px -50px;
	width: 50px;
	height: 50px;
}
.icon-com6 {
	background-position: -148px -50px;
	width: 50px;
	height: 50px;
}
.icon-com7 {
	background-position: -48px -100px;
	width: 50px;
	height: 50px;
}
.icon-face {
	background-position: -98px -100px;
	width: 48px;
	height: 48px;
}
.icon-flow {
	background-position: -146px -100px;
	width: 42px;
	height: 36px;
	margin: 5px 0 0;
}
.icon-err {
	background-position: -146px -136px;
	width: 14px;
	height: 14px;
	margin-right: 5px;
}
.icon-backtop {
	background-position: -160px -136px;
	width: 25px;
	height: 15px;
	margin: 0 auto;
	position: relative;
}
.icon-calc {
	background-position: -170px -151px;
	width: 21px;
	height: 40px;
}
.icon-now {
	background-position: 0 -151px;
	width: 84px;
	height: 40px;
	position: relative;
	top: 3px;
	margin-left: 24px;
}
.icon-rstep {
	background-position: -84px -151px;
	width: 86px;
	height: 36px;
}
.icon-lstep {
	background-position: -84px -187px;
	width: 86px;
	height: 36px;
}
.icon-ph {
	background-position: 0 -191px;
	width: 22px;
	height: 22px;
	margin: 0 6px;
}
.icon-pc {
	background-position: -22px -191px;
	width: 22px;
	height: 22px;
	margin-right: 6px;
}
.icon-ent {
	background-position: -44px -191px;
	vertical-align: middle;
	width: 10px;
	height: 7px;
	margin-right: 10px;
}

/* --------------------------------------------------------------------------
 fitting
-------------------------------------------------------------------------- */

.flr { float: right; }
.fll { float: left; }
.fln { float: none; }
.tac { text-align: center; }
.tal { text-align: left; }
.tar { text-align: right; }
.bold { font-weight: 600; }
.nrml { font-weight: normal; }
.udl { text-decoration: underline; }

.blue { color: #0050aa; }
.black { color: #000000; }
.red { color: #f0020e; }
.yellow { color: #ffd800; }

sup { font-size: 65%; vertical-align: text-top; }

ul#gist li {
	list-style-type: disc;
	margin-left: 1.2em;
	font-size: inherit;
	font-weight: inherit;
}
ol#gist li {
	list-style-type: decimal;
	margin-left: 2.2em;
	font-size: inherit;
	font-weight: inherit;
}
dl#gist { border: none !important; }
dl#gist dt { line-height: 1.5em; }
dl#gist dd { line-height: 1.5em; margin: -1.5em 0 0 1.2em; }
dl#kome dt { line-height: 1.5em; }
dl#kome dd { line-height: 1.5em; margin: -1.5em 0 0 2em; }

.lts2 { letter-spacing: -0.2em; }
.lts1 { letter-spacing: -0.1em; }
