@charset "utf-8";

/*
Theme Name: THETA_child
Template: theta
Author: minoru kubota
Version: 1.0
*/

/*
----------------------------------------
font
----------------------------------------
*/

.acf-input {
	font-size: 62.5%;
}

.acf-input h2 {
	font-weight: bold !important;
	color: #444;
	background: #F9F9F9;
	border: solid 1px #E1E1E1;
	margin-bottom: 20px !important;
}

.en {
	font-family: sans-serif;
}

.gothic {
	font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', '游ゴシック', YuGothic, sans-serif;
}

.mincho {
	font-family: 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', '游明朝', YuMincho, 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
}

strong {
	font-weight: normal;
}

a[href^="tel:"] { cursor: default; }


/*
----------------------------------------
h1-h6
----------------------------------------
*/

h1.center,
h2.center,
h3.center,
h4.center,
h5.center,
h6.center {
	text-align: center;
}

#contents h1,
#contents h2,
#contents h3,
#contents h4,
#contents h5,
#contents h6 {
	margin-bottom: 15px;
}

#contents h1 {
	font-size: 2.4rem;
}

#contents h2 {
	font-size: 2.2rem;
}

#contents h3 {
	font-size: 2rem;
}

#contents h4,
#contents h5,
#contents h6 {
	font-size: 1.8rem;
	    border: none;
}

#contents .heading-01,
#contents .heading-02,
#contents .heading-03,
#contents .heading-04,
#contents .heading-05,
#contents .heading-06,
#contents .heading-07 {
	margin-bottom: 20px;
}

/* heading-01 */

.heading-01 {
    color: #444;
    background: none!important;
    padding: 5px 15px;
    font-size: 3rem;
    margin-bottom: 20px;
}
.heading-01 + p {
	margin-bottom: 20px;
}
/* heading-02 */

.heading-02 {
	background: none!important;
	font-size: 1.8rem;
	position: relative;
  	border-bottom: 2px solid #e6e6e6;
  	padding: 0.5em;
  	text-align: left;
  	margin-bottom: 15px;
}
.heading-02::after {
  position: absolute;
  bottom: -2px;
  left: 0;
  content: '';
  width: 32%;
  border-bottom: 2px solid #33a664;
}
/* heading-03 */

.heading-03 {
	padding: 8px 0!important;
	border-bottom: solid 2px #dedede!important;
	background: url(../theta/img/common/icn_circle_m.png) no-repeat left center!important;
	padding-left: 36px!important;
	font-size: 2.5rem !important;
}
/* heading-04 */

.heading-04 {
	font-size: 3.8rem!important;
	padding: 8px 0!important;
	background: url(../theta/img/common/icn_circle_l.png) no-repeat left center!important;
	padding-left: 46px!important;
	margin-bottom: 10px!important;
}

/* heading-05 */

.heading-05 {
    padding: 11px 20px!important;
    position: relative!important;
    background: #33a664!important;
    color: #fff!important;
    font-size: 2rem!important;
    border-radius: 4px!important;
}


/* heading-06 */

.heading-06 {
    color: #444!important;
    padding: 15px 25px!important;
    position: relative!important;
    border-bottom: 3px solid #33a664!important;
    border-top: 1px solid #dbdbdb!important;
    border-left: 1px solid #dbdbdb!important;
    border-right: 1px solid #dbdbdb!important;
	background: linear-gradient(to bottom, #fff 65%, #e4f3ea 100%)!important;
	font-size: 2.3rem!important;
}

/* heading-07 */

.heading-07 {
    color: #33a664!important;
    padding: 10px 20px!important;
    position: relative!important;
    border-left: 4px solid #33a664!important;
    background: #ebfaf1;
	font-size: 2rem!important;
}


/*
----------------------------------------
bottun
----------------------------------------
*/

.btn-01 a,
.btn-02 a,
.btn-03 a,
.btn-04 a,
.btn-05 a,
.btn-06 a {
	text-decoration: none;
	color: #000;
	margin: 10px 0;
	transition: all .2s;
}

.btn-01.center a,
.btn-02.center a,
.btn-03.center a,
.btn-04.center a,
.btn-05.center a,
.btn-06.center a {
	margin: 10px 5px;
}

.btn-01 a {
	display: inline-block;
	padding: 10px 40px 10px 30px;
	border-radius: 50px;
	color: #fff;
	background: #33a664;
	line-height: 1.5;
	position: relative;
	font-size: 2rem;
	width: 70%;
    max-width: 620px;
    letter-spacing: 1px;
    box-shadow: 0px 3px 0px 0px #24894f;
}

.btn-01 a:before {
	font-family: 'FontAwesome';
	content: '\f138';
	transition: all .2s;
	margin-right: 10px;
	font-size: 1.5rem;
    vertical-align: middle;
}

.btn-01 a:hover {
	opacity: 0.8;
}

.btn-02 a {
	padding: 8px 30px;
	border-radius: 50px;
	line-height: 1.5;
	border: solid 1px #33a664;
	position: relative;
	transition: all .2s;
	color: #33a664;
	font-size: 1.3rem;
}

.btn-02 a:before {
	font-family: 'FontAwesome';
	content: '\f138';
	margin-right: 10px;
	font-size: 1.1rem;
	vertical-align: middle;
}

.btn-02 a:hover {
	color: #fff;
	background: #33a664;
}

.btn-03 a {
	display: inline-block;
	padding: 0 15px 0 20px;
	height: 30px;
	line-height: 30px;
	white-space: nowrap;
	border: solid 2px #ccc;
	border-radius: 16px;
	transition: all .2s;
}

.btn-03 a:after {
	font-family: 'FontAwesome';
	content: '\f105';
	margin-left: 5px;
}

.btn-03 a:hover {
	color: #fff;
	background: #000;
}

.btn-04 a {
	display: inline-block;
	padding: 2px 25px 2px 10px;
	border-bottom: solid 2px #000;
	position: relative;
	transition: all .2s;
}

.btn-04 a:after {
	font-family: 'FontAwesome';
	content: '\f105';
	position: absolute;
	top: 2px;
	right: 10px;
	transition: all .2s;
}

.btn-04 a:hover:after {
	right: 5px;
}

.btn-05 a {
	display: inline-block;
	padding: 0 15px 0 20px;
	height: 30px;
	line-height: 30px;
	white-space: nowrap;
	border: solid 2px #ccc;
	border-radius: 16px;
	transition: all .2s;
}

.btn-05 a:after {
	font-family: 'FontAwesome';
	content: '\f061';
	margin-left: 5px;
}

.btn-05 a:hover {
	background: #eee;
}

.btn-06 a {
	padding: 10px 15px;
	border-radius: 5px;
	transition: all .2s;
}

.btn-06 a:after {
	font-family: 'FontAwesome';
	content: '\f101';
	margin-left: 5px;
}

.btn-06 a:hover {
	background: #eee;
}


/*
----------------------------------------
table
----------------------------------------
*/

table caption {
	caption-side: bottom;
	padding-top: 15px;
	font-size: 1.3rem;
}

table.cell-02 th {
	width: 25%;
}

table.cell-02.fixed th,
table.cell-02.fixed td {
	width: 50%;
}

table.cell-03.fixed th,
table.cell-03.fixed td {
	width: 33.3333%;
}

table.cell-04.fixed th,
table.cell-04.fixed td {
	width: 25%;
}

table.cell-05.fixed th,
table.cell-05.fixed td {
	width: 20%;
}

table.cell-06.fixed th,
table.cell-06.fixed td {
	width: 16.6666%;
}

/* table-01 */

.table-01 {
	width: 100%;
	text-align: left;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	margin: 30px 0;
}

.table-01 thead th,
.table-01 thead td {
	color: #fff;
	background: #000;
	text-align: center;
}

.table-01 th {
	padding: 15px;
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
	background: #f9f9f9;
	font-weight: normal;
	vertical-align: top;
}

.table-01 td {
	padding: 15px;
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
	vertical-align: top;
}

/* table-02 */

.table-02 {
	width: 100%;
	text-align: left;
	border-top: solid 1px #ccc;
	margin: 30px 0;
}

.table-02 th {
	padding: 20px 10px;
	border-bottom: solid 1px #ccc;
	font-weight: normal;
}

.table-02 td {
	padding: 20px 10px;
	border-bottom: solid 1px #ccc;
}


/*
----------------------------------------
form
----------------------------------------
*/

input, button, textarea, select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}


/*
----------------------------------------
list
----------------------------------------
*/

/* arrow */

.li-arrow-01 ul {
	display: inline-block;
	margin: 0 auto;
	font-size: 1.6rem;
	text-align: left;
}

.li-arrow-01 li {
	position: relative;
	padding: 0 2rem;
}

.li-arrow-01 li:before {
	font-family: 'FontAwesome';
	content: '\f105';
	position: absolute;
	left: 0;
	top: 0;
}

/* check */

.li-check ul {
	display: inline-block;
	margin: 0 auto;
	font-size: 1.6rem;
	text-align: left;
}

.li-check li {
	position: relative;
	padding: 0 2rem;
	line-height: 1.4;
	margin-bottom: 10px;
}

.li-check li:before {
	font-family: 'FontAwesome';
	content: '\f046';
	position: absolute;
	left: 0;
	top: 0;
}


/*
----------------------------------------
dl
----------------------------------------
*/

.dl-01 {
	-js-display: flex;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 10px 0 0 0;
}

.dl-01 dt {
    line-height: 2rem;
    text-align: center;
    color: #fff;
}

.dl-01 dd {
	line-height: 2rem;
}


/*
----------------------------------------
flow
----------------------------------------
*/

/* flow-column */

.flow-column .flex {
	padding-top: 60px;
	position: relative;
}

.flow-column .flex:after {
	font-family: 'FontAwesome';
	content: '\f107';
	font-size: 5rem;
	line-height: 1;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate( -50%, 0 );
}

.flow-column .flex:first-of-type {
	padding-top: 10px;
}

.flow-column .flex:first-of-type:after {
	display: none;
}

/* flow */

.flow.flex .box {
	padding: 10px 40px;
	position: relative;
}

.flow.flex .box:before {
	font-family: 'FontAwesome';
	content: '\f105';
	font-size: 4rem;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate( -50%, -50% );
}

.flow.flex .box:first-child:before,
.flow.flex.box-02 .box:nth-child(2n+1):before,
.flow.flex.box-03 .box:nth-child(3n+1):before,
.flow.flex.box-04 .box:nth-child(4n+1):before,
.flow.flex.box-05 .box:nth-child(5n+1):before,
.flow.flex.box-06 .box:nth-child(6n+1):before {
	display: none;
}

/*
----------------------------------------
map
----------------------------------------
*/

.map  {
	width: 100%;
	height: 400px;
	margin: 40px 0;
	border: solid 1px #ddd;
}


/*
----------------------------------------
slider
----------------------------------------
*/

.slider {
	margin: 0;
	text-align: center;
}

.slider .slick-slide img {
	display: inline-block;
	width: 100%;
}

.slider.thumb-slider {
	margin: 40px 0 0 0;
}

.slider.thumb-slider + .thumb {
	margin-bottom: 40px;
}

.slider.thumb-slider + .thumb figure {
	padding: 0 5px;
	box-sizing: border-box;
}

.slider .slick-dots {
	bottom: -40px;
}
.slick-slide {
	line-height: 0;
}
.main-img {
	position: relative;
	padding-top: 4px;
    background: #f5f5f5;
}
.thumb-item-nav {
	width: 100%;
	background: rgba(255, 255, 255, 0.7);
	display: flex!important;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
	position: absolute!important;
	bottom: 0;
}
.thumb-item-nav .slick-slide {
/*	float: none;*/
}
.thumb-item-nav li {
	width: 150px;
	padding: 0 10px;
}
.slick-prev:before, .slick-next:before {
    font-size: 45px!important;
}
.slick-prev:before,
.slick-next:before {
	color: transparent !important;
}
.slick-next {
	right: 50px !important;
	z-index: 999 !important;
}
.slick-prev {
	left: 30px !important;
	z-index: 999 !important;
}
.slick-prev, .slick-next {
    top: 44% !important;
}
.slick-prev:before {
    background: url(../theta/img/top/slide_arrow_left.png) no-repeat center center;
}
.slick-next:before {
    background: url(../theta/img/top/slide_arrow_right.png) no-repeat center center;
}

/*
----------------------------------------
page-ttl
----------------------------------------
*/
#clinic #page-ttl {
    background-color: transparent;
    background-image: url(../theta/img/common/bg_head_clinic.jpg);
}
#guidance #page-ttl {
    background-color: transparent;
    background-image: url(../theta/img/common/bg_head_guidance.jpg);
}
#endoscopy #page-ttl {
    background-color: transparent;
    background-image: url(../theta/img/common/bg_head_endoscopy.jpg);
}
#proctology #page-ttl {
    background-color: transparent;
    background-image: url(../theta/img/common/bg_head_proctology.jpg);
}
#annual-medical-checkup #page-ttl {
    background-color: transparent;
    background-image: url(../theta/img/common/bg_head_checkup.jpg);
}
#blog #page-ttl {
    background-color: transparent;
    background-image: url(../theta/img/common/bg_head_column.jpg);
}
#recruit #page-ttl {
    background-color: transparent;
    background-image: url(../theta/img/common/bg_head_recruit.jpg);
}



/*
----------------------------------------
top
----------------------------------------
*/
#home .btn-02 {
	display: inline-block;
	margin-bottom: 20px;
}
#home .section-01 ul li {
	width: 25%;
	border:1px solid #e6e6e6;
	border-left:none;
	text-align: center;
	box-sizing: border-box;
}
#home .section-01 ul li a {
	display: block;
	padding-bottom: 40px;
}
#home .section-01 ul li:nth-of-type(1) {
	background: url(../theta/img/top/dot_01.png) no-repeat center top;
}
#home .section-01 ul li:nth-of-type(2) {
	background: url(../theta/img/top/dot_02.png) no-repeat center top;
}
#home .section-01 ul li:nth-of-type(3) {
	background: url(../theta/img/top/dot_03.png) no-repeat center top;
}
#home .section-01 ul li:nth-of-type(4) {
	background: url(../theta/img/top/dot_04.png) no-repeat center top;
}
#home .section-01 ul li:last-child {
	border-right: none;
}

#home .section-01 h2 {
	font-size: 2.8rem;
	text-align: center;
	margin-bottom: 30px;
	padding-top: 25px;
	color: #333;
}
#home .section-01 h2 span {
	display: block;
	font-size: 1rem;
	color: #666666;
}
#home .section-01 figure {
	margin-bottom: 20px;
}
#home .section-02 {
	margin-bottom: 0;
	border-bottom:1px solid #e6e6e6;
	border-top:1px solid #e6e6e6;
}
#home .section-02 h2,
#home .section-04 h2 {
	font-size: 2.6rem;
	display: inline-block;
	color: #33a664;
	margin-right: 15px;
	vertical-align: -6px;
}
#home .section-02 .inner-01 {
	background: url(../theta/img/top/bg_point_01.jpg) no-repeat left top;
	background-size: cover;
	padding: 60px 0 20px;
	border-bottom:1px solid #e6e6e6;
}
#home .section-02 .inner-02 {
	background: url(../theta/img/top/bg_point_02.jpg) no-repeat right top;
	background-size: cover;
	padding: 60px 0 20px;
}
#home .section-02 .inner,
#home .section-04 .inner {
	max-width: 660px;
}
#home .section-02 .inner-01 .inner,
#home .section-04 .inner-01 .inner {
	float: right;
}
#home .section-02 .inner-02 .inner {
	float: left;
}
#home .section-02 .box,
#home .section-04 .box {
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
}
#home .section-02 .point {
	background: rgba(255, 255, 255, 0.6);
	padding: 15px 20px;
	margin-top: 30px;
}
#home .section-02 .point h3 {
	font-size: 1.8rem;
	color: #33a664;
	margin-bottom: 8px;
}
#home .section-02 .point h3:before {
	content: '';
	background: url(../theta/img/top/icn_point_01.png) no-repeat center top 0px;
    margin-right: 5px;
    width: 65px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
}
#home .section-02 .point.flex figure {
	width: 18%;
	margin-right: 20px;
}
#home .section-02 .point span {
	line-height: 1.9em;
    display: inline-block;
}
#home .section-02 .point figure {
	float: left;
}
#home .section-02 .point h3,
#home .section-02 .point p {
	padding-left: 120px;
}
.section-03 {
	background: url(../theta/img/top/dot_05.png) no-repeat center top, #f7f4f2;
	padding: 40px 0;
	margin-bottom: 0;
	border-bottom:1px solid #e6e6e6;
}
.page .section-03 {
	background: none;
	border-bottom: none;
}
#home .section-03 h2 {
	background: url(../theta/img/top/underline_01.png) no-repeat center bottom;
	font-size: 3rem;
	color: #33a664;
	text-align: center;
	margin-bottom: 40px;
	padding-bottom: 10px;
}
.section-03 .inner {
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
}
.page .section-03 ul.flex {
	justify-content: space-around;
}
.section-03 ul li {
	width: 31%;
	margin-bottom: 15px;
}
.section-03 .txt {
	background: #fff;
	padding: 0 20px 20px;
	border-radius: 0 0 5px 5px;
	box-shadow: 0px 3px 0px 0px #dbdbdb;
}
.section-03 figure {
	margin-bottom: 0;
	line-height: 0;
}
.page .section-03 ul.flex,
#blog .section-03 ul.flex {
	justify-content: center;
}
.page .section-03 figure,
#blog .section-03 figure {
	border: 1px solid #dedede;
    border-radius: 5px;
    border-bottom: none;
}
.section-03 figure img {
	border-radius: 5px 5px 0 0;
}
.page .section-03 .txt,
#blog .section-03 .txt {
	border: 1px solid #dedede;
	border-radius: 5px;
	padding: 20px;
}
.page .section-03 .arrow,
#blog .section-03 .arrow {
    margin-top: 0;
}
.section-03 .txt h3 {
	text-align: center;
	font-size: 2.4rem;
	color: #33a664;
}
.section-03 .txt p {
	font-size: 1.3rem;
}
.section-03 .arrow {
	text-align: center;
	margin-top: -19px;
}
#home .section-04 {
	margin-bottom: 60px;
	border-bottom:1px solid #e6e6e6;
}
#home .section-04 .inner-01 {
	background: url(../theta/img/top/bg_chekup_01.jpg) no-repeat left top;
	background-size: cover;
	padding: 60px 0 20px;
}
#home .section-04 dl dt {
	font-size: 1.8rem;
	color: #33a664;
	background: #ebfaf1;
	border-left: 3px solid #2fa35f;
	border-bottom:1px solid #d4eadd;
	padding: 5px 20px;
	margin: 10px 0;
}
#home .section-04 dl dt span {
	color: #33a664;
	float: right;
}
#home .section-05 {
	background: #f7f4f2 url(../theta/img/top/dot_05.png) no-repeat center top;
	padding: 40px 0;
	margin-bottom: 0;
}
#home .section-05 .inner {
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
}
#home .section-05 h2 {
	text-align: center;
	font-size: 2.6rem;
	color: #33a664;
	margin-bottom: 30px;
}

#home .section-05 .news-list {
	background: #FFF;
	padding: 25px 40px 0;
}

#home .section-05 .news-list li {
  border-bottom: 1px solid #e6e6e6;
  padding: 0 0 10px;
  margin-bottom: 10px;
}

#home .section-05 .single-news-head {
	display: block;
}

#home .section-05 .single-news-head .btn-more {
  position: relative;
  color: #33a664;
  display: inline-block;
  border: 1px solid #33a664;
  padding: 5px 40px 5px 20px;
  border-radius: 22px;
  width: 154px;
  float: right;
  font-size: 13px;
  line-height: 1.2;
  margin: 2px 0;
  box-sizing: border-box;
}

#home .section-05 .single-news-head .btn-more:before {
    content: "";
    position: absolute;
    right: 21px;
    top: 6px;
    transition: all 0.2s ease-in-out;
    display: block;
    width: 13px;
    height: 13px;
    background: #33a664;
    border-radius: 7px;
}

#home .section-05 .single-news-head .btn-more:after {
	content: "";
	position: absolute;
	right: 25px;
	top: 9px;
	transition: all 0.2s ease-in-out;
	display: block;
	width: 4px;
	height: 4px;
	border-top: solid 1px #FFFA;
	border-right: solid 1px #FFF;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

#home .section-05 .single-news-head.open .btn-more:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 11px
}

#home .section-05 .single-news-body {
  display: none;
  padding-left: 2.3125em;
}

#home .section-05 ul li {
	border-bottom:1px solid #e6e6e6;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#home .section-05 ul li .date,
#home .section-05 ul li .ttl {
	display: inline-block;
}

#home .section-05 ul li .ttl {
    font-size: 16px;
		text-decoration: underline;
}
#home .section-05 .date {
	color: #33a664;
	background: #ebfaf1;
	padding: 5px 15px;
	margin-right: 15px;
	font-size: 12px;

}
#home .section-05 ul li .ttl {
	font-size: 16px;
}
#home .section-05 ul li .txt {
	display: block;
	padding: 10px 0 0 120px;
}
#home .section-05 .addtoany_share_save_container {
	display: none;
}
#home .section-06 img {
	margin: 0 auto;
}
#home .section-07 {
	background: url(../theta/img/top/bg_message.jpg) no-repeat center top;
	background-size: cover;
	margin-bottom: 0;
}
#home .section-07 .inner {
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
	position: relative;
	padding: 50px 0 60px;
}
#home .section-07 .box {
	background: rgba(255, 255, 255, 0.6);
	padding: 72px;
}
#home .section-07 .txt {
	width: 69%;
	line-height: 2em;
}
#home .section-07 .txt h2 {
	font-size: 3.4rem;
	color: #33a664;
}
#home .section-07 figure {
	position: absolute;
	bottom: 60px;
	right: 0;
	line-height: 0;
}
#home .section-07 .name {
	font-size: 1.8rem;
    margin-top: 15px;
}
/*
----------------------------------------
hour-access
----------------------------------------
*/
.hour-access {
	margin-bottom: 40px;
}
.hour-access section {
	width: 520px;
}
.hour-access .inner {
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
}
.hour h2,
#access h2 {
	font-size: 1.8rem;
	position: relative;
  	border-bottom: 2px solid #e6e6e6;
  	padding: 0.5em;
  	text-align: left;
  	margin-bottom: 15px;
}
.hour h2::after,
#access h2::after {
  position: absolute;
  bottom: -2px;
  left: 0;
  content: '';
  width: 32%;
  border-bottom: 2px solid #33a664;
}
.hour,
#access {
	margin-bottom: 0 !important;
}
.hour table tbody tr {
	height: 148px;
}
.hour table tbody tr.row1,
.hour table tbody tr.row2 {
	height: 74px;
}
.hour table tr th {
	background: #33a664;
	color: #fff;
	text-align: center;
	border-bottom: 2px solid #24894f;
	vertical-align: middle;
	font-size: 1.3rem;
}
.hour table tr th span {
	color: #fff;
}
.hour table tr th span.ampm {
	border:1px solid #fff;
	display: inline-block;
	border-radius: 4px;
    padding: 0 10px;
    font-size: 1.4rem;
}
.hour table tbody tr th {
	border-right: 2px solid #24894f;
	padding: 0 4px;
}
.hour table thead tr th {
	border-right: 1px solid #dbdbdb;
	width: 61px;
	padding: 4px 0;
}
.hour table  thead tr th:first-child {
	border-right: 2px solid #24894f;
}
.hour table tbody tr td {
	border-right: 1px solid #dbdbdb;
	border-bottom: 2px solid #24894f;
	vertical-align: middle;
	text-align: center;
	font-size: 1.2rem;
	line-height: 1.4;
	padding: 20px 0;
}

.hour table tbody tr td.close {
	background: #ebf7f0;
	color: #33a664;
}
.hour table tr.check td,
.hour table tr.check th {
	border-bottom: 1px solid #33a664;
}
.hour table tr.check td {
	background: #f7f7f7;
}
.hour table tr td:last-child,
.hour table tr th:last-child {
	border-right: 1px solid #33a664;
}
.hour table tbody tr td span {
	font-size: 1rem;
}
.hour table td.row1-td {
	border-bottom: 1px dashed #dbdbdb;
}
#access p span {
	color: #ff993a;
	border:1px solid #ff993a;
	border-radius: 4px;
	padding: 5px;
	margin-right: 7px;
}
/*#access iframe {
	width: 520px;
	height: 240px;
	margin-top: 10px;
}*/
#access #map_canvas {
    width: 520px;
	height: 240px;
	margin-top: 10px;
}
#access .box {
	width: 250px;
	padding:0!important;
	margin-top: 10px;
}
#access h3 {
	text-align: center;
	color: #33a664;
	background: #e1f2e8;
	font-size: 1.6rem !important;
	padding: 5px 0;
}
#access .btn-01 a {
    font-size: 1.6rem;
    width: 45%;
    max-width: 280px;
    padding: 8px 40px 8px 30px;
}
/*
----------------------------------------
clinic
----------------------------------------
*/
#clinic .hour-access .inner.flex.nowrap {
	display: flex!important;
	flex-direction:column-reverse !important;
    padding: 0!important;
}
#clinic #access, #clinic .hour{
	width:100%;
}
/*#clinic #access iframe {
    width: 100%;
    height: 300px;
}*/
#clinic #access #map_canvas {
    width: 100%;
    height: 300px;
}
#clinic #access .box {
    width: 48%;
}
#clinic .hour table {
    width: 100%;
}
#clinic .hour table tbody tr td {
	font-size: 1.6rem;
}
#clinic #profile .flex {
    margin: 0 0 60px 0;
}


/*
----------------------------------------
guidance
----------------------------------------
*/
#guidance .bnr {
	margin-top: 0!important;
}
#guidance .depart {
	padding-bottom: 40px;
	border-bottom: 2px solid #dedede;
}
#guidance .depart p {
	font-size: 1.6rem;
	line-height: 2em;
}
#guidance .depart figure {
	margin-top: 30px;
}
#guidance #contents #guidance-nav .bnr {
	flex-wrap: wrap;
	justify-content: space-between;
}
#guidance .heading-04 {
    font-size: 3.8rem!important;
    background: url(../theta/img/common/icn_circle_l.png) no-repeat left bottom 10px!important;
    margin-bottom: 20px!important;
    margin-top: -60px;
    padding: 60px 0 0 46px!important;
}
#guidance .btn-02 {
	margin-top: 20px;
}
#guidance .depart figure:nth-of-type(2){
    display: none;
}
#page-nav .flex {
	justify-content: flex-start;
}
#page-nav .flex .box {
	width: 33%;
}
#page-nav .flex .box--colspan-2 {
	width: 66.66667%;
}
#page-nav .flex .box h3 {
	margin-bottom: 0!important;
}
#recruit #page-nav .flex .box h3 {
	text-align: center;
}
#page-nav .flex .box h3 a {
	font-size: 1.8rem;
	position: relative;
    padding: 10px 10px 10px 25px;
    display: inline-block;
}
#page-nav .flex .box h3 a:after {
    font-family: 'FontAwesome';
    content: '\f138';
    position: absolute;
    left: 0;
    bottom: 28%;
    transition: all .2s;
    margin-right: 10px;
    font-size: 1.5rem;
    color: #33a664;
}
#flow-1 .flex, #flow-2 .flex {
	flex-direction: column;
}
#flow-1 .flex .box, #flow-2 .flex .box {
	width: 100%!important;
}
#flow-1 .flex figure, #flow-2 .flex figure{
	float: right;
	margin-left: 20px;
}
#flow-1 .flow.flex .box:before,
#flow-2 .flow.flex .box:before {
    font-family: 'FontAwesome';
    content: '\f107';
    font-size: 4rem;
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translate( -50%, -50% );
}
#flow-1 .flex .box,
#flow-2 .flex .box {
    padding: 30px 30px 20px 40px;
    border: 1px solid #dedede;
    margin: 40px 0;
}
#flow-1 .flex .box h3,
#flow-2 .flex .box h3 {
    font-size: 2rem!important;
}
.bold {
	font-weight: bold;
}
span.small {
	font-size:0.7em;
	color: inherit;
}
p span.small {
	font-size:0.9em;
}
#less-pain h3 {
	margin-top: 30px;
}
#less-pain h3 span.point {
	border: 1px solid #33a664;
    padding: 4px 10px;
    border-radius: 6px;
    margin: 0 20px 5px 0;
    display: inline-block;
}
#annual-medical-checkup h3 span.small {
	font-size: 1.7rem;
	color: #666;
	padding-left: 20px;
	display: inline!important;
}
#annual-medical-checkup table.cell-02.table-01 {
	width: 60%;
}
#annual-medical-checkup table.cell-02.table-01 th{
	width: 75%;
}
#annual-medical-checkup table.cell-02.table-01 td {
	text-align: right;
}
#proctology #doctor .flex {
	margin-top: 20px;
	background: #f7f4f2;
    padding: 30px;
}
#proctology #doctor .box.txt p {
	background: #f7f4f2;
}
#proctology #doctor .flex .box.pic {
    width: 30%;
    margin-bottom: 0;
}
#proctology #doctor .flex .box.txt {
    width: 70%;
    margin-bottom: 0;
}
/*
----------------------------------------
post
----------------------------------------
*/
.post .btn-02 {
	text-align: right;
}
#blog .section-03 {
    background: none;
    padding: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #e6e6e6;
}
/*
----------------------------------------
recruit
----------------------------------------
*/
.rec-detail .bnr figure:nth-of-type(2) {
	display: none;
}

/*
----------------------------------------
endoscopy
----------------------------------------
*/
.guidance .attention-txt {
	background: #fcfaf7;
	padding: 25px;
	border: 1px dashed #999;
	border-radius: 4px;
}
.guidance .attention-txt h4 {
	font-size: 1.8rem;
	margin-bottom: 10px;
}
.guidance .attention-txt h4:before {
	content: '';
    background: url(../theta/img/common/icn-circle_16.png) no-repeat center top;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle;
}
.guidance .attention-txt .desc {
	font-size: 1.4rem;
}
.guidance .img-nav h4 {
	font-size: 1.5rem;
	color: #33a664;
	display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 23px 0 5px!important;
}
.guidance .img-nav h4 span {
	font-size: 1.1rem;
	color: #33a664;
}
.guidance .img-nav h4 span i {
	color: #33a664;
	margin-right: 5px;
}
.guidance .img-nav ul {
	background: #d6ede0;
	padding: 6px;
	display: -ms-flex;
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.guidance .img-nav ul li {
	line-height: 0;
}
.guidance .img-nav ul li a{
	display: block;
	border: 1px solid transparent;
}
.guidance .img-nav ul li .over {
	opacity:0.6;
	border: 1px solid #33a664;
}


/*
----------------------------------------
medical
----------------------------------------
*/

#medical #page-ttl {
    background-color: transparent;
    background-image: url(../theta/img/medical/bg-medical.jpg);
}
#medical #page-ttl .box p.en {
	border:1px solid #666;
	font-size: 2rem;
	border-radius: 5px;
	display: inline-block;
    padding: 5px 20px;
    margin-bottom: 15px;
}
#medical #page-ttl .box h2 {
	font-size: 3.3rem;
}
#medical .target .heading-03 {
	font-size: 2rem !important;
	border-bottom: none !important;
	margin-bottom: 10px !important;
}
#medical .target .box {
	width: 49%;
	padding: 0px;
}
#medical .target .txt {
	border:1px solid #dbdbdb;
	display: -ms-flex;
    display: flex;
    align-items: center;
}
#medical .target .txt-inner h4:nth-of-type(2) {
	margin-top: 10px;
}
#medical .target .txt p:before {
	content: "・";
	color: #33a664;
}
#medical .target .txt-inner {
	padding: 0 10px;
}
#medical .target figure {
	margin-bottom: 0;
	line-height: 0;
}
#medical .target h4 {
	font-size: 1.6rem;
	color: #33a664;
	margin-bottom: 5px !important;
}
#medical .medical-nav .heading-05 {
	font-size: 1.8rem !important;
	margin-bottom: 0 !important;
	border-radius: 4px 4px 0 0 !important;
}
#medical .medical-nav .flex {
	border: 4px solid #dbdbdb;
	border-top: none;
	padding: 15px 0;
	justify-content: center;
}
#medical .medical-nav .btn-02 {
	margin: 0 10px;
}
#medical .medical-nav .btn-02 a {
    padding: 8px 0;
    color: #444;
    font-size: 1.5rem;
    width: 250px;
    display: block;
    text-align: center;
}
#medical .medical-nav .btn-02 a:hover {
    background: #33a664;
    color: #fff!important;
}
#medical .medical-nav .btn-02 a:before {
    color: #33a664;
    transition: all .2s;
}
#medical .medical-nav .btn-02 a:hover:before {
    color: #fff;
}

#medical .about .txt,
#medical .attention .txt {
	border:1px dashed #bfbfbf;
	border-radius: 2px;
	padding: 20px;
}
#medical .attention .txt {
	padding: 20px 5px 20px 20px;
}
#medical .attention .txt span {
	padding-left: 1em;
	display: inline-block;
}
#medical #onecoin .about .txt {
	display: -ms-flex;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
#medical #onecoin .about .txt-box {
	max-width: 563px;
    width: 85%;
    padding-right: 20px;
}
#medical .about ul {
	margin: 20px 0;
}
#medical .about li {
	border-bottom : 1px solid #dbdbdb;
	padding: 0 15px;
	line-height: 2.5;
	margin-bottom: 8px;
}
#medical .about .txt li {
	text-indent: -1em;
    padding-left: 3em !important;
}
#medical .about .txt02 li {
	text-indent: -1em;
    padding-left: 1em !important;
}
#medical .about li i {
	color: #33a664;
	padding-right: 10px;
	font-size: 1.7rem;
}
#medical .cont {
	margin-bottom: 45px;
}
#medical .flow li {
	position: relative;
	display: table;
	border-top: 1px dotted #7f7f7f;
	border-bottom: 1px dotted #7f7f7f;
	width: 100%;
    padding: 20px;
    margin: 10px 0 30px 0;
}
#medical .flow li:before {
	font-family: 'FontAwesome';
    content: '\f078';
    font-size: 1.5rem;
    position: absolute;
    top: 72px;
    left: 50%;
    color: #33a664;
}
#medical .flow li:last-child:before {
	content: none;
}
#medical .flow li h5 {
	display: table-cell;
	color: #33a664;
	font-size: 2rem;
	width: 30%;
}
#medical .flow li p {
	display: table-cell;
	font-size: 1.6rem;
}
#medical .flow i {
	color: #33a664;
	margin-right: 10px;
}
#medical .flow .time {
	text-align: center;
	margin: 40px 0 30px;
}
#medical .flow .time span {
	border:1px solid #33a664;
	border-radius: 5px;
	color: #33a664;
	font-size: 1.8rem;
	padding: 20px 50px;
}
#medical .link span {
	font-size: 1.2rem;
	padding-left: 10px;
	color: #666;
}
#medical .link i {
	color: #ff9a38;
	margin-right: 5px;
}
#medical .attention .txt {
	margin-bottom: 20px;
}
#medical .faq dl {
	border-bottom: 1px dotted #7f7f7f;
	padding: 20px 0;
}
#medical .faq dl dt {
	font-size: 1.8rem;
    padding: 10px 0 10px 60px;
    background: url(../theta/img/medical/icn-q.png) 0px 2px no-repeat;
}
#medical .faq dl dt.small {
    padding: 0px 0 0px 60px;
    background: url(../theta/img/medical/icn-q.png) 0px 9px no-repeat;
}
#medical .faq dl dd {
	font-size: 1.4rem;
	padding: 14px 0 17px 60px;
    background: url(../theta/img/medical/icn-a.png) 0px 10px no-repeat;
}
#medical .contact-bnr {
    margin-bottom: 60px!important;
}
#medical .about h5 {
	font-size: 2rem;
	color: #33a664;
	margin-top: 30px;
}
#medical .about h5 i {
	margin-right: 10px;
	color: #33a664;
}
#medical .about h5 span {
	font-size: 1.4rem;
	color: #666;
	margin-left: 10px;
}
#medical .about .txt02 {
	border: 4px solid #dbdbdb;
	padding: 20px;
	margin-bottom: 10px;
}
#medical .about .txt02 ul {
	margin: 0;
}
#medical .about .txt02 li {
	border-bottom: none;
	display: inline-block;
	padding: 0;
	margin: 0 20px 0 0;
	text-indent: -1em;
    padding-left: 1em;
}
#medical .about .txt02 li:before {
    content: "・";
    color: #33a664;
}
#medical .cate thead tr {
	background: #33a664;
}
#medical .cate thead th {
    vertical-align: middle;
    position: relative;
}
#medical .cate thead th span.small {
	position: absolute;
    top: 17px;
    right: 10px;
}
#medical .cate thead tr th:nth-of-type(1) {
	width: 20%;
}
#medical .cate thead tr th:nth-of-type(2) {
	width: 14%;
}
#medical .cate thead tr th:nth-of-type(3) {
	width: 15%;
}
#medical .cate thead tr th:nth-of-type(4) {
	width: 15%;
}
#medical .cate thead tr th:nth-of-type(5) {
	/*width: 20%;*/
}
#medical .cate thead th {
	color: #fff;
	padding: 12px 0px;
	text-align: center;
}
#medical .cate table {
	margin-bottom: 20px;
}
#medical .cate tbody {
	border: 2px solid #e6e6e6;
}
#medical .cate tbody tr:nth-of-type(odd) {
	background: #fff;
}
#medical .cate tbody tr:nth-of-type(even) {
	background: #ebf7f0;
}
#medical .cate tbody th,
#medical .cate tbody td {
	padding: 20px 15px;
	text-align: center;
	border-right: 1px solid #e6e6e6;
}
#medical .cate tbody td span {
	font-size: 1.1rem;
}
#medical .cate .course-sub {
	text-align: left;
}
#clinic .clinic-message {
	border: solid 1px #e6e6e6;
    padding: 20px;
}
#clinic .clinic-message h4 {
	border-bottom: solid 1px #e6e6e6;
}

.util-list__item {
	font-size: 14px;
	padding-left: 21px;
	position: relative;
}

.util-list__item::before {
	content: '';
	position: absolute;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #00a95d;
	left: 10px;
	top: 10px;
}

.util-list__item--inline {
	display: inline-block;
}

.util-list__item + .util-list__item {
	margin-top: 4px;
}


@media screen and ( max-width: 480px ) {
	#home .section-05 .news-list {
	  padding: 20px 20px 0;
	}
	#home .section-05 ul li .ttl {
	  width: 100%;
	  margin-bottom: 8px;
	}
	#home .section-05 .news-list li {
		padding: 0 0 36px;
		position: relative;
	}
	#home .section-05 .single-news-body {
		padding-left: 0;
    padding-bottom: 10px;
    height: 36px;
    overflow: hidden;
    position: relative;
    display: block !important;
    margin-right: 80px;
    float: right;
    margin-top: -10px;
	}

	#home .section-05 .single-news-body.open {
		height: auto;
    display: block !important;
    min-height: 36px;
    margin: 0;
    float: none;
	}
	#home .section-05 .single-news-body::after {
		content: "";
		background: linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,0.7161239495798319) 50%, rgba(255,255,255,1) 100%);
		position: absolute;
		width: 100%;
		height: 36px;
		z-index: 2;
		bottom: 0;
	}
	#home .section-05 .single-news-body.open::after {
		background: none;
	}
	#home .section-05 .single-news-head .btn-more {
		float: none;
    margin: auto;
    display: block;
    text-align: center;
    position: absolute;
    right: -20px;
    bottom: 12px;
    padding: 5px 40px 5px 0;
    width: 80px;
    border: none;
	}
	#guidance .depart figure:nth-of-type(1){
    	display: none;
	}
	#guidance .depart figure:nth-of-type(2){
    	display: block;
	}
	.rec-detail .bnr figure:nth-of-type(1) {
		display: none;
	}
	.rec-detail .bnr figure:nth-of-type(2) {
		display: block;
	}
	#medical #onecoin .about figure {
		display: none;
	}
	#medical #onecoin .about .txt-box {
	    max-width: unset;
	    width: 100%;
	    padding-right: 0;
	}
	#medical .attention .txt {
		padding: 20px;
	}
	.hour table tr th span {
    font-size: 1.1rem;
	}
	.post .post-header figure {
		margin: 0 auto 20px !important;
	}
	#home .section-03 h2 {
		font-size: 2rem;
		margin: 0 auto 2rem;
		width: 85%;
	}
	.post .post-header figure a img,
	#contents section.relation-post figure a img {
		display: none;
	}
	.post .post-header figure a img:nth-of-type(1),
	#contents section.relation-post figure a img:nth-of-type(1) {
		display: block;
	}

	#home .section-07 .box {
		padding: 40px !important;
	}
}