/*
Theme Name: 熊本県弁護士会
Version: 1.0
*/
/*####################################################################################

  	default

　####################################################################################*/



/* color */

.white		{ color:#fff; }
.black		{ color:#000; }
.gray80		{ color:#333; }
.gray60		{ color:#666; }
.gray40		{ color:#999; }
.gray20		{ color:#ccc; }
.red		{ color:#f00; }
.red2		{ color:#c00; }
.red3		{ color:#c33; }
.red4		{ color:#ff7070;}
.red5		{ color:#730d0b;}
.blue		{ color:#00f; }
.blue2		{ color:#000078; }
.blue3		{ color:#264795; }
.blue4		{ color:#252d72; }
.green		{ color:#330; }
.green2		{ color:#090; }
.green3		{ color:#060; }
.green4		{ color:#324f00; }
.green5		{ color:#666800; }
.orange		{ color:#f90; }
.orange2	{ color:#fa4e25; }
.yellow		{ color:#ffc; }
.yellow2		{ color:#ff0; }
.pink		{ color:#c66; }
.brown		{ color:#930; }



/*  background  */

.bgcwhite	{ background-color:#fff; }
.bgcblack	{ background-color:#000; }
.bgcgray80	{ background-color:#333; }
.bgcgray60	{ background-color:#666; }
.bgcgray40	{ background-color:#999; }
.bgcgray20	{ background-color:#ccc; }
.bgcgray10	{ background-color:#e6e6e6; }
.bgcgray-eee{ background-color:#eee; }
.bgcblue1	{ background-color:#b8cdff; }
.bgcblue2	{ background-color:#e3ebff; }
.bgcblue3	{ background-color:#bfd7ff; }
.bgcorange	{ background-color:#fc6; }
.bgcYG		{ background-color:#d6f2a9; }



/* font-size */

.fsx0 		{ font-size:8px; }
.fsx1 		{ font-size:10px; }
.fsx2 		{ font-size:12px; }
.fsx3		{ font-size:14px; }
.fsx4		{ font-size:16px; }
.fsx5		{ font-size:18px; }
.fsx6		{ font-size:24px; }
.fsx7  		{ font-size:36px; }

.fs0 		{ font-size:xx-small; }
.fs1 		{ font-size:x-small; }
.fs85 		{ font-size:85%; }
.fs2 		{ font-size:small; }
.fs3		{ font-size:medium; }
.fs4		{ font-size:large; }
.fs5		{ font-size:x-large; }
.fs6		{ font-size:xx-large; }



/* line-height  */

.lhm2 		{ line-height:0.8em; }
.lhm1 		{ line-height:0.9em; }
.lhm0 		{ line-height:1.0em; }
.lh0 		{ line-height:1.1em; }
.lh1 		{ line-height:1.2em; }
.lh2 		{ line-height:1.4em; }
.lh150 		{ line-height:1.5em; }
.lh3 		{ line-height:1.6em; }
.lh4 		{ line-height:1.7em; }



/*  padding  */

.padding0		{ padding:0; }
.padding1		{ padding:5px; }
.padding2		{ padding:10px; }
.padding3		{ padding:15px; }
.paddingM		{ padding:20px; }
.paddingL		{ padding:30px; }
.paddingLL		{ padding:40px; }

.paddingtop0	{ padding-top:0; }
.paddingtop1	{ padding-top:5px; }
.paddingtop2	{ padding-top:10px; }
.paddingtop3	{ padding-top:15px; }
.paddingtopM	{ padding-top:20px; }
.paddingtopL	{ padding-top:30px; }
.paddingtopLL	{ padding-top:40px; }

.paddingbottom0	{ padding-bottom:0; }
.paddingbottom1	{ padding-bottom:5px; }
.paddingbottom2	{ padding-bottom:10px; }
.paddingbottom3	{ padding-bottom:15px; }
.paddingbottomM	{ padding-bottom:20px; }
.paddingbottomL	{ padding-bottom:30px; }
.paddingbottomLL{ padding-bottom:40px; }

.paddingleft0	{ padding-left:0; }
.paddingleft1	{ padding-left:5px; }
.paddingleft2	{ padding-left:10px; }
.paddingleft3	{ padding-left:15px; }
.paddingleftM	{ padding-left:20px; }
.paddingleftL	{ padding-left:30px; }
.paddingleftLL	{ padding-left:40px; }

.paddingright0	{ padding-right:0; }
.paddingright1	{ padding-right:5px; }
.paddingright2	{ padding-right:10px; }
.paddingright3	{ padding-right:15px; }
.paddingrightM	{ padding-right:20px; }
.paddingrightL	{ padding-right:30px; }
.paddingrightLL	{ padding-right:40px; }

.paddingheight0	{ padding-top:0;padding-bottom:0; }
.paddingheight1	{ padding-top:5px;padding-bottom:5px; }
.paddingheight2	{ padding-top:10px;padding-bottom:10px; }
.paddingheight3	{ padding-top:15px;padding-bottom:15px; }
.paddingheightM	{ padding-top:20px;padding-bottom:20px; }
.paddingheightL	{ padding-top:30px;padding-bottom:30px; }
.paddingheightLL{ padding-top:40px;padding-bottom:40px; }

.paddingwidth0	{ padding-left:0;padding-right:0; }
.paddingwidth1	{ padding-left:5px;padding-right:5px; }
.paddingwidth2	{ padding-left:10px;padding-right:10px; }
.paddingwidth3	{ padding-left:15px;padding-right:15px; }
.paddingwidthM	{ padding-left:20px;padding-right:20px; }
.paddingwidthL	{ padding-left:30px;padding-right:30px; }
.paddingwidthLL	{ padding-left:40px;padding-right:40px; }



/*  margin  */

.margin0		{ margin:0; }
.margin1		{ margin:5px; }
.margin2		{ margin:10px; }
.margin3		{ margin:15px; }
.marginM		{ margin:20px; }
.marginL		{ margin:30px; }
.marginLL		{ margin:40px; }

.margintop0		{ margin-top:0; }
.margintop1		{ margin-top:5px; }
.margintop2		{ margin-top:10px; }
.margintop3		{ margin-top:15px; }
.margintopM		{ margin-top:20px; }
.margintopL		{ margin-top:30px; }
.margintopLL	{ margin-top:40px; }

.marginbottom0	{ margin-bottom:0; }
.marginbottom1	{ margin-bottom:5px; }
.marginbottom2	{ margin-bottom:10px; }
.marginbottom3	{ margin-bottom:15px; }
.marginbottomM	{ margin-bottom:20px; }
.marginbottomL	{ margin-bottom:30px; }
.marginbottomLL	{ margin-bottom:40px; }

.marginleft0	{ margin-left:0; }
.marginleft1	{ margin-left:5px; }
.marginleft2	{ margin-left:10px; }
.marginleft3	{ margin-left:15px; }
.marginleftM	{ margin-left:20px; }
.marginleftL	{ margin-left:30px; }
.marginleftLL	{ margin-left:40px; }

.marginright0	{ margin-right:0; }
.marginright1	{ margin-right:5px; }
.marginright2	{ margin-right:10px; }
.marginright3	{ margin-right:15px; }
.marginrightM	{ margin-right:20px; }
.marginrightL	{ margin-right:30px; }
.marginrightLL	{ margin-right:40px; }

.marginheight0	{ margin-top:0;margin-bottom:0; }
.marginheight1	{ margin-top:5px;margin-bottom:5px; }
.marginheight2	{ margin-top:10px;margin-bottom:10px; }
.marginheight3	{ margin-top:15px;margin-bottom:15px; }
.marginheightM	{ margin-top:20px;margin-bottom:20px; }
.marginheightL	{ margin-top:30px;margin-bottom:30px; }
.marginheightLL	{ margin-top:40px;margin-bottom:40px; }

.marginwidth0	{ margin-top:0;margin-right:0; }
.marginwidth1	{ margin-top:5px;margin-right:5px; }
.marginwidth2	{ margin-left:10px;margin-right:10px; }
.marginwidth3	{ margin-left:15px;margin-right:15px; }
.marginwidthM	{ margin-left:20px;margin-right:20px; }
.marginwidthL	{ margin-left:30px;margin-right:30px; }
.marginwidthLL	{ margin-left:40px;margin-right:40px; }

.center			{ margin-left:auto;margin-right:auto; }



/* font-family */

.ff1			{ font-family:sans-serif; }
.ff2			{ font-family:serif; }
.ff3			{ font-family:cursive; }
.ffn			{ font-family:monospace; }
.ffm			{ font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;}


/* font-decoration */

.bold			{ font-weight:bold; }
.italic			{ font-style:italic; } 



/* text-align */

.align-center	{ text-align:center; }
.align-left		{ text-align:left; }
.align-right		{ text-align:right; }



/* etc */

.dn				{ text-decoration:none; }
.du				{ text-decoration:underline; }
.ln				{ list-style-type:none; }
.clear			{ clear:both; }
.clear hr		{ display:none; }

.clearfix{zoom:1;}
.clearfix:after{
  content: ""; 
  display: block; 
  clear: both;
}

.displaynone	{ display:none; }
.block			{ display:block; }
.inline			{ display:inline; }
.floatleft		{ float:left; }
.floatright		{ float:right; }

.bordertopnone		{ border-top:0px; }
.borderrightnone	{ border-right:0px; }
.borderbottomnone	{ border-bottom:0px; }
.borderleftnone		{ border-left:0px; }

.listLalpha		{ list-style:lower-alpha; }
.listUalpha		{ list-style:upper-alpha; }
.listLroman		{ list-style:lower-roman; }
.listUroman		{ list-style:upper-roman; }

.nowrap{white-space:normal;}

.opacitylink:hover{
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}



/*####################################################################################

  	WP

　####################################################################################*/


.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.detailnote ul{margin-left: 20px;}

.detailnote ol{margin-left: 25px;}

.detailnote blockquote {
	border-left: 4px solid #707070;
	border-left: 4px solid rgba(51, 51, 51, 0.7);
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-size: 18px;
	font-size: 1.8rem;
	font-style: italic;
	line-height: 1.6667;
	margin-bottom: 1.6667em;
	padding-left: 0.7778em;
}

.detailnote a {color:#00f;}

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




/*####################################################################################

  	BASS

　####################################################################################*/


/* ------------------------ サイトの基本構造 ------------------------ */

html{height:100%;overflow-y:scroll;}
body{
	height:100%;
	margin:0;
	padding:0;
	color:#4d4d4d;
	font-size:0.9em;
	font-family:'Noto Sans JP', sans-serif;
	font-weight:400;
	line-height:1.9em;
	letter-spacing:0.07em;
    animation:fadeIn 2s ease 0s 1 normal;
    -webkit-animation:fadeIn 2s ease 0s 1 normal;
	-webkit-text-size-adjust:100%;
}

@media screen and (max-width:480px){
body{line-height:1.8em;}
}

@keyframes fadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}

@-webkit-keyframes fadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}

#wrapper,
.wrapper{
	width:100%;
	position:relative;
	/*overflow:hidden;*/
}
	

/* ------------------------ サイトの固有属性 ------------------------ */

h1,h2,h3,h4,h5{
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:1em;
}

rt{font-size:1em;}

ul,ol,dl,li,dl,dt,dd{padding:0;margin:0;}

img,area,table{border:0;}

figure{margin:0;}

a{color:#444;}
a:hover{color:#c00;}

sup{
	font-size:0.6em;
  vertical-align:baseline;
  position:relative;
  top:-1ex;
}

a img:hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}
a img{
	-webkit-transition:opacity 0.3s ease-out;
	-moz-transition:opacity 0.3s ease-out;
	-ms-transition:opacity 0.3s ease-out;
	transition:opacity 0.3s ease-out;
}

input[type="submit"]{-webkit-appearance:none;}


/* 共通部品 ---------------------------------- */



/* グローバルヘッダー */

#globalheader{
	width:100%;
	height:155px;
	/*margin-bottom:-100px;*/
	position:relative;
	z-index:1000;
}

#globalheader:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 55px;
    background-color: #0098e8;
}

#globalheader.fixed{
	position:fixed;
	top:-100px;
    bottom: 0;
	border:none;
}
	

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

#globalheader{
	height:80px;
	margin:0;
	background-image:none;
}

}

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

#globalheader:after {
    display: none;
}

}

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

#globalheader{
	height:60px;
}

}

	/*#globalheader.fixed .headerinner{
		max-width:1000px;
		width:96%;
		margin:0 auto;
	}*/



	#globalheader .inner{
		max-width:1000px;
		width:100%;
		margin:0 auto;
		height:100px;
	}

	/*#globalheader.fixed .inner{
		width:240px;
		margin:0;
		float:left;
	}*/
/*
@media screen and (max-width:1020px){
	
	#globalheader .inner{
		width:96%;
		margin:0 auto;
	}

}
*/
@media screen and (max-width:1020px){
	
	#globalheader .inner{
		width:100%;
		height:80px;
		margin:0;
		background-color:#fff;
		position:relative;
		z-index:100;
	}

}

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

	#globalheader .inner{
		width:96%;
		padding:0 2%;
		height:60px;
	}

}

	#globalheader h1{
		width:274px;
		padding-top:23px;
		float:left;
	}
	#globalheader h1 img{
		width:100%;
		position:relative;
	}

	/*#globalheader.fixed h1{
		width:240px;
		padding-top:10px;
	}*/

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

	#globalheader h1{
		padding:12px 0 0 2%;
	}
	#globalheader h1 img{
	}
	
}

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

	#globalheader h1{
		width:240px;
	}
	#globalheader h1 img{
		top:5px;
	}
	
}

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

	#globalheader h1{
		width:200px;
	}
	#globalheader h1 img{
		top:8px;
	}
	
}

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

	#globalheader h1{
		width:164px;
	}
	#globalheader h1 img{
		top:1px;
	}
	
}


/* ヘッダー右 */


	#globalheader .inner .note{
		width:470px;
		padding-top:17px;
		float:right;
		text-align:right;
	
	}

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

	#globalheader .inner .note{
		width:445px;
		padding:6px 2% 0 0;
	}
	
}

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

	#globalheader .inner .note{
		display:none;
	}
	
}


	#globalheader .inner .note p{
		width:350px;
		margin:0 0 5px;
		letter-spacing:0;
	}

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

	#globalheader .inner .note p{
		margin:0;
	}
	
}

	#globalheader .inner .spnote{
		width:240px;
		height:42px;
		margin-top:19px;
		margin-right:30px;
		float:right;
		display:none;
		position:relative;
	}


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

	#globalheader .inner .spnote{
		display:block;
	}
	
}

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

	#globalheader .inner .spnote{
		width:130px;
		height:28px;
		margin-right:0;
		margin-top:10px;
	}

}

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

	#globalheader .inner .spnote{
		margin-top:0;
	}

}

@media screen and (max-width:370x){

	#globalheader .inner .spnote{
		width:67px;
	}

}

	#globalheader .inner .telnum{
		margin-right:20px;
		font-size:2.4em;
		font-weight:500;
		letter-spacing:-0.03em;
		float:right;
	}

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

	#globalheader .inner .telnum{
		font-size:1.8em;
		float:none;
		text-align:center;
	}
	
}



	#globalheader .inner .telnum:before{
		content:url(/shared/img_telmark.png);
		margin-right:5px;
		position:relative;
	}


	#globalheader .inner .note a{
		display:block;
		width:200px;
		height:28px;
		color:#fff;
		font-size:0.9em;
		text-align:center;
		text-decoration:none;
		line-height:28px;
		float:right;
		border-radius:14px;
		background-color:#228ece;
	}

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

	#globalheader .inner .note a{
		display:none;
	}
	
}

	.headerinner .inner h3{
		width:100px;
		line-height:1.3em;
		float:left;
		position:relative;
		top:11px;
	}
	.headerinner .inner h3 br{display:none;}

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

	.headerinner .inner h3{
		width:50px;
		font-size:0.7em;
		line-height:1.3em;
		top:15px;
	}
	.headerinner .inner h3 br{display:inline;}

}

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

	.headerinner .inner h3{
		display:none;
	}

}

	.phone{
		display:none;
		width:42px;
		height:100%;
		padding-right:15px;
		float:right;
		border-right:1px solid #0098e8;
		position:relative;
		right:17px;
	}

	.pc{
		display:none;
		width:42px;
		height:100%;
		padding-left:15px;
		float:right;
		position:relative;
		right:17px;
	}

@media screen and (max-width:1000px){
	.phone,.pc{display:block;}
}

@media screen and (max-width:750px){
	
	.phone,.pc{
		width:28px;
		top:16px;
		right:10px;
	}
	
	.phone{
		padding-right:10px;
	}
	
	.pc{
		padding-left:10px;
	}
	
}

@media screen and (max-width:430px){
	
	.phone,.pc{
		width:28px;
		top:16px;
	}
	
	.phone{
		padding-right:10px;
	}
	
	.pc{
		padding-left:10px;
	}
	
}

	.phone img,
	.pc img{
		width:100%;
	}





/******************************************************/

	

.menubtn{
	display:none;
	width:40px;
	height:22px;
	padding:19px 10px;
	outline: none;
	border: none;
	font-size: 20px;
	float:right;
	position:relative;
	top:-2px;
}

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

@media screen and (max-width:430px){
	
	.menubtn{
		padding:9px 0;
		top:5px;		
	}
		
}


.menubtn .menu_icon01{
  display: block;
  float: left;
  cursor: pointer;
  transition: all 0.2s ease-in;
}
.menubtn .menu_icon01 span{
  display: block;
  width: 30px;
  height:2px;
  background: #333;
  margin-bottom:8px;
  transition: all 0.4s ease-out;
}
.menubtn.open .menu_icon01{
  transform: rotate(-45deg);
}
.menubtn.open .menu_icon01 .bar1{
  transform: rotate(0deg) translateY(10px);
}
.menubtn.open .menu_icon01 .bar2{
  opacity: 0;
}
.menubtn.open .menu_icon01 .bar3{
 transform: rotate(-90deg) translateX(10px);
}



/********************* メイン項目 *********************/


	main{
		margin:0 0 -12px;
		position:relative;
		top:-12px;
	}

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

	main{
		margin:0;
		top:0;
	}

}



		.ttl_wrapper{
			clear:both;
			padding-bottom:4px;
			background:linear-gradient(to right,#0098e8,#48c850);
		}


		.ttl_content{
			display:-webkit-flex;
			display:flex;
 			justify-content: center;
			-webkit-align-items:center;
			align-items:center;
			height:136px;
			color:#0098e8;
			font-size:2.2em;
			font-weight:500;
			text-align:center;
			letter-spacing:0.07em;
			background-color:#ebf0f5;
		}

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

		.ttl_content{
			height:120px;
			font-size:1.8em;
		}

	}

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

		.ttl_content{
			height:96px;
			font-size:1.6em;
		}

	}
	
	main .inner{
		max-width:1000px;
		width:90%;
		margin:0 auto;		
	}
	
	


/* パンくず */

	.pankuzu{
		border-bottom:1px solid #e4e4e4;		
	}

		.pankuzu ol{
			max-width:1000px;
			width:94%;
			margin:0 auto;		
			padding:5px 0;
		}
			
			.pankuzu ol{zoom:1;}
			.pankuzu ol:after{
			  content: ""; 
			  display: block; 
			  clear: both;
			}

	
			.pankuzu li{
				font-size:0.9em;
				list-style:none;
				float:left;
			}
			.pankuzu li:after{
				content:">";
				margin-right:16px;
				position:relative;
				left:8px;
			}
			.pankuzu li:nth-last-of-type(1):after{content:"";}


	
	
	

/************ セクション共通 ************/

	/* リンクボタン */

	.linkbtn{
		display:block;
		width:100px;
		height:100px;
		margin:0 auto 20px;
		color:#000;
		font-size:1.4em;
		font-weight:500;
		letter-spacing:0;
		line-height:100px;
		text-align:center;
		text-decoration:none;
		background-color:#fc0;
		border-radius:50px;
	}

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

	.linkbtn{
		width:80px;
		height:80px;
		margin:0 auto;
		font-size:1.1em;
		line-height:80px;
		border-radius:40px;
	}

}



			.modoru{
				display:block;
				width:100px;
				height:24px;
				padding:0 0 0 10px;
				color:#fff;
				font-size:0.8em;
				float:right;
				line-height:25px;
				text-align:center;
				text-decoration:none;
				background-color:#369;
				background-image:url(/shared/img_yajirushi-white5.png);
				background-repeat:no-repeat;
				background-size:10px auto;
				background-position:5px 50%;
				border-radius:3px;
				position:relative;
				top:15px;
				z-index:100;
			}
			.modoru:hover{
				color:#ff6;
				background-color:#266ecc;
			}


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

			.modoru{
				width:100px;
				margin-bottom:-20px;
				height:20px;
				line-height:21px;
				top:15px;
			}
	
		}




	/* 丸付き番号 */
	
	ol.marunum li{
		margin-left:20px;
		list-style:none;
	}
	
	ol.marunum li:before{
		margin-right:-15px;
		position:relative;
		left:-20px;
	}
	ol.marunum li:nth-of-type(1):before{content:"①"}
	ol.marunum li:nth-of-type(2):before{content:"②"}
	ol.marunum li:nth-of-type(3):before{content:"③"}
	ol.marunum li:nth-of-type(4):before{content:"④"}
	ol.marunum li:nth-of-type(5):before{content:"⑤"}
	ol.marunum li:nth-of-type(6):before{content:"⑥"}
	ol.marunum li:nth-of-type(7):before{content:"⑦"}
	ol.marunum li:nth-of-type(8):before{content:"⑧"}
	ol.marunum li:nth-of-type(9):before{content:"⑨"}
	ol.marunum li:nth-of-type(10):before{content:"⑩"}
	ol.marunum li:nth-of-type(11):before{content:"⑪"}
	ol.marunum li:nth-of-type(12):before{content:"⑫"}
	ol.marunum li:nth-of-type(13):before{content:"⑬"}
	ol.marunum li:nth-of-type(14):before{content:"⑭"}
	ol.marunum li:nth-of-type(15):before{content:"⑮"}
	ol.marunum li:nth-of-type(16):before{content:"⑯"}
	ol.marunum li:nth-of-type(17):before{content:"⑰"}
	ol.marunum li:nth-of-type(18):before{content:"⑱"}
	ol.marunum li:nth-of-type(19):before{content:"⑲"}
	ol.marunum li:nth-of-type(20):before{content:"⑳"}
	ol.marunum li:nth-of-type(21):before{content:"?"}
	

	/* ※付き番号 */
	
	ol.komenum li{
		margin-left:35px;
		list-style:none;
	}
	
	ol.komenum li:before{
		margin-right:-25px;
		position:relative;
		left:-35px;
	}
	ol.komenum li:nth-of-type(1):before{content:"※1"}
	ol.komenum li:nth-of-type(2):before{content:"※2"}
	ol.komenum li:nth-of-type(3):before{content:"※3"}
	ol.komenum li:nth-of-type(4):before{content:"※4"}
	ol.komenum li:nth-of-type(5):before{content:"※5"}
	ol.komenum li:nth-of-type(6):before{content:"※6"}
	ol.komenum li:nth-of-type(7):before{content:"※7"}
	ol.komenum li:nth-of-type(8):before{content:"※8"}
	ol.komenum li:nth-of-type(9):before{content:"※9"}
	ol.komenum li:nth-of-type(10):before{content:"※10"}


	/* ※ */
	
	.kome{
		margin-left:16px;
		list-style:none;
	}
	
	.kome:before{
		content:"※";
		margin-right:-11px;
		position:relative;
		left:-16px;
	}

	/* ● */
	
	.maru{
		margin-left:20px;
		list-style:none;
	}
	
	.maru:before{
		content:"●";
		margin-right:-15px;
		position:relative;
		left:-20px;
	}

	/* ■ */
	
	.mashikaku{
		margin-left:20px;
		list-style:none;
	}
	
	.mashikaku:before{
		content:"■";
		margin-right:-15px;
		position:relative;
		left:-20px;
	}



	/* カギカッコ数字 */
	
	.kakko1,.kakko2,.kakko3,.kakko4,.kakko5,.kakko6,.kakko7,.kakko8,.kakko9,.kakko10{
		margin-left:22px;
		margin-right:-22px;
		list-style:none;
	}
	
	.kakko1:before,
	.kakko2:before,
	.kakko3:before,
	.kakko4:before,
	.kakko5:before,
	.kakko6:before,
	.kakko7:before,
	.kakko8:before,
	.kakko9:before,
	.kakko10:before{		
		margin-right:-18px;
		position:relative;
		left:-22px;
	}
	.kakko1:before{content:"(1)";}
	.kakko2:before{content:"(2)";}
	.kakko3:before{content:"(3)";}
	.kakko4:before{content:"(4)";}
	.kakko5:before{content:"(5)";}
	.kakko6:before{content:"(6)";}
	.kakko7:before{content:"(7)";}
	.kakko8:before{content:"(8)";}
	.kakko9:before{content:"(9)";}
	.kakko10:before{content:"(10)";}
		
	
	ol.kakko li{
		margin-left:35px;
		list-style:none;
	}
	
	ol.kakko li:before{
		margin-right:-25px;
		position:relative;
		left:-35px;
	}
	ol.kakko li:nth-of-type(1):before{content:"(1)"}
	ol.kakko li:nth-of-type(2):before{content:"(2)"}
	ol.kakko li:nth-of-type(3):before{content:"(3)"}
	ol.kakko li:nth-of-type(4):before{content:"(4)"}
	ol.kakko li:nth-of-type(5):before{content:"(5)"}
	ol.kakko li:nth-of-type(6):before{content:"(6)"}
	ol.kakko li:nth-of-type(7):before{content:"(7)"}
	ol.kakko li:nth-of-type(8):before{content:"(8)"}
	ol.kakko li:nth-of-type(9):before{content:"(9)"}
	ol.kakko li:nth-of-type(10):before{content:"(10)"}


	/* テキストリンク */
	
	.linktext{
		margin:0 0 0 20px;
		padding-left:15px;
		text-decoration:none;
		background-image:url(/shared/img_triangle-red.png);
		background-repeat:no-repeat;
		background-position:0 50%;
		background-size:4px auto;
		position:relative;
		top:5px;		
	}

	.linktext:hover{
		text-decoration:underline;
	}




		/* 一覧リストページリンク */

		.page-navi{
			max-width:1060px;
			width:90%;
			margin:20px auto 0
		}
		
			.page-navi li{
				width:110px;
				list-style:none;
			}

			.next-page{
				float:right;
				text-align:right;
				background:url(/shared/btn_next.gif) no-repeat 100% 50%;
			}
			.prev-page{background:url(/shared/btn_next.gif) no-repeat 0 50%;}
				
			.page-navi a{
				height:20px;
				font-size:0.8em;
				/*font-family:'kozuka-gothic-pr6n','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;*/
				font-weight:500;
				text-decoration:none;
				line-height:22px;
				display:block;
			}
			.next-page a{padding-right:28px;}
			.prev-page a{padding-left:30px;}




.notfound{
	padding:200px 0 0;
	color:#e73656;
	font-size:2.0em;
	font-weight:500;
	text-align:center;
}

@media screen and (max-width:640px){
	
.notfound{
	padding:100px 0 0;
	font-size:1.2em;
}

}

				
	/* ページの先頭へ */

	#link-to-header{
		width:112px;
		margin-top:-142px;
		bottom:5px;
		right:20px;
		position:fixed;
		z-index:10000;
		display:none;
	}

	#link-to-header img{width:100%;}

@media screen and (max-width:1020px){
	
	#link-to-header{
		width:95px;
		margin-top:-120px;
		right:10px;
	}
	
}

@media screen and (max-width:480px){
	
	#link-to-header{
		margin:0 auto;
		right:0;
	}
	
}

				
/* フッター ---------------------------------- */

#globalfooter{
	width:100%;
	padding-top:15px;
	letter-spacing:0.05em;
	position:relative;
	z-index:300;
}

#globalfooter.footeractive{
	position:fixed;
	bottom:0;
}


/* フッターサイトマップ */

.footerhead{
	max-width:1000px;
	width:96%;
	margin:0 auto;
	padding:40px 0 0;
}

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

.footerhead{
	/*width:600px;*/
	
}
	
}
@media screen and (max-width:640px){

.footerhead{
	display:none;
	
}
	
}


	.footer-sitemap{
		width:calc(88% / 5);
		margin:0 3% 30px 0;
		float:left;
	}
	.footer-sitemap:nth-last-of-type(1){
		margin-right:0;
	}

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

	.footer-sitemap{
		width:calc(94% / 3);
	}
	.footer-sitemap:nth-last-of-type(3){
		margin-right:0;

	}
}

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

	.footer-sitemap{
		display:none;
	}
	
}
	
		.footer-sitemap h3{
			margin-bottom:8px;
			color:#0098e8;
			font-size:1.1em;
			font-weight:500;
			border-bottom:1px dotted #0098E8;
		}

		.footer-sitemap h3 a{
			color:#0098e8;
			text-decoration:none;
		}

	.footer-sitemap:nth-last-of-type(1) h3:nth-of-type(1),
	.footer-sitemap:nth-last-of-type(1) h3:nth-of-type(1) a{
		color:#48c850;
	}


		.footer-sitemap h3 a:hover{
			color:#c33;
			text-decoration:underline;
		}
	
			.footer-sitemap li{
				font-size:0.95em;
				font-weight:500;
				list-style:none;
				line-height:1.9em;
				
			}

				.footer-sitemap li a{
					text-decoration:none;
				}
	
				.footer-sitemap li a:hover{
					text-decoration:underline;
				}
	
			.footer-sitemap li:before{
				content:">";
				margin-right:5px;
				color:#0098e8;
			}








/* フッターアドレス */


	.footermain{
		padding:60px 0 40px;
		border-top:1px solid #ccc;
	}

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

	.footermain{
		padding:45px 0 25px;
	}
	
}
		.footermain .inner{
			width:90%;
			margin:0 auto;
			text-align:center;
		}

	.footermain h2{
		width:274px;
		margin:0 auto 27px; 
	}
	.footermain h2 img{
		width:100%;
		position:relative;
	}

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

	.footermain h2{
		width:200px;
		margin-bottom:15px;
	}
	
}

    ul.footer-privacy {
        display: grid;
        grid-template-columns: 100%;
        grid-gap: 10px 0;
        max-width: 322px;
        margin: 0 auto 10px;
        padding: 0;
        list-style: none;
        box-sizing: border-box;
    }

    ul.footer-privacy li {
        margin: 0;
        padding: 0;
    }

    ul.footer-privacy li a {
        display: block;
        padding: 6px 0;
        border: 1px solid #0097e8;
        border-radius: 8px;
        text-align: center;
        text-decoration: none;
        color: #0097e8;
    }

    ul.footer-submenu {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 0 10px;
        max-width: 322px;
        margin: 0 auto;
        padding: 0;
        list-style: none;
        box-sizing: border-box;
    }

    ul.footer-submenu li {
        margin: 0;
        padding: 0;
    }

    ul.footer-submenu li a {
        display: block;
        padding: 6px 0;
        border: 1px solid #0097e8;
        border-radius: 8px;
        text-align: center;
        text-decoration: none;
        color: #0097e8;
    }


@media screen and (min-width:641px){
    
    ul.footer-privacy {
        display: block;
        max-width: none;
        margin: 15px auto;
        text-align: center;
        letter-spacing: -0.4em;
    }
    
    ul.footer-privacy li {
        display: inline-block;
        position: relative;
        margin: 0 20px;
        letter-spacing: normal;
    }
    
    ul.footer-privacy li:not(:first-child)::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: -20px;
        width: 1px;
        height: 100%;
        background-color: #ccc;
    }
    
    ul.footer-privacy li a {
        padding: 2px 0;
        border: none;
        color: #444;
    }
    
    ul.footer-submenu {
        display: none;
    }
    
} /* min 641px -- */

@media screen and (min-width:1050px){
    
    ul.footer-privacy li a:hover {
        text-decoration: underline;
        color: #c00;
    }
    
} /* min 1050px -- */

a.footerlink {
    display: block;
    width: 260px;
    margin: 30px auto 0;
    padding: 16px 18px 16px 42px;
    background-image: url("../shared/icon_outlink.svg");
    background-size: 12px 12px;
    background-position: left 22px top 24px;
    background-repeat: no-repeat;
    border: 1px solid #ccc;
    text-align: left !important;
    text-decoration: none;
    transition: background-color 0.5s, color 0.5s;
}

a.footerlink:hover {
    background-color: #ebf0f5;
}


@media screen and (max-width:480px){
    
    a.footerlink {
        margin: 30px auto;
    }
    
}



		.copyright{
			clear:both;
			height:50px;
			margin:0;
			color:#fff;
			font-size:0.8em;
			text-align:center;
			line-height:50px;
			letter-spacing:0.2em;
			background-color:#0098e8;
		}
			
	@media screen and (max-width:520px){
			
		.copyright{
			height:auto;
			padding:10px 0;
			font-size:0.7em;
			line-height:1.5em;
		}
			
	}
	


		/* 一覧リストページリンク */



		#navigation{
			clear:both;
			margin-top:12px;
		}
		
		#navigation:after{
			content: "";
			display: block;
			visibility: hidden;
			clear: both;
			height: 0px;
		}
		* html #navigation{display: inline-table;}
		/* no ie mac \*/
		* html #navigation{height:1%;}
		#navigation{display: block; min-height:0;}
		/* */
		
			#navigation p{
				width:80px;
				margin:0;
			}		
		
			.nextlist{
				float:right;
				text-align:right;
			}
			
			#navigation p a{text-decoration:none;}





	.blocksp{display:none;}
	.blocksp0{display:none;}
	.blocksp0-5{display:none;}
	.blocksp1{display:none;}
	.blocksp1-5{display:none;}
	.blocksp2{display:none;}
	.blocksp2-5{display:none;}
	.blocksp3{display:none;}
	
	.inlinesp{display:none;}
	.inlinesp0{display:none;}
	.inlinesp0-5{display:none;}
	.inlinesp1{display:none;}
	.inlinesp1-5{display:none;}
	.inlinesp2{display:none;}
	.inlinesp2-5{display:none;}
	.inlinesp3{display:none;}
	
	.noblsp{display:block;}
	.noblsp0{display:block;}
	.noblsp0-5{display:block;}
	.noblsp1{display:block;}
	.noblsp1-5{display:block;}
	.noblsp2{display:block;}
	.noblsp2-5{display:block;}
	.noblsp3{display:block;}
	
	.noilsp{display:inline;}
	.noilsp0{display:inline;}
	.noilsp0-5{display:inline;}
	.noilsp1{display:inline;}
	.noilsp1-5{display:inline;}
	.noilsp2{display:inline;}
	.noilsp2-5{display:inline;}
	.noilsp3{display:inline;}

	@media screen and (max-width:1200px){
		.blocksp{display:block;}
		.inlinesp{display:inline;}
		.noblsp{display:none;}
		.noilsp{display:none;}
	}

	@media screen and (max-width:1020px){
		.blocksp0{display:block;}
		.inlinesp0{display:inline;}
		.noblsp0{display:none;}
		.noilsp0{display:none;}
	}

	@media screen and (max-width:840px){
		.blocksp0-5{display:block;}
		.inlinesp0-5{display:inline;}
		.noblsp0-5{display:none;}
		.noilsp0-5{display:none;}
	}

	@media screen and (max-width:770px){
		.blocksp1{display:block;}
		.inlinesp1{display:inline;}
		.noblsp1{display:none;}
		.noilsp1{display:none;}
	}

	@media screen and (max-width:640px){
		.blocksp1-5{display:block;}
		.inlinesp1-5{display:inline;}
		.noblsp1-5{display:none;}
		.noilsp1-5{display:none;}
	}


	@media screen and (max-width:480px){
		.blocksp2{display:block;}
		.inlinesp2{display:inline;}
		.noblsp2{display:none;}
		.noilsp2{display:none;}
	}

	@media screen and (max-width:400px){
		.blocksp2-5{display:block;}
		.inlinesp2-5{display:inline;}
		.noblsp2-5{display:none;}
		.noilsp2-5{display:none;}
	}

	@media screen and (max-width:370px){
		.blocksp3{display:block;}
		.inlinesp3{display:inline;}
		.noblsp3{display:none;}
		.noilsp3{display:none;}
	}



	.inlinesp-noilsp1{display:none;}
	@media screen and (max-width:1200px){.inlinesp-noilsp1{display:inline;}}
	@media screen and (max-width:770px){.inlinesp-noilsp1{display:none;}}

	.inlinesp0-noilsp1{display:none;}
	@media screen and (max-width:997px){.inlinesp0-noilsp1{display:inline;}}
	@media screen and (max-width:770px){.inlinesp0-noilsp1{display:none;}}

	
	


/*####################################################################################

  	共通

　####################################################################################*/


	/* stdsec */

	.stdsec{
		margin:0;
		padding:80px 0 40px;
	}

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

	.stdsec{
		padding:60px 0 20px;
	}

}

		.stdsec .inner{
			max-width:1000px;
			width:90%;
			margin:0 auto;
			line-height:1.9em;
		}
	
		.stdsec .inner{zoom:1;}
		.stdsec .inner:after{
		  content: ""; 
		  display: block; 
		  clear: both;
		}


		.stdsec h3{
			margin-bottom:40px;
			padding-top:35px;
			font-size:1.7em;
			font-weight:500;
			text-align:center;
		}

		#index .stdsec h3{
			padding-top:35px;
			background-image:url(/shared/bg_lbl.png);
			background-repeat:no-repeat;
			background-position:50% 0;
		}


		.stdsec h3.lbl_content{
			margin-bottom:25px;
			padding:10px 2.5% 10px;
			color:#fff;
			text-align:left;
			line-height:1.4em;
			background-color:#0098e8;
			border-radius:6px;
		}

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

		.stdsec h3.lbl_content{
			font-size:1.6em;
			padding:10px 4% 10px;
		}

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

		.stdsec h3.lbl_content{
			font-size:1.5em;
			padding:10px 5% 10px;
		}

	}


			.stdsec h3.lbl_content + p{
				margin-bottom:45px;
				font-size:1.1em;
			}

		.stdsec .inner{
			max-width:1000px;
			width:90%;
			margin:0 auto;
		}

		.stdnote h4{
			padding:12px 2.5% 10px;
			color:#0098e8;
			font-size:1.4em;
			font-weight:500;
			line-height:1.4em;
			background-color:#f4f4f4;
			border-radius:6px;
            position: relative;
		}


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

		.stdnote h4{
			padding:12px 4% 10px;
			font-size:1.3em;
		}

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

		.stdnote h4{
			padding:12px 5% 10px;
			font-size:1.2em;
		}

	}

		.stdnote h4 + .note{
			margin:30px 0 50px;
			font-size:0.95em;
		}

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

		.stdnote h4 + .note{
			margin:20px 0 30px;
		}

	}


		.linebox{
			margin-bottom:32px;
			padding:45px 2.5% 25px;
			-moz-box-shadow:0 0 0 1px #e4e4e4 inset;
			-webkit-box-shadow:0 0 0 1px #e4e4e4 inset;
			box-shadow:0 0 0 1px #e4e4e4 inset;
			border-radius:6px;
		}

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

		.linebox{
			margin-bottom:28px;
			padding:40px 4% 20px;
		}

	}

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

		.linebox{
			margin-bottom:24px;
		}

	}


			.linebox dt{
				margin-bottom:40px;
				color:#0098e8;
				font-weight:500;
			}
			
			.linebox dt:before{
				content:"Q";
				margin-right:-15px;
				font-weight:900;
				font-size:1.4em;
				position:relative;
				top:-25px
			}

			.linebox dd:before{
				content:"A";
				margin-right:-15px;
				color:#0098e8;
				font-weight:900;
				font-size:1.4em;
				position:relative;
				top:-25px
			}


		.linebox + p{
			margin:30px 0 50px;
		}

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

		.linebox + p{
			margin:20px 0 30px;
		}

	}
	
	.contactnote{
		font-size:1.2em;
		font-weight:500;
	}
	
		.contactnote h5{
			color:#0098e8;
			font-weight:500;
		}
	


		.indexlink{
			background-color:#ebf0f5;
		}

			.indexlink .inner{
				max-width:1000px;
				width:90%;
				margin:0 auto;
				padding:40px 0;
			}
	
	
	
		.stdnote h4 + .note ol{
			margin-left:25px;
		}
	
			.stdnote h4 + .note ol h5{
				margin-bottom:5px;
				font-weight:500;
			}

			.stdnote h4 + .note ol li{margin-top:15px;}
		
			.stdnote h4 + .note ol li:nth-of-type(1){margin-top:0;}
	
	
	
	
	
	
	

/*####################################################################################

  	HOME

　####################################################################################*/

.mainvisual{
	width:100%;
	overflow-x: hidden;
	margin-bottom:-10px;
}
.mainvisual.spimage{
	display:none;
}

@media (max-width: 750px){

.mainvisual{
	display:none;
}
.mainvisual.spimage{
	display:block;
}

}

.container{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px;
}

.swiper-container{
	width: 100%;
	height: 100%;
	overflow: visible;
	z-index: 1;
}

@media (max-width: 1000px){
	.swiper-slide img{width:100%;}
}



.swiper-button-prev,
.swiper-button-next{
	fill: #fff;
	stroke: none;
	stroke-width: 0;
	z-index: 10000;
	width: 20px;
	margin-top: -18px;
	background-image: none;
}

.swiper-pagination-bullet-active{
	background: #fff;
}

@media (min-width: 1000px){
	.swiper-button-prev,
	.swiper-button-next {
		width: 27px;
		margin-top: -22px;
	}
}



		.mainvisual + .ulwrapper{
			padding:40px 0;
			background-color:#ebf0f5;
		}

		.mainvisual + .ulwrapper >ul{
			max-width:1000px;
			width:90%;
			margin:0 auto;
		}

			.mainvisual + .ulwrapper > ul li{
				width:32%;
				margin-right:2%;
				list-style:none;
				text-align:center;
				float:left;
				background-color:#fff;
				border-radius:6px;
				-moz-box-shadow:0 0 0 1px #e4e4e4 inset;
				-webkit-box-shadow:0 0 0 1px #e4e4e4 inset;
				box-shadow:0 0 0 1px #e4e4e4 inset;
				word-break:break-all;
				word-wrap:break-word;
			}
			.mainvisual + .ulwrapper > ul li:nth-last-of-type(1){margin-right:0;}

			.mainvisual + .ulwrapper > ul li a{
				display:block;
				width:100%;
				padding:20px 0;
				text-decoration:none;
			}

			.mainvisual + .ulwrapper > ul li img{
				width:150px;
			}
		
			.mainvisual + .ulwrapper > ul li h4{
				margin:5px 0 0;
				font-size:1.2em;
				font-weight:500;
			}

			.mainvisual + .ulwrapper > ul li p{
				width:85%;
				margin:10px auto 20px;
				line-height:1.7em;
			}

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

			.mainvisual + .ulwrapper > ul li{
				width:100%;
				margin:0 0 20px 0;
				text-align:left;
				float:none;
			}

			.mainvisual + .ulwrapper > ul li a{
				width:95%;
				padding:20px 5% 20px 0;
			}

			.mainvisual + .ulwrapper > ul li a{zoom:1;}
			.mainvisual + .ulwrapper > ul li a:after{
			  content: ""; 
			  display: block; 
			  clear: both;
			}


			.mainvisual + .ulwrapper > ul li img{
				width:100px;
				float:left;
			}

			.mainvisual + .ulwrapper > ul li h4{
				margin:0;
			}

			.mainvisual + .ulwrapper > ul li p{
				width:calc(100% - 100px);
				margin:10px 0 0;
				line-height:1.7em;
				float:right;
			}

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

			.mainvisual + .ulwrapper > ul li{
				width:100%;
			}

			.mainvisual + .ulwrapper > ul li a{
				padding:20px 0;
			}

			.mainvisual + .ulwrapper > ul li img{
				margin-right:-100px;
			}

			.mainvisual + .ulwrapper > ul li p{
				display:none;
			}

			.mainvisual + .ulwrapper > ul li h4{
				display:-webkit-flex;
				display:flex;
				-webkit-justify-content: center;
				justify-content: center;
				-webkit-align-items:center;
				align-items:center;
				width:96%;
				height:60px;
				margin-left:4%;
				text-align:center;
			}

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

			.mainvisual + .ulwrapper > ul li{
				margin-bottom:8px;
			}

			.mainvisual + .ulwrapper > ul li a{
				padding:10px 0;
			}

			.mainvisual + .ulwrapper > ul li img{
				width:100px;
			}

			.mainvisual + .ulwrapper > ul li h4{
			}

		}


	/* 身近な相談事例 */

	.jirei{
		padding:40px 0 80px;
		background:linear-gradient(to right,#0098e8,#48c850);			
	}
	
@media screen and (max-width:1000px){

	.jirei{
		padding:40px 0;
	}
	
}
	
		.jirei h3{
			color:#fff;
			font-size:1.7em;
			font-weight:500;
			text-align:center;
		}


		.jirei ul{
			max-width:1000px;
			width:90%;
			margin:35px auto 0;
		}
	
	@media screen and (max-width:1000px){

		.jirei ul{
			max-width:490px;
		}

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

		.jirei ul{
			max-width:490px;
		}

	}
		
			.jirei ul li{
				width:15%;
				margin-right:2%;
				list-style:none;
				text-align:center;
				float:left;
				background-color:#fff;
				border-radius:6px;
				-moz-box-shadow:0 0 0 1px #e4e4e4 inset;
				-webkit-box-shadow:0 0 0 1px #e4e4e4 inset;
				box-shadow:0 0 0 1px #e4e4e4 inset;
				word-break:break-all;
				word-wrap:break-word;
			}
			.jirei ul li:nth-last-of-type(1){margin-right:0;}
	
		@media screen and (max-width:1000px){
		
			.jirei ul li{
				width:32%;
				margin-right:2%;
				margin-bottom:10px;
			}
			.jirei ul li:nth-of-type(3n){margin-right:0;}

		}
	
		@media screen and (max-width:480px){
		
			.jirei ul li{
				width:49%;
				margin-right:2%;
				margin-bottom:5px;
			}
			.jirei ul li:nth-of-type(3n){margin-right:2%;}
			.jirei ul li:nth-of-type(2n){margin-right:0;}

		}

			.jirei ul li a{
				display:block;
				width:100%;
				padding:20px 0;
				text-decoration:none;
			}
				
	
			.jirei ul li img{
				width:80px;
			}
		
			.jirei ul li h4{
				margin:0;
				font-size:0.95em;
				font-weight:500;
			}


		/* 最新情報：テスト */

		.stdsec ol.tab{
			clear:both;
			max-width:1000px;
			background-image:url(/shared/line_tab.png);
			background-repeat:repeat-x;
			background-position:0 100%;
			width:90%;
			margin:45px auto 0;
			height:50px;
			line-height:0;
				position:relative;
				z-index:100;
		}
	
			.stdsec ol.tab li{
				display:-webkit-flex;
				display:flex;
				-webkit-justify-content: center;
				justify-content: center;
				-webkit-align-items:center;
				align-items:center;
				width: 24.5%;
				height:48px;
				margin-right: calc(2% / 3);
				font-size:1.1em;
				font-weight:500;
				list-style:none;
				background-color:#ebf0f5;
				border-radius:6px 6px 0 0;
				float:left;
				cursor:pointer;
			}
			.stdsec ol.tab li:nth-last-of-type(1){margin-right:0;}
			.stdsec ol.tab li:nth-of-type(1){
				color:#fff;
				background-color:#0098e8;
			}

			.stdsec ol.tab li:nth-of-type(2):after,
            .stdsec ol.tab li:nth-of-type(3):after{
                content: "情報";
			}

			.stdsec ol.tab li a{
				color:#fff;
				text-decoration:none;
			}

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

			.stdsec ol.tab li{
				font-size:0.9em;
			}

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

			.stdsec ol.tab li{
				font-size:0.8em;
			}

			.stdsec ol.tab li:nth-of-type(2):after,
            .stdsec ol.tab li:nth-of-type(3):after{
                content: "";
			}
		}

		.newslist.stdsec > div:first-of-type ul{
            height: 440px;
            overflow-y: auto;
		}

		.newslist.stdsec > div:not(:first-of-type){
			display:none;
		}


		/* 最新情報リスト */
		.stdsec .list{
			max-width:1000px;
			width:90%;
			margin:15px auto 45px;
		}

			.stdsec .list li{
				list-style:none;
				border-bottom:1px solid #e4e4e4;
			}

			.stdsec .list li a{
                display: block;
                padding: 12px 0;
                text-decoration: none;
			}
			
			.stdsec .list li time{
                display: inline-block;
				width:90px;
				font-size:0.9em;
				font-weight:500;
				color:#0098e8;
			}

			.stdsec .list li .catarea{
                display: inline-block;
			}

			.stdsec .list li .catarea span{
                display: inline-block;
                padding: 0 6px;
                border-radius: 3px;
				font-size: 0.75em;
                line-height: 18px;
                color: #fff;
			}

			.stdsec .list li .catarea span:not(:first-child){
                position: relative;
                margin-left: 13px;
			}

			.stdsec .list li .catarea span:not(:first-child):before{
                content: ">";
                position: absolute;
                top: 0;
                left: -9px;
				font-size: 0.75em;
                color: #666;
			}

			.stdsec .list li .catarea .news{
                background-color: #e8b817;
			}

			.stdsec .list li .catarea .saigai{
                background-color: #006da8;
			}

			.stdsec .list li .catarea .dayori{
                background-color: #4ac851;
			}

			.stdsec .list li .catarea .c-name{
				background-color: #0098e8;
			}

			.stdsec .list li strong{
                display: block;
                margin-top: 4px;
                font-weight: 500;
			}

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

			.stdsec .list li .catarea{
                display: block;
			}

		}

		.stdsec .list + .inner a{
			display:block;
			width:256px;
			height:48px;
			margin:20px auto 0;
			color:#fff;
			font-weight:500;
			text-align:center;
			text-decoration:none;
			line-height:48px;
			border-radius:24px;
			background:linear-gradient(to right,#0098e8,#48c850);
		}
		.stdsec .list + .inner a:after{
			content:url(../shared/img_yajirushi-next.png);
			position:relative;
			left:60px;
		}


		/* 特設ページ */

		.tokusetsulist{
			padding-bottom:80px;
		}
	
	@media screen and (max-width:430px){

		.tokusetsulist{
			padding-bottom:40px;
		}
	
	}
	
			.tokusetsulist ul{
				max-width:1000px;
				width:90%;
				margin:0 auto;
			}
	
				.tokusetsulist li{
					width:32%;
					margin-right:2%;
					list-style:none;
					float:left;
					border-radius:6px;
				}
				
				.tokusetsulist li:nth-of-type(1){background-color:#806ac2;}
				.tokusetsulist li:nth-of-type(2){background-color:#e86078;}
				.tokusetsulist li:nth-last-of-type(1){margin-right:0;background-color:#f08c30;}
	
			@media screen and (max-width:750px){
				
				.tokusetsulist li,
				.tokusetsulist li:nth-last-of-type(1){
					max-width:320px;
					width:100%;
					margin:0 auto 20px;
					float:none;
				}
	
			}
				
				.tokusetsulist li a{
					display:block;
					padding:24px 0;
					color:#fff;
					text-decoration:none;
					text-align:center;
					-webkit-transition:opacity 0.3s ease-out;
					-moz-transition:opacity 0.3s ease-out;
					-ms-transition:opacity 0.3s ease-out;
					transition:opacity 0.3s ease-out;
				}
	
			@media screen and (max-width:430px){
				
				.tokusetsulist li a{
					padding:20px 0 10px;
				}
	
			}

				.tokusetsulist li :hover{
					filter:alpha(opacity=70);
					-moz-opacity:0.70;
					opacity:0.70;
				}


				
				.tokusetsulist li img{
					width:60px;
				}
		
			@media screen and (max-width:430px){
				
				.tokusetsulist li img{
					width:54px;
				}
		
			}
			
				.tokusetsulist li h4{
					margin:10px 0 0;
					font-size:1.1em;
					font-weight:500;
					line-height:1.4em;
				}
	
			@media screen and (max-width:750px){
				
				.tokusetsulist li h4 .inlinesp0{
					display:none;
				}
	
			}



		/* リンク */

		.link{
			padding-bottom:90px;
			background-color:#ebf0f5;
		}
	
	@media screen and (max-width:430px){

		.link{
			padding-bottom:40px;
		}
	
	}
	
			.snslink{
				max-width:1000px;
				width:90%;
				margin:0 auto 35px;
			}
	
				.snslink li{
					width:49%;
					height:48px;
					font-size:1.1em;
					border-radius:24px;
					list-style:none;
					float:left;
					background-color:#2a569c;
					background-image:url(/images/ico_fb.png);
					background-repeat:no-repeat;
					background-size:32px auto;
					background-position:8px 50%;
				}
				.snslink li:nth-last-of-type(1){
					background-color:#30a6df;
					background-image:url(/images/ico_twitter.png);
					float:right;
				}
		
			@media screen and (max-width:750px){
	
				.snslink li,
				.snslink li:nth-last-of-type(1){
					max-width:490px;
					width:100%;
					margin:0 auto 10px;
					font-size:1.0em;
					float:none;
				}
		
			}
	
				.snslink li a{
					width:100%;
					height:48px;
					display:-webkit-flex;
					display:flex;
					-webkit-justify-content: center;
					justify-content: center;
					-webkit-align-items:center;
					align-items:center;
					color:#fff;
					text-decoration:none;
				}



		.banlist{
			max-width:1000px;
			width:calc(100% - 30px);
			height:60px;
			margin:0 auto;
			overflow:hidden;		
		}

			.banlist ul{
				width:1008px;
				height:60px;
				margin:0 auto;
				position:relative;
				left:-4px;
			}		
	
	@media screen and (max-width:1050px){

		.banlist{
			width:832px;
		}

			.banlist ul{
				width:840px;
			}		
	
	}
	
	@media screen and (max-width:890px){

		.banlist{
			width:664px;
		}

			.banlist ul{
				width:672px;
			}		
	
	}
	
	@media screen and (max-width:720px){

		.banlist{
			width:496px;
		}

			.banlist ul{width:504px;}		
	
	}
	
	@media screen and (max-width:550px){

		.banlist{
			width:328px;
		}

			.banlist ul{width:336px;}		
	
	}
	
	@media screen and (max-width:370px){

		.banlist{
			width:160px;
		}

			.banlist ul{width:336px;}		
	
	}



				.banlist li{
					width:160px;
					height:60px;
					margin:0 4px;
					list-style:none;
					float:left;
				}

	
			.arrows{
				max-width:1038px;
				width:100%;
				position:relative;
				margin:0 auto;
				top:-60px;
			}
			
		@media screen and (max-width:1050px){

			.arrows{max-width:870px;}		
	
		}
	
		@media screen and (max-width:890px){

			.arrows{max-width:702px;}		
	
		}
	
		@media screen and (max-width:720px){

			.arrows{max-width:534px;}		
	
		}
	
		@media screen and (max-width:550px){

			.arrows{max-width:366px;}		
	
		}
	
		@media screen and (max-width:400px){

			.arrows{width:100%;}		
	
		}
	
		@media screen and (max-width:370px){

			.arrows{width:198px;}		
	
		}

			.slick-next,
			.slick-prev{
				display:block;
				position:relative;
				width:15px;
				height:60px;
				margin-bottom:-60px;
				cursor:pointer;
			}
			
			.slick-next{
				float:right;
				background:url(/images/img_yajirushi2.png) no-repeat 50% 50%;
			}
			.slick-prev{
				float:left;
				background:url(/images/img_yajirushi1.png) no-repeat 50% 50%;
			}



				#banlist li.spmainban{display:none;}

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

				#banlist li.spmainban{display:block;}

			}






/*####################################################################################

  	相談する

　####################################################################################*/


	.soudan .spbox{
		margin:25px 0 0;
		padding:17px 3% 12px;
		font-size:1.7em;
		font-weight:500;
		line-height:1.4em;
		border-radius:10px;
		-moz-box-shadow:0 0 0 1px #bc1a20 inset;
		-webkit-box-shadow:0 0 0 1px #bc1a20 inset;
		box-shadow:0 0 0 1px #bc1a20 inset;

	}
	
		.soudan .spbox span{color:#bc1a20;}
	
		.soudan .spbox p{
			margin-top:3px;
			margin-bottom:0;
			font-size:0.6em;
		}
			
	@media screen and (max-width:1000px){

		.soudan .spbox span{color:#bc1a20;}
	
	}
			
@media screen and (max-width:750px){

	.soudan .spbox{
		margin:25px 0 0;
		padding:17px 3% 12px;
		font-size:1.3em;
	}
	
		.soudan .spbox p{
			font-size:0.75em;
		}
	
}

	
		.area{
			margin-bottom:50px;
		}
			
	@media screen and (max-width:750px){

		.area{
			margin-bottom:30px;
		}
	
	}
			
	@media screen and (max-width:430px){

		.area{
			margin-bottom:20px;
		}
	
	}

	
			.area h5{
				margin-bottom:30px;
				padding-left:23px;
				font-size:1.7em;
				font-weight:500;
				line-height:1.4em;
				background-image:url(/shared/orm_blue.png);
				background-repeat:no-repeat;
				
			}
			
		@media screen and (max-width:750px){
	
			.area h5{
				font-size:1.4em;
			}
		
		}
				
		@media screen and (max-width:430px){
	
			.area h5{
				font-size:1.2em;
			}
		
		}

			.kumamotomap{
				max-width:450px;
				width:45%;
				margin:0 auto;
				position:relative;	
				top:70px;
				z-index:10;			
			}
			.kumamotomap img{width:100%;}
			
		@media screen and (max-width:1000px){
	
			.kumamotomap{
				max-width:380px;
				width:100%;
				top:-10px;				
			}
		
		}

		.area ul{
			width:32%;
			position:relative;
		}
		
		.area ul:nth-of-type(3){
			clear:both;
			width:66%;
		}

		.area ul:nth-of-type(4){
			clear:both;
			float:right;
		}

	@media screen and (max-width:1000px){
		
		.area ul,
		.area ul:nth-of-type(3){
			max-width:660px;
			width:100%;
			margin:0 auto;			
		}
		.area ul:nth-of-type(4){
			float:none;
		}

	}

			.area ul li{
				display:inline-block;
				width:100%;
				height:177px;
				margin-bottom:20px;
				list-style:none;
				border-radius:6px;
			}
			.area ul:nth-of-type(1) li{margin-bottom:11px;}
	
		@media screen and (max-width:1000px){
			
			.area ul:nth-of-type(1) li{margin-bottom:20px;}

		}
	
			.area ul:nth-of-type(3) li{width:48.2%;}

			.area ul:nth-of-type(1) li:nth-of-type(1){
				-moz-box-shadow:0 0 0 1px #e4e4e4 inset;
				-webkit-box-shadow:0 0 0 1px #e4e4e4 inset;
				box-shadow:0 0 0 1px #e4e4e4 inset;
			}

			.area ul:nth-of-type(2) li:nth-of-type(1){
				-moz-box-shadow:0 0 0 1px #8cc458 inset;
				-webkit-box-shadow:0 0 0 1px #8cc458 inset;
				box-shadow:0 0 0 1px #8cc458 inset;
			}

			.area ul:nth-of-type(2) li:nth-of-type(2){
				-moz-box-shadow:0 0 0 1px #20ae64 inset;
				-webkit-box-shadow:0 0 0 1px #20ae64 inset;
				box-shadow:0 0 0 1px #20ae64 inset;
			}

			.area ul:nth-of-type(3) li:nth-of-type(1){
				-moz-box-shadow:0 0 0 1px #2daee6 inset;
				-webkit-box-shadow:0 0 0 1px #2daee6 inset;
				box-shadow:0 0 0 1px #2daee6 inset;
			}

			.area ul:nth-of-type(3) li:nth-of-type(2){
				float:right;
				-moz-box-shadow:0 0 0 1px #4c78c3 inset;
				-webkit-box-shadow:0 0 0 1px #4c78c3 inset;
				box-shadow:0 0 0 1px #4c78c3 inset;
			}

			.area ul:nth-of-type(4) li:nth-of-type(1){
				-moz-box-shadow:0 0 0 1px #a050ac inset;
				-webkit-box-shadow:0 0 0 1px #a050ac inset;
				box-shadow:0 0 0 1px #a050ac inset;
			}

			.area ul:nth-of-type(4) li:nth-of-type(2){
				-moz-box-shadow:0 0 0 1px #f07898 inset;
				-webkit-box-shadow:0 0 0 1px #f07898 inset;
				box-shadow:0 0 0 1px #f07898 inset;
			}

			.area ul:nth-of-type(4) li:nth-of-type(3){
				-moz-box-shadow:0 0 0 1px #cd4834 inset;
				-webkit-box-shadow:0 0 0 1px #cd4834 inset;
				box-shadow:0 0 0 1px #cd4834 inset;
			}

			.area ul:nth-of-type(4) li:nth-of-type(4){
				-moz-box-shadow:0 0 0 1px #f48a34 inset;
				-webkit-box-shadow:0 0 0 1px #f48a34 inset;
				box-shadow:0 0 0 1px #f48a34 inset;
			}


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

			.area ul li{
				width:48.2%;
			}
			.area ul:nth-of-type(2) li:nth-of-type(2n),
			.area ul:nth-of-type(3) li:nth-of-type(2n),
			.area ul:nth-of-type(4) li:nth-of-type(2n){
				float:right;
			}
	
			.area ul:nth-of-type(1) li{
				width:100%;
				text-align:center;
			}
	
		}

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

			.area ul li,
			.area ul:nth-of-type(3) li{
				width:100%;
				height:auto;
			}
			.area ul:nth-of-type(2) li:nth-of-type(2n),
			.area ul:nth-of-type(3) li:nth-of-type(2n),
			.area ul:nth-of-type(4) li:nth-of-type(2n){
				float:none;
			}
			.area ul li br:nth-of-type(1){display:none;}
			
			.area ul li .inner{
				padding:15px 5% 5px;
			}
	
		}

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

			.area ul li .inner{
				padding:10px 5% 0;
			}

				.area ul li .inne{
					line-height:1.2em;
				}
	
		}


			.area ul li h6{
				margin-bottom:-46px;;
				padding:8px 0 3px 55px;
				color:#fff;
				font-size:1.4em;
				font-weight:500;
				line-height:1.1em;
				border-radius:6px 6px 0 0;
				background-repeat:no-repeat;
				background-position:6% 50%;
				position:relative;
				top:-46px;
			}

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

			.area ul li h6{background-position:4% 50%;}

		}

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

			.area ul li h6{background-position:6% 50%;}

		}

		
			.area ul:nth-of-type(2) li:nth-of-type(1) h6{
				background-color:#8cc458;
				background-image:url(../soudan/images/A.png);
			}

			.area ul:nth-of-type(2) li:nth-of-type(2) h6{
				background-color:#20ae64;
				background-image:url(../soudan/images/B.png);
			}

			.area ul:nth-of-type(3) li:nth-of-type(1) h6{
				background-color:#2daee6;
				background-image:url(../soudan/images/C.png);
			}

			.area ul:nth-of-type(3) li:nth-of-type(2) h6{
				background-color:#4c78c3;
				background-image:url(../soudan/images/D.png);
			}

			.area ul:nth-of-type(4) li:nth-of-type(1) h6{
				background-color:#a050ac;
				background-image:url(../soudan/images/E.png);
			}

			.area ul:nth-of-type(4) li:nth-of-type(2) h6{
				background-color:#f07898;
				background-image:url(../soudan/images/F.png);
			}

			.area ul:nth-of-type(4) li:nth-of-type(3) h6{
				background-color:#cd4834;
				background-image:url(../soudan/images/G.png);
			}

			.area ul:nth-of-type(4) li:nth-of-type(4) h6{
				background-color:#f48a34;
				background-image:url(../soudan/images/H.png);
			}

			.area ul li h6 span{
				display:block;
				font-size:0.8em;
			}

		@media screen and (max-width:430px){
			
			.area ul li h6{
				font-size:1.2em;
				line-height:1.2em;
			}
			

		}

				.area li .inner{
					width:90%;
					padding:0 5%;
					display:table-cell;
					vertical-align:middle;
				}
				.area ul:nth-of-type(1) li .inner{
					font-size:1.4em;
					line-height:1.4em;
				}
			
					.area li .inner p{
						margin-top:5px;
						margin-bottom:5px;
						font-size:0.65em;
						font-weight:500;
						color:#bc1a20;
						line-height:1.3em;
					}
	
			@media screen and (max-width:1000px){
				
				.area ul:nth-of-type(1) li .inner{
					width:90%;
					padding:60px 5% 0;
					display:block;
				}

			}
	
			@media screen and (max-width:640px){
				
				.area ul:nth-of-type(1) li .inner{
					padding:15px 5% 0;
				}
				
				.area ul:nth-of-type(1) li .inner br{
					display:inline;
				}

			}
	
			@media screen and (max-width:430px){
				
				.area ul:nth-of-type(1) li .inner{
					font-size:1.2em;
				}
			
					.area li .inner p{
						margin-top:5px;
						margin-bottom:0;
						font-size:0.7em;
						font-weight:500;
						color:#bc1a20;
						line-height:1.3em;
					}
	
			}
	
			@media screen and (max-width:370px){
				
					.area li .inner p{
						font-size:0.6em;
					}
	
			}

				
				.area li dl{
					display:block;
					width:100%;
					padding:0;
					line-height:1.7em;
				}

				.area li dl{zoom:1;}
				.area li dl:after{
				  content: ""; 
				  display: block; 
				  clear: both;
				}


					.area li dt{
						clear:both;
						width:40px;
						font-weight:500;
						float:left;
					}

					.area li dd{
						width:calc(100% - 40px);
						margin-bottom:7px;
						font-weight:500;
						letter-spacing:0;
						float:right;
					}


				.area ul:nth-of-type(2) li:nth-of-type(1) dt{
					color:#8cc458;
				}
	
				.area ul:nth-of-type(2) li:nth-of-type(2) dt{
					color:#20ae64;
				}
	
				.area ul:nth-of-type(3) li:nth-of-type(1) dt{
					color:#2daee6;
				}
	
				.area ul:nth-of-type(3) li:nth-of-type(2) dt{
					color:#4c78c3;
				}
	
				.area ul:nth-of-type(4) li:nth-of-type(1) dt{
					color:#a050ac;
				}
	
				.area ul:nth-of-type(4) li:nth-of-type(2) dt{
					color:#f07898;
				}
	
				.area ul:nth-of-type(4) li:nth-of-type(3) dt{
					color:#cd4834;
				}
	
				.area ul:nth-of-type(4) li:nth-of-type(4) dt{
					color:#f48a34;
				}



			.contactus{
				display:flex;
				align-items:stretch;
				margin-top:15px;
				clear:both;
				-moz-box-shadow:0 0 0 1px #e4e4e4 inset;
				-webkit-box-shadow:0 0 0 1px #e4e4e4 inset;
				box-shadow:0 0 0 1px #e4e4e4 inset;
			}

				.contactus h6{
					flex:0 0 146px;
					min-height:48px;
					margin:0;
					display:flex;
					align-items:center;
					justify-content:center;
					color:#fff;
					font-size:1.0em;
					font-weight:500;
					text-align:center;
					line-height:1.4;
					background-color:#0098e8;
				}

				.contactus p{
					flex:1;
					min-width:0;
					min-height:48px;
					margin:0;
					padding:10px 12px;
					font-size:1.4em;
					font-weight:900;
					line-height:1.5;
					box-sizing:border-box;
				}

				.contactus p span{
					font-size:0.7em;
				}

				.contactus p a{
					text-decoration:none;
				}
	
			@media screen and (max-width:640px){

				.contactus{
					width:100%;
					flex-direction:column;
				}

				.contactus h6{
					flex:none;
					width:100%;
					min-height:32px;
					padding:0 0 0 15px;
					justify-content:flex-start;
					text-align:left;
					box-sizing:border-box;
				}

				.contactus p{
					width:100%;
					min-height:0;
					padding:15px 0 12px 15px;
					line-height:1.5;
				}

			}



		/* PDFダウンロード */

			.pdfdl li{
				width:49%;
				margin-bottom:8px;
				list-style:none;
				border-radius:6px;
				float:left;
				-moz-box-shadow:0 0 0 1px #e4e4e4 inset;
				-webkit-box-shadow:0 0 0 1px #e4e4e4 inset;
				box-shadow:0 0 0 1px #e4e4e4 inset;
				background-image:url(/shared/ico_pdf.png);
				background-repeat:no-repeat;
				background-size:14px auto;
				background-position:4% 50%;
			}

			.pdfdl li:nth-of-type(2n){
				float:right;
			}
	
	@media screen and (max-width:750px){

		.pdfdl{
			padding-bottom:5px;
		}

			.pdfdl li{
				width:100%;
				float:none;
			}

			.pdfdl li:nth-of-type(2n){
				float:none;
			}
			
	}



			.pdfdl li a{
				display:block;
				width:calc(90% - 10px);
				padding:13px 10px 15px 10%;
				font-weight:500;
				text-decoration:none;
				line-height:1.3em;
			}


		/* リンクボタンリスト */

			.linklist li{
				width:49%;
				margin-bottom:8px;
				list-style:none;
				border-radius:6px;
				float:left;
                background-color: #0098e8;
				background-image: url("../shared/img_yajirushi-next.png");
				background-repeat:no-repeat;
				background-size:8px auto;
				background-position:4% 50%;
			}

			.linklist li:nth-of-type(2n){
				float:right;
			}

			.linklist li:hover{
                background-color: #006da8;
			}


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

		.linklist{
			padding-bottom:5px;
		}

			.linklist li{
				width:100%;
				float:none;
			}

			.linklist li:nth-of-type(2n){
				float:none;
			}
			
	}



			.linklist li a{
				display:block;
				width:calc(90% - 10px);
				padding:13px 10px 15px 10%;
				font-weight:500;
				text-decoration:none;
				line-height:1.3em;
                color: #fff;
			}




	/* 熊本地震関連 */


	.jishin.stdsec{
		margin:0;
		padding:80px 0 40px;
			word-break:break-all;
			word-wrap:break-word;

	}

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

	.jishin.stdsec{
		padding:60px 0 20px;
	}

}

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

	.jishin.stdsec{
		padding:40px 0 20px;
	}

}



	.stdsec.jishin h3{
		margin-bottom:50px;
		padding:12px 2.5% 10px;
		color:#fff;
		text-align:left;
		background-color:#0098e8;
		border-radius:6px;
	}

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

	.stdsec.jishin h3{
		margin-bottom: 40px;
		padding:12px 4% 10px;
		font-size:1.5em;
	}

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

	.stdsec.jishin h3{
		margin-bottom:35px;
		padding:12px 5% 10px;
		font-size:1.4em;
	}

}

		.stdsec.jishin h3 + .note p{
			margin-bottom:50px;
		}

		.stdsec.jishin h3 + .note h4{
			padding:0 0 5px;
			color:#48c850;
			background-color:transparent;
			
		}



		.stdsec.jishin h4 span{
			display:block;
			font-size:0.8em;
			line-height:1.5em;
		}

		.stdsec.jishin h4 + .note{
		}

			.stdsec.jishin h4 + .note h5{
				margin-top:20px;
				padding-top:20px;
				padding-left:20px;
				font-size:1.2em;
				font-weight:500;
				border-top:1px dashed #ccc;
			}
			.stdsec.jishin h4 + .note h5:before{				
				margin-right:-14px;
				color:#0098e8;
				position:relative;
				top:2px;
				left:-18px;
			}
			.stdsec.jishin h4 + .note h5:nth-of-type(1):before{content:"1.";}
			.stdsec.jishin h4 + .note h5:nth-of-type(2):before{content:"2.";}
			.stdsec.jishin h4 + .note h5:nth-of-type(3):before{content:"3.";}
			.stdsec.jishin h4 + .note h5:nth-of-type(4):before{content:"4.";}
			.stdsec.jishin h4 + .note h5:nth-of-type(5):before{content:"5.";}
			.stdsec.jishin h4 + .note h5:nth-of-type(6):before{content:"6.";}
			.stdsec.jishin h4 + .note h5:nth-of-type(7):before{content:"7.";}
			.stdsec.jishin h4 + .note h5:nth-of-type(8):before{content:"8.";}
			.stdsec.jishin h4 + .note h5:nth-of-type(9):before{content:"9.";}
			.stdsec.jishin h4 + .note h5:nth-of-type(10):before{content:"10.";}
			.stdsec.jishin h4 + .note h5:nth-of-type(11):before{content:"11.";}


			.stdsec.jishin h4 + .note h5 + ol{
				margin-top:12px;
			}
			.stdsec.jishin h4 + .note h5 + ol li{
				list-style:decimal;
			}


		.lbl_subcontent{
			margin-top:22px;
			font-size:1.1em;
			font-weight:500;
		}
		
		.lbl_subcontent:before{
			content:"■ ";
			color:#0098e8;
			font-size:1.2em;
		}

			.lbl_subcontent + p{
				margin:10px 0;
				padding-bottom:12px;
				border-bottom:1px dashed #ccc;
			}

			.lbl_subcontent + p + .lbl_subcontent + p{
				padding-bottom:12px;
				border-bottom:none;
			}

				.lbl_table{
					margin:5px 0;
					padding-bottom:0;
				}

				.lbl_table + table{
					width:100%;
					border-collapse:collapse;
				}

					.lbl_table + table th,
					.lbl_table + table td{
						padding:13px 0 10px;
						font-weight:500;
						border:1px solid #ccc;
						text-align:center;
						line-height:1.7em;
					}

					
					.lbl_table + table th{
						background-color:#f8f8f8;
					}
					
					.lbl_table + table tr:nth-of-type(1) th{
						color:#fff;
						background-color:#0098e8;
					}
	
				@media screen and (max-width:430px){
					
					.lbl_table + table tr:nth-of-type(1) th{
						font-size:0.9em;
					}
	
				}

				.lbl_table + table + p{
					margin:5px 0 1px;
				}
					
				.lbl_table + table + p + p{
					margin-bottom:15px;
					padding-bottom:15px;
					border-bottom:1px dashed #ccc;
				}
				
				.noneborder{
					margin-bottom:0;
					padding-bottom:0 !important;
					border-bottom:none !important;
				}
				
				
				.lbl_subcontent + h6{
					margin:10px 0 0;
					color:#0098e8;
					font-size:1.1em;
				}
				
				.note .tel{
					margin:10px 0 0;
					font-size:1.1em;
					font-weight:500;
				}
				.note .tel + p,
				.lbl_subcontent + h6 + p{
					margin-top:0;
				}


		
		.stdsec.jishin .sublabel{
			color:#0098e8;
			margin:30px 0 20px;
			padding:8px 1% 5px;
			font-weight:500;
			line-height:1.7em;
			border-top:1px dashed #0098e8;
			border-bottom:1px dashed #0098e8;
		}


			.stdsec.jishin .sublabel + .note h6,
			.stdsec.jishin .sublabel + p + .note h6{
				margin:0;
				padding:20px 0 10px 20px;
				font-size:1.0em;
				font-weight:500;
				line-height:1.7em;
				/*border-top:1px dashed #ccc;*/
			}
			.stdsec.jishin .sublabel + .note h6:before,
			.stdsec.jishin .sublabel + p + .note h6:before{				
				margin-right:-14px;
				position:relative;
				left:-18px;
			}
			.stdsec.jishin .sublabel + .note h6:nth-of-type(1):before{content:"1.";}
			.stdsec.jishin .sublabel + .note h6:nth-of-type(2):before{content:"2.";}
			.stdsec.jishin .sublabel + .note h6:nth-of-type(3):before{content:"3.";}
			.stdsec.jishin .sublabel + .note h6:nth-of-type(4):before{content:"4.";}
			.stdsec.jishin .sublabel + .note h6:nth-of-type(5):before{content:"5.";}
			.stdsec.jishin .sublabel + .note h6:nth-of-type(6):before{content:"6.";}
			.stdsec.jishin .sublabel + .note h6:nth-of-type(7):before{content:"7.";}
			.stdsec.jishin .sublabel + .note h6:nth-of-type(8):before{content:"8.";}

			.stdsec.jishin .sublabel + p + .note h6:nth-of-type(1):before{content:"1.";}
			.stdsec.jishin .sublabel + p + .note h6:nth-of-type(2):before{content:"2.";}
			.stdsec.jishin .sublabel + p + .note h6:nth-of-type(3):before{content:"3.";}
			.stdsec.jishin .sublabel + p + .note h6:nth-of-type(4):before{content:"4.";}
			.stdsec.jishin .sublabel + p + .note h6:nth-of-type(5):before{content:"5.";}
			.stdsec.jishin .sublabel + p + .note h6:nth-of-type(6):before{content:"6.";}
			.stdsec.jishin .sublabel + p + .note h6:nth-of-type(7):before{content:"7.";}
			.stdsec.jishin .sublabel + p + .note h6:nth-of-type(8):before{content:"8.";}


			.stdsec.jishin .sublabel + .note h6 + ol{
				margin-top:12px;
			}
			.stdsec.jishin .sublabel + .note h6 + ol li{
				list-style:decimal;
			}

			.stdsec.jishin .sublabel + .note h6 + p{
				margin-top:0;
			}





	/* 相談の流れ */


	.stdsec.flow{
		margin:0;
		padding:80px 0 70px;
		word-break:break-all;
		word-wrap:break-word;

	}

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

	.stdsec.flow{
		padding:60px 0 50px;
	}

}

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

	.stdsec.flow{
		padding:40px 0;
	}

}

	.stdsec.flow + .stdsec.flow{padding-top:0;}

		.stdsec.flow .inner{
			padding-bottom:70px;
			background-image:url(/shared/img_yajirushiL.png);
			background-repeat:no-repeat;
			background-position:50% 100%;
		}
	
	@media screen and (max-width:750px){
	
		.stdsec.flow .inner{
			padding-bottom:60px;
		}
	
	}
		
	@media screen and (max-width:430px){
	
		.stdsec.flow .inner{
			padding-bottom:60px;
		}
	
	}

		.stdsec.flow:nth-last-of-type(1) .inner{
			background-image:none;
		}
	

		.stdsec.flow h3{
			margin-bottom:50px;
			padding:12px 2.5% 10px;
			color:#fff;
			text-align:left;
			background-color:#0098e8;
			border-radius:6px;
		}
	
	@media screen and (max-width:750px){
	
		.stdsec.flow h3{
			margin-bottom: 40px;
			padding:12px 4% 10px;
			font-size:1.5em;
		}
	
	}
		
	@media screen and (max-width:430px){
	
		.stdsec.flow h3{
			margin-bottom:35px;
			padding:12px 5% 10px;
			font-size:1.4em;
		}
	
	}
	
			.stdsec.flow h3 + .note p{
				margin-bottom:50px;
			}
	
			.stdsec.flow h3 + .note h4{
				padding:0 0 5px;
				color:#48c850;
				background-color:transparent;
				
			}
	
		/* 「困ったな」と思ったら */
	
			
			.firsttotch li{
				width:30%;
				margin-right:5%;
				list-style:none;
				float:left;
			}
			.firsttotch li:nth-last-of-type(1){
				margin-right:0;
			}
		
		@media screen and (max-width:1000px){
			
			.firsttotch li,
			.firsttotch li:nth-last-of-type(1){
				width:100%;
				margin:30px auto 0;
				float:none;
			}
				
		}

				.firsttotch li p img{
					max-width:200px;
					width:45%;
				}
	
	
	
	
				.firsttotch li h4{
					height:48px;
					margin-bottom:30px;
					color:#fff;
					text-align:center;
					font-size:1.2em;
					font-weight:500;
					line-height:50px;
					border-radius:6px;
				}
	
				.firsttotch li:nth-of-type(1) h4{
					background-color:#48c850;
				}
	
				.firsttotch li:nth-of-type(2) h4{
					background-color:#f08c30;
				}
	
				.firsttotch li:nth-of-type(3) h4{
					background-color:#806ac2;
				}
	
				.firsttotch li h4 + p a{
					color:#0098e8;
					font-weight:500;
					text-decoration:none;
				}
				




		.nexttotch .inner img{
			width:420px;
			float:left;
		}

		.nexttotch .inner img + p{
			width:calc(100% - 460px);
			margin:0;
			float:right;
		}
		
	@media screen and (max-width:1000px){

		.nexttotch .inner img{
			display:block;
			max-width:420px;
			width:100%;
			margin:0 auto;
			float:none;
		}

		.nexttotch .inner img + p{
			width:100%;
			margin:50px 0 0;
			float:none;
		}
		
	}
	
	@media screen and (max-width:750px){
	
		.nexttotch .inner img + p{
			margin-top:40px;
		}
	
	}
		
	@media screen and (max-width:430px){
	
		.nexttotch .inner img + p{
			margin-top:30px;
		}
	
	}

		.nexttotch .inner p a{
			color:#0098e8;
			text-decoration:none;
		}



/*####################################################################################

  	弁護士会について

　####################################################################################*/




	.stdsec.about{
		margin:0;
		padding:80px 0 70px;
		word-break:break-all;
		word-wrap:break-word;

	}

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

	.stdsec.about{
		padding:60px 0 50px;
	}

}

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

	.stdsec.about{
		padding:40px 0;
	}

}

	

		.stdsec.about h3{
			margin-bottom:50px;
			padding:12px 2.5% 10px;
			color:#fff;
			text-align:left;
			background-color:#0098e8;
			border-radius:6px;
		}
	
	@media screen and (max-width:750px){
	
		.stdsec.about h3{
			margin-bottom:40px;
			padding:12px 4% 10px;
			font-size:1.5em;
		}
	
	}
		
	@media screen and (max-width:430px){
	
		.stdsec.about h3{
			margin-bottom:35px;
			padding:12px 5% 10px;
			font-size:1.4em;
		}
	
	}
	
	
			.stdsec.about1 h4{
				width:calc(100% - 25px);
				margin-bottom:20px;
				font-size:1.7em;
				line-height:1.6em;
				position:relative;
				left:25px;
			}
		
		@media screen and (max-width:750px){
		
			.stdsec.about1 h4{
				font-size:1.4em;
			}
		
		}
			
		@media screen and (max-width:430px){
		
			.stdsec.about1 h4{
				font-size:1.2em;
				line-height:1.6em;
			}
		
		}
	
				.stdsec.about1 h4:before{
					height:30px;
					margin-right:-8px;
					background-color:#0098e8;
					border-radius:4px;
					content: "";
					display:inline-block;
					vertical-align:middle;
					width:8px;
					position:relative;
					top:-2px;

					left:-25px;
				}
			
			@media screen and (max-width:430px){
	
				.stdsec.about1 h4:before{
					height:60px;
					margin-bottom:-30px;
					left:-20px;
				}
			
			}



	/* 郷土の弁護士・弁護士法人が所属する法人です */

		.stdsec.about1 img{
			width:480px;
			margin-top:5px;
			float:right;
		}

		.stdsec.about1 h4 + p{
			width:calc(100% - 520px);
			margin:0;
			float:left;
		}
		
	@media screen and (max-width:1000px){

		.stdsec.about1 img{
			display:block;
			max-width:480px;
			width:100%;
			margin:0 auto;
			float:none;
		}

		.stdsec.about1 h4 + p{
			width:100%;
			margin:0 0 50px;
			float:none;
		}
		
	}
	
	@media screen and (max-width:750px){
	
		.stdsec.about1 h4 + p{
			margin-bottom:40px;
		}
	
	}
		
	@media screen and (max-width:430px){
	
		.stdsec.about1 h4 + p{
			margin-bottom:30px;
		}
	
	}


		.stdsec.about2{
			max-width:calc(1000px - 46px);
			width:calc(90% - 46px);
			margin:0 auto;
			padding:18px 23px;
			border-radius:6px;
			-moz-box-shadow:0 0 0 1px #e4e4e4 inset;
			-webkit-box-shadow:0 0 0 1px #e4e4e4 inset;
			box-shadow:0 0 0 1px #e4e4e4 inset;
		}
		
	@media screen and (max-width:430px){

		.stdsec.about2{
			width:calc(90% - 30px);
			padding:15px;
		}
		
	}
	
		.stdsec.about2 img{
			width:435px;
			margin-top:5px;
			float:left;
		}

		.stdsec.about2 .note{
			width:calc(100% - 475px);
			margin:0;
			float:right;
		}
		
	@media screen and (max-width:1000px){

		.stdsec.about2 img{
			display:block;
			max-width:435px;
			width:100%;
			margin:0 auto;
			float:none;
		}

		.stdsec.about2 .note{
			width:100%;
			margin:30px 0 0;
			float:none;
		}
		
	}
	
	@media screen and (max-width:750px){
	
		.stdsec.about2 .note{
			margin-top:20px;
		}
	
	}
		
	@media screen and (max-width:430px){
	
		.stdsec.about2 .note{
			margin-top:15px;
		}
	
	}
	
	
			.stdsec.about2 h4{
				margin:0 0 20px;
				color:#bc1a20;
				font-size:1.7em;
				line-height:1.5em;
			}
		
		@media screen and (max-width:750px){
		
			.stdsec.about2 h4{
				font-size:1.4em;
			}
		
		}
			
		@media screen and (max-width:430px){
		
			.stdsec.about2 h4{
				font-size:1.2em;
			}
		
		}
			
		@media screen and (max-width:670px){
		
			.stdsec.about2 h4 br{
				display:none;
			}
		
		}
	

		.stdsec.about2 .note li{
			width:49%;
			height:36px;
			margin-bottom:6px;
			color:#fff;
			list-style:none;
			line-height:36px;
			float:left;
			text-align:center;
			background-color:#bc1a20;
			border-radius:6px;
		}

		.stdsec.about2 .note li:nth-of-type(2n){
			float:right;
		}
		
	@media screen and (max-width:430px){

		.stdsec.about2 .note li{
			font-size:0.85em;
		}

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

		.stdsec.about2 .note li{
			font-size:0.8em;
		}

	}




	.stdsec.about3{
		margin:0;
		padding:50px 0 0;
		word-break:break-all;
		word-wrap:break-word;
	}

	.stdsec.about3 + .stdsec.about3{
		padding:0 0 30px;
	}

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

	.stdsec.about3{
		padding:40px 0 0;
	}

	.stdsec.about3 + .stdsec.about3{
		padding:0 0 30px;
	}
}

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

	.stdsec.about3{
		padding:30px 0 0
	}

	.stdsec.about3 + .stdsec.about3{
		padding:0 0 30px;
	}

}

		.stdnote.about3 h4{
			margin:50px 0 30px;
		}
		.stdnote.about3 h4:nth-of-type(1){margin-top:0;}

	@media screen and (max-width:770px){
	
		.stdnote.about3 h4{
			margin:40px 0 25px;
		}
	
	}
	
	@media screen and (max-width:430px){
	
		.stdnote.about3 h4{
			margin:30px 0 20px;
		}
	
	}


		.stdsec.about3 h5{
			font-weight:500;
			font-size:1.2em;
		}

		.stdsec.about3 h5:before{
			content:"■";
			margin-right:5px;
			color:#0098e8;
			position:relative;
			top:-1px;
		}


			.stdsec.about3 .note{
			}

			.stdsec.about3 .note h6{
				margin:30px 0 0;
				padding-left:20px;
				font-size:1.2em;
				font-weight:500;
			}
			.stdsec.about3 .note h6:before{				
				margin-right:-14px;
				color:#0098e8;
				position:relative;
				left:-18px;
			}
			.stdsec.about3 .note h6:nth-of-type(1):before{content:"1.";}
			.stdsec.about3 .note h6:nth-of-type(2):before{content:"2.";}


			.stdsec.about3 .note h6 + p{
				margin-left:25px;
			}



		.stdsec.about3 .inner{
			padding:20px 0 5px;
			border-top:1px dashed #e4e4e4;
		}
		.stdsec.about3 + .stdsec.about3 .inner{border-top:none;}


			.stdsec.about3 .inner table,
			.stdsec.about4 .inner table{
				width:100%;
				margin-bottom:30px;
				border-collapse:collapse;
			}
	
		@media screen and (max-width:430px){
		
			.stdsec.about3 .inner table,
			.stdsec.about4 .inner table{
				margin-bottom:25px;
			}
		
		}

				.stdsec.about3 .inner th,
				.stdsec.about4 .inner th{
					max-width:calc(150px - 6%);
					padding:15px 3% 15px;
					border:1px solid #ccc;
					background-color:#f8f8f8;
					white-space:nowrap;
				}

				.stdsec.about3 .inner td,
				.stdsec.about4 .inner td{
					padding:15px;
					border:1px solid #ccc;
					line-height:1.4em;
				}
	
		@media screen and (max-width:430px){
			
				.stdsec.about3 .inner th,
				.stdsec.about4 .inner th{
					max-width:94%;
					width:94%;
					display:block;
				}
				.stdsec.about3 .inner td,
				.stdsec.about4 .inner td{
					width:94%;
					padding:15px 3%;
					display:block;	
					border-top:none;				
					border-bottom:none;				
				}
				.stdsec.about3 .inner tr:nth-last-of-type(1) td,
				.stdsec.about4 .inner tr:nth-last-of-type(1) td{
					border-bottom:1px solid #ccc;
				}
				
		}

			/* 青リンク */
	
				.stdsec.about3 .note h6 + p a,
				.stdsec.about3 h5 + p a,
				.stdsec.about3 .inner td a{
					color:#0098e8;
					font-weight:500;
					text-decoration:none;
				}

	.stdsec.about4{
		padding:10px 0 40px;
	}

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

	.stdsec.about4{
		padding:0 0 20px;
	}

}



		.stdnote.about4 h4{
			margin:0 0 30px;
		}
		.stdnote.about3 h4:nth-of-type(1){margin-top:0;}

	@media screen and (max-width:770px){
	
		.stdnote.about4 h4{
			margin:0 0 25px;
		}
	
	}
	
	@media screen and (max-width:430px){
	
		.stdnote.about4 h4{
			margin:0 0 20px;
		}
	
	}
























				

/*####################################################################################

  	弁護時検索

　####################################################################################*/


	#members main{
		padding-bottom:0;
	}
	
			
		#members main > header + .inner a{
			display:block;
			width:256px;
			height:48px;
			margin:20px 0 -30px;
			color:#fff;
			font-weight:500;
			text-align:center;
			text-decoration:none;
			float:right;
			line-height:48px;
			border-radius:24px;
			background:linear-gradient(to right,#0098e8,#48c850);
			position:relative;
			z-index:10;
		}

/***************************************************************/


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

		#members main > header + .inner a{
			margin:20px auto -30px;
			float:none;
		}

	}

/***************************************************************/
		



		#members #conditions{padding-bottom:80px;}

		#members .stdsec{padding-top:50px;}

		#members .stdsec h3{
			/*height:48px;*/
			margin:0 0 30px;
			padding:8px 20px;
			color:#fff;
			font-size:1.8em;
			line-height:1.1em;
			letter-spacing:0.07em;
			background-color:#0098e8;
			border-radius:6px;
		}

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

		#members .stdsec h3{
			font-size:1.6em;
		}

	}

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

		#members .stdsec h3{
			font-size:1.5em;
			font-weight:500;
		}

	}


		#members .stdsec table{
			width:100%;
			margin-bottom:20px;
			border-collapse:collapse;
			background-color:#fff;
		}
		
		#members #conditions table{margin-bottom:45px;}



/***************************************************************/


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

		#members .stdsec .tablewrapper{display:none;}

		#members #conditions table{margin-bottom:20px;}
		
	}
	
		.trigger2{
			max-width:480px;
			width:80%;
			height:40px;
			margin:0 auto;
			text-align:center;
			border:1px solid #ccc;
			line-height:40px;
			border-radius:20px;
			position:relative;
			cursor:pointer;
			display:none;
		}

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

		.trigger2{display:block;}

	}
	

/***************************************************************/

	
			#members .stdsec th,
			#members .stdsec td{
				border:1px solid #ccc;
			}

			#members .stdsec th{
				padding:0 10px;
				line-height:1.4em;
				white-space:nowrap;
				background-color:#f8f8f8;
			}

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

			#members .stdsec th{
				width:80px;
				padding:0;
			}

			
		}

			#members .stdsec td{
				padding:15px 15px;
				line-height:2.2em;
			}

				#members .stdsec td ul{
					margin:0;
				}

				#members .stdsec td ul{zoom:1;}
				#members .stdsec td ul:after{
				  content: ""; 
				  display: block; 
				  clear: both;
				}

	
					#members .stdsec td ul li{
						width:calc(100% / 3);
						list-style:none;
						float:left;
					}

				@media screen and (max-width:840px){
	
					#members .stdsec td ul li{
						width:calc(100% / 2);
					}

				}

				@media screen and (max-width:640px){
	
					#members .stdsec td ul li{
						width:100%;
						float:none;
					}

				}


	#search .inner .inner{
		max-width:480px;
		width:90%;
		margin:0 auto;
		
	}


		#search input#feas_0_0{
			display:block;
			width:calc(90% - 65px);
			height:40px;
			padding:0 10px;
			font-size:1.2em;
			font-family:'kozuka-gothic-pro';
			border-radius:6px;
			border:1px solid #ccc;
		}

		#search input#feas_0_0{
			float:left;
		}
		
		#search input[type="submit"]{
			width:60px;
			height:42px;
			margin-left:5px;
			color:#555;
			text-align:center;
			line-height:40px;
			font-family:'kozuka-gothic-pro';
			font-weight:500;
			letter-spacing:0.1em;
			border-radius:6px;
			border:none;
			cursor:pointer;
		}

/***************************************************************/

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

		#feas-searchform-0 input#feas_0_0{
			font-size:1.0em;
		}

	}


/***************************************************************/
		

		#members #feas-submit-button-0,
		#submit{
			display:block;
			width:256px;
			height:48px;
			margin:0 auto 70px;
			color:#fff;
			font-family:'kozuka-gothic-pro';
			font-weight:500;
			border:none;
			border-radius:24px;
			background:linear-gradient(to right,#0098e8,#48c850);			
		}
		#submit{margin:0 auto;}

/***************************************************************/


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

		#members #feas-submit-button-0,
		#submit{
			margin-top:30px;
		}

	}


/***************************************************************/		


/* 未選択を隠す */
#feas-searchform-0 #handled tr:nth-of-type(1) label:nth-of-type(2){
	/*display:none;*/
}

#feas-searchform-0 #handled tr:nth-of-type(1) input[value='1']{
	display:none;
}

#feas-searchform-0 #handled tr:nth-of-type(1) label,
#feas-searchform-0 #handled tr:nth-of-type(2) label{
	display:block;
	width:50%;
	float:left;
	line-height:2.0em;
}
#feas-searchform-0 #handled tr:nth-of-type(1) label:nth-of-type(1){width:100%;}

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

#feas-searchform-0 #handled tr:nth-of-type(1) label,
#feas-searchform-0 #handled tr:nth-of-type(2) label{
	width:100%;
	float:none;
}

}

#feas-searchform-0 #conditions tr label{
	display:block;
	width:calc(100% / 3);
	float:left;
	line-height:2.0em;
}

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

#feas-searchform-0 #conditions tr label{
	width:50%;
}

}

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

#feas-searchform-0 #conditions tr label{
	width:100%;
	float:none;
}

}


	/* 検索結果一覧 */

	#results{
		padding:35px 0 50px;
		background-color:#ebf0f5;
	}
	
		.result{
			margin-bottom:25px;
			background-color:#fff;
			border-radius:6px;
		}

		.result .notewrpper{
			padding:25px 25px 15px;
			background-color:#fff;
		}

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

		.result .notewrpper{
			padding:16px;
		}

	}
				
		.result .notewrpper{zoom:1;}
		.result .notewrpper:after{
		  content: ""; 
		  display: block; 
		  clear: both;
		}


			.result .photo{
				width:calc(20% - 16px);
				min-width:104px;
				padding:8px;
				line-height:0;
				float:left;
				-moz-box-shadow:0 0 0 1px #e4e4e4 inset;
				-webkit-box-shadow:0 0 0 1px #e4e4e4 inset;
				box-shadow:0 0 0 1px #e4e4e4 inset;
			}
			.result .photo img{
                display: block;
                width: auto;
                max-width: 100%;
                margin: 0 auto;
			}

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

			.result .photo{
				width:104px;
			}
		
		}

				.notewrpper h4{
					width:calc(80% - 25px);
					margin:10px 0 15px;
					color:#0098e8;
					font-weight:500;
					font-size:1.7em;
					float:right;					
				}

			@media screen and (max-width:840px){
	
				.notewrpper h4{
					width:calc(100% - 136px);
					float:right;
					margin:10px 0 15px;
					font-size:1.6em;
					
				}
			
			}

			@media screen and (max-width:480px){
	
				.notewrpper h4{
					font-size:1.4em;					
				}
			
			}

				.notewrpper .note{
					width:calc(80% - 25px);
					float:right;
				}
	
			@media screen and (max-width:840px){
	
				.notewrpper .note{
					width:calc(100% - 136px);
				}
			
			}

	
			@media screen and (max-width:640px){
	
				.notewrpper .note{
					clear:both;
					width:98%;
					margin:0 auto;
					padding-top:15px;
					float:none;
				}

			}

					.result .note li{
						width:100%;
						margin-bottom:8px;
						list-style:none;
						line-height:1.5em;
					}

					.result .note li{zoom:1;}
					.result .note li:after{
					  content: ""; 
					  display: block; 
					  clear: both;
					}

					.result .note li h5{
						width:80px;
						font-weight:500;
						float:left;
					}

					.result .note li p{
						width:calc(100% - 80px);
						margin:0;
						float:right;
					}


				.result .features{
					display:none;
					background-color:#0098e8;
					
				}

					.result .features .inner{
						max-width:888px;
						width:95%;
						margin:0 auto;
						padding:13px 0;
					}

					.result .features ul{zoom:1;}
					.result .features ul:after{
					  content: ""; 
					  display: block; 
					  clear: both;
					}


					.result .features h5{
						width:134px;
						margin:4px;
						font-size:0.85em;
						font-weight:500;
						color:#fff;
						text-align:center;
						float:left;
						border-radius:3px;
						-moz-box-shadow:0 0 0 1px #fff inset;
						-webkit-box-shadow:0 0 0 1px #fff inset;
						box-shadow:0 0 0 1px #fff inset;
					}

					.result .features li{
						width:134px;
						margin:4px;
						font-size:0.85em;
						background-color:#fff;
						float:left;
						list-style:none;
						border-radius:3px;
						
					}

					.result .features li:before{
						margin:0 5px;
						position:relative;
						top:2px;
					}
					.result .features li#fe1:before{content:url(/shared/ico_sample.png);}
					.result .features li#fe2:before{content:url(/shared/ico_sample.png);}
					.result .features li#fe3:before{content:url(/shared/ico_sample.png);}
					.result .features li#fe4:before{content:url(/shared/ico_sample.png);}
					.result .features li#fe5:before{content:url(/shared/ico_sample.png);}
					.result .features li#fe6:before{content:url(/shared/ico_sample.png);}
					.result .features li#fe7:before{content:url(/shared/ico_sample.png);}
					.result .features li#fe8:before{content:url(/shared/ico_sample.png);}
					.result .features li#fe9:before{content:url(/shared/ico_sample.png);}
					.result .features li#fe10:before{content:url(/shared/ico_sample.png);}
					.result .features li#fe11:before{content:url(/shared/ico_sample.png);}
					.result .features li#fe12:before{content:url(/shared/ico_sample.png);}
					.result .features li#fe13:before{content:url(/shared/ico_sample.png);}
					.result .features li#fe14:before{content:url(/shared/ico_sample.png);}
					.result .features li#fe15:before{content:url(/shared/ico_sample.png);}
					.result .features li#fe16:before{content:url(/shared/ico_sample.png);}


					.result .trigger{
						clear:both;
						padding:10px 0 0;
						font-weight:500;
						text-align:center;
						position:relative;
						top:-10px;
						cursor:pointer;
						border-top:1px solid #e4e4e4;
					}
					.result .trigger:hover{color:#c33;}

		



	/* 検索結果詳細 */


		#memberdetail.stdsec{
			padding-bottom:80px;
			background-color:#ebf0f5;			
		}
	
	@media screen and (max-width:430px){

		#memberdetail.stdsec{
			padding-bottom:60px;
		}
	
			#memberdetail.stdsec h3{
				margin-bottom:0;
				font-size:1.3em;
				letter-spacing:0;
			}
	
	}
	
	@media screen and (max-width:370px){
	
			#memberdetail.stdsec h3{
				font-size:1.1em;
			}
	
	}
	
			#memberdetail h3 span{
				font-size:0.7em;
				font-weight:400;
				letter-spacing:0;
			}

		#memberdetail .result{
			margin-bottom:45px;
			padding-bottom:30px;
		}
	
	@media screen and (max-width:430px){

		#memberdetail .result{
			margin-bottom:35px;
		}
	
	}
	
	
	
			#memberdetail .result .photo{
				width:calc(32% - 16px);
				padding:8px;
				line-height:0;
				float:left;
				text-align:center;
				-moz-box-shadow:0 0 0 1px #e4e4e4 inset;
				-webkit-box-shadow:0 0 0 1px #e4e4e4 inset;
				box-shadow:0 0 0 1px #e4e4e4 inset;
			}
			#memberdetail .result .photo img.pho{
				width:auto;
				height:auto;
			}
			#memberdetail .result .photo img.spacer{width:100%;}

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

			#memberdetail .result .photo{
				display:block;
				max-width:304px;
				width:calc(100% - 16px);
				margin:0 auto 20px;
				float:none;
			}
		
		}

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

			#memberdetail .result .photo{
				margin:0 auto;
			}
		
		}




				#memberdetail .result .note{
					width:calc(68% - 25px);
					margin-bottom:10px;
					float:right;
				}
	
			@media screen and (max-width:840px){
	
				#memberdetail .result .note{
					width:100%;
					float:none;
				}
			
			}

	
			@media screen and (max-width:640px){
	
				#memberdetail .result .note{
					clear:both;
					width:98%;
					margin:0 auto;
					padding-top:15px;
					float:none;
				}

			}
			
					#memberdetail .result .note li{
						width:100%;
						margin:0;
						list-style:none;
						line-height:1.5em;
						border-left:1px solid #e4e4e4;
						border-bottom:1px solid #e4e4e4;
					}
					#memberdetail .result .note li:nth-of-type(1){
						border-top:1px solid #e4e4e4;
					}

					#memberdetail .result .note li{zoom:1;}
					#memberdetail .result .note li:after{
					  content: ""; 
					  display: block; 
					  clear: both;
					}
	
				@media screen and (max-width:640px){
			
					#memberdetail .result .note li{
						width:100%;
						margin:0;
						list-style:none;
						line-height:1.5em;
						border-left:1px solid #e4e4e4;
						border-right:1px solid #e4e4e4;
					}

				}
				
					#memberdetail .result .note li h5{
						width:118px;
						margin:0;
						padding:12px 15px;
						color:#333;
						font-weight:500;
						font-size:1.0em;
						float:left;
						white-space:nowrap;
					}
	
				@media screen and (max-width:640px){

					#memberdetail .result .note li h5{
						width:calc(100% - 30px);
						padding:10px 15px;
						float:none;
						background-color:#f8f8f8;
					}
					#memberdetail .result .note li h5 br{display:none;}
	
				}
			
					#memberdetail .result .note li p{
						width:calc(100% - 180px);
						margin:0;
						padding:12px 15px;
						float:right;
						border-right:1px solid #e4e4e4;
						border-left:1px solid #e4e4e4;
						word-break:break-all;
						word-wrap:break-word;
					}
	
				@media screen and (max-width:640px){

					#memberdetail .result .note li p{
						width:calc(100% - 30px);
						padding:15px 15px;
						float:none;
						border-top:1px solid #e4e4e4;
						border-right:1px solid #e4e4e4;
						border-left:none;
						word-break:break-all;
						word-wrap:break-word;
					}
	
				}


				#memberdetail .result .features{
					display:block;
					width:94%;
					margin:0 auto;
					background-color:#0098e8;
					border-radius:6px;
				}

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

				#memberdetail .result .features{
					width:91%;
				}

			}

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

				#memberdetail .result .features{
					width:89%;
				}

			}


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

					#memberdetail .result .features .inner{
						width:97%;
						margin:0 auto;
						padding:7px 0;
					}
					
					#memberdetail .result .features h5{
						width:133px;
						margin:2px;
						font-size:0.8em;
					}

					#memberdetail .result .features li{
						width:133px;
						margin:2px;
						font-size:0.8em;
					}

				}
			


		/* プロフィール */
	
				#profile h4{
					width:calc(91% - 40px);
					height:48px;
					margin:50px auto 30px;
					padding:0 20px;
					color:#0098e8;
					font-weight:500;
					font-size:1.5em;
					float:none;
					line-height:48px;
					background-color:#f8f8f8;
					border-radius:6px;
				}

			@media screen and (max-width:840px){
	
				#profile h4{
					margin:40px auto 20px;
					font-size:1.4em;
					
				}
			
			}

			@media screen and (max-width:480px){
	
				#profile h4{
					margin:30px auto 10px;
					font-size:1.2em;
					letter-spacing:0;					
				}
			
			}

			@media screen and (max-width:370px){
	
				#profile h4{
					font-size:1.1em;					
				}
			
			}

	


				.result #profile .note{
					width:91%;
					margin:0 auto 35px;
					float:none;
				}
	
			@media screen and (max-width:840px){
			
				.result #profile .note{
				}
	
			}


			#gmap{
				width:93%;
				margin:0 auto;
				border:1px solid #e4e4e4;
				line-height:0;
			}




		#memberdetail #submit:before{
			content:url(/shared/img_yajirushi-prev.png);
			position:relative;
			left:15px;
		}






/* 弁護士一覧 */

	.itemlist{
		max-width:1000px;
		width:90%;
		margin:0 auto;
		position:relative;
		top:-15px;
	}

		.itemlist ul{
			margin-left:20px;
		}

.itemlist ul{zoom:1;}
.itemlist ul:after{
  content: ""; 
  display: block; 
  clear: both;
}

		.itemlist li{
			width:25%;
			margin-bottom:15px;
			float:left;
			list-style:none;
		}

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

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

	}

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

		.itemlist li{width:50%;}

	}

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

		.itemlist li{width:100%;}

	}
	
		.itemlist li a{
			color:#0098e8;;
			font-size:1.2em;
			font-weight:500;
			text-decoration:none;
		}

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

		.itemlist li a{font-size:1.0em;}

	}

		.itemlist h3{
			clear:both;
			margin:20px 0 0;
			position:relative;
			top:15px;
			background-image:none;
		}

		.itemlist h4{
			margin-left:10px;
			/*display:none;*/
		}


.itemlist h3.houjinlist{
	margin-bottom:50px;
}

.itemlist h3.houjinlist + .inner{
	width:100%;
}

.itemlist h3.houjinlist + .inner li{
	width:100%;
	float:none;
}







/*####################################################################################

  	熊弁だより

　####################################################################################*/


	/* stdsec */

	.dayori.stdsec{
		margin:0;
		padding:60px 0 40px;
	}

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

	.dayori.stdsec{
		padding:40px 0 20px;
	}

}




	.dayori .inner > select{
		display:block;
		width:300px;
		margin-bottom:30px;
		padding:15px;
		font-family:'kozuka-gothic-pro';
		border-radius:6px;
		text-align:center;
		background-image:url(/shared/img_yajirushi-down.png);
		background-repeat:no-repeat;
		background-position:95% 50%;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	select::-ms-expand{display: none;}/* IE対応 */

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

	.dayori .inner > select{
		margin:0 auto 24px;
	}

}

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

	.dayori .inner > select{
		width:100%;
	}

}


		/* 本文 */

		.detailnote{
			line-height:2.4em;
		}



		.dayori .inner ul li{
			padding:13px 0 12px;
			list-style:none;
			line-height:1.7em;
			border-bottom:1px solid #e4e4e4;
		}
		.dayori .inner ul li:nth-of-type(1){border-top:1px solid #e4e4e4;}

		.dayori .inner ul li{zoom:1;}
		.dayori .inner ul li:after{
		  content: ""; 
		  display: block; 
		  clear: both;
		}
		
		.dayori .inner ul li.pdfdl{
			padding-left:30px;
			background-image:url(/images/icon_1r_24.png);
			background-repeat:no-repeat;
			background-position:0 50%;
		}


			.dayori .inner ul li .date{
				width:110px;
				color:#0098e8;
				float:left;
			}
			.dayori .inner ul li .cat{
				width:110px;
				height:20px;
				color:#fff;
				font-size:0.7em;
				text-align:center;
				line-height:20px;
				background-color:#0098e8;
				float:left;
				border-radius:3px;
				position:relative;
				top:2px;
			}

			.dayori .inner ul li .cat + div{
				width:calc(100% - 240px); 
				float:right;
			}

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

			.dayori .inner ul li .cat + div{
				clear:both;
				width:100%; 
				padding-top:5px;
				float:none;
			}

		}



	/* パンフレット */

	.dayori .inner ul.pamphlet{
		max-width:640px;
		margin:50px auto 0;
		
	}

		.dayori .inner ul li{
			padding:13px 0 12px;
			list-style:none;
			line-height:1.7em;
			border-bottom:1px solid #e4e4e4;
		}
		.dayori .inner ul li:nth-of-type(1){border-top:1px solid #e4e4e4;}

		.dayori .inner ul li{zoom:1;}
		.dayori .inner ul li:after{
		  content: ""; 
		  display: block; 
		  clear: both;
		}


			.dayori .inner ul li .date{
				width:90px;
				color:#0098e8;
				float:left;
			}
			.dayori .inner ul li .cat{
				width:100px;
				height:20px;
				color:#fff;
				font-size:0.9em;
				text-align:center;
				line-height:20px;
				background-color:#0098e8;
				float:left;
				border-radius:3px;
				position:relative;
				top:2px;
			}

			.dayori .inner ul li .cat + div{
				width:calc(100% - 210px); 
				float:right;
			}

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

			.dayori .inner ul li .cat + div{
				clear:both;
				width:100%; 
				padding-top:5px;
				float:none;
			}

		}
		
			.dayori .inner ul li .itemimage{
				width:200px;
				text-align:center;
				float:left;
			}
			.dayori .inner ul li .itemimage img{
				width:auto;
				height:auto;
			}

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

			.dayori .inner ul li .itemimage{
				width:200px;
				margin:0 auto;
				float:none;
			}

		}
		
			.dayori .inner ul li .itemimage + .note{
				width:calc(100% - 200px);
				text-align:center;
				float:right;
			}
	
		@media screen and (max-width:750px){
		
			.dayori .inner ul li .itemimage + .note{
				width:100%;
				float:none;
			}
	
		}
		
			.dayori .inner ul li .itemimage + .note h4{
				padding:10px 0 20px;
				font-size:1.2em;
				font-weight:500;
				border-bottom:1px dashed #ccc;
			}
	
		@media screen and (max-width:750px){
		
			.dayori .inner ul li .itemimage + .note h4{
				padding:10px 0 0;
				font-size:1.0em;
				border-bottom:none;
			}
	
		}
		
			
			.dayori .inner ul li .itemimage + .note a{
				display:block;
				width:256px;
				height:48px;
				margin:20px auto;
				color:#fff;
				font-weight:500;
				text-align:center;
				text-decoration:none;
				line-height:48px;
				border-radius:24px;
				background:linear-gradient(to right,#0098e8,#48c850);
			}
			.dayori .inner ul li .itemimage + .note a:after{
				content:url(/shared/img_yajirushi-next.png);
				position:relative;
				left:60px;
			}
		



	/* 詳細タイトル */

		.dayori .inner > header{
			margin-bottom:30px;
		}

		.dayori .inner > header{zoom:1;}
		.dayori .inner > header:after{
			content: ""; 
			display: block; 
			clear: both;
		}


			h3.detailtitle{
				margin-bottom:10px;
				padding-top:0;
				padding-bottom:8px;
				text-align:left;
				line-height:1.5em;
				border-bottom:1px solid #e4e4e4;
				
			}
		
			h3.detailtitle + .date{
				margin-right:10px;
				color:#0098e8;
				float:left;
			}
		
			h3.detailtitle + .date + .cat{
				width:110px;
				height:20px;
				color:#fff;
				font-size:0.7em;
				text-align:center;
				line-height:20px;
				background-color:#0098e8;
				float:left;
				border-radius:3px;
				position:relative;
				top:2px;
			}



 	/* 広報（PDF） */

	.pdflink li{
		background-image:url(/shared/ico_pdf.png);
		background-repeat:no-repeat;
		background-size:18px auto;
		background-position:2px 14px;
	}

	.pdflink li a{
		display:block;
		height:100%;
		padding-left:30px;
	}



	/* 会報誌（PDF） */
	
.pdfthum{
	text-align: center;
	margin-left: -10px;
}

	.pdfthum li{
	
		width:200px;
		margin:20px;
		padding:20px 0;
		text-align:center;
		list-style:none;
  		border:1px solid #ccc;
		border-radius:6px;
		display: inline-block;
		margin-left: 10px;
	}

	.pdfthum li a{
		text-decoration:none;
	}

	.pdfthum li div{
		width:calc(100% - 40px);
		margin:5px auto 0;
		color:#fff;
		background-color:#369;
		border-radius:3px;
		-webkit-transition:opacity 0.3s ease-out;
		-moz-transition:opacity 0.3s ease-out;
		-ms-transition:opacity 0.3s ease-out;
		transition:opacity 0.3s ease-out;
	}

	.pdfthum li a:hover div{
		filter:alpha(opacity=70);
		-moz-opacity:0.70;
		opacity:0.70;
	}


	.pdfthum li img{
		width:calc(100% - 40px);
		margin:0 auto;
	}




	/* CM */

	.cm {padding-top:40px;}

		.cm h3.lbl_content{
			font-size:1.4em;
		}

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

		.stdsec h3.lbl_content{
			font-size:1.3em;
			padding:10px 4% 10px;
		}

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

		.stdsec h3.lbl_content{
			font-size:1.2em;
			padding:10px 5% 10px;
		}

	}

			.cmmovie{
				max-width:720px;
				width:100%;
				margin:40px auto 50px;
				padding-top:56.25%;
				text-align:center;
				position: relative;
			}
			.cmmovie iframe{
				position:absolute;
				width:100% !important;
 				height:100% !important;
				top:0;
				left:0;
			}
 










/* ------------------------------------------------------------------------------------------------------ 目次 */

.mokuji, .mokuji * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.mokuji {
    max-width: 1000px;
    width: 90%;
    margin: 36px auto 0;
    padding: 0;
}

.mokuji strong {
    display: block;
    position: relative;
    margin-bottom: 40px;
    text-align: center;
	font-size: 11px;
	font-size: 1.1rem;
    color: #666;
}

.mokuji strong:after{
    content: "INDEX";
    position: absolute;
    bottom: -24px;
    left: 0;
    width: 100%;
    text-align: center;
	font-size: 9px;
	font-size: 0.9rem;
    color: #0098e8;
}

.mokuji ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    padding: 0 -6px;
    list-style: none;
}

.mokuji ul li {
    width: calc(100% / 4 - 12px);
    margin: 6px;
    padding: 0;
}

.mokuji ul li a {
    display: block;
    height: 100%;
    padding: 9px 10px;
    background-color: #ebf0f5;
    border: 1px solid #ccc;
    border-radius: 8px;
    text-align: center;
    text-decoration: none;
    color: #333;
}

.mokuji ul li a:hover {
    background-color: #0098e8;
    border: 1px solid #0098e8;
    color: #fff;
}


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

.mokuji ul li {
    width: calc(100% / 2 - 12px);
    margin: 6px;
}

} /* max 1000px -- */

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

.mokuji ul li {
    width: 100%;
    margin: 6px 0 0;
}

} /* max 480px -- */

/*####################################################################################

  	移転お知らせ

　####################################################################################*/

.iten > div > h4 {
	margin-bottom: 18px;
    padding-bottom: 10px;
	border-bottom: 2px solid #0098e8;
    font-size: 18px;
	font-weight: bold;
}

.iten > div p {
	margin: 5px 0 0;
}

.iten > div strong {
	display: inline-block;
	font-size: 20px;
    font-size: 2.0rem;
	line-height: 1.3;
}

.iten > div strong span {
	display: inline-block;
}

.iten > div ul {
	margin-top: 20px;
    padding-left: 30px;
    list-style: disc !important;
}

.iten > div ul li {
	margin-top: 7px !important;
	padding: 5px 0 !important;
	list-style: initial !important;
	border: 0 !important;
}

.iten > div p span,
.iten > div ul li p span {
	display: inline-block;
}


/****************************************
 * ページハイライト
 **************************************** /
/* 新型コロナウイルス関連 */
.covid19-genmen ul li a[title="被災ローン減免制度"],
.covid19-adr ul li a[title="災害ADR"],

/* 令和２年７月豪雨関連 */
.gouu-soudan ul li a[title="豪雨関連相談"],
.gouu-genmen ul li a[title="被災ローン減免制度"],
.gouu-adr ul li a[title="災害ADR"],
.gouu-kouhou ul li a[title="広報"],
.gouu-qa ul li a[title="Ｑ＆Ａ"],

/* 熊本地震関連 */
.shinsai-soudan ul li a[title="熊本地震相談"],
.shinsai-genmen ul li a[title="被災ローン減免制度"],
.shinsai-adr ul li a[title="災害ADR"],
.shinsai-kouhou ul li a[title="広報"],
.shinsai-qa ul li a[title="Ｑ＆Ａ"]
{
    background-color: #0098e8;
    border: 1px solid #0098e8;
    color: #fff;
}



/* ------------------------------------------------------------------------------------------------------ ContentsTitle */

h3.cttl {
    margin-bottom: 50px;
    padding: 12px 2.5% 10px;
    background-color: #0098e8;
    border-radius: 6px;
    text-align: left;
    color: #fff;
}


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

h3.cttl {
    margin-bottom: 40px;
    padding: 12px 4% 10px;
    font-size: 1.5em;
}

}

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

h3.cttl {
    margin-bottom: 35px;
    padding: 12px 5% 10px;
    font-size: 1.4em;
}

}



/* ------------------------------------------------------------------------------------------------------ 共通Lead */

.lead1 {
    position: relative;
    margin-bottom: 15px;
    padding: 11px 2.5%;
    background-color: #f4f4f4;
    border-radius: 6px;
    font-size: 1.4em;
    line-height: 1.4em;
    font-weight: 500;
    color: #0098e8;
}

.lead2 {
    margin: 30px 0 20px;
    padding: 7px 1% 6px;
    border-top: 1px dashed #0098e8;
    border-bottom: 1px dashed #0098e8;
    line-height: 1.7em;
    font-weight: 500;
    color: #0098e8;
}

.lead3 {
    margin: 30px 0 15px;
    padding: 3px 0 5px 8px;
    border-left: 4px solid #0098e8;
    font-size: 1.0em;
    line-height: 1.25em;
    font-weight: 500;
}



/* ------------------------------------------------------------------------------------------------------ 汎用Layout */

.layout {
}

.layout figure {
	margin: 0;
}

.layout figure img {
	display: block;
	margin: 0 auto;
}

.layout figure figcaption {
	line-height: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.layout figure figcaption.show-cap  {
	margin-top: 6px;
	text-align: center;
	text-indent: 0;
	white-space: inherit;
	overflow: inherit;
}

.layout .left {
	float: none;
	width: auto;
	margin-top: 30px;
}

.layout .right {
	float: none;
	width: auto;
	margin-top: 30px;
}

.layout .left:first-child,
.layout .right:first-child {
	margin-top: 0;
}

.layout .left p:first-child,
.layout .right p:first-child {
	margin-top: 0;
}


@media screen and (min-width: 481px) {

.layout {
	*zoom:1;
}
.layout:before,
.layout:after { content: ""; display: table; }
.layout:after { clear: both; }

.layout .left {
	float: left;
	margin-top: 0;
}

.layout .right {
	float: right;
	margin-top: 0;
}

/**
 * TypeA
 */
.type-a {}

.type-a .left {
	width: 61.79%;
	padding-right: 20px;
}

.type-a .right {
	width: 38.21%;
}

/**
 * TypeB
 */
.type-b {
	padding-right: 20px;
}

.type-b .left {
	width: 50%;
	margin-right: 20px;
}

.type-b .right {
	width: 50%;
	margin-right: -20px;
}

/**
 * TypeC
 */
.type-c {}

.type-c .left {
	width: 38.21%;
}

.type-c .right {
	width: 61.79%;
	padding-left: 20px;
}

} /* min 481px -- */

@media screen and (min-width: 641px) {

/**
 * TypeA
 */
.type-a .left {
	padding-right: 40px;
}

/**
 * TypeB
 */
.type-b {
	padding-right: 40px;
}

.type-b .left {
	margin-right: 40px;
}

.type-b .right {
	margin-right: -40px;
}

/**
 * TypeC
 */
.type-c .right {
	padding-left: 40px;
}

} /* min 641px -- */

@media screen and (min-width: 769px) {

/**
 * TypeA
 */
.type-a .left {
	width: 38.21%;
    padding-right: 0;
}

.type-a .right {
	width: 61.79%;
	padding-left: 11.8%;
}

/**
 * TypeB
 */
.type-b {
	padding-right: 50px;
}

.type-b .left {
	margin-right: 50px;
}

.type-b .right {
	margin-right: -50px;
}

/**
 * TypeC
 */
.type-c .left {
	width: 61.79%;
	padding-right: 11.8%;
}

.type-c .right {
	width: 38.21%;
    padding-left: 0;
}

} /* min 769px -- */



/* ------------------------------------------------------------------------------------------------------ 汎用写真Layout */

.sheets-2,
.sheets-3 {
	margin: -10px 0 0;
    padding: 0 10px 0 0;
	list-style: none;
	*zoom:1;
}
.sheets-2:before, .sheets-3:before, .sheets-2:after, .sheets-3:after { content: ""; display: table; }
.sheets-2:after, .sheets-3:after { clear: both; }

.sheets-2 li,
.sheets-3 li {
	float: left;
    width: 50%;
    margin: 10px 10px 0 0;
	padding: 0;
}

.sheets-2 li:nth-child(even),
.sheets-3 li:nth-child(even) {
    margin-right: -10px;
}

.sheets-2 li img,
.sheets-3 li img {
	display: block;
	max-width: 100%;
	width: auto\9; /* ie8 */
	height: auto;
	margin: 0 auto;
	vertical-align: text-bottom;
}


.sheets-2 li p,
.sheets-3 li p {
	margin: 4px 0 0;
}


@media screen and (min-width: 481px) {

/**
 * 横に2枚
 */
.sheets-2 {
	margin-top: -20px;
    padding-right: 20px;
}

.sheets-2 li {
    margin: 20px 20px 0 0;
}

.sheets-2 li:nth-child(even) {
    margin-right: -20px;
}

/**
 * 横に3枚
 */
.sheets-3 {
    padding-right: 20px;
}

.sheets-3 li {
    width: 33.33%;
}

.sheets-3 li:nth-child(even) {
    margin-right: 10px;
}

.sheets-3 li:nth-child(3n) {
    margin-right: -20px;
}

} /* min 481px -- */

@media screen and (min-width: 769px) {

/**
 * 横に2枚
 */
.sheets-2 {
	margin-top: -40px;
    padding-right: 40px;
}

.sheets-2 li {
    margin: 40px 40px 0 0;
}

.sheets-2 li:nth-child(even) {
    margin-right: -40px;
}

/**
 * 横に3枚
 */
.sheets-3 {
	margin-top: -30px;
    padding-right: 60px;
}

.sheets-3 li {
    width: 33.33%;
    margin: 30px 30px 0 0;
}

.sheets-3 li:nth-child(even) {
    margin-right: 30px;
}

.sheets-3 li:nth-child(3n) {
    margin-right: -60px;
}

} /* min 769px -- */



/* ------------------------------------------------------------------------------------------------------ 共通table */

.commtbl {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 1px solid #e4e4e4;
}

.commtbl th {
	padding: 6px 10px 5px;
	background-color: #f8f8f8;
	border: 1px solid #e4e4e4;
	text-align: left;
	font-weight: normal;
}

.commtbl th[scope="col"] {
	background-color: #0098e8;
	text-align: center;
	color: #fff;
}

.commtbl th[scope="row"] {
	width: 27%;
	vertical-align: top;
}

.commtbl td {
	padding: 6px 10px 5px;
	border: 1px solid #e4e4e4;
}

/**
 * Table内 Font Size
 */
.commtbl.font-s {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5em;
}

/**
 * th センタリング
 */
.commtbl.th-c th {
	text-align: center;
}

/**
 * td センタリング
 */
.commtbl.td-c td {
	text-align: center;
}

/**
 * td 右寄せ
 */
.commtbl.td-r td {
	text-align: right;
}

/**
 * th[scope="row"]のwidth
 */
.commtbl.th-auto th[scope="row"] {
	width: auto;
}


@media screen and (min-width: 481px) {

.commtbl th {
	padding: 10px 20px 9px;
}

.commtbl td {
	padding: 10px 20px 9px;
}

} /* min 481px -- */


/***********************************************
 テーブルオーバーフロー
 ***********************************************/
.overtbl {
}


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

.overtbl {
	overflow-x: auto;
}

.overtbl table {
	width: 700px !important;
}

} /* max 480px -- */



/* ------------------------------------------------------------------------------------------------------ フレーム有レイアウト */

.frame {
    padding: 20px;
    border: 1px solid #dadfea;
}

@media screen and (min-width: 641px) {

.frame {
    padding: 30px;
}

} /* min 641px -- */

@media screen and (min-width: 1001px) {

.frame {
    padding: 30px 40px;
}

} /* min 1001px -- */



/* ------------------------------------------------------------------------------------------------------ 共通list */

.commli {
	margin: 0 0 0 18px;
	padding: 0;
}

.commli li {
	margin: 10px 0 0;
	padding: 0;
}

.commli li:first-child {
	margin-top: 0;
}

ol.commli {
    margin-left: 0;
    list-style: none;
	counter-reset: li;
}

ol.commli > li {
    position: relative;
	padding-left: 2.0em;
}

ol.commli > li:before {
	content: counter(li)".";
	counter-increment: li;
	position: absolute;
	top: 0;
	left: 0;
}

.commdl {
	margin: 0;
	padding: 0;
}

.commdl dt {
	margin: 16px 0 0;
	padding: 0;
	font-weight: bold;
}

.commdl dt:first-child {
	margin-top: 0;
}

.commdl dd {
	margin: 6px 0 0;
	padding: 0;
	text-align: justify;
	text-justify: distribute;
}

.kome-li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.kome-li li {
	position: relative;
	margin: 3px 0 0;
	padding: 0 0 0 1.6em;
}

.kome-li li:first-child {
	margin-top: 0;
}

.kome-li li:before {
	content: "※ ";
	position: absolute;
	top: 0;
	left: 0;
}

/**
 * 「※数字」スタイル
 */
.kome-number {
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: li;
}

.kome-number > li {
	position: relative;
	margin: 8px 0 0;
	padding: 0 0 0 2.4em;
}

.kome-number > li:before {
	content: "※" counter(li);
	counter-increment: li;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}

/**
 * 「カナ」スタイル
 */
.kana {
	margin: 0;
	padding: 0;
	list-style: none;
}

.kana > li {
	position: relative;
	margin: 8px 0 0;
	padding: 0 0 0 2.4em;
}

.kana > li:before {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}

.kana > li:nth-child(1):before { content: "ア"; }
.kana > li:nth-child(2):before { content: "イ"; }
.kana > li:nth-child(3):before { content: "ウ"; }
.kana > li:nth-child(4):before { content: "エ"; }
.kana > li:nth-child(5):before { content: "オ"; }
.kana > li:nth-child(6):before { content: "カ"; }
.kana > li:nth-child(7):before { content: "キ"; }
.kana > li:nth-child(7):before { content: "ク"; }
.kana > li:nth-child(7):before { content: "ケ"; }
.kana > li:nth-child(7):before { content: "コ"; }



/* ------------------------------------------------------------------------------------------------------ 基準位置設定 */

.posi-rel {
    position: relative;
}



/* ------------------------------------------------------------------------------------------------------ アンカーポイント */

.anchor {
}


@media screen and (min-width: 1001px) {

.anchor {
	position: absolute;
	top: -75px;
}

} /* min 1001px -- */




/* ------------------------------------------------------------------------------------------------------ アニメーション用 */

.a-fi,
.a-fiu,
.a-fir,
.a-fid,
.a-fil {
    opacity: 0;
}

.a-none {
	opacity: 1;
}

.fadeIn,
.fadeInUp,
.fadeInRight,
.fadeInDown,
.fadeInLeft {
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.fadeInnone {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}



/* ------------------------------------------------------------------------------------------------------ fadeIn */

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}



/* ------------------------------------------------------------------------------------------------------ fadeInUp */

@-webkit-keyframes fadeInUpSP {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 16px, 0);
    transform: translate3d(0, 16px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpSP {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 16px, 0);
    transform: translate3d(0, 16px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeInUpPC {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 24px, 0);
    transform: translate3d(0, 24px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpPC {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 24px, 0);
    transform: translate3d(0, 24px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUpSP;
  animation-name: fadeInUpSP;
}

@media screen and (min-width: 1001px) {

.fadeInUp {
  -webkit-animation-name: fadeInUpPC;
  animation-name: fadeInUpPC;
}

} /* min 1001px -- */



/* ------------------------------------------------------------------------------------------------------ fadeInRight */

@-webkit-keyframes fadeInRightSP {
  from {
    opacity: 0;
    -webkit-transform: translate3d(16px, 0, 0);
    transform: translate3d(16px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightSP {
  from {
    opacity: 0;
    -webkit-transform: translate3d(16px, 0, 0);
    transform: translate3d(16px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeInRightPC {
  from {
    opacity: 0;
    -webkit-transform: translate3d(24px, 0, 0);
    transform: translate3d(24px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightPC {
  from {
    opacity: 0;
    -webkit-transform: translate3d(24px, 0, 0);
    transform: translate3d(24px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRightSP;
  animation-name: fadeInRightSP;
}

@media screen and (min-width: 1001px) {

.fadeInRight {
  -webkit-animation-name: fadeInRightPC;
  animation-name: fadeInRightPC;
}

} /* min 1001px -- */



/* ------------------------------------------------------------------------------------------------------ fadeInDown */

@-webkit-keyframes fadeInDownSP {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -16px, 0);
    transform: translate3d(0, -16px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownSP {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -16px, 0);
    transform: translate3d(0, -16px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeInDownPC {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -24px, 0);
    transform: translate3d(0, -24px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownPC {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -24px, 0);
    transform: translate3d(0, -24px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDownSP;
  animation-name: fadeInDownSP;
}

@media screen and (min-width: 1001px) {

.fadeInDown {
  -webkit-animation-name: fadeInDownPC;
  animation-name: fadeInDownPC;
}

} /* min 1001px -- */



/* ------------------------------------------------------------------------------------------------------ fadeInLeft */

@-webkit-keyframes fadeInLeftSP {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-16px, 0, 0);
    transform: translate3d(-16px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftSP {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-16px, 0, 0);
    transform: translate3d(-16px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeInLeftPC {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-24px, 0, 0);
    transform: translate3d(-24px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftPC {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-24px, 0, 0);
    transform: translate3d(-24px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeftSP;
  animation-name: fadeInLeftSP;
}

@media screen and (min-width: 1001px) {

.fadeInLeft {
  -webkit-animation-name: fadeInLeftPC;
  animation-name: fadeInLeftPC;
}

} /* min 1001px -- */



/* ------------------------------------------------------------------------------------------------------ fadeInnone */

@-webkit-keyframes fadeInnoneSP {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeInnoneSP {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@-webkit-keyframes fadeInnonePC {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeInnonePC {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeInnone {
  -webkit-animation-name: fadeInnoneSP;
  animation-name: fadeInnoneSP;
}

@media screen and (min-width: 1001px) {

.fadeInnone {
  -webkit-animation-name: fadeInnonePC;
  animation-name: fadeInnonePC;
}

} /* min 1001px -- */