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

/* オリジナルCSS */


.gnav {
  flex-direction: column;
}


		#menu_moji {
			margin-left:20px;
			margin-top:20px;
		}



#head_keyword{
	color:#FFFFFF;
	padding-left:10px;
}

.nav_jp{ white-space: nowrap;}

	header.major > :last-child {
		border-bottom: solid 3px #4169e1;
		display: inline-block;
		margin: 0 0 2em 0;
		padding: 0 0.75em 0.5em 0;
	}

.table_font{
	
	font-size:14pt;
}

a {
	text-decoration: none ;
}

p {padding-bottom:10px;

padding-top:10px;

font-size:18px;

color:#000000;
}


.badge-red{
  background-color: red;
}


/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-bottom: 40px;
  color: #000000;
  

font-family: tbnpgothic-std,serif;
font-weight: 500;
font-style: normal;
}

/* 見出しの背景画像
-------------------------------------------------- */

.mi-bg{
	
	background-image: url("../images/mandala/blue.jpg");
}


.mi{
	border-bottom:#211AD1 2px solid;
	padding-top:5px;
	
	
}

/* マンダラカードの背景画像
-------------------------------------------------- */

.mandala-bg{
	
	background-image: url("../images/bg/mandala_card.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
}



/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}



.sitename{
margin:15px 0 15px;
}
.sitename a{
font-size: 1.6em;
color: inherit;
}
 
i{
font-size: 1.3em;
color: inherit;
}
 
.navbar .navbar-inner {
padding: 0;
}
 
.navbar .nav {
margin: 0;
display: table;
width: 100%;
	font-size:3px;
}
 
.navbar .nav li {
display: table-cell;
float: none;

}
 
.navbar .nav li a {
font-weight: bold;
text-align: center;
border-left: 1px solid rgba(255, 255, 255, .75);
border-right: 1px solid rgba(0, 0, 0, .1);
}
 
.navbar .nav li:last-child a {
border-right: 0;
border-radius: 0 3px 3px 0;
}

/* Box */

	.box {
    border-radius: 0.375em;
    border: solid 1px rgba(210, 215, 217, 0.75);
    margin-bottom: 2em;
    padding: 1.5em;
    text-align: left;
	}

		.box > :last-child,
		.box > :last-child > :last-child,
		.box > :last-child > :last-child > :last-child {
			margin-bottom: 0;
		}

		.box.alt {
			border: 0;
			border-radius: 0;
			padding: 0;
		}


/* Posts */

	.posts {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 0 0 2em -6em;
		width: calc(100% + 6em);
	}

		.posts article {
			-moz-flex-grow: 0;
			-webkit-flex-grow: 0;
			-ms-flex-grow: 0;
			flex-grow: 0;
			-moz-flex-shrink: 1;
			-webkit-flex-shrink: 1;
			-ms-flex-shrink: 1;
			flex-shrink: 1;
			margin: 0 0 6em 6em;
			position: relative;
			width: calc(33.33333% - 6em);
		}

			.posts article:before {
				background: rgba(210, 215, 217, 0.75);
				content: '';
				display: block;
				height: calc(100% + 6em);
				left: -3em;
				position: absolute;
				top: 0;
				width: 1px;
			}

			.posts article:after {
				background: rgba(210, 215, 217, 0.75);
				bottom: -3em;
				content: '';
				display: block;
				height: 1px;
				position: absolute;
				right: 0;
				width: calc(100% + 6em);
			}

			.posts article > :last-child {
				margin-bottom: 0;
			}

			.posts article .image {
				display: block;
				margin: 0 0 2em 0;
			}

				.posts article .image img {
					display: block;
					width: 100%;
				}

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

			.posts article:nth-child(3n + 1):before {
				display: none;
			}

			.posts article:nth-child(3n + 1):after {
				width: 100%;
			}

			.posts article:nth-last-child(1), .posts article:nth-last-child(2), .posts article:nth-last-child(3) {
				margin-bottom: 0;
			}

				.posts article:nth-last-child(1):before, .posts article:nth-last-child(2):before, .posts article:nth-last-child(3):before {
					height: 100%;
				}

				.posts article:nth-last-child(1):after, .posts article:nth-last-child(2):after, .posts article:nth-last-child(3):after {
					display: none;
				}

		}

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

			.posts article {
				width: calc(50% - 6em);
			}

				.posts article:nth-last-child(3) {
					margin-bottom: 6em;
				}

		}

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

			.posts article:nth-child(2n + 1):before {
				display: none;
			}

			.posts article:nth-child(2n + 1):after {
				width: 100%;
			}

			.posts article:nth-last-child(1), .posts article:nth-last-child(2) {
				margin-bottom: 0;
			}

				.posts article:nth-last-child(1):before, .posts article:nth-last-child(2):before {
					height: 100%;
				}

				.posts article:nth-last-child(1):after, .posts article:nth-last-child(2):after {
					display: none;
				}

		}

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

			.posts {
				margin: 0 0 2em -4.5em;
				width: calc(100% + 4.5em);
			}

				.posts article {
					margin: 0 0 4.5em 4.5em;
					width: calc(50% - 4.5em);
				}

					.posts article:before {
						height: calc(100% + 4.5em);
						left: -2.25em;
					}

					.posts article:after {
						bottom: -2.25em;
						width: calc(100% + 4.5em);
					}

					.posts article:nth-last-child(3) {
						margin-bottom: 4.5em;
					}

		}

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

			.posts {
				margin: 0 0 2em 0;
				width: 100%;
			}

				.posts article {
					margin: 0 0 4.5em 0;
					width: 100%;
				}

					.posts article:before {
						display: none;
					}

					.posts article:after {
						width: 100%;
					}

					.posts article:last-child {
						margin-bottom: 0;
					}

						.posts article:last-child:after {
							display: none;
						}

		}
        

/* カードカルーセル */

*{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
.slider{
	margin: 100px auto;
	width: 80%;
}
/*繧ｹ繝ｩ繧､繝€繝ｼ繝ｻ繧ｵ繝�繝阪う繝ｫ*/

/*繧ｹ繝ｩ繧､繝臥判蜒�*/
.slider img{
	height: auto;
	width: 100%;
}
/*slick*/
.slick-prev:before,
.slick-next:before{
    color: #000;
}

     
        
/*! jpn.css for Bootsrap4 | MIT License | Copyright 2017 @kokushing */@font-face{font-family:YuGothicMedium;src:local("Yu Gothic Medium")}@font-face{font-family:"Helvetica Neue";src:local("Helvetica Neue Regular");font-weight:100}@font-face{font-family:"Helvetica Neue";src:local("Helvetica Neue Regular");font-weight:200}html[lang=ja]{line-height:1.15}[lang=ja] body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","游ゴシック Medium","Yu Gothic",YuGothic,YuGothicMedium,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1.7}@media all and (-ms-high-contrast: none){[lang=ja] body{font-family:Verdana, Meiryo, sans-serif}}@media all and (-ms-high-contrast: active){[lang=ja] body{font-family:Verdana, Meiryo, sans-serif}}[lang=ja] h1,[lang=ja] h2,[lang=ja] h3,[lang=ja] h4,[lang=ja] h5,[lang=ja] h6,[lang=ja] .h1,[lang=ja] .h2,[lang=ja] .h3,[lang=ja] .h4,[lang=ja] .h5,[lang=ja] .h6{margin-bottom:.625rem;font-family:inherit;font-weight:bold;line-height:1.4}[lang=ja] h1,[lang=ja] .h1{font-size:2.375rem}[lang=ja] h2,[lang=ja] .h2{font-size:1.875rem}[lang=ja] h3,[lang=ja] .h3{font-size:1.625rem}[lang=ja] h4,[lang=ja] .h4{font-size:1.375rem}[lang=ja] h5,[lang=ja] .h5{font-size:1.125rem}[lang=ja] h6,[lang=ja] .h6{font-size:.875rem}.lead{font-size:1.125rem}[lang=ja] .display-1{font-size:5.75rem;font-weight:500;line-height:1.2}[lang=ja] .display-2{font-size:5.25rem;font-weight:500;line-height:1.2}[lang=ja] .display-3{font-size:4.25rem;font-weight:500;line-height:1.2}[lang=ja] .display-4{font-size:3.25rem;font-weight:500;line-height:1.2}.blockquote{font-size:1.25rem}[lang=ja] .btn-lg{font-size:1.125rem}