@charset "utf-8";
@import url('default.css');

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

html{height:100%;overflow-y:scroll;}
body{
	height:100%;
	margin:0;
	padding:0;
	color:#333;
	/*font-size:0.9em;*/
	font-family:"M PLUS Rounded 1c","Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "游ゴシック", "Yu Gothic", sans-serif;
	font-weight:400;
	line-height:1.9em;
	letter-spacing:0.07em;
	word-wrap : break-word;
	overflow-wrap : break-word;
	animation:fadeIn 2s ease 0s 1 normal;
    -webkit-animation:fadeIn 2s ease 0s 1 normal;
	-webkit-text-size-adjust:100%;
}

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

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

#wrapper{
}

@media print {
	body{background-color: transparent;}
	.noprint{display:none;}
	.modoru{display:none;}
}	


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

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


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

#loading {
	display:none;
	width:100%;
	height:100%;
	background-color:#fff;
	background-image:url(/shared/loading.gif);
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100px auto;
	position:fixed;
	/*position:relative;*/
	top:0;
	z-index:10000;
}


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

#globalheader{
	width:100%;
	height: 100px;
	overflow: hidden;
}
#contact #globalheader{
	border-bottom: 1px solid #ccc;
}

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

#globalheader{
	height:70px;
}

}

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

#globalheader{
	height:50px;
}

}


#globalheader .inner{
	/*max-width: 1130px;*/
	width:96%;
	margin: 0 auto;
}
#globalheader .inner{zoom:1;}
#globalheader .inner:after{
  content: ""; 
  display: block; 
  clear: both;
}

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

#globalheader .inner{
	width:94%;
}

}

		#globalheader h1{
			width:280px;
			height:calc(100% - 10px);
			padding-top:4px;
			color:#083337;
			font-size:0.9em;
			float: left;
			letter-spacing: 0;
		}

		#globalheader h1 a{
			text-decoration: none;
		}

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

		#globalheader h1{
			width:190px;
			padding-top:0;
			font-size:0.7em;
		}

	}

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

		#globalheader h1{
			padding-top:2px;
			width:150px;
		}

	}

		#globalheader h1 p{
			margin: 6px 0 4px;
			line-height: 1.2em;
		}
		#globalheader h1 a p{
			color: #333;
		}

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

		#globalheader h1 p{
			width:220px;
			margin: 0;
			line-height: 1.2em;
			transform:scale(0.7);
			position: relative;
			left:-33px;
		}

	}



		#globalheader h1 img{
			width:100%;
			height: auto;
			position: relative;
		}

		#globalheader h1 strong{
			margin-bottom: -13px;
			color:#117580;
			font-size:0.82em;
			font-weight:400;
			position: relative;
			top:-13px;
		}
		#globalheader h1 strong a{
			color:#117580;
		}

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

		#globalheader h1 strong{
			display: block;
			width:236px;
			margin-bottom: -17px;
			transform:scale(0.82);
			top:-17px;
			left:-22px;
		}

	}

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

		#globalheader h1 strong{
			display: block;
			width:236px;
			margin-bottom: -17px;
			transform:scale(0.82);
			top:-17px;
			left:-22px;
		}

	}

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

		#globalheader h1 strong{
			width:250px;
			margin-bottom: -40px;
			transform:scale(0.65);
			top:-19px;
			left:-45px;
		}

	}



		.headernote{
			width:580px;
			margin-top:15px;
			float:right;
		}

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

		.headernote{
			width:230px;
		}

	}

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

		.headernote{
			width:200px;
			margin-top:5px;
			margin-left: -25px;
			font-size:0.9em;
			position: relative;
			left:25px;
		}

	}

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

		.headernote{
			width:160px;
			margin-top:5px;
			margin-left: -30px;
			font-size:0.9em;
			position: relative;
			left:30px;
		}

	}


			.headernote a img{
				float:right;
			}

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

			.headernote a img{
				display:none;
			}

		}

		.headernote .headertel{
			width:240px;
			float:left;
		}

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

		.headernote .headertel{
			width:182px;
		}

	}

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

		.headernote .headertel{
			width:152px;
		}

	}

		.headernote .headertel a[href^="tel:"] {
			color: #333;
			text-decoration: none;
			pointer-events: none;
			text-decoration-color:#fff;
		}




			.headernote .headertel p{
				margin: 0;
				font-size:0.9em;
				letter-spacing: 0.03em;
				position: relative;
				top:-7px;
			}

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

			.headernote .headertel p{
				width:200px;
				font-size:0.7em;
				top:-7px;
			}

		}

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

			.headernote .headertel p{
				width:300px;
				transform:scale(0.8);
				top:-12px;
				left:-28px;
			}

		}

			.headernote .telnum{
				font-weight:700;
				font-size:2.0em;
				position: relative;
				top:-9px;
				letter-spacing:0;
			}


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

			.headernote .telnum{
				margin-bottom:0;
				font-size:1.7em;
				top:-15px;
			}

		}

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

			.headernote .telnum{
				margin-bottom:-26px;
				font-size:1.25em;
				top:-26px;
			}

		}

			.headernote .telnum + p{
				margin-bottom:-13px;
				padding-top: 0;
				color:#f00;
				font-size:0.75em;
				letter-spacing: 0;
				top:-13px;
			}
				
		@media screen and (max-width:640px){

			.headernote .telnum + p{
				margin-bottom:-24px;
				font-size:0.7em;
				transform:scale(0.9);
				left:-10px;
				top:-24px;
			}

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

			.headernote .telnum + p{
				margin-bottom:-13px;
				top:-13px;
				left:-3px;
			}
			.headernote .telnum + p span{
				display: none;
			}

		}

				
				

/* MAIN */





/* 丸付き番号 */
	
	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:20px;
		list-style:none;
	}
	
	.kome:before{
		content:"※";
		margin-right:-15px;
		position:relative;
		left:-20px;
	}

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

	/* 〇 */
	
	.maru2{
		margin-left:20px;
		list-style:none;
	}
	
	.maru2: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:0px;
		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:-20px;
		position:relative;
		left:-23px;
	}
	.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)";}
		


	/* テキストリンク */
	
	.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:700;
				text-decoration:none;
				line-height:22px;
				display:block;
			}
			.next-page a{padding-right:28px;}
			.prev-page a{padding-left:30px;}






.spbox2{
	max-width: 770px;
	width:88%;
	margin: 30px auto;
	padding: 10px 5%;
	border: 1px solid #c33;
	border-radius: 5px;
}



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

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

}

				
	/* ページの先頭へ */

	.link-to-header{
		width:60px;
		margin-top:-60px;
		bottom:-15px;
		right:10px;
		position:fixed;
		z-index:10000;
		display:none;
	}

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


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

#globalfooter{
	clear:both;
	width:100%;
	color: #fff;
	background-color: #635a5f;
}

#globalfooter{zoom:1;}
#globalfooter:after{
  content: ""; 
  display: block; 
  clear: both;
}
	
#globalfooter.footeractive{
	position:fixed;
	bottom:0;
}

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

}

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

		#globalfooter .inner{
			max-width: 1130px;
			width:94%;
			margin: 0 auto;
		}
			
	@media screen and (max-width:1000px){
			
		#globalfooter .inner{
			max-width:100%;
			width:100%;
		}
			
	}

			
		#globalfooter address{
			width:calc(100% - 240px);
			float:left;
			font-style: normal;
			font-size:0.9em;
			line-height: 1.7em;
		}
			
	@media screen and (max-width:1000px){
			
		#globalfooter address{
			width:94%;
			margin: 0 auto;
			padding:5px 0;
			text-align: center;
			float:none;
		}
			
	}
			
	@media screen and (max-width:640px){
			
		#globalfooter address{
			font-size:0.8em;
		}
			
	}


		.copyright{
			display:-webkit-flex;
			display:flex;
			justify-content: center;
			-webkit-align-items:center;
			align-items:center;
			width:180px;
			height:80px;
			margin:0;
			color:#cdcacc;
			font-size:0.8em;
			float: right;
		}
			
	@media screen and (max-width:1000px){
			
		.copyright{
			width:100%;
			height: auto;
			padding:5px 0;
			float:none;
			background-color:#474145;
		}
			
	}
			
	@media screen and (max-width:480px){
			
		.copyright{
			font-size:0.7em;
		}
			
	}



	.line-through{text-decoration:line-through !important;}


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

		#navigation{
			clear:both;
			width:90%;
			margin:10px auto;
		}
		
		#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;}

			#navigation ol li:nth-of-type(1){display: 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;}
	.inlinesp0A{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:1000px){
		.blocksp0{display:block;}
		.inlinesp0{display:inline;}
		.inlinesp0A{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;}}




	@media screen and (max-width:770px){
		.inlinesp0A{display:none;}
	}