@charset "UTF-8";
/* CSS Document */

/* ----- COMMON ----- */
.bg_gray { background: #f7f7f7;}
.bg_white { background: #ffffff;}

h1, h2, h3 { text-align: center; }
.italic, em { font-style: italic; }

.imgcenter { text-align: center; }
.imgleft { text-align: left; }
.img img, .imgcenter img, .txbody p img, .imgleft img { max-width: 100%; height: auto; }


/* ----- BREAD CRUMB ----- */
.breadcrumb .inner { border-bottom: 1px solid #3c3c3c; }

/* CENTER LINE */
.line { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.line span:first-of-type { border-right: 1px solid #3c3c3c; }

/* ----- MAIN ----- */
main .inner { background-size: cover; display: flex; justify-content: center; align-items: center; }
main h1 { color: #004098; }

/* ----- PAGE NAVI ----- */
.pagenavi ul { display: -webkit-flex; display: flex; background: #E0EDF7; }
.pagenavi ul li { text-align: center; }
.pagenavi ul li a { text-decoration: none; }
.pagenavi ul li a:hover { opacity:0.6; filter:alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }

/* ----- TITLE HEADER ----- */
#hd .hd_outer { text-align: center; }
#hd h2 { /*color: #5a6fd1;*/ color: #003990; background: #ffffff; line-height: 2; display: inline-block; border: 2px solid #5a6fd1; }
#hd h2 span { border-bottom: 1px solid #5a6fd1; }

/* ----- TEXT BODY ----- */
.txbody p, .txbody ol, .txbody ul, .txbody .img { margin-bottom: 2.5em; }

/* ----- CITATION ----- */
#citation ol li { list-style-type:none; list-style-position:inside; counter-increment: cnt; padding-left:1.5em; text-indent:-1.5em; margin-bottom:5px; }
#citation ol li:before { display: marker; content: counter(cnt) ") "; }

/* ----- PREVIOUS/NEXT ----- */
#ft_col .prevnext ul, #ft_col .category ul { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
#ft_col .prevnext a, #ft_col .category a { text-decoration: none; }
#ft_col .prevnext a:hover, #ft_col .category a:hover { opacity:0.6; filter:alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }
#ft_col .prevnext ul li { color: #ffffff; background: #BCBCBC; text-align: center; width: 25%; }
#ft_col .prevnext ul li:nth-of-type(2) { width: 50%; margin: 0 2px; }
#ft_col .prevnext ul li a { color: #ffffff; background: #8a8a8a; display: block; width: 100%; }
#ft_col .category ul li { text-align: center; width: calc(100%/4); }
#ft_col .category ul li a { display: block; width: 100%; border: 1px solid #8e8e8f; border-left: none; }
#ft_col .category ul li:first-of-type a { border-left: 1px solid #8e8e8f; }

/* ----- FORM ----- */
#form .inner.bg_gray { border-top: 1px solid #3c3c3c; }
#form .blk_tel { background: #d7edfd; }
#form .blk_tel .telnum { font-weight: bold; }
#form h3:after { content: '\A●'; color: #38a6f5; white-space: pre; }


/* ========== RESPONSIVE ========== */
/* ----- 769px Under : Mobile ----- */
@media screen and (max-width:769px) {
	
	/* ----- COMMON ----- */
	/* CENTER LINE */
	.line span:first-of-type, h2, .lead { margin-bottom: 20px; }
	.line span:first-of-type { height: 30px; }
	
	/* ----- MAIN ----- */
	main .inner { width: 100%; aspect-ratio: 192 / 40; }
	main h1 { font-size: 2.0rem; }

	/* ----- BREAD CRUMB ----- */
	.breadcrumb { font-size: 1.1rem; padding: 0; }
	.breadcrumb .inner { padding: 15px 10px; }
	
	/* ----- PAGE NAVI ----- */
	.pagenavi .inner { padding: 0; }
	.pagenavi ul { -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; /*border-top: 1px solid #3c3c3c;*/ border-left: 1px solid #3c3c3c; }
	.pagenavi ul li { font-size: 1.2rem; width: calc(100%/3); }
	.pagenavi ul li a { display: block; padding: 10px 0; border-bottom: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c; }
	.pagenavi ul.split_2 li { width: calc(100%/2); }
	
	/* ----- TITLE HEADER ----- */
	#hd .inner { padding: 0 0 20px; }
	#hd .blk_1000 { padding: 0 10px; }
	#hd h1 { font-size: 1.8rem; margin-bottom: 2.2vw; }
	#hd h2 { font-size: 1.6rem; width: 80%; padding: 10px 0; }
	#hd h2 span { padding: 0 10px 5px; }
	
	/* ----- TEXT BODY ----- */
	.txbody .blk_1000, .txbody .blk_1200 { padding: 10px 0; }
	
	/* ----- PREVIOUS/NEXT ----- */
	#ft_col .prevnext ul, #ft_col .category ul { margin-bottom: 20px; }
	#ft_col ul.keyword { margin-bottom: 15px; }
	#ft_col .prevnext .nolink, #ft_col .prevnext ul a, #ft_col .category ul a { font-size: 1.1rem; padding: 10px 0; }
	
	/* ----- FORM ----- */
	/* HD */
	#form .bg_gray.inner { padding: 0 10px; }
	#form h2 { font-size: 1.8rem; margin-bottom: 1.65vw; }
	#form .bg_gray .blk { padding-bottom: 10px; }
	/* BODY */
	#form .bg_white.inner { padding: 20px 0; }
	#form .blk_tel { text-align: center; width: 80%; padding: 10px; margin: 0 auto 15px; }
	#form .blk_tel .telnum { font-size: 2.0rem; }
	
}

/* ----- 769px Over- : PC/Tablet ----- */
@media print, screen and (min-width:769px) {
	
	/* ----- COMMON ----- */

	/* ----- PAGE NAVI ----- */
	.pagenavi .inner { border-bottom: 1px solid #3c3c3c; }
	.pagenavi ul { -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
	.pagenavi ul li { padding: 2px 0; border-right: 1px solid #3c3c3c; }
	.pagenavi ul li:first-of-type { border-left: 1px solid #3c3c3c; }
	
	/* ----- FORM ----- */
	#form p { text-align: center; }
	
	/* ----- 768px Over - 1366px Under : Note PC/Tablet ----- */
	@media print, screen and (min-width: 768px) and (max-width: 1366px) {
		
		/* ----- COMMON ----- */
		/* CENTER LINE */
		.line span:first-of-type, h2, .lead { margin-bottom: 1.1vw; }
		.line span:first-of-type { height: 3.8vw; }
		
		/* ----- MAIN ----- */
		main .inner { height: 15vw; }
		/*main h1 { font-size: 1.8vw; }*/
		
		main h1 { font-size: 2.7rem; }
		
		/* ----- BREAD CRUMB ----- */
		.breadcrumb p { font-size: 1.3rem; padding: 10px 0; }
		
		/* ----- PAGE NAVI ----- */
		.pagenavi .inner { padding: 0; }
		.pagenavi ul li { font-size: 1.6rem; width: calc((100%/4) - 10px); }
		.pagenavi ul { padding: 15px 0; }
		
		/* ----- CITATION ----- */
		
		/* ----- TITLE HEADER ----- */
		#hd .inner { padding: 0 0 3.3vw; }
		#hd h1 { font-size: 2.5rem; margin-bottom: 2.2vw; }
		#hd h2 { font-size: 2.3rem; padding: 0.55vw 1.1vw; }
		#hd h2 span { font-size: 1.8rem; padding: 0 0.55vw 5px; }
		
		/* ----- TEXT BODY ----- */
		.txbody .blk_1000, .txbody .blk_1200 { padding: 2.75vw 0; }
		
		/* ----- CITATION ----- */
		
		/* ----- PREVIOUS/NEXT ----- */
		#ft_col { padding: 2.75vw 0; }
		#ft_col .prevnext ul, #ft_col .category ul { margin-bottom: 2.75vw; }
		#ft_col ul.keyword { margin-bottom: 2.0vw; }
		#ft_col .prevnext .nolink, #ft_col .prevnext ul a, #ft_col .category ul a { padding: 0.55vw 0; }
		
		/* ----- FORM ----- */
		#form h2 { font-size: 2.4rem; margin-bottom: 2.2vw; }
		#form h3 { font-size: 2.4rem; margin-bottom: 1.8vw; }
		#form .blk { padding-bottom: 2.2vw }
		
		/* BODY */
		#form .bg_white.inner { padding: 2.2vw 0 0; }
		#form .blk_tel { width: 50%; padding: 1.1vw; margin: 0 auto 3.3vw; }
		#form .blk_tel h3 { margin-bottom: 0; }
		#form .blk_tel .telnum { font-size: 2.0rem; }
		
		/* ----- 1200px Under ----- */
		@media screen and (max-width: 1200px) {
			
			.pagenavi ul li { font-size: 1.4rem; }
			
		}
		
		/* ----- 1000px Under ----- */
		@media screen and (max-width: 1000px) {
			
			.pagenavi ul li { font-size: 1.4rem; }
			
		}
		
	}
	
	/* ----- 1366px Over : Note PC/Desk Top PC ----- */
	@media screen and (min-width: 1367px) {
		
		/* ----- COMMON ----- */
		/* CENTER LINE */
		.line span:first-of-type, h2, .lead { margin-bottom: 20px; }
		.line span:first-of-type { height: 70px; }
		
		/* ----- MAIN ----- */
		main .inner { height: 280px; }
		main h1 { font-size: 3.4rem; }
		
		/* ----- BREAD CRUMB ----- */
		.breadcrumb p { font-size: 1.4rem; padding: 20px 0; }
		
		/* ----- PAGE NAVI ----- */
		.pagenavi .inner { padding: 0; }
		.pagenavi ul li { width: 300px; }
		.pagenavi ul { padding: 20px 0; }
		
		/* ----- TITLE HEADER ----- */
		#hd .inner { padding: 0 0 60px; }
		#hd h1 { font-size: 3.1rem; margin-bottom: 40px; }
		#hd h2 { font-size: 2.8rem; padding: 10px 20px; }
		#hd h2 span { font-size: 2.3rem; padding: 0 10px 5px; }

		/* ----- TEXT BODY ----- */
		.txbody .blk_1000, .txbody .blk_1200 { padding: 50px 0; }
		/*.txbody p, .txbody ol, .txbody ul, .txbody .img { margin-bottom: 2.5em; }*/
		
		/* ----- CITATION ----- */
		
		/* ----- PREVIOUS/NEXT ----- */
		#ft_col { padding: 50px 0; }
		#ft_col .prevnext ul, #ft_col .category ul { margin-bottom: 50px; }
		#ft_col ul.keyword { margin-bottom: 50px; }
		#ft_col .prevnext .nolink, #ft_col .prevnext ul a, #ft_col .category ul a { padding: 10px 0; }
		
		/* ----- FORM ----- */
		/* HD */
		#form h2 { font-size: 3.1rem; margin-bottom: 30px; }
		#form h3 { font-size: 2.4rem; margin-bottom: 20px; }
		#form .blk { padding-bottom: 30px; }
		
		/* BODY */
		#form .bg_white.inner { padding: 40px 0 0; }
		#form .blk_tel { width: 500px; padding: 20px; margin: 0 auto 60px; }
		#form .blk_tel h3 { margin-bottom: 0; }
		#form .blk_tel .telnum { font-size: 3.2rem; }
		
		/* ----- 1367px Over - 1920 Under : Note PC ----- */
		@media screen and (min-width: 1367px) and (max-width: 1920px) {
		}
		
		/* ----- 1921px Over : Desk Top PC ----- */
		@media screen and (min-width: 1921px) {
		}
		
	}
	
}