@charset "utf-8";

address,
#footer .footer-nav {
	padding-right:25px;
}

#header {
	margin-top:25px;
	height: 100px;
}
#header .site-id {
	padding:15px 0 0 25px;
}

caption {
	font-size:100%;
	text-align:left;
	font-weight:bold;
}

.mb-30 {
	 margin-bottom: 30px;
}
#articles dl p.mt-110 {
	 margin-top: 110px;
}
#articles .mt-30 {
    margin-top: 30px;
}
#articles .mt-35 {
    margin-top: 35px;
}
#articles dd table.m-0 {
	 margin: 0;
}
#articles dd .inner-box.w-30 {
	width: 30%;
}
#articles dd td.box-1dayPrice.align_center {
	text-align: center;
}
#articles dd table.bd-red {
	border: 3px double #c00;
}
#articles dd table.bd-red td,
#articles dd table.bd-red th {
	border: 1px solid #c00;
}
#articles table.image-table img {
    max-width: 60%;
		margin: 0 4px 4px;
}
#articles td.txt_bold {
    font-weight: bold;
    font-size: 20px;
}
/* mainbox
---------------------------------------------------- */

.main {
	border: 1px solid #ccc;
	border-top:none;
	background-color:#fff;
	padding:25px;
	text-align:left;
}

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

#article-header .about-tax {
	text-align:right;
	margin: 0;
	padding: 0;
	color: #f00;
	font-weight: bold;
	font-size: 110%;
}

#article-header .qa-copy {
	text-align:center;
    font-size: 160%;
    margin: 0;
    padding: 0;
}

#qa-title {
	background-color: #DE5F00;
	color: #fff;
    width: 100%;
	display:table;
}

#qa-title h1 {
    display: table-cell;
    vertical-align: middle;
    padding-left: 100px;
}

#qa-title h1 span {
	font-size:140%;
}

#qa-title .qa-h1-inner {
	padding:10px;
	text-align: right;
    display: table-cell;
    vertical-align: middle;
}

#qa-image {
	position: absolute;
	margin-left: 20px;
	margin-top: -40px;
}

/* qa-menu
---------------------------------------------------- */
#qa-menu {
	width:100%;
	margin-top: 45px;
}

.qa-menu-inner {
	width: 864px;
	margin:0 auto;
	padding:1px;
	background-color:#c2b9b1;
	border:5px solid #e7e4df;
}
#qa-menu ul {
	display:table;
	margin:0;
	padding:0 0 5px 5px;
	background-color:#fff;
	border:1px solid #f4f3f2;
}

#qa-menu ul li {
	float:left;
	list-style: none;
	margin:5px 5px 0 0;
	border:1px solid #ccc;
}

#qa-menu ul li a {
	display: flex;
	align-items: center;
	width: 187px;
	height: 3.5em;
	color:#000;
	text-decoration:none;
	font-size:110%;
	font-weight:bold;
	vertical-align: middle;
	padding: 0 10px;
	background: #f2f2f2;
}
#qa-menu ul li a span {
	min-width: 2em;
}
/*qa_list orange*/
#index #qa-menu ul li.index a,
#contract #qa-menu ul li.contract a,
#account #qa-menu ul li.account a,
#payment #qa-menu ul li.payment a,
#other #qa-menu ul li.other a,
#invoices #qa-menu ul li.invoices a
 {
	background: rgb(255 153 83 / 50%);
}
#qa-menu ul li.index a:hover,
#qa-menu ul li.contract a:hover,
#qa-menu ul li.account a:hover,
#qa-menu ul li.payment a:hover,
#qa-menu ul li.other a:hover,
#qa-menu ul li.invoices a:hover
 {
	background: rgb(255 153 83 / 20%);
}
#qa-menu ul li.index a,
#qa-menu ul li.contract a,
#qa-menu ul li.account a,
#qa-menu ul li.payment a,
#qa-menu ul li.other a,
#qa-menu ul li.invoices a
 {
  border-bottom: #FF9953 3px solid;
  margin-bottom: -3px;
}
/*qa_list blue*/
#price #qa-menu ul li.price a,
#hako_touroku #qa-menu ul li.hako_touroku a,
#hako_nyusyukko #qa-menu ul li.hako_nyusyukko a,
#hako_kigengire #qa-menu ul li.hako_kigengire a,
#long_strage #qa-menu ul li.long_strage a {
	background: rgb(14 68 242 / 40%);
}
#qa-menu ul li.price a,
#qa-menu ul li.hako_touroku a,
#qa-menu ul li.hako_nyusyukko a,
#qa-menu ul li.hako_kigengire a,
#qa-menu ul li.long_strage a {
  border-bottom: #0E44F2 3px solid;
  margin-bottom: -3px;
}
#qa-menu ul li.price a:hover,
#qa-menu ul li.hako_touroku a:hover,
#qa-menu ul li.hako_nyusyukko a:hover,
#qa-menu ul li.hako_kigengire a:hover,
#qa-menu ul li.long_strage a:hover {
  background: rgb(14 68 242 / 20%);
}
/*qa_list green*/
#recovery #qa-menu ul li.recovery a {
	background: rgb(0 176 80 / 40%);
}
#qa-menu ul li.recovery a {
  border-bottom: #00B050 3px solid;
  margin-bottom: -3px;
}
#qa-menu ul li.recovery a:hover {
  background: rgb(0 176 80 / 20%);
}

/* qa-menu-active */
#qa-menu.active {
	position:fixed;
	top:0;
	left:0;
	margin-top: 0;
	padding:10px 0;
	background-color:#666;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
	border-bottom:2px solid #666;
	z-index: 999;
}

#qa-menu.active ul li a {
	font-size:90%;
	font-weight:normal;
	height: 3em;
}



/* articles
---------------------------------------------------- */

#articles {
	margin: 20px 40px;
	letter-spacing: 0.1em;
	line-height:1.8;
}

#articles h2 {
	color:#DE5F00;
	font-size:160%;
}

#articles h2{
	position:relative;
	padding-left:30px;
	font-weight: bold;
	line-height: 38px;
    display: table-cell;
}

#articles h2:after, #articles h2:before{
	content:'';
	height:18px;
	width:4px;
	display:block;
	background:#DE5F00;
	position:absolute;
	top:8px;
	left:15px;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
}

#articles h2:before{
	height:10px;
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	top:16px;
	left:7px
}

#articles dl.accordion > dt {
	clear:both;
	font-size: 120%;
	margin: 25px 0px 10px 0px;
	padding: 5px 5px 5px 35px;
	border-bottom: 1px solid #4086ED;
	font-weight: bold;
	background: url(../images/icon_qa.png) no-repeat 5px 5px;
	cursor: pointer;
}
#articles dl.accordion > dt span {
    color: #999;
    margin-right: 16px;
}
#articles dl.accordion > dt:hover {
	color:#367ECF;
}

#articles dl.accordion > dd{
	margin-left: 35px;
}


#articles dl.accordion dd dt {
	font-weight:bold;
	margin-bottom:0;
}
#articles dl.accordion dd dt>span{
	display: inline-block;
	color: #fff;
	background:#0099cc url(../images/btn_qa_off.png) no-repeat right 0px;;
	border-radius: 5px;
	padding:0 2em 0 0.5em;
	width:120px;
	cursor:pointer;
}
#articles dl.accordion dd dt.open>span{
	background:#0099cc url(../images/btn_qa_on.png) no-repeat right 0px;;
}

#articles dl.accordion dd dd+dt{
	margin-top: 0.5em;
}
#articles dl.accordion dd dd ul,
#articles dl.accordion dd dd ol {
	margin-top:0;
	padding-top:0;
}
#articles dd img {
    max-width: 100%;
}
#articles dl div.img{
	margin: 0;
	padding-top: 5px;
}

#articles dl dt div.img{
	float: right;
	padding: 0 35px 0 0;
	background: url(../images/btn_qa_off.png) no-repeat right -3px;
}

#articles dl dt div.img img {
	margin-right:5px;
}

#articles dl dt.open div.img {
	background: url(../images/btn_qa_on.png) no-repeat right -3px;
}
#articles dl dt.close div.img {
	background: url(../images/btn_qa_off.png) no-repeat right -3px;
}
#articles dl dd {
	display: none;
	font-size:120%;
}

#articles dl dd div.img{
	float: left;
}

#articles dl p {
	margin: 0;
	padding: 5px 0px;
/*	font-size: 1.1em; */
	letter-spacing: 0.1em;
}

#articles dl p.indent {
	text-indent:-1.1em;
	padding-left:1.1em;
	font-size: 90%;
	margin-bottom:0.5em;
}

#articles .all-open {
	width: 90px;
    height: 25px;
    margin:0 6px 20px;
    padding:0;
    float: right;
    cursor: pointer;
    background: url(../images/open.png) no-repeat bottom;
    text-indent: -9999px;
}

#articles .all-close {
    width: 90px;
    height: 25px;
    margin:0 6px 20px;
    padding:0;
    float: right;
    cursor: pointer;
    background: url(../images/close.png) no-repeat bottom;
    text-indent: -9999px;
}

#articles dd .inner-box {
	width:40%;
	display:table-cell;
	vertical-align:top;
}

#articles dd .inner-box.first {
	padding-right:25px;
}

#articles dd th {
	text-align:center;
}
#articles dd th.qa-th-left{
	text-align:left;
}
#articles dd th.qa-th-left span{
	display:block;
	margin-bottom:0.5em;
}
#articles dd table{
	border:3px double #000;
	margin-top:16px;
}
#articles dd table caption{
	letter-space:0.6em;
}
#articles dd th{
	white-space: nowrap;
	background:#fff;
	padding: 0;
}
#articles dd .qa-center{
	text-align:center;
}
#articles dd .qa-right{
	text-align:right;
}
#articles dd .qa-color-blue{
	color:#0070c0;
}
#articles dd .qa-color-red{
	color:#f20b0b;
}
#articles dd .qa-font-bold{
	font-weight:bold;
}
#articles dd .qa-bg-c{
	background:#fff2cc;
}
#articles dd .qa-width24{
	width:24%;
}
#articles dd .qa-width38{
	width:38%;
}
#articles dd .qa-width20{
	width:20%;
}
#articles dd .qa-border-lr{
	border-left:3px solid #333333;
	border-right:3px solid #333333;
}
#articles dd .qa-border-l{
	border-left:3px solid #333333;
}
#articles dd .qa-border-t{
	border-top:3px solid #333333;
}
#articles dd .qa-border-b{
	border-bottom:3px solid #333333;
}
#articles dd .qa-border-tn{
	border-top:none;
}
#articles dd .qa-border-bn{
	border-bottom:none;
}
#articles dd .qa-size{
	font-size:150%;
}
#articles dd .qa-lh{
	line-height:1.2;
}


#articles dd td.box-size {
	text-align:right;
	padding: 0 5px;
}

#articles dd td.box-1dayPrice {
	color:#c00;
	text-align:right;
	font-size:150%;
	padding: 0 5px;
	line-height: 1.5;
}

#articles dd td.box-mPrice {
	text-align:right;
	padding: 0 5px;
}

#articles dd .qa-attention {
	padding: 10px 10px 10px 38px;
    border: 2px solid #ff60ae;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
    background: url(../images/icon_attention.png) no-repeat 3px 0.5em;
}

/* corp,nature
---------------------------------------------------- */

#articles .corporate-box {
	padding: 10px 10px 10px 60px;
    border-color: #FFA127;
    background: url(../images/icon_kanri_big.png) no-repeat left 5px;
}

#articles a.corporate{
	padding-left: 30px;
	background: url(../images/arrow_link_corp.gif) no-repeat left;
}

#articles .personal-box {
	padding:10px 10px 10px 60px;
	border-color: #67B90F;
	background:url(../images/icon_ebox24_big.png) no-repeat left 5px;
}

#articles a.personal {
	padding-left: 30px;
	background: url(../images/arrow_link_nature.gif) no-repeat left;
}

#articles a.common {
	padding-left: 30px;
	background: url(../images/arrow_link_common.gif) no-repeat left;
}
/*20170308 add
price----*/
#articles dl p.qa-under-p{
	text-align:center;
	font-size:1.1em;
	font-weight:bold;
	margin:60px 0;
}
#articles dl p.qa-under-p span{
	width: 20px;
	display: inline-block;
	border: 1px solid #ff60ae;
	height: 15px;
	position: relative;
	top: 0.2em;
	border-radius: 3px;
	margin: 0 0.4em;
}
#articles dl p.qa-under-p img{
	margin-bottom:15px;
}
/*20171222 add*/
div.attention-text{
	border:3px solid #D4440D;
	margin-bottom:0.8em;
}
div.attention-text p.read-attention{
	color:#ff0000;
	font-weight:bold;
	font-size:16px;
	background:#FFEFEF;
}
div.attention-text h3{
	background: #FFEFEF;
	color: #ff0000;
	margin: 0 0 0.5em;
	padding: 0.5em;
	border-bottom: 1px solid #D4440D;
	font-size: 15px;
}
#articles div.attention-text h3>span{
	font-size: 29px;
	display: inline-block;
	line-height: 17px;
	vertical-align: middle;
	position:relative;
}
div.attention-text h3>span>span{
	color: #fff;
	position: absolute;
	top: 0px;
	left: 12px;
	font-size:14px;
}
div.attention-text p{
	margin: 0;
	padding: 0.2em 0.5em;
	margin-bottom: 0.5em;
	font-weight: bold;
	color: red;
	font-size: 13px;
}
#articles div.attention-text p>span{
	color: #000;
	margin:0;
}
.qa-attention div.attention-text,
.inner-box div.attention-text,
#articles dd th.qa-th-left div.attention-text{
	border:none;
	margin:0;
}
.qa-attention div.attention-text h3,
.inner-box div.attention-text h3,
#articles dd th.qa-th-left div.attention-text h3{
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}
#articles .qa-attention div.attention-text p,
#articles .inner-box div.attention-text p{
	padding:0;
}
#articles dd th.qa-th-left div.attention-text{
	padding-top:0.5em;
}
#articles dd th.qa-th-left div.attention-text>span{
	color: #ff0000;
	font-size: 29px;
	display: inline-block;
	line-height: 17px;
	vertical-align: middle;
	position:relative;
	margin: 0;
	float: left;
	width: 1em;
	padding-top: 0.3em;
}
#articles dd th.qa-th-left div.attention-text>span>span{
	color: #fff;
	position: absolute;
	top: 8px;
	left: 12px;
	font-size: 14px;
	font-weight: bold;
}
#articles dd th.qa-th-left div.attention-text h3{
	float: right;
	width: calc(100% - 2.5em);
	font-size: 14px;
	letter-spacing: 0px;
}
#articles dd th.qa-th-left div.attention-text p{
	font-size: 12px;
	clear: both;
}
/* QA list */
ul.qa_list {
    padding: 0;
}
ul.qa_list li {
    list-style: none;
		padding-left: 1.8em;
    text-indent: -1.8em;
}


/*20181122 add*/
.revision-point{
	display: block;
	text-align: right;
}
/*20200325 add*/
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?9g01ko');
  src:  url('../fonts/icomoon.eot?9g01ko#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?9g01ko') format('truetype'),
    url('../fonts/icomoon.woff?9g01ko') format('woff'),
    url('../fonts/icomoon.svg?9g01ko#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-play:before {
  content: "\ea1c";
}
.icon-flow_down:before {
  content: "\e913";
}
.icon-flow_right:before {
  content: "\e91b";
}
.-categories{
	padding-left: 0;
}
.-categories li{
	margin-bottom: 10px;
	list-style: none;
}
.-categories li span{
	font-weight: bold;
}
.-ref{
	list-style: none;
}
.-ref ul{
	list-style: none;
	font-size: 12px;
	padding-left: 0;
}
.-ref ul li{
	display: flex;
	margin-bottom: 10px;
	font-weight: normal !important;
}
.-ref ul li>span{
	padding-right: 5px;
	font-weight: normal !important;
}
.-ref ul li>span>span{
	text-decoration: underline;
	font-weight: normal !important;
}
.price_nonpush h2{
	color: #000 !important;
	font-size: 14px !important;
	margin-bottom: 10px;
	padding: 0 !important;
}
.price_nonpush h2:before,.price_nonpush h2:after{
	display: none !important;
	line-height: 1.2 !important;
}
.price_nonpush table{
	font-size: 12px;
	margin: 0 !important;
	border: 1px solid !important;
}
.price_nonpush table td{
	text-align: center;
}
.price_nonpush table thead{
	border-bottom: 2px solid #717171;
}
.price_nonpush table tbody tr th{
	width: 158px
}
.price_nonpush table tbody tr td{
	width: 302px
}
.price_nonpush th{
	background: #f0f0f0 !important;
}
.price_nonpush th,.price_nonpush td{
	padding: 5px !important;
}
.price_push h2{
	background: #ff0000;
  color: #ffffff !important;
  padding: 5px 10px 0 !important;
  font-size: 21px !important;
	margin: 0;
	display: block !important
}
.price_push h2:before,.price_push h2:after{
	display: none !important;
}
.price_push table{
	margin-top: 0 !important;
  border: 4px solid #ff0000 !important;
}
.price_push table thead{
	border-bottom: 2px solid #717171;
}
.price_push table thead td div{
	padding-left: 1em;
}
.price_push table thead tr:nth-child(1) td{
	font-size: 14px;
	text-align: left;
	line-height: 1.5;
}
.price_push table tbody tr th{
	width: 202px
}
.price_push table tbody tr td{
	width: 279px
}
.price_push table tbody tr:not(:last-child) td:nth-child(2){
	background: #fff2cc;
	font-weight: bold;
}

.price_push th{
	background: #f0f0f0 !important;
}
.price_push table td{
	text-align: center;
}
.price_push_arrow{
	display: flex;
  align-items: center;
  justify-content: center;
	animation: arrow 0.8s linear infinite alternate;
}
@keyframes arrow{
	0%,100%{
		opacity: 1
	}
	50%{
		opacity: 0
	}
}
.price_push_arrow div span{
  color: #ff0000;
  font-size: 40px;
}
.send-list{
	padding-left: 20px;
}
/* footer
---------------------------------------------------- */
#page-top {
	text-align:right;
	margin:35px 0 0;
	padding:0;
}
/**/
/* Print
-------------------------------------------------------------------------------- */
@media print {
#qa-image,
#qa-menu {
	display:none;
}
#qa-title h1 {
	padding-left:10px;
}