@charset "UTF-8";
#drawer,
.call_nav,
.index_hero_sp,
.br_sp{
	display:none;
}



/*container*/

.container{
	width:940px;
	margin: 0 auto;
}

.container.md{
	width:800px;
	margin: 0 auto;
}

section section{
	padding:1em 0;
}

.col{
	justify-content:space-between;
}

.col_doc{
	width: 540px;
}

.col_photo{
	width: 300px;
}



/* grid */
.row{
	display: flex;
	justify-content: space-between;
}

.column {}
.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%; }





/* 見出し */
.sec_title {
}

.lead_title{
}

/* .more_info */
.more_info{
	text-align: right;
}

.more_info.btn a {
  font-size: 1.6rem;
}
.more_info.btn.sm-btn a {
  font-size: 1.3rem;
}

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

/* header */
.header_wrap{
	width: 960px;
	margin: 0 auto;
	align-items: flex-end;
	position: relative;
}

.site_logo{
	margin-bottom:-10px;
	width: 210px;
}

/* main_nav */
.main_nav{
	margin: 0 auto 0 0;
	width: 750px;
} 

.main_nav ul{
	display: table;
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width: 100%;
}

.main_nav li{
	display: table-cell;
	text-align:center;
	border-right:solid 1px #00a99d;
}

.main_nav li span{
	display: block;
	font-size:77%;
	color: #888;
	font-family: "Times New Roman", Times, "serif";
	font-weight: normal;
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}

.main_nav a{
	position: relative;
	display: block;
	padding: .5em 1em 1em;
	color: #00a99d;
	line-height: 1.4;
	width: 100%;
	font-size: 1.5rem;
}

.main_nav a span{
	color: #9bbfbb;
}
	

.main_nav a:hover{
	opacity: .8;
}
.main_nav a:hover span{
	color: #9bbfbb;
}

.main_nav a:after{
	content:"";
	position: absolute;
	bottom:-2px;
	left: 0;
	width: 0;
	border-bottom: solid 2px #00a99d;
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}

.main_nav a:hover:after{
	width: 100%;
	left: 0;
}

/* global_nav*/
.global_nav{
	position:absolute;
	top: .5em;
	right: 0;
}
.global_nav ul{
	list-style: none;
	display: flex;
	justify-content: flex-end;
}	
.global_nav li{
	margin-left: 1.5em;
	font-size: 1.3rem;
}


.global_nav li{
	color: #00a99d;
}

.global_nav li i{
	margin-right: .5em;
}

.global_nav li a:hover{
	text-decoration: underline;
}



/* footer */

.pc_footer{
	display:flex;
	align-items: flex-start;
	padding: 2em 0;
}

.footer_info h2{
	margin-bottom: 1em;
}

.footer_info{
	font-size:1.2rem;
	margin-right: 2em;
}

.pc_footer_nav{
	display:flex;
	justify-content: space-around;
	font-size:1.3rem;
}

.pc_footer_nav ul{
	margin: 0 0 0 5em;
	padding: 0;
}


.pc_footer_nav > ul{
	list-style: none;
}


.pc_footer_nav li ul{
	margin-left: 2em;
	list-style: disc;
}

.pc_footer_nav_row{
	display: flex;
	justify-content: space-between;
}

.pc_footer_nav li ul + ul{
	margin-left: 3em;
}


.sp_footer{
	display:none;
}



/* トップぺージ */

.index_hero{
}

.index_hero_copy{
	margin-bottom: 1em;
	font-size:3rem;
	line-height: 1.4;
}

.index_info{
	width:780px;
	margin: 0 auto;
}

.index_about{
	width:380px;
}

.index_about_title{
	font-size:2.5rem;
}

.index_info_photo{
	width:300px;
}

.index_info_photo figure{
	position: relative;
}

.index_info_photo figure img{
	position: relative;
	z-index: 10;
}

.index_info_photo figure:after{
	position: absolute;
	bottom:-15px;
	left: -15px;
	display: block;
	content:"";
	width: 300px;
	height: 300px;
	background: #d6f7f4;
}

.news_contents{
}

.news_contents .row{
	width: 780px;
	margin: 0 auto;
}


.news_contents_left{
	width: 380px;
}
.news_contents_right{
	width: 380px;
}

.yt_contents{
	margin-bottom: 50px;
}
.movie_container{
	padding-top:214px;
}


.index_space_wrap{
	width: 460px;
}


/* 各ページ */
.page_title{
	width: 960px;
	text-align: center;
}

.page_header{
	position: relative;
	padding: 3em 0;
}
/* topic_path */
.topic_path {
	position: absolute;
	top: 0;
	left: 50%;
	display: flex;
	margin: .5em 0 0 -480px;
	padding: 0;
	width: 940px;
	list-style: none;
	
}
.topic_path li {
	display: flex;
  font-size: 1.3rem;
	color: #FFF;
}
.topic_path li a {
  display: block;
	text-decoration: underline;
}
.topic_path li a:hover {
}
.topic_path li+li:before {
  content: ">";
	display: inline-block;
	padding: 0 .5em;
}


/*ページナビ*/
.page_nav ul{
	list-style: none;
	display: flex;
	justify-content: center;
	margin: 0 auto;
	padding: 1em 0;
}
@media (max-width: 1279px) {
.page_nav ul{
	width: 940px;
	flex-wrap: wrap;
}
.page_nav li:nth-child(6){
	border-left: solid 1px #CCC;
}
}

.page_nav ul li{
	border-right: solid 1px #CCC;
}

.page_nav ul li:first-child{
	border-left: solid 1px #CCC;
}

.page_nav ul a{
	display: block;
	padding: .2em 1em;
	font-size:1.3rem;
}

.page_nav ul a:hover{
	text-decoration: underline;
}


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

  施設紹介

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

.greeting_doc{
	width: 620px;
}
.greeting_photo{
	width: 220px;
}

.auther_name{
	margin-top:0;
	padding: 1em;
	background:#F8F8F8;
}

/* フロアマップ */
.floor_map{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

.floor_map dt{
	display: block;
	width:92px;
	margin-left: 48px;
	padding: 1em 2em;
	line-height: 1;
	text-align: center;
	background:#00a99d;
	color: #FFF;
}

.floor_map dd{
	width:780px;
}

.access_root,
.access_fig{
	width:460px;
}

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

  サービス案内

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

.service_about_photo:after{
	bottom:-15px;
	left: -15px;
	width: 300px;
	height: 188px;
}

.contact_address{
	width: 800px;
}

.contact_address dd{
	margin-left: 1em;
}

.tokuyo_flow{
	width: 760px;
	margin: 0 auto;
}

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

  採用情報

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

.recruit_table th{
	width: 8em;
}

.cta_tel{
	font-size:2.4rem;
	padding-right: 1em;
	margin-right: 1em;
	border-right: dashed 1px #CCC;
}

.cta_tel span{
	display: inline-block;
	margin-left: 1em;
	font-size:1.6rem;
}



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

  法人案内

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

.about_photo:after{
	bottom:-15px;
	left: -15px;
	width: 300px;
	height: 325px;
}



@media (min-width: 1199px) {
}