@charset "UTF-8";


/* HACK
==========================================================*/


.sp-hide{ display: inline-block;}
.sp-hide-block{ display: block;}
.sp-show{ display:none;}
#gnav.sp-show{ height:0; overflow:hidden;}

.break-word {word-wrap: break-word;}

#sp-headerInner{ display:none;}
#eventBlock .sp-Inner-monthBlockLeft { display:none; }
.sp_nav { display:none; }





/* OVERWRITE
==========================================================*/
@media screen and (min-width: 1124px) {
#gnav { display: block !important; }
}
@media screen and (max-width: 1123px) {
}
@media screen and (max-width: 1123px) {
.sp-hide-block,
.sp-hide{ display: none;}
.sp-show{ display:inline-block;}
.sp-br-none br{display: none;}
#gnav.sp-show{ height:auto;}


#sp-headerInner{ position:fixed; background:#fff; top:0; left:0; width:100%; z-index:99999; line-height:0;  display:block;  }
#sphdContainer{ line-height:normal;  }
.sp_nav_logo{ float:left; width:54%;padding:0 2.5%; }
	.sp_nav_logo img{ max-height:60px;}
.sp_nav_mail{ float:left; width:13.6%;}
.sp_nav_tel { float:left; width:13.6%;}
.sphdtab{}
.sphdtab-l ,sphdtab-r{ float:left; width:13.4%;}
.sp_nav { display:block !important;}
	
	
img{ max-width:100%; height:auto;}


/* common
==========================================================*/
/*
.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;}



p.overtxt{ font-size: 75px; line-height: 75px; font-family: 'Noto Sans Japanese', serif; color: #029C77; font-weight: bold; font-style: oblique; border-bottom: 3px solid #029C77; padding-bottom: 20px; }

p.midashi { font-size: 16px; height: 35px; line-height: 35px; text-align: center; color: #fff; background: #029C77;}
p.redtxt { font-size: 18px; color: #029C77; line-height: 1.5em; }
p.txt { text-align: justify;}
.ls-0 { letter-spacing: 0;}

.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;}


*/


p.bigttl{ width: auto; margin: 0 auto; padding-bottom: 15px; font-family: 'Noto Sans Japanese', serif; font-size: 1.8em; }
p.bigttl-sub { width: auto; margin: 0 auto; font-size: 1.4em; }
p.bigttl-sub.mb80{ margin-bottom:40px !important;}

.topimg { position: inherit !important;  top: auto; height: auto; background: url(./bg-ttl.png) repeat-x; overflow:hidden;padding-top:10px; padding-bottom:10px;}
	.topimg .ttl { position: inherit !important; top: auto; left: auto; font-size: 1.8em; color: #fff; line-height: 1.5; letter-spacing: 0.1em; z-index: 1; }
	.topimg .ttl span { font-size: 40%; padding-left: 1em; display:none;  }
	.topimg .photo {  top: 0; right: 0; width:40%;}
	
.arrow02 { padding-left: 18px; background: url(../img/arrow02.png) no-repeat left center; background-size:12px auto;  }


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

.mainimg { width: auto; margin: 40px auto;}


/**/

.col-l{ float: none; }
.col-r{ float: none;  }

.flame.mt80,
.inner.mt80{ margin-top:40px !important;}

.kasou .contents { padding-left:0;}
.flame .inner { width: 92%; margin: 0 auto;}
.flame .bigttl { margin: 30px auto 20px; }

.br-none br{ display:none;}
.br-none-kill,
.br-none br.br-none-kill{ display:block;}

.mainimg{}
	.mainimg img{ width:100%; height:auto;}
	.mainimg .bgimg { top: 0; right: 0; position:static;}
	.mainimg .overtxt { top: 50px; left: 0; position:static; width: 72%;margin: -40px auto 0px;}
		
table th, table td{display: list-item; list-style:none; width: auto; word-wrap: break-word;}

		
		
/* header / footer
==========================================================*/
body { min-width: inherit;font: 13px/1.7 "メイリオ", meiryo, Arial, sans-serif;}
.inner { width: 92%; margin: 0 auto;}

.header{ padding-top: 0px; height: auto; }
		.header .col-l{ width:60%; padding:5px 0; margin-left:-2%; display: none;}
		.header .col-r .btn{ margin-bottom: 0px;}
			.header .col-r .btn li{ width: 30%; height: auto; display: none; }
		.header .col-r .dropmenu02{ display: none;}
		
	
#gnav { width: 104%; margin:0 -4%; display:none; position:absolute; z-index:99999;overflow:hidden; min-height:50vh; background:#fff; }
#gnav.topPageGnav { width: 100%;}


#gnav li{ float: none; width: 104%; }
	.dropmenu li a{ padding:3% 3%; border-top: 1px solid #fff;background: #C0E6DD;}
	.dropmenu li a i{ padding-right:3px;}
	.dropmenu li img{ display:none; }
	.dropmenu li .sp-show{ display:block !important; width:100%; }

	.dropmenu li{ position: static; }
	.dropmenu li ul{  width: 100%; position: static; z-index: 9999; top: auto; left: auto; display:none;}
	.dropmenu li ul li{}
	.dropmenu li ul li a{ padding: 10px 8% !important; border-top: 1px solid #fff;}
	.dropmenu li:hover ul{ top: auto; display:block;}
	
#Container.menunows{ height:100px !important; overflow:hidden;}




.sidemenu{ width: auto; margin-top: 20px; float: none; position:relative; z-index: 998; margin-left: 0px;
height:34px; overflow:hidden;}
	.sidemenu div{ width: auto ;}
	.sidemenu div li,
	.sidemenu div p{ width: auto ; margin-left: -10px; padding-left: 10px;}
		.sidemenu .select{background: #F2F2F2; }
		.sidemenu .select:hover{ background: #F2F2F2;}
		.sidemenu  a{ display: block; width:  auto; height: 44px; line-height:44px; }
		.sidemenu p:hover{ background: #F2F2F2;}
		.sidemenu .ttl p{ padding-left:50px; padding-bottom:4px;}
		.sidemenu .ttl p:hover{ background: #fff;}
		.sidemenu .last p{ border-bottom: 1px solid #D9D9D9; }
		
.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:0px; width:25px; height:21px; margin-left:0px; }
	.sidemenu  a.menu-trigger.active{ margin-left:0px; }
	
	.sidemenu.active {
	height: auto; overflow: auto;
	}





.pickup{ padding: 10px 4%; margin-top: 20px;  }
	.pickup .inner { width: auto; margin: 0 auto;}
	.pickup li { float: left; width:32.3%; margin-left:0; margin-right: 1%; }
	.pickup li.ttl { margin: 0; padding: 0px 15px 10px 0; float:none; }


.foottel{ padding-top: 10px; height: auto; background:none;}
.foottel .inner{ background: none;}
	.foottel .ill{ left: 0; top: 75px; display:none;}
	.foottel .col-l{ width: auto; margin-bottom:10px;}
		.foottel .col-l .txt{ margin-left: 0px; font-size:92%;}
	.foottel .col-r{ width: auto;}
		.foottel .col-r .tel{ float: none;width: auto; margin-bottom:10px;}
		.foottel .col-r .btn{ float: none;width: auto;}
			.foottel .col-r .btn li{ float: left; width: 50%; font-size:105%; padding:10px 0; height: auto; line-height: 1.5; margin-bottom: 5px;}
			
footer{ }
	footer .footmenu { margin:15px 0; margin-left: 0; background: none;background: #029C77; padding: 0;}
		footer .footmenu ul{ }
	footer .pagetop{ position:fixed; z-index:99; right: 0px; bottom: 0px; background: #029C77; width:42px; height:42px; text-align:center; line-height:1.3;}
	footer .pagetop a{ display: block; width:22px; height:22px; padding:10px;}
	.copy{ font-size: 10px; letter-spacing:normal; height: auto; line-height: inherit; margin-bottom: 45px;}

			footer .footmenu ul:nth-child(1),
			footer .footmenu ul:nth-child(2),
			footer .footmenu ul:nth-child(3),
			footer .footmenu ul:nth-child(4),
			footer .footmenu ul:nth-child(5),
			footer .footmenu ul:nth-child(6){ display:none; }
			footer .footmenu ul{ margin: 15px 4% 20px 0%; width: 46%; float: left; font-size:95%; letter-spacing:normal;}
			footer .footmenu ul:nth-child(8){ margin-left:4%; margin-right:0;}
			
/* SP Style Setting
----------------------------------------------------------------------------------------------*/


/* INDEX */
#index{}
	#index .header{ height: auto;}

	#index #gnav{ top: auto; z-index: 9999;}

	#index #thumb-h{ width: 100%;overflow-x:hidden;}
		#index #thumb-h .catch { z-index: 333; top: 9px; right: 9px; text-align:right; }
			#index #thumb-h .catch img{ width:10%;}
		#index #thumb-h .sp-slides { }
		#index #thumb-h .sp-thumbnails { position: static !important; bottom:auto;   }
		#index #thumb-h .sp-thumbnails img{ }
		#index #thumb-h .sp-thumbnails .sp-thumbnail { margin-left: 10px; }
		.sp-slide img{ width:100% !important;}
			

	#index .info{ background:url(./bg-dot.png); padding: 20px 0 20px;}
		#index .info .inner { width: 92%; margin: 0 auto; height: 140px; overflow:hidden;  overflow-y: scroll;}
			#index .info .poab { position: static; top: 0; left: 0; padding:10px 10px 0; line-height:1; }
			.indinfo-tt{ float:left; width:40%;}
			.indinfo-link{ float: right; width:36%; text-align:right;}
				#index .info .col-l p{ margin-bottom: 0px;}
			#index .info .col-r{ width: auto; padding:0px; clear: both; }
					#index .info .col-r dt{ font-size: 11px; letter-spacing:normal; line-height: 1.5; width: 20%; padding-left:3%;  float: left; clear: left;
					border-top: 1px dotted #999; border-bottom:none; padding-top:4px; padding-bottom:4px; }
					#index .info .col-r dd{ font-size: 13px; line-height: 1.5; margin-left:23%; width: 71.5%; padding-left:5.5%; 
					border-top: 1px dotted #999; border-bottom:none; padding-top:4px; padding-bottom:4px; 
					background:url(../img/arrow.png) no-repeat 10px center;
					 }
		
	#index .sec01{ padding: 10px 0; background: #fff;}
		#index .sec01 .col-l,
		#index .sec01 .col-r { width: auto;}
		#index .sec01 .ttl{ margin-bottom: 10px;}
		#index .sec01 .btn{ margin-left: -1%; margin-right:-1%;  padding-bottom:10px; }
			
			#index .sec01 .btn li{ float: left; width:45%; margin: 0 0 1% 1%; border: 0.5% solid #fff;}
			#index .sec01 .btn li.x2{ width:94.5%;}
				#index .sec01 .btn li.x2 p,
				#index .sec01 .btn li p{ height: 30px; line-height: 30px; font-weight: bold; padding-left: 5px; background: #fff;
				    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
				#index .sec01 .btn li.txtbtn { border: 2px solid #fff; width:47%; }
				#index .sec01 .btn li.txtbtn.x2 { width:96%; }
				#index .sec01 .btn li.txtbtn p {  height: auto; padding-left: 8px;}
						
	#index .sec02{ padding: 15px 0 20px;}
		#index .sec02 .ttl{ margin-bottom: 15px; width:40%;}
		#index .sec02 .btn{ margin-left: -1%; margin-right:-1%; }
			#index .sec02 .btn li{ float: left; width:48%; margin: 0 0 1% 1%; }
				#index .sec02 .btn li p{ height: 40px; line-height: 40px; padding-left: 10px; background: #fff; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
				
	#index .sec03{ padding: 20px 0 10px;}
		#index .sec03 .ttl{ margin-bottom: 30px;}
		#index .sec03 ul.voice{ margin-left: 0px;}
			#index .sec03 ul.voice li{ float: left; width: 45%; height: auto; margin:0 2.5% 20px;}
				#index .sec03 .voice .photo.poab{ position:static; top: auto; right: auto; margin-bottom:-34px; }
				#index .sec03 .voice .name.poab{ position:static; top: auto; left: auto; }
				#index .sec03 .voice .name img{ width:50%;}
					#index .sec03 .voice p.small{ color: #000; padding-top: 10px; font-size: 11px; letter-spacing:normal; line-height: 1.3em; }
					#index .sec03 .voice p.txt{  }
				#index .sec03 .voice .comment.poab{ position:static; z-index:1; clear:both; 
				 width: 96%; height: auto; padding: 3%; bottom: auto; text-align: left; font-weight: bold; line-height: 1.3em; background: #fff;
				 display:none; }
				
				


/* STRONG　／　PROGRAM
==========================================================*/

#strong {}
#program {}
	#strong .contents { }
	#strong .midashi { margin-bottom: 20px; font-size:1.05em;}
	#program .midashi { margin: 60px 0 20px; padding-left:4px; padding-right:4px;}
	#strong .redtxt,
	#program .redtxt { margin-bottom: 10px;}
		#strong .redtxt br,
		#program .redtxt br{ display:none; }
	#strong .txt { margin-bottom: 20px;}
	#strong .innerouter { width: auto; margin: 0 auto; padding-left: 0px; }
	
	#strong .sec01 { margin-left: 0%; height: auto; padding-top: 40px; background: url(./bg-gr.png) repeat;  margin-bottom: 40px;  }
	#program .sec01 { height: auto; background: #F2F2F2; margin-bottom:40px;}
	#strong .sec01 .inner { margin-left: -30%; width: auto; width: 92%; margin: 0 auto; height: auto; margin-bottom: 40px; float: none; }
		#strong .sec01 .overtxt { left: 20px; top: -30px;}
		#program .sec01 .overtxt { left: 0px; top: -30px;}
		#strong .sec01 .col-l { width: auto; }
		#strong .sec01 .col-r { width: auto;}
		#program .sec01 .col-l { width: auto; margin-bottom:-40px;}
		#program .sec01 .col-r { width:auto; }
	
	#strong .sec02 {}
	#strong .sec02 .inner { width: auto; height: auto; float:none; width: 92%; margin: 0 auto;  margin-bottom: 40px;}
		#strong .sec02 .overtxt { right: 20px; top: -30px;}
		#program .sec02 .overtxt { right: 0px; top: -30px;}
		#strong .sec02 .col-l { width: auto;}
		#strong .sec02 .col-r { width: auto;}
		#program .sec02{ margin-bottom:40px;}
		#program .sec02 .col-l { width: auto; }
		#program .sec02 .col-r { width: auto;margin-bottom:-40px;}
		
	
	#program .bigttl{  width: 92%; margin: 0 auto 40px; }
	#program .sec01 .inner, 
	#program .sec02 .inner{ width: 92%; margin: 0 auto 40px; }
		#program .mainimg { height: auto; }
	
		
	#program .contents .mainimg,
	#program .contents .inner { padding-left: 0px;}


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

#curriculum {}
#dental {}
	#curriculum .flame,
	#dental .flame{ margin-bottom: 30px;}
	#curriculum .flame02,
	#dental .flame02{ padding-bottom: 30px;}
		#curriculum .flame .imgarea,
		#dental .flame .imgarea { display: table-cell; vertical-align: middle; text-align: center; width: auto; height: auto; padding:15px;}
			#curriculum .flame .imgarea01 { background: url(./img01.png) no-repeat left top; background-size: cover;}
			#dental .flame .imgarea01 { background: url(./img01[1].png) no-repeat left top; background-size: cover;}
			#curriculum .flame .imgarea02 { background: url(./img02.png) no-repeat left top; background-size: cover;}
			#curriculum .flame .imgarea03 { background: url(./img03.png) no-repeat left top; background-size: cover;}
			#curriculum .flame .imgarea p,
			#dental .flame .imgarea p { display: inline-block; top: 0; left: 0; text-align: center; font-size: 22px; line-height: 1.4em;}
			#dental .flame .imgarea p { border: 1px solid #fff; width: auto; height: auto; line-height: normal; }
			
			#dental .col2 .txt,
			#curriculum .col2 .txt,
			#curriculum .col3 .txt{ margin-bottom:20px;}
			
			#curriculum .flame .imgarea p br,
			#dental .flame .imgarea p br { display:none;}
		
		#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: auto; margin-left: 35px; }
		#curriculum .flame .col2,
		#dental .flame .col2 { margin-left: -40px;}
		#curriculum .flame .col2 .col-l,
		#dental .flame .col2 .col-l { width: auto; margin-left: 40px; }
		#dental .flame  .col-r { margin-top: 10px; }
		
	.linkbtnouter,
	#curriculum .linkbtnouter,
	#program .linkbtnouter,
	#dental .linkbtnouter,
	#field .linkbtnouter { width: 92%; margin: 0 auto;}
	
	.linkbtnouter.mt120{ margin-top:40px !important;}

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

#skill {}
	#skill .bigttl{  width: 92%; }
	#skill .mainimg { height: auto;}
		#skill .mainimg .bgimg { top: 0; left: 0;}
		#skill .mainimg .overtxt { top: 50px; right: 0;}
	#skill .bigttl-sub { width: 92%; font-size: 18px; margin:0 auto; margin-bottom: 40px; }
	#skill .bigttl-sub br{ display:none;}
	
	#skill .sec01 { width: 92%; margin: 0 auto 60px; }
	#skill .sec01 .skill { margin: 0 0 -20px -20px; }
		#skill .sec01 li { float: none; background: #F2F2F2; position: relative; width: auto; height: auto; margin: 0 0 10px 20px; }
		#skill .sec01 .midashi { margin-bottom: 10px;}
		#skill .sec01 .txt { width: 90%; margin: 0 auto 0px; padding-bottom:20px;}
		#skill .sec01 .overtxt { color: #fff; border: none; font-size: 30px; position: absolute; bottom: -30px; right: 15px; }
		
	#skill .sec02 { width: 92%; height: auto; background: #F2F2F2; margin: 0 auto 30px; }
		#skill .sec02 .col-l { }
		#skill .sec02 .col-l .overtxt { font-size: 50px; padding-bottom: 0; left: 20px; top: -30px; }
		#skill .sec02 .col-r { width: auto; }
		#skill .sec02 .col-r .inner { width: auto; margin: 0px auto 0; }
		#skill .sec02 .redtxt { width: 90%; margin: 0 auto 0px; margin-bottom: 10px !important;}
		#skill .sec02 .txt { width: 90%; margin: 0 auto 0px; padding-bottom:20px;}	
			
	
/* FACILITY
==========================================================*/
		
#facility .bigttl{ width: 92%; }	
	#facility .mainimg { height: auto;}
		#facility .mainimg .bgimg { }
		#facility .mainimg .overtxt { top: 0px; left: 50%; position:static; width: 72%;margin: -100px auto 0px; margin-top:0; margin-left:-36%;
		position:absolute;top:50%;line-height:2;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2}
	#facility .sec01 { width: auto; margin: 0 auto 30px; }
	
div#floorMap { width:auto; height:auto; margin: 0 auto; position: static; background: url(./floor.png) no-repeat ; background:none; }
	
#scrollValue,
#girl1,
#girl2,
#girl3,
#girl4{ position:absolute; z-index:1;display:none; }


.floor { }
	.floor li { position: static; float:left; width:48%; margin:0 1% 2%; }
		.floor li.mt10 { margin-top:0 !important;}
		.floor li.mt50 { margin-top:0 !important;}
		.floor li.mt40 { margin-top:0 !important;}
		.floor li.mt180 { margin-top:0 !important;}
		.floor li.mt100 { margin-top:0 !important;}
		.floor li.mt130 { margin-top:0 !important;}
		.floor li.mt55 { margin-top:0 !important;}
		.floor li.mt70 { margin-top:0 !important;}
		.floor li.mt20 { margin-top:0 !important;}
		
		
	.floor .box { width:  auto; box-sizing: border-box; border: 1px solid #ccc; background:#fff; }
		.floor .box a { display: block; width:  auto; margin: 0 auto;}
		.floor .box img { padding-top: 0px;}
	.floor .arrow { position: absolute; top: -2px; display:none; }
	.floor .fl { position: absolute; display:none; }
	.floor .link { position: relative; font-weight: bold; color: #029C77; height: 35px; line-height: 35px; padding-left: 8px;}
		.floor .link i { position: absolute; top: 8px; right: 5px; }
	.floor .nolink { padding-left: 8px; color: #029C77; height: 25px; line-height: 25px; }
	
	.floor-g { }
		.floor-g .fl { right: auto; }
		.floor-g .box { } 
		.floor-g .arrow { right:auto;} 

	.floor-k { }
		.floor-k .fl { left: auto; }
		.floor-k .box { float: none;} 
		.floor-k .arrow { left: auto; } 
		
		.floor-k .box ,
		.floor-g .box img { max-width:100%;}
		
		
		
#popup { display:none;}
	.popupElem { width: auto; height: auto; margin: 0 auto; background:#fff; overflow:hidden;}

		.popupElemInner { width:  auto; margin: 0 auto; padding:5px 15px 30px; }
		.popupElemInner .bigttl { width:  auto; 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: 10px; left: 10px; top: 10px; }
		.popupElem .next { width: 10px; right: 10px; top: 10px; }


	
/* ABOUT
==========================================================*/
		
#about {}	
	#about .sec01 { width:92%; margin: 0 auto 30px;}	
	#about .sec01 .bigttl { margin: 40px auto 30px; }	
	
	table.about { box-sizing: border-box; border: 2px solid #F2F2F2;  width: 100%; padding: 5px;}	
	table.about tr { border-bottom: 1px dotted #ccc; }	
	table.about th { width: auto; height: auto; padding: 8px 15px; font-weight: bold; line-height: 1.5; background: #F2F2F2; box-sizing: border-box; }	
	table.about td { box-sizing: border-box;  padding: 8px 15px;line-height: 1.5;  }	
		
	#about .sec02 { margin-bottom: 40px; }	
	#about .sec02 .flame { width: auto; margin: 0 1%; }
	#about .sec02 .flame02 { width: auto; margin: 2px ;}
	#about .sec02 .bigttl {  width:92%;  margin: 40px auto;}	
	#about .sec02 .inner { width:90%;  margin: 0 auto 30px; }	
	#about .sec02 .midashi { margin-bottom: 20px;}
		#about .sec02 .midashi .poab { bottom: 0; left: 5px; }	
	#about .sec02 li { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 2px solid #F2F2F2; }	
	#about .sec02 li.last { padding: 0; margin: 0 0 20px; border: none; }	
	#about .sec02 .col-r{ width:50%;}
	#about  #maps{ width:100% !important; height:220px !important; margin:0 auto 20px; border-top: 10px solid #F2F2F2; border-bottom: 10px solid #F2F2F2; }
	



	
/* FAQ
==========================================================*/
	
#faq {}	
	#faq .bigttl { width: 92%; margin: 40px auto 30px; }	
	#faq .sec01 { width: 92%; margin: 0 auto 30px;}	
		#faq .sec01 .midashi { width: auto; margin-bottom: 15px;}	
		#faq .sec01 dl { margin-bottom: 20px;}	
			#faq .sec01 dt { position: relative; font-size: 15px; line-height:1.4; height: auto; 
			background: url(./q.png) no-repeat left top; background-size:24px auto; padding-left: 35px; padding-right:25px; padding-bottom:4px; margin-bottom: 15px;}	
				#faq .sec01 dt p { position: absolute; right: 0; top: -5px;}
			#faq .sec01 dd { padding-bottom: 20px;  background:url(./a.png) no-repeat left top; 
			background-size:24px auto; padding-left: 35px; padding-right:25px; margin-bottom: 20px}
	
.graph { width: 100%;}
.graph th,
.graph td { border: 1px solid #ccc; text-align: left; padding: 0; border-left: none; border-right: none; }
.graphhead td { background: #f3f3f3; }

.graphwrap { width: 100%; text-align: center; }
.graphwrap td { }
.graphwrap .col-l { width: 100%; }
.graphwrap .col-r { width: 90%; margin-left: 5%; }

			
/* OPEN
==========================================================*/
	
#open {}	
		#open .bigttl { position:relative; height: auto; margin-bottom: 20px; padding: 0; font-size: 1.6em; color: #029C77; background: url(./slash-wh.png) repeat-x top; }
	#open .bigttl-sub {  margin-bottom: 40px; }
	#open .linkbtn { width: auto; margin: 0 auto;}	
	
	#open .topimg-open { }	
		#open .topimg-open .overimg { z-index: 999; width: 72%; height: auto; margin: auto; top: 0; bottom: 0; left: 0; right: 0; padding-top:5px;}	
		#open .topimg-open .img-r { top: 10px; right: 10px; width: 20%; }
		#open .topimg-open .img-l { bottom: -10px; left: 10px; width: 20%;}	
		
	#open .dateouter,
	#open .sec04 .dateouter { width: auto; margin: 0 auto;}
	#open .dateouter ul { margin-left: -30px;}	
	#open .dateouter li { width: auto; margin-left: 30px;}	
	
		#open .dateouter .maru { width: 60%; height: auto; border-radius: 50%; margin:0 auto 20px; }
		#open .dateouter .manseki { width: 100%; height: 100%; line-height: 400%;}
		#open .dateouter .date { font-size: 30px; line-height: 30px; padding-top: 25px; letter-spacing: 0.1em;}	
		#open .dateouter .youbi { font-size: 20px; line-height: 20px; padding-top: 10px; padding-bottom:15px; letter-spacing: 0.1em;}	
	#open .time { width:92%; margin: 20px auto 40px; text-align: center; font-size: 20px; }
		
	#open .sec01 { }
		#open .sec01 .inner { width:auto; margin: 0 auto; }
	
	#open .photo { margin-left: 0; margin-bottom: 40px; }
		#open .photo li { margin-left: 1%; width: 32%; float:left; }
		#open .sec04 .photo li { margin-left: 1%; width: 49%; float:left; }
		#open .photo li img.poab { top: 0; left: 0; width: auto; }
		#open .photo li h1 { width: auto; }
		#open .photo .overtxt { top: -40px; left: 0px; width: 50px; }
			
	#open .sec02 { background: #FFECEF; padding: 50px 0 50px; margin-top: -40px;}	
	#open .sec02 .inner { width: auto; margin: 0 auto;}	
	
		#open .sec02 .boxouter { margin: 0px; width: auto; height: auto; background: url(./slash-pi.png) repeat;}	
		#open .sec02 .box { box-sizing: content-box; margin: -10px 0 0 -10px; width: auto; height: auto; background: #fff; position:static !important;}	
		#open .sec02 .arrow { display:none;}	
			#open .sec02 .box .redtxt { padding: 20px 30% 20px 30px; font-weight: bold;}	
			#open .sec02 .box .col2 { padding: 0px 20px 30px 30px;  margin-left: -20px;}	
				#open .sec02 .box .col2 .txc{ padding:5px;}
				#open .sec02 .box .col2 .txc.sp-show{ padding:0px 5px; line-height:1;}
				#open .sec02 .box .col2 .txc br{ display:none;}
			#open .sec02 .box .overimg { top: 0px; right: 0px;  width: 30%;  }	
				#open .sec02 .box .col2 .col-l { margin-left: 20px;}	
				#open .sec02 .box .col2 .boxinner { width: auto; height: auto; 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: auto; height: auto; }
				#open .sec02 .box .col2 .col-l i { line-height: inherit;}	
				
		#open .sec02 .comment { box-sizing: border-box; width: 92%; height: auto; margin: 20px auto 0; background:url(./bg-comment.png); background-size: cover; }	
			#open .sec02 .comment .inner { width: auto; margin: 0 auto; }	
				#open .sec02 .comment .inner .txt { padding: 0 26% 4%  4%; line-height:1.4; letter-spacing:normal;}	
				#open .sec02 .comment .inner .redtxt { font-weight: bold; padding: 12.5% 10px 10px;}	
			#open .sec02 .comment .overimg { bottom: 0px; right: 0px; width:22% ;}	
			
	#open .sec03 {  margin:0 auto 20px; padding: 20px 0;}	
			
	#open .sec04 { background: #FFECEF; padding: 80px 0 20px; margin: -80px 0 30px; }	
		#open .sec04 .inner { width: auto; margin: 0 auto;}	
		#open .sec04 .time { margin-bottom: 40px;}	
		#open .sec04 .photo { margin-bottom: 30px;}	
	
	#open .flame { margin-bottom: 40px;}	
	#open .flame02 { padding: 30px 0 30px; }




/* SUPPORT　/　EXAM / KYUJIN
==========================================================*/
	

#support {}	
#exam {}
#kyujin {}	
	#support .mainimg { height: auto;}	
	#exam .mainimg { height: auto;}	
	#support .mainimg .bgimg { top: 0; left: 0;}	
	#support .mainimg .overtxt  img{ background:#FCBBC8; padding:6% 4%; margin-left:-2%; }	
	#support .mainimg .overtxt { right: 0px; bottom: 0px;}
	#exam .mainimg .overtxt { top: 0px; left: 50%; position:static; width: 72%;margin: -100px auto 0px; margin-top:0; margin-left:-36%;
		position:absolute;top:50%;line-height:2;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2;}	
	
	#support .flame,
	#exam .flame,
	#kyujin .flame { margin-bottom: 30px;}	
	#support .flame .bigttl,
	#exam .flame .bigttl,
	#kyujin .flame .bigttl { width:92%; margin: 30px auto;}	
	#support .flame .inner,
	#exam .flame .inner { margin-bottom: 30px; }	
	#support .flame .col-l,
	#support .flame .col-r { width: auto; }
	#support .flame .midashi,
	#kyujin .flame .midashi { margin-bottom: 20px; }	
	#support .flame .redtxt { margin-bottom: 10px; }	
	#support .flame .txt{ margin-bottom:25px;}
	
	#support .linkbtnouter { width: auto; margin: 0 auto 30px; background: #F5F5F5; padding:20px 0; }
	#support .linkbtn { width:92%; margin: 0 auto; }
	
	#support .contactbox,
	#exam .contactbox { width: 92%; margin: 0 auto 30px;}
	#kyujin .contactbox { width: 92%; margin: 0 auto 30px;}
	#support .contactbox .midashi ,
	#exam .contactbox .midashi{ height: auto; line-height:1.4; margin: 0 -4% 10px; padding:5px 10px; background: #F5F5F5; color: #4D4D4D; }
	#kyujin .contactbox .midashi {  height: auto; line-height:1.4; margin: 0 -4% 10px; padding:5px 10px; background: #F5F5F5; color: #4D4D4D; }
	#support .contactbox .col-l,
	#exam .contactbox .col-l { width: auto;}
	#support .contactbox .col-r,
	#exam .contactbox .col-r { width: auto; margin-top:10px;}
	#support .contactbox .linkbtn { box-sizing: border-box; width: auto; height: 80px; line-height: 80px; font-size: 18px;}
	#exam .contactbox .linkbtn { box-sizing: border-box; width: auto; 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: auto; height: 65px; line-height: 65px; font-size: 20px; margin-top:10px; }
	#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;}
	#exam table.about th { width: auto; height: auto; padding: 8px 15px; font-weight: bold; line-height: 1.5; background: #F2F2F2;  }	
	#exam table.about td {  padding: 8px 15px;line-height: 1.5;  }	
	#exam table.about td p { margin-bottom: 10px; }

	table.exam { width:100%; margin-bottom: 20px;}	
	table.exam tr { box-sizing: border-box; height: auto; line-height: auto; border-bottom: 1px dotted #ccc; }	
	table.exam tr.bg-pi { background: #029C77; border-bottom: none; color: #fff; font-weight: bold; }	
	table.exam th { width: auto;  padding: 4px 15px 6px; line-height:1.4;}
	table.exam td { width: auto; padding:4px 15px 6px; border-left:none; line-height:1.4;}
	table.exam th:first-child,
	table.exam td:first-child { padding-top:10px;}
	table.exam tr.bg-pi td { border-left:none; }
	
#kyujin {}	
	#kyujin .sec01 {}	
		#kyujin .sec01 .inner { width: 92%;}	
		#kyujin .sec01 .inner .txt { margin-bottom: 30px;}	
	#kyujin .sec02 {}	
		#kyujin .sec02 .col3 { margin: 0 0 30px -1%;}	
		#kyujin .sec02 .col3 li { margin-left: 1%; width:32.3% ; float:left;}	
		#kyujin .sec02 .box { background: #F5F5F5; padding: 20px; margin-bottom: 60px; }	
		#kyujin .sec02 .box .txt { padding-left: 0px; font-size: 12px; padding-top:10px; }	
	#kyujin .sec03 {}	
		#kyujin .sec03 .bigttl-sub { color:#4D4D4D; font-style: normal; font-size: 16px; margin: -20px auto 40px;}	
		#kyujin .sec03 .inner {  width: 92%; margin: 0 auto 30px;}	


/* FIELD
==========================================================*/

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

	#field .secouter { width: 92%; margin: 0 auto; padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #666;}
	#field .secouter .sec { }
	#field .secouter .sec .col-l,
	#field .secouter .sec .col-r { box-sizing: border-box; width: auto; height: auto;}
		#field .secouter .sec .col-l .poab,
		#field .secouter .sec .col-r .poab{ position:inherit;}
	#field .secouter .sec .inner { top: 0px; width: auto; }
		#field .secouter .sec01 .inner { right: 0px; }
		#field .secouter .sec02 .inner { left: 0px;}
	#field .secouter .sec .redtxt { font-size: 1.4em; 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:auto; }
		#field .secouter .sec01 .photo { left: auto; width:25%; z-index:1; }
		#field .secouter .sec02 .photo { right: auto; width:25%; z-index:1;}
		
		#field .secouter .sec .col-l .photo{ float:left;}
		#field .secouter .sec .col-r .photo{ float:right;}
		#field .secouter .sec .col-l .inner{  padding:6% 5%; margin-left:24%;  }
		#field .secouter .sec .col-r .inner{  padding:6% 5%; margin-right:24%;}
		
		#field .secouter .sec02 .bg-wh {  background: #F5F5F5;}	
		#field .secouter .sec02 .bg-gr { background: #fff; }	
				


	
/* RESULT
==========================================================*/

#result {}
	#result .mainimg { height: auto;}
	#result .mainimg .bgimg { top: 0; right: 0;}
	#result .mainimg .overtxt { top: 0px; left: 5%; position:static; width: 46%;margin: -0px auto 0px; margin-top:0; 
		position:absolute;top:50%;line-height:2;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2;}
	
	#result .bigttl { width: 92%; margin-bottom: 30px;}
	#result .midashi { width: auto; margin: 0 auto 0px;}
	#result .flame .inner { margin-bottom: 30px;}
	
	table.result { width: 100%; margin-bottom: 20px;}
	table.result tr { height: auto; line-height: auto; padding-left: 0px; border-bottom: 1px dotted #ccc;}
	table.result th { width: auto; height: auto; padding: 6px 15px; font-weight: bold; line-height: 1.5;  }	
	table.result td {  padding: 6px 15px;line-height: 1.5;  }	
	table.result td p { margin-bottom: 10px; }
	table.result th:first-child,
	table.result td:first-child { padding-top:10px;}



/* EVENT
==========================================================*/

#event {}
#event .flame { margin-top: 40px;}
#event .flame02 { padding-bottom: 20px;}
#event .bigttl-sub { margin-bottom: 30px;}
	#event .linkbtnouter  { width:100%; margin-left: -1%; margin-bottom:10px;}
	#event .linkbtnouter .linkbtn { float: left; width: 32.3%; margin-left: 1%; text-align: center; font-size: 1.2em; padding:0;}
	#event .linkbtnouter .linkbtn.select { background: #28AA9B; color: #fff; position: relative; }
	#event .linkbtnouter .linkbtn.select .fa-caret-down { display:none; }
	
#eventBlock {}
#eventBlock #eventGrad1Outer,
#eventBlock #eventGrad2Outer,
#eventBlock #eventGrad3Outer { min-height: inherit; height: auto; }
#eventBlock #eventGrad1Outer,
#eventBlock #eventGrad2Outer,
#eventBlock #eventGrad3Outer { padding:60px 0 30px;}
#eventGrad2Outer-set,
#eventGrad3Outer-set{ position:inherit; top:0px;}

#eventBlock .monthBlock { position:relative; height: auto; }
#eventBlock .monthBlockLeft  { position: inherit; width:auto; top:0; left:0;}
#eventBlock .monthBlockMonthOuter { position:inherit; margin-left: 35px; top:0; left:auto; width: 70px; height: 100%; border-left: 3px solid #E0E0E0;  }
#eventBlock .last .monthBlockMonthOuter { height: 70px;z-index:1;  }
#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: inherit; width:auto; top:0; right: 0;}

#eventBlock .box { box-sizing: border-box; width: 68%; background: #F5F5F5; border: 1px solid #E0E0E0; margin-left:32%;}
	#eventBlock .box p.txt { font-size: 14px; color: #000; padding: 10px 10px 10px 10px;}
	#eventBlock .box p.photo { padding: 0 20px 10px 10px; width:60%;}
	#eventBlock .box p.ill { right: 10px; top: 10px; width:14px;}
	
	#eventBlock .arrow  { display:none;}
	#eventBlock .monthBlockLeft .arrow  { right: -5px;}
	#eventBlock .monthBlockRight .arrow { left: -5px;}
	
#eventGrad1Outer,
#eventGrad2Outer,
#eventGrad3Outer{ position: relative; margin-bottom:40px; }

#eventGrad1Outer::after,
#eventGrad2Outer::after,
#eventGrad3Outer::after {
	position: absolute;
	bottom: 0;
	left: 35px;
	z-index: -1;
	content: '';
	width:3px;
	height: 100%;
	background-color: #E0E0E0;
}

#eventBlock .monthBlockLeft{ display:none;}
#eventBlock .sp-Inner-monthBlockLeft{ display:block;}
#eventBlock .monthBlockRight{ position:relative; top:-20px; }
.monthBlockRight.mt-80,
.monthBlockRight.mt-170{ margin-top:0;}



/* GALLERY
==========================================================*/

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


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

#voice {}
	#voice .voicenavouter { position: fixed; margin-left:-160px; z-index:-1; }
	#voice .voicenavouter .inner { box-sizing: border-box; width: 160px; padding: 140px 0 40px 30px; background: #FF7580;}
	#voice .voicenavouter .overtxt { margin-left:140px; font-size:4.2em; }
	
	#voice h1, 
	#open h1 { height: 30px; margin-top: -30px;}
	
	
	
	#voice .voicelist { margin-bottom:10px;  }
	#voice .voicelist li { overflow:hidden; margin-left:-20%;}
	#voice .voicelist li img{}
	#voice .voicelist li .poab { top: 16%; }
	#voice .catch {  font-size: 1.9em; letter-spacing: 0.1em; line-height: 1.4em; font-style: oblique; margin-bottom: 10px; }
	#voice .col-r .catch br{ display:none;} 
	#voice .voicelist .catch {  font-size: 1.05em; }
	#voice .catch span { letter-spacing: 0.1em; }
	#voice .voicelist .border { width: 20px; border-bottom: none; margin-bottom: 0px; }
	#voice .voicelist .name { font-size: 13px; clear: both;  }
	#voice .voicelist .name span { font-size: 9px; padding-right: 10px; letter-spacing:normal; }
	#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: 20%; }
		#voice .voicelist .txt-r .poab { right: 4%; }
	
#voice .contents { margin-bottom: 40px;}
#voice .photo { width: 100%; padding-bottom: 60px; z-index:-2; position:relative;}

#voice .sec { width: 92%; margin:0 auto;}
	#voice .sec .ico { position: absolute; top: 80px; right: 20px;}
	#voice .sec .ico p { width: 14px; height: auto; padding:5px; border: 1px solid #FF7580; color: #FF7580; display: table-cell; box-sizing: border-box; vertical-align: middle; text-align: center; font-size: 14px; line-height: 1.2em; }
	#voice .sec .all { box-sizing: border-box; position: absolute; top: 190px; right: 20px; 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: auto; float: left;}
	#voice .sec .catch { color: #FF7580; margin: 0px 0 20px; }
	#voice .sec .namesub { font-size: 11px; }
	#voice .sec .name { font-size: 17px; margin-bottom: 40px;}
		#voice .sec .name span { font-size: 13px; margin-right: 10px;letter-spacing:normal;}
	#voice .sec .border { clear: left; border-bottom: 1px solid #000; margin-bottom: 40px;}
	#voice .sec .redtxt {margin-bottom: 20px; font-size: 17px; letter-spacing: 0.1em;}
	#voice .sec .txt { margin-bottom: 60px;}
	#voice .sec .box { box-sizing: border-box; width: auto; border: 1px solid #000; padding: 20px 20px 0;}
	
	#voice .bnrouter { width: 100%; margin-bottom:10px;}
	#voice .bnrouter li { width: 50%; position: relative; float:left; overflow:hidden;}
		#voice .bnrouter .catch { position: absolute; top: 8px; left: 8px; font-size: 9px; padding-right:20%; color: #fff; }
		#voice .bnrouter .catch br{ display:none;}
		#voice .bnrouter .ico { position: absolute; bottom: 8px; left: 8px; box-sizing: border-box;  font-size: 10px;
		color: #fff; width: 50px; height: 30px; line-height: 30px; border: 1px solid #fff; text-align: center; display:none;  }
		
		
	
	.voice-sp-ttl{background: url(./bg-ttl.png) repeat-x; background-size:cover; width:100%; }
		.voice-sp-ttl p{ font-size: 22vw; line-height: 22vw; font-family: 'Noto Sans Japanese', serif; color: #fff; font-weight: bold; font-style: oblique; padding: 8% 0 10%; text-align:center;}
		#voice .copy{ margin-bottom: 15px;}



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

#sitemap {}
	#sitemap .sec01 {}
	#sitemap .sec01 .inner { margin: 30px auto; }
	#sitemap .sec01 .sitemapouter { margin-left: 0px; }
	#sitemap .sec01 .sitemapouter ul { margin: 0 0 30px 0px; width: auto; float: none;}
	
	
	
/* PRIVACY
==========================================================*/


		

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

#contact {}
	#contact .flame { margin-bottom: 30px;}	
	#contact .flame02 { padding-bottom: 30px;}
	#contact .sec01 { }
		#contact .bigttl{ letter-spacing:normal; }
		#contact .sec01 .bigttl{ width: 92%;  }
		#contact .sec01 .midashi { margin-bottom: 10px; background: #F5F5F5; color: #4D4D4D; }
		#contact .sec01 .col-l { width: auto; margin-bottom: 10px; }
		#contact .sec01 .col-r { width: auto; }
		#contact .sec01 .col-r li { margin-bottom: 10px; }
	#contact .linkttl.mt60{ margin-top:30px !important; }
	#app-siryo .linkttl.mt60{ margin-top:30px !important; }
		#contact .sec03 .linkbtnouter { margin-left: 10px; }
		#contact .sec03 .linkbtnouter li { width: 100%; margin:0 auto; margin-bottom:10px; }

.formCautionTxt { margin:10px 0 20px; padding:10px 15px;}
.formCautionTxt ul { padding:5px 10px 0;}
		
.contactTable { width: 100%; border: 2px solid #F5F5F5; margin-bottom: 30px; font-size:17px;}	
	.contactTable tr { border-bottom: 1px dotted #D3D3D3;}	
	.contactTable th { background: #F5F5F5; padding: 6px 15px;}	
	.contactTable td { padding: 12px 15px 8px;}	
		.contactTable td.hissu {  color: #fff; background:#029C77;padding: 4px 15px 4px; font-size:70%;width:20%;}	
		.contactTable td.ninni {  color: #fff; background:#BFBFBF;  padding: 4px 15px 4px; font-size:70%; width:20%; }	
		.contactTable .td_midashi { background: #E0E0E0; }	
		.contactTable td input.w260{ display:block;}
		.contactTable td input.w260 { width: auto; width:90%; height: 30px; }	
		.contactTable td input.w180 { width: auto; width:40%; height: 30px; }	
		.contactTable td textarea { width: 100%; height: 140px; border: 1px solid #BFBFBF; background: #fff;}
		.contactTable td .form_exam{ font-size: 12px; padding-left: 15px;}
		.contactTable th .form_exam{ font-size: 12px; line-height: 1.2em;}
		
		.contactTable label{ display:block;height:auto;margin:0;  }
		.contactTable label input{  }

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

		.privacybox { width:92%; margin: 20px auto 30px;}
			.privacybox a { float: left; margin-right:3%;}
			.privacybox p { padding-left: 0px; font-size: 11px;}

#app-siryo {}
	#app-siryo .linkbtnouter { width: auto; margin: 0 auto 30px; }
	#app-siryo .linkbtnouter li { width: auto; margin-bottom:10px;}

#app-siryo .flame .redtxt br,
#contact .flame .redtxt br{ display:none;}


/* INFORMATION　/　BLOG
==========================================================*/
			
#information {}	
	#information .bigttl { width:92%; margin: 40px auto 30px;}	
	
	#information .postouter { margin-bottom: 20px; }	
	#information .postinner { width:88%;  margin: 20px auto 30px; }	
		#information .postinner .post-title { font-size: 1.7em; line-height:1.4;  }	
		#information .postinner .post-date {padding-bottom: 20px; margin-bottom: 20px;  }	
		#information .postinner .txt { }	
		
#blog {}
	#blog .bigttl { width: 92%; margin: 40px auto;}	
	#blog .bloglistarea { width: 92%; margin: 0 auto;}	
	#blog .bloglist  { width:104%; margin-left: -4%;}	
	#blog .bloglist li { box-sizing: border-box; width: 45%; min-height:inherit; height: auto; margin: 0 0 8% 4%; }	
	#blog .bloglist .photo{ margin-bottom: 10px;}	
	#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: 88%; margin: 30px auto 20px; }	
		#blog .postinner .post-title { font-size: 1.7em; line-height:1.4; }	
		#blog .postinner .post-date {  padding-bottom: 20px;  margin-bottom:20px;  }	
		#blog .postinner .txt { margin-bottom: 60px;}
		#blog .postinner .post-photo { margin-bottom: 20px;}

	.sidemenu02{ margin: 30px 0 0 -10px;}
		.sidemenu02  a{ font-size: 12px; line-height: 1.2em; height: auto; padding: 8px 0 8px 10px; }
		.sidemenu02 .ttl{ text-align:center; }
				.sidemenu02 .ttl p{ padding-left:0px; }
	.sidemenu02 .wijet-list-arc li{ line-height: 1.5em;  }
	.sidemenu02 .wijet-list-arc li a{ float:left;}
	.sidemenu02 .wijet-list-arc li:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }

		
.pagerouter { width: 92%; margin: 30px auto 20px;}	
	.pager { margin-left: -8px;}
	.pager p { float: left; margin-left: 8px;  width: 32px; height: 32px; line-height:32px; text-align: center; font-size: 16px; }	
	.pager .select p { background: #029C77; color: #fff; }	
	
	.in-pager { width: 88%; height: 32px; margin: 0 auto 30px;}
		.in-pager li {  width: 32px; height: 32px; line-height:32px; text-align: center;  }
		.in-pager .next { float: right; }
		.in-pager .prev { float: left; }
	
	p.itiran { width: auto; margin: 0 auto 30px; padding-right:4%; }
	p.itiran a { background:url(../images/common/arrow03.png) no-repeat left center; padding-left: 15px;}
	







}
	




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