/*
Theme Name:
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, address,
em, img, small, strong, b, i,dl, dt, dd, ol, ul, li, form, label, table, caption,
tbody, tfoot, thead, tr, th, td, article, canvas, footer, header, menu, nav, section,
time, audio, video, figure , button
{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
font-weight: normal;
vertical-align: baseline;
background: transparent;
}

small{display: block;}
address{font-style: normal;}
article, footer, header, menu, nav, section {display: block;}
ul {list-style: none; }
a {margin: 0;color: inherit;padding: 0;font-size: 100%;text-decoration: none;vertical-align: baseline;background: transparent;}
a:link{transition: .3s;}
a:link:hover{opacity: 0.7;cursor: pointer;}
table {border-collapse: collapse;border-spacing: 0; }
em, b {font-style: normal; }
img {max-width: 100%;vertical-align: bottom;}
hr {display: block;height: 1px;margin: 0;padding: 0;border: 0;outline: 0; }
input, select {vertical-align: middle;}
@media screen and (max-width:1200px){
}
@media screen and (max-width:768px){
body {
  font-size: 12px;
}
}
@font-face{
font-family: 'Antro';
src:url('../font/Antro_Vectra.woff') format('woff'), /* Modern Browsers */
url('../font/Antro_Vectra.TTF')  format('truetype'); /* Safari, Android, iOS */
}
.antro{
font-family:'Antro';
-ms-font-feature-settings: "normal";
}


/*//////////////////////////////
  common
//////////////////////////////*/
.ttl_eng{
color: #007090;
font-family:'Antro';
}
.ttl_min{
font-family: 'Shippori Mincho B1', serif;
letter-spacing: 2px;
}
@media screen and (max-width: 767px) {
  .ttl_min{
  letter-spacing: 0;
  }
  .colume{
    flex-direction: column-reverse;
  }
}
/*//////////////////////////////
  top_mv
//////////////////////////////*/
.top_mv{
padding-top: 0px;
}
.top_mv .ttl_eng{
font-size: 36px;
}
.top_mv h2{
font-size: 24px;
}
.top_mv h2{
letter-spacing: 2px;
margin: 10px auto 50px;
max-width: 460px;
width: 100%;
}
.top_mv h2 span{
display: block;
}
.top_mv h2 span:first-of-type{
border-bottom: 1px solid;
}
.top_item{
background: url(../img/top_bg01.jpg) no-repeat center / cover;
height: 670px;
margin-bottom: 300px;
position: relative;
}
.top_item .ttl_min{
margin-left: 100px;
padding-top: 100px;
}
.top_item h3{
font-size: 34px;
line-height: 1.6;
}
.top_item p{
font-size: 15px;
line-height: 2.4;
margin-top: 20px;
}
.top_item_img{
margin: 40px 20px 0 100px;
}
.top_item_img .img01{
max-width: 415px;
width: 100%;
}
.top_item_img .img02{
max-width: 786px;
width: 100%;
}
@media screen and (min-width: 1400px) {
  .top_item_img .img01{
    margin-left: auto;
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .top_mv {
    padding-top: 0px;
  }
  .top_mv h2 {
    margin: 10px auto 20px;
    max-width: 260px;
	  font-size: 20px;
  }
  .top_item .ttl_min {
    margin-left: 0px;
    padding-top: 40px;
  }
  .top_item h3 , .top_item p{
    letter-spacing: 0;
    text-align: justify;
    text-justify: inter-ideograph;
  }
  .top_item h3 {
    font-size: 20px;
  }
  .top_item_img {
    margin: 20px 10px;
  }
  .top_item_img .w-35,.top_item_img .w-60{
    box-sizing: border-box;
    width: 100%;
  }
  .top_item_img .img01 {
    max-width: 300px;
  }
  .top_item{
    margin-bottom: 0;
    padding-bottom: 170px;
  }
}
@media screen and (max-width: 420px) {

  .top_item_img .img01 {
    max-width: 120px;
  }
}
/*//////////////////////////////
  Re-Design
//////////////////////////////*/
.blue_ttl{
background: #007090;
color: #fff;
font-family:'Antro';
padding: 16px 10px;
text-align: center;
}
.renovation{
background: linear-gradient(to right , #fff 0%, #fff 67% , #e6e6e6 67%, #e6e6e6 100%);
padding-bottom: 100px;
}
.renovation .blue_ttl{
font-size: 36px;
}
.renovation .renovation_ttl{
font-size: 34px;
text-align: center;
letter-spacing: 6px;
margin: 60px auto;
padding: 0 20px;
}
.livingroom .w-40{
  box-sizing: border-box;
  padding: 0 20px 0 40px;
}
.livingroom_ttl{
max-height: 100px;
}
.livingroom .w-60 img{
margin-top: 20px;
max-width: 840px;
width: 100%;
}
@media screen and (min-width: 1600px) {
  .livingroom .w-60 img{
    margin-left: auto;
    display: block;
  }
}
.livingroom .w-35{
margin-right: 20px;
}
.renov_ttl_min{
font-family: 'Shippori Mincho B1', serif;
font-size: 21px;
letter-spacing: 2px;
line-height: 2;
margin: 30px auto;
}
.renov_txt{
font-size: 12px;
line-height: 2.4;
}
.liv_imgarea{
margin: 10px 360px 0 auto;
max-width: 750px;
width: 100%;
}
.liv_imgarea p{
font-size: 12px;
letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .renovation{
    padding-bottom: 40px;margin-top: 40px;
  }
  .renovation .blue_ttl {
    font-size: 28px;
  }
  .renovation .renovation_ttl {
    font-size: 21px;
    text-align: left;
    letter-spacing: 0;
    margin: 20px auto;
    text-align: justify;
    text-justify: inter-ideograph;
  }
  .livingroom .w-60,.livingroom .w-40{
    box-sizing: border-box;
    width: 100%;
  }
  .livingroom .w-40{
    padding: 0 20px;
    margin-top: 20px;
  }
  .livingroom_ttl {
    max-height: 60px;
  }
  .liv_imgarea{
    box-sizing: border-box;
    padding: 0 20px;
  }
  .renov_ttl_min {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 1.8;
    margin: 20px auto 10px;
  }
}
@media screen and (max-width: 420px) {
  .liv_imgarea .w-44, .liv_imgarea .w-31, .liv_imgarea .w-22,.liv_imgarea .w-22 img{
    box-sizing: border-box;
    width: 100%;
  }
  .liv_imgarea .w-44, .liv_imgarea .w-31, .liv_imgarea .w-22{
    margin-top: 20px;
  }
}
.kitchen{
box-sizing: border-box;
padding: 0 20px 50px;
margin: 50px auto;
max-width: 1230px;
width: 100%;
}
.kitchen .renov_ttl_min {
letter-spacing: 0;
}
.caption{
font-size: 12px;
text-align: right;
margin-top: 20px;
}
.caption span{
display: inline-block;
text-align: left;
}
.kitchen_item{
margin: 10px auto;
max-width: 1030px;
width: 100%;
}
.kitchen_item li{
position: relative;
}
.kitchen_item li:first-of-type{
background: url(../img/kitchen01.jpg) no-repeat center / cover;
height: 220px;
margin-left: 60px;
width: 34%;
}
.kitchen_item li:nth-of-type(2){
background: url(../img/kitchen02.jpg) no-repeat center / cover;
height: 220px;
width: 25%;
}
.kitchen_item li:nth-of-type(3){
background: url(../img/kitchen03.jpg) no-repeat center / cover;
height: 154px;
width: 16%;
}
.kitchen_item li:last-of-type{
background: url(../img/kitchen04.jpg) no-repeat center / cover;
height: 154px;
width: 16%;
}
.kitchen_item li p{
font-size: 12px;
position: absolute;
}
.kitchen_item li:first-of-type p,.kitchen_item li:nth-of-type(2) p{
top: 225px;
}
.kitchen_item li:nth-of-type(3) p,.kitchen_item li:last-of-type p{
top: 161px;
}
@media screen and (max-width: 1050px) {
  .kitchen_item li:first-of-type{
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .kitchen{
    margin-bottom: -20px;
  }
  .renovation .renovation_ttl, .kitchen .renov_ttl_min {
    text-align: left;
    letter-spacing: 0;
    margin: 20px auto;
    text-align: justify;
    text-justify: inter-ideograph;
  }
  .kitchen .w-72{
    box-sizing: border-box;
    width: 100%;
  }
  .kitchen_item li:first-of-type,
  .kitchen_item li:nth-of-type(2),
  .kitchen_item li:nth-of-type(3),
  .kitchen_item li:last-of-type{
    width: 48%;
  }
  .kitchen .w-72{
    margin: 20px auto;
  }
  .kitchen_item li:first-of-type,
  .kitchen_item li:nth-of-type(2),
  .kitchen_item li:nth-of-type(3),
  .kitchen_item li:last-of-type{
    height: 180px;
    margin-bottom: 60px;
  }
  .kitchen_item li:nth-of-type(3),
  .kitchen_item li:last-of-type{
    margin-bottom: 40px;
  }
  .kitchen_item li:first-of-type{
    margin-left: 0;
  }
  .kitchen_item li:first-of-type p,
  .kitchen_item li:nth-of-type(2) p,
  .kitchen_item li:nth-of-type(3) p,
  .kitchen_item li:last-of-type p{
    top: 185px;
  }
  .caption {
    text-align: left;
    margin-top: 5px;
  }
}
@media screen and (max-width: 420px) {
  .kitchen_item li:first-of-type,
  .kitchen_item li:nth-of-type(2),
  .kitchen_item li:nth-of-type(3),
  .kitchen_item li:last-of-type{
    box-sizing: border-box;
    width: 100%;
  }
}

.bathroom{
box-sizing: border-box;
padding: 0 20px;
margin: 50px auto 0;
max-width: 1040px;
width: 100%;
}
.bathroom_item01{
margin-top: 30px;
}
.bathroom .renov_ttl_min, .bathroom .renov_txt{
margin-left: 6px;
}
.bathroom .renov_ttl_min{
letter-spacing: -2px;
margin-top: 0;
}
.bathroom_ttl{
max-height: 114px;
margin-left: 30px;
}
.bath_txt{
font-size: 12px;
}
.bathroom03{
margin-top: 20px;
max-width: 378px;
width: 100%;
}

@media screen and (max-width: 767px) {
  .bathroom{
    margin-top: 0;
  }
  .bathroom .w-49,.bathroom .w-50{
    box-sizing: border-box;
    width: 100%;
  }
  .bathroom_ttl {
    max-height: 90px;
    margin-left: 10px;
  }
  .bathroom .renov_ttl_min, .bathroom .renov_txt {
    margin-left: 0;
  }
}

.entrance{
box-sizing: border-box;
padding: 0 20px;
margin: auto;
max-width: 1040px;
width: 100%;
}
.entrance .w-34{
margin-right: 20px;
}
.entrance_ttl{
max-height: 55px;
}
.entrance .renov_ttl_min{
letter-spacing: 0;
margin: 0 auto 20px;
}
.ent_txt{
font-size: 12px;
}
.entrance_img{
margin-right: 20px;
max-width: 158px;
min-height: 274px;
width: 100%;
}
.entrance_item {
margin-top: 20px;
}

.plan {
box-sizing: border-box;
padding: 0 20px;
}
.plan_item{
border-top: solid 1px;
border-bottom: solid 1px;
box-sizing: border-box;
padding: 80px 0;
margin: 100px auto;
max-width: 1040px;
width: 100%;
}
@media screen and (max-width: 767px) {
  .entrance{
    margin-top: 40px;
  }
  .entrance .w-63{
    box-sizing: border-box;
    width: 100%;
  }
  .entrance_img {
    max-width: 100%;
    min-height: 56vw;
  }
  .entrance_item .w-20{
    width: 30%;
  }
  .entrance .renov_ttl_min {
    margin: 10px auto 0px;
  }
  .plan_item {
    padding: 20px 0;
    margin: 40px auto;
  }
}
@media screen and (max-width: 500px) {
  .entrance_item{
    align-items: flex-start !important;
    flex-wrap: wrap;
    justify-content: space-between !important;
  }
  .entrance_item .w-38 {
    width: 48%;
  }
  .entrance_img{
    margin-right: 0;
  }
  .entrance_item .w-20 {
    margin-top: 20px;
    max-width: 300px;
    width: 100%;
  }
}
@media screen and (max-width: 420px) {
  .entrance .w-60{
    box-sizing: border-box;
    width: 100%;
  }
}
/*//////////////////////////////
  Location
//////////////////////////////*/
.location{
background: linear-gradient(to left , #fff 0%, #fff 68% , #e6e6e6 68%, #e6e6e6 100%);
padding-bottom: 50px;
}
.location h2{
font-size: 42px;
}
.location .blue_ttl{
padding: 24px 10px 4px;
}
.location h3{
font-family: 'Shippori Mincho B1', serif;
font-size: 29px;
letter-spacing: 2px;
line-height: 2;
margin: 50px auto 30px;
padding: 0 20px;
}
.map,.access{
border-bottom: solid 1px;
padding-bottom: 40px;
}
.map h3,.access h3,.life_info h3{
color: #007090;
font-size: 30px;
font-family: 'Antro';
text-align: center;
}
.map ul{
margin-top: 100px;
}
.map li{
font-size: 10px;
margin-bottom: 40px;
width: 23%;
}
.map li:first-child p{
letter-spacing: -2px;
}
.map li span{
letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .location .blue_ttl {
    padding: 18px 10px 0px;
  }
  .location h2 {
    font-size: 35px;
  }
  .location h3 {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 1.6;
    margin: 30px auto;
  }.map ul {
    margin-top: 40px;
  }
  .map li {
    margin-bottom: 20px;
    width: 48%;
  }
	.location{
background: linear-gradient(to left , #fff 0%, #fff 68% , #e6e6e6 68%, #e6e6e6 100%);
padding-bottom: 40px;
}
	.location{
background: linear-gradient(to left , #fff 0%, #fff 68% , #e6e6e6 68%, #e6e6e6 100%);
padding-bottom: 40px;
}
	
}

.life_list ul{
font-size: 12px;
margin-bottom: 20px;
}
.life_list li:first-of-type{
color: #007090;
}
.life_list li {
align-items: center;
display: flex;
line-height: 1.4;
margin-bottom: 4px;
}
.life_list .line {
background: radial-gradient(#000 10%, transparent 30%) center/ 5px 5px;
background: -ms-radial-gradient(#000 10%, transparent 30%) center/ 5px 5px;
content: '';
display: flex;
flex: 1 1 auto;
height: 5px;
margin: 0 5px;
}
.life_list hr {
padding: 0;
border: 0;
outline: 0;
}
.life_list .time {
text-align: right;
}
.attend{
font-size: 10px;
letter-spacing: -1px;
}
@media screen and (max-width: 767px) {
  .life_list .w-48{
    box-sizing: border-box;
    width: 100%;
  }
}