@charset "UTF-8";
/*! #mainImg
-------------------------------- */
.mainImgIn { position: relative; width: 1067px; padding: 19px 0 11px;}
.mainImgIn .txtWrap { position: absolute; top: 39px; left: 13px; border: 2px solid #433c47; background: #fff; color: #404141; font-weight: bold; font-size: 2.4rem; }
.mainImgIn .txtWrap .txt { display: block; position: relative; padding: 16px 18px 10px; }
.mainImgIn .txtWrap .txt:before { display: block; position: absolute; bottom: -7px; left: 22px; z-index: 1; width: 0; border: 8px solid transparent; border-top-color: #fff; border-bottom-width: 0; content: ""; }
.mainImgIn .txtWrap .txt:after { display: block; position: absolute; bottom: -10px; left: 20px; width: 0; border: 10px solid transparent; border-top-color: #433c47; border-bottom-width: 0; content: ""; }
.mainImgIn .txtWrap .txt span { color: #2164b1; font-weight: bold; font-size: 3.0rem; letter-spacing: .05em; }
/*! breadcrumb
-------------------------------- */
.breadcrumbWrap{padding: 20px 0 30px;}
/*! areaContent
-------------------------------- */
.areaContent { padding: 0 0 60px; background: #f3ecdd;}
.areaContent .areaTxt { width: 1040px; margin: 0 auto 50px; }
.areaContent .areaTxt .tit01 { position: relative; }
.areaContent .areaTxt .tit01 .txt { display: block; position: absolute; top: 46px; left: 18px; box-sizing: border-box; width: 152px; height: 152px; line-height: 1.24; padding: 42px 0 0; color: #2164b1; font-weight: bold; font-size: 1.8rem; text-align: center; letter-spacing: .05em; }
.areaContent .areaTxt .txt01 { line-height: 1.71; padding: 26px 29px 20px; background: #e8eff7; font-size: 1.4rem; letter-spacing: .05em; }
.areaContent .areaSupport { box-sizing: border-box; width: 1040px; margin: 0 auto; padding: 0 30px 30px; background: #e8eff7; }
.areaContent .areaSupport .tit01 { margin: 0 -30px 30px; }
.areaContent .areaSupport .areaSupportBox { position: relative; overflow: hidden; border: 4px solid #bfdcf7; border-radius: 7px; background: #fff; }
.areaContent .areaSupport .areaSupportMap { float: right; width: 389px; }
.areaContent .areaSupport .areaSupportList { float: left; box-sizing: border-box; width: 545px; overflow: hidden; margin: 35px 0 35px 35px; padding: 43px 0 43px 43px; border-radius: 7px; background: #f5f5f5; }
.areaContent .areaSupport .areaSupportList li { float: left; width: 167px; margin: 0 0 15px; font-size: 1.5rem; letter-spacing: .05em; }
/*! unusual
-------------------------------- */
#unusual{padding: 60px 0; background: #fff;}
/*! service
-------------------------------- */
#service{ background: #f3ecdd; }
#service .serviceIn{ background: #fff; }
#service .btnWrap{background: #fff;}
/*! protect
-------------------------------- */
#protect{ background: #fff; }
/*! mod_reason01
-------------------------------- */
.mod_reason01{ background: #f3ecdd; }
/*! mod_flow01
-------------------------------- */
/*! contents
-------------------------------- */
.contents { padding: 80px 0 0; background: #f3ecdd; }
.contents .main .case { width: 1040px; margin: 0 auto 80px; border: solid 4px #003f98; border-radius: 10px; }
.contents .main .case > .tit { padding: 22px 0 20px 45px; background: -webkit-linear-gradient(top, #003f98 0%, #003f98 50%, #002d86 51%, #002d86 100%); background: linear-gradient(to bottom, #003f98 0%, #003f98 50%, #002d86 51%, #002d86 100%); color: #fff; font-weight: bold; font-size: 3.5rem; text-align: left; letter-spacing: .05em; }
.contents .main .case > .tit span { display: inline-block; font-size: 4rem;}
.contents .main .case .list { padding: 38px 45px 40px; background: #fff; }
.contents .main .case .list .item { padding: 6px 1px 1px; background: url(../img/mouse/area/img_border01.png) no-repeat center top #5d99d9; }
.contents .main .case .list .item + .item { margin-top: 25px; }
.contents .main .case .list .itemIn { background: #fff; }
.contents .main .case .list .itemIn .head { box-sizing: border-box; height: 76px; padding: 10px 0 12px 99px; background: #f5f5f5 url(../img/mouse/area/ico_case01.png) 29px 13px no-repeat; }
.contents .main .case .list .itemIn .head dl { overflow: hidden; padding-top: 16px; }
.contents .main .case .list .itemIn .head dt { float: left; clear: left; box-sizing: border-box; width: 90px; height: 26px; line-height: 1; margin: 0 11px 9px 0; padding: 5px 0 0; border: 2px solid #003f98; background: #fff; color: #003f98; font-weight: bold; font-size: 1.3rem; text-align: center; letter-spacing: .05em; }
.contents .main .case .list .itemIn .head dd { box-sizing: border-box; min-height: 26px; line-height: 1; margin: 0 0 9px; padding: 5px 0 0; color: #414148; font-weight: bold; font-size: 1.8rem; letter-spacing: .05em; }
.contents .main .case .list .itemIn .detail { line-height: 1.71; padding: 21px 27px; font-size: 1.4rem; letter-spacing: .05em; }
/*!	useful
---------------------------------------- */
.useful { padding: 77px 0 50px; background: #fff;}
.useful .usefulList li { margin: 0 0 20px; }
.useful .usefulList li:nth-last-of-type(-n+2) { margin-bottom: 20px; }
/*!	area
---------------------------------------- */
#area .areaIn{background-color: #fff;}