@charset "utf-8";

@import url("https://fonts.googleapis.com/css?family=Poiret+One");
@import url("https://fonts.googleapis.com/css?family=Tangerine:400,700"); * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
*:focus{
outline: none;
} .cf {
zoom: 1;
}
.cf:before, .cf:after {
content: "";
display: table;
}
.cf:after {
clear: both;
} html{
font-size: 62.5%;
}
body {
-webkit-text-size-adjust: 100%;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-size: 1.6rem;
line-height:1.5;
letter-spacing:0.05em;
animation: pagefadeIn 2s ease 0s 1 normal;
-webkit-animation: pagefadeIn 2s ease 0s 1 normal;
}
@keyframes pagefadeIn {
0% {opacity: 0}
100% {opacity: 1}
}
@-webkit-keyframes pagefadeIn {
0% {opacity: 0}
100% {opacity: 1}
}   a{
color: #000;
text-decoration: none;
transition: .2s ease-in-out;
}
a.img_link,
.img_link_wrap a{
display: block;
font-size: 0;
}
@media screen and (min-width: 768px){
a[href^="tel:"] {
pointer-events: none!important;
cursor: default!important;
}
} img{
max-width: 100%;
}
img[src$=".svg"] {
width: 100%;
} .breadcrumb {
}  @media screen and (min-width:768px) {  .hover_oc_d:hover,
.hover_oc a:hover{
opacity:  0.5;
} .hover_ul_d,
.hover_ul a,
.hover_ulL_d,
.hover_ulL a,
.hover_ulF_d,
.hover_ulF a{
position: relative;
display: inline-block;    
} .hover_ul_d::after,
.hover_ul a::after{
position: absolute;
bottom: -1px;
left: 50%;
content: '';
width: 0;
height: 2px;
background-color: #007754;
transition: .3s;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
} .hover_ulL_d::after,
.hover_ulL a::after{
position: absolute;
bottom: 0;
left: 0;
content: '';
width: 0;
height: 2px;
background-color: #007754;
transition: .3s;    
} .hover_ulF_d::after,
.hover_ulF a::after{
position: absolute;
bottom: .3em;
left: 0;
content: '';
width: 100%;
height: 1px;
background-color: #363436;
opacity: 0;
transition: .3s;
}
.hover_ul_d:hover::after,
.hover_ul a:hover::after,
.hover_ulL_d:hover::after,
.hover_ulL a:hover::after{
width: 100%;    
}
.hover_ulF_d:hover::after,
.hover_ulF a:hover::after {
bottom: 0;
opacity: 1;
}
} .gray-line{
background: linear-gradient(transparent 60%, #f5f5f5 60%);
}
.green-line {
background: linear-gradient(transparent 60%, #e8f1ec 60%);
} .wrap{
max-width: 1140px;
margin: 0 auto;
}
.wrap_inner{
padding: 0 2.5%;
}
@media screen and (min-width: 1060px) {
.wrap_inner{
padding: 0 25px;    
}
}
@media screen and (max-width: 480px) {
.wrap_inner{
padding: 0 4%;
}
} .sec-Mtop{
margin-top: 130px;
}
@media screen and (max-width: 480px) {
.sec-Mtop{
margin-top: 80px;
}
} @media screen and (min-width:481px) {
.pc-none_s{
display: none;
}
}
@media screen and (min-width:768px) {
.pc-none{
display: none;
}
}
@media screen and (min-width:961px) {
.pc-none_960{
display: none;
}
}
@media screen and (max-width:960px) {
.sp-none_960{
display: none;
}
}
@media screen and (max-width:767px) {
.sp-none{
display: none;
}
}
@media screen and (max-width:480px) {
.sp-none_s{
display: none;
}
}  .bound{
animation:  bound  2s ease infinite;
}
@keyframes  bound  {
0% {
transform:translateY(0)
}
5% {
transform:translateY(0)
}
10% {
transform:translateY(0)
}
20% {
transform:translateY(-15px)
}
25% {
transform:translateY(0)
}
30% {
transform:translateY(-15px)
}
50% {
transform:translateY(0)
}
100% {
transform:translateY(0)
}
} .fuwafuwa {
　animation: fuwafuwa 2s ease infinite;
}
@keyframes fuwafuwa {
0% {transform:translate(0, 0);}
50% {transform:translate(0, -10px);}
100% {transform:translate(0, 0);}
} .anchor_link{
position: relative;
top: -89px;
display: block;
}
@media screen and (max-width: 768px) {
.anchor_link {
top: -54px;
}
} .sec-ttl{
margin-bottom: 50px;
text-align: center;
}
.sec-ttl-en{
font-family: 'Poiret One', cursive;
font-size:6rem;
line-height: 1;
letter-spacing: 0.05em;
margin-bottom: 10px;
}
.sec-ttl-ja{
font-size:1.8rem;
}
@media screen and (max-width: 767px) {
.sec-ttl-en{
font-size:5.3rem;
}
}
@media screen and (max-width: 480px) {
.sec-ttl-en {
font-size: 4.1rem;
}
}   .btn{
position: relative;
display: block;
width: 100%;
max-width: 260px;
border: 1px solid #dbdbdf;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-size: 1.8rem;
padding: 12px 0;
text-align: center;
}
.btn i{
margin-left: 3em;
} .back-btn-top,
.back-btn-bottom{
position: relative;
display: block;
width: 100%;
border: 1px solid #dbdbdf;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
text-align: center;
font-weight: 400;
} .back-btn-top{
max-width: 170px;
font-size: 1.6rem;
padding: 5px 0;
margin: 0 0 0 auto;
}
.back-btn-top i{
margin-left: 1em;
} .back-btn-bottom{
max-width: 360px;
font-size: 1.8rem;
padding: 15px 0;
margin: 0 auto;
}
.back-btn-bottom i{
margin-left: 4em;
}
@media screen and (min-width: 768px){
.btn::before,
.btn::after,
.back-btn-top::before,
.back-btn-top::after,
.back-btn-bottom::before,
.back-btn-bottom::after{
position: absolute;
z-index: 2;
content: '';
width: 0;
height: 0;
border: 1px solid transparent;
}	
.btn::before,
.back-btn-top::before,
.back-btn-bottom::before{
top: -1px;
left: -1px;
}
.btn::after,
.back-btn-top::after,
.back-btn-bottom::after{
bottom: -1px;
right: -1px;
}
.btn:hover,
.back-btn-top:hover,
.back-btn-bottom:hover{
color: #1f7648;
}
.btn:hover::before,
.btn:hover::after,
.back-btn-top:hover::before,
.back-btn-top:hover::after,
.back-btn-bottom:hover::before,
.back-btn-bottom:hover::after{
width: 100%;
height: 100%;
}
.btn:hover::before,
.back-btn-top:hover::before,
.back-btn-bottom:hover::before{
border-bottom-color: #000;
border-left-color: #000;
transition: height .3s, width .3s .3s;
}
.btn:hover::after,
.back-btn-top:hover::after,
.back-btn-bottom:hover::after{
border-top-color: #000;
border-right-color: #000;
transition: height .3s, width .3s .3s;
}
} .scenery{
padding-top: 128px;
}
#header {
position: fixed;
padding: 15px 0 0;
width: 100%;
z-index: 10;
background: #fff;
}
#header .header-inner{
position: relative;
}
#header .header-logo{
max-width: 300px;
width: 100%;
position: absolute;
bottom: 25px;
}
#header .header-logo a{
display: block;
}
#header .header-contact{
display: flex;
justify-content: flex-end;
margin-bottom: 15px;
}
#header .header-contact-btn{
display: flex;
align-items: center;
}
#header .header-contact-btn li a{
display: block;
width: 100%;
max-width: 160px;
min-width: 160px;
padding: 7px 0;
text-align: center;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
#header .header-contact-btn .btn-request{
margin-right: 1em;
}
#header .header-contact-btn .btn-request a{
border: 1px solid #dbdbdf;
}
#header .header-contact-btn .btn-request a::before{
content: "\f016";
font-family: FontAwesome;
margin-right: 0.2em;
}
#header .header-contact-btn .btn-contact a{
border: 1px solid #1f7648;
}
#header .header-contact-btn .btn-contact a::before{
content: "\f003";
font-family: FontAwesome;
margin-right: 0.2em;
}
#header .header-tel{
text-align: right;
font-size: 1.4rem;
margin-left: 1.5em;
}
#header .header-tel-number{
color: #1f7648;
font-size: 2.6rem;
line-height: 1;
}
#header .header-tel-number::before{
content: "\f095";
font-family: FontAwesome;
margin-right: 0.2em;
}
@media screen and (min-width: 769px){
#header .header-contact-btn .btn-request a:hover{
background: #dbdbdf;
}
#header .header-contact-btn .btn-contact a:hover{
background: #1f7648;
color: #fff;
}
}
@media screen and (max-width: 1024px){
.scenery {
padding-top: 120px;
}
#header .header-logo{
max-width: 200px;
bottom: auto;
top: 5px;
}
#header .header-contact-btn li a{
font-size: 1.4rem;
max-width: 140px;
min-width: 140px;
}
#header .header-tel{
font-size: 1.2rem;
}
#header .header-tel-number {
font-size: 2.1rem;
}
} #header .gnav .gnav_ul{
display: flex;
justify-content: flex-end;
}
@media screen and (min-width: 769px){
#header .gnav .gnav_ul .gnav_li a{
position: relative;
display: inline-block; 
padding-bottom: 25px;
}
#header .gnav .gnav_ul .gnav_li a::after{
position: absolute;
bottom: .6em;
left: 0;
content: '';
width: 100%;
height: 5px;
background-color: #1f7648;
opacity: 0;
transition: .3s;
}
#header .gnav .gnav_ul .gnav_li a:hover::after{
bottom: 0;
opacity: 1;
}
#header .gnav .gnav_ul .gnav_li .gnav_li-child{
display: none!important;
}
#header .gnav .gnav_ul .gnav_li-sp,
#header .gnav-wrap .gnav-bottomlink-sp,
#header .gnav-wrap .gnav-contact-sp,
#header .gnav-wrap .gnav-sitemap-link,
#header .gnav .gnav_ul .gnav_li .gnav-toggle{
display: none;	
}
} #header .menu-trigger{
z-index: 10;
position: fixed;
top: 2px;
right: 10px;
display: block;
width: 50px;
height: 50px;
background: rgba(255,255,255,0.9);
text-align: center;
padding-top: 5px;
cursor:pointer;
}
#header .menu-trigger .text{
font-weight: bold;
font-size: 10px;
color: #333;
}
#header .menu-trigger .hamburger,
#header .menu-trigger .hamburger span{
display: inline-block;
transition: all .4s;
box-sizing: border-box;
}
#header .menu-trigger .hamburger{
position: relative;
width: 30px;
height: 19px;	
}
#header .menu-trigger .hamburger span{
position: absolute;
left: 0;
width: 100%;
height: 4px;
background-color: #333333;
}
#header .menu-trigger .hamburger span:nth-of-type(1) {
top: 0;
}
#header .menu-trigger .hamburger span:nth-of-type(2) {
top: 7px;
}
#header .menu-trigger .hamburger span:nth-of-type(3) {
bottom: 0;
}
#header .menu-trigger .hamburger.active span:nth-of-type(1) {
-webkit-transform: translateY(10px) rotate(-45deg);
transform: translateY(10px) rotate(-45deg);
}
#header .menu-trigger .hamburger.active span:nth-of-type(2) {
opacity: 0;
}
#header .menu-trigger .hamburger.active span:nth-of-type(3) {
-webkit-transform: translateY(-5px) rotate(45deg);
transform: translateY(-5px) rotate(45deg);
}
@media screen and (min-width: 769px){
#header .menu-trigger {
display: none;
}
#header .gnav .gnav_ul .gnav_li:not(:last-child){
margin-right: 2em;
} #header.sticky{
padding: 7px 0 0;
}
#header.sticky .header-logo{
top: 10px;
bottom: auto;
max-width: 200px;
transition: .2s ease-in-out;
}
#header.sticky .header-contact{
margin-bottom: 7px;
}
#header.sticky .header-contact-btn li a {
font-size: 1.4rem;
max-width: 140px;
min-width: 140px;
}
#header.sticky .header-tel {
font-size: 1.2rem;
}
#header.sticky .header-tel-number {
font-size: 2.1rem;
}
#header.sticky .gnav .gnav_ul .gnav_li a{
padding-bottom: 10px;
}
}
#header .gnav .gnav_ul .gnav_li .gnav_li-child{
display: none;
}
@media screen and (max-width: 768px){
.scenery{
padding-top: 54px;
}
#header{
padding: 10px 0 5px;
}
#header .header-inner{
padding: 0;	
}
#header .header-contact{
display: none;
}
#header .header-logo{
position: static;
margin-left: 10px;
} #header .gnav-wrap {
top: -100vh;
opacity: 0;
position: fixed;
width: 100%;
height: 100%;
box-sizing: border-box;
transition: clip 0.4s cubic-bezier(0.55, 0.05, 0.22, 0.99);
transition: .4s ease-in-out;
z-index: -3;
background: rgba(255,255,255,0.95);
padding: 54px 0 80px;
-ms-overflow-style: none;
overflow-x: hidden;
}
#header .gnav-wrap.open{
opacity: 1;
z-index: 9;
}
#header .gnav .gnav_ul{
display: block;
}
#header .gnav .gnav_ul .gnav_li{
}
#header .gnav .gnav_ul .gnav_li > a{
display: block;
padding: 20px 2.5%;
border-bottom: 1px solid #dbdbdf;
position: relative;
}
#header .gnav .gnav_ul .gnav_li .gnav-toggle-pc{
display:none;
}
#header .gnav .gnav_ul .gnav_li .gnav-toggle::after{
content: "\f107";	
font-family: FontAwesome;
position: absolute;
right: 3%;
font-size: 1.8rem;
}
#header .gnav .gnav_ul .gnav_li .gnav-toggle.active::after{
content: "\f106";	
}
#header .gnav .gnav_ul .gnav_li .gnav-toggle.active{
background: rgba(0,0,0,0.04);	
}
#header .gnav .gnav_li-child{
background: rgba(0,0,0,0.04);
}
#header .gnav .gnav_li-child a{
display: block;
padding: 15px 2.5% 15px 2.3em;
border-bottom: 1px dotted #dbdbdf;
position: relative;
}
#header .gnav-wrap .gnav-bottomlink-sp{
display: flex;
justify-content: space-between;
padding: 0 2.5%;
margin-top: 30px;
}
#header .gnav-wrap .gnav-bottomlink-sp li{
width: 32%;
text-align: center;
}
#header .gnav-wrap .gnav-bottomlink-sp li a{
display: block;
border-top: 1px solid #dbdbdf;
border-bottom: 1px solid #dbdbdf;
padding: 25px 0;
}
#header .gnav-wrap .gnav-bottomlink-sp li a span{
font-family: 'Poiret One', cursive;
font-size: 2.8rem;
}
#header .gnav-wrap .gnav-contact-sp{
display: flex;
justify-content: space-between;
padding: 0 2.5%;
margin:30px auto 30px;
}
#header .gnav-wrap .gnav-contact-sp li{
width: 48%;
}
#header .gnav-wrap .gnav-contact-sp li a{
display: block;
padding: 15px 0;
text-align: center;
font-family: 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", HiraMinProN-W6, HG明朝E, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
#header .gnav-wrap .gnav-contact-sp .btn-request-sp a{
border: 1px solid #dbdbdf;
}
#header .gnav-wrap .gnav-contact-sp .btn-request-sp a::before{
content: "\f016";
font-family: FontAwesome;
margin-right: 0.2em;	
}
#header .gnav-wrap .gnav-contact-sp .btn-contact-sp a{
border: 1px solid #1f7648;
}
#header .gnav-wrap .gnav-contact-sp .btn-contact-sp a::before{
content: "\f003";
font-family: FontAwesome;
margin-right: 0.2em;	
}
#header .gnav-wrap .gnav-sitemap-link{
margin-left:4%;
font-size: 1.4rem;
}
#header .gnav-wrap .gnav-sitemap-link::before{
content: "\f105";
font-family: FontAwesome;
margin-right: 0.2em;
}
}
@media screen and (max-width: 767px){
#header .gnav .gnav_ul .gnav_li > a{
padding: 10px 2.5%;
}
#header .gnav .gnav_li-child a{
padding: 7px 2.5% 7px 1.7em;
}
}
@media screen and (max-width: 480px){
#header .gnav-wrap .gnav-bottomlink-sp li a{
font-size: 1.2rem;
}
#header .gnav-wrap .gnav-bottomlink-sp li a span{
font-size: 1.8rem;
font-weight: bold;
color: rgba(54,52,54,1);
}
#header .gnav-wrap .gnav-contact-sp{
font-size: 1.4rem;
}
} #footer{
padding: 80px 0 20px;
}
#footer .footer-company-data{
display: flex;
justify-content: center;
}
#footer .footer-logo{
margin-right: 50px;
}
#footer .footer-logo a{
display: block;
max-width: 380px;
width: 100%;
}
#footer .c-license{ text-align: left;
margin: 40px auto 80px;
max-width: max-content;
}
#footer .c-license p:last-child{
width:100%;
}
#footer .footer-nav{
background: rgba(0,0,0,0.04);
padding: 30px 0;
margin-bottom: 20px;
}
#footer .footer-nav .wrap{
max-width: 900px;
}
#footer .footer-nav ul{
display: flex;
justify-content: center;
flex-wrap: wrap;
}
#footer .footer-nav ul li{
margin: 10px 25px;
}
#footer .copyright{
text-align: center;
font-size: 1.3rem;
}
@media screen and (min-width: 768px) {
#footer .c-license{ }
#footer .c-license p:first-child{
margin-right: 1em;
}
}
@media screen and (min-width: 768px) and (max-width: 960px) {
#footer .footer-company-detail{
font-size:1.4rem;
}
}
@media screen and (max-width: 767px) {
#footer {
padding: 80px 0 65px;
}
#footer .footer-company-data{
display: block;
}
#footer .footer-logo a{
margin: 0 auto;
}
#footer .footer-company-detail{
width: 100%;
max-width: 420px;
margin: 0 auto;	
}
#footer .footer-nav{
display: none;	
}
}
@media screen and (max-width: 480px) {
#footer {
padding: 60px 0 65px;
}
#footer .c-license{
font-size: 1.4rem;
margin: 35px auto 40px;
}
} @media screen and (min-width:768px) {
.footer-nav-sp{
display: none;
}
}
@media screen and (max-width:767px) {
.footer-nav-sp{
position: fixed;
bottom: 0;
left: 0;
flex-wrap: nowrap;
width: 100%;
z-index: 9;
line-height:1.5rem;
letter-spacing:normal;
display: flex;
border-top: 1px solid #dbdbdf;
}
.footer-nav-sp li{
margin: 0;
width: 20%;
text-align: center;
}
.footer-nav-sp li a{
background: rgba(255,255,255,0.9);
height: 100%;
font-size: 1.4rem;
padding: 7px 0 5px;
display: block;
color: #000;
}
.footer-nav-sp li a > i{
display: block;
font-size: 2.6rem;
margin: 0 auto 2px;
color: #363436;
}
.footer-nav-sp li a:active{
background: #1f7648;
color: #fff;
}
.footer-nav-sp li a:active > i{
color: #fff;		
}
}
@media screen and (max-width:480px) {
.footer-nav-sp li a{
font-size: 1.2rem;
}
}
@media screen and (max-width:350px) {
.footer-nav-sp li a{
font-size: 1rem;
}
} .bottom-subnav{
display: flex;
justify-content: space-between;
}
.bottom-subnav .subnav-box{
max-width: 235px;
width: 100%;
height: 235px;
text-align: center;
position: relative;
overflow: hidden;
}
.bottom-subnav .subnav-box a::before{
content: "";
position: absolute;
left: 0;
top: 0;
display: block;
background: #757575;
width: 100%;
height: 100%;
opacity: 0.5;
transition: .2s ease-in-out;
z-index: -1;
}
.bottom-subnav .subnav-box a{
width: 100%;
height: 100%;
display: block;
position: relative;
z-index: 1;
color: #fff;
padding-top: 70px;
}
.bottom-subnav .subnav-box .subnav-ttl-en{
font-family: 'Poiret One', cursive;
letter-spacing: 0.1em;
font-size: 3.6rem;
}
.bottom-subnav .subnav-box img{
position: absolute;
top: 0;
left: 0;
z-index: -2;
-webkit-transition:0.2s ease-in-out;
-moz-transition:0.2s ease-in-out;
-ms-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
transition:0.2s ease-in-out;
}
.bottom-subnav .subnav-box:hover img{
-webkit-transform:scale(1.2,1.2);
-moz-transform:scale(1.2,1.2);
-ms-transform:scale(1.2,1.2);
-o-transform:scale(1.2,1.2);
transform:scale(1.2,1.2);
opacity: 0.8;
}
.bottom-subnav .subnav-box:hover a::before{
opacity: 0;
} .subnav-box_flow{
animation-delay:.3s;
}
.subnav-box_staff{
animation-delay:.8s;
}
.subnav-box_sell{
animation-delay:1.3s;
}
@media screen and (min-width: 768px){
}
@media screen and (max-width: 1024px) {
.bottom-subnav{
max-width: 752px;
}
.bottom-subnav .subnav-box{
max-width: none;
width: 23%;
height: auto;
}
.bottom-subnav .subnav-box a{
padding: 29% 0;
font-size: 1.4rem;
}
.bottom-subnav .subnav-box .subnav-ttl-en{
font-size: 3.1rem;	
}
}
@media screen and (max-width: 767px) {
.bottom-subnav{
flex-wrap: wrap;
}
.bottom-subnav .subnav-box{
width: 48%;
}
.bottom-subnav .subnav-box:first-child,
.bottom-subnav .subnav-box:nth-of-type(2){
margin-bottom: 20px;	
}
.bottom-subnav .subnav-box a {
padding: 33% 0;
}
}
@media screen and (max-width: 480px) {
.bottom-subnav .subnav-box a {
padding: 28% 0;
}
.bottom-subnav .subnav-box .subnav-ttl-en {
font-size: 2.4rem;
}
} .index-section_blog{
width: 100%;
} .index-section_blog{
background: #fff;
position: relative;
}
.section_blog-ttl{
font-family: 'Poiret One', cursive;
font-size: 3.6rem;
line-height: 1.4;
display: flex;
align-items:flex-end;
border-bottom: 1px dotted #dbdbdf;
padding-bottom: 15px;
}
.blog-ttl-img{
font-size: 0;
max-width: 95px;
margin-left: 10px;
}
.blog-article-more{
position: absolute;
top: 30px;
right: 0;
background: #dbdbdf;
border: 1px solid #dbdbdf;
display: block;
max-width: 90px;
width: 100%;
text-align: center;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-weight: 400;
}
.blog-article-more::after{
content: "\f105";
font-family: FontAwesome;
margin-left: 1em;
}
@media screen and (min-width: 768px) {
.blog-article-more:hover{
background: #fff;
}
}
@media screen and (max-width: 767px){
.blog-article-more{
position: static;
max-width: none;
padding: 10px 0;
margin: 25px 0 60px;
}
} .blog-article{
border-bottom: 1px dotted #dbdbdf;
}
.blog-article a{
display: flex;
align-items: center;
padding: 20px 0;
}
.blog-article .new{
color: #c6112f;
font-weight: bold;
margin-right: 0.3em;
}
.blog-article-img{
border: 1px solid #dbdbdf;
font-size: 0;
padding: 5px;
min-width: 140px;
width: 140px;
background: #fff;
margin-right: 20px;
}
.blog-article-img_inner{ font-size: 0;
overflow: hidden;
}
.blog-article-img_inner img{ width: 100%;
height: 95px;
transition: .4s ease-in-out;
object-fit: cover;
font-family: 'object-fit: cover;';
}
.blog-article-data{
width: 100%;
}
.blog-article-data .article-ttl{
font-weight: bold;
overflow: hidden;
position: relative;
height: 1.5em;
line-height: 1.5;
background-color: #fff;
padding-right: 1em;
}
.blog-article-data .article-ttl::before{
content: "...";
position: absolute;
right: 0;
bottom: 0;
display: inline-block;
width: 1em;
}
.blog-article-data .article-ttl::after {
content: "";
position: relative;
right: -1em;
float: right;
width: 1em;
height: 100%;
background-color: inherit;
}
.blog-article-data .article-writer{
margin-top: 10px;
display: flex;
align-items: center;
justify-content: flex-end;
}
.blog-article-data .writer-name{
color: #a0a0a4;
margin-right: 1em;
}
.blog-article-data .writer-img{
font-size: 0;
}
.blog-article-data .writer-img img{
width: 45px;
height: 45px;
object-fit: cover;
font-family: 'object-fit: cover;'
}
@media screen and (min-width: 768px) {
.footer-blog-article-list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.blog-article{
width:48%;
}
}
@media screen and (min-width: 960px) and (max-width: 1024px) {
.blog-article-img { padding: 3px;
margin-right: 10px;
}
}
@media screen and (max-width: 959px){
.infomation-block .wrap{
display: block;
}
.index-section_blog, .facebook_block {
width: 100%;
}
}
@media screen and (max-width: 480px){
.blog-article a{
padding: 15px 0;
}
.blog-article-img{
min-width: 100px;
width: 100px;
padding: 3px;
margin-right: 10px;
}
.blog-article-img_inner img {
height: 69px;
}
.blog-article-data .data-day{
font-size: 1.4rem;
}
.blog-article-data .writer-name{
font-size: 1.4rem;
}
.blog-article-data .writer-img img {
width: 35px;
height: 35px;
}
} .facebook_block{
background: #385c9b;
padding-top: 500px;
} .footer-contact-block{
background: url(//www.bellhaus.co.jp/wp/wp-content/themes/bellhaus/img/common/bg_bottom-contact.jpg) no-repeat center center;
background-size: cover;
color: #fff;
text-align: center;
padding: 80px 0 90px
}
.footer-contact-means{
display: flex;
justify-content: space-between;
margin-top: 40px;
}
.contact-means-block{
width: 48%;
border: 1px solid #fff;
padding: 30px 0;
}
.contact-means-block .means-ttl{
font-size: 2.4rem;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
margin-bottom: 30px;
line-height: 1;
}
.contact-means-block  .means-tel-number{
font-size: 3.6rem;
color: #fff;
}
.contact-means-block  .means-tel-number::before{
content: "\f095";
font-family: FontAwesome;
margin-right: 0.2em;
}
.footer-contact-btn{
background-image: linear-gradient(to right, rgba(255,255,255,1) 50%, rgba(54,52,54,1) 50%);
background-position: 0 0;
background-size: 201% auto;
color: #1f7648;
display: block;
width: 100%;
max-width: 310px;
margin: 0 auto;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
transition: .5s;
font-size: 1.8rem;
padding: 12px 0;
}
.footer-contact-btn::after{
content: "\f105";
font-family: FontAwesome;
margin-left: 2em;
}
@media screen and (min-width: 768px){
.footer-contact-btn:hover{
background-position: -99% 0;
color: #fff;
}
}
@media screen and (min-width: 1025px) {
.footer-contact-block{
background-attachment: fixed;
}
}
@media screen and (max-width: 767px) {
.footer-contact-means {
display: block;
}
.contact-means-block{
width: 100%;
}
.footer-contact-means .contact-means-block:first-child{
margin-bottom: 20px;
}
}
@media screen and (max-width: 480px) {
.footer-contact-block{
padding: 60px 0 70px;
}
.contact-means-block .means-tel-number {
font-size: 3.1rem;
}
.footer-contact-btn {
max-width: 260px;
font-size: 1.6rem;
}
} .scenery{
display:block;
} .estate-btn {
font-family: 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", HiraMinProN-W6, HG明朝E, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
color: rgb(255, 255, 255);
display: block;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-text-orientation: upright;
-ms-text-orientation: upright;
text-orientation: upright;
position: fixed;
z-index:5;
top: 150px;
right: 0px;
max-height: 260px;
height: 100%;
font-size: 1.8rem;
text-align: center;
max-width: 55px;
width: 100%;
line-height: 55px;
background: rgb(31, 118, 72);
}
.estate-btn i{
margin-bottom:0.2em;
}
@media all and (-ms-high-contrast:none) {
.estate-btn{
padding-right:2px;
}
.estate-btn i{
-ms-writing-mode: lr-tb;
}
}
@media screen and (min-width:768px) {
.estate-btn:hover{
background:#363436;
}
}
@media screen and (max-width: 1140px){
.estate-btn {
font-size: 1.6rem;
max-height: 240px;
max-width: 45px;
line-height: 45px;
}
}
@media screen and (max-width:767px) {
.estate-btn{
display: none!important;
}
}  .pagetop{
position: fixed;
display: block;
right: 20px;
bottom: -110px;
font-size: 2rem;
font-weight: bold;
text-align: center;
z-index: 9;
font-family: 'Poiret One', cursive;
color:#363436;
}
.pagetop img{
display: block;
margin-bottom: 10px;
}
@media screen and (min-width:768px) {
.pagetop:hover{
animation:fuwafuwa 2s ease infinite;
opacity: 0.7;
}
}
@media screen and (max-width:767px) {
.pagetop{
display: none!important;
}
} .breadcrumb{
background:rgba(0,0,0,0.04);
margin-bottom:80px;
font-size:1.4rem;
padding:5px 0;
}
@media screen and (max-width:767px) {
.breadcrumb{
margin-bottom:60px;
}
}
@media screen and (max-width:480px) {
.breadcrumb{
margin-bottom:40px;
}
} .regular-page-style .btn{
margin:0 auto;
}
.regular-page-text{
margin: 100px auto 60px;
text-align:center;
} .news-tag{
min-width: 140px;
text-align: center;
padding: 2px 0;
}
.news-tag.news-tag-web{
background: #dbdbdf;
}
.news-tag.news-tag-topic{
background: #1f7648;
color: #fff;
}
@media screen and (max-width: 767px) {
.news-tag{
max-width: 140px;
}
}
@media screen and (max-width: 480px) {
.news-tag{
font-size: 1.3rem;
min-width: 100px;
max-width: 100px;
}
} .estate-tag{
min-width: 85px;
display: inline-block;
color: #fff;
text-align: center;
}
.estate-tag.newlybuilt{ background: #939431;
}
.estate-tag.built{ background: #60923c;
}
.estate-tag.apartment{ background: #7b5b8d;
}
.estate-tag.land{ background: #457898;
} .wp-pagenavi a,
.wp-pagenavi span{
border-left:none!important;
border-right:none!important;
border-top:none!important;
}
.pager-btn-area{
margin-top: 80px;
}
.pager-btn-area .wp-pagenavi{
font-size: 1.8rem;
text-align: center;
}
.pager-btn-area .wp-pagenavi .previouspostslink,
.pager-btn-area .wp-pagenavi .nextpostslink{
font-family: 'Poiret One', cursive;
font-weight: bold;
border-bottom: 2px solid #fff;
padding: 2px 0;
display: inline-block;
}
.pager-btn-area .wp-pagenavi .previouspostslink{
margin-right: 20px;
}
.pager-btn-area .wp-pagenavi .nextpostslink{
margin-left: 20px;
}
.pager-btn-area .wp-pagenavi .previouspostslink::before,
.pager-btn-area .wp-pagenavi .nextpostslink::after{
font-family: FontAwesome;
font-weight: 400;
}
.pager-btn-area .wp-pagenavi .previouspostslink::before{
content: "\f104";
margin-right: 1em;
}
.pager-btn-area .wp-pagenavi .nextpostslink::after{
content: "\f105";
margin-left: 1em;
}
.pager-btn-area .wp-pagenavi .page,
.pager-btn-area .wp-pagenavi .current{
padding: 2px 15px;
margin: 0 2.5px;
display: inline-block;
}
.pager-btn-area .wp-pagenavi .page{
border-bottom: 2px solid #dbdbdf;
}
.pager-btn-area .wp-pagenavi .current{
border-bottom: 2px solid #1f7648;
}
@media screen and (min-width: 768px) {
.pager-btn-area .wp-pagenavi .previouspostslink:hover,
.pager-btn-area .wp-pagenavi .nextpostslink:hover{
border-color: #dbdbdf;
}
.pager-btn-area .wp-pagenavi .page:hover{
border-color: #363436;
}
}
@media screen and (max-width: 767px) {
.pager-btn-area .wp-pagenavi .previouspostslink {
margin: 3px 20px 3px 0;
}
.pager-btn-area .wp-pagenavi .nextpostslink {
margin: 3px 0 3px 20px;
}
.pager-btn-area .wp-pagenavi .page, .pager-btn-area .wp-pagenavi .current {
margin: 3px 2.5px;
}
} .inner-lead-bnr{
border: 1px solid #dbdbdf;
width: 100%;
padding: 10px;
display: flex;
align-items: center;
}
.inner-lead-bnr-img{
font-size: 0;
}
.inner-lead-bnr-text{
padding: 0 0 0 1.5em;
}
.inner-lead-bnr-ttl-en{
font-family: 'Poiret One', cursive;
font-size: 3.6rem;
}
.inner-lead-bnr-ttl-ja{
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-size: 1.8rem;
font-weight: 400;
}
.inner-lead-bnr-ttl-ja::after{
content: "\f105";
font-family: FontAwesome;
margin-left: 1em;
}
@media screen and (min-width: 768px){
.inner-lead-bnr{
position: relative;
}
.inner-lead-bnr::before,
.inner-lead-bnr::after{
position: absolute;
z-index: 2;
content: '';
width: 0;
height: 0;
border: 1px solid transparent;
}	
.inner-lead-bnr::before{
top: -1px;
left: -1px;
}
.inner-lead-bnr::after{
bottom: -1px;
right: -1px;
}
.inner-lead-bnr:hover{
color: #1f7648;
}
.inner-lead-bnr:hover::before,
.inner-lead-bnr:hover::after{
width: 100%;
height: 100%;
}
.inner-lead-bnr:hover::before{
border-bottom-color: #000;
border-left-color: #000;
transition: height .3s, width .3s .3s;
}
.inner-lead-bnr:hover::after{
border-top-color: #000;
border-right-color: #000;
transition: height .3s, width .3s .3s;
}
}
@media screen and (max-width: 960px){
.inner-lead-bnr-img{
max-width: 100px;
}
.inner-lead-bnr-text {
padding: 0 0 0 0.5em;
}
.inner-lead-bnr-ttl-en {
font-size: 3.1rem;
}
.inner-lead-bnr-ttl-ja{
font-size: 1.6rem;	
}
.inner-lead-bnr-ttl-ja::after {
margin-left: 0.5em;
}
}
@media screen and (max-width: 480px){
.inner-lead-bnr-img{
max-width: 80px;
}
.inner-lead-bnr-ttl-en {
font-size: 2.8rem;
}
.inner-lead-bnr-ttl-ja{
font-size: 1.4rem;	
}
}