@charset "UTF-8";
* {
    margin: 0px;
    padding: 0px;
}

body {
	font-family: 'Arial','筑紫ゴシック','ヒラギノ丸ゴ ProN','Hiragino Maru Gothic ProN',sans-serif;
	background-color: #d0ad6b;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-style: normal;
	font-weight: 400;
	line-height: 2.0em;
	letter-spacing: 0.8pt;
	box-sizing: border-box;
}


a {
	color: #333;
	text-decoration: none;
}

a:hover{
	color : #ff7043;
}

a:visited{
	color : #333;
}

ol, ul {
    list-style: none;
    list-style-image: none;
}


dt,dd {
    margin: 0; 
    padding: 0;
}

p.align{
	text-align: justify
}

p.right{
	text-align: right;
	padding-top: 20px;
}

p.right0{
	text-align: right;
}

p.center{
	text-align: center;
}

p.att{
	font-size: 0.9rem;
	line-height: 1.6em;
}

p.capture{
	line-height: 1.4;
}

p.center{
	text-align: center;
}

span.pink{
	color: #ffb6c1;
}

span.red{
	color: #ff0000;
}

span.blue{
	color: #4682b4;
}

span.blink{
	border-bottom: 1px solid #7b68ee;
	color: #7b68ee;
}

span.bold{
	font-weight: bold;
}

span.magenta{
	color: #e4007f;
}

span.black{
	color: #333;
}

span.out{
	font-size: 0.9rem;
}


img {
  max-width: 100%;
}


h1{
	margin: 0;
	font-weight: normal;
}

h2{
	font-size: 1.3rem;
	margin: 10px 0;
	color: #2a2a2a;
	font-weight: 400;
}
/*各ページタイトル*/
.h02{
	text-align: center;
	border-bottom: 2px solid #d0ad6b;
    font-size: 1.3rem;
    line-height: 1;
    padding: 20px 0 20px;
    letter-spacing: 0.1em;
	color: #946243;
}

h3.design {
	margin-bottom: 15px;
	padding: 1rem 2rem;
	border-bottom: 1px solid #ffa07a;
	background: #fff5ee;
}

.h03{
	font-size: 1.1rem;
	color: #eb6ea5;
}

.h03-access{
	position: relative;
	margin-bottom: 5px;
	padding: 0.8rem 0rem;
	font-size: 1rem;
}

.h03-access:after {
	position: absolute;
	bottom: 2px;
	left: 0;
	width: 100%;
	height: 8px;
	content: '';
	background-image: -webkit-repeating-linear-gradient(135deg, #ff6347, #ff6347 1px, transparent 2px, transparent 5px);
	background-image: repeating-linear-gradient(-45deg, #ff6347, #ff6347 1px, transparent 2px, transparent 5px);
	background-size: 7px 7px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.h03-recruit{
	text-align: center;
	padding: 1rem 1.2rem;
  	border-top: 1px solid #000;
  	border-bottom: 1px solid #000;
}

.h03-info{
	position: relative;
	padding: 5px 65px 10px 65px;
	text-align: center;
	color: #d83473;
}

.h03-info:before {
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	width: 100%;
	height: 1px;
	content: '';
	background: #eb6ea0;
}

.h03-info span {
	position: relative;
	padding: 0 1em;
	background: #fff6f1;
}

.h03-doc{
	width: 97%;
	margin: 0 auto 20px;
    border-radius: 20px;
	border: 1px dotted #ec6d51;
    font-size: 1.2rem;
	text-align: center;
    padding: 10px;
}

.h03-plan{
	width: 97%;
	margin: 0 auto 20px;
    border-radius: 20px;
    font-size: 1.2rem;
	text-align: center;
    padding: 10px;
	color: #fff;
	background-color:#e4007f; 
}



.h03-v{
	width: 97%;
	margin: 0 auto 20px;
    border-radius: 20px;
	border: 1px solid #ffb6c1;
	background-color: #fff0f5;
    font-size: 1.2rem;
	text-align: center;
    padding: 10px;
}

.h03-031{
	margin: 0 0 15px 0;
	position: relative;
    padding: .3em 0 .2em 1em;
    border-bottom: 3px solid #25c5d0;
    color: #333333;
}

.h03-031::before {
    position: absolute;
    top: 0;
    left: .3em;
    transform: rotate(55deg);
    height: 11px;
    width: 12px;
    background: #25c5d0;
    content: '';
}

.h03-031::after {
    position: absolute;
    transform: rotate(15deg);
    top: .6em;
    left: 0;
    height: 8px;
    width: 8px;
    background: #25c5d0;
    content: '';
}

h4.title {
	margin: 50px 0 0 0;
	padding: 0.5em;
	color: #494949;
	background: #fffaf4;
	border-left: solid 5px #ff7f7f;
}

.h04{
	margin: 1em auto;
	font-weight: bold;
	padding: 0.8em;
	width: 95%;
	background-color: #faf0e6;
	border-radius: 15px;
}

h5 {
    padding: 0.5em 1em;
    margin: 2em 0 0.5em 0;
    font-weight: bold;
    color: #666;/*文字色*/
    background: #FFF;
    border: solid 1px #F0A392;/*線*/
    border-radius: 10px;/*角の丸み*/
	font-size: 1em;
	text-align: center;
}

.h05{
	margin: 20px 0;
	width: 100%;
	text-align: center;
	font-weight: 600;
	font-size: 1.2em;
	background: linear-gradient(transparent 70%, #FFE9E9 75%);
}



img {
max-width: 100%;
height: auto;
}


/* header */

#header {
	margin-top: 10px;
	width: 100%;
	background-color: #fff;
}
#header .wrapper {
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
	max-width: 1080px;
}
#header p {
	float: left;
	margin: 20px 0 10px;
}

#header .logo img {
	width: 233px;
	height: 35px;
}

nav.globalMenuSp ul {
	text-align: right;
	margin-top: 20px;
	font-size: 0.8rem;
}

nav.globalMenuSp li {
	line-height: 1.3em;
    letter-spacing: 0.05em;
	padding-left: 20px;
	display: inline-block;
}

a.ft_btn{	
	display:inline-block;
	padding-left: 3px;
    padding-bottom: 6px;
	position:relative;
	cursor:pointer;
	letter-spacing: 0.2em;
	color: #640125;
}

a.ft_btn::after{
	content:'';
	position:absolute;
	width:100%;
	transform:scaleX(1);
	height:1px;
	bottom:0;
	left:0;
	background-color:#946243;
	transform-origin:bottom left;
	transition:transform .3s ease-in-out;
}
a.ft_btn:hover::after{
	transform:scaleX(0);
	transform-origin:bottom right;
}

li:hover a {
	color: #946243;
}

.main_menu {
    display: none;  /*600px以上では使用しない */
}


/*text*/
.text-center {
    text-align: center;
}

.tracking1{
	letter-spacing: 0.2em;
}



/* Container */
.container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	background-color: #FFF;
}


/*First view*/
.sophia {
	width: 100%;
	height: 0;
	padding-top: 37.777777777%;
    background: url("../images/top_pc.jpg") no-repeat;
    background-position: center center;
    background-size: cover;
	margin-bottom: 40px;
	position:relative;
}

.sophia h1 {
	text-shadow: 0 2px 3px rgb(0 0 0 / 90%);
	position: absolute;
	color: #f8f4e6;
    top: 30vh;
	font-size: 2.5vh;
}

ul.banner {
    width: 260px;
    padding: 32px 0 0;
	position: absolute;
    top: 10px;
    left: 65%;
}

ul.banner li {
    display: block;
    margin: 0 0 12px;
    padding: 10px 10px;
    color: #FFFFFF;
	line-height: 1.5em;
    letter-spacing: 0.05em;
    text-align: center;
    border: 1px solid #FFFFFF;
    border-radius: 30px;
    text-shadow: 0 1px 3px rgb(0 0 0 / 80%);
    box-shadow: 0 2px 5px rgb(0 0 0 / 40%);
    box-sizing: border-box;
}

ul.banner span.tel {
	font-size: 1.5rem;
}


/*ニュースティッカー*/
.news_ticker{
	width: 100%;
	max-width: 1080px;
	position: absolute;
    bottom: 3vh;
}

div.title {
    margin: 15px 0px 3px 5px;
}

#ul_news {
    display: none;
}

div.tick {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: left;
    border: solid 1px silver;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
	background-color:rgba(255,255,255,0.5);
}

div.tick a {
    position: absolute;
    margin-left: 10px;
    font-size: 1.0em;
    color: 999;
}

/*共通*/
.inner{
	width: 100%;
	margin: 0 auto;
	background-color: #FFFFFF;
}

.main {
	margin: 0 auto 50px;
	width: 100%;
	max-width: 1080px;
}

.c_title {
	max-width: 400px;
	margin: 50px auto 30px;
    text-align: center;
}

.title_small {
	margin-bottom: 43px;
	font-size: 1.1em;
	font-weight: 400;
    line-height: 1;
    display: block;
    letter-spacing: 0.1em;
    -webkit-font-smoothing: antialiased;
}

.title_small2 {
	margin-bottom: 43px;
	font-size: 0.8em;
	font-weight: 400;
    line-height: 1;
    display: block;
    letter-spacing: 0.1em;
    -webkit-font-smoothing: antialiased;
}

.title_large {
    font-size: 1.8rem;
    line-height: 1.6;
    letter-spacing: 0.2em;
}

.c-shdw {
	margin-top: 50px;
    box-shadow: 0 0 1em rgb(219 208 230 / 100%);
	border-radius: 20px;
	padding: 50px 50px;
	background-color: #FFF;
}

.area-box{
	width: 100%;
	margin: 0 auto 50px;
	padding: 5px 0;
	background-color: #fdeff2;
}

.box01{
    padding: 1.2em 1.2em 1.5em 1.2em;
    margin: 1.2em 0;
    background: #fff6f1;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
	border: 1px solid #eb6ea0;
}
.box01 p {
    margin: 0; 
    padding: 0;
}

.box02{
	width: 100%;
	margin: 0 auto;
    border-radius: 20px;
	background-color: #ffe4e1;
    font-size: 1rem;
}

.box02 p {
	text-align: center;
	font-weight: 600;
	color: #e4007f;
	padding: 10px;
}

.box03{
	margin: 30px auto;
	padding: 20px 30px;
 	width: 90%;
 	border-radius: 30px;
	background-color: #fffff0;
	border: 1px dotted #ffb6c1;
}

.box04{
	width: 100%;
	margin-top: 20px;
	background-color: #fffff0;
	border: 1px solid #ccc;
	border-radius: 10px;
}

.box04 ul{
	padding: 20px 10px;
}

.box05{
	width: 100%;
	margin-top: 20px;
	background-color: #f0f8ff;
	border: 1px solid #4682b4;
}

.box05 p{
	padding: 20px 10px;
}

.box06{
	margin: 0px auto 30px;
	padding: 25px;
 	width: 100%;
 	border-radius: 10px;
	background-color: #fef1eb;
	box-sizing: border-box;
}

.box06 p{
	line-height: 1.5;
}

.box07{
	display: flex;
 	align-items: center; 
	margin: 30px auto;
	padding: 20px 30px;
 	width: 94%;
 	border-radius: 30px;
	background-color: #fffff0;
	border: 1px dotted #ffb6c1;
}

.box08{
	margin: 10px auto 0px;
	padding: 20px 30px;
 	width: 100%;
 	border-radius: 10px;
	background-color: #fef1eb;
	box-sizing: border-box;
}

.box08 p{
	line-height: 180%;
}

.box09{
	display: flex;
 	align-items: center; 
	margin: 30px auto;
	padding: 20px 30px;
 	width: 94%;
 	border-radius: 30px;
	background-color: #ffffff;
	border: 1px dotted #ffb6c1;
}


.contact {
	width: 100%;
	margin-top: 30px;
	border: 1px solid #ccc;
	border-radius: 10px;
	text-align: center;
}

.contact_txt {
    color: #555;
    font-size: 1.2rem;
    margin: 0;
	padding-top: 20px;
	font-weight: bold;
}

.info_tel {
    color: #ff6b6f;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.4;
    margin: 0;
}

.info_txt {
    color: #555;
    font-size: 1rem;
    margin: 0;
	padding-bottom: 20px;
	letter-spacing: 0.5px;
}


.btn-menu{
	display:flex;
	width:100%;
	margin:0 auto 30px;
}

.btn-menu div{
	text-align: center;
	width:70%;
}

a.btn--menu {
	width:70%;
	padding: 0.5rem 2rem;
	background-color: #fff;
	border:1px solid #ff69b4;
}

a.btn--menu:hover {
	color: #fff;
	background: #ff69b4;
}

.btn-menu2{
	display:flex;
	width:100%;
	margin:0 auto 30px;
}

.btn-menu2 div{
	text-align: center;
	width:60%;
}

a.btn--menu2 {
	width:73%;
	padding: 0.5rem 1rem;
	background-color: #fff;
	border:1px solid #ff69b4;
}

a.btn--menu2:hover {
	color: #fff;
	background: #ff69b4;
}

ul.i-news{
	padding: 5px 0;
}

ul.i-news li {
	list-style-type: disc;
	line-height:1.5em;
	border-bottom: 1px dotted #ccc;
	list-style-position: inside;
	padding: 20px 10px 10px 20px;
}

ul.i-news li:last-child {
border:0;
}


/*お知らせリスト*/
ul.tp{
	padding: 5px 0;
}

ul.tp li {
	list-style-type: disc;
	line-height:2em;
	border-bottom: 1px dotted #ccc;
	list-style-position: inside;
	text-indent: -1.2em;
    padding-left: 1.2em;
}

ul.tp li:last-child {
border:0;
}


/*診療科目*/
.mod-icon-a{
	max-width: 1080px;
	margin: 30px auto;
	color: #333333;
	overflow: hidden;
}
.mod-icon-a li {
    text-align:center;
	margin-bottom: 20px;
}

.mod-icon-a a{
    display: block;
    background: #ffdbdb;
    width: 130px;
    height: 130px;
    margin: 0 auto;
    border-radius: 50%;
	justify-content: center;
	align-items: center;
	transition: .3s;
}

.mod-icon-a a:hover {
	background: #feb2be;
	color: black;
}


.mod-icon-a .text_jp{
	padding-top: 40px;
	font-size: 1.2rem;
    line-height: 1.5;
	display: block;
    letter-spacing: 0.1em;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}

.mod-icon-a .text_en{
    font-size: 0.5rem;
    line-height: 1.6;
    letter-spacing: 0.05em;
	font-weight: bold;
    text-align: center;
	color: #ff6699;
}

.mod-icon-a .icons{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


/*お知らせテキスト*/
.news-area{
	width: 100%;
	margin: 0 auto;
	background-color: antiquewhite;
}

.news-inner{
	width: 100%;
	max-width: 1080px;
	position: relative;
	margin: 0 auto;
	padding: 2em 0em;
}

ul.news-list{
 	list-style: none outside;
 	margin: 20px 0;
 	padding: 0;
	overflow: hidden;
}

ul.news-list .item a{
 	display: flex;
 	flex-wrap: nowrap;
 	text-decoration: none;
 	color: #333;
 	border-bottom: 1px solid #c8c2c6;
	padding: 15px 0;
	margin-top: -2px;
	margin-bottom: -2px;
}

ul.news-list .item:first-child a{
	border-top: 1px solid #CCC;
}
ul.news-list .item .date{
	margin: 0;
	min-width: 90px;
 	font-size: 16px;
 	color: #666;
 	padding: 0 20px 0 0;
}
ul.news-list .item .category{
 	margin: 0;
 	min-width: 100px;
 	padding: 0 15px 0 0;
}
ul.news-list .item .category span{
	background: #ff4f4b;
 	color: #FFF;
 	text-align: center;
 	display: inline-block;
 	padding: 5px 20px;
 	font-size: 12px;
 	line-height: 1;
}
ul.news-list .item .category-o{
 	margin: 0;
 	min-width: 100px;
 	padding: 0 15px 0 0;
}
ul.news-list .item .category-o span{
	background: #FF69B4;
 	color: #FFF;
 	text-align: center;
 	display: inline-block;
 	padding: 5px 20px;
 	font-size: 12px;
 	line-height: 1;
}

ul.news-list .item .category-c{
 	margin: 0;
 	min-width: 100px;
 	padding: 0 15px 0 0;
}
ul.news-list .item .category-c span{
	background: #38a1db;
 	color: #FFF;
 	text-align: center;
 	display: inline-block;
 	padding: 5px 19px;
 	font-size: 10px;
 	line-height: 1.5;
}

ul.news-list .item .category-g{
 	margin: 0;
 	min-width: 100px;
 	padding: 0 15px 0 0;
}
ul.news-list .item .category-g span{
	background: #32cd32;
 	color: #FFF;
 	text-align: center;
 	display: inline-block;
 	padding: 5px 20px;
 	font-size: 12px;
 	line-height: 1;
}


ul.news-list .item .n_title{
 	margin: 0;
 	width: 100%;
	line-height: 2.5em;
}
ul.news-list .item a:hover .n_title{
	color: #00F;
}


/*お知らせ一覧エリア*/
.news-button{
	width: 100%;
	text-align: center;
	letter-spacing: 0.15rem;
	box-sizing: border-box;
}

.dltable {
	width: 100%;
	margin-top: 30px;
    border: 2px solid #ff4f4b; 
    display: flex;
    flex-wrap: wrap;
	border-radius: .5rem;
	box-sizing : border-box;
}
.dltable dt,
.dltable dd {
    box-sizing: border-box;
    padding: 0px 10px;
}
.dltable dt {
    width: 25%;
	background-color: #ff4f4b;
}
.dltable dd {
    width: calc(100% - 25%);
	border-radius: .3rem;
	background-color: #fff;
}
.dltable-title{
	flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    font-size: 1.1rem;
}

/*お知らせボタン*/

.btn,
a.btn,
button.btn {
	font-size: 1rem;
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.1rem;
}

a.btn--news {
  background-color: #fff;
  border:1px solid #555;
	  padding: 0.5rem 4rem;
}

a.btn--news:hover {
  color: #fff;
  background: #ff69b4;
}

a.btn-c {
  position: relative;
  border-radius: 100vh;
}

a.btn-border {
	width: 100%;
	margin: 20px 0;
	  padding: 0.5rem 4rem;
	border: 2px solid #FF69B4;
	border-radius: 0;
	background: #fff;
	font-weight: bold;
}

a.btn-border:hover {
  color: #fff;
  background: #FF69B4;
}


/*Youtube*/
.bg_youtube{
	width: 100%;
	margin: 0 auto 50px;
	background-color: #ffe9df;
}


.youtube {
	display: block;
  	margin: 2em auto;
  	max-width: 100%;
	width: 75%;
	aspect-ratio: 16 / 9;
}
	
.youtube iframe {
	  width: 100%;
	  height: 100%;
}


/*お知らせバナー*/
.trbox{
	width: 100%;
	margin: 0 auto;
	background-color: #f8f8f8;
}

/*topics*/
#titleimage {
    width: 100%;
    height: 250px;
    background: url("../images/title_topics.png") top center no-repeat;
}

#titleimage p{
    text-align: center;
    line-height: 150px;
	font-size: 1.5em;
	letter-spacing: 8px;
}

#information {
	padding: 30px 0 0px;
	text-align: center;
}

#information .wrapper {
	margin: 0 auto;
	width: 100%;
	max-width: 1080px;
}

#information .box {
 	margin-bottom: 40px;
 	padding: 20px 40px 35px;
 	text-align: left;
 	border-radius: 10px;
	border: 1px solid #ccc;
}

#information .text_date {
	margin-bottom: 30px;
	padding-bottom: 10px;
 	font-size: 0.85rem;
	border-bottom: 2px solid #ccc;
}

#information h2 {
	margin-bottom: 10px;
	font-size: 1.15rem;
	line-height: 1em;
	font-weight: 600;
	color: #666
}

#information .text_content {
	line-height: 2.0em;
	font-size: 0.95rem;
}



/*クリニックについて*/
#titleimage_about {
    width: 100%;
    height: 250px;
    background: url("../images/title_about.png") top center no-repeat;
}

.p-msg {
    text-align: center;
    font-size: 1.6rem;
    line-height: 1.3em;
    color: #7058a3;
    padding-top: 0.5em;
    padding-bottom: 1.5em;
}

.inline-block_prof {
	display: inline-block; 
    padding: 30px;
	width : 22%;
	background-color: antiquewhite;
}

.col {
 	display: flex;
}

.col li {
	width : calc(100% / 3) ;
}


.gallery{
	width: 100%;
	text-align: center;
	margin: 0px auto;
}

.gallery img{
	width: 80%;
}

.prof_col {
 	display: flex;
}

.prof_col li {
	width : calc(100% / 3);
	padding-left: 20px;
}

table.doctor_prof {
 	width: 100%;
 	border-collapse: collapse;
 	border-spacing: 0;
	line-height: 1.8em;
	margin-bottom: 20px;
}
.doctor_prof th {
	 padding: 10px 5px;
	 border-bottom: solid 4px #a59aca;
	 color: #333
}
.doctor_prof td {
 	padding: 10px 0;
	display: block;
	border-bottom: solid 1px #dbd0e6;
}

table.outline {
	margin: 0 auto 20px;
 	width: 85%;
 	border-collapse: collapse;
 	border-spacing: 0;
	line-height: 1.8em;
}
.outline th {
	padding: 30px 30px 30px 0;
	border-right: solid 2px #a59aca;
	border-bottom: solid 1px #dbd0e6;
	color: #333;
	text-align: left;
}
.outline td {
 	padding: 30px 0 30px 50px;
	border-bottom: solid 1px #dbd0e6;
}

/*診療のご案内*/
.m-icon {
    width: 120px;
    height: 120px;
    display: block;
    margin: 0 auto;
}


.col3 {
 	display: flex;
	justify-content: center;
}

.col3 li {
	width : calc(100% / 2) ;
	line-height: 1.8em;
}

.title-box{
	width: 100%;
 	margin: 1.8em auto;
	border-radius: 10px;
	border: 2px solid #ff4f4b;
	letter-spacing: .3px;
}

.title-box-title{
	color: #fff;
	font-weight: bold;
	border-radius: 6px 6px 0 0;
	background-color: #ff4f4b;
	padding: 4px 6px;
	text-align: center;
}

.title-box p{
	margin: 0;
	padding: 1em;
	text-align:left;
}

.c-mark{
	padding-left:24px;
	position:relative;
}

.c-mark:before,
.c-mark:after{
	content:"";
	display:block;
	position:absolute;
}
.c-mark:before{
	width:16px;
	height:16px;
	border-radius:3px;
	background:#ffffff;
	border:1px solid #7058a3;
	left:0;top:-1px;
}
.c-mark:after{
	border-left:2px solid #ff7f50;
	border-bottom:2px solid #ff7f50;
	width:6px;
	height:3px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	left:5px;
	top:4px;
}

/*経歴*/
.doc-box{ 
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}


.doc-name{
	width:70%;
}

.doc-name h4 {
	background-color: #84b9cb !important;
    color: #FFF!important;
    padding: 2px 5px 2px 10px!important;
}

.doc-name p{
	font-size: 1.2em;
	line-height: 3.5em;
}

.m-left{
	margin-left:1.3rem!important;
}

.doc-name ul li{
	border-bottom: 1px dotted #b3b3b3;
	padding: 10px 0;
	list-style: none;
}

.table_block{
	width: 100%;
}
.table01{
	width: 100%;
	border-collapse: collapse;
 	text-align: center;
    border-spacing: 0;
}
.table01 th,.table01 td{
	width: 15%;
  	border: 1px solid #CECFCF;
    text-align: center;
    line-height: 1;
    letter-spacing: -0.01em;
}
.table01 th{
    padding: 1rem;
    background: #FCECE2;
    vertical-align: middle;
}

.table01 th.tab{
	line-height:1rem;
    font-size: 2em;
	background: #FDFAE7;
	color: #FF7E80;
}

.table01 td{
	line-height:1rem;
    font-size: 2em;
	background: #FDFAE7;
	color: #FF7E80;
}

p.time{
	font-size: 0.5em;
	line-height: 5px;
	color: #292828;
}


a.btn--out {
  background-color: #fff;
  border:1px solid #555;
}

a.btn--out:hover {
  color: #fff;
  background: #ff69b4;
}

a.btn-c {
  position: relative;
  border-radius: 100vh;
}

/*検診・ドック*/
#titleimage_menu {
    width: 100%;
    height: 250px;
    background: url("../images/title_menu.png") top center no-repeat;
}

.col2 {
 	display: flex;
	justify-content: center;
}

.col2 li {
	width : calc(100% / 2) ;
}

.col_option {
 	display: flex;
	justify-content: center;
}

.col_option li {
	width : calc(100% / 2) ;
	margin: 0 30px 30px 0;/* 余白 */
}


table.tbl-02 {
 	margin: 20px auto 20px;
	width: 100%;
	border-collapse:collapse;
}

.tbl-02 th {
	width: 15%;
	background: #e9727e;
	border: solid 1px #ccc;
	color: #fff;
	padding: 10px;
}
.tbl-02 td {
	width: 85%;
	border: solid 1px #ccc;
	padding: 10px;
}

/*
table.tbl-03 {
 	margin: 20px auto 30px;
	width: 100%;
	border-collapse:collapse;
}
.tbl-03 th {
	background: #f39800;
	border: solid 1px #ccc;
	color: #fff;
	padding: 10px;
}
.tbl-03 td {
	border: solid 1px #ccc;
	padding: 10px;
}
*/

table.doc_price {
 	width: 100%;
 	border-collapse: collapse;
 	border-spacing: 0;
	line-height: 1.8em;
	margin-bottom: 20px;
}
.doc_price th {
	 padding: 10px 5px;
	 border-bottom: solid 4px #a59aca;
	 color: #333
}
.doc_price td {
 	padding: 10px 0;
	display: block;
	border-bottom: solid 1px #dbd0e6;
}


table.tbl-03 {
	width: 100%;
 	border-collapse: collapse;
	margin: 0 auto;
	padding: 0;
	table-layout: auto;
}

table.tbl-03 tr {
	background-color: #fff;
	border: 1px solid #ccc;
	padding: .35em;
}
table.tbl-03 th,
table.tbl-03 td {
	padding: 1em 10px 1em 1em;
	border-right: 1px solid #bbb;
}
table.tbl-03 thead tr {
	background-color: #eee;
}
table.tbl-03 th{
	background: #ffe4c0;
}

.txt{
   text-align: left;
}
.price{
   text-align: right;
	font-weight: bold;
}



table.tbl-04 {
	width: 100%;
 	border-collapse: collapse;
	margin: 0 auto;
	padding: 0;
	table-layout: auto;
}

table.tbl-04 tr {
  background-color: #fff;
  border: 1px solid #bbb;
  padding: .35em;
}
table.tbl-04 th,
table.tbl-04 td {
  padding: 1em .3em ;
  border-right: 1px solid #bbb;
}
table.tbl-04 th {
  font-size: 1em;
	text-align: center;
}

table.tbl-04 thead tr{
  background-color: #eee;
}


table.tbl-05 {
	width: 100%;
 	border-collapse: collapse;
	margin: 0px auto　20px;
	padding: 0;
	table-layout: auto;
}

table.tbl-05 th {
	width: 40%;
	background: #ffefef;
	border: solid 1px #ffa8a8;
	padding: 10px;
}

table.tbl-05 td {
	width: 60%;
	font-size: 1.1em;
	border: solid 1px #ffa8a8;
	padding: 10px;
}



.txt2{
   text-align:center;
}

.txt3{
   text-align:left;
}


/*plan*/
.plan-wrapper{
    margin-bottom:2em;
	display:flex;
	flex-wrap: wrap;
}
.plan-wrapper .inner{
    width: calc(25% - 10px);
    margin:5px;
    box-shadow: 0 0 20px rgba(0,0,0,.14);
    background:#FFF;
    border-radius: 5px;
}
.plan-wrapper .head{
    padding: 2em 0.5em;
    color:#fff;
    text-align:center;
}
.plan-wrapper .head .title{
    font-size:20px;
}
.plan-wrapper .head .year{
    margin-top: 1em;
}
.plan-wrapper .head .price{
    font-size:30px;
    font-weight:bold;
}
.plan-wrapper .txt{
    padding:1em;
    height: 4em;
    font-size: 14px;
}
.plan-wrapper .function-list{
    padding:0.5em;
    font-size: 14px;
}
.plan-wrapper .function-list ul{
    margin-left:0;
    padding-left: 0;
    list-style:none;
}
.plan-wrapper .function-list ul li{
    padding: 0.5em 0 0.5em 25px;
    border-top: 1px solid #e5e5e5;
    background-image: url(); /*（）にアップロードした画像URLを記述する */
    background-repeat: no-repeat;
    background-position: 0% 15%;
}
.plan-wrapper .none{
    color: #fff;
    background-image: none;
}


/*ワクチン*/
#titleimage_vaccine {
    width: 100%;
    height: 250px;
    background: url("../images/title_vaccine.png") top center no-repeat;
}

.title-box2{
	width: 100%;
 	margin: 1.8em auto;
	border-radius: 10px;
	border: 2px solid #ff6b6f;
	letter-spacing: .3px;
}

.title-box-title2{
	color: #fff;
	font-weight: bold;
	border-radius: 6px 6px 0 0;
	background-color: #ff6b6f;
	padding: 4px 6px;
	text-align: center;
}

.title-box2 p{
	margin: 0;
	padding: 1em;
	text-align:left;
}

ul.v-list {
	margin: 10px 0px 20px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

ul.v-kerning {
    font-feature-settings: 'palt';
}

ul.v-list li {
 	list-style: none;
	box-sizing: border-box;
	width: 25%;
}

ul.v-list li::before {
  content: "\025cf";
  color: #ff6b6f;
}


.table_v{
	width: 100%;
	border-collapse: collapse;
 	text-align: center;
	margin: 20px 0;
    border-spacing: 0;
}
.table_v th,.table_v td{
	width: 15%;
  	border: 1px solid #CECFCF;
    text-align: center;
    line-height: 1;
    letter-spacing: -0.01em;
}
.table_v th{
    padding: 1rem;
    background: #f5f5f5;
    vertical-align: middle;
}

.table_v td{
	padding: 1rem;
	line-height:1rem;
	background: #FFF;
}

.table_v td.koumoku{
	text-align: left;
}

/*グーグルカレンダー*/
.cal_wrapper {
	max-width: 960px;
	min-width: 300px;
	margin: 2.0833% auto;
}

.googlecal {
	position: relative;
	padding-bottom: 100%;
	height: 0;
}

.googlecal iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}


/*FAQ*/
#titleimage_faq {
    width: 100%;
    height: 250px;
    background: url("../images/title_fap.png") top center no-repeat;
}

.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa {
	overflow-x: hidden;
	margin: 0 auto;
	color: #333333;
}
.cp_qa .cp_actab {
	padding: 20px 0;
	border-bottom: 1px dotted #cccccc;
}
.cp_qa label {
	font-size: 1.2em;
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	padding: 10px 10px 0 48px;
	cursor: pointer;
}
.cp_qa .cp_actab-content {
	font-size: 1em;
	position: relative;
	overflow: hidden;
	height: 0;
	margin: 0 40px;
	padding: 0 14px;
	-webkit-transition: 0.4s ease;
	        transition: 0.4s ease;
	opacity: 0;
}
.cp_qa .cp_actab input[type=checkbox]:checked ~ .cp_actab-content {
	height: auto;
	padding: 14px;
	opacity: 1;
}
.cp_qa .cp_plus {
	font-size: 2.2em;
	line-height: 100%;
	position: absolute;
	z-index: 5;
	margin: 4px 0 0 10px;
	-webkit-transition: 0.2s ease;
	        transition: 0.2s ease;
}
.cp_qa .cp_actab input[type=checkbox] {
  	display: none;
}

.cardlist {
    margin-top: 20px;
}

.cardlist dt {
	margin-bottom: 20px;
	padding: 5px 10px 7px;
    font-size: 1rem;
    color: #fff;
	background: #d0ad6b;
}


.cardlist ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	list-style-type: none;
}

.cardlist ul li {
    text-align: center;
    padding: 0 5px;
    width: calc(100% / 11);
}

/*甲状腺*/
.t_inner{
	width: 100%;
	margin: 0 auto;
	padding: 15px 0;
}

.cp_t {
	font-size: 2.2em;
	color: #ffb6c1;
}

.cp_t_title {
	font-size: 1.2em;
	padding-left: 10px;
	font-weight: bold;
}

.cp_t_inner{
	width: 95%;
	margin: 25px 0px;
	padding-left: 30px;
}

/*小児科*/
h4.cp_p_mtitle {
	font-weight: bold;
    letter-spacing: .04em;
	color: #fb9269;
	font-size: 1.4rem;
	margin-bottom: 15px;
	text-align: center;
}

.p_inner{
	width: 100%;
	margin: 0 auto;
	padding: 15px 0;
	background-image: url("../images/illust_01.png");
	background-repeat: no-repeat;
	background-position: right bottom;
}

.cp_p_inner{
	width: 100%;
	margin: 20px 0px;
}

.cp_p {
	width: 35px;
	font-size: 2.2em;
	text-align: center;
	line-height: 100%;
	position: absolute;
	z-index: 5;
	margin: 4px 0 0 10px;
	-webkit-transition: 0.2s ease;
	        transition: 0.2s ease;
	color: #fff;
	background-color: #966464;
	border-radius: 20px;
	}

.cp_p_title {
	font-size: 1.3em;
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	padding: 5px 10px 0 60px;
	color: #966464;
}

.cp_p_text {
	font-size: 1em;
	position: relative;
	overflow: hidden;
	margin: 0 50px;
	padding: 0 14px;
	-webkit-transition: 0.4s ease;
	        transition: 0.4s ease;
	height: auto;
	opacity: 1;
}

table.doctor_prof2 {
 	width: 100%;
 	border-collapse: collapse;
 	border-spacing: 0;
	line-height: 1.8em;
	margin-bottom: 20px;
}
.doctor_prof2 th {
	 padding: 10px 5px;
	 border-bottom: solid 4px #FF69B4;
	 color: #333
}
.doctor_prof2 td {
 	padding: 10px 0;
	display: block;
	border-bottom: solid 1px #FFB7B7;
}


/*眼科*/
.qa-om dt {
    margin-bottom: 1em;
    color: #333333;
    font-weight: 600;
}

.qa-om dt::before,
.qa-om dd::before {
    margin-right: .4em;
}

.qa-om dt::before {
    content: "Q.";
}

.qa-om dd {
    margin: 0 0 2.5em;
    padding: 1em 1.5em;
    background-color: #f2f2f2;
    color: #333333;
}

.qa-om dd::before {
    content: "A.";
}




/*採用情報*/
table.recruit {
	margin: 0 auto 50px;
 	width: 100%;
 	border-collapse: collapse;
 	border-spacing: 0;
	line-height: 1.8em;
}
.recruit th {
	width: 20%;
	padding: 25px 0px 25px 0px;
	border-right: solid 2px #a59aca;
	border-bottom: solid 1px #dbd0e6;
	color: #333;
	text-align:center;
	background-color: #f4f4ff;
}
.recruit td {
	width: 80%;
 	padding: 25px 0 25px 20px;
	border-bottom: solid 1px #dbd0e6;
}

/*アクセス*/
#titleimage_parking {
    width: 100%;
    height: 250px;
    background: url("../images/title_parking.png") top center no-repeat;
}

.col_a {
 	display: flex;
}

.col_a li {
	width : calc(100% / 3) ;
	margin: 0 30px 30px 0;/* 余白 */
}

.map-wrap {
	margin: 50px auto;
	max-width: 1080px; 
}
.map{
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 45%;
}
.map iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
.access-inner {
    width: 100%;
    margin: 0 auto;
}
.info {
    width: 43%;
    float: left;
}
.info p {
    margin-top: 20px;
    line-height: 1.5em;
    letter-spacing: 0.1em;
}
.info dl {
    margin-top: 20px;
}
.info dt {
    width: 100px;
    float: left;
    clear: both;
    line-height: 1.5em;
    letter-spacing: 0.1em;
}
.info dd {
    width: 280px;
    padding-left: 100px;
    line-height: 1.5em;
    letter-spacing: 0.1em;
}

.info-news {
	width: 90%;
    margin-top: 20px;
    border-radius: 20px;
	background-color: #ffe4e1;
    font-size: 1rem;
    padding: 20px;
	box-sizing : border-box;
}


.access-map {
    width: 57%;
    float: right;
    margin-top: 10px;
}

/*交通アクセス*/
.ac-box {
    padding:  10px; 
	display: flex;
	justify-content:center;
}
 
.ac-item {
    padding: 10px;
    margin:  10px; 
}
 
.ac-item:nth-child(1) {
}
 
.ac-item:nth-child(2) {
	text-align: right;
}
 
.ac-item:nth-child(3) {
}
 
.ac-item:nth-child(4) {
}


span.b_line{
	font-weight: bold;
	border-bottom: 1px solid #EB07CD;
}

p.kakomi{
	padding: 0.3rem 1rem;
	border: 1px solid #000;
	text-align: center;
}

/*ページトップ*/
#page_top{
  width: 100px;
  height: 55px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #af770d;
  opacity: 0.8;
}
#page_top a{
  position: relative;
  display: block;
  width: 100px;
  height: 55px;
  text-decoration: none;
}

#page_top a::after{
  content: 'PAGE TOP';
  font-size: 13px;
  color: #fff;
  position: absolute;
  bottom: 10px;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}


/*フッター*/
#footer{
	width: 100%;
	margin: 0 auto;
	background-color: #eae8e1;
}

#footer #footer_inner{
	max-width: 1080px;
    margin: 0 auto;
    padding-top: 30px;
    position: relative;
}

#footer h1 {
    float: left;
    margin-right: 20px;
}

#footer #footer_inner p {
    font-size: 12px;
    font-weight: 600;
    width: 300px;
    float: left;
    margin-left: 30px;
    letter-spacing: 1.2px;
    line-height: 22px;
    margin-top: 10px;
}

.footer_box {
	width: 100%;
	text-align: center;
	margin-top: 10px;
}
#footer #footer_inner span {
    font-size: 13px;
	text-align: center;
    letter-spacing: 1.2px;
	padding-right: 10px;
}

img.sns {
	height: 35px;
	vertical-align: bottom;
}


#footer #footer_inner hr {
    margin: 5px 0;
}

#footer #footer_inner dl {
    float: left;
    margin-left: 50px;
    margin-top: 10px;
}

#footer #footer_inner dt {
    width: 80px;
    float: left;
    clear: both;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.1px;
    line-height: 22px;
}

#footer #footer_inner dd {
    width: 200px;
    padding-left: 80px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.1px;
    line-height: 22px;
}


#footer-nav {
	width: 100%;
    margin: 0 auto;
	padding: 15px 0 30px;
}

#footer-nav ul {
	text-align: center;
}

#footer-nav li {
	font-size: 0.8rem;
    margin-left: 10px;
	line-height: 1.5em;
    letter-spacing: 0.05em;
	padding-left: 20px;
	display: inline-block;
}

#footer-nav a.ft_btn{	
	display:inline-block;
	padding-left: 3px;
    padding-bottom: 6px;
	position:relative;
	cursor:pointer;
	letter-spacing: 0.2em;
	color: #946243;
}

#footer-nav a.ft_btn::after{
	content:'';
	position:absolute;
	width:100%;
	transform:scaleX(1);
	height:1px;
	bottom:0;
	left:0;
	background-color:#946243;
	transform-origin:bottom left;
	transition:transform .3s ease-in-out;
}
#footer-nav a.ft_btn:hover::after{
	transform:scaleX(0);
	transform-origin:bottom right;
}

#footer-nav li:hover a {
	color: #946243;
}


.clear {
    clear: both;
}


/*copyright*/
.footer-copyright {
	padding-top: 10px;
	height: 20px;
    text-align: center;
	background-color: #d0ad6b;
}

.footer-copyright p {
	font-size: 0.5rem;
    letter-spacing: 0.1em;
	color: #333;
}

@media screen and (max-width: 1280px) {
	.sophia h1 {
    top: 20vh;
}
}



@media screen and (max-width: 999px) {


/* header */
body {
	background-color: #FFF;
}
	
	
.container {
	margin-top: 76px;
}
	
#header {
	display: flex;
	position: fixed;
	top: 0;
	margin-top: 0px;
	width: 100%;
	height:　50px;
	background-color: rgba(255,255,255, 0.7);
	z-index: 30;
	backdrop-filter: blur(5px);
}
#header .wrapper {
	display: block;
	width: 100%;
}
	

#header .logo img {
	margin-left: 10px;
	width: 233px;
	height: 35px;
}

	
.sophia h1 {
	left: 50px;
    top: 10vh;
}

/*　メインメニュー　*/
.main_menu {
	display : block;
	position: fixed;
	z-index : 3;
	right : 13px;
	top   : 17px;
	width : 42px;
	height: 42px;
	cursor: pointer;
	text-align: center;
	border-radius: 3px;
	background-color: rgba(255, 255, 255, 0.8);
	border: 1px solid #999;
}

.main_menu span {
	display : block;
	position: absolute;
	width   : 28px;
	height  : 2px ;
	left    : 7px;
	background : #333;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition   : 0.3s ease-in-out;
	transition        : 0.3s ease-in-out;
}

.main_menu span:nth-child(1) {
	top: 10px;
}
.main_menu span:nth-child(2) {
	top: 20px;
}
.main_menu span:nth-child(3) {
	top: 30px;
}

/* ナビ開いてる時のボタン */
.main_menu.active span:nth-child(1) {
	top : 20px;
	left: 7px;
	background :#333;
	-webkit-transform: rotate(-45deg);
	-moz-transform   : rotate(-45deg);
	transform        : rotate(-45deg);
}

.main_menu.active span:nth-child(2),
.main_menu.active span:nth-child(3) {
	top: 20px;
	background :#333;
	-webkit-transform: rotate(45deg);
	-moz-transform   : rotate(45deg);
	transform        : rotate(45deg);
}

nav.globalMenuSp {
	position: fixed;
	z-index : 2;
	top  : 76px;
	left : 0;
	color: #fff;
	background: rgba(170,104,26,0.7);
	width: 100%;
	opacity: 0;
	transition: opacity .6s ease, visibility .6s ease;
	visibility: hidden;
}

nav.globalMenuSp ul {
	text-align: center;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	backdrop-filter: blur(5px);
}

nav.globalMenuSp ul li {
	list-style-type: none;
	border-bottom: 1px dotted #FFF;
	padding: 0;
	width: 100%;
	line-height: 2;
	transition: .4s all;
}

nav.globalMenuSp ul li:last-child {
	padding-bottom: 0;
}

nav.globalMenuSp ul li:hover{
	background :#87571e;
}

nav.globalMenuSp ul li a {
	display: block;
	color: #fff;
	font-size: 1rem;
	padding: 1em 0;
	text-decoration :none;
}

/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
	opacity: 100;
    visibility: visible;
}
	
ul.banner {
	display: none;
}
	
.mod-icon-a .icons{
    justify-content: space-around;
}
	
	
.news_ticker{
	width: 99%;
}
	
div.tick {
    width: 99%;
}

	
/*医師紹介*/
.doc-name{
	width:100%;
}	
	
.doc-box{
	flex-direction: column;
}
.doc-img{
	margin: auto;
	padding-bottom: 40px;
}

	
	
	
	
#footer #footer_inner{
	width: 100%;
}

	
#footer #footer_inner dl {
    margin-left: 30px;
}

#footer-nav li {
    margin-left: 0px;
	padding-left: 20px;
}
	
/*copyright*/
.footer-copyright {
	height: 35px;
}	
	
}
	
	
@media screen and (max-width: 800px) {
.main {
	width: 93%;
}	

/*Firstview*/
.sophia {
	width: 100%;
	height: 0;
	padding-top: 112%;
    background: url("../images/top-m.png") no-repeat;
    background-position: center center;
    background-size: cover;
}	
.sophia h1 {
	width: 100%;
 	margin: 0 auto;
	text-align: center;
	font-size: 1.3em;
	left: 0;
    top: 5vh;
}

.news_ticker{
	width: 95%;
}
	
div.tick {
    width: 95%;
}
	
.btn-menu {
	display: block;
}
.btn-menu div {
	width:100%;
}
	
.btn-menu2 {
	display: block;
}
.btn-menu2 div {
	width:100%;
	margin-bottom: 15px;
}
	
	
/*footer*/
.info p {
    margin-top: 10px;
	font-size: 0.8em;
}

.info dl {
    margin-top: 10px;
}
.info dt {
    font-size: 0.8em;
}
.info dd {
    font-size: 0.8em;
}	
.info-news {
	width: 100%;
    padding: 15px;
}
.access-map {
    width: 50%;
    float: right;
    margin-top: 10px;
}
	
table.tbl-03 {
    border: 0;
    width:100%
 }
	
table.tbl-03 th{
    background-color: #ffdead;
    display: block;
    border-right: none;
}
	
table.tbl-03 thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
  
table.tbl-03 tr {
    display: block;
    margin-bottom: .625em;
}
  
table.tbl-03 td {
    border-bottom: 1px solid #bbb;
    display: block;
    position: relative;
    padding: .625em .625em .625em 4em;
    border-right: none;
}
  
table.tbl-03 td::before {
    content: attr(data-label);
    font-weight: bold;
    position: absolute;
    left: 10px;
}
  
table.tbl-03 td:last-child {
    border-bottom: 0;
}

.txt{
   font-size: .85em;
}

.dltable {
	width: 95%;
	display: block;
	margin: 0 auto;
}
.dltable dt,
.dltable dd {
	width: 100%;
	padding: 0px 15px;
}
.dlTable dt {
	padding-bottom: 0; 
}

/*小児科*/	
	
.p_inner{
	width: 100%;
	margin: 0 auto;
	background-image: url("../images/illust_02.png");
	background-repeat: no-repeat;
	background-position: right bottom;
}

.box09{
	display: flex;
 	align-items: center; 
	margin: 10px auto;
	padding: 20px 15px;
 	width: 87%;
 	border-radius: 30px;
	background-color: #ffffff;
	border: 1px dotted #ffb6c1;
}
/*	
  table.tbl-04 {
    border: 0;
    width:100%
  }
  table.tbl-04 th{
    background-color: #eee;
    display: block;
    border-right: none;
  }
  table.tbl-04 thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table.tbl-04 tr {
    display: block;
    margin-bottom: .625em;
  }
  
  table.tbl-04 td {
    border-bottom: 1px solid #bbb;
    display: block;
    font-size: .8em;
    text-align: right;
    position: relative;
    padding: .625em .625em .625em 4em;
    border-right: none;
  }
  
  table.tbl-04 td::before {
    content: attr(data-label);
    font-weight: bold;
    position: absolute;
    left: 10px;
  }
  
  table.tbl-04 td:last-child {
    border-bottom: 0;
  }*/
	
		
}

@media screen and (min-width:601px){
.footertell_area{
		display: none;
}
.bottom_menu{
	display: none;	
}
.pc{
    display: block !important;
}
.sp { 
	display:none;
}
.sp-fixed-menu,
.for-sp{
      display:none;
}	

}



@media screen and (max-width: 600px) {
.pc{
    display:none;
}
.sp { 
	display: block !important;
}

.h03{
	font-size: 1rem;
	color: #eb6ea5;
}

.h03-doc{
	font-size: 0.9rem;
    padding: 10px 0;
}

.h03-plan{
    font-size: 0.9rem;
    padding: 10px 0;
}
	
.h03-v{
    font-size: 1rem;
    padding: 10px 0px;
}
	
.container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	background-color: #FFF;
}

.c-shdw {
	padding: 30px 20px;
}	
	
.c-shdw p {
	font-size: 0.95rem;
	line-height: 1.8em;
}

.box03{
	padding: 10px 30px;
 	width: 100%;
 	border-radius: 20px;
	box-sizing : border-box;
}	

.box03 p{
	font-size: 0.95rem;
}

.box07{
	display: flex;
	flex-wrap: wrap; 
	justify-content: center;
	align-items: center;
	padding: 20px 12px 10px;
}

.box07 p {
	flex-basis: 100%; 
	margin: 0; 
}	

.box07 img {
    max-width: 100%;
	margin-right: 10px;
}

.box09{
	display: flex;
 	align-items: center; 
	margin: 10px auto;
	padding: 20px 15px;
 	width: 87%;
 	border-radius: 30px;
	background-color: #ffffff;
	border: 1px dotted #ffb6c1;
}
	
a.btn-border {
	padding: 0.5rem 1rem;
	font-size: 0.95rem;
	line-height: 1.6;
}
	
/*newsticker*/
.news_ticker{
	width: 95%;
}

div.title {
    margin: 15px 0px 0px 5px;
}

div.tick {
    height: 50px;
    line-height: 20px;
	letter-spacing: -0.03em;
}
	
#ul_news {
    display: none;
}

div.tick a {
    position: absolute;
    margin-left: 0px;
	margin-top: 5px;
    font-size: 0.9rem;
    color: 999;
}

	
/*お知らせ*/
.dltable dt,
.dltable dd{
	font-size: 0.95rem;
	padding: 0px 0px;
}

.dltable-title{
    font-size: 1rem;
}
	
/*お知らせ*/
ul.news-list{
	width: 90%;
	margin: 30px auto 20px;
}
	
ul.news-list .item a{
	flex-wrap: wrap;
}

ul.news-list .item .date{
	min-width: 100px;
}

ul.news-list .item .n_title{
	margin-top: 10px;
	font-size: 0.95rem;
	line-height: 1.5;
}
	
	
/*共通*/	
.col {
	display: block;
	text-align:left;
}

.col li {
	width: 100%;
	box-sizing: border-box;
}

.col2 {
	display: block;
	text-align:center;
}

.col2 li {
	width: 100%;
	box-sizing: border-box;
}
	
.col3 {
	display: block;
	text-align:left;
}

.col3 li {
	width: 100%;
	box-sizing: border-box;
}
	
.col_a {
 	display: block;
}

.col_a li {
	width: 100%;
	box-sizing: border-box;
	margin: 0px;/* 余白 */
}

.col_option {
 	display: block;
}

.col_option li {
	width: 100%;
	box-sizing: border-box;
	margin: 0px;/* 余白 */
}

.prof_col {
	display: block;
	text-align:center;
}

.prof_col li {
	width: 95%;
	box-sizing: border-box;
}
	
.box01 p {
    font-size: 0.9rem;
	letter-spacing: -0.08em;
	line-height: 1.9em;
}

.btn-menu div{
	margin-bottom: 15px;
}
	
.btn-menu2 div{
	margin-bottom: 15px;
}
	
/*about*/
table.outline {
 	width: 100%;
	margin-bottom: 0;
}
	
.outline th,
.outline td{
	border-right: none;
	text-align: center;
	display: block;
	padding: 10px 0;
	font-size: 16px;
	border-bottom: none;
}

.outline th{
	background-color: #dbd0e6;
	border-radius: 20px;
}

/*診療科目*/
.title-box{
	letter-spacing: .5px;
}

.title-box-title{
	font-size: 0.9rem;
	line-height: 1.7em;
}

.title-box p{
	font-size: 0.9rem;
	line-height: 1.9em;
	font-weight: bold;
}

.cp_qa label {
	font-size: 1.1rem;
	padding: 10px 5px 0 48px;
}
.cp_qa .cp_actab-content {
	font-size: 16px;
	margin: 0 0px;
	padding: 0 14px;
	-webkit-transition: 0.4s ease;
	        transition: 0.4s ease;
	opacity: 0;
}

/*甲状腺*/
.cp_t_inner{
	width: 86%;
	margin: 25px 0px;
	padding-left: 30px;
}
	
	
/*小児科*/	
	
.cp_p {
	font-size: 1.8em;
	line-height: 100%;
	position: absolute;
	z-index: 5;
	margin: 4px 0 0 0px;
	-webkit-transition: 0.2s ease;
	        transition: 0.2s ease;
}

.cp_p_title {
	font-size: 1.1rem;
	width: 89%;
	margin: 0;
	padding: 0px 10px 10px 40px;
	line-height: 1.5;
}

.cp_p_text {
	font-size: 0.95rem;
	position: relative;
	overflow: hidden;
	margin: 0 0 35px 0;
	padding: 0 5px;
	line-height: 1.7em;
}
a.btn-c {
  border-radius: 3vh;
}

/*消化器内科*/
	
.doc-name p{
	font-size: 1.05em;
	line-height: 3em;
}		

.doc-name ul li{
	font-size: 0.95rem;
	line-height: 1.8em;
}
	
	
/*お問い合わせ*/
.contact_txt {
    font-size: 0.95rem;
}
.info_tel {
    font-size: 1.7rem;
}	
.info_txt {
    font-size: 0.95rem;
}

/*婦人科*/
table.tbl-05 {
	width: 100%;
}

	
table.tbl-05 th,
table.tbl-05 td {
	display: block;
    width: 100%;
	font-size: 1.1rem;
	text-align: center;
	padding: .5em .1em ;
}

	
/*がん検診*/
.tbl-02 th {
	display: block;
	width: 100%;
	padding: 10px;
	font-size: 1rem;
	box-sizing : border-box;

}
.tbl-02 td {
	display: block;
	width: 100%;
	font-size: 0.95rem;
	padding: 13px 5px;;
	box-sizing : border-box;
}


table.tbl-04 th,
table.tbl-04 td {
	font-size: 0.9rem;
	padding: .5em .1em ;
}

	
.box04{
	font-size: 0.9rem;
	line-height: 1.8;
}	

/*ワクチン*/
.box02{
	font-size: 0.95rem;
	line-height: 1.8;
}

.title-box-title2{
	font-size: 0.95rem;
	padding: 0px 6px;
}

.title-box2 p{
	font-size: 0.95rem;
	line-height: 1.8;
}	
	
	
	
ul.v-list {
	display: block;
}

ul.v-list li {
	width: 100%;
}
	
/*access*/
.ac-box {
	display: block;
}
	
.ac-item {
    padding: 0px;
    margin: 0px; 
}

.ac-item img {
	margin-top: 30px;
	width: 100%;
}
	
.info {
    width: 100%;
}
.info p {
	font-size: 0.85em;
}
.info dt {
    font-size: 0.85em;
}
.info dd {
	font-size: 0.85em;
    padding-left: 50px;
}
	
	
.info-news {
	width: 100%;
}

	
.access-map {
	margin-top: 40px;
    width: 100%;
}

#footer #footer_inner{
	width: 90%;
}
	
#footer #footer_inner p {
    width: 90%;
}

	
#footer #footer_inner dl {
    width: 90%;
}

#footer #footer_inner dd {
    width: 70%;
}
	
	
#footer-nav li {
	line-height: 1.5em;
    letter-spacing: 0.05em;
	padding-left: 0px;
	padding-right: 5px;
}

#page_top{
	display: none;
}

	
	
/*フッター問い合わせ*/
/*メニューをページ下部に固定*/
#sp-fixed-menu{
   position: fixed;
   width: 100%;
   bottom: 0px;
   font-size: 0;
   opacity: 0.9;
   z-index: 99;
}

/*メニューを横並びにする*/
#sp-fixed-menu ul{
   display: flex;
   list-style: none;
   padding:0;
   margin:0;
   width:100%;
}

#sp-fixed-menu li{
   justify-content: center;
   align-items: center;
   padding:0;
   margin:0;
   font-size: 1.1rem;
   border-right: 1px solid #fff;
}

/*左側メニューを緑色に*/
#sp-fixed-menu li:first-child{
   background: #38b435;
	width: 35%;
}
	
/*真ん中メニューをオレンジ色に*/
#sp-fixed-menu li:nth-child(2){
   background: #f3a324;
	width: 50%;
}
	
/*左側メニューをピンクに*/
#sp-fixed-menu li:last-child{
   background: #ea629f;
	width: 15%;
}

/*ボタンを調整*/
#sp-fixed-menu li a{
   color: #fff;
   text-align: center;
   display:block;
   width: 100%;
   padding:10px 0;
}
#siteBottom{
	margin-bottom: 85px;
}
}


@media screen and (max-width:480px){
.doc_price td {
	font-size: 0.65rem;
}
	
	
#footer #footer_inner span {
    font-size: 10px;
}

}