/* CSS Document */


.bodyHead{

	width:100%;
}



/*============================================================================

	*　ヘッダー　*

============================================================================*/


#header {
    /*position: fixed;*/
    left: 0;
    top: 0;
    width: 100%;
	z-index:100;

}

#silideBox {
    top: 140px;
}

#silideBox_sp {
    /*bottom:5px;*/
	height: 300px;
}


.headbg1 {
	background: url(../images/head01.jpg) no-repeat center top;
	 background-size: cover;
}

.headbg2 {
	 background: url(../images/head02.jpg) no-repeat left top; 
	background-size: cover;
}


 .headbg3 {
	background-color:#f9f7f8;
	background-size: cover;
} 


.headbg4 {
	/* background: url(../images/head03.jpg) no-repeat center center; */
	 background: url(../images/head03_2.jpg) no-repeat center center; 
	background-size: cover;
}


@media screen and (max-width: 767px){
.headbg3 {
   background-color:transparent;
	margin-top: -300px;
}
}

@media screen and (max-width: 480px){
.headbg3 {
   background-color:transparent;
	margin-top: -410px;
}
}


.gHeader{
	width: 100%;
	height:135px;
	background-color: #fff;
	line-height:68px;
	position:fixed;
	border-bottom:1px solid #e4e4e4;
	border-top:7px solid #fff;
	z-index: 100;
}


.headerNav{
	color:#4d3629;
	text-align:left;
	width:1024px;
	height:68px;
	margin:0 auto;
	position:relative;
    margin-top: 60px;
	font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","A-OTF 新ゴ Pro",A-OTF Shin Go Pro,"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;
}

.headerNav ul{
	margin:0 0 0 1em;
	padding:0;
}

.headerNav li{
	display:inline-block;
	height:43px;
	font-size:1.6em;
}

.headerNav li ul li{
	display:inline-block;
    margin: 0;
    height: 30px;
}

.headerNav li a{
	display:block;
}

.headerNav li a,
.headerNav li a:visited{
	color:#4d3629;
	font-size: 17px;
}

.headerNav li ul li a,
.headerNav li ul li a:visited{
	color:#4d3629;
	font-size: 14px;
}

.headerNav .logo{

		z-index:200;
	width: 320px;
    height: 150px;
    margin-top: -60px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background:url(../images/logo.png);
	background-repeat:no-repeat;
-moz-background-size:contain;
background-size:contain;
}

.headerNav .logo a{
  display: block;
  width: 100%;
  height: 100%;
}


p.tel{
	position:absolute;
	right:0;
	top:10px;
}


.spHeader{
		visibility:hidden;
		
}


@media (min-width: 991px) {
.spHeader{
		visibility:hidden;
	display: none;	
}
	
}


.spVisual,
.spiVisual,
.spiVisual2{
	display:none;
}

.headline{
	position:relative;
}



.headline .pagetitle{

    height: 85px;
    white-space: nowrap;
    overflow: hidden;
   /* padding: 33px;*/
	line-height:86px;
	letter-spacing:0.1em;
	font-weight:500;
	font-size:2.2em;
	text-shadow:
	0 -2px 2px #fff,
    -2px 0 2px #fff,
    2px 0 2px #fff,
    0 2px 2px #fff,
    2px 2px 2px #C8C8C8,
    2px 2px 2px #C8C8C8, 1px 1px 1px #C8C8C8;
	padding-left:380px;
	color:#000;
}

.rightNav-area{
		float:right;
		width:110px;
		text-align:right;
}

.headline .member{
	color:#fff;
	width:100px;
	text-align:center;
	font-size:1.5em;
}

.headline .member a,
.headline .member a:hover{
	color:#fff;
	display:block;
	border-radius:0 0 8px 8px;
	background:#ff5527;
	padding:0.5em;
	letter-spacing:0.2em;
	font-weight:bold;
}

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

.gHeader {
    width: 100%;
    height:76px;
    background-color: #fff;
    line-height: 43px;
	position:fixed;
	top: 0;
    left:0;
	z-index:20;
}

	
.headerNav .logo{
	display:none;
}

.headerNav{
		width:100%;
		position:fixed;
		top: 0;
    	left:0;
		z-index:999;
		overflow:hidden;
}
	
	.splogo	{
		height: auto;
		width:110px;
	}	

.headerNav ul{
	margin:0;
	padding:0;
	display:none;
}

.headerNav .logo{
	position:absolute;
	top:60px;
	left:10px;
	z-index:30;
	width:250px;
	height:80px;	
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background:url(../images/logo.png);
	background-repeat:no-repeat;
	-moz-background-size:auto;
	background-size:100%;
}
	
.mainVisual{
	display:none;
}

.mm-title{
	font-size:1.6em
}

.tel img{
	width:80%;
	height:auto;
}

p.tel{
	position:absolute;
	top:17px;
	right:-45px;
}
}


/** フォントサイズ **/

.fontSize {
	margin-top:55px;
}

.fontSize li {
	display:inline-block;
    margin:20px 0 0 10px;
    cursor: pointer;
    border: 1px solid #ccc;
    width: 30px;
    padding: 5px 0;
    text-align: center;
    background-color: #fff;
	border-radius:5px;
	background:#666;
	color:#fff;
}


/** パンくずリスト **/

.topicPath{
	box-sizing:border-box;
	padding:15px;
    list-style: none;
    background-color: #52b767;
	width:1024px;
	/*text-align: center;*/
    position: relative;
   
}

.topicPath li{
	display:inline-block;
	margin-right:0.7em;
	font-size:1.5em;
	color: #fff;
	position: relative;
}

.topicPath li a{
	color:#fff;
}

.topicPath li:first-child a{
	color:#fff;
}

ol{
	list-style:none;
}

.topicPath li::after{
  display: inline-block;
  content: '\00bb';
  margin: 0 .6em;
  color: #fff;
}

.current{
    color: #3c763d;}


.topicPath li:last-of-type::after{
    display: none;
}



/*============================================================================

	 メインイメージ　*

============================================================================*/

.mainVisual{
	width: 1024px;
	margin: 0 auto;
	position:relative;	
}


.mainVisual ul{
	list-style:none;
}

/*============================================================================

	ナビ　*

============================================================================*/

.gnav{
    position: relative;
    height: 45px;
    /* box-shadow */
    top: 0;
	float: right;
    height: 60px;
    margin-top: -70px;
    font-size: 1.7em;
    letter-spacing: 1.4px;
}

.gnav:after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;

}
.gnav > div > ul{
    margin: 0 auto;
    box-sizing: border-box;

}
.gnav > div > ul > li{
float: left;
    width: 110px;
    display: block;
    box-sizing: border-box;
    text-align: center;
    line-height: 25px;
}


.gnav > div > ul > li:nth-child(2) {
    width: 170px;
}

.gnav > div > ul > li > a{
    display: block;
    height: 45px;
    width: 100%;
    box-sizing: border-box;
    color: #333;
	line-height: 2;
}
.gnav > div > ul > li:last-child > a{
   /* border-right: #e4e4e4 solid 1px;*/
}


.gnav div.current01 > ul > li:nth-child(1) > a,
.gnav div.current02 > ul > li:nth-child(2) > a,
.gnav div.current03 > ul > li:nth-child(3) > a,
.gnav div.current04 > ul > li:nth-child(4) > a,
.gnav div.current05 > ul > li:nth-child(5) > a,
.gnav div.current06 > ul > li:nth-child(6) > a,
.gnav div.current07 > ul > li:nth-child(7) > a{
    background: #fafafa;
    color: #02b767;
    position: relative;
    z-index: 10;
}

.gnav > div > ul > li:nth-child(3):hover > a,
.gnav > div > ul > li:nth-child(4):hover > a{
    background: #ffff00;
    color: #02b767;
    position: relative;
    z-index: 30;
	border-radius: 5px;
}

.gnav > div > ul > li:hover > a{
    color: #02b767;
}

.gnav > div > ul > li.current > a{
    z-index: 10;
    position: relative;
}

.gnav div li ul{
    position: absolute;
    left:0;
    top: 30px;
    width:100%;
    background:#ffff00;
    box-sizing: border-box;
    opacity: 0;
    visibility: hidden;
    z-index: 20;
    text-align: center;
	border-radius: 5px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	padding: 10px 0;
}
.gnav div.current02 li ul,
.gnav div.current03 li ul,
.gnav div.current06 li ul{
    background: #eee;
}

.gnav div li li{
    display: inline-block;
    line-height: 14px;
}

.gnav div li li a{
    display: inline-block;
    height: 44px;
    color: #333;
}

.gnav div li li a:hover{
    color: #e8798a;
}

.gnav div li li a:after{
    content: "/";
    margin: 0 5px 0 10px;
    color:#cac8c8;
    font-weight: 300;
}
.gnav div li li:last-child a:after{
    content: none;
}

.gnav > div > ul > li:hover ul{
    visibility: visible;
    opacity: 1;
}

.gnav div.fixed{
    position: fixed;
    left: 0;
    top: 75px;
    z-index: 110;	
}

.gnav.current01.fixed div > ul > li:nth-child(1) > a,
.gnav.current02.fixed div > ul > li:nth-child(2) > a,
.gnav.current03.fixed div > ul > li:nth-child(3) > a,
.gnav.current04.fixed div > ul > li:nth-child(4) > a,
.gnav.current05.fixed div > ul > li:nth-child(5) > a,
.gnav.current06.fixed div > ul > li:nth-child(6) > a,
.gnav.current07.fixed div > ul > li:nth-child(7) > a{
    z-index: 0;
}

.gnav .fixed > ul > li:nth-child(2):hover > a,
.gnav .fixed > ul > li:nth-child(3):hover > a,
.gnav .fixed > ul > li:nth-child(3):hover > a{
    z-index: 130;
}

#g-nav > ul > li:after {
content:"/";
color: #999;
position: absolute;
top:5px;
margin-left:50px;
font-size:12px;}

#g-nav > ul > li:nth-child(2):after {
content:"/";
color: #999;
position: absolute;
top:5px;
margin-left:75px;
font-size:12px;}

.navBox{
	width: 320px;
	height:500px;
	margin: 0 auto;
	position: absolute;
	top:0px;
	right:0px;
	z-index: 999;
	overflow:hidden;
}

.mainNav{
	width: 260px;
	height:480px;
}

.navBox ul{
	color: #fff;
	font-size:1.8em;
	text-align: right;	
}

.navBox li{
	padding-top:0.1em;
}

.navBox li a{
	color: #fff;
}

.navBox li a:hover {
	opacity: 0.7;
}

.newsBox {
 	width: 400px;
	height:194px;
	margin: 0 auto;
	position: absolute;
	top:500px;
	right:0px;
	z-index: 999;
}

.newsBox  {
  float: left;
}

.topBlog {
 	width: 340px;
	height:180px;
}

.newsFont {
	font-size:1.8em;
	font-weight: bold;
	color: #FFF;
	text-shadow: 1px 1px 1px #000;
}

.news dt {
	float:left;
}

.news dd {
	margin-left:8em;
}

.news dt,.news dd{
	font-size:1.2em;
}


.catchBox{
	width:350px;
	height:320px;
	position: absolute;
	top:380px;
	left:-10px;
	z-index: 999;
	overflow:hidden;
	font-size:1.6em;
}

.topCatch,.topBlog,
.mainNav{
	background-color:rgba(0,0,0,0.40);
	filter:alpha(opacity=40);
	-moz-opacity:0.40;
	-khtml-opacity: 0.40;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77000000,EndColorStr=#77000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77000000,EndColorStr=#77000000)";
	padding:10px 30px;
    z-index: 10;
	text-shadow: 1px 1px 1px #000;
	font-weight:bold;
	behavior: url(ie_css3/PIE.htc);
	color:#fff;
	overflow:hidden;	
}


#hMenu{
	display:none;
}


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

.nav_box,.mainNav{
	display:none;
}

.topContents{
	max-width:100%;

}
#hMenu{
	display:block;
}

.spHeader{
	visibility:visible;
	font-weight: bold;
	color: #fff;
	line-height: 40px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	width: 100%;
	height: 60px;
    text-align: center;
}
	
.spHeader a.hamburger{
	visibility:visible;
	background: center center no-repeat transparent;
	background-image:url(../images/img_menu.png);
	background-size:100%;
	display: block;
	width: 35px;
	height: 35px;
	position: absolute;
	top: 3px;
	left: 10px;
	z-index:1000;
}
	
.spHeader a.tel{
    width: 64px;
    height: 42px;
    padding-top:10px;
	text-align: center;
	position: absolute;
	right: 0;
	z-index:1000;
	background-color: #02b767;
	border-radius: 0 0 15px 15px;
}	
	

.fa-2x{
    font-size:25px !important;
}	
	
#myslider{
	display:none;
}

.spVisual,
.spiVisual,
.spiVisual2{
	display:block;
}

.spVisual2{
	padding:30px auto 0 auto;
}

.spiVisual{
	margin:170px auto 0 auto;
	/*width:95%;*/
}

.spVisual img,
.spiVisual img{
	width:100%;
	height:auto;
	display:block;
	margin-top:-0.7em;
}

}

/*============================================================================

	＊トップコンテンツ　*

============================================================================*/

#top h2{
	text-align:center;
	margin:0;
	padding:0;

}

#myslider{
	margin:0;
	padding:0;
}

.bg1{background:#f4e9e3;}
.bg2{background:#52b767;}
.bg3{background:#f2f2f3;}

.concept,.menu,.medical{
	padding:20px 0;
	margin:0 auto;
	width:1024px;
}

.newsTopics,.news{
	width:768px;
	padding:0 0 7em 0;
	margin:0 auto;
}

.mapArea{
	width:1000px;
	margin:0 auto;
	padding: 0.5em 1em; 
    background: #FFF;
    border-radius: 10px;
}

.concept p{
	display:inline-block;
	vertical-align:middle;
	padding:0.6em;
	font-size:1.4em;
}

.map,.address{
	display:inline-block;
	vertical-align:middle;
	padding:1em;
	font-size:1.4em;
	width:46.5%;
	text-align: center;
	font-family: "Sawarabi Gothic", "A-OTF 新ゴ Pro",A-OTF Shin Go Pro,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.concept p span{
	display:block;
	text-align:center;
	font-weight:bold;
	margin-top:1em;
	font-size:1.2em;	
}

.newsTopics div{
	width:80%;
	margin:2em 1em;
}


.newsTopics dl{
	list-style:none;
	font-size:1.4em;
	}
	.newsTopics dt{
	color: #02b767;
	list-style:none;
	float:left;
	}
.newsTopics dd{
	list-style:none;
	margin:0 0 1em 8em;

	}

.menu div,
.medical div{
	width:100%;
}

.menu ul{
	display:inline-block;
	width:20%;
	list-style:none;
	margin:3em 0;
	padding:0 1%;
}

.medical ul{
	margin:0 auto;
	text-align:center;
	padding:0 0 3em 0;
}

.medical li{
	display:inline-block;
	width:18%;
	list-style:none;
	margin:1em;
	padding:0;
	background:#fff;
	border-radius:10px;
	box-sizing:border-box;
	border: 1px solid #e4e4e4;
}

.medical li img{
	width:70%;
}

.menu li{
	display:block;
	vertical-align:top;
	font-size:1.4em;
}

.menu li:nth-child(3n) {
	text-align:right;
}

.conceptNav li:nth-child(1) {
    background-image: url(../images/topBanner01.jpg);
}

.conceptNav li:nth-child(2) {
    background-image: url(../images/topBanner02.jpg);
}
.conceptNav li {
    width: 100%;
    height: 300px;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.conceptNav li:nth-child(2n-1) dl {
    margin-left: -600px;
}

.conceptNav li dl {
    width: 400px;
    height: 180px;
    margin-top:30px;
    position: relative;
    left: 60%;
    text-align: center;
    overflow: hidden;
    padding: 30px 0;
}

.conceptNav li dl dt {
    font-size: 24px;
    color:#02b767;
    position: relative;
    z-index: 10;
	margin-top:0px;
	 line-height: 28px;
}

.conceptNav li dl p {
    width: 320px;
    margin: 0 auto;
    text-align: left;
    position: relative;
    z-index: 10;
}

.conceptNav li dl:after {
    content: "";
    position: absolute;
    left: 2%;
    top: 2%;
    width: 96%;
    height:92%;
    background: #fff;
    opacity: 0.8;
}

.conceptNav li dd{
	padding: 0;
	margin:0;
}

.conceptNav li {
    width: 100%;
    height: 300px;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}


/*院長メッセージ*/

.message__img img {
    width: 100%;
    max-width: 100%;
    display: block;
    margin: 0 auto 0;
    -webkit-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    transform: translateY(-7px);
}		
		
@media screen and (min-width: 767px) {	
.message .wrap {
    position: relative;
}
		
.message__img {
    background: 0 0;
    padding-left: 0;
    float: right;
    width: 42%;
    box-sizing: border-box;
    height: auto;
    margin-bottom: 0;
    position: absolute;
    bottom: 0;
    right: 0;
}

.message-box {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 20px 0 40px;
    margin-bottom: 0;
}	
	
.message-in {
    background: #33ad4f url(../img/top/bg_msg01_pc.jpg) center center no-repeat;
    background-size: cover;	
}
	
.message-in .wrap {
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto;
}	
	
.message__img img {
    max-width: 456px;
    margin-top: -21px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
	width: 49%;
}	
}
	
.message-box__title {
    text-align: left;
    font-size: 3em;
	margin-top: 0.5em;
    max-width: 535px;
   padding-bottom: 0px;
	margin-bottom:0;
	color:#f5f345;
	letter-spacing: 0.2em;
	font-family:  'UD デジタル 教科書体 NK-R',"Sawarabi Gothic", "A-OTF 新ゴ Pro",A-OTF Shin Go Pro,"ヒラギノ角ゴ Pro W3", 
		"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック";;
}	
	
.message-box__txt {
    max-width: 535px;
	margin-top:1.5em;
	    font-size: 16px;
}	
	
.message-imgWrap {
    clear: both;
    /*padding: 30px 0;*/
}
		
.c_cf:after, .cf:after, .clearfix:after {
    display: block;
    clear: both;
    content: '';
}

.message-small{
	color: #f5f345;
	font-size: 15px;
	font-family: 'UD デジタル 教科書体 NK-R',"Sawarabi Gothic", "A-OTF 新ゴ Pro",A-OTF Shin Go Pro,"ヒラギノ角ゴ Pro W3", 
 "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック";
	text-align: center;
	padding-left: 5%;
}

@media screen and (max-width: 767px) {
.message-in {
width: 95%;
		margin:0 auto;
}

.message-box__txt {
   max-width: 800px;
	margin-top:3em;
}	
			
.message-box__title {
    text-align: center;
    font-size: 30px;
    max-width: 535px;
    padding-bottom: 25px;
	color:#f5f345;
	font-family:  'UD デジタル 教科書体 NK-R',"Sawarabi Gothic", "A-OTF 新ゴ Pro",A-OTF Shin Go Pro,"ヒラギノ角ゴ Pro W3", 
		"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック";
	margin: 0 auto;
}		

.message-small{
	color: #f5f345;
	font-size: 15px;
	font-family: 'UD デジタル 教科書体 NK-R',"Sawarabi Gothic", "A-OTF 新ゴ Pro",A-OTF Shin Go Pro,"ヒラギノ角ゴ Pro W3", 
 "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック";
	text-align: center;
	margin: 0 auto;
	padding-left: 42%;
}

.message__img img {
    width: 60%;
    max-width: 100%;
    display: block;
    margin: 0 auto 0;
    -webkit-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    transform: translateY(-7px);
	padding-top:30px;
}		
	
.message-box {
    box-sizing: border-box;
    padding-bottom: 30px;
   
}
	
.message-box__txt {
    max-width: 535px;
	margin-top:1em;
	    font-size: 16px;
}		
}

@media screen and (max-width: 480px) {
.message-box__title {
    text-align: center;
    font-size: 30px;
    max-width: 535px;
   padding-bottom:0;
	color:#f5f345;
	font-family:  'UD デジタル 教科書体 NK-R',"Sawarabi Gothic", "A-OTF 新ゴ Pro",A-OTF Shin Go Pro,"ヒラギノ角ゴ Pro W3", 
		"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック";;
}
	
.message-small{
	color: #f5f345;
	font-size: 15px;
	font-family: 'UD デジタル 教科書体 NK-R',"Sawarabi Gothic", "A-OTF 新ゴ Pro",A-OTF Shin Go Pro,"ヒラギノ角ゴ Pro W3", 
 "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック";
	text-align: center;
	padding-left: 39%;
}

.message-box__txt {
   max-width: 480px;
	margin-top:2em;
}	
}


/*カレンダーとニュース*/
.boxCalender {
	position: relative;
    padding: 0.5em 1em;
    margin: 2em 1em;
    background: #dcf2f7;
	    height: 690px;
	/*margin-top: em;*/
}

.boxCalender .inner {
   padding:10px;
	width: auto;
}

@media screen and (max-width: 480px) {	
.boxCalender {
	position: relative;
    padding: 0.5em 1em;
    margin: auto;
    background: #dcf2f7;
	height: auto;	
}
	
.boxTime{
	background-color: #eaf7fa;
	border-radius: 10px;
	padding:1px;
	    padding-right: 8px;
	margin-bottom: 2em;
}
.boxTime p{
	padding-left: 50px;   
}	

table.calender {
    /* margin-top: 5px; */
    margin-right: auto;
    /* margin-bottom: 5px; */
    /* margin-left: 5px; */
    border-collapse: collapse;
    border-top-width: 1px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #dddddd;
    font-size: 1em;
    color: #4d3629;
    text-align: center;
}
	
.title-r {
    line-height: 2.3em;
    letter-spacing: 0.1em;
    font-weight: bold;
    border-radius: 8px;
    margin: 0.5em;
	padding: 0.15em;
    font-size: 1.3em;
    width: 80%;
    color: #1fc5ef;
}
	
.boxCalender p {
    color:#1bc081;
	/*padding-left:10px;*/
	text-align: left;
	/*margin:0;*/
	font-size: 1.6em;
	
}
}


@media (min-width: 1024px) {
.boxCalender .inner_ttl{
    background-color: #1fc5ef;
	margin-top: -50px;
	margin-left: 26%;
	padding-bottom:10px;
    width: 300px;
	border-radius: 10px;
	height: auto;
}	
}

@media screen and (min-width:768px) and ( max-width:1024px) {
.boxCalender .inner_ttl {
    background-color: #1fc5ef;
    margin-top: -50px;
    margin-left: 35%;
    padding-bottom: 10px;
    width: 300px;
    border-radius: 10px;
}
}

@media screen and (min-width:481px)and ( max-width:767px) {
.boxCalender .inner_ttl {
    background-color: #1fc5ef;
    margin-top: -50px;
    margin-left: 25%;
    padding-bottom: 10px;
    width: 300px;
    border-radius: 10px;
}	
}

@media (max-width: 480px) {
.boxCalender .inner_ttl {
    background-color: #1fc5ef;
    margin-top: -50px;
    margin-left: auto;
	margin-right: auto;
    padding-bottom: 10px;
    width: 250px;
    border-radius: 10px;
}
	

.time_kakomi_p{
	 padding-top:0em;
text-align: center;
}	
}

h4.boxCalender_ttl{
     color:#fff;
	padding:10px 10px 0 10px;
	margin:0;
	    font-size: 25px;	
}

.boxCalender .inner_ttl p{
     color:#099c2b;
	padding:10px;
	margin:0;
	    font-size: 18px;
}

.time_kakomi{
	 display: inline;
}

@media screen and (min-width: 481px) {
.boxTime{
	background-color: #eaf7fa;
	border-radius: 10px;
	margin: 20px 70px 0 80px;
	padding:1px;
}

.time_kakomi_p{
	 padding-top:0.5em;
}
		
.title-r {
    line-height: 2.0em;
    letter-spacing: 0.1em;
    border-radius: 8px;
    margin: 0.5em auto;
/*	margin-left: 2.5em;*/
    display: block;
    font-size: 1.6em;
    width: 75%;
	color:#1fc5ef;
}

/*
.boxTime p{
float: right;
	margin-top: -46px;
    margin-right: 40px;
}
*/
	
.boxCalender p {
    color:#1bc081;
	padding-left:80px;
	text-align: left;
	/*margin:0;*/
	font-size: 1.6em;	
}
}

.boxNews {
    position: relative;
    margin: auto;
	height: auto;
    padding: 0.5em 1em;
	background-color: #fff;
}
#news{
    overflow-x: scroll;
    overflow-y: none;
    height: 450px;
    width: 380px;
}
.News_img1{
	margin-top: -270px;
    margin-left: -180px;
    float: left;
    width: 50%;
}

.News_img2{
	margin-top: -270px;
    margin-right: -200px;
    float: right;
    width: 55%;
}

.boxNews .inner {
   padding:30px 90px 30px 90px;
	width: auto;
	margin-bottom: 0;
}

h4.boxNews_ttl{
    color:#4d3629;
	padding:10px 10px 0 10px;
	margin:0;
	font-size: 25px;	
}

#news {
    position: relative;
	width: auto;
    padding-bottom: 10px;
	text-align: left;
}

@media screen and (min-width:768px) and ( max-width:1024px) {
.boxNews {
    position: relative;
    margin-top:5em;
    height: 850px;
    padding: 0.5em 1em;
    background-color: #fff;
}	
}

@media screen and (min-width:481px)and ( max-width:767px) {
.boxNews {
    position: relative;
    margin-top:5em;
    height: 500px;
    padding: 0.5em 1em;
    background-color: #fff;
	height: auto;
}	
}

@media (max-width: 480px) {
.boxNews {
    position: relative;
    margin-top:5em;
    height: 1000px;
    padding: 0.5em 1em;
    background-color: #fff;
}	
}

@media screen and (min-width:768px) and ( max-width:1024px) {
.boxCalender {
    position: relative;
    padding: 0.5em 1em;
    margin: 2em 1em;
    background: #dcf2f7;
    height: 706px;
}	
}

@media screen and (min-width:481px)and ( max-width:767px) {
.boxCalender {
    position: relative;
    padding: 0.5em 1em;
    margin: 2em 1em;
    background: #dcf2f7;
    height: 640px;
}	
}


#news dl {
    margin-bottom: 0.6em;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
}

#news dt {
    margin-bottom: 0.1em;
    color: #4d3629;
    width: auto;
    float: none;
	display: block;   
    clear: both;
	font-size: 1.7em;
	font-weight: bolder;
}

#news dd {
    padding-bottom: 0.6em;
    float: none;
    width: auto;
	display: block;
    margin-left: 0px;
	font-size: 1.5em;
	color:#4d3629;
}

@media (min-width: 481px) {
.pt15pc_pt5sp{
		padding-top: 1.5em;
	}	
}

@media (max-width: 480px) {
.pt15pc_pt5sp{
		padding-top: 0em;
	margin-bottom: 0;
	}
}

/*カレンダーのタブ*/
.tabs {
position: relative;
margin: 40px 80px 0 80px;
width: auto;
}
 
.tabs input {
position: absolute;
z-index: 1000;
width: 120px;
height: 40px;
left: 0px;
top: 0px;
opacity: 0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
cursor: pointer;
}
 
.tabs input#tab-2{
left: 120px;
}
 
.tabs label {
background: #92f2bf;
font-size: 2em;
line-height: 40px;
height: 40px;
position: relative;
padding: 0 20px;
float: left;
display: block;
width: 100px;
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: bold;
text-align: center;
text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
border-radius: 3px 3px 0 0;
box-shadow: 2px 0 2px rgba(0,0,0,0.1), -2px 0 2px rgba(0,0,0,0.1);
font-family: 'UD デジタル 教科書体 NK-R',"Sawarabi Gothic", "A-OTF 新ゴ Pro",A-OTF Shin Go Pro,"ヒラギノ角ゴ Pro W3", 
		"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック";
border-radius: 10px 10px 0 0;
	font-size: 2.3em;
}

@media (max-width: 480px) {
.tabs label {
background: #92f2bf;
font-size: 2em;
line-height: 40px;
height: 40px;
position: relative;
padding: 0 20px;
float: left;
display: block;
width: 100px;
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: bold;
text-align: center;
text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
border-radius: 3px 3px 0 0;
box-shadow: 2px 0 2px rgba(0,0,0,0.1), -2px 0 2px rgba(0,0,0,0.1);
font-family: 'UD デジタル 教科書体 NK-R',"Sawarabi Gothic", "A-OTF 新ゴ Pro",A-OTF Shin Go Pro,"ヒラギノ角ゴ Pro W3", 
		"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック";
border-radius: 10px 10px 0 0;
	font-size: 2.3em;
width: 70px;
}	
}

.tabs label:after {
content: '';
background: #fff;
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
height: 2px;
display: block;
}
 
.tabs input:hover + label {
background: #92e0f2;
}
 
.tabs label:first-of-type {
z-index: 4;
/*box-shadow: 2px 0 2px rgba(0,0,0,0.1);*/
}
 
.tab-label-2 {
z-index: 3;
}
 
.tabs input:checked + label {
background: #1fc5ef;
/*z-index: 6;*/
	font-family: 'UD デジタル 教科書体 NK-R',"Sawarabi Gothic", "A-OTF 新ゴ Pro",A-OTF Shin Go Pro,"ヒラギノ角ゴ Pro W3", 
		"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック";
	color:#fff;
	border-radius: 10px 10px 0 0;
	font-size:2.3em;
}
 

@media (max-width: 480px) {
.tabs input:checked + label{
	background: #1fc5ef;
/*z-index: 6;*/
	font-family: 'UD デジタル 教科書体 NK-R',"Sawarabi Gothic", "A-OTF 新ゴ Pro",A-OTF Shin Go Pro,"ヒラギノ角ゴ Pro W3", 
		"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック";
	color:#fff;
	border-radius: 10px 10px 0 0;
	font-size:2.3em;
	width: 70px;
}	
}

.clear-shadow {
clear: both;
}
 
.content {
background: #fff;
position: relative;
width: 100%;
height: 305px;
z-index: 5;
box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.1);
border-radius: 0 3px 3px 3px;
}
 
.content div {
position: absolute;
top: 0;
left: 0;
	width: 100%;
/*padding: 25px 40px;*/
z-index: 1;
opacity: 0;
-webkit-transition: opacity linear 0.1s;
-moz-transition: opacity linear 0.1s;
-o-transition: opacity linear 0.1s;
-ms-transition: opacity linear 0.1s;
transition: opacity linear 0.1s;
}
 
.tabs input.tab-selector-1:checked ~ .content .content-1,
.tabs input.tab-selector-2:checked ~ .content .content-2 {
z-index: 100;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition: opacity ease-out 0.2s 0.1s;
-moz-transition: opacity ease-out 0.2s 0.1s;
-o-transition: opacity ease-out 0.2s 0.1s;
-ms-transition: opacity ease-out 0.2s 0.1s;
transition: opacity ease-out 0.2s 0.1s;
}
 
.content div h2{
color: #0c4d40;
margin: 0 0 10px 0;
font-weight: bold;
}
 
.content div p {
font-size: 14px;
line-height: 22px;
font-style: italic;
text-align: left;
margin: 0;
color: #777;
padding-left: 15px;
font-family: Cambria, Georgia, serif;
border-left: 8px solid rgba(12,77,64, 0.1);
}

@media only screen and (max-width: 767px) { 
.tabs {
margin: 10px 0;
width: 100%;
}
} 
.tabs input {
margin: 0;
}
 
/*.content {
min-height: 450px;
}
 
.content div {
padding: 20px;
}
}*/
table.calender .td_water {
    background-color: #1bc081;
    text-align: center;
	color:#fff;
}

table.calender .td_pink {
    background-color: #fee9e9;
    text-align: center;
	color:#4d3629;
}

.td_pink {
    text-align: center;
	color:#fd0ad2;
}

.dark_red{
	color: #fd0ad2;
}

@media (min-width: 1024px) {
table.calender {
    /*margin-top: 5px;*/
    margin-right: auto;
    /*margin-bottom: 5px;*/
    /*margin-left: 5px;*/
    border-collapse: collapse;
    border-top-width: 1px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #dddddd;
	font-size:1.8em;
	color:#4d3629;
   background-color: #fff;
	text-align: center;
}

table.calender .td_gray {
    background-color: #aaaaaa;
    text-align: center;
	color:#fff;
}

table.calender td {
    height: 40px;
    text-align: center;
}

table.calender .td_blue {
    background-color: #1fc5ef;
    text-align: center;
	color:#fff;
}

table.calender .td_gray {
    background-color: #aaaaaa;
    text-align: center;
	color:#fff;
}	

table.calender td {
    padding-top: 5px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-left: 15px;
    text-align: center;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #dddddd;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #dddddd;
	font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif;
}	
}

@media screen and (min-width:768px) and ( max-width:1024px) {
table.calender {
    /*margin-top: 5px;*/
    margin-right: auto;
    /*margin-bottom: 5px;*/
    /*margin-left: 5px;*/
    border-collapse: collapse;
    border-top-width: 1px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #dddddd;
	font-size:1.8em;
	color:#4d3629;
   background-color: #fff;
	text-align: center;
}

table.calender .td_gray {
    background-color: #aaaaaa;
    text-align: center;
	color:#fff;
}

table.calender td {
    height: 40px;
    text-align: center;
	font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif;
}

table.calender .td_blue {
    background-color: #1fc5ef;
    text-align: center;
	color:#fff;
}


table.calender td {
    padding-top: 5px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-left: 15px;
    text-align: center;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #dddddd;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #dddddd;
	font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif;
}
}

@media screen and (min-width:481px)and ( max-width:767px) {
table.calender {
    /*margin-top: 5px;*/
    margin-right: auto;
    /*margin-bottom: 5px;*/
    /*margin-left: 5px;*/
    border-collapse: collapse;
    border-top-width: 1px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #dddddd;
	font-size:1.8em;
	color:#4d3629;
   background-color: #fff;
	text-align: center;
}

table.calender .td_gray {
    background-color: #aaaaaa;
    text-align: center;
	color:#fff;
}

table.calender td {
    height: 40px;
    text-align: center;
}

table.calender .td_blue {
    background-color: #1fc5ef;
    text-align: center;
	color:#fff;
}

table.calender td {
    padding-top: 5px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-left: 15px;
    text-align: center;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #dddddd;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #dddddd;
	font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif;
}	
}

@media (max-width: 480px) {
.content {
background: #fff;
position: relative;
width: 100%;
height: 205px;
z-index: 5;
box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.1);
border-radius: 0 3px 3px 3px;
	margin: auto;
}
	
table.calender {
    /*margin-top: 5px;*/
    margin-right: auto;
    /*margin-bottom: 5px;*/
    /*margin-left: 5px;*/
    border-collapse: collapse;
    border-top-width: 1px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #dddddd;
	font-size:0.8em;
	color:#4d3629;
   background-color: #fff;
	text-align: center;
	width: 100%;
	margin:auto;
}

table.calender .td_gray {
    background-color: #aaaaaa;
    text-align: center;
	color:#fff;
}

table.calender td {
    height: 30px;
    text-align: center;
}

table.calender .td_blue {
    background-color: #1fc5ef;
    text-align: center;
	color:#fff;
}

table.calender td {
    padding-top: 5px;
    /*padding-right: 11px;*/
   font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif;
    /*padding-left: 12px;*/
    text-align: center;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #dddddd;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #dddddd;
	font-size: 1.4em;
    height: 30px;
}	
}


/*当院の特徴*/
.top_third_inner_ttl {
    background-color: #f5f345;
    text-align: center;
    margin: auto;
    padding-bottom: 10px;
    width: 300px;
    border-radius: 10px;
}

@media (max-width: 480px) {
.top_third_inner_ttl {
    background-color: #f5f345;
    text-align: center;
    margin: auto;
    padding-bottom: 10px;
    width: 250px;
    border-radius: 10px;
}	
}




h4.topThird_inner_ttl {
    color: #4d3629;
    padding: 10px 10px 0 10px;
    margin: 0;
    font-size: 25px;
}


.boxFeature {
    position: relative;
    margin: auto;
}

.boxFeature .inner_ttl {
    background-color: #1fc5ef;
    margin-top: -50px;
    margin-left: 15%;
    padding-bottom: 10px;
    width: 300px;
    border-radius: 10px;
}

h4.boxFeature_ttl {
    color: #fff;
    padding: 10px 10px 0 10px;
    margin: 0;
    font-size: 25px;
}

.boxFeature .inner_ttl:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #d8f9e3;
}

.top_second_sec > div{
	width: 45%;
	padding: 10px;
	margin: auto;
}
@media screen and (max-width: 960px) {
	.top_second_sec > div{
		width: 100%;
	}
}

@media (min-width: 1024px) {
.top_second_sec{
	width: 1280px;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	margin: auto;
}

.top_fourth_sec{
	width: 1280px;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	margin: auto;
}
}

@media screen and (min-width:768px) and ( max-width:1024px) {
.top_second_sec{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	margin: auto;
}

.top_fourth_sec{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	margin: auto;
}
}

@media screen and (min-width:481px)and ( max-width:767px) {
.top_second_sec{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	margin: auto;
}

.top_fourth_sec{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	margin: auto;
}
}

@media (max-width: 480px) {
	.top_second_sec{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	margin: auto;
}
	
.top_fourth_sec{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	margin: auto;
}
}

.top_fourth_sec > div{
	width: 49.5%;
	/*padding: 10px;*/
	margin: auto;
}
@media screen and (max-width: 960px) {
	.top_fourth_sec > div{
		width: 100%;
	}
}


/*診療案内*/
.boxMedical {
	position: relative;
    padding: 0.5em 1em;
    /*margin: 2em 1em;*/
}

.boxMedical .inner {
   padding:10px;
	width: auto;
	    margin-bottom: 0em;
}

h4.boxMedical_ttl{
     color:#4d3629;
	padding:10px 10px 0 10px;
	margin:0;
	    font-size: 25px;	
}

.boxMedical .inner_ttl p{
     color:#099c2b;
	padding:10px;
	margin:0;
	    font-size: 18px;
}

.boxMedical p {
    color:#2c0905;
	padding:10px;
	margin:0;
	font-size: 1.6em;
}

@media (min-width: 1024px) {
.medical_icon{
	width: 25%;
}
	
.boxMedical .inner_ttl{
    background-color: #f5f345;
	margin-top: -50px;
	margin-left: 41%;
	padding-bottom:10px;
    width: 300px;
	border-radius: 10px;
}	

.boxNews .inner_ttl{
    background-color: #fc9ffc;
	margin-top: -50px;
	margin-left: 25%;
	padding-bottom:10px;
    width: 300px;
	border-radius: 10px;
	    height: auto;
}		
}

@media screen and (min-width:768px) and ( max-width:1024px) {
.medical_icon{
	width: 25%;
}
.boxMedical .inner_ttl{
    background-color: #f5f345;
	margin-top: -50px;
	margin-left: 41%;
	padding-bottom:10px;
    width: 300px;
	border-radius: 10px;
}	

.boxNews .inner_ttl{
    background-color: #fc9ffc;
	margin-top: -50px;
	margin-left: 35%;
	padding-bottom:10px;
    width: 300px;
	border-radius: 10px;
}
	
.News_img1 {
    /*margin-top: -200px;*/
    margin-left: -100px;
    float: left;
    width: 20%;
}
.News_img2 {
    /*margin-top: -190px;*/
    margin-right: -100px;
    float: right;
    width: 23%;
}	
	
}

@media screen and (min-width:481px)and ( max-width:767px) {
.medical_icon{
	width: 30%;
}
 .boxMedical .inner_ttl{
    background-color: #f5f345;
	margin-top: -50px;
	margin-left: 25%;
	padding-bottom:10px;
    width: 300px;
	border-radius: 10px;
}
	
.boxNews .inner_ttl{
    background-color: #fc9ffc;
	margin-top: -50px;
	margin-left: 25%;
	padding-bottom:10px;
    width: 300px;
	border-radius: 10px;
}	

.News_img1 {
  margin-top: -100px;
    margin-left: -80px;
    float: left;
    width: 25%;
}
.News_img2 {
    margin-top: -100px;
    margin-right: -80px;
    float: right;
    width: 25%;
}		
}

@media (max-width: 480px) {
.medical_icon{
	width: 30%;
}
 .boxMedical .inner_ttl{
    background-color: #f5f345;
	margin-top: -50px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom:10px;
    width: 250px;
	border-radius: 10px;
}

.boxNews .inner_ttl{
    background-color: #fc9ffc;
	margin-top: -50px;
	margin-left:auto;
	margin-right: auto;
	padding-bottom:10px;
    width: 250px;
	border-radius: 10px;
}	

.boxNews .inner {
    padding: 10px 20px 30px 20px;
    width: auto;
    margin-bottom: 0;
}	
	
.News_img1 {
    margin-top: -80px;
    margin-left: -27px;
    float: left;
    width: 20%;
}
.News_img2 {
    margin-top: -90px;
    margin-right: -40px;
    float: right;
    width: 25%;
}	
}

/*当院の特徴*/
@media (min-width: 1024px) {
.top_third_sec{
	width: 1280px;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	margin: auto;
	margin-top:3em;
}
	
.third_sec_top{
	margin-top:3em;	
}		
}

@media screen and (min-width:768px) and ( max-width:1024px) {
.top_third_sec{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	margin: auto;
	margin-top:2em;
}

.third_sec_top{
	margin-top:5em;	
}	
}

@media screen and (min-width:481px)and ( max-width:767px) {
.top_third_sec{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	margin: auto;
	margin-top:3em;
}	

.third_sec_top{
	margin-top:3em;	
}	
}

@media (max-width: 480px) {
.top_third_sec{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	margin: auto;
	margin-top:3em;
}

.third_sec_top{
	margin-top:0em;	
}	
}

.top_third_sec > div{
	width: 33%;
	/*padding: 10px;*/
	background: #fff;
	    margin: auto;
}
@media screen and (max-width: 767px) {
.top_third_sec{
	width: 98%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	margin: auto;
}

	.top_third_sec > div{
		width: 100%;
	}
.top_second_sec{
	width: 98%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	margin: 0 auto;
	padding-top: 3em;
	padding-bottom: 2em;
}

.top_fourth_sec{
	width: 98%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	margin: auto;
}		
}


.btn01:hover {
	background: #f6be26;
	color:#fff;
}

.btn01 {
    display: inline-block;
    width: 160px;
    height: 30px;
	background:#02b767;
	color:#fff;
    line-height: 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    z-index: 10;
    font-weight: 500;
	font-size:1.4em;
	margin-top:10px;
}

 a.btn01{
    	color:#fff;
 }

@media screen and (max-width:767px){
	
	.concept, .menu, .medical {
    padding: 5px 0;
    margin: 0 auto;
}
	
.conceptNav li:nth-child(2n-1) dl {
    margin: 5px auto;
}

.conceptNav li dl {
    margin: 30px auto;
}

.conceptNav li dl {
    width: 400px;
    height: 180px;

    position: relative;
    left:0;
    text-align: center;
    overflow: hidden;
    padding: 30px 0;
}

.menu li{
	font-size:1.2em;
	vertical-align:top;
}


.bodyHead{
	background:none;
}


.topContents .section{
	width:100%;
}

.concept,.menu,.medical,.newsTopics,.news{
	width:90%;
}

.medical li{
	display:inline-block;
	width:22%;
	list-style:none;
	margin:0.5em;
	padding:0 1%;
	border: 1px solid #e4e4e4;
}

.medical li img{
	width:70%;
}
.concept p {
    display:block;

}

.concept{
	text-align:center;
	padding-bottom:2em;
}
.concept p{
    padding:0;
}

.concept img{
margin-top:1em;
}


.newsTopics,.news{
	padding-bottom:3em

}

.newsTopics div{
	width:100%;
	margin:0 auto;
}
}


@media screen and (max-width:767px){
.conceptNav li {
    width: 100%;
    height: 150px;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.conceptNav li:nth-child(2n-1) dl {
    margin-left:0;
}

.conceptNav li dl {
    margin:10px 0;
}

.conceptNav li dl {
    width: 100%;
    height: 180px;
    margin-top:30px auto;
    position: relative;
    text-align: center;
    overflow: hidden;
    padding: 10px 0;
	left: 0;
}

.conceptNav li dl:after {
    content: "";
    position: absolute;
    left: 2%;
    top: 2%;
    width: 96%;
    height:58%;
    background: #fff;
    opacity: 0.8;
}

.conceptNav li dl dt {
    font-size: 18px;
    color: #02b767;
    position: relative;
    z-index: 10;
    margin-top: 0px;
}
.conceptNav li dl p {
    width: 90%;
    margin: 0 auto;
    text-align: left;
    position: relative;
    z-index: 10;
}

.btn01 {
    display: inline-block;
    width: 140px;
    height: 25px;
    background: #02b767;
    color: #fff;
    line-height: 25px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    z-index: 10;
    font-weight: 500;
    font-size: 1.4em;
    margin-top: 5px;
	float:right;
	margin-right:20px;
}

.menu li img{
	width:100%;
	height:auto;
	text-align:center;
}

.menu ul{
	display:inline-block;
	width:47%;
	list-style:none;
	margin:2em 0;
	padding:0 1%;
}

.menu li:nth-child(3n) img{
	width:50%;
	height:auto;
}

.medical li{
	display:inline-block;
	width:30%;
	list-style:none;
	margin:0.5em 0;
	padding:0 1%;
}

.mapArea{
	width:85%;
}

.mapArea {
    margin: 15px auto;
    padding: 0.5em 2em;
    background: #FFF;
    border-radius: 20px;
}	
	
.map,.address{
	display:block;
	width:100%;
	text-align:left;
	margin:0 auto;
	padding:20px 0;
}

.concept p img{
width:40%;
height:auto;
}

.address{
	text-align:center;}

.address{
	padding:0 1em 1.5em 0;}


.img95{width:95%;height:auto;}


.hm2sp{min-height:5em;}


.newsTopics dl {
    list-style: none;
    font-size: 1.4em;
    width: 95%;
    margin: 20px auto 0 auto;
}
	.newsTopics dt{
	list-style:none;
	float:none;
	line-height:1.7em;
	}
.newsTopics dd{
	list-style:none;
	margin:0 0 1em 0;

	}
}


@media screen and (max-width:479px){
	.conceptNav li {
    width: 100%;
    height: 160px;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
	
.conceptNav li dl dt {
    font-size: 16px;
    color: #02b767;
    position: relative;
    z-index: 10;
    margin-top: 0px;
}
	
.conceptNav li dl:after {
    content: "";
    position: absolute;
    left: 2%;
    top: 2%;
    width: 96%;
    height:70%;
    background: #fff;
    opacity: 0.8;
}

.btn01 {
    width: 120px;
    height: 25px;
}
}

.top_sec {
    width: 100%;
    display: block;
  background-image: linear-gradient(
    -45deg,
    #fff7e7 25%,
    #fffede 25%, #fffede 50%,
    #fff7e7 50%, #fff7e7 75%,
    #fffede 75%, #fffede
  );
  background-size: 9px 9px;	
}

.top_sec2 {
    width: 100%;
    display: block;
  background-image: linear-gradient(
    -45deg,
    #fff 25%,
    #feeffe 25%, #feeffe 50%,
    #fff 50%, #fff 75%,
    #feeffe 75%, #feeffe
  );
  background-size: 9px 9px;
	/*padding-bottom: 3em;*/	
}

.recruit_bg {
    width: 100%;
    display: block;
  background-image: url("../images/recruit_bg.jpg") ;
  background-size: cover;
	padding-top: 5em;	
}


@media (max-width: 480px) {
	.recruit_bg {
  
	padding-top: 0em;	
}
}



.recruit_bg2 {
    width: 100%;
    display: block;
  background-image: url("../images/recruit_bg2.jpg");
		background-size:cover;
}

/*============================================================================

　ベース

============================================================================*/

.headline,.inner{
	margin:0 auto;
	width:1024px;
}

.headline, .inner2 {
    margin: 0 auto;
    width: 1024px;
}

.inner{
	margin-bottom:5em;    
}

.inner2{
	margin-bottom:0em; 
}

#sideNav{
	display:inline-block;
	width:220px;
	margin-left:50px;
	vertical-align:top;
	padding-top:9px;
}

#main{
	display:inline-block;
	width:750px;
	vertical-align:top;
	box-sizing:border-box;
}

/*============================================================================

	＊右カラム＊

============================================================================*/

.listGroup{
	font-size:1.5em;
}

.listMenu-head{
    color: #fff;
    background-color: #52b767;
	line-height:3em;
    border: 1px solid #ddd;
	border-bottom:none;
	text-align:center;
	font-weight: bold;
	border-radius:6px 6px 0 0;
}

.listMenu li{
	list-style:none;
	text-indent:-10000em;
}
	.listMenu li a:hover, 
	.listMenu li a:focus {
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5;
}

.listMenu li a{
    display: block;
    color: #555;
	padding: 10px 15px;
    margin-bottom: -1px;
    border: 1px solid #ddd;
	background-position:left;
	background-repeat:no-repeat ;
	background-color:#fff;
}
.aside{
	position: relative;
z-index: 2;
}
.aside dl dd a:hover {
    background: #fff;
	color: #e8798a;
	cursor : pointer;
}

.a:hover {
    color: #e8798a;
}

.aside dl dt {
    background: #52b767;
    height: 45px;
    text-align: center;
    line-height: 45px;
    font-size: 14px;
    color: #fef9e1;
    font-weight: 300;
	border-radius:5px;
}

.aside dl {
    margin-bottom: 40px;
}

.aside dl dd{
	margin:0;
	padding:0;
}

.aside dl ul,
.aside dl li{
	list-style:none;
}

.aside dl dd a {
    display: block;
    height: 50px;
    line-height: 50px;
    background: #fff;
    position: relative;
    padding-left: 20px;
    font-size: 14px;
    font-weight: 300;	
}

.aside dl dd a:before {
    content: "";
    position: absolute;
    width: 90%;
    height: 1px;
    left: 5%;
    bottom: 0;
    border-bottom: #52b767 dotted 1px;
}

.aside dl dd a:after {
	content: "\f054 ";
 	 font-family: FontAwesome;
    color:#D8D8D8;
    font-size:12px;
    position: absolute;
    right: 15px;
}   

a {
    color: #52b767;
    text-decoration: none;
    border: none;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

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

.inner{
	width:95%;
	margin:0 auto 2.5em auto;
	overflow:hidden;
	position:relative;
	z-index:0;
	top:0;
}


#main{
	width:100%;
	position:relative;
	overflow:hidden;
	top:0;
}

#sideNav{
	display:none;
}

section{
	width:100%;
}
}

@media screen and (max-width: 767px){
.inner2 {
    width: 95%;
    /*margin: 0 auto 2.5em auto;*/
    overflow: hidden;
    position: relative;
    z-index: 0;
    top: 0;
}
}


/*============================================================================

	＊共通＊

===========================================================================*/

/** レイアウト **/
.section p{
	font-size:1.6em;
}

@media (max-width: 480px) {
.section p{
	font-size:1.5em;
}	
}

.section {
	margin-bottom: 3em;
}

.rect{
	border-radius:6px;
	background:#ffffd9;
	padding:10px;
}

.tstyle{
	border:1px solid #efefef;
	font-size:1.5em;}
	
.tstyle th{
	background:#efefef;
	padding:0.5em 1em;
	border-bottom:1px solid #fff;}
	
.tstyle td{
	background:#fff;
	border:1px solid #efefef;
	padding:0.5em 1em;
}

/** タイトル **/
.heading{
	line-height: 2.6em;
	padding-left:2em;
	letter-spacing:0.1em;
	font-size:1.9em;
   list-style: none;
    background: #fdfdfd;
    color: #02b767;
    font-weight: 500;
    border-top: #52b767 dotted 1px;
    border-bottom: #52b767 dotted 1px;
    margin-bottom: 50px;
}

.titleBar{
	width:100%;
    padding:0.4em 1.5em;
    margin: 2em 0 1.2em 0;
    font-size:1.7em;
    border-left: 5px solid #02b767;
}

.subTitle{
	font-size:1.5em;
margin: 1.5em 0 0.5em 0;
}

.subTitle{
position: relative;
display: inline-block;
padding: 0 0 0 16px;
color: #000;
vertical-align: middle;
text-decoration: none;
}
.subTitle::before,
.subTitle::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}

.arrow::before{
width: 0.8em;
height:0.8em;
-webkit-border-radius: 25%;
border-radius: 25%;
background: #ec6941;
}
.arrow::after{
left: 0.2em;
width:0.2em;
height:0.2em;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

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

.titleBar{
    margin: 1.5em 0 0.6em 0;
}

.heading{
	background:#F1F1F1;
	padding-left:10px;
	margin-top:10px;
margin-bottom: 20px;
}
}

@media screen and (max-width:379px){
	
.heading{
	line-height: 2.2em;
 	margin-bottom: 1.5em;
	letter-spacing:0.1em;
	font-size:1.6em;
	font-weight:800;
	background:#F1F1F1;
	padding-left:10px;
}

.titleBar{
	width:100%;
    padding:0.2em 0.7em;
    margin: 1em 0 0.6em 0;
    font-size:1.5em;
    border-left: 5px solid #ec6941;
}

.subTitle{
	font-size:1.4em;
margin:0.8em 0 0.3em 0;
}
}


/*============================================================================

	＊スタッフ紹介＊

===========================================================================*/

.profile{
	margin:2em auto;
}

.profile img{
	width:45%;
	margin-left: 30px;
}

.profile dt{
	margin-bottom:1em;
	font-weight:bold;
	font-size:1.8em;
	list-style:none;
}

.profile dd{
	font-size:1.2em;
	list-style:none;
	margin:0px;
	padding:0px;
	line-height:1.2em;
	text-align:left;
}

.profile dl{
	/*display:inline-block;*/
	vertical-align:baseline;
	list-style:none;
	font-size: 1.2em;
	line-height:1em;
	padding-left:10px;
}

.profileG{
	margin:4em auto;
}

h4.profile {
 background-color: #fcfcfc;
 background-image: radial-gradient(#eee 10%, transparent 20%), radial-gradient(#eee 10%, transparent 20%);
 background-size: 10px 10px;
 background-position: 0 0, 5px 5px;
  padding: 0.5em;
margin-bottom:20px;
text-align: center;
font-family: "Sawarabi Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-weight: lighter;
	margin-top:5px;
}

.staff_sec {
    width: 100%;
    display: block;
  background-image: linear-gradient(
    -45deg,
    #fff 25%,
    #f7ff7a 25%, #f7ff7a 50%,
    #fff 50%, #fff 75%,
    #f7ff7a 75%, #f7ff7a
  );
  background-size: 9px 9px;	
}

@media screen and (max-width:767px){
.profileG{
	text-align:center;
}

.profileG p{
	margin:1em auto;
	width:80%;
}
		
.profile img {
    margin:20px 0;
}		
}

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

.profile{
	width:95%;
}
	
.profile img{
	width:80%;
	text-align: center;
}

.profile dt{
	margin:1em 0;
	font-weight:bold;
	font-size:1.8em;
	list-style:none;
}

.profile dl{
	width:100%;
	display:block;
	vertical-align:baseline;
	list-style:none;
	margin:1em auto;
	text-align:left;
}

.profile p{
	width:100%;
	margin:1em auto;
	line-height: 1.5em;
}
}


/*----------------------------------------------------
　　　　　　　　　　　ボダン　　　　　　　　　　　　　　　　　　
----------------------------------------------------*/

.square_btn {
    position: relative;
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
	color:#222222;
	background:#efefef;
    transition: .4s;
	font-weight: 400;
	   margin-top: 0.3em;
	border: solid 1px #dcdcdc;
  }
  
@media screen and (max-width: 767px) {	

.square_btn {
    padding: 0.6em 0.5em;
	}
}

#global-nav ul {
    list-style: none;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
    font-family: Catamaran, sans-serif;
    margin-top: 20px;
}

#global-nav ul li {
    float: left;
    padding: 30px 10px 0px;
    font-family: Catamaran, sans-serif;
}

#global-nav ul li a:before {
    display: block;
    content: '';
    position: absolute;
    top: 32px;
    left: -22px;
    background: #FFF100;
    width: 22px;
    height: 2px;
    -webkit-transform: rotate(-70deg);
    -ms-transform: rotate(-70deg);
    transform: rotate(-70deg);
}

.box_footer {
    padding: 0.5em 1em;
    margin: 2em 0;
    background: #FFF;
    border-radius: 10px;
}
.box_footer p {
    margin: 0; 
    padding: 0;
}

.f_number{
	color: #f2a80a;
	font-size: 2.2em;
	padding-left: 10px;
	font-family: 'Midashi Go MB31','Hiragino Sans','sans-serif';
	font-weight: bold; 
}

.f_sp_number{
	color: #f2a80a;
	font-size: 1.5em;
	padding-left: 30px;
	font-family: Midashi Go MB31;
}

table {
    width: 100%;
	border-collapse: collapse;
    border-spacing: 0;
}

.f_schedule table{
	border:1px solid #53b768;
}

.f_schedule td, .f_schedule th {
    font-size: 1em;
    text-align: center;
    vertical-align: middle;
    font-weight: 400;
    /*border: 1px solid #dcdcdc;*/
}

.f_schedule {
    padding: 0 15px;
}

.f_schedule tbody th {
    width: 34%;
    height: 35px;
}

.f_schedule tr {
   border:1px solid #53b768; 
}

.f_schedule td, .f_schedule th {
    font-size: 1em;
    text-align: center;
    vertical-align: middle;
    font-weight: 400;   
}

.f_schedule table thead {
    background-color: #53b768;
}

.f_schedule table thead th{
    color: #fff;
}

@media (min-width: 767px){
.f_schedule {
    padding-top: 0px;
    box-sizing: border-box;
    /*float: right;*/
    width: 100%;
}
	
.f_schedule table thead th {
    height: 39px;
	border: none;
}

.f_schedule table th {
    font-size: 1em;
}

.f_schedule td, .f_schedule th {
    font-size: 1em;
    text-align: center;
    vertical-align: middle;
    font-weight: 400;
	color: #4d3629;
}

.f_schedule table tbody td div {
    padding-left: 9px;
}
}

.f_p{
	text-align:left;	
}

.address p{
	text-align:left;
	font-size:1em;
	padding-left:15px;
	margin-bottom:5px;
}

.non_p{
	padding:0;
}


/*ヘッダー*/
.header-sub-nav {
	list-style: none;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 1024px;
    margin: 0 auto;
}

.header-sub-nav__item {
    font-weight: 500;
    font-size: 1em;
}

.header-sub-nav__item + .header-sub-nav__item {
    margin-left: 20px;
}

.headerNav2 {
    color: #fff;
    text-align: left;
    width: 1024px;
    height: auto;
    margin: 0 auto;
    position: relative;
	margin: -7px auto 0 auto;
	z-index: 5;
}

.centerNav-area{
		float:right;
		width:110px;
		text-align:center;
}

.headline {
    position: relative;
    z-index: 0;
	width: 100%;
}

.half-circle-lo {
	text-align: center;
	}
.half-circle-mod {
	position: relative;
		background: #ffffffc4;
		height: 200px;
		width: 400px;
		behavior: url(/PIE.htc);
	   letter-spacing: 0.1em;
       font-weight: 500;
       font-size: 2.2em;
	   text-align:center;
	   display:inline-block;
	    margin-top: 240px;
	   margin-bottom: -5px;
	    color: #33ad4f;
	font-family: "Sawarabi Gothic","sans-serif"; 
}

.half-circle-mod2 {
	position: relative;
		background: #ffff00;
		height: 200px;
		width: 400px;
		behavior: url(/PIE.htc);
	   letter-spacing: 0.1em;
       font-weight: 500;
       font-size: 2.2em;
	   text-align:center;
	   display:inline-block;
	    margin-top: 240px;
	   margin-bottom: -5px;
	    color: #33ad4f;
	font-family: "Sawarabi Gothic","sans-serif"; 
}

.half-circle-mod:before{display: none;}

.half-circle-lo__half-circle-mod {
		-moz-border-radius: 200px 200px 0 0;
		-webkit-border-radius: 200px 200px 0 0;
		-o-border-radius: 200px 200px 0 0;
		-ms-border-radius: 200px 200px 0 0;
		border-radius: 200px 200px 0 0;
}

.half-circle-tablecell{
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  width: 500px;
    height: 230px;
	padding-top: 9px;
    font-size: 1.3em;
}

.half-circle-tablecell h1{
    font-size: 30px;
    margin: 0;
    letter-spacing: 7px;
	font-weight: 400;
}

.half-circle-tablecell-small{
  text-align: center;
  display: table-cell;
  vertical-align: middle;
display: block;
    font-size: 0.2em;
}


h1.category-title {
  position: relative;
  color: #333;
  display: inline-block;
  margin: 47px 0;
  text-shadow: 0 0 2px white;
}


@media screen and (max-width: 767px){
.half-circle-mod:before {
	display: block;
  content: "";
  position: absolute;
  background: #a9e1ffab;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  top: 35%;
  border: dashed 1px white;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  z-index: -1;
  box-shadow: 0px 0px 0px 5px #a9e1ffab;
}	

.half-circle-mod2:before {
	display: block;
  content: "";
  position: absolute;
  background: #ffff00;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  top: 35%;
  /*border: dashed 1px white;*/
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  z-index: -1;
  /*box-shadow: 0px 0px 0px 5px #ffff00;*/
}	
	
.half-circle-mod,.half-circle-mod2 {
    position: relative;
    background:none;
    height: 200px;
    width: 400px;
    behavior: url(/PIE.htc);
    letter-spacing: 0.1em;
    font-weight: 500;
    font-size: 2.2em;
    text-align: center;
    display: inline-block;
    margin-top: 210px;
    margin-bottom: -5px;
    color: #449fa9;
    font-family: "Sawarabi Gothic","sans-serif";
}

.half-circle-tablecell h1 {
    font-size: 30px;
    letter-spacing: 7px;
    font-weight: 400;
	margin-bottom: 5px;
    margin: -80px auto 5px 8px;
}
}

@media screen and (max-width:576px){
.half-circle-mod:before {
  content: "";
  position: absolute;
  background: #a9e1ffab;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  top: 5%;
  /*border: dashed 1px white;*/
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  z-index: -1;
  box-shadow: 0px 0px 0px 5px #a9e1ffab;
}
	
.half-circle-mod2:before {
  content: "";
  position: absolute;
  background: #ffff00c4;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  top: 5%;
  /*border: dashed 1px white;*/
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  z-index: -1;
  /*box-shadow: 0px 0px 0px 5px #ffff00;*/
}
	
.half-circle-tablecell h1 {
    font-size: 22px;
    letter-spacing: 0px;
    font-weight: 400;
	margin-bottom: 5px;
    margin: -133px auto 5px 7px;
}
}

h1.category-title:before {
  content: "";
  position: absolute;
  background: #a9e1ff;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  top: 50%;
  border: dashed 1px white;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  box-shadow: 0px 0px 0px 5px #a9e1ff;
}

.marker{
  background: linear-gradient(transparent 65%, #ffa500 65%);
	    line-height: 1.5rem;
}

.topicP {
    background-color: #52b767; 
    height: auto;
    margin: 0 auto;
    position: relative;
}

.topic_recruit {
    background-color: #ffffa0; 
    height: auto;
    margin: 0 auto;
    position: relative;
}

.Hnav_wrap{
   float: right;
   height: 60px;
    margin-top: -115px;
	font-size: 1.7em;
	letter-spacing: 1.4px;
}

.nav-item::before {
  content: "/";
  margin-left: .5em;  
  margin-right: .5em;  
}
.nav-item:first-child::before {
  content: none;
}

.nav-item a{
	color:#4d3629;
}

.nav-item a:hover{
	color:#c98e6c;
}

.sp_float{
	float: left;
}

@media screen and (max-width: 480px){
.nav-item{
		 display: none;
}	
}

.h_line{
  padding: .75em 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

/*セカンドページ*/

/*
.tags {
  background: #52b767;
  color: #fff;
  display: inline-block;
  height: 58px;
	width: 80%;
  line-height: 63px;
  padding: 0 0.5em 0 52px;
  position: relative;
  font-family: "Sawarabi Gothic", "A-OTF 新ゴ Pro", "A-OTF Shin Go Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, 
	  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 2em;
}
.tags::before {
    border: 29px solid transparent;
    border-right-width: 29px;
    border-left-color: transparent;
    border-left-color: #52b767;
    border-right-width: 0;
    content: '';
    display: block;
    height: 0;
    position: absolute;
    right: -29px;
    top: 0;
    width: 0;
}
*/


h2.title1 {
  padding:0.8em;
  display: inline-block;
  line-height: 1.2;
  background: #ffff00;
  vertical-align: middle;
  border-radius: 25px 0px 0px 25px;
	width: 95%;
	font-weight: normal;
font-size: 22px;
	font-family: "Sawarabi Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	letter-spacing:0.2em;
}

h2.title1:before {
  content: '●';
  color: white;
  margin-right: 10px;
	font-size:20px;
}

@media screen and (max-width:576px){
h2.title1 {

  padding:0.4em 0.9em;
  display: inline-block;
  line-height: 1.2;
  background: #ffff00;
  vertical-align: middle;
  border-radius: 25px 0px 0px 25px;
	width: 95%;
	font-weight: normal;
font-size: 18px;
	font-family: "Sawarabi Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	letter-spacing:0.2em;
}}

.profileBox {
    padding: 2.5em;
    margin: 3em 0;
    color: #2c2c2f;
    background: #fefbf5;
}

@media (min-width: 481px) {
.hobbyBox {
    padding: 0.5em 1em;
    margin-left: 50px;
    color: #2c2c2f;
    background: #fcf64f;
    text-align: left;
    display: block;
}
}

@media (max-width: 480px) {
.hobbyBox {
    padding: 0.5em 1em;
	width: 90%;
    color: #2c2c2f;
    background: #fcf64f;
	display: inline-block;
  text-align: left;
}
}	

@media (min-width: 481px) {
.hobbyBox2 {
    padding: 0.5em 1em;
    margin-left: 220px;
    margin-right: 0px;
    color: #2c2c2f;
    background: #fcf64f;
    text-align: left;
    display: block;
    height: 25px;
}
}

@media (max-width: 480px) {
.hobbyBox2 {
    padding: 0.5em 1em;
	width: 90%;
    color: #2c2c2f;
    background: #fcf64f;
	display: inline-block;
  text-align: left;
}
}	

@media (min-width: 481px) {
.txt_staff {
    display: inline-block;
    text-align: left;
	margin-left: 50px;
  }
 }

@media (max-width: 480px) {
.txt_staff {
    display: inline-block;
    text-align: left;
	margin-left: 10px;
  }
}	


@media (max-width: 480px) {
.txt_staff2 {
    display: inline-block;
    text-align: left;
  }
}	

@media (min-width: 481px) {
.txt_staff2 {
    display: inline-block;
    text-align: left;
	margin-left: -50px;
    width: 290px;
  }
 }

.ttl {
    color: #4d3629;
    font-family: "Sawarabi Gothic", "A-OTF 新ゴ Pro", "A-OTF Shin Go Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1.5em;
    line-height: 1.7;
}

h3.description{
	font-family: "Sawarabi Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.8em;
background-color: #ECECEC;
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, #F9F9F9), color-stop(.5, transparent), to(transparent));
-webkit-background-size: 5px;
     padding: 0.8em 0.8em 0.8em 1.2em;
	margin:3em 0 1.5em 0;
	line-height: 1.2;
}

h3.description2{
	font-family: "Sawarabi Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.8em;
	 background: #fbfbfb;
     padding: 0.8em 0.8em 0.8em 1.2em;
	margin-top:0em;
	line-height: 1.2;
}


h3.description3{
	font-family: "Sawarabi Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.8em;
	 background: #33ad4f;
     padding: 0.8em 0.8em 0.8em 1.2em;
	
	line-height: 1.2;
	color:#fff;
	
}

h4.description{
	font-family: "Sawarabi Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.8em;
  text-align: left;
  padding: 0.25em;
  border-top: solid 2px #febd3f;
  border-bottom: solid 2px #febd3f;
  background: -webkit-repeating-linear-gradient(-45deg, #fff9ef, #fff9ef 3px,#fff282 3px, #fff282 7px);
  background: repeating-linear-gradient(-45deg, #fff9ef, #fff9ef 3px,#fff282 3px, #fff282 7px);
}

h4.description_expense{
	font-family: "Sawarabi Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.8em;
  text-align: left;
  padding: 0.25em;
  border-bottom: solid 2px #febd3f;
}

.card_ttl {
  padding: .5em .75em;
  background-color: #fdfde2;
  border-radius: 6px;
}

/*説明部分*/
.nano{
	margin:  1.5em 1em;    
}

.nano img{
	width:90%;
}

.nano dt{
	margin-bottom:1em;
	font-weight:bold;
	font-size:1.7em;
	list-style:none;
	line-height: 0.7em;
}

.nano dd{
	font-size:1.6em;
	list-style:none;
	line-height:1.5em;
	text-align:left;
	margin-left: 0;
}

.nano dl{
	display:inline-block;
	vertical-align:baseline;
	list-style:none;
    line-height: 1em;
    padding: 0px;
	float: right;
}

.nanoG{
	margin:4em auto;
}

@media screen and (max-width:767px){
.nanoG{
	text-align:center;
}

.nanoG p{
	margin:1em auto;
	width:80%;
}
}

@media screen and (max-width:599px){
.nano{
	width:100%;
	text-align:center;
	height: 470px;
	margin: auto;
}
	
.nano img{
	width:100%;
}

.nano dt{
	margin:1em 0;
	font-weight:bold;
	font-size:1.8em;
	list-style:none;
	text-align:center;
	line-height: 1.3;
}

.nano dd{
	font-size:1.4em;
	list-style:none;
    text-align: center;
    padding-left: 10px;
}

.nano dl{
	width:100%;
	display:block;
	vertical-align:baseline;
	list-style:none;
	margin:1em auto;
	text-align:left;
}

.nano p{
	width:100%;
	margin:1em auto;
}
}

.nano2{
	margin:  1.5em 1em;    
}

.nano2 img{
	width:95%;
	text-align: center;
}

.nano2 dt{
	margin-bottom:1em;
	font-weight:bold;
	font-size:1.7em;
	list-style:none;
	line-height: 0.8em;
}

.nano2 dd{
	font-size:1.6em;
	list-style:none;
	line-height:1.5em;
	text-align:left;
	margin-left: 0;
}

.nano2 dl{
	display:inline-block;
	vertical-align:baseline;
	list-style:none;
	margin-right: -20px;
    line-height: 1em;
    padding: 0px;
	float: right;
}

.nano2G{
	margin:4em auto;
}

@media screen and (max-width:767px){
.nano2G{
	text-align:center;
}

.nano2G p{
	margin:1em auto;
	width:80%;
}
}

@media screen and (max-width:599px){
.nano2{
	width:100%;
	text-align:center;
	height: 470px;
}
	
.nano2 img{
	width:100%;
}

.nano2 dt{
	margin:1em 0;
	font-weight:bold;
	font-size:1.8em;
	list-style:none;
	text-align:center;
}

.nano2 dd{
	font-size:1.4em;
	list-style:none;
    text-align: center;
    padding-left: 10px;
}

.nano2 dl{
	width:100%;
	display:block;
	vertical-align:baseline;
	list-style:none;
	margin:1em auto;
	text-align:left;
}

.nano2 p{
	width:100%;
	margin:1em auto;
}
}


@media screen and (max-width: 480px){
.nano2 {
   margin:0 auto;
}
}

/*.description_box{
  border: 2px solid #ffffd0;
}*/

h3.descriptionBox{
	font-size: 1.6em;
}
.description_box p{
 font-size: 1.6em;
	padding: 10px;
}

.description_box{
 border: 1px solid #ffffd0;	
 border-radius: 5px;
 padding: 10px;	
 position: relative;
}
.description_box:before{
 background-color: rgba(255,255,255,0.7); 
 border-radius: 5px;
 content: '';
 display: block;
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 margin: 5px;
 z-index: -1;
}
.description_box:after{
 background: repeating-linear-gradient(-45deg, #ffffd0, #ffffd0 5px, #fff2b5 0, #fff2b5 10px); /* ストライプの色 */
 content: '';
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 z-index: -2;
}

.mlist-style {
    width: 95%;
    line-height: 1.7em;
    margin: 0 auto;
    border: 10px solid #f18195;
    border-radius: 20px;
    border-bottom: 30px solid #f18195;
	margin-top: 5em;
}

.mlist-style2 {
    width: 95%;
    line-height: 1.7em;
    margin: 0 auto;
    border: 10px solid #f18195;
    border-radius: 20px;
    border-bottom: 30px solid #f18195;
	margin-top: 2.5em;
}

.mlist-style2 {
    width: 95%;
    line-height: 1.7em;
    margin: 0 auto;
    border: 10px solid #f18195;
    border-radius: 20px;
    border-bottom: 30px solid #f18195;
	margin-top: 3.8em;
}

.mlist-style dt {
    padding: 2px;
    border-radius: 9px 9px 0 0;
}

.title-sec {
    background: #f18195;
    letter-spacing: 0.2em;
}
.mlist-style dd {
    font-size: 1.7em;
    padding: 0.7em;
    border-bottom: 1px #B09091 dotted;
    margin: 0;
	background-color: #fff6fb;
}

.mlist-style dd span{
    text-align: right;
}

.mlist-style2 dt {
    padding: 2px;
    border-radius: 9px 9px 0 0;
}

.title-sec {
    background: #f18195;
    letter-spacing: 0.2em;
}
.mlist-style2 dd {
    font-size: 1.7em;
    padding: 0.7em;
    border-bottom: 1px #B09091 dotted;
    margin: 0;
    background-color: #fff6fb;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #FFEFEF), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #FFEFEF),color-stop(.75, #FFEFEF), color-stop(.75, transparent),to(transparent));
-webkit-background-size: 14px 14px;
	line-height: 1.5;
}

.mlist-style2 dd span{
    text-align: right;
}

@media screen and (max-width: 767px){
.title-sec {
    background: #f18195;
    line-height: 2.8em;
    letter-spacing: 0.2em;
}

.mlist-style dd {
    font-size: 1.6em;
    line-height: 1.3em;
    padding: 0.6em 0.8em;
    border-bottom: 1px #B09091 dotted;
    margin: 0;
}
.mlist-style {
    width: 95%;
    line-height: 1.7em;
    margin: 0 auto;
    border: 10px solid #f18195;
    border-radius: 20px;
    border-bottom: 30px solid #f18195;
}
	
.mlist-style2 dd {
    font-size: 1.6em;
    line-height: 1.3em;
    padding: 0.6em 0.8em;
    border-bottom: 1px #B09091 dotted;
    margin: 0;
}
.mlist-style2 {
    width: 95%;
    line-height: 1.7em;
    margin: 0 auto;
    border: 10px solid #f18195;
    border-radius: 20px;
    border-bottom: 30px solid #f18195;
}	
}

.margin_t1em {
    margin: 1em auto;
}

/*虫歯ページ*/
.decayBox {
    margin: 3em 0;
    color: #2c2c2f;
    background: #fefbf5;
}

/*訪問診療*/

@media (max-width: 480px) {
.visit_span{
	line-height: 1;
}	
}

/*問診票*/
.sheet-download {
     padding: 0.8em 1em ;
    margin: 2em 0;
    background: #FFF;
    border: solid 2px #52b767;
    border-radius: 8px;
	width: 30%;
    text-align: center;
}

.sheet-download:hover {
   background-color: #f8f8f8;
	-webkit-transition: all .5s ease;
}

/*アクセスページ*/
h3.access{
	font-family: "Sawarabi Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.8em;
	 background: #fbfbfb;
     padding: 0.8em 0.8em 0.8em 1.2em;
	line-height: 1.2;
	margin-bottom: 1.8em;
}

.access_margin{
	margin:2em auto;
}

.access_01 {
    border-collapse: collapse;
    border-top: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
	font-size: 1.6em;
}

.access_01 tr {
    text-align: left;
    border-bottom: 1px solid #d2d2d2;
}

.access_01 th {
    padding: 17px 20px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    position: relative;
}

.access_01 td {
    padding: 17px 20px;
}

.access_01 th:after {
    content: "";
    width: 1px;
    background: #d2d2d2;
    position: absolute;
    right: 0;
    top: 14px;
    bottom: 14px;
}

/*虫歯治療*/
.pageSubTil {
    margin-bottom: 30px;
    border-bottom: 1px solid #474747;
    border-left: 2px solid #02b767;
}

.pageSubTil h3 {
	font-family: "Sawarabi Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.8em;
     padding: 1em 0.8em 0em 1.2em;
	line-height: 1.2;
}

.doc_box {
 border: 5px solid #feeef7;	
 padding: 0.7em;
 position: relative;
 z-index: 0;
    margin-top: 5em;
}
.doc_box:before {
 border-top: 5px solid #f18195;	
 border-left: 5px solid #f18195;	
 content: '';
 display: block;
 position: absolute;
 top: -5px;
 left: -5px;
 width: 20px;
 height: 20px;
 z-index: 1;
}

.doc_box p{
	padding: 0.7em;
	margin-bottom:0;
}

.under_solid_brown {
  border-bottom: solid 1px #55340a;
	font-weight: bold;
	margin-bottom: 0.5em;
}

.num {
    font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'メイリオ', Meiryo, serif;
    font-weight: bold;
    font-size: 30px;
  
    line-height: 1.2;
    font-style: italic;
    /* letter-spacing: -0.05em; */
    margin-right: 15px;
    float: left;
}

.num:after {
    content: "";
    width: 40px;
    height: 3px;
    background-color: #F38C90;
    display: block;
    margin-top: 1px;
}

.num2 {
    font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'メイリオ', Meiryo, serif;
    font-weight: bold;
    font-size: 20px;
    color: #f2a80a;
    line-height: 1.2;
    font-style: italic;
    /* letter-spacing: -0.05em; */
    margin-right: 15px;
    float: left;	
}

.num2:after {
    content: "";
    width: 40px;
    height: 3px;
    display: block;
    margin-top: 1px;
}

.ttl01{
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: 0.12em;
    padding-top: 5px;
    margin-bottom: 10px;
    margin-top: 5px;
}

.ttl01 .title {
    font-size: 18px;
    line-height: 1.4;
    font-family:  "Sawarabi Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    letter-spacing: 0.12em;
    padding-top: 5px;
	
	font-weight: normal;
}

.ttl02{
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: 0.12em;
    padding-top: 5px;
    margin-bottom: 10px;
    margin-top: 5px;
	border-bottom: dotted 1px #33ad4f;
	padding-bottom: 2px;
}

.ttl02 .title {
    font-size: 18px;
    line-height: 1.4;
    font-family:  "Sawarabi Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    letter-spacing: 0.12em;
    padding-top: 5px;
	color: #52b767;
	font-weight: normal;
}

.ttl05{
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: 0.12em;
    padding-top: 5px;
    margin-bottom: 10px;
    margin-top: 5px;
}

.ttl05 .title {
    font-size: 30px;
    line-height: 1.4;
    font-family:  "Sawarabi Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    letter-spacing: 0.12em;
    padding-top: 5px;
	
	font-weight: normal;
}

.first{
	font-family: 'UD デジタル 教科書体 NK-R',"Sawarabi Gothic", "A-OTF 新ゴ Pro",A-OTF Shin Go Pro,"ヒラギノ角ゴ Pro W3", 
		"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック";	
	font-size:2em;	
}

h4.ttl03 {
    line-height: 1.4;
    font-family:  "Sawarabi Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    letter-spacing: 0.12em;
    padding-top: 0px;
	font-weight: normal;
}

.ttl04{
	padding: .5em .75em;
  background-color: #fefeda;
	font-size: 18px;
    line-height: 1.4;
}

/**料金表**/

.row-head {
  border-collapse: collapse;
  vertical-align: middle;
  width: 100%;
}
 
.row-head th,
.row-head td {
  border: 1px solid #e5e9ee;  
  padding: 8px;
}
 
.row-head th {
  background: #f9f9f9;
}
 
.row-head label {
  line-height: 34px;
  margin: 0;
}
 
@media only screen and (max-width: 800px) {
  .row-head thead {
    display: none;
}
  
.row-head tr,
.row-head td {
    display: block;
    width: auto;
}
  
.row-head tr {
    border: 1px solid #dbe1e8;
    border-radius: 5px;
    box-shadow: 3px 3px rgba(0, 0, 0, .1);
    margin-bottom: 20px;
    padding: 8px 8px 0;
}
  
.row-head td {
    border: none;
    border-bottom: 1px solid #dbe1e8;
    display: flex;
    justify-content: space-between;
    text-align: right;
}
  .row-head td:last-child {
    border-bottom: none;
  }
  .row-head td::before {
    content: attr(aria-label);
    display: inline-block;
    font-weight: bold;
    float: left;
    text-align: left;
    padding-right: 20px;
    white-space: nowrap;
  }
  
  .row-head td.bt-area::before {
    display: none;
  }
  .row-head td.bt-area a {
    background: #007aff;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    flex: 1;
    height: 40px;
    margin: 0 2px;
    overflow: hidden;
    width: auto;
  }
  .row-head td.bt-area a::before {
    align-items: center;
    content: attr(aria-label);
    display: flex;
    font-size: 14px;
    height: 100%;
    justify-content: center;
    line-height: 40px;
    width: 100%;
  }
  
  .row-head.header-check tr {
    padding-left: 40px;
    position: relative;
  }
  .row-head.header-check td:first-child {
    align-items: center;
    background: #fff;
    border-right: 1px solid #dbe1e8;
    border-bottom: none;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 40px;
  }
  .row-head.header-check td:first-child::before {
    display: none;
  }
}

.balloon {
  position: relative;
  display: inline-block;
  padding: 0.8em 0.8em 0.8em 1.2em;
  min-width: 120px;
  max-width: 100%; 
  background: #d8f9e3;
	border-radius: 10px;
}

.balloon:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #d8f9e3;
}

.meritBox {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #6091d3;
    background: #FFF;
    border: solid 3px #6091d3;
    border-radius: 10px;
}

/*ホワイトニングページ*/
h3.whitening {
  background: #fffeda;
  padding: 0.5em 1.8em;
	color:#52b767;
	font-family: 'UD デジタル 教科書体 NK-R',"Sawarabi Gothic", "A-OTF 新ゴ Pro",A-OTF Shin Go Pro,"ヒラギノ角ゴ Pro W3", 
		"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック";
	font-size:2em;
	width: 432px;	
}

h3.whitening_arrow{
background: url("../images/arrow_tag.png") no-repeat;
  padding: 0.9em 1.2em;
	color:#fff;
	height: auto;
	font-size:1.8em;	
}

.office_whitening ol li.odd span.maru {
  color: #fff;
  background-color:#52b767;
  padding: 0;
  margin-bottom: 20px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
}

.office_whitening ol {
	padding: 0;
}

.office_whitening ol li {
    /*padding: 0 0 40px;*/
    background-position: 440px bottom;
    background-repeat: no-repeat;  
}

.office_whitening ol li div {
}

.office_whitening ol li.odd span {
    /*margin: 20px;*/
}

.office_whitening ol li span.number {
    width: 200px;
    height: 200px;
    display: block;
}

.office_whitening ol li.odd p.title {
    width: 90%;
    overflow: hidden;
	background-color: #FFFFFF;
}

.office_whitening ol li p.title {
    border-radius: 10px;
    font-size: 16px;
    padding: 20px;
}

.office_whitening ol li.odd p.title em {
    color: #66CC99;
    margin-bottom: 10px;
}

.office_whitening ol li.odd div.title em {
    color: #66CC99;
    margin-bottom: 10px;
}

.office_whitening ol li p.title em {
    font-size: 1.2em;
    font-family:  "Sawarabi Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-style: normal;
    text-align: left;
    display: block;
    line-height: 1.4;
}

.office_whitening ol li p.title span {
    width: 320px;
}

.office_whitening ol li span.number {
    width: 200px;
    height: 200px;
    display: block;
}

.number_icon {
  display:inline-block;
  vertical-align: middle;
}

.boxFee p {
    padding: 35px ;
	display: inline-block;
  text-align: center;
}

.media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
	padding: 1.5em;
}

@media screen and (max-width: 767px){
#header {
    height: 320px;
}}

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

#header {
	height: 320px;
}
}

@media (min-width: 992px){
.pl-lg-4, .px-lg-4 {
    padding-left: 1.5rem!important;
}}
.pl-2, .px-2 {
    padding-left: .5rem!important;
}
.media-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.rounded {
    border-radius: .5rem!important;
}
.bg-brown {
    background: #885031;
}
.text-white {
    color: #fff!important;
}
.pl-3, .px-3 {
    padding-left: 1rem!important;
}
.pr-3, .px-3 {
    padding-right: 1rem!important;
}
.pb-2, .py-2 {
    padding-bottom: .5rem!important;
}
.pt-2, .py-2 {
    padding-top: .5rem!important;
}
.rounded {
    border-radius: .25rem!important;
}

.f-1 {
    font-size: 1.2rem;
    line-height: 1.5rem;
}
.bg-info {
    background: #70d1c3!important;
}
.text-white {
    color: #fff!important;
}
.rounded-circle {
    border-radius: 50%!important;
}
.bg-info {
    background-color: #66CC99!important;
}

.text-brown {
    color: #885031;
}
.mb-2, .my-2 {
    margin-bottom: .5rem!important;
}
.mt-2, .my-2 {
    margin-top: .1rem!important;
}

h4 {
    font-size: 17px;
    color: #555;
    font-weight: 400;
}

.f-1s {
    font-size: 0.9rem;
	margin-bottom: 0;
	margin-top: -7px;
}
.text-dark {
    color: #666!important;
}
.text-dark {
    color: #343a40!important;
}
.m-auto {
    margin: auto!important;
}
.pl-3, .px-3 {
    padding-left: 1rem!important;
}
.pb-2, .py-2 {
    padding-bottom: .5rem!important;
}
.pt-2, .py-2 {
    padding-top: .5rem!important;
}

hr.style-gray {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}


@media (max-width: 480px) {
.boxFee_wrap{
display: flex;
margin-top: -35px; 
}

.boxFee_wrap2{
display: flex;
	margin-top: -20px;
}
.boxFee p {
    padding: 10px;
    display: inline-block;
    text-align: center;
}
.boxFee {
   display: inline-block;
　　　　　　vertical-align: middle;
    margin: 3em 0;
    font-weight: bold;
    color: #fff;
    background: #f8934f;
    border-radius: 10px;
	width: auto;
height: 40px;
	text-align: center;
}
 
.boxFee_right{
  display: inline-block;
　　　　vertical-align: middle;
  width:80%;
  height:130px;
margin: 3.5em 2em;
	 color: #444444;
  text-align: center;
  padding: 0.25em;
  border-top: solid 2px #dcdddd;
  border-bottom: solid 2px #dcdddd;
}
	
.boxFee_right2{
  display: inline-block;
　　　　vertical-align: middle;
  width:80%;
  height:90px;
margin: 3.5em 2em;
	 color: #444444;
  text-align: center;
  padding: 0.25em;
  border-top: solid 2px #dcdddd;
  border-bottom: solid 2px #dcdddd;
}

h3.whitening {
  background: #fffeda;
  padding: 0.5em;
	color:#52b767;
	font-family: 'UD デジタル 教科書体 NK-R',"Sawarabi Gothic", "A-OTF 新ゴ Pro",A-OTF Shin Go Pro,"ヒラギノ角ゴ Pro W3", 
		"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック";
	font-size:2em;
	width: auto;	
}
}

@media screen and (min-width:481px)and ( max-width:767px) {
.mtm40{
	margin-top:-30px;	
	}	
	
#listBody h2 {
    padding: 12px;
    font-size: 24px;
	text-align: center;
    border-radius: 5px;
    background: #fffeda;
    z-index: 2;
    top: -10px;
	color: #4d3629;
    font-family: 'UD デジタル 教科書体 NK-R',"Sawarabi Gothic", "A-OTF 新ゴ Pro",A-OTF Shin Go Pro,"ヒラギノ角ゴ Pro W3", 
 "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック";
}
.boxFee_wrap{
display: flex;
margin-top: -20px;	
	width: 96%;
}

.boxFee_wrap2{
display: flex;
	width: 96%;
}
	
.boxFee {
   display: inline-block;
　　　　　　vertical-align: middle;
  padding: 0.5em 1em;
    margin: 3em 0;
    font-weight: bold;
    color: #fff;
    background: #f8934f;
    border-radius: 10px;
width: auto;
height: 40px;
	text-align: center;
	
}
 
.boxFee_right,.boxFee_right2{
  display: inline-block;
　　　　vertical-align: middle;
  width:80%;
  height:90px;
margin: 3.5em 2em;
	 color: #444444;
  text-align: center;
  padding: 0.25em;
  border-top: solid 2px #dcdddd;
  border-bottom: solid 2px #dcdddd;
}
	
.boxFee p {
    padding: 10px;
    display: inline-block;
    text-align: center;
}
.mt20_sponly {
    margin-top: 20px;
}
}

@media screen and (min-width:768px) and ( max-width:1024px) {
.mtm40{
	margin-top:-20px;	
	}

#listBody h2 {
    padding: 12px;
    font-size: 24px;
	text-align: center;
    border-radius: 5px;
    background: #fffeda;
    z-index: 2;   
	color: #4d3629;
    font-family: 'UD デジタル 教科書体 NK-R',"Sawarabi Gothic", "A-OTF 新ゴ Pro",A-OTF Shin Go Pro,"ヒラギノ角ゴ Pro W3", 
 "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック";
}
.office_whitening ol li.odd div.title {
    width: 95%;
    overflow: hidden;
	background-color: #FFFFFF;
	border-radius: 20px;
}

.boxFee_wrap{
display: flex;
margin-top: -20px;	
}

.boxFee_wrap2{
display: flex;
}
	
.boxFee {
   display: inline-block;
　　　　　　vertical-align: middle;
  padding: 0.5em 1em;
    margin: 3em 0;
    font-weight: bold;
    color: #fff;
    background: #f8934f;
    border-radius: 10px;
	width: 20%;
height: 100px;
	text-align: center;
}
 
.boxFee_right,.boxFee_right2{
  display: inline-block;
　　　　vertical-align: middle;
  width:80%;
  height:90px;
margin: 3.5em 2em;
	 color: #444444;
  text-align: center;
  padding: 0.25em;
  border-top: solid 2px #dcdddd;
  border-bottom: solid 2px #dcdddd;
}	
}

@media screen and (min-width:1024px) {
#listBody h2 {
    padding: 12px;
    font-size: 24px;
	text-align: center;
    border-radius: 5px;
    width: 350px;
    background: #fffeda;
    position: absolute;
    z-index: 2;
    top: -45px;
    left: 25%;
    right: 20%;
	color: #4d3629;
    font-family: 'UD デジタル 教科書体 NK-R',"Sawarabi Gothic", "A-OTF 新ゴ Pro",A-OTF Shin Go Pro,"ヒラギノ角ゴ Pro W3", 
 "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック";
}
.office_whitening ol li.odd div.title {
    width: 95%;
    overflow: hidden;
	background-color: #FFFFFF;
	border-radius: 20px;
}
.boxFee_wrap{
display: flex;
margin-top: 550px;	
}

.boxFee_wrap2{
display: flex;
	margin-top: -2em;
}
	
.boxFee {
   display: inline-block;
　　　　　　vertical-align: middle;
  padding: 0.5em 1em;
    margin: 3em 0;
    font-weight: bold;
    color: #fff;
    background: #f8934f;
    border-radius: 10px;
	width: 20%;
height: 100px;
	text-align: center;
}
 
.boxFee_right,.boxFee_right2{
  display: inline-block;
　vertical-align: middle;
  width:80%;
  height:90px;
  margin: 3.5em 2em;
  color: #444444;
  text-align: center;
  padding: 0.25em;
  border-top: solid 2px #dcdddd;
  border-bottom: solid 2px #dcdddd;
}	
}

@media screen and (max-width: 480px){
#listBody h2{
	padding: 12px;
    border-radius: 5px;
	width: 80%px;
	background: #fffeda;
	text-align: center;
    color: #4d3629;
    font-family: 'UD デジタル 教科書体 NK-R',"Sawarabi Gothic", "A-OTF 新ゴ Pro",A-OTF Shin Go Pro,"ヒラギノ角ゴ Pro W3", 
 "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック";
	font-size:22px;
}
}

@media screen and (min-width: 991px){
#listBody {
    position: absolute;
    z-index: 0;
    width: 1000px;
	margin-top: 3em;
}
.office_whitening ol li.odd div.title {
    width: 95%;
    overflow: hidden;
	background-color: #FFFFFF;
	border-radius: 20px;
}		
}

@media (min-width: 481px) {
.office_whitening ol li.odd div.title {
    width: 95%;
    overflow: hidden;
	background-color: #FFFFFF;
	border-radius: 20px;
	margin-left: 16px;
}
}

@media (max-width: 480px) {
.office_whitening ol li.odd div.title {
    width: 95%;
    overflow: hidden;
	background-color: #FFFFFF;
	border-radius: 20px;
	margin-left: 0.8em;	
}
	
.mtm40{
	margin-top:-40px;	
	}	
	
.mt20_sponly{
	margin-top:20px;	
}		
}

#listBody {
    width: 100%;
    display: block;
  background-image: linear-gradient(
    -45deg,
    #fff7e7 25%,
    #fffede 25%, #fffede 50%,
    #fff7e7 50%, #fff7e7 75%,
    #fffede 75%, #fffede
  );
  background-size: 9px 9px;
	padding-bottom: 1em;
}
.bg-lgreen {
    background-color: #edece1;
}

.pb-1, .py-1 {
    padding-bottom: .25rem!important;
}

@media screen and (min-width: 991px){
#listBody h3 {
    font-size: 25px;
    border-bottom: 3px solid #3F1F06;
    width: 50%;
    text-align: center;
    font-weight: bold;
    margin: 0 auto;
}
	
#topList {
    position: relative;
    min-height: 450px;
	margin-top: 6.5em;
}	
}

#topList {
    position: relative;
    min-height: 450px;
	margin-top: 2em;
}

#listBody h3 {
    font-size: 18px;
    border-bottom: 3px solid #3F1F06;
    width: 80%;
    text-align: center;
    font-weight: bold;
    margin: 0 auto;
}

/*小児歯科*/
.boxChild01 {
    position: relative;
    margin: 2.5em 0;
    padding: 0.5em 1em;
    border: solid 4px #8fd5dc;
    border-radius: 8px;
	background-color: #2cc2d0;
}

.boxChild01 p {
    color:#fff;
	padding:10px;
	margin:0;
	text-shadow:1px 1px 0 #1b9aa6, -1px -1px 0 #1b9aa6,
              -1px 1px 0 #1b9aa6, 1px -1px 0 #1b9aa6,
              0px 1px 0 #1b9aa6,  0-1px 0 #1b9aa6,
              -1px 0 0 #1b9aa6, 1px 0 0 #1b9aa6;
}

.boxChild02 {
    position: relative;
    margin: 5em 0;
    padding: 0.5em 1em;
    border: solid 4px #54ae41;
    border-radius: 8px;
	background-color: #ffe99d;
}

.boxChild02 .inner {
    margin-top: -60px;
    width: 460px;
}

.boxChild02 .inner_ttl p{
     color:#099c2b;
	padding:10px;
	margin:0;
	text-shadow:1px 1px 0 #fff, -1px -1px 0 #fff,
              -1px 1px 0 #fff, 1px -1px 0 #fff,
              0px 1px 0 #fff,  0-1px 0 #fff,
              -1px 0 0 #fff, 1px 0 0 #fff;
	 font-size: 18px;
}

.boxChild02 p {
    color:#2c0905;
	padding:10px;
	margin:0;
	font-size: 1.6em;
}

.boxChild03 .inner_ttl span{
	font-size:smaller;
	color:#5c3118;
}

.boxChild02 .inner_ttl p{
     color:#099c2b;
	padding:7px;
	margin:0;
	text-shadow:1px 1px 0 #fff, -1px -1px 0 #fff,
              -1px 1px 0 #fff, 1px -1px 0 #fff,
              0px 1px 0 #fff,  0-1px 0 #fff,
              -1px 0 0 #fff, 1px 0 0 #fff;
	font-size: 22px;
	text-align: center;
}

h4.child_ttl2 {
　　vertical-align: middle;
    margin: 1.5em 0;
	padding:10px;
    color: #fff;
    background: #36b270;
    border-radius: 10px;
	width: auto;
	text-align: center;
	font-family: "M PLUS Rounded 1c","ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	 font-weight: 900;
}

@media (min-width: 1024px) {
	
.child_top_sec{
	margin-top:10em;	
}	

.child_second_sec{
	margin-top:13em;	
}	
	
.child_third_sec{
	position: relative;	
}	
	
.child_third_sec img{
	    position: absolute;
    bottom: -4px;
    right: 0px;
    width: auto;
}	
	
.boxChild01 img{
    pmargin-top: -20px;
    margin-left: 10px;
	float: right;
 width: 20%;
}	
	
.boxChild02 .doc {
    position: absolute;
    bottom: -4px;
    right: 15px;
	width: auto;
}

.boxChild02 .inner_ttl{
    background: url("../images/child_ttl.jpg");
	margin-top: -30px;
	margin-left: 10px;
    width: 400px;
}	
	
.boxChild02 .gatya {
    position: absolute;
	top: 150px;
    right: 50px;
}
	
.robert_img {
  width: auto;
}	

.boxChild03{
    position: relative;
    margin: 5em 0;
    padding: 3em 3em;
    border-radius: 8px;
	background-color: #fff8ea;
}	
	
.boxChild03 .inner_ttl{
    background-color: #ffff00;
	margin-top: -30px;
	margin-left:230px;
	border-radius: 10px;
    width: 420px;
	padding:10px 15px;
}

.boxChild03 .inner_ttl p{
     color:#ef18b0;
	text-align: center;
	padding:2px 3px;
	margin:0;
	font-size: 28px;
	font-family: "M PLUS Rounded 1c","ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	 font-weight: 900;
}
	
h3.Child_ttl {
     color:#099c2b;
	text-shadow:1px 1px 0 #fff, -1px -1px 0 #fff,
              -1px 1px 0 #fff, 1px -1px 0 #fff,
              0px 1px 0 #fff,  0-1px 0 #fff,
              -1px 0 0 #fff, 1px 0 0 #fff;
	margin-bottom: 0.2em;
	font-size: 40px;
}	
}

@media screen and (min-width:768px) and ( max-width:1024px) {
.child_top_sec{
	margin-top:10em;	
}	
	
.child_second_sec{
	margin-top:13em;	
}		

.child_third_sec{
	position: relative;	
}	
		
.child_third_sec img{
	    position: absolute;
    bottom: -4px;
    right: 15px;
    width: auto;
}
	
.boxChild01 img{
    pmargin-top: -20px;
    margin-left: 10px;
	float: right;
 width: 20%;
}	
	
.boxChild02 .doc {
	position: absolute;
    bottom: -4px;
    right: 15px;
	width: auto;
}
	
.boxChild02 .gatya {
    position: absolute;
	top: 150px;
    right: 50px;
}	

.robert_img {
  width: auto;
}
.boxChild02 .inner_ttl{
    background: url("../images/child_ttl.jpg");
	margin-top: -20px;
	margin-left: 10px;
    width: 400px;
}
	
.boxChild03{
    position: relative;
    margin: 5em 0;
    padding: 3em 3em;
    border-radius: 8px;
	background-color: #fff8ea;
}	
	
.boxChild03 .inner_ttl{
    background-color: #ffff00;
	margin-top: -30px;
	margin-left:240px;
	border-radius: 10px;
    width: 400px;
	padding:10px 15px;
}

.boxChild03 .inner_ttl p{
     color:#ef18b0;
	padding:2px 3px;
	text-align: center;
	margin:0;
	font-size: 22px;
	font-family: "M PLUS Rounded 1c","ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: 900; 
}
	
h3.Child_ttl {
     color:#099c2b;
	text-shadow:1px 1px 0 #fff, -1px -1px 0 #fff,
              -1px 1px 0 #fff, 1px -1px 0 #fff,
              0px 1px 0 #fff,  0-1px 0 #fff,
              -1px 0 0 #fff, 1px 0 0 #fff;
	margin-bottom: 0.2em;
	font-size: 40px;
}	
}

@media screen and (min-width:481px) and ( max-width:767px) {
	
.child_top_sec{
	margin-top:7em;	
}	

.child_second_sec{
	margin-top:8em;	
}
	
.child_third_sec{
		position: relative;
}	
		
.child_third_sec img{
	    position: absolute;
    bottom: -1px;
    right: 15px;
    width: 28%;
}
	
.boxChild01 img{
    pmargin-top: -20px;
    margin-left: 10px;
	float: right;
 width: 20%;
}	
	
.boxChild02 .doc {
float: right;
 width: auto;
	margin-top: -170px;
}
	
.boxChild02 .gatya {
	bottom: 100px;
	margin-left:35%;
	width: auto;
}

.boxChild02 .inner_ttl{
    background: url("../images/child_ttl.jpg");
	margin-top: -20px;
	margin-left: 10px;
    width: 300px;
}	

.robert_img {
 width: auto;
	margin-left:30%;
}	
	
.boxChild03{
    position: relative;
    margin: 5em 0;
    padding: 3em 3em;
    border-radius: 8px;
	background-color: #fff8ea;
}	
	
.boxChild03 .inner_ttl{
    background-color: #ffff00;
	margin-top: -30px;
	margin-left:43%;
	border-radius: 10px;
    width: 50%;
	padding:10px 15px;
}
	
.boxChild03 .inner_ttl p{
     color:#ef18b0;
	text-align: center;
	padding:2px 3px;
	margin:0;
	font-size: 18px;
	font-family: "M PLUS Rounded 1c","ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: 900; 
}
	
h3.Child_ttl {
     color:#099c2b;
	text-shadow:1px 1px 0 #fff, -1px -1px 0 #fff,
              -1px 1px 0 #fff, 1px -1px 0 #fff,
              0px 1px 0 #fff,  0-1px 0 #fff,
              -1px 0 0 #fff, 1px 0 0 #fff;
	margin-bottom: 0.2em;
	font-size: 30px;
}	
}

@media (max-width: 480px) {	
.child_top_sec{
	margin-top:3em;	
}		

.child_second_sec{
	margin-top:3em;	
}		
	
.child_third_sec{
		position: relative;
	padding-left: 10px;
}	
		
.child_third_sec img{
	 position: absolute;
    bottom: 40px;
    right: 1px;
    width: 30%;
}
	
.boxChild01 img{
    margin-left: 10px;
	padding-bottom: 10px;
	float: right;
 width: 30%;
}	
	
.boxChild02 .doc {
float: right;
    /* top: -200px; */
    margin-top: -150px;
}
	
.boxChild02 .gatya {
    margin-left: 12%;
	padding-bottom: 20px;
	width: auto;
}
	
.robert_img {
 width: auto;
	margin-left:13%;
}	
.boxChild02 .inner_ttl{
    background: url("../images/child_ttl.jpg");
	margin-top: -20px;
    width: auto;
}	

.boxChild03{
    position: relative;
    margin: 5em 0;
    padding: 20px;
    border-radius: 8px;
	background-color: #fff8ea;
}	
	
.boxChild03 .inner_ttl{
    background-color: #ffff00;
	margin-top: -30px;
	border-radius: 10px;
    width: auto;
	padding:10px 15px;
}

.boxChild03 .inner_ttl p{
     color:#ef18b0;
	text-align: center;
	padding:2px 3px;
	margin:0;
	font-size: 15px;
	font-family: "M PLUS Rounded 1c","ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: 900; 
}
	
h3.Child_ttl {
     color:#099c2b;
	text-shadow:1px 1px 0 #fff, -1px -1px 0 #fff,
              -1px 1px 0 #fff, 1px -1px 0 #fff,
              0px 1px 0 #fff,  0-1px 0 #fff,
              -1px 0 0 #fff, 1px 0 0 #fff;
	margin-bottom: 0.2em;
	font-size: 28px;
}	
}

.bg_green {
    background-color:#53bb42 ;
}

.bg_mountain {
    background: url(../images/kumo.jpg) no-repeat;
	background-size: contain;
}

.bg_child {
    background: url("../images/bg_child.jpg") repeat;
}

.bg_texture_green {
    background: url(../images/bg_green.jpg) repeat;
	position: relative;
	 width: 100%;
}

.top_contact {
    margin-top: -100px;
    position: relative;
    background: url(../images/bg_yellow.jpg) repeat;
}

.top_contact::before {
    position: absolute;
    top: -214px;
    background: url(../images/bg_mountain.png) bottom -1px left no-repeat;
    width: 100%;
    height: 214px;
    content: "";
    background-size: 100%;
}

.bg_texture_green::after {
    position: absolute;
   
    background: url(../images/bg_mountain.jpg)   no-repeat;
    width: 100%;
    height: 380px;
    content: "";
    background-size: 100%;
}

.bg_texture_yellow {
    background: url(../images/bg_yellow.jpg) repeat;
	width: 100%;
    height: auto;
    content: "";
    background-size: cover;
}


/*marginのレスポンシブ*/
@media (min-width: 481px) {
.mt40pc_mt20sp{
	margin-top: 4em;
}	
}

@media (max-width: 480px) {
.mt40pc_mt20sp{
	margin-top: 2em;
}	
}

/*PCとSP改行*/
@media screen and (min-width: 650px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 650px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}

/*-- PC版表示CSS  --*/
.pc_area{
  display:block;
}
.phone_area{
  display:none;
}

/*-- スマホ版表示CSS  --*/
@media screen and (max-width: 768px){
	
.pc_area{
    display:none;
  }	
	
 .phone_area{
    display:block;
  }
}

@media screen and (min-width: 768px){
.pcNone { display: none;}
}

/*-- トップバナー  --*/
@media screen and (max-width: 767px){
.top-banner {
width:100%;
}
}

/*-- リクルートページのタブ --*/
 .tabbox { margin: 0px; 
	 padding: 1em; 
}
.tabbox input { display: none; }

.tab {
      display: inline-block;
      border-width: 1px 1px 0px 1px;
      /*border-style: solid;
      border-color: black;*/
      border-radius: 0.75em 0.75em 0px 0px;
      padding: 1em 2.5em 1em 1.5em;
      color: #595757;
      background-color: #e2f0e5;
      font-weight: bold;
	  font-size:18px;
}

.tab:hover {
      background-color: #ccffcc;
      color: green;
      cursor: pointer;
}

input:checked + .tab {
      color: #595757;
      background-color: #c2e2c9;
      position: relative;
      z-index: 10;
}

 .tabcontent {
      display: none;
      border: 7px solid #c2e2c9;
      margin-top: -1px;
      padding: 4em;
      position: relative;
      z-index: 0;
      background-color: #fff;
	   border-radius: 0px 10px 10px 10px;
}

#tabcheck1:checked ~ #tabcontent1 { display: block; }
#tabcheck2:checked ~ #tabcontent2 { display: block; }
#tabcheck3:checked ~ #tabcontent3 { display: block; }

/*--採用情報--*/
h2.recruit_ttl01{
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size:5em;
font-weight: bold;
text-align:center;
color:#52b767;
padding-top:1em;
padding-bottom:1em;
}

.top_recruit {
width: 100%;
    display: block;
    /*background-image: linear-gradient( -45deg, #fff 25%, #f9ebd4 25%, #f9ebd4 50%, #fff 50%, #fff 75%, #f9ebd4 75%, #f9ebd4 );*/
    background-size: 9px 9px;
	background-color: #fcfcdb;
}

.sec_recruit {
/*width: 100%;
    display: block;
    background-image: linear-gradient( -45deg, #fff 25%, #faead5 25%, #faead5 50%, #fff 50%, #fff 75%, #faead5 75%, #faead5 );
    background-size: 9px 9px;*/
	background: url("../images/bg_voice_pc.png") 0 0 repeat;
    background-size: auto auto;
}


.sec_recruit2 {
/*width: 100%;
    display: block;
    background-image: linear-gradient( -45deg, #fff 25%, #fdddfd 25%, #fdddfd 50%, #fff 50%, #fff 75%, #fdddfd 75%, #fdddfd );
    background-size: 9px 9px;*/
	background: url("../images/bg_stripe_pc.png") 0 0 repeat;
    background-size: auto auto;
}

.sec_recruit2 .inner2{
	padding-top: 5em;
    padding-bottom: 5.5em;
}
.sec_recruit3{
	background-color: #fefdf7;	
}

.sec_recruit3 .inner2{
	padding-top: 5em;
    padding-bottom: 5.5em;
}


.top_recruit::after {
position: absolute;
    content: "";
    left: 44%;
    bottom: -140px;
    width: 0;
    height: 0;
    border: 100px solid transparent;
    border-top: 100px solid #fcfcdb;
    /*border: 90px solid transparent;
    background-color: #f9ebd4;
background: url(../images/arrow_bg.png) top left no-repeat;
    background-size: 70px 30px;*/
}

.recruit_01 {
    border-collapse: collapse;
    border-top: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
	font-size: 1.6em;
	width: 80%;
    margin: auto;
	margin-top: 2em;
	margin-bottom: 3em;
}

.recruit_01 tr {
    text-align: left;
    border-bottom: 1px solid #d2d2d2;
}

.recruit_01 th {
    padding: 17px 20px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    position: relative;
	background-color: #50d5f2;
    color: #fff;
}

.recruit_01 td {
    padding: 17px 20px;
	background-color: #fff;
}

.recruit_01 th:after {
    content: "";
    width: 1px;
    background: #d2d2d2;
    /*position: absolute;*/
    right: 0;
    top: 14px;
    bottom: 14px;
}

.recruit_02 {
    border-collapse: collapse;
    border-top: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
	font-size: 1.6em;
	width: 80%;
    margin: auto;
	margin-top: 2em;
	margin-bottom: 3em;
}

.recruit_02 tr {
    text-align: left;
    border-bottom: 1px solid #d2d2d2;
}

.recruit_02 th {
    padding: 17px 20px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    position: relative;
	background-color: #f89c9c;
    color: #fff;
}

.recruit_02 td {
    padding: 17px 20px;
	background-color: #fff;
}

.recruit_03 {
    border-collapse: collapse;
    border-top: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    font-size: 1.6em;
    width: 80%;
    margin: auto;
    margin-top: 2em;
    margin-bottom: 3em;
}

.recruit_03 tr {
    text-align: left;
    border-bottom: 1px solid #d2d2d2;
}

.recruit_03 th {
    padding: 17px 20px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    position: relative;
    background-color: #91ee55;
    color: #fff;
}

.recruit_03 td {
    padding: 17px 20px;
    background-color: #fff;
}







@media screen and (max-width: 896px){
h2.recruit_ttl01{
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size:2.7em;
font-weight: bold;
text-align:center;
color:#52b767;
padding-top:0.8em;
padding-bottom:0.8em;
}

.top_recruit::after {
position: absolute;
content: "";
left: 40%;
bottom: -70px;
    border: 90px solid transparent;
      width: 0;
    height: 0;
    border: 40px solid transparent;
    border-top: 40px solid #fcfcdb; 
/*background: url(../images/arrow_bg.png) top left no-repeat;*/
    background-size: 70px 30px;
	
}
.tab {
      display: inline-block;
      border-width: 1px 1px 0px 1px;
      /*border-style: solid;
      border-color: black;*/
      border-radius: 0.75em 0.75em 0px 0px;
      padding: 1em 1.5em;
      color: #595757;
      background-color: #e2f0e5;
      font-weight: bold;
	  font-size:1.2em;
}

.sec_recruit2 .inner2 {
   padding-top:2em;
   padding-bottom:2em;
}
	
.sec_recruit3 .inner2 {
   padding-top:2em;
   padding-bottom:2em;
}	
	
.recruit_01 {
    border-collapse: collapse;
    border-top: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
	font-size: 1.6em;
	width: 95%;
    margin: auto;
	margin-bottom: 3em;
}
.recruit_02 {
    border-collapse: collapse;
    border-top: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
	font-size: 1.6em;
	width: 95%;
    margin: auto;
	margin-bottom: 3em;
}	
.recruit_03 {
    border-collapse: collapse;
    border-top: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    font-size: 1.6em;
    width: 95%;
    margin: auto;
    margin-bottom: 3em;
}
	
}

h3.recruit_ttl02{
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size:3.3em;
font-weight: bold;
text-align:left;
color:#f69e14;
margin-bottom: 0;
margin-top:3em;
}

@media screen and (max-width: 896px){
h3.recruit_ttl02{
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size:2.2em;
font-weight: bold;
text-align:left;
color:#f69e14;
margin-bottom: 0;
}

h4.recruit_ttl03{	 
 padding: 0.2em;
 width:97%;
 background-color: #52b767; 
 border-radius: 14px; 
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size:2em;
font-weight: bold;
text-align:center;
color:#fff;
margin-bottom: 0.5em;
margin-top:0.1em;
}	
}

h4.recruit_ttl03{	 
 padding: 0.2em;
 width:97%;
 background-color: #52b767; 
 border-radius: 14px; 
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size:2em;
font-weight: bold;
text-align:center;
color:#fff;
margin-bottom: 0.5em;
}

h4.recruit_ttl04{
font-family: 'Kosugi Maru', sans-serif;
font-size:4.2em;
text-align:center;
font-weight: bold;
color:#52b767;
text-shadow:1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;
margin-top:0em;
margin-bottom:0.5em;
}

h4.recruit_ttl05{
font-family: 'Kosugi Maru', sans-serif;
font-size:3.5em;
text-align:center;
font-weight: bold;
color:#50d5f2;
text-shadow:1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;
margin-top:0em;
margin-bottom:0.5em;

}

h4.recruit_ttl06{
font-family: 'Kosugi Maru', sans-serif;
font-size:3.5em;
text-align:center;
font-weight: bold;
color:#f89c9c;
text-shadow:1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;
margin-top:0em;
margin-bottom:0.5em;

}

h4.recruit_ttl07{
    font-family: 'Kosugi Maru', sans-serif;
    font-size:3.5em;
    text-align:center;
    font-weight: bold;
    color:#91ee55;
    text-shadow:1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;
    margin-top:0em;
    margin-bottom:0.5em;

}





h5.voice_recruit{
	color:#fff;
	font-size:4.2em;
	margin:0.7em auto;
	font-family: 'Kosugi Maru', sans-serif;
}

.recruit_voice {
    background-color: #4bb664; 
    height: auto;
    margin: 0 auto;
	text-align:center;
}

.recruit_img{
	padding-top:4em;	
}

.recruit_top_img{
	text-align:left;
	padding-left: 60px;
	padding-top:40px;	
}

.recruit_voice_img{
	padding-top:4em;	
}

.recruit_voice_img1{
	padding-top:4em;
	padding-left:1.8em;
	width:87%;	
}


.recruit_doctor_img{
	padding-top: 6.5em;	
}

.recruit_name{
	text-align:left;
}

.recruit_p{
line-height:1.8em;
letter-spacing: 0.1em;	
	
}
h5.job_title {
  padding:0.8em;
  display: inline-block;
  line-height: 1.2;
  background: #ffff00;
  vertical-align: middle;
  border-radius: 25px 0px 0px 25px;
	width: 89%;
	font-weight: normal;
font-size: 22px;
	font-family: "Sawarabi Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	letter-spacing:0.2em;
    margin:1.2em;
}

h5.job_title:before {
  content: '●';
  color: white;
  margin-right: 10px;
	font-size:20px;
}

.bg_form{
	background-color: #fff;
	padding-left: 6.5em;
	padding-right: 6.5em;
	padding-top:5em;
	padding-bottom:4em;
	margin:auto;
	width: 68%;
	border-radius: 20px;
}

@media screen and (max-width: 896px){
.recruit_img{
	padding-top:1em;	
	}

.recruit_voice_img1{
	padding-top:1em;
	padding-bottom:2em;
	padding-left:0;
}

.recruit_doctor_img{
	padding-top: 0em;
	width:90%;
	text-align: center;
}

.recruit_top_img{
	text-align:center;
	margin-bottom: 0em;
    padding-left: 10px;
    padding-top: 0;	
	width: 90%;
}
	
.recruit_voice_img{
	padding-top:0em;
	padding-bottom:2.5em;	
}	
.recruit_name{
	text-align:center;
}
	
.recruit_p{
line-height:1.6em;		
}
	
h4.recruit_ttl04{
font-family: 'Kosugi Maru', sans-serif;
font-size:2em;
text-align:center;
font-weight: bold;
color:#52b767;
text-shadow:1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;
margin-top:0em;
margin-bottom:0.5em;
}

h4.recruit_ttl05{
font-family: 'Kosugi Maru', sans-serif;
font-size:2em;
text-align:center;
font-weight: bold;
color:#52b767;
text-shadow:1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;
margin-top:0em;
margin-bottom:1em;
}
	
h4.recruit_ttl06{
font-family: 'Kosugi Maru', sans-serif;
font-size:2em;
text-align:center;
font-weight: bold;
color:#f89c9c;
text-shadow:1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;
margin-top:0em;
margin-bottom:1em;
}	
	
h4.recruit_ttl07{
    font-family: 'Kosugi Maru', sans-serif;
    font-size:2em;
    text-align:center;
    font-weight: bold;
    color:#91ee55;
    text-shadow:1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;
    margin-top:0em;
    margin-bottom:1em;
}

h5.voice_recruit{
	color:#fff;
	font-size:2em;
	margin:0.7em auto;
	font-family: 'Kosugi Maru', sans-serif;
}
	
h5.job_title {
  padding:0.8em;
  display: inline-block;
  line-height: 1.2;
  background: #ffff00;
  vertical-align: middle;
  border-radius: 25px 0px 0px 25px;
	width: 88%;
	font-weight: normal;
font-size: 22px;
	font-family: "Sawarabi Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	letter-spacing:0.2em;
    margin:1em auto;
}

h5.job_title:before {
  content: '●';
  color: white;
  margin-right: 10px;
	font-size:20px;
}	

.bg_form{
	background-color: #fff;
	padding-left: 1em;
	padding-right: 1em;
	padding-top:1.5em;
	padding-bottom:1.5em;
	margin:auto;
	width: 90%;
	border-radius: 10px;
}		
}



/*--メールフォーム--*/
form#mailformpro dl dt{
  height: 0px;
  padding: 17px 0px !important;
}

.must{
      position: relative;
    top: -3px;
}

/*div.mfp_buttons button{border:1px solid #bbbbbb;
                       border-radius:4px;      
                       font-size:2em;
					   background-color:#eeeeee;
					   color:#0A8F2D;
					   font-weight:600px;
					   padding:2px 10px;
					   box-shadow:0px 2px 5px #bbbbbb;
					   }*/
@media screen and (max-width:767px){					   
div#mfp_overlay_inner{width:80%;}

table#mfp_confirm_table tr th{width:8em;}
}				   

@media screen and (max-width:599px){
	textarea {width:90%;}	
}



@media screen and (max-width:479px){
	
	form#mailformpro dl dt.mfp{
	                      float:none;display:block;
						  text-align:left;width:100%;
						  }
	.must{margin:-3px 5px; !important;}
	
	form#mailformpro dl dd.mfp{padding-left:10px;}
	textarea#lasttext {width:80%;}
}



.phone_area{
  display:none;
}

@media screen and (max-width: 768px){
 .phone_area{
    display:block;
  }
}