@charset "utf-8";

article {
overflow: hidden;
}
.content960 {
max-width: 960px;
width: 100%;
margin-left:auto;
margin-right:auto;
}
.displayBlock {
display: block;
}
.lineH_37 {
line-height: 37px;
}
.mb2em {
margin-bottom: 2em;
}
.mb1em {
margin-bottom: 1em;
}
.tar {
text-align: right;
}
img {
max-width: 100%;
}
.pd05 {
padding: 0 5%;
}
.fast03 {
animation-duration: 3s;
animation-delay: 2s;
-webkit-animation-duration: 3s;
-webkit-animation-delay: 2s;
} .policy_area {
width: 100%;
min-width: 960px;
margin-bottom:24px;
}
.policy_area *{
box-sizing: border-box;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.policy_area {
min-width: 100%;
margin-bottom:80px;
}
}
.box01_area {
position: relative;
margin-bottom: 90px;
}
.box01_inner_left {
}
@media screen and (min-width: 0px) and (max-width:767px) {
.box01_inner_left {
width: 100%;
padding: 0 5% 5%;
}
}
.w52 {
width: 52%;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.w52 {
width: 100%;
}
}
.box01_area_images {
position: absolute;
}
.box01_area_img01 {
top: 0;
right: 2%;
transform: translateY(-52%);
}
.box01_area_img02 {
top: 18%;
right: 0;
}
.box01_area_img03 {
right: 21%;
bottom: 0;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.box01_area_images {
position: static;
}
.box01_area_img01 {
top: inherit;
right:  inherit;
transform: translateY(0);
padding: 0 5% 0 0.5%;
float: right;
width: 52.5%;
}
.box01_area_img02 {
top: inherit;
right: inherit;
padding: 0 5% 0 0.5%;
float: right;
width: 52.5%;
}
.box01_area_img03 {
right: inherit;
bottom: inherit;
float: left;
padding: 0 1% 0 5%;
width: 47%;
}
}
.box02_area {
position: relative;
margin-bottom: 90px;
}
.box02_inner_right {
text-align: right;
overflow: hidden;
padding-top: 50px;
width: 58%;
float: right;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.box02_inner_right {
padding: 0 5% 5%;
text-align: left;
float: none;
width:100%;
}
}
.box02_area_images {
position: absolute;
}
.box02_area_img01 {
top: 0;
left: 0;
transform: translateY(-36%);
}
.box02_area_img02 {
top: 30%;
left: 2%;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.box02_area_images {
position: static;
}
.box02_area_img01 {
top: inherit;
right:  inherit;
transform: translateY(0);
padding: 0 5% 0 1%;
width: 38%;
float: right;
}
.box02_area_img02 {
top: inherit;
right: inherit;
padding: 0 1% 0 5%;
width: 62%;
float: left;
}
} .kicocoti_logo {
margin-bottom: 20px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.kicocoti_logo {
margin-bottom: 0;
}
}
.policy_area h3 {
font-family: 'hannari';
src: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/css/hannari.woff) format('woff');
font-size: 30px;
padding: 0 0 15px 0;
margin-bottom: 50px;
line-height: 37px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.policy_area h3 {
width: 95%;
font-size: 24px;
padding: 0 0 5px 0;
margin: 0 auto 30px;
}
}
.policy_h3 span {
display: block;
line-height: 37px;
letter-spacing: -2px;
}
.policy_h3_02 span {
display: block;
line-height: 37px;
letter-spacing: -2px;
}
.policy_h3_03 span {
display: block;
margin:auto;
}
.policy_area p {
color: #424242;
font-size: 15px;
line-height: 28px;
} .btn_area{
margin-top: 50px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.box01_area .btn_area {
float: none;
clear: both;
padding-top: 40px;
}
}
.box02_area .btn_area {
margin-bottom: 180px;
overflow: hidden;
clear: both;
padding-top: 90px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.box02_area .btn_area {
margin-bottom: 0;
padding-top:40px;
}
}
.btn_renovation_detail {
display:block;
color:#ffffff;
font-size:18px;
width:95%;
max-width:310px;
text-align:center;
text-decoration: none;
background:#000 url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/common/arrow_next.png) 92% 22px no-repeat;
background-size: 20px 20px;
padding: 20px 0 25px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.box01_area .btn_renovation_detail {
margin: 0 auto;
}
}
.box02_area .btn_renovation_detail {
float: right;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.box02_area .btn_renovation_detail {
margin: 0 auto;
float: none;
}
} .mansion .btn_renovation_detail {
background-color: #227642;
}
.mansion a span {
position: relative;
left: -15px;
} .policy .btn_renovation_detail {
background-color: #000 ;
}
.policy a span {
position: relative;
left: -15px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.policy a span {
left: 5px;
}
} .jstyle .btn_renovation_detail {
background-color: #765951 ;
}
.jstyle a span {
position: relative;
left: -15px;
}
.btn_renovation_detail:hover{
color:#fff;
background:#699443 url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/common/arrow_next.png) 92% 22px no-repeat;
background-size: 20px 20px;
}
@media screen and (min-width: 0px) and (max-width:480px) {
.btn_renovation_detail {
font-size: 14px;
background:#699443 url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/common/arrow_next.png) center 46px no-repeat;
background-size: 20px 20px;
padding: 20px 0 45px;
}
.btn_renovation_detail:hover{
background:#699443 url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/common/arrow_next.png) center 46px no-repeat;
background-size: 20px 20px;
}
}
@media screen and (min-width: 0px) and (max-width:767px) {
.btn_area{
margin-top: 40px;
}
.mansion a span {
position: static;
}
}
.box02_inner_right .btn_area {
overflow: hidden;
margin-bottom: 9%;
} @media screen and (min-width: 0px) and (max-width:400px) {
.lightbox {
padding-top: 40%;
}
} p.policy-missiontxt{
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-size:26px;
text-align:center;
letter-spacing:0.1em;
margin:0 auto 50px;
line-height:1.5;
}
p.policy-subttl{
font-family: 'hannari';
color: #699443;
font-size:18px;
letter-spacing:0.2em;
margin: 0 auto 10px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.policy-padding{
padding: 0 5%;
}
p.policy-missiontxt{
text-align:left;
margin:0 auto 40px;
}
p.policy-missiontxt br{
display:none;
}
}
@media screen and (min-width: 0px) and (max-width:480px) {
p.policy-missiontxt{
font-size:20px;
letter-spacing:normal;
margin:0 auto 20px;
}
p.policy-subttl{
font-size:16px;
letter-spacing:normal;
margin: 0 auto 5px;
}
}  .policy h3 {
color: #699443 ;
border-bottom: 2px solid #699443 ;
}
.policy_h3_02 {
text-align: right;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.policy_h3_02 {
text-align: left;
}
} .policy .box_top {
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/policy/policy01.jpg) no-repeat top center;
background-size: cover;
height: 560px;
margin: 70px auto;
position: relative;
}
.policy .box_top .box_top_inner {
width: 960px;
height: 560px;
margin: 0 auto;
position: relative;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.policy .box_top {
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/sp/policy/policy01.jpg) no-repeat center center;
background-size: 150%;
height: 0;
padding-bottom: 50%;
margin: 0 auto 50px;
}
.policy .box_top .box_top_inner {
width: 100%;
height: auto;
padding-top: 7%;
}
}
@media screen and (min-width: 0px) and (max-width:680px) {
.policy .box_top {
padding-bottom: 60%;
}
} .policy_h2 { position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.policy_h2 img{
max-width: 365px;
width:100%;
height: auto;
}
@media screen and (min-width: 0px) and (max-width:767px) { }
.box01_catch{
text-align: center;
margin-bottom: 7%;
} .policy .box01 {
max-width: 960px;
width: 100%;
margin: 0 auto;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.policy .box01 {
width: 92%;
}
.policy .box01 img {
width: 100%;
}
}
.policy .box01 .box01_inner_left {
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/renovation/policy/img01_bg.jpg) no-repeat top center;
height: 350px;
margin-bottom: 30px;
max-width: 1200px;
width: 100%;
}
.policy .box01 .box01_inner_left p { }
@media screen and (min-width: 0px) and (max-width:767px) {
.policy .box01 .box01_inner_left { }
}
@media screen and (min-width: 0px) and (max-width:520px) {
.policy .box01 .box01_inner_left {
padding-bottom: 100%;
}
}
@media screen and (min-width: 0px) and (max-width:400px) {
.policy .box01 .box01_inner_left {
padding-bottom: 120%;
}
}
@media screen and (min-width: 0px) and (max-width:350px) {
.policy .box01 .box01_inner_left {
padding-bottom: 130%;
}
}
@media screen and (min-width: 0px) and (max-width:335px) {
.policy .box01 .box01_inner_left {
padding-bottom: 150%;
}
}
.policy .box01 .box01_inner_right {
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/renovation/policy/img02_bg.jpg) no-repeat top center;
height: 265px;
max-width: 1250px;
width: 100%;
float: right;
padding-left: 20px;
}
.policy .box01 .box01_inner_right p {
position: relative;
top: 35px;
background: #fff;
width: 480px;
padding: 20px 0;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.policy .box01 .box01_inner_right {
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/renovation/policy/img02_bg.jpg) no-repeat 90% bottom;
background-size: 200%;
height: 0;
padding: 0 0 65% 0;
float: none;
}
.policy .box01 .box01_inner_right p {
float: none;
margin-right: auto;
position: static;
width: 100%;
margin: 30px auto 0;
padding: 0 0 10px 0;
}
}
@media screen and (min-width: 0px) and (max-width:520px) {
.policy .box01 .box01_inner_right {
padding-bottom: 80%;
}
}
@media screen and (min-width: 0px) and (max-width:450px) {
.policy .box01 .box01_inner_right {
padding-bottom: 110%;
}
}
@media screen and (min-width: 0px) and (max-width:350px) {
.policy .box01 .box01_inner_right {
padding-bottom: 130%;
}
} .policy .box02 {
width: 960px;
margin: 0 auto;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.policy .box02 {
width: 92%;
}
}
.policy .box02 .box02_inner ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
align-content: center;
width: 880px;
margin: 30px auto;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.policy .box02 .box02_inner ul {
width: 100%;
max-width: 530px;
margin: 30px auto;
justify-content: space-around;
}
}
.policy .box02 .box02_inner ul li {
width: 250px;
margin-bottom: 45px;
font-family: 'hannari';
src: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/css/hannari.woff) format('woff');
text-align: center;
}
.policy .box02 .box02_inner ul li img.arrow_blk {
margin-right: 10px;
}
.policy .box02 .box02_inner ul li a {
color: #000;
text-decoration: none;
}
.policy .box02 .box02_inner ul li a:hover {
opacity: 0.7;
}
.policy .box02 .box02_inner ul li a.zoom {
width: 250px;
height: 250px;
display: block;
overflow: hidden;
}
.policy .box02 .box02_inner ul li a.zoom img {
-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;
}
.policy .box02 .box02_inner ul li a.zoom img:hover {
-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;
}
.policy .box02 .box02_inner ul li p {
margin-top: 10px;
font-size: 18px;
white-space: nowrap;
text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
padding-bottom: 5px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.policy .box02 .box02_inner ul li {
width: 46%;
margin: 2% 2% 30px;
}
.policy .box02 .box02_inner ul li a.zoom {
width: 100%;
height: auto;
}
.policy .box02 .box02_inner ul li a.zoom img {
width: 100%;
}
.policy .box02 .box02_inner ul li p {
font-size: 16px;
}
}
@media screen and (min-width: 0px) and (max-width:400px) {
.policy .box02 .box02_inner ul li p {
font-size: 14px;
}
} .policy .box03 {
background-color: #eee;
padding: 70px 0;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.policy .box03 {
padding: 50px 2%;
}
}
.policyList_ttl {
text-align:center;
line-height: 36px;
margin-bottom: 20px;
margin-right: 4.5%;
}
.policyList_ttl_eng {
font-family: 'hannari';
src: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/css/hannari.woff) format('woff');
color: #424242;
font-size: 24px;
text-align:center;
}
.policyList_ttl_jp {
font-family: 'hannari';
src: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/css/hannari.woff) format('woff');
color: #424242;
font-size: 24px;
text-align:center;
}
.policyList{
background-color: #fff;
max-width:655px;
margin:0 auto;
width: 100%;
padding: 70px 2% 70px 4.5%;
}
@media all and (-ms-high-contrast:none){
.policyList{
padding: 70px 2% 70px 3.5%;
}
}
@media screen and (min-width: 0px) and (max-width:767px) {
.policyList{
padding: 20px 2% 20px 4.5%;
}
}
.policyList_li{
color: #424242;
font-size: 24px;
line-height: 45px;
vertical-align: middle;
}
.policyList_btn {
vertical-align: middle;
margin-right: 3.5%;
}
.policyList_txt {
font-family: 'hannari';
src: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/css/hannari.woff) format('woff');
} .policy .box04 {
width: 960px;
margin: 0 auto;
}
.policy .box04 p {
font-family: 'hannari';
src: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/css/hannari.woff) format('woff');
font-size: 20px;
font-weight: 400;
text-align: center;
line-height: 44px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.policy .box04 {
width: 90%;
margin: 50px auto;
}
.policy .box04 p {
text-align: left;
font-size: 16px;
line-height: 32px;
}
} @media screen and (min-width: 0px) and (max-width:767px) {
.policy .box_last {
padding: 0 5%;
}
}
.policy .box_last_inner {
max-width: 960px;
width: 100%;
margin: 10% auto 0;
text-align: center;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.policy .box_last_inner {
margin-top: 80px;
}
}
.box_last_txt {
font-family: 'hannari';
src: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/css/hannari.woff) format('woff');
font-size:24px;
letter-spacing:1px;
line-height: 37px;
margin-top: 60px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.box_last_txt {
margin-top: 30px;
}
}
@media screen and (min-width: 0px) and (max-width:480px) {
.box_last_txt {
font-size:18px;
}
}
.policy .box_last .box_last_inner h5 {
color: #312b25;
font-size: 16px;
font-weight: 700;
text-shadow: 0px 0px 7px #ffffff,0px 0px 7px #ffffff,0px 0px 7px #ffffff,0px 0px 7px #ffffff,0px 0px 7px #ffffff;
margin-top: 20px;
}
@media screen and (min-width: 0px) and (max-width:767px) { } } .box05 ul{
}
.material{
margin-top:30px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: stretch;
align-items: stretch;
}
.material li{
max-width:49%;
border:1px solid #ccc;
padding:30px 20px;
margin-bottom: 30px;
}
.material li img{
width:200px;
display:flex;
margin:auto;
}
.material li h4{
width:70%;
margin:20px auto;
border-top:1px solid #000;
border-bottom:1px solid #000;
padding:15px;
text-align:center;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-size: 18px;
font-weight: bold;
}
.material li p{
width:90%;
margin:auto;
}
.material li h4 span{
display: block;
font-size: 14px;  
font-family: "游ゴシック", "Yu Gothic", YuGothic,  "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
margin-top:5px;
}
@media screen and (max-width: 767px) {
.box05{
max-width:100%;
margin:0 auto;
}
.material{
display: block;
width:100%;
}
.policy_h3_03 span{
line-height:37px;
}
.box05_cap{
width:95%;
margin:auto;
}
.material li{
max-width:95%;
margin:30px auto;
padding:20px 10px;
}
.material li img{
width:60%;
}
.material li h4{
width:90%;
margin:20px auto;
border-top:1px solid #000;
border-bottom:1px solid #000;
padding:15px;
text-align:center;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-size: 18px;
font-weight: bold;
}
.material li p{
width:90%;
margin:auto;
}
.material li h4 span{
display: block;
font-size: 14px;  
font-family: "游ゴシック", "Yu Gothic", YuGothic,  "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
margin-top:5px;
}
}
.mate02{
margin-top:50px;
text-align: center;
}
.point li {
margin-bottom: 30px;  
}
.point h4{
font-weight: bold;
font-size: 20px;  
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
margin-bottom: 10px;  
}
.point p{
text-indent:  25px;
}
@media screen and (max-width: 767px) {
.mate02{
text-align: left;
}
.point h4{
line-height: 1.6; 
}
.point li {
margin-bottom: 30px; 
max-width:95%;
margin:auto;
}
.point p{
margin-left: 25px;
text-indent: 0;
margin-bottom: 20px;  
}
}
#concept_mate{
margin-top:-120px;
padding-top:120px;
} .box06_area{
margin-bottom:120px;
}
.box06-txt p:not(:last-child){
margin-bottom:2em;
}
@media screen and (min-width: 768px) {
.policy_h3_06{
text-align:center;
}
.box06_inner{
display:flex;
justify-content: space-between;
align-items:center;
}
.box06-img{
width:40%;
}
.box06-txt{
width:55%;
}
}
@media screen and (max-width: 767px) {
.box06_area{
margin-bottom:80px;
}
.box06_inner{
padding: 0 5%;
}
.box06-img img{
width:100%;
}
.box06-txt{
margin:40px auto 0;
}
}