@charset "UTF-8";
/* CSS Document */

.pc{display: block;}
.sp{display: none;}
.txt-ba{color:#8f8c63;}

@media screen and (max-width:640px) {
.pc{display: none;}
.sp{display: block;}
}
p{margin: 0;padding: 0;}

.txt-center{
text-align: center;
}
.txt-pc-center{
text-align: center;
}
.txt-sp-center{
text-align: left;
}
.txt-left{
text-align: left;
}
.txt-pc-left{
text-align: left;
}
.txt-right{
text-align: right;
}
.txt-pc-right{
text-align: right;
}

@media screen and (max-width:640px) {
.txt-pc-center{
text-align: left;
}
.txt-sp-center{
text-align: center;
}
.txt-pc-right{
text-align: center;
}

}
.w-100{width:100%;}
.w-80{width:80%;}
.w-75{width:75%;}
.w-66{width:66%;}
.w-60{width:60%;}
.w-50{width:50%;}
.w-40{width:40%;}
.w-33{width:33%;}
.w-20{width:20%;}


.mt-1{margin-top:2.5rem;}
.mt-2{margin-top:5rem;}
.mt-3{margin-top:7.5rem;}
.mt-4{margin-top:10rem;}
.mt-5{margin-top:12.5rem;}

.mb-1rem{margin-bottom:1rem;}
.mb-1{margin-bottom:2.5rem;}
.mb-2{margin-bottom:5rem;}
.mb-3{margin-bottom:7.5rem;}
.mb-4{margin-bottom:10rem;}
.mb-5{margin-bottom:12.5rem;}

.m-1{margin:2.5rem;}
.m-2{margin:5rem;}
.m-3{margin:7.5rem;}
.m-4{margin:10rem;}
.m-5{margin:12.5rem;}

.ml-0{margin-left:0;}
.mr-0{margin-right:0;}
.ml-10{margin-left:10%;}
.mr-10{margin-right:10%;}
.ml-10{margin-left:10%;}
.mr-10{margin-right:10%;}

.m-auto{margin:auto;}


.pt-1{padding-top: 2.5rem;}
.pt-2{padding-top: 5rem;}
.pt-3{padding-top: 7.5rem;}
.pt-4{padding-top: 10rem;}
.pt-5{padding-top: 12.5rem;}

.pb-1{padding-bottom: 2.5rem;}
.pb-2{padding-bottom: 5rem;}
.pb-3{padding-bottom: 7.5rem;}
.pb-4{padding-bottom: 10rem;}
.pb-5{padding-bottom: 12.5rem;}

.pl-10{padding-left:10% !important;}
.pr-10{padding-right:10% !important;}
.pl-0{padding-left:0 !important;}
.pr-0{padding-right:0 !important;}

.p-1{padding:2.5rem;}
.p-2{padding: 5rem;}
.p-3{padding: 7.5rem;}
.p-4{padding: 10rem;}
.p-5{padding: 12.5rem;}

.pl-md5{padding-left:5% !important;}
.pr-md5{padding-right:5% !important;}
.pl-md10{padding-left:10% !important;}
.pr-md10{padding-right:10% !important;}
@media screen and (max-width:640px) {
.pl-md10,.pl-md5{padding-left:0 !important;}
.pr-md10,.pr-md5{padding-right:0 !important;}
}
.pf_txt_sq{
border:1px solid #000;
padding: 0 0.4rem;
}

.pf_txt_sq2{
border:1px solid #FFF;
padding: 0 0.5rem;
background-color: #b64f63;
color:#FFF;
font-size: 2rem;
margin-right: 0.5rem;
}

.pf_bg_baj{
background-color:#f4f4f4;
}

section{
width:100%;
max-width:1200px;
/*padding-bottom: 3rem;*/
margin:0 auto;
font-family: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

/*-- container --*/

.pf_container1{
background-color:#f4f4f4;
font-family: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

.pf_container2{
background-color:#ffffff;
font-family: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "serif";
}


.pf_container3{
width:80%;
margin: 0 auto 4rem auto;
background-color:#f4f4f4;
clear:both;
font-family: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

.pf_navi{
max-width: 1200px !important;
}

@media screen and (max-width:640px) {
.pf_container1{
width:96%;
padding:0 2% 3rem;
margin: 0 auto 0 auto;
background-color:#f4f4f4;
font-family: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

.pf_container2{
width:96%;
margin: 0 auto 3em auto;
background-color:#ffffff;
font-family: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

.pf_container3{
width:96%;
margin: 0 auto 3em auto;
background-color:#ffffff;
clear:both;
font-family: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
}

.d-flex{
display:flex;
}

.clearfix::after {
content: "";
display: block;
clear: both;
}

hr.pf_hr{
height: 1px;
color:#373737;
width:100%;
margin:2em 0;

}
#contents{
padding:0;
}

img{
width:100%;
}

.pf_capr{
font-size:1.2rem;
text-align: right;
padding: 0.2rem 0;
}
.pf_capl{
font-size:1.2rem;
text-align: left;
padding: 0.2rem 0;
}
.pf_capc{
font-size:1.6rem;
text-align: center;
padding: 0.2rem 0;
}

#title .pf_head_title_mess{
clear: both;
display: block;
width:80%;
max-width:240px;
margin:2em auto;
}
#title .pf_head_title{
clear:both;
display: block;
width:90%;
max-width:470px;
margin:4em auto;
}



.pf_column1{
background-color:#ffffff;
font-family: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "serif";
/*padding:1rem;*/
}
.pf_column2{
background-color:#f4f4f4;
font-family: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "serif";
}


.pf_top{
width:100%;
/*max-width:1000px;*/
margin:auto;
padding-bottom: 5rem;
}

.pf_lead{
display: flex;
padding-top:40px;
}

a.pf_pro_btn1{
background-color: #8f8c63;
color:#FFFFFF;
display:block;
width:100%;
text-decoration: none;
padding: 1rem 0;
text-align: center;
margin-bottom: 1rem;
}

a.pf_pro_btn2{
background-color: #6e6965;
color:#FFFFFF;
display:block;
width:100%;
text-decoration: none;
padding: 1rem 0;
text-align: center;
margin-bottom: 1rem;
}

.pf_pro_btn1 .ar_r,
.pf_pro_btn2 .ar_r{
margin-left: 0;
}

.pf_pro_btn1 .ar_r::after,
.pf_pro_btn2 .ar_r::after{
content:url("/content/dam/31sumai/finecourt/special/nishiogikubo/img/nog_arrow_r.png");
margin-left: 0.8em;
}

.pf_lead1{
display: flex;
font-size:2rem;
line-height:4rem;
letter-spacing: 0.2rem;
font-family: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "serif";
margin:3rem;
}

.pf_pic1{
width:15%;
padding:2.5%;
}
.pf_lead1_cont{
width:85%;
padding:2.5%;
margin: auto;
font-size: 1.8rem;
}
.pf_cert{
margin:7rem 0;
padding:5rem;
}
.pf_cert-center{
display: inline-block;
float: left;
width:48%;
margin: 1%;
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

.pf_cert-l{
display: inline-block;
float: left;
width:23%;
margin: 1%;
}
.pf_cert-r{
display: inline-block;
float: right;
width:23%;
margin: 1%;
}
.pf_lead2{
font-size:1.6rem;
line-height: 4rem;
letter-spacing: 0.2rem;
font-family: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "serif";
margin-bottom:3rem;
}

.pf_nav{
width:100%;
}
@media screen and (max-width:640px) {
.pf_lead{
font-size: 1.8rem;
line-height: 4rem;
letter-spacing: 0;
font-family: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

.pf_lead1{
display: block;
font-size:1.8rem;
line-height: 4rem;
letter-spacing: 0;
font-family: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "serif";
margin-bottom:3rem;
}

.pf_pic1{
width:40%;
padding:5%;
margin: auto;
}
.pf_lead1_cont{
width:100%;
padding:0;
}
.pf_cert{
margin:4rem 0;
padding:3%;
}
.pf_cert-center{
width:98%;
}

.pf_cert-l{
display: none;
}
.pf_cert-r{
display: none;
}

.pf_lead2{
font-size:1.6rem;
line-height: 3.2rem;
letter-spacing: 0;
font-family: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "serif";
margin-bottom:3rem;
}
}


.pf_midline{
  display: flex;
  margin:0 0;
  align-items: center;
}
.pf_midline::before{
  content: "";
  display: inline-block;
  width: 60px;
  height: 1px;
  background-color: black;
  margin-right: 10px;
 }

.pf_inner{
width:80%;
margin: 0 auto 3em auto;
clear:both;
}

.pf_inner2{
width:80%;
max-width: 1000px;
margin: 0 auto 3em auto;
clear:both;
}

.pf_col7l{
display: inline-block;
width:60%;
float: left;
margin:3% 0;
}
.pf_col7r{
display: inline-block;
width:60%;
float: right;
margin:3% 0;
}
.pf_col6{
display: block;
width:50%;
float: left;
}
.pf_col5r{
display: inline-block;
width:40%;
float: right;
margin:3% 0;
}
.pf_col5l{
display: inline-block;
width:40%;
float: left;
margin:3% 0;
}

.pf_col_3-2{
width: calc( 91% / 3);
display:block;
float: left;
}

.pf_col_3-2:nth-child(3n-2){
padding: 0 3% 0 0;
}
.pf_col_3-2:nth-child(3n-1){
padding:0 1.5% 0 1.5%;
}
.pf_col_3-2:nth-child(3n){
padding:0 0 0 3%;
}
.pf_rcol h3{
width:90%;
/*border-bottom: 1px solid #373737;*/
padding: 1rem 0 1.6rem 10%;
font-size:2.2rem;
}

.pf_rcol_copy{
width: 90%;
padding: 3rem 0 8rem 10%;
margin: 0;
line-height: 4rem;
}


.pf_lcol h3{
width:90%;
/*border-bottom: 1px solid #373737;*/
padding: 1rem 10% 1.6rem 0;
font-size:2.2rem;
}

.pf_lcol_copy{
width: 90%;
padding: 3rem 10% 3rem 0;
margin: 0;
line-height: 4rem;
}

@media screen and (max-width:640px) {
.pf_top{
padding-bottom: 0;
}

.pf_inner{
width:94%;
max-width:640px;
margin:auto;
}
.pf_inner2{
width:94%;
max-width: 640px;
margin: auto;
clear:both;
}

.pf_col7l,.pf_col7r{
width:100%;
float: none;
margin:3% 0;
}
.pf_col6{
display: inline-block;
width:100%;
float: none;
margin:3% 0;
}
.pf_col5l,.pf_col5r{
width:100%;
float: none;
margin:3% 0;
}

.pf_rcol h3{
width:100%;
margin:0;
padding: 0.5rem 0 1.6rem 0;
font-size:1.8rem;
}

.pf_rcol_copy{
width: 100%;
font-size:1.5rem;
padding: 2rem 0 0 0;
margin: 0;
line-height: 2.6rem;
}


.pf_lcol h3{
width:100%;
margin:0;
padding: 0.5rem 0 1.6rem 0;
font-size:2rem;
}

.pf_lcol_copy{
width: 100%;
font-size:1.5rem;
padding: 2rem 0 0 0;
margin:0;
line-height: 2.6rem;
}
}


.more_btn a{
display: flex;
width: 45%;
float: right;
text-align: center;
font-size: 1.4rem;
text-decoration: none;
color: #ffffff;
background-color: #8f8c63;
align-items: center;
justify-content: end;
line-height: 1.6rem;
height: 5rem;
padding-right: 8%;
}


.more_btn .ar_r::after,
.more_btn2 .ar_r::after{
content:url("/content/dam/31sumai/finecourt/special/nishiogikubo/img/nog_arrow_r.png");
margin-left: 0.8em;
}

.pf_center{
justify-content: center;
}


@media screen and (max-width:640px) {
.pf_col_3-2{
width: 96%;
margin: auto;
display:block;
}

.pf_col_3-2:nth-child(3n-2){
padding: 0 2% 3rem 2%;
}
.pf_col_3-2:nth-child(3n-1){
padding: 0 2% 3rem 2%;
}
.pf_col_3-2:nth-child(3n){
padding: 0 2% 3rem 2%;
}
}

.pf_img_box{
display: block;
float: left;
width: 48%;
margin-right: 4%;
}
.pf_img_box:last-child{
margin-right: 0;
}

.pf_note{
font-size:1.4rem;
width:100%;
margin-top:4em;
}
.pf_note1{
font-size:1.4rem;
margin:auto;
}
.pf_note2{
font-size:1.2rem;
margin:auto
}

@media screen and (max-width:640px) {
.pf_note{
font-size:1.2rem;
}
.pf_note1{
font-size:1.2rem;
}
.pf_note2{
font-size:1.1rem;
}
}

.bw-r{
background-color: #000000;
color:#FFFFFF;
padding:0 0.2em;
}

@media screen and (max-width:640px) {

.pf_nav{
display: block;
}
.pf_nav a{
display: flex;
width: 97%;
margin:1.5%;
text-align: center;
font-size:1.4rem;
border-bottom: 1px solid #8f8c63;
text-decoration: none;
color:#8f8c63;
align-items: center;
justify-content: center;
line-height: 1.6rem;
height:5rem;
float: left;
}

a.pf_pro_btn1{
background-color: #8f8c63;
color:#FFFFFF;
}

a.pf_pro_btn2{
background-color: #6e6965;
color:#FFFFFF;
}

.pf_midline{
display: block;
}
.pf_midline::before{
  content: "";
  display: none;
  width: 0;
  height: 0;
  background-color:none;
  margin-right: 0;
 }


.more_btn a{
display: flex;
width: 70%;
float: right;
text-align: center;
font-size: 1.4rem;
text-decoration: none;
color: #ffffff;
background-color: #8f8c63;
align-items: center;
justify-content: end;
line-height: 1.6rem;
height: 5rem;
padding-right: 8%;
}


.pf_img_box, .pf_img_box:last-child{
display: block;
float: none;
width:85%;
margin: 0 auto 2em auto;
}

.map_area{
width:100%;
max-width:640px;
}
.pf_note{
width:90%;
margin:4em auto;
}
}