@charset "UTF-8";
body {font-size: 16px;overflow-x: hidden;}
.sp { display: none; }
.pc { display: block; }
.inner { width: 960px; }
a:hover{cursor: pointer;opacity: 0.8;}

/* common
----------------------------------------------- */
.mb10 { margin-bottom: 10px !important;}
.mb60 { margin-bottom: 60px !important;}
.mb100 { margin-bottom: 100px !important;}

.midashi01{margin: 0 auto 36px;}
.midashi01 img{margin: 0 auto; width:auto;}
.midashi01 .jp{font-size:14px;}
.midashi01 .en{font-size: 30px;}
.midashi02 { font-size: 20px; margin-bottom: 30px;}
.midashi03 { font-size: 26px;margin: 0 auto 30px;padding-bottom: 40px;}
.midashi04 {font-size: 20px;}
.midashi05 {margin: 0 auto 50px;}
.midashi05:before { margin-right: 30px; }
.midashi05:after { margin-left: 30px; }
.midashi05 .jp { font-size: 26px;  }
.midashi05 .en { font-size: 14px;}
.midashi06 { width:900px; font-size: 18px; padding: 10px 0 12px; margin: 0 auto 40px;}

.more01{width:48px;height:48px;padding:22px;}
.more01_item02::before{left:-2px;width:18px;}
.more01_item02::after{left:2px;width:12px;height:12px;}

.more02 {margin: 0 auto 15px;padding: 10px 0 12px;}
.more02 a {font-size: 16px;}

.more03 {margin: 0 auto 15px;padding: 10px 0 12px;width: 450px;}
.more03 a {font-size: 16px;}

.link {margin: 0 auto 40px;display:-webkit-box; display:-moz-box; display:box; display:-webkit-flex; display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center; }
.link a{margin: 0 15px;width: 30%;font-size: 14px;}

.top_main{margin-top:150px;overflow: hidden;}
.inner90 {width: clamp(730px, 96%, 1200px);}
.inner80 { width: 900px;}

.ast {font-size: 14px !important;}
ul.ast li {font-size: 14px;}

.tab {width:900px;margin: 0 auto 70px;}
.tab li {font-size:16px; }
.tab li a { padding: 14px; }
.tab li:after {top: 10px;right: 10px;}

.tbl {font-size: 13px;}
.tbl th,.tbl td {padding: 16px 0;}
.tbl th {width: 20%;}
.tbl td {padding: 16px;}

/* header
----------------------------------------------- */
.header {height: auto;padding: 0;}
.header-inner {margin: 0 auto; height: auto;}
.pc_header{width: clamp(730px, 96%, 1200px);margin: 0 auto;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;padding: 14px 0;}
.pc_header .header-logo{font-size:20px;}
.pc_header .header-logo span{font-size: 20px;color: #333; display: inline-block;}
.pc_header .header-logo a {color: #333;font-size: 24px;line-height: 1;letter-spacing: 0.1em;margin: 0;font-weight: 500;}
.pc_header .social_icons{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;align-items: center;-webkit-align-items: center;gap: 18px;}
.pc_header .social_icons a{color: #ffffff;font-size:25px;}
.pc_header .social_icons .tel{/* margin-right:25px; */position: relative;top: 3px;}
.pc_header .social_icons .tel a{font-size:25px;font-family:garamond-premier-pro, serif;font-weight:400;font-style:normal;color:#fff;letter-spacing:2px;}
.pc_header .social_icons li{}
.pc_header .social_icons .hpb{    margin-left: 0;}
.pc_header .social_icons .hpb a{width: 25px;}
.icon-youtube-play{position:relative;top: 1px;}



/* pc_navi
----------------------------------------------- */
.pc_navi{margin: 0 auto 0;font-family: source-han-serif-japanese, serif;font-weight: 400;font-style: normal;z-index: 4;background: #fff;}
.pc_navi_list {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;justify-content: space-between;-webkit-justify-content: space-between;width: clamp(730px, 96%, 1200px);margin: 0 auto 0;}
.pc_navi_list li{font-size: 14px;}
.pc_navi_list .pc_navi_con a{padding: 30px 0;}
.pc_navi_list a.current{color:var(--gold02);}
.hover-nav-list{width:270px;padding: 0 20px;position: relative;color: #fff;border-bottom: 1px solid #d3ccc1;}
.hover-nav-list a{color: #fff;}
.hover-nav-list i{content: '';width: 20px;height: 20px;display: block;position: absolute;top: 36px;right: 0;color: #fff;-moz-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);}
.hover-nav-list:hover { background:var(--gold02);}
.dropmenu li{position:relative;}
.dropmenu li a{display:block;}
.dropmenu li ul{position:absolute;z-index: 1;top: 82px;left:-21px;background: #c1b7a8;display:none;margin:0;}
.dropmenu li a:hover{opacity:0.6px;}



/* footer
----------------------------------------------- */
.footer{width: clamp(730px, 96%, 960px);position:relative;margin:0 auto;padding: 58px 0 120px;}
.pc_footer-navi{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;align-items: flex-start;-webkit-align-items: flex-start;justify-content: space-between;-webkit-justify-content: space-between;}
.pc_footer-navi-con{/* width:150px; */margin:0 0 44px;}
.pc_footer-navi .pc-footer-navi-title{font-family:garamond-premier-pro, serif;font-weight:400;font-style:normal;font-size:14px;margin-bottom: 24px;letter-spacing:3px;}
.pc-footer-navi-items li{font-family:source-han-serif-japanese, serif;font-weight:300;font-style:normal;font-size:13px;margin-bottom:10px;}
.pc-footer-navi-items a{display:inline-block;}

.footer-social-items a{font-size:30px;}
.copyright{font-size:12px;letter-spacing:2px;padding: 14px 0;}
.pagetop{width:60px;bottom:120px;right:160px;}
.pagetop .pagetop_item{width: 60px;height: 60px;}

.footer-fixed{width: 100vw; left: 50%;-moz-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);height: 80px;}
.footer-fixed ul{width: 100%;}
.footer-fixed li:nth-of-type(1){background: var(--gold);width: 50%;}
.footer-fixed li:nth-of-type(1) img{width: 500px; margin: 0 0 0 auto;display: block;}
.footer-fixed li:nth-of-type(2){background: #4d464d;width: 50%;}
.footer-fixed li:nth-of-type(2) img{width: 500px;margin: 0 auto 0 0;display: block;}

/* contact_common */
.contact_common_wra{background-size: contain;}
.contact_common{width: clamp(730px, 96%, 1000px);margin: 0 auto;padding: 50px 0 70px;}
.contact_common .midashi01{margin-bottom: 30px;}
.contact_common .midashi_img{width: 150px;}
.contact_common .contact_btns{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;justify-content: space-between;-webkit-justify-content: space-between;}
.contact_common .contact_btn_wra{margin-bottom:0;height:90px;width: -webkit-calc(100% / 4 - 10px);  width: calc(100% / 4 - 10px);}
.contact_common .contact_btn{ padding: 5px;min-height: 98px;}
.contact_btn:after{content:'';width:20px;height:30px;display:block;background:url(../images/brown_arrown.png) center center / 50% no-repeat;position:absolute;top:38%;left:88%;-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);}
.contact_common .contact_btn_inner{padding:20px;}
.contact_btn .contact_icon{width: 7%;position:absolute;top:44%;left:13%;-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);}
.contact_btn .contact_icon.line{font-size: 22px;top: 30%;}
.contact_btn .txt01{font-size: 15px;margin-bottom:-5px;}
.contact_btn .txt02{font-size: 14px;}
.contact_common .contact_btn.tel .txt01{font-size: 24px;margin-bottom:-7px;line-height: 1.2;}
.contact_common .contact_btn.hpb .txt01{font-size:17px;margin-bottom:-6px;}
.contact_common .sec_txt{margin-bottom:25px;}

.publish{background:url("../images/publish_pc.jpg?251225") center top / cover;height:780px;margin-top: 0;}




/* modaal
----------------------------------------------- */
.modaal-container{position:relative;display:inline-block;width:90%;text-align:left;max-width:800px;border-radius:0;background:#fff;box-shadow:0 4px 15px rgb(000/10%);cursor:auto;margin:auto;}
.modaal-content-container{padding:45px;}
.modaal-content-container .more01{margin:0;padding: 20px 85px 17px 15px;}
.modaal-content-container .more01:before{ right:20px;}
.modaal-content-container .more01:after{ right:8px;}
.modaal-content-container .midashi01{font-size:25px;margin-bottom: 30px;}
.modaal-content-container .midashi01 .icon{margin-right:10px;}
.more-btn-wra{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;gap: 10px;margin: 0 auto;}




/* breadcrumb

----------------------------------------------- */
.breadcrumb-items {width: 960px;padding: 0;}
.breadcrumb-items li {font-size: 13px;padding: 10px 42px 10px 0;}
.breadcrumb-items li:after {top: 12px;right: -9px;width: 12px;height: 16px;margin: 0 22px;}