@charset "utf-8";.aboutArea{background:#fff}.aboutArea .inner{width:100%;max-width:1216px;margin:0 auto}.aboutArea .inner ul{display:flex;justify-content:space-between;flex-wrap:wrap;text-align:center}.aboutArea .inner ul li{width:48%;letter-spacing:normal;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;margin-bottom:21px}.aboutArea .inner ul li a{display:block;text-decoration:none;line-height:0;text-align:center}.aboutArea .inner ul li a img{display:block;width:100%;height:287px!important;overflow:hidden;object-fit:cover;font-family:'object-fit: cover;'}.aboutArea .inner ul li figure{display:block;margin-bottom:15px;position:relative}.aboutArea .inner ul li figure figcaption{position:absolute;right:10px;bottom:10px;line-height:1;text-align:right;font-size:10px;color:rgba(255,255,255,.7)}.aboutArea .inner ul li a strong{margin-bottom:10px;color:#000;line-height:1;display:block;font-size:18px;text-align:center;font-weight:400}.aboutArea .inner ul li a span{padding-left:15px;position:relative;color:#a18553;line-height:1;display:inline-block;text-align:center;text-decoration:none}.aboutArea .inner ul li a span:before{display:block;content:"";width:4px;height:4px;border-top:1px solid #a18553;border-right:1px solid #a18553;position:absolute;top:50%;left:0;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);margin-top:-3px}.aboutArea .inner ul li a:hover span{text-decoration:underline}@media(max-width:768px){.pagetitle{font-size:21px}.aboutArea .inner{box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;padding:0 10px}.aboutArea .inner ul li{width:100%;margin-bottom:21px}.aboutArea .inner ul li a img{height:233px}}.main{height:500px;width:100%;background:#171923;position:relative;overflow:hidden;margin-bottom:55px}.main ul:after{display:block;content:"";clear:both}.main ul li{width:33.333333%;height:500px;float:left;overflow:hidden;position:relative;text-indent:-9999em;position:relative;transition:all 1.5s ease;-webkit-transition:all 1.5s ease;-ms-transition:all 1.5s ease}.main ul li span{position:absolute;right:10px;bottom:10px;line-height:1;text-align:right;font-size:10px;color:rgba(255,255,255,.7)}.main ul li:nth-child(1){background:url(//www.kyoto-machiya-inn.com/jp/wp-content/themes/kyotomachiya_new/css/../img/about/main_01.jpg) center center no-repeat;background-size:cover}.main ul li:nth-child(2){background:url(//www.kyoto-machiya-inn.com/jp/wp-content/themes/kyotomachiya_new/css/../img/about/main_02.jpg?ver=181218) center center no-repeat;background-size:cover}.main ul li:nth-child(3){background:url(//www.kyoto-machiya-inn.com/jp/wp-content/themes/kyotomachiya_new/css/../img/about/main_03_.jpg) center center no-repeat;background-size:cover}.main h1{font-family:Baskerville,Georgia,serif;color:#fff;font-size:45px;font-weight:lighter;text-align:center;line-height:1.2;display:block;position:absolute;top:50%;left:0;width:100%;margin:-20px 0 0;letter-spacing:.05em;transition:all 1.5s ease;-webkit-transition:all 1.5s ease;-ms-transition:all 1.5s ease}@media(max-width:768px){.main{height:450px!important}.main ul li{width:100%;height:150px;display:block!important;float:none;margin:0!important}.main h1{font-size:24px;margin-top:-12px}}.mainTxt{text-align:center;line-height:2;margin-bottom:55px}@media(max-width:768px){.mainTxt{padding:0 21px}}