@charset "UTF-8";
/*
Theme Name: 兵庫・大阪障害年金相談センター スマホ
Theme URI: 
Description: 兵庫・大阪障害年金相談センター スマホ
Version: 1.0
Author: casley

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

Smart Phone Style Reset

---------------------------------------------*/
/*
* {
	margin: 0;
	padding: 0;
} */

html {
	margin:		0;	
	padding:	0;
}
body {
	line-height:	1.0em;
	margin:			0;
	
	font-family: 		Meiryo,'メイリオ','Lucida Grande',Verdana,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;
	font-size: 			20px;
/*	letter-spacing: 	0.5px; */
	line-height: 		1.3em;
	color: 				#333;
	
	background:			#fff url(images/body_bg.gif) center center repeat;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-weight: normal;
	font-size: 100%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}

hr {
	display:		block;
	height:			1px;
	border:			0;
	border-top:		1px solid #cccccc;
	margin:			1em 0;
	padding:		0;
}

ul {
	list-style:		none;
	padding:		0;
}
	li {
		padding:		0;
		list-style: 	none;
	}

input, select {
	vertical-align:		middle;
}


a {
	-webkit-tap-highlight-color:		transparent;
}

q:before,q:after { content: ''; }
abbr,acronym {
	border: 0;
	font-variant: normal; }
sup { vertical-align: baseline; }
sub { vertical-align: baseline; }
/* legend { 
	color: #000; 
} */
input,button,textarea,select,optgroup,option {
	font-family: 	inherit;
	font-size: 		inherit;
	font-style: 	inherit;
	font-weight:	inherit; 
}
input,button,textarea,select { 
	*font-size: 100%; 
}

address { 
	font-style:normal; 
}

input[type*="button"] { 
	cursor: pointer;
}

img {
	border: 			none;
	vertical-align: 	bottom;
	
	max-width:		100%;
	height:			auto;
}
img.responsive {
	width:		100%;
	height:		auto;
}
strong {
	color:	#f85406;
}

/* 全体 共通設定
--------------------------------------------------------*/

html {
	-webkit-text-size-adjust: 100%;
}

div {
	margin: 0 auto;
}

a {
	color: 		#ff3f00;
}

.btns2 {
}
	.btns2 ul {
		margin:		0 -5px;
	}
		.btns2 li {
			float:		left;
			width:		50%;
			padding:		0 0 10px;
		}
			.btns2 li a {
				display:		block;
				margin:			0 5px;
			}

	/* sp */
	@media screen and (max-width: 480px)  {
		.btns2 {
		}
			.btns2 ul {
				margin:		0 -2.5px;
			}
				.btns2 li {
					padding:	0 0 5px;
				}
					.btns2 li a {
						margin:			0 2.5px;
					}
	}
.btns3 {
}
	.btns3 ul {
		margin:		0 -5px;
	}
		.btns3 li {
			float:		left;
			width:		33.33%;
		}
			.btns3 li {
				padding:		0 0 10px;
			}
				.btns3 li a {
					display:		block;
					margin:			0 5px;
				}
	/* sp */
	@media screen and (max-width: 480px)  {
		.btns3 ul {
			margin:		0 -2.5px;
		}
			.btns3 li {
				padding:		0 0 5px; 
			}
				.btns3 li a {
					margin:			0 2.5px;
				}
	}
.btns4 {
}
	.btns4 ul {
		margin:		0 -5px;
	}
		.btns4 li {
			float:		left;
			width:		25%; 
			
			/*box-sizing:	border-box; */
		}
			.btns4 li {
				padding:		0 0 10px;
			}
				.btns4 li a {
					display:		block;
					margin:			0 5px;
				}
	/* sp */
	@media screen and (max-width: 480px)  {
		.btns4 ul {
			margin:		0 -2.5px;
		}
			.btns4 li {
				padding:		0 0 5px; 
			}
				.btns4 li a {
					margin:			0 2.5px;
				}
	}


/* レイアウト
-------------------------- */


#viewport {
/*	max-width:		640px;  */
	margin:		0 auto;
}
#main {
	margin:			18px 10px 10px;
}
	@media screen and (max-width: 480px)  {
		#main {
			margin:			9px 5px 5px;
		}
	}

/*  共通コンテンツ
--------------------------------------------------------*/

h2 {
	color:			#fff;
	font-size:		28px;
	font-weight:	bold;
	line-height:	1.4em;
	
	padding:		8px 10px;
	margin-bottom:	20px;
	
	background:		#FF8000;
	
	text-align:		left;
}
	h2 .note {
		font-size:		26px;
	}
	h2 .note2 {
		font-size:		22px;
	}
	h2 a,
	h2 a:link,
	h2 a:visited,
	h2 a:hover {
		color:		#fff;
	}
	/* sp */
	@media screen and (max-width: 480px)  {
		h2 {
			padding:		4px 5px;
			margin-bottom:	10px;
			font-size:		14px;
			line-height:	1.3em;
		}
		h2 .note {
			font-size:		12px;
			line-height:	1.3em;
		}
		h2 .note2 {
			font-size:		10px;
			line-height:	1.3em;
		}
	}
h3 {
	color:			#FF8000;
	font-size:		28px;
	font-weight:	bold;
	line-height:	1.4em;
	
	background:		#fff;
	border:				1px solid #FF8000;
	border-top-width:	5px;
	padding:		 10px;
	margin-bottom:	20px;
	
	text-align:		left;
}
	/* sp */
	@media screen and (max-width: 480px)  {
		h3 {
			border-top-width:	2.5px;
			
			padding:		5px;
			margin-bottom:	10px;
			font-size:		14px;
			line-height:	1.3em;
		}
	}
h4 {
	color:			#FF8000;
	font-size:		26px;
	font-weight:	bold;
	line-height:	1.4em;
	
	padding:		10px 10px 4px;
	margin-bottom:	20px;
	
	border-bottom:	4px solid #FF8000;
	
	text-align:		left;
}
	/* sp */
	@media screen and (max-width: 480px)  {
		h4 {
			font-size:		13px;
			line-height:	1.4em;
			
			padding:		5px 5px 2px;
			margin-bottom:	10px;
			
			border-bottom:	2px solid #FF8000;
		}
	}

h5,h6 {
	color:			#525252;
	font-size:		20px;
	font-weight:	bold;
	line-height:	1.4em;
	
	background:		#fcfcfc;
	padding:		8px 10px 6px 24px;
	margin-left:	10px;
	margin-right:	10px;
	margin-bottom:	10px;
	
	border:			1px solid #c5c5c5;
	
	text-align:		left;
	
	position:		relative;
}
	h5:before,
	h6:before {
		position:	absolute;
		top:		8px;
		bottom:		8px;
		left:		8px;
		
		display:	block;
		width:		6px;
		height:		auto;
		
		content:	' ';
		
		background:	#FF8000;
	}
	/* sp */
	@media screen and (max-width: 480px)  {
		h5, h6 {
			padding:		5px 5px 4px 12px;
			margin-left:	5px;
			margin-right:	5px;
			margin-bottom:	5px;
			
			font-size:		12px;
			line-height:	1.3em;
		}
		h5:before, 
		h6:before {
			top:		4px;
			bottom:		4px;
			left:		4px;
			width:		3px;
		}
	}




p {
	/* margin: 			15px 20px 20px 20px; */
	margin:				0 0 24px;
	font-size:			23px;
	line-height:		1.3em;		
}
	/* sp */
	@media screen and (max-width: 480px)  {
		p {
			margin:				0 0 12px;
			
			font-size:			12px;
			line-height:		1.3em;		
		}
	}

.posts {
	text-align:		left;
	
	background:		#fff;
	
	padding:		8px 18px 1px; /* 最後のmargin-bottomを相殺されないように */
}
	.posts p {
		margin:		10px 0 24px;
	}
	.posts h2, 
	.posts h3,
	.posts h4,
	.posts h5,
	.posts h6 {
		margin-bottom:	24px;
	}
	/* sp */
	@media screen and (max-width: 480px)  {
		.posts {
			padding:		4px 9px 1px;
			font-size:			12px;
		}
		.posts p {
			margin:		5px 0 12px;
		}
		.posts h2,
		.posts h3,
		.posts h4,
		.posts h5,
		.posts h6 {
			margin-bottom:	12px;
		}
	}



/*  テーブル
--------------------------------------------------------*/

table {
	font-size: 		inherit;
	font: 			100%;
}

table.mainstyle {
	border: 			1px #b9b9b9 solid;
	border-collapse: 	collapse;
	border-spacing: 	0;
	margin: 			15px 10px 24px;
/*	width:				100%; */
}

table.mainstyle th {
	font-weight: 		bold;
	padding: 			10px;
	border: 			1px #b9b9b9 solid;
	background: 		#FFFFCC;
}

table.mainstyle td {
	padding: 			10px;
	border: 			1px #b9b9b9 solid;
	background: 		#fff;
}
	/* sp */
	@media screen and (max-width: 480px)  {
		table.mainstyle {
			margin: 			7.5px 5px 12px;
		}
		
		table.mainstyle th {
			padding: 			5px;
		}
		
		table.mainstyle td {
			padding: 			5px;
		}

	}

/*  パンくず
--------------------------------------------------------*/

.breadcrumb {
	text-align:			left;
	background: 		#FFFFFF;
	padding: 			8px 4px;
	
	font-size: 			23px;
	line-height:		1.3em;
}

.breadcrumb a {
	display: 	inline;
	padding: 	0 5px;
	color: 		#FF3F00;
	
	text-decoration:		none !important;
} 
	/* sp */
	@media screen and (max-width: 480px)  {
		.breadcrumb {
			font-size:			12px;
			line-height:		1.3em;		
		}
		.breadcrumb a {
			padding: 	0 2px;
		}
	}

/*  header
--------------------------------------------------------*/


header {
	padding:		10px;
	position:		relative;
	background:		#fff;
}
	header .logo {
		float:		left;
		width:		66.129%; /* (410/620) */
	}
	header .tel {
		float:		right;
		width:		33.064%; /* (205/620) */
	}
	header h1 {
		margin:		0 0 -10px;
	}
	header .office {
		font-size:		18px;
		font-weight:	normal;
		line-height:	1.3em;
		color:			#333;
		
		margin:			0 0 0 19.268%; /*  (79/410) */
	}
	header .access {	
		border:			3px solid #FF8000;
		height:			29px;
		border-radius:	17.5px;
		
		font-size:		20px;
		font-weight:	normal;
		line-height:	33px;
		color:			#FF5B26;
		text-align:		center;
		
		margin:			5px 0 0;
	}

			
	@media screen and (min-width: 481px) and (max-width: 620px)  {
		header {
			padding:		7.5px;
		}
			header h1 {
				margin:		0 0 -7.5px;
			}
			header .office {
				font-size:		13.5px;
			}
			header .access {
				border:			1px solid #FF8000;
				height:			21.75px;
				border-radius:	10.835px;
				
				font-size:		15px;
				line-height:	22px;
				margin:			3.75px 0 0;
			}

	}

	@media screen and (max-width: 480px)  {
		header {
			padding:		5px;
		}
			header h1 {
				margin:		0 0 -5px;
			}
			header .office {
				font-size:		9px;
			}
			header .access {
				border:			1px solid #FF8000;
				height:			14.5px;
				border-radius:	7.25px;
				
				font-size:		10px;
				line-height:	16px;
				margin:			2.5px 0 0;
			}
	}



/*  コンテンツ
--------------------------------------------------------*/

#main_image {
}
	#main_image .btn {
		max-width:	494px;
		height:		73px;
		text-align:	center;
		margin:		-73px 73px 0;
	}
	@media screen and (min-width: 641px)  {
		#main_image .btn {	
			margin:		-76px auto 0;
		}
	}
	@media screen and (min-width: 481px) and (max-width: 600px)  {
		#main_image {
		}
			#main_image .btn {
				height:		55.5px;
				margin:		-55.5px 55.5px 0;
			}
	}
	@media screen and (max-width: 480px)  {
		#main_image {
		}
			#main_image .btn {
				height:		37px;
				margin:		-37px 37px 0;
			}
	}

.gnav {
	border-top:			3px solid #FF8000;
	border-bottom:		3px solid #FF8000;
	height:				117px;
	
	background:			url(images/header_nav_bg.gif) center center repeat-x;
	background-size:	contain;
}
	.gnav ul {
	}
		.gnav ul li {
			float:		left;
			display:	block;
			width:		50%;
			
			position:	relative;
		}
			.gnav ul li:first-child:after {
				position:	absolute;
				top:		10px;
				bottom:		10px;
				right:		1px;
				
				display:	block;
				width:		2px;
				height:		auto;
				content:	'';
				background:	#917254;
				
				overflow:	hidden;
			}
			.gnav ul li a {
				display:	block;
				height:		117px;
				
				font-size:		30px;
				font-weight:	bold;
				line-height:	1.2em;
				color:				#917254;
				text-align:		center;
				text-decoration:	none !important;
				text-shadow:		2px 2px 3px rgba(255,255,255,0.7),
									-2px 2px 3px rgba(255,255,255,0.7),
									2px -2px 3px rgba(255,255,255,0.7),
									-2px -2px 3px rgba(255,255,255,0.7);
			}
				.gnav ul li a:before {
					display:	block;
					height:		64px;
					content:	'';
					
					background-position:	center center;
					background-repeat:		no-repeat;
				}
					.gnav ul li:nth-child(1) a:before {
						background-image:	url(images/header_nav_icon01.png);
						background-size:	auto 54%;
					}
					.gnav ul li:nth-child(2) a:before {
						background-image:	url(images/header_nav_icon02.png);
						background-size:	auto 54%;
					}

						
	@media screen and (min-width: 481px) and (max-width: 600px)  {
		.gnav {
			border-top-width:		2px;
			border-bottom-width:	2px;
			height:					77.22px;
		}
			.gnav ul li:first-child:after {
				top:		7.5px;
				bottom:		7.5px;
				width:		1px;
			}
			.gnav ul li a {
				height:		77.22px;
				
				font-size:		20px;
				line-height:	1.2em;
				text-shadow:		1px 1px 3px rgba(255,255,255,0.7),
									-1px 1px 3px rgba(255,255,255,0.7),
									1px -1px 3px rgba(255,255,255,0.7),
									-1px -1px 3px rgba(255,255,255,0.7);
			}
				.gnav ul li a:before {
					height:		32px;
				}
	} 
	@media screen and (max-width: 480px)  {
		.gnav {
			border-top-width:		1px;
			border-bottom-width:	1px;
			height:					58.5px;
		}
			.gnav ul li:first-child:after {
				top:		5px;
				bottom:		5px;
				width:		1px;
			}
			.gnav ul li a {
				height:		58.5px;
				
				font-size:		15px;
				line-height:	1.2em;
				text-shadow:		1px 1px 3px rgba(255,255,255,0.7),
									-1px 1px 3px rgba(255,255,255,0.7),
									1px -1px 3px rgba(255,255,255,0.7),
									-1px -1px 3px rgba(255,255,255,0.7);
			}
				.gnav ul li a:before {
					height:		32px;
				}
	}

.cases {
	background:			#fff;
	padding:			10px;
}
	.cases li {
		min-height:		40px;
		margin:			0 0 13px 105px;
		
		font-size:		22px;
		font-weight:	bold;
		line-height:	1.3em;
		color:			#523339;
		
		position:		relative;
	}
		.cases li .stress {
			color:		#f00;
		}
		.cases li:before {
			position:	absolute;
			left:		-105px;
			top:		5px;
			
			border:		3px solid #FF8000;
			background:	#fff;
			width:		84px;
			height:		34px;
			border-radius:	34px;
			
			display:	block;
			
			font-size:		22px;
			font-weight:	bold;
			line-height:	40px;
			color:			#FF8000;
			text-align:		center;
		}
			.cases li:nth-child(1):before { content: '事例1';}
			.cases li:nth-child(2):before { content: '事例2';}
			.cases li:nth-child(3):before { content: '事例3';}
	
	@media screen and (max-width: 480px)  {
		.cases {
			padding:			5px;
		}
			.cases li {
				min-height:		20px;
				margin:			0 0 6.5px 52.5px;
				
				font-size:		11px;
				line-height:	1.3em;
			}
				.cases li:before {
					left:		-52.5px;
					top:		2.5px;
					
					border:		1px solid #FF8000;
					width:		42px;
					height:		17px;
					border-radius:	17px;
					
					font-size:		11px;
					line-height:	20px;
				}
	}


.features {
	background:		#fff;
	padding:		10px 0 15px 20px;
}
	.features li {
		background:		url(images/feature_icon01.png) left top no-repeat;
		padding:		10px 0 9px 50px;
		min-height:		24px;
		
		font-size:		28px;
		font-weight:	bold;
		line-height:	1.3em;
		color:			#523339;
	}
		.features li .stress {
			color:		#f00;
		}
	@media screen and (min-width: 481px) and (max-width: 630px)  {
		.features {
			padding:		7.5px 0 10px 15px;
		}
			.features li {
				background-size:		30px 30px;
				
				padding:		7.5px 0 7px 40.5px;
				min-height:		16px;
				
				font-size:		22.5px;
				line-height:	1.3em;
			}
	} 
	@media screen and (max-width: 480px)  {
		.features {
			padding:		5px 0 7.5px 10px;
		}
			.features li {
				background-size:		21px 21px;
				
				padding:		5px 0 4.5px 27px;
				min-height:		12px;
				
				font-size:		15px;
				line-height:	1.3em;
			}
	}

.reasons {
	padding:		10px;
	background:		#fff;
}
	.reasons .stress {
		color:		#f00;
	}
	.reasons li {
		vertical-align:	middle;
		
		border:			3px solid #FFD775;
		border-radius:	5px;
		background:		#fff;
		
		font-size:		22px;
		font-weight:	bold;
		line-height:	1.3em;
		color:			#444;
		
		padding:		26px 15px 10px 90px;
	    height:			40px;
		margin:			0 0 10px;
		
		position:		relative;
	}
		.reasons li:before {
			position:	absolute;
			left:		-3px;
			top:		-3px;
			
			background:		#8EBE00;
			border-radius:	41px;
			
			font-size:		44px;
			font-weight:	bold;
			line-height:	82px;
			color:			#fff;
			text-align:		center;
			
			display:	block;
			width:		82px;
			height:		82px;

		}
			.reasons li:nth-child(1):before { content: '1'; }
			.reasons li:nth-child(2):before { content: '2'; }
			.reasons li:nth-child(3):before { content: '3'; }
			.reasons li:nth-child(4):before { content: '4'; }
			.reasons li:nth-child(5):before { content: '5'; }
			.reasons li:nth-child(6):before { content: '6'; }
			.reasons li:nth-child(7):before { content: '7'; }

		.reasons li.nl {
			padding-top:	12px;
			height:			54px;
		}

	@media screen and (min-width: 481px) and (max-width: 630px)  {
		.reasons {
			padding:		7.5px;
		}
			.reasons li {
				border-width:	2px;
				border-radius:	4px;
				
				font-size:		16px;
				line-height:	1.3em;
				
				padding:		19.5px 10.5px 7.5px 67.5px;
				height:			30px;
				margin:			0 0 7.5px;
			}
				.reasons li:before {
					position:	absolute;
					left:		-2px;
					top:		-2px;
					border-radius:	30px;
					
					font-size:		33px;
					line-height:	60px;
					
					display:	block;
					width:		60px;
					height:		60px;
					overflow:	hidden;
				}
				.reasons li.nl {
					padding-top:	9px;
					height:			40.5px;
				}
	} 
	@media screen and (max-width: 480px)  {
		.reasons {
			padding:		5px;
		}
			.reasons li {
				border-width:	1px;
				border-radius:	2.5px;
				
				font-size:		11px;
				line-height:	1.3em;
				
				padding:		13px 7px 5px 45px;
				height:			20px;
				margin:			0 0 5px;
			}
				.reasons li:before {
					position:	absolute;
					left:		-1px;
					top:		-1px;
					border-radius:	20px;
					
					font-size:		22px;
					line-height:	40px;
					
					display:	block;
					width:		40px;
					height:		40px;
					overflow:	hidden;
				}
				.reasons li.nl {
					padding-top:	6px;
					height:			27px;
				}
	}
.letter  {
	padding:		20px 20px;
	background:		#fff;
	text-align:		center;
}
	.letter .text {
		text-align:		left;
		margin:			20px 0 0;
	}
	@media screen and (max-width: 480px)  {
		.letter  {
			padding:		10px 10px;
		}
		.letter .text {
			margin:			10px 0 0;
		}
	}

.page_nav {
	padding:		0 0 18px;
}
	.page_nav a {
		display:		block;
		background:		url(images/page_nav_bg.gif) center center repeat;
		border:			3px solid #FF9913;
		border-radius:	6px;
		
		padding:		0 0 14px;
		
		font-size:		22px;
		font-weight:	bold;
		line-height:	1.3em;
		color:			#917256;
		text-decoration:	none;
		text-align:		center;
	}
		.page_nav a:before {
			display:	block;
			height:		56px;
			content:	'';
			overflow:	hidden;
			
			background-position:	center center;
			background-repeat:		no-repeat;
		}
			.page_nav li:nth-child(1) a:before {
				background-image:		url(images/page_nav_icon01.png);
				background-size:		auto 60%;
			}
			.page_nav li:nth-child(2) a:before {
				background-image:		url(images/page_nav_icon02.png);
				background-size:		auto 60%;
			}
			.page_nav li:nth-child(3) a:before {
				background-image:		url(images/page_nav_icon03.png);
				background-size:		auto 60%;
			}

	@media screen and (max-width: 480px)  {
		.page_nav {
			padding:		0 0 9px;
		}
			.page_nav a {
				border-width:	1px;
				border-radius:	3px;
				
				padding:		0 0 7px;
				
				font-size:		11px;
				line-height:	1.3em;
			}
				.page_nav a:before {
					height:		28px;
				}
	}
.btn01 {
}
	.btn01 a {
		display:	block;
		border:		6px solid #FFD775;
		border-radius:	6px;
		
		padding:		15px;
		
		font-size:		29px;
		font-weight:	bold;
		line-height:	1.4em;
		color:			#917256;
		text-decoration:	none;
		
		background:		#fff url(images/btn01_icon.gif) right center no-repeat;
		background-size:	contain;
	}
	@media screen and (max-width: 480px)  {
		.btn01 a {
			border-width:		3px;
			border-radius:	3px;
			
			padding:		7.5px;
			
			font-size:		15px;
			line-height:	1.4em;
			
		}
	}
.btn02 {
}
	.btn02 a {
		display:	block;
		border:		6px solid #FFD775;
		border-radius:	6px;
		
		padding:		30px 15px;
		
		font-size:		29px;
		font-weight:	bold;
		line-height:	1.4em;
		color:			#917256;
		text-decoration:	none;
		
		background:		#fff url(images/btn01_icon.gif) right center no-repeat;
		background-size:	contain;
	}
	@media screen and (max-width: 480px)  {
		.btn02 a {
			border-width:		3px;
			border-radius:	3px;
			
			padding:		15px 7.5px;
			
			font-size:		15px;
			line-height:	1.4em;
			
		}
	}


.gmap {
}
	.gmap .title {
		color:			#FF7F00;
		font-size:		28px;
		font-weight:	bold;
		line-height:	1.4em;
		
		padding:		8px 0 6px 32px;
		margin-bottom:	10px;
		
		text-align:		left;
		
		position:		relative;
	}
		.gmap  .title:before {
			position:	absolute;
			top:		8px;
			bottom:		8px;
			left:		15px;
			
			display:	block;
			width:		8px;
			height:		auto;
			
			content:	' ';
			
			background:	#FF8000;
		}
	/* sp */
	@media screen and (max-width: 480px)  {
		.gmap .title {
			padding:		4px 0 3px 16px;
			margin-bottom:	5px;
			
			font-size:		14px;
			line-height:	1.3em;
		}
		.gmap .title:before {
			top:		4px;
			bottom:		4px;
			left:		7.5px;
			width:		4px;
		}
	}






/*  FOOTER : フッター 設定
--------------------------------------------------------*/

footer {
	padding:		10px;
	position:		relative;
	background:		#fff;	
}
	footer .logo {
		float:		left;
		width:		66.129%; /* (410/620) */
	}
	footer .tel {
		float:		right;
		width:		33.064%; /* (205/620) */
	}
	footer h1 {
		margin:		0 0 -10px;
	}
	footer .office {
		font-size:		18px;
		font-weight:	normal;
		line-height:	1.3em;
		color:			#333;
		
		margin:			0 0 0 19.268%; /*  (79/410) */
	}
	footer .access {	
		border:			3px solid #FF8000;
		height:			29px;
		border-radius:	17.5px;
		
		font-size:		20px;
		font-weight:	normal;
		line-height:	33px;
		color:			#FF5B26;
		text-align:		center;
		
		margin:			5px 0 0;
	}

			
	@media screen and (min-width: 481px) and (max-width: 620px)  {
		footer {
			padding:		7.5px;
		}
			footer h1 {
				margin:		0 0 -7.5px;
			}
			footer .office {
				font-size:		13.5px;
			}
			footer .access {
				border:			1px solid #FF8000;
				height:			21.75px;
				border-radius:	10.835px;
				
				font-size:		15px;
				line-height:	22px;
				margin:			3.75px 0 0;
			}

	}

	@media screen and (max-width: 480px)  {
		footer {
			padding:		5px;
		}
			footer h1 {
				margin:		0 0 -5px;
			}
			footer .office {
				font-size:		9px;
			}
			footer .access {
				border:			1px solid #FF8000;
				height:			14.5px;
				border-radius:	7.25px;
				
				font-size:		10px;
				line-height:	16px;
				margin:			2.5px 0 0;
			}
	}




.copyright {
	font-size:		18px;
	font-weight:	normal;
	line-height:	1.3em;
	text-align:		center;
	
	padding:		3px 10px;
	
	background:		#FF8000;
	color:			#fff;
}
	/* sp */
	@media screen and (max-width: 480px)  {
		.copyright {
			font-size:		9px;
			line-height:	1.3em;
			padding:		2px 5px;
		}
	}
/*  MENU : メニューページ
--------------------------------------------------------*/

.side_menu {
	background:		#fff;
	text-align:		left;
}
	.side_menu ul {
		background:			#fff;
	}
	
	.side_menu ul.menu > li {
	}
	.side_menu ul.menu > li > a {
		display:		block;
		padding:		20px 42px 20px 25px;
		
		border-bottom:		1px dashed #917256;
		
		font-size:			22px;
		font-weight:		bold;
		line-height:		1.3em;
		text-decoration:	none;
		color:				#444;
		
		position:			relative;
	}
		.side_menu ul.menu > li > a:after {
			position:		absolute;
			right:			0;
			top:			0;
			bottom:			0;
			
			display:		block;
			width:			24px;
			height:			auto;
			
			content:		' ';
			overflow:		hidden;
			
			background:		url(images/side_menu_icon01.gif) left center no-repeat;
		}
	/* 子階層 */
		.side_menu ul.menu > li ul {
			padding:	0 0 0 30px;
			margin:		0;
		}
		.side_menu ul.menu > li > ul {
			padding-bottom:		3px;
			border-bottom:		1px dashed #917256;
		}
		.side_menu ul.menu > li > ul > li a {
			display:		block;
			padding:		20px 42px 20px 25px;
			
			font-size:			22px;
			font-weight:		bold;
			line-height:		1.3em;
			text-decoration:	none;
			color:				#444;
			
			background:			url(images/side_menu_icon01.gif) left 19px no-repeat;
			
			position:			relative;
		}
	/* sp */
	@media screen and (max-width: 480px)  {
		.side_menu {
		}
			.side_menu ul.menu > li > a {
				padding:		10px 21px 10px 12.5px;
				font-size:			11px;
				line-height:		1.3em;
			}
				.side_menu ul.menu > li > a:after {
					width:			12px;
					background-size:	18.5px 14px;
				}
			/* 子階層 */
				.side_menu ul.menu > li ul {
					padding:	0 0 0 15px;
				}
				.side_menu ul.menu > li > ul > li a {
					padding:		10px 21px 10px 12.5px;
					font-size:			11px;
					line-height:		1.3em;
					
					background:			url(images/side_menu_icon01.gif) left 9px no-repeat;
					background-size:	18.5px 14px;
				}
	}

/**
#menu-sidemenu {
	padding-top: 11px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	background:url(images/bg_content.png);
}

#menu-sidemenu .menu-item a {
	background: #fff;
	margin: -1px 0 0;
	padding: 10px 10px 10px 40px;
	font-weight: bold;
	font-size: 1.5rem;
	border:1px solid #dddddd;
	position: relative;
}

#menu-sidemenu .menu-item a:before{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  left: 9px;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  background: #ff8657;
}
#menu-sidemenu .menu-item a:after{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  left: 5px;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  background: #fff;
}


#menu-sidemenu .sub-menu {
	padding: 10px;
}

#menu-sidemenu .sub-menu .menu-item a {
	background: transparent;
	border: none;
	padding-left: 55px;
}

#menu-sidemenu .sub-menu .menu-item a:before {
content: '';
width: 15px;
height: 15px;
position: absolute;
top: 1.2rem;
left: 30px;
background: #8c6900;
float: left;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-ms-border-radius: 15px;
margin: 0 7px 0 0;
z-index: 9;
}

#menu-sidemenu .sub-menu .menu-item a:after {
	content: none;
}***/






/* clearfix 設定
-------------------------- */

.cl:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}


.cl {
	min-height: 1px;
	clear: both;
}

* html .cl {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}




/* 汎用
---------------------------------------------*/
	/* sp */
	@media screen and (min-width: 481px)  {
		.mt5 {margin-top: 5px !important;}
		.mt8 {margin-top: 8px !important;}
		.mt10 {margin-top: 10px !important;}
		.mt15 {margin-top: 15px !important;}
		.mt20 {margin-top: 20px !important;}
		.mt25 {margin-top: 25px !important;}
		.mt30 {margin-top: 30px !important;}
		.mt40 {margin-top: 40px !important;}
		.mt50 {margin-top: 50px !important;}
		.mb00 {margin-bottom: 0px !important;}
		.mb5 {margin-bottom: 5px !important;}
		.mb10 {margin-bottom: 10px !important;}
		.mb15 {margin-bottom: 15px !important;}
		.mb20 {margin-bottom: 20px !important;}
		.mb25 {margin-bottom: 25px !important;}
		.mb30 {margin-bottom: 30px !important;}
		.mb35 {margin-bottom: 35px !important;}
		.mb40 {margin-bottom: 40px !important;}
		.mb45 {margin-bottom: 45px !important;}
		.mb50 {margin-bottom: 50px !important;}
		.mb75 {margin-bottom: 75px !important;}
		.mb100 {margin-bottom: 100px !important;}
	}
	/* sp === 640px で作るため、半分にしておく */
	@media screen and (max-width: 480px)  {
		.mt5 {margin-top: 2.5px !important;}
		.mt8 {margin-top: 4px !important;}
		.mt10 {margin-top: 5px !important;}
		.mt15 {margin-top: 7.5px !important;}
		.mt20 {margin-top: 10px !important;}
		.mt25 {margin-top: 12.5px !important;}
		.mt30 {margin-top: 15px !important;}
		.mt40 {margin-top: 20px !important;}
		.mt50 {margin-top: 25px !important;}
		
		.mb00 {margin-bottom: 0px !important;}
		.mb5 {margin-bottom: 2.5px !important;}
		.mb10 {margin-bottom: 5px !important;}
		.mb15 {margin-bottom: 7.5px !important;}
		.mb20 {margin-bottom: 10px !important;}
		.mb25 {margin-bottom: 12.5px !important;}
		.mb30 {margin-bottom: 15px !important;}
		.mb35 {margin-bottom: 17.5px !important;}
		.mb40 {margin-bottom: 20px !important;}
		.mb45 {margin-bottom: 22.5px !important;}
		.mb50 {margin-bottom: 25px !important;}
		.mb75 {margin-bottom: 37.5px !important;}
		.mb100 {margin-bottom: 50px !important;}
	}
	/* sp */
	@media screen and (min-width: 481px)  {
		.mr10 {margin-right: 10px !important;}
		.mr20 {margin-right: 20px !important;}
		.mr30 {margin-right: 30px !important;}
		.mr40 {margin-right: 40px !important;}
		.mr50 {margin-right: 50px !important;}
		
		.ml10 {margin-left: 10px !important;}
		.ml20 {margin-left: 20px !important;}
		.ml30 {margin-left: 30px !important;}
		.ml40 {margin-left: 40px !important;}
		.ml50 {margin-left: 50px !important;}
		
		.mlr10 {margin-left: 10px !important;margin-right: 10px !important;}
		.mlr20 {margin-left: 20px !important;margin-right: 20px !important;}
		.mlr30 {margin-left: 30px !important;margin-right: 30px !important;}
		.mlr40 {margin-left: 40px !important;margin-right: 40px !important;}
		.mlr50 {margin-left: 50px !important;margin-right: 50px !important;}
	}
	/* sp === 640px で作るため、半分にしておく */
	@media screen and (max-width: 480px)  {
		.mr10 {margin-right: 5px !important;}
		.mr20 {margin-right: 10px !important;}
		.mr30 {margin-right: 15px !important;}
		.mr40 {margin-right: 20px !important;}
		.mr50 {margin-right: 25px !important;}
		
		.ml10 {margin-left: 5px !important;}
		.ml20 {margin-left: 10px !important;}
		.ml30 {margin-left: 15px !important;}
		.ml40 {margin-left: 20px !important;}
		.ml50 {margin-left: 25px !important;}
		
		.mlr10 {margin-left: 5px !important; margin-right: 5px !important; }
		.mlr20 {margin-left: 10px !important;margin-right: 10px !important;}
		.mlr30 {margin-left: 15px !important;margin-right: 15px !important;}
		.mlr40 {margin-left: 20px !important;margin-right: 20px !important;}
		.mlr50 {margin-left: 25px !important;margin-right: 25px !important;}
	}

.pt10 {padding-top: 10px !important;}
.pt20 {padding-top: 20px !important;}
.pt30 {padding-top: 30px !important;}
.pt35 {padding-top: 35px !important;}
.pt40 {padding-top: 40px !important;}
.pt50 {padding-top: 50px !important;}

.pb10 {padding-bottom: 10px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb40 {padding-bottom: 40px !important;}
.pb50 {padding-bottom: 50px !important;}

.pr10 {padding-right: 10px !important;}
.pr20 {padding-right: 20px !important;}
.pr30 {padding-right: 30px !important;}
.pr40 {padding-right: 40px !important;}
.pr50 {padding-right: 50px !important;}

.pl10 {padding-left: 10px !important;}
.pl20 {padding-left: 20px !important;}
.pl30 {padding-left: 30px !important;}
.pl40 {padding-left: 40px !important;}
.pl50 {padding-left: 50px !important;}

.fleft {float: left !important;}
.fright {float: right !important;}



/* WP STYLE
---------------------------------------------*/

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 14px;
	display: inline;
	
	max-width:		50%;
}

img.alignleft {
	padding: 4px;
	margin: 0 14px 2px 0;
	display: inline;
	
	max-width:		50%;
}

.alignright {float: right;}
.alignleft {float: left;}


/* CLEARFIX
---------------------------------------------*/

.cl:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}

.cl{ display: inline-block; }

/* Hides from IE-mac \*/
* html .cl { height: 1%; }
.cl { display: block; }
/* End hide from IE-mac */


/* pc swithcer
---------------------------------------------*/
.pc-switcher {
}

	.pc-switcher a, .pc-switcher span {
		display:		inline-block;
	}
	.pc-switcher a:first-child, .pc-switcher span:first-child {
	}

/* arrow2top
---------------------------------------------*/

.arrow2top {
	position:		fixed;
	right:			20px;
	bottom:			80px;
}
	.arrow2top a {	
		display:		block;
		width:			80px;
		height:			80px;
		overflow:		hidden;
		text-align:		center;
		text-decoration:	none !important;
		
		border-radius:	40px;
		
		font-size:		12px;
		font-weight:	normal;
		color:			#fff;
		line-height:	80px;
		
		background:		rgba(0,0,0,0.6);
	}


/* bottom menu
---------------------------------------------*/
.footer_fixed_menu {
	position:		fixed;
	left:			0;
	right:			0;
	bottom:			0;
	
	width:			auto;
	
	border-top:		2px solid #FF4000;
	border-bottom:		2px solid #FF4000;
	background:			#FF813B;
}
	.footer_fixed_menu ul {
		max-height:			124px;
		max-width:		646px;
		margin:			0 auto;
	}
		.footer_fixed_menu ul li {
			float:		left;
			position:	relative;
		}
			.footer_fixed_menu ul li {
				width:		19.504%;
			}
			.footer_fixed_menu ul li:nth-child(1) {
				width:		41.486%;
			}
			.footer_fixed_menu ul li img {
				width:		100%;
				height:		auto;
			}
		.footer_fixed_menu ul li:before {
			position:		absolute;
			top:			12px;
			bottom:			12px;
			left:			0;
			
			display:		block;
			width:			2px;
			height:			auto;
			content:		'';
			overflow:		hidden;
			
			background:		#fff;
		}
			.footer_fixed_menu ul li:first-child:before {
				display:		none;
			}



/*TOP枠*/
.box16 {
    padding: 0.5em 0.5em;
    margin: 0.2em 0.2em;
    font-weight: bold;
    border: solid 3px royalblue;
}
.box16 p {
    margin: 0; 
    padding: 0;
	  font-size: 1.5em;
}
.box16inner {
  padding-top: 0px;
  display: flex;
  justify-content: space-evenly;
}