@charset "UTF-8";

/*
===== CONTENTS ================================================================================

	Index:
  - Base Style
  - Layout
  
===============================================================================================
*/

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

.mtsp {
margin-top:-70px;
}
}

#contact table {
   width: 95%;
   align:center;
}

#contact td {
   
   border: solid 1px #fff;
border-collapse: separate;
border-spacing: 10px 100px;
}

.tdstyle01{
background-color: #eee;
}
.f1{
width:80%;
box-sizing:border-box;
}


.company{border-collapse: collapse;}
.company td    {padding: 6px;border-spacing: 10px }


/* 1: Base Style Setting
----------------------------------------------------------------------------------------------*/

/* Base Setting
==========================================================*/

body { font: 14px/2 "メイリオ", meiryo, Arial, sans-serif;
	    margin:0; padding: 0; background: #fff; letter-spacing:0.08em; -webkit-text-size-adjust: 100%; color: #666;}
	  
a { text-decoration: none;  color: #666; }
a { outline:none;}
img { -ms-interpolation-mode: bicubic; vertical-align: bottom; } 
:focus { outline: 0; }


/* main-layout
==========================================================*/

html, body, .page, .wide { width:100%; margin: auto;} 
body { min-width:1024px; }

.inner { width: 1000px; margin: 0 auto;}

/* 2: layout
----------------------------------------------------------------------------------------------*/

/* 2column commons name
*/

.col{ }
	.col-l{ float:left; }
	.col-r{ float:right; }
	
.kasou .contents { padding-left: 100px;}
.flame .inner { width: 760px; margin: 0 auto;}
.flame .bigttl { margin: 60px auto 40px; }
	


/* 2column menu commons name
*/



.mb30 { 
margin-bottom: 30px;
	}
.mb70 { 
margin-bottom: 70px;
	}

.fs10 { font-size: 10px;}
.fs13 { font-size: 13px;}
.fs15 { font-size: 15px;}
.fs18 { font-size: 18px;}
.fs20 { font-size: 20px;}
.fs23 { font-size: 23px;}
.fs25 { font-size: 25px;}
.fs28 { font-size: 28px;}
.fs30 { font-size: 30px;}



.lmenug{ 
color: #fff;
font-size: 17px; 
line-height: 50px; 
background:url("../img/lmenu-g.png") no-repeat left center;
width: 270px; 
height: 39px; 
padding-bottom: 10px;
margin-bottom: 5px;
text-align:center;
font-weight: bolder;
	}

.lmenuy{ 
color: #fff;
font-size: 17px; 
line-height: 50px; 
background:url("../img/lmenu-y.png") no-repeat left center;
width: 270px; 
height: 39px; 
padding-bottom: 10px;
margin-bottom:5px;
text-align:center;
font-weight: bolder;
	}




.arrowmenu {
color: #333;
line-height: 50px; 
font-size: 17px; 
width: 239px;
height: 39px; 
text-align:left;
border-bottom: dashed 1px #ccc;
padding-left: 10px;            
margin-left: 10px; 
background: url(../img/arrow02.png) no-repeat left center;
}
.arrowmenu span {
padding-left: 20px; 
}

.arrowmenu2 {
color: #333;
line-height: 20px; 
font-size: 13px; 
width: 239px;
text-align:left;
margin-left: 10px; 
}
.arrowmenu3 {
color: #333;
line-height: 40px; 
font-size: 13px; 
width: 239px;
height: 39px; 
text-align:left;
border-bottom: dashed 1px #ccc;
padding-left: 20px;            
margin-left: 10px; 
background: url(../img/arrowmenu3.jpg) no-repeat left center;
}
.kasou .contents { padding-left: 100px;}
.flame .inner { width: 760px; margin: 0 auto;}
.flame .bigttl { margin: 60px auto 40px; }

	
/* common
==========================================================*/

.mincho {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  /* 追加 */
  transform: rotate(.03deg);
}


.f12 { font-size: 12px;}
.btn-pi { color: #fff; text-align: center; background: url(../img/btnbg-pi.png) repeat-x;}
.btn-bl { color: #fff; text-align: center; background: url(../img/btnbg-bl.png) repeat-x;}
.btn-gr{ background: url(./btnbg-g.png) repeat-x !important; }
.arrow02 { padding-left: 25px; background: url(../img/arrow02.png) no-repeat left center;  }
.shadow {box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; -moz-box-shadow: 0 0 5px #ccc;}

.topimg { top: 0; height: 200px; background: url(./bg-ttl.png) repeat-x;}
	.topimg .ttl { font-family: 'Noto Sans Japanese', serif; font-weight: 500; top: 70px; left: 0; font-size: 40px; color: #fff; line-height: 40px; letter-spacing: 0.1em; z-index: 999;}
	.topimg .ttl span { font-family: Arial, Helvetica, sans-serif; font-size: 20px; padding-left: 30px; letter-spacing: 0.1em; }
	.topimg .photo { top: 0; right: 0;}
	
p.bigttl{ width: 760px; margin: 0 auto; padding-bottom: 15px; font-family: 'Noto Sans Japanese', serif; font-size: 35px; font-weight: 500; font-style: oblique; text-align: center; color: #4D4D4D; background: url(./ttlborder.png) no-repeat bottom center; letter-spacing: 0.1em;}

p.bigttl-sub { width: 760px; margin: 0 auto; font-family: 'Noto Sans Japanese', serif; color: #029C77; font-style: oblique; font-size: 22px; letter-spacing: 0.1em; line-height: 1.5em; font-weight: 500; text-align: center; }

p.overtxt{ font-size: 30px; line-height: 30px; font-family: 'Noto Sans Japanese', serif; color: #FFF; font-weight: bold; padding-bottom: 20px; }

p.midashi { font-size: 16px; height: 35px; line-height: 35px; text-align: center; color: #333; background: #D8E6F5;}
p.redtxt { font-size: 18px; color: #029C77; line-height: 1.5em; }
p.txt { text-align: justify;}
.ls-0 { letter-spacing: 0;}
p.simple-border2 { text-decoration: underline;
                   text-decoration-style: double;
                   text-decoration-thickness: 2px;
                   text-decoration-color: #FF0000;
 }

.linkbtn { position: relative; display: block; box-sizing: border-box; font-size: 16px; color: #28AA9B; border: 2px solid #28AA9B; padding-left: 15px; height: 50px; line-height: 50px; background: #fff; }
.linkbtn.btn-bl { background:url(./btnbg-bl.png) repeat-x; color: #fff; border: none; text-align: left; }
.linkbtn i.fa-angle-right { position: absolute; right: 15px; top: 15px; text-align: right;}
.linkttl { font-size: 16px; font-weight: bold; text-align: center; margin-bottom: 10px;}
.linkttl span.left { padding-left: 30px; background: url(./slash-l.png) no-repeat left center;}
.linkttl span.right { padding-right: 30px; background: url(./slash-r.png) no-repeat right center;}
a.link { color: #28AA9B;}
a.link .fa-angle-right { padding-left: 10px;}

.flame { box-sizing: border-box; position: relative; border: 1px solid #D9D9D9; width: 900px; margin: 0 auto;}
.flame02 { box-sizing: border-box; position: relative; border: 1px solid #D9D9D9; width: 890px; margin: -6px auto;}

.mainimg { width: 900px; margin: 80px auto;}

.fa-pi:before { color: #029C77;}
.fa-gr:before { color: #B2B2B2;}

.red { color: #029C77;}



	
/* header
==========================================================*/

.header{ padding-top: 30px; height: 90px; background:url(../img/bg-slash3.png);background-position: center; }
	.header .col-l{}
	.header .col-r{}
		.header .col-r .btn{ margin-bottom: 10px;}
			.header .col-r .btn li{ width: 135px; height: 35px; line-height: 35px; margin-right: 2px; float: left; }
			
			
/* side
==========================================================*/

.sidemenu{ width: 180px; margin-top: 80px; float: left; position:relative; z-index: 998;}
	.sidemenu div{ width: 170px; font-size: 13px; padding-left: 10px;}
	.sidemenu div li,
	.sidemenu div p{ width: 160px; border-bottom: 1px solid #D9D9D9; margin-left: -10px; padding-left: 10px;}
		.sidemenu .select{ background:url(./side-select.png) no-repeat left top; }
		.sidemenu .select:hover{ background:url(./side-select.png) no-repeat left top; }
		.sidemenu  a{ display: block; width: 170px; height: 34px; line-height: 34px; padding-left: 20px; background:url(./img/arrow03.png) no-repeat left center;}
		.sidemenu p:hover{ background: #F2F2F2;}
		.sidemenu .ttl p:hover{ background: #fff;}
		.sidemenu .last p{ border: none;}
		
	.sidemenu .ttl{ font-size: 16px; color: #029C77; font-weight: bold; }
	.sidemenu .ttl p{ border: none; border-bottom: 2px solid #029C77; margin: 0 0 10px -10px; }
		.sidemenu .ttl:hover{ background: none; }


a.menu-trigger{ display:none;}

@media screen and (max-width: 1124px) {
.sidemenu  a.menu-trigger{ display: inherit ; }
.sidemenu {
    margin-left: -180px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.sidemenu.active {
      margin-left: 0px;
	-webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

}

.sidemenu  a.menu-trigger{ width: auto; height: auto; line-height: inherit; padding-left: 0; background: none;}
.sidemenu  a.menu-trigger{ position: absolute; left:10px; top:-41px; width:25px; height:21px; margin-left:180px; }
	.sidemenu  a.menu-trigger.active{ margin-left:0px; }

.menu-trigger,.menu-trigger span{display:inline-block;transition:all .4s;box-sizing:border-box}
.menu-trigger span{position:absolute;left:0;width:100%; height:3px;background-color:#029C77;}
.menu-trigger span:nth-of-type(1){top:0}
.menu-trigger span:nth-of-type(2){top:9px}
.menu-trigger span:nth-of-type(3){bottom:0}
.menu-trigger:not(.active):hover span:nth-of-type(1){top:2px}
.menu-trigger:not(.active):hover span:nth-of-type(3){bottom:2px}
.menu-trigger.active span:nth-of-type(1){-webkit-transform:translateY(9px) rotate(-45deg);transform:translateY(9px) rotate(-45deg)}
.menu-trigger.active span:nth-of-type(2){opacity:0}
.menu-trigger.active span:nth-of-type(3){-webkit-transform:translateY(-9px) rotate(45deg);transform:translateY(-9px) rotate(45deg)}



/* nav
==========================================================*/

.nav{ }
.nav li.ttl{ float: left; font-size: 12px; background: url(../img/arrow.png) no-repeat left center; padding-left: 10px; margin-left: 20px;}
		
.dropmenu02{ *zoom: 1; }
	.dropmenu02:before, .dropmenu:after{ content: ""; display: table;}
	.dropmenu02:after{ clear: both;}
	.dropmenu02 li{ position: relative; }
	.dropmenu02 li a{  }
	.dropmenu02 li ul{ box-sizing: border-box; width: 210px; background: #fff; border: 2px solid #029C77; position: absolute; z-index: 99999; top: 100%; left: -20px; margin: 0; padding: 10px 0;}
	.dropmenu02 li ul li{ padding: 5px 0 5px 10px; }
	.dropmenu02 li ul li.red{ font-weight: bold; font-size: 13px; padding-top: 5px;}
	.dropmenu02 li ul li a{ padding-left: 15px; background:url(./arrow03.png) no-repeat left center; }
	.dropmenu02 li:hover > a{}
	.dropmenu02 li a:hover{ }
	.dropmenu02 li ul{ opacity: 0; top: 50%; visibility: hidden; transition: .5s;}
	.dropmenu02 li:hover ul{ top: 100%; visibility: visible; opacity: 1;}
	


#gnav{ background: #F5FAFC; clear:both; width:100%; margin: 0 auto;}
#gnav.topPageGnav { width:1000px;}
	#gnav li{ float: left; }
	
.dropmenu{ *zoom: 1; }
	.dropmenu:before, .dropmenu:after{ content: ""; display: table;}
	.dropmenu:after{ clear: both;}
	.dropmenu li{ position: relative; }
	.dropmenu li a{ display: block; margin: 0; background: #F5FAFC;}
	.dropmenu li ul{ position: absolute; z-index: 9999; top: 100%; left: 0; margin: 0; padding: 0;}
	.dropmenu li ul li{ width: 100%; }
	.dropmenu li ul li a{ padding: 6px 10px; border-top: 2px solid #fff; background: #F5FAFC; text-align: left;}
	.dropmenu li:hover > a{ background: #F5FAFC;}
	.dropmenu li a:hover{ background: #C0E6DD;}
	.dropmenu li ul{ opacity: 0; top: 50%; visibility: hidden; transition: .5s;}
	.dropmenu li:hover ul{ top: 100%; visibility: visible; opacity: 1;}

		



/* footer
==========================================================*/

.pickup{ background: #F2F2F2; padding: 50px 0; margin-top: 80px; }
	.pickup .inner { width: 760px; margin: 0 auto;}
	.pickup li { float: left; margin-left: 30px; }
	.pickup li.ttl { margin: 0; padding: 30px 15px 0 0; }


.foottel{ padding-top: 30px; height: 125px; background: url(../img/bg-slash2.png) repeat-x;}
.foottel .inner{ background: url(./img/ill.png) no-repeat left bottom;}
	.foottel .ill{ left: 0; top: 75px;}
	.foottel .col-l{}
		.foottel .col-l .txt{ margin-left: 80px;}
	.foottel .col-r{ width: 500px;}
		.foottel .col-r .tel{float: left;}
		.foottel .col-r .btn{ float: right;}
			.foottel .col-r .btn li{ width: 150px; height: 40px; line-height: 40px; margin-bottom: 5px;}
			
footer{ }
	footer .footmenu { margin-left: -30px; background: #029C77; padding: 60px 0 80px;}
		footer .footmenu ul{ margin: 0 0 40px 30px; width: 170px; float: left;}
		footer .footmenu li,footer .footmenu li a{ color: #fff;}
		footer .footttl{ border-bottom: 1px  solid #fff; margin-bottom: 10px; padding-left: 20px;}
			footer .footttl.ttl01{ background:url(../img/foot-ico01.png) no-repeat left center;}
			footer .footttl.ttl02{ background:url(../img/foot-ico02.png) no-repeat left center;}
			footer .footttl.ttl03{ background:url(../img/foot-ico03.png) no-repeat left center;}
			footer .footttl.ttl04{ background:url(../img/foot-ico04.png) no-repeat left center;}
			footer .footttl.ttl05{ background:url(../img/foot-ico05.png) no-repeat left center;}
			footer .footttl.ttl06{ background:url(../img/foot-ico06.png) no-repeat left center;}
			footer .footttl.ttl07{ background:url(../img/foot-ico07.png) no-repeat left center;}
			footer .footttl.ttl08{ background:url(../img/foot-ico08.png) no-repeat left center;}
	
	footer .pagetop{ right: 30px; bottom: 60px; }
	.copy{ font-size: 13px; height: 50px; line-height: 50px; text-align: center; background: #fff; margin-bottom: -30px;}
	.copy a{ color: #029C77;}


/* INDEX
==========================================================*/

#index{}
	#index .header{ height: 125px;}

	#index #gnav{ top: 120px; z-index: 9999;}

	#index #thumb-h{ width: 100%;}
		#index #thumb-h .catch { z-index: 333; top: 50px; right: 30px; }
		#index #thumb-h .sp-slides { }
		#index #thumb-h .sp-thumbnails { position:absolute !important; bottom: -40px; }
		#index #thumb-h .sp-thumbnails .sp-thumbnail { margin-left: 10px; }
		
			

	#index .info{ background:url(./bg-dot.png); padding: 60px 0 30px;}
		#index .info .inner { width: 800px; background: #fff; height: 160px; overflow:hidden;  overflow-y: auto;}
			#index .info .poab { top: 30px; left: 30px; }
			.indinfo-tt{}
			.indinfo-link{}
				#index .info .col-l p{ margin-bottom: 20px;}
			#index .info .col-r{ width: 560px;}
				#index .info .col-r dl{}
					#index .info .col-r dt{ font-size: 11px; line-height: 40px; color: #808080; width: 120px; float: left; clear: left; border-bottom: 1px dotted #323232;}
					#index .info .col-r dd{ font-size: 13px; line-height: 40px; background:url(../img/arrow.png) no-repeat left center; border-bottom: 1px dotted #323232; margin-left: 120px; padding-left: 10px;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;  }
					#index .info .col-r dd a{ text-decoration: underline; }
					#index .info .col-r dd a:hover{ text-decoration: none; }
		
	#index .sec01{ padding: 60px 0; background: #FFF;}
		#index .sec01 .col-l,
		#index .sec01 .col-r { width: 480px;}
		#index .sec01 .ttl{ margin-bottom: 10px;}
		#index .sec01 .btn{ margin-left: -10px;}
			#index .sec01 .btn li{ float: left; margin: 0 0 10px 10px; border: 5px solid #fff;}
				#index .sec01 .btn li p{ height: 35px; line-height: 40px; font-weight: bold; padding-left: 5px; background: #fff;}
				#index .sec01 .btn li.txtbtn { border: 2px solid #fff; width: 231px;}
				#index .sec01 .btn li.txtbtn.x2 { width: 476px;}
				#index .sec01 .btn li.txtbtn p {  height: 38px; padding-left: 8px;}

						
	#index .sec02{ background: #F0E9E7; padding: 60px 0;}
		#index .sec02 .ttl{ margin-bottom: 30px;}
		#index .sec02 .btn{ margin-left: -20px;}
			#index .sec02 .btn li{ float: left; margin-left: 20px;}
				#index .sec02 .btn li p{ height: 40px; line-height: 40px; padding-left: 10px; background: #fff; font-weight: bold;}
				
	#index .sec03{ background:#E5EFF6; padding: 60px 0 80px;}
		#index .sec03 .ttl{ margin-bottom: 30px;}
		#index .sec03 ul.voice{ margin-left: -50px;}
			#index .sec03 ul.voice li{ float: left; width: 300px; height: 260px; margin:0 0 50px 50px;}
				#index .sec03 .voice .photo{ top: 0; right: 0;}
				#index .sec03 .voice .name{ top: 0; left: 0;}
					#index .sec03 .voice p.small{ color: #000; padding-top: 20px; font-size: 12px; line-height: 1.3em; }
					#index .sec03 .voice p.txt{ color: #000; font-weight: bold; font-size: 16px; }
				#index .sec03 .voice .comment{ width: 300px; height: 50px; padding-top: 20px; bottom: 0; text-align: center; font-weight: bold; line-height: 1.3em; background: #fff; }
				
				
				
				
/* STRONG　／　PROGRAM
==========================================================*/

#strong {}
#program {}
	
	#strong .contents { overflow:hidden;}
	#strong .midashi { margin-bottom: 30px;}
	#program .midashi { margin: 60px 0 30px;}
	#strong .redtxt,
	#program .redtxt { margin-bottom: 20px;}
	#strong .txt { margin-bottom: 20px;}
	#strong .innerouter { width: 900px; margin: 0 auto; padding-left: 100px; }
	
	#strong .sec01 { margin-left: 25%; height: 360px; padding-top: 40px; background: url(./bg-gr.png) repeat-x;  }
	#program .sec01 { height: 320px; background: #F2F2F2;}
	#strong .sec01 .inner { margin-left: -30%; width: 830px; height: 400px; margin-bottom: 120px; float: left; }
		#strong .sec01 .overtxt { left: 20px; top: -30px;}
		#program .sec01 .overtxt { left: -40px; top: -30px;}
		#strong .sec01 .col-l { width: 400px;}
		#strong .sec01 .col-r { width: 360px;}
		#program .sec01 .col-l { width: 280px;}
		#program .sec01 .col-r { width: 470px;}
	
	#strong .sec02 {}
	#strong .sec02 .inner { width: 900px; height: 400px; margin-bottom: 120px; float: left; margin-left:-3%;}
		#strong .sec02 .overtxt { right: 20px; top: -30px;}
		#program .sec02 .overtxt { right: -40px; top: -30px;}
		#strong .sec02 .col-l { width: 400px;}
		#strong .sec02 .col-r { width: 430px;}
		#program .sec02 .col-l { width: 370px;}
		#program .sec02 .col-r { width: 380px;}
		
	#program .sec01 .inner, 
	#program .sec02 .inner{ width: 820px; margin: 0 auto 100px; }
		#program .mainimg { height: 370px;}
		#program .mainimg .bgimg { top: 0; right: 0;}
		#program .mainimg .overtxt { top: 50px; left: 100px;}
		
	#program .contents .mainimg,
	#program .contents .inner { padding-left: 100px;}
	
@media screen and (max-width: 1124px) {	
.nosp {       display:none;}
#index .sec01 .inner {  margin-top: 0px;}


	.col-ll{ float:left; 
width: 0px; col-r
margin: 0 auto;
	}
	.col-rr{ float:right;
padding-left: 30px;
width: 100%; 
margin: 0 auto;
	}

.rmenub{
color: #fff;
font-size: 17px; 
line-height: 50px; 
background:url("../img/rmenu-b.jpg") no-repeat center;
height: 39px; 
padding-bottom: 10px;
margin-bottom: 20px;
text-align:center;
font-weight: bolder;
	}
}
@media screen and (min-width: 1124px) {	
.mt-100 { 
margin-top: -100px;
	}
.nopc {       display:none;}
#index .sec01 .inner {  margin-top: -70px;}

	.col-ll{ float:left; 
width: 270px; 
margin: 0 auto;
	}
	.col-rr{ float:right;
padding-left: 30px;
width: 700px; 
margin: 0 auto;
	}

.rmenub{

color: #fff;
font-size: 17px; 
line-height: 50px; 
background:url("../img/rmenu-b.jpg") no-repeat left center;
width: 700px; 
height: 39px; 
padding-bottom: 10px;
margin-bottom: 20px;
text-align:center;
font-weight: bolder;
	}

}
/* CURRICULUM　/ DENTAL
==========================================================*/

#curriculum {}
#dental {}
	#curriculum .flame,
	#dental .flame{ margin-bottom: 60px;}
	#curriculum .flame02,
	#dental .flame02{ padding-bottom: 60px;}
		#curriculum .flame .imgarea,
		#dental .flame .imgarea { display: table-cell; vertical-align: middle; text-align: center; width: 760px; height: 200px;}
			#curriculum .flame .imgarea01 { background: url(./img01.png) no-repeat left top; background-size: 760px 200px;}
			#dental .flame .imgarea01 { background: url(./img01[1].png) no-repeat left top; background-size: 760px 200px;}
			#curriculum .flame .imgarea02 { background: url(./img02.png) no-repeat left top; background-size: 760px 200px;}
			#curriculum .flame .imgarea03 { background: url(./img03.png) no-repeat left top; background-size: 760px 200px;}
			#curriculum .flame .imgarea p,
			#dental .flame .imgarea p { display: inline-block; top: 0; left: 0; text-align: center; font-size: 25px; color: #fff; font-weight: 500; font-family: 'Noto Sans Japanese', serif; line-height: 1.5em;}
			#dental .flame .imgarea p { border: 1px solid #fff; width: 600px; height: 130px; line-height: 130px;}
		
		#dental .flame p.photo{ margin-bottom: 20px; padding-left: 20px;}
		#curriculum .flame p.midashi,
		#dental .flame p.midashi{ margin-bottom: 10px;}
		#curriculum .flame p.txc,
		#dental .flame p.txc { margin: 30px 0 40px;}
		#curriculum .flame p.bikou { font-size: 12px; color: #029C77; font-weight: bold; margin-bottom:5px;}
		#curriculum .flame .col3,
		#dental .flame .col3 { margin-left: -35px;}
		#curriculum .flame .col3 .col-l,
		#dental .flame .col3 .col-l { width: 230px; margin-left: 35px; }
		#curriculum .flame .col2,
		#dental .flame .col2 { margin-left: -40px;}
		#curriculum .flame .col2 .col-l,
		#dental .flame .col2 .col-l { width: 360px; margin-left: 40px; }
		
		
	#curriculum .linkbtnouter,
	#program .linkbtnouter,
	#dental .linkbtnouter,
	#field .linkbtnouter { width: 320px; margin: 0 auto;}


/* SKILL
==========================================================*/

#skill {}
	#skill .mainimg { height: 390px;}
		#skill .mainimg .bgimg { top: 0; left: 0;}
		#skill .mainimg .overtxt { top: 50px; right: 0;}
	#skill .bigttl-sub { width: auto; font-size: 18px; margin-bottom: 60px; }
	
	#skill .sec01 {width: 760px; margin: 0 auto 60px; }
	#skill .sec01 .skill { margin: 0 0 -20px -20px; }
		#skill .sec01 li { float: left; background: #F2F2F2; position: relative; width: 240px; height: 240px; margin: 0 0 20px 20px; }
		#skill .sec01 .midashi { margin-bottom: 20px;}
		#skill .sec01 .txt { width: 200px; margin: 0 auto;}
		#skill .sec01 .overtxt { color: #fff; border: none; font-size: 50px; position: absolute; bottom: -20px; right: 15px; }
		
	#skill .sec02 { width: 760px; height: 290px; background: #F2F2F2; margin: 0 auto 60px; }
		#skill .sec02 .col-l { }
		#skill .sec02 .col-l .overtxt { font-size: 50px; padding-bottom: 0; left: 20px; top: -30px; }
		#skill .sec02 .col-r { width: 380px; }
		#skill .sec02 .col-r .inner { width: 300px; margin: 30px auto 0; }
		
		
/* FACILITY
==========================================================*/
		
#facility {}	
	#facility .mainimg { height: 250px;}
		#facility .mainimg .bgimg { top: 0; left: 0;}
		#facility .mainimg .overtxt { top: 40px; left: 200px;}
	#facility .sec01 { width: 760px; margin: 0 auto 60px; }
	
div#floorMap { width:760px; height:1084px; margin: 0 auto; position:relative; background: url(./floor.png) no-repeat center;}
	
#scrollValue,
#girl1,
#girl2,
#girl3,
#girl4{ position:absolute; z-index:1; }

#girl1{ top:144px; left:266px; }
#girl2{ top:346px; left:261px; top:506px; left:311px; -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";}
#girl3{ top:788px; left:263px; top:748px; left:153px; display:none; }
#girl4{ top:812px; left:468px; }

.floor { }
	.floor li { position: relative;}
	.floor .box { width: 150px; box-sizing: border-box; border: 1px solid #B2B2B2; }
		.floor .box a { display: block; width: 125px; margin: 0 auto;}
		.floor .box img { padding-top: 10px;}
	.floor .arrow { position: absolute; top: -2px; }
	.floor .fl { position: absolute; }
	.floor .link { position: relative; font-weight: bold; color: #029C77; height: 35px; line-height: 35px; }
		.floor .link i { position: absolute; top: 8px; right: 0; }
	.floor .nolink { padding-left: 10px; color: #029C77; height: 25px; line-height: 25px; }
	
	.floor-g { }
		.floor-g .fl { right: -50px; }
		.floor-g .box { } 
		.floor-g .arrow { right: -6px;} 

	.floor-k { }
		.floor-k .fl { left: -50px; }
		.floor-k .box { float: right;} 
		.floor-k .arrow { left: -6px; } 
		
		
#popup { display:none;}
	.popupElem { width:760px; height:620px; margin: 0 auto; background:#fff; overflow:hidden;}

		.popupElemInner { width: 500px; margin: 0 auto; }
		.popupElemInner .bigttl { width: 500px; margin: 40px auto;}
		.popupElemInner .photo { margin-bottom: 30px;}
		.popupElemInner .popup-floor { float: left; }
		.popupElemInner .txtarea { padding-left: 50px;}
		.popupElemInner .txtarea03 { padding-left: 130px;}
			.popupElemInner .txtarea .redtxt{ margin-bottom: 5px; }
			
		.popupElem .prev { width: 16px; left: 40px; top: 300px;}
		.popupElem .next { width: 16px; right: 40px; top: 300px; }


		
		
/* ABOUT
==========================================================*/
		
#about {}	
	#about .sec01 { width: 760px; margin: 0 auto 60px;}	
	#about .sec01 .bigttl { margin: 80px auto 60px; }	


	
@media screen and (max-width: 1123px) {	
table.about { box-sizing: border-box; border: 2px solid #F2F2F2;  width: 100%px!important; padding: 5px;}	
}
@media screen and (min-width: 1124px) {	

table.about { box-sizing: border-box; border: 2px solid #F2F2F2;  width: 700px; padding: 5px;margin-top:80px;}	
}

	table.about tr { border-bottom: 1px dotted #ccc; }	
	table.about th { width: 120px; height: 60px; padding-left: 20px; font-weight: bold; line-height: 60px; background: #F2F2F2; box-sizing: border-box; }	
	table.about td { box-sizing: border-box;  padding-left: 20px; line-height: 60px;  }	
		
	#about .sec02 { margin-bottom: 80px; }	
	#about .sec02 .flame { width: 760px; margin: 0 auto; }
	#about .sec02 .flame02 { width: 750px;}
	#about .sec02 .bigttl { margin: 50px auto;}	
	#about .sec02 .inner { width: 640px; margin: 0 auto 60px; }	
	#about .sec02 .midashi { margin-bottom: 30px;}
		#about .sec02 .midashi .poab { bottom: 0; left: 60px; }	
	#about .sec02 li { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 2px solid #F2F2F2; }	
	#about .sec02 li.last { padding: 0; margin: 0; border: none; }	
	
	
/* FAQ
==========================================================*/
	
#faq {}	
	#faq .bigttl { margin: 80px auto 60px; }	
	#faq .sec01 { width: 760px; margin: 0 auto 60px;}	
		#faq .sec01 .midashi { width: 50%; margin-bottom: 30px;}	
		#faq .sec01 dl { margin-bottom: 60px;}	
			#faq .sec01 dt { position: relative; font-size: 20px; height: 42px; color: #029C77; font-family: 'Noto Sans Japanese', serif; font-weight: bold; background: url(./q.png) no-repeat left top; padding-left: 60px; margin-bottom: 30px;}	
				#faq .sec01 dt p { position: absolute; right: 0; top: -10px;}
			#faq .sec01 dd { padding-bottom: 30px; border-bottom: 1px solid #B2B2B2; margin-bottom: 30px; background:url(./a.png) no-repeat left top; padding-left: 60px; }
			
dl.intro_faqDL {}
	dl.intro_faqDL dt { cursor: pointer; }
	
.graph { width: 100%;}
.graph th,
.graph td { border: 1px solid #ccc; text-align: center; padding: 0 10px;}
.graphhead td { background: #f3f3f3; }

.graphwrap { width: 500px; }
.graphwrap .col-l { width: 250px; }
.graphwrap .col-r { width: 200px; }
			
/* OPEN
==========================================================*/
	
#open {}	
	#open .overtxt { border: none; padding: 0; margin: 0;}	
	#open .bigttlouter { }
		#open .bigttl { position:relative; height: 60px; margin-bottom: 60px; padding: 0; font-size: 35px; color: #029C77; background: url(./slash-wh.png) repeat-x bottom; }
	#open .bigttl-sub {  font-style: normal; color: #666; margin-bottom: 40px; }
	#open .linkbtn { width: 320px; margin: 0 auto;}
	
	#open .topimg-open { }	
		#open .topimg-open .overimg { z-index: 999; width: 510px; height: 230px; margin: auto; top: 0; bottom: 0; left: 0; right: 0;}	
		#open .topimg-open .img-r { top: 30px; right: 30px; }
		#open .topimg-open .img-l { bottom: -10px; left: 30px;}	
		
	#open .dateouter { width: 720px; margin: 0 auto;}
	#open .sec04 .dateouter { width: 720px;}
	#open .dateouter ul { margin-left: -30px;}
	#open .dateouter li { width: 120px; margin-left: 30px;}	
	#open .dateouter li.last { padding-top: 11px;}
	#open .dateouter li.last .kai { padding-bottom: 5px;}
		#open .dateouter .kai { font-size: 16px; letter-spacing: 0.2em; text-align: center;}	
			#open .dateouter span.left { padding-left: 15px; background:url(./slash-l[1].png) no-repeat left bottom;}	
			#open .dateouter span.right { padding-right: 15px; background:url(./slash-r[1].png) no-repeat right bottom;}	
			#open .dateouter .no { font-size: 24px;}
		#open .dateouter .maru { width: 120px; height: 120px; border-radius: 50%; background: #029C77; color: #fff; font-weight: 500; text-align: center; font-family: 'Noto Sans Japanese', serif;}	
			#open .dateouter .maru02 { background: #FF93A4; }	
		#open .dateouter .manseki { width: 122px; height: 122px; top: -1px; left: -1px; -ms-filter: "alpha( opacity=80 )"; filter: alpha( opacity=80 ); opacity: 0.8; border-radius: 50%; background: #fff; color: #029C77; font-weight: 500; text-align: center; font-family: 'Noto Sans Japanese', serif; font-size: 25px; line-height: 120px; letter-spacing: 0.1em;}
			
		#open .dateouter .date { font-size: 30px; line-height: 30px; padding-top: 35px; letter-spacing: 0.1em;}	
		#open .dateouter .youbi { font-size: 20px; line-height: 20px; padding-top: 10px; letter-spacing: 0.1em;}	
		
		
	#open .time { margin: 30px 0 60px; text-align: center; font-size: 20px; border: 2px dotted #A0A0A0; border-left: none; border-right: none;}
		
	#open .sec01 { }
		#open .sec01 .inner { width: 880px; margin: 0 auto; }
	
	#open .photo {margin-left: -50px; margin-bottom: 40px; }
		#open .photo li { margin-left: 50px; width: 260px; }
		#open .photo li img.poab { top: 0; left: 0; }
		#open .photo li h1 { width: 240px; }
		#open .photo .overtxt { top: -20px; left: -20px;}
			
	#open .sec02 { background: #FFECEF; padding: 120px 0 50px; margin-top: -80px;}	
	#open .sec02 .inner { width: 880px; margin: 0 auto;}	
	
		#open .sec02 .boxouter { margin: 10px 0 80px 10px; width: 870px; height: 220px; background: url(./slash-pi.png) repeat;}	
		#open .sec02 .box { box-sizing: content-box; margin: -10px 0 0 -10px; width: 870px; height: 220px; background: #fff;}	
		#open .sec02 .arrow { top: -38px; left: 120px;}	
			#open .sec02 .box .redtxt { padding: 30px 0 20px 30px; font-weight: bold;}	
			#open .sec02 .box .col2 { padding-left: 30px; margin-left: -20px;}	
			#open .sec02 .box .overimg { top: -10px; right: 10px;}	
				#open .sec02 .box .col2 .col-l { margin-left: 20px;}	
				#open .sec02 .box .col2 .boxinner { width: 240px; height: 110px; background:url(./slash-gr.png); font-size: 16px; font-weight: bold; line-height: 1.5em; letter-spacing: 0.2em; }	
				#open .sec02 .box .col2 .boxinner p.txc { display: table-cell; vertical-align: middle; width: 240px; height: 110px; }
				#open .sec02 .box .col2 .col-l i { line-height: 110px;}	
				
		#open .sec02 .comment { box-sizing: border-box; width: 370px; height: 290px; margin: 0 auto; background:url(./bg-comment.png); background-size: contain;}	
			#open .sec02 .comment .inner { width: 280px; margin: 0 auto; }	
				#open .sec02 .comment .inner .redtxt { font-weight: bold; padding: 60px 0 10px;}	
			#open .sec02 .comment .overimg { bottom: -50px; right: -160px;}	
			
	#open .sec03 { padding: 80px 0;}	
			
	#open .sec04 { background: #FFECEF; padding: 80px 0; margin: -80px 0 60px; }	
		#open .sec04 .inner { width: 570px; margin: 0 auto;}	
		#open .sec04 .time { margin-bottom: 80px;}	
		#open .sec04 .photo { margin-bottom: 60px;}	
	
	#open .flame { margin-bottom: 80px;}	
	#open .flame02 { padding: 50px 0 60px; }
	
	
	
	
/* SUPPORT　/　EXAM / KYUJIN
==========================================================*/
	
#support {}	
#exam {}
#kyujin {}	
	#support .mainimg { height: 300px;}	
	#exam .mainimg { height: 260px;}	
	#support .mainimg .bgimg { top: 0; left: 0;}	
	#support .mainimg .overtxt { right: 30px; bottom: 30px;}
	#exam .mainimg .overtxt { right: 100px; top: 45px;}	
	
	#support .flame,
	#exam .flame,
	#kyujin .flame { margin-bottom: 60px;}	
	#support .flame .bigttl,
	#exam .flame .bigttl,
	#kyujin .flame .bigttl { margin: 60px auto;}	
	#support .flame .inner,
	#exam .flame .inner { margin-bottom: 60px; }	
	#support .flame .col-l,
	#support .flame .col-r { width: 350px; }
	#support .flame .midashi,
	#kyujin .flame .midashi { margin-bottom: 20px; }	
	#support .flame .redtxt { margin-bottom: 20px; }	
	
	#support .linkbtnouter { width: 760px; margin: 0 auto 60px; background: #F5F5F5; padding: 40px 0; }
	#support .linkbtn { width: 320px; margin: 0 auto; }
	
	#support .contactbox,
	#exam .contactbox { width: 660px; margin: 0 auto 60px;}
	#kyujin .contactbox { width: 620px; margin: 0 auto 60px;}
	#support .contactbox .midashi,
	#exam .contactbox .midashi,
	#kyujin .contactbox .midashi { height: 40px; line-height: 40px; margin-bottom: 30px; background: #F5F5F5; color: #4D4D4D; }
	#support .contactbox .col-l,
	#exam .contactbox .col-l { width: 320px;}
	#support .contactbox .col-r,
	#exam .contactbox .col-r { width: 310px;}
	
	#support .contactbox .linkbtn { box-sizing: border-box; width: 310px; height: 80px; line-height: 80px; font-size: 18px;}
	#exam .contactbox .linkbtn { box-sizing: border-box; width: 310px; height: 80px; line-height: 80px; font-size: 20px; background:url(./btnbg-bl.png) repeat-x; border: none; color: #fff; background-size: cover; }
	#kyujin .contactbox .linkbtn { box-sizing: border-box; width: 240px; height: 65px; line-height: 65px; font-size: 18px; }
	#support .contactbox .linkbtn .fa-envelope,
	#kyujin .contactbox .linkbtn .fa-envelope { padding-right: 10px;}
	#support .contactbox .linkbtn .fa-angle-right,
	#exam .contactbox .linkbtn .fa-angle-right { top: 30px;}
	
	#exam .bigttl-sub { width: 100%; text-align: left; margin-bottom: 30px; margin-top: 40px;}
	#exam table.about th { box-sizing: border-box; width: 120px; padding-left: 20px; font-weight: bold; line-height: 60px; background: #F2F2F2; }	
	#exam table.about td { box-sizing: border-box;  padding-left: 20px; padding-top: 20px; line-height: 25px;  }
	#exam table.about td p { margin-bottom: 20px; }

	table.exam { margin-bottom: 20px;}	
	table.exam tr { box-sizing: border-box; height: 50px; line-height: 50px; border-bottom: 1px dotted #ccc; }	
	table.exam tr.bg-pi { background: #029C77; border-bottom: none; color: #fff; font-weight: bold; }	
	.bg-wh { background: #fff; }	
	.bg-gr { background: #F5F5F5; }	
	table.exam th { box-sizing: border-box; width: 165px; font-weight: bold; padding-left: 15px; }
	table.exam td { box-sizing: border-box; width: 300px; border-left: 1px dotted #ccc; padding-left: 15px; }
	table.exam tr.bg-pi td { border-left: 1px solid #fff; }
	
#kyujin {}	
	#kyujin .sec01 {}	
		#kyujin .sec01 .inner { width: 620px;}	
		#kyujin .sec01 .inner .txt { margin-bottom: 60px;}	
	#kyujin .sec02 {}	
		#kyujin .sec02 .col3 { margin: 0 0 40px -20px;}	
		#kyujin .sec02 .col3 li { margin-left: 20px;}	
		#kyujin .sec02 .box { background: #F5F5F5; padding: 30px; margin-bottom: 60px; }	
		#kyujin .sec02 .box .txt { padding-left: 150px; font-size: 12px; }	
	#kyujin .sec03 {}	
		#kyujin .sec03 .bigttl-sub { color:#4D4D4D; font-style: normal; font-size: 16px; margin: -20px auto 40px;}	
		#kyujin .sec03 .inner { width: 470px; margin: 0 auto 30px;}	
	
	
/* FIELD
==========================================================*/

#field {}
	#field .mainimg { height: 370px;}
	#field .mainimg .bgimg { top: 0; right: 0;}
	#field .mainimg .overtxt { top: 70px; left: 0;}

	#field .secouter { width: 900px; margin: 0 auto; padding-bottom: 80px; margin-bottom: 80px; border-bottom: 1px solid #666;}
	#field .secouter .sec { }
	#field .secouter .sec .col-l,
	#field .secouter .sec .col-r { box-sizing: border-box; width: 450px; height: 350px;}
	#field .secouter .sec .inner { top: 40px; width: 220px; }
		#field .secouter .sec01 .inner { right: 50px; }
		#field .secouter .sec02 .inner { left: 50px; }
	#field .secouter .sec .redtxt { font-size: 20px; line-height: 20px; padding-bottom: 10px; border-bottom: 2px solid  #029C77; margin-bottom: 20px;}
	#field .secouter .sec .redtxt img { padding-right: 10px;}
	#field .secouter .sec .photo { bottom: 20px; }
		#field .secouter .sec01 .photo { left: 20px; }
		#field .secouter .sec02 .photo { right: 20px; }
		
		
/* RESULT
==========================================================*/

#result {}
	#result .mainimg { height: 340px;}
	#result .mainimg .bgimg { top: 0; right: 0;}
	#result .mainimg .overtxt { top: 35px; left: 30px;}
	#result .mainimg .overtxt02 { bottom: 35px; right: 30px;}
	
	#result .bigttl { margin-bottom: 60px;}
	#result .midashi { width: 500px; margin: 0 auto 40px;}
	#result .flame .inner { margin-bottom: 60px;}
	
	table.result { width: 760px; margin-bottom: 20px;}
	table.result tr { height: 40px; line-height: 40px; padding-left: 40px; border-bottom: 1px dotted #ccc;}
	table.result td { padding-left: 20px;}
	
	
	
	
/* EVENT
==========================================================*/

#event {}
#event .flame { margin-top: 60px;}
#event .flame02 { padding-bottom: 20px;}
#event .bigttl-sub { margin-bottom: 60px;}
	#event .linkbtnouter  { margin-left: -5px;}
	#event .linkbtnouter .linkbtn { float: left; width: 250px; margin-left: 5px; text-align: center; font-size: 18px; }
	#event .linkbtnouter .linkbtn.select { background: #28AA9B; color: #fff; position: relative; }
	#event .linkbtnouter .linkbtn.select .fa-caret-down { position: absolute; bottom: -18px; left: 120px; color: #28AA9B; }
	
#eventBlock {}
#eventBlock #eventGrad1Outer,
#eventBlock #eventGrad2Outer,
#eventBlock #eventGrad3Outer { min-height:200px; height: auto; }
#eventBlock #eventGrad1Outer,
#eventBlock #eventGrad2Outer,
#eventBlock #eventGrad3Outer { padding:40px 0;}
#eventGrad2Outer-set,
#eventGrad3Outer-set{ position:absolute; top:-600px;}

#eventBlock .monthBlock { position:relative; height: 90px;}
#eventBlock .monthBlockLeft  { position:absolute; width:310px; top:0; left:0;}
#eventBlock .monthBlockMonthOuter { position:absolute; margin-left: 35px; top:0; left:345px; width: 70px; height: 90px; border-left: 3px solid #E0E0E0; }
#eventBlock .last .monthBlockMonthOuter { height: 70px; }
#eventBlock .monthBlockMonth { margin-left: -35px; box-sizing: border-box; border: 1px solid #000; width: 70px; height: 70px; line-height: 70px; border-radius: 50%; font-size: 25px; color: #000; text-align:center; background: #fff; }
#eventBlock .monthBlockMonth span { font-size: 12px;}
#eventBlock .monthBlockRight { position:absolute; width:310px; top:0; right: 0;}

#eventBlock .box { box-sizing: border-box; width: 310px; background: #F5F5F5; border: 1px solid #E0E0E0;}
	#eventBlock .box p.txt { font-size: 16px; color: #000; padding: 20px 0 10px 20px;}
	#eventBlock .box p.photo { padding: 0 0 20px 20px;}
	#eventBlock .box p.ill { right: 20px; top: 20px;}
	
	#eventBlock .arrow  { position:absolute; z-index: 999; top: 10px;}
	#eventBlock .monthBlockLeft .arrow  { right: -5px;}
	#eventBlock .monthBlockRight .arrow { left: -5px;}
	
	
	
	
/* GALLERY
==========================================================*/

#gallery {}
#gallery .box { border-top: 2px solid #E0E0E0;}
#gallery .box .arrow { top: -28px; left: 50%; margin-left: -5px;}
#gallery .box .txc { padding-top: 10px; }


	 
/* VOICE
==========================================================*/

#voice {}
	#voice .voicenavouter { position: fixed; z-index: 999; left: 0; font-family: 'Noto Sans Japanese', serif;  }
	#voice .voicenavouter .inner { box-sizing: border-box; width: 160px; padding: 140px 0 40px 30px; background: #FF7580; }
	#voice .voicenavouter .overtxt { color: #fff; border-color: #fff; top: 0;}
	#voice .voicenavouter .voicenav { color: #fff; font-size: 13px; margin-bottom:30px;}
	#voice .voicenavouter .voicenav li a { color: #fff; }
	#voice .voicenavouter .voicenav .ttl { font-size: 16px; margin-bottom: 10px; font-weight: bold;}
	
	#voice h1, 
	#open h1 { height: 30px; margin-top: -30px;}
	
	#voice .voicelist {  }
	#voice .voicelist li { }
	#voice .voicelist li .poab { top: 20%; }
	#voice .catch { font-family: 'Noto Sans Japanese', serif; font-weight: 500; font-size: 40px; letter-spacing: 0.2em; line-height: 1.5em; font-style: oblique; margin-bottom: 30px; }
	#voice .catch span { letter-spacing: 0.1em; }
	#voice .voicelist .border { width: 30px; border-bottom: 1px solid #4D4D4D; margin-bottom: 20px; }
	#voice .voicelist .name { font-size: 18px; clear: both;  }
	#voice .voicelist .name span { font-size: 14px; padding-right: 10px; }
	#voice .voicelist .txt-l { text-align: left; }
	#voice .voicelist .txt-r { text-align: right; }
		#voice .voicelist .txt-l .border { float: left; }
		#voice .voicelist .txt-r .border  { float: right; }
		#voice .voicelist .txt-l .poab { left: 280px; }
		#voice .voicelist .txt-r .poab { right: 130px; }
	
#voice .contents { margin-bottom: 80px;}
#voice .photo { width: 40%; padding-bottom: 60px;}

#voice .sec { width: 55%;}
	#voice .sec .ico { position: absolute; top: 30px; right: 30px;}
	#voice .sec .ico p { width: 90px; height: 90px; border: 1px solid #FF7580; color: #FF7580; display: table-cell; box-sizing: border-box; vertical-align: middle; text-align: center; font-size: 16px; line-height: 1.7em; }
	#voice .sec .all { box-sizing: border-box; position: absolute; top: 140px; right: 30px; background: #FF7580; width: 90px; height: 30px; line-height: 30px;}
	#voice .sec .all a { color: #fff; }
	#voice .sec .all p { padding-left: 10px;}
	#voice .sec .all p .fa-caret-left { padding-right: 5px;}
	#voice .sec .inner { width: 540px; float: left;}
	#voice .sec .catch { color: #FF7580; margin: 80px 0 40px; }
	#voice .sec .namesub { font-size: 12px;}
	#voice .sec .name { font-size: 18px; margin-bottom: 40px;}
		#voice .sec .name span { font-size: 14px; margin-right: 10px;}
	#voice .sec .border { clear: left; border-bottom: 1px solid #000; margin-bottom: 60px;}
	#voice .sec .redtxt { font-family: 'Noto Sans Japanese', serif; font-weight: 500; margin-bottom: 40px; font-size: 18px; letter-spacing: 0.1em;}
	#voice .sec .txt { margin-bottom: 60px;}
	#voice .sec .box { box-sizing: border-box; width: 540px; border: 1px solid #000; padding: 40px 40px 0;}
	
	#voice .bnrouter { width: 100%;}
	#voice .bnrouter li { width: 33.333%; position: relative;}
		#voice .bnrouter .catch { position: absolute; top: 30px; left: 30px; font-size: 20px; color: #fff; }
		#voice .bnrouter .ico { position: absolute; bottom: 20px; left: 30px; box-sizing: border-box; color: #fff; width: 80px; height: 40px; line-height: 40px; border: 1px solid #fff; text-align: center;  }
	

@media screen and (max-width: 1290px) {
#voice .bnrouter .catch { position: absolute; top: 20px; font-size: 18px; }
#voice .bnrouter .ico { position: absolute; bottom: 20px; left: 30px;  height: 30px; line-height: 30px;  }
}	
@media screen and (max-width: 1100px) {
#voice .bnrouter .catch { position: absolute; top: 15px; font-size: 17px; line-height:1.4  }
#voice .bnrouter .ico { position: absolute; bottom: 15px; left: 30px;  height: 30px; line-height: 30px;   }
}	



#voice .bnrouter li,
#voice .voicelist li {
	-webkit-perspective: 2000px;
	perspective: 2000px;
}
#voice .voicelist li a{ transition: all .3s;}
#voice .voicelist li a:hover{ color:#fff;}


#voice .bnrouter li:hover ,
#voice .voicelist li:hover {
	background: #FF3346;opacity: 0.7;
	overflow:hidden;
}

#voice .bnrouter li:hover img,
#voice .voicelist li:hover img {opacity: 0.4;}

#voice .voicelist li img {
	-moz-transition: -moz-transform 0.3s ease-in-out;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out;
    -ms-transition: -ms-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
}
#voice .voicelist li:hover img {
	-webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}


#voice .voicelist li:hover .border{ border-bottom: 1px solid #fff !important; }


/* SITEMAP
==========================================================*/

#sitemap {}
	#sitemap .sec01 {}
	#sitemap .sec01 .inner { margin: 60px auto; }
	#sitemap .sec01 .sitemapouter { margin-left: -40px; }
	#sitemap .sec01 .sitemapouter ul { margin: 0 0 40px 40px; width: 160px; float: left;}
	#sitemap .sec01 .sitemapouter li { font-size: 13px; }
	#sitemap .sec01 .sitemapouter li.footttl { color: #029C77; font-size: 15px; border-bottom: 2px solid #029C77; margin-bottom: 10px;  }
	#sitemap .sec01 .sitemapouter li.footttl a { color: #029C77;  }
	
	
	
/* PRIVACY
==========================================================*/

#privacy {}
	#privacy .sec { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px dotted #666;}
	#privacy .sec.last { margin-bottom: 0; border-bottom: none;}
	#privacy .redtxt { font-family: 'Noto Sans Japanese', serif; font-size: 20px; margin-bottom: 20px; }
		#privacy .redtxt span { font-style: italic; font-size: 30px; padding-right: 10px; }
	#privacy .bold { margin: 20px 0 5px; font-size: 16px; }
	#privacy dl { margin-bottom: 20px;}
		#privacy dt { float: left; clear: left; font-weight: bold; color: #029C77;}
		#privacy dd { padding-left: 20px;}
	#privacy .box { border: 5px solid #f5f5f5; padding: 10px 30px 20px; margin-bottom: 60px; }



		
/* CONTACT FORM
==========================================================*/

#contact {}
	#contact .flame { margin-bottom: 60px;}
	#contact .flame02 { padding-bottom: 60px;}
	#contact .sec01 { }
		#contact .sec01 .midashi { margin-bottom: 20px; background: #F5F5F5; color: #4D4D4D; }
		#contact .sec01 .col-l { width: 460px; }
		#contact .sec01 .col-r { width: 240px; }
		#contact .sec01 .col-r li { margin-bottom: 10px; }
	#contact .sec03 { }
		#contact .sec03 .linkbtnouter { margin-left: -20px; }
		#contact .sec03 .linkbtnouter li { width: 240px; margin-left: 20px; }

.formCautionTxt { margin:10px 0 20px; padding:10px 15px; background:; border:solid 1px #029C77; color:#029C77; line-height:1.5; font-size:12px;}
.formCautionTxt ul { padding:5px 10px 0;}
		
.contactTable { width: 760px; border: 2px solid #F5F5F5; margin-bottom: 40px;}	
	.contactTable tr { border-bottom: 1px dotted #D3D3D3;}	
	.contactTable th { background: #F5F5F5; padding: 20px 15px;}	
	.contactTable td {padding: 20px 15px 10px;}	
		.contactTable td.hissu {  color: #fff; background:#029C77; text-align: center;}	
		.contactTable td.ninni {  color: #fff; background:#BFBFBF; text-align: center;}	
		.contactTable .td_midashi { background: #E0E0E0; }	
		.contactTable td input.w260 { width: 260px; height: 30px; text-align: left; border: 1px solid #BFBFBF; background: #fff; padding-left:5px; padding-right:5px;}	
		.contactTable td input.w180 { width: 180px; height: 30px; text-align: left; border: 1px solid #BFBFBF; background: #fff;padding-left:5px; padding-right:5px;}	
		.contactTable td textarea { width: 400px; height: 160px; border: 1px solid #BFBFBF; background: #fff;padding-left:5px; padding-right:5px;}
		.contactTable td .form_exam{ font-size: 12px; padding-left: 15px;}
		.contactTable th .form_exam{ font-size: 12px; line-height: 1.2em;}
		.contactTable span.cautionTxt { color: #029C77; }
		.contactTable label{ margin-right:10px; }

		.submitOuter { width: 600px; margin: 40px auto; text-align: center;}
			.submitOuter .col-l,.submitOuter .col-l { width: 260px; }
			.submitOuter button {  background: none; border: none; padding: 0; margin: 0; cursor: pointer;}

		.privacybox { width: 340px; margin: 40px auto 60px;}
			.privacybox a { float: left;}
			.privacybox p { padding-left: 120px; font-size: 12px;}

#app-siryo {}
	#app-siryo .linkbtnouter { width: 670px; margin: 0 auto 60px; }
	#app-siryo .linkbtnouter li { width: 320px; }




/* INFORMATION　/　BLOG
==========================================================*/
			
#information {}	
	#information .bigttl { margin: 80px auto 60px;}	
	
	#information .post-body br.clear{ display:none;}
	#information .postouter { margin-bottom: 40px; }	
	#information .postinner { width: 620px; margin: 60px auto; }	
		#information .postinner .post-title { color: #029C77; font-size: 25px; font-family: 'Noto Sans Japanese', serif; font-weight: bold; }	
		#information .postinner .post-date { color: #029C77; padding-bottom: 20px; border-bottom: 1px dotted #B2B2B2; margin-bottom: 40px;  }	
		#information .postinner .txt { }	
		
#blog {}
	#blog .bigttl { margin: 80px auto;}	
	#blog .bloglistarea { width: 900px; margin: 0 auto;}	
	#blog .bloglist  { width: 880px; margin-left: 0;}	
	#blog .bloglist li { box-sizing: border-box; width: 40%; min-height: 220px; margin: 0 4% 60px 4%; float:left; }	
	#blog .bloglist .photo{ margin-bottom: 10px;}	
	#blog .bloglist .photo img{ max-width:100%; height:auto; }
	#blog .bloglist .date{ padding-bottom: 5px; border-bottom: 1px dotted #ccc; margin-bottom: 5px; line-height: 1em; }	
	#blog .bloglist .blogttl { color: #029C77; line-height: 1.5em; text-decoration: underline;}	
	
	#blog .postouter { margin-bottom: 40px; }	
	#blog .postinner { width: 620px; margin: 60px auto 40px; }	
		#blog .postinner .post-title { color: #029C77; font-size: 25px; font-family: 'Noto Sans Japanese', serif; font-weight: bold; }	
		#blog .postinner .post-date { color: #029C77; padding-bottom: 20px; border-bottom: 1px dotted #B2B2B2; margin-bottom: 40px;  }	
		#blog .postinner .txt { margin-bottom: 60px;}
		#blog .postinner .post-photo { margin-bottom: 20px;}

	
.sidemenu02{ margin: 60px 0 0 -10px;}
		.sidemenu02  a{ font-size: 12px; line-height: 1.2em; height: auto; padding: 10px 0 10px 10px; text-decoration: underline; background: none; display: inline;}
		.sidemenu02  a:hover{ text-decoration: none;}
		.sidemenu02 p{ padding: 0; margin: 0;}
		.sidemenu02 p:hover{ background: none;}
		
		.sidemenu02 .wijet-list li{}
		
.pagerouter { width: 290px; width: auto; max-width: 620px; margin: 60px auto 80px;}	
	.pager { margin-left: -10px;}
	.pager p { float: left; margin-left: 10px; box-sizing: border-box; color: #029C77; border: 1px solid #029C77; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; }	
	.pager .select p { background: #029C77; color: #fff; }	
	
	.in-pager { width: 620px; height: 40px; margin: 0 auto 60px;}
		.in-pager li { box-sizing: border-box; border: 1px solid #029C77; color: #029C77; width: 40px; height: 40px; line-height: 50px; text-align: center;  }
		.in-pager li a{ color:#FF5B78; }
		.in-pager .next { float: right; }
		.in-pager .prev { float: left; }
	
	p.itiran { width: 900px; margin: 0 auto 60px; }
	p.itiran a { background:url(../images/common/arrow03.png) no-repeat left center; padding-left: 15px;}