@charset "UTF-8";
/* =============================================== */
/* サービス一覧
================================================== */
/* seaviceArea
================================================== */
.serviceArea { background: url(../img/service/bg_servicearea01.png) 0 0 repeat; margin: 0 0 26px 0; padding: 0 0 20px; position: relative; }

.serviceArea h2 { margin: 0 0 7px 0; }

.serviceArea .block { position: relative; margin: 0 20px 15px 20px; }

.serviceArea .block:last-child { position: relative; margin: 0 20px 0 20px; }

.serviceArea .block .txt { position: absolute; top: 166px; left: 41px; width: 320px; letter-spacing: 0; font-size: 13px; }

.serviceArea .block:nth-child(3) .txt { top: 147px; }

.serviceArea .block:nth-child(6) .txt { top: 147px; }

.serviceArea .block:nth-child(7) .txt { top: 210px; }

.serviceArea .block:nth-child(8) .txt { top: 210px; }

.serviceArea .block .btDetail { background: url(../img/service/bt_detail01.png) 0 0 no-repeat; position: absolute; top: 267px; left: 96px; width: 255px; height: 36px; display: inline-block; }

/* 下記追記 2017/04/17 */
.serviceArea .block01 .btnDetail, .serviceArea .block02 .btnDetail, .serviceArea .block03 .btnDetail, .serviceArea .block04 .btnDetail, .serviceArea .block05 .btnDetail, .serviceArea .block06 .btnDetail, .serviceArea .block07 .btnDetail { overflow: hidden; text-indent: 100%; white-space: nowrap; background: url(../img/service/btn_detail01_n.png) 0 0 no-repeat; position: absolute; top: 267px; left: 96px; width: 225px; height: 36px; display: inline-block; }

.serviceArea .block .txt { color: #414148; }

.serviceArea .block01:hover > a .btnDetail, .serviceArea .block02:hover > a .btnDetail, .serviceArea .block03:hover > a .btnDetail, .serviceArea .block04:hover > a .btnDetail, .serviceArea .block05:hover > a .btnDetail, .serviceArea .block06:hover > a .btnDetail, .serviceArea .block07:hover > a .btnDetail { background: url(../img/service/btn_detail01_o.png) 0 0 no-repeat; }

/* contactArea
================================================== */
.contactArea02 { position: relative; }

.contactArea02 .btContact { background: url(../img/service/bt_contact01.png) 0 0 no-repeat; position: absolute; top: 259px; right: 35px; width: 344px; height: 65px; display: inline-block; }

.contactArea02 .btContact:hover { background-position: 0 -65px; }

.contactArea02 .btContact span { display: none; }

/* btmArea
================================================== */
.btmArea { position: relative; }

.btmArea .txt { position: absolute; top: 141px; left: 44px; width: 661px; font-size: 13px; }

/* =============================================== */
/* サービス子ページ
================================================== */
/* contactArea02
================================================== */
body.child .contactArea02 { position: relative; margin: 0 0 40px 0; }

body.child .contactArea02 a { position: absolute; bottom: 71px; right: 72px; }

/* aboutArea
================================================== */
body.child .aboutArea { margin: 0 0 50px 0; }

body.child .aboutArea h2 { margin: 0 0 30px 0; }

body.child .aboutArea p { font-size: 13px; margin: 0 0 25px 0; }

body.child .aboutArea img.pic { float: left; margin: 0 30px 10px 0; }

body.child .aboutArea .btBlock { background: #a0cffe; padding: 19px 20px; }

body.child .aboutArea .btBlock a { float: left; width: 344px; }

body.child .aboutArea .btBlock a:last-child { float: right; }

body.child .aboutArea .btPrice { display: inline-block; }

body.child .aboutArea .btService { display: inline-block; }

/* placeArea
================================================== */
body.child .placeArea { margin: 0 0 30px 0; padding: 0 0 19px 0; border-bottom: dotted 2px #ccc; }

body.child .placeArea h2 { margin: 0 0 26px; }

body.child .placeArea .block { position: relative; margin: 0 0 11px 0; }

body.child .placeArea .block p { font-size: 13px; position: absolute; top: 193px; left: 35px; width: 666px; }

body.child .placeArea .block.row2 p { top: 340px; }

body.child .placeArea .block.open p { top: 202px; }

body.child .placeArea .block.change p { top: 340px; }

body.child .placeArea .block.make p { top: 251px; }

/* serviceBtn
================================================== */
.serviceBtn { margin-top: 40px; padding: 20px 15px; background: url(../img/service/bg_servicearea01.png) 0 0 repeat; }

.serviceBtn .list { overflow: hidden; }

.serviceBtn .list li { float: left; }

.serviceBtn .list li:nth-of-type(even) { margin-left: 10px; }

.serviceBtn .list li:nth-of-type(n+3) { margin-top: 15px; }

/*--追加ボタンCSS--*/
.servicewBtn { width: 1051px; margin-top: 40px; padding: 10px 5px; background: url(../img/service/bg_servicearea01.png) 0 0 repeat; }

.servicewBtn .list { overflow: hidden; }

.servicewBtn .list li { float: left; }

.servicewBtn .list li:nth-of-type(even) { margin: 0 auto; }

.servicewBtn .list li:nth-of-type(n+3) { margin: 0 auto; }

/*! .priceTable
================================================== */
.priceTable { position: relative; padding: 0; margin-top: 30px; }

.priceTable + .priceTable { margin-bottom: 30px; }

.priceTable .subTit { margin-bottom: 6px; position: relative; padding-left: 14px; font-size: 2.2rem; color: #012b7f; font-weight: bold; }

.priceTable .subTit:before { content: ""; display: block; position: absolute; border-radius: 2px; top: 2px; left: 0; width: 7px; height: 24px; background: #012b7f; }

.priceTable .table { background: #fff; border-width: 2px 1px 1px 2px; border: solid  #d9d9d9; }

.priceTable .table thead th { background: #0256c7; border-right: 1px solid  #d9d9d9; padding: 22px 10px; vertical-align: middle; font-size: 1.5rem; font-weight: bold; color: #fff; text-align: center; }

.priceTable .table tbody th { width: 140px; background: #ebf6ff; vertical-align: middle; border-bottom: 1px solid  #d9d9d9; padding: 22px 10px; font-size: 1.4rem; line-height: 1.75; text-align: center; font-weight: bold; }

.priceTable .table tbody td { padding: 20px 15px 20px; border-bottom: 1px solid  #d9d9d9; border-right: 1px solid  #d9d9d9; vertical-align: middle; font-size: 1.2rem; line-height: 1.75; }

.priceTable .table tbody td + td { width: 195px; text-align: right; }

.priceTable .areaToggle { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -3px; }

.priceTable .areaToggle .table { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; display: none; border-top: 1px solid  #d9d9d9; }

.priceTable .priceBtn { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 287px; cursor: pointer; background: #e5e4e4; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e5e4e4)); background: linear-gradient(#ffffff 0%, #e5e4e4 100%); box-shadow: inset 0px -3px 0px 0px rgba(126, 126, 126, 0.5); border-radius: 4px; padding: 17px 0px; border: 1px solid  #7e7e7e; position: relative; margin-top: 20px; font-size: 1.4rem; font-weight: bold; text-align: center; text-decoration: none; }

.priceTable .priceBtn.on:before { -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

.priceTable .priceBtn:before { content: ""; display: block; position: absolute; top: 50%; right: 20px; width: 12px; height: 12px; margin-top: -6px; background: url(../img/common/ico_link01.png) no-repeat center; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); background-size: 100%; -webkit-transition: all 300ms 0s ease; transition: all 300ms 0s ease; }

.priceTable .notes { margin-top: 10px; right: 0; }

.priceTable .notes li { font-size: 1.1rem; }

.priceTable .notes li + li { margin-top: 5px; }