@charset "UTF-8";
/* font
----------------------------------------------- */
:root {
  --gothic: 游ゴシック体, YuGothic, 'Yu Gothic', "游ゴシック Medium", "Yu Gothic Medium", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; --mincho: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", serif;
  --brown: #462a0b; /*メイン書体*/
  --orange: #ff7052; /*オレンジ*/
  --green: #45be31; /*グリーン*/
}

/* default sp
	----------------------------------------------- */
* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, video { padding: 0; margin: 0; font: inherit; word-wrap: break-word; border: 0; vertical-align: baseline; outline: none; }
body { padding: 0; margin: 0; color: var(--brown); font-size: 4.5vw; font-family: var(--gothic); -webkit-text-size-adjust: 100%; font-style: normal; line-height: 1; }
article, aside, canvas, details, figcaption, figure, header, footer, hgroup, main, menu, nav, section, summary { display: block; }
blockquote, q { quotes: none; }
strong, b { font-weight: bold; }
ul, ol, li { list-style: none; }
table { border-spacing: 0; border-collapse: collapse; }
img, video, object { height: auto; border: none; display: block; }
ins { background: none; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
hr { height: 1px; padding: 0; margin: 1em 0; border: 0; border-top: 1px solid #ccc; display: block; }
*:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
a { color: var(--black); text-decoration: none; display: block; -moz-transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1); -o-transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1); -webkit-transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1); transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1); }
a:hover { opacity: 0.6; }
.clearfix:after { content: ''; display: block; clear: both; }
.pc { display: none; }
.sp { display: block; }

/* common sp
----------------------------------------------- */
.wrapper { width: 100%; overflow: hidden; z-index: 1; position: relative; }

.container {padding-top: 15vw;}

.google-map { width: 100%; position: relative; }
.google-map iframe, .google-map object, .google-map embed { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.fade { opacity: 0; -moz-transition: 1.5s; -o-transition: 1.5s; -webkit-transition: 1.5s; transition: 1.5s; }
.fade-left { -moz-transform: translateX(-6px); -ms-transform: translateX(-6px); -webkit-transform: translateX(-6px); transform: translateX(-6px); }
.fade-right { -moz-transform: translateX(6px); -ms-transform: translateX(6px); -webkit-transform: translateX(6px); transform: translateX(6px); }
.fade-bottom { -moz-transform: translateY(6px); -ms-transform: translateY(6px); -webkit-transform: translateY(6px); transform: translateY(6px); }
.fade-active { opacity: 1; -moz-transform: translate(0); -ms-transform: translate(0); -webkit-transform: translate(0); transform: translate(0); }

.midashi01 { width: 100%; padding: 3.5vw 4vw; margin: 0 auto 5vw; color: #fff; font-size: 4.21vw; font-weight: bold; line-height: 1.4; background: #ff9650; border-left: 2vw solid var(--orange); position: relative; }
.midashi01:before { content: ''; width: 2.5vw; height: 100%; border: 0.8vw solid #ff9650; border-right: none; position: absolute; top: 0; left: 0; }
.midashi01:after { content: ''; width: 2.5vw; height: 100%; border: 0.8vw solid #ff9650; border-left: none; position: absolute; top: 0; right: 0; }

.midashi02 { padding: 1vw 2.5vw; margin-bottom: 5vw; color: var(--orange); font-size: 4.74vw; font-weight: bold; text-align: center; line-height: 1.4; position: relative; }
.midashi02:before { content: ''; width: 2.5vw; height: 100%; border: 0.8vw solid #ff9650; border-right: none; position: absolute; top: 0; left: 0; }
.midashi02:after { content: ''; width: 2.5vw; height: 100%; border: 0.8vw solid #ff9650; border-left: none; position: absolute; top: 0; right: 0; }

.midashi03{padding:1.5vw 1.5vw 1.5vw 4vw;margin-bottom:5vw;font-weight:bold;border-bottom: 1px dotted #ddd;position:relative;font-size: 4.74vw;}
.midashi03:before{content:'';width:1vw;height:100%;background:#ff9650;position:absolute;top:0;left:0;}

.midashi04{position:relative;margin-bottom: 10.4vw;}
.midashi04 span{display:block;line-height:1.45;}
.midashi04 .jp{text-align:center;font-weight: 600;font-size: 5.2vw;}
.midashi04 .en{font-family: "Lato";font-weight: 600;text-align:center;color:var(--orange);letter-spacing:1px;}
.midashi04:after{content:"";width:20%;height:3px;background: #ddd;position:absolute;left: 50%;bottom: -5vw;transform: translateX(-50%);}

.midashi05 {margin: 0 auto 5vw;position: relative;}
.midashi05 .en {line-height: 1;font-family: "Lato";font-weight: 600;color: var(--orange);letter-spacing: 1px;}
.midashi05 .jp:after {content: '';height: 1px;margin-left: 2.5vw;background: #ddd;flex: 1;}
.midashi05 .jp {font-size: 5.2vw;font-weight: 600;line-height: 1.6;font-optical-sizing: auto;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;}

.midashi06{margin: 0 auto 5vw;padding: 3vw 0;text-align: center;border: 1px #ddd;border-style: solid none;line-height: 1.5;font-size: 5.2vw;font-weight: 600;}

.midashi07{margin: 0 auto 5vw;text-align: center;display: table;position: relative;}
.midashi07 .en {padding: 1.5vw 5vw 1.2vw;margin: 0 auto 4vw;color: #fff;background: var(--orange);-moz-border-radius: 100px;-webkit-border-radius: 100px;border-radius: 100px;display: table;position: relative;line-height: 1;font-family: "Lato";font-weight: 600;letter-spacing: 1px;}
.midashi07 .en:after {content: '';width: 6vw;aspect-ratio: 2.5;clip-path: polygon(50% 100%, 100% 0, 0 0);background: var(--orange);position: absolute;left: 50%;bottom: -2vw;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.midashi07 .jp {line-height: 1.4;display: block;position: relative;font-size: 5.2vw;font-weight: 600;}
.midashi07 .en {}

.midashi08{
  padding: 0.5vw 0 0.5vw 2.5vw;
  margin-bottom: 2vw;
  font-size: 4.74vw;
  font-weight: bold;
  border-left: 1.5vw solid #ff9546;
}

.more01 {max-width: 90vw;padding: 4vw 0;margin: 0 auto;color: #fff;font-size: 3.86vw;font-weight: bold;text-align: center;background: var(--brown);-moz-border-radius: 20vw;-webkit-border-radius: 20vw;border-radius: 20vw;position: relative;}
.more01:after { content: '\e913'; width: 5vw; height: 5vw; color: var(--brown); font-size: 60%; font-family: 'icon'; background: #fff; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; pointer-events: none; position: absolute; top: 50%; right: 3.5vw; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.more02 { width: 90vw; padding: 4vw 0; margin: 0 auto; color: #fff; font-size: 3.86vw; font-weight: bold; text-align: center; background: var(--orange); -moz-border-radius: 20vw; -webkit-border-radius: 20vw; border-radius: 20vw; position: relative; }
.more02:after { content: '\e913'; width: 5vw; height: 5vw; color: var(--orange); font-size: 60%; font-family: 'icon'; background: #fff; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; pointer-events: none; position: absolute; top: 50%; right: 3.5vw; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.hours-table { width: 100%; margin-bottom: 1.5vw; text-align: center; background: #fff; border: 1px solid #78644d; }
.hours-table thead th, .hours-table thead td { padding: 2.5vw 0; color: #fff; font-size: 3.51vw; font-weight: bold; background: #78644d; border-left: 1px solid #82786c; }
.hours-table thead th { background: #78644d; }
.hours-table tbody th, .hours-table tbody td { padding: 2.5vw 0; font-size: 3.51vw; vertical-align: middle; border-left: 1px solid #78644d; }
.hours-table td { min-width: 6vw; }
.hours-table .maru { color: #dbd5a2; font-size: 4.91vw; }
.hours-table .batsu { font-size: 5.09vw; }

.hours-foot { font-size: 3.51vw; line-height: 1.4; }

.tbl01{margin-bottom: 5vw;background: #fff;}
.tbl01 table{width:100%;border: 1px solid #e8e8e8;}
.tbl01 tr{border-bottom:1px solid #e8e8e8;}
.tbl01 tr:nth-child(1){border-top:1px solid #e8e8e8;}
.tbl01 th,.tbl01 td{padding:3% 5%;line-height: 1.4;vertical-align: middle;}
.tbl01 th{background:#e8e8e8;width:35%;border-bottom:1px solid #ffffff;font-weight:bold;}
.tbl01 tr:nth-last-child(1) th{border-bottom:none;}
.tbl01 td{width:65%;font-feature-settings: "palt";}
.tbl01 thead{font-weight:bold;color:#fff;text-align:center;}
.tbl01 thead th{background:var(--black)}
.tbl01 thead td{background:var(--orange);}
.tbl01 td p{margin-bottom: 4vw;}
.tbl01 a{color: var(--orange);}

.price-tbl01-wrapper{border: 1px solid var(--brown);overflow-y: hidden;margin-bottom: 20px;bacl: #fff;}
.price-tbl01{width: 600px;overflow-y: hidden;font-size: 3.5vw;}
.price-tbl01 thead{border: 1px solid var(--brown);}
.price-tbl01 thead td{text-align:center;}
.price-tbl01 tr:last-of-type td{border-bottom:none;}
.price-tbl01 th,.price-tbl01 td{border-bottom:none;line-height:1.5;padding: 5vw 2vw;}
.price-tbl01 th{background: var(--brown);color:#fff;vertical-align:middle;font-weight: 600;border-right: solid 1px #e8e8e8;text-align: center;}
.price-tbl01 th:last-child{border-right: none;}
.price-tbl01 td{border:solid 1px #e8e8e8;vertical-align:middle;border-right:none;text-align: center;}
.price-tbl01 td span{font-size: 80%;margin-left: 4px;display: inline-block}
.price-tbl01 td .sub{display: block;font-weight: 300;}
.price-tbl01 td .sub::before{content: "\f046"; font-family: icon;margin-right: 3px;}
.price-tbl01 td:first-of-type{width: 20%;background: #f9f8f1;font-weight: 600;}
.price-tbl01 td ul li.ttl{font-weight: 600;color: var(--brown);}
.price-tbl01 td ul li.ttl::before{content: "\f058"; font-family: icon;margin-right: 2vw;}
.price-tbl01 td:nth-of-type(2){width: 20%;}
.price-tbl01 td:nth-of-type(3){width: 20%;}
.price-tbl01 td:nth-of-type(4){width: auto;text-align: left;font-feature-settings: "palt";letter-spacing: .04em;}

.price-tbl02-wrapper{border: 1px solid var(--brown);overflow-y: hidden;margin-bottom: 20px;background: #fff;}
.price-tbl02{font-size: 3.5vw;}
.price-tbl02 thead{border: 1px solid var(--brown);}
.price-tbl02 thead td{text-align:center;}
.price-tbl02 tr:last-of-type td{border-bottom:none;}
.price-tbl02 th,.price-tbl02 td{border-bottom:none;line-height:1.5;padding: 5vw 2vw;}
.price-tbl02 th{background: var(--brown);color:#fff;vertical-align:middle;font-weight: 600;border-right: solid 1px #e8e8e8;text-align: center;}
.price-tbl02 th:last-child{border-right: none;}
.price-tbl02 td{border:solid 1px #e8e8e8;vertical-align:middle;border-right:none;text-align: center;}
.price-tbl02 td span{font-size: 80%;margin-left: 4px;display: inline-block}
.price-tbl02 td .sub{display: block;font-weight: 300;}
.price-tbl02 td .sub::before{content: "\f046"; font-family: icon;margin-right: 3px;}
.price-tbl02 td:first-of-type{width: 20%;background: #f9f8f1;font-weight: 600;}
.price-tbl02 td ul li.ttl{font-weight: 600;color: var(--brown);}
.price-tbl02 td ul li.ttl::before{content: "\f058"; font-family: icon;margin-right: 2vw;}
.price-tbl02 td:nth-of-type(2){width: 20%;}
.price-tbl02 td:nth-of-type(3){width: 20%;}
.price-tbl02 td:nth-of-type(4){width: auto;text-align: left;font-feature-settings: "palt";letter-spacing: .04em;}

p.ast { font-size: 88% !important; padding-left: 1em;text-indent: -1em; text-align:justify; text-justify:auto;}
ul.ast li { font-size: 88% !important; padding-left: 1em;text-indent: -1em; text-align:justify; text-justify:auto; margin-bottom: 2%; line-height: 1.5;}
ul.ast li a{display: inline-block;padding-left: 10px;}
span.ast{font-size: 88%;}


/* header sp
----------------------------------------------- */
.header { width: 100%; z-index: 10; position: fixed; top: 0; left: 0; }

.header-content { background: url(../images/header-bg.jpg) no-repeat top center; background-size: cover; z-index: 11; position: relative; }

.header-content-head { width: 100%; height: 15vw; position: relative; }

.header-logo { width: 58vw; position: absolute; top: 50%; left: 4vw; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.header-logo img { width: 100%; }

.header-navi-button { width: 30vw; height: 8.5vw; background: #fff; -moz-border-radius: 10vw; -webkit-border-radius: 10vw; border-radius: 10vw; cursor: pointer; position: absolute; top: 50%; right: 2.5vw; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); -moz-transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1); -o-transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1); -webkit-transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1); transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1); }
.header-navi-button .line-box { width: 6vw; height: 3vw; position: absolute; top: 50%; left: 4vw; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.header-navi-button .line { width: 100%; height: 2px; background: var(--brown); position: absolute; left: 0; -moz-transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1); -o-transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1); -webkit-transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1); transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1); }
.header-navi-button .line-top { top: calc(50% - 1.5vw); }
.header-navi-button .line-bottom { top: calc(50% + 1.5vw - 2px); }
.header-navi-button .line-title { width: 22vw; font-size: 3.68vw; font-weight: bold; text-align: center; line-height: 1.2; position: absolute; top: 50%; right: 0; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); -moz-transition: all 0.2s cubic-bezier(0.76, 0, 0.24, 1); -o-transition: all 0.2s cubic-bezier(0.76, 0, 0.24, 1); -webkit-transition: all 0.2s cubic-bezier(0.76, 0, 0.24, 1); transition: all 0.2s cubic-bezier(0.76, 0, 0.24, 1); }
.header-navi-button .line-title:before { content: '閉じる'; width: 100%; opacity: 0; position: absolute; top: 0; left: 0; -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -webkit-transform: translateY(-5px); transform: translateY(-5px); -moz-transition: all 0.2s cubic-bezier(0.76, 0, 0.24, 1); -o-transition: all 0.2s cubic-bezier(0.76, 0, 0.24, 1); -webkit-transition: all 0.2s cubic-bezier(0.76, 0, 0.24, 1); transition: all 0.2s cubic-bezier(0.76, 0, 0.24, 1); }
.header-navi-button .line-title span { opacity: 1; display: block; -moz-transition: all 0.4s cubic-bezier(0.76, 0, 0.24, 1); -o-transition: all 0.4s cubic-bezier(0.76, 0, 0.24, 1); -webkit-transition: all 0.4s cubic-bezier(0.76, 0, 0.24, 1); transition: all 0.4s cubic-bezier(0.76, 0, 0.24, 1); }

.header-global-items { width: 100%; height: 15vw; background: var(--orange); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.header-global-items li { width: calc(100% / 5); height: 100%; font-size: 2.46vw; font-weight: bold; text-align: center; letter-spacing: 0.2vw; position: relative; }
.header-global-items li:first-child:before { display: none; }
.header-global-items li.home { background: url(../images/icon-home.png) no-repeat top 3vw center; background-size: 6vw; }
.header-global-items li.first { background: url(../images/icon-first.png) no-repeat top 3vw center; background-size: 4.2vw; }
.header-global-items li.access { background: url(../images/icon-access.png) no-repeat top 3vw center; background-size: 3.8vw; }
.header-global-items li.price { background: url(../images/icon-price.png) no-repeat top 3vw center; background-size: 5.8vw; }
.header-global-items li.accident { background: url(../images/icon-accident.png) no-repeat top 3vw center; background-size: 4.8vw; }
.header-global-items li:before { content: ''; width: 1px; height: calc(100% - 4vw); background: #fff; opacity: 0.5; position: absolute; top: 50%; left: 0; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.header-global-items a { height: 100%; padding-top: 10vw; color: #fff; }

.header-navi { width: 100%; height: 100%; padding-top: 15vw; background: #f8f8f1; visibility: hidden; opacity: 0; z-index: 10; position: fixed; top: 0; right: 0; -moz-transition: cubic-bezier(0.76, 0, 0.24, 1) 0.5s; -o-transition: cubic-bezier(0.76, 0, 0.24, 1) 0.5s; -webkit-transition: cubic-bezier(0.76, 0, 0.24, 1) 0.5s; transition: cubic-bezier(0.76, 0, 0.24, 1) 0.5s; -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.header-navi-inner { width: 100%; height: 100%; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.header-navi-inner::-webkit-scrollbar { display: none; }

.header-navi-scroll { width: 100%; height: 100%; overflow-y: auto; z-index: 2; position: relative; -ms-overflow-style: none; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.header-navi-scroll::-webkit-scrollbar { display: none; }

.header-navi-content { padding: 2vw 0 100px; position: relative; }

.header-navi-items { width: 90vw; margin: 0 auto 5vw; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
.header-navi-items li { width: 48%; font-size: 4.39vw; font-weight: bold; border-bottom: 1px solid #84725c; position: relative; }
.header-navi-items a { padding: 5vw 0; }
.header-navi-items a:after { content: '\e913'; width: 4.5vw; height: 4.5vw; color: #fff; font-size: 2.46vw; font-family: 'icon'; background: #cdcca2; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; pointer-events: none; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; position: absolute; top: 50%; right: 1vw; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.header-navi-box { width: 90vw; margin: 0 auto 4vw; background: #fff; border: 1px solid #78644d; }

.header-navi-box-title { padding: 4vw 5vw 4vw 12.5vw; color: #fff; font-size: 4.56vw; font-weight: bold; cursor: pointer; position: relative; }
.header-navi-box-title.open:after { -moz-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); }
.header-navi-box-title.chiropractic { background: #78644d url(../images/icon-chiropractic.png) no-repeat center left 3.5vw; background-size: 7vw; }
.header-navi-box-title.case { background: #78644d url(../images/icon-case.png) no-repeat center left 3.5vw; background-size: 6.5vw; }
.header-navi-box-title:after { content: '\f107'; font-size: 3.51vw; font-family: 'icon'; pointer-events: none; position: absolute; top: 50%; right: 4vw; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); -moz-transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1); -o-transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1); -webkit-transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1); transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1); }

.header-navi-box-inner { padding: 4vw 4vw 3vw; display: none; }

.header-navi-box-items { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
.header-navi-box-items li { width: 49%; margin-bottom: 1.5vw; font-size: 3.86vw; position: relative; }
.header-navi-box-items a { padding: 3.5vw 2.5vw; background: #f4f3ea; -moz-border-radius: 1vw; -webkit-border-radius: 1vw; border-radius: 1vw; }
.header-navi-box-items a:after { content: '\f105'; font-size: 3.51vw; font-family: 'icon'; pointer-events: none; position: absolute; top: 50%; right: 2.5vw; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.header-navi-tel { width: 90vw; margin: 0 auto 4vw; }
.header-navi-tel img { width: 100%; }

.header-navi-line { width: 90vw; margin: 0 auto 2.5vw; }
.header-navi-line img { width: 100%; }

.header-navi-web { width: 90vw; margin: 0 auto 6vw; }
.header-navi-web img { width: 100%; }

.header-navi-sub-items { width: 100%; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; }
.header-navi-sub-items li { font-size: 3.86vw; }
.header-navi-sub-items li:first-child:before { display: none; }
.header-navi-sub-items li:before { content: '|'; margin: 0 2vw 0 3vw; display: inline-block; }
.header-navi-sub-items a { display: inline-block; }

.animation { opacity: 0; visibility: hidden; -moz-transform: translateY(5px); -ms-transform: translateY(5px); -webkit-transform: translateY(5px); transform: translateY(5px); -moz-transition: all 0.6s cubic-bezier(0.76, 0, 0.24, 1); -o-transition: all 0.6s cubic-bezier(0.76, 0, 0.24, 1); -webkit-transition: all 0.6s cubic-bezier(0.76, 0, 0.24, 1); transition: all 0.6s cubic-bezier(0.76, 0, 0.24, 1); }

.header-navi-open { width: 100%; height: 100%; position: fixed; }
.header-navi-open .header-navi-button .line-top { top: 50%; -moz-transform: translateY(-50%) rotate(25deg); -ms-transform: translateY(-50%) rotate(25deg); -webkit-transform: translateY(-50%) rotate(25deg); transform: translateY(-50%) rotate(25deg); }
.header-navi-open .header-navi-button .line-bottom { top: 50%; -moz-transform: translateY(-50%) rotate(-25deg); -ms-transform: translateY(-50%) rotate(-25deg); -webkit-transform: translateY(-50%) rotate(-25deg); transform: translateY(-50%) rotate(-25deg); }
.header-navi-open .header-navi-button .line-title:before { opacity: 1; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
.header-navi-open .header-navi-button .line-title span { opacity: 0; -moz-transform: translateY(5px); -ms-transform: translateY(5px); -webkit-transform: translateY(5px); transform: translateY(5px); }
.header-navi-open .header-navi { opacity: 1; visibility: visible; }
.header-navi-open .animation { opacity: 1; visibility: visible; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
.header-navi-open .animation01 { -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
.header-navi-open .animation02 { -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
.header-navi-open .animation03 { -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.header-navi-open .animation04 { -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
.header-navi-open .animation05 { -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.header-navi-open .animation06 { -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }
.header-navi-open .animation07 { -moz-transition-delay: 0.7s; -o-transition-delay: 0.7s; -webkit-transition-delay: 0.7s; transition-delay: 0.7s; }
.header-navi-open .animation08 { -moz-transition-delay: 0.8s; -o-transition-delay: 0.8s; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; }
.header-navi-open .animation09 { -moz-transition-delay: 0.9s; -o-transition-delay: 0.9s; -webkit-transition-delay: 0.9s; transition-delay: 0.9s; }

/* hero sp
----------------------------------------------- */
.hero { width: 100%; z-index: 1; position: relative; }

.top-hero-image { width: 100%; }

/* bread sp
----------------------------------------------- */
.breadcrumb { padding: 4.5vw 0 4vw; border-bottom: 1px solid #ccc; z-index: 1; position: relative; }

.breadcrumb-items { width: 90vw; margin: 0 auto; font-size: 0; }
.breadcrumb-items li { font-size: 3.51vw; position: relative; display: inline-block; }
.breadcrumb-items li:after { content: '\f105'; margin: 0 2vw; font-family: 'icon'; display: inline-block; }
.breadcrumb-items li:last-child:after { display: none; }
.breadcrumb-items li:last-child a { color: var(--orange); font-weight: bold; }
.breadcrumb-items a { display: inline-block; }

/* footer sp
----------------------------------------------- */
.footer { width: 100%; padding-top: 12vw; background: #f9f8f1; z-index: 1; position: relative; }

.footer-logo { width: 58vw; margin: 0 auto 6vw; }
.footer-logo img { width: 100%; }

.footer-hours { width: 90vw; margin: 0 auto 5vw; }

.footer-navi { width: 90vw; margin: 0 auto 12vw; }

.footer-navi-items {width: 100%;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.footer-navi-items li { width: 42vw; font-size: 3.68vw; border-bottom: 1px dotted #b9b9b9; position: relative; }
.footer-navi-items a { padding: 4vw 0; }
.footer-navi-items a:after { content: '\f105'; color: #ccc; font-family: 'icon'; position: absolute; top: 50%; right: 2vw; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.copyright { width: 100%; padding: 5vw 0 24vw; color: #fff; font-size: 3.16vw; text-align: center; letter-spacing: 0.1vw; background: #78644d; display: block; }

.pagetop { width: 12vw; height: 12vw; color: #ccc; font-size: 3.95vw; background: #fff; border: 1px solid #ccc; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; position: absolute; top: -6vw; right: 5vw; }
.pagetop:before { content: '\f106'; font-family: 'icon'; pointer-events: none; display: inline-block; }

.footer-fixed { width: 100%; z-index: 11; opacity: 0; visibility: hidden; position: fixed; bottom: 0; left: 0; -moz-transition: all 0.6s cubic-bezier(0.76, 0, 0.24, 1); -o-transition: all 0.6s cubic-bezier(0.76, 0, 0.24, 1); -webkit-transition: all 0.6s cubic-bezier(0.76, 0, 0.24, 1); transition: all 0.6s cubic-bezier(0.76, 0, 0.24, 1); }
.footer-fixed.active { opacity: 1; visibility: visible; }

.footer-fixed-items { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.footer-fixed-items li {width: -webkit-calc(100% / 3);width: calc(100% / 3);position: relative; }
.footer-fixed-items img { width: 100%; }

/* second sp
----------------------------------------------- */
.second { z-index: 1; position: relative; font-size: 4.8vw; line-height: 2;}

.second-text { width: 90vw; min-height: 80vw; padding: 6vw 0 14vw; margin: 0 auto;font-feature-settings: "palt";letter-spacing: .04em;}
.second-text img { width: 100%; }
.second-text p { margin-bottom: 4vw;}

/* 固定ページの共通部分 */
.page .sec_blc { margin-bottom: 12vw; }
.page .sec_blc:last-child { margin-bottom: 0; }

.wp_page .addtoany_content{display: none;}


/* =============================================
pc-size
================================================*/
@media screen and (min-width: 736px) {

/* default pc
----------------------------------------------- */
body { font-size: 18px; }
.sp { display: none; }
.pc { display: block; }

/* common pc ----------------------------------------------- */
body { background: #fffcec; }

.wrapper { width: 570px; background: #ffff; left: calc(50% - 90px); }

.container {padding-top: 85px;}
.midashi01 { padding: 20px; margin-bottom: 25px; font-size: 22px; border-width: 8px; }

.midashi02 {padding: 5px 30px;margin-bottom: 30px;font-size: 26px;}
.midashi02:before, .midashi02:after { width: 12px; border-width: 4px; }

.midashi03{padding:8px 0 8px 22px;margin-bottom:25px;border-width:2px;font-size: 22px;}
.midashi03:before{width:6px;}

.midashi04{margin-bottom: 80px;}
.midashi04 .jp{font-size: 28px;}
.midashi04 .en{font-size:18px;}
.midashi04:after{width:100px;bottom:-40px;}

.midashi05 {margin-bottom: 30px;}
.midashi05 .en {width: 100%;font-size: 18px;letter-spacing: 1px;}
.midashi05 .en:after { margin-left: 20px; }
.midashi05 .jp {font-size: 26px;line-height: 1.4;}

.midashi06{font-size: 24px;padding:15px 0;margin-bottom: 30px;}

.midashi07 {margin-bottom: 30px;}
.midashi07 .en { padding: 8px 20px; margin-bottom: 20px; font-size: 25px; letter-spacing: 1px; }
.midashi07 .en:after {width: 30px;bottom: -10px;}
.midashi07 .jp {font-size: 24px;}
.midashi07 .en {font-size: 18px;}

.more01, .more02 { width: 100%; padding: 20px 0; font-size: 22px; }
.more01:after, .more02:after { width: 30px; height: 30px; right: 16px; }

.hours-table { margin-bottom: 10px; }
.hours-table thead th, .hours-table thead td { padding: 12px 0; font-size: 20px; }
.hours-table tbody th, .hours-table tbody td { padding: 12px 0; font-size: 22px; }
.hours-table td { min-width: 28px; }
.hours-table .maru { font-size: 22px; }
.hours-table .batsu { font-size: 26px; }
.hours-foot { font-size: 20px; }

.tbl01{margin-bottom: 25px;}
.tbl01 th{width:25%;}
.tbl01 th, .tbl01 td{padding: 12px 20px;}
.tbl01 td{font-size: 94%;line-height: 1.8;}
.tbl01 td p{margin-bottom: 8px;}

.price-tbl01{width: 800px;font-size: 18px;}
.price-tbl01 th{padding: 14px;}
.price-tbl01 td{padding: 12px;}

ul.ast li { margin-bottom: 10px; }

.price-tbl02{font-size: 18px;}
.price-tbl02 th{padding: 14px;}
.price-tbl02 td{padding: 12px;}

/* header pc ----------------------------------------------- */
.header { width: 570px; left: calc(50% - 90px); }
.header-content-head { height: 85px; }
.header-logo { width: 320px; left: 20px; }
.header-navi-button { width: 175px; height: 50px; right: 20px; }
.header-navi-button .line-box { width: 35px; height: 16px; left: 20px; }
.header-navi-button .line-top { top: calc(50% - 8px); }
.header-navi-button .line-bottom { top: calc(50% + 8px - 2px); }
.header-navi-button .line-title { width: 125px; font-size: 22px; }
.header-global-items { height: 90px; }
.header-global-items li { font-size: 14px; letter-spacing: 1px; }
.header-global-items li.home { background-position: top 18px center; background-size: 42px; }
.header-global-items li.first { background-position: top 18px center; background-size: 28px; }
.header-global-items li.access { background-position: top 16px center; background-size: 26px; }
.header-global-items li.price { background-position: top 18px center; background-size: 38px; }
.header-global-items li.accident { background-position: top 14px center; background-size: 35px; }
.header-global-items li:before { height: calc(100% - 26px); }
.header-global-items a { padding-top: 62px; }
.header-navi {width: 570px;padding-top: 85px;right: auto;left: calc(50% - 90px);}
.header-navi-content { padding: 20px 0 80px; }
.header-navi-items { width: 510px; margin-bottom: 30px; }
.header-navi-items li {font-size: 24px;}
.header-navi-items a { padding: 30px 0; }
.header-navi-items a:after { width: 25px; height: 25px; font-size: 13px; right: 10px; }
.header-navi-box { width: 510px; margin-bottom: 25px; }
.header-navi-box-title { padding: 18px 20px 18px 60px; font-size: 26px; }
.header-navi-box-title.chiropractic { background-position: center left 15px; background-size: 36px; }
.header-navi-box-title.case { background-position: center left 16px; background-size: 35px; }
.header-navi-box-title:after { font-size: 20px; right: 20px; }
.header-navi-box-inner { padding: 20px 20px 15px; }
.header-navi-box-items li { margin-bottom: 10px; font-size: 22px; }
.header-navi-box-items a { padding: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.header-navi-box-items a:after { font-size: 18px; right: 20px; }
.header-navi-tel { width: 510px; margin-bottom: 20px; }
.header-navi-line { width: 510px; margin-bottom: 15px; }
.header-navi-web { width: 510px; margin-bottom: 30px; }
.header-navi-sub-items li { font-size: 22px; }
.header-navi-sub-items li:before { margin: 0 4px 0 12px; }

/* aside pc ----------------------------------------------- */
.aside { width: 400px; position: fixed; top: 100px; left: calc(50% - 600px); }
.aside-logo { width: 380px; margin-bottom: 30px; }
.aside-logo img { width: 100%; }
.aside-global-items { margin-bottom: 30px; }
.aside-global-items li { font-size: 26px; font-weight: bold; border-bottom: 1px dotted #bfbfb7; }
.aside-global-items li:last-child { border: none; }
.aside-global-items li.home { background: url(../images/icon-home-color.png) no-repeat center left; background-size: 40px; }
.aside-global-items li.first { background: url(../images/icon-first-color.png) no-repeat center left 5px; background-size: 30px; }
.aside-global-items li.access { background: url(../images/icon-access-color.png) no-repeat center left 7px; background-size: 28px; }
.aside-global-items li.price { background: url(../images/icon-price-color.png) no-repeat center left 1px; background-size: 42px; }
.aside-global-items li.accident { background: url(../images/icon-accident-color.png) no-repeat center left 2px; background-size: 38px; }
.aside-global-items a { padding: 30px 15px 30px 60px; }
.aside-line { width: 100%; margin-bottom: 15px; }
.aside-line img { width: 100%; }
.aside-web { width: 100%; margin-bottom: 30px; }
.aside-web img { width: 100%; }
.aside-tel { padding-left: 34px; margin: 0 auto 20px; color: var(--orange); font-size: 40px; font-family: "lato"; font-weight: 600; letter-spacing: 2px; background: url(../images/icon-phone.png) no-repeat top 10px left; background-size: 25px; display: table; }
.aside-opening { font-size: 22px; text-align: center; }

/* bread pc ----------------------------------------------- */
.breadcrumb { padding: 15px 0; }
.breadcrumb-items { width: 90%; margin: 0 auto; }
.breadcrumb-items li { font-size: 20px; }
.breadcrumb-items li:after { margin: 6px 15px 0 10px; }

/* footer pc ----------------------------------------------- */
.footer { padding-top: 60px; }
.footer-logo { width: 330px; margin-bottom: 30px; }
.footer-hours { width: 510px; margin-bottom: 20px; }
.footer-navi { width: 510px; margin-bottom: 60px; }
.footer-navi-items li { width: 240px; font-size: 20px; }
.footer-navi-items a { padding: 20px 0; }
.footer-navi-items a:after { right: 10px; }
.copyright { padding: 30px 0 130px; font-size: 18px; letter-spacing: 1px; }
.pagetop { width: 60px; height: 60px; font-size: 30px; z-index: 1; position: absolute; top: -30px; right: 30px; }
.footer-fixed { width: 570px; left: calc(50% - 90px); }

/* second pc ----------------------------------------------- */
.second{font-size: 18px;}
.second-text { width: 90%; min-height: 600px; padding: 40px 0 80px; }
.second-text p { margin-bottom: 30px; }
.page .sec_blc { margin-bottom: 100px; } }
