/* @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+Myanmar:wght@100;200;300;400;500;600;700;800;900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Noto+Serif+Myanmar:wght@100;200;300;400;500;600;700;800;900&display=swap');

@font-face {
  font-family: 'Ogg';
  src: url('../font/Ogg-Regular.woff2') format('woff2'), 
       url('../font/Ogg-Regular.woff') format('woff');
  font-weight: normal; 
  font-style: normal; 
}

*{
  margin:0;
  padding:0;
  list-style: none;
  box-sizing: border-box;
  text-decoration: none;
  background-size: cover;
  background-position: center;
}

*::before,
*::after{
  background-size: cover;
  background-position: center;
}


html {
  -ms-text-size-adjust: none;
  -webkit-text-size-adjust: none;
}

body{
  color: #3C3C3B;
  font-size: clamp(13px , calc(16 / 1400  * 100vw) , calc(16 / 1400 * 1800px));
  /* font-family: "Noto Serif Myanmar", serif; */
  font-family: 'Noto Serif JP', serif;
  -webkit-font-smoothing: antialiased;
  -ms-text-size-adjust: none;
  -webkit-text-size-adjust: none;
}

body.fixed {
  width: 100%;
  height: 100%;
  position: fixed;
}

body.fixed02 {
  width: 100%;
  height: 100%;
  position: fixed;
}


input, textarea, select {
  font-family: 'Noto Serif JP', serif;
  color: #3C3C3B;
}

input[type="button"], input[type="text"], input[type="submit"], input[type="image"], textarea {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
}


.ogg{
  font-family: 'Ogg' , serif;
}

.sans{
  font-family: "Noto Sans", sans-serif;
}

.myanmar{
  font-family: "Noto Serif Myanmar", serif;
}

img{
  display: block;
  object-position: center;
}

#body_wrap{
  overflow: hidden;
  opacity: 1;
  
}

#body_wrap.show{
  animation-name:page_show;
  animation-duration: 2s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}

/* @keyframes page_show {
  0% {opacity:0;}
  100% {opacity:1;}
} */

.hide{
  display: none!important;
}

main{
  position: relative;
}


a{
  color: #3c3c3b;
}

@media (any-hover:hover){
  a[href^="tel:"] {
    pointer-events: none;
  }
}


.fax a{
  pointer-events: none;
  border-bottom:none!important;
  text-decoration: none!important;
}

/*
------------------------------------
アニメーション関係
------------------------------------
*/

.common_hover_opa{
  transition: 0.4s;
}


@media (any-hover:hover){
  .common_hover_opa:hover{
    opacity: 0.5;
  }
  
}


/*画像ホバーでの拡大*/
.hover_scale_frame{
  overflow: hidden;
}

.hover_scale_frame .hover_scale_item{
  width:100%;
  height:100%;
  object-fit: cover;
  transition-duration: 0.4s;
}

.hover_scale_trigger{
  cursor: pointer;
}

@media (any-hover:hover){
  .hover_scale_trigger:hover .hover_scale_item{
    transform: scale(1.1);
  }
}



/*要素のフェードイン*/
.anime_fade_show01{
  opacity:0;
}
.anime_fade_show02{
  opacity:0;
  transform: translate3d(0, 30px, 0);
}

.anime_fade_show01.anime_active,
.anime_active .anime_fade_show01{
  animation-name:anime_fade_show01;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
.anime_fade_show02.anime_active,
.anime_active .anime_fade_show02{
  animation-name:anime_fade_show02;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}


@keyframes anime_fade_show01 {
  0% {
    opacity:0;
    transform: translate3d(0, 0, 0);
  }
  100% {
    opacity:1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes anime_fade_show02 {
  0% {
    opacity:0;
    transform: translate3d(0, 80px, 0);    
  }
  100% {
    opacity:1;
    transform: translate3d(0, 0, 0);
  }
}




/*
------------------------------------
共通パーツ
------------------------------------
*/

.container{
  max-width: min(calc(1220 / 1400 * 100vw) , calc(1220 / 1400 * 1800px));
  margin:0 auto;
}


/*ニュース一覧*/
.common_news_list{

}

.common_news_list li{
  border-bottom:1px solid #C1C1C1;
}

.common_news_list .news_link{
  padding-top:clamp(calc(24 / 1400 * 1000px) , calc(24 / 1400  * 100vw) , calc(24 / 1400 * 1800px));
  padding-bottom: clamp(calc(12 / 1400 * 1000px) , calc(12 / 1400  * 100vw) , calc(12 / 1400 * 1800px));
  padding-right: clamp(calc(36 / 1400 * 1000px) , calc(36 / 1400  * 100vw) , calc(36 / 1400 * 1800px));
  display: flex;
  position: relative;
}

.common_news_list .news_link::after{
  content:'';
  width:clamp(calc(8 / 1400 * 1000px) , calc(8 / 1400  * 100vw) , calc(8 / 1400 * 1800px));
  height:clamp(calc(16 / 1400 * 1000px) , calc(16 / 1400  * 100vw) , calc(16 / 1400 * 1800px));
  background-image: url('../img/common/angle_right_brown.svg');
  position: absolute;
  right:clamp(calc(9 / 1400 * 1000px) , calc(9 / 1400  * 100vw) , calc(9 / 1400 * 1800px));
  top:clamp(calc(26 / 1400 * 1000px) , calc(26 / 1400  * 100vw) , calc(26 / 1400 * 1800px));
  transition-duration: 0.4s;
}

@media(any-hover:hover){
  .common_news_list .news_link:hover::after{
    translate: 8px 0;
  }
}

.common_news_list .news_date{
  font-size: clamp(13px , calc(15 / 1400 * 100vw) , calc(15 / 1400 * 1800px));
  width:clamp(calc(108 / 1400 * 1000px) , calc(108 / 1400  * 100vw) , calc(108 / 1400 * 1800px));
  flex-shrink: 0;
  font-weight: normal;
  letter-spacing: 0.04em;
  line-height: 1.3;
  color: #898989;
}

.common_news_list .news_title{
  width:100%;
  font-weight: normal;
  font-size: clamp(12px , calc(15 / 1400  * 100vw) , calc(15 / 1400 * 1800px));
  letter-spacing: 0.05em;
  line-height: 1.3;
}


/*ページネーション*/
.common_pagenation{
  margin-top: clamp(calc(64 / 1400 * 1000px) , calc(64 / 1400  * 100vw) , calc(64 / 1400 * 1800px));
  display: flex;
  justify-content: center;
  align-items: center;
  gap:clamp(calc(20 / 1400 * 1000px) , calc(20 / 1400  * 100vw) , calc(20 / 1400 * 1800px));
}

.common_pagenation span.current{/*現在のページボタン*/
  font-weight: normal;
  font-size: clamp(13px , calc(16 / 1400  * 100vw) , calc(16 / 1400 * 1800px));
  letter-spacing: 0.05em;
  color: #C57637;
  transition-duration: 0.4s;
}

.common_pagenation a.page-numbers{/*指定のページ移動ボタン*/
  font-weight: normal;
  font-size: clamp(13px , calc(16 / 1400  * 100vw) , calc(16 / 1400 * 1800px));
  letter-spacing: 0.05em;
  color: #838383;
}

.common_pagenation a.page-numbers.next,
.common_pagenation a.page-numbers.prev{/*next prevボタン*/
  width:clamp(calc(8 / 1400 * 1000px) , calc(8 / 1400  * 100vw) , calc(8 / 1400 * 1800px));
  height:clamp(calc(16 / 1400 * 1000px) , calc(16 / 1400  * 100vw) , calc(16 / 1400 * 1800px));
}

.common_pagenation a.page-numbers.next{
  background-image: url('../img/common/angle_right_brown.svg');
  margin-left: 12px;
}

.common_pagenation a.page-numbers.prev{
  background-image: url('../img/common/angle_right_brown.svg');
  transform: rotateZ(180deg);
  margin-right: 12px;
}

@media(any-hover:hover){
  .common_pagenation a.page-numbers:hover{
    color: #C57637;
  }
}


/*
------------------------------------
共通セクション ヘッダー
------------------------------------
*/

.header{
  position: absolute;
  top:0;
  left:0;
  width:100%;
  z-index: 20;
  
}

.header .header_inner{
  padding-top: 16px;
  width:min(calc(1340 / 1400 * 100vw) , calc(1340 / 1400 * 1800px));
  margin:0 auto;
}

.header .header_inner .header_flex{
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.header .header_inner .header_logo{
  display: block;
  width: 140px;
  position: absolute;
  left:0;
  right:0;
  margin:auto;
  top:2px;
}

.header .header_inner .header_logo img{
  width:100%;
}

.header .header_inner .header_logo_white{
  display: none;
}

.top_body .header .header_inner .header_logo_white{
  display: block;
}
.top_body .header .header_inner .header_logo_orange{
  display: none;
}

.header .site_name{
  position: absolute;
  width:fit-content;
  font-weight: normal;
  font-size: 22px;
  letter-spacing: 0.05em;
  line-height: 1;
  text-align: center;
  color: #C57637;
  top:16px;
  left:0;
  right:0;
  margin:auto;
}

.header .header_right{
  padding-top: 8px;
}

.header .drawer_open{
  padding:16px 12px;
  cursor: pointer;
  transform: translate3d(7px, 0, 0);
}

.header .drawer_open_inner{
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  width:49px;
  height:10px;
  
  position: relative;
}

.header .drawer_open .bar{
  height:1px;
  width:100%;
  background-color: #C57637;
}

body.top_body .header .site_name{
  color: #fff;
}
body.top_body .header .drawer_open .bar{
  background-color: #fff;
}


.header.fix_header{
  position: fixed;
  transition-duration: 0.4s;
}


.header.fix_header.is_hidden{
  transform: translateY(calc(-100% - 60px));
}

.header.fix_header.is_hidden.is_show{
  transform: translateY(0);
}

.header.fix_header .header_inner .header_logo{
  display: block;
  width: 80px;
  position: static;
}

.header.fix_header .header_frame{
  background-color: #fff;
}

.header.fix_header .header_inner{
  padding-top: 0;
}

.header.fix_header .header_flex{
  height:60px;
  align-items: center;
}

.header.fix_header .site_name{
  top:0;
  bottom:0;
  display: flex;
  justify-content: center;
  align-items: center;
}


.header.fix_header .header_right{
  padding-top:0;
}

.header.fix_header .drawer_open{
  transform: translate3d(8px, 0px, 0);
}




body.top_body .header.fix_header .site_name{
  color: #C57637;
}
body.top_body .header.fix_header .drawer_open .bar{
  background-color: #C57637;
}


#drawer_menu_bg{
  position: fixed;
  top:0;
  left:0;
  z-index: 40;
  background-color: #C57637;
  width:100%;
  height:100vh;
  transition-duration: 0.4s;
  opacity: 0;
  pointer-events: none;
}


#drawer_menu_bg.show{
  opacity: 1;
  pointer-events: auto;
}

#drawer_menu{
  position: fixed;
  top:0;
  left:0;
  z-index: 41;
  width:100%;
  height:100vh;
  transition-duration: 0.4s;
  opacity: 0;
  pointer-events: none;
}

#drawer_menu.show{
  opacity: 1;
  pointer-events: auto;
}

#drawer_menu .drawer_menu_frame{
  width:100%;
  height:100%;
  position: relative;
}

#drawer_menu .drawer_menu_head_flex{
  position: absolute;
  top:0;
  left:0;
  right:0;
  width:min(calc(1340 / 1400 * 100vw) , calc(1340 / 1400 * 1800px));
  margin:auto;
  padding-top: 16px;
  transition-delay: 0s;
  z-index: 40;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#drawer_menu.show .drawer_menu_head_flex{
  transition-duration: 0.4s;
  transition-delay: 0.4s;
  background-color: #C57637;
}

#drawer_menu .drawer_logo{
  display: block;
  width: 140px;
}

#drawer_menu .drawer_logo img{
  width:100%;
}

#drawer_menu .site_name{
  position: absolute;
  width:fit-content;
  font-weight: normal;
  font-size: 22px;
  letter-spacing: 0.05em;
  line-height: 1;
  text-align: center;
  color: #fff;
  top:32px;
  left:0;
  right:0;
  margin:auto;
}

#drawer_menu .drawer_close{
  cursor: pointer;
  position: relative;
  z-index: 40;
  padding: 16px 12px;
  transform: translate3d(7px, -7px, 0);
}

#drawer_menu .drawer_close_inner{
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  width:49px;
  height:10px;
}

#drawer_menu .drawer_close .bar{
  height:1px;
  width:100%;
  background-color: #fff;

}

#drawer_menu .drawer_close .bar01{
  transform: translateY(4px) rotate(-20deg);
}
#drawer_menu .drawer_close .bar02{
  transform: translateY(-4px) rotate(20deg);
}


#drawer_menu .drawer_menu_inner{
  height:100%;
  overflow-y: scroll;
  scrollbar-width: none; 
  -ms-overflow-style: none;
}

#drawer_menu .drawer_menu_inner::-webkit-scrollbar {  
  display: none; 
}

#drawer_menu .drawer_menu_contents_frame{
  min-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#drawer_menu .drawer_menu_contents{
  padding-top:90px;
  padding-bottom:90px;
  width: clamp(800px, calc(800 / 1400* 100vw), calc(800 / 1400* 1800px));
  max-width: 95%;
  margin:0 auto;
  transition-duration: 1s;
  opacity:0;
  transform: translate3d(0, 40px, 0);
}

#drawer_menu.show .drawer_menu_contents{
  opacity:1;
  transition-delay: 0.2s;
  transform: translate3d(0, 0, 0);
}

#drawer_menu .drawer_nav{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-right: 44px;
}

#drawer_menu .drawer_parents_menu:last-child{
  /* margin-right: 44px; */
}

#drawer_menu .drawer_parents_item{
  margin-top: 50px;
}

#drawer_menu .drawer_parents_item:first-child{
  margin-top: 0;
}

#drawer_menu a{
  transition-duration: 0.4s;
}

@media(any-hover:hover){
  #drawer_menu a:hover{
    opacity: 0.5;
  }
}


#drawer_menu .drawer_parents_link{
  color:#fff;
}

#drawer_menu .drawer_parents_link .en_title{
  font-family: 'Ogg' , serif;
  font-weight: normal;
  font-size: 31px;
  letter-spacing: 0.06em;
  line-height: 1.2;
  color: #fff;
}

#drawer_menu .drawer_parents_link .ja_title{
  margin-top: 10px;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.11em;
  line-height: 1.2;
  color: #fff;
}

#drawer_menu .drawer_child_menu{
  padding-top: 32px;
  padding-left: 12px;
}

#drawer_menu .drawer_child_menu li + li{
  margin-top: 16px;
}

#drawer_menu .drawer_child_menu li:first-child{
  margin-top: 0;
}

#drawer_menu .drawer_child_menu li.pc_m0{
  margin-top: 0;
}

#drawer_menu .drawer_child_menu a{
  font-size: 16px;
  line-height: 1.2;
  color: #fff;
  display: flex;
  align-items: center;
  width: fit-content;
}

#drawer_menu .drawer_child_menu a::before{
  content:'';
  width:6px;
  height:12px;
  background-image: url('../img/common/angle_right_white.svg');
  margin-right: 12px;
}

#drawer_menu .contact_link_area{
  padding-top: 20px;
  padding-bottom: 20px;
  border-top:1px solid #fff;
  border-bottom:1px solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 80px;
}

#drawer_menu .contact_link_area a{
  display: flex;
  justify-content: center;
  align-items: center;
  color:#fff;
}

#drawer_menu .contact_link_area a .en_title{
  font-family: 'Ogg' , serif;
  font-weight: normal;
  font-size: 31px;
  letter-spacing: 0.06em;
  line-height: 1.2; 
}

#drawer_menu .contact_link_area a .ja_title{
  margin-left: 32px;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.11em;
  line-height: 1.2;
  color: #fff;

}

/*
------------------------------------
共通セクション ページ下部お問い合わせ
------------------------------------
*/
.common_contact_section{
  padding-top: min(calc(146 / 1400 * 100vw) , calc(146 / 1400 * 1800px));
  padding-bottom: min(calc(146 / 1400 * 100vw) , calc(146 / 1400 * 1800px));
}

.common_contact_section .sec_title{
  font-weight: normal;
  font-size: min(calc(45 / 1400 * 100vw) , calc(45 / 1400 * 1800px));
  letter-spacing: 0.06em;
  line-height: 1.1;
  text-align: center;
  color: #c57637;
}

.common_contact_section .contact_text01{
  margin-top: 50px;
  font-size: clamp(12px , calc(15 / 1400  * 100vw) , calc(15 / 1400 * 1800px));
  letter-spacing: 0.04em;
  line-height: 1.3;
  text-align: center;
}

.common_contact_section .flex{
  margin-top: clamp(calc(88 / 1400  * 1000px) , calc(88 / 1400  * 100vw) , calc(88 / 1400 * 1800px));
  display: flex;
  justify-content: center;
}

.common_contact_section .block{
  width:clamp(calc(390 / 1400  * 1000px) , calc(390 / 1400  * 100vw) , calc(390 / 1400 * 1800px));
  display: flex;
  justify-content: center;
  border-right: 1px solid #C57637;
}

.common_contact_section .block01{
  border-left: 1px solid #C57637;
}

.common_contact_section .block .block_head{
  letter-spacing: 0.02em;
  line-height: 1.2;
  text-align: center;
}

.common_contact_section .block .tel_line{
  margin:12px auto 0;
  text-align: center;
}

.common_contact_section .block .tel{  
  font-size: min(calc(32 / 1400 * 100vw) , calc(1320 / 1400 * 1800px));
  line-height: 1.1;  
}

.common_contact_section .block .tel span{
  font-size: min(calc(24 / 1400 * 100vw) , calc(24 / 1400 * 1800px));
  line-height: 1;
  margin-right: 8px;
  display: inline-block;
}

.common_contact_section .block .tel_time{
  margin-top: 8px;
  font-size: clamp(12px , calc(15 / 1400  * 100vw) , calc(15 / 1400 * 1800px));
  letter-spacing: 0.02em;
  line-height: 1.2;
  text-align: center;
}

.common_contact_section .block .form_link{
  font-weight: normal;
  font-size: min(calc(29 / 1400 * 100vw) , calc(29 / 1400 * 1800px));
  letter-spacing: 0.02em;
  line-height: 1.2;
  width: fit-content;
  margin:16px auto 0;
  position: relative;
  display: block;
}

.common_contact_section .block .form_link::after{
  content:"";
  width:clamp(calc(10 / 1400  * 1200px) , calc(10 / 1400  * 100vw) , calc(10 / 1400 * 1800px));
  height:clamp(calc(20 / 1400  * 1200px) , calc(20 / 1400  * 100vw) , calc(20 / 1400 * 1800px));
  background-image: url('../img/common/angle_right_brown.svg');
  position: absolute;
  right:clamp(calc(-40 / 1400  * 1200px) , calc(-40 / 1400  * 100vw) , calc(-40 / 1400 * 1800px));
  bottom:clamp(calc(4 / 1400  * 1200px) , calc(4 / 1400  * 100vw) , calc(4 / 1400 * 1800px));
  transition-duration: 0.4s;
}

@media(any-hover:hover){
  .common_contact_section .block:hover .form_link::after{
    translate: 8px 0;
  }
}

/*
------------------------------------
共通セクション フッター
------------------------------------
*/

footer{
  padding-top:clamp(calc(72 / 1400  * 1200px) , calc(72 / 1400  * 100vw) , calc(72 / 1400 * 1800px));
  padding-bottom: clamp(calc(72 / 1400  * 1200px) , calc(72 / 1400  * 100vw) , calc(72 / 1400 * 1800px));
  border-top:1px solid #E2E2E2;
}

footer .footer_flex{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

footer .footer_left{
  padding-top: 10px;
}

footer .footer_left .footer_address{
  font-size: clamp(12px , calc(14 / 1400  * 100vw) , calc(14 / 1400 * 1800px));
  letter-spacing: 0.11em;
  line-height: 1.9;
}

footer .footer_left .footer_copy{
  font-size: clamp(11px , calc(11 / 1400  * 100vw) , calc(11 / 1400 * 1800px));
  letter-spacing: 0.11em;
  line-height: 1;
  margin-top: clamp(calc(24 / 1400  * 1200px) , calc(24 / 1400  * 100vw) , calc(24 / 1400 * 1800px));
  color: #8e8e8e;

}

footer .footer_right{

}

footer .footer_right .logo_flex{
  display: flex;
  align-items: center;
}

footer .footer_right .logo_flex .border{
  width: 1px;
  height: clamp(calc(18 / 1400  * 1200px) , calc(18 / 1400  * 100vw) , calc(18 / 1400 * 1800px));
  background-color: #c57637;
}

footer .footer_right .logo_flex .border01{
  margin-left: min(calc(44 / 1400 * 100vw) , calc(44 / 1400 * 1800px));
  margin-right: min(calc(28 / 1400 * 100vw) , calc(28 / 1400 * 1800px));
}

footer .footer_right .logo_flex .border02{
  margin-left: min(calc(32 / 1400 * 100vw) , calc(32 / 1400 * 1800px));
}

footer .footer_right .logo01{
  width:clamp(calc(118 / 1400  * 1200px) , calc(118 / 1400  * 100vw) , calc(118 / 1400 * 1800px));
}

footer .footer_right .logo01 img{
  width:100%;
}

footer .footer_right .home_text{
  font-size: clamp(13px , calc(19 / 1400  * 100vw) , calc(19 / 1400 * 1800px));
  letter-spacing: 0.05em;
  line-height: 1;
  color: #c57637;
}

/*
------------------------------------
トップページ
------------------------------------
*/

body.top_body{
  
}

main.top_main{
  padding-top: 0;
}

.top_section{

}


.loading_section{
  display: flex;
  justify-content: center;
  align-items: center;
  width:100%;
  height:100svh;
  background-color: #C57637;
  position: fixed;
  top:0;
  left:0;
  z-index: 100;
  opacity: 0;
  pointer-events: none;
  transition-duration: 2s;
}

.loading_section.show{
  opacity: 1;
  pointer-events: auto;
}

.loading_section.show.anime_end{
  opacity: 0;
  pointer-events: none;
}

.loading_section .loading_contents{
  width: 100%;
  /* padding-bottom: 100px; */
}

.loading_section .loading_logo,
.loading_section .loading_text{
  opacity:0;
  transform: translate3d(0, 80px, 0);    
  /* transition-duration:2s; */
}

.loading_section .loading_logo{
  display: block;
  width:183px;
  margin:0 auto;
  
}

.loading_section .loading_logo img{
  width:100%;
}


.loading_section .loading_text{
  margin-top: 70px;
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 0.05em;
  text-align: center;
  color: #fff;
  line-height: 1;
  padding-left: 18px;
}

.loading_section.anime_active .loading_logo,
.loading_section.anime_active .loading_text{
  animation-name:anime_fade_show02;
  animation-duration: 2s;
  animation-delay: 1s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  /* opacity:1;
  transform: translate3d(0, 0, 0);
  */
} 

.top_mv_section{
  height: 100vh;
  min-height: 600px;
  position: relative;
}

.top_mv_section .mv_slide_frame{
  height:100%;
  position: relative;
  overflow: hidden;
}

.top_mv_section .mv_slide_frame .mv_slide{
  position: absolute;
  left:0;
  top:0;
  z-index: 1;
  width: 100%;
  height:100%;
  transition-duration:2s;
  opacity: 0;
  pointer-events: none;
}

.top_mv_section .mv_slide_frame .mv_slide.show{
  opacity: 1;
  pointer-events: auto;
}

.top_mv_section .mv_slide_frame .mv_slide .pic{
  width:100%;
  height:100%;
  object-fit: cover;
}

.top_mv_section .mv_slide_frame .mv_slide.scale .pic{
  transition-duration: 20s;
  scale:1.2;
}

.top_mv_section .mv_text{
  position: absolute;
  z-index: 10;
  font-weight: normal;
  font-size: clamp(calc(23 / 1400  * 1000px) , calc(23 / 1400  * 100vw) , calc(23 / 1400 * 1800px));
  letter-spacing: 0.07em;
  line-height: 1.8;
  color:#fff;
  white-space: nowrap;
  text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  display: flex;
  justify-content: center;
}

.top_mv_section .mv_text img{
  width:100%;
}

.top_mv_section .mv_text01{
  /* width:146px;
  top:304px;
  right:168px; */
  /* width:max(calc(146 / 1400 * 100vw) , calc(146 / 1400 * 1000px)); */
  top:38%;
  right:calc(168 / 1400 * 100vw);
  color: #3c3c3b;
  text-shadow:none;
}
.top_mv_section .mv_text02{
  /* width:228px;
  bottom:64px;
  right:175px; */
  /* width:max(calc(228 / 1400 * 100vw) , calc(228 / 1400 * 1000px)); */
  bottom:8%;
  right:calc(175 / 1400 * 100vw);
}
.top_mv_section .mv_text03{
  /* width:231px;
  top:216px;
  left:216px; */
  /* width:max(calc(231 / 1400 * 100vw) , calc(231 / 1400 * 1000px)); */
  top:27%;
  left:calc(216 / 1400 * 100vw);
}
.top_mv_section .mv_text04{
  /* width:251px;
  top:216px;
  left:124px; */
  /* width:max(calc(251 / 1400 * 100vw) , calc(251 / 1400 * 1000px)); */
  top:27%;
  left:calc(124 / 1400 * 100vw);
}
.top_mv_section .mv_text05{
  /* width:251px;
  top:216px;
  left:124px; */
  /* width:max(calc(251 / 1400 * 100vw) , calc(251 / 1400 * 1000px)); */
  top:27%;
  left:calc(124 / 1400 * 100vw);
}
.top_mv_section .mv_text06{
  /* width:292px;
  bottom:175px;
  right:130px; */
  /* width:max(calc(292 / 1400 * 100vw) , calc(292 / 1400 * 1000px)); */
  bottom:21.8%;
  right:calc(130 / 1400 * 100vw);
}
.top_mv_section .mv_text07{
  /* width:295px;
  top:178px;
  left:117px; */
  /* width:max(calc(295 / 1400 * 100vw) , calc(295 / 1400 * 1000px)); */
  top:22.2%;
  left:calc(117 / 1400 * 100vw);
}
.top_mv_section .mv_text08{
  /* width:263px;
  bottom:94px;
  right:64px; */
  /* width:max(calc(263 / 1400 * 100vw) , calc(263 / 1400 * 1000px)); */
  bottom:11.7%;
  right:calc(64 / 1400 * 100vw);
}

.top_mv_section .scroll_guide{
  position: absolute;
  z-index: 5;
  bottom:0;
  left:clamp(calc(40 / 1400 * 1000px) , calc(40 / 1400  * 100vw) , calc(40 / 1400 * 1800px));
}

.top_mv_section .scroll_guide .scroll_guide_bar{
  position: relative;
  width:clamp(calc(1 / 1400 * 1000px) , calc(1 / 1400  * 100vw) , calc(1 / 1400 * 1800px));
  height:clamp(calc(70 / 1400 * 1000px) , calc(70 / 1400  * 100vw) , calc(70 / 1400 * 1800px));
  background-color: #fff;
}

.top_mv_section .scroll_guide .scroll_guide_bar::before{
  position: absolute;
  content:'';
  width:clamp(calc(9 / 1400 * 1000px) , calc(9 / 1400  * 100vw) , calc(9 / 1400 * 1800px));
  height:clamp(calc(9 / 1400 * 1000px) , calc(9 / 1400  * 100vw) , calc(9 / 1400 * 1800px));
  border-radius: 50%;
  border:1px solid #fff;
  bottom:calc(100% - 2px);
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  animation: radi_move 2.2s ease-in-out infinite, radi_visible 2.2s ease-out infinite;
  opacity: 0;
  /* animation: radi_move 1.6s infinite; */
}

@keyframes radi_move {
  0% {
    bottom: calc(100% - 2px);
  }
  30% {
    bottom: calc(100% - 2px);
  }
  100% {
    bottom: -5px;
  }
}

@keyframes radi_visible {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
  }
}


.top_concept_section{
  position: relative;
}

.top_concept_section .top_concept_deco{
  position: absolute;
  z-index: 2;
  width:min(calc(322 / 1400 * 100vw) , calc(322 / 1400 * 1800px));
  top:max(calc(-174 / 1400 * 100vw) , calc(-174 / 1400 * 1800px));
  left:calc(50% + min(calc(240 / 1400 * 100vw) , calc(240 / 1400 * 1800px)));
}

.top_concept_section .cencept_frame{
  position: relative;
  padding-top: min(calc(232 / 1400 * 100vw) , calc(232 / 1400 * 1800px));
  padding-bottom: min(calc(260 / 1400 * 100vw) , calc(260 / 1400 * 1800px));
}

.top_concept_section .cencept_frame::before{
  content:'';
  width:1px;
  height:min(calc(250 / 1400 * 100vw) , calc(250 / 1400 * 1800px));
  background-color: #3F6735;
  position: absolute;
  top:0;
  left:min(calc(48 / 1400 * 100vw) , calc(48 / 1400 * 1800px));
}

.top_concept_section .concept_block{
  padding-left: min(calc(72 / 1400 * 100vw) , calc(72 / 1400 * 1800px));
}

.top_concept_section .sec_title{
  font-size: clamp(calc(22 / 1400 * 1000px) , calc(22 / 1400  * 100vw) , calc(22 / 1400 * 1800px));
  letter-spacing: 0.05em;
  line-height: 1;
  color: #c57637;
  font-weight: normal;
}

.top_concept_section .concept_head{
  font-size: clamp(calc(24 / 1400 * 1000px) , calc(24 / 1400  * 100vw) , calc(24 / 1400 * 1800px));
  letter-spacing: 0.05em;
  line-height: 1.3;
  margin-top:clamp(calc(32 / 1400 * 1000px) , calc(32 / 1400  * 100vw) , calc(32 / 1400 * 1800px));
}

.top_concept_section .concept_text{
  width: min(calc(442 / 1400 * 100vw) , calc(442 / 1400 * 1800px));
  font-size: clamp(12px , calc(15 / 1400  * 100vw) , calc(15 / 1400 * 1800px));
  letter-spacing: 0.03em;
  line-height: 2.4;
  
}

@media screen and (min-width:1000px){
  .top_concept_section .concept_text{
    white-space: nowrap;
  }
}

.top_concept_section .concept_text01{
  margin-top:clamp(calc(64 / 1400 * 1000px) , calc(64 / 1400  * 100vw) , calc(64 / 1400 * 1800px));
}

.top_concept_section .concept_text02{
  margin-top: clamp(calc(38 / 1400 * 1000px) , calc(38 / 1400  * 100vw) , calc(38 / 1400 * 1800px));
}

.top_concept_section .concept_more{
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top:clamp(calc(56 / 1400 * 1000px) , calc(56 / 1400  * 100vw) , calc(56 / 1400 * 1800px));
  font-size: clamp(calc(19 / 1400 * 1000px) , calc(19 / 1400  * 100vw) , calc(19 / 1400 * 1800px));
  letter-spacing: 0.08em;
  line-height: 1;
  color: #c57637;
}

.top_concept_section .concept_more::before{
  content:'';
  width:clamp(calc(6 / 1400 * 1000px) , calc(6 / 1400  * 100vw) , calc(6 / 1400 * 1800px));
  height:clamp(calc(12 / 1400 * 1000px) , calc(12 / 1400  * 100vw) , calc(12 / 1400 * 1800px));
  background-image: url('../img/common/angle_right_brown.svg');
  margin-right: clamp(calc(16 / 1400 * 1000px) , calc(16 / 1400  * 100vw) , calc(16 / 1400 * 1800px));
}

.top_concept_section .concept_img01{
  position: absolute;
  width:min(calc(503 / 1400 * 100vw) , calc(503 / 1400 * 1800px));
  top:min(calc(180 / 1400 * 100vw) , calc(180 / 1400 * 1800px));
  right:min(calc(100 / 1400 * 100vw) , calc(100 / 1400 * 1800px));
}

.top_concept_section .concept_img02{
  position: absolute;
  width:min(calc(427 / 1400 * 100vw) , calc(427 / 1400 * 1800px));
  top:min(calc(518 / 1400 * 100vw) , calc(518 / 1400 * 1800px));
  right:0;
}

.top_commit_section{

}

.top_commit_section .commit_block{
  position: relative;
  width:min(calc(700 / 1400 * 100vw) , calc(700 / 1400 * 1800px));
  margin-right: 0;
  margin-left: auto;
  padding-top:min(calc(108 / 1400 * 100vw) , calc(108 / 1400 * 1800px));
  padding-bottom:min(calc(112 / 1400 * 100vw) , calc(112 / 1400 * 1800px));
  padding-right:min(calc(80 / 1400 * 100vw) , calc(503 / 1400 * 1800px));
  padding-left:min(calc(174 / 1400 * 100vw) , calc(174 / 1400 * 1800px));
}

.top_commit_section .commit_block::before{
  content:'';
  width:100%;
  height:100%;
  background-color:#C57637 ;
  opacity: 0.1;
  position: absolute;
  top:0;
  left:0;
  z-index:-2;
}

.top_commit_section .commit_block .commit_img{
  position: absolute;
  width:min(calc(700 / 1400 * 100vw) , calc(700 / 1400 * 1800px));
  top:max(calc(-60 / 1400 * 100vw) , calc(-60 / 1400 * 1800px));
  right:min(calc(610 / 1400 * 100vw) , calc(610 / 1400 * 1800px));
}

.top_commit_section .sec_title{
  font-weight: normal;
  font-size: clamp(calc(20 / 1400 * 1000px) , calc(20 / 1400  * 100vw) , calc(20 / 1400 * 1800px));
  letter-spacing: 0.07em;
  line-height: 1;
  text-align: center;
  color: #c57637;
}

.top_commit_section .commit_head{
  margin-top: clamp(calc(16 / 1400 * 1000px) , calc(16 / 1400  * 100vw) , calc(16 / 1400 * 1800px));
  font-size: clamp(calc(26 / 1400 * 1000px) , calc(26 / 1400  * 100vw) , calc(26 / 1400 * 1800px));
  letter-spacing: 0.08em;
  line-height: 1;
  text-align: center;
}

.top_commit_section .commit_text{
  margin-top: clamp(calc(40 / 1400 * 1000px) , calc(40 / 1400  * 100vw) , calc(40 / 1400 * 1800px));
  font-size: clamp(12px , calc(15 / 1400  * 100vw) , calc(15 / 1400 * 1800px));
  line-height: 2.4;
}

.top_commit_section .commit_more{
  display: flex;
  justify-content: center;
  align-items: center;
  height:clamp(calc(54 / 1400 * 1000px) , calc(54 / 1400  * 100vw) , calc(54 / 1400 * 1800px));
  border:1px solid #C57637;
  font-weight: normal;
  font-size: clamp(calc(19 / 1400 * 1000px) , calc(19 / 1400  * 100vw) , calc(19 / 1400 * 1800px));
  letter-spacing: 0.08em;
  line-height: 1;
  color: #c57637;
  margin-top: clamp(calc(40 / 1400 * 1000px) , calc(40 / 1400  * 100vw) , calc(40 / 1400 * 1800px));
  transition-duration: 0.4s;
}

.top_commit_section .commit_more::before{
  content:'';
  width:clamp(calc(6 / 1400 * 1000px) , calc(6 / 1400  * 100vw) , calc(6 / 1400 * 1800px));
  height:clamp(calc(12 / 1400 * 1000px) , calc(12 / 1400  * 100vw) , calc(12 / 1400 * 1800px));
  background-image: url('../img/common/angle_right_brown.svg');
  margin-right: clamp(calc(16 / 1400 * 1000px) , calc(16 / 1400  * 100vw) , calc(16 / 1400 * 1800px));
}

@media (any-hover:hover){
  .top_commit_section .commit_more:hover{
    background-color: #c57637;
    color:#fff;
  }

  .top_commit_section .commit_more:hover::before{
    background-image: url('../img/common/angle_right_white.svg');
  }
  
}


.top_plan_section{
  padding-top: min(calc(212 / 1400 * 100vw) , calc(212 / 1400 * 1800px));
} 

.top_plan_section .sec_title{
  font-size: min(calc(44 / 1400 * 100vw) , calc(44 / 1400 * 1800px));
  font-weight: normal;
  letter-spacing: 0.07em;
  line-height: 1;
  text-align: center;
  color: #c57637;
}

.top_plan_section .sub_title{
  margin-top: clamp(calc(10 / 1400 * 1000px) , calc(10 / 1400  * 100vw) , calc(10 / 1400 * 1800px));
  font-size: clamp(12px , calc(14 / 1400  * 100vw) , calc(14 / 1400 * 1800px));
  letter-spacing: 0.11em;
  line-height: 1;
  text-align: center;
}

.top_plan_section .p01{
  margin-top: clamp(calc(40 / 1400 * 1000px) , calc(40 / 1400  * 100vw) , calc(40 / 1400 * 1800px));
  font-size: clamp(12px , calc(15 / 1400  * 100vw) , calc(15 / 1400 * 1800px));
  letter-spacing: 0.04em;
  text-align: center;
}

.top_plan_section .plan_list{
  margin-top: clamp(calc(52 / 1400 * 1000px) , calc(52 / 1400  * 100vw) , calc(52 / 1400 * 1800px));
  display: flex;
  flex-wrap: wrap;
  gap:min(calc(9 / 1400 * 100vw) , calc(9 / 1400 * 1800px));
}

.top_plan_section .plan_block{
  display: block;
  position: relative;
}

.top_plan_section .plan_block01,
.top_plan_section .plan_block02{
  width:min(calc(604 / 1400 * 100vw) , calc(604 / 1400 * 1800px));
  aspect-ratio: 1/0.653;
}

.top_plan_section .plan_block03,
.top_plan_section .plan_block04,
.top_plan_section .plan_block05{
  width:min(calc(400 / 1400 * 100vw) , calc(400 / 1400 * 1800px));
  aspect-ratio: 1/0.8325;
}

.top_plan_section .plan_block01{
  animation-delay: 0.2s;
  /* background-image:url('../img/top/top_planning01.jpg'); */
}
.top_plan_section .plan_block02{
  animation-delay: 0.4s;
  background-image:url('../img/top/top_planning02.jpg');
}
.top_plan_section .plan_block03{
  animation-delay: 0.6s;
  background-image:url('../img/top/top_planning03.jpg');
}
.top_plan_section .plan_block04{
  animation-delay: 0.8s;
  background-image:url('../img/top/top_planning04.jpg');
}
.top_plan_section .plan_block05{
  animation-delay: 1.0s;
  background-image:url('../img/top/top_planning05.jpg');
}

.top_plan_section .plan_name{
  position: absolute;
  width:100%;
  height:100%;
  background-color: rgba(197,118,55,0.7);
  top:0;
  left:0;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: normal;
  font-size: min(calc(22 / 1400 * 100vw) , calc(22 / 1400 * 1800px));
  letter-spacing: 0.07em;
  line-height: 1;
  color: #fff;
  transition-duration: 0.4s;
  opacity: 0;
}

.top_plan_section .plan_block:hover .plan_name{
  opacity: 1;
}

.top_news_section{
  padding-top: min(calc(156 / 1400 * 100vw) , calc(156 / 1400 * 1800px));
  padding-bottom: min(calc(148 / 1400 * 100vw) , calc(148 / 1400 * 1800px));
}

.top_news_section .news_area{
  width: clamp(790px , calc(790 / 1400 * 100vw) , calc(790 / 1400 * 1800px));
  max-width: 100%;
  margin:0 auto;
  position: relative;
}

.top_news_section .sec_title{
  display: flex;
  flex-direction: column;
}

.top_news_section .sec_title .en_title{
  font-weight: normal;
  font-size: min(calc(47 / 1400 * 100vw) , calc(47 / 1400 * 1800px));
  letter-spacing: 0.06em;
  line-height: 1;
  color: #c57637;
}   

.top_news_section .sec_title .ja_title{
  margin-top: 5px;
  font-weight: normal;
  font-size: clamp(12px , calc(14 / 1400  * 100vw) , calc(14 / 1400 * 1800px));
  letter-spacing: 0.11em;
  line-height: 1;
}

.top_news_section .common_news_list{
  margin-top: clamp(calc(28 / 1400 * 1000px) , calc(28 / 1400  * 100vw) , calc(28 / 1400 * 1800px));
}

.top_news_section .news_more{
  display: flex;
  align-items: center;
  font-weight: normal;
  font-size: clamp(calc(19 / 1400 * 1000px) , calc(19 / 1400  * 100vw) , calc(19 / 1400 * 1800px));
  letter-spacing: 0.08em;
  line-height: 1;
  color: #c57637;
  position: absolute;
  top:clamp(calc(45 / 1400 * 1000px) , calc(45 / 1400  * 100vw) , calc(45 / 1400 * 1800px));
  right:0;
}

.top_news_section .news_more::before{
  content:'';
  width:clamp(calc(6 / 1400 * 1000px) , calc(6 / 1400  * 100vw) , calc(6 / 1400 * 1800px));
  height:clamp(calc(12 / 1400 * 1000px) , calc(12 / 1400  * 100vw) , calc(12 / 1400 * 1800px));
  background-image:url('../img/common/angle_right_brown.svg');
  margin-right: clamp(calc(16 / 1400 * 1000px) , calc(16 / 1400  * 100vw) , calc(16 / 1400 * 1800px));
}

.top_gal_section{
  padding-top: min(calc(80 / 1400 * 100vw) , calc(80 / 1400 * 1800px));
  padding-bottom: min(calc(80 / 1400 * 100vw) , calc(80 / 1400 * 1800px));
  background-color: #EFF5ED;
}

.top_gal_section .sec_title{
  display: flex;
  flex-direction: column;
  align-items: center;
}

.top_gal_section .sec_title .en_title{
  font-weight: normal;
  font-size: min(calc(45 / 1400 * 100vw) , calc(45 / 1400 * 1800px));
  letter-spacing: 0.06em;
  line-height: 1;
  color: #3f6735;
}

.top_gal_section .sec_title .ja_title{
  margin-top: 12px;
  font-weight: normal;
  font-size: clamp(12px , calc(14 / 1400  * 100vw) , calc(14 / 1400 * 1800px));
  letter-spacing: 0.11em;
  line-height: 1;
}

.top_gal_section .gallery_swiper_block{
  overflow: hidden;
  margin-top: clamp(calc(35 / 1400 * 1000px) , calc(35 / 1400  * 100vw) , calc(35 / 1400 * 1800px));
}

.top_gal_section .gallery_swiper_block .swiper-wrapper {
  transition-timing-function: linear;
}

.top_gal_section .gallery_slide{
  width:min(calc(239 / 1400 * 100vw) , calc(239 / 1400 * 1800px));
  aspect-ratio: 1/0.845;
  margin-right: clamp(calc(9 / 1400 * 1000px) , calc(9 / 1400  * 100vw) , calc(9 / 1400 * 1800px));
}

.top_gal_section .gallery_slide img{
  width: 100%;
  height:100%;
  object-fit: cover;
}

.top_gal_section .gal_list{
  margin-top: clamp(calc(35 / 1400 * 1000px) , calc(35 / 1400  * 100vw) , calc(35 / 1400 * 1800px));
  display: flex;
  align-items: center;
  gap:0 min(calc(8 / 1400 * 100vw) , calc(8 / 1400 * 1800px));
}

.top_gal_section .gal_list .gal_item{
  width:min(calc(239 / 1400 * 100vw) , calc(239 / 1400 * 1800px));
  aspect-ratio: 1/0.845;
}

.top_gal_section .gal_list .gal_item img{
  width: 100%;
  height:100%;
  object-fit: cover;
}

.top_gal_section .gal_more{
  display: flex;
  justify-content: center;
  align-items: center;
  margin:0 auto;
  margin-top: clamp(calc(32 / 1400 * 1000px) , calc(32 / 1400  * 100vw) , calc(32 / 1400 * 1800px));
  width: clamp(calc(374 / 1400 * 1000px) , calc(374 / 1400  * 100vw) , calc(374 / 1400 * 1800px));
  height: clamp(calc(54 / 1400 * 1000px) , calc(54 / 1400  * 100vw) , calc(54 / 1400 * 1800px));
  border: 1px solid #3f6735;
  font-weight: normal;
  font-size: clamp(calc(19 / 1400 * 1000px) , calc(19 / 1400  * 100vw) , calc(19 / 1400 * 1800px));
  letter-spacing: 0.08em;
  line-height: 1;
  color: #3f6735;
  transition-duration: 0.4s;
}

.top_gal_section .gal_more::before{
  transition-duration: 0.4s;
  content:'';
  width:clamp(calc(6 / 1400 * 1000px) , calc(6 / 1400  * 100vw) , calc(6 / 1400 * 1800px));
  height:clamp(calc(12 / 1400 * 1000px) , calc(12 / 1400  * 100vw) , calc(12 / 1400 * 1800px));
  background-image: url('../img/common/angle_right_green.svg');
  margin-right: clamp(calc(16 / 1400 * 1000px) , calc(16 / 1400  * 100vw) , calc(16 / 1400 * 1800px));
}

@media (any-hover:hover){
  .top_gal_section .gal_more:hover{
    background-color: #3f6735;
    color:#fff;
  }

  .top_gal_section .gal_more:hover::before{
    background-image: url('../img/common/angle_right_white.svg');
  }
  
}

/*
------------------------------------
下層共通 パンクズ
------------------------------------
*/

.common_bread_area{
  position: absolute;
  top:clamp(calc(156 / 1400 * 1000px) , calc(156 / 1400  * 100vw) , calc(156 / 1400 * 1800px));
  left:clamp(calc(7 / 1400 * 1000px) , calc(7 / 1400  * 100vw) , calc(7 / 1400 * 1800px));
  width:100%;
  z-index: 5;
}

.common_bread_frame{
  width:min(calc(1220 / 1400 * 100vw) , calc(1220 / 1400 * 1800px));
  margin:0 auto;
  position: relative;
}

.common_bread_frame .common_bread_list{
  position: absolute;
  left:max(calc(-20 / 1400 * 100vw) , calc(-20 / 1400 * 1800px));
  top:0;
  display: flex;
  align-items: center;
  transform: rotateZ(90deg);
  transform-origin: left top;
}

.common_bread_frame .common_bread_list .arrow{
  margin-top: 5px;
  width:5px;
  height:10px;
  background-image: url('../img/common/angle_right_brown.svg');
  margin-left: 8px;
  margin-right: 8px;
}

.common_bread_frame .common_bread_list a{
  font-weight: 300;
  /* font-size: clamp(calc(17 / 1400 * 1000px) , calc(17 / 1400  * 100vw) , calc(17 / 1400 * 1800px)); */
  font-size: clamp(calc(17 / 1400 * 1000px) , calc(17 / 1400  * 100vw) , calc(17 / 1400 * 1400px));
  letter-spacing: 0.03em;
  line-height: 1;
  color: #c57637;
  transition-duration: 0.4s;
}

@media(any-hover:hover){
  .common_bread_frame .common_bread_list a:hover{
    opacity: 0.5;
  }
}

.common_bread_frame .common_bread_list span{
  font-weight: 300;
  /* font-size: clamp(calc(17 / 1400 * 1000px) , calc(17 / 1400  * 100vw) , calc(17 / 1400 * 1800px)); */
  font-size: clamp(calc(17 / 1400 * 1000px) , calc(17 / 1400  * 100vw) , calc(17 / 1400 * 1400px));
  
  line-height: 1;
  color: #c57637;
}

/* .common_bread_area{
  padding-top: 16px;
  padding-bottom: 16px;
  border-top:1px solid #E2E2E2;
  border-bottom:1px solid #E2E2E2;
}

.common_bread_frame{
  width:min(calc(1220 / 1400 * 100vw) , calc(1220 / 1400 * 1800px));
  margin:0 auto;
  position: relative;
}

.common_bread_frame .common_bread_list{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap:6px 0;
}

.common_bread_frame .common_bread_list .arrow{
  margin-top: 5px;
  width:5px;
  height:10px;
  background-image: url('../img/common/angle_right_brown.svg');
  margin-left: 8px;
  margin-right: 8px;
}

.common_bread_frame .common_bread_list a{
  font-weight: 300;
  font-size: clamp(calc(17 / 1400 * 1000px) , calc(17 / 1400  * 100vw) , calc(17 / 1400 * 1800px));
  letter-spacing: 0.03em;
  line-height: 1;
  color: #c57637;
  transition-duration: 0.4s;
}

@media(any-hover:hover){
  .common_bread_frame .common_bread_list a:hover{
    opacity: 0.5;
  }
}
.common_bread_frame .common_bread_list span{
  font-weight: 300;
  font-size: clamp(calc(17 / 1400 * 1000px) , calc(17 / 1400  * 100vw) , calc(17 / 1400 * 1800px));
  letter-spacing: 0.03em;
  line-height: 1;
  color: #c57637;
} */


/*
------------------------------------
下層共通 mv
------------------------------------
*/
.page_mv_section{
  position: relative;
}

.page_mv_section::before{
  content:'';
  width:min(calc(1168 / 1400 * 100vw) , calc(1168 / 1400 * 1800px));
  height:100%;
  position: absolute;
  top:0;
  right:0;
  z-index:-5;
}

.page_mv_section .title_frame{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height:min(calc(316 / 1400 * 100vw) , calc(316 / 1400 * 1800px));
}

.page_mv_section .page_title{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  color:#fff;
}

.page_mv_section .page_title .en_title{
  font-family: 'Ogg' , serif;
  font-weight: normal;
  font-size: min(calc(42 / 1400 * 100vw) , calc(42 / 1400 * 1800px));
  letter-spacing: 0.05em;
  line-height: 1;
  text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3);
}

.page_mv_section .page_title .ja_title{
  font-weight: 700;
  font-size: clamp(12px , calc(14 / 1400  * 100vw) , calc(14 / 1400 * 1800px));
  letter-spacing: 0.11em;
  line-height: 1;
  margin-top: clamp(calc(16 / 1400 * 1000px) , calc(16 / 1400  * 100vw) , calc(16 / 1400 * 1800px));
  text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3);

}
/*
------------------------------------
ギャラリー
------------------------------------
*/

body.gallery_body{
  
}

body.gallery_body .common_contact_section{
  background-color: rgba(197,118,55,0.05);
}

main.gallery_main{
  padding-top: clamp(calc(165 / 1400 * 1000px) , calc(165 / 1400 * 100vw) , calc(165 / 1400 * 1800px));
}

.gallery_section01{
  padding-bottom: clamp(calc(80 / 1400 * 1000px) , calc(80 / 1400 * 100vw) , calc(80 / 1400 * 1800px));
}

.gallery_section01 .gallery_container{
  width:min(calc(1300 / 1400 * 100vw) , calc(1300 / 1400 * 1800px));
  margin:0 auto;
}

.gallery_section01 .page_tile{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-weight: normal;
}

.gallery_section01 .page_tile .en_title{
  font-size: min(calc(49 / 1400 * 100vw) , calc(49 / 1400 * 1800px));
  letter-spacing: 0.06em;
  line-height: 1;
  color: #c57637;
}

.gallery_section01 .page_tile .ja_title{  
  font-size: clamp(12px , calc(14 / 1400  * 100vw) , calc(14 / 1400 * 1800px));
  letter-spacing: 0.11em;
  line-height: 1;
  margin-top: clamp(calc(12 / 1400  * 1000px) , calc(12 / 1400  * 100vw) , calc(12 / 1400 * 1800px));
  
}

.gallery_section01 .no_gal{
  text-align: center;
  margin-top: 24px;
}

.gallery_section01 .gal_category_flex{
  width: fit-content;
  max-width:min(calc(1220 / 1400 * 100vw) , calc(1220 / 1400 * 1800px));
  margin:0 auto;
  margin-top: clamp(calc(72 / 1400 * 1000px) , calc(72 / 1400  * 100vw) , calc(72 / 1400 * 1800px));
  display: flex;
  align-items: flex-start;
}

.gallery_section01 .gal_category_flex .gal_category_head{
  font-size: clamp(calc(17 / 1400  * 1000px) , calc(17 / 1400  * 100vw) , calc(17 / 1400 * 1800px));
  letter-spacing: 0.06em;
  line-height: 1.3;
  color: #fff;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: clamp(calc(12 / 1400  * 1000px) , calc(12 / 1400  * 100vw) , calc(12 / 1400 * 1800px));
  padding-right: clamp(calc(12 / 1400  * 1000px) , calc(12 / 1400  * 100vw) , calc(12 / 1400 * 1800px));
  border-radius: 2px;
  background: #c57637;
  flex-shrink: 0;
}

.gallery_section01 .gal_category_list{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap:clamp(calc(24 / 1400  * 1000px) , calc(24 / 1400  * 100vw) , calc(24 / 1400 * 1800px)) 0;
  margin-top: 4px;
}

.gallery_section01 .gal_category_list li{
  padding-left: clamp(calc(36 / 1400  * 700px) , calc(36 / 1400  * 100vw) , calc(36 / 1400 * 1800px));
  padding-right: clamp(calc(36 / 1400  * 700px) , calc(36 / 1400  * 100vw) , calc(36 / 1400 * 1800px));
  display: flex;
  justify-content: center;
  align-items: center;
  border-right:1px solid #C57637;
}

.gallery_section01 .gal_category_list li a{
  font-size: clamp(calc(15 / 1400  * 1000px) , calc(15 / 1400  * 100vw) , calc(15 / 1400 * 1800px));
  letter-spacing: 0.05em;
  line-height: 1.3;
  transition-duration: 0.4s;
}

.gallery_section01 .gal_category_list li a.active{
  color:#C57637;
}


.gallery_section01 .gal_list{
  margin-top: clamp(calc(40 / 1400 * 1000px) , calc(40 / 1400  * 100vw) , calc(40 / 1400 * 1800px));
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap:min(calc(40 / 1400 * 100vw) , calc(40 / 1400 * 1800px)) min(calc(14 / 1400 * 100vw) , calc(14 / 1400 * 1800px));
}

.gallery_section01 .gal_item{
  width:min(calc(424 / 1400 * 100vw) , calc(424 / 1400 * 1800px));
}

.gallery_section01 .gal_item .gal_item_thumb{
  aspect-ratio: 1/0.853;
}

.gallery_section01 .gal_item .gal_item_thumb img{
  width:100%;
  height:100%;
  object-fit: cover;
}

.gallery_section01 .gal_item .gal_item_category{
  margin-top: clamp(calc(16 / 1400 * 1000px) , calc(16 / 1400  * 100vw) , calc(16 / 1400 * 1800px));
  letter-spacing: 0.04em;
  line-height: 1.3;
  font-size: clamp(11px , calc(13 / 1400  * 100vw) , calc(13 / 1400 * 1800px));
  color:#C57637;
}

.gallery_section01 .gal_item .gal_item_title{
  margin-top: 2px;
  letter-spacing: 0.04em;
  line-height: 1.5;
}

.gallery_popup{
  position: fixed;
  width:100%;
  height:100svh;
  top:0;
  left:0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(238,213,194,0.9);
  transition-duration: 0.4s;
  opacity: 0;
  pointer-events: none;
  transform: translate(0,0,1);
  z-index: 30;
  padding: 7px;
}

.gallery_popup.show{
  opacity: 1;
  pointer-events: auto;
}

.gallery_popup .gallery_popup_frame{
  /* width:min(calc(1386 / 1400 * 100vw) , calc(1386 / 1400 * 1800px)); */
  width:100%;
  max-width: 100%;
  height:100%;
  position: relative;
  background-color: #fff;
}

.gallery_popup .js_gallery_pop_navi{
  position: absolute;
  z-index: 33;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.gallery_popup .js_gallery_pop_navi .angle{
  display: block;
  width: clamp(calc(26 / 1400 * 1000px) , calc(26 / 1400  * 100vw) , calc(26 / 1400 * 1800px));
  aspect-ratio: 1/2;
}

.gallery_popup .js_gallery_pop_navi.prev{
  /* left:min(calc(148 / 1400 * 100vw) , calc(148 / 1400 * 1800px)); */
  left:-100px;
}

.gallery_popup .js_gallery_pop_navi.prev .angle{
  background-image: url('../img/common/gallery_prev.svg');
}

.gallery_popup .js_gallery_pop_navi.next{
  /* right:min(calc(148 / 1400 * 100vw) , calc(148 / 1400 * 1800px)); */
  right:-100px;
}

.gallery_popup .js_gallery_pop_navi.next .angle{
  background-image: url('../img/common/gallery_next.svg');
}

.gallery_popup .gallery_popup_close{
  position: absolute;
  z-index: 33;
  top:clamp(calc(30 / 1400 * 1000px) , calc(30 / 1400  * 100vw) , calc(30 / 1400 * 1800px));
  right:clamp(calc(30 / 1400 * 1000px) , calc(30 / 1400  * 100vw) , calc(30 / 1400 * 1800px));
  cursor: pointer;
} 

.gallery_popup .gallery_popup_close img{
  width:clamp(calc(50 / 1400 * 1000px) , calc(50 / 1400  * 100vw) , calc(50 / 1400 * 1800px));
}

.gallery_popup .gallery_popup_contents{
  height:100%;
  position: relative;
}

.gallery_popup .gallery_popup_item{
  width: 100%;
  height:100%;
  padding-top: clamp(calc(72 / 1400 * 1000px) , calc(72 / 1400  * 100vw) , calc(72 / 1400 * 1800px));
  padding-bottom: clamp(calc(72 / 1400 * 1000px) , calc(72 / 1400  * 100vw) , calc(72 / 1400 * 1800px));
  overflow-y: scroll;
  position: absolute;
  top:0;
  left:0;
  z-index: 31;
  opacity: 0;
  pointer-events: none;
  transition-duration: 0.4s;
}

.gallery_popup .gallery_popup_item.first_show,
.gallery_popup .gallery_popup_item.show{
  opacity: 1;
  pointer-events: auto;
}

.gallery_popup.show .gallery_popup_item.show{
  transition-delay: 0.4s;
}

.gallery_popup .gallery_popup_item_inner{
  width:min(calc(890 / 1400 * 100vw) , calc(890 / 1400 * 1800px));
  margin: 0 auto;
  min-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.gallery_popup .gallery_popup_item_frame{
  width: 100%;
  /* min-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  */
} 

.gallery_popup .gallery_popup_head{
  font-size: clamp(calc(25 / 1400 * 1000px) , calc(25 / 1400  * 100vw) , calc(25 / 1400 * 1800px));
  letter-spacing: 0.09em;
  line-height: 1.2;
  text-align: center;
  color: #c57637;
}

.gallery_popup .gallery_popup_num{
  font-size: clamp(calc(58 / 1400 * 1000px) , calc(58 / 1400  * 100vw) , calc(58 / 1400 * 1800px));
  letter-spacing: 0.06em;
  line-height: 0.9;
  text-align: center;
  color: #c57637;
  margin-top: 8px;
}

.gallery_popup .gallery_popup_title{
  margin-top: clamp(calc(36 / 1400 * 1000px) , calc(36 / 1400  * 100vw) , calc(36 / 1400 * 1800px));
  font-size: clamp(calc(24 / 1400 * 1000px) , calc(24 / 1400  * 100vw) , calc(24 / 1400 * 1800px));
  letter-spacing: 0.13em;
  line-height: 1.3;
}

.gallery_popup .gallery_popup_category_flex{
  display: flex;
  flex-wrap: wrap;
  width: fit-content;
  margin-top: clamp(calc(12 / 1400 * 1000px) , calc(12 / 1400  * 100vw) , calc(12 / 1400 * 1800px));
  letter-spacing: 0.05em;
  line-height: 1.3;
  color: #c57637;

}

.gallery_popup .gallery_popup_category_head{
  flex-shrink: 0;
  font-size: clamp(13px , calc(16 / 1400  * 100vw) , calc(16 / 1400 * 1800px));
  margin-right: 3px;
}

.gallery_popup .gallery_popup_category_name{
  font-size: clamp(12px , calc(15 / 1400  * 100vw) , calc(15 / 1400 * 1800px));
}

.gallery_popup .gallery_popup_thumb{
  aspect-ratio: 1/0.638;
  position: relative;
  /* margin-top: clamp(calc(40 / 1400 * 1000px) , calc(40 / 1400  * 100vw) , calc(40 / 1400 * 1800px)); */
}

.gallery_popup .gallery_popup_thumb img{
  width: 100%;
  height:100%;
  object-fit: cover;
}

.gallery_popup .gallery_popup_text{
  margin-top: clamp(calc(24 / 1400 * 1000px) , calc(24 / 1400  * 100vw) , calc(24 / 1400 * 1800px));
  font-size: clamp(13px , calc(15 / 1400  * 100vw) , calc(15 / 1400 * 1800px));
  letter-spacing: 0.04em;
  line-height: 2.2;
}
/*
------------------------------------
ニュース一覧
------------------------------------
*/

body.news_archive_body{
  
}

body.news_archive_body .common_contact_section{
  background-color: rgba(197,118,55,0.05);
}

main.news_archive_main{
  padding-top: clamp(calc(180 / 1400 * 1000px) , calc(180 / 1400 * 100vw) , calc(180 / 1400 * 1800px));
}


.page_mv_news_archive_section::before{
  background-image: url('../img/news/news_mv.jpg');
}


.news_archive_section01{
  padding-top: min(calc(80 / 1400 * 100vw) , calc(80 / 1400 * 1800px));
  padding-bottom: min(calc(80 / 1400 * 100vw) , calc(80 / 1400 * 1800px));
}

.news_archive_section01 .news_area{
  width: clamp(790px , calc(790 / 1400 * 100vw) , calc(790 / 1400 * 1800px));
  max-width: 100%;
  margin:0 auto;
  position: relative;
}

/*
------------------------------------
ニュース詳細
------------------------------------
*/

body.news_single_body{
  
}

body.news_single_body .common_contact_section{
  background-color: rgba(197,118,55,0.05);
}

main.news_single_main{
  padding-top: clamp(calc(160 / 1400 * 1000px) , calc(160 / 1400 * 100vw) , calc(160 / 1400 * 1800px));
}

.news_single_section01{
  padding-bottom: min(calc(80 / 1400 * 100vw) , calc(80 / 1400 * 1800px));
}

.news_single_section01 .single_article{
  padding-bottom: clamp(calc(60 / 1400 * 1000px) , calc(60 / 1400  * 100vw) , calc(60 / 1400 * 1800px));
  border-bottom:1px solid #C1C1C1;
  width: clamp(800px , calc(800 / 1400 * 100vw) , calc(800 / 1400 * 1800px));
  max-width: 100%;
  margin:0 auto;
}

.news_single_section01 .page_title{
  display: flex;
  align-items: center;
  flex-direction: column;
}

.news_single_section01 .page_title .news_head{
  font-weight: normal;
  font-size: clamp(calc(25 / 1400 * 1000px) , calc(25 / 1400  * 100vw) , calc(25 / 1400 * 1800px));
  letter-spacing: 0.09em;
  line-height: 1;
  color: #c57637;

}

.news_single_section01 .page_title .news_title{
  margin-top: clamp(calc(16 / 1400 * 1000px) , calc(16 / 1400  * 100vw) , calc(16 / 1400 * 1800px));
  font-weight: normal;
  font-size: clamp(calc(26 / 1400 * 1000px) , calc(26 / 1400  * 100vw) , calc(26 / 1400 * 1800px));
  letter-spacing: 0.13em;
  line-height: 1.3;

}

.news_single_section01 .news_date{
  margin-top: clamp(calc(12 / 1400 * 1000px) , calc(12 / 1400  * 100vw) , calc(12 / 1400 * 1800px));
  font-size: clamp(12px , calc(12 / 1400  * 100vw) , calc(12 / 1400 * 1800px));
  letter-spacing: 0.11em;
  text-align: center;
} 

.news_single_section01 .single_frame{
  margin-top: clamp(calc(56 / 1400 * 1000px) , calc(56 / 1400  * 100vw) , calc(56 / 1400 * 1800px));
}

.news_single_section01 .link_flex{
  margin-top: clamp(calc(72 / 1400 * 1000px) , calc(72 / 1400  * 100vw) , calc(72 / 1400 * 1800px));
  display: flex;
  justify-content: center;
  align-items: center;
}

.news_single_section01 .link_flex .link_archive{
  margin:0 clamp(calc(40 / 1400 * 1000px) , calc(40 / 1400  * 100vw) , calc(40 / 1400 * 1800px));
  font-weight: normal;
  font-size: clamp(13px , calc(15 / 1400  * 100vw) , calc(15 / 1400 * 1800px));
  letter-spacing: 0.05em;
  line-height: 1;
}

.news_single_section01 .link_flex .link{
  width:8px;
  height:16px;
}

.news_single_section01 .link_flex .link a{
  display: block;
  width:100%;
  height:100%;
  background-image: url('../img/common/angle_right_brown.svg');
}

.news_single_section01 .link_flex .link.link_prev a{
  transform: rotateZ(180deg);
} 

.single_frame img{
  width:100%;
}

.single_frame .article_item{
  opacity:0;
  transform: translate3d(0, 80px, 0);
}


.single_frame .article_item.anime_active,
.anime_active .single_frame .article_item{
  animation-name:anime_fade_show02;
  animation-duration: 2s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}


.single_frame .article_item.text{
  margin-bottom: clamp(calc(24 / 1400 * 1000px) , calc(24 / 1400  * 100vw) , calc(24 / 1400 * 1800px));
  font-size: clamp(13px , calc(15 / 1400  * 100vw) , calc(15 / 1400 * 1800px));
  letter-spacing: 0.04em;
  line-height: 2.2;

}

.single_frame .article_item.text span{
  color: #ce2000;
}

.single_frame .article_item.text_link{
  font-size: clamp(13px , calc(15 / 1400  * 100vw) , calc(15 / 1400 * 1800px));
  letter-spacing: 0.04em;
  line-height: 2.2;
}

.single_frame .article_item.text_link::before{
  display: inline-block;
  content:'';
  width:6px;
  height:12px;
  background-image: url('../img/common/angle_right_brown.svg');
  margin-right: 12px;
}

.single_frame .article_item.link_button,
.single_frame .article_item.pdf_button{
  display: flex;
  justify-content: center;
  align-items: center;
  width:clamp(calc(374 / 1400 * 1000px) , calc(374 / 1400  * 100vw) , calc(374 / 1400 * 1800px));
  max-width: 100%;
  margin:0 auto ;
  margin-bottom: clamp(calc(32 / 1400 * 1000px) , calc(32 / 1400  * 100vw) , calc(32 / 1400 * 1800px));
  padding-top: clamp(calc(16 / 1400 * 1000px) , calc(16 / 1400  * 100vw) , calc(16 / 1400 * 1800px));
  padding-bottom: clamp(calc(16 / 1400 * 1000px) , calc(16 / 1400  * 100vw) , calc(16 / 1400 * 1800px));
  padding-left: clamp(calc(40 / 1400 * 1000px) , calc(40 / 1400  * 100vw) , calc(40 / 1400 * 1800px));
  padding-right: clamp(calc(40 / 1400 * 1000px) , calc(40 / 1400  * 100vw) , calc(40 / 1400 * 1800px));
  font-weight: normal;
  font-size: clamp(13px , calc(15 / 1400  * 100vw) , calc(15 / 1400 * 1800px));
  letter-spacing: 0.04em;
  line-height: 1.3;
  color: #c57637;
  border:1px solid #c57637;
}

.single_frame .article_item.link_button span,
.single_frame .article_item.pdf_button span{
  position: relative;
}

.single_frame .article_item.link_button span::before,
.single_frame .article_item.pdf_button span::before{
  content:'';
  width:6px;
  height:12px;
  background-image: url('../img/common/angle_right_brown.svg');
  position: absolute;
  left:-28px;
  top:0;
  bottom:0;
  margin:auto;

}

.single_frame .article_item.img_wide_full{
  width: 100%;
  margin-bottom: clamp(calc(32 / 1400 * 1000px) , calc(32 / 1400  * 100vw) , calc(32 / 1400 * 1800px));
}

.single_frame .article_item.img_wide_full img{
  width: 100%;
}

.single_frame .article_item.img figcaption{
  margin-top: clamp(calc(16 / 1400 * 1000px) , calc(16 / 1400  * 100vw) , calc(16 / 1400 * 1800px));
  font-size: clamp(13px , calc(15 / 1400  * 100vw) , calc(15 / 1400 * 1800px));
  letter-spacing: 0.04em;
  line-height: 2.2;
}

.single_frame .article_item.column_img02{
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}

.single_frame .article_item.column_img02 .column_img02_item{
  width:49.25%;
}

.single_frame .article_item.column_img03{
  display: flex;
  justify-content: space-between;
  margin-bottom: clamp(calc(40 / 1400 * 1000px) , calc(40 / 1400  * 100vw) , calc(40 / 1400 * 1800px));
}

.single_frame .article_item.column_img03 .column_img03_item{
  width:32.75%;
}

.single_frame .article_item.column_set{
  display: flex;
  justify-content: space-between;
  margin-bottom: clamp(calc(40 / 1400 * 1000px) , calc(40 / 1400  * 100vw) , calc(40 / 1400 * 1800px));
}

.single_frame .article_item.column_set .column_set_item_img{
  flex-shrink: 0;
  width:38.25%;
  margin-right: clamp(calc(32 / 1400 * 1000px) , calc(32 / 1400  * 100vw) , calc(32 / 1400 * 1800px));
}

.single_frame .article_item.column_set .column_set_item_text{
  width: 100%;
  font-size: clamp(13px , calc(15 / 1400  * 100vw) , calc(15 / 1400 * 1800px));
  letter-spacing: 0.04em;
  line-height: 2.2;
}

.single_frame .article_item.column_set.reverse .column_set_item_img{
  margin-left: clamp(calc(32 / 1400 * 1000px) , calc(32 / 1400  * 100vw) , calc(32 / 1400 * 1800px));
  margin-right: 0;
}

.single_frame .article_item.youtube{
  aspect-ratio:1/0.5625 ;
  margin-bottom: clamp(calc(40 / 1400 * 1000px) , calc(40 / 1400  * 100vw) , calc(40 / 1400 * 1800px));
}

.single_frame .article_item.youtube iframe{
  display: block;
  width:100%;
  height:100%;
}


/*
------------------------------------
お問い合わせ
------------------------------------
*/

body.contact_body{
  
}

body.contact_body .common_contact_section{
  background-color: rgba(197,118,55,0.05);
}

main.contact_main{
  padding-top: clamp(calc(160 / 1400 * 1000px) , calc(160 / 1400 * 100vw) , calc(160 / 1400 * 1800px));
}

.contact_section01{
  padding-bottom: clamp(calc(80 / 1400 * 1000px) , calc(80 / 1400  * 100vw) , calc(80 / 1400 * 1800px));
}


.contact_section01 .form_container{
  width: clamp(790px , calc(790 / 1400 * 100vw) , calc(790 / 1400 * 1800px));
  max-width: 95%;
  margin:0 auto;
}

.contact_section01 .page_tile{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-weight: normal;
}

.contact_section01 .page_tile .en_title{
  font-size: min(calc(49 / 1400 * 100vw) , calc(49 / 1400 * 1800px));
  letter-spacing: 0.06em;
  line-height: 1;
  color: #c57637;
}

.contact_section01 .page_tile .ja_title{  
  font-size: clamp(12px , calc(14 / 1400  * 100vw) , calc(14 / 1400 * 1800px));
  letter-spacing: 0.11em;
  line-height: 1;
  margin-top: 12px;
  
}

.contact_section01 .contact_text01{
  margin-top: clamp(calc(72 / 1400 * 1000px) , calc(72 / 1400  * 100vw) , calc(72 / 1400 * 1800px));
  margin-bottom: clamp(calc(48 / 1400 * 1000px) , calc(48 / 1400  * 100vw) , calc(48 / 1400 * 1800px));
  font-size: clamp(13px , calc(15 / 1400  * 100vw) , calc(15 / 1400 * 1800px));
  letter-spacing: 0.04em;
  line-height: 2.2;
}

.contact_section01 .must_text{
  margin-bottom: clamp(calc(16 / 1400 * 1000px) , calc(16 / 1400  * 100vw) , calc(16 / 1400 * 1800px));
  font-size: clamp(12px , calc(14 / 1400  * 100vw) , calc(14 / 1400 * 1800px));
  letter-spacing: 0.04em;
  line-height: 1.3;
  color: #bc1616;
}


.contact_section01 .form_box{
  padding-top: clamp(calc(36 / 1400 * 1000px) , calc(36 / 1400  * 100vw) , calc(36 / 1400 * 1800px));
  padding-bottom: clamp(calc(50 / 1400 * 1000px) , calc(50 / 1400  * 100vw) , calc(50 / 1400 * 1800px));
  border-top:1px solid #D5D5D5;
  border-bottom:1px solid #D5D5D5;
}

.contact_section01 .form_line{
  display: flex;
  align-items: flex-start;
  margin-top: clamp(calc(30 / 1400 * 1000px) , calc(30 / 1400  * 100vw) , calc(30 / 1400 * 1800px));
}

.contact_section01 .form_line.form_line:first-child{
  margin-top: 0;
}

.contact_section01 .form_line .form_left{
  flex-shrink: 0;
  width:24.1%;
  padding-top: clamp(calc(8 / 1400 * 1000px) , calc(8 / 1400  * 100vw) , calc(8 / 1400 * 1800px));
  padding-right: clamp(calc(12 / 1400 * 1000px) , calc(12 / 1400  * 100vw) , calc(12 / 1400 * 1800px));
  font-size: clamp(13px , calc(15 / 1400  * 100vw) , calc(15 / 1400 * 1800px));
  letter-spacing: 0.05em;
  line-height: 1.3;
  color:#111111;
}

.contact_section01 .form_line .form_left .must{
  color: #BC1616;
}


.contact_section01 .form_line .form_right{
  width:100%;
}

.contact_section01 .form_input_area .input_frame{
  margin-bottom: 5px;
}

.contact_section01 .form_input_area .form_line .form_right>p{
  color: #bc1616;
  font-size: clamp(12px , calc(12 / 1400  * 100vw) , calc(12 / 1400 * 1800px));
}

.contact_section01 .form_line input[type="text"],
.contact_section01 .form_line input[type="email"],
.contact_section01 .form_line input[type="tel"]{
  border:none;
  background: none;
  display: block;
  width:100%;
  height:clamp(calc(40 / 1400 * 1000px) , calc(40 / 1400  * 100vw) , calc(40 / 1400 * 1800px));
  background-color: rgba(197,118,55,0.08);
  padding:0 clamp(calc(12 / 1400 * 1000px) , calc(12 / 1400  * 100vw) , calc(12 / 1400 * 1800px));
  font-size: clamp(13px , calc(15 / 1400  * 100vw) , calc(15 / 1400 * 1800px));
  letter-spacing: 0.05em;
  line-height: 1.3;
}

.contact_section01 .form_line textarea{
  border:none;
  background: none;
  display: block;
  width:100%;
  height:clamp(calc(220 / 1400 * 1000px) , calc(220 / 1400  * 100vw) , calc(220 / 1400 * 1800px));
  background-color: rgba(197,118,55,0.08);
  padding:clamp(calc(12 / 1400 * 1000px) , calc(12 / 1400  * 100vw) , calc(12 / 1400 * 1800px));
  font-size: clamp(13px , calc(15 / 1400  * 100vw) , calc(15 / 1400 * 1800px));
  letter-spacing: 0.05em;
  line-height: 1.5;
}

.contact_section01 .form_line .input_frame_half{
  width:244px;
  max-width: 100%;
}

.contact_section01 .form_line .agree_label{
  width:fit-content;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-weight: normal;
  font-size: clamp(13px , calc(15 / 1400  * 100vw) , calc(15 / 1400 * 1800px));
  letter-spacing: 0.05em;
  line-height: 1;
}

.contact_section01 .form_line .agree_label input{
  width:clamp(calc(24 / 1400 * 1000px) , calc(24 / 1400  * 100vw) , calc(24 / 1400 * 1800px));
  height:clamp(calc(24 / 1400 * 1000px) , calc(24 / 1400  * 100vw) , calc(24 / 1400 * 1800px));
  margin-right: clamp(calc(10 / 1400 * 1000px) , calc(10 / 1400  * 100vw) , calc(10 / 1400 * 1800px));
}

.contact_section01 .agree_box{
  height:clamp(calc(184 / 1400 * 1000px) , calc(184 / 1400  * 100vw) , calc(184 / 1400 * 1800px));
  overflow-y: scroll;
  border:1px solid #CECECE;
  margin-top: 16px;
  color: #3C3C3B;
  margin-bottom: 5px;
}

.contact_section01 .agree_box .agree_text{
  padding-top:clamp(calc(16 / 1400 * 1000px) , calc(16 / 1400  * 100vw) , calc(16 / 1400 * 1800px));
  padding-bottom:clamp(calc(16 / 1400 * 1000px) , calc(16 / 1400  * 100vw) , calc(16 / 1400 * 1800px));
  padding-right:clamp(calc(28 / 1400 * 1000px) , calc(28 / 1400  * 100vw) , calc(28 / 1400 * 1800px));
  padding-left:clamp(calc(20 / 1400 * 1000px) , calc(20 / 1400  * 100vw) , calc(20 / 1400 * 1800px));
  font-size: clamp(12px , calc(14 / 1400  * 100vw) , calc(14 / 1400 * 1800px));
  letter-spacing: 0.03em;
  line-height: 1.5;
  color: #3C3C3B;
}

.contact_section01 .submit{
  border:none;
  background: none;
  border-radius: 0;
  cursor: pointer;
  margin:0 auto;
  margin-top: clamp(calc(50 / 1400 * 1000px) , calc(50 / 1400  * 100vw) , calc(50 / 1400 * 1800px));
  font-family: 'Ogg' , serif;
  display: flex;
  justify-content: center;
  align-items: center;
  border:1px solid #C57637;
  width: clamp(calc(374 / 1400 * 1000px) , calc(374 / 1400  * 100vw) , calc(374 / 1400 * 1800px));
  height: clamp(calc(54 / 1400 * 1000px) , calc(54 / 1400  * 100vw) , calc(54 / 1400 * 1800px));
  font-weight: normal;
  font-size: clamp(calc(19 / 1400 * 1000px) , calc(19 / 1400  * 100vw) , calc(19 / 1400 * 1800px));
  letter-spacing: 0.08em;
  line-height: 1;
  color: #c57637;
  transition-duration: 0.4s;
}

.contact_section01 .submit span{
  position: relative;
}

.contact_section01 .submit span::before{
  content:'';
  width: 6px;
  height: 12px;
  background-image: url('../img/common/angle_right_brown.svg');
  position: absolute;
  left:-24px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transition-duration: 0.4s;
}

@media (any-hover:hover){
  .contact_section01 .submit:hover{
    background-color: #c57637;
    color:#fff;
  }

  .contact_section01 .submit:hover span::before{
    background-image: url('../img/common/angle_right_white.svg');
  }
  
}

.contact_section01 .back_button{
  border:none;
  background: none;
  border-radius: 0;
  cursor: pointer;
  margin:0 auto;
  margin-top: clamp(calc(12 / 1400 * 1000px) , calc(12 / 1400  * 100vw) , calc(12 / 1400 * 1800px));
  font-family: 'Ogg' , serif;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #F8F8F8;
  width: clamp(calc(374 / 1400 * 1000px) , calc(374 / 1400  * 100vw) , calc(374 / 1400 * 1800px));
  height: clamp(calc(54 / 1400 * 1000px) , calc(54 / 1400  * 100vw) , calc(54 / 1400 * 1800px));
  font-weight: normal;
  font-size: clamp(calc(19 / 1400 * 1000px) , calc(19 / 1400  * 100vw) , calc(19 / 1400 * 1800px));
  letter-spacing: 0.08em;
  line-height: 1;
  color: #c57637;
}

.contact_section01 .back_button span{
  position: relative;
}

.contact_section01 .back_button span::before{
  content:'';
  width: 6px;
  height: 12px;
  background-image: url('../img/common/angle_right_brown.svg');
  position: absolute;
  left:-24px;
  top: 50%;
  transform: translateY(-50%) rotateZ(180deg);
  -webkit-transform: translateY(-50%) rotateZ(180deg);
  -ms-transform: translateY(-50%) rotateZ(180deg);

}


.contact_section01 .form_confirm_area .form_line .form_left{
  padding-top:2px;
}

.contact_section01 .form_confirm_area .form_line .form_right{
  font-size: clamp(12px , calc(14 / 1400  * 100vw) , calc(14 / 1400 * 1800px));
  letter-spacing: 0.05em;
  line-height: 1.7;
  color: #111;

}

.contact_section01 .contact_finish_text01{
  margin-top: clamp(calc(72 / 1400 * 1000px) , calc(72 / 1400  * 100vw) , calc(72 / 1400 * 1800px));
  font-size: clamp(13px , calc(17 / 1400  * 100vw) , calc(17 / 1400 * 1800px));
  letter-spacing: 0.04em;
  line-height: 1.5;
}

.contact_section01 .contact_finish_text02{
  margin-top: clamp(calc(16 / 1400 * 1000px) , calc(16 / 1400  * 100vw) , calc(16 / 1400 * 1800px));
  font-size: clamp(13px , calc(15 / 1400  * 100vw) , calc(15 / 1400 * 1800px));
  letter-spacing: 0.04em;
  line-height: 2.2;
}

.contact_section01 .top_link{
  display: flex;
  justify-content: center;
  align-items: center;
  margin:0 auto;
  margin-top: clamp(calc(50 / 1400 * 1000px) , calc(50 / 1400  * 100vw) , calc(50 / 1400 * 1800px));
  width: clamp(calc(374 / 1400 * 1000px) , calc(374 / 1400  * 100vw) , calc(374 / 1400 * 1800px));
  height: clamp(calc(54 / 1400 * 1000px) , calc(54 / 1400  * 100vw) , calc(54 / 1400 * 1800px));
  border: 1px solid #c57637;
  font-weight: normal;
  font-size: clamp(calc(19 / 1400 * 1000px) , calc(19 / 1400  * 100vw) , calc(19 / 1400 * 1800px));
  letter-spacing: 0.08em;
  line-height: 1;
  color: #c57637;
  transition-duration: 0.4s;
}

.contact_section01 .top_link span{
  position: relative;
}

.contact_section01 .top_link span::before{
  content:'';
  width: 6px;
  height: 12px;
  background-image: url('../img/common/angle_right_brown.svg');
  position: absolute;
  left:-24px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transition-duration: 0.4s;
}

@media (any-hover:hover){
  .contact_section01 .top_link:hover{
    background-color: #c57637;
    color:#fff;
  }

  .contact_section01 .top_link:hover span::before{
    background-image: url('../img/common/angle_right_white.svg');
  }
  
}

.contact_section01 .grecaptcha_term{
  width: fit-content;
  margin: 0 auto;
  font-size: clamp(12px , calc(12 / 1400  * 100vw) , calc(12 / 1400 * 1800px));
  margin-top: clamp(calc(80 / 1400 * 1000px) , calc(80 / 1400  * 100vw) , calc(80 / 1400 * 1800px));
}

.contact_section01 .grecaptcha_term a{
  border-bottom:1px solid #3C3C3B;
  transition-duration: 0.4s;
}

@media(any-hover:hover){
  .contact_section01 .grecaptcha_term a:hover{
    border-bottom:1px solid transparent;
  }
}


/*
------------------------------------
FAQ
------------------------------------
*/

body.faq_body{
  
}

body.faq_body .common_contact_section{
  background-color: rgba(197,118,55,0.05);
}

main.faq_main{
  padding-top: clamp(calc(180 / 1400 * 1000px) , calc(180 / 1400 * 100vw) , calc(180 / 1400 * 1800px));
}

.page_mv_faq_section::before{
  background-image: url('../img/faq/faq_mv.jpg');
}


.faq_section{
  padding-top: min(calc(118 / 1400 * 100vw) , calc(118 / 1400 * 1800px));
}

.faq_section.faq_link_section{
  padding-top: min(calc(72 / 1400 * 100vw) , calc(72 / 1400 * 1800px));
}

.faq_section:last-child{
  padding-bottom: min(calc(156 / 1400 * 100vw) , calc(156 / 1400 * 1800px));
}

.faq_section .faq_container{
  width: clamp(800px, calc(800 / 1400* 100vw), calc(800 / 1400* 1800px));
  max-width: 90%;
  margin: 0 auto;
  position: relative;
}

.faq_section .faq_link_list{
  display: flex;
  gap:16px 0;
}

.faq_section .faq_link_list li{
  width: 25%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  border-left:1px solid #C57637;
  padding-left: 4px;
  padding-right: 4px;
}

.faq_section .faq_link_list li:nth-child(4n){
  border-right:1px solid #C57637;
}

.faq_section .faq_link_list li:last-child{
  border-right:1px solid #C57637;
}

.faq_section .faq_link_list li a{
  font-weight: normal;
  font-size: clamp(12px , calc(15 / 1400  * 100vw) , calc(15 / 1400 * 1800px));
  letter-spacing: 0.05em;
  line-height: 1.3;
  transition-duration: 0.4s;
}

@media(any-hover:hover){
  .faq_section .faq_link_list li a:hover{
    opacity: 0.5;
  }
}


.faq_section .faq_head{
  font-weight: normal;
  font-size: clamp(calc(19 / 1400 * 1000px) , calc(19 / 1400  * 100vw) , calc(19 / 1400 * 1800px));
  letter-spacing: 0.05em;
  line-height: 1.3;
}

.faq_section .faq_list{
  margin-top: clamp(calc(30 / 1400 * 1000px) , calc(30 / 1400  * 100vw) , calc(30 / 1400 * 1800px));
}

.faq_section .faq_block{
  border-bottom: 1px solid #C1C1C1;
  padding-bottom: 6px;
}

.faq_section .faq_block .faq_question{
  position: relative;
  padding-left: clamp(calc(56 / 1400 * 1000px) , calc(56 / 1400  * 100vw) , calc(56 / 1400 * 1800px));
  padding-right: clamp(calc(56 / 1400 * 1000px) , calc(56 / 1400  * 100vw) , calc(56 / 1400 * 1800px));
  padding-bottom: clamp(calc(14 / 1400 * 1000px) , calc(14 / 1400  * 100vw) , calc(14 / 1400 * 1800px));
  padding-top: clamp(calc(30 / 1400 * 1000px) , calc(30 / 1400  * 100vw) , calc(30 / 1400 * 1800px));
  font-size: clamp(13px , calc(16 / 1400  * 100vw) , calc(16 / 1400 * 1800px));
  letter-spacing: 0.05em;
  line-height: 1.5;
  cursor: pointer;
}

.faq_section .faq_block .faq_question::before{
  font-family: 'Ogg' , serif;
  content:'Q';
  font-weight: normal;
  font-size: clamp(calc(38 / 1400 * 1000px) , calc(38 / 1400  * 100vw) , calc(38 / 1400 * 1800px));
  letter-spacing: 0.06em;
  line-height: 1;
  position: absolute;
  left:0;
  top:clamp(calc(16 / 1400 * 1000px) , calc(16 / 1400  * 100vw) , calc(16 / 1400 * 1800px));
} 
.faq_section .faq_block:nth-child(odd) .faq_question::before{
  color: #c57637;
}
.faq_section .faq_block:nth-child(even) .faq_question::before{
  color: #3F6735;
}

.faq_section .faq_block .faq_question::after{
  content:'';
  width:clamp(calc(20 / 1400 * 1000px) , calc(20 / 1400  * 100vw) , calc(20 / 1400 * 1800px));
  height:clamp(calc(20 / 1400 * 1000px) , calc(20 / 1400  * 100vw) , calc(20 / 1400 * 1800px));
  background-image: url('../img/common/icon_plus_brown.svg');
  position: absolute;
  right:clamp(calc(10 / 1400 * 1000px) , calc(10 / 1400  * 100vw) , calc(10 / 1400 * 1800px));
  top:clamp(calc(32 / 1400 * 1000px) , calc(32 / 1400  * 100vw) , calc(32 / 1400 * 1800px));
}

.faq_section .faq_block .faq_question.active::after{
  height:1px;
  background-image: url('../img/common/icon_minus_brown.svg');
  top:clamp(calc(41 / 1400 * 1000px) , calc(41 / 1400  * 100vw) , calc(41 / 1400 * 1800px));
}

.faq_section .faq_block .faq_answer{
  background-color: rgba(197,118,55,0.05);
  position: relative;
  padding-top:clamp(calc(24 / 1400 * 1000px) , calc(24 / 1400  * 100vw) , calc(24 / 1400 * 1800px));
  padding-bottom: clamp(calc(32 / 1400 * 1000px) , calc(32 / 1400  * 100vw) , calc(32 / 1400 * 1800px));
  padding-right: clamp(calc(36 / 1400 * 1000px) , calc(36 / 1400  * 100vw) , calc(36 / 1400 * 1800px));
  padding-left: clamp(calc(88 / 1400 * 1000px) , calc(88 / 1400  * 100vw) , calc(88 / 1400 * 1800px));
  font-size: clamp(12px , calc(15 / 1400  * 100vw) , calc(15 / 1400 * 1800px));
  letter-spacing: 0.04em;
  line-height: 2.2;
  display: none;
}

.faq_section .faq_block .faq_answer::before{
  font-family: 'Ogg' , serif;
  content:'A';
  font-weight: normal;
  font-size: clamp(calc(38 / 1400 * 1000px) , calc(38 / 1400  * 100vw) , calc(38 / 1400 * 1800px));
  letter-spacing: 0.06em;
  line-height: 1;
  position: absolute;
  left:clamp(calc(32 / 1400 * 1000px) , calc(32 / 1400  * 100vw) , calc(32 / 1400 * 1800px));
  top:clamp(calc(24 / 1400 * 1000px) , calc(24 / 1400  * 100vw) , calc(24 / 1400 * 1800px));
  color:#BC1616;
}

/*
------------------------------------
コンセプト
------------------------------------
*/

body.concept_body{
  
}

body.concept_body .common_contact_section{
  /* background-color: rgba(197,118,55,0.05); */
}

body.concept_body .common_bread_frame .common_bread_list a,
body.concept_body .common_bread_frame .common_bread_list span{
  color:#fff;
}

body.concept_body .common_bread_frame .common_bread_list .arrow {
  background-image: url('../img/common/angle_right_white.svg');
}

main.concept_main{
  padding-top: clamp(calc(124 / 1400* 1100px), calc(124 / 1400* 100vw), calc(124 / 1400* 1800px));
}


.page_mv_concept_section::before{
  background-image: url('../img/concept/concept_mv.jpg');
  width: 100%;
}

.page_mv_concept_section .title_frame {
  height: min(calc(440 / 1400* 100vw), calc(440 / 1400* 1800px));
}


.concept_section01{
  padding-top: min(calc(132 / 1400* 100vw), calc(132 / 1400* 1800px));
  padding-bottom: min(calc(132 / 1400* 100vw), calc(132 / 1400* 1800px));
}

.concept_section01 .sec_title{
  font-weight: normal;
  font-size: clamp(calc(27 / 1400* 1000px) , calc(27 / 1400* 100vw), calc(27 / 1400* 1800px));
  letter-spacing: 0.05em;
  text-align: center;
  line-height: 1.3;
}

.concept_section01 p{
  text-align: center;
  letter-spacing: 0.03em;
  line-height: 2.3;
  margin-top: clamp(calc(56 / 1400* 1000px) , calc(56 / 1400* 100vw), calc(56 / 1400* 1800px));
}

.concept_section01 p+p{
  margin-top: clamp(calc(38 / 1400* 1000px) , calc(38 / 1400* 100vw), calc(38 / 1400* 1800px));
}

.concept_section .sec_title_set{
  display: flex;
  flex-direction: column;
  align-items: center;
}

.concept_section .sec_title_set .ja_title{
  font-weight: normal;
  font-size: clamp(calc(27 / 1400* 1000px) , calc(27 / 1400* 100vw), calc(27 / 1400* 1800px));
  letter-spacing: 0.05em;
  line-height: 1.3;
}

.concept_section .sec_title_set .en_title{
  margin-top: clamp(calc(12 / 1400* 1000px) , calc(12 / 1400* 100vw), calc(12 / 1400* 1800px));
  font-family: 'Ogg' , serif;
  font-weight: normal;
  font-size: clamp(calc(19 / 1400* 1000px) , calc(19 / 1400* 100vw), calc(19 / 1400* 1800px));
  letter-spacing: 0.09em;
  line-height: 1.3;
  text-align: center;
}

.concept_section .concept_list{
  display: flex;
  justify-content: space-between;
  margin-top: clamp(calc(56 / 1400* 1000px) , calc(56 / 1400* 100vw), calc(56 / 1400* 1800px));
  padding-left: min(calc(16 / 1400* 100vw), calc(16 / 1400* 1800px));
  padding-right: min(calc(16 / 1400* 100vw), calc(16 / 1400* 1800px));
}

.concept_section .concept_block{
  width:min(calc(385 / 1400 * 100vw) , calc(385 / 1400 * 1800px));
  background-color: #fff;
  padding-top: clamp(calc(40 / 1400* 1000px) , calc(40 / 1400* 100vw), calc(40 / 1400* 1800px));
  padding-bottom: clamp(calc(32 / 1400* 1000px) , calc(32 / 1400* 100vw), calc(32 / 1400* 1800px));
}

.concept_section .concept_block .concept_block_title{
  text-align: center;
  font-weight: normal;
  font-size: clamp(calc(22 / 1400* 1000px) , calc(22 / 1400* 100vw), calc(22 / 1400* 1800px));
  letter-spacing: 0.03em;
  line-height: 1.6;
  text-align: center;
}

.concept_section .concept_block .concept_block_icon{
  height:clamp(calc(120 / 1400* 1000px) , calc(120 / 1400* 100vw), calc(120 / 1400* 1800px));
  display: flex;
  justify-content: center;
  align-items: center;
}

.concept_section .concept_block .concept_block_text{
  font-size: clamp(12px , calc(15 / 1400* 100vw), calc(15 / 1400* 1800px));
  letter-spacing: 0.04em;
  line-height: 2;
  padding-left: min(calc(40 / 1400 * 100vw) , calc(40 / 1400 * 1800px));
  padding-right: min(calc(40 / 1400 * 100vw) , calc(40 / 1400 * 1800px));
}

.concept_section02{
  padding-top: min(calc(100 / 1400 * 100vw) , calc(100 / 1400 * 1800px));
  padding-bottom: min(calc(100 / 1400 * 100vw) , calc(100 / 1400 * 1800px));
  background-color: rgba(197,118,55,0.1);
}

.concept_section02 .sec_title_set .en_title{
  color: #c57637;
}

.concept_section02 .concept_block .concept_block_title{
  color: #c57637;
}

.concept_section02 .concept_block .icon_house01{
  width:clamp(calc(65 / 1400* 1000px) , calc(65 / 1400* 100vw), calc(65 / 1400* 1800px));
}
.concept_section02 .concept_block .icon_house02{
  width:clamp(calc(62 / 1400* 1000px) , calc(62 / 1400* 100vw), calc(62 / 1400* 1800px));
}
.concept_section02 .concept_block .icon_house03{
  width:clamp(calc(47 / 1400* 1000px) , calc(47 / 1400* 100vw), calc(47 / 1400* 1800px));
}

.concept_section03{
  padding-top: min(calc(100 / 1400 * 100vw) , calc(100 / 1400 * 1800px));
  padding-bottom: min(calc(100 / 1400 * 100vw) , calc(100 / 1400 * 1800px));
  background-color: rgba(63,103,53,0.1);
}

.concept_section03 .sec_title_set .en_title{
  color: #3F6735;
}

.concept_section03 .concept_block .concept_block_title{
  color: #3F6735;
}

.concept_section03 .concept_block .icon_furniture01{
  width:clamp(calc(118 / 1400* 1000px) , calc(118 / 1400* 100vw), calc(118 / 1400* 1800px));
}
.concept_section03 .concept_block .icon_furniture02{
  width:clamp(calc(86 / 1400* 1000px) , calc(86 / 1400* 100vw), calc(86 / 1400* 1800px));
}
.concept_section03 .concept_block .icon_furniture03{
  width:clamp(calc(100 / 1400* 1000px) , calc(100 / 1400* 100vw), calc(100 / 1400* 1800px));
}


/*
------------------------------------
こだわり
------------------------------------
*/

body.commit_body{
  
}


/* body.commit_body .common_bread_area{
  background-color: rgba(197,118,55,0.05);
} */

body.commit_body .common_contact_section{
  background-color: rgba(197,118,55,0.05);
}

main.commit_main{
  padding-top: clamp(calc(180 / 1400 * 1000px) , calc(180 / 1400 * 100vw) , calc(180 / 1400 * 1800px));
}

.page_mv_commit_section::before{
  background-image: url('../img/commit/commit_mv.jpg');
}


.commit_section{

}

.commit_section .commit_container{
  /* max-width: min(calc(1000 / 1400 * 100vw) , calc(1000 / 1400 * 1800px)); */
  width: clamp(1000px, calc(1000 / 1400* 100vw), calc(1000 / 1400* 1800px));
  max-width: 86%;
  margin: 0 auto;
  margin:0 auto;
}

.commit_section01{
  padding-top: clamp(calc(76 / 1400 * 1000px) , calc(76 / 1400  * 100vw) , calc(76 / 1400 * 1800px));
  padding-bottom: clamp(calc(64 / 1400 * 1000px) , calc(64 / 1400  * 100vw) , calc(64 / 1400 * 1800px));
}

.commit_section01 .link_list{
  display: flex;
  justify-content: center;
  gap:16px 0;
}

.commit_section01 .link_list li{
  min-width: clamp(calc(266 / 1400 * 1000px) , calc(266 / 1400  * 100vw) , calc(266 / 1400 * 1800px));
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-left:1px solid #C57637 ;
}

.commit_section01 .link_list li:last-child{
  border-right:1px solid #C57637 ;
}

.commit_section01 .link_list li a{
  font-size: clamp(12px , calc(15 / 1400  * 100vw) , calc(15 / 1400 * 1800px));
  letter-spacing: 0.11em;
  line-height: 1.3;
  transition-duration: 0.4s;
}

@media(any-hover:hover){
  .commit_section01 .link_list li a:hover{
    opacity: 0.5;
  }
}


.commit_section01 .sec_title{
  margin-top: clamp(calc(100 / 1400 * 1000px) , calc(100 / 1400  * 100vw) , calc(100 / 1400 * 1800px));
  font-weight: normal;
  font-size: clamp(calc(25 / 1400 * 1000px) , calc(25 / 1400  * 100vw) , calc(25 / 1400 * 1800px));
  letter-spacing: 0.03em;
  line-height: 1.7;
  text-align: center;
}

.commit_section01 .p01{
  margin-top: clamp(calc(48 / 1400 * 1000px) , calc(48 / 1400  * 100vw) , calc(48 / 1400 * 1800px));
  font-size: clamp(12px , calc(15 / 1400  * 100vw) , calc(15 / 1400 * 1800px));
  letter-spacing: 0.04em;
  line-height: 2.2;
}

.commit_section01 .commit_icon{
  width:min(calc(130 / 1400 * 100vw) , calc(130 / 1400 * 1800px)); 
  margin:0 auto;
  margin-top: clamp(calc(72 / 1400 * 1000px) , calc(72 / 1400  * 100vw) , calc(72 / 1400 * 1800px));
}


.commit_section .sec_title_set{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top:clamp(calc(32 / 1400 * 1000px) , calc(32 / 1400  * 100vw) , calc(32 / 1400 * 1800px));
  padding-bottom: clamp(calc(32 / 1400 * 1000px) , calc(32 / 1400  * 100vw) , calc(32 / 1400 * 1800px));
  text-align: center;
  font-weight: normal;
}

.commit_section .sec_title_set .ja_title{
  
  font-size:clamp(calc(27 / 1400 * 1000px) , calc(27 / 1400  * 100vw) , calc(27 / 1400 * 1800px));
  letter-spacing: 0.05em;
  line-height: 1.3;
}

.commit_section .sec_title_set .en_title{
  margin-top: clamp(calc(12 / 1400 * 1000px) , calc(12 / 1400  * 100vw) , calc(12 / 1400 * 1800px));
  font-family: 'Ogg' , serif;
  font-size:clamp(calc(19 / 1400 * 1000px) , calc(19 / 1400  * 100vw) , calc(19 / 1400 * 1800px));
  letter-spacing: 0.09em;
  line-height: 1.3;
}

.commit_house_section{

}

.commit_house_section .sec_title_set{
  border-top: 1px solid rgba(197,118,55,0.3);
  border-bottom: 1px solid rgba(197,118,55,0.3);
}
.commit_house_section .sec_title_set .en_title{
  color: #c57637;
}

.commit_house_section .house_flex{
  margin-top: clamp(calc(90 / 1400 * 1000px) , calc(90 / 1400  * 100vw) , calc(90 / 1400 * 1800px));
  display: flex;
  align-items: flex-end;
}

.commit_house_section .house_text_area{
  width: 100%;
}

.commit_house_section .house_head{
  font-size: clamp(calc(25 / 1400 * 1000px) , calc(25 / 1400  * 100vw) , calc(25 / 1400 * 1800px));
  letter-spacing: 0.03em;
  line-height: 1.3;
  font-weight: normal;
}

.commit_house_section .house_text{
  margin-top: clamp(calc(40 / 1400 * 1000px) , calc(40 / 1400  * 100vw) , calc(40 / 1400 * 1800px));
  font-size: clamp(12px , calc(15 / 1400  * 100vw) , calc(15 / 1400 * 1800px));
  letter-spacing: 0.04em;
  line-height: 2.2;
}
.commit_house_section .house_img_area{
  display: flex;
  align-items: flex-end;
  flex-shrink: 0;
  margin-left: min(calc(64 / 1400 * 100vw) , calc(64 / 1400 * 1800px));
}

.commit_house_section .house_img_area img{
  width:min(calc(177 / 1400 * 100vw) , calc(177 / 1400 * 1800px));
}

.commit_house_section .house_img_area .house_img_item+.house_img_item{
  margin-left: min(calc(14 / 1400 * 100vw) , calc(14 / 1400 * 1800px));
}

.commit_house_section .quake_area{
  padding-top: min(calc(85 / 1400 * 100vw) , calc(85 / 1400 * 1800px));
  padding-bottom: min(calc(120 / 1400 * 100vw) , calc(120 / 1400 * 1800px));
  margin-top: min(calc(140 / 1400 * 100vw) , calc(140 / 1400 * 1800px));
  position: relative;
  
}

.commit_house_section .quake_area::before{
  content:'';
  width:100vw;
  height:100%;
  background-color:#C57637 ;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index:-1;
  opacity: 0.08;
}

.commit_house_section .quake_area .quake_flex{
  display: flex;
  align-items: flex-end;
}

.commit_house_section .quake_area .quake_text_area{
  width: 100%;
  padding-bottom: clamp(calc(30 / 1400 * 1000px) , calc(30 / 1400  * 100vw) , calc(30 / 1400 * 1800px));
}

.commit_house_section .quake_area .quake_head{
  font-weight: normal;
  font-size: clamp(calc(25 / 1400 * 1000px) , calc(25 / 1400  * 100vw) , calc(25 / 1400 * 1800px));
  letter-spacing: 0.03em;
  line-height: 1.3;
}

.commit_house_section .quake_area .quake_text{
  margin-top: clamp(calc(40 / 1400 * 1000px) , calc(40 / 1400  * 100vw) , calc(40 / 1400 * 1800px));
  font-size: clamp(12px , calc(15 / 1400  * 100vw) , calc(15 / 1400 * 1800px));
  letter-spacing: 0.04em;
  line-height: 2.2;
  
}

.commit_house_section .quake_area .quake_img_area{
  width:min(calc(264 / 1400 * 100vw) , calc(264 / 1400 * 1800px));
  margin-left: min(calc(120 / 1400 * 100vw) , calc(120 / 1400 * 1800px));
  margin-right: min(calc(50 / 1400 * 100vw) , calc(50 / 1400 * 1800px));
  flex-shrink: 0;
}

.commit_house_section .quake_area .quake_img_area img{
  width:100%;
}


.commit_house_section .quake_area .quake_outline{
  margin-top: clamp(calc(40 / 1400 * 1000px) , calc(40 / 1400  * 100vw) , calc(40 / 1400 * 1800px));
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: clamp(calc(14 / 1400 * 1000px) , calc(14 / 1400  * 100vw) , calc(14 / 1400 * 1800px));
  padding-bottom: clamp(calc(14 / 1400 * 1000px) , calc(14 / 1400  * 100vw) , calc(14 / 1400 * 1800px));
  padding-left: 8px;
  padding-right: 8px;
  background-color: #fff;
  border-radius: 6px;
}

.commit_house_section .quake_area .quake_outline p{
  font-weight: normal;
  font-size: clamp(calc(21 / 1400 * 1000px) , calc(21 / 1400  * 100vw) , calc(21 / 1400 * 1800px));
  letter-spacing: 0.05em;
  line-height: 1.3;
  display: flex;
  align-items: center;
  gap:0 10px;
}

.commit_house_section .quake_area .quake_outline p .red{
  color: #bc1616;
}

.commit_house_section .quake_area .quake_outline p .num{
  font-size: clamp(calc(41 / 1400 * 1000px) , calc(41 / 1400  * 100vw) , calc(41 / 1400 * 1800px));
  translate: 0 -4px;
}

.commit_house_section .quake_area .quake_outline .plus{
  width: 15px;
  height:25px;
  background-image: url('../img/common/icon_plus_black.svg');
  font-size: clamp(calc(25 / 1400 * 1000px) , calc(25 / 1400  * 100vw) , calc(25 / 1400 * 1800px));
  line-height: 1;
  margin-left: clamp(calc(36 / 1400 * 1000px) , calc(36 / 1400  * 100vw) , calc(36 / 1400 * 1800px));
  margin-right: clamp(calc(36 / 1400 * 1000px) , calc(36 / 1400  * 100vw) , calc(36 / 1400 * 1800px));
}

.commit_house_section .quake_area .quake_white_box{
  margin-top: clamp(calc(16 / 1400 * 1000px) , calc(16 / 1400  * 100vw) , calc(16 / 1400 * 1800px));
  background-color: #fff;
  border-radius: 6px;
  padding-top: clamp(calc(54 / 1400 * 1000px) , calc(54 / 1400  * 100vw) , calc(54 / 1400 * 1800px));
  padding-bottom: clamp(calc(50 / 1400 * 1000px) , calc(50 / 1400  * 100vw) , calc(50 / 1400 * 1800px));
}

.commit_house_section .quake_area .quake_list{
  display: flex;
  justify-content: center;
}

.commit_house_section .quake_area .quake_block{
  width: clamp(calc(182 / 1400 * 1000px) , calc(182 / 1400  * 100vw) , calc(182 / 1400 * 1800px));
}

.commit_house_section .quake_area .quake_icon{
  height:min(calc(156 / 1400 * 100vw) , calc(156 / 1400 * 1800px));
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.commit_house_section .quake_area .quake_icon .quake01{
  height:min(calc(107 / 1400 * 100vw) , calc(107 / 1400 * 1800px));
}
.commit_house_section .quake_area .quake_icon .quake02{
  height:min(calc(130 / 1400 * 100vw) , calc(130 / 1400 * 1800px));
}
.commit_house_section .quake_area .quake_icon .quake03{
  height:min(calc(156 / 1400 * 100vw) , calc(156 / 1400 * 1800px));
}

.commit_house_section .quake_area .quake_info_area{
  margin-top: clamp(calc(20 / 1400 * 1000px) , calc(20 / 1400  * 100vw) , calc(20 / 1400 * 1800px));
  font-weight: 600;
}

.commit_house_section .quake_area .quake_info_area p{
  line-height: 1.4;
  text-align: center;
  font-family: 'Noto Sans', sans-serif;
  font-feature-settings: 'palt';
}

.commit_house_section .quake_area .quake_info_area p .min{
  font-size: clamp(12px , calc(14 / 1400  * 100vw) , calc(14 / 1400 * 1800px));
  letter-spacing: 0.05em;
  line-height: 1.2;
  display: inline-block;
}

.commit_house_section .quake_area .quake_info_area p+p{
  margin-top: 8px;
}

.commit_house_section .quake_area .quake_info_area p .red{
  color:#BC1616;
}

.commit_house_section .quake_area .quake_info_area p .num01{
  font-size: clamp(calc(46 / 1400 * 1000px) , calc(46 / 1400  * 100vw) , calc(46 / 1400 * 1800px));
  line-height: clamp(calc(35 / 1400 * 1000px) , calc(35 / 1400  * 100vw) , calc(35 / 1400 * 1800px));
  font-weight: 600;
  font-family: 'Noto Serif JP', serif;
  /* font-family: "Noto Serif Myanmar", serif; */
}
.commit_house_section .quake_area .quake_info_area p .num02{
  font-size: clamp(calc(60 / 1400 * 1000px) , calc(60 / 1400  * 100vw) , calc(60 / 1400 * 1800px));
  line-height: clamp(calc(35 / 1400 * 1000px) , calc(35 / 1400  * 100vw) , calc(35 / 1400 * 1800px));
  font-weight: 600;
  font-family: 'Noto Serif JP', serif;
  /* font-family: "Noto Serif Myanmar", serif; */
}

.commit_house_section .quake_area .quake_block02{
  margin-left: min(calc(110 / 1400 * 100vw) , calc(110 / 1400 * 1800px));
  margin-right: min(calc(110 / 1400 * 100vw) , calc(110 / 1400 * 1800px));
}

.commit_house_section .quake_area .quake_remark01{
  margin-top: clamp(calc(24 / 1400 * 1000px) , calc(24 / 1400  * 100vw) , calc(24 / 1400 * 1800px));
  font-size: clamp(12px , calc(15 / 1400  * 100vw) , calc(15 / 1400 * 1800px));
  letter-spacing: 0.04em;
  line-height: 2.2;
}


.commit_house_section .quake_area .quake_remark02{
  margin-top: clamp(calc(20 / 1400 * 1000px) , calc(20 / 1400  * 100vw) , calc(20 / 1400 * 1800px));
  font-size: clamp(12px , calc(14 / 1400  * 100vw) , calc(14 / 1400 * 1800px));
  letter-spacing: 0.04em;
  line-height: 1.4;
}

.commit_house_section .energy_area{
  padding-top: min(calc(132 / 1400 * 100vw) , calc(132 / 1400 * 1800px));
  padding-bottom: min(calc(116 / 1400 * 100vw) , calc(116 / 1400 * 1800px));
}

.commit_house_section .energy_area .energy_head{
  font-weight: normal;
  font-size: clamp(calc(25 / 1400 * 1000px) , calc(25 / 1400  * 100vw) , calc(25 / 1400 * 1800px));
  letter-spacing: 0.03em;
  line-height: 1.3;
}

.commit_house_section .energy_area .energy_text{
  margin-top: clamp(calc(40 / 1400 * 1000px) , calc(40 / 1400  * 100vw) , calc(40 / 1400 * 1800px));
  font-size: clamp(12px , calc(15 / 1400  * 100vw) , calc(15 / 1400 * 1800px));
  letter-spacing: 0.04em;
  line-height: 2.2;
}

.commit_house_section .zeh_area01{
  padding-top: min(calc(124 / 1400 * 100vw) , calc(124 / 1400 * 1800px));
  padding-bottom: min(calc(116 / 1400 * 100vw) , calc(116 / 1400 * 1800px));
  position: relative;
} 

.commit_house_section .zeh_area01::before{
  content:'';
  width:100vw;
  height:100%;
  background-color: #C57637;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  opacity: 0.05;
}

.commit_house_section .zeh_area01 .zeh_flex{
  display: flex;
  align-items: flex-end;
}

.commit_house_section .zeh_area01 .zeh_text_area{
  width: 100%;
}

.commit_house_section .zeh_area01 .zeh_head{
  font-weight: normal;
  font-size: clamp(calc(25 / 1400 * 1000px) , calc(25 / 1400  * 100vw) , calc(25 / 1400 * 1800px));
  letter-spacing: 0.03em;
  line-height: 1.3;

}

.commit_house_section .zeh_area01 .zeh_text{
  margin-top: clamp(calc(40 / 1400 * 1000px) , calc(40 / 1400  * 100vw) , calc(40 / 1400 * 1800px));
  font-size: clamp(12px , calc(15 / 1400  * 100vw) , calc(15 / 1400 * 1800px));
  letter-spacing: 0.04em;
  line-height: 2.2;
}

.commit_house_section .zeh_area01 .zeh_img_area{
  width: min(calc(135 / 1400 * 100vw) , calc(135 / 1400 * 1800px));
  flex-shrink: 0;
  margin-left: min(calc(94 / 1400 * 100vw) , calc(94 / 1400 * 1800px));
  margin-right: min(calc(12 / 1400 * 100vw) , calc(12 / 1400 * 1800px));
}

.commit_house_section .zeh_area01 .zeh_img_area img{
  width:100%;
}

.commit_house_section .zeh_area01 .table_frame{
  margin-top: clamp(calc(64 / 1400 * 1000px) , calc(64 / 1400  * 100vw) , calc(64 / 1400 * 1800px));
}

.commit_house_section .zeh_area01 table{
  border-collapse: collapse;
  width: 100%;
  /* table-layout: fixed; */
}

.commit_house_section .zeh_area01 table th,
.commit_house_section .zeh_area01 table td{
  font-weight: 600;
  font-size: clamp(13px , calc(16 / 1400  * 100vw) , calc(16 / 1400 * 1800px));
  letter-spacing: 0.05em;
  line-height: 1.4;
  text-align: center;
  border: 1px solid rgba(197,118,55,0.6);
  padding-top: clamp(calc(15 / 1400 * 1000px) , calc(15 / 1400  * 100vw) , calc(15 / 1400 * 1800px));
  padding-bottom: clamp(calc(15 / 1400 * 1000px) , calc(15 / 1400  * 100vw) , calc(15 / 1400 * 1800px));
}

.commit_house_section .zeh_area01 table th{
  border-left:none;
  width: 25%;
}

.commit_house_section .zeh_area01 table td{
  width: 15%;
}

.commit_house_section .zeh_area01 table td:last-child{
  border-right:none;
}

.commit_house_section .zeh_area01 table .brown{
  color:#C57637;
}

.commit_house_section .zeh_area02{
  padding-top: min(calc(136 / 1400 * 100vw) , calc(136 / 1400 * 1800px));
  padding-bottom: min(calc(140 / 1400 * 100vw) , calc(140 / 1400 * 1800px));
}

.commit_house_section .zeh_area02 .zeh_head{
  font-weight: normal;
  font-size: clamp(calc(25 / 1400 * 1000px) , calc(25 / 1400  * 100vw) , calc(25 / 1400 * 1800px));
  letter-spacing: 0.03em;
  line-height: 1.3;
}

.commit_house_section .zeh_area02 .zeh_flex{
  margin-top: clamp(calc(48 / 1400 * 1000px) , calc(48 / 1400  * 100vw) , calc(48 / 1400 * 1800px));
  display: flex;
}

.commit_house_section .zeh_area02 .zeh_text_area{
  width: 100%;
  font-size: clamp(12px , calc(15 / 1400  * 100vw) , calc(15 / 1400 * 1800px));
  letter-spacing: 0.04em;
  line-height: 2.2;
}

.commit_house_section .zeh_area02 .zeh_img_area{
  width: min(calc(163 / 1400 * 100vw) , calc(163 / 1400 * 1800px));
  margin-left: min(calc(72 / 1400 * 100vw) , calc(72 / 1400 * 1800px));
  flex-shrink: 0;
  position: relative;
}

.commit_house_section .zeh_area02 .zeh_img_area img{
  width: 100%;
  position: absolute;
  bottom:0;
  left:0;
}

.commit_garden_section{
  padding-top: min(calc(90 / 1400 * 100vw) , calc(90 / 1400 * 1800px));
  padding-bottom: min(calc(112 / 1400 * 100vw) , calc(112 / 1400 * 1800px));
  position: relative;
}

.commit_garden_section::before{
  content:'';
  width:100vw;
  height:100%;
  background-color:rgba(63,103,53,0.06);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.commit_garden_section .sec_title_set{
  border-top: 1px solid rgba(63,103,53,0.3);
  border-bottom: 1px solid rgba(63,103,53,0.3);
}
.commit_garden_section .sec_title_set .en_title{
  color: #3F6735;
}

.commit_garden_section .flex{
  margin-top: clamp(calc(64 / 1400 * 1000px) , calc(64 / 1400  * 100vw) , calc(64 / 1400 * 1800px));
  display: flex;
}

.commit_garden_section .flex .img_area{
  width:min(calc(461 / 1400 * 100vw) , calc(461 / 1400 * 1800px));
  flex-shrink: 0;
  margin-right: min(calc(46 / 1400 * 100vw) , calc(46 / 1400 * 1800px));
}

.commit_garden_section .flex .img_area img{
  width:100%;
}

.commit_garden_section .flex .text_area{
  padding-top: clamp(calc(10 / 1400 * 1000px) , calc(10 / 1400 * 100vw) , calc(10 / 1400 * 1800px));
  width: 100%;
}

.commit_garden_section .text_area .head_text{
  font-weight: normal;
  font-size: clamp(calc(25 / 1400 * 1000px) , calc(25 / 1400  * 100vw) , calc(25 / 1400 * 1800px));
  letter-spacing: 0.03em;
  line-height: 1.3;
}

.commit_garden_section .text_area .info_text{
  margin-top: clamp(calc(40 / 1400 * 1000px) , calc(40 / 1400  * 100vw) , calc(40 / 1400 * 1800px));
  font-size: clamp(12px , calc(15 / 1400  * 100vw) , calc(15 / 1400 * 1800px));
  letter-spacing: 0.04em;
  line-height: 2.2;
}

.commit_furniture_section{
  padding-top: min(calc(90 / 1400 * 100vw) , calc(90 / 1400 * 1800px));
  padding-bottom: min(calc(112 / 1400 * 100vw) , calc(112 / 1400 * 1800px));
}

.commit_furniture_section .sec_title_set{
  border-top: 1px solid rgba(197,118,55,0.3);
  border-bottom: 1px solid rgba(197,118,55,0.3);
}
.commit_furniture_section .sec_title_set .en_title{
  color: #c57637;
}


.commit_furniture_section .flex{
  margin-top: clamp(calc(64 / 1400 * 1000px) , calc(64 / 1400  * 100vw) , calc(64 / 1400 * 1800px));
  display: flex;
}

.commit_furniture_section .flex .img_area{
  width:min(calc(461 / 1400 * 100vw) , calc(461 / 1400 * 1800px));
  flex-shrink: 0;
  margin-left: min(calc(46 / 1400 * 100vw) , calc(46 / 1400 * 1800px));
}

.commit_furniture_section .flex .img_area img{
  width:100%;
}

.commit_furniture_section .flex .text_area{
  padding-top: clamp(calc(10 / 1400 * 1000px) , calc(10 / 1400 * 100vw) , calc(10 / 1400 * 1800px));
  width: 100%;
}

.commit_furniture_section .text_area .head_text{
  font-weight: normal;
  font-size: clamp(calc(25 / 1400 * 1000px) , calc(25 / 1400  * 100vw) , calc(25 / 1400 * 1800px));
  letter-spacing: 0.03em;
  line-height: 1.3;
}

.commit_furniture_section .text_area .info_text{
  margin-top: clamp(calc(40 / 1400 * 1000px) , calc(40 / 1400  * 100vw) , calc(40 / 1400 * 1800px));
  font-size: clamp(12px , calc(15 / 1400  * 100vw) , calc(15 / 1400 * 1800px));
  letter-spacing: 0.04em;
  line-height: 2.2;
}



/*
------------------------------------
設計プラン
------------------------------------
*/

body.plan_list_body{
  
}

main.plan_list_main{
  padding-top: clamp(calc(180 / 1400 * 1000px) , calc(180 / 1400 * 100vw) , calc(180 / 1400 * 1800px));
}

.page_mv_plan_list_section::before{
  background-image: url('../img/plan/plan_mv.jpg');
}


.plan_list_section01{
  padding-top: clamp(calc(104 / 1400 * 1000px) , calc(104 / 1400 * 100vw) , calc(180 / 1400 * 1800px));
}

.plan_list_section .sec_title{
  font-weight: normal;
  font-size: clamp(calc(26 / 1400 * 1000px) , calc(26 / 1400 * 100vw) , calc(26 / 1400 * 1800px));
  text-align: center;
  line-height: 1.3;

}

.plan_list_section .plan_block_list{
  margin-top: min(calc(200 / 1400* 100vw), calc(200 / 1400* 1800px));
}

.plan_list_section .plan_block{
  margin-top: min(calc(208 / 1400* 100vw), calc(208 / 1400* 1800px));
  width: min(calc(1004 / 1400* 100vw), calc(1004 / 1400* 1800px));
  position: relative;
}

.plan_list_section .plan_block:first-child{
  margin-top: 0;
}

.plan_list_section .plan_block_inner{
  position: relative;
  width:min(calc(375 / 1400* 100vw), calc(375 / 1400* 1800px));
  padding-top: min(calc(112 / 1400* 100vw), calc(112 / 1400* 1800px));
  padding-bottom: min(calc(80 / 1400* 100vw), calc(80 / 1400* 1800px));
}

.plan_list_section .plan_head{
  font-weight: normal;
  font-size: clamp(calc(27 / 1400 * 1000px) , calc(27 / 1400 * 100vw) , calc(27 / 1400 * 1800px));
  line-height: 1.3;
}

.plan_list_section .plan_text{
  margin-top: clamp(calc(20 / 1400 * 1000px) , calc(20 / 1400 * 100vw) , calc(20 / 1400 * 1800px));
  font-size: clamp(13px , calc(17 / 1400 * 100vw) , calc(17 / 1400 * 1800px));
  line-height: 2;
}

.plan_list_section .view_more{
  font-family: 'Ogg', serif;
  display: flex;
  justify-content: center;
  align-items: center;
  height: clamp(calc(54 / 1400* 1000px), calc(54 / 1400* 100vw), calc(54 / 1400* 1800px));
  border: 1px solid #C57637;
  font-weight: normal;
  font-size: clamp(calc(19 / 1400* 1000px), calc(19 / 1400* 100vw), calc(19 / 1400* 1800px));
  letter-spacing: 0.08em;
  line-height: 1;
  color: #c57637;
  margin-top: clamp(calc(34 / 1400* 1000px), calc(34 / 1400* 100vw), calc(34 / 1400* 1800px));
  transition-duration: 0.4s;
}

.plan_list_section .view_more::before{
  content: '';
  width: clamp(calc(6 / 1400* 1000px), calc(6 / 1400* 100vw), calc(6 / 1400* 1800px));
  height: clamp(calc(12 / 1400* 1000px), calc(12 / 1400* 100vw), calc(12 / 1400* 1800px));
  background-image: url('../img/common/angle_right_brown.svg');
  margin-right: clamp(calc(16 / 1400* 1000px), calc(16 / 1400* 100vw), calc(16 / 1400* 1800px));
}

@media (any-hover:hover){
  .plan_list_section .view_more:hover{
    background-color: #c57637;
    color:#fff;
  }

  .plan_list_section .view_more:hover::before{
    background-image: url('../img/common/angle_right_white.svg');
  }
}

.plan_list_section .plan_block_num{
  font-family: 'Ogg', serif;
  font-weight: normal;
  font-size: min(calc(100 / 1400* 100vw), calc(100 / 1400* 1800px));
  letter-spacing: 0.06em;
  line-height: 0.51;
  color: #c57637;
  position: absolute;
  left:max(calc(-32 / 1400* 100vw), calc(-32 / 1400* 1800px));
  top:max(calc(-16 / 1400* 100vw), calc(-16 / 1400* 1800px));
}

.plan_list_section .plan_block_img{
  width:min(calc(766 / 1400* 100vw), calc(766 / 1400* 1800px));
  position: absolute;
  top:max(calc(-80 / 1400* 100vw), calc(-80 / 1400* 1800px));
}

.plan_list_section .plan_block:nth-child(odd){
  margin-left: auto;
  margin-right: 0;
  padding-right: min(calc(80 / 1400* 100vw), calc(80 / 1400* 1800px));
  display: flex;
  justify-content: flex-end;
  background-color: rgba(197,118,55,0.1);
}

.plan_list_section .plan_block:nth-child(odd) .plan_block_img{
  right:min(calc(466 / 1400* 100vw), calc(466 / 1400* 1800px));
}

.plan_list_section .plan_block:nth-child(even){
  margin-right: auto;
  margin-left: 0;
  padding-left: min(calc(80 / 1400* 100vw), calc(80 / 1400* 1800px));
  display: flex;
  justify-content: flex-start;
  background-color: rgba(173,173,173,0.1);
}

.plan_list_section .plan_block:nth-child(even) .plan_block_img{
  left:min(calc(466 / 1400* 100vw), calc(466 / 1400* 1800px));
}


/*
------------------------------------
設計プラン詳細
------------------------------------
*/

body.plan_body{
  
}

main.plan_main{
  padding-top: clamp(calc(152 / 1400 * 1000px) , calc(152 / 1400 * 100vw) , calc(152 / 1400 * 1800px));
}


.plan_section .sec_title_set{
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: normal;
}

.plan_section .sec_title_set .ja_title{
  font-size: clamp(calc(27 / 1400* 1000px), calc(27 / 1400* 100vw), calc(27 / 1400* 1800px));
  line-height: 1.3;
}

.plan_section .sec_title_set .en_title{
  margin-top: clamp(calc(12 / 1400* 1000px), calc(12 / 1400* 100vw), calc(12 / 1400* 1800px));
  font-family: 'Ogg' , serif;
  font-size: clamp(calc(19 / 1400* 1000px), calc(19 / 1400* 100vw), calc(19 / 1400* 1800px));
  letter-spacing: 0.09em;
  line-height: 1.3;
  color: #c57637;
}


.plan_section01{
  padding-bottom:min(calc(300 / 1400* 100vw), calc(300 / 1400* 1800px));
}


.plan_section01 .page_tile_set{
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: normal;
  text-align: center;
  line-height: 1.3;
}

.plan_section01 .page_tile_set .plan_en{
  font-family: 'Ogg' , serif;
  font-size: clamp(calc(25 / 1400* 1000px), calc(25 / 1400* 100vw), calc(25 / 1400* 1800px));
  letter-spacing: 0.09em;
  color: #c57637;
}

.plan_section01 .page_tile_set .plan_num{
  font-family: 'Ogg' , serif;
  font-size: clamp(calc(58 / 1400* 1000px), calc(58 / 1400* 100vw), calc(58 / 1400* 1800px));
  letter-spacing: 0.09em;
  color: #c57637;
  line-height: 0.9;
  margin-top: clamp(calc(10 / 1400* 1000px), calc(10 / 1400* 100vw), calc(10 / 1400* 1800px));
}

.plan_section01 .page_tile_set .plan_title{
  margin-top: clamp(calc(12 / 1400* 1000px), calc(12 / 1400* 100vw), calc(12 / 1400* 1800px));
  font-size: clamp(calc(27 / 1400* 1000px), calc(27 / 1400* 100vw), calc(27 / 1400* 1800px));
  letter-spacing: 0.13em;
  text-align: center;

}

.plan_section01 .plan_main_img{
  width:min(calc(888 / 1400* 100vw), calc(888 / 1400* 1800px));
  margin:0 auto;
  margin-top: clamp(calc(36 / 1400* 1000px), calc(36 / 1400* 100vw), calc(36 / 1400* 1800px));
}

.plan_section01 .sec_title{
  margin-top: clamp(calc(64 / 1400* 1000px), calc(64 / 1400* 100vw), calc(64 / 1400* 1800px));
  font-weight: normal;
  font-size: clamp(calc(24 / 1400* 1000px), calc(24 / 1400* 100vw), calc(24 / 1400* 1800px));
  letter-spacing: 0.03em;
  line-height: 1.6;
  text-align: center;
}

.plan_section01 .p01{
  margin-top: clamp(calc(38 / 1400* 1000px), calc(38 / 1400* 100vw), calc(38 / 1400* 1800px));
  font-size: clamp(13px, calc(17 / 1400* 100vw), calc(17 / 1400* 1800px));
  line-height: 2;
  display: flex;
  justify-content: center;
}

.plan_section01 .block_list{
  margin-top: min(calc(140 / 1400* 100vw), calc(140 / 1400* 1800px));
}

.plan_section01 .block{
  position: relative;
}

.plan_section01 .block::before{
  content:'';
  width:100%;
  height:100%;
  background-color:#C57637;
  position: absolute;
  top:0;
  left:0;
}

.plan_section01 .block:nth-child(odd){
  margin-left: auto;
}
.plan_section01 .block:nth-child(odd)::before{
  opacity: 0.1;
}

.plan_section01 .block:nth-child(even){

}
.plan_section01 .block:nth-child(even)::before{
  opacity: 0.05;
}

.plan_section01 .plan_img{
  position: absolute;
}

.plan_section01 .plan_img.bottom{
  object-position: bottom;
}

.plan_section01 .plan_head{
  font-weight: normal;
  font-size: clamp(calc(24 / 1400* 1000px), calc(24 / 1400* 100vw), calc(24 / 1400* 1800px));
  line-height: 1.7;
}

.plan_section01 .plan_text{
  margin-top: clamp(calc(32 / 1400* 1000px), calc(32 / 1400* 100vw), calc(32 / 1400* 1800px));
  font-size: clamp(12px, calc(15 / 1400* 100vw), calc(15 / 1400* 1800px));
  letter-spacing: 0.04em;
  line-height: 2.2;
}


.plan_section01 .block01{
  width: min(calc(788 / 1400* 100vw), calc(788 / 1400* 1800px));
  padding-top:min(calc(60 / 1400* 100vw), calc(60 / 1400* 1800px));
  padding-right: min(calc(70 / 1400* 100vw), calc(70 / 1400* 1800px));
  padding-bottom:min(calc(60 / 1400* 100vw), calc(60 / 1400* 1800px));
  padding-left: min(calc(134 / 1400* 100vw), calc(134 / 1400* 1800px));
}

.plan_section01 .block01 .plan_img{
  width:min(calc(592 / 1400* 100vw), calc(592 / 1400* 1800px));
  right:min(calc(718 / 1400* 100vw), calc(718 / 1400* 1800px));
  top:max(calc(-54 / 1400* 100vw), calc(-54 / 1400* 1800px));
}



.plan_section01 .block02{
  width: min(calc(813 / 1400* 100vw), calc(813 / 1400* 1800px));
  margin-top: min(calc(108 / 1400* 100vw), calc(108 / 1400* 1800px));
  padding-top: min(calc(160 / 1400* 100vw), calc(160 / 1400* 1800px));
  padding-right: min(calc(270 / 1400* 100vw), calc(270 / 1400* 1800px));
  padding-bottom: min(calc(40 / 1400* 100vw), calc(40 / 1400* 1800px));
  padding-left:min(calc(40 / 1400* 100vw), calc(40 / 1400* 1800px));
}

.plan_section01 .block02 .plan_img{
  width:min(calc(725 / 1400* 100vw), calc(725 / 1400* 1800px));
  left:min(calc(585 / 1400* 100vw), calc(585 / 1400* 1800px));
  bottom:max(calc(-64 / 1400* 100vw), calc(-64 / 1400* 1800px));
}

.plan_section01 .block03{
  width:min(calc(590 / 1400* 100vw), calc(590 / 1400* 1800px));
  margin-top: min(calc(260 / 1400* 100vw), calc(260 / 1400* 1800px));
  padding-top: min(calc(64 / 1400* 100vw), calc(64 / 1400* 1800px));
  padding-right: min(calc(54 / 1400* 100vw), calc(54 / 1400* 1800px));
  padding-bottom: min(calc(48 / 1400* 100vw), calc(48 / 1400* 1800px));
  padding-left: min(calc(110 / 1400* 100vw), calc(110 / 1400* 1800px));
}

.plan_section01 .block03 .plan_img{
  width:min(calc(766 / 1400* 100vw), calc(766 / 1400* 1800px));
  right:min(calc(544 / 1400* 100vw), calc(544 / 1400* 1800px));
  top:max(calc(-72 / 1400* 100vw), calc(-72 / 1400* 1800px));
}

.plan_section01 .block04{
  width: min(calc(723 / 1400* 100vw), calc(723 / 1400* 1800px));
  margin-top: min(calc(202 / 1400* 100vw), calc(202 / 1400* 1800px));
  padding-top: min(calc(96 / 1400* 100vw), calc(96 / 1400* 1800px));
  padding-right: min(calc(198 / 1400* 100vw), calc(198 / 1400* 1800px));
  padding-bottom:min(calc(32 / 1400* 100vw), calc(32 / 1400* 1800px));
  padding-left: min(calc(40 / 1400* 100vw), calc(40 / 1400* 1800px));
  min-height: min(calc(390 / 1400* 100vw), calc(390 / 1400* 1800px));
}

.plan_section01 .block04 .plan_img{
  width:min(calc(725 / 1400* 100vw), calc(725 / 1400* 1800px));
  left:min(calc(585 / 1400* 100vw), calc(585 / 1400* 1800px));
  top:max(calc(-78 / 1400* 100vw), calc(-78 / 1400* 1800px));
}

.plan_section01 .block05{
  width: min(calc(813 / 1400* 100vw), calc(813 / 1400* 1800px));
  margin-top:min(calc(272 / 1400* 100vw), calc(272 / 1400* 1800px));
  margin-right: max(calc(-60 / 1400* 100vw), calc(-60 / 1400* 1800px));
  padding-top: min(calc(96 / 1400* 100vw), calc(96 / 1400* 1800px));
  padding-right: min(calc(110 / 1400* 100vw), calc(110 / 1400* 1800px));
  padding-bottom: min(calc(90 / 1400* 100vw), calc(90 / 1400* 1800px));
  padding-left: min(calc(272 / 1400* 100vw), calc(272 / 1400* 1800px));
  min-height: min(calc(434 / 1400* 100vw), calc(434 / 1400* 1800px));
}

.plan_section01 .block05 .plan_img{
  width:min(calc(766 / 1400* 100vw), calc(766 / 1400* 1800px));
  right:min(calc(606 / 1400* 100vw), calc(606 / 1400* 1800px));
  top:max(calc(-100 / 1400* 100vw), calc(-100 / 1400* 1800px));
}

.plan_section01 .block06{
  width: min(calc(723 / 1400* 100vw), calc(723 / 1400* 1800px));
  margin-top: min(calc(176 / 1400* 100vw), calc(176 / 1400* 1800px));
  padding-top: min(calc(178 / 1400* 100vw), calc(178 / 1400* 1800px));
  padding-right:min(calc(196 / 1400* 100vw), calc(196 / 1400* 1800px));
  padding-bottom: min(calc(40 / 1400* 100vw), calc(40 / 1400* 1800px));
  padding-left: min(calc(40 / 1400* 100vw), calc(40 / 1400* 1800px));
}

.plan_section01 .block06 .plan_img{
  width:min(calc(716 / 1400* 100vw), calc(716 / 1400* 1800px));
  left:min(calc(594 / 1400* 100vw), calc(594 / 1400* 1800px));
  top:min(calc(50 / 1400* 100vw), calc(50 / 1400* 1800px));
}

.plan_point_section{
  padding-top: min(calc(104 / 1400* 100vw), calc(104 / 1400* 1800px));
  padding-bottom: min(calc(88 / 1400* 100vw), calc(88 / 1400* 1800px));
  background-color: rgba(197,118,55,0.1);
}

.plan_point_section .point_list{
  margin-top: clamp(calc(56 / 1400* 1000px), calc(56 / 1400* 100vw), calc(56 / 1400* 1800px));
  display: flex;
  justify-content: center;
}

.plan_point_section .point_block{
  width:min(calc(385 / 1400* 100vw), calc(385 / 1400* 1800px));
  background-color: #fff;
  padding-top: min(calc(34 / 1400* 100vw), calc(34 / 1400* 1800px));
  padding-left: min(calc(36 / 1400* 100vw), calc(36 / 1400* 1800px));
  padding-right: min(calc(36 / 1400* 100vw), calc(36 / 1400* 1800px));
  padding-bottom: min(calc(48 / 1400* 100vw), calc(48 / 1400* 1800px));
  text-align: center;
  color: #c57637;
}

.plan_point_section .point_block .point_en{
  font-family: 'Ogg' , serif;
  font-size: clamp(calc(24 / 1400* 1000px), calc(24 / 1400* 100vw), calc(24 / 1400* 1800px));
  letter-spacing: 0.06em;
  line-height: 1.3;
}

.plan_point_section .point_block .point_num{
  font-family: 'Ogg' , serif;
  font-size: clamp(calc(51 / 1400* 1000px), calc(51 / 1400* 100vw), calc(51 / 1400* 1800px));
  letter-spacing: 0.06em;
  line-height: 1;
  width: fit-content;
  margin:0 auto;
  margin-top: clamp(calc(4 / 1400* 1000px), calc(4 / 1400* 100vw), calc(4 / 1400* 1800px));
  border-bottom:1px solid #c57637;
  padding-bottom: clamp(calc(4 / 1400* 1000px), calc(4 / 1400* 100vw), calc(4 / 1400* 1800px));
}

.plan_point_section .point_block .point_head{
  margin-top: clamp(calc(32 / 1400* 1000px), calc(32 / 1400* 100vw), calc(32 / 1400* 1800px));
  font-weight: normal;
  /* font-size: clamp(calc(22 / 1400* 1000px), calc(22 / 1400* 100vw), calc(22 / 1400* 1800px)); */
  font-size: min(calc(22 / 1400* 100vw), calc(22 / 1400* 1800px));
  letter-spacing: 0.03em;
  line-height: 1.7;
}

.plan_point_section .point_block .point_text{
  margin-top: clamp(calc(28 / 1400* 1000px), calc(28 / 1400* 100vw), calc(28 / 1400* 1800px));
  font-size: clamp(12px, calc(15 / 1400* 100vw), calc(15 / 1400* 1800px));
  letter-spacing: 0.04em;
  line-height: 2;
  text-align: left;
  color: #3c3c3b;
}

.plan_point_section .point_block02{
  margin-left: min(calc(16 / 1400* 100vw), calc(16 / 1400* 1800px));
  margin-right: min(calc(16 / 1400* 100vw), calc(16 / 1400* 1800px));
}

.plan_vr_section{
  padding-top: min(calc(140 / 1400* 100vw), calc(140 / 1400* 1800px));
  padding-bottom: min(calc(144 / 1400* 100vw), calc(144 / 1400* 1800px));
}

.plan_vr_section .p01{
  display: flex;
  justify-content: center;
  letter-spacing: 0.05em;
  line-height: 2;
  margin-top:clamp(calc(32 / 1400* 1000px), calc(32 / 1400* 100vw), calc(32 / 1400* 1800px));

}

.plan_vr_section .vr_frame{
  /* max-width: 940px; */
  width: clamp(940px, calc(940 / 1400* 100vw), calc(940 / 1400* 1800px));
  max-width: 100%;
  margin:0 auto;
  margin-top:clamp(calc(40 / 1400* 1000px), calc(40 / 1400* 100vw), calc(40 / 1400* 1800px));
  aspect-ratio: 1 / 0.585;
}


.plan_vr_section .vr_frame iframe{
  display: block;
  width: 100%;
  height:100%;
}
.plan_vr_section .vr_link{
  font-family: 'Ogg', serif;
  display: flex;
  justify-content: center;
  align-items: center;
  width:clamp(calc(566 / 1400* 1000px), calc(566 / 1400* 100vw), calc(566 / 1400* 1800px));
  height: clamp(calc(82 / 1400* 1000px), calc(82 / 1400* 100vw), calc(82 / 1400* 1800px));
  border: 1px solid #C57637;
  font-weight: normal;
  font-size: clamp(calc(19 / 1400* 1000px), calc(19 / 1400* 100vw), calc(19 / 1400* 1800px));
  letter-spacing: 0.08em;
  line-height: 1;
  color: #c57637;
  margin-top: clamp(calc(34 / 1400* 1000px), calc(34 / 1400* 100vw), calc(34 / 1400* 1800px));
  transition-duration: 0.4s;
  margin:0 auto;
  margin-top: clamp(calc(40 / 1400* 1000px), calc(40 / 1400* 100vw), calc(40 / 1400* 1800px));
}

.plan_vr_section .vr_link::before{
  content: '';
  width: clamp(calc(6 / 1400* 1000px), calc(6 / 1400* 100vw), calc(6 / 1400* 1800px));
  height: clamp(calc(12 / 1400* 1000px), calc(12 / 1400* 100vw), calc(12 / 1400* 1800px));
  background-image: url('../img/common/angle_right_brown.svg');
  margin-right: clamp(calc(16 / 1400* 1000px), calc(16 / 1400* 100vw), calc(16 / 1400* 1800px));
}

@media (any-hover:hover){
  .plan_vr_section .vr_link:hover{
    background-color: #c57637;
    color:#fff;
  }

  .plan_vr_section .vr_link:hover::before{
    background-image: url('../img/common/angle_right_white.svg');
  }
}

.plan_floor_section{
  padding-top: min(calc(94 / 1400* 100vw), calc(94 / 1400* 1800px));
  padding-bottom: min(calc(100 / 1400* 100vw), calc(100 / 1400* 1800px));
  background-color: rgba(197,118,55,0.1);
  /* background-color: rgba(197,118,55,0.05); */
}

.plan_floor_section .swiper_block{
  margin-top: min(calc(180 / 1400* 100vw), calc(180 / 1400* 1800px));
  position: relative;
}

.plan_floor_section .swiper_block .pagenation_frame{
  position: absolute;
  width:100%;
  left:0;
  top:max(calc(-84 / 1400* 100vw), calc(-84 / 1400* 1800px));
  border-bottom:3px solid rgba(197,118,55,0.14);
}

.plan_floor_section .swiper_block .pagenation_inner{
  position: relative;
}

.plan_floor_section .swiper_block .swiper_pagenation{
  display: flex;
  justify-content: center;
  gap:0 min(calc(90 / 1400* 100vw), calc(90 / 1400* 1800px));
}

.plan_floor_section .swiper_block .swiper-pagination-bullet{
  padding-bottom: clamp(calc(24 / 1400* 1000px), calc(24 / 1400* 100vw), calc(24 / 1400* 1800px));
  font-weight: 500;
  font-size: clamp(11px, calc(19 / 1400* 100vw), calc(19 / 1400* 1800px));
  letter-spacing: 0.11em;
  line-height: 1;
  color: #c57637;
  position: relative;
  cursor: pointer;
}

.plan_floor_section .swiper_block .swiper-pagination-bullet::after{
  content:'';
  width:100%;
  height:3px;
  position: absolute;
  z-index: 8;
  left:0;
  bottom:-3px;
  background-color: #C57637;
  transition-duration: 0.4s;
  opacity: 0;
}

.plan_floor_section .swiper_block .swiper-pagination-bullet-active::after{
  opacity: 1;
}

.plan_floor_section .floor_swiper_button{
  width:clamp(calc(26 / 1400* 1000px), calc(26 / 1400* 100vw), calc(26 / 1400* 1800px));
  height:clamp(calc(52 / 1400* 1000px), calc(52 / 1400* 100vw), calc(52 / 1400* 1800px));
  cursor: pointer;
  position: absolute;
  top:0;
  bottom:0;
  margin:auto;
  z-index: 10;
}

.plan_floor_section .floor_swiper_prev{
  /* transform: rotateZ(180deg); */
  left:max(calc(-60 / 1400* 100vw), calc(-60 / 1400* 1800px));
  background-image: url('../img/common/gallery_prev.svg');
}
.plan_floor_section .floor_swiper_next{
  right:max(calc(-60 / 1400* 100vw), calc(-60 / 1400* 1800px));
  background-image: url('../img/common/gallery_next.svg');
}

.plan_floor_section .floor_swiper{
  overflow: hidden;
}

.plan_floor_section .floor_slide{
  width:100%;
}

.plan_floor_section .floor_card{
  width:100%;
  display: flex;
  align-items: center;
}

.plan_floor_section .floor_card .floor_img{
  width:min(calc(806 / 1400* 100vw), calc(806 / 1400* 1800px));
  flex-shrink: 0;
  background-color: #fff;
  padding-top: min(calc(40 / 1400* 100vw), calc(40 / 1400* 1800px));
  padding-bottom:min(calc(54 / 1400* 100vw), calc(54 / 1400* 1800px));
  padding-right: min(calc(42 / 1400* 100vw), calc(42 / 1400* 1800px));
  padding-left: min(calc(56 / 1400* 100vw), calc(56 / 1400* 1800px));
  position: relative;
  cursor: pointer;
}

.plan_floor_section .floor_card .floor_img .pic{
  width: 100%;
  height:100%;
  object-fit: cover;
  aspect-ratio: 1/0.586;
}

.plan_floor_section .floor_card .floor_zoom{
  position: absolute;
  width: min(calc(48 / 1400* 100vw), calc(48 / 1400* 1800px));
  height: min(calc(48 / 1400* 100vw), calc(48 / 1400* 1800px));
  border-radius: 4px;
  background: rgba(197,118,55,0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right:5px;
  bottom:5px;
}

.plan_floor_section .floor_card .floor_zoom::after{
  content:'';
  width:min(calc(22 / 1400* 100vw), calc(22 / 1400* 1800px));
  aspect-ratio: 1/1;
  background-image: url('../img/common/icon_zoom_white.svg');
}

.plan_floor_section .floor_card .floor_info_area{
  font-family: "Noto Sans", sans-serif;
  width: 100%;
  padding-left: min(calc(82 / 1400* 100vw), calc(82 / 1400* 1800px));
  padding-right: min(calc(12 / 1400* 100vw), calc(12 / 1400* 1800px));
}

.plan_floor_section .floor_info_area ul li+li{
  margin-top: clamp(calc(24 / 1400* 1000px), calc(24 / 1400* 100vw), calc(24 / 1400* 1800px));
} 

.plan_floor_section .floor_info_area p{
  font-weight: 600;
  font-size: clamp(12px, calc(16 / 1400* 100vw), calc(16 / 1400* 1800px));
  line-height: 1.5;
}

.plan_floor_section .floor_info_area p span{
  font-size: clamp(11px, calc(14 / 1400* 100vw), calc(14 / 1400* 1800px));
}

.plan_floor_section .floor_info_area p+p{
  margin-top: 4px;
  font-weight: normal;
}

.plan_floor_section .floor_popup {
  position: fixed;
  width: 100%;
  height: 100svh;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(238, 213, 194, 0.9);
  transition-duration: 0.7s;
  opacity: 0;
  pointer-events: none;
  transform: translate(0, 0, 1);
  z-index: 30;
  padding:7px;
}

.plan_floor_section .floor_popup.show {
  opacity: 1;
  pointer-events: auto;
}

.plan_floor_section .floor_popup .floor_popup_frame {
  width: 100%;
  max-width: 100%;
  height: 100%;
  position: relative;
  background-color: #fff;
  
}

.plan_floor_section .floor_popup .floor_popup_scroll{
  /* overflow-y: scroll; */
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.plan_floor_section .floor_popup .floor_popup_close {
  position: absolute;
  z-index: 33;
  top: clamp(calc(30 / 1400* 1000px), calc(30 / 1400* 100vw), calc(30 / 1400* 1800px));
  right: clamp(calc(30 / 1400* 1000px), calc(30 / 1400* 100vw), calc(30 / 1400* 1800px));
  cursor: pointer;
}

.plan_floor_section .floor_popup .floor_popup_close img {
  width: clamp(calc(50 / 1400* 1000px), calc(50 / 1400* 100vw), calc(50 / 1400* 1800px));
}

.plan_floor_section .floor_popup .floor_popup_inner{
  width:min(calc(1100 / 1400* 100vw), calc(1100 / 1400* 1800px));
  margin:0 auto;
}

.plan_floor_section .floor_popup .floor_popup_name{
  font-size: clamp(calc(19 / 1400* 1000px), calc(19 / 1400* 100vw), calc(19 / 1400* 1800px));
  letter-spacing: 0.11em;
  line-height: 1.3;
  display: flex;
  justify-content: center;
  color: #c57637;
  position: absolute;
  top:clamp(calc(38 / 1400* 1000px), calc(38 / 1400* 100vw), calc(38 / 1400* 1800px));
  left:0;
  width: 100%;
  display: flex;
  justify-content: center;
}

.plan_floor_section .floor_popup .floor_popup_img{
  /* margin-top: 56px; */
  max-width: 100%;
  /* max-height: 72svh; */
}

.plan_floor_section .floor_popup .floor_popup_img img{
  max-width: 100%;
  max-height: 72svh;
  object-fit: cover;
  margin: 0 auto;
}