@charset "UTF-8";
/*=============================================================
 04_modules
=============================================================*/
/*!  shop
================================================ */
/*!  layout
================================================ */
#shop #gNav { margin-top: -6px; }

#shop .wrapper { width: 1000px; margin: 0 auto 60px auto; }

#shop #sidebar { margin-top: 42px; }

/*! mainVisual
================================================== */
#mainImgArea { position: relative; }

#mainImgArea .areaName { position: absolute; top: 35px; left: 50%; z-index: 999; width: 1000px; margin-left: -500px; }

#mainImgArea .areaName span { line-height: 1.1; padding: 10px 15px 0; border-radius: 8px; background: #0129a5; color: #fff; font-weight: bold; font-size: 28px; }

#mainImgArea .areaName span em { line-height: 1; font-weight: inherit; font-size: 34px; position: relative; top: 0px; }

#mainImgArea .shopImg { position: absolute; width: 100%; min-width: 1000px; height: 612px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

#mainImgArea .shopImg.type01 { background-image: url(../img/shop/mainimg01.jpg); }

#mainImgArea .shopImg.type02 { background-image: url(../img/shop/mainimg02.jpg); }

#mainImgArea .shopImg.type03 { background-image: url(../img/shop/mainimg03.jpg); }

#mainImgArea.subArea { height: 292px; }

#mainImgArea.subArea .shopImg { height: 292px; background-image: url(../img/shop/mainimg04.jpg); }

#mainImgArea.subArea .areaName { font-size: 36px; }

#mainImgArea.subArea .areaName span { padding: 25px 20px 5px 25px; }

#mainImgArea.subArea .areaName span em { font-size: 40px; }

/*! contactArea
================================================== */
#shop #contents .contactArea { margin-bottom: 33px; }

#shop .contactArea .catch { width: 690px; line-height: 1.1; margin-bottom: 90px; padding: 10px 0 7px; border-top: solid 2px #012b7f; border-bottom: solid 2px #012b7f; color: #012b7f; font-weight: bold; font-size: 24px; text-align: center; }

#shop .contactArea .catch em { font-weight: inherit; font-size: 28px; }

/*! supportArea
================================================== */
#supportArea { position: relative; z-index: 1; }

#supportArea .inner { max-width: 1000px; margin: auto; }

#supportArea .solution { position: relative; margin-bottom: 40px; }

#supportArea .solution h2 { position: relative; z-index: 1; box-sizing: border-box; width: 1000px; height: 150px; padding: 20px 0 0 160px; background: url(../img/shop/bg_solution_tit01.png) no-repeat left top; font-weight: bold !important; /* for modan browser */ font-size: 38px; text-shadow: 0 5px 1px #fff,0 4px 1px #fff,1px 4px 1px #fff,2px 4px 1px #fff,3px 3px 1px #fff,4px 2px 1px #fff,4px 1px 1px #fff,4px 0 1px #fff,5px 0 1px #fff,4px -1px 1px #fff,4px -2px 1px #fff,4px -3px 1px #fff,3px -4px 1px #fff,2px -5px 1px #fff,1px -5px 1px #fff,0 -5px 1px #fff,-1px -5px 1px #fff,-2px -5px 1px #fff,-3px -5px 1px #fff,-4px -4px 1px #fff,-5px -3px 1px #fff,-5px -2px 1px #fff,-5px -1px 1px #fff,-5px 0 1px #fff,-5px 1px 1px #fff,-5px 2px 1px #fff,-4px 3px 1px #fff,-3px 4px 1px #fff,-2px 4px 1px #fff,-1px 4px 1px #fff; /* for IE */ filter: dropshadow(color=#fff, offx=0, offy=5, positive=1), dropshadow(color=#fff, offx=3, offy=3, positive=1), dropshadow(color=#fff, offx=4, offy=-1, positive=1), dropshadow(color=#fff, offx=2, offy=-5, positive=1), dropshadow(color=#fff, offx=-2, offy=-5, positive=1), dropshadow(color=#fff, offx=-5, offy=-2, positive=1), dropshadow(color=#fff, offx=-5, offy=2, positive=1), dropshadow(color=#fff, offx=-1, offy=4, positive=1); -ms-filter: none; -webkit-filter: dropshadow(color=#fff, offx=0, offy=5, positive=1), dropshadow(color=#fff, offx=3, offy=3, positive=1), dropshadow(color=#fff, offx=4, offy=-1, positive=1), dropshadow(color=#fff, offx=2, offy=-5, positive=1), dropshadow(color=#fff, offx=-2, offy=-5, positive=1), dropshadow(color=#fff, offx=-5, offy=-2, positive=1), dropshadow(color=#fff, offx=-5, offy=2, positive=1), dropshadow(color=#fff, offx=-1, offy=4, positive=1); }

#supportArea .solution h2 span, #supportArea .solution h2 em { font-weight: bold; }

#supportArea .solution h2 > span { font-size: 27px; }

#supportArea .solution h2 > span em { padding-right: 5px; }

#supportArea .solution h2 em { color: #0129a5; }

#supportArea .solution h2 em span { color: #fd3327; }

#supportArea .solution .group { position: absolute; top: 5px; left: 20px; z-index: 2; width: 131px; height: 132px; line-height: 1.1; padding-top: 35px; background: url(../img/shop/bg_group01.png) no-repeat left top; color: #fff; font-weight: bold; font-size: 19px; text-align: center; }

#supportArea .solution .txt { position: relative; z-index: 0; margin-top: -6px; padding: 0 8px 8px; border: solid 1px #9e9e9e; border-top: 0; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; background: url(../img/shop/bg_solution01.png) repeat left top; }

#supportArea .solution .txt .txtIn { padding: 25px 30px; background: url(../img/shop/bg_solution02.png) repeat left top; }

#supportArea .solution .txt .txtIn p { line-height: 2; color: #fff; font-weight: bold; font-size: 14px; }

#supportArea .supportList .listBox { box-sizing: border-box; width: 100%; padding: 40px 0 40px 40px; border: solid 9px #dcdada; border-top: 0; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; background: #f2f2f2; }

#supportArea .supportList .listBox .area { float: left; box-sizing: border-box; width: 545px; padding: 40px 10px 25px 30px; background: #fff; }

#supportArea .supportList .listBox .area li { display: block; float: left; width: 84px; line-height: 1.1; margin-bottom: 14px; font-size: 12px; }

#supportArea .supportList .listBox .area li.kn { letter-spacing: -.05em; }

#supportArea .supportList .listBox .map { float: right; width: 395px; margin: 40px 0 0; text-align: center; }

#supportArea .supportList.subArea { margin-bottom: 60px; }

#supportArea .supportList.subArea .listBox { padding: 30px 0 30px 40px; border: solid 9px #dcdada; border-radius: 10px; }

#supportArea .supportList.subArea .area { padding: 25px; }

/*! exArea
================================================== */
/*#shop #exArea { position: relative; z-index: 0; margin-top: -250px; padding-top: 250px; background: url(../img/shop/bg_txt_area01.jpg) no-repeat 50% bottom; }*/
#shop #exArea .inner { height: auto; width: 1000px; }

#shop #exArea .txtBlock { position: static; width: 1000px; height: auto; margin-top: 340px; margin-bottom: 60px; background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0)); background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f0f0f0',GradientType=0 ); border: solid 5px #0129a5; box-sizing: border-box; }

#shop #exArea .txtBlock p { position: relative; padding: 45px; }

#shop #exArea .txtBlock p:before { float: right; margin-left: 10px; display: inline; content: url(../img/shop/bg_txt_area_02.png); }

/*! main
================================================== */
#shop .mod_service { margin-bottom: 50px; margin-top: 0; border: 0; }

#shop .mod_service h2 { padding-top: 0; }

.linkArea { margin-bottom: 50px; padding: 22px 30px; background: #eee; }

.linkArea ul li { display: block; float: left; }

.linkArea ul li + li { margin-left: 10px; }

.linkArea ul li a:hover { opacity: 0.8; }

/*! resultArea
---------------------------------------- */
#shop .contactArea + .wrapper #resultArea { margin-top: 10px; }

#resultArea { margin: 0 0 40px 0; }

#resultArea h2 { box-sizing: border-box; height: 55px; line-height: 1.1; margin-bottom: 30px; padding: 18px 0 0 80px; background: url(../img/shop/bg_result_tit.png) no-repeat left top #0140bd; color: #fff; font-weight: bold; font-size: 20px; }

#resultArea .block { float: left; width: auto; margin: 0 0 20px 0; padding: 0 5px 5px; border-top: solid 6px #0022a2; background: url(../img/home/bg_voice01.png) 0 0 repeat; }

#resultArea .block .inner { position: relative; background: #fff; }

#resultArea .block .info { box-sizing: border-box; min-height: 106px; padding: 40px 20px 20px 108px; background: url(../img/shop/ico_result01.png) no-repeat 20px 20px #f6f6f6; font-size: 13px; }

#resultArea .block .info .category { margin-bottom: 10px; }

#resultArea .block .info .category span { display: inline-block; line-height: 1.1; padding: 5px 10px 3px; background: #00a7d1; color: #fff; font-weight: bold; font-size: 12px; }

#resultArea .block .info dl dt, #resultArea .block .info dl dd { display: inline-block; }

#resultArea .block .info dl dt { box-sizing: border-box; padding: 3px 10px 0; border: solid 2px #0140bd; background: #fff; color: #0140bd; font-weight: bold; font-size: 12px; }

#resultArea .block .info dl dd { line-height: 1.2; font-weight: bold; font-size: 18px; }

#resultArea .block .info dl dd + dt { margin-left: 10px; }

#resultArea .block .txt { line-height: 1.54; padding: 20px; font-size: 13px; }
/*! .mod_service02
---------------------------------------- */
.mod_service02 { margin-top: 50px; }

/*! #trouble
---------------------------------------- */
#trouble .troubleBb { background: url("../img/shop/bg_trouble.png") repeat; padding: 20px 15px; overflow: hidden; margin-top: 50px; }

#trouble .block01 { width: 350px; float: left; }

#trouble .block02 { padding-left: 10px; }

#trouble .upper { padding-bottom: 15px; overflow: hidden; }

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

/* #serviceArea
================================================== */
#serviceArea .col3Block { margin: 0; }

/*! #greeting
---------------------------------------- */
#greeting .box01 .boxTitle { background: url(../img/shop/ico_area06.png) 15px center no-repeat #1588da; }

#greeting .box02In { position: relative; }

#greeting .box02In .space { float: right; }

#greeting .box01 .box02 .image01 { float: right; width: 300px; margin: 0 0 30px 30px; }

/*! .serviceMarker
---------------------------------------- */
.serviceMarker { padding: 10px 0 60px; }

.serviceMarker .tit { padding-left: 58px; position: relative; font-size: 2.2rem; line-height: 2.72727; color: #00258d; font-weight: bold; }

.serviceMarker .tit:before, .serviceMarker .tit:after { content: ""; display: block; position: absolute; }

.serviceMarker .tit:before { top: 5px; left: 0; width: 45px; height: 45px; border-radius: 8px; background: #00258d; }

.serviceMarker .tit:after { top: 14px; left: 17px; width: 12px; height: 26px; background: url("../img/common/ico_key01.png") no-repeat center; background-size: 100%; }

.serviceMarker .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: #eaf5fb; margin-top: -20px; padding: 40px 50px; }

.serviceMarker .list .item { width: calc(25% - 13px); box-sizing: border-box; border: 4px solid  #1444c4; border-radius: 8px; background: #fff url("../img/common/bg_key01.png") no-repeat 26px center/40%; padding: 26px 0; font-size: 2rem; line-height: 1.5; letter-spacing: .05em; color: #00258d; font-weight: bold; text-align: center; }

.serviceMarker .list .item:nth-child(n+5) { margin-top: 20px; }