@charset "utf-8";

/*///////////////////////////////////////////////////////////////////////////////////////////////////*/
/* --- COPYRIGHT Teshisshin.com  ALL RIGHTS RESERVED. --- */
/* --- web site design : https://www.teshisshin.com/ --- */

/* - desktop Layout : 1281 px - */
/*///////////////////////////////////////////////////////////////////////////////////////////////////*/

/*--------------------------------------------------------*/
/* ▼ Whole Structure ▼ */
/*--------------------------------------------------------*/

* { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, small { display: block; }
	ul, ol, li { list-style: none; }    img { vertical-align: bottom; border: none; max-width: 100%; }

body { width: 100%; background-color: #fcf9f0;
		font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka; font-style: normal; color: #333; font-style: normal; letter-spacing: 0.05em; }


p, form, h1, h2, h3, h4, h5 { margin: 0; padding: 0; }
	.center { text-align: center; }		.rightposi { text-align: right; overflow: hidden; }

em { font-style: normal; }

sup { font-size: 75.5%; vertical-align: top; position: relative; top: -0.1em; }

hr { display: none; }
	.reset { height: 10%; display: block; visibility: hidden; margin: 0; padding: 0; clear: both; }
	.hdEdge { width: 92%; height: 2px; display: block; visibility: visible; margin: 0 auto; padding: 1.5em 0 0 0; clear: both; border-bottom: 1px solid #ccc; }
	.hdDot { width: 90%; height: 3px; display: block; visibility: visible; margin: 0 auto; padding: 1.5em 0 1.5em 0; clear: both; border-bottom: 1px dotted #b9a465; }
	.hdExpd { width: 96%; height: 2px; display: block; visibility: visible; margin: 2.4em auto; padding: 0; clear: both; border: none; }

strong.normal { font-weight: normal; }

	.forprint { display: none; visibility: hidden; margin: 0; padding: 0; }

/*--- clearfix start ---*/ .clearfix:after { content: ""; clear: both; display: block; } /*--- clearfix end ---*/


/*--- telnum start
@media(min-width: 768px){
		a[href^="tel:"]{
		pointer-events: none;
	}
}
telnum end ---*/


/*--------------------------------------------------------*/
/* ▼ character decoration ▼ */
/*--------------------------------------------------------*/
	/*/// size ///*/
	.larger { font-size: 120%; } .largemore { font-size: 150%; } .largeplus { font-size: 175%; }
	.small { font-size: 70%; } .smaller { font-size: 80%; }	.smallittle { font-size: 92%; }
	.expd3-4 { letter-spacing: 0.6em; }

	/*/// color ///*/
	.white { color: #fff; }
	.letred { color: #ab0100; } .letora { color: #f30; } .letpink { color: #ff5ba0; }
	.letgre { color: #7e9a74; } .letgold { color: #a1883f; }
	.letblue { color: #348fbe; } .letmidblue { color: #0c2e73; } .lakepracid { color: #1f4c9f; } .letmint { color: #2394a8; } .sonicb { color: #92b5ef; }

	/*/// belt ///*/
	.beltora { background: #fc6; padding: 1px 5px; } .beltblue { background: #39c; padding: 1px 5px; color: #fff; }
	.beltgre { background: #a3a228; padding: 1px 5px; color: #fff; }

	/*/// under ///*/
	.lineBottom { border-bottom: 3px double #f30; }	.lineBottomDot { border-bottom: 1px dotted #0084b4; }	.lineBottomRidge { border-bottom: 4px ridge #4075c5; }


	/*//////// web font ////////*/
	.characterCuFT01 { /* web font */ font-family: 'Noto Sans JP', sans-serif; font-weight: 300; }
	.characterCuFT02 { /* web font */ font-family: 'Noto Sans JP', sans-serif; font-weight: 100; }
	.characterCuFT03 { /* web font */ font-family: 'Open Sans Condensed', sans-serif; }
	.characterCuFT04 { /* web font */ font-family: 'Raleway', sans-serif; }

/* --- ▲ character decoration ▲ --- */



/*--------------------------------------------------------*/
/* ▼ background color setting ▼ */
/*--------------------------------------------------------*/
	.bg-navy { background: rgba(31,76,159,1) ; }
	.bg-lightgray { background: rgba(247,250,252,1) ; }

	div.bg-PagevisCol01 { /* bg attachment */
						background: rgba(247,250,252,1) ;
						background: linear-gradient(30deg, rgba(255, 255, 255, 0.1) 50%, rgba(47, 185, 249, 1.0) 10%) ;
						background: -moz-linear-gradient(30deg, rgba(255, 255, 255, 0.1) 50%, rgba(47, 185, 249, 1.0) 10%) ;
						background: -webkit-linear-gradient(30deg, rgba(255, 255, 255, 0.1) 50%, rgba(47, 185, 249, 1.0) 10%) ;
						background: -o-linear-gradient(30deg, rgba(255, 255, 255, 0.1) 50%, rgba(47, 185, 249, 1.0) 10%) ;
						background: -ms-linear-gradient(30deg, rgba(255, 255, 255, 0.1) 50%, rgba(47, 185, 249, 1.0) 10%) ;
						}

	div.bg-PagevisCol02 { /* bg attachment    - ISO License -*/
						background: rgba(247,250,252,1) ;
						background: linear-gradient(30deg, rgba(119, 217, 229, 1.0) 50%, rgba(255, 255, 255, 0.1) 10%) ;
						background: -moz-linear-gradient(30deg, rgba(119, 217, 229, 1.0) 50%, rgba(255, 255, 255, 0.1) 10%) ;
						background: -webkit-linear-gradient(30deg, rgba(119, 217, 229, 1.0) 50%, rgba(255, 255, 255, 0.1) 10%) ;
						background: -o-linear-gradient(30deg, rgba(119, 217, 229, 1.0) 50%, rgba(255, 255, 255, 0.1) 10%) ;
						background: -ms-linear-gradient(30deg, rgba(119, 217, 229, 1.0) 50%, rgba(255, 255, 255, 0.1) 10%) ;
						}

/* --- ▲ background color setting ▲ --- */



/*--------------------------------------------------------*/
/* ▼ setup of normal links ▼ */
/*--------------------------------------------------------*/
	a:link, a:visited { color: #589dc1; text-decoration: none; }		a:hover, a:active { color: #0099cc; text-decoration: none; }
		a:link, a:visited { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; opacity: 1.0; }
		a:hover, a:active { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; opacity: 0.7; }

/* --- ▲ setup of links ▲ --- */


/*--------------------------------------------------------*/
/* ▼ setup of animation ▼ */
/*--------------------------------------------------------*/
	@keyframes fadeInTopVisual {
		from { opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); }
			to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}
	}

	@keyframes fadeInVisual {
		from { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); }
			to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}
	}

	@keyframes fadeInLeftFast {
		from { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); }
			to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}
	}

	@keyframes fadeInLeftSlow {
		from { opacity: 0; -webkit-transform: translateX(40px); transform: translateX(40px); }
			to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}
	}

/* --- ▲ setup of animation ▲ --- */

/* ▲ Whole Structure ▲ */




/*--------------------------------------------------------*/
/* ▼ body setting ▼ */
/*--------------------------------------------------------*/
body.divTopIF { width: 100%; min-height: 100vh; margin: 0; padding: 0; overflow: hidden; position: relative; }

body div.overline { width: 100%; height: auto; display: table; margin: 0; padding: 0; text-align: center; font-size: 70%; background: #111f2f; }
	div.overline h1 { display: table-cell; margin: 0; padding: 0; text-align: center; color: #fff; vertical-align: middle; }

/* bg attachment */
/* background-image: url(../img/bg_underco.jpg); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;*/

/* --- ▲ body setting ▲ --- */




/*--------------------------------------------------------*/
/* ▼ gridHeader ▼ */
/*--------------------------------------------------------*/
div#Header { width: 100%; margin: 0; padding: 0; /* animation */ animation-name: fadeInBottom; animation-duration: 1.5s; position: absolute; top: 0px; left: 0px; z-index: 10; }

	div#Header div.gridHeaderBody { width: 96%; max-width: 1680px; display: flex; flex-wrap: wrap; margin: 0 auto; padding: 0; text-align: center; }

		div#gridHeaderLeft { width: 40%; height: auto; margin: 0; padding: 1.3em 0 1.3em 5%; text-align: left; }
			div#gridHeaderLeft p { width: 96%; margin: 0; padding: 0; text-align: left; color: #98a6bd; font-size: 64%; }

			div.gridHeaderBody h1 { width: 94%; margin: 0; padding: 0; display: block; }
				div.gridHeaderBody h1 a.title { width: 100%; margin: 0; padding: 0; display: block; }

/* --- ▲ gridHeader ▲ --- */



/*--------------------------------------------------------*/
/* ▼ gridGrobalNavi ▼ */
/*--------------------------------------------------------*/

div#gridGrobalNavi { width: 100%; height: auto; margin: 0; padding: 0; text-align: left; background: #fae2a3; }

	div#gridGrobalNavi ul#navigation { width: 100%; margin: 0 auto; padding: 0; text-align: center; }
		div#gridGrobalNavi ul#navigation li { list-style-type: none; display: inline-block; margin: 0; padding: 0; }

			div#gridGrobalNavi ul#navigation li.navWd01 { width: 20%; }
			div#gridGrobalNavi ul#navigation li.navWd02 { width: 20%; }
			div#gridGrobalNavi ul#navigation li.navWd03 { width: 20%; }
			div#gridGrobalNavi ul#navigation li.navWd04 { width: 20%; }
			/* div#gridGrobalNavi ul#navigation li.navWd05 { width: 18%; } */


		div#gridGrobalNavi ul#navigation li a { width: 100%; height: auto; margin: 0; padding: 2.0em 0; display: block; text-decoration: none; /* web-font */ font-family: 'Sawarabi Gothic', sans-serif; font-size: 92%; }
			div#gridGrobalNavi ul#navigation li a:link, div#gridGrobalNavi ul#navigation li a:visited { color: #564b29; opacity: 1.0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; }
			div#gridGrobalNavi ul#navigation li a:hover, div#gridGrobalNavi ul#navigation li a:active { color: #fff; background: #d6a218; opacity: 0.8; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; }

		div#gridGrobalNavi ul#navigation li a.current { color: #fff; background: #d6a218; }

	@media (min-width: 1281px) {	div#gridGrobalNavi ul { max-width: 1680px; margin: 0 auto; padding: 0 auto; text-align: center; }	}

/* --- ▲ gridGrobalNavi ▲ --- */



/*--------------------------------------------------------*/
/* ▼ gridWrapper ▼ */
/*--------------------------------------------------------*/
	/* --- ▼ gridWrapper start ▼ --- */
	div.gridWrapper { width: 100%; min-height: 100vh; margin: 0; padding: 0; background: rgb(44,65,180); }
	/* --- ▲ gridWrapper end ▲ --- */

		/* --- ▼ gridContentWrapper start ▼ --- */
		div#gridContentWrapper { width: 100%; margin: 0; padding: 0; background: rgb(188,229,255); }
		/* --- ▲ gridContentWrapper end ▲ --- */

		/* { width: 100%; min-height: 100vh; margin: 0; padding: 0; overflow: hidden; position: relative; background: #bce5ff; animation-name: fadeInImage; animation-duration: 1.5s; } */





/*--------------------------------------------------------*/
/* ▼ Mainvisual ▼ */
/*--------------------------------------------------------*/
	/* --- ▼ gridMainvisual Top ▼ --- */
	div#gridMainvisual { width: 100%; height: auto; min-height: 460px; margin: 0; padding: 0; text-align: center; overflow: hidden; position: relative;
						/* animation */ animation-name: fadeInTopVisual; animation-duration: 1.5s; } 

	div#gridMainvisual div.bg-slider_main { width: 68%; height: 68%; margin: 0 auto; padding: 0 auto; text-align: center; font-size: 100%; color: #fff; }

		div#gridMainvisual div.bg-slider_main h2.bg-slider__title { width: 100%; font-size: 284%; text-align: center; margin: 1.8em 0 0.6em 0; padding: 0.8em 0 0 0;
																	letter-spacing: 0.08em; line-height: 1.5;
																	/* text-shadow*/
																	-moz-text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.86);
																	-webkit-text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.86);
																	-ms-text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.86);
																	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.86); }

		div#gridMainvisual div.bg-slider_main h3.bg-slider__text { width: 100%; font-size: 200%; text-align: center; margin: 0 0 0.5em 0; padding: 0;
																	/* text-shadow*/
																	-moz-text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.90);
																	-webkit-text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.90);
																	-ms-text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.90);
																	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.90); }
	
		div#gridMainvisual div.bg-slider_main p.bg-slider__text { width: 100%; font-size: 108%; text-align: center; margin: 0 0 1.0em 0; padding: 0;
																	/* text-shadow*/
																	-moz-text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.90);
																	-webkit-text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.90);
																	-ms-text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.90);
																	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.90); }

	div#gridMainvisual h2 span.lettersp-shorter, div#gridMainvisual p span.lettersp-shorter { letter-spacing: -0.3em; }

		div#gridMainvisual div.bg-slider { width: 100%; height: 55vh; margin: 0 auto; padding: 0 auto; text-align: center; background-position: top; background-size: cover; display: flex; z-index: -1; }
		div#gridMainvisual div.bg-slider_wrapp { width: 100%; margin: 0 auto; padding: 0 auto; }

	div.gridMainvisGradation { /* bg attachment */
							background: rgba(255,255,255,0.8);
							background: linear-gradient(0deg, rgba(212, 208, 141, 0.9) 100%, rgba(255,255,255,0) 0%);
							background: -moz-linear-gradient(0deg, rgba(212, 208, 141, 0.9) 100%, rgba(255,255,255,0) 0%);
							background: -webkit-linear-gradient(0deg, rgba(212, 208, 141, 0.9) 100%, rgba(255,255,255,0) 0%);
							background: -o-linear-gradient(0deg, rgba(212, 208, 141, 0.9) 100%, rgba(255,255,255,0) 0%);
							background: -ms-linear-gradient(0deg, rgba(212, 208, 141, 0.9) 100%, rgba(255,255,255,0) 0%);
							}


	/* IE 10以降 */
		@media all and (-ms-high-contrast:none){
		div#gridMainvisual p { /* web-font limiter */ font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
		}

/* --- ▲ gridMainvisual Top ▲ --- */


/* --- ▼ gridPagevisual Sub ▼ --- */
	div.gridPagevisualSub { width: 100%; height: 320px; margin: 0; padding: 0; text-align: center; overflow: hidden; position: relative;
							/* animation */ animation-name: fadeInTopVisual; animation-duration: 1.5s; }


	/* --- ▼ カテゴリページ用 ▼ --- */
	/* div#Pagevis01 { background: url() no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } */
	div#Pagevis02 { background: url(../images/slide_baks02.jpg) no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
	div#Pagevis03 { background: url(../images/slide_baks03.jpg) no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
	div#Pagevis04 { background: url(../images/slide_baks04.jpg) no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
	div#Pagevis05 { background: url(../images/slide_baks05.jpg) no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }


	div.PagevisTwig { background: url(../images/pagevisual_bgTwig.jpg) no-repeat top center; }



	div.gridPagevisSubBody { width: 48%; max-width: 1280px; margin: 0 auto; padding: 0 auto; text-align: center; letter-spacing: 0.15em; background: rgba(209, 181, 90, 0.7); }

		div.gridPagevisSubBody h2, div.gridPagevisSubBody p { width: 92%; max-width: 880px; text-align: center; letter-spacing: 0.13em; color: #fff; }

		div.gridPagevisSubBody h2 { margin: 2.4em auto 0.5em auto; padding: 1.4em 1.0em 0.4em 1.0em; font-size: 216%; border-bottom: 1px solid #fff;
									/* shadows */ text-shadow: 0px 2px 1px rgba(0,0,0,0.8);
									/* animation */ animation-name: fadeInBottomFast; animation-duration: 1.5s; }
		div.gridPagevisSubBody p { margin: 0.8em auto 1.5em auto; padding: 0.3em 0 1.8em 0; font-size: 86%;
									/* animation */ animation-name: fadeInBottomFast; animation-duration: 3s; }


		div.gridPagevisSubBodyCC h2, div.gridPagevisSubBodyCC p { width: 88%; max-width: 480px; text-align: center; letter-spacing: 0.15em; color: #00499b; }

		div.gridPagevisSubBodyCC h2 { margin: 2.8em auto 0.5em auto; padding: 0.8em 1.8em 0.4em 1.8em; font-size: 246%; border-bottom: 1px solid #1bb4d5;
									/* shadows */ text-shadow: 0px 2px 1px rgba(255,255,255,1);
									/* animation */ animation-name: fadeInBottomFast; animation-duration: 1.5s; }
		div.gridPagevisSubBodyCC p { margin: 0.8em auto 0.5em auto; padding: 0.3em 0 1.3em 0; font-size: 126%;
									/* animation */ animation-name: fadeInBottomFast; animation-duration: 3s; }

/* --- ▲ gridPagevisual Sub ▲ --- */






/*--------------------------------------------------------*/
/* ▼ gridContainer ▼ */
/*--------------------------------------------------------*/

/* div.gridContainerDivTop { width: 100%; max-width: 1280px; margin: 0; margin-left: auto; margin-right: auto; padding: 0; overflow: hidden; text-align: center; } */
div.noneBg { background: none; }

/*--- ▼ gridCoverbox start [top] ▼ ---*/
div.gridCoverbox { width: 100%; height: auto; margin: 2.8em 0 3.6em 0; padding: 2.3em auto; }


	/*--- ▼ gridCoverbox background Color & Image ▼ ---*/
	div.CoverDesignBgwhite { background: #fff; }
	div.CoverDesignBgNavy { background: #1f4c9f; }

	div.CoverDesignBgImgSky { background: url(../images/bg-ph-sky01.jpg) no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
	div.CoverDesignBgImgBase { background: url(../images/bg-ph-base01.jpg) no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }


    div.cnaviToLeftBgTopSp { /* bg attachment */
							background: rgba(255,255,255,0.9);
							background: linear-gradient(0deg, rgba(255,255,255,0.9) 64%, rgba(255,255,255,0) 0%), /* url(../images/bg-content-letter.png) no-repeat right -75% top 5% */;
							background: -moz-linear-gradient(0deg, rgba(255,255,255,0.9) 64%, rgba(255,255,255,0) 0%);
							background: -webkit-linear-gradient(0deg, rgba(255,255,255,0.9) 64%, rgba(255,255,255,0) 0%);
							background: -o-linear-gradient(0deg, rgba(255,255,255,0.9) 64%, rgba(255,255,255,0) 0%);
							background: -ms-linear-gradient(0deg, rgba(255,255,255,0.9) 64%, rgba(255,255,255,0) 0%);
							}


    div.cnaviToRightBg { /* bg attachment */
							background: rgb(255,255,255);
							background: linear-gradient(0deg, rgba(255,255,255,0) 24%, rgba(255,255,255,1) 0%);
							background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 24%, rgba(255,255,255,1) 0%);
							background: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 24%, rgba(255,255,255,1) 0%);
							background: -o-linear-gradient(0deg, rgba(255,255,255,0) 24%, rgba(255,255,255,1) 0%);
							background: -ms-linear-gradient(0deg, rgba(255,255,255,0) 24%, rgba(255,255,255,1) 0%);
						}


    div.cnaviToLeftBg { /* bg attachment */
							background: rgb(255,255,255);
							background: linear-gradient(0deg, rgba(255,255,255,1) 76%, rgba(255,255,255,0) 0%);
							background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 76%, rgba(255,255,255,0) 0%);
							background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 76%, rgba(255,255,255,0) 0%);
							background: -o-linear-gradient(0deg, rgba(255,255,255,1) 76%, rgba(255,255,255,0) 0%);
							background: -ms-linear-gradient(0deg, rgba(255,255,255,1) 76%, rgba(255,255,255,0) 0%);
						}



	h2.MessagesTitle { width: 100%; max-width: 1280px; margin: 0 auto; padding: 1.5em 0; text-align: left; font-size: 100%; letter-spacing: 0.15em; }
		h2.MessagesTitle span.messagesHeading { width: auto; margin: 0 0.6em 0 0; padding: 0; text-align: left; font-size: 184%; }

			h2.MessagesTitle span.messagesHeading:after { content: "/"; font-size: 2.4rem; font-weight: bold; color: #bba181; position: relative; bottom: -5px; left: 15px; }


	h2.ContentTitle { width: 88%; display: block; margin: 0.5em auto; padding: 0 auto; text-align: center; font-size: 126%; letter-spacing: 0.05em; }
		span.subEngHeading { width: 88%; display: block; margin: 0.5em auto; padding: 1.3em 0 0 0; text-align: center; font-size: 286%; letter-spacing: 0.15em; }


	h3.ContentTitle3rd { width: 88%; display: block; margin: 1.8em auto; padding: 0 auto; text-align: center; font-size: 126%; letter-spacing: 0.15em; }

	h4.ContentTitle4th { width: 88%; display: block; margin: 1.8em auto; padding: 0 auto; text-align: center; font-size: 112%; letter-spacing: 0.15em; }

		div.gridCoverbox p.normalPara { width: 68%; margin: 1.6em auto 2.3em auto; padding: 0; text-align: center; text-decoration: none; line-height: 1.5em; text-align: justify; }

			div.gridCoverbox ul.plainUl { width: 68%; margin: 0.8em auto; padding: 0; text-align: center; text-decoration: none; text-align: justify; }
				div.gridCoverbox ul.plainUl li { margin: 0.8em 0 0.8em 1.6em; padding: 0; }
				div.gridCoverbox ul.plainUl li.indentList { margin: 1.3em 0 1.3em 2.6em; }
				div.gridCoverbox ul.plainUl li.num { list-style-type: decimal; }
				div.gridCoverbox ul.plainUl li.mark { list-style-type: upper-roman; }


			div.gridCoverbox dl.plainDl { width: 68%; margin: 0.8em auto; padding: 0; text-align: center; text-decoration: none; text-align: justify; }



			div.gridCoverbox dl.require { width: 68%; margin: 0.8em auto; padding: 0; text-align: center; text-decoration: none; text-align: justify; }

				div.gridCoverbox dl.require dt { margin: 1.3em 0 0 0; padding: 0.5em; text-align: center; }

				div.gridCoverbox dl.require dd { margin: 0; padding: 0.5em 0.8em; display: list-item; text-align: left; list-style-type: disc;}
					div.gridCoverbox dl.require dd.ddsubtitle { margin: 0; padding: 0.3em 0.8em; }
					div.gridCoverbox dl.require dd.normal { margin: 0; padding: 0.3em 0.8em; }
					div.gridCoverbox dl.require dd.end { margin: 0; padding: 0.3em 0.8em; }




    div.gridCoverbox div.contentNavDiv { width: 88%; max-width: 1460px; display: flex; margin: 0 auto; padding: 0.4em 0; text-decoration: none; }

        div.gridCoverbox div.contentNavDiv p { width: 88%; margin: 0.8em 0; padding: 0; text-decoration: none; }

            div.gridCoverbox div.contentNavDiv span.profileName { width: 88%; margin: 0; padding: 0; font-size: 118%; text-decoration: none; }
                div.gridCoverbox div.contentNavDiv span.profileName::before { content: "－"; font-size: 2.3em; color: #1f4c9f; position: relative; top: 10px; left: -10px; }

        div.gridCoverbox div.contentNavDiv h3 { width: 100%; margin: 0.8em 0 0.6em 0; padding: 0.6em 0 0 0; font-size: 168%; letter-spacing: 0.08em; }

			div.gridCoverbox div.contentNavDiv ul { width: 100%; margin: 0 0 0.8em 0; padding: 0; font-size: 98%; letter-spacing: 0.1em; line-height: 1.6em; list-style-type: none; }
				div.gridCoverbox div.contentNavDiv ul li { margin: 0; padding: 0 0 0 0.8em; }

			div.gridCoverbox div.contentNavDiv ul.contentList { width: 100%; margin: 0 0 0.8em 0; padding: 0; font-size: 88%; letter-spacing: 0.1em; line-height: 1.6em;}
				div.gridCoverbox div.contentNavDiv ul.contentList li { margin: 0 0 0.8em 1.5em; padding: 0 0 0 0.8em;  list-style-type: decimal; }




				div.contentNavBox { width: 48%; display: flexbox; margin: 0.8em 1.3em; padding: 0.8em 0 1.3em 0; text-align: center; }
					.bdRadius01 { border: 5px solid #f4d686; border-radius: 40px 10px; }
					.bgAlpha01 { background-color: rgba(252, 248, 199, 0.3)}


				div.contentNavBox h3 { width: 72%; margin: 1.1em auto; padding: 0; text-align: center; font-size: 216%; }
				div.contentNavBox p { width: 78%; display: inline-block; margin: 1.1em auto; letter-spacing: 0.1em; font-size: 96%; text-align: justify; text-justify: inter-ideograph; }
	
				div.contentNavBox ul { width: 78%; display: inline-block; margin: 1.1em auto; letter-spacing: 0.1em; font-size: 96%; text-align: justify; text-justify: inter-ideograph; }
					div.contentNavBox ul li { width: 100%; margin: 0.6em 0; text-align: justify; text-justify: inter-ideograph; }
	
	
				div.contentNavBox figure { width: 100%; padding: 0; }
					div.contentNavBox figure img.subCateImg { width: 100%; max-width: 320px; }
					div.contentNavBox figure a:link, div.contentNavBox figure a:visited
						{ opacity: 1.0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; }
					div.contentNavBox figure a:hover, div.contentNavBox figure a:active
						{ opacity: 0.6; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; }
	
			div.contentNavBox figcaption { width: 100%; height: auto; padding: 1.0em 0 0 0; text-align: left; font-size: 94%; }




			div.contentNavBox table { width: 100%; margin: 0; padding: 0; font-size: 88%; }
				div.contentNavBox table td { margin: 0.3em 0; padding: 1.5em 0; text-align: center; vertical-align: middle; }

				div.contentNavBox table tr:nth-child(odd) { background: #faf1dd; }
				div.contentNavBox table tr:nth-child(2n) { background: #ebfaf4; }
				/* 最後の行にborderを引く　div.contentNavBox table tr:last-child td { border-bottom: dotted #333 1px; } */

				div.contentNavBox table td ul.centeringIndent { width: auto; margin: 0.3em auto; padding: 1.5em auto; text-align: center; vertical-align: middle; }



			div.contentTableDiv { width: 94%; margin: 1.8em auto 4.6em auto; padding: 0 auto; text-align: left; text-decoration: none; }
	
				div.contentTableDiv table { width: 64%; margin: 0 auto; padding: 0; text-align: center; font-size: 88%; text-decoration: none; }

					div.contentTableDiv table td { margin: 0.3em 0; padding: 1.5em; text-align: left; vertical-align: middle; }
						div.contentTableDiv table tr:nth-child(odd) { background: #e8e2d4; }
						div.contentTableDiv table tr:nth-child(2n) { background: #d0e3e6; }


			div.contentTwitterDiv { width: 94%; max-width: 460px; margin: 1.8em auto 4.6em auto; padding: 0 auto; text-align: left; text-decoration: none; }





        /* Right Image  Left Text */
        div.gridCoverbox div.contentNavDiv div.cnaviRightimg { width: 40%; order: 2; margin: 2.5em 0; padding: 0; text-decoration: none; }
            div.gridCoverbox div.contentNavDiv div.cnaviRightimg img { max-width: 100%; margin: 0; padding: 0; }


        div.gridCoverbox div.contentNavDiv div.cnaviLefttex { width: 50%; order: 1; margin: 0; padding: 1.0em 10% 1.0em 0; text-decoration: none; }
            div.gridCoverbox div.contentNavDiv div.cnaviLefttex h3 { width: 100%; margin: 0 0 0.8em 0; padding: 0; font-size: 238%; line-height: 1.6em;}
            div.gridCoverbox div.contentNavDiv div.cnaviLefttex p { width: 100%; margin: 1.8em 0; padding: 0; font-size: 96%; line-height: 1.6em; text-align: justify; }
            div.gridCoverbox div.contentNavDiv div.cnaviLefttex p.forTop { width: 100%; margin: 0 0 0.8em 0; padding: 0; font-size: 98%; letter-spacing: 0.1em; line-height: 1.6em; }

            div.gridCoverbox div.contentNavDiv div.cnaviLefttex p.profile { width: 88%; margin: 0 0 0.8em 0; padding: 0 0 0 2.3em; font-size: 88%; border-left: 4px solid #2c41b4; }
                div.gridCoverbox div.contentNavDiv div.cnaviLefttex p.profile span { display: block; margin: 0; padding: 0.3em 0; }


        /* Left Image  Right Text */
        div.gridCoverbox div.contentNavDiv div.cnaviLeftimg { width: 40%; order: 1; margin: 2.5em 0; padding: 0; text-decoration: none; }
            div.gridCoverbox div.contentNavDiv div.cnaviLeftimg img { max-width: 100%; margin: 0; padding: 0; }

        div.gridCoverbox div.contentNavDiv div.cnaviRighttex { width: 50%; order: 2; margin: 0; padding: 1.0em 0 1.0em 10%; text-decoration: none; }
            div.gridCoverbox div.contentNavDiv div.cnaviRighttex h3 { width: 100%; margin: 0 0 0.8em 0; padding: 0; font-size: 238%; line-height: 1.6em;}
            div.gridCoverbox div.contentNavDiv div.cnaviRighttex p { width: 100%; margin: 1.8em 0; padding: 0; font-size: 96%; line-height: 1.6em; text-align: justify; }
            div.gridCoverbox div.contentNavDiv div.cnaviRighttex p.forTop { width: 100%; margin: 0 0 0.8em 0; padding: 0; font-size: 98%; letter-spacing: 0.1em; line-height: 1.6em; }

            div.gridCoverbox div.contentNavDiv div.cnaviRighttex p.profile { width: 88%; margin: 0 0 0.8em 0; padding: 0 0 0 2.3em; font-size: 88%; border-left: 4px solid #2c41b4; }
                div.gridCoverbox div.contentNavDiv div.cnaviRighttex p.profile span { display: block; margin: 0; padding: 0.3em 0; }


        div.gridCoverbox div.contentNavDiv a:link, div.gridCoverbox div.contentNavDiv a:visited
            { opacity: 1.0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; }
        div.gridCoverbox div.contentNavDiv a:hover, div.gridCoverbox div.contentNavDiv a:active
            { opacity: 0.6; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; }




	/* --- ▼ gallery start ▼ --- */
	div.gridCoverbox div.contentGallery { width: 88%; max-width: 1460px; display: flex; flex-wrap: wrap; margin: 0 auto; padding: 0.4em 0; text-decoration: none; }
		div.gridCoverbox div.contentGallery div.phHandEczema { width: 24%; margin: 1px; }

	/* --- ▼ gallery end ▼ --- */





	/* --- ▼ text button action start ▼ --- */
	div.cnavidetail { margin: 1.3em 0; padding: 0; font-size: 94%; text-align: center; letter-spacing: 0; /* web-font */ font-family: 'Noto Sans', sans-serif; }
		div.cnavidetail div.more a { margin: 0; padding: 1.0em 0; color: #fff; display: block; }
		div.cnavidetail div.more a:hover { color: #065c8e;  opacity: 1.0; }

	/* button action */
	div.cnavidetail div.more {
							display: block;  width: 35%; min-width: 120px; height: 100%; margin: 0; padding: 0; 
							background-color: #fff; color: #fccc49; 
							border: 2px solid #fccc49;
							position: relative;
							}

	div.cnavidetail div.more span { position: relative; 	  z-index: 1; }

	div.cnavidetail div.more::before,
	div.cnavidetail div.more::after {
		content: "";
		display: block;
		background-color: #fccc49;
		width: 50%;
		height: 100%;
		position: absolute;
		top: 0;
		transition: .2s;
	}
	div.cnavidetail div.more::before { left: 0; }	div.cnavidetail div.more::after { right: 0; }

	div.cnavidetail div.more:hover:before, div.cnavidetail div.more:hover:after { width: 0; background-color: #fccc49; }

	div.cnavidetail div.more:hover { color: #122d4e; }

/* --- ▲ text button action end ▲ --- */








        /* Privacy Policy etc */
		div.cnaviMidtable { width: 68%; margin: 1.5em auto; padding: 0; text-align: center; text-decoration: none; }

			div.cnaviMidtable table td { margin: 0.3em 0; padding: 1.5em 0 1.5em 1.0em; text-align: center; vertical-align: middle; border-bottom: 1px dotted #00499b; }
				div.cnaviMidtable table tr:nth-child(2n) { background: #f9fefe; }
				div.cnaviMidtable table tr:first-child td { border-top: 3px solid #bba181; }

				div.cnaviMidtable td { margin: 0.3em 0; padding: 1.5em 0; text-align: center; font-size: 78%; }
					div.cnaviMidtable table tr:last-child td { border-bottom: dotted #333 1px; }
				div.cnaviMidtable td.tdLeft { width: 30%; vertical-align: middle; }
				div.cnaviMidtable td.tdRight { width: 60%; text-align: left; vertical-align: middle; }

				div.cnaviMidtable td.tdBorder { border-bottom: dotted #333 1px; }




	/* --- ▼ gallery start ▼ --- */
	div.gridCoverbox div.adBoxGallery { width: 100%; max-width: 1280px; display: flex; flex-wrap: wrap; margin: 0 auto; padding: 0.4em 0; text-align: center; text-decoration: none; }
		div.gridCoverbox div.adBoxGallery div.adBoxfl { width: auto; max-width: 240px; margin: 0 auto; padding: 0.4em 0; text-align: center; }

		div.gridCoverbox div.adNote { width: auto; max-width: 768px; margin: 0 auto; padding: 0.4em 0; text-align: center; clear: both; }
	/* --- ▼ gallery end ▼ --- */



	/*--- ▼ pageScroller start ▼ ---*/
	div#pageTop { position: fixed; bottom: 80px; right: 50px; z-index: 9999; }
		div#pageTop a { width: 82px; height: 52px; display: block; padding: 1.8em 0 0 0; text-align: center; font-size: 78%; color: #fff; background: #d6a218;
	 							/* border-radius */ border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
		div#pageTop a:hover { text-decoration: none; opacity: 0.7;
							-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; }
			div#pageTop a::before { content: ''; display: block; position: relative; top: 5%; left: 42%; width: 1em; height: 1em; margin-top: 0; border-top: #fff 3px solid; border-right: #fff 3px solid; transform: rotate(-45deg); }
	/*--- ▲ pageScroller end ▲ ---*/






/*--------------------------------------------------------*/
/* ▼ Footer Div ▼ */
/*--------------------------------------------------------*/
div#Footer { width: 100%; margin: 0; padding: 0; background: #fff; border-top: 3px solid #0d1528; }

	div#FooterLogoAr { width: 100%; margin: 1.3em auto; padding: 0; text-align: center; }
		div#FooterLogoAr h2 { margin: 0.8em auto; text-align: center; }
			div#FooterLogoAr p { margin: 0.3em 0; padding-left: 0.8em; font-size: 88%; color: #ccc; }

		div#FooterLogoAr ul { margin: 0.8em auto; text-align: center; }
			div#FooterLogoAr ul li { width: auto; display: block; margin: 0.5em auto; padding: 0; text-align: center; }


	div.gridFooterBody { width: 98%; margin: 0 auto; padding: 1.5em 0; }
		@media (min-width: 1281px) {	div.gridFooterBody { max-width: 1460px; margin: 0 auto; padding: 0 auto; text-align: center; }		}


	/* menu 記載を隠す*/
		.menu-btn div { display: none; }

	/* チェックボタンを隠す*/
		#menu-btn-check { display: none; }


	div#Footer div.FooterListBottom { width: 100%; }

		div#Footer div.FooterListBottom ul { width: auto; display: inline-block; margin: 0.5em 1.3%; padding: 0; vertical-align: top; text-align: left; }

		div#Footer div.FooterListBottom ul li.ftlistheader { margin: 0 0 0.5em 0; padding: 0; }
				div#Footer div.FooterListBottom ul li.ftlistheader a:link, div#Footer div.FooterListBottom ul li.ftlistheader a:visited { color: #d6a218; text-decoration: none; }
				div#Footer div.FooterListBottom ul li.ftlistheader a:hover, div#Footer div.FooterListBottom ul li.ftlistheader a:active { color: #0b6ef0; text-decoration: none; }


		div#Footer div.FooterListBottom ul li.ftlist { margin: 0 0 0.5em 0; padding: 0; font-size: 88%; }
			div#Footer div.FooterListBottom ul li.ftlist a { color: #333; text-decoration: none; }
				div#Footer div.FooterListBottom ul li.ftlist a:link, div#Footer div.FooterListBottom ul li.ftlist a:visited { color: #333; text-decoration: none; }
				div#Footer div.FooterListBottom ul li.ftlist a:hover, div#Footer div.FooterListBottom ul li.ftlist a:active { color: #1f679f; text-decoration: none; }


	div#Footer div.gridFooterbottom { width: 100%; margin: 0; padding: 0.5em 0; color: #9ac7d9; text-align: center; background: #d6a218; clear: both; }

		div#Footer div.gridFooterbottom div.FooterbotBody { width: 100%; max-width: 1280px; margin: 0 auto; padding: 0.5em 0; text-align: center; font-size: 82%; }

		div#Footer div.gridFooterbottom ul { width: 50%; height: auto; float: left; display: block; margin: 0; padding: 0; text-align: left; }
			div#Footer div.gridFooterbottom ul li { display: inline-block; margin: 0 1.5em; padding: 0; text-align: left; color: #fff; }

			div#Footer div.gridFooterbottom ul li a { color: #fff; text-decoration: none; }
				div#Footer div.gridFooterbottom ul li a:link, div#Footer div.gridFooterbottom ul li a:visited { color: #fff; text-decoration: none; }
				div#Footer div.gridFooterbottom ul li a:hover, div#Footer div.gridFooterbottom ul li a:active { color: #0b6ef0; text-decoration: none; }


		div#Footer div.gridFooterbottom small.credit { width: 40%; float: right; letter-spacing: 0.1em; color: #fff; text-align: right; }

/*--- ▲ Footer end ▲ ---*/