@charset "UTF-8";


/*---------------------------------

  非表示

---------------------------------*/

.site_header #drawer,
.site_header .call_nav,
.sp_logo {
	display:none;
}
#drawer,
.call_nav{
	display:none;
}

/*---------------------------------

  タグ

---------------------------------*/

body {
  font-size: 1.6rem;
}

@media (min-width: 1199px) {
  body {
    font-size: 1.6rem;
  }
}

p {
  font-size: 1.6rem;
}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}

@media (min-width: 1170px) {
  h2 {
    font-size: 3.6rem;
  }
  h3 {
    font-size: 2.8rem;
  }
  h4 {
    font-size: 1.8rem;
  }
  h5 {
    font-size: 1.6rem;
  }
}


/*---------------------------------

  grid

---------------------------------*/

.row{
  display: flex;
  justify-content: space-between;
}
.column {
  margin-left: 4%; }
.column:first-child {
  margin-left: 0; }
.one.column { width: 4.66666666667%; }
.two.column { width: 13.3333333333%; }
.three.column { width: 22%; }
.four.column { width: 30.6666666667%; }
.five.column { width: 39.3333333333%; }
.six.column { width: 48%; }
.seven.column { width: 56.6666666667%; }
.eight.column { width: 65.3333333333%; }
.nine.column { width: 74.0%; }
.ten.column { width: 82.6666666667%; }
.eleven.column { width: 91.3333333333%; }
.twelve.column { width: 100%; }


/* ページトップへ戻る */
.pagetop {
  bottom: .8em;
  right: 1.6em;
}


/*---------------------------------

  ヘッダー

---------------------------------*/

/* スクロールでヘッダーを固定 */
header h1 {
  margin: 0 0;
}
header h1 img {
  max-width: 92px;
  margin: .8em auto;
}
header .fixheader {
  width: 100%;
  padding-top: 0px;
  transition: .2s ease 0s;
}
header.fixed .fixheader {
  top: 0;
  transition: 0.5s all ease;
}

header.fixed h1 {
  margin-top: .5em;
  margin-bottom: 0;
}
header.fixed h1 img {
  max-width: 108px;
}
header.fixed .fixheader {
  position: fixed;
  z-index: 9990;
  height: 45px;
  background: #fff;
  margin-top: 0px;
  padding-bottom: 0px;
  transition: 0.5s all ease;
}

/* 出てくる時のアニメーション設定 */
header .main_nav {
  opacity: 1;
}

/* 消える時のアニメーション設定 */
header.fixed .main_nav {
  transition: margin-top 1s ease 1s, opacity 1s ease 1s;
  margin-top: 0;
  opacity: 1;
  transition: 0.5s all ease;
  padding-top: 25px;
  margin-top: -25px;
  box-shadow: 0px 1px 5px 3px rgba(0,0,0,.2);
  text-align: center;
}
header.fixed .main_nav ul li a {
  font-size: 1.5rem;
  padding: .6em 1.2em;
  text-shadow: none;
  border-right: none;
}
header.fixed .main_nav ul li a,
header.fixed .main_nav ul li:first-child a {
  border-left: none;
}

/* global_nav */
nav.global_nav ul {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  height: 90px;
  max-width: 690px;
}
nav.global_nav ul li a { font-size: 1.4rem; }
nav.global_nav ul li i { font-size: 3.6rem; }

/* main_nav */
nav.main_nav ul li a {
  padding: .2em 1.8em;
  border-right: 1px solid rgba(0,0,0,.6);
}
nav.main_nav ul li:first-child a {
  border-left: 1px solid rgba(0,0,0,.6);
}

/* main_nav - ドロップダウン */
nav.main_nav ul ul {
  position: absolute;
  top: 100%;
  left: -2px;
  text-align: left;
  z-index: 9999;
}
nav.main_nav ul ul li {
  float: none;
  display: block;
  margin: 0;
  background: #fff;
}
nav.main_nav ul ul li a {
  color: #fff;
_background: #40a8cc;
_background: #7a6a56;
  background: #b5335f;
  padding: .8em 1em;
  display: block;
  text-align: left;
  min-width: 15em;
}
nav.main_nav ul ul li a:hover {
  color: #cea500;
  background: #fae96f;
}
nav.main_nav ul ul li:not(:first-child) {
  border-top: none;
}
nav.main_nav ul ul ul {
  position: absolute;
  top: -2px;
  left: 100%;
}
nav.main_nav ul ul {
  visibility: hidden;
  opacity: 0;
  transition: .2s ease-in-out;
  transform: translateY(10px);
}
nav.main_nav ul ul ul {
  transform: translateX(-20px) translateY(0);
}
nav.main_nav ul  li:hover > ul {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,.2);
}
nav.main_nav ul li:hover > ul {
  transform: translateX(0) translateY(0);
}

/*---------------------------------

  フッター

---------------------------------*/


/*---------------------------------

  コンテナ

---------------------------------*/

/* contents */
.container {
  width: 960px;
}
@media (min-width: 1199px) {
  .container {
    width: 1170px;
  }
}
.container.sm {
  width: 800px;
}
.container.md {
  width: 880px;
}

section {
  margin-top: -3.2em;
  margin-bottom: 3.2em;
  padding-top: 3.2em;
  padding-bottom: 2em;
}
section.bg_content,
section.bg_topics,
section.bg_sales_deodorizer {
  margin-top: 0em;
  margin-bottom: 0em;
  padding-bottom: 0em;
}
section .bg_cover {
  padding-bottom: 4em;
}

/*---------------------------------

  フッターバナー

---------------------------------*/
footer .footer_bnr ul li {
  flex: 0 0 31.33333333%;
  flex-basis: 31.33333333%;
  flex-grow: 0;
  flex-shrink: 0;
  max-width: 31.33333333%;
  margin: 1%;
}

/*---------------------------------

  フッター

---------------------------------*/

/* footer_info */
footer.site_footer .footer_info {
  padding: 0 0 1.2em;
}
footer.site_footer .footer_info ul li {
  display: inline-block;
  margin: .3em 1em;
}

/* footer_nav */
footer.site_footer .footer_nav ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 1em 0 0;
  list-style-type: none;
}
footer.site_footer .footer_nav ul li {
  flex: 0 0 20%;
  flex-grow:0;
  flex-shrink:0;
  flex-basis:20%;
  max-width:20%;
  box-sizing: border-box;
  -webkit-box-sizing : border-box;
  -moz-box-sizing : border-box;
  vertical-align: middle;
}
footer.site_footer .footer_nav ul li.mg_top {
  margin-top: 1.2em;
}
footer.site_footer .footer_nav ul li a {
  display: block;
  padding: .3em;
}
footer.site_footer .footer_nav ul li.phys a:before,
footer.site_footer .footer_nav ul li.occu a:before,
footer.site_footer .footer_nav ul li.emer a:before,
footer.site_footer .footer_nav ul li.clin a:before,
footer.site_footer .footer_nav ul li.dent a:before,
footer.site_footer .footer_nav ul li.medi a:before,
footer.site_footer .footer_nav ul li.care a:before,
footer.site_footer .footer_nav ul li.nurs a:before {
  content: "\f0c8";
  font-family: 'FontAwesome';
  margin-right: .3em;
}
footer.site_footer .footer_nav ul li.phys a:before { color: #c2d84e;}
footer.site_footer .footer_nav ul li.occu a:before { color: #f5ad6a;}
footer.site_footer .footer_nav ul li.emer a:before { color: #9ed7f2;}
footer.site_footer .footer_nav ul li.clin a:before { color: #f2a6a3;}
footer.site_footer .footer_nav ul li.dent a:before { color: #f6c8dd;}
footer.site_footer .footer_nav ul li.medi a:before { color: #c38fbd;}
footer.site_footer .footer_nav ul li.care a:before { color: #87c796;}
footer.site_footer .footer_nav ul li.nurs a:before { color: #a2bbe1;}

/*---------------------------------

  汎用タグ

---------------------------------*/

/* 見出し */
.sec_title {}
.lead_title {}

/* slider_box */
.slider_box {
  min-height: 70vh;
}

/* hero */
.hero {}
.hero .page_title h2 {
  padding: 1.8em 0;
}

/* content_list */
.content_list ul li {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 -.4em;
  padding: 0;
  list-style-type: none;
  justify-content: center;
  align-items: center;
}
.content_list.rooms_photo_list ul li {
  margin: 0 0 0;
}
.content_list ul li figure,
.content_list ul li figure + div {
  flex: 0 0 50%;
  flex-grow:0;
  flex-shrink:0;
  flex-basis:50%;
  max-width:50%;
  box-sizing: border-box;
  -webkit-box-sizing : border-box;
  -moz-box-sizing : border-box;
  vertical-align: middle;
}
.content_list ul li figure {
  overflow: hidden;
  margin: 0;
}
.content_list ul li figure img {
  width: 100%;
}
.content_list ul li figure + div {
  padding: 3%;
}
.content_list ul li:nth-child(even) figure,
.content_list.revs ul li:nth-child(odd) figure,
.content_list.revs ul li:nth-child(even) figure + div {
  order: 2;
}
.content_list ul li:nth-child(even) figure + div,
.content_list.revs ul li:nth-child(odd) figure + div,
.content_list.revs ul li:nth-child(even) figure {
  order: 1;
}

/* txt_list */
.txt_list ul li {
  text-align: left;
_border-bottom: #ddd 1px dotted;
_margin: 1em 0;
}
.txt_list dl dt {
  float: left;
}
.txt_list dl dd  {
  padding: 0em 0 1em 8em;
}

.txt_list.list_l dl dt,
.txt_list.list_xl dl dt {
  padding: .5em 1em;
}
.txt_list.list_l dl dd {
  padding: .5em 0 1em 10em;
}
.txt_list.list_xl dl dd {
  padding: .5em 0 1em 15em;
}
.txt_list.detail_list ul li,
.txt_list.detail_list dl dt {
  float: none;
}
.txt_list.detail_list dl dd  {
  padding: 0;
}

/* dl内リスト */
.txt_list.inner_list dl dd {
  text-align: left;
  border-bottom: #ccc 1px dotted;
  margin: 0 0 1em;
  padding: .5em 0 1em 12em;
  padding-bottom: .5em;
}
.txt_list.inner_list dl dd ul li {
  text-align: left;
  border-bottom: none;
  margin: 0 0 1em;
  padding-bottom: 0em;
}

/* category_list */
.category_list ul li a {
  padding: 1em 1em 2.4em;
}
.category_list.col_1 ul {
  width: 100%;
}
.category_list.col_1 ul li a {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}
.category_list.col_1 ul li a figure,
.category_list.col_1 ul li a figure + div {
  flex: 0 0 48%;
  flex-grow:0;
  flex-shrink:0;
  flex-basis:48%;
  max-width:48%;
  box-sizing: border-box;
  -webkit-box-sizing : border-box ;
  -moz-box-sizing : border-box ;
  text-align: center;
}
.category_list.col_1 ul li a figure + div {
  margin-left: 2%;
}
.category_list.col_1 ul li a figure + div,
.category_list.col_1 ul li a figure + div h3 {
  text-align: left;
}
.category_list ul li p {
  font-size: 1.4rem
}
.category_list.col_1 ul li a {
  padding: 1em 2% 1em;
  width: 96%;
}
.category_list.col_2 ul li {
  flex: 0 0 50%;
  flex-grow:0;
  flex-shrink:0;
  flex-basis:50%;
  max-width:50%;
  position: relative;
}
.category_list.col_2.pickup ul li:first-child {
  margin-right: 25%;
  margin-left: 25%;
}
.category_list.col_3 ul li {
  flex: 0 0 33%;
  flex-grow:0;
  flex-shrink:0;
  flex-basis:33%;
  max-width:33%;
  position: relative;
}

/* map_box */
.map_box {
  width: 100%;
  max-height: 480px;
}
.map_box iframe {
  width: 100%;
  height: 480px;
}

/* contact_form */
.form_title {
  font-size: 2.4rem;
}
@media (min-width: 1199px) {
.form_title {
    font-size: 2.4rem;
  }
}
.contact_form_wrap {
  font-size: 1.6rem;
}
.contact_form_table th,
.contact_form_table td {
  padding:1.5em;
  border-width:1px 0;
  border-bottom: #ccc 1px dotted;
}
.contact_form_table th {
  width: 20%;
} 
.contact_form_table th + th {
  text-align: left;
} 
.form_check_list {
  list-style: none;
}
.form_check_list li{
  margin-right: 2em;
}
.form_check_list li label {
  display: inline-block;
}

/* mainmenu_list */
.mainmenu_list ul li {
  flex: 0 0 32%;
  flex-grow:0;
  flex-shrink:0;
  flex-basis:32%;
  max-width:32%;
  margin: .5%;
  padding: 1em .6em;
  box-sizing: border-box;
	-webkit-box-sizing : border-box ;
	-moz-box-sizing : border-box ;
  text-align: center;
}
.mainmenu_list ul li:nth-child(2) {
  padding-top: 4em;
}
.mainmenu_list ul li h3 {
  margin-top: .6%;
  margin-bottom: .5em;
  font-size: 115%;
  background: url(./images/main_bnr_title.png) top center no-repeat;
  background-size: contain;
  padding: .4em 0em;
  min-height: 84px;
}
@media (min-width: 1199px) {
  .mainmenu_list ul li {
    padding: 1em 1.2em;
  }
}

/* list_box */
.list_box.txt_list.head_l.dl_list li span {
  padding: 0em 0 1em 9em;
}
.list_box.txt_list dl dd {
  padding: 0em 0 1em 12em;
}
.list_box.txt_list.head_l dl dd {
  padding: 0em 0 1em 9em;
}
.list_box ul.list_s.list_2 li,
.list_box ol.list_s.list_2 li {
  flex: 0 0 48%;
  flex-grow:0;
  flex-shrink:0;
  flex-basis:48%;
  max-width:48%;
}
.list_box ul.list_s.list_3 li,
.list_box ol.list_s.list_3 li {
  flex: 0 0 31.33333333%;
  flex-grow:0;
  flex-shrink:0;
  flex-basis:31.33333333%;
  max-width:31.33333333%;
}

ul.list_box.list_image_s li {
  flex: 0 0 31.33333333%;
  flex-grow:0;
  flex-shrink:0;
  flex-basis:31.33333333%;
  max-width:31.33333333%;
  padding: 0 1% 1%;
}
ul.list_box.list_image_s.keidai_list li:nth-child(1),
ul.list_box.list_image_s.keidai_list li:nth-child(2) {
  flex: 0 0 48%;
  flex-basis: 48%;
  max-width: 48%;
}

ul.list_box.list_image_s.keidai_list .keidai_list_docs{
	width:100%;
	max-width: 100%;
	flex: 100%;
	margin-top: -2em;
}


/*------------------------

  トップページ

------------------------*/

/* ===== スライダー ===== */
.slider_wrap {
  height: 78vh;
  margin-top: -5%;
}
.slider_wrap {
  position: relative;/* テスト用 */
  margin-top: -5%;
  margin-bottom: 4em;
}
.slider_wrap .slide_ft_bnr ul li a {
  font-size: 1.3rem;
}
.slider_wrap .slide_ft_bnr {
  position: absolute;
  bottom: -2.4em;
  left: 0;
  z-index: 999;
}
.slider_wrap .slide_ft_bnr ul li {
  flex: 0 0 16.66666666%;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 16.66666666%;
  max-width: 16.66666666%;
}
.slider_wrap .slide_ft_bnr ul li a {
  margin: 2%;
  border: 1px solid rgba(122,106,87,.6);
}
@media (min-width: 1199px) {
  .slider_wrap {
    margin-top: 0;
  }
  .slider_wrap .slide_ft_bnr ul li a {
    font-size: 1.6rem;
  }
}

/* ===== swiper ===== */
.swiper-container .swiper-slide .swiper-slide-content {
  font-size: 3.2rem;
}

/* ===== トピックス バナー ===== */
.topics_bnr ul li {
  flex: 0 0 100%;
  flex-basis: 100%;
  max-width: 100%;
}
.topics_bnr ul li a {
  font-size: 1.3rem;
  text-align: left;
  text-indent: .5em;
  margin: 2%;
  padding: 1.5em 1em;
  border: 1px solid rgba(122,106,87,.4);
}
.topics_bnr ul li a i {
  width: 2em;
}
@media (min-width: 1199px) {
  .topics_bnr ul li a {
    font-size: 1.6rem;
    padding: 1em 1em;
  }
}

/* ===== トピックス タブメニュー ===== */
.tab_area label {
  font-size:1.4rem;
}
.tab_panel ul li span.news_date,
.tab_panel ul li span.news_date + span.news_category {
  margin-right: 2em;
}
.tab_panel ul li span.news_date + span.news_category {
  min-width: 10em;
}

/* about */
.relation_list ul li {
  flex: 0 0 48%;
  flex-grow:0;
  flex-shrink:0;
  flex-basis:48%;
  max-width:48%;
}

/* keidai */
.keidai_map {
  min-height: 22em;
}
.keidai_map h3 {
  font-size: 200%;
  position: absolute;
  top: 0;
  right: 0;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode:vertical-rl;
  text-align: left;
  letter-spacing: .2em;
  text-shadow:
    white 2px 0px,  white -2px 0px,
    white 0px -2px, white 0px 2px,
    white 2px 2px , white -2px 2px,
    white 2px -2px, white -2px -2px,
    white 1px 2px,  white -1px 2px,
    white 1px -2px, white -1px -2px,
    white 2px 1px,  white -2px 1px,
    white 2px -1px, white -2px -1px;
}

/* kitoh */
.inq_box h3 {
  flex: 0 0 40%;
  flex-basis: 40%;
  max-width: 40%;
}
.inq_box h3 + div {
  flex: 0 0 60%;
  flex-basis: 60%;
  max-width: 60%;
}
.inq_box h3 + div a[href^="tel:"] {
  font-size: 200%;
}


.yakudoshi_box .column +.column .yakudoshi_list{
	text-align:right;
}

.yakudoshi_box .column +.column .yakudoshi_list li.row2{
	display: flex;
    justify-content: flex-end;
}
.yakudoshi_box .column +.column .yakudoshi_list span{
	display: flex;
    text-align: left;
}

/* access */
.access_map.detail:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -48px;
  margin-top: -24px;
  border: 24px solid transparent;
  border-right: 24px solid #FFF;
  z-index: 2;
}
.access_map.detail:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -53px;
  margin-top: -26px;
  border: 26px solid transparent;
  border-right: 26px solid #555;
  z-index: 1;
}

/*=============== sticky_nav ===============*/
.sticky_nav {
  position: fixed;
  top: 32%;
  right: 0;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode:vertical-rl;
  border-radius: 8px 0 0 8px;
}
.sticky_nav a {
  padding: 1.2em 1.2em;
}
.sticky_nav a + a {
  padding: 3.8em 1.2em;
}