@charset "UTF-8";

/*
Theme Name:　宇陀市空き家バンク
Description:宇陀市空き家バンクサイト
Author: 社会福祉法人ぷろぼの
Version: 1.0
*/

* {
    box-sizing: border-box;
    min-width: 0;
    min-height: 0
}

html {
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif
}

body {
    font-size: 16px;
    width: 100%
}

a img:hover {
    opacity: 0.75
}

img {
    max-width: 100%;
    vertical-align: bottom
}

.clearfix::after {
    font-size: 0;
    display: block;
    clear: both;
    content: ""
}

header {
    background-color: #edefec;
    min-width: 960px;
}

header .warp {
    display: flex;
    width: 960px;
    margin-right: auto;
    margin-left: auto
}

header .warp .contact {
    margin-top: 35px;
    margin-left: auto
}

header .warp .contact ul {
    display: flex
}

header .warp .contact ul li {
    position: relative;
    padding-left: 25px
}

header .warp .contact ul li:before {
    position: absolute;
    top: 66%;
    left: 7px;
    width: 11px;
    height: 11px;
    margin-top: -9px;
    content: "";
    border-radius: 50%;
    background: #526a4f
}

header .warp .contact ul li:after {
    position: absolute;
    top: 54%;
    left: 9px;
    width: 3px;
    height: 3px;
    margin-top: -4px;
    content: "";
    transform: rotate(45deg);
    border: 0;
    border-top: solid 1px #fff;
    border-right: solid 1px #fff
}

header .warp .contact ul li a {
    color: #000
}

.gnav {
    background: linear-gradient(to bottom, #486246, #3d523b);
    min-width: 960px;
}

.gnav ul {
    display: table;
    width: 960px;
    margin: 0 auto;
    padding: 0;
    text-align: center
}

.gnav ul li {
    display: table-cell;
    min-width: 50px;
    border-left: solid 1px #3b4f39
}

.gnav ul li a {
    font-weight: bold;
    display: block;
    width: 100%;
    padding: 15px 0;
    text-decoration: none;
    color: #fff
}

.gnav ul li:hover {
    background-color: #2f402e
}

.home .slider {
    width: 960px;
    margin-right: auto;
    margin-left: auto
}

.home .slider video {
    width: 100%
}

.home .slider a {
    display: inline-block;
    /*margin-top: 30px*/
}

.content {
    display: flex;
    width: 960px;
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
    justify-content: space-between
}

.content .main {
    width: 670px
}

.content .main .bank-icon {
    width: 150px;
    margin-right: auto;
    margin-left: auto
}

.content .main .search-icon {
    width: 150px;
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto
}

.content .main .feature-icon {
    width: 150px;
    margin-top: 120px;
    margin-right: auto;
    margin-left: auto
}

.content .main .access-icon {
    width: 150px;
    margin-top: 85px;
    margin-right: auto;
    margin-left: auto
}

.content .main .main-title {
    font-size: 32px;
    font-weight: bold;
    margin-top: 20px;
    text-align: center
}

.content .main .front-bank-field {
    margin-top: 45px;
}
.content .main .front-bank-field .flex-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.content .main .bank-box {
    position: relative;
    width: 320px;
    margin-bottom: 25px;
    padding-top: 13px;
    padding-right: 20px;
    padding-left: 20px;
    background-color: #f6f7f6
}

.content .main .bank-box .catch {
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    padding-top: 15px
}

.content .main .bank-box .eyecatch {
    margin-top: 10px;
    text-align: center
}

.content .main .bank-box .address {
    font-size: 16px;
    margin-top: 15px
}

.content .main .bank-box .num {
    font-size: 16px;
    margin-top: 5px
}

.content .main .bank-box .address-nunber {
    display: flex;
    margin-top: 10px
}

.content .main .bank-box .uketsuke {
    font-size: 16px;
    font-weight: bold;
    margin-left: 10px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    color: #fff;
    background-color: #4a6347;
}
/*
.content .main .bank-box .uketsuke:after {
    font-size: 24px;
    line-height: 79px;
    position: absolute;
    top: calc(22% - 20px);
    right: 0;
    left: 20px;
    display: block;
    width: 280px;
    height: 79px;
    content: "受付中";
    text-align: center;
    color: #fff;
    background-color: rgba(74,99,71,0.8)
}
*/
.content .main .bank-box .kousyou {
    font-size: 16px;
    font-weight: bold;
    margin-left: 10px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    color: #fff;
    background-color: #a6936a;
}

.content .main .bank-box .kousyou:after {
    font-size: 24px;
    line-height: 79px;
    position: absolute;
    top: calc(22% - 20px);
    right: 0;
    left: 20px;
    display: block;
    width: 280px;
    height: 79px;
    content: "契約交渉中";
    text-align: center;
    color: #fff;
    background-color: rgba(166,147,106,0.8)
}

.content .main .bank-box .nairan {
    font-size: 16px;
    font-weight: bold;
    margin-left: 10px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    color: #fff;
    background-color: #000000;
}

.content .main .bank-box .nairan:after {
    font-size: 24px;
    line-height: 79px;
    position: absolute;
    top: calc(22% - 20px);
    right: 0;
    left: 20px;
    display: block;
    width: 280px;
    height: 79px;
    content: "内覧中";
    text-align: center;
    color: #fff;
    background-color: rgba(00,00,00,0.8)
}

.content .main .bank-box .keiyaku {
    font-size: 16px;
    font-weight: bold;
    margin-left: 10px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    color: #fff;
    background-color: #ab3333;
}

.content .main .bank-box .keiyaku:after {
    font-size: 24px;
    line-height: 79px;
    position: absolute;
    top: calc(22% - 20px);
    right: 0;
    left: 20px;
    display: block;
    width: 280px;
    height: 79px;
    content: "契約済";
    text-align: center;
    color: #fff;
    background-color: rgba(171,51,51,0.8)
}

.content .main .bank-box .detail {
    width: 290px;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 5px
}

.content .main .bank-box .btn {
    font-size: 18px;
    font-weight: bold;
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
    padding-top: 15px;
    padding-right: 48px;
    padding-bottom: 15px;
    padding-left: 48px;
    text-decoration: none;
    color: #fff;
    border: solid 2px #4a6347;
    border-radius: 10px;
    background-color: #4a6347
}

.content .main .bank-box .btn:before {
    position: absolute;
    top: 26px;
    left: 25px;
    width: 15px;
    height: 15px;
    margin-top: -9px;
    content: "";
    border-radius: 50%;
    background: #fff
}

.content .main .bank-box .btn:after {
    position: absolute;
    top: 25px;
    left: 28px;
    width: 5px;
    height: 5px;
    margin-top: -4px;
    content: "";
    transform: rotate(45deg);
    border: 0;
    border-top: solid 2px #4a6347;
    border-right: solid 2px #4a6347
}

.content .main .bank-box .btn:hover {
    color: #4a6347;
    background: #fff
}

.content .main .bank-box .btn:hover:before {
    position: absolute;
    top: 26px;
    left: 25px;
    width: 15px;
    height: 15px;
    margin-top: -9px;
    content: "";
    border-radius: 50%;
    background: #4a6347
}

.content .main .bank-box .btn:hover:after {
    position: absolute;
    top: 25px;
    left: 28px;
    width: 5px;
    height: 5px;
    margin-top: -4px;
    content: "";
    transform: rotate(45deg);
    border: 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff
}

.content .main .btn-box {
    text-align: center;
    margin-top: 10px;
}

.content .main .btn-box .btn-text {
    font-size: 18px;
    font-weight: bold;
}

.content .main .btn-box .btn {
    font-size: 21px;
    font-weight: bold;
    position: relative;
    display: inline-block;
    margin-top: 10px;
    padding-top: 30px;
    padding-right: 64px;
    padding-bottom: 30px;
    padding-left: 64px;
    text-decoration: none;
    color: #fff;
    border: solid 2px #ab3333;
    border-radius: 10px;
    background-color: #ab3333
}

.content .main .btn-box .btn:before {
    position: absolute;
    top: 42px;
    left: 42px;
    width: 15px;
    height: 15px;
    margin-top: -9px;
    content: "";
    border-radius: 50%;
    background: #fff
}

.content .main .btn-box .btn:after {
    position: absolute;
    top: 41px;
    left: 45px;
    width: 5px;
    height: 5px;
    margin-top: -4px;
    content: "";
    transform: rotate(45deg);
    border: 0;
    border-top: solid 2px #ab3333;
    border-right: solid 2px #ab3333
}

.content .main .btn-box .btn:hover {
    color: #000;
    background: #fff
}

.content .main .btn-box .btn:hover:before {
    position: absolute;
    top: 42px;
    left: 42px;
    width: 15px;
    height: 15px;
    margin-top: -9px;
    content: "";
    border-radius: 50%;
    background: #ab3333
}

.content .main .btn-box .btn:hover:after {
    position: absolute;
    top: 41px;
    left: 45px;
    width: 5px;
    height: 5px;
    margin-top: -4px;
    content: "";
    transform: rotate(45deg);
    border: 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff
}

.content .main .search-area {
    display: flex;
    margin-top: 60px;
    margin-bottom: 20px;
    justify-content: space-between
}


/*--------------------------------------------------------
--------------------------------------------------------*/
form .condition {
    width: 240px
}

form .condition dt {
    font-size: 18px;
    font-weight: bold;
    height: 24px;
    margin-bottom: 10px;
    padding-top: 3px;
    color: #4a6347;
}

form .condition dt::before {
    display: inline-block;
    width: 28px;
    text-align: center;
    vertical-align: middle;
    margin-right: 4px;
}
form .condition .icon1::before {
	content: url(images/searchicon1.png);
}
form .condition .icon2::before {
	content: url(images/searchicon2.png);
}
form .condition .icon3::before {
	content: url(images/searchicon3.png);
}
form .condition .icon4::before {
	content: url(images/searchicon4.png);
}
form .condition .icon5::before {
	content: url(images/searchicon5.png);
}

form .condition dd {
    font-size: 19px;
    line-height: 30px;
}

form .condition label {
    font-size: 15px
}

form .condition .btn-box .btnsearch {
    margin-right: auto;
    margin-left: auto;
    font-size: 24px;
    line-height: 38px;
    display: block;
    width: 200px;
    height: 50px;
    padding: 7px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border: solid 1px #4a6347;
    border-radius: 10px;
    background: url(images/btn_back.png) no-repeat 50px 16px #4a6347
}

form .condition .btn-box .btnsearch:hover {
    color: #4a6347;
    background: url(images/btn_back_on.png) no-repeat 50px 16px #fff
}

/*------------------------------------------------------*/
.content .main .search-area .condition dd {
    margin-bottom: 5px;
	display: flex;
	flex-wrap: wrap;
}
.content .main .search-area .condition dd label {
	width: 50%;
}

.content .main .search-area .condition .btn-box {
    margin-top: 30px;
}


.content .main .search-area .map {
    margin-top: 25px
}

.content .main .about-box {
    margin-top: 50px
}

.content .main .about-box .sight {
    line-height: 30px;
    margin-top: 45px
}

.content .main .access-box {
    margin-top: 20px;
    margin-bottom: 20px
}

.content .main .access-box .map {
    margin-top: 50px;
    text-align: center
}

.content .main .access-box h3 {
    margin-top: 50px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-bottom: solid 2px #4a6347
}

.content .main .access-box .h3train-text {
    font-size: 26px;
    font-weight: bold;
    padding-left: 40px;
    color: #302c1d;
    background: url(images/ico_train.png) no-repeat 0 0
}

.content .main .access-box .h3car {
    margin-top: 40px;
    margin-bottom: 28px
}

.content .main .access-box .h3car-text {
    font-size: 26px;
    font-weight: bold;
    padding-left: 40px;
    color: #302c1d;
    background: url(images/ico_car.png) no-repeat 0 3px
}

.content .main .access-box h4 {
    font-size: 18px;
    font-weight: bold;
    margin-top: 35px;
    margin-bottom: 30px;
    padding-top: 0
}

.content .main .access-box .h4kyouto {
    margin-top: 25px
}

.content .main .access-box .h4car {
    font-size: 18px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 15px;
    padding-top: 0
}

.content .main .access-box h4 span {
    font-size: 15px;
    font-weight: normal;
    color: #494949
}

.content .main .access-box .access-img {
    margin-top: 10px;
    padding-bottom: 30px;
    border-bottom: solid 1px #ccc
}

.content .main .access-box .access-img2 {
    margin-top: 10px;
    padding-bottom: 30px
}

.content .main .access-box .com {
    padding-bottom: 10px;
    border-bottom: solid 2px #3399fe
}

aside {
    width: 250px
}

aside .bnr {
    margin-bottom: 30px
}

aside .bnr2 {
    margin-top: 40px;
    margin-bottom: 50px
}

aside .h2-title {
    font-size: 20px;
    font-weight: bold;
    height: 43px;
    margin-top: 40px;
    padding-left: 30px;
    text-align: center;
    border-bottom: solid 5px #4a6347;
    background: url(images/mailicon.png) no-repeat 60px 0
}

aside .news {
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 10px
}

aside .notice .time {
    font-size: 16px
}

aside .notice a {
    text-decoration: none;
    color: #000
}

aside .notice .bold {
    font-weight: bold;
    margin-top: 10px
}

aside .notice .notice-text {
    line-height: 25px;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: solid 1px #ccc
}

aside .past {
    font-size: 18px;
    font-weight: bold;
    position: relative;
    display: inline-block;
    padding-top: 10px;
    padding-right: 56px;
    padding-bottom: 10px;
    padding-left: 57px;
    text-decoration: none;
    color: #fff;
    border: solid 2px #ab3333;
    border-radius: 10px;
    background-color: #ab3333
}

aside .past:before {
    position: absolute;
    top: 19px;
    left: 40px;
    width: 0;
    height: 0;
    margin-top: -6px;
    content: "";
    border-width: 6px 0 6px 8px;
    border-style: solid;
    border-color: transparent transparent transparent #fff
}

aside .past:hover {
    color: #ab3333;
    background: #fff
}

aside .past:hover:before {
    position: absolute;
    top: 19px;
    left: 40px;
    width: 0;
    height: 0;
    margin-top: -6px;
    content: "";
    border-width: 6px 0 6px 8px;
    border-style: solid;
    border-color: transparent transparent transparent #ab3333
}

aside .side-inquiry {
    margin-top: 10px;
    margin-bottom: 20px;
    border: solid 3px #e6e9ed
}

aside .side-inquiry .side-akiya {
    font-size: 15px;
    font-weight: bold;
    line-height: 30px;
    padding-top: 15px;
    padding-left: 6px
}

aside .side-inquiry .side-tel {
    font-size: 22px;
    font-weight: bold;
    padding-top: 10px;
    padding-left: 10px;
    color: #b03a0e
}

aside .side-inquiry .side-map {
    padding-top: 10px;
    padding-left: 10px
}

aside .side-inquiry .side-addres {
    font-size: 16px;
    line-height: 30px;
    padding-top: 10px;
    padding-left: 10px
}

aside .side-inquiry .inq-warp {
    width: 232px;
    margin-top: 30px;
    margin-right: auto;
    margin-bottom: 40px;
    margin-left: auto
}

aside .side-inquiry a {
    text-decoration: none
}

aside .side-inquiry .side-inqu {
    font-size: 16px;
    line-height: 23px;
    width: 230px;
    margin-right: auto;
    margin-bottom: 17px;
    margin-left: auto;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 50px;
    color: #fff;
    border-radius: 15px;
    background: url(images/mailicon2.png) #3d523b 15px 25px no-repeat
}

aside .side-inquiry .side-inqu:hover {
    background: url(images/mailicon2.png) #486246 15px 25px no-repeat
}

.page-top {
    width: 960px;
    margin-right: auto;
    margin-left: auto;
    text-align: right
}

.page-top .btn {
    font-size: 18px;
    font-weight: bold;
    position: relative;
    display: inline-block;
    margin-bottom: -4px;
    padding-top: 15px;
    padding-right: 30px;
    padding-bottom: 15px;
    padding-left: 30px;
    text-decoration: none;
    color: #fff;
    border: solid 2px #4a6347;
    border-radius: 10px;
    background-color: #4a6347
}

.page-top .btn:before {
    position: absolute;
    top: 24px;
    left: 10px;
    width: 15px;
    height: 15px;
    margin-top: -9px;
    content: "";
    border-radius: 50%;
    background: #fff
}

.page-top .btn:after {
    position: absolute;
    top: 25px;
    left: 14px;
    width: 6px;
    height: 6px;
    margin-top: -4px;
    content: "";
    transform: rotate(-45deg);
    border: 0;
    border-top: solid 2px #4a6347;
    border-right: solid 2px #4a6347
}

footer {
    background-color: #4a6347;
    min-width: 960px;
}

footer .warp {
    display: flex;
    width: 960px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 50px;
    justify-content: space-between
}

footer .warp ul li {
    position: relative;
    margin-bottom: 10px;
    margin-bottom: 20px;
    padding-left: 20px
}

footer .warp ul li:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 0;
    height: 0;
    margin-top: -6px;
    content: "";
    border-width: 6px 0 6px 8px;
    border-style: solid;
    border-color: transparent transparent transparent #fff
}

footer .warp ul li a {
    text-decoration: none;
    color: #fff
}

footer .warp .address {
    line-height: 30px;
    display: flex;
    height: 200px;
    color: #fff
}

footer .warp .address .title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px
}

footer .warp .address .akiya {
    font-size: 18px;
    margin-right: 30px;
    padding-right: 20px;
    border-right: solid 1px #fff
}

.copy {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center
}

.breadcrumb {
    margin-top: 10px;
	margin-bottom: 50px;
    color: #4a6347
}

.breadcrumb a {
    color: #4a6347
}

.page-about .h3-pub {
    font-size: 32px;
    font-weight: bold;
    margin-top: 51px;
    margin-bottom: 43px;
    background: url(images/about/abouticon1.png) no-repeat 0 0
}

.page-about .h3-pub span {
    margin-left: 60px
}

.page-about .h3-works {
    font-size: 32px;
    font-weight: bold;
    margin-top: 100px;
    margin-bottom: 43px;
    background: url(images/about/abouticon2.png) no-repeat 0 0
}

.page-about .h3-works span {
    margin-left: 60px
}

.page-about .about-img {
    margin-top: 5px
}

.page-about .about-textbox {
    display: flex;
    margin-top: 15px;
    justify-content: space-between
}

.page-about .about-text {
    line-height: 28px;
    width: 350px
}

.page-about .about-bnr {
    display: flex;
    margin-top: 45px;
    margin-right: 45px;
    margin-left: 45px
}

.page-about .bnrleft {
    margin-right: 60px
}

.page-about .works-text {
    line-height: 30px;
    margin-top: 15px
}

.page-about .img {
    margin-top: 20px;
    text-align: center
}


.archive-bank .bank-title {
    font-size: 32px;
    font-weight: bold;
    margin-top: 50px;
    margin-bottom: 55px;
    padding-left: 60px;
    background: url(images/bank/icon2.png) no-repeat 0 0
}

.archive-bank .bank-search {
    /*display: flex;*/
    margin-top: 50px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: solid 1px #ccc;
    justify-content: space-between
}

.archive-bank .bank-search .search-title {
    font-size: 23px;
    font-weight: bold;
    margin-bottom: 40px;
    padding-left: 30px;
    background: url(images/bank/icon.png) no-repeat 0 0
}


.archive-bank .bank-search .condition dl {
    display: inline-flex;
    margin-left: 20px
}

.archive-bank .bank-search .condition .box {
    width: 190px
}

.archive-bank .bank-search .condition dd {
    margin-right: 20px;
    margin-bottom: 27px
}

.archive-bank .bank-search .condition label {
	display: block;
}


.archive-bank .akiyainfo {
    margin-bottom: 40px;
    padding-top: 20px;
    padding-right: 10px;
    padding-bottom: 20px;
    padding-left: 20px;
    background-color: #f6f7f6
}

.archive-bank .akiyainfo .catch {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 30px
}

.archive-bank .akiyainfo .akiyainfo-box {
    position: relative;
    display: flex;
    margin-top: 20px;
    justify-content: space-between
}

.archive-bank .akiyainfo .akiyainfo-box .img-box {
    display: flex;
    margin-top: 10px;
    justify-content: space-between
}

.archive-bank .akiyainfo .bank-detail .status {
    font-size: 18px;
    font-weight: bold
}

.archive-bank .akiyainfo .bank-detail .uketsuke {
    font-size: 14px;
    font-weight: bold;
    margin-left: 10px;
    padding-top: 5px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-left: 15px;
    color: #fff;
    background-color: #4a6347;
}
/*
.archive-bank .akiyainfo .bank-detail .uketsuke:after {
    font-size: 24px;
    line-height: 79px;
    position: absolute;
    top: calc(26% - 20px);
    right: 0;
    left: 0;
    display: block;
    width: 330px;
    height: 79px;
    content: "受付中";
    text-align: center;
    color: #fff;
    background-color: rgba(74,99,71,0.8);
}
*/
.archive-bank .akiyainfo .bank-detail .kousyou {
    font-size: 16px;
    font-weight: bold;
    margin-left: 10px;
    padding-top: 5px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-left: 15px;
    color: #fff;
    background-color: #a6936a;
}

.archive-bank .akiyainfo .bank-detail .kousyou:after {
    font-size: 24px;
    line-height: 79px;
    position: absolute;
    top: calc(26% - 20px);
    right: 0;
    left: 0;
    display: block;
    width: 330px;
    height: 79px;
    content: "契約交渉中";
    text-align: center;
    color: #fff;
    background-color: rgba(166,147,106,0.8);
}

.archive-bank .akiyainfo .bank-detail .nairan {
    font-size: 16px;
    font-weight: bold;
    margin-left: 10px;
    padding-top: 5px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-left: 15px;
    color: #fff;
    background-color: #000000;
}

.archive-bank .akiyainfo .bank-detail .nairan:after {
    font-size: 24px;
    line-height: 79px;
    position: absolute;
    top: calc(26% - 20px);
    right: 0;
    left: 0;
    display: block;
    width: 330px;
    height: 79px;
    content: "内覧中";
    text-align: center;
    color: #fff;
    background-color: rgba(00,00,00,0.8);
}

.archive-bank .akiyainfo .bank-detail .keiyaku {
    font-size: 16px;
    font-weight: bold;
    margin-left: 10px;
    padding-top: 5px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-left: 15px;
    color: #fff;
    background-color: #ab3333;
}

.archive-bank .akiyainfo .bank-detail .keiyaku:after {
    font-size: 24px;
    line-height: 79px;
    position: absolute;
    top: calc(26% - 20px);
    right: 0;
    left: 0;
    display: block;
    width: 330px;
    height: 79px;
    content: "契約済";
    text-align: center;
    color: #fff;
    background-color: rgba(171,51,51,0.8);
}

.archive-bank .akiyainfo .bank-detail table {
    width: 274px;
    margin-top: 20px;
    text-align: left
}

.archive-bank .akiyainfo .bank-detail table th {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    color: #fff;
    border: solid 1px #fff;
    background-color: #4a6347
}

.archive-bank .akiyainfo .bank-detail table td {
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 10px;
    border: solid 1px #4a6347;
    background-color: #fff
}

.archive-bank .akiyainfo .bank-detail .btn {
    font-size: 18px;
    font-weight: bold;
    position: relative;
    display: inline-block;
    margin-top: 24px;
    padding-top: 15px;
    padding-right: 48px;
    padding-bottom: 15px;
    padding-left: 48px;
    text-decoration: none;
    color: #fff;
    border: solid 2px #4a6347;
    border-radius: 10px;
    background-color: #4a6347
}

.archive-bank .akiyainfo .bank-detail .btn:before {
    position: absolute;
    top: 26px;
    left: 25px;
    width: 15px;
    height: 15px;
    margin-top: -9px;
    content: "";
    border-radius: 50%;
    background: #fff
}

.archive-bank .akiyainfo .bank-detail .btn:after {
    position: absolute;
    top: 25px;
    left: 28px;
    width: 5px;
    height: 5px;
    margin-top: -4px;
    content: "";
    transform: rotate(45deg);
    border: 0;
    border-top: solid 2px #4a6347;
    border-right: solid 2px #4a6347
}

.archive-bank .akiyainfo .bank-detail .btn:hover {
    color: #4a6347;
    background: #fff
}

.archive-bank .akiyainfo .bank-detail .btn:hover:before {
    position: absolute;
    top: 26px;
    left: 25px;
    width: 15px;
    height: 15px;
    margin-top: -9px;
    content: "";
    border-radius: 50%;
    background: #4a6347
}

.archive-bank .akiyainfo .bank-detail .btn:hover:after {
    position: absolute;
    top: 25px;
    left: 28px;
    width: 5px;
    height: 5px;
    margin-top: -4px;
    content: "";
    transform: rotate(45deg);
    border: 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff
}

.archive-bank .pagenav-warp,
.archive-bank .pagenavhtml-warp {
    width: 560px;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto
}

.archive-bank .pagenav-warp .pagenav01,
.archive-bank .pagenavhtml-warp .pagenav01 {
    margin: 0 0 10px;
    padding: 12px;
    text-align: center
}

.archive-bank .pagenav-warp .pagenav01 li,
.archive-bank .pagenavhtml-warp .pagenav01 li {
    display: inline;
    margin: 0 1px;
    padding: 0
}

.archive-bank .pagenav-warp .pagenav01 li a,
.archive-bank .pagenavhtml-warp .pagenav01 li a {
    display: inline-block;
    padding: 1px 8px;
    vertical-align: middle;
    text-decoration: none;
    color: #000;
    border: 1px solid #ccc
}

.archive-bank .pagenav-warp .pagenav01 li a:hover,
.archive-bank .pagenavhtml-warp .pagenav01 li a:hover {
    border: solid 1px #000
}

.archive-bank .wp-pagenavi {
    margin: 0 0 10px;
    padding: 12px;
    text-align: center
}

.archive-bank .wp-pagenavi .page {
    display: inline-block;
    padding: 1px 8px;
    vertical-align: middle;
    text-decoration: none;
    border: 1px solid #ccc
}

.archive-bank .wp-pagenavi .page:hover {
    border: solid 1px #000
}

.archive-bank .wp-pagenavi .pages {
    display: inline-block;
    padding: 1px 8px;
    vertical-align: middle;
    text-decoration: none;
    border: 1px solid #ccc
}

.archive-bank .wp-pagenavi .page {
    display: inline-block;
    padding: 1px 8px;
    vertical-align: middle;
    text-decoration: none;
    color: #000;
    border: 1px solid #ccc
}

.archive-bank .wp-pagenavi .page:hover {
    border: solid 1px #000
}

.archive-bank .wp-pagenavi .current {
    display: inline-block;
    padding: 1px 8px;
    vertical-align: middle;
    text-decoration: none;
    border: 1px solid #ccc
}

.archive-bank .wp-pagenavi .current:hover {
    border: solid 1px #000
}

.archive-bank .wp-pagenavi .previouspostslink,
.archive-bank .wp-pagenavi .nextpostslink {
    display: inline-block;
    padding: 1px 8px;
    vertical-align: middle;
    text-decoration: none;
    color: #000;
    border: 1px solid #ccc
}

.archive-bank .wp-pagenavi .previouspostslink:hover,
.archive-bank .wp-pagenavi .nextpostslink:hover {
    border: solid 1px #000
}

.single-bank .bank-title {
    font-size: 32px;
    font-weight: bold;
    margin-top: 50px;
    margin-bottom: 40px;
    padding-left: 60px;
    background: url(images/bank/icon2.png) no-repeat 0 0
}

.single-bank .akiyainfo {
    margin-top: 50px;
    padding-top: 25px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    background-color: #f6f7f6
}

.single-bank .akiyainfo .catch {
    font-size: 19px;
    font-weight: bold;
    line-height: 30px;
    padding-bottom: 15px;
    border-bottom: solid 2px #4a6347
}

.single-bank .akiyainfo .status-box {
    width: 173px;
    margin-top: 10px;
    margin-left: auto
}

.single-bank .akiyainfo .status {
    font-size: 18px;
    font-weight: bold;
    text-align: right
}

.single-bank .akiyainfo .status .uketsuke {
    font-size: 14px;
    font-weight: bold;
    margin-left: 10px;
    padding-top: 2px;
    padding-right: 15px;
    padding-bottom: 2px;
    padding-left: 15px;
    color: #fff;
    background-color: #4a6347;
}

.single-bank .akiyainfo .status .kousyou {
    font-size: 16px;
    font-weight: bold;
    margin-left: 10px;
    padding-top: 2px;
    /**padding-right: 15px;**/
    padding-bottom: 2px;
    /**padding-left: 15px;**/
    color: #fff;
    background-color: #a6936a;
}

.single-bank .akiyainfo .status .nairan {
    font-size: 16px;
    font-weight: bold;
    margin-left: 10px;
    padding-top: 2px;
    padding-right: 6px;
    padding-bottom: 2px;
    padding-left: 6px;
    color: #fff;
    background-color: #000000;
}

.single-bank .akiyainfo .status .keiyaku {
    font-size: 16px;
    font-weight: bold;
    margin-left: 10px;
    padding-top: 2px;
    padding-right: 6px;
    padding-bottom: 2px;
    padding-left: 6px;
    color: #fff;
    background-color: #ab3333;
}

.single-bank .akiyainfo .akiyainfo-box {
    position: relative;
    display: flex;
    margin-top: 20px;
    justify-content: space-between
}

.single-bank .akiyainfo .akiyainfo-box .img-box {
    width: 340px;
    margin-top: 20px
}

.single-bank .akiyainfo .akiyainfo-box .img-box ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.single-bank .akiyainfo .akiyainfo-box .img-box li {
    margin-bottom: 20px
}

.single-bank .akiyainfo .akiyainfo-box .img-box p {
    text-align: right
}

.single-bank .akiyainfo .bank-detail table {
    width: 270px;
    margin-top: 20px;
    text-align: left
}

.single-bank .akiyainfo .bank-detail table th {
    font-size: 18px;
    font-weight: bold;
    width: 93px;
    padding-top: 9px;
    padding-bottom: 10px;
    padding-left: 10px;
    color: #fff;
    border: solid 1px #fff;
    background-color: #4a6347
}

.single-bank .akiyainfo .bank-detail table td {
    line-height: 21px;
    width: 175px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    border: solid 1px #4a6347;
    background-color: #fff
}

.single-bank .bank-btn {
    font-size: 18px;
    font-weight: bold;
    position: relative;
    display: inline-block;
    margin-top: 58px;
    padding-top: 15px;
    padding-right: 48px;
    padding-bottom: 15px;
    padding-left: 48px;
    text-decoration: none;
    color: #fff;
    border: solid 2px #4a6347;
    border-radius: 10px;
    background-color: #4a6347
}

.single-bank .bank-btn:before {
    position: absolute;
    top: 27px;
    left: 25px;
    width: 15px;
    height: 15px;
    margin-top: -9px;
    content: "";
    border-radius: 50%;
    background: #fff
}

.single-bank .bank-btn:after {
    position: absolute;
    top: 26px;
    left: 28px;
    width: 5px;
    height: 5px;
    margin-top: -4px;
    content: "";
    transform: rotate(45deg);
    border: 0;
    border-top: solid 2px #4a6347;
    border-right: solid 2px #4a6347
}

.single-bank .bank-btn:hover {
    color: #4a6347;
    background: #fff
}

.single-bank .bank-btn:hover:before {
    position: absolute;
    top: 27px;
    left: 25px;
    width: 15px;
    height: 15px;
    margin-top: -9px;
    content: "";
    border-radius: 50%;
    background: #4a6347
}

.single-bank .bank-btn:hover:after {
    position: absolute;
    top: 26px;
    left: 28px;
    width: 5px;
    height: 5px;
    margin-top: -4px;
    content: "";
    transform: rotate(45deg);
    border: 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff
}

.single-bank .bankbtn-box {
    width: 360px;
    margin-top: 15px;
    margin-right: auto;
    margin-left: auto
}

.single-bank .btndetail-box {
    width: 233px;
    margin-top: 30px;
    margin-right: auto;
    margin-left: auto
}

.single-bank .view-title,
.single-bank .view-title2 {
    font-size: 24px;
    font-weight: bold;
    height: 34px;
    margin-top: 50px;
    padding-left: 40px;
    color: #4a6347;
    border-bottom: solid 2px #4a6347;
    background: url(images/bank/view_ico.png) no-repeat 0 0
}

.single-bank .view-title3 {
    font-size: 24px;
    font-weight: bold;
    height: 34px;
    margin-top: 50px;
    padding-bottom: 40px;
    padding-left: 40px;
    color: #4a6347;
    border-bottom: solid 2px #4a6347;
    background: url(images/bank/view_ico.png) no-repeat 0 0
}

.single-bank .outline {
    width: 630px
}

.single-bank .outline tr {
    text-align: left;
    border-bottom: solid 1px #ccc
}

.single-bank .outline th {
    font-size: 19px;
    font-weight: bold;
    width: 160px;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 20px;
    color: #4a6347
}

.single-bank .outline td {
    font-size: 16px;
    line-height: 1.6;
    padding: 15px 15px 15px 0
}

.single-bank .detail {
    width: 630px;
    margin-top: 40px
}

.single-bank .detail th {
    font-size: 18px;
    font-weight: bold;
    width: 140px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 18px;
    padding-left: 10px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    border: solid 1px #fff;
    background-color: #4a6347
}

.single-bank .detail td {
    font-size: 18px;
    line-height: 1.6;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    border: solid 1px #4a6347;
    background-color: #fff
}

.single-bank .detail .thmap {
    vertical-align: top
}

.single-bank .detail .bukken-body {
    width: 200px
}

.single-bank .detail .red-letter {
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 10px;
    color: #ab3333
}

.single-bank .detail iframe {
    width: 450px
}

.single-bank .contact {
    font-size: 18px;
    line-height: 1.6;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    border-bottom: solid 1px #cccccc
}

.page-forowner .h3pro-title {
    font-size: 31px;
    font-weight: bold;
    margin-top: 50px;
    margin-bottom: 43px;
    padding-top: 1px;
    padding-left: 61px;
    background: url(images/forowner/icon1.png) no-repeat 0 2px
}

.page-forowner .h3which-title {
    font-size: 31px;
    font-weight: bold;
    height: 35px;
    margin-top: 100px;
    margin-bottom: 43px;
    padding-top: 1px;
    padding-left: 61px;
    background: url(images/forowner/icon2.png) no-repeat 0 0
}

.page-forowner .h3aux-title {
    font-size: 31px;
    font-weight: bold;
    height: 35px;
    margin-top: 90px;
    margin-bottom: 43px;
    padding-top: 1px;
    padding-left: 61px;
    background: url(images/forowner/icon2.png) no-repeat 0 0
}

.page-forowner h4 {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: solid 2px #4a6347
}

.page-forowner .h4-which {
    margin-top: 20px;
    margin-bottom: 25px
}

.page-forowner .prope-box {
    line-height: 30px;
    display: flex;
    margin-top: 10px;
    justify-content: space-between
}

.page-forowner .prope-box .text {
    font-size: 18px;
    width: 486px
}

.page-forowner .prope-box .proimg {
    margin-top: 10px
}

.page-forowner .which-title {
    font-size: 18px;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 10px;
    color: #4a6347
}

.page-forowner .which-title span {
    font-weight: normal
}

.page-forowner .which-box {
    margin-bottom: 30px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    background-color: #efefef
}

.page-forowner .which-box p {
    font-weight: bold;
    line-height: 30px
}

.page-forowner .which-box p span {
    font-weight: normal
}

.page-forowner .which-box .liad {
    color: #ab3333
}

.page-forowner .use-box {
    margin-bottom: 50px
}

.page-forowner .arrow-box {
    line-height: 24px;
    display: flex;
    margin-top: 5px;
    justify-content: space-between
}

.page-forowner .arrow {
    font-size: 32px;
    font-weight: bold;
    position: relative;
    width: 55px;
    padding-top: 20px;
    text-align: center;
    color: #fff;
    background-color: #4a6347
}

.page-forowner .arrow::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    content: "";
    border-width: 23px 26px 0 25px;
    border-style: solid;
    border-color: #4a6347 transparent transparent transparent
}

.page-forowner .use-text {
    font-size: 18px;
    line-height: 30px;
    width: 640px;
    margin-left: 20px;
    padding-top: 10px
}

.page-forowner .use-text span {
    font-weight: bold;
    color: #ab3333
}

.page-forowner .use-text .use-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #4a6347
}

.page-forowner .use-text2 {
    font-size: 18px;
    line-height: 30px;
    width: 449px;
    margin-left: 20px;
    padding-top: 10px
}

.page-forowner .use-text2 .use-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #4a6347
}

.page-forowner .nego-box {
    margin-top: 20px;
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    background-color: #efefef
}

.page-forowner .nego-box .lead {
    font-weight: bold;
    color: #ab3333
}

.page-forowner .nego-box .nego-text {
    margin-top: 20px
}

.page-forowner .reg-img {
    margin-top: 70px
}

.page-forowner .reg-img2 {
    margin-top: 40px
}

.page-forowner .info-text {
    font-size: 18px;
    line-height: 30px
}

.page-forowner .info-text span {
    font-weight: bold;
    color: #ab3333
}

.page-forowner .aux-title {
    font-size: 22px;
    margin-top: 80px;
    padding-top: 12px;
    padding-bottom: 10px;
    padding-left: 50px;
    background: url(../images/forowner/ico_aux.png) no-repeat 0 5px
}

.page-forowner .aux-text {
    font-size: 19px;
    font-weight: bold;
    margin-top: 30px
}

.page-forowner .aux-box {
    margin-top: 20px;
    border-top: solid 2px #4a6347;
    border-bottom: solid 2px #4a6347
}

.page-forowner .aux-box .ulaux {
    margin-top: 10px
}

.page-forowner .aux-box .ulaux li {
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 70px;
    border-bottom: solid 1px #ccc;
    background: url(images/forowner/pdficon.png) no-repeat 30px 15px
}

.page-forowner .aux-box .ulaux li a {
    text-decoration: none;
    color: #000
}

.page-forowner .adobe {
    display: flex;
    margin-top: 25px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
    background-color: #efefef
}

.page-forowner .adobe p {
    line-height: 24px;
    margin-left: 20px
}

.page-foruser .h3info-title {
    font-size: 31px;
    font-weight: bold;
    margin-top: 53px;
    margin-bottom: 43px;
    padding-top: 1px;
    padding-left: 61px;
    background: url(images/foruser/icon1.png) no-repeat 0 0
}

.page-foruser .h3use-title {
    font-size: 31px;
    font-weight: bold;
    height: 35px;
    margin-top: 100px;
    margin-bottom: 43px;
    padding-top: 1px;
    padding-left: 61px;
    background: url(images/foruser/icon2.png) no-repeat 0 0
}

.page-foruser .h3aux-title {
    font-size: 31px;
    font-weight: bold;
    height: 35px;
    margin-top: 90px;
    margin-bottom: 43px;
    padding-top: 1px;
    padding-left: 61px;
    background: url(images/foruser/icon2.png) no-repeat 0 0
}

.page-foruser h4 {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: solid 2px #4a6347
}

.page-foruser .h4-use {
    margin-bottom: 40px
}

.page-foruser .info-box {
    line-height: 30px;
    display: flex;
    margin-top: 15px;
    justify-content: space-between
}

.page-foruser .info-box .text {
    font-size: 18px;
    width: 460px
}

.page-foruser .info-box .pro-img {
    margin-top: 5px;
    margin-right: 15px
}

.page-foruser .use-box {
    margin-bottom: 50px
}

.page-foruser .arrow-box {
    line-height: 24px;
    display: flex;
    margin-top: 5px;
    justify-content: space-between
}

.page-foruser .arrow {
    font-size: 32px;
    font-weight: bold;
    position: relative;
    width: 55px;
    padding-top: 20px;
    text-align: center;
    color: #fff;
    background-color: #4a6347
}

.page-foruser .arrow::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    content: "";
    border-width: 23px 26px 0 26px;
    border-style: solid;
    border-color: #4a6347 transparent transparent transparent
}

.page-foruser .use-text {
    font-size: 18px;
    line-height: 30px;
    width: 477px;
    margin-left: 20px;
    padding-top: 10px
}

.page-foruser .use-text span {
    font-weight: bold;
    color: #ab3333
}

.page-foruser .use-text .use-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #4a6347
}

.page-foruser .use-text .btn {
    font-size: 18px;
    font-weight: bold;
    position: relative;
    display: inline-block;
    margin-top: 10px;
    padding-top: 10px;
    padding-right: 30px;
    padding-bottom: 10px;
    padding-left: 30px;
    text-decoration: none;
    color: #fff;
    border: solid 2px #ab3333;
    border-radius: 10px;
    background-color: #ab3333
}

.page-foruser .use-text .btn:before {
    position: absolute;
    top: 26px;
    left: 10px;
    width: 15px;
    height: 15px;
    margin-top: -9px;
    content: "";
    border-radius: 50%;
    background: #fff
}

.page-foruser .use-text .btn:after {
    position: absolute;
    top: 25px;
    left: 13px;
    width: 5px;
    height: 5px;
    margin-top: -4px;
    content: "";
    transform: rotate(45deg);
    border: 0;
    border-top: solid 2px #ab3333;
    border-right: solid 2px #ab3333
}

.page-foruser .use-text .btn:hover {
    color: #000;
    background: #fff
}

.page-foruser .use-text .btn:hover:before {
    position: absolute;
    top: 26px;
    left: 10px;
    width: 15px;
    height: 15px;
    margin-top: -9px;
    content: "";
    border-radius: 50%;
    background: #ab3333
}

.page-foruser .use-text .btn:hover:after {
    position: absolute;
    top: 25px;
    left: 13px;
    width: 5px;
    height: 5px;
    margin-top: -4px;
    content: "";
    transform: rotate(45deg);
    border: 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff
}

.page-foruser .use-text2 {
    font-size: 18px;
    line-height: 30px;
    width: 632px;
    margin-left: 20px;
    padding-top: 10px
}

.page-foruser .use-text2 .use-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #4a6347
}

.page-foruser .sinsa {
    position: relative
}

.page-foruser .sinsa img {
    position: absolute;
    top: -10px;
    left: 443px
}

.page-foruser .nego-box {
    margin-top: 20px;
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    background-color: #efefef
}

.page-foruser .nego-box .lead {
    font-weight: bold;
    color: #ab3333
}

.page-foruser .nego-box .nego-text {
    margin-top: 20px
}

.page-foruser .aux-title {
    font-size: 22px;
    margin-top: 80px;
    padding-top: 12px;
    padding-bottom: 10px;
    padding-left: 50px;
    background: url(../images/forowner/ico_aux.png) no-repeat 0 5px
}

.page-foruser .info-text {
    font-size: 18px;
    line-height: 30px;
    margin-top: 15px
}

.page-foruser .info-text span {
    font-weight: bold;
    color: #ab3333
}

.page-foruser .aux-text {
    font-size: 19px;
    font-weight: bold;
    margin-top: 30px
}

.page-foruser .aux-box {
    margin-top: 30px;
    border-top: solid 2px #4a6347;
    border-bottom: solid 2px #4a6347
}

.page-foruser .aux-box .ulaux {
    margin-top: 10px
}

.page-foruser .aux-box .ulaux li {
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 70px;
    border-bottom: solid 1px #ccc;
    background: url(images/foruser/pdficon.png) no-repeat 30px 15px
}

.page-foruser .aux-box .ulaux li a {
    color: #000
}

.page-foruser .adobe {
    display: flex;
    margin-top: 60px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
    background-color: #efefef
}

.page-foruser .adobe p {
    line-height: 24px;
    margin-left: 20px
}

.news .news-box {
    margin-top: 50px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    border: solid 1px #4a6347
}

.news .news-box .title {
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: solid 2px #4a6347
}

.news .news-box .title span {
    float: right;
    color: #666
}

.news .news-box .thumbnail {
    margin-top: 10px
}

.news .news-box .text {
    line-height: 30px;
    margin-top: 10px
}

.news .nbtn-box {
    width: 114px;
    margin-left: auto
}

.news .nbtn-box2 {
    width: 133px;
    margin-top: 30px;
    margin-right: auto;
    margin-left: auto
}

.news .nbtn {
    font-size: 18px;
    font-weight: bold;
    position: relative;
    display: inline-block;
    margin-top: 10px;
    text-decoration: none;
    color: #4a6347
}

.news .nbtn:before {
    position: absolute;
    top: 13px;
    left: -20px;
    width: 12px;
    height: 12px;
    margin-top: -9px;
    content: "";
    border-radius: 50%;
    background: #4a6347
}

.news .nbtn:after {
    position: absolute;
    top: 11px;
    left: -17px;
    width: 3px;
    height: 3px;
    margin-top: -4px;
    content: "";
    transform: rotate(45deg);
    border: 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff
}

.news .pagenavhtml-warp {
    width: 560px;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto
}

.news .pagenavhtml-warp .pagenav01 {
    margin: 0 0 10px;
    padding: 12px;
    text-align: center
}

.news .pagenavhtml-warp .pagenav01 li {
    display: inline;
    margin: 0 1px;
    padding: 0
}

.news .pagenavhtml-warp .pagenav01 li a {
    display: inline-block;
    padding: 1px 8px;
    vertical-align: middle;
    text-decoration: none;
    color: #000;
    border: 1px solid #ccc
}

.news .pagenavhtml-warp .pagenav01 li a:hover {
    border: solid 1px #000
}

.news .pagenav-warp {
    width: 560px;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto
}

.news .pagenav-warp .wp-pagenavi {
    margin: 0 0 10px;
    padding: 12px;
    text-align: center
}

.news .pagenav-warp .wp-pagenavi .page {
    display: inline-block;
    padding: 1px 8px;
    vertical-align: middle;
    text-decoration: none;
    border: 1px solid #ccc
}

.news .pagenav-warp .wp-pagenavi .page:hover {
    border: solid 1px #000
}

.news .pagenav-warp .wp-pagenavi .pages {
    display: inline-block;
    padding: 1px 8px;
    vertical-align: middle;
    text-decoration: none;
    border: 1px solid #ccc
}

.news .pagenav-warp .wp-pagenavi .page {
    display: inline-block;
    padding: 1px 8px;
    vertical-align: middle;
    text-decoration: none;
    color: #000;
    border: 1px solid #ccc
}

.news .pagenav-warp .wp-pagenavi .page:hover {
    border: solid 1px #000
}

.news .pagenav-warp .wp-pagenavi .current {
    display: inline-block;
    padding: 1px 8px;
    vertical-align: middle;
    text-decoration: none;
    border: 1px solid #ccc
}

.news .pagenav-warp .wp-pagenavi .current:hover {
    border: solid 1px #000
}

.news .pagenav-warp .wp-pagenavi .previouspostslink,
.news .pagenav-warp .wp-pagenavi .nextpostslink {
    display: inline-block;
    padding: 1px 8px;
    vertical-align: middle;
    text-decoration: none;
    color: #000;
    border: 1px solid #ccc
}

.news .pagenav-warp .wp-pagenavi .previouspostslink:hover,
.news .pagenav-warp .wp-pagenavi .nextpostslink:hover {
    border: solid 1px #000
}

.page-inquiry .h3tel-title {
    font-size: 32px;
    font-weight: bold;
    margin-top: 53px;
    margin-bottom: 43px;
    padding-left: 61px;
    background: url(images/inquiry/icon1.png) no-repeat 0 0
}

.page-inquiry .h3mail-title {
    font-size: 32px;
    font-weight: bold;
    margin-top: 100px;
    margin-bottom: 43px;
    padding-left: 61px;
    background: url(images/inquiry/icon2.png) no-repeat 0 0
}

.page-inquiry .window {
    margin-bottom: 30px
}

.page-inquiry .window h4 {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: solid 2px #4a6347
}

.page-inquiry .window .h4-win {
    margin-top: 50px
}

.page-inquiry .window .pla {
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    margin-top: 25px
}

.page-inquiry .window .pla span {
    font-size: 18px;
    font-weight: normal
}

.page-inquiry .window .tel {
    font-size: 20px;
    margin-top: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 50px;
    color: #4a6347;
    border-top: solid 1px #ccc;
    background: url(images/inquiry/telicon.png) no-repeat 10px 19px
}

.page-inquiry .window .fax {
    font-size: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 50px;
    color: #4a6347;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    background: url(images/inquiry/faxicon.png) no-repeat 10px 19px
}

.page-inquiry .window .telfax {
    font-size: 20px;
    margin-top: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 80px;
    color: #4a6347;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    background: url(images/inquiry/telfaxicon.png) no-repeat 10px 19px
}

.page-inquiry .item-text {
    font-size: 18px;
    line-height: 30px
}

.page-inquiry .item-text span {
    font-size: 16px;
    font-weight: bold;
    color: #ab3333
}

.page-inquiry table {
    width: 689px;
    margin-top: 20px
}

.page-inquiry table th {
    font-weight: bold;
    width: 242px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: left;
    vertical-align: top;
    border-bottom: solid 1px #ccc
}

.page-inquiry table th span {
    color: #ab3333
}

.page-inquiry table td {
    line-height: 30px;
    padding: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: solid 1px #ccc
}

.page-inquiry .caption1 {
    font-size: 20px;
    font-weight: bold;
    margin-top: 23px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    text-align: left;
    border-bottom: solid 2px #4a6347
}

.page-inquiry .kibou-text {
    font-weight: bold;
    margin-top: 20px;
    color: #ab3333
}

.page-inquiry .btninq-box {
    width: 200px;
    margin-top: 70px;
    margin-right: auto;
    margin-bottom: 120px;
    margin-left: auto
}

.page-inquiry .btninq-box .btn-inq {
    font-size: 24px;
    line-height: 38px;
    display: block;
    width: 200px;
    height: 50px;
    padding: 7px;
    padding-right: 60px;
    text-align: right;
    text-decoration: none;
    color: #fff;
    border: none;
    border-radius: 10px;
    background: url(images/inquiry/mailicon.png) no-repeat 40px 16px #ab3333
}

.page-inquiry .wpcf7-list-item {
    display: block
}

.page-link .link-box {
    display: flex;
    margin-top: 30px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    justify-content: space-between
}

.page-link .link-text2 {
    margin-left: 22px
}

.page-link .title1 {
    font-size: 20px;
    font-weight: bold;
    width: 380px;
    margin-top: 25px;
    padding-bottom: 10px;
    border-bottom: solid 2px #4a6347
}

.page-link .title2 {
    font-size: 20px;
    font-weight: bold;
    width: 380px;
    padding-bottom: 10px;
    border-bottom: solid 2px #4a6347
}

.page-link .link-bnr2 {
    margin-top: 10px;
    margin-left: 25px
}

.page-link .url {
    font-size: 15px;
    margin-top: 15px
}

.page-link .url a {
    color: #4a6347
}

.page-sitemap .top {
    font-size: 18px;
    font-weight: bold;
    height: 37px;
    margin-top: 50px;
    padding-left: 20px;
    background: url(images/sitemap/icon.png) no-repeat 0 5px
}

.page-sitemap .top a {
    text-decoration: none;
    color: #000
}

.page-sitemap .siteakiya {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 20px;
    padding-left: 35px;
    background: url(images/sitemap/icon.png) no-repeat 20px 2px
}

.page-sitemap .siteakiya a {
    text-decoration: none;
    color: #000
}


/************************************************
  グローバルナビ更新
************************************************/
.gnav ul li {
    display: table-cell;
    min-width: 50px;
    border-left: solid 1px #3b4f39;
    vertical-align: middle;
}
.gnav ul li a {
    font-weight: bold;
    display: block;
    width: 100%;
    padding: 5px 0;
    text-decoration: none;
    color: #fff
}
.gnav ul li a small {
    font-size: 12px;
}



/************************************************
  フッター更新
************************************************/
footer .warp {
    display: flex;
    width: 960px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 41px;
    padding-bottom: 29px;
    justify-content: space-between
}

footer .warp ul li {
    position: relative;
    margin-bottom: 9px;
    padding-left: 20px;
    font-size: 18px;
    font-weight: bold;
    line-height: calc(5em / 3);
}
footer .warp ul li:before {
    position: absolute;
    top: calc(5em / 6);
    left: 0;
    width: 0;
    height: 0;
    margin-top: -6px;
    content: "";
    border-width: 6px 0 6px 8px;
    border-style: solid;
    border-color: transparent transparent transparent #fff
}
/************************************************
  page-trial
************************************************/
/*
.page-trial main #sec01 h3::before {
    background: url(images/trial/icon01.png) no-repeat 0 0;
}
    */
.page-trial main #sec01 {
    background: url(images/trial/bg_img_01.jpg) no-repeat 100% 0;
    
}


.page-trial main #sec03 .box {
    background: url(images/trial/bg_img_02.jpg) no-repeat 100% 0;
}


.page-trial main #sec05 .vector_area ol > li.item05 > div {
    background: url(images/trial/attached_img_03.jpg) no-repeat bottom 0% right 21px;
}