@charset "utf-8";

/*========================

sp.css

========================*/
@media screen and (max-width:768px) {

.sp { display:flex; }
.pc { display:none; }

body {
font-size: 1.6rem;
}

/*---------------------------------------------
header
---------------------------------------------*/
#header #header_cont {
display:none;
}

#sp_menu {
position:relative;
z-index:20;
}

.menu_trigger,
.menu_trigger span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
cursor :pointer;
}
.menu_trigger {
position: fixed;
top: 0;
right: 0;
width: 100px;
height: 100px;
z-index: 10;
}
.menu_trigger span {
position: absolute;
background-color: var(--gray);
width: 25px;
height: 3px;
left: 0;
right: 0;
margin: auto;
border-radius: 10px;
}
.menu_trigger span:nth-of-type(1) {
top:40px;
}
.menu_trigger span:nth-of-type(2) {
top:0;
bottom:0;
}
.menu_trigger span:nth-of-type(3) {
bottom:40px;
}
.menu_trigger.active span {
background-color: var(--gray);
}
.menu_trigger.active span:nth-of-type(1) {
-webkit-transform: translateY(9px) rotate(-45deg);
transform: translateY(9px) rotate(-45deg);
}
.menu_trigger.active span:nth-of-type(2) {
opacity:0;
}
.menu_trigger.active span:nth-of-type(3) {
-webkit-transform: translateY(-8px) rotate(45deg);
transform: translateY(-8px) rotate(45deg);
}

/*---------------------------------------------
main
---------------------------------------------*/
#main {
overflow:hidden;
}

/*---------------------------------------------
main_visual
---------------------------------------------*/
#main_visual {
z-index:1;
}
#main_visual #main_visual_left {
background-color:transparent;
height:100px;
padding:20px 100px 20px 5vw;
width:100%;
}
body.fixed #main_visual #main_visual_left {
background-color:var(--beige);
border-radius:0;
position:fixed;
top:0;
z-index:21;
}
#main_visual #main_visual_left h1 img {
max-width:130px;
}
#main_visual #main_visual_left h2 {
top:130px;
left:0;
width:75vw;
}
#main_visual #main_visual_left h3 {
display:none;
}
#main_visual #main_visual_right {
height:90vw;
width:90vw;
}
#main_visual_slide {
width:90vw;
}
#main_visual_slide ol li img {
height:90vw;
}
#thumbnail #number {
flex-direction:column;
max-width:50px;
}
#thumbnail #number li {
float:none;
padding:20px 20px;
min-width:50px;
}
#thumbnail #number li:after { 
margin-left:-16px;
width:32px;
}
#thumbnail #number .slick-track {
transform:none !important;
}

/*---------------------------------------------
lead(sp)
---------------------------------------------*/
#lead  {
padding:0 5vw 30px;
}
#lead h2 {
flex:0 0 100%;
font-size:1.6rem;
line-height:2.0;
}

/*---------------------------------------------
sp_nav
---------------------------------------------*/
#nav {
display:none;
opacity:0;
animation-name: fadein;
animation-duration: 0.2s;
animation-timing-function: ease-out;
animation-fill-mode: forwards;
}

@keyframes fadein {
  0% {
     opacity: 0;
  }
  100% {
     opacity: 1;
  }
}
#nav:after {
content:none;
}
#nav.active {
background-color:var(--beige);
display:flex;
flex-direction:column;
position:fixed;
height:calc(100% - 100px);
margin-top:100px;
justify-content:start;
width:100%;
left:0;
opacity:1;
top:0;
z-index:20;
overflow-y:scroll;
}
#nav ol {
background-color:var(--white);
position:relative;
flex-direction:column;
justify-content:start;
flex:0 1 auto;
left:0;
max-width:100%;
padding:0;
top:0;
width:100%;
z-index:10;
}
#nav ol li {
flex:0 0 auto;
}
#nav ol li:after {
height:1px;
margin:0;
top:auto;
bottom:0;
width:100%;
}
#nav ol li:last-child:before {
content:none;
}
#nav ol li a:hover:after {
background-color:var(--light_gray);
content:none;
height:1px;
margin:0;
top:auto;
bottom:0;
width:100%;
}
#nav ol li a {
justify-content:start;
}
#nav ol li a:before {
content:"\f054";
right: 20px;
top: 50%;
bottom:auto;
}
#nav ol li a br {
display:none;
}
#nav #nav_bottom {
display:flex;
flex-direction:column;
justify-content:center;
padding:10vw 10vw 15vw;
}
#nav #nav_bottom ul {
display:flex;
justify-content:center;
flex-direction:column;
row-gap:30px;
text-align:center;
}
#nav #nav_bottom ul li {
display:flex;
justify-content:center;
text-align:center;
}
#nav #nav_bottom ul li .btn a {
font-size:1.4rem;
justify-content:center;
text-align:center;
min-width:300px;
}
#nav #nav_bottom ul li dl dt {
font-size:1.3rem;
font-weight:600;
}
#nav #nav_bottom ul li dl dd {
}
#nav #nav_bottom ul li dl dd .tel {
margin-top:5px;
}
#nav #nav_bottom ul li dl dd .tel a {
display:flex;
justify-content:center;
}
#nav #nav_bottom ul li dl dd .tel a img {
height:40px;
width:auto;
}
#nav #nav_bottom .logo {
display:flex;
justify-content:center;
margin-top:30px;
}
#nav #nav_bottom .address {
margin-top:20px;
}
#nav #nav_bottom .address dt {
font-size:1.3rem;
line-height:1.6;
text-align:center;
}
#nav #nav_bottom .address dd {
font-size:1.3rem;
line-height:1.6;
text-align:center;
}
#nav #nav_bottom .copyright {
color:var(--light_middle_gray);
font-size:1.1rem;
line-height:1.6;
text-align:center;
margin-top:50px;
}

/*---------------------------------------------
.section_cont（common）
---------------------------------------------*/
.section h1.title {
background-color:var(--white);
padding:80px 5vw;
}

.section h1.title span {
font-size:2.2rem;
}
.section_title .section_title_wrap {
background-color:var(--beige);
max-width:100%;
padding:20px 5vw 5vw;
}
.section_title_cont {
flex:0 1 100%;
}
.section_title .pic {
height:350px;
width:100%;
}
.section_title .pic img:first-child {
height:350px;
}
.section_title.right {
display:flex;
flex-wrap:wrap;
padding:0;
}
.section_title .section_title_wrap .section_title_cont {
background-color:transparent;
margin-top:-13vw;
margin-left:0;
padding:0;
}
.section_title .section_title_wrap .section_title_cont dl {
background-color:var(--white);
flex:0 1 100%;
justify-content:center;
padding:50px 0 0;
width:100%;
}
.section_title .section_title_wrap .section_title_cont dl dt {
display:flex;
font-size:1.9rem;
justify-content:center;
}
.section_title .section_title_wrap .section_title_cont dl dd {
}
.section_title.left {
padding:0;
}
.section_title_cont h5 {
background-color:var(--white);
justify-content:center;
font-size:1.6rem;
margin-top:0;
padding:30px 0 50px;
text-align:center;
}
.section_title_cont h5 span {
text-align:center;
}
.section_title_cont h6 {
font-size:1.4rem;
}

/*---------------------------------------------
character
---------------------------------------------*/
#character {
padding:0;
}
#character h2.title {
background-color:var(--white);
font-size:2.6rem;
padding:80px 5vw;
}
#character .section_title .pic img:nth-child(2) {
max-width:25vw;
left:5vw;
top:-12vw;
z-index:3;
}
#character .section_cont {
flex-wrap:wrap;
padding:0;
}
#character .section_cont > ul {
row-gap:0;
flex:0 0 100%;
order:2;
padding:0;
}
#character .section_cont > ul > li {
border-top-color:var(--light_gray);
border-top-width:1px;
border-top-style:solid;
}
#character .section_cont > ul > li .pic {
display:flex;
flex:0 0 100%;
justify-content:center;
margin:0 auto;
padding:30px 0;
}
#character .section_cont h5 {
background-color:var(--white);
color: var(--gray);
display: flex;
flex:0 0 100%;
justify-content: center;
font-size: 2.6rem;
font-weight: 600;
order:2;
padding: 0 5vw 80px;
position: relative;
text-align: center;
}
#character .section_cont h5 span {
display: inline-block;
padding: 0 0 20px;
position: relative;
}
#character .section_cont h5 span:before {
content: " ";
width: 100%;
height: 2px;
background-color: var(--middle_beige);
display: block;
position: absolute;
left: 0;
bottom: -6px;
}
#character .section_cont h5 span:after {
content: " ";
width: 80px;
height: 2px;
background-color: var(--brown);
display: block;
position: absolute;
left: 0;
bottom: -6px;
}
#character .section_cont > ul > li dl {
flex:0 0 100%;
max-width:100%;
padding:0;
}
#character .section_cont > ul > li dl dt {
display:none;
}
#character .section_cont dl dd {
font-size:1.6rem;
margin-top:0;
padding:0 5vw 50px;
}
#character .section_cont .left_image {
flex:0 0 100%;
order:4;
}
#character .section_cont .left_image ul {
flex-direction:unset;
}
#character .section_cont .right_image {
flex:0 0 100%;
order:5;
}
#character .section_cont .right_image ul {
flex-direction:unset;
}
#character .section_cont h5 {
padding:80px 5vw;
}
#character .section_cont .menu {
flex:0 0 100%;
padding:0 5vw 30px 5vw;
}
#character .section_cont .menu ul {
background-color:var(--white);
border-right-color:var(--light_gray);
border-right-width:1px;
border-right-style:solid;
border-bottom-color:var(--light_gray);
border-bottom-width:1px;
border-bottom-style:solid;
border-left-color:var(--light_gray);
border-left-width:1px;
border-left-style:solid;
border-radius:6px;
flex:0 0 100%;
}
#character .section_cont .menu ul li {
border-top-color:var(--light_gray);
border-top-width:1px;
border-top-style:solid;
}
#character .section_cont .menu ul li:first-child {
border-radius:6px 6px 0 0;
}
#character .section_cont .menu ul li a {
display:flex;
flex:0 0 100%;
justify-content:space-between;
padding:25px;
}
#character .section_cont .menu ul li a span {
font-size:1.4rem;
}
#character .section_cont .menu ul li a i {
color:var(--light_gray);
font-size:1.2rem;
font-weight:600;
}

/*---------------------------------------------
best_agent
---------------------------------------------*/
#best_agent {
padding:0 0 50px;
}
#best_agent.lazyloaded:before {
background-size:cover;
height:63px;
width:144px;
top:170px;
left:5vw;
z-index:3;
}
#best_agent.lazyloaded:after {
background-size:cover;
height: 20vw;
width: 20vw;
top: 240px;
right: -2vw;
}
#best_agent > h2.title {
background-color:var(--white);
font-size:2.6rem;
z-index:1;
padding:80px 0;
}
#best_agent #best_agent_cont {
padding:0 5vw;
}
#best_agent #best_agent_cont.lazyloaded:before {
background-size:contain;
right:5vw;
height:124px;
width:80px;
z-index:3;
}
#best_agent #best_agent_cont #best_agent_lead {
}
#best_agent #best_agent_cont #best_agent_lead h2 {
font-size:2.0rem;
padding:130px 0 0;
}
#best_agent #best_agent_cont #best_agent_lead dl {
margin-top:0;
}
#best_agent #best_agent_cont #best_agent_lead dl dd {
font-size:1.3rem;
margin-top:0;
padding:20px 20px 0 20px;
}
#best_agent #best_agent_cont #best_agent_lead dl dd br {
display:none;
}
#best_agent #best_agent_cont #best_agent_detail {
padding:20px 20px 50px;
}
#best_agent #best_agent_cont #best_agent_detail > ul {
column-gap:0;
row-gap:30px;
flex-wrap:wrap;
}
#best_agent #best_agent_cont #best_agent_detail > ul > li {
flex:0 0 100%;
}
#best_agent #best_agent_cont #best_agent_detail > ul li h3 {
font-size:1.6rem;
}
#best_agent #best_agent_cont #best_agent_detail > ul li h4 {
font-size:2.0rem;
}
#best_agent #best_agent_cont #best_agent_detail > ul li .pic img {
max-width:280px;
}
#best_agent #best_agent_cont .note {
font-size:1.3rem;
}

/*---------------------------------------------
architects_builders
---------------------------------------------*/
#architects_builders {
padding:0;
}
#architects_builders .section_cont {
border-top-color:var(--light_gray);
border-top-width:1px;
border-top-style:solid;
padding:30px 0 0;
}
#architects_builders .section_cont h5 {
font-size:1.6rem;
padding:0 5vw;
}
#architects_builders .section_cont h5 br {
display:none;
}
#architects_builders .section_cont #architects_builders_detail {
margin:0;
padding:20px 20px;
}
#architects_builders .section_cont #architects_builders_detail > img {
display:none;
}
#architects_builders .section_cont #architects_builders_detail > ul {
background-color:transparent;
column-gap:0;
flex-wrap:wrap;
padding:0;
row-gap:20px;
max-width:100%;
}
#architects_builders .section_cont #architects_builders_detail > ul > li {
background-color:var(--white);
flex:0 0 100%;
padding:50px 20px;
}
#architects_builders .section_cont #architects_builders_detail > ul > li > dl {
height:auto;
}
#architects_builders .section_cont #architects_builders_detail > ul > li > dl > dt img {
height:160px;
margin-left:-20px;
}
#architects_builders .section_cont #architects_builders_detail > ul > li > dl dd ul {
row-gap:10px;
flex:0 0 100%;
}
#architects_builders .section_cont #architects_builders_detail > ul > li > dl dd ul li {
flex:1 1 80px;
text-align:center;
}
#architects_builders .section_cont #architects_builders_detail > ul > li .professional dl {
margin-top:0;
}

#architects_builders .section_cont #architects_builders_detail > ul > li .professional dl dt img {
height:50px;
}

.works {
background-color: var(--beige);
flex-wrap:wrap;
padding:0;
}
.works:before {
width:100%;
}
.works .works_title {
flex:0 0 100%;
justify-content:center;
padding:30px 5vw 60px;
}
.works .works_title > div {
display:flex;
flex:0 0 100%;
flex-wrap:wrap;
justify-content:center;
text-align:center;
}
.works .works_title div span {
font-size:1.1rem;
margin-bottom:30px;
text-align:center;
}
.works .works_title .btn {
flex:0 0 100%;
}
.works .works_title .btn a {
font-size:1.5rem;
min-width:300px;
}
.works .works_title .icon {
margin-right:0;
padding-left:0;
}
.works .works_detail {
flex:0 0 100%;
padding:0;
}
.works .works_detail ul {
padding:30px 20px 20px;
position:relative;
}
.works .works_detail ul li {
margin-right:20px;
}
.works .works_detail ul li dl dt {
height:230px;
}
.works .works_detail ul li dl dt img {
height:230px;
}
.works .works_detail ul li dl dd div:first-child {
font-weight:400;
flex:2;
}
.works .works_detail ul li dl dd div:first-child span:first-child {
font-size:1.2rem;
font-weight:400;
}
.works .works_detail ul li dl dd div:nth-child(2) .btn a {
font-size:1.3rem;
min-width:0;
}
.works#builders_work {
margin:0;
padding:20px 0 0;
}
.scroll_nav {
top:0;
right:5vw;
bottom:auto;
left:auto;
}

/*---------------------------------------------
#planning
---------------------------------------------*/
#planning {
padding:80px 0 0;
}
#planning .section_title .pic img:nth-child(2) {
max-width: 20vw;
left: 5vw;
top: -5vw;
}
#planning .section_title .pic span {
display:none;
}
#planning .section_cont {
margin:0;
padding:0 20px 20px;
}

#simulator_plan ul {
flex-wrap:wrap;
}
#simulator_plan ul li {
flex:0 0 100%;
margin-top:20px;
overflow:hidden;
}
#simulator_plan ul li:first-child {
margin-top:0;
}
#simulator_plan ul li > dl {
background-color:var(--white);
position:relative;
}
#simulator_plan ul li > dl:before {
color:var(--white);
text-align:center;
padding:5px 0 0;
position:relative;
z-index:2;
}
#simulator_plan ul li:first-child dl:before {
content:"1";
}
#simulator_plan ul li:nth-child(2) dl:before {
content:"2";
}
#simulator_plan ul li:nth-child(3) dl:before {
content:"3";
}
#simulator_plan ul li > dl:after {
background-color:var(--brown);
border-radius:50%;
content:" ";
width:6rem;
height:6rem;
left:50%;
margin-left:-3rem;
top:-3rem;
position:absolute;
z-index:1;
}

#simulator_plan ul li > dl > dt {
font-size:1.8rem;
padding-top:30px;
}
#simulator_plan ul li > dl > dd {
margin-top:0;
padding:0
}
#simulator_plan ul li dl dd .simulator_plan_detail {
border-width:0;
margin:0;
padding:20px 20px 50px;
}
#simulator_plan ul li dl dd .simulator_plan_detail .title_area {
margin-top:25px;
order:2;
}
#simulator_plan ul li dl dd .simulator_plan_detail .title_area h2 {
font-size:1.4rem;
text-align:center;
}
#simulator_plan ul li dl dd .simulator_plan_detail .title_area h3 {
font-size:2.2rem;
text-align:center;
}
#simulator_plan ul li dl dd .simulator_plan_detail > p {
order:3;
}
#simulator_plan ul li dl dd .btn_area {
flex-wrap:wrap;
order:5;
}
#simulator_plan ul li dl dd .btn_area .btn {
flex:0 0 100%;
margin:0;
}
#simulator_plan ul li dl dd .btn_area .btn a {
font-size:1.5rem;
max-width:300px;
margin:0 auto;
}
#planning .section_cont ul li .pic {
flex:0 1 100%;
margin-top:0;
order:1;
text-align:center;
}
#planning .section_cont ul li .caution {
align-items:center;
align-content:center;
border-color:var(--light_gray);
border-width:1px;
border-style:solid;
border-radius:3px;
display:flex;
justify-content:start;
order:4;
margin-top:15px;
padding:15px;
}
#planning .section_cont ul li .caution img {
height:18px;
width:20px;
}
#planning .section_cont ul li .caution span {
font-size:1.3rem;
line-height:1.8;
padding-left:15px;
}
#builders_3d_plan {
overflow:hidden;
}
#builders_3d_plan > dl {
background-color:var(--white);
position:relative;
}
#builders_3d_plan > dl:before {
content:"3";
color:var(--white);
text-align:center;
padding:5px 0 0;
position:relative;
z-index:2;
}
#builders_3d_plan > dl:after {
background-color:var(--brown);
border-radius:50%;
content:" ";
width:6rem;
height:6rem;
left:50%;
margin-left:-3rem;
top:-3rem;
position:absolute;
z-index:1;
}
#builders_3d_plan > dl > dt {
font-size:1.8rem;
padding-top:30px;
}
#builders_3d_plan > dl > dd {
margin-top:0;
padding:0;
}
#builders_3d_plan > dl > dd .simulator_plan_detail {
border-width:0;
display:flex;
flex-wrap:wrap;
margin:0;
padding:20px 20px 50px;
}
#builders_3d_plan dl dd .simulator_plan_detail #builders_3d_plan_left {
flex:0 0 100%;
}
#builders_3d_plan dl dd .simulator_plan_detail #builders_3d_plan_left {
order:2;
}
#builders_3d_plan dl dd .simulator_plan_detail #builders_3d_plan_left .title_area {
flex:0 0 100%;
margin-top:20px;
}
#builders_3d_plan dl dd .simulator_plan_detail #builders_3d_plan_left .title_area h2 {
font-size: 1.4rem;
text-align: center;
}
#builders_3d_plan dl dd .simulator_plan_detail #builders_3d_plan_left .title_area h3 {
font-size: 2.2rem;
text-align: center;
}
#builders_3d_plan dl dd .simulator_plan_detail #builders_3d_plan_left .icon {
display:flex;
flex:0 0 100%;
justify-content:center;
margin:15px 0 0;
}
#builders_3d_plan dl dd .simulator_plan_detail #builders_3d_plan_left p {
font-size:1.4rem;
margin-top:20px;
}
#builders_3d_plan dl dd .simulator_plan_detail #builders_3d_plan_left p br {
display:none;
}
#builders_3d_plan dl dd .simulator_plan_detail #builders_3d_plan_left .btn_area {
flex:0 0 100%;
justify-content:center;
}
#builders_3d_plan dl dd .simulator_plan_detail #builders_3d_plan_left .btn_area .btn {
margin-right:0;
}
#builders_3d_plan dl dd .simulator_plan_detail #builders_3d_plan_left .btn_area .btn a {
font-size:1.5rem;
}
#builders_3d_plan dl dd .simulator_plan_detail #builders_3d_plan_right {
border:1px solid #ccc;
display:flex;
flex:0 1 100%;
justify-content:center;
flex-wrap:wrap;
margin-top:0;
margin-left:0;
order:1;
}
#builders_3d_plan dl dd .simulator_plan_detail #builders_3d_plan_right .cont dl {
flex:0 1 40%;
padding:10px;
}
#builders_3d_plan dl dd .simulator_plan_detail #builders_3d_plan_right .image {

}

/*---------------------------------------------
#forestyle_member
---------------------------------------------*/
#forestyle_member {
flex-wrap:wrap;
padding:0;
}
#forestyle_member .section_title .pic {
position:relative;
}
#forestyle_member .section_title .pic img:nth-child(2) {
max-width:170px;
left:5vw;
margin-top:0;
top:5vw;
}
#forestyle_member .section_title .pic span {
display:none;
}
#forestyle_member .section_cont {
margin:0;
padding:0;
}
#forestyle_member .section_cont p.lead {
background-color:var(--white);
display:none;
font-size:1.4rem;
font-weight:normal;
padding:20px;
text-align:left;
order:2;
}
#forestyle_member .section_cont p.lead br {
display:none;
}
#forestyle_member #member {
background-color:transparent;
background-size:30vw auto;
flex-wrap:wrap;
flex-direction:unset;
margin-top:0;
padding:0 20px 100px;
order:1;
}
#forestyle_member #member #member_cont {
background-color:var(--white);
flex:0 0 100%;
padding:20px 0 0;
}
#forestyle_member #member #member_cont h2 {
font-size:1.8rem;
}
#forestyle_member #member #member_cont .btn {
flex:0 0 100%;
padding:0 5vw;
width:100%;
}
#forestyle_member #member #member_cont .btn a {
justify-content:center;
padding:30px 20px;
}
#forestyle_member #member #member_cont .link {
margin-top:30px;
padding:0 5vw 30px;
width:100%;
}
#forestyle_member #member #member_cont .link label {
background-color:var(--white);
border-color:var(--light_gray);
border-style:solid;
border-width:1px;
border-radius:50px;
display:flex;
font-size:1.6rem;
justify-content:center;
padding:30px 50px;
position:relative;
}
#forestyle_member #member #member_cont .link label:hover {
text-decoration:none;
}
#forestyle_member #member #member_cont .link label:after {
content:"\f054";
color:var(--light_gray);
font-family:var(--icon);
font-weight:600;
right:13px;
top:50%;
margin-top:-5px;
position:absolute;
font-size:1.0rem;;
z-index:3; 
}
#forestyle_member #member #member_cont .link label {
padding:30px 20px;
}
#forestyle_member #member #member_cont .link label span {
color:var(--gray);
}
#forestyle_member #member #member_cont .link label i {
display:none;
}


#forestyle_member #member .logo_mark {
display:flex;
flex:0 0 100%;
justify-content:center;
padding:30px 0 0;
}
#forestyle_member #member .logo_mark {
background-color:var(--white);
}
#forestyle_member #member .logo_mark img {
height:auto;
width:80px;
}

/*--- member_plus ---*/
#forestyle_member #member_plus {
border-top-color:var(--light_gray);
border-top-width:1px;
border-top-style:solid;
margin:0;
order:4;
padding:0;
}
#forestyle_member #member_plus h1 {
font-size:1.8rem;
overflow:hidden;
}
#forestyle_member #member_plus h1:after {
}
#forestyle_member #member_plus #member_plus_cont {
background-color:transparent;
margin-top:0;
padding:0;
flex-wrap:wrap;
flex-direction:unset;
position:relative;
}
#forestyle_member #member_plus #member_plus_cont:after {
background-image:url(../../img/i_member_plus.png);
background-repeat:no-repeat;
background-size:contain;
content:" ";
position:absolute;
top:35px;
right:50%;
margin-right:-100px;
height:43px;
width:59px;
z-index:2;
}
#forestyle_member #member_plus #member_plus_cont #member_plus_head {
background-color: var(--white);
flex-direction:column;
flex:0 0 100%;
padding:50px 0 30px;
width:100%;
}
#forestyle_member #member_plus #member_plus_cont #member_plus_head .logo_mark img {
max-width:80px;
}
#forestyle_member #member_plus #member_plus_cont #member_plus_head .member_plus_title {
width:100%;
}
#forestyle_member #member_plus #member_plus_cont #member_plus_head .member_plus_title h2 {
flex:0 0 100%;
margin:20px 0 0;
}
#forestyle_member #member_plus #member_plus_cont #member_plus_head .member_plus_title h2 span {
font-size:1.8rem;
line-height:1.6;
text-align:center;
}
#forestyle_member #member_plus #member_plus_cont #member_plus_head .member_plus_title h2 sup {
font-size:1rem;
right:1rem;
display:none;
}
#forestyle_member #member_plus #member_plus_cont #member_plus_head .member_plus_title h2:after {
content:none;
}
#forestyle_member #member_plus #member_plus_cont #member_plus_head .member_plus_title p {
font-size:1.4rem;
margin-top:0;
padding:30px 0 0;
}
#forestyle_member #member_plus #member_plus_cont #member_plus_head .logo_mark {
max-width:80px;
}
#forestyle_member #member_plus #member_plus_cont #member_plus_head > div:last-child {
display:none;
}
#forestyle_member #member_plus #member_plus_cont > ul {
background-color:var(--green);
flex-wrap:wrap;
margin-top:0;
row-gap:25px;
padding:25px;
}
#forestyle_member #member_plus #member_plus_cont ul li {
background-color:var(--white);
border:none;
}
#forestyle_member #member_plus #member_plus_cont ul li dl {
flex-wrap:nowrap;
}
#forestyle_member #member_plus #member_plus_cont ul li dl dt {
background-color:var(--white);
}
#forestyle_member #member_plus #member_plus_cont ul li dl dd {
color:var(--gray);
}
#forestyle_member #member_plus #member_plus_cont .note {
background-color:var(--white);
color:var(--gray);
margin-top:0;
padding:20px 20px;
}
#forestyle_member #member_plus #member_plus_cont .link_area {
flex:0 0 100%;
margin-top:0;
width:100%;
}
#forestyle_member #member_plus #member_plus_cont .link_area {
padding:20px;
}
#forestyle_member #member_plus #member_plus_cont .link_area ul {
background-color:var(--white);
border-right-color:var(--light_gray);
border-right-width:1px;
border-right-style:solid;
border-bottom-color:var(--light_gray);
border-bottom-width:1px;
border-bottom-style:solid;
border-left-color:var(--light_gray);
border-left-width:1px;
border-left-style:solid;
border-radius:6px;
flex-wrap:wrap;
row-gap:0;
margin-top:0;
padding:0;
width:100%;
}
#forestyle_member #member_plus #member_plus_cont .link_area ul li {
border-top-color:var(--light_gray);
border-top-width:1px;
border-top-style:solid;
flex:0 0 100%;
}
#forestyle_member #member_plus #member_plus_cont  .link_area ul li label {
align-items:center;
align-content:center;
color:var(--gray);
display:flex;
justify-content:space-between;
padding:30px 20px;
}
#forestyle_member #member_plus #member_plus_cont .link_area ul li label:hover {
text-decoration:none;
}
#forestyle_member #member_plus #member_plus_cont .link_area ul li label span {
font-size:1.3rem;
}
#forestyle_member #member_plus #member_plus_cont .link_area ul li label i {
font-size:1rem;
}
#forestyle_member #member_plus #member_plus_cont .link_area ul li:first-child,
#forestyle_member #member_plus #member_plus_cont .link_area ul li:first-child label {
border-radius:6px 6px 0 0;
}
#forestyle_member #member_plus #member_plus_cont .link_area ul li:last-child,
#forestyle_member #member_plus #member_plus_cont .link_area ul li:last-child label {
border-radius:0 0 6px 6px;
}

/*--- member_prize ---*/
#member_prize {
background-color:var(--white);
margin-top:0;
padding:0;
order:3;
}
#member_prize h2.title {
font-size:2.6rem;
padding: 80px 5vw 30px;
}
#member_prize > p {
font-size:1.3rem;
padding:20px;
}
#member_prize #member_prize_cont {
margin-top:0;
padding:0 20px 20px;
}
#member_prize #member_prize_cont ul {
grid-column-gap:0;
grid-row-gap: 20px;
margin-top:0;
}
#member_prize #member_prize_cont ul li {
border-color:var(--light_gray);
border-width:1px;
border-style:solid;
padding:20px;
}
#member_prize #member_prize_cont ul li#mypage {
background-color:var(--white);
min-height:0;
padding:30px 20px 30px 50px;
grid-area:auto / auto / auto / auto;
}
#member_prize #member_prize_cont ul li#point {
background-color:var(--white);
min-height:0;
padding:30px 20px 30px 50px;
grid-area:auto / auto / auto / auto;
}
#member_prize #member_prize_cont ul li#point .detail .pic {
display:block;
flex:0 0 30%;
}
#member_prize #member_prize_cont ul li#wood {
background-color:var(--white);
min-height:0;
padding:30px 20px 30px 50px;
grid-area:auto / auto / auto / auto;
}
#member_prize #member_prize_cont ul li#tour {
background-color:var(--white);
min-height:0;
padding:30px 20px 30px 50px;
grid-area:auto / auto / auto / auto;
}
#member_prize #member_prize_cont ul li#tour .detail .pic {
display:block;
}
#member_prize #member_prize_cont ul li#simulator {
background-color:var(--white);
min-height:0;
padding:30px 20px 30px 50px;
grid-area:auto / auto / auto / auto;
}
#member_prize #member_prize_cont ul li#simulator .detail .pic {
display:block;
}
#member_prize #member_prize_cont ul li > div label:after {
background-color:var(--green);
}
#member_prize #member_prize_cont ul li label span {
color:var(--white);
font-size:1rem;
}
#member_prize #member_prize_cont ul li .detail {
display:flex;
flex:1 0 50%;
justify-content:start;
}
#member_prize #member_prize_cont ul li .detail .cont {
align-items:center;
align-content:center;
display:flex;
flex-direction:unset;
justify-content:start;
padding-left:30px;
order:2;
}
#member_prize #member_prize_cont ul li .detail .cont .head {
flex:0 0 100%;
}
#member_prize #member_prize_cont ul li .detail .cont .head h3 {
color:var(--gray);
font-size:1.8rem;
font-family:var(--mincho);
}
#member_prize #member_prize_cont ul li .detail .cont .head p {
color:var(--light_middle_gray);
font-family:var(--mincho);
font-size:1.0rem;
font-weight:400;
margin-top:10px;
}
#member_prize #member_prize_cont ul li .detail .cont .body {
display:none;
}
#member_prize #member_prize_cont ul li .detail .pic {
background-color:var(--pale_gray);
flex:0 0 30%;
padding:0;
order:1;
}
#member_prize #member_prize_cont ul li#mypage .detail .pic {
padding:10px 10px 0;
}
#member_prize #member_prize_cont ul li#wood .detail .pic {
background-color:var(--pale_gray);
flex:0 0 30%;
padding:0;
order:1;
}
#member_prize #member_prize_cont ul li#wood .detail h3 {
color: var(--gray);
font-size:1.8rem;
margin-top:0;
margin-left:0;
}


/*---------------------------------------------
hinoki
---------------------------------------------*/
#hinoki {
padding:50px 0 0;
}
#hinoki .section_title .pic {
width:100%;
}
#hinoki .section_title .pic img:nth-child(2) {
max-width:25vw;
left:5vw;
top:-5vw;
}
#hinoki .section_cont {
margin:0 auto;
padding:0 20px;
}
#hinoki .section_cont #hinoki_detail {
padding:0 0 20px;
}
#hinoki .section_cont #hinoki_detail .chapter {
flex-wrap:wrap;
padding:30px 0 0;
}
#hinoki .section_cont #hinoki_detail .chapter#intro {
flex-wrap:wrap;
padding:50px 0 0;
}
#hinoki .section_cont #hinoki_detail .chapter#intro .caption {
display:flex;
flex:0 0 100%;
justify-content:center;
}
#hinoki .section_cont #hinoki_detail .chapter#intro .caption img {
max-width:10vw;
}
#hinoki .section_cont #hinoki_detail .chapter dl {
flex:0 0 100%;
padding:50px 20px 0;
}
#hinoki .section_cont #hinoki_detail .chapter dl dt {
font-size:1.8rem;
display:flex;
flex:0 0 100%;
justify-content:center;
}
#hinoki .section_cont #hinoki_detail .chapter dl dt br {
display:none;
}
#hinoki .section_cont #hinoki_detail .chapter dl dt img {
height:100px;
width:auto;
}
#hinoki .section_cont #hinoki_detail .chapter .pic {
display:flex;
flex:0 0 100%;
justify-content:center;
}
#hinoki .section_cont #hinoki_detail .chapter .pic img {
width:100%;
}　
#hinoki .section_cont #hinoki_detail .chapter#lumber {
}
#hinoki .section_cont #hinoki_detail .chapter#lumber dl {
order:2;
}
#hinoki .section_cont #hinoki_detail .chapter#lumber .pic {
order:1;
}
#hinoki .section_cont #fsc {
padding:20px 20px 0;
}
#hinoki .section_cont #fsc #fsc_cont {
flex-wrap:wrap;
}
#hinoki .section_cont #fsc dl {
margin-top:15px;
padding:0;
}
#hinoki .section_cont #fsc dl dt {
font-size:1.8rem;
}
#hinoki .section_cont #fsc dl dd {
font-size:1.3rem;
margin-top:10px;
}
#hinoki .section_cont #fsc .pic {
flex:0 0 100%;
margin-top:20px;
}

#hinoki .section_cont .movie {
margin-top:30px;
}

/*---------------------------------------------
news
---------------------------------------------*/
#news {
}
#news .section_title {
background-color:var(--white);
flex:0 0 100%;
flex-wrap:wrap;
padding:30px 0;
}
#news .section_title dl {
flex:0 0 100%;
padding:0 20px 30px;
}
#news .section_title dl dd {
margin-top:5px;
}
#news .section_title .pic {
flex:0 0 100%;
}
#news .section_title .pic img {
height:150px;
}
#news #news_cont {
margin-top:-100px;
padding:0 20px 20px;
}

/*---------------------------------------------
gallery
---------------------------------------------*/
#gallery {
background-color:var(--middle_beige);
padding:50px 0 100px;
}
#gallery ol.slideshow {
column-gap: 30px;
}

/*---------------------------------------------
pagetop
---------------------------------------------*/
#pagetop {
right:10px;
bottom:10px;
}
#pagetop a {
border-radius:7.5vw;
width:15vw;
height:15vw;
}
#pagetop a:after {
font-size:1rem;
top:10px;
}
#pagetop a span {
font-size:1rem;
}

/*---------------------------------------------
footer
---------------------------------------------*/
#footer {
background-color:transparent;
padding-top:0px;
}
#footer.lazyloaded {
background-image:none;
}
#footer.lazyloaded:after {
background-image:url(../../img/bg_footer.png);
background-repeat:no-repeat;
background-position:center center;
background-size:contain;
content:" ";
position:absolute;
width:50vw;
height:150px;
top:-85px;
}
#footer #footer_cont {
background-color:var(--white);
}
#footer #footer_cont #footer_head {
padding: 0 5vw 50px;
}
#footer #footer_cont #footer_head ul {
column-gap:60px;
}
#footer #footer_cont #footer_head p {
font-size:1.3rem;
}
#footer #footer_cont #footer_conversion {
margin-top:0;
padding:0;
}
#footer #footer_cont #footer_conversion p {
font-size:1.3rem;
margin:0;
padding:0 5vw;
}
#footer #footer_cont #footer_conversion ul {
flex-direction:column;
}
#footer #footer_cont #footer_conversion ul li {
border-top-color:var(--light_gray);
border-top-width:1px;
border-top-style:solid;
margin-top:0;
padding:50px 5vw;
}
#footer #footer_cont #footer_conversion ul li dl dd {
flex:0 0 100%;
margin-top:45px;
}
#footer #footer_cont #footer_conversion ul li dl dd .tel {
flex:0 0 100%;
}
#footer #footer_cont #footer_conversion ul li dl dd .tel a {
border-color:var(--brown);
border-style:solid;
border-width:1px;
border-radius: 50px;
display:block;
padding:25px 50px;
text-align:center;
}
#footer #footer_cont #footer_conversion ul li dl dd .tel a img {
height:auto;
max-width:150px;
}
#footer #footer_cont #footer_conversion ul li dl dd .accept_time {
margin-top:20px;
}
#footer #footer_cont #footer_conversion ul li dl dd .accept_time span:first-child {
font-size:1.3rem;
}
#footer #footer_cont #footer_sub_link {
margin-top:30px;
padding:0;
}
#footer #footer_cont #footer_sub_link ul {
column-gap:0;
flex-wrap:wrap;
flex:0 0 100%;
}
#footer #footer_cont #footer_sub_link ul li {
border-top-color:var(--light_gray);
border-top-width:1px;
border-top-style:solid;
flex:0 0 100%;
}
#footer #footer_cont #footer_sub_link ul li a {
display:flex;
justify-content:space-between;
padding:20px;
}
#footer #footer_cont #footer_sub_link ul li a span {
font-size:1.3rem;
}
#footer #footer_bottom .logo {
display:flex;
flex:0 0 100%;
justify-content:center;
}
#footer #footer_cont #footer_bottom {
flex-wrap:wrap;
padding:50px 0 0;
}
#footer #footer_cont #footer_bottom dl {
flex:0 0 100%;
padding:0 5vw 50px;
}
#footer #footer_cont #footer_bottom dl dt {
font-size:1.0rem;
margin-top:10px;
text-align:center;
}
#footer #footer_cont #footer_bottom dl dd {
line-height:1.8;
margin-top:25px;
text-align:center;
}
#footer #footer_cont #footer_bottom #copyright {
background-color:var(--middle_beige);
flex:0 0 100%;
padding:40px 25px;
text-align:center;
}

/*---------------------------------------------
conversion
---------------------------------------------*/
.conversion {
padding:30px 5vw 120px;
}

.conversion .conversion_cont .logo_mark img {
height: auto;
width: 100px;
}
.conversion ul {
flex-wrap:wrap;
flex:0 0 100%;
margin-top:30px;
justify-content:center;
text-align:center;
}
.conversion ul li {
flex:1 1 100%;
margin-top:30px;
max-width:90%;
}
.conversion ul li:first-child {
margin-top:0;
}

/*---------------------------------------------
modal
---------------------------------------------*/
.modal_box {

width:90%;
}
.modal_box .modal_box_cont {
max-height:90vh;
overflow-y:scroll;
}

.modal_box .modal_box_cont dl dd {
font-size:1.4rem;
}
.modal_box .modal_box_cont p {
font-size:1.4rem;
}
.modal_box#forestyle_member_prize_window .modal_box_cont ul {
column-gap:0;
}
.modal_box#forestyle_member_prize_window .modal_box_cont ul li {
flex:0 1 50%;
}

/*---------------------------------------------
pagetop
---------------------------------------------*/
#pagetop a span {
line-height:1.1;
padding-top:10px;
}

}