/* 共通 */
p{
    font-feature-settings: "palt";
}

.pc{
    display: block;
}

.sp{
    display: none;
}

.wrap{
    overflow: hidden;
}

/* index.html */
.h1-large span{
    font-size: 18px;
}
.top-reason-1{
    background-image: url(../img/index/reason-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.top-reason-1 h2{
    background-color: #1d2087;
    color: white;
    text-align: center;
    padding: 20px 0;
}

.top-reason-text{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.top-reason-text .col-md-6{
    margin: 40px auto;
}

.top-reason-text figure{
    text-align: center;
    margin: 20px;
}

.top-reason-text img{
    width: 95%;
}

.top-reason-2{
    margin: 50px 0;
}

.top-reason-3{
    margin-bottom: 50px;
}

.top-reason-3 .col-md-10{
    display: flex;
    align-items: center;
}

.top-reason-3 p{
    background-color: #1d2087;
    padding: 20px;
    color: white;
}

.top-property{
    background-color: #f2f2f2;
}

.top-property .col-md-9{
    display: flex;
    padding: 50px 0;
}

.top-property img,.top-event img{
    width: 100%;
}

.top-property .col-md-4{
    margin: 20px;
    clear: both;
}

.top-property .bukken-bg{
    background-color: white;
    padding: 20px;
    width: 100%;
}

.top-more{
    text-decoration: none;
    transition: .3s;
}

.top-more i{
    border: 1px solid #6c717b;
    border-radius: 60px;
    padding: 7px;
    transition: .3s;
}

.top-more:hover{
    text-decoration: none;
    color: #1d2087;
}

.top-more:hover i{
    background-color: #1d2087;
    color: white;
    border: 1px solid #1d2087;
}

.top-company{
    background-image: url("../img/index/company-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    padding: 100px 0;
}

.top-company .col-md-12{
    margin: 0 auto;
    text-align: center;
}

.top-company a,.event-link,.contact-btn{
    background-color: #1d2087;
    color: white;
    text-decoration: none;
    padding: 10px 50px;
    border-radius: 40px;
    font-size: 20px;
    transition: .3s;
}

.event-link,.contact-btn{
    border: 1px solid #1d2087;
}

.top-company a:hover,.contact-btn:hover{
    color: #1d2087;
    background-color: white;
}

.event-link:hover{
    background-color: white;
    color: #1d2087;
    text-decoration: none;
}

.top-company p{
    color: white;
    padding-top: 20px;
    text-shadow: 0px 0px 4px rgba(0,0,0,0.3), 1px 1px 7px rgba(0,0,0,0.22), 0px 0px 6px rgba(0,0,0,0.74);
}

.top-event{
    margin: 100px 0;
}

.top-event .col-md-10,.top-news .col-md-10{
    display: flex;
}

.top-event .top-event-content{
    display: flex;
    align-items: center;
}

.event-content-link{
    display: block;
    text-decoration: none;
    margin-bottom: 20px;
}

.event-content-link:hover{
    text-decoration: none;
}

.event-content-link figure{
    overflow: hidden;
    transition: .3s;
}

.event-content-link img{
    display: block;
    width: 100%;
    transition: .3s;
}

.event-content-link:hover img{
    transform: scale(1.2);
}

.top-event figure{
    margin: 0;
}

.event-text{
    padding-left: 20px;
}

.top-news{
    margin-bottom: 100px;
}

.news-text{
    border-bottom: 1px solid black;
    padding-top: 1rem;
}

.news-text:first-child{
    border-top: 1px solid black;
}

.top-insta{
    margin-bottom: 100px;
}

.top-insta a{
    display: block;
    text-align: center;
    margin: 50px auto;
}

.top-contact{
    background-image: url("../img/index/foot-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    padding: 100px 0;
}

.top-contact .col-md-12{
    text-align: center;
}

.top-contact h3{
    color: white;
}

.top-contact p{
    color: white;
}

.top-contact .top-tel{
    font-size: 40px;
    font-weight: bold;
}

.top-contact .top-mail{
    background-color: white;
    color: #1d2087;
    border: 1px solid white;
    text-decoration: none;
    padding: 10px 30px;
    border-radius: 50px;
    transition: .3s;
}

.top-contact .top-mail i{
    padding-left: 10px;
}

.top-contact .top-mail:hover{
    background-color: rgba(0, 0, 0, 0);
    color: white;
}

.footer .col-md-5 p,.footer li,.footer a{
    color: white;
}

.footer ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.footer .col-md-5 i{
    padding-right: 5px;
}

.footer .col-md-3 li{
    font-size: 14px;
    line-height: 1.5em;
}

.footer .col-md-3 a{
    transition: .3s;
}

.footer .col-md-3 a:hover{
    color: yellow;
}

.foot-bukken{
    padding-left: 1em!important;
}

.lisence p,.copy{
    color: #3951ff;
    font-size: 14px;
}

.copy{
    border-top: 1px solid #3951ff;
    padding-top: 10px;
}

/* company.html */
.content-header{
    margin: 100px auto 50px auto;
}

.content-header h2{
    color: #1d2087;
}

.content-header span{
    font-size: 18px;
    color: #626384;
    padding-left: 20px;
}

.obi{
    background-color: #1d2087;
    width: 100%;
    height: 20px;
    margin: 20px 0;
}

.greeting-content .col-md-10{
    display: flex;
}

.greeting-content .col-md-9{
    padding: 0 30px;
}

.greeting-content h3,.profile-content h3,.access-content h3,.manege-content h3{
    color: #1d2087;
    border-bottom: 5px solid #1d2087;
    padding-bottom: 5px;
}

.greeting-content .col-md-9 figure{
    text-align: right;
}

.greeting-content .col-md-9 img{
    width: 40%;
}

.greeting-content span{
    font-size: 16px;
}

.greeting-content p{
    line-height: 2em;
}

.manege-content p{
    text-align: center;
    font-size: 20px;
    line-height: 2.1em;
    color: black;
}

.profile-content table{
    width: 100%;
    margin: 30px 0;
}

.profile-content th,.profile-content td{
    padding: 20px;
    border-bottom: 1px solid black;
}

.profile-content span{
    padding-left: 5px;
    font-size: 14px;
}

.company-gaikan{
    display: flex;
}

.company-gaikan img{
    width: 95%;
}

.access-content{
    margin: 50px 0;
}

/* cs.html */
.cs-title{
    text-align: center;
    font-size: 30px;
    color: #1d2087;
    margin: 100px 0;
}

/* event.html */
.event-content,.uselist-content{
    margin-bottom: 50px;
}

.event-text-1{
    box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6);
    padding: 10px;
    margin: 50px 0;
}

.event-text-1 img{
    width: 100%;
}

.event-text-1 h4{
    padding: 3px 10px;
    border-left: 4px solid #f15a24;
    border-bottom: 1px solid #f15a24;
}

.event-text-1 th,.event-text-1 td{
    padding: 10px 0;
}

.event-text-1 p{
    background-color: #f15a24;
    color: white;
    border-radius: 50px;
    padding: 5px 10px;
    margin: 0 10px 0 0;
}

.event-more{
    display: block;
    background-color: #1d2087;
    color: white;
    border: 1px solid #1d2087;
    border-radius: 50px;
    padding: 5px 20px;
    width: 170px;
    text-align: center;
    text-decoration: none;
    transition: .3s;
}

.event-more:hover{
    background-color: white;
    color: #1d2087;
    text-decoration: none;
}

/* completion tour / event-n.html */
.tour-content{
    display: flex;
    align-items: center;
}

.tour-content img{
    width: 100%;
}

.tour-content .col-md-8{
    padding-left: 30px;
}

.tour-content .col-md-8 h4{
    color: #1d2087;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 10px;
}

.tour-content th,.tour-content td{
    padding: 10px 0;
}

.tour-content td{
    padding-left: 10px;
}

.tour-content table p{
    margin: 0;
    background-color: #f15a24;
    color: white;
    border-radius: 50px;
    padding: 10px 20px;
    text-align: center;
}

/* contact.html */
.contact-us{
    margin-bottom: 50px;
}

.txtcen{
    padding: 0;
}

.txtcen li{
    list-style-type: none;
}

.contact-1,.contact-2{
    margin: 30px auto;
}

.contact-1 h4,.contact-2 h4{
    background-color: #1d2087;
    color: white;
    padding: 10px;
}

.contact-1 .tel{
    font-size: 30px;
    color: #1d2087;
    font-weight: bold;
}

.hours h5{
    color: #1d2087;
}

.hours p{
    font-size: 20px;
}

.label{
    color: #1d2087;
    font-weight: bold;
}

.label span{
    font-weight: normal;
    font-size: 14px;
    color: red;
    padding-left: 5px;
}

/* privacy.html */
.privacy-content{
    margin-bottom: 50px;
}

.privacy-content h4{
    background-color: #1d2087;
    color: white;
    padding: 10px;
}

.privacy-content ul{
    list-style-type: none;
    padding: 0;
}

/* sitemap.html */
.sitemap-content{
    margin-bottom: 50px;
}

.sitemap-content .col-md-10{
    display: flex;
    align-items: center;
}

.sitemap-content img{
    width: 100%;
}

.sitemap-content ul{
    list-style-type: none;
}

.sitemap-content li{
    margin: 30px 0;
}

.sitemap-content a{
    text-decoration: none;
    background-color: #1d2087;
    color: white;
    border-radius: 50px;
    padding: 10px 20px;
}

.sitemap-bukken{
    display: flex;
    flex-direction: row;
    padding: 0;
}

.sitemap-bukken li{
    margin: 5px 10px 5px 0;
}

/* use 一覧 */
.uselist-content table{
    width: 100%;
    margin-bottom: 10px;
}
.uselist-content th,.uselist-content td{
    border-bottom: 1px solid #1d2087;
    padding: 5px 0;
}

.uselist-content th{
    color: #1d2087;
}

/* use 詳細 */
.gaikan img,.house-content img{
    width: 100%;
}

.house-content{
    display: flex;
    margin-top: 30px;
}

.house-content table{
    width: 100%;
}

.house-content h4{
    background-color: #1d2087;
    color: white;
    margin-top: 10px;
    padding: 10px;
}

.house-content th,.house-content td{
    border-bottom: 1px solid #1d2087;
    padding: 10px 0;
}

.house-content td span{
    font-size: 24px;
    color: red;
}

.house-content figure{
    margin: 0;
}

.swiper{
    margin: 40px 0;
}

.swiper-slide{
    z-index: 1;
}

.swiper-slide img{
    width: 220px;
}

.lum-lightbox{
    z-index: 9999;
}

.house-detail table{
    width: 100%;
}

.house-detail th,.house-detail td{
    width: 25%;
    border: 1px solid #1d2087;
    padding: 10px;
}

.house-detail th{
    background-color: #1d2087;
    color: white;
    text-align: center;
}

.house-detail td span{
    font-size: 12px;
}

.house-map{
    margin: 40px auto;
}