@charset "UTF-8";

/* //////////////////////////////////////////////////

　ホームページのスタイル

////////////////////////////////////////////////// */

.scrollbar {display:inline-block;position:absolute; left:1140px;top:450px;z-index:2;padding:10px 10px 110px;overflow:hidden;color:#000;font-size:14px;line-height:1;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;writing-mode:vertical-lr; }
.scrollbar::after{content:'';position:absolute;bottom:0;left:50%;width:1px;height:100px;background:#000; }
.scrollbar::after{animation:sdl 3s cubic-bezier(1,0,0,1) infinite}
.scrollbar a { color: #000; }
@keyframes sdl {
0%{transform:scale(1,0);transform-origin:0 0}
30%{transform:scale(1,1);transform-origin:0 0}
70%{transform:scale(1,1);transform-origin:0 100%}
100%{transform:scale(1,0);transform-origin:0 100%}
}

@media screen and (max-width: 960px) {
.scrollbar { display: none; }
}

/*
  news_sec
-------------------------------------------------- */
.news_sec { position: relative; margin: 90px 0; padding: 90px; background: url("../img/bg_gray.png"); }
.news_sec:before { position: absolute; top: -30px; right: -10px; display: inline-block; content: ""; width: 214px; height: 214px; background: url("../img/mark_02.png"); }

.news_sec .container { position: relative; }

.news_ttl { position: absolute; top: 0; left: 0; font-size: 30px; font-weight: 500; }
.news_bx { margin-left: 240px; }
.news_list_01 li { margin-bottom: 20px; }
.news_list_01 a { display: block; padding: 25px; background: #fff; font-size: 20px; }
.news_list_02 { overflow: auto; 
  /* max-height: 200px; */
}
.news_list_02 li { position: relative; padding: 10px 10px 10px 120px; font-size: 16px; }
.news_list_02 li span { position: absolute; left: 0; }
.news_list_02 li span:after { display: inline-block; margin: 0 10px; content: "／"; }
.news_btn { position: absolute; bottom: 50px; left: 0; }

@media screen and (max-width: 960px) {
.news_sec { overflow: hidden; margin: 0; padding: 30px 15px; }
.news_sec:before { top: -20px; right: -10px; width: 100px; height: 100px; background: url("../img/mark_02.png"); background-size: cover; }
.news_ttl { position: inherit; font-size: 22px; }
.news_bx { margin-top: 40px; margin-left: 0; }
.news_list_01 li { margin-bottom: 10px; }
.news_list_01 a { display: block; padding: 15px; background: #fff; font-size: 16px; }
.news_list_02 {
  /* max-height: 250px; */
  background: #fff; }
.news_list_02 li { position: relative; padding: 10px 10px 10px 10px; border-bottom: 1px dotted #302623; }
.news_list_02 li span { display: block; position: inherit; }
.news_list_02 li span:after { display: inline-block; margin: 0 10px; content: "／"; }
.news_btn { position: inherit; bottom: 0; margin-top: 30px; font-size: 16px; }
}

/*
  daytime_sec
-------------------------------------------------- */
.daytime_sec { padding: 50px 100px 100px; }
.daytime_sec .container { position: relative; }

.daytime_ttl { font-size: 30px; font-weight: 500; text-align: center; }

.daytime_tbl { padding: 150px 0 40px; }
.daytime_tbl table { width: 100%; }

.daytime_tbl th { padding: 10px 0; border-left: 1px dotted #302623; border-right: 1px dotted #302623; text-align: center; font-size: 20px; font-weight: 500; }
.daytime_tbl td { padding: 10px 0; border-left: 1px dotted #302623; border-right: 1px dotted #302623; text-align: center; font-size: 20px; font-weight: 500; }
.daytime_tbl .red { color: #a9090b; }
.daytime_tbl .kyushin { display: flex; justify-content: center; align-items: center; width: 100%; height: 100px; border: 5px solid #fde1e1; color: #a9090b; background: #fff8f8; }
.daytime_tbl .gozen { width: 100%; height: 100px; padding-top: 22px; color: #fff; background: #bd994b; font-size: 26px; line-height: 1; }
.daytime_tbl .gogo { width: 100%; height: 100px; padding-top: 22px; color: #fff; background: #29201e; font-size: 26px; line-height: 1;  }
.daytime_tbl small { font-size: 14px; }

.daytime_tbl .space, .daytime_tbl .space_l, .daytime_tbl .space_r { display: flex; }
.daytime_tbl .space:before, .daytime_tbl .space_l:before { display: block; content: ""; width: 15px; height: 100px; background: #fff; }
.daytime_tbl .space:after, .daytime_tbl .space_r:after { display: block; content: ""; width: 15px; height: 100px; background: #fff; }

.daytime_txt { }
.daytime_txt p { text-indent: -1em; }

@media screen and (max-width: 960px) {
.daytime_sec { padding: 50px 0 50px; }
.daytime_ttl { font-size: 22px; }
.daytime_tbl { padding: 50px 0 30px; }
.daytime_tbl th { font-size: 14px; }
.daytime_tbl td { font-size: 14px; }
.daytime_tbl th:first-child, .daytime_tbl td:first-child { border-left: none; }
.daytime_tbl th:last-child, .daytime_tbl td:last-child { border-right: none; }

.daytime_tbl .kyushin { width: 100%; height: 80px; border: 3px solid #fde1e1; }
.daytime_tbl .gozen { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: column; height: 80px; padding: 0 10px; font-size: 14px; }
.daytime_tbl .gogo { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: column; height: 80px; padding: 0 10px; font-size: 14px; }
.daytime_tbl small { font-size: 10px; }
.daytime_tbl .space:before, .daytime_tbl .space_l:before { width: 5px; height: 80px; }
.daytime_tbl .space:after, .daytime_tbl .space_r:after { width: 5px; height: 80px; }

.daytime_txt { margin: 0 15px; font-size: 12px; }
}

/*
  inquiry_sec
-------------------------------------------------- */
.inquiry_sec { padding: 100px 100px; background: url("../img/bg_gold.png"); }
.inquiry_sec .container { position: relative; text-align: center; }

.inquiry_ttl { font-size: 30px; font-weight: 500; text-align: center; }
.inquiry_ttl:before { position: absolute; top: -175px; left: 50%; margin-left: -75px; display: inline-block; content: ""; width: 150px; height: 150px; background: url("../img/mark_01.png") no-repeat; }
.inquiry_btn ul { display: flex; justify-content: space-between; margin: 60px 0; }
.inquiry_btn li { margin: 0 40px; }
.inquiry_btn a { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: column; width: 300px; height: 300px; border: 1px solid #231815; background: #fff; }
.inquiry_tel span { font-size: 56px; font-weight: 500; }
.inquiry_tel p { margin: 20px 0; }
@media screen and (max-width: 960px) {
.inquiry_sec { padding: 70px 30px 30px; }

.inquiry_ttl { font-size: 22px; }
.inquiry_ttl:before { position: absolute; top: -100px; left: 50%; margin-left: -40px; width: 80px; height: 80px; background: url("../img/mark_01.png") no-repeat; background-size: cover; }

.inquiry_btn ul { flex-wrap: wrap; flex-direction: column; margin: 30px 0 0; }
.inquiry_btn li { width: 100%; margin: 0 0 20px; }
.inquiry_btn a { display: flex; justify-content: space-between; align-items: center; width: 100%; height: auto; }
.inquiry_btn a img { width: 100px; }

.inquiry_tel span { font-size: 30px; }
.inquiry_tel img { width: 30px; }
.inquiry_tel p { margin: 20px 0; }
}


/*
  access_sec
-------------------------------------------------- */
.access_sec { padding: 100px 90px; }
.access_sec .container { position: relative; }

.access_image ul { display: flex; justify-content: space-between; }
.access_payment { display: flex; justify-content: center; align-items: center; padding: 80px 0; }
.access_payment h3 { display: flex; justify-content: center; align-items: center; width: 120px; height: 120px; margin-right: 40px; border: 1px solid #4b321c; }
.access_payment p { }

.access_maps { display: flex; justify-content: space-between; align-items: center; }

.access_sec .googlemap { display: inline-block; border: 8px solid #efefef; }
.access_ttl { margin-bottom: 80px; font-size: 30px; font-weight: 500; }
.access_sec strong { font-size: 26px; }
.access_btn { margin-top: 60px; }
.access_btn a { display: flex; justify-content: center; align-items: center; width: 170px; height: 120px; border: 1px solid #4b321c;  }
@media screen and (max-width: 960px) {
.access_sec { padding: 40px 15px; }

.access_image ul { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: column; text-align: center; }
.access_image ul img { width: 80%; }

.access_payment { display: block; padding: 50px 0; text-align: center; }
.access_payment h3 { width: 100px; height: 100px; margin: 0 auto 20px; }

.access_maps { display: block; }

.access_sec .googlemap { border: 6px solid #efefef; }
.access_sec .googlemap iframe { height: 400px; }

.access_ttl { margin: 60px 0 !important; font-size: 26px; }
.access_sec strong { font-size: 22px; }
.access_btn { margin-top: 30px; }
.access_btn a { width: 100%; height: 80px; font-size: 18px; }
}


/*
  content_sec
-------------------------------------------------- */
.content_sec { padding: 100px; background: url("../img/bg_gray.png");}
.content_left { position: relative; margin-bottom: 60px; padding-top: 40px; }
.content_left_image { position: absolute; top: 0; right: 0; z-index: 1; }
.content_right { position: relative; margin-bottom: 60px; padding: 40px 0 0 610px; }
.content_right_image { position: absolute; top: 0; left: 0; z-index: 1; }

.content_box { position: relative; z-index: 2; width: 570px; padding: 45px 45px 165px; background: #fff; }
.content_box h3 { margin-bottom: 50px; font-size: 26px; font-weight: 500; line-height: 1.4; }
.content_box h3 span { /*font-size: 16px;*/ color: #1d5e9b; }

.content_btn { position: absolute; right: 45px; bottom: 45px; }
.content_btn a { display: flex; justify-content: center; align-items: center; width: 160px; height: 100px; border: 1px solid #4b321c;  }

@media screen and (max-width: 960px) {
.content_sec { padding: 40px 15px; }
.content_left { margin-bottom: 30px; padding-top: 0; }
.content_left_image { position: inherit; }
.content_right { position: relative; margin-bottom: 30px; padding: 0 0 0 0; }
.content_right_image { position: inherit; }
.content_box { position: relative; z-index: 2; width: auto; padding: 15px 15px 15px; }
.content_box h3 { margin-bottom: 35px; font-size: 20px; }
.content_box h3 span { font-size: 14px; }
.content_btn { margin-top: 20px; position: inherit; right: 0; bottom: 0; }
.content_btn a { width: 100%; height: 60px; font-size: 16px; }
}