﻿body{color:#111111;font-family:"YakuHanJP",helvetica,Helvetica Neue,YuGothic,"Yu Gothic","游ゴシック","游ゴシック体","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-size:1.3rem;line-height:1.6;letter-spacing:.05em}

a{color:#111111;text-decoration:none;transition:all 0.3s ease}

img{max-width:100%;height:auto}

#header{background:#FFFFFF;border-bottom:3px solid #dcdcdc}
#header .head_catch{background:#dcdcdc;font-size:1.2rem}
#header .head_catch .inner{padding:2px 0}
#header .inner{display:flex;justify-content:space-between;position:relative;margin:0 auto;width:1200px;padding:10px 0}
#header .inner #logo{width:13%}

#footer{background:#2d2d2d;color:#FFFFFF;text-align:center}
#footer .inner{width:1200px;margin:0 auto;padding:10px 0}
#footer .inner .f_navi ul{margin:0 auto;padding:10px 0;display:flex;justify-content:space-around;flex-wrap:wrap}
#footer .inner .f_navi ul li{margin-bottom:10px}
#footer .inner .f_navi ul li a{color:#ffffff}
#footer .inner .copyright{font-size:1.1rem}

.single{margin:0 auto;width:1200px;padding-bottom:40px}
.single.single_02{padding-top:40px}
.single_test{margin:0 auto;width:1200px;padding-bottom:40px;font-family:"Lucida Grande", "メイリオ", "ＭＳ Ｐゴシック", sans-serif}
.single_test.single_02{padding-top:40px}.contents{position:relative}

.contents{position:relative}
.contents .main{float:right;width:70%}
.contents .side{float:left;width:266px}
.contents .side.fixed{position:fixed;top:0}

.contact_btn{display:flex;justify-content:space-between}
.contact_btn li a{display:block;padding:5px 25px;font-size:1.6rem;font-weight:bold}
.contact_btn li a:before{font-family:"Font Awesome 5 Free";font-weight:900;margin-right:10px}
.contact_btn li a.tel_btn{background:#6f6f6f;border:1px solid #6f6f6f;color:#FFFFFF}
.contact_btn li a.tel_btn:hover{background:#FFFFFF;color:#6f6f6f}
.contact_btn li a.tel_btn:before{content:"\f095"}
.contact_btn li a.mail_btn{border:1px solid #2d2d2d;color:#111111}
.contact_btn li a.mail_btn:hover{background:#2d2d2d;color:#FFFFFF}
.contact_btn li a.mail_btn:before{content:"\f0e0"}
.contact_btn li a.access_btn{border:1px solid #2d2d2d;color:#111111;margin-left:-1px}
.contact_btn li a.access_btn:hover{background:#2d2d2d;color:#FFFFFF}

.mtitle{position:relative;border-bottom:3px solid #CCCCCC;margin-bottom:15px;font-size:1.8rem}
.mtitle:after{position:absolute;content:"";display:block;border-bottom:3px solid #6f6f6f;bottom:-3px;width:100px}
.mtitle .more{float:right;font-size:1.3rem;color:#9c0004}
.mtitle .more:after{font-family:"Font Awesome 5 Free";font-weight:900;content:"\f105";margin-left:10px}
.mtitle_bnr{text-align:center;font-size:1.5rem}
.mtitle_top{margin-bottom:15px;text-align:center;font-size:2.5rem}
.mtitle_sub{background:#F8F8F8;border-left:10px solid #9c0004;padding:10px;margin-bottom:15px;font-size:1.8rem}
.mtitle_small{position:relative;margin-bottom:10px;padding-left:15px;font-size:1.6rem}
.mtitle_small:before{content:"";background-color:#9c0004;width:10px;height:4px;position:absolute;top:.5em;left:0}
.mtitle_line{overflow:hidden;text-align:center;margin-bottom:20px;font-size:1.6rem}
.mtitle_line span{position:relative;display:inline-block;margin:0 2.5em;padding:0 1em;text-align:left}
.mtitle_line span::before,.mtitle_line span::after{position:absolute;top:50%;content:'';width:400%;height:1px;background-color:#ccc}
.mtitle_line span::before{right:100%}
.mtitle_line span::after{left:100%}

/* ボタン URL and TEL用 */
.cbtn a{display:table;border:1px solid #9c0004;color:#9c0004;padding:.6em 3em;border-radius:100px;box-sizing:border-box;margin:10px auto 0;text-align:center}
.cbtn a:after{font-family:"Font Awesome 5 Free";font-weight:900;content:"\f105";margin-left:10px}
.cbtn a:hover{background:#9c0004;color:#FFFFFF}
.cbtn.cbtn_02 a{background:#9c0004;color:#FFFFFF}
.cbtn.cbtn_02 a:hover{background:transparent;border:1px solid #FFFFFF;color:#FFFFFF}

.tbl{width:100%}
.tbl th,.tbl td{vertical-align:middle;border:1px solid #CCCCCC;padding:10px}
.tbl th{background:#F3F3F3;font-weight:500}.tbl01 th{width:25%}
.tbl_new{width:100%}
.tbl_new tr th,.tbl_new tr td{vertical-align:middle;padding:10px}
.tbl_new tr th{font-weight:normal}
.tbl_new tr td{text-align:right}
.tbl_new tr:nth-child(odd) th,.tbl_new tr:nth-child(odd) td{background:#F3F3F3}

.ggmap{position:relative;padding-bottom:50.25%;height:0;overflow:hidden}
.ggmap iframe,.ggmap object,.ggmap embed{position:absolute;top:0;left:0;width:100%;height:100%}

.sns{text-align:center}
.sns li{display:inline-block;margin-left:20px}
.sns li a{display:inline-block;width:38px;height:38px;line-height:38px;border-radius:50%;text-align:center;color:#FFFFFF;font-family:"Font Awesome 5 Free";font-weight:900}
.sns li a.fa-instagram{background:-webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;background:linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat}
.sns li a.fa-facebook{background:#4267b2}
.sns li a.fa-twitter{background:#54a7da}
.sns_list{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:20px}
.sns_list li{width:48.5%}
.sns_btn{overflow:hidden;color:#FFFFFF;position:relative;display:block;border-radius:7px;height:50px;text-align:center;line-height:50px;vertical-align:middle}
.sns_btn:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%}
.sns_btn i{font-size:2rem;position:relative;top:5px;margin-right:10px}
.sns_btn span{display:inline-block;position:relative;transition:.5s}
.sns_btn:hover{color:#FFFFFF}
.sns_btn:hover span{-webkit-transform:rotateX(360deg);-ms-transform:rotateX(360deg);transform:rotateX(360deg)}
.facebook_btn{background:#4267b2}.insta_btn{background:-webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;background:linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat}
.insta_btn:before{background:-webkit-linear-gradient(15deg, #ffdb2c, #f9764c 25%, rgba(255,77,64,0) 50%) no-repeat;background:linear-gradient(15deg, #ffdb2c, #f9764c 25%, rgba(255,77,64,0) 50%) no-repeat}

.tel_txt{text-align:center;font-size:2rem;font-weight:bold}
.tel_txt a{color:#FFFFFF}

.category_navi{margin-bottom:30px}
.category_navi li a{display:block;position:relative;color:#6f6f6f;padding:15px 15px 15px 25px;border-bottom:1px dotted #CCCCCC}
.category_navi li a:before{content:"";background-color:#9c0004;width:10px;height:4px;position:absolute;top:1.5em;left:0}
.category_navi li a:hover{color:#9c0004}
.category_navi li:last-child a{border-bottom:none}

.contents_txt{text-align:center}

.page_title_box{background:url(../img_new/bg_02.jpg) no-repeat center;background-size:cover}
.page_title_box .inner{padding:40px 0}
.page_title_box .inner .page_title{font-size:4.5rem;color:#FFFFFF;-webkit-text-shadow:2px 2px 0 rgba(0,0,0,0.5);-moz-text-shadow:2px 2px 0 rgba(0,0,0,0.5);-ms-text-shadow:2px 2px 0 rgba(0,0,0,0.5);text-shadow:2px 2px 0 rgba(0,0,0,0.5);text-align:center}
.page_title_box .inner .page_title span{margin:-8px auto 0;display:table;padding-top:10px;border-top:1px solid #FFFFFF;font-size:1.6rem;font-weight:bold}
.breadcrumb_box{margin-bottom:30px;padding:10px 0;background:#f2f2f2}

.breadcrumb_box .breadcrumb{margin:0 auto;width:1200px;padding-left:0;font-size:1.4rem}
.breadcrumb_box .breadcrumb li{display:inline}
.breadcrumb_box .breadcrumb li+li:before{margin:0 10px;content:">"}
.breadcrumb_box .breadcrumb li .home{font-family:"Font Awesome 5 Free";font-weight:900}

/* 親を基準に絶対配置するため */
.single { position:relative; }

/* ===== タブ ===== */
#plan-tabs li {
  position: relative;
  padding: 14px 12px 14px 24px;
  cursor: pointer;
  border-bottom: 1px dotted #ccc;
  transition: background .25s;
}
#plan-tabs li.active {
  background: #e0e0e0;
  font-weight: 600;
}
#plan-tabs li.active:before {
  content: "";
  background: #9c0004;
  width: 10px;
  height: 4px;
  position: absolute;
  top: 1.5em;
  left: 0;
}

/* ===== コメント欄 ===== */
.plan-comment {
  margin-top: 28px;
  padding: 18px 16px;
  background: #f8f8f8;
  border: 1px solid #ddd;
  font-size: 1.3rem;
  line-height: 1.5;
}
.plan-comment h5 {
  margin: 0 0 8px;
  font-size: 1.4rem;
  font-weight: 600;
  color: #9c0004;
}

/* ===== PDF ビューワ ===== */
#viewer-area {
  position: relative;
  width: 100%;
  height: calc(100vh - 120px);
  margin-bottom: 40px;
}
#pdfViewer {
  width: 100%;
  height: 100%;
  border: none;
}

/* ===== 矢印 ===== */
.nav-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  background: #fff;
  border: 1px solid #ccc;
  padding: 4px 12px;
  font-size: 28px;
  line-height: 1;
  opacity: .7;
  cursor: pointer;
  user-select: none;
}
.nav-btn:hover { opacity: 1; }
.nav-btn.disabled { visibility: hidden; }
#prevBtn { left: 6px; }
#nextBtn { right: 6px; }

/* ===== ハンバーガーボタン ===== */
.menu-toggle{
  display:none;            /* PCでは非表示 */
  position:absolute;       /* ← fixed→absolute に変更 */
  top:15px; left:15px;     /* セクション内の余白 */
  z-index:1000;
  background:#fff;
  border:1px solid #ccc;
  padding:6px 10px;
  font-size:22px; line-height:1;
}
/*# sourceMappingURL=basis.css.map */
