@charset "Shift_JIS";

/* body setting
-------------------------------------*/
body {
font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 0.813rem;
text-align: left;
line-height: 1.5;
color: #444;
-webkit-text-size-adjust: 100%;
}

html:not(:target) body {
font-size: 13px;
}

body img {
width: 100%;
vertical-align: top;
}
body a {
color: #444;
text-decoration: none;
}
body li {
list-style-type: none;
}

/* clearfix
-------------------------------------*/
.clearfix:before,
.clearfix:after,
.wrap:before,
.wrap:after {
display: table;
content: "";
}

.clearfix:after,
.wrap:after {
clear: both;
}

.clearfix,
.wrap {
zoom: 1;
}

/*---------------------------
#hikkoshiCnt 
---------------------------*/
#hikkoshiCnt * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

/*---------------------------
#headerArea 
---------------------------*/
#headerArea {
margin-bottom: 20px;
border-bottom: 1px dotted #cecece;
}
#headerArea .headerAreaInner {
padding: 15px 5%;
}

#headerArea .headerAreaInner .headerLogo01 {
width: 169px;
float: left;
}

#headerArea .headerAreaInner .headerLogo02 {
width: 77px;
margin-top: 15px;
float: right;
}

/*---------------------------
#pageTopArea 
---------------------------*/
#pageTopArea {
margin-top: 20px;
}
#pageTopArea .pageTopBtn01 a {
display: block;
padding: 13px 5%;
text-align: center;
border-top: 1px dotted #cecece;
}
#pageTopArea .pageTopBtn01 a img {
width: 24px;
}

/*---------------------------
#footerArea 
---------------------------*/
#footerArea .footLinkBlock01 {
background: #3bb785;
}
#footerArea .footLinkBlock01 ul {
border-top: 1px solid #5dca9e;
}
#footerArea .footLinkBlock01 ul:first-child {
border-top: none;
}
#footerArea .footLinkBlock01 ul li {
text-align: center;
vertical-align: middle;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#footerArea .footLinkBlock01 ul li a {
display: block;
padding: 13px 5%;
background: #3bb785;
font-size: 0.75rem;
color: #fff;
font-weight: bold;
}
#footerArea .footLinkBlock01 ul li span {
display: inline-block;
padding-right: 16px;
background: url(/callcenter/hikkoshi/common/images/ico_arrow01.png) center right no-repeat;
background-size: 11px;
}
#footerArea .footLinkBlock01 ul.footColumn2 {
display: table;
width: 100%;
}
#footerArea .footLinkBlock01 ul.footColumn2 li {
display: table-cell;
width: 50%;
border-left: 1px solid #5dca9e;
}
#footerArea .footLinkBlock01 ul.footColumn2 li:first-child {
border-left: none;
}

#copyright {
padding: 10px 5%;
background: #04383e;
font-size: 0.6rem;
color: #fff;
text-align: center;
}

/*---------------------------
#mainArea 
---------------------------*/
/* section */
.secBlock01 {
background: #e4f8f0;
padding: 20px 0;
}

/* inner */
.inner {
width: 90%;
margin: 0 auto;
}
.inner > div {
margin-top: 10px;
}
.inner > div:first-child {
margin-top: 0;
}
section > .inner {
margin-top: 20px;
}
section > .inner:first-child {
margin-top: 0;
}

/* headding */
.headdingBlock01 {
font-size: 1.2rem;
font-weight: bold;
color: #333;
text-align: center;
}
.headdingBlock02 {
font-size: 1rem;
color: #ff9140;
line-height: 1.8;
}
.headdingBlock02 span {
background: url(/callcenter/hikkoshi/common/images/title_bg01.gif) bottom left repeat-x;
}
.headdingBlock03 {
font-size: 0.9rem;
font-weight: bold;
}
.headdingBlock04 {
font-size: 0.9rem;
font-weight: bold;
}

/* txt */
.txtBlock01 {
line-height: 1.7;
}

/* img */
.imgBlock01 {
margin: 15px auto 0;
}
.imgBlock01:first-child {
margin-top: 0;
}
.imgBd01 {
border: 1px solid #cecece;
border-radius: 4px;
}

/* btn */
.btnBlock01 {
margin-top: 20px;
text-align: center;
}
.btnBlock01 > p {
width: 48%;
margin: 0 auto;
}
.btnBlock01 a {
display: block;
width: 100%;
padding: 15px 22% 15px 14%;
background: #ff9140;
border: 1px solid #ff9140;
border-radius: 2px;
text-align: center;
font-size: 0.9rem;
font-weight: bold;
color: #fff;
position: relative;
}
.btnBlock01 a:before {
content: '';
width: 14px;
height: 14px;
margin-top: -7px;
background: url(/callcenter/hikkoshi/common/images/ico_arrow02.png) top right no-repeat;
background-size: 100%;
position: absolute;
top: 50%;
right: 11px;
}
.btnBlock01 .prevBtn01 a {
padding: 15px 14% 15px 22%;
background: #fff;
border: 1px solid #cecece;
border-radius: 2px;
color: #444;
}
.btnBlock01 .prevBtn01 a:before {
content: '';
width: 14px;
height: 14px;
margin-top: -7px;
background: url(/callcenter/hikkoshi/common/images/ico_arrow03.png) top left no-repeat;
background-size: 100%;
position: absolute;
top: 50%;
left: 11px;
}

.btnBlock02 {
margin-top: 20px;
}
.btnBlock02 > p {
width: 42%;
margin: 0 auto;
}
.btnBlock02 a {
display: block;
padding: 12px 10%;
background: #fff;
border: 1px solid #cecece;
border-radius: 2px;
text-align: center;
font-size: 0.75rem;
font-weight: bold;
}

.btnBlock03 a {
display: block;
padding: 15px 13% 15px 4%;
background: #fff;
border: 1px solid #cecece;
border-radius: 2px;
font-size: 0.8rem;
position: relative;
}
.btnBlock03 a:before {
content: '';
width: 14px;
height: 14px;
margin-top: -7px;
background: url(/callcenter/hikkoshi/common/images/ico_arrow04.png) top right no-repeat;
background-size: 100%;
position: absolute;
top: 50%;
right: 10px;
}

.btnBlock01.btnColumn2 {
margin: 20px 0 0 0;
letter-spacing: -0.5em;
}
.btnBlock01.btnColumn2 > p {
display: inline-block;
margin-left: 4%;
letter-spacing: normal;
}
.btnBlock01.btnColumn2 > p:first-child {
margin-left: 0;
}
.btnBlock01.btnColumn2 > p > a {
display: block;
}

/* list */
.comList01 ul {
font-size: 0.7rem;
}
.comList01 ul li {
margin-top: 2px;
padding-left: 4.5%;
position: relative;
line-height: 1.7;
}
.comList01 ul li:before {
content: '※';
position: absolute;
top: 0;
left: 0;
}
.comList01 ul li:first-child {
margin-top: 0;
}

/* table */
.tableBlock01 table {
width: 100%;
font-size: 0.75rem;
}
.tableBlock01 tr th {
width: 46%;
padding: 15px 5%;
border: 1px solid #cecece;
background: #3ab784;
color: #fff;
vertical-align: middle;
}
.tableBlock01 tr td {
width: 54%;
padding: 15px 5%;
border: 1px solid #cecece;
background: #fff;
}

/* width */
.cntW45 {
width: 45% !important;
}
.cntW60 {
width: 60% !important;
}

/* font size */
.cntFs12 {
font-size: 0.75rem !important;
}

/* font color */
.cntFcRed {
color: #ff4040 !important;
}