@charset "utf-8";

.sub-btn {font-size:var(--font-size-20); font-weight:800; display:inline-flex; align-items:center; justify-content:center; text-align:center; background-color:#222d38 !important; color:#fff !important; border:1px solid #222d38 !important;min-width:200px; line-height:60px; border-radius:6px;}

.doc-txt {font-size:var(--font-size-20); font-weight:400; letter-spacing:-.025em; line-height:1.4em; color:#555;}

.greeting .top {margin-bottom:42px;}
.greeting .top h1 {margin-bottom:50px;font-size:var(--font-size-46); font-weight:800; letter-spacing:-.025em; line-height:1.3em; color:#000;}
.greeting .top p {margin-bottom:40px;font-size:var(--font-size-36); font-weight:600; letter-spacing:-.025em; line-height:1.28em; color:#000;}
.greeting .top p:last-child {margin-bottom:0;}
.greeting .btm {display:flex; flex-direction:column; align-items:center; padding:75px 0px;position:relative;}
.greeting .btm:before {content:''; position:absolute; left:50%; top:0; width:100vw; transform:translateX(-50%); height:100%; z-index:-1; background:#f2f2f2;}
.greeting .btm:after {content:''; position:absolute; right:22px; width:500px; height:508px; top:-385px; background:url('../images/sub/greeting-logo.png') no-repeat center 100% / contain; z-index:-2;}
.greeting .btm p {margin-bottom:32px;font-size:var(--font-size-24); font-weight:400; letter-spacing:-.025em; line-height:1.8em;}
.greeting .btm p:last-child {margin-bottom:0;}

.agency-list ul {display:flex; flex-wrap:wrap; margin:-20px;}
.agency-list ul li {width:25%; padding:20px;}

.directions {display:flex;  margin-bottom:50px; border-bottom:1px solid #ddd;}
.directions .info {display:flex; justify-content:space-between; width:100%;}
.directions .info .inner {display:flex;}
.directions .info .icon {width:67px; margin-right:55px;}
.directions .info .cnt {flex:1 1 auto; min-width:0; width:1%;}
.directions .info dl {display:flex; font-size:var(--font-size-17); font-weight:400; letter-spacing:0; line-height:1.4em; color:#555;}
.directions .info dl dt {min-width:70px;font-weight:800; color:#333;}
.directions .info .add {display:block; margin-bottom:50px;}
.directions .info .add dt {margin-bottom:2px; width:auto;}
.directions .btn {margin-top:40px;display:inline-flex; align-items:center; justify-content:center; text-align:center; min-width:280px; height:46px; color:#fff; font-size:var(--font-size-17); font-weight:400; letter-spacing:0; line-height:1.4em; background:#222d38;}
.directions .img {width:50%; margin-left:40px;}

.biz-field ul {display:flex; flex-wrap:wrap; margin:-13px;}
.biz-field ul li {width:25%; padding:13px;}
.biz-field a {box-shadow:0 0 30px rgba(0,0,0,.25); position:relative;display:block;min-height:260px; padding:25px 30px;}
.biz-field a .tit {margin-bottom:8px;font-size:var(--font-size-20); font-weight:800; letter-spacing:-.025em; line-height:1.4em; color:#333;}
.biz-field a .txt {letter-spacing:-.025em; line-height:1.4em; color:#555;}
.biz-field a .view {position:absolute; right:38px; bottom:25px; min-width:86px; height:26px; display:inline-flex; align-items:center; justify-content:center; text-align:center; padding:0 5px; color:#fff; background:#495a6b;}
.biz-field a:hover {background:#222d38;}
.biz-field a:hover .tit {color:#fff;}
.biz-field a:hover .txt {color:#fff;}
.biz-field a:hover .view {background:#fff; color:#333;}